:root{--dark:#071a2a;--dark2:#0b2b43;--blue:#1671ad;--cyan:#55d4d0;--paper:#f4f9fb;--line:#dce9ee;--text:#10283a;--muted:#6f8797;--danger:#c64755;--ok:#287d59}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--text);font-family:Inter,system-ui,Segoe UI,sans-serif}a{text-decoration:none;color:var(--blue)}button,input,select,textarea{font:inherit}.top{height:72px;background:linear-gradient(100deg,var(--dark),var(--dark2));display:flex;align-items:center;padding:0 max(18px,calc((100vw - 1240px)/2));gap:28px;position:sticky;top:0;z-index:20;box-shadow:0 8px 28px #071a2a22}.brand{color:white;display:flex;align-items:center;gap:8px}.brand b{font-size:21px}.brand small{color:#9aebe5;letter-spacing:.16em;text-transform:uppercase}.top nav{margin-left:auto;display:flex;align-items:center;gap:18px}.top nav>a{color:#d7e8f0;font-weight:650;font-size:14px;position:relative}.top nav i{position:absolute;background:#ff6e78;color:white;font-style:normal;font-size:10px;border-radius:20px;padding:2px 6px;top:-12px;right:-12px}.top nav form{margin:0}.top nav button{border:0;background:transparent;color:#9fc0d0}.top .cta{background:var(--cyan);color:var(--dark)!important;padding:9px 13px;border-radius:10px}.navbtn{display:none;margin-left:auto;background:transparent;border:0;color:white;font-size:23px}main{max-width:1240px;margin:auto;padding:34px 20px 70px;min-height:calc(100vh - 135px)}footer{background:var(--dark);color:#9ab8c8;display:flex;justify-content:space-between;padding:24px max(20px,calc((100vw - 1240px)/2));font-size:13px}.hero{background:linear-gradient(120deg,var(--dark),#0d3b57);color:white;border-radius:30px;padding:56px;display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center;box-shadow:0 25px 70px #06203628}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:800;color:var(--blue)}.hero .eyebrow,.homehero .eyebrow{color:#91ebe4}h1{font-size:42px;line-height:1.08;letter-spacing:-.035em;margin:.2em 0}.hero h1{font-size:54px}.hero h1 em{font-style:normal;color:var(--cyan)}.hero p,.title p,.homehero p,.profile p{color:#b9d0dc;line-height:1.6}.bigsearch,.search{display:flex;background:white;border-radius:14px;padding:6px;gap:6px;margin-top:24px;box-shadow:0 14px 35px #0003}.bigsearch input,.search input{border:0;outline:0;flex:1}.bigsearch button,.search button{border:0;border-radius:10px;background:var(--blue);color:white;padding:0 18px;font-weight:800}.actions{display:flex;gap:10px;margin-top:15px}.button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:11px;background:linear-gradient(90deg,var(--blue),#218bc0);color:white;padding:11px 16px;font-weight:750;cursor:pointer}.button.secondary{background:white;color:var(--blue);border:1px solid var(--line)}.hero .button.secondary{background:#ffffff12;color:white;border-color:#ffffff30}.button.danger{background:var(--danger)}.button.ok{background:var(--ok)}.button.full{width:100%;margin-top:8px}.mascot{font-size:120px;text-align:center;filter:drop-shadow(0 20px 24px #0005);animation:float 5s ease-in-out infinite}.mascot span{display:block;font-size:14px;background:white;color:var(--dark);padding:11px;border-radius:13px;margin-top:12px;filter:none;font-weight:800}@keyframes float{50%{transform:translateY(-8px)}}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:white;border:1px solid var(--line);border-radius:18px;margin:20px 0 42px;box-shadow:0 10px 35px #0a294010}.stats div{text-align:center;padding:20px;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats b{display:block;font-size:28px}.stats span{color:var(--muted);font-size:12px}.head,.title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:36px 0 16px}.title h1{font-size:40px}.title p{color:var(--muted);margin:0;max-width:760px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 8px 25px #0a29400a}.card p{color:var(--muted)}.card i{font-style:normal;font-size:28px;color:#b8dbe3;font-weight:900}.hcard,.person{display:flex;align-items:center;gap:13px;color:var(--text)}.hcard>span{font-size:30px}.pill{display:inline-flex;background:#e7f6f7;color:#176a79;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:750;margin:2px}.empty{grid-column:1/-1;display:flex;gap:15px;align-items:center}.empty>b{font-size:50px}.flash{padding:12px 15px;border-radius:10px;margin-bottom:15px;font-weight:650}.flash.error{background:#ffe7e9;color:#8c2935}.flash.success{background:#e4f7ed;color:#226747}.narrow{max-width:720px;margin:0 auto}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;font-size:13px;font-weight:700;color:#506a7a;margin:12px 0}input,select,textarea{width:100%;padding:10px 11px;border:1px solid #cddde4;border-radius:10px;background:white;color:var(--text)}textarea{min-height:95px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #8ce0db;border-color:transparent}.auth{max-width:930px;margin:25px auto;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:25px;box-shadow:0 20px 55px #0a294018}.authpic{background:linear-gradient(145deg,var(--dark),#10516d);color:white;padding:48px;font-size:80px}.authpic h1{font-size:38px}.authpic p{font-size:16px}.auth>.card{border-radius:0;padding:40px;display:flex;flex-direction:column;justify-content:center}.search{margin:0 0 18px}.search input{padding:10px}.tree details{margin-left:8px}.tree summary{cursor:pointer;list-style:none;padding:10px;border-radius:9px;display:flex;gap:7px}.tree summary:hover{background:#f1f7f9}.tree summary small{margin-left:auto;color:var(--muted)}.branch{border-left:2px solid var(--line);margin-left:14px;padding-left:14px}.homes a{display:flex;justify-content:space-between;padding:9px;color:var(--text);border-radius:9px}.homes a:hover{background:#eff7f8}.homes a small{color:var(--muted)}.warn{max-width:720px;margin:0 auto 18px;background:#fff9e8;border-color:#eadba9}.warn>b{font-size:20px}.warn a{display:flex;justify-content:space-between;padding:8px;border-bottom:1px solid #eadba9}.homehero,.profile{display:flex;align-items:center;gap:20px;background:linear-gradient(115deg,var(--dark),#10445e);color:white;border-radius:24px;padding:30px;margin-bottom:20px}.homehero>div,.profile>div:nth-child(2){flex:1}.homeicon{font-size:44px;background:#ffffff12;border-radius:18px;width:76px;height:76px;display:grid;place-items:center}.homehero h1,.profile h1{margin:.08em 0;font-size:38px}.privacy{background:#ecf8fa}.avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--blue),var(--cyan));color:white;font-weight:850;flex:none}.avatar.xl{width:96px;height:96px;font-size:28px}.profileactions{display:flex;gap:8px;align-items:center}.profileactions form{margin:0}.threads{padding:0}.threads>a{display:flex;gap:12px;align-items:center;padding:14px;border-bottom:1px solid var(--line);color:var(--text)}.threads>a>div{display:flex;flex-direction:column}.threads small{color:var(--muted)}.chathead{display:flex;align-items:center;gap:12px}.chat{padding:0;overflow:hidden}.bubbles{height:55vh;overflow:auto;padding:20px;background:#f0f7f9;display:flex;flex-direction:column;gap:8px}.bubble{max-width:70%;align-self:flex-start;background:white;border:1px solid var(--line);border-radius:15px 15px 15px 5px;padding:10px 12px}.bubble.mine{align-self:flex-end;background:#ddf4f2;border-color:#bde7e4;border-radius:15px 15px 5px 15px}.bubble p{margin:0 0 4px}.bubble img{max-width:300px;max-height:300px;border-radius:10px;display:block}.bubble small{color:var(--muted);font-size:10px}.chat>form{display:flex;gap:8px;align-items:end;padding:11px}.chat textarea{flex:1;min-height:42px}.attach{margin:0;background:#eef5f8;padding:10px;border-radius:9px;cursor:pointer}.attach input{display:none}.group>b{font-size:30px}.group>small{display:block;margin-top:10px;color:var(--muted)}.postbox form{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:end}.post{max-width:800px;margin:15px auto}.post img{max-width:100%;max-height:650px;border-radius:12px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.table{overflow:auto}.table table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{padding:9px;border-bottom:1px solid var(--line);text-align:left}.table th{background:#f5f9fa}.table form{display:flex;gap:4px}.table button{font-size:11px}.table select{min-width:120px}dialog{border:0;border-radius:18px;padding:0;box-shadow:0 30px 100px #0008;width:min(530px,calc(100vw - 30px))}dialog::backdrop{background:#071a2aaa}dialog form{padding:24px}.close{width:100%;margin-top:8px;border:0;background:#eef3f5;padding:9px;border-radius:9px}.reveal{opacity:0;transform:translateY(10px)}.reveal.in{opacity:1;transform:none;transition:.45s}@media(max-width:950px){.cards.three{grid-template-columns:repeat(2,1fr)}.top nav{gap:10px}.top nav>a{font-size:12px}}@media(max-width:760px){.top{padding:0 14px}.navbtn{display:block}.top nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--dark2);padding:16px;flex-direction:column;align-items:stretch}.top nav.open{display:flex}.hero{grid-template-columns:1fr;padding:32px 22px}.hero h1{font-size:40px}.mascot{display:none}.stats{grid-template-columns:1fr 1fr}.stats div:nth-child(2){border-right:0}.cards,.cards.three,.grid,.auth{grid-template-columns:1fr}.title,.profile,.homehero{align-items:flex-start;flex-direction:column}.row{grid-template-columns:1fr}.profileactions{flex-wrap:wrap}.postbox form{grid-template-columns:1fr}.bubble{max-width:88%}.authpic{display:none}.auth>.card{border-radius:18px;padding:25px}main{padding:22px 13px 50px}footer{flex-direction:column;gap:5px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* homesocial Branding */
.brand img{
    display:block;
    height:54px;
    width:auto;
    max-width:230px;
    object-fit:contain;
    background:#fff;
    border-radius:10px;
    padding:2px 7px;
}

@media(max-width:760px){
    .brand img{
        height:46px;
        max-width:185px;
    }
}

/* homesocial Logo */
.brand img{display:block;height:58px;width:auto;max-width:230px;object-fit:contain;border-radius:8px;}
@media(max-width:760px){.brand img{height:48px;max-width:190px;}}

/* powered by elknet */
footer .powered{
    display:flex;
    align-items:center;
    gap:8px;
}

footer .powered a{
    display:inline-flex;
    align-items:center;
}

footer .powered img{
    display:block;
    width:auto;
    height:30px;
    object-fit:contain;
}

@media(max-width:760px){
    footer .powered{
        margin-top:8px;
    }

    footer .powered img{
        height:28px;
    }
}

/* =========================================================
   HOMESOCIAL + ELKNET BRANDING GROSS
   ========================================================= */

/* Kopfzeile höher */
header.top{
    height:105px;
    min-height:105px;
}

/* homesocial Logo oben */
header.top .brand{
    flex:none;
    height:100%;
    display:flex;
    align-items:center;
}

header.top .brand img{
    display:block;
    height:88px !important;
    width:auto !important;
    max-width:320px !important;
    object-fit:contain;
    padding:0 !important;
    margin:0 !important;
    border-radius:12px;
}

/* Footer deutlich höher */
footer{
    min-height:185px;
    align-items:center;
    gap:40px;
    padding-top:28px;
    padding-bottom:28px;
}

/* elknet Werbebereich */
footer .powered{
    margin-left:auto;
    min-width:430px;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:20px;
    padding:20px 26px;
    font-size:20px !important;
    font-weight:800;
    color:#ffffff;
    border-left:2px solid rgba(255,255,255,.20);
}

/* klickbarer Logo-Block */
footer .powered a{
    display:flex;
    align-items:center;
    justify-content:center;
    background:#ffffff;
    padding:14px 20px;
    border-radius:14px;
    box-shadow:0 10px 30px rgba(0,0,0,.30);
}

/* elknet Logo groß */
footer .powered img{
    display:block;
    height:92px !important;
    width:auto !important;
    max-width:300px !important;
    object-fit:contain;
}

/* linke Footertexte ebenfalls etwas präsenter */
footer > span:not(.powered){
    font-size:16px;
}

/* Mobil */
@media(max-width:760px){

    header.top{
        height:88px;
        min-height:88px;
    }

    header.top .brand img{
        height:72px !important;
        max-width:250px !important;
    }

    .top nav{
        top:88px;
    }

    footer{
        min-height:auto;
        padding:26px 20px;
    }

    footer .powered{
        width:100%;
        min-width:0;
        margin-left:0;
        margin-top:18px;
        padding:20px 0 0;
        justify-content:flex-start;
        flex-wrap:wrap;
        border-left:0;
        border-top:2px solid rgba(255,255,255,.20);
        font-size:18px !important;
    }

    footer .powered img{
        height:75px !important;
        max-width:250px !important;
    }
}

/* homesocial Header 20 % kleiner */
header.top{
    height:84px !important;
    min-height:84px !important;
}

header.top .brand img{
    height:70px !important;
    max-width:255px !important;
}

@media(max-width:760px){
    header.top{
        height:72px !important;
        min-height:72px !important;
    }

    header.top .brand img{
        height:58px !important;
        max-width:205px !important;
    }

    .top nav{
        top:72px !important;
    }
}

/* HOMESOCIAL ADMIN COCKPIT V1 */
.hs-gauge-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
    margin-bottom:18px;
}
.hs-gauge-card{
    background:white;
    border:1px solid var(--line);
    border-radius:20px;
    padding:20px;
    text-align:center;
    box-shadow:0 8px 25px #0a29400a;
}
.hs-gauge-card h3{margin:0 0 16px}
.hs-gauge{
    --p:0;
    width:160px;
    height:160px;
    margin:0 auto 15px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:conic-gradient(var(--blue) calc(var(--p)*1%),#e5eef2 0);
    position:relative;
}
.hs-gauge:before{
    content:"";
    position:absolute;
    inset:15px;
    border-radius:50%;
    background:white;
}
.hs-gauge>div{
    position:relative;
    z-index:1;
}
.hs-gauge strong{
    font-size:23px;
    color:var(--dark);
}
.hs-gauge-card p{
    margin:0;
    color:var(--muted);
    font-size:13px;
    line-height:1.45;
}
.hs-speed-action{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:16px;
}
.hs-speed-action h2{margin:0 0 4px}
.hs-speed-action p{margin:0}
@media(max-width:1050px){
    .hs-gauge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
    .hs-gauge-grid{grid-template-columns:1fr}
    .hs-speed-action{align-items:flex-start;flex-direction:column}
}

/* =========================================================
   ELKNET SPONSOR / TECHNIKPARTNER
   ========================================================= */

footer{
    min-height:140px;
    align-items:center;
    gap:35px;
}

footer .powered{
    margin-left:auto;
    display:flex;
    align-items:center;
    gap:16px;
    padding:16px 22px;
    min-width:330px;
    justify-content:flex-end;
    font-size:16px;
    font-weight:700;
    color:#d5e7f2;
    border-left:1px solid rgba(255,255,255,.16);
}

footer .powered a{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:10px 14px;
    background:#ffffff;
    border-radius:12px;
    box-shadow:0 8px 25px rgba(0,0,0,.22);
    transition:transform .18s ease, box-shadow .18s ease;
}

footer .powered a:hover{
    transform:translateY(-2px) scale(1.03);
    box-shadow:0 12px 32px rgba(0,0,0,.32);
}

footer .powered img{
    display:block;
    height:62px;
    width:auto;
    max-width:230px;
    object-fit:contain;
}

@media(max-width:760px){
    footer{
        min-height:auto;
    }

    footer .powered{
        width:100%;
        min-width:0;
        margin-left:0;
        margin-top:16px;
        padding:18px 0 0;
        justify-content:flex-start;
        border-left:0;
        border-top:1px solid rgba(255,255,255,.16);
    }

    footer .powered img{
        height:52px;
        max-width:200px;
    }
}

/* =========================================================
   HOMESOCIAL BUTTONS / NAV POLISH V1
   ========================================================= */

/* Grundstil Buttons */
button,
.button,
a.button,
input[type="submit"],
input[type="button"],
.search button,
form button{
    appearance:none;
    border:0;
    border-radius:14px;
    padding:12px 18px;
    min-height:46px;
    background:linear-gradient(135deg,#1f7fc5 0%, #58d9d3 100%);
    color:#ffffff;
    font-weight:700;
    font-size:15px;
    line-height:1;
    cursor:pointer;
    box-shadow:0 8px 22px rgba(15,55,85,.18);
    transition:transform .16s ease, box-shadow .16s ease, filter .16s ease, background .16s ease;
}

button:hover,
.button:hover,
a.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.search button:hover,
form button:hover{
    transform:translateY(-1px);
    box-shadow:0 12px 28px rgba(15,55,85,.25);
    filter:brightness(1.03);
}

button:active,
.button:active,
a.button:active,
input[type="submit"]:active,
input[type="button"]:active,
.search button:active,
form button:active{
    transform:translateY(0);
    box-shadow:0 6px 16px rgba(15,55,85,.18);
}

button:focus-visible,
.button:focus-visible,
a.button:focus-visible,
input[type="submit"]:focus-visible,
input[type="button"]:focus-visible,
.search button:focus-visible,
form button:focus-visible,
.top nav a:focus-visible{
    outline:3px solid rgba(88,217,211,.35);
    outline-offset:2px;
}

/* Sekundärbutton */
.button.secondary,
button.secondary,
a.button.secondary{
    background:#ffffff;
    color:#0c2d47;
    border:1px solid #cfe0ea;
    box-shadow:0 8px 18px rgba(15,55,85,.10);
}

/* Erfolg */
.button.ok,
button.ok{
    background:linear-gradient(135deg,#1d9b68 0%, #58d9a7 100%);
}

/* Gefahr */
.button.danger,
button.danger{
    background:linear-gradient(135deg,#c54242 0%, #e86f6f 100%);
}

/* Kleine Buttons */
button.small,
.button.small,
a.button.small{
    min-height:38px;
    padding:10px 14px;
    font-size:14px;
    border-radius:12px;
}

/* Volle Breite */
.button.full,
button.full,
a.button.full{
    width:100%;
    justify-content:center;
    display:inline-flex;
    align-items:center;
}

/* Links, die wie Buttons aussehen */
a.button{
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

/* Eingabefelder etwas harmonischer */
input,
select,
textarea{
    border-radius:14px;
    transition:border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

input:focus,
select:focus,
textarea:focus{
    border-color:#58d9d3 !important;
    box-shadow:0 0 0 4px rgba(88,217,211,.12);
    outline:none;
}

/* Obere Navigation schöner */
.top nav{
    display:flex;
    align-items:center;
    gap:10px;
}

.top nav a,
.top nav form button{
    min-height:42px;
    padding:10px 14px;
    border-radius:12px;
    background:transparent;
    color:#eaf6ff;
    font-weight:700;
    text-decoration:none;
    box-shadow:none;
    border:1px solid transparent;
}

.top nav a:hover,
.top nav form button:hover{
    background:rgba(255,255,255,.08);
    color:#ffffff;
    transform:translateY(-1px);
    box-shadow:none;
}

.top nav .cta{
    background:linear-gradient(135deg,#33b3d8 0%, #66e0d8 100%) !important;
    color:#06263d !important;
    border:0 !important;
    box-shadow:0 10px 24px rgba(0,0,0,.18) !important;
}

.top nav .cta:hover{
    color:#06263d !important;
    filter:brightness(1.04);
}

.top nav form{
    margin:0;
}

.top nav form button{
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.10);
}

/* Suche / Form-Buttons etwas größer */
.search{
    display:flex;
    gap:12px;
    align-items:center;
}

.search button{
    min-width:120px;
}

/* Freundeseite / Kartenbuttons */
.card form button,
.card .button{
    margin-right:8px;
    margin-top:6px;
}

/* Tabellen-Buttons im Adminbereich */
.table form{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    align-items:center;
}

.table form input,
.table form select{
    min-height:44px;
}

/* Mobile */
@media(max-width:760px){
    button,
    .button,
    a.button,
    input[type="submit"],
    input[type="button"],
    .search button,
    form button{
        min-height:44px;
        padding:11px 15px;
        font-size:14px;
    }

    .top nav a,
    .top nav form button{
        min-height:40px;
        padding:9px 12px;
        border-radius:10px;
    }

    .search{
        flex-direction:column;
        align-items:stretch;
    }

    .search button{
        width:100%;
    }
}

/* Elch statt kaputtem Quadrat/Emoji */
.elk-icon-inline{
    display:inline-block;
    width:64px;
    height:auto;
    object-fit:contain;
    vertical-align:middle;
}

/* In größeren Hero-/Hinweisbereichen etwas größer */
.hero .elk-icon-inline,
.welcome .elk-icon-inline,
.card .elk-icon-inline{
    width:78px;
}

/* Globaler Ersatz für Elch-Emoji / Quadrat */
.elk-inline-icon{
    display:inline-block;
    width:58px;
    height:auto;
    object-fit:contain;
    vertical-align:middle;
}

h1 .elk-inline-icon,
h2 .elk-inline-icon,
h3 .elk-inline-icon{
    width:64px;
}

.hero .elk-inline-icon,
.card .elk-inline-icon,
.notice .elk-inline-icon,
.empty .elk-inline-icon{
    width:72px;
}

/* homesocial Hero – winkender Elch */
.mascot.mascot-image{
    font-size:0 !important;
    filter:none !important;
    animation:float 5s ease-in-out infinite;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

.mascot.mascot-image > img{
    display:block;
    width:auto;
    height:210px;
    max-width:100%;
    object-fit:contain;
    background:transparent !important;
    border:0;
    padding:0;
    margin:0 auto 12px;
    filter:drop-shadow(0 14px 20px rgba(0,0,0,.22));
}

.mascot.mascot-image > span{
    width:100%;
    font-size:14px;
    background:white;
    color:var(--dark);
    padding:11px 15px;
    border-radius:13px;
    margin-top:0;
    font-weight:800;
    filter:none;
}

@media(max-width:760px){
    .mascot.mascot-image{
        display:none;
    }
}

/* =========================================================
   HOME-ELK – alle Inhaltsstellen außer Headerlogo
   ========================================================= */

.elk-icon-inline{
    display:block !important;
    width:auto !important;
    height:82px !important;
    max-width:110px !important;
    object-fit:contain !important;
    background:transparent !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
}

/* Leere Karten / Hinweise */
.empty .elk-icon-inline,
.card .elk-icon-inline{
    height:88px !important;
    max-width:115px !important;
}

/* Hero rechts */
.mascot.mascot-image{
    font-size:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    filter:none !important;
}

.mascot.mascot-image > img{
    display:block !important;
    width:auto !important;
    height:230px !important;
    max-width:260px !important;
    object-fit:contain !important;
    background:transparent !important;
    border:0 !important;
    padding:0 !important;
    margin:0 auto 16px !important;
    filter:drop-shadow(0 15px 22px rgba(0,0,0,.22));
}

.mascot.mascot-image > span{
    width:100%;
    font-size:14px !important;
}

/* Headerlogo ausdrücklich NICHT verändern */
header.top .brand img{
    object-fit:contain !important;
}

@media(max-width:760px){
    .mascot.mascot-image{
        display:none !important;
    }
}

/* HOMESOCIAL ADMIN ADS V2 */

.hs-ad{
    background:#ffffff;
    border:1px solid var(--line);
    border-radius:14px;
    box-shadow:0 8px 24px rgba(7,26,42,.08);
    overflow:hidden;
}
.hs-ad>a{
    display:block;
    color:var(--text);
    padding:10px;
    text-decoration:none;
}
.hs-ad small{
    display:block;
    margin-bottom:5px;
    color:#8ca0ad;
    font-size:9px;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.hs-ad img{
    display:block;
    width:100%;
    max-height:105px;
    object-fit:contain;
    border-radius:9px;
    margin-bottom:7px;
}
.hs-ad b{
    display:block;
    font-size:13px;
    margin-bottom:2px;
}
.hs-ad span{
    display:block;
    font-size:11px;
    line-height:1.35;
    color:var(--muted);
}
.hs-ad-float{
    float:right;
    width:210px;
    margin:0 0 14px 18px;
}
.hs-ad-inline{
    margin:5px 12px;
    border-radius:10px;
}
.hs-ad-inline>a{
    display:grid;
    grid-template-columns:auto 1fr;
    align-items:center;
    gap:10px;
    padding:7px 10px;
}
.hs-ad-inline small{
    grid-column:1/-1;
    margin:0;
}
.hs-ad-inline img{
    width:64px;
    height:38px;
    margin:0;
    object-fit:contain;
}
.hs-ad-inline b{
    font-size:12px;
}
.hs-ad-inline span{
    font-size:10px;
}
.hs-ad-admin-thumb{
    width:90px;
    max-height:60px;
    object-fit:contain;
    display:block;
    margin-bottom:6px;
}
.hs-user-edit{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(120px,1fr));
    gap:6px!important;
}
.hs-user-edit select,
.hs-user-edit button{
    min-height:42px;
}
.hs-user-actions{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:7px;
}
.hs-user-actions form{
    margin:0;
}
@media(max-width:850px){
    .hs-ad-float{
        float:none;
        width:100%;
        margin:0 0 14px;
    }
    .hs-user-edit{
        grid-template-columns:1fr;
    }
}

/* =========================================================
   ADS CLEANUP + DIRECTORY WIDTH FIX
   ========================================================= */

/* Kennzeichnung "ANZEIGE" ausblenden */
.hs-ad small{
    display:none !important;
}

/* Menschen-Anzeige weiter dezent halten */
.hs-ad-float{
    width:210px;
}

/* Directory / Heime-Bereich rechts Platz schaffen */
body:has(a[href*="/directory"]) .tree,
body:has(a[href*="/directory"]) .card.table,
body:has(a[href*="/directory"]) .directory-tree{
    width:60% !important;
    max-width:60% !important;
}

/* Falls der Heimbaum direkt die große weiße Karte ist */
body:has(a[href*="/directory"]) main > .card{
    max-width:60% !important;
}

/* Rechts Platz für spätere Werbung */
body:has(a[href*="/directory"]) main{
    position:relative;
}

/* Mobile wieder volle Breite */
@media(max-width:900px){
    body:has(a[href*="/directory"]) .tree,
    body:has(a[href*="/directory"]) .card.table,
    body:has(a[href*="/directory"]) .directory-tree,
    body:has(a[href*="/directory"]) main > .card{
        width:100% !important;
        max-width:100% !important;
    }
}

/* =========================================================
   ADS – größer, aber weiterhin dezent
   ========================================================= */

/* Rechte Werbekarte auf Startseite / Menschen */
.hs-ad-float{
    width:360px !important;
    max-width:360px !important;
    min-height:150px;
    margin-left:24px;
}

/* Innenabstand */
.hs-ad-float > a{
    padding:18px !important;
}

/* Anzeigenbild */
.hs-ad-float img{
    max-height:120px !important;
    margin-bottom:12px !important;
}

/* Überschrift */
.hs-ad-float b{
    font-size:18px !important;
    line-height:1.25;
    margin-bottom:6px !important;
}

/* Text */
.hs-ad-float span{
    font-size:14px !important;
    line-height:1.45;
}

/* etwas kräftigere Karte */
.hs-ad-float{
    border-radius:18px !important;
    box-shadow:0 10px 28px rgba(7,26,42,.12) !important;
}

/* Mobil wieder volle Breite */
@media(max-width:900px){
    .hs-ad-float{
        width:100% !important;
        max-width:100% !important;
        min-height:auto;
        margin-left:0;
    }
}

/* =========================================================
   ADS – größer, aber weiterhin dezent
   ========================================================= */

/* Rechte Werbekarte auf Startseite / Menschen */
.hs-ad-float{
    width:360px !important;
    max-width:360px !important;
    min-height:150px;
    margin-left:24px;
}

/* Innenabstand */
.hs-ad-float > a{
    padding:18px !important;
}

/* Anzeigenbild */
.hs-ad-float img{
    max-height:120px !important;
    margin-bottom:12px !important;
}

/* Überschrift */
.hs-ad-float b{
    font-size:18px !important;
    line-height:1.25;
    margin-bottom:6px !important;
}

/* Text */
.hs-ad-float span{
    font-size:14px !important;
    line-height:1.45;
}

/* etwas kräftigere Karte */
.hs-ad-float{
    border-radius:18px !important;
    box-shadow:0 10px 28px rgba(7,26,42,.12) !important;
}

/* Mobil wieder volle Breite */
@media(max-width:900px){
    .hs-ad-float{
        width:100% !important;
        max-width:100% !important;
        min-height:auto;
        margin-left:0;
    }
}

/* =========================================================
   MOBILE NAV FIX
   ========================================================= */

@media(max-width:760px){

    header.top{
        position:relative;
        height:82px !important;
        min-height:82px !important;
        padding:0 22px !important;
    }

    header.top .brand img{
        height:68px !important;
        max-width:210px !important;
    }

    .menu-toggle{
        font-size:38px !important;
        line-height:1 !important;
    }

    .top nav{
        top:82px !important;
        left:auto !important;
        right:14px !important;

        width:260px !important;
        max-width:calc(100vw - 28px) !important;

        padding:14px !important;

        background:#0b3147 !important;
        border-radius:0 0 18px 18px !important;
        box-shadow:0 18px 35px rgba(0,0,0,.28) !important;
    }

    .top nav a{
        display:block !important;
        width:100% !important;

        padding:12px 14px !important;
        margin:0 !important;

        text-align:left !important;
        font-size:17px !important;
        line-height:1.2 !important;
        border-radius:10px !important;
    }

    .top nav a + a{
        margin-top:4px !important;
    }

    .top nav .button,
    .top nav a.button{
        margin-top:8px !important;
        text-align:center !important;
    }

    main{
        padding-top:0 !important;
    }

    .hero{
        margin-top:0 !important;
    }
}

/* =========================================================
   MOBILE MENU – EIN-/AUSKLAPPBAR
   ========================================================= */

@media(max-width:760px){

    .top nav{
        display:none !important;

        position:absolute !important;
        top:82px !important;
        right:14px !important;
        left:auto !important;

        width:260px !important;
        max-width:calc(100vw - 28px) !important;

        padding:14px !important;

        background:#0b3147 !important;
        border-radius:0 0 18px 18px !important;
        box-shadow:0 18px 35px rgba(0,0,0,.28) !important;

        z-index:9999 !important;
    }

    .top nav.mobile-open{
        display:block !important;
    }

    .top nav a{
        display:block !important;
        width:100% !important;

        padding:11px 14px !important;
        margin:0 0 4px 0 !important;

        text-align:left !important;
        font-size:17px !important;
        line-height:1.2 !important;
    }

    .top nav .button,
    .top nav a.button{
        margin-top:8px !important;
        text-align:center !important;
    }

    .menu-toggle{
        display:block !important;
        cursor:pointer !important;
        z-index:10000 !important;
    }
}

@media(min-width:761px){
    .top nav{
        display:flex !important;
    }

    .menu-toggle{
        display:none !important;
    }
}

/* =========================================================
   HOMESOCIAL MOBILE NAV – FINAL FIX
   echte Klassen: .navbtn + nav.open
   ========================================================= */

@media (max-width:760px){

    /* Hamburger sichtbar */
    .navbtn{
        display:block !important;
        margin-left:auto !important;
        cursor:pointer !important;
        position:relative !important;
        z-index:10001 !important;
    }

    /* Menü im Ruhezustand geschlossen */
    .top nav{
        display:none !important;
        position:absolute !important;
        top:82px !important;
        right:14px !important;
        left:auto !important;

        width:280px !important;
        max-width:calc(100vw - 28px) !important;

        padding:14px !important;
        background:#0b3147 !important;
        border-radius:0 0 18px 18px !important;
        box-shadow:0 18px 35px rgba(0,0,0,.28) !important;

        flex-direction:column !important;
        align-items:stretch !important;
        gap:4px !important;

        z-index:10000 !important;
    }

    /* vorhandenes app.js setzt genau diese Klasse */
    .top nav.open{
        display:flex !important;
    }

    .top nav > a{
        display:block !important;
        width:100% !important;
        padding:11px 14px !important;
        margin:0 !important;
        text-align:left !important;
        font-size:16px !important;
        line-height:1.25 !important;
        border-radius:10px !important;
    }

    .top nav form{
        width:100% !important;
        margin:4px 0 0 !important;
    }

    .top nav form button{
        width:100% !important;
        padding:11px 14px !important;
        text-align:center !important;
    }
}

/* Desktop unverändert offen */
@media (min-width:761px){
    .navbtn{
        display:none !important;
    }

    .top nav{
        display:flex !important;
    }
}


/* homesocial neues Logo */
.top .brand {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.top .brand img {
    width: auto;
    height: 78px;
    max-width: 330px;
    object-fit: contain;
    display: block;
}

@media (max-width: 900px) {
    .top .brand img {
        height: 58px;
        max-width: 230px;
    }
}