.cta{border-radius:var(--knopf-rund,999px)}
@view-transition{navigation:auto}
::view-transition-old(tuer),::view-transition-new(tuer){animation:none;mix-blend-mode:normal}
::view-transition-group(tuer){animation-duration:.2s}
::view-transition-old(root),::view-transition-new(root){animation-duration:.25s}

.tuer-blatt{position:fixed;inset:0;z-index:190;background:#fff;opacity:0;pointer-events:none}
.tuer-overlay{position:fixed;z-index:200;overflow:hidden;view-transition-name:tuer;background:#12151a}
.tuer-overlay img{display:block;width:100%;height:100%;object-fit:cover;transform:none !important;transition:none !important}
html.tuer-los .kopf,html.tuer-los .saalkopf,html.tuer-los .boden,html.tuer-los .entwurf,html.tuer-los .rufleiste,
html.tuer-los .tuer:not(.tuer-aktiv),html.tuer-los .kachel:not(.tuer-aktiv){opacity:0;transition:opacity .3s ease-out}
html.tuer-los .tuer-aktiv .foto{visibility:hidden}
html.tuer-los .tuer-aktiv .karte,html.tuer-los .tuer-aktiv .text{opacity:0;transition:opacity .2s ease-out}
@media (prefers-reduced-motion:reduce){.tuer-overlay,.tuer-blatt{display:none}}

.tuer-mess{position:fixed;left:0;top:0;border:0;visibility:hidden;pointer-events:none;z-index:-1}

.hero--tuer .hero-bild,.hero--tuer .bild{view-transition-name:tuer}
.hero--tuer .hero-bild img,.hero--tuer .bild img{object-position:var(--fokus,50% 50%)}
@media (max-width:760px){.hero--tuer .hero-bild img,.hero--tuer .bild img{object-position:var(--fokus-mobil,var(--fokus,50% 50%))}}

.hero-herkunft{position:absolute;right:.6rem;top:.6rem;z-index:2;font-size:.68rem;letter-spacing:.05em;
  color:rgba(242,245,249,.82);background:rgba(18,21,26,.5);padding:.15rem .5rem;pointer-events:none}
.hero-herkunft b{color:#f2d59a;font-weight:700}

@media (min-width:761px){.kopf .marke{flex:none}}

@media (min-width:761px){
  body:has(footer.boden) .boden{padding:1.5rem 12rem 1.5rem var(--rand)}
  body:has(footer.boden) .boden .heike{padding-right:0}
  button.heike.heike--weiche{bottom:calc((var(--fuss-h,78px) - 49px) / 2)}
}
@media (min-width:761px) and (max-height:730px){
  body:has(footer.boden) .boden{padding-block:1.1rem}
}
@media (max-width:760px){
  body:has(footer.boden) .boden{padding-bottom:1.53rem;row-gap:2.2rem}
  body:has(footer.boden) .boden nav{order:-1;flex-basis:100%}
  body:has(footer.boden) .boden nav a{margin-block:-10px}
  body:has(footer.boden){position:relative}
  button.heike.heike--weiche{position:absolute;bottom:calc(56px + 1.25rem)}
}
@media (max-width:520px){body:has(footer.boden) .boden{padding-bottom:1.125rem;row-gap:1.8rem}}
@media (max-width:374px){
  body:has(footer.boden) .boden{padding-bottom:1.41rem;row-gap:2.1rem}
  button.heike.heike--weiche{bottom:calc(52px + 1.25rem)}
}

.bildnachweis{padding-bottom:2rem;margin-top:-.6rem;font-size:.78rem;line-height:1.55;color:#5c6573}

button.heike{position:fixed;right:1.15rem;bottom:1.25rem;z-index:65;display:flex;align-items:center;gap:.55rem;background:#242933;
  color:#f2f5f9;font-family:inherit;font-weight:700;font-size:.98rem;border:0;padding:.66rem 1.15rem;cursor:pointer;
  box-shadow:0 8px 24px rgba(28,33,41,.35)}
button.heike img{width:30px;height:auto}button.heike[disabled]{cursor:default;opacity:.92}

p.heike{padding-right:8.5rem}