body{display:flex;flex-direction:column;min-height:100vh;min-height:100svh}
body>main{flex:1 0 auto}
.wr-kopf{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;
  min-height:4.75rem;padding:calc(.8rem + env(safe-area-inset-top)) 2rem .8rem;
  border-bottom:1px solid var(--wr-linie,#E3DED4);background:var(--wr-grund,#FDFBF7);color:var(--wr-text,#2B2A5E)}
.wr-marke{display:inline-flex;align-items:center;gap:.55rem;color:inherit;font-size:26px;font-weight:1000;
  letter-spacing:-.06em;text-decoration:none}
.wr-marke img{width:2rem;height:2rem}
.wr-fuss{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:6rem;
  padding:1.5rem 2rem calc(1.5rem + env(safe-area-inset-bottom));border-top:1px solid var(--wr-linie,#E3DED4);
  color:var(--wr-text,#2B2A5E);font-size:13px}
.wr-fuss nav{display:flex;flex-wrap:wrap;gap:1.5rem}
.wr-fuss a{color:inherit;font-weight:400}
.wr-fuss-marke{font-size:22px;font-weight:1000;letter-spacing:-.06em}
.wr-kopf a:focus-visible,.wr-fuss a:focus-visible{outline:3px solid #9A90D0;outline-offset:5px}
@media (max-width:900px){.wr-kopf,.wr-fuss{padding-inline:1.25rem}}
@media (max-width:560px){
  .wr-kopf{min-height:4.5rem;padding-inline:1rem}
  .wr-wortmarke{display:none}
  .wr-marke img{width:1.75rem;height:1.75rem}
  .wr-fuss{flex-wrap:wrap;padding-inline:1.25rem}
  .wr-fuss nav{gap:1rem}
}