/* AKE Phase-2 Preview — minimale Overrides (Live-Theme bleibt unangetastet) */

/* Off-Canvas-/RevSlider-bedingten horizontalen Overflow unterbinden */
html,
body {
  overflow-x: hidden;
  max-width: 100%;
}

/* Mobile-Nav (header-nav collapse) im geschlossenen Zustand sicher ausblenden,
   damit sie nicht rechts herausragt, bevor JS initialisiert */
@media (min-width: 992px) {
  .header-nav.navbar-collapse {
    overflow: visible;
  }
}

/* ===== Enterprise-Header (#akeh) Overflow-Fix — CTA wurde rechts abgeschnitten ===== */
#akeh .akeh-wrap { max-width: 1440px; padding: 0 28px; gap: 12px; }
#akeh .akeh-nav { min-width: 0; }
#akeh .akeh-menu { gap: 0; flex-wrap: nowrap; }
#akeh .akeh-menu > li > a { padding: 11px 6px; font-size: 14px; letter-spacing: 0; }
#akeh .akeh-menu > li > a::after { left: 9px; right: 9px; }
#akeh .akeh-actions { flex: 0 0 auto; }
#akeh .akeh-cta { padding: 11px 16px; font-size: 12.5px; }

/* ===== Interior-Banner: Titel lesbar machen (Overlay war opacity:0 -> weißer Titel unsichtbar auf hellen Bildern) ===== */
.wt-bnr-inr .overlay-main { opacity: 1 !important; background-color: rgba(8, 14, 30, 0.5) !important; }
.wt-bnr-inr .banner-title-name h1,
.wt-bnr-inr .banner-title-name h2 { text-shadow: 0 2px 14px rgba(0,0,0,.45); }

/* ===== A11y: Mobil-Drawer im geschlossenen Zustand aus Tab-Order nehmen (WCAG aria-hidden-focus) ===== */
.akeh-drawer:not(.open) { visibility: hidden; }
.akeh-drawer.open { visibility: visible; }
/* Skip-Link (sichtbar bei Fokus) */
.ake-skip { position: absolute; left: -9999px; top: 0; z-index: 100000; background: #16223f; color: #fff; padding: 12px 18px; border-radius: 0 0 8px 0; font: 600 14px/1 Poppins, sans-serif; text-decoration: none; }
.ake-skip:focus { left: 0; }

/* ===== A11y: Cookie-/Inline-Links unterscheidbar (nicht nur Farbe) ===== */
.cookie-bar a, #akeh .akeh-cookie a, a[href$="cerez-politikasi"], a[href$="cookie-policy"] { text-decoration: underline; }

/* ===== Floating Lead-CTA (Conversion: Teklif + WhatsApp, jede Seite) ===== */
.ake-fab { position: fixed; right: 18px; bottom: 84px; z-index: 9990; display: flex; flex-direction: column; gap: 10px; font-family: 'Poppins', sans-serif; }
.ake-fab-btn { display: inline-flex; align-items: center; gap: 9px; padding: 12px 18px; border-radius: 999px; color: #fff; font-size: 13.5px; font-weight: 600; text-decoration: none; box-shadow: 0 10px 26px -8px rgba(2,8,40,.45); transition: transform .18s, box-shadow .18s, background .18s; }
.ake-fab-btn svg { width: 20px; height: 20px; flex: 0 0 auto; }
.ake-fab-btn:hover { transform: translateY(-2px); color: #fff; box-shadow: 0 16px 32px -10px rgba(2,8,40,.55); }
.ake-fab-quote { background: #e32726; }
.ake-fab-quote:hover { background: #c81f1e; }
.ake-fab-wa { background: #0f7d3b; }
.ake-fab-wa:hover { background: #0b6630; }
.ake-fab-btn:focus-visible { outline: 2px solid #16223f; outline-offset: 2px; }
@media (max-width: 575px) {
  .ake-fab { right: 12px; bottom: 76px; gap: 8px; }
  .ake-fab-btn { padding: 13px; }
  .ake-fab-btn span { display: none; }   /* mobil nur Icons */
}
@media (prefers-reduced-motion: reduce) { .ake-fab-btn { transition: none; } }

/* ===== Lead-CTA-Band (Content-Ende Produkt-/Branchenseiten) ===== */
.ake-cta-band { background: linear-gradient(100deg, #16223f 0%, #233d94 100%); color: #fff; padding: 46px 0; font-family: 'Poppins', sans-serif; }
.ake-cta-inner { max-width: 1140px; margin: 0 auto; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; gap: 28px; flex-wrap: wrap; }
.ake-cta-text h2 { color: #fff; font-size: 24px; font-weight: 700; margin: 0 0 8px; line-height: 1.25; }
.ake-cta-text p { color: rgba(255,255,255,.82); font-size: 15px; margin: 0; max-width: 560px; }
.ake-cta-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.ake-cta-b { display: inline-flex; align-items: center; gap: 8px; padding: 13px 24px; border-radius: 10px; font-size: 14px; font-weight: 600; text-decoration: none; white-space: nowrap; transition: transform .18s, background .18s, box-shadow .18s; }
.ake-cta-b:hover { transform: translateY(-2px); }
.ake-cta-b--primary { background: #e32726; color: #fff; box-shadow: 0 10px 24px -8px rgba(227,39,38,.6); }
.ake-cta-b--primary:hover { background: #c81f1e; color: #fff; }
.ake-cta-b--ghost { background: transparent; color: #fff; border: 1.5px solid rgba(255,255,255,.4); }
.ake-cta-b--ghost:hover { background: rgba(255,255,255,.1); color: #fff; border-color: #fff; }
.ake-cta-b--wa { background: #0f7d3b; color: #fff; }
.ake-cta-b--wa:hover { background: #0b6630; color: #fff; }
.ake-cta-b:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
@media (max-width: 767px) { .ake-cta-inner { flex-direction: column; align-items: flex-start; } .ake-cta-text h2 { font-size: 20px; } .ake-cta-actions { width: 100%; } .ake-cta-b { flex: 1; justify-content: center; } }

/* ===== Footer aus fixed-Reveal in normalen Fluss (sonst überlagert er das CTA-Band) ===== */
body.footer-fixed .site-footer { position: static !important; }

/* Mega-Menue Spaltenlabel lesbar (war fs-2xs) */
#akeh .akeh-mega-title{font-size:13px}

/* Banner-Titel als echte Seitenüberschrift (war font-18 weight-300 = wie Body) */
.wt-bnr-inr .wt-bnr-inr-entry h1,.wt-bnr-inr h1{font-size:clamp(26px,1.6vw+20px,38px)!important;font-weight:600!important}

/* Inline-Text-Links unterscheidbar (WCAG link-in-text-block) */
p a[href^="mailto:"],li a[href^="mailto:"],span a[href^="mailto:"],.page-content p a,.page-content li a{text-decoration:underline}

/* ===== İletişim-Kontaktformular: Enterprise-Stil + mobil-tauglich (Legacy-Theme-Form) ===== */
.contact-form .contact-one{padding:24px!important}
.contact-form label{display:block;font:600 13px/1 'Poppins',sans-serif;color:#16223f;margin:0 0 6px}
.contact-form .form-control{
  width:100%;height:auto;min-height:48px;padding:12px 14px;
  border:1px solid #e7ecf3;border-radius:10px;background:#fff;
  font-size:16px;color:#1c2433;box-shadow:none;line-height:1.4;-webkit-appearance:none}
.contact-form textarea.form-control{min-height:120px;resize:vertical}
.contact-form .form-control:focus{border-color:#16223f;box-shadow:0 0 0 3px rgba(22,34,63,.1);outline:none}
.contact-form .form-group{margin-bottom:16px}
.contact-form .site-button{width:100%;padding:15px;border-radius:11px;background:#16223f;color:#fff;font-size:15px;border:0}
.contact-form .site-button:hover{background:#233d94;color:#fff}
.contact-form .h-captcha{margin:4px 0 16px}
@media (max-width:575px){
  .contact-form .contact-one{padding:18px!important}
}