:root{--navy:#102438;--blue:#1685bd;--sky:#67c5ed;--cream:#fffaf2;--text:#142333;--shadow:0 18px 50px rgba(8,28,45,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--cream);line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 36px));margin:auto}
.site-header{position:sticky;top:0;z-index:100;background:rgba(12,31,49,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.13)}.nav-wrap{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand img{display:block;width:150px;height:58px;object-fit:contain}.menu-toggle{display:none;border:1px solid #ffffff4d;background:#ffffff18;color:white;border-radius:12px;padding:10px 13px;font-size:24px}.main-nav>ul{display:flex;align-items:center;gap:5px;list-style:none;margin:0;padding:0}.main-nav a,.drop-btn{display:block;color:#fff;padding:14px 15px;border:0;background:none;font:inherit;cursor:pointer;border-radius:10px}.main-nav a:hover,.drop-btn:hover,.main-nav a.active{background:#ffffff1a}.dropdown{position:relative}.submenu{display:none;position:absolute;top:100%;left:0;min-width:190px;list-style:none;padding:8px;margin:0;background:#102438;border:1px solid #ffffff1c;border-radius:12px;box-shadow:var(--shadow)}.dropdown.open .submenu,.dropdown:hover .submenu{display:block}.submenu a{padding:10px 12px}
.hero{min-height:76vh;color:white;background-image:linear-gradient(90deg,rgba(8,25,39,.9),rgba(8,25,39,.55),rgba(8,25,39,.16)),url('../bilder/segelflieger-himmel.jpg');background-size:cover;background-position:center;background-attachment:fixed;display:flex;align-items:center}.hero-content{padding:90px 0;max-width:680px}.eyebrow{letter-spacing:.3em;text-transform:uppercase;color:#bcecff;font-size:.78rem}.hero h1{font-size:clamp(2.8rem,7vw,5.7rem);line-height:1.02;margin:18px 0}.hero p{font-size:1.15rem;max-width:620px}.button{display:inline-block;margin-top:20px;background:var(--blue);color:white;padding:14px 24px;border-radius:999px;font-weight:750;box-shadow:0 10px 24px #05283c4d}.button:hover{background:#0d95d5;transform:translateY(-2px)}
.section{padding:82px 0}.section-title{text-align:center;margin-bottom:38px}.section-title h2{font-size:clamp(2rem,4vw,3.1rem);margin:0}.section-title p{color:#5b6874}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:white;border-radius:24px;padding:30px;box-shadow:var(--shadow);border:1px solid #e8eef2;transition:.25s}.card:hover{transform:translateY(-8px)}.icon{width:64px;height:64px;border-radius:20px;background:#e4f6fd;display:grid;place-items:center;font-size:30px}.card h3{font-size:1.45rem;margin:18px 0 6px}.card .more{color:#087caf;font-weight:800}.page-hero{background:linear-gradient(90deg,#0c263bd9,#0c263b7d),url('../bilder/segelflieger-himmel.jpg') center/cover fixed;color:white;padding:95px 0 75px}.page-hero h1{font-size:clamp(2.5rem,6vw,4.5rem);margin:0}.content{padding:70px 0;min-height:48vh}.content-box{background:white;border:1px solid #e9edf0;border-radius:24px;padding:clamp(24px,5vw,54px);box-shadow:var(--shadow)}.content-box h2{color:#0e6e9e}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}label{font-weight:700}input,textarea{width:100%;padding:13px;border:1px solid #cad5db;border-radius:10px;font:inherit;margin:6px 0 18px}textarea{min-height:150px;resize:vertical}button.submit{border:0;cursor:pointer}.notice{padding:14px 16px;border-radius:12px;background:#eef8fc;color:#17566f}
footer{background:var(--navy);color:#d7e4ec;padding:34px 0}.footer-wrap{display:flex;justify-content:space-between;gap:18px;align-items:center}.footer-links{display:flex;gap:22px}
@media(max-width:820px){.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:78px;left:0;right:0;background:#102438;padding:12px 18px 20px}.main-nav.open{display:block}.main-nav>ul{display:block}.main-nav a,.drop-btn{width:100%;text-align:left}.submenu{position:static;box-shadow:none;margin-left:14px;background:#173348}.dropdown:hover .submenu{display:none}.dropdown.open .submenu{display:block}.cards,.contact-grid{grid-template-columns:1fr}.hero{background-attachment:scroll;background-position:62% center}.footer-wrap{flex-direction:column}.brand img{width:130px;height:52px}}