.hoffest{position:relative;isolation:isolate;overflow:hidden;scroll-margin-top:100px;color:#014153}
.fest__inner{position:relative;max-width:1200px;margin:auto;padding:64px 48px;z-index:1}
.hoffest button{font:inherit;cursor:pointer}
.fest__willkommen{font-size:11px;letter-spacing:.17em;font-weight:800;line-height:1.6;margin:0 0 24px}
.hoffest h2{font-size:43px;letter-spacing:-.045em;line-height:1.2;margin:0 0 24px;font-weight:800}
.hoffest h2 em{font-style:normal;color:#9c3326}
.hoffest__button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border:1px solid #014153;background:#014153;color:white;border-radius:5px;padding:16px 22px;font-weight:700!important;font-size:13px!important;transition:transform .25s,box-shadow .25s,background .25s}
.hoffest__button:hover{background:#075568;transform:translateY(-3px);box-shadow:0 8px 20px #01415326}
.hoffest__plakat{display:block;position:relative;padding:0;border:0;background:transparent;line-height:0;box-shadow:0 20px 38px #2518082b;transform:perspective(1000px) rotate(var(--fest-angle,0deg)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s,box-shadow .35s}
.hoffest__plakat img{display:block;width:100%;height:auto}
.hoffest button:focus-visible{outline:3px solid #c9913e;outline-offset:6px}
.hoffest__mitte{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}
.trennlinie__hf{height:1px;background:currentColor;opacity:.25;margin:24px 0}
.hoffest--jubilaeum{background:#073d48;color:#fff7e9;border-bottom:3px solid #c89d59;margin-top:-.25rem;padding-top:.25rem}
.fest__stripe{position:absolute;top:0;left:0;width:100%;height:.25rem;background:#c89d59;z-index:2;pointer-events:none}
.hoffest--jubilaeum .fest__inner{display:grid;grid-template-columns:1fr 320px .9fr;gap:52px;align-items:center;padding-top:65px;padding-bottom:65px}
.hoffest__effekt{position:absolute;inset:0;background:radial-gradient(ellipse at 51% 48%,#cfad672f,transparent 62%),radial-gradient(circle at 13% 85%,#0a68704d,transparent 50%);pointer-events:none}
.hoffest__effekt:before,.hoffest__effekt:after{content:"";position:absolute;border:1px solid #d9bf8133;width:600px;height:600px;border-radius:50%;left:calc(50% - 300px);top:calc(50% - 300px)}
.hoffest__effekt:after{inset:-90px auto auto calc(50% - 365px);width:730px;height:730px;opacity:.5}
.hoffest--jubilaeum h2{font-size:29px;line-height:1.4;letter-spacing:-.04em}
.hoffest--jubilaeum h2 em{color:#dcb87a;font-size:24px;display:block;margin-top:12px}
.hoffest__70{display:block;font-size:132px;line-height:1;margin-left:-8px;font-weight:600;color:#e5c38c;letter-spacing:-.075em}
.hoffest--jubilaeum .fest__willkommen{color:#d9bb86;font-size:10px;margin-bottom:20px}
.hoffest--jubilaeum .hoffest__plakat{width:320px;border:6px solid #dbc196;box-shadow:0 24px 70px #0008,0 0 60px #c79d4020}
.hoffest--jubilaeum .hoffest__plakat:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#fff3 45%,transparent 65%);opacity:0;transition:opacity .4s;pointer-events:none}
.hoffest--jubilaeum .hoffest__plakat:hover:after{opacity:1}
.fest__datum strong{display:block;font-size:79px;line-height:1;font-weight:600;letter-spacing:-.06em}
.fest__datum>span{font-size:11px;letter-spacing:.09em;font-weight:600;display:block;margin-top:12px}
.fest__tag{font-size:14px;font-weight:600;margin:17px 0 0}
.hoffest_ort{font-size:13px;line-height:1.8;margin:0 0 15px}
.hoffest_ort strong{font-size:18px}
.angebot__hoffest{font-size:12px;line-height:1.9;color:#b8cbc9;margin:0 0 24px}
.hoffest--jubilaeum .hoffest__button{background:#dec08a;color:#093d47;border-color:#dec08a;gap:20px;padding:14px 17px;font-size:12px!important}
.hoffest--jubilaeum .hoffest__button:hover{background:#f0d7a8;box-shadow:0 8px 25px #dec08a26}
.fest-dialog{border:0;padding:14px;background:#f8f5ef;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;border-radius:8px;box-shadow:0 30px 100px #0009}
.fest-dialog::backdrop{background:#052c38d9;backdrop-filter:blur(7px)}
.fest-dialog img{display:block;max-width:100%;width:auto;height:auto;max-height:calc(100dvh - 76px);margin:auto}
.fest-dialog__close{position:absolute;top:20px;right:20px;border:1px solid #fff8;border-radius:50%;width:38px;height:38px;background:#014153;color:white;font-size:26px;line-height:1;cursor:pointer;box-shadow:0 2px 12px #0005}
.fest--animation .hoffest__block,.fest--animation .hoffest__mitte,.fest--animation .hoffest__info{animation:festAppear .8s both}
.fest--animation .hoffest__mitte{animation-delay:.1s}
.fest--animation .hoffest__info{animation-delay:.2s}
@keyframes festAppear{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}
@media(max-width:1050px) and (min-width:761px){
.fest__inner{padding:50px 32px}
.hoffest h2{font-size:36px}
.hoffest--jubilaeum .fest__inner{grid-template-columns:1fr 280px 1fr;gap:30px}
.hoffest--jubilaeum .hoffest__plakat{width:280px}
}
@media(max-width:760px){
.hoffest{scroll-margin-top:77px}
.fest__inner{padding:34px 24px}
.hoffest h2{font-size:30px;line-height:1.23;margin-bottom:16px}
.fest__willkommen{font-size:9px;letter-spacing:.11em;margin-bottom:18px}
.hoffest__button{font-size:12px!important;padding:13px 18px}
.hoffest--jubilaeum .fest__inner{grid-template-columns:1fr;gap:26px;padding:34px 24px}
.hoffest--jubilaeum .hoffest__block{text-align:center}
.hoffest--jubilaeum .fest__willkommen{font-size:9px;margin-bottom:9px}
.hoffest--jubilaeum h2{font-size:29px;line-height:1.2;margin-bottom:0}
.hoffest__70{display:inline;font-size:29px;margin:0;font-weight:800;letter-spacing:-.04em}
.hoffest--jubilaeum h2>br{display:none}
.hoffest--jubilaeum h2 em{font-size:20px;margin-top:9px}
.hoffest--jubilaeum .hoffest__plakat{width:248px;border-width:5px}
.hoffest__info{text-align:center}
.hoffest__info>.fest__willkommen{display:none}
.fest__datum{display:flex;justify-content:center;align-items:baseline;gap:8px}
.fest__datum strong{font-size:26px;font-weight:700;letter-spacing:0}
.fest__datum>span{font-size:12px;margin:0}
.fest__tag{margin-top:8px;font-size:12px}
.hoffest__info .trennlinie__hf{width:42px;margin:17px auto}
.hoffest_ort{font-size:12px;line-height:1.6;margin-bottom:12px}
.hoffest_ort strong{font-size:14px}
.hoffest_ort br{display:none}
.hoffest_ort strong:after{content:" · "}
.angebot__hoffest{font-size:11px;margin:0 auto 17px;max-width:250px}
.hoffest__effekt:before{width:400px;height:400px;left:calc(50% - 200px)}
}
@media(min-width:62em){
.hoffest--jubilaeum .fest__inner{min-height:calc(742.67px - .25rem - 3px);grid-template-columns:1fr 368px .9fr}
.hoffest--jubilaeum .hoffest__plakat{width:368px;--fest-angle:-3deg}
}
@media(min-width:62em) and (max-width:1050px){
.hoffest--jubilaeum .fest__inner{min-height:calc(697.46px - .25rem - 3px);grid-template-columns:1fr 322px 1fr}
.hoffest--jubilaeum .hoffest__plakat{width:322px}
}
@media(prefers-reduced-motion:reduce){
.hoffest *,.hoffest *:after{animation:none!important;transition:none!important}
.hoffest__plakat{transform:rotate(var(--fest-angle,0deg))!important}
}