/*
dunkelgrau 595959  89,89,89
helleres grau 7f7f7f 127,127,127
hell grau d9d9d9 217, 217, 217

erdbeer f39292 243,146,146
rot. bd1414 189, 20, 20
dunkelrot  8e0f0f 142,15,15


Schriften Ek Mukta Light / Regular (Überschriften, Light Content)
 
 */

* { 
	margin: 0; 
	padding: 0; 
}

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }


body { 
background:#f6f6f6;

}


a img {
	border: none;
} 
  
.clear {clear:both;margin:0;padding:0;height:1px;}
.bpad70 {padding-bottom:70px;}
.bpad40 {padding-bottom:40px;}


.invisible  {display:none;height:0px; width:0px; margin:0;padding:0;}
.clearfix:after {content: "";display: table;clear: both;}


html, body { height:100%; }
 
* html #wrapper { height:100%; }
 
#wrapper {
position: relative;
background:#fff;
width:100%; 

min-height:100%;
margin:0px auto 0px auto; 
}
	
#headerwrapper{position:fixed;top:0;width:100%;height:60px;z-index:551;background:#fff;}	

#headerbar {position: relative;width:100%;  margin:0px auto 0px auto; background:#fff;}
 

#switchlanguage a {display:block; float:right; padding:0px 0px 0px 10px;color:#000;}
#switchlanguage a.active { color:#bd1414;}

 #main-menu-state:checked ~ #main-menu {

    display: block;
    float: none;
    clear: both;
 
}



#switchlanguage {position:absolute;
top: 20px;
right: 80px;
z-index:10000;}


#logo {
    width: 45%;
    height: 32px;
    float: left;
    display: block;
    background-image: url(../images/SCI_LOGO_190.jpg);
/*background-image: url(../images/shop-logo.png) ;*/
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: contain;
    margin: 10px 0px 0px 15px;
}


#page  {
width:100%;
display:block;
position: relative;
margin:0px 0px 0px 0px;
padding:60px 0px 0px 0px;
}

  
 

.blockcontainer  {width:100%; display:block; clear:both;padding:0;background:#fff;}
 
.blockcontainer.hellgrau { background-color:#d9d9d9;}
.blockcontainer.hellgrau .blockcontent.ansprechpartner {
  background-image: url(../images/B_ROT_Netz.png); 
    background-repeat: no-repeat;
    background-position: left 100px  bottom -40px;
    background-size: auto 80%;}
    

    

.blockcontainer.hellgrau .blockcontent.ansprechpartner .ce-gallery{ width:100%; padding-bottom: 30px;}

.personendaten {  width:100%; }
.ansprechpartner img {  width:100%;height:auto; max-width: 320px; }
 
 
.blockcontent , .contentcontainer {width:100%;max-width:1230px; padding:20px 15px 20px 15px; }

.blockcontent.nopadtop{padding:0px 15px 14px 15px; }
.blockcontent.nopadbottom {padding:14px 15px 14px 15px; }

.blockcontent.nopadbottom.nopadtop {padding:0px 15px 14px 15px; }


 

.blockcontent ul {margin:0px 0px 0px 20px;padding:0px 0px 30px 15px;list-style-type:disc;}
.blockcontent ol {margin:0px 0px 0px 20px;padding:0px 0px 30px 25px;}


#footercontainer {height:auto; background: #595959;  margin-right:0; width:100%;max-width:1900px; margin:0px auto 0px auto; }

#footer {height:auto;
  
background: #595959;
position:relative; margin:0; 
 width:100%; 
padding:30px 30px 70px 30px;
margin:0px auto 0px auto;  
}  
 
.footerline {width:100%; text-align:center;padding-top:20px; }
.footerline  span {  }
.footerline  i { font-size:28px; }

.socialmedia {width:100%;padding-bottom: 20px; }
.socialmedia  a { display:inline-block; padding-right:6px; }
.socialmedia  a:hover  i{ /*color:#bd1414;background:#fff; */ opacity:0.8;}
 
 
#footer p {font-size:16px; color:#fff;}
#footer a {color:#fff;text-decoration:none;font-size:16px; cursor:pointer;}
#footer ul  {   list-style-type:none;}
#footer ul li a {display:block; padding:0px 0px 0px 0px;margin:0 ; color:#fff ;line-height:140%;}
#footer ul li  a:hover  {color:#fff;opacity:0.8 }
 
#footer  .footerline ul li {display:inline-block; padding:0px 10px 0px 10px;color:#fff ;}
#footer  .footerline ul li:after {content: '·';font-size:22px; font-weight:bold; padding-left:20px;   display:inline-block ;color:#fff ; }
#footer .footerline ul  li:last-of-type:after {content: '';}
#footer .footerline  ul li a {display:inline-block; padding:0px 0px 0px 0px;margin:0 ; color:#fff ;line-height:120%;}


 .clear_desktop {clear:none}

 .contactform {padding-top:12px;}
 
 .formfield {width:100%; padding-right:20px; padding-bottom:36px; float:left; display:block;height:72px;max-width: 450px;}
 .formfield input {border:1px solid #595959;height:38px; line-height:38px;width:100%;padding-left:9px;    color: #000;font-size:16px;font-size:20px;max-width:430px;}

 .formfield.boxes {padding-bottom:14px;height: 45px;}
 .formfield.boxes input {height:16px;width:16px; display:inline-block; margin-right:7px;}

 .formfield.boxes span { display:inline-block; padding-right:20px;}
.contactform .submitcontainer {float:right;margin-top: 30px;}



.formfield select {border:1px solid #595959;height:38px; line-height:38px;width:100%;padding-left:9px;    color: #000;font-size:16px;font-size:20px;max-width:430px;}
 .formfield.textcontent {width:100%;height:240px;}
.contactform textarea {height:204px;width:100%;padding-left:9px;padding-top:9px;    color: #000;font-size:16px; max-width:450px;}

.formfield.submitcontainer {width:100%;}
 
.formfield label {display:none;}

.orderform .formfield label {display:block;}
.orderform textarea {
    height: 100px;
    width: 100%;
    padding-left: 9px;
    padding-top: 9px;
    color: #000;
    font-size: 18px;
    max-width: 450px;
}

 .formfield input.inline {display:inline-block;}
 
 .formfield input.inputsmall {width:80px; margin-right:4px;}
 
 .formfield input.inputtitle ,  .formfield select.inputtitle {  width:70px;margin-right:4px;float:left;}
 .formfield input.inputfirstname { width:116px; margin-right:4px;}
 .formfield input.inputlastname { width:calc(100% - 194px)  }
 .formfield input.inputplz {width:90px; margin-right:4px;}
  .formfield input.inputort { ;width:calc(100% - 98px);  } 
 .formfield select.select1 {width:70px; display:inline-block; margin-right:4px;}
.formfield select.select2 {width:100px; display:inline-block; margin-right:4px;}
 .radiorow {clear:both; height:36px;line-height:32px;}
 
 .review .formfield span {font-size:22px;}
 
 .review .formfield label {color:#595959;}
 

a.infoicon {display:block; float:left; line-height: 32px; color: #595959; text-decoration:none; cursor:pointer; font-size:18px; padding-right:20px; padding-left:4px;}
 a.infoicon i   {color: #595959; font-size:22px; display:inline-block; padding-right:4px;}

.tooltip-content i.infoicon  {color: #595959; font-size:40px; display:inline-block; padding-right:12px;  padding-bottom:5px; float:left; padding-top:3px;}
.tooltip-content  span {}

 

.formrow {width:100%; display:block; /*padding-bottom:10px;*/}

.formrow label, .formrow input {font-size:20px;}

.label { display:inline-block;padding-right:10px; width:70px;}
 span.forminput { display:inline-block; width:90px;text-align:right; }
 .formrow.boxes div {display:block; padding:0px 0px 15px 0px;clear:both;}
 .formrow.boxes span {display:inline-block; float:left; clear:none;padding:0px 2px 0px 0px; margin:0;}
 .formrow.boxes input {display:inline-block; float:left; clear:none;padding:0px 2px 0px 0px; margin:0;}
 .formrow.boxes input {width:20px;padding:0px 2px 0px 0px; margin:0; height:20px;line-height:20px;margin-top:3px; margin-right:7px;}
 
.bpad20 {padding-bottom:20px;  }
 .formrow.checkbox span {float:left; display:block; width:300px; }
 .formrow.checkboxes  input  {width:20px;padding:0px 2px 0px 0px;  height:20px;line-height:20px;margin-top:5px;margin-right:3px;  float:left;display:inline-block;}
.formrow.checkboxes  span  { float:left;display:inline-block; padding-right:20px; }


.formrow a {display:block;color:#455560;}
.formrow a:hover { color:#bd1414;}
  
.divider {border-bottom: 1px solid #a0a0a0; width:100%;clear:both;}

 
.ce-textpic  {padding-right:15px;}

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



 
.kacheln , .boxes{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    
    
  -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between; 
   
}
 
 .kacheln div.box, .contentcontainer .boxes div.box {
 width:100%; 
    border: 1px solid transparent;
 
    margin-top: 10px;
    background: #595959;
    cursor:pointer;
    
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}

#p34 .kacheln div.box, .contentcontainer .boxes div.box:nth-of-type(5) {background: #bd1414;}

 .left .kacheln div.box {   background: #7f7f7f;}
 
 .main .kacheln div.box  {margin-right: 10px;}
 
 .sixcols .kacheln div.box ,  .cntentcontainer .boxes div.box,  .twocols .kacheln div.box {width:100%;}





 .main .kacheln,  .left .kacheln,  .kacheln.aktion,  .sixcols .kacheln ,  .cntentcontainer .boxes,  .twocols .kacheln{
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
}


#p117 .contentcontainer .boxes div.box{
background-color: #f39292; color:#fff;}

#p117 .contentcontainer .boxes div.box:hover {
background-color: #595959; }


#p123   .contentcontainer .boxes div.box {width: calc((100% / 2) - 10px); margin-right: 10px; max-width:250px; background-color:#fff !important; color: #000 !important; }

#p123   .contentcontainer .boxes div.box.double {width:100%; margin-right: 10px; max-width:500px; margin-top: 30px}

#p123   .contentcontainer .boxes div.box p , #p123   .contentcontainer .boxes div.box h3 {margin-bottom: 18px; padding: 0 !important;}
#p123   .contentcontainer .boxes div.box p:last-of-type {margin-bottom: 0;}

#p123   .contentcontainer .boxes div.box.border {border:2px solid #000;}

.boxlink.innotranslogo {background-image:url('../../user_upload/headerbilder/innotrans-logo.jpg'); background-size: cover; background-repeat: no-repeat;}
 

  /*.boxcontent*/
.boxlink { padding:10px; width:100%; position:relative;min-height:100px;display:block; color:#fff !important }
 
.boxlink:hover,  .boxlink:hover p {color:#fff !important }
#p123 .boxlink:hover p,  #p123 .boxlink:hover h3  , #p123 .boxlink a {color:#000 !important }

#p123 .boxlink p a:hover , #p123 .boxlink h3 a:hover, #p123 .boxlink  a:hover{color:#bd1414 !important }


  
  
  
  
.box .boxfulltext {position:absolute; top: 15px; padding: 0px 10px 0px 10px;}

  
.box .boxfulltext span {display:block; margin-bottom: 20px;}

.boxlink {position: relative; width:100%;padding: 0px 0px 100% 0px;}
 
.boxcontentspecial {position: absolute; width:100%;padding: 20px 20px 20px 20px;top: 50%;
 
  -ms-transform: translateY(-50% );
  transform: translateY(-50% ); }

.boxcontentspecial p,  .boxcontentspecial  h3,  .boxcontentspecial  a {color:#000 !important; text-align:center; display:block;}
    



 
.box h1,.box h2,  .box  p, .boxt a,  .box span, .box a,   .box a:hover
 { color:#fff;  }
 
  
 .box span.subheader,  .box h2,  .box span.boxtext ,  .box span.boxfulltext {-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;  -moz-hyphens: auto; display:block; 
  hyphenate-limit-chars: 10 5 5; -webkit-hyphenate-limit-chars: 10 5 5; -ms-hyphenate-limit-chars: 10 5 5;  -moz-hyphenate-limit-chars: 10 5 5;}
 
 .box span.subheader { color:#fff; }

 .box h2 { color:#fff;letter-spacing:1px !important;  }

 .box span.boxtext { display:none;   color:#fff !important }

 
  
 .box:hover span.boxtext ,  .box:hover .boxcontent span.boxtext ,  .box:hover .boxcontent .boxlink  span.boxtext{ display:block;  color:#fff !important }
 
 .box:hover h2,  .box:hover span.subheader { display:none;  }
 
.kachelcontainer { width: 100%; }


.bgimageblock .frame-default .boxes {  width: 100%;}

.bgimageblock .frame-default .box {background: #bd1414;  width:100%; margin-top:20px; }
.bgimageblock .frame-default  .box:hover {background: #595959;}
.bgimageblock .frame-default  .box:hover a { color:#fff !important}


 .popuplink {cursor:pointer; padding:10px; width:100%; position:relative;min-height:100px;display:block; padding: 0px 0px 100% 0px;}

 
 
 
 /*raildata*/

 .kacheln.aktion .box {background: #bd1414;}
.kacheln.aktion .box:hover {background: #595959;}


.kacheln.aktion .box span.boxheadline {text-align:center; font-size: 20px; margin-bottom: 10px;display:block; width:100%; text-transform: uppercase; line-height: 24px;}
.kacheln.aktion .box span.boxteaser {text-align:center; display:block; width:100%; font-size: 18px; line-height: 21px;}


 .kacheln.aktion h2 {position:absolute; text-align:center; width:100%;  left: 0; padding: 0;font-size: 20px;  line-height: 24px;}

 /* .kacheln.aktion div.box{  width: 160px; height:160px;margin-right: 10px; } 

 .kacheln.aktion h2 {position:absolute; text-align:center; width:100%;  left: 0; padding: 0;font-size: 20px;  line-height: 24px; top: 50%; margin-top:-12px;}
.aktion .boxlink { padding-bottom: 100%; }*/ 

  .aktion .box h2 {position:absolute; left:0px; top: 50%;transform: translateY(-50%);width:100%; text-align:center;padding:0px 20px 20px 20px; }

 .aktion .box span.boxtext {position:absolute;top: 50%; transform: translateY(-50%); left:0px;width:100%; text-align:center;padding:0px 20px 20px 20px;  }
 .klusii .box span.boxteaser {position:absolute;top: 50%; transform: translateY(-50%); left:0px;width:100%; text-align:center;padding:0px 20px 20px 20px;  }
 

.footercol {width:100%;clear: both; }


.col6  {float:left; width:50%; padding:0px 10px 40px 10px;height: 150px;}

a.portfoliolink {color: #000;}
a.portfoliolink.active , a.portfoliolink:hover {color: #bd1414;}

a.portfoliolink span.bignumber { font-size: 60px;
font-weight: 300;
line-height: 60px; text-align:center;  display:block; }

a.portfoliolink p {text-transform: uppercase; text-align:center;padding:0; font-size: 15px;font-weight: 500;
line-height: 22px;
text-transform: uppercase;
letter-spacing: 1px;}

.schwarzeschrift {color: #000 !important;}
.erfahrung h1 {text-align:center; margin-bottom: 40px;}


 p.teaserlink { padding-bottom: 50px; display:block; clear:both}
 p.pdflink { padding-bottom: 20px; display:block; clear:both}
 p.pdflink.floating { padding-bottom: 20px; display:inline-block; clear:none; padding-right:36px}
 
 .archiv  p.pdflink { padding-bottom: 10px; display:block; clear:both}
 
a.pdf-icon { display:inline-block; clear:none; padding-right:36px}

 
p.teaserlink a:before, p.pdflink a:before, .triggerlink span:before,  a.pdf-icon:before,  a.pfeil-icon:before {
font-family: "Font Awesome 5 Pro";
 font-weight: 900;
display: inline-block;
padding-right: 5px;
color:#bd1414;
/*transition: all .2s cubic-bezier(.7, 0, .3, 1);*/
}



p.teaserlink a:after ,  p.pdflink a:after {clear:both;display:block;}
 
p.pdflink a:before {
  font-weight: 100;
content: "\f1c1";
font-size: 24px;
padding-right:10px;
}

 a.pdf-icon:before {
  font-weight: 100;
content: "\f1c1";
font-size: 20px;
padding-right:10px; padding-left: 16px;
}

 
p.teaserlink a:before{
content: "\f138";
  font-weight: 600;
}

 a.pfeil-icon:before {content: "\f138";
  font-weight: 600; }




.triggerlink span:before {
   font-weight: 600;
content: "\f138";
font-size: 24px;
padding-right:10px;
}

.triggerlink.trigger_active span:before {
content: "\f13a";
}
.triggerlink span {color:#bd1414; cursor:pointer;}


.archiv {display:block; margin-bottom:30px; }

.archivjahr {display:block; float:left; padding-right: 30px; width: 250px;}

.archiv .toggle_container {
padding-left: 36px;padding-left: 0px;
padding-top: 30px;padding-top: 20px;
}




 
 a.top {
    display: none;
    color: #fff;
    text-align: center;
    padding: 0.8em 1.3em 1em 1.3em;
    -webkit-border-radius: 0.2em;
    border-radius: 0.2em;
    background: rgba(0,0,0,0.5);
    position: fixed;
    right: 1em;
    bottom: 1em;
    opacity: 0.8;
}
  
 .sharebuttons .share_text, .sharebuttons .share_count {display:none !important;}
  
 .sharebuttons ul {float:right;  }
 #content .sharebuttons ul {padding-left:0;}
 
 .sharebuttons span.download  {padding-top:3px;padding-right:6px;width:36px;}
 .sharebuttons span.mail  {padding-top:3px;padding-right:6px;width:36px;}
 .sharebuttons span.print  {padding-top:3px;padding-right:6px;width:36px;}
  
  .sharebuttons a ,  .sharebuttons span a  {opacity:0.7 !important; display:inline-block !important;color:#595959 ;}
.sharebuttons  a:hover {color:#bd1414 ;} 
  

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

.startimage_bg {width:100%; 
background-repeat:no-repeat, no-repeat;
background-size: auto 75%, cover ; 
background-position: right bottom, center; 
padding-bottom: 100%;
}
.startimage_bg.singleimage {width:100%; position:relative; 
background-repeat:no-repeat;
background-size: auto 75% ; background-size: auto 300px ; 
background-position: right bottom; 
padding-bottom: 100%;padding-bottom: 300px;
background-image:url('https://www.sci.de/fileadmin/templates/images/B_ROT_Netz.png');
background-color: #8e0f0f;
}

.startimage_bg.singleimage_bg {width:100%; 
background-repeat:no-repeat;
background-size: cover ; 
background-position: center; 
padding-bottom: 100%;
}

.startimage_bg.singleimage .contentcontainer{  width:100%; }

.startimage_caption_container {  width:100%;  }

.startimage_caption, .startimage_caption_container h1 { width:100%; max-width: 505px; max-width: 565px;
/*-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;*/
}

.startimage_caption span, .startimage_bodytext span,  .startimage_caption_container h1 span {	/*box-shadow: 0 0 0 0px #8e0f0f;

box-decoration-break: clone;
line-height: 60px;padding: 0px 2px 0px 2px;*/
line-height: 34px;
font-size: 30px;

background-color: #8e0f0f;
text-transform: uppercase;
color: #fff;

letter-spacing: 2px;
font-weight: 600; font-family: 'Mukta', sans-serif; 
display:inline-block; margin-bottom: 3px; padding:2px;
}



.startimage_link {padding:10px;width: 100%;}
.startimage_link a  {display:block;  text-align:center; width: 100%; font-size: 24px; color: #000; border: 2px solid #000; padding: 10px;  }
.startimage_link a:hover {color: #8e0f0f; border: 2px solid #8e0f0f;}


/*.contact-boxlink {display:inline-block;  text-align:center; width: auto; font-size: 18px; color: #fff;;  border: 2px solid #fff; padding: 2px 30px 2px 30px !important;background: transparent;}
.contact-boxlink:hover {background: #595959; border: 2px solid #fff;}*/

.contact-boxlink {display: block;margin-top:-2px; text-align:center; width: auto; font-size: 18px;line-height :28px; height: 30px; 
color: #fff !important;  border: 1px solid #fff !important;   background: #8e0f0f !important;
 padding: 0px 10px 0px 10px !important;}
.contact-boxlink:hover {
border: 1px solid #8e0f0f;  color: #8e0f0f !important;   background: #fff !important; }



#stoerer {background:#f39292; width:100%;}
#stoerer a  { padding: 20px; color:#fff;display:block; } 
#stoerer a:hover {color:#fff; cursor:pointer;  }

/*#stoerer1 {display:none; }
*/
#stoerer1 {background:#ee5c5c; width:100%;}
#stoerer1 a  { padding: 20px; color:#fff;display:block; text-transform:uppercase; text-transform:none;  } 
#stoerer1 a:hover {color:#fff; cursor:pointer;  }




#stoerer-weihnachten {position:absolute; bottom: 0; width: 100%;}

#stoerer-weihnachten div {  background:#fff;  width: 100%; padding: 20px; min-height: 190px;}


#stoerer-weihnachten div.img1 {width: 30%;float:left;  background:#fff; position:relative;  display:block; min-height: 190px; }
#stoerer-weihnachten  div.img2 {width: 30%;float:left;  background:#fff;  position:relative;   display:block;min-height: 190px; }
#stoerer-weihnachten  div.img3 {width: 40%;float:left;  background:#fff;  position:relative;  display:block; min-height: 190px;  }



#stoerer-weihnachten img {  width:100%; height:auto;  position:absolute; top: 50%; left: 0; width: 100%;
transform: translateY(-50%); }

#stoerer-weihnachten a  { padding: 0px; text-transform:uppercase; text-transform:none;  } 
#stoerer-weihnachten a:hover {cursor:pointer;  }



#stoerer1-weihnachten a  { font-weight: bold; text-transform:none; color: #000; } 
#stoerer1-weihnachten a:hover { cursor:pointer; color: #bd1414; }



#stoerer2-weihnachten a  { font-weight: 700; text-transform:none; color: #000; } 
#stoerer2-weihnachten a:hover { cursor:pointer; color: #bd1414; }




#stoerer1-weihnachten { padding-top: 50px;}
 
#stoerer1-weihnachten  > div  { background:#d9d9d9; width:calc(100% - 40px); margin: 20px; 
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
 -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);}
#stoerer1-weihnachten  > div >  div {padding: 30px;}


#stoerer2-weihnachten { }
 
#stoerer2-weihnachten >  div  { background:#d9d9d9;  width:calc(100% - 40px); margin: 20px;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
 -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);  }
#stoerer2-weihnachten  > div  > div {padding: 30px;}

#stoerer1 span {line-height: 125%;}








#p125 .bgimageblock .blockcontent{background-image:url('../../user_upload/headerbilder/karriere-innotrans.jpg');background-image:url('../../user_upload/headerbilder/karriere-innotrans-grau.jpg');
background-color:#fbd222;background-color:#d5d5d5;
}

#p125 .bgimageblock .blockcontent {min-height: 800px;padding-bottom: 450px;  position:relative; width:100%; 
background-repeat: no-repeat;
background-size:100% auto ; 
background-position:   center bottom; 
  }

#p125 .box {background: #bd1414 ;width: calc((100% / 2) - 10px); max-width: 180px; } 
 #p125 .boxes {position:relative;} 
 
#p125 .box:first-of-type {background: #bd1414; position:absolute; width: calc(50% - 20px);} 

#p125 .box:last-of-type {background: #bd1414; position:absolute;  width: calc(50% - 20px); left: 50%; } 

#p125 h1 {color:#000; text-transform: none; font-size: 45px; line-height: 52px; letter-spacing:0;}
#p125 h2 {color:#000; text-transform: none; font-size: 34px; line-height: 36px; letter-spacing:0; font-weight: bold; margin:0; padding: 0;}
  
#p125 div.subheadline p.bigtext { padding-left: 100px;  line-height :105%;}  


#p125 div.bottomtext { padding-top: 40px;} 
  
#p125 .box h2 { font-size: 18px; line-height: 21px; letter-spacing:0 !important; width: 100%;
bottom: auto; left: 0px;
font-weight: normal; 

  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;

text-align:center; line-height: 120%;
 position: absolute; width:100%;padding:0px 10px 0px 10px;top: 50%;
 
  -ms-transform: translateY(-50% );
  transform: translateY(-50% );


} 

#p125 .box .boxtext {  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;

text-align:center; line-height: 120%;  width: 100%;

 position: absolute; padding:0px 10px 0px 10px;top: 50%;left:0px;
 
  -ms-transform: translateY(-50% );
  transform: translateY(-50% );
}


#p125 .box p {text-align:center; line-height: 120%;
 position: absolute; width:100%;padding:0px 20px 0px 20px;top: 50%;
 
  -ms-transform: translateY(-50% );
  transform: translateY(-50% );}

   #p125 .karrierespecial p a {color:#000;} 
   #p125  .karrierespecial  p a:hover {color:#000;text-decoration:underline;} 


 
 @media all and (min-width: 780px){
 	
  

	
 
#p125 h1 {color:#000; text-transform: none; font-size: 58px; line-height: 60px; letter-spacing:0;}	 
    
.bgimageblock .blockcontent .contentcontainer.karrierespecial {
  position: absolute;

  left:50px;
  margin-left:0px;
  z-index: 400;

  top: 48px;
  transform: none;

  width: 700px;
  padding: 0;
  }
  
 #p125 .bgimageblock .blockcontent {
 	min-height: 800px; position:relative; width:100%; 
background-repeat: no-repeat;
background-size:cover ; 
background-position: right -110px center; 
  } 
  
 #p125 .box:first-of-type {top:-390px; left:20px; width: 160px; position:absolute; } 

#p125 .box:last-of-type { top:-300px; left:380px;width: 130px; position:absolute;  } 

#p125 div.bottomtext { padding-top: 300px;} 
 
  
  
  
  



#stoerer-weihnachten div {  background:#fff;  width: 100%; padding: 20px; min-height: 240px;}


#stoerer-weihnachten div.img1 {width: 30%;float:left;  background:#fff; position:relative;  display:block; min-height: 240px; }
#stoerer-weihnachten  div.img2 {width: 30%;float:left;  background:#fff;  position:relative;   display:block;min-height: 240px; }
#stoerer-weihnachten  div.img3 {width: 40%;float:left;  background:#fff;  position:relative;  display:block; min-height: 240px;  }



#stoerer1-weihnachten {position:absolute; left: 40%;
top: 0px;
margin-left: -200px;z-index:70;}
 
#stoerer1-weihnachten  > div  {position:relative;  width: 350px; height: 350px;background:#d9d9d9; border-radius: 50%; }
#stoerer1-weihnachten  > div >  div {padding: 60px 50px 70px 60px;width:350px;  background:transparent; line-height:140%;}


#stoerer2-weihnachten {position:absolute; left: 40%;
top:  0px;
margin-left: 100px;z-index:80;}
 
#stoerer2-weihnachten > div  {position:relative;  background:#d9d9d9;width: 350px; height: 350px; border-radius: 50%; }
#stoerer2-weihnachten > div  > div {padding: 60px 50px 70px 60px;width:350px; background:transparent; line-height:140%;}




 }
 
 
 
 @media all and (min-width: 960px){


#stoerer-weihnachten {position:absolute; bottom:  0px; width: 600px; left: auto;
right: 0px;}

#stoerer-weihnachten div {  background:#fff; height: 180px;width: 100%;}



#stoerer-weihnachten div.img1 {width: 30%;float:left;  background:#fff; position:relative;  display:block; min-height: 180px; }
#stoerer-weihnachten  div.img2 {width: 30%;float:left;  background:#fff;  position:relative;   display:block;min-height: 180px; }
#stoerer-weihnachten  div.img3 {width: 40%;float:left;  background:#fff;  position:relative;  display:block; min-height: 180px;  }




 
#stoerer1-weihnachten {position:absolute; left: 40%;
top: 6vw;
margin-left: -200px;}
 
 

#stoerer2-weihnachten {position:absolute; left: 40%;
top: 6vw;
margin-left: 100px;}
  


 
#p125 h1 {color:#000; text-transform: none; font-size: 58px; line-height: 60px; letter-spacing:0;}	 
    
.bgimageblock .blockcontent .contentcontainer.karrierespecial {
  position: absolute;
  top: 100px;
  left: 50%;
  margin-left: -155px;
  z-index: 400;
  width: 1230px;
  top: 48px;
  transform: none;
  padding-left: 20px;
  width: 700px;
  padding: 0;
  }
  
 #p125 .bgimageblock .blockcontent {
 	min-height: 800px; position:relative; width:100%; 
background-repeat: no-repeat;
background-size:cover ; 
background-position: right center; 
  } 
  
 #p125 .box:first-of-type {top:-500px; left:-150px; width: 160px; position:absolute; } 

#p125 .box:last-of-type { top:-300px; left:380px;width: 130px; position:absolute;  } 

#p125 div.bottomtext { padding-top: 300px;} 
 
  

 }



 
 
 @media all and (min-width: 1440px){


#stoerer-weihnachten {position:absolute; bottom:  30px; width: 600px; left: auto;
right: 0px;}

 }






.bgimageblock .blockcontent {position:relative; width:100%; 
background-repeat: no-repeat;
background-size:cover ; 
background-position: center; 
/*padding-bottom: 100%;*/
}
 

.bgimageblock .frame-default { max-width: 1000px; max-width: 1080px; 
z-index:1;
position:absolute; top: 50%; left: 0; width: 100%;
transform: translateY(-50%); padding: 0px 20px 0px 20px;}
  
  
.singleimage_bg h1 { max-width: 1000px; max-width: 1100px;  width:100%;
z-index:1;
position:absolute; top: 50%; left: 0; width: 100%;
transform: translateY(-50%); padding: 0px 20px 0px 20px;}

   
 

.bgimageblock h1 span , .singleimage_bg h1 span{	 
/*  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  border-bottom: 4px solid transparent; */
background-color: #f39292;
 line-height: 24px;
font-size: 18px;
font-weight: 900; font-family: 'Mukta', sans-serif; 
letter-spacing: 2px; 
 padding:0px;
 
 color: #000;
display:inline-block; margin-bottom: 4px;padding:2px;
}
/*.bgimageblock h1 span::before , .singleimage_bg h1 span::before{ display:block; width: 100%; clear:both; }
*/
.bgimageblock h1 span.beforespan , .singleimage_bg h1 span.beforespan{ display:block; width: 100%; clear:both; height:0;padding:0px;margin:0; line-height: 0px; background-color: transparent; }

  
 /*daten trends*/
#p4 .startimage_link {padding:0px;width:auto;  position:absolute; z-index:1; bottom :40px; left: 10px;}
#p4 .startimage_link a {display:block;  text-align:center; width: 100%; font-size: 24px; color: #fff; border: 2px solid #fff; padding: 10px;background-color:transparent; color: #000; border: 2px solid #f39292;background-color: #f39292;}

#p4 .startimage_link a:hover {color: #000; border: 2px solid #f39292;background-color: #f39292;color: #fff; border: 2px solid #8e0f0f;background-color: #8e0f0f;  color: #fff; border: 2px solid #fff;background-color: transparent;}





/*raildata*/
#p35 .bgimageblock .blockcontent{background-image:url('../../user_upload/headerbilder/Buchstaben.jpg');}
/*daten-trends*/
/*database*/
#p34 .bgimageblock .blockcontent{background-image:url('../../user_upload/headerbilder/Digital_Code.jpg');}


/*klusii*/
/*unused*/
#p112 .bgimageblock .blockcontent{background-image:url('../../user_upload/headerbilder/klusii_bg.jpg');}

.klusiihead {display:block;  width: 400px; height: 180px; background-color:#fff;
    background-image:url('../images/klusii-logo.jpg');
    background-repeat:no-repeat;
    background-size: auto 130px;
    background-position:center;}
    
.klusiicontainer {max-width: 1210px; margin:auto; }

     
   .klusiicontainer  .kacheln.aktion .box {
  background: #000;
}
.klusiicontainer  .kacheln.aktion .box:hover {
  background: #bd1414;
}

.klusiicontainer  .kacheln.aktion .box span.boxheadline {text-transform:none; }
/*end unused*/



#p112 .introblock {display:none;}

#p112 .bgimageblock .blockcontent{background-color: rgb(23,23,23);
background-image:url('../../user_upload/klusii_transparent.png');
background-size: 80% auto; background-repeat: no-repeat;
background-position: top 2% left 5%; position: relative; padding-bottom: 100%; }

.klusiicontainer {width: 100%;  }

.klusiicontent {position: absolute;
width:100%;
padding: 3%;
left: 0;
top: 50%;
;}

.klusiicontent h1, .klusiicontent p, .klusiicontent a, .klusiicontent i {color:#fff;}

.klusiicontent p.moreinfo {float:right; }

.klusiicontent h1 {text-transform: none; letter-spacing: 0; font-size: 40px;}
.klusiicontent p {font-size: 26px; font-weight: 400;}

.klusiicontent i {font-size: 32px;
margin-top: 3px;
display: block;
float: left;
line-height: 42px;
display: block;
float: left;
margin-right: 10px;}
.klusiicontent a:hover {opacity:0.8}







.cookie-disclaimer {
  background: #000000;
  color: #FFF;

  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 1001;
/*  opacity: 0.9;  height: 250px;*/
  position: fixed;
  display:none; 
  border-top:1px solid #fff;
}  
.cookie-disclaimer .container {
  text-align: center;
  padding : 20px; 
}
.cookie-disclaimer .container p {margin-bottom:0px;}
.cookie-disclaimer .container p  a{color: #fff; text-decoration:underline;}
.cookie-disclaimer .container p  a:hover{color: #bd1414;}

.cookie-disclaimer .container p:last-of-type {padding-bottom:10px;}

.accept-cookie  {
	border:1px solid #8e0f0f;
	border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; 
	background-color:#8e0f0f;
	color:#fff;font-size:16px;
	height:38px;line-height:38px;
	display:inline-block;
	padding:0px 20px 0px 20px;  ;margin-right:16px;

}

.decline-cookie {
 	border:1px solid #595959;
border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; 
	background-color:#fff;	background-color:#595959;
 	color:#fff;
	
	font-size:16px;
	padding:0px 20px 0px 20px; 
	height:38px;line-height:38px;
	display:inline-block; 
}

span.reset-cookie {cursor:pointer;}
#footer.nocookieconsent {padding-bottom:350px;}   



.resultlist {margin-bottom:25px;}
.resultlist .listitem:last-of-type {border-bottom:none; }
.anchorlink {margin-top:120px;  }

/***************************************************************************************************/ 
/***************************************************************************************************/ 
 

 
td {
    vertical-align: top;
    padding: 0;
    text-align: left;
}
 fieldset {border:none;}

 
  

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
}
select::-ms-expand {
  display: none;
}


select {
height: 22px;
padding-left: 2px;
 padding-right: 16px;
background-color: #fff;
background-image:url('../images/pfeil-select.png');
background-repeat:no-repeat;
background-position: center right 3px;
  color: #455560;
 
  font-size: 14px;
   outline: none;
 border:1px solid #8b8b8b;
/*  border-radius: 3px;*/
  cursor: pointer;
}
select option {
  color: #455560;  font-size: 14px !important;background:#fff;
}
select:focus::-ms-value {
  background-color: #fff;
}

 


.alignright.infoicon {float:right; width:40px; padding-left:10px;}
.alignleft {float:left;  padding-right:10px;}




.align_right {text-align:right; }
  

/* shop ...
.searchinput {
    height: 36px;
    float: left;
    border: 1px solid #fff;
    width: 200px;
    background: #fff;
    padding: 3px;
}

.submitsearch { display:block; height:36px; width:50px; float:left; background-color: rgb(238,92,92); padding:5px 0px ; text-align:center;cursor:pointer;}  
.submitsearch i, .submitsearch  a {color:#fff;font-size:21px;}
 */


 
.error { color:#bd1414;}

.success { color:#339933;}
p.success { font-weight:bold; padding: 16px 0px 16px 0px;}





#introtext {padding:0px 15px 40px 15px; }

  
#search {position:absolute;right:150px; top:10px; }


span.searchsubmit {display:block;float:right; width:30px; padding-top:10px;height:102px; cursor:pointer;}


span.searchinput {display:none;  position:fixed;  background:#fff;
background:#d9d9d9;padding:36px 30px 10px 30px;
 width: 100%;   
   min-height:220px;
       z-index: 9999;
    right: 0px;
    top:40px;  top:45px;
 }


span.searchclose { position:absolute;  top:10px; right: 10px;}

 

input.searchtext {
width:100%;  height:50px;
border:none; background:#fff; padding:10px;

float:left;
}

.searchinput .clear{height:20px;}

.searchoption.input {float:left; width: auto; }

.searchoption label {font-size:18px;padding-left:5px; }

span.searchoptions {float:left; width: 260px;}

span.searchoption {display:block; }


.submitbutton {display:block; width:auto; background-color:#bd1414;border:none !important; color:#fff !important;font-size:33px !important; 

padding: 6px 12px 6px 12px;margin:0px 0px 0px 0px;text-transform:uppercase;float:right; 

height:50px  !important;padding: 0px 12px 0px 12px  !important;line-height:50px  !important;width:auto !important;}


  
 
   
#headerwrapper.scrolled {
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
 -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
} 
  

.col70   {float:left; width: 100%;  padding:0px 0px 0px 0px;}





.tab-content.current {
    display: inherit;
    border: 1px solid #455560;
    z-index: 0;
    margin-top: -1px;
}
.tab-content {
    display: none;
    background: #fff;
    padding: 15px;
}


ul.tabs {
    margin: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
    margin-top: 24px;
    margin-bottom: 0px;
    padding: 0px;
    list-style: none;
}
ul.tabs li.current {
    background: #fff;
    color: #000;
    z-index: 2;
    border: 1px solid #455560;
        border-bottom-color: #455560;;
        border-bottom-style: solid;
        border-bottom-width: 1px;
    border-bottom: 0px !important;
}

ul.tabs li {
    background: none;
    color: #000;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
    position: relative;
    z-index: 0;
}

.left , .left1{width:100%; padding-bottom:50px;}
.main, .main1 {width:100%;}

.leftcol, .leftcol1, .leftcol2 {width:100%; padding-bottom:40px;}

.leftcol.empty , .leftcol1.empty, .leftcol2.empty {width:100%; padding-bottom:0px;}

.maincol, maincol1, maincol2 {width:100%;}

.transparentbg {background: rgba(255,255,255,0.7); padding: 20px;/*max-width: 660px;*/} 
 
 
 
 
/* ALT kann raus*/
/*.onpagesearch { 
background:#d9d9d9;padding:20px 20px 10px 20px;
width: 100%;   
height:180px;
}

.onpagesearch .searchtext {width:100%;}
 
.onpagesearch .submitbutton { height:50px;padding: 0px 12px 0px 12px;line-height:50px;margin-top:30px;}

.onpagesearch span {font-size:18px; display:block; float:left; padding-right:10px;font-weight:300; max-width:250px;line-height:25px;}


 
.onpagesearch { 
background:#fff;padding:20px 20px 10px 20px;
width: 100%;   
height:180px;
}
*/

 
/* NEU*/
.searchblock {padding-top: 5px; /*ausgleich line-height in introblocks*/}
.searchinput {width:calc(100% - 70px); border: 1px solid #8b8b8b; float:left; height: 50px; padding:3px;}
 
.submitsearch, .submitdownload { 
	background:#8b8b8b;
    display: block;
    height: 50px;
    width: 70px;
    float: left;
    padding: 10px 0px;
    text-align: center;
    cursor: pointer;
    
    }
.submitsearch i, .submitsearch a , .downloadblock i, .downloadblock a{  color: #fff; font-size: 26px;}

.downloadblock a {color: #000;}
.downloadtext {display:block; width:calc(100% - 70px); border: 1px solid #8b8b8b; float:left; height: 50px; padding:0px 5px 0px 5px; line-height: 50px;color: #000; font-size:16px;}

 
 
.searchblock .pp_checkbox {width:30px; display:block;float:left;max-width:20px;padding-top:2px;}
.searchblock .pp_text {display:block;float:left;width:calc(100% - 30px);font-size:16px;padding-top:2px;}


.pp_agree {width:100%; display:block; font-size:16px;}

.loginfield {width:100%; border: 1px solid #8b8b8b; float:left; height: 48px; padding:3px; margin-bottom:5px; background:#fff;}

.loginfieldsmall {width:calc(100% - 110px); border: 1px solid #8b8b8b; float:left; height: 48px; padding:3px;background:#fff;}


.searchblock .forgotpassword { float:left; width:50%;padding-top:10px;font-size:16px; text-align:right;}

.searchblock .pp_agreebox {width:50%;float:left;padding-top:10px; font-size:16px;}



.loginbutton {background:#8b8b8b;border:none;
    display: block;
    height: 48px;
    width: 110px;
    float: left;
    padding: 7px 0px;
    text-align: center;
    cursor: pointer; color:#fff; font-size:22px; text-transform:uppercase;}




 
.trigger21:hover {cursor:pointer; }
 .bigheadline span.readmore {color:#fff;font-weight: 500; letter-spacing: 4px; display:inline-block; padding-left: 25px;font-size:22px; }
  
 .bigheadline .toggle_container {color:#fff; padding-bottom: 10px; text-align:left; }
  .bigheadline.specialnews {height:auto; min-height: 270px;}
  
    .bigheadline.specialnews .trigger_active span.readmore {display:none; }
    .bigheadline.specialnews h1 { margin-bottom: 8px;}
    
.newslistitem.specialnews .toggle_container {padding-left: 60px; padding-top:0;}

.newslistitem.specialnews .trigger_active span.headline {border-bottom:none; }
.newslistitem.specialnews .trigger_active + .toggle_container p {border-bottom:1px solid #000; }
 
 /*.newslistitem.specialnews .trigger_active span.plusicon {content:"-";}
*/ 
 
 .listitem {border-bottom:1px solid #000; padding: 0px 10px 20px 0px; margin-top:20px; position:relative; }
 
.listitem h2 {font-size:22px;margin:0px 0px 0px 0px;color:#000;font-weight:500;padding:0; line-height:26px; border-bottom:none !important;}

.listitem .trigger21:hover h3 , .listitem .trigger21  {cursor:pointer; color:#8e0f0f;}

 
.listitem p {margin:0px 0px 0px 0px;font-size:18px;color:#000; padding:0;line-height:24px;}
  
.listitem p.smaller {margin:0px 0px 0px 0px;font-size:18px;line-height:22px;}
 
 .listitem .toggle_container .close_toggle {display:none;}


 .newslink {color:#000;}
 .newslink:hover ,  .newslink:hover h3 {color:#bd1414;}
 
 .newslistitem {clear:both; display:block; }
 
 .newslistitem span.plusicon {display:block; float: left; width:60px; line-height: 60px; font-size: 60px; font-weight: 700;}
 .newslistitem span.headline {display:block;border-bottom:1px solid #000; padding-top: 15px; float: left; width: calc(100% - 60px); padding-bottom: 15px;margin-bottom: 5px;}

.newslistitem.raildata span.headline {border-bottom:none; padding-bottom: 0;}
.newslistitem.raildata .toggle_container {padding-left: 60px; padding-top:0;}
.newslistitem  div.dividerline {width: calc(100% - 60px); clear:both; margin-left: 60px;border-bottom:1px solid #000; margin-bottom: 5px;}

.newslistitem .trigger_active .readmore {display:none; }
 
  .newslistitem span.newstitle {font-weight: 500; display:inline; padding-right: 8px;}
  .newslistitem span.readmore {color:#bd1414;font-weight: 500; letter-spacing: 3px; display:inline; }
span.newsdate {color:#000;font-weight: 300 !important; letter-spacing: 0px; display:inline; padding-right: 22px;white-space: nowrap;}
  
  .newsteaserbox {max-width: 400px;  }
  
  
  .newsteaserbox .bgimage {width: 100%; position: relative; padding-bottom: 56.666667%; 
  background-repeat: no-repeat;
background-size:cover ; 
background-position: center;  margin-bottom: 10px;}
  
   .newsteaserbox .bgimage h2 {position:absolute; top: 5px; left: 10px; z-index:2;}
 
 
 /*free-downloads*/
#p38 .newsteaserbox .bgimage {background-image:url('../../user_upload/headerbilder/Megafon.jpg');}
/*pressemitteilungen*/
#p47 .newsteaserbox .bgimage{background-image:url('../../user_upload/headerbilder/Megafon.jpg');}
/*sci in der presse*/
#p48 .newsteaserbox .bgimage{background-image:url('../../user_upload/headerbilder/Presse_Mikro.jpg');}

 .newsteaserbox span.readmore {color:#bd1414;font-weight: 500; letter-spacing: 3px; display:inline;font-size: 18px; }
   .newsteaserbox  p,  .newsteaserbox  h3 {display:inline; font-size: 18px; }
   .newsteaserbox  h3 {padding-right:20px;}
.news .footer {color:#000;}

  .news .textblock {width: 100%;padding: 0px 10% 0px 10% }
  
  .news .textblock img {width: 100%; height: auto; }
  
  .news .textblock .ce-image{margin: 50px 0px 50px 0px} 
  

  .textblock header h3 {line-height: 150%; margin: 30px 0px 30px 0px}
  
  
  
  .tooltipcontainer {display:none; width: 250px; background:#d9d9d9;padding: 12px 10px 12px 10px;}
  
   .team {padding: 0px 20px 20px 20px; cursor:pointer; max-width: 280px; margin:auto; }
   
  .team_image {width: 100%; padding-bottom: 100%; border-radius: 50%;-webkit-border-radius: 50%;
  -moz-border-radius:50%; background-repeat: no-repeat;
background-size:cover ; 
background-position: center; }
 
.name {display:block; text-align:center; font-weight: 500; color:#bd1414; margin-bottom: 10px;font-size:22px;margin-top: 24px;}
.position {display:block; text-align:center; font-weight: 300; }

  .tooltipcontainer .name {color: #000;  }
  .tooltipcontainer .position,  .tooltipcontainer p.bodytext{ margin-bottom: 10px; }
    .tooltipcontainer p,   .tooltipcontainer  span {text-align:center; }
     .tooltipcontainer p:last-of-type { margin-bottom: 10px; }
     
.jBox-content {padding: 0 !important;}

 

.bigheadline {width: 100%; padding: 80px 20px 80px 20px; text-align:center; background: #8e0f0f; margin-bottom: 40px;}
#p37 .bigheadline{ background: #595959}


.col50 {width: 100%;}
.col50 img {width: 100%; height: auto; }


.bggrey {background: #d9d9d9; padding: 10px;  width: 100%;
clear: both;}
  
	.kunden-item {padding-bottom: 5px;}
	
	
	 
	.startimage_bg.singleimage .contentcontainer .frame-default {width: 100%;   padding-bottom: 50px;}
.startimage_bg.singleimage .contentcontainer .frame-default p, .startimage_bg.singleimage .contentcontainer .frame-default h2 , 
 .startimage_bg.singleimage .contentcontainer  a {color: #fff}
 
 .startimage_bg.singleimage .contentcontainer .frame-default h2 {font-size: 36px;margin-bottom: 30px;}
 
 .startimage_bg.singleimage .contentcontainer  .socialmedia {clear:both; padding-top: 30px;}
  .startimage_bg.singleimage .contentcontainer  .socialmedia i {font-size: 28px; margin-right: 10px;}
  
  
  .frame-space-before-large {margin-top:20px;}
  
  
  
#loadMoreList {margin:0; padding:0; list-style-type:none;}  
#loadMoreList li{ display:none;}
#loadMore {padding-top:30px; float:left; padding-right:50px; margin-left:0px;}
#showLess {padding-top:30px; float:left; clear:none;}

.news#showLess {margin-left:0px;}

.projectlist #loadMore { margin-left:0px;}
#loadMore.teaserlink {padding-bottom:0px;}
/*#loadMore {
    color:green;
    cursor:pointer;
}
#loadMore:hover {
    color:black;
}
#showLess {
    color:red;
    cursor:pointer;
    display:none;
}
#showLess:hover {
    color:black;
} 

*/

/*webinare content verstecken*/
#p14 .frame-default {display:none}


/*karriere*/

.startimage_bodytext p.bgwhitetrans {background: rgba(255,255,255,0.4); padding: 20px;max-width: 590px; margin-bottom: 30px;margin-top: 5px; font-size: 22px;font-size: 18px; }
 
.startimage_caption.karriere , .startimage_caption.karriere span { width:100%; max-width: 590px;} 
.startimage_bodytext p, .startimage_caption.karriere span {padding-left: 20px} 




#toggle_all {
       cursor: pointer;
 
    display: block;
    padding: 4px 12px 4px 12px;
    color: #595959;
    background: #fff;
    border-top: 1px solid #595959;
    border-bottom: 1px solid #595959;
    border-left: 1px solid #595959;
    border-right: 1px solid #595959;
  margin-right:0px; 
   margin-top:12px;
   margin-bottom:12px;width:150px; height:40px; 
     
}
#toggle_all:hover {background-color: #595959;  color: #fff;}

 
.submenuselect { height:40px;width: 300px;  margin-top:7px;}



.trigger {width:100%; display:block; clear:both;padding:5px 0px 5px 2px;  margin-top:5px; }

.trigger span {float:left ;display:block; cursor:pointer; font-size:22px; line-height:50px;}
 
 
.trigger span.triggerlink {float:left; cursor:pointer;  display:block; padding-right:5px;}

.toggle_container, .toggle_container1 {display:none;clear:both;padding:8px 0px 0px 0px; }


.trigger1 {display:block;  padding:0px 5px 5px 12px;  margin-top:5px;  border:1px solid #7f7f7f;height:40px; color:#000;font-size:18px; width:100%;cursor:pointer;  padding:0px 5px 5px 4px; }
.trigger1:hover, .trigger1_active { color:#8e0f0f; border:1px solid #8e0f0f; ;}
.trigger1 span {float:left ;display:block; cursor:pointer;  font-size:18px; line-height:40px;}
.trigger1_active .triggertext {display:block; float:left;}
.trigger1 span.triggerlink {float:left; cursor:pointer;  display:block; padding-right:15px; padding-right:8px;}
 

.trigger1.heading {  border:none; opacity:1; height:auto;}
.trigger1.heading:hover, .trigger1.heading.trigger1_active {border:none; opacity:1; height:auto;}
 
 

.submenuselect .toggle_container1 {  border:1px solid #7f7f7f;border-top:none;padding:0;  width:100%; background:#fff;   
position: absolute;
z-index: 100;
width: 300px;}

/*andere beratungsbereiche*/
.toggle_container1 a {display:block; border-bottom:1px solid #7f7f7f;padding: 10px; color: #000; padding-left: 45px;padding-left: 30px;padding-right: 0;}
.toggle_container1 a:hover {color: #bd1414}
 
 
 

/***************************************************************************************************/ 

/*******************************************. NEWS CSS *******************************************************/ 
 .news .article .news-img-wrap img {
  float: left;
  height: auto;
  width: 100%;
}
 
 .news-single .article .news-img-wrap {
  float: none;
  width: 100%;
  margin: 0px;
}
.news .article .news-img-wrap {
   float: none;
  width: 100%;
  margin: 0px;
}

.news .article .news-img-wrap a {
  display: block;
  float: none;
  padding: 0px;
  border: none;
  background: #fff;
}
 
 

 
.sci_at {
    background-image: url(../images/sci_at_red.png);
    background-repeat: no-repeat;
    background-size: 15px auto;
background-position: center top 6px;
width: 20px;
height: 20px;
    display: inline-block;
	}
a:hover .sci_at {background-image:url('../images/sci_at_black.png');}
 
.startimage .sci_at,.startimage a:hover .sci_at ,.footercol .sci_at,.footercol a:hover .sci_at {background-image:url('../images/sci_at_white.png');}
 
 .hide-robot {
    display: none !important; 
}

#p117 .introblock, #p123 .introblock , #p125 .introblock  {display:none; }


/***************************************************************************************************/ 
/***************************************************************************************************/ 
 
 
 @media all and (min-width: 380px){
 

.col25   {float:left; width:50%; max-width:450px;padding:0px 0px 0px 0px;}
.col25:nth-of-type(odd) {clear:both;}
 }
 

 
 @media all and (min-width: 404px){  
 	
.blockcontainer.hellgrau .blockcontent.ansprechpartner {  background-position: left 200px  bottom -40px; }

}
 
 
@media all and (min-width: 424px){


}


@media all and (min-width: 440px){
 
}


 
@media all and (min-width: 480px){

#usernav {position: absolute;right: 75px;top: 42px;  width: 250px;}

 
.footerlogo {width:50%;float:left;height:454px; }

p.singlecol {width:450px; margin:0px auto 0px auto;}

.document_detail {width:50%; float:left;padding-right:20px; }


	
#toggle_all {
    float: right;
    cursor: pointer;
 
    display: block;

    border-right: none;
  margin-right:0px; margin-top:12px;
   margin-bottom:0px;  width:150px;
}

 
.submenuselect { height:40px;  width: 300px; float:right; margin-top:7px;}





}




@media all and (min-width: 540px){
 .startimage_caption span,  .startimage_caption_container h1 span,  .startimage_bodytext  span  {	
 	line-height: 54px;
font-size: 50px;
padding-left: 0;
}


a.portfoliolink p { font-size: 18px; font-weight: 300;
}



}



/***************************************************************************************************/ 
/***************************************************************************************************/ 
 
 
 
 
@media all and (min-width: 640px){
	/*klusii*/
#p112 .bgimageblock .blockcontent{background-color: rgb(23,23,23);
background-image:url('../../user_upload/klusii_transparent.png');
background-size: 65% auto; background-repeat: no-repeat;
background-position: top 2% left 5%; position: relative; padding-bottom: 100%; }


	
	
.bgimageblock h1 span , .singleimage_bg h1 span{font-size: 22px;}

#loadMore {padding-top:30px; float:left; padding-right:50px; margin-left:60px;}
#showLess {padding-top:30px; float:left; clear:none;}
.news#showLess {margin-left:60px};
	
.news #showLess {margin-left:0px;}

#loadMore.teaserlink {padding-bottom:50px;}

.projectlist #loadMore { margin-left:0px;}


 
#content ul {margin:0px 0px 0px 0px;}
#content ol {margin:0px 0px 0px 0px;}
 
/*#headerwrapper  {height:160px;}	

.main-menu-btn  {height:102px;}	*/
 
.blockcontent, .contentcontainer {padding:20px  20px 20px 20px;}

.blockcontent.nopadtop{padding:0px  20px 20px 20px }
.blockcontent.nopbadbottom {padding:20px  20px 14px 20px;}

.blockcontent.padright, .padright  {padding-right:20px;}
 
 
.footercol {width:50%;  float:left; clear: none;padding-right:30px; }


.footercol:nth-of-type(2) { clear: both;  }
.footercol:nth-of-type(4) { clear: both; padding-top:30px; }



.col30   {float:left; width:50%; max-width:450px;padding:0px 20px 0px 0px;}
.col30:nth-of-type(odd) {clear:both;}

 
.startimage_bg.singleimage_bg {width:100%; 
background-repeat: no-repeat;
 background-size: cover; 
background-position: center;
padding-bottom: 60%;
}


#p5 .startimage_bg.singleimage_bg {background-position: right center;}

 
}
 
 

/***************************************************************************************************/ 
/***************************************************************************************************/ 
  
  .rainbow {display:none; }
 .rainbow_mobile {position:absolute; right: 200px; top:20px;width: 30px; height:20px; 
 
background-image:url('https://www.sci.de/fileadmin/templates/images/regenbogen1.png');
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
 } 
 

 
 
@media all and (min-width: 768px){
	
	
.box .boxfulltext {top: 40px;}

 	
  .rainbow_mobile {display:none; } 
 .rainbow {clear:both;float:right;  display:block; width: 50px; height:33px; 
 
background-image:url('https://www.sci.de/fileadmin/templates/images/regenbogen1.png');
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
 }
 
 
 
	
	.col50 {width: 50%;}
.col50.leftcolumn {padding-right: 20px;}

.col50.rightcolumn {padding-left: 20px;}


	
	.kunden-item {width:50%; float:left;}
	
	
    .blockcontainer.hellgrau .blockcontent.ansprechpartner {
  background-image: url(../images/B_ROT_Netz.png); 
    background-repeat: no-repeat;
    background-position: right bottom -45px;
    background-size: auto 100%;}
    
    
	
	.bgimageblock .frame-default .boxes, 	.bgimageblock .contentcontainer .boxes {
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
}
 

/*datenbank*/
#p34 .bgimageblock .blockcontent {padding-bottom: 60%;} 

#p117 .bgimageblock .blockcontent {padding-bottom: 60%;} 

/*raildata*/
 .kacheln.aktion div.box{ width: 191px; height: 191px;margin-right: 10px; } 
 
 
 
/*startseite*/
.left div.box, .main div.box {   width: 240px;  }


#p1 .main div.box {   width: 185px;  }

#p1 .main div.box  span {
  font-size: 14px;
  color: #fff !important;
  line-height: 17px;
}
#p1 .main {padding-left: 5px;}



 .sixcols  .kacheln div.box ,   .contentcontainer .boxes div.box, .twocols  .kacheln div.box  {width: calc((100% / 2) - 10px); margin-right: 10px; max-width:191px;}
 

#p123 .bgimageblock .blockcontent {padding-bottom: 60%;}  
#p123   .contentcontainer .boxes div.box {width: calc((100% / 2) - 10px); margin-right: 25px; max-width:250px;}
#p123   .contentcontainer .boxes div.box.double {width:100%; margin-right: 25px; max-width:500px; margin-top: 30px;}
#p123   .contentcontainer .boxes div.box.double .boxlink {padding-bottom: 50%;}



.box span.subheader {position:absolute; /*top:80px; */
 bottom: 110px;
 left:10px; padding-right: 5px; color:#fff;   }
 
 span.subheader span {display:block; }

 .box h2 {position:absolute; /*top:140px; */ bottom: 55px;
 color:#fff;left:10px; padding-right: 5px;  }

 .box span.boxtext {position:absolute; top:10px;
 top: 50%;
  transform: translateY(-50%); 
 display:none;  color:#fff !important;left:10px; padding-right: 5px; 
 -webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;}



  .sixcols .box span.subheader,   .frame-default .box span.subheader,   .contentcontainer .boxes .box span.subheader {  /*transform: translateY(-50%);  top: 50%; text-align:center;*/
     top: 16px; text-align:left; width:100%; display:block; left:12px;}
  
    .sixcols .box:hover span.boxtext ,  .contentcontainer .boxes .box:hover span.boxtext {left:12px; top: 16px; transform:none; color:#fff !important }
 
 
 .box:hover span.boxtext { display:block; color:#fff !important }
 
 .box:hover h2,  .box:hover span.subheader { display:none !important;  }

	

 .twocols .box .boxheader {position:absolute;  top: 60px; color:#fff;left:10px; padding-right: 5px;  }
 	  
  .twocols .box span.subheader,   .twocols .box h2 {position:relative ; top:0px; left: 0px; }
 /*
  .twocols  .box span.boxtext { top: 50px; transform: translateY(0);}*/
 


#p1 p.teaserlink , #p5 p.teaserlink {float:left; padding-bottom: 50px;padding-right: 50px;}
/*nur auf startseite und unternehmenunten bei beratungsbeisp. nebeneinander*/
 
 	
.startimage {width:100%; position:relative; } 

.startimage_bg {width:100%; 
background-repeat:no-repeat, no-repeat;
 background-size: auto 85%, cover; 
background-position: right 50px bottom -50px, center;
padding-bottom: 100%;
}

.startimage_bg.singleimage {width:100%; 
background-repeat:  no-repeat;
 background-size: auto 85% ;  
background-position: right 50px bottom -50px;
padding-bottom: 100%;
}



.startimage_caption_container {  position:absolute;top: 10px; left: 10px; width: 60%; max-width: 505px; max-width: 565px; z-index:1; }


.startimage_bg.singleimage .contentcontainer,  .bgimageblock .blockcontent .contentcontainer  {  position:absolute;top: 10px; left: 10px; width: 100%;  z-index:1; }

/*raildata*/
#p35 .bgimageblock .blockcontent .contentcontainer, #p112 .bgimageblock .blockcontent .contentcontainer   {  position:relative; }

.klusiihead {display:block; float:left; width: 400px; height: 180px; background-color:#fff; margin-right: 20px;
    background-image:url('../images/klusii-logo.jpg');
    background-repeat:no-repeat;
    background-size: auto 130px;
    background-position:center;}
    
     
/*klusii*/
#p112 .bgimageblock .blockcontent{background-color: rgb(23,23,23);
background-image: url('../../user_upload/klusii_transparent.png');
background-size: 50% auto;
background-repeat: no-repeat;
background-position: top 3% left 3%;
position: relative;
padding-bottom: 75%;}
 

 
 /* NICHT MEHR AKTUELL - diese seiten jetzt mit template startseite ...singleimage_bg. */
 /*beratung*/
#p2 .bgimageblock .blockcontent {background-image:url('../../user_upload/headerbilder/Parkplatz-LKW.jpg');}
/*unternehmen*/
#p5 .bgimageblock .blockcontent{background-image:url('../../user_upload/headerbilder/Lotse.jpg');}
/*daten-tren ds*/
#p4 .bgimageblock .blockcontent{background-image:url('../../user_upload/headerbilder/Haltegriffe.jpg');}

#p117 .bgimageblock .blockcontent{background-image:url('../../user_upload/headerbilder/hauptbahnhof.png');}

#p123 .bgimageblock .blockcontent{background-image:url('../../user_upload/headerbilder/innotrans-lageplan.jpg');}
#p125 .bgimageblock .blockcontent{background-image:url('../../user_upload/headerbilder/karriere-innotrans.jpg');background-image:url('../../user_upload/headerbilder/karriere-innotrans-grau.jpg');}







/*kontakt*/
.startimage_bg.singleimage .contentcontainer .frame-default {width: 33.333333%; float:left; padding-right: 20px;padding-bottom: 0;} 

#p6 .startimage_bg {background-size: auto 75%, cover;}

 
.startimage_caption , .startimage_caption_container h1, .startimage_bodytext span { width:100%; padding:0px;}


 
.startimage_link {padding:0px;width:auto;  position:absolute; z-index:1; bottom :40px; left: 10px;}


.startimage_link a {display:block;  text-align:center; width: 100%; font-size: 24px; color: #fff; border: 2px solid #fff; padding: 10px;background-color:transparent; 
color: #fff; border: 2px solid #8e0f0f;background-color: #8e0f0f;

}



.startimage_bodytext p.bgwhitetrans a {color: #000 ;   }
.startimage_bodytext p.bgwhitetrans a:hover {color: #8e0f0f ;  }




.startimage_bodytext p:not(.bgwhitetrans) a {display:inline-block  !important;  text-align:center  !important; width: auto  !important; font-size: 24px; color: #fff  !important; border: 2px solid #fff !important; padding: 10px !important;background-color:transparent  !important; }

.startimage_link a:hover, .startimage_bodytext p:not(.bgwhitetrans) a:hover  { color: #fff; border: 2px solid #fff;background-color: transparent;}


#p4 .startimage_link a:hover, #p4 .startimage_bodytext p:not(.bgwhitetrans) a:hover  {color: #000; border: 2px solid #f39292;background-color: #f39292;  color: #fff; border: 2px solid #fff; padding: 10px;background-color:transparent; 
color: #fff; 
}


.startimage_bodytext {padding:0px;width:auto;  position:absolute; z-index:1; bottom :40px; left: 10px;}


 
#stoerer {position:absolute;bottom:0px;left:auto; right: 0px;right: 250px;
 margin-left: 0;  z-index:501;background:#f39292; 
 width:250px;height:250px ;
 }


#stoerer a  {position:relative; width:100%; padding-bottom: 100%; color:#fff;display:block; } 

#stoerer a > span {  position: absolute; padding:10px; 
  left:0;
  top: 50%;
  transform: translateY(-50%); }
  
   
 
#stoerer1 {position:absolute;bottom:0px;left:auto; right: 0px;  
 margin-left: 0;  z-index:501; 
 width:250px;height:250px ;
 }


#stoerer1 a  {position:relative; width:100%; padding-bottom: 100%; color:#fff;display:block; } 

#stoerer1 a > span {  position: absolute; padding:10px; 
  left:0;
  top: 50%;
  transform: translateY(-50%); }
  
   

	
.bgimageblock h1 span, .singleimage_bg  h1 span{font-size: 36px; line-height: 40px;font-weight: 600;}
 

.col25   {float:left; width:25%; padding:0px 0px 0px 0px;}
.col25:nth-of-type(odd) {clear:none;}
.col25:nth-of-type(4n+1) {clear:both;}

}



/***************************************************************************************************/ 
/***************************************************************************************************/ 

 
@media all and (min-width: 900px){
	

	
	
.teaserlink.floatright { float:right; }
	
.startimage_bg {padding-bottom: 75%;  
background-size: auto 100%, auto 100%; }

	

.leftcol, .leftcol.empty {width:35%;float:left;padding-right: 25px;padding-bottom:0;}
.maincol {width:65%;float:left; padding-left: 25px;}

.introblock .maincol{height: 270px;}


/*raildata*/
 .kacheln.aktion div.box{ width: 191px; height: 191px;margin-right: 10px; margin-top: 0px;} 
.transparentbg {margin: -20px 0px 0px -20px;margin: 0px 0px 0px -20px;}


.bgimageblock .blockcontent {padding-bottom: 36%;}

  
/*raildata*/ 
#p35 .bgimageblock .blockcontent{padding-bottom: 60%;}  
#p35 .bgimageblock .blockcontent .contentcontainer  {  position:absolute; }
#p112 .bgimageblock .blockcontent{padding-bottom: 60%;}  
#p112 .bgimageblock .blockcontent .contentcontainer  {  position:absolute; }
	
 /*
#p34 .bgimageblock .blockcontent {padding-bottom: 36%;} */



#page  {
width:100%; 
padding:110px 0px 520px 0px;
padding:110px 0px 0px 0px;
 
 }
 
 #headerwrapper {height: 110px;}

  
   
 #logo { width: 240px;
height: 101px;
float: left;
display: block;
background-image: url(../images/SCI_LOGO_190.jpg);
background-color: #fff;
background-repeat: no-repeat;
 
background-position: 6px 18px;
background-size: auto 47px;
    margin: 0px 0px 0px 15px;
 }   
   
 
#headerwrapper.scrolled #logo { 
width: 140px;
height: 61px;
background-position: 6px 18px;
background-size: auto 30px;
}   


 
 
 .submitbutton,.submitbutton1 {font-size:33px !important;}
 
.formfield {width:50%; padding-right:36px; padding-bottom:36px; float:left; display:block;height:72px;}
.formfield input {border:1px solid #979797;height:38px; line-height:38px;width:354px;width:100%;padding-left:9px;    color: #455560;font-size:20px;}
.formfield.textcontent {width:100%;height:240px; }
 
.col30   {float:left; width:33.333333%; padding:0px 20px 0px 0px;}

.col30:nth-of-type(odd) {clear:none;}
.col30:nth-of-type(3n+1) {clear:both;}



.col25   {float:left; width:25%; padding:0px 0px 0px 0px;}
.col25:nth-of-type(odd) {clear:none;}
.col25:nth-of-type(4n+1) {clear:both;}




/*
.col6:nth-of-type(6n+1) {clear:both;}*/

 
.col70   {float:left; width: calc(100% - 250px); max-width:800px;padding:0px 0px 0px 0px;
 
padding:0px 0px 0px 16px;

}




span.searchsubmit {display:block;float:right; width:30px; padding-top:11px;height:102px; cursor:pointer; }
 
.scrolled span.searchsubmit {padding-top:11px;}

span.searchinput {display:none;  position:absolute;  background:#fff;
background:#d9d9d9;padding:36px 30px 10px 30px;
 width: 500px;   
   min-height:220px;
       z-index: 9999;
    right: 0px;
    top:100px;
 }
 
 
 
 .sixcols  .kacheln div.box , .contentcontainer .boxes div.box,  .twocols  .kacheln div.box {width: calc((100% / 3) - 10px);}
 
 
 

 .frame-default div.box {width: 200px;}
 
	
.col6  {float:left; width:33.333333%; max-width:200px;padding:0px 15px 40px 15px;}


.bgimageblock .frame-default .box {width: 200px; }

#p112 .bgimageblock .blockcontent{background-color: rgb(23,23,23);
background-image:url('../../user_upload/klusii_transparent.png');
background-size: 30% auto; background-repeat: no-repeat;
background-position: top 60% left 10%; position: relative; padding-bottom: 25%;}


.klusiicontent {position: absolute;
width: 60%;
padding: 0 3% 0 0;
left: 40%;
top: 50%;
transform: translateY(-50%);}

 
	


}




@media all and (min-width: 1024px){
	
	

	
.bgimageblock h1 span, .singleimage_bg  h1 span{font-size: 50px; line-height: 54px;font-weight: 600;}
 
	
#p6 .startimage_bg.singleimage .contentcontainer .frame-default {width: 25%; } 

 
.blockcontent, .contentcontainer {padding:64px  20px 64px 20px;}
.blockcontent.nopadtop{padding:0px  20px 64px 20px }
.blockcontent.nopbadbottom {padding:64px  20px 14px 20px;}


	
.kunden-item {width:33.3333330%; float:left;}

	
.blockcontainer.hellgrau .blockcontent.ansprechpartner .ce-gallery{ width:30%; padding-bottom: 0px;padding-right: 20px; float:left; }

.personendaten {  width:70%;float:left; }
  
   
.footermenu {display:block}
.footermenu_mobil {display:none}

.clear_desktop {clear:both;}

#footercontainer {height:320px;  margin-right:0; width:100%;max-width:1900px; margin:0px auto 0px auto; }

#footer {height:320px;
background: #595959;
position:relative; margin:0; 
 width:100%; 
padding:30px 30px 0px 30px;
margin:0px auto 0px auto;  
}  
 
.footercol {width:25%;  float:left; padding-right:30px; }
 

.footercol:nth-of-type(2) { clear: none;  }
.footercol:nth-of-type(4) { clear: none;  padding-top:0px;} 

/*

#switchlanguage {position:absolute; top:5px; right:20px; z-index:10000;}
#search {right:80px;top:45px; }
*/

	

 
}
 

/***************************************************************************************************/ 
/***************************************************************************************************/ 

@media all and (min-width: 1180px){ 
	
.leftcol1, .leftcol1.empty {width:25%;float:left;padding-right: 25px;padding-bottom:0;}
.maincol1 {width:75%;float:left; padding-left: 25px;}


.leftcol2, .leftcol2.empty  {width:55%;float:left;padding-right: 25px;padding-bottom:0;}
.maincol2 {width:45%;float:left; padding-left: 25px;}
	

.startimage_bg {padding-bottom: 60%; background-size: auto 95%, 100% auto; }
 
.startimage_bg.singleimage {padding-bottom: 60%; background-size: auto 95% ; }

.startimage_bg.singleimage_bg {padding-bottom: 60%; background-size:100% auto; }



/*wo ist das?*/
.bgimageblock .frame-default .box {width: 170px; margin-right: 20px; margin-top:0px;}

 
 

 
#p123   .contentcontainer .boxes div.box{width: calc((100% / 4) - 10px); margin-right: 25px; max-width:250px;  max-height:250px;margin-top: 0px;}
#p123   .contentcontainer .boxes div.box.double {width: calc((100% / 2) - 10px); margin-right: 25px; max-width:500px  ;  max-height:250px; margin-top: 0px;}
	
   
}
 

@media all and (min-width: 1230px){
	
	

	
	
.introblock .maincol {height: 150px;}
/*für raildata zu wenig*/
.introblock .maincol{height: 190px;}




.klusiicontainer {padding-left: 450px;}
#p112 .introblock .maincol {
  height: 220px;
}





	
#p6 .startimage_bg {background-size: auto 85%, cover; }	
	
.bigheadline {width: 100%;  position:relative; height: 270px;  padding: 0px ;}
	
.bigheadlinetext { left:0px; width:100%; text-align:center; padding: 0px 20px 0px 20px; position:absolute;  top: 50%;transform: translateY(-50%);  }




	
    .blockcontainer.hellgrau .blockcontent.ansprechpartner {
    background-position: right 120px bottom -65px;
    background-size: auto 100%;}
    
    
    
    		
.left {width:33.333333%;width:35%;float:left;padding-right: 25px;padding-bottom:0;}
.main {width:66.66667%;width:65%;float:left; padding-left: 25px;}
/*überflüssig .left und .main nur für startkacheln auf seite start und unternehmen

#p1 .left {width:33.333333%;width:35%;float:left;padding-right: 25px;padding-bottom:0;}
#p1 .main {width:66.66667%;width:65%;float:left; padding-left: 25px;}

#p1 .left h2 , #p1.main h2 {letter-spacing: 0.12em; white-space: nowrap }

*/

/*daten-trends*/
/*
.left1 {;width:40%;float:left;padding-right: 25px;padding-bottom:0;}
.main1 {width:60%;float:left; padding-left: 25px;}
*/

.left1 {;width:50%;float:left;padding-right: 25px;padding-bottom:0;}
.main1 {width:50%;float:left; padding-left: 25px;}





.left h2 , #p1.main h2 {letter-spacing: 0.12em; white-space: nowrap }



.left h2 , .main h2 {text-align:right; width: 100%;}

 
 .main h2 {padding-right: 10px;}
 
 .left .kacheln h2, .main .kacheln h2  {text-align:left; }
 
 .left .kacheln  {
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
}
 .main .kacheln  {
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
}

  
  
   
 .left1 .kacheln  {
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
}
 .main1 .kacheln  {
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
}



  
  
	
.startimage_bg , .startimage_bg.singleimage , .startimage_bg.singleimage_bg   {padding-bottom: 50%;}

.startimage_caption_container { position: absolute;top: 100px;left: 50%;margin-left: -615px;z-index: 400;width: 1230px;padding-left: 20px;}


.startimage_bg.singleimage .contentcontainer { position: absolute;top: 100px;left: 50%;margin-left: -615px;z-index: 400;width: 1230px;padding-left: 10px;}


.startimage_link, #p4 .startimage_link  { position: absolute;bottom: 60px;left: 50%;margin-left: -615px;z-index: 500;width: 1230px;}

.startimage_link a , #p4 .startimage_link  a {display:block;  text-align:center; width: 400px; margin-left: 20px; }

.startimage_bodytext{ position: absolute;bottom: 60px;left: 50%;margin-left: -615px;z-index: 600;width: 1230px;z-index: 500;}

 
#stoerer {  right: 350px; }
#stoerer1 {  right: 100px; }

 
 
 
  
.bgimageblock .blockcontent {padding-bottom: 33.333333%;max-width:1900px;width:100%;}


#p34 .bgimageblock .blockcontent, 
#p35 .bgimageblock .blockcontent, 
#p112 .bgimageblock .blockcontent, 
#p117 .bgimageblock .blockcontent, 
#p123 .bgimageblock .blockcontent  {padding-bottom: 33.333333%;max-width:1900px;width:100%;}  


.bgimageblock .frame-default, .singleimage_bg h1,  .bgimageblock .blockcontent .contentcontainer { position: absolute;top: 100px;left: 50%;margin-left: -615px;z-index: 400;width: 1230px;
 top: 50%;
  transform: translateY(-50%); padding-left: 20px;
  }
 
 
 
#p117 .bgimageblock .frame-default.frame-type-header {top: 100px; transform: none; }

 
	
/*#mobilehome {display:none;}
 
.submenuselect {  position:absolute; right: 30px; left:auto;height:50px; z-index:1000; z-index:100;
background:#fff;  width: calc((100% / 3) - 32px)}
*/

#wrapper {
position: relative;
width:100%;max-width:1900px;
margin:0px auto 0px auto; 
 
}

#footercontainer {position:absolute;bottom:0px; }
#footer {max-width: 1230px;
width: 1230px;}
 
#headerwrapper{position:fixed;top:0;width:100%;height:170px;z-index:551;  max-width:1900px; background:#fff;   }	

#headerbar {position:absolute;  left:50%; margin-left:-615px;z-index:600;  height:102px; width:1230px ; top:68px; background:#fff;}
 
#page  {
width:100%; 
padding:0px 0px 320px 0px;
display:block;
position: relative;
margin:170px auto 0px auto;
 }
 
#navicontainer {  width:950px; float:right; padding-right: 50px;}
 
 
#main-menu {overflow-y:auto;height:auto;float:right;}
 
#search { position:absolute; display:block; height:82px;background:transparent; width:42px; top:0px; right:0; }
 


#headerwrapper.scrolled {height:112px;height:82px; }	

#headerbar.scrolled { padding-top:0px;padding-bottom:40px;top:0px; height: 120px;height:112px; height:82px;} 

#page.scrolled { margin:100px auto 0px auto;} 
  
#headerwrapper.scrolled #logo { 
width: 140px;
height: 61px;
background-position: 6px 18px;
background-size: auto 30px;

 }   
   
#headerwrapper.scrolled .sm-blue.level_1 > li > a, #headerwrapper.scrolled .sm-blue.level_1 > li >  a:hover, #headerwrapper.scrolled .sm-blue.level_1 > li >  a:focus, #headerwrapper.scrolled .sm-blue.level_1 > li >  a:active, #headerwrapper.scrolled .sm-blue.level_1 > li >  a.highlighted {padding-top:30px;}


#headerwrapper.scrolled #cart_icon_link {background-position: left top 20px;}
 
#headerwrapper.scrolled  #switchlanguage {top:5px;}
#switchlanguage {right:20px;}


 
span.searchsubmit {padding-top:44px;}
 
.scrolled span.searchsubmit {padding-top:30px;}
 
 
.col50 {float:left; width:50%; max-width:615px;padding:0px 20px 0px 0px;clear:none; }

.col50:nth-of-type(odd) {padding:0px 20px 0px 0px;}

.col50:nth-of-type(even) {padding:0px 0px 0px 20px;}
 
.col50  img {width:100%; height:auto;}

.col100 {text-align:center; clear:both;max-width:1230px; padding: 0px 20px 0px 0px;}
  


.blockcontent , .contentcontainer{max-width:1230px;width:1230px;margin:0 auto 0px auto; padding:64px 0px 64px 20px;}

.blockcontent.nopadtop {padding:0px 0px 64px 20px; }
.blockcontent.nopadbottom {padding:64px 0px 14px 20px; }
.blockcontent.nopadbottom.nopadtop {padding:0px 0px 14px 20px; }
 


 
.blockcontent.padright, .padright  {padding-right:30px;padding-right:20px;}
  
 
 .sixcols  .kacheln div.box ,  .contentcontainer  .boxes div.box {width: calc((100% / 6) - 10px);}
 
 .twocols  .kacheln div.box {width:191px;}
 
 .twocols.left1  .kacheln div.box ,  .twocols.main1  .kacheln div.box {width:181px;}
 
 
  
.col6  {float:left; width:16.666667%; max-width:200px;padding:0px 15px 0px 15px;height: 120px;}


}  
  
  
@media all and (min-width: 1440px){
  
.startimage_bg, .startimage_bg.singleimage_bg {padding-bottom: 40%; }

.startimage_bg.singleimage {padding-bottom: 40%;    background-position: right 50px bottom -50px, center;}

.bgimageblock .blockcontent {padding-bottom:25%;}
#p34 .bgimageblock .blockcontent, 
#p35 .bgimageblock .blockcontent, 
#p112 .bgimageblock .blockcontent, 
#p117 .bgimageblock .blockcontent, 
#p123 .bgimageblock .blockcontent {padding-bottom: 25%; }  

#p125 .bgimageblock .blockcontent {padding-bottom: 40%; }  


#switchlanguage {right:80px;}




#p112 .bgimageblock .blockcontent{background-color: rgb(23,23,23);
background-image:url('../../user_upload/klusii_transparent.png');
background-size: 30% auto; background-repeat: no-repeat;
background-position: top 60% left 25.5%; position: relative; padding-bottom: 25%;}


.klusiicontent {position: absolute;
width: 33%;
padding: 0 3% 0 0 ;
left: 60%;
top: 60%;
transform: translateY(-50%);}

 
	
	
	


}



@media all and (min-width: 1900px){
	
#headerwrapper{ width:1900px; left:50%; margin-left:-950px; }	 

#headerbar {   width:1230px;}
 


 .startimage_bg {padding-bottom: 33.3333%; background-size: auto 105%, 100% auto;}
  
 .startimage_bg.singleimage {padding-bottom: 33.3333%; background-size: auto 105% ;    background-position: right 50px bottom -50px, center top -150px; }

.startimage_bg.singleimage_bg {padding-bottom: 33.3333%; background-size:  100% auto;}
 

}

 
 
/********************************************/ 
/* Formularfelder Allgemein / Mobil */
 
 
 
.related {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    
    
  -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between; 
   
}


 .related div.kachel {
    width: calc((100% / 4) - 10px);
    border: 1px solid transparent;
    
box-shadow: 10px 10px 5px rgba(0, 0, 0, .1);
  position: relative;
    margin-top: 10px;padding:12px;
 
}

 .related div.kachel span {}
span.type {font-size: 14px; color:#000; display:inline-block; padding-right:10px;}


 
 

.submitbutton , .submitbutton1{display:block; width:auto; background-color:#bd1414;border:none !important; color:#fff !important;font-size:22px !important;

padding: 6px 12px 6px 12px;margin:0px 0px 0px 0px;text-transform:uppercase;float:right; 

height:50px  !important;padding: 0px 12px 0px 12px  !important;line-height:50px  !important;width:auto !important;cursor:pointer;}

.submitbutton.grey{background-color:#455560;}
.submitbutton.disabled,.submitbutton1.disabled  {opacity:0.7;cursor:default;}

.submitbutton.disabled:hover,.submitbutton1.disabled:hover  {opacity:0.7;background-color:#bd1414 !important;cursor:default;}



a.submitbutton ,  
.box h6 a {display:block; width:auto; background-color:#bd1414;border:none !important; color:#fff !important;font-size:33px !important; 
padding: 6px 12px 6px 12px;margin:0px 0px 0px 0px;text-transform:uppercase;float:right; 
height:50px  !important;padding: 0px 12px 0px 12px  !important;line-height:50px  !important;width:auto !important; font-weight:300;}

.box h6 a {display:inline-block; float:none;}


.submitbutton:hover, .box h6 a:hover {cursor:pointer;/* opacity: 0.85;*/background:#455560;}
 
.responsiveContainer {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
}

.responsiveContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


 
 /* Fullscreen overlay for modal background */
#active-popup {
  background-color: rgba(52,73,94, 0.7);
  position: absolute;
  width: 100%;
  height: 100% !important;
  top: 0;
  left: 0;
  z-index: 999;
}

/* Modal container */
#popup-container {
  width: 45%;
  height: 65%; height:360px;
  
  width: 80%;max-width:900px;
 height:380px;
  
  
  margin: 0 auto;
  margin-top: 5%;
  position: fixed;
  left: 28%;
  z-index: 999;
  top: 0;
  display: none;
  background:transparent
/*  background: #bd1414; padding:30px;
    -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;*/
}

.modal-content {
  position: relative;
  text-align: center;
}

#popup-window { position: relative;   background: #bd1414; padding:10px;height:440px;
    -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;}

.modal-content h1 { color: #bd1414; }

.modal-content p { color: #455560; }

.modal-content p { padding: 20% 5% 0 5%; }

.modal-content input.emailinput {border:1px solid #455560; }


/* Close button */
#popup-container a.close.button {
  position: relative;
  float: right;
  top: -15px;
  right: -7px;
  z-index: 99;
  font-weight: bold;
  font-size: 16px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 2px 5px 2px 6px;
  line-height: 1em;
  text-align: center;
  background: #bd1414;
  border: 4px solid #fff;
  cursor: pointer;
  color:#fff; 
}
a.close {cursor:pointer;}


.splash-bg {background:#fff; padding:10px; height:420px;  
-webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  positiom:relative;
}

#sub_submit {position: absolute;
bottom: 20px;
right: 20px;}
 #sub_submit.inlinebutton {position:relative; top: 0; left: 0;}
 
 
/*  
 .shariff .orientation-horizontal li {width:auto !important; min-width:34px; max-width:36px;}

 .shariff .linkedin a,  .shariff .linkedin a:hover {
     color: #0077b5;color:#455560;
     background-color:#fff;
}
 
  .shariff .facebook a,  .shariff .facebook a:hover {
     color: #3b5998;color:#455560;
     background-color:#fff;
}

 .shariff .twitter a,  .shariff .twitter a:hover {
     color: #55acee;color:#455560;
     background-color:#fff;
}

 .shariff .xing a,  .shariff .xing a:hover{
     color: #126567;color:#455560;
     background-color:#fff;
}
*/


.popup {display:none;}

.popup_image {display:block; width:100%; padding-bottom:65%; 
background-repeat: no-repeat;
background-position:center top;
background-size: 100% auto;margin-top:30px;}
 
 /* Overlay */
#simplemodal-overlay {background-color:#333;}

/* Container */
#simplemodal-container { min-height:700px; width:90%; max-width: 700px; color:#000; background-color:#fff;   padding:15px 25px 15px 15px;}
#simplemodal-container p, #simplemodal-container li  { }
#simplemodal-container .simplemodal-data {padding:10px;}

#p117 #simplemodal-container { min-height:400px;  }  
 
#simplemodal-container a.modalCloseImg { display:block; cursor:pointer;  position:absolute; right:16px; top:5px;
 
}
#simplemodal-container a.modalCloseImg:before {content:'X';font-size:30px;}
.popupcontainer ul {padding-left:16px;}
 
/*sharebuttons*/

  .sharebuttons { float:right; padding-right:19px;}
  
  .rightcolumn .sharebuttons {padding-top: 30px;}
   .sharebuttons .fa {font-size:19px !important;} 
 .sharebuttons div {float:right;} 
 .sharebuttons span {/*float:right; display:block;*/min-width:32px; display:inline-block;}
 
 .news .footer span {
    display: inline-block;
    padding-right: 4px;
    margin-right: 4px;
    border-right: 1px solid #ddd;
   border-right: none;  
    }