.body{ font-family:Arial,Helvetica,sans-serif;color:#333;font-size:16px;background-color:rgba(252,234,203,.3)}
.bodyOverlay{ display:none;position:fixed;top:0;bottom:0;width:100%;background-color:rgba(147,125,109,.5)}
#aktuelles .clickAndCollect{ height:400px;margin-bottom:2rem}
.bodyOverlay .clickAndCollect{ height:90%}
.h1,.h2,.h3,h1,h2,h3{ font-family:'Times New Roman',Times,serif;margin-bottom:1rem}
.h1,h1{ font-size:1.8rem}
.h2,h2,h3{ font-size:1.5rem}
.textOnly h3{ font-size:1.2rem}
.banner{ background-color:#412436;color:#fff;padding:.5rem 1rem;margin-bottom:3rem}
.banner .nav-link{ padding:.5rem .5rem;}
.banner.special{ padding:1.5rem 1rem}
.banner .h1{ margin-bottom:0;padding:.5rem 0}
header .banner{ padding:.25rem 1rem;margin-bottom:0}
header p.adresse{ font-size:0.8rem;margin-bottom:0;}
footer.banner{ padding:2rem 0 0.5rem 0;margin-bottom:0}
footer .media-icon{ width:2rem;height:auto;margin-right:1rem;}
#header-content{ height:8rem;overflow:hidden;padding:0.25rem;background-image:url(../images/Herbst2025/titel-links.jpg),url(../images/Herbst2025/titel-rechts.jpg);background-repeat:no-repeat,no-repeat;background-position:left center,right center;background-size:40% auto,60% auto;}
#title-logo{ width:35%;}
ul.menu{ list-style-type:none;font-size:1.5rem;margin:0}
a,a:hover{ color:inherit}
.menu{ font-family:'Times New Roman',Times,serif}
.navbar{ padding:0rem 1rem;}
.navbar-collapse{ flex-grow:0}
.nav-separator{ display:inline-block;padding:.5rem .5rem}
#ueberUns{ padding-top:2rem}
.gallery-aktuelles{ margin:0 0 3rem 0;overflow:hidden;}
.imgAktuelles{ margin:.5rem auto;height:200px;}
#navbarSupportedContent{ position:fixed;width:100%;text-align:right;background-color:#412436;top:4rem;left:0;padding-right:2rem}
#navbarSupportedContent .nav-link.mr{ color:rgba(255,255,255,1);}
.navbar-dark .navbar-toggler.mr{ color:rgba(255,255,255,1);border-color:rgba(255,255,255,.1);}
.navbar-dark .navbar-toggler-icon.mr{ background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
.primaDonnaVideo{ margin:1rem 2rem;height:12rem;}
.primaDonnaVideo.profile{ height:15rem;}
@media only screen and (min-width:400px){ #header-content{ height:10rem;padding-bottom:0.5rem;background-image:url(../images/Herbst2025/titel-links.jpg),url(../images/Herbst2025/titel-rechts.jpg);background-repeat:no-repeat,no-repeat;background-position:left 20%,right top;background-size:40% auto,60% auto;}
}
@media only screen and (min-width:576px){ #header-content{ height:14rem;padding-bottom:2rem;background-image:url(../images/Herbst2025/titel-links.jpg),url(../images/Herbst2025/titel-rechts.jpg);background-repeat:no-repeat,no-repeat;background-position:left 40%,right top;background-size:40% auto,60% auto;}
 #title-logo{ width:30%;}
 #aktuelles #clickAndCollect{ width:600px }
 .bodyOverlay .clickAndCollect{ height:75% }
}
@media only screen and (min-width:768px){ .h1,h1{ font-size:2rem }
 #title-logo{ margin-top:0rem;}
 .infoText{ width:80%;margin:auto;padding-bottom:3rem }
 .imgAktuelles{ margin:.5rem auto;height:160px;}
}
@media only screen and (min-width:992px){ #header-content{ height:24rem;background-position:left 20%,right top;}
 #title-logo{ width:15%;}
 #ueberUns{ padding-top:0 }
 .primaDonnaVideo{ height:15rem }
 .primaDonnaVideo.profile{ height:20rem }
 .imgAktuelles{ margin:.5rem auto;height:200px;}
}
@media only screen and (min-width:1200px){ #header-content{ height:28rem;}
 .gallery-aktuelles{ overflow:visible;}
 .imgAktuelles{ height:240px;}
 .banner .nav-link{ padding:.5rem 1rem;}
}
@media only screen and (min-width:1500px){ #header-content{ height:36rem;}
}