/*Browser Hacks*/
/*Safari*/
/*html.safari {*/
  /**/
/*}*/
/*Chrome*/

/*Opera*/
/*IE*/
/* Media Queries */

/* utf8 öüä */
html.safari #homeSlider .responsiveSlider .slides .overflow .inner article figure img {
    height: 375px !important;
    min-height: 1px !important;
    width: auto !important;
    max-height: inherit !important;
}
html.safari #subpageSlider .responsiveSlider .slides .overflow .inner article figure img{
    height: 250px !important;
    min-height: 1px !important;
    width: auto !important;
}
html.safari #homeSlider .responsiveSlider .bottomControls{
    padding-left: 0;
}

@media (max-width: 1199px){

     #footercontent .footerArticle .ww-neos-trennlinie ~ .ww-neos-footerarticle {
        display: none;
    }
    footer h3 {
        color:#fff;
        padding-top:25px;
    }
}
@media (min-width:1350) and (max-width: 1520px){

}

@media (max-width: 1270px){
    #homeSlider .responsiveSlider .bottomControls{
        padding-left:0;
    }
    #homeSlider .responsiveSlider .bottomControls .block1,
    #homeSlider .responsiveSlider .bottomControls .block2,
    #subpageSlider .responsiveSlider .bottomControls .block1,
    #subpageSlider .responsiveSlider .bottomControls .block2    {
        width: 5%;
    }
    #homeSlider .responsiveSlider .bottomControls .active{
        width: 85%;
    }
    #homeSlider .responsiveSlider .bottomControls .controls{
        width: 5%
    }
    #homeSlider .responsiveSlider .active label{
        width:20%;
        padding: 26px 0;
        text-align: center;
    }
    #homeSlider .responsiveSlider .controls label{
        width: 100%;
    }
    #homeSlider .responsiveSlider .bottomControls .block1 .innerBlock,
    #homeSlider .responsiveSlider .bottomControls .block2 .innerBlock,
    #subpageSlider .responsiveSlider .bottomControls .block1 .innerBlock,
    #subpageSlider .responsiveSlider .bottomControls .block2 .innerBlock{
        width: 100%;
    }
    .container{
        width: 100%;
    }
    #subpageSlider .responsiveSlider .bottomControls .block3{
        width: 40%;
    }
    #main nav.productNav > ul > li{
        margin-top:15px;
    }
    #main #products_accordion .panel-body{
        padding-top: 0;
    }
    #main .hrHalf{
        width: 100%;
    }
    #blockformsoverview .heading, #blockformsoverview .categoryItem, #blockformsoverview .categoryNavItem {
        padding: 20px 20px 0;
    }
    #main .table-responsive table tr{
        display: block;
        margin-bottom: 10px;
        position: relative;
    }
    #main .table-responsive table tr td{
        display: block;
    }
    #main .typo3-neos-nodetypes-html iframe{
        min-height: 1px;
    }
}

@media (max-width: 1130px){
    #homeSlider .responsiveSlider .active label{
        font-size: 16px;
        padding: 27px 0;
    }
    .helperMenu ul li{
        margin-bottom: 5px;
    }
    footer .col-sm-8{
        line-height: 18px;
    }
    /*neuer Slider*/
     #homeSlider .responsiveSlider .overflow {
        width:100%;
         margin-left:0;
        margin-right:0;
    }

    .responsiveSlider .overflow {
        width:100%;
        margin-left:0;
        margin-right:0;
    }

    #homeSlider .responsiveSlider .controls{
    /*width: 50px;*/
    left: 0;
    /*opacity: 0.3;*/
    position:absolute;
    }
    #homeSlider .responsiveSlider .controls2{
        /*width: 50px;*/
        right: 0px;
        /*opacity: 0.3;*/
        position:absolute;
    }
    .responsiveSlider .controls .responsiveSlider .controls2 {
        top:35%;
    }
    #homeSlider .responsiveSlider .controls label,.responsiveSlider .controls2 label{
        /*width:50px;
        height: 50px;*/
        /*background: rgba(255,255,255,0.5);*/
    }
    #homeSlider .responsiveSlider .controls label:hover, .responsiveSlider .controls2 label:hover {}
    #homeSlider .responsiveSlider .controls label::before, .responsiveSlider .controls2 label::before{
        font-family: 'FontAwesome';
        font-size:80px;
        content: "\f104";
        color: #fff;
        top:-35px;
        left:0px;
        /*right:15px;*/
        position: absolute;
    }
    #homeSlider .responsiveSlider .controls2 label::before{
        content: "\f105";
        /*left:23px;*/
        right:0px;
        color:#fff;
    }
    #homeSlider .responsiveSlider .info {
        margin-left:0;
        margin-right:0;
        padding-left:0;
    }
    #footercontent .footerArticle .ww-neos-trennlinie ~ .ww-neos-footerarticle {
        display: none;
    }
    .responsiveSlider .overflow {
        width:88%;
        margin-left:65px;
    }
    footer h3 {
        color:#fff;
        padding-top:25px;
margin-bottom: 0;
    }
    footer p {
        padding-top:15px;
    }
    .stairs1 {
        margin-top:-95px;
    }
}
@media (max-width: 1024px){

    #subpageSlider .responsiveSlider .info {
        /* margin-top: 115px; */
    }
    #sidebar .sidebarnav > ul > li > ul > li > a, #sidebar .sidebarnav > ul > li > ul > li li a {
    font-size: 14px;
    color: #575756;
    margin-left: -10px;
    }

}
/* Medium/small devices (up to 992px) */
/*Tablet*/
@media (max-width: 992px){
    body{
        /*background: green;*/
    }
    #homeSlider .responsiveSlider .active label{
        font-size: 13px;
        padding: 29px 0;
    }

    html.noMobileDevice nav#mainNav > ul > li:hover > ul{
        display: none;
    }
    .ww-neos-downloadsingle .options a {
        display: block;
        margin-top: 5px;
    }
    #products_accordion .columns.col-sm-6{
        float: none;
        width: 100%;
    }
    #main .neos-contentcollection .row.typo3-neos-nodetypes-threecolumn > div:nth-child(1){
        /*display: none;*/
        width: 50%;
    }
    #main .neos-contentcollection .row.typo3-neos-nodetypes-threecolumn > div:nth-child(3){
        /*width: 50%;*/
        width: 100%;
    }
    #main.subpage .neos-contentcollection .row.typo3-neos-nodetypes-threecolumn > div:nth-child(1){
        display: block;
    }
    #main .boxes .item{
        /*width: 50%;*/
        /*float: left;*/
        margin-top: 0;
    }

    /*neuer Slider*/
     #homeSlider .responsiveSlider .overflow {
        width:100%;
         margin-left:0;
        margin-right:0;
    }

    .responsiveSlider .overflow {
        width:100%;
        margin-left:0;
        margin-right:0;
    }

    #homeSlider .responsiveSlider .controls{
    /*width: 50px;*/
    left: 0;
    /*opacity: 0.3;*/
    position:absolute;
    }
    #homeSlider .responsiveSlider .controls2{
        /*width: 50px;*/
        right: 0px;
        /*opacity: 0.3;*/
        position:absolute;
    }
    .responsiveSlider .controls .responsiveSlider .controls2 {
        top:35%;
    }
    #homeSlider .responsiveSlider .controls label,.responsiveSlider .controls2 label{
        /*width:50px;
        height: 50px;*/
        /*background: rgba(255,255,255,0.5);*/
    }
    #homeSlider .responsiveSlider .controls label:hover, .responsiveSlider .controls2 label:hover {}
    #homeSlider .responsiveSlider .controls label::before, .responsiveSlider .controls2 label::before{
        font-family: 'FontAwesome';
        font-size:80px;
        content: "\f104";
        color: #fff;
        top:-35px;
        left:0px;
        /*right:15px;*/
        position: absolute;
    }
    #homeSlider .responsiveSlider .controls2 label::before{
        content: "\f105";
        /*left:23px;*/
        right:0px;
        color:#fff;
    }
    #homeSlider .responsiveSlider .info {
        margin-left:0;
        margin-right:0;
        padding-left:0;
    }
    #footercontent .footerArticle .ww-neos-trennlinie ~ .ww-neos-footerarticle {
        display: none;
    }
    nav#mainNav > ul {
        margin-top:0;
    }
    nav#mainNav > ul > li {
        padding: 5px 10px 5px 0;
    }
    .mainNavHelper {
        margin-top:-2px;
    }
    .stairs1 {
        margin-top:-75px;
    }


}


@media all and (max-width: 1200px) and (orientation:portrait) {}

@media (min-width: 767px) and (max-width: 992px) {
    #blockformsoverview .heading, #blockformsoverview .categoryItem, #blockformsoverview .categoryNavItem{
        height: 80px;
    }
    #main #blockFormMatrix .contentSlider .responsiveSlider .controls,
    #main #blockFormMatrix .contentSlider .responsiveSlider .controls2{
        top: 80px;
        height: calc(100% - 80px);
    }
    #sidebar .sidebarnav > ul > li > ul > li > a, #sidebar .sidebarnav > ul > li > ul > li li a {
    font-size: 14px;
    color: #575756;
    margin-left: -10px;
}


}
/* Extra small devices (less than 768px) */
@media (max-width: 767px) {
    body{
        /*background:blue;*/
        border-top: 0;
    }

    #main .neos-contentcollection .row.typo3-neos-nodetypes-threecolumn > div:nth-child(1){
        /*display: none;*/
        width: 100%;
    }
    header{
        padding-bottom: 25px;
    }
    header #logo{
        width: 70%;
        float: left;

    }
    header #mobileTop{
        width: 30%;
        float: left;
        padding-top: 30px;
    }
    header #mobileTop > div{
        display: block;
        float: right;
    }
    header #headerMain{
        right: 0;
        position: absolute;
        top: 0;
        z-index: 20;
        min-width: 100%;
        max-width: 100%;
       /* background-color: transparent;
        background-color: rgba(0,0,0,0.7);*/
    }
    header #headerMain.activated{
       min-height: 100%;
    }
    header #headerMain #mainNav.collapse{
        /*height: 0;*/
        display: none;
        /*display: block;*/
    }
    header #headerMain #mainNav.collapse.in{
        display: block;

    }
    nav#mainNav{
        background: #fff;
        padding-top:0;
        /*z-index: 20;*/
        margin-right: -15px;
        margin-left: -15px;
    }
    nav#mainNav > ul{
        float: none;

    }
    nav#mainNav > ul > li{
        float: none;
        display: block;
        padding:0;
        background: #e60005;
        padding: 0;
    }
    nav#mainNav > ul > li span{
        color: #fff;
        padding-left:10px;
    }
    nav#mainNav > ul > li span:hover{
        cursor: pointer;
    }
    nav#mainNav > ul li > span.glyphicon::before{
        content: " ";
        padding-right:14px;
    }
    nav#mainNav > ul li.hasSub > span.glyphicon::before{
        content: "\002b";
        padding-right: 0;
    }
    nav#mainNav > ul li.current.hasSub > span.glyphicon::before, nav#mainNav > ul li.active.hasSub > span.glyphicon::before, nav#mainNav > ul li.isActive.hasSub > span.glyphicon::before{
        content: "\2212";
        padding-right: 0;
    }
    nav#mainNav > ul > li a{
        border-left: 0;
        color: #fff;
        margin: 0;
        padding: 10px;
        text-transform: uppercase;
        display: inline-block;
        max-width: 90%;
    }
    nav#mainNav > ul > li.current > a, nav#mainNav > ul > li.active > a, nav#mainNav > ul > li:hover > a{
        color: #fff;
    }
    nav#mainNav > ul > li ul{
        display: none;
    }
    nav#mainNav > ul > li.current > ul, nav#mainNav > ul > li.current > ul > li > ul, nav#mainNav > ul > li.active > ul, nav#mainNav > ul > li.active > ul > li > ul{
        display: block;
    }
    nav#mainNav > ul > li.current > ul, nav#mainNav > ul > li.current > ul > li > ul, nav#mainNav > ul > li.current > ul > li > ul > li.current ul,
    nav#mainNav > ul > li.active > ul, nav#mainNav > ul > li.active > ul > li > ul, nav#mainNav > ul > li.active > ul > li > ul > li.active ul{
        display: block;
    }
    nav#mainNav > ul > li:hover > ul{
        /*display: none;*/
    }
    nav#mainNav > ul > li > ul {
        background: #fff none repeat scroll 0 0;
        box-shadow: none;
        display: block;
        left: auto;
        margin:0;
        padding:0;
        min-height: 0;
        position: relative;
        width: inherit;
        z-index: auto;
    }
    nav#mainNav > ul > li > ul > li > ul {
        padding: 0;
    }
    nav#mainNav > ul > li > ul > li > ul > li {
        border-bottom: 1px solid #d2d2d2;
        display: block;
        float: none;
        padding: 0;
        width: 100%;
    }
    nav#mainNav > ul > li > ul > li > ul > li  span {
        color: #e60005;
    }
    nav#mainNav > ul > li > ul > li > ul > li > ul {
        padding: 0 25px;
    }
    nav#mainNav > ul > li > ul > li > ul > li > ul > li::before {
        position: relative;
        content: "\e250";
        color: #e60005;
        font-family: "Glyphicons Halflings";
        font-size: 12px;
    }
    nav#mainNav > ul > li > ul > li > ul > li > ul > li {

    }
    nav#mainNav > ul > li > ul > li > ul > li > ul > li > a {
        color: #000;
        font-size: 16px;
        padding: 10px;
        line-height: 1;
    }
    nav#mainNav .mobileBottomMenu .helperMenu{
        padding:10px 0;
    }
    .mobileBottomMenu .helperMenu ul li{
        display: block;
        float: none;
        border-left: 2px solid #e60005;
        margin-bottom: 10px;
    }
    nav#mainNav .mobileBottomMenu .helperMenu ul li a {
        background: #fff none repeat scroll 0 0;
        color: #000;
        display: block;
        font-size: 16px;
        padding:0;
        margin:0 5px;
    }
    #homeSlider .responsiveSlider .info{
        padding-left:35px;
        margin-top: 35px;
    }
    footer .container > .row > .col-sm-4{
        margin-top:15px;
    }
    #homeSlider .responsiveSlider .bottomControlsContainer{
        bottom: auto;
        top:40%;
    }
    #homeSlider .responsiveSlider .bottomControls .block1,
    #homeSlider .responsiveSlider .bottomControls .block2{
        display: none;
    }
    #homeSlider .responsiveSlider .bottomControls .active{
        display: none;
    }
    #homeSlider .responsiveSlider .borderBottom{
        display: none;
    }
    #homeSlider .responsiveSlider .bottomControls .controls{
        width: 100%;
        height: 36px;
        border-left:0;
        border-right:0;
        border-top:0;
    }
    #homeSlider .responsiveSlider .controls label{
        width: 40px;
        border-top-color: #000 !important;
    }
    #homeSlider .responsiveSlider .slides .overflow .inner article figure img{
        height: 250px;
    }

    html.safari #subpageSlider .responsiveSlider .slides .overflow .inner article figure img{
        height: 150px !important;
    }
    #subpageSlider .responsiveSlider .slides .overflow .inner article figure img{
        height: 150px !important;
    }

    html.safari #homeSlider .responsiveSlider .slides .overflow .inner article figure img {
        height: 250px !important;
    }

    #homeSlider .responsiveSlider .info {
        margin-top: 10px;
        margin-left: 40px;
        margin-right: 40px;
        padding-left: 0;
    }
    #homeSlider .responsiveSlider .info .moreLink{
        padding-top: 15px;
    }
    #subpageSlider .responsiveSlider .info h1{
        font-size: 25px;
    }
    #subpageSlider .responsiveSlider .info{
        margin-top: -8px;
    }
    /*#main .news .boxes .item{*/
        /*display: none;*/
    /*}*/
    /*#main .news .boxes .item.mobileActiveTransition{*/
        /*display: block;*/
    /*}*/
    /*Slider Anpassungen*/
     #homeSlider .responsiveSlider .overflow {
        width:100%;
         margin-left:0;
        margin-right:0;
    }

    .responsiveSlider .overflow {
        width:100%;
        margin-left:0;
        margin-right:0;
    }

    #homeSlider .responsiveSlider .controls{
    /*width: 50px;*/
    left: 0;
    /*opacity: 0.3;*/
    position:absolute;
    }
    #homeSlider .responsiveSlider .controls2{
        /*width: 50px;*/
        right: 0px;
        /*opacity: 0.3;*/
        position:absolute;
    }
    .responsiveSlider .controls .responsiveSlider .controls2 {
        top:35%;
    }
    #homeSlider .responsiveSlider .controls label,.responsiveSlider .controls2 label{
        /*width:50px;
        height: 50px;*/
        /*background: rgba(255,255,255,0.5);*/
    }
    #homeSlider .responsiveSlider .controls label:hover, .responsiveSlider .controls2 label:hover {}
    #homeSlider .responsiveSlider .controls label::before, .responsiveSlider .controls2 label::before{
        font-family: 'FontAwesome';
        font-size:80px;
        content: "\f104";
        color: #fff;
        top:-35px;
        left:0px;
        /*right:15px;*/
        position: absolute;
    }
    #homeSlider .responsiveSlider .controls2 label::before{
        content: "\f105";
        /*left:23px;*/
        right:0px;
        color:#fff;
    }
    #homeSlider .responsiveSlider .info {
        margin-left:0;
        margin-right:0;
    }



    /*Ende*/
    header #headerMain {
        z-index:9999;
    }
     #footercontent .footerArticle .ww-neos-trennlinie ~ .ww-neos-footerarticle {
        display: none;
    }
    nav#mainNav {
        z-index:9999999;
    }
    nav#mainNav > ul > li a {
        color:#fff;
    }
    .hasSub .normal ul > li > a {
        color:#37393b;
    }
    .normal ul > li a {
         color:#37393b;
    }
    nav#mainNav > ul > li > ul > li > ul > li {
        background: #37393b;
    }
    nav#mainNav > ul > li > ul > li > ul > li > ul > li > a {
        color:#fff;
    }

    #main .boxes .item .innerContent .inner .more{
        text-align: left;
    }

    /* Blockforms */
    #blockformsoverview{}
    #blockformsoverview #categoryNav{

    }
    #blockformsoverview .categoryNavItem{
        display: none;
    }
    #blockformsoverview .categoryNavItem.heading{
        display: block;
    }
    #main #blockformsoverview .contentSlider .responsiveSlider .slides .overflow .inner article{
        margin-top:0;
    }

    #main #blockformsoverview .contentSlider .responsiveSlider .controls2{
        display: none;
    }
    #main #blockformsoverview .contentSlider .responsiveSlider .slides .inner{
        width: 100%;
    }
    #main #blockformsoverview .contentSlider .responsiveSlider .slides .overflow .inner article{
        width: 100%;
        margin-right:0;
        float: none;
    }
    #blockformsoverview .blockFormInnerContent .heading{
        font-weight:bold;
        color: #e60005;
    }
    #blockformsoverview .blockFormInnerContent .heading span.glyphicon-triangle-top{
        display: inline-block !important;
        float: left;
        text-align: left;
    }
    #blockformsoverview .blockFormInnerContent.activeBlock .heading span.glyphicon-triangle-top::before{
        content: "\e252";
    }
    #blockformsoverview .blockFormInnerContent .heading span.blockFormTitle{
        font-size:22px;
    }
    #blockformsoverview .blockFormInnerContent .categoryItem{
        text-align: left;
        display: none;
        height: auto;
        min-height: 60px;
    }
    #blockformsoverview .blockFormInnerContent.activeBlock .categoryItem{
        display: block;
    }
    #blockformsoverview .blockFormInnerContent .categoryItem span.categoryItemLabel{
        display: inline-block !important;
        padding-left: 15px;
    }
    #blockformsoverview .blockFormInnerContent .categoryItem span.glyphicon{

    }

    #blockformsoverview #blockFormMatrix.blockFormModelList .isEven .categoryItem{
        background: none;
    }
    .hasTransition.boxOpenTransition .inner, .hasTransition.boxOpenTransition .innerSlideContent{
        display: block;
    }
    #footerbg, #sidebar .sidebarnav{
        display: none;
    }
    #footercontent {
        padding-top:0;
        padding-bottom:0;
        margin-top: 50px;
    }
    #footercontent .footerArticle{
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 1px;
    }
    .footerArticle .heading{
        background: #e7e7e7;
    }
    #footercontent .footerArticle .heading:hover{
        cursor: pointer;
    }
    #footercontent .footerArticle .heading h1,
    #footercontent .footerArticle .heading h2,
    #footercontent .footerArticle .heading h3,
    #footercontent .footerArticle .heading h4,
    #footercontent .footerArticle .heading h5,
    #footercontent .footerArticle .heading h6{
        display: inline-block;
        font-size: 20px;
        padding: 12px 10px;
        margin:0;
    }
    #footercontent .footerArticle .body{
        padding: 10px;
    }
    .footerArticle.hasTransition.mobileSlideDownFooterTransition .body{
        display: none;
    }
    .footerArticle.hasTransition.mobileSlideDownFooterTransition.activeTransition .body{
        display: block;
    }
    .footerArticle.hasTransition.mobileSlideDownFooterTransition.activeTransition .heading{
        background: transparent;
    }
    #globe{
        display: none;
    }
    #main .panel-group .panel .panel-heading{
        margin-bottom: 15px;
    }
}
/* Extra EXTRA small devices (less than 420px) */
@media (max-width: 540px) {
    .col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
        float: left;
    }
    .col-xxs-12 {
        width: 100%;
    }
    .col-xxs-11 {
        width: 91.66666667%;
    }
    .col-xxs-10 {
        width: 83.33333333%;
    }
    .col-xxs-9 {
        width: 75%;
    }
    .col-xxs-8 {
        width: 66.66666667%;
    }
    .col-xxs-7 {
        width: 58.33333333%;
    }
    .col-xxs-6 {
        width: 50%;
    }
    .col-xxs-5 {
        width: 41.66666667%;
    }
    .col-xxs-4 {
        width: 33.33333333%;
    }
    .col-xxs-3 {
        width: 25%;
    }
    .col-xxs-2 {
        width: 16.66666667%;
    }
    .col-xxs-1 {
        width: 8.33333333%;
    }
    .col-xxs-pull-12 {
        right: 100%;
    }
    .col-xxs-pull-11 {
        right: 91.66666667%;
    }
    .col-xxs-pull-10 {
        right: 83.33333333%;
    }
    .col-xxs-pull-9 {
        right: 75%;
    }
    .col-xxs-pull-8 {
        right: 66.66666667%;
    }
    .col-xxs-pull-7 {
        right: 58.33333333%;
    }
    .col-xxs-pull-6 {
        right: 50%;
    }
    .col-xxs-pull-5 {
        right: 41.66666667%;
    }
    .col-xxs-pull-4 {
        right: 33.33333333%;
    }
    .col-xxs-pull-3 {
        right: 25%;
    }
    .col-xxs-pull-2 {
        right: 16.66666667%;
    }
    .col-xxs-pull-1 {
        right: 8.33333333%;
    }
    .col-xxs-pull-0 {
        right: auto;
    }
    .col-xxs-push-12 {
        left: 100%;
    }
    .col-xxs-push-11 {
        left: 91.66666667%;
    }
    .col-xxs-push-10 {
        left: 83.33333333%;
    }
    .col-xxs-push-9 {
        left: 75%;
    }
    .col-xxs-push-8 {
        left: 66.66666667%;
    }
    .col-xxs-push-7 {
        left: 58.33333333%;
    }
    .col-xxs-push-6 {
        left: 50%;
    }
    .col-xxs-push-5 {
        left: 41.66666667%;
    }
    .col-xxs-push-4 {
        left: 33.33333333%;
    }
    .col-xxs-push-3 {
        left: 25%;
    }
    .col-xxs-push-2 {
        left: 16.66666667%;
    }
    .col-xxs-push-1 {
        left: 8.33333333%;
    }
    .col-xxs-push-0 {
        left: auto;
    }
    .col-xxs-offset-12 {
        margin-left: 100%;
    }
    .col-xxs-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-xxs-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-xxs-offset-9 {
        margin-left: 75%;
    }
    .col-xxs-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-xxs-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-xxs-offset-6 {
        margin-left: 50%;
    }
    .col-xxs-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-xxs-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-xxs-offset-3 {
        margin-left: 25%;
    }
    .col-xxs-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-xxs-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-xxs-offset-0 {
        margin-left: 0%;
    }
    .visible-xxs{
        display: block !important;
    }
    body{
        /*background:yellow;*/
        
    }
    /*header #headerMain{
        min-width: 100%;
    }*/


    .mobileSlideDownTransition.boxes .item{
        margin-bottom: 0;
    }
    html.mobileDevice .hasTransition.mobileSlideDownTransition .item.first{
        display: block;
    }
    .hasTransition.boxOpenTransition .inner,
    .hasTransition.boxOpenTransition .innerSlideContent{
        display: block;
    }

    .mobileSlideDownButton {
        display: block;
    }
    

    #main .contentSlider .responsiveSlider .controls, #main .contentSlider .responsiveSlider .controls2{
        display: none;
    }
    #main .contentSlider .responsiveSlider .slides .inner{
        width: 100%;
    }
    #main .contentSlider .responsiveSlider .slides .overflow .inner article{
        width: 100%;
        margin-right:0;
        float: none;
    }
    #main .contentSlider .responsiveSlider .slides .overflow .inner article img {
        height: auto;
        min-width: 100%;
        max-width: 100%;
    }
    #main .contentSlider .responsiveSlider .slides .overflow .inner.hasTransition.mobileSlideDownTransition article{
        display: none;
    }
    #main .contentSlider .responsiveSlider .slides .overflow .inner.hasTransition.mobileSlideDownTransition article.first{
        display: block;
    }
    #main .contentSlider .responsiveSlider .slides .overflow .inner.hasTransition.mobileSlideDownTransition.activeTransition article{
        display: block;
    }
    #subpageSlider .responsiveSlider .bottomControls{
        padding-left:0;
    }
    html.smallMobileDevice .hasTransition.mobileSlideDownTransition .item {
        clear: both;
        float: none;
    }
    .news .mobileSlideDownButton{
        margin-left: 15px;
        margin-right: 15px;
    }
    #main .boxes .item,
    #main .contentSlider .responsiveSlider .slides .overflow .inner article{
        margin-top: 22px;
    }
    #main .boxes .item.first,
    #main .contentSlider .responsiveSlider .slides .overflow .inner article.first{
        margin-top: 0;
    }

    #homeSlider .responsiveSlider .overflow {
        width:100%;
         margin-left:0;
        margin-right:0;
    }

    .responsiveSlider .overflow {
        width:100%;
        margin-left:0;
        margin-right:0;
    }

    #homeSlider .responsiveSlider .controls{
    /*width: 50px;*/
    left: 0;
    /*opacity: 0.3;*/
    position:absolute;
    }
    #homeSlider .responsiveSlider .controls2{
        /*width: 50px;*/
        right: 0px;
        /*opacity: 0.3;*/
        position:absolute;
    }
    .responsiveSlider .controls .responsiveSlider .controls2 {
        top:35%;
    }
    #homeSlider .responsiveSlider .controls label,.responsiveSlider .controls2 label{
        /*width:50px;
        height: 50px;*/
        /*background: rgba(255,255,255,0.5);*/
    }
    #homeSlider .responsiveSlider .controls label:hover, .responsiveSlider .controls2 label:hover {}
    #homeSlider .responsiveSlider .controls label::before, .responsiveSlider .controls2 label::before{
        font-family: 'FontAwesome';
        font-size:80px;
        content: "\f104";
        color: #fff;
        top:-35px;
        left:0px;
        /*right:15px;*/
        position: absolute;
    }
    #homeSlider .responsiveSlider .controls2 label::before{
        content: "\f105";
        /*left:23px;*/
        right:0px;
        color:#fff;
    }
    #homeSlider .responsiveSlider .info {
        margin-left:0;
        margin-right:0;
    }

    header #logo {
        width:50%;
       
    }
    
    footer h3 {
        color:#fff;
    }
    #footercontent .footerArticle .ww-neos-trennlinie ~ .ww-neos-footerarticle {
        display: none;
    }

    header #mobileTop {
        width:30%;
        float:right;
        padding-top: 15px;
    }

    header #headerMain {
        z-index:9999;
        width:100%;
    }
    header #mobileTop #mobileNav .navbar-toggle {
        margin: 0 0 0 15px;
        padding:0;
    }
    nav#mainNav {
        z-index:9999999;
    }
    nav#mainNav > ul > li a {
        color:#fff;
    }
    .hasSub .normal ul > li > a {
        color:#37393b;
    }
    .normal ul > li a {
         color:#37393b;
    }
    nav#mainNav > ul > li > ul > li > ul > li {
        background: #37393b;
    }
    nav#mainNav > ul > li > ul > li > ul > li > ul > li > a {
        color:#fff;
    }

    header #logo {
        margin-top: 0px;
    }
    #footercontent h6 {
    color:#37393b;
    }
    #footercontent .footerArticle .heading {
        background-color:#edeef0;
    }
    nav#mainNav ul > li > ul > li > a{
    padding:15px 10px 15px 10px;
    }
    .mobileBottomMenu .helperMenu ul li {
        float:left;
        border:none;
    }
    nav#mainNav .mobileBottomMenu a {
        padding: 10px 20px;
        display: inline-block;
        background: #e1e1e1;
        font-size: 14px;
        color: #474747;
        align-self: center;
    }
    .flexcontainer {
        flex-direction: column;

    }
    .flexitem {
        margin-top:25px;
        margin-right:10px;
        margin-left:10px;
    }

}

@media (max-width: 1280px){

    #homeSlider .responsiveSlider .controls {
    	opacity:1!important;
    }
}

@media (min-width: 1500px){

    .contentSlider .responsiveSlider .controls {
    	left: -100px;
    }
    .contentSlider .responsiveSlider .controls2 {
    	right: -100px;
    }
}