/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/36dc66");

  
@font-face {font-family: 'SohoPro-Medium';src: url('webfonts/36DC66_0_0.eot');src: url('webfonts/36DC66_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/36DC66_0_0.woff2') format('woff2'),url('webfonts/36DC66_0_0.woff') format('woff'),url('webfonts/36DC66_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'SohoPro-Light';src: url('webfonts/36DC66_1_0.eot');src: url('webfonts/36DC66_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/36DC66_1_0.woff2') format('woff2'),url('webfonts/36DC66_1_0.woff') format('woff'),url('webfonts/36DC66_1_0.ttf') format('truetype');}

/*######## FONTS END###################*/

.noneDisplay {visibility: hidden; display: none}
.hidden-mobile {visibility: visible; display: block}
.hidden-temp {visibility: hidden; display: block}
.hidden {visibility: hidden; display: none}
.hidden-main {visibility: hidden; display: none}
.spacer-left {padding-left:0px;}
.spacer-right {padding-right:0px;}
.spacer-top {padding-top:40px;}



@media screen and (max-width:720px) {
.hidden-mobile {visibility: hidden; display: none}
.hidden-main {visibility: visible; display: block}
}

/*######## STÖRER ###################*/

#kreis {position:absolute; z-index:9; top:2em; left:2em; width:9em; height:9em;background:#a1c7e7;text-align:center; display: block;transition:all 0.5s ease;opacity: 1; display: block}

#kreis:hover {background: #6db4e3;}

#kreis .inhalt{ position:relative; margin:auto;padding:2.9em 0 0 0; color:#231f20; width: auto; font-weight:300;text-align:center;font-size: 1.6vw; line-height:2.2vw;font-family: 'SohoPro-Medium';}

#kreis {
	border-radius: 4.5em;
	-moz-border-radius: 4.5em;
	border-radius: 4.5em;
}

@media screen and (max-width:480px) {
	
	#kreis .inhalt{ font-size: 4.0vw; line-height:5.2vw;padding:2.7em 0 0 0;}

}

html, body, div, applet, object, spyn,
h1, h2, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers  visibility:hidden;display:none*/
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body, html {
	font-family: 'SohoPro-Light';
  color:#5c5c60;
  -webkit-font-smoothing: antialiased; 
  font-size: 1.5vw; line-height:2.2vw; 
   height: 100%;
}

.font-small {
	font-size: 1.2vw; line-height:1.8vw;
	}

.expanded {padding:1400px 0 0 0} 

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

@media screen and (max-width:980px) {
body, html {
  font-size: 1.6vw; line-height:2.6vw; 
}

.font-small {
	font-size: 1.2vw; line-height:1.8vw;
	}
}

@media screen and (max-width:720px) {
	body, html {
  		font-size: 2.5vw; line-height:4.2vw;   
	}
	
	.font-small {
		font-size: 2.5vw; line-height:4.2vw;
	}	
}

@media screen and (max-width:480px) {
	body, html {
  		font-size: 3.5vw; line-height:5.2vw;   
	}
	
	.font-small {
		font-size: 3.5vw; line-height:5.2vw;
	}
	
}

/*MAP*/

.image-caption {display: none; visibility: hidden}

ol, ul {
  list-style: square;
  margin: 0 0 0.5em;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

p {
  margin: 0 ;
  }


a {
  color: #5c5c60;
  text-decoration: none; 
}

a:hover, a:active {

  color: #5c5c60;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  text-align:left
}

table td{ padding:0em 0.5em 0.5em 0}

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

strong {font-family: 'SohoPro-Medium';}
b {font-family: 'SohoPro-Medium';}


p {
  hyphens: auto
}


/*NAV-ICON-CSS */

.person { float:left; width:100%; margin: 0 0}



/*############## CONTENT BEGINN ###########################################*/
/*content elemente beginn*/
/* TYPO3 Anpassung für Responsive */
DIV.csc-textpic-above DIV.csc-textpic-imagewrap,
DIV.csc-textpic-below DIV.csc-textpic-imagewrap,
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI,
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
        float: none; 
}

/*COLOR*/

.section-main{background:#e1e1e2;width:100%; height:100%;}
.section-intro{background: url("https://dev.privatschul-beratung.ch/fileadmin/map/pattern.png");width:100%; height:100%;}

@media screen and (max-width:480px) {
	.section-intro{background: url("../map/pattern-480.png");width:100%; height:100%;}
}

.color-1 {background:#FFFFFF}
.color-2 {background:#dfeaf5}
.color-3 {background:#5c5c60; color:#FFF}
.color-4 {background:#e1e1e2}
.color-5 {background:#FFFFFF}

.section-main .color-1 {background: none}

/*FONT SCALE*/


.color-2 ul {
    list-style-type: none;
	padding-left: 0.7em;
}

.color-2 ul > li:before {
    content: "-"; /* en dash here */
    position: absolute;
    margin-left: -0.7em; 
}

.color-4 ul {
    list-style-type: none;
	padding:0.7em 0.7em 0.7em 0.7em;
}

.color-4 ul > li:before {
    content: "-"; /* en dash here */
    position: absolute;
    margin-left: -0.7em; 
}


#box {position: fixed; display: none;top:0; z-index:7; width:98%; left:1%; height:60px;background:rgba(0,0,0, 0.7);}
#box-main {position: fixed;top:0; z-index:7; width:100%; height:60px; background:rgba(0,0,0, 0.7);}


/*SECTIONS*/




.section{float:left;margin:0;padding:0 0;width:100%;text-align:center;}
.section-2{float:left;margin:0px;height: auto;padding-bottom:0px; margin-bottom:0px;width:100%;text-align:center; background:#096}
.section-3{float:left;margin:0px;height: auto;padding-bottom:4%; margin-bottom:0px;width:100%; height:100%;text-align:center; }
.section-4{float:left;margin:0px;height: auto;padding-bottom:0px; margin-bottom:0px;width:100%; height: auto;text-align:center;}

	
.section ul{list-style:none;margin: auto;}

@media screen and (max-width:980px) {
.section-3{float:left;margin:0px;height: auto;padding-bottom:4%; margin-bottom:0px;width:100%; height:60%;text-align:center; }	
}

@media screen and (max-width:720px) {
.section-3{float:left;margin:0px;height: auto;padding-bottom:4%; margin-bottom:0px;width:100%; height:30%;text-align:center; }	
}






/*CANVAS*/

.content-image-box{padding:0 10px 20px 10px;}

/*GRID*/
.grid-box {position:relative; z-index:3;width:100%;padding:0 0 0px 0; margin:0 0 0px 0; text-align:center;}
.grid { position:relative; z-index:3;width:100%;padding:0; margin:0; text-align:center; background-color:#FFF}
/*SLOTS*/

.slot-0{ position:relative;width:100%;padding:0% 0px; text-align:center; margin:-0.47em 0 0em 0;}
.slot-1-0 {position:relative;width:100%;padding:0% 0 1.2em 0; text-align:center; margin:0em 0 0em 0;}
.slot-1 {float:left; width:100%; margin:0% 0 0 0;}


.slot-1-1{ position:relative;width:60%;padding:0 0 3em 0; text-align:center; margin:0px auto 0 auto; }
.slot-1-2{ position:relative;width:60%;padding:3% 4% 4% 4%; text-align:center; margin:0px auto 6% auto;background:#55afe3; color:#FFF }
.slot-1-3{position:relative;width:100%;padding:0% 0 0em 0; text-align:center; margin:0em 0 0em 0;}
.slot-1-4{float:left;width:90%;padding:0% 5%; text-align:center; margin:0em 0 3em 0;}
.slot-1-5{position:relative;width:70%;padding:0% 0%; text-align:center; margin:0em auto 6em auto;}
.slot-1-5-5{position:relative;width:70%;padding:0% 0% 6em 0; text-align:center; margin:0em auto 0em auto;}
.slot-1-6{position:relative;width:100%;padding:0% 0 1.3em 0; text-align:center;margin:-0.47em 0 0em 0;}

.slot-2-1{float:left;width:50%;margin:0 0%;padding:0 0% 0% 0%; text-align: center;}

.slot-2-2{float:left;width:38%;margin:0 0%;padding:5% 6% 0% 6%; text-align: left;}

.slot-2-3{float:left;width:49%;margin:0 0%;padding:0 0% 0% 1%; text-align: left;}
.slot-2-4{float:left;width:60%;margin:0 0%;padding:0 0% 0% 20%; text-align: center;}
.slot-2-5{float:left;width:50%;margin:0 0%;padding:0 0% 0% 0%; text-align: center;}

.slot-3-1{float:left;width:48%;margin:0 0%;padding:0 2% 0% 0%; text-align: left;}
.slot-3-2{float:left;width:48%;margin:0 0%;padding:0 0% 0% 2%; text-align: left;}

@media screen and (max-width:720px) {
	.slot-1-0{padding:0% 0 0.0em 0; text-align:center;}
	.slot-1-1{position:relative;width:70%;}
	.slot-1-2{ position:relative;width:80%;padding:6% 4% 8% 4%;}
	.slot-1-5{margin:0em auto 2em auto;width:80%;}
	.slot-2-1{float:left;width:100%;margin:0 0%;padding:0 0% 0% 0%; text-align: center;}
	.slot-2-2{float:left;width:80%;margin:0 0%;padding:5% 10% 12% 10%; text-align: left; }
	.slot-2-5{float:left;width:100%;margin:0 0%;padding:0 0% 0% 0%; text-align: center;}	
	
	.slot-3-1{float:left;width:100%;margin:0 0%;padding:0 0% 0% 0%; text-align: center;}
	.slot-3-2{float:left;width:100%;margin:-2em 0% 0 0;padding:0 0% 0% 0%; text-align: center;}
}

@media screen and (max-width:480px) {
.slot-1-5-5{padding:0% 0% 3em 0; margin:-1em auto 0 auto;}
}

/*Kontakt intro start*/
.contact-box {float:left; width:100%; margin:0% 0 0 0; padding:3% 0 0 0; background:#55afe3; color:#FFF;}
.contact-box a{color:#FFF;}
.contact-box h3{}
.contact-box-1 { float:right;width:auto;padding:0 20% 5% 0; }
.contact-box-2 { float:left;width:auto;padding:0 0% 5% 20%;}
.contact-icon {width:3.1em; height:auto; padding:1em 0 0 0;}
.contact-icon-map {width:2.7em; height:auto; padding:1em 0 0 0;}

#call-to-fone { position:fixed; z-index:10;bottom:0; right:0;width:14%; height: auto; display:block}
/*Kontakt intro end*/

.image-space { margin:0 0 -0.45em 0}
.text-box-blue { text-align:left;}

@media screen and (max-width:1320px) {
	#call-to-fone { position:fixed; z-index:10;bottom:0; right:0;width:20%; height: auto; display:block}
}

@media screen and (max-width:980px) {
	#call-to-fone { position:fixed; z-index:10;bottom:0; right:0;width:24%; height: auto; display:block}
}

@media screen and (max-width:720px) {
	.contact-box-2 { float: inherit;width:100%;padding:0 0% 5% 0%; }
	#call-to-fone { position:fixed; z-index:10;bottom:0; right:0;width:34%; height: auto; display:block}
}

@media screen and (max-width:480px) {
	.contact-box-2 { float: inherit;width:100%;padding:0 0% 5% 0%; }
	#call-to-fone { position:fixed; z-index:10;bottom:0; right:0;width:44%; height: auto; display:none}
}



@media screen and (max-width:720px) {
.eins {display:table-footer-group;float:none;width:100%;}
.zwei {display:table-header-group;float:none;width:100%;}
}
/*BTN beginn*/

.btn-default {font-size: 0.9vw; line-height:0.9vw; transition:all 0.5s ease;font-weight:400; clear:left}
.btn-default {text-decoration:none;padding:1.2em 4.5em;margin:0px auto 0 auto; width: auto; cursor:pointer; text-transform:none;}
.btn-default:hover{color:#fff; background:#5c5c60;}
.btn-default:hover a{color:#fff;}
.btn-default a{text-decoration:none;color:#5c5c60;}
.btn-default {border:#5c5c60 solid 1px; background:none;color:#5c5c60}

.btn-default {
	border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}

.color-2 .btn-default { float:left; margin:4em 0 0 0}

.color-3 .btn-default {border:#fff solid 1px; background:none;color:#fff}
.color-3 .btn-default { float:left; margin:3em 0 0 0}

.call-to-action { position:relative;padding:3em 0 0 0;}

@media screen and (max-width:720px) {
	.btn-default {font-size: 1.9vw; line-height:1.9vw;}
	.color-3 .btn-default { float:left; margin:2em 0 0.4em 0}
}

@media screen and (max-width:480px) {
	.btn-default {font-size: 2.9vw; line-height:2.9vw;}
	.color-3 .btn-default { float:left; margin:2em 0 0.4em 0}
}
/*BTN end */

/*header*/

.header-box-main {position: fixed; z-index:9;top:0; width:100%; height:4em;background: rgba(85,175,227, 0.0);transition:all 1s ease;}

#logo { height: auto; width:34%;padding:0 33%; display:block;}
#logo-footer { height: auto; width:12%;padding:2em 44%; display:block;}
#logo-icon { position:fixed;z-index:11; left:5%; top:1.0em;height: auto; width:3%; display:none;}
#logo-icon-main { position:fixed;z-index:11; left:5%; top:1.0em;height: auto; width:3%; display:block;transition:all 0.5s ease;}

@media screen and (max-width:1320px) {
	.header-box-main {height:4.4em;}
	#logo-icon { left:5%; top:1.0em;height: auto; width:3.5%; display:none;}
	#logo-icon-main {left:5%; top:1.0em;height: auto; width:3.5%;}
}

@media screen and (max-width:980px) {
	.header-box-main {height:4.8em;}	

	#logo-icon { left:5%; top:1.0em;height: auto; width:4.5%; display:none;}
	#logo-icon-main {left:5%; top:1.0em;height: auto; width:4.5%;}
}

@media screen and (max-width:720px) {
	.header-box-main {height:4.4em;}	
	#logo { width:30%;padding:0 40%; display:block;}
	#logo-footer { height: auto; width:24%;padding:2em 38%; display:block;}
	#logo-icon { left:5%; top:1.0em;height: auto; width:7%; display:none;}
	#logo-icon-main {left:5%; top:1.0em;height: auto; width:7%;}
}


@media screen and (max-width:480px) {
	.header-box-main {height:4.8em;}	
	#logo { width:60%;padding:0 20%; display:block;}
	#logo-footer { height: auto; width:40%;padding:2em 30%; display:block;}
	#logo-icon { left:5%; top:1.0em;height: auto; width:10%; display:none;}
	#logo-icon-main {left:5%; top:1.0em;height: auto; width:10%;}
}


/*

*/
 h1 {font-size: 3.0vw; line-height:4.0vw;padding:12% 0 6% 0; margin:0;text-align: center;text-transform: none;font-weight:300;}
 h2 {font-size: 3.0vw; line-height:4.0vw;padding:6% 0 6% 0; margin:0;text-align: center;text-transform: none;font-weight:300;}
 h3 {font-size: 1.5vw; line-height:2.0vw;padding:2% 20% 2% 20%; margin:0;font-family: 'SohoPro-Medium';text-transform: none;font-weight:300;}
 h4 {font-size: 1.2vw; line-height:1.8vw;padding:0% 0% 1% 0%; margin:0;font-family: 'SohoPro-Medium';text-transform: none;font-weight:300;}

 h5 {font-size: 1.8vw; line-height:2.4vw;padding:6% 0 6% 0; margin:-0.4% 0 0 0; font-weight:300;text-align: center;text-transform: uppercase;}
 
.slot-1-1 h2 {padding:12% 15% 6% 15%; margin:0;text-align: center;text-transform: none;}
.slot-2-2 h2 {text-align:left;padding:2% 15% 6% 0%;}
.slot-2-2 h3 {font-size: 3.0vw; line-height:4.0vw;padding:6% 0 6% 0; margin:0;font-family: 'SohoPro-Light'; font-weight:300;text-align:left;text-transform: none;}

/*ZWEISPALETN-MAIN*/
.space-zweispalten {margin:-0.5em auto 4em auto}
.slot-1-5 h3{text-align:left;padding:0% 0% 2% 0%; margin:1.2em 0 0 0}
.slot-1-5-5 h3{text-align:left;padding:0% 0% 2% 0%; margin:1.2em 0 0 0}
 
#footer h4 {font-size: 1.8vw; line-height:2.4vw;}

 
.caption-text { padding:0 25%; text-align: center;}
.caption-text a{color:#FFF;}
.caption-text a:hover{color:#FFF;}

@media screen and (max-width:720px) {
	 h1 {font-size: 4.0vw; line-height:6.0vw;padding:12% 0 6% 0;}
	 h2 {font-size: 4.0vw; line-height:6.0vw;padding:6% 0 6% 0; margin:0;text-align: center;text-transform: none;}
	 h3 {font-size: 2.5vw; line-height:4.8vw;}
	 h4 {font-size: 2.5vw; line-height:4.2vw;padding:2% 0% 1% 0%;}	 
	 .slot-1-1 h2 {padding:12% 5% 6% 5%; margin:0;text-align: center;text-transform: none;}
	 .slot-1-2 h3{padding:2% 0% 2% 0%; margin:0em 0 0 0;text-align: center;}
	 .slot-1-5 h3{text-align:left;padding:0% 0% 2% 0%; margin:1.2em 0 0 0;text-align: center;}
	 .slot-1-5-5 h3{text-align:left;padding:0% 0% 2% 0%; margin:1.2em 0 0 0;text-align: center;}
	 .space-zweispalten {margin:-1.5em auto 4em auto}
}

@media screen and (max-width:480px) {
	 h1 {font-size: 5.0vw; line-height:7.0vw;padding:12% 0 6% 0;}
	 h2 {font-size: 5.0vw; line-height:7.0vw;padding:6% 0 6% 0; margin:0;text-align: center;text-transform: none;}
	 h3 {font-size: 3.5vw; line-height:5.8vw;}
	 h4 {font-size: 3.5vw; line-height:5.2vw;padding:2% 0% 1% 0%;}	 
	 .slot-1-1 h2 {padding:12% 5% 6% 5%; margin:0;text-align: center;text-transform: none;}
	 .slot-1-2 h3{padding:2% 0% 2% 0%; margin:0em 0 0 0;text-align: center;}
	 .slot-1-5 h3{text-align:left;padding:0% 0% 2% 0%; margin:2.4em 0 0 0;text-align: center;}
	 .slot-1-5-5 h3{text-align:left;padding:0% 0% 2% 0%; margin:2.4em 0 0 0;text-align: center;}
	 .space-zweispalten {margin:-3.4em auto 2em auto}
	 .slot-2-2 h2 {text-align:left;padding:6% 15% 6% 0%;}
	 .slot-2-2 h3 {font-size: 5.0vw; line-height:7.0vw;padding:6% 0 6% 0; margin:0;font-family: 'SohoPro-Light'; font-weight:300;text-align:left;text-transform: none;}
}

/*single-view*/


/*NEwsletter*/
.email-text {border:#FFF solid 1px; background: #FFF; color:#000; text-align:center; font-size: 1.1vw; line-height:1.1vw;padding:0.2em 0.4em;margin:2.5% 0 1% 0;}
.button {background:#000; border:#FFF solid 1px; color:#FFF; padding:1em 2em; margin:2% 0 2% 0;font-size: 0.7vw; line-height:0.7vw; text-transform:uppercase}

/*social*/

/*##### SOCIAL MEDIA FOOTER ##########*/

.footer{margin:0% 0 0 0;font-size: 0.9vw; line-height:1.6vw;}
.footer {background: #5c5c61;color:#FFF }
.footer h4 {padding:12% 0 0% 0; margin:0% 0 0% 0;color:#FFF;text-transform:none}
.footer a{color:#FFF}

@media screen and (max-width:720px) {
	.footer{margin:0% 0 0 0;font-size: 1.9vw; line-height:3.2vw;}	
}

@media screen and (max-width:480px) {
	.footer{margin:0% 0 0 0;font-size: 2.9vw; line-height:4.4vw;}	
}


#footer li{ list-style:none; display: inline-block; margin:0;} 

.btn-link {border-bottom:#999 solid 1px;font-size: 1.2vw; line-height:1.8vw;font-style:normal}
.btn-link-2 {border-bottom:#999 solid 0px;font-size: 1.2vw; line-height:1.8vw; font-style:normal}


.social-icons { position:relative; width:100%; padding:3em 0 4em 0;font-size: 0.7vw; line-height:0.5vw;}
.social-icons a{font-size: 0.7vw; line-height:0.5vw; color:#FFF;}

.icon-facebook { border-left: none;padding:0 1em;}
.icon-google {border-left:#FFF solid thin;padding:0 1em; }
.icon-xing { border-left:#FFF solid thin;padding:0 1em; }
.icon-twitter {border-left:#FFF solid thin;padding:0 1em;}

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

@media screen and (max-width:720px) {
.social-icons { position:relative; width:100%; padding:3em 0 4em 0;font-size: 1.2vw; line-height:0.5vw;}
.social-icons a{font-size: 1.2vw; line-height:0.5vw; color:#FFF;}		
}

@media screen and (max-width:480px) {
.social-icons { position:relative; width:100%; padding:3em 0 4em 0;font-size: 1.9vw; line-height:0.5vw;}
.social-icons a{font-size: 1.9vw; line-height:0.5vw; color:#FFF;}	
}




/*NAVIGATION*/









/* preloader animation*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color:#fff;

  z-index: 999999;}

#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -100px 0 0 -100px; }

#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 4px solid transparent;
  border-top-color: #1d2a3b;
  z-index: 1500;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation: spin 1.5s linear infinite;
  -moz-animation: spin 1.5s linear infinite;
  -o-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  -o-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  z-index: 1001; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }





		


/* Sweep To Right */



/*CLOSE*/
#menu-panel-close{position: fixed; z-index:10; top:0; left:0;width:100%; height: 100%; background: rgba(221,192,177, 0.5); background: rgba(0,0,0, 0.3); display: none; } 


#menu-panel{position: fixed; z-index:12; top:0; right:0;width:100%; height:100vh; padding:0% 0 0 0;background:#199dd9;display: none}
.content-menu-panel{ position:relative; margin:0 auto;width:85%; height: 100vh;overflow: auto}
.menu-mobile li{list-style:none; display:block; font-size: 3.0vw; line-height:3.0vw;padding:1.5% 0 ; margin:0% 0; text-align: right; text-transform: none;}
.menu-mobile a{color:#FFF;}

.menu-mobile a:hover{color:#a8d8ef}
.menu-mobile .act a{color:#a8d8ef}

.content {
  text-align:left;
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width:1320px) {
.content-menu-panel{ position:relative; margin:0 auto 0 auto;width:80%; height: 100vh;overflow: auto}

}

@media screen and (max-width:980px) {
.content-menu-panel{ position:relative; margin:-2.5em auto 0 auto;width:80%; height: 100vh;overflow: auto}
.menu-mobile li{font-size: 3.5vw; line-height:3.5vw;padding:2.0% 0 ; }	
}

@media screen and (max-width:720px) {
.content-menu-panel{ position:relative; margin:-2.5em auto 0 auto;width:80%; height: 100vh;overflow: auto}
.menu-mobile li{font-size: 4.0vw; line-height:4.0vw;padding:2.0% 0 ; }	
}

@media screen and (max-width:480px) {
.content-menu-panel{ position:relative; margin:-2.5em auto 0 auto;width:70%; height: 100vh;overflow: auto}
.menu-mobile li{font-size: 5.9vw; line-height:5.9vw;padding:2.0% 0 ; }	
}


/*SCROLL-ICON main-slider*/
 
.icon-scroll,
.icon-scroll:before {
  position: absolute;
  z-index:99;
  left: 50%;
}
.icon-scroll {
  width: 36px;
  height: 58px;
  margin-left: -18px;
  bottom: 5%;
  margin-top: -29px;
  box-shadow: inset 0 0 0 1px #fff;
  opacity:0.7;
  border-radius: 30px;
}

.icon-scroll:before {
  content: '';
  width: 8px;
  height: 8px;
  background: #fff;
  margin-left: -4px;
  top: 8px;
  border-radius: 4px;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
          animation-name: scroll;
}

.news-single-image-box .icon-scroll:before {
  background: #fff;
}

@-webkit-keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(46px);
            transform: translateY(46px);
  }
}
@keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(46px);
            transform: translateY(46px);
  }
}

@media screen and (max-width:1320px) {
.icon-scroll {
  width: 28px;
  height: 46px;
  margin-left: -12px;
  bottom: 5%;
  margin-top: -9px;
  box-shadow: inset 0 0 0 1px #fff;
  opacity:0.7;
  border-radius: 30px;
}

.icon-scroll:before {
  content: '';
  width: 6px;
  height: 6px;
  background: #fff;
  margin-left: -3px;
  top: 2px;
  border-radius: 3px;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
          animation-name: scroll;
}
}

@media screen and (max-width:980px) {
.icon-scroll {
  width: 28px;
  height: 46px;
  margin-left: -12px;
  bottom: 5%;
  margin-top: -9px;
  box-shadow: inset 0 0 0 1px #fff;
  opacity:0.7;
  border-radius: 30px;
}

.icon-scroll:before {
  content: '';
  width: 6px;
  height: 6px;
  background: #fff;
  margin-left: -3px;
  top: 2px;
  border-radius: 3px;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
          animation-name: scroll;
}
}

@media screen and (max-width:720px) {
.icon-scroll {
  width: 28px;
  height: 46px;
  margin-left: -12px;
  bottom: 5%;
  margin-top: -9px;
  box-shadow: inset 0 0 0 1px #fff;
  opacity:0.7;
  border-radius: 30px;
}

.icon-scroll:before {
  content: '';
  width: 6px;
  height: 6px;
  background: #fff;
  margin-left: -3px;
  top: 2px;
  border-radius: 3px;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
          animation-name: scroll;
}
}

@media screen and (max-width:480px) {
.icon-scroll {
  width: 24px;
  height: 36px;
  margin-left: -12px;
  bottom: 10%;
  margin-top: -9px;
  box-shadow: inset 0 0 0 1px #fff;
  opacity:0.7;
  border-radius: 30px;
}

.icon-scroll:before {
  content: '';
  width: 6px;
  height: 6px;
  background: #fff;
  margin-left: -3px;
  top: 2px;
  border-radius: 3px;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
          animation-name: scroll;
}
}





/*FULL SCREEN IMAGE*/
.full-screen {position: relative;z-index:8;width:100%; height: auto;background:#000;}


.full-screen .image{
  	float:left;
    top: 0;
    left: 0;
	height: 100vh;
    width: 100%;
    overflow: hidden;
	background:#000; 
}
.full-screen .image img {
    height: auto;
    width: auto;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
	opacity: 0.5;
	-webkit-transition: 25s;
	-moz-transition: 25s;
	transition: 25s;
}


/*** PROJEKTANFRAGE OVERLAY ***/
.projektanfrage-content { position:relative; width:48%; padding:5% 26%;}
.projektanfrage-content {color:#FFF;}
.projektanfrage-content  h2 {padding:4% 0 3% 0; margin:0;}
.projektanfrage-content  h3 {font-family: 'SohoPro-Light'; padding: 0em 20% 2em 20%;}
.projektanfrage-content p{ display:block; visibility:visible}
#projektanfrage-box {
	position: fixed;
    top:0%;
    left: 0;
    height: 100vh;
    width: 100%;
    overflow: auto;
	background:#000;
	z-index:99999;
	color:#000;
	text-align:center;
	display:none; 
}

#projektanfrage-box p{padding:0 0 4% 0;}



/*********
STYLE FOR A CHECKBOX --------------- */
.checkbox { float:left; width:47%;padding:0.5em 0% 0.5em 3%;font-size: 0.9vw; line-height:1.3vw; text-align: left; color: 
#DDD;}
.layout1 .checkbox {font-size: 0.0vw; line-height:0vw;padding:1.5em 0% 0.5em 3%;}
.layout1 .checkbox input[type="checkbox"] {margin: 3.2% 0em 0 0;}


#c125 { float:left;color:#ddd;padding:0.5em 20% 0 0%; margin:0 0 0 -41.2%;width: auto;text-align:left;font-size: 0.9vw; line-height:1.3vw;}/*AGB*/
#c125 a{color:#ddd; border-bottom:solid 1px #ddd}



.checkbox input[type="checkbox"] {margin: 0 1em 0 0;}

.checkbox input[type="checkbox"] {
    display:inline-block;
    width:3em;
    height:1.6em;
    margin:2px 12px 0 0;
	padding:0 0 0 2.5em;
    vertical-align:middle;
    background:url(../images/checkbox-icon.jpg) left top no-repeat;background-size: 1.5em auto;
    cursor:pointer;
}

@media screen and (max-width:480px) {
    
    .checkbox {width:97%;font-size: 4.2vw; line-height:5.8vw;}
    #c125 { float:left;color:#ddd;padding:0.5em 0% 0 0%; margin:-1.8em 0 0 20%;width: auto;text-align:left;font-size: 4.2vw; line-height:5.8vw;}/*AGB*/
    
}

/*POWERMAIL*/ 
.powermail_label{font-weight: 300;}
.tx-powermail li{list-style: none; color: #e40521; padding: 1em 0 0.5em 0; margin: 0; text-align: left; display: block;}
.tx-powermail ul {padding: 0; margin: 0;}

.tx-powermail {float: left; width:90%;padding:0% 5% 4em 5% ;}

.tx-powermail h3 {display: none; visibility: hidden;}

.powermail_legend {display: none; visibility: hidden;}
.powermail_label { float: left;width: 40%; text-align: left;padding:0.3em 0; display: none;}



.powermail_input {width: 100%; }
.powermail_fieldwrap_type_submit {width: 100%;}

.powermail_submit {
  background:none;
  border: solid 1px #ddd;
  color:#ddd;
  padding:1.0em 2.0em;margin:2.0em auto 0% auto;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: .5s ease-in-out;
  font-size: 0.9vw; line-height:0.9vw;
    -webkit-border-radius:0; -webkit-appearance: none;
}
.powermail_submit {
-webkit-border-radius: 1.5em;
-moz-border-radius: 1.5em;
border-radius: 1.5em;
}

.powermail_fieldwrap_type_input{float: left; width: 46%; padding:1% 2%;}
.powermail_fieldwrap_type_textarea {float: left; width: 96%; padding:1% 2%;}




.powermail_input {
  float: left;
  display: block;
  width: 100%;
  margin: 0%;
  border: 1px solid #ddd;
  padding: 0.5em 0.5em;
  background-color: #000;
  font-family: 'SohoPro-Light';
  color: #fff;
  font-size: 0.9vw; line-height:0.9vw;
    -webkit-border-radius:0; -webkit-appearance: none;
}
.powermail_input {
-webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
border-radius: 0.5em;
}
.powermail_textarea {
  float: left;
  display: block;
  width: 100%;
  border: 1px solid #ddd;
  padding: 0.5em 0.5em;
  background-color: #000;
  color: #FFF;
  font-size: 0.9vw; line-height:1.3vw;
  font-family: 'SohoPro-Light';
    -webkit-border-radius:0; -webkit-appearance: none;
}
.powermail_textarea  {
-webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
border-radius: 0.5em;
}


@media screen and (max-width:480px) {
    	
	.tx-powermail {float: left; width:100%;padding:0% 0% 4em 0% ; text-align: center;}
	
	.powermail_input {font-size: 5.2vw; line-height:6.8vw; -webkit-appearance: none;}
    .powermail_textarea {font-size: 5.2vw; line-height:6.8vw; -webkit-appearance: none;}
	
	.powermail_label {width: 90%; text-align: left;padding:0.3em 0;}
	.powermail_field { width: 90%;  text-align: center;padding:0.3em 0;}
    
    .powermail_fieldwrap_type_input{ width: 98%; padding:1% 1%;}
    .powermail_fieldwrap_type_textarea {float: left; width: 98%; padding:1% 1%;}
    
    .powermail_submit {
      background:none;
      border: solid 1px #FFF;
      color:#FFF;
      padding:0.5em 2.0em;margin:2.0em auto 0% 10%;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      cursor: pointer;
      transition: .5s ease-in-out;
      font-size: 5.2vw; line-height:6.8vw;
      font-weight: 300;
    }
	
}


/*temp*/




@media screen and (max-width:480px) {
#projektanfrage-box {
	position: fixed;
    top:0%;
    left: 0;
    height: 100vh;
    width: 100%;
    overflow: scroll;
	background:#000;
	z-index:99;
	color:#000;
	text-align:center;
	
}

.projektanfrage-content { position:relative; width:80%; padding:5% 10% 5em 10%;}

.projektanfrage-content  h2 {padding:12% 0 6% 0; margin:0;}
.frame-type-form_formframework { padding:1em 0 0em 0}

.checkbox { float:left; width:99%;padding:0.5em 0% 0.5em 0%;}
.form-check label { float:left;display:block; visibility: visible;text-align:left;font-size: 3.9vw; line-height:5.3vw;}

#c107 { float:left;color:#ddd;padding:1.0em 0 0 0em; width:90%; margin:-3.0em 0 1em 2.7em; text-align:left;font-size: 3.9vw; line-height:6.6vw;}/*AGB*/
#c107 a{color:#ddd; border-bottom:solid 1px #ddd}


.btn-primary {font-size: 3.9vw; line-height:3.9vw;padding:1em 3em;}

.form-control { float:left;border: solid 1px #ddd; width:95%; background:#000; color:#fff;font-size: 3.9vw; line-height:5.3vw; padding:3% 0% 3% 4%;}
.form-control {margin:2.5% 1% 2.5% 1%; -webkit-appearance: none;}

.btn-primary { 
	-webkit-border-radius: 2.5em;
	-moz-border-radius: 2.5em;
	border-radius: 2.5em;
	-webkit-appearance: none;
	}
	

	
}


/*MAIN-END*/

/*NEWS-BEGINN*/


.single-image-1 {
  position: relative;
  z-index:10;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    overflow: hidden;
}

.single-image-1 img {
    height: auto;
    width: auto;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
	opacity: 0.5;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

.news-single-caption {
  position:absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    overflow: hidden; z-index:11;
	text-align:left;
  }
  
  
.news-single-image-box { position:relative;width:100%; height:auto;background:#000;}

.news-single-caption .title-box{position:absolute; left:0%; bottom:20%;width:60%; padding:0% 20%;display:block;text-align:center;}

.news-single-caption .title-box h2{padding:1.7em 0 0% 0; color:#FFF}
.news-single-caption .title-box h1{padding:1.7em 0 0% 0; color:#FFF}

@media screen and (max-width:720px) {
	.news-single-caption .title-box{position:absolute; left:0%; bottom:16%;}
	.news-single-caption .title-box h2{padding:1.7em 0 0% 0; color:#FFF}	
}

@media screen and (max-width:480px) {
	.news-single-caption .title-box{bottom:25%;width:90%; padding:0% 5%;}	
}

/*list*/
.container {
  position: relative;
  float:left;
  width: 47%;
  margin:1.5% ;
  overflow:hidden;
  
}

@media screen and (max-width:720px) {
.container {
  position: relative;
  float:left;
  width: 100%;
  margin:2.5% 0;
  overflow:hidden;
  
}
}

.container .image {
  display: block;
  width: 100%;
  height: auto;
   
}

.overlay {
  position: absolute;
  top: -0.4em;
  bottom:0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  transition: .5s ease;
  background: rgba(85,175,227, 0.0);
  margin: 0 0 0 0;
}

.container:hover .overlay {
	background: rgba(85,175,227, 0.8)
}

.text {
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  display:none;
  transition: 1.5s ease;
  width:100%;
}

.container:hover .text {
	display:block;
	transition: 1.5s ease;
	-webkit-user-select: none; -webkit-touch-callout: none;
}

.container:active .text {
	display:block;
	transition: 1.5s ease;
	-webkit-user-select: none; -webkit-touch-callout: none;
}

.container h3 { width:100%;padding:0% 0% 0.5em 0%; }

/*NEWS-END*/

/*HAMBURGER-BEGINN*/
/*########## HAMBURGER-ICON BEGINN ################*/
* {
  margin: 0;
  padding: 0; 
}

/* Icon 1 */
#nav-icon-box {
  z-index:13;
  width:70%;
  height: 1.5em;
  position: fixed;
  right:5%; top:1.8em;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  display: none; display:block;
  
}

#nav-icon-lang {
  position: absolute;
  z-index:12;font-size: 1.0vw; line-height:1.0vw;font-family: 'SohoPro-Light';
  width: auto;
  height: 50px;
  right:6.5em;top:0;
  color:#FFF;
  padding:0 0px 0 0;
  margin:0px 0 0 0px;
  display: block;
}


#nav-icon-text {
  z-index:12;font-size: 1.0vw; line-height:1.0vw;font-family: 'SohoPro-Medium';
  width: auto;
  height: 50px;
  position: absolute;
  right:2.9em; top:0%;
  color:#FFF;
  padding:0 0 0 0;
  margin:0px 0 0 0px;
  display:none;display:block;
}

#nav-icon-phone {
  z-index:14;font-size: 1.0vw; line-height:1.0vw;font-family: 'SohoPro-Medium';
  width: auto;
  height: 50px;
  position: absolute;
  right:2.9em; top:0%;
  color:#FFF;
  padding:0 0 0 0;
  margin:0px 0 0 0px;
  display:none;display:block;
}

#nav-icon1 {
  z-index:11;
  width: 1.2em;
  height: 50px;
  position: absolute;
  right:0; top:0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  display: none; display:block;
}


#nav-icon1 span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  border-radius: 1px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}



.n1, .n2 {background: #FFF;}

.hide-text { display:none; visibility:hidden;}


#nav-icon1 .n1 {
  top: 0px;
}

#nav-icon1 .n2 {
  top: 0.4em;
  left:0px;
}

@media screen and (max-width:1320px) {
	#nav-icon-text {
  font-size: 1.6vw; line-height:1.6vw;
  height: 50px;
  right:2.6em; top:0%;
}

#nav-icon-lang {
  font-size: 1.6vw; line-height:1.6vw;
  height: 50px;
  right:6.2em;top:0;
}
	
	#nav-icon1 {
	  z-index:11;
	  width: 30px;
	}
	
	#nav-icon1 .n1 {
	  top: 0px;
	}
	
	#nav-icon1 .n2 {
	  top: 12px;
	  left:0px;
	}
}

@media screen and (max-width:980px) {	
#nav-icon-text {
  font-size: 2.0vw; line-height:2.0vw;
  height: 50px;
  right:2.6em; top:0%;
}

#nav-icon-lang {
 font-size: 2.0vw; line-height:2.0vw;
  height: 50px;
  right:6.2em;top:0;
}
	
	#nav-icon1 {
	  z-index:11;
	  width: 30px;
	}
	
	#nav-icon1 .n1 {
	  top: 0px;
	}
	
	#nav-icon1 .n2 {
	  top: 12px;
	  left:0px;
	}
}

@media screen and (max-width:720px) {	
#nav-icon-text {
  font-size: 2.6vw; line-height:2.6vw;
  height: 50px;
  right:2.6em; top:0%;
}

#nav-icon-lang {
  font-size: 2.6vw; line-height:2.6vw;
  height: 50px;
  right:6.2em;top:0;
}
	
	#nav-icon1 {
	  z-index:11;
	  width: 30px;
	}
	
	#nav-icon1 .n1 {
	  top: 0px;
	}
	
	#nav-icon1 .n2 {
	  top: 12px;
	  left:0px;
	}
}

#phone { float:left;width:40px; height:auto;}

@media screen and (max-width:480px) {
	
#nav-icon-phone {
  font-size: 18px; line-height:22px;
  height: 50px; width:20px;
  right:2.5em; top:0%;
  
}

#nav-icon-phone {
	background: url(../images/phone-weiss.png); background-size: 96% auto; background-position:left top; background-repeat:no-repeat;
	}
		
#nav-icon-text {
  font-size: 18px; line-height:22px;
  height: 50px;
  right:2.5em; top:0%;
}

#nav-icon-lang {
  font-size: 18px; line-height:22px;
  height: 50px;
  right:4.4em;top:0;
}
	
	#nav-icon1 {
	  z-index:11;
	  width: 28px;
	}
	
	#nav-icon1 .n1 {
	  top: 2px;
	}
	
	#nav-icon1 .n2 {
	  top: 12px;
	  left:0px;
	}
}


/*
#nav-icon1.open span{background:#FFF}
*/

#nav-icon1.open span:nth-child(1) {
  top: 9px;
  left: 0px;
   
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}


#nav-icon1.open span:nth-child(2) {
    top: 9px;
  left: 0px;
   
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

#nav-icon1.open span:nth-child(3) {
  top: 9px;
  left: 0px;
   
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

#nav-icon1.open span:nth-child(4) {
  opacity: 0;
  left: -45px;
}


/*CLOSE*/

#close-icon-box-2 {position:absolute; top:1.8em; right:5%; width:1em;height:auto; cursor:pointer}	


.close {
  position: fixed;
  width: 40px;
  height: 1.5em;
  opacity: 1;
  z-index:999999;
   -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  cursor:pointer;
 
  
}

.close:before, .close:after {
  position: absolute;
  right: 20px;
  top:-10px;
  content: ' ';
  height: 40px;
  width: 4px;
  background-color: #ff0000;
}
#projektanfrage-box .close:before{
  background-color: #fff;
}

#projektanfrage-box .close:after {
  background-color: #fff;
}

.close:before {
  transform: rotate(45deg);
}

.close:after {
  transform: rotate(-45deg);
}

@media screen and (max-width:1320px) {
 .close {
  position: fixed;
  width: 26px;
  height: 1.5em;
  opacity: 1;
  z-index:999999;
   -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  cursor:pointer; 
}

.close:before, .close:after {
  position: absolute;
  right: 14px;
  top:-10px;
  content: ' ';
  height: 32px;
  width: 3px;
}

}

@media screen and (max-width:480px) {
 .close {
  position: fixed;
  width: 20px;
  height: 1.5em;
  opacity: 1;
  z-index:999999;
   -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  cursor:pointer; 
}

.close:before, .close:after {
  position: absolute;
  right: 14px;
  top:-10px;
  content: ' ';
  height: 26px;
  width: 3px;
}

}

.langMenuNav a{ color:rgba(255,255,255, 1.0);}
.langMenuNavActive a{color:rgba(255,255,255, 1.0);}
.langMenuNavActive span{color:rgba(32,157,214, 1.0);}

/*HAMBURGER-END*/

/*SLICK-BEGINN*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}

.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/* Slider */




/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute; z-index:10;
    top: 50%;
	margin:-25px 0 0 0;
    display: block;
    width: 50px;
    height: 50px;
	 cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: #936;
 }

.slick-prev{
    width: 50px; height: 50px;
	background: url(../images/arrow-left-b.png) no-repeat;background-size:100% auto; background-position:left center
}

.slick-next{
     width: 50px; height: 50px;
	background: url(../images/arrow-right-b.png) no-repeat;background-size:100% auto; background-position:left center
}


@media screen and (max-width:1320px) {
	.slick-prev{
    width: 30px; height: 30px;
}

.slick-next{
   width: 30px; height: 30px;
}

}

.slick-prev
{
    left: 5%;
	opacity:0.0;
	transition:all 0.5s ease;
}



.slick-next
{
    right: 5%;
	opacity:0.0;
	transition:all 0.5s ease;
}

.slider:hover .slick-prev{opacity:1.0;}
.slider:hover .slick-next{opacity:1.0;}

/**/
 
    .slider {
		
        width: 100%;
        margin: 0px auto;
    }

    .slick-slide {
      margin: 0px 0px;
    }

    

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: 1;
    }

    .slick-active {
      opacity: 1;
    }

    .slick-current {
      opacity: 1;
    }

/*SLICK-END*/