/*######## FONTS START BAM ###################*/
@font-face {
		font-family:proximanova-bold;
		src: url("fonts/proximanova-bold-webfont.eot");
}

@font-face {
	font-family:proximanova-bold;
	src: url("fonts/proximanova-bold-webfont.woff") format("woff");
	}

@font-face {
		font-family:proximanova-semibold;
		src: url("fonts/proximanova-semibold-webfont.eot");
}

@font-face {
		font-family:proximanova-semibold;
		src: url("fonts/proximanova-semibold-webfont.woff") format("woff");
}

@font-face {
	font-family:proximanova-regular;
	src: url("fonts/proximanova-regular-webfont.eot");
}

@font-face {
	font-family:proximanova-regular;
	src: url("fonts/proximanova-regular-webfont.woff") format("woff");
	}
	
@font-face {
	font-family:proximanova-light;
	src: url("fonts/proximanova-light-webfont.eot");
}

@font-face {
	font-family:proximanova-light;
	src: url("fonts/proximanova-light-webfont.woff") format("woff");
}



/*######## 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-color:#fff;
  font-family:proximanova-light;
  color: #000;
   -webkit-font-smoothing: antialiased; 
  font-size: 1.2vw; line-height:1.6vw;
   height: 100%; 
   padding: 0em;
   overflow-x: hidden;
}


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

b {font-family:proximanova-bold;}

ol, ul {
  list-style: disc;
  margin: 0.5em 0 0.5em 2em; padding: 0 0 0 0em;
}

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: #808080;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

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

.bottom-box {position: fixed; z-index: 9999; bottom: 2em; left: 1em; padding: 10%; width: 20%; background: #ff0000; display: none;}

.image-caption {display: none;}

h1, h2, h3, h4{font-family:proximanova-bold;}

.ce-div {float: left; width: 100%;border: 0; padding: 3.0em 0 2em 0; margin: 0;}
.ce-div-2 {float: left; width: 100%; border: 0; padding:0; margin:1.0em 0;}
.line-div {float: left; width: 70%;border: 0; padding: 0 0 0 0; margin:0em 15% 5.0em 14%;border-bottom: solid #999 1px;}

strong {font-family:proximanova-bold; }

::-moz-selection { background:#e40521; color: #fff; }
::selection { background:#e40521; color: #fff; }

.open-menu-pannel {padding: 1.5em 0 0 10%;}

/*DATACENTER-GRAFIK*/
.slot-datacenter-image {float: left; width: 70%; padding: 0% 15% 5% 15%;}

/*HEADER-KONTAKT-BOX*/
.header-phone-box {position: fixed; z-index: 22; top: 2.6em; right: 11em; width: auto; color: #FFF; opacity: 0;} 
.header-phone-box a {color: #FFF;}
.header-phone-box {
    transition:all 0.5s ease;
    font-family:proximanova-regular;
    padding: 0 0 1.0em 1.8em;
	background-image: url("../images/icons/iPhone-withe-2.png");
	background-repeat: no-repeat;
	background-position: left 0.0em;
	background-size: 1.0em;
}
/*HEADER-KONTAKT-BOX*/
.header-mail-box {position: fixed; z-index: 22; top: 2.6em; right: 23.0em; width: auto; color: #FFF;opacity: 0;} 
.header-mail-box a {color: #FFF;}
.header-mail-box {
    transition:all 0.5s ease;
    font-family:proximanova-regular;
    padding: 0 0 1.0em 2.0em;
	background-image: url("../images/icons/airplane.png");
	background-repeat: no-repeat;
	background-position: left 0.1em;
	background-size: 1.4em;
}

@media screen and (max-width:480px) {
	
    .header-phone-box {position: fixed; z-index: 22; top: 2.4em; right:inherit; left: 5%; color: #FFF; width: 2.0em; height: 2.0em; opacity: 0; display: none;}
    .header-phone-box {
        transition:all 0.5s ease;
        font-family:proximanova-regular;
        padding: 0 0 1.0em 1.8em;
        background-image: url("../images/icons/phone-icon-withe.png");
        background-repeat: no-repeat;
        background-position: left 0.0em;
        background-size: 1.3em;
    }
    .header-phone-box p{display: none;}
    
    .header-mail-box {position: fixed; z-index: 22; top: 2.2em; right:inherit; left: 15%; color: #FFF; opacity: 0; width: 2.0em; height: 2.0em;}
    .header-mail-box {
        transition:all 0.5s ease;
        font-family:proximanova-regular;
        padding: 0 0 1.0em 2.0em;
        background-image: url("../images/mail-icon-withe.png");
        background-repeat: no-repeat;
        background-position: left 0.1em;
        background-size: 1.4em;
    }
    .header-mail-box p{display: none;}
    
    .open-menu-pannel {padding: 0.0em 0 2.0em 10%;}
	.ce-div {float: left; width: 100%;border: 0; padding: 1.0em 0 1.5em 0; margin: 0;}
	.slot-datacenter-image {float: left; width: 90%; padding: 5% 5% 0% 5%;}
	
}

/*YOUTUBE /images/mail-icon-withe.png*/

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

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

/*1-OVERLAY-CINTENT-BOX-IT*/
.intro-image-100 {position: relative;float: left; width:100%; height: 100vh; overflow: hidden; padding:0; margin: 0;background-color: #000;}

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

.intro-image-100 .image video {
    height: 100vh;
    width: 100%;  
    object-fit: cover;
	opacity: 0.7;
    margin:0 0 0em 0;
    filter: grayscale(0%);
}

.intro-image-caption-100 {
    position:absolute;
    top:0em;
    bottom: 0;
    width: 90%;
    padding: 0em 5% 0 5%;
    height: 100vh;
    overflow: hidden; 
    z-index:9;
    text-align:left;
    color: #FFF;
  }

/*
.intro-image-caption-100 {
   display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; 
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
     text-align:left; width: 70%; padding: 25% 30% 0 0;
}
color: #e40521;
*/
.intro-image-caption-100 h2 {font-size: 3.2vw; line-height:3.6vw; text-align: left;}
.intro-image-caption-100 h2 { width: 50%; padding: 22% 50% 0 0; }
.intro-image-caption-100 h3 {font-size: 1.4vw; line-height:1.8vw; text-align: left; 
    padding: 0.3em 0 0 0;; margin: 0; color: #FFF;}

@media screen and (max-width:480px) {
    
    .intro-image-caption-100 h2 {font-size: 7.1vw; line-height:8.8vw; text-align: left;}
    .intro-image-caption-100 h2 {width: 100%; padding: 65% 0% 0 0; }
    .intro-image-caption-100 h3 {font-size: 3.8vw; line-height:4.8vw;}
    
}

/*header-box*/

.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-box {position:fixed; width: 100%; top: 0; left: 0; height:8.3;z-index: 12;text-align: center; background:rgba(0, 0, 0, 0.0); overflow: hidden; opacity: 1;}
.logo { height:8.0em;width: auto; transition:all 0.5s ease;  margin:0 auto 0 auto; padding: 0;}
.logo-menu { height:auto;width: 70%; transition:all 0.5s ease;  margin:0 auto 0 auto; padding: 0;}
.logo-footer {height:7.0em;width: auto; transition:all 0.5s ease;  margin:0 auto 0 auto; padding: 0 0 2em 0;}

.sds {position: fixed; z-index: 90; bottom: 4em; right: 8%; width: 9em; height: auto;}

.carrier-box {position:fixed; z-index: 90; bottom: 0; right: 5%; background: #e40521; font-family:proximanova-semibold; padding: 0.5em 3em; display: none; visibility: hidden;}

.carrier-box {border-radius: 0.5em 0.5em 0 0; }

.carrier-box {font-size: 1.4vw; line-height:1.4vw;color: #FFF;}
.carrier-box a{color: #FFF;}

.swiss-digital-services {position:absolute; z-index: 9; bottom: 3.7em; right: 2.8em; height: auto; width:  10.0em; display: none;}

.mail-icon {width: auto; height:1.2em; padding:1em 0 0 0;}
.mail-icon-map {width: auto; height:1.2em; padding:0.3em 0 1.5em 0;}

.mail-icon-2 {position: absolute; top: 1.5em; left: 1.0em; width: 1.5em; height: auto;}
.mail-icon-3 {position:relative; width: 1.5em; height: auto; padding:1em 0 0 20%;}

/*SOCIAL-ICONS FOOTER */
.follow {float: left;}
.share {float: left;}
.privacy  {float: left;width: 100%;}
.social-box-new {padding: 1.2em 0em 1.0em 0; margin: 0 0 0 -0.8em; width:100%; float:left; }
.social-box-new li{ list-style:none; display: inline-block;margin:0; padding: 0.0em 0.0em 0.4em 0.0em; text-align: left;}
.social-box-new img{width: 1.5em;height: auto;padding:0 0.2em;}
.follow .social-box-new img{width: 1.0em;height: auto;padding:0 0.2em;}
.follow .social-box-new {padding: 1.2em 0em 1.0em 0; margin: 0 0 0 -0.2em; width:100%; float:left; }
.social-box-new .border img{ border-left:#FFF solid 1px; }

.slot-footer-3 strong{color: #FFF;font-size: 0.8vw; line-height:0.8vw; width: 100%; display: inline-block;}


@media screen and (max-width:480px) {
    
    .swiss-digital-services {position:absolute; z-index: 90; bottom: 3.5em; right: 4.5em; height: auto; width:  7.0em; display: none;visibility: hidden;}    
    .social-box-new {padding: 2.0em 0em 0.4em 0; margin: 0; width:100%; float:inherit;text-align:center; }
    .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{width: 2.5em;height: auto;}
    .follow .social-box-new img{width: 1.8em;height: auto;}
    .slot-footer-3 strong{color: #FFF;font-size: 2.8vw; line-height:2.8vw;}
    .follow {float: left;width: 100%; text-align: center;}
    .share {float: left;width: 100%; text-align: center;}
    .privacy  {float: left;width: 100%;}
    
	
}

/*SOCIAL-ICONS FOOTER */
.footer {background: #000;}
.slot-footer-1 { position:relative;width:80%;padding:0em 10% 1em 10%; text-align:center; margin:0%;background: #111;color: #FFF;}
.slot-footer-1 a{color: #FFF;} .slot-footer-1 strong{color: #FFF;}
.slot-footer-2 { position:relative;width:80%;padding:0em 10% 2em 10%; text-align:center; margin:0%;background: #111;color: #FFF;}
.slot-footer-2 a{color: #FFF;}
.slot-footer-2 p{font-size: 1.0vw; line-height:1.4vw;}

.feiertage {text-align:center;}

.slot-footer strong {font-family:proximanova-bold; color: #FFF;}


.slot-footer-4 li {
  list-style:none;
  margin: 0em 0 0em 0em; padding: 0 0 0 0em;
}

.social-icon {width:auto; height: 1.8em}
.social-box {padding: 1em 0em 1em 0; margin: 0; width:auto;  text-align:center;}
.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.3em 0em 0.5em}
.social-box a:hover {color:#a8d8ef;}
.social-box .border {line-height:0.6vw; border-left:#FFF solid 1px}

.slot-footer-3 {position:relative; float: left; width: 40%;text-align: left; padding: 0 0 4em 0;}
.slot-footer-4 {position:relative; float: right; width: 40%;text-align: right; padding: 0 0 4em 0;}
.slot-footer-3 .social-box {padding: 1em 0em 1em 0; margin: 0 0 0 -0.7em; width:auto;  text-align:left;}
.ISO-27001 {width: auto; height:4.0em;padding: 1em 0 0 1.0em; float: right;}

@media screen and (max-width:1380px) {
	
	.carrier-box {font-size: 1.8vw; line-height:2.4vw;}


}	

@media screen and (max-width:480px) {
	
	.logo { height:6.0em;width: auto; transition:all 0.5s ease;  margin:0 auto 0 auto; padding: 0;}
	.logo-main {height:6.0em;width: auto; transition:all 0.5s ease;  margin:0 auto 0 auto; padding: 0;}
	
	.mail-icon-3 {position:relative; width: 1.5em; height: auto; padding:1em 0 3em 20%;}
	
	.footer-box {position: absolute; bottom: 0; left: 1em; text-align: left; width: 90%; color: #FFF;}
	.footer-box p{font-size: 3.9vw; line-height:6.8vw;}
	.slot-footer-2 p{font-size: 3.9vw; line-height:6.8vw;}

	.slot-footer{ position:relative;width:90%;padding:2% 5%; text-align:center; margin:0%;background: #111;color: #FFF;}
	
	.slot-footer-2 {float: left; width: 100%; text-align: center; padding: 0em 0 2em 0;}

	
	.social-box {padding: 0em 0 2.5em 0;float:left; width: 100%}
	.social-box a{font-size: 2.9vw; line-height:2.9vw;color:#FFF; padding:0 0.5em 0em 0.8em}
	.social-icon {width:auto; height: 1.8em}
	
	.carrier-box {font-size: 4.4vw; line-height:4.4vw;color: #FFF; padding: 0.5em 2em;}
    
    .slot-footer-3 {position:relative; float: left; width: 100%;text-align: center; padding: 0 0 4em 0;}
    .slot-footer-4 {position:relative; float: left; width: 100%;text-align: center; padding: 0 0 4em 0;}
    .slot-footer-3 .social-box {padding: 1em 0em 1em 0; margin: 0 0 0 0em; width:100%;  text-align:center;}
    .ISO-27001 {width:auto; height: 4.8em;padding: 1em 0.4em; float:inherit;}


	
}



/*SECTIONS*/
.section{float:left;margin:0;padding:0 0;width:100%;text-align:center;font-size: 1.4vw; line-height:1.8vw;overflow-x: hidden;}
	
@media screen and (max-width:480px) {

	.section{font-size: 4.8vw; line-height:6.8vw;overflow-x: hidden;}

}

/*CANVAS*/
.slot-0{ position:relative;width:100%;padding:3.5% 0 5% 0%; text-align:center; margin:0% auto 0 auto;background: #FFF;color: #000;}
.slot-0-0{ position:relative;width:100%;padding:0 0 5% 0%; text-align:center; margin:0% auto 0 auto;background: #FFF;color: #444;}
.slot-1{ position:relative;width:100%;padding:5% 0 5% 0%; text-align:center; margin:0% auto 0 auto;background: #FFF;color: #000;}
.slot-1-0{ position:relative;width:60%;padding:2% 1% 6% 1%; text-align:left; margin:0em 19% 0 19%; background: #FFF;}


.slot-2{ position:relative;width:60%;padding:7% 20%; text-align:center; margin:0%;background: #111;color: #FFF;}

.slot-1-1{ position:relative; float: left; width:60%;padding:2% 1% 6% 1%; text-align:left; margin:0em 19% 0 19%; background: #FFF;}
.flex-1-1 h2 {text-align: left;}
.flex-1-1 {  
  float: left;    
  width: 49%;
  margin: 0% 1% 3% 0%;
  color: #000;
  text-align:left;
  font-size: 1.4vw; line-height:1.8vw;    
}
.flex-1-1 a{border-bottom: solid 1px #333;}

/*HEADLINES*/

 h1 {font-size: 2.4vw; line-height:2.8vw;text-transform:none;padding:2% 0 4% 0; margin:0% 0 0 0;text-align:left;font-family:proximanova-bold;}
 h2 {font-size: 2.4vw; line-height:2.8vw;padding:0% 0 0em 0%; margin:0;text-align:center;text-transform:none;font-family:proximanova-bold;}
 h3 {font-size: 2.4vw; line-height:2.8vw;padding:0em 0 0.3em 10%; margin:0;text-transform:none;text-align:left;font-family:proximanova-semibold; color: #e40521}
 h4 {font-size: 2.4vw; line-height:2.8vw; text-transform:none;padding:0em 0 0em 10%; margin:0% 0 0 0; text-align:left;font-family:proximanova-bold; color: #e40521}
 h5 {padding:0 0 0px 0; margin:1.5% 0 2% 0;color:#FFF}
 h6 {font-size: 3.4vw; line-height:3.8vw; text-transform:none; width: 70%; display: block; padding:0em 15% 0em 15%; margin:0% 0 0 0; text-align:left;font-family:proximanova-bold; color: #e40521; }

/*BENEFITS*/
.benefits  h2 {font-size: 3.1vw; line-height:3.8vw;padding:0em 0 0.5em 0%; margin:0;text-align:left;text-transform:none;font-family:proximanova-bold;color: #e40521;}
.slot-benefits-box {position:relative; float: left; width: 80%; padding: 3.5em 10% 4em 10%; margin: 0; background: #FFF;}
.slot-benefits-box { background: url(../images/bg-slider-jobs.jpg) no-repeat right top;}
.benefits-button {position: absolute; z-index: 4; right: 9em; top: 4em; width: 7em; height: auto; display: block;}
.gptw-2 {position: absolute; z-index: 2; right: 9em; top: 4em; width: 6em; height: auto; display: block;}

@media screen and (max-width:480px) {
	
    
	 h1 {font-size: 7.1vw; line-height:8.8vw;}
	 h2 {font-size: 6.1vw; line-height:7.8vw;}
	 h3 {font-size: 6.1vw; line-height:7.8vw;}
	 h4 {font-size: 6.1vw; line-height:7.8vw; padding:0em 0 0em 10%;}
     h6 {font-size: 8.1vw; line-height:8.8vw; padding:0em 0 0em 10%;}
    .frame-type-html  h6 {font-size: 10.2vw; line-height:11.0vw; padding:0em 0 0em 10%;}
     
    .benefits h2 {font-size: 6.1vw; line-height:7.8vw;padding:0em 0 1.0em 0%;}
    
    .slot-1-1{ position:relative;width:80%;padding:2% 0% 6% 0%; text-align:left; margin:0em 10%; background: #FFF;}
    .flex-1-1 {  
      float: left;    
      width: 100%;
      margin: 0% 0% 3em 0%;
      color: #000;
      text-align:left;
      font-size: 4.8vw; line-height:6.8vw;   
    }
	 

}	

/* #### GRIDELEMENTS ###### */

/*19-DREI-SPALTEN-BOX-HEADER*/
.drei-spalten-header-container {position: relative;float: left; text-align: left; display: block; width: 70%; padding: 0em 15% 1.0em 15%;}

.drei-spalten-header-container h2 {color: #000;text-align: left;font-size: 1.8vw; line-height: 2.4vw;}

.drei-spalten-header-container .item-border {float: left; white-space: nowrap; width:5%;}
.drei-spalten-header-container .item-border img{width:40%; height: auto; padding: 0 20%;}
.drei-spalten-header-container .item-left  {float: left; width: 43.5%; padding: 0 2%;}
.drei-spalten-header-container .item-right {float: left; width: 43.5%; padding: 0 2%;}

@media screen and (max-width:480px) {
    
    .drei-spalten-header-container {display: none;}
    
}
/*20-DREI-SPALTEN-BOX-CONTENT*/
.drei-spalten-content-container {position: relative;float: left; text-align: left; width: 71%; padding: 0em 15% 1em 14%; display: flex;}

.drei-spalten-content-container .item-border { border-radius: 0 0.5em 0.5em 0;text-align:center;}
.drei-spalten-content-container .item-border h2 {color: #FFF; padding: 0.5em 0.45em 0.5em 0; margin: 0;}
.drei-spalten-content-container .item-border h2 {font-size: 1.8vw; line-height: 1.8vw; text-align:center;}
.drei-spalten-content-container .item-border {float: left; white-space: nowrap; width:5%; background: #e40521;}
.drei-spalten-content-container .item-border {
    -ms-writing-mode: tb-rl; 
   writing-mode: vertical-rl; 
   transform:rotate(180deg);
}

.drei-spalten-content-container .item-left {float: left; width: 41.5%; padding: 2% 3%;}
.drei-spalten-content-container .item-left h2{text-align: left;font-size: 1.4vw; line-height: 1.8vw;}
.drei-spalten-content-container .item-left {
 border-color: #e40521;
  border-style: solid;
  /* top, right, bottom, left - just like margin and padding */
  border-width: 1px 1px 1px 0px;
}
.drei-spalten-content-container .item-left ul {padding: 0; margin: 0.5em 0 0 0.2em;}
.drei-spalten-content-container .item-left li {
	margin: 0;
	padding: 0em 0 0.3em 1.0em;
	list-style: none;
	background-image: url("../images/icons/point-red.png");
	background-repeat: no-repeat;
	background-position: left 0.3em;
	background-size: 0.4em;
}
.drei-spalten-content-container header {display: inline-block;}
.drei-spalten-content-container .item-right {float: left; width: 41.5%; padding: 2% 3%;}
.drei-spalten-content-container .item-right {
  border-color: #e40521;
  border-style: solid;
  /* top, right, bottom, left - just like margin and padding */
  border-width: 1px 1px 1px 0px;
}
.drei-spalten-content-container .item-right h2 { text-align: left;color: #e40521;font-size: 1.8vw; line-height: 2.2vw;}
.drei-spalten-content-container .item-right h3 {text-align: left; color: #000;padding: 0 0 0.5em 0em;font-size: 1.4vw; line-height: 1.8vw;}
.drei-spalten-content-container .item-right ul {padding: 0; margin: 0.5em 0 0 0.2em;}
.drei-spalten-content-container .item-right li {
	margin: 0;
	padding: 0em 0 0.3em 1.5em;
	list-style: none;
	background-image: url("../images/check-icon.png");
	background-repeat: no-repeat;
	background-position: left 0.2em;
	background-size: 0.9em;
}

@media screen and (max-width:480px) {
    
    .drei-spalten-content-container .item-border {padding: 0.3em 0;}
    .drei-spalten-content-container .item-border { border-radius: 0.5em 0.5em 0 0;text-align:center;}
    .drei-spalten-content-container .item-border h2 {font-size: 4.4vw; line-height: 4.4vw; text-align:center;}
    .drei-spalten-content-container .item-border {float: left; white-space: nowrap; width:100%; background: #e40521;}
    .drei-spalten-content-container .item-border {
        -ms-writing-mode:inherit; 
       writing-mode:inherit; 
       transform:rotate(0deg);
    }
    
    .drei-spalten-content-container .item-border { border-width: 1px 1px 1px 1px;}
    .drei-spalten-content-container .item-right { border-width: 1px 1px 1px 1px; border-radius: 0.5em;}
    .drei-spalten-content-container .item-left { border-width: 1px 1px 1px 1px; margin: 0 0 1.0em 0;border-radius: 0 0 0.5em 0.5em;}
    .drei-spalten-content-container .item-left h2{font-size: 6.0vw; line-height:6.4vw;}
    .drei-spalten-content-container .item-left h3{font-size: 6.0vw; line-height:6.4vw;}
    
    .drei-spalten-content-container {width: 80%; padding: 0em 10% 1em 10%; display: block;}
    .drei-spalten-content-container .item-left {float: left; width: 89%; padding: 5% 5%;}
    .drei-spalten-content-container .item-right {float: left; width: 89%; padding: 5% 5%;}
    .drei-spalten-content-container .item-right h2{font-size: 6.0vw; line-height:6.4vw;}
    .drei-spalten-content-container .item-right h3{font-size: 6.0vw; line-height:6.4vw;}
    
    
}

/*21-DETAIL-BOX*/
.detail-container-box {position: relative; width: 65%;  padding: 10em 20% 4em 15%;text-align: left;}
.detail-container-box { background: url(../images/bg-slider-jobs.jpg) no-repeat right top;}
.detail-container-box h1 {padding:2% 0% 0.1em 0; margin:0;text-align:left;font-family:proximanova-bold;color: #e40521;font-size: 3.1vw; line-height:3.8vw;}
.detail-container-box h2 {padding:0 0% 0.3em 0; margin:0;text-align:left; font-family:proximanova-regular;color: #000;font-size: 3.1vw; line-height:3.8vw;}

/*22-ZWEI-SPALTEN-DETAIL-IT*/
.zwei-spalten-detail {position: relative; width: 100%;  padding: 2em 0% 1em 0%;text-align: left;}
.zwei-spalten-detail-left {float: left; width: 98%; padding: 0 2% 0 0;}
.zwei-spalten-detail-left a{color: #e40521;}

.zwei-spalten-detail-left ul {padding: 0; margin: 0.5em 0 0 0.2em;}
.zwei-spalten-detail-left li {
	margin: 0;
	padding: 0em 0 0.3em 1.0em;
	list-style: none;
	background-image: url("../images/icons/point-red.png");
	background-repeat: no-repeat;
	background-position: left 0.3em;
	background-size: 0.4em;
}

@media screen and (max-width:480px) {
    
    .detail-container-box {position: relative; width: 80%;  padding: 10em 10% 4em 10%;text-align: left;}
    .zwei-spalten-detail-left {float: left; width: 100%; padding: 0 0% 0 0;}
    .detail-container-box h1 {padding:2% 0% 0.1em 0; font-size: 6.4vw; line-height:8.4vw;}
    .detail-container-box h2 {padding:0 0% 0.3em 0; font-size: 6.4vw; line-height:8.4vw;}
    .zwei-spalten-detail {position: relative; width: 100%;  padding: 1em 0% 1em 0%;text-align: left;}
    

}
/*23-ZWEI-SPALTEN-SPECIAL-IT*/
.zwei-spalten-special h2 { font-size: 1.4vw; line-height:1.8vw; padding: 0 0 0.5em 0; text-align: left; color: #000;font-family:proximanova-bold;}
.zwei-spalten-special h3 { font-size: 1.4vw; line-height:1.8vw; padding: 0 0 0.5em 0; text-align: left; color: #000;font-family:proximanova-bold;}
.zwei-spalten-special {position: relative; float: left; width: 72%;  padding: 0em 14% 3em 14%;text-align: left;}
.zwei-spalten-special {
    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;
}
.zwei-spalten-special {margin: -2.0em 0 0 0;}
.zwei-spalten-special-left {float: left; width: 48%; padding: 0 2% 0 0;}
.zwei-spalten-special-left a{color: #e40521;}

.zwei-spalten-special-left ul {padding: 0; margin: 0.5em 0 0 0.2em;}
.zwei-spalten-special-left li {
	margin: 0;
	padding: 0em 0 0.3em 1.0em;
	list-style: none;
	background-image: url("../images/icons/point-red.png");
	background-repeat: no-repeat;
	background-position: left 0.3em;
	background-size: 0.4em;
}

@media screen and (max-width:480px) {
    
    .zwei-spalten-special {position: relative; float: left; width: 80%;  padding: 0em 10% 3em 10%;text-align: left;}
    .zwei-spalten-special {
      display: block;
      -webkit-box-align: top;
      -ms-flex-align: top;
      -webkit-align-items: top;
      align-items: top;
    }
    .zwei-spalten-special-left {float: left; width: 100%; padding: 0 0% 0 0;}
    .zwei-spalten-special-left a{color: #e40521;}
    .zwei-spalten-special h2{font-size: 6.0vw; line-height:6.4vw;}
    .zwei-spalten-special h3{font-size: 6.0vw; line-height:6.4vw;}
    
}


/*2-ZWEI-SPALTEN-INTRO*/
.intro-box{ position:relative; float: left; width:100%;padding:0em 0% 2% 0%; text-align:center; margin:0em 0% 0em 0%; background: #e40521; color: #FFF;}
.intro-box strong {color: #FFF;}
.slot-box-intro-1 { float: left; width:30%;padding:1em 10% 1em 10%; text-align: left; display: block; color: #FFF;}
.slot-box-intro-1  h1 {font-size: 2.4vw; line-height:2.4vw;padding:2em 0 0.0em 0; margin:0;text-transform:none;text-align:left;font-family:proximanova-bold;}
.slot-box-intro-1  h2 {font-size: 2.4vw; line-height:2.4vw;padding:0% 0 1.0em 0; margin:0;text-transform:none;text-align:left;font-family:proximanova-bold;}

.slot-box-intro-2 { float: left; width:40%;padding:0em 8% 0em 2%; text-align: left; display: block; cursor: pointer; color: #FFF;}

.intro-box .frame-ruler-after {padding: 3em 0 0 0;}

.count-box {
	float: left; padding: 1em 0 1em 0;
}
.count-nr {
  float: left;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1.4em;
  height:1.4em;
  border-radius:50%;
  background-color:#FFF;
  color:#e40521;
  font-family:proximanova-semibold;
  font-size: 1.1vw; line-height:0.8vw;
}
.count-content {float:left;width: 90%; margin: 0 0 0 1.0em;}



@media screen and (max-width:480px) {
	
	.slot-box-intro-1 { width:80%;padding:3em 10% 1em 10%;}
	.slot-box-intro-2 { width:100%;padding:0em 0% 0em 0%;}
	.slot-box-intro-1  h1 {font-size: 6.4vw; line-height:8.4vw;padding:0% 0 0.0em 0;}
	.slot-box-intro-1  h2 {font-size: 6.4vw; line-height:8.4vw;padding:0% 0 1.0em 0;}
	
	.count-nr {font-size: 4.1vw; line-height:3.8vw;}
	.count-content {float:left;width: 80%; margin: 0 0 0 1.0em;}
	


}	
/*OVERVIEW NEW 3 SPALTEN*/
.slot-5{ position:relative;width:80%;padding:0.5% 10% 0.5% 10%; text-align:center; margin:0em 0% 0em 0%; background: #FFF;}
.slot-5{
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  flex-direction: row;
  -ms-flex-direction: row;
	}  
.slot-5-intro { float: left; width:27.333333%;padding:0 3% 2em 2%; margin: 0 1% 0 0;text-align:center; display: block; background: #FFF; color: #000; border: solid #e40521 1px; }
.slot-5-intro h2 {padding:2% 0 0.3em 0; margin:0;text-transform:none;text-align:center;font-family:proximanova-bold;color: #e40521;}
.slot-5-intro h2 {font-size: 2.1vw; line-height:2.8vw; text-align: center;}
.slot-5-intro h3 { text-align: center; padding: 0 0 0 0; margin: -0.5em 0 0.5em 0;}
.slot-5-intro img{height:auto;width:18%; padding: 2em 0 0 0;}
.slot-5-intro a {color: #e40521;}
.slot-5-intro p {padding: 0 0 0.5em 0;}

@media screen and (max-width:480px) {
	
	.slot-5-intro { float: left; width:90%;padding:0 5% 2em 5%;margin: 0 0em 1em 0;}
	.slot-5-intro h2 {font-size: 5.8vw; line-height:7.8vw; }
	
}

/*OVERVIEW NEW 2 SPALTEN*/
.slot-6{ position:relative;width:80%;padding:0.5% 10% 0.5% 10%; text-align:center; margin:0em 0% 0em 0%; background: #FFF;}
.slot-6{
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  flex-direction: row;
  -ms-flex-direction: row;
	}  
.slot-6-intro { float: left; width:47%;padding:0 3% 2em 2%; margin: 0 1% 0 0;text-align:center; display: block; background: #FFF; color: #000; border: solid #e40521 1px; }
.slot-6-intro h2 {padding:2% 0 0.3em 0; margin:0;text-transform:none;text-align:center;font-family:proximanova-bold;color: #e40521;}
.slot-6-intro h2 {font-size: 2.1vw; line-height:2.8vw; }
.slot-6-intro img{height:auto;width:18%; padding: 2em 0 0 0;}
.slot-6-intro a {color: #e40521;}
.slot-6-intro p {padding: 0 0 0.5em 0;}

@media screen and (max-width:480px) {
	
	.slot-5-intro { float: left; width:90%;padding:0 5% 2em 5%;margin: 0 0em 1em 0;}
	.slot-5-intro h2 {font-size: 5.8vw; line-height:7.8vw; }
	
}

/*BERREICHE-MAIN-START*/
.slot-4{ position:relative;width:80%;padding:0.5% 10% 0.5% 10%; text-align:center; margin:0em 0% 0em 0%; background: #FFF;}
.slot-4{
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  flex-direction: row;
  -ms-flex-direction: row;
	}  
.slot-4-intro { float: left; width:27.333333%;padding:0 3% 2em 2%; margin: 0 1% 0 0;text-align: left; display: block; background: #e40521; color: #FFF; }
.slot-4-intro:hover {background: #111;transition:all 1.0s ease;}
.slot-4-intro h3 {padding:2% 0 0.3em 0; margin:0;text-transform:none;text-align:left;font-family:proximanova-bold;color: #FFF;}
.slot-4-intro h3 {font-size: 2.1vw; line-height:2.8vw;height: 3.0em }
.slot-4-intro img{height:auto;width:18%; padding: 1em 0 0 0;}
.slot-4-intro a {color: #FFF;}


.slot-4-intro .more { float: left; color:#FFF; display: block; width:auto;}

.slot-4-intro .more {
  background:none;
  border: solid 1px #FFF;
  color:#FFF;
  padding:0.5em 2.0em;margin:2.0em auto 0% auto;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: .5s ease-in-out;
  font-family:proximanova-semibold;
  font-size: 1.2vw; line-height:1.2vw;
}
.slot-4-intro .more:hover {
  background:#e40521;
  border: solid 1px #FFF;
  color:#FFF;
  padding:0.5em 2.0em;margin:2.0em auto 0% auto;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: .5s ease-in-out;
  font-family:proximanova-semibold;
  font-size: 1.2vw; line-height:1.2vw;
}

.slot-blank-intro { float: left; width:27.333333%;padding:0 3% 2em 2%; margin: 0 1% 0 0;text-align: left; display: block; cursor: pointer;background:#FFF; }

/*BERREICHE-MAIN-END*/

/*ICONS-MAIN-PAGE*/

.frame-layout-1 {float: left; width: 100%; padding: 0 0%;}
.frame-layout-1 .image {height:auto; width:4em; padding: 0 0 1em 0;}
.frame-layout-2 {float: left; width: 60%; padding: 0 40% 0 0%;}
.frame-layout-3 { width: 100%; height: auto}

.frame-layout-4 .ce-gallery{float: left; width: 25%;padding: 0 5% 0 0;}
.frame-layout-10 {filter: grayscale(100%);}
.frame-layout-13 {width: 25%;}
.frame-layout-14 img {float: left; width: 25%; padding: 1em 0 1em 5%;}
.frame-layout-15 img {float: left; width: 40%; padding: 0em 60% 1em 0%;}

.slot-title-box {position:relative; width: 60%; padding: 2.5em 20% 4em 20%; margin: 0; background: #FFF;}



.news-text-wrap {position: relative; float: left; padding: 0 5% 2em 0;}
.news-text-wrap-left {float: left; width: 68%; padding: 0 2% 0 0;}
.news-text-wrap-right {float: left; width: 30%;}


@media screen and (max-width:480px) {
    
    .frame-layout-4 .ce-gallery{float: left; width: 100%;padding: 0 0% 0 0;}
    .news-box .image-embed-item{ float: left; width: 100%; padding: 1em 0%;}
    .frame-layout-14 img {float: left; width: 40%; padding: 1em 5% 2em 5%;}
    .frame-layout-15 img {float: left; width: 50%; padding: 0em 25% 1em 25%;}
    .news-text-wrap-left {float: left; width: 100%; padding: 0 0% 2em 0;}
    .news-text-wrap-right {float: left; width: 100%;}
    
}

.slot-main{ position:relative;width:100%;padding:0em 0% 6em 0%; text-align:left; margin:0em 0% 0 0%; background: #FFF;}
.slot-main-image {float: left; width: 100%; overflow: hidden;}
.slot-image-box {position: absolute; z-index: 1; left: 0; top: 0; height:19em; width: 16%; background:#FFF;}

.slot-main-content {float: left; width: 100%;padding:2% 0% 2% 0%;margin-top: 0em;background:#FFF; text-align: left}
.slot-main-content h1 {color: #e40521}
.slot-main-content h2 {text-align: left;padding: 0.5em 0 0.5em 0; color: #e40521}
.slot-main-content h3 {text-align: left;padding: 0.5em 0 0.5em 0; color: #e40521}
.slot-main-content a{color:#e40521;}

/*
.slot-main-content .frame-type-image img{float: left; max-width:100%;width: 100%;height:auto; padding: 2% 2% 2% 0;}
.slot-main-content .frame-type-textpic img{padding: 1% 2% 3% 0;}
.slot-main-content .frame-type-textpic img{
  width: auto;
  height:auto;
}
*/


.spacer {width:auto;height:6.0em;width:auto; transition:all 0.5s ease;  margin:0 auto 0 auto; padding: 0;}
/*
@media screen and (max-width:1380px) {
	 .slot-3{ position:relative;width:90%;padding:1% 1% 2% 1%; text-align:center; margin:-4em 4% 0em 4%;}
	 .slot-3-intro h2 {font-size: 2.6vw; line-height:3.2vw;padding:2% 0 0.3em 0; margin:0;text-transform:none;text-align:left;font-family:proximanova-bold;}
	 .slot-3-intro h2 { height: 2.8em}
	 
	 .slot-4-intro h3 {font-size: 2.6vw; line-height:3.2vw;padding:2% 0 0.3em 0; margin:0;text-transform:none;text-align:left;font-family:proximanova-bold;}
	 .slot-4-intro h3 { height: 2.8em}
	 
	 .slot-main{ position:relative;width:100%;padding:0em 0% 6% 0%; text-align:left; margin:0em 0% 0 0%; background: #FFF;}
	 .slot-main-content h2 {font-size: 1.8vw; line-height:2.4vw; text-align: left;}
	 .slot-image-box {position: absolute; z-index: 1; left: 0; top: 0; height:17em; width: 15%; background:#FFF;}
	 .slot-main-icon .image-embed-item { height:3.5em; width: auto;float: right;}
}
*/


@media screen and (max-width:480px) {
	
	.slot-title-box {position:relative; width: 80%; padding: 2.0em 10% 3em 10%; margin: 0; background: #FFF;}
	.frame-layout-3 { width:200%; height:auto; margin: 0 -50%;}
	.frame-layout-1 .image {height:auto; width:3em; padding: 0 0 1em 0;}

	.slot-5 { position:relative;width:70%;padding:0em 15% 0% 15%;margin:0em 2% 0 0%;}
	.slot-5 {
	  display:block;
	  flex-direction: inherit;
	}	
	
	.slot-4 { position:relative;width:70%;padding:0em 15% 0% 15%;margin:0em 2% 0 0%;}
	.slot-4{
	  display:block;
	  flex-direction: inherit;
	}
	
	.slot-4-intro .more {font-size: 4.0vw; line-height:4.0vw;}
	.slot-4-intro .more:hover {font-size: 4.0vw; line-height:4.0vw;}
	
	.slot-4-intro h3 {font-size: 6.1vw; line-height:8.5vw;}
	.slot-4-intro { float: left; width:80%;padding:2em 10%; margin: 0 0% 1em 0;}
	.slot-4-intro img{height:auto;width:15%; padding: 0em 0 0 0;}
	
	.slot-4 .intro-1 .act {visibility:visible; display:block;}
	.slot-4 .intro-2 .act {visibility:visible; display:block;}
	.slot-4 .intro-3 .act {visibility:visible; display:block;}

	.slot-main{ position:relative;width:100%;padding:7em 1% 6% 1%; text-align:left; margin:0em 0% 0 0%; background: #FFF;}
	.slot-main-image {float: left; width: 100%; overflow:inherit;}	
	.slot-image-box {display: none;}
	.slot-main-icon {float: left;width: 20%; padding:0% 5% 0 5%; display:inline-block; margin-top: 0em; background:#FFF; display: none;}
	.slot-main-icon .image-embed-item{ height:3em; width: auto;float: right;}
	.slot-main-content {float: left; width: 90%;padding:2% 5% 2% 5%;margin-top: 0em;background:#FFF;}
	.slot-main-content h2 {font-size: 5.0vw; line-height:7.3vw; text-align: left;}
	
	.spacer {width:auto;height:0.0em;transition:all 0.5s ease;  margin:0 auto 0 auto; padding: 0;}
}  

/*TEAM-OVERLAY*/
.overlay-image-100 {position: relative;z-index:1;width:100%;overflow: hidden; padding:0% 0% 0% 0%;}

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

.news-single-caption-100 {
    position:absolute;
    top: 0;
    left: 10%; right: 44%;
    height: 100%;
    width: 45%;
    overflow: hidden; z-index:11;
    text-align: left;
	color: #FFF;
	font-family:proximanova-regular;
	font-size: 1.2vw; line-height:1.6vw;
  }
  
.news-single-caption-100  {
  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;
  }

.news-single-caption-100 h2 {font-family:proximanova-light; text-align: left;font-size: 3.1vw; line-height:3.8vw; padding: 0 0 1em 0;}
.news-single-caption-100 strong {color: #FFF;}
.news-single-caption-100 a {color: #FFF;font-family:proximanova-bold;}

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


}

/*DREI-SPALTEN-OVERLAY*/
.drei-spalten-overlay .overlay-image-100 .image{
  	float:left;
    top: 0;
    left: 0;
	height: 12em;
    width: 100%;
    overflow: hidden;
	background:#000;
	padding:0; 
}
.drei-spalten-overlay .overlay-image-100 .image img {opacity: 0.7;}
.drei-spalten-overlay .news-single-caption-100 h2 {font-family:proximanova-bold; text-align: left;font-size: 1.4vw; line-height:1.4vw; padding: 6em 0 0.2em 0%; color: #FFF;}
.drei-spalten-overlay .news-single-caption-100 h3 {font-family:proximanova-bold; text-align: left;font-size: 1.4vw; line-height:1.4vw; padding: 0 0 0.2em 0%;color: #FFF;}
.drei-spalten-overlay .news-single-caption-100 {left: 15%; right: 0%; height: 100%; width: 70%;}


@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:40vh;
    width: 100%;
    overflow: hidden;
	background:#000;
	padding:0; 
	}
	
	.overlay-image-100 .image img {
    height:100%;
    width:auto;  
    object-fit: contain;
	opacity: 1.0;margin:0 0em -1.2em 0em;
	}
	
	.news-single-caption-100 { position:relative;left:inherit; right:inherit;height: 100%;width: 80%; padding: 4em 10%;  background: #000; text-align: left;}
	.news-single-caption-100 {font-size: 3.8vw; line-height:5.8vw;}
	.news-single-caption-100  {display:block;-webkit-box-align: inherit;-ms-flex-align:inherit;-webkit-align-items:inherit;}
	.team-image .frame-type-image{margin: 0 0 0 -20em}
	.news-single-caption-100 h2 {font-size: 5.8vw; line-height:6.8vw; padding: 0 0 1em 0; text-align: left;}
	
	
	.drei-spalten-overlay .news-single-caption-100 {
	    position:absolute;
	    top: 0;
	    left: 10%; right: 44%;
	    height: 100%;
	    width: 45%;
	    overflow: hidden; z-index:11;
	    text-align: left;
		color: #FFF;
		font-family:proximanova-regular;
		font-size: 1.2vw; line-height:1.6vw;
		background:transparent;
	  }
  
	.drei-spalten-overlay .news-single-caption-100  {
	  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;
	  }
	  .drei-spalten-overlay .team-image {margin: 0 0 0 0;}
	  
	  .drei-spalten-overlay .news-single-caption-100 {left: 0%; right: 0%; height: 100%; width: 90%;}
	  .drei-spalten-overlay .news-single-caption-100 h2 {font-size: 6.4vw; line-height:6.4vw; padding: 7em 0 0.5em 0%; color: #FFF;}
	  .drei-spalten-overlay .news-single-caption-100 h3 {font-size: 6.4vw; line-height:6.4vw; padding: 0 0 0.2em 0%;color: #FFF;}
	
} 


/*TEAM-COMMENTS-END*/

/*SUCCESS-STORIES-START*/

.slot-stories{ position:relative;width:100%;padding:1em 0 0% 0%; text-align:center; margin:-6em auto 0 auto;color: #000;}
.slot-stories a{color: #e40521;}
.slot-stories-1{ position:relative;width:60%;padding:0% 20% 0% 20%; text-align:center; margin:0% auto 0 auto;}
.slot-stories-1 h2{font-size: 1.8vw; line-height:2.4vw;padding: 0% 0% 6% 0%; text-align: left;}

.stories-image {float:left; z-index: 4; position: relative;width: 40%; height: auto; margin: 0em 0 0 0;}
.stories-box {float:right;z-index: 2;position: relative;width: 51%;border: solid 1px #CCC;padding:4% 4% 4% 15%; margin:-14em 0 4em 0; text-align: left;}

.stories-box h3 {font-size: 1.0vw; line-height:1.3vw;font-family:proximanova-bold; text-align: left}
.stories-box .more {position: absolute; bottom:3em; color:#e40521; display: block; width: 20%}
.stories-box .more {background: url(../images/arrow.png) no-repeat; background-size: 0.6em auto; background-position: 2.8em center;}



@media screen and (max-width:480px) {
	
	.slot-stories{ position:relative;width:100%;padding:6% 0 0% 0%;}
	.slot-stories-1{ position:relative;width:90%;padding:0% 5%; text-align:center; margin:0% auto 0 auto;}
	.stories-image {float:left; z-index: 4; position: relative;width: 100%; height: auto; margin: 0em 0 0 0;}
	.stories-box {float:right;z-index: 2;position: relative;width:80%;border: solid 1px #CCC;padding:10% 10% 10% 10%; margin:4% 0 4em 0; text-align: left;}
	.slot-stories-1 h2{font-size: 6.1vw; line-height:7.8vw;padding: 0% 0% 6% 0%; text-align: left;}
	.stories-box h3 {font-size: 5.0vw; line-height:7.3vw;font-family:proximanova-bold; text-align: left}
}

/*SUCCESS-STORIES-END*/

/*CHECKLIST-START*/
.slot-checkbox {float: left;width:100%;padding:0% 0% 0% 0%; text-align: center; margin:0em 0; text-align: left;}

.slot-checkbox ul {padding: 0; margin: 0.5em 0 0 1.0em;}

.slot-checkbox li {
	margin: 0;
	padding: 0em 0 0.3em 1.8em;
	list-style: none;
	background-image: url("../images/check-icon.png");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 1.0em;
}

.slot-2-spalten {position:relative;width:100%;padding:0% 0% 6% 0%; text-align: center; margin:0em 0;}
.slot-2-spalten-2 {float: left; width: 49%; margin: 0 1% 0 0; background: #f4f4f4;}
.slot-2-spalten-2-2 {float: left; width: 49%; margin: 0 0% 0 1%;background: #f4f4f4;}
.flex-1 h2{font-size: 1.2vw; line-height:1.6vw; text-align:center; background: #e40521;color: #FFF; text-transform: uppercase;}
.flex-1 h3{font-size: 0.9vw; line-height:1.2vw; text-align: center; background: #e40521;color: #FFF; padding: 0% 0 5% 0;font-family:proximanova-light;}
.flex-2 h2{font-size: 1.2vw; line-height:1.6vw; text-align:center; background: #e40521;color: #FFF;text-transform: uppercase;}
.flex-2 h3{font-size: 0.9vw; line-height:1.2vw; text-align: center; background: #e40521;color: #FFF; padding: 0 0 5% 0;font-family:proximanova-light;}

.flex-container .btn-default {position: absolute; bottom: 0; width:42.5%; float:inherit;margin:0em auto 0em auto;-webkit-border-radius: 0em;-moz-border-radius: 0em;border-radius: 0em;}

.flex-container {
  float: left; 
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
  width: 100%;
  font-size: 0.9vw; line-height:1.4vw;
  color: #666;
  }
  
.flex-container strong {color: #000;}  
 

.flex-1 {  
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  flex-direction: column;
  -ms-flex-direction: column;
  width: 49%;
  margin: 0% 1% 0% 0%;
  background: #f5f5f5;
  text-align: center;
}
#c92 {padding: 2em 0 3em 0;}
#c95 {padding: 2em 0 3em 0;}

.flex-1 strong{display: block; background: url(../images/check-icon.png) no-repeat; background-size: 0.7em auto; padding: 1.2em 0 1.0em 0; background-position:center bottom;}
.flex-2 strong{display: block;background: url(../images/check-icon.png) no-repeat; background-size: 0.7em auto; padding: 1.2em 0 1.0em 0; background-position:center bottom;}

.flex-2 {  
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  flex-direction: column;
  -ms-flex-direction: column;
  width: 49%;
  margin: 0 0% 0% 1%;
  background: #f5f5f5;
  text-align: center;
}



@media screen and (max-width:480px) {
	
	.flex-container .btn-default {position:relative; bottom: inherit; width:auto; float:inherit;font-size: 5.0vw; line-height:7.3vw; text-align: center}
	.flex-1 h2{font-size: 5.2vw; line-height:6.2vw;}
	.flex-1 h3{font-size: 3.9vw; line-height:5.2vw;}
	.flex-2 h2{font-size: 5.2vw; line-height:6.2vw;}
	.flex-2 h3{font-size: 3.9vw; line-height:5.2vw;}
	
	.flex-container {
	  float: left; 
	  display:block;
	  font-size: 5.0vw; line-height:7.3vw;
	  }
	
	.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%;
	}

	
	
	.eins {display:table-footer-group;float:none;width:100%;}
	.zwei {display:table-header-group;float:none;width:100%;}

}

/*CHECKLIST-END*/

/*PARTNER 2 SPALTEN*/
.slot-partner-0 { position: relative; width: 80%; padding: 1em 10%;}
.slot-partner-0 img {padding: 0 0 1em 0;}
.slot-partner-0 img:hover{opacity: 0.8;}
.slot-partner-1 {float: left; width: 49%; padding: 0 1% 0em 0%;}
.slot-partner-2 {float: left; width: 49%; padding: 0 0% 0em 1%;}

/*PARTNER 3 SPALTEN*/
.slot-partner-3 { position: relative; width: 72%; padding: 1em 14%;}
.slot-partner-3 img {padding: 0 0 1em 0;}
.slot-partner-3 img:hover{opacity: 0.8;}
.slot-partner-3-1 {float: left; width: 24%; padding: 0 1% 0em 0%;}
.slot-partner-3-2 {float: left; width: 24%; padding: 0 0.5% 0em 0.5%;}
.slot-partner-3-3 {float: left; width: 24%; padding: 0 0% 0em 1%;}

.frame-layout-16 {padding: 0 0 0 4.4%;}

/*team*/
.slot-team-0 { position: relative; width: 100%; padding: 0em 0; background: #e40521; color: #FFF; text-align: left; overflow: hidden; }
.slot-team-0 .frame-type-text {padding:0 20%;}
.slot-team-0 h2{ text-align: left;color: #FFF;}
.slot-team-0 h3{ text-align: left;color: #FFF; padding: 0 0 1em 0;}
.slot-team-0 {
  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-team-1 {float: left; width: 50%; padding: 0 0% 0% 0%;}
.slot-team-1 img {margin: 0 0 -0.4em 0;}
.slot-team-2 {float: left; width: 50%; padding: 0 0% 0% 0%;}
.slot-team-2 img {margin: 0 0 -0.4em 0;}

#c352 {display:none;}
#c354 {display:none;}
#c346 {display:block;}
#c347 {display:block;}

@media screen and (max-width:480px) {
	
	.slot-team-0 {
		  display:inherit;
		  display: inherit;
		  display:inherit;
		  display:block;
	}
	
	.slot-team-0 .frame-type-text {padding:0 15%;}
	
	.slot-team-1 {float: left; width: 100%; padding: 0 0% 2% 0%;}
	.slot-team-2 {float: left; width: 100%; padding: 0 0% 2% 0%;}
	
	.slot-team-0 h2{ padding: 2em 0 0 0;}
	.slot-team-0 h3{ padding: 0 0 1em 0;}
	
	.slot-team-0 ul {padding: 0 0 3em 0;}
	
	#c352 {display: block;}
	#c354 {display: block;}
	#c346 {display: none;}
	#c347 {display: none;}
	
}


/*#### BUTTONS arrow-hover.svg ####*/
/*BTN*/
.btn-mehr {
  background:none;
  color: #e40521;
  font-family:proximanova-semibold; 
    text-transform: uppercase;
    font-size: 0.9vw; 
    line-height: 0.9vw;
   border-radius: 1.0em;
  margin:1.5em auto 1.0em auto;  
    padding: 1.0em 2.5em 1.0em 0.0em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: .5s ease-in-out;
    
    background-image:url(../images/arrow.png); 
    background-repeat:no-repeat;
    background-size: 0.8em auto;
    background-position: center right 0.9em;
}
.btn-mehr:hover{color: #e40521;}

.btn-mail-icon {
  background:#e40521;
  border: solid 0px #FFF;
  margin:1.0em auto 0% auto;  
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: .5s ease-in-out;
}
.btn-mail-icon {
    background-image:url(../images/mail-icon-withe.png); 
    background-repeat:no-repeat;
    background-size: 1.5em auto;
    padding: 0 0 0 1.5em;
    color: #e40521;
    background-position: left center;
}
.btn-mail-icon:hover{color: #e40521;}

.btn-arrow-right {
    background-image:url(../images/icons/arrow-red-right.png); background-repeat:no-repeat;background-size: 1.0em auto;
    background-color:#FFF;
    background-position: center ;
}
.download { transition:all 0.5s ease; display:block}
.download {text-decoration:none;padding:0.5em 1.5em;margin:2.2em auto 0% auto; width:14%; cursor:pointer; text-transform: none;}
.download:hover{color:#111;background: #77FF00;border:#77FF00 solid 1px;} 
.download:hover a{color:#111;}
.download a{text-decoration:none;color:#111;}
.download {border:#77FF00 solid 1px; background:#77FF00;color:#111}

.btn-default { transition:all 0.5s ease; display:block;float: left;font-size: 1.2vw; line-height:1.2vw;font-family:proximanova-semibold; border-radius: 1.0em;}
.btn-default {color:#e40521;text-decoration:none;padding:0.5em 1.5em;margin:0.5em auto 0% auto; width:auto; cursor:pointer; text-transform: none;}
.btn-default:hover a{color:#e40521;}
.btn-default a{color:#e40521;}
.btn-default {border:#e40521 solid 1px; background:none;color:#e40521}
.slot-main-content .btn-default {color:#e40521;}

/*NEW */
.btn-teamviewer-top-new {position: fixed; z-index: 96; left: 25em;top:1.2em; height: 1.0em;width: auto; cursor: pointer;}
.btn-teamviewer-top-new {transition: .5s ease-in-out; opacity: 0;}
.btn-support-top-new {transition: .5s ease-in-out; opacity: 0;}
.btn-support-top-new {position: fixed; z-index: 96; left:17em;top:0.3em;}
.btn-support-top-new {font-family:proximanova-semibold;text-align: center;}    
.btn-support-top-new {color:#fff;text-decoration:none;padding:0.7em 0.5em 0.7em 1.5em;margin:0.0em auto 0.5em auto; width:auto; cursor:pointer; text-transform: none;}
.btn-support-top-new a{text-decoration:none;color:#fff;}
.btn-support-top-new:hover {text-decoration:none;color:#fff;}
.btn-support-top-new {background: url(../images/phone-icon-top.png) no-repeat; background-size: 0.9em auto;background-position: 0.2em center;}
/*NEW*/
.btn-support {border:#fff solid 1px; background-color:transparent;color:#fff}

.btn-support { transition:all 0.5s ease; display:block;float: left;font-size: 1.2vw; line-height:1.2vw;font-family:proximanova-semibold;text-align: center;}    
.btn-support {color:#fff;text-decoration:none;padding:0.7em 0.5em 0.7em 1.5em;margin:0.8em auto 0.5em auto; width:25%; cursor:pointer; text-transform: none;}
.btn-support a{text-decoration:none;color:#e40521;}
.btn-support:hover {text-decoration:none;color:#e40521;}
.btn-support {background: url(../images/phone-icon.png) no-repeat; background-size: 0.8em auto;background-position: 1.0em center;}
.btn-support {border:#e40521 solid 1px; background-color:transparent;color:#e40521}

.btn-teamviewer { transition:all 0.5s ease; display:block;float: left;font-size: 1.2vw; line-height:1.2vw;font-family:proximanova-semibold; text-align: center;}  
.btn-teamviewer {color:#fff;text-decoration:none;padding:0.7em 1.0em 0.7em 1.0em;margin:0.3em auto 1.0em auto; width:25%; cursor:pointer; text-transform: none;}
.btn-teamviewer a{text-decoration:none;color:#e40521;}
.btn-teamviewer:hover {text-decoration:none;color:#e40521;}
.btn-teamviewer {border:#e40521 solid 1px; background-color:transparent;color:#e40521}

.btn-kontakt { transition:all 0.5s ease; display:block}
.btn-kontakt {text-decoration:none;padding:0.5em 0.2em;margin:0em auto 0% auto; width:12%; cursor:pointer; text-transform: none;}
.btn-kontakt:hover{color:#fff;background:rgba( 255,255,255,0.4);} 
.btn-kontakt:hover a{color:#fff;}
.btn-kontakt a{text-decoration:none;color:#fff;}
.btn-kontakt {border:#fff solid 1px; background:none;color:#fff}

.btn-overview-box {
  background:#FFF;
  border: solid 1px #e40521;
  color:#e40521;
  padding:0.5em 1.5em;margin:0.0em auto 0% -2.5em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: .5s ease-in-out;
  font-size: 1.2vw; line-height:1.2vw;
  position: absolute; bottom: 2em;
    border-radius: 1.0em;

}

.btn-default-dark {
  background:#e40521;
  border: solid 1px #e40521;
  color:#FFF;
  padding:0.5em 1.5em;margin:1.0em auto 0% auto;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: .5s ease-in-out;
    border-radius: 1.0em;
}

.btn-overlay {
  background:none;
  border: solid 1px #FFF;
  color:#FFF;
  padding:0.5em 2.0em;margin:1.0em auto 0% auto;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: .5s ease-in-out;
  font-family:proximanova-semibold;
  font-size: 1.2vw; line-height:1.2vw;
    border-radius: 1.0em;
}
.btn-overlay-2 {
  background:none;
  border: solid 1px #FFF;
  color:#FFF;
  padding:0.5em 2.0em;margin:1.0em auto 3em 10%;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: .5s ease-in-out;
  font-family:proximanova-semibold;
  font-size: 1.2vw; line-height:1.2vw;
    border-radius: 1.0em;
}

.btn-slider {
  background:none;
  border: solid 1px #e40521;
  color:#e40521;
  padding:0.5em 2.0em;margin:1.0em auto 0% auto;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: .5s ease-in-out;
  font-family:proximanova-semibold;
  font-size: 1.2vw; line-height:1.2vw;
}

 a.btn-slider{color: #e40521;transition: .2s ease-in-out;}
 a.btn-overlay{color: #FFF;transition: .2s ease-in-out;}
 a.btn-overlay-2{color: #FFF;transition: .2s ease-in-out;}
 a.btn-default-dark{color: #FFF;transition: .2s ease-in-out;}


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

/*
.btn-default, .download, .btn-kontakt, .btn-primary, .btn-teamviewer, .btn-support {
-webkit-border-radius: 0.4em;
-moz-border-radius: 0.4em;
border-radius: 0.4em;
font-family:proximanova-regular;
} 
*/



@media screen and (max-width:480px) {
	
	.btn-support {font-size: 4.0vw; line-height:4.0vw;width:35%;}
	.btn-teamviewer {font-size: 4.0vw; line-height:4.0vw;width:35%;}
    .btn-mehr {font-size: 3.5vw; line-height:3.5vw;}
	
	.btn-overview-box { font-size: 3.5vw; line-height:3.5vw;}
	
	.btn-overlay {font-size: 3.5vw; line-height:3.5vw;}
	.btn-overlay-2 {font-size: 3.5vw; line-height:3.5vw;margin:1.0em auto 3em 15%;}
	.btn-slider {font-size: 3.5vw; line-height:3.5vw;margin:0.5em auto 0% auto;}
	.btn-default {margin:2.2em auto 0% auto; width:auto;font-size: 4.0vw; line-height:4.0vw; text-align: center; cursor:pointer; text-transform: none;}
	.btn-kontakt {padding:0.5em 0.2em;margin:0em auto 0% auto; width:40%; cursor:pointer; text-transform: none;}
	
	.btn-support-top {position: fixed; z-index: 96; right: 12%;top:1.4em;}
	.btn-support-top {font-size: 6.0vw; line-height:6.0vw;}
	
	.btn-teamviewer-top {position: fixed; z-index: 96; right: 5%;top:2.0em; height: 1.3em;width: auto}
	
}

/*########## HAMBURGER-ICON BEGINN ################*/

/*SCROLL-ICON*/

.icon-scroll {margin-left:-0.7em; cursor: pointer; bottom: 2em; opacity: 1;  }
 
.icon-scroll,
.icon-scroll:before {
  position: absolute;
  z-index:9;
  left: 50%;  
}
.icon-scroll {
  width: 1.4em;
  height: 2.4em;
  margin-left: -0.8em;
  margin-top: -1.3em;
  box-shadow: inset 0 0 0 1px #FFFFFF;
  opacity:1.0;
  border-radius: 0.9em;
}

#c631 .icon-scroll {
  width: 1.2em;
  height: 2.0em;
  margin-left: -0.6em;
  margin-top: -1.0em;
  box-shadow: inset 0 0 0 1px #FFFFFF;
  opacity:1.0;
  border-radius: 0.9em;
    z-index: 99;
}

#c588 .icon-scroll {
  width: 1.2em;
  height: 2.0em;
  margin-left: -0.6em;
  margin-top: -1.0em;
  box-shadow: inset 0 0 0 1px #FFFFFF;
  opacity:1.0;
  border-radius: 0.9em;
    z-index: 99;
}

.icon-scroll:before {
  content: '';
  width: 8px;
  height: 8px;
  background: #FFFFFF;
  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:480px) {
.icon-scroll {
  width: 26px;
  height: 36px;
  margin-left: -13px;
  margin-top: -9px;
  border-radius: 30px;
  opacity:0.9;
}

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

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

}

/* preloader animation*/

.load-bar {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 1px;
  background-color: #FFF;
}
.bar {
  content: "";
  display: inline;
  position: absolute;
  width: 0;
  height: 100%;
  left: 50%;
  text-align: center;
}
.bar:nth-child(1) {
  background-color: #e40521;
  -webkit-animation: loading 6s linear ;
          animation: loading 6s linear ;
}
.bar:nth-child(2) {
  background-color:#FFF;
  -webkit-animation: loading 0s linear 1s ;
          animation: loading 0s linear 1s ;
}
.bar:nth-child(3) {
  background-color: #e40521;
  -webkit-animation: loading 3s linear 2s;
          animation: loading 3s linear 2s;
}

@keyframes loading {
    from {left: 50%; width: 0;z-index:100;}
    33.3333% {left: 0; width: 100%;z-index: 10;}
    to {left: 0; width: 100%;}
}
@-webkit-keyframes loading {
    from {left: 50%; width: 0;z-index:100;}
    33.3333% {left: 0; width: 100%;z-index: 10;}
    to {left: 0; width: 100%;}
}

#preloader {
  position: fixed;display: none;visibility: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:#FFF;  
  z-index: 999999;}

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

@media screen and (max-width:480px) {
	
#status {
  width: 80%;
  height: 1px;
  position: absolute;
  left: 20%;
  top: 50%;
  margin: 0px 0 0 -10%; }	

}	


/*DATENSCHUTZ*/

.cookie-box {
  position: fixed;
  z-index: 999;
  left: 0;
  right: 0;
  bottom: -12em;
  text-align: center;
  padding: 2em 1em;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  transition : all 1.5s ease;
    background: #000;
}
.slot-cookie-box{ position:relative;width:90%;padding:0 5%; margin: 0 0 0 0%; text-align:left;}
.cookie-box-left { float: left; width: 60%; padding: 0 0% 0 0%; text-align: left; color: #FFF;font-size: 1.0vw; line-height:1.4vw;font-family:proximanova-regular;}
.cookie-box-left a{color: #FFF;font-family:proximanova-bold;}
.cookie-box-right { float:left; width: 40%; text-align: right;}

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



.cookie-button {
  background:#e40521;
  border: solid 1px #e40521;
    border-radius: 1.0em;
  color:#FFF;
  padding:0.5em 2.0em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: .5s ease-in-out;
  font-family:proximanova-semibold;
  font-size: 1.2vw; line-height:1.2vw;
}

@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%;}
	.cookie-button {font-size: 4vw; line-height:4vw;}
	
	
}

/* Slick */

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

.slick-next{
    border-right: 4px solid; 
    border-bottom: 4px solid;
    width: 40px; height: 40px;
	-ms-transform:rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);
	color: rgba(0, 0, 0, 1);
}

.slick-prev{
    border-right: 4px solid; 
    border-bottom: 4px solid;
    width: 40px; height: 40px;
	-ms-transform:rotate(135deg); /* IE 9 */
    -webkit-transform: rotate(135deg); /* Chrome, Safari, Opera */
    transform: rotate(135deg);
	color: rgba(0, 0, 0, 1);
}




@media screen and (max-width:1320px) {
	.slick-prev,
	.slick-next
	{
	
	    top: 48%;
	    width: 20px;
	    height: 20px;
	}
	
	.slick-prev{
	    width: 20px; height: 20px;
	}
	
	.slick-next{
		width: 20px; height: 20px;
	}

}

.slick-prev
{
    left: 0;
}


.slick-next
{
    right: -0.5em;
}

.slider-services .slick-prev
{
    left: 4%; color: #e40521;
}
.slider-services .slick-next
{
    right: 4%;color: #e40521;
}





/* slick-dots */

.slick-dots {padding: 0; margin: 0 0 0 0em;}

.slick-dots
{
    position: relative;
    bottom: 3em;
    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: 20px;
	    height: 20px;
	    margin: 0 8px;
	    padding: 0; ;
	    cursor: pointer;
	    border:solid 1px #e40521;
	    border-radius: 20px;
	}
	.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:#0f202c;

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

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

}

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

}

@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: 3.0em;
	}
	


}

/*NEWS-SLIDER-INTRO*/
.single-image-1 {
  float:left;
    top: 0;
    left: 0;
    height:100vh;
    width: 100%;
    overflow: hidden;
	background:#000;
}

.single-image-1 img {
    height: auto;
    width: auto;
    min-width: 100%;
    min-height: 100%;	
    object-fit: cover;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;	
}

.news-single-caption {
    position:absolute;
    top: 0.0em;
    left: 5%; right: 60%;
    height:100vh;
    width: 35%;
    overflow: hidden; z-index:11;
    text-align: left;
	color: #FFF;
	font-family:proximanova-regular;
	
  }
  
.news-single-caption  {
  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;
    transition:all 0.5s ease;
  }
  

.news-single-image-box {  position:relative;width:100%; height:auto;background:#000;margin:0%}

.news-single-caption h2 {margin:0;padding: 0 0 0.5em 0; margin: 0 0 -0.2em 0; color:#FFF;text-transform: none; text-align: left;font-size: 3.1vw; line-height:3.8vw;}

.play-icon-box {float: left; height: 3em} 

.play-icon {width: 2.0em; height: auto; padding: 0.8em 0 0 0; cursor: pointer;}

.play-icon {
  animation-name: play-animation;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  opacity: 1;
}

@keyframes play-animation {
  0%   	{width: 2.0em;}
  50% 	{width: 2.2em;}
  100% 	{width: 2.0em;}
}

.frame-layout-7 {padding: 0 0 2.4em 0;}
/*
.frame-layout-7 {
    background-image:url(../images/icons/arrow-red-right.png); background-repeat:no-repeat;background-size: 1.0em auto;
    background-position: left bottom;
}
*/

@media screen and (max-width:480px) {
	
	.single-image-1 img {opacity: 0.6;}
	.news-single-caption {left: 15%; right: 15%;width: 70%;}
	.news-single-caption h2 {font-size: 7.1vw; line-height:8.8vw;}

	
} 
/*SUCCESSSTORYS*/
.successstory-box {position: relative; float: left; width: 80%; background: #FFF; padding:0 10%; margin: 0 0 6em 0;}
.successstory-box {display: flex; flex-wrap: wrap;}
.successstory-box .article{float: left; width: 31.333333%; padding: 1% 1% 1% 1%;}
.successstory-box .news-img-wrap {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}
@media screen and (max-width:480px) {
    
    .successstory-box .article{float: left; width: 48%; padding: 1% 1% 1% 1%;}
    
}
/*SLIDER-REFERENZEN*/
.slider-referenzen { float: left; width: 80%; background: #FFF; padding:0 10%; margin: 0 0 0em 0;}
.news-success-image {position: absolute; z-index: 10; right: 20%; top: 10%; width: 15%; height: auto;}
.news-success-image {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}

/*SLIDER-SERVICES*/
.slider-services { float: left; width: 100%; background: #FFF; padding:0; margin: 0 0 -1.2em 0;}
.slider-services .single-image-1 {height: auto}
.slider-services .single-image-1 img {opacity: 1.0;}
.slider-services .news-single-caption { left: 10%; right: 50%; height:100%; width: 40%; color: #000;font-family:proximanova-light;}
.slider-services .news-single-caption img{width:auto; height:5em; padding: 0 0 0.5em 0;}
.slider-services .news-single-caption h2 {margin:0;padding: 0 0 0.5em 0; color:#e40521;text-transform: none; text-align: left;font-size: 2.4vw; line-height:3.0vw;}


@media screen and (max-width:480px) {
	
	.news-success-image {position: absolute; z-index: 10; right: 40%; top: 5%; width: 20%; height: auto; display: none; }
	.slider-services .news-single-caption { left: 15%; right: 15%; height:100%; width: 70%; }
	.slider-services .single-image-1 {height:90vh;}
	.slider-services .news-single-caption h2 {font-size: 6.4vw; line-height:8.4vw;}
	.slider-services .news-single-caption img{width:auto; height:3em;}

}
/*PRÄSENTATION-OVERVIEW*/
.praesentation-overview {float: left; width: 80%; background: #FFF; padding:1em 10% 5em 10%; margin: 0em 0 0em 0;}
.praesentation-overview-box {float: left; width: 33.33333333%; padding: 1em 0%;}
.praesentation-overview-box h2{margin:0 15%;padding:0; color:#e40521;text-transform: none; text-align:center;font-size: 1.2vw; line-height:1.6vw; width: 70%; }
.praesentation-detail-box {float: left; width: 70%; padding: 3em 15% 0 15%; min-height: 100vh;}
.praesentation-detail-box  {
  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;
    transition:all 0.5s ease;
  }
.praesentation-detail-box h1 
    {margin:0;padding:0; color:#e40521;text-transform: none; text-align:center;font-size: 2.4vw; line-height:3.0vw; width: 100%; }
.praesentation-backlink {position: absolute; z-index: 9999999; right: 4em; top: 6em;}
.praesentation-backlink img {width: 1.5em; height: auto;}

@media screen and (max-width:480px) {
    
    .praesentation-overview-box {float: left; width: 100%; padding: 1em 0;}
    .praesentation-detail-box {float: left; width: 100%; padding: 0 0%; min-height: 100vh;}
    .praesentation-overview-box h2{font-size: 3.2vw; line-height:3.6vw; width: 70%; }
    .praesentation-backlink {position: absolute; z-index: 9999999; right: 2em; top: 6em;}

}

/*PRÄSENTATION-SLIDER*/
.slider-praesentation { float: left; width: 100%; height: 100vh; background: #FFF; padding:0; margin: 0em 0 0em 0;}
.slider-praesentation .news-single-caption-ppt h2 
    {margin:0;padding:0; color:#e40521;text-transform: none; text-align:center;font-size: 2.4vw; line-height:3.0vw; width: 100%; }

.single-image-ppt {
  float:left;
    top: 0;
    left: 0;
    height:100vh;
    width: 100%;
    overflow: hidden;
	background:#FFF;
}


.image-box-ppt img{height: 70vh; width: auto;}

.news-single-caption-ppt { left: 10%; right: 10%; height:100vh; width: 80%; color: #000;}

.news-single-caption-ppt {
    position:absolute;
    top: 0;
    overflow: hidden; z-index:11;
    text-align: left;
	color: #FFF;	
  }
  
.news-single-caption-ppt  {
 
  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;
    transition:all 0.5s ease;
  }


.slider-praesentation .slick-prev
{
    left: 4%; color: #e40521;
}
.slider-praesentation .slick-next
{
    right: 4%;color: #e40521;
}

.slider-praesentation .slick-dots {padding: 0; margin: -2em 0 0em 0em;}

/*SUCCESS-SLIDER*/
.single-image-2 {
  float:left;
    top: 0;
    left: 0;
    height:70vh;
    width: 100%;
    overflow: hidden;
	background:#000;
}

.single-image-2 img {
    height: auto;
    width: auto;
    min-width: 100%;
    min-height: 100%;	
    object-fit: cover;
	opacity: 1.8;
	filter: alpha(opacity=100);
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;	
}

.news-single-caption-2 {
    position:absolute;
    top: 0;
    left: 0%;
    height:100%;
    width: 100%;
    overflow: hidden;
    z-index:11;
     text-align: center;
    -webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
    background: rgba(244, 244, 244, 0.0);
   
 	
  }

.news-single-caption-2:hover {
    position:absolute;
    top: 0;
    left: 0%;
    height:100%;
    width: 100%;
    overflow: hidden;
    z-index:11;
    text-align: center;
    -webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
	background: rgba(244, 244, 244, 1.0);	
  }

.caption-2-overlay {
	display: none; 
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
	}
	
.news-single-caption-2:hover .caption-2-overlay {
	display:block; 
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
	}

.caption-2 {text-align:left; padding: 0 0%;}
.caption-2  span{color: #000;text-align: center;}
  
.news-single-caption-2  {
  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;
  }
  

.news-single-image-box-2 {  position:relative;width:100%; height:auto;background:#000;margin:0%}

.news-single-caption-2 h2 {margin:0;padding: 0; color:#000;text-transform: none; text-align: center;}

@media screen and (max-width:480px) {
	
	.single-image-2 {
	  float:left;
	    top: 0;
	    left: 0;
	    height:90vh;
	    width: 100%;
	    overflow: hidden;
		background:#000;
	}
	
}

/*VIDEO-BOX-FULLSCREEN 20 JAHRE*/
.logo-20-jahre-slide { position: absolute; z-index: 2; bottom: 3em; left:5%; width: 9em; height: 6em;  }

.slider-intro-special-box { position:absolute; z-index: 9; top: 75vh; margin: 0 0 0 0; right: 5%; width: 12em; height: 4em; cursor: pointer;}
.slider-intro-special img {width: 12em; height: auto;}


.logo-20-jahre {
    width: 16em; height: auto; 
    margin: auto; text-align: center;
    padding: 13.5em 0 1em 4em;
}
.single-video-box-fullscrean-main .logo-20-jahre {
       width: 16em; height: auto; 
    margin: auto; text-align: center;
    padding: 13.5em 0 1em 0;
}

@media screen and (max-width:480px) {
    
    .logo-20-jahre-slide { position: absolute; z-index: 12; bottom: 5em; left:15%; width: 7em; height: auto; }
    .logo-20-jahre {width: 12em;padding: 17em 0 1em 0;}
    .single-video-box-fullscrean-main .logo-20-jahre {width: 12em;padding: 17em 0 1em 0;}
    .slider-intro-special-box { 
        position:absolute; z-index: 2; bottom: 6em; margin: 0 0 0 0; right:10%; 
        width: 50%; height: 4em;  
    }
    
}


.single-video-box-fullscrean-main {
	 position:relative;
	 width: 100%;
	 height: 100vh;
	 z-index:2;
	 overflow: hidden;
    text-align:center;
    
}

.single-video-box-fullscrean {
	 position:relative;
	 width: 100%;
	 height: 100vh;
	 z-index:1;
	 overflow: hidden;
    text-align:center;
}
.news-video-caption-fullscrean {
  	position:absolute;
    top: 0;
    left: 0;
	z-index:12;
	color: #FFF;
	height: 100vh;
    width: 80%;
    padding:0 10% 0 10%;
    text-align:center;
    margin: auto;
  }

.news-video-caption-fullscrean h2{padding: 0 0 0em 0;text-align: center;}  
 
.news-video-caption-fullscrean  {  

  text-align: center;
} 

.caption-fullscrean {
    background: rgba(213,104,106,0.0);
    text-align: center;
    height: 100vh;
}

 /*VIDEO*/
.single-video-box {
	 position:relative;
	 width: 100%;
	 height: 80vh;
	 z-index:1;
	 overflow: hidden;
}

.single-video-box-2 {
	 position:relative;
	 width: 100%;
	 height: 100vh;
	 z-index:1;
	 overflow: hidden;
}
.single-video {
  	position:relative;
    top: -10vh;
    bottom: -10vh;
    left: 0;
	height: 100vh;
    width: 100%;
    overflow: hidden;
	background:#000;
	z-index:1;
}
.single-video-2 {
  	position:relative;
    top: 0vh;
    bottom: 0vh;
    left: 0;
	height: 100vh;
    width: 100%;
    overflow: hidden;
	background:#000;
	z-index:1;
}
.single-video video {
    height: auto;
    width: auto;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
	opacity: 0.6;
	-webkit-transition: 25s;
	-moz-transition: 25s;
	transition: 25s;
}
.single-video-2 { text-align: center;}
.single-video-2 video {
    height: auto;
    width: auto;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
	opacity: 0.4;
	-webkit-transition: 25s;
	-moz-transition: 25s;
	transition: 25s;
    filter: grayscale(0%);
}

.news-video-caption {
  	position:absolute;
    top: 0;
    left: 0;
	z-index:12;
	color: #FFF;
	height: 80vh;
    width: 30%;
    padding:0 60% 0 10%;
    text-align: left;
  }

.news-video-caption h2 {padding: 0 0 0.5em 0; width: 70%; text-align: left;}  
 
.news-video-caption  {  
  	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex; 
	  -ms-flex-align: center;
	  -webkit-align-items: center;
	  align-items: center;
}  

.single-video video {
  	height: auto;
    width: auto;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
	opacity: 0.6;
	-webkit-transition: 25s;
	-moz-transition: 25s;
	transition: 25s;
	filter: grayscale(0%);
 }

.frame-layout-12 .ce-image{width: 100%;margin: 0 0%; padding: 0;}
.frame-layout-12 .image{background: #000; }
.frame-layout-12 .image img{opacity: 0.7; margin: 0 0 -0.35em 0;}

@media screen and (max-width:480px) {
	
	.news-video-caption {width: 80%;padding:0 10% 0 10%;}
	video { margin-left: -160vw;}
    .frame-layout-12 .ce-image{width: 260%;margin: 0 -80%;}
    
	
}

.video-grayscale  {
	filter: grayscale(100%);
 }

/*NAVIGATION #e40521*/
.panel {position: relative; float: left; display: block; width: 100%; background: #FFFFFF; margin: 0; padding: 0;}

#menu-panel{position: fixed; z-index:101; top:0;left:0%;width:100%; height:100vh; padding:8% 0 0 0%; display:none; overflow:auto}
.menu-main li{list-style:none; display:block; font-size: 1.8vw; line-height:1.8vw;padding:3% 0 3% 0%; margin:0; }
.menu-main a{color:#111;text-transform:none;font-family:proximanova-semibold;}

#menu-panel .teaser { float: left; width: 7em; height: auto;  padding: 3.5em 0 0em 0; display:block;}

#menu-panel .iso-icon {float: left; width: 6em; height: auto;  padding: 1em 0 0em 0; display:block;}
#menu-panel .iso-icon-text {float: left; width: 60%; height: auto; padding: 1.8em 0 0em 4%; display:block;color:#e40521;}
#menu-panel .iso-icon-text {font-size: 1.6vw; line-height:2.0vw; font-family:proximanova-bold;}
.iso-icon {position: relative; float: left; width: 30%; height: auto;  padding: 1em 70% 0em 0; display:block;}

#menu-panel{overflow: scroll;
background: linear-gradient(-90deg, rgba(228, 5, 33, 1) 43%, rgba(255, 255, 255, 1) 43%);
}

.content-menu-box {position: relative; width: 80%; margin: 0em 10% 0 10%; color: #FFF;}
.content-menu-box {display: flex; flex-wrap: wrap;font-size: 1.2vw; line-height:1.8vw;}
.content-menu-box a{color: #FFF;}
.content-menu-box a:hover{opacity: 0.7;}

.content-menu {float: left; width: 35%; padding: 0 0 1.8em 0; margin: 0em 0 0 0;}
.content-menu-2 {float: left; width: 30%; padding: 0 0 1.8em 0%; margin: 0em 0 0 0;}
.bild-menu-1 {border-radius: 0.4em; padding: 0em 0 0 0;}
.content-menu-3 {float: left; width: 70%; padding: 0 0 1.8em 0; margin: 0em 0 0 0;}

.nav-titel-main {font-size: 2.0vw; line-height:2.6vw; text-transform: uppercase; font-family:proximanova-bold;}
.nav-titel-main a{color:#FFF;}
.red .nav-titel-main a{color:#e40521;}

.nav-titel-main-act {font-size: 2.0vw; line-height:2.6vw; text-transform: uppercase; font-family:proximanova-bold;}
.nav-titel-main-act a{color:#FFF; opacity: 1.0;}
.red .nav-titel-main-act a{color:#e40521; opacity: 1.0;}

.nav-titel-main-1 {font-size: 2.0vw; line-height:2.6vw; text-transform: uppercase; font-family:proximanova-bold;}
.nav-titel-main-1 a{color:#e40521;}
.underline .nav-titel-main-1 a{ border-bottom: 2px solid #e40521;padding: 0 0 0.1em 0;}
.underline .nav-titel-main-1 {padding: 0 0 0.2em 0;}

.nav-titel-main-1-act {font-size: 2.0vw; line-height:2.6vw; text-transform: uppercase; font-family:proximanova-bold;}
.nav-titel-main-1-act a{color:#e40521; opacity: 1.0;}
.underline .nav-titel-main-1-act a{ border-bottom: 2px solid #e40521;padding: 0 0 0.1em 0;}
.underline .nav-titel-main-1-act {padding: 0 0 0.2em 0;}

.arrow-menu-title {position: absolute; left: -1.7em; top: 0.6em; width: 0.8em; height: auto;}
.arrow-menu-title-2 {position: absolute; left: 32.3%; top: 0.6em; width: 0.8em; height: auto;}

.nav-main {font-size: 1.2vw; line-height:1.8vw;color: #FFF;}
.nav-main a{color: #FFF;}
.red .nav-main a{color: #e40521;}

.nav-main-act {font-size: 1.2vw; line-height:1.8vw;color: #FFF;}
.nav-main-act a{color: #FFF; font-family:proximanova-bold;}
.red .nav-main-act a{color: #e40521; font-family:proximanova-bold;}

.content-menu-mail {
    background-image:url(../images/mail-icon-withe.png); 
    background-repeat:no-repeat;
    background-size: 1.0em auto;
    padding: 0 0 0 1.5em;
    color: #FFF;
    background-position: left center;
}

.content-menu-phone {
    background-image:url(../images/icons/phone-icon-withe.png); 
    background-repeat:no-repeat;
    background-size: 1.0em auto;
    padding: 0 0 0 1.5em;
    color: #FFF;
    background-position: left center;
}
.content-menu-map {
    background-image:url(../images/icons/map-icon-withe.png); 
    background-repeat:no-repeat;
    background-size: 1.0em auto;
    padding: 0 0 0 1.5em;
    color: #FFF;
    background-position: left center;
}

@media screen and (max-width:480px) {
	
	#menu-panel{position: fixed; z-index:99; top:0;right:0%;width:100%; min-height: 100vh; padding:20% 0 0 0%;}
    #menu-panel{background:#FFF;overflow: scroll;}
    #menu-panel .teaser-mobile { width: 5em; height: auto; display: block; padding: 2em 0 2em 0;}
    #menu-panel .iso-icon {float: left; width: 18em; height: auto;  padding: 1em 0 0em 3%; display:block;}
    #menu-panel .iso-icon-text {float: left; width: 96%; height: auto; padding: 1.8em 0 0em 4%; display:block;color:#e40521;}
    #menu-panel .iso-icon-text {font-size: 3.8vw; line-height:4.2vw; font-family:proximanova-bold;}
    
    .content-menu-box {position: relative; float: left; width: 66%; margin: 5% 15% 0 19%;}
    .content-menu-box {display: block;flex-wrap:nowrap; font-size: 1.2vw; line-height:1.8vw;color:#e40521;}
    .content-menu-box a{color:#e40521;}
    
    .content-menu {float: left; width: 100%; padding: 0 0 3.8em 0; }
    .content-menu-2 {float: left; width: 100%; padding: 0 0 3.8em 0%;font-size: 4.8vw; line-height:7.4vw;}
    
    .content-menu-3 {float: left; width: 100%; padding: 0 0 1.8em 0; margin: -8em 0 0 -3%;}
    
    .nav-titel-main {font-size: 4.8vw; line-height:7.4vw; text-transform: uppercase; font-family:proximanova-bold;}
    .nav-titel-main a{color:#e40521;}

    .nav-titel-main-act {font-size: 4.8vw; line-height:7.4vw; text-transform: uppercase; font-family:proximanova-bold;}
    .nav-titel-main-act a{color:#e40521; opacity: 1.0;}

    .nav-titel-main-1 {font-size: 4.8vw; line-height:7.4vw; text-transform: uppercase; font-family:proximanova-bold;}
    .nav-titel-main-1 a{color:#e40521;}

    .nav-titel-main-1-act {font-size: 4.8vw; line-height:7.4vw; text-transform: uppercase; font-family:proximanova-bold;}
    .nav-titel-main-1-act a{color:#e40521; opacity: 1.0;}

    .nav-main {font-size: 4.8vw; line-height:7.4vw;}
    .nav-main a{color: #e40521;}

    .nav-main-act {font-size: 4.8vw; line-height:7.4vw;}
    .nav-main-act a{color: #e40521; font-family:proximanova-bold;}
    
    .content-menu-mail {
        background-image:url(../images/mail-icon-2.png); 
        background-repeat:no-repeat;
        background-size: 1.0em auto;
        padding: 0 0 0 1.5em;
        color: #FFF;
        background-position: left center;
    }

    .content-menu-phone {
        background-image:url(../images/icons/phone-icon-red.png); 
        background-repeat:no-repeat;
        background-size: 1.0em auto;
        padding: 0 0 0 1.5em;
        color: #FFF;
        background-position: left center;
    }
    .content-menu-map {
        background-image:url(../images/icons/map-icon-red.png); 
        background-repeat:no-repeat;
        background-size: 1.0em auto;
        padding: 0 0 0 1.5em;
        color: #FFF;
        background-position: left center;
    }
    
    .bild-menu-1 {margin: 1em 0 2em 0;}
    
    .arrow-menu-title {position: relative; left: -4.2em; top: 4.9em; width: 2.8em; height: auto;}
    .arrow-menu-title-2 {position: relative; left: -4.2em; top: 4.9em; width: 2.8em; height: auto;}

}


/*SIDE-MENU-BEGIN*/

.meta-navigation
{
    position:absolute;bottom: 1.5em; left: 0.5em; z-index: 1; font-size: 1vw; line-height:1.0vw;font-family:proximanova-bold;
}


.meta-navigation ul { list-style: none;padding: 0 0% 0 0; margin:0 0 0 0em;}
.meta-navigation li{ list-style: none;padding: 0em 0% 0 0.5em;}



@media screen and (max-width:480px) {
	
	.meta-navigation
	{
    position:relative;bottom:inherit; padding:7vh 0% 0 0;font-size: 0.9vw; line-height:0.9vw;font-family:proximanova-bold;
	}
	
	.meta-navigation ul { list-style: none;padding: 0 0% 0 0;}
	.meta-navigation li{ list-style: none;padding: 0em 0% 0 0em; margin:-0.5em 0 0 -0.5em;}

}

.sidebar-navigation-nav {font-family:proximanova-bold;padding:0 0 0 0px;}

.sidebar-navigation {
	
	width: 100%;
	height: 85vh;
  
}

.sidebar-navigation .active a{color: #FFF;}


.sidebar-navigation > ul > li > a {
	font-family:proximanova-bold;
	font-size: 1.8vw; line-height:1.8vw;
}
.sidebar-navigation ul {
position: relative;z-index: 2;
  margin: 0;
  padding: 0;
  background: #e40521;
}
.sidebar-navigation ul li {
  display: block;
  background: #e40521;
}
.sidebar-navigation ul li a {
  position: relative;
  display: block;  
  padding: 0.5em 1em;
  text-decoration: none;
  color: #FFF;
  letter-spacing: .02em;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  
}
.sidebar-navigation ul li a em {
  font-size: 1.8vw; line-height:1.8vw;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  padding: 5px;
  border-radius: 50%;
  color: #FFF;
}
.sidebar-navigation ul li a:hover em {

  color: #FFF;
}
.sidebar-navigation ul li:hover > a, .sidebar-navigation ul li.selected > a {
  color: #FFF; 
  
}
.sidebar-navigation ul li ul {
  display: none; background: #FFF;
}
.sidebar-navigation ul li ul.open {
  display: block;
}
.sidebar-navigation ul li ul li a {
  color: #fff;
  font-size: 1.0vw; line-height:1.8vw;
  padding: 0px 1.2em;font-family:proximanova-regular;
}
.sidebar-navigation ul li ul li a:hover {
  color: #fff;
}
.sidebar-navigation ul li ul li a:before { 
  width: 10px;
  height: 1px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.sidebar-navigation ul li ul li:hover > a, .sidebar-navigation ul li ul li.selected > a {
	text-decoration: underline;
	color: #fff;
}
.sidebar-navigation ul li ul li:hover > a:before, .sidebar-navigation ul li ul li.selected > a:before {
  margin-right: 10px;
}
.sidebar-navigation ul li ul li.selected.selected--last > a {

  color: #fff;
}
.sidebar-navigation ul li ul li.selected.selected--last > a:before {
  background-color: #fff;
}



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

}	

@media screen and (max-width:480px) {
	
	.meta-navigation ul{ list-style: none;font-family:proximanova-bold; padding: 0 0 0 5%; font-size: 4.0vw; line-height:6.8vw;}
	
	.sidebar-navigation {
	  width: 100%;
	  height: 80vh;
	}
	
	.sidebar-navigation > ul > li > a {
		font-family:proximanova-bold;
		font-size: 4.8vw; line-height:6.2vw;
	}
	
	.sidebar-navigation ul li a em {
	  font-size: 6.9vw; line-height:7.8vw;
	  position: absolute;
	  right: 20px;
	  top: 50%;
	  transform: translateY(-50%);
	  padding: 5px;
	  border-radius: 50%;
	}
	
	.sidebar-navigation ul li ul li a {
	  font-size: 4.0vw; line-height:5.8vw;
	  padding: 4px 0.5em;
	}	
	
}



/*TIMELINE*/
.container-timeline {position: relative; width: 90%; min-height: 50vh; padding: 6em 5% 6em 5%;text-align: left; overflow: hidden;}
.container-timeline { background: url(../images/bg-slider-jobs.jpg) no-repeat right top;}

.container-timeline-box {position: relative;float: left; width: 100%; padding: 0 0 0em 0;}
.container-timeline-box img {padding: 0.5em 0;filter: grayscale(100%);}

.year {height: 5em; width: 5em; margin:0em 1.5em 0 -2.5em;text-align:left;font-family:proximanova-bold;color: #FFF;font-size: 1.4vw; line-height:1.4vw;  border-radius: 50%;float: left;}

.right .year {margin:0em -2.5em 0 1.5em; float: right;}

.year {
  position: relative;
  z-index: 12;    
  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;
  justify-content: center;
  background: #e40521;    
}

.timeline-content-box-1 {float:left;width: 80%; padding: 0 0 0em 0; text-align: left;}
.timeline-content-box-2 {float:right;width: 80%; padding: 0 0 0em 0; text-align:right;}

.timeline-content-box-1 h2{ text-align: left; padding: 0; margin: 0;}
.timeline-content-box-2 h2{ text-align: right; padding: 0; margin: 0;}



.container-timeline-box-1 {width: 50%; float:right;}
.container-timeline-box-2 {width: 50%; float:left;}

.timeline-1 {width: 4px;background: #e40521; height: 100%; position: absolute; z-index: 1; top: 0; left: 0%;}
.timeline-2 {width: 4px;background: #e40521; height: 100%; position: absolute; z-index: 1; top: 0; right: 0%; margin-right: -4px;}

@media screen and (max-width:480px) {
    
    .container-timeline {padding: 3em 5% 3em 5%;}
    .timeline-content-box-1 {float:left;width: 80%; padding: 1em 0 0 0; text-align:left;}
    .timeline-content-box-2 {float:left;width: 80%; padding: 1em 0 0 0; text-align:left;}
    .timeline-content-box-2 h2{ text-align:left;}
    
    .container-timeline-box-1 {width: 90%; padding: 0 5%; float:left;}
    .container-timeline-box-2 {width: 90%; padding: 0 5%; float:left;}
    
    .timeline-1 {left: 5%;}
    .timeline-2 {left: 5%;}
    
    .year  {font-size: 2.4vw; line-height:2.4vw;margin:0em 1.5em 0 -2.1em;}
    
    .right .year {margin:0em 1.5em 0 -2.1em; float: left;}
    
    
}
/*EVENTS*/
.event-box-main {position: relative; float: left; width: 100%; padding: 0 0 1em 0;}
.event-box-main h2{text-align: left;}
.event-box-main h3{text-align: left;}
.event-box-left {width: 60%; float: left;}
.event-box-right {width: 38%; float: left;padding: 0 0 0 2%;}
.frame-ruler-before img {margin: -2em 0 0 0;}
.image-caption {font-size: 1vw; line-height: 1vw; padding: 1em 0 4em 0;}

#c904{display: block;}
#c905{display: none;}

.contenttable {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

th, td {
  text-align: left;
  padding: 0.5em 0.5em 0.5em 0 ;
}
td {border-top: 1px solid #e40521; width:auto;}




@media screen and (max-width:480px) {
    
    .event-box-left {width: 100%; float: left;}
    .event-box-right {width: 100%; float: left;padding: 0 0 0 0%;}
    .frame-ruler-before img {margin: 1em 0 0 0;}
    .image-caption {font-size: 3.1vw; line-height: 3.1vw; padding: 1em 0 4em 0;}
    
    #c904{display: none;}
    #c905{display: block;}
    
}
/*NEWS-OVERVIEW*/
.news-overview {position: relative; width: 70%; min-height: 50vh; padding: 3em 15% 4em 15%;text-align: left;}

.news-overview-box h2 {padding:2% 0% 0.3em 0; margin:0;text-align:left;font-family:proximanova-bold;color: #e40521;
   font-size: 2.4vw; line-height:2.8vw;}
.news-overview-box h3 {font-family:proximanova-light; text-align: left; color: #111;padding: 0;font-size: 2.4vw; line-height:2.8vw;}
.news-overview-box {float: left; width: 80%; padding: 0 0 2em 0;}
.news-overview-box .btn-default {margin:1.5em auto 2em auto;}
.date-text {font-family:proximanova-bold;}
.news-overview .news-text-wrap {padding: 2.0em 0 0 0;}
.render-media-container img {float: left; width: 32.33333%; padding: 0 0 0 0; margin: -1.5em 1% 0 0; }
.render-media-container {float: left; width: 100%; display: block; padding: 0 0 1em 0; margin: 0.0em 0 0 0;}
.render-media-container .image {padding: 0; margin: 0;}
.news-overview .teaser-text h3{background: #DB4F52; padding: 0 0 0 0; margin: 0;}
.news-overview .btn-default {display: block; margin:2.0em auto 2em auto;}

.news-overview-box .box-line {display: block; width: 100%; height: 1px; background: #ccc; margin: 6em 0 0em 0;}

@media screen and (max-width:480px) {
    
    .news-overview {position: relative; width: 80%; min-height: 50vh; padding: 2em 15% 4em 10%;text-align: left;}
    .news-overview-box {float: left; width: 100%; padding: 0 0 1em 0;}
    
    .news-overview-box h2 {padding:2% 0% 0.3em 0; margin:0;text-align:left;font-family:proximanova-bold;color: #e40521;
       font-size: 6.4vw; line-height:6.8vw;}
    .news-overview-box h3 {font-family:proximanova-light; text-align: left; color: #111;padding: 0;font-size: 6.4vw; line-height:6.8vw;}

}
/*JOBS*/
/*great place to work*/
.gptw {position: absolute; z-index: 2; right: 9em; top: 4em; width: 6em; height: auto; display: block;}
#c605 .gptw {display: none;}

.container-jobs  {position: relative; width: 70%; min-height: 50vh; padding: 3em 15% 4em 15%;text-align: left;}

.container-jobs-box h2 {padding:2% 0% 0.3em 0; margin:0;text-align:left;font-family:proximanova-bold;color: #e40521;
    font-size: 2.4vw; line-height:2.8vw;}
.container-jobs-box h3 {font-family:proximanova-light; text-align: left; color: #111;padding: 0;font-size: 2.4vw; line-height:2.8vw;}
.container-jobs-box {float: left; width: 80%; padding: 0 0 2em 0;}
.container-jobs-box .btn-default {display: block; margin:2.0em auto 2em auto;}
/*JOBS SINGLE*/
.single-container-jobs img {padding: 0em 0 0 0;}
.single-container-jobs {position: relative; float: left; width: 65%;  padding: 10em 20% 4em 15%;text-align: left;}
.single-container-jobs { background: url(../images/bg-slider-jobs.jpg) no-repeat right top;}
.single-container-jobs h1 {padding:2% 0% 0.0em 0; margin:0;text-align:left;font-family:proximanova-bold;color: #e40521;font-size: 3.1vw; line-height:3.8vw;}
.single-container-jobs h3 {font-family:proximanova-regular; text-align: left; color: #111;padding: 0 20% 1em 0;}

.single-container-jobs h2 {padding:0 0% 0.3em 0; margin:0;text-align:left;font-family:proximanova-regular;color: #000;font-size: 3.1vw; line-height:3.8vw;}

.single-container-jobs .news-list-date {font-size: 0.8vw; line-height: 0.8vw;font-family:proximanova-bold;}

.single-container-box {position: relative; width: 100%;}

.single-container-jobs-backlink {position: absolute; z-index: 99; left: 5%; top: 2.5em; cursor: pointer;}
.single-container-jobs-backlink img {width: 1.5em; height: auto;}


@media screen and (max-width:480px) {
    
    .container-jobs  {position: relative; width: 80%; min-height: 50vh; padding: 3em 10% 4em 10%;text-align: left;}
    .gptw {position: absolute; z-index: 2; right: 1em; top: -2em; width: 3em; height: auto;}
    .container-jobs-box {float: left; width: 100%; padding: 0 0 2em 0;}
    .container-jobs-box h2 {padding:2em 0 0.3em 0; margin:0;text-align:left;font-family:proximanova-bold;color: #e40521;font-size: 7.1vw; line-height:8.8vw;}
    .container-jobs-box h3 {font-size: 5.4vw; line-height:5.8vw;}
    
    .single-container-jobs {position: relative; width: 80%;  padding: 10em 10% 4em 10%;text-align: left;}
    .single-container-jobs h1 {padding:0.5em 0 0.3em 0; margin:0;text-align:left;font-family:proximanova-bold;color: #e40521;font-size: 7.1vw; line-height:8.8vw;}
    .single-container-jobs h2 {padding:0 0% 0.0em 0; margin:0;text-align:left;font-family:proximanova-regular;color: #000;font-size: 7.1vw; line-height:8.8vw;}
    .single-container-jobs h3 {font-family:proximanova-light; text-align: left; color: #111;padding: 0 0% 1em 0;}
    .single-container-jobs .news-list-date {font-size: 3.8vw; line-height: 3.8vw;}
    
    .single-container-jobs-backlink {position: absolute; z-index: 19; right: 5%; top: 2em;}
    .single-container-jobs-backlink img {width: 1.5em; height: auto;}
}

/*POWERMAIL*/
.btn-news-file { 
  background: url(../images/pdf-icon.png) no-repeat; background-size:1.0em auto ;background-position:0em center;    
  color:#e40521;
  padding: 1.0em 0.0em 1em 1.5em;
  text-align: left;
  text-decoration: none;
  display: inline-block;
  margin: 1.0em 0 0.5em 0;
  font-size: 0.9em; line-height: 0.9em;
  cursor: pointer;
  font-family:proximanova-bold;    
}


/*BEWERBUNG*/

.bewerbungs-box {position: relative; float: left; width:70%;padding:2em 15% 2em 15% ; background-color: #e40521; color: #FFF;}
.bewerbungs-box h2 {text-align:left;font-size: 3.1vw; line-height:3.8vw; padding: 0 0 0 0; margin: 0;}

#powermail_field_freiestelle{
cursor: not-allowed;
pointer-events: none;
height: 2em;
}

#powermail_field_freiestelle {font-family:proximanova-bold;font-size: 2.4vw; line-height:2.9vw;color: #FFF;background: #e40521;border: none;}
#powermail_field_freiestelle { width: 100%; display: block;}
#powermail_field_freiestelle .powermail_field {width: 100%;}
.powermail_fieldwrap_freiestelle .powermail_field {width: 100%;padding: 0 0 1em 0;;}
.powermail_fieldwrap_freiestelle label {font-size: 0; display: none;}
.powermail_fieldwrap_freiestelle .powermail_input {padding: 1% 0;}

.tx-powermail li{list-style: none; color: #111;font-family:proximanova-bold; padding: 1em 0 0.5em 0; margin: 0; text-align: left; display: block;}
.tx-powermail ul {padding: 0; margin: 0;}

.tx-powermail {color: #FFF; padding: 0em 0 1em 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;}
.powermail_field {float:left; width: 50%;  text-align: left;padding:0.3em 0;}

.powermail_input {width: 60%;font-family:proximanova-light; }
.powermail_input {border: solid 1px #FFF; background:#FFF; padding: 1%;}
.powermail_textarea {width:60.0%; height:auto; padding: 1%; overflow: hidden;font-family:proximanova-light;}
.powermail_fieldwrap_type_submit {width: 100%;}
.powermail_select {width: 60%; float: left;}

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

.floating-box .tx-powermail {color: #FFF; padding: 1em 0 0em 0;}
.floating-box .powermail_label {display: none;}
.floating-box .powermail_field {float:left; width: 100%;  text-align: left;padding:0.3em 0; margin: 0 0 0.5em 0;}
.floating-box .powermail_input {width: 70%; }
.floating-box .btn-primary {color:#FFF; background: #111;margin:0.2em auto 0% 0%; border-radius: 0.9em;
    font-size: 0.9vw; line-height: 0.9vw;padding:1.0em 1.5em; }

.floating-box .tx-powermail input::placeholder {
  color: #000;
}
.floating-box .tx-powermail textarea::placeholder {
  color: #000;   
}

/* Global Checkboxes */
input[type=checkbox]
{
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  transform: scale(1.5);
  margin: -0.9em 1em 0 0;
  padding: 0;
}
/* Global Checkboxes */
input[type=radio]
{
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  transform: scale(1.5);
  margin: -0.9em 0.5em 0 0;
  padding: 0;
}

.powermail_submit {
	-webkit-border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	border-radius: 0.4em;
	font-family:proximanova-regular;
}

button,
radio,
input,
optgroup,
select,
textarea {
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}


@media screen and (max-width:480px) {
    
    .bewerbungs-box {width:80%;padding:2em 10% 2em 10% ; background: #e40521; color: #FFF;}
    .bewerbungs-box h2 {text-align:left;font-size: 7.1vw; line-height:8.8vw; padding: 0 0 0 0; margin: 0;}
    
    #powermail_field_freiestelle {font-size: 4.4vw; line-height:5.9vw;}
	
	.tx-powermail {float: left; width:100%;padding:0% 0% 1em 0% ;}
	
	.powermail_input {font-size: 5.2vw; line-height:6.8vw; padding: 1%; width: 80%;}
    .powermail_textarea {width:80.0%;}
	
	.powermail_label {width: 90%; text-align: left;padding:0.3em 0;}
	.powermail_field { width: 90%;  text-align: left;padding:0.3em 0;}
	.powermail_submit {float:inherit;font-size: 5.2vw; line-height:6.8vw;padding:1.0em 2.5em;margin:2em 0 2em 0%;}
	
}

/*#ZWEI-SPALTEN-MAIN*/

.zwei-spalten-rot {float: left; width: 100%; background: #e40521; text-align: left; color: #FFF; margin:0; overflow: hidden;}
.zwei-spalten-rot  h1 {font-size: 2.4vw; line-height:2.4vw;padding:0% 0 0.0em 0; margin:0;text-transform:none;text-align:left;color: #FFF;}
.zwei-spalten-rot  h2 {font-size: 2.4vw; line-height:2.4vw;padding:0% 0 1.0em 0; margin:0;text-transform:none;text-align:left;color: #FFF;}
.zwei-spalten-rot  h3 {font-size: 2.4vw; line-height:2.4vw;padding:0% 0 0.3em 0; margin:0;text-transform:none;text-align:left;color: #FFF;}
.zwei-spalten-rot  h4 {font-size: 2.4vw; line-height:2.4vw;padding:0% 0 1.0em 0; margin:0;text-transform:none;text-align:left;color: #FFF;}

.zwei-spalten-rot {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	  -ms-flex-align: center;
	  -webkit-align-items: center;
	  align-items: center;
	  }

.zwei-spalten-rot strong {color: #FFF;}

.zwei-spalten-rot .mail-icon-3 {position:relative; width: 1.5em; height: auto; padding:1em 0 0 10%;}

.zwei-spalten-rot .frame-layout-8 {display: none; visibility: hidden;}
.zwei-spalten-rot .frame-layout-9 {display: block; visibility: visible;}

.zwei-spalten-rot .frame-type-text {display: block; padding: 2em 0;}
.zwei-spalten-rot .frame-layout-11  { width: 65%; margin: 0 10% 0 5%;}

@media screen and (max-width:480px) {
    
    .zwei-spalten-rot  h1 {font-size: 6.1vw; line-height:7.8vw; padding:0% 0 0.0em 0;}
    .zwei-spalten-rot  h2 {font-size: 6.1vw; line-height:7.8vw; padding:0% 0 1.0em 0;}
    .zwei-spalten-rot  h3 {font-size: 6.1vw; line-height:7.8vw; padding:0% 0 0.3em 0;}
    .zwei-spalten-rot  h4 {font-size: 6.1vw; line-height:7.8vw; padding:0% 0 1.0em 0;}
    
    .zwei-spalten-rot .frame-layout-8 {display: block; visibility: visible;}
    .zwei-spalten-rot .frame-layout-9 {display: none; visibility: hidden;}
    
    .zwei-spalten-rot .frame-type-text {margin: 2em 0;}
    
    .zwei-spalten-rot {
	  display: block; 
	  -ms-flex-align: center;
	  -webkit-align-items: center;
	  align-items: center;
	  }
    
}


.zwei-spalten-main {float: left; width: 82%; background: #FFF; text-align: left; color: #000; margin:0; overflow: hidden;}
.zwei-spalten-main {padding: 2em 9% 6em 9%;}
.zwei-spalten-main  h1 {font-size: 2.4vw; line-height:2.4vw;padding:0% 0 0.0em 0; margin:0;text-transform:none;text-align:left;color: #e40521;}
.zwei-spalten-main  h2 {font-size: 2.4vw; line-height:2.4vw;padding:0% 0 0.5em 0; margin:0;text-transform:none;text-align:left;color: #e40521;}
.zwei-spalten-main {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	 
	  -ms-flex-align: center;
	  -webkit-align-items: center;
	  align-items: center;
	  }
.zwei-spalten-box-1 { float: left; width: 50%; padding: 0;}
.zwei-spalten-box-1 img{ margin: 0 0 -0.39em 0;}
.zwei-spalten-main .frame-type-text {padding: 0 11% 0 11%;}
.zwei-spalten-rot .frame-type-text {padding: 0 10% 0 10%;}
.zwei-spalten-box-2 { float: left; width: 50%;}
.zwei-spalten-box-2 img{ margin: 0 0 -0.39em 0;}



.zwei-spalten-box-1 ul {padding: 0; margin: 0.5em 0 2em 0.5em;}

.zwei-spalten-box-1 li {
	margin: 0;
	padding: 0em 0 0.3em 1.3em;
	list-style: none;
	background-image: url("../images/check-icon-w.png");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 1.0em;
}

@media screen and (max-width:480px) {
    
	.zwei-spalten-main {padding: 1em 9% 6em 9%;}
	.zwei-spalten-main {
	  display: block;
	 
	  -ms-flex-align: center;
	  -webkit-align-items: center;
	  align-items: center;
	  }
	
	.zwei-spalten-box-1 { float: left; width: 100%; padding: 0em 0% 0em 0%;}
	.zwei-spalten-box-2 { float: left; width: 100%; padding: 0 0 1.0em 0;}
	.zwei-spalten-box-2 img{ margin: 0 0 -0.5em 0;}
	.zwei-spalten-main  h1 {font-size: 6.4vw; line-height:7.4vw;padding:0% 0 0.0em 0;}
	.zwei-spalten-main  h2 {font-size: 6.4vw; line-height:7.4vw;padding:0% 0 1.0em 0;}
    .zwei-spalten-main .frame-type-text {padding: 15% 10% 15% 10%;}
	
	

}

/*#ZWEI-SPALTEN-MAIN*/

.zwei-spalten-map { position: relative; width: 100%; background: #FFF; text-align: left; color: #000;}
.zwei-spalten-map-1{ float: left; width: 25%; padding: 0 0 0 10%;}
.zwei-spalten-map {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	 
	  -ms-flex-align: center;
	  -webkit-align-items: center;
	  align-items: center;
	  }
.zwei-spalten-map-2{ float: left; width: 65%;}
.zwei-spalten-map-2 img{ margin: 0 0 -0.3em 0;}

/*DREI-SPALTEN-OVERLAY*/
.drei-spalten-overlay { position: relative; float: left; width: 100%; background: #FFF; text-align: left; color: #000; margin: -0.5em 0 -0.5em 0}
.drei-spalten {float: left; width: 33.33333333333%;}

@media screen and (max-width:480px) {
	
	.zwei-spalten-map {
	  display: inherit;
	  display: inherit;
	  display: inherit;
	  display: block;
	 
	  -ms-flex-align: center;
	  -webkit-align-items: center;
	  align-items: center;
	  }
	.zwei-spalten-map-1{ float: left; width: 70%; padding: 3em 15% 3em 15%;}
	.zwei-spalten-map-2{ float: left; width: 100%;}
	.zwei-spalten-map-2 { width:200%; height:auto; margin: 0 -50%;}
	
	.drei-spalten-overlay {margin: -0.7em 0 -0.7em 0; overflow: hidden;}
	.drei-spalten { float: left; width: 100%;}

}

/*ACCORDION #c650 {margin: -3em 0 0 0;}*/



.slot-accordion{position: relative; float: left; width:100%; height:auto;padding:4em 0 6em 0%; text-align:left; margin:0% auto;color: #000;}


.slot-accordion { 
  background: url(../images/bg-slider-services.jpg) no-repeat right bottom; 
  width: 100%; height: auto;
 
}	
.slot-accordion h2 {padding: 1.5em 0;}

.ui-accordion-header {outline: none;}

/*team*/

#c820 p{ margin: -1.2em 0 0 -1.2em;}

.accordion-team {float: left; border:0;outline:0; margin:0% 0 2% 0%; width:60%; height:auto; padding:0 30% 0 10%; overflow: hidden;}
.accordion-team h1{color: #e40521}
.accordion-team h2{ width:100%; color: #000;font-family:proximanova-bold;color: #e40521 }
.accordion-team h2{padding:0% 0% 0% 1.5em; margin:0% 0%;text-align:left;cursor:pointer;}
.accordion-team p{padding:2% 0% 2em 2.3em;overflow: hidden;}
.accordion-team p a{color: #e40521;}
.accordion-team .frame {overflow: hidden; }

.accordion-team h2{
	background: url(../images/plus.png);background-repeat: no-repeat; background-size: 0.8em auto; background-position:left center;
}


.accordion-team .ui-state-active h2{
	background: url(../images/minus.png);background-repeat: no-repeat; background-size: 0.8em auto; background-position:left center;
}

/*JOBS*/
.accordion-team h3{ width:100%;font-size: 1.0vw; line-height:1.3vw; color: #000; }
.accordion-team h3{padding:0% 0% 0% 0%; margin:0% 0%;text-align:left;cursor:pointer;}

.accordion-team h3{
	background: url(../images/plus.png);background-repeat: no-repeat; background-size: 0.6em auto; background-position:left center;
}


.accordion-team .ui-state-active h3{
	background: url(../images/minus.png);background-repeat: no-repeat; background-size: 0.6em auto; background-position:left center;
}




	
@media screen and (max-width:480px) {
    
    
	.slot-accordion h1 {padding: 0 0 1em 0;}
	.accordion-team h3{ width:100%;font-size: 4.8vw; line-height:6.8vw; color: #000; }
	.accordion-team h3{padding:0% 0% 0% 15%; margin:0% 0%;}
	.accordion-team {border:0;outline:0;  margin:0% 0 2% 0%; width:70%; padding:0 15% 0 15%;}
	.accordion-team h2{padding:0% 0% 0% 10%;font-size: 4.8vw; line-height:6.8vw; }
	.accordion-team p{padding:2% 0 2% 10%;}

}


/*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%;
}



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

/*YOUTUBE*/

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

.wrapper {
	float: left;
	width:80%; height:auto;
	margin: 0 auto;
	padding:0%;
}

.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: #000; text-align: center}

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


 
/*CLOSE-ICON-2*/
.close-2 {
  position: absolute;
    z-index: 99;
    left: 5%;
    top: 2em;
  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: 4px;
  background-color: #e40521;
}
.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);
} 

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

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

.close-3:hover:after {
  transform: rotate(90deg);
} 
 
/*VIDEO-OVERLAY-END*/



/* Icon 1 */
.nav-icon-box {
  z-index:102;
  width:2em;
  height: 1.5em;
  position:fixed;
  right: 5%; 
  top:2.7em;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  display: block; 
}
.nav-icon-scroll-box {
  z-index:99;
  width:2.8em;
  height: 1.7em;
  position:fixed;
  right:7.0%; 
  top:2.8em;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  display: block; 
  background: rgba(96,216,4,0.75);
    border-radius: 0.5em;
    opacity: 0;
}

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


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

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

.detail .n1 {background: #e40521;}
.detail .n2 {background: #e40521;}
.detail .n3 {background: #e40521;}

.open .n1 {background: #FFF;}
.open .n2 {background: #FFF;}
.open .n3 {background: #FFF;}

.nav-icon1 .n1 {
  	width: 100%;
  	top: 0px;
  	left:0%;
}

.nav-icon1 .n2 {
	width: 100%;
  	top: 0.5em;
  	left:0%;
    display: none;
}

.nav-icon1 .n3 {
	width: 100%;
	top: 0.8em;
	left:0%;
}

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


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

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

@media screen and (max-width:480px) {
	
	.nav-icon-box {
      z-index:100;
      width:2em;
      height: 1.5em;
      position:fixed;
      right:7.5%; 
      top:2.3em;
    }
    
    .nav-icon-scroll-box {display: none;}
    
    .nav-icon1 { width: 2em;}
    
    .open .n1 {background: #e40521;}
    .open .n2 {background: #e40521;}
    .open .n3 {background: #e40521;}
 
}

/*GRIDS*/
.micro-box-main { position: relative; width: 100%; padding:0 0 1em 0;overflow-x: hidden}
.micro-box { float:left; width: 80%; background: #e40521; padding: 5% 5% 8% 5%; margin: 0em 0 1em 10%; color: #FFF; text-align: left; }
.micro-box { border-radius: 0.5em 0 0 0.5em;}
.micro-box-title {float:left; width: 100%;}

.micro-box-main h1 {font-size: 2.4vw; line-height: 2.8vw; text-transform: uppercase; font-family:proximanova-light; padding: 0 0 0 0; margin: 0 0 0 0;}
.micro-box-main h2 {font-size: 2.4vw; line-height: 2.8vw; text-transform: uppercase; text-align: left; padding: 0 40% 0.8em 0; margin: 0 0 0.7em 0;}
.micro-box-main h2 {
    background: url(../images/underline-withe.png) no-repeat; 
    background-size: 1.0em 0.1em; 
    background-position: bottom left;
    }

.micro-box-left {float: left; width: 40%; padding: 0 10% 0 0;}
.micro-box-right {float: left; width: 40%; padding: 0 10% 0 0;}

.micro-box ul {padding: 0; margin: 0.5em 0 0 1.0em;}

.micro-box li {
	margin: 0;
	padding: 0em 0 0.3em 1.8em;
	list-style: none;
	background-image: url("../images/check-withe.png");
	background-repeat: no-repeat;
	background-position: left 0.2em;
	background-size: 1.0em;
}

.slot-micro-box { position:relative; float: left;;width:72%; padding:5% 0% 6% 0%; text-align:left; margin:0em 14% 0 14%; background: #FFF;}
.slot-micro-box a {color: #e40521;}
.frame-space-before-extra-small {margin: -5em 0 0 0;}
.solution-micro-box {float: left; width: 80%; padding: 0 20% 0 0%;}
.solution-micro-box header {width: 70%;}
.slot-micro-box h1 {text-align: left; padding: 0 0 0.2em 0; font-size: 2.4vw; line-height: 2.8vw; font-family:proximanova-bold; color: #e40521; }
.slot-micro-box h2 { font-size: 1.4vw; line-height:1.8vw; padding: 0 0 0.5em 0; text-align: left; color: #000;}
.slot-micro-box h2 {
    width: 100%;
    color: #000;
    }

.micro h2 {color: #000;}

.slot-micro-box .powermail_input { border: solid 1px #000; background:#FFF; padding: 1%;}
.slot-micro-box .powermail_label { float: left;width: 40%; text-align: left;padding:0.3em 0; color: #000;}
.slot-micro-box .powermail_submit {color:#fff;text-decoration:none;padding:0.5em 1.5em;margin:1.0em auto 0.5em 80%; width:auto; cursor:pointer; text-transform: none;}


.single-video-2 video {filter: grayscale(0%); opacity: 0.8;display: block;}

.news-video-caption-scroll {
  	position:absolute;
    top: 0;
    left: 0;
	z-index:12;
	color: #FFF;
	height: 80vh;
    width: 100%;
    padding:0 0% 0 0%;
    text-align: center;
    
  }

.iso-box {width: 20%; height: auto; padding: 2em 0 0 40%;}

.scroll-container-red { position: relative; float:left; width: 90%; background: #e40521; padding: 2em 5% 0% 5%; 
 color: #FFF; text-align: left; }

@media screen and (max-width:480px) {
    
    .micro-box-main { position: relative; width: 100%; padding:0 0 0em 0;overflow-x: hidden}
    .scroll-container-2 .blur-container-box-left {left: 15%;}
    .scroll-container-2 section h2 {font-size: 6.4vw; line-height: 6.8vw;padding: 0% 0 0.5em 0%; margin: 0 0 1.0em 0}
    .snowflake-0 h1 {font-size: 7.4vw; line-height: 7.8vw;}
    .snowflake-0 h2 {font-size: 7.4vw; line-height: 7.8vw; }
    .snowflake-01 h1 {font-size: 6.4vw; line-height: 6.8vw;}
    .snowflake-01 h2 {font-size: 6.4vw; line-height: 6.8vw;}
    .micro-box-main h1 {font-size: 6.4vw; line-height: 6.8vw;}
    .micro-box-main h2 {font-size: 6.4vw; line-height: 6.8vw;}
    .slot-micro-box h1 {font-size: 6.4vw; line-height: 6.8vw;}
    .slot-micro-box h2 {font-size: 6.4vw; line-height: 6.8vw;padding: 0 0 0.8em 0; margin: 0 0 0.8em 0;}
    .micro-box-main h2 {text-transform: uppercase; text-align: left; padding: 0 0% 0.8em 0; margin: 0 0 0.7em 0;}
    .slot-micro-box { position:relative;width:78%; padding:5% 1% 6% 1%; text-align:left; margin:0em 10% 0 10%; }
    .solution-micro-box {float: left; width: 100%; padding: 1.5em 0 1.5em 0%;}
    .solution-micro-box header {width: 100%;}
    
    .micro-box-left {float: left; width: 90%; padding: 0 10% 0 0;}
    .micro-box-right {float: left; width: 90%; padding: 0 10% 0 0;}
    
    .slot-micro-box .powermail_submit {padding:0.5em 1.5em;margin:1.0em auto 0.0em 0%; width:auto; cursor:pointer; text-transform: none;}
    
    .iso-box {width: 50%; height: auto; padding: 2em 0 1em 25%;}

		
}

/*KUNDEN-SLIDER*/
.kunden-slider  {position: relative; float: left; padding: 1em 0 1.9em 0; width: 100%; margin: -0.5em 0% 0 0; background: #000;}

@media screen and (max-width:480px) {
    
    .kunden-slider  {padding: 1em 0 0.3em 0; width: 100%; margin: -0.5em 0% 0 0;}
    
}

/*14-ACCORDION-BOX*/
.accordion-container {position: relative;float: left; padding: 0 0 2em 0;width: 100%;}
.accordion-box {position: relative;float: left; text-align: left; display: block; width: 70%; padding: 0em 15% 0em 14%;}
.accordion {
    width: 100%; display: block;
    margin: 0.0em 0 0em 0;
    padding: 0em 0 0 0;

}

.accordion .at-tab {
  display: none;
  padding: 0.2em 0 0 0;
  margin: 0;    
}


.accordion .at-title {
    cursor: pointer;
    position: relative;
    margin: 0 0 0.0em 0;
    padding:0.3em 0 0.0em 0;
   color: #e40521; 
}
.accordion .at-title:after {
  content: "\002B"; 
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  margin: 0.19em 0 0 0;
 font-size: 4.8vw; line-height: 4.8vw;
}

.accordion .at-title.active:after {
  margin: 0.05em 0 0 0;    
  content: "\2212";
    font-size: 4.8vw; line-height: 4.8vw;
}

.accordion .at-item {
  margin: 0 ;
  border-top: solid 1px #999; 
}

.accordion .at-title h2 {
  padding: 0;
  margin: 0.5em 0 0.0em 0em;
  font-size: 2.4vw; line-height:2.8vw; color: #e40521; 
    text-align: left;
}
.accordion .accordion-header {
  padding: 0px 0;
}



@media screen and (max-width:480px) {
    
    .accordion .at-title {
        cursor: pointer;
        position: relative;
        margin: 0 0 0.0em 0;
        padding:0.3em 0 0.5em 0;
        
    }
    
    
    .accordion .at-title:after {
          content: "\002B"; 
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          right: 10px;
          margin: 0.2em 0 0 0;
         font-size: 10.5vw; line-height: 10.5vw;
        }

        .accordion .at-title.active:after {
          margin: 0.05em 0 0 0;    
          content: "\2212";
            font-size: 9.8vw; line-height: 9.8vw;

        }
         .accordion .at-title h2 {
          padding: 0;
          margin: 1.0em 20% 0.0em 0em;
          font-size: 5.8vw; line-height: 6.8vw;   
        }

}
/*15-ACCORDION-CONTENT*/
.accordion-content-box {position: relative;float: left; text-align: left; display: block; width: 100%; padding: 0;}
.accordion-content-box {padding: 1.8em 0;}
.accordion-content-left {float: left; width: 45%; padding: 0 5% 0 0;}
.accordion-content-right {float: left; width: 45%; padding: 0 0 0 5%;}
.accordion-content-box h2 {text-align: left;}

.accordion-content-box .image {padding: 0 0 1.0em 0;}
.accordion-content-box .image img {border-radius: 0.4em;}
.accordion-content-right h2 {text-align: left; font-size: 1.8vw; line-height: 2.2vw; padding: 0 0 0.5em 0;}
.accordion-content-right h3 {text-align: left; font-size: 1.8vw; line-height: 2.2vw; padding: 0 0 0.5em 0;}
.accordion-content-left h2 {text-align: left; font-size: 1.8vw; line-height: 2.2vw; padding: 0 0 0.5em 0;}
.accordion-content-left h3 {text-align: left; font-size: 1.8vw; line-height: 2.2vw; padding: 0 0 0.5em 0;}

.accordion-content-right ul {padding: 0em 0.0em 2.0em 0.0em;}
.accordion-content-right li {
	margin: 0 0 0 -0.0em;
	padding: 0em 0 0.3em 1.3em;
	list-style: none;
	background-image: url("../images/icons/point-red.png");
    display: block;
	background-repeat: no-repeat;
	background-position: left top 0.4em;
	background-size: 0.4em auto;
}

@media screen and (max-width:480px) {
    
    .accordion-content-left {float: left; width: 100%; padding: 0 0% 0 0%;}
    .accordion-content-right {float: left; width: 100%; padding: 0 0% 0 0%;}
    
}

/*17-FLOATING-BOX-IT #e40521 */

.floating-box {position: fixed; z-index: 99; width: 24%; height: auto; background: #FFF;padding: 2%; border-radius: 0.6em;}
.floating-box {border: solid 0px #FFF;  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.35);}
.floating-box {right: 2%; bottom: -100%; color: #000;text-align: left; opacity: 1;}
.floating-box {font-size: 1.0vw; line-height: 1.4vw; transition: all 0.5s ease;}
.floating-box h2 {text-align: left; font-size: 2.0vw; line-height: 2.4vw; padding: 0 0 0.5em 0;}
.floating-box h3 {text-align: left; font-size: 1.0vw; line-height: 1.4vw; padding:0.5em 0 0.2em 0; margin: 0;font-family:proximanova-bold; color: #FFF;}

.close-floating-box {position: absolute; right: 0.5em; top: 0.4em; color: #e40521;font-family:proximanova-bold;font-size: 2.0vw; line-height: 2.0vw; cursor: pointer;}

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

@media screen and (max-width:480px) {
    
    .floating-box {position: fixed; z-index: 99; width: 80%; height: auto; background: #FFF;padding:15% 5% 0% 5%; border-radius: 0.6em; right: 5%;}
    .floating-box h2 {font-size: 6.1vw; line-height:7.8vw; padding: 0 0 0.5em 0;}
    .floating-box {font-size: 4.8vw; line-height:6.4vw;}
    .close-floating-box {position: absolute; right: 0.5em; top: 0.4em; color: #e40521; font-family:proximanova-bold;font-size: 8.0vw; line-height: 8.0vw; cursor: pointer;}
    
}

/*18-CTA-BOX-IT*/
.cta-box .floating-box {padding: 2% 2% 0% 2%;  }
.cta-box .floating-box {}

.cta-box .floating-box .zwei-spalten-left ul{margin: 0 0 0 0.7em;}
.cta-box {position: fixed; z-index: 999; top: 0; left: 0; width: 100%; height:100vh; background: rgba(0,0,0,0.5);}
.cta-box {display: none; overflow: scroll;}
.cta-box .floating-box {left: 36%; bottom:inherit; top:10vh; color: #000;text-align: left; opacity: 1;}
.cta-box .floating-box {}
.clos-cta-box {position: absolute; right: 0.5em; top: 0.4em; color: #e40521;font-family:proximanova-bold;font-size: 2.0vw; line-height: 2.0vw; cursor: pointer;}
.cta-box .floating-box {text-align: left; font-size: 1.2vw; line-height: 1.6vw;font-family:proximanova-bold;}
.cta-box .floating-box .frame-type-text {padding: 0 0 1em 0; }

.floating-box  .powermail_input {width: 60%;font-family:proximanova-light; border-radius: 0.3em; }
.floating-box  .powermail_input {border: solid 1px #FFF; background:#FFF; padding: 1%; font-size: 1.1vw; line-height: 1.1vw;}
.floating-box  .powermail_textarea {width:60.0%; height:auto; padding: 1%; overflow: hidden;font-family:proximanova-light;}
.floating-box  .powermail_fieldwrap_type_submit {width: 100%;}
.floating-box  .powermail_select {width: 60%; float: left;}

/*24-FLOATING-BOX-BOTTOM-IT*/

.floating-box-2 {position: fixed; z-index: 99; width: 24%; height: auto; background: #FFF;padding: 2%; border-radius: 0.6em;}
.floating-box-2 {border: solid 0px #FFF;  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.35);}
.floating-box-2 {right: 2%; bottom: 2em; color: #000;text-align: left; opacity: 1; display: none;}
.floating-box-2 {font-size: 1.0vw; line-height: 1.4vw; transition: all 0.5s ease;}
.floating-box-2 h2 {text-align: left; font-size: 2.0vw; line-height: 2.4vw; padding: 0 0 0.5em 0;}
.floating-box-2 h3 {text-align: left; font-size: 1.0vw; line-height: 1.4vw; padding:0.5em 0 0.2em 0; margin: 0;font-family:proximanova-bold; color: #FFF;}

@media screen and (max-width:480px) {
    
    .floating-box-2 {position: fixed; z-index: 99; width: 80%; height: auto; background: #FFF;padding:15% 5% 0% 5%; border-radius: 0.6em; right: 5%;}
    .floating-box-2 h2 {font-size: 6.1vw; line-height:7.8vw; padding: 0 0 0.5em 0;}
    .floating-box-2 {font-size: 4.8vw; line-height:6.4vw;}

    
}