
:root{color-scheme:dark;--bg:#07101d;--panel:#101e30;--cyan:#39d9f4;--text:#ecf6ff;--muted:#a9bfd1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}header{position:sticky;top:0;z-index:5;background:#07101de8;backdrop-filter:blur(14px);border-bottom:1px solid #284054}nav{max-width:1150px;margin:auto;padding:17px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font-weight:850;letter-spacing:.08em;font-size:1.25rem}.logo span,.accent{color:var(--cyan)}.navlinks{display:flex;gap:24px;flex-wrap:wrap;font-size:.92rem}.navlinks a:hover{color:var(--cyan)}.hero{position:relative;overflow:hidden;min-height:640px;display:flex;align-items:center;background:radial-gradient(circle at 75% 40%,#0b3d5d 0%,transparent 39%),linear-gradient(130deg,#07101d,#0b1c30)}.hero canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.55}.hero-inner{position:relative;max-width:1150px;width:100%;margin:auto;padding:100px 22px}.eyebrow{font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);font-weight:750}h1{font-size:clamp(2.7rem,6vw,5.2rem);line-height:1.08;max-width:850px;margin:18px 0 25px;letter-spacing:-.045em}h2{font-size:clamp(2rem,4vw,3rem);line-height:1.2;margin:0 0 18px}h3{margin:0 0 12px;font-size:1.22rem}.lead{max-width:670px;color:#c5d8e7;font-size:1.2rem}.buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-block;border:1px solid var(--cyan);background:var(--cyan);color:#03111c;padding:13px 23px;border-radius:8px;font-weight:750}.btn.secondary{background:#07101d77;color:var(--text)}.btn:hover{filter:brightness(1.12)}section{padding:90px 22px}.container{max-width:1150px;margin:auto}.sub{color:var(--muted);max-width:750px;margin-bottom:35px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:linear-gradient(145deg,#12283b,#0b1726);border:1px solid #254259;border-radius:15px;padding:28px;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-5px);border-color:var(--cyan)}.symbol{font-size:1.7rem;color:var(--cyan);margin-bottom:14px}.card p{color:var(--muted);margin:0}.alt{background:#0b1726}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{border-top:2px solid var(--cyan);padding-top:16px}.step b{color:var(--cyan);font-size:1.6rem}.step p{color:var(--muted)}.contact{background:linear-gradient(120deg,#103b53,#0b1829);border:1px solid #2d6174;border-radius:20px;padding:45px}.contact p{color:#c5d8e7}footer{border-top:1px solid #263d51;padding:30px 22px;color:var(--muted);font-size:.9rem}.footer-inner{max-width:1150px;margin:auto;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}footer a{text-decoration:underline}@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.navlinks{gap:12px;font-size:.78rem}.grid,.steps{grid-template-columns:1fr}.hero{min-height:570px}.contact{padding:25px}section{padding:65px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}

.pagehero{padding:110px 22px 70px;background:radial-gradient(circle at 80% 20%,#104461,transparent 45%),#091827}.pagehero .container{max-width:1150px}.pagehero h1{font-size:clamp(2.5rem,5vw,4.5rem)}.contentgrid{display:grid;grid-template-columns:2fr 1fr;gap:35px}.contentgrid p,.contentgrid li{color:#c5d8e7}.contentgrid li{margin-bottom:12px}.info{padding:28px;border:1px solid #254259;background:#101e30;border-radius:15px}.info h3{color:#39d9f4}@media(max-width:750px){.contentgrid{grid-template-columns:1fr}}
/* SEO-Ergänzungen im bestehenden Design */
.skip-link{position:fixed;left:16px;top:-100px;z-index:20;background:var(--cyan);color:var(--bg);padding:12px}.skip-link:focus{top:12px}a:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}.breadcrumbs{justify-content:flex-start;flex-wrap:wrap;font-size:.85rem;color:var(--muted)}.contentgrid h2:not(:first-child){margin-top:38px}.contentgrid aside{align-self:start}.info h2{font-size:1.5rem}.related-links{display:flex;flex-wrap:wrap;gap:15px 25px}.related-links a,.contentgrid p a,.card p a,.sub a{text-decoration:underline;text-underline-offset:3px}details{border-bottom:1px solid #254259;padding:18px 0}summary{cursor:pointer;font-weight:700}details p{max-width:850px;color:var(--muted)}@media(max-width:600px){nav{align-items:flex-start;flex-direction:column;gap:10px}.logo{white-space:nowrap}.breadcrumbs{flex-direction:row}.pagehero{padding-top:65px}h1{overflow-wrap:break-word}}
