/*
Theme Name: HDBV – Gemeinsam im Takt
Template: ghostdragons
Description: Bildstarkes Vereinsdesign für den 1. Halleschen Drachenbootverein. Mit editierbaren Blockseiten.
Version: 2.0.8
Text Domain: hdbv-2026
*/
@font-face{font-family:Open Sans;src:url('../ghostdragons/assets/fonts/OpenSans-Variable.ttf') format('truetype');font-weight:300 800;font-display:swap}
@font-face{font-family:Barlow Semi Condensed;src:url('../ghostdragons/assets/fonts/BarlowSemiCondensed-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--ink:#142b2b;--muted:#536361;--red:#b51e32;--paper:#f7f6f2;--line:#d8ded8;--heading:'Barlow Semi Condensed',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.7 'Open Sans',Arial,sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}img{max-width:100%;height:auto;display:block}figure,p,h1,h2,h3{margin:0}h1,h2,h3{font-family:var(--heading);font-weight:700;line-height:1.06;letter-spacing:-.025em}h2{font-size:clamp(36px,4.3vw,60px);margin-bottom:28px}h3{font-size:30px}p{margin-bottom:18px}p:last-child{margin-bottom:0}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #d89a23;outline-offset:5px}::selection{background:#f0bcc5}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.wp-site-blocks>*{margin-block-start:0}.wp-site-blocks{overflow:clip}.skip-link{position:absolute;top:-100px;left:20px;z-index:100;background:white;padding:16px}.skip-link:focus{top:10px}.utility{background:var(--ink);color:#fff;font-size:11px;letter-spacing:.07em;padding:8px 0}.utility .wrap{display:flex;justify-content:space-between;gap:20px}.utility a{color:#e7ece8}.site-header{background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:102px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0;line-height:1.1}.brand:hover{text-decoration:none}.brand-mark{display:flex;align-items:center;justify-content:center;font-family:var(--heading);font-size:44px;background:var(--red);color:white;width:52px;height:62px;clip-path:polygon(0 0,100% 0,100% 83%,50% 100%,0 83%);padding-bottom:6px}.brand small{display:block;font-size:10px;letter-spacing:.14em}.brand strong{display:block;font:700 22px/1.2 var(--heading);letter-spacing:0}.brand small:last-child{font-size:9px;margin-top:4px;letter-spacing:.09em}.site-header nav{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:650}.nav-cta{padding:13px 18px;background:var(--red);color:#fff}.menu-toggle{display:none}.hero{position:relative;min-height:640px;height:min(780px,75vw);isolation:isolate;background:#244341;color:#fff;display:flex;align-items:center}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% center;z-index:-3}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,29,29,.89) 0%,rgba(9,29,29,.59) 43%,rgba(9,29,29,.08) 100%),linear-gradient(0deg,rgba(9,29,29,.55),transparent 35%);z-index:-2}.hero-content{padding:65px 0 100px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.15em;line-height:1.6;text-transform:uppercase;margin-bottom:20px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e9b3b5;margin-right:8px}.hero h1{font-size:clamp(65px,7.4vw,108px);line-height:.98;letter-spacing:-.025em;margin:24px 0 28px}.hero h1 em{font-style:normal;color:#f2b4b4}.hero-content>p:not(.eyebrow){max-width:550px;font-size:15px;color:#f2f3ee;line-height:1.8}.button-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--red);color:#fff;padding:16px 24px;font-size:13px;font-weight:700;line-height:1.5;min-height:52px;border:1px solid transparent;transition:background .2s,transform .2s}.button:hover{text-decoration:none;background:#941528;transform:translateY(-2px)}.button-outline{border-color:#ffffff80;background:transparent}.button-outline:hover{background:#ffffff18}.button-light{background:transparent;color:var(--ink);border-color:#9ca9a3}.button-light:hover{background:#e7eae5}.button-white{color:var(--red);background:white}.button-white:hover{background:#f3e3e5}.hero-caption{position:absolute;bottom:30px;left:48px;font-size:10px;letter-spacing:.12em}.hero-caption span{margin-right:24px;opacity:.65}.hero-scroll{position:absolute;right:48px;bottom:24px;border:1px solid #ffffff70;border-radius:50%;height:42px;width:42px;display:grid;place-items:center}.intro-strip{border-bottom:1px solid var(--line);background:#eceee7}.intro-strip .wrap{display:grid;grid-template-columns:repeat(3,1fr);padding:24px 0;font-size:12px;color:var(--muted)}.intro-strip span{display:flex;gap:8px;justify-content:center;border-right:1px solid #ccd4cb}.intro-strip span:first-child{justify-content:flex-start}.intro-strip span:last-child{border:0;justify-content:flex-end}.intro-strip b{font-weight:750;color:var(--ink)}.section{padding:100px 0}.section .eyebrow{color:var(--red)}.text-link{display:inline-flex;gap:25px;align-items:center;font-size:13px;font-weight:750;border-bottom:1px solid currentColor;padding-bottom:6px;margin-top:15px}.text-link:hover{text-decoration:none;color:var(--red)}.about-section>.wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:0 80px;align-items:start}.about-section>.wrap>.eyebrow,.about-section>.wrap>h2,.about-section .about-copy{grid-column:1}.about-section .about-photo{grid-column:2;grid-row:1/5;align-self:stretch}.about-photo img{width:100%;height:100%;max-height:540px;object-fit:cover}.about-copy p{color:var(--muted);font-size:14px}.teams-section{background:#e9ede7}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:40px}.team-card{background:white;overflow:hidden}.team-card>figure{margin:0}.team-card img{width:100%;height:290px;object-fit:cover;object-position:center}.team-body{padding:36px 38px 40px}.team-body h3{font-size:43px;margin-bottom:20px}.team-body p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:450px}.team-body .eyebrow{color:var(--muted);font-size:10px;letter-spacing:.1em}.pink{background:#f5deea}.pink .team-body .eyebrow{color:#8c2b57}.events-section{background:var(--ink);color:#fff}.events-section .eyebrow{color:#e9b3b5}.event-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:40px}.event-card img{width:100%;height:300px;object-fit:cover}.event-body{padding:26px 0 0;position:relative}.event-body h3{max-width:85%;font-size:34px;margin-bottom:15px}.event-body p:not(.event-number){font-size:14px;color:#d3ddd7;max-width:430px}.event-number{font-family:var(--heading);font-size:24px;color:#c48287;float:right}.events-section>.wrap>.text-link{margin-top:45px;color:#f1b6b8}.news-query .wp-block-post-template{gap:32px;list-style:none;padding:0;margin:38px 0 0}.news-query .wp-block-post{border-top:1px solid var(--line);padding-top:20px;display:flex;flex-direction:column;align-items:flex-start}.news-query .wp-block-post-featured-image{width:100%;margin-bottom:24px}.news-query .wp-block-post-featured-image img{width:100%;height:220px;object-fit:cover}.news-query .wp-block-post-date{font-size:11px;color:var(--muted);letter-spacing:.05em;margin:0 0 13px}.news-query .wp-block-post-title{font-size:27px;line-height:1.18;margin:0 0 14px}.news-query .wp-block-post-title a{color:var(--ink)}.news-query .wp-block-post-excerpt{font-size:13px;color:var(--muted)}.news-query .wp-block-post-excerpt__more-link{font-size:12px;font-weight:700;color:var(--red)}.wp-block-query-pagination{margin-top:45px;display:flex;gap:20px}.wp-block-query-pagination-numbers{display:flex;gap:16px}.join-section{background:var(--red);color:white;padding:72px 0;position:relative}.join-inner{display:flex;align-items:center;justify-content:space-between;gap:50px}.join-section h2{font-size:clamp(40px,4.4vw,62px);margin:0 0 22px}.join-section p:not(.eyebrow){font-size:14px;color:#fff0f0}.join-section .button{flex-shrink:0}.gallery-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px}.gallery-grid img{width:100%;height:260px;object-fit:cover}.partners{padding-top:0}.partners h2{font-size:32px}.partner-logos{display:flex;justify-content:space-between;align-items:center;gap:70px;padding:35px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.partner-logos a{flex:1}.partner-logos img{max-height:75px;max-width:260px;object-fit:contain;margin:auto}.site-footer{background:var(--ink);color:#edf0e9;padding:70px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:65px;padding-bottom:65px}.footer-grid h2{font-size:48px;margin:20px 0 25px}.footer-grid h3{font-family:inherit;font-size:12px;letter-spacing:.03em;margin:7px 0 25px;font-weight:700}.footer-grid>div>a{display:block;font-size:12px;color:#d3dcd7;padding:5px 0}.footer-grid>div:first-child>a{font-size:14px;color:white}.site-footer .eyebrow{font-size:9px;color:#e1aaaa}.footer-bottom{border-top:1px solid #ffffff25;padding:22px 0;display:flex;justify-content:space-between;font-size:10px;color:#bdc9c3;gap:20px}.footer-bottom a{margin-left:22px}.page-intro{padding-top:85px;padding-bottom:75px;border-bottom:1px solid var(--line)}.page-intro .eyebrow{color:var(--red)}.page-intro h1{font-size:clamp(52px,6.5vw,88px);margin-bottom:28px;max-width:1000px}.lede{color:var(--muted);font-size:18px;max-width:720px}.page-main .section:not(.events-section)>.wrap>p:not(.eyebrow){max-width:780px}.page-main .section>.wrap>figure{margin:32px 0}.page-main .section>.wrap>figure img{width:100%;max-height:550px;object-fit:cover}.page-main .section>.wrap>p{margin-top:20px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:40px 0}.step{border-top:1px solid var(--line);padding:25px 0}.step h3{margin-bottom:20px}.step p{font-size:14px;color:var(--muted)}.step .event-number{float:none;margin-bottom:25px;color:var(--red)}.contact-mail{font-family:var(--heading);font-size:clamp(20px,4vw,46px);overflow-wrap:anywhere}.article-heading{padding:80px 0 45px;max-width:900px}.article-heading .eyebrow{color:var(--red)}.article-heading h1{font-size:clamp(40px,5vw,66px);margin-bottom:25px}.article-heading .wp-block-post-date{font-size:12px;color:var(--muted)}.article-content{max-width:900px;padding-bottom:90px}.article-content>.wp-block-post-featured-image{margin-bottom:40px}.article-content .wp-block-post-content{font-size:16px;line-height:1.85;overflow-wrap:anywhere}.article-content .wp-block-post-content>*{margin-top:20px}.article-content a{color:var(--red);text-decoration:underline}.article-content .wp-block-post-content img{max-width:100%;height:auto}.article-content iframe{max-width:100%}.article-content h2{font-size:38px}.article-content .wp-block-post-content table{max-width:100%}.article-content .wp-block-post-content>div{max-width:100%}.wp-block-search{margin-block:25px}.wp-block-search input{padding:12px;border:1px solid var(--line);min-width:0}.wp-block-search button{background:var(--red);color:white;border:0;padding:12px 20px}
.utility .wrap{align-items:center}.utility-search{display:flex;align-items:center;gap:8px}.utility-search input{background:transparent;border:0;border-bottom:1px solid #ffffff45;border-radius:0;color:white;font-size:10px;width:160px;padding:2px 0}.utility-search input::placeholder{color:#d1dbd5;opacity:1}.utility-search button{border:0;background:transparent;color:white;font-size:9px;padding:3px;cursor:pointer}.utility-search input:focus-visible{outline-offset:2px}
@media(max-width:600px){.utility-search{gap:4px}.utility-search input{width:108px;font-size:8px}.utility-search button{font-size:8px}}
@media(min-width:1440px){.hero-caption{left:calc((100vw - 1240px)/2)}}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.site-header nav{gap:16px;font-size:12px}.brand strong{font-size:19px}.brand-mark{width:44px;height:55px;font-size:36px}.header-inner{gap:16px}.nav-cta{padding:12px}.about-section>.wrap{gap:0 45px}.hero h1{font-size:86px}}
@media(max-width:920px){.header-inner{flex-wrap:wrap;min-height:88px;padding-block:17px}.menu-toggle{display:flex;gap:14px;border:1px solid #bcc6bf;background:transparent;color:var(--ink);padding:10px 14px;font-size:13px}.site-header nav{width:100%;flex-wrap:wrap;padding-block:12px}.js .site-header nav{display:none}.js .site-header nav.is-open{display:flex}.site-header nav a{padding:10px 12px}.hero{min-height:650px;height:auto}.hero-photo{object-position:60% center}.hero h1{font-size:82px}.intro-strip .wrap{font-size:11px}.intro-strip span{display:block;text-align:center}.intro-strip b{display:block}.about-section>.wrap{gap:0 32px}.about-photo img{min-height:430px}.team-body{padding:28px}.team-card img{height:230px}.team-body h3{font-size:38px}.team-body .eyebrow{min-height:32px}.event-card img{height:235px}.event-body h3{font-size:29px}.news-query .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr))!important}.news-query .wp-block-post:last-child:nth-child(3){display:none}.join-inner{align-items:flex-start;flex-direction:column;gap:25px}.gallery-grid img{height:200px}.partner-logos{gap:35px}.partner-logos img{max-width:190px}.footer-grid{gap:35px;grid-template-columns:1.5fr 1fr 1fr}.footer-grid h2{font-size:40px}}
@media(max-width:600px){html{scroll-padding-top:30px}.wrap{width:calc(100% - 40px)}.utility{font-size:9px;letter-spacing:.025em}.utility .wrap{gap:10px}.utility .wrap>span{max-width:170px}.header-inner{min-height:83px;padding-block:14px}.brand{gap:9px}.brand strong{font-size:17px}.brand small{font-size:8px}.brand small:last-child{font-size:8px}.brand-mark{height:48px;width:37px;font-size:31px}.menu-toggle{font-size:11px;padding:9px}.site-header nav{flex-direction:column;align-items:stretch;gap:2px}.site-header nav a{padding:12px}.hero{min-height:675px;align-items:flex-start}.hero-content{padding:62px 0 100px}.hero-photo{object-position:61% center}.hero-shade{background:linear-gradient(90deg,rgba(9,29,29,.9),rgba(9,29,29,.35)),linear-gradient(0deg,#09202088,transparent)}.hero h1{font-size:67px;line-height:1.01;margin:23px 0}.hero .eyebrow{font-size:8px;letter-spacing:.11em}.hero-content>p:not(.eyebrow){font-size:13px;max-width:340px}.hero-content>p br{display:none}.hero .button-row{align-items:flex-start;flex-direction:column;gap:12px;margin-top:26px}.hero .button{font-size:12px;min-height:48px;padding:13px 18px}.hero-caption{left:20px;bottom:27px;font-size:8px;letter-spacing:.06em;max-width:260px}.hero-caption span{display:block;margin-bottom:5px}.hero-scroll{right:20px;width:35px;height:35px}.intro-strip .wrap{padding-block:20px;font-size:9px}.intro-strip span{padding-inline:8px;text-align:center!important}.intro-strip span:first-child{padding-left:0}.intro-strip span:last-child{padding-right:0}.intro-strip b{font-size:11px;margin-bottom:3px}.section{padding:65px 0}h2{font-size:40px;margin-bottom:23px}.eyebrow{font-size:9px;letter-spacing:.12em}.about-section>.wrap{display:flex;flex-direction:column;gap:0}.about-photo{order:4;width:100%;margin-top:30px}.about-photo img{min-height:0;height:300px}.about-copy p{font-size:13px}.team-grid,.event-grid,.steps-grid{grid-template-columns:1fr;gap:25px;margin-top:30px}.team-card img{height:230px}.team-body{padding:28px}.team-body .eyebrow{min-height:0;font-size:8px}.team-body h3{font-size:39px}.team-body p:not(.eyebrow){font-size:13px}.event-card img{height:240px}.event-body h3{font-size:30px}.event-body p:not(.event-number){font-size:13px}.text-link{font-size:12px}.news-query .wp-block-post-template{grid-template-columns:1fr!important;gap:35px}.news-query .wp-block-post:last-child:nth-child(3){display:flex}.news-query .wp-block-post-featured-image img{height:230px}.news-query .wp-block-post-title{font-size:28px}.join-section{padding:55px 0}.join-section h2{font-size:45px}.join-section p:not(.eyebrow){font-size:13px}.join-section br{display:none}.join-section h2 br{display:block}.gallery-grid{grid-template-columns:1fr 1fr;gap:12px}.gallery-grid>figure:first-child{grid-column:1/-1}.gallery-grid img{height:160px}.gallery-grid>figure:first-child img{height:230px}.partners{padding-top:0}.partners h2{font-size:29px}.partner-logos{gap:20px;flex-wrap:wrap;justify-content:center}.partner-logos a{flex:0 1 40%}.partner-logos img{max-width:140px;max-height:60px}.site-footer{padding-top:50px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 25px;padding-bottom:40px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid h2{font-size:46px}.footer-grid h3{font-size:10px;margin-bottom:15px}.footer-grid>div>a{font-size:10px}.footer-bottom{font-size:9px;flex-direction:column;gap:10px;padding:20px 0}.footer-bottom a{margin-left:0;margin-right:20px}.page-intro{padding:58px 0 45px}.page-intro h1{font-size:53px}.lede{font-size:15px}.steps-grid{gap:10px}.step h3{font-size:28px}.article-heading{padding:50px 0 35px}.article-heading h1{font-size:42px}.article-content .wp-block-post-content{font-size:14px}.article-content{padding-bottom:60px}}
.site-header{background:#151517;color:#fff;border-bottom:3px solid var(--red)}.site-header .brand{flex-shrink:1;min-width:0;width:clamp(310px,37vw,480px)}.brand-wordmark{display:block;width:100%;height:auto}.site-header .menu-toggle{color:#fff;border-color:#626268}.site-header nav a:hover{color:#f3bcc5}.site-header nav .nav-cta:hover{color:#fff}.header-inner{min-height:108px}
@media(max-width:1150px){.site-header .brand{width:clamp(290px,34vw,390px)}}
@media(max-width:920px){.site-header .brand{width:min(590px,calc(100% - 108px))}.header-inner{min-height:94px}}
@media(max-width:600px){.site-header .brand{width:100%;flex-basis:100%}.header-inner{padding-block:23px;gap:20px}.site-header .menu-toggle{margin-left:auto}.brand-wordmark{min-height:22px;object-fit:contain;object-position:left center}}
.news-query .wp-block-post{min-width:0}.news-query .wp-block-post-excerpt,.news-query .wp-block-post-title{overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}

/* Migrated legal documents */
.legal-document{max-width:900px;overflow-wrap:anywhere;padding-top:55px}.legal-document p{margin:0 0 22px}.legal-document address{font-style:normal;line-height:1.8}.legal-document h2{font-size:34px;margin:38px 0 22px}.legal-document h3{font-size:27px;margin:32px 0 18px}.legal-document ul,.legal-document ol{padding-left:24px;margin:18px 0 25px}.legal-document a{text-decoration:underline;text-underline-offset:3px}.legal-document strong{font-weight:750}
@media(max-width:600px){.legal-document{padding-top:35px;font-size:14px}.legal-document h2{font-size:29px}.legal-document h3{font-size:25px}}

.page-intro .legal-title{font-size:clamp(34px,7vw,80px);overflow-wrap:anywhere;hyphens:auto}


/* Self-hosted background video, with a still poster and explicit playback control. */
.hero:has(.hero-video) .hero-photo{z-index:-4}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% center;z-index:-3;opacity:0;pointer-events:none}
.hero-video.is-ready{opacity:1}
.hero-video-toggle{position:absolute;right:108px;bottom:24px;z-index:3;min-height:42px;padding:9px 15px;border:1px solid #ffffff80;border-radius:0;background:#102728b3;color:white;font:600 11px/1.5 'Open Sans',Arial,sans-serif;cursor:pointer}
.hero-video-toggle[hidden]{display:none}
.hero-video-toggle:hover{background:#102728}
.hero-video-toggle:focus-visible{outline:3px solid #e7b444;outline-offset:4px}
@media(max-width:920px){.hero-video{object-position:60% center}}
@media(max-width:600px){.hero-video{object-position:61% center}.hero-video-toggle{right:20px;top:16px;bottom:auto;min-height:34px;padding:6px 10px;font-size:10px}}

/* Locally rendered social profile icons: no external widgets or icon-font requests. */
.footer-social{border-top:1px solid #ffffff25;padding:30px 0 38px}
.site-footer .footer-social-title{font:700 11px/1.5 'Open Sans',Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#d4ddd7;margin:0 0 18px}
.footer-social-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.site-footer .social-link{display:flex;align-items:center;gap:14px;min-height:76px;padding:18px 20px;border:1px solid #ffffff35;color:#fff;text-decoration:none;font:650 13px/1.5 'Open Sans',Arial,sans-serif;transition:background .18s,border-color .18s}
.site-footer .social-link:hover{background:#ffffff0d;border-color:#ffffff90;text-decoration:none}
.site-footer .social-link:focus-visible{outline:3px solid #e7b444;outline-offset:4px}
.social-icon{flex:0 0 26px;display:block;color:var(--social-color,#fff)}
.social-link--whatsapp{--social-color:#71e3a4}.social-link--facebook{--social-color:#94bfff}.social-link--instagram{--social-color:#f3b0d2}.social-link--youtube{--social-color:#ff9ca5}
.social-external{font-size:14px;margin-left:auto;color:#c2cfc7}
@media(max-width:920px){.footer-social-links{gap:12px}.site-footer .social-link{padding:16px 14px;gap:10px;font-size:12px}}
@media(max-width:600px){.footer-social{padding:26px 0 30px}.footer-social-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.site-footer .social-link{min-height:68px;padding:14px 12px;gap:9px;font-size:11px}.social-icon{width:23px;height:23px;flex-basis:23px}.social-external{font-size:12px}}

/* Header jump link to the social profile list on every page. */
.utility-links{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.utility-links a{white-space:nowrap}#social-media{scroll-margin-top:30px}
@media(max-width:600px){.utility-links{gap:4px 12px;justify-content:flex-end}.utility>.wrap{align-items:center;gap:10px}.utility-search{flex-shrink:0}.utility-links a{font-size:9px}}
