body{margin:0;background:#F7F7F5}
html{scroll-behavior:smooth}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #C9A24B;outline-offset:2px}
a:hover{text-decoration:underline}
img{max-width:100%}
@media (max-width:640px){
main section>div{padding:48px 16px !important}
main section[style*="max-width: 1120px"]{padding:40px 16px 48px !important}
main h1{word-break:break-word}
main a[style*="min-height: 52px"],main button{flex:1 1 100%}
.hd-in{padding:8px 16px !important}
.hd-brand{font-size:16px !important}
.hd-logo{width:40px !important}
.hd-nav{width:100%;flex-wrap:nowrap !important;overflow-x:auto;gap:0 10px !important;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.hd-nav a{white-space:nowrap;flex:0 0 auto}
footer>div{padding-left:16px !important;padding-right:16px !important}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.live-grid{display:flex;flex-wrap:wrap;gap:16px;align-items:stretch}
.live-player{flex:3 1 520px;min-width:0;aspect-ratio:16/9;background:#000;border:2px solid #C9A24B;border-radius:12px;overflow:hidden}
.live-chat{flex:1 1 300px;min-width:0;min-height:420px;background:#18181b;border:2px solid #C9A24B;border-radius:12px;overflow:hidden;display:flex}
.live-player iframe,.live-chat iframe{width:100%;height:100%;border:0;display:block}
.live-ph{height:100%;box-sizing:border-box;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;background:linear-gradient(180deg,#221010 0%,#0E0E0E 100%)}
.live-chat:empty::before{content:"Der Chat erscheint nach dem Laden.";margin:auto;padding:24px;color:#A9A596;font-size:15px;text-align:center}
@media (max-width:640px){.live-player{flex-basis:100%}.live-chat{min-height:380px}}