/* ORIGINAL SOURCE: style.css */
:root{--navy:#0b1c49;--yellow:#ffd426;--muted:#4b5b7c;--border:#cbd2de}*{box-sizing:border-box}html{background:#fff}body{margin:0;background:white;color:var(--navy);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}.page{width:min(100%,780px);padding:0 28px;margin:0 auto}.head{padding-top:64px}.brand{width:130px;height:auto;display:block;object-fit:contain;margin-left:3px}.head h1{font-size:clamp(34px,6vw,52px);margin:60px 0 70px;font-weight:850;letter-spacing:-.04em}.hero{width:100%;height:auto;display:block;object-fit:contain;margin-bottom:62px}.main-content{max-width:690px;margin:auto}form{display:flex;flex-direction:column;gap:31px}fieldset{padding:0;border:0;margin:0}legend,.field>label{font-weight:740;line-height:1.45;font-size:20px;display:block;margin-bottom:12px}legend{margin-bottom:15px}.required{font-size:.77em;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#e9ecf2;color:#152451;border-radius:50%;vertical-align:2px;font-weight:800}.optional{font-size:18px;font-weight:400}input[type=text],input[type=tel],input[type=email],input[type=number]{border:1.5px solid var(--border);border-radius:10px;box-shadow:0 2px 3px #17295209;width:100%;height:53px;padding:0 16px;font-size:17px;color:var(--navy);outline:0;background:white}input::placeholder{color:#a4aec3}input:focus-visible{border-color:#1a4fbc;box-shadow:0 0 0 3px #264ca617}.choice-row{display:flex;gap:12px;align-items:stretch;flex-wrap:nowrap}.choice{flex:0 0 auto;position:relative;cursor:pointer;min-width:150px}.choice input{opacity:0;position:absolute;width:1px;height:1px}.choice>span{height:56px;display:flex;gap:7px;align-items:center;justify-content:center;padding:0 20px;border:1.5px solid var(--border);border-radius:7px;box-shadow:0 2px 5px #17295208;font-size:19px;line-height:1.1;white-space:nowrap;background:white;color:var(--navy);transition:border .12s ease,background .12s ease}.choice input:checked+span{background:#f6f8ff;border-color:var(--navy);box-shadow:0 0 0 1px var(--navy)}.choice input:focus-visible+span{outline:3px solid #5675d6;outline-offset:3px}.choice-emoji{font-size:20px}.contact-field .choice{min-width:167px}.contact-field .choice>span{justify-content:flex-start;gap:9px}.wa-icon,.phone-icon{display:inline-flex;align-items:center;justify-content:center;font-weight:800}.wa-icon{width:18px;height:18px;color:#25D366}.wa-icon svg{width:18px;height:18px;display:block}.phone-icon{font-size:18px;color:var(--navy)}.legal-links{display:flex;gap:8px;align-items:center;font-size:17px}.legal-links a,.privacy a{color:var(--navy);text-decoration:underline;text-underline-offset:3px}.privacy{display:flex;align-items:flex-start;gap:13px;font-size:17px;line-height:1.48;cursor:pointer}.privacy input{flex:0 0 21px;width:21px;height:21px;margin-top:3px;accent-color:var(--navy)}.form-actions{margin-top:30px}.submit{border:0;border-radius:9px;background:var(--yellow);color:var(--navy);font-weight:750;font-size:20px;padding:18px 21px;min-height:60px;display:inline-flex;align-items:center;justify-content:center;gap:14px;cursor:pointer;box-shadow:none}.submit:disabled{opacity:.7;cursor:wait}.response{min-height:24px;margin:0;color:#ad1c29;font-size:15px}.response:empty{display:none}.success{text-align:center;padding:55px 16px 65px}.success[hidden]{display:none}.success h2{font-size:32px;margin:14px 0}.success p{font-size:18px;color:var(--muted)}.success button{border:1px solid var(--navy);background:white;border-radius:8px;padding:12px 18px;color:var(--navy);cursor:pointer}.checkmark{font-size:40px;color:#10a958}footer{color:#69758e;text-align:center;padding:24px 0 60px;font-size:13px}footer .legal-links{justify-content:center;margin-top:18px}@media(max-width:520px){.page{padding:0 22px}.head{padding-top:48px}.brand{width:115px}.head h1{margin:72px 0 62px;font-size:38px}.hero{margin-bottom:47px}legend,.field>label{font-size:19px}.choice{min-width:0;flex:1 1 0}.choice>span{font-size:18px;height:53px;padding:0 8px}.contact-field .choice{min-width:0;flex:1 1 0}.contact-field .choice>span{font-size:16px;padding:0 8px;gap:5px;justify-content:center}.legal-links{font-size:15px}.privacy{font-size:16px}.submit{width:100%;font-size:17px;padding:15px 8px}form{gap:29px}}@media(max-width:360px){.choice>span{font-size:16px}.contact-field .choice>span{font-size:15px}.page{padding:0 16px}}


/* TARIFORA: Infobereich nach dem Tarifcheck, keine Kundenrezensionen */
.benefits{margin:68px auto 22px;padding:35px 30px 32px;background:#144b8b;color:#fff;border-radius:16px}
.benefits h2{text-align:center;font-size:clamp(26px,4vw,36px);line-height:1.18;margin:0 0 8px;font-weight:800}
.benefits h2 span{color:#ffdf22}
.benefits-intro{text-align:center;font-size:16px;opacity:.95;margin:0 0 27px}
.benefits-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.benefit{border:1px solid #ffffff66;border-radius:10px;padding:18px 17px;min-width:0}
.benefit-stars{color:#ffdf22;letter-spacing:3px;font-size:20px;line-height:1.4}
.benefit h3{font-size:17px;line-height:1.35;margin:9px 0 7px;font-weight:760;color:#fff}
.benefit p{font-size:15px;line-height:1.55;margin:0;color:#f2f5fc}
@media(max-width:580px){.benefits{margin:42px -4px 15px;padding:28px 17px}.benefits-grid{grid-template-columns:1fr;gap:10px}.benefit{padding:13px 15px}.benefit-stars{font-size:19px}.benefits-intro{font-size:14px;margin-bottom:21px}}


/* TARIFORA Einstiegsbereich direkt unter dem Markennamen */
.head h1{margin-bottom:29px}
.tarifora-intro{background:#fff;color:#0b1c49;padding:8px 0 12px;border-radius:0;margin:0 0 34px}
.tarifora-intro h2{font-size:clamp(26px,3.8vw,36px);line-height:1.24;letter-spacing:-.025em;margin:0 0 21px;font-weight:800}
.tarifora-intro h2 span{color:#0b1c49;background:linear-gradient(to bottom,transparent 62%,#ffea6b 62%)}
.tarifora-intro-desc{font-size:18px;line-height:1.52;margin:0 0 15px}
.tarifora-intro-promise{font-size:18px;line-height:1.4;margin:0 0 24px}
.tarifora-intro-trust{font-size:14px;line-height:1.7;margin:0;text-align:left;font-weight:650;color:#223b67}
.tarifora-intro-trust span{padding:0 5px;color:#b38b00}
@media(max-width:520px){.head h1{margin-bottom:25px}.tarifora-intro{margin:0 0 28px;padding:3px 0 6px}.tarifora-intro h2{font-size:28px}.tarifora-intro-desc,.tarifora-intro-promise{font-size:16px}.tarifora-intro-trust{font-size:13px}}


/* TARIFORA: klare Text-Hierarchie und Serviceversprechen unter dem Banner */
.head h1{margin-bottom:25px}
.tarifora-intro{padding-bottom:0;margin-bottom:8px}
.tarifora-intro h2{font-size:clamp(29px,4.15vw,38px);line-height:1.23;margin-bottom:18px}
.tarifora-intro-desc{margin-bottom:15px}
.tarifora-intro-promise{margin-bottom:0}
.head .hero{width:93%;height:auto;display:block;margin:18px auto 18px}
.service-promises{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px 14px;margin:0 auto 49px;color:#0b1c49;font-size:14px;font-weight:680;line-height:1.5;text-align:center}
.service-promises span{display:inline-flex;align-items:center;gap:6px}
.service-promises span:before{content:"✓";display:inline-flex;justify-content:center;align-items:center;font-weight:850;color:#0b1c49;background:#ffdf22;border-radius:50%;width:19px;height:19px;font-size:12px}
@media(max-width:520px){.head h1{margin-bottom:22px}.tarifora-intro{margin-bottom:0}.tarifora-intro h2{font-size:29px}.tarifora-intro-promise{margin-bottom:0}.head .hero{width:100%;margin:16px auto 18px}.service-promises{justify-content:flex-start;text-align:left;font-size:13px;gap:9px 12px;margin-bottom:38px}}


/* TARIFORA: Vertrauen/Transparenz, ohne nicht belegte Drittanbieter-Siegel oder Bewertungen */
.tarifora-trust{margin:32px auto 52px;border-radius:19px;overflow:hidden;box-shadow:0 8px 35px rgba(7,19,58,.10)}
.tarifora-trust-dark{background:linear-gradient(135deg,#080e2e 0%,#101943 75%,#12235b 100%);color:#fff;padding:45px 38px 42px;position:relative}
.tarifora-trust-dark:before{content:"";position:absolute;inset:0;opacity:.23;pointer-events:none;background-image:linear-gradient(#6474a220 1px,transparent 1px),linear-gradient(90deg,#6474a220 1px,transparent 1px);background-size:65px 65px}
.tarifora-trust-dark>*{position:relative}
.trust-kicker,.trust-section-label{text-transform:uppercase;font-size:12px;line-height:1.5;letter-spacing:.16em;font-weight:800;margin:0 0 14px}
.trust-kicker{color:#ffd426}
.tarifora-trust h2{font-size:clamp(27px,4.3vw,37px);line-height:1.2;letter-spacing:-.035em;margin:0 0 16px;font-weight:800;max-width:580px}
.tarifora-trust h2 span{color:#ffd426}
.trust-lead{color:#e5eaf8;font-size:17px;line-height:1.65;max-width:610px;margin:0 0 27px}
.trust-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.trust-fact{min-width:0;display:flex;align-items:flex-start;gap:10px;padding:15px 11px;border:1px solid #7d90c45c;background:#ffffff10;border-radius:12px}
.trust-fact-check{display:flex;align-items:center;justify-content:center;flex:0 0 25px;height:25px;background:#20b87c;color:#fff;border-radius:5px;font-size:17px;font-weight:900}
.trust-fact strong{display:block;font-size:14px;line-height:1.4;color:#fff;margin:1px 0 6px}
.trust-fact small{display:block;font-size:12px;color:#d4dcf1;line-height:1.5}
.tarifora-trust-light{background:#f8f9fc;padding:36px 38px 40px;color:#0b1c49}
.trust-section-label{color:#3c61a6}
.tarifora-trust h3{font-size:clamp(21px,3.4vw,27px);line-height:1.35;margin:0 0 24px;max-width:590px;font-weight:800}
.trust-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.trust-step{background:#fff;border:1px solid #e5e9f1;border-radius:12px;padding:17px 16px 20px;min-width:0;box-shadow:0 2px 6px #091d3e0a}
.trust-step-number{display:inline-block;font-size:19px;color:#154c93;font-weight:850;letter-spacing:-.02em;margin-bottom:15px}
.trust-step strong{display:block;font-size:15px;line-height:1.4;margin-bottom:8px}
.trust-step p{margin:0;font-size:13px;line-height:1.58;color:#465677}
@media(max-width:650px){.tarifora-trust{margin:26px -4px 38px;border-radius:15px}.tarifora-trust-dark{padding:30px 23px}.tarifora-trust-light{padding:29px 23px 33px}.trust-facts,.trust-steps{grid-template-columns:1fr;gap:10px}.trust-fact{padding:13px 14px}.trust-fact strong{font-size:14px;margin-bottom:2px}.trust-fact small{font-size:12px}.trust-lead{font-size:15px;margin-bottom:21px}.trust-step{display:flex;gap:15px;padding:14px 15px}.trust-step-number{flex:0 0 25px;font-size:18px;margin:0}.trust-step strong{margin-bottom:4px}.trust-step p{font-size:13px}.tarifora-trust h3{margin-bottom:18px}}


/* ORIGINAL SOURCE: faq.css */

/* TARIFORA FAQ und Nachrichtenformular – unabhängig vom Tarifcheck */
.faq-section{margin:58px 0 32px;padding:37px 36px 42px;background:#144b8b;border-radius:16px;color:#fff}
.faq-heading-area{text-align:center}
.faq-heading-area h2{font-size:clamp(29px,4vw,39px);margin:0 0 27px;letter-spacing:-.035em;color:#fff}
.faq-question-mark{width:46px;height:46px;line-height:46px;text-align:center;margin:0 auto 11px;background:#ffdf22;color:#144b8b;border-radius:50%;font-size:38px;font-weight:850}
.faq-heading-area h3{font-size:clamp(22px,3.4vw,29px);font-weight:720;margin:0 0 30px;color:#fff}
.faq-list{border-top:1px solid #e5edffb5}
.faq-item{border-bottom:1px solid #e5edffb5}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;cursor:pointer;font-size:17px;line-height:1.45;font-weight:590;padding:19px 1px;color:#fff}
.faq-item summary::-webkit-details-marker{display:none}
.faq-chevron{display:block;flex:0 0 11px;width:11px;height:11px;border-bottom:2px solid #fff;border-right:2px solid #fff;transform:translateY(-3px) rotate(45deg);transition:transform .2s}
.faq-item[open] .faq-chevron{transform:translateY(3px) rotate(225deg)}
.faq-item summary:focus-visible{outline:3px solid #ffdf22;outline-offset:4px}
.faq-answer{padding:0 28px 18px 1px;color:#eaf2ff}
.faq-answer p{margin:0;font-size:15px;line-height:1.65}
.faq-contact-section{margin-top:56px}
.faq-chat-symbol{width:45px;height:45px;border:5px solid #ffdf22;color:#ffdf22;border-radius:50%;line-height:35px;text-align:center;font-weight:800;font-size:28px;margin:0 auto 14px}
.faq-contact-section h3{font-size:clamp(25px,3.5vw,31px);text-align:center;color:#fff;margin:0 0 9px}
.faq-contact-intro{font-size:15px;text-align:center;color:#e9f0fb;margin:0 0 24px}
.faq-form-panel{background:#0d3b75;border-radius:12px;padding:28px 30px}
#faqform{display:flex;flex-direction:column;gap:17px}
.faq-field{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:640;color:#fff}
.faq-field b,.faq-consent b{color:#ffdf22}
.faq-field input,.faq-field textarea{border:1px solid #cfdaea;border-radius:8px;width:100%;background:#fff;color:#0b1c49;font:inherit;font-size:16px;font-weight:400;outline:0;box-shadow:none;padding:14px 16px}
.faq-field input{min-height:53px}
.faq-field textarea{min-height:136px;resize:vertical}
.faq-field input:focus-visible,.faq-field textarea:focus-visible{outline:3px solid #ffdf22;outline-offset:2px}
.faq-field input::placeholder,.faq-field textarea::placeholder{color:#8d97aa}
.faq-consent{display:flex;align-items:flex-start;gap:11px;font-size:13px;line-height:1.55;cursor:pointer;color:#e9f2ff}
.faq-consent input{flex:0 0 19px;width:19px;height:19px;margin-top:2px;accent-color:#ffdf22}
.faq-consent a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.faq-send{min-height:53px;border:0;border-radius:8px;background:#ffdf22;color:#0b1c49;font-size:16px;font-weight:790;cursor:pointer;padding:14px 20px}
.faq-send:disabled{opacity:.75;cursor:wait}
.faq-send:focus-visible{outline:3px solid white;outline-offset:2px}
.faq-error{color:#ffe0e0;font-size:14px;line-height:1.45;margin:0}
.faq-error:empty{display:none}
.faq-success{text-align:center;padding:36px 5px}
.faq-success[hidden]{display:none}
.faq-success-check{font-size:36px;color:#ffdf22}
.faq-success h4{font-size:22px;margin:14px 0 10px;color:#fff}
.faq-success p{font-size:16px;line-height:1.5}
.faq-success button{border-radius:7px;border:1px solid #fff;background:transparent;color:#fff;padding:11px 16px;font-weight:650;cursor:pointer}
@media(max-width:580px){.faq-section{margin:43px -4px 22px;padding:28px 18px 29px}.faq-heading-area h2{margin-bottom:26px}.faq-heading-area h3{margin-bottom:26px}.faq-item summary{font-size:16px;padding:17px 0}.faq-answer p{font-size:14px}.faq-form-panel{padding:21px 17px}.faq-contact-section{margin-top:43px}}

#faqform[hidden]{display:none}


/* ORIGINAL SOURCE: reel-landing.css */

:root{--midnight:#070e2e;--navy:#0b1c49;--royal:#121d58;--yellow:#ffcb19;--sun:#ffd426;--ice:#f5f8ff;--ink:#0a1532}
html{scroll-behavior:smooth}
body{background:#f5f7fc;color:var(--ink)}
.page{max-width:1280px;padding:0;margin:0 auto}
.reel-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 30%,#2549a5 0%,transparent 38%),linear-gradient(125deg,#08132f,#091641 52%,#131b53);color:#fff;min-height:745px}
.reel-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#d7ddff07 1px,transparent 1px),linear-gradient(90deg,#d7ddff07 1px,transparent 1px);background-size:70px 70px;pointer-events:none}
.reel-hero:after{content:"";position:absolute;right:-18%;top:-35%;width:700px;height:700px;border:1px solid #9cadff24;border-radius:50%;pointer-events:none}
.reel-nav{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3;gap:15px;padding:26px clamp(22px,5vw,65px);border-bottom:1px solid #ffffff1f}
.reel-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;min-width:0}
.brand-symbol{position:relative;display:block;width:44px;height:45px;border-top:10px solid #f6f9ff;border-radius:13px 14px 0 0;transform:skew(-16deg)}
.brand-symbol span{position:absolute;left:11px;top:2px;width:20px;height:41px;border-radius:1px 1px 13px 13px;background:var(--yellow)}
.brand-wordmark{display:block;font-weight:950;font-size:clamp(28px,4vw,36px);line-height:.85;letter-spacing:-.065em}
.brand-wordmark>span{color:var(--yellow)}
.brand-wordmark small{display:block;letter-spacing:.17em;margin-top:10px;font-weight:700;font-size:9px;white-space:nowrap;color:#e6ecff}
.nav-contact{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:14px;font-weight:740;border:1px solid #ffffff73;border-radius:100px;padding:12px 18px;white-space:nowrap}
.nav-contact:hover,.nav-contact:focus-visible{background:#ffffff20}
.reel-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);align-items:center;gap:28px;padding:73px clamp(22px,5vw,65px) 76px;min-height:645px}
.reel-hero-copy{position:relative;z-index:2;max-width:645px}
.hero-eyebrow{display:inline-flex;gap:9px;align-items:center;font-size:13px;letter-spacing:.14em;font-weight:800;text-transform:uppercase;color:#d7defc}
.status-dot{display:inline-block;width:9px;height:9px;background:var(--yellow);border-radius:50%;box-shadow:0 0 0 5px #ffd42624}
.reel-hero h1{font-size:clamp(45px,5.7vw,78px);line-height:1.05;font-weight:950;letter-spacing:-.055em;margin:29px 0 17px;color:#fff}
.reel-hero h1 mark{display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone;background:#ffca16;color:#091333;border-radius:12px;padding:0 .10em .025em}
.hero-sub{font-size:clamp(25px,3vw,34px);font-weight:820;letter-spacing:-.028em;line-height:1.16;margin:25px 0 12px}
.hero-sub strong{color:var(--yellow)}
.hero-lead{font-size:16px;color:#e1e8ff;max-width:555px;line-height:1.68;margin:0 0 26px}
.hero-usps{display:flex;gap:21px;flex-wrap:wrap;margin:23px 0 29px}
.hero-usps>div{display:flex;align-items:center;gap:10px;font-size:12px;color:#e3e8fc;line-height:1.35}
.hero-usps b{font-size:13px;color:#fff;font-weight:780}
.usp-icon{display:inline-flex;width:40px;height:40px;background:var(--yellow);color:#061332;border-radius:50%;justify-content:center;align-items:center;font-size:20px;font-weight:900;box-shadow:0 0 0 4px #ffffff1a}
.hero-button{border-radius:18px;min-height:68px;display:flex;justify-content:center;align-items:center;gap:20px;width:min(100%,490px);padding:14px 24px;background:linear-gradient(100deg,#ffe053,#ffc519);color:#09152d;box-shadow:0 14px 38px #04082169,0 0 0 1px #ffe67b;position:relative;text-decoration:none;font-size:clamp(19px,2.2vw,24px);letter-spacing:-.025em;font-weight:900;transition:transform .2s,filter .2s}
.hero-button span{font-size:30px;line-height:1}
.hero-button:hover{transform:translateY(-2px);filter:brightness(1.08)}
.hero-note{font-size:12px;color:#bfcbeb;margin:17px 0 0}
.reel-art{height:560px;min-width:0;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center}
.reel-art:before{content:"";position:absolute;inset:14% 4%;border-radius:50%;background:radial-gradient(circle,#ffc9273d 0%,#4159d12d 37%,transparent 68%);filter:blur(20px)}
.art-ring{position:absolute;border:1px solid #d8e5ff3e;border-radius:50%;inset:60px 0;transform:rotate(-25deg)}
.art-ring.ring-two{inset:130px -35px;transform:rotate(33deg)}
.art-orbit{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;position:absolute;top:21%;left:25%;width:240px;height:240px;border:2px solid #ffd134b5;background:radial-gradient(circle at 36% 25%,#fff4ae49,transparent 43%),radial-gradient(circle at 50% 65%,#eda60747,#07173b 80%);border-radius:100%;box-shadow:0 0 35px #ffc1196b,inset 0 0 30px #ffd23d39;transform:rotate(-7deg)}
.art-orbit-center{font-size:114px;font-weight:800;text-shadow:0 0 15px #ffd44f;color:#ffd638}
.art-orbit small{font-weight:850;letter-spacing:.15em;font-size:10px;color:#fff}
.art-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:absolute;z-index:2;width:155px;height:175px;border-radius:23px;backdrop-filter:blur(10px);border:1px solid #ffffff45;background:linear-gradient(155deg,#ffffff2b,#ffffff0c);box-shadow:0 20px 40px #020b27a1;color:#fff;font-weight:850;letter-spacing:.18em;font-size:12px}
.art-electric{top:8%;right:0;transform:rotate(10deg)}
.art-gas{bottom:17%;left:2%;transform:rotate(-12deg)}
.art-icon{font-size:93px;line-height:.95;font-weight:800;color:#ffd02b;text-shadow:0 0 27px #ffba30,0 0 48px #ffdd5a}
.art-gas .art-icon{color:#5bd9ff;text-shadow:0 0 26px #37a9ff,0 0 48px #43c2ff}
.art-caption{position:absolute;right:0;bottom:8%;color:#dfedff;text-align:right;font-size:21px;letter-spacing:.015em;font-weight:650;line-height:1.25}
.art-caption strong{color:#ffdd47;font-size:27px}
.hero-bottom{display:flex;position:relative;z-index:2;justify-content:center;gap:clamp(18px,5vw,72px);flex-wrap:wrap;padding:17px 20px;border-top:1px solid #ffffff24;background:#06112db3;font-size:13px;color:#edf1ff;font-weight:700}
.intro-callout{padding:58px clamp(22px,5vw,65px) 35px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#f5f7fc}
.intro-callout h2{font-size:clamp(28px,3.3vw,44px);font-weight:900;line-height:1.14;letter-spacing:-.04em;margin:9px 0;color:#0b1c49}
.intro-callout h2 em{font-style:normal;color:#2256ad}
.intro-callout p{font-size:16px;color:#435678;line-height:1.55;margin:13px 0 0;max-width:700px}
.eyebrow-dark{font-size:11px;letter-spacing:.18em;font-weight:900;color:#3d69b1}
.intro-link{display:inline-flex;background:#e7ecfa;white-space:nowrap;gap:10px;align-items:center;padding:15px 18px;border-radius:14px;color:#153a8c;text-decoration:none;font-weight:850}
#tarifcheck{scroll-margin-top:16px}
.main-content{max-width:940px!important;margin:20px auto 55px!important;padding:34px clamp(18px,5vw,58px) 38px;background:#fff;border:1px solid #e4eafa;box-shadow:0 16px 70px #0b235028;border-radius:24px;position:relative}
.main-content:before{content:"JETZT KOSTENLOSEN TARIFCHECK ANFRAGEN";display:block;color:#0b1c49;font-weight:900;letter-spacing:-.025em;font-size:clamp(22px,3vw,30px);margin:0 0 25px}
.main-content form{gap:17px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.main-content .choice-field,.main-content .privacy,.main-content .form-actions,.main-content .response{grid-column:1/-1}
.main-content legend,.main-content .field>label{font-size:15px;margin-bottom:8px;font-weight:800}
.main-content input[type=text],.main-content input[type=tel],.main-content input[type=email],.main-content input[type=number]{height:54px;border-radius:11px;border:1px solid #d7e1f0;background:#fafdff}
.main-content .choice-row{gap:10px}
.main-content .choice{flex:1;max-width:240px}
.main-content .choice>span{border-radius:12px;font-size:16px;justify-content:center}
.main-content .privacy{margin-top:10px;font-size:13px;color:#465676;line-height:1.55}
.main-content .form-actions{margin-top:0}
.main-content .submit{width:100%;font-size:19px;border-radius:13px;box-shadow:0 9px 20px #fac11429}
.benefits,.tarifora-trust,.faq-section{width:calc(100% - clamp(30px,8vw,120px));max-width:1110px;margin-left:auto!important;margin-right:auto!important}
.benefits{background:linear-gradient(120deg,#102055,#1a377f);border-radius:22px!important}
.benefit-stars{display:none!important}
footer{padding:36px 20px 70px}
@media(max-width:850px){.reel-hero-grid{grid-template-columns:1fr;padding-top:47px;gap:0}.reel-art{height:300px;max-width:520px;margin:0 auto;opacity:.95;width:100%}.art-orbit{width:170px;height:170px;top:12%;left:calc(50% - 85px)}.art-orbit-center{font-size:70px}.art-card{width:110px;height:125px}.art-icon{font-size:58px}.art-caption{bottom:0;font-size:13px}.art-caption strong{font-size:18px}.reel-hero h1{font-size:clamp(49px,9vw,79px)}.intro-callout{padding-top:37px}.benefits,.tarifora-trust,.faq-section{width:calc(100% - 36px)}}
@media(max-width:580px){.reel-nav{padding:21px 18px}.brand-symbol{width:32px;height:35px;border-top-width:7px}.brand-symbol span{left:7px;width:15px;height:29px}.brand-wordmark{font-size:26px}.brand-wordmark small{font-size:7px;letter-spacing:.12em;margin-top:8px}.nav-contact{padding:9px 12px;font-size:11px}.reel-hero-grid{padding:35px 21px 33px}.hero-eyebrow{font-size:10px}.reel-hero h1{font-size:clamp(39px,10.2vw,58px);line-height:1.075;margin:22px 0 14px}.reel-hero h1 mark{border-radius:7px;padding:0 .07em}.hero-sub{font-size:25px;margin:20px 0 12px}.hero-lead{font-size:14px}.hero-usps{gap:14px 13px;margin:20px 0 25px}.hero-usps>div{font-size:11px}.hero-usps b{font-size:11px}.usp-icon{width:34px;height:34px;font-size:17px}.hero-button{font-size:19px;min-height:61px;padding:10px 15px}.hero-note{font-size:11px}.reel-art{height:235px;margin:12px auto 5px}.art-orbit{width:136px;height:136px;top:12%;left:calc(50% - 68px)}.art-orbit-center{font-size:58px}.art-orbit small{font-size:6px}.art-card{width:80px;height:98px;border-radius:15px;font-size:9px}.art-icon{font-size:48px}.art-electric{right:10%;top:3%}.art-gas{left:8%;bottom:19%}.art-caption{font-size:11px;bottom:0}.art-caption strong{font-size:14px}.hero-bottom{gap:12px 19px;font-size:11px}.intro-callout{display:block;padding:37px 21px 18px}.intro-callout h2{font-size:31px}.intro-callout p{font-size:14px}.intro-link{margin-top:19px}.main-content{margin:20px 15px 36px!important;padding:25px 17px 32px;border-radius:17px}.main-content:before{font-size:21px}.main-content form{grid-template-columns:1fr;gap:17px}.main-content .choice-field,.main-content .privacy,.main-content .form-actions,.main-content .response{grid-column:auto}.main-content .choice{min-width:0}.main-content .choice>span{font-size:14px}.main-content .submit{font-size:16px}.benefits,.tarifora-trust,.faq-section{width:calc(100% - 26px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}



/* TARIFORA 2026-10-28: layout safety rules */
.page { width: 100%; max-width: 1280px; margin: 0 auto; padding: 0; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
fieldset.choice-field { border: 0; padding: 0; margin: 0; min-width: 0; }
.wa-icon, .phone-icon { flex: 0 0 20px; width: 20px; height: 20px; }
.wa-icon svg { display: block; width: 19px !important; height: 19px !important; max-width: 19px; max-height: 19px; }
.benefits { color: #ffffff; }
.benefits h2, .benefits h3, .benefit h3 { color: #ffffff; }
.benefits .benefits-intro, .benefits p, .benefit p { color: #f2f5fc; }
.tarifora-trust-dark { color: #ffffff; }
.tarifora-trust-dark h2, .tarifora-trust-dark strong { color: #ffffff; }
@media (max-width: 580px) {
  .main-content form { grid-template-columns: minmax(0,1fr); }
  .contact-field .choice-row { gap: 8px; }
  .contact-field .choice { flex: 1 1 0; min-width: 0; }
  .contact-field .choice > span { min-width: 0; }
}