/* OOMAC Werbeplätze – Vorgaben Mara 14.09.2026 (Monochrom-Palette, keine fremden Farbflächen) */
.pw-section{background:var(--bg,#0a0a0a);padding:2.2rem 0 2.6rem;border-top:1px solid rgba(255,255,255,.06)}
.pw-section.pw-in{padding:2rem 0 0;border-top:0}
.pw-label{font-size:.68rem;letter-spacing:.3em;text-transform:uppercase;color:#555;text-align:center;margin-bottom:1.1rem}
.pw-label b{color:#777;font-weight:600;margin-right:.8em}
.pw-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:3rem;padding:0 1rem}
.pw-logos .pw-logo{display:inline-flex;align-items:center;min-height:44px;position:relative}
.pw-logos img{height:40px;width:auto;filter:grayscale(1) brightness(1.4);opacity:.7;transition:.3s}
.pw-logos a.pw-logo:hover img{filter:none;opacity:1}
.pw-stoerer .pw-logos{position:relative;padding:1.4rem 1rem 1.6rem;gap:2.4rem}
.pw-stoerer .pw-logos img{filter:none;opacity:1;height:56px}
.pw-plate{display:inline-flex;align-items:center;justify-content:center;background:transparent;border-radius:6px;padding:0;box-shadow:none}
.pw-plate img{border-radius:6px}
.pw-bsp{position:absolute;right:-.3rem;top:-.9rem;font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;color:#555;border:1px solid #333;border-radius:3px;padding:.05rem .35rem;background:var(--bg,#0a0a0a)}
.pw-slot{height:40px;padding:0 1.2rem;border:1px dashed #555;border-radius:6px;color:#999;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;display:inline-flex;align-items:center;text-decoration:none;transition:.25s;white-space:nowrap}
.pw-slot:hover{color:#fff;border-color:#999;transform:translateY(-2px)}
.pw-badge{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap;margin:-.4rem 0 2rem;font-size:.66rem;letter-spacing:.25em;text-transform:uppercase;color:#777}
.pw-badge img{height:22px;width:auto;filter:grayscale(1) brightness(1.4);opacity:.85}
.pw-badge a{color:#c8c8c8;text-decoration:none;border-bottom:1px solid #444}
.pw-badge a:hover{color:#fff}
.pw-badge small{color:#555;letter-spacing:.15em;border:1px solid #333;padding:.1rem .4rem;border-radius:3px}
.pw-card{max-width:1140px;margin:2.5rem auto 0;background:var(--bg2,#141414);border:1px solid rgba(255,255,255,.1);border-radius:8px;position:relative;overflow:hidden;min-height:200px;box-sizing:border-box}
.pw-card .pw-tag{position:absolute;top:.7rem;right:.9rem;z-index:2;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:#555;border:1px solid #333;padding:.1rem .45rem;border-radius:3px}
.pw-card .pw-bg{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-evenly;gap:2rem;padding:1rem 3rem;pointer-events:none}
.pw-card .pw-bg img{height:70px;width:auto;filter:grayscale(1) brightness(1.3);opacity:.16}
.pw-card.pw-stoerer .pw-bg{position:relative;inset:auto;min-height:200px;padding:2rem 3rem;pointer-events:auto}
.pw-card.pw-stoerer .pw-bg img{filter:none;opacity:1;height:84px}
.pw-card.pw-stoerer .pw-bg .pw-plate{padding:.7rem 1.2rem}
.pw-card .pw-bg .pw-bsp{position:absolute;left:.9rem;top:.7rem}
.pw-card .pw-fg{position:relative;z-index:1;display:flex;align-items:center;gap:2.2rem;padding:1.8rem 2.2rem;min-height:200px;box-sizing:border-box}
.pw-card .pw-fg img.pw-plogo{height:90px;width:auto;filter:grayscale(1) brightness(1.4);opacity:.85}
.pw-card h4{margin:0 0 .45rem;font-family:'Rajdhani',sans-serif;font-size:1.55rem;font-weight:700;color:#e0e0e0;letter-spacing:.02em;line-height:1.15}
.pw-card p{margin:0 0 .9rem;color:#999;font-size:.9rem;line-height:1.5;max-width:600px}
.pw-btn{display:inline-block;color:#0a0a0a;background:#e0e0e0;padding:.6rem 1.2rem;border-radius:4px;font-size:.78rem;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;font-weight:600;transition:.25s;min-height:44px;box-sizing:border-box;line-height:1.6}
.pw-btn:hover{background:#fff;transform:translateY(-2px)}
a.pw-more{color:#c8c8c8;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid #444}
@media(max-width:700px){
  .pw-logos{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;gap:1.6rem;padding:.4rem 1rem;scrollbar-width:none}
  .pw-logos::-webkit-scrollbar{display:none}
  .pw-logos img,.pw-slot{height:26px}.pw-slot{font-size:.55rem;padding:0 .8rem}
  .pw-card{margin:1.6rem 1rem 0;min-height:0}
  .pw-card .pw-fg{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.4rem 1.2rem 1.6rem;min-height:0}
  .pw-card .pw-bg{padding:1rem;gap:1rem}.pw-card .pw-bg img{height:44px}
  .pw-card h4{font-size:1.25rem}.pw-card .pw-fg img.pw-plogo{height:56px}
}

/* Stempel „Hier könnte Ihr Logo stehen" – schräg über den farbigen Beispiel-Logos */
.pw-stamp{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-7deg);z-index:3;top:60%;
  text-decoration:none;color:#e23b3b;border:3px solid #e23b3b;border-radius:8px;padding:.45rem 1.1rem .5rem;
  font-family:'Rajdhani',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.14em;line-height:1.1;
  background:rgba(255,255,255,.14);backdrop-filter:blur(1px);box-shadow:0 0 0 2px rgba(255,255,255,.08),inset 0 0 0 1px rgba(226,59,59,.35);
  opacity:.96;text-shadow:0 1px 0 rgba(0,0,0,.6);text-align:center;white-space:nowrap;transition:.25s}
.pw-stamp b{display:block;font-size:1.25rem}
.pw-section .pw-stamp b{font-size:1.05rem}
.pw-section .pw-stamp{padding:.35rem .9rem .4rem;top:62%}
.pw-stamp small{display:block;font-size:.72rem;letter-spacing:.3em;margin-top:.15rem;color:#f08080}
.pw-stamp:hover{transform:translate(-50%,-50%) rotate(-7deg) scale(1.04);opacity:1}
.pw-badge .pw-stamp-mini{color:#e23b3b;border:2px solid #e23b3b;border-radius:5px;padding:.1rem .5rem;transform:rotate(-4deg);display:inline-block;text-decoration:none;font-weight:700}
@media(max-width:700px){.pw-stamp{white-space:normal;max-width:82%;padding:.4rem .7rem}.pw-stamp b{font-size:1rem}.pw-stamp small{font-size:.6rem}
  .pw-card.pw-stoerer .pw-bg{padding:1.6rem 1rem;min-height:150px;gap:1rem;flex-wrap:wrap}.pw-card.pw-stoerer .pw-bg img{height:52px}.pw-stoerer .pw-logos img{height:40px}.pw-plate{padding:.3rem .5rem}}

/* Laufband (Ingo, 15.09.): Logos laufen durch, dazwischen leere Felder „Hier könnte Ihre Werbung stehen" */
.pw-ticker{position:relative;overflow:hidden;padding:1.1rem 0 1.3rem;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.pw-track{display:flex;align-items:center;gap:2.2rem;width:max-content;height:60px;animation:pw-lauf var(--pw-dauer,40s) linear infinite;will-change:transform}
.pw-ticker:hover .pw-track,.pw-ticker:focus-within .pw-track{animation-play-state:paused}
@keyframes pw-lauf{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.pw-track .pw-plate{height:60px;box-sizing:border-box;padding:0;flex:0 0 auto}
.pw-track .pw-plate img{height:100%;width:auto;display:block}
.pw-track a.pw-plate{transition:.25s}.pw-track a.pw-plate:hover{transform:translateY(-2px)}
.pw-leer{flex:0 0 auto;height:60px;min-width:280px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:.2rem;flex-direction:column;
  border:2px dashed #e23b3b;border-radius:8px;padding:.3rem 1.2rem;text-decoration:none;color:#e23b3b;
  font-family:'Rajdhani',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:1rem;line-height:1.05;text-align:center;transition:.25s;background:rgba(226,59,59,.06)}
.pw-leer small{font-size:.62rem;letter-spacing:.3em;color:#f08080;font-weight:600}
.pw-leer:hover{background:rgba(226,59,59,.16);transform:translateY(-2px)}
@media(prefers-reduced-motion:reduce){.pw-track{animation:none;width:auto;flex-wrap:wrap;justify-content:center}.pw-ticker{mask-image:none;-webkit-mask-image:none}.pw-track>*:nth-child(n+7){display:none}}
@media(max-width:700px){.pw-track{gap:1.2rem;height:46px}.pw-track .pw-plate{height:46px;padding:0}.pw-leer{height:46px;min-width:210px;font-size:.8rem;padding:.2rem .8rem}.pw-leer small{font-size:.52rem}}

.pw-card.pw-stoerer{min-height:0;padding-bottom:.4rem}
.pw-card .pw-ticker{padding:.8rem 0 1.2rem}

/* Sound Gate: Logo-Zeile über der Sprachauswahl – klein, ruhig, ohne Werbefelder */
.pw-gate{width:min(92vw,720px);margin:0 auto 1.4rem}
.pw-gate .pw-label{margin-bottom:.4rem;font-size:.6rem}
.pw-gate .pw-ticker{padding:.4rem 0 .5rem}
.pw-gate .pw-track{gap:1.6rem;height:44px}
.pw-gate .pw-track .pw-plate{height:44px;padding:0;box-shadow:none}
@media(max-width:700px){.pw-gate{margin-bottom:1rem}.pw-gate .pw-track .pw-plate{height:36px!important;padding:.25rem .5rem}}

.pw-track .pw-plate img{height:100%;width:auto;display:block;max-height:none}
.pw-track .pw-plate[style*="height"]{margin-top:-1px}

/* Werbefelder im Gate-Band (Ingo, 15.09.): kleiner als auf der Seite, passend zu 44px Logos */
.pw-gate .pw-leer{height:32px;min-width:150px;font-size:.56rem;padding:.12rem .6rem;letter-spacing:.08em;border-width:1px;gap:0}
.pw-gate .pw-leer small{font-size:.42rem;letter-spacing:.18em;margin-top:1px}
@media(max-width:700px){.pw-gate .pw-leer{height:28px;min-width:118px;font-size:.46rem;padding:.1rem .45rem}.pw-gate .pw-leer small{font-size:.36rem}}