/*NAV*/
/*NAV*/
/*NAV*/
/*NAV*/
/*NAV*/
/*NAV*/
.dropdown-menu.mega-panel{
	width:100%;
	overflow:hidden;
	max-width:100%;
}

/*TOGGLER*/
body .navbar-toggler {
    border: none;
    background: transparent;
    position: relative;
    color: var(--text);
    transition: transform .4s;
    transition-delay: .4s;
    top: -1px;
    font-size: 1.35rem;
    padding: 0;
    display: inline-flex;
    align-items: center;
}
body .navbar-toggler-icon {
	background-image: none!important;
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: 50%/100% 100% no-repeat;
    bottom: -2px;
    left: 0px;
    position: relative;
    transition: all .3s .2s;
    z-index: 12;
}
.navbar-toggler-icon .center-bar, .navbar-toggler-icon:after, .navbar-toggler-icon:before {
    display: block;
    content: "";
    width: 6px;
    right: auto;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    height: 3px;
    border: 1px solid var(
	--text);
    border: none;
    border-radius: 1px;
    background-color: var(
	--text);
    top: 7px;
    transition: transform 0.5s cubic-bezier(.88,.11,.83,.67) 0.2s,
  border-color .3s, background-color .3s,
  width .6s .4s;
    height: 1px;
    top: 4px;
}
.navbar-toggler-icon .center-bar, .navbar-toggler-icon:after, .navbar-toggler-icon:before {
    height: 6px;
}
.navbar-toggler-icon .center-bar {
    top: 12px;
    transform: scale(1) translateX(-50%);
    width: 6px;
    left: 50%;
}
.navbar-toggler-icon:after {
    top: 20px;
    /* bottom: 5px; */
}
body .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    transform: rotate(45deg) translate(0px, 0px);
    transform-origin: center;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
    transform: rotate(450deg) translate(0.35em, 0.82em);
    width: 100%;
    /* width: 1.5em; */
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
    transform: rotate(-450deg) translate(0.36em, -0.4em);
    bottom: 3px;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon .center-bar {
    transform: translateX(-0.82em) rotate(360deg);
    width: 100%;
}
@media(min-width:992px){
	.navbar-expand-lg .navbar-toggler {
		display: none;
	}
}

.navbar.fixed-top{
    position: fixed;
    top: var(--admin-bar-height);
    width: 100%;
    left: 0;
	z-index:1030;
	transition: transform 200ms ease;
	will-change: transform;
}
#masthead.nav-fixed-top{
	padding-top:var(--header-height);
}
#masthead.nav-fixed-top .dropdown-menu[data-bs-popper]{
	--bs-dropdown-spacer:-4px!important;
}
/*OFF CANVAS*/
/* Offcanvas „fullscreen“ */
.offcanvas-fullscreen {
	--bs-offcanvas-width: 100vw;   /* für offcanvas-start/end */
	--bs-offcanvas-height: 100vh;  /* falls du offcanvas-top/bottom nutzen willst */
}
/* Fixed-top Navbar: Platz nach oben schaffen, damit Content nicht drunter rutscht */
body {
	scroll-padding-top: var(--header-height); /* für Anchor-Scrollen */
}
/* Optional: Menü-Optik im Offcanvas */
.offcanvas .navbar-nav .nav-link { padding: .5rem 0; font-size: 1.125rem; }
.offcanvas.offcanvas-start {
    top: var(--admin-bar-height);
}
.offcanvas .dropdown-menu.mega-panel {
    width: 100%;
    transform: translate(0)!important;
    position: relative!important;
}


/*allgemeines styling*/
.offcanvas-header,
#masthead nav{
	    height: var(--header-height,72px);
}
#masthead{
	background-color: var(--content-bg-color);
    z-index: 2222;
    position: relative;
}

/*drupdown nav collapsed fixed*/
#masthead:not(.nav-after-dh) .navbar.fixed-top .navbar-collapse {
    padding-left: var(--container-margin);
    padding-right: var(--container-margin);
}
.navbar.fixed-top .navbar-collapse {
    position: fixed;
    top: calc(var(--admin-bar-height) + var(--header-height));
    left: 0;
    width: 100%;
    background: var(--tertiary);
}

@media(min-width:1200px){
	.navbar.fixed-top.navbar-expand-xl .navbar-collapse,
	.navbar.navbar-expand-xl .navbar-collapse{
		position: static;
    	top:auto;
    	left: auto;
    	width: auto;
		background:var(--transparent);
	}
}


body.scrolled-down.past-display-h-threshold #masthead.nav-after-dh .navbar.fixed-top { transform: translateY(-100%); }
body.scrolled-down.past-threshold #masthead:not(.nav-after-dh) .navbar.fixed-top { transform: translateY(-100%); }
body.scrolled-up #masthead .navbar.fixed-top { transform: translateY(0); }
body.past-threshold #masthead .navbar.fixed-top { box-shadow: 0 2px 10px rgba(0,0,0,.06); }


/*nav and d-header*/
.display-header {
	position: relative;
	min-height: var(--display-header-min-h);
}
#nav-trigger { position: absolute; bottom: 0; left: 0; width: 1px; height: 1px; pointer-events: none; }


/* Wenn Nav fixed wird, gib dem Body Top-Padding, damit nichts springt */
/* body.nav-fixed { padding-top: var(--header-height, 72px); } */

/* Optionaler Effekt im fixed-State */
body.nav-fixed #masthead .navbar { box-shadow: 0 6px 16px rgba(0,0,0,.12); }



#masthead.nav-after-dh{
	padding-bottom:var(--header-height);
}
#masthead.nav-after-dh>nav:not(.fixed-top){
	position:absolute;
	width:100%;
}



/*DISPLAY HEADER*/
/*DISPLAY HEADER*/
/*DISPLAY HEADER*/
.rot-front-hero{
	position:relative;
}
.display-header>.rot-img-absolute[data-h-fixed-img]{
    top: var(--admin-bar-height);
    left: 0;
    height: var(--display-header-min-h);
    width: 100%;
    position: fixed;
}
body[data-dh-bg-pos="fixed"] main>article{
	    z-index: 2;
    position: relative;
    background: var(--content-bg-color);
}



/*GENERAL*/
/*GENERAL*/
/*GENERAL*/
.rot-img-relative{
	position:relative;
	height:100%;
	width:100%;
	min-height:var(--fig-minh,12rem);
}
.rot-img-absolute{
	position:absolute;
	height:100%;
	width:100%;
	min-height:var(--fig-minh,12rem);
}
figure.rot-img-absolute img{
	position:absolute;
	height:100%;
	width:100%;
	object-fit:cover;
}
main>section{
	position:relative;
}


main.no-container{
	--bs-gutter-x:1.5rem;
}
main.no-container>.hentry,
main.no-container>article{
	padding-right: calc(0.5 * var(--bs-gutter-x));
	padding-left: calc(0.5 * var(--bs-gutter-x));
}



/**/