:root{--ink:#1b2d25;--deep:#193328;--forest:#244c3e;--sage:#cde0cc;--rust:#ac3628;--light:#f7f6f0;--paper:#fffdf7;--muted:#62746a;--line:#d9dfd6;--yellow:#edc961;--rounded:24px;--shadow:0 18px 50px rgba(9,27,17,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--light);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.skip{position:absolute;left:-999px;top:10px;background:#fff;z-index:99;padding:12px}.skip:focus{left:16px}.wrap{max-width:1230px;padding:0 28px;margin:0 auto}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:800;text-transform:uppercase}.topline{background:var(--deep);color:#f1eeda;text-align:center;font-size:12px;letter-spacing:.08em;padding:8px 14px}.nav-shell{position:sticky;top:0;z-index:20;background:rgba(255,253,247,.95);border-bottom:1px solid #d8e0d8;backdrop-filter:blur(14px)}.nav{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:14px;min-width:165px}.brand img{height:66px;width:auto;object-fit:contain}.brand small{display:none;font-weight:700;font-size:11px;line-height:1.2;color:var(--muted)}.links{display:flex;align-items:center;gap:25px}.links a{font-size:13px;font-weight:750;white-space:nowrap}.links a:hover,.links a.active{color:var(--rust)}.nav-button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:none;font-size:14px;line-height:1.2;font-weight:800;border-radius:100px;min-height:48px;padding:15px 25px;transition:transform .2s,background .2s}.nav-button,.btn-red{background:var(--rust);color:white}.btn-red:hover,.nav-button:hover{background:#912c21;transform:translateY(-2px)}.btn-cream{background:var(--paper);color:var(--deep)}.btn-cream:hover{transform:translateY(-2px)}.btn-outline{color:var(--deep);border:1px solid #b2c4ba;background:transparent}.btn-outline:hover{background:#e9efe8}.burger{display:none;background:transparent;border:1px solid var(--line);height:42px;width:46px;border-radius:12px;align-items:center;justify-content:center;font-size:26px}.hero{position:relative;overflow:hidden;background:var(--deep);color:white;min-height:680px;display:grid;grid-template-columns:48% 52%;border-radius:0 0 32px 32px}.hero-left{position:relative;z-index:2;padding:clamp(44px,6vw,100px) 6vw 84px max(28px,calc((100vw - 1175px)/2));background:linear-gradient(90deg,#193328 70%,rgba(25,51,40,.95))}.hero h1{font-weight:900;font-size:clamp(48px,5.4vw,88px);line-height:1.03;letter-spacing:-.045em;margin:22px 0}.hero .lead{font-size:clamp(16px,1.4vw,20px);color:#d7e4d7;max-width:525px}.hero .eyebrow{color:#bde3c1}.hero-image{position:relative;overflow:hidden}.hero-image:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(25,51,40,.4),transparent 30%)}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:32px}.hero-footnote{display:flex;align-items:center;gap:11px;color:#d5e3d3;font-size:13px;margin-top:62px}.hero-footnote i{height:1px;background:#8daba0;flex:0 0 44px}.section{padding:92px 0}.section-sm{padding:64px 0}.section-heading{max-width:750px;margin-bottom:30px}.section-heading h2,.page-intro h1{font-size:clamp(35px,4vw,60px);line-height:1.09;letter-spacing:-.04em;margin:10px 0 18px;font-weight:900}.section-heading p{font-size:17px;color:#52655a}.tag{font-size:12px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:var(--rust)}.cols-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cols-2{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.feature{background:var(--paper);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.feature .photo{height:245px;object-fit:cover;width:100%}.feature .inner{padding:26px}.feature .count{font-size:11px;font-weight:850;color:var(--rust);letter-spacing:.12em}.feature h3{font-size:25px;line-height:1.18;margin:10px 0 10px}.feature p{font-size:14.5px;color:#607369;margin:0 0 18px}.textlink{font-weight:850;color:var(--rust);font-size:13px}.split{display:grid;grid-template-columns:1fr 1fr;gap:0;overflow:hidden;border-radius:27px;background:var(--deep);color:#fff}.split>.image{min-height:475px}.split>.image img{width:100%;height:100%;object-fit:cover}.split>.copy{padding:clamp(30px,5vw,76px);display:flex;flex-direction:column;justify-content:center}.split h2{font-size:clamp(31px,3.5vw,51px);line-height:1.12;margin:14px 0}.split p{color:#d9e6d8}.stats{display:flex;gap:28px;flex-wrap:wrap;margin-top:25px}.stat b{display:block;font-size:33px;letter-spacing:-.05em}.stat span{font-size:13px;color:#cbdccf}.cards-band{background:#e8eee5}.mini{padding:28px;background:#fffdf8;border:1px solid var(--line);border-radius:19px}.mini h3{font-size:20px;margin:4px 0 9px;line-height:1.25}.mini p{color:#637368;font-size:14px;margin:0}.mini .symbol{width:45px;height:45px;border-radius:14px;background:#e7efe3;display:grid;place-items:center;font-size:23px;margin-bottom:15px}.placeholder{background:#eef1eb;border:1px dashed #92a79a;padding:24px;border-radius:18px;color:#506454;font-size:14px}.gallery{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:14px;height:325px}.gallery img{height:100%;width:100%;object-fit:cover;border-radius:15px}
/* Reframe the middle gallery photo to include both riders, leaving the image file unchanged. */
.gallery img.gallery-wheelie{object-position:right center}.page-intro{background:var(--deep);color:white;overflow:hidden;position:relative}.page-intro .wrap{padding-top:92px;padding-bottom:96px;position:relative;z-index:2}.page-intro h1{max-width:850px}.page-intro p{color:#d7e6dc;font-size:19px;max-width:760px}.page-intro .tag{color:#d4b76e}.page-intro:after{content:"";width:520px;height:520px;border:1px solid rgba(205,225,208,.19);border-radius:50%;position:absolute;right:-220px;top:-250px;box-shadow:0 0 0 80px rgba(205,225,208,.045),0 0 0 160px rgba(205,225,208,.03)}.bread{font-size:12px;color:#abbfb0;letter-spacing:.07em;margin-bottom:42px}.bread a{text-decoration:underline}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.level{border:1px solid var(--line);background:var(--paper);border-radius:15px;padding:19px 17px;min-height:152px;position:relative;overflow:hidden}.level:before{content:"";position:absolute;top:0;left:0;right:0;height:7px;background:var(--level-color)}.level small{font-size:11px;font-weight:900;letter-spacing:.1em;color:#748479}.level h3{margin:12px 0 0;font-size:18px}.level p{font-size:12px;color:#637267;margin:3px 0 0}.docgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.doc{display:flex;align-items:center;gap:18px;padding:20px;background:white;border:1px solid #dae2d9;border-radius:17px}.doc-icon{display:grid;place-items:center;flex:0 0 48px;height:56px;border-radius:11px;background:#e9eee8;color:var(--rust);font-weight:900;font-size:11px}.doc b{display:block;font-size:16px}.doc small{color:#6c7d6f}.doc .arrow{margin-left:auto;color:var(--rust);font-weight:900;font-size:22px}.values{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.value{padding:22px 24px;background:white;border-radius:17px;border:1px solid var(--line)}.value b{font-size:16px}.value p{font-size:14px;color:#667669;margin:6px 0 0}.notice{background:#fff3df;border:1px solid #f2d7a6;border-radius:20px;padding:32px}.timeline{border-top:1px solid #b6cabc}.timeline-row{display:grid;grid-template-columns:180px 1fr;gap:25px;padding:25px 0;border-bottom:1px solid #b6cabc}.timeline-date{font-weight:900;color:#ad3929;letter-spacing:.05em}.timeline h3{margin:0 0 6px;font-size:22px}.timeline p{margin:0;color:#607164}.wide-photo{border-radius:28px;object-fit:cover;width:100%;max-height:500px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{font-size:17px;font-weight:800;cursor:pointer}.faq p{color:#597061;margin:10px 0 0}.cta{margin:70px 0 0;background:var(--rust);color:white;border-radius:25px;padding:48px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:clamp(27px,3vw,43px);margin:8px 0;letter-spacing:-.035em;line-height:1.12}.cta p{color:#f3d7d1;margin:0}.footer{background:#15281e;color:#e9eee7;padding:58px 0 25px}.footer-top{display:flex;justify-content:space-between;gap:50px}.footer img{width:178px;height:auto;opacity:1}.footer p{color:#b5c9b9;font-size:14px;max-width:350px}.footer-links{display:flex;flex-wrap:wrap;gap:17px 24px;max-width:500px;align-content:center}.footer-links a{font-size:13px;font-weight:700}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #365043;padding-top:18px;margin-top:44px;font-size:12px;color:#a2b6a6}.footer-bottom a{text-decoration:underline}.fade-in{animation:fadeUp .7s both}@keyframes fadeUp{from{transform:translateY(12px);opacity:.2}to{transform:translateY(0);opacity:1}}@media(max-width:1050px){.nav{min-height:78px}.brand img{height:57px}.links{gap:14px}.links a{font-size:12px}.nav-button{display:none}.level-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:770px){.wrap{padding:0 20px}.links{position:absolute;top:77px;left:0;right:0;background:#fffdf7;padding:12px 22px 23px;border-bottom:1px solid var(--line);display:none;flex-direction:column;align-items:stretch;gap:6px;box-shadow:var(--shadow)}.links.open{display:flex}.links a{font-size:16px;padding:10px 6px}.burger{display:flex}.hero{display:flex;flex-direction:column;min-height:0;border-radius:0 0 20px 20px}.hero-left{padding:57px 20px 55px}.hero h1{font-size:clamp(44px,10.5vw,66px)}.hero-image{height:330px}.hero-footnote{margin-top:35px}.section{padding:62px 0}.section-sm{padding:42px 0}.cols-3,.cols-2,.values,.docgrid{grid-template-columns:1fr}.split{grid-template-columns:1fr}.split>.image{min-height:260px;max-height:335px}.split>.copy{padding:36px 26px}.level-grid{grid-template-columns:repeat(2,1fr)}.gallery{height:auto;grid-template-columns:1fr 1fr}.gallery img{height:230px}.gallery img:first-child{grid-column:span 2;height:280px}.page-intro .wrap{padding-top:60px;padding-bottom:60px}.page-intro h1{font-size:clamp(39px,9vw,54px)}.timeline-row{grid-template-columns:1fr;gap:5px}.cta{padding:35px 25px;display:block}.cta .btn{margin-top:22px}.footer-top,.footer-bottom{flex-direction:column}.footer-bottom{gap:9px}.topline{font-size:10px}.feature .photo{height:240px}}@media(max-width:380px){.level-grid{grid-template-columns:1fr}.hero-actions .btn{width:100%}}
/* Contrast correction for outlined CTA on the dark hero. */
.hero .btn-outline{border-color:rgba(237,248,236,.65);color:#fff;background:transparent}
.hero .btn-outline:hover{background:rgba(255,255,255,.12)}

/* Original club behaviour rules and ten values */
.rules-grid{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0;margin:0}.rule{display:flex;align-items:flex-start;gap:17px;background:#fffdf8;border:1px solid var(--line);border-radius:17px;padding:23px 24px}.rule-number{flex:0 0 37px;height:37px;background:#edeee6;border-radius:11px;display:grid;place-items:center;font-weight:900;font-size:12px;color:var(--rust)}.rule p{margin:0;font-size:16px;font-weight:650;line-height:1.5}.value-number{display:block;color:var(--rust);font-size:11px;font-weight:900;letter-spacing:.13em;margin-bottom:12px}.value h3{font-size:19px;line-height:1.25;margin:0 0 10px}.value p{margin:0;color:#566c5d;font-size:15px;line-height:1.6}.value{min-height:175px}@media(max-width:770px){.rules-grid{grid-template-columns:1fr}.rule{padding:20px}.rule p{font-size:15px}}

/* Version 5: three deliberate, readable headline lines; no hero buttons. */
.hero h1 { font-size: clamp(30px, 3.5vw, 50px); line-height: 1.12; letter-spacing: -.035em; }
.hero h1 span { display: block; white-space: nowrap; }
@media (max-width: 770px) {
  .hero h1 { font-size: clamp(30px, 6.7vw, 47px); line-height: 1.15; }
}

/* 2027: Termine ohne bestätigtes Datum klar vom Fixdatum unterscheiden */
.timeline-date.timeline-pending{font-weight:700;color:#68776c;letter-spacing:0}

/* Version 9: non-functional registration form preview. Disabled until protected backend is configured. */
.registration-form-preview{margin-top:32px;background:#fff;border:1px solid #dce5da;border-radius:18px;overflow:hidden;box-shadow:0 15px 40px rgba(18,44,31,.07)}
.registration-preview-header{padding:30px 32px 20px;background:#edf4ee}.registration-preview-header h2{font-size:clamp(26px,3vw,40px);margin:12px 0}.registration-preview-header p{max-width:730px;color:#526658;margin:0}.registration-form-preview fieldset{border:0;min-width:0;margin:0;padding:0}
.registration-group{padding:28px 32px 32px;border-bottom:1px solid #e3eae2}.registration-group h3{font-size:22px;margin:0 0 8px}.registration-group>p{font-size:14px;color:#637467;margin:0 0 20px}.registration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 20px}.registration-field{display:flex;flex-direction:column;gap:7px;min-width:0}.registration-field.wide{grid-column:1/-1}.registration-field span{font-size:14px;font-weight:650}.registration-field span b{color:#b53121}.registration-field em{font-size:12px;color:#778477;font-style:normal;font-weight:400}.registration-field input,.registration-field select,.registration-field textarea{width:100%;padding:12px 13px;font:inherit;font-size:14px;border:1px solid #d5ded5;border-radius:9px;color:#516356;background:#f4f7f3;box-sizing:border-box;opacity:1;-webkit-text-fill-color:#667268}.field-hint{font-size:12px;color:#7c817d}.registration-consent{padding:26px 32px 32px;background:#f6f7f2}.registration-consent p{font-size:14px;line-height:1.55;color:#485d50}.registration-consent label{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#596c5b}.registration-consent label input{flex:0 0 auto;margin:4px 0 0}.registration-consent button{opacity:.5;cursor:not-allowed}.registration-consent .form-preview-status{font-weight:700;color:#994f18;margin-top:22px}@media(max-width:660px){.registration-grid{grid-template-columns:1fr}.registration-group,.registration-preview-header,.registration-consent{padding:22px}.registration-field.wide{grid-column:auto}}

/* Vorstand und Kontakt – Version 11 */
.board-member .symbol{font-size:16px;color:#b6382a}
.contact-card{border:1px solid #dbe6d9;border-radius:18px;background:#fffdf8;padding:27px;margin-top:20px}
.contact-card h3{font-size:26px;margin:10px 0 0}
.contact-card p{margin:10px 0;color:#536958}
.contact-card a{text-decoration:underline;text-underline-offset:3px;color:#9b3025;font-weight:700}
