/* Favorent Webcam-Widget – favorent.de Design-Tokens */
.favorent-webcam{--fav-primary:#44909C;--fav-secondary:#A0C45C;--fav-accent:#F5A623;--fav-ink:#333;--fav-muted:#7A7A7A;--fav-line:#e6e6e6;font-family:'Lato',-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--fav-ink);width:100%;box-sizing:border-box}
.favorent-webcam *,.favorent-webcam *::before,.favorent-webcam *::after{box-sizing:border-box}
.favwc-config,.favwc-err{padding:14px 16px;border:1px dashed var(--fav-line);border-radius:12px;color:var(--fav-muted)}
.favwc-skeleton{display:flex;align-items:center;gap:10px;padding:18px;border:1px solid var(--fav-line);border-radius:12px;color:var(--fav-muted)}
.favwc-spin{width:16px;height:16px;border:2px solid var(--fav-line);border-top-color:var(--fav-primary);border-radius:50%;display:inline-block;animation:favwc-rot .8s linear infinite}
@keyframes favwc-rot{to{transform:rotate(360deg)}}

/* Karte */
.favwc-card{background:#fff;border:1px solid var(--fav-line);border-radius:14px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.favwc-media{position:relative;width:100%;aspect-ratio:16/9;background:#0d2b31;overflow:hidden}
.favwc-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.favwc-cover.favwc-dim{filter:brightness(.85)}
.favwc-cover--manual{display:flex;align-items:center;justify-content:center;background:linear-gradient(120deg,#44909C,#37757f);color:#fff;font-size:46px}
.favwc-grad{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,.55) 100%);pointer-events:none}
.favwc-badge{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.3px;color:#fff;background:rgba(193,40,40,.92);padding:4px 10px;border-radius:20px;text-transform:uppercase}
.favwc-badge::first-letter{color:#ff5a5a}
.favwc-capt{position:absolute;left:14px;right:14px;bottom:12px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5);pointer-events:none}
.favwc-capt .favwc-h{font-size:18px;font-weight:700;line-height:1.2}
.favwc-capt .favwc-s{font-size:12px;opacity:.92;margin-top:2px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.favwc-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);appearance:none;cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;display:inline-flex;align-items:center;gap:9px;padding:12px 22px;border-radius:30px;border:none;color:#5a3a00;background:var(--fav-accent);box-shadow:0 4px 14px rgba(0,0,0,.28);transition:.15s}
.favwc-play:hover{filter:brightness(.96);transform:translate(-50%,-50%) scale(1.03)}
.favwc-tri{font-size:13px}

/* Live-Player */
.favwc-frame{position:absolute;inset:0}
.favwc-frame iframe{width:100%;height:100%;border:0;display:block}

/* Alternative Cams */
.favwc-alts{display:flex;gap:8px;padding:10px 12px;overflow-x:auto;border-top:1px solid #f0f0f0}
.favwc-alt{flex:0 0 auto;width:72px;height:46px;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;background:#eef2f3}
.favwc-alt img{width:100%;height:100%;object-fit:cover;display:block}
.favwc-alt.is-active{border-color:var(--fav-primary)}

/* Fuss / Hinweis / Quellenangabe */
.favwc-foot{padding:10px 14px;border-top:1px solid #f0f0f0}
.favwc-note{display:flex;align-items:flex-start;gap:7px;font-size:12px;color:#56666a;line-height:1.4;margin-bottom:7px}
.favwc-note-i{flex:0 0 auto;width:15px;height:15px;border-radius:50%;background:var(--fav-primary);color:#fff;font-size:10px;font-weight:700;font-style:italic;display:flex;align-items:center;justify-content:center;margin-top:1px}
.favwc-credit{font-size:11px;color:var(--fav-muted)}
.favwc-credit a{color:var(--fav-primary);text-decoration:none}
.favwc-credit a:hover{text-decoration:underline}

@media (max-width:480px){
.favwc-capt .favwc-h{font-size:16px}
.favwc-play{font-size:14px;padding:10px 18px}
}