:root{--navy:#081d34;--blue:#009fdf;--cyan:#67d9f4;--muted:#65748a;--bg:#f4f8fc;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;background:white}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}.wrap{max-width:1210px;margin:auto;padding:0 28px}.topbar{background:#06182a;color:#c9e3f3;font-size:12px;padding:9px 0}.topbar .wrap{display:flex;justify-content:space-between;gap:16px}.header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);box-shadow:0 5px 24px #061b2a14;backdrop-filter:blur(14px)}.nav{height:79px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:900;letter-spacing:-.7px;white-space:nowrap}.mark{width:48px;height:48px;border-radius:13px;background:var(--blue);display:grid;place-items:center;color:white;font-size:27px}.logo small{display:block;font-size:10px;letter-spacing:1.8px;color:#667e91;font-weight:800}.links{display:flex;gap:25px;align-items:center;font-size:14px;font-weight:700}.links a:hover{color:var(--blue)}.navbtn{background:var(--navy);color:white;border-radius:100px;padding:12px 19px}.mobilebtn{display:none;border:0;background:transparent;font-size:26px}.hero{position:relative;min-height:590px;background:linear-gradient(90deg,#06182bf2 0%,#06182bd9 36%,#06182b10 100%),url('assets/ski.jpg') center 47%/cover;color:white;display:flex;align-items:center}.hero:after{content:'';position:absolute;inset:auto 0 0;height:100px;background:linear-gradient(transparent,#06182b55);pointer-events:none}.hero .wrap{width:100%;position:relative;z-index:1}.eyebrow{text-transform:uppercase;font-weight:900;letter-spacing:3px;font-size:12px;color:var(--cyan)}h1{font-size:clamp(43px,6vw,82px);letter-spacing:-3px;line-height:1.05;max-width:750px;margin:20px 0}h1 span{color:var(--cyan)}.hero p{font-size:18px;line-height:1.7;max-width:550px;color:#e4f1f9}.actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:32px}.btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:100px;padding:16px 23px;font-weight:800;font-size:14px;background:var(--blue);color:white;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px);background:#0084bc}.btn.ghost{background:#ffffff1c;border:1px solid #ffffff70}.btn.dark{background:var(--navy)}.statstrip{background:#071e35;color:white}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding-top:24px;padding-bottom:24px}.stats div{display:flex;align-items:center;gap:14px}.stats strong{font-size:27px;color:var(--cyan)}.stats span{font-size:13px;color:#d1e3ef}.section{padding:90px 0}.soft{background:var(--bg)}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:33px}.kicker{color:#008dbf;font-size:12px;letter-spacing:2.4px;text-transform:uppercase;font-weight:900}.section h2{font-size:clamp(30px,4vw,46px);letter-spacing:-1.6px;margin:9px 0 12px}.lead{color:var(--muted);line-height:1.7;max-width:680px}.smalllink{font-size:14px;font-weight:800;color:#007eaf}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border-radius:19px;overflow:hidden;background:white;box-shadow:0 12px 32px #0b325b12;transition:transform .2s}.card:hover{transform:translateY(-4px)}.card img{height:205px;width:100%;object-fit:cover}.cardbody{padding:23px}.pill{font-size:11px;color:#007cad;font-weight:900;letter-spacing:1.1px;text-transform:uppercase}.card h3{font-size:21px;margin:11px 0}.card p{color:var(--muted);font-size:14px;line-height:1.65}.textlink{border:0;background:none;color:#0088be;font-size:14px;font-weight:900;padding:0}.datebox{display:flex;align-items:center;gap:17px;border:1px solid #dce8f0;border-radius:16px;padding:19px;margin:13px 0;background:white}.date{background:#eaf7fd;border-radius:12px;min-width:72px;padding:12px;text-align:center;color:#007daf}.date strong{display:block;font-size:25px}.date small{font-size:10px;font-weight:900;letter-spacing:1px}.datebox h3{margin:0 0 5px;font-size:17px}.datebox p{margin:0;color:var(--muted);font-size:13px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.program{background:#071e35;color:white;overflow:hidden}.program .lead{color:#b6cfdf}.programimg{max-height:475px;width:330px;object-fit:contain;box-shadow:22px 22px 0 #12a9df33,0 30px 65px #0008;transform:rotate(-3deg);margin:0 auto}.gallery{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px}.gallery button{padding:0;border:0;position:relative;overflow:hidden;border-radius:17px;height:240px;background:#ddebf3}.gallery button:first-child{grid-row:span 2;height:496px}.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.gallery button:hover img{transform:scale(1.06)}.gallery label{position:absolute;bottom:0;left:0;right:0;color:white;background:linear-gradient(transparent,#061b2acc);padding:45px 20px 18px;text-align:left;font-weight:800;pointer-events:none}.join{background:linear-gradient(110deg,#00a7e4,#056da9);color:white;border-radius:24px;padding:48px;display:flex;align-items:center;justify-content:space-between;gap:30px}.join h2{margin:0 0 10px}.join p{margin:0;color:#e5f8ff;line-height:1.7}.join .btn{background:white;color:#006a9a;white-space:nowrap}.footer{background:#06182a;color:#d1e3f0;padding:55px 0 25px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer h4{color:white;margin-top:0}.footer a{display:block;margin:12px 0;font-size:14px;color:#c5dbe8}.footer p{color:#aac5d6;font-size:14px;line-height:1.7}.footbottom{border-top:1px solid #ffffff25;margin-top:35px;padding-top:20px;font-size:12px;color:#92afc0;display:flex;justify-content:space-between;gap:15px}.demo{background:#e8f7ff;border-bottom:1px solid #b9e8f9;padding:11px 28px;text-align:center;color:#16516c;font-size:13px}.modal{display:none;position:fixed;inset:0;z-index:60;background:#03101de8;align-items:center;justify-content:center;padding:28px}.modal.show{display:flex}.modal img{max-height:85vh;max-width:90vw;object-fit:contain}.close{position:absolute;top:22px;right:22px;background:white;border:0;border-radius:100%;height:42px;width:42px;font-size:22px}.notice{font-size:13px;color:#7791a1;margin-top:17px}.tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px}.tab{border:1px solid #cce2ec;background:white;border-radius:100px;padding:10px 17px;color:#24566e;font-weight:800;font-size:13px}.tab.active{background:#071e35;color:white;border-color:#071e35}.eventgroup{display:none}.eventgroup.active{display:block}
@media(max-width:900px){.links{display:none;position:absolute;top:79px;left:0;right:0;background:white;padding:25px;box-shadow:0 16px 20px #0002;flex-direction:column;align-items:stretch}.links.open{display:flex}.mobilebtn{display:block}.twocol{gap:35px}.cards{grid-template-columns:repeat(2,1fr)}.cards .card:last-child{grid-column:1/-1}.gallery{grid-template-columns:1fr 1fr}.gallery button:first-child{grid-row:span 1;height:240px;grid-column:span 2}}@media(max-width:650px){.wrap{padding:0 20px}.topbar{display:none}.hero{min-height:550px;background:linear-gradient(90deg,#06182be8,#06182b66),url('assets/ski.jpg') center/cover}h1{letter-spacing:-2px}.stats{grid-template-columns:1fr;gap:17px}.stats strong{min-width:70px}.section{padding:60px 0}.cards,.twocol{grid-template-columns:1fr}.cards .card:last-child{grid-column:auto}.sectionhead{align-items:start;flex-direction:column}.programimg{max-height:390px}.gallery{gap:10px}.gallery button,.gallery button:first-child{height:190px}.join{flex-direction:column;align-items:start;padding:30px}.footgrid{grid-template-columns:1fr 1fr}.footgrid>div:first-child{grid-column:span 2}.footbottom{flex-direction:column}}

/* Skiclub Au — Dark Alpine Design v2 */
:root{--navy:#edf6ff;--blue:#00b9f2;--cyan:#77e1ff;--muted:#a5b5c7;--bg:#0b1524;--white:#132337}
body{background:#08111e;color:#eef6ff}
.topbar{background:#050b14;color:#9fb8cc;border-bottom:1px solid #203448}
.header{background:rgba(8,17,30,.94);box-shadow:0 12px 35px #0005;border-bottom:1px solid #25364a}
.logo{color:#f4faff}.logo small{color:#90acc3}.mark{background:linear-gradient(140deg,#00b7ed,#0879b9);box-shadow:0 0 30px #00b9f233}
.links a{color:#e5f0f9}.links a:hover{color:#77e1ff}.navbtn{background:#00aee9!important;color:#041522!important}
.hero{min-height:660px;background:linear-gradient(90deg,#050c17fa 0%,#06101de9 35%,#07121b52 77%,#07121b1c 100%),url('assets/ski.jpg') center 47%/cover}
.hero:after{height:170px;background:linear-gradient(transparent,#08111e)}
.hero h1{font-size:clamp(48px,6.3vw,88px)}.hero p{color:#d3e3ef}
.btn{background:#00b7ee;color:#041a2a;box-shadow:0 7px 24px #00a9e629}.btn:hover{background:#58d8ff}
.btn.ghost{color:#e9f7ff;background:#ffffff10;border:1px solid #92cbe470;box-shadow:none}
.btn.dark{background:#00b7ee;color:#041a2a}
.statstrip{background:#0d1b2b;border-top:1px solid #223a50;border-bottom:1px solid #223a50}
.section{background:#08111e}.section.soft{background:#0d1929}.section h2{color:#f4faff}
.kicker,.smalllink,.pill,.textlink{color:#65d8ff}.lead{color:#a8bacd}
.card{background:#142337;border:1px solid #294057;box-shadow:0 15px 45px #0004}.card h3{color:#f0f7ff}.card p{color:#acbfd1}.card img{filter:saturate(.92)}
.datebox{background:#142337;border:1px solid #2b435b;box-shadow:0 8px 24px #0002}.datebox h3{color:#f0f7ff}.datebox p{color:#b2c4d3}.date{background:#0b3149;color:#6edcff}
.tab{background:#142337;border-color:#2c4760;color:#bcd2e2}.tab.active{background:#00b7ee;color:#041b2b;border-color:#00b7ee}
.program{background:radial-gradient(ellipse at 85% 35%,#174665 0%,#0a1c30 45%,#07121f 85%)}.program .lead{color:#c0d4e2}
.gallery button{background:#152638;border:1px solid #29445a}.gallery button:hover{box-shadow:0 0 0 2px #31cfff}
.join{background:linear-gradient(110deg,#0e4365,#08709d 60%,#0b334f);border:1px solid #3c88a6;box-shadow:0 20px 65px #0004}.join .btn{background:#e6faff;color:#075076}
.footer{background:#050b14;border-top:1px solid #203449}.footer p,.footer a{color:#a8bfd1}.footbottom{color:#87a1b7}
.demo{background:#102e43;border-bottom:1px solid #235775;color:#c5edff}.notice{color:#92aabe}
.modal{background:#020914f0}.close{background:#122b40;color:#fff;border:1px solid #4e6c80}
@media(max-width:900px){.links{background:#0d1b2c;border-bottom:1px solid #2d485f;box-shadow:0 16px 35px #0008}.mobilebtn{color:#f0faff}}
@media(max-width:650px){.hero{background:linear-gradient(90deg,#050c17ed,#0714218c),url('assets/ski.jpg') center/cover;min-height:570px}}
.club-logo-frame{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:9px;padding:5px 8px;box-shadow:0 3px 14px #0002}.club-logo-img{width:105px;height:auto;display:block}.footer .club-logo-img{width:105px}@media(max-width:600px){.club-logo-img{width:85px}.nav{height:76px}}

/* Originalbilder des Vereins: Header-Slider */
.hero.hero-slider{display:block;position:relative;min-height:0;height:clamp(300px,35vw,640px);overflow:hidden;background:#07111e}
.hero.hero-slider::after{display:none}
.hero-slider .slide{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease;pointer-events:none}
.hero-slider .slide.active{opacity:1;pointer-events:auto}
.hero-slider .slide img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.slide-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;border:1px solid #ffffff70;background:#06142170;color:white;border-radius:50%;width:46px;height:46px;font-size:36px;line-height:1;display:grid;place-items:center;backdrop-filter:blur(6px)}
.slide-arrow:hover{background:#00a9dfcf}
.slide-arrow.prev{left:22px}.slide-arrow.next{right:22px}
.slide-dots{position:absolute;bottom:19px;left:50%;transform:translateX(-50%);z-index:2;display:flex;gap:10px}
.slide-dots button{width:11px;height:11px;border-radius:50%;border:1px solid white;background:#ffffff70;padding:0;cursor:pointer}
.slide-dots button.active{background:#00b8ef;border-color:#00b8ef;box-shadow:0 0 0 3px #0006}
@media(max-width:650px){.hero.hero-slider{height:clamp(230px,55vw,390px)}.slide-arrow{width:35px;height:35px;font-size:28px}.slide-arrow.prev{left:9px}.slide-arrow.next{right:9px}}
@media(prefers-reduced-motion:reduce){.hero-slider .slide{transition:none}}
.footbottom a{color:inherit;text-decoration:none}.footbottom a:hover{color:#36c8f4;text-decoration:underline}.legal-separator{margin:0 8px}@media(max-width:640px){.footbottom{gap:12px;flex-wrap:wrap}}

/* Einheitlicher Seitenkopf – dieselben Maße auf jeder Seite */
.header,.site-header{position:sticky!important;top:0!important;z-index:50!important;background:#101d2d!important;color:#fff!important;box-shadow:0 5px 20px #0003!important;border-bottom:1px solid #25364a!important;overflow:visible!important}
.header .nav,.site-header .site-nav{height:126px!important;min-height:126px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important}
.header .logo,.site-header .site-logo{display:flex!important;align-items:center!important;flex-shrink:0!important;margin:0!important}
.header .club-logo-frame,.site-header .club-logo-frame{display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;border-radius:10px!important;padding:5px 8px!important;box-shadow:none!important}
.header .club-logo-img,.site-header .club-logo-img{display:block!important;width:105px!important;height:auto!important;max-height:110px!important;object-fit:contain!important}
.site-header .site-logo img{width:105px!important;height:auto!important;max-height:110px!important;object-fit:contain!important;background:#fff!important;border-radius:10px!important;padding:5px 8px!important}
.header .links,.site-header .site-links{display:flex;align-items:center;gap:22px}
.header .links a,.site-header .site-links a{font-size:14px;font-weight:750;color:#e5f0f9;white-space:nowrap}
.header .links a:hover,.site-header .site-links a:hover{color:#77e1ff}
.header .navbtn,.site-header .site-contact{background:#00aee9!important;color:#041522!important;border-radius:100px!important;padding:12px 19px!important}
@media(max-width:900px){.header .nav,.site-header .site-nav{height:105px!important;min-height:105px!important}.header .club-logo-img,.site-header .club-logo-img,.site-header .site-logo img{width:85px!important;max-height:90px!important}.header .mobilebtn,.site-header .site-menu{display:block!important}.header .links,.site-header .site-links{display:none;position:absolute!important;top:100%!important;left:0!important;right:0!important;background:#101d2d!important;padding:14px 25px 22px!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;box-shadow:0 12px 25px #001a2b50}.header .links.open,.site-header .site-links.open{display:flex!important}.header .links a,.site-header .site-links a{padding:11px 0!important;font-size:16px!important}.header .mobilebtn{color:white!important}}


.member-intro{padding:75px 0 80px;background:linear-gradient(110deg,#0a1627,#12314a 70%,#0a1627);border-bottom:1px solid #2a4861}.member-intro h1{font-size:clamp(2.5rem,6vw,5rem);line-height:1.05;max-width:900px;margin:18px 0}.member-intro p{font-size:1.15rem;color:#b8cad8;max-width:750px}.member-back{display:inline-block;margin-bottom:0;color:#a7c7da;text-decoration:none}.member-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.member-panel,.member-doc,.member-info article{background:#111f30;border:1px solid #294156;border-radius:20px;padding:30px}.member-panel h2{margin:12px 0 26px}.member-fee{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #294156;padding:18px 0;gap:12px}.member-fee span,.member-fee strong{font-size:1.2rem}.member-fee small{display:block;font-size:.82rem;color:#a8bfce}.member-fee strong{color:#47cafa;font-size:2rem;white-space:nowrap}.member-fee strong small{display:inline}.member-panel p{color:#a8bfce}.member-steps{padding:0;list-style:none;counter-reset:step}.member-steps li{counter-increment:step;position:relative;padding:0 0 24px 55px;min-height:48px}.member-steps li:before{content:counter(step);position:absolute;left:0;top:0;display:grid;place-items:center;width:36px;height:36px;background:#00a9df;color:#05101b;font-weight:800;border-radius:50%}.member-steps b,.member-steps span{display:block}.member-steps span{color:#a8bfce;margin-top:5px}.member-downloads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}.member-doc{display:flex;flex-direction:column;align-items:flex-start}.member-doc-icon{background:#ed4053;color:white;border-radius:8px;padding:9px 12px;font-size:.8rem;font-weight:800}.member-doc h3{margin:22px 0 10px}.member-doc p{color:#aec2d1;flex:1}.member-doc a{color:#55d0fb;font-weight:700;text-decoration:none;margin-top:20px}.member-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:26px}.member-info h3{margin:0 0 10px;color:#dff5ff}.member-info p{margin:0;color:#b1c6d5}.member-note{color:#90aaba;font-size:.87rem;margin-top:20px}@media(max-width:800px){.member-grid,.member-info{grid-template-columns:1fr}.member-downloads{grid-template-columns:1fr}.member-intro{padding:45px 0}.member-panel,.member-doc,.member-info article{padding:22px}}
.member-intro-top{display:flex;flex-direction:column;align-items:flex-start;gap:24px;margin-bottom:24px}.member-intro-top .kicker{display:block;letter-spacing:.2em}@media(max-width:650px){.member-intro-top{gap:18px}}

.legal-page{max-width:940px;margin:0 auto;padding:65px 24px 95px}.legal-page h1{font-size:clamp(2rem,5vw,3.3rem);margin:0 0 30px}.legal-page h2{margin:35px 0 12px;color:#e5f4ff;font-size:1.35rem}.legal-page p{line-height:1.75;color:#c4d5e7}.legal-page a{color:#40c9ff}.legal-back{display:inline-block;margin-bottom:25px;color:#9ac8e8;text-decoration:none}.legal-note{padding:20px;border:1px solid #42617c;border-radius:14px;background:#142439}

/* Helles Layout nur fuer den Inhalt der Rechtstexte.
   Header und Footer behalten das gemeinsame dunkle Vereinsdesign. */
body{background:#ffffff!important;color:#17334b!important}
.legal-page{background:#ffffff!important;color:#17334b!important}
.legal-page h1{color:#102d48!important}
.legal-page h2{color:#173b57!important}
.legal-page p,.legal-page li,.legal-page address{color:#40566a!important}
.legal-page a,.legal-page .legal-back{color:#007ba8!important}
.legal-page a:hover{text-decoration:underline}
.legal-page .legal-note{background:#f0f7fb!important;border-color:#d5e6f0!important;color:#40566a!important}