body{padding-left:0!important;}
body>nav.side-nav{display:none!important;}
/* Layout v2: Zeile 1 = Titel links + Status-Boxen rechts; Zeile 2 = Menü links */
.top .status-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;}
.top .status-line>*{flex:0 0 auto;}
.tabs-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;}
#seiten-menu{justify-content:flex-end;}
.tabs-line .side-nav,.side-nav.in-row{position:static;transform:none;top:auto;left:auto;display:inline-flex;flex-direction:row;align-items:center;padding:0;margin:0;background:transparent;border:0;border-radius:0;}
.tabs-line .side-nav a,.home-ico{width:40px;height:40px;display:grid;place-items:center;color:#fff8ee;border-radius:8px;border:1px solid rgba(255,248,238,.7);text-decoration:none;}
.tabs-line .side-nav a:hover,.home-ico:hover{background:rgba(232,184,109,.28);border-color:#e8b86d;}
.tabs-line .side-nav svg,.home-ico svg{display:block;width:20px;height:20px;}
.tabs-line .tab-side{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:40px;height:40px;padding:0 18px;border:1px solid rgba(255,248,238,.55);background:rgba(255,255,255,.05);color:#fff8ee;border-radius:8px;font:500 14.5px "Segoe UI",system-ui,sans-serif;letter-spacing:.2px;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s,color .15s;}
.tabs-line .tab-side:hover{background:rgba(232,184,109,.22);border-color:#e8b86d;}
/* P303: aktiver Menü-Punkt klar in Gold — moderne, professionelle Optik, alle Punkte gleich */
.tabs-line .tab-side.on{background:#e8b86d;border-color:#e8b86d;color:#0066cc;font-weight:700;}
.leiste-box,.neu-box,.uhr-box,.sess-box,.pw-warn,.gear,.ico-out{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:38px;height:38px;border-radius:10px;font:400 14px "Segoe UI",system-ui,sans-serif;line-height:1;}
.leiste-box,.neu-box,.uhr-box{padding:0 14px;}
.leiste-box{border:1px solid #FFE500;background:rgba(255,229,0,.1);gap:10px;min-width:220px;overflow:visible;color:#FFE500;white-space:nowrap;}
.lb-date{font:inherit;font-size:14px;line-height:1;color:#FFE500;white-space:nowrap;}
.uhr-box{border:1px solid #e8b86d;background:rgba(232,184,109,.16);width:118px;min-width:118px;max-width:118px;flex:0 0 118px;padding:0 6px;overflow:hidden;}
.lb-uhr{display:block;width:100%;text-align:center;font:400 14px ui-monospace,Consolas,"Courier New",monospace;color:#FFE500;white-space:nowrap;font-variant-numeric:tabular-nums;}
.sess-box{position:relative;overflow:hidden;gap:8px;padding:0 12px;border:1px solid #2e7d32;background:#0066cc;color:#FFE500;min-width:110px;}
.sess-fill{position:absolute;left:0;top:0;bottom:0;width:100%;background:#2e7d32;z-index:0;transition:width .4s linear,background .25s;}
.sess-foot{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;justify-content:center;min-height:36px;background:#0066cc;color:#FFE500;overflow:hidden;}
.sess-foot span{position:relative;z-index:1;color:#FFE500;margin:0 8px;}
.sess-box.orange .sess-fill,.sess-foot.orange .sess-fill{background:#e67e22;}
.sess-box.rot .sess-fill,.sess-foot.rot .sess-fill{background:#c0392b;}
.sess-box.leer .sess-fill,.sess-foot.leer .sess-fill{width:0!important;background:transparent;}
.sess-time{position:relative;z-index:1;font:400 14px ui-monospace,Consolas,"Courier New",monospace;color:#FFE500!important;min-width:3.4em;text-align:center;font-variant-numeric:tabular-nums;}
.pw-warn{display:none;position:relative;overflow:hidden;padding:0 14px;background:rgba(255,26,26,.18);color:#fff;border:1px solid #ff1a1a;letter-spacing:.02em;white-space:nowrap;cursor:pointer;}
.pw-warn .pw-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:#ff1a1a;z-index:0;}
.pw-warn span{position:relative;z-index:1;}
.pw-warn.on{display:inline-flex;}
.pw-warn.voll{background:#ff1a1a;border-color:#ff1a1a;animation:pwpulse .9s ease-in-out infinite;}
.pw-warn.voll .pw-fill{width:100%;}
@keyframes pwpulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.28)}}
.neu-box{border:1px solid #2e7d32;background:rgba(46,125,50,.18);}
.neu-box .kneu{display:flex;align-items:center;gap:8px;margin:0;min-height:0;height:auto;padding:0;border:0;background:transparent;color:#111;font:inherit;font-size:14px;line-height:1;cursor:pointer;}
.neu-box .kneu b,.neu-box .kneu span{font:inherit!important;font-size:14px!important;line-height:1!important;font-weight:400;color:#111;}
.neu-box.idle{border:1.5px solid #FFE500;background:var(--leiste,#0066cc);}
.neu-box.idle .kneu,.neu-box.idle .kneu b,.neu-box.idle .kneu span{color:#FFE500!important;}
.neu-box.blink{animation:kblink 1.1s ease-in-out infinite;}
@keyframes kblink{0%,100%{background:#c8efc9;}50%{background:#4caf50;}}
.top-right .tab-side{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:40px;height:40px;padding:0 18px;border:1px solid rgba(255,248,238,.55);background:rgba(255,255,255,.05);color:#fff8ee;border-radius:8px;font:500 14.5px "Segoe UI",system-ui,sans-serif;letter-spacing:.2px;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s,color .15s;}
.top-right .tab-side:hover{background:rgba(232,184,109,.22);border-color:#e8b86d;}
.top-right .tab-side.on{background:#e8b86d;border-color:#e8b86d;color:#0066cc;font-weight:700;}
.top-icons{display:flex;align-items:center;gap:8px;flex:0 0 auto;}
.gear,.ico-out{width:38px;padding:0;border:1px solid rgba(255,248,238,.7);background:transparent;color:#fff8ee;cursor:pointer;text-decoration:none;flex:0 0 38px;}
.gear:hover,.gear.on{background:#fff8ee;color:#0066cc;border-color:#fff8ee;}
.ico-out:hover{background:#B4572C;border-color:#B4572C;color:#fff8ee;}
.gear svg,.ico-out svg{display:block;width:18px;height:18px;pointer-events:none;}
@media(max-width:900px){
  .top-right{display:flex;flex-wrap:wrap;width:100%;margin:0;gap:6px;}
  .top .status-line{flex:1 1 100%;margin-left:0;}
  .leiste-box,.uhr-box,.sess-box,.pw-warn,.neu-box{flex:1 1 calc(33.333% - 6px);min-width:calc(33.333% - 6px);max-width:calc(33.333% - 6px);height:38px;}
  .leiste-box{min-width:calc(33.333% - 6px);}
  .top-icons{flex:1 1 calc(33.333% - 6px);min-width:calc(33.333% - 6px);max-width:calc(33.333% - 6px);justify-content:flex-end;}
  .pw-warn{padding:0 8px;overflow:hidden;}
  .pw-warn span{font-size:11.5px;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
}

/* Live-Sync-Punkt in der Leiste (blinkt bei Synchronisation; ::after =
   kein DOM-Element, damit die Menü-Struktur unverändert bleibt) */
#seiten-menu::after{content:'\25cf';color:#2e8b57;font-size:10px;line-height:1;padding:0 0 0 8px;opacity:.75;flex:0 0 auto;}
#seiten-menu.mt-live-sync::after{animation:il-livepulse 1.2s ease-out;}
@keyframes il-livepulse{0%{opacity:1;text-shadow:0 0 8px #2e8b57;}100%{opacity:.75;text-shadow:none;}}

/* P271: Responsive — Menü-Reihe + Status-Boxen (Handy / Tablet) */
@media (max-width: 900px){
  #seiten-menu,#seiten-submenu{overflow-x:auto;-webkit-overflow-scrolling:touch;justify-content:flex-start!important;scrollbar-width:thin;}
  #seiten-menu::-webkit-scrollbar,#seiten-submenu::-webkit-scrollbar{height:5px;}
  #seiten-menu::-webkit-scrollbar-thumb,#seiten-submenu::-webkit-scrollbar-thumb{background:rgba(255,248,238,.35);border-radius:3px;}
  .tabs-line .tab-side,.top-right .tab-side{padding:0 12px;font-size:13.5px;}
}
/* P303: Handy — Hauptmenü bis 4 in einer Reihe, ordentlich (statt Quer-Scrollen) */
@media (max-width: 700px){
  #seiten-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;overflow:visible;}
  #seiten-menu::after{display:none;}
  .tabs-line .tab-side{width:100%;padding:0 6px;font-size:12px;overflow:hidden;text-overflow:ellipsis;}
  .tabs-line .side-nav a,.home-ico{justify-self:center;}
}
@media (max-width: 480px){
  .tabs-line .tab-side{padding:0 9px;font-size:12.5px;min-height:36px;height:36px;}
  .tabs-line .side-nav a,.home-ico{width:36px;height:36px;}
  .leiste-box,.uhr-box,.sess-box,.pw-warn,.neu-box{flex:1 1 calc(50% - 6px);min-width:calc(50% - 6px);max-width:calc(50% - 6px);}
  .uhr-box{width:auto;min-width:0;max-width:none;}
  .top-icons{flex:1 1 100%;}
  .leiste-box .lb-date,.sess-time{font-size:12.5px;}
}