/* Energy for People · TF002 — seitenspezifisches CSS (statischer Klon des TanStack-Stands).
   Teil 1: Preflight-Reset (Tailwind-Basis, damit die Utility-Klassen dieselbe Geometrie ergeben).
   Teil 2: Komponenten, die im Original aus JS/Tailwind-Kombinationen kamen (Carousel, Quiz, Formular).
   Farben/Fonts kommen aus dem Kit (tokens.css); Layout-Zahlen sind die des Originals (K2: Referenz=ORIGINAL). */
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}
html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:Roboto,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
/* body: font-family/-size 17px/line-height 1.6 kommen aus kit/tokens.css @layer base — im Original gewann die Kit-Regel
   gegen den Tailwind-Preflight (beide @layer base, Kit spaeter), daher hier NICHT ueberschreiben. */
body{margin:0}
h1,h2,h3,h4,p,ul,ol{margin:0}
h1,h2,h3,h4{font-size:inherit;font-weight:inherit}
ul,ol{padding:0;list-style:none}
img,svg,iframe,video{display:block;vertical-align:middle}
img{max-width:100%;height:auto}
button,input,select,textarea{font:inherit;color:inherit;margin:0;padding:0;background:transparent;border:0;line-height:inherit;letter-spacing:inherit}
button,[role=button]{cursor:pointer;text-align:inherit}
a{text-decoration:inherit} /* Farbe: kit a{color:var(--c-primary)} wie im Original */
[hidden]{display:none!important}
/* Original src/styles.css @layer base (Lovable-Build): Rahmenfarbe, Ueberschriften, Umbruch */
*,::before,::after{border-color:var(--c-border)}
h1,h2,h3,h4{font-weight:700;letter-spacing:-0.01em;color:var(--c-heading);text-wrap:balance}
p,li{text-wrap:pretty}
.list-none{list-style:none}
.top-3{top:.75rem}.left-3{left:.75rem}
.aspect-\[3\/2\]{aspect-ratio:3 / 2}
.balance{text-wrap:balance}.pretty{text-wrap:pretty}
.portrait{object-position:center top}
.video-frame{border:0}
.group{}.cta{}.eyebrow-x{}.page-quiz{}.page-termin{}.page-danke{}.page-absage{}.quiz-nav{}

/* Hero-Schein hinter dem Produktbild (Original: inline radial-gradient) */
.hero-glow{background:radial-gradient(60% 55% at 55% 50%,rgba(255,255,255,.85) 0%,rgba(240,244,243,0) 70%)}

/* Carousel (Embla-Ersatz): Track schiebt per transform, Punkte wie im Original */
.carousel-track{transition:transform .5s cubic-bezier(.4,0,.2,1);will-change:transform}
.carousel-dots>button{height:.5rem;width:.5rem;border-radius:9999px;background:rgba(69,105,101,.25);transition:all .15s;padding:0}
.carousel-dots>button:hover{background:rgba(69,105,101,.5)}
.carousel-dots>button.is-active{width:1.5rem;background:#456965}
.carousel-btn{font-size:1rem;line-height:1}
.faq-btn{text-align:left}

/* Quiz (Familie-A-Markup des Cockpit-Renderers, Optik 1:1 wie quiz.tsx) */
.quiz-shell{width:100%}
.quiz-step[hidden]{display:none}
.quiz-lead{font-size:.875rem;line-height:1.25rem;font-weight:600;color:#456965;margin-bottom:1rem;text-align:left}
.quiz__question{font-size:1.5rem;line-height:2rem;font-weight:500;color:#34514E;margin-bottom:1.5rem;text-align:left}
@media (min-width:768px){.quiz__question{font-size:1.875rem;line-height:2.25rem}}
.quiz-step[data-step=kontakt] .quiz__question{margin-bottom:.5rem}
.quiz-step[data-step=kontakt] .quiz-lead{font-weight:400;color:#7A938F;font-size:1rem;line-height:1.5rem;margin-bottom:1.5rem}
.quiz__options{display:grid;gap:.75rem}
.quiz__opt{display:block;width:100%;text-align:left;border-radius:.75rem;border:2px solid #E5ECEA;background:#fff;color:#34514E;padding:1rem 1.25rem;font-size:1rem;line-height:1.5rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}
.quiz__opt:hover{border-color:#7A938F;background:#F8FAFA}
.quiz__opt[aria-checked=true]{border-color:#456965;background:#F0F4F3;box-shadow:0 4px 14px rgba(52,81,78,.12)}
.quiz__opt .tick{display:none}
.quiz-step .field{margin:0}
.quiz-step .field textarea,.input-x{display:block;width:100%;border-radius:.75rem;border:2px solid #E5ECEA;padding:.75rem 1rem;font-size:1rem;line-height:1.5rem;color:#34514E;background:#fff;transition:border-color .15s;outline:none;min-height:0}
.quiz-step .field textarea{min-height:6.5rem;resize:vertical}
.quiz-step .field textarea:focus,.input-x:focus,.select-x:focus{border-color:#456965}
.quiz-step .field textarea::placeholder,.input-x::placeholder{color:rgba(122,147,143,.7)}
.quiz-step .field textarea.is-error,.input-x.is-error{border-color:#f87171}
/* Kontakt-Schritt kompakt: Absenden-Button above the fold bei 1280x800 und 375x812 (Berni 2026-09-18,
   Funnel-Rueckgrat "Quiz-Layout" Punkt 4; vorher 871/800 bzw. 952/812 px). Nur Abstaende, kein Text geaendert. */
.page-quiz main>div{padding-top:1.25rem}
.quiz-step[data-step=kontakt] .quiz-lead{margin-bottom:1rem}
.quiz-step[data-step=kontakt] .grid{gap:.625rem}
.quiz-step[data-step=kontakt] .field-x label{margin-bottom:.25rem}
.quiz-step[data-step=kontakt] .input-x,.quiz-step[data-step=kontakt] .select-x{padding-top:.5rem;padding-bottom:.5rem}
.quiz-step[data-step=kontakt] .consent-x{margin-top:.25rem}
.quiz-step[data-step=kontakt] .consent-x span{line-height:1.35}
.quiz-step[data-step=kontakt] #submit-btn{margin-top:0}
.quiz-step[data-step=kontakt] form>.mt-8{margin-top:1.25rem}
@media (max-width:639px){.quiz-step[data-step=kontakt] form>.mt-8>span{display:none}.quiz-step[data-step=kontakt] #submit-btn{width:100%;padding-left:1rem;padding-right:1rem;white-space:nowrap}}
.field-err:empty{display:none}
.quiz-freitext-error{margin-top:.25rem;font-size:.75rem;line-height:1rem;color:#ef4444}
.cta-row{margin-top:2rem;display:flex;justify-content:flex-end}
.quiz-step .btn.btn--primary,.btn-primary-x{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.5rem;background:var(--c-accent);color:var(--c-on-accent);padding:.875rem 1.75rem;font-size:1rem;line-height:1.5rem;font-weight:500;box-shadow:0 4px 14px rgba(52,81,78,.18);transition:filter .15s;min-height:0;border:0}
.quiz-step .btn.btn--primary:hover,.btn-primary-x:hover{filter:brightness(.95)}
.btn-primary-x:disabled{opacity:.4;cursor:not-allowed}
.quiz-back{padding:0}
.quiz-nav:has(.quiz-back[hidden]){display:none}
.select-x{appearance:auto}
.consent-x input[type=checkbox]{appearance:auto;accent-color:#456965;border-radius:.25rem}
.field-x{min-width:0}

/* Termin */
.nav-btn:disabled{cursor:not-allowed}
.book-btn:disabled{cursor:not-allowed}

/* Kit-Global body{display:flex;min-height:100vh} (Sticky-Footer) gilt nicht fuer die LP — Original: normaler Block-Fluss, stickyBody:false */
body.page-lp{display:block;min-height:0}
/* Hero mobil (Berni 2026-09-16: "Hero-Sektion nicht above the fold"): Text zuerst, Bild erst nach dem CTA und
   kleiner; Ausrichtung zentriert = Kit-Standard (components.css, Lastenheft #294). Desktop unveraendert. */
@media (max-width:767px){
  [data-lp-section="hero"] .hero-text{order:1}
  [data-lp-section="hero"] .hero-media{order:2;margin-top:.5rem}
  [data-lp-section="hero"] .hero-text .cta{width:100%;max-width:26rem}
  [data-lp-section="hero"] .hero-text h1{font-size:24px;margin-top:.75rem}
  [data-lp-section="hero"] .hero-sub{font-size:1.0625rem;line-height:1.4rem;margin-top:.5rem}
  [data-lp-section="hero"] .hero-text>p:not(.hero-sub){line-height:1.3rem;margin-top:.5rem}
  [data-lp-section="hero"] .hero-text>div{margin-top:.875rem}
}
/* Hero above the fold (Berni 2026-09-16, Copy-Branch): kompaktere Typo/Abstaende auf Desktop, kurzer CTA-Text auf Mobil */
.hero-cta-long{display:none}.hero-cta-short{display:inline}
@media (min-width:640px){.hero-cta-long{display:inline}.hero-cta-short{display:none}}
@media (min-width:768px){[data-lp-section="hero"]>div{padding-top:2rem;padding-bottom:2.5rem}}
@media (min-width:1024px){[data-lp-section="hero"] .hero-text h1{font-size:38px}[data-lp-section="hero"] .hero-sub{font-size:1.25rem;line-height:1.7rem}[data-lp-section="hero"] .hero-text>p:not(.hero-sub){font-size:.95rem;line-height:1.55rem}}
.max-w-full{max-width:100%}

/* Audit 2026-09-15 (Berni: "hochwertiger") — Ergaenzungen ueber das Original hinaus */
.pain-grid{display:grid;grid-template-columns:1fr}
@media (min-width:768px){.pain-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pain-grid>*{grid-column:span 2}.pain-grid>*:nth-child(5){grid-column:2 / span 2}}
@media (min-width:1024px){.pain-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.pain-grid>*{grid-column:span 2}.pain-grid>*:nth-child(4){grid-column:2 / span 2}.pain-grid>*:nth-child(5){grid-column:4 / span 2}}
.pain-icon{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:9999px;background:#F0F4F3;color:#456965;transition:background-color .3s,color .3s}
.group:hover .pain-icon{background:#456965;color:#fff}
.cta-trust{margin:1.25rem auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;padding:0;list-style:none;font-size:.8125rem;line-height:1.25rem;color:rgba(255,255,255,.75)}
.cta-trust li{display:inline-flex;align-items:center;gap:.4rem}
.cta-trust li::before{content:"";width:.9rem;height:.9rem;border-radius:9999px;background:rgba(255,255,255,.14) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F5B400' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center/60% no-repeat}
.sticky-cta{transform:translateY(110%);opacity:0;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s;pointer-events:none}
.sticky-cta.is-visible{transform:none;opacity:1;pointer-events:auto}
/* generiert von twc.py aus den class-Tokens der 5 Seiten — nicht von Hand editieren */
.-ml-4{margin-left:-1.0rem}
.-space-x-3 > :not([hidden]) ~ :not([hidden]){margin-left:-0.75rem}
.absolute{position:absolute}
.aspect-video{aspect-ratio:16 / 9}
.backdrop-blur{backdrop-filter:blur(8px)}
.basis-\[88\%\]{flex-basis:88%}
.bg-\[\#34514E\]{background-color:#34514E}
.bg-\[\#456965\]{background-color:#456965}
.bg-\[\#456965\]\/30{background-color:color-mix(in oklab, #456965 30%, transparent)}
.bg-\[\#E5ECEA\]{background-color:#E5ECEA}
.bg-\[\#F0F4F3\]{background-color:#F0F4F3}
.bg-\[\#FAFBFB\]{background-color:#FAFBFB}
.bg-accent{background-color:var(--c-accent)}
.bg-black{background-color:rgb(0,0,0)}
.bg-white{background-color:rgb(255,255,255)}
.bg-white\/10{background-color:color-mix(in oklab, rgb(255,255,255) 10%, transparent)}
.bg-white\/90{background-color:color-mix(in oklab, rgb(255,255,255) 90%, transparent)}
.bg-white\/95{background-color:color-mix(in oklab, rgb(255,255,255) 95%, transparent)}
.block{display:block}
.border{border-width:1px}
.border-2{border-width:2px}
.border-\[\#2a423f\]{border-color:#2a423f}
.border-\[\#456965\]\/30{border-color:color-mix(in oklab, #456965 30%, transparent)}
.border-\[\#D6E0DE\]{border-color:#D6E0DE}
.border-\[\#E3EAE8\]{border-color:#E3EAE8}
.border-\[\#E5ECEA\]{border-color:#E5ECEA}
.border-b{border-bottom-width:1px}
.border-t{border-top-width:1px}
.border-white\/15{border-color:color-mix(in oklab, rgb(255,255,255) 15%, transparent)}
.border-white\/20{border-color:color-mix(in oklab, rgb(255,255,255) 20%, transparent)}
.border-y{border-top-width:1px;border-bottom-width:1px}
.bottom-0{bottom:0}
.capitalize{text-transform:capitalize}
.cursor-pointer{cursor:pointer}
.disabled\:opacity-30:disabled{opacity:.3}
.disabled\:opacity-40:disabled{opacity:.4}
.duration-300{transition-duration:300ms}
.duration-500{transition-duration:500ms}
.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}
.fill-current{fill:currentColor}
.fixed{position:fixed}
.flex{display:flex}
.flex-1{flex:1 1 0%}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.focus\:border-\[\#456965\]:focus{border-color:#456965}
.font-bold{font-weight:700}
.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.gap-0\.5{gap:0.125rem}
.gap-1{gap:0.25rem}
.gap-1\.5{gap:0.375rem}
.gap-10{gap:2.5rem}
.gap-2{gap:0.5rem}
.gap-3{gap:0.75rem}
.gap-4{gap:1.0rem}
.gap-5{gap:1.25rem}
.gap-6{gap:1.5rem}
.gap-8{gap:2.0rem}
.grid{display:grid}
.grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
.grid-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))}
.grow{flex-grow:1}
.grow-0{flex-grow:0}
.h-1\.5{height:0.375rem}
.h-10{height:2.5rem}
.h-11{height:2.75rem}
.h-12{height:3.0rem}
.h-14{height:3.5rem}
.h-16{height:4.0rem}
.h-20{height:5.0rem}
.h-4{height:1.0rem}
.h-56{height:14.0rem}
.h-7{height:1.75rem}
.h-9{height:2.25rem}
.h-auto{height:auto}
.h-full{height:100%}
.h-px{height:1px}
.hover\:-translate-y-0\.5:hover{transform:translateY(-0.125rem)}
.hover\:bg-\[\#456965\]:hover{background-color:#456965}
.hover\:bg-\[\#F0F4F3\]:hover{background-color:#F0F4F3}
.hover\:bg-\[\#F7FAF9\]:hover{background-color:#F7FAF9}
.hover\:border-\[\#456965\]:hover{border-color:#456965}
.hover\:brightness-95:hover{filter:brightness(.95)}
.hover\:shadow-\[0_2px_4px_rgba\(17\,17\,17\,0\.04\)\,0_14px_32px_rgba\(52\,81\,78\,0\.10\)\]:hover{box-shadow:0 2px 4px rgba(17,17,17,0.04),0 14px 32px rgba(52,81,78,0.10)}
.hover\:text-\[\#34514E\]:hover{color:#34514E}
.hover\:text-\[\#456965\]:hover{color:#456965}
.hover\:text-white:hover{color:#fff}
.inline-block{display:inline-block}
.inline-flex{display:inline-flex}
.inset-0{inset:0}
.inset-x-0{left:0;right:0}
.italic{font-style:italic}
.items-center{align-items:center}
.items-start{align-items:flex-start}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}
.leading-none{--tw-leading:1;line-height:1}
.leading-relaxed{--tw-leading:1.625;line-height:1.625}
.leading-snug{--tw-leading:1.375;line-height:1.375}
.leading-tight{--tw-leading:1.25;line-height:1.25}
.max-h-\[19rem\]{max-height:19rem}
.max-h-\[260px\]{max-height:260px}
.max-w-2xl{max-width:42rem}
.max-w-3xl{max-width:48rem}
.max-w-4xl{max-width:56rem}
.max-w-6xl{max-width:72rem}
.max-w-lg{max-width:32rem}
.max-w-xl{max-width:36rem}
.mb-1{margin-bottom:0.25rem}
.mb-1\.5{margin-bottom:0.375rem}
.mb-10{margin-bottom:2.5rem}
.mb-12{margin-bottom:3.0rem}
.mb-2{margin-bottom:0.5rem}
.mb-3{margin-bottom:0.75rem}
.mb-4{margin-bottom:1.0rem}
.mb-5{margin-bottom:1.25rem}
.mb-8{margin-bottom:2.0rem}
.min-h-screen{min-height:100vh}
.min-w-0{min-width:0}
.mix-blend-multiply{mix-blend-mode:multiply}
.mt-0\.5{margin-top:0.125rem}
.mt-1{margin-top:0.25rem}
.mt-1\.5{margin-top:0.375rem}
.mt-10{margin-top:2.5rem}
.mt-14{margin-top:3.5rem}
.mt-2{margin-top:0.5rem}
.mt-2\.5{margin-top:0.625rem}
.mt-3{margin-top:0.75rem}
.mt-4{margin-top:1.0rem}
.mt-5{margin-top:1.25rem}
.mt-6{margin-top:1.5rem}
.mt-7{margin-top:1.75rem}
.mt-8{margin-top:2.0rem}
.mx-auto{margin-left:auto;margin-right:auto}
.object-contain{object-fit:contain}
.object-cover{object-fit:cover}
.order-1{order:1}
.order-2{order:2}
.outline-none{outline:2px solid transparent;outline-offset:2px}
.overflow-hidden{overflow:hidden}
.overflow-y-auto{overflow-y:auto}
.p-5{padding:1.25rem}
.p-6{padding:1.5rem}
.p-7{padding:1.75rem}
.p-8{padding:2.0rem}
.pb-10{padding-bottom:2.5rem}
.pb-6{padding-bottom:1.5rem}
.pl-4{padding-left:1.0rem}
.pointer-events-none{pointer-events:none}
.pr-1{padding-right:0.25rem}
.pt-6{padding-top:1.5rem}
.pt-8{padding-top:2.0rem}
.px-2{padding-left:0.5rem;padding-right:0.5rem}
.px-2\.5{padding-left:0.625rem;padding-right:0.625rem}
.px-3\.5{padding-left:0.875rem;padding-right:0.875rem}
.px-4{padding-left:1.0rem;padding-right:1.0rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.px-7{padding-left:1.75rem;padding-right:1.75rem}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem}
.py-10{padding-top:2.5rem;padding-bottom:2.5rem}
.py-12{padding-top:3.0rem;padding-bottom:3.0rem}
.py-16{padding-top:4.0rem;padding-bottom:4.0rem}
.py-20{padding-top:5.0rem;padding-bottom:5.0rem}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem}
.py-3\.5{padding-top:0.875rem;padding-bottom:0.875rem}
.py-4{padding-top:1.0rem;padding-bottom:1.0rem}
.py-5{padding-top:1.25rem;padding-bottom:1.25rem}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.relative{position:relative}
.ring-2{box-shadow:0 0 0 2px var(--tw-ring-color, #456965)}
.ring-4{box-shadow:0 0 0 4px var(--tw-ring-color, #456965)}
.ring-\[\#34514E\]{--tw-ring-color:#34514E}
.ring-\[\#456965\]{--tw-ring-color:#456965}
.ring-\[\#456965\]\/20{--tw-ring-color:color-mix(in oklab, #456965 20%, transparent)}
.rounded-2xl{border-radius:1rem}
.rounded-\[24px\]{border-radius:24px}
.rounded-full{border-radius:9999px}
.rounded-lg{border-radius:0.5rem}
.rounded-xl{border-radius:0.75rem}
.self-start{align-self:flex-start}
.shadow-\[0_-4px_14px_rgba\(17\,17\,17\,0\.06\)\]{box-shadow:0 -4px 14px rgba(17,17,17,0.06)}
.shadow-\[0_1px_2px_rgba\(17\,17\,17\,0\.04\)\,0_20px_50px_-20px_rgba\(52\,81\,78\,0\.15\)\]{box-shadow:0 1px 2px rgba(17,17,17,0.04),0 20px 50px -20px rgba(52,81,78,0.15)}
.shadow-\[0_1px_2px_rgba\(17\,17\,17\,0\.04\)\,0_8px_24px_rgba\(52\,81\,78\,0\.06\)\]{box-shadow:0 1px 2px rgba(17,17,17,0.04),0 8px 24px rgba(52,81,78,0.06)}
.shadow-\[0_1px_2px_rgba\(17\,17\,17\,0\.04\)\]{box-shadow:0 1px 2px rgba(17,17,17,0.04)}
.shadow-\[0_20px_50px_-20px_rgba\(52\,81\,78\,0\.18\)\]{box-shadow:0 20px 50px -20px rgba(52,81,78,0.18)}
.shadow-\[0_20px_50px_-20px_rgba\(52\,81\,78\,0\.25\)\]{box-shadow:0 20px 50px -20px rgba(52,81,78,0.25)}
.shadow-\[0_30px_60px_-20px_rgba\(52\,81\,78\,0\.4\)\]{box-shadow:0 30px 60px -20px rgba(52,81,78,0.4)}
.shadow-\[0_4px_14px_rgba\(52\,81\,78\,0\.18\)\]{box-shadow:0 4px 14px rgba(52,81,78,0.18)}
.shadow-\[0_8px_24px_rgba\(245\,180\,0\,0\.38\)\]{box-shadow:0 8px 24px rgba(245,180,0,0.38)}
.shadow-sm{box-shadow:0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1)}
.shrink-0{flex-shrink:0}
.space-y-3 > :not([hidden]) ~ :not([hidden]){margin-top:0.75rem}
.space-y-4 > :not([hidden]) ~ :not([hidden]){margin-top:1.0rem}
.space-y-5 > :not([hidden]) ~ :not([hidden]){margin-top:1.25rem}
.text-2xl{font-size:1.5rem;line-height:var(--tw-leading, 2rem)}
.text-3xl{font-size:1.875rem;line-height:var(--tw-leading, 2.25rem)}
.text-\[\#111\]{color:#111}
.text-\[\#2a2a2a\]{color:#2a2a2a}
.text-\[\#34514E\]{color:#34514E}
.text-\[\#34514E\]\/80{color:color-mix(in oklab, #34514E 80%, transparent)}
.text-\[\#34514E\]\/85{color:color-mix(in oklab, #34514E 85%, transparent)}
.text-\[\#3a3a3a\]{color:#3a3a3a}
.text-\[\#456965\]{color:#456965}
.text-\[\#5a5a5a\]{color:#5a5a5a}
.text-\[\#5a5a5a\]\/75{color:color-mix(in oklab, #5a5a5a 75%, transparent)}
.text-\[\#7A938F\]{color:#7A938F}
.text-\[\#E0A93B\]{color:#E0A93B}
.text-\[\#F5B400\]{color:#F5B400}
.text-\[11px\]{font-size:11px}
.text-\[15px\]{font-size:15px}
.text-\[26px\]{font-size:26px}
.text-accent-foreground{color:var(--c-on-accent)}
.text-base{font-size:1rem;line-height:var(--tw-leading, 1.5rem)}
.text-center{text-align:center}
.text-left{text-align:left}
.text-lg{font-size:1.125rem;line-height:var(--tw-leading, 1.75rem)}
.text-red-500{color:rgb(239,68,68)}
.text-red-600{color:rgb(220,38,38)}
.text-sm{font-size:0.875rem;line-height:var(--tw-leading, 1.25rem)}
.text-white{color:#fff}
.text-white\/60{color:color-mix(in oklab, rgb(255,255,255) 60%, transparent)}
.text-white\/70{color:color-mix(in oklab, rgb(255,255,255) 70%, transparent)}
.text-white\/75{color:color-mix(in oklab, rgb(255,255,255) 75%, transparent)}
.text-white\/80{color:color-mix(in oklab, rgb(255,255,255) 80%, transparent)}
.text-xl{font-size:1.25rem;line-height:var(--tw-leading, 1.75rem)}
.text-xs{font-size:0.75rem;line-height:var(--tw-leading, 1rem)}
.tracking-\[0\.14em\]{letter-spacing:0.14em}
.tracking-\[0\.2em\]{letter-spacing:0.2em}
.tracking-wide{letter-spacing:0.025em}
.tracking-widest{letter-spacing:0.1em}
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.transition-colors{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.underline{text-decoration-line:underline}
.uppercase{text-transform:uppercase}
.w-10{width:2.5rem}
.w-11{width:2.75rem}
.w-12{width:3.0rem}
.w-14{width:3.5rem}
.w-16{width:4.0rem}
.w-24{width:6.0rem}
.w-4{width:1.0rem}
.w-56{width:14.0rem}
.w-7{width:1.75rem}
.w-9{width:2.25rem}
.w-\[6\.5rem\]{width:6.5rem}
.w-full{width:100%}
.z-50{z-index:50}
@media (min-width:640px){.sm\:basis-\[60\%\]{flex-basis:60%}
.sm\:flex-row{flex-direction:row}
.sm\:gap-6{gap:1.5rem}
.sm\:items-start{align-items:flex-start}
.sm\:max-h-\[320px\]{max-height:320px}
.sm\:text-3xl{font-size:1.875rem;line-height:var(--tw-leading, 2.25rem)}
.sm\:text-left{text-align:left}}
@media (min-width:768px){.md\:-ml-6{margin-left:-1.5rem}
.md\:basis-1\/2{flex-basis:50%}
.md\:basis-1\/3{flex-basis:33.333333%}
.md\:bg-white{background-color:rgb(255,255,255)}
.md\:border-r{border-right-width:1px}
.md\:gap-10{gap:2.5rem}
.md\:gap-14{gap:3.5rem}
.md\:gap-7{gap:1.75rem}
.md\:gap-8{gap:2.0rem}
.md\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
.md\:grid-cols-\[1\.05fr_1fr\]{grid-template-columns:1.05fr 1fr}
.md\:grid-cols-\[1fr_18rem\]{grid-template-columns:1fr 18rem}
.md\:grid-cols-\[280px_1fr\]{grid-template-columns:280px 1fr}
.md\:h-11{height:2.75rem}
.md\:h-14{height:3.5rem}
.md\:h-64{height:16.0rem}
.md\:h-\[18px\]{height:18px}
.md\:hidden{display:none}
.md\:max-h-\[440px\]{max-height:440px}
.md\:mb-14{margin-bottom:3.5rem}
.md\:mb-16{margin-bottom:4.0rem}
.md\:mt-16{margin-top:4.0rem}
.md\:mt-2{margin-top:0.5rem}
.md\:mt-4{margin-top:1.0rem}
.md\:mx-0{margin-left:0;margin-right:0}
.md\:order-1{order:1}
.md\:order-2{order:2}
.md\:p-10{padding:2.5rem}
.md\:p-12{padding:3.0rem}
.md\:p-14{padding:3.5rem}
.md\:p-6{padding:1.5rem}
.md\:p-7{padding:1.75rem}
.md\:p-8{padding:2.0rem}
.md\:pb-14{padding-bottom:3.5rem}
.md\:pl-6{padding-left:1.5rem}
.md\:pt-10{padding-top:2.5rem}
.md\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}
.md\:py-16{padding-top:4.0rem;padding-bottom:4.0rem}
.md\:py-20{padding-top:5.0rem;padding-bottom:5.0rem}
.md\:py-24{padding-top:6.0rem;padding-bottom:6.0rem}
.md\:py-28{padding-top:7.0rem;padding-bottom:7.0rem}
.md\:py-7{padding-top:1.75rem;padding-bottom:1.75rem}
.md\:py-8{padding-top:2.0rem;padding-bottom:2.0rem}
.md\:text-2xl{font-size:1.5rem;line-height:var(--tw-leading, 2rem)}
.md\:text-3xl{font-size:1.875rem;line-height:var(--tw-leading, 2.25rem)}
.md\:text-4xl{font-size:2.25rem;line-height:var(--tw-leading, 2.5rem)}
.md\:text-\[40px\]{font-size:40px}
.md\:text-base{font-size:1rem;line-height:var(--tw-leading, 1.5rem)}
.md\:text-lg{font-size:1.125rem;line-height:var(--tw-leading, 1.75rem)}
.md\:text-sm{font-size:0.875rem;line-height:var(--tw-leading, 1.25rem)}
.md\:text-xl{font-size:1.25rem;line-height:var(--tw-leading, 1.75rem)}
.md\:text-xs{font-size:0.75rem;line-height:var(--tw-leading, 1rem)}
.md\:w-11{width:2.75rem}
.md\:w-14{width:3.5rem}
.md\:w-64{width:16.0rem}
.md\:w-\[18px\]{width:18px}}
@media (min-width:1024px){.lg\:basis-1\/3{flex-basis:33.333333%}
.lg\:basis-1\/4{flex-basis:25%}
.lg\:text-2xl{font-size:1.5rem;line-height:var(--tw-leading, 2rem)}
.lg\:text-\[44px\]{font-size:44px}}
@media (min-width:1280px){.xl\:basis-1\/5{flex-basis:20%}}
/* Copy-Branch (Berni 2026-09-16): weniger Weissraum zwischen Anwendungen-Slider und CTA-Mitte */
[data-lp-section="features"]>div{padding-bottom:2rem}
[data-lp-section="cta-mid"]>div{padding-top:1.5rem}
@media (min-width:768px){[data-lp-section="features"]>div{padding-bottom:2.5rem}[data-lp-section="cta-mid"]>div{padding-top:2rem}}
/* Trust-Band mobil: "mit Radionik & Cell Communication" geschlossen in der zweiten Zeile (Berni 2026-09-16) */
.trust-line2{white-space:nowrap}
@media (max-width:639px){.trust-line2{display:block}}

/* Abgrenzungshinweis unter den Anwendungen als zentrierte Infobox (Berni 2026-09-17, Rechtsrahmen DACH) */
.hinweis-box{display:flex;align-items:center;gap:.875rem;max-width:44rem;margin:2.5rem auto 0;padding:1rem 1.25rem;background:#F0F4F3;border:1px solid #D6E0DE;border-radius:1rem;color:#34514E;text-align:left}
.hinweis-box p{margin:0;font-size:.9375rem;line-height:1.55}
.hinweis-box__icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:9999px;background:#34514E;color:#fff;font-weight:700;font-size:.875rem;font-style:italic;font-family:Georgia,serif}
@media (min-width:640px){.hinweis-box{width:fit-content;padding:.875rem 1.5rem .875rem 1rem}}