/* 6Flaschen WeinApp · neues Markenlogo · Build 20260818.851800a */
.brand-logo-theme{display:inline-block;position:relative;line-height:0;max-width:100%;vertical-align:middle}
.brand-logo-theme__picture{width:100%}
.brand-logo-theme__picture--light{display:block!important}
.brand-logo-theme__picture--dark{display:none!important}
html[data-theme="light"] .brand-logo-theme__picture--light,html:not([data-theme]) .brand-logo-theme__picture--light{display:block!important}
html[data-theme="light"] .brand-logo-theme__picture--dark,html:not([data-theme]) .brand-logo-theme__picture--dark{display:none!important}
html[data-theme="dark"] .brand-logo-theme__picture--light{display:none!important}
html[data-theme="dark"] .brand-logo-theme__picture--dark{display:block!important}
.brand-logo-theme__image,.brand-logo-image{display:block!important;width:100%!important;height:auto!important;max-width:none!important;max-height:none!important;object-fit:contain;filter:none!important}
.coastal-desktop-brand,.brand-logo-link,.coastal-mobile-brand{flex:0 0 auto;overflow:visible!important}
/* Header: der neue breite Schriftzug braucht mehr horizontale Fläche, bleibt aber flacher als das alte Logo. */
.coastal-desktop-brand .brand-logo-theme--header,.brand-logo-link .brand-logo-theme--header{display:block;width:clamp(205px,18vw,270px);padding:0;box-sizing:content-box}
.coastal-mobile-brand .brand-logo-theme--mobile{display:block;width:clamp(118px,34vw,158px);padding:0;box-sizing:content-box}
/* Markenflächen auf Start-/Gast-/Auth-Seiten. */
.coastal-home-mark.brand-logo-theme,.brand-logo-theme--home{width:clamp(220px,27vw,330px)}
.coastal-guest-logo.brand-logo-theme,.brand-logo-theme--guest{width:clamp(260px,32vw,380px);margin-bottom:30px}
.auth-logo-link .brand-logo-theme--auth{width:min(100%,360px);margin-inline:auto}
.brand-logo-link,html[data-theme="dark"] .brand-logo-link,html[data-theme="light"] .brand-logo-link{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
/* Das neue Dark-Logo ist bereits farblich auf #0b2a3b/#0e3448 abgestimmt: keine Alt-Filter anwenden. */
html.coastal-ui[data-theme="dark"] body .brand-logo-theme .brand-logo-theme__image{filter:none!important}
html.coastal-ui[data-theme="dark"] body .coastal-mobile-brand--persistent .brand-logo-theme__image{filter:none!important}
html.coastal-ui[data-theme="dark"] body .coastal-desktop-brand .brand-logo-theme__image{filter:none!important}
/* Hero-Logo auch im Dunkelmodus mit eigener Dark-Datei zeigen. */
html[data-theme="dark"] .coastal-home-mark.brand-logo-theme{display:block!important}
/* Mobile: Light/Dark-Auswahl sicher gegenüber älteren !important-Regeln durchsetzen. */
html.coastal-ui[data-theme="light"] body .coastal-mobile-brand--persistent .brand-logo-theme--mobile>.brand-logo-theme__picture--light{display:block!important}
html.coastal-ui[data-theme="light"] body .coastal-mobile-brand--persistent .brand-logo-theme--mobile>.brand-logo-theme__picture--dark{display:none!important}
html.coastal-ui[data-theme="dark"] body .coastal-mobile-brand--persistent .brand-logo-theme--mobile>.brand-logo-theme__picture--light{display:none!important}
html.coastal-ui[data-theme="dark"] body .coastal-mobile-brand--persistent .brand-logo-theme--mobile>.brand-logo-theme__picture--dark{display:block!important}
@media(max-width:900px){
  .coastal-mobile-brand .brand-logo-theme--mobile{width:clamp(118px,34vw,150px);padding:0}
  .coastal-home-mark.brand-logo-theme,.brand-logo-theme--home{width:min(64vw,250px)}
  .coastal-guest-logo.brand-logo-theme,.brand-logo-theme--guest{width:min(72vw,300px)}
  .auth-logo-link .brand-logo-theme--auth{width:min(82vw,320px)}
}