/* Bryma · CMS-Abschnitte: Hintergründe, Abstände, allgemeine Blöcke, Sprachumschaltung */

/* language switch for rich text */
html:not([lang="en"]) .i18n-en{display:none!important}
html[lang="en"] .i18n-de{display:none!important}

/* theme hooks */
.sec-title,.hero-title,.si-title,.st-name,.sc-v,.bom tbody th,.step-name,.kp-name,.cc-title,.pd-title,.pd-h2,.cat-count,.title-block .tb-wide dd,.feat h3,.panel h2{text-transform:var(--tt,uppercase)}
.btn,.panel,.cc,.chip span,.cat-filters,.map-box,.such-form,.gal-main,.img-box,.vid-fig video,.feat-item,.title-block,.adm-row,.badge{border-radius:var(--radius,0)}
.btn-wa{color:var(--accent-text,var(--ink))}
.brand img{max-width:42vw;height:auto}

/* section shells */
.blk{position:relative;isolation:isolate}
.blk.pad-s{padding-block:clamp(2rem,4vw,3rem)}
.blk.pad-m{padding-block:clamp(4rem,9vw,7.5rem)}
.blk.pad-l{padding-block:clamp(5.5rem,12vw,10rem)}
.blk.hero.pad-m{padding-block:clamp(2rem,5vw,4.5rem) clamp(3rem,6vw,5rem)}
.blk.hero.pad-s{padding-block:1.25rem 2rem}
.blk.band,.blk.hero+.blk{border-top:1px solid var(--rule)}
.blk.bg-panel{background:var(--graphite-2)}
.blk.bg-accent{background:var(--orange);color:var(--accent-text,#16181b)}
.blk.bg-accent .sec-lede,.blk.bg-accent .sheet-tag{color:inherit;opacity:.85}
.blk.bg-accent .sheet-tag span:first-child{color:inherit}
.blk.bg-accent .btn-wa{background:var(--accent-text,#16181b);color:var(--orange)}
.blk.bg-accent .btn-line{border-color:currentColor;color:inherit}
.blk.bg-custom{background:var(--sec-bg)}
.blk.bg-custom.on-light{color:var(--ink)}
.blk.bg-custom.on-light .sec-lede,.blk.bg-custom.on-light .sheet-tag{color:#4f575f}
.blk.bg-custom.on-light .btn-line{color:var(--ink);border-color:rgba(22,24,27,.35)}
.blk.bg-image{background:var(--graphite) var(--sec-img) center/cover no-repeat}
.blk.bg-image::after{content:"";position:absolute;inset:0;z-index:-1;background:#000;opacity:var(--sec-ov,.5)}
.blk.has-grid:not(.hero)::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background-image:linear-gradient(var(--rule) 1px,transparent 1px),linear-gradient(90deg,var(--rule) 1px,transparent 1px);background-size:32px 32px;
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%)}
.blk.hero:not(.has-grid)::before{display:none}
.blk.paper.has-grid::before{opacity:1;-webkit-mask-image:none;mask-image:none;background-image:linear-gradient(var(--paper-rule) 1px,transparent 1px),linear-gradient(90deg,var(--paper-rule) 1px,transparent 1px)}
.blk.paper:not(.has-grid){background-image:none}
.blk.paper:not(.has-grid)::before{display:none}
.blk.paper .btn-line{color:var(--ink);border-color:rgba(22,24,27,.35)}
.blk.paper a:not(.btn){color:inherit}
.btn-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}

/* hero variants */
.hero-none .hero-copy{grid-column:1 / -1;max-width:60rem}
.stage-media .stage-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.stage-media.fit-cover .stage-photo{object-fit:cover}
.hero-image .stage-media,.hero-video .stage-media{background:var(--graphite-2);border:1px solid var(--rule)}

/* sortiment */
.sort-tabs-1{grid-template-columns:1fr}.sort-tabs-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sort-tabs-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sort-tabs-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sort-tabs-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.sort-tabs-4 .st-name,.sort-tabs-5 .st-name,.sort-tabs-6 .st-name{font-size:clamp(1.1rem,2vw,1.8rem)}
.drawing-photo img{width:100%;aspect-ratio:2 / 1;object-fit:contain;background:var(--graphite-2);border:1px solid var(--rule)}
.sort-info-wide{grid-column:1 / -1}

/* contact */
.kon-single .kon-main{grid-column:1 / span 9}

/* generic: text */
.txt{display:grid;gap:1.25rem}
.txt-narrow{max-width:46rem}
.txt .sec-head{margin-bottom:.5rem}
.prose{display:grid;gap:1rem;font-size:1.06rem;line-height:1.7;max-width:70ch}
.prose ul{margin:0;padding-left:1.2rem;display:grid;gap:.4rem}
.prose a{text-decoration-color:var(--orange);text-underline-offset:.2em}
.prose strong{font-weight:700}
.paper .prose{color:#2a3036}

/* generic: image / gallery / video */
.img-fig,.vid-fig{margin:0;display:grid;gap:.6rem}
.img-box{background:var(--graphite-2);border:1px solid var(--rule);overflow:hidden;max-width:100%}
.img-box img{width:100%;height:auto;display:block}
.img-box.has-ratio img{height:100%;object-fit:contain}
.img-box.fit-cover.has-ratio img{object-fit:cover}
.img-fig figcaption,.vid-fig figcaption,.gal-cap{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.vid-fig video{width:100%;max-height:80vh;background:#000;border:1px solid var(--rule)}
.gallery{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.gallery.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.gallery li{display:grid;gap:.4rem;min-width:0}
.gal-item{display:block;padding:0;border:1px solid var(--rule);background:var(--graphite-2);cursor:zoom-in;aspect-ratio:4 / 3;overflow:hidden}
.gal-item img{width:100%;height:100%;object-fit:contain;transition:transform .4s var(--ease)}
.gal-item:hover img{transform:scale(1.03)}
.lb-cap{position:absolute;left:0;right:0;bottom:calc(.6rem + env(safe-area-inset-bottom,0px));text-align:center;font-size:.9rem;color:var(--muted);padding:0 1rem}

/* generic: cta / features */
.cta-grid{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1.5rem 3rem}
.cta-grid>div{max-width:52rem;display:grid;gap:1rem}
.cta-btns{margin-top:0}
.feat{list-style:none;margin:0;padding:0;display:grid;gap:1.25rem}
.feat.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.feat.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.feat.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.feat-item{border-top:2px solid var(--fg);padding-top:1rem;display:grid;align-content:start;gap:.6rem;min-width:0}
.paper .feat-item{border-color:var(--ink)}
.feat-item img{width:100%;aspect-ratio:4 / 3;object-fit:cover;background:var(--graphite-2)}
.feat-no{font-family:var(--f-mono);font-size:.78rem;color:var(--orange)}
.paper .feat-no{color:var(--orange-ink)}
.feat h3{font-family:var(--f-display);font-size:1.5rem;line-height:1.05}
.feat p{color:var(--muted)}
.paper .feat p{color:#2a3036}
.feat-link{text-decoration:none;display:grid;gap:.6rem}
.feat-link:hover h3{text-decoration:underline;text-decoration-color:var(--orange)}

/* footer additions */
.foot-addr{color:var(--muted);font-size:.9rem}
.foot-addr a{color:inherit}

@media (max-width:960px){
  .kon-single .kon-main{grid-column:1}
  .sort-tabs-4,.sort-tabs-5,.sort-tabs-6{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gallery.cols-3,.gallery.cols-4,.feat.cols-3,.feat.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .sort-tabs-2,.sort-tabs-4,.sort-tabs-5,.sort-tabs-6{grid-template-columns:1fr}
  .gallery.cols-2,.gallery.cols-3,.gallery.cols-4,.feat.cols-2,.feat.cols-3,.feat.cols-4{grid-template-columns:1fr}
}
.no-draw .drawing.is-drawing .dw-body path,.no-draw .drawing.is-drawing .dw-wheels circle{animation:none;stroke-dashoffset:0}