/* Anzeigenplaetze (v21/werbung.php). Wird nur eingebunden, wenn die Seite Plaetze haben darf.
   Die Mindesthoehen halten die Flaeche frei, damit beim Laden nichts springt. */
.ks-werbung { display: block; box-sizing: border-box; width: 100%; margin: 18px 0; text-align: center; }
.ks-werbung[hidden] { display: none; }
.ks-werbung-label { display: block; margin-bottom: 4px; color: var(--text-secondary); font-size: 11px; line-height: 16px; letter-spacing: .04em; }
.ks-werbung-flaeche { display: flex; justify-content: center; max-width: 100%; overflow: hidden; }
.ks-werbung-flaeche iframe { display: block; max-width: 100%; border: 0; }
.ks-werbung-banner .ks-werbung-flaeche { min-height: 50px; }
.ks-werbung-rechteck .ks-werbung-flaeche { min-height: 250px; }
.ks-werbung-native .ks-werbung-flaeche { min-height: 280px; }
@media (min-width: 800px) {
  .ks-werbung-banner .ks-werbung-flaeche { min-height: 90px; }
}
/* Social Bar: eigener Frame fest am Rand. Bis zur Rueckmeldung unsichtbar und nicht klickbar,
   damit nie eine leere Flaeche ueber der Seite liegt. Unter Menues und Einwilligungsdialog. */
.ks-werbung-social { position: fixed; right: 12px; bottom: 12px; z-index: 30; width: min(540px, calc(100vw - 24px)); height: 200px; margin: 0; opacity: 0; pointer-events: none; }
.ks-werbung-social.ks-werbung-sichtbar { opacity: 1; }
.ks-werbung-sichtbar iframe, .ks-werbung-sichtbar .ks-werbung-zu { pointer-events: auto; }
.ks-werbung-social iframe { color-scheme: light; }   /* sonst deckt der Browser den Frame im Dunkelmodus weiss ab */
.ks-werbung-social .ks-werbung-label { position: absolute; top: 0; right: 28px; z-index: 1; margin: 0; padding: 0 6px; border-radius: 4px; background: rgba(0, 0, 0, .65); color: #fff; }
.ks-werbung-social .ks-werbung-flaeche, .ks-werbung-social .ks-werbung-flaeche iframe { width: 100%; height: 100%; }
.ks-werbung-zu { position: absolute; right: 0; top: 0; z-index: 1; width: 24px; height: 24px; padding: 0; border: 0; border-radius: 4px; background: rgba(0, 0, 0, .65); color: #fff; font-size: 16px; line-height: 24px; cursor: pointer; }
/* Startseite: die Plaetze stehen zwischen den vollbreiten Kachelzeilen. */
.k3 > .ks-werbung { grid-column: 1 / -1; }