/*
 * Institutionelles Logo (Markenblatt Richtung A). Signet-INLINE-SVG (potrace-Vektor von
 * logo-signet.png, verlustfrei) + Textwortmarke. Claude 2026-07-23 (Rose): loest das PNG ab.
 * Einheitlich dunkelblau (#165b97); Swoosh + Balken sind getrennte Pfade -> einzeln einfaerbbar.
 * Alle Farben/Claim/.info-Position kommen aus app_logo_* (config/app.yml) via CSS-Custom-Properties.
 */
.dmi-brand {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    line-height: 1;
    text-decoration: none;
}

/* --- Signet (Inline-SVG) --- */
.dmi-brand__signet {
    display: block;
    flex: 0 0 auto;
    height: 68px;
    width: auto;
}
.dmi-brand__bars   { fill: var(--brand-bars, #165b97); }
.dmi-brand__swoosh { fill: var(--brand-swoosh, #165b97); }
/* Alte, breite Raster-Logo-Regeln (.dmi-responsive-logo img { width:100% },
   .dmi-phone-nav-tab ... a img { min-width:501px !important }) galten dem frueheren footer_logo.png
   und wuerden das neue Signet strecken -> hier gezielt fuer das Signet aushebeln. */
.dmi-responsive-logo a .dmi-brand__signet,
.dmi-phone-nav-tab .dmi-responsive-logo a .dmi-brand__signet,
.dmi-footer-brand .dmi-brand__signet {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
}

/* --- Wortmarke + Claim --- */
.dmi-brand__text { display: inline-flex; flex-direction: column; }

/* Farben kommen aus app_logo_* via CSS-Custom-Properties (Fallback = Markenfarben). */
.dmi-brand__name {
    font-family: "Playfair Display", Georgia, serif;
    font-weight: bold;
    font-size: 34px;
    line-height: 1;
    letter-spacing: -0.01em;
    color: var(--brand-name, #16457b);
    white-space: nowrap;
}
.dmi-brand__tld {
    font-family: "Niveau Grotesk", "Open Sans", Arial, sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: var(--brand-info, #34b2e9);
    vertical-align: top;
    position: relative;
    top: 2px;
    margin-left: 2px;
}
.dmi-brand__claim {
    font-family: "Niveau Grotesk", "Open Sans", Arial, sans-serif;
    font-weight: 600;
    font-size: 12.5px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--brand-claim, #8a8578);
    margin-top: 9px;
    white-space: nowrap;
}
/* .info-Position "bottom" (tiefgestellt statt hochgestellt) - konfigurierbar via app_logo_info_position */
.dmi-brand--info-bottom .dmi-brand__tld {
    vertical-align: bottom;
    top: auto;
    bottom: 2px;
}

/* --- Kompaktvariante (responsive / Overlay): kleineres Signet, kleinere Wortmarke, kein Claim --- */
.dmi-brand--compact { gap: 12px; }
.dmi-brand--compact .dmi-brand__signet { height: 46px; }
.dmi-brand--compact .dmi-brand__name   { font-size: 24px; }
.dmi-brand--compact .dmi-brand__tld    { font-size: 11px; top: 1px; }

/* Claude 2026-07-24 (Rose): gestapelte Footer-Variante wie im Styleguide (Abschnitt "Anordnungen",
   ZENTRIERT/GESTAPELT) - Signet ZENTRIERT ueber der Wortmarke (nicht linksbuendig). */
.dmi-footer-brand .dmi-brand {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
}
.dmi-footer-brand .dmi-brand__text { align-items: center; }
.dmi-footer-brand .dmi-brand__signet { height: 58px; }

/* --- Negativversion fuer dunklen Grund: weisse Wortmarke + weisses Signet (Inline-SVG faerbt jetzt
       mit um). Aktuell sitzen alle Platzierungen auf hellem Grund, daher ungenutzt, aber vollstaendig. --- */
.dmi-brand--neg .dmi-brand__name   { color: #ffffff; }
.dmi-brand--neg .dmi-brand__claim  { color: rgba(255, 255, 255, 0.72); }
.dmi-brand--neg .dmi-brand__tld    { color: #7fd3f4; }
.dmi-brand--neg .dmi-brand__bars,
.dmi-brand--neg .dmi-brand__swoosh { fill: #ffffff; }

/* --- Responsives Herunterskalieren des Desktop-Hauptlogos --- */
@media (max-width: 1199px) {
    .dmi-brand--full .dmi-brand__signet { height: 58px; }
    .dmi-brand--full .dmi-brand__name   { font-size: 29px; }
    .dmi-brand--full .dmi-brand__claim  { font-size: 11px; letter-spacing: 0.18em; }
}