:root{--u:clamp(1px,calc((100vw - 64px)/1098),1.5px);color-scheme:light}
*{box-sizing:border-box}html{min-height:100%;background:#c0c0c0}body{margin:0;min-height:100vh;display:flex;align-items:center;padding:32px 0;background:#c0c0c0;color:#111;font-family:Marcellus,Georgia,serif}
.site{width:calc(1098 * var(--u));margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-height:calc(720 * var(--u));border-radius:0 calc(30 * var(--u)) calc(30 * var(--u)) calc(30 * var(--u));overflow:hidden;background:#9e9e9e}
.sidebar{position:relative;background:#000;min-width:0;min-height:calc(720 * var(--u));padding-top:calc(300 * var(--u))}
.logo{position:absolute;top:0;left:0;display:block;width:100%;height:calc(290 * var(--u));background:url(logo_links.gif) center top/100% auto no-repeat}
.desktop-menu{padding:0 calc(20 * var(--u)) calc(35 * var(--u)) calc(88 * var(--u));font-family:'Marcellus SC',Georgia,serif;font-size:calc(16 * var(--u));line-height:calc(33.6 * var(--u));letter-spacing:calc(1 * var(--u))}
.sidebar a{color:#fff;text-decoration:none}.sidebar nav span{color:#b2a387}.sidebar a:hover{color:#b2a387}.mobile-menu{display:none}
a:focus-visible,summary:focus-visible{outline:3px solid #a68115;outline-offset:3px}
.middle{min-width:0;background:var(--panel);padding:calc(60 * var(--u)) calc(33 * var(--u)) calc(32 * var(--u));font-size:calc(14 * var(--u));line-height:calc(24 * var(--u));text-align:justify}
.copy{overflow-wrap:break-word}.copy a{color:inherit}.copy span{font-family:'Marcellus SC',Georgia,serif;font-size:calc(16 * var(--u))}
.minor-picture{display:block;width:100%;height:auto;margin:0 auto calc(18 * var(--u));max-width:none}
.copy+.minor-picture{margin-top:calc(18 * var(--u));margin-bottom:0}
.hero{position:relative;overflow:hidden;min-width:0;min-height:calc(720 * var(--u))}
.hero::before{content:"";position:absolute;inset:-36px;background:var(--photo) center/cover no-repeat}
.wide{grid-column:2/4;min-width:0;min-height:calc(720 * var(--u));background:#fff}
.offers iframe{display:block;width:100%;height:calc(720 * var(--u));border:0;background:#fff}
.legal{max-height:calc(720 * var(--u));overflow:auto;padding:calc(34 * var(--u)) calc(40 * var(--u));font:calc(15 * var(--u))/1.65 Arial,sans-serif;overflow-wrap:anywhere}
.legal h1{font-size:calc(26 * var(--u));line-height:1.25}.legal h2{font-size:calc(18 * var(--u));line-height:1.4;margin-top:1.5em}.legal a{color:#806419}
.contact-legal{background:#555;padding:calc(55 * var(--u)) calc(37 * var(--u));font-size:calc(14 * var(--u));line-height:calc(24 * var(--u));color:#eee;overflow-wrap:anywhere;text-align:left}.contact-legal a{color:inherit}.contact-legal span{font-family:'Marcellus SC',Georgia,serif}
.page-kontakt .middle{color:#fff;padding-top:calc(180 * var(--u));text-align:left}
.route{padding:calc(50 * var(--u)) calc(28 * var(--u));display:flex;flex-direction:column;justify-content:center;align-items:center;background:#9e9e9e}
.route img{width:100%;height:auto;display:block;clip-path:inset(12px)}.route p{font:calc(12 * var(--u))/1.6 Arial,sans-serif;text-align:center}.route a{color:#222}
@media(max-width:1161px){
 :root{--u:1px}body{display:block;padding:0}.site{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;border-radius:0}
 .sidebar{grid-column:1/-1;min-height:0;padding-top:185px}.logo{width:250px;left:50%;transform:translateX(-50%);height:183px;top:-8px;background-size:250px auto}.desktop-menu{display:none}
 .mobile-menu{display:block;color:#fff;background:#080808;font:18px/1.5 'Marcellus SC',Georgia,serif}.mobile-menu summary{padding:15px 26px;text-align:center;cursor:pointer;border-top:1px solid #333;min-height:56px}.mobile-menu nav{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;max-width:760px;margin:auto;padding:8px 26px 24px}.mobile-menu nav br{display:none}.mobile-menu nav a,.mobile-menu nav span{display:block;padding:12px 0;font-size:16px;line-height:24px}
 .middle{padding:35px 30px;font-size:17px;line-height:28px;text-align:left}.copy span{font-size:18px}.minor-picture{margin-bottom:22px}.copy+.minor-picture{margin-top:22px}.hero{min-height:720px}.wide{grid-column:1/-1;min-height:0}.offers iframe{height:1100px}.legal{max-height:none;padding:35px;font:17px/1.7 Arial,sans-serif}.legal h1{font-size:29px}.legal h2{font-size:21px}.page-kontakt .middle{padding-top:35px}.contact-legal{padding:35px 30px;font-size:17px;line-height:28px}.route{padding:35px 24px}.route p{font-size:13px}
}
@media(max-width:599px){
 .site{display:block}.sidebar{padding-top:170px}.logo{width:220px;height:180px;top:-12px;background-size:220px auto}.mobile-menu summary{font-size:17px;padding:12px 24px;min-height:50px}.mobile-menu nav{display:block;padding:0 26px 18px}
 .middle{padding:28px 24px;font-size:17px;line-height:28px}.hero{min-height:0;aspect-ratio:366/600}.hero::before{inset:-32px}.contact-legal{padding:28px 24px}.legal{padding:28px 24px}.route{padding:28px 16px}
}