/* 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Standard Definitions
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

* {
	margin:0;
	padding:0;
}


*,
*:before,
*:after {
  box-sizing:inherit;
}

ul, li, ol {
	margin-bottom: 0px !important;
}

img { 
	border:0;
}

.center {
	text-align:center;
}

.right {
	text-align: right;
}

.bold {
	font-weight:bold;
}

.block {
	display:block;
}	
	
.clearer {
	clear:both;
}

.hidden {
	display:none;
}

.bild_border {
	border:solid 1px #000;
}

.bild {
	border:none;
}

.overflow_hidden {
	overflow:hidden;	
}

.versteckt {
	position:absolute;
	left:-5000px;
}

.float_left {
	float:left;
}

.flex {
	display:flex;
	flex-direction:row;
}




.w40px {
	width:40px;	
}

.w47px {
	width:47px;	
}

.w50px {
	width:50px;	
}

.w60px {
	width:60px;	
}

.w70px {
	width:70px;	
}

.w80px {
	width:80px;	
}

.w100px {
	width:100px;	
}

.w108px {
	width:108px;	
}

.w200px {
	width:200px;	
}

.w220px {
	width:220px;	
}

.w250px {
	width:250px;	
}

.w256px {
	width:256px;	
}

.w300px {
	width:300px;	
}

.w304px {
	width:304px;	
}

.w350px {
	width:350px;	
}

.w400px {
	width:400px;	
}

.w80p {
	width:80%;
}

.w100p {
	width:100%;
}

.mb8px {
	margin-bottom:8px;
}



.margin_bottom_5px {
	margin-bottom:5px;
	min-height:1px;
}

.margin_bottom_10px {
	margin-bottom:10px;
	min-height:1px;
}

.margin_bottom_15px {
	margin-bottom:10px;
	min-height:1px;
}

.margin_bottom_20px {
	margin-bottom:20px;
	min-height:1px;
}

.margin_bottom_30px {
	margin-bottom:30px;
	min-height:1px;
}

.margin_bottom_40px {
	margin-bottom:40px;
	min-height:1px;
}

.margin_bottom_50px {
	margin-bottom:50px;
	min-height:1px;
}

.margin_bottom_60px {
	margin-bottom:60px;
	min-height:1px;
}

.margin_bottom_70px {
	margin-bottom:70px;
	min-height:1px;
}

.margin_bottom_80px {
	margin-bottom:80px;
	min-height:1px;
}

.margin_bottom_90px {
	margin-bottom:90px;
	min-height:1px;
}

.margin_bottom_100px {
	margin-bottom:100px;
	min-height:1px;
}


.margin_bottom_140px {
	margin-bottom:140px;
	min-height:1px;
}

.margin_bottom_150px {
	margin-bottom:150px;
	min-height:1px;
}

.margin_bottom_200px {
	margin-bottom:200px;
	min-height:1px;
}

.margin_bottom_250px {
	margin-bottom:250px;
	min-height:1px;
}

.margin_bottom_280px {
	margin-bottom:280px;
	min-height:1px;
}

@media screen and (min-width:1080px) {
	.margin_bottom_desktop_10px {
		margin-bottom:10px;
		min-height:1px;
	}

	.margin_bottom_desktop_20px {
		margin-bottom:20px;
		min-height:1px;
	}

	.margin_bottom_desktop_40px {
		margin-bottom:40px;
		min-height:1px;
	}

	.margin_bottom_desktop_60px {
		margin-bottom:60px;
		min-height:1px;
	}

	.margin_bottom_desktop_80px {
		margin-bottom:80px;
		min-height:1px;
	}

	.margin_bottom_desktop_100px {
		margin-bottom:100px;
		min-height:1px;
	}
}



.margin_right_10px {
	margin-right:10px;
}

.margin_right_20px {
	margin-right:20px;
}


.padding_left_0px {
	padding-left: 0px !important;
}




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

	.padding_right_desktop_50px {
		padding-right:50px !important;
		
 	}	
}




.uppercase {
	text-transform:uppercase;
}

.gold {
	/* color:rgb(207, 194, 161);	 */
	/* color:#cbbe9a; */
	color:#ad8c68;
	
}

.red {
	color: #c00000;
}

.blue {
	color: #003d4c;
}

.white {
	color:#fff;
}



.gotham_medium {
	font-family: 'gotham_medium', Arial, Helvetica, sans-serif;
}


/* Tables */

td, th {
	padding: 0px;
}
	
table {
	border-spacing: 0px;
}

.div_sso {
	padding-bottom:20px;
}

@media screen and (min-width:1080px) {
	.div_sso {
		text-align: center;
	}
}

.img_sso {
	width:100%;
	padding-left:10px;
	padding-right:10px;
}

@media screen and (min-width:640px) {
	.img_sso {
		width:320px;
	}
}


#div_datenschutzerklaerung h2 {
	margin-bottom:10px !important;
}

@media screen and (min-width:1080px) {
	#div_datenschutzerklaerung h2 {
		margin-bottom:20px !important;
	}
}

#div_datenschutzerklaerung h3 {
	margin-bottom:10px !important;
	color:#555;
}

@media screen and (min-width:1080px) {
	#div_datenschutzerklaerung h3 {
		margin-bottom:20px !important;
	}
}

/* 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Title Definitions
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/



h1 {
	font-family: 'muli_regular','proxima_nova_light','poppinsextralight', Arial, Helvetica, sans-serif;
	font-size: 26px !important;
	margin: 0px 0px 20px 0px !important;
	/* color: #1f1f22; */
	color:#003d4c;
	/* text-transform: uppercase; */
	line-height: 1.2em !important;
}	

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

	h1 {
		font-size: 30px !important;
  		margin: 0px 0px 24px 0px !important;
 	}	
}


h2 {
	font-family: 'muli_regular','proxima_nova_light','poppinsextralight', Arial, Helvetica, sans-serif;
	font-size: 20px !important;
	margin: 0px 0px 12px 0px !important;
	line-height: 1.3em !important;
	color:#003d4c;
}	

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

	h2 {
		font-size: 24px !important;
  		margin: 0px 0px 12px 0px !important;	
 	}	
}


h3 {
	font-family: 'muli_regular','proxima_nova_light','poppinsextralight', Arial, Helvetica, sans-serif;
	font-size: 16px !important;
	margin: 0px 0px 4px 0px !important;
	line-height: 1.3em !important;
	color:#003d4c;
}	

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

	h3 {
		font-size: 20px !important;
  		margin: 0px 0px 4px 0px !important;	
 	}	
}


h4 {
	font-family: 'muli_regular','proxima_nova_light','poppinsextralight', Arial, Helvetica, sans-serif;
	font-size: 20px !important;
	margin: 0px 0px 10px 0px !important;
	line-height: 1.3em !important;
	color:#003d4c;
}	

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

	h4 {
		font-size: 28px !important;
		margin: 0px 0px 20px 0px !important;	
 	}	
}


/* 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Link Definitions
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/


a:link,
a:visited {
	color:#003d4c;
	text-decoration: none;
}

a:hover,
a:active {
	color:#003d4c;
	text-decoration: none;
}



a:active , a:focus {
	outline:none;
}


.link:before {
	content: "";
    display: block;
	background: url('../images/icons/link.svg') no-repeat;
	background-size: auto 13px;
	background-position: 0px 6px;
	background-repeat: no-repeat;
	width: 16px;
	height: 22px;
    float: left;
}

.back:before {
	content: "";
    display: block;
	background: url('../images/icons/back.svg') no-repeat;
	background-size: auto 13px;
	background-position: 0px 6px;
	background-repeat: no-repeat;
	width: 16px;
	height: 20px;
    float: left;
}


/* 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// CMS Login und Debug
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/


#login {
	position:fixed;
	left:0px;
	top:0px;
	width:10px;
	height:10px;
	z-index:5;
}

#debug {
	width:940px;
	margin:2px auto 0 auto;
	color: #000; 
	font-size:10px;
}

#upload_iframe_div {
	display:none;
}

#upload_iframe {
	height:500px;
	width:100%;
	border:none;
}

#kontakt_iframe_div {
	display:none;
}

#kontakt_iframe {
	height:40px;
	width:100%;
	text-align:right;
}





/* 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// New CMS Login
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

#loginarea_shade {
	visibility:hidden;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:6;	
	backdrop-filter: blur(0px) opacity(0);
}

.login_area_shade_animation_class {
	animation: backdrop_filter_animation 2s ease;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

@keyframes backdrop_filter_animation {
	0% {
		backdrop-filter: blur(0px) opacity(0);
	}
	100% {
		backdrop-filter: blur(5px) opacity(1);
	}
}

#loginarea_video {
	position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
 	transition: 1s opacity;
}

#loginarea {
	display:none;
	position:fixed;
	width:300px;
	height:242px;
	top:50%;
	left:50%; 

	font-family: 'robotolight', Arial, Helvetica, sans-serif;
	font-size:15px;
	
	margin-top:-121px;
	margin-left:-150px;
	
	background-color:#fff;
	
	border:solid 1px #666;
	border-radius:6px;
	
	padding:24px 12px 24px 12px;	
	z-index:7;	
}


#loginarea .login_title {
	font-size:24px;
	font-weight:normal;
	
	color:#212529;
	
	margin:0px 0px 5px 0px !important;
	border:none;
	
	display:block;
	padding:0;
	text-align:center;
}

#loginarea input {
	font-family: 'robotolight', Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#212529;
}

#loginarea .input_feld_login {
	width:100%;
	height:48px;
	border:1px solid #ccc; 
	border-radius:6px;
	margin-top:8px;
	padding-left:10px;
	cursor:text;
}

#loginarea .input_button_login {
	width:100%;
	height:48px;
    margin-top:8px;
	padding: 0px 8px 0px 8px;
	line-height: 46px;
	border-radius: 6px;
	
	font-family: 'robotoregular', Arial, Helvetica, sans-serif;
	text-align:center;
	color:#fff;
	font-size:15px;
	
	border:solid 1px #444;
	cursor: pointer;

	/*
	background: #3a7ac7;
	background: -webkit-linear-gradient(#5a9fce, #3a7ac7);
	background: -o-linear-gradient(#5a9fce, #3a7ac7);
	background: -moz-linear-gradient(#5a9fce, #3a7ac7);
	background: linear-gradient(#5a9fce, #3a7ac7);
	*/
	
	background-color: #5a9fce;
	background-image: linear-gradient( to bottom, rgba(90, 159, 206, 0.1) 0%, rgba(58, 122, 199, 1) 100% );
	transition: background-color 0.3s ease-in-out;
}


#loginarea .input_button_login:hover {
	border:solid 1px #000;
	background-color: #6caad4;
	background-image: linear-gradient( to bottom, rgba(90, 159, 206, 0.1) 0%, rgba(58, 122, 199, 1) 100% );
	transition: background-color 0.3s ease-in-out;
}

#login_close {
	position:absolute;
	right:12px;
	top:12px;
}

#div_passwort_vergessen {
	margin-top:5px;
	font-family: 'robotolight', Arial, Helvetica, sans-serif;
	font-size:14px;
}



	
/*  
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Basic CSS
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

html {
	height:100%;
	box-sizing: border-box;
}

body {
	color:#212529;
	font-size:17px;
	min-height:100%;
	line-height:1.4em;
	height:100%;
	display: flex;
  	flex-direction: column;
}

#div_wrapper {
	flex: 1 0 auto;
}




#logo_navigation {
	background-color: #fff;
}

@media screen and (min-width:1080px) {
	#logo_navigation {
		transition: 0.5s;
		position:fixed;
		width:100%;
		background-color: rgba(255, 255, 255, 1);
		z-index:4;
		
	}

	#logo_navigation.shrink_off {
		/* Height fixed like the padding in #header */
		height:120px;
	}

	#logo_navigation.shrink_on {
		height:60px;
	}
}


#logo_navigation_wrapper {
	margin:0px auto;	
}

@media screen and (min-width:1080px) {
	#logo_navigation_wrapper {
		transition: 0.5s;
		max-width:1280px;
	}

	#logo_navigation_wrapper.shrink_off {
		/* Height fixed like the padding in #header */
		height:120px;
	}

	#logo_navigation_wrapper.shrink_on {
		height:60px;
	}
}

@media screen and (min-width:1800px) {
	#logo_navigation_wrapper {
		max-width:calc(70vw);
	}
}











#logo {
	height:60px;
	background-image:url(../images/layout/zw/zw_logo.png);
	background-repeat:no-repeat;
	background-position: 10px 2px; 
}

#logo.shrink_off {
	background-size:160px;
}
#logo.shrink_on {
	background-size:160px;
}


@media screen and (min-width:1080px) {
	
	#logo {
		float:left;
		height:auto;
		width:260px;

		background-position: 20px 0px;
		transition: 0.5s;
		/* background-color: #09F; */
	}

	#logo.shrink_off {
		background-size:240px;
		margin-top:20px;
	}

	#logo.shrink_on {
		background-size:148px;
		margin-top:6px;
	}
}


#logo_link {
	width:200px;
}

#logo_link.shrink_off {
	height:60px;	
}
#logo_link.shrink_on {
	height:60px;	
}

@media screen and (min-width:1080px) {
	#logo_link {
		width:260px;
		transition: 0.5s;
	}

	#logo_link.shrink_off {
		height:80px;
	}
	#logo_link.shrink_on {
		height:60px;	
	}
}






@media screen and (min-width:800px) {
	.content_wrapper {
		margin:0 auto;
		max-width:1280px;
	}
}

@media screen and (min-width:1800px) {
	.content_wrapper {
		max-width:calc(70vw);
	}
}

@media screen and (min-width:2260px) {
	.content_wrapper {
		max-width:1600px;
	}
}



.wrapper_rounded {
	border-top-left-radius: calc(30vw) calc(20vw);
	background-color: #F1F5F7;
	padding-bottom:100px;
}


.content {
	font-family: 'muli_extra_light','proxima_nova_light','poppinsextralight', Arial, Helvetica, sans-serif;
	line-height: 1.6em;
	padding:25px 10px 25px 10px;
	min-height: 200px;
}


.content_padding_bottom {
	padding-bottom:100px;
}

@media screen and (min-width:800px) {
	.content {
		padding:70px 20px 0px 20px;
	}

	.content_padding_bottom {
		padding-bottom:120px;
	}
}









/*
#content a:link,
#content a:visited {
	color: #3a7ac7;
	text-decoration: none;
	transition: color 0.5s ease;
}

#content a:hover,
#content a:active {
	color: #3a7ac7;
	text-decoration: underline;
	transition: color 0.5s ease;
}

*/



.special_title {
	text-align:center;
	font-family: 'lobster', Arial, Helvetica, sans-serif;
	color:#444;
}

.div_special_text {
	font-size:28px;
	text-align:center;
	font-family: 'lobster', Arial, Helvetica, sans-serif;
	color:#444;
	line-height:1.3em;
	margin-bottom:20px;
}



.div_85p_center {
	width:85%;
	margin:0 auto;
}


.span_more_informations {
	font-size:15px;
}

.font_bold {
	font-family: 'muli_semi_bold','proxima_nova_light','poppinsextralight', Arial, Helvetica, sans-serif;
}

.div_grey_rounded {
	background-color: #F7F7F7;
	border-radius: 20px;
	padding:20px;

}

.link_button {
	display: block;
	background-color:#003d4c;
	/* background-color: #ececec; */
	padding:8px;
	border-radius:20px;
	width:100%;
	margin:0 auto;
}



/* 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// iFrame
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/


#iframe_content {
	font-family: 'robotolight', Arial, Helvetica, sans-serif;
	padding:10px 0px 0px 0px;
}





/* 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// List Animation
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

#content ul {
	list-style-type: none;
	padding-left:0px;
	padding-bottom:1.5em;
}

#content li {
	position: relative;
	opacity:0;
	padding-top:8px;
	padding-bottom:8px;
	background-image: url('/images/icons/list.png');
	background-repeat: no-repeat;
	background-size: 0px;
	background-position: 15px 22px;
	padding-left: 120px;
}

#content .alternativ {
	background-image: url('/images/icons/list_alternativ.png');
}

/*
#content li:after {
	position: absolute;
	left: 14px;
	top: 36px;
	content: "";
	height: 100%;
	width: 0;
	border-left: 1px solid #cccccc;
}

#content li:last-of-type:after {
	border: none;
}
*/

#content li:first-child{ animation:bringback 1s 0.25s forwards;}
#content li:nth-child(2){animation:bringback 1s 0.5s forwards;}
#content li:nth-child(3){animation:bringback 1s 0.75s forwards;}
#content li:nth-child(4){animation:bringback 1s 1s forwards;}
#content li:nth-child(5){animation:bringback 1s 1.25s forwards;}
#content li:nth-child(6){animation:bringback 1s 1.5s forwards;}
#content li:nth-child(7){animation:bringback 1s 1.75s forwards;}
#content li:nth-child(8){animation:bringback 1s 2s forwards;}
#content li:nth-child(9){animation:bringback 1s 2.25s forwards;}
#content li:nth-child(10){animation:bringback 1s 2.5s forwards;}
#content li:nth-child(11){animation:bringback 1s 2.75s forwards;}
#content li:nth-child(12){animation:bringback 1s 3s forwards;}
#content li:nth-child(13){animation:bringback 1s 3.25s forwards;}
#content li:nth-child(14){animation:bringback 1s 3.5s forwards;}
#content li:nth-child(15){animation:bringback 1s 3.75s forwards;}
#content li:nth-child(16){animation:bringback 1s 4s forwards;}
#content li:nth-child(17){animation:bringback 1s 4.25s forwards;}
#content li:nth-child(18){animation:bringback 1s 4.5s forwards;}
#content li:nth-child(19){animation:bringback 1s 4.75s forwards;}
#content li:nth-child(20){animation:bringback 1s 5s forwards;}
#content li:nth-child(21){animation:bringback 1s 5.25s forwards;}
#content li:nth-child(22){animation:bringback 1s 5.5s forwards;}
#content li:nth-child(23){animation:bringback 1s 5.75s forwards;}
#content li:nth-child(24){animation:bringback 1s 6s forwards;}
#content li:nth-child(25){animation:bringback 1s 6.25s forwards;}
#content li:nth-child(26){animation:bringback 1s 6.5s forwards;}
#content li:nth-child(27){animation:bringback 1s 6.75s forwards;}
#content li:nth-child(28){animation:bringback 1s 7s forwards;}
#content li:nth-child(29){animation:bringback 1s 7.25s forwards;}
#content li:nth-child(30){animation:bringback 1s 7.5s forwards;}
#content li:nth-child(31){animation:bringback 1s 7.75s forwards;}
#content li:nth-child(32){animation:bringback 1s 8.0s forwards;}
#content li:nth-child(33){animation:bringback 1s 8.25s forwards;}
#content li:nth-child(34){animation:bringback 1s 8.5s forwards;}
#content li:nth-child(35){animation:bringback 1s 8.75s forwards;}
#content li:nth-child(36){animation:bringback 1s 9s forwards;}
#content li:nth-child(37){animation:bringback 1s 9.25s forwards;}
#content li:nth-child(38){animation:bringback 1s 9.5s forwards;}
#content li:nth-child(39){animation:bringback 1s 9.75s forwards;}
#content li:nth-child(40){animation:bringback 1s 10s forwards;}
#content li:nth-child(41){animation:bringback 1s 10.25s forwards;}
#content li:nth-child(42){animation:bringback 1s 10.5s forwards;}
#content li:nth-child(43){animation:bringback 1s 10.75s forwards;}
#content li:nth-child(44){animation:bringback 1s 11s forwards;}
#content li:nth-child(45){animation:bringback 1s 11.25s forwards;}
#content li:nth-child(46){animation:bringback 1s 11.5s forwards;}
#content li:nth-child(47){animation:bringback 1s 11.75s forwards;}
#content li:nth-child(48){animation:bringback 1s 12s forwards;}
#content li:nth-child(49){animation:bringback 1s 12.25s forwards;}
#content li:nth-child(50){animation:bringback 1s 12.5s forwards;}
#content li:nth-child(51){animation:bringback 1s 12.75s forwards;}
#content li:nth-child(52){animation:bringback 1s 13s forwards;}
#content li:nth-child(53){animation:bringback 1s 13.25s forwards;}
#content li:nth-child(54){animation:bringback 1s 13.5s forwards;}
#content li:nth-child(55){animation:bringback 1s 13.75s forwards;}
#content li:nth-child(56){animation:bringback 1s 14s forwards;}
#content li:nth-child(57){animation:bringback 1s 14.25s forwards;}
#content li:nth-child(58){animation:bringback 1s 14.5s forwards;}
#content li:nth-child(59){animation:bringback 1s 14.75s forwards;}
#content li:nth-child(60){animation:bringback 1s 15s forwards;}
#content li:nth-child(61){animation:bringback 1s 15.25s forwards;}
#content li:nth-child(62){animation:bringback 1s 15.5s forwards;}
#content li:nth-child(63){animation:bringback 1s 15.75s forwards;}
#content li:nth-child(64){animation:bringback 1s 16s forwards;}
#content li:nth-child(65){animation:bringback 1s 16.25s forwards;}
#content li:nth-child(66){animation:bringback 1s 16.5s forwards;}
#content li:nth-child(67){animation:bringback 1s 16.75s forwards;}
#content li:nth-child(68){animation:bringback 1s 17s forwards;}
#content li:nth-child(69){animation:bringback 1s 17.25s forwards;}
#content li:nth-child(70){animation:bringback 1s 17.5s forwards;}
#content li:nth-child(71){animation:bringback 1s 17.75s forwards;}
#content li:nth-child(72){animation:bringback 1s 18s forwards;}
#content li:nth-child(73){animation:bringback 1s 18.25s forwards;}
#content li:nth-child(74){animation:bringback 1s 18.5s forwards;}
#content li:nth-child(75){animation:bringback 1s 18.75s forwards;}
#content li:nth-child(76){animation:bringback 1s 19s forwards;}
#content li:nth-child(77){animation:bringback 1s 19.25s forwards;}
#content li:nth-child(78){animation:bringback 1s 19.5s forwards;}
#content li:nth-child(79){animation:bringback 1s 19.75s forwards;}
#content li:nth-child(80){animation:bringback 1s 20s forwards;}
   
@keyframes bringback{
	to {
		opacity:1;
		padding-left: 50px; 
		background-size: 30px;
		background-position: 0px 7px;
	}
}








/* 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Headerbilder Fade
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

#header {
	transition: 0.5s;
	font-family: 'open_sanssemibold', Arial, Helvetica, sans-serif;
	position: relative;
}

@media screen and (min-width:1080px) {
	#header {
		
	}
	
	#header.shrink_off {
		/* Padding fixed like the height in #logo_navigation_wrapper */
		padding-top:120px;
	}

	#header.shrink_on {
		padding-top:0px;
	}
}

#flex_header_text {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	overflow:hidden;
	height:100%;
	z-index:2;
	display: flex;
	align-items: center;
	justify-content: center;
}



#header_text_startseite {
	margin-top:-2vw;
	text-align: center;
}

#header_text {
	text-align: center;
}

.header_title {
	font-size:calc(150% + 3vw);
	line-height:1.2em;
	color:#fff; 
}

.header_title_startseite {
	font-size:calc(150% + 3vw);
	line-height:1.6em;
	color:#fff; 

	animation: sub_title_animation 1.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.header_sub_title_startseite {
	font-size:calc(60% + 1vw);
	color:#fff; 
}

@keyframes sub_title_animation {
    0% {
        line-height:2.5em;
    }
    100% {
        line-height:1.6em;
     }
}



#header img {
	width:100%;
	object-fit: cover;
}

#header_zoom {
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	overflow:hidden;
	height:100%;
	z-index:1;
}

#header_zoom img {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	vertical-align:middle;
	height:100%;
	transition: all 8s;
	max-width: 100%;
	
	animation: zoom_in 8s, opacity 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;

	/* filter: brightness(60%); */
}

@keyframes zoom_in {
    0% {
        transform:scale(1.3);
    }
    100% {
        transform:scale(1);
     }
}

@keyframes opacity {
    0% {
		opacity: 0;
    }
    100% {
		opacity: 1;
     }
}

#header_zoom {
	height:calc(20vh + 20vw);
}


/* Video Addon */

#header .vid_loop {
	width:100%;
	object-fit: cover;
}


#header_zoom .vid_loop {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	vertical-align:middle;
	height:100%;
	transition: all 8s;
	max-width: 100%;
	
	animation: zoom_in 8s, opacity 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;

}








/* 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Footer
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

#footer_line {
	position:absolute;
	width:100%;
	/* background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9InJnYmEoMTY3LDE2NywxNjcsMC4yMykiPjxwYXRoIGQ9Ik04NTMuODkzLDg2Ljk5OGMtMzguODU5LDAtNTguODExLTE2LjQ1NS03Ny45NTYtMzUuMDUxYzE4LjI5NS0xMC41MzYsNDAuODkxLTE4LjI3Niw3My4zNzgtMTguMjc2IGMzOC42ODUsMCw2NC4xMzIsMTIuNTY0LDg1LjQ4OSwyOC4zNDdDOTE2LjE5Miw3Mi4wMTIsOTAwLjgsODYuOTk4LDg1My44OTMsODYuOTk4eiBNNTI2LjI2NSw4MC45NDUgYy02LjUxNy0wLjU2Mi0xMy41OTktMC44NzktMjEuNDEtMC44NzljLTcwLjc5OSwwLTkxLjMzNywyNy4yMjktMTM0LjQzMywzNS42NjJjMTQuOTAxLDMuNzIsMzIuMTE4LDYuMDcsNTIuODk4LDYuMDcgQzQ3MC4xNzEsMTIxLjc5Nyw1MDAuMzQsMTAzLjQyMSw1MjYuMjY1LDgwLjk0NXoiIGZpbGwtb3BhY2l0eT0iLjMiLz48cGF0aCBkPSJNNjYzLjQ1OCwxMDkuNjcxYy02Ny4xMzcsMC04MC4zNDUtMjMuODI0LTEzNy4xOTMtMjguNzI2QzU2Ny4wODYsNDUuNTU1LDU5Ny4zODEsMCw2NjUuNjkxLDAgYzYxLjg1NywwLDg1LjM2OSwyNy43ODIsMTEwLjI0Niw1MS45NDdDNzM2Ljg4OCw3NC40MzQsNzE3LjQ1OSwxMDkuNjcxLDY2My40NTgsMTA5LjY3MXogTTIxNy42OCw5NC4xNjMgYzU1Ljk3MSwwLDYyLjUyNiwyNC4wMjYsMTI2LjMzNywyNC4wMjZjOS44NTgsMCwxOC41MDgtMC45MTYsMjYuNDA0LTIuNDYxYy01Ny4xODYtMTQuMjc4LTgwLjE3Ny00OC44MDgtMTM4LjY1OS00OC44MDggYy03Ny4wNjMsMC05OS45Niw0OC41NjktMTUxLjc1MSw0OC41NjljLTQwLjAwNiwwLTYwLjAwOC0xMi4yMDYtODAuMDExLTI5LjUwNnYxNi44MDZjMjAuMDAzLDEwLjg5MSw0MC4wMDUsMjEuNzgyLDgwLjAxMSwyMS43ODIgQzE2MC4wMTQsMTI0LjU3LDE1OC42MDgsOTQuMTYzLDIxNy42OCw5NC4xNjN6IE0xMjAwLjExMiw0Ni4yOTJjLTU3LjQ5MywwLTU2LjkzNSw0Ni41OTUtMTE1LjAxNSw0Ni41OTUgYy01My42MTIsMC01OS43NTUtMzkuNjE4LTExNS42MDItMzkuNjE4Yy0xNS4yNjcsMC0yNS4zODEsMy43NTEtMzQuNjksOC43NDljMzYuMDk2LDI2LjY3NSw2MC41MDMsNjIuNTUyLDExNy4zNDIsNjIuNTUyIGM2OS4yNDksMCw3NS45NTEtNDMuNTU5LDE0Ny45NjQtNDMuNTU5YzM5LjgwNCwwLDU5Ljk4NiwxMC45NDMsNzkuODg4LDIxLjc3N1Y4NS45ODIgQzEyNjAuMDk3LDY4Ljc3MSwxMjM5LjkxNiw0Ni4yOTIsMTIwMC4xMTIsNDYuMjkyeiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik0xMDUyLjE0NywxMjQuNTdjLTU2Ljg0LDAtODEuMjQ3LTM1Ljg3Ni0xMTcuMzQyLTYyLjU1MmMtMTguNjEzLDkuOTk0LTM0LjAwNSwyNC45OC04MC45MTIsMjQuOTggYy0zOC44NTksMC01OC44MTEtMTYuNDU1LTc3Ljk1Ni0zNS4wNTFjLTM5LjA1LDIyLjQ4Ny01OC40NzksNTcuNzI0LTExMi40OCw1Ny43MjRjLTY3LjEzNywwLTgwLjM0NS0yMy44MjQtMTM3LjE5My0yOC43MjYgYy0yNS45MjUsMjIuNDc1LTU2LjA5Myw0MC44NTItMTAyLjk0Niw0MC44NTJjLTIwLjc3OSwwLTM3Ljk5Ni0yLjM0OS01Mi44OTgtNi4wN2MtNy44OTUsMS41NDUtMTYuNTQ2LDIuNDYxLTI2LjQwNCwyLjQ2MSBjLTYzLjgxMSwwLTcwLjM2Ni0yNC4wMjYtMTI2LjMzNy0yNC4wMjZjLTU5LjA3MiwwLTU3LjY2NSwzMC40MDctMTM3LjY2OSwzMC40MDdjLTQwLjAwNiwwLTYwLjAwOC0xMC44OTEtODAuMDExLTIxLjc4MlYxNDBoMTI4MCB2LTM3LjIxMmMtMTkuOTAzLTEwLjgzNS00MC4wODQtMjEuNzc3LTc5Ljg4OC0yMS43NzdDMTEyOC4wOTgsODEuMDExLDExMjEuMzk3LDEyNC41NywxMDUyLjE0NywxMjQuNTd6Ii8+PC9nPjwvc3ZnPg==); */
	background-image:url("../images/layout/zw/footer_line.svg");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 500% 100px;
	top: -100px;
	left:0px;
	height: 100px;
	transform: scale(-1,1);
}


#footer {
	position:relative;
	flex-shrink: 0;

	font-family: 'muli_extra_light','proxima_nova_light','poppinsextralight', Arial, Helvetica, sans-serif;
	font-size: 15px;
	/*letter-spacing: .025rem; */
	color:#777;
	background-color: #ececec;
}	




#footer_container {
	padding:20px 10px 20px 10px;
}

@media screen and (min-width:1080px) {
	#footer_container {
		max-width:1280px;
		display:flex;
		padding:60px 20px 40px 20px;
		margin:0 auto 0 auto;
		
	}
}

@media screen and (min-width:1800px) {
	#footer_container {
		max-width:calc(70vw);
	}
}


#footer_container a:link,
#footer_container a:visited {
	color:#777;
	text-decoration: none;
	transition: color 0.5s ease;

}

#footer_container a:hover,
#footer_container a:active {
	color:#444;
	text-decoration: none;
	transition: color 0.5s ease;
}


.kontakt_informationen .icon {
	/* color: #24a3d8; */
	color: #003d4c;
}

ul.cms-social-media {
    margin-bottom: 0;
	display: inline-flex;
	list-style-type: none;
}

.cms-social-media li a:hover {
    background-color: #fff;
    color: #1c1c23 !important;
}

.cms-social-media li a {
    display: inline-flex;
    width: 34px;
    height: 34px;
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 50%;
    align-items: center;
	justify-content: center;
	margin-right:5px;
}


#footer_container li {
	list-style-type:none;
	margin-bottom:4px !important;
	padding-left:14px;
	
	background-image:url("../images/icons/link.svg");
	background-repeat: no-repeat;
	background-position: 0px 5px;
	background-size: 7px;
}

.footer_title {
	font-family: 'muli_regular','proxima_nova_light','poppinsextralight', Arial, Helvetica, sans-serif;
	margin-bottom:16px;
	font-size:17px;
	color:#000;
}









/* 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Copywrite
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/
 

#copywrite {
	font-family: 'muli_extra_light','proxima_nova_light','poppinsextralight', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#777;
	background-color: #ececec;
}	


#copywrite_container {
	padding:20px 10px 20px 10px;
}

@media screen and (min-width:1080px) {
	#copywrite_container {
		max-width:1280px;
		padding:0;
		line-height:64px;
		text-align: center;
		margin:0 auto 0 auto;
	}
}


/* 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Angebote Startseite
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

#div_angebote_wrapper a:link,
#div_angebote_wrapper a:visited {
	color:#fff;
	text-decoration:none;

}

#div_angebote_wrapper a:hover,
#div_angebote_wrapper a:active {
	color:#fff;
	text-decoration:none;
}


@media screen and (min-width:1080px) {
	#div_angebote_wrapper {
	 	display: flex;
	  	align-items: stretch;
	  	margin-bottom:40px;
	  	/* justify-content: space-around; */
	}
}

.div_angebot {
	padding:20px 10px 60px 10px;
	margin-bottom:10px;
	text-align:center;
	margin:0 auto;
}

@media screen and (min-width:1080px) {
	.div_angebot {
		width:30%;
	}
}

.img_icon_angebot {
	height:80px;
}

.angebot_button {
	font-family: "gotham_book", Arial, Helvetica, sans-serif;
    padding: 13px 26px;
    padding-top: 13px;
    
    font-size: 13px;

    text-transform: uppercase;
    letter-spacing: .1em;
    color: #fff;
	
	
	background-color: #97a5aa;
	border-color: #97a5aa;
	
/*
	background-color: #ad8c68;
	border-color: #ad8c68;
*/
}



/* 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Angebote Detailseite
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/




.div_image_text_wrapper {
	display:flex;
	height:740px;
}

.div_img_it_support {
	width:50%;
	background-image:url(../images/layout/roos-informatik/it-support.jpg);	
	background-repeat:no-repeat; 
	background-position:center center;
	background-size: cover;
}

.div_kontakt {
	width:50%;
}	

.div_text_right {
	width:50%;
	background-color:#F6F5F1;
	padding:90px;
	
}

.img_detail {
	width:100%;
}


.detail_button {
	font-family: "gotham_book", Arial, Helvetica, sans-serif;
    padding: 13px 26px;
    
    font-size: 13px;

    text-transform: uppercase;
    letter-spacing: .1em;
    color: #fff;
    background-color: #ad8c68;
	border-color: #ad8c68;
	text-decoration: none; 
	border-radius: 3px;
}











.div_infobox {
	background-color: #262626;
	padding-bottom:60px;
}

@media screen and (min-width:1080px) {
	.div_infobox {
		display:flex;
		margin-top:40px;
		margin-left:60px;
	}
}

.foto {
	display:none;
}

@media screen and (min-width:1080px) {
	.foto {
		display:block;
		width:50%;
		margin-top:-40px;
		margin-left:-60px;
		background-image:url(../images/layout/roos-informatik/it-support.jpg);	
		background-repeat:no-repeat; 
		background-position:center center;
		background-size: cover;
	}
}

.text {
	color:#e3e3e3;
	padding:60px 60px 0px 60px;
}

@media screen and (min-width:1080px) {
	.text {
		width:50%;
	}
}






.div_flex_wrapper {
	padding-bottom:40px;
}

@media screen and (min-width:800px) {
	.div_flex_wrapper {
		display:flex;
	}
}



/* 2er Flex */

.div_flex_2 {
	margin-bottom:40px;
}

@media screen and (min-width:640px) {
	.div_flex_wrapper_2 {
		display:flex;
	}

	.div_flex_2 {
		width:50%;
	}

	.div_flex_2_spacer {
		width:3%;
	}
}

.img_flex_2 {
	width:100%;
	
}



/* Team Detail Flex */

.div_flex_team_detail_left {
	margin-bottom:20px;
}

@media screen and (min-width:640px) {
	.div_flex_wrapper_team_detail {
		display:flex;
	}

	.div_flex_team_detail_left {
		width:40%;
	}

	.div_flex_team_detail_right {
		width:60%;
	}

	.div_flex_team_detail_spacer {
		width:3%;
	}
}

.img_flex_team_detail {
	width:100%;
	border-radius:20px;
}




/* 4er Flex */

.div_flex_4 {
	margin-bottom:40px;
}

@media screen and (min-width:640px) {
	.div_flex_wrapper_team {
		display:flex;
	}

	.div_flex_4 {
		width:25%;
	}

	.div_flex_4_spacer {
		width:2%;
	}
}

.img_team {
	width:100%;
	border-radius:20px;
}









.div_kontaktieren {
	margin-top:30px;
	margin-bottom:30px;
}

.div_news_flex_left {
	padding-bottom:20px;
}

.div_news_flex_right {
	padding-bottom:20px;
}


@media screen and (min-width:800px) {
	.div_flex_left {
		width:50%;
		padding-right:80px;
	}


	.div_flex_right {
		width:50%;
		padding-left:40px;
	}


	.div_flex_3er {
		width:32%;
		
		
	}

	.div_flex_3er_spacer {
		width:6%;
	}


}

.div_flex_3er {
	padding-bottom:40px;
}

.div_flex_3er_content {
	background-color: #fff;
	border-radius:40px;
}

.img_flex_3er {
	width:100%;
	border-top-left-radius:40px;
	border-top-right-radius:40px;
}

.div_flex_3er_txt {
	padding:20px;
	text-align: center;
	font-size: 15px;
}






.div_flex_right {
	padding-bottom:40px;
}



.div_rounded_corner {
	background-color: #09F;
	width:100%;
	border-bottom-left-radius: 35% 50%;
	overflow:hidden;
	-webkit-box-shadow: 15px 15px 50px 15px rgba(0,0,0,0.2); 
	box-shadow: 15px 15px 50px 15px rgba(0,0,0,0.2);
}

.img_rounded {
	width:100%;
}



.news_datum {
	font-size:16px;
	margin-bottom:20px;
}

.img_news_photo {
	width:100%;
}

@media screen and (min-width:880px) {
	.img_news_photo {
		width:320px;
	}
}





.div_flex_liste {
	width:100%;
	display:flex;
	margin-bottom:25px;
}

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

	.div_flex_liste {
		margin-bottom:50px;
	
		/*
		background-color: #27a5d9;
		border-radius:5px;
		color:#fff;
		padding:5px;
		*/
	}

}



.div_icon_angebote {
	width:56px;
	flex-shrink:0;
}

@media screen and (min-width:800px) {
	.div_icon_angebote {
		width:70px;
	}
}

.img_icon_angebote {
	width:100%;
}

.div_text_angebote {
	padding-left:20px;
	margin-top:16px;
}

.div_text_angebote {
	width:auto;
	margin-top:14px;
}

@media screen and (min-width:800px) {
	.div_text_angebote {
		width:400px;
		padding-left:40px;
		margin-top:16px;
	}
}



/* 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// News
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

@media screen and (min-width:880px) {
	.news_flex {
		display:flex;
	}
}

.news_container {
	margin-bottom:15px;
}

@media screen and (min-width:880px) {
	.news_container {
		margin-bottom:40px;
	}
}



/* 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Kontaktformular
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/


#div_kontaktieren_sie_uns {
	display:none;
	text-align: left;
	border-radius:10px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	padding:20px;
}


#kontakt_button {
	font-family: "gotham_book", Arial, Helvetica, sans-serif;
    padding: 8px 26px;
	border: none;
	
    font-size: 13px;

    text-transform: uppercase;
    letter-spacing: .1em;
    color: #fff;
    background-color: #ad8c68;
	border-color: #ad8c68;
	text-decoration: none; 
	border-radius: 3px;
}




/* 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Google Maps
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/


.div_flex_adresse {
	margin-bottom:20px;
}

#googlemap {
	height:500px;
}

@media screen and (min-width:640px) {
	
	.flex_adresse_googlemap {
		display:flex;	
		height:auto;
		
	}
	
	.div_flex_adresse {
		width:35%;
		
	}
	
	#googlemap {
		height:600px;
	}
	
	
	.div_flex_googlemap {

		height:100%;
		width:100%;
		border-bottom-left-radius: 35% 50%;
		overflow:hidden;
		-webkit-box-shadow: 15px 15px 50px 15px rgba(0,0,0,0.2); 
		box-shadow: 15px 15px 50px 15px rgba(0,0,0,0.2);

	

	}
	

}



.google_maps_label {
	color:#444;
	background-color: white;
	font-family: 'muli_extra_light', 'Arial', sans-serif;
	font-size: 14px;
	padding:4px;
	text-align: center;
	line-height: 1.4em;
	border: 1px solid #999;
	border-radius: 4px;
	white-space: nowrap;
  }




/* 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Navigation
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

#navigation {
	margin:0 auto;
	transition: 0.5s;
	/* background-color: #e41; */
}

@media screen and (min-width:1080px) {
	#navigation {
		float:right;
	}

	#navigation.shrink_off {
		margin-top:60px;
	}

	#navigation.shrink_on {
		height:0px;
	}
}

#navigation ul {
	list-style-type:none;
	z-index:1;
	width:100%;
	
	
}

#navigation1 {
	display:none;
}
	
#ul_navigation_1 {
	display:none;
}

#mobile-menu-icon {
	position:absolute;
	top:17px;
	right:17px;	
}

@media screen and (min-width:1080px) {
	#navigation ul {
		width:auto;
		display:inline-block;
		padding-top:0px;
		background-color:transparent;
		/* background-color: #e4f; */
	}
	
	#mobile-menu-icon {
		display:none;	
	}
}




/* 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Navigation Ebene1
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

#navigation .ul_ebene_1 {
	font-family: 'muli_light','proxima_nova_light','poppinsextralight', Arial, Helvetica, sans-serif;
	list-style-type:none;
	/* text-transform:uppercase; */
	text-align:right;
	height:2000px;
}

#navigation .li_ebene_1 {
	border-bottom:solid 1px #eee;
	text-align:left;
	line-height:0px;
}

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

	#navigation .ul_ebene_1 {
		height:auto;	
		
		
	}
	
	#navigation .li_ebene_1 {
		float:left;
		position:relative;
		background-color:transparent;
		border-bottom:none;
		
	}
}


/* 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Animation
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

/*
@media screen and (min-width:1080px) {
	#navigation .a_ebene_1:before {
		top: 0px;
		left: 20px;
		transform: translateY(10px); 
	}
	#navigation .a_ebene_1:after {
		bottom: 0px;
		right: 20px;
		transform: translateY(-10px); 
	}

	#navigation .a_ebene_1:hover:before, #navigation .a_ebene_1:hover:after {
		opacity: 1;
		width: 74%;
		// transform: translateY(0px);
	}

	#navigation .a_ebene_1:before,
	#navigation .a_ebene_1:after {
		position: absolute;
		opacity: 0;
		width: 0px;
		height: 2px;
		content: "";
		background: #00b1ec;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}
}
*/


#navigation .a_ebene_1:link,
#navigation .a_ebene_1:visited {
	display:block;
	
	line-height:60px;
	color:#777;

	font-size:16px;
	
	padding-left:15px;
	padding-right:15px;

	transition: color 0.5s ease;
}

#navigation .a_ebene_1:hover {
	
	z-index:100;	
	/* color:#013D6D; */
	color: #003d4c;
	text-decoration: none;
	transition: color 0.5s ease;
	
}

#navigation .a_ebene_1_active:link,
#navigation .a_ebene_1_active:visited,
#navigation .a_ebene_1_active:hover {
	color: #003d4c;
	z-index:100;
	transition: color 0.5s ease;
}


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


	#navigation .a_ebene_1 {
		padding-top:10px;
		padding-bottom:10px;
		
	}

	#navigation .a_ebene_1:link,
	#navigation .a_ebene_1:visited {
		line-height:40px;
		transition: 0.5s;

		padding-left:calc(1vw);
		padding-right:calc(1vw);
	}
	
	#navigation .a_ebene_1:hover {
		color: #003d4c;
		/* text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; */
	}
	
	#navigation .a_ebene_1_active:link,
	#navigation .a_ebene_1_active:visited,
	#navigation .a_ebene_1_active:hover {
		color: #003d4c;
		/* text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; */ 
	}
}




/* 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Navigation Ebene2
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

#navigation .ul_ebene_2 {
		
	/* font-family: 'inter_regular','gotham_medium', Arial, Helvetica, sans-serif; */
	
	
	/* border-bottom:solid 1px #eee; */
	
	
}


@media screen and (min-width:1080px) {
	
	#navigation .ul_ebene_2 {
		position:absolute;
		z-index:500;
		top:60px;
		left:0px;
		display:none;
		width:300px;
		margin-left:-10px;
		
		background-color:rgba(255,255,255,0.96);
		box-shadow: 0 2px 12px rgba(136, 136, 136, 0.26);

		padding-top:10px;
		padding-bottom:10px;

	}
}



#navigation .li_ebene_2 {
	border-top:solid 1px #eee;
	background-color:#fff;
}

@media screen and (min-width:1080px) {
	
	#navigation .li_ebene_2 {
	
		float:none;
		position:relative;
		border-top:none;
		background-color:transparent;
		/* border-bottom:solid 1px #e8e8e8; */
		

	}
	
}



#navigation .li_ebene_2_active {
	
	/* background-color:#ededed; */

}

#navigation .a_ebene_2:link,
#navigation .a_ebene_2:visited {
	display:block;
	
	font-size:16px;
	line-height:60px;
	color:#777;
	text-transform:none;

	padding-left:36px;
	padding-right:18px;
}

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

	#navigation .a_ebene_2:link,
	#navigation .a_ebene_2:visited {
		font-size:15px;
		line-height:1.5em;
		
		padding-left:24px;
		
		padding-top:10px;
		padding-bottom:10px;
		
		transition: color 0.5s ease;
	}

}

#navigation .a_ebene_2:hover {
	color:#003d4c;
	text-decoration: none;
	transition: color 0.5s ease;
}

#navigation .a_ebene_2_active:hover {
	color:#003d4c;
	text-decoration: none;
}

#navigation .a_ebene_2_active:link,
#navigation .a_ebene_2_active:visited {
	color:#003d4c;
	text-decoration: none;
}


/* 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Navigation Drop Down definitionen
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

#navigation li:hover ul ul,
#navigation li li:hover ul ul,
#navigation li li li:hover ul ul,
#navigation li li li li:hover ul ul {
	display:none;
}

#navigation li:hover ul,
#navigation li li:hover ul,
#navigation li li li:hover ul,
#navigation li li li li:hover ul {
	display:block;
}


/* 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Input definitionen
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

.input_textfeld {
	font-family: 'robotolight', Arial, Helvetica, sans-serif;
	font-size:14px;

	border:1px solid #999; 
	
	height:32px;
	line-height: 32px;
	border-radius: 3px;
	padding-left:4px !important;
}

.input_textfeld:focus {
	border:1px solid #27a5d9 !important;
}



.input_select {
	font-family: 'robotolight', Arial, Helvetica, sans-serif;
	font-size:14px;

	border:1px solid #999; 
	
	height:32px;
	line-height: 32px;
	border-radius: 3px;
	padding-left:4px !important;
}

.input_select:focus {
	border:1px solid #27a5d9;
}

.input_textarea {
	font-family: 'robotolight', Arial, Helvetica, sans-serif;
	font-size:14px;

	border:1px solid #999; 
	
	height:124px;
	line-height: 16px;
	border-radius: 3px;
	padding-top:4px;
	padding-left:4px;
}

.input_textarea:focus {
	border:1px solid #27a5d9;
}



.div_space_6px {
	margin-bottom:6px;
}

.input_button {
	font-family: 'robotoregular', Arial, Helvetica, sans-serif;
	text-align:center;
	color:#fff;
	font-size:15px; 
	
	height: 36px;
	padding: 0px 14px 0px 14px;
	line-height: 34px;
	border-radius: 3px;
	
	border:solid 1px #444;
	cursor: pointer;

	background-color: #5a9fce;
	background-image: linear-gradient( to bottom, rgba(90, 159, 206, 0.1) 0%, rgba(58, 122, 199, 1) 100% );
	transition: background-color 0.3s ease-in-out;

	/*
	background: #3a7ac7;
	background: -webkit-linear-gradient(#5a9fce, #3a7ac7);
	background: -o-linear-gradient(#5a9fce, #3a7ac7);
	background: -moz-linear-gradient(#5a9fce, #3a7ac7);
	background: linear-gradient(#5a9fce, #3a7ac7);
	*/
	
}

.input_button:hover {
	border:solid 1px #000;
	background-color: #6caad4;
	background-image: linear-gradient( to bottom, rgba(90, 159, 206, 0.1) 0%, rgba(58, 122, 199, 1) 100% );
	transition: background-color 0.3s ease-in-out;
}





.a_input_button {
	padding: 7px 14px 8px 14px;
	border-radius: 3px;
	background: #7abcff;
	
	border:solid 1px #444;
	
	background-color: #5a9fce;
	background-image: linear-gradient( to bottom, rgba(90, 159, 206, 0.1) 0%, rgba(58, 122, 199, 1) 100% );
	transition: background-color 0.3s ease-in-out;

	/*
	background: #3a7ac7;
	background: -webkit-linear-gradient(#5a9fce, #3a7ac7);
	background: -o-linear-gradient(#5a9fce, #3a7ac7);
	background: -moz-linear-gradient(#5a9fce, #3a7ac7);
	background: linear-gradient(#5a9fce, #3a7ac7);
	*/

	cursor: pointer;
}

.a_input_button:hover {
	border:solid 1px #000;
	background-color: #6caad4;
	background-image: linear-gradient( to bottom, rgba(90, 159, 206, 0.1) 0%, rgba(58, 122, 199, 1) 100% );
	transition: background-color 0.3s ease-in-out;
}

.div_link_button a:link,
.div_link_button a:visited,
.div_link_button a:hover,
.div_link_button a:active {
	
	font-family: 'robotoregular', Arial, Helvetica, sans-serif;
	text-align:center;
	color:#fff !important;
	font-size:15px;
	text-decoration: none !important;
}



	
/* 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Suche
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/


#div_suche_suchbegriff {
	margin-bottom:20px;
}

#div_suche_downloadbereich {
	margin-bottom:20px;
}

@media screen and (min-width:540px) {
	#div_flex_suche { 
		display:flex;
		max-width:600px;
	}

	#div_suche_suchbegriff {
		width:50%;
	}

	#div_suche_downloadbereich {
		width:50%;
		margin-left:20px;
	}

}

/* 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Shop
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

.shop_product {
	width:160px;
	float:left;
	margin-right:15px;
	text-align:center;
	font-size:14px;
	line-height:20px;
	margin-bottom:30px;	
}


.tabelle {
	font-size:15px;	
}

.tabelle_td {
	width:150px;	
}

.tabelle_td_right {
	text-align:right;
	
}

	




/* 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Blog
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/


.div_post_wrapper {
	width:80%;

	padding-top:20px;
	padding-bottom:20px;
	border-bottom:solid 1px #ccc;
	text-align:left;
}



.h1_blog {
	font-size:24px;
	margin-bottom:8px;
	}
	
	
.div_post_daten {
	font-size:12px;
	margin-bottom:8px;
}

	
.span_post_autor {
	color:#09F;
}

.div_answer_daten {
	font-size:12px;
	margin-bottom:2px;
}

.div_answer_text {
	margin-bottom:20px;
}

.div_post_text {
	margin-bottom:20px;
}

.div_answer_anzahl {
	margin-bottom:8px;
	font-weight:bold;
}

.div_answer_new_titel {
	margin-bottom:8px;
}

.div_answer_new_form {
	display:none;
}

.div_answer_name {
	position:absolute;
	left:-2000px;	
}


/* 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Input Definitions für Blog
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/


.div_post_wrapper input {
	font-family: 'robotoregular', Arial, Helvetica, sans-serif;
	color:#666;
	width:400px;
	height:20px;
	padding-left:2px;
	color:#666;
	border:1px solid #999;
	margin-bottom:4px;
}

.div_post_wrapper input:focus {
	border:1px solid #09F;
}



.div_post_wrapper select {
	color:#666;
	border:1px solid #999;
}

.div_post_wrapper select:focus {
	border:1px solid #09F;
}


.div_post_wrapper textarea {
	font-family: 'robotoregular', Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	padding-left:2px;
	padding-top:2px;
	width:402px;
	height:100px;
	border:1px solid #999;
	margin-bottom:4px;
}

.div_post_wrapper textarea:focus {
	border:1px solid #09F;
}



.div_post_wrapper .input_button {
	width:80px;
	background-color:#eee;
	border:1px solid #999;
	cursor:pointer;
	height:18px;
}


.div_post_wrapper .my_table {
	border:0;
	border-spacing:0px;
	padding:0px;
	
	
	/* background-color:#0CF;  */
}	

.div_post_wrapper .my_table_text {
	vertical-align:top;
	width:100px;
	height:16px;
}



#blog_iframe_content {
	display:none;
	
}

#upload_iframe {
	height:600px;
	width:100%;
	border:none;
	
}


/* 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Gallery
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

#mobile_gallery_div {
	margin-left:-10px;
	margin-right:-10px;	
	
}


#gallery_kachel_container {
  	text-align: center;
	color:#212529;
	
	/* background-color:#92E9F7; */
}


#gallery_kachel_container input:focus {
	border:none;
}

#gallery_verzeichnis_baum {
	/*
	line-height:28px;
	height:28px;
	*/
	margin-bottom:20px;
}

#gallery_info_body {
	display:none;
	position:absolute;
	background-color:#000000;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:1;	
}


#gallery_info_wrapper {
	display:none;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:2;
	}
	

#gallery_info_container {
	display:none;
	position:absolute;
	padding:12px;
	width:370px;
	background-color:#7f7f7f;
	border:solid 1px #929292;
	z-index:3;	
	line-height:18px;
}


#gallery_upload_iframe_ordner {
	border:none;
	height:80px;
	width:100%;
	margin-top:8px;
	visibility:hidden;
}

#gallery_upload_iframe_photo {
	border:none;
	height:80px;
	width:100%;
	margin-top:8px;
	visibility:hidden;
}

/* Gallery */


.gallery_kachel {
	
	margin-right:-1px;
	margin-top:-1px;
	padding:8px;
	
	text-align:left;
	
	/* Statt float:left; */
	display:inline-block;
	
	width:180px;
	height:174px;

	font-size:11px;
	background-color:#fff;
	
	border:solid 1px #e4e4e4;
	
	
	
	
	/*
	-webkit-box-shadow: 1px 1px 2px 1px rgba(204,204,204,1);
	box-shadow: 1px 1px 2px 1px rgba(204,204,204,1);
	*/
}


.gallery_thumb_halter {
	width:180px;
	height:120px;
	text-align:center;
	margin-bottom:2px;
	overflow:hidden;
	
}

.gallery_thumb_halter img {

}

.gallery_text_halter {
	width:180px;
	height:52px;
}

.gallery_kachel_thumb_bereich {
	float:left;
	width:13px;
}

.gallery_kachel_thumb_bereich_icons {
	
	}

.gallery_kachel_text_bereich_ordner {
	float:left;
	padding-left:3px;
	width:135px;
	height:52px;
	overflow:hidden;
}

.gallery_kachel_text_bereich_photo {
	float:left;
	width:151px;
	height:52px;
	overflow:hidden;

	
	
}

.gallery_kachel_info_bereich {
	position:relative;
	top:0px;
	left:150px;
	width:30px;
	height:52px;

}

.gallery_kachel_info_bereich_links {
	position:absolute;
	top:0px;
	left:0px;
	width:14px;
	height:52px;
	margin-top:3px;
}

.gallery_kachel_info_bereich_rechts {
	position:absolute;
	top:0px;
	right:0px;
	float:left;
	width:14px;
	height:52px;
	margin-top:3px;
}

.gallery_kachel_info_bereich img {
	cursor:pointer;
	}

.gallery_icons {
	margin-bottom:3px;
	width:13px;	
}


/* Info Fenster */

#gallery_div_info_thumb {
	float:left;
	width:182px;
	height:127px;
	
}

#gallery_div_info_control {
	height:127px;
}

.gallery_edit_icons {
	margin-top:100px;
}

.gallery_info_table {
	width:100%;
	border-collapse:collapse;


}
.gallery_info_table td {
	border-top:1px solid #7f7f7f;
	vertical-align:top;
}

.gallery_info_table_td_left {
	width:100px;
}

.gallery_info_table_padding {
	margin-top:3px;
}

.gallery_align_right {
	text-align:right;
	display:block;
}

.gallery_align_right img {
	cursor:pointer;
}


/* Weitere Klassen */

.transparent80 {
    opacity: 0.8;
}

.gallery_thumb {
	/* border:1px solid #666; */
	
	margin-bottom:2px;
	vertical-align:middle;

}





/* Gallery Input */

.gallery_input_feld {
	border:solid 1px #000;
	width:100%;
	
	background-color:#bbbbbb;
	padding-left:2px;
	line-height:14px;
}

.gallery_input_feld_datum {
	width:156px;
}



.gallery_input_feld_titel {
	height:24px;
}

.gallery_input_feld_beschreibung {
	height:24px;
}

.gallery_input_feld_datei {
	cursor:pointer;
	width:80px;

}

.gallery_input_feld_1zeilen {
	white-space:pre;
	padding-top:2px;
	height:15px;
	width:100%;
}

.gallery_input_feld_2zeilen {
	white-space:pre;
	padding-top:2px;
	height:30px;
	width:100%;
}

.gallery_input_feld_5zeilen {
	white-space:pre;
	padding-top:2px;
	height:60px;
	width:100%;
}

.gallery_input_feld_datum_info {
	width:244px;
	padding-top:2px;
	height:13px;
	line-height:13px;
}

.gallery_icon_kalender {
	margin-bottom:-1px;
}

.gallery_input_button {
	margin-top:5px;
	width:89px;
	height:16px;
	border:solid 1px black;
	background-color:#bbbbbb;
	cursor:pointer;
}

.gallery_input_select {
	border:solid 1px #000;
	width:100%;
	height:17px;
	background-color:#bbbbbb;
	font-size:10px;
	padding-left:2px;
}

.gallery_input_text {
	line-height:13px;
	height:13px;
}

.gallery_input_checkbox {
	cursor:pointer;
	border:none;
	background-color:#bbbbbb;
}


.gallery_divinputfile {
	background-image:url(../images/icons/upload.gif);	
	background-repeat:no-repeat; 
	background-position:right;
	height:16px;
	width:182px;
	margin-bottom:1px;
	cursor:pointer;
	overflow:hidden;
}

.gallery_divinputfile .gallery_myfile {
	opacity: 0.0;
	font-size:10px;
	height:16px;
	overflow:hidden;
}



.gallery_fakeinputfile {
	margin-top:-16px;
}


.gallery_fakeinputfile .gallery_fakemyfile {
	width:134px;
	background-color:#bbbbbb;
	border:solid 1px #000;
	font-size:10px;
	padding-left:2px;
	height:14px;
	cursor:pointer;

}




.mobile_gallery_thumb {
	width:24.5%;
	height:24.5%;
	float:left;
	margin-right:0.5%;
	margin-bottom:0.5%;
}


.folder_div {
	line-height:16px;
	font-size:12px;
	width:156px;
	margin-bottom:20px;
	float:left;
	text-align:center;
}

.mobile_gallery_folder_div {
	width:49.5%;
	margin-right:0.5%;
	margin-bottom:5%;
	float:left;
	font-size:12px;
	text-align:left;
}



.mobile_gallery_folder_foto {

}

.mobile_gallery_folder_thumb {
	width:100%;
}


.mobile_gallery_folder_text {
	text-align: center;
}



.video_thumb {
		width:250px;
		height:140px;
	}
	
.gallery_span_path {
	font-size:16px;
}
	
.gallery_span_path_link {	
	color:#108BFD;
	font-size:16px;
	font-weight:bold;

}

@media screen and (min-width:1080px) {
	.video_thumb {
		width:500px;
		height:280px;
	}
}


.content_video {
  display: inline-block;
  text-align:left;
  font-size:11px;
  line-height:20px; 
  padding: 10px 10px 6px 10px;
  margin-left:10px;
  margin-right:10px;
  margin-bottom:20px;
  background: #fff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}


@media screen and (min-width:1080px) {
	.content_video {
		margin-left:20px;
		margin-right:20px;
  		margin-bottom:40px;
	}
}


.video {
	width:100%;	
}



/* 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Fonts
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/





/* 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Poppins Sans (Free)
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/



@font-face {
    font-family: 'poppinsblack';
    src: url('../fonts/poppins/poppins-black-webfont.woff2') format('woff2'),
         url('../fonts/poppins/poppins-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.poppinsblack {
	 font-family: 'poppinsblack', sans-serif;   
}



@font-face {
    font-family: 'poppinsbold';
    src: url('../fonts/poppins/poppins-bold-webfont.woff2') format('woff2'),
         url('../fonts/poppins/poppins-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.poppinsbold {
	 font-family: 'poppinsbold', sans-serif;   
}



@font-face {
    font-family: 'poppinsextrabold';
    src: url('../fonts/poppins/poppins-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/poppins/poppins-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.poppinsextrabold {
	 font-family: 'poppinsextrabold', sans-serif;   
}


@font-face {
    font-family: 'poppinsextralight';
    src: url('../fonts/poppins/poppins-extralight-webfont.woff2') format('woff2'),
         url('../fonts/poppins/poppins-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.poppinsextralight {
	 font-family: 'poppinsextralight', sans-serif;   
}



@font-face {
    font-family: 'poppinslight';
    src: url('../fonts/poppins/poppins-light-webfont.woff2') format('woff2'),
         url('../fonts/poppins/poppins-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.poppinslight {
	 font-family: 'poppinslight', sans-serif;   
}



@font-face {
    font-family: 'poppinsmedium';
    src: url('../fonts/poppins/poppins-medium-webfont.woff2') format('woff2'),
         url('../fonts/poppins/poppins-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.poppinsmedium {
	 font-family: 'poppinsmedium', sans-serif;   
}


@font-face {
    font-family: 'poppinsregular';
    src: url('../fonts/poppins/poppins-regular-webfont.woff2') format('woff2'),
         url('../fonts/poppins/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.poppinsregular {
	 font-family: 'poppinsregular', sans-serif;   
}


@font-face {
    font-family: 'poppinssemibold';
    src: url('../fonts/poppins/poppins-semibold-webfont.woff2') format('woff2'),
         url('../fonts/poppins/poppins-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.poppinssemibold {
	 font-family: 'poppinssemibold', sans-serif;   
}


@font-face {
    font-family: 'poppinsthin';
    src: url('../fonts/poppins/poppins-thin-webfont.woff2') format('woff2'),
         url('../fonts/poppins/poppins-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.poppinsthin {
	 font-family: 'poppinsthin', sans-serif;   
}


/* 
////////////////////////////////////////////////////////////////
// Proxima Nova Regular (Commercial)
////////////////////////////////////////////////////////////////
*/

@font-face {
	font-family: 'proxima_nova_regular';
	src: url('../fonts/proxima_nova/proxima_nova_regular-webfont.woff2') format('woff2'),
		 url('../fonts/proxima_nova/proxima_nova_regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

.proxima_nova_regular {
	  font-family: 'proxima_nova_regular', sans-serif;   
}


@font-face {
	font-family: 'proxima_nova_light';
	src: url('../fonts/proxima_nova/proxima_nova_light-webfont.woff2') format('woff2'),
		 url('../fonts/proxima_nova/proxima_nova_light-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

.proxima_nova_light {
	  font-family: 'proxima_nova_light', sans-serif;   
}



/* 
////////////////////////////////////////////////////////////////
// Muli (Free)
////////////////////////////////////////////////////////////////
*/

@font-face {
	font-family: 'muli_regular';
	src: url('../fonts/muli/muli-webfont.woff2') format('woff2'),
		 url('../fonts/muli/muli-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

.muli_regular {
	  font-family: 'muli_regular', sans-serif;   
}


@font-face {
	font-family: 'muli_light';
	src: url('../fonts/muli/muli-light-webfont.woff2') format('woff2'),
		 url('../fonts/muli/muli-light-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

.muli_light {
	  font-family: 'muli_light', sans-serif;   
}

@font-face {
	font-family: 'muli_extra_light';
	src: url('../fonts/muli/muli-extralight-webfont.woff2') format('woff2'),
		 url('../fonts/muli/muli-extralight-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

.muli_extra_light {
	  font-family: 'muli_extra_light', sans-serif;   
}

@font-face {
	font-family: 'muli_semi_bold';
	src: url('../fonts/muli/muli-semibold-webfont.woff2') format('woff2'),
		 url('../fonts/muli/muli-semibold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

.muli_semi_bold {
	  font-family: 'muli_semi_bold', sans-serif;   
}

@font-face {
	font-family: 'muli_bold';
	src: url('../fonts/muli/muli-bold-webfont.woff2') format('woff2'),
		 url('../fonts/muli/muli-bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

.muli_bold {
	  font-family: 'muli_bold', sans-serif;   
}