/* ============================================================================
   AKE — INNENSEITEN Premium-Redesign  ·  Stil: "Trust & Authority" (ui-ux-pro-max)
   Geteilte Theme-Markup (.wt-bnr-inr / .section-content / .widget_services) → ~51 Seiten × 4 Sprachen.
   Prinzip: hochkontrast (dunkel, NICHT grau), kompakte Hierarchie, Karten-Panels, Navy+Rot.
   Tokens: ink #16223f · body #232c3a · accent #e32726 · surface #eef2f7 · card #fff · border #e6ecf4
   ========================================================================== */

/* ---------- Seitengrund: leichte Navy-Tönung (Panels heben sich ab) ---------- */
.page-content { background: #eef2f7; }

/* ---------- BANNER ---------- */
.wt-bnr-inr {
  background-position: center center !important;
  background-size: cover !important;
  background-attachment: scroll !important;
  background-repeat: no-repeat !important;
  background-color: #16223f;            /* Fallback hinter dem Foto */
  min-height: clamp(220px, 26vw, 360px);
  display: flex; align-items: flex-end; position: relative;
}
.wt-bnr-inr .overlay-main {
  opacity: 1 !important;
  background: linear-gradient(180deg, rgba(11,17,36,.22) 0%, rgba(11,17,36,.50) 55%, rgba(9,14,30,.82) 100%) !important;
}
.wt-bnr-inr .container { position: relative; z-index: 2; width: 100%; padding-bottom: 20px; }
.wt-bnr-inr-entry { padding: 0; }
/* Veralteten weißen Rahmen-Kasten um den Titel entfernen */
.wt-bnr-inr .banner-title-outer {
  position: relative; border: 0 !important; padding: 0 !important; width: auto !important; margin: 0 !important;
}
.wt-bnr-inr .banner-title-outer::before,
.wt-bnr-inr .banner-title-outer::after { display: none !important; }
.wt-bnr-inr .banner-title-name { width: auto !important; }
.wt-bnr-inr .banner-title-name h1,
.wt-bnr-inr h1 {
  font: 700 clamp(26px, 2.6vw, 42px)/1.12 'Poppins', sans-serif !important;
  letter-spacing: -.015em !important; text-transform: none !important;
  color: #fff !important; margin: 0 0 10px !important;
  text-shadow: 0 2px 20px rgba(0,0,0,.38);
}
.wt-bnr-inr .banner-title-name h1::after {
  content: ""; display: block; width: 54px; height: 3px; background: #e32726; border-radius: 2px; margin-top: 14px;
}
/* Breadcrumb */
.wt-bnr-inr .wt-breadcrumb {
  display: flex; gap: 8px; flex-wrap: wrap; list-style: none; padding: 0; margin: 6px 0 0;
  font: 500 13px/1 'Poppins', sans-serif;
}
.wt-bnr-inr .wt-breadcrumb li, .wt-bnr-inr .wt-breadcrumb a { color: rgba(255,255,255,.82); text-decoration: none; }
.wt-bnr-inr .wt-breadcrumb a:hover { color: #fff; }
.wt-bnr-inr .wt-breadcrumb li + li::before { content: "›"; margin-right: 8px; color: rgba(255,255,255,.5); }

/* ---------- CONTENT-PANEL (section-content als weiße Karte) ---------- */
.page-content .section-content {
  font-family: 'Poppins', sans-serif; color: #232c3a;
  background: #fff; border: 1px solid #e6ecf4; border-radius: 16px;
  padding: clamp(24px, 3vw, 44px);
  box-shadow: 0 2px 22px -10px rgba(16,34,63,.14);
}
/* Überschriften: Navy, kräftig, kompakt — NICHT hellblau/grau, nicht riesig */
.page-content .section-content h1,
.page-content .section-content h2,
.page-content .section-content h3,
.page-content .section-content h4 { color: #16223f; font-family: 'Poppins', sans-serif; letter-spacing: -.01em; }
.page-content .section-content h2,
.page-content .section-content .section-head h3 { font-size: clamp(20px, 1.5vw, 26px); font-weight: 700; margin: 34px 0 14px; }
.page-content .section-content h2:first-child,
.page-content .section-content h3:first-child { margin-top: 0; }
.page-content .section-content h3 { font-size: 18.5px; font-weight: 600; margin: 26px 0 10px; }
.page-content .section-content h2::after,
.page-content .section-content .accent-h::after {
  content: ""; display: block; width: 44px; height: 3px; background: #e32726; border-radius: 2px; margin-top: 11px;
}
/* Fließtext: dunkel + lesbar (Kern der User-Kritik „einfach grau") */
.page-content .section-content p {
  font-size: 16px; line-height: 1.72; color: #2a3340; max-width: 70ch; margin: 0 0 16px;
}
.page-content .section-content > p:first-of-type { font-size: 17px; color: #1c2433; } /* Lead */
.page-content .section-content strong, .page-content .section-content b { color: #16223f; font-weight: 600; }
.page-content .section-content a:not(.site-button):not(.btn):not(.ake-cta-b) {
  color: #233d94; text-decoration: underline; text-underline-offset: 2px; font-weight: 500;
}
.page-content .section-content img { max-width: 100%; height: auto; border-radius: 12px; }

/* ---------- FEATURE-LISTEN (2-spaltig, rote Check-Punkte, dunkler Text) ---------- */
.page-content .section-content ul {
  list-style: none; padding: 0; margin: 6px 0 24px;
  display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 12px 26px;
}
.page-content .section-content ul li {
  position: relative; padding-left: 30px; font-size: 15.5px; line-height: 1.5; color: #2a3340;
}
.page-content .section-content ul li::before {
  content: ""; position: absolute; left: 0; top: 2px; width: 19px; height: 19px; border-radius: 50%;
  background: rgba(227,39,38,.10);
}
/* Häkchen */
.page-content .section-content ul li::after {
  content: ""; position: absolute; left: 6px; top: 6px; width: 7px; height: 4px;
  border-left: 2px solid #e32726; border-bottom: 2px solid #e32726; transform: rotate(-45deg);
}

/* ---------- SIDEBAR (widget_services) als saubere sticky Karte ---------- */
.page-content .widget_services {
  background: #fff; border: 1px solid #e6ecf4; border-radius: 16px; padding: 20px 16px;
  position: sticky; top: 96px; box-shadow: 0 2px 22px -12px rgba(16,34,63,.12);
}
.page-content .widget_services > h3,
.page-content .widget_services .widget-title {
  font: 700 12px/1 'Poppins', sans-serif !important; text-transform: uppercase; letter-spacing: .1em;
  color: #8290a3; margin: 0 0 14px !important; padding: 0 6px;
}
.page-content .widget_services ul { list-style: none; padding: 0; margin: 0; display: block; }
.page-content .widget_services li { margin: 0; }
.page-content .widget_services li a {
  display: block; padding: 11px 13px; border-radius: 10px; color: #16223f;
  font: 500 14.5px/1.3 'Poppins', sans-serif; text-decoration: none; transition: background .2s, color .2s;
}
.page-content .widget_services li a:hover,
.page-content .widget_services li.active a {
  background: #f3f6fb; color: #e32726; box-shadow: inset 0 0 0 1px #e9eef6;
}

/* ---------- Abschnitts-Rhythmus ---------- */
.page-content .about-company-section,
.page-content .section-full { padding: clamp(34px, 4.5vw, 64px) 0; }

/* "$$$"/Sektion-Eyebrow-Artefakte zähmen (falls vorhanden) */
.page-content .ah-eyebrow, .page-content .sx-text-primary { color: #e32726 !important; }

/* ---------- PRODUKT-LINIEN-SEITEN (section-head / font-36 / btn-primary — eigener Theme-Aufbau) ---------- */
.page-content .section-head h2,
.page-content h2.font-36 {
  font-size: clamp(22px, 1.9vw, 30px) !important; font-weight: 700; color: #16223f;
  letter-spacing: -.005em; line-height: 1.2;
}
.page-content .wt-separator.bg-black { background: #e32726 !important; height: 3px; width: 46px; }
.page-content .text-col p, .page-content .text-col li { color: #2a3340; }
/* „Get an Offer"-Button: blau (btn-primary) → Marken-Navy mit rotem Hover */
.page-content .btn-primary {
  background: #16223f !important; border-color: #16223f !important; color: #fff !important;
  border-radius: 10px !important; font-weight: 600 !important; transition: background .2s !important;
}
.page-content .btn-primary:hover { background: #e32726 !important; border-color: #e32726 !important; }

/* ---------- TABELLEN (auch Word-MsoTableGrid in Legal/Specs — randlos → lesbar machen) ---------- */
.page-content .section-content table,
.page-content table.MsoTableGrid {
  width: 100% !important; border-collapse: collapse !important; margin: 18px 0 24px;
  font-family: 'Poppins', sans-serif; font-size: 14.5px; border: 1px solid #e2e9f2 !important; border-radius: 10px; overflow: hidden;
}
.page-content .section-content table td,
.page-content .section-content table th,
.page-content table.MsoTableGrid td,
.page-content table.MsoTableGrid th {
  border: 1px solid #e6ecf4 !important; padding: 11px 14px !important; color: #2a3340; vertical-align: top; line-height: 1.55; text-align: left;
}
.page-content .section-content table th,
.page-content .section-content table tr:first-child td {
  background: #f3f6fb; color: #16223f; font-weight: 600;
}
.page-content .section-content table tr:nth-child(even) td { background: #fafcfe; }

/* ---------- ACCORDION (konut / ozel-cozumler / my-lift / panoramik) ---------- */
.page-content .wt-accordion .panel,
.page-content .wt-accordion .wt-panel {
  border: 1px solid #e6ecf4 !important; border-radius: 12px !important; margin-bottom: 12px; overflow: hidden; background: #fff; box-shadow: 0 1px 3px rgba(16,34,63,.05);
}
.page-content .wt-accordion .acod-head { margin: 0 !important; border: 0 !important; }
.page-content .wt-accordion .acod-title { text-transform: none !important; margin: 0 !important; font-family: 'Poppins', sans-serif; }
.page-content .wt-accordion .acod-title a,
.page-content .wt-accordion .acod-head a {
  display: block; padding: 16px 18px !important; font: 600 16px/1.4 'Poppins', sans-serif; color: #16223f !important; text-decoration: none !important; background: #fff !important;
}
.page-content .wt-accordion .acod-title a.collapsed { color: #16223f !important; }
.page-content .wt-accordion .acod-body { color: #2a3340; }
.page-content .wt-accordion .acod-content { padding: 0 18px 16px !important; color: #2a3340; font-size: 15.5px; line-height: 1.65; }

/* ---------- SCHRIFT-GUARD: Word/CMS-Paste-Fonts (Calibri/Metropolis/Cambria…) nie durchlassen ----------
   Quelle ist bereinigt; diese Regel hält künftige Pastes auf Poppins. span:not([class]) = Word-Text, KEIN Icon. */
.page-content .section-content p,
.page-content .section-content li,
.page-content .section-content td,
.page-content .section-content th,
.page-content .section-content a,
.page-content .section-content font,
.page-content .section-content span:not([class]) { font-family: 'Poppins', sans-serif !important; }
/* ABER: Icon-Fonts nicht zu Poppins zwingen — Social-Links sind <a class="fa fa-instagram"> (Glyph via ::before),
   der Guard oben hätte sie auf Poppins gesetzt → Tofu. FontAwesome re-asserten (höhere Spezifität, gewinnt). */
.page-content .section-content .fa,
.page-content .section-content [class*="fa-"] { font-family: 'FontAwesome' !important; }

/* ---------- KONTAKT-FORMULAR (.contact-one: 6px schwarzer Theme-Rahmen → saubere Karte) ---------- */
.page-content .contact-one,
.contact-form .contact-one,
.contact-one {
  border: 1px solid #e6ecf4 !important; border-radius: 16px !important;
  box-shadow: 0 2px 22px -10px rgba(16,34,63,.14) !important; background: #fff !important;
}

/* ---------- WORD-COPY-ARTEFAKTE: gelbe Markierungen / Highlights neutralisieren (kvkk etc.) ---------- */
.page-content [style*="background-color:yellow"],
.page-content [style*="background:yellow"],
.page-content [style*="background-color: yellow"],
.page-content [style*="#ffff00"],
.page-content [style*="#FFFF00"],
.page-content mark { background: transparent !important; color: inherit !important; }

/* ---------- MOBILE ---------- */
@media (max-width: 991px) {
  .wt-bnr-inr { min-height: 180px; }
  .wt-bnr-inr .container { padding-bottom: 16px; }
  .page-content .widget_services { position: static; margin-bottom: 24px; }
  .page-content .section-content { padding: 22px 18px; border-radius: 14px; }
  .page-content .section-content ul { grid-template-columns: 1fr; }
  .page-content .section-content h2 { margin-top: 26px; }
}