/* Erzeugte Glasobjekte als Abschnittsgrafik (Unterseiten und Startseite) */
/* Grafik neben der Abschnittsüberschrift: erzeugtes Glasobjekt auf weissem Grund, weich ausgeblendet, schwebt kaum merklich */
.sec-kopf.mit-grafik { max-width: none; display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, 400px); gap: clamp(16px, 3vw, 48px); align-items: center; }
.sec-kopf.mit-grafik > div { max-width: 760px; }
.sec-grafik { margin: 0; justify-self: end; width: 100%; aspect-ratio: 16 / 9; -webkit-mask-image: radial-gradient(ellipse 50% 50% at 50% 50%, #000 50%, transparent 100%); mask-image: radial-gradient(ellipse 50% 50% at 50% 50%, #000 50%, transparent 100%); }
.sec-grafik img { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: multiply; }
@media (prefers-reduced-motion: no-preference) { .sec-grafik img { animation: schweben 8s ease-in-out infinite alternate; } }
@keyframes schweben { from { transform: translateY(-3%) scale(1); } to { transform: translateY(3%) scale(1.03); } }
@media (max-width: 800px) { .sec-kopf.mit-grafik { grid-template-columns: 1fr; } .sec-grafik { max-width: 360px; justify-self: center; order: 2; margin-top: -8px; } .sec-grafik img { mix-blend-mode: normal; } }

.land-in--breit { position: relative; }
.land-grafik { position: absolute; right: 0; top: -4vh; width: min(34vw, 460px); z-index: -1; }
@media (max-width: 1000px) { .land-grafik { display: none; } }