/* A005/V14 — generated photographic exposed concrete, not procedural noise.
   Reading surfaces are opaque; texture is deliberately exposed around them. */
html[data-ts-integration] #hero{background:#b4b5b3 url('../img/material/sichtbeton-v01.jpg') center/cover no-repeat;border-bottom:1px solid #929794;box-shadow:inset 0 1px 0 #f4f5f3;gap:clamp(24px,3.8vw,60px)}
html[data-ts-integration] #hero .v12-hero-words{background:#f7f7f2;padding:clamp(24px,3.1vw,43px);border:1px solid #c7cac5;border-radius:3px;box-shadow:0 28px 46px -32px #252c3280,0 1px 0 #fff inset}
html[data-ts-integration] #hero .hero-bg{border-radius:5px;border-color:#a8aeaa;box-shadow:0 28px 46px -32px #252c3270}
html[data-ts-integration] #hero .ts-folder{background:#f7f8f3;border-color:#b5bab5;border-radius:5px;backdrop-filter:none}
html[data-ts-integration] #hero>.ki-mark{border-radius:3px;background:#f7f7f2;color:#33413f}
.theme-buero .bu-opening{background:#b4b5b3 url('../img/material/sichtbeton-v01.jpg') 50% 55%/cover no-repeat;border-bottom:1px solid #929794}
.theme-buero .bu-opening-copy{background:#f6f6f1;padding:clamp(24px,3vw,42px);border:1px solid #c6cac4;border-radius:3px;box-shadow:0 24px 48px -35px #252c3280}
.theme-buero .bu-still-note{display:table;margin:30px auto 0;padding:8px 12px;background:#f6f6f1;border:1px solid #b6beb6;border-radius:2px;color:#47524e}
.theme-fragen .question-art{background:#b4b5b3 url('../img/material/sichtbeton-v01.jpg') 40% 45%/cover no-repeat;border-radius:4px;border:1px solid #8e9693;box-shadow:0 26px 44px -32px #252c3280;color:#253139;transform:rotate(-3deg)}
.theme-fragen .question-art>span{transform:rotate(3deg);text-shadow:0 1px 0 #d2d5d3}
.theme-fragen .question-art>div{border-radius:2px;transform:rotate(5deg)}
@media(max-width:959px){html[data-ts-integration] #hero .hero-bg{border-radius:5px}html[data-ts-integration] #hero .v12-hero-words{padding:30px}html[data-ts-integration] #hero{gap:24px}}
@media(max-width:639px){html[data-ts-integration] #hero .v12-hero-words{padding:22px 18px}html[data-ts-integration] #hero h1{font-size:clamp(34px,9.1vw,54px)}html[data-ts-integration] #hero .hero-bg{border-radius:4px}.theme-buero .bu-opening-copy{padding:25px 20px}}
@media(forced-colors:active){html[data-ts-integration] #hero,.theme-buero .bu-opening,.theme-fragen .question-art{background:Canvas;border-color:CanvasText;box-shadow:none}html[data-ts-integration] #hero .v12-hero-words,.theme-buero .bu-opening-copy,.theme-buero .bu-still-note{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}.theme-fragen .question-art>span{color:CanvasText;text-shadow:none}}