/* ===== Relaunch: Unterseiten im schwarzen Design =====
   Deutet die Tailwind-Klassen der bestehenden Templates unter body.rl um.
   Templates bleiben unverändert -> altes Design per base_alt.html jederzeit zurück. */
body.rl{background:var(--bg);color:var(--tx);font-family:Inter,system-ui,sans-serif}
body.rl main{min-height:50vh}
/* Typografie: Überschriften wie Startseite */
body.rl main h1,body.rl main h2{font-family:'Barlow Condensed',Inter,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:-.005em;line-height:.98}
body.rl main h1{font-size:clamp(42px,6vw,80px)!important}
body.rl main h2.text-3xl,body.rl main h2.text-4xl,body.rl main h2.text-5xl,body.rl main h2.text-2xl{font-size:clamp(32px,4.2vw,54px)!important}
body.rl main h3{letter-spacing:-.01em}
body.rl .font-extrabold{font-weight:800}

/* Hintergründe */
body.rl .bg-white{background:var(--bg2)!important}
body.rl .bg-graybg,body.rl .bg-slate-50,body.rl .bg-slate-100,body.rl .bg-gray-50,body.rl .bg-gray-100{background:var(--bg3)!important}
body.rl .bg-gray-200,body.rl .bg-gray-300{background:var(--line2)!important}
body.rl .hover\:bg-gray-200\/70:hover,body.rl .hover\:bg-gray-200:hover,body.rl .hover\:bg-graybg:hover{background:var(--line)!important}
body.rl .bg-ink{background:#050506!important}
body.rl .bg-heey-hero{background:radial-gradient(700px 380px at 82% 10%,rgba(229,16,110,.30),transparent 70%),radial-gradient(500px 300px at 10% 100%,rgba(245,160,0,.10),transparent 70%),var(--bg)!important;border-bottom:1px solid var(--line)}
body.rl .bg-heey-cta{background:var(--mag)!important}
body.rl .hover\:bg-heey-cta:hover{background:var(--mag)!important}
body.rl .bg-gradient-to-b,body.rl .bg-gradient-to-br{background-image:none!important}
body.rl .bg-pink-50,body.rl .bg-magenta\/10,body.rl .bg-heey-cta\/10{background:rgba(229,16,110,.12)!important}
body.rl .bg-emerald-50,body.rl .bg-green-100{background:rgba(34,197,94,.12)!important}
body.rl .bg-amber-50,body.rl .bg-orange-100{background:rgba(245,160,0,.12)!important}
body.rl .bg-red-50,body.rl .bg-red-100{background:rgba(239,68,68,.12)!important}
body.rl .bg-white\/90{background:rgba(255,255,255,.92)!important;color:#111!important}

/* Texte */
body.rl .text-ink,body.rl .text-gray-900,body.rl .text-gray-800{color:var(--tx)!important}
body.rl .text-ink\/90{color:rgba(244,244,245,.9)!important}
body.rl .text-gray-700,body.rl .text-gray-600,body.rl .text-slate-600,body.rl .text-slate-700{color:#c4c4cc!important}
body.rl .text-gray-500,body.rl .text-slate-500{color:var(--mut)!important}
body.rl .text-gray-400,body.rl .text-slate-400{color:var(--dim)!important}
body.rl .text-magenta,body.rl .hover\:text-magenta:hover,body.rl .group:hover .group-hover\:text-magenta{color:var(--mag2)!important}
body.rl .text-orange,body.rl .text-orange-400,body.rl .text-orange-500{color:var(--org)!important}
body.rl .text-green-600,body.rl .text-green-700,body.rl .text-emerald-700,body.rl .text-emerald-800{color:#4ade80!important}
body.rl .text-red-600,body.rl .text-red-700{color:#f87171!important}
body.rl .text-amber-800,body.rl .text-amber-700{color:#fbbf24!important}
body.rl .text-\[\#0A66C2\]{color:#5aa9ff!important}

/* Rahmen / Ringe / Schatten */
body.rl .ring-black\/5,body.rl .ring-black\/10,body.rl .ring-gray-200,body.rl .ring-slate-200{--tw-ring-color:var(--line)!important}
body.rl .border-slate-200,body.rl .border-gray-200,body.rl .border-slate-100,body.rl .border-black\/5,body.rl .divide-gray-100>*+*{border-color:var(--line)!important}
body.rl .border-emerald-200,body.rl .border-amber-200,body.rl .border-red-200{border-color:var(--line2)!important}
body.rl .shadow-sm,body.rl .shadow-lg,body.rl .shadow-xl,body.rl .shadow-2xl,body.rl .hover\:shadow-lg:hover,body.rl .hover\:shadow-md:hover{box-shadow:0 20px 50px -20px rgba(0,0,0,.8)!important}
body.rl .rounded-3xl,body.rl .rounded-\[2rem\]{border-radius:14px!important}

/* Buttons/Pillen in Magenta-Gradient-Optik -> flach */
body.rl a.bg-heey-cta,body.rl button.bg-heey-cta{box-shadow:none!important}
body.rl a.bg-heey-cta:hover,body.rl button.bg-heey-cta:hover{background:var(--mag2)!important;opacity:1}

/* Formulare */
body.rl main input:not([type=checkbox]):not([type=radio]),body.rl main textarea,body.rl main select{background:var(--bg)!important;color:var(--tx)!important;border-color:var(--line2)!important}
body.rl main input::placeholder,body.rl main textarea::placeholder{color:var(--dim)!important}
body.rl .geo-in{background:var(--bg)!important;border-color:var(--line2)!important;color:var(--tx)!important}

/* Rich-Text-Blöcke (service/article/glossar/grounding/legal) */
body.rl .rblock p,body.rl .rblock ul,body.rl .rich p,body.rl .rich ul,body.rl .gp p,body.rl .gp td,body.rl .gp ul,body.rl .gp ol,body.rl .legal-body p,body.rl .legal-body ul{color:#c4c4cc!important}
body.rl .rblock strong,body.rl .rich strong,body.rl .gp th,body.rl .gp .lead{color:var(--tx)!important}
body.rl .gp th{background:var(--bg3)!important}
body.rl .gp th,body.rl .gp td{border-color:var(--line)!important}
body.rl .legal-body a,body.rl .rich a,body.rl .rblock a{color:var(--mag2)!important}
body.rl .prose-heey,body.rl .prose-block{color:#c4c4cc}
body.rl main table{border-color:var(--line)}
body.rl main th{color:var(--tx)}

/* Quiz-Komponenten aus termin/website_check */
body.rl #quiz .opt-btn{background:var(--bg3)!important;color:var(--tx)!important;box-shadow:inset 0 0 0 1px var(--line2)!important}
body.rl #quiz .opt-btn:hover{box-shadow:inset 0 0 0 2px var(--mag)!important;color:var(--mag2)!important}
body.rl #quiz .cta-btn,body.rl #hero-check .hc-btn{background:var(--mag)!important}
body.rl .pill{background:var(--mag)!important}

/* Startseiten-Hero-Hack: -mt-[104px] war für die alte schwebende Kopfzeile */
body.rl .-mt-\[104px\]{margin-top:0!important}
body.rl .bg-heey-hero.pt-36,body.rl .bg-heey-hero.pt-32,body.rl .bg-heey-hero.pt-40{padding-top:72px!important}

/* Breadcrumbs */
body.rl nav[aria-label=Breadcrumb]{color:var(--dim)!important}
body.rl nav[aria-label=Breadcrumb] a:hover{color:var(--tx)}

/* Kennzahlen-Kacheln (fakten_leiste) */
body.rl .bg-heey-hero.rounded-3xl{background:var(--mag)!important;border:0}

/* Calendly-Badge auf Dunkel */
body.rl .calendly-badge-widget{display:none}

/* Ausnahmen: Inhalte, die hell bleiben müssen */
body.rl .bg-white:has(> iframe),body.rl .bg-white:has(> img[alt$="Logo"]),body.rl span.bg-white:has(img){background:#fff!important}
body.rl .bg-white:has(> iframe){padding:0!important;overflow:hidden}

/* Kopfzeile gegen Tailwind-Preflight absichern (gleiche Optik wie Startseite) */
body.rl header .nav ul{margin:0;padding:0}
body.rl header img{display:block}
body.rl .btn{font-size:16px;line-height:1.6}
body.rl .h{font-family:'Barlow Condensed',Inter,sans-serif}