/* Scoped presentation for explanatory material. Existing design tokens and section order stay intact. */
.explanation-media {display:block!important;margin:1rem 0!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;overflow:visible!important;background:transparent!important;}
.explanation-media::before,.explanation-media::after {display:none!important;}
.explanation-media img {position:static!important;display:block!important;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:3/2!important;object-fit:contain!important;border-radius:8px;}
.explanation-media figcaption {position:static!important;padding:.65rem 0!important;font-size:.95rem;line-height:1.55;color:inherit!important;background:none!important;}
.explanation-media figcaption strong {font-size:1rem;line-height:1.4;display:block;}
.explanation-media figcaption p {margin:0 0 .45rem!important;}
.explanation-media figcaption a {text-decoration:underline;text-underline-offset:3px;}
.explanation-host,.card-visual:has(.explanation-media),.media:has(.explanation-media) {height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;overflow:visible!important;}
.welt-angebot .explanation-media {margin:.8rem 0!important;}
.welt-angebot > p {line-height:1.65;}
.welt-angebot .arrow-link {margin-top:.7rem;}
.themenpaar-text > .arrow-link {display:inline-flex;margin-top:.75rem;line-height:1.5;}
.compare-table {scroll-margin-top:110px;}
.example-note {font-size:.9rem;line-height:1.6;}
.service-example {border:1px solid var(--line,#d6dde0);border-radius:12px;padding:1.1rem;line-height:1.6;margin:1.2rem 0;background:var(--surface,#f4f7f8);color:var(--ink,#1b2b32);}
.service-example h3 {font-size:1.1rem;margin:0 0 .8rem;}
.service-example p {margin:.6rem 0;}
.service-example .example-label {font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;}
.service-example ol {padding-left:1.3rem;}
.service-example li {margin:.55rem 0;}
.service-example .plan-weeks {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;}
.service-example .plan-week {padding:.8rem;background:white;border-radius:8px;border:1px solid #d6dde0;}
@media(max-width:639px){.service-example .plan-weeks{grid-template-columns:1fr}.explanation-media figcaption{font-size:1rem}.explanation-media figcaption a{display:inline-block;padding:.25rem 0;}}

.complete-flow-header:has(.explanation-media){grid-template-columns:1fr!important}.complete-flow-header #flow-product-media:has(.explanation-media){max-width:600px;width:100%}.complete-config-picture.explanation-media img{max-height:none!important}

.website-example img,.complete-config-picture[data-product-media^="website_"] img{aspect-ratio:auto!important;max-height:none!important}.compare-table .website-example{min-width:0}.compare-table .website-example figcaption{font-size:.85rem}.compare-table .website-example figcaption a{display:inline-block}.compare-table .website-example strong{font-size:1rem}.compare-table .website-example img{width:100%;height:auto}

.grid>.service-example{grid-column:1/-1}.brand-result-grid,.shop-concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.brand-result-grid figure,.shop-concept{margin:0}.brand-result-grid img,.brand-result-grid video{width:100%;height:auto;display:block}.brand-result-grid figcaption{padding:.8rem 0}.shop-concept{background:#f6f9f8;border:1px solid #dbe5e1;border-radius:1rem;padding:1.5rem}.shop-concept-grid>div{background:#fff;border:1px solid #dbe5e1;border-radius:.7rem;padding:1rem}.sample-products{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.sample-products strong,.sample-products span{display:block}.sample-vessel{display:block;width:70px;height:80px;margin:1rem auto;background:#6f949b;border:3px solid #5b7e85;border-radius:8px 8px 28px 28px;box-shadow:inset -12px 0 15px #4a747d44}.sample-vessel.warm{background:#cbb799;border-color:#ad9577}.shop-concept figcaption{margin-bottom:1rem}.shop-concept-grid{font-size:.95rem}@media(max-width:700px){.brand-result-grid,.shop-concept-grid{grid-template-columns:1fr}.shop-concept{padding:1rem}}

.grid>.service-example{grid-column:1/-1}.brand-result-grid,.shop-concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.brand-result-grid figure,.shop-concept{margin:0}.brand-result-grid img,.brand-result-grid video{width:100%;height:auto;display:block}.brand-result-grid figcaption{padding:.8rem 0}.shop-concept{background:#f6f9f8;border:1px solid #dbe5e1;border-radius:1rem;padding:1.5rem}.shop-concept-grid>div{background:#fff;border:1px solid #dbe5e1;border-radius:.7rem;padding:1rem}.sample-products{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.sample-products strong,.sample-products span{display:block}.sample-vessel{display:block;width:70px;height:80px;margin:1rem auto;background:#6f949b;border:3px solid #5b7e85;border-radius:8px 8px 28px 28px;box-shadow:inset -12px 0 15px #4a747d44}.sample-vessel.warm{background:#cbb799;border-color:#ad9577}.shop-concept figcaption{margin-bottom:1rem}.shop-concept-grid{font-size:.95rem}@media(max-width:700px){.brand-result-grid,.shop-concept-grid{grid-template-columns:1fr}.shop-concept{padding:1rem}}

.grid>.service-example{grid-column:1/-1}.brand-result-grid,.shop-concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.brand-result-grid figure,.shop-concept{margin:0}.brand-result-grid img,.brand-result-grid video{width:100%;height:auto;display:block}.brand-result-grid figcaption{padding:.8rem 0}.shop-concept{background:#f6f9f8;border:1px solid #dbe5e1;border-radius:1rem;padding:1.5rem}.shop-concept-grid>div{background:#fff;border:1px solid #dbe5e1;border-radius:.7rem;padding:1rem}.sample-products{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.sample-products strong,.sample-products span{display:block}.sample-vessel{display:block;width:70px;height:80px;margin:1rem auto;background:#6f949b;border:3px solid #5b7e85;border-radius:8px 8px 28px 28px;box-shadow:inset -12px 0 15px #4a747d44}.sample-vessel.warm{background:#cbb799;border-color:#ad9577}.shop-concept figcaption{margin-bottom:1rem}.shop-concept-grid{font-size:.95rem}@media(max-width:700px){.brand-result-grid,.shop-concept-grid{grid-template-columns:1fr}.shop-concept{padding:1rem}}

.explanation-media img{aspect-ratio:auto!important;height:auto!important}

.website-example img,.complete-config-picture[data-product-media^="website_"] img{aspect-ratio:auto!important;max-height:none!important}.compare-table .website-example{min-width:0}.compare-table .website-example figcaption{font-size:.85rem}.compare-table .website-example figcaption a{display:inline-block}.compare-table .website-example strong{font-size:1rem}.compare-table .website-example img{width:100%;height:auto}
.example-recording video{display:block;width:100%;height:auto}.mobile-website-examples{display:grid;gap:1rem;margin:1rem 0}.mobile-website-examples>details{border:1px solid #d6e0de;padding:1rem;border-radius:.6rem}.mobile-website-examples summary{cursor:pointer;font-weight:600}.mobile-website-examples figure{margin-top:1rem}

.website-example img,.complete-config-picture[data-product-media^="website_"] img{aspect-ratio:auto!important;max-height:none!important}.compare-table .website-example{min-width:0}.compare-table .website-example figcaption{font-size:.85rem}.compare-table .website-example figcaption a{display:inline-block}.compare-table .website-example strong{font-size:1rem}.compare-table .website-example img{width:100%;height:auto}
.example-recording video{display:block;width:100%;height:auto}.mobile-website-examples{display:grid;gap:1rem;margin:1rem 0}.mobile-website-examples>details{border:1px solid #d6e0de;padding:1rem;border-radius:.6rem}.mobile-website-examples summary{cursor:pointer;font-weight:600}.mobile-website-examples figure{margin-top:1rem}