/* HILLS ANGELS | statische Website ohne externe Abhaengigkeiten */
:root{--pink:#F57EB6;/* Bildschirmnaeherung Pantone 211 C */--bg:#111216;--bg2:#191a1f;--panel:#242329;--text:#f8f6f8;--muted:#b0abb5;--line:rgba(255,255,255,.13);--width:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--pink);outline-offset:4px}.shell{width:min(var(--width),calc(100% - 92px));margin-inline:auto}.skip-link{position:fixed;z-index:999;top:-100px;left:10px;background:#fff;color:#000;padding:12px}.skip-link:focus{top:10px}.site-header{position:sticky;top:0;z-index:50;background:rgba(14,15,19,.96);border-bottom:1px solid #302c33;backdrop-filter:blur(16px)}.navbar{height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:17px;min-width:0}.brand-lockup{display:flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}.brand-lockup img{display:block;width:auto;height:52px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:29px}.nav-links a{font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:#d4d0d5;transition:color .18s}.nav-links a.active,.nav-links a:hover{color:var(--pink)}.nav-links .nav-contact{background:var(--pink);color:#140f14;padding:13px 16px}.nav-contact span{margin-left:8px}.menu-toggle{display:none;background:transparent;color:white;border:1px solid var(--line);border-radius:4px;width:43px;height:43px;cursor:pointer}.menu-toggle span{display:block;width:20px;height:2px;margin:5px auto;background:currentColor}
.hero{position:relative;isolation:isolate;min-height:685px;overflow:hidden;background:#12131a}.hero-visual{position:absolute;inset:0;z-index:-1}.hero-backdrop{position:absolute;inset:0 0 0 26%;background:linear-gradient(90deg,rgba(10,11,15,.55),rgba(13,13,18,.87) 54%,rgba(13,13,18,.96)),url('hero-road.webp') center /cover no-repeat}.hero-rider{position:absolute;left:0;top:0;bottom:0;width:49%;height:100%;object-fit:cover;object-position:47% 42%;filter:contrast(1.06) saturate(.85) brightness(.79);-webkit-mask-image:linear-gradient(90deg,black 0%,black 74%,transparent 100%);mask-image:linear-gradient(90deg,black 0%,black 74%,transparent 100%)}.hero-visual:after{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(0deg,rgba(10,9,14,.68),transparent 25%),linear-gradient(90deg,transparent 0%,transparent 37%,rgba(7,7,10,.2) 56%,rgba(7,7,10,.3) 100%)}.dust{position:absolute;z-index:1;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse,rgba(190,158,131,.21),transparent 65%);filter:blur(30px)}.dust-one{width:340px;height:220px;top:44%;left:38%}.dust-two{width:360px;height:180px;bottom:3%;left:14%}.hero-layout{position:relative;display:flex;align-items:center;justify-content:flex-end;min-height:685px;padding-top:50px;padding-bottom:75px}.hero-copy{width:51%;max-width:635px;z-index:2}.kicker,.eyebrow{font-weight:900;letter-spacing:.24em;font-size:11px;color:var(--pink);text-transform:uppercase}.kicker{color:#f2c9e1}.hero h1,.section-pad h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;line-height:.9;font-weight:900;letter-spacing:.005em;text-transform:uppercase}.hero h1{font-size:clamp(77px,9.7vw,147px);margin:30px 0 15px;max-width:630px}.hero h1 em{display:block;font-style:normal;color:var(--pink)}.hero h1 em span{color:white}.hero-script{font-size:clamp(32px,4.2vw,61px);font-family:'Brush Script MT','Segoe Script',cursive;font-style:italic;color:white;transform:rotate(-5deg);margin:0 0 23px;line-height:1.1}.hero-body{color:#dfd6df;font-size:17px;line-height:1.66;max-width:445px;margin:34px 0 25px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:17px 22px;min-height:51px;font-size:12px;text-transform:uppercase;letter-spacing:.13em;font-weight:900;transition:background .2s,transform .2s;white-space:nowrap}.button:hover{transform:translateY(-3px)}.button-pink{background:var(--pink);color:#17131a}.button-pink:hover{background:#ffaccf}.hero-keywords{font-size:10px;letter-spacing:.14em;color:#d3cbd5;margin:40px 0 0}.hero-keywords b{color:var(--pink);padding:0 11px}.hero-corner{position:absolute;left:46px;bottom:18px;color:#d9d1dd;font-size:9px;letter-spacing:.2em;z-index:2}.hero-corner span{color:var(--pink)}
.section-pad{padding:112px 0}.team-section{background:#17181d;position:relative;overflow:hidden}.team-section:before{content:"";position:absolute;inset:0;opacity:.15;background:repeating-radial-gradient(ellipse at 75% 170%,transparent 0 37px,#6a586c 38px 39px);pointer-events:none}.team-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.section-pad h2{font-size:clamp(53px,6.3vw,94px);margin:20px 0 0}.section-pad h2 em{display:block;font-style:normal;color:var(--pink)}.team-copy{border-left:1px solid var(--line);padding-left:42px;max-width:530px}.team-copy p,.kit-content p{font-size:16px;line-height:1.85;color:#bbb6bf;margin-top:0}.team-copy .intro,.kit-content .intro{color:white;font-size:22px;line-height:1.55;font-weight:700}.underlink{display:inline-block;border-bottom:1px solid var(--pink);padding:8px 0 10px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;margin-top:12px;color:var(--pink)}.underlink span{margin-left:35px}
.rides{background:#202026}.section-heading-row{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:42px}.section-heading-row h2{margin-top:20px;max-width:750px}.section-heading-row>p{color:#bcb6c1;line-height:1.7;max-width:290px;margin:0 0 7px}.ride-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.ride-card{min-height:285px;position:relative;background:#29272f;padding:37px 36px;border:1px solid rgba(245,126,182,.16);overflow:hidden;transition:border .2s,transform .2s}.ride-card:hover{transform:translateY(-3px);border-color:rgba(245,126,182,.55)}.ride-icon{display:block;color:var(--pink);width:56px;height:56px}.ride-icon svg{width:100%;height:100%}.ride-nr{position:absolute;right:32px;top:27px;color:#807881;font-size:12px;letter-spacing:.1em}.ride-card h3{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:45px;letter-spacing:.02em;margin:22px 0 12px}.ride-card p{font-size:14px;line-height:1.75;color:#bbb6c0;max-width:280px}.ribbon{background:var(--pink);color:#181017;padding:15px;text-align:center;overflow:hidden;white-space:nowrap}.ribbon span{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:26px;letter-spacing:.14em}
.gallery{background:#15161a}.gallery-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-auto-rows:235px;gap:15px}.gallery-card{position:relative;border:0;padding:0;background:#26262b;overflow:hidden;cursor:pointer;text-align:left}.gallery-card img{width:100%;height:100%;object-fit:cover;transition:transform .45s,filter .35s;filter:saturate(.9)}.gallery-card:hover img{transform:scale(1.055);filter:saturate(1.05)}.gallery-card:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.68))}.gallery-card>span{position:absolute;z-index:2;bottom:17px;left:20px;color:var(--pink);font-size:12px;font-weight:900}.gallery-card>span b{font-size:10px;color:white;margin-left:13px;letter-spacing:.11em}.gallery-card.tall{grid-row:span 2}.gallery-note{font-size:12px;color:#8f8894;margin-top:24px}
.kit{background:#212027}.kit-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:100px;align-items:center}.kit-image{height:500px;position:relative;background:#1b1a20;overflow:hidden}.kit-image:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.6))}.kit-image img{width:100%;height:100%;object-fit:cover;object-position:center 39%}.kit-label{position:absolute;bottom:25px;left:27px;z-index:2;background:var(--pink);color:#18121c;padding:10px 15px;letter-spacing:.15em;font-weight:900;font-size:12px}.kit-content .intro{font-size:26px;color:var(--pink);margin-top:25px}.kit-content .smallprint{font-size:14px;color:#bcb5bf}.button-outline{border:1px solid var(--pink);color:var(--pink);margin-top:15px}.button-outline:hover{background:var(--pink);color:#171017}
.contact{background:linear-gradient(110deg,#1b1720 0%,#251c25 57%,#442438 100%);border-top:1px solid rgba(245,126,182,.25)}.contact-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:center}.contact-grid h2 em{display:inline}.contact-grid p:not(.eyebrow){max-width:650px;line-height:1.8;color:#d1c4d0;font-size:17px}.contact-action{display:flex;flex-direction:column;align-items:flex-start;gap:25px}.contact-action>span{font-size:9px;letter-spacing:.12em;color:#b99db1}.site-footer{background:#0f1014;border-top:1px solid var(--line);padding:43px 0}.footer-layout{display:flex;justify-content:space-between;align-items:center;gap:35px}.footer-brand{display:flex;gap:15px;align-items:center}.footer-mark{width:62px;height:62px;background:transparent;border-radius:0;display:grid;place-items:center;overflow:visible;flex:none}.footer-mark img{width:100%;height:100%;object-fit:contain}.footer-mark-square{width:82px;height:118px;border-radius:0;padding:0}.footer-mark-square img{width:100%;height:100%;object-fit:contain}.footer-wordmark{display:flex;align-items:center;background:transparent;border-radius:0;padding:0;max-width:320px}.footer-wordmark img{display:block;width:100%;height:auto;max-height:44px;object-fit:contain}.footer-layout>p{font-size:10px;letter-spacing:.14em;color:#beb2c0}.footer-layout>p strong{color:var(--pink)}.footer-links{display:flex;gap:25px;font-size:12px;color:#b8acba}.footer-links a:hover{color:var(--pink)}
.photo-modal{max-width:min(1000px,90vw);max-height:90vh;background:#14151a;color:white;border:1px solid #473545;padding:12px 12px 15px;box-shadow:0 25px 100px rgba(0,0,0,.75)}.photo-modal::backdrop{background:rgba(0,0,0,.9)}.photo-modal img{max-width:100%;max-height:72vh;object-fit:contain}.photo-modal p{margin:13px 8px 2px;font-size:13px;color:#ddd}.modal-close{position:absolute;right:16px;top:15px;border:0;width:40px;height:40px;border-radius:100%;cursor:pointer;font-size:30px;background:#f57eb6;color:#111}
.legal-page{min-height:75vh;max-width:770px;margin:0 auto;padding:100px 24px}.legal-page h1{font-family:Impact,Arial,sans-serif;font-size:70px;line-height:1}.legal-page h2{margin-top:55px;font-size:23px}.legal-page p,.legal-page li{color:#cbc2cc;line-height:1.8}.legal-warning{border-left:3px solid var(--pink);padding:17px 22px;background:#2b222b;color:#fff!important}
@media(max-width:1100px){.shell{width:calc(100% - 62px)}.navbar{height:80px}.brand-lockup img{height:46px}.nav-links{gap:18px}.hero-layout,.hero{min-height:625px}.hero h1{font-size:clamp(66px,9vw,118px)}.hero-copy{width:53%}.kit-grid{gap:55px}.section-pad{padding:90px 0}}
@media(max-width:760px){.shell{width:calc(100% - 38px)}.navbar{height:76px}.brand-lockup img{height:34px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:75px;background:#18161d;border-bottom:1px solid #403340;padding:18px 19px 26px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 20px 28px rgba(0,0,0,.38)}.nav-links.open{display:flex}.nav-links a{padding:13px;font-size:13px}.nav-links .nav-contact{margin-top:10px}.hero{min-height:820px}.hero-backdrop{inset:0;background:linear-gradient(0deg,rgba(10,10,14,.95),rgba(10,10,14,.55) 48%,rgba(10,10,14,.23)),url('hero-road.webp') center/cover no-repeat}.hero-rider{width:100%;height:520px;object-fit:cover;object-position:center 39%;-webkit-mask-image:linear-gradient(180deg,black 0%,black 62%,transparent 100%);mask-image:linear-gradient(180deg,black 0%,black 62%,transparent 100%)}.hero-layout{min-height:820px;align-items:flex-end;justify-content:flex-start;padding-top:360px;padding-bottom:60px}.hero-copy{width:100%;max-width:600px}.hero h1{font-size:clamp(67px,16vw,116px);margin:14px 0}.hero-script{font-size:39px;margin-bottom:10px}.hero-body{font-size:15px;line-height:1.55;margin:20px 0}.hero-keywords{font-size:9px;margin-top:28px}.hero-corner{display:none}.team-grid,.kit-grid,.contact-grid{grid-template-columns:1fr;gap:38px}.section-pad{padding:74px 0}.section-pad h2{font-size:clamp(52px,11vw,82px)}.team-copy{border:0;border-top:1px solid var(--line);padding:24px 0 0}.section-heading-row{display:block}.section-heading-row>p{max-width:500px;margin-top:20px}.ride-grid{grid-template-columns:1fr}.ride-card{min-height:230px}.gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:185px;gap:10px}.gallery-card.tall{grid-row:span 2}.kit-image{height:390px}.contact-grid{gap:20px}.footer-layout{flex-direction:column;align-items:flex-start;gap:25px}.footer-links{flex-wrap:wrap}.ribbon span{font-size:18px}}
@media(max-width:440px){.brand-lockup img{height:28px}.hero{min-height:790px}.hero-layout{min-height:790px;padding-top:350px}.hero h1{font-size:clamp(60px,16vw,78px)}.hero-script{font-size:34px}.kicker{font-size:9px}.gallery-grid{grid-template-columns:1fr;grid-auto-rows:210px}.gallery-card.tall{grid-row:span 1}.hero-keywords b{padding:0 5px}.contact h2{font-size:60px}.kit-image{height:335px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.gallery-card img,.ride-card{transition:none}}
/* Mobile overflow guard for the ribbon and atmospheric layers */
@media(max-width:760px){.dust{display:none}.ribbon{overflow:hidden;max-width:100%}.ribbon span{display:block;overflow:hidden;white-space:nowrap;text-overflow:clip;font-size:clamp(12px,3.4vw,18px)}}
html,body{max-width:100%;overflow-x:clip}

/* Hills Angels Team-Manifest, Oktober 2026 */
.team-heading .team-manifesto { margin: 26px 0 0; max-width: 470px; color: #e9e3ea; font-size: clamp(17px, 2vw, 24px); line-height: 1.4; font-weight: 500; letter-spacing: -.012em; }
.team-heading .team-manifesto strong { color: var(--pink); font-weight: 900; }
.team-copy p + p { margin-top: 18px; }
@media(max-width:760px) { .team-heading .team-manifesto { margin-top: 22px; font-size: 19px; } }

/* ORIGINAL-TEAM-SCHRIFTZUG / LEITSATZ: bewusst kein externes Font- oder Bild-Asset. */
.manifesto-band{position:relative;isolation:isolate;background:#0c0e12;border-block:1px solid rgba(245,126,182,.26);overflow:hidden;padding:57px 0 63px}
.manifesto-band:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 10%,rgba(245,126,182,.13),transparent 55%),repeating-linear-gradient(132deg,transparent 0 55px,rgba(255,255,255,.017) 56px 57px)}
.manifesto-layout{display:grid;grid-template-columns:minmax(215px,.34fr) minmax(0,.66fr);align-items:center;gap:65px}
.manifesto-identity{display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.manifesto-logo{display:flex;background:transparent;border-radius:0;width:152px;height:220px;align-items:center;justify-content:center;overflow:visible;padding:0;flex:none}
.manifesto-logo img{display:block;object-fit:contain;width:100%;height:100%}
.manifesto-wordmark-image{display:flex;align-items:center;background:transparent;border-radius:0;padding:0;max-width:min(100%,430px)}
.manifesto-wordmark-image img{display:block;width:100%;height:auto;object-fit:contain}
.manifesto-wordmark{font-family:Impact,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;line-height:.95;font-weight:900;letter-spacing:.055em;overflow-wrap:anywhere}
.manifesto-wordmark span{font-size:clamp(29px,3.5vw,53px);display:block;white-space:nowrap}
.manifesto-wordmark small{color:var(--pink);font-family:Arial,Helvetica,sans-serif;letter-spacing:.24em;font-size:10px;display:block;margin-top:9px;font-weight:900}
.manifesto-statement{border-left:1px solid rgba(255,255,255,.16);padding-left:50px}
.manifesto-statement .eyebrow{margin:0 0 17px}
.manifesto-statement h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;font-weight:900;line-height:1.05;font-size:clamp(34px,4.5vw,66px);letter-spacing:.005em;margin:0}
.manifesto-statement h2 i{font-style:normal;color:var(--pink)}
.manifesto-statement h2 strong{color:var(--pink);display:block;font-weight:900}
.manifesto-statement>p:last-child{font-size:15px;line-height:1.75;color:#c9c1c9;max-width:670px;margin:20px 0 0}
@media(max-width:900px){.manifesto-layout{gap:34px;grid-template-columns:200px minmax(0,1fr)}.manifesto-statement{padding-left:30px}.manifesto-wordmark span{font-size:32px}}
@media(max-width:700px){.manifesto-band{padding:42px 0 47px}.manifesto-layout{grid-template-columns:1fr;gap:28px}.manifesto-identity{flex-direction:row;align-items:center;gap:14px}.manifesto-logo{width:92px;height:132px;flex:none}.manifesto-logo img{width:100%;height:100%}.manifesto-wordmark-image{padding:0;max-width:100%}.manifesto-statement{border-left:0;border-top:1px solid rgba(255,255,255,.16);padding:23px 0 0}.manifesto-statement h2{font-size:clamp(30px,8.7vw,52px)}}

@media(max-width:760px){.footer-brand{flex-wrap:wrap}.footer-wordmark{max-width:250px;padding:0}.footer-wordmark img{max-height:34px}}
@media(max-width:520px){.brand-lockup img{height:26px}.manifesto-logo{width:78px;height:112px;border-radius:0}.footer-mark-square{width:60px;height:86px}.footer-wordmark{max-width:210px}}


/* 2026-10-26: Leitsatz volle Breite ohne doppelte Markenlogos */
.manifesto-layout { display:block; }
.manifesto-statement { border:0; padding:0; width:100%; }
.manifesto-statement h2 { max-width:100%; font-size:clamp(44px,6.6vw,94px); line-height:1.035; }
.manifesto-statement>p:last-child { max-width:950px; font-size:clamp(15px,1.3vw,18px); }
@media(max-width:700px){
  .manifesto-layout{display:block;}
  .manifesto-statement{border:0;padding:0;}
  .manifesto-statement h2{font-size:clamp(37px,9.2vw,61px);line-height:1.07;}
}
/* Full Gas: Vorderseite/Helm und Gesicht im Galerie-Ausschnitt anzeigen. */
.gallery-card.full-gas img { object-position:center top; }
/* Meer: Fahrerin und Kueste trotz Hochformat im Bild halten. */
.gallery-card.ocean-ride { grid-row:span 2; }
.gallery-card.ocean-ride img { object-position:center 54%; }
@media(max-width:440px){
  .gallery-card.ocean-ride { grid-row:span 2; }
  .gallery-card.full-gas img { object-position:center top; }
}