/* ============================================================
   KPR Ad-Slots — INIT_044 P-3
   Mission: CLS=0 via reserved-height containers; Anzeige badge
   per UWG §5a + §6 TMG; CMP-gated render via ad-slot-loader.js.
   Authority: P3_AD_INVENTORY_DESIGN.md (frozen 2026-05-01T09:35Z).
   ============================================================ */

/* Common slot wrapper */
.ad-slot{display:block;margin:24px auto;text-align:center;position:relative;max-width:100%;background:transparent;contain:layout style;}
.ad-slot .ad-badge{display:inline-block;font-size:0.72rem;line-height:1;letter-spacing:0.06em;text-transform:uppercase;color:#666;background:#f3f3f3;border:1px solid #e0e0e0;border-radius:3px;padding:3px 8px;margin:0 0 6px 0;font-weight:600;font-family:inherit;}
.ad-slot .ad-frame{display:block;margin:0 auto;background:#fafafa;border:1px dashed #e6e6e6;}
.ad-slot[data-ad-rendered="true"] .ad-frame{border-color:transparent;background:transparent;}

/* Slot 1 + Slot 4 — leaderboard 728x90 desktop / 320x100 mobile */
.ad-slot-1,.ad-slot-4{margin-top:20px;margin-bottom:24px;}
.ad-slot-1 .ad-frame-leaderboard,.ad-slot-4 .ad-frame-leaderboard{width:728px;max-width:100%;height:90px;}
@media (max-width:768px){
  .ad-slot-1 .ad-frame-leaderboard,.ad-slot-4 .ad-frame-leaderboard{width:320px;height:100px;}
}

/* Slot 2 — mid-content rectangle 300x250 */
.ad-slot-2 .ad-frame-rectangle{width:300px;height:250px;}

/* Slot 3 — sticky sidebar 300x600 (desktop only) */
.ad-slot-3{margin:18px 0 0 0;}
.ad-slot-3 .ad-frame-sticky{width:300px;height:600px;}
@media (max-width:980px){.ad-slot-3{display:none;}}

/* Render-state hooks (loader.js toggles these) */
.ad-slot[data-ad-state="pending"] .ad-frame::after{content:"";display:block;}
.ad-slot[data-ad-state="consent-required"]{opacity:0.55;}
.ad-slot[data-ad-state="consent-required"] .ad-frame::after{content:"Werbung wird nach Cookie-Zustimmung geladen";display:block;font-size:0.78rem;color:#888;padding:1rem;text-align:center;}