/* Loosr Tuifl – modernisierte Oberflaeche, rein visuell, Stand 12.10.2026 */
:root{--dt-bg:#101115;--dt-panel:#1b1d23;--dt-panel-2:#22252c;--dt-border:#363943;--dt-red:#d13a4e;--dt-text:#f4f4f6;--dt-muted:#b4b7c0}
body{background:radial-gradient(ellipse 75% 55% at 80% -20%,rgba(139,27,45,.13),transparent),var(--dt-bg);color:var(--dt-text);font-family:'Montserrat',Arial,sans-serif}
header{background:rgba(23,24,30,.97);border-bottom:1px solid #343640;box-shadow:0 5px 28px #0002;padding-top:12px;padding-bottom:12px}
main:has(>.dt-shell){max-width:1650px;padding:24px clamp(12px,2.5vw,38px) 42px}
.dt-shell{grid-template-columns:225px minmax(0,1fr);gap:24px}
.dt-side{top:18px;background:linear-gradient(160deg,#202128,#16171c);border:1px solid #343640;border-radius:18px;padding:15px;box-shadow:0 12px 34px #0003}
.dt-logo{padding-bottom:16px;margin-bottom:13px}
.dt-logo strong{font-family:'Oswald',sans-serif;font-size:19px;letter-spacing:1.2px}
.dt-nav{display:grid;gap:6px}
.dt-nav a{display:flex;align-items:center;min-height:44px;padding:11px 13px;border:1px solid transparent;border-radius:11px;font-family:'Oswald',sans-serif;font-size:17px;font-weight:500;letter-spacing:.35px;transition:background .15s,border-color .15s,transform .15s}
.dt-nav a:hover{background:#2c2d36;border-color:#444650;transform:translateX(2px)}
.dt-nav a.dt-active{background:linear-gradient(90deg,#9e2439,#6f1e30);border-color:#b44053;box-shadow:inset 3px 0 #ff7586}
.dt-content{min-width:0}
.dt-session-user{border-radius:12px!important;background:#24262e!important;border-color:#41434c!important}
h1,h2,h3,h4{font-family:'Oswald','Arial Narrow',sans-serif;letter-spacing:.5px}
h1{font-size:clamp(28px,3vw,40px)}h2{font-size:clamp(20px,2vw,26px)}
.card,.stats section,.dt-content section.card{background:linear-gradient(145deg,#22242c,#1a1c22);border:1px solid var(--dt-border);border-radius:17px;box-shadow:0 8px 26px #0002}
.card{padding:clamp(16px,2vw,25px)}
.dt-stats{gap:15px!important}
.dt-stats .card{position:relative;overflow:hidden;border-top:3px solid #bd3449!important;background:linear-gradient(145deg,#262932,#1b1d23)!important;box-shadow:0 10px 26px #0003!important;border-radius:16px!important}
.dt-stats .card:after{content:'↗';position:absolute;right:14px;top:12px;font-size:20px;color:#d85a6c;opacity:.75}
.dt-stats .card h2{font-family:'Oswald',sans-serif;font-size:clamp(29px,3vw,39px)!important;line-height:1.12;margin:8px 0!important}
.dt-stats .card p{font-size:13px;color:#c6c7ce}
.dt-hero{border-radius:18px!important;border-color:#46414b!important;box-shadow:0 12px 30px #0004}
.dt-hero h1{font-size:clamp(32px,3vw,43px)!important;text-transform:uppercase;letter-spacing:1px}
button,.button{border-radius:10px;transition:filter .15s,transform .15s,background .15s;min-height:42px}
button:not(:disabled):hover,.button:hover{filter:brightness(1.14);transform:translateY(-1px);text-decoration:none}
button:focus-visible,.button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #ff7385;outline-offset:3px}
input,select,textarea{background:#14161b;border:1px solid #4b4e58;border-radius:10px;color:#fff;min-height:43px;max-width:100%}
textarea{display:block;width:100%;padding:12px;font:inherit}
input[type=checkbox],input[type=radio]{min-height:0;width:18px;height:18px;accent-color:#c63249}
label{line-height:1.5}
.formgrid,.details{gap:18px}
.tablewrap,.dt-content div[style*="overflow-x:auto"]{overflow-x:auto;max-width:100%;border-radius:13px;scrollbar-width:thin}
table{border-collapse:separate;border-spacing:0;width:100%;font-size:13.5px}
thead{background:#292b34}
th{font-family:'Montserrat',sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#c5c6ce;font-weight:700;padding:14px 15px;white-space:nowrap}
td{padding:15px;border-bottom:1px solid #33353e;vertical-align:middle}
tbody tr:nth-child(even){background:#ffffff05}
tbody tr:hover{background:#a52b3a13}
.notice{border-left:4px solid #e15b70;background:#35242d}
.dt-menu-toggle{display:none}
.registration form{box-shadow:0 16px 42px #0004}
.registration form input,.registration form select,.registration form textarea{min-height:45px}
@media(max-width:1080px){.dt-shell{grid-template-columns:190px minmax(0,1fr);gap:15px}.dt-nav a{font-size:16px}}
@media(max-width:760px){
 header{padding:12px 4%;gap:10px}header .brand img{max-width:180px!important}
 .dt-shell{display:block}.dt-side{position:relative;top:auto;margin-bottom:15px;padding:10px 12px}
 .dt-logo{display:none}.dt-menu-toggle{display:block;width:100%;text-align:left;background:#292b34;border:1px solid #454650;color:#fff;font-family:'Oswald',sans-serif;font-size:17px}
 .dt-nav{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;overflow:visible;padding-top:10px}.dt-nav.dt-nav-open{display:grid}
 .dt-nav a{font-size:15px;white-space:normal;min-height:45px;padding:9px 10px}
 .dt-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .heading{gap:12px}.filters{gap:10px}.filters .search{min-width:100%}
 .card,.dt-content section.card{padding:16px!important}
 .dt-content table{min-width:520px}
 .dt-content table button{white-space:normal}
 .formgrid,.details{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:490px){
 header:has(.dt-session-user){flex-wrap:wrap}header .dt-session-user{order:3!important;flex:1 1 100%!important;margin:0!important}header:has(.dt-session-user)>form{order:2!important;margin-left:auto}
 main:has(>.dt-shell){padding:13px 10px 28px}
 .dt-stats{gap:9px!important}.dt-stats .card{padding:14px 12px!important;min-height:110px}
 .dt-stats .card h2{font-size:29px!important}.dt-stats .card p{font-size:12px}
 .formgrid,.details{grid-template-columns:1fr}
 .dt-nav{grid-template-columns:1fr 1fr}
 .dt-hero-inner{padding:18px!important}
 .registration form{padding:16px!important}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}

/* Einheitliche dezente rote Rahmen – Stand 12.10.2026 */
:root{--dt-border:#8c3040;--dt-border-bright:#c84a5d}
.dt-side,.dt-hero,.dt-session-user,header .dt-session-user,.card,.stats section,.dt-content section.card,.notice,.dt-menu-toggle{border-color:var(--dt-border)!important}
.dt-stats .card{border-color:var(--dt-border)!important;border-top-color:#df435b!important}
.dt-nav a.dt-active{border-color:var(--dt-border-bright)!important}
.dt-nav a:hover{border-color:#9d4050!important}
.dt-content table,.dt-content .tablewrap{border:1px solid var(--dt-border);border-radius:12px}
.dt-content thead th{border-bottom:1px solid var(--dt-border)}
input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{border-color:#963747!important}
input:focus,select:focus,textarea:focus{border-color:#ed6478!important}
button,.button{border:1px solid #a53b4c}
button.quiet{border-color:#a53b4c}
.dt-content fieldset,.dt-content details{border-color:var(--dt-border)}
@media(max-width:760px){.dt-content table{border-color:var(--dt-border)}}