/*
Theme Name: Raumausstatter Beckhoff
Theme URI: https://usedom-raumausstatter.de/
Description: GeneratePress-Child für Raumausstatter Felix Beckhoff (Usedom). Design "Vorhang & Diele" in Schwarz, Gold und Weiß, eigener Kopf mit Menü, schlanker Footer.
Author: Mathias Blum
Template: generatepress
Version: 1.0.5
Text Domain: raumausstatter-beckhoff
*/

/* ==========================================================
   CHANGELOG
   1.0.5  Rechtsseiten: Gestaltung für Plugin-Text per Shortcode (reine HTML-Elemente, Seitenrand)
   1.0.4  Rechtsseiten (Impressum, Datenschutz): Kopf, lesbare Textspalte, gelbe PRÜFEN-Markierung
   1.0.3  Farb-Token nach dem Schema des Site Cockpit (--bk-accent, --bk-dark, --bk-ink, --bk-mist, --bk-line, --bk-font usw.)
   1.0.2  Goldfläche: dunkleres Gold mit weißer Schrift (Kontrast 5,2:1)
   1.0.1  Textlinks im Seiteninhalt (intern und extern) gestaltet
   1.0.0  Erste Version: Design-Token, Kopf mit Burger-Menü,
          Footer, Seiten-Bausteine (Hero, Laufband, Leistungen,
          Kacheln, Ablauf, Galerie, FAQ, Kontakt)

   INHALT
   1  Design-Token
   2  Schriften
   3  Grundlagen und GeneratePress-Anpassungen
   4  Kopf und Menü
   5  Footer
   6  Seiten-Bausteine (Wrapper .bk-page)
   7  Korrekturen
   ========================================================== */

/* 1 Design-Token (Rollen, keine Farbnamen) */
:root{
/* Rollen-Token für das Site Cockpit (Plugin liest diese Namen, Präfix egal).
   Bewusst als feste Werte, mehrere Namen je Rolle, damit das Plugin sie sicher findet. */
--bk-accent:#A99865;--bk-primary:#A99865;--bk-brand:#A99865;      /* Hauptfarbe Gold (aus dem Logo geschätzt, PRÜFEN) */
--bk-accent-hover:#8C7C4F;                                         /* Akzent beim Überfahren */
--bk-accent-text:#7C6C3F;--bk-accent-ink:#7C6C3F;                  /* Akzent als Text auf Hell (Kontrast) */
--bk-dark:#0B0B0B;--bk-night:#0B0B0B;                              /* dunkle Fläche (Menü, Kopf) */
--bk-ink:#1A1A1A;--bk-text:#1A1A1A;                                /* Textfarbe */
--bk-mist:#F6F3EC;--bk-soft:#F6F3EC;--bk-paper:#F6F3EC;            /* zarte, helle Fläche */
--bk-bg:#F6F3EC;                                                   /* Hintergrund */
--bk-line:#D8D1BF;--bk-border:#D8D1BF;                             /* Linien */
--bk-font:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--bk-font-body:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
/* Kurzformen für dieses Theme (zeigen auf die Rollen oben) */
--g:var(--bk-accent);--gd:var(--bk-accent-text);--k:var(--bk-dark);--k2:#161616;--p:var(--bk-paper);--w:#fff;--cream:#EDE8DC;--serif:Georgia,"Times New Roman",serif;
--bk-hh:72px;     /* Höhe des Kopfes */
}

/* 2 Schriften: nur Systemschriften, siehe fonts/LIESMICH.txt */

/* 3 Grundlagen und GeneratePress-Anpassungen */
html,body{overflow-x:clip}
body{padding-top:var(--bk-hh);background:var(--k);color:var(--bk-ink)}
html{scroll-padding-top:calc(var(--bk-hh) + 12px);scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.site-header,.site-footer,.footer-widgets,.site-info{display:none!important}
.bk-fullpage #page,.bk-fullpage .site.grid-container{max-width:none;margin:0;padding:0}
.bk-fullpage .site-content{display:block;padding:0}
.bk-fullpage .content-area{width:100%;margin:0;float:none}
.bk-fullpage .site-main{margin:0}
.bk-fullpage .inside-article{padding:0;background:transparent}
.bk-fullpage .entry-content{margin:0}
.bk-fullpage .entry-header,.bk-fullpage .page-header,.bk-fullpage .sidebar,.bk-fullpage .featured-image{display:none}
.bk-fullpage.separate-containers .site-main{margin:0}
.bk-fullpage .grid-container{max-width:none}
.bk-all [data-r]{opacity:1!important;transform:none!important}

/* 4 Kopf und Menü */
.bk-header,.bk-header *{box-sizing:border-box}
.bk-header,.bk-footer,.bk-nav{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.bk-header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--bk-hh);color:var(--cream);isolation:isolate;border-bottom:1px solid rgba(169,152,101,.25);transition:box-shadow .3s}
.bk-header::before{content:"";position:absolute;inset:0;background:rgba(11,11,11,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:-1}
.bk-header.bk-scrolled{box-shadow:0 8px 30px rgba(0,0,0,.35)}
.admin-bar .bk-header{top:32px}
@media(max-width:782px){.admin-bar .bk-header{top:46px}}
.bk-hbar{position:relative;z-index:4;display:flex;align-items:center;gap:14px;max-width:1180px;height:100%;margin:0 auto;padding:0 20px}
.bk-brand{display:block;line-height:0}
.bk-brand img{height:42px;width:auto;max-width:56vw}
.bk-call{margin-left:auto;display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border:2px solid var(--g);color:var(--g);font-weight:800;font-size:.85rem;letter-spacing:.1em;text-decoration:none;transition:background .3s,color .3s}
.bk-call:hover,.bk-call:focus-visible{background:var(--g);color:var(--k)}
.bk-call-ic{width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15 15 0 006.6 6.6l2.2-2.2a1 1 0 011-.25 11 11 0 003.5.56 1 1 0 011 1V20a1 1 0 01-1 1A17 17 0 013 4a1 1 0 011-1h3.5a1 1 0 011 1c0 1.2.2 2.4.56 3.5a1 1 0 01-.25 1z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15 15 0 006.6 6.6l2.2-2.2a1 1 0 011-.25 11 11 0 003.5.56 1 1 0 011 1V20a1 1 0 01-1 1A17 17 0 013 4a1 1 0 011-1h3.5a1 1 0 011 1c0 1.2.2 2.4.56 3.5a1 1 0 01-.25 1z'/%3E%3C/svg%3E") center/contain no-repeat}
.bk-burger{display:inline-flex;align-items:center;gap:12px;padding:10px 4px 10px 12px;background:transparent;border:0;color:var(--cream);font:inherit;font-size:.8rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;cursor:pointer}
.bk-burger-i{position:relative;width:26px;height:2px;background:currentColor;transition:background .25s}
.bk-burger-i::before,.bk-burger-i::after{content:"";position:absolute;left:0;width:26px;height:2px;background:currentColor;transition:transform .35s cubic-bezier(.7,0,.2,1)}
.bk-burger-i::before{top:-8px}.bk-burger-i::after{top:8px}
.bk-nav-open .bk-burger-i{background:transparent}
.bk-nav-open .bk-burger-i::before{transform:translateY(8px) rotate(45deg)}
.bk-nav-open .bk-burger-i::after{transform:translateY(-8px) rotate(-45deg)}
.bk-burger:hover,.bk-burger:focus-visible{color:var(--g)}
.bk-header a:focus-visible,.bk-header button:focus-visible,.bk-footer a:focus-visible{outline:3px solid var(--g);outline-offset:3px}
.bk-backdrop{position:fixed;inset:0;z-index:1;background:rgba(0,0,0,.62);opacity:0;pointer-events:none;transition:opacity .4s}
.bk-nav-open .bk-backdrop{opacity:1;pointer-events:auto}
.bk-nav{position:fixed;top:0;right:0;bottom:0;z-index:3;width:min(430px,90vw);padding:calc(var(--bk-hh) + 28px) 34px 34px;background:var(--k);border-left:3px solid var(--g);overflow-y:auto;transform:translateX(100%);visibility:hidden;transition:transform .55s cubic-bezier(.7,0,.2,1),visibility 0s linear .55s}
.admin-bar .bk-nav{padding-top:calc(var(--bk-hh) + 60px)}
.bk-nav-open .bk-nav{transform:none;visibility:visible;transition-delay:0s}
.bk-nav-open{overflow:hidden}
.bk-menu{list-style:none;margin:0;padding:0}
.bk-menu li{margin:0;border-bottom:1px solid rgba(169,152,101,.25)}
.bk-menu a{display:block;padding:16px 0;color:var(--cream);font-size:1.25rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:color .25s,padding .35s}
.bk-menu a:hover,.bk-menu a:focus-visible,.bk-menu .current-menu-item>a{color:var(--g);padding-left:10px}
.bk-menu .sub-menu{list-style:none;margin:0;padding:0 0 10px 14px}
.bk-menu .sub-menu a{font-size:1rem;padding:8px 0;font-weight:600}
.bk-nav-foot{margin-top:34px;color:#D9D2BF}
.bk-nav-foot address{font-style:normal;margin-top:22px;line-height:1.7}
.bk-nav .bk-btn{display:inline-flex;align-items:center;gap:12px;padding:15px 26px;background:var(--g);color:var(--k);border:2px solid var(--g);font-weight:800;font-size:.9rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:background .3s,color .3s}
.bk-nav .bk-btn:hover,.bk-nav .bk-btn:focus-visible{background:transparent;color:var(--g)}
.bk-nav .bk-btn i{font-style:normal}
@media(max-width:520px){.bk-call-t{display:none}.bk-call{padding:11px 12px}.bk-call-ic{width:18px;height:18px}.bk-burger-l{display:none}.bk-brand img{height:36px}:root{--bk-hh:64px}}

/* 5 Footer */
.bk-footer{position:relative;background:var(--k);color:#D9D2BF;border-top:3px solid var(--g);font-size:1rem;line-height:1.7}
.bk-footer *{box-sizing:border-box}
.bk-fwrap{display:grid;gap:36px;max-width:1180px;margin:0 auto;padding:64px 20px 40px;grid-template-columns:1fr}
@media(min-width:860px){.bk-fwrap{grid-template-columns:1.3fr 1fr .8fr;gap:60px;padding-left:28px;padding-right:28px}}
.bk-fbrand{display:inline-block;line-height:0;margin-bottom:18px}
.bk-fbrand img{height:50px;width:auto}
.bk-footer p{margin:0 0 12px}
.bk-footer address{font-style:normal;margin:0 0 12px}
.bk-footer h2.bk-fh{margin:0 0 14px;font-size:.82rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--g)}
.bk-footer a{color:var(--cream);text-decoration:none;transition:color .25s}
.bk-footer a:hover{color:var(--g)}
.bk-footer a.bk-ftel{color:var(--g);font-weight:800;font-size:1.3rem;letter-spacing:.04em}
.bk-flinks{list-style:none;margin:0;padding:0}
.bk-flinks li{margin:0;padding:3px 0}
.bk-fbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;max-width:1180px;margin:0 auto;padding:22px 20px 26px;border-top:1px solid rgba(169,152,101,.25);font-size:.85rem;letter-spacing:.06em}
@media(min-width:860px){.bk-fbar{padding-left:28px;padding-right:28px}}
.bk-fbar a{text-transform:uppercase;letter-spacing:.14em}

/* 6 Seiten-Bausteine (Wrapper .bk-page) */
.bk-page{width:100%;overflow-x:clip;color:var(--bk-ink);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:1.0625rem;line-height:1.7;-webkit-font-smoothing:antialiased}
.bk-page *{box-sizing:border-box}
.bk-page img{max-width:100%;height:auto;display:block}
.bk-page p{margin:0 0 16px;text-wrap:pretty}
.bk-page a{color:inherit}

/* Flächen */
.bk-sec{--pad:clamp(64px,9vw,120px);--wd:clamp(40px,7vw,110px);position:relative;padding:var(--pad) 20px;background:var(--bg,var(--w));color:var(--fg,var(--bk-ink))}
.bk-dark{--bg:var(--k);--fg:var(--cream)}
.bk-gold{--bg:var(--gd);--fg:var(--w)}
.bk-paper{--bg:var(--p)}
.bk-wedge{padding-bottom:calc(var(--pad) + var(--wd))}
.bk-wedge::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:var(--wd);background:var(--nx);clip-path:polygon(0 100%,100% 0,100% 100%);pointer-events:none}
.bk-wedge.bk-l::after{clip-path:polygon(0 0,100% 100%,0 100%)}
.bk-wrap{position:relative;z-index:1;max-width:1180px;margin:0 auto}

/* Typografie */
.bk-page h1.bk-h1{font-size:clamp(2rem,8.2vw,5.4rem);line-height:1;font-weight:800;letter-spacing:.015em;text-transform:uppercase;margin:0 0 28px;color:var(--cream);overflow-wrap:normal;hyphens:manual;text-wrap:balance}
.bk-page h2.bk-h2{font-size:clamp(1.7rem,4.6vw,3.3rem);line-height:1.04;font-weight:800;letter-spacing:.02em;text-transform:uppercase;margin:0 0 22px;color:inherit;overflow-wrap:normal;hyphens:manual;text-wrap:balance}
.bk-page h3.bk-h3{font-size:1.2rem;line-height:1.25;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin:0 0 8px;color:inherit}
.bk-page em{font-family:var(--serif);font-style:italic;font-weight:400;text-transform:none;letter-spacing:0;color:var(--g)}
.bk-paper em,.bk-page .bk-lt em{color:var(--gd)}
.bk-gold em{color:var(--w)}
.bk-kicker{display:inline-flex;align-items:center;gap:14px;letter-spacing:.32em;text-transform:uppercase;font-size:.78rem;color:var(--g);margin-bottom:22px}
.bk-kicker::before{content:"";width:46px;height:2px;background:currentColor}
.bk-lead{font-size:clamp(1.1rem,1.6vw,1.3rem);max-width:42em}

/* Buttons */
.bk-btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.bk-page a.bk-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:12px;padding:17px 30px;background:var(--g);color:var(--k);font-weight:800;font-size:.92rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border:2px solid var(--g);isolation:isolate;transition:color .35s}
.bk-page a.bk-btn::before{content:"";position:absolute;inset:0;background:var(--k);transform:translateX(-102%);transition:transform .5s cubic-bezier(.7,0,.2,1);z-index:-1}
.bk-page a.bk-btn:hover,.bk-page a.bk-btn:focus-visible{color:var(--g)}
.bk-page a.bk-btn:hover::before,.bk-page a.bk-btn:focus-visible::before{transform:none}
.bk-page a.bk-btn i{font-style:normal;transition:transform .35s}
.bk-page a.bk-btn:hover i{transform:translateX(5px)}
.bk-page a.bk-btn.bk-o{background:transparent;color:var(--g)}
.bk-page a.bk-btn.bk-o::before{background:var(--g)}
.bk-page a.bk-btn.bk-o:hover,.bk-page a.bk-btn.bk-o:focus-visible{color:var(--k)}
.bk-gold a.bk-btn,.bk-page a.bk-btn.bk-k{background:var(--k);color:var(--g);border-color:var(--k)}
.bk-gold a.bk-btn::before{background:var(--g)}
.bk-gold a.bk-btn:hover{color:var(--k)}
.bk-page a:focus-visible,.bk-page summary:focus-visible{outline:3px solid var(--g);outline-offset:3px}

/* Hero */
.bk-hero{min-height:min(92vh,860px);display:flex;align-items:center;background:var(--k);overflow:hidden}
.bk-hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(169,152,101,.13) 0 2px,transparent 2px clamp(70px,9vw,130px)),radial-gradient(60% 70% at 78% 30%,rgba(169,152,101,.22),transparent 70%)}
.bk-hero .bk-diag{position:absolute;right:0;left:0;bottom:0;height:62%;background:linear-gradient(to top right,transparent calc(50% - 1px),var(--g) 50%,transparent calc(50% + 1px));opacity:.55;pointer-events:none}
.bk-logo{width:min(300px,64%);margin-bottom:34px}
.bk-badge{position:absolute;right:20px;top:clamp(20px,6vw,60px);width:clamp(96px,12vw,150px);height:auto;z-index:2;animation:bk-spin 24s linear infinite}
.bk-badge text{fill:var(--g);font:700 9.4px system-ui,sans-serif;letter-spacing:.22em}
.bk-badge .bk-fb{font:italic 400 22px var(--serif);letter-spacing:0;text-anchor:middle}
@keyframes bk-spin{to{transform:rotate(360deg)}}
.bk-hero .bk-lead{color:#D9D2BF}

/* Laufband */
.bk-mq{padding:0;--bg:var(--g);--fg:var(--k)}
.bk-mq .bk-in{overflow:hidden;padding:20px 0;white-space:nowrap}
.bk-mq .bk-tr{display:inline-flex;animation:bk-mq 32s linear infinite}
.bk-mq span.bk-w{font-weight:800;font-size:clamp(1.1rem,2.4vw,1.7rem);letter-spacing:.14em;text-transform:uppercase;padding-right:28px}
.bk-mq span.bk-w::after{content:"";display:inline-block;width:10px;height:10px;margin-left:28px;background:var(--k);transform:rotate(45deg)}
@keyframes bk-mq{to{transform:translateX(-50%)}}

/* Auf einen Blick */
.bk-glance{display:grid;gap:44px;grid-template-columns:1fr}
.bk-stats{display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin:0 0 30px;padding:0;list-style:none}
.bk-stats li{border-top:3px solid var(--gd);padding-top:12px}
.bk-stats b{display:block;font-size:clamp(1.6rem,4vw,2.8rem);line-height:1;font-weight:800;letter-spacing:.02em;color:var(--k)}
.bk-stats span{font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:#4a4a4a}
.bk-dl{display:grid;grid-template-columns:max-content 1fr;gap:12px 28px;margin:0;padding:clamp(22px,3vw,36px);background:var(--k);color:var(--cream);border-left:6px solid var(--g)}
.bk-dl dt{color:var(--g);letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;font-weight:700;padding-top:3px}
.bk-dl dd{margin:0}
.bk-page .bk-dl a{color:var(--g);font-weight:700}

/* Leistungen */
.bk-svc{display:grid;grid-template-columns:1fr;gap:6px 36px;padding:30px 0;border-top:1px solid rgba(169,152,101,.35);transition:background .4s,padding .4s}
.bk-svc:last-child{border-bottom:1px solid rgba(169,152,101,.35)}
.bk-svc .bk-n{font-family:var(--serif);font-size:clamp(3rem,8vw,6rem);line-height:.9;color:transparent;-webkit-text-stroke:1.5px var(--g);transition:color .4s}
.bk-svc p{margin:0;max-width:34em;color:#D9D2BF}
.bk-svc:hover{background:rgba(169,152,101,.09)}
.bk-svc:hover .bk-n{color:var(--g)}
.bk-more{margin-top:30px;max-width:46em;color:#D9D2BF}

/* Usedom */
.bk-split{display:grid;gap:40px;grid-template-columns:1fr;align-items:start}
.bk-chk{list-style:none;margin:16px 0 0;padding:0}
.bk-chk li{position:relative;padding:12px 0 12px 44px;border-bottom:1px solid rgba(255,255,255,.4);font-weight:600}
.bk-chk li::before{content:"";position:absolute;left:0;top:50%;width:26px;height:26px;margin-top:-13px;background:var(--w);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.bk-chk li::after{content:"";position:absolute;left:8px;top:50%;width:10px;height:5px;margin-top:-6px;border-left:3px solid var(--gd);border-bottom:3px solid var(--gd);transform:rotate(-45deg)}

/* Zielgruppen */
.bk-grid4{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin-top:34px}
.bk-tile{position:relative;background:var(--w);padding:34px 26px 30px;border:1px solid #D8D1BF;transition:transform .4s cubic-bezier(.7,0,.2,1),background .4s,color .4s}
.bk-tile::before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:var(--g);transition:height .4s cubic-bezier(.7,0,.2,1)}
.bk-tile p{margin:0}
.bk-tile:hover{transform:translateY(-8px);background:var(--k);color:var(--cream)}
.bk-tile:hover::before{height:100%;opacity:.0}
.bk-tile:hover h3{color:var(--g)}

/* Ablauf */
.bk-steps{counter-reset:s;display:grid;gap:34px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin:40px 0 0;padding:0;list-style:none;position:relative}
.bk-steps li{counter-increment:s;position:relative;padding-top:30px;border-top:2px solid rgba(169,152,101,.4)}
.bk-steps li::before{content:counter(s);position:absolute;top:-22px;left:0;width:42px;height:42px;display:grid;place-items:center;background:var(--g);color:var(--k);font-weight:800;border-radius:50%}
.bk-steps p{margin:6px 0 0;color:#D9D2BF}

/* Ferien */
.bk-bul{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:14px}
.bk-bul li{padding:16px 18px;background:var(--p);border-left:5px solid var(--g)}

/* Über */
.bk-frame{position:relative;max-width:520px;margin:0 22px 22px 0}
.bk-frame::before{content:"";position:absolute;inset:0;transform:translate(22px,22px);border:2px solid var(--g)}
.bk-frame img{position:relative;aspect-ratio:4/5;object-fit:cover;width:100%;clip-path:polygon(0 0,84% 0,100% 11%,100% 100%,0 100%)}
.bk-list{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.bk-list li{padding:9px 16px;border:1px solid var(--g);color:var(--g);font-size:.9rem;letter-spacing:.08em;text-transform:uppercase}

/* Galerie */
.bk-mos{display:grid;gap:12px;grid-template-columns:repeat(2,1fr);grid-auto-rows:clamp(140px,38vw,220px)}
.bk-mos img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.7,0,.2,1),filter .4s}
.bk-mos figure{margin:0;overflow:hidden;position:relative;background:var(--k2)}
.bk-mos figure:hover img{transform:scale(1.07)}
.bk-mos figure:first-child{grid-column:span 2}

/* FAQ */
.bk-faq details{border-top:1px solid #CFC6AE}
.bk-faq details:last-of-type{border-bottom:1px solid #CFC6AE}
.bk-faq summary{cursor:pointer;list-style:none;padding:22px 52px 22px 0;font-weight:700;font-size:1.1rem;position:relative;transition:color .3s}
.bk-faq summary::-webkit-details-marker{display:none}
.bk-faq summary:hover{color:var(--gd)}
.bk-faq summary::before,.bk-faq summary::after{content:"";position:absolute;right:8px;top:50%;width:20px;height:2px;background:var(--gd);transition:transform .35s}
.bk-faq summary::after{transform:rotate(90deg)}
.bk-faq details[open] summary::after{transform:rotate(0)}
.bk-faq details p{padding:0 52px 24px 0;margin:0;max-width:46em}

/* Kontakt */
.bk-big{display:inline-block;font-size:clamp(2rem,7.2vw,5.4rem);line-height:1;font-weight:800;letter-spacing:.02em;text-decoration:none;color:var(--g);margin:6px 0 26px;border-bottom:3px solid var(--g);padding-bottom:6px;transition:color .3s,border-color .3s}
.bk-big:hover,.bk-big:focus-visible{color:var(--cream);border-color:var(--cream)}
.bk-addr{font-style:normal;color:#D9D2BF}
.bk-addr strong{color:var(--cream)}

/* Scroll-Effekt (nur mit Skript) */
.bk-js [data-r]{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.bk-js [data-r].bk-show{opacity:1;transform:none}

@media(min-width:860px){
.bk-glance{grid-template-columns:1.05fr .95fr;align-items:center}
.bk-split{grid-template-columns:1fr 1fr;gap:70px}
.bk-svc{grid-template-columns:150px 1fr 1.3fr;align-items:center}
.bk-svc h3{margin:0}
.bk-mos{grid-template-columns:repeat(4,1fr);grid-auto-rows:230px}
.bk-mos figure:first-child{grid-column:span 2;grid-row:span 2}
.bk-mos figure:last-child{grid-column:span 2}
.bk-sec{padding-left:max(28px,calc((100% - 1180px)/2));padding-right:max(28px,calc((100% - 1180px)/2))}
}
@media(max-width:620px){
.bk-dl{grid-template-columns:1fr;gap:2px 0}.bk-dl dd{margin-bottom:12px}
.bk-badge{display:none}
.bk-stats{grid-template-columns:1fr 1fr 1fr;gap:10px}
}
@media(prefers-reduced-motion:reduce){
.bk-page *,.bk-page *::before,.bk-page *::after{animation:none!important;transition:none!important}
.bk-js [data-r]{opacity:1;transform:none}
.bk-mq .bk-in{white-space:normal}
.bk-mq .bk-tr{flex-wrap:wrap}
}

/* 7 Korrekturen */
.bk-page .bk-hero{min-height:min(90vh,860px)}
.bk-page p a:not(.bk-btn),.bk-page .bk-lead a{color:inherit;text-decoration:underline;text-decoration-color:var(--g);text-decoration-thickness:2px;text-underline-offset:4px;transition:color .25s}
.bk-page p a:not(.bk-btn):hover,.bk-page .bk-lead a:hover{color:var(--gd)}
.bk-dark p a:not(.bk-btn):hover,.bk-dark .bk-lead a:hover{color:var(--g)}
.bk-gold p a:not(.bk-btn):hover{color:var(--cream);text-decoration-color:var(--cream)}

/* Rechtsseiten (Impressum, Datenschutz): Wrapper .bk-page.bk-legal.
   Der Text kommt per Shortcode aus dem Plugin und hat keine bk-Klassen,
   deshalb sind hier die reinen HTML-Elemente gestaltet. */
.bk-page.bk-legal .bk-lhero{padding-top:clamp(48px,7vw,96px);min-height:0}
.bk-page.bk-legal .bk-lhero h1.bk-h1{font-size:clamp(1.9rem,6vw,4rem);margin-bottom:0}
.bk-page.bk-legal .bk-lbody{background:var(--w);color:var(--bk-ink)}
.bk-page.bk-legal .bk-lbody .bk-wrap > *{max-width:820px}
.bk-page.bk-legal .bk-lbody h1,
.bk-page.bk-legal .bk-lbody h2{font-family:inherit;font-size:clamp(1.1rem,2.2vw,1.45rem);line-height:1.25;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin:44px 0 14px;color:var(--bk-ink)}
.bk-page.bk-legal .bk-lbody h3{font-family:inherit;font-size:1.08rem;line-height:1.3;font-weight:700;margin:28px 0 8px;color:var(--bk-ink)}
.bk-page.bk-legal .bk-lbody h4{font-family:inherit;font-size:1rem;font-weight:700;margin:20px 0 6px}
.bk-page.bk-legal .bk-lbody h1::after,
.bk-page.bk-legal .bk-lbody h2::after{content:"";display:block;width:44px;height:3px;margin-top:10px;background:var(--g)}
.bk-page.bk-legal .bk-lbody > :first-child,
.bk-page.bk-legal .bk-lbody .bk-wrap > :first-child{margin-top:0}
.bk-page.bk-legal .bk-lbody p,
.bk-page.bk-legal .bk-lbody li,
.bk-page.bk-legal .bk-lbody address{font-size:1.02rem;line-height:1.7;font-style:normal;margin:0 0 16px}
.bk-page.bk-legal .bk-lbody ul,
.bk-page.bk-legal .bk-lbody ol{margin:0 0 18px;padding-left:1.3em}
.bk-page.bk-legal .bk-lbody li{margin:4px 0}
.bk-page.bk-legal .bk-lbody strong{font-weight:700}
.bk-page.bk-legal .bk-lbody table{border-collapse:collapse;width:100%;margin:0 0 18px;font-size:.95rem}
.bk-page.bk-legal .bk-lbody th,
.bk-page.bk-legal .bk-lbody td{border:1px solid var(--bk-line);padding:8px 10px;text-align:left;vertical-align:top}
.bk-page.bk-legal .bk-lbody th{background:var(--bk-mist)}
.bk-page.bk-legal .bk-lbody a{color:var(--bk-ink);text-decoration:underline;text-decoration-color:var(--g);text-decoration-thickness:2px;text-underline-offset:4px;overflow-wrap:anywhere}
.bk-page.bk-legal .bk-lbody a:hover{color:var(--gd)}
.bk-page.bk-legal .bk-lbody img{max-width:100%;height:auto}
mark.bk-pruefen{background:#FFE680;color:#0B0B0B;padding:2px 6px;font-weight:600;border-radius:2px;box-decoration-break:clone;-webkit-box-decoration-break:clone}