.sg-info-bildbox1-page { margin:0; font-family:'Raleway', sans-serif; background:#ffffff; color:#22262c; }
.sg-info-bildbox1-page__wrap { width:100% }
.sg-info-bildbox1-page__title { margin:0 0 24px; font-size:clamp(1.45rem, 3vw, 3rem); line-height:1.1; }
.sg-info-bildbox1-page__grid { display:grid; gap:34px; }
.sg-info-bildbox1-page__note { margin:18px 0 0; color:#5e6670; font-size:0.95rem; }
.sg-info-bildbox1 { --sg-info-bildbox1-radius:26px; --sg-info-bildbox1-mobile-radius:0px; --sg-info-bildbox1-shadow-color:rgba(15, 15, 15, 0.42); --sg-info-bildbox1-bevel-size:2px; --sg-info-bildbox1-glass-bg:rgba(224, 229, 235, 0.44); --sg-info-bildbox1-clean-glass-bg:rgba(255, 255, 255, 0.42); --sg-info-bildbox1-title-size:clamp(1.15rem, 2.35vw, 3rem); --sg-info-bildbox1-alt-size:clamp(0.95rem, 1.25vw, 1.38rem); --sg-info-bildbox1-content-width:min(88%, 1620px); --sg-info-bildbox1-active-blur:0.35px; --sg-info-bildbox1-active-zoom:1.018; --sg-info-bildbox1-clean-active-blur:0.4px; --sg-info-bildbox1-clean-active-zoom:1.014; width:min(100%, 2000px); margin:0; color:#22262c; }
.sg-info-bildbox1, .sg-info-bildbox1 * { box-sizing:border-box; }
.sg-info-bildbox1__sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); white-space:nowrap; border:0; }
.sg-info-bildbox1__trigger { position:relative; display:block; width:100%; aspect-ratio:10 / 3; min-height:220px; overflow:hidden; padding:0; cursor:pointer; border:1px solid rgba(255, 255, 255, 0.78); border-radius:var(--sg-info-bildbox1-radius); background:#ffffff; box-shadow:0 12px 10px -8px var(--sg-info-bildbox1-shadow-color); isolation:isolate; transform:translateZ(0); -webkit-tap-highlight-color:transparent; }
.sg-info-bildbox1__trigger::before { content:""; position:absolute; inset:0; z-index:3; pointer-events:none; border-radius:inherit; box-shadow:inset var(--sg-info-bildbox1-bevel-size) var(--sg-info-bildbox1-bevel-size) 0 rgba(255, 255, 255, 0.78), inset calc(var(--sg-info-bildbox1-bevel-size) * -1) calc(var(--sg-info-bildbox1-bevel-size) * -1) 0 rgba(28, 28, 28, 0.20), inset 0 12px 20px rgba(255, 255, 255, 0.18), inset 0 -14px 18px rgba(0, 0, 0, 0.10); }
.sg-info-bildbox1__image { display:block; width:100%; height:100%; object-fit:contain; object-position:center; border-radius:inherit; transition:transform 280ms ease, filter 280ms ease; }
.sg-info-bildbox1__glass { position:absolute; inset:0; z-index:2; display:grid; place-items:center; padding:clamp(18px, 4vw, 72px); color:#22262c; text-align:center; background:linear-gradient(135deg, rgba(255, 255, 255, 0.44), rgba(218, 223, 230, 0.30)), var(--sg-info-bildbox1-glass-bg); border:1px solid rgba(255, 255, 255, 0.58); opacity:0; visibility:hidden; backdrop-filter:blur(15px) saturate(1.1); -webkit-backdrop-filter:blur(15px) saturate(1.1); transition:opacity 240ms ease, visibility 240ms ease; }
.sg-info-bildbox1__content { width:var(--sg-info-bildbox1-content-width); max-width:1620px; padding:clamp(18px, 3.6vw, 58px); border:1px solid rgba(255, 255, 255, 0.56); border-radius:max(calc(var(--sg-info-bildbox1-radius) - 8px), 0px); background:rgba(255, 255, 255, 0.22); box-shadow:inset 1px 1px 0 rgba(255, 255, 255, 0.45), inset -1px -1px 0 rgba(0, 0, 0, 0.08), 0 8px 10px -10px rgba(0, 0, 0, 0.30); text-align:center; }
.sg-info-bildbox1__title, .sg-info-bildbox1__alt { display:block; }
.sg-info-bildbox1__title { color:#22262c; font-size:var(--sg-info-bildbox1-title-size); font-weight:800; line-height:1.08; letter-spacing:-0.04em; text-wrap:balance; }
.sg-info-bildbox1__alt { max-width:108ch; margin:clamp(10px, 1.6vw, 24px) auto 0; color:#22262c; font-size:var(--sg-info-bildbox1-alt-size); line-height:1.45; text-wrap:pretty; }
.sg-info-bildbox1__caption { margin-top:12px; color:#5e6670; font-size:0.92rem; }
.sg-info-bildbox1.sg-info-bildbox1--is-active .sg-info-bildbox1__glass { opacity:1; visibility:visible; }
.sg-info-bildbox1.sg-info-bildbox1--is-active .sg-info-bildbox1__image { transform:scale(var(--sg-info-bildbox1-active-zoom)); filter:blur(var(--sg-info-bildbox1-active-blur)); }
.sg-info-bildbox1__trigger:focus-visible { outline:3px solid #4b5563; outline-offset:5px; }
.sg-info-bildbox1--clean { --sg-info-bildbox1-radius:0px; }
.sg-info-bildbox1--clean .sg-info-bildbox1__trigger { border:0; border-radius:0; box-shadow:none; background:transparent; }
.sg-info-bildbox1--clean .sg-info-bildbox1__trigger::before { content:none; }
.sg-info-bildbox1--clean .sg-info-bildbox1__image { filter:none; }
.sg-info-bildbox1--clean.sg-info-bildbox1--is-active .sg-info-bildbox1__image { transform:scale(var(--sg-info-bildbox1-clean-active-zoom)); filter:blur(var(--sg-info-bildbox1-clean-active-blur)); }
.sg-info-bildbox1--clean .sg-info-bildbox1__glass { background:linear-gradient(135deg, rgba(255, 255, 255, 0.66), rgba(255, 255, 255, 0.42)), var(--sg-info-bildbox1-clean-glass-bg); border-color:rgba(255, 255, 255, 0.68); }
.sg-info-bildbox1--clean .sg-info-bildbox1__content { border-radius:18px; background:rgba(255, 255, 255, 0.32); }
.sg-info-bildbox1--no-radius { --sg-info-bildbox1-radius:0px; }
@media (max-width:1600px) { .sg-info-bildbox1 { --sg-info-bildbox1-content-width:92%; } .sg-info-bildbox1__alt { max-width:112ch; } }
@media (max-width:1300px) { .sg-info-bildbox1 { --sg-info-bildbox1-content-width:95%; } .sg-info-bildbox1__content { padding-inline:clamp(20px, 3vw, 44px); } .sg-info-bildbox1__alt { max-width:116ch; } }
@media (max-width:1100px) { .sg-info-bildbox1 { --sg-info-bildbox1-content-width:97%; } .sg-info-bildbox1__content { padding-inline:clamp(18px, 2.6vw, 34px); } }
@media (max-width:900px) { .sg-info-bildbox1-page__wrap { width:100%; margin:32px 0; } .sg-info-bildbox1-page__title, .sg-info-bildbox1-page__note { padding-inline:14px; } .sg-info-bildbox1-page__title { font-size:clamp(1.15rem, 4.8vw, 1.8rem); } .sg-info-bildbox1-page__grid { gap:26px; } .sg-info-bildbox1 { --sg-info-bildbox1-title-size:clamp(1.02rem, 3.2vw, 1.55rem); --sg-info-bildbox1-alt-size:clamp(0.92rem, 2.2vw, 1.08rem); --sg-info-bildbox1-content-width:98%; } .sg-info-bildbox1__content { padding:20px 18px; } }
@media (max-width:680px) { .sg-info-bildbox1 { --sg-info-bildbox1-active-blur:0.2px; --sg-info-bildbox1-active-zoom:1.008; --sg-info-bildbox1-clean-active-blur:0.25px; --sg-info-bildbox1-clean-active-zoom:1.006; --sg-info-bildbox1-title-size:clamp(0.9rem, 3.8vw, 1.15rem); --sg-info-bildbox1-alt-size:clamp(0.82rem, 3.25vw, 0.98rem); --sg-info-bildbox1-content-width:100%; } .sg-info-bildbox1__trigger { aspect-ratio:auto; min-height:0; border-radius:var(--sg-info-bildbox1-mobile-radius); } .sg-info-bildbox1__trigger::before { border-radius:inherit; } .sg-info-bildbox1__image { width:100%; height:auto; min-height:0; border-radius:inherit; object-fit:contain; } .sg-info-bildbox1__glass { padding:14px 10px; align-items:center; } .sg-info-bildbox1__content, .sg-info-bildbox1--clean .sg-info-bildbox1__content { width:calc(100% - 16px); max-width:none; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; text-align:center; } .sg-info-bildbox1__title, .sg-info-bildbox1__alt { margin-inline:auto; max-width:min(92vw, 560px); } .sg-info-bildbox1__title { line-height:1.08; } .sg-info-bildbox1__alt { margin-top:8px; line-height:1.38; } .sg-info-bildbox1__caption { padding-inline:12px; } }
@media (max-width:420px) { .sg-info-bildbox1 { --sg-info-bildbox1-title-size:clamp(0.82rem, 4.2vw, 1rem); --sg-info-bildbox1-alt-size:clamp(0.76rem, 3.55vw, 0.9rem); } .sg-info-bildbox1__glass { padding:10px 8px; } .sg-info-bildbox1__content, .sg-info-bildbox1--clean .sg-info-bildbox1__content { width:calc(100% - 10px); padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; } .sg-info-bildbox1__title, .sg-info-bildbox1__alt { max-width:min(94vw, 480px); } .sg-info-bildbox1__alt { margin-top:6px; line-height:1.32; } }
@media (max-width:360px) { .sg-info-bildbox1 { --sg-info-bildbox1-title-size:clamp(0.76rem, 3.9vw, 0.9rem); --sg-info-bildbox1-alt-size:clamp(0.72rem, 3.3vw, 0.82rem); } .sg-info-bildbox1__glass { padding:8px 6px; } .sg-info-bildbox1__title, .sg-info-bildbox1__alt { max-width:min(95vw, 440px); } }
@media (prefers-reduced-motion:reduce) { .sg-info-bildbox1__image, .sg-info-bildbox1__glass { transition:none; } }