/* Bayer Druck – Werkzeug „streiflicht“ (Seite 140 #varianten). Nur eigene Klassen bd-wz-streiflicht / bdz-. */
.bd-wz-streiflicht .bdz-tisch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2.6vw,26px) clamp(12px,2.2vw,22px);margin:4px 0 2px;touch-action:pan-y;-webkit-user-select:none;user-select:none}
.bd-wz-streiflicht .bdz-feld{margin:0;display:grid;gap:8px;align-content:start;min-width:0}
.bd-wz-streiflicht .bdz-karte{position:relative;aspect-ratio:1;perspective:1100px;cursor:crosshair}
.bd-wz-streiflicht .bdz-dreh{position:absolute;inset:0;transform-style:preserve-3d}
.bd-wz-streiflicht .bdz-seite{position:absolute;inset:0;display:block;width:100%;height:100%;background:#f4f4f4;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 0 0 1px rgba(29,29,27,.08),0 1px 2px rgba(29,29,27,.14),0 10px 22px -12px rgba(29,29,27,.45)}
.bd-wz-streiflicht .bdz-seite--hinten{transform:rotateY(180deg)}
.bd-wz-streiflicht .bdz-tag{position:absolute;right:8px;top:7px;font:700 10.5px/1 var(--bd-font-sans);letter-spacing:.12em;text-transform:uppercase;color:#6b6b6b;transform:rotateY(180deg) translateZ(1px);backface-visibility:hidden;-webkit-backface-visibility:hidden;pointer-events:none}
.bd-wz-streiflicht .bdz-um .bdz-dreh{transform:rotateY(180deg)}
@media (prefers-reduced-motion:no-preference){
  html[data-bd-motion="on"] .bd-wz-streiflicht .bdz-dreh{transition:transform .8s var(--bd-ease,cubic-bezier(.2,.7,.1,1))}
  html[data-bd-motion="on"] .bd-wz-streiflicht .bdz-rose i{transition:transform .12s linear}
}
html:not([data-bd-motion="on"]) .bd-wz-streiflicht .bdz-dreh{transition-delay:0s!important}
.bd-wz-streiflicht .bdz-scap{display:grid;gap:2px;font-size:14.5px;line-height:1.4}
.bd-wz-streiflicht .bdz-name{font-weight:700;font-size:15.5px;letter-spacing:-.01em}
.bd-wz-streiflicht .bdz-text{color:var(--bd-mute,#555)}
.bd-wz-streiflicht .bdz-leiste{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;border-top:1px solid var(--bd-line,#d9d9d9);padding-top:14px}
.bd-wz-streiflicht .bdz-licht{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;flex:1 1 300px;min-width:0}
.bd-wz-streiflicht .bdz-licht label{font-size:15px;white-space:nowrap;min-width:11em}
.bd-wz-streiflicht .bdz-regler{flex:1 1 120px;min-width:120px;max-width:300px;min-height:44px;margin:0;accent-color:var(--bd-ink,#1D1D1B);cursor:pointer}
.bd-wz-streiflicht .bdz-rose{position:relative;flex:none;width:34px;height:34px;border:1.4px solid var(--bd-ink,#1D1D1B);border-radius:50%;background:radial-gradient(circle,#fff 0 30%,#f2f2f2 31%)}
.bd-wz-streiflicht .bdz-rose i{position:absolute;inset:0;display:block}
.bd-wz-streiflicht .bdz-rose i::before{content:"";position:absolute;left:50%;top:3px;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--bd-red,#E30613)}
.bd-wz-streiflicht .bdz-knopf{min-height:44px;padding:8px 18px;border:1px solid var(--bd-ink,#1D1D1B);background:var(--bd-paper,#fff);color:var(--bd-ink,#1D1D1B);font:700 15px/1.2 var(--bd-font-sans);cursor:pointer}
.bd-wz-streiflicht .bdz-knopf:hover{border-color:var(--bd-red,#E30613)}
.bd-wz-streiflicht .bdz-knopf[aria-pressed="true"]{background:var(--bd-ink,#1D1D1B);color:#fff}
.bd-wz-streiflicht .bdz-knopf::before{content:"";display:inline-block;width:14px;height:10px;margin-right:9px;border:1.4px solid currentColor;vertical-align:-1px;transform:skewY(-12deg)}
@media (max-width:479px){
  .bd-wz-streiflicht .bdz-scap{font-size:13.5px}
  .bd-wz-streiflicht .bdz-name{font-size:14.5px}
  .bd-wz-streiflicht .bdz-knopf{width:100%}
}