/*
Theme Name: Blueswerk Magazin
Theme URI: https://blueswerk-norderstedt.de/
Author: Blueswerk Norderstedt e.V.
Description: Helles, redaktionelles WordPress-Theme für Konzerte, Künstler und Blueskultur.
Version: 0.1.6
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: blueswerk-magazin
*/
:root{--paper:#f6f2eb;--white:#fff;--ink:#22282b;--muted:#5f686b;--brick:#a8563c;--brickdark:#873e2a;--line:#e5e0d9;--blue:#1717ff;--max:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font:17px/1.65 system-ui,-apple-system,'Segoe UI',Arial,sans-serif}a{color:var(--brickdark)}a:hover{text-decoration-thickness:2px}img{max-width:100%;height:auto}h1,h2,h3,.wordmark{font-family:Georgia,'Times New Roman',serif;line-height:1.14;letter-spacing:-.022em}h1{font-size:clamp(2.7rem,6vw,5.7rem);margin:.25em 0}h2{font-size:clamp(1.75rem,3vw,2.65rem);margin:.1em 0 .5em}h3{font-size:1.45rem;margin:.5rem 0}.wrap{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:0;background:#fff;color:#111;padding:1rem;z-index:100}.skip-link:focus{left:1rem}.utility{border-bottom:1px solid var(--line);font-size:.76rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.utility .wrap{display:flex;justify-content:space-between;gap:1rem;padding:9px 0}.site-header{background:#fff}.masthead{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:25px 0}.brand{text-decoration:none;color:var(--ink)}.wordmark{font-size:clamp(2rem,4vw,3rem);font-weight:800}.wordmark span{color:var(--brick)}.tagline{display:block;text-transform:uppercase;font-size:.64rem;letter-spacing:.21em;color:var(--muted);font-weight:700}.custom-logo{max-width:260px;max-height:94px;width:auto}.site-nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:clamp(.8rem,2vw,2rem);margin:0;padding:0}.site-nav a{color:var(--ink);text-decoration:none;font-size:.87rem;font-weight:750}.site-nav a:hover,.site-nav .current-menu-item>a{color:var(--brick)}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;padding:.5rem .8rem;border-radius:5px}.stripe{height:4px;background:linear-gradient(90deg,var(--brick) 0 25%,var(--paper) 25% 75%,var(--blue) 75%)}.eyebrow{color:var(--brickdark);font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;font-weight:850}.lead{font-size:1.15rem;color:var(--muted);max-width:48ch}.hero{background:var(--paper);padding:clamp(35px,6vw,90px) 0}.hero-grid{display:grid;grid-template-columns:1fr 1.03fr;gap:clamp(30px,5vw,75px);align-items:center}.hero-copy{padding:1rem 0}.hero-art{position:relative;min-height:460px;background:#e3d8ca;overflow:hidden;isolation:isolate}.hero-art.has-image{background:#eee}.hero-art img{display:block;position:absolute;width:100%;height:100%;object-fit:cover}.hero-art:after{content:'';position:absolute;inset:auto 0 0;height:32%;background:linear-gradient(transparent,rgba(26,30,32,.5));pointer-events:none}.hero-art .note{position:absolute;bottom:23px;left:28px;right:28px;color:white;z-index:2;font-size:.83rem;letter-spacing:.09em;text-transform:uppercase;font-weight:800}.hero-art:not(.has-image):before{content:'BLUES';font-family:Georgia,serif;font-size:clamp(4.4rem,12vw,11rem);font-weight:900;color:rgba(128,65,41,.26);position:absolute;transform:rotate(-90deg);left:-16%;top:26%;letter-spacing:-.08em}.hero-art .disc{width:330px;aspect-ratio:1;border-radius:50%;position:absolute;right:-55px;top:65px;background:repeating-radial-gradient(circle at center,#2a3437 0 3px,#3a4548 4px 6px);box-shadow:0 12px 50px #0003}.hero-art .disc:after{content:'';position:absolute;inset:32%;border-radius:50%;background:var(--brick);border:11px solid #d0ba9d}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;background:var(--brick);color:#fff;text-decoration:none;font-weight:800;font-size:.87rem;padding:13px 20px;border-radius:4px;min-height:45px}.btn:hover{background:var(--brickdark);color:#fff}.btn.ghost{background:transparent;color:var(--ink);border:1px solid #c5bcb0}.btn.ghost:hover{background:#fff}.section{padding:clamp(42px,6vw,86px) 0}.section.tint{background:#faf8f5}.heading-row{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.heading-row a{font-size:.9rem;font-weight:700}.event-feature{display:grid;grid-template-columns:155px 1fr auto;gap:25px;align-items:center;border:1px solid var(--line);background:#fff;padding:23px 29px}.event-date{border-right:1px solid var(--line);padding-right:22px;text-align:center}.event-date strong{display:block;font:700 3.4rem/1 Georgia,serif;color:var(--brick)}.event-date span{font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.event-feature h3{margin:.1rem 0}.event-feature p{margin:.15rem 0;color:var(--muted);font-size:.92rem}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{border:1px solid var(--line);background:#fff;overflow:hidden}.card-photo{display:block;aspect-ratio:1.45;background:linear-gradient(140deg,#efe6dc,#c8b19e);overflow:hidden;position:relative}.card-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.card:hover .card-photo img{transform:scale(1.035)}.card-photo.placeholder:after{content:'♪';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:6rem Georgia,serif;color:rgba(90,61,46,.32)}.card-body{padding:20px}.card-body p{font-size:.9rem;color:var(--muted);margin:.35rem 0}.card-body a{text-decoration:none;color:var(--ink)}.card-body a:hover{color:var(--brick)}.story-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:30px}.story-box{padding:38px;background:var(--paper)}.story-box p{max-width:54ch}.editorial-visual{min-height:335px;background:linear-gradient(150deg,#f4e2d0,#b76648 70%,#7c4235);position:relative;display:flex;justify-content:center;align-items:center}.editorial-visual:after{content:'BLUES';font:900 clamp(3.5rem,10vw,8rem)/1 Georgia,serif;color:#fff9;transform:rotate(-13deg)}.site-footer{background:#f6f2eb;border-top:1px solid var(--line);padding:52px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-grid h3{font-size:1.15rem}.footer-grid ul{padding:0;list-style:none;margin:0}.footer-grid li{margin-bottom:7px}.footer-grid a{color:var(--ink);font-size:.9rem}.footer-bottom{font-size:.78rem;color:var(--muted);border-top:1px solid #ddd3c8;margin-top:40px;padding-top:17px}.content-area{padding:58px 0;max-width:820px}.content-area .entry-title{font-size:clamp(2.2rem,5vw,4rem)}.entry-content img{height:auto}.screen-reader-text{position:absolute;left:-9999px}.screen-reader-text:focus{left:10px;background:white;padding:10px;z-index:10}input,textarea,select{max-width:100%}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}@media(max-width:900px){.hero-grid,.story-grid{grid-template-columns:1fr}.hero-art{min-height:360px}.event-feature{grid-template-columns:110px 1fr}.event-feature .btn{grid-column:2;justify-self:start}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-nav ul{gap:12px}}@media(max-width:640px){.wrap{width:min(var(--max),calc(100% - 32px))}.masthead{align-items:flex-start;flex-wrap:wrap}.menu-toggle{display:block;margin-left:auto}.site-nav{width:100%;display:none}.site-nav.is-open{display:block}.site-nav ul{flex-direction:column;gap:0;padding:6px 0 12px}.site-nav li{border-bottom:1px solid var(--line);padding:9px 0}.card-grid,.footer-grid{grid-template-columns:1fr}.event-feature{grid-template-columns:80px 1fr;gap:15px;padding:18px}.event-date{padding-right:10px}.event-date strong{font-size:2.5rem}.event-feature .btn{grid-column:1 / -1;justify-self:stretch}.heading-row{align-items:start;flex-direction:column}.hero-art{min-height:290px}.hero-art .disc{width:240px;right:-30px}.utility .wrap{font-size:.65rem}}

/* Konzert-Slider v0.1.1 — helles Magazin, kontrastreiche Bildbeschriftung */
.concert-slider{background:var(--paper);padding:18px 0 12px;overflow:hidden}.slider-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.85rem;font-weight:700;padding-bottom:12px}.slider-track{position:relative;height:clamp(360px,43vw,600px);background:#e6ded4}.concert-slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .65s ease,visibility 0s linear .65s}.concert-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .65s ease}.slide-media{position:absolute;inset:0;background:linear-gradient(130deg,#ded0bc,#a7654f);overflow:hidden}.slide-media img{display:block;width:100%;height:100%;object-fit:cover}.slide-media.without-photo{display:flex;align-items:center;justify-content:center}.slide-media.without-photo span{font:14rem Georgia,serif;color:#fff5}.slide-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,25,29,.79) 0%,rgba(18,25,29,.55) 43%,transparent 94%);display:flex;align-items:center}.slide-overlay .wrap{width:min(var(--max),calc(100% - 48px))}.slide-panel{max-width:620px;color:#fff}.slide-kicker{display:block;font-size:.78rem;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#f4c4a8}.slide-panel h2{font-size:clamp(2.2rem,5vw,4.6rem);margin:12px 0 16px;color:#fff;text-wrap:balance}.slide-panel p{color:#fff;font-size:1.1rem;max-width:48ch}.slide-panel .btn{background:#b35e42;margin-top:8px}.slider-controls{display:flex;align-items:center;justify-content:center;gap:16px;padding:13px 0 1px}.slider-arrow,.slider-pause,.slider-dot{cursor:pointer;border:1px solid #ccbfb1;background:#fff;color:#292b2d}.slider-arrow{width:38px;height:38px;border-radius:50%;font-size:1.55rem;line-height:1}.slider-dots{display:flex;align-items:center;gap:9px}.slider-dot{width:13px;height:13px;border-radius:50%;padding:0}.slider-dot.is-active{background:var(--brick);border-color:var(--brick)}.slider-pause{border-radius:4px;min-height:34px;padding:5px 10px;font-size:.78rem;font-weight:700}.slider-controls button:focus-visible{outline:3px solid #314f5a;outline-offset:3px}@media(max-width:640px){.slider-track{height:440px}.slide-overlay{align-items:flex-end;background:linear-gradient(0deg,rgba(18,25,29,.93),rgba(18,25,29,.45) 72%,rgba(18,25,29,.12))}.slide-overlay .wrap{width:calc(100% - 32px)}.slide-panel{padding-bottom:36px}.slide-panel h2{font-size:2.4rem}.slide-panel p{font-size:.92rem}.slider-controls{gap:9px}.slider-pause{font-size:.7rem}}@media(prefers-reduced-motion:reduce){.concert-slide,.concert-slide.is-active{transition:none}}

/* Version 0.1.2 – prägnanter zweistufiger Künstlername im Slider */
.slide-panel h2{margin:12px 0 5px;max-width:17ch;line-height:1.08;overflow-wrap:break-word}
.slide-panel .slide-subtitle{font-size:clamp(1.05rem,2.1vw,1.65rem);font-weight:650;line-height:1.32;max-width:42ch;margin:0 0 16px;color:#fff;letter-spacing:.005em;text-wrap:balance}
.slide-panel .slide-description{font-size:clamp(.92rem,1.4vw,1.08rem);line-height:1.5;color:#f7f1ee;max-width:52ch;margin:10px 0}
.site-header .custom-logo{max-width:min(370px,62vw);max-height:113px;object-fit:contain;object-position:left center}
.bw-stage-logo{display:block;width:100%;height:auto;object-fit:contain;margin-bottom:22px}
@media(max-width:640px){.slide-panel h2{font-size:clamp(2rem,9vw,2.9rem);max-width:100%}.slide-panel .slide-subtitle{font-size:1.05rem;margin-bottom:12px}.slide-panel .slide-description{font-size:.9rem}.site-header .custom-logo{max-height:80px}}

/* 0.1.3: Vereinsblau als klarer Akzent, helle Flächen */
:root{--paper:#f7f8fc;--brick:#1717e8;--brickdark:#1111ae;--line:#e0e4ef;--blue:#1717e8}
.stripe{background:linear-gradient(90deg,#1717ff 0 70%,#c2b2a7 70% 100%)}
.hero{background:#f7f8fc}
.story-box{background:#f7f8fc}
.editorial-visual{background:linear-gradient(145deg,#e7edff,#a9b9ff 70%,#4561bf)}
.site-footer{background:#f7f8fc}
.concert-slider{background:#f7f8fc}
.slide-panel .btn{background:#1717e8}
.slide-panel .btn:hover{background:#1111ae}
.slider-empty{min-height:clamp(280px,38vw,430px);display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;background:white;border:1px solid var(--line);padding:clamp(24px,4vw,52px)}
.slider-empty img{width:100%;max-height:235px;object-fit:contain;background:#11142f;border-radius:5px}
.slider-empty h2{font-size:clamp(2rem,4vw,3.7rem)}
.slider-admin-help{font-size:.85rem;color:#505c70;margin-top:18px}
@media(max-width:680px){.slider-empty{grid-template-columns:1fr}.slider-empty img{max-height:175px}}

/* 0.1.4: Blueswerk-Magazin – bewusst helle Website, Blau des Vereinslogos */
:root{--paper:#f8f9ff;--brick:#1616ed;--brickdark:#0d0db0;--blue:#1616ed;--line:#e2e6ef;--ink:#212637;--muted:#526077}
a{color:var(--blue)}.btn,.slide-panel .btn{background:var(--blue);color:#fff}.btn:hover,.slide-panel .btn:hover{background:var(--brickdark)}
.slider-dot.is-active{background:var(--blue);border-color:var(--blue)}
.site-footer,.section.tint,.concert-slider{background:#f8f9ff}
.slide-kicker{color:#fff}.stripe{background:var(--blue)}