/* =================================================================
   ENTRÜMPELUNG ADAM CHILD – global.css
   Primär  : #234AFD  (Blau)
   CTA     : linear-gradient(135deg,#22c55e,#16a34a)  (Grün)
   Weiß    : #ffffff
   Dunkel  : #0d1535
   Schrift : Inter (system-ui fallback, keine Google Font)
   ================================================================= */

@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:         #234AFD;
  --blue-hover:   #1a38d4;
  --blue-dim:     rgba(35,74,253,.10);
  --blue-dark:    #0d1535;
  --blue-mid:     #162eae;
  --green-start:  #22c55e;
  --green-end:    #16a34a;
  --white:        #ffffff;
  --off-white:    #f4f6ff;
  --border:       #e2e8ff;
  --text:         #0d1535;
  --text-muted:   #5a6580;
  --text-faint:   #9aa3be;

  /* CTA gradient */
  --cta:          linear-gradient(135deg,var(--green-start),var(--green-end));
  --cta-hover:    linear-gradient(135deg,#16a34a,#15803d);

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

  /* Misc */
  --radius:       6px;
  --radius-lg:    12px;
  --shadow-sm:    0 1px 6px rgba(35,74,253,.06);
  --shadow-md:    0 6px 28px rgba(35,74,253,.12);
  --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); }
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:         .75rem 1.65rem;
  background:      var(--cta);
  color:           #fff !important;
  font-family:     var(--font-body);
  font-weight:     600;
  font-size:       .875rem;
  letter-spacing:  .01em;
  border-radius:   var(--radius);
  text-decoration: none;
  white-space:     nowrap;
  border:          none;
  cursor:          pointer;
  transition:      filter var(--t), transform var(--t), box-shadow var(--t);
}
.adam-btn-cta:hover {
  filter:     brightness(1.07);
  transform:  translateY(-2px);
  box-shadow: 0 8px 22px rgba(22,163,74,.35);
  color: #fff !important;
}

.adam-btn-outline {
  display:         inline-flex;
  align-items:     center;
  gap:             .4rem;
  padding:         .7rem 1.5rem;
  border:          2px solid var(--blue);
  color:           var(--blue) !important;
  font-family:     var(--font-body);
  font-weight:     600;
  font-size:       .875rem;
  border-radius:   var(--radius);
  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-dark); }
.adam-section--dark h1,
.adam-section--dark h2,
.adam-section--dark h3 { 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-md);
  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__title {
  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(--white);
  border:        1px solid var(--border);
  border-radius: var(--radius-lg);
  padding:       1.5rem;
}
.adam-review__stars {
  color:         #f59e0b;
  font-size:     1rem;
  letter-spacing: .05em;
  margin-bottom: .65rem;
}
.adam-review__text {
  font-size:   .875rem;
  line-height: 1.8;
  color:       var(--text-muted);
  margin:      0 0 1rem;
}
.adam-review__author {
  font-weight: 700;
  font-size:   .8rem;
  color:       var(--blue);
  text-transform: uppercase;
  letter-spacing: .06em;
}

/* ── 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; }