@layer komponenten{.szene-textplatte{position:relative;overflow:clip;padding-block:clamp(2rem, 3vw, 3rem);background:var(--farbe-grund);color:var(--farbe-text)}.szene-textplatte__inner{position:relative}.szene-textplatte__rahmen{display:grid;gap:0;container-type:inline-size;isolation:isolate}.szene-textplatte__motiv{position:relative;order:2;z-index:0;margin:0 calc(50% - 50vw);min-height:clamp(22rem, 42vw, 35rem);overflow:hidden;border-radius:0;background:var(--farbe-flaeche)}.szene-textplatte__motiv::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg, rgb(8 15 28 / 0.54), rgb(8 15 28 / 0.16) 34%, rgb(8 15 28 / 0.06) 60%, rgb(8 15 28 / 0.2)),linear-gradient(180deg, rgb(255 255 255 / 0.1), transparent 28%, rgb(8 15 28 / 0.26));pointer-events:none;z-index:1}.szene-textplatte[data-platten-position="rechts"] .szene-textplatte__motiv::before{background:linear-gradient(-90deg, rgb(8 15 28 / 0.54), rgb(8 15 28 / 0.16) 34%, rgb(8 15 28 / 0.06) 60%, rgb(8 15 28 / 0.2)),linear-gradient(180deg, rgb(255 255 255 / 0.1), transparent 28%, rgb(8 15 28 / 0.26))}.szene-textplatte__motiv::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg, transparent 0%, transparent 62%, color-mix(in oklch, var(--farbe-grund) 18%, transparent) 100%);pointer-events:none;z-index:1}.szene-textplatte__motiv picture,.szene-textplatte__motiv img{display:block;width:100%;height:100%}.szene-textplatte__motiv img{object-fit:cover;min-height:inherit;aspect-ratio:auto}.szene-textplatte__platte{position:relative;order:1;z-index:2;margin-inline:0;margin-block-end:calc(var(--space-6) * -1);display:grid;gap:var(--space-4);width:min(100%, 34rem);padding:clamp(1.2rem, 1.6vw, 2rem);border-radius:1.5rem 1.5rem 0.4rem 1.5rem;border:1px solid color-mix(in oklch, var(--farbe-linie) 82%, white 18%);border-top:0.35rem solid var(--farbe-akzent);background:linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(255 255 255 / 0.9)),color-mix(in oklch, var(--farbe-grund) 94%, white 6%);box-shadow:0 1.6rem 3.4rem rgb(10 10 11 / 0.14),0 0.45rem 1.2rem rgb(10 10 11 / 0.08);backdrop-filter:blur(20px) saturate(1.08);-webkit-backdrop-filter:blur(20px) saturate(1.08);color:var(--color-gray-900);--farbe-text:var(--color-gray-900);--farbe-text-gedaempft:var(--color-gray-600);--farbe-text-dezent:var(--color-gray-500)}.szene-textplatte__platte[data-tonwert="dunkel"]{background:linear-gradient(180deg, rgb(12 12 16 / 0.94), rgb(18 18 24 / 0.9)),color-mix(in oklch, var(--color-brand-950) 90%, var(--color-brand-800) 10%);border-color:color-mix(in oklch, var(--color-white) 12%, transparent);color:var(--color-white);--farbe-text:var(--color-white);--farbe-text-gedaempft:oklch(88% 0.025 220 / 0.86)}.szene-textplatte__badge,.szene-textplatte__titel,.szene-textplatte__hinweis{margin:0}.szene-textplatte__titel{max-width:16ch;font-size:clamp(1.85rem, 1.25rem + 1.75cqi, 3.25rem);line-height:1;text-wrap:balance}.szene-textplatte__text{white-space:pre-line;color:var(--farbe-text-gedaempft);font-size:clamp(1rem, 0.95rem + 0.35cqi, 1.22rem);line-height:1.68}.szene-textplatte__hinweis{font-size:var(--text-sm);color:var(--farbe-text-dezent)}.szene-textplatte__cta{justify-self:start;display:inline-flex;align-items:center;gap:var(--space-2);color:var(--farbe-akzent);font-weight:var(--weight-bold);text-decoration:none}.szene-textplatte__cta::after{content:'\2192'}/* Breit: Motiv und Platte teilen sich EINE Grid-Zelle. Die Zelle wächst mit der
     Platte (statt dass diese absolut nach oben aus dem Rahmen ragt), die Platte
     behält gleichmäßigen Abstand oben/unten/seitlich. */@container (min-width: 62rem){.szene-textplatte__rahmen{grid-template-columns:minmax(0, 1fr);min-height:clamp(32rem, 44vw, 40rem)}.szene-textplatte__motiv{grid-area:1/1;min-height:100%}.szene-textplatte__platte{grid-area:1/1;align-self:end;justify-self:start;margin-block:clamp(1.25rem, 2.6vw, 2.4rem);margin-inline:clamp(1rem, 2vw, 2rem) 0}.szene-textplatte[data-platten-position="rechts"] .szene-textplatte__platte{justify-self:end;margin-inline:0 clamp(1rem, 2vw, 2rem)}}}