/* Eifel Express · gemeinsames Design · 2026-10-04 */
:root{--eifel-red:#990000;--eifel-gray:#333333;--btg-radius:16px;--btg-radius-lg:22px;--btg-gap:22px;--btg-muted:#d0d0d0;--btg-border:rgba(255,255,255,.15)}
html{scroll-padding-top:155px}
body{line-height:1.6!important;background-attachment:fixed!important}
body::before{display:none!important}
body .container,body .page{width:min(1320px,calc(100% - 56px))!important;max-width:1320px!important;padding:38px 0 64px!important}
body h1{font-size:clamp(27px,3.5vw,42px)!important;line-height:1.15!important;letter-spacing:-.035em!important}
body h2{font-size:23px!important;line-height:1.3!important;letter-spacing:-.025em!important}
body h3{line-height:1.4!important}
body p{line-height:1.7!important}
/* Navigation: Marke und Werkzeuge oben, Seiten darunter. */
body .navbar{grid-template-columns:minmax(0,1fr) auto!important;gap:12px 22px!important;padding:14px 28px 10px!important;background:#333333!important;border-bottom:1px solid #ffffff25!important;box-shadow:0 8px 30px #0003!important}
body .nav-left{grid-column:1;grid-row:1;min-width:0!important;gap:12px!important}
body .nav-left::after{content:'Vollgas in der Region.';display:block!important;font-size:11px;letter-spacing:.02em;color:#d0d0d0;margin-left:10px}
body .brand-name{display:inline!important;font-size:18px!important}
body .logo{height:44px!important;width:44px!important;filter:none!important}
body .nav-right{grid-column:2;grid-row:1;gap:8px!important;min-width:0!important}
body .nav-right .user-name{display:block!important;max-width:145px;overflow:hidden;text-overflow:ellipsis}
body .nav-right .role-badge{display:inline-flex!important}
body .nav-center{grid-column:1/-1;grid-row:2;justify-content:flex-start!important;flex-wrap:wrap!important;overflow:visible!important;gap:5px!important;border-top:1px solid #ffffff18;padding-top:9px}
body .nav-center>a,body .navbar .dropbtn{min-height:40px!important;padding:0 13px!important;border-radius:10px!important;font-size:12px!important;letter-spacing:.01em}
body .nav-center>a.active,body .navbar .dropbtn.active{background:#990000!important;border-color:#990000!important;color:white!important;box-shadow:none!important}
body .dropdown-content{top:100%!important;padding:8px!important;border-radius:14px!important;background:#333333!important;box-shadow:0 18px 45px #0006!important;max-height:70vh;overflow-y:auto!important}
body .dropdown-content a{min-height:44px!important}
body .dropdown-content a.active{background:#990000!important;color:#fff!important}
body .btg-icon-btn,body .logout-btn{border-color:#ffffff25!important;border-radius:10px!important;background:#333333!important;box-shadow:none!important}
body .btg-icon-btn:hover,body .logout-btn:hover{background:#990000!important;border-color:#990000!important}
/* Einheitliche Oberflächen ohne Überschreiben der Farbvorschauen. */
body :is(.card,.box,.glass-card,.stat-card,.btg-kpi,.table-box,.download-card,.event-card,.qr-card,.ranking-card,.btg-member-card,.btg-driver-card,.login-box,.register-box,.network-card,.network-create,.network-hero,.apply-panel,.btg-v2-hero,.webhook-row,.fleet-card,.vehicle-card,.award-card){background:#333333!important;border:1px solid #ffffff25!important;border-radius:22px!important;box-shadow:0 10px 30px #0002!important}
body :is(.card,.box,.glass-card,.login-box,.register-box){padding:26px!important}
body :is(.btg-v2-hero,.network-hero){padding:30px!important;border-top:3px solid #990000!important}
body :is(.page-header,.header){margin-bottom:26px!important;gap:20px!important}
body :is(.stat-card,.btg-kpi){padding:23px!important;min-height:126px!important;text-decoration:none!important}
body :is(.stat-card,.btg-kpi):hover{border-color:#ffffff55!important}
body :is(.stat-card,.btg-kpi) strong{font-size:34px!important;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
body .btg-kpi span,body .stat-card h3{font-size:11px!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#d0d0d0!important}
body :is(.grid,.stats,.download-grid,.qr-grid,.btg-kpi-grid,.btg-member-grid,.mein-eifel-grid){gap:22px!important}
body :is(.btn,.submit-btn,.save-btn,.send-btn,.upload-btn,.download-btn,.edit-btn,.back-btn){min-height:44px!important;border-radius:11px!important;font-size:13px!important;box-shadow:none!important;transition:background .15s,border-color .15s!important;transform:none!important}
body .btn:hover{border-color:#ffffff80!important}
body .btn.secondary,body .btn.ghost,body .back-btn{background:#333333!important;border-color:#ffffff40!important;color:#fff!important}
body :is(.btn.secondary,.btn.ghost,.back-btn):hover{background:#990000!important;border-color:#990000!important}
body .role-badge{font-size:11px!important;padding:5px 10px!important;letter-spacing:.025em!important}
/* Formulare */
body label{font-size:13px!important;letter-spacing:0!important;color:#eee!important}
body input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=color]):not([type=range]):not([type=submit]),body select,body textarea{min-height:46px!important;border-radius:11px!important;border:1px solid #ffffff45!important;padding:11px 13px!important;background:#333333!important;color:white!important;max-width:100%}
body input:focus,body select:focus,body textarea:focus{border-color:#fff!important;box-shadow:0 0 0 3px #990000!important}
body input[type=checkbox],body input[type=radio]{accent-color:#990000;width:18px;min-height:18px;flex-shrink:0}
body textarea{line-height:1.6!important}body input[type=file]{font-size:12px!important}
body input[type=file]::file-selector-button{background:#990000;color:white;border:0;border-radius:7px;padding:8px 12px;margin-right:12px;cursor:pointer}
body .form-grid,body .form-row{gap:20px!important}
/* Tabellen bleiben als Tabellen bedienbar, mit horizontalem Scrollbereich. */
body .eifel-modern-table-wrap{width:100%;max-width:100%;overflow-x:auto;border:1px solid #ffffff25;border-radius:14px;margin:15px 0;overscroll-behavior-x:contain}
body .eifel-modern-table-wrap table{margin:0!important;width:100%!important;border:0!important;box-shadow:none!important}
body th{background:#333333!important;color:#d0d0d0!important;padding:15px 16px!important;border-bottom:2px solid #990000!important;font-size:11px!important;letter-spacing:.05em!important}
body td{padding:16px!important;line-height:1.5!important}
body tbody tr:hover{background:#ffffff07!important}
body .btg-table-tools{gap:14px!important;margin-bottom:15px!important}
body .btg-table-search{max-width:420px}
body .btg-command,body .btg-toast,body .btg-table-search{background:#333333!important;border-color:#ffffff30!important}
body .btg-command{border-radius:20px!important;box-shadow:0 24px 70px #0008!important}
body .btg-command-list a:hover{background:#990000!important}
body .eifel-copyright{margin:30px auto 0;padding:20px;text-align:center;color:#ddd;border-top:1px solid #ffffff18;font-size:12px}
/* Login und Registrierung */
body.eifel-modern-auth{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:30px 16px!important}
body.eifel-modern-auth>br{display:none}
body.eifel-modern-auth .login-box,body.eifel-modern-auth .register-box{width:min(460px,100%)!important;margin:0 auto!important;padding:35px!important;text-align:left!important;border-top:4px solid #990000!important}
.eifel-auth-brand{display:flex;align-items:center;gap:13px;margin-bottom:28px}.eifel-auth-brand img{width:52px;height:52px;object-fit:contain}.eifel-auth-brand strong{display:block;font-size:18px}.eifel-auth-brand small{display:block;color:#d0d0d0;font-size:12px}
body.eifel-modern-auth form{align-items:stretch!important;width:100%!important;gap:16px!important}
body.eifel-modern-auth .login-box input:not([type=checkbox]),body.eifel-modern-auth .login-box button,body.eifel-modern-auth .remember-row{width:100%!important}
body.eifel-modern-auth h1{font-size:30px!important;margin-bottom:22px!important}
/* Mobile Navigation ohne verdeckte Profil- und Logout-Aktionen. */
@media(max-width:1000px){body .nav-left::after{display:none!important}body .nav-right .user-name,body .nav-right .role-badge{display:none!important}body .nav-right form{display:none!important}}
@media(max-width:820px){html{scroll-padding-top:90px}body .navbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;padding:12px 14px!important;min-height:72px!important;gap:8px!important}body .brand-name{font-size:14px!important}body .logo{width:36px!important;height:36px!important}body .nav-left{gap:8px!important}body .nav-right{gap:5px!important}body .btg-header-tools .btg-search{display:none!important}body .nav-right>a[href='/mitteilungen']{display:none!important}body .btg-icon-btn,body .btg-mobile-toggle,body .logout-btn{width:34px!important;height:38px!important;min-height:38px!important;padding:0!important}body .nav-center{display:none!important;position:fixed!important;top:72px!important;bottom:0!important;left:0!important;right:0!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;background:#333333!important;padding:16px!important;overflow-y:auto!important;border:0!important;flex-wrap:nowrap!important}body .navbar.btg-nav-open .nav-center{display:flex!important}body .nav-center>a,body .navbar .dropbtn{min-height:48px!important;justify-content:flex-start!important;font-size:14px!important}body .dropdown-content{position:static!important;max-height:none!important;box-shadow:none!important;margin:5px 0!important}body .dropdown:not(.btg-open):hover .dropdown-content{display:none!important}body .dropdown.btg-open .dropdown-content{display:grid!important}body .container,body .page{width:calc(100% - 28px)!important;padding:24px 0 40px!important}body :is(.card,.box,.glass-card,.login-box,.register-box,.btg-v2-hero,.network-hero){padding:20px!important;border-radius:17px!important}body :is(.grid,.download-grid,.mein-eifel-grid){grid-template-columns:1fr!important}body .btg-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body .form-grid{grid-template-columns:1fr!important}body .eifel-modern-table-wrap:focus-visible{outline:2px solid white;outline-offset:3px}}
@media(max-width:480px){body .stats{grid-template-columns:1fr!important}body .btg-kpi-grid{gap:12px!important}body .btg-kpi{padding:16px!important;min-height:105px!important}body .btg-kpi strong{font-size:28px!important}body.eifel-modern-auth .login-box,body.eifel-modern-auth .register-box{padding:25px!important}body .page-header{align-items:flex-start!important}body .eifel-profile-meta{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{body{background:white!important;color:black!important}.navbar,.eifel-copyright{display:none!important}.eifel-modern-table-wrap{overflow:visible;border:0}body :is(.card,.box){box-shadow:none!important}}
@media(max-width:380px){body .brand-name{font-size:12px!important}body .logo{width:30px!important;height:30px!important}body .nav-left{gap:6px!important}body .navbar{padding-left:10px!important;padding-right:10px!important}}
/* Anthrazit: klare Tiefenstaffelung, einzeilige Desktop-Navigation. */
:root{--btg-bg:#141517;--btg-bg-2:#191a1d;--btg-surface:#242629;--btg-surface-2:#2b2d30;--btg-surface-3:#333333;--btg-border:rgba(255,255,255,.1);--btg-muted:#b8bcc2}
body{background-color:#141517!important;background-image:linear-gradient(rgba(20,21,23,.91),rgba(20,21,23,.96)),url('/static/eifel-express-background.png')!important}
body .navbar,body .dropdown-content,body .apply-nav{background:#1b1d20!important;border-color:#ffffff16!important}
body :is(.card,.box,.glass-card,.stat-card,.btg-kpi,.table-box,.download-card,.event-card,.qr-card,.ranking-card,.btg-member-card,.btg-driver-card,.login-box,.register-box,.network-card,.network-create,.network-hero,.apply-panel,.btg-v2-hero,.webhook-row,.fleet-card,.vehicle-card,.award-card,.account-box,.account-row,.list-item,.btg-public-profile-hero,.btg-profile-card,.tmp-rgb-box,.ranking-box,.upload-box){background:#242629!important;border-color:#ffffff16!important;box-shadow:0 12px 32px #0003!important}
body :is(.network-image-area,.network-empty,.network-create,.eifel-profile-meta>div,.eifel-profile-stats>div,.eifel-profile-award,.eifel-profile-vehicle){background:#2b2d30!important;border-color:#ffffff18!important}
body input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=color]):not([type=range]):not([type=submit]),body select,body textarea,body .btg-table-search{background:#191b1e!important;border-color:#ffffff26!important}
body th{background:#1e2023!important}body td{border-color:#ffffff0d!important}
body :is(.btn.secondary,.btn.ghost,.back-btn,.btg-icon-btn,.logout-btn,.btg-mobile-toggle,.network-links>a){background:#2b2d30!important;border-color:#ffffff22!important}
body :is(.btn.secondary,.btn.ghost,.back-btn,.btg-icon-btn,.logout-btn,.network-links>a):hover{background:#990000!important;border-color:#990000!important}
body .btg-command,body .btg-toast{background:#242629!important}
body .eifel-profile-avatar-empty,body .eifel-profile-vehicle-photo{background:#1b1d20!important}
body .apply-photo{background-image:linear-gradient(0deg,rgba(20,21,23,.95),rgba(20,21,23,.1) 85%),url('/static/eifel-express-background.png')!important}
body .navbar{grid-template-columns:auto minmax(0,1fr) auto!important;padding:12px 22px!important;gap:16px!important;min-height:72px!important}
body .nav-left{grid-column:1;grid-row:1}body .nav-left::after{display:none!important}
body .nav-center{grid-column:2;grid-row:1;border:0!important;padding:0!important;flex-wrap:nowrap!important;justify-content:center!important;gap:3px!important}
body .nav-right{grid-column:3;grid-row:1}
body .nav-center>a,body .navbar .dropbtn{padding:0 9px!important;font-size:12px!important}
body .nav-right form,body .nav-right .user-name,body .nav-right .role-badge{display:none!important}
@media(min-width:1101px) and (max-width:1500px){body .nav-center>a>i,body .dropbtn>i:first-child{display:none!important}body .brand-name{font-size:15px!important}body .logo{width:36px!important;height:36px!important}body .nav-right>a[href='/mitteilungen']{display:none!important}body .btg-header-tools .btg-search{display:none!important}}
@media(max-width:1100px){body .navbar{grid-template-columns:minmax(0,1fr) auto!important;padding:12px 14px!important;gap:8px!important}body .nav-left{grid-column:1;grid-row:1}body .nav-right{grid-column:2;grid-row:1}body .btg-mobile-toggle{display:grid!important}body .nav-center{display:none!important;position:fixed!important;top:72px!important;bottom:0!important;left:0!important;right:0!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;background:#1b1d20!important;padding:16px!important;overflow-y:auto!important;flex-wrap:nowrap!important}body .navbar.btg-nav-open .nav-center{display:flex!important}body .nav-center>a,body .navbar .dropbtn{width:100%!important;min-height:48px!important;justify-content:flex-start!important;font-size:14px!important}body .dropdown{width:100%!important}body .dropdown-content{position:static!important;max-height:none!important;margin-top:5px!important;box-shadow:none!important;display:none!important}body .dropdown:not(.btg-open):hover .dropdown-content{display:none!important}body .dropdown.btg-open .dropdown-content{display:grid!important}body .brand-name{display:inline!important}body .nav-right>a[href='/mitteilungen'],body .btg-header-tools .btg-search{display:none!important}}
body .eifel-profile .card{background:#242629!important;border-color:#ffffff16!important}
body .eifel-profile .eifel-profile-hero{border-top-color:#990000!important}