/* Teichhaus 23.10.2026: existing visual identity, usable navigation and photo strip. */
.th-skip{position:absolute;left:12px;top:-100px;background:#3d0d3e;color:#fff;padding:14px 18px;z-index:100000}.th-skip:focus{top:12px}
.th-nav{position:relative;z-index:20;clear:both;background:rgba(61,13,62,.95);border-radius:5px 5px 0 0;text-align:left}
.th-nav button{font-family:Arial,sans-serif;cursor:pointer;box-sizing:border-box}.th-nav button:focus-visible,.th-gallery button:focus-visible,#makeMeScrollable:focus-visible{outline:3px solid #b18a24;outline-offset:3px}
.th-nav #menu{display:flex;flex-wrap:wrap;gap:0;padding:0;margin:0;width:100%;list-style:none;box-shadow:none;background:transparent}
.th-nav #menu:after{display:none}.th-nav #menu>li{float:none;display:flex;flex-wrap:wrap;align-items:stretch;position:relative;padding:0;margin:0}
.th-nav #menu>li>a{display:flex;align-items:center;float:none;box-sizing:border-box;height:auto;min-height:48px;padding:14px 15px;font-size:16px;line-height:1.2;color:#eed97d}
.th-nav #menu a[aria-current="page"]{text-decoration:underline;text-underline-offset:5px}.th-nav #menu a:hover{color:#fff}.th-nav #menu a:focus-visible{outline-offset:-4px}
.th-sub-toggle{display:none;border:0;border-left:1px solid #eed97d44;padding:0;width:42px;min-height:48px;background:transparent;color:#eed97d;font-size:23px}.th-nav.is-enhanced .th-sub-toggle{display:block}.th-sub-toggle:hover,.th-sub-toggle[aria-expanded="true"]{background:#eed97d22;color:#fff}.th-sub-toggle[aria-expanded="true"] span{display:inline-block;transform:rotate(180deg)}
.th-nav #menu .subnav{position:absolute;display:none;top:100%;left:0;width:230px;box-sizing:border-box;margin:0;padding:5px;background:#f4e6ad;box-shadow:0 5px 12px #0004;border-radius:0 0 4px 4px;z-index:30;list-style:none}
.th-nav #menu .subnav li{display:block;float:none;padding:0;margin:0;width:100%;box-shadow:none}.th-nav #menu .subnav a{display:block;float:none;box-sizing:border-box;width:100%;min-height:44px;height:auto;padding:13px 12px;white-space:normal;text-transform:none;font-size:16px;line-height:1.25;color:#3d0d3e;text-shadow:none}.th-nav #menu .subnav a:hover{background:#3d0d3e;color:#fff}
.th-nav:not(.is-enhanced) #menu>li:hover>.subnav,.th-nav:not(.is-enhanced) #menu>li:focus-within>.subnav,.th-nav.is-enhanced #menu>li.is-open>.subnav{display:block}
.th-nav.is-enhanced #menu>li:not(.is-open)>.subnav{display:none}.th-menu-toggle{display:none}
.th-gallery{position:relative;width:100%;margin:0}.th-gallery #makeMeScrollable{width:100%;height:330px;max-height:none;display:flex;overflow-x:auto;overflow-y:hidden;gap:0;scrollbar-width:thin;scrollbar-color:#8a6b81 #f1e4b1;overscroll-behavior-x:contain;scroll-behavior:smooth}
.th-gallery #makeMeScrollable>img{display:block;flex:0 0 auto;height:100%;width:auto;max-width:none;object-fit:cover;margin:0;padding:0}
.th-gallery-controls[hidden]{display:none!important}.th-gallery-controls{position:absolute;left:12px;right:12px;top:calc(50% - 25px);display:flex;justify-content:space-between;pointer-events:none}.th-gallery-controls button{pointer-events:auto;background:#3d0d3ee8;color:#fff;border:1px solid #eed97d;border-radius:50%;width:48px;height:48px;padding:0;font:36px/1 Arial,sans-serif;cursor:pointer;box-shadow:0 2px 6px #0003}.th-gallery-controls button:disabled{opacity:.35;cursor:default}
@media(max-width:1000px){.th-nav #menu>li>a{font-size:14px;padding-left:11px;padding-right:11px}.th-sub-toggle{width:36px}}
@media(max-width:760px){.th-nav.is-enhanced .th-menu-toggle{display:flex;justify-content:space-between;align-items:center;background:transparent;border:0;color:#eed97d;font-size:17px;font-weight:bold;padding:13px 16px;width:100%;min-height:48px}.th-nav #menu{display:block}.th-nav.is-enhanced:not(.th-nav-open) #menu{display:none}.th-nav #menu>li{width:100%;border-top:1px solid #eed97d33}.th-nav #menu>li>a{flex:1;font-size:15px;padding:14px 16px}.th-nav .th-sub-toggle{width:52px}.th-nav #menu .subnav{position:static;flex-basis:100%;width:100%;box-shadow:none;border-radius:0;background:#f4e6ad}.th-nav:not(.is-enhanced) #menu .subnav{display:block}.th-nav #menu .subnav a{padding-left:24px}.th-gallery #makeMeScrollable{height:220px}.th-gallery-controls{left:7px;right:7px}.th-gallery-controls button{width:44px;height:44px}.th-nav.is-enhanced #menu>li:last-child>a{color:#fff}}
@media(prefers-reduced-motion:reduce){.th-gallery #makeMeScrollable{scroll-behavior:auto}}