:root{--ink:#172019;--muted:#596259;--dark:#102517;--dark-2:#17351f;--green:#668b40;--green-bright:#85b94e;--green-pale:#eef4e8;--paper:#f5f6f2;--white:#ffffff;--line:#d8ddd4;--max:1160px;--radius:4px} *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.58} a{color:inherit} .wrap{width:min(calc(100% - 40px),var(--max));margin:0 auto} .topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)} .nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px} .brand{text-decoration:none;font-size:22px;letter-spacing:.16em;font-weight:700} .brand span{color:var(--green)} .nav-links{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:700} .nav-links a{text-decoration:none} .nav-links a:hover{color:var(--green)} .button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 20px;border:1px solid var(--green-bright);border-radius:var(--radius);background:var(--green-bright);color:#102115;font-weight:800;text-decoration:none;line-height:1.2} .button:hover{background:#94c95b;border-color:#94c95b} .button.dark{background:var(--dark);border-color:var(--dark);color:var(--white)} .button.dark:hover{background:var(--dark-2)} .hero{padding:84px 0 76px;color:var(--white);background:radial-gradient(circle at 88% 26%,rgba(133,185,78,.18),transparent 30%),linear-gradient(120deg,var(--dark),#0b1b11);border-left:5px solid var(--green-bright)} .hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:58px;align-items:center} .eyebrow{margin:0 0 18px;color:var(--green);font-size:13px;line-height:1.25;font-weight:800;letter-spacing:.17em;text-transform:uppercase} .hero .eyebrow,.dark .eyebrow{color:var(--green-bright)} h1,h2,h3{margin-top:0;line-height:1.08;letter-spacing:-.025em} h1{max-width:880px;margin-bottom:18px;font-size:clamp(44px,4.5vw,64px)} .hero-title span{display:block;white-space:nowrap} h2{margin-bottom:24px;font-size:clamp(32px,3.6vw,48px)} h3{margin-bottom:10px;font-size:22px} .hero-thesis{max-width:700px;margin:0 0 22px;color:var(--white);font-size:clamp(27px,2.4vw,37px);font-weight:750;line-height:1.16;letter-spacing:-.02em} .hero-lead{max-width:710px;margin:0;color:#dbe4dc;font-size:19px;text-wrap:pretty;-webkit-hyphens:auto;hyphens:auto} .hero-assurance{margin:15px 0 0;color:#bfcac1;font-size:14px} .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px} .insight-card{padding:30px;border:1px solid rgba(255,255,255,.2);border-left:3px solid var(--green-bright);background:rgba(255,255,255,.055)} .insight-card h2{margin-bottom:19px;font-size:clamp(27px,2.3vw,35px);text-wrap:balance} .insight-card>p{margin:0 0 15px;color:#d6ded7;font-size:16px} .insight-list{margin:0;padding:0;list-style:none} .insight-list li{position:relative;padding:12px 0 12px 25px;border-top:1px solid rgba(255,255,255,.16);color:#e4ebe5;font-size:15px;line-height:1.42} .insight-list li::before{content:"?";position:absolute;left:0;color:var(--green-bright);font-weight:900} .insight-card .payoff{padding-top:17px;margin:4px 0 0;border-top:1px solid rgba(255,255,255,.23);color:var(--white);font-weight:800} .factbar{background:var(--white);border-bottom:1px solid var(--line)} .facts{display:grid;grid-template-columns:repeat(4,1fr)} .fact{padding:29px 24px 27px;border-right:1px solid var(--line)} .fact:first-child{padding-left:0} .fact:last-child{border-right:0} .fact strong{display:block;margin-bottom:9px;color:var(--green);font-size:clamp(22px,2.2vw,28px);font-weight:400;line-height:1.08;letter-spacing:-.025em;font-variant-numeric:tabular-nums} .fact span{color:#465047;font-size:16px;line-height:1.35} section{padding:88px 0} section.white{background:var(--white)} section.dark{color:var(--white);background:var(--dark)} .section-head{max-width:820px;margin-bottom:42px} .section-head p{color:var(--muted);font-size:20px} .dark .section-head p{color:#cbd7cd} .section-head p.eyebrow{color:var(--green);font-size:13px;line-height:1.25} .dark .section-head p.eyebrow{color:var(--green-bright)} .prose{max-width:830px} .prose p{margin:0 0 20px} .lead-quote{font-size:clamp(34px,4vw,54px);font-weight:800;line-height:1.08} .note{margin-top:34px;padding:24px 26px;border-left:4px solid var(--green);background:var(--green-pale)} .note strong{display:block;margin-bottom:5px} .privacy-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start} .privacy-tag{padding:28px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.05)} .privacy-tag strong{display:block;margin-bottom:8px;color:var(--green-bright)} .privacy-grid p{color:#d7e0d8} .check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px} .check-item{position:relative;min-height:116px;padding:24px 24px 22px 58px;background:var(--white);border:1px solid var(--line)} .check-item::before{content:"✓";position:absolute;left:24px;top:22px;color:var(--green);font-weight:900} .check-item p{margin:0} .result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px} .result-card{padding:28px;border-top:4px solid var(--green);background:var(--white)} .result-card p{margin:0;color:var(--muted)} .result-card.featured{grid-column:1 / -1;display:grid;grid-template-columns:.55fr 1.45fr;gap:30px;background:var(--green-pale)} .review-table{border-top:1px solid rgba(255,255,255,.28)} .review-row{display:grid;grid-template-columns:.42fr 1fr;gap:40px;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.2)} .review-row strong{color:var(--green-bright)} .review-row span{color:#d6e0d7} .steps{counter-reset:steps;display:grid;grid-template-columns:repeat(4,1fr);gap:18px} .step{counter-increment:steps;padding:28px;background:var(--white);border:1px solid var(--line)} .step::before{content:"0" counter(steps);display:block;margin-bottom:32px;color:var(--green);font-size:34px;font-weight:800} .step p{margin-bottom:0;color:var(--muted);font-size:16px} .limits{display:grid;grid-template-columns:.75fr 1.25fr;gap:64px} .limits-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)} .limits-list li{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:start;column-gap:12px;padding:14px 0;border-bottom:1px solid var(--line)} .limits-list li::before{content:"Nicht enthalten:";color:var(--green);font-weight:800;white-space:nowrap} .limits p{margin-top:0} .profile{display:grid;grid-template-columns:1fr 1fr;gap:54px} .profile p{margin-top:0} .profile a{color:var(--green);font-weight:700} .role-box{padding:30px;background:var(--green-pale);border-left:4px solid var(--green)} .role-box h3{color:var(--dark)} .offer{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;align-items:start} .price{font-size:clamp(46px,5vw,68px);line-height:1;font-weight:900;color:var(--green-bright)} .price small{display:block;margin-top:12px;color:#d7e0d8;font-size:16px;font-weight:400;line-height:1.4} .conditions{margin:0} .conditions div{display:grid;grid-template-columns:170px 1fr;gap:24px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.2)} .conditions dt{font-weight:800} .conditions dd{margin:0;color:#d7e0d8} .faq{max-width:900px} details{border-top:1px solid var(--line)} details:last-child{border-bottom:1px solid var(--line)} summary{cursor:pointer;padding:21px 36px 21px 0;font-weight:800;list-style:none;position:relative} summary::-webkit-details-marker{display:none} summary::after{content:"+";position:absolute;right:4px;top:15px;color:var(--green);font-size:30px} details[open] summary::after{content:"−"} details p{margin:0;padding:0 42px 23px 0;color:var(--muted)} .final-cta{padding:80px 0;text-align:center;background:var(--green-pale)} .final-cta h2{max-width:850px;margin-left:auto;margin-right:auto} .final-cta p{max-width:720px;margin:0 auto 28px;color:var(--muted);font-size:20px} .final-cta p.eyebrow{margin-bottom:18px;color:var(--green);font-size:13px;line-height:1.25} .contact{margin-top:24px;color:var(--muted);font-size:16px} .contact a{color:var(--green);font-weight:700} footer{padding:30px 0;color:#cbd5cd;background:#0b160e;font-size:14px} .footer-row{display:flex;justify-content:space-between;gap:24px} @media (min-width:621px){.hero-grid>div>.eyebrow{white-space:nowrap}} @media (max-width:900px){.nav-links a:not(.button){display:none} .hero{padding-top:64px} .hero-grid,.privacy-grid,.limits,.profile,.offer{grid-template-columns:1fr;gap:36px} .facts{grid-template-columns:repeat(2,1fr)} .fact:nth-child(2){border-right:0} .fact:nth-child(n+3){border-top:1px solid var(--line)} .steps{grid-template-columns:repeat(2,1fr)}} @media (max-width:620px){body{font-size:17px} .wrap{width:min(calc(100% - 28px),var(--max))} .topbar .button{min-height:42px;padding:10px 12px;font-size:13px} .hero{padding:52px 0;border-left-width:3px} h1{font-size:clamp(32px,9vw,42px)} section{padding:64px 0} .facts,.check-grid,.result-grid,.steps{grid-template-columns:1fr} .fact{padding-left:0;border-right:0;border-top:1px solid var(--line)} .fact:first-child{border-top:0} .result-card.featured{grid-column:auto;grid-template-columns:1fr;gap:8px} .review-row{grid-template-columns:1fr;gap:6px} .limits-list li{grid-template-columns:1fr;gap:2px} .conditions div{grid-template-columns:1fr;gap:2px} .footer-row{display:block}} @font-face{font-family:"Roboto Local";font-style:normal;font-weight:100 900;font-display:swap;src:url("/assets/fonts/roboto-latin-variable.woff2") format("woff2")}:root{--green:#00e10e;--green-dark:#00e10e;--green-mid:#00e10e;--ink:#1a1a1a;--charcoal:#333333;--grey:#666666;--light-grey:#cccccc;--mist:#e8e8e8;--off-white:#f5f5f5;--white:#ffffff;--dark-green:#1c2e1e;--content:72rem;--font-heading:"Roboto Local",Arial,sans-serif;--font-body:"Roboto Local",Arial,sans-serif;--radius:2px;--max:72rem} html{scroll-behavior:smooth;scroll-padding-top:72px} body{color:var(--charcoal);background:var(--white);font-family:var(--font-body);font-size:1.0625rem;line-height:1.6} a,button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--green);outline-offset:4px} .wrap,.container{width:min(100%,var(--content));margin-inline:auto;padding-inline:1.5rem} .site-header{position:relative;z-index:10;border-bottom:1px solid var(--light-grey);background:var(--white)} .nav-row{display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:2rem} .brand{display:inline-flex;align-items:center;text-decoration:none} .brand img{display:block;width:auto;height:40px;object-fit:contain} .back-link{color:var(--grey);font-size:0.875rem;font-weight:700;letter-spacing:0.1em;line-height:1.25rem;text-decoration:none;text-transform:uppercase;white-space:nowrap;transition:color 180ms ease} .back-link:hover{color:var(--green)} .button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border:0;border-radius:var(--radius);padding:0.75rem 1.35rem;color:var(--ink);background:var(--green);font-size:0.875rem;font-weight:700;letter-spacing:0.08em;line-height:1.25rem;text-decoration:none;text-transform:uppercase;transition:color 180ms ease,background-color 180ms ease,border-color 180ms ease,transform 180ms ease} .button:hover{color:var(--white);background:var(--ink)} .button:active{transform:scale(0.97)} .button.dark{color:var(--ink);background:var(--green)} .button.dark:hover{color:var(--white);background:var(--ink)} .hero{display:flex;min-height:calc(100svh - 72px);align-items:center;padding:5.5rem 0;border-left:4px solid var(--green);color:var(--white);background:radial-gradient(circle at 86% 24%,rgba(0,225,14,.11),transparent 31%),linear-gradient(112deg,rgba(20,40,22,.98) 0 47%,rgba(28,46,30,.94) 100%)} .hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);gap:5rem;align-items:center} .eyebrow{margin:0 0 1.5rem;color:var(--green-mid);font-family:var(--font-heading);font-size:0.875rem;font-weight:700;letter-spacing:0.24em;line-height:1.4;text-transform:uppercase} .hero .eyebrow,.dark .eyebrow{color:var(--green)} .hero-grid>div>.eyebrow{display:flex;align-items:center;gap:1rem;white-space:normal} .hero-grid>div>.eyebrow::before{width:2rem;height:1px;flex:0 0 auto;content:"";background:currentColor} h1,h2,h3{font-family:var(--font-heading);letter-spacing:-0.025em} h1{max-width:48rem;margin-bottom:1.25rem;font-size:clamp(3.25rem,4.7vw,4.25rem);font-weight:900;line-height:1.03;text-transform:uppercase} h2{margin-bottom:1.5rem;color:var(--ink);font-size:clamp(2.5rem,3.6vw,3.25rem);font-weight:900;line-height:1.08;text-transform:uppercase} h3{margin-bottom:0.75rem;color:var(--ink);font-size:1.35rem;font-weight:800;line-height:1.18} .dark h2,.dark h3,.hero h1,.hero h2{color:var(--white)} .hero-title span{display:block;white-space:nowrap} .hero h1{max-width:43rem;font-size:clamp(3.15rem,4.45vw,4rem);font-weight:800;line-height:1.07;text-transform:none} .hero-thesis{max-width:44rem;margin:0 0 1.5rem;color:var(--green);font-size:clamp(1.5rem,2.35vw,2rem);font-weight:300;letter-spacing:0;line-height:1.25} .hero-lead{max-width:40rem;margin:0;color:rgba(255,255,255,.82);font-size:1.125rem;line-height:1.62;text-wrap:pretty} .hero-actions{display:flex;flex-wrap:wrap;gap:0.75rem;margin-top:2.25rem} .hero-actions .button{min-height:54px;padding:1rem 1.55rem} .hero-assurance{margin:1rem 0 0;color:rgba(255,255,255,.66);font-size:0.875rem} .insight-card{padding:2rem;border:1px solid rgba(255,255,255,.25);border-left:3px solid var(--green);background:rgba(255,255,255,.035);backdrop-filter:blur(8px)} .profile-link{display:inline-flex;align-items:center;gap:0.55rem;text-decoration:none} .profile-link span{font-size:1.1em;transition:transform 180ms ease} .profile-link:hover{color:var(--white)} .profile-link:hover span{transform:translateY(3px)} .insight-card h2{margin-bottom:1.2rem;font-size:clamp(1.7rem,2.05vw,2rem);font-weight:800;line-height:1.12;text-transform:none;text-wrap:balance} .insight-card>p{margin:0 0 1rem;color:rgba(255,255,255,.82);font-size:1rem} .insight-list{margin:0;padding:0;list-style:none} .insight-list li{position:relative;padding:0.85rem 0 0.85rem 1.7rem;border-top:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.9);font-size:1rem;line-height:1.45} .insight-list li::before{position:absolute;left:0;content:"?";color:var(--green);font-weight:900} .insight-card .payoff{padding-top:1.15rem;margin:0.25rem 0 0;border-top:1px solid rgba(255,255,255,.3);color:var(--white);font-weight:800} .factbar{border-bottom:1px solid var(--mist);background:var(--white)} .facts{display:grid;grid-template-columns:repeat(4,1fr)} .fact{padding:2rem 1.5rem 1.8rem;border-right:1px solid var(--mist)} .fact:first-child{padding-left:0} .fact:last-child{border-right:0} .fact strong{display:block;margin-bottom:0.55rem;color:var(--green-mid);font-size:clamp(1.5rem,2.2vw,1.85rem);font-weight:400;letter-spacing:-0.025em;line-height:1.08;font-variant-numeric:tabular-nums} .fact span{color:var(--charcoal);font-size:1rem;line-height:1.35} section:not(.hero){padding:6.5rem 0;background:var(--off-white)} section.white{background:var(--white)} section.dark{color:var(--white);background:var(--ink)} .section-head{max-width:52rem;margin-bottom:3rem} .section-head p{color:var(--charcoal);font-size:1.15rem} .dark .section-head p{color:var(--light-grey)} .section-head p.eyebrow,.final-cta p.eyebrow{color:var(--green-mid);font-size:0.875rem;line-height:1.4} p.eyebrow.brand-green{color:var(--green)} .dark .section-head p.eyebrow{color:var(--green)} .prose{max-width:52rem} .prose p{margin:0 0 1.3rem} .lead-quote{color:var(--ink);font-size:clamp(2.6rem,4vw,3.6rem);font-weight:900;line-height:1.05;text-transform:uppercase} .note{margin-top:2.25rem;padding:1.5rem 1.75rem;border-left:4px solid var(--green);background:var(--white)} .note strong{display:block;margin-bottom:0.35rem;color:var(--ink)} .privacy-grid,.limits,.profile,.offer{gap:4rem} .privacy-tag{padding:1.75rem;border:1px solid var(--grey);border-top:3px solid var(--green);background:rgba(255,255,255,.04)} .privacy-tag strong{color:var(--green)} .privacy-grid p{color:var(--light-grey)} .check-grid{gap:1rem} .check-item{min-height:7.25rem;padding:1.5rem 1.5rem 1.4rem 3.65rem;border:1px solid var(--mist);border-top:3px solid var(--green);background:var(--white)} .check-item::before{left:1.5rem;top:1.3rem;color:var(--green);font-size:1.2rem} .result-grid{gap:1.25rem} .result-card{padding:1.8rem;border:1px solid var(--mist);border-top:4px solid var(--green);background:var(--white)} .result-card p,.step p{color:var(--charcoal)} .result-card.featured{background:var(--off-white)} .review-table{border-top:1px solid var(--grey)} .review-row{padding:1.55rem 0;border-bottom:1px solid #4b4b4b} .review-row strong{color:var(--green)} .review-row span{color:var(--light-grey)} .steps{gap:1rem} .step{padding:1.75rem;border:1px solid var(--mist);border-top:3px solid var(--green);background:var(--white)} .step::before{margin-bottom:2rem;color:var(--green);font-size:2.15rem;font-weight:400} .limits-list{border-top:1px solid var(--light-grey)} .limits-list li{grid-template-columns:8.5rem minmax(0,1fr);border-bottom:1px solid var(--light-grey)} .limits-list li::before{color:var(--green)} .profile a{color:var(--ink);text-decoration-color:var(--green);text-decoration-thickness:2px;text-underline-offset:0.18em} .role-box{padding:2rem;border-left:0;border-top:4px solid var(--green);background:var(--white)} .offer{align-items:start} .price{color:var(--green);font-size:clamp(3rem,5vw,4.5rem);font-weight:400} .price small{color:var(--light-grey)} .conditions div{border-bottom-color:#4b4b4b} .conditions dd{color:var(--light-grey)} .faq{max-width:56rem} details{border-top-color:var(--light-grey)} details:last-child{border-bottom-color:var(--light-grey)} summary{color:var(--ink)} summary::after{color:var(--green)} details p{color:var(--charcoal)} details a{color:var(--ink);font-weight:700;text-decoration-color:var(--green);text-decoration-thickness:2px;text-underline-offset:0.18em} .final-cta{padding:6rem 0;background:var(--off-white)} .final-cta p{color:var(--charcoal)} .contact a{color:var(--ink);text-decoration-color:var(--green);text-decoration-thickness:2px;text-underline-offset:0.18em} .site-footer{padding-block:2.5rem;border-top:1px solid var(--grey);color:#aaaaaa;background:var(--ink);font-size:0.875rem} .footer-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem} .site-footer img{width:auto;height:32px;object-fit:contain} .site-footer p{margin:0;font-size:0.75rem;line-height:1rem;text-align:center} .footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:1rem} .site-footer a{color:var(--light-grey)} .site-footer a:hover{color:var(--green)} @media (max-width:1023px){.hero-grid{gap:2.5rem} .insight-card{padding:1.6rem}} @media (max-width:900px){.hero{min-height:auto;padding:5rem 0} .hero-grid,.privacy-grid,.limits,.profile,.offer{grid-template-columns:1fr;gap:2.5rem} .insight-card{max-width:42rem} .facts{grid-template-columns:repeat(2,1fr)} .fact:nth-child(2){border-right:0} .fact:nth-child(n+3){border-top:1px solid var(--mist)} .steps{grid-template-columns:repeat(2,1fr)}} @media (max-width:767px){body{font-size:1rem} .hero-grid{grid-template-columns:minmax(0,1fr)} .hero-title span{white-space:nowrap} .hero h1{font-size:clamp(2rem,9vw,3rem)} .wrap,.container{width:100%;padding-inline:1.25rem} .hero{padding:4rem 0;border-left:0} h1{font-size:clamp(1.9rem,9.6vw,3rem)} h2{font-size:clamp(2rem,8vw,2.6rem)} .hero-thesis{font-size:1.45rem} .hero-lead{font-size:1rem} .hero-actions{display:grid;grid-template-columns:1fr} .hero-actions .button{width:100%} section:not(.hero){padding:4.75rem 0} .footer-row{flex-direction:column} .footer-links{justify-content:center}} @media (max-width:560px){h1,h2,h3,.lead-quote{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word} h2{font-size:clamp(1.8rem,8vw,2.6rem)} .lead-quote{font-size:2.1rem} .wrap,.container{padding-inline:1.125rem} .nav-row{gap:1rem} .back-link{font-size:0.75rem;letter-spacing:0.08em} .hero-grid>div>.eyebrow{gap:0.7rem;letter-spacing:0.18em} .hero-grid>div>.eyebrow::before{width:1.5rem} .facts,.check-grid,.result-grid,.steps{grid-template-columns:1fr} .fact{padding-left:0;border-top:1px solid var(--mist);border-right:0} .fact:first-child{border-top:0} .result-card.featured{grid-column:auto;grid-template-columns:1fr} .review-row{grid-template-columns:1fr;gap:0.4rem} .conditions div{grid-template-columns:1fr;gap:0.2rem} .limits-list li{grid-template-columns:1fr;gap:0.2rem}} @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto} *,*::before,*::after{transition-duration:0.01ms !important}}