/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v18-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../fonts/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/roboto-v18-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black'), local('Roboto-Black'),
       url('../fonts/roboto-v18-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}


@media screen and (max-width: 1280px) {
	.nav2 {max-width:90% !important;}
	.c38l, .c38r {width:70% !important;}
	#cbsgm_319, #cbsgm_318 {height:500px !important;}
	.nav2 {font-size:18px!important;}
	.header-middle {min-height:400px!important;}
	.content_preis #c17 img {width:40%!important;}
	}
@media screen and (max-width: 1140px) {
	.nav2 {font-size:16px!important;}
	}
@media screen and (max-width: 1050px) {
	.social {margin-right:2%!important;}
	}
@media screen and (min-width: 1400px) {
	.page {width:90% !important; margin:0px auto;}
	.subline {right:13%!important; margin-top:13% !important;}
	.header-middle {min-height:500px!important;}
				.content_preis #c17 img {width:40%!important;}


}
@media screen and (min-width: 1600px) {
	.page {width:80% !important; margin:0px auto;}
		.subline {right:14%!important; margin-top:13% !important;}
	.header-middle {min-height:500px!important;}
			.content_preis #c17 img {width:38%!important;}

}
@media screen and (min-width: 1800px) {
	.page {width:70% !important; margin:0px auto;}
	.subline {right:17%!important; margin-top:10% !important;}
	.header-middle {min-height:540px!important;}
		.content_preis #c17 img {width:35%!important;}

}
@media screen and (min-width: 2000px) {
	.page {width:60% !important; margin:0px auto;}
	.subline {right:22%!important; margin-top:8% !important;}
	.content_preis #c17 img {width:30%!important;}

}

@media screen and (max-width: 1000px) {
	.page {max-width:100%!important; overflow:hidden!important;}
	.main img {max-width:100% !important; float:left !important; height:auto !important;}
	.titel {width:100%!important; height:200px!important; position:relative!important; padding-bottom:0!important; margin-bottom: 0!important;}
	.bg_img {width:100%!important; position: relative!important; padding-bottom:0!important; margin-bottom: 0!important;}
	.header-middle {min-height:600px!important;}
	.header-middle-content {position:relative!important; background:none!important;}
	.produkt_links {width:100%!important;}
	.produkt_mitte {width:100%!important; margin-left:0!important; margin-top:30px!important; float:left!important}
	.content_preis #c17 img {width:100%!important;}
	.powermail_fieldset_1 {min-width:100%!important;}
	.content_footer_links {width:100%!important;}
	.content_footer_mitte {width:100%!important; margin-left:0!important; margin-top:30px!important;}
	.content_footer_rechts {width:100%!important; float:left!important; margin-top:30px!important;}
	.titel h1 {font-size:340%!important;}
	.titel h2 {font-size:140%!important;}
	body {font-size:88%!important;}
	#c49 h4 {font-size:240%!important; color:rgb(205,23,25)!important;}
	.csc-textmedia-gallery-column, .csc-textmedia-gallery-column figure {flex-basis:60%!important;}
	.csc-textmedia-gallery-row {flex-basis:100%!important;}
}
@media screen and (max-width: 730px) {
	.slick-bgimg .slick-item .slick-text .h1, .slick-bgimg .slick-item .slick-text .h2 {display:none!important}
}
@media screen and (max-width: 1000px) {
	.page {max-width:100%!important; overflow:hidden!important;}
	.csc-space-before-200 {margin-top:0 !important;}
}
@media screen and (min-width: 1000px) {
	.navmobile, .icon {display:none;}
}
/* NON-HEADER */
*{padding:0; margin:0;}
 body {font-size:70%; width:100%; height:100%; font-family: 'Roboto' ,arial,helvetica; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow-x:hidden;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
 iframe {margin:0 auto !important;}
#c316 {margin:0 auto !important; width:400px !important;}
 embed {padding-left:12px;}
.page {width:90%; margin:0px auto;}
.page-container {width:100%; margin:0px auto; font-family: 'Roboto' ,arial,helvetica; font-size:1.0em; z-index:15;}
.main {clear:both; width:100%; margin: 0 auto;}
.main-content {width:100%; float:left; font-weight:normal; clear:both; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; !important /*Non-IE6*/; z-index:15;}
.footer {width:100%; height:auto; padding-top:5%; bottom:0; padding:5px 0 1.0em 0; font-size:0.9em; z-index:14; z-index:100; position:relative; border-top:solid; border-top-width:2px; border-color:rgb(134,188,37);}
.footer_content {width:100%; margin:0 auto; margin-top:10px; margin-bottom:10px;}
.footer_content_links {width:50%; float:left; left:0: bottom:0; color:rgb(11,117,121); text-align:left; text-transform:uppercase;}
.footer_content_rechts {width:49%; float:right; right:0; bottom:0; color:rgb(11,117,121); text-align:right; text-transform:uppercase;}
.footer p {line-height:1.3em; vertical-align:bottom; color:rgb(0,48,86); font-size:180%;}
.footer_content_links p {line-height:1.3em; vertical-align:bottom; color:rgb(0,48,86); font-size:120%; margin-top:20px; text-transform: none!important;}
.footer p.credits {font-weight:normal;}
.footer a {text-decoration:none; color:rgb(0,48,86); font-weight:normal; margin-right:10px; font-size:180%;}
.footer a:hover {text-decoration:none; color:rgb(0,48,86);}
.footer a:visited {color:rgb(0,48,86);}
.footer a:link {color:rgb(0,48,86); text-decoration:none;}

.header {width:100%; z-index:17; top:0; position:relative; background:rgb(255,255,255); overflow:visible; margin:0 auto; text-decoration:none !important;}
.header-top {height:140px; width:100%; margin: 0 auto; text-decoration:none; font-family: 'Roboto' ,arial,helvetica; z-index:21;}
.logo_etamio {width:210px; height:auto; margin-top:30px; background: rgb(255,255,255); z-index:89; font-weight:normal; float: left!important; position: relative;} 
.logo_vectron {width:140px; height:auto; z-index:89; margin-top:30px; position:absolute !important; float: right!important; position: relative; right:0!important;} 

.header-top-content {width:90%; margin:0 auto;}
.header-middle {height:inherit; min-height:450px; width:100%; margin: 0 auto; text-decoration:none; font-family: 'Roboto' ,arial,helvetica; z-index:21; position: relative;}
.header-middle-content {position:absolute; overflow:hidden; height:auto; width:100%; background:rgb(134,188,37);}
.titel {width:50%; padding-top:10%; padding-left:2%; position:absolute; float:left; background: url(../img/header_titel.png) no-repeat top right; z-index:22; flex:auto; flex-basis:auto; padding-bottom:1000px; margin-bottom:-1000px;}
.titel h1 {font-weight:normal; font-size:800%; color:rgb(255,255,255);}
.titel h2 {font-weight:normal; font-size:280%; color:rgb(255,255,255); margin-top:20px;}
.bg_img {z-index:1; width:60%; overflow:hidden; position:absolute; position:relative; margin:0 auto; float:right; padding-bottom:1000px; margin-bottom:-1000px;}

.column-middle {width:100%; margin-bottom:15px; z-index:17; margin-top:35px;}
.content_start {width:80% !important; margin:0 auto; text-align: center; margin-top:10%;}
.content_start h3 {font-weight:300!important; color:rgb(60,60,60)!important;}

.produkt {width:80% !important; margin:0 auto; text-align: center; margin-top:2%;}
.produkt_links {width:47%; float:left; background:rgb(0,48,86); padding:1%; min-height:800px;}
.produkt_mitte {width:47%; margin-left:1.4%; float:right; background:rgb(0,48,86); padding:1%; min-height:800px;}
.produkt h2, .produkt p {color:rgb(255,255,255)!important;}
.produkt img {min-width:100%!important; max-width:100%!important; width:100%!important; height:auto!important; margin-bottom:15px!important;}

.content_preis {width:80% !important; margin:0 auto; text-align: center; margin-top:10%;}
.content_preis #c17 img {width:60%; height:auto; margin-left:auto; margin-right:auto;}
.content_preis #c15 {margin-top:2%;}
.content_preis h4 {color:rgb(134,188,37)!important; font-size:290%!important; font-weight:500!important;}
.content_preis h2 {color:rgb(134,188,37)!important; font-size:590%!important; font-weight:900!important;}

.content_text {width:80% !important; margin:0 auto; text-align: center; margin-top:10%;}
.content_text h3 {font-weight:500!important; color:rgb(134,188,37)!important;}

.content_kontakt {width:80% !important; margin:0 auto; text-align: center; margin-top:10%;}

.content_footer {width:100% !important; margin:0 auto; text-align: center; margin-top:10%;}
.content_footer_links {width:32%; float:left; text-align: left!important;}
.content_footer_mitte {width:32%; float:left; text-align: left!important; margin-left:2%;}
.content_footer_rechts {width:32%; float:right; text-align: left!important;}
.content_footer p {font-weight:300; font-size:120%; color:rgb(160,160,160);}
.content_footer h3 {font-size:130%; color:rgb(60,60,60)!important;}



.content-col {width:80%; margin: 0 auto;}
.content-links {width:45%; float:left;}
.content-rechts {width:45%; float:right; background:rgb(238,237,238); text-align: center!important;}
.content_mehr {width:610px; margin: 0 auto; padding-top:50px; display: flex; padding-bottom:50px;}

.content_mehr #c273, .content_mehr #c286, .content_mehr #c303 {background:rgb(20, 64, 109); padding-top:3px; color:rgb(255,255,255) !important; width:450px; float: left;}
.content_mehr #c274, .content_mehr #c285, .content_mehr #c302 {background:rgb(150,150,150); padding-top:3px; color:rgb(255,255,255) !important; width:160px; float: left; text-align: center !important;}
.content_mehr #c273 p, .content_mehr #c286 p, .content_mehr #c274 p, .content_mehr #c285 p, .content_mehr #c303 p, .content_mehr #c302 p {color:rgb(255,255,255) !important; padding-top:8px;}

.content_2 {width:100% !important; height: auto;}
.content_2 .slick-container {margin-top:50px;}
.content_2 #c312 {width:50%; margin:0 auto; text-align: center !important; margin-top:50px!important;}
/*  FOOTER SECTION  */
/********************/


/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .logo:after, .header:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after, .main-content div:after, .subcontent:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border:after, .subcontent-unit-noborder:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border-blue:after, .subcontent-unit-border-green:after, .subcontent-unit-border-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-noborder-blue:after, .subcontent-unit-noborder-green:after, .subcontent-unit-noborder-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:1px; height:0px; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}

/* Login form, specifically */
.bodytext {margin:0 0px 15px 0px; line-height:1.5em; color:rgb(255,255,255); font-size:120%;}

.main-content .slides {margin-left:auto; margin-right:auto;}
.main-content .slides li {margin:0 !important;}
.OT_header {display:none !important;}
.OT_wrapper {background:none !important; width:100% !important; margin:0 auto !important; float:none !important; border:none !important;}
#OT_form {width:auto !important; margin:0 auto !important;}
.OT_list {width:100% !important; text-align:center !important; margin:0 auto !important; border:none !important;}
.OT_wrapper ul {border:none !important; border:none !important;}
.OT_wrapper ul li {border:none !important;}
#c336, #c344 {margin:0 auto !important;}
.res {margin:0 auto !important; width:60%}
.res ul {margin:0 auto !important;}
.fb_iframe_widget {margin-top:30px;}
.fb_middle {margin:0 auto !important; position:relative !important; width:400px !important;}
.powermail_legend {display:none !important;}
.column-middle .button {display:none !important;}

.csc-textmedia-gallery-row {width:100%; display: flex; flex-basis:40%; justify-content: space-between;}
.csc-textmedia-gallery-column, .csc-textmedia-gallery-column figure {flex-wrap: wrap; flex-basis:40%; justify-content: space-between; margin:0 auto;}
.csc-textmedia-gallery-column figure {background:rgb(238,237,238);}
.csc-textmedia-gallery-column figure img {width:100%!important; height:auto!important;}
.csc-textmedia-gallery-column figcaption {padding-left:12px; padding-right:12px; margin:0 0px 15px 0px; line-height:1.6em; color:rgb(145,150,152); font-size:140%; font-family: 'Roboto' ,arial,helvetica;}

.col-sm-2 {width:40%!important;}
.col-sm-10 {width:60%!important;}
.powermail_fieldwrap_type_submit {width:100%!important;}
.powermail_fieldwrap_type_input .col-sm-2 {width:100%!important;}
.form-horizontal .control-label {float: left!important; text-align: left!important;}
.powermail_fieldwrap_type_input .col-sm-10 {width:100%!important; float: left!important;}
.form-control {border: 2px solid #053966!important; border-radius: 0px!important; box-shadow:none!important; margin-top:10px;}
label {font-weight:normal!important; font-size:135%!important; padding-top:20px; color:rgb(60,60,60); float:left;}
.btn {border-radius: 0!important; font-size:140%!important; margin-top:20px!important; margin-bottom:30px!important; padding-left:80px!important; padding-right:80px!important;}
.btn-primary {background-color: #3672b3!important; border-color: #3672b3!important; color: #fff;}
.powermail_fieldwrap_namevorname, .powermail_fieldwrap_firma {margin-top:20px;}
.tx-powermail h3 {display:none!important;}

.powermail_fieldset_1 {width:60%!important; border:none!important; margin-left:auto; margin-right:auto;}
.powermail_input {width:100%; border-top:none!important; border-left:none!important; border-right:none!important; height:1.6em; font-size:190%; font-weight: 300; color:rgb(160,160,160);}
.powermail_field .radio label {font-size:120%!important; text-align:left!important;}
.powermail_fieldwrap ul li {color:rgb(255,0,0); font-size:90%!important; list-style:none;}
.powermail_submit {background:rgb(134,188,37); border:none!important; width:100%; height:2.0em; color:rgb(255,255,255); font-size: 150%; margin-top:30px;}
#c24 p {font-size:120%!important;}
#c48, #c64 {margin-top:5%; margin-bottom:7%;}
.content_start h2 {font-size:320%!important;}
#c41 {margin-top:10%;}
.powermail_fieldset {border:none!important;}
#c66 {margin-top:5%;}
#c66 h3 {color:rgb(134,188,37)!important; font-size:330%!important; font-weight:500!important;}
#c67 p {color:rgb(20,64,109); font-weight: 300 !important; font-size:230%;}
.produkt h3 {color:rgb(255,255,255) !important;}
#c49 h4 {color:rgb(205,23,25)!important; font-size:480%;}
#c72 h3 a:link {color:rgb(134,188,37)!important; text-decoration:underline;}
#c72 h3 a:visited {color:rgb(134,188,37)!important; text-decoration:underline;}
#c72 h3 a:active {color:rgb(134,188,37)!important; text-decoration:underline;}
#c72 h3 a:hover {color:rgb(134,188,37)!important; text-decoration:underline;}