/*
Theme Name: Enfold Child
Description: A Child Theme for the Enfold Wordpress Theme.
Version: 1.0
Author: Maria Hanselle
Author URI: https://ralf-hanselle.de
Template: enfold
*/

/* ========================================
   SAUBERES ENFOLD CHILD-THEME CSS 2026
   ======================================== */

/* 1. GLOBALE FARBEN (als Backup für Quick CSS) */
:root {
  --blue-main: #5d85c3;
  --blue-dark: #466fa7;
  --gray-verylight: #f2f2f2;
  --gray-anthracite: #4a4a4a;
}

/* 2. TYPOGRAPHIE FEINJUSTIERUNG */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  line-height: 1.6;
}

/* 3. BUTTONS EINHEITLICH */
.avia-button {
  background-color: var(--blue-main);
  border-color: var(--blue-main);
  color: #ffffff;
  border-radius: 4px;
  padding: 12px 24px;
  font-weight: 500;
  transition: all 0.3s ease;
}

.avia-button:hover {
  background-color: var(--blue-dark);
  border-color: var(--blue-dark);
  transform: translateY(-1px);
}

/* 4. LINKS ELEGANTER */
a {
  color: var(--blue-main);
  text-decoration: none;
  transition: color 0.3s ease;
}

a:hover {
  color: var(--blue-dark);
}

/* 5. MOBILE OPTIMIERUNG */
@media (max-width: 768px) {
  .avia-button {
    padding: 10px 20px;
    font-size: 16px;
  }
}

/* 6. SAUBERE ÜBERGÄNGE */
* {
  box-sizing: border-box;
}

img {
  max-width: 100%;
  height: auto;
}

/* GRID-TEXTE FETT + BLAU */
.iconbox_title,
.iconbox_content,
.grid-title,
.grid-text {
  font-weight: 700 !important;
  color: var(--blue-main) !important;
  font-size: 18px !important;
}