/* Shared public-site refinements: readable workflows and compact mobile pages. */
.premium-figure{width:100%;max-width:480px;margin:0 auto;background:transparent;border:0;box-shadow:none}
.premium-figure img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;transform:none}
.tag-medien:has(.premium-figure){padding:0;background:transparent}
.tag-item:has(.premium-figure){align-items:center;gap:2.5rem}
.site-related{padding:2rem 0;border-top:1px solid #c9e2de}
.site-related h2{font-size:1.5rem;margin-bottom:.8rem}
.site-related a{display:inline-block;color:var(--jade-700);text-decoration:underline;text-underline-offset:.25em;margin:.4rem 1.5rem .4rem 0}
.seite-held .lead{max-width:62ch}
.content-story{max-width:820px;margin-inline:auto}
.content-story h2{font-size:clamp(1.55rem,3vw,2rem);line-height:1.15;margin:2rem 0 .85rem}
.content-story h3{font-size:1.2rem;margin:1.4rem 0 .6rem}
.content-story p,.content-story li{font-size:1.0625rem;line-height:1.65;color:var(--ink-mild)}
.content-story p+p{margin-top:.85rem}
.content-story ul,.content-story ol{padding-left:1.3rem;margin-block:1rem}
.content-story li+li{margin-top:.45rem}
.content-story a{text-decoration:underline;color:var(--jade-700);text-underline-offset:.2em}
.content-story .premium-figure{margin:1.6rem auto}
.content-story .answer-box{padding:1.25rem 1.4rem;background:var(--papier-tief);border:1px solid #c9e2de;border-radius:14px}
.content-story details{padding:1rem 0;border-top:1px solid #c9e2de}
.content-story summary{font-size:1.08rem;font-weight:500;cursor:pointer}
.content-story details p{margin-top:.6rem}
.held.refresh-hero{padding-top:6.75rem;padding-bottom:2.2rem}
.refresh-hero .held-gitter{grid-template-columns:.9fr 1.1fr;grid-template-areas:'title video' 'action video';column-gap:2.5rem;row-gap:1.1rem;align-items:center}
.refresh-hero-title{grid-area:title;align-self:end;min-width:0}
.refresh-hero-title>p{font-size:.95rem;color:var(--sand-200);margin-bottom:.6rem}
.refresh-hero-title .h1{font-size:clamp(2rem,3.6vw,3.1rem);font-weight:500;line-height:1.08;text-wrap:initial}
.refresh-hero-video{grid-area:video;position:relative;min-width:0}
.refresh-hero-video .fenster{border-radius:16px}
.refresh-hero-video video{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.refresh-hero-actions{grid-area:action;align-self:start}
.refresh-hero-actions .lead{font-size:1.08rem;font-weight:400;line-height:1.5;margin:0 0 1.2rem;color:var(--sand-200)}
.refresh-film-sound{position:absolute;top:.6rem;right:.6rem;z-index:2;background:#08201aed;color:#fff;border:1px solid #75bfb1;border-radius:999px;padding:.5rem .85rem;font-size:.875rem;line-height:1.3}
.refresh-film-sound[hidden]{display:none}
.product-journeys{padding-block:2.5rem;background:#fff}
.product-journey{display:grid;grid-template-columns:1fr 1.05fr;grid-template-areas:'text visual' 'action visual';gap:1rem 2.5rem;align-items:center;padding:2rem;background:var(--papier-tief);border:1px solid #c9e2de;border-radius:20px}
.product-journey+.product-journey{margin-top:1.5rem}
.product-journey:nth-child(even){grid-template-areas:'visual text' 'visual action'}
.product-journey-copy{grid-area:text;align-self:end;min-width:0}
.product-journey-copy>p:first-child{font-size:.95rem;font-weight:500;color:var(--jade-700);margin-bottom:.65rem}
.product-journey-copy h2{font-size:clamp(1.8rem,2.7vw,2.6rem);line-height:1.1;font-weight:500}
.product-journey-copy .feature-text{font-size:1.08rem;line-height:1.55;max-width:44ch;margin-top:.85rem}
.product-journey-visual{grid-area:visual;min-width:0}
.product-journey-action{grid-area:action;align-self:start}
.product-journey-action .btn{font-size:1rem;margin-top:0}
.catalogue-mobile-choice{display:none}
.tabs-panel{grid-template-columns:300px minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:'list detail' 'list media';gap:1.3rem 2rem}
.tabs-panel>div:first-child{grid-area:list}
.up-detail{grid-area:detail;display:block}
.up-detail h3{font-size:1.65rem}
.up-detail p{font-size:1.05rem;max-width:58ch;margin-top:.45rem}
.up-detail a{margin-top:.65rem}
.up-medien{grid-area:media;align-items:start;justify-content:center;margin:0;min-height:0}
.up-medien .fenster{border:0;background:transparent;box-shadow:none;border-radius:0;width:100%;max-width:590px}
.up-medien img,.up-medien video{width:100%;height:auto;max-height:530px;aspect-ratio:auto;object-fit:contain;transform:none;background:transparent}
@media(max-width:960px){
 .refresh-hero .held-gitter{grid-template-columns:1fr;grid-template-areas:'title' 'video' 'action';gap:1rem}
 .held.refresh-hero{padding-top:5.3rem;padding-bottom:1.7rem}
 .refresh-hero-title .h1{font-size:2.3rem}
 .refresh-hero-actions .btn{width:100%}
 .product-journey,.product-journey:nth-child(even){grid-template-columns:1fr;grid-template-areas:'text' 'visual' 'action';gap:1.1rem;padding:1.3rem}
 .product-journey-action{text-align:center}
 .product-journey-action .btn{width:100%;max-width:480px}
 .product-journey-copy .feature-text{max-width:none}
 .tabs-panel{grid-template-columns:240px minmax(0,1fr);gap:1rem}
}
@media(max-width:760px){
 .preis-gitter{grid-template-columns:minmax(0,1fr)!important}
 .preis-gitter>*{min-width:0}
 .kopf-innen{padding-block:.65rem}
 .marke img{width:38px}
 .seite-held{padding-top:5.4rem;padding-bottom:1.65rem}
 .seite-held .h1{font-size:clamp(1.8rem,7.5vw,2.3rem)!important;line-height:1.13}
 .seite-held .lead{font-size:1.0625rem;line-height:1.5;margin-top:.8rem}
 .tag-item:has(.premium-figure){gap:1.25rem}
 .tag-medien .premium-figure{max-width:480px}
 .section{padding-block:2.3rem}
 .tag-item .tag-text{order:0!important}
 .tag-item .tag-medien{order:1!important}
 .held.refresh-hero{padding-top:4.7rem}
 .refresh-hero .held-gitter{gap:.85rem}
 .refresh-hero-title>p{font-size:.875rem;margin-bottom:.45rem}
 .refresh-hero-title .h1{font-size:1.95rem}
 .refresh-hero-video{margin-inline:-.8rem}
 .refresh-hero-video .fenster{border-radius:12px}
 .refresh-hero-actions .lead{font-size:1rem;line-height:1.45;margin-bottom:1rem}
 .refresh-film-sound{font-size:.8125rem;top:.45rem;right:.45rem}
 .product-journeys{padding-block:1.5rem}
 .product-journey-copy h2{font-size:1.8rem}
 .product-journey-copy .feature-text{font-size:1rem;line-height:1.5}
 .product-journey-visual{margin-inline:-.45rem}
 .catalogue-mobile-choice{display:block;margin:.9rem 0}
 .catalogue-mobile-choice label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.4rem}
 .catalogue-mobile-choice select{width:100%;min-height:48px;border:1px solid #aacfc6;border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-size:1rem;padding:.65rem .8rem}
 .tabs-panel{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;grid-template-areas:'detail' 'media';padding:1rem;gap:1rem}
 .tabs-panel>div:first-child{display:none}
 .up-detail h3{font-size:1.5rem}
 .up-detail p{font-size:1rem;line-height:1.5}
 .tabs-kopf{text-align:left;margin-bottom:1.3rem}
 .tabs-kopf h2{font-size:1.9rem}
 .tabs-kopf p{font-size:1rem;line-height:1.5}
 .tabs-leiste{gap:.25rem;margin-bottom:0}
 .tab-reiter{font-size:.9375rem;padding:.75rem .9rem;border-radius:8px}
 .linkverzeichnis{padding-block:1.5rem}
 .fuss{padding-top:2rem}
 .fuss-oben{gap:1.5rem}
}
@media(max-width:359px){.refresh-hero-title .h1{font-size:1.75rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.auftauchen,.chat{opacity:1!important;transform:none!important;translate:none!important;transition:none!important}.marquee-spur{animation:none!important}}
