body {color: #4b4b4b;
    background-repeat: repeat;
    background-image:url( ../images/repeating_meshed_grid.png);
    overflow-x: hidden;
    position: relative;
    width: 100%;
}

a {
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

b, th {
    font-family: '3MCircular-Bold', Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: '3MCircular-Bold', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 100%;
}

#outerPageWrap {overflow: hidden;}

a:visited {
    color: #000000;
    text-decoration: none;
    -webkit-tap-highlight-color: #9b9b9b;
    border-bottom: 1px dotted rgba(0,0,0,0.25);
}
a:hover {
    color: #000000;
    text-decoration: none;
    border-bottom: 1px solid #000;
}

.hashed {
    background-image:url(../images/repeating_hashedLines.png);
    background-repeat: repeat;
    background-color:#fff;
}

.logo a {border:none;}

.breadcrumb {background:transparent;font-size:10px;padding: 15px 0;margin:0;}
.breadcrumb>li+li:before {
    content: '\003e';
    content :#000;
}

#pageTitle {
    margin:0;
    font-size:18px;
}

.navigation .nav>li:first-child>a {
    margin-left:-15px;
}
.navigation .nav>li>a {border:none; text-transform: uppercase;}
.navigation .nav>li>a:focus {background-color: #5a5a5a;color: #fff;}

.navigation .nav>li>a:after, .navigation .second-level-dropdown a:after {
    font-family: '3MThemeIconFont';
    content: '\e026';
    top: 15px;
    margin-left: 10px;
    font-size: 9px;
}

.navigation .second-level-dropdown a:after {
    content: "\e02a";

}a.second-level-link {position:relative;}

.navigation .second-level-dropdown a:after {
    position: absolute;
    top: 13px;
    right: 20px;
}

.navigation .nav>li>a.dropdown-toggle:after {
    font-family: '3MThemeIconFont';
    content: '\e028';
    top: 15px;
    margin-left: 10px;
    font-size: 9px;
}

.navigation-row {margin-left:55px;margin-right:55px; position:relative;}

.navigation .second-level-dropdown a {text-transform: uppercase;color:#fff;height: 40px;vertical-align: middle;display: block;border-bottom: 1px solid #838383;padding: 10px 25px;}
.navigation .second-level-dropdown a:hover {color:#fff;background-color: #838383;}
.navigation .second-level-dropdown {
    background-color: #5a5a5a;
    color:#fff;
    padding: 0;
    border-radius: 0;
    border:none;
    width: 270px;
    left: 10%;
}
.navigation .nav .open>a, .navigation .nav .open>a:hover, .navigation .nav .open>a:focus {background-color: #5a5a5a;color:#fff;}

.container.header {background:#fff;}

.header:after {content: '';
    background-image: url(../images/svg/GradientBar.svg);
    background-size: cover;
    position: relative;
    display: block;
    top: 100%;
    width: 100%;
    height: 5px;
}

.MMM--logo img {
    max-width: 156px;
}
.MMM--logo {
    position: relative;
    top: 0;
    left: 0;
    float: left;
    margin: 15px 20px 0 18px;
    width: 156px;
    max-width: 156px;
}

#js-searchBar {
    #max-width: 306px;
    min-height: 34px;
    padding-bottom: 36px;
}

.MMM--styledMarkets {
    display: block;
    float: left;
    height: 29px;
    min-width: 39px;
}
.MMM--searchMarkets.MMM--isStyled {
    display:none;
}

.MMM--styledMarketsHd {
    position: relative;
    background-color: #5a5a5a;
    border: 1px solid #e1e1e1;
    border-right: none;
    height: 22px;
    min-width: 28px;
    padding: 7px 20px 0 10px;
    color: #ffffff;
    cursor: pointer;
    z-index: 335;
    box-sizing: content-box;
}

.MMM--styledMarketsSelected {
    display: block;
    max-width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.MMM--styledMarketsOpts {
    background-color: #ffffff;
    display: none;
    position: absolute;
    border: 1px solid #e1e1e1;
    border-top: none;
    padding: 25px;
    z-index:5;
    list-style-type: none;
}

.ui-autocomplete {background:#fff;}

.MMM--styledMarketsOpts li {
    margin: 5px 0;
}

#js-searchBar .MMM--styledMarketsHd i {
    position: absolute;
    top: 11px;
    right: 8px;
    font-size: 9px;
}

#js-searchBar input {
    float: left;
    box-sizing: content-box;
    border: 1px solid #e1e1e1;
    border-right: none;
    margin: 0;
    height: 27px;
    padding: 1px 1px 1px 12px;
}

*:focus {outline:none;}

#searchCol.active input, #searchCol.active button {
    border-width: 1px 1px 1px 0px;
    border-color: black;
}
#searchCol.active {
    padding: 0 75px;
}

#new-account-info, #feedback-info {margin-left:15px;}

.MMM--themeSearchBtn .MMM--icn_search:before {
    font-size: 16px;
    position:relative;
}

.MMM--themeSearchBtn {
    background-color: #ffffff;
    float: left;
    margin: 0;
    border: 1px solid #e1e1e1;
    border-left: none;
    height: 25px;
    padding: 2px 7px;
    box-sizing:content-box;
    cursor: pointer;
}

.MMM--themeSearchBtn {
    background-color: #ffffff;
    float: left;
    margin: 0;
    border: 1px solid #e1e1e1;
    border-left: none;
    height: 25px;
    padding: 2px 7px;
    cursor: pointer;
}

button[aria-expanded="true"] {
    background:#5a5a5a;
    border-radius: 0;
    color: #fff;
}

.nav > li > a > i.MMM--icn {
    position: absolute;
    top: 13px;
    right: 5px;
    font-size: 9px;
}

.search-toggle {background:transparent;border:none;float: right; margin-top:15px; padding: 10px 10px 10px 10px;}

.nav-tabs>li>a {margin-right:15px;}

.help {top: 22px;right: 40px;position:relative; padding:0 15px; }
.help a {display: block;    min-width: 40px;    min-height: 40px;}
.help a, .logo a {border:medium none;}

.nav {border:0;}
.nav-tabs>li>a {
    border-radius: 0;
    border:0;
    margin-right: 37px;
    max-width:125px;
    text-transform: uppercase;
    display: block;
    position: relative;
    float: left;
    padding: 10px 20px 25px 10px;
    box-sizing: initial;
    height:34px;
    z-index:1;
    box-sizing:content-box;
}
.nav-tabs>li>a:hover:after {
    content: '';
    background-color: #5a5a5a;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 5px;
    z-index:5;
}

/*.nav > li > a:hover {background-color: #5a5a5a;color:#fff;}*/
.main-nav .nav {margin:0 0 0 15px;}

#content, #footer {
    margin-left: 0px;
    margin-right: 0px;
    position: relative;
    z-index: 1;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    box-sizing: content-box;
}

/*#content:after {*/
/*content: '';*/
/*background-image: url(../images/svg/GradientBar.svg);*/
/*background-size: cover;*/
/*position: absolute;*/
/*display: block;*/
/*top: 100%;*/
/*width: 100%;*/
/*height: 22px;*/
/*margin: 0 -15px;*/
/*}*/

#content.bleeding
{
    background:#fff;
    margin-top: -25%;
    margin-left: 55px;
    margin-right: 55px;
    margin-bottom: 55px;

    position: relative;
    z-index: 1;

    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 52px;
}

#bleedingHeader {
    position: relative;
}

#bleedingImage {
    position: relative;
    top: 0;
    z-index: 0;
}
#headerContent {
    position: absolute;
    left: 5%;
    top: 15%;
    max-width: 35%;
    z-index: 1;
    color:#fff;
    font-size: 36px;
    font-style: normal;
    font-weight: normal;
    height: 135px;
    line-height: 45px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    text-align: left;
    text-shadow: rgb(75, 75, 75) 1px 1px 0px;
}

#headerContent p.bodytext {
    font-size: 14px;
    line-height: 125%;
}

#headerContent a {font-size: 14px;
    font-style: normal;
    font-weight: normal; color:#fff;
    border-color:#fff;
}

#headerContent a:after {
    content: '\e026';
    display: inline-block;
    speak: none;
    font-family: '3MThemeIconFont';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    padding-left:4px;
    -webkit-font-smoothing: antialiased;
    font-size:12px;
}

#headerContent h1,#headerContent h2,#headerContent h3,#headerContent h4 {
    margin-top:0;
    font-weight:bold;
    line-height: 45px;
    font-family: '3MCircular-Bold', Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

#content .consultant-data h2 {
    margin-bottom: 0;
}

#content h2 {
    font-family: '3MCircular-Bold', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 22px;
    line-height: 1.25em;
    margin-bottom: .75em;
}
#content h3 {
    font-family: '3MCircular-Book', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 18px;
    line-height: 1.25;
    margin-bottom: 18px;
    color: #838383;
}
#content h4 {
    font-family: "3MCircular-Bold",Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 16px;
    line-height: 1.25;
    margin: 0 0px 10px 0px;
}

.container.main {background-color:#fff;position:relative;}
.container.footer{
    position: relative;
    overflow: hidden;
    padding-top:22px;
    font-size: 10px;
    line-height:12.5px;
    margin-bottom: 50px;
}
#footer-nav {
    margin-bottom:5px;
}
.container.footer .footer-long {margin-left:-15px;}
.container.footer:before{
    content: '';
    background-image: url(../images/svg/GradientBar.svg);
    background-size: cover;
    position: absolute;
    display: block;
    top: 0;
    width: 100%;
    height: 22px;
    margin: 0px -15px;
}

.container.main.bleeding {
    position:relative;
    padding: 0;
    background-image:url('../images/triangle_bg_blue.jpg');
    background-repeat:repeat;
}

.container.main.non-bleeding {
    position:relative;
    padding: 0;
}

.container.main.non-bleeding #headerContent {
    left: 3%;
    top: 25%;
}

.container.main.non-bleeding #headerContent p {
    font-size: 16px;
    line-height: 100%;
}

.container.main.non-bleeding #content.bleeding {
    margin: 10px 0 0 0;
}

#content .row,
#footer .row
{
    padding-left: 20px;
    padding-right: 25px;
    /*margin-top: 20px;*/
    margin-bottom: 24px;
}

#content .row .row:after
{
    content: '';
    background-image: url( ../images/svg/GradientBar.svg );
    background-size: cover;
    position: relative;
    display: block;
    top: 100%;
    width: 100%;
    height: 3px;
    margin-left: 10px;
}

#content .row .img-responsive {margin-bottom:10px}
#content .row-3-3-3-3 > div  {
    padding: 0 0.7621%;
}

#tabletHead {padding:0 25px;}
#tabletHead a {font-family: '3MCircular-Bookitalic', Arial, 'Helvetica Neue', Helvetica, sans-serif;}

#tabletHead h1, #tabletHead h2, #tabletHead h3, #tabletHead h4 {
    font-size:24px;
    font-family: '3MCircular-Bold', Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

/*tabs*/
.tab-container>li>a:hover:after {display:none;}
.tab-container>li>a {
    width:98%;
    max-width:98%;
    background:#1E1E96;
    box-sizing: border-box;
    #margin:0;
    color:#fff;
    padding: 10px;
    height: auto;
    margin-bottom:2%;
    margin-right:2%;
}

.tab-container>li.active {;border:none;}
.tab-container>li.active>a {background:#01C8E7;border:none;}
.tab-container>li {
    max-width: 25%;
    width:100%;
    border:none;
}

.tab-container>li.active>a, .tab-container>li.active>a:hover, .tab-container>li.active>a:focus, .tab-container>li>a:hover {
    background:#01C8E7;
    border:none;
    color:#fff;
}

.tab-container>li:nth-child(4n)>a{
    margin-right:0%;
    width:100%;
    max-width:100%;
}

/*collapse*/
.panel-group .panel-default{
    border-radius: 0;
}

#content h1.panel-title ,#content h2.panel-title ,#content h3.panel-title ,#content h4.panel-title ,#content h5.panel-title  {
    font-family: "3MCircular-Bold",Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 16px;
    line-height: 1.25;
    margin: 0;
}

.panel-heading .panel-title a:after {
    font-family: '3MThemeIconFont';
    content: '\e026';
    top: 15px;
    margin-left: 10px;
    font-size: 9px;
}

.panel-heading .panel-title a[aria-expanded="true"]:after {
    content: '\e028';
    border-color:#000;
}

.panel-heading .panel-title a:visited, .panel-heading .panel-title a:focus {
    outline:0;
    text-decoration: none;
}

.panel-body > .panel-body  .panel-title a:visited, .panel-body > .panel-body  .panel-title a:focus {
    outline:0;
    text-decoration: none;
}

#content .panel-group .panel-group {
    margin-bottom:0;
}

#content .panel-group .panel-group .panel-heading .panel-title {
    font-family: '3MCircular-Book',Arial;
    font-size: 14px;
}

#footer .logo-mobile {
    display:block;
}
input.f3-form-error{
    border-color: red;
}

.error {color:red;}

input {border:none; padding:5px;margin-bottom:10px;}

#content .row.box-ice-blue:after {
    background-image: none;
    height: 0px;
}

#content .row.box-ice-blue {
    background: #00C8E6;
    padding: 20px 15px;
    color: #fff;
    min-height: 177px;
}

#content .row.box-ice-blue {padding:15px 20px;}

#content .row.box-ice-blue h2, .tx_mmmhiskunden-login h1{
    font-size: 20px;
    margin-top: 11px;
}

#content .row.box-ice-blue a {
    color: #FFF;
    border-bottom: 1px solid rgba(255,255,255,0.5);
}
#content .row.box-ice-blue a:hover {
    border-bottom: 1px solid #fff;
}

/*mmmhiskunden extension*/

table.tx_mmmhiskunden tr:hover {background: #e1e1e1}
table.tx_mmmhiskunden tr:first-child:hover {background: none;}
table.tx_mmmhiskunden tr {border-bottom:1px solid #e1e1e1;}
table.tx_mmmhiskunden tr:last-child {border-bottom:none;}
#table.tx_mmmhiskunden tr:nth-child(odd) {background: #e1e1e1}
table.tx_mmmhiskunden td, table.tx_mmmhiskunden th {
    padding:5px;
    border-right:1px solid #e1e1e1;
}
table.tx_mmmhiskunden td{border-right:1px solid #e1e1e1;}
table.tx_mmmhiskunden td:last-child, table.tx_mmmhiskunden th:last-child{border-right:none;}
table.tx_mmmhiskunden td:first-child, table.tx_mmmhiskunden th:first-child{padding-left:0;}

.tx_mmmhiskunden-login {
    background:#003CE5;
    /*margin: 20px -15px;*/
    /*margin: 20px 15px 20px -15px;*/
    padding:20px;
    color:#fff;
}
.tx_mmmhiskunden-customer {
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.tx_mmmhiskunden-login a {color:#fff;border-bottom-color:#fff;}
.tx_mmmhiskunden-login form {padding:15px 0;}
/*.tx_mmmhiskunden-login form button:after {*/
/*font-family: '3MThemeIconFont';*/
/*font-style:normal;*/
/*content: '\e026';*/
/*top: 15px;*/
/*margin-left: 5px;*/
/*font-size: 9px;*/
/*}*/
.tx_mmmhiskunden-login form input {
    margin-right:10px;
    min-width:300px;
    color:#333;
}
.tx_mmmhiskunden-login form button {
    border:none;
    background:transparent;
    /*text-transform: lowercase;*/
    font-style: italic;
    border-bottom:1px solid #fff;
    padding:0;
    color: #ffffff;
}

.tx_mmmhiskunden-statusBox a:first-child{
    margin-right:5px;
}
.tx_mmmhiskunden-statusBox {
    position: absolute;
    right: 0;
    max-width: 25%;
    bottom: 20px;
    text-align:right;
}

.tx-mmmhiskunden form[name="password-reset"] input, .tx-mmmhiskunden form[name="newPassword"] input {
    border: 1px solid #e1e1e1;
}

.tx-mmmhiskunden form[name="password-reset"] input[type="password"], .tx-mmmhiskunden form[name="newPassword"] input[type="password"] {
    width: 200px;
}

.customer-active {color:green;}

#userdetails td{ padding:0 5px;}

.tx-mmmhiskunden-consultant {
    margin-bottom: 25px;
    max-width: 45%;
    box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.2);
    background-color: #FFFFFF;
    background-image: linear-gradient(to bottom, #F0F0F0, #FFFFFF);
    background-repeat: repeat-x;
}

.tx-mmmhiskunden-consultant img{float:left;}
.tx-mmmhiskunden-consultant .consultant-data{
    float:left;
    padding:0 0 10px 10px;
}

/*mmmhiskunden extension end*/

.csc-menu {list-style-type: none;padding:0;}
.csc-menu li{
    width:25%;
    display:inline-block;
    padding: 0 10px;
}
.csc-menu a:after {
    font-family: '3MThemeIconFont';
    content: '\e026';
    top: 17px;
    right: 15px;
    font-size: 9px;
    position: absolute;
}
.csc-menu a {
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
    display:block;
    position:relative;
}
.csc-menu li:nth-child(-n+4)>a {
    border-top: 1px solid rgba(0,0,0,0.25);
}
.csc-menu a:hover, .csc-menu li:nth-child(-n+4)>a:hover {border-top:1px solid #000;}

/*News-Extenstion*/

.news-list-view h2 {margin-top:0;}
.news-list-view h2 a {
    text-decoration:none;
    border:none;
}

.news-list-tags, .news-list-date, .news-grey {
    color:#838383;
}

.news-list-tags {
    font-family:'3MCircular-Book', Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.news-list-view .article{
    border-bottom:1px solid rgba(0,0,0,0.25);
    padding:25px 0;
}
.news-list-view .article:first-child {padding: 25px 0 25px 0;}
.news-list-view .article:last-child {padding: 25px 0 0 0; border:none;}
.news-list-view {
    padding-bottom: 10px;
}

.news .more {
    font-style: italic;
    display:none;
}
.news .more:after {
    font-family: '3MThemeIconFont';
    content: '\e026';
    top: 15px;
    margin-left: 10px;
    font-size: 9px;
    font-style:normal;
}

/*MediaQueries*/
@media screen and (max-width: 480px) {
    .tab-container>li {
        max-width: 50%;
    }
    .tx_mmmhiskunden-customer, .tab-container>li>a {
        font-size: 12px;
    }
    .csc-menu a:after, .navigation .nav>li>a:after, .navigation .second-level-dropdown a:after {
        display:none;
    }
    #headerContent, #content.bleeding {
        margin-left: 10px;
        margin-right: 10px;
    }
}

/*mobile*/
@media screen and (max-width: 767px) {

    .tx_mmmhiskunden-login {
        margin: 20px -15px;
    }
    .tx_mmmhiskunden-login form input {
        min-width:auto;
        width:100%;
    }
    #content .row-3-3-3-3 > div {
        padding: 0 1.761%;
    }
    .tab-container>li>a {
        font-size: 10px;
    }
    .csc-menu li {width:50%;}
    .tx-mmmhiskunden-consultant {
        margin-bottom: 25px;
        max-width: 100%;
    }
    body {font-size: 16px;}
    .MMM--isOnMobile {display:block;}
    .MMM--icn_menu:before  {font-size: 24px;}
    .MMM--isNotOnTablet {
        display: block;
    }
    .MMM--isNotOnMobile, .MMM--isOnTablet, .logo-img {
        display:none;
    }
    #mobileNavWrap #js-searchBar {margin:0;padding:0;}
    #mobileNavWrap {background-color:rgb(90, 90, 90);}
    #mobileNavSearch, .MMM--gsnLogo {padding: 15px 25px;}
    #mobileNavSearch {font-size:12px;}
    #mobileNavSearch {padding-bottom: 10px;}
    #mobileNavCol ul {margin:0;padding:0; list-style-type:none;}
    #mobileNavCol ul li {border-bottom: 1px solid #838383;}
    #mobileNavCol ul li:first-child {border-top: 1px solid #838383;}
    #mobileNavCol ul li:last-child {border-bottom: none;}
    #mobileNavCol ul li:last-child a {text-transform: none;}
    #mobileNavCol ul li a{display: block;box-sizing: initial;text-decoration:none;padding: 17px 20px;border-bottom:0;color:#fff;font-weight: bold;text-transform: uppercase;}
    #mobileNavCol ul li a i{float:right;line-height: 16px;font-size: 10px;}
    #pageWrap.mobileMenuActive {left:80%;}
    #pageWrap {
        position:relative;
        left: 0;
        transition-delay: 0s, 0s, 0s, 0s, 0s, 0s;
        transition-duration: 1s, 1s, 1s, 1s, 1s, 1s;
        transition-property: top, right, bottom, left, width, height;
        transition-timing-function: ease, ease, ease, ease, ease, ease;
    }

    .logo-mobile {display:block;}
    .logo {
        float: left;
        padding: 15px 65px 15px 20px;
        max-width: 60px;
    }

    .header:after {
        margin-right: -15px;
        margin-left: -15px;
        width:auto;
    }

    .navbar-header {float:right;}

    button.navbar-toggle {
        font-size: 12px;
        padding: 9px 0px 0px 0px;
        margin: 15px 8px 10px 0;
    }

    /*#mobileMainNav #searchCol { display:;}*/
    #mobileMainNav {
        position:absolute;
        width: 80%;
        left:-80%;
        height:100%;
        display:block;
        top:0;
        background:#5a5a5a;
        z-index:5;
        transition: 1s;
    }
    #mobileMenuToggle i {
        position: relative;
        top: 8px;
        left: 8px;
        vertical-align: bottom;
    }
    #mobileMenuToggle {
        display: block;
        min-width: 40px;
        min-height: 40px;
        float: right;
        margin-top:15px;
        border:none;
    }
    #mobileMainNav.active {
        left: 0;
        transition:all 1s ease;
        -webkit-transform: translateZ(0);
    }
    #mobileMainNav .MMM--gsnMesh {
        background-image:url('../images/repeating_meshed_grid.png');
        opacity: .25;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

    #pageWrap.mobileMenuActive {
        left: 80%;
        cursor: pointer;
    }
    #mobileMainNav.active {
        left:0%;
    }
    #pageWrap.mobileNavActive {

    }
    #mobileSearch {
        display:none;
        background-color:#5a5a5a;
        position:absolute;
        width:100%;
        z-index: 100;
        border: 1px solid #c8c8c8;
        border-top-color: initial;
        border-top-style: none;
        border-top-width: initial;
        border-right-color: rgb(200, 200, 200);
        border-right-style: solid;
        border-right-width: 1px;
        border-bottom-color: rgb(200, 200, 200);
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-left-color: rgb(200, 200, 200);
        border-left-style: solid;
        border-left-width: 1px;
        padding: 10px 0 10px 0;
    }

    #mobileSearch #js-searchBar {
        padding:0;
        font-size:12px;
    }

    button[aria-expanded="true"] {background:none;color:#4b4b4b;}

    .navbar-header button.active {
        background-color:#5a5a5a;
        color:#fff;
    }

    #tabletHead {padding:0 25px;}
    #content>.row {padding:0 0 24px 0;}

    .navigation .nav>li:first-child>a {
        margin-left: auto;
    }
    .navigation-row {
        margin-left: 16px;
        margin-right: 16px;
    }
    .navbar-nav .open .dropdown-menu {background-color:#5a5a5a;}
    .dropdown .dropdown-toggle[aria-expanded="true"], .nav .open>a:focus:focus {
        border-bottom: 1px solid #838383;
        border-color: #838383;
        color:#000000;
        background-color:transparent;
        background-image:url(../images/repeating_hashedLines.png);
        background-repeat: repeat;
    }
}

/*tablet*/
@media screen and (min-width: 767px) and (max-width: 959px){
    .tx_mmmhiskunden-login form input {
        min-width:300px;
        width:auto;
    }
    .container {width:100%;}
    .MMM--isNotOnTablet {display:none;}
    .MMM--isOnTablet {display:block;}
    .MMM--isNotOnTablet {display:none;}
    .brand-row {height:85px;}

    #headerContent {
        position: absolute;
        left: 5%;
        top: 20%;
        max-width: 52%;
        font-family: '3MCircular-Bold', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    }
    #headerContent a {font-family: '3MCircular-Bookitalic', Arial, 'Helvetica Neue', Helvetica, sans-serif;}

    .navbar-toggle {float:none;}
    .brand-row {width:50%; float:left;}
    .row.main-nav {width:50%; float:right;}

    .logo-mobile{display:none;}
    .logo {
        display:block;
        top:auto;
        margin-top:15px;
        max-width: 180px;
    }
    .logo-img {
        max-width: 156px;
    }

    #navCol a {color:#fff;font-size: 14px;}
    #navCol a i {font-size: 14px;}
    #navCol {
        position:absolute;
        top: 69px;
        left:0;
        width: 250px;
        background-color:#5a5a5a;
        z-index: 5;
    }

    #navCol .nav {padding-top:5px; margin:0;}

    #navCol ul {margin-left: 16px;}
    #navCol ul li {
        float:none;
        clear: both;
        padding-left: 16px;
        border-bottom: 1px solid #838383;
    }
    #navCol a:hover {background:transparent;}
    #navCol a {
        padding:10px 15px 10px 0;
        max-width: none;
        margin: 0;
        display: block;
        height:auto;
        width: 201px;
        float:none;
    }
    .nav-tabs>li>a:hover:after {display:none;}

    .MMM--gsnMenu a i:before {
        font-size: 9px;
    }

    #navCol #MMM-MainNav {padding:0;}

    .navbar-collapse.in {overflow:hidden;}

    #searchCol {padding-top: 15px;}
    #js-searchBar.MMM--searchBar {height:auto;padding:0;}

    .header:after {
        margin-right: -15px;
        margin-left: -15px;
        width:auto;
    }

    button.navbar-toggle {
        font-size: 14px;
        margin-top: 5px;
        padding: 8px;
        border: none;
        z-index: 50;
    }
    button.navbar-toggle[aria-expanded="true"] {
        margin-top: 15px;
    }
    .navbar-header {margin:0 -15px;}

    .brand-row {
        height: 69px;
    }

    .help {display:none;}

    .row-3-3-3-3 > div {
        padding: 0 1.761%;
    }
    .row-3-3-3-3 > div:nth-child(3){
        clear: left;
    }

    #headerContent {
        left: 5%;
        top: 10%;
        max-width: 77%;
    }

    .navigation>.nav>li{display:inline;}
    .navigation>.nav>li>a {
        display: inline-block;
    }

    #breadcrumb,#pageTitle {margin:0 -15px;}
    .navbar-nav .open .dropdown-menu {background-color:#5a5a5a;}
    .navigation .second-level-dropdown a {height:auto;}
    .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 10px 15px 10px 25px;
    }
}

@media screen and (min-width: 960px) {
    .footer-brandinfo {float:right;}
    .tx_mmmhiskunden-login form input {
        min-width: 250px;
        /*min-width:300px;*/
        width:auto;
    }
    .MMM--isNotOnTablet {display:none;}
    .MMM--isOnTablet {display:block;}
    .MMM--isNotOnTablet {display:none;}
    .MMM--isNotOnDesktop {display:none;}
    .logo {top:25px;left:40px;position:relative;padding:0;margin:0;}
    .logo-img {max-width: none;}
    .container {width: 100%;}
    .logo-mobile {display:none;}
    body {
        font-size: 14px;
        line-height: 1.25;
    }
    .help {display:block;}
    .brand-row {height: 85px;}
    .header:after {
        margin-right: -15px;
        margin-left: -15px;
        width:auto;
    }
}

@media screen and (min-width: 1200px) {
    .container {width: 1200px;}
    .nav-tabs li:last-child {display:block;}
}

/*tt_content/css_styled_content styles*/
/* Headers */
.csc-header-alignment-center { text-align: center; }
.csc-header-alignment-right { text-align: right; }
.csc-header-alignment-left { text-align: left; }

/* Clear floats after csc-textpic and after csc-textpic-imagerow */
DIV.csc-textpic, DIV.csc-textpic DIV.csc-textpic-imagerow, UL.csc-uploads LI { overflow: hidden; }

/* Set padding for tables */
DIV.csc-textpic .csc-textpic-imagewrap table { border-collapse: collapse; border-spacing: 0; }
DIV.csc-textpic .csc-textpic-imagewrap table tr td { padding: 0; vertical-align: top; }

/* Settings for figure and figcaption (HTML5) */
DIV.csc-textpic .csc-textpic-imagewrap FIGURE, DIV.csc-textpic FIGURE.csc-textpic-imagewrap { margin: 0; display: block; }

/* Captions */
FIGCAPTION.csc-textpic-caption { display: table-caption; }
.csc-textpic-caption { text-align: left; caption-side: bottom; }
DIV.csc-textpic-caption-c .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-c { text-align: center; }
DIV.csc-textpic-caption-r .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-r { text-align: right; }
DIV.csc-textpic-caption-l .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-l { text-align: left; }

/* Float the columns */
DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; }

/* Border just around the image */
{$styles.content.imgtext.borderSelector} {
border: {$styles.content.imgtext.borderThick}px solid {$styles.content.imgtext.borderColor};
padding: {$styles.content.imgtext.borderSpace}px {$styles.content.imgtext.borderSpace}px;
}

DIV.csc-textpic .csc-textpic-imagewrap IMG { border: none; display: block; }

/* Space below each image (also in-between rows) */
DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: {$styles.content.imgtext.rowSpace}px; }
DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image { margin-bottom: 0; }

/* colSpace around image columns, except for last column */
DIV.csc-textpic-imagecolumn, TD.csc-textpic-imagecolumn .csc-textpic-image { margin-right: {$styles.content.imgtext.colSpace}px; }
DIV.csc-textpic-imagecolumn.csc-textpic-lastcol, TD.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image { margin-right: 0; }

/* Add margin from image-block to text (in case of "Text w/ images") */
DIV.csc-textpic-intext-left .csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
margin-right: {$styles.content.imgtext.textMargin}px;
}
DIV.csc-textpic-intext-right .csc-textpic-imagewrap,
DIV.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
margin-left: {$styles.content.imgtext.textMargin}px;
}

/* Positioning of images: */

/* Center (above or below) */
DIV.csc-textpic-center .csc-textpic-imagewrap, DIV.csc-textpic-center FIGURE.csc-textpic-imagewrap { overflow: hidden; }
DIV.csc-textpic-center .csc-textpic-center-outer { position: relative; float: none; right: 50%; }
DIV.csc-textpic-center .csc-textpic-center-inner { position: relative; float: none; right: -50%; }

/* Right (above or below) */
DIV.csc-textpic-right .csc-textpic-imagewrap { float: right; }
DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

/* Left (above or below) */
DIV.csc-textpic-left .csc-textpic-imagewrap { float: left; }
DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

/* Left (in text) */
DIV.csc-textpic-intext-left .csc-textpic-imagewrap { float: left; }

/* Right (in text) */
DIV.csc-textpic-intext-right .csc-textpic-imagewrap { float: right; }

/* Right (in text, no wrap around) */
DIV.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: right; }

/* Left (in text, no wrap around) */
DIV.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { float: left; }

DIV.csc-textpic DIV.csc-textpic-imagerow-last, DIV.csc-textpic DIV.csc-textpic-imagerow-none DIV.csc-textpic-last { margin-bottom: 0; }

/* Browser fixes: */

/* Fix for unordered and ordered list with image "In text, left" */
.csc-textpic-intext-left ol, .csc-textpic-intext-left ul { padding-left: 40px; overflow: auto; }
DIV.csc-textpic-intext-left .csc-textpic-imagewrap {
    margin-right:15px;
}

/* File Links */
UL.csc-uploads { padding: 0; }
UL.csc-uploads LI { list-style: none outside none; margin: 1em 0; }
UL.csc-uploads IMG { float: left; padding-right: 1em; vertical-align: top; }
UL.csc-uploads SPAN { display: block; }
UL.csc-uploads SPAN.csc-uploads-fileName { text-decoration: underline; }

/* Table background colors: */

TABLE.contenttable-color-1 { background-color: {$styles.content.table.backgroundColor.1}; }
TABLE.contenttable-color-2 { background-color: {$styles.content.table.backgroundColor.2}; }
TABLE.contenttable-color-240 { background-color: {$styles.content.table.backgroundColor.240}; }
TABLE.contenttable-color-241 { background-color: {$styles.content.table.backgroundColor.241}; }
TABLE.contenttable-color-242 { background-color: {$styles.content.table.backgroundColor.242}; }
TABLE.contenttable-color-243 { background-color: {$styles.content.table.backgroundColor.243}; }
TABLE.contenttable-color-244 { background-color: {$styles.content.table.backgroundColor.244}; }

@media screen and (max-width: 767px) {
    DIV.csc-textpic-intext-left .csc-textpic-imagewrap {float:none;}
    DIV.csc-textpic .csc-textpic-imagewrap FIGURE, DIV.csc-textpic FIGURE.csc-textpic-imagewrap {
        display:block;
    }
}

/*faq-search*/

.dl-search-container {
    overflow: hidden;
    margin-top: 15px;
}
form.dl-search-form {
    float: left;
    width:35%;
}

span#dl-search-reset {
    padding: 7px 7px 6px 7px;
    margin-top:-1px;
    cursor: pointer;
    border-top:1px solid rgb(225, 225, 225);
    border-right:1px solid rgb(225, 225, 225);
    border-bottom:1px solid rgb(225, 225, 225);
}

form.dl-search-form input {
    border-top:1px solid rgb(225, 225, 225);
    border-left:1px solid rgb(225, 225, 225);
    border-bottom:1px solid rgb(225, 225, 225);
    width: 100%;
}

.highlight {
    display:inline-block;
    background:yellow;
}

#c833 p a:first-child {color:blue;}


#headerContent a.mmmbutton:after {
    content:'';
}

#headerContent a.mmmbutton, a.mmmbutton, button.mmmbutton {
    display: inline-block;
    background: white;
    border: 1px solid black;
    padding: 10px 35px;
    color: black;
    font-weight: bold;
    text-decoration: underline;
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease-in;
    text-align: center;
    text-transform: uppercase;
}

#headerContent a.mmmbutton:hover, a.mmmbutton:hover, button.mmmbutton:hover {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #000;
    text-decoration: none;
}

#headerContent a.mmmbutton span.linktext,.mmmbutton span.linktext {
    z-index: 100;
    position: relative;
    text-shadow:none;
}

#headerContent a.mmmbutton:hover span.linktext,.mmmbutton:hover span.linktext {
    text-shadow:rgb(75, 75, 75) 1px 1px 0px;
}

#headerContent a.mmmbutton span.after,.mmmbutton span.after {
    width: 0;
    height: 10000%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) rotate(-45deg);
    -moz-transform: translateX(-50%) translateY(-50%) translateZ(0) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) translateZ(0) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) translateZ(0) rotate(-45deg);
    z-index: 0;
    background: url(../images/svg/GradientBar.svg);
    transition: all 0.2s ease-in;
}
#headerContent a.mmmbutton:hover span.after,.mmmbutton:hover span.after {
    width: 70%;
}

#content div.figreen h3,
#content div.fidarkblue h3,
#content div.ficyan h3 {
    color:#fff;
}

div.figreen {
    width:46%;
    float:left;
    background-color:#00cc33;
    padding:0 15px 15px 15px;
    color:#fff;
    min-height:160px;
}
div.fidarkblue {
    width:24%;
    float:left;
    background-color:#1d1d95;
    padding:0 15px 15px 15px;
    margin:0 3%;
    color:#fff;
    min-height:160px;
}
div.ficyan {
    width:24%;
    float:left;
    background-color:#00cccc;
    padding:0 15px 15px 15px;
    color:#fff;
    min-height:160px;
}

div.ficyan a:hover, div.fidarkblue a:hover, div.figreen a:hover {
    border-bottom: 1px dotted rgba(255,255,255,0.5);
}
div.ficyan a, div.fidarkblue a, div.figreen a {
    color:#fff;
    border-bottom: 1px dotted rgba(255,255,255,0.25);
}

div.darkblue {background-color:#1d1d95;}
div.lightblue {background-color:#00CCCC;}
div.blue {background-color:#0033CC;}

div.blue,div.darkblue,div.lightblue {
    color:#fff;

}

div.blue a,div.darkblue a,div.lightblue a,
#content div.blue h3,#content div.darkblue h3,#content div.lightblue h3{
    color: #fff;
}

div.blue a,div.darkblue a,div.lightblue a {
    border-bottom: 1px solid #fff;
}

div.blue a:hover,div.darkblue a:hover,div.lightblue a:hover {
    border-bottom: 1px solid #fff;
    color:#fff;
}

strong {
    font-family:"3MCircular-Bold";
    font-weight:normal;
}



.divider {padding: 30px 0px;}
.divider hr {display:none;}
.divider:after {
    clear:both;
    content: '';
    background-image: url(../images/svg/GradientBar.svg);
    background-size: cover;
    position: relative;
    display: block;
    top: 100%;
    width: 100%;
    height: 3px;
}

#staticHeader {position:relative;margin-bottom: 15px;}

form.asyncForm {
    max-width: 730px;
    background: #F2F2F2;
    padding: 20px;
}

form.asyncForm label {
    display: block;
    font-size: 16px;
}

form.asyncForm div:not(:last-child) {
    margin-bottom: 15px;
}

form.asyncForm input[type="text"] {
    width: 100%;
    padding: 10px;
    border: 1px solid rgb(169, 169, 169);
}

form.asyncForm textarea {
    width: 100%;
    padding: 10px;
}

form.asyncForm select {
    min-width: 400px;
    padding: 10px;
}

form.asyncForm #nl_sub label, form.asyncForm #contact_nl_sub label {
    display: inline-block;
    margin-right: 15px;
}

form.asyncForm #nl_sub label + label ,form.asyncForm #contect_nl_sub label + label  {
    margin-left: 15px;
}

form.asyncForm #nl_sub input[type="checkbox"], form.asyncForm #contact_nl_sub input[type="checkbox"] {
    margin-right: 5px;
}

form.asyncForm button {
    #width: 100%;
    margin-bottom: 15px;

}

form.asyncForm button span {
    font-size: 18px;
}

form.asyncForm div.error input, form.asyncForm div.error select, form.asyncForm div.error textarea{
    border-color:#ff0000;
}

.boxes {margin-top: 28px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.red, .red:hover, .red:active, .red:focus {
    color: red;
}

@media screen and (max-width: 1000px) {
    div.figreen {
        width: 100%;
        margin-bottom:4%;
    }

    div.fiblue, div.ficyan {
        width: 48%;
    }
    div.fiblue {
        margin: 0 4% 0 0;
    }
}

#headerContent div.layout-100, #headerContent div.layout-100 p ,#headerContent div.layout-100 h2, #headerContent div.layout-100 h1, #headerContent div.layout-100 h3, #headerContent div.layout-100 h4, #headerContent div.layout-100 h5, #headerContent div.layout-100 h6 {
    color:#000;
    text-shadow: none;
}

#kapsAltForm input[type="checkbox"],#kapsForm input[type="checkbox"]{
    float: left;
    margin: 0 10px 0 0;
}

.boxes .col-md-6, .boxes .col-md-3 {
    margin: 0 15px;
    padding-bottom:15px;
}

.boxes .col-md-6:first-child, .boxes .col-md-3:first-child {
    margin: 0 15px 0 0;
}

.boxes .col-md-6:last-child, .boxes .col-md-3:last-child {
    margin: 0 0 0 15px;
}

.gallery figcaption.csc-textpic-caption {
    display: inline-block;
}

.gallery {
    margin-bottom: 30px;
}

@media screen and (max-width: 959px) {
    .boxes {
        display: block;
        display: block;
        display: block;
        display: block;
    }
    .boxes .col-md-6:last-child, .boxes .col-md-3:last-child,.boxes .col-md-6, .boxes .col-md-3, .boxes .col-md-6:first-child, .boxes .col-md-3:first-child {
        margin:0;
    }
}
@media screen and (min-width: 960px) {

    .gallery div.rmouterpadding:nth-child(2) {
        padding-left: 7.5px;
        padding-right: 15px;
    }
    .gallery div.rmouterpadding:nth-child(3) {
        padding-left: 15px;
        padding-right: 7.5px;
    }

    .gallery div.rmouterpadding:first-child {
        padding-left: 0;
        padding-right: 22.5px;
    }
    .gallery div.rmouterpadding:last-child {
        padding-right: 0;
        padding-left: 22.5px;
    }
}

/* Fix für Rule Engine Start */
@media screen and (min-width: 1200px) {
    #page_2 #headerContent {
        max-width: 50%;
        font-size: 32px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    #page_2 #headerContent {
        font-size: 32px;
        max-width: 50%;
        top: 10%;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #page_2 #headerContent {
        max-width: 60%;
        font-size: 22px;
    }

    #page_2 #headerContent h2 {
        line-height: 30px;
    }
}
/* Fix für Rule Engine Ende */

.MMM--btn[disabled] {
    opacity: 0.4;
    cursor: not-allowed;
}

.unicornButtonActive[disabled]:hover {
    background: none;
    color: inherit;
}