:root{--navy:#091b30;--navy2:#102a43;--teal:#0aafa5;--teal-dark:#087d78;--gold:#d5ab5b;--ink:#173249;--muted:#52677a;--light:#f3f7f8;--white:#fff;--border:#dbe6e9;--shadow:0 20px 55px rgba(8,31,50,.12);--radius:19px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.7 system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--white)}body.lock{overflow:hidden}a{color:var(--teal-dark)}a:hover{text-decoration-thickness:2px}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.wrap{width:min(1140px,calc(100% - 40px));margin:auto}.skip{position:absolute;top:-70px;left:1rem;z-index:99;background:white;padding:.6rem}.skip:focus{top:1rem}.header{position:sticky;top:0;z-index:10;background:rgba(9,27,48,.97);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.12)}.nav{display:flex;justify-content:space-between;align-items:center;min-height:76px;gap:20px}.brand{font-weight:850;letter-spacing:-.035em;font-size:1.35rem;text-decoration:none;color:#fff;white-space:nowrap}.brand span{color:#57d6ce}.navlinks{display:flex;gap:23px;align-items:center}.navlinks a{color:#e6eff5;font-size:.91rem;text-decoration:none}.navlinks a:hover{color:#68e4d9}.menu-toggle{display:none;color:white;background:none;border:1px solid #567085;border-radius:10px;padding:7px 12px}.hero{background:radial-gradient(ellipse at 80% 10%,#154e5b 0%,transparent 42%),linear-gradient(135deg,#091b30,#102c46);color:white;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:65px;padding:102px 0 110px}.eyebrow{text-transform:uppercase;font-size:.76rem;font-weight:800;letter-spacing:.18em;color:var(--teal-dark)}.hero .eyebrow{color:#8dece1}.hero h1{font-size:clamp(2.65rem,5.4vw,5rem);letter-spacing:-.056em;line-height:1.06;margin:18px 0 25px;max-width:750px}.hero p{color:#d0dde7;font-size:1.13rem;max-width:630px}.buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:13px 20px;font-weight:760;text-decoration:none;border-radius:10px;border:1px solid transparent;transition:.2s}.btn-primary{background:var(--teal);color:#042b30}.btn-primary:hover{background:#73dfd5;color:#042b30}.btn-outline{border-color:#57768a;color:white}.btn-outline:hover{border-color:#fff;color:white}.visual{position:relative;padding:15px}.glass{background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.23);box-shadow:0 35px 70px rgba(0,0,0,.28);backdrop-filter:blur(15px);border-radius:24px;padding:30px;transform:rotate(2deg)}.glass .micro{font-size:.77rem;color:#a7c5d4;text-transform:uppercase;letter-spacing:.12em}.glass .big{font-size:3rem;font-weight:850;line-height:1.2;letter-spacing:-.04em;margin:8px 0}.glass .line{height:11px;border-radius:30px;background:rgba(255,255,255,.11);margin:20px 0;overflow:hidden}.glass .line:after{content:'';display:block;width:68%;height:100%;background:var(--teal)}.glass .stats{display:flex;justify-content:space-between;border-top:1px solid #547080;padding-top:18px;gap:8px}.glass strong{display:block}.glass small{color:#b7cbd4}.note{font-size:.77rem;color:#b6ccd9;margin-top:20px}.section{padding:95px 0;scroll-margin-top:85px}.section.alt{background:var(--light)}.section.dark{background:var(--navy);color:white}.kicker{max-width:760px;margin-bottom:42px}.kicker h2,.section h2{letter-spacing:-.041em;font-size:clamp(2rem,3.8vw,3.05rem);line-height:1.15;margin:12px 0 20px}.kicker p{color:var(--muted);font-size:1.07rem}.dark .kicker p{color:#b5c9d5}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:28px;box-shadow:0 4px 18px rgba(10,50,60,.035)}.card h3{font-size:1.2rem;line-height:1.3;margin:12px 0}.card p{color:var(--muted);margin-bottom:0}.number{font-weight:850;font-size:1.9rem;color:var(--teal-dark)}.feature-icon{display:inline-grid;place-items:center;width:45px;height:45px;border-radius:12px;background:#e5f8f5;color:#087f77;font-weight:850}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.split p,.prose p{color:var(--muted)}.prose h3{margin:26px 0 8px}.check{padding-left:22px}.check li{margin-bottom:10px}.calc{background:white;color:var(--ink);padding:33px;border-radius:22px;box-shadow:var(--shadow)}.field{margin:0 0 18px}.field label{display:block;font-weight:750;margin-bottom:7px}.field input,.field textarea{width:100%;border:1px solid #b9cbd2;border-radius:10px;padding:12px 14px;background:white;color:var(--ink)}.field input[type=range]{padding:0;accent-color:var(--teal-dark)}.field small{color:var(--muted)}.result{background:#e8f7f6;border-radius:14px;padding:22px;margin-top:16px}.result strong{font-size:2.4rem;letter-spacing:-.04em;color:#075d59;display:block}.result .data{font-size:.91rem}.fine{font-size:.82rem;color:var(--muted)}.dark .fine{color:#c9d6df}.compare{display:grid;grid-template-columns:1fr 1fr;gap:22px}.compare .card{height:100%}.tag{font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:var(--teal-dark);font-weight:800}details{background:white;color:var(--ink);border:1px solid var(--border);border-radius:12px;margin:10px 0;padding:17px 21px}summary{font-weight:750;cursor:pointer;padding-right:12px}details p{color:var(--muted);margin-bottom:0}.footer{background:#071626;color:#c5d6e0;padding:55px 0 27px}.footer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;padding-bottom:33px}.footer .brand{display:block;margin-bottom:12px}.footer p{max-width:510px;font-size:.92rem}.footer-links{display:flex;flex-wrap:wrap;gap:18px}.footer-links a,.footer a{color:#e0f0f5}.footer-bottom{border-top:1px solid #294252;padding-top:20px;display:flex;justify-content:space-between;gap:12px;font-size:.79rem}.domain-for-sale{font-size:.79rem;color:#a8beca}.legal-shell{background:var(--light);min-height:75vh}.legal-wrap{max-width:850px;margin:0 auto;padding:68px 20px 100px}.legal-wrap h1{font-size:clamp(2.1rem,4vw,3rem);letter-spacing:-.04em}.legal-wrap h2{margin-top:35px}.legal-wrap p,.legal-wrap li{line-height:1.8}.warning{background:#fff6e6;border-left:4px solid #b47e24;padding:17px;border-radius:6px;margin:25px 0}.modal{border:none;border-radius:22px;width:min(860px,calc(100vw - 30px));max-height:min(88vh,920px);padding:0;box-shadow:0 35px 110px rgba(0,0,0,.45);overflow:hidden}.modal::backdrop{background:rgba(3,15,30,.75);backdrop-filter:blur(4px)}.modal-toolbar{display:flex;justify-content:space-between;align-items:center;padding:13px 20px;border-bottom:1px solid var(--border);background:white}.modal-toolbar strong{color:var(--navy)}.modal-close{background:#edf3f5;border:0;border-radius:8px;padding:7px 13px;font-weight:800}.modal-content{max-height:calc(88vh - 56px);overflow:auto;overscroll-behavior:contain}.modal-content .legal-wrap{padding:27px 32px 45px}.modal-content .legal-shell{min-height:0}.source-list a{word-break:break-word}.success{background:#e8f6e9;padding:16px;border-radius:10px}.error{background:#fff0ed;padding:16px;border-radius:10px}@media(max-width:850px){.hero-grid,.split{grid-template-columns:1fr;gap:33px}.hero-grid{padding:72px 0}.visual{max-width:490px}.grid3{grid-template-columns:repeat(2,1fr)}.navlinks{gap:13px}}@media(max-width:640px){.wrap{width:min(100% - 30px,1140px)}.nav{min-height:65px}.menu-toggle{display:block}.navlinks{display:none;position:absolute;top:65px;left:0;right:0;padding:20px;background:var(--navy);flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.hero-grid{padding:57px 0 80px}.hero h1{font-size:2.8rem}.section{padding:66px 0}.grid3,.grid2,.compare{grid-template-columns:1fr}.footer-top,.footer-bottom{flex-direction:column}.glass{transform:none}.modal-content .legal-wrap{padding:20px}.card,.calc{padding:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.mail-draft-form .form-feedback:not(:empty){padding:12px 15px;background:#e7f7f3;border-radius:10px;border-left:4px solid var(--teal-dark)}.contact-channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.contact-channels:empty{display:none}.contact-channel{display:block;padding:15px;border:1px solid var(--border);border-radius:12px;text-decoration:none;background:white;font-weight:700}.contact-channel:hover{background:var(--light)}

/* V1.3: Dialog nutzt Flexbox, damit der Inhalt stets bis zum Ende scrollbar bleibt. */
.modal[open]{display:flex;flex-direction:column;height:min(88vh,920px);height:min(88dvh,920px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow:hidden}
.modal-toolbar{flex:0 0 auto;min-height:56px}
.modal-content{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}
.modal-content .legal-wrap{padding-bottom:clamp(40px,7vh,85px)}
@media(max-width:640px){.modal[open]{height:calc(100dvh - 20px);max-height:calc(100dvh - 20px);width:calc(100vw - 20px);border-radius:16px}.modal-toolbar{min-height:52px}}