/* CENDROS: Hinweis zu Cookies und Statistik (30.09.2026, CW-O-1434). Kein Modal, keine Sperre der Seite: der Hinweis steht
   auf dem Bildschirm rechts oben unter dem Kopf (dort liegt weder Hero-Text noch Knopf), auf dem Telefon unten ueber die Breite.
   "Alle akzeptieren" und "Nur notwendige" sind gleich gross und gleich stark. Kontraste gemessen: Text #EDE6D6 und #D9CDB5 auf
   #1B1712 (Deckkraft .97) ueber 11:1 bzw. 9:1, Knopfrand #D2B07C auf #1B1712 ueber 7:1. */
.ew{position:fixed;z-index:60;margin:0;padding:0;box-sizing:border-box;height:auto;min-height:0;right:24px;top:84px;width:min(410px,calc(100vw - 48px));max-height:calc(100vh - 108px);max-height:calc(100dvh - 108px);overflow:auto;overscroll-behavior:contain;
  background:rgba(27,23,18,.97);border:1px solid rgba(210,176,124,.6);box-shadow:0 24px 60px rgba(0,0,0,.55);
  color:#EDE6D6;font-family:'EB Garamond',Georgia,serif}
.ew[hidden]{display:none}
.ew-innen{padding:22px 24px 20px}
.ew h2,.ew p{max-width:none}
.ew-titel{margin:0 0 10px;font-family:'Cinzel',Georgia,serif;font-weight:500;font-size:14px;letter-spacing:.24em;
  text-transform:uppercase;color:#EED8A8}
.ew-text{margin:0 0 16px;font-size:17px;line-height:1.5;color:#D9CDB5}
.ew-link{color:#EED8A8;text-decoration:underline;text-underline-offset:3px}
.ew-reihe{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ew-knopf{min-height:44px;padding:0 12px;border:1px solid #D2B07C;background:rgba(210,176,124,.12);color:#F3E6C8;cursor:pointer;
  font-family:'Montserrat',Helvetica,Arial,sans-serif;font-weight:500;font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  transition:background 200ms cubic-bezier(.22,.61,.36,1),color 200ms cubic-bezier(.22,.61,.36,1)}
.ew-knopf:hover{background:rgba(210,176,124,.26);color:#FFF7E6}
.ew-knopf:focus-visible,.ew-mehr:focus-visible,.ew-link:focus-visible,.ew input:focus-visible{outline:2px solid #EED8A8;outline-offset:3px}
.ew-mehr{grid-column:1 / -1;justify-self:start;min-height:44px;padding:0 2px;border:0;background:none;color:#EED8A8;cursor:pointer;
  font-family:'Montserrat',Helvetica,Arial,sans-serif;font-weight:400;font-size:12px;letter-spacing:.12em;text-decoration:underline;
  text-underline-offset:4px}
.ew-wahl{margin-top:10px;padding-top:14px;border-top:1px solid rgba(210,176,124,.3);display:grid;gap:12px}
.ew-wahl[hidden]{display:none}
.ew-zeile{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start}
.ew-zeile input{width:22px;height:22px;margin:2px 0 0;accent-color:#D2B07C;cursor:pointer}
.ew-zeile input:disabled{cursor:default}
.ew-zeile label{min-width:0;font-family:'EB Garamond',Georgia,serif;font-size:16px;font-weight:400;letter-spacing:normal;text-transform:none;line-height:1.45;color:#EDE6D6;cursor:pointer}
.ew-speichern{justify-self:start;padding:0 20px}
@media (max-width:819px),(orientation:portrait){
  .ew{left:12px;right:12px;top:auto;bottom:12px;width:auto;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow:auto}
  .ew-innen{padding:18px 18px 16px}
  .ew-text{font-size:16px}
}
@media (prefers-reduced-motion:no-preference){
  .ew:not([hidden]){animation:ew-ein 320ms cubic-bezier(.22,.61,.36,1) both}
  @keyframes ew-ein{from{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:none}}
}
@media print{.ew{display:none}}