/* =========================================================================
   Ohra.Neos.EDW – EDW-spezifische Styles (NEOS-2541, Multi-Domain-Setup)
   Dieses Stylesheet wird ausschliesslich auf der EDW-Site geladen (Einbindung
   erfolgt nur ueber Ohra.Neos.EDW), daher ist kein Site-Scoping noetig.
   ========================================================================= */

/* Ticket-Anforderung: "Serv & Hilfe" -> "Mitglied werden" als gelber Button.
   "Mitglied werden" ist das ERSTE Meta-Element. Ohra stylt :first-child als
   dunkelblauen Kundenportal-Button (Login-Pfeil-Icon) – auf EDW gibt es kein
   Kundenportal. Wir ueberschreiben :first-child daher direkt zum gelben Button
   OHNE zusaetzliche CSS-Klasse. Gleiche Spezifitaet wie Ohra, greift ueber die
   Ladereihenfolge (EDW-Custom.css laedt nach Ohra).
   TODO: Finalen EDW-Gelbton mit der Kundin abstimmen (Platzhalter unten). */
#nav-right .meta-nav li:first-child > a:link,
#nav-right .meta-nav li:first-child > a:visited {
    background: #FFD100;
    border: 2px solid #FFD100;
    color: #002C5A;
    padding: 10px; /* wie der Suche-Button (.top-search a) */
}

/* Hover umgekehrt: blauer Hintergrund, gelbe Schrift. */
#nav-right .meta-nav li:first-child > a:hover,
#nav-right .meta-nav li:first-child > a:active,
#nav-right .meta-nav li:first-child > a:focus {
    background: #002C5A;
    border: 2px solid #002C5A;
    color: #FFF;
}

/* Portal-Pfeil-Icon (Login-Icon) entfernen – in allen Zustaenden, damit auch
   Ohras Hover-:before-Regel (schwarzer Pfeil) nicht durchschlaegt. Spezifitaet
   (1,3,3) wie Ohra, gewinnt ueber die Ladereihenfolge. Der 24px-Icon-Slot behaelt
   seine Hoehe (damit der Button so hoch ist wie "Suche"), aber ohne Breite/Abstand
   -> kein Icon, keine Luecke. */
#nav-right .meta-nav li:first-child > a:link::before,
#nav-right .meta-nav li:first-child > a:visited::before,
#nav-right .meta-nav li:first-child > a:hover::before,
#nav-right .meta-nav li:first-child > a:active::before,
#nav-right .meta-nav li:first-child > a:focus::before {
    background-image: none;
    width: 0;
    height: 28px; /* = Content-Hoehe des Suche-Buttons, damit gleiche Gesamthoehe */
    margin-right: 0;
}

/* EDW-Logo (edw_700px.png, Raender bereits getrimmt -> 562x99, transparent).
   Ohra hat keine #logo img-Regel (randloses SVG ueber Container skaliert); fuer
   das PNG setzen wir die Anzeigehoehe explizit auf 68px und lassen den Container
   in der Breite mitwachsen, damit das Logo nicht beschnitten wird. */
#logo {
    width: auto;
    height: auto;
}

#logo img {
    width: auto;
    height: auto;
    max-height: 68px;   /* Desktop: 68px hoch */
    max-width: 100%;    /* Mobil: passt sich der (schmaleren) Container-Breite an ... */
    display: block;     /* ... beide als max -> Seitenverhaeltnis bleibt erhalten, kein Stauchen */
}