:root{--drk:#d40000;--dark:#222;--muted:#666;--bg:#f6f6f6;--card:#fff;--line:#e3e3e3}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--dark)}
.shell{max-width:1180px;margin:0 auto;background:#fff;min-height:100vh;box-shadow:0 0 28px rgba(0,0,0,.12)}
.header{min-height:250px;background-image:linear-gradient(90deg,rgba(130,0,0,.65),rgba(130,0,0,.08)),url('drk_kirchhorst_real_banner_v4_ohne_text.jpg');background-size:cover;background-position:center;border-bottom:6px solid var(--drk);display:flex;align-items:center;padding:34px}
.logoBox{background:rgba(255,255,255,.95);border-radius:18px;padding:18px 24px;display:inline-flex;gap:16px;align-items:center;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.cross{font-size:46px;color:var(--drk);font-weight:900}.logoBox h1{margin:0;font-size:34px}.logoBox p{margin:4px 0 0;color:#444;font-size:18px}
.portal{display:grid;grid-template-columns:245px 1fr;gap:24px;padding:24px}
.leftnav{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 4px 16px rgba(0,0,0,.05);height:max-content;position:sticky;top:12px}
.leftnav h3{margin:0 0 12px;color:var(--drk);font-size:20px}.leftnav a{display:block;text-decoration:none;color:#222;padding:11px 13px;border-radius:12px;margin:5px 0;border:1px solid transparent;font-weight:700}.leftnav a:hover,.leftnav a.active{background:#fff1f1;border-color:#ffd0d0;color:var(--drk)}
.leftnav a.admin{margin-top:18px;background:#333;color:#fff;text-align:center}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 8px 22px rgba(0,0,0,.06);margin-bottom:20px}
.card h2{margin-top:0;color:var(--drk);font-size:30px}.content{font-size:18px;line-height:1.62}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.box{border:1px solid #eee;border-radius:18px;padding:18px;background:linear-gradient(#fff,#fff8f8)}.box h3{margin:0 0 8px;color:var(--drk)}
.news,.download-card{border:1px solid #eee;border-radius:16px;padding:16px;margin:12px 0;background:#fff}.download-card{display:block;text-decoration:none;color:#222}.badge{display:inline-block;background:var(--drk);color:white;border-radius:999px;padding:5px 10px;font-size:13px;font-weight:700}.footer{border-top:1px solid var(--line);padding:18px 24px;color:#666;display:flex;justify-content:space-between}.counter{font-size:13px;color:#777}
.float-left{float:left;max-width:280px;margin:0 18px 12px 0;border-radius:14px}.float-right{float:right;max-width:280px;margin:0 0 12px 18px;border-radius:14px}
.admin-body{background:#f1f1f1}.admin-layout{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.admin-sidebar{background:#222;color:#fff;padding:20px}.admin-sidebar h2{margin-top:0}.admin-sidebar a{display:block;color:#fff;text-decoration:none;background:#333;margin:8px 0;padding:11px;border-radius:10px}.admin-main{padding:24px}.admin-panel{background:#fff;border-radius:16px;padding:20px;margin-bottom:18px;border:1px solid #ddd}input,textarea,select{width:100%;padding:11px;border:1px solid #ccc;border-radius:8px;margin:5px 0 13px;font-size:16px}button,.button{display:inline-block;background:var(--drk);color:#fff;text-decoration:none;border:0;border-radius:10px;padding:11px 16px;font-weight:700;cursor:pointer}.button.sec{background:#555}.button.danger{background:#8b0000}.ok{background:#e9ffe9;border:1px solid #b7e8b7;padding:10px;border-radius:8px}.bad{background:#ffecec;border:1px solid #f0b4b4;padding:10px;border-radius:8px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:9px;border-bottom:1px solid #eee;text-align:left}.hint{color:#777;font-size:14px}
@media(max-width:850px){.portal,.admin-layout{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.leftnav{position:static}.header{padding:20px}.logoBox h1{font-size:26px}}
@media(max-width:520px){.grid{grid-template-columns:1fr}.portal{padding:14px}.card{padding:18px}.logoBox{display:block}.cross{font-size:36px}}

/* Hardreset */
.header{background-image:linear-gradient(90deg,rgba(130,0,0,.65),rgba(130,0,0,.08)),url('drk_kirchhorst_real_banner_v4_ohne_text.jpg') !important;}


/* V3: echter DRK-Hero-Banner aus der Vorschau */
.header {
    background-image: linear-gradient(90deg, rgba(0,0,0,.20), rgba(0,0,0,.05)), url('drk_kirchhorst_real_banner_v4_ohne_text.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
}
.logoBox {
    background: rgba(255,255,255,.96) !important;
}


/* V4: Banner ohne eingeblendeten Slogan-Text */
.header {
    background-image: linear-gradient(90deg, rgba(0,0,0,.10), rgba(0,0,0,.02)), url('drk_kirchhorst_real_banner_v4_ohne_text.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
}


/* Vorsitzende Startseite */
.chair-card{
    display:flex;
    gap:18px;
    align-items:center;
    background:linear-gradient(135deg,#fff,#fff4f4);
    border:1px solid #f0d0d0;
    border-radius:18px;
    padding:16px;
    margin:0 0 22px 0;
    box-shadow:0 8px 22px rgba(0,0,0,.07);
}
.chair-card img{
    width:125px;
    height:125px;
    object-fit:cover;
    border-radius:16px;
    border:4px solid #fff;
    box-shadow:0 6px 18px rgba(0,0,0,.18);
}
.chair-card h3{
    margin:0 0 6px 0;
    color:var(--drk);
    font-size:24px;
}
.chair-card p{
    margin:4px 0;
}
@media(max-width:520px){
    .chair-card{align-items:flex-start}
    .chair-card img{width:95px;height:95px}
}


/* V6: Name im Banner ohne weißen Kasten */
.logoBox{
    background: rgba(255,255,255,0) !important;
    box-shadow: none !important;
    padding: 0 !important;
}
.logoBox h1,
.logoBox p{
    color: #ffffff !important;
    text-shadow: 0 3px 10px rgba(0,0,0,.75);
}
.logoBox .cross,
.cross{
    color: #ffffff !important;
    text-shadow: 0 3px 10px rgba(0,0,0,.75);
}


/* V11 FINAL: Banner exakt im gewünschten Mockup-Stil */
.header{
    min-height: 310px !important;
    padding: 0 !important;
    display: block !important;
    background-image: url('drk_kirchhorst_final_banner_v11.jpg?v=11') !important;
    background-size: cover !important;
    background-position: center !important;
    border-bottom: 0 !important;
    overflow: hidden !important;
}

.logoBox{
    display: none !important;
}

.portal{
    clear: both !important;
}

/* Navigation etwas näher am Muster */
.leftnav a{
    font-size: 17px !important;
    font-weight: 700 !important;
}

.card h2{
    color:#d40000 !important;
}

.box h3{
    color:#d40000 !important;
}


/* V12: rechte DRK-Schrift verkleinert/nach links gesetzt */
.header{
    background-image: url('drk_kirchhorst_final_banner_v12_text_links.jpg?v=12') !important;
    background-size: cover !important;
    background-position: center !important;
}


/* V13: Banner ohne weißen Seitenbalken, Elke etwas größer */
.header{
    background-image: url('drk_kirchhorst_final_banner_v13_ohne_balken.jpg?v=13') !important;
    background-size: cover !important;
    background-position: center !important;
}

.chair-card img{
    width: 155px !important;
    height: 155px !important;
    object-fit: cover !important;
    object-position: center top !important;
}

.chair-card h3{
    font-size: 26px !important;
}