/*######## FONTS START BAM ###################*/


.hidden-mobile {visibility: visible; display: block}
.hidden-main {visibility: hidden; display: none}

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


html,body,div,span,applet,object,iframe,h1,h2,h3,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}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}



body {
  color:#111;
  background:#FFF;
  transition: 0.3s ease-out;
  overflow-x: hidden;
  width: 100%;
  overscroll-behavior: none;
    font-family: proxima-nova, sans-serif;
    font-weight: 300;
    font-style: normal;  
  font-size: 1.0vw; line-height: 1.4vw;
  -webkit-text-size-adjust: 100%  
 -webkit-font-smoothing: antialiased;      
}

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

strong {font-weight: 400;}

.frame-ruler-before {padding: 8em 0 0 0;}

.ce-div {float: left; width: 100%;border: 0; padding: 0.0em 0 3em 0; margin: 0;}

/*IMAGES*/
img{
  max-width:100%;
  width: 100%;
  height:auto;
}
/*SELECTION*/
::-moz-selection { background:#6fa9d0; color: #FFF; }
::selection { background:#6fa9d0; color: #FFF; }

@media screen and (max-width:480px) {
    
    body { font-size: 4.6vw;line-height: 5.8vw;}
    .small {font-size: 3.6vw;line-height: 4.8vw;}

}

/*HEADLINES*/

h2 {padding: 0.0em 0 1.5em 0; font-size: 1.2vw; line-height: 1.6vw;font-weight: 400;}
h3 {padding: 0.0em 0 0.8em 0; font-size: 3.5vw; line-height: 3.8vw; font-weight: 700;}

@media screen and (max-width:480px) {
    
    h2 {padding: 0.0em 0 1.5em 0; font-size: 4.6vw;line-height: 5.8vw;font-weight: 400;}
    h3 {padding: 0.0em 0 0.8em 0; font-size: 8.5vw; line-height: 9.8vw; font-weight: 700;}
    
}
/*TABLE*/
table {
  border-collapse: collapse;
  border-spacing: 0; 
}
tr {border-bottom: solid 1px #FFF;}
td {padding:1% 1em 1% 0%;}
.contenttable {width: 70%;}
@media screen and (max-width:480px) {

    .contenttable {width: 100%;}
    
}

/*LIST*/
ol, ul {list-style-image:url('../images/squer-2.png'); margin: 0% 0 0% 0.5em;}
li {padding: 0% 0 0% 0.3em;}
/*MAP*/
#map-box {background:#000}
#map {
	position:relative; z-index:9;width: 100%; height: 100vh; margin:0px 0 0 0;
}

a[href^="http://maps.google.com/maps"]{display:none !important}
a[href^="https://maps.google.com/maps"]{display:none !important}

.gmnoprint a, .gmnoprint span, .gm-style-cc {
    display:none;
}

a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}

div { 
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}


/*LOGO*/
.logo-intro {position: absolute; z-index: 99; width:7.2em; height:auto; left: 10%; top:4.0em; margin: 0 0;}
.logo-main {position: absolute; z-index: 99; width:2.9em; height:auto; left: 10%; top:4.0em; margin: 0 0;}

/*BACK-MAIN*/
.back-main {position: absolute; z-index: 9; width:auto; height:8em; left: 5%; top:8.5em; top: 110vh;  margin: 0 0 0 0; text-align: center;}
.back-main {transform: rotate(-90deg); font-size: 0.9vw;line-height: 0.9vw; text-transform: uppercase;padding:0; }
.back-main a {text-decoration: none; color: #000;}
.back-main img {width: 2.2em; height: auto; padding:0;}
/*LOADER*/
.overlay-load {position: fixed; z-index: 100; width:100%; height: 100vh; overflow: hidden; padding:0; margin: 0; background: #FFF;}

@media screen and (max-width:480px) {
    
    .logo-intro {position: absolute; z-index: 102; width:7.2em; height:auto; left: 10%; top:4.0em; margin: 0 0;}
    .logo-intro-fixed {position: fixed; z-index: 102; width:7.2em; height:auto; left: 10%; top:4.0em; margin: 0 0;}
    .logo-main {position: absolute; z-index: 102; width:2.9em; height:auto; left: 10%; top:4.0em; margin: 0 0;}
    .logo-main-fixed {position:fixed; z-index: 102; width:2.9em; height:auto; left: 10%; top:4.0em; margin: 0 0;}
    .logo-negative {position: absolute; z-index: 99; width:2.8em; height:auto; left: 5%; top:4.5em; margin: 0 0;display: block;}
    .logo-positive {position: absolute; z-index: 99; width:2.8em; height:auto; left: 5%; top:4.5em; margin: 0 0;display: none;}
    
    .back-main {transform: rotate(-90deg); font-size: 2.9vw;line-height: 2.9vw; text-transform: uppercase;padding:0; }    
    
}
/* OVERLAY-IMAGE-SLIDER-BOX */

.slider-jobs {position: relative; width: 100%; padding:0 0 0 0%; margin: 0em 0 0 0; text-align: left;} 
/*NEWS-SLIDER*/
.slider-news {position: relative; width: 100%; padding:0 0 0 0%; margin: 3em 0 0 0; text-align: left; background: #359eaa;color: #FFF;}
.slider-news-box-text {float: left; width: 27%; padding: 5% 18% 5% 5%;}
.slider-news-box-image {float: left; width: 50%;}

@media screen and (max-width:480px) {
    
    .slider-news {position: relative; width: 100%; padding:0 0 0 0%; margin: 3em 0 2em 0;}
    .slider-news-box-text {float: left; width: 77%; height: 50vh; padding: 15% 18% 15% 5%;}
    .slider-news-box-text h2 {font-size: 6.6vw; line-height: 7.4vw; padding: 0 0 2em 0;}
    .slider-news-box-image {float: left; width: 100%;}

}

.slot-main {position:relative; z-index: 2;}

.news-slider {position: relative; width: 100%; padding: 0 0%; text-align: left;}
.news-slider .article {border: 0;}
.overlay-image-100 {position: relative; z-index: 9; width:100%; height: 100vh; overflow: hidden; padding:0; margin: 0;border: 0;}

.overlay-image-100 .image{
  	position: absolute;
    z-index: 2;
    bottom: 0;
    right: 0;
	height: 80vh;
    width: auto;
    overflow: hidden;
	background:transparent;
	padding:0; margin: 0;border: 0;
}

.overlay-image-100 .image img {
    height: 80vh;
    width: auto;  
	opacity: 0.8;
    margin:0 0 0em 0;border: 0;
}

.overlay-image-100 video {
    height: 100vh;
    width: 100%;  
    object-fit: cover;
	opacity: 1.0;
    margin:0 0 0em 0;
}

.overlay-image-caption-100 {
    position:absolute;
    top:0em;
    width: 80%;
    padding:0em 10% 0 10%;
    height: 100vh;
    margin: auto;
    overflow: hidden; 
    z-index:9;
    text-align:left;
  }
.news-single-caption-100 {
    position:absolute;
    top:0em;
    width: 80%;
    padding:0em 10% 0 10%;
    height: 100vh;
    margin: auto;
    overflow: hidden; 
    z-index:9;
    text-align:left;
  }

  
.overlay-image-caption-100 h1 {font-size: 4.8vw; line-height:5.2vw;margin: 0; font-weight: 700;}
.overlay-image-caption-100 h1 {text-align: left; width: 100%; display: block;}
.overlay-image-caption-100 h1 {padding: 3.5em 0% 0.5em 0%;  display: block;color: #000;}
.overlay-image-caption-100 h2 {color: #000;font-size: 0.9vw; line-height: 1.1vw; font-weight: 300;font-style: normal;width: 30%;}

.map h1{color: #004467;}

.call-to-action-box {float: left;}
.contact-box-main {float: right;font-size: 0.8vw; line-height: 1.0vw;}


@media screen and (max-width:480px) {
    
    .overlay-image-caption-100 h1 {font-size: 14.1vw; line-height:14.8vw;margin: 0; }
    .overlay-image-caption-100 h1 {padding: 3.8em 0% 0.5em 0%;  display: block;}
    .overlay-image-caption-100 h2 {font-size: 3.4vw; line-height: 4.2vw;width: 80%;}
    .call-to-action-box {position:relative;float: left; z-index:99; bottom:inherit; width: 90%;left: 0%;}
    .contact-box-main {float:left;font-size: 3.4vw; line-height: 4.2vw;width: 100%;left:0%;padding: 1.2em 0em 0 0%;}
    .stoerer {position: absolute; bottom: 5.5em; right:7%; width: 5em; height: auto;}
    
}

/*DOTS*/
.pycon-intro {position:absolute; z-index: 1; left: 0; bottom: 0; width: 100%; height: 100vh;border: 0;}
.pycon-intro canvas { width: 100%; height: 100vh;border: 0;}
.pycon-content-box {position: relative; float: left; width: 100vw; min-height: 100vh;}


/* OVERLAY-CONTENT-BOX */
.overlay-image-content-box {position: relative; float: left; width:100%;padding:4em 0 2em 0;}
.overlay-image-content {position: relative; float: left; width:100%; height:  70vh; overflow: hidden; padding:0em 0; margin: 0;}
.overlay-image-content .image{
  	float:left;
    top: 0;
    left: 0;
	height:  70vh;
    width: 100%;
    overflow: hidden;
	background:#000;
	padding:0; 
}

.overlay-image-content .image img {
    height: 70vh;
    width: 100%;  
    object-fit: cover;
	opacity: 0.9;
    margin:0 0 0em 0;
}

.news-single-caption-content {
    position:absolute;
    top: 0;
    width: 100%;
    padding:0 0%;
    height:  70vh;
    margin: auto;
    overflow: hidden; 
    z-index:11;
    text-align:center;
	color: #FFF;
  }
.news-single-caption-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  }
.caption-overlay-box-content {width: 50%; padding:0 25%;}
  
.news-single-caption-content h1 {font-size: 3.5vw; line-height: 3.8vw; padding: 0; margin: 0;font-weight: 700;text-align: center;}
.news-single-caption-content h2 {font-size: 3.5vw; line-height: 3.8vw; padding: 0 0 1em 0; margin: 0;font-weight: 700;text-align: center;}
.news-single-caption-content h4 {font-size: 1.0vw; line-height: 1.2vw; padding: 0 0 1em 0; margin: 0;font-weight: 400;text-align: center;}
.news-single-caption-content h5 {font-size: 3.5vw; line-height: 3.8vw; padding: 0 0 0.5em 0; margin: 0;font-weight: 700;text-align: center;}

@media screen and (max-width:480px) {
    
    .overlay-image-content-box {position: relative; float: left; width:100%;padding:4em 0 1em 0;}

  
}

/*GRIDS 6fa9d0*/
.zwei-spalten-main {position: relative; float: left; width: 70%; padding: 5% 15%; }
.zwei-spalten-left {float: left; width: 40%; padding:0 5%;}
.zwei-spalten-right {float: left; width: 40%; padding:0 5%;}
.zwei-spalten-left h2 {color: #6fa9d0;padding: 0.4em 0 0.8em 0;}
.zwei-spalten-right h2 {color: #6fa9d0;padding: 0.4em 0 0.8em 0;}
.zwei-spalten-left h3 {color: #000;padding: 0.2em 0 0.6em 0;}
.zwei-spalten-right h3 {color: #000;padding: 0.2em 0 0.6em 0;}

.zwei-spalten-main h4 {font-size: 3.5vw; line-height: 3.8vw;font-weight: 400;color: #6fa9d0;padding: 0 0 0.5em 0;margin:-0.5em 0 0 0;}

.zwei-spalten-main li {
  background: url("/fileadmin/images/icons/check-3.png") no-repeat left top; /* <-- change `left` & `top` too for extra control */
  padding: 0 0px 3px 1.7em;
     background-size: auto 1.4em;
  /* reset styles (optional): */
  list-style: none;
  margin: 0 0 0 -0.5em;
}

@media screen and (max-width:480px) {
    
    .zwei-spalten-main {position: relative; float: left; width: 80%; padding: 10% 10%; }
    .zwei-spalten-left {float: left; width: 100%; padding:0 0%;}
    .zwei-spalten-right {float: left; width: 100%; padding:0 0%;}
    .zwei-spalten-left h2 {color: #6fa9d0;padding: 0.4em 0 0.5em 0;}
    .zwei-spalten-right h2 {color: #6fa9d0;padding: 0.4em 0 0.5em 0;}
    
}



.zwei-spalten-count-bg {position:absolute;z-index: 1; right: 25%; top: 10em; width: 15%; height: 28em; border: solid 1px rgba(111,169,208,0.5);}

.zwei-spalten-count-bg {border-radius: 50%; opacity: 0.0;}
.shadow-box-container {position: relative; float: left; width: 100%; padding: 0% 0%;}
.shadow-box-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  }
.shadow-box-container-left {float: left;width: 50%;}
.shadow-box-container-right {float: left;width: 50%;}
.shadow-box-main {float: left; background: #FFF; width: 70%; padding: 15% 10%; margin: 5%;}
.shadow-box-main {border-radius: 0.3em;font-weight: 400;}
.shadow-box-main {
-webkit-box-shadow: 0px 0px 34px 14px rgba(119,119,119,0.15); 
box-shadow: 0px 0px 34px 14px rgba(119,119,119,0.15);
}
.shadow-box-main img {width: 30%; height: auto;}

.btn-call-to-action {
    background-image:url(../images/icons/arrow-more.png); background-repeat:no-repeat;background-size: 0.8em auto;
    background-color:none;
    background-position: left 3.0em center;
    padding: 0 3em 0 0;
}
.btn-call-to-action {text-decoration: none;color: #6fa9d0; font-weight: 400;}
.btn-call-to-action a{margin: 4em 0 0 0;}

/*EINE-SPALTE-MAIN*/
.eine-spalte-main {position: relative;float: left; width: 50%; background: #FFF;padding: 5em 25% 1em 25%; text-align: center;}
.eine-spalte-main h2 {color: #6fa9d0;padding: 0.4em 0 0.8em 0;}

@media screen and (max-width:480px) {
    
    .shadow-box-container {position: relative; float: left; width: 100%; padding: 2em 0%;}
    .shadow-box-main {float: left; background: #FFF; width: 70%; padding: 15% 10%; margin: 5%;}
    .eine-spalte-main {position: relative;float: left; width: 80%; background: #FFF;padding: 5em 10% 1em 10%; text-align: center;}
    
}

/*DREI-SPALTEN-BOX*/
.drei-spalten-main {position: relative;float: left; width: 50%; background: #FFF;padding: 0.2em 25% 0.2em 25%; text-align: center;}
.drei-spalten-main {display: flex;}

.shadow-box-sub {float: left; background: #FFF; width: 25.333333333%; padding: 5% 2%; margin: 2%;}
.shadow-box-sub {border-radius: 0.3em;font-weight: 300; text-align: left;}
.shadow-box-sub {
-webkit-box-shadow: 0px 0px 34px 14px rgba(119,119,119,0.15); 
box-shadow: 0px 0px 34px 14px rgba(119,119,119,0.15);
}
.shadow-box-sub h2 {font-size: 1.0vw;line-height: 1.2vw;padding:0.5em 0 0 0; margin: 0; font-weight: 700;}
.shadow-box-sub img {width: 20%; height: auto;}

/*KUNDEN*/
.kunden-box {position: relative;float: left; width: 60%; background: #FFF;padding: 0.0em 20% 6.0em 20%; text-align: center;}
.kunden-box {display: flex; justify-content: center;flex-wrap: wrap;}

.kunden-item {
  float: left;    
  background: #fff;
  text-align: center;
  width: 8em;
  height: 8em;
  border-radius: 10em;    
  padding: 0 0 0 0;
  margin: 1em 1%;    
}

.kunden-item {
-webkit-box-shadow: 0px 0px 34px 14px rgba(119,119,119,0.15); 
box-shadow: 0px 0px 34px 14px rgba(119,119,119,0.15);
}

.kunden-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  }

.hyphenate {
   hyphenate-limit-chars: auto 5;
   hyphenate-limit-lines: 2;    
      }

@media screen and (max-width:480px) {
    
    .kunden-box {position: relative;float: left; width: 80%; background: #FFF;padding: 0.0em 10% 6.0em 10%; text-align: center;}
    .kunden-box {display: flex; justify-content: center;flex-wrap: wrap;}
    .kunden-item {
      float: left;    
      background: #fff;
      text-align: center;
      width: 8em;
      height: 8em;
      border-radius: 10em;    
      padding: 0 0 0 0;
      margin: 1em 2%;    
    }
    
    .drei-spalten-main {position: relative;float: left; width: 80%; background: #FFF;padding: 0.2em 10% 0.2em 10%; text-align: center;}
    .drei-spalten-main {display:block;}
    .shadow-box-sub {float: left; background: #FFF; width: 80%; padding: 10% 7%; margin:0.8em 3%;}
    .shadow-box-sub h2 {font-size: 4.6vw;line-height: 5.8vw;padding:0.5em 0 0 0; margin: 0; font-weight: 700;}
    .shadow-box-sub img {width: 20%; height: auto;}
    
}

/*GRIDELEMENT*/
/*ZWEI-SPALTEN-1*/
.zweispalten-box-1 {position: relative;float: left; width: 90%; background: #FFF;padding: 0em 5%;}
.zweispalten-left-1 {float: left; width: 50%;padding: 0em 0 0 0;}
.zweispalten-box-1 .frame-type-text {padding: 9em 0 0 0;}
.zweispalten-box-1 .ce-image {padding: 0em 0 3.5em 0;}
.zweispalten-right-1 {float: left; width: 50%;}

/**/
.zweispalten-box-kontakt {position: relative;float: left; width: 90%; background: #FFF;padding: 18em 5% 6em 5%;}
.zweispalten-left-contact {float: left; width: 45%;padding: 0em 5% 12em 0;}
.zweispalten-right-contact {float: left; width: 48%;padding: 0em 2% 1em 0;}
.zweispalten-box-kontakt a{color: #000; text-decoration: none; border-bottom: solid 1px #999;}

@media screen and (max-width:480px) {
    
    .zweispalten-left-1 {float: left; width: 100%;padding: 0em 0 0 0;}
    .zweispalten-box-1 .frame-type-text {padding: 3em 0 0 0;}
    .zweispalten-right-1 {float: left; width: 100%;}
    .zweispalten-box-1 .ce-image {padding: 0em 0 2.5em 0;}
    
    .zweispalten-box-kontakt {position: relative;float: left; width: 90%; background: #FFF;padding: 14em 5% 1em 5%;}
    .zweispalten-left-contact {float: left; width: 100%;padding: 0em 0% 4em 0%;}
    .zweispalten-right-contact {float: left; width: 100%;padding: 0em 0% 1em 0%;}

}

/*STATEMENTS-BLAU*/
.statements-slider { float: left; width: 100%;  padding: 0em 0% 0em 0%;}
.statements-slider-box {position: relative; z-index: 9; width:60%; height: 85vh; overflow: hidden; padding:0em 20%; margin: 0; background: #004367;}
.statements-slider-box {
  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:left;
  }

.statements-slider-box h5 {font-size: 2.8vw; line-height:3.2vw;color: #64c3cf;}
.statements-slider-box .teaser{color: #e2e2e2;font-size: 0.8vw; line-height:0.8vw; padding: 0.5em 0 0.2em 0;}
.statements-icon-start {width: 3em; height: auto;}
.statements-icon-end {width: 3em; height: auto;float: right;}

@media screen and (max-width:480px) {
    
    .statements-slider-box {width:80%; height: 70vh; overflow: hidden; padding:0em 10%;}
    .statements-slider-box h5 {font-size: 4.8vw; line-height:5.2vw;color: #64c3cf;}
    .statements-slider-box .teaser{color: #e2e2e2;font-size: 3.4vw; line-height:3.4vw; padding: 0.5em 0 0.2em 0;}
    .statements-icon-start {width: 2.5em; height: auto;}
    .statements-icon-end {width: 2.5em; height: auto;float: right;}
    
}

/*ZWEI-SPALTEN-2-1*/
.zweispalten-box-2 {position: relative;float: left; width: 90%; background: #FFF;padding: 7em 5% 6em 5%;}
.zweispalten-left-2-1 {float: left; width: 23.33333%;padding: 0em 10% 0 0;}
.zweispalten-right-2-2 {float: left; width: 66.333%;}

.slider-sub { float: left; width: 100%;  padding: 0em 0%;}
.slider-sub-box {position: relative; width:95%; padding:0em 0 0 5%; margin: 0; background: #FFF;}
.slider-sub-box h4 {text-transform: uppercase; padding: 2em 0 0 0;font-size: 0.8vw; line-height:0.8vw;font-weight: 700;letter-spacing: 0.2vw}

@media screen and (max-width:480px) {
    
    .slider-sub { float: left; width: 105%;  padding: 0em 0%;margin: 0 -5% 0 0;}
    .zweispalten-box-2 {position: relative;float: left; width: 90%; background: #FFF;padding: 3em 5% 6em 5%;}
    .zweispalten-left-2-1 {float: left; width: 90%;padding: 0em 10% 2em 0;}
    .zweispalten-right-2-2 {float: left; width: 100%;}
    
    .slider-sub-box {position: relative; width:90%; padding:0em 5% 0 0%; margin: 0; background: #FFF;}
    .slider-sub-box h4 {padding: 2em 0 0 0;font-size: 3.2vw; line-height:2.8vw;font-weight: 700;letter-spacing: 0.2vw}
    
}

/*VIER-SPALTEN-ICONS*/
.vier-spalten-icon-box {position: relative;float: left; width: 72%;padding: 6em 14%; background: #3bb4c3;}
.vier-spalten-icon-title {float: left; width: 100%;}
.vier-spalten-icon-title h2{font-size: 1.2vw; line-height: 1.5vw;margin: 0 0% 0 -11%;color: #014367;}
.vier-spalten-icon-box-1 {float: left;width: 25%; padding: 1em 0; color: #014367;}
.vier-spalten-icon-box-1 img {height: 4em; width: auto; padding: 0 0 0.2em 0;}
.vier-spalten-icon-box-1 .ce-textpic {padding: 2em 0; height: 6em;}

@media screen and (max-width:480px) {
    
    .vier-spalten-icon-box {position: relative;float: left; width: 80%;padding: 0em 10% 5em 10%; background: #3bb4c3;}
    .vier-spalten-icon-box {display: flex; flex-wrap: wrap;}
    .vier-spalten-icon-title h2{font-size: 4.6vw;line-height: 5.8vw;margin: 3em 0% 0 0%;}
    .vier-spalten-icon-box-1 {width: 50%; height:auto; padding: 1em 0 0em 0;  text-align: center;}
    .vier-spalten-icon-box-1 img {height: 6em; width: auto; padding: 1em 0 1.2em 0;}
    .vier-spalten-icon-box-1 .ce-textpic {padding: 0em 1%; height:16em;font-size: 3.2vw;line-height: 3.6vw;}

}

/*FOOTER*/
.slot-footer {position: relative; width: 80%; padding: 6em 10% 6em 10%;text-align: left; display: flex;}
.partner {margin: 0 0 0 -2em;}
.slot-footer-box {position: relative;float: left; width: 25%;text-align: left;align-self: last baseline;}
.logo-footer {width:7.2em; height: auto; padding: 0 0 2em 0;} 
.partner-footer {width: 70%; height: auto; padding: 0 0 0em 0;} 
.slot-footer a{color: #111; text-decoration: none;}
.logo-footer-partner {width:8.2em; height: auto; padding: 0 0 2em 0;margin: 0 0 0 0;}
.logo-footer-partner-1 {width:8.2em; height: auto; padding: 0 0 2em 0;margin: 0 0 0 -2em;} 
.logo-footer-partner-2 {width:8.2em; height: auto; padding: 0 0 2em 0;margin: 0 0 0 -4em;} 

/*SOCIAL-ICONS NEW*/
.social-box-new {padding: 0em 0em 0.0em 0; margin: 0 0 0 0em; width:100%; float:right;text-align:right; }
.social-box-new li{ list-style:none; display: inline-block;margin:0; padding: 0.0em 0.0em 0.0em 0.0em; text-align:right;}
.social-box-new img{width: 1.5em;height: auto;padding:0 0.2em 0 0.2em;}
.social-box-new .border img{ border-left:#FFF solid 0px;}

.social-box-nav {padding: 0em 0em 0.0em 0; margin: 1.9em 0 0 0em; width:77%; float: right; text-align:left; }
.social-box-nav li{ list-style:none; display: inline-block;margin:0; padding: 0.0em 0.0em 0.0em 0.0em; text-align:left;}
.social-box-nav img{width: 1.5em;height: auto;padding:0 0.0em 0 0.5em; margin: 0em 0 0 0;}
.social-icon {padding: 2em 0 0 0;}


@media screen and (max-width:480px) { 
    
    .slot-footer {position: relative; width: 80%; padding: 3em 10% 6em 10%;text-align: left; display:block;}
    .slot-footer-box {position: relative;float: left; width: 100%;text-align: left;align-self: last baseline; padding: 0 0 2em 0;}
    .social-box-new {padding: 2.0em 0em 0.4em 0; margin: 0; width:100%; float:inherit;text-align:left; }
    .social-box-new li{ list-style:none; display: inline-block;margin:0; padding: 0.0em 0.4em 0.4em 0; text-align: left;}
    .social-box-new img{float: left; width: 1.8em;height: auto;padding:0 0.5em 0 0;}
    .partner-footer {width: 100%; height: auto; padding: 0 0 0em 0;} 
    .logo-footer-partner {width:6.2em;padding: 0 0 0em 0;} 
    .logo-footer-partner-1 {width:6.2em;padding: 0 0 0em 0;margin: 0 0 0 -1.5em;}
    .logo-footer-partner-2 {width:6.2em; height: auto; padding: 0 0 0em 0;margin: 0 0 0 -2em;} 
}

/*BTN ../images/phone-icon.png"*/
.btn-overlay {
      background:transparent;
  border: solid 1px #FFF;
  color:#FFF;
  padding: 1.0em 2.0em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  margin: 2.5em 0 0 0;
  font-size: 0.7em; line-height: 0.7em;
  cursor: pointer;
    font-weight: 400;
    border-radius: 2em;
   transition: 0.3s;
}
.btn-video {
  background:#FFF;
  border: solid 1px #ff7e4c;
  color:#ff7e4c;
  padding: 1.0em 2.5em 1.0em 2.0em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  margin: 2.5em 1.5em 0 0;
  font-size: 0.7em; line-height: 0.7em;
  cursor: pointer;
    font-weight: 400;
    border-radius: 2em;
   transition: 0.3s;
}
.btn-video {
    background-image:url(../images/icons/arrow-video.png); background-repeat:no-repeat;background-size: 0.8em auto;
    background-color:none;
    background-position: right 1.0em center;
}
.btn-default {
  background: linear-gradient(to right, #ffa870, #ff9e66, #ff945c, #ff8954, #ff7e4c);
  border: solid 1px #ff7e4c;
  color:#FFF;
  padding: 1.0em 2.0em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  margin: 2.5em 1.5em 0 0;
  font-size: 0.7em; line-height: 0.7em;
  cursor: pointer;
    font-weight: 400;
    border-radius: 2em;
   transition: 0.3s;
}
.btn-default:hover {
    border: solid 1px #70a9d1;
    background: linear-gradient(to right, #abc1d1, #9dbbd1, #8fb5d1, #80afd1, #70a9d1);
}

.event-registration-container .btn-default a{color: #FFF;}

.call-to-action-box
.btn-default {
  border: solid 1px #FFF;
  color:#FFF;
  margin: 2.5em 1.5em 0 0;
    transition: 0.3s;
}
.call-to-action-box .btn-default {
  border: solid 1px #ff7e4c;
  color:#FFF;
  margin: 2.5em 1.5em 0 0;
 background: linear-gradient(to right, #ffa870, #ff9e66, #ff945c, #ff8954, #ff7e4c);
    transition: background 1s ease-out; 
}
.call-to-action-box .btn-default:hover {
    border: solid 1px #70a9d1;
    background: linear-gradient(to right, #abc1d1, #9dbbd1, #8fb5d1, #80afd1, #70a9d1);
}

.news-slider-box-left
.btn-default {
 float: left;
}

.blog-border-2
.btn-default {
    border: solid 1px #FFF;
    color:#FFF;
}
.btn-contact {
  background:transparent;
  border: solid 1px #dadada;
  color:#dadada;
  padding: 1.0em 2.0em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  margin: 2.5em 0 0 0;
  font-size: 0.7em; line-height: 0.7em;
  cursor: pointer;   
}
     
/*MENU*/


              
			
/* Slick */
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute; z-index:98;
    top: 40%;
    margin: 0 0 0 0;
    width: 40px;
    height: 40px;
	 cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent; 
}

.slick-next{
    background-image: url(../images/arrow-right.png);
    background-repeat: no-repeat;
    background-size: auto 1.0vw;
    background-position: center; 
}

.slick-prev{
    background-image: url(../images/arrow-right.png);
    background-repeat: no-repeat;
    background-size: auto 1.0vw;
    background-position: center; 
    -ms-transform:rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}



.slick-next
{
    right: -6%;
}

.news-slider .slick-next 
{
    right: 5%;
    background-image: url(../images/arrow-right-w.png);
    background-repeat: no-repeat;
    background-size: auto 1.5vw;
    background-position: center; 
    width: 60px;
    height: 60px;
}

.slider-referenzen .slick-next 
{
    right: 1.5%;
     top: 50%;
    background-image: url(../images/arrow-right.png);
    background-repeat: no-repeat;
    background-size: auto 1.5vw;
    background-position: center; 
    width: 60px;
    height: 60px;
}
.slider-referenzen .slick-prev {display: none; visibility: hidden;opacity: 0;}

.slider-jobs .slick-next 
{
    right: 5%;
    background-image: url(../images/arrow-right.png);
    background-repeat: no-repeat;
    background-size: auto 1.5vw;
    background-position: center; 
    width: 60px;
    height: 60px;
}


.slider-team .slick-next 
{
    right: 1%;
    background-image: url(../images/arrow-right-w.png);
    background-repeat: no-repeat;
    background-size: auto 1.3vw;
    background-position: center; 
    width: 60px;
    height: 60px;
}

.slider-news .slick-next 
{
    right: 1%;
    background-image: url(../images/arrow-right-w.png);
    background-color: rgba(0,0,0,0.5);
    background-repeat: no-repeat;
    background-size: auto 1.3vw;
    background-position: center; 
    width: 60px;
    height: 60px;
}

.slider-team .slick-prev
{
    left: 1%;
    background-image: url(../images/arrow-right-w.png);
    background-repeat: no-repeat;
    background-size: auto 1.3vw;
    background-position: center; 
    width: 60px;
    height: 60px;
}



.slick-prev
{
    left: 0%;
}
.slider-jobs .slick-prev {display: none; visibility: hidden;}
.slider-news .slick-prev {display: none; visibility: hidden;}
.slider-sub .slick-prev {display: none; visibility: hidden;}
.news-slider .slick-prev {display: none; visibility: hidden;}

@media screen and (max-width:480px) {
	
	.slick-next {display:none; visibility:hidden}
	.slick-prev {display:none; visibility:hidden}

	
	.slick-prev
	{
	    left: -10%;
	}
	
	
	.slick-next
	{
	    right: -10%;
	}

}
/* slick-dots */
	.slick-dots
	{
	    position: relative;
	    left: 0;
	    z-index: 9;
	    display: block;
	    width:60%;
	    padding:0em 0 7em 20%;
	    margin: -7em 0 0 0;
	    list-style: none;
	    text-align: left;
	}

.slider-sub .slick-dots
	{
	    position: relative;
	    left: 0;
	    z-index: 9;
	    display: block;
	    width:90%;
	    padding:3em 0 0em 2%;
	    margin: 0em 0 0 0;
	    list-style: none;
	    text-align:left;
        
	}

.statements-slider .slick-dots
	{
	    position: relative;
	    left: 0;
	    z-index: 9;
	    display: block;
	    width:60%;
	    padding:0em 0 7em 20%;
	    margin: -5em 0 0 0;
	    list-style: none;
	    text-align: left;
	}



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

.slider-referenzen .slick-dots
	{
	   position:absolute;
	    left: 0;
	    z-index: 9;
        bottom: -3em;
	    display: block;
	    width:60%;
	    padding:0em 0 0em 40%;
	    margin: 0em 0 0 0;
	    list-style: none;
	    text-align: left;
        
	}

.slider-jobs .slick-dots
	{
	    position:absolute;
	    left: 9%;
        bottom: 0em;
	    z-index: 9;
	    display: block;
	    width:60%;
	    padding:0em 0 0em 5%;
	    margin: 0em 0 0 0;
	    list-style: none;
	    text-align: left;
        
	}


@media screen and (max-width:480px) {
    
    .slider-team .slick-dots
        {
            position:absolute;
            left: 0;
            bottom: 1.3em;
            z-index: 9;
            display: block;
            width:100%;
            padding:0em 0 0em 0%;
            margin: 0em 0 0 0;
            list-style: none;
            text-align:center;

        }
    
    .slider-referenzen .slick-dots
	{
	   position:absolute;
	    left: 0;
	    z-index: 9;
        bottom: -2em;
	    display: block;
	    width:100%;
	    padding:0em 0 0em 0%;
	    margin: 0em 0 0 0;
	    list-style: none;
	    text-align:center;
        
	}
    
    .slider-jobs .slick-dots
        {
            position:absolute;
            left: 0%;
            bottom: 1em;
            z-index: 9;
            display: block;
            width:100%;
            padding:0em 0 0em 0%;
            margin: 0em 0 0 0;
            list-style: none;
            text-align:center;

        }
    
}



.news-slider .slick-dots
	{
    position:absolute;
    bottom: 3.5em;
    left: 0;
    top: inherit;
    z-index: 9;
    display: block;
    width: 100%;
    padding:0;
    list-style: none;
    text-align: center;
        
	}

	.slick-dots li
	{
	    position: relative;
	    display: inline-block;
	    width: 0.7em;
	    height: 0.7em;
        border-radius: 0.7em;
	    margin: 0 0.5em;
	    padding: 0; 
	    cursor: pointer;
	    border: solid 1px #6fa9d0;
        background: #FFF;
	}

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



	.slick-dots li button
	{
	    display: none;
	}
	.slick-dots
	{
	    bottom: 0em;
	}
	

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

    background:#6fa9d0;

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

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

}

.slick-dots .slick-active
{
 
    background:#6fa9d0;

}




/*############### PROJEKTANFRAGE OVERLAY #######################*/
/*CLOSE*/
#close-icon-box {position:absolute;z-index:999999;cursor:pointer;right:3.6em; top:3.9em;}
#close-icon-box-newsletter {position:absolute;z-index:999999;cursor:pointer;right:3.4em; top:1.5em;}



.projektanfrage { position: relative; width: 50%; padding: 8em 0 0 25%; color: #dadada;}
			
.projektanfrage h2 {padding:0% 0% 0.5em 0%; margin:0 0 0em 0;text-align: center; font-weight:normal; color: #dadada;}
.projektanfrage p{ display:block; visibility:visible}
.projektanfrage a{ color:#dadada;}
#projektanfrage-box {
	position: fixed;
    top:0%;
    left: 0;
    height: 100vh;
    width: 100%;
    overflow: auto;
	z-index:9999;
	color:#000;
	text-align:center;
	display:none;
    background:#051019;
}


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

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

#projektanfrage-box label{ display:none; visibility:hidden}

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


.btn-primary {
	-webkit-border-radius:0;
    -webkit-appearance: none;
   }


@media screen and (max-width:480px) {	
	
	.projektanfrage { position: relative; width: 80%; padding: 2em 0 0 10%; color:#FFF;}		
	.projektanfrage h2 {font-size: 8vw; line-height:12vw;padding:15% 0% 1em 0%; margin:0;text-align: center;text-transform: uppercase;}
	

}

/*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: 2px;
  background-color: #dadada;
}
.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);
}

/*POWERMAIL color: #6fa9d0; */

/*placeholder*/
.tx-powermail ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color:#6fa9d0;font-weight: 300;
    opacity: 1; /* Firefox */
}

.tx-powermail ::-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:#6fa9d0;font-weight: 300;
}

.tx-powermail ::-ms-input-placeholder { /* Microsoft Edge */
    color:#6fa9d0;font-weight: 300;
}
/*placeholder*/

.powermail_label{font-weight: 300;}
.tx-powermail li{list-style: none; color: #379eaa; padding: 3em 0 0.5em 0; margin: 0; text-align: left; display: block;font-size: 0.9vw; line-height:0.9vw;}
.tx-powermail ul {padding: 0; margin: 0;}

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

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

.tx-powermail h2 {  color: #6fa9d0; font-size: 3.0vw;line-height:3.3vw; font-weight: 700; }

.powermail_submit {
  background: linear-gradient(to right, #ffa870, #ff9e66, #ff945c, #ff8954, #ff7e4c);
  border: solid 1px #ff7e4c;
  color:#FFF;
  padding: 1.0em 2.0em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  margin: 2.5em 1.5em 0 0;
  font-size: 0.7em; line-height: 0.7em;
  cursor: pointer;
    font-weight: 400;
    border-radius: 2em;
   transition: 0.3s;
}
.powermail_submit:hover {
    border: solid 1px #70a9d1;
    background: linear-gradient(to right, #abc1d1, #9dbbd1, #8fb5d1, #80afd1, #70a9d1);
}


.powermail_fieldwrap_type_input{float: left; width: 100%; padding:1% 2em 1% 0;}
.powermail_fieldwrap_type_textarea {float: left; width: 90%; padding:1% 2em 1% 0;}
.powermail_select {width:auto; font-size: 0.9vw;line-height:0.9vw; padding:1% 1%;margin: 0.5em 0 0 0;}
.powermail_select {border: 1px solid #666;width: 42.5%;background: #FFF;}

.powermail_input {
  float: left;
  display: block;
  width: 100%;
  margin: 0.4em 0%;
  border: 1px solid #6fa9d0;
  padding: 0.7em 0.7em;
  background:#FFF;
  color: #6fa9d0;
    font-size: 0.8vw;line-height:0.8vw;
    font-weight: 300;
    border-radius: 0.4em;
}
.powermail_textarea {
  float: left;
  display: block;
  width: 100%;
  margin: 0%;
  border: 1px solid #666;
  padding: 0.5em 0.5em;
   background:none;
  color: #111;
 font-size: 0.9vw;line-height:1.3vw;
}


@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-border-radius:0; -webkit-appearance: none;}
    .powermail_textarea {font-size: 5.2vw; line-height:6.8vw;-webkit-border-radius:0; -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 {font-size: 5.2vw; line-height:6.8vw;}
    
    .powermail_select {width:auto;font-size: 5.2vw; line-height:6.8vw; padding:0.7em 2%;margin: 0.5em 0 0 0;}
    .powermail_select {border-radius: 0; width: 96%;background: #FFF;color: #000;}
	
}
/* CONTACT */





/*COOKI-EXT*/

[data-omcookie-panel-show] {
  cursor: pointer;
}
.om-cookie-panel {
  padding:1% 8%;
  z-index: 99999;
  background:#004367;
  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;}

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

    
}
/* COUNT */
.eine-spalte-count {position: relative; width: 100%;}
.eine-spalte-count-left {float: left; width: 50%;padding: 0 0 2.3em 0;}
.zwei-spalten-count-right {position: relative;z-index: 2; float: left; width: 40%; padding:0 5%;}

.counter-container h2 {font-size: 2.8vw; line-height: 2.8vw; color: #6fa9d0;width: 100%; display: block}
.counter-container h3 {font-size: 0.9vw; line-height: 0.9vw; color: #000;font-weight: 300;}


.counter {
  background: #fff;
  text-align: center;
  width: 10em;
  height: 10em;
  border-radius: 10em;    
  padding: 0 0 0 0;
  margin: 1em auto;
  position: relative;
}

.counter {
-webkit-box-shadow: 0px 0px 34px 14px rgba(119,119,119,0.15); 
box-shadow: 0px 0px 34px 14px rgba(119,119,119,0.15);
}
.counter-info {position: absolute; right: 1.4em; top: 2.4em; font-size: 1.4vw; line-height: 1.4vw;color: #6fa9d0;font-weight: 400;}
.counter img{padding: 1em 0 0 0; width: 2em; height: auto;}

.counter .counter-value {
  color: #6fa9d0;
  font-weight: 400;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  display: block;
}
.counter spam {float: right; font-size: 1.9vw; line-height: 1.9vw;}

@media screen and (max-width:480px) {
    
    .zwei-spalten-count-right {position: relative;z-index: 2; float: left; width: 90%; padding:0em 5%;}
    .eine-spalte-count-left {float: left; width: 100%;padding: 0 0 2.3em 0;}
    .counter img{padding: 1em 0 0.4em 0; width: 2.4em; height: auto;}
    .counter-container h2 {font-size: 7.8vw; line-height: 10.8vw; color: #6fa9d0;width: 100%; display: block;}
    .counter-container h3 {font-size: 3.9vw; line-height: 3.9vw; color: #000;font-weight: 300;}
    
    .counter {
      background: #fff;
      text-align: center;
      width: 10em;
      height: 10em;
      border-radius: 10em;    
      padding: 0 0 0 0;
      margin: 0.3em auto;
      position: relative;
    }

}

/*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:9%;top:2.9em;}
	
	}
	
/*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*/

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

/*CLOSE-ICON*/
.close {
  position:relative;
  width: 2.0em;
  height: 2.0em;
  opacity: 1;
  margin:1em auto;
  text-align: center;
  display: block;
  cursor: pointer;
}
.close:hover {
  opacity: 1;
}
.close:before, .close:after {
  position: absolute;
  left: 1em;
  top: 0em;
  content: ' ';
  height: 1.5em;
  width: 1.5px;
  background-color: #FFF;
}
.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);
}
 
/*VIDEO-OVERLAY-END*/

/*NEWS-TEAM*/

/*TEAM-OVERVIEW*/
.team-overviews-withe {position: relative;float: left;  width: 100%; padding: 0 0 2em 0; margin: -2em 0 0 0; text-align: left;color: #000;}
.team-overviews-withe-box {position: relative; float: left; width: 60%; padding: 3em 20% 3em 20%; text-align: left;color: #000;}
.team-overviews-withe-box h2 {font-size: 0.8vw; line-height: 0.8vw; padding: 0 0 0em 0;margin: 0;text-transform: uppercase;}
.team-overviews-withe-box h3 {font-size: 2.4vw; line-height: 3.4vw; padding: 0.3em 15% 0.8em 0;margin: 0;}

.team-overviews-withe h2 {font-size: 0.8vw; line-height: 0.8vw; padding: 0 0 0em 0;margin: 0;text-transform: uppercase;}
.team-overviews-withe .article { width: 29.33333333333%; margin:0 2%; border-radius: 0.3em;}
.team-overviews-withe .article {position: relative; float: left;transition: 1.0s ease-out;}
.team-overviews-withe .article  {    
-webkit-box-shadow: 0px 0px 34px 14px rgba(119,119,119,0.35); 
box-shadow: 0px 0px 34px 14px rgba(119,119,119,0.35);
}

.team-image-1 {position:absolute; z-index: 1; float: left; cursor: pointer;transition: 0.3s ease-out;}
.team-image-2 {position:absolute; z-index: 2; float: left; width:100%;cursor: pointer; transition: 0.3s ease-out;opacity: 0;}
.team-overviews-withe .article:hover .team-image-2{display: block; opacity: 1;}

.team-overviews-withe .article {height:17.9em;}
.team-image-1 {height:17.9em;}
.team-image-2 {height:18.0em; color: #FFF;font-weight: 400;}

.team-image-1 img {
    border-radius: 0.3em;
}
.team-image-2 {
    border-radius: 0.3em;
}

.team-image-2 {
  background: url(/fileadmin/images/team-hover.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.team-image-2 h2 {position: absolute;bottom: 5em; left: 1.5em; right: 1.5em; color: #FFF;font-size: 1.0vw; line-height: 1.4vw;font-weight: 700;}
.team-image-2 h3 {position: absolute;bottom: 3em; left: 1.5em;color: #FFF;font-size: 1.0vw; line-height: 1.4vw; font-weight: 400;}
.mail-icon-team {position: absolute;bottom: 1.5em; left: 1.5em;width: 1.5em; height: auto;}


@media screen and (max-width:480px) {
    
    .team-overviews-withe .article { width: 96%; margin:0 2% 3em 2%; border-radius: 0.3em;}
    .team-image-1 {position:relative; cursor: pointer;transition: 0.3s ease-out;}
    .team-image-2 {position:relative; width:100%;cursor: pointer; transition: 0.3s ease-out;opacity: 0;}
    .team-overviews-withe .article {height:auto;}
    .team-image-1 {height:auto;}
    .team-image-2 {background:none; height:auto; color: #000;font-weight: 400;opacity: 1;width: 80%; padding: 0 10%;}
    .team-image-2 {font-size: 4.5vw; line-height: 6.2vw;}
    .team-image-2 h2 {position:relative;bottom:inherit; left:inherit; color:#6fa9d0;font-size: 4.5vw; line-height: 6.2vw;font-weight: 700;}
    .team-image-2 h2 {padding: 0 0 0 10%;width: 80%;}
    .team-image-2 h3 {position:relative;bottom:inherit; left:inherit; color:#6fa9d0;font-size: 4.5vw; line-height: 6.2vw; font-weight: 400;}
    .mail-icon-team {position:relative; bottom:inherit; left:inherit; width: 1.5em; height: auto;padding: 0.9em 0 0 0;}
    
   
    
}
/*TAG-MANU*/
.news-tags-menu {position: relative; float: left; width: 50%; padding: 12em 25% 2em 25%; text-align: center;}
.news-tags-menu ul{list-style: none;}
.news-tags-menu li{list-style: none;display: inline-block;font-size: 0.9em; line-height: 0.9em;}
.news-tags-menu a{color:#000;font-weight: 400;text-decoration: none;}
.news-tags-count {color:#6fa9d0;}
.news-tags-menu .active {color:#6fa9d0;}

/*EVENTS*/

.event-content-main {position: relative; float: left; width: 50%; padding: 12em 25% 3em 25%; text-align: left;}
.event-cat-menu {width: 100%; display: block; padding: 0 0 5em 0; text-align: center;}
.event-cat-menu .button {padding: 0 0.5em;}
.event-cat-menu a.button {color:#6fa9d0;}
.event-cat-menu a.button-outline {color: #000;}
.event-cat-menu a{color:#000;font-weight: 400;text-decoration: none;font-size: 0.9em; line-height: 0.9em;}
.event-cat-menu a.active {color:#6fa9d0;}

.event-detail-container {position: relative; float: left; width: 40%; margin: 0 0%; padding: 9em 45% 2em 15%; text-align: left;}
.event-detail-container h1 {font-size: 3.5vw; line-height: 3.8vw;font-weight: 700;padding: 1.5em 0 0.5em 0;}
.event-detail-container h4 {font-weight: 400;padding: 0.5em 0 0.5em 0;}

.event-detail-row {position: relative; float: left; width: 100%; border-bottom: solid 1px #999;padding: 0.0em 0 1.0em 0;}
.event-detail-row a {color:#000;text-decoration: none; border-bottom: solid 1px #6fa9d0}
.event-detail-row-50 {float: left; width: 50%;}

.event-registration-container {position: relative; float: left; width: 40%; margin: 0 0%; padding: 9em 45% 9em 15%; text-align: left;}
.event-registration-container h1 {font-size: 3.5vw; line-height: 3.8vw;font-weight: 700;padding: 0.2em 0 0.5em 0;}
.event-registration-container h4 {font-weight: 400;padding: 0.5em 0 0.5em 0;}
.event-registration-container h5 {color: #6fa9d0;font-weight: 400;}

.event-registration-row  {position: relative; float: left; width: 100%;padding: 0.0em 0 1.0em 0;}
.event-registration-row .form-left {float: left; width: 20%;}
.event-registration-row .form-right {float: left; width: 80%;}
.event-registration-row .form-right input {border: solid 1px #666; background:#FFF; padding: 0.4em; width: 50%;}
.event-registration-row .form-right textarea {border: solid 1px #666; background:#FFF; padding: 0.4em; width: 50%;}
.event-registration-row .form-right select {border: solid 1px #666; background:#FFF; padding: 0.4em; width: 52%;}

.event-content-box h1{color: #6fa9d0;font-weight: 400;}
.event-content-box h2{font-size: 3.5vw; line-height: 3.8vw;font-weight: 700;padding: 0.2em 0 0.5em 0;}

.event-content-main ul {
   text-align: left;
    list-style: none;
    margin-left: 0.5em;
    padding:0.5em 0 0.5em 0.5em;
}
.event-content-main li {display: block;text-align: left;}

.event-content-main ul > li:before {
    content: "-";
    width: 1em;
    margin-left: -0.8em;
    padding: 0 0.5em 0 0;
}

.event-program ul {
   text-align: left;
    list-style: none;
    margin-left: 0.5em;
    padding-left: 0.5em;
}
.event-program li {display: block;text-align: left;}

.event-program ul > li:before {
    content: "-";
    width: 1em;
    margin-left: -0.8em;
    padding: 0 0.5em 0 0;
}


.event-speaker ul {
   text-align: left;
    list-style: none;
    margin-left: 0.5em;
    padding-left: 0.5em;
}
.event-speaker li {display: block;text-align: left;}

.event-speaker ul > li:before {
    content: "-";
    width: 1em;
    margin-left: -0.8em;
    padding: 0 0.5em 0 0;
}

.event-to-calendar a{color: #000; text-decoration: none;}

.event-to-calendar ul {
   text-align: left;
    list-style: none;
    margin-left: 0.5em;
    padding:0.5em 0 0 0.5em;
}
.event-to-calendar li {display: block;text-align: left;}

.event-to-calendar ul > li:before {
    content: "-";
    width: 1em;
    margin-left: -0.8em;
    padding: 0 0.5em 0 0;
}

.event-to-calendar ul > li:before {
    content: "";
    width: 1em;
    margin-left: -1.2em;
    padding: 0 1.8em 0 0;
    background-image:url(../images/icons/add-to-calendar.png); background-repeat:no-repeat;background-size: 1.2em auto;
    background-color:none;
    background-position: left 0.0em center;
}

@media screen and (max-width:480px) {
    
    .event-content-main {position: relative; float: left; width: 80%; padding: 12em 10% 3em 10%; text-align: left;}
    .event-cat-menu {width: 100%; display: block; padding: 0 0 2em 0; text-align: center;}
    
    .event-detail-container {position: relative; float: left; width: 80%; margin: 0 0%; padding: 9em 10% 2em 10%; text-align: left;}
    .event-detail-container h1 {font-size: 8.5vw; line-height: 9.8vw;font-weight: 700;padding: 2.8em 0 0.5em 0;}
    .event-detail-container h4 {font-weight: 400;padding: 0.5em 0 0.5em 0;}

}
/* NEWS-MASONRY color: #6fa9d0;  active button*/
/* ---- grid ---- */
.slot-grid-events img{width: 100%; height: auto;}
.slot-grid {position: relative; float: left; width: 50%; padding: 3em 25% 3em 25%; text-align: left;}
.slot-grid img{width: 100%; height: auto;}

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

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

/* ---- .grid-item ---- */
.grid-sizer,
.grid-item {	
  width: 29.33333333333%; 
    margin:0 0%;
  padding:2% 2%; 
  float: left;
  display: block;
  overflow: hidden;
    clear: both;
}

.grid-item {
  float: left;  
  text-align: left;
}


.grid-item img {
  display: block;
  max-width: 100%;
  border-radius: 0.3em;    
}

.grid-image { 
border-radius: 0.3em;    
-webkit-box-shadow: 0px 0px 24px 14px rgba(119,119,119,0.15); 
box-shadow: 0px 0px 24px 14px rgba(119,119,119,0.15);
}

.news-list-tags {padding: 0.5em 0 0 0; color: #6fa9d0;font-size: 1.2vw; line-height:1.6vw; font-weight: 400;}
.news-list-date {color: #6fa9d0;font-size: 0.8vw; line-height:1.2vw; font-weight: 400;}
.event-list-date {color: #6fa9d0;font-size: 0.8vw; line-height:1.2vw; font-weight: 400;}
.text-grid h2{font-size: 1.0vw; line-height:1.4vw; text-align: left; padding: 0.5em 0 0.5em 0; font-weight: 700;color: #000;}
.wimpel-icon {padding: 1.0em 0 0 0; float: right;}
.wimpel-icon img{width: 1.0em; height: auto;border-radius: 0.0em;}

.btn-more-link {
    background-image:url(../images/icons/arrow-more.png); background-repeat:no-repeat;background-size: 0.8em auto;
    background-color:none;
    background-position: left 3.0em center;
    padding: 0 3em 0 0;
    text-decoration: none;
    color: #6fa9d0;
    font-weight: 400;
}
.btn-more-link a {color: #6fa9d0;text-decoration: none;}

@media screen and (max-width:480px) {
		
    .slot-grid {position: relative; float: left; width: 79%; margin: 0 0%; padding: 0em 10% 2em 10%; text-align: left;}
	.grid-item h2{text-align: left;font-size: 5.2vw; line-height:6.8vw;padding:0% 0 2% 0;}	
	
	.grid-sizer,
	.grid-item {
	  width: 99%;
	  margin: 0.5% 0.5% 2.0em 0.5%;
	}
    
    .news-list-tags {padding: 1.0em 0 0 0; color: #6fa9d0;font-size: 4.6vw;line-height: 5.8vw; font-weight: 400;}
    .news-list-date {color: #6fa9d0;font-size: 4.6vw;line-height: 5.8vw; font-weight: 400;}
    .text-grid h2{padding: 0.5em 0 0.5em 0;}
	

}

/*DETAIL*/
.news-detail-container {position: relative; float: left; width: 40%; margin: 0 0%; padding: 10em 45% 2em 15%; text-align: left;}
.news-detail-container h1 {font-size: 3.5vw; line-height: 3.8vw;font-weight: 700;padding: 0.5em 0 0.5em 0;}

.news-detail-container .news-list-tags {padding: 0.0em 0 0 0;}


.news-single-header {position: relative; float: left;}
.teaser-text {position: relative; float: left;padding: 0 0 1em 0}
.news-text-wrap {position: relative; float: left;padding: 0 0 1em 0;}
.news-related-files {position: relative; float: left;}
.news-single-date {color: #6fa9d0;font-size: 0.8vw; line-height:1.2vw; font-weight: 400;}
.news-header-container {position: relative; float: left;width: 100%;}
.news-header {float: left;width: 70%;margin: -0.3em 0 0 0;}
.single-icon {float: left; width: 3.0em;}
.single-news-more-images {float: left; width: 2em; height: auto;}
.news-related-files-link {
    background-image:url(../images/icons/arrow-more.png); background-repeat:no-repeat;background-size: 0.8em auto;
    background-color:none;
    background-position: right 0.0em center;
    padding: 0 1.5em 0 0;
    text-decoration: none;
    color: #6fa9d0;
    font-weight: 400;
}
.news-related-files-link a{color: #6fa9d0;text-decoration: none;}
.news-single-footer-box {position: relative;width: 100%;float: left;}

@media screen and (max-width:480px) {
    
    .news-detail-container {position: relative; float: left; width: 80%; margin: 0 0%; padding: 10em 10% 2em 10%; text-align: left;}
    .news-single-date {color: #6fa9d0;font-size: 4.6vw;line-height: 5.8vw; font-weight: 400;}
    .news-detail-container h1 {font-size: 8.5vw; line-height: 9.8vw;font-weight: 700;padding: 0.5em 0 0.5em 0;}
    
}

/*SOCIAL-ICONS NEW*/
.news-single-share .social-box-new {padding: 2em 0em 0.0em 0; margin: 0 0 0 0em; width:100%; float:left;text-align:left; }
.news-single-share .social-box-new li{ list-style:none; display: inline-block;margin:0; padding: 0.0em 0.0em 0.0em 0.0em; text-align:left;}
.news-single-share .social-box-new img{width: 1.8em;height: auto;padding:0 0.2em 0 0.0em;}

/*SEARCH*/
.search-box {cursor: pointer;}
.search-box {position: absolute; z-index: 9; top: 1.3em; right:10%; padding: 0; font-size: 1.0vw;font-weight: 600;}

.ke_search_sword {border:solid 0px #FFF; color: #FFF; padding:0.8em 2em 0.8em 1em; margin:0px;font-size:0.8vw; line-height: 0.8vw;}
.ke_search_sword {float: left; border-radius: 1.0em; margin: 4em 0 0 0;}
.ke_search_sword {width: 4.2em;}
.ke_search_sword {
    background-image:url(../images/ke-search.png); background-repeat:no-repeat;background-size: 1.6em auto;
    background-color:none;
    background-position: right 0.7em center;
}
.ke_search_sword-close {border:solid 0px #FFF; color: #FFF; padding:0.8em 2em 0.8em 1em; margin:0px;font-size:0.8vw; line-height: 0.8vw;}
.ke_search_sword-close {float: left; border-radius: 1.0em; margin: 4em 0 0 0;}
.ke_search_sword-close {width: 4.2em;}
.ke_search_sword-close {
    background-image:url(../images/ke-search-close-b.png); background-repeat:no-repeat;background-size: 1.6em auto;
    background-color:none;
    background-position: right 0.7em center;
}