:root { --wine: #3d120f; --wine-deep: #1c0908; --red: #8b1814; --gold: #d8ae55; --paper: #fffdf8; --ink: #211a17; --muted: #665c56; --line: #ded6cd; --green: #21663e; }
* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); background: #211512; font-family: Arial, Helvetica, sans-serif; line-height: 1.6; }
a { color: var(--red); }
.screen-reader-text, .skip-link:not(:focus) { clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
.skip-link:focus { position: fixed; z-index: 9999; top: 12px; left: 12px; padding: 10px 14px; background: #fff; color: #111; }
.verband-header { position: relative; isolation: isolate; overflow: hidden; background: linear-gradient(105deg, var(--wine-deep), var(--wine) 68%, #661610); border-bottom: 4px solid var(--gold); color: #fff; }
.verband-emblem { position: absolute; z-index: -1; inset: -48px 2% -48px auto; width: min(42vw, 520px); background-position: center; background-size: contain; background-repeat: no-repeat; opacity: .14; filter: grayscale(1) brightness(2.6); transform: rotate(-10deg); }
.verband-header-inner { width: min(1180px, calc(100% - 36px)); min-height: 108px; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.verband-brand { display: inline-flex; min-width: 0; align-items: center; gap: 14px; color: #fff; text-decoration: none; }
.verband-brand img { width: 68px; height: 68px; object-fit: contain; flex: 0 0 auto; background: rgba(255,255,255,.92); border-radius: 50%; padding: 3px; }
.verband-brand strong, .verband-brand small { display: block; line-height: 1.2; }
.verband-brand strong { font-family: Georgia, 'Times New Roman', serif; font-size: clamp(1.15rem, 2vw, 1.65rem); }
.verband-brand small { margin-top: 4px; color: #f4dfad; font-size: .93rem; }
.verband-menu { display: flex; align-items: center; gap: 2px; margin: 0; padding: 0; list-style: none; }
.verband-menu a { display: block; padding: 10px 13px; color: #fffdf8; text-decoration: none; font-weight: 700; border-radius: 3px; white-space: nowrap; }
.verband-menu a:hover, .verband-menu a:focus, .verband-menu .current-menu-item a { background: rgba(216,174,85,.22); outline: none; }
.verband-nav-toggle { display: none; width: 44px; height: 44px; border: 1px solid rgba(255,255,255,.65); border-radius: 3px; background: transparent; }
.verband-nav-toggle span:not(.screen-reader-text) { display: block; width: 22px; height: 2px; margin: 5px auto; background: #fff; }
.verband-main { min-height: 58vh; padding: clamp(34px, 6vw, 76px) 18px; background: var(--paper); }
.verband-page { width: min(100%, 1040px); margin: auto; }
.verband-page-title { padding-bottom: 22px; border-bottom: 1px solid var(--line); }
.verband-page-title h1 { margin: 0; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(2rem, 5vw, 3.5rem); line-height: 1.1; color: var(--wine); }
.verband-kicker { margin: 0 0 8px; color: var(--red); font-weight: 700; text-transform: uppercase; letter-spacing: .12em; font-size: .78rem; }
.verband-content { max-width: 880px; padding-top: 30px; font-size: 1.05rem; }
.verband-content h2 { margin-top: 2.2em; font-family: Georgia, 'Times New Roman', serif; color: var(--wine); }
.verband-lead { font-size: 1.3rem; line-height: 1.55; color: #453832; }
.verband-hero { padding: clamp(25px, 5vw, 54px); background: linear-gradient(135deg, #f7efe0, #fffdf8); border-inline-start: 5px solid var(--gold); }
.verband-building { width: min(100%, 700px); margin: clamp(5px, 3vw, 28px) auto; padding: clamp(14px, 4vw, 42px) 18px; text-align: center; }
.verband-building-logo { display: block; width: min(100%, 300px); height: auto; margin: 0 auto clamp(20px, 4vw, 34px); }
.verband-building h1 { margin: 0; color: var(--wine); font-family: Georgia, 'Times New Roman', serif; font-size: clamp(2.25rem, 7vw, 4.5rem); font-weight: 400; letter-spacing: .025em; line-height: 1.04; }
.verband-building-rule { width: 68px; height: 3px; margin: 28px auto; background: var(--red); }
.verband-building-intro { max-width: 560px; margin: auto; color: var(--muted); font-size: clamp(1.1rem, 2.6vw, 1.3rem); }
.verband-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 26px; }
.verband-grid section, .verband-post { padding: 22px; background: #fff; border: 1px solid var(--line); box-shadow: 0 7px 22px rgba(45,25,15,.06); }
.verband-grid h2, .verband-post h2 { margin-top: 0; color: var(--wine); font-family: Georgia, 'Times New Roman', serif; }
.verband-button { display: inline-block; padding: 11px 17px; border: 0; border-radius: 3px; background: var(--red); color: #fff; text-decoration: none; font-weight: 700; cursor: pointer; }
.verband-button:hover, .verband-button:focus { background: var(--wine); color: #fff; }
.verband-form { display: grid; gap: 16px; max-width: 680px; margin-top: 26px; padding: 24px; background: #f8f4ed; border: 1px solid var(--line); }
.verband-form label { display: grid; gap: 5px; font-weight: 700; }
.verband-form input, .verband-form textarea { width: 100%; padding: 10px; border: 1px solid #bcb2a7; border-radius: 3px; background: #fff; font: inherit; }
.verband-form input:focus, .verband-form textarea:focus { outline: 3px solid rgba(216,174,85,.45); border-color: var(--wine); }
.verband-honeypot { position: absolute !important; left: -9999px; }
.verband-message { padding: 12px 15px; border-radius: 3px; font-weight: 700; }
.verband-message.is-success { background: #e5f4e9; color: var(--green); }.verband-message.is-error { background: #fbe9e8; color: #991f18; }
.verband-footer { background: var(--wine-deep); border-top: 4px solid var(--gold); color: #fff8ec; }
.verband-footer-inner { width: min(1180px, calc(100% - 36px)); margin: auto; padding: 38px 0; display: grid; grid-template-columns: 1.2fr 1fr .7fr; gap: 30px; }
.verband-footer h2, .verband-footer p { margin: 0 0 8px; font-size: 1rem; }.verband-footer a { color: #f4d99e; }.verband-footer nav { display: grid; align-content: start; gap: 8px; }.verband-footer-meta { padding: 12px 18px; text-align: center; color: #d8c6ae; background: #140605; font-size: .9rem; }
@media (max-width: 820px) { .verband-header-inner { min-height: 88px; }.verband-nav-toggle { display: block; }.verband-nav { position: absolute; inset: 100% 0 auto; display: none; padding: 8px 18px 16px; background: var(--wine-deep); border-bottom: 3px solid var(--gold); }.verband-nav.is-open { display: block; }.verband-menu { display: grid; }.verband-menu a { padding: 10px; }.verband-grid, .verband-footer-inner { grid-template-columns: 1fr; }.verband-emblem { width: 66vw; opacity: .1; } }
@media (max-width: 480px) { .verband-header-inner { width: min(100% - 26px, 1180px); gap: 10px; }.verband-brand img { width: 52px; height: 52px; }.verband-brand strong { font-size: 1rem; }.verband-brand small { font-size: .78rem; }.verband-main { padding-inline: 13px; } }