/*
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:160px;z-index:551;background:#fff;}

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

#headerimage {display:none;}
#slider {display:none;}

#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:170px 0px 0px 0px;
}


.imagecontainer {width:100%; padding-bottom:100%;
    background-color:transparent;position:relative;
    background-repeat: no-repeat,no-repeat,no-repeat;
    background-position:center bottom,center top,center center;
}


.blockcontainer  {width:100%;/*max-width:1900px;*/  display:block; clear:both;padding:0;background:#fff;}

.blockcontainer.hellgrau {background-color:#f0f0f2; }

.blockcontainer.shop_bg {
    background-repeat: no-repeat;
    background-position: center bottom;
    background-image: url(../images/TEST_STart_2.jpg);
    background-size: auto 300px;
    min-height: 500px;     padding-bottom: 330px;
}


.blockcontent {width:100%;max-width:1230px;padding:35px 0px 0px 0px;padding:70px 15px 70px 15px; }
.start .blockcontent {width:100%;max-width:1230px;padding:0px 0px 0px 0px; }


.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:30px; }
.footerline  span {  }
.footerline  i { font-size:28px; }

.socialmedia {width:100%: }
.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:px 0px px 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.field100.boxes {max-width:1230px;}

.formfield input {border:1px solid #979797;height:38px; line-height:38px;width:100%;padding-left:9px;    color: #455560;font-size:16px;font-size:20px;max-width:430px;}

.formfield select {border:1px solid #979797;height:38px; line-height:38px;width:100%;padding-left:9px;    color: #455560;font-size:16px;font-size:20px;max-width:430px;}

/*login + registrierung */
.field_wrap input, .field input  {border:1px solid #979797;height:38px; line-height:38px; padding-left:9px;    color: #455560;font-size:16px;font-size:20px; }

.disabled_input {background-color: #f0f0f2;pointer-events:none; }

.formfield.textcontent {width:100%;height:240px;}
.contactform textarea {height:204px;width:100%;padding-left:9px;padding-top:9px;    color: #455560;font-size:16px; max-width:450px;}

.formfield.submitcontainer {width:100%;}

.formfield label {display:none;}

.formfield.boxes {width:100%;height:auto; padding-bottom:18px;max-width:550px;}

.formfield.boxes label {display:block; float:left;color:#455560; width:250px;padding-left:4px;padding-right:16px;}

.formfield.otherfield {display:none;}

.formfield.boxes span,
.formfield.boxes input {display:inline-block; float:left; clear:none;padding:0px 2px 0px 0px; margin:0;}

/*confirm page*/
.adressinfo .formfield.boxes span {width: 100%;}

.formfield.boxes.anrede span   {line-height:32px; padding-right:10px; padding-left:5px;}
.formfield.boxes.anrede label {line-height:32px; padding-right:10px;}

.formfield.boxes span.checkbox-input {padding:0px 20px 0px 6px; font-size:18px; color: #57565A;width: calc(100% - 50px);}
.formfield.boxes input {width:20px;padding:0px 2px 0px 0px; margin:0; height:20px;line-height:20px; margin-top:6px;}

.orderform .formfield {width:50%; float:left; display:block; height:auto; padding-bottom:20px;font-size:18px;}

.shop .orderform .formfield {width:100%; float:none; display:block; height:auto; padding-bottom:20px;font-size:18px;}

.orderform .formfield label {display:block;width:100%; color:#979797;  color:#57565A}
.orderform .formfield.label_error label { color:#bd1414}

.confirmform .formfield p { color:#000;font-size:18px;background-color:#f0f0f2;padding: 5px;}

.orderform .formfield label.inlinelabel {float:left; width:auto; padding-right:20px;}

.formfield.boxes span.label1 {padding:0px 0px 0px 6px; font-size:18px;color: #57565A; width:105px;float:left;}

.formfield.boxes span.label2 {padding:0px 0px 0px 6px; font-size:18px;color: #57565A;width:220px;float:left; text-align:right;}


.orderform .formfield.newline  {clear:both;}
.orderform .formfield.field100  {width:100%;}

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

.orderform .submitbutton ,.orderform .submitbutton1 {float:none;max-width:500px;}
.orderform .submitcontainer {padding:30px 0px 60px 0px;}

.orderform textarea {height:100px;height:160px;width:100%;padding-left:9px;padding-top:9px;    color: #57565A;font-size:18px; max-width:450px;}

#different_invoiceaddress {display:none;
    padding: 15px 36px 0px 0px;padding: 15px 0px 0px 0px;}

div.different_invoiceaddress_container {padding: 15px 15px 5px 15px;padding: 15px 0px 5px 15px;
    background-color: #f0f0f2; margin-bottom:15px;}




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

a.infoicon i   {color: #57565A; font-size:22px; display:inline-block; padding-right:4px;}

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


.indent {float:left; margin-left:10px; width:90%}
.outdent {float:left; width:10px;}

.formfield.boxes .radiorow span {padding-left:4px}


#price_info {font-weight:normal; font-size:24px;}
.orderform #price_info {font-weight:bold;}

#price_addinfo { display:none;background: #f0f0f2;
    width: 100%;
    padding: 10px 10px 10px 10px; margin:12px 0px 12px 0px}

#vatid {display:none;}


/*mc-studien Bestellbox*/

.order_box_detail {background: #f0f0f2;width:100%;padding:10px 10px 30px 10px; font-size:20px;width:255px;float: right;}

.order_box_detail .label { display:inline-block;padding-right:10px; width:140px;width:auto;}


.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 input  {width:20px;padding:0px 2px 0px 0px; margin:0; height:20px;line-height:20px;margin-top:3px;margin-right:7px; float:left; display:block;}

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


.neu {background-color:#bd1414; color:#fff; font-size:28px; text-align:center;width:60px; height:60px;  -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    display: block;float:left;  padding:6px 0px 0px 0px;
}


.datatext h3 {display: block;float:left; margin-left:5px;padding-top:25px;}

#content .datatext ul {padding: 0px 0px 8px 15px;}

.mcs_data_download {background: #f0f0f2;width:100%;padding:10px 10px 30px 10px; }

.datatext-text {padding-left:100px; clear:both;}

.datatext-download {background: #f0f0f2;width:100%;padding:10px 10px 10px 30px;/* margin-left:65px;*/}

.datatext-download span {padding:5px 20px 0px 0px;  font-weight: 300;
    font-size: 22px;display:block; float:left;  display:inline-block; }

.datatext-download p, #content .datatext-download ul {margin:0; padding-bottom: 8px;}


.caption {padding-bottom:20px;}

.divider {border-bottom: 1px solid #a0a0a0; width:100%;clear:both;}



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

.productheader {width:100%;display:block; clear:both; text-align:center;}
.productheader_content {display:block;margin:auto;}
.productheader_content img {width:41px ; height:auto;}

.productheader_text {font-style:italic;font-size:24px; font-weight:700;

    font-family: "Arial Narrow", Arial, sans-serif;font-family: 'PT Sans Narrow', sans-serif;font-family: 'Roboto Condensed', sans-serif;}


.productheader_content  .black {color:#000;padding-left:3px;}
.red { color:#bd1414;}

.pictogramm img {width:90px;height:auto;}
.productheader img{ }


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

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


.popuplink {cursor:pointer;}


/*.kachel layout für flexible boxen - trends und projekte*/
.kacheln {
    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 {
    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;
}


.leftboxes .kacheln div.box   {background-color:#fff;padding:20px;

    box-shadow: 0px 3px 5px #9A9188;
    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);
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
}

.leftboxes .kacheln div.box:hover {
    box-shadow: 0px 7px 11px #9A9188;
    box-shadow: 0px  7px 11px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 7px 11px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 7px 11px  rgba(0, 0, 0, 0.2);}

.kacheln div.box.klusiiteaser {background-color:#fff;
    background-image:url('../images/klusii-logo.jpg');
    background-repeat:no-repeat;
    background-size: 60% auto;
    background-position:top 10px  center;}

.klusiihead {display:block; width: 100%; height: 150px;
    background-image:url('../images/klusii-logo.jpg');
    background-repeat:no-repeat;
    background-size: auto 130px;
    background-position:top left;}



.leftboxes.col70 {padding: 0px 0px 0px 0px;}


.leftboxes .kacheln div.box {
    width: 100%; margin-bottom: 20px; position:relative; }

.leftboxes .kacheln div.box .boxlink {
    position: relative;
    width: 100%;
    padding: 0px 0px 66% 0px;
}

.leftboxes .kacheln  .box h2 ,.leftboxes .kacheln .box span.subheader , .leftboxes .kacheln .box span.boxtext, .leftboxes .kacheln .box p { color:#000;display:block !important; }
.leftboxes .kacheln .box p {position:absolute; bottom: 20px; padding: 20px;}

.leftboxes .kacheln div.box:hover p {color:#bd1414;}




.shop_bg .kacheln   { padding:20px;

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




/*.boxcontent*/
.boxlink { padding:10px; width:100%; position:relative;min-height:100px;display:block; }

.box h1,.box h2,  .box  p, .boxt a,  .box span, .box a,   .box a:hover
{ color:#fff; }



.box span.subheader { color:#fff; }

.box h2 { color:#fff;}

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

.box:hover span.boxtext { display:block;  }

.box:hover h2,  .box:hover span.subheader { display:none;  }



.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;  }
.aktion .box:hover h2{ display:none;  }



.shop-detail .maincol {padding-right: 20px; }


.kachelcontainer { width: 100%; }


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

.kacheln.aktion h2 {text-align:center;display:block; width:100%;  left: 0; padding: 0;font-size: 20px;  line-height: 24px; top: 50%; margin-top:-12px;}

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






.accountstart .kacheln {max-width:700px;}
.accountstart .box {margin-right:20px;}
.accountstart .box:hover {background-color:#bd1414;}
.accountstart .box span.subheader { position:absolute; top: 50%;
    transform: translateY(-50%); left:0; padding: 0px 10px 0px 10px;
    text-align:center;display:block; width:100%; }

.accountstart .box:hover  span.subheader { display:block;  }

.accountstart  .kacheln {-webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;

}

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


.col6  {float:left; width:50%; padding:0px 20px 0px 0px;}

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  {opacity:0.7 !important; display:inline-block !important;}

.sharebuttons span a {color:#455560 !important;}
.sharebuttons  a:hover {opacity:1 !important;}
p.align-justify {text-align:justify;}





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



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



/* NEUE ELEMENTE FÜR SHOP*/

body.shop {
    background:#fff;}

.col50 {  width:100%; padding:20px 0px 20px 0px; float:none;clear:both;  }

/*
#warenkorb {   width:50px;  height:101px; position:absolute; right:40px;top:0px;}*/

#cart_icon_link { width:50px !important;
    height:50px ;

    display:block;position:relative;

    background-image: url(../images/warenkorb.png) ;
    background-color:#fff;
    background-repeat: no-repeat;

    background-position: left top;
    background-size: auto 32px;
}

#cart_icon_link span {position:absolute;  color:#fff;position: absolute;
    top: 34px; top:7px;top: 40px;
    color: #fff;
    right: 5px;
    font-size: 12px;font-size: 10px;
    font-weight: 600;}


#cart_icon_link.empty {background-image: url(../images/warenkorb_ohne.png) ;}


#cart_content {display:none;  position:absolute; z-index:11000;top: 60px;  right:0px;width:200px; background-color:#fff; /*border:1px solid #8b8b8b; */ padding: 0px 0px 8px 0px;background:#f0f0f2; font-size:16px; }

#cart_content div {display:block;  width:200px; line-height:30px; padding: 0px 5px 0px 5px; font-size:16px; line-height:100%;padding:5px 8px 6px 9px }


/*#cart_content span.black {display:inline-block;}*/

#cart_content a { font-size:15px  !important; font-weight:300; color:#191919;}
#cart_content a:hover { color:#bd1414}

#cart_content span { font-size:15px  !important; font-weight:300; color:#455560; display:block; padding-bottom:10px;}

#usernav {position: absolute;right: 10px;top: 100px;  width: 250px;}

#open_login {display:block;  position:absolute; top:0px;right:0px;  padding-top:14px;height:38px;width:250px;background:#fff;}

#open_account {display:block;  position:absolute; top:0px;right:0px; background:#fff; padding-top:14px; padding-top:5px;height:38px;width:250px;}

#usernav  a { line-height:16px;width:250px;font-size:15px  !important; font-weight:300; }

#open_account span , #open_login span {float:right; }


#menu_account span  {float:left; }

#usernav #open_account .small {display:none;}
#usernav #open_account i.fa-user {font-size:24px; margin-top:4px;margin-right:9px;}



#open_login a , #open_account a { display:block;   color:#595959;   height:30px;  width:250px; line-height:30px; padding: 0px 5px 0px 5px;   }


#open_account a:hover { display:block;  padding: 0px 5px 0px 5px;  height:30px;  width:250px; line-height:30px;  color:#fff; background:#595959; }

#open_account:hover { background:#595959; }
#open_account:hover a { background:#595959;color:#fff; }


#menu_account {display:none;  position:absolute;

    top: 36px;
    width:250px;  padding: 5px 0px 8px 5px;background:#595959;
}

#menu_account a { display:block; width:245px;padding: 4px 5px 5px 5px; height:30px; color:#fff; background:#595959;}
#menu_account a:hover { color:#595959;color:#fff;padding: 4px 5px 5px 5px; height:30px; width:245px;}


#open_account i {display:inline-block; width:30px;width:18px; font-size:18px;}
#open_login i {display:inline-block; width:30px;width:18px; font-size:18px;}



.download_link, .excel_offer {float:right;}
.download_link {padding-left:50px; }


/*
.main {width:100%}
.left {width:100%;float:.shopmain; font-family: 'Mukta', sans-serif;}*/
.shopmain {width:100%;padding-top:20px;padding-left:0px;float:none; font-family: 'Mukta', sans-serif; padding-bottom:80px;}



.openfilterbox {display:block; float:right;padding-right:10px; }
.filterbox {display:none;}
.leftcolpage .filterbox {background:#fff;}

.openfilterbox i {font-size:28px;}


#filter {width:100%; display:block;  max-width:250px; position:fixed; left: 15px; top: 110px;z-index:552;}
#searchcontainer {width:100%; display:block;  max-width:250px; position:fixed; left: 15px; top: 64px;z-index:552;}

.filter {width:100%; display:block; padding-bottom:2px; }

.colheader {background-color: #d9d9d9; color: #bd1414; text-align:center; font-weight:bold;font-weight:300;
    padding:10px 0px 10px 0px;font-family: 'Mukta', sans-serif;font-size:20px;border-bottom:2px solid #fff;}

.filtersubmit {background-color: #595959;color:#fff;  text-align:center; font-weight:bold; font-weight:300;
    font-family: 'Mukta', sans-serif;font-size:20px; width:100%; border:none; height:45px; margin:0px 0px 2px 0px; cursor:pointer;}
.filtersubmit:hover { background-color: #8e0f0f; cursor:pointer; }

.filterheader {background-color: #bd1414;color: #fff; font-weight:bold;font-weight:300;
    padding:5px 8px 5px 8px;margin-bottom:0px;font-family: 'Mukta', sans-serif;font-size:20px; cursor:pointer; }
.filterheader:hover {background-color: #8e0f0f;}

.filterheader_active { }

.filtertoggle {display:none; padding-top:4px; background:#fff; border-left: 1px solid  #bd1414;border-right: 1px solid  #bd1414;}

.filterline {display:block; padding:0px 8px 0px 8px; width:100%;}

.filterline.mainfilter {display:block; padding:0px 8px 0px 8px;position: relative;}

.filterline.subfilter {display:block; padding:0px 8px 0px 20px; }




#marketsegment_filter .filterline.subfilter,
#transportsegment_filter .filterline.subfilter ,
#businesssegment_filter .filterline.subfilter ,
#reportkind_filter .filterline.subfilter{  padding:5px 8px 0px 20px;  padding:0px 8px 0px 14px;}


#marketsegment_filter .filterline.subfilter.sub2,
#transportsegment_filter .filterline.subfilter.sub2 ,
#businesssegment_filter .filterline.subfilter.sub2 ,
#reportkind_filter .filterline.subfilter.sub2
{display:block; padding:4px 0px 0px 32px;  padding:0px 8px 0px 28px;}

#marketsegment_filter .filterline.subfilter.sub3,
#transportsegment_filter .filterline.subfilter.sub3 ,
#businesssegment_filter .filterline.subfilter.sub3 ,
#reportkind_filter .filterline.subfilter.sub3
{display:block; padding:4px 0px 0px 48px;padding:4px 0px 0px 42px;}

.filterline span {   padding-left:10px; color:#BE0F1E; width:calc(100% - 14px); font-size:18px; font-family: 'Mukta', sans-serif; line-height:22px;}

.filterline.subfilter span {color:#455560;display:inline-block;cursor:pointer;}

.filterline.triggersub span { width:calc(100% - 42px);display: inline-block; cursor:pointer;}
.filterline span.triggerfilter {/*float:right; */ position:absolute; right:10px;top:0px; z-index:100;width:24px; display:block; height:24px;cursor:pointer;  color:#BE0F1E;  }

.filterline.mainfilter span {font-weight:bold;font-weight:300;}

.filterline input.checkfilter {  display:inline-block; width:14px;vertical-align: top; margin-top: 4px;}
.filterline  i {display:inline-block; padding-right:4px; font-size:14px;}

.morefilters {padding-top:4px; cursor:pointer;}
.filterline label {line-height:24px;}


.activefilters {padding:0px 0px 16px 10px; width:100%;   max-width:900px; }


/*
.activefilters {padding:50px 0px 16px 0px; width:100%; float:right; max-width:780px; }*/

.activefilters span {display:block; float:left; padding-right:20px;}
.activefilters select {display:block; float:left;}
.activefilters span.formsubmit {display:block; float:left;  padding-left:5px;padding-right:25px;}
.activefilters span.formsubmit  i {font-size:24px;}


.activefilters span, .activefilters span b {font-size:18px;font-family: 'Mukta',  sans-serif;}
.activefilters i {cursor:pointer;display: inline-block;padding-left: 5px;}
.activefilters i:hover {opacity:0.8}


.sortnav {clear:both; display:block; padding-top:10px;  }
.sorting {float:left; padding-right:10px;}

.pagenav {clear:both; display:block; padding-top:20px; width:100%; }

.pagesubmit {font-weight:bold; cursor:pointer; display:inline-block;width:20px; }
.pagesubmit.active  { color:#bd1414;}


.pagenumbers { padding: 30px 0px 10px 10px;}

/*
.activefilters {padding:0px 0px 16px 22px; width:100%;   max-width:900px; }

.pagenumbers { padding: 30px 0px 10px 24px;}
*/

.prevnextsubmit {height:25px; padding-top:1px; }


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


.sorting select { width:80px;}

/*
.backtoshoplink {float:left;padding:20px 50px 20px 0px; ;}

.relatedproducts {float:right;padding:20px 0px 20px 50px;width:50%;}*/


.searchitem {width:100%; display:block; margin-bottom:30px;  padding:10px;  box-shadow: 0px 3px 5px #9A9188;
    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);
}

.itemicon {display:block; float:right;float:left; font-size:28px; padding-right:15px;color: #bd1414;}
.shop-detail .itemicon {/*margin-top: -9px;*/font-size:36px;}

.headlineinline {display:inline-block; }
.updatebutton {display:inline-block; font-size: 30px;
    line-height: 42px; padding:0px 10px 0px 10px; color: #fff !important;background-color: #bd1414; border:1px solid  #bd1414;margin-left:24px;}

.updatebutton:hover {background-color: #fff;color: #bd1414  !important;}

.itemhead .updatebutton { font-size: 20px; line-height: 28px; margin-top:3px;margin-left:14px;}


.itemicon .fal, .itemicon .far {line-height: 45px;}


.iconlink {display:block; float:left; line-height:38px;font-size:16px;color: #bd1414;}

.itemhead , .itemhead  a {display:block; float:left;  }

span.iteminfo {display:block; width:100%; font-size:14px;color: #455560;  clear:both;}

div.iteminfo span {display:inline-block; padding-right:10px;}

.itemtext  {clear:both; font-size:20px;font-family: 'Mukta',  sans-serif;}

.itemabstract { font-size:20px;font-family: 'Mukta',  sans-serif;}

.itemtext span, .itemtext span b {font-size:20px;font-family: 'Mukta',  sans-serif;}
.itemtext span b {font-size:20px;font-family: 'Mukta', sans-serif;  font-weight:600;}

.itempriceline { font-family: 'Mukta', sans-serif;color: #bd1414; font-size:24px; text-align:right; line-height:40px;}

.itempriceline i {font-size:32px;}

.addtocart {background-image: url(../images/addtocart.png) ; float:right; display:block; width:44px; height:44px; background-size:100% auto; background-repeat:no-repeat; background-position: center left 2px; margin-left:20px; cursor:pointer;
    background-color:#bd1414 ;border-radius:22px;border:1px solid #bd1414 ;

    background-image: url(../images/cart_white.png) ;background-size:77% auto;

}

.addtocart:hover {background-color:#455560; border:1px solid #455560 }

.submitbutton.tocart {
    height:50px  !important; margin-top:20px; width: 250px !important;

    float: right;font-size:20px !important;  text-align:left;  padding: 0px 9px 0px 60px !important;

    font-size:18px !important;  padding: 2px 9px 0px 60px !important;


    background-image: url(../images/cart_white.png) ; background-size:36px auto; background-repeat:no-repeat; background-position: left 9px top 6px;

    margin-left:0px; cursor:pointer;border:1px solid #bd1414 ; border:none;}

.submitbutton.tocart:hover {background-color:#455560; background-image: url(../images/cart_white.png) ; background-size:36px auto; background-repeat:no-repeat; background-position: left 9px top 6px;}


.submitbutton.tocart.disabled {background-image: url(../images/cart_white_ohne.png) }

.submitbutton.tocart.hidden {display:none;}



.cart  {width:100%; clear:both; padding: 0; border-top: 1px solid #dcdcde;border-left: 1px solid #dcdcde;}

.cart_item {width:100%; clear:both; padding: 0;  }
.cart_text {width:60%; float:left;  padding:10px; border-bottom: 1px solid #dcdcde; border-right: 1px solid #dcdcde;height:90px;background:#fff;}
.cart_price {width:30%; float:left;  padding:22px 10px 10px 10px; border-bottom: 1px solid #dcdcde; border-right: 1px solid #dcdcde;height:90px; text-align:right;background:#fff}


.cart_amount {width:10%; float:left;  padding:22px 0px 10px 10px; border-bottom: 1px solid #dcdcde; border-right: 1px solid #dcdcde;height:90px;background:#fff}

.cart_text.all {width:70%;}

.cart_left{width:100%;}
.cart_right{width:100%;}
.rabattcode {margin-top:20px;}
.rabattcode input {width:160px;}
.rabattcode.cart_price {padding: 10px 10px 10px 10px !important;/*text-align:left;*/}

.rabattcode_submit {width:160px;padding: 6px 10px 6px 10px ; text-align:center; color:#fff; background:#8b8b8b; border:none;margin-top:10px;text-transform:uppercase;}

.rabattcode_submit:hover {background:#bd1414; }

.rabattcode_submit.disabled {opacity:0.7;}
.rabattcode_submit.disabled:hover {opacity:0.7;background:#8b8b8b;}


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


.sum .cart_text, .sum .cart_price ,.sum .cart_amount {height:60px; padding:22px 10px 10px 10px; }

.cart_amount input {width:32px; height:38px; padding-left:3px; border: 1px solid #dcdcde; float:left;margin-top:4px; }

.cart_amount i {color: #757478}

.cart_amount span {display:block;  float:left; padding-left:12px; padding-top:10px; }
.cart_amount span:hover {cursor:pointer;}


.align_right {text-align:right; }
.adressinfo {width:100%; padding-bottom:10px; border-bottom: 1px solid #dcdcde; clear:both; padding-top:10px; margin-top: 10px; margin-bottom: 10px;}

.pencil_icon {float:right;}
.pencil_icon:hover {cursor:pointer;}

.confirm_cart .cart_text {width:85%;height:40px;padding:5px 10px 10px 10px;}

.confirm_cart .cart_text.align_right { padding:10px 10px 10px 10px;}

.confirm_cart .cart_amount {width:10%;height:40px;padding:10px 10px 10px 10px;}

.confirm_cart .cart_price {width:15%;height:40px; padding:10px 10px 10px 10px;}


.confirm_cart  .itemhead a{font-size:22px;}

.blockcontainer .blockcontent.searchresult  {padding:0px 10px 48px 10px;}
.blockcontainer .blockcontent.filterblock  {padding:32px 10px 32px 15px;}



.filterblock .searchinput  {border:1px solid #8b8b8b}
.filterblock .submitsearch  {background:#8b8b8b}

/*für roten hintergrund...*/
.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;}


.document_detail {width:100%; padding-bottom:20px;}


.document_detail .sharebuttons, .itemtext .sharebuttons , .shop-detail .sharebuttons {float:left;padding-bottom:30px;padding-top:30px}

.document_detail .sharebuttons span,
.itemtext .sharebuttons span{ float:left}

.document_detail p {padding-bottom:8px;}

.catnavi {display:block;width:100%;}

.acc_filter {display:block;width:100%;position:relative;}

.filterelement {float:left;width:25%; padding-right:5px;}

.trigger2 {  width:100%;padding:10px 20px 20px 20px;
    /*font-weight: bold;*/
    font-size: 20px;
    text-align:center;
    border-right: 5px solid #fff;
    border-top:1px solid #f0f0f2;border-left:1px solid #f0f0f2;border-right:1px solid #f0f0f2;

    height:50px; background: #f0f0f2;

}


.trigger2 span {padding-left:6px; font-size:20px; font-weight:300;}

.trigger2.trigger_active {background:#fff; border-top:1px solid #f0f0f2;border-left:1px solid #f0f0f2;border-right:1px solid #f0f0f2;

}

.catnavi  .toggle_container {width:1200px !important; background:transparent; position:absolute; z-index:1000; top:50px; left: 0px;
    min-height:300px;
    /*
    background: #f0f0f2;border-top:2px solid #fff;*/
    padding:20px 20px 20px 20px;

    background: #fff;

    box-shadow: 0px 3px 5px #9A9188;
    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);


}
.check_option {display:block;clear:both; height:30px;}

.check_option input {float:left; margin-right:10px; margin-top:9px; }
.check_option label  { font-size:18px; }

.option_col {float:left; width:33%;}



.preview_thumbnail {width:100%;}
.preview_thumbnail img {width:100%;height:auto;max-width:150px;}
.preview_thumbnail .previewlink {display:none;}
.preview_thumbnail .previewlink.first {display:block;}


#pdf {position:relative; z-index:99; display:none;}

#pdf_canvas {width:100%; width:780px;width:auto;max-width:1000px;z-index:1000; border: 1px solid #9A9188; }

#pdf_controls {width:100%;margin-top:20px;/*background: #f0f0f2;height:40px; padding-top:10px;*/ }

#pdf_controls span {display:block; float:left; padding-right:15px;}
#pdf_controls .pager span {padding-right:5px; cursor:default;}


#pdf_controls span i {font-size:22px; cursor:pointer;}

#pdf_controls span  a {color:#455560;}
#pdf_controls span  a:hover, #pdf_controls span i:hover  {color:#bd1414;}
.downloadfile {float:right}


.optionrow {clear:both;}
.optionrow span {float:left; display:block; padding-right:4px; max-width:240px;line-height: 25px;}
.optionrow span input {margin-top:6px;}

.optionrow span.optionrowtext { width:calc(100% - 20px)}


.submitbutton.small {font-size:22px !important; height:34px  !important;padding: 0px 8px 0px 8px  !important;line-height:34px  !important;}


.userline.new , .addline.new {display:none;}

.userline {padding-bottom:20px; /*border-bottom: 1px solid #9A9188; */margin-bottom:20px;position: relative;}
.addline {display:none;margin-bottom: 30px;}
.deleteline {position:absolute; right:0px; top:30px;}

.error { color:#bd1414;}

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



div.product_notfound {font-weight:bolc;}

.form-error { color:#bd1414; display:block; clear:both;}
.has-error input {border:1px solie #bd1414;}

.backtoshoplink {float:left;padding:20px 100px 20px 0px;}

.relatedproducts {float:right;padding:20px 100px 20px 0px;}


#map {width:100%; max-width:1000px;  height:500px;margin:0px auto 0px auto;}


#contact_us { position:fixed; bottom:0px; left:30px; /*wie top-button*/ z-index:1000;   height:52px; width:130px; padding:0; z-index:100;}


#contact_phone {margin-right:10px;}

.contact_button {display:block;  width:52px; height:52px; padding:5px;  color:#fff;background: #bd1414;border:1px solid #bd1414;
    -webkit-border-radius: 0.2em;-moz-border-radius: 0.2em;border-radius: 0.2em;
    position:relative; float:left;
}


div.contact { width:52px; height:52px;  float:left; display:block; margin-right: 10px;}
.contact_button:hover  {color:#bd1414;background: #fff;border:1px solid #bd1414;cursor:pointer;}
.contact_button:hover i { color:#bd1414;}
.contact_button i {font-size:40px;color:#fff;}
.contactinfo i {font-size:40px;color:#fff; }
.contactinfo:hover i { color:#fff;}
.contactinfo a, .contactinfo a:hover {color:#fff;}
.contactinfo a:hover {/*text-decoration:underline;*/font-weight:bold;}
.contactinfo_close i {font-size:24px;}
.contactinfo_close i:hover {font-size:24px;font-weight:bold;cursor:pointer;}
.contactinfo_close { position:absolute; right: 4px; top:4px; z-index:102;}
.contactinfo_icon { position:absolute; left: 50%; margin-left: -20px; top:15px;}
.contactinfo_text { position:absolute; width:100%; top:60px;padding:10px; text-align:center;font-size:20px;line-height:24px;}
.contactinfo { width:210px; height:140px; padding:5px;  color:#fff;background: #bd1414;border:1px solid #bd1414;
    position:absolute; left:-2px; bottom:-4px; z-index:101;-webkit-border-radius: 0.2em;-moz-border-radius: 0.2em;border-radius: 0.2em;}
.contactinfo.hidden {display:none;}
.contactinfo.aktiv {display:block;}


.shop-detail  .sharebuttons {display:block; padding:30px 0px 30px 0px; }
.shop-detail  .sharebuttons  span {display:block;  width:46px; height:42px;  width:40px; height:36px;  padding:0px 0px 0px 0px; text-align:left; float:left; }
.shop-detail  .sharebuttons  span a {font-size:33px; font-size:30px;}
.shop-detail  .sharebuttons  span.fasmall a {font-size:30px}


.produktintro {padding-bottom:40px;}

#stoerer {background:#f39292; width:100%;}

#stoerer a  { padding: 20px; color:#fff;display:block; }

#stoerer a:hover {color:#fff; cursor:pointer;  }

#stoerer > div > span {  padding: 20px 20px 20px 20px;width: 100%; background-color: #ee5c5c; display:block; color: #fff;}


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


#icon-warenkorb {position:absolute;right:0px; top:45px; }


#searchcontainer h2 { display:none; }


.leftcolpage #stoerer {display:none; }

.blockcontent.rightcolcontent {padding:0px;}

.blockcontent.rightcolcontent.shop-detail {padding-left:20px; padding-top:20px;}
.blockcontent.rightcolcontent.orderform {padding-left:20px; padding-top:20px;}

.leftcol   {width:100%; padding-top:20px;  padding-bottom:40px;}


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


.variantcontainer {padding: 20px}
.variantcontainer h1 {font-weight:normal;font-size: 32px;color:#000; text-transform:none;
    text-align:center;letter-spacing:0;
    margin:30px 0px 30px 0px;}


.variantcontainer h1  b {font-weight: 800;}


.variantbox {width: 100%; padding: 50px 10px 10px 10px; }

.variantbox.middlebox {  padding-top: 50px;width: 100%;}

.variantbox > div {border-radius:30px;background-color: #d5d5d5;
    box-shadow:3px 3px 5px 1px rgba(102,102,102,0.33);

    text-align:center;padding-bottom: 50px;}

.variantbox > div:hover { box-shadow:5px 5px 5px 1px rgba(102,102,102,0.33);cursor:pointer;}



.variantbox h3 {font-weight:normal; text-transform: uppercase;font-size: 18px; padding-top: 15px;}
.variantbox h2 {font-weight:bold; text-transform: none;font-size: 24px;color:#000;
    margin: 25px 0px 15px 0px;
}
.variantbox .priceinfo {font-weight:bold; text-transform: none;font-size: 22px;margin: 4px 0px 0px 0px;
    padding-bottom: 16px;}
.variantbox p.textinfo {min-height:130px; padding:0; }

div.recommendation_container {  width: 100%; padding: 15px; height: 50px;}

div.recommendation {
    width: auto;
    position: relative;
    text-align: center;
    height: 22px;

}
div.recommendation span {
    content:" ";
    border-top: 2px solid black;
    position: absolute;
    width:100%;
    top: 50%;
    left: 0;
    z-index: 1;
}
div.recommendation h4 {background-color: #d5d5d5;
    font-weight:bold;  text-transform: none;font-size: 16px; color:#bd1414;
    display:inline-block;
    position: absolute;
    left: 50%;
    z-index: 2;
    top:0;
    transform: translateX(-50%);
    padding: 0px 5px 0px 5px;
    white-space: nowrap;
}

p.popupfooter {padding: 50px 20px 50px 20px;
    text-align: center;
    clear: both;}

#variantwindow {
    height: auto;
    width: 90%;
    color: #000;
    padding: 0px;
    background-color: #f0f0f2;
    width: 90%;
    max-width: 980px;
    height: auto;
    min-height:  1200px;
}
#variantwindow a.modalCloseImg {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 16px;
    top: 15px;
    color:#000;
}

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


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

}



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


}


@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;s}

}




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

}



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




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


    .leftboxes .kacheln div.box {
        width: calc(50% - 10px); margin-bottom: 0px}
    .leftboxes .kacheln div.box:nth-of-type(odd) { right: 10px;}
    .leftboxes .kacheln div.box:nth-of-type(even) { left: 10px;}

    .leftboxes .kacheln div.box .boxlink { padding: 0px 0px 100% 0px;
    }

    .kacheln div.box.klusiiteaser {
        background-size: 60% auto;
        background-position:top 80px  center;}


    .cart_text {width:80%; }
    .cart_price {width:14%;}
    .cart_amount {width:6%;}


    .cart_text.all {width:86%; }

    .cart_left{width:86%; float:left;}
    .cart_right{width:15%;float:left; text-align:right;}

    #content ul {margin:0px 0px 0px 0px;}
    #content ol {margin:0px 0px 0px 0px;}

    #headerwrapper  {height:160px;}
    .main-menu-btn  {height:102px;}


    #cart_content {width:300px;}

    #cart_content div { width:300px; }



    .blockcontent {padding:64px  20px 64px 20px;}


    .blockcontent.padright, .padright  {padding-right:20px;}

    .imagecontainer {padding-bottom:49.4275%;
        background-repeat: no-repeat,no-repeat,no-repeat;
        background-position:center bottom,center top,center center;
        background-size:  100% 41px,100% 41px, 100% auto;
    }



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

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

    .kachelnavi div.kachel { width: calc((100% / 3) - 10px);}


    .document_detail {width:33.333333%; float:left;}






}



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






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


    .variantbox {width: 32%; padding: 50px 10px 10px 10px; float:left;}

    .variantbox.middlebox {  padding-top: 0px;width: 36%;}
    #variantwindow {
        height: 770px;
        width: 90%;
        color: #000;
        padding: 0px;
        background-color: #f0f0f2;
        width: 90%;
        max-width: 980px;
        height: auto;
        min-height:  770px;
    }



    #switchlanguage {position:absolute; top:5px; right:20px; z-index:10000;}
    #icon-warenkorb {right:80px;}
    #usernav {right:150px;}

    .col6  {float:left; width:25%; max-width:200px;padding:0px 30px 0px 0px;}

    .left {width:33.333333%}
    .main {width:66.66667%}

    .shopmain {width:75%;padding-top:0px; padding-left:10px;float:left; font-family: 'Mukta', sans-serif; padding-bottom:80px;}


    .cart_text {width:60%; }
    .cart_price {width:30%;}
    .cart_amount {width:10%;}
    .cart_text.all {width:70%;  }


    .cart_left{width:70%;}
    .cart_right{width:30%;}



    .blockcontainer.shop_bg {
        background-repeat: no-repeat;
        background-position: center top;
        background-image: url(../images/TEST_STart_2.jpg);
        background-size: auto 100%;
        min-height: 500px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 10px;
    }


    .kacheln div.box {   width: calc((100% / 3) - 10px); }


    .shop_bg .kacheln div.box {   width: calc((100% / 2) - 10px); max-width: 280px;margin-right:10px; }



    .blockcontainer.shop_bg .blockcontent {padding-left: 10px;}


    .kacheln.aktion div.box {background: #bd1414; width: 160px; margin-right: 10px;}

    .kacheln.aktion {

        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: left;
        -ms-flex-pack: left;


        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        justify-content: flex-start;

    }




    /*.boxcontent*/
    .boxlink {position: relative; width:100%;padding: 0px 0px 100% 0px;}


    .box span.subheader {position:absolute; top:80px; left:10px; padding-right: 5px; color:#fff; }

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

    .box span.boxtext {position:absolute; top:10px;


        top: 50%;
        transform: translateY(-50%);
        display:none;  color:#fff;left:10px; padding-right: 5px; }

    .box:hover span.boxtext { display:block;  }

    .box:hover h2,  .box:hover span.subheader { display:none;  }





}



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





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


    #page  {
        width:100%;
        padding:170px 0px 520px 0px;

    }

    #footercontainer {position:absolute;bottom:0px; height: 520px ;}

    .maincol {width:calc(100% - 270px); width:calc(100% - 290px);}

    .searchresult .maincol {padding-left: 10px;}


    .blockcontainer.shop_bg {
        background-repeat: no-repeat;
        background-position:center top;
        background-image: url(../images/TEST_STart_2.jpg);
        background-size: auto 100% ;
        min-height: 500px;

        padding-bottom:0px;

    }


    .start .blockcontent {padding:48px  0px 48px 0px;}

    .searchinput {
        height: 50px;
        float: left;
        border: 1px solid #fff;
        width: 340px;
        background: #fff;
        padding: 3px;
    }

    .submitsearch { display:block; height:50px; width:70px; float:left;  padding:10px 0px ; text-align:center;cursor:pointer;}

    .submitsearch i, .submitsearch  a {color:#fff;font-size:26px;}

    .openfilterbox {display:none;}

    .filterbox {display:block;}



    #filter {width:100%; display:block;  max-width:250px;position:absolute; left:auto; right: 0px; top: 420px; z-index:500;
        overflow-y:auto;
        height: calc(100vh - 420px);
    }

    /*
    .leftcol.firstleft.productdetail {position:relative;}
    .cartformcontainer {position:absolute; z-index: 550; width: 100%; height: 1000px; background:#fff;}*/




    .leftcolpage #filter { top: 160px;
        height: calc(100vh - 160px);}

    .leftcol   {width:250px; display:block;  max-width:250px;float:right; padding-top: 50px; clear: right;}

    .leftcol.firstleft {padding-top: 300px;padding-top: 330px;}


    .maincol {float:left; }

    .document_detail {width:250px; padding-right: 0px; }


    .shop-detail .maincol {padding-right: 0px; }

    /*.kachelcontainer {position:relative; width: calc(100% + 10px);height: 300px; }
    .kacheln.aktion {position:absolute; right: 0px; width: 100%;  }*/




    #stoerer {position:absolute;top:170px;left:auto; margin-left: 0; right: 0px; z-index:501;background:#f39292;
        width:250px;height:250px;border-bottom:2px solid #fff;z-index:500;
    }


    /*temporär rausnmehmen für specialoffer link
    #stoerer a  {position:relative; padding-bottom: 100%; width:100%; color:#fff;display:block; }


    #stoerer a > span {

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

    }
    */

    #stoerer > div  {position:absolute; padding-bottom: 100%;  width:100%; color:#fff;display:block; }

    #stoerer > div > a ,  #stoerer > div > span   {padding:10px; }

    #stoerer > div > a { position:absolute; top:0;  width: 100%;  padding: 30px 10px 20px 10px;}
    #stoerer > div > span { position:absolute; bottom: 0; padding: 20px 10px 20px 10px;width: 100%; background-color: #ee5c5c;}

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



    .start #searchcontainer { position:relative; top: 0px; left: 0px;  margin-top:0px;width: 100%; max-width:500px; padding:0px 0px 30px 20px; z-index:552;
        margin-left: 0px;
    }

    #searchcontainer { position:absolute; top: 130px; left: 0px;  margin-top:0px;width: 100%; max-width:500px; padding:0px 0px 30px 20px; z-index:552;}

    #searchcontainer.scrolled {position:fixed; top: 60px; left:20px; z-index:552;}



    #searchcontainer.scrolled .searchinput {
        height: 36px;
        width: 200px;
        background: #fff;
        padding: 3px;
    }

    #searchcontainer.scrolled .submitsearch { display:block; height:36px; width:50px;padding:5px 0px ;}
    #searchcontainer.scrolled .submitsearch i, #searchcontainer.scrolled .submitsearch  a {color:#fff;font-size:21px;  }

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


    #page.scrolled #stoerer {position:fixed; right:0;top:170px;}

    #page.scrolled #filter {position:fixed;right:0;top: 420px;
        height: calc(100vh - 420px);}


    .leftcolpage #page.scrolled #filter { top: 160px;
        height: calc(100vh - 160px);}

    .detailpage  #page.scrolled #filter,  .detailpage  #page #filter{position:absolute !important; height:auto !important; }


    #pdf {display:block;}

    #pdf_mobile {display:none;}
    .submitbutton,.submitbutton1 {font-size:33px !important;}

    div.product_notfound {min-height:400px}

    .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;}
    .col6:nth-of-type(6n+1) {clear:both;}


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


        padding:0px 0px 0px 16px;

        padding:0px 0px 0px 0px;

    }


}




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



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

    #contact_us { position:fixed; /*top:50%;*/
        top:auto; bottom: 80px; right:10px;right: 1em; left:auto; /*wie top-button*/  margin-top:-55px; height:110px; width:50px; padding:0; z-index:601;}


    div.contact { width:52px; height:62px;  float:none; display:block; margin-right: 0px;}

    #contact_phone {margin-bottom:10px;margin-right:0px;}


    .contact_button {display:block;  width:52px; height:52px; padding:5px;  color:#fff;background: #bd1414;border:1px solid #bd1414;
        -webkit-border-radius: 0.2em;-moz-border-radius: 0.2em;border-radius: 0.2em;
        position:relative;float:none;
    }


    .contactinfo { width:210px; height:140px; padding:5px;  color:#fff;background: #bd1414;border:1px solid #bd1414;
        position:absolute; right:-2px; left:auto; bottom:-4px; z-index:101;-webkit-border-radius: 0.2em;-moz-border-radius: 0.2em;border-radius: 0.2em;
    }



}


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

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

    .datatext-download a {padding:5px  0px 0px 0px;}
    .datatext-download span {padding:5px 10px 0px 0px;}

}


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


    .blockcontainer.shop_bg { background-size: 100% auto;}

    .shop_bg .kacheln div.box {   width: calc((100% / 4) - 10px); margin-right: 10px;}
    .shop_bg .box span.boxtext  {
        font-size: 15px;
        color: #fff;
        line-height: 20px;
    }

    .shop_bg .kacheln    { padding:20px 0px 20px 0px;
        -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-justify-content: start;
        -moz-justify-content: start;
        justify-content: start;

        /*
         -webkit-box-pack: justify;
         -ms-flex-pack: justify;

         -webkit-justify-content: space-between;
         -moz-justify-content: space-between;
         justify-content: space-between;*/
    }




    .leftcolpage #filter { top: 100px;
        height: calc(100vh - 100px);}
    .leftcol.firstleft {padding-top: 240px;padding-top: 270px;}

    .leftcolpage #page.scrolled #filter { top: 130px;
        height: calc(100vh - 130px); }


    #stoerer {top:100px;}
    #filter {top:350px;
        height: calc(100vh - 350px);}



    #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; height:130px;

    }

    #headerbar {position:absolute; top:0px;left:50%; margin-left:-615px;z-index:600; height:102px;   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;}

    #ausgaben_navi, #filter ,#searchcontainer{
        /*, #raildatasearch*/
        /* 	transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;*/

        transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;

    }

    #main-menu {overflow-y:auto;height:auto;float:right;}

    #usernav {position:absolute;right:0px; bottom:-20px;   top:auto;background:#fff;}

    #icon-warenkorb { position:absolute; display:block; height:82px;background:transparent; width:42px; top:0px; right:0; }

    #cart_icon_link { height:101px ;background-position: left top 35px; }


    .maincol { width:calc(100% - 300px);}

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

    #searchcontainer { position:absolute; top: 40px; left: 20px;
        left:50%; margin-left:-595px;

        margin-top:0px;width: 100%; max-width:500px; padding:0px 0px 30px 20px;z-index:10;}

    .start #searchcontainer {z-index:10;}

    #searchcontainer h2 {margin-bottom:20px; display:block; }

    #searchcontainer {margin-top:0px;padding:0;}

    .start #searchcontainer {margin-top:60px; margin-top:47px;padding:0;}



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

    }
    #page.scrolled { margin:100px auto 0px auto;}
    #usernav.scrolled { bottom:40px;}

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

    }

    #headerwrapper.scrolled .sm-blue a, #headerwrapper.scrolled .sm-blue a:hover, #headerwrapper.scrolled .sm-blue a:focus, #headerwrapper.scrolled .sm-blue a:active, #headerwrapper.scrolled .sm-blue a.highlighted {padding-top:30px;}
    #headerwrapper.scrolled #cart_icon_link {background-position: left top 20px;}

    #searchcontainer.scrolled { position:fixed; margin-top:60px;z-index:552;
        top:24px; left:50%; margin-left:-595px;
    }

    #searchcontainer.scrolled h2 {display:none !important; }


    #stoerer {left: 50%;margin-left: 365px;}
    #filter {left: 50%;margin-left: 365px;}

    #page.scrolled #stoerer {position:fixed; left: 50%; margin-left: 365px;}


    #page.scrolled #filter {position:fixed;left: 50%;margin-left: 365px;}


    .blockcontent.rightcolcontent, .blockcontent.rightcolcontent.shop-detail, .blockcontent.rightcolcontent.orderform  {padding:64px  0px 64px 20px;
        padding:50px  0px 64px 20px;
    }



    .blockcontainer.resultlist { }
    .blockcontent.filterblock {position:relative}

    .activefilters {position:absolute;z-index:10; top:-40px; left:450px; z-index:500; padding:0px 0px 16px 0px; width:100%;   max-width:480px; padding-left: 40px; }


    .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 {max-width:1230px;width:1230px;margin:0 auto 0px auto;padding:64px 0px 64px 30px;padding:64px 0px 64px 20px;}
    .blockcontent.rightcolcontent {position:relative; }

    .blockcontent.padright, .padright  {padding-right:30px;padding-right:20px;}


}





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

    #headerwrapper{ width:1900px; left:50%; margin-left:-950px; }

    #headerbar {  height:102px;  width:1230px;}





}



@media all and (max-width: 810px){
    .cart_text {height:auto !important; }
}





.studienelement {float:left; display:block; padding-right:50px; position:relative; width:auto; height:50px;}

.studientitel{ }

.studientitel a {  color:#57565A; }

.studientitel   h4 { font-size:26px;color:#57565A;}

.studientitel.size0   h4{ font-size:16px;}

.studientitel.size1   h4{ font-size:22px;}

.studientitel:hover h4 {opacity:0;}

.studientitel:hover {width: 150px;height:240px; position:absolute;z-index:100;
    background-color:#fff;
    background-repeat: no-repeat;
    background-position:center top;
    background-size: 100% auto;m   border:1px solid  #e5e5e5;
    box-shadow: 10px 10px 5px rgba(0, 0, 0, .1);
    cursor:pointer;background-image:url(../images/studiencover.jpg) ; }



.studienbox{
    width: 100%;
    padding-bottom:150%;
    background-repeat: no-repeat;
    background-position:center top;
    background-size: 100% auto;margin-bottom:30px;position:relative;   border:1px solid  #e5e5e5;
    box-shadow: 10px 10px 5px rgba(0, 0, 0, .1);
    cursor:pointer;
}

.studienbox:hover {background-image:url(../images/studiencover.jpg) ; }

.studienbox h4  {position:absolute; bottom:0px; left:0px;color:#455560;font-size:26px; line-height:34px;padding:0px 7px 7px 11px; }

h4.title_addinfo {display:none;}
.studienbox:hover h4, .studientitel h4.title_addinfo {position:absolute; bottom:0px; left:0px;color:#455560;font-size:18px; line-height:22px;padding:0px 7px 7px 7px; opacity:1;}
.studienbox:hover h4 {display:none;}
.studienbox:hover h4.title_addinfo ,.studientitel:hover h4.title_addinfo {display:block;}
.studienbox_detail {padding-bottom:85px;
    background-image:url(../images/studiencover-detail.jpg) ;
    /*width:100%;max-width:300px;max-height:450px;
    padding-bottom:150%;*/
    width:255px; height: 384px;padding:0;

    background-repeat: no-repeat;
    background-position:center top;
    background-size: 100% auto;margin-bottom:30px;position:relative;border:1px solid #8b8b8b;float:right;

}
.studienbox_detail h4 {position:absolute; bottom:0px; left:0px;color:#455560;font-size:26px; line-height:28px;padding:0px 7px 7px 7px;}


#content .subnavi  li {float:left; display:block; padding-right:35px;padding-bottom:10px;padding-right:0px;}
#content .subnavi  li span {color:#bd1414;display:block;float:left; font-size:20px; font-weight:bold;padding:0px 10px 0px 10px; }
#content .subnavi  li a {display:block;float:left; }
#content ul.subnavi   {  padding: 30px 0px 10px 0px;display:block; clear:both; margin:0; }
#content .subnavi  li.first span {}





.tooltip-content {display:none;}

.pdfViewer .page {border-image: url(images/shadow.png) 9 9 repeat;border-image: none;}

object body {background:#fff;background-image:none;}


/********************************************/
/* Formularfelder Allgemein / Mobil */

/* PW Validierung */
#pswd_info {
    position:absolute;
    width:250px;
    padding:15px;
    background:#fefefe;
    font-size:.875em;
    border-radius:5px;
    box-shadow:0 1px 3px #ccc;
    border:1px solid #ddd;
    margin-top: -50px;
}

#pswd_info ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

#pswd_info h4 {
    margin:0 0 10px 0;
    padding:0;
    font-weight:normal;
}

#pswd_info::before {
    content: "\25B2";
    position:absolute;
    top:-12px;
    left:45%;
    font-size:14px;
    line-height:14px;
    color:#ddd;
    text-shadow:none;
    display:block;
}

.invalid {
    /* background:url(../images/invalid.png) no-repeat 0 50%; */
    padding-left:2px;
    line-height:24px;
    color:#ec3f41;color: #c3481f; color:#ac0d0d;
}
.valid {
    /* background:url(../images/valid.png) no-repeat 0 50%; */
    padding-left:2px;
    line-height:24px;
    color:#3a7d34;
}

#pswd_info {
    display:none;
}

/* PW Validierung Ende */

.buttonrow {padding-top:24px;}


/* NEUE ELEMENTE FÜR SHOP*/

.heidelpaySandboxNotify {
    display: block;
    width: 100%;
    background-color: #ff8005;
    z-index: 9999;
    text-align: center;
    padding: 15px 0;
    margin: 0 0 20px;
    position: absolute;

}




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

a.klusiibutton   {display:block; width:auto; background-color:#bd1414;border:none !important; color:#fff !important;font-size:30px !important;
    margin:0px 0px 0px 0px;text-transform:none;float:right;
    height:50px  !important;padding: 0px 22px 0px 22px  !important;line-height:50px  !important;width:auto !important; font-weight:300;}


.klusiibutton:hover {cursor:pointer;/* opacity: 0.85;*/background:#455560;}



/** UNUSE D ???*/



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


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

.onpagesearch .pp_agreebox {width:100%; display:block;float:none;max-width:550px;clear:both;}
.onpagesearch .pp_checkbox {width:30px; display:block;float:left;max-width:20px;padding-top:8px;}
.onpagesearch .pp_text {display:block;float:left;max-width:530px;font-size:16px;padding-top:8px;}



span.searchclose {display:none; }

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



.responsiveContainer {
    position: relative;
    padding-bottom: 56%;
    height: 0;
    overflow: hidden;
}

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

iframe.fullwidth {width: 100vw; height: 100vh;}


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

.trigger span {float:left ;display:block; cursor:pointer;}

.trigger_active .newsheadline {border-bottom:1px solid #8b8b8b;display:block; float:left;}

.trigger_active  {}

.trigger span.triggerlink {float:left; cursor:pointer;  display:block; padding-right:5px;}

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


.submenuselect {  position:absolute; right: 0px; left:15px;height:50px; z-index:1000; z-index:100;
    background:#fff;  width: 100%;   width: calc((100% / 1) - 32px)}




.trigger1 {display:block;  padding:5px 5px 5px 12px;  margin-top:5px; border:1px solid #57565A; border:1px solid #6b6a6e;height:50px; color:#57565A;font-size:22px; width:100%;opacity:0.6;}
.trigger1:hover, .trigger1_active {color:#bd1414; border:1px solid #bd1414;color:#57565A; border:1px solid #6b6a6e;opacity:1;}

.trigger1 span {float:left ;display:block; cursor:pointer;}

.trigger1_active .triggertext {display:block; float:left;}

.trigger1 span.triggerlink {float:left; cursor:pointer;  display:block; padding-right:15px; padding-top:1px;}


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



.submenu a {display:block; padding: 10px 0px 0px 48px; border-top:1px solid #bd1414; border-top:1px solid #6b6a6e;background:#fff; color:#bd1414; color:#57565A; width:100%;font-size:22px; height:50px}
.submenu a:first-of-type {border-top:none;}
.submenu a:hover {color:#bd1414;}

.submenuselect .toggle_container { border:1px solid #bd1414; border:1px solid #6b6a6e;border-top:none;padding:0;  width:100%;}

.mcs_cover {display:none;}





/* 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:30px;height:360px;
    -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:300px;

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}





.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 */
/* Overlay */
#simplemodal-overlay {background-color:#333;background-color:#fff;}

/* Container */
#simplemodal-container {height:700px; width:90%;color:#000; background-color:#fff;   padding:15px 25px 15px 15px;
    background-color: #d9d9d9; width: 90%; max-width:500px; height: auto; min-height: 380px; }

#simplemodal-container p, #simplemodal-container li  { }
#simplemodal-container .simplemodal-data {padding:10px;}


.modalaction { cursor:pointer;  display:inline-block; padding: 10px 0px 10px 0px;width: 100px; text-align:center;}
.modalaction:hover { color: #bd1414;}

#simplemodal-container a.modalCloseImg { display:block; display:none; cursor:pointer;  position:absolute; right:16px; top:5px;}

#simplemodal-container a.modalCloseImg:before , #variantwindow a.modalCloseImg:before{content:'X';font-size:30px;}




.start #simplemodal-container { color:#000; background-color:#f9c9c9;   padding:15px 25px 15px 15px;
    width: 90%; max-width:500px; height: auto; min-height: 400px; overflow:hidden }

.start #simplemodal-container p, .start #simplemodal-container li, .start #simplemodal-container a  { color: #000 !important}
.start #simplemodal-container p, .start #simplemodal-container h3 {display:block; text-align:center; }
.start #simplemodal-container a:hover {text-decoration:underline}
.start #simplemodal-container  h2 { text-align: center; line-height: 38px;padding-bottom: 20px;}
.start #simplemodal-container  h2 span {font-size: 42px;font-weight: bold; line-height: 38px;}
.start #simplemodal-container p {padding-bottom: 22px;}
.start #simplemodal-container p:first-of-type {padding-bottom: 22px;}

.popupcontainer ul {padding-left:16px;}

/*sharebuttons*/
.sharebuttons { float:right; padding-right:19px;}
.sharebuttons .fa {font-size:19px !important;}
.sharebuttons div {float:right;}
.sharebuttons span {float:right; display:block;min-width:32px; }

.news .footer span {
    display: inline-block;
    padding-right: 4px;
    margin-right: 4px;
    border-right: 1px solid #ddd;
    border-right: none;
}