/*
Theme Name: Kreuzritter Lahr v14
Theme URI: https://pfadfinder-lahr.de
Author: Benjamin Blanke
Description: Modernes, responsives Theme für den CPD Stamm Kreuzritter Lahr.
Version: 1.0.6
*/
:root{--night:#10251d;--pine:#1c4737;--leaf:#b7c9a8;--cream:#f4f0e5;--paper:#fbfaf6;--orange:#dc7e43;--ink:#17251f;--muted:#64736a;--line:#dfe5dc;--shadow:0 22px 60px rgba(16,37,29,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;padding:18px 5vw;display:flex;align-items:center;justify-content:space-between;color:#fff;transition:.35s;background:linear-gradient(180deg,rgba(9,26,19,.66),transparent)}.site-header.scrolled{background:rgba(16,37,29,.96);padding-top:12px;padding-bottom:12px;box-shadow:0 10px 30px #091a1230}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.04em;font-size:18px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff99;border-radius:50%;font-size:17px}.main-nav{display:flex;align-items:center;gap:28px;font-size:13px}.main-nav a{opacity:.85;transition:.2s}.main-nav a:hover{opacity:1;color:var(--leaf)}.menu-toggle{display:none;border:0;background:transparent;color:#fff;font-size:27px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:14px 20px;border:0;border-radius:2px;background:var(--orange);color:#fff;font-size:13px;font-weight:750;transition:transform .25s,background .25s;cursor:pointer}.button:hover{transform:translateY(-3px);background:#ed955d}.button.alt{background:transparent;border:1px solid #ffffff88}.button.dark{background:var(--night)}.hero{min-height:780px;display:grid;align-items:center;position:relative;overflow:hidden;color:#fff}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,#0d241bcf 0%,#0d241b66 48%,#0d241b29),url('https://images.unsplash.com/photo-1504280390367-361c6d9f38f4?auto=format&fit=crop&w=2400&q=88') center/cover;animation:heroZoom 18s ease-in-out infinite alternate}.hero-content{position:relative;z-index:1;width:min(720px,90%);margin:100px 0 0 10vw;animation:rise .9s both}.kicker{text-transform:uppercase;letter-spacing:.2em;font-weight:800;font-size:11px;color:var(--leaf);margin:0 0 22px}.hero h1{font-family:Georgia,serif;letter-spacing:-.06em;line-height:.95;font-size:clamp(58px,9vw,122px);margin:0}.hero h1 em{font-style:normal;color:var(--orange)}.hero p.lead{max-width:485px;color:#e8efe6;font-size:18px;margin:30px 0}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-stamp{position:absolute;right:7vw;bottom:75px;z-index:1;display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.13em;font-size:10px;color:#e8efe6}.hero-stamp b{display:grid;place-items:center;border:1px solid #ffffff99;border-radius:50%;width:51px;height:51px;font-size:22px}.section{padding:115px 10vw}.intro{display:grid;grid-template-columns:1fr 1.1fr;gap:11vw;align-items:start}.section-kicker{color:var(--orange);letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:800}.section h2{font-family:Georgia,serif;letter-spacing:-.05em;line-height:1.03;font-size:clamp(39px,5vw,68px);margin:12px 0 25px}.section h2 em{color:var(--pine);font-style:normal}.intro-copy{max-width:535px;color:var(--muted);font-size:17px;margin-top:20px}.intro-copy p{margin:0 0 18px}.link-arrow{color:var(--pine);font-weight:800;font-size:13px}.cards-section{background:#e9efe6}.heading-row{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.heading-row h2{margin-bottom:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:var(--paper);box-shadow:var(--shadow);overflow:hidden;transition:transform .45s,box-shadow .45s}.card:hover{transform:translateY(-10px) rotate(.3deg);box-shadow:0 30px 75px #10251d25}.card-image{height:255px;background:center/cover;position:relative}.card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,#10251d45)}.card-image.one{background-image:url('https://images.unsplash.com/photo-1529156069898-49953e39b3ac?auto=format&fit=crop&w=1000&q=85')}.card-image.two{background-image:url('https://images.unsplash.com/photo-1529390079861-591de354faf5?auto=format&fit=crop&w=1000&q=85')}.card-image.three{background-image:url('https://images.unsplash.com/photo-1504150558240-0b4fd8946624?auto=format&fit=crop&w=1000&q=85')}.card-body{padding:25px}.card-body h3{font-family:Georgia,serif;font-size:28px;margin:0 0 9px}.card-body p{color:var(--muted);font-size:14px;margin:0}.number{color:var(--orange);font-size:12px;font-weight:800;letter-spacing:.1em}.feature{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.feature-image{min-height:530px;background:url('https://images.unsplash.com/photo-1524498250077-390f9e378fc0?auto=format&fit=crop&w=1400&q=85') center/cover;box-shadow:var(--shadow)}.feature-list{border-top:1px solid var(--line);margin-top:35px}.feature-list div{display:flex;gap:22px;padding:18px 0;border-bottom:1px solid var(--line);font-size:14px}.feature-list b{color:var(--orange);font-size:12px}.event-section{background:var(--night);color:#fff}.event-section h2{color:#fff}.event-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:70px}.event-list{border-top:1px solid #ffffff2b}.event{display:grid;grid-template-columns:75px 1fr auto;align-items:center;gap:20px;padding:19px 0;border-bottom:1px solid #ffffff2b}.event-date{color:var(--leaf);text-transform:uppercase;font-size:11px;letter-spacing:.1em}.event h3{margin:0;font-family:Georgia,serif;font-size:21px}.event p{margin:2px 0 0;color:#adbdaf;font-size:12px}.event-arrow{color:var(--orange);font-size:21px}.quote{text-align:center;background:var(--cream)}.quote blockquote{max-width:800px;margin:0 auto 18px;font-family:Georgia,serif;font-size:clamp(28px,4.2vw,55px);line-height:1.08;letter-spacing:-.04em}.quote small{color:var(--muted)}.cta{background:var(--orange);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{margin:0}.cta .button{background:var(--night)}.site-footer{background:#0c1c15;color:#adc0b0;padding:55px 10vw 25px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px}.site-footer .brand{color:#fff}.site-footer .brand-mark{border-color:#adc0b0}.site-footer p{font-size:13px;margin:8px 0}.footer-links{display:flex;gap:20px;justify-content:flex-end;font-size:12px}.copyright{grid-column:1/-1;border-top:1px solid #ffffff24;padding-top:18px;color:#718876;font-size:11px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@keyframes rise{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes heroZoom{from{transform:scale(1)}to{transform:scale(1.08)}}@media(max-width:760px){.site-header{padding:14px 7vw}.menu-toggle{display:block}.main-nav{display:none;position:absolute;left:0;right:0;top:62px;padding:22px 7vw;background:var(--night);flex-direction:column;align-items:stretch;gap:18px}.main-nav.open{display:flex}.hero{min-height:720px}.hero-content{margin:100px 8vw 0}.hero h1{font-size:68px}.hero p.lead{font-size:15px}.hero-stamp{display:none}.section{padding:75px 8vw}.intro,.feature,.event-grid{grid-template-columns:1fr;gap:35px}.cards{grid-template-columns:1fr}.card-image{height:240px}.heading-row{align-items:start;flex-direction:column;gap:10px}.feature-image{min-height:360px;order:2}.feature-copy{order:1}.event{grid-template-columns:60px 1fr auto}.cta{align-items:start;flex-direction:column}.site-footer{grid-template-columns:1fr;padding:45px 8vw 20px}.footer-links{justify-content:flex-start}.copyright{grid-column:auto}}
.brand-logo{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--orange);box-shadow:0 6px 18px #dc7e4355}.brand-logo svg{width:25px;height:25px;fill:none;stroke:#fff;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.brand>span:last-child{display:flex;flex-direction:column;line-height:.95}.brand>span:last-child strong{font-size:16px}.brand>span:last-child small{font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:var(--leaf);margin-top:5px}.scroll-cue{position:absolute;bottom:30px;left:10vw;z-index:2;display:flex;align-items:center;gap:9px;color:#dbe6dc;text-transform:uppercase;letter-spacing:.15em;font-size:9px}.scroll-cue span{width:24px;height:38px;border:1px solid #fff9;border-radius:20px;position:relative}.scroll-cue span:after{content:"";position:absolute;width:3px;height:7px;left:9px;top:8px;border-radius:5px;background:var(--orange);animation:scrollDot 1.7s infinite}.blog-section{background:#f5f1e7}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.blog-card{background:var(--paper);box-shadow:var(--shadow);transition:transform .4s}.blog-card:hover{transform:translateY(-8px)}.blog-thumb{display:block;height:210px;background:var(--pine);overflow:hidden}.blog-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.blog-card:hover .blog-thumb img{transform:scale(1.06)}.blog-thumb span{display:grid;place-items:center;height:100%;font-size:45px;color:var(--leaf)}.blog-body{padding:22px}.blog-body small{color:var(--orange);font-size:10px;letter-spacing:.12em}.blog-body h3{font-family:Georgia,serif;font-size:25px;line-height:1.1;margin:9px 0}.blog-body p,.blog-empty p{color:var(--muted);font-size:13px}.blog-empty{grid-column:1/-1;background:var(--paper);padding:45px;text-align:center}.blog-empty span{font-size:35px;color:var(--orange)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:start}.contact-detail{display:flex;align-items:center;gap:12px;color:var(--pine);font-weight:700;font-size:14px;margin-top:30px}.contact-detail span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e9efe6}.contact-card{background:#fff;padding:35px;box-shadow:var(--shadow)}.contact-card h3{font-family:Georgia,serif;font-size:27px;margin:0 0 23px}.contact-card form{display:grid;gap:14px}.contact-card label{display:grid;gap:6px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.contact-card input,.contact-card textarea{width:100%;border:1px solid var(--line);background:#fbfaf6;padding:12px;font:inherit;color:var(--ink);resize:vertical}.contact-card input:focus,.contact-card textarea:focus{outline:2px solid #dc7e4366;border-color:var(--orange)}.form-message{padding:12px;margin-bottom:16px;font-size:13px}.form-message.success{background:#e4f0e4;color:#23572d}.form-message.error{background:#f8e5de;color:#883b2b}@keyframes scrollDot{0%,100%{transform:translateY(0);opacity:.6}50%{transform:translateY(10px);opacity:1}}@media(max-width:760px){.scroll-cue{left:8vw}.blog-grid,.contact-grid{grid-template-columns:1fr}.blog-thumb{height:230px}.contact-card{padding:25px}.brand-logo{width:34px;height:34px}}
.hero-bg{background:#18231d;animation:none}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0c1410d9 0%,#0c141088 45%,#0c141035),radial-gradient(circle at 75% 30%,transparent 0 15%,#0c141044 70%)}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72;filter:saturate(.72) contrast(1.08);z-index:0}.hero-content{animation:fieldIn 1s .2s both}.hero h1{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:-.11em;font-size:clamp(50px,8vw,112px);line-height:.88;text-shadow:5px 5px 0 #0c141066}.hero h1 em{color:#e68c52;font-style:normal;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:8px}.hero p.lead{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;line-height:1.8;border-left:2px solid var(--orange);padding-left:17px}.hero-stamp b{border:2px solid var(--orange);color:var(--orange);animation:stampPulse 3s infinite}.site-header{background:linear-gradient(180deg,#07100cbb,transparent);backdrop-filter:blur(2px)}.site-header.scrolled{background:#111b16f2}.brand-logo{border-radius:3px;background:var(--orange);transform:rotate(-4deg);transition:transform .3s}.brand:hover .brand-logo{transform:rotate(4deg) scale(1.08)}.brand>span:last-child strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.04em}.section{position:relative}.intro,.feature,.contact-section{background:#f1eadb}.intro:before,.feature:before,.contact-section:before{content:"";position:absolute;inset:12px;border:1px solid #22382b22;pointer-events:none}.section h2{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:-.1em;font-size:clamp(34px,4.7vw,64px)}.section h2 em{color:var(--orange);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}.section-kicker,.kicker{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.cards-section{background:#d9e1d4}.cards-section:after{content:"FIELD NOTES / 01";position:absolute;right:10vw;top:32px;font-family:ui-monospace,monospace;color:#536456;font-size:10px}.card{box-shadow:8px 8px 0 #20392b22;border:1px solid #20392b2b;border-radius:0;transform:rotate(var(--tilt,0deg));}.card:nth-child(1){--tilt:-.8deg}.card:nth-child(2){--tilt:.5deg}.card:nth-child(3){--tilt:-.4deg}.card:hover{transform:translateY(-11px) rotate(0deg);box-shadow:12px 17px 0 #20392b30}.card-image{filter:saturate(.75) sepia(.08)}.card-body h3,.event h3,.blog-body h3{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:-.06em}.feature-image{box-shadow:8px 8px 0 #dc7e4355;filter:saturate(.65)}.event-section{background:#16231d}.event-section h2{font-family:ui-monospace,monospace}.event{transition:transform .3s,padding .3s}.event:hover{transform:translateX(10px);padding-left:10px}.blog-section{background:#eee5d3}.blog-card{border:1px solid #20392b2b;border-radius:0;box-shadow:7px 7px 0 #20392b20}.blog-body h3{font-size:20px}.contact-card{border:1px solid #20392b33;border-radius:0;box-shadow:8px 8px 0 #dc7e4355}.contact-card h3{font-family:ui-monospace,monospace;text-transform:uppercase;letter-spacing:-.05em}.button{border-radius:0;text-transform:uppercase;font-family:ui-monospace,monospace;letter-spacing:.04em}.button:hover{transform:translate(3px,-3px);box-shadow:-3px 3px 0 #10251d}.cta{background:var(--orange);background-image:radial-gradient(#fff2 1px,transparent 1px);background-size:13px 13px}.cta h2{font-family:ui-monospace,monospace}.quote{background:#18231d;color:#e9e1d0}.quote small{color:#a6b7a7}.quote blockquote{font-family:Georgia,serif}.site-footer{background:#0a120e}.reveal{transform:translateY(35px) rotate(.6deg)}.reveal.visible{transform:none}@keyframes fieldIn{from{opacity:0;transform:translateX(-25px)}to{opacity:1;transform:none}}@keyframes stampPulse{50%{transform:scale(1.08) rotate(-4deg)}}@media(max-width:760px){.hero-video{opacity:.58}.hero h1{font-size:51px}.hero p.lead{font-size:12px}.intro:before,.feature:before,.contact-section:before{inset:7px}.cards-section:after{right:8vw}.card{transform:none}.feature-image{box-shadow:6px 6px 0 #dc7e4355}}
.page-shell{padding-top:100px;background:#f1eadb;min-height:70vh}.page-hero{background:var(--night);color:#fff;padding:110px 10vw 85px;position:relative;overflow:hidden}.page-hero:after{content:"✦  ✦  ✦";position:absolute;right:10vw;bottom:28px;color:var(--orange);font-size:22px;letter-spacing:15px;transform:rotate(-8deg)}.page-hero h1{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:-.1em;font-size:clamp(48px,7vw,92px);line-height:.95;margin:0;max-width:900px}.page-rule{height:3px;background:var(--orange);width:90px;margin-top:35px}.page-content{max-width:1050px;margin:0 auto;padding:85px 8vw 120px;font-size:17px;color:#526259}.page-content h2{font-family:ui-monospace,monospace;text-transform:uppercase;color:var(--ink);font-size:34px;letter-spacing:-.08em;margin-top:48px}.page-content h3{color:var(--pine);font-size:23px}.page-content p{max-width:760px}.page-content ul{max-width:760px;padding-left:20px}.page-content li{margin:8px 0}.page-intro{font-size:22px;color:var(--ink);margin:0 0 45px}.page-blog-grid{grid-template-columns:repeat(3,1fr)}.post-content{background:#fbfaf6;margin-top:55px;box-shadow:8px 8px 0 #20392b20}.post-content img{margin:24px 0}.post-content a{color:var(--pine);text-decoration:underline;text-underline-offset:3px}.imprint-block{border-left:3px solid var(--orange);padding-left:24px;margin:30px 0;font-size:16px}.legal-note{font-size:13px;color:var(--muted)}@media(max-width:760px){.page-shell{padding-top:68px}.page-hero{padding:75px 8vw 65px}.page-hero h1{font-size:48px}.page-content{padding:60px 8vw 85px;font-size:15px}.page-content h2{font-size:28px}.page-blog-grid{grid-template-columns:1fr}.post-content{margin-top:30px}}
.site-header{padding:18px 6vw;background:rgba(248,248,244,.92);color:var(--ink);backdrop-filter:blur(16px);border-bottom:1px solid #20392b12}.site-header.scrolled{background:rgba(248,248,244,.98);padding-top:13px;padding-bottom:13px}.site-header .brand-logo{width:35px;height:35px;border-radius:50%;transform:none;box-shadow:none}.site-header .brand-logo svg{width:22px;height:22px}.site-header .brand:hover .brand-logo{transform:none}.brand>span:last-child strong{font-family:inherit;text-transform:none;letter-spacing:-.03em}.brand>span:last-child small{color:var(--moss);letter-spacing:.12em}.main-nav a{color:var(--ink);opacity:.72}.main-nav a:hover{color:var(--pine);opacity:1}.main-nav .button{color:#fff;opacity:1}.menu-toggle{color:var(--ink)}.hero{min-height:700px}.hero-bg:after{background:linear-gradient(90deg,#12231dcc 0%,#12231d88 54%,#12231d20)}.hero-video{opacity:.62;filter:saturate(.7) contrast(1.02)}.hero h1{font-family:Georgia,'Times New Roman',serif;text-transform:none;letter-spacing:-.07em;font-size:clamp(56px,8vw,112px);line-height:.92;text-shadow:none}.hero h1 em{text-decoration:none}.hero p.lead{font-family:inherit;font-size:17px;line-height:1.55;border-left:0;padding-left:0}.hero-content{margin-left:9vw}.hero-stamp{font-family:inherit;letter-spacing:.08em}.hero-stamp b{animation:none}.section h2{font-family:Georgia,'Times New Roman',serif;text-transform:none;letter-spacing:-.06em;font-size:clamp(38px,5vw,68px)}.section h2 em{text-decoration:none}.section-kicker,.kicker{font-family:inherit;letter-spacing:.15em}.cards-section{background:#edf0e9}.cards-section:after{display:none}.card{transform:none;box-shadow:0 14px 35px #20392b12;border:1px solid #20392b16}.card:nth-child(1),.card:nth-child(2),.card:nth-child(3){--tilt:0deg}.card:hover{transform:translateY(-6px);box-shadow:0 22px 45px #20392b1c}.card-body h3,.event h3,.blog-body h3{font-family:Georgia,'Times New Roman',serif;text-transform:none;letter-spacing:-.04em}.feature-image{box-shadow:0 18px 45px #20392b18;filter:saturate(.82)}.event-section{background:var(--pine)}.event:hover{transform:none;padding-left:0}.blog-card{border:1px solid #20392b16;box-shadow:0 14px 35px #20392b12}.blog-body h3{font-size:25px}.contact-card{border:1px solid #20392b16;box-shadow:0 14px 35px #20392b12}.contact-card h3{font-family:Georgia,'Times New Roman',serif;text-transform:none;letter-spacing:-.04em}.button{font-family:inherit;text-transform:none;letter-spacing:0;border-radius:3px}.button:hover{transform:translateY(-2px);box-shadow:none}.cta{background:var(--pine);background-image:none}.page-hero h1{font-family:Georgia,'Times New Roman',serif;text-transform:none;letter-spacing:-.07em}.page-hero:after{display:none}.page-rule{height:2px;width:70px}.reveal{transform:translateY(22px) rotate(0)}.page-content{max-width:980px}.page-content h2{font-family:Georgia,'Times New Roman',serif;text-transform:none;letter-spacing:-.04em}.scroll-cue{font-family:inherit;letter-spacing:.1em}@media(max-width:760px){.site-header{background:rgba(248,248,244,.97);padding:13px 6vw}.main-nav{top:62px;background:#f8f8f4;border-top:1px solid #20392b16;box-shadow:0 15px 30px #20392b18}.main-nav a{color:var(--ink)}.main-nav .button{color:#fff}.hero{min-height:680px}.hero-video{display:none}.hero-bg{background:linear-gradient(90deg,#12231dcc,#12231d66),url('https://images.unsplash.com/photo-1504280390367-361c6d9f38f4?auto=format&fit=crop&w=1200&q=78') center/cover}.hero-content{margin:80px 8vw 0}.hero h1{font-size:58px}.hero p.lead{font-size:16px}.hero-actions{gap:10px}.hero-stamp,.scroll-cue{display:none}.section{padding:78px 7vw}.intro:before,.feature:before,.contact-section:before{inset:0;border:0}.section h2{font-size:43px}.heading-row{margin-bottom:32px}.cards{gap:18px}.card-image{height:220px}.feature-image{min-height:320px}.event-grid{gap:28px}.event{grid-template-columns:58px 1fr auto;gap:12px}.event h3{font-size:18px}.site-footer{padding:42px 7vw 22px}.footer-links{flex-wrap:wrap;gap:14px}.page-hero{padding:76px 7vw 62px}.page-hero h1{font-size:54px}.page-content{padding:58px 7vw 80px}.page-blog-grid{gap:18px}}