:root{--tief:#0a4f9e;--blau:#0d6fce;--hell:#59b7f0;--eis:#a8dcff;--nacht:#040b16;--nacht2:#081527;--tinte:#0c2b47;--grau:#5a7691}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;background:var(--nacht);color:#eaf4fd;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px}
@media(max-width:640px){.wrap{padding:0 26px}h1{font-size:clamp(34px,10vw,52px)}}
main{padding-top:64px}
.nav{position:fixed;top:0;left:0;right:0;z-index:100;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:rgba(4,11,22,.62);border-bottom:1px solid rgba(89,183,240,.14)}
.nav .inner{max-width:1180px;margin:0 auto;padding:10px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.marke{display:flex;align-items:center;gap:11px;font-weight:800}
.marke img{width:46px;height:38px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(89,183,240,.45))}
.marke .wort{font-size:18px;color:#fff;line-height:1.15}
.marke .wort small{display:block;font-size:9.5px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--hell)}
.links{display:flex;gap:2px;flex-wrap:wrap;justify-content:flex-end}
.links a{padding:9px 13px;border-radius:99px;font-size:13.5px;font-weight:700;color:#9dc4e6;transition:.2s}
.links a:hover{color:#fff;background:rgba(89,183,240,.12)}
.links a.akt{color:#fff;background:rgba(89,183,240,.18)}
.links a.cta{background:linear-gradient(90deg,var(--blau),var(--hell));color:#fff;box-shadow:0 4px 18px rgba(13,111,206,.5)}
.navtoggle{display:none}
.burger{display:none;width:44px;height:44px;border-radius:12px;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(89,183,240,.3)}
.burger i{display:block;width:20px;height:2px;background:#cfe6fa;border-radius:2px;transition:.25s}
@media(max-width:860px){
 .links{display:none;position:fixed;top:64px;left:0;right:0;flex-direction:column;gap:4px;padding:18px 26px 24px;background:rgba(4,11,22,.97);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(89,183,240,.2)}
 .links a{font-size:16px;padding:13px 14px;border-radius:14px}
 .links a.cta{text-align:center;margin-top:8px}
 .burger{display:flex}
 .navtoggle:checked ~ .links{display:flex}
 .navtoggle:checked ~ .burger i:nth-child(1){transform:translateY(7px) rotate(45deg)}
 .navtoggle:checked ~ .burger i:nth-child(2){opacity:0}
 .navtoggle:checked ~ .burger i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}
html.js .rv{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
html.js .rv.on{opacity:1;transform:none}
html.js .d1{transition-delay:.08s}html.js .d2{transition-delay:.16s}html.js .d3{transition-delay:.24s}html.js .d4{transition-delay:.32s}
@media(prefers-reduced-motion:reduce){html.js .rv{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}
.hero{min-height:calc(92svh - 64px);display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(120% 90% at 70% 0%,#0a2d55 0%,var(--nacht) 60%)}
.hero.klein{min-height:0;padding:70px 0 10px}
.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5}
.b1{width:520px;height:520px;background:radial-gradient(circle,rgba(13,111,206,.75),transparent 65%);top:-140px;right:-80px;animation:treiben 14s ease-in-out infinite alternate}
.b2{width:420px;height:420px;background:radial-gradient(circle,rgba(89,183,240,.4),transparent 65%);bottom:-120px;left:-100px;animation:treiben 18s ease-in-out infinite alternate-reverse}
@keyframes treiben{from{transform:translate(0,0) scale(1)}to{transform:translate(-60px,50px) scale(1.15)}}
.wasserzeichen{position:absolute;pointer-events:none;background-image:url(/assets/logo.png);background-size:contain;background-repeat:no-repeat;opacity:.05}
.hero .wasserzeichen{width:min(78vw,720px);height:min(78vw,720px);right:-12%;top:50%;transform:translateY(-50%);opacity:.06}
.hero .inhalt{position:relative;z-index:2;padding-top:80px;padding-bottom:80px}
.ueberzeile{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(89,183,240,.35);background:rgba(13,111,206,.14);color:var(--eis);font-size:12px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;padding:8px 18px;border-radius:99px;margin-bottom:26px}
.punkt{width:7px;height:7px;border-radius:50%;background:var(--hell);box-shadow:0 0 10px var(--hell);animation:puls 2s infinite}
@keyframes puls{0%,100%{opacity:1}50%{opacity:.35}}
h1{font-size:clamp(38px,7vw,84px);font-weight:900;line-height:1.03;letter-spacing:-.02em;max-width:900px}
.glanz{background:linear-gradient(92deg,var(--hell),var(--eis) 45%,#fff 60%,var(--hell));background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:glanz 5.5s linear infinite}
@keyframes glanz{to{background-position:220% 0}}
.hero p.sub{max-width:580px;color:#a9cbe8;margin:24px 0 34px;font-size:clamp(15.5px,2vw,18.5px)}
.btn{display:inline-block;padding:15px 30px;border-radius:99px;font-weight:800;font-size:15.5px;transition:transform .2s,box-shadow .2s}
.btn:active{transform:scale(.97)}
.btn.p{background:linear-gradient(90deg,var(--blau),var(--hell));color:#fff;box-shadow:0 10px 34px rgba(13,111,206,.5)}
.btn.p:hover{transform:translateY(-2px)}
.btn.g{border:1.5px solid rgba(89,183,240,.5);color:var(--eis);margin-left:10px}
@media(max-width:640px){.btn{display:block;width:100%;text-align:center;margin:0}.btn+.btn{margin-top:12px}.btn.g{margin-left:0}}
.band{border-top:1px solid rgba(89,183,240,.12);border-bottom:1px solid rgba(89,183,240,.12);background:var(--nacht2);overflow:hidden;padding:20px 0}
.band .spur{display:flex;gap:14px;width:max-content;animation:lauf 36s linear infinite}
.band span{border:1px solid rgba(89,183,240,.22);color:#c5e2f8;font-size:13.5px;font-weight:700;padding:10px 22px;border-radius:99px;white-space:nowrap;background:rgba(13,111,206,.08)}
@keyframes lauf{to{transform:translateX(calc(-50% - 7px))}}
.sek{padding:90px 0;position:relative;overflow:hidden}
.sek.hellsek{background:#f4f9fe;color:var(--tinte)}
.sek.hellsek .sub{color:var(--grau)}
.sek .wasserzeichen{width:480px;height:480px;left:-160px;bottom:-160px}
.sek.hellsek .wasserzeichen{opacity:.045}
.kicker{color:var(--hell);font-size:12.5px;font-weight:800;letter-spacing:3px;text-transform:uppercase;margin-bottom:12px}
.hellsek .kicker{color:var(--blau)}
h2{font-size:clamp(28px,4.5vw,50px);font-weight:900;letter-spacing:-.015em;line-height:1.1;margin-bottom:14px}
.sub{color:#a9cbe8;max-width:640px;font-size:16.5px;margin-bottom:38px}
.blauw{color:var(--blau)}
.hellw{background:linear-gradient(90deg,var(--hell),var(--eis));-webkit-background-clip:text;background-clip:text;color:transparent}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:18px}
.stat{background:linear-gradient(160deg,rgba(13,111,206,.16),rgba(8,21,39,.6));border:1px solid rgba(89,183,240,.2);border-radius:22px;padding:30px 22px;text-align:center;position:relative;overflow:hidden}
.stat b{display:block;font-size:clamp(34px,4vw,48px);font-weight:900;background:linear-gradient(180deg,#fff,var(--hell));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.1}
.stat b span{font-size:inherit;font-weight:inherit;background:linear-gradient(180deg,#fff,var(--hell));-webkit-background-clip:text;background-clip:text;color:transparent}
.stat > span{display:block;font-size:13px;color:#9dc4e6;font-weight:600;-webkit-text-fill-color:#9dc4e6}
.kgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:20px}
.kcard{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 10px 30px rgba(12,43,71,.12);transition:transform .35s,box-shadow .35s;color:var(--tinte)}
.kcard:hover{transform:translateY(-8px);box-shadow:0 26px 60px rgba(13,111,206,.28)}
.kfoto{height:230px;display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:900;color:#fff;background:linear-gradient(160deg,var(--blau),var(--hell));overflow:hidden}
.kfoto img{width:100%;height:100%;object-fit:cover;object-position:top}
.kinfo{padding:15px 17px 19px}
.kinfo b{font-size:16px}
.kinfo small{display:block;color:var(--grau);font-size:12.5px;margin-top:3px}
.pill{display:inline-block;margin-top:11px;font-size:11px;font-weight:800;color:#fff;background:linear-gradient(90deg,var(--blau),var(--hell));padding:4px 12px;border-radius:99px}
.lgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px}
.lkarte{background:linear-gradient(165deg,rgba(13,111,206,.16),rgba(8,21,39,.7));border:1px solid rgba(89,183,240,.2);border-radius:24px;padding:30px 26px;position:relative;overflow:hidden;transition:transform .3s,border-color .3s;display:block}
.lkarte:hover{transform:translateY(-6px);border-color:rgba(89,183,240,.55)}
.lkarte .nr{font-size:13px;font-weight:900;color:var(--hell);letter-spacing:2px}
.lkarte b{display:block;font-size:20px;margin:8px 0;color:#fff}
.lkarte p{color:#a9cbe8;font-size:14px}
.lkarte .url{display:inline-block;margin-top:16px;font-size:11.5px;font-weight:700;color:var(--eis);border:1px solid rgba(89,183,240,.35);padding:5px 12px;border-radius:99px}
.reftab{display:grid;gap:12px}
.refzeile{background:#fff;border-radius:18px;box-shadow:0 5px 16px rgba(12,43,71,.1);padding:17px 22px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;color:var(--tinte)}
.refzeile b{font-size:15.5px}
.refzeile small{color:var(--grau)}
.jahr{background:#e3f1fd;color:var(--blau);font-weight:800;font-size:12.5px;padding:5px 13px;border-radius:99px;white-space:nowrap}
.logoleiste{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;margin-bottom:34px}
.logotile{background:#fff;border:1px solid #e2edf7;border-radius:16px;height:72px;display:flex;align-items:center;justify-content:center;padding:14px 18px;box-shadow:0 5px 16px rgba(12,43,71,.08)}
.logotile img{max-height:38px;max-width:110px;object-fit:contain}
.logotile.text{font-weight:900;color:var(--tinte);font-size:16px}
.reisegrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.reisefoto{position:relative;border-radius:24px;overflow:hidden;height:350px;box-shadow:0 16px 44px rgba(4,11,22,.5)}
.reisefoto img{width:100%;height:100%;object-fit:cover}
.reisefoto .bu{position:absolute;left:0;right:0;bottom:0;padding:36px 16px 14px;font-size:12.5px;font-weight:700;color:#fff;background:linear-gradient(transparent,rgba(4,11,22,.88))}
.techgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:22px}
.techkarte{background:#fff;border-radius:26px;padding:30px 28px;position:relative;overflow:hidden;box-shadow:0 14px 40px rgba(12,43,71,.14);color:var(--tinte)}
.techkarte::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--tief),var(--blau),var(--hell))}
.techkopf{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.techkopf img{width:52px;height:44px;object-fit:contain}
.techkopf b{font-size:21px;display:block}
.techkopf small{color:var(--grau);font-size:13px}
img.techicon{background:#fff;object-fit:contain;padding:5px}
.techicon{width:52px;height:52px;border-radius:14px;background:linear-gradient(150deg,var(--blau),var(--hell));color:#fff;font-weight:900;font-size:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.techkarte p{color:#3d5a77;font-size:14.5px}
.teamgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:18px}
.teamkarte{background:linear-gradient(165deg,rgba(13,111,206,.14),rgba(8,21,39,.7));border:1px solid rgba(89,183,240,.2);border-radius:22px;padding:26px 14px 22px;text-align:center}
.avatar{width:92px;height:92px;margin:0 auto 14px;border-radius:50%;background:radial-gradient(circle at 50% 30%,rgba(89,183,240,.6),rgba(13,111,206,.28) 55%,rgba(4,11,22,.95));box-shadow:0 0 28px rgba(13,111,206,.45);display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.avatar svg{width:78%;height:78%;display:block;fill:#04122a}
.teamkarte b{color:#fff;font-size:15.5px;display:block;line-height:1.3}
.teamkarte small{color:#9dc4e6;font-size:12px}
.ctabox{border-radius:32px;background:linear-gradient(135deg,var(--tief),var(--blau) 55%,var(--hell));padding:clamp(36px,6vw,70px);text-align:center;position:relative;overflow:hidden;box-shadow:0 30px 80px rgba(13,111,206,.35)}
.ctabox h2,.ctabox h3{color:#fff}
.ctabox p{color:#d8ecfc;margin:14px auto 26px;max-width:520px}
.ctabox .btn.p{background:#fff;color:var(--blau)}
.feld{display:block;width:100%;max-width:460px;margin:11px auto;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.3);border-radius:14px;color:#fff;padding:14px 17px;font-size:14px;font-family:inherit}
.feld::placeholder{color:rgba(255,255,255,.75)}
textarea.feld{min-height:110px;resize:vertical}
.profilkopf{display:grid;grid-template-columns:300px 1fr;gap:44px;align-items:center}
@media(max-width:760px){.profilkopf{grid-template-columns:1fr}}
.profilfoto{border-radius:28px;overflow:hidden;box-shadow:0 24px 70px rgba(13,111,206,.45);background:linear-gradient(160deg,var(--blau),var(--hell))}
.profilfoto img{width:100%;height:400px;object-fit:cover;object-position:top}
.profilfoto .init{height:400px;display:flex;align-items:center;justify-content:center;font-size:70px;font-weight:900;color:#fff}
.chiprow{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 24px}
.chiprow span{font-size:12px;border:1px solid rgba(89,183,240,.35);color:#c5e2f8;padding:6px 13px;border-radius:99px}
.brotkrumen{font-size:12.5px;color:#6f9cc4;padding:16px 0 0}
.brotkrumen a:hover{color:#fff}
footer{border-top:1px solid rgba(89,183,240,.12);padding:40px 0 30px;font-size:13px;color:#6f9cc4;background:var(--nacht)}
footer .inner{max-width:1180px;margin:0 auto;padding:0 22px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
footer a:hover{color:#fff}
footer .spalte b{color:#9dc4e6;display:block;margin-bottom:8px;font-size:12px;letter-spacing:1.5px;text-transform:uppercase}
footer .spalte a{display:block;padding:2px 0}
.hinweis{background:#e8f4e9;color:#1d5c26;border-radius:12px;padding:12px 16px;font-size:14px;display:none;max-width:460px;margin:12px auto}
.fehler{background:#fdecea;color:#8d2f24}