body, html {
    min-height: 101%;
    font-size: 14px;
}

@media (orientation: portrait) {

    body.ios {
        -webkit-text-size-adjust: none;
    }

    .ios .galSlider {
        -webkit-text-size-adjust: none;
    }
}

@media (orientation: landscape) {
    body.ios {
        -webkit-text-size-adjust: none;
    }

    .ios .galSlider {
        -webkit-text-size-adjust: none;
    }

}

.clip {
    font-size: 14px;
}

.ds-menu2, .headnav, .logorow, .section.breadcrumb {
    display: none;
}

.ds-menu2 {
    clear: both;
    background-color: #fff;
    padding: 0 2.6%;
    left: -2.6%;
}

.mobinav {
    width: 100%;
    padding: 0 2.6%;
    left: -2.6%;
    display: block;
    box-shadow: 0 2px 6px #666;
}

.mobinav.on {
    box-shadow: none;
    z-index: 1100;
}

.mobinav .ndslogo, .mobinav .klar img {
    height: 35px;
    width: auto;
    float: right;
    position: relative;
    top: 4px;
}

.mobinav .suchbuttonmobi {
    background-position: -490px top;
    float: left;
    height: 35px;
    width: 30px;
    position: relative;
    top: 8px;
    cursor: pointer;
}

.mobinav .div, .mobinav a {
}

.ds-menu2 > ul > li > a, .ds-menu2 > ul > li > div, .ds-menu2 > ul > li {
    float: none;
    background-color: #fff;
}

.ds-menu2 .home {
    display: none;
}

.ds-menu2 > ul > li.haschildren > div span:after {
    background: transparent url("pfeile2.png") no-repeat scroll center -9px;
}

.ds-menu2 > ul > li.haschildren.aktiv > div span:after, .headnav > ul > li.haschildren.aktiv > div span:after {
    background: transparent url("pfeile2.png") no-repeat scroll center -38px;
    color: #f00;
}

.ds-menu2 li.aktiv .l1 {
    position: relative;
    top: 0;
    margin-top: 0;
    width: 100%;
    max-width: 100%;
    box-shadow: 0 0 0;
}

.ds-menu2 .l1 {
    background-color: rgb(221, 221, 221);
    background-color: rgba(221, 221, 221, 0.85);
}

.ds-menu2 .l2 div, .ds-menu2 .l2 a {
    padding-left: 2.5em;
}

.ds-menu2 > ul > li > a, .ds-menu2 > ul > li > div {
    padding: 0.5em;
    border-bottom: 1px dotted #878787;
}

.ds-menu2a li.aktiv > div {
    color: #fff;
    background-color: #878787;
    margin-top: -1px
}

.ds-menu2 li.aktiv {
    padding: 0;
    border-bottom: 0;
}

.ds-menu2 ul ul ul {
    background-color: transparent;
}

.menuerow {
    border-top: 0;
    height: 3em;
}

.menuerow.fixed {
    width: 95%;
}

.fullslider {
    height: auto;
}

.complementary .section .col:before, .complementary .section .col:nth-child(3)::before {
    width: 100%;
}

.wrapper {
    width: 95%;
    min-width: 320px;
}

.complementary, .span4of4, .fullslider {
    width: 100%;
}

.col, .complementary .col {
    margin: 0 0 20px 0;
}

.fullslider .slide .desc {
    box-sizing: border-box;
    width: 94.5%;
    z-index: 400;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px;
    margin-left: 3%;
    margin-right: 3%;
}

.fullslider .slide .desc h2 {
    font-size: 1.5em;
}

.complementary .col .img {
    margin: 0;
}

.section {
    margin: 0;
}

.main .section:after {
    border-top: 1px dotted #c6c6c6;
    border-bottom: 0;
    padding-bottom: 20px;
    padding-top: 0;
}

.main .section:last-child:after {
    border-top: 0;
    padding-bottom: 0;
}

.span1of4, .span2of4, .span3of4, .span4of4, .span1of6, .span2of6, .span3of6, .span4of6, .span5of6, .span6of6 {
    width: 100%;
}

.footer, .seitenende {
    display: none;
}

@media only screen and (max-width: 480px) {
    .w50, .w33, .w25 {
        width: 33%;
    }

    .w50.rfloat, .w50.lfloat {
        float: none;
        margin: 0 0 0.8em 0;
    }

    .fullslider {
        display: none;
    }
}

.mobil .ds-menu2 .close {
    display: block;
    margin-top: 30px;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    background-position: -894px 6px;
    right: 20px;
    cursor: pointer;
}

.mobil .ds-menu2 .close:after {
    content: '';
    bottom: 0;
    right: -4px;
    border-color: transparent #90908f;
    border-style: solid;
    border-width: 0 0 3px 4px;
    position: absolute;
}

.mobil .ds-menu2 {
    box-shadow: 2px 2px 6px #666;
    padding-bottom: 56px;
}

form.filter label {
    display: block
}

form.filter span {
    white-space: normal;
}

.span4of4 .filter .suchen {
    margin-bottom: 10px;
}

form.filter input[name=suchfeld] {
    width: 95%;
    margin-right: 40px;
}

.wrapper {
    padding-top: 0;
}

.section.headspec {
    display: none;
}

.reiterrow {
    border: none;
    margin: 5px 0;
}

.suchemobil {
    display: block;
    padding: 0;
    overflow: hidden;
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    max-height: 0;
}

.nojs .suchemobil {
    max-height: none;
    padding: 10px 0;
    overflow: visible;
}

.suchemobil.aktiv {
    max-height: 200px;
    overflow: visible;
    padding: 10px 0;
}

.suchemobil button {
    margin-right: 0;
    right: -10px;
}

.publikationeinzel .img {
    margin-bottom: 10px;
}

.picinfo {
    font-size: 14px;
}

@media only screen and (max-width: 480px) {
    .twoimg .w50 {
        width: 100%;
    }

    .oneimage.w50, .oneimage.w25 {
        width: 100%;
    }

    .twoimg .w50:nth-child(odd) .img, .twoimg .w50:nth-child(odd) .picinfo, .twoimg .w50:nth-child(even) .img, .twoimg .w50:nth-child(even) .picinfo {
        margin-right: 0;
        margin-left: 0;
    }

}

.main .twoimg:after {
    border-top: 0;
}

@media only screen and (max-width: 768px) {
    .complementary .picinfosmll {
        padding: 10px 0;
    }
}