/*
Theme Name: Badischer Grillsportverein
Author: BGV Website Project
Description: Responsive Vereinswebsite mit Mitgliedsantrag und Terminen.
Version: 1.0.0
Requires PHP: 7.4
Text Domain: bgv
*/

:root{--gold:#f4ca43;--red:#b9272c;--ink:#151716;--cream:#faf6ec;--muted:#746c61}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--cream);color:var(--ink);line-height:1.65}a{color:#a41d26}.wrap{max-width:1180px;margin:auto;padding:0 24px}.site-header{background:#111412;color:white;border-bottom:3px solid var(--gold)}.head-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:104px}.brand{display:flex;align-items:center;gap:13px;color:white;text-decoration:none;font-weight:900;font-size:1.12rem;line-height:1.18;letter-spacing:.03em}.brand-logo{height:78px;width:78px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);background:white}nav{display:flex;gap:18px;flex-wrap:wrap;align-items:center}nav a{font-size:.85rem;color:#f7f4ec;text-decoration:none;font-weight:650}nav a:hover{color:var(--gold)}.hero{position:relative;overflow:hidden;color:white;padding:105px 0 110px;background:radial-gradient(ellipse at 80% 50%,#a63220 0%,#3c211a 35%,#111513 75%)}.hero:before{content:'';position:absolute;right:-110px;top:-130px;width:650px;height:650px;border:1px solid #f5c94436;border-radius:50%;box-shadow:0 0 0 80px #f5c94408,0 0 0 160px #f5c94408}.hero .wrap{position:relative}.hero-content{max-width:700px}.eyebrow{text-transform:uppercase;letter-spacing:.21em;font-size:.77rem;font-weight:850;color:var(--gold)}h1,h2,h3{line-height:1.12}h1{font-size:clamp(3.1rem,7vw,6rem);letter-spacing:-.055em;margin:18px 0 22px;font-weight:900}h1 em{font-style:normal;color:var(--gold)}h2{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.035em;margin:10px 0 22px}h3{font-size:1.28rem}.lead{font-size:1.15rem;max-width:680px;color:inherit}.hero .lead{color:#e6e0d8}.button,button[type=submit]{display:inline-block;background:var(--red);color:white;text-decoration:none;padding:14px 23px;border:0;border-radius:6px;font-weight:800;cursor:pointer}.button.alt{background:var(--gold);color:#161616}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.section{padding:82px 0}.section.light{background:white}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.tile{background:#fff;border:1px solid #e8dfd0;border-radius:14px;padding:30px;box-shadow:0 12px 35px #2b1b0c0a}.tile .number{color:#b52c2d;font-weight:900;font-size:.82rem;letter-spacing:.15em}.tile h3{margin:12px 0}.tile p{color:#59534e}.section-intro{max-width:720px;margin-bottom:35px}.story{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.story-panel{background:#171917;color:#fff;padding:46px;border-radius:18px;border-top:8px solid var(--gold)}.story-panel strong{display:block;color:var(--gold);font-size:5rem;line-height:1}.story-panel p{color:#e9e1d5}.page{max-width:950px;margin:auto;padding:55px 24px 95px}.page h1{font-size:clamp(2.4rem,5vw,4rem)}.page h2{margin-top:42px}.note{border-left:5px solid var(--gold);background:#fff4d5;padding:16px 20px}.event{border-left:5px solid var(--red);background:white;padding:20px 24px;margin:15px 0;border-radius:8px}.event time{font-weight:800;color:var(--red)}.site-footer{background:#111412;color:#eee;padding:35px 0}.site-footer a{color:var(--gold)}.footer-inner{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}label{display:block;font-weight:650;margin:16px 0 5px}input,textarea,select{font:inherit;border:1px solid #a8a49e;border-radius:7px;padding:12px;width:100%;background:#fff}input[type=checkbox]{width:auto}label.check{display:flex;gap:8px;font-weight:400}fieldset{border:1px solid #ddd;border-radius:9px;padding:20px;margin:25px 0}.status{padding:15px;background:#e5f5e9}.warning{background:#fff0e9;border:1px solid #d9886e;padding:15px;border-radius:8px}.small{font-size:.9rem;color:#665c55}.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:#fff;padding:8px;z-index:20}@media(max-width:920px){.head-inner{flex-direction:column;align-items:flex-start;padding-top:12px;padding-bottom:16px;gap:12px}nav{gap:12px}.story{gap:24px}}@media(max-width:650px){.wrap{padding:0 19px}.brand-logo{width:64px;height:64px}.brand{font-size:1rem}.hero{padding:70px 0}.hero:before{right:-370px}.grid,.story{grid-template-columns:1fr}.section{padding:55px 0}.story-panel{padding:30px}nav{gap:11px}nav a{font-size:.79rem}}