/*
.entry .entry-content > p:not([class^="wp"]),
.entry .entry-content > ul:not([class^="wp"]),
.entry .entry-content > ol:not([class^="wp"]) {
  max-width: 52em;
}
:not(.dropdown-hover ) {
    background: #ff0000;
  }
.navbar-nav  > li:not([class^="dropdown-hover"]) {
    border: 0px dotted red;
}

*/
.XXdropdown-hover :before {
	content: '<';
	width: 20px;
	height: 50px;
	left: 50%;
	top: -25px;
	margin: 0px 10px 0px -10px;
	font-weight: bold;
	border: 0px dotted blue;
}
#page-header {
	margin: 0 auto;
	border: 0px dotted green;
	max-width: 1600px;
	padding-bottom: 30px;
	background-color: rgb(255,255,255, 0.9);
}


@media (max-width: 991px) {

	#page-header > .container {
		display: grid;
		grid-template-columns: 1fr auto 1fr;
		grid-template-rows: 130px min-content auto;
		padding-right: 40px;
	}

	#page-header > .container .navbar-brand.navbar-brand-image {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 1;
		grid-row-end: 2;
	}

	#page-header > .container #packRightTop {
		grid-column-start: 3;
		grid-column-end: 4;
		grid-row-start: 1;
		grid-row-end: 2;
		
		display: flex;
		justify-content: end;
		align-items: center;
		gap: 4px;
	}
	
	#page-header #mainnavigation {
		grid-column: span 4 / auto;
		max-height: 725px;
		overflow-x: hidden;
		background-color: white;
		padding: 0px 10px 0px 0px;
	}
	
	.nav-link-text {
		font-weight:bold;
	}
	.searchBoxNavi {
		margin: 40px 5px 0px 0px !important;
		padding: 0px 5px 0px 0px;
	}
}

.navbar-nav >.nav-item >.nav-link:not(.dropdown-toggle) {
	border-bottom: 0px solid green !important;
	margin-left:11px;
}


.navbar-nav .navbar-transition .navbar-brand {
    height: 110px;
}
.navbar-mainnavigation .navbar-brand {
    height: 110px;
}
.navbar-brand {
	transition-delay: 0s;
	transition-property: margin-right;
	border: 0px dotted blue;
	transition: 0s;
}

.dropdown-menu {
	--bs-dropdown-font-size: 1.1rem;
}

@media (min-width: 992px) {
	.nav-link {
		color:  black !important;
		padding: 0.5rem 0 0.5rem 0 !important;
	}
	
	.nav-link a:hover{
		color:red !important;
	}
	#packRightTop {
		position: absolute;
		top: 20px;
		right: 110px;
		border: 0px dotted red;
		height: 50px;
	}
	#intrantLink {
		position: absolute;
		border: 0px solid red;
		display: block !important;
		top: 0px;
		right: -40px;
		z-index: 2;
	}

	#mainnavigation > .navbar-nav > .nav-item:not(.dropdown-hover) {
		border: 0px dotted blue !important;
		padding-left: 25px !important;
	} 
	#mainnavigation > .navbar-nav > .nav-item > .dropdown-menu > .nav-item:not(.dropdown-hover) {
		border: 0px dotted green !important;
		padding-left: 35px !important;
	} 
	#mainnavigation > .navbar-nav > .nav-item > .dropdown-menu > .nav-item > .nav-item {
		border: 0px dotted red !important;
		padding-left: 35px !important;
	} 

	
	#mainnavigation > .navbar-nav > .nav-item > .dropdown-menu > .dropdown-hover:before,
	#mainnavigation > .navbar-nav  > .dropdown-hover:before{
		content: '';
		background-image: url('../img/icons/ABK_NAV_PFEIL.svg') !important;
		border: 0px solid blue !important;
		width: 20px;
		background-repeat: no-repeat;
		background-size: 7px;
		padding: 0px 5px 0px 0px;
		line-height: 12px;
		height: 20px;
		left: 0%;
		top: 5px;
		margin: 14px 5px 0px 10px;
		font-weight: bold;
		float:left;
	}

	.navbar-inverse-transition:not(.navbar-transition) {
		background: 0 0 !important;
		box-shadow: none;
		height: 160px;
		border: 0px dotted red;
	}
	
	.navbar {
		/*transition: all 3.27s cubic-bezier(0, 0, 0.58, 1) 0s;*/
		transition:none;
	}
	
	.navbar-mainnavigation .navbar-brand-image img {
		max-height: 100% !important;
		transition-delay: 0s;
		margin: 20px 0px 0px 17px;
	}

	.navbar-mainnavigation .navbar-brand-image {
		position: relative;
		padding-top: 5px;
		padding-bottom: 5px;
		transition-delay: 0s;
	}
	.navbar-mainnavigation>.navbar-nav .nav-link, 
	.navbar-mainnavigation>.container>.collapse>.navbar-nav .nav-link, 
	.navbar-mainnavigation>.container-fluid>.collapse>.navbar-nav .nav-link, 
	.navbar-mainnavigation>.container-sm>.collapse>.navbar-nav .nav-link, 
	.navbar-mainnavigation>.container-md>.collapse>.navbar-nav .nav-link, 
	.navbar-mainnavigation>.container-lg>.collapse>.navbar-nav .nav-link, 
	.navbar-mainnavigation>.container-xl>.collapse>.navbar-nav .nav-link, 
	.navbar-mainnavigation>.container-xxl>.collapse>.navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 0rem;
}
	.navbar-default-transition:not(.navbar-transition) 
	.navbar-nav > li > .nav-link, .navbar-default-transition:not(.navbar-transition) 
	.navbar-nav > li > .nav-link:hover, 
	.navbar-default-transition:not(.navbar-transition) .navbar-nav > li > .nav-link:focus, 
	.navbar-inverse-transition:not(.navbar-transition) .navbar-nav > li > .nav-link, 
	.navbar-inverse-transition:not(.navbar-transition) .navbar-nav > li > .nav-link:hover, 
	.navbar-inverse-transition:not(.navbar-transition) .navbar-nav > li > .nav-link:focus {
		color: #000000 !important;
	}

	.navbar-dark .navbar-nav .nav-link, .navbar-inverse .navbar-nav .nav-link, 
	.navbar-inverse-transition .navbar-nav .nav-link, 
	.navbar-inverse-transition.navbar-transition .navbar-nav .nav-link {
	  color: rgba(255,255,255,0.55);
	}
	.navbar-toggler:focus {
		box-shadow: none; 
	}
	.navbar-toggler {
		display: block !important;
		position: absolute;
		top: 0px;
		right: -80px;
		z-index: 2;
	}
	
}




.navbar-toggler-icon {
	content: '';
	background-image: url('../img/icons/ABK_X.svg') !important;
	background-repeat: no-repeat;
	border:0px solid blue;
	width: 30px;
	margin: 0px 5px 0px 10px;
	padding: 0px 5px 0px 0px;
	line-height: 12px;
	height: 30px;
	left: 0%;
	top: 15px;
}
.navbar-toggler.collapsed .navbar-toggler-icon {
	content: '';
	background-image: url('../img/icons/ABK_MENUE.svg') !important;
	margin: 0px 0px 0px 10px;
	background-repeat: no-repeat;
	transition-delay: 0s;
	top: 15px;
	width: 30px;
	height: 30px;
	border:0px dotted red;
}
.navbar-toggler.collapsed .navbar-toggler-icon:before {
	transition-delay: 0;
	display:none;
	transform: rotate(0);
	margin: 1px 0px 0px 10px;
	width: 30px;
	height: 30px;
	top: -6px;
}
.navbar-toggler.collapsed .navbar-toggler-icon:after {
	display:none;
}
.navbar-toggler-icon:before,
.navbar-toggler-icon:after	 {
	display: none !important;
}



@media (min-width: 992px) {

	.nav-item :hover{
		XXborder:0px solid red;
	}
	.mainnavigation .navbar-nav .nav-item {
		top: 30px;
		border: 0px dotted red;
	}
	.navbar-mainnavigation .navbar-nav>li>.nav-link:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 100%;
    background: #ffffff;
    opacity: 0;
    transition: opacity 0.25s ease-in-out;
	}
	.active .dropdown-toggle .nav-link-text {
		font-weight: bold;
		color: black;
	}
	.navbar-nav .dropdown-hover .active,
	.navbar-nav .dropdown-hover .dropdown-text .active {
		border: 0px dotted green;
		font-weight:bold;
	}
	
	#mainnavigation > .navbar-nav > .nav-item:not(.dropdown-hover) {
    border: none ;
    padding-left: 25px !important;
}

	.navbar-nav li {
		border-bottom: 0px solid red;
		width: 95%;
		margin: 0px 0px 0px 0px !important;
		padding: 0px 0px 0px 0px !important;
	}
	.navbar-nav .dropdown .nav-link-text,
	.nav-link-text {
		border-top: 0px solid black;
		border-bottom: 1px solid black;
		width: 97%;
	}
	.navbar-nav .dropdown-hover {
		border: 0px dotted red;
	}
	.Xnavbar-nav .dropdown .nav-link-text::before,
	.navbar-nav .dropdown .dropdown .nav-link-text::before{
		content: '';
		background-image: url('../img/icons/ABK_NAV_PFEIL.svg') !important;
		width: 20px;
		background-repeat: no-repeat;
		background-size: 7px;
		margin: 0px 5px 0px 0px;
		padding: 0px 5px 0px 0px;
		line-height: 12px;
		height: 20px;
		left: 0%;
		top: 5px;
		margin: 5px 5px 0px 0px;
		font-weight: bold;
		float:left;
		border: 0px dotted red;
	}
	.navbar-nav {
		position: relative;
		right:0px;
		display:block;
		border: 0px dotted red;
		background-color: rgba(255,255,255,0.9);
		padding: 0px 0px 0px 5px;
		width: auto;
		margin: 0px 0px 0px 20px;
		height: 100vh;
		transition: 0s;
	}

	.dropdown-text {
		width: 95%;
		display: block;
		white-space: pre-wrap;
		border-bottom: 1px solid black;
	}  
  
	
	
	
	
	
	.nav-item.dropdown {position: unset;}
	.navbar-nav .dropdown-menu  {
		border: 0px dotted blue;
		position: absolute;
		margin: 0px 0px 0px 0px;
		top:-84px;
		right:100%;
		width: 309px;
		height: 100vh;
	}
	.navbar-nav  .dropdown-menu  .dropdown-menu  {
		border: 0px dotted green;
		position: absolute;
		top:0;
		margin: 0px 0px 0pxq0px;
		width:315px;
		right: 100%;
		height: 100vh;
	}
	

	.navbar-mainnavigation>.navbar-nav:last-child, .navbar-mainnavigation>
	.container>.collapse>.navbar-nav:last-child, 
	.navbar-mainnavigation>.container-fluid>.collapse>.navbar-nav:last-child, 
	.navbar-mainnavigation>.container-sm>.collapse>.navbar-nav:last-child, 
	.navbar-mainnavigation>.container-md>.collapse>.navbar-nav:last-child, 
	.navbar-mainnavigation>.container-lg>.collapse>.navbar-nav:last-child, 
	.navbar-mainnavigation>.container-xl>.collapse>.navbar-nav:last-child, 
	.navbar-mainnavigation>.container-xxl>.collapse>.navbar-nav:last-child {
		margin-top: 0px;
		margin-right: -1rem;
		border:0px dotted red;
		background-color: rgba(255,255,255,0.8);
		height:100%;
	}

	#mainnavigation {
		display: none !important;
	}
	.dropdown-menu {
		--bs-dropdown-link-active-color: #000;
		--bs-dropdown-link-active-bg: #fff;
	}
	#mainnavigation.show {
		padding: 70px 0px 0px 0px;
		display: block !important;
		position: absolute;
		width: 340px;
		height: 100%;
		border: 0px dotted red;
		background-color: rgba(255,255,255,0.9);
		right: -120px;
		top: -20px;
		max-height: 110% !important;
	}

	.dropdown-hover.show ul{
		color: #000 !important;
	}
	.dropdown-hover.show ul > ul{
		right:630px;
		height: 100vh;
		width: 315px;
		color: #000 !important;
	}
	
	.navbar-back-button {
		background-image: url('../img/icons/ABK_PFEIL_S.svg') !important;
		background-repeat: no-repeat;
		background-position: right;
		margin: 46px 5px 0px 0px;
		padding: 0px 5px 0px 0px;
		position: relative;
		top: 0;
		right: 0;
		display: block !important;
		height:30px;
		width:90%;
		background-color:#fff;
		border: none;
	}

}

@media (max-width: 991px) {

	.active .dropdown-toggle .nav-link-text {
		font-weight: bold;
		color: black;
	}
	.nav-item.active.dropdown.dropdown-hover{
		background-color: #f2f2f2 !important;
}
	.nav-item.active.dropdown.dropdown-hover ul{
		background-color: white !important;
		margin-right: 0px;
	}
	
	.nav-item > .active.dropdown{
		background-color: #f2f2f2 !important;
}
	.navbar-nav .dropdown-hover .active, .navbar-nav .dropdown-hover .dropdown-text .active {
		font-weight: bold;
		color:black;
	}
	.dropdown-item:active {
		color: var(--bs-dropdown-link-active-color);
		text-decoration: none;
		background-color: red !important;
	}


.dropdown-item.active, .dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: white !important;
}

	.navbar-toggler.collapsed .navbar-toggler-icon {
		content: '';
		background-image: url('../img/icons/ABK_MENUE.svg') !important;
		margin: 2.1px 0px 0px 25px;
		background-repeat: no-repeat;
		transition-delay: 0s;
		top: 15px;
		width: 30px;
		height: 30px;
		border:0px dotted red;
	}
	.navbar-toggler-icon {
		content: '';
		background-image: url(../img/icons/ABK_X.svg) !important;
		background-repeat: no-repeat;
		border: 0px solid blue;
		width: 30px;
		margin: 2.1px 0px 0px 25px;
		padding: 0px 17px 0px 0px;
		line-height: 12px;
		height: 30px;
		left: 0%;
		/* top: 15px; */
}
	.navbar-mainnavigation .navbar-brand-image img {
		position: relative;
		top: 50%;
		transform: translate(0, -50%);
		width: auto;
		max-height: 60px;
	}
	.navbar-toggler {
		padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
		font-size: var(--bs-navbar-toggler-font-size);
		line-height: 1;
		color: transparent;
		background-color: transparent;
		border: transparent;
		border-radius: 0);
		transition: 0;
	}
	.nav-link {
		color: black !important;
	}
	.navbar-nav >.nav-item >.nav-link:not(.dropdown-toggle) {
		border-bottom: 0px solid green !important;
		margin-left: 0px;
	}
	.navbar-mainnavigation .navbar-nav .nav-link {
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 20px;
	}
	.nav-item.active, .nav-link, .dropdown-item {
			border-top: 1px solid black;
	}
	#page-header {
		padding-bottom: 0px;
	}
	
	.xnavbar-nav .dropdown-hover .active,
	.xnavbar-nav .dropdown-hover .dropdown-text .active {
		border: 0px dotted green;
		background-color: #f2f2f2;
	}

}