/*@import url(https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i);*/
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url(./fonts/S6u_w4BMUTPHjxsI9w2_FQftx9897sxZ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url(./fonts/S6u_w4BMUTPHjxsI9w2_Gwftx9897g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url(./fonts/S6u8w4BMUTPHjxsAUi-qNiXg7eU0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url(./fonts/S6u8w4BMUTPHjxsAXC-qNiXg7Q.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url(./fonts/S6u_w4BMUTPHjxsI5wq_FQftx9897sxZ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url(./fonts/S6u_w4BMUTPHjxsI5wq_Gwftx9897g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url(./fonts/S6u9w4BMUTPHh7USSwaPGQ3q5d0N7w.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url(./fonts/S6u9w4BMUTPHh7USSwiPGQ3q5d0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url(./fonts/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url(./fonts/S6uyw4BMUTPHjx4wXiWtFCc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url(./fonts/S6u9w4BMUTPHh6UVSwaPGQ3q5d0N7w.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url(./fonts/S6u9w4BMUTPHh6UVSwiPGQ3q5d0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

* {
	margin: 0;
	padding: 0px;
}

body {
	margin: 0;
	height: 100%;
	color: #000;
	font-family: 'Lato', sans-serif;
	font-size:18px;
	background:#2e53a1;
}


#content_main a{color:#2e53a1; text-decoration:none;}
#content_main a:hover{color:#2e53a1; text-decoration:underline;}

h1, h2, h3, h4, h5, h6 {
	/*font-weight: 300;*/
	font-weight:normal;
}

h1{color: #2b4e98; font-size: 28px; line-height: 34px; padding: 20px 0 10px 0;}
h1.big{color: #2b4e98; font-weight: bold; padding: 0px 0 25px 0px;}
h1.center{text-align: center;}
h2{color: #2b4e98; font-size: 24px;}
h2.content{margin-top: 30px;}
h2.center{text-align:center;}
h2.kontakt{background:url(images/icon_kontakt.png) no-repeat 5px; padding-left:55px; margin:20px 0 10px 0;} 
h2.projekt{background:url(images/icon_projekt.png) no-repeat 5px; padding-left:55px; margin:20px 0 10px 0;}

h3{color: #000; font-size: 25px; margin-top:20px;}
h3.center{text-align:center;}

h4{color: #000; font-size: 23px; margin-top:0px;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#d0d5e6;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #d0d5e6;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #d0d5e6;
}
:-moz-placeholder { /* Firefox 18- */
  color: #d0d5e6;
}

p{padding:0; margin: 15px 0px; color:#000; line-height:27px;}
p.center{text-align:center;}
p.orange{color:#f25b00;}
p.small{font-size:14px; margin: 0px 0px; line-height:16px;}
@media only screen and (max-width: 1180px) {
	p.small{padding-top:20px;}	
}
p.smallorange{font-size:14px; color:#f25b00; margin: 5px 0 0 0; line-height:16px;}

p.pdf{background:url(images/vermont/pdf_icon.png) no-repeat; padding-left:50px; height:48px; line-height:48px;}

@media only screen and (max-width: 1170px) {
	.col7{display:none;}
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.schmal{max-width: 952px !important; margin:0 auto;}


/* Flex Boxen */
.flex_basis{
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;	
}

.flex_item_50{
	-webkit-flex-basis: calc(48% - 0.5px);
	-moz-flex-basis: calc(48% - 0.5px);
	flex-basis: calc(48% - 0.5px);	
	padding-left:2%;
	overflow:hidden;
}
.flex_item_50.first{padding-left:0%; padding-right:2%;}

@media only screen and (max-width: 768px) {
	.flex_item_50{
		-webkit-flex-basis: 100%;
		-moz-flex-basis: 100%;
		flex-basis: 100%;
		padding-left:0%;	
	}
}
/* ENDE Flex Boxen */

/* Bildnachweise */
.bildnachweise{padding:0 0 20px 0;}
.bildnachweis_zeile{padding-top:20px;}
.bildnachweis_zeile_left{float:left; width:150px;}
.bildnachweis_zeile_left img{width:100%; height:auto; display:block;}
.bildnachweis_zeile_right{float:left; margin-left:20px; width:calc(100% - 170px);}
@media only screen and (max-width: 1170px) {
	.bildnachweise{padding:0 10px 20px 10px;}	
}
/* ENDE Bildnachweise */

/* Blätterzeile */
.blaetterzeile{padding:30px 0; position:relative;}
.blaetterzeile a{background:none !important; padding:0 !important; font-size:14px;}

.blaetterzeile .backlink{float:left;}
.blaetterzeile .backlink a{background:url(images/botton_projektliste.png) no-repeat 10px 11px #fff !important; -webkit-border-radius: 5px; -webkit-border-top-right-radius: 0; -moz-border-radius: 5px; -moz-border-radius-topright: 0; border-radius: 5px; border-top-right-radius: 0; color:#000; text-decoration:none; padding:0 30px 0 70px !important; height:40px; line-height:40px; display:inline-block;}
.blaetterzeile .backlink a:hover{color:#f25b00; background:url(images/botton_projektliste_hover.png) no-repeat 10px 11px #fff !important; }

.blaetterzeile .link_prev i,
.blaetterzeile .link_next i{color:#2c3945; font-size:30px;}

.blaetterzeile .link_prev,
.blaetterzeile .link_next{float:right;}

.blaetterzeile .link_prev a{-webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; color:#000; text-decoration:none; padding:0 15px 0 46px !important; display:inline-block; background:url(images/arrow-left.jpg) #fff no-repeat left 12px !important; height:40px; line-height:40px;}
.blaetterzeile .link_next a{-webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; color:#000; text-decoration:none; padding:0 46px 0 15px !important; display:inline-block; background:url(images/arrow-right.jpg) #fff no-repeat right 12px !important; height:40px; line-height:40px;}

.blaetterzeile .link_prev a:hover{background:url(images/arrow-left-hover.jpg) #fff no-repeat left 12px !important;}
.blaetterzeile .link_next a:hover{background:url(images/arrow-right-hover.jpg) #fff no-repeat right 12px !important;} 

.blaetterzeile .link_prev a span,
.blaetterzeile .link_next a span{}

.blaetterzeile .link_next a{margin-left:2px;}
.blaetterzeile .projekttitel{position:absolute; top:41px; left:300px; width:470px; text-align:center; color:#f25b00 !important; font-size:14px;}
.blaetterzeile .projekttitel.schwarz{color:#000 !important;}
.blaetterzeile .projekttitel.weiss{color:#fff !important;}
.blaetterzeile .projekttitel a{color:#f25b00 !important;}
.blaetterzeile .projekttitel.schwarz a{color:#000 !important;}
.blaetterzeile .projekttitel.weiss a{color:#fff !important;}
.blaetterzeile .projekttitel a:hover{text-decoration:underline !important;}
@media only screen and (max-width: 1180px) {
	.blaetterzeile{padding:30px 20px;}	
}
@media only screen and (max-width: 1100px) {
	.blaetterzeile .projekttitel{left:200px; width:370px;}	
}
@media only screen and (max-width: 1024px) {
	.blaetterzeile .projekttitel{left:275px; width:370px;}	
}
@media only screen and (max-width: 768px) {
	.blaetterzeile {padding-bottom:40px;}
	.blaetterzeile .backlink{float:none;}
	.blaetterzeile .backlink a{width:100%;}	
	.blaetterzeile .link_prev {float:left;}
	.blaetterzeile .link_next{float:right;}
	
	.blaetterzeile .link_prev,
	.blaetterzeile .link_next{width:49.5%; margin-top:10px;}
	.blaetterzeile .link_prev a,
	.blaetterzeile .link_next a { width:100%;}	
	
	.blaetterzeile .projekttitel{top:130px; width:100%; left:0;}
}
@media only screen and (max-width: 410px) {
	.blaetterzeile .link_prev {float:none;}
	.blaetterzeile .link_next{float:none;}
	
	.blaetterzeile .link_prev,
	.blaetterzeile .link_next{width:100%; margin-top:10px;}	
	.blaetterzeile .link_next{text-align:right;}
	
	.blaetterzeile .projekttitel{top:180px;}
}
/* ENDE Blätterzeile */

/* Aufzählung Zahlenkreis */
.ordering_container{}
.ordering_circle{float:left; width:120px; height: 120px; -moz-border-radius: 60px; -webkit-border-radius: 60px; border-radius: 60px; color:#fff;}
.ordering_circle_number{text-align:center; margin-top:20px; font-size:50px; line-height: 50px;}
.ordering_circle_text{text-align:center; margin-top:0px;}
.ordering_container h2{float:left; margin:0px 0 0 20px; width:calc(100% - 170px); display: flex; align-items: center; height: 120px;}

@media only screen and (max-width: 1170px) {
	.ordering_container{padding:0 10px 0px 10px;}
}
@media only screen and (max-width: 768px) {
	.ordering_circle{width:80px; height: 80px; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px;}
	.ordering_container h2{height: 80px; font-size:18px; width:100%;}
	.ordering_circle_number{text-align:center; margin-top:10px; font-size:30px; line-height: 30px;}
}
@media only screen and (max-width: 460px) {
	.ordering_circle{float:none;}
	.ordering_container h2{float:none; margin:10px 0 0 0; display:block; align-items:baseline; height:auto;}	
	.ordering_circle_number{padding-top:10px;}
}
/* ENDE Aufzählung Zahlenkreis */

/* Isotope Übersichtsseiten */
.grid {
	max-width: 1170px;
	padding:20px 0;
}
.grid:after {
	content: "";
	display: block;
	clear: both;
}
.grid-sizer,
.grid-item {
	float: left;
	width: calc(33.33% - 20px);
	margin:10px;
}
.grid-item{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position:relative; overflow:hidden;}
.grid-item a{background:none !important; padding:0 !important;}
.grid-item .titel{position:absolute; left:0; bottom:-40px; width:100%; padding:0px 20px; overflow:hidden; background:rgba(53,64,71,0.5); -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; color:#fff; transition-property: all;	transition-duration: .5s; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); height:40px; line-height:40px;}
.grid-item:hover .titel{ bottom:0;}

@media screen and (max-width: 1024px) {
	.grid-item .titel{ bottom:0;}	
}

@media screen and (max-width: 768px) {
	.grid-sizer,
	.grid-item {
		float: left;
		width: calc(50% - 20px);
	}			
}
@media screen and (max-width: 480px) {
	.grid-sizer,
	.grid-item {
		float: left;
		width: calc(100% - 20px);
	}	
	.grid-item .titel{font-size:14px;}			
}		
.grid-item img{width:100%; height:auto; display:block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
/* ENDE Isotope Übersichtsseiten */

/* Slick SLider weitere Projekte */
.slick_slider a{background:none !important; padding:0 !important;}
.slick_slide{position:relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.slick_slider .img{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.slick_slider .slick_slide .titel{position:absolute; left:0; bottom:-40px; width:calc(100% - 20px); padding:0px 20px; overflow:hidden; background:rgba(53,64,71,0.5); -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; color:#fff; transition-property: all;	transition-duration: .5s; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); height:40px; line-height:40px;}
.slick_slider .slick_slide:hover .titel{ bottom:0;}
@media screen and (max-width: 1024px) {
	.slick_slider .slick_slide .titel{ bottom:0;}	
}
@media only screen and (max-width: 320px) {
	.slick-slideXX img{width:290px !important; height:auto !important;}
}
/* ENDE Slick Slider weitere Projekte */

/* Kategorie Icons */
.ref_icons{}
.kat_container{padding:10px 0px;}
.kat_icon{background:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align:center; width:117px; margin:10px 0;}
.kat_icon_text{font-size:12px; color:#bcc0c5; padding-bottom:15px; text-transform:uppercase;}
.aktiv .kat_icon_text{color:#f2a47c;}
.kat_img{width:100px; height:75px; margin:0 auto;}

.kat_beratung{background:url(/media/kat_beratung.png) no-repeat;}
.aktiv .kat_beratung{background:url(/media/kat_beratung_aktiv.png) no-repeat;}
.kat_konzept{background:url(/media/kat_konzept.png) no-repeat;}
.aktiv .kat_konzept{background:url(/media/kat_konzept_aktiv.png) no-repeat;}
.kat_design{background:url(/media/kat_design.png) no-repeat;}
.aktiv .kat_design{background:url(/media/kat_design_aktiv.png) no-repeat;}
.kat_responsive{background:url(/media/kat_responsive.png) no-repeat;}
.aktiv .kat_responsive{background:url(/media/kat_responsive_aktiv.png) no-repeat;}
.kat_cms{background:url(/media/kat_cms.png) no-repeat;}
.aktiv .kat_cms{background:url(/media/kat_cms_aktiv.png) no-repeat;}
.kat_shop{background:url(/media/kat_shop.png) no-repeat;}
.aktiv .kat_shop{background:url(/media/kat_shop_aktiv.png) no-repeat;}
.kat_coding{background:url(/media/kat_coding.png) no-repeat;}
.aktiv .kat_coding{background:url(/media/kat_coding_aktiv.png) no-repeat;}
.kat_optimierung{background:url(/media/kat_optimierung.png) no-repeat;}
.aktiv .kat_optimierung{background:url(/media/kat_optimierung_aktiv.png) no-repeat;}
.kat_testimonial{background:url(/media/kat_testimonial.png) no-repeat;}
.aktiv .kat_testimonial{background:url(/media/kat_testimonial_aktiv.png) no-repeat;}
@media screen and (max-width: 1024px) {
	.ref_icons{display:none;}	
}
@media only screen and (max-width: 1024px) {
	.kat_icon{width:100px;}
}
@media only screen and (max-width:1100px) {
	.kat_container{padding:10px 20px;}	
}
/* ENDE Kategorie Icons */

/* Form */
.yform{padding-bottom:20px;}
.yform input{background:#fff; border:1px solid #e2e2e2; height:40px; line-height:40px; font-size:16px; margin:10px 0; width:100%; padding-left:15px; font-family: 'Lato', sans-serif;}
.yform textarea{background:#fff; border:1px solid #e2e2e2; height:160px; font-size:16px; margin:10px 0; width:100%; padding:15px; font-family: 'Lato', sans-serif;}
.yform select{background:#fff; border:1px solid #e2e2e2; height:40px; line-height:40px; font-size:16px; margin:10px 0; width:100%; padding-left:10px; font-family: 'Lato', sans-serif;}
.yform #yform-formular-field-2XXX{background:url(images/input_vorname.png) no-repeat #fff 5px; padding-left:40px;}
.yform #yform-formular-field-5XXX{background:url(images/input_name.png) no-repeat #fff 5px; padding-left:40px;}
.yform #yform-formular-field-10XXX{background:url(images/input_firma.png) no-repeat #fff 5px; padding-left:40px;}
.yform #yform-formular-field-12XXX{background:url(images/input_email.png) no-repeat #fff 5px; padding-left:40px;}
.yform #yform-formular-field-17XXX{background:url(images/input_website.png) no-repeat #fff 5px; padding-left:40px;}

.radio{float:left; margin-right:20px;}

input[type=checkbox]{
	width: 33px;
    height:32px;
	vertical-align:middle; 
	background: url(images/vermont/checkbox_off.png) no-repeat;
	
}
input[type=radio]{
	width: 24px;
	height:24px;
	vertical-align:middle; 
}


.yform .btn{background:#2e53a1 !important; color:#fff !important; text-decoration:none; padding:10px 60px !important; display:inline-block; font-size:16px; border:none; cursor:pointer; margin-top:20px; float:right;}
.yform .submit_btn a:hover{text-decoration:underline !important; background:#3561c2 !important;}

.flex_basis .yform-element{
	-webkit-flex-basis: 48%;
	-moz-flex-basis: 48%;
	flex-basis: 48%;	
}
@media screen and (max-width: 480px) {
	.yform .flex_basis{
		display:block;
	}	
}
/* ENDE Form */

/* Abstand Modul */
.abstand_2{height:2px;}
.abstand_5{height:5px;}
.abstand_10{height:10px;}
.abstand_15{height:15px;}
.abstand_20{height:20px;}
.abstand_25{height:25px;}

.abstand_top_2{padding-top:2px;}
.abstand_top_5{padding-top:5px;}
.abstand_top_10{padding-top:10px;}
.abstand_top_15{padding-top:15px;}
.abstand_top_20{padding-top:20px;}
.abstand_top_25{padding-top:25px;}

.abstand_bottom_2{padding-bottom:2px;}
.abstand_bottom_5{padding-bottom:5px;}
.abstand_bottom_10{padding-bottom:10px;}
.abstand_bottom_15{padding-bottom:15px;}
.abstand_bottom_20{padding-bottom:20px;}
.abstand_bottom_25{padding-bottom:25px;}
.abstand_bottom_30{padding-bottom:30px;}
.abstand_bottom_35{padding-bottom:35px;}
/* ENDE Abstand Modul */

/* Kontakt Box mit Pfeil */
.kontakt_arrow{
	max-width: 952px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;	
	margin-top:30px;
	margin-bottom:30px;
}
.kontakt_arrow_1{background: url(images/vermont/bg_pfeilbody.png); text-align: center; padding:20px 0; margin-bottom:2px;}
.kontakt_arrow_1 p{color:#2e53a0 !important; font-size:36px; font-weight: lighter; line-height: 46px;}
.kontakt_arrow_2{background: url(images/vermont/bg_pfeilbody.png); text-align: center; padding:20px 0 10px 0;}
.kontakt_arrow_3 img{width:100%; height: auto;}
/* ENDE Kontakt Box mit Pfeil */

/* google Map responsive */
.responsiveContainer {
  position: relative;
  padding-bottom: 56%;
  height: 0px;
  overflow: hidden;
}

.responsiveContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.responsiveContainer iframe{
    pointer-events: none;
}
/* ENDE google Map responsive */

/* 3 Boxen Startseite */
.boxen3_start_outer{margin-top:-90px; background:#eee;}
.boxen3_start{padding:30px 0; position: relative;}
.box_container_33_start{
	-webkit-flex-basis: 32%;
	-moz-flex-basis: 32%;
	flex-basis: 32%;
	background:#fff;
	position: relative;
}
.boxen3_start .einstieg{font-size:28px; color:#2e53a1; text-align:center;}
.box_text_start{font-size:18px; line-height:25px; padding:25px 30px 70px 30px;}
.boxen3_start a{
	padding: 0px 40px 0px 30px !important;
	color: #fff !important;
	text-decoration: none !important;
	font-size: 18px !important;
	font-weight: normal !important;
	display:block;
	width:200px;
	position: absolute;
	bottom:0px;
	left:50%;
	margin-left:-100px;
	height: 47px;
	line-height: 47px;
	background: url(images/vermont/bg_button.jpg) no-repeat right !important;
}
.boxen3_start a:hover{text-decoration: underline !important; background: url(images/vermont/bg_button_hover.jpg) no-repeat right !important;}
.boxen3_start p:last-child{
	margin-bottom: 0 !important;
}

@media only screen and (max-width: 1120px) {
	.boxen3_start_outer{margin-top:-50px;}	
}

@media only screen and (max-width: 930px) {
	.boxen3_start_outer{margin-top:0px;}	
	.box_container_33_start{
		-webkit-flex-basis: 100%;
		-moz-flex-basis: 100%;
		flex-basis: 100%;
		padding:30px 30px 0 30px;
		margin-bottom:20px;
	}	
	.box_text_start{margin-bottom:70px;}
}
/* ENDE 3 Boxen Startseite */

/* 3er Boxen Icons */
.boxen3_icons{
	margin:40px 0;	
}
.box_33_icons{
	-webkit-flex-basis: 32%;
	-moz-flex-basis: 32%;
	flex-basis: 32%;
	padding:0;
	position: relative;
	background:#2e53a0;
}
.box_icons_icon{background: url(images/bg_iconbox.png) no-repeat center; height: 77px;}
.box_icons_icon img{display:block; margin:0 auto; padding-top:20px;}
.box_icons_text{font-size:30px; font-style:italic; font-weight: lighter; text-align:center; padding:20px 0;}
.box_icons_text a{color:#fff !important;}
@media only screen and (max-width: 767px) {
	.boxen3_icons{
		margin:30px 0;	
	}	
	.box_33_icons{
		-webkit-flex-basis: 100%;
		-moz-flex-basis: 100%;
		flex-basis: 100%;
		margin:10px 0;
	}	
}
/* ENDE 3er Boxen Icons */

/* Logo 3er */
.logo3er{padding-bottom: 30px; display: table; margin: 0 auto;}
.logo3er_headline{color:#fff; font-size:30px; font-style: italic; padding:30px 0; text-align: center; font-weight: lighter;}
.logo3er_img{
	margin:0 10px; 
	float:left;
}
.logo3er_img img{width:100%; height: auto;}
.logo3er_img_1{text-align: center;}
.logo3er_img_2{text-align: center;}
.logo3er_img_3{text-align: center;}

@media only screen and (max-width: 650px) {
	.logo3er_img{width:calc(25% - 20px);}
}

@media only screen and (max-width: 400px) {
	.logo3er_img{width:calc(100% - 20px); margin-top:10px;}
}


@media only screen and (max-width: 880px) {
	.logo3er_imgX{
		-webkit-flex-basis: 100%;
		-moz-flex-basis: 100%;
		flex-basis: 100%;
		text-align: center !important;
		margin:10px 0;
	}	
}
/* ENDE Logo 3er */

/* drei Teaserboxen */
.boxen2{padding:30px 0;}
.boxen3{padding:30px 0;}
.box_container_50{
	-webkit-flex-basis: 48%;
	-moz-flex-basis: 48%;
	flex-basis: 48%;
	background:#fff;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border:1px solid #ebebec;
}
.box_container_33{
	-webkit-flex-basis: 32%;
	-moz-flex-basis: 32%;
	flex-basis: 32%;
	background:#fff;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;	
	border:1px solid #ebebec;
}
.box_container_50 img,
.box_container_33 img{width:100%; height:auto; display:block; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px;}
.box_img{}
.box_img a{background:none !important; padding:0 !important;}
.box_text{padding:30px 30px 20px 30px}
.boxen2 p.mehr,
.boxen3 p.mehr{text-align:center; margin-top:22px;}

@media only screen and (max-width: 1180px) {
	.boxen3.flex_basis{
		padding:0 10px;	
	}	
}

@media only screen and (max-width: 768px) {
	.boxen2.flex_basis,
	.boxen3.flex_basis{
		display:block;
		padding:20px 10px 0 10px;	
	}
	.box_container_50,
	.box_container_33{
		margin:0 0 20px 0;
	}
}
/* ENDE drei Teaserboxen */

/* Seitentrennung */
.seitentrennung{}
.seitentrennung .seitentrennung_item:first-child{
	-webkit-flex-basis: 62%;
	-moz-flex-basis: 62%;
	flex-basis: 62%;
}
.seitentrennung .seitentrennung_item:last-child{
	-webkit-flex-basis: 32%;
	-moz-flex-basis: 32%;
	flex-basis: 32%;
}
@media only screen and (max-width: 550px) {
	.yform h2{font-size:16px; line-height: 36px;}
	.yform .submit_btn{float:none; width:100%;}
}
@media only screen and (max-width: 1000px) {
	.seitentrennung.flex_basis{display:block;}
}
@media only screen and (max-width: 1100px) {
	.seitentrennung {padding: 0 10px 0 10px;}
}
/* ENDE Seitentrennung */

/* Iconblock */
.iconblock{text-align:center; padding:50px 0 40px 0;}
.iconblock a{background:none !important; padding:0 !important;}
.iconblock_item{
	-webkit-flex-basis: 24%;
	-moz-flex-basis: 24%;
	flex-basis: 24%;
}
.iconblock_item p{color:#000 !important;}
@media only screen and (max-width: 1024px) {
	.iconblock_item .text{font-size:16px;}
}
@media only screen and (max-width: 768px) {
	.iconblock{display:none;}
}
/* ENDE Iconblock */

/* Hakenliste */
ul.hakenlisteX{}
ul.hakenlisteX li{list-style:none; background:url(/media/li_haken.png) no-repeat 5px 5px; padding: 5px 10px 5px 40px; font-size:16px; border-bottom:1px solid #dddddd;}
ul.hakenlisteX li:last-child{border-bottom:none;}
/* ENDE Hakenliste */

/* Button */
.button{padding:0 0px;}
p.button{margin:0 !important;}
.button a{background:#2e53a0 !important; color:#fff !important; text-decoration:none; padding:15px 30px !important; display:inline-block; }
.button a:hover{text-decoration:underline !important; background:#3461c1  !important;}
.mittig{text-align:center;}
/* ENDE Button */

/* 1/2 Spalter mit Text und Bild */
.spalter12{padding:20px 0 5px 0;}
.no_padding_bottomX{padding-bottom:0px !important;}
.no_padding_top{padding-top:0px !important;}
.spalter12 .trenner{border-right:1px solid #e8e9eb;}
@media only screen and (max-width: 768px) { 
	.spalter12 .trenner{border-right:none;}
}

.spalter12 .top_center{text-align:center; margin-bottom:0px;}
.spalter12 .top_center img{max-width:100%;}

.spalter12 .top{margin-bottom:20px;}
.spalter12 .top img{max-width:100%; height:auto;}

.spalter12 .bottom{margin-top:20px;}
.spalter12 .bottom img{max-width:100%; height:auto; display:block;}

.spalter12 .fl_left{float:left;}
.spalter12 .fl_left img{height:auto; max-width:100%; width:100%;}
.spalter12 .fl_right{float:right;}
.spalter12 .fl_right img{height:auto; max-width:100%; width:100%;}

@media only screen and (min-width: 1181px) { 
	.spalter12 .fl_right p:first-child,
	.spalter12 .fl_left p:first-child,
	.spalter12 .only_text p:first-child{margin:0; padding:0; margin-top:-6px;}
}


.spalter12 .only_img img{height:auto; max-width:100%;}

.spalter12 .img_subtitle{text-align:left; font-size:12px; margin-top:2px;}

.spalter12 .size_10{width:8%}
.spalter12 .size_20{width:18%}
.spalter12 .size_30{width:28%}
.spalter12 .size_40{width:38%}
.spalter12 .size_50{width:48%}
.spalter12 .size_60{width:58%}
.spalter12 .size_70{width:68%}
.spalter12 .size_80{width:78%}
.spalter12 .size_90{width:88%}

.spalter12 ul,
.spalter12 ol{margin:10px 0 0 0px; padding: 0 0 0 23px;}
.spalter12 li{padding:5px;}

ul.hakenliste{padding:0;}

.spalter12 img{

}

.spalter12 .text{padding:1px 0;}

@media only screen and (max-width: 768px) {
	.spalter12 .top_center + .text{margin-bottom:20px;}	
	.spalter12 .only_img{margin-bottom:20px;}
	.spalter12 .only_text{margin-bottom:20px;}
}
/* ENDE 1/2 Spalter mit Text und Bild */

/* Logoslider */
#jssor_1{
	position: relative; 
	margin: 0 auto; 
	top: 0px; 
	left: 0px; 
	width: 1130px; 
	height: 140px; 
	overflow: hidden; 
	visibility: hidden;	
}
#jssor_1_slides{
	cursor: default; 
	position: relative; 
	top: 40px; 
	left: 0px; 
	width: 1130px; 
	height: 60px; 
	overflow: hidden;
}
#jssor_1_slides img{width:150px !important; height:60px !important; left:20px !important;}
#jssor_1_slides div{padding:0 20px;}
#jssor_1_slides a{background:none;}

@media only screen and (max-width: 768px) {
	#jssor_1,
	#jssor_1_slides{display:none;}
}
/* ENDE Logoslider */

/* Revolution Slider */
.slider_alternativbild{display: none;}
.tp-caption.medium_bg_asbestos, .medium_bg_asbestos{background:none !important;}
.tp-caption.medium_bg_asbestos, .medium_bg_asbestos{font-family: 'Lato', sans-serif !important;}
.slider_caption{width:600px; overflow:hidden; margin-left:-555px; padding-bottom: 20px;}
.slider_text{border-bottom:6px solid #2e53a0; padding-bottom: 10px; margin-bottom:50px; display:table;}
.slider_caption_1{font-size:48px; font-weight:300; font-style: italic; line-height: 50px !important;}
.slider_caption_2{font-size:20px; font-weight:300; line-height: 26px !important;}
.slider_caption_3{font-size:20px; font-weight:300; line-height: 26px !important;}
.slider_button{background-image:none !important; background:#2e53a1 !important; padding:15px 65px 15px 30px !important; color:#fff !important; text-decoration: none !important; font-size: 18px !important; font-weight: normal !important; position: relative;}
.slider_button:hover{text-decoration:underline !important; background:#3461c1 !important;}
.slider_button_icon{font-size:32px; position:absolute; top:19px; right:30px;}

.rev_singleslide{position:relative;}
.singleslide_caption{position:absolute; top:130px; left:50%; color:#fff;}
.singleslide_caption .slider_caption{width:600px; overflow:hidden;}
.singleslide_caption .slider_button_icon{top:6px !important;}

@media only screen and (max-width: 1450px) {
	.tp-parallax-wrap{top:20px !important;}
}
@media only screen and (max-width: 1170px) {
	.tp-parallax-wrap{top:10px !important;}
	.slider_caption{margin-left:-200px;}	
	.singleslide_caption{top:40px; left:250px;}
}
@media only screen and (max-width: 900px) {
	.tp-parallax-wrap{top:0px !important;}
	.slider_caption{margin-left:-40px;}	
	.slider_caption_1{font-size:34px;}
	.slider_text{margin-bottom:30px;}
	.singleslide_caption{top:20px; left:100px;}
}
@media only screen and (max-width: 767px) {
	#slider1_forcefullwidth{display:none;}
	.slider_alternativbild{display: block; height:200px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
	.rev_singleslide{display:none;}
}


/* ENDE Revolution Slider */

/* Kundenstimme */
.kundenstimme{
	margin-top:20px;
	padding:22px 40px 20px 40px;
	position:relative;
	background-image: url(images/kundenstimme_left_top.png), url(images/kundenstimme_right_top.png), url(images/kundenstimme_left.png),  url(images/kundenstimme_right.png);
	background-position: 9px 0px, right top, 0px 41px, right 45px;
	background-repeat: no-repeat;	
}
.kundenstimme_bottom{
	height:50px;	
	background-image: url(images/kundenstimme_left_bottom.png), url(images/kundenstimme_right_bottom.png);
	background-position: 9px bottom, right top;
	background-repeat: no-repeat;
	margin-bottom:30px;	
}
.kundenstimme.grau{	background-image: url(images/kundenstimme_left_top_grau.png), url(images/kundenstimme_right_top_grau.png), url(images/kundenstimme_left_grau.png),  url(images/kundenstimme_right_grau.png);}
.kundenstimme_bottom.grau{background-image: url(images/kundenstimme_left_bottom_grau.png), url(images/kundenstimme_right_bottom_grau.png);}


.kundenstimmen_container{padding:20px 10px 0 10px;}
.kundenstimmen_item{
	-webkit-flex-basis: 48%;
	-moz-flex-basis: 48%;
	flex-basis: 48%;
}
@media only screen and (max-width: 768px) {
	.kundenstimmen_container.flex_basis{display:block;}
}
/* ENDE Kundenstimme */

.wrapper_center{
	max-width:1170px;
	margin:0 auto;	
	position:relative;
	overflow:hidden;
}

@media only screen and (max-width: 767px) {
	.mobil_unsichtbar{display:none;}
}

@media only screen and (max-width: 1180px) {
	.content_padding{padding:20px 15px;}
}

footer{
	background:#2e53a1;	
	color:#fff;
	font-size:14px;
	position:relative;
	height: 62px;
}
footer a{color:#fff; text-decoration:none; letter-spacing: 0.5px;}
footer a:hover{color:#f25b00;}
footer p{color:#fff;}

#footer1{
	float:left;
	width:50%;
}
#footer2{
	float:right;
	width:50%;
	line-height: 62px;
	letter-spacing: 0.5px;
	text-align: right;
}

#nach_oben{
	position: absolute;
	top:3px;
	right:50px;
	cursor: pointer;
}

@media only screen and (max-width: 1560px) {
	#footer1{
		width:40% !important;
	}
	#footer2{
		width:60% !important;
		text-align: left;
	}
}

@media only screen and (max-width: 1170px) {
	footer{
		height: auto;
	}	
	#footer1{
		width:100%;
		float:none;
	}
	#footer2{
		width:calc(100% - 15px);
		float:none;
		line-height: 31px;
		padding-left:15px;
	}
	footer li{
		line-height: 31px !important;
	}
}

@media only screen and (max-width: 710px) {
	#nach_oben{
		position:relative;
		top: 0px;
		right: 0px;
		cursor: pointer;
		text-align: right;
		padding-bottom: 5px;		
	}
}
@media only screen and (max-width: 380px) {
	footer li{padding:0 8px !important;}
	footer li:first-child{padding: 0 8px 0 10px !important;}	
}



.icon_email{
	background:url(images/icon_email.png) no-repeat;
	padding-left:40px;
	line-height:24px;	
	margin-top: -6px;
}
.icon_email a{padding-top: 2px; display: inline-block;}
.icon_telefon{
	background:url(images/icon_telefon.png) no-repeat;
	padding-left:40px;
	line-height:26px;	
	margin-top: -1px;
}

footer ul{list-style:none !important;}
footer li{float:left; padding:0 15px; line-height: 62px;}
footer li:first-child{padding: 0 18px 0 0px;}
@media only screen and (max-width: 1180px) {
	footer li:first-child{padding: 0 18px 0 15px;}	
}
footer li:last-child{border-right:none;}
footer a{color:#fff; font-size:14px; text-decoration: none;}
footer a:hover{color:#fff; text-decoration: underline;}

#nav_second{background:url(images/vermont/bg_nav.jpg) repeat-x; height: 41px; }
#nav_second_inner{max-width:1170px; margin:0 auto; padding-left:470px; position: relative;}
#nav_second {margin-top:104px;}
@media only screen and (max-width: 1170px) {
	#nav_second {margin-top:84px;}	
}
#nav_second ul{list-style:none !important;}
#nav_second li{float:left; padding:0 18px; line-height: 39px;}
#nav_second li:first-child{padding: 0 18px 0 15px;}
#nav_second li:last-child{border-right:none;}
#nav_second a{color:#d0d5e6; font-size:14px; text-decoration: none; letter-spacing: 0.5px;}
#nav_second a:hover{color:#fff;}

@media only screen and (max-width: 1170px) {
	#nav_second_inner{max-width:1170px; margin:0 auto; padding-left:0px; position: relative;}	
}
@media only screen and (max-width: 769px) {
	#nav_second{display: none;}
	#content_main{margin-top:80px !important;}
}

#search{
	position: absolute;
	top:0;
	right:180px;
	height: 41px;
}
#searchicon{
	padding-top:10px;
	position: absolute;
	top:0;
	right:290px;
}
#searchfield{
	border:none;	
	height:41px;
	background: transparent;
	font-size:14px;
	color:#ccc;
	width:100px;
}

#facebook{
	position: absolute;
	top:0;
	right: 0;
}


@media only screen and (min-width: 1171px) {
	#blackout{ visibility: hidden; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.6); position:fixed; z-index:999; transition: all 0.3s ease; opacity: 0;}
	header + #blackout{top:104px;}
	headerX.sticky + #blackout{top:49px;}
	header:hover + #blackout{visibility: visible; top:104px; opacity: 1; transition: all 0.5s ease;}
	headerX.sticky:hover + #blackout{display:block; top:49px; }
}

#content_main{
	background:#fff;
}
	
/* Fußnoten */
.footnote a{
	color:#ff0000 !important;
	padding:0 !important;
	background:none !important;
	cursor:default;
}
.footnote sup{
	color:#ff0000 !important;	
	padding-right:5px;
}
p.footnote{
	font-size:14px;
	line-height:22px;
}
/* ENDE Fußnoten */

/* SearchIT */
.search_it-modul {
	box-sizing: border-box;
	margin: 0 auto;
	padding: 30px 0;
}
.search_it-headline{
	padding-bottom:5px;	
}
.search_it-results {
	padding: 0;
	margin: 0;
}
.search_it-result {
	background: #fff;
	padding: 10px 20px 0px 30px;
	margin: 20px 0;
	list-style-type: none;
	list-style-position: inline;
}
.search_it-title,
.search_it-title a {
	font-weight: bold;
	color: rgba(0,180,0,0.7);
}

.search_it-result .search_it-teaser {

}
.search_it-result p.search_it-title{
	margin-bottom:5px;	
}
.search_it-result p.search_it-teaser {
	margin-top:0;	
}
.search_it-result .search_it-url {
	color: rgba(0,0,0,0.4);
}

.search_it-missing_type,
.search_it-zero {
	background: rgba(180,0,0,0.05);
	padding: 1rem;
	border: 1px solid rgba(255,0,0,0.7);
	margin: 1rem 0;
	color: rgba(255,0,0,0.7);
}
.search_it-request,
.search_it-type {
	font-weight: bold;
}
.search_it-url a.button{
	padding: 0px 40px 0px 30px !important;
	color: #fff !important;
	text-decoration: none !important;
	font-size: 18px !important;
	font-weight: normal !important;
	display:block;
	width:200px;
	height: 47px;
	line-height: 47px;
	background: url(images/vermont/bg_button.jpg) no-repeat right !important;
}
.search_it-url a.button:hover{text-decoration: underline !important; background: url(images/vermont/bg_button_hover.jpg) no-repeat right !important;}
/* ENDE SearchIT */

/* UL Listen */
ul.pfeile{margin:0; padding:0;}
ul.pfeile li{
	background: url(images/vermont/ul_pfeil.png) no-repeat;
	padding: 0px 0px 3px 35px;
	/* reset styles (optional): */
	list-style: none;
	margin: 0 0 10px 0;
}
ul.hakenliste{margin:0; padding:0;}
ul.hakenliste li{
	background: url(images/vermont/ul_haken.png) no-repeat;
	padding: 0px 0px 3px 35px;
	/* reset styles (optional): */
	list-style: none;
	margin: 0 0 10px 0;	
}
/* ENDE UL Listen */

.alert-danger{color:#ff0000;}

.iwcc-show-box-reload{
	float: left;
	display: block;
	line-height: 62px;	
	margin-left:10px;
}

#location-canvas{
	background: url('/resources/img/personalvermittlung.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;;
}