/*
Theme Name: bauwen.de V0.8c
Theme URI: https://bauwen.de/
Author: Dirk Scharmer / bauwen.de
Description: bauwen.de – plakative Alarmzone, ruhiger Recherche- und Gastgeberraum, CO2-Countdown, Beiträge und Rechtstexte.
Version: 0.8.3
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: bauwen
*/
:root{
  --black:#090909; --white:#fff; --paper:#f6f1e7; --paper2:#fffdf8;
  --green:#b6ff00; --signal:#ff245f; --ink:#111; --muted:#666;
  --max:1180px; --mono:"Courier New",Courier,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.58}
a{color:inherit}
.bw-wrap{max-width:var(--max);margin:auto;padding:0 28px}

/* Header */
.bw-header{position:absolute;z-index:20;left:0;right:0;padding:18px 0;color:#fff}
.bw-header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}
.bw-brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:950;letter-spacing:-.03em}
.bw-brand-mark{width:48px;height:44px;object-fit:contain;filter:drop-shadow(0 1px 0 rgba(0,0,0,.2))}
.bw-brand-word{font-family:Impact,"Arial Black",Arial,sans-serif;font-size:clamp(1.45rem,2.5vw,2.25rem);letter-spacing:.005em;color:var(--paper)}
.bw-lang{display:flex;align-items:center;gap:7px;font-size:.78rem;font-weight:900;letter-spacing:.08em;font-family:var(--mono)}
.bw-lang button{appearance:none;border:0;background:transparent;color:#aaa;padding:4px 2px;font:inherit;cursor:pointer}
.bw-lang button[aria-pressed="true"]{color:var(--green)}
.bw-lang-sep{color:#666}
html[data-bw-lang="de"] [data-bw-lang="en"],html[data-bw-lang="en"] [data-bw-lang="de"]{display:none!important}

/* Alarm zone / hero */
.bw-hero{position:relative;min-height:100vh;background:var(--black);color:#fff;padding:108px 0 105px;overflow:hidden;isolation:isolate}
.bw-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:
 radial-gradient(circle at 7% 18%,rgba(182,255,0,.18) 0 1px,transparent 2px) 0 0/31px 29px,
 radial-gradient(circle at 82% 24%,rgba(255,255,255,.09) 0 1px,transparent 2px) 0 0/23px 19px,
 linear-gradient(112deg,transparent 0 57%,rgba(255,255,255,.025) 57.1% 57.35%,transparent 57.45% 100%)}
.bw-hero:after{content:"";position:absolute;left:-4vw;top:32%;width:28vw;height:30vw;z-index:-1;opacity:.3;transform:rotate(-13deg);background:repeating-linear-gradient(18deg,transparent 0 8px,var(--green) 9px 10px,transparent 11px 19px);clip-path:polygon(0 21%,76% 0,100% 72%,14% 100%)}
.bw-hero-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.75fr);gap:48px;align-items:center}
.bw-kicker{color:var(--green);font:900 .8rem/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.bw-title{font-family:Impact,"Arial Black","Helvetica Neue",Arial,sans-serif;font-size:clamp(4.2rem,8.8vw,8.8rem);line-height:.79;letter-spacing:-.045em;margin:.18em 0 .29em;text-transform:uppercase;max-width:900px;text-shadow:1px 0 0 rgba(255,255,255,.2)}
.bw-title em,.bw-title strong,.bw-title b{font-style:normal;font-weight:900;display:inline-block;position:relative}
.bw-title em{color:var(--paper)}
.bw-title strong{color:var(--green);transform:rotate(-.6deg)}
.bw-title b{color:var(--signal);transform:rotate(.4deg)}
/* rough ink bites – lightweight CSS texture rather than a hidden image text */
.bw-title em:after,.bw-title strong:after,.bw-title b:after{content:"";position:absolute;inset:8% -1% 5%;pointer-events:none;opacity:.28;mix-blend-mode:multiply;background:repeating-linear-gradient(97deg,transparent 0 17px,rgba(0,0,0,.65) 18px 19px,transparent 20px 33px);mask-image:linear-gradient(#000,#000)}
.bw-countdown-label{font:900 .77rem/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#eee;margin:8px 0 8px}
.bw-number{color:var(--green);font-family:Impact,"Arial Black",Arial,sans-serif;font-size:clamp(2.8rem,5.8vw,6.2rem);line-height:.92;letter-spacing:-.025em;font-weight:900;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.bw-unit{color:#fff;font:900 clamp(.95rem,1.6vw,1.3rem)/1.2 var(--mono);margin-top:9px;text-transform:uppercase;letter-spacing:.08em}
.bw-switches{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0 14px}
.bw-switch{appearance:none;border:1px solid #777;background:rgba(0,0,0,.3);color:#fff;padding:9px 13px;font:900 .82rem/1 var(--mono);cursor:pointer}
.bw-switch[aria-pressed="true"]{background:var(--green);border-color:var(--green);color:#000}
.bw-meta{max-width:760px;font-size:.88rem;color:#d0d0d0}
.bw-typewriter{font-family:var(--mono);line-height:1.45}
.bw-down{display:inline-block;margin-top:20px;color:#fff;font:900 .8rem/1.3 var(--mono);letter-spacing:.1em;text-decoration:none;border-bottom:3px solid var(--green);padding-bottom:5px}

.bw-hero-aside{position:relative;min-height:550px;align-self:stretch}
.bw-hero-logo{position:absolute;width:min(100%,430px);right:-2%;top:50%;transform:translateY(-48%) rotate(.6deg);filter:drop-shadow(0 12px 25px rgba(0,0,0,.28))}
.bw-sticker{position:absolute;padding:12px 15px;font:900 clamp(1rem,1.8vw,1.45rem)/1.02 var(--mono);color:#050505;text-transform:uppercase;box-shadow:7px 8px 0 rgba(0,0,0,.25)}
.bw-sticker:before,.bw-sticker:after{content:"";position:absolute;left:-5px;right:-7px;height:4px;background:currentColor;opacity:.7}
.bw-sticker:before{top:-5px;transform:rotate(-2deg)}.bw-sticker:after{bottom:-7px;transform:rotate(2deg)}
.bw-sticker-pink{right:-10px;top:2%;background:var(--signal);transform:rotate(-4deg)}
.bw-sticker-green{right:-5px;bottom:2%;background:var(--green);transform:rotate(-5deg);font-size:clamp(1.2rem,2.1vw,1.75rem)}
.bw-torn-edge{position:absolute;z-index:4;left:-2%;right:-2%;bottom:-1px;height:44px;background:var(--paper);clip-path:polygon(0 66%,3% 54%,7% 62%,11% 41%,15% 58%,19% 45%,23% 69%,27% 42%,31% 56%,35% 35%,39% 53%,43% 38%,47% 59%,51% 43%,55% 63%,59% 44%,63% 57%,67% 34%,71% 54%,75% 46%,79% 64%,83% 39%,87% 55%,91% 43%,95% 63%,100% 49%,100% 100%,0 100%)}

/* Quiet guest / research spaces */
.bw-paper{background:var(--paper2);padding:90px 0}
.bw-paper-warm{background:var(--paper)}
.bw-paper h2,.bw-content h1,.bw-content h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(2.15rem,4.2vw,4.3rem);line-height:.96;letter-spacing:-.045em;max-width:950px}
.bw-paper p{max-width:880px}
.bw-lead{font-size:clamp(1.2rem,2vw,1.55rem);max-width:820px}
.bw-rule{width:82px;height:7px;background:var(--green);margin:25px 0}
.bw-rule-rough{transform:rotate(-1deg);clip-path:polygon(0 17%,94% 0,100% 78%,8% 100%)}
.bw-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin:38px 0}
.bw-fact{border-top:5px solid var(--green);padding:15px 0;font-family:var(--mono)}
.bw-fact strong{display:block;font-size:1.05rem;font-family:Arial,Helvetica,sans-serif}
.bw-note{font:400 .86rem/1.55 var(--mono);color:#555;max-width:930px;border-top:1px solid #cfc8ba;padding-top:16px}

.bw-building{background:#111;color:#fff;padding:82px 0;position:relative;overflow:hidden}
.bw-building:after{content:"";position:absolute;width:320px;height:320px;right:-100px;bottom:-120px;border:42px solid rgba(182,255,0,.08);transform:rotate(18deg)}
.bw-building h2{font-size:clamp(2.2rem,4.4vw,4.5rem);line-height:.95;letter-spacing:-.045em;max-width:900px}
.bw-building-number{color:var(--signal);font-family:Impact,"Arial Black",Arial,sans-serif;font-size:clamp(4.5rem,10vw,9.5rem);line-height:.9;letter-spacing:-.025em;font-weight:900;margin-top:.22em}
.bw-building-unit{color:var(--green);font:900 clamp(1.1rem,2vw,1.8rem)/1.2 var(--mono);margin:8px 0 28px}
.bw-note-dark{border-top-color:#555;color:#d5d5d5}
.bw-world{font-size:clamp(1.15rem,1.8vw,1.45rem);max-width:850px;margin-top:34px;padding-left:18px;border-left:7px solid var(--green)}

.bw-posts{padding:78px 0;background:var(--paper)}
.bw-card{border-top:1px solid #aaa;padding:24px 0}
.bw-card a{text-decoration:none}
.bw-card h2{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.025em}
.bw-content{max-width:900px;margin:0 auto;padding:120px 28px 80px;background:var(--paper2)}
.bw-content blockquote{margin:2rem 0;padding:1rem 0 1rem 1.3rem;border-left:7px solid var(--green);font-size:1.2rem}
.bw-content code,.bw-content pre{font-family:var(--mono)}
.bw-footer{background:var(--black);color:#fff;padding:38px 0;font:400 .88rem/1.5 var(--mono)}
.bw-footer a{margin-right:18px}
.bw-form label{font-weight:800;display:block;margin:16px 0 5px}
.bw-form input,.bw-form textarea{width:100%;padding:12px;border:1px solid #777;font:inherit;background:#fff}
.bw-form button{margin-top:15px;background:#111;color:#fff;border:0;padding:12px 18px;font-weight:900;cursor:pointer}
.bw-hp{position:absolute;left:-9999px}

/* Reusable editorial vocabulary for future posts. Add classes in the editor only when useful. */
.bw-question{font-size:1.35em;font-weight:800;max-width:800px;border-left:8px solid var(--green);padding:.25em 0 .25em 1em;margin:2.2em 0}
.bw-find{background:var(--paper);padding:1.2em 1.4em;margin:2em 0;font-family:var(--mono)}
.bw-big-number{font-family:Impact,"Arial Black",Arial,sans-serif;font-size:clamp(4rem,10vw,8rem);line-height:.9;color:var(--signal)}
.bw-aside-note{display:inline-block;background:var(--green);padding:.45em .65em;font:900 1rem/1.1 var(--mono);transform:rotate(-1.5deg)}
.bw-source{font:400 .84rem/1.5 var(--mono);color:#555;border-top:1px solid #aaa;padding-top:1em}
.bw-marker{background:linear-gradient(transparent 58%,rgba(182,255,0,.75) 58% 88%,transparent 88%);padding:0 .08em}
.bw-marker-pink{background:linear-gradient(transparent 58%,rgba(255,36,95,.55) 58% 88%,transparent 88%);padding:0 .08em}

@media(max-width:900px){
 .bw-hero-grid{grid-template-columns:1fr}.bw-hero-aside{min-height:330px}.bw-hero-logo{width:280px;left:3%;right:auto}.bw-sticker-pink{right:2%;top:6%}.bw-sticker-green{right:2%;bottom:0}.bw-title{font-size:clamp(4rem,14vw,7.5rem)}
}
@media(max-width:650px){
 .bw-wrap{padding:0 20px}.bw-header{padding-top:12px}.bw-brand-mark{width:38px;height:36px}.bw-brand-word{font-size:1.35rem}.bw-hero{padding-top:92px}.bw-title{font-size:clamp(3.6rem,18vw,5.7rem)}.bw-number{font-size:clamp(2.4rem,12vw,4.4rem)}.bw-hero-aside{min-height:300px}.bw-hero-logo{width:230px;opacity:.95}.bw-sticker{font-size:.9rem}.bw-sticker-green{font-size:1.05rem}.bw-paper,.bw-building,.bw-posts{padding:64px 0}
}


/* === V0.8: image-led alarm zone === */
.bw-header{padding:20px 0}
.bw-header-inner{justify-content:flex-start}
.bw-brand{gap:10px;min-width:max-content}
.bw-brand-mark{width:46px;height:44px}
.bw-brand-word{font-family:var(--mono);font-size:clamp(1.15rem,1.6vw,1.5rem);font-weight:700;letter-spacing:.015em;color:var(--paper)}
.bw-nav{display:flex;align-items:center;justify-content:center;gap:clamp(14px,2.2vw,30px);margin-left:auto;font:700 .74rem/1.2 var(--mono);letter-spacing:.025em}
.bw-nav a{text-decoration:none;color:#eee;white-space:nowrap}.bw-nav a:hover{color:var(--green)}
.bw-search{font-size:1.45rem;line-height:1}.bw-lang{margin-left:18px}
.bw-hero{background:#080806 url('assets/hero-grunge.webp') center top/cover no-repeat;padding-top:112px}
.bw-hero:before,.bw-hero:after{display:none}
.bw-title-semantic{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.bw-title-art{display:block;width:min(100%,880px);margin:18px 0 28px}
.bw-title-art img{display:block;width:100%;height:auto}
.bw-number{font-family:Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:-.055em}
.bw-hero-logo{width:min(100%,390px);top:52%;filter:drop-shadow(0 12px 25px rgba(0,0,0,.35))}
.bw-torn-edge{height:58px;background:var(--paper);clip-path:polygon(0 72%,2% 56%,4% 69%,6% 43%,8% 61%,10% 50%,12% 75%,14% 48%,16% 63%,18% 37%,20% 59%,22% 45%,24% 72%,26% 53%,28% 66%,30% 39%,32% 57%,34% 44%,36% 69%,38% 49%,40% 61%,42% 36%,44% 56%,46% 47%,48% 72%,50% 51%,52% 64%,54% 40%,56% 59%,58% 45%,60% 70%,62% 48%,64% 62%,66% 35%,68% 57%,70% 46%,72% 69%,74% 52%,76% 64%,78% 40%,80% 58%,82% 44%,84% 71%,86% 50%,88% 63%,90% 38%,92% 56%,94% 47%,96% 68%,98% 52%,100% 61%,100% 100%,0 100%)}
/* calmer black building section: same two-font logic as the paper sections */
.bw-building h2{font-family:Arial,Helvetica,sans-serif;font-weight:800}
.bw-building-number{font-family:Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:-.055em}
.bw-building-unit{font-family:var(--mono)}
@media(max-width:980px){.bw-nav{display:none}.bw-lang{margin-left:auto}}
@media(max-width:900px){.bw-title-art{width:min(100%,760px);margin-top:12px}.bw-hero-logo{width:270px}}
@media(max-width:650px){.bw-brand-word{font-size:1.05rem}.bw-brand-mark{width:36px;height:34px}.bw-title-art{margin:12px 0 22px}.bw-hero{background-position:center top}}

/* === V0.8a: clean original-style claim, no-wrap clock, raster torn edge === */
.bw-number{white-space:nowrap;overflow-wrap:normal;word-break:normal;font-size:clamp(2.55rem,5.15vw,5.75rem)}
.bw-torn-edge{left:0;right:0;bottom:-1px;height:clamp(92px,10vw,150px);background:none!important;clip-path:none!important;pointer-events:none;overflow:hidden}
.bw-torn-edge img{position:absolute;left:0;bottom:0;width:100%;height:100%;object-fit:fill;display:block}
.bw-hero{padding-bottom:clamp(150px,15vw,220px)}
@media(max-width:650px){.bw-number{font-size:clamp(2.05rem,10.4vw,3.7rem);letter-spacing:-.065em}.bw-torn-edge{height:86px}.bw-hero{padding-bottom:130px}}

/* === V0.8c: bilingual rendered hero claim === */
.bw-title-art img[data-bw-lang="en"]{width:100%;height:auto;object-fit:contain}

/* v0.8c: CO2 / time clock toggle */
.bw-mode-switches{display:flex;gap:8px;margin:14px 0 0;align-items:center}
.bw-mode-switch{appearance:none;border:1px solid rgba(255,255,255,.55);background:rgba(0,0,0,.42);color:#fff;padding:7px 12px;font:900 .72rem/1 var(--mono);letter-spacing:.08em;cursor:pointer}
.bw-mode-switch[aria-pressed="true"]{background:#f5f5f0;color:#111;border-color:#f5f5f0}
.bw-time-number{display:flex!important;align-items:flex-end;gap:clamp(5px,1vw,14px);flex-wrap:nowrap;font-family:var(--mono)!important;font-size:inherit!important;line-height:1!important;white-space:nowrap}
.bw-time-part{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.bw-time-part strong{font-family:var(--sans);font-size:clamp(1.55rem,3.25vw,3.9rem);line-height:.88;color:var(--green);letter-spacing:-.055em}
.bw-time-part small{font:900 clamp(.48rem,.68vw,.72rem)/1.1 var(--mono);letter-spacing:.06em;color:#fff;margin-top:5px}
@media(max-width:760px){.bw-time-number{gap:5px}.bw-time-part strong{font-size:clamp(1.1rem,6.5vw,2.25rem)}.bw-time-part small{font-size:.43rem;letter-spacing:0}.bw-mode-switch{padding:7px 9px}}