@charset "UTF-8";.kopf{position:sticky;top:0;z-index:50;padding:16px 24px 0;background:linear-gradient(var(--grund) 70%,transparent)}.kopf__balken{max-width:var(--spalte);margin:0 auto;background:var(--haus);border-radius:var(--leiste-radius);padding:10px 12px 10px 20px;display:flex;align-items:center;gap:16px;box-shadow:var(--schatten)}.marke{display:inline-flex;align-items:center;margin-right:auto;text-decoration:none;background:#fff;border-radius:14px;padding:6px 14px;box-shadow:0 2px 6px rgba(4,36,51,.25)}.marke__logo{display:block;height:44px;width:auto}.menue{position:relative;flex:0 0 auto}.menue__knopf{list-style:none;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--klein-radius);color:var(--auf-haus);cursor:pointer;transition:background-color .2s ease}.menue__knopf::-webkit-details-marker{display:none}.menue__knopf:hover{background:rgba(255,255,255,.16)}.menue[open] .menue__knopf{background:rgba(255,255,255,.16)}.menue__liste{position:absolute;top:calc(100% + 10px);right:0;z-index:100;min-width:15rem;padding:8px;background:var(--flaeche);border:1px solid var(--linie);border-radius:16px;box-shadow:0 12px 30px rgba(4,36,51,.22);display:flex;flex-direction:column;gap:4px}.menue__liste a{display:block;width:100%;padding:12px 14px;border-radius:12px;background:0 0;color:var(--haus);font-size:1.05rem;font-weight:700;text-align:left;text-decoration:none;transition:background-color .2s ease}.menue__liste a:hover{background:var(--haus-leise)}@media (max-width:560px){.kopf{padding:12px 14px 0}.kopf__balken{padding:8px 8px 8px 12px}.marke{padding:5px 10px}.marke__logo{height:34px}.menue__knopf{width:44px;height:44px}}