/* EvSprachwahl. Nur evs-Klassen bzw. an html.evs-fremd gebunden, kein globaler Selektor.
   Farben: Mitdenker (#3B6B4A, #C4A265, #FAFAF7).
   :not(#evs-x) hebt Regeln mit padding/margin ueber den Header-Reset #ev-immersive-header *{padding:0;margin:0}
   (gemessen 19.10.2026). Zustandsregeln, die solche Regeln ueberstimmen muessen, tragen es ebenfalls.
   Die Leiste liegt absolut links neben .ev-acts (position:relative kommt aus dem Kopf-CSS des Startskripts),
   damit beim Einhaengen nichts verrutscht. Kein transform an der Leiste: das Blatt (Handy) ist position:fixed. */
/* width:max-content + flex:none: eine absolut liegende Leiste mit right:100% hat sonst 0 px verfuegbare Breite,
   und der Header setzt #ev-immersive-header img{max-width:100%}. Zusammen schrumpften die Flaggen auf unter 1 px
   (gemessen 20.10.2026). */
.evs-leiste:not(#evs-x){position:absolute;right:100%;top:0;bottom:0;width:max-content;margin:0 4px 0 0;display:flex;align-items:center;gap:0;white-space:nowrap;z-index:2}
/* Ab 1024 px reserviert das Startskript links in .ev-acts 44 px (EVS_PLATZ). Die Leiste endet rechts am Ende
   dieser Reservierung und waechst nach links, falls mehr Flaggen passen. */
@media (min-width:1024px){.evs-leiste:not(#evs-x){right:calc(100% - 44px)}}
.evs-flaggen{display:flex;align-items:center;gap:0;flex:none}
.evs-flagge,.evs-mehr{flex:none}
.evs-bild:not(#evs-x){max-width:none;flex:none}
.evs-flagge,.evs-mehr,.evs-eintrag{-webkit-appearance:none;appearance:none;border:0;background:transparent;font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.evs-flagge:not(#evs-x){display:inline-flex;align-items:center;justify-content:center;padding:6px 2px;border-radius:6px;line-height:1;transition:background-color .15s ease}
.evs-flagge:hover{background:#F2F0EA}
/* Kein Rahmen um die aktive Flagge (Patrick 20.10.2026: "unnoetig"). Stehen mehrere Flaggen nebeneinander,
   sind die nicht aktiven leicht abgeblendet, damit erkennbar bleibt, welche Sprache gilt. */
.evs-flagge[aria-pressed="false"] .evs-bild,.evs-flagge[aria-pressed="false"] .evs-kuerzel{opacity:.5;transition:opacity .15s ease}
.evs-flagge[aria-pressed="false"]:hover .evs-bild,.evs-flagge[aria-pressed="false"]:hover .evs-kuerzel,
.evs-flagge[aria-pressed="false"]:focus-visible .evs-bild{opacity:1}
.evs-bild{display:block;width:20px;height:15px;border-radius:2px;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.evs-kuerzel:not(#evs-x){display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:15px;padding:0 3px;border-radius:2px;background:#3B6B4A;color:#fff;font-size:9px;font-weight:700;letter-spacing:.02em;line-height:1}
.evs-mehr{display:inline-flex;align-items:center;justify-content:center;width:16px;height:27px;border-radius:6px;color:#3B6B4A}
.evs-mehr svg{width:11px;height:11px}
.evs-mehr:hover{background:#F2F0EA}
.evs-flagge:focus-visible,.evs-mehr:focus-visible,.evs-eintrag:focus-visible,.evs-zurueck:focus-visible,.evs-zu:focus-visible{outline:2px solid #3B6B4A;outline-offset:2px}
.evs-weg,.evs-aus,.evs-aus-modus{display:none!important}
.evs-ohne-pfeil .evs-mehr{display:none!important}
/* Handy: nur die aktive Flagge, schmaler (bei 360 und 375 px sind zwischen Logo und Symbolen 27 px frei,
   Flagge 20 + Abstand 2 + Luft zum Logo 4 = 26) */
.evs-leiste.evs-nur-aktiv:not(#evs-x){margin-right:2px}
.evs-nur-aktiv .evs-flagge:not(#evs-x){padding:6px 0}
.evs-nur-aktiv .evs-mehr:not(#evs-x){width:12px}

/* Navigation enger, wenn eine Uebersetzung sie so lang macht, dass die Flagge keinen Platz mehr haette
   (evs.js navEinpassen). Header setzt #ev-immersive-header .ev-nav{gap:40px!important}, 1024 bis 1099 px 24 px. */
#ev-immersive-header #evHeader #desktopNav.evs-nav-1{gap:24px!important}
#ev-immersive-header #evHeader #desktopNav.evs-nav-2{gap:16px!important}
#ev-immersive-header #evHeader #desktopNav.evs-nav-3{gap:12px!important}
#ev-immersive-header #evHeader #desktopNav.evs-nav-3 a{font-size:12px!important}
#ev-immersive-header #evHeader #desktopNav.evs-nav-4{gap:8px!important}
#ev-immersive-header #evHeader #desktopNav.evs-nav-4 a{font-size:11px!important}

/* Aufklappliste: Desktop unter der Leiste, rechtsbuendig */
.evs-liste:not(#evs-x){position:absolute;top:calc(100% + 8px);right:0;z-index:10050;min-width:210px;max-height:min(80vh,600px);overflow:auto;padding:6px;background:#fff;border-radius:12px;box-shadow:0 14px 36px rgba(31,42,34,.16),0 0 0 1px rgba(31,42,34,.06);animation:evs-auf .14s ease-out}
.evs-liste[hidden]{display:none}
/* Handy/Tablet ohne Desktop-Navigation: Blatt ueber die volle Breite unter dem Header (top setzt evs.js) */
.evs-liste.evs-blatt:not(#evs-x){position:fixed;left:12px;right:12px;min-width:0;max-height:min(70vh,480px);display:grid;grid-template-columns:1fr 1fr;gap:2px;align-content:start}
.evs-liste.evs-blatt[hidden]{display:none}
@keyframes evs-auf{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.evs-eintrag:not(#evs-x){display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:8px;font-size:14px;line-height:1.25;color:#1f2a22;text-align:start;min-height:40px}
.evs-eintrag:hover{background:#F5F3EE}
.evs-eintrag[aria-checked="true"]{background:#EEF3EF;font-weight:600}
/* Haken an der aktiven Sprache (Audit 20.10.2026: ohne Markierung unklar, welche Sprache gilt) */
.evs-eintrag[aria-checked="true"]::after{content:"";margin-inline-start:auto;flex:none;width:9px;height:5px;border:solid #3B6B4A;border-width:0 0 2px 2px;transform:translateY(-2px) rotate(-45deg)}
.evs-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Hinweis nach automatischer Umschaltung: unter dem Header (80 px), Burger und Warenkorb bleiben frei.
   Zentriert ohne transform (der Header setzt bei offenem Menue transform:none!important). */
.evs-hinweis:not(#evs-x){position:fixed;top:92px;left:0;right:0;margin:0 auto;z-index:100000;display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;width:max-content;max-width:min(92vw,560px);padding:10px 12px 10px 16px;background:#1f2a22;color:#fff;border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.22);font-size:14px;line-height:1.35;animation:evs-hinweis .2s ease-out}
@keyframes evs-hinweis{from{opacity:0}to{opacity:1}}
.ev-mobile-open .evs-hinweis:not(#evs-x){display:none}
.evs-hinweis-sprache{margin-right:4px}
.evs-zurueck:not(#evs-x){-webkit-appearance:none;appearance:none;border:0;margin:0;padding:6px 10px;border-radius:8px;background:#C4A265;color:#1f2a22;font:inherit;font-weight:700;cursor:pointer}
.evs-zu:not(#evs-x){-webkit-appearance:none;appearance:none;border:0;margin:0;padding:0 4px;background:none;color:#fff;font-size:22px;line-height:1;cursor:pointer;opacity:.8}

/* Nur bei Fremdsprache: Texte, die in anderen Sprachen laenger werden, duerfen umbrechen statt ueberzulaufen;
   Google schreibt manche Titel klein, der erste Buchstabe wird gross. */
/* Jeder Block beginnt gross: Google macht aus deutschen Substantiven am Anfang von Titeln, Kacheln, Menuepunkten
   kleine Woerter ("φαρμακείο", "ενέργεια", gemessen 20.10.2026 in Themen-Kacheln, Mega-Menue, Produktnamen).
   ::first-letter wirkt nur auf Blockcontainer, Text mitten im Satz (inline) bleibt unberuehrt.
   Gesperrtes bleibt deutsch und unveraendert ("zzgl. 7 % MwSt." wurde "Zzgl.", Abnahme 22.10.2026). Browser ohne
   :not() mit Nachfahren verwerfen die Regel ganz, dann bleibt nur Googles Kleinschreibung. */
html.evs-fremd body *:not(.notranslate):not(.notranslate *)::first-letter{text-transform:uppercase}
html.evs-fremd :is(h1,h2,h3,h4,h5,h6){overflow-wrap:break-word;hyphens:auto}
/* Deutsche Komposita werden teils per nowrap zusammengehalten (z. B. .evm-vorteil-nb "Geld-zurück-Garantie").
   Uebersetzt wird daraus ein langer Satzteil, der aus der Karte laeuft (Griechisch, gemessen 20.10.2026). */
html.evs-fremd :is(h1,h2,h3,h4,h5,h6) :is(span,font,strong,b,em){white-space:normal!important}
/* Reiter im Mobilmenue haben feste Breite (86 px), Uebersetzungen sind laenger: zweizeilig statt ueberlaufen */
/* break-word statt anywhere: bricht nur, wenn ein Wort gar nicht passt ("Предложени/я" mitten im Wort, Audit) */
/* 77,8 px Innenbreite (86 px minus Polster und Rahmen): "Предложения" in Halbfett braucht bei 12 px 79,6 px,
   bei 11 px passt es (gemessen 20.10.2026). Der Header setzt #ev-immersive-header .ev-mobile-tab{font-size:12px!important}. */
html.evs-fremd #mobileMenu .ev-mobile-tab:not(#evs-x){white-space:normal;line-height:1.15;font-size:11px!important;overflow-wrap:break-word;hyphens:auto}
/* Zahlungsabzeichen im Footer sind 52 px breit; "Vorkasse" wird z. B. "προπληρωμή" (57 px) und war abgeschnitten,
   mit 8,5 px und anywhere dann mitten im Wort getrennt. 8 px ohne Sperrung passt ganz. */
html.evs-fremd .ev-paybadge--text:not(#evs-x){font-size:8px;letter-spacing:0;line-height:1.1;white-space:normal;overflow-wrap:break-word;text-align:center}
/* "Unsere Bestseller" ist als SVG-Schrift gebaut, Google kommt nicht an den Text. Der Text fuer Screenreader
   (.evm-ss26hg-sr) wird uebersetzt, also bei Fremdsprache ihn zeigen statt der Grafik. */
html.evs-fremd .evm-ss26hg-hlsvg:not(#evs-x){display:none}
/* Die Ueberschrift selbst hat font-size:0 (kein Leerraum um die Grafik), daher eigene Groesse */
html.evs-fremd .evm-ss26hg-h2 .evm-ss26hg-sr:not(#evs-x){position:static;display:block;width:auto;height:auto;margin:0;padding:0;overflow:visible;clip:auto;clip-path:none;white-space:normal;font-size:clamp(26px,3.2vw,40px);font-weight:800;line-height:1.15;letter-spacing:-.01em}
/* Google verschluckt das Leerzeichen vor dem Datum ("Versand bis23.10.") */
html.evs-fremd #deliveryText time:not(#evs-x){margin-inline-start:.3em}