/* =================================================================
   ENTRÜMPELUNG ADAM CHILD – global.css
   Angepasst an den Stil der Rhein-Sieg-Kreis-Landingpage:
   Primär  : #3071D5  (Blau – exakter Markenwert)
   CTA     : #2F9E5C → Hover #1F7A44  (flaches Grün, kein Verlauf)
   Weiß    : #ffffff
   Text    : #101A2C  (dunkles Navy/Ink)
   Formen  : durchgängig Pill-Buttons (999px) + weiche, große Schatten
   Schrift : Headlines = Plus Jakarta Sans (geladen via header.php) · Fließtext = Inter (self-hosted)
   ================================================================= */

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 400 700;
  font-display: swap;
  src: local('Inter'),
       local('Inter-Regular'),
       url('https://rsms.me/inter/font-files/Inter.var.woff2') format('woff2 supports variations'),
       url('https://rsms.me/inter/font-files/Inter.var.woff2') format('woff2');
}

:root {
  /* Palette */
  --blue:         #17274B;
  --blue-hover:   #244f9b;
  --blue-dim:     rgba(48,113,213,.10);
  --blue-dark:    #101a2c;   /* Text-/Headline-Ink, entspricht der Landingpage */
  --blue-mid:     #1f4fa3;
  --green:        #2f9e5c;
  --green-dark:   #1f7a44;
  --green-soft:   #eaf7ef;
  --white:        #ffffff;
  --off-white:    #f4f7fc;
  --border:       #e1e7f4;
  --text:         #101a2c;
  --text-muted:   #58637a;
  --text-faint:   #9aa3be;

  /* CTA – flaches Grün statt Verlauf, passend zur Landingpage */
  --cta:          var(--green);
  --cta-hover:    var(--green-dark);

  /* Typography */
  --font-head:    'Plus Jakarta Sans', 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-body:    'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;

  /* Misc */
  --radius:       10px;
  --radius-lg:    14px;
  --radius-pill:  999px;
  --shadow-sm:    0 1px 6px rgba(16,26,44,.08);
  --shadow-md:    0 6px 28px rgba(16,26,44,.14);
  --shadow-lg:    0 18px 40px -20px rgba(12,27,51,.35);
  --t:            .18s ease;
}

/* ── BASE ─────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }
body {
  font-family:            var(--font-body);
  color:                  var(--text);
  background:             var(--white);
  -webkit-font-smoothing: antialiased;
  margin: 0;
  font-size: 1rem;
  line-height: 1.6;
}
img { max-width: 100%; height: auto; display: block; }
a   { color: var(--blue); text-decoration: none; transition: color var(--t); }
a:hover { color: var(--blue-hover); }

h1,h2,h3,h4,h5,h6 {
  font-family:    var(--font-head);
  color:          var(--blue-dark);
  font-weight:    700;
  line-height:    1.18;
  letter-spacing: -.02em;
  margin-top:     0;
}
h1 { font-size: clamp(2rem, 5vw, 3.25rem); font-weight: 800; }
h2 { font-size: clamp(1.5rem, 3.5vw, 2.4rem); }
h3 { font-size: clamp(1.1rem, 2vw, 1.5rem); }

/* ── UTILITY BUTTONS ──────────────────────────────────────────── */
.adam-btn-cta {
  display:         inline-flex;
  align-items:     center;
  gap:             .45rem;
  padding:         .8rem 1.7rem;
  background:      var(--cta);
  color:           #fff !important;
  font-family:     var(--font-head);
  font-weight:     700;
  font-size:       .9rem;
  letter-spacing:  0;
  border-radius:   var(--radius-pill);
  text-decoration: none;
  white-space:     nowrap;
  border:          none;
  cursor:          pointer;
  box-shadow:      0 10px 24px -8px rgba(47,158,92,.45);
  transition:      background var(--t), transform var(--t), box-shadow var(--t);
}
.adam-btn-cta:hover {
  background: var(--cta-hover);
  transform:  translateY(-2px);
  box-shadow: 0 10px 26px -6px rgba(31,122,68,.5);
  color: #fff !important;
}

.adam-btn-outline {
  display:         inline-flex;
  align-items:     center;
  gap:             .4rem;
  padding:         .75rem 1.55rem;
  border:          2px solid var(--blue);
  color:           var(--blue) !important;
  font-family:     var(--font-head);
  font-weight:     700;
  font-size:       .9rem;
  border-radius:   var(--radius-pill);
  text-decoration: none;
  white-space:     nowrap;
  background:      transparent;
  cursor:          pointer;
  transition:      background var(--t), color var(--t);
}
.adam-btn-outline:hover {
  background: var(--blue);
  color:      #fff !important;
}

/* ── FORMS ────────────────────────────────────────────────────── */
input[type="text"],input[type="email"],
input[type="tel"],textarea,select {
  width:         100%;
  padding:       .65rem .95rem;
  border:        1.5px solid var(--border);
  border-radius: var(--radius);
  font-family:   var(--font-body);
  font-size:     1rem;
  color:         var(--text);
  background:    var(--white);
  outline:       none;
  transition:    border-color var(--t), box-shadow var(--t);
}
input[type="text"]:focus,input[type="email"]:focus,
input[type="tel"]:focus,textarea:focus,select:focus {
  border-color: var(--blue);
  box-shadow:   0 0 0 3px var(--blue-dim);
}
textarea { resize: vertical; min-height: 120px; }
label {
  font-size:    .85rem;
  font-weight:  600;
  color:        var(--text);
  display:      block;
  margin-bottom: .3rem;
}

/* ── LAYOUT ───────────────────────────────────────────────────── */
.adam-container {
  max-width: 1200px;
  margin:    0 auto;
  padding:   0 1.5rem;
}
.adam-section        { padding: 5rem 0; }
.adam-section--alt   { background: var(--off-white); }
.adam-section--dark  { background: var(--blue); }   /* vivides Blau statt Beinahe-Schwarz, wie Hero/Agitate der Landingpage */
.adam-section--dark h1,
.adam-section--dark h2,
.adam-section--dark h3,
.adam-section--dark h4,
.adam-section--dark h5,
.adam-section--dark h6 { color: #fff; }

/* ── CARDS ────────────────────────────────────────────────────── */
.adam-card {
  background:    var(--white);
  border:        1px solid var(--border);
  border-radius: var(--radius-lg);
  padding:       1.75rem;
  transition:    box-shadow var(--t), transform var(--t);
}
.adam-card:hover {
  box-shadow: var(--shadow-lg);
  transform:  translateY(-3px);
}
.adam-card__icon {
  width:         48px;
  height:        48px;
  border-radius: 10px;
  background:    var(--blue-dim);
  display:       flex;
  align-items:   center;
  justify-content: center;
  margin-bottom: 1rem;
}
.adam-card__icon--green {
  background: var(--green-soft);
  color:      var(--green-dark);
}
.adam-card__title {
  font-family: var(--font-head);
  font-size:   1.05rem;
  font-weight: 700;
  margin:      0 0 .4rem;
  color:       var(--blue-dark);
}
.adam-card__desc {
  font-size: .875rem;
  color:     var(--text-muted);
  margin:    0;
  line-height: 1.75;
}

/* ── TESTIMONIALS ─────────────────────────────────────────────── */
.adam-review {
  background:    var(--off-white);
  border:        1px solid var(--border);
  border-radius: var(--radius-lg);
  padding:       1.5rem;
}
.adam-review__stars {
  color:         #f6c343;
  font-size:     1rem;
  letter-spacing: .05em;
  margin-bottom: .65rem;
}
.adam-review__text {
  font-size:   .875rem;
  line-height: 1.8;
  color:       var(--text);
  margin:      0 0 1rem;
}
.adam-review__author {
  font-weight:    700;
  font-size:      .8rem;
  color:          var(--text-muted);
  text-transform: none;
  letter-spacing: 0;
}

/* ── GRID UTILITIES ───────────────────────────────────────────── */
.adam-grid-2 { display: grid; grid-template-columns: repeat(2,1fr); gap: 1.5rem; }
.adam-grid-3 { display: grid; grid-template-columns: repeat(3,1fr); gap: 1.5rem; }
.adam-grid-4 { display: grid; grid-template-columns: repeat(4,1fr); gap: 1.25rem; }

@media (max-width:1024px) { .adam-grid-4 { grid-template-columns: repeat(2,1fr); } }
@media (max-width:768px)  {
  .adam-grid-2,
  .adam-grid-3 { grid-template-columns: 1fr; }
  .adam-section { padding: 3.5rem 0; }
}
@media (max-width:480px)  {
  .adam-grid-4 { grid-template-columns: 1fr; }
}

/* ── SKIP LINK ────────────────────────────────────────────────── */
.skip-link {
  position:   absolute;
  top:        -999px;
  left:       0;
  z-index:    99999;
  background: var(--blue);
  color:      #fff !important;
  padding:    .5rem 1rem;
  font-weight: 700;
  font-size:  .85rem;
}
.skip-link:focus { top: 0; }

/* ── KADENCE OVERRIDES ────────────────────────────────────────── */
.kadence-header-wrap { display: none !important; }
.site-main { padding-bottom: 0; }