/* css zu home */

/* mainMenue  */
.show0, .show1 {display:none;} /* ausblenden wenn länge 0 bzw 1=crlf bei shop */
/* ---------------------------------------------------------- */
/* ---------------------------------------------------------- */
/* ---------------------- HeaderNavTop ---------------------- */
/* ---------------------------------------------------------- */
/* ---------------------------------------------------------- */
#HeaderTop {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 2;
}
#HeaderTop + * {padding-top: 230px;}
#HeaderNavTopLinks {width: calc(100% - 450px);}
#HeaderNavTopRechts {width: 450px;}
#HeaderNavTopZurueck::before {
	content: "";
	vertical-align: top;
	display: inline-block;
	margin-right: 14px;
	margin-top: 5px;
	border-style: solid;
	border-width: 6px 11px 6px 0px;
	border-color: transparent #fff transparent transparent;
}
#HeaderNavTopRechtsAbmelden {display: none;}
#HeaderNavTopRechtsAbmelden img {
	position: relative;
	top: 2px;
}

#HeaderNavTopLogo {width: 117px;}
#HeaderNavTopHeadline {
	width: calc(100% - 117px);
	margin-bottom: 5px;
}

@media screen and (max-width: 1024px) {
	#headerNavTopNav {
		position: absolute;
		width: 100%;
		top: 72px;
	}
	#HeaderNavTopHeadline {font-size: 120%;}
	#HeaderNavTopLogo {width: 75px;}
	#HeaderTop + * {padding-top: 156px;}
	
	
	#HeaderNavTopLinks {width: calc(100% - 400px);}
	#HeaderNavTopRechts {width: 400px;}
	#HeaderNavTopRechts .rm36 {margin-right: 30px;}
}
@media screen and (max-width: 768px) {
	#HeaderNavTopHeadline {padding-left: 30px;}
	#headerNavTopNav {display: none;}
	#HeaderTop + * {padding-top: 102px;}
}
@media screen and (max-width: 600px) {
	#HeaderNavTopHeadline {display: none;}
}

/* ------- Suche ------- */
#headerNavTopTbSuche {
	background-color: transparent;
	padding-left: 25px;
	font-family: 'DIN-BOLD', Arial, Helvetica, sans-serif;
	border-color: #072160;
	width: 180px;
}
#headerNavTopBtnSuche {
	width: 15px;
	height: 17px;
	position: absolute;
	left: 7px;
	top: 11px;
	background-color: transparent;
	padding: 0;
	background-image: url("/bilder/search.gif");
	background-repeat: no-repeat;
	background-size: contain;
}
#headerNavTopChkSuche:not(:checked) ~ #headerNavTopErgebnisseSuche{display: none !important;}
#headerNavTopChkSuche:checked ~ #headerNavTopErgebnisseSuche[style="display: block;"] ~ #lblHeaderNavTopChkSuche{
	position: fixed;
	background-color: #0000005c;
	height: calc(100% - 66px);
	width : 100%;
	left:0;
	top:66px;
}
#headerNavTopErgebnisseSuche{
	position: absolute;
	background-color: #fff;
	height: auto;
	max-height: 400px;
	overflow: auto;
	text-align: left;
	padding: 20px;
	top: 66px;
	box-shadow: -2px 2px 9px -7px black;
	z-index: 1;
	color: #212529;
	width: 450px;
	scrollbar-width:thin;
}
#headerNavTopErgebnisseSuche * {
	color: inherit;
	margin-bottom: 14px;
}
#headerNavTopErgebnisseSuche > .ergebnisSucheBeitrag:not(:first-of-type){padding-top:10px;}
#headerNavTopErgebnisseSuche > .ergebnisSucheBeitrag:not(:last-of-type) 
{padding-bottom:10px; border-bottom: 1px dotted #8e8e8e;}
#headerNavTopErgebnisseSuche > .ergebnisSucheBeitrag a{color:#0060ac;}
#headerNavTopErgebnisseSuche > .ergebnisSucheBeitrag a:hover{color:#072160;}
#headerNavTopErgebnisseSuche > .ergebnisSucheBeitrag > .ergebnisSucheAjaxHeadline{
	font-size: 130%;
	font-family: 'DIN-Medium', Arial, Helvetica, sans-serif;
	margin-bottom: 14px;
}
@media screen and (max-width:1024px){
	#headerNavTopChkSuche:checked ~ #headerNavTopErgebnisseSuche[style="display: block;"] ~ #lblHeaderNavTopChkSuche{
		height: calc(100% - 138px);
		top:138px;
	}
}
@media screen and (max-width: 600px){
	#headerNavTopErgebnisseSuche > .ergebnisSucheBeitrag > .ergebnisSucheAjaxHeadline
	{font-size: 120%;}
}


/* ------------------------------------------------------- */
/* ------------------------------------------------------- */
/* ---------------------- Main Menü ---------------------- */
/* ------------------------------------------------------- */
/* ------------------------------------------------------- */
#headerMainMenue_mobile_chk, #headerMainMenue_kb_show_menu, #headerMainMenueOpenChk, #headerMainMenue_kb_hide_menu {display: none;}
#headerMainMenue, #headerMainMenue ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}


/* ---------------------------------------------------------- */
/* ---------------------- Desktop Menü ---------------------- */
/* ---------------------------------------------------------- */
@media screen and (min-width: 1024px) {
	#headerMainMenueOpenLblArea, #headerMainMenueOpenLbl, #headerMainMenueCloseLbl,
	#headerMainMenue > li:first-of-type, #headerMainMenue > li:nth-last-of-type(4), #headerMainMenue > li:nth-last-of-type(3), #headerMainMenue > li:nth-last-of-type(2), #headerMainMenue > li:last-of-type
	{display: none !important;}
	
	/* Ebene 1 */
	#headerMainMenue {display: flex;}
	#headerMainMenue > li {display: inline-block;}
	
	#headerMainMenue > li > a, #headerMainMenue > li:first-of-type > ul > li > a, #headerMainMenue > li:first-of-type > ul > li > ul > li:first-of-type > a
	{font-family: 'DIN-Medium', Arial, Helvetica, sans-serif;}
	
	#headerMainMenue > li > a {
		display: block;
		padding: 14px 116px 14px 0;
		color: #fff;
		font-size: 106%;
		text-transform: uppercase;
	}
	#headerMainMenue > li > a:hover {text-decoration: underline;}
	
	#headerMainMenue > li > a::after {
	  content: '';
	  display: inline-block;
	  vertical-align: top;
	  width: 0px;
	  height: 0px;
	  border-style: solid;
	  border-width: 16px 6px 0px 6px;
	  border-color: #fff transparent transparent transparent;
	  margin-top: 4px;
	  margin-left: 14px;
	}
	
	
	/* Ebene 2 */
	#headerMainMenue ul {
		display: none;
		position: absolute;
	}
	#headerMainMenue li:hover > ul {display: block;}
	
	#headerMainMenue > li > ul {
		width: 280px;
		background-color: #d6d6d6;
	}
	
	#headerMainMenue > li > ul li:hover {background-color: #8e8e8e;}
	#headerMainMenue > li > ul li.isnode > a::after {
		content: '';
		display: inline-block;
		width: 0px;
		height: 0px;
		position: absolute;
		right: 9px;
		top: 21px;
		border-style: solid;
		border-width: 6px 0px 6px 11px;
		border-color: transparent transparent transparent #000;
	}
	#headerMainMenue > li > ul a {
		display: block;
		padding: 14px 28px 14px 14px;
		color: inherit;
		position: relative;
	}
	
	#headerMainMenue > li:nth-of-type(2) > ul > li:nth-of-type(1) > a,
	#headerMainMenue > li:nth-of-type(2) > ul > li:nth-of-type(2) > a,
	#headerMainMenue > li:nth-of-type(2) > ul > li > ul > li:first-of-type > a {
		font-family: 'DIN-Bold', Arial, Helvetica, sans-serif;
	}
	
	
	/* Ebene 3 */
	#headerMainMenue > li > ul > li ul {
		width: 390px;
		top: 0;
		background-color: #f2f2f2;
	}
	#headerMainMenue > li > ul > li:hover > ul::before {
		content: "";
		display: block;
		position: absolute;
		background-color: #d6d6d6;
		z-index: -1;
		width: 280px;
		height: 100%;
		left: -280px;
	}
	
	#headerMainMenue > li > ul > li > ul {left: 280px;}

	
	
	/* Ebene 4 */
	#headerMainMenue > li > ul > li > ul > li > ul {
		height: 100%;
		overflow-y: auto;
		scrollbar-width: thin;
		border-left: 2px solid #d6d6d6;
		left: 390px;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1240px) {
	#headerMainMenue > li > ul > li ul {width: 320px;}
	#headerMainMenue > li > ul > li > ul > li > ul {left: 320px;}
}


/* -------------------------------------------------------- */
/* ---------------------- Mobil Menü ---------------------- */
/* -------------------------------------------------------- */
@media screen and (max-width: 1024px) {
	#headerMainMenueWrapper {background-color: unset;}
	#headerMainMenueSeitenreiter {
		height: 100%;
		width: 100%;
		max-width: 400px;
		background-color: white;
		top: 0;
		right: -400px;
		transition: right 500ms;
		z-index: 1;
	}
	#headerMainMenueSeitenreiter {
		position: fixed;
		margin: 0;
		padding: 0;
		overflow: auto;
		scrollbar-width:thin;
	}
	#headerMainMenueOpenChk:checked ~ #main #headerMainMenueSeitenreiter {right: 0;}
	
	#headerMainMenue > li:first-of-type {pointer-events: none;}
	#headerMainMenue::before, #headerMainMenue li:not(:last-of-type) {border-bottom: 1px solid #d6d6d6;}
	#headerMainMenue > li:nth-last-of-type(4), #headerMainMenue > li:nth-last-of-type(3), #headerMainMenue > li:nth-last-of-type(2), #headerMainMenue > li:last-of-type {
		background-color: #072160;
		border-color: white;
	}
	#headerMainMenue > li:nth-last-of-type(5) {border-bottom: none;}
	
	#headerMainMenue > li:nth-of-type(1), #headerMainMenue > li:nth-of-type(2), #headerMainMenue > li:nth-of-type(3), #headerMainMenue > li:nth-of-type(4)
	{font-size: 90%;}
	
	#headerMainMenue a {
		display: block;
		padding: 14px;
		color: inherit;
	}
	
	#headerMainMenue > li:nth-last-of-type(4) > a, #headerMainMenue > li:nth-last-of-type(3) > a, #headerMainMenue > li:nth-last-of-type(2) > a, #headerMainMenue > li:last-of-type > a {color: white;}
	
	#headerMainMenue li.isnode > a {
		width: calc(100% - 55px);
		border-right: 1px solid #d6d6d6;
	}
	
	#headerMainMenue > li:nth-last-of-type(4) > a::before {
		content: "";
		vertical-align: top;
		display: inline-block;
		margin-right: 14px;
		margin-top: 6px;
		border-style: solid;
		border-width: 6px 11px 6px 0px;
		border-color: transparent #fff transparent transparent;
	}
	
	#headerMainMenue > li:nth-last-of-type(2) {display: none;}
	#headerMainMenue > li:nth-last-of-type(2) > a::before {
		content: "";
		display: inline-block;
		margin-right: 14px;
		width: 22px;
		height: 18px;
		background-image: url("/bilder/logout.gif");
		background-repeat: no-repeat;
		background-size: contain;
		position: relative;
		top: 3px;
	}
	
	#headerMainMenue li > div {display: none;}
	#headerMainMenue li.isnode > div {
		display: inline-block;
		float: right;
		width: 55px;
		height: 53px;
		cursor: pointer;
	}
	#headerMainMenue li.isnode > div::after {
		content: '';
		display: block;
		width: 10px;
		height: 10px;
		border-top: 2px solid #d6d6d6;
		border-right: 2px solid #d6d6d6;
		transform: rotate(45deg) translate(-50%);
		margin-left: auto;
		margin-right: auto;
		margin-top: 45%;
	}
	
	
	/* Ebene 2 */
	#headerMainMenue ul > li:first-of-type {border-top: 1px solid #d6d6d6;}
	#headerMainMenue li.openleaf {
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: white;
		top: 0;
		right: 0;
		border-bottom: none;
		border-top: none !important;
		z-index: 1;
	}
	#headerMainMenue ul {display: none;}
	#headerMainMenue li.openleaf > ul {display: block;}
	#headerMainMenue li.openleaf > a, #headerMainMenue > li:first-of-type {
		text-align: center;
		color: #bfb7bf;
	}
	#headerMainMenue li.openleaf > a {
		width: 100%;
		border-right: none;
	}
	#headerMainMenue li.openleaf > div {
		float: none;
		position: absolute;
		left: 0;
		top: 0;
		transform: rotate(180deg);
	}
	
	
	/* Labels */
	#headerMainMenueOpenLbl, #headerMainMenueCloseLbl {
		display: block;
		width: 35px;
		position: absolute;
	}
	
	#headerMainMenueOpenLbl {
		top: 26px;
		right: 30px;
	}
	#headerMainMenueCloseLbl {
		top: 15px;
		right: 7px;
		z-index: 1;
	}
	
	#headerMainMenueOpenLbl > span, #headerMainMenueOpenLbl::before, #headerMainMenueOpenLbl::after,
	#headerMainMenueCloseLbl > span, #headerMainMenueCloseLbl::before, #headerMainMenueCloseLbl::after {
		display: block;
		height: 3px;
		transition: all 400ms ease-in-out 400ms;
	}
	#headerMainMenueOpenLbl > span, #headerMainMenueOpenLbl::before, #headerMainMenueOpenLbl::after {background-color: white;}
	#headerMainMenueCloseLbl > span, #headerMainMenueCloseLbl::before, #headerMainMenueCloseLbl::after {background-color: #072160;}
	
	#headerMainMenueOpenLbl > span, #headerMainMenueCloseLbl > span {margin: 10px 0px;}
	
	#headerMainMenueOpenLbl::before, #headerMainMenueOpenLbl::after,
	#headerMainMenueCloseLbl::before, #headerMainMenueCloseLbl::after {
		content: '';
		position: absolute;
		width: 100%;
		left: 0;
	}
	#headerMainMenueOpenLbl::before, #headerMainMenueCloseLbl::before {top: 0px;}
	#headerMainMenueOpenLbl::after, #headerMainMenueCloseLbl::after {bottom: 0px;}
	
	
	#headerMainMenueOpenChk:checked ~ #main #headerMainMenueOpenLbl > span,
	#headerMainMenueOpenChk:checked ~ #main #headerMainMenueSeitenreiter #headerMainMenueCloseLbl > span
	{opacity: 0;}
	
	#headerMainMenueOpenChk:checked ~ #main #headerMainMenueOpenLbl::before,
	#headerMainMenueOpenChk:checked ~ #main #headerMainMenueSeitenreiter #headerMainMenueCloseLbl::before
	{
		transform: rotate(45deg);
		top: 11px;
		left: -3px;
	}
	#headerMainMenueOpenChk:checked ~ #main #headerMainMenueOpenLbl::after,
	#headerMainMenueOpenChk:checked ~ #main #headerMainMenueSeitenreiter #headerMainMenueCloseLbl::after
	{
		transform: rotate(-45deg);
		bottom: 9px;
		left: -3px;
	}
	
	#headerMainMenueOpenLblArea {
		display: block;
		position: fixed;
		top: 0;
		right: 0;
		height: 100%;
		width: 100%;
		cursor: unset;
		z-index: 1;
		opacity: 0;
		pointer-events: none;
		transition: opacity 400ms;
		background-color: rgba(0, 0, 0, 0.2);
	}
	
	#headerMainMenueOpenChk:checked ~ #main #headerMainMenueOpenLblArea {
		opacity: 1;
		pointer-events: all;
	}
}

@media (max-width: 600px) {
	#headerMainMenueSeitenreiter {
		height: calc(100% - 72px);
		top: 72px;
		max-width: unset;
		right: -100%;
	}
	#headerMainMenueCloseLbl, #headerMainMenueOpenLblArea {display: none;}
}
/*-- Suche --*/
@media screen and (min-width:769px){.show768{display:none !important;}}
#MobileTbSuche{
	background-color: transparent;
	border-color:#072160;
	font-weight: bold;
	width: calc(100% - 50px);
}
#MobileBtnSuche {
  padding: 0;
  background-color: transparent;
  width: 42px;
  height: 24px;
  background-image: url("/bilder/search.gif");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 0px;
}
#MobileErgebnisseSuche > .ergebnisSucheBeitrag{padding-top:10px;}
#MobileErgebnisseSuche > .ergebnisSucheBeitrag:not(:last-of-type){
	padding-bottom:10px;
	border-bottom: 1px dotted #8e8e8e;
}
#MobileErgebnisseSuche > .ergebnisSucheBeitrag > .ergebnisSucheAjaxHeadline{
	font-size: 130%;
	font-family: 'DIN-Medium', Arial, Helvetica, sans-serif;
	margin-bottom: 14px;
}
@media screen and (max-width: 600px){
	#MobileErgebnisseSuche > .ergebnisSucheBeitrag > .ergebnisSucheAjaxHeadline
	{font-size: 120%;}
}
/* --- --- */
/* MainMenueExtraCSS  */
#headerMainMenue > li:nth-of-type(2) > ul > li:nth-of-type(1) > a, 
#headerMainMenue > li:nth-of-type(2) > ul > li:nth-of-type(2) > a
{font-family:inherit}
/* --- --- */
.loginColLeft {
	width: 100%;
	max-width: 130px;
}
.loginColRight {
	width: 100%;
	max-width: 250px !important;
}

@media screen and (max-width: 1024px) {
	.loginColLeft, .loginColRight {
		max-width: unset !important;
		text-align: center;
	}
}
/* --- --- */