:root{
    --bg:#06100b;
    --sidebar:#07120c;
    --panel:#102419;
    --panel2:#142d20;
    --line:#254f37;
    --text:#f4fff7;
    --muted:#bcd4c4;
    --soft:#89e6a1;
    --green:#4fde72;
    --gold:#e9c86d;
    --red:#ff6b6b;
    --shadow:0 24px 80px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
body{
    margin:0;
    font-family:Arial,Helvetica,sans-serif;
    background:
        radial-gradient(circle at top left,rgba(79,222,114,.18),transparent 34%),
        radial-gradient(circle at 80% 10%,rgba(233,200,109,.12),transparent 28%),
        linear-gradient(135deg,#040806,var(--bg));
    color:var(--text);
}
a{color:inherit}
.app{display:flex;min-height:100vh}
.sidebar{
    width:330px;
    background:linear-gradient(180deg,var(--sidebar),#030604);
    border-right:1px solid var(--line);
    padding:22px;
    position:sticky;
    top:0;
    height:100vh;
    overflow:auto;
}
.brand{
    display:flex;
    gap:14px;
    align-items:center;
    padding:15px;
    border:1px solid var(--line);
    border-radius:22px;
    background:rgba(255,255,255,.04);
    text-decoration:none;
    box-shadow:var(--shadow);
}
.brand-mark{
    width:54px;
    height:54px;
    border-radius:18px;
    display:grid;
    place-items:center;
    font-weight:900;
    color:#06100b;
    background:linear-gradient(135deg,var(--green),var(--gold));
}
.brand strong{display:block;font-size:18px}
.brand em{display:block;color:var(--muted);font-style:normal;font-size:12px;margin-top:4px}
.nav{margin-top:22px;display:grid;gap:18px}
.nav h2{
    font-size:11px;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:var(--soft);
    margin:0 0 8px;
}
.nav a{
    display:flex;
    align-items:center;
    gap:10px;
    padding:11px 12px;
    color:var(--muted);
    border:1px solid transparent;
    border-radius:15px;
    text-decoration:none;
}
.nav a:hover,.nav a.active{
    color:var(--text);
    background:rgba(79,222,114,.12);
    border-color:var(--line);
}
.nav b{font-size:14px}
.main{
    flex:1;
    width:calc(100% - 330px);
    max-width:1260px;
    margin:0 auto;
    padding:34px;
}
.hero{
    display:grid;
    grid-template-columns:minmax(0,1fr) 320px;
    gap:24px;
    align-items:stretch;
    margin-bottom:24px;
}
.hero-copy,.hero-panel,.section{
    background:linear-gradient(180deg,rgba(16,36,25,.94),rgba(10,22,15,.94));
    border:1px solid var(--line);
    border-radius:30px;
    box-shadow:var(--shadow);
}
.hero-copy{padding:34px}
.hero-panel{
    padding:26px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:12px;
}
.hero-panel strong{font-size:25px}
.hero-panel span{color:var(--soft);font-weight:800}
.hero-panel em{color:var(--muted);font-style:normal;line-height:1.5}
.eyebrow{
    color:var(--soft);
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.12em;
    font-size:12px;
    margin:0 0 10px;
}
h1{font-size:clamp(34px,5vw,58px);line-height:1.02;margin:0 0 14px}
h2{font-size:30px;margin:0 0 16px}
h3{font-size:22px;margin:0 0 10px}
p{color:var(--muted);font-size:17px;line-height:1.7}
.section{padding:28px;margin-bottom:22px}
.badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.badges span{
    border:1px solid var(--line);
    background:rgba(79,222,114,.13);
    color:var(--soft);
    font-weight:800;
    padding:9px 12px;
    border-radius:999px;
    font-size:13px;
}
.cards{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(245px,1fr));
    gap:16px;
    margin:18px 0;
}
.card{
    background:linear-gradient(180deg,var(--panel2),#0c1d14);
    border:1px solid var(--line);
    border-radius:24px;
    padding:22px;
}
.card small{
    display:inline-block;
    color:var(--gold);
    text-transform:uppercase;
    letter-spacing:.08em;
    font-weight:900;
    font-size:11px;
    margin-bottom:10px;
}
.card p{font-size:15px;margin:0}
.table-wrap{
    overflow:auto;
    border:1px solid var(--line);
    border-radius:20px;
    margin:18px 0;
}
table{width:100%;border-collapse:collapse;background:#09170f}
th,td{
    padding:14px 16px;
    border-bottom:1px solid var(--line);
    text-align:left;
    vertical-align:top;
}
th{
    color:var(--soft);
    background:#132d1f;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.07em;
}
td{color:var(--muted);line-height:1.5}
tr:last-child td{border-bottom:0}
.notice{
    border:1px solid var(--line);
    border-left:6px solid var(--gold);
    background:rgba(233,200,109,.1);
    padding:18px 20px;
    border-radius:18px;
    margin:18px 0;
}
.notice p{margin:0;color:var(--text)}
.notice-success{border-left-color:var(--green)}
.notice-error{border-left-color:var(--red)}
.form-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}
.form-field{display:grid;gap:7px}
label{font-weight:800;color:var(--text)}
input,select,textarea{
    width:100%;
    border:1px solid var(--line);
    background:#07130d;
    color:var(--text);
    border-radius:14px;
    padding:13px 14px;
    font-size:16px;
}
textarea{min-height:120px;resize:vertical}
.form-wide{grid-column:1/-1}
button,.button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:0;
    background:linear-gradient(135deg,var(--green),var(--gold));
    color:#06100b;
    font-weight:900;
    padding:14px 18px;
    border-radius:15px;
    cursor:pointer;
    text-decoration:none;
}
.footer{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    color:var(--muted);
    padding:26px 8px;
}
.footer strong{color:var(--text)}
@media(max-width:1000px){
    .app{display:block}
    .sidebar{position:relative;width:auto;height:auto}
    .main{width:auto;padding:18px}
    .hero{grid-template-columns:1fr}
}
@media(max-width:680px){
    .form-grid{grid-template-columns:1fr}
}

/* Globaler Hinweis: Keine Auszahlung */
.wr-no-payout-global{
    border-left:7px solid var(--gold);
    background:
        linear-gradient(135deg, rgba(233,200,109,.16), rgba(79,222,114,.08)),
        linear-gradient(180deg, rgba(16,36,25,.96), rgba(10,22,15,.96));
}
.wr-no-payout-global h2{
    color:var(--gold);
}
.wr-no-payout-global p{
    color:var(--text);
    font-weight:700;
}

/* Vereinfachte Seitenbearbeitung */
textarea::placeholder,
input::placeholder{
    color:rgba(188,212,196,.55);
}

/* Professionelle Seitenbearbeitung */
.editor-head{
    background:
        linear-gradient(135deg, rgba(79,222,114,.16), rgba(233,200,109,.12)),
        linear-gradient(180deg, rgba(16,36,25,.96), rgba(10,22,15,.96));
}
.editor-titlebar{
    display:flex;
    justify-content:space-between;
    gap:18px;
    align-items:flex-start;
    margin-bottom:18px;
}
.editor-panel{
    position:relative;
}
.editor-preview{
    width:100%;
    height:620px;
    border:1px solid var(--line);
    border-radius:22px;
    background:#fff;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}
.editor-big-text{
    min-height:260px;
}
.editor-code-text{
    min-height:520px;
    font-family:Consolas, Monaco, monospace;
    font-size:14px;
    line-height:1.5;
}
@media(max-width:900px){
    .editor-titlebar{
        display:block;
    }
    .editor-preview{
        height:460px;
    }
}

/* Tour Start/Pause/Stop */
button:disabled{
    opacity:.45;
    cursor:not-allowed;
    filter:grayscale(.35);
}
.card form{
    margin-top:14px;
}

/* Große Touren mit Kunden-Stopps */
.table-wrap small{
    color:var(--muted);
}
td textarea{
    min-height:70px;
    font-size:14px;
}
button:disabled{
    opacity:.45;
    cursor:not-allowed;
    filter:grayscale(.35);
}

/* Echtzeit Pausen-Timer */
.pause-live-box{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:20px;
    margin:18px 0;
    border:1px solid var(--line);
    border-left:7px solid var(--gold);
    border-radius:22px;
    background:
        linear-gradient(135deg, rgba(233,200,109,.18), rgba(79,222,114,.09)),
        linear-gradient(180deg, rgba(16,36,25,.96), rgba(10,22,15,.96));
}
.pause-live-box strong{
    display:block;
    color:var(--gold);
    font-size:20px;
}
.pause-live-box span{
    display:block;
    color:var(--muted);
    margin-top:4px;
}
.pause-live-timer{
    min-width:145px;
    text-align:center;
    padding:16px 18px;
    border-radius:18px;
    background:#07130d;
    border:1px solid var(--line);
    color:var(--text);
    font-size:38px;
    font-weight:900;
    letter-spacing:.06em;
    font-variant-numeric:tabular-nums;
}
.pause-live-done{
    color:var(--green);
    box-shadow:0 0 0 2px rgba(79,222,114,.25);
}
.pause-end-form{
    margin:14px 0 22px;
}
@media(max-width:700px){
    .pause-live-box{
        display:block;
    }
    .pause-live-timer{
        margin-top:14px;
        width:100%;
    }
}

/* Kabel-Start: Nicht angenommen mit Beispielbildern */
.reject-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(310px,1fr));
    gap:18px;
    margin-top:22px;
}
.reject-card{
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:26px;
    background:linear-gradient(180deg,var(--panel2),#0c1d14);
    box-shadow:var(--shadow);
}
.reject-card img{
    width:100%;
    display:block;
    aspect-ratio: 16 / 10;
    object-fit:cover;
    border-bottom:1px solid var(--line);
}
.reject-card div{
    padding:22px;
}
.reject-card h3{
    color:var(--gold);
    margin-bottom:10px;
}
.reject-card p{
    font-size:15.5px;
    margin-top:0;
}
@media(max-width:700px){
    .reject-grid{
        grid-template-columns:1fr;
    }
}

/* Fix: Nicht-angenommen-Bilder vollständig anzeigen */
.reject-card img{
    width:100%;
    height:auto !important;
    max-height:none !important;
    aspect-ratio:auto !important;
    object-fit:contain !important;
    background:#07130d;
}
.reject-card{
    min-height:auto;
}

/* Echte Fotos im Nicht-angenommen-Bereich */
.reject-card img{
    width:100%;
    height:260px !important;
    object-fit:cover !important;
    object-position:center !important;
    display:block;
    background:#07130d;
}
.reject-card{
    overflow:hidden;
}
@media(max-width:700px){
    .reject-card img{
        height:220px !important;
    }
}

/* Kartonage & Papier Bilder */
.material-image-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(310px,1fr));
    gap:18px;
    margin:22px 0;
}
.material-image-card{
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:26px;
    background:linear-gradient(180deg,var(--panel2),#0c1d14);
    box-shadow:var(--shadow);
}
.material-image-card img{
    width:100%;
    height:260px;
    object-fit:cover;
    object-position:center;
    display:block;
    background:#07130d;
    border-bottom:1px solid var(--line);
}
.material-image-card div{
    padding:22px;
}
.material-image-card h3{
    margin:0 0 10px;
}
.material-image-card.accepted h3{
    color:var(--green);
}
.material-image-card.rejected h3{
    color:var(--red);
}
.material-image-card p{
    margin:0;
    font-size:15.5px;
}
@media(max-width:700px){
    .material-image-card img{
        height:220px;
    }
}

/* Fix Kartonage/Papier Bilder */
.material-image-card img{
    width:100% !important;
    height:260px !important;
    object-fit:cover !important;
    object-position:center !important;
    display:block !important;
    background:#07130d !important;
}
.material-image-card{
    overflow:hidden !important;
}
@media(max-width:700px){
    .material-image-card img{
        height:220px !important;
    }
}

/* Finaler Bildanzeige-Fix: Kartonage/Papier */
.material-image-card img{
    width:100% !important;
    height:300px !important;
    object-fit:cover !important;
    object-position:center center !important;
    display:block !important;
    background:#07130d !important;
}
.material-image-card{
    overflow:hidden !important;
}
@media(max-width:700px){
    .material-image-card img{
        height:230px !important;
    }
}

/* HARDFIX Kartonage/Papier Bilder: komplette Anzeige */
.material-image-card img{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:auto !important;
    object-fit:contain !important;
    object-position:center center !important;
    display:block !important;
    background:#07130d !important;
}
.material-image-card{
    overflow:visible !important;
}
.material-image-card div{
    border-top:1px solid var(--line);
}

/* Professionelle Bilddarstellung Kartonage/Papier */
.material-image-grid{
    align-items:stretch !important;
}

.material-image-card{
    position:relative !important;
    overflow:hidden !important;
    border-radius:28px !important;
    border:1px solid var(--line) !important;
    background:
        linear-gradient(180deg, rgba(20,45,32,.98), rgba(7,19,13,.98)) !important;
    box-shadow:0 22px 70px rgba(0,0,0,.32) !important;
}

.material-image-card::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    border-radius:28px;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
    z-index:2;
}

.material-image-card img{
    width:100% !important;
    height:320px !important;
    object-fit:contain !important;
    object-position:center center !important;
    display:block !important;
    padding:14px !important;
    background:
        radial-gradient(circle at center, rgba(79,222,114,.10), transparent 55%),
        #07130d !important;
    border-bottom:1px solid var(--line) !important;
}

.material-image-card.accepted img{
    background:
        radial-gradient(circle at center, rgba(79,222,114,.16), transparent 58%),
        #07130d !important;
}

.material-image-card.rejected img{
    background:
        radial-gradient(circle at center, rgba(255,107,107,.16), transparent 58%),
        #07130d !important;
}

.material-image-card div{
    padding:24px !important;
    border-top:0 !important;
}

.material-image-card h3{
    font-size:23px !important;
    margin:0 0 10px !important;
}

.material-image-card p{
    font-size:16px !important;
    line-height:1.65 !important;
}

.material-image-card.accepted::after,
.material-image-card.rejected::after{
    position:absolute;
    top:18px;
    left:18px;
    z-index:3;
    padding:8px 12px;
    border-radius:999px;
    font-weight:900;
    font-size:12px;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#06100b;
}

.material-image-card.accepted::after{
    content:"Angenommen";
    background:linear-gradient(135deg,var(--green),var(--gold));
}

.material-image-card.rejected::after{
    content:"Abgelehnt";
    background:linear-gradient(135deg,var(--red),var(--gold));
}

.img-fallback-active{
    opacity:.85;
}

@media(max-width:900px){
    .material-image-card img{
        height:280px !important;
    }
}

@media(max-width:700px){
    .material-image-card img{
        height:240px !important;
        padding:10px !important;
    }
}

/* Fix: Beschichtete Verbundstoffe Bild ohne kaputte Textausgabe */
.material-image-card img{
    width:100% !important;
    height:300px !important;
    object-fit:contain !important;
    object-position:center center !important;
    display:block !important;
    padding:12px !important;
    background:#07130d !important;
}
.material-image-card{
    overflow:hidden !important;
}

/* Kartonage & Papier: Grün erlaubt / Rot verboten */
.kp-hero{
    background:
        linear-gradient(135deg, rgba(79,222,114,.14), rgba(255,107,107,.10)),
        linear-gradient(180deg, rgba(16,36,25,.96), rgba(7,19,13,.98));
}
.kp-rule-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:16px;
    margin-top:20px;
}
.kp-rule-box{
    border-radius:22px;
    padding:18px;
    border:1px solid var(--line);
}
.kp-rule-box strong{
    display:block;
    font-size:18px;
    margin-bottom:8px;
}
.kp-rule-box span{
    color:var(--muted);
}
.kp-green{
    border-left:8px solid #4fde72;
    background:rgba(79,222,114,.10);
}
.kp-red{
    border-left:8px solid #ff6b6b;
    background:rgba(255,107,107,.10);
}
.kp-allowed-section{
    border-top:4px solid #4fde72;
}
.kp-rejected-section{
    border-top:4px solid #ff6b6b;
}
.kp-allowed-section h2{
    color:#4fde72;
}
.kp-rejected-section h2{
    color:#ff6b6b;
}
.kp-card-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(310px,1fr));
    gap:20px;
    margin:24px 0;
}
.kp-material-card{
    position:relative;
    overflow:hidden;
    border-radius:28px;
    border:1px solid var(--line);
    background:linear-gradient(180deg,var(--panel2),#07130d);
    box-shadow:var(--shadow);
}
.kp-material-card img{
    width:100%;
    height:300px;
    object-fit:contain;
    object-position:center;
    display:block;
    padding:12px;
    background:#07130d;
    border-bottom:1px solid var(--line);
}
.kp-material-card div:not(.kp-badge){
    padding:24px;
}
.kp-material-card h3{
    margin:0 0 10px;
    font-size:23px;
}
.kp-material-card p{
    margin:0;
    line-height:1.65;
}
.kp-allowed{
    border-color:rgba(79,222,114,.45);
}
.kp-allowed h3{
    color:#4fde72;
}
.kp-rejected{
    border-color:rgba(255,107,107,.55);
}
.kp-rejected h3{
    color:#ff6b6b;
}
.kp-badge{
    position:absolute;
    top:16px;
    left:16px;
    z-index:5;
    padding:9px 13px;
    border-radius:999px;
    color:#06100b;
    font-weight:900;
    font-size:12px;
    letter-spacing:.08em;
}
.kp-allowed .kp-badge{
    background:linear-gradient(135deg,#4fde72,#e9c86d);
}
.kp-rejected .kp-badge{
    background:linear-gradient(135deg,#ff6b6b,#e9c86d);
}
@media(max-width:700px){
    .kp-material-card img{
        height:230px;
    }
}

/* Kartonage & Papier Ausbau */
.kp-hero{
    background:
        linear-gradient(135deg, rgba(79,222,114,.14), rgba(255,107,107,.10)),
        linear-gradient(180deg, rgba(16,36,25,.96), rgba(7,19,13,.98));
}
.kp-rule-grid,
.kp-traffic-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:16px;
    margin-top:20px;
}
.kp-rule-box,
.kp-traffic-card{
    border-radius:22px;
    padding:18px;
    border:1px solid var(--line);
}
.kp-rule-box strong,
.kp-traffic-card strong{
    display:block;
    font-size:18px;
    margin-bottom:8px;
}
.kp-green,
.kp-traffic-card.green{
    border-left:8px solid #4fde72;
    background:rgba(79,222,114,.10);
}
.kp-red,
.kp-traffic-card.red{
    border-left:8px solid #ff6b6b;
    background:rgba(255,107,107,.10);
}
.kp-traffic-card.yellow{
    border-left:8px solid #e9c86d;
    background:rgba(233,200,109,.12);
}
.kp-allowed-section{
    border-top:4px solid #4fde72;
}
.kp-rejected-section{
    border-top:4px solid #ff6b6b;
}
.kp-allowed-section h2{
    color:#4fde72;
}
.kp-rejected-section h2{
    color:#ff6b6b;
}
.kp-card-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(310px,1fr));
    gap:20px;
    margin:24px 0;
}
.kp-material-card{
    position:relative;
    overflow:hidden;
    border-radius:28px;
    border:1px solid var(--line);
    background:linear-gradient(180deg,var(--panel2),#07130d);
    box-shadow:var(--shadow);
}
.kp-material-card img{
    width:100%;
    height:300px;
    object-fit:contain;
    object-position:center;
    display:block;
    padding:12px;
    background:#07130d;
    border-bottom:1px solid var(--line);
}
.kp-material-card div:not(.kp-badge){
    padding:24px;
}
.kp-material-card h3{
    margin:0 0 10px;
    font-size:23px;
}
.kp-material-card p{
    margin:0;
    line-height:1.65;
}
.kp-allowed{
    border-color:rgba(79,222,114,.45);
}
.kp-allowed h3{
    color:#4fde72;
}
.kp-rejected{
    border-color:rgba(255,107,107,.55);
}
.kp-rejected h3{
    color:#ff6b6b;
}
.kp-badge{
    position:absolute;
    top:16px;
    left:16px;
    z-index:5;
    padding:9px 13px;
    border-radius:999px;
    color:#06100b;
    font-weight:900;
    font-size:12px;
    letter-spacing:.08em;
}
.kp-allowed .kp-badge{
    background:linear-gradient(135deg,#4fde72,#e9c86d);
}
.kp-rejected .kp-badge{
    background:linear-gradient(135deg,#ff6b6b,#e9c86d);
}
@media(max-width:700px){
    .kp-material-card img{
        height:230px;
    }
}

/* Preise & Service */
.price-hero{
    background:
        linear-gradient(135deg, rgba(79,222,114,.14), rgba(233,200,109,.12)),
        linear-gradient(180deg, rgba(16,36,25,.96), rgba(7,19,13,.98));
}
.price-rule-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:16px;
    margin-top:22px;
}
.price-rule{
    border-radius:22px;
    padding:18px;
    border:1px solid var(--line);
}
.price-rule strong{
    display:block;
    font-size:19px;
    margin-bottom:8px;
}
.price-rule span{
    color:var(--muted);
}
.price-green{
    border-left:8px solid #4fde72;
    background:rgba(79,222,114,.10);
}
.price-yellow{
    border-left:8px solid #e9c86d;
    background:rgba(233,200,109,.12);
}
.price-red{
    border-left:8px solid #ff6b6b;
    background:rgba(255,107,107,.10);
}

/* Preise Kundenbeträge */
.price-hero{
    background:
        linear-gradient(135deg, rgba(79,222,114,.14), rgba(233,200,109,.12)),
        linear-gradient(180deg, rgba(16,36,25,.96), rgba(7,19,13,.98));
}
.price-rule-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:16px;
    margin-top:22px;
}
.price-rule{
    border-radius:22px;
    padding:18px;
    border:1px solid var(--line);
}
.price-rule strong{
    display:block;
    font-size:22px;
    margin-bottom:8px;
}
.price-rule span{
    color:var(--muted);
}
.price-green{
    border-left:8px solid #4fde72;
    background:rgba(79,222,114,.10);
}
.price-yellow{
    border-left:8px solid #e9c86d;
    background:rgba(233,200,109,.12);
}
.price-red{
    border-left:8px solid #ff6b6b;
    background:rgba(255,107,107,.10);
}

/* Preise kompletter NOK */
.price-hero{
    background:
        linear-gradient(135deg, rgba(79,222,114,.14), rgba(233,200,109,.12)),
        linear-gradient(180deg, rgba(16,36,25,.96), rgba(7,19,13,.98));
}
.price-rule-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:16px;
    margin-top:22px;
}
.price-rule{
    border-radius:22px;
    padding:18px;
    border:1px solid var(--line);
}
.price-rule strong{
    display:block;
    font-size:22px;
    margin-bottom:8px;
}
.price-rule span{
    color:var(--muted);
}
.price-green{
    border-left:8px solid #4fde72;
    background:rgba(79,222,114,.10);
}
.price-yellow{
    border-left:8px solid #e9c86d;
    background:rgba(233,200,109,.12);
}
.price-red{
    border-left:8px solid #ff6b6b;
    background:rgba(255,107,107,.10);
}
.nok-price-table{
    max-height:720px;
    overflow:auto;
    border:1px solid var(--line);
    border-radius:18px;
}
.nok-price-table table{
    min-width:1300px;
}
.nok-price-table th{
    position:sticky;
    top:0;
    z-index:3;
}
.nok-price-table small{
    color:var(--muted);
}

/* Preise Extra-Ausbau */
.price-ampel-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:16px;
    margin:22px 0;
}
.price-ampel-card{
    border-radius:22px;
    padding:20px;
    border:1px solid var(--line);
}
.price-ampel-card strong{
    display:inline-block;
    padding:7px 11px;
    border-radius:999px;
    color:#06100b;
    font-weight:900;
    margin-bottom:12px;
}
.price-ampel-card.green{
    border-left:8px solid #4fde72;
    background:rgba(79,222,114,.10);
}
.price-ampel-card.green strong{
    background:#4fde72;
}
.price-ampel-card.yellow{
    border-left:8px solid #e9c86d;
    background:rgba(233,200,109,.12);
}
.price-ampel-card.yellow strong{
    background:#e9c86d;
}
.price-ampel-card.red{
    border-left:8px solid #ff6b6b;
    background:rgba(255,107,107,.10);
}
.price-ampel-card.red strong{
    background:#ff6b6b;
}

/* Stechuhr + Urlaub */
.tc-hero{
    background:
        linear-gradient(135deg, rgba(79,222,114,.14), rgba(233,200,109,.12)),
        linear-gradient(180deg, rgba(16,36,25,.96), rgba(7,19,13,.98));
}
.tc-live-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
    gap:16px;
}
.tc-live-card{
    border:1px solid var(--line);
    border-radius:24px;
    padding:20px;
    background:linear-gradient(180deg,var(--panel2),#07130d);
    box-shadow:var(--shadow);
}
.tc-live-card small{
    display:block;
    color:var(--muted);
    margin-bottom:8px;
}
.tc-live-card strong{
    font-size:30px;
    font-weight:900;
    color:var(--gold);
    font-variant-numeric:tabular-nums;
}
button:disabled{
    opacity:.45;
    cursor:not-allowed;
}

/* Vorschuss / Lohnbüro */
.table-wrap small{
    color:var(--muted);
}
button:disabled{
    opacity:.45;
    cursor:not-allowed;
}

/* Vorschuss Formular Fix */
.adv-confirm-box{
    margin-top:8px;
}

.adv-confirm-label{
    display:flex !important;
    align-items:flex-start !important;
    gap:14px !important;
    padding:18px 20px !important;
    border:1px solid var(--line) !important;
    border-left:7px solid var(--gold) !important;
    border-radius:18px !important;
    background:rgba(233,200,109,.10) !important;
    line-height:1.55 !important;
    font-weight:800 !important;
}

.adv-confirm-label input[type="checkbox"]{
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    margin-top:3px !important;
    accent-color:#4fde72 !important;
}

.adv-confirm-label span{
    display:block !important;
}

#installments_count:disabled{
    opacity:.55;
    cursor:not-allowed;
}

#repayment_type option[value="keine_verrechnung"],
#request_type option[value="sonderzahlung_ohne_rueckzahlung"]{
    display:none;
}

/* Vorschuss: Monatsratenfeld nur bei Ratenzahlung */
.adv-rates-field[style*="display:none"]{
    display:none !important;
}

/* Lohnbüro / Steuerberater */
.payroll-hero,
.payroll-login-box{
    background:
        linear-gradient(135deg, rgba(79,222,114,.14), rgba(233,200,109,.12)),
        linear-gradient(180deg, rgba(16,36,25,.96), rgba(7,19,13,.98));
}

/* Vorschuss: Verrechnung ab Monat fest */
.adv-month-field input[readonly]{
    opacity:.9;
    cursor:not-allowed;
    background:rgba(233,200,109,.08) !important;
    border-color:rgba(233,200,109,.38) !important;
}
.adv-month-field small{
    display:block;
    margin-top:7px;
    color:var(--muted);
    font-size:13px;
}

/* Vorschuss komplett neu */
.adv-hero{
    background:
        linear-gradient(135deg, rgba(79,222,114,.14), rgba(233,200,109,.12)),
        linear-gradient(180deg, rgba(16,36,25,.96), rgba(7,19,13,.98));
}

.adv-info-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
    gap:16px;
    margin-top:22px;
}

.adv-info-card{
    border:1px solid var(--line);
    border-radius:24px;
    padding:20px;
    background:linear-gradient(180deg,var(--panel2),#07130d);
    box-shadow:var(--shadow);
}

.adv-info-card strong{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    border-radius:999px;
    color:#06100b;
    font-weight:900;
    margin-bottom:12px;
}

.adv-info-card.green{
    border-left:7px solid #4fde72;
}
.adv-info-card.green strong{
    background:#4fde72;
}

.adv-info-card.yellow{
    border-left:7px solid #e9c86d;
}
.adv-info-card.yellow strong{
    background:#e9c86d;
}

.adv-info-card.blue{
    border-left:7px solid #5ab6ff;
}
.adv-info-card.blue strong{
    background:#5ab6ff;
}

.adv-info-card.red{
    border-left:7px solid #ff6b6b;
}
.adv-info-card.red strong{
    background:#ff6b6b;
}

.adv-form small,
.adv-month-field small{
    display:block;
    margin-top:7px;
    color:var(--muted);
    font-size:13px;
}

.adv-month-field input[readonly]{
    opacity:.9;
    cursor:not-allowed;
    background:rgba(233,200,109,.08) !important;
    border-color:rgba(233,200,109,.38) !important;
}

.adv-rates-field[style*="display:none"]{
    display:none !important;
}

.adv-preview-box{
    border:1px solid var(--line);
    border-left:7px solid var(--gold);
    border-radius:22px;
    padding:18px;
    background:rgba(233,200,109,.08);
}

.adv-preview-box h3{
    margin-top:0;
    color:var(--gold);
}

.adv-preview-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
    gap:14px;
}

.adv-preview-grid div{
    border:1px solid var(--line);
    border-radius:18px;
    padding:14px;
    background:#07130d;
}

.adv-preview-grid small{
    margin:0 0 6px;
}

.adv-preview-grid strong{
    display:block;
    color:var(--text);
    font-size:22px;
    font-weight:900;
}

.adv-confirm-box{
    margin-top:8px;
}

.adv-confirm-label{
    display:flex !important;
    align-items:flex-start !important;
    gap:14px !important;
    padding:18px 20px !important;
    border:1px solid var(--line) !important;
    border-left:7px solid var(--gold) !important;
    border-radius:18px !important;
    background:rgba(233,200,109,.10) !important;
    line-height:1.55 !important;
    font-weight:800 !important;
}

.adv-confirm-label input[type="checkbox"]{
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    margin-top:3px !important;
    accent-color:#4fde72 !important;
}

.adv-status{
    display:inline-block;
    padding:7px 10px;
    border-radius:999px;
    background:rgba(233,200,109,.12);
    border:1px solid rgba(233,200,109,.35);
    color:var(--gold);
    font-weight:900;
}

/* Vorschuss final ohne Ratenzahlung */
.adv-hero{
    background:
        linear-gradient(135deg, rgba(79,222,114,.14), rgba(233,200,109,.12)),
        linear-gradient(180deg, rgba(16,36,25,.96), rgba(7,19,13,.98));
}

.adv-form small,
.adv-month-field small,
.adv-fixed-settlement small{
    display:block;
    margin-top:7px;
    color:var(--muted);
    font-size:13px;
}

.adv-month-field input[readonly],
.adv-fixed-settlement input[readonly]{
    opacity:.9;
    cursor:not-allowed;
    background:rgba(233,200,109,.08) !important;
    border-color:rgba(233,200,109,.38) !important;
}

.adv-preview-box{
    border:1px solid var(--line);
    border-left:7px solid var(--gold);
    border-radius:22px;
    padding:18px;
    background:rgba(233,200,109,.08);
}

.adv-preview-box h3{
    margin-top:0;
    color:var(--gold);
}

.adv-preview-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
    gap:14px;
}

.adv-preview-grid div{
    border:1px solid var(--line);
    border-radius:18px;
    padding:14px;
    background:#07130d;
}

.adv-preview-grid strong{
    display:block;
    color:var(--text);
    font-size:22px;
    font-weight:900;
}

.adv-confirm-label{
    display:flex !important;
    align-items:flex-start !important;
    gap:14px !important;
    padding:18px 20px !important;
    border:1px solid var(--line) !important;
    border-left:7px solid var(--gold) !important;
    border-radius:18px !important;
    background:rgba(233,200,109,.10) !important;
    line-height:1.55 !important;
    font-weight:800 !important;
}

.adv-confirm-label input[type="checkbox"]{
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    margin-top:3px !important;
    accent-color:#4fde72 !important;
}

.adv-status{
    display:inline-block;
    padding:7px 10px;
    border-radius:999px;
    background:rgba(233,200,109,.12);
    border:1px solid rgba(233,200,109,.35);
    color:var(--gold);
    font-weight:900;
}

.adv-rates-field,
#adv_rates_field{
    display:none !important;
}

/* Wochenplan Touren */
.wp-hero{
    background:
        linear-gradient(135deg, rgba(79,222,114,.14), rgba(233,200,109,.12)),
        linear-gradient(180deg, rgba(16,36,25,.96), rgba(7,19,13,.98));
}
.wp-weekbar{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-top:22px;
}
.wp-weekbar strong{
    color:var(--gold);
    font-size:20px;
}
.wp-week-form{
    margin-top:18px;
}
.wp-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:18px;
}
.wp-day-card{
    border:1px solid var(--line);
    border-radius:26px;
    background:linear-gradient(180deg,var(--panel2),#07130d);
    box-shadow:var(--shadow);
    overflow:hidden;
}
.wp-day-card header{
    display:flex;
    justify-content:space-between;
    gap:12px;
    padding:18px;
    border-bottom:1px solid var(--line);
    background:rgba(233,200,109,.08);
}
.wp-day-card header strong{
    color:var(--gold);
}
.wp-day-card header span{
    color:var(--muted);
}
.wp-empty{
    padding:18px;
    color:var(--muted);
}
.wp-tour-card{
    margin:16px;
    padding:16px;
    border:1px solid var(--line);
    border-left:7px solid var(--gold);
    border-radius:20px;
    background:#07130d;
}
.wp-tour-card.status-freigegeben{border-left-color:#4fde72}
.wp-tour-card.status-gestartet{border-left-color:#5ab6ff}
.wp-tour-card.status-erledigt{border-left-color:#4fde72}
.wp-tour-card.status-verschoben{border-left-color:#e9c86d}
.wp-tour-card.status-ausgefallen{border-left-color:#ff6b6b}
.wp-tour-top{
    display:flex;
    justify-content:space-between;
    gap:10px;
    color:var(--muted);
}
.wp-tour-top strong{
    color:var(--text);
}
.wp-tour-top span{
    padding:5px 9px;
    border-radius:999px;
    border:1px solid var(--line);
    font-size:12px;
}
.wp-tour-card h3{
    color:var(--gold);
    margin:12px 0;
}
.wp-tour-card dl{
    display:grid;
    grid-template-columns:100px 1fr;
    gap:7px 12px;
    margin:0;
}
.wp-tour-card dt{
    color:var(--muted);
}
.wp-tour-card dd{
    margin:0;
}
.wp-note{
    margin-top:14px;
    padding:12px;
    border-radius:14px;
    background:rgba(233,200,109,.08);
}
.wp-edit{
    margin-top:14px;
}
.wp-edit summary{
    cursor:pointer;
    color:var(--gold);
    font-weight:900;
}
button.danger{
    background:#ff6b6b !important;
    color:#190606 !important;
    margin-top:12px;
}

/* Mitarbeiterverwaltung */
.mi-hero{
    background:
        linear-gradient(135deg, rgba(79,222,114,.14), rgba(233,200,109,.12)),
        linear-gradient(180deg, rgba(16,36,25,.96), rgba(7,19,13,.98));
}

.mi-stat-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    gap:16px;
    margin-top:22px;
}

.mi-stat-grid div{
    border:1px solid var(--line);
    border-radius:22px;
    padding:18px;
    background:#07130d;
}

.mi-stat-grid strong{
    display:block;
    font-size:34px;
    color:var(--gold);
}

.mi-stat-grid span{
    color:var(--muted);
}

.mi-check{
    display:flex !important;
    gap:12px;
    align-items:center;
    padding:14px;
    border:1px solid var(--line);
    border-radius:16px;
    background:rgba(233,200,109,.08);
}

.mi-check input{
    width:20px;
    height:20px;
    accent-color:#4fde72;
}

.mi-user-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(340px,1fr));
    gap:18px;
}

.mi-user-card{
    border:1px solid var(--line);
    border-left:7px solid #4fde72;
    border-radius:26px;
    background:linear-gradient(180deg,var(--panel2),#07130d);
    box-shadow:var(--shadow);
    overflow:hidden;
}

.mi-user-card.inactive{
    border-left-color:#ff6b6b;
    opacity:.78;
}

.mi-user-card header{
    display:flex;
    justify-content:space-between;
    gap:14px;
    padding:20px;
    border-bottom:1px solid var(--line);
    background:rgba(233,200,109,.08);
}

.mi-user-card h3{
    margin:0 0 6px;
    color:var(--gold);
}

.mi-user-card header p{
    margin:0;
    color:var(--muted);
}

.mi-user-card header span{
    align-self:start;
    padding:7px 11px;
    border-radius:999px;
    background:rgba(79,222,114,.16);
    border:1px solid rgba(79,222,114,.35);
    font-weight:900;
}

.mi-user-card.inactive header span{
    background:rgba(255,107,107,.16);
    border-color:rgba(255,107,107,.35);
}

.mi-user-card dl{
    display:grid;
    grid-template-columns:130px 1fr;
    gap:8px 12px;
    padding:20px;
    margin:0;
}

.mi-user-card dt{
    color:var(--muted);
}

.mi-user-card dd{
    margin:0;
}

.mi-note{
    margin:0 20px 20px;
    padding:14px;
    border-radius:16px;
    background:rgba(233,200,109,.08);
}

.mi-edit{
    padding:0 20px 20px;
}

.mi-edit summary{
    cursor:pointer;
    color:var(--gold);
    font-weight:900;
    margin-bottom:16px;
}

.mi-toggle-form{
    margin-top:12px;
}

button.danger{
    background:#ff6b6b !important;
    color:#190606 !important;
}

/* Lohnbüro Monatsmappe Ausbau */
.payroll-hero{
    background:
        linear-gradient(135deg, rgba(79,222,114,.14), rgba(233,200,109,.12)),
        linear-gradient(180deg, rgba(16,36,25,.96), rgba(7,19,13,.98));
}

.payroll-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:18px;
    flex-wrap:wrap;
}

.payroll-month-badge{
    padding:14px 18px;
    border-radius:999px;
    border:1px solid rgba(233,200,109,.38);
    background:rgba(233,200,109,.12);
    color:var(--gold);
    font-weight:900;
    font-size:20px;
}

.payroll-filter{
    margin-top:22px;
}

.payroll-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-items:end;
}

.payroll-kpi-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
    gap:16px;
}

.payroll-kpi-grid article{
    border:1px solid var(--line);
    border-left:7px solid var(--gold);
    border-radius:24px;
    padding:20px;
    background:linear-gradient(180deg,var(--panel2),#07130d);
    box-shadow:var(--shadow);
}

.payroll-kpi-grid small{
    display:block;
    color:var(--muted);
    margin-bottom:8px;
}

.payroll-kpi-grid strong{
    display:block;
    color:var(--gold);
    font-size:30px;
    font-weight:900;
    font-variant-numeric:tabular-nums;
}

.payroll-kpi-grid span{
    display:block;
    color:var(--muted);
    margin-top:8px;
    line-height:1.45;
}

.payroll-status{
    display:inline-block;
    padding:7px 10px;
    border-radius:999px;
    font-weight:900;
    font-size:12px;
    border:1px solid var(--line);
}

.payroll-status.ok,
.payroll-status.done{
    background:rgba(79,222,114,.13);
    border-color:rgba(79,222,114,.38);
    color:#4fde72;
}

.payroll-status.wait,
.payroll-status.check{
    background:rgba(233,200,109,.13);
    border-color:rgba(233,200,109,.38);
    color:var(--gold);
}

.payroll-status.info{
    background:rgba(90,182,255,.13);
    border-color:rgba(90,182,255,.38);
    color:#5ab6ff;
}

.payroll-status.bad{
    background:rgba(255,107,107,.13);
    border-color:rgba(255,107,107,.38);
    color:#ff6b6b;
}

.payroll-status.neutral{
    background:rgba(255,255,255,.06);
    color:var(--muted);
}

.payroll-note-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:16px;
}

.payroll-note-grid article{
    border:1px solid var(--line);
    border-radius:22px;
    padding:18px;
    background:linear-gradient(180deg,var(--panel2),#07130d);
}

.payroll-note-grid h3{
    margin-top:0;
    color:var(--gold);
}

@media print{
    .sidebar,
    .topbar,
    nav,
    .payroll-filter,
    button,
    .button{
        display:none !important;
    }

    body{
        background:#fff !important;
        color:#000 !important;
    }

    .section{
        box-shadow:none !important;
        border:1px solid #ccc !important;
        break-inside:avoid;
    }

    table{
        font-size:11px !important;
    }
}

/* Vorschuss Ausbau */
.adv-hero,
.adv-admin-hero{
    background:
        linear-gradient(135deg, rgba(79,222,114,.14), rgba(233,200,109,.12)),
        linear-gradient(180deg, rgba(16,36,25,.96), rgba(7,19,13,.98));
}

.adv-flow-grid,
.adv-preview-grid,
.adv-admin-kpi{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
    gap:14px;
    margin-top:20px;
}

.adv-flow-grid article,
.adv-preview-grid div,
.adv-admin-kpi article{
    border:1px solid var(--line);
    border-radius:20px;
    padding:16px;
    background:#07130d;
}

.adv-flow-grid strong{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:36px;
    height:36px;
    border-radius:999px;
    background:var(--gold);
    color:#06100b;
    font-weight:900;
    margin-bottom:8px;
}

.adv-admin-kpi small,
.adv-preview-grid small{
    display:block;
    color:var(--muted);
    margin-bottom:7px;
}

.adv-admin-kpi strong,
.adv-preview-grid strong{
    display:block;
    color:var(--gold);
    font-size:26px;
    font-weight:900;
    font-variant-numeric:tabular-nums;
}

.adv-form small,
.adv-month-field small,
.adv-fixed-settlement small{
    display:block;
    margin-top:7px;
    color:var(--muted);
    font-size:13px;
}

.adv-month-field input[readonly],
.adv-fixed-settlement input[readonly]{
    opacity:.9;
    cursor:not-allowed;
    background:rgba(233,200,109,.08) !important;
    border-color:rgba(233,200,109,.38) !important;
}

.adv-preview-box{
    border:1px solid var(--line);
    border-left:7px solid var(--gold);
    border-radius:22px;
    padding:18px;
    background:rgba(233,200,109,.08);
}

.adv-preview-box h3{
    margin-top:0;
    color:var(--gold);
}

.adv-confirm-label{
    display:flex !important;
    align-items:flex-start !important;
    gap:14px !important;
    padding:18px 20px !important;
    border:1px solid var(--line) !important;
    border-left:7px solid var(--gold) !important;
    border-radius:18px !important;
    background:rgba(233,200,109,.10) !important;
    line-height:1.55 !important;
    font-weight:800 !important;
}

.adv-confirm-label input[type="checkbox"]{
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    margin-top:3px !important;
    accent-color:#4fde72 !important;
}

.adv-request-grid,
.adv-admin-list{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(340px,1fr));
    gap:18px;
}

.adv-request-card,
.adv-admin-card{
    border:1px solid var(--line);
    border-left:7px solid var(--gold);
    border-radius:26px;
    overflow:hidden;
    background:linear-gradient(180deg,var(--panel2),#07130d);
    box-shadow:var(--shadow);
}

.adv-request-card.wait,
.adv-admin-card.wait{border-left-color:#e9c86d}
.adv-request-card.check,
.adv-admin-card.check{border-left-color:#e9c86d}
.adv-request-card.ok,
.adv-admin-card.ok{border-left-color:#4fde72}
.adv-request-card.bad,
.adv-admin-card.bad{border-left-color:#ff6b6b}
.adv-request-card.info,
.adv-admin-card.info{border-left-color:#5ab6ff}
.adv-request-card.payroll,
.adv-admin-card.payroll{border-left-color:#b77cff}
.adv-request-card.done,
.adv-admin-card.done{border-left-color:#4fde72}

.adv-request-card header,
.adv-admin-card header{
    display:flex;
    justify-content:space-between;
    gap:14px;
    padding:20px;
    border-bottom:1px solid var(--line);
    background:rgba(233,200,109,.08);
}

.adv-request-card header strong,
.adv-admin-amount strong{
    display:block;
    color:var(--gold);
    font-size:28px;
    font-weight:900;
}

.adv-request-card header span,
.adv-admin-card header p{
    color:var(--muted);
}

.adv-request-card header em,
.adv-admin-amount span{
    display:inline-block;
    padding:7px 10px;
    border-radius:999px;
    border:1px solid rgba(233,200,109,.35);
    background:rgba(233,200,109,.12);
    color:var(--gold);
    font-style:normal;
    font-weight:900;
    font-size:12px;
}

.adv-request-card dl,
.adv-admin-details dl{
    display:grid;
    grid-template-columns:140px 1fr;
    gap:8px 12px;
    padding:18px 20px;
    margin:0;
}

.adv-request-card dt,
.adv-admin-details dt{
    color:var(--muted);
}

.adv-request-card dd,
.adv-admin-details dd{
    margin:0;
}

.adv-text,
.adv-admin-text{
    margin:0 20px 18px;
    padding:14px;
    border-radius:16px;
    background:rgba(233,200,109,.08);
}

.adv-text h3,
.adv-admin-text h4{
    margin-top:0;
    color:var(--gold);
}

.adv-quick-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    padding:0 20px 18px;
}

.adv-quick-actions form{
    margin:0;
}

.adv-quick-actions button{
    padding:9px 11px;
    font-size:13px;
}

.adv-admin-edit,
.adv-admin-logs{
    margin:0 20px 18px;
}

.adv-admin-edit summary,
.adv-admin-logs summary{
    cursor:pointer;
    color:var(--gold);
    font-weight:900;
    margin-bottom:12px;
}

.adv-admin-logs ul{
    margin:0;
    padding-left:20px;
}

.adv-admin-logs li{
    margin-bottom:10px;
}

.adv-rates-field,
#adv_rates_field{
    display:none !important;
}

/* Stechzeiten-Korrektur */
.tca-hero{
    background:
        linear-gradient(135deg, rgba(79,222,114,.14), rgba(233,200,109,.12)),
        linear-gradient(180deg, rgba(16,36,25,.96), rgba(7,19,13,.98));
}

.tca-kpi-grid,
.tca-time-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    gap:14px;
    margin-top:20px;
}

.tca-kpi-grid article,
.tca-time-grid div{
    border:1px solid var(--line);
    border-radius:20px;
    padding:16px;
    background:#07130d;
}

.tca-kpi-grid small,
.tca-time-grid small{
    display:block;
    color:var(--muted);
    margin-bottom:7px;
}

.tca-kpi-grid strong,
.tca-time-grid strong{
    display:block;
    color:var(--gold);
    font-size:25px;
    font-weight:900;
    font-variant-numeric:tabular-nums;
}

.tca-shift-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(360px,1fr));
    gap:18px;
}

.tca-card{
    border:1px solid var(--line);
    border-left:7px solid var(--gold);
    border-radius:26px;
    background:linear-gradient(180deg,var(--panel2),#07130d);
    box-shadow:var(--shadow);
    overflow:hidden;
}

.tca-card.active{
    border-left-color:#5ab6ff;
}

.tca-card.closed{
    border-left-color:#4fde72;
}

.tca-card header{
    display:flex;
    justify-content:space-between;
    gap:14px;
    padding:20px;
    border-bottom:1px solid var(--line);
    background:rgba(233,200,109,.08);
}

.tca-card h3{
    margin:0 0 6px;
    color:var(--gold);
}

.tca-card header p{
    margin:0;
    color:var(--muted);
}

.tca-card header span{
    align-self:start;
    padding:7px 10px;
    border-radius:999px;
    border:1px solid rgba(233,200,109,.35);
    background:rgba(233,200,109,.12);
    color:var(--gold);
    font-weight:900;
    font-size:12px;
}

.tca-details{
    margin:16px 20px;
    padding:14px;
    border:1px solid var(--line);
    border-radius:18px;
    background:rgba(255,255,255,.025);
}

.tca-details summary{
    cursor:pointer;
    color:var(--gold);
    font-weight:900;
}

.tca-break-form{
    margin-top:16px;
    border-top:1px solid var(--line);
    padding-top:16px;
}

.tca-inline-form{
    display:grid;
    grid-template-columns:1fr auto;
    gap:10px;
    margin-top:12px;
}

.tca-muted{
    color:var(--muted);
}

button.danger{
    background:#ff6b6b !important;
    color:#190606 !important;
}


/* WR_SIDEBAR_SAFE_STYLE_START */
.wr-sidebar{
    width:300px;
    min-width:300px;
    min-height:100vh;
    position:sticky;
    top:0;
    align-self:flex-start;
    padding:18px 14px;
    background:linear-gradient(180deg, rgba(7,19,13,.98), rgba(5,12,8,.98));
    border-right:1px solid var(--line, rgba(255,255,255,.12));
    overflow-y:auto;
    z-index:20;
}
.wr-sidebar-brand{
    display:flex;
    gap:12px;
    align-items:center;
    padding:14px;
    margin-bottom:14px;
    border:1px solid var(--line, rgba(255,255,255,.12));
    border-radius:22px;
    background:rgba(233,200,109,.08);
}
.wr-sidebar-logo{
    width:46px;
    height:46px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#4fde72,#e9c86d);
    color:#06100b;
    font-weight:900;
}
.wr-sidebar-brand strong{
    display:block;
    color:var(--gold, #e9c86d);
}
.wr-sidebar-brand span{
    display:block;
    color:var(--muted, #9fb3a6);
    font-size:12px;
}
.wr-sidebar-user{
    padding:14px;
    margin-bottom:16px;
    border-radius:20px;
    border:1px solid var(--line, rgba(255,255,255,.12));
    background:rgba(255,255,255,.035);
}
.wr-sidebar-user small,
.wr-sidebar-user span{
    display:block;
    color:var(--muted, #9fb3a6);
}
.wr-sidebar-user strong{
    display:block;
    color:var(--text, #f4fff7);
    margin:5px 0;
}
.wr-nav-section{
    margin-bottom:16px;
}
.wr-nav-section h3{
    margin:0 0 8px;
    padding:0 10px;
    color:#7dff9b;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.14em;
}
.wr-nav-link{
    display:flex;
    align-items:center;
    gap:11px;
    padding:11px 12px;
    margin:5px 0;
    border-radius:16px;
    color:var(--text, #f4fff7);
    text-decoration:none;
    border:1px solid transparent;
}
.wr-nav-link:hover{
    background:rgba(233,200,109,.09);
    border-color:rgba(233,200,109,.25);
}
.wr-nav-link.active{
    background:linear-gradient(135deg, rgba(79,222,114,.18), rgba(233,200,109,.13));
    border-color:rgba(79,222,114,.38);
    font-weight:900;
}
.wr-nav-icon{
    width:28px;
    min-width:28px;
    display:flex;
    justify-content:center;
}
@media(max-width:900px){
    .wr-sidebar{
        width:100%;
        min-width:0;
        min-height:auto;
        position:relative;
    }
}
/* WR_SIDEBAR_SAFE_STYLE_END */

/* WR SIDEBAR DESIGN REPAIR FINAL */
.sidebar.wr-sidebar,
.wr-sidebar{
    box-sizing:border-box !important;
    width:310px !important;
    min-width:310px !important;
    max-width:310px !important;
    min-height:100vh !important;
    height:100vh !important;
    position:fixed !important;
    left:0 !important;
    top:0 !important;
    z-index:999 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    padding:18px 14px !important;
    display:block !important;
    background:
        radial-gradient(circle at top left, rgba(79,222,114,.12), transparent 35%),
        linear-gradient(180deg, #06150d 0%, #020705 100%) !important;
    border-right:1px solid rgba(125,255,155,.18) !important;
    box-shadow:18px 0 45px rgba(0,0,0,.35) !important;
    color:#f4fff7 !important;
}

body{
    padding-left:310px !important;
}

.wr-sidebar *{
    box-sizing:border-box !important;
}

.wr-sidebar-brand{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    padding:14px !important;
    margin:0 0 14px !important;
    border:1px solid rgba(125,255,155,.18) !important;
    border-radius:22px !important;
    background:rgba(233,200,109,.08) !important;
}

.wr-sidebar-logo{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    border-radius:16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:linear-gradient(135deg,#4fde72,#e9c86d) !important;
    color:#06100b !important;
    font-weight:900 !important;
    font-size:15px !important;
    text-decoration:none !important;
}

.wr-sidebar-brand strong{
    display:block !important;
    color:#e9c86d !important;
    font-size:16px !important;
    line-height:1.15 !important;
    margin:0 !important;
}

.wr-sidebar-brand span{
    display:block !important;
    color:#bcd2c3 !important;
    font-size:12px !important;
    line-height:1.25 !important;
    margin-top:3px !important;
}

.wr-sidebar-user{
    display:block !important;
    padding:13px 14px !important;
    margin:0 0 18px !important;
    border-radius:18px !important;
    border:1px solid rgba(125,255,155,.16) !important;
    background:rgba(255,255,255,.035) !important;
}

.wr-sidebar-user small,
.wr-sidebar-user span{
    display:block !important;
    color:#9fb3a6 !important;
    font-size:12px !important;
}

.wr-sidebar-user strong{
    display:block !important;
    color:#ffffff !important;
    font-size:15px !important;
    margin:5px 0 !important;
}

.sidebar-section.wr-nav-section,
.wr-nav-section{
    display:block !important;
    margin:0 0 18px !important;
    padding:0 !important;
}

.wr-nav-section h3{
    display:block !important;
    margin:0 0 8px !important;
    padding:0 10px !important;
    color:#7dff9b !important;
    font-size:12px !important;
    font-weight:900 !important;
    text-transform:uppercase !important;
    letter-spacing:.14em !important;
    line-height:1.4 !important;
}

.sidebar-link.wr-nav-link,
.nav-link.wr-nav-link,
.wr-nav-link{
    display:flex !important;
    align-items:center !important;
    gap:11px !important;
    width:100% !important;
    min-height:42px !important;
    padding:11px 12px !important;
    margin:5px 0 !important;
    border-radius:15px !important;
    border:1px solid transparent !important;
    background:transparent !important;
    color:#eaf8ee !important;
    text-decoration:none !important;
    font-weight:800 !important;
    line-height:1.25 !important;
    white-space:normal !important;
}

.wr-nav-link:hover{
    background:rgba(233,200,109,.10) !important;
    border-color:rgba(233,200,109,.28) !important;
    color:#ffffff !important;
}

.wr-nav-link.active{
    background:linear-gradient(135deg, rgba(79,222,114,.18), rgba(233,200,109,.14)) !important;
    border-color:rgba(79,222,114,.42) !important;
    color:#ffffff !important;
}

.wr-nav-icon{
    width:28px !important;
    min-width:28px !important;
    height:28px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:10px !important;
    background:rgba(255,255,255,.06) !important;
    font-size:15px !important;
}

@media(max-width:900px){
    body{
        padding-left:0 !important;
    }

    .sidebar.wr-sidebar,
    .wr-sidebar{
        position:relative !important;
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
        height:auto !important;
        min-height:auto !important;
        border-right:0 !important;
        border-bottom:1px solid rgba(125,255,155,.18) !important;
    }
}

/* Mitarbeiter gesucht */
.jobs-hero{
    background:
        linear-gradient(135deg, rgba(79,222,114,.14), rgba(233,200,109,.12)),
        linear-gradient(180deg, rgba(16,36,25,.96), rgba(7,19,13,.98));
}

.jobs-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:18px;
}

.jobs-card{
    border:1px solid var(--line);
    border-left:7px solid var(--gold);
    border-radius:24px;
    padding:20px;
    background:linear-gradient(180deg,var(--panel2),#07130d);
    box-shadow:var(--shadow);
}

.jobs-card strong{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    border-radius:16px;
    background:rgba(233,200,109,.12);
    margin-bottom:10px;
    font-size:22px;
}

.jobs-card h3{
    color:var(--gold);
    margin:6px 0 10px;
}

.jobs-card ul{
    margin-bottom:0;
}

.jobs-steps{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:16px;
}

.jobs-steps article{
    border:1px solid var(--line);
    border-radius:22px;
    padding:18px;
    background:#07130d;
}

.jobs-steps span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:36px;
    height:36px;
    border-radius:999px;
    background:var(--gold);
    color:#06100b;
    font-weight:900;
    margin-bottom:10px;
}

.jobs-steps h3{
    color:var(--gold);
    margin:6px 0 8px;
}

.jobs-highlight{
    border:1px solid rgba(233,200,109,.35);
    border-left:7px solid var(--gold);
    border-radius:22px;
    padding:18px;
    background:rgba(233,200,109,.08);
}

/* Mitarbeiter gesucht Ausbau + Job Admin */
.jobs-hero-big{
    display:grid;
    grid-template-columns:1fr minmax(240px,360px);
    gap:22px;
    align-items:stretch;
}
.jobs-hero-panel{
    border:1px solid var(--line);
    border-radius:24px;
    padding:20px;
    background:#07130d;
}
.jobs-hero-panel strong{
    display:block;
    color:var(--gold);
    margin-top:10px;
}
.jobs-hero-panel strong:first-child{
    margin-top:0;
}
.jobs-hero-panel span{
    display:block;
    color:var(--text);
    margin-top:5px;
}
.jobs-grid-modern .jobs-card{
    position:relative;
}
.jobs-card h4{
    color:var(--gold);
    margin:18px 0 8px;
}
.jobs-meta{
    color:var(--muted);
    font-weight:800;
}
.jobs-admin-hero{
    background:
        linear-gradient(135deg, rgba(79,222,114,.14), rgba(233,200,109,.12)),
        linear-gradient(180deg, rgba(16,36,25,.96), rgba(7,19,13,.98));
}
.jobs-admin-kpi{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    gap:14px;
    margin-top:20px;
}
.jobs-admin-kpi article{
    border:1px solid var(--line);
    border-radius:20px;
    padding:16px;
    background:#07130d;
}
.jobs-admin-kpi small{
    display:block;
    color:var(--muted);
}
.jobs-admin-kpi strong{
    display:block;
    color:var(--gold);
    font-size:32px;
    font-weight:900;
}
.jobs-admin-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(340px,1fr));
    gap:18px;
}
.jobs-admin-card,
.jobs-application-card{
    border:1px solid var(--line);
    border-left:7px solid #4fde72;
    border-radius:26px;
    overflow:hidden;
    background:linear-gradient(180deg,var(--panel2),#07130d);
    box-shadow:var(--shadow);
}
.jobs-admin-card.inactive{
    border-left-color:#ff6b6b;
    opacity:.75;
}
.jobs-admin-card header,
.jobs-application-card header{
    display:flex;
    justify-content:space-between;
    gap:14px;
    padding:18px;
    border-bottom:1px solid var(--line);
    background:rgba(233,200,109,.08);
}
.jobs-admin-card h3,
.jobs-application-card h3{
    margin:0 0 6px;
    color:var(--gold);
}
.jobs-admin-card header p,
.jobs-application-card header p{
    margin:0;
    color:var(--muted);
}
.jobs-admin-card header span,
.jobs-application-card header span{
    align-self:start;
    padding:7px 10px;
    border-radius:999px;
    border:1px solid rgba(233,200,109,.35);
    background:rgba(233,200,109,.12);
    color:var(--gold);
    font-weight:900;
    font-size:12px;
}
.jobs-admin-card > p{
    padding:18px;
    margin:0;
}
.jobs-admin-card details{
    padding:0 18px 18px;
}
.jobs-admin-card summary{
    cursor:pointer;
    color:var(--gold);
    font-weight:900;
    margin-bottom:12px;
}
.jobs-toggle-form{
    padding:0 18px 18px;
}
.jobs-check{
    display:flex !important;
    align-items:center;
    gap:12px;
    padding:14px;
    border:1px solid var(--line);
    border-radius:16px;
    background:rgba(233,200,109,.08);
}
.jobs-check input{
    width:20px;
    height:20px;
    accent-color:#4fde72;
}
.jobs-application-card dl{
    display:grid;
    grid-template-columns:130px 1fr;
    gap:8px 12px;
    padding:18px;
    margin:0;
}
.jobs-application-card dt{
    color:var(--muted);
}
.jobs-application-card dd{
    margin:0;
}
.jobs-admin-message{
    margin:0 18px 18px;
    padding:14px;
    border-radius:16px;
    background:rgba(233,200,109,.08);
}
.jobs-application-card form{
    padding:0 18px 18px;
}
@media(max-width:900px){
    .jobs-hero-big{
        grid-template-columns:1fr;
    }
}

/* Mitarbeiter gesucht öffentliche Seite erweitert */
.jobs-public-hero{
    display:grid;
    grid-template-columns:1fr minmax(260px,380px);
    gap:24px;
    align-items:stretch;
    background:
        radial-gradient(circle at top left, rgba(79,222,114,.18), transparent 34%),
        linear-gradient(135deg, rgba(79,222,114,.12), rgba(233,200,109,.10)),
        linear-gradient(180deg, rgba(16,36,25,.96), rgba(7,19,13,.98));
}

.jobs-kicker{
    color:#7dff9b;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
    font-size:13px;
}

.jobs-public-hero h2{
    font-size:clamp(34px,4vw,58px);
    line-height:1.05;
}

.jobs-public-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:20px;
}

.jobs-public-hero-card{
    border:1px solid var(--line);
    border-radius:26px;
    padding:22px;
    background:#07130d;
    box-shadow:var(--shadow);
}

.jobs-public-hero-card h3{
    color:var(--gold);
    margin-top:0;
}

.jobs-public-hero-card dl{
    display:grid;
    grid-template-columns:110px 1fr;
    gap:10px 12px;
    margin:0;
}

.jobs-public-hero-card dt{
    color:var(--muted);
}

.jobs-public-hero-card dd{
    margin:0;
    font-weight:800;
}

.jobs-benefit-grid,
.jobs-public-grid,
.jobs-area-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:18px;
}

.jobs-benefit-grid article,
.jobs-public-card,
.jobs-area-grid article{
    border:1px solid var(--line);
    border-left:7px solid var(--gold);
    border-radius:26px;
    padding:20px;
    background:linear-gradient(180deg,var(--panel2),#07130d);
    box-shadow:var(--shadow);
}

.jobs-benefit-grid strong{
    display:inline-flex;
    width:46px;
    height:46px;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    background:rgba(233,200,109,.12);
    font-size:22px;
    margin-bottom:10px;
}

.jobs-benefit-grid h3,
.jobs-public-card h3,
.jobs-area-grid h3{
    color:var(--gold);
    margin-top:0;
}

.jobs-public-card header{
    display:flex;
    gap:14px;
    align-items:flex-start;
    margin-bottom:14px;
}

.jobs-public-card header span{
    width:46px;
    height:46px;
    min-width:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    background:rgba(233,200,109,.12);
    font-size:22px;
}

.jobs-public-card header p{
    margin:0;
    color:var(--muted);
    font-weight:800;
}

.jobs-public-card details{
    margin-top:12px;
    border:1px solid var(--line);
    border-radius:16px;
    padding:12px;
    background:rgba(255,255,255,.025);
}

.jobs-public-card summary{
    cursor:pointer;
    color:var(--gold);
    font-weight:900;
}

.jobs-public-card ul{
    margin-bottom:0;
}

.jobs-process{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
    gap:16px;
}

.jobs-process article{
    border:1px solid var(--line);
    border-radius:24px;
    padding:18px;
    background:#07130d;
    position:relative;
}

.jobs-process span{
    display:inline-flex;
    width:38px;
    height:38px;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:var(--gold);
    color:#06100b;
    font-weight:900;
    margin-bottom:10px;
}

.jobs-process h3{
    color:var(--gold);
    margin:6px 0 8px;
}

.jobs-faq{
    display:grid;
    gap:12px;
}

.jobs-faq details{
    border:1px solid var(--line);
    border-radius:18px;
    padding:15px 18px;
    background:#07130d;
}

.jobs-faq summary{
    cursor:pointer;
    color:var(--gold);
    font-weight:900;
}

.jobs-privacy-box{
    border:1px solid rgba(233,200,109,.35);
    border-left:7px solid var(--gold);
    border-radius:20px;
    padding:16px;
    background:rgba(233,200,109,.08);
}

.jobs-privacy-box strong{
    color:var(--gold);
}

.jobs-privacy-box p{
    margin-bottom:0;
}

@media(max-width:900px){
    .jobs-public-hero{
        grid-template-columns:1fr;
    }
}

/* Mitarbeiter gesucht professionell */
.jobs-pro-hero{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(280px,390px);
    gap:26px;
    align-items:stretch;
    background:
        radial-gradient(circle at top left, rgba(79,222,114,.20), transparent 34%),
        linear-gradient(135deg, rgba(79,222,114,.12), rgba(233,200,109,.10)),
        linear-gradient(180deg, rgba(16,36,25,.98), rgba(7,19,13,.98));
}

.jobs-pro-kicker{
    color:#7dff9b;
    font-weight:900;
    letter-spacing:.10em;
    text-transform:uppercase;
    font-size:13px;
}

.jobs-pro-hero h2{
    font-size:clamp(38px,4.5vw,64px);
    line-height:1.02;
    margin-bottom:18px;
}

.jobs-pro-lead{
    font-size:20px;
    line-height:1.65;
    max-width:880px;
}

.jobs-pro-badges{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:22px 0;
}

.jobs-pro-badges span,
.jobs-pro-section-head span,
.jobs-pro-apply-head span{
    display:inline-flex;
    padding:9px 12px;
    border-radius:999px;
    border:1px solid rgba(125,255,155,.30);
    background:rgba(79,222,114,.10);
    color:#7dff9b;
    font-weight:900;
    font-size:13px;
}

.jobs-pro-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:22px;
}

.jobs-pro-side{
    border:1px solid rgba(233,200,109,.28);
    border-radius:28px;
    padding:24px;
    background:rgba(7,19,13,.94);
    box-shadow:var(--shadow);
}

.jobs-pro-side h3{
    color:var(--gold);
    margin-top:0;
}

.jobs-pro-side ul{
    margin-bottom:0;
}

.jobs-pro-value-grid,
.jobs-pro-card-grid,
.jobs-pro-task-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:18px;
}

.jobs-pro-value-grid article,
.jobs-pro-card,
.jobs-pro-task-grid article{
    border:1px solid var(--line);
    border-left:7px solid var(--gold);
    border-radius:28px;
    padding:22px;
    background:linear-gradient(180deg,var(--panel2),#07130d);
    box-shadow:var(--shadow);
}

.jobs-pro-value-grid strong{
    display:inline-flex;
    width:46px;
    height:46px;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    background:linear-gradient(135deg,#4fde72,#e9c86d);
    color:#06100b;
    font-weight:900;
    margin-bottom:12px;
}

.jobs-pro-value-grid h3,
.jobs-pro-card h3,
.jobs-pro-task-grid h3{
    color:var(--gold);
    margin-top:0;
}

.jobs-pro-section-head,
.jobs-pro-apply-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:18px;
    flex-wrap:wrap;
    margin-bottom:20px;
}

.jobs-pro-card header{
    display:flex;
    gap:14px;
    align-items:flex-start;
    margin-bottom:16px;
}

.jobs-pro-icon{
    width:50px;
    height:50px;
    min-width:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:18px;
    background:rgba(233,200,109,.12);
    font-size:24px;
}

.jobs-pro-card header p{
    margin:0;
    color:var(--muted);
    font-weight:800;
}

.jobs-pro-intro{
    font-size:16px;
    line-height:1.6;
}

.jobs-pro-list{
    border:1px solid rgba(233,200,109,.25);
    border-radius:18px;
    padding:15px;
    background:rgba(233,200,109,.06);
    margin:16px 0;
}

.jobs-pro-list h4{
    color:var(--gold);
    margin:0 0 8px;
}

.jobs-pro-list ul{
    margin-bottom:0;
}

.jobs-pro-card details{
    border:1px solid var(--line);
    border-radius:16px;
    padding:13px;
    background:rgba(255,255,255,.025);
    margin:10px 0;
}

.jobs-pro-card summary,
.jobs-pro-faq summary{
    cursor:pointer;
    color:var(--gold);
    font-weight:900;
}

.jobs-pro-timeline{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
    gap:16px;
}

.jobs-pro-timeline article{
    border:1px solid var(--line);
    border-radius:24px;
    padding:18px;
    background:#07130d;
}

.jobs-pro-timeline span{
    display:inline-flex;
    width:40px;
    height:40px;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:var(--gold);
    color:#06100b;
    font-weight:900;
    margin-bottom:12px;
}

.jobs-pro-timeline h3{
    color:var(--gold);
    margin:6px 0 8px;
}

.jobs-pro-warning{
    border-left:8px solid var(--gold);
    background:
        linear-gradient(135deg, rgba(233,200,109,.13), rgba(79,222,114,.06)),
        linear-gradient(180deg, rgba(16,36,25,.96), rgba(7,19,13,.98));
}

.jobs-pro-faq{
    display:grid;
    gap:12px;
}

.jobs-pro-faq details{
    border:1px solid var(--line);
    border-radius:18px;
    padding:16px 18px;
    background:#07130d;
}

.jobs-pro-form{
    border:1px solid rgba(233,200,109,.25);
    border-radius:26px;
    padding:20px;
    background:rgba(233,200,109,.04);
}

.jobs-pro-privacy{
    border:1px solid rgba(233,200,109,.35);
    border-left:7px solid var(--gold);
    border-radius:20px;
    padding:16px;
    background:rgba(233,200,109,.08);
}

.jobs-pro-privacy strong{
    color:var(--gold);
}

.jobs-pro-privacy p{
    margin-bottom:0;
}

@media(max-width:900px){
    .jobs-pro-hero{
        grid-template-columns:1fr;
    }
}

/* Jede Stelle als einzelne vollständige Karte */
.jobs-info-strip{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:16px;
}

.jobs-info-strip article{
    border:1px solid var(--line);
    border-radius:24px;
    padding:18px;
    background:#07130d;
}

.jobs-info-strip strong{
    display:inline-flex;
    width:38px;
    height:38px;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:var(--gold);
    color:#06100b;
    font-weight:900;
    margin-bottom:10px;
}

.jobs-info-strip h3{
    color:var(--gold);
    margin:6px 0 8px;
}

.jobs-full-card-grid{
    display:grid;
    gap:24px;
}

.jobs-full-card{
    border:1px solid rgba(233,200,109,.22);
    border-left:8px solid var(--gold);
    border-radius:30px;
    overflow:hidden;
    background:
        radial-gradient(circle at top left, rgba(79,222,114,.10), transparent 32%),
        linear-gradient(180deg,var(--panel2),#07130d);
    box-shadow:var(--shadow);
}

.jobs-full-card-head{
    display:flex;
    gap:18px;
    align-items:flex-start;
    padding:24px;
    border-bottom:1px solid var(--line);
    background:rgba(233,200,109,.07);
}

.jobs-full-icon{
    width:58px;
    height:58px;
    min-width:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:20px;
    background:rgba(233,200,109,.13);
    font-size:28px;
}

.jobs-full-label{
    color:#7dff9b;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.10em;
    font-size:12px;
    margin:0 0 6px;
}

.jobs-full-card h3{
    color:var(--gold);
    margin:0 0 8px;
    font-size:28px;
}

.jobs-full-meta{
    color:var(--muted);
    font-weight:900;
    margin:0;
}

.jobs-full-intro{
    padding:22px 24px;
    border-bottom:1px solid var(--line);
}

.jobs-full-intro h4,
.jobs-full-details h4{
    color:var(--gold);
    margin:0 0 10px;
}

.jobs-full-intro p{
    margin-bottom:0;
    font-size:17px;
    line-height:1.65;
}

.jobs-full-details{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:16px;
    padding:24px;
}

.jobs-full-details section{
    border:1px solid var(--line);
    border-radius:22px;
    padding:18px;
    background:rgba(255,255,255,.025);
}

.jobs-full-details ul{
    margin:0;
    padding-left:20px;
}

.jobs-full-details li{
    margin:7px 0;
}

.jobs-full-details p{
    margin-bottom:0;
    color:var(--muted);
}

.jobs-full-footer{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:18px;
    flex-wrap:wrap;
    padding:22px 24px;
    border-top:1px solid var(--line);
    background:rgba(233,200,109,.06);
}

.jobs-full-footer strong{
    display:block;
    color:var(--gold);
    font-size:18px;
}

.jobs-full-footer p{
    margin:4px 0 0;
    color:var(--muted);
}

@media(max-width:700px){
    .jobs-full-card-head{
        flex-direction:column;
    }

    .jobs-full-footer{
        align-items:flex-start;
    }
}

/* Mitarbeiter gesucht weiter ausgebaut */
.jobs-extended-hero{
    border-left:8px solid var(--gold);
}

.jobs-hero-checklist li{
    margin:9px 0;
}

.jobs-info-strip-plus{
    grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
}

.jobs-full-card-xl{
    position:relative;
}

.jobs-full-card-xl::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(90deg, rgba(79,222,114,.05), transparent 24%);
}

.jobs-full-details-xl{
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
}

.jobs-card-bottom-info{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(230px,340px);
    gap:18px;
    padding:22px 24px;
    border-top:1px solid var(--line);
    background:rgba(255,255,255,.025);
}

.jobs-card-bottom-info h4{
    color:var(--gold);
    margin:0 0 8px;
}

.jobs-card-bottom-info p{
    margin:0;
    color:var(--muted);
}

.jobs-card-mini-facts{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    align-content:flex-start;
}

.jobs-card-mini-facts span{
    display:inline-flex;
    padding:8px 10px;
    border-radius:999px;
    border:1px solid rgba(125,255,155,.24);
    background:rgba(79,222,114,.08);
    color:#7dff9b;
    font-weight:900;
    font-size:12px;
}

.jobs-rule-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
    gap:16px;
}

.jobs-rule-grid article{
    border:1px solid var(--line);
    border-left:7px solid var(--gold);
    border-radius:24px;
    padding:18px;
    background:#07130d;
}

.jobs-rule-grid h3{
    color:var(--gold);
    margin-top:0;
}

@media(max-width:800px){
    .jobs-card-bottom-info{
        grid-template-columns:1fr;
    }
}

/* Index Regionaltext 38/62 */
.wr-index-regionaltext{
    border-left:8px solid var(--gold);
    background:
        radial-gradient(circle at top left, rgba(79,222,114,.12), transparent 34%),
        linear-gradient(180deg, rgba(16,36,25,.96), rgba(7,19,13,.98));
}

.wr-index-regionaltext p{
    font-size:17px;
    line-height:1.75;
}

.wr-index-regionaltext strong{
    color:var(--gold);
}


/* WR_INDEX_PRO_AUSBAU_START */
.wr-index-pro-hero{
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);
    gap:26px;
    align-items:stretch;
    border-left:8px solid var(--gold);
    background:
        radial-gradient(circle at top left, rgba(79,222,114,.18), transparent 34%),
        linear-gradient(135deg, rgba(79,222,114,.12), rgba(233,200,109,.10)),
        linear-gradient(180deg, rgba(16,36,25,.98), rgba(7,19,13,.98));
}

.wr-index-kicker{
    color:#7dff9b;
    font-weight:900;
    letter-spacing:.10em;
    text-transform:uppercase;
    font-size:13px;
}

.wr-index-pro-hero h2{
    font-size:clamp(34px,4vw,58px);
    line-height:1.06;
}

.wr-index-pro-hero p,
.wr-index-pro-section p,
.wr-index-pro-final p{
    font-size:17px;
    line-height:1.75;
}

.wr-index-pro-side{
    border:1px solid rgba(233,200,109,.28);
    border-radius:28px;
    padding:22px;
    background:#07130d;
    box-shadow:var(--shadow);
}

.wr-index-pro-side h3{
    color:var(--gold);
    margin-top:0;
}

.wr-index-pro-side dl{
    display:grid;
    grid-template-columns:120px 1fr;
    gap:10px 12px;
    margin:0;
}

.wr-index-pro-side dt{
    color:var(--muted);
    font-weight:800;
}

.wr-index-pro-side dd{
    margin:0;
    font-weight:900;
}

.wr-index-model-grid,
.wr-index-reason-grid,
.wr-index-accept-grid,
.wr-index-future-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(270px,1fr));
    gap:18px;
}

.wr-model-card,
.wr-index-reason-grid article,
.wr-index-accept-grid article,
.wr-index-future-grid article{
    border:1px solid var(--line);
    border-left:8px solid var(--gold);
    border-radius:28px;
    padding:22px;
    background:linear-gradient(180deg,var(--panel2),#07130d);
    box-shadow:var(--shadow);
}

.wr-model-card span{
    display:inline-flex;
    padding:10px 14px;
    border-radius:999px;
    background:linear-gradient(135deg,#4fde72,#e9c86d);
    color:#06100b;
    font-size:28px;
    font-weight:900;
    margin-bottom:14px;
}

.wr-model-card.donate{
    border-left-color:#4fde72;
}

.wr-model-card.operation{
    border-left-color:#e9c86d;
}

.wr-model-card h3,
.wr-index-reason-grid h3,
.wr-index-accept-grid h3,
.wr-index-future-grid h3,
.wr-index-process h3{
    color:var(--gold);
    margin-top:0;
}

.wr-model-card ul,
.wr-index-accept-grid ul{
    margin-bottom:0;
}

.wr-index-important-box{
    margin-top:20px;
    border:1px solid rgba(233,200,109,.35);
    border-left:8px solid var(--gold);
    border-radius:26px;
    padding:20px;
    background:rgba(233,200,109,.08);
}

.wr-index-important-box h3{
    color:var(--gold);
    margin-top:0;
}

.wr-index-reason-grid strong{
    display:inline-flex;
    width:48px;
    height:48px;
    align-items:center;
    justify-content:center;
    border-radius:17px;
    background:rgba(233,200,109,.13);
    font-size:24px;
    margin-bottom:12px;
}

.wr-index-accept-grid article.allowed{
    border-left-color:#4fde72;
}

.wr-index-accept-grid article.denied{
    border-left-color:#ff6b6b;
}

.wr-index-process{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:16px;
}

.wr-index-process article{
    border:1px solid var(--line);
    border-radius:24px;
    padding:18px;
    background:#07130d;
}

.wr-index-process span{
    display:inline-flex;
    width:40px;
    height:40px;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:var(--gold);
    color:#06100b;
    font-weight:900;
    margin-bottom:12px;
}

.wr-index-pro-final{
    border-left:8px solid #4fde72;
    background:
        radial-gradient(circle at top left, rgba(79,222,114,.16), transparent 34%),
        linear-gradient(180deg, rgba(16,36,25,.98), rgba(7,19,13,.98));
}

.wr-index-pro-final h2{
    color:var(--gold);
}

@media(max-width:900px){
    .wr-index-pro-hero{
        grid-template-columns:1fr;
    }

    .wr-index-pro-side dl{
        grid-template-columns:1fr;
    }
}
/* WR_INDEX_PRO_AUSBAU_END */


/* WR_INDEX_EXTRA_PRO_START */
.wr-index-trust{
    border-left:8px solid #4fde72;
    background:
        radial-gradient(circle at top left, rgba(79,222,114,.16), transparent 34%),
        linear-gradient(180deg, rgba(16,36,25,.98), rgba(7,19,13,.98));
}

.wr-index-trust-head{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(240px,340px);
    gap:24px;
    align-items:stretch;
}

.wr-index-trust-head aside{
    border:1px solid rgba(233,200,109,.28);
    border-radius:26px;
    padding:22px;
    background:#07130d;
    display:grid;
    align-content:center;
    gap:8px;
}

.wr-index-trust-head aside strong{
    color:var(--gold);
    font-size:42px;
    font-weight:900;
}

.wr-index-trust-head aside span{
    color:var(--muted);
    font-weight:800;
    margin-bottom:12px;
}

.wr-index-transparency-grid,
.wr-index-cost-grid,
.wr-index-donation-grid,
.wr-index-quality-list,
.wr-index-target-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:18px;
}

.wr-index-transparency-grid article,
.wr-index-cost-grid article,
.wr-index-donation-grid article,
.wr-index-quality-list article,
.wr-index-target-grid article{
    border:1px solid var(--line);
    border-left:7px solid var(--gold);
    border-radius:26px;
    padding:20px;
    background:linear-gradient(180deg,var(--panel2),#07130d);
    box-shadow:var(--shadow);
}

.wr-index-cost-grid strong{
    display:inline-flex;
    width:48px;
    height:48px;
    align-items:center;
    justify-content:center;
    border-radius:17px;
    background:rgba(233,200,109,.13);
    font-size:24px;
    margin-bottom:12px;
}

.wr-index-transparency-grid h3,
.wr-index-cost-grid h3,
.wr-index-donation-grid h3,
.wr-index-quality-list h3,
.wr-index-target-grid h3{
    color:var(--gold);
    margin-top:0;
}

.wr-index-faq{
    display:grid;
    gap:12px;
}

.wr-index-faq details{
    border:1px solid var(--line);
    border-radius:18px;
    padding:16px 18px;
    background:#07130d;
}

.wr-index-faq summary{
    cursor:pointer;
    color:var(--gold);
    font-weight:900;
}

.wr-index-cta{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(260px,420px);
    gap:22px;
    align-items:center;
    border-left:8px solid var(--gold);
    background:
        radial-gradient(circle at top left, rgba(233,200,109,.16), transparent 34%),
        linear-gradient(180deg, rgba(16,36,25,.98), rgba(7,19,13,.98));
}

.wr-index-cta-actions{
    display:grid;
    gap:12px;
}

.wr-index-cta-actions .button{
    text-align:center;
}

@media(max-width:900px){
    .wr-index-trust-head,
    .wr-index-cta{
        grid-template-columns:1fr;
    }
}
/* WR_INDEX_EXTRA_PRO_END */

/* Pfand Ablauf ausführlich */
.pfand-ablauf-pro{
    border-left:10px solid var(--gold);
    background:
        radial-gradient(circle at top left, rgba(233,200,109,.16), transparent 34%),
        linear-gradient(180deg, rgba(16,36,25,.98), rgba(7,19,13,.98));
}

.pfand-ablauf-hinweis{
    border:1px solid rgba(255,107,107,.35);
    border-left:8px solid #ff6b6b;
    border-radius:26px;
    padding:22px;
    background:rgba(255,107,107,.08);
    margin:20px 0 24px;
}

.pfand-ablauf-hinweis h3{
    color:#ffb1b1;
    margin-top:0;
}

.pfand-ablauf-hinweis strong{
    color:var(--gold);
}

.pfand-ablauf-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:18px;
}

.pfand-ablauf-grid article{
    border:1px solid var(--line);
    border-left:7px solid var(--gold);
    border-radius:26px;
    padding:20px;
    background:linear-gradient(180deg,var(--panel2),#07130d);
    box-shadow:var(--shadow);
}

.pfand-ablauf-grid span{
    display:inline-flex;
    width:42px;
    height:42px;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:var(--gold);
    color:#06100b;
    font-weight:900;
    margin-bottom:12px;
}

.pfand-ablauf-grid h3{
    color:var(--gold);
    margin-top:0;
}

.pfand-ablauf-grid ul{
    margin-bottom:0;
}


/* WR_DATENSCHUTZ_SEHR_AUSFUEHRLICH_START */
.ds-hero{
    border-left:10px solid var(--gold);
    background:
        radial-gradient(circle at top left, rgba(79,222,114,.18), transparent 34%),
        linear-gradient(135deg, rgba(79,222,114,.10), rgba(233,200,109,.12)),
        linear-gradient(180deg, rgba(16,36,25,.98), rgba(7,19,13,.98));
}

.ds-kicker{
    color:#7dff9b;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
    font-size:13px;
}

.ds-hero h2{
    font-size:clamp(38px,4vw,64px);
    line-height:1.05;
}

.ds-lead{
    font-size:20px;
    line-height:1.75;
}

.ds-badges{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:22px 0;
}

.ds-badges span{
    padding:9px 12px;
    border-radius:999px;
    border:1px solid rgba(125,255,155,.30);
    background:rgba(79,222,114,.10);
    color:#7dff9b;
    font-weight:900;
    font-size:13px;
}

.ds-warning{
    border:1px solid rgba(233,200,109,.35);
    border-left:8px solid var(--gold);
    border-radius:24px;
    padding:18px;
    background:rgba(233,200,109,.08);
    margin-top:20px;
}

.ds-warning strong,
.ds-section strong,
.ds-final strong{
    color:var(--gold);
}

.ds-section p,
.ds-final p{
    font-size:16.5px;
    line-height:1.75;
}

.ds-grid,
.ds-card-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:18px;
    margin:18px 0;
}

.ds-grid article,
.ds-card,
.ds-card-grid article{
    border:1px solid var(--line);
    border-left:7px solid var(--gold);
    border-radius:26px;
    padding:20px;
    background:linear-gradient(180deg,var(--panel2),#07130d);
    box-shadow:var(--shadow);
}

.ds-grid h3,
.ds-card h3,
.ds-card-grid h3{
    color:var(--gold);
    margin-top:0;
}

.ds-grid ul,
.ds-card ul,
.ds-card-grid ul{
    margin-bottom:0;
}

.ds-final{
    border-left:10px solid #4fde72;
    background:
        radial-gradient(circle at top left, rgba(79,222,114,.16), transparent 34%),
        linear-gradient(180deg, rgba(16,36,25,.98), rgba(7,19,13,.98));
}

.ds-final h2{
    color:var(--gold);
}
/* WR_DATENSCHUTZ_SEHR_AUSFUEHRLICH_END */


/* WR_IMPRESSUM_AUSBAU_START */
.imp-hero{
    border-left:10px solid var(--gold);
    background:
        radial-gradient(circle at top left, rgba(79,222,114,.18), transparent 34%),
        linear-gradient(135deg, rgba(79,222,114,.10), rgba(233,200,109,.12)),
        linear-gradient(180deg, rgba(16,36,25,.98), rgba(7,19,13,.98));
}

.imp-kicker{
    color:#7dff9b;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
    font-size:13px;
}

.imp-hero h2{
    font-size:clamp(38px,4vw,64px);
    line-height:1.05;
}

.imp-lead{
    font-size:20px;
    line-height:1.75;
}

.imp-badges{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:22px 0;
}

.imp-badges span{
    padding:9px 12px;
    border-radius:999px;
    border:1px solid rgba(125,255,155,.30);
    background:rgba(79,222,114,.10);
    color:#7dff9b;
    font-weight:900;
    font-size:13px;
}

.imp-warning{
    border:1px solid rgba(233,200,109,.35);
    border-left:8px solid var(--gold);
    border-radius:24px;
    padding:18px;
    background:rgba(233,200,109,.08);
    margin-top:20px;
}

.imp-section p,
.imp-final p{
    font-size:16.5px;
    line-height:1.75;
}

.imp-grid,
.imp-card-grid,
.imp-contact-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:18px;
    margin:18px 0;
}

.imp-grid article,
.imp-card,
.imp-card-grid article,
.imp-contact-grid article{
    border:1px solid var(--line);
    border-left:7px solid var(--gold);
    border-radius:26px;
    padding:20px;
    background:linear-gradient(180deg,var(--panel2),#07130d);
    box-shadow:var(--shadow);
}

.imp-card-important{
    border-left-color:#ff6b6b !important;
}

.imp-grid h3,
.imp-card h3,
.imp-card-grid h3,
.imp-contact-grid h3{
    color:var(--gold);
    margin-top:0;
}

.imp-section strong,
.imp-final strong,
.imp-warning strong{
    color:var(--gold);
}

.imp-final{
    border-left:10px solid #4fde72;
    background:
        radial-gradient(circle at top left, rgba(79,222,114,.16), transparent 34%),
        linear-gradient(180deg, rgba(16,36,25,.98), rgba(7,19,13,.98));
}

.imp-final h2{
    color:var(--gold);
}
/* WR_IMPRESSUM_AUSBAU_END */

/* WR Annahmebedingungen Pflichtfeld */
.wr-acceptance-box{
    border:1px solid rgba(233,200,109,.40);
    border-left:8px solid var(--gold);
    border-radius:22px;
    padding:16px;
    background:rgba(233,200,109,.08);
}

.wr-acceptance-label{
    display:flex !important;
    align-items:flex-start;
    gap:14px;
    font-weight:800;
    line-height:1.55;
}

.wr-acceptance-label input{
    width:22px;
    height:22px;
    min-width:22px;
    margin-top:4px;
    accent-color:#4fde72;
}

.wr-acceptance-box a{
    color:var(--gold);
    font-weight:900;
}

/* Nachweis Upload Mindestanzahl */
.pf-upload-rule{
    border:1px solid rgba(233,200,109,.35);
    border-left:7px solid var(--gold);
    border-radius:16px;
    padding:12px;
    background:rgba(233,200,109,.08);
    margin:8px 0 12px;
}

.pf-upload-rule strong{
    color:var(--gold);
}