/*-----------------------------------------------------------------------------------

-------------------------------------------------------------------------------------

-------------------------------------------------------------------------------------

-- Header

-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------

-------------------------------------------------------------------------------------

-----------------------------------------------------------------------------------*/



/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

++ TopBox

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

div.s-s_headerBoxInnerIcons{

	background-color: #fafafa;

	text-align: right;

	font-family: Open Sans;

	font-size: 1.0em;

	color: #8c8c8c;

	padding: 10px;

}

div.s-s_headerBoxInner{

	text-align: center;

	font-family: Open Sans;

	font-size: 1.1em;

	color: #fafafa;

	padding: 10px;

}



a.s-s_LinkTopBox{

	font-family: Open Sans;

	font-size: 1.1em;

	color: #fafafa;

}

.s-s_TextFieldSearch{

	border: none;

	font-size: 1.5em;

	color: #fafafa;

	background-color: transparent;

	font-family: Open Sans;

	width: 95%;

	text-align: center;

}

#searchcheckbox ~ div.s-s_headerBoxInnerSearch {

	overflow: hidden;

	padding: 0px;

	max-height: 0px;

	transition: all 1s cubic-bezier(0, 1, 0, 1);

}



#searchcheckbox:checked ~ div.s-s_headerBoxInnerSearch {

	max-height: 300px;

	transition: all 1s cubic-bezier(1, 0, 0, 1);

	padding: 10px;

}



#singincheckbox ~ div.s-s_headerBoxInnerSingin {

	overflow: hidden;

	padding: 0px;

	max-height: 0px;

	transition: all 1s cubic-bezier(0, 1, 0, 1);

}



#singincheckbox:checked ~ div.s-s_headerBoxInnerSingin {

	max-height: 300px;

	transition: all 1s cubic-bezier(1, 0, 0, 1);

	padding: 10px;

}

.s-s_headerBoxInnerIcon{

	padding-right: 10px;

}



.s-s_headerBoxInnerIcon > img{

	top: 2px;

	padding-left: 3px;

	position: relative

}	

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

++ Logo

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

img.s-s_headerLogoImage{

	position: relative;

	height: 140px;

	text-align: right;

	padding-bottom: 15px;

}



img.s-s_headerSimplyLogoImage {

    padding-top: 15px;

}



div.s-s_headerLogo {

    width: 100%;

    position: relative;

    background-color: #fafafa;

    z-index: 1;

    text-align: center;

    height: auto;

}

	/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	++ Mediaquerys

	+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

	@media screen and (max-width: 800px){

		img.s-s_headerLogoImage{

			height: 100px;

		}   

	}

	@media screen and (max-width: 520px){

		img.s-s_headerLogoImage{

			height: 80px;

		}   

	}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

++ Slider

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

div.s-s_headerSlider{

	width: 100%;

	height:65vh;

	position: relative;

	background-color: #fafafa;

	z-index: -1;

}

#slider{

	position: absolute;

	top: 0px;

	left: 0px;

	right: 0px;

	bottom: 0px;

	width: 100%;

	z-index: -1;

	overflow: hidden;

}

#slider .slide{

	background-size: cover;

	position: absolute;

	width: 100%;

	height: 100%;

	display: none;

}

#slider #load{

	position: inherit;

	bottom: 12px;

	left: 0;

	background: white;

	border-right: 5px solid white;

	

	width: 0%;

	height: 5px;

}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

++ Nav

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.hidebox {

	position: absolute;

	clip: rect(0, 0, 0, 0);

}

ul.s-s_headerNavSection {
	padding-inline-start: 0px;
}
ul.s-s_headerNavSection ul li{

	list-style: none;

}



ul.s-s_headerNavHeimverein {

    list-style: none;

    cursor: pointer;

    width: 850px;

    margin: 0 auto;

}



ul.s-s_headerNavPfadi{

	list-style: none;

    cursor: pointer;

    width: 1370px;

    margin: 0 auto;

}



nav {

	background: #1f3a8c ;

	width: 100%;

	padding: 0;

	margin: 0;

	color: #ffffff;

	text-decoration: none;

	font-family: Lato;

    

}

a.navigation {

	color: #ffffff;

	text-decoration: none;

	font-family: Lato;

}





	/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	++ Mediaquerys

	+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*moblie style start*/

	@media screen and (max-width: 1400px) {		

		.s-s_NavArrowIcon {

			border-top: none;

			border-left: none;

			border-bottom: 2px solid;

			border-right: 2px solid;

			width: 10px;

			height: 10px;

			transform: rotate(-45deg);

			border-color: #ffffff;

			left: calc(100% - 30px);

			position: relative;

			margin-top: -15px;

		}

		ul.s-s_headerNavSection {

			width: auto;

			margin: 0px;

			padding: 0px;

			text-transform: uppercase;

		}

		.spacehold {

			padding-top: 0;

			width: 100%;

		}

		.s-s_headerNavMenuLabel{

			text-transform: uppercase;

			padding: 15px 20px 15px 20px;

		}

		label[for="navTrigger"] {

			width: 100%;

			z-index: 2;

			background-color: #1f3a8c ;

		}

		label {

			cursor: pointer;

		}

		input ~ ul.s-s_headerUlSection {

			overflow: hidden;

			max-height: 0;

			transition: max-height 1s cubic-bezier(0, 1, 0, 1);

		}

		input:checked ~ label .s-s_NavArrowIcon {

			transform: rotate(45deg);

			transition: transform 1s;

		}

		input ~ label .s-s_NavArrowIcon {

			transform: rotate(-45deg);

			transition: transform 1s;

		}

		input:checked ~ ul.s-s_headerUlSection {

			max-height: 1500px;

			transition: max-height 1s cubic-bezier(1, 0, 0, 1);

		}

		input ~ ul.s-s_headerNavSection {

			overflow: hidden;

			max-height: 0;

			transition: max-height 1s cubic-bezier(0, 1, 0, 1);

		}

		input:checked ~ ul.s-s_headerNavSection {

			max-height: 1500px;

			transition: max-height 1s cubic-bezier(1, 0, 0, 1);

		}

		.s-s_headerNavSection > li {

			padding: 14px 0px 0px 20px;

			text-align: left;

			border-top: 1px solid rgba(120, 120, 120, 0.2);

		}

		.s-s_headerNavSection > li.s-s_headerNavSingle {

			padding: 14px 0px 14px 20px;

			text-align: left;

			 border-top: 1px solid rgba(120, 120, 120, 0.2);

		}

		ul.s-s_headerUlSection{

			width: auto;

			margin: 0px;

			padding: 14px 0px 0px 0px;

			text-transform: none;

		}

		.s-s_headerUlSection > li {

			padding: 10px 12px 10px 10px;

			text-align: left;

			 border-top: 1px solid rgba(120, 120, 120, 0.2);

		}

	}

/* mobile style end */







/* pc style */

	@media screen and (min-width: 1400px) {

		.mobile { display: none; }

		label{

			cursor: pointer;

		}

		.abstand {

			padding-top: 0px;

		}

		nav { height: 50px; 

		}

		.s-s_headerNavSection {

			text-align: center;

			width: auto;

			margin: 0px;

			text-transform: uppercase;

		}

		.s-s_headerNavSection ul {

			position: absolute;

			transition: max-height 0.5s ease;

			margin-top: 0px;

			margin-left: -15px;

			overflow: hidden;

			max-height: 0;

			display: block;

			background: #1f3a8c ;

			z-index: 20;

		}

		.s-s_headerNavSection li:hover ul {

			max-height: 300px;

		}

		.s-s_headerNavSection > li {

			background: ;

			float: left;

			width: ;

			padding-top:  15px;

			padding-left: 25px;

			padding-bottom: 15px;

			padding-right: 25px;

			text-align: left;

		}.s-s_headerNavSection ul li{

			padding-top:  8px;

			padding-left: 20px;

			padding-bottom: 8px;

			width: 180px;

		  border-bottom: 1px solid rgba(120, 120, 120, 0.2);

		}

		 ul.s-s_headerUlSection{

			 margin-top: 15px;

			 padding: 0px;

			 text-transform: none;

		 }

	}

/* pc style end */







.s-s_MenuIcon {

	margin-top: -6px;

    width: 25px;

	float: right;

}



.s-s_MenuIcon:after, 

.s-s_MenuIcon:before, 

.s-s_MenuIcon div {

  background-color: #fff;

  content: '';

  display: block;

  height: 2px;

  margin: 5px 0;

  -moz-transition: all .2s ease-in-out;

  -webkit-transition: all .2s ease-in-out;

  transition: all .2s ease-in-out;

}