*{
	margin:0;
	padding:0;
	}


body	{
	margin:0;
	padding:0;
	text-align:center;
	font-family: 'poppinsregular', sans-serif;
	font-size:16px;
	line-height:23px;
   font-weight: 300;
	color: rgb(255,255,255);
	background-color:rgb(19,26,45);
}

:focus {outline: none;}

p {margin-bottom:20px;}

a {text-decoration: none; color:rgb(79,170,245)}

strong {font-weight: 600;}

h1, h2 {font-family: 'poppinsmedium', sans-serif;}
h1 {font-size: 50px; line-height: 58px; margin:80px 0 50px 0; color:rgb(79,170,245); text-shadow: 0 0 20px rgb(47,104,160);}
h1 em {font-size: 24px; font-style: normal; line-height: 50px; margin-bottom:50px;}
h1 strong {color:rgb(255,255,255);}
h2 {font-size: 40px; line-height: 48px; font-weight: 300; margin-bottom:50px; color:rgb(79,170,245); text-shadow: 0 0 20px rgb(47,104,160);}
h2 strong {color:rgb(255,255,255); font-weight: 300;}
h3 {font-size: 24px; line-height: 30px; margin-bottom:20px;}
h3 strong {color:rgb(79,170,245);}
h4 {font-size: 18px; line-height: 24px; margin-bottom:20px;}

/* -------------------- Header -------------------- */ 

#header .inside {height: 130px;}
.logo  {float:left; margin:20px 20px 20px 20px; width:100px; height: auto;}

.start-nav {display: none}

#Stage {clear:both;}
#Stage .stage-small .ce_image {height: 180px; background-size:auto 180px; background-position-x: -150px; background-repeat: no-repeat;}
#Stage .stage-small {height:230px; margin-bottom:-50px;}

/* -------------------- Startseite Willkommen -------------------- */ 
.ce_rsce_textbild {margin: 0;}
.ce_rsce_textbild h1{padding: 100px 0 0 0!important;}
.ce_rsce_textbild .textarea {margin: -100px 20px 60px 20px; padding-bottom:20px; text-align: left;}
.ce_rsce_textbild .bild-container {
   background-position: -10000px;
   background-repeat: no-repeat;
}


/* -------------------- Zwei Textspalten -------------------- */ 
.ce_rsce_txttwocolumn {text-align: left; margin:0 20px 90px 20px;}
.ce_rsce_txttwocolumn .textarea h3 {font-size: 24px; margin-bottom:5px;}    
.ce_rsce_txttwocolumn img {border-radius: 25px;}
/* -------------------- teaser -------------------- */ 

.ce_rsce_teaserleft {margin:0 20px 90px 20px;}
.ce_rsce_teaserleft .textarea{text-align: left; }
.ce_rsce_teaserleft .textarea h3 {font-size: 30px; text-transform: none;}
.ce_rsce_teaserleft .img-container {margin-bottom:30px;}
.ce_rsce_teaserleft .teaser {
   display: -ms-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}
.ce_rsce_teaserleft .headline {
   width:48%;
    margin:0 4% 4% 0;
   float:left; 
   text-shadow: 2px 2px 20px rgb(8,237,251); 
   background-image:linear-gradient(135deg, #73c0fd 20%, #4faaf5 70%);
   display: -ms-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}
.ce_rsce_teaserleft .headline p{
   padding:20px;
   color:rgb(255,255,255);
   font-size: 24px;
}
.ce_rsce_teaserleft .image-short {
   width:48%;
   margin-bottom:4%;  
   float:left;
   line-height: 0;
}

a.btn {
   font-weight: bold;
   padding:10px 10px 8px 20px;
   display: inline-block;
   background-color: rgb(255,255,255);
   -moz-border-radius:25px;
   -webkit-border-radius:25px;
   border-radius:25px;
}

a.btn span {
   display: inline-block;
   vertical-align: middle;
   margin-left:10px;
   background-color: rgb(79,170,245);
   -moz-border-radius:20px;
   -webkit-border-radius:20px;
   border-radius:20px;
   height: 30px;
   width: 30px;
  background-image: url(/files/images/assets/pfeil.png);
}

a.btn:hover {
   color: rgb(255,255,255);
   background-color: rgb(79,170,245);
}

a.btn:hover span {
  background-color: rgb(255,255,255);
  background-image: url(/files/images/assets/pfeil-hover.png);
}


p.button a {
  display: inline-block;
  color:rgb(79,170,245);
  padding:15px 50px 15px 20px;
  background-color: rgb(255,255,255);
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  font-weight: 600;
  background-image: url(/files/images/assets/btn-pfeil.png);
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
}

p.button a:hover {
  color:rgb(255,255,255);
  background-color: rgb(79,170,245);
  background-image: url(/files/images/assets/btn-pfeil-hover.png);
}

/* -------------------- Texte ganze Seite -------------------- */

.ce_rsce_onecolumn {margin:0 auto 50px auto;}
.ce_rsce_onecolumn .textarea  {text-align: left; margin:0 20px}
.ce_rsce_onecolumn .txtlang-h2 {font-size: 36px; line-height: 36px; text-transform: none; font-weight: 200; margin:50px auto 40px auto}
.ce_rsce_onecolumn .textarea h3 {font-size: 24px; text-transform: none;}
.ce_rsce_onecolumn .colmn-left {color:rgb(76,172,248); font-size:18px; margin:0 0 10px 0; text-align: left; margin:20px;}
.ce_rsce_onecolumn ul { margin:0 0 20px 30px; text-align: left;}

.ce_rsce_onecolumn ol{margin-left:0;}
.ce_rsce_onecolumn ol li{display:inline-block; margin:0 40px 30px 0;  vertical-align: top;}
.ce_rsce_onecolumn ol li strong{display:block; font-weight: normal; margin-bottom: 10px; color:rgb(79,170,245);}

.partner {margin:0 20px 50px 20px}
.partner .content-text {text-align:left;}
.partner .content-text img {width:150px; height: auto; margin: 5px 15px 0 0; border-radius: 25px;}

/* -------------------- Management -------------------- */

.team {margin:0 20px 50px 20px; ;}
.team h3 {color:rgb(76,172,248); font-size: 34px; line-height: 34px;}
.team .content-text, .team h2  {text-align: left;font-weight: 300; margin-bottom:10px;}
.team img  {display: block; margin:0 0 30px 0; border-top-left-radius:25px; border-bottom-right-radius:25px}
.team .content-text  {margin:0 0 30px 0;}


/* -------------------- Referenzen -------------------- */ 
.referenzen {margin:0 5px 90px 5px;}
.referenzen .content-text img {width:45%!important;
   opacity: 0.8;
   margin:5px; 
   line-height:0px;
   border-radius: 15px;
}

.referenzen .content-text img:hover {opacity: 1.0;}

/* -------------------- Accordion -------------------- */ 

.accordion.mod_article {margin:0 20px 50px 20px; text-align:left;}
.ce_accordionStart {margin: 0; text-align: left; border-bottom:1px solid rgb(180,180,180);}
.toggler {text-align: left; padding: 20px 0 20px 0; font-size: 21px; cursor: pointer}
.accordion.mod_article ul li {margin:0 20px 10px 20px;}
.ce_accordionStart .ui-icon-triangle-1-e {
  width: 55px !important;
  height: 25px;
  float: right;
  margin-right: 20px;
  background: url(/files/images/assets/plus-data.png) no-repeat right center !important;}

.ce_accordionStart .ui-icon-triangle-1-s {
  width: 55px !important;
  height: 25px;
  float: right;
  margin-right: 20px;
  background: url(/files/images/assets/minus-data.png) no-repeat right center !important;}
.accordion .ce_accordionStart .ui-accordion-header-collapsed:hover {color: rgb(76,172,248)}
.ui-accordion-header-active {color: rgb(76,172,248)}

.accordion .last {margin-bottom:30px;}

/* -------------------- Box Teaser -------------------- */ 
.ce_rsce_teaserbox {margin:0 0 120px 0}

.ce_rsce_teaserbox .box-container{padding:0px 0 60px 0; color:rgb(255,255,255); text-align: left;}
.ce_rsce_teaserbox .box-container h2 {color:rgb(255,255,255); margin:20px;}
.ce_rsce_teaserbox .subline {font-size: 30px;color:rgb(255,255,255); margin:20px 20px 40px 20px;}
.ce_rsce_teaserbox h3 {font-size: 14px; font-weight: 300; line-height: 26px; margin-bottom:20px!important;}
.ce_rsce_teaserbox h3 em {font-size: 21px; line-height: 26px; font-style: normal; margin-bottom:20px!important;}
.ce_rsce_teaserbox .box {
   font-size:14px; 
   line-height: 20px;
   margin:20px; 
   padding:20px; 
   background: rgba(255, 255, 255, 0.1);
   border-radius: 16px;
   box-shadow: 0 4px 30px rgba(0, 0, 0, 0.4);
   backdrop-filter: blur(15.0px);
   -webkit-backdrop-filter: blur(7.4px);
   border: 1px solid rgba(255, 255, 255, 0.3);
   transition: 0.5s;
}
.ce_rsce_teaserbox .box:hover {
 transform: scale(1.07); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
   transition: 0.5s;
}
   /* -------------------- Infobox -------------------- */ 
.ce_rsce_infobox {margin:0 0 90px 0;}
.ce_rsce_infobox p.number { font-size: 40px; line-height: 40px; font-weight: bold; color:rgb(115,192,253);}
.ce_rsce_infobox .box-container{padding:60px 0; text-align: center; }
.ce_rsce_infobox .box-container h2 {margin:20px;}
.ce_rsce_infobox .subline {color:rgb(255,255,255); margin:20px 20px 40px 20px;}
.ce_rsce_infobox h4 {text-transform: none; font-weight: 200; margin-top:30px; font-size: 20px; line-height: 26px;}
.ce_rsce_infobox h4 span{font-size: 20px; line-height: 24px;}
.ce_rsce_infobox .box {font-size:14px; margin:20px 20px 50px 20px; padding:0;}
.ce_rsce_infobox .box ul {list-style-type: none;}
.ce_rsce_infobox .box ul li{line-height: 18px; margin-bottom:10px;}
.ce_rsce_infobox img {
    border-radius: 50%;
    background: transparent;
    box-shadow: -5px -5px 30px 0px rgba(57, 226, 254, 1.0), /* Blau */
                -2px -2px 4px 0px rgba(57, 226, 254, 0.5), /* Blau */
                5px 5px 30px 0px rgba(239, 18, 249, 1.0), /* Orange */
                2px 2px 4px 0px rgba(239, 18, 249, 0.5); /* Orange */
      transition: 1.5s;
}
.ce_rsce_infobox img:hover, .ce_rsce_infobox em:hover {
    border-radius: 50%;
    background: transparent;
    box-shadow: 5px 5px 30px 0px rgba(57, 226, 254, 1.0), /* Blau */
                2px 2px 4px 0px rgba(57, 226, 254, 0.5), /* Blau */
                -5px -5px 50px 0px rgba(239, 18, 249, 1.0), /* Orange */
                -2px -2px 6px 0px rgba(239, 18, 249, 0.5); /* Orange */
   transition: 1.5s;
}


/* -------------------- Prozentboxen -------------------- */ 

.ce_rsce_infobox_prozente {margin:0 20px 120px 20px;}

.ce_rsce_infobox_prozente .container h2 {color:rgb(255,255,255); margin:20px;}
.ce_rsce_infobox_prozente .subline {font-size: 30px;color:rgb(255,255,255); margin:20px 20px 40px 20px;}

.ce_rsce_infobox_prozente .container{padding:0; color:rgb(255,255,255); text-align: center;}
.ce_rsce_infobox_prozente .container ul li{list-style-type: none; margin:0; padding:0;}
.ce_rsce_infobox_prozente h4 {font-size: 21px; font-weight: 300; line-height: 26px; margin-bottom:20px;}
.ce_rsce_infobox_prozente .textbox{font-size:14px; line-height: 20px;margin:20px; padding:20px;}

.pie-chart {
margin:0 auto -20px auto;
width: 150px;
height: 150px;
border-radius: 50%;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.percentage {
display: inline-block; vertical-align: middle;
font-size: 36px;
display: block;
position: absolute;
width: 130px;
height: 130px;
border-radius: 50%;
background-color:rgb(19,26,45);
box-shadow: 
0px 0px 30px 0px rgba(0, 0, 0, 0.7)
}
.percentage strong{position: absolute; left:0; top:40%; width: 130px;}

/* -------------------- Footer -------------------- */ 

#footer .inside .leftbar {
   margin:0 20px 50px 0;
   background-image: url(/files/images/assets/bottom-triangle.png);
   background-repeat:no-repeat;
   background-position:right top;
   background-color: rgb(76,172,248);
}

#footer .inside .leftbar .ce_text {
   color: rgb(255,255,255);
   text-align: left;
   padding:50px 20px 50px 20px;
   margin:0 0 50px 0;
}
#footer .inside .leftbar .ce_text h3 {margin-bottom:40px;}
#footer .inside .leftbar strong {display: inline-block; width:70px;}
#footer .inside .leftbar a {color:rgba(255,255,255,1.0);}
#footer .inside .leftbar a:hover {color:rgba(255,255,255,0.7);}
#footer .inside .rightbar {
   text-align: left;
   padding:0 0 20px 10px;
   margin:0 0 50px 0;
	
}
#footer .inside .rightbar ul li{list-style-type: none; margin-left:0px!important;}

#footer .inside .rightbar nav  > ul a {
  margin-bottom:1px;
  text-align:left;
  white-space:nowrap;
  text-decoration:none;
  display: block!important;
  color: rgb(255,255,255);
  padding: 0!important;
}
#footer .inside .rightbar nav  > ul a:hover {color:rgb(76,172,248);}
#footer .inside .rightbar nav   > ul strong {color:rgb(76,172,248);}
#footer .inside .rightbar nav  > ul a.trail {color:rgb(76,172,248); font-weight: bold;}

.socialmedia a{
  height:20px;
  width: 20px;
  border:1px solid rgb(79,170,245); 
  padding:5px;
  display: block;
  margin:10px;
  background-image: url(/files/images/assets/linkedin.png);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 5px;
  border-radius:5px;
  transition: 1.0s;
}

.socialmedia a:hover{
  background-color: rgb(79,170,245);
  background-image: url(/files/images/assets/linkedin-hover.png);
    box-shadow: 5px 5px 30px 0px rgba(57, 226, 254, 1.0), /* Blau */
                2px 2px 4px 0px rgba(57, 226, 254, 0.5), /* Blau */
                -5px -5px 50px 0px rgba(239, 18, 249, 1.0), /* Orange */
                -2px -2px 6px 0px rgba(239, 18, 249, 0.5); /* Orange */
   transition: 1.0s;
}


/* Small devices (tablets, 480 and up) */
@media (min-width: 480px) {

#Stage .stage-small .ce_image {height: 180px; background-size:auto 180px; background-position-x: 0;}
#Stage .stage-small {height:230px;}
}

/* Small devices (tablets, 768 and up) */
@media (min-width: 768px) {
   
#header .inside {height: 140px; width:730px; margin:0 auto 0 auto;}
   
/* -------------------- Stage Startseite -------------------- */ 
#header .stage .content-text p{font-size: 21px;line-height: 21px;}
#header .stage .content-text h1{font-size: 50px;line-height: 60px;}
   
#header .ce_rsce_stagesmall .ce_image {height: 350px;background-size:auto 350px;}
#header .ce_rsce_stagesmall .textarea h1 {font-size: 40px;}
 
#Stage .stage-small .ce_image {height: 230px; background-size:auto 230px;}
#Stage .stage-small {height:300px;}
   
/* -------------------- Startseite Willkommen -------------------- */ 
.ce_rsce_textbild {margin: -100px 0 0 0}
.ce_rsce_textbild h1{padding: 98px 0 0 0!important;}
 .ce_rsce_textbild .container {width:700px; margin: auto auto;}
.ce_rsce_textbild .textarea {width:530px; margin: 0 0 120px 0; padding-bottom:60px; text-align: left;}

.ce_rsce_textbild .bild-container {
   background-position: -380px top !important;
   background-repeat: no-repeat;

}   

/* -------------------- Zwei Textspalten -------------------- */ 
.ce_rsce_txttwocolumn {width: 700px;text-align: left; margin:0 auto 90px auto;}  
.ce_rsce_txttwocolumn .textarea {display: inline-block; width:335px; vertical-align: top;}
.ce_rsce_txttwocolumn .textarea.first {margin-right: 20px;}   
  
/* -------------------- teaser -------------------- */ 

.ce_rsce_teaserleft {margin:0 auto 120px auto; text-align: center; width: 700px;}

/* -------------------- Texte ganze Seite -------------------- */

.ce_rsce_onecolumn {margin:0 auto 50px; auto; width: 700px;}
.ce_rsce_onecolumn .textarea  { margin:0 0 20px 0;}
.ce_rsce_onecolumn .colmn-left { margin:0 20px 0 0; width: 200px; display: inline-block; vertical-align:top;}
.ce_rsce_onecolumn .colmn-right { margin:0 0 0 0; width: 470px; display: inline-block; vertical-align:top;}

.ce_rsce_onecolumn ol li{margin:0 40px 30px 0; width:300px;}
.ce_rsce_onecolumn ol li strong{margin-bottom: 15px;}   

.partner {margin:0 auto 50px; auto; width: 700px;}
.partner .ce_text img {width:270px; height: auto; margin: 7px 20px 0 0;} 
   
/* -------------------- Management  -------------------- */ 
.team {width:700px!important; margin:0 auto 120px auto;}
.team .first img{width:330px; float:left; margin-right:30px;}
.team .first p{display:inline-block; width:330px;}
.team .first.content-text h3{display:inline-block; margin: 30px 10px 30px 0; text-align: left;}  
  
.team .last {text-align: right; margin:0!important; }
.team .last img{width:330px; float:right;  margin-left:30px;}
.team .last p{display:block; width:330px; text-align: right;}    
.team .last.content-text h3{display:inline-block; margin: 30px 10px 30px 0; text-align: right;}    

.team .first{
   background-position-x: 320px;
   background-position-y: 79px;
   background-repeat: no-repeat;
   background-image: url(/files/images/assets/x-line.png)
   }
.team .last{
   background-position-x: 340px;
   background-position-y: 80px;
   background-repeat: no-repeat;
   background-image: url(/files/images/assets/x-line.png)
   }

   
/* -------------------- Referenzen -------------------- */ 
.referenzen .content-text img {width:340px!important; margin:10px;}

/* -------------------- Accordion -------------------- */ 

.accordion.mod_article {margin:0 auto 50px auto; width: 700px; text-align:left;}

/* -------------------- Box Teaser -------------------- */ 
.ce_rsce_teaserbox {margin:0 0 120px 0}
.ce_rsce_teaserbox .box-container{padding:0 0 60px 0; color:rgb(255,255,255); text-align: left; margin:auto auto; text-align: center;}
.ce_rsce_teaserbox .box-container h2 {width:700px; margin:0 auto 40px auto;}
.ce_rsce_teaserbox .subline {width:700px; margin:0 auto 60px auto;}
.ce_rsce_teaserbox .box-container h3 { margin:0 0 0 0; display: block;}
.ce_rsce_teaserbox .text {
   display: -webkit-flex;
   display: -ms-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   width:720px; 
   margin:auto auto; }

.ce_rsce_teaserbox .text .box {
   display: inline-block;
   text-align: left; width: 295px; margin:0 10px 20px 10px; vertical-align: top;}

/* -------------------- Infoboxen -------------------- */ 
.ce_rsce_infobox {margin:0 0 120px 0}
.ce_rsce_infobox  .box-container{padding:70px 0; text-align: center;}
.ce_rsce_infobox  .box-container h2 {width:700px; margin:0 auto 40px auto;}
.ce_rsce_infobox  .subline {width:700px; margin:0 auto 60px auto;}
.ce_rsce_infobox  .text {width:700px; margin:auto auto; }

.ce_rsce_infobox  .text .box {
   display: inline-block;
   text-align: center; width: 330px; margin:0 10px 20px 10px; vertical-align: top;}

   
/* -------------------- Prozentboxen -------------------- */ 

.ce_rsce_infobox_prozente {margin:0 0 120px 0;}

.ce_rsce_infobox_prozente .container h2 {color:rgb(255,255,255); margin:20px;}
.ce_rsce_infobox_prozente .subline {font-size: 30px;color:rgb(255,255,255); margin:20px 20px 40px 20px;}

.ce_rsce_infobox_prozente .container{
   width:200px; 
   display:inline-block;
   vertical-align:top;
   }

/* -------------------- Footer -------------------- */ 
#footer .inside  {margin: auto auto; text-align: center;}
#footer .inside .leftbar {margin:0 0 0 0; float:left; width:49%;}
#footer .inside .leftbar .content-text {text-align: left;width:280px;float:right;margin:0 40px 0 0;}
#footer .inside .rightbar { float:left;text-align: left;margin:120px 0 0 20px;}
   
}


/* Small Desktop (desktop, 1024 and up) */
@media (min-width: 1024px) {
h1 {font-size: 50px; line-height: 58px; margin-bottom:60px;}
h2 {font-size: 40px; line-height: 48px; margin-bottom:60px;}

.mod_mmenuCustom {display: none;}
.offcanvas {display: none;}
  
   
/* -------------------- Header -------------------- */ 

#header .inside {height: 140px; width:900px; margin:auto auto;}
.logo  {float:left; margin:57px 20px 20px 0;}
.start-nav {display: block;text-align: right; position: absolute; right: 0; top:92px;}
   
#Stage .stage-small .ce_image {height: 230px; background-size:auto 280px;}
#Stage .stage-small {height:300px;}

/* -------------------- Startseite Willkommen -------------------- */ 
.ce_rsce_textbild {margin: -100px 0 0 0}

 .ce_rsce_textbild .container {width:900px; margin: auto auto;}
.ce_rsce_textbild .textarea {width:430px; margin: 0 0 90px 0; padding-bottom:60px; text-align: left;}

.ce_rsce_textbild .bild-container {
   background-position: -480px top !important;
   background-repeat: no-repeat;
}

/* -------------------- Zwei Textspalten -------------------- */ 
.ce_rsce_txttwocolumn {width: 900px;margin:0 auto 120px auto;}  
.ce_rsce_txttwocolumn .textarea {width:430px;}
.ce_rsce_txttwocolumn .textarea.first {margin-right: 30px;}

/* -------------------- teaser -------------------- */ 

.ce_rsce_teaserleft {margin:0 auto 120px auto; width: 900px;}
.ce_rsce_teaserleft .textfeld {text-align: left; width:430px; margin-right:30px;}
.ce_rsce_teaserleft .textfeld.img-left {text-align: left; width:430px; margin:0!important;}
.ce_rsce_teaserleft .textarea {text-align: left; width: 430px; margin: 20px 0 0 0;}
.ce_rsce_teaserleft .img-container  {text-align: left;  width: 430px; float: right;}
.ce_rsce_teaserleft .img-container.img-left  {float: left; margin-right:40px;}
.ce_rsce_teaserleft .teaser {width:440px;}
.ce_rsce_teaserleft .headline {width:210px;margin:0 20px 20px 0;}
.ce_rsce_teaserleft .headline p{padding:20px;}
.ce_rsce_teaserleft .image-short {width:200px; margin-bottom:20px;} 
   
/* -------------------- Texte ganze Seite -------------------- */

.ce_rsce_onecolumn {margin:0 auto 120px; auto; width: 900px;}
   
.ce_rsce_onecolumn .colmn-left {  width: 250px;}
.ce_rsce_onecolumn .colmn-right { width: 625px;}

.ce_rsce_onecolumn ol li{margin:0 40px 30px 0; width:400px;}   

.partner {margin:0 auto 50px; auto; width: 900px;}
.partner .ce_text img {width:270px; height: auto; margin: 7px 20px 0 0;} 
   
/* -------------------- Management  -------------------- */ 

.team  h2 {margin-bottom:10px;}
.team  {width:900px!important; margin:0 auto 120px auto;}
.team .content-text.headline {width:900px!important;}
.team .content-text {width:734px!important; margin:0 auto 90px auto;}
.team .first img{width:347px; margin-right:40px;}
.team .first p{width:347px;}
.team .first.content-text h3{margin: 50px 10px 30px 0;}  
  
.team .last {margin:0 auto !important; }
.team .last img{width:347px;  margin-left:40px; }
.team .last p{width:347px;}    
.team .last.content-text h3{margin: 50px 0 30px 0;}    
   
.team .first{
   background-position-x: 345px;
   background-position-y: 99px;
   }
.team .last{
   background-position-x: 357px;
   background-position-y: 100px;
   }
   
/* -------------------- Referenzen -------------------- */ 
.referenzen .content-text img {width:210px!important; margin:10px;}
  
/* -------------------- Accordion -------------------- */ 

.accordion.mod_article {margin:0 auto 50px auto; width: 900px; text-align:left;}

/* -------------------- Teaserbox -------------------- */ 
   
.ce_rsce_teaserbox {margin:0 0 120px 0}
.ce_rsce_teaserbox .box-container{padding:80px 0; background-attachment: fixed;}
.ce_rsce_teaserbox .box-container h2 {width:900px; margin:0 auto 60px auto;}
.ce_rsce_teaserbox .subline {width:900px; margin:0 auto 40px auto;}
.ce_rsce_teaserbox .text {width:920px; }
.ce_rsce_teaserbox .text .box {width: 395px; margin:0 10px 20px 10px;}
   
/* -------------------- Infobox -------------------- */ 
   
.ce_rsce_infobox {margin:0 0 120px 0}
.ce_rsce_infobox .box-container{padding:80px 0; background-attachment: fixed;}
.ce_rsce_infobox .box-container h2 {width:900px; margin:0 auto 60px auto;}
.ce_rsce_infobox .subline {width:900px; margin:0 auto 40px auto;}
   
.ce_rsce_infobox  .text {width:900px;}
.ce_rsce_infobox  .text .box { width: 330px; margin:0 10px 20px 10px;}
 
/* -------------------- Prozentboxen -------------------- */ 

.ce_rsce_infobox_prozente .container{
   width:280px; 
   display:inline-block;
   vertical-align:top;
   }

   
/* -------------------- Footer -------------------- */ 
#footer .inside .leftbar {width:48%; padding: 40px 0 70px 0}
#footer .inside .leftbar .ce_text {width:370px;margin:0 40px 0 0;}
#footer .inside .rightbar {margin:160px 0 50px 20px; background: none;}
   
}

/*  Desktop (desktop, 1280 and up) */
@media (min-width: 1280px ) {
  
h2 {font-size: 45px; line-height: 58px; margin-bottom:60px;}

   
/* -------------------- Header -------------------- */ 

#header .inside {width:1000px;}

#Stage .stage-small .ce_image {height: 300px; background-size:auto 310px;}
#Stage .stage-small {height:350px;}
/* -------------------- Startseite Willkommen -------------------- */ 
.ce_rsce_textbild .container {width:1000px;}
.ce_rsce_textbild .textarea {width:483px;}

.ce_rsce_textbild .bild-container {
   background-position: -400px top !important;
   background-repeat: no-repeat;
}
   
/* -------------------- Zwei Textspalten -------------------- */ 
.ce_rsce_txttwocolumn {width: 1000px;margin:0 auto 90px auto;}  
.ce_rsce_txttwocolumn .textarea {width:482px;}
.ce_rsce_txttwocolumn .textarea.first {margin-right: 30px;}   
   
/* -------------------- teaser -------------------- */ 

.ce_rsce_teaserleft {margin:0 auto 120px auto; width:1000px;}
.ce_rsce_teaserleft .textfeld {width:483px;}
.ce_rsce_teaserleft .textarea { width: 483px; margin: 20px 0 0 0;}
.ce_rsce_teaserleft .img-container  {width: 483px;}
.ce_rsce_teaserleft .teaser {width:480px;}
.ce_rsce_teaserleft .headline {width:230px; margin:0 20px 20px 0;}
.ce_rsce_teaserleft .headline p{padding:20px;}
.ce_rsce_teaserleft .image-short {width:230px; margin-bottom:20px;  } 

/* -------------------- Texte ganze Seite -------------------- */

.ce_rsce_onecolumn {margin:0 auto 120px; auto; width: 1000px;}
 
.ce_rsce_onecolumn .colmn-left {  width: 250px;}
.ce_rsce_onecolumn .colmn-right { width: 725px;}
 
.ce_rsce_onecolumn ol li{margin:0 40px 30px 0; width:290px;}   
   
.partner {margin:0 auto 50px; auto; width: 1000px;}
.partner .ce_text img {width:270px; height: auto; margin: 7px 20px 0 0;} 
   
/* -------------------- Referenzen -------------------- */ 
.referenzen {margin:0 0 120px 0;}
.referenzen .content-text img {width:235px!important;}
   
/* -------------------- Accordion -------------------- */ 

.accordion.mod_article {width: 1000px; margin:0 auto 120px auto;}
   
/* -------------------- Teaserbox -------------------- */ 
.ce_rsce_teaserbox {margin:0 0 140px 0}
.ce_rsce_teaserbox .box-container{padding:100px 0;}
.ce_rsce_teaserbox .box-container h2 {width:1000px; margin:0 auto 60px auto;}
.ce_rsce_teaserbox .subline {width:1000px; margin:0 auto 60px auto;}
.ce_rsce_teaserbox .text {width:1020px;}
.ce_rsce_teaserbox .text .box {width: 193px; margin:0 10px 20px 10px;}
   
/* -------------------- Infobox -------------------- */ 
.ce_rsce_infobox {margin:0 0 140px 0}
.ce_rsce_infobox .box-container{padding:100px 0;}
.ce_rsce_infobox  .box-container h2 {width:1000px; margin:0 auto 60px auto;}
.ce_rsce_infobox  .subline {width:1000px; margin:0 auto 60px auto;}
.ce_rsce_infobox  .text {width:1000px;}
.ce_rsce_infobox  .text .box { width: 230px; margin:0 10px 20px 10px;}
 
/* -------------------- Prozentboxen -------------------- */ 

.ce_rsce_infobox_prozente .container{width:300px; }
.pie-chart {width: 200px;height: 200px;}
.percentage {font-size: 42px;width: 170px;height: 170px;}
.percentage strong{top:43%; width: 170px;}
   
 /* -------------------- Footer -------------------- */ 
#footer .inside .leftbar {width:48.5%;}
#footer .inside .leftbar .ce_text {width:420px;}
#footer .inside .rightbar {margin:160px 0 50px 20px;}  
  
/* -------------------- Management  -------------------- */ 
.team {width:1000px!important; margin:0 auto 120px auto;}
.team .content-text.headline {width:1000px!important;}
.team .content-text {width:816px!important; margin:0 auto 40px auto;}
.team .first img{width:388px; margin-right:40px;}
.team .first p{width:388px;}
.team .first.content-text h3{margin: 50px 10px 30px 0;}  
  
.team .last {margin:0 auto !important; }
.team .last img{width:388px;  margin-left:40px; }
.team .last p{width:388px;}    
.team .last.content-text h3{margin: 50px 0 30px 0;}       
   
.team .first{
   background-position-x: 388px;
   background-position-y: 99px;
   }
.team .last{
   background-position-x: 398px;
   background-position-y: 100px;
   }
   
}

/*  Desktop (desktop, 1400 and up) */
@media (min-width: 1400px ) {
h1 {font-size: 65px; line-height: 80px; margin-bottom:60px;}
h2 {font-size: 60px; line-height: 70px; margin-bottom:60px;}
 
/* -------------------- Header -------------------- */ 

#header .inside {width:1300px;}

 #Stage .stage-small .ce_image {height: 400px; background-size:auto 370px;}
#Stage .stage-small {height:450px;}
   
/* -------------------- Startseite Willkommen -------------------- */ 
.ce_rsce_textbild .container {width:1300px;}
.ce_rsce_textbild .textarea {width:628px;}

.ce_rsce_textbild .bild-container {
   background-position: -200px top !important;
   background-repeat: no-repeat;
} 
   
/* -------------------- Zwei Textspalten -------------------- */ 
.ce_rsce_txttwocolumn {width: 1300px;}  
.ce_rsce_txttwocolumn .textarea {width:627px;}
.ce_rsce_txttwocolumn .textarea.first {margin-right: 40px;}   
   
/* -------------------- teaser -------------------- */ 

.ce_rsce_teaserleft {margin:0 auto 120px auto; width:1300px;}
.ce_rsce_teaserleft .textfeld {width:627px!important; margin-right:40px;}
.ce_rsce_teaserleft .textarea { width: 628px; }
.ce_rsce_teaserleft .img-container  {width: 628px;}
.ce_rsce_teaserleft .img-container.img-left  {margin-right:45px;}
.ce_rsce_teaserleft .teaser {width:630px;}
.ce_rsce_teaserleft .headline {width:303px; margin:0 20px 20px 0;}
.ce_rsce_teaserleft .headline p{padding:25px;font-size: 30px;}
.ce_rsce_teaserleft .image-short {width:303px; margin-bottom:20px;} 
   
/* -------------------- Texte ganze Seite -------------------- */

.ce_rsce_onecolumn {width: 1300px;}
.ce_rsce_onecolumn .colmn-left {  width: 350px;}
.ce_rsce_onecolumn .colmn-right { width: 925px;}
  
.ce_rsce_onecolumn ol li{margin:0 40px 30px 0; width:280px;}   
   
.partner {margin:0 auto 90px; auto; width: 1300px;}
.partner .content-text img {width:270px; height: auto; margin: 7px 20px 0 0;} 
   
/* -------------------- Management  -------------------- */ 
.team h2 {line-height: 70px;}
.team {width:1300px!important; margin:0 auto 120px auto;}
.team .content-text.headline {width:1300px!important; margin: 0 0 70px 0}
.team .content-text {width:894px!important; margin:0 auto 40px auto;}
.team .first img{width:427px; margin-right:40px;}
.team .first p{width:427px;}
.team .first.content-text h3{margin: 50px 10px 30px 0;}  
  
.team .last {margin:0 auto !important; }
.team .last img{width:427px;  margin-left:45px; }
.team .last p{width:427px;}    
.team .last.content-text h3{margin: 50px 0 30px 0;}    
   
.team .first{
   background-position-x: 427px;
   background-position-y: 99px;
   }
.team .last{
   background-position-x: 437px;
   background-position-y: 100px;
   }
   
/* -------------------- Referenzen -------------------- */ 
.referenzen .content-text img {width:260px!important;}

/* -------------------- Accordion -------------------- */ 
.accordion.mod_article {width: 1300px; text-align:left;}

/* -------------------- Teaserbox -------------------- */  
.ce_rsce_teaserbox .box-container{padding:100px 0;}
.ce_rsce_teaserbox .box-container h2 {width:1300px; margin:0 auto 60px auto;}
.ce_rsce_teaserbox .subline {width:1300px; margin:0 auto 60px auto;}
.ce_rsce_teaserbox .text {width:1300px;}
.ce_rsce_teaserbox .box-container h3 { margin:0 0 0 0; display: block; height: 100px;}
.ce_rsce_teaserbox .text .box {width: 263px; margin:0 10px 20px 10px;}
   
   
.ce_rsce_infobox  .text {width:1120px;}
.ce_rsce_infobox  .text .box { width: 230px; margin:0 20px 20px 20px;}
 
 /* -------------------- Footer -------------------- */ 
#footer .inside .leftbar {width:48.5%;}
#footer .inside .leftbar .ce_text {width:570px;}
#footer .inside .rightbar {margin:160px 0 50px 20px;}  
}


/*  Desktop (desktop, 1600 and up) */
@media (min-width: 1600px ) {
   
/* -------------------- Startseite Willkommen -------------------- */ 
.ce_rsce_textbild .bild-container {
   background-position: -100px top !important;}  
}

/*  Desktop (desktop, 1700 and up) */
@media (min-width: 1700px ) {
   
.ce_rsce_textbild .bild-container {background-position: -50px top !important;} 
   
#Stage .stage-small .ce_image {height: 400px; background-size:auto 400px;}
#Stage .stage-small {height:450px;}
   
}
/*  Desktop (desktop, 1800 and up) */
@media (min-width: 1800px ) {
   
.ce_rsce_textbild .bild-container {background-position: 0px top !important;} 
#Stage .stage-small .ce_image {height: 400px; background-size:auto 430px;}
#Stage .stage-small {height:450px;}   
}

/*  Desktop (desktop, 1920 and up) */
@media (min-width: 1920px ) {
   
/* -------------------- Startseite Willkommen -------------------- */ 
.ce_rsce_textbild .container {width:1300px;}
.ce_rsce_textbild .textarea {width:628px;}

.ce_rsce_textbild .bild-container {
   background-position: 0 top !important;
   background-repeat: no-repeat;
} 
   
/* -------------------- Stage Startseite -------------------- */ 
#header .stage .triangle-left {left:-50px;}
#header .stage .content-text p{font-size: 26px;line-height: 26px;}
#header .stage .content-text h1{font-size: 70px;line-height: 80px;}
   
#Stage .stage-small .ce_image {height: 430px; background-size:100% 100%!important;}
#Stage .stage-small {height:450px;}   
   
   
#main {background-size: 150px;}
   
#footer .inside .leftbar {width:48.9%;}   
   
}