body,html{margin:0;padding:0;#background:#B2A988;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#fff;font-weight:normal;background-color:#cccccc;background-image:url('../images/design/bg.jpg')}
a{color:#fff;text-decoration:none}a:hover{text-decoration:underline}
#mantle{width:1261px;margin-left:10px}
/* Header */
#container_head{width:100%;height:120px;background:#000033}
#container_head_content{width:100%;height:120px;display:flex}
.box_left{width:132px}.box_left_middle{width:220px}.box_center{width:809px}.box_right{width:100px}
.header_img{width:100%;height:120px;display:block;object-fit:cover}
/* Main */
#container_main{width:100%;background:#003366}
#container_main_content{display:flex}
/* Navi left */
#container_main_left ul{list-style:none;margin:0;padding:0}
#container_main_left h2{background:#000033;color:#fff;font-size:11px;padding:3px;margin:5px 0 0 0;text-transform:uppercase}
#container_main_left li.link a{display:block;padding:3px}
#container_main_left .text{width:95%;padding:3px;margin:2px 0}
#container_main_left .button{width:100%;margin:5px 0;background:#000033;color:#fff;border:0;padding:4px;cursor:pointer}
#container_main_left a.admin{color:#ff0 !important;}
/* Content */
#container_main2{flex:1;display:flex}
#container_main2_left{flex:1;margin-top:10px;margin-left:-5px}
.content_box{background:#4477aa;padding:10px;margin-bottom:10px}
/* Navi right */
#container_main2_right h2{background:#000033;font-size:11px;margin:5px 0 0 0;padding:3px}
#container_main2_right ul{list-style:none;margin:0;padding:0}
#container_main2_right li.link a{display:block;padding:3px}
.partner-box{padding:5px;text-align:center}
/* Footer */
#container_foot{width:100%;height:20px;background:#000033;color:#fff;font-size:11px}
#container_foot_content{width:calc(100% - 20px);height:20px;margin:0;padding:0 10px;display:flex;justify-content:space-between;align-items:center}
.foot_left a{color:#fff;text-decoration:none}.foot_left a:hover{text-decoration:underline}.foot_right{color:#fff}
.info_boxes{display:flex;justify-content:space-between;margin-bottom:10px}
.info_box{width:30%;text-align:left;font-size:11px}
.info_box ul{list-style:none;margin:0;padding:0}.info_box li{margin:2px 0}
#container_foot_content h1{font-size:12px;margin:5px 0}
#container_foot_content h2{font-size:11px;margin:0;font-weight:normal}
#mobile-menu-toggle{display:none}
/* Rechte Sidebar */
#container_main2_right{width:150px;background:#003366;padding-top:5px;marign-right:5px;margin-left:-12px;padding-left:12px;padding-right:-25px;box-sizing:border-box}
#container_main2_right h2{font-family:Verdana,Helvetica,sans-serif;letter-spacing:1px;color:#ffffff;font-weight:bold;padding-left:7px;padding-right:7px;padding-top:0;padding-bottom:0;background:#000033;text-align:left;text-transform:uppercase;height:15px;font-size:8pt}
#container_main2_right .sidebox{background:#336699;padding:6px 7px;margin-bottom:8px;font-size:11px;color:#fff;box-shadow:inset 0 0 3px rgba(0,0,0,0.2)}
#container_main2_right .sidebox p{margin:3px 0;line-height:1.3em;color:#fff}
#container_main2_right .rightlist{list-style:none;margin:0;padding:0}
#container_main2_right .rightlist li{display:flex;justify-content:space-between;align-items:center;padding:3px 0;color:#fff;font-size:11px;border-bottom:1px solid rgba(255,255,255,0.15)}
#container_main2_right .rightlist li .user-left{display:flex;align-items:center;gap:4px;flex:1}
#container_main2_right .rightlist .val{text-align:right;min-width:40px;flex-shrink:0}
#container_main2_right .val{color:#fff;font-size:10px;margin-left:6px;text-align:right;min-width:40px}
#container_main2_right .server-table{width:100%;border-collapse:collapse;font-size:9px;color:#fff}
#container_main2_right .server-table td{border:1px solid #5b88c6;padding:1px 0}
#container_main2_right .server-table tr:first-child td,#container_main2_right .server-table tr:last-child td{font-weight:bold}
#container_main2_right .server-table td:first-child{border-left:none;text-align:left}
#container_main2_right .server-table td:last-child{border-right:none;text-align:right}
/* Linke Sidebar */
#container_main_left{width:170px;background:#f003366;padding-top:5px;margin-right:5px;padding-right:15px;box-sizing:border-box}
#container_main_left h2{font-family:Verdana,Helvetica,sans-serif;letter-spacing:1px;color:#ffffff;font-weight:bold;padding-left:7px;padding-right:7px;padding-top:0;padding-bottom:0;background:#000033;text-align:left;text-transform:uppercase;height:15px;font-size:8pt}
#container_main_left .sidebox,#container_main_left .sidebox_login{background:#336699;padding:6px 7px;margin-bottom:8px;font-size:11px;color:#fff;box-shadow:inset 0 0 3px rgba(0,0,0,0.2)}
#container_main_left .sidebox_login a{padding:2 px 0;font-size:11px;color:#fff}
#container_main_left .sidebox p{margin:3px 0;line-height:1.3em;color:#fff}
#container_main_left .sidebox a{display:block;padding:2px 0;line-height:1.2em;font-size:11px;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,0.15)}
#container_main_left .sidebox .userlink{display:inline !important;border-bottom: none !important;padding: 0 !important;line-height: inherit !important;}
#container_main_left .sidebox a:last-child{border-bottom:none}
#container_main_left .sidebox a:hover{text-decoration:underline;color:#fff}
#container_main_left .sidebox br{display:none}
#container_main_left .text{width:95%;padding:3px;margin:2px 0;border:1px solid #6699cc;background:#6699cc;color:#fff}
#container_main_left .button{width:100%;margin:5px 0;background:#000033;color:#fff;border:0;padding:4px;cursor:pointer}
#container_main_left .button:hover{background:#000033}
#container_main_left small{display:block;margin-top:4px;font-size:10px;color:#ccc}
#container_main_left small a:hover{color:#fff;text-decoration:underline}
#container_main_left .poll-result{display:flex;align-items:center;margin:2px 0;font-size:10px;color:#fff}
#container_main_left .poll-label{flex:0 0 60px}
#container_main_left .poll-bar{flex:1;background:#224477;height:6px;margin:0 4px;border-radius:3px;overflow:hidden}
#container_main_left .poll-fill{background:#99ccff;height:100%}
#container_main_left .poll-percent{width:30px;text-align:right}
#container_main_left .server-table{width:100%;border-collapse:collapse;font-size:9px;color:#fff}
#container_main_left .server-table td{border:1px solid #5b88c6;padding:1px 0}
#container_main_left .server-table tr:first-child td,#container_main_left .server-table tr:last-child td{font-weight:bold}
#container_main_left .server-table td:first-child{border-left:none;text-align:left}
#container_main_left .server-table td:last-child{border-right:none;text-align:right}
/* Online-/Community-Box + Server-Tabellen */
#container_main2_right .sidebox.online-box,#container_main2_right .sidebox.community-box{padding:6px 7px}
#container_main2_right .sidebox.online-box table,#container_main2_right .sidebox.community-box table{width:100%;border-collapse:collapse;font-size:11px}
#container_main2_right .sidebox.online-box td,#container_main2_right .sidebox.community-box td{padding:2px 0;color:#fff}
#container_main2_right .sidebox.online-box td:first-child,#container_main2_right .sidebox.community-box td:first-child{text-align:left}
#container_main2_right .sidebox.online-box td:last-child,#container_main2_right .sidebox.community-box td.val{text-align:right;color:#fff;font-weight:bold}
#container_main2_right .sidebox.online-box .rekord-date{display:block;font-size:9px;color:#ddd;text-align:right;margin-top:2px}
#container_main2_right .server-table{width:100%;border-collapse:collapse;font-size:9px;color:#fff;border-top:none;border-bottom:none;table-layout:fixed}
#container_main2_right .server-table td{border:1px solid #5b88c6;border-top:none;border-bottom:none;padding:1px 3px;white-space:nowrap}
#container_main2_right .server-table td:first-child{width:48%;text-align:left;border-left:none;padding-left:2px}
#container_main2_right .server-table td:nth-child(2){width:26%;text-align:center}
#container_main2_right .server-table td:last-child{width:37%;text-align:right;border-right:none;padding-right:2px}
#container_main2_right .server-table tr:first-child td,#container_main2_right .server-table tr:last-child td{font-weight:bold}
input,textarea,button,select{font-family:Verdana,Helvetica,sans-serif;font-size:8pt;font-weight:normal;color:#FFFFFF;background-color:#000033;border:1px solid #FFFFFF;padding:1px 5px;}
/* Hover-Effekt für alle Buttons */
input:hover,button:hover{background-color:#6699CC;}
input:active,button:active{border-color:#000033;}
.reload-btn{background-color:#000033;border: 1px solid #FFFFFF;color: #FFFFFF;font-size: 12pt;width: 26px;height: 26px;display: flex;align-items: center;justify-content: center;cursor: pointer;padding: 0;}
.reload-btn:hover{background-color: #6699CC;}
.reload-btn:active{border-color: #000033;background-color: #336699;}
.reload-btn i {pointer-events: none;}
/* =======================================
STATUS-BOX MIT FORTSCHRITTSBALKEN
======================================= */
.status-box{padding: 0 !important;}
.status-bar-container{position: relative;width: 100%;background-color:#ce0302;height: 24px;background: url('/images/stats/bg_onlinestatus.jpg') left center no-repeat;background-size: 100% 100%;border: none;border-radius: 0; overflow: hidden;margin: 0;}
.status-bar-fill{position:absolute;left:0;top:0;height:100%;background: url('/images/stats/bg_onlinestatus2.jpg') left center no-repeat;background-size: 140px 100%;background-color:#ce0302;}
.status-bar-text{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:bold;font-size:11px;text-shadow:0 1px 2px rgba(0,0,0,0.5);z-index:1;}
.status-values{padding-right:5px;padding-top:5px;text-align:right;color: #fff;font-size:11px;margin-bottom:2px;font-weight:bold;}
.status-total{padding-left:9px;padding-bottom:5px;text-align:left;color:#99ccff;font-size:10px;font-weight:bold;text-transform: uppercase;}
/* =======================================
NEUES-BOX
======================================= */
.neues-box {font-size:11px;}
.neues-item{padding:4px 0;}
.neues-item strong{color:#99ccff;font-size:10px;text-transform:uppercase;}
.neues-item a{color:#fff;text-decoration:none;}
.neues-item a:hover{text-decoration:underline;}
#uploadbox {width:100%;height:160px;border:2px dashed #517da8;text-align:center;line-height:160px;font-size:18px;color:#517da8;margin-bottom:15px;cursor:pointer;}
/* =======================================
GROSSE MONITORE
Bis 1920px bleibt alles wie bisher (1261px + grauer Rand).
Erst ab echtem 2K / 4K wird die Seite etwas breiter –
aber nie volle Breite, grauer Rand bleibt erhalten.
======================================= */
/* Alles bis Full-HD (inkl. 1680x1050) – exakt wie vorher */
@media screen and (max-width: 1920px) {
#mantle { width: 1261px; }
}
/* 2K (1921px–2560px) – etwas breiter, aber nicht voll */
@media screen and (min-width: 1921px) and (max-width: 2560px) {
#mantle { width: 1600px; }
}
/* 4K und größer – deutlich breiter, aber Rand bleibt */
@media screen and (min-width: 2561px) {
#mantle { width: 2200px; }
}