/* --- STRATEGIEWECHSEL: 2-FENSTER / DRAWER MODUS --- */

/* 1. Alles innerhalb des Logo-Links im Drawer radikal verstecken */
.drawer__header a svg,
.drawer__header a span,
.drawer__header a div {
    display: none !important;
    opacity: 0 !important;
    width: 0 !important;
}

/* 2. Den Link selbst als Container für dein Logo nutzen */
.drawer__header a {
    display: flex !important;
    align-items: center !important;
    text-decoration: none !important;
    background: none !important; /* Entfernt eventuelle Hintergrund-Logos */
    width: auto !important;
    height: 50px !important;
}

/* 3. Dein Logo in den Drawer einfügen */
.drawer__header a::before {
    content: "" !important;
    display: inline-block !important;
    width: 35px !important;
    height: 35px !important;
    background-image: url('https://ibiala.ch/site/ibialaLOGOsmall.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    margin-right: 8px !important;
}

/* 4. Den Text "microblog.ibiala" auch im 2-Fenster-Modus anzeigen */
.drawer__header a::after {
    content: "microblog.ibiala" !important;
    font-family: "Segoe UI", Roboto, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #000000 !important;
    white-space: nowrap !important;
}

/* --- 3-FENSTER MODUS (DESKTOP NAVIGATION LINKS) --- */

.column-link--logo svg {
    display: none !important;
}

.column-link--logo::before {
    content: "" !important;
    display: inline-block !important;
    width: 40px !important;
    height: 40px !important;
    background-image: url('https://ibiala.ch/site/ibialaLOGOsmall.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.column-link--logo::after {
    content: "microblog.ibiala" !important;
    font-family: "Segoe UI", sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #000000 !important;
    margin-left: 10px !important;
}

/* --- ICONS FÜR SPALTEN (STARTSEITE ETC.) UNANGETASTET LASSEN --- */
.column-header__title svg,
.column-header__button svg,
.tabs-bar__link svg {
    display: inline-block !important;
    visibility: visible !important;
}