:root{font-family:Arial,Helvetica,sans-serif;color:#f4faff;background:#075b9c}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:radial-gradient(circle at 60% 0%,#268cd0,#095c9e 65%,#063e72 100%)}a{color:inherit}.site-header{height:94px;display:flex;align-items:center;justify-content:center;position:relative;padding:8px 28px}.site-header h1{font-family:Georgia,serif;color:#ffd463;font-size:clamp(27px,3.2vw,44px);line-height:1.02;text-shadow:3px 4px 0 #194769;margin:0;text-align:center}.site-header h1 span{display:block}.back-link{position:absolute;left:max(20px,calc((100vw - 1340px)/2));text-decoration:none;background:#ffffff22;padding:9px 14px;border-radius:9px;font-size:13px}.back-link:hover{background:#ffffff40}.series-layout{width:min(1340px,96vw);margin:8px auto 0;display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px;height:calc(100dvh - 114px);min-height:480px}.episode-panel,.view-panel{background:#f5faff;color:#12496d;border-radius:15px;box-shadow:0 10px 26px #022e5655;overflow:hidden}.episode-panel{display:flex;flex-direction:column}.episode-panel h2{margin:0;padding:16px 19px;color:#075d96;font-size:21px;border-bottom:2px solid #d7eaf7}.episode-list{overflow:auto;min-height:0;padding:8px 10px 15px;flex:1;scrollbar-color:#77bde6 #edf7fd}.episode-entry{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #d8e9f4;border-radius:10px;margin:6px 0;padding:8px;text-decoration:none;min-height:68px}.episode-entry:not(.locked):hover{background:#e5f5ff;border-color:#72c1ee}.episode-entry.selected{background:#fff2c7;border:2px solid #ecb946;padding:7px}.episode-entry.locked{color:#849bae;background:#edf3f7}.episode-art{width:83px;height:49px;flex:none;background:#0b629d;border-radius:7px;overflow:hidden;display:grid;place-items:center;color:white}.episode-art img{width:100%;height:100%;object-fit:cover}.locked .episode-art{background:#b1c1ce}.episode-label{display:flex;flex-direction:column;min-width:0;gap:5px}.episode-number{color:#6388a4;font-size:11px;font-weight:700;text-transform:uppercase}.episode-name{font-size:13px;font-weight:700;line-height:1.3}.view-panel{padding:20px 22px;display:flex;flex-direction:column;align-items:center;overflow:auto}.video-wrap{width:min(100%,840px);aspect-ratio:16/9;background:#101b23;border-radius:11px;overflow:hidden;flex:none;box-shadow:0 5px 13px #102b3e35}.video-wrap video{width:100%;height:100%;display:block;object-fit:contain}.video-placeholder{height:100%;display:grid;place-items:center;color:#d7e4ed;padding:25px;text-align:center}.episode-detail{width:min(100%,840px);padding:18px 1px}.detail-kicker{font-size:12px;color:#337fbb;font-weight:700;letter-spacing:1px}.episode-detail h2{color:#0a5f9d;font-size:24px;margin:7px 0 10px}.episode-detail p{font-size:14px;line-height:1.55;color:#48667e;margin:0}.empty-state{margin:auto;font-size:17px;color:#64839a}.home-page{min-height:100vh}.home-content{max-width:1100px;margin:80px auto;padding:0 22px}.home-content h1{font-family:Georgia,serif;color:#ffdb7a}.series-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,330px));gap:18px}.series-card{display:flex;flex-direction:column;gap:12px;padding:25px;background:#fff;border-radius:15px;color:#174c74;min-height:185px;text-decoration:none;font-size:21px;font-weight:bold}.series-card:hover{background:#fff3cc}.series-card-icon{font-size:39px}.card-action{font-size:13px;color:#3276a2;margin-top:auto}
@media(min-width:900px) and (max-height:850px){.site-header{height:75px}.series-layout{height:calc(100dvh - 95px)}.view-panel{padding:13px}.video-wrap{width:min(100%,740px);max-height:61vh;aspect-ratio:16/9}.episode-detail{width:min(100%,740px);padding:12px 1px}}
@media(max-width:760px){.site-header{height:auto;min-height:112px;padding:45px 10px 12px}.back-link{top:8px;left:10px}.series-layout{grid-template-columns:1fr;height:auto;min-height:unset;margin:10px auto 20px}.episode-panel{max-height:300px}.view-panel{padding:12px}.episode-detail{padding:15px 2px}.episode-detail h2{font-size:21px}}
/* Weihnachtsfilme und Serien: Kodi-Poster und Serienbeschreibung statt Symbol */
.home-content{max-width:1100px;margin:55px auto;padding:0 24px}
.series-cards{grid-template-columns:repeat(auto-fill,minmax(290px,380px));gap:22px}
.series-card{flex-direction:row;align-items:flex-start;gap:18px;min-height:0;padding:18px;font-size:inherit;border-radius:14px}
.series-poster{display:block;width:112px;height:168px;flex:0 0 112px;object-fit:cover;border-radius:8px;box-shadow:0 3px 10px #001f3840;background:#dbe7ef}
.series-poster-missing{display:flex;align-items:center;justify-content:center;text-align:center;color:#5b7184;font-size:12px;padding:10px}
.series-card-content{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;flex:1;align-self:stretch}
.series-card-content h2{font-size:20px;line-height:1.2;margin:0;color:#174c74}
.series-description{font-size:13px;line-height:1.45;font-weight:normal;color:#3b5b72;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;line-clamp:6;overflow:hidden;overflow-wrap:anywhere}
.series-card .card-action{display:block;margin-top:auto;font-weight:bold}
@media(max-width:450px){.home-content{padding:0 14px;margin:30px auto}.series-card{gap:12px;padding:12px}.series-poster{width:90px;height:135px;flex-basis:90px}.series-card-content h2{font-size:17px}}

.episode-detail .episode-plot{margin-top:9px;white-space:normal;line-height:1.6;font-size:15px;color:#375b75}

/* Serienansicht wird innerhalb der Hauptseite geladen; die Browseradresse bleibt gleich. */
#serienansicht{position:fixed;inset:0;width:100%;height:100dvh;border:0;display:block;background:#075b9c;z-index:10}
#serienansicht[hidden],#serienuebersicht[hidden]{display:none!important}

/* Anmeldung und Weihnachtsfilme und Serien */
.login-screen{min-height:100vh;display:grid;place-items:center;padding:20px}
.login-form{width:min(420px,100%);background:#f6fbff;color:#184d72;padding:36px;border-radius:18px;box-shadow:0 16px 40px #002c5366;display:flex;flex-direction:column;gap:14px}
.login-form h1{margin:0;font-family:Georgia,serif;color:#11649a}.login-form p{margin:0 0 12px}
.login-form input{font:inherit;padding:12px;border:1px solid #87b4d7;border-radius:8px}
.login-form button{font:inherit;background:#0d6ba9;color:white;border:0;border-radius:8px;padding:12px;cursor:pointer}
.login-error{color:#b22222;font-size:14px}
.home-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.logout{color:#fff;padding:8px 10px;background:#ffffff22;border-radius:7px;text-decoration:none;font-size:13px}
.series-page .site-header h1{font-size:clamp(25px,3vw,38px);line-height:1.1;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Auswahl mehrerer Staffeln */
.season-tabs{display:flex;gap:7px;overflow-x:auto;padding:11px 10px 5px;flex-shrink:0;scrollbar-width:thin}
.season-tab{display:inline-block;white-space:nowrap;text-decoration:none;border:1px solid #aad0eb;border-radius:8px;background:#e9f5ff;color:#14608f;font-weight:700;font-size:13px;padding:9px 11px}
.season-tab.active{background:#fbe8ac;color:#654b12;border-color:#dba934}