/* Compatibility with the existing design; behavior is independent of TYPO3. */
.skip-link{position:fixed;left:16px;top:-100px;z-index:20000;padding:12px;background:#fff;color:#433528}
.skip-link:focus{top:16px}
:focus-visible{outline:2px solid #949e68;outline-offset:4px}
button{font:inherit;cursor:pointer}
.submenu-toggle{text-transform:inherit;letter-spacing:inherit;border:0;padding:0;background:none;color:inherit;text-align:left}
button.mob_button{padding:0;border:0;display:none}
.logo{width:370px;transition:width .15s,top .15s}
#header{transition:margin-top .15s}
body.header-scrolled #header{margin-top:-50px}
body.header-scrolled .logo{width:300px;top:50px}
.nachoben{display:none}
body.show-top .nachoben{display:block}
.phone-icon:focus-within .text,.phone-icon:hover .text{display:block}
.phone-icon:focus-within{opacity:1;width:200px}
.phone-icon:focus-within .text,.phone-icon:hover .text{margin:17px 0 0 45px;font-size:16px}
.hauptnavi li:focus-within>.klappnavi{display:block}
.hauptnavi li:focus-within>.menubild{display:block}
.owl-carousel .owl-stage{position:relative;display:block;width:100vw}
.owl-carousel .owl-item{width:100%;float:none;display:none}
.owl-carousel .owl-item.active{display:block}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden}
.owl-carousel .owl-item img{display:block}
.slider-pause{position:absolute;right:16px;bottom:16px;border:1px solid #fff;background:#433528;color:white;padding:4px 10px;opacity:0}
.slider-pause:focus-visible,.slider:hover .slider-pause{opacity:1}
.frame-bildergalerie{opacity:1}
.frame-bildergalerie .image img{max-width:none}
#sd-lightbox{border:0;padding:0;margin:0;max-width:none;max-height:none}
#sd-lightbox::backdrop{background:#000}
#sd-lightbox[open]{display:block}
#sd-lightbox button{border:0;padding:0}
#sd-lightbox:not([open]){display:none}
#sd-lightbox-images img{width:auto;height:auto}
#sd-lightbox-bottom{box-sizing:border-box}
#sd-lightbox-caption{box-sizing:border-box}
.map-consent{height:350px;width:auto;position:relative;background:#e5e3db;box-sizing:border-box}
.map-notice{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;text-align:center}
.map-notice h2{margin:0 0 16px;text-align:center}
.map-notice p{max-width:760px;font-size:16px;text-align:center}
.map-load{background:#433528;color:#fff;border:0;padding:12px 18px;margin:8px 0}
.map-directions{margin:8px 0 0}
.map-host,.map-host iframe{height:350px;width:100%;border:0;display:block}
.map-unload{position:absolute;right:8px;bottom:25px;z-index:5;border:0;background:#fff;color:#433528;padding:8px;font-size:14px;box-shadow:0 1px 5px #888}
[hidden]{display:none!important}
.map-error{position:absolute;bottom:0;background:white;padding:10px;box-sizing:border-box;width:100%}
body[data-page='/datenschutzerklaerung.html'] main{overflow-wrap:anywhere}
@media(max-width:930px){
 button.mob_button{display:block}
 .logo{width:200px;top:0;transition:none}
 body.header-scrolled #header{margin-top:0}
 body.header-scrolled .logo{width:200px;top:0}
 .submenu-toggle{display:block;width:100%;padding:20px 5px 15px 15px;color:#706b65;text-decoration:none}
 .hauptnavi>ul li.act>.submenu-toggle{background:#433528;color:#fff}
 .hauptnavi>ul li.submenu-open>.klappnavi{display:block}
 .hauptnavi li:focus-within>.klappnavi{display:none}
 .hauptnavi li:focus-within>.menubild{display:none}
 .hauptnavi li.submenu-open:focus-within>.klappnavi{display:block}
 body[data-page='/zirben-produkte/zirbenbrotkasten.html'] .element2cols>div{width:100%;margin-right:0;clear:both}
 body[data-page='/zirben-produkte/zirbenbrotkasten.html'] main{overflow-wrap:anywhere}
}
@media(max-width:500px){.map-notice{padding:12px}.map-notice h2{font-size:22px;margin-bottom:8px}.map-notice p{font-size:14px}.map-load{font-size:14px;padding:10px;margin:2px 0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:930px){body[data-page="/philosophie.html"] #c11 p:last-child{overflow-wrap:anywhere}}
a.phone-icon{display:block;color:inherit;text-decoration:none}