/* Hinweis zur Webanalyse (einwilligung.js). Eine Datei für alle Seiten,
   damit Aussehen und Verhalten nicht je Vorlage auseinanderlaufen. Die
   Farben kommen aus den Tokens der Seite (--ozean-dunkel, --sonne, --tinte). */
.einwilligung{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;
  max-width:760px;margin:0 auto;display:flex;align-items:center;gap:18px 22px;flex-wrap:wrap;
  background:var(--ozean-dunkel);color:#fff;border-left:5px solid var(--sonne);
  border-radius:var(--radius);padding:16px 20px;font-size:.92rem;line-height:1.5;
  box-shadow:0 12px 34px -12px rgba(11,39,57,.55)}
.einwilligung[hidden]{display:none}
.einwilligung p{margin:0;flex:1 1 320px;min-width:0;color:rgba(255,255,255,.9)}
.einwilligung a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.einwilligung a:hover{color:var(--sonne)}
.einwilligung-knoepfe{display:flex;gap:10px;flex-wrap:wrap}
.einwilligung .knopf{padding:9px 18px;font-size:.9rem;min-width:8.5em;justify-content:center}
.einwilligung .knopf-linie{background:transparent;border-color:rgba(255,255,255,.6)}
.einwilligung .knopf:focus-visible,.einwilligung a:focus-visible{outline:3px solid var(--sonne);outline-offset:2px}
.fuss .einwilligung-oeffnen{color:inherit;text-decoration:none}
.fuss .einwilligung-oeffnen:hover{color:#fff}
@media (max-width:640px){
  .einwilligung{left:10px;right:10px;bottom:10px;padding:14px 16px}
  .einwilligung-knoepfe{width:100%}
  .einwilligung .knopf{flex:1 1 0}
}