@font-face {
    font-family: 'Open Sans', sans-serif;
    src: url('OpenSans-Light.woff2') format('woff2'),
        url('OpenSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans', sans-serif;
    src: url('OpenSans-ExtraBold.woff2') format('woff2'),
        url('OpenSans-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans', sans-serif;
    src: url('OpenSans-Bold.woff2') format('woff2'),
        url('OpenSans-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans', sans-serif;
    src: url('OpenSans-Medium.woff2') format('woff2'),
        url('OpenSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans', sans-serif;
    src: url('OpenSans-Regular.woff2') format('woff2'),
        url('OpenSans-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans', sans-serif;
    src: url('OpenSans-SemiBold.woff2') format('woff2'),
        url('OpenSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}	

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


@media screen and (max-width:480px) {
.hidden-mobile {visibility: hidden; display: none}
.hidden-main {visibility: visible; display: block}
}
/*######## FONTS END###################*/
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 */
article, aside, details, figcaption, 
footer, header, hgroup, menu, nav, section {
  display: block;
}

body, html {
  background:#FFF;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  color: #000;
   -webkit-font-smoothing: antialiased; 
  font-size: 1.2vw; line-height:1.6vw;
   height: 100%;  
   width: 100%;  
}

body {overflow-x: hidden;}


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


}



@media screen and (max-width:480px) {
	 body {
	  font-size: 4.8vw; line-height:6.4vw;
	}

}

b {}

ol, ul {
  list-style:circle;
  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: #000;
  text-decoration: none;
}

a:hover, a:active {

  color: #000;
}


sup {
    vertical-align: super;
    font-size: 0.8vw; line-height:0.8vw;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

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

strong { font-weight: 700;}

.ce-div {border:none; padding: 0.4em}



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

    sup {
        vertical-align: super;
        font-size: 3.8vw; line-height:3.8vw;
    }
	.ce-div {border:none; padding:2em 0.4em 0.4em 0.4em}

}

/*YOUTUBE*/

.embed-container {
  position: relative; 
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
}
.embed-container iframe {

  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}
/* ratio 4x3 */
.embed-container.ratio4x3 {
  padding-bottom: 75%;
}

.mediaelement-video {
  position: relative; 
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
    margin: 0 0 2em 0;
}
.mediaelement-video video {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}
/* ratio 4x3 */
.mediaelement-video.ratio4x3 {
  padding-bottom: 75%;
}



/*############## CONTENT BEGINN ###########################################*/

/* LANG-MENU */
#nav-icon-lang {
  position: absolute;
  z-index:12;font-size: 1.0vw; line-height:1.0vw;
  width: auto;
  right:5.7em;
  top:3.5em;
  color:#FFF;
  padding:0 0px 0 0;
  margin:0px 0 0 0px;
  display:block;
  color: #FFF;
  }

#nav-icon-lang ul {padding: 0;margin: 0;}
#nav-icon-lang li{list-style:none; display:inline-block;padding:0%; margin:0; text-align: left; }

#nav-icon-lang a{padding: 0 0.5em 0 0;}

.langMenuNav a{ color:#FFF;}
.langMenuNavActive a{color:#FFF; font-weight: 800;}

.main .langMenuNav { color:#666;}
.main .langMenuNav a{ color:#666;}
.main .langMenuNavActive a{color:#666;font-weight: 800;}

/*header-box*/
.nav-icon-box { position:fixed; z-index:99; right:1.4em; top:1.4em;margin:0px 0px 0% 0%; padding:0 0.6em;opacity:1;transition:all 0s ease; display:none;}



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

	#nav-icon-lang {
	  position: absolute;
	  font-size: 5.2vw; line-height:5.2vw;
	  width: auto;
	  height: 50px;
	  left:2em;top:2.3em;
	}
	
	.nav-icon-box { position:absolute; z-index:99; right:1.0em; top:1.4em;margin:0px 0px 0% 0%; padding:0 0.6em;opacity:1;transition:all 0s ease; display:block;}


}

.nav-icon-box-2 { position: absolute; z-index:99;left:1.4em; top:1.5em;margin:0px 0px 0% 0%; padding:0px 0 0 0;opacity:1;transition:all 1s ease; display:block;}
.nav-icon-box-3 { position: fixed; z-index:99;left:1.4em; top:1.5em;margin:0px 0px 0% 0%; padding:0px 0 0 0;opacity:1;transition:all 1s ease; display:block;}
.close-icon-box { position: fixed; z-index:9999; right:1.8em; top:1.5em;margin:0px 0px 0% 0%; padding:0px;opacity:1;transition:all 1s ease; width: 2em; height: 2em; display: block; cursor: pointer;}

.logo-parallax { width: auto; height:2.7em; padding:0px 0 0 0;}

.logo-main {position:absolute; z-index:9; left:15.5vw; top:3.5em;}
.logo-main img { width: auto; height:2.7em; padding:0px 0 0 0;}

.logo-footer {float: left;width: 100%; }
.logo-footer img { width: auto; height:2.7em; padding:0px 0 2em 0; margin: -0.5em 0 0 0;}

#contact-box {position: absolute;z-index: 9; right: 15%; top: 1.5em;font-weight: 400; display:block; text-align: right;}

.phone-box {float: right; color: #FFF;font-size: 1.0vw; line-height:1.0vw;font-weight: 700;display: inline-block;}
.phone-box { width:auto;background: url("../images/phone-icon.png") no-repeat; background-size: 10% auto; background-position:left center; padding:0% 0 0% 1.3em; margin: 0 0 0.5em 0;}
.phone-box a {color: #FFF;}
.phone-icon {width: 1em; height: auto; padding: 1em 0.5em;}

.contact-box-main .phone-box { width:auto;background: url("../images/phone-icon-main.png") no-repeat; background-size: 10% auto; background-position:left center; padding:0% 0 0% 1.3em; margin: 0 0 0.5em 0;}
.contact-box-main .phone-box a {color: #000;}

.mail-box {color: #FFF;font-size: 1.2vw; line-height:1.8vw; display:none; float: right;}
.mail-box {color: #FFF; border-bottom: solid 1px #FFF; cursor: pointer;}

.mail-box-main {color: #666;font-size: 1.0vw; line-height:1.0vw; }
.mail-box-main a{color: #666;}


/*SOCIAL-ICONS FOOTER*/
.footer-slot {position: relative; width: 100%; padding: 0 0 0em 0;}
.footer-box h2 {font-size: 1.3vw; line-height:1.7vw;color: #FFF;text-transform:none;padding:0% 0 0% 0; margin:0% 0 0 0;text-align:left; }
.footer-box {float: left; padding:0em 0 0 2em; text-align:center; width: 100%; color: #FFF; }
.footer-box a{color: #FFF;}
.logo-icon-box-footer { float:right; text-align: right;}
.small-footer {float: left; width: 100%; font-size: 1.0vw; line-height:1.4vw; padding:0em 0 0 0;white-space: nowrap; font-weight: 400;}
.small-footer a{color: #000;}

.social-icon {width:auto; height: 1.5em}
.social-box {float: left; width:auto; padding: 2em 0em 0 0; }
.social-box li{ list-style:none; display: inline-block; margin:0;}
.social-box a{font-size: 0.9vw; line-height:0.9vw;color:#FFF; padding:0 0.0em 0em 0.5em}
.social-box a:hover {color:#a8d8ef;}
.social-box .border {line-height:0.6vw; border-left:#666 solid 1px}

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

}


@media screen and (max-width:480px) {
    
    #contact-box {position: absolute;z-index: 9; left: 8%; top: 2.3em;font-weight: 400; display:block; text-align:left;}
    .phone-box {float: left; color: #FFF;font-size: 4.0vw; line-height:4.0vw;font-weight: 700;display: inline-block;}
    .phone-box { width:auto;background: url("../images/phone-icon.png") no-repeat; background-size: 10% auto; background-position:left center; padding:0% 0 0% 1.3em; margin: 0 0 0.5em 0;}

	.logo-main {position:absolute; z-index:9; left:10vw; top:2.0em;}
	.logo-main img { width:10em; height:auto; padding:0px 0 0 0;}
	.logo-footer {float: left;width: 100%; }
	.logo-footer img { width:90%; height:auto; padding:0px 0 2em 0;}
	.small-footer {float: left; width: 100%; font-size: 4.0vw; line-height:5.4vw; padding:0em 0 0 0;white-space:inherit; font-weight: 400;}
	
	.logo-icon-box-footer { float:left; text-align:left;}
	.logo-icon-box-footer ul {margin: 0 0 0 -2em}
	.social-box a{font-size: 3.9vw; line-height:3.9vw;color:#FFF; padding:0 0.5em 0em 0.5em}
	

	
}



#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:#FFF;
  z-index: 101;
  }

.preloader {
  position: fixed;
  top: 0;
  left: 0%;
  right: 0;
  bottom: 0;
  background:#FFF;
  z-index: 101;
  opacity: 1;
  } 

.preloader-anim {
  position: fixed;
  top: 0;
  left: -100%;
  right: inherit;
  bottom: 0;
  background:#FFF;
  z-index: 101;
  opacity: 0;
  } 
  
#status {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -30px 0 0 -30px; }

#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 50px;
  height: 50px;
  margin: -25px 0 0 -25px;
  border: 2px solid transparent;
  border-top-color: #666;
  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); } }
 
/* loader end */      
 

.section{float:left;margin:0;padding:0 0;width:100%;text-align:center; }
.section-1{float:left;margin:0;padding:0 0 4em 0;width:100%;text-align:center; overflow: hidden; }
.section-2{float:left;margin:0;padding:9em 0 4em 0;width:100%;text-align:center; overflow: hidden;}
.section-3{float:left;margin:0;padding:9em 0 4em 0;width:100%;text-align:center; overflow: hidden;}
	
.section ul{list-style:none;margin: auto;}

@media screen and (max-width:480px) {
	
	.section-2{float:left;margin:0;padding:6em 0 4em 0;width:100%;text-align:center; overflow: hidden;}
	.section-3{float:left;margin:0;padding:0em 0 4em 0;width:100%;text-align:center; overflow: hidden;}

}



/*CANVAS*/
.main {}
.slot{ position:relative;width:100%;padding:0; text-align:center; margin:0;}
.slot-color{ position:relative;width:100%;padding:0; text-align:center; margin:-0.9em 0 0 0; }

.slot-0{ position:relative;width:100%;padding:3.5% 0 5% 0%; text-align:center; margin:0% auto 0 auto;}
.slot-1{ position:relative;width:100%;padding:5% 0 5% 0%; text-align:center; margin:0% auto 0 auto;background: #FFF;}

.slot-1-0{ position:relative;width:60%;padding:4em 20% 4em 20%; margin: 0 0 0 0%; text-align: center;}
.slot-1-0-0{ position:relative;width:80%;padding:5em 10% 0em 10%; margin: 0 0 0 0%; text-align: center;}
.slot-1-0-0 h2 {width: 70%;margin: 0 15%;}
.slot-1-1{ position:relative;width:100%;padding:0% 0% 0% 0%; margin: 0 0 0 0%; text-align:center; background: #fefefe;}
.slot-1-2{ position:relative;width:80%;padding:1.9em 10% 10% 10%; margin: 0 0 0 0%; text-align:left;}
.slot-1-3{ position:relative;width:100%;padding:4em 0% 3em 0%; text-align:left; margin:0% auto 0% auto;transition:all 1s ease;}
.slot-1-4{ position:relative;width:72%;padding:0 14%; text-align:left; margin:0em auto 0em auto;transition:all 1s ease;}
.slot-1-5{ position:relative;width:100%;padding:5% 0 5% 0%; text-align:center; margin:0% auto 0 auto;background: #b5b5b5;}
.slot-1-6{ position:relative;width:90%;padding:0% 5% 2.5% 5%; text-align:left; margin:0% auto 0% auto;transition:all 1s ease;}

/*FOOTER*/
.slot-2{ position:relative;width:69%;padding:4% 15.5%; text-align:center; margin:0em auto 0 auto;background: #ddd;}


.slot-2-1 {position:relative;width:70%;padding:5% 15% 5% 15%; margin: 0 0 0 0%; text-align:center; }
.slot-2-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  }
  
.slot-2-1 h2{text-align: left;}  

.slot-2-2 {float:left; width:50%;padding:0 0% 0 0; margin: 0 0 0em 0;text-align:left;}
.slot-2-3 {float:left;width:96%;padding:0em 2.0%;margin: 0em 0 0em 0; text-align:left}
.slot-2-3 .frame-default {padding: 0 0 0em 0;}
.slot-2-3 h2 {text-transform:none;padding:0em 0 0.0em 0;margin: 0; text-align:left;}
.slot-2-3 h3 {text-transform:none;padding:0em 0 0.0em 0;text-align:left;}
.slot-2-4 {float:left;width:50%;padding:2em 0% 2em 0%;margin: 0 0 0 -0.4%; text-align:left}
.slot-2-4 p{padding:0% 0% 2em 0%;}
.slot-2-4 .text-box-slot h2 {text-transform:none;padding:0em 0 0.2em 0;text-align:left;}
.slot-2-4 .text-box-slot h2 {text-transform:none;padding:0em 0 1.0em 0;text-align:left;}
.slot-2-4 .text-box-slot-2 {padding:4em 0% 0em 0%;}


/* ZWEI SPALTEN MAIN ELEMENT*/
.slot-2-spalten-box { float: left ;width:72%;padding:1em 14% 0 14%; text-align:center; margin:0em auto 0 auto;}
.frame-type-text p {margin: 0em 0 0 0; padding: 0;}
.frame-type-text ul {margin: 0em 0 0 0; padding: 0.7em 0 0 0;}
.slot-2-spalten-box-main { float: left ;width:72%;padding:1em 14% 0 14%; text-align:center; margin:0em auto 0 auto;}


.slot-2-spalten .frame-type-html {padding: 0em 0 0em 0;}
.slot-2-4 .image-embed-item {float: left; padding: 0em 0 2em 0;}



.slot-2-spalten {float: left ;width: 100%;text-align: left; padding: 0em 0 0em 0; margin: 0 0%;
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-box-flex;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.slot-2-spalten .row-1 {
	float: left; width: 46%;text-align: left; padding: 0 2%; display:inline-block;
	}
		
	
.slot-2-spalten .row-1 h2 {text-transform:none;padding:0em 0 0.2em 0;text-align:left; text-transform:none; width: 100%; display:inline-block;}
.slot-2-spalten .row-1 h3 {text-transform:none;padding:0em 0 1.0em 0;text-align:left;}
.slot-2-spalten .row-1 h4 {text-align: left;padding:0em 0em 0.3em 0;}



@media screen and (max-width:480px) {
	
	/*FOOTER*/
	.slot-2{ position:relative;width:80%;padding:3em 10%; text-align:center; margin:0em auto 0 auto;background: #ddd;}
	
	.slot-2-3 {float:left;width:100%;padding:0em 0 0em 0%;margin: 0 0 0em 0; text-align:left}
	.slot-2-3 h2 {text-transform:none;padding:0em 0 1.5em 0;text-align:left;}
	.slot-2-4 {float:left;width:100%;padding:0em 0% 0em 0%;margin: 0 0 0em 0; text-align:left}
	.slot-2-4 p{padding:0% 0% 0em 0%;}
	
	/* ZWEI SPALTEN MAIN ELEMENT*/
	.slot-2-spalten-box { float:left; width:80%;padding:0.0em 10% 2em 10%; text-align:center; margin:0em auto 0 auto;}
	
	.slot-2-spalten {float: left ;width: 100%;text-align: left; padding: 0em 0 0em 0; margin: 0 0%;
		display:table;
		-webkit-align-items:inherit;
		-webkit-box-align: inherit;
		-ms-flex-align:inherit;
		align-items: inherit;
	}

	.slot-2-spalten .row-1 {
		float:left; width: 96%;text-align: left; padding: 0 2%; display:table;
	}
	
	.slot-2-spalten .row-1 h1 {text-transform:none;padding:1.0em 0 0.2em 0;}
    .section-1 .slot-2-spalten .row-1 h2 {text-transform:none;padding:1.0em 0 0.2em 0;}

	.slot-2-spalten .eins {display:table-footer-group;float:none;width:100%; }
	.slot-2-spalten .zwei {display:table-header-group;float:none;width:100%;}
	
	div.row-1 h2{
		-webkit-hyphens: auto;
	    -moz-hyphens: auto;
	    -ms-hyphens: auto;
	    hyphens: auto;  
	}
	
	.slot-2-2 {float:left; width:100%;padding:0 0% 0 0; margin: 0 0 0em 0;text-align:left;}

}




.slot-3-1 {position:relative;width:90%;padding:0% 0%; margin:2.5% 5%; text-align:center; background: #f5f5f5;}
.slot-3-1-1 {position:relative;width:90%;padding:0% 0%; margin:2.5% 5%; text-align:center; background: #f5f5f5;}
.slot-3-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  }
  

.slot-4-1 {position:relative;width:90%;padding:0% 0%; margin:2.5% 5%; text-align:center;}
.slot-4-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  }  

	
  
.slot-2-1 h2{text-align: left;} 
.slot-3-1 h2{text-align: left;}
.slot-4-1 h2{text-align: left;} 

.text-box-slot h2 { padding: 0 50% 1em 0; text-align: left}

.image-embed-item {margin: 0 0 -0.3em 0; }

.text-box-slot {float: left; padding:5% 5%; width: 90%; text-align:left;}
.text-box-slot a{border-bottom: solid 1px #999;} 
 
@media screen and (max-width:480px) {
	
	.text-box-slot h2 { width: 100%; padding: 0 0% 1em 0; text-align: left}
	.slot-3-1 {position:relative;width:90%;padding:0% 0%; margin:5% 5%; text-align:center; background: #f5f5f5;}
	.slot-3-1 {
		float: left; 
		display:block;
	  }
	  
	.slot-4-1 {position:relative;width:90%;padding:0% 0%; margin:5% 5%; text-align:center; background: #f5f5f5;}
	.slot-4-1 {
		float: left; 
		display:block;
	  }  
	
	.text-box-slot {float: left; padding:0% 0%; width: 100%; text-align:left;}  

} 
 
 .text-box-slot ul{
  list-style:circle;
  margin: -0.5em 0 2em 1.3em;
}




/* ROWS */

.flex-container {
  float: left; 
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
  }

.flex-1 {  
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  flex-direction: column;
  -ms-flex-direction: column;
  width: 31.33333333333%;
  margin: 0 2% 0% 0%;
  background: #f5f5f5;
}
.flex-2 {  
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  flex-direction: column;
  -ms-flex-direction: column;
  width: 31.33333333333%;
  margin: 0 1% 0% 1%;
  background: #f5f5f5;
}
.flex-3 {  
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  flex-direction: column;
  -ms-flex-direction: column;
  width: 31.33333333333%;
  margin: 0 0% 0% 2%;
  background: #f5f5f5;
}

 .text-box {padding:10% 7%;width: 86%; text-align: center;}
 
 .img-box img {border: 0; margin: 0; padding: 0; height:100%}

.flex-container h2{text-align:center; padding: 0 0 5% 0;margin: 0;}

@media screen and (max-width:480px) {
	
	.flex-container {
	  float: left; 
	  display:block;
	  }
	
	.flex-1 {  
	  float: left;
	  flex-direction: inherit;
	  -ms-flex-direction:inherit;
	  display: block;
	  width: 98%;
	  margin: 0 1% 4% 1%;
	}
	.flex-2 { 
	  float: left;
	  flex-direction: inherit;
	  -ms-flex-direction:inherit;
	  display: block;
	  width: 98%;
	  margin: 0 1% 4% 1%;
	}
	.flex-3 { 
	  float: left;
	  flex-direction: inherit;
	  -ms-flex-direction:inherit;
	  display: block;
	  width: 98%;
	  margin: 0 1% 4% 1%;
	}
	
	


}



/*BTN*/


.email { border-bottom: solid 1px #000;}
.external-link { border-bottom: solid 1px #000;}

.btn-kontakt { transition:all 0.5s ease; display:block}
.btn-kontakt {text-decoration:none;padding:0.5em 1.5em;margin:2.4em auto 0% auto; width:14%; cursor:pointer; text-transform: none;}
.btn-kontakt:hover{color:#111;background:transparent;border:#000 solid 1px;} 
.btn-kontakt:hover a{color:#000;}
.btn-kontakt a{text-decoration:none;color:#000;}
.btn-kontakt {border:#000 solid 1px; background:transparent;color:#000}

.btn-comment { transition:all 0.5s ease; display:block}
.btn-comment {text-decoration:none;padding:0.5em 1.5em;margin:2.4em auto 0% auto; width:14%; cursor:pointer; text-transform: none;}
.btn-comment:hover{color:#111;background:#d81c4a;border:#d81c4a solid 1px;} 
.btn-comment:hover a{color:#FFF;}
.btn-comment a{text-decoration:none;color:#FFF;}
.btn-comment {border:#d81c4a solid 1px; background:#d81c4a;color:#FFF}

.download {
  background:transparent;
  border-bottom: solid 2px #000;
  color:#000;
  padding: 0 0 0.5em 0em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 1.5em 0 0 0;
  cursor: pointer;
  text-transform: uppercase;
}

.news-related-files-link {
  background:transparent;
  border-bottom: solid 2px #000;
  color:#000;
  padding: 0 0 0.5em 0em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 1.5em 0 0 0;
  cursor: pointer;
  text-transform: uppercase;
}


.btn-anmeldung {
  background:transparent;
  border-bottom: solid 2px #000;
  color:#000;
  padding: 0 0 0.5em 0em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 3.5em 0 0 0;
  cursor: pointer;
  text-transform: uppercase;
}

.btn-anfrage {
  background:transparent;
  border-bottom: solid 1px #000;
  color:#000;
  padding: 0 0 0.0em 0em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 2.0em 0 0 0;
  cursor: pointer;
  text-transform:none;
}

.btn-default {
  display: inline-block;
  cursor: pointer;
  padding:0.7em 1em;
  margin: 0 0 1em 0;
  text-align: center;
  border: solid 1px #111;
  color: #111;
  background:none;
  font-weight: 400;
  font-size: 0.8vw; line-height: 0.8vw;
  text-transform: uppercase;
  transition:all 0.5s ease; 
}

.btn-default:hover {
  display: inline-block;
  cursor: pointer;
  padding:0.7em 1em;
  margin: 0 0 1em 0;
  text-align: center;
  border: solid 1px #111;
  color: #FFF;
  background:#111;
  font-weight: 400;
  font-size: 0.8vw; line-height: 0.8vw;
  text-transform: uppercase;
    transition:all 0.5s ease;
}


.btn-default-dark {
  background:transparent;
  border-bottom: solid 2px #FFF;
  color:#FFF;
   padding: 0 0 0.5em 0em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 1.5em 0 0 0;
  cursor: pointer;
  text-transform: uppercase;
}


.slot-2-1 .btn-default {float:left; transition:all 0.5s ease; display:block;text-align: center; }
.slot-2-1 .btn-default {text-decoration:none;padding:0.5em 1.5em;margin:2.2em auto 0% auto; width:14%; cursor:pointer; text-transform: none;}
.slot-2-1 .btn-default:hover{color:#000;background:rgba( 255,255,255,0.4);} 
.slot-2-1 .btn-default:hover a{color:#000;}
.slot-2-1 .btn-default a{text-decoration:none;color:#000;}
.slot-2-1 .btn-default {border:#000 solid 1px; background:none;color:#000}



@media screen and (max-width:480px) {
	
	.btn-anmeldung { margin: 1.5em 0 0 0;}
    
    .btn-default {
      font-size: 3.4vw; line-height: 3.4vw;
      
    }
		
}	

/*MAP*/
#tx_easy_googlemap {position: relative; width: 100%; height: 27em;}

/*ARROW-DOWN */
#logo-icon-call {width: 50%; height: auto; margin: auto}



#start-icon {position: absolute;z-index:999; bottom:1em;left: 50.75%; width: 2.5%; height: auto;}

/* HEADER */
 h1 {font-size: 1.8vw; line-height:2.4vw;text-transform:none;padding:0% 0 0% 0; margin:0% 0 0 0;text-align:left;font-weight: normal;}
 h2 {font-size: 1.8vw; line-height:2.4vw;padding:0% 0 0.5em 0%; margin:0;text-align:center;text-transform:none;font-weight: 800; }
 h3 {font-size: 1.8vw; line-height:2.4vw;padding:0% 20% 1.5em 20%; margin:0;text-transform:none;text-align:center; font-weight: 300;}
 h4 {font-size: 1.2vw; line-height:1.8vw; text-transform:none;padding:1em 0 0em 0%; margin:0 0 0em 0; text-align:center;}
 h5 {font-size: 0.9vw; line-height:0.9vw;padding:0 0 0px 0; margin:1.5% 0 2% 0;}

.section-2 h1 {font-weight: 800;}
.section-2 h2 {font-weight: 800;font-weight:300;}
 
.slot-1-0 h2 {padding:0% 10% 0em 10%;}
.slot-news-1 h2 {font-weight: 800;}


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

@media screen and (max-width:480px) {
	
	#tx_easy_googlemap {position: relative; width: 100%; height: 15em;}
	
	
	 h1 {font-size: 7.0vw; line-height:9.2vw;padding:0% 0 0% 0; margin:0% 0 0 0;}
	 h2 {font-size: 7.0vw; line-height:9.2vw;padding:0% 0 0em 0%; margin:0;text-align:center;}
	 h3 {font-size: 7.0vw; line-height:8.2vw;}
	 h4 {font-size: 6.1vw; line-height:6.8vw;}
	 
	 .slot-1-0 h2 {padding:0% 0% 1em 0%; text-align:center}
     .slot-news-1 .row-1 h2 {font-weight: 800; padding: 1em 0 0 0;}

}	

/* #### GRIDELEMENTS ###### */
.news-single-caption {
  	position:absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
    overflow: hidden;
    z-index:2;
	text-align:left;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
	/* Center vertically */
    -ms-flex-align: center;
    align-items: center;

	 
  }
.news-single-caption-2 {
  	position:absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
    overflow: hidden; z-index:2;
	text-align:left;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
	/* Center vertically */
    -ms-flex-align: center;
    align-items: center;
  }  
/*
.caption-overlay-box-2 h1 {font-size: 4.1vw; line-height:4.8vw;padding:0% 10% 0em 10%; margin: 0; text-align: center; font-weight: 800; color: #FFF;}
.caption-overlay-box-2 h2 {padding:0% 5% 1em 0%; margin: -1em 0 0 0; text-align: left;color: #FFF; text-transform:uppercase;}
.caption-overlay-box-2 h3 {font-size: 1.8vw; line-height:2.4vw;padding:0% 0% 1.5em 0%; margin:0;text-transform:none;text-align:left; font-weight: 300;}

.caption-overlay-box-2{ position:relative;width:30%;padding:0% 53% 0% 17%; text-align:left; margin:0em auto 0 auto;color: #FFF;} 
.caption-overlay-box-2 p{display: block} 
.caption-overlay-box-2 a{color: #FFF;}
 */
.caption-overlay-box-2 h1 {font-size: 4.1vw; line-height:4.8vw;padding:0% 10% 0em 10%; margin: 0; text-align: center; font-weight: 800; color: #FFF;}
.caption-overlay-box-2 h2 {padding:0% 5% 0.0em 5%; margin: 0em 0 0 0; text-align: center;color: #FFF; text-transform:uppercase;}
.caption-overlay-box-2 h3 {font-size: 1.8vw; line-height:2.4vw;padding:0% 0% 0.5em 0%; margin:0;text-transform:none;}

.caption-overlay-box-2{float: left; width:50%;padding:0% 0 0% 0; text-align:center; margin:0em auto 0 auto;color: #FFF;} 
.caption-overlay-box-2 a{color: #FFF;}

 
.overlay-image-100 {position: relative;width:100vw;overflow: hidden; padding:0em 0% 0% 0%; margin: 5em 0 0 0;}

.overlay-image-100 .image{
  	float:left;
    top: 0;
    left: 0;
	height:auto;
    width: 100%;
    overflow: hidden;
	background:#000;
	padding:0;margin: 0 0 -1em 0;
}
.overlay-image-100 .image img {
    height:auto;
    width: 100%;  
    object-fit: cover;
	opacity: 0.7;margin:0 0 0em 0;
	
}






@media screen and (max-width:480px) {
	
	.news-single-caption {
		 background-size:cover; background: none; 
	  }
	
	.caption-overlay-box-2{ position:relative;width:90%;padding:0% 5% 0% 5%;}
	.caption-overlay-box-2 h1 {font-size: 6.1vw; line-height:6.8vw;padding:0% 5% 0em 5%; margin: 0;}
	.caption-overlay-box-2 h2 {padding:0% 5% 1em 5%; text-align: center}
	.caption-overlay-box-2 p{display: block} 
	
	.overlay-image-100 .image{
  	float:left;
    top: 0;
    left: 0;
	height:75vh;
    width: 100%;
    overflow: hidden;
	background:#000;
	padding:0; 
	}
	
	.overlay-image-100 .image img {
    height:100%;
    width:auto;  
    object-fit: cover;
	opacity: 0.5;margin:0 0em -1.2em 0em;
	}
	
	.cell-0 .overlay-image-100 .image{
  	float:left;
    top: 0;
    left: 0;
	height:auto;
    width: 100%;
    overflow: hidden;
	background:#000;
	padding:0; 
	}
	
} 

/*hamburger*/
.nav-icon-box, .nav-icon-box-2, .nav-icon-box-3 {transition:all 0s ease; }

.c-hamburger:focus {
  outline: none;
}

.c-hamburger {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 0 0 0;
  width: 1.4em;
  height: 2.1em;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  -webkit-transition: background 0.3s;
          transition: background 0.3s; 
}

.c-hamburger span {
    display: block;
  position: absolute;
   top: 1em;
  left: 0px;
  right: 0px;
  height: 4px;
  background: #666;
}

.c-hamburger span::before, .c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 4px;
  background:#666;
  content: "";
}
	
.detail .c-hamburger span {background: #666;}
.detail .c-hamburger span::before {background: #666;}
.detail .c-hamburger span::after  {background: #666;}
/**/	

.c-hamburger span::before {
  top: -0.5em;
}

.c-hamburger span::after {
  bottom: -0.5em;
}

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

	.nav-icon-box, .nav-icon-box-2, .nav-icon-box-3 {font-size: 5.2vw; line-height:5.2vw;}
	
	.c-hamburger span {
	  display: block;
	  position: absolute;
	  top: 1em;
	  left: 0px;
	  right: 0px;
	  height: 4px;
	  background: #FFF;
	}

	.c-hamburger span::before, .c-hamburger span::after {
	  position: absolute;
	  display: block;
	  left: 0;
	  width: 100%;
	  height: 4px;
	  background:#FFF;
	  content: "";
	}

}

/**
 * Style 2
 * 
 * Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
 * down to center and transform into an "x".
 */

.c-hamburger--htx span {
  -webkit-transition: background 0s 0.3s;
          transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  -webkit-transition-duration: 0.3s, 0.3s;
          transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0s;
          transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
  -webkit-transition-property: top, -webkit-transform;
          transition-property: top, transform;
}

.c-hamburger--htx span::after {
  -webkit-transition-property: bottom, -webkit-transform;
          transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
}

.c-hamburger--htx.is-active span {
  background: none;
}

.c-hamburger--htx.is-active span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
		  background:#666;
}

.c-hamburger--htx.is-active span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
		   background:#666;
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  -webkit-transition-delay: 0s, 0.3s;
          transition-delay: 0s, 0.3s;
}

/*CLOSE-ICON*/
.close {
  position: absolute;
  width: 2em;
  height: 2em;
  opacity: 1;
 
}
.close:hover {
  opacity: 1;
}
.close:before, .close:after {
  position: absolute;
  right: 0.8em;
  content: ' ';
  height: 1.5em;
  width: 4px;
  background-color: #666;
}
.close:before {
   -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.close:after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

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

.close:hover:after {
  transform: rotate(90deg);
}

/*CLOSE-ICON-2*/
.close-2 {
  position: absolute;
  width: 2em;
  height: 2em;
  opacity: 1;
}
.close-2:hover {
  opacity: 1;
}
.close-2:before, .close-2:after {
  position: absolute;
  left: 0px;
  content: ' ';
  height: 1.5em;
  width: 3px;
  background-color: #FFF;
}
.close-2:before {
   -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.close-2:after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.close-2:hover:before {
  transform: rotate(90deg);
}

.close-2:hover:after {
  transform: rotate(90deg);
}



/*NAVIGATION*/
/*main*/
.menu-main-top-close {position: absolute;z-index: 9; right: 15%; top: 4.2em;}
.menu-main-top-box {position: absolute;z-index: 9; right: 15%; top: 5.2em;}
.menu-main-top-box ul {list-style: none;}
.menu-main-top-box li { display: inline-block; padding: 0 0 0 1em;}
.menu-main-top-box a{color: #FFF; font-weight: 400; text-transform: uppercase;font-size: 0.8vw; line-height:0.8vw;}
.menu-main-top .act a{color:#FFF;font-weight: 800;}

.main .menu-main-top-box a{color: #666;}
.main .menu-main-top .act a{color:#666; font-weight: 800;}

/*mobile*/
#menu-panel{position: fixed; z-index:99; top:0;right:0%;width:25%; height:100vh; padding:0% 0 0 0%;background:#FFF;display:none;}

.menu-main li{list-style:none; display:block; font-size: 1.6vw; line-height:2.2vw;padding:2% 0 2% 0%; margin:0; text-align:center; }
.menu-main li{ text-transform: none;}
.menu-main a{color:#666; font-weight: 300}
.menu-main a:hover{color:#666;}
.act a{color:#666;font-weight: 800}

.content-menu-box {float: left;width: 50%;padding:0 25%; display: none; }
.content-menu {float: left; width: 100%;}


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

#menu-panel-close{position: fixed; z-index:10; top:0; left:0;width:100%; height:100vh; padding:0% 0 0 0;background:rgba( 0,0,0,0.4);display: none; }

@media screen and (max-width:480px) {
	
	.menu-main-top-close {position: absolute;z-index: 9; right: 15vw; top: 2.1em;}
	
	#menu-panel{position: fixed; z-index:99; top:0;right:0%;width:100%; height:100vh; padding:0% 0 0 0%;display: none}
	.menu-main li{list-style:none; display:block; font-size: 5.2vw; line-height:5.2vw;padding:3% 0 3% 0%; margin:0; }
	
	.content-menu-box {float: left;width: 80%;padding: 0 0 0 10%; display: none; }
	.content-menu {float: left; width: 100%;}
	
	.headline-1 {display: none;} .headline-2 {display: none;}
	
	
	.content {
	  text-align: center;
	  position: absolute;
	  width: 100%;
	  top: 25%;
	  -webkit-transform: inherit;
	  -ms-transform: inherit;
	  transform: inherit;
	}	

}


/*################### PARALLAX ########################*/
.single-image-1 {width: 100%; height: 100vh; opacity:1;transition: 1.5s ease;}

.parallax {
  position: relative;
  z-index:1;
  background-attachment: fixed;
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  overflow: hidden;
}

.caption {
  position: relative;
  z-index:1;  
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-box-flex;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
}

.caption p{color: #FFF;}
.description-box h1{padding:0% 30% 0% 30%;margin: 14em 0 0 0.0%; color: #fff;text-align:center; text-transform: none;font-weight: 800; }

.description-box{width: 100%;padding:0% 0%;text-align: center;}

/* Turn off parallax scrolling for tablets and phones */
@media screen and (max-width:1500px) {
  .parallax {
    background-attachment: scroll;
  }
}

@media screen and (max-width:480px) {
	
	.single-image-1 {width: 100%; height: 50vh; opacity:1;transition: 1.5s ease;}
    .caption {background: rgba(0, 0, 0, 0.3); }
	.description-box{width: 90%;padding:0% 5%;text-align: center;}
	.description-box h1{padding:8em 0% 0% 5%;margin: 0em 0 0 0.5%; color: #fff;text-align:center; text-transform: none; font-size: 5.0vw; line-height:6.8vw;}
    
    .parallax {
      position: relative;
      z-index:1;
      background-position: center 0;
      background-repeat: no-repeat;
      background-size: cover;
      height: 100%;
      overflow: hidden;
    }

}

/*SCROLL-ICON main-slider*/

/**/
 .scroll-box {position:absolute;z-index:10; bottom:1%;left:50%;}

 .icon-scroll {margin-left:-0.7em; cursor: pointer; bottom: 2em; opacity: 1;  }
 
/*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;
  margin-top: -29px;
  box-shadow: inset 0 0 0 2px #fff;
  opacity:1;
  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;
}
	


@-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;
  margin-top: -9px;
  border-radius: 30px;
}

.icon-scroll:before {
  content: '';
  width: 6px;
  height: 6px;
  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: 28px;
  height: 46px;
  margin-left: -12px;
  margin-top: -9px;
  border-radius: 30px;
}

.icon-scroll:before {
  content: '';
  width: 6px;
  height: 6px;
  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;
  margin-top: -9px;
  border-radius: 30px;
}

.icon-scroll:before {
  content: '';
  width: 6px;
  height: 6px;
  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;
  margin-top: -9px;
  border-radius: 30px;
}

.icon-scroll:before {
  content: '';
  width: 6px;
  height: 6px;
  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;
}
}

/*######## NEWS ########*/



.slot-news-0{ position:relative;width:99%;padding:4em 0.5% 0em 0.5%; text-align:center; margin:0;}
.slot-news-1{ position:relative;width:100%;padding:0em 0; text-align:center; margin:0;}
.slot-news-1 .frame-default {float: left; padding: 4em 0 0em 0;}
.slot-news-2{ position:relative;width:100%;margin:-2em 0 0 0; padding:1em 0% 1em 0%; text-align:center; background: #2c2c2c;}

.slot-news-3 {float: left; width: 32.33333333%; margin: 0.5%;}


.slot-news-4 {float: left; width: 98%; margin: 1%; padding: 0 0 1em 0;}
.slot-news-5{ position:relative;width:99%;padding:1.5em 0.5% 1.5em 0.5%; text-align:center; margin:0;background: #FFF;color: #000;}

.news-img-wrap img {padding: 0 0 1em 0;}



@media screen and (max-width:480px) {
    
    .slot-news-1 .frame-default {float: left; padding: 4em 0 0em 0;}
	
	.news-alert-box {position:absolute; z-index: 2; left:-85%; top: 15vh; width: 80%; height:auto; background:rgba(0, 0, 0, 0.8);}
	.news-alert-box-open {position:absolute; z-index: 2; left: 2em; top: 15vh; width: 80%; height:auto; background:rgba(0, 0, 0, 0.8);}
	
	.news-alert-box h1{font-size: 4.8vw; line-height:6.4vw;}
	.news-alert-content { float: left; width:80%; padding: 10%; color: #FFF;}
	.news-alert-content h2{font-size: 4.8vw; line-height:6.4vw;}
	
	.news-alert-box h3{font-size: 4.8vw; line-height:6.4vw;}
    
    
    
	
}




/* News List */

.more-box {float: left;width: 90%; text-align: left; padding:5% 0;font-size: 1.0vw; line-height:1.3vw;}
.more-box a {border-bottom: solid 1px #666;}
.news-list-date {float: left;padding: 0 0 0.5em 0;font-size: 1.0vw; line-height:1.3vw;}

#c101 .news-list-date {display: none;}
#c82 .news-list-date {display: none;}
#c282 .news-list-date {display: none;}
#c92 .news-single-date {display: none;}
#c100 .news-single-date {display: none;}

/* Single viw */
.slot-single-news-0{ position:relative;width:72%;padding:1em 0 4em 0%; text-align:center; margin:0% auto 0 auto;}
.slot-single-news-0 .row-1 {
	float: left; width: 46%;text-align: left; padding: 0 2%; display:inline-block;
	}


.slot-single-news-0 h1 {font-size: 1.8vw; line-height:2.4vw;padding:1em 0 0.2em 0%; margin:0;text-align:left;text-transform:none;font-weight: 800; }
.slot-single-news-0 h2 {font-size: 1.8vw; line-height:2.4vw;padding:0% 0% 1.0em 0%; margin:0;text-transform:none;text-align:left; font-weight: 300;}

.slot-single-news-0 ul {padding: 0.5em 0 0.5em 1.2em; list-style-type:square;}


@media screen and (max-width:480px) {
	
	.more-box {float: left;width: 90%; text-align: left; padding:5% 0;font-size: 4.8vw; line-height:6.4vw;}
	
	.news-list-date {float: left;padding: 2.0em 0 0.5em 0;font-size: 4.8vw; line-height:4.8vw;}
	
	.slot-single-news-0{ position:relative;width:80%;padding:6em 0 4em 0%; text-align:center; margin:0% auto 0 auto;}
	
	.slot-single-news-0 .row-1 {
		float: left; width: 100%;text-align: left; padding: 0 0%; display:inline-block;
	}
	
	.slot-single-news-0 h1 {font-size: 7.0vw; line-height:9.2vw;padding:1em 0 0.2em 0%; margin:0;text-align:left;text-transform:uppercase;font-weight: 800; }
	.slot-single-news-0 h2 {font-size: 7.0vw; line-height:9.2vw;padding:0% 0% 1.0em 0%; margin:0;text-transform:none;text-align:left; font-weight: 300;}
	
	div.slot-single-news-0 h1{
		-webkit-hyphens: auto;
	    -moz-hyphens: auto;
	    -ms-hyphens: auto;
	    hyphens: auto;  
	}
	


}


/* NEWS-MASONRY */
/* ---- grid ---- */


.slot-news{ position:relative;width:65%;padding:2.3% 0 3em 0%; text-align:center; margin:0% auto 0 auto;background: #FFF;color: #111;}

.grid {
  position: relative;
  width: 100%;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */
.grid-sizer,
.grid-item {
  width: 32.3333333%;  
  padding:0%;  
  margin: 0.5% 0.5% 0.5% 0.5%;
  background: #f3f3f2;
  float: left;
  display: block;
}


.grid-item {
  float: left;
  
}

.grid-item img {
  display: block;
  max-width: 100%;
}

.grid-item-box {padding: 1em; text-align: left;}
.grid-item-box h2 {font-size: 1.3vw; line-height:1.7vw;}

.grid-item-box h2 {
	  text-align: left; color: #d6073d; padding:0em 0 0em 1.5em;
	  background:url("../images/comments-main.png" );
	  background-position: left center;
	  background-repeat: no-repeat;
	  background-size: 1em;
	}
	
.grid-item-content {float: left; padding: 0.3em 0;}	
.grid-item-content-date {float: right;font-size: 1.0vw; line-height:1.3vw; padding: 0 0 1em 0;}

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

	
	.grid-text-box h2{text-align: left;font-size: 5.2vw; line-height:6.8vw;padding:0% 0 2% 0;}
	.relatet-link a{font-size: 4.2vw; line-height:4.2vw; padding: 4% 0 0 0; display: block;border-bottom:none;}
	
	
	.grid-sizer,
	.grid-item {
	  width: 100%;
	  margin: 0.5% 0.5% 4.0% 0.5%;
	}

}

/*############### PROJEKTANFRAGE OVERLAY #######################*/
/*powermail*/
.tx-powermail {width: 100%; padding: 0 0%}
.tx-powermail h3 {display: none;}
.tx-powermail .powermail_legend {display: none;}
.powermail_label {display: none;}
.powermail_input { float:left;border: solid 1px #000; width:45%; background: transparent; color:#666;font-size: 0.9vw; line-height:1.3vw; padding:1% 0% 1% 2%;}
.powermail_input {margin:1.5% 1% 1.5% 1%;}
.powermail_textarea {float:left;border: solid 1px #000; width:94.3%; margin: 1% 0 0 1%; height:4em;background:transparent; color:#666;font-size: 0.9vw; line-height:1.3vw;padding:1% 0% 1% 2%; font-family: 'Open Sans', sans-serif;}

.powermail_submit {width: auto; background: transparent;padding:1em 3em;  margin:4% 0 0 0}
.powermail_submit { color:#666;font-size: 0.9vw; line-height:0.9vw;}
.powermail_submit {border: solid 1px #000;}


/*CLOSE*/

#close-icon-box {position:absolute;z-index:999999;cursor:pointer;right:3.4em; top:1.5em;}
#close-icon-alert {position:absolute;z-index:999999;cursor:pointer;right:3.4em; top:1.5em;}	
#close-icon-detail {position:fixed;z-index:999999;cursor:pointer;right:3.4em; top:1.5em;}

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


/*placeholder*/
/*placeholder*/
#projektanfrage-box ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color:#666;
    opacity: 1; /* Firefox */
}

#projektanfrage-box ::-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:#666;
}

#projektanfrage-box ::-ms-input-placeholder { /* Microsoft Edge */
    color:#666;
}
/*placeholder*/

.projektanfrage { position: relative; width: 50%; padding: 4em 0 0 25%; color:#000;}
			
.projektanfrage h2 {padding:10% 25% 0em 25%; margin:0 0 1em 0;text-align: center;text-transform:uppercase;}
.projektanfrage .frame-type-text{ display:block; visibility:visible; padding: 0 10%;}
#projektanfrage-box {
	position: fixed;
    top:0%;
    left: 0;
    height: 100vh;
    width: 100%;
    overflow: auto;
	z-index:9999;
	color:#FFF;
	text-align:center;
	display:none;
	background:#FFF;
}


 

 

@media screen and (max-width:480px) {
	
	#close-icon-box {position:absolute;z-index:999999;cursor:pointer;right:3em;top:1.8em;}	
	.projektanfrage .frame-type-text p{ display:none; visibility:hidden; padding: 0 10%;}
	
}

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

.form-control { float:left;border: solid 1px #666; width:45%; background: transparent; color:#666;font-size: 0.9vw; line-height:1.3vw; padding:1% 0% 1% 2%;}
.form-control {margin:1.5% 1% 1.5% 1%;}
.xxlarge  {float:left;border: solid 1px #666; width:94.5%; height:4em;background:transparent; color:#666;font-size: 0.9vw; line-height:1.3vw;padding:1% 0% 1% 2%;}

#projektanfrage-box label{ display:none; visibility:hidden}
.frame-type-form_formframework h2{ display:none; visibility:hidden}
.frame-type-form_formframework header{ display:none; visibility:hidden}

.btn-primary {width: auto; background: transparent;padding:1em 3em;  margin:4% 0 0 0}
.btn-primary { color:#666;font-size: 0.9vw; line-height:0.9vw;}
.btn-primary {border: solid 1px #666;}




@media screen and (max-width:480px) {	
	
	.projektanfrage { position: relative; width: 80%; padding: 2em 10% 0 10%; }		
	.projektanfrage h2 {font-size: 5.2vw; line-height:5.8vw;padding:10% 0% 1em 0%; margin:0; font-weight:800;text-align: center;text-transform: none;}
	
	.frame-type-form_formframework h2 {padding:10% 0 10% 0;}
	.btn-primary {font-size: 4.2vw; line-height:4.2vw;padding:1em 3em;}
	.form-control { float:left;font-size: 4.2vw; line-height:4.2vw;width:97%; padding:3% 0% 3% 3%;}
	.form-control {margin:2.5% 1% 2.5% 1%; -webkit-appearance: none;}
	
}
/*DATENSCHUTZ*/

/* Cookie notice main container bg-cookie-box.png */
.cookie-box {
  position: fixed;
  z-index: 9;
  left: 0;
  right: 0;
  bottom: -12em;
  text-align: center;
  padding: 2em 1em;
  background:#666;
  transition : all 1.5s ease;
}
.slot-cookie-box{ position:relative;width:70%;padding:0 15%; margin: 0 0 0 0%; text-align:left;}
.cookie-box-left { float: left; width: 60%; padding: 0 10% 0 0%; text-align: left; color: #FFF;font-size: 0.9vw; line-height:1.3vw;}
.cookie-box-left a{color: #FFF;}
.cookie-box-right { float: right; width: 30%; text-align: right;}

.cookie-box--hide {
  opacity: 0;
  display: none;
  bottom: -100%;
}

.cookie-button {
  display: inline-block;
  cursor: pointer;
  padding:0.5em 1em;
  text-align: center;
  border: solid 1px #FFF;
  color: #fff;
  background:#666;
  font-weight: 700;
}

@media screen and (max-width:480px) {	
	
	.cookie-box { width:90%;padding: 2em 5% 4em 5%;bottom: -32em;}
	.slot-cookie-box{ position:relative;width:90%;padding:0 5% 0% 5%; margin: 0 0 0 0%; text-align:left;}
	.cookie-box-left { float: left; width: 100%; padding: 0 0% 2em 0%; text-align: left; color: #FFF;font-size: 4.8vw; line-height:6.4vw;}
	.cookie-box-left a{color: #FFF;}
	.cookie-box-right { float: left; width: 100%;}
	
	
}

/* Slick */

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* slick-dots */

.slick-dots
{
    position: relative;
    bottom: -4em;
    z-index: 9;
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li
	{
		font-size: 1em; line-height: 1em;
	    position: relative;
	    display: inline-block;
	    width: 22px;
	    height: 22px;
	    margin: 0 8px;
	    padding: 0; ;
	    cursor: pointer;
	    border:solid 1px #d6073d;
	    border-radius: 22px;
	}
	.slick-dots li button
	{
	    display: none;
	}

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

	.slick-dots li
	{
	    position: relative;
	    display: inline-block;
	    width: 15px;
	    height: 15px;
	    margin: 0 8px;
	    padding: 0; ;
	    cursor: pointer;
	    border-radius: 15px;
	}
	.slick-dots li button
	{
	    display: none;
	}

	
}

.slick-dots li:hover,
.slick-dots li:focus
{

    background:#d6073d;

}
.slick-dots li:hover:before,
.slick-dots li:focus:before
{

    background: #FFF;
 
}
.slick-dots li:before
{   
 
    background: #FFF;

}

.slick-dots .slick-active
{
 
    background:#d6073d;

}

@media screen and (max-width:480px) {
	
	button {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	
	.slick-dots li
	{
	    position: relative;
	    display: inline-block;
	    width: 15px;
	    height: 15px;
	    margin: 0 8px;
	    padding: 0; ;
	    cursor: pointer;
	    border-radius: 15px;
	}
	.slick-dots li button
	{
	    display: none;
	}


	.slick-dots
	{
	    bottom: -2em;
	}


}

/*****VIDEO*****/

/*VIDEO-OVERLAY-BEGINN*/

.close-icon-box-video { position: fixed;z-index:9999999;right:5.3%; top:1.5em;display: block;opacity:1;transition:all 1s ease; color: #FFF; cursor: pointer;}

@media screen and (max-width:480px) {
	
	.close-icon-box-video {right:3.5em;}
	
	}
	
/*OVERLAY*/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*YOUTUBE-blog*/
.wrapper {
	float: left;
	width:80%; height:auto;
	margin: 0 auto;
	padding:0%;
}
.youtube {
	background-color: #000;
	margin-bottom: 30px;
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
	cursor: pointer;
}
.youtube img {
	width: 100%;
	top: -16.82%;
	left: 0;
	opacity: 0.7;
}
.youtube .play-button {
	width: 90px;
	height: 60px;
	background-color: #ff0000;
	box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
	z-index: 1;
	opacity: 1.0;
	border-radius: 6px;
}
.youtube .play-button:before {
	content: "";
	border-style: solid;
	border-width: 15px 0 15px 26.0px;
	border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
	cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
	position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d( -50%, -50%, 0 );
	        transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

/*YOUTUBE*/

.play-video {
  background: url(../images/video-icon.png) no-repeat; background-size:1.0em auto ;background-position:left center;
  border-bottom: solid 1px #000;
  color:#000;
  padding: 0.8em 0em 0.8em 1.8em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 1em 1em 2.0em 0;
  font-size: 0.9em; line-height: 0.9em;
  cursor: pointer;
}

#video-box {}
#video-box {
	position: fixed;
	z-index:9999999999999;
	background: #000;
    top:0%;
    left: 0;
    height: 100vh;
    width: 100%;
    overflow: auto;
	color:#000;
	text-align:center;
	display:none;
}

.btn-open {font-weight: 700; cursor: pointer;}

#video-overlay-box {
	position: fixed;
    top:0%;
    left: 0;
    height: 100vh;
    width: 100%;
    overflow: auto;
	z-index:9999999999;
	color:#000;
	text-align:center;
	display:none;
}

#video-overlay-box{
	background:#000;
    height: 100%; 
 }
 
.outer-title {
	position:relative;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    overflow: hidden;
}
.outer-title  {
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-box-flex;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
}

.outer-title {color: #FFF; text-align: center}
/*VIDEO-OVERLAY-END*/



[data-omcookie-panel-show] {
  cursor: pointer;
}
.om-cookie-panel {
  padding:1% 8%;
  z-index: 99999;
  background: #666;
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  opacity: 0;
  box-sizing: border-box;
  border-top: 0px solid #666;
  font-size: 0.9vw; line-height:1.4vw;
  transform: translateY(100%) translateX(0);
  transition: transform 0.5s ease, opacity 0.3s;
  text-align:left;
  color: #FFF;
}

.om-cookie-left {float: left; width: 50%;}
.om-cookie-right {float:right; text-align:right; width: 50%; padding: 1em 0 0 0;}
.om-cookie-panel a{color: #FFF;text-decoration: none;font-weight: 700;}

.om-cookie-panel.active {
  transform: translateY(0) translateX(0);
  opacity: 1;
}

.om-cookie-panel p {
  margin: 0;
  padding: 1em 0;
}
.om-cookie-panel .cookie-panel__checkbox {
  display: none;float: left;
}
.om-cookie-panel .cookie-panel__checkbox + label {
  cursor: pointer;
  line-height: 1.1;
  font-weight: 400;
  display: block;
}
.om-cookie-panel .cookie-panel__checkbox + label::before {
  width: 15px;
  height: 15px;
  border-radius: 5px;
  border: 1px solid #6e6b68;
  background-color: #fff;
  display: block;
  content: "";
  float: left;
  margin:0em 0.5em 0 0;
}
.om-cookie-panel .cookie-panel__checkbox:checked + label::before {
  box-shadow: inset 0 0 0 3px #fff; 
  background-color: #ac0108;
}
.om-cookie-panel .cookie-panel__checkbox--state-inactiv + label::before {
  border-color: #ac0108;border: 2px solid #000;
}
.om-cookie-panel .cookie-panel__checkbox--state-inactiv:checked + label::before {
  background-color: #ac0108;border: 2px solid #000;
}
.om-cookie-panel .cookie-panel__checkbox-wrap {
  display: inline-block;padding: 0 1em 0 0;
  line-height: 1.1;
}
.om-cookie-panel .cookie-panel__checkbox-wrap + .cookie-panel__checkbox-wrap {
  margin:0 0 0.5em 0.5em;
}
.om-cookie-panel .cookie-panel__description {
  clear: both;
   
}
.om-cookie-panel .cookie-panel__link {
  padding-top: 1em;
}

.cookie-panel__control {}

.om-cookie-panel .cookie-panel__button {
  background:none;
  border: solid 1px #FFF;
  color:#FFF;
  padding: 1.0em 1.0em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 2.0em 0.8em 1em 0.5em;
  font-size: 0.7em; line-height: 0.7em;
  cursor: pointer;
  border-radius: 0em;
}
.om-cookie-panel .cookie-panel__button + .cookie-panel__button {
  margin-top: 15px;
}

.om-cookie-panel .cookie-panel__button--color--green {
  background-color:none;border: solid 1px #FFF;
}
.om-cookie-panel .cookie-panel__attribution {
  position: absolute;
  bottom: 5px;
  right: 25px;
  font-size: 9px;
  font-style: italic;
  text-align: center;
}
.om-cookie-panel .cookie-panel__attribution a {
  color: inherit;
  text-decoration: none;
}
.om-cookie-info table {
  border: 1px solid black;
  border-collapse: collapse;
}
.om-cookie-info table th,
.om-cookie-info table td {
  padding: 10px 5px;
  border: 1px solid black;
}
.om-cookie-info table p {
  margin-top: 0;
}
.om-cookie-info table p:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
@media screen and (max-width:480px) {
    
    .om-cookie-panel {padding:2em 5% 3em 5%;font-size: 3.6vw; line-height:4.6vw;}
    .om-cookie-left {float: left; width: 100%;}
    .om-cookie-right {float:right; text-align: center; width: 100%; padding: 1em 0 0 0;}
    .om-cookie-panel .cookie-panel__checkbox-wrap + .cookie-panel__checkbox-wrap {
      margin:0 0em 1.0em 0.0em;
    }
    .om-cookie-panel .cookie-panel__button {margin: 2.0em 0.5em 0.3em 0;padding: 2.0em 1.0em;}

    
}
/*# sourceMappingURL=cookie_panel.css.map */