/* ========== Grund-Layout ============================================= */
.site-header{z-index:1030}
.bg-beige   {--beige:#F3E8D1;background:var(--beige)}
.paper-texture{
	background:url("../images/paper-texture.jpg") center/cover no-repeat
}

/* ========== Top-Bar ================================================== */
.topbar-menu      {list-style:none;margin:0;padding:0}
.topbar-menu>li   {display:inline-block;margin-left:.75rem}
.topbar-menu a    {font-size:.9rem;color:#556B36;text-decoration:none}
.topbar-menu a:hover{opacity:.75}

/* ========== Hauptnavigation ================================================== */
.navbar-nav>li{position:relative}
.navbar-nav>.current-menu-item>a,
.navbar-nav>.current_page_parent>a{font-weight:600}

/* ========== Zooschule-Button ================================================== */
.zooschule-link{
	background:#fff;border-radius:2rem;padding:.25rem 1.25rem;
	transition:background .2s
}
.zooschule-link:hover{background:rgba(255,255,255,.85)}

/* ========== Dropdowns (Desktop) ================================================== */
.navbar-nav .sub-menu{
	display:none;position:absolute;left:0;top:100%;min-width:14rem;
	padding:.5rem 0;margin:0;list-style:none;background:#fff;
	border:1px solid rgba(0,0,0,.075);border-radius:.5rem;
	box-shadow:0 .25rem .5rem rgba(0,0,0,.05);z-index:1050
}
.navbar-nav>li.menu-item-has-children>a::after{content:" ▾";font-size:.65em}

@media(min-width:992px){
	.navbar-nav li:hover>.sub-menu{display:block}
	.sub-menu a{display:block;padding:.35rem 1.25rem;font-size:.95rem;color:var(--bs-body-color)}
	.sub-menu a:hover{background:var(--bs-gray-200)}
}

/* ========== Dropdowns (Mobile/Off-Canvas) ================================================== */
@media(max-width:991.98px){
	.navbar-nav .sub-menu{position:static;display:block;border:0;box-shadow:none;padding-left:1rem}
}

/* ========== Papierriss ================================================== */
.paper-rip{
	position:absolute;left:0;bottom:-38px;width:100%;height:38px;
	background:url("../images/paper-rip.svg") bottom center repeat-x;
	pointer-events:none
}


/* ========== Off-Canvas-Stilierung ================================================== */
.offcanvas-body ul{list-style:none;margin:0;padding:0}
.offcanvas-body > .navbar-nav > li > a{
	font-weight:600;font-size:1.1rem;margin:.25rem 0
}
.offcanvas-body .sub-menu a{font-size:.95rem;padding-left:.75rem}