/* 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// 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;	
}

.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:1000px) {
	.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;
	}

	.desktop_w80p {
		width:80%;
	}

	.desktop_w90p {
		width:90%;
	}
}



.margin_right_10px {
	margin-right:10px;
}

.margin_right_20px {
	margin-right:20px;
}


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




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

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




.uppercase {
	text-transform:uppercase;
}

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

.red {
	/* color: #cc3300; */
	color: #4c726f;
}

.blue {
	color: #71beea;
}

.white {
	color:#fff;
}





/* Tables */

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




/* 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Über mich
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/
	
.div_silvio {
	text-align: center;
	padding:20px 20px 40px 20px;
}

.img_silvio {
	width:100%;
	border-radius:50%;
	
}

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

	.div_silvio {
		padding:20px 20px 80px 20px;
	}
}




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



h1 {
	font-family: 'font_instrumentsans_medium', Arial, Helvetica, sans-serif;
	margin: 0px 0px 10px 0px !important;
	/* color: #1f1f22; */
	color:#212529;
	/* text-transform: uppercase; */
	line-height: 1.3em !important;
	font-size: 28px !important;
}	

@media screen and (min-width:800px) {
	h1 {
		font-size: calc(20px + 1.1vw) !important;
		margin: 0px 0px 40px 0px !important;
	}
}

@media screen and (min-width:2000px) {
	h1 {
		font-size: 42px !important;
	}
}


h2 {
	font-family: 'font_instrumentsans_regular', Arial, Helvetica, sans-serif;
	margin: 0px 0px 5px 0px !important;
	line-height: 1.3em !important;
	font-size: 24px !important;
}	

@media screen and (min-width:800px) {
	h2 {
		font-size: calc(20px + 0.3vw) !important;
		margin: 0px 0px 16px 0px !important;
	}
}

@media screen and (min-width:2000px) {
	h2 {
		font-size: 26px !important;
	}
}

.h2_spacer_startseite {
	margin-bottom:10px;
}

.h2_spacer_dienstleistungen {
	margin-bottom:10px;
}

@media screen and (min-width:800px) {
	.h2_spacer_startseite {
		margin-bottom:20px;
	}
	
	.h2_spacer_dienstleistungen {
		margin-bottom:14px;
	}
}


h3 {
	font-family: 'font_instrumentsans_regular', Arial, Helvetica, sans-serif;
	margin: 0px 0px 5px 0px !important;
	line-height: 1.3em !important;
	font-size: 20px !important;
}	

@media screen and (min-width:800px) {
	h3 {
		font-size: calc(18px + 0.3vw) !important;
		margin: 0px 0px 4px 0px !important;
	}
}

@media screen and (min-width:2000px) {
	h3 {
		font-size: 22px !important;
	}
}


h4 {
	font-family: 'font_instrumentsans_regular', Arial, Helvetica, sans-serif;
	font-size: 20px !important;
	margin: 0px 0px 10px 0px !important;
	line-height: 1.3em !important;
}	

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

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


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


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

a:hover,
a:active {
	color:#cc3300;
	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 7px;
	background-repeat: no-repeat;
	width: 12px;
	height: 18px;
    float: left;
}

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


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

#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
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

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

#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 {
	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;
	-moz-border-radius:6px;
	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; 
	-moz-border-radius:6px;
	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; */
	-webkit-font-smoothing: antialiased;

	color: #64707b;
	
	min-height:100%;
	line-height:1.4em;
	height:100%;
	display: flex;
  	flex-direction: column;

	/* font-size:20px; 
	font-size:calc(70% + 0.5vw);*/
	/* font-size: clamp(1rem, 70% + 0.5vw, 3.5rem); */
	font-size: 18px;
}


@media screen and (min-width:1000px) {
	body {
		font-size: calc(14px + 0.3vw);
	}
}

@media screen and (min-width:2000px) {
	body {
		font-size: 20px;
	}
}


#div_wrapper {
	flex: 1 0 auto;
}

@media screen and (min-width:1000px) {
	#top_wrapper {
		background-color:#99B4AE;
		
	} 

	#top_wrapper.shrink_off {
		height:12px;
	}

	#top_wrapper.shink_on {
		height:0px;
	}

	#top {
		padding:0px 20px 0px 20px;
		margin:0 auto;
		max-width:1280px;
		line-height:40px;
		font-family: 'font_instrumentsans_regular', Arial, Helvetica, sans-serif;
		font-size: 16px;
		color:#E3E3E3;
		text-align:right;
		
	}
}


#logo_navigation {
	background-color: #fff;
	position:fixed;
	height:60px;
	z-index:4;
	width:100%;
}

@media screen and (min-width:1000px) {
	#logo_navigation {
		transition: 0.5s;
	}

	#logo_navigation.shrink_off {
		/* Height fixed like the padding in #header */
		height:120px;
		top:12px;
		/* background-color: rgba(255, 255, 255, 0.92); */
		background-color: rgba(255, 255, 255, 1);
	}

	#logo_navigation.shrink_on {
		height:60px;
		top:0px;
		/* background-color: rgba(255, 255, 255, 0.92); */
		background-color: rgba(255, 255, 255, 1);
	}
}


#logo_navigation_wrapper {
	margin:0px auto;	
}

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

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

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




#logo {
	width:200px;
	height:60px;
	background-image:url(../images/layout/itsupport-mit-herz/logo_itsupport_mit_herz.png);
	background-repeat:no-repeat;
	background-position: 10px 6px; 
}

#logo.shrink_off {
	height:60px;	
	background-size:150px;
}
#logo.shrink_on {
	height:60px;	
	background-size:150px;
}

@media screen and (min-width:1000px) {
	
	#logo {
		float:left;
		height:auto;
		width:280px;
		
		background-position: 20px 0px;
		transition: 0.5s;
	}

	#logo.shrink_off {
		height:100px;
		background-size:260px;
		margin-top:20px;
	}

	#logo.shrink_on {
		height:54px;
		background-size:150px;
		margin-top:6px;
	}
}



/*
#content_wrapper {
	
}

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

#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;
}


@media screen and (min-width:800px) {
	#content {
		padding:40px 20px 80px 20px;
	}

}

*/



#content {
	font-family: 'font_instrumentsans_regular', Arial, Helvetica, sans-serif;
	

	
	line-height: 1.6em;
	/* letter-spacing: 0.02em; */
	padding:25px 0px 25px 0px;
	min-height: 200px;
}


@media screen and (min-width:1000px) {
	#content {
		padding:70px 0px 70px 0px;
	}

}


.content_center {
	padding:0px 10px 0px 10px;
}

@media screen and (min-width:1000px) {
	
	.content_center {
		margin:0 auto;
		max-width:1280px;
		padding:0px 20px 0px 20px;
	}
}
	



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

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

*/

#content ul {
	padding-left:30px;
	padding-bottom:1.5em;
}

#content ol {
	padding-left:30px;
	padding-bottom:1.5em;
}

#content li {
	padding-top:0.8em;
}


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

.div_private_und_kmu {
	font-family: 'font_instrumentsans_regular_italic', Arial, Helvetica, sans-serif;
	font-size:20px;
	text-align:center;
}

.div_private_und_kmu {
	margin-top:-5px;
	font-size: 17px;
}

@media screen and (min-width:800px) {
	.div_private_und_kmu {
		margin-top:calc(-45px + 0.8vw);
		font-size: calc(14px + 0.3vw);
	}
}

@media screen and (min-width:2000px) {
	.div_private_und_kmu {
		margin-top:-30px;
		font-size: 20px;
	}
}


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

@media screen and (min-width:800px) {
	
	.div_special_text {
		font-size:28px;
	}
}


.div_content_block_blue {
	background-color:#f6f6f6;
}






.div_flex_wrapper_same_height .flex_entry {
	margin-bottom:2em;
}


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

	.div_flex_wrapper_same_height {
		display: flex;
	}

	.div_flex_wrapper_same_height .flex_entry {
		display: flex;
		flex-direction: column;
		flex: 1 1 100%;
		width:33%;
		/* 
		In the order, equal to
		flex-grow: 1;
		flex-shrink: 1;
		flex-basis: 300px;
		*/
		
		/* background-color: #09F; */
		margin-bottom:4em;

	}

	.div_flex_wrapper_same_height .flex_middle_margin {
		margin-left: 2em;
		margin-right: 2em;
	}

}




.div_icon_angebote_neu {
	width:56px;
	margin-bottom:20px;
}

@media screen and (min-width:800px) {
	.div_icon_angebote_neu {
		width:70px;
		margin-bottom:20px;
	}
}

.img_icon_angebote_neu {
	width:100%;
	opacity: 0.85;
}



.h2_spacer_dienstleistungen_neu {
	margin-bottom:2px;
}





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


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









/* 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Headerbilder Cycler
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

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

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

#background_cycler img {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:1;
	vertical-align:middle;
	height:100%;
} 

#background_cycler img.active {
	z-index:3;
}



#background_cycler {
	height:180px;
}

@media screen and (min-width: 500px) {
	#background_cycler {
		height:240px;
	}
}

@media screen and (min-width: 700px) {
	#background_cycler {
		height:320px;
	}
}

@media screen and (min-width: 900px) {
	#background_cycler {
		height:380px;
	}
}

@media screen and (min-width: 1100px) {
	#background_cycler {
		height:440px;
	}
}

@media screen and (min-width: 1300px) {
	#background_cycler {
		height:500px;
	}
}

@media screen and (min-width: 1500px) {
	#background_cycler {
		height:560px;
	}
}

@media screen and (min-width: 2000px) {
	#background_cycler {
		height:620px;
	}
}

@media screen and (min-width: 2500px) {
	#background_cycler {
		height:740px;
	}
}

@media screen and (min-width: 3000px) {
	#background_cycler {
		height:860px;
	}
}
*/



/* 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Headerbild
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

/*
#image-zoom {
	width: 100%;
	float: left;
	position: relative;
	background: #000000;
	overflow: hidden;
	height: 500px
  }
#image-zoom:before {
	background:linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url(https://kruxor.com/images/pexels-photo-709552.jpg) no-repeat center;
	content: "";
	display: inline-block;
	height: 100%;
	opacity: 1;
	position: absolute;
	top: 0;
	width: 100%;
	animation: 30s ease 0s normal none infinite running zoomin;
	-webkit-animation: 30s ease 0s normal none infinite running zoomin;
	-o-animation: 30s ease 0s normal none infinite running zoomin;
	-moz--o-animation: 30s ease 0s normal none infinite running zoomin;
  }
  
  @keyframes zoomin {
	  0% { transform: scale(1.5, 1.5) }
	  50% { transform: scale(1, 1) }
	  100% { transform: scale(1.5, 1.5) }
  }
*/

#header {
	transition: 0.5s;
	font-family: 'open_sanssemibold', Arial, Helvetica, sans-serif;
	position: relative;
	padding-top:60px;
	/*
	clip-path: polygon(
		0 0,
		100% 0,
		100% 88%,
		35% 100%,
		0 88%
		);
	)
	*/
	
}


@media screen and (min-width:1000px) {
	#header {

	}

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

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

#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:42vw; */
	height:calc(20vh + 15vw);
}


/*
@media screen and (min-width: 700px) {
	#header_zoom {
		height:36vw;
	}
}

@media screen and (min-width: 900px) {
	#header_zoom {
		height:36vw;
	}
}

@media screen and (min-width: 2000px) {
	#header_zoom {
		height:32vw;
	}
}

@media screen and (min-width: 2600px) {
	#header_zoom {
		height:28vw;
	}
}
*/




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

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

	font-family: 'font_instrumentsans_regular', Arial, Helvetica, sans-serif;

	color:#e3e3e3;
	/* background-color:#1C1C23; */ 
	/* background-color:#2E2E2E; */
	/* background-color: #1f1f23; */
	background-color: #1b1b1e;

	font-size: 16px;
	line-height: 1.6em;
}	

@media screen and (min-width:1000px) {
	#footer {
		font-size: calc(12px + 0.3vw);
	}
}

@media screen and (min-width:2000px) {
	#footer {
		font-size: 17px;
	}
}



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

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

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

}

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


#footer_teamviewer {
	padding:0px 10px 20px 10px;
	
}

@media screen and (min-width:1000px) {
	#footer_teamviewer {
		max-width:1280px;
		text-align: center;
		
		
		padding:10px 20px 20px 20px;
		margin:0 auto 0 auto;

	}
}

.img_teamviewer {
	width:200px;
	
}


.payment_logos {
	height:40px;
	margin-top:10px;
}

.kontakt_informationen .icon {
	color: #24a3d8;
}

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 7px;
	background-size: 7px;
}

.footer_title {
	font-family:  'font_instrumentsans_medium', Arial, Helvetica, sans-serif;
	margin-bottom:8px;
	
	color:#cbbe9a;

	font-size: 17px;
}	

@media screen and (min-width:1000px) {
	.footer_title {
		font-size: calc(14px + 0.3vw);
	}
}

@media screen and (min-width:2000px) {
	.footer_title {
		font-size: 19px;
	}
}









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

#copywrite {
	font-family: 'font_instrumentsans_regular', Arial, Helvetica, sans-serif;
	background-color:#111113;
	font-size: 16px;
}	

@media screen and (min-width:1000px) {
	#copywrite {
		font-size: calc(12px + 0.3vw);
	}
}

@media screen and (min-width:2000px) {
	#copywrite {
		font-size: 17px;
	}
}



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

@media screen and (min-width:1000px) {
	#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:1000px) {
	#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:1000px) {
	.div_angebot {
		width:30%;
	}
}

.img_icon_angebot {
	height:80px;
}

.angebot_button {
	font-family: 'instrumentsans_regular', Arial, Helvetica, sans-serif;


    padding: 13px 26px;
    padding-top: 13px;
    
    font-size: 14px;

    text-transform: uppercase;
    color: #fff;
	
	
	background-color: #71beea;
	border-color: #71beea;

	letter-spacing: 0.15em;
	
/*
	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/itsupport-mit-herz/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 {
	display:inline-block;
	font-family: 'instrumentsans_regular', Arial, Helvetica, sans-serif;
    padding: 1px 25px 0px 25px;
    
    font-size: 14px;
	line-height: 3em;

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

	background-color: #67b3de;
	border-color: #67b3de;
	
	text-decoration: none; 
	border-radius: 5px;
}











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

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

.foto {
	display:none;
}

@media screen and (min-width:1000px) {
	.foto {
		display:block;
		width:50%;
		margin-top:-40px;
		margin-left:-60px;
		background-image:url(../images/layout/itsupport-mit-herz/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:1000px) {
	.text {
		width:50%;
	}
}






.div_flex_wrapper {
	
}

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

.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:25%;
		
	}

	
	.div_trennlinie {
		width:60px;
		float:right;
		border-top:solid 2px #000;
	}

	.div_untertitel {
		margin-top:40px;
		max-width:400px;
		float:right;
		font-size:18px;
	}

	.div_kontaktieren {
		margin-top:40px;
		max-width:300px;
		float:right;
	}

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

	

	.div_news_details_flex_left {
		margin-right:30px;
	}


}

.div_flex_right {
	padding-bottom:40px;
}


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







.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:10px;
	}
}



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


.div_flex_wrapper_news {
	padding-bottom:40px;
}

@media screen and (min-width:800px) {
	.div_flex_wrapper_news {
		display:flex;
		width:80%;
		margin:0 auto;
		padding-bottom:40px;
	}

	.div_news_flex_left {
		width:33%;
		
	}

	.div_news_flex_right {
		width:67%;
		padding-left:40px;
	}


}


.img_news_photo {
	width:100%;
}



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

.news_container {
	margin-bottom:15px;
}

@media screen and (min-width:800px) {
	.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 {
	display: inline-block;
	font-family: 'font_instrumentsans_regular', Arial, Helvetica, sans-serif;
    padding: 0px 25px 0px 25px;
	border: none;
	
    font-size: 14px;
	line-height: 3em;


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

	background-color: #67b3de;
	border-color: #67b3de;

	text-decoration: none; 
	border-radius: 5px;
}



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


#adresse {
	margin-bottom:20px;
}

#googlemap {
	width:100%;
	height:320px;
}


@media screen and (min-width:640px) {
	
	#flex_adresse_googlemap {
		display:flex;	
		width:100%;
		
	}
	
	#adresse {
		width:320px;
		
	}
	
	
	#googlemap {
		width:100%;
		height:500px;
	}

}






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

#div_burger_icon_wrapper {
	position:absolute;
	top:10px;
	right:10px;	
	/* border:solid 1px #666; */
	border-radius:4px;
	padding-top:9px;
	padding-left:10px;
	padding-right:10px;	
	height:40px;
}

#div_burger_icon {
	display:block;
    border-bottom: 12px double#999;
    border-top: 4px solid #999;
	border-radius:2px;
    height: 20px;
    width: 32px;
}

@media screen and (min-width:1000px) {
	#div_burger_icon_wrapper {
		display:none;	
	}
}


#navigation {
	margin:0 auto;
	transition: 0.5s;
	background-color: #fff;
}

@media screen and (min-width:1000px) {
	#navigation {
		float:right;
		background-color: transparent;
	}
}

#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:1000px) {
	#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: 'font_instrumentsans_regular', Arial, Helvetica, sans-serif;
	list-style-type:none;
	/* text-transform:uppercase; */
	text-align:right;
	height:2000px;
}

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

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

	#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:1000px) {
	#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:#444;
	
	font-size:18px;
	
	padding-left:20px;
	padding-right:20px;

	transition: color 0.5s ease;
}

#navigation .a_ebene_1:hover {
	z-index:100;	
	color:#6A8886;
	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:#6A8886;
	z-index:100;
	transition: color 0.5s ease;
}


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


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

	#navigation .a_ebene_1:link,
	#navigation .a_ebene_1:visited {
		
		transition: 0.5s;
		
		padding-left:calc(1vw);
		padding-right:calc(1vw);
	}

	#navigation.shrink_off .a_ebene_1:link {
		line-height:100px;
	}

	#navigation.shrink_on .a_ebene_1:link {
		line-height:40px;
	}
	
	
	#navigation .a_ebene_1:hover {
		color:#6A8886;
		/* 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:#6A8886;
		/* text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; */ 
	}
}

/* Breite fix */
@media screen and (min-width:2000px) {

	#navigation .a_ebene_1:link,
	#navigation .a_ebene_1:visited {
		
		transition: 0.5s;
		padding-left:20px;
		padding-right:20px;

	}
}
 

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

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


@media screen and (min-width:1000px) {
	
	#navigation .ul_ebene_2 {
		position:absolute;
		z-index:500;
		left:22px;
		display:none;
		width:260px;
		
		margin-left:-20px;
		
		background-color:rgba(255,255,255,1);
		box-shadow: 10px 10px 12px rgba(136, 136, 136, 0.26); 
		padding-bottom:6px;
	}

	#navigation .ul_ebene_2.shrink_off {
		top:90px;
	}

	#navigation .ul_ebene_2.shrink_on {
		top:60px;
	}

	/*
	#navigation .ul_ebene_2:before {
		content: "";
		height: 7px;
		width: 100%;
		position: absolute;
		top: -7px;
		background: inherit;
		z-index: 2;
	  }
*/

	
}


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

@media screen and (min-width:1000px) {
	
	#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;
	
	text-transform:none;
	
	font-size:18px;
	line-height:57px;
	
	color:#444;

	

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

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

	#navigation .a_ebene_2:link,
	#navigation .a_ebene_2:visited {
		font-size:15px;
		line-height:1.5em;
		
		color:#444;
	
		padding-left:20px;

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

		transition: color 0.5s ease;
	}

}

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

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

#navigation .a_ebene_2_active:link,
#navigation .a_ebene_2_active:visited {
	color:#c00d0e;
	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: 'font_instrumentsans_regular', Arial, Helvetica, sans-serif;
	text-align:center;
	color:#fff;
	font-size:16px; 
	
	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);
	-moz-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: .8;
    filter: alpha(opacity=80);
    -moz-opacity: .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;
	-moz-opacity: 0.0;
	filter: alpha(opacity=00);
	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:1000px) {
	.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;
  -moz-border-radius: 3px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  -moz-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:1000px) {
	.content_video {
		margin-left:20px;
		margin-right:20px;
  		margin-bottom:40px;
	}
}


.video {
	width:100%;	
}



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






/* 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Lobster
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

@font-face {
    font-family: 'lobster';
    src: url('../fonts/lobster/lobster_1.3-webfont.woff2') format('woff2'),
         url('../fonts/lobster/lobster_1.3-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: fallback;
}

.lobster {
	 font-family: 'lobster', 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;   
}

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

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

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

.muli_extra_light_italic {
	  font-family: 'muli_extra_light_italic', sans-serif;   
}
*/


/* 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Metropolis (Free)
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

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

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

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

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

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

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

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

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

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

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



/* 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Proxima Nova (Free)
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/
/*
@font-face {
	font-family: 'font_proxima_nova_thin';
	src: url('../fonts/proximanova/proximanovat_thin.woff2') format('woff2'),
		 url('../fonts/proximanova/proximanovat_thin.woff') format('woff');
	font-weight: normal;
	font-style: normal; 
}

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

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

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

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

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

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

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

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

.font_proxima_nova_semi_bold {
	font-family: 'font_proxima_nova_semi_bold', sans-serif;   
} 
*/

/* 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Instrument Sans (Free)
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

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

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

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

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

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

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

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

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

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

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