@font-face{font-family:'Marcellus';font-style:normal;font-weight:400;font-display:swap;src:url(../schriften/marcellus-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:400;font-display:swap;src:url(../schriften/nunito-sans-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:600;font-display:swap;src:url(../schriften/nunito-sans-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:700;font-display:swap;src:url(../schriften/nunito-sans-latin-700-normal.woff2) format('woff2')}

/* Grundlayout */
html{scroll-behavior:smooth}
body{margin:0;background:#F7F3F4}
a{color:#7E6019}a:hover{color:#5E4610}
.topbar{position:sticky;top:0;z-index:50;box-shadow:0 6px 20px rgba(62,51,65,.07)}
section[id]{scroll-margin-top:100px}
@media (max-width: 760px){section[id]{scroll-margin-top:150px}}
p,li,figcaption{text-wrap:pretty;hyphens:manual}
h1,h2,h3{text-wrap:balance}
.nb{white-space:nowrap}
.goldtxt{color:#806628}
.goldtxt-l{color:#D2B877}
.goldbtn{background:#C2A666;color:#2F2208 !important;text-decoration:none;transition:background-color .4s ease}
.goldbtn:hover,.goldbtn:focus{background:#B39553;color:#2A1E05 !important}
.goldline{height:1px;border:0;background:#C2A666}
.mauvebtn{background:#574655;color:#DCC48A !important;text-decoration:none;transition:background-color .4s ease,color .4s ease}
.mauvebtn:hover,.mauvebtn:focus{background:#46374A;color:#E8D5A3 !important}
.sr-ready .sr{opacity:0;transform:translateY(48px) scale(.97);transition:opacity 1s ease,transform 1.2s cubic-bezier(.2,.7,.2,1)}
.sr-ready .sr.sr-in{opacity:1;transform:none}
.pic{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none}
.pic-l{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:16px;box-sizing:border-box;transition:opacity .7s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)}
.pic-b{opacity:0;transform:scale(1.08)}
.pic:hover .pic-a,.pic:focus .pic-a,.pic:active .pic-a{opacity:0;transform:scale(1.06)}
.pic:hover .pic-b,.pic:focus .pic-b,.pic:active .pic-b{opacity:1;transform:scale(1)}
.pic:focus-visible,.reveal:focus-visible{box-shadow:0 0 0 3px #F7F3F4,0 0 0 6px #B8902F;outline:none}
.photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter .8s ease}
.photo:hover img,.photo:focus img,.photo:active img{transform:scale(1.07);filter:saturate(1.08) brightness(1.04)}
.photo .cap{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}
.photo:hover .cap,.photo:focus .cap,.photo:active .cap{opacity:1;transform:translateY(0)}
.reveal{cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;transition:box-shadow .5s ease}
.reveal .rv{max-height:0;opacity:0;overflow:hidden;transform:translateY(10px);transition:max-height .8s cubic-bezier(.2,.7,.2,1),opacity .6s ease,transform .7s ease,margin .6s ease}
.reveal:hover .rv,.reveal:focus .rv,.reveal:focus-within .rv,.reveal:active .rv{max-height:560px;opacity:1;transform:translateY(0);margin-top:20px}
.reveal:hover,.reveal:focus{box-shadow:0 16px 40px rgba(87,70,85,.12)}
.reveal .hint{transition:opacity .4s ease}
.reveal:hover .hint,.reveal:focus .hint{opacity:0}
.maplink{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:color .3s ease,border-color .3s ease}
.maplink:hover,.maplink:focus{color:#7E6019;border-bottom-color:#C9A042}
.navlinks a{white-space:nowrap}
@media (max-width: 760px){
  .navlinks{width:100%;flex-wrap:nowrap !important;overflow-x:auto;gap:22px !important;padding-bottom:6px}
  .navlinks .cta{margin-left:auto}
  .photo .cap{opacity:1;transform:none}
}
@media (prefers-reduced-motion: reduce){
  .pic-l,.reveal .rv{transition:opacity .3s ease}
  .goldbtn{transition:none}
  .sr-ready .sr{transform:none;transition:opacity .4s ease}
  .photo:hover img,.photo:focus img,.photo:active img{transform:none}
  .pic-b,.pic:hover .pic-a,.pic:focus .pic-a,.pic:active .pic-a{transform:none}
}
#karte iframe{border:0;width:100%;height:100%;min-height:380px;display:block}