/*
Theme Name: Charitysmoker Andorf
Author: Charitysmoker
Description: Vereinswebsite für Charitysmoker aus Andorf. Inhalte und Bilder unter Design > Customizer.
Version: 6.5.0
Requires at least: 6.4
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: charitysmoker
*/
@font-face{font-family:Barlow;src:url('assets/BarlowCondensed-Black.ttf') format('truetype');font-weight:900;font-display:swap}
:root{--bg:#1b1e1c;--ink:#eeeae2;--muted:#bec2bc;--line:#444a42;--accent:#d88a6b;--display:Barlow,'Arial Narrow',sans-serif}
*{box-sizing:border-box}html{scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.8 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,p,figure{margin:0}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}img{max-width:100%;height:auto;display:block}.wrap{width:min(1120px,calc(100% - 96px));margin-inline:auto}.section{padding-block:90px}.eyebrow{font-size:14px;font-weight:400;color:var(--accent);line-height:1.5;margin-bottom:20px}.skip{position:absolute;left:18px;top:-100px;background:var(--ink);color:var(--bg);padding:12px;z-index:20}.skip:focus{top:15px}.header{position:absolute;inset:0 0 auto;z-index:5;min-height:116px;padding:12px 5%;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid #ffffff1b}.brand{display:block}.brand img{width:142px;height:auto;max-height:92px;object-fit:contain}.header nav{display:flex;gap:35px;font-size:15px;align-items:center}.header nav a{padding-block:10px}.header nav a:hover{text-decoration:underline;text-underline-offset:7px}.admin-bar .header{top:32px}
.hero{position:relative;isolation:isolate;min-height:720px;padding:168px 7% 72px;background:#1a1f1b}.hero-photo{position:absolute;inset:0 0 0 32%;z-index:-1;overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:46% 66%;filter:saturate(.65) brightness(.75)}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1a1f1b,#1a1f1be0 12%,#1a1f1b11 57%),linear-gradient(0deg,#1a1f1b99,transparent 48%,#1a1f1b70)}.hero-place{font-size:15px;color:#c9d0c6;margin-bottom:24px}h1{font:900 clamp(3.7rem,6.4vw,6.1rem)/1.03 var(--display);letter-spacing:-.015em;max-width:490px;text-wrap:balance}.hero-bottom{margin-top:30px}.hero-intro{max-width:370px}.hero-intro>p{font-size:17px;line-height:1.8;color:#d5dacf}.arrow-link{display:inline-block;font-size:15px;text-decoration:underline;text-underline-offset:6px;text-decoration-color:#8e988a;margin-top:24px;padding-block:5px}.arrow-link:hover{text-decoration-color:var(--accent)}h2{font:600 clamp(1.8rem,3.2vw,2.8rem)/1.2 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;letter-spacing:-.035em;text-wrap:balance}.story-top{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:baseline;margin-bottom:35px}.story-top .eyebrow{margin:0}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.food img{width:100%;aspect-ratio:1.28;object-fit:cover}.food figcaption{font-size:13px;line-height:1.5;color:var(--muted);margin-top:12px}.body-copy{font-size:18px;line-height:1.85;color:var(--muted)}.story-copy{padding-top:0}.story-copy .arrow-link{margin-top:25px}.machine{width:min(1120px,calc(100% - 96px));margin-inline:auto;padding-block:65px 90px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:center}.machine-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center}.machine-inner.wrap{width:100%;margin:0}.machine-title .eyebrow{margin-bottom:17px}.machine h2{margin-bottom:25px}.machine-spec>p{font-size:17px;line-height:1.8;color:var(--muted)}.event-section{border-top:1px solid var(--line)}.event-header{margin-bottom:32px}.event-header .eyebrow{font-size:14px;margin-bottom:14px;color:var(--muted)}.event-ticket{display:grid;grid-template-columns:1.65fr .8fr;gap:9%;align-items:start}.ticket-info{padding:5px 0}.ticket-date{border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:23px}.ticket-date>strong{font-size:18px;font-weight:500;color:var(--accent)}.venue{font-size:16px;margin-bottom:18px;color:var(--muted)}.ticket-info .body-copy{font-size:17px;max-width:560px}.solid-link{display:inline-block;border:1px solid #697365;padding:11px 18px;font-size:14px;margin-top:26px}.solid-link:hover{border-color:var(--accent)}.ticket-poster{justify-self:end;max-width:235px}.ticket-poster img{width:100%;height:auto}.contact{background:#252c26;padding-block:65px 55px;border-top:1px solid #404a3e}.contact .eyebrow{color:var(--muted);margin-bottom:14px}.contact-title{display:block;width:fit-content}.contact-title h2{font-size:clamp(2.1rem,4.5vw,4rem);letter-spacing:-.04em}.contact-details{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:33px;font-size:17px;flex-wrap:wrap}.contact-details .email{font-size:20px;letter-spacing:-.025em}.contact-details>div{display:flex;gap:25px;font-size:15px}.contact-details a{text-underline-offset:5px}.contact-details a:hover{text-decoration:underline}.footer{padding-block:27px;display:flex;justify-content:space-between;align-items:center;gap:25px;color:var(--muted);font-size:12px}.footer ul{display:flex;gap:20px;list-style:none;padding:0}.page-content{padding-block:160px 80px;min-height:70vh;max-width:900px;overflow-wrap:anywhere}.page-content h1{font-size:3.6rem;max-width:none;margin-bottom:35px}.page-content h2{margin-block:30px 20px}.page-content p{margin-block:20px}.page-content a{text-decoration:underline}
@media(max-width:1050px){.wrap,.machine{width:calc(100% - 64px)}.hero{padding-inline:6%;min-height:670px}.hero h1{max-width:425px}.hero-intro{max-width:335px}.hero-photo{left:28%}.story-grid,.story-top{gap:7%}.story-copy .body-copy{font-size:17px}.machine{gap:6%}.contact-details>div{margin-left:auto}}
@media(max-width:700px){.wrap,.machine{width:calc(100% - 40px)}.header{min-height:94px;padding:10px 20px;gap:24px}.brand img{width:105px;max-height:70px}.header nav{gap:18px;font-size:14px}.header nav a:nth-child(2){display:none}.admin-bar .header{top:46px}.hero{min-height:0;padding:136px 24px 55px}.hero-photo{inset:0}.hero-photo img{object-position:49% center;filter:saturate(.55) brightness(.49)}.hero-photo:after{background:linear-gradient(90deg,#1a1f1b99,#1a1f1b22),linear-gradient(0deg,#1a1f1bd9,transparent 65%)}.hero-place{font-size:14px;margin-bottom:22px}.hero h1{font-size:clamp(3.5rem,13vw,4.5rem);max-width:340px}.hero-intro{max-width:330px}.hero-intro>p{font-size:16px;color:#e1e4dd}.hero-bottom{margin-top:27px}.arrow-link{font-size:15px;margin-top:22px}.section{padding-block:55px}h2{font-size:2rem;line-height:1.25}.eyebrow{font-size:14px}.story-top{display:block;margin-bottom:25px}.story-top .eyebrow{margin-bottom:15px}.story-grid{display:flex;flex-direction:column;gap:27px}.story-copy{order:0}.food{order:1;margin-top:4px}.food img{aspect-ratio:1.28}.body-copy,.story-copy .body-copy{font-size:17px}.machine{display:flex;flex-direction:column;gap:28px;padding-block:48px 55px;align-items:stretch}.machine-inner{order:0}.machine-photo{order:1}.machine h2{margin-bottom:20px}.machine-photo img{aspect-ratio:4/3}.event-header{margin-bottom:28px}.event-ticket{grid-template-columns:1fr;gap:32px}.ticket-date>strong{font-size:17px}.ticket-poster{justify-self:start;max-width:235px}.ticket-info .body-copy{font-size:17px}.contact{padding-block:48px 38px}.contact-title h2{font-size:2.6rem}.contact-details{flex-direction:column;align-items:flex-start;gap:18px;margin-top:24px;font-size:17px}.contact-details .email{font-size:20px;overflow-wrap:anywhere;max-width:100%}.contact-details>div{margin-left:0;font-size:15px;gap:28px}.footer{flex-wrap:wrap;gap:15px;font-size:12px}.footer>a{margin-left:auto}}

/* BBQ direction: broad photography, warm paper and straightforward typography. */
:root{--bg:#17191a;--ink:#f5f0e6;--muted:#c6c3bc;--line:#474642;--accent:#cf6849}
.header{position:relative;min-height:112px;background:#17191a;border-bottom:0;padding-inline:5%}.admin-bar .header{top:0}.header nav a:last-child{border:1px solid #b65c40;padding:10px 22px}.hero{min-height:610px;padding:120px 6% 76px;display:flex;flex-direction:column;justify-content:center;background:#17191a}.hero-photo{inset:0}.hero-photo img{object-position:center 59%;filter:saturate(.8) brightness(.64)}.hero-photo:after{background:linear-gradient(90deg,#111314a6,#11131415),linear-gradient(0deg,#1113146b,transparent 65%)}.hero-place{color:#f5f0e6;text-transform:uppercase;letter-spacing:.17em;font-size:13px;font-weight:600;margin-bottom:20px}.hero h1{max-width:800px;font-size:clamp(3.8rem,6.8vw,6rem);text-transform:uppercase;line-height:.99;text-wrap:balance;letter-spacing:0}.hero-bottom{margin-top:28px}.hero-intro{max-width:590px}.hero-intro>p{color:#f5f0e6;font-size:18px;line-height:1.7}.hero .arrow-link{background:#b95032;color:white;text-decoration:none;padding:12px 24px;font-weight:600;font-size:15px;margin-top:27px}.hero .arrow-link:hover{background:#9d432b}h2{font-family:var(--display);font-weight:900;text-transform:uppercase;letter-spacing:.01em;font-size:clamp(2.3rem,4vw,3.3rem);line-height:1.08}.story.wrap{width:100%;background:#eee9df;color:#252422;padding:76px max(6%,calc((100vw - 1120px)/2))}.story .body-copy{color:#53504b}.story .eyebrow{color:#a14c32;font-weight:600;letter-spacing:.1em;font-size:12px}.story .food figcaption{color:#666158}.story-top{grid-template-columns:1fr 1fr;align-items:end;margin-bottom:30px}.story-top h2{max-width:400px}.story .arrow-link{text-decoration-color:#a14c32}.machine{padding-block:76px;border-top:0}.machine h2{max-width:350px}.event-section{padding-block:66px}.contact{background:#242322}.contact-title h2{letter-spacing:.01em}.contact .eyebrow{color:#d3a38d}.footer{padding-block:24px}
@media(max-width:700px){.header{min-height:94px;padding:10px 20px}.header nav{gap:15px;font-size:13px}.header nav a:last-child{padding:8px 12px}.hero{min-height:590px;padding:72px 24px 54px}.hero h1{font-size:clamp(3.2rem,13.5vw,4.5rem);max-width:370px}.hero-photo img{object-position:56% center;filter:saturate(.8) brightness(.5)}.hero-intro>p{font-size:16px}.hero-place{font-size:11px;letter-spacing:.14em}.hero .arrow-link{font-size:14px;padding:11px 18px}.story.wrap{padding:48px 24px}.story-top{display:block}.story-top h2{max-width:320px}h2{font-size:2.6rem}.machine{padding-block:48px}.event-section{padding-block:48px}.contact-title h2{font-size:2.8rem}}

.machine-sponsors{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}.machine-sponsors h3{margin:0 0 10px;font-size:14px;font-weight:600;color:var(--accent)}.machine-sponsors p{font-size:16px;line-height:1.75;color:var(--ink)}

.build-story{border-top:1px solid var(--line);padding-top:60px}.build-story>h2{margin-bottom:36px}.build-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.build-grid img{width:100%;aspect-ratio:4/3;object-fit:cover}.build-grid h3{font-size:21px;line-height:1.3;margin:23px 0 14px}.build-grid p{font-size:16px;line-height:1.8;color:var(--muted)}@media(max-width:700px){.build-grid{grid-template-columns:1fr;gap:38px}.build-story{padding-top:45px}.build-grid h3{margin-top:20px}}

.build-timeline{list-style:none;padding:0;margin:0 0 65px}.build-timeline li{display:grid;grid-template-columns:220px 1fr;gap:36px;padding:28px 0;border-top:1px solid var(--line)}.build-timeline .history-label{color:var(--accent);font-size:14px;padding-top:4px}.build-timeline h3{font-size:24px;line-height:1.3;margin:0 0 14px}.build-timeline li div>p{color:var(--muted);font-size:17px;max-width:740px}.build-timeline li:last-child{border-bottom:1px solid var(--line)}@media(max-width:700px){.build-timeline li{grid-template-columns:1fr;gap:12px;padding:25px 0}.build-timeline h3{font-size:22px}.build-timeline{margin-bottom:40px}}

.history-photo{margin-top:24px}.history-photo img{max-height:440px;width:auto;max-width:100%;object-fit:contain}.history-photo figcaption{font-size:12px;color:var(--muted);margin-top:9px;line-height:1.6}@media(max-width:700px){.history-photo img{max-height:420px}}

/* Baugeschichte ohne Datumsspalte. */
.build-timeline li{display:block}.build-timeline li>div{max-width:900px}

/* Warm, open homepage with original event photography. */
:root{--bg:#faf7f0;--ink:#2c3029;--muted:#606358;--line:#d9d7ca;--accent:#9c482e}
.header{background:#faf7f0;border-bottom:1px solid var(--line);min-height:112px}.brand img{filter:brightness(0)}
.welcome{display:grid;grid-template-columns:.85fr 1.3fr;gap:6%;align-items:center;padding-block:64px 72px}.welcome h1{font-size:clamp(3.4rem,5.3vw,5.5rem);text-transform:uppercase;max-width:470px;line-height:1.02}.welcome-copy>p:not(.eyebrow){max-width:440px;margin-top:26px;line-height:1.8}.welcome .solid-link{background:#9c482e;color:#fff;border-color:#9c482e;padding:12px 23px}.welcome .eyebrow{font-size:12px;letter-spacing:.12em;font-weight:600}.photo-slider{min-width:0;position:relative}.slide img{width:100%;aspect-ratio:4/3;object-fit:cover}.slide figcaption{font-size:13px;padding:15px 125px 0 0;min-height:55px;color:var(--muted)}.slider-controls{position:absolute;right:0;bottom:0;display:flex;gap:13px;align-items:center;font-size:13px}.slider-controls button{width:37px;height:37px;border:1px solid #bdbdaf;background:transparent;color:var(--ink);font:20px Arial;cursor:pointer}.slider-controls button:hover{background:#e8e6db}button:focus-visible,.photo-slider:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}
.story.wrap{background:#e9eddf}.story-top{margin-bottom:35px}.machine{background:transparent}.contact{background:#e9eddf;border-color:var(--line)}.contact .eyebrow{color:var(--accent)}.contact-details,.contact-details .email,.contact-title{color:var(--ink)}.footer{color:var(--muted)}.build-story{border:0}.build-story>h1{max-width:900px;text-transform:uppercase;font-size:clamp(3rem,6vw,5rem)}.build-intro{max-width:680px;color:var(--muted);margin:24px 0 50px}.history-photo img{max-height:540px}.build-timeline li{padding-block:40px}
@media(max-width:900px){.header{gap:20px;flex-wrap:wrap;justify-content:center}.header nav{flex-wrap:wrap;justify-content:center;gap:12px 24px}.welcome{grid-template-columns:1fr;gap:35px;padding-block:38px 45px}.welcome h1{max-width:650px}.welcome-copy>p:not(.eyebrow){max-width:600px}.welcome .solid-link{margin-top:20px}.brand img{width:105px}.header nav a:last-child{padding:7px 12px}}
@media(max-width:700px){.welcome{width:calc(100% - 40px)}.welcome h1{font-size:3.6rem}.header nav{font-size:12px;gap:5px 17px}.header{padding:15px 18px}.slide figcaption{font-size:12px}.build-story>h1{font-size:3.2rem}}

@media(max-width:700px){.header nav a{display:inline-block!important}.header nav{row-gap:10px}}

/* Event-focused neutral palette. */
:root{--bg:#f5f5f4;--ink:#26292b;--muted:#5b6063;--line:#d6d8d9;--accent:#a1442d}
.header{background:#f5f5f4}.welcome{padding-block:62px;grid-template-columns:.9fr 1.3fr;gap:5%}.welcome h1{font:700 clamp(2.8rem,4.6vw,4.6rem)/1.08 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;letter-spacing:-.055em;text-transform:none}.welcome .eyebrow{letter-spacing:.08em}.welcome-copy>p.hero-note{font-size:13px;color:var(--muted);margin-top:16px;max-width:350px}.welcome .solid-link{background:#a1442d;border-color:#a1442d}.story.wrap,.contact{background:#e9eaeb}.story .body-copy,.story .food figcaption{color:var(--muted)}h2,.contact-title h2{font:650 clamp(1.9rem,3.2vw,3rem)/1.16 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;letter-spacing:-.04em;text-transform:none}.charity-strip{background:#303538;color:#fff;padding:28px 0}.charity-strip .wrap{display:flex;align-items:center;gap:50px}.charity-strip strong{font-size:clamp(1.4rem,2.5vw,2rem);letter-spacing:-.03em}.charity-strip p{font-size:16px;line-height:1.6;color:#eef0f1}.offer-heading{max-width:730px}.offer-heading>p:last-child{color:var(--muted);margin-top:22px;max-width:640px}.offer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:48px}.offer-columns article{border-top:1px solid var(--line);padding-top:22px}.offer-columns span{font-size:11px;letter-spacing:.1em;color:var(--accent);font-weight:650}.offer-columns h3{font-size:21px;margin:12px 0}.offer-columns p{font-size:16px;color:var(--muted)}.booking{background:#e4e6e7}.booking-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:9%}.booking h2{margin-bottom:24px}.booking-note{font-size:14px;color:var(--muted);margin-top:20px}.event-inquiry label{display:block;font-size:14px;font-weight:600}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.event-inquiry input,.event-inquiry textarea{display:block;width:100%;border:1px solid #a8adb0;background:#fff;color:#26292b;padding:12px;margin-top:7px;border-radius:0;font-size:16px;line-height:1.5;font-family:inherit}.event-inquiry input:focus-visible,.event-inquiry textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.event-inquiry button{background:#a1442d;color:white;border-color:#a1442d;font-weight:600;font-size:14px;line-height:1.5;font-family:inherit;cursor:pointer;padding:15px 20px;margin-top:20px}.form-note{font-size:12px;color:#555b60;line-height:1.6;margin-top:15px}.solid-link:hover{background:#833721;color:white}.event-section{padding-block:48px}.event-header h2{font-size:2rem}
@media(max-width:900px){.welcome{grid-template-columns:1fr}.welcome h1{max-width:650px}.booking-grid{grid-template-columns:1fr;gap:35px}.offer-columns{gap:25px}}
@media(max-width:700px){.welcome h1{font-size:3.1rem}.charity-strip .wrap{display:block}.charity-strip p{margin-top:10px}.offer-columns{grid-template-columns:1fr;gap:28px;margin-top:30px}.form-grid{grid-template-columns:1fr}.section{padding-block:50px}.booking .wrap{width:calc(100% - 40px)}.header nav{gap:8px 16px}.contact-title h2{font-size:2rem}}

/* Rounded rust-orange buttons and charcoal navigation. */
:root{--button-rust:#a84d25;--button-rust-hover:#893c1c}
.header{background:#383d40;border-bottom:1px solid #4d5357;color:#fff}.header .brand img{filter:brightness(0) invert(1)}.header nav a{color:#fff}.header nav a:hover{color:#fff}.header nav a:focus-visible{outline-color:#fff}
.solid-link,.welcome .solid-link,.event-inquiry button,.header nav a.nav-contact,.slider-controls button{background:var(--button-rust);border:1px solid var(--button-rust);border-radius:10px;color:#fff}
.solid-link:hover,.welcome .solid-link:hover,.event-inquiry button:hover,.header nav a.nav-contact:hover,.slider-controls button:hover{background:var(--button-rust-hover);border-color:var(--button-rust-hover);color:#fff;text-decoration:none}

.slide figcaption{padding-right:175px}.slider-controls{gap:10px}

/* Original vector locomotive and lettering, arranged side by side. */
.header .brand{flex:0 1 440px;min-width:0}.header .brand img{width:440px;max-height:none;height:auto;filter:none}.header nav{flex-shrink:0}
@media(max-width:1150px){.header{gap:20px;flex-wrap:wrap;justify-content:center}.header .brand{flex:0 1 420px}.header nav{flex-wrap:wrap;justify-content:center;gap:12px 24px}}
@media(max-width:700px){.header .brand{flex-basis:350px}.header .brand img{width:100%}.header{gap:12px;padding-block:16px}.header nav{font-size:13px;gap:8px 16px}}

/* Event photos: portrait-aware framing, quiet captions and a separate control bar. */
.welcome{grid-template-columns:1fr 1.05fr;gap:7%}.photo-slider{width:100%;max-width:560px;justify-self:end}.slider-stage{border-radius:16px;overflow:hidden;background:#383d40}.slide{position:relative}.slide img{height:560px;aspect-ratio:auto;object-fit:cover;object-position:center}.slide:nth-child(2) img{object-position:center 63%}.slide figcaption{position:absolute;inset:auto 0 0;padding:70px 24px 24px;min-height:0;background:linear-gradient(transparent,rgba(0,0,0,.78));color:white;font-size:15px;line-height:1.5}.slide:not([hidden]){animation:slide-reveal .6s ease-out}.slider-controls{position:static;display:flex;gap:8px;padding-top:16px;font-variant-numeric:tabular-nums}.slider-label{font-size:12px;color:var(--muted);margin-right:auto}.slider-controls [data-slide-status]{font-size:12px;margin-right:8px}.slider-controls button{width:36px;height:36px;font-size:18px}.slider-controls [data-playback]{background:transparent;color:var(--ink);border-color:var(--line)}
@keyframes slide-reveal{from{opacity:.35}to{opacity:1}}
@media(max-width:900px){.welcome{grid-template-columns:1fr}.photo-slider{max-width:600px;justify-self:center}.slide img{height:600px}}
@media(max-width:700px){.slide img{height:auto;aspect-ratio:3/4}.slide figcaption{padding:60px 18px 20px;font-size:14px}.slider-label{max-width:105px;line-height:1.4}.slider-stage{border-radius:12px}.slider-controls{gap:7px}.slider-controls [data-slide-status]{margin-right:3px}}
@media(prefers-reduced-motion:reduce){.slide:not([hidden]){animation:none}}