.t1 {
}

.t2 {
}

.t3 {
}

.t4 {
}

.t5 {
}

.t6 {
}

body,
html {
    height: 100%;
}

body,
table,
input,
select,
textarea {
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 1.375em;
}

body {
    margin: 0;
    padding: 0;
}

table {
    border: 0;
    border-collapse: collapse;
}

table td,
form {
    margin: 0;
    padding: 0;
}

a,
body .link,
body .owl-dots .owl-dot.active div.usplist {
    color: #444444;
    cursor: pointer;
    text-decoration: none;
}

a:not(.notransition) {
    -webkit-transition: all 300ms ease 0ms;
    transition: all 300ms ease 0ms;
}

a:hover,
body .link:hover {
    color: #333333;
}

img {
    border: 0;
    vertical-align: middle;
}

video {
    vertical-align: middle;
}

p {
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: 'SuedtirolNextTT';
    src:
        url(/fonts/SuedtirolNextTT.woff) format('woff'),
        url(/fonts/SuedtirolNextTT.ttf) format('truetype'),
        url(/fonts/SuedtirolNextTT.otf) format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'SuedtirolNextTT-Bold';
    src:
        url(/fonts/SuedtirolNextTT-Bold.woff) format('woff'),
        url(/fonts/SuedtirolNextTT-Bold.ttf) format('truetype'),
        url(/fonts/SuedtirolNextTT-Bold.otf) format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'Suedtirol';
    src:
        url(/fonts/Suedtirol.woff) format('woff'),
        url(/fonts/Suedtirol.ttf) format('truetype'),
        url(/fonts/Suedtirol.otf) format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'SourceSans3-Regular';
    src:
        url(/fonts/SourceSans3-Regular.woff2) format('woff2'),
        url(/fonts/SourceSans3-Regular.woff) format('woff'),
        url(/fonts/SourceSans3-Regular.ttf) format('truetype'),
        url(/fonts/SourceSans3-Regular.otf) format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'SourceSans3-Medium';
    src:
        url(/fonts/SourceSans3-Medium.woff) format('woff'),
        url(/fonts/SourceSans3-Medium.ttf) format('truetype'),
        url(/fonts/SourceSans3-Medium.otf) format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'SourceSans3-Light';
    src:
        url(/fonts/SourceSans3-Light.woff) format('woff'),
        url(/fonts/SourceSans3-Light.ttf) format('truetype'),
        url(/fonts/SourceSans3-Light.otf) format('opentype');
    font-display: swap;
}

@media all {
    body,
    table,
    input,
    select,
    textarea {
        color: #6c6c6c;
        font-family: 'SourceSans3-Light', sans-serif;
        font-size: 18px;
        font-weight: 400;
        font-style: normal;
        letter-spacing: 0px;
    }

    address {
        font-style: normal;
    }

    hr {
        display: none;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a {
        margin: 0;
        padding: 0;
        text-decoration: none;
        font-size: 18px;
        line-height: 20px;
        font-weight: normal;
    }

    a {
        color: #a9bf00;
        font-weight: bold;
    }

    body .link,
    body .owl-dots .owl-dot.active div.usplist {
        color: #a9bf00;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 2px;
    }

    a:hover,
    body .link:hover {
        color: #8fa400;
    }

    body .link {
        font-size: 14px;
        line-height: 20px;
    }

    :focus {
        outline: 3px solid #ff9800;
        outline-offset: 3px;
    }

    .title,
    .title a {
        color: #4d4d4d;
    }

    .title.t2,
    .title.t2 a {
        color: #6c6c6c;
    }

    .t1large,
    .t1large a {
        font-size: 60px;
        font-family: 'SuedtirolNextTT', sans-serif;
        line-height: 70px;
        font-weight: 700;
        font-style: normal;
        text-transform: none;
        letter-spacing: 0px;
    }

    .t1,
    .t1 a {
        font-size: 58px;
        font-family: 'Suedtirol', sans-serif;
        line-height: 65px;
        font-weight: 400;
        font-style: normal;
        text-transform: none;
        letter-spacing: 0px;
    }

    .t2,
    .t2 a {
        font-size: 30px;
        font-family: 'SuedtirolNextTT', sans-serif;
        line-height: 44px;
        font-weight: 400;
        font-style: normal;
        text-transform: none;
        letter-spacing: 0px;
    }

    .t3,
    .t3 a {
        font-size: 35px;
        font-family: 'SuedtirolNextTT', sans-serif;
        line-height: 41px;
        font-weight: 400;
        font-style: normal;
        text-transform: none;
        letter-spacing: 0px;
    }

    .t4,
    .t4 a {
        font-size: 25px;
        font-family: 'SuedtirolNextTT', sans-serif;
        line-height: 36px;
        font-weight: 400;
        font-style: normal;
        text-transform: none;
        letter-spacing: 0px;
    }

    .t5,
    .t5 a {
        font-size: 22px;
        font-family: 'SuedtirolNextTT', sans-serif;
        line-height: 26px;
        font-weight: 400;
        font-style: normal;
        text-transform: none;
        letter-spacing: 0px;
    }

    .t6,
    .t6 a {
        font-size: 18px;
        font-family: 'SuedtirolNextTT', sans-serif;
        line-height: 22px;
        font-weight: 400;
        font-style: normal;
        text-transform: none;
        letter-spacing: 0px;
    }

    .morelink {
        font-size: 17px;
        font-family: 'SuedtirolNextTT', sans-serif;
        line-height: 20px;
        font-weight: 400;
        font-style: normal;
        letter-spacing: 0px;
        text-transform: none;
    }

    .defaultFs {
        font-size: 18px;
        line-height: 26px;
        letter-spacing: 0px;
    }

    .smaller {
        font-family: 'SuedtirolNextTT', sans-serif;
        font-size: 12px;
        line-height: 18px;
        font-weight: 400;
        font-style: normal;
        letter-spacing: 1px;
    }

    small,
    .small {
        font-family: 'SuedtirolNextTT', sans-serif;
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
        font-style: normal;
        letter-spacing: 0px;
    }

    .t1 .medium1,
    .medium1 {
        font-family: 'SourceSans3-Light', sans-serif;
        font-size: 20px;
        line-height: 28px;
        font-weight: 400;
        font-style: normal;
        letter-spacing: 0px;
    }

    .t1 .large1,
    .large1 {
        font-family: 'SuedtirolNextTT', sans-serif;
        font-size: 23px;
        line-height: 27px;
        font-weight: 400;
        font-style: normal;
        letter-spacing: 0px;
    }

    .ttu {
        text-transform: uppercase;
    }

    .tac {
        text-align: center;
    }

    .tar {
        text-align: right;
    }

    .pointer {
        cursor: pointer;
    }

    .dblock {
        display: block;
    }

    .dnone {
        display: none;
    }

    .fwbold {
        font-weight: bold;
    }

    .fwnormal {
        font-weight: normal;
    }

    .list3 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .list3:after {
        content: '';
        width: 31.623932%;
    }

    svg.icon {
        width: 1.25em;
        height: 1.25em;
        fill: #6c6c6c;
    }

    a.button1 {
        background-color: #a9bf00;
        color: #ffffff;
        display: inline-block;
        padding: 4px 20px;
        border-radius: 50px;
        border: 0px solid #f1564e;
        font-size: 13px;
        line-height: 20px;
        letter-spacing: 2px;
    }

    a.button1:hover {
        background-color: #8fa400;
        color: #ededed;
    }

    a.button1 svg.icon {
        fill: #ffffff;
        color: #ffffff;
    }

    a.button1.big {
        padding: 12px 30px;
    }

    a.button2 {
        background-color: #b31c54;
        color: #ffffff;
        display: inline-block;
        padding: 4px 20px;
        border-radius: 50px;
        border: 0px solid #1c2955;
        font-size: 13px;
        line-height: 20px;
        letter-spacing: 2px;
    }

    a.button2:hover {
        background-color: #6b1132;
        color: #999999;
    }

    a.button2 svg.icon {
        fill: #ffffff;
        color: #ffffff;
    }

    a.button2.big {
        padding: 12px 30px;
    }

    .bgweb {
        background-color: #ffffff;
        color: #6c6c6c;
    }

    .bgweb2 {
        background-color: #f3f3f3;
        color: #6c6c6c;
    }

    .bgweb2 a,
    .bgweb2 .link {
        color: #a9bf00;
    }

    .bgweb2 a:hover,
    .bgweb2 .link:hover {
        color: #8fa400;
    }

    .bgweb2 .title,
    .bgweb2 .title a {
        color: #4d4d4d;
    }

    .bgweb2 .title.t2,
    .bgweb2 .title.t2 a {
        color: #6c6c6c;
    }

    .bgweb2 a.button1 {
        background-color: #a9bf00;
        color: #ffffff;
        border: 0px solid #f1564e;
    }

    .bgweb2 a.button1:hover {
        background-color: #8fa400;
        color: #ffffff;
    }

    .bgweb2 a.button2 {
        background-color: #1c2955;
        color: #ffffff;
        border: 0px solid #1c2955;
    }

    .bgweb2 a.button2:hover {
        background-color: #0c1124;
        color: #ffffff;
    }

    .bgweb2 svg.icon {
        fill: #6c6c6c;
        color: #6c6c6c;
    }

    .bgweb2 a.button1 svg.icon {
        fill: #ffffff;
        color: #ffffff;
    }

    .bgweb2 a.button2 svg.icon {
        fill: #ffffff;
        color: #ffffff;
    }

    .bglist,
    .bgteaser,
    .bgusp {
        background-color: #ebebeb;
        color: #6c6c6c;
    }

    .bglist a,
    .bgteaser a,
    .bgusp a,
    .bglist .link,
    .bgteaser .link,
    .bgusp .link {
        color: #a9bf00;
    }

    .bglist a:hover,
    .bgteaser a:hover,
    .bgusp a:hover,
    .bglist .link:hover,
    .bgteaser .link:hover,
    .bgusp .link:hover {
        color: #8fa400;
    }

    .bglist .title,
    .bgteaser .title,
    .bgusp .title,
    .bglist .title a,
    .bgteaser .title a,
    .bgusp .title a {
        color: #4d4d4d;
    }

    .bglist .title.t2,
    .bgteaser .title.t2,
    .bgusp .title.t2,
    .bglist .title.t2 a,
    .bgteaser .title.t2 a,
    .bgusp .title.t2 a {
        color: #6c6c6c;
    }

    .bglist a.button1,
    .bgteaser a.button1,
    .bgusp a.button1 {
        background-color: #a9bf00;
        color: #ffffff;
        border: 0px solid #f1564e;
    }

    .bglist a.button1:hover,
    .bgteaser a.button1:hover,
    .bgusp a.button1:hover {
        background-color: #8fa400;
        color: #ededed;
    }

    .bglist a.button2,
    .bgteaser a.button2,
    .bgusp a.button2 {
        background-color: #1c2955;
        color: #ffffff;
        border: 0px solid #1c2955;
    }

    .bglist a.button2:hover,
    .bgteaser a.button2:hover,
    .bgusp a.button2:hover {
        background-color: #0c1124;
        color: #ffffff;
    }

    .bglist .icon1 ul li svg.icon,
    .bgteaser .icon1 ul li svg.icon,
    .bgusp .icon1 ul li svg.icon,
    .bglist ul.icon1 li svg.icon,
    .bgteaser ul.icon1 li svg.icon,
    .bgusp ul.icon1 li svg.icon,
    .bglist svg.icon,
    .bgteaser svg.icon,
    .bgusp svg.icon {
        fill: #6c6c6c;
        color: #6c6c6c;
    }

    .bglist a.button1 svg.icon,
    .bgteaser a.button1 svg.icon,
    .bgusp a.button1 svg.icon {
        fill: #ffffff;
        color: #ffffff;
    }

    .bglist a.button2 svg.icon,
    .bgteaser a.button2 svg.icon,
    .bgusp a.button2 svg.icon {
        fill: #ffffff;
        color: #ffffff;
    }

    .bglistalternate,
    .bgteaseralternate,
    .bguspalternate {
        background-color: #707173;
        color: #ffffff;
    }

    .bglistalternate a,
    .bgteaseralternate a,
    .bguspalternate a,
    .bglistalternate .link,
    .bgteaseralternate .link,
    .bguspalternate .link {
        color: #a9bf00;
    }

    .bglistalternate a:hover,
    .bgteaseralternate a:hover,
    .bguspalternate a:hover,
    .bglistalternate .link:hover,
    .bgteaseralternate .link:hover,
    .bguspalternate .link:hover {
        color: #8fa400;
    }

    .bglistalternate .title,
    .bgteaseralternate .title,
    .bguspalternate .title,
    .bglistalternate .title a,
    .bgteaseralternate .title a,
    .bguspalternate .title a {
        color: #ffffff;
    }

    .bglistalternate .title.t2,
    .bgteaseralternate .title.t2,
    .bguspalternate .title.t2,
    .bglistalternate .title.t2 a,
    .bgteaseralternate .title.t2 a,
    .bguspalternate .title.t2 a {
        color: #ffffff;
    }

    .bglistalternate a.button1,
    .bgteaseralternate a.button1,
    .bguspalternate a.button1 {
        background-color: #a9bf00;
        color: #ffffff;
        border: 0px solid #f1564e;
    }

    .bglistalternate a.button1:hover,
    .bgteaseralternate a.button1:hover,
    .bguspalternate a.button1:hover {
        background-color: #8fa400;
        color: #ededed;
    }

    .bglistalternate a.button2,
    .bgteaseralternate a.button2,
    .bguspalternate a.button2 {
        background-color: #1c2955;
        color: #ffffff;
        border: 0px solid #1c2955;
    }

    .bglistalternate a.button2:hover,
    .bgteaseralternate a.button2:hover,
    .bguspalternate a.button2:hover {
        background-color: #0c1124;
        color: #ffffff;
    }

    .bglistalternate svg.icon,
    .bgteaseralternate svg.icon,
    .bguspalternate svg.icon {
        fill: #ffffff;
        color: #ffffff;
    }

    .bglistalternate a.button1 svg.icon,
    .bgteaseralternate a.button1 svg.icon,
    .bguspalternate a.button1 svg.icon {
        fill: #ffffff;
        color: #ffffff;
    }

    .bglistalternate a.button2 svg.icon,
    .bgteaseralternate a.button2 svg.icon,
    .bguspalternate a.button2 svg.icon {
        fill: #ffffff;
        color: #ffffff;
    }

    .bgbar {
        background-color: #707173;
        color: #9a9a9a;
    }

    .bgbar a,
    .bgbar .link {
        color: #a9bf00;
    }

    .bgbar a:hover,
    .bgbar .link:hover {
        color: #8fa400;
    }

    .bgbar .title,
    .bgbar .title a {
        color: #ffffff;
    }

    .bgbar .title.t2,
    .bgbar .title.t2 a {
        color: #ffffff;
    }

    .bgbar a.button1 {
        background-color: #8fa400;
        color: #ffffff;
        border: 0px solid #f1564e;
    }

    .bgbar a.button1:hover {
        background-color: #8fa400;
        color: #ededed;
    }

    .bgbar a.button2 {
        background-color: #e1dad5;
        color: #1c2955;
        border: 0px solid #e1dad5;
    }

    .bgbar a.button2:hover {
        background-color: #969187;
        color: #ffffff;
    }

    .bgbar svg.icon {
        fill: #9a9a9a;
        color: #9a9a9a;
    }

    .bgbar a.button1 svg.icon {
        fill: #ffffff;
        color: #ffffff;
    }

    .bgbar a.button2 svg.icon {
        fill: #1c2955;
        color: #1c2955;
    }

    .bghighlight {
        background-color: #a9bf00;
        color: #ffffff;
    }

    .bghighlight .borderBefore:before {
        border-color: #a9bf00;
    }

    .bghighlight .borderAfter:after {
        border-color: #a9bf00;
    }

    .bghighlight a,
    .bghighlight .link {
        color: #ffffff;
    }

    .bghighlight a:hover,
    .bghighlight .link:hover {
        color: #e6e6e6;
    }

    .bghighlight .title,
    .bghighlight .title a {
        color: #ffffff;
    }

    .bghighlight .title.t2,
    .bghighlight .title.t2 a {
        color: #ffffff;
    }

    .bghighlight a.button1 {
        background-color: #ffffff;
        color: #a9bf00;
        border: 0px solid #e1dad5;
    }

    .bghighlight a.button1:hover {
        background-color: #e6e6e6;
        color: #8fa400;
    }

    .bghighlight a.button2 {
        background-color: #1c2955;
        color: #ffffff;
        border: 0px solid #1c2955;
    }

    .bghighlight a.button2:hover {
        background-color: #969187;
        color: #ffffff;
    }

    .bghighlight svg.icon {
        fill: #ffffff;
        color: #ffffff;
    }

    .bghighlight a svg.icon {
        fill: currentColor;
        color: currentColor;
    }

    .bghighlight a.button1 svg.icon {
        fill: #a9bf00;
        color: #a9bf00;
    }

    .bghighlight a.button2 svg.icon {
        fill: #ffffff;
        color: #ffffff;
    }

    .bghighlight2 {
        background-color: #f3f3f3;
        color: #6c6c6c;
    }

    .bghighlight2 .borderBefore:before {
        border-color: #f3f3f3;
    }

    .bghighlight2 .borderAfter:after {
        border-color: #f3f3f3;
    }

    .bghighlight2 a,
    .bghighlight2 .link {
        color: #a9bf00;
    }

    .bghighlight2 a:hover,
    .bghighlight2 .link:hover {
        color: #8fa400;
    }

    .bghighlight2 .title,
    .bghighlight2 .title a {
        color: #4d4d4d;
    }

    .bghighlight2 .title.t2,
    .bghighlight2 .title.t2 a {
        color: #6c6c6c;
    }

    .bghighlight2 a.button1 {
        background-color: #a9bf00;
        color: #ffffff;
        border: 0px solid #f1564e;
    }

    .bghighlight2 a.button1:hover {
        background-color: #8fa400;
        color: #ededed;
    }

    .bghighlight2 a.button2 {
        background-color: #e1dad5;
        color: #1c2955;
        border: 0px solid #e1dad5;
    }

    .bghighlight2 a.button2:hover {
        background-color: #969187;
        color: #ffffff;
    }

    .bghighlight2 svg.icon {
        fill: #6c6c6c;
        color: #6c6c6c;
    }

    .bghighlight2 a.button1 svg.icon {
        fill: #ffffff;
        color: #ffffff;
    }

    .bghighlight2 a.button2 svg.icon {
        fill: #1c2955;
        color: #1c2955;
    }

    .bggallerybox {
        background-color: rgba(0, 0, 0, 0.8);
        color: #ffffff;
    }

    .bggallerybox a,
    .bggallerybox .link,
    .bggallerygradienttop a,
    .bggallerygradienttop .link {
        color: #a9bf00;
    }

    .bggallerybox a:hover,
    .bggallerybox .link:hover,
    .bggallerygradienttop a:hover,
    .bggallerygradienttop .link:hover {
        color: #8fa400;
    }

    .bggallerybox .title,
    .bggallerybox .title a,
    .bggallerybox.title,
    .bggallerybox.title a,
    .bggallerygradienttop .title,
    .bggallerygradienttop .title a,
    .bggallerygradienttop.title,
    .bggallerygradienttop.title a {
        color: #ffffff;
    }

    .bggallerybox .title.t2,
    .bggallerybox .title.t2 a,
    .bggallerybox.title.t2,
    .bggallerybox.title.t2 a,
    .bggallerygradienttop .title.t2,
    .bggallerygradienttop .title.t2 a,
    .bggallerygradienttop.title.t2,
    .bggallerygradienttop.title.t2 a {
        color: #ffffff;
    }

    .bggallerygradientradial a.button1,
    .bggallerybox a.button1 {
        background-color: #a9bf00;
        color: #ffffff;
        border: 0px solid #f1564e;
    }

    .bggallerygradientradial a.button1:hover,
    .bggallerybox a.button1:hover {
        background-color: #8fa400;
        color: #ededed;
    }

    .bggallerygradientradial a.button2,
    .bggallerybox a.button2 {
        background-color: #e1dad5;
        color: #1c2955;
        border: 0px solid #e1dad5;
    }

    .bggallerygradientradial a.button2:hover,
    .bggallerybox a.button2:hover {
        background-color: #969187;
        color: #ffffff;
    }

    .bggallerybox svg.icon {
        fill: #ffffff;
        color: #ffffff;
    }

    .bggallerygradientradial a.button1 svg.icon,
    .bggallerybox a.button1 svg.icon {
        fill: #ffffff;
        color: #ffffff;
    }

    .bggallerygradientradial a.button2 svg.icon,
    .bggallerybox a.button2 svg.icon {
        fill: #1c2955;
        color: #1c2955;
    }

    .bggallerygradienttopbottom {
        position: relative;
    }

    .bggallerygradienttopbottom:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 0;
        width: 100%;
        height: 50%;
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#80000000',GradientType=0 );
    }

    .customhover .bggallerygradienttopbottom:after {
        transition: all 250ms ease-in-out 0ms;
    }

    .customhover:hover .bggallerygradienttopbottom:after {
        height: 100%;
    }

    .bggallerygradienttop {
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
        color: #ffffff;
    }

    .bggallerygradienttop2 {
        background: linear-gradient(to bottom, rgba(221, 221, 221, 0) 0%, rgba(221, 221, 221, 1) 100%);
    }

    .bggallerygradienttop3 {
        background: linear-gradient(to bottom, rgba(239, 239, 239, 0) 0%, rgba(239, 239, 239, 1) 100%);
    }

    .bggallerygradientradius {
        background: radial-gradient(
            ellipse at center,
            rgba(0, 0, 0, 0.6) 0%,
            rgba(0, 0, 0, 0) 70%,
            rgba(0, 0, 0, 0) 100%
        );
    }

    .bggallerygradientradiusi {
        background: radial-gradient(
            ellipse at center,
            rgba(255, 255, 255, 0.6) 0%,
            rgba(255, 255, 255, 0) 70%,
            rgba(255, 255, 255, 0) 100%
        );
    }

    .bggallerygradientdiagonalbottomtop {
        background: linear-gradient(45deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0) 100%);
    }

    .bggallerygradientradial {
        position: relative;
    }

    .bggallerygradientradial:after {
        content: '';
        z-index: 0;
        width: 100%;
        height: 140%;
        position: absolute;
        left: -30%;
        top: -20%;
        background: radial-gradient(
            ellipse at center,
            rgba(0, 0, 0, 0.6) 0%,
            rgba(0, 0, 0, 0) 70%,
            rgba(0, 0, 0, 0) 100%
        );
    }

    .bgheader {
        background-color: #ffffff;
        color: #7d7d7d;
    }

    .bgheader a,
    .bgheader .link {
        color: #ffffff;
    }

    .bgheader a:hover,
    .bgheader .link:hover {
        color: #ffffff;
    }

    .bgheader .title,
    .bgheader .title a {
        color: #4d4d4d;
    }

    .bgheader .title.t2,
    .bgheader .title.t2 a {
        color: #7d7d7d;
    }

    .bgheader a.button1 {
        background-color: #a9bf00;
        color: #ffffff;
        border: 0px solid #f1564e;
    }

    .bgheader a.button1:hover {
        background-color: #8fa400;
        color: #ededed;
    }

    .bgheader a.button2 {
        background-color: #a3a4a6;
        color: #ffffff;
        border: 0px solid #1c2955;
    }

    .bgheader a.button2:hover {
        background-color: #949596;
        color: #ffffff;
    }

    .bgheader svg.icon {
        fill: #7d7d7d;
        color: #7d7d7d;
    }

    .bgheader a.button1 svg.icon {
        fill: #ffffff;
        color: #ffffff;
    }

    .bgheader a.button2 svg.icon {
        fill: #ffffff;
        color: #ffffff;
    }

    .bgheader2 {
        background-color: #f3f3f3;
        color: #7d7d7d;
    }

    .bgheader2 a,
    .bgheader2 .link {
        color: #333333;
    }

    .bgheader2 a:hover,
    .bgheader2 .link:hover {
        color: #333333;
    }

    .bgheader2 .title,
    .bgheader2 .title a {
        color: #4d4d4d;
    }

    .bgheader2 .title.t2,
    .bgheader2 .title.t2 a {
        color: #7d7d7d;
    }

    .bgheader2 a.button1 {
        background-color: #a9bf00;
        color: #ffffff;
        border: 0px solid #f1564e;
    }

    .bgheader2 a.button1:hover {
        background-color: #8fa400;
        color: #ededed;
    }

    .bgheader2 a.button2 {
        background-color: #a3a4a6;
        color: #ffffff;
        border: 0px solid #1c2955;
    }

    .bgheader2 a.button2:hover {
        background-color: #949596;
        color: #ffffff;
    }

    .bgheader2 svg.icon {
        fill: #7d7d7d;
        color: #7d7d7d;
    }

    .bgheader2 a.button1 svg.icon {
        fill: #ffffff;
        color: #ffffff;
    }

    .bgheader2 a.button2 svg.icon {
        fill: #ffffff;
        color: #ffffff;
    }

    .bgfooter {
        background-color: #ffffff;
        color: #999999;
    }

    .bgfooter a,
    .bgfooter .link {
        color: #999999;
    }

    .bgfooter a:hover,
    .bgfooter .link:hover {
        color: #adadad;
    }

    .bgfooter .title,
    .bgfooter .title a {
        color: #525252;
    }

    .bgfooter .title.t2,
    .bgfooter .title.t2 a {
        color: #525252;
    }

    .bgfooter a.button1 {
        background-color: #a9bf00;
        color: #ffffff;
        border: 0px solid #f1564e;
    }

    .bgfooter a.button1:hover {
        background-color: #8fa400;
        color: #ededed;
    }

    .bgfooter a.button2 {
        background-color: #1c2955;
        color: #ffffff;
        border: 0px solid #1c2955;
    }

    .bgfooter a.button2:hover {
        background-color: #0c1124;
        color: #ffffff;
    }

    .bgfooter svg.icon {
        fill: #999999;
        color: #999999;
    }

    .bgfooter a.button1 svg.icon {
        fill: #ffffff;
        color: #ffffff;
    }

    .bgfooter a.button2 svg.icon {
        fill: #ffffff;
        color: #ffffff;
    }

    .bgfooter2 {
        background-color: #f3f3f3;
        color: #999999;
    }

    .bgfooter2 a,
    .bgfooter2 .link {
        color: #999999;
    }

    .bgfooter2 a:hover,
    .bgfooter2 .link:hover {
        color: #c4c4c4;
    }

    .bgfooter2 .title,
    .bgfooter2 .title a {
        color: #1c2955;
    }

    .bgfooter2 .title.t2,
    .bgfooter2 .title.t2 a {
        color: #1c2955;
    }

    .bgfooter2 a.button1 {
        background-color: #a9bf00;
        color: #ffffff;
        border: 0px solid #f1564e;
    }

    .bgfooter2 a.button1:hover {
        background-color: #9c3832;
        color: #ffffff;
    }

    .bgfooter2 a.button2 {
        background-color: #1c2955;
        color: #ffffff;
        border: 0px solid #1c2955;
    }

    .bgfooter2 a.button2:hover {
        background-color: #0c1124;
        color: #ffffff;
    }

    .bgfooter2 svg.icon {
        fill: #999999;
        color: #999999;
    }

    .bgfooter2 a.button1 svg.icon {
        fill: #ffffff;
        color: #ffffff;
    }

    .bgfooter2 a.button2 svg.icon {
        fill: #ffffff;
        color: #ffffff;
    }

    .bgmobile {
        background-color: #a3a4a6;
        color: #6c6c6c;
    }

    .bgmobile a,
    .bgmobile .link {
        color: #a9bf00;
    }

    .bgmobile a:hover,
    .bgmobile .link:hover {
        color: #8fa400;
    }

    .bgmobile .title,
    .bgmobile .title a {
        color: #4d4d4d;
    }

    .bgmobile .title.t2,
    .bgmobile .title.t2 a {
        color: #6c6c6c;
    }

    .bgmobile a.button1 {
        background-color: #a9bf00;
        color: #ffffff;
        border: 0px solid #f1564e;
    }

    .bgmobile a.button1:hover {
        background-color: #8fa400;
        color: #ededed;
    }

    .bgmobile a.button2 {
        background-color: #1c2955;
        color: #ffffff;
        border: 0px solid #1c2955;
    }

    .bgmobile a.button2:hover {
        background-color: #0c1124;
        color: #ffffff;
    }

    .bgmobile svg.icon {
        fill: #6c6c6c;
        color: #6c6c6c;
    }

    .bgmobile a.button1 svg.icon {
        fill: #ffffff;
        color: #ffffff;
    }

    .bgmobile a.button2 svg.icon {
        fill: #ffffff;
        color: #ffffff;
    }

    .bggallerygradienttopbottom.bgicon {
        background-color: #a9bf00;
        color: #ffffff !important;
        fill: #ffffff !important;
        padding: 0.375em;
        display: inline-block;
        vertical-align: top;
    }

    .ttupper {
        text-transform: uppercase;
    }

    .ttlower {
        text-transform: lowercase;
    }

    .ttnone {
        text-transform: none;
    }

    ul {
        margin: 0;
        padding-left: 16px;
        padding-right: 8px;
        list-style-type: none;
    }

    ul li:before {
        content: '\025AA';
        font-size: 20px;
        position: absolute;
        left: 0;
        top: 0;
        font-family: Arial, Helvetica, sans-serif;
    }

    ul li {
        position: relative;
        padding: 0 0 0 15px;
    }

    ul li ul li:before {
        color: #999999;
    }

    ol {
        margin: 0;
        padding: 0 0 0 26px;
    }

    ol li {
        margin: 0;
        padding: 0;
    }

    *.reset ul,
    ul.reset {
        padding: 0;
    }

    *.reset ul li:before,
    ul.reset li:before {
        content: none;
    }

    *.reset ul li,
    ul.reset li {
        position: static;
        padding: 0;
    }

    *.reset ul li ul,
    ul.reset li ul {
        padding: 0;
    }

    *.icon1 ul,
    ul.icon1 {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    *.icon1 ul li,
    ul.icon1 li {
        margin: 0;
        padding: 0 0 0 1.625em;
        position: relative;
        text-indent: 0;
        line-height: 1.5625em;
    }

    *.icon1 ul li:before,
    ul.icon1 li:before {
        content: none;
    }

    *.icon1 ul li svg.icon,
    ul.icon1 li svg.icon {
        position: absolute;
        left: 0;
        top: 0.5625em;
        width: 0.5em;
        height: 0.5em;
        fill: #a9bf00;
    }

    .bghighlight *.icon1 ul li svg.icon,
    ul.icon1 li svg.icon {
        fill: #ffffff;
    }

    table {
        width: 100%;
    }

    table caption {
        font-size: 20px;
    }

    table colgroup col {
        width: 29.57265%;
    }

    table colgroup col:first-child {
        width: 5.470085%;
    }

    table thead {
        border-bottom: solid 2px #ffffff;
    }

    table thead th {
        padding-top: 6px;
        padding-bottom: 6px;
        text-align: left;
    }

    table tfoot td {
        border-top: solid 1px #ffffff;
        padding-top: 6px;
        padding-bottom: 6px;
    }

    table tbody td {
        border-top: solid 1px #ffffff;
        padding-top: 6px;
        padding-bottom: 6px;
    }

    table tr * {
        padding-left: 0.854701%;
        padding-right: 0.854701%;
    }

    table tr *:first-child {
        padding-left: 0.34188%;
        padding-right: 0.34188%;
    }

    table.reset {
        width: auto;
    }

    table.reset caption {
        font-size: inherit;
    }

    table.reset colgroup col {
        width: auto;
    }

    table.reset thead {
        border-bottom: inherit;
    }

    table.reset thead th {
        padding-top: inherit;
        padding-bottom: inherit;
        text-align: inherit;
    }

    table.reset tfoot td {
        border-top: inherit;
        padding-top: inherit;
        padding-bottom: inherit;
    }

    table.reset tbody td {
        border-top: inherit;
        padding-top: inherit;
        padding-bottom: inherit;
    }

    table.reset tr * {
        padding-left: inherit;
        padding-right: inherit;
    }

    .bgwebgradientleft {
        background: linear-gradient(
            to right,
            rgba(221, 221, 221, 1) 0%,
            rgba(221, 221, 221, 1) 30%,
            rgba(221, 221, 221, 0) 100%
        );
    }

    .bgwebgradientright {
        background: linear-gradient(
            to right,
            rgba(221, 221, 221, 0) 0%,
            rgba(221, 221, 221, 1) 70%,
            rgba(221, 221, 221, 1) 100%
        );
    }

    .bgcookies {
        background-color: #707173;
        color: #ffffff;
    }

    .bgcookies a {
        color: #a9bf00;
    }

    .bgcookiesicon {
        background-color: #ebebeb;
        color: #6c6c6c;
    }

    a.bgcookiesicon {
        background-color: #ebebeb;
        color: #6c6c6c;
    }

    .bglist.hover,
    .bgteaser.hover,
    .bgusp.hover,
    .bglistalternate.hover,
    .bgteaseralternate.hover,
    .bguspalternate.hover,
    .bgbar.hover,
    .bggallerybox.hover,
    .bghighlight.hover,
    .bghighlight2.hover {
        transition: all 2500ms ease-in-out 0ms;
    }

    .bglist.bgactive,
    .bglist.hover:hover,
    .bgteaser.bgactive,
    .bgteaser.hover:hover,
    .bgusp.bgactive,
    .bgusp.hover:hover,
    .bglistalternate.bgactive,
    .bglistalternate.hover:hover,
    .bgteaseralternate.bgactive,
    .bgteaseralternate.hover:hover,
    .bguspalternate.hover.bgactive,
    .bguspalternate.hover:hover,
    .bgbar.bgactive,
    .bgbar.hover:hover,
    .bggallerybox.bgactive,
    .bggallerybox.hover:hover,
    .bghighlight.bgactive,
    .bghighlight.hover:hover,
    .bghighlight2.bgactive,
    .bghighlight2.hover:hover {
        cursor: pointer;
        box-shadow: inset 0 0 4px 500px rgba(0, 0, 0, 0.15);
    }

    .bglist.bgactive .bglist,
    .bglist.hover:hover .bglist,
    .bglist.bgactive .bglistalternate,
    .bglist.hover:hover .bglistalternate,
    .bglist.bgactive .bghighlight,
    .bglist.hover:hover .bghighlight,
    .bglist.bgactive .bghighlight2,
    .bglist.hover:hover .bghighlight2,
    .bgteaser.bgactive .bgteaser,
    .bgteaser.hover:hover .bgteaser,
    .bgteaser.bgactive .bgteaseralternate,
    .bgteaser.hover:hover .bgteaseralternate,
    .bgteaser.bgactive .bghighlight,
    .bgteaser.hover:hover .bghighlight,
    .bgteaser.bgactive .bghighlight2,
    .bgteaser.hover:hover .bghighlight2,
    .bgusp.bgactive .bgusp,
    .bgusp.hover:hover .bgusp,
    .bgusp.bgactive .bguspalternate,
    .bgusp.hover:hover .bguspalternate,
    .bgusp.bgactive .bghighlight,
    .bgusp.hover:hover .bghighlight,
    .bgusp.bgactive .bghighlight2,
    .bgusp.hover:hover .bghighlight2,
    .bglistalternate.bgactive .bglist,
    .bglistalternate.hover:hover .bglist,
    .bglistalternate.bgactive .bglistalternate,
    .bglistalternate.hover:hover .bglistalternate,
    .bglistalternate.bgactive .bghighlight,
    .bglistalternate.hover:hover .bghighlight,
    .bglistalternate.bgactive .bghighlight2,
    .bglistalternate.hover:hover .bghighlight2,
    .bgteaseralternate.bgactive .bgteaser,
    .bgteaseralternate.hover:hover .bgteaser,
    .bgteaseralternate.bgactive .bgteaseralternate,
    .bgteaseralternate.hover:hover .bgteaseralternate,
    .bgteaseralternate.bgactive .bghighlight,
    .bgteaseralternate.hover:hover .bghighlight,
    .bgteaseralternate.bgactive .bghighlight2,
    .bgteaseralternate.hover:hover .bghighlight2,
    .bguspalternate.bgactive .bgusp,
    .bguspalternate.hover:hover .bgusp,
    .bguspalternate.bgactive .bguspalternate,
    .bguspalternate.hover:hover .bguspalternate,
    .bguspalternate.bgactive .bghighlight,
    .bguspalternate.hover:hover .bghighlight,
    .bguspalternate.bgactive .bghighlight2,
    .bguspalternate.hover:hover .bghighlight2,
    .bgbar.bgactive .bgbar,
    .bgbar.hover:hover .bgbar,
    .bgbar.bgactive .bghighlight,
    .bgbar.hover:hover .bghighlight,
    .bgbar.bgactive .bghighlight2,
    .bgbar.hover:hover .bghighlight2,
    .bghighlight.bgactive .bghighlight,
    .bghighlight.hover:hover .bghighlight,
    .bghighlight.bgactive .bglist,
    .bghighlight.hover:hover .bglist,
    .bghighlight.bgactive .bgteaser,
    .bghighlight.hover:hover .bgteaser,
    .bghighlight.bgactive .bgusp,
    .bghighlight.hover:hover .bgusp,
    .bghighlight.bgactive .bglistalternate,
    .bghighlight.hover:hover .bglistalternate,
    .bghighlight.bgactive .bgteaseralternate,
    .bghighlight.hover:hover .bgteaseralternate,
    .bghighlight.bgactive .bguspalternate,
    .bghighlight.hover:hover .bguspalternate,
    .bghighlight.bgactive .bgbar,
    .bghighlight.hover:hover .bgbar,
    .bghighlight.bgactive .bghighlight2,
    .bghighlight.hover:hover .bghighlight2,
    .bghighlight2.bgactive .bghighlight2,
    .bghighlight2.hover:hover .bghighlight2,
    .bghighlight2.bgactive .bglist,
    .bghighlight2.hover:hover .bglist,
    .bghighlight2.bgactive .bgteaser,
    .bghighlight2.hover:hover .bgteaser,
    .bghighlight2.bgactive .bgusp,
    .bghighlight2.hover:hover .bgusp,
    .bghighlight2.bgactive .bglistalternate,
    .bghighlight2.hover:hover .bglistalternate,
    .bghighlight2.bgactive .bgteaseralternate,
    .bghighlight2.hover:hover .bgteaseralternate,
    .bghighlight2.bgactive .bguspalternate,
    .bghighlight2.hover:hover .bguspalternate,
    .bghighlight2.bgactive .bgbar,
    .bghighlight2.hover:hover .bgbar,
    .bghighlight2.bgactive .bghighlight,
    .bghighlight2.hover:hover .bghighlight {
        cursor: pointer;
        box-shadow: inset 0 0 4px 500px rgba(0, 0, 0, 0.25);
    }

    .bgimage {
        background-color: transparent;
    }

    .iconhover:hover {
        opacity: 0.7;
        cursor: pointer;
    }

    .iconinverse {
        color: #ffffff !important;
        fill: #ffffff !important;
    }

    .hover {
        cursor: pointer;
    }

    .hover picture {
        position: relative;
    }

    .hover:hover picture:before {
        content: '';
        background-color: rgba(0, 0, 0, 0.25);
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .hover:hover .nohover {
        box-shadow: none !important;
    }

    .points1h > * {
        width: 10px;
        height: 10px;
        border: 1px solid currentColor;
        border-radius: 50%;
        transition: all 0.3s ease-in-out;
    }

    .points1h > *.active,
    .points1h > *:hover {
        background-color: currentColor;
    }

    .points1h.points1h > * {
        display: inline-block;
        margin-right: 7px;
    }

    .points1h.points1v > * {
        display: block;
        margin-top: 7px;
    }

    .points3h {
        margin: 0;
        padding: 0;
        text-align: center;
    }

    .points3h:after {
        content: '';
        clear: both;
        display: block;
        font-size: 0;
        height: 0;
        line-height: 0;
        overflow: hidden;
        text-indent: -100px;
    }

    .points3h li:before {
        content: none;
    }

    .points3h li {
        left: auto;
        position: static;
        text-indent: 0;
    }

    .points3h > * {
        background-color: #a9bf00;
        opacity: 0.7;
        display: inline-block;
        margin: 0 2px 0 0;
        padding: 0;
        width: 15px;
        height: 15px;
        cursor: pointer;
        text-indent: -100px !important;
        overflow: hidden;
    }

    .points3h > * + * {
        margin-left: 2px;
    }

    .points3h > *.active {
        background-color: #f3f3f3;
        opacity: 1;
    }

    .tabs4 {
        display: flex;
        justify-content: center;
        position: relative;
    }

    .tabs4 .tab {
        background-color: #ffffff;
        padding: 15px 3.846154%;
        margin: 0 0.940171%;
        border: 1px solid #ebebeb;
        position: relative;
        z-index: 1;
        text-align: center;
    }

    .tabs4 .tab.active {
        background-color: #ebebeb;
        color: #4d4d4d;
        border-bottom: 0;
    }

    .tabs5 {
        display: flex;
        justify-content: center;
        position: relative;
    }

    .tabs5:after {
        content: '';
        width: 100%;
        height: 1px;
        background-color: #ebebeb;
        position: absolute;
        left: 0;
        bottom: 3px;
        z-index: 0;
    }

    .tabs5 .tab {
        color: #4d4d4d;
        padding: 15px 3.846154%;
        margin: 0 0.940171%;
        position: relative;
        z-index: 1;
        text-align: center;
    }

    .tabs5 .tab.active {
        border-bottom: 6px solid #a9bf00;
    }

    .paging1 {
        display: flex;
        text-align: right;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: wrap;
    }

    .paging1 a,
    .paging1 span {
        display: block;
        font-size: 16px;
        margin: 0 12px 0 12px;
    }

    .paging1 a:first-of-type:last-of-type,
    .paging1 a:not(.prev):not(.next):not(.visible) {
        display: none;
    }

    .paging1 a.active {
        color: #6c6c6c;
    }

    .paging1 a:hover,
    .paging1 .prev {
        margin-right: 12px;
    }

    .paging1 .next {
        margin-left: 12px;
    }

    .paging1 .prev svg,
    .paging1 .next svg {
        margin-top: 10px;
    }

    .paging1 span.prev,
    .paging1 span.next {
        display: none;
    }

    .spacesmall {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .spacenormal {
        padding-top: 125px;
        padding-bottom: 125px;
    }

    .spacemedium {
        padding-top: 145px;
        padding-bottom: 145px;
    }

    .spacebig {
        padding-top: 160px;
        padding-bottom: 160px;
    }

    .spacebigger {
        padding-top: 175px;
        padding-bottom: 175px;
    }

    .spacesmalltop {
        padding-top: 100px;
    }

    .spacenormaltop {
        padding-top: 125px;
    }

    .spacemediumtop {
        padding-top: 145px;
    }

    .spacebigtop {
        padding-top: 160px;
    }

    .spacesmallbottom {
        padding-bottom: 100px;
    }

    .spacenormalbottom {
        padding-bottom: 125px;
    }

    .spacemediumbottom {
        padding-bottom: 145px;
    }

    .spacebigbottom {
        padding-bottom: 160px;
    }

    .fullwidth.bglist + .fullwidth.bglist .spacesmall,
    .fullwidth.bglist + .fullwidth.bglist .spacenormal,
    .fullwidth.bglist + .fullwidth.bglist .spacemedium,
    .fullwidth.bglist + .fullwidth.bglist .spacebig,
    .fullwidth.bglist + .fullwidth.bglist .spacebigger,
    .fullwidth.bgheader + .fullwidth.bgheader .spacesmall,
    .fullwidth.bgheader + .fullwidth.bgheader .spacenormal,
    .fullwidth.bgheader + .fullwidth.bgheader .spacemedium,
    .fullwidth.bgheader + .fullwidth.bgheader .spacebig,
    .fullwidth.bgheader + .fullwidth.bgheader .spacebigger,
    .fullwidth.bghighlight + .fullwidth.bghighlight .spacesmall,
    .fullwidth.bghighlight + .fullwidth.bghighlight .spacenormal,
    .fullwidth.bghighlight + .fullwidth.bghighlight .spacemedium,
    .fullwidth.bghighlight + .fullwidth.bghighlight .spacebig,
    .fullwidth.bghighlight + .fullwidth.bghighlight .spacebigger,
    .fullwidth.bgweb2 + .fullwidth.bgweb2 .spacesmall,
    .fullwidth.bgweb2 + .fullwidth.bgweb2 .spacenormal,
    .fullwidth.bgweb2 + .fullwidth.bgweb2 .spacemedium,
    .fullwidth.bgweb2 + .fullwidth.bgweb2 .spacebig,
    .fullwidth.bgweb2 + .fullwidth.bgweb2 .spacebigger,
    section.fullwidth:not(.bglist):not(.bgheader):not(.bghighlight):not(.bghighlight2):not(.bgweb2):not(.bgimage)
        + section.fullwidth:not(.bglist):not(.bgheader):not(.bghighlight):not(.bghighlight2):not(.bgweb2)
        .spacesmall,
    section.fullwidth:not(.bglist):not(.bgheader):not(.bghighlight):not(.bghighlight2):not(.bgweb2):not(.bgimage)
        + section.fullwidth:not(.bglist):not(.bgheader):not(.bghighlight):not(.bghighlight2):not(.bgweb2)
        .spacenormal,
    section.fullwidth:not(.bglist):not(.bgheader):not(.bghighlight):not(.bghighlight2):not(.bgweb2):not(.bgimage)
        + section.fullwidth:not(.bglist):not(.bgheader):not(.bghighlight):not(.bghighlight2):not(.bgweb2)
        .spacemedium,
    section.fullwidth:not(.bglist):not(.bgheader):not(.bghighlight):not(.bghighlight2):not(.bgweb2):not(.bgimage)
        + section.fullwidth:not(.bglist):not(.bgheader):not(.bghighlight):not(.bghighlight2):not(.bgweb2)
        .spacebig,
    section.fullwidth:not(.bglist):not(.bgheader):not(.bghighlight):not(.bghighlight2):not(.bgweb2):not(.bgimage)
        + section.fullwidth:not(.bglist):not(.bgheader):not(.bghighlight):not(.bghighlight2):not(.bgweb2)
        .spacebigger,
    section:not(.fullwidth):not(.Themestage.T2) + section:not(.fullwidth):not(.bgimage) .spacesmall,
    section:not(.fullwidth) + section:not(.fullwidth):not(.bgimage) .spacenormal,
    section:not(.fullwidth) + section:not(.fullwidth):not(.bgimage) .spacemedium,
    section:not(.fullwidth) + section:not(.fullwidth):not(.bgimage) .spacebigger,
    section:not(.fullwidth) + section:not(.fullwidth):not(.bgimage) .spacebig {
        padding-top: 0%;
    }

    .marker-cluster-small {
        background-color: rgba(169, 191, 0, 0.25) !important;
    }

    .marker-cluster-small div {
        background-color: rgba(169, 191, 0, 0.75) !important;
        color: #fff;
    }

    .filterform .row.input .inputfield {
        width: 100%;
        float: none;
        display: block;
        padding: 0;
        color: #ffffff;
    }

    .filterform .row.input .inputfield.active {
        background-color: transparent;
    }

    .filterform .row.input .inputfield input {
        height: 45px;
        line-height: 45px;
        color: #ffffff;
        background-color: transparent;
        text-indent: 0;
        border: none;
        border-radius: 0;
        -webkit-border-radius: 0;
    }

    .filterform .row.input .inputfield input {
        font-family: 'SuedtirolNextTT', sans-serif;
        font-size: 23px;
        font-weight: 400;
        font-style: normal;
        letter-spacing: 0px;
    }
}

@media (max-width: 1600px) {
    .spacesmall {
        padding-top: 6.25%;
        padding-bottom: 6.25%;
    }

    .spacenormal {
        padding-top: 7.8125%;
        padding-bottom: 7.8125%;
    }

    .spacemedium {
        padding-top: 9.0625%;
        padding-bottom: 9.0625%;
    }

    .spacebig {
        padding-top: 10%;
        padding-bottom: 10%;
    }

    .spacebigger {
        padding-top: 10.9375%;
        padding-bottom: 10.9375%;
    }

    .spacesmallbottom {
        padding-bottom: 6.25%;
    }

    .spacenormalbottom {
        padding-bottom: 7.8125%;
    }

    .spacemediumbottom {
        padding-bottom: 9.0625%;
    }

    .spacebigbottom {
        padding-bottom: 10%;
    }

    .spacesmalltop {
        padding-top: 6.25%;
    }

    .spacenormaltop {
        padding-top: 7.8125%;
    }

    .spacemediumtop {
        padding-top: 9.0625%;
    }

    .spacebigtop {
        padding-top: 10%;
    }
}

@media (max-width: 1280px) {
    body {
        font-size: 17px;
    }

    .t1large,
    .t1large a {
        font-size: 50px;
        line-height: 58px;
        letter-spacing: 0px;
    }

    .t1,
    .t1 a {
        font-size: 38px;
        line-height: 46px;
        letter-spacing: 0px;
    }

    .t2,
    .t2 a {
        font-size: 22px;
        line-height: 32px;
        letter-spacing: 0px;
    }

    .t3,
    .t3 a {
        font-size: 28px;
        line-height: 34px;
        letter-spacing: 0px;
    }

    .t4,
    .t4 a {
        font-size: 24px;
        line-height: 28px;
        letter-spacing: 0px;
    }

    .t5,
    .t5 a {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: 0px;
    }

    .t6,
    .t6 a {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0px;
    }

    .defaultFs {
        font-size: 17px;
        line-height: 26px;
        letter-spacing: 0px;
    }

    .medium1 {
        font-size: 19px;
        line-height: 28px;
        letter-spacing: 0px;
    }

    .large1 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: 0px;
    }

    small,
    .small {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0px;
    }

    .smaller {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 1px;
    }
}

@media (max-width: 767px) {
    body {
        font-size: 15px;
    }

    .t1large,
    .t1large a {
        font-size: 30px;
        line-height: 34px;
        letter-spacing: 0px;
    }

    .t1,
    .t1 a {
        font-size: 29px;
        line-height: 33px;
        letter-spacing: 0px;
    }

    .t2,
    .t2 a {
        font-size: 19px;
        line-height: 26px;
        letter-spacing: 0px;
    }

    .t3,
    .t3 a {
        font-size: 22px;
        line-height: 28px;
        letter-spacing: 0px;
    }

    .t4,
    .t4 a {
        font-size: 18px;
        line-height: 21px;
        letter-spacing: 0px;
    }

    .t5,
    .t5 a {
        font-size: 17px;
        line-height: 21px;
        letter-spacing: 0px;
    }

    .t6,
    .t6 a {
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0px;
    }

    .defaultFs {
        font-size: 15px;
        line-height: 20px;
        letter-spacing: 0px;
    }

    .medium1 {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0px;
    }

    .large1 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: 0px;
    }

    small,
    .small {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0px;
    }

    .smaller {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 1px;
    }
}

@media all {
    form {
        margin: 0;
    }

    form div.row {
        clear: both;
        margin: 0 0 6px 0;
    }

    form label.label {
        width: 47.368421%;
        float: left;
        display: inline;
        margin: 8px 1.315789% 0 0;
        padding: 0;
    }

    form label.ort {
        display: none;
    }

    form label.pflichtfeld {
        font-weight: bold;
    }

    form textarea:focus,
    form input:focus {
        border: 0;
        outline: 0;
    }

    form div.inputfield input,
    form div.calendarfield input {
        width: 100%;
        height: 34px;
        line-height: 34px;
        background-color: #f0ede9;
        color: #404d5b;
        border: 1px solid #f0ede9;
        padding: 0;
        text-indent: 8px;
        position: relative;
        z-index: 2;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        -webkit-appearance: none;
    }

    .bgweb2 div.inputfield input,
    .bgweb2 div.calendarfield input {
        background-color: rgba(204, 196, 183, 0.3);
        color: #404d5b;
        border: 1px solid #404d5b;
    }

    .bglistalternate div.inputfield input,
    .bglistalternate div.calendarfield input {
        background-color: #ffffff;
        color: #535353;
        border: 1px solid #ffffff;
    }

    .bgfooter div.inputfield input,
    .bgfooter div.calendarfield input {
        background-color: rgba(204, 196, 183, 0.3);
        color: #404d5b;
        border: 1px solid #404d5b;
    }

    .bgfooter2 div.inputfield input,
    .bgfooter2 div.calendarfield input {
        background-color: rgba(204, 196, 183, 0.3);
        color: #404d5b;
        border: 1px solid #404d5b;
    }

    .bgbar div.inputfield input,
    .bgbar div.calendarfield input {
        background-color: #ffffff;
        color: #535353;
        border: 1px solid #ffffff;
    }

    form div.row.requiredinfobox {
        width: 100%;
    }

    form div.row.requiredinfobox div.requiredinfotext {
        text-align: right;
        margin-right: 6px;
    }

    form div.row.input div.inputfield,
    form div.row.calendar div.calendarfield {
        width: 51.315789%;
        float: left;
        display: inline;
        padding: 2px 2px;
        position: relative;
        color: #888888;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-border-radius: 2px;
        border-radius: 2px;
    }

    form div.row.input div.inputfield.plz {
        width: 15.789474%;
    }

    form div.row.input div.inputfield.ort {
        width: 34.210526%;
        margin: 0 0 0 1.315789%;
    }

    form div.row.input div.disabled input {
        background-color: #ffffff;
    }

    form div.row.calendar div.calendarfield a.kalenderopener {
        width: 21px;
        height: 19px;
        position: absolute;
        right: 10px;
        top: 8px;
        z-index: 2;
    }

    form div.selectfield span.field {
        width: 100%;
        height: 100%;
        background-color: #f0ede9;
        color: #404d5b;
        border: 1px solid #f0ede9;
        line-height: 34px;
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-border-radius: 2px;
        border-radius: 2px;
    }

    .bgweb2 div.selectfield span.field {
        background-color: rgba(204, 196, 183, 0.3);
        color: #404d5b;
        border: 1px solid #404d5b;
    }

    .bglistalternate div.selectfield span.field {
        background-color: #ffffff;
        color: #535353;
        border: 1px solid #ffffff;
    }

    .bgfooter div.selectfield span.field {
        background-color: rgba(204, 196, 183, 0.3);
        color: #404d5b;
        border: 1px solid #404d5b;
    }

    .bgfooter2 div.selectfield span.field {
        background-color: rgba(204, 196, 183, 0.3);
        color: #404d5b;
        border: 1px solid #404d5b;
    }

    .bgbar div.selectfield span.field {
        background-color: #ffffff;
        color: #535353;
        border: 1px solid #ffffff;
    }

    form div.selectfield span.field span.selecticon {
        position: absolute;
        right: 28px;
        top: 24px;
    }

    form div.selectfield span.field span.selecticon.selecticonsvg {
        top: 12px;
    }

    form div.selectfield span.field span.selecticon.selecticonsvg svg {
        width: 15px;
        height: 15px;
    }

    form div.selectfield span.field span.selecticon div,
    form div.selectfield span.field span.selecticon svg {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
    }

    form div.selectfield span.field span.selecticon:before {
        content: '';
        position: absolute;
        z-index: 1;
        background-color: #404d5b;
        top: -6px;
        left: 0;
        width: 12px;
        height: 2px;
        display: block;
        transform: rotate(45deg);
    }

    form div.selectfield span.field span.selecticon:after {
        content: '';
        position: absolute;
        z-index: 1;
        background-color: #404d5b;
        top: -6px;
        left: 8px;
        width: 12px;
        height: 2px;
        display: block;
        transform: rotate(-45deg);
    }

    .bgweb2 div.selectfield span.field span.selecticon:before,
    .bgweb2 div.selectfield span.field span.selecticon:after {
        background-color: #404d5b;
    }

    .bglistalternate div.selectfield span.field span.selecticon:before,
    .bglistalternate div.selectfield span.field span.selecticon:after {
        background-color: #535353;
    }

    .bgfooter div.selectfield span.field span.selecticon:before,
    .bgfooter div.selectfield span.field span.selecticon:after {
        background-color: #404d5b;
    }

    .bgfooter2 div.selectfield span.field span.selecticon:before,
    .bgfooter2 div.selectfield span.field span.selecticon:after {
        background-color: #404d5b;
    }

    .bgbar div.selectfield span.field span.selecticon:before,
    .bgbar div.selectfield span.field span.selecticon:after {
        background-color: #535353;
    }

    form div.selectfield span.field span.selecticon.selecticonsvg:before {
        content: '';
        position: static;
        background: transparent;
        top: auto;
        left: auto;
        width: auto;
        height: auto;
        transform: none;
    }

    form div.selectfield span.field span.selecticon.selecticonsvg:after {
        content: '';
        position: static;
        background: transparent;
        top: auto;
        left: auto;
        width: auto;
        height: auto;
        transform: none;
    }

    form div.selectfield select {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        border: 0;
        opacity: 0;
        filter: alpha(opacity = 0);
        z-index: 2;
    }

    form div.selectfield span.select {
        display: block;
        height: 100%;
        margin: 0 24px 0 8px;
        position: relative;
        overflow: hidden;
        white-space: nowrap;
    }

    form div.selectfield span.field div.okicon,
    form div.selectfield span.field div.erroricon {
        right: 20px;
    }

    form div.row.select div.selectfield {
        width: 51.315789%;
        height: 38px;
        line-height: 34px;
        float: left;
        display: inline;
        padding: 2px 2px;
        position: relative;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-border-radius: 2px;
        border-radius: 2px;
    }

    form textarea.textarea {
        background-color: #f0ede9;
        color: #404d5b;
        padding: 0;
    }

    .bgweb2 textarea.textarea {
        background-color: rgba(204, 196, 183, 0.3);
        color: #404d5b;
    }

    .bglistalternate textarea.textarea {
        background-color: #ffffff;
        color: #535353;
    }

    .bgfooter textarea.textarea {
        background-color: rgba(204, 196, 183, 0.3);
        color: #404d5b;
    }

    .bgfooter2 textarea.textarea {
        background-color: rgba(204, 196, 183, 0.3);
        color: #404d5b;
    }

    .bgbar textarea.textarea {
        background-color: #ffffff;
        color: #535353;
    }

    form div.row div.textarea {
        width: 51.315789%;
        display: inline;
        float: left;
        padding: 2px 2px;
        position: relative;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    form div.row div.textarea textarea {
        width: 100%;
        float: left;
        display: inline;
        margin: 0;
        padding: 4px 8px 4px 8px;
        height: 4.333em;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        -webkit-appearance: none;
    }

    form div.checkboxfield input {
        position: relative;
        margin: 0;
        padding: 0;
        width: 1em;
        height: 1em;
        z-index: 2;
        opacity: 0;
        filter: alpha(opacity = 0);
    }

    form div.checkboxfield span {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        width: 1em;
        height: 1em;
        font-size: 1em;
        line-height: 1px;
        z-index: 1;
    }

    form div.checkboxfield svg {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        width: 1em;
        height: 1em;
        font-size: 1em;
        line-height: 1px;
        z-index: 1;
    }

    form div.row.checkbox label.label {
        margin-top: 0;
    }

    form div.row.checkbox div.checkboxfield {
        float: left;
        display: inline;
        margin: 2px 0 0 2px;
        position: relative;
    }

    form div.row.checkbox div.checkboxfield div.erroricon {
        position: absolute;
        right: -24px;
        top: -2px;
        margin-top: 0;
    }

    form div.row.checkbox div.checkboxfield div.formtextV1 {
        top: -33px;
        left: -8px;
        z-index: 3;
    }

    form div.row.checkbox div.checkboxfield div.formtextV2,
    form div.row.checkbox div.checkboxfield div.formtextV5,
    form div.row.checkbox div.checkboxfield div.formtextV6 {
        top: -3px;
    }

    form div.row.checkbox div.checkboxfield div.formtextV3,
    form div.row.checkbox div.checkboxfield div.formtextV4 {
        width: 200px;
    }

    form div.row.checkbox div.checkboxfield div.okicon {
        position: absolute;
        right: -24px;
        top: -1px;
        margin-top: 0;
    }

    form div.row.checkbox div.checkboxfield div.okicon * {
        position: relative;
    }

    form div.row.checkbox label.extralabel {
        float: left;
        margin: 1px 0 0 4px;
        width: auto;
    }

    form div.row.checkbox div.error + label.extralabel {
        margin: 0 0 0 28px;
    }

    form div.radiofield input {
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        opacity: 0;
        filter: alpha(opacity = 0);
    }

    form div.radiofield span {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        width: 100%;
        height: 100%;
        font-size: 1px;
        line-height: 1px;
        z-index: 1;
    }

    form div.radiofield svg {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        width: 1em;
        height: 1em;
        font-size: 1em;
        line-height: 1px;
        z-index: 1;
    }

    form div.radiofield span svg {
        width: 100%;
        height: 100%;
        font-size: 1px;
    }

    form div.row.radio label.label {
        margin-top: 0;
    }

    form div.row.radio div.radiofield {
        width: 16px;
        height: 16px;
        float: left;
        display: inline;
        margin: 3px 0 0 0;
        position: relative;
    }

    form div.row.radio div.radiofield div.erroricon {
        position: absolute;
        right: -28px;
        top: -2px;
        margin-top: 0;
    }

    form div.row.radio div.radiofield div.formtextV1 {
        top: -34px;
        left: -9px;
        z-index: 3;
    }

    form div.row.radio div.radiofield div.formtextV2,
    form div.row.radio div.radiofield div.formtextV5,
    form div.row.radio div.radiofield div.formtextV6 {
        top: -3px;
    }

    form div.row.radio label.extralabel {
        float: left;
        margin: 0 0 0 4px;
        width: auto;
    }

    form div.row.radio div.error + label.extralabel {
        margin: 0 0 0 28px;
    }

    form div.uploadfield iframe {
        width: 128px;
        height: 128px;
        position: absolute;
        right: 0;
        top: 0;
        opacity: 0;
        filter: alpha(opacity = 0);
        z-index: 3;
    }

    form div.uploadfield div.status {
        position: absolute;
        left: -5px;
        top: 1px;
        width: 30px;
        height: 28px;
        overflow: hidden;
    }

    form div.uploadfield div.status0 {
        position: absolute;
        left: 1px;
        top: 1px;
        width: 30px;
        height: 28px;
        overflow: hidden;
    }

    form div.uploadfield div.status1 {
        position: absolute;
        left: 1px;
        top: 1px;
        width: 30px;
        height: 28px;
        overflow: hidden;
    }

    form div.uploadfield div.status2 {
        position: absolute;
        left: 1px;
        top: 1px;
        width: 30px;
        height: 28px;
        overflow: hidden;
    }

    form div.uploadfield div.status3 {
        position: absolute;
        left: 1px;
        top: 1px;
        width: 30px;
        height: 28px;
        overflow: hidden;
    }

    form div.uploadfield div.button {
        width: 100%;
        height: 100%;
    }

    form div.row.upload {
    }

    form div.row.upload div.uploadfield {
        width: 51.315789%;
        height: 32px;
        float: left;
        display: inline;
        padding: 2px 2px;
        position: relative;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-border-radius: 2px;
        border-radius: 2px;
    }

    form div.row.upload div.uploadfieldcontainer {
        float: left;
        display: inline;
        width: 100%;
        height: 100%;
        line-height: 2em;
        background-color: #f0ede9;
        color: #404d5b;
        border: 1px solid #f0ede9;
        padding: 0;
        text-indent: 3px;
        position: relative;
        z-index: 2;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-border-radius: 2px;
        border-radius: 2px;
    }

    .bgweb2 div.row.upload div.uploadfieldcontainer {
        background-color: rgba(204, 196, 183, 0.3);
        color: #404d5b;
        border: 1px solid #404d5b;
    }

    .bglistalternate div.row.upload div.uploadfieldcontainer {
        background-color: #ffffff;
        color: #535353;
        border: 1px solid #ffffff;
    }

    .bgfooter div.row.upload div.uploadfieldcontainer {
        background-color: rgba(204, 196, 183, 0.3);
        color: #404d5b;
        border: 1px solid #404d5b;
    }

    .bgfooter2 div.row.upload div.uploadfieldcontainer {
        background-color: rgba(204, 196, 183, 0.3);
        color: #404d5b;
        border: 1px solid #404d5b;
    }

    .bgbar div.row.upload div.uploadfieldcontainer {
        background-color: #ffffff;
        color: #535353;
        border: 1px solid #ffffff;
    }

    form div.uploadfieldcontainer div.uploadbutton {
        background: transparent;
        position: absolute;
        right: -1px;
        top: 1px;
        width: 30px;
        height: 28px;
        overflow: hidden;
        z-index: 2;
        cursor: pointer;
    }

    form div.uploadfieldcontainer div.uploadname {
        position: absolute;
        left: -30px;
        top: 0;
        text-indent: 55px;
        width: 100%;
        height: 100%;
        display: block;
        overflow: hidden;
        line-height: 27px;
    }

    form div .active {
        background-color: transparent;
    }

    form div .activeV1,
    form div .activeV2,
    form div .activeV7 {
        background-color: #d1e5f0;
    }

    form div .activeV1 input,
    form div .activeV1 textarea,
    form div .activeV2 input,
    form div .activeV2 textarea,
    form div .activeV7 input,
    form div .activeV7 textarea {
        border-color: #93bdd5;
        color: inherit;
    }

    form div .active div.formtextV1 {
        color: #ffffff;
        position: absolute;
        left: 0;
        top: -32px;
        padding: 0 10px 0 10px;
        font-size: 11px;
        line-height: 25px;
        height: 25px;
        white-space: nowrap;
        background: #93bdd5;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1e5f0), color-stop(100%, #93bdd5));
        background: -webkit-linear-gradient(top, #d1e5f0 0%, #93bdd5 100%);
        background: -o-linear-gradient(top, #d1e5f0 0%, #93bdd5 100%);
        background: -ms-linear-gradient(top, #d1e5f0 0%, #93bdd5 100%);
        background: linear-gradient(to bottom, #d1e5f0 0%, #93bdd5 100%);
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        z-index: 2;
    }

    form div .active div.formtextV1 div {
        position: absolute;
        left: 10px;
        bottom: -8px;
        width: 15px;
        height: 8px;
        line-height: 1px;
    }

    form div .active div.formtextV2 {
        color: #ffffff;
        position: absolute;
        left: 100%;
        top: 4px;
        margin: 0 0 0 8px;
        padding: 0 10px 0 10px;
        font-size: 11px;
        line-height: 25px;
        height: 25px;
        white-space: nowrap;
        background: #93bdd5;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1e5f0), color-stop(100%, #93bdd5));
        background: -webkit-linear-gradient(top, #d1e5f0 0%, #93bdd5 100%);
        background: -o-linear-gradient(top, #d1e5f0 0%, #93bdd5 100%);
        background: -ms-linear-gradient(top, #d1e5f0 0%, #93bdd5 100%);
        background: linear-gradient(to bottom, #d1e5f0 0%, #93bdd5 100%);
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        z-index: 2;
    }

    form div .active div.formtextV2 div {
        position: absolute;
        left: -4px;
        top: 8px;
        width: 5px;
        height: 9px;
        line-height: 1px;
    }

    form div .active div.formtextV3 {
        color: #4d4848;
        font-size: 11px;
        line-height: 15px;
        background-color: #e1e1e1;
        clear: both;
        position: relative;
        left: 0;
        top: -2px;
        padding: 0 10px 0 10px;
        clear: both;
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    form div .active div.formtextV4 {
        color: #4d4848;
        font-size: 11px;
        line-height: 15px;
        background-color: #e1e1e1;
        clear: both;
        position: relative;
        left: 0;
        top: 4px;
        padding: 0 10px 0 10px;
        clear: both;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

    form div .active div.formtextV3 div,
    form div .active div.formtextV4 div {
        padding: 10px 0 8px 0;
    }

    form div .error {
        background: transparent;
    }

    form div .errorV1,
    form div .errorV2 {
        background-color: #f4c4cf;
    }

    form div .errorV1 input,
    form div .errorV1 textarea,
    form div .errorV2 input,
    form div .errorV2 textarea,
    form div .errorV3 input,
    form div .errorV3 textarea,
    form div .errorV7 input,
    form div .errorV7 textarea {
        border-color: #d5889a;
        color: #d5889a;
    }

    form div .errorV4 input,
    form div .errorV4 textarea,
    form div .errorV5 span.field,
    form div .errorV5 input,
    form div .errorV5 textarea {
        border-color: #eaa9a4;
        color: #d5889a;
    }

    form div .errorV6 span.field,
    form div .errorV6 input,
    form div .errorV6 textarea {
        color: #555555;
        border-color: #f3c7c3;
        background-color: #f3c7c3;
    }

    form div .errorV3 div {
        color: #d93d5f;
    }

    form div div.erroricon {
        display: none;
    }

    form div .error div.erroricon {
        display: block;
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -12px;
        z-index: 2;
    }

    form div .calendarfield.error div.erroricon {
        right: 34px;
    }

    form div .error div.erroricon * {
        position: relative;
    }

    form div .error div.erroricon div {
        width: 18px;
        height: 18px;
        line-height: 1px;
    }

    form div .error div.erroricon svg {
        fill: #d93d5f;
    }

    form div .error div.formtextV1 {
        color: #ffffff;
        position: absolute;
        left: 0;
        top: -32px;
        padding: 0 10px 0 10px;
        font-size: 11px;
        line-height: 25px;
        height: 25px;
        white-space: nowrap;
        background: #c62649;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e14668), color-stop(100%, #c62649));
        background: -webkit-linear-gradient(top, #e14668 0%, #c62649 100%);
        background: -o-linear-gradient(top, #e14668 0%, #c62649 100%);
        background: -ms-linear-gradient(top, #e14668 0%, #c62649 100%);
        background: linear-gradient(to bottom, #e14668 0%, #c62649 100%);
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        z-index: 2;
    }

    form div .error div.formtextV1 div {
        position: absolute;
        left: 7px;
        bottom: -5px;
        width: 15px;
        height: 8px;
        line-height: 1px;
    }

    form div .error div.formtextV1 div:before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 6px 0 6px;
        border-color: #ca2b4d transparent transparent transparent;
    }

    form div .ok input,
    form div .ok textarea {
        color: inherit;
    }

    form div .ok div.okicon {
        position: absolute;
        right: 3px;
        top: 50%;
        margin-top: -10px;
        padding: 0 5px 0 3px;
        z-index: 2;
    }

    form div .calendarfield.ok div.okicon {
        right: 34px;
    }

    form div .ok div.okicon * {
        position: relative;
    }

    form div .ok div.okicon div {
        width: 20px;
        height: 20px;
        line-height: 1px;
        position: relative;
    }

    form div .ok div.okicon div svg {
        width: 100%;
        height: 100%;
        fill: #0f870f;
    }

    form div .okV6 div.okicon {
        right: -40px;
        top: 50%;
        width: 18px;
        height: 24px;
        padding: 0;
        line-height: 1px;
        background-color: #0c7054;
    }

    form div .okV6 div.okicon:before {
        content: '';
        position: absolute;
        left: -11px;
        bottom: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 12px 12px 12px 0;
        border-color: transparent #0c7054 transparent transparent;
    }

    form div .okV6 div.okicon svg {
        fill: #ffffff;
        width: 15px;
        height: 15px;
        margin-top: 5px;
        margin-left: 0;
    }

    form div.formspace {
        clear: both;
        height: 34px;
        overflow: hidden;
        text-indent: -100px;
    }

    form a.senden {
        float: right;
        margin: 15px 3px 0 0;
    }

    form a.senden.clicked {
        position: relative;
    }

    form a.senden.clicked span {
        opacity: 0.5;
        filter: alpha(opacity = 50);
    }

    form a.senden.clicked span.spinner {
        color: #000000;
        font-size: 2px;
        z-index: 10;
        position: absolute;
        left: 50%;
        top: 50%;
        width: 24px;
        height: 24px;
        margin: -12px 0 0 -12px;
        opacity: 1;
        filter: alpha(opacity = 100);
        animation: spin 1.6s linear infinite;
        -webkit-animation: spin 1.6s linear infinite;
        -moz-animation: spin 1.6s linear infinite;
    }

    form a.senden.clicked span.spinner svg {
        width: 100%;
        height: 100%;
        opacity: 0.5;
        filter: alpha(opacity = 50);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@media (max-width: 530px) {
    form label.label {
        width: 100%;
        margin: 0 0 0.333333em 0;
    }

    form div.row.input div.inputfield,
    form div.row.calendar div.calendarfield,
    form div.row div.textarea,
    form div.row.select div.selectfield {
        width: 100%;
        padding: 0.125em 0.416667% 0.125em 0.416667%;
        margin: 0 0 0.333333em 0;
    }

    form div.row.input div.inputfield.plz {
        width: 33.333333%;
    }

    form div.row.input div.inputfield.ort {
        width: 62.5%;
        margin: 0 0 0 2.083333%;
    }
}

@media all {
    div.kalendercontainer {
        z-index: 100;
    }

    div.kalender {
        background-color: #ffffff;
        border: solid 1px #aaaaaa;
        width: 240px;
        position: absolute;
        border-radius: 4px;
        z-index: 80;
    }

    div.kalender a.prev {
        position: absolute;
        left: 5px;
        top: 5px;
        background: url(/assets/calendar/kalender-date-prev.png)
            no-repeat center center;
        display: block;
        width: 24px;
        height: 24px;
        text-decoration: none;
        cursor: pointer;
        text-indent: -50px;
        overflow: hidden;
        z-index: 90;
    }

    div.kalender a.prev:hover {
        background: url(/assets/calendar/kalender-date-prev-hover.png)
            no-repeat center center;
        left: 4px;
        top: 4px;
        border: solid 1px #999999;
        border-radius: 4px;
    }

    div.kalender a.next {
        position: absolute;
        right: 5px;
        top: 5px;
        background: url(/assets/calendar/kalender-date-next.png)
            no-repeat center center;
        display: block;
        width: 24px;
        height: 24px;
        text-decoration: none;
        cursor: pointer;
        text-indent: -50px;
        overflow: hidden;
        z-index: 90;
    }

    div.kalender a.next:hover {
        background: url(/assets/calendar/kalender-date-next-hover.png)
            no-repeat center center;
        right: 4px;
        top: 4px;
        border: solid 1px #999999;
        border-radius: 4px;
    }

    div.kalender a.calendarclose {
        position: absolute;
        right: -8px;
        top: -8px;
        width: 17px;
        height: 17px;
        cursor: pointer;
        text-decoration: none;
        background: url(/assets/calendar/kalender-close.png)
            no-repeat 0 0;
        overflow: hidden;
        text-indent: -100px;
    }

    div.kalender div.kalenderbox {
        float: left;
        display: inline;
        padding: 0 0 10px 0;
        width: 240px;
    }

    div.kalender div.kalenderbox b {
        background: url(/assets/calendar/kalender-date.png)
            repeat-x center center #cccccc;
        border: solid 1px #aaaaaa;
        color: #222222;
        font-size: 13px;
        line-height: 25px;
        display: block;
        margin: 2px 2px 2px 2px;
        padding: 2px 0 2px 0;
        border-radius: 4px;
        text-align: center;
    }

    div.kalender div.kalenderbox table {
        margin: 0 0 0 10px;
        float: left;
        display: inline;
        width: 217px;
    }

    div.kalender div.kalenderbox table th {
        color: #3c3c3c;
        text-align: center;
        width: 31px;
        height: 31px;
        padding: 0;
        font-size: 16px;
    }

    div.kalender div.kalenderbox table td {
        border: 0;
        color: #ffffff;
        text-align: center;
        width: 31px;
        height: 31px;
        padding: 0;
        font-size: 16px;
    }

    div.kalender div.kalenderbox table td a {
        background: url(/assets/calendar/kalender-td-default.png)
            repeat-x center center #e6e6e6;
        border: solid 1px #d3d3d3;
        color: #555555;
        line-height: 27px;
        display: block;
        margin: 2px 0 0 2px;
        width: 27px;
        height: 27px;
        text-decoration: none;
    }

    div.kalender div.kalenderbox table td a:hover {
        background: url(/assets/calendar/kalender-td-hover.png)
            repeat-x center center #dadada;
        border: solid 1px #999999;
        color: #212121;
    }

    div.kalender div.kalenderbox table td span {
        background: url(/assets/calendar/kalender-td-default.png)
            repeat-x center center #e6e6e6;
        border: solid 1px #d3d3d3;
        color: #555555;
        opacity: 0.35;
        line-height: 27px;
        display: block;
        margin: 2px 0 0 2px;
        width: 27px;
        height: 27px;
        text-decoration: none;
    }

    div.kalender div.kalenderbox table td.today {
        color: #785547;
    }

    div.kalender div.kalenderbox table td.today a {
        background: #ffffff;
        border: solid 1px #d3d3d3;
        color: #363636;
    }

    div.kalender div.kalenderbox table td a.selectstart {
        background: #50742f;
        color: #ffffff;
        border: 2px solid #345f0d;
        border-right: none;
        width: auto;
        height: 25px;
        line-height: 25px;
        opacity: 1;
    }

    div.kalender div.kalenderbox table td a.selected {
        background: #a9bf00;
        color: #ffffff;
        border-top: 2px solid #345f0d;
        border-bottom: 2px solid #345f0d;
        height: 26px;
        line-height: 26px;
        opacity: 1;
    }

    div.kalender div.kalenderbox table td a.selectend {
        background: url(/assets/calendar/date-delete.png)
            no-repeat right top #50742f;
        color: #ffffff;
        border: 2px solid #345f0d;
        border-left: none;
        width: auto;
        height: 26px;
        line-height: 26px;
        opacity: 1;
    }

    div.kalender div.kalenderbox table td div.kalenderopen {
        float: left;
        position: relative;
        width: 0;
        height: 0;
    }

    div.kalender a.prev {
        position: absolute;
        left: 30px;
        top: 5px;
        background: url(/assets/calendar/kalender-date-prev.png)
            no-repeat center center;
        display: block;
        width: 24px;
        height: 24px;
        text-decoration: none;
        cursor: pointer;
        text-indent: -50px;
        overflow: hidden;
    }

    div.kalender a.prev:hover {
        background: url(/assets/calendar/kalender-date-prev-hover.png)
            no-repeat center center;
        left: 29px;
        top: 4px;
        border: solid 1px #999999;
        border-radius: 4px;
    }

    div.kalender a.next {
        position: absolute;
        right: 30px;
        top: 5px;
        background: url(/assets/calendar/kalender-date-next.png)
            no-repeat center center;
        display: block;
        width: 24px;
        height: 24px;
        text-decoration: none;
        cursor: pointer;
        text-indent: -50px;
        overflow: hidden;
    }

    div.kalender a.next:hover {
        background: url(/assets/calendar/kalender-date-next-hover.png)
            no-repeat center center;
        right: 29px;
        top: 4px;
        border: solid 1px #999999;
        border-radius: 4px;
    }

    div.kalender a.prevyear {
        position: absolute;
        left: 5px;
        top: 5px;
        background: url(/assets/calendar/kalender-year-prev.png)
            no-repeat center center;
        display: block;
        width: 24px;
        height: 24px;
        text-decoration: none;
        cursor: pointer;
        text-indent: -50px;
        overflow: hidden;
    }

    div.kalender a.prevyear:hover {
        background: url(/assets/calendar/kalender-year-prev-hover.png)
            no-repeat center center;
        left: 4px;
        top: 4px;
        border: solid 1px #999999;
        border-radius: 4px;
    }

    div.kalender a.nextyear {
        position: absolute;
        right: 5px;
        top: 5px;
        background: url(/assets/calendar/kalender-year-next.png)
            no-repeat center center;
        display: block;
        width: 24px;
        height: 24px;
        text-decoration: none;
        cursor: pointer;
        text-indent: -50px;
        overflow: hidden;
    }

    div.kalender a.nextyear:hover {
        background: url(/assets/calendar/kalender-year-next-hover.png)
            no-repeat center center;
        right: 4px;
        top: 4px;
        border: solid 1px #999999;
        border-radius: 4px;
    }

    form div.row.calendar.calendarinline {
        width: 100%;
        margin: 0;
    }

    form div.row.calendar.calendarinline div.calendarfield {
        padding: 0;
    }

    form div.row.calendarinline div.calendarfield input {
        display: none;
    }

    form div.row.calendarinline div.calendarfield:before {
        content: none;
    }

    div.calendarinlinecontainer {
        width: 100%;
        clear: none;
        display: block;
        border: 0;
        position: relative;
        background: transparent;
    }

    div.calendarinlinecontainer div.calendarinline {
        width: 100%;
        padding: 0;
        border: 0;
        position: relative;
        background: transparent;
    }

    div.calendarinlinecontainer div.calendarinlinebox {
        position: relative;
        background: transparent;
        margin-left: -4px;
        margin-right: -4px;
        border: 0;
    }

    div.calendarinlinecontainer div.calendarinlinebox br.clear {
        display: none;
    }

    div.calendarinlinecontainer div.calendarinlinebox table {
        border-spacing: 4px;
        border-collapse: separate;
    }

    div.calendarinlinecontainer div.calendarinlinebox table th {
        height: 47px;
        border: 1px solid #ebebeb;
        padding: 0;
        text-align: center;
        background-color: #a9bf00;
        color: #ffffff;
    }

    .bgweb2 div.calendarinlinecontainer div.calendarinlinebox table th {
        background-color: rgba(204, 196, 183, 0.3);
        color: #404d5b;
        border: 1px solid #f3f3f3;
    }

    .bglistalternate div.calendarinlinecontainer div.calendarinlinebox table th {
        background-color: #ffffff;
        color: #535353;
        border: 1px solid #707173;
    }

    .bgfooter div.calendarinlinecontainer div.calendarinlinebox table th {
        background-color: rgba(204, 196, 183, 0.3);
        color: #404d5b;
        border: 1px solid #ffffff;
    }

    .bgfooter2 div.calendarinlinecontainer div.calendarinlinebox table th {
        background-color: rgba(204, 196, 183, 0.3);
        color: #404d5b;
        border: 1px solid #eeeeee;
    }

    .bgbar div.calendarinlinecontainer div.calendarinlinebox table th {
        background-color: #ffffff;
        color: #535353;
        border: 1px solid #f3f3f3;
    }

    div.calendarinlinecontainer div.calendarinlinebox table td {
        width: 14.285%;
        height: 47px;
        padding: 0;
        text-align: center;
        margin: 4px 4px 4px 4px;
        background-color: #f0ede9;
    }

    .bgweb2 div.calendarinlinecontainer div.calendarinlinebox table td {
        background-color: rgba(204, 196, 183, 0.3);
        color: #404d5b;
    }

    .bglistalternate div.calendarinlinecontainer div.calendarinlinebox table td {
        background-color: #ffffff;
        color: #535353;
    }

    .bgfooter div.calendarinlinecontainer div.calendarinlinebox table td {
        background-color: rgba(204, 196, 183, 0.3);
        color: #404d5b;
    }

    .bgfooter2 div.calendarinlinecontainer div.calendarinlinebox table td {
        background-color: rgba(204, 196, 183, 0.3);
        color: #404d5b;
    }

    .bgbar div.calendarinlinecontainer div.calendarinlinebox table td {
        background-color: #ffffff;
        color: #535353;
    }

    div.calendarinlinecontainer div.calendarinlinebox table td.today {
        background-color: #a9bf00;
        color: #ffffff;
        position: relative;
    }

    div.calendarinlinecontainer div.calendarinlinebox table td.today a {
        color: #ffffff;
        z-index: 5;
        position: relative;
    }

    div.calendarinlinecontainer div.calendarinlinebox table td.today:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #ffffff;
        opacity: 0.2;
        z-index: 2;
    }

    div.calendarinlinecontainer div.calendarinlinebox table td span,
    div.calendarinlinecontainer div.calendarinlinebox table td a {
        display: block;
        width: 100%;
        height: 100%;
        line-height: 47px;
        font-size: 16px;
        color: #6c6c6c;
        border: 1px solid #ffffff;
    }

    div.calendarinlinecontainer div.calendarinlinebox table td span {
        opacity: 0.3;
    }

    div.calendarinlinecontainer div.calendarinlinebox table td a.selectstart,
    div.calendarinlinecontainer div.calendarinlinebox table td a.selected,
    div.calendarinlinecontainer div.calendarinlinebox table td a.selectend,
    .bgweb2 div.calendarinlinecontainer div.calendarinlinebox table td a.selectstart,
    .bgweb2 div.calendarinlinecontainer div.calendarinlinebox table td a.selected,
    .bgweb2 div.calendarinlinecontainer div.calendarinlinebox table td a.selectend {
        position: relative;
        background-color: #888822;
        color: #ffffff;
    }

    div.calendarinlinecontainer div.calendarinlinebox table td a.selectend:before {
        content: '\2716';
        position: absolute;
        right: -5px;
        top: -5px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 11px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background: #a9bf00;
        color: #ffffff;
    }

    .bgweb2 div.calendarinlinecontainer div.calendarinlinebox table td span,
    .bgweb2 div.calendarinlinecontainer div.calendarinlinebox table td a {
        color: #6c6c6c;
        position: relative;
        z-index: 5;
        border: 1px solid #f3f3f3;
    }

    .bgweb2 div.calendarinlinecontainer div.calendarinlinebox table td.today {
        background-color: #a9bf00;
        color: #ffffff;
        position: relative;
    }

    .bgweb2 div.calendarinlinecontainer div.calendarinlinebox table td.today a {
        color: #ffffff;
        z-index: 5;
        position: relative;
    }

    .bgweb2 div.calendarinlinecontainer div.calendarinlinebox table td.today:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #ffffff;
        opacity: 0.2;
        z-index: 2;
        -moz-box-shadow:
            4px 4px 5px 0 rgba(0, 0, 0, 0.2),
            inset 0 0 4px 500px rgba(0, 0, 0, 0.25);
        box-shadow:
            4px 4px 5px 0 rgba(0, 0, 0, 0.2),
            inset 0 0 4px 500px rgba(0, 0, 0, 0.25);
    }

    div.calendarinlinecontainer div.calendarinlinebox b {
        display: block;
        text-align: center;
        margin: 0 4px 0 4px;
        height: 90px;
        font-size: 18px;
        line-height: 90px;
        background-color: #f0ede9;
        color: #404d5b;
        font-weight: normal;
        border: 1px solid #f0ede9;
    }

    .bgweb2 div.calendarinlinecontainer div.calendarinlinebox b {
        background-color: rgba(204, 196, 183, 0.3);
        color: #404d5b;
        border: 1px solid #404d5b;
    }

    .bglistalternate div.calendarinlinecontainer div.calendarinlinebox b {
        background-color: #ffffff;
        color: #535353;
        border: 1px solid #ffffff;
    }

    .bgfooter div.calendarinlinecontainer div.calendarinlinebox b {
        background-color: rgba(204, 196, 183, 0.3);
        color: #404d5b;
        border: 1px solid #404d5b;
    }

    .bgfooter2 div.calendarinlinecontainer div.calendarinlinebox b {
        background-color: rgba(204, 196, 183, 0.3);
        color: #404d5b;
        border: 1px solid #404d5b;
    }

    .bgbar div.calendarinlinecontainer div.calendarinlinebox b {
        background-color: #ffffff;
        color: #535353;
        border: 1px solid #ffffff;
    }

    div.calendarinlinecontainer a.prev {
        position: absolute;
        left: 3px;
        top: 11px;
        width: 13.5%;
        height: 68px;
        line-height: 68px;
        text-align: center;
        border-right: 1px solid #ffffff;
        z-index: 5;
        color: #6c6c6c;
    }

    .bgweb2 div.calendarinlinecontainer a.prev {
        border-right: 1px solid #f3f3f3;
        color: #6c6c6c;
    }

    div.calendarinlinecontainer a.next {
        position: absolute;
        right: 3px;
        top: 11px;
        width: 13.5%;
        height: 68px;
        line-height: 68px;
        text-align: center;
        border-left: 1px solid #ffffff;
        z-index: 5;
        color: #6c6c6c;
    }

    .bgweb2 div.calendarinlinecontainer a.next {
        border-left: 1px solid #f3f3f3;
        color: #6c6c6c;
    }

    div.calendarinlinecontainer a.prev:hover,
    div.calendarinlinecontainer a.next:hover {
        opacity: 0.5;
    }
}

@media all {
    .lightGallery div.lightgalleryhover svg {
        display: none;
    }

    [data-lightgallery='true'] .lightGallery {
        position: relative;
        cursor: pointer;
        overflow: hidden;
    }

    [data-lightgallery='true'] .lightGallery picture {
        overflow: hidden;
    }

    [data-lightgallery='true'] .lightGallery div.lightgalleryhover {
        display: none;
    }

    .lg-actions .lg-next,
    .lg-actions .lg-prev {
        background-color: rgba(0, 0, 0, 0.45);
        border-radius: 2px;
        cursor: pointer;
        display: block;
        margin-top: -10px;
        padding: 8px 10px 9px;
        position: absolute;
        top: 50%;
        z-index: 1080;
        border: none;
        outline: none;
    }

    .lg-actions .lg-next svg,
    .lg-actions .lg-prev svg {
        fill: #999999;
        width: 30px;
        height: 30px;
    }

    .lg-actions .lg-next.disabled,
    .lg-actions .lg-prev.disabled {
        pointer-events: none;
        opacity: 0.5;
    }

    .lg-actions .lg-next:hover svg,
    .lg-actions .lg-prev:hover svg {
        fill: #ffffff;
    }

    .lg-actions .lg-next {
        right: 20px;
    }

    .lg-actions .lg-prev {
        left: 20px;
    }
}

@keyframes lg-right-end {
    0% {
        left: 0;
    }

    50% {
        left: -30px;
    }

    100% {
        left: 0;
    }
}

@keyframes lg-left-end {
    0% {
        left: 0;
    }

    50% {
        left: 30px;
    }

    100% {
        left: 0;
    }
}

@media all {
    .lg-outer.lg-right-end .lg-object {
        animation: lg-right-end 0.3s;
        position: relative;
    }

    .lg-outer.lg-left-end .lg-object {
        animation: lg-left-end 0.3s;
        position: relative;
    }

    .lg-object .spaceTopBottom {
        margin-top: 0;
        margin-bottom: 0;
    }

    .lg-toolbar {
        z-index: 1082;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.45);
    }

    .lg-toolbar .lg-icon {
        cursor: pointer;
        float: right;
        height: 47px;
        line-height: 27px;
        padding: 10px 0;
        text-align: center;
        width: 40px;
        outline: medium none;
    }

    .lg-toolbar .lg-icon svg {
        fill: #ffffff;
        transition: fill 0.2s linear;
        width: 20px;
        height: 20px;
    }

    .lg-toolbar .lg-close svg {
        width: 16px;
        height: 16px;
    }

    .lg-toolbar .lg-icon:hover svg {
        fill: #ffffff;
    }

    .lg-sub-html {
        background-color: rgba(0, 0, 0, 0.45);
        bottom: 0;
        color: #eeeeee;
        font-size: 16px;
        left: 0;
        padding: 10px 40px;
        position: fixed;
        right: 0;
        text-align: center;
        z-index: 1080;
    }

    .lg-sub-html h4 {
        margin: 0;
        font-size: 13px;
        font-weight: bold;
    }

    .lg-sub-html p {
        font-size: 12px;
        margin: 5px 0 0;
    }

    #lg-counter {
        color: #999;
        display: inline-block;
        font-size: 16px;
        padding-left: 20px;
        padding-top: 12px;
        vertical-align: middle;
    }

    .lg-toolbar,
    .lg-prev,
    .lg-next {
        opacity: 1;
        transition:
            transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s,
            opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s,
            color 0.2s linear;
    }

    .lg-hide-items .lg-prev {
        opacity: 0;
        transform: translate3d(-10px, 0, 0);
    }

    .lg-hide-items .lg-next {
        opacity: 0;
        transform: translate3d(10px, 0, 0);
    }

    .lg-hide-items .lg-toolbar {
        opacity: 0;
        transform: translate3d(0, -10px, 0);
    }

    body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
        transform: scale3d(0.5, 0.5, 0.5);
        opacity: 0;
        transition:
            transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s,
            opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
        transform-origin: 50% 50%;
    }

    body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
        transform: scale3d(1, 1, 1);
        opacity: 1;
    }

    .lg-outer .lg-thumb-outer {
        background-color: #0d0a0a;
        bottom: 0;
        position: absolute;
        width: 100%;
        z-index: 1080;
        max-height: 350px;
        transform: translate3d(0, 100%, 0);
        transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
    }

    .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
        cursor: grab;
    }

    .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
        cursor: move;
        cursor: grabbing;
    }

    .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
        transition-duration: 0s !important;
    }

    .lg-outer.lg-thumb-open .lg-thumb-outer {
        transform: translate3d(0, 0%, 0);
    }

    .lg-outer .lg-thumb {
        padding: 10px 0;
        height: 100%;
        margin-bottom: -5px;
    }

    .lg-outer .lg-thumb-item {
        border-radius: 5px;
        cursor: pointer;
        float: left;
        overflow: hidden;
        height: 100%;
        border: 2px solid #fff;
        border-radius: 4px;
        margin-bottom: 5px;
        box-sizing: border-box;
    }
}

@media (min-width: 1025px) {
    .lg-outer .lg-thumb-item {
        transition: border-color 0.25s ease;
    }
}

@media all {
    .lg-outer .lg-thumb-item.active,
    .lg-outer .lg-thumb-item:hover {
        border-color: #a90707;
    }

    .lg-outer .lg-thumb-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .lg-outer.lg-has-thumb .lg-item {
        padding-bottom: 120px;
    }

    .lg-outer.lg-can-toggle .lg-item {
        padding-bottom: 0;
    }

    .lg-outer.lg-pull-caption-up .lg-sub-html {
        transition: bottom 0.25s ease;
    }

    .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
        bottom: 100px;
    }

    .lg-outer .lg-toogle-thumb {
        background-color: #0d0a0a;
        border-radius: 2px 2px 0 0;
        color: #999;
        cursor: pointer;
        font-size: 24px;
        height: 39px;
        line-height: 27px;
        padding: 5px 0;
        position: absolute;
        right: 20px;
        text-align: center;
        top: -39px;
        width: 50px;
    }

    .lg-outer .lg-toogle-thumb svg {
        fill: #999;
    }

    .lg-outer .lg-toogle-thumb:hover svg {
        fill: #fff;
    }

    .lg-outer .lg-video-cont {
        display: inline-block;
        vertical-align: middle;
        max-width: 1140px;
        max-height: 100%;
        width: 100%;
        padding: 0 5px;
    }

    .lg-outer .lg-video {
        width: 100%;
        height: 0;
        padding-bottom: 56.25%;
        overflow: hidden;
        position: relative;
    }

    .lg-outer .lg-video .lg-object {
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

    .lg-outer .lg-video .lg-video-play {
        width: 84px;
        height: 59px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -42px;
        margin-top: -30px;
        z-index: 1080;
        cursor: pointer;
    }

    .lg-outer .lg-has-iframe .lg-video {
        overflow: auto;
    }

    .lg-outer .lg-has-html5 .lg-video-play {
        height: 64px;
        margin-left: -32px;
        margin-top: -32px;
        width: 64px;
        opacity: 0.8;
    }

    .lg-outer .lg-has-html5:hover .lg-video-play {
        opacity: 1;
    }

    .lg-outer .lg-video-play svg {
        width: 55px;
        height: 55px;
    }

    .lg-outer .lg-video-object {
        width: 100% !important;
        height: 100% !important;
        position: absolute;
        top: 0;
        left: 0;
    }

    .lg-outer .lg-has-video .lg-video-object {
        visibility: hidden;
    }

    .lg-outer .lg-has-video.lg-video-playing .lg-object,
    .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
        display: none;
    }

    .lg-outer .lg-has-video.lg-video-playing .lg-video-object {
        visibility: visible;
    }

    .lg-progress-bar {
        background-color: #333;
        height: 5px;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1083;
        opacity: 0;
        transition: opacity 0.08s ease 0s;
    }

    .lg-progress-bar .lg-progress {
        background-color: #a90707;
        height: 5px;
        width: 0;
    }

    .lg-progress-bar.lg-start .lg-progress {
        width: 100%;
    }

    .lg-show-autoplay .lg-progress-bar {
        opacity: 1;
    }

    .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap,
    .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
        transition-duration: 0s;
    }

    .lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
        transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    }

    .lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
        transition:
            left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s,
            top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    }

    .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
        transform: translate3d(0, 0, 0);
        backface-visibility: hidden;
    }

    .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
        transform: scale3d(1, 1, 1);
        transition:
            transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s,
            opacity 0.15s !important;
        transform-origin: 0 0;
        backface-visibility: hidden;
    }

    #lg-zoom-out {
        opacity: 0.5;
        pointer-events: none;
    }

    .lg-zoomed #lg-zoom-out {
        opacity: 1;
        pointer-events: auto;
    }

    .lg-outer .lg-pager-outer {
        bottom: 60px;
        left: 0;
        position: absolute;
        right: 0;
        text-align: center;
        z-index: 1080;
        height: 10px;
    }

    .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
        overflow: visible;
    }

    .lg-outer .lg-pager-cont {
        cursor: pointer;
        display: inline-block;
        overflow: hidden;
        position: relative;
        vertical-align: top;
        margin: 0 5px;
    }

    .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

    .lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
        box-shadow: 0 0 0 2px white inset;
    }

    .lg-outer .lg-pager-thumb-cont {
        background-color: #fff;
        color: #fff;
        bottom: 100%;
        height: 83px;
        left: 0;
        margin-bottom: 20px;
        margin-left: -60px;
        opacity: 0;
        padding: 5px;
        position: absolute;
        width: 120px;
        border-radius: 3px;
        transition:
            opacity 0.15s ease 0s,
            transform 0.15s ease 0s;
        transform: translate3d(0, 5px, 0);
    }

    .lg-outer .lg-pager-thumb-cont img {
        width: 100%;
        height: 100%;
    }

    .lg-outer .lg-pager {
        background-color: rgba(255, 255, 255, 0.5);
        border-radius: 50%;
        box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
        display: block;
        height: 12px;
        transition: box-shadow 0.3s ease 0s;
        width: 12px;
    }

    .lg-outer .lg-pager:hover,
    .lg-outer .lg-pager:focus {
        box-shadow: 0 0 0 8px white inset;
    }

    .lg-outer .lg-caret {
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px dashed;
        bottom: -10px;
        display: inline-block;
        height: 0;
        left: 50%;
        margin-left: -5px;
        position: absolute;
        vertical-align: middle;
        width: 0;
    }

    .lg-outer #lg-dropdown-overlay {
        background-color: rgba(0, 0, 0, 0.25);
        bottom: 0;
        cursor: default;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 1081;
        opacity: 0;
        visibility: hidden;
        transition:
            visibility 0s linear 0.18s,
            opacity 0.18s linear 0s;
    }

    .lg-outer.lg-dropdown-active .lg-dropdown,
    .lg-outer.lg-dropdown-active #lg-dropdown-overlay {
        transition-delay: 0s;
        transform: translate3d(0, 0, 0);
        opacity: 1;
        visibility: visible;
    }

    .lg-outer.lg-dropdown-active #lg-share {
        color: #fff;
    }

    .lg-outer .lg-dropdown {
        background-color: #fff;
        border-radius: 2px;
        font-size: 14px;
        list-style-type: none;
        margin: 0;
        padding: 10px 0;
        position: absolute;
        right: 0;
        text-align: left;
        top: 50px;
        opacity: 0;
        visibility: hidden;
        transform: translate3d(0, 5px, 0);
        transition:
            transform 0.18s linear 0s,
            visibility 0s linear 0.5s,
            opacity 0.18s linear 0s;
    }

    .lg-outer .lg-dropdown:after {
        content: '';
        display: block;
        height: 0;
        width: 0;
        position: absolute;
        border: 8px solid transparent;
        border-bottom-color: #fff;
        right: 16px;
        top: -16px;
    }

    .lg-outer .lg-dropdown li {
        padding-left: 0;
    }

    .lg-outer .lg-dropdown > li:last-child {
        margin-bottom: 0;
    }

    .lg-outer .lg-dropdown > li:hover a,
    .lg-outer .lg-dropdown > li:hover .lg-icon {
        color: #333;
    }

    .lg-outer .lg-dropdown a {
        color: #333;
        display: block;
        white-space: pre;
        padding: 4px 12px;
        font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 12px;
    }

    .lg-outer .lg-dropdown a:hover {
        background-color: rgba(0, 0, 0, 0.07);
    }

    .lg-outer .lg-dropdown .lg-dropdown-text {
        display: inline-block;
        line-height: 1;
        margin-top: -3px;
        vertical-align: middle;
    }

    .lg-outer .lg-dropdown .lg-icon {
        color: #333;
        display: inline-block;
        float: none;
        height: auto;
        line-height: 1;
        margin-right: 8px;
        padding: 0;
        vertical-align: middle;
        width: auto;
    }

    .lg-outer #lg-share {
        position: relative;
    }

    .lg-outer #lg-share-facebook .lg-icon svg {
        fill: #3b5998;
    }

    .lg-outer #lg-share-twitter .lg-icon svg {
        fill: #00aced;
    }

    .lg-outer #lg-share-googleplus .lg-icon svg {
        fill: #dd4b39;
    }

    .lg-outer #lg-share-pinterest .lg-icon svg {
        fill: #cb2027;
    }

    .lg.thumb.lg-group {
        box-sizing: border-box;
        white-space: nowrap;
    }

    .lg-group:after {
        content: '';
        display: table;
        clear: both;
    }

    .lg-outer {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1050;
        text-align: left;
        opacity: 0;
        transition: opacity 0.15s ease 0s;
    }

    .lg-outer.lg-visible {
        opacity: 1;
    }

    .lg-outer.lg-css3 .lg-item.lg-prev-slide,
    .lg-outer.lg-css3 .lg-item.lg-next-slide,
    .lg-outer.lg-css3 .lg-item.lg-current {
        transition-duration: inherit !important;
        transition-timing-function: inherit !important;
    }

    .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide,
    .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
    .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
        transition-duration: 0s !important;
        opacity: 1;
    }

    .lg-outer.lg-grab img.lg-object {
        cursor: grab;
    }

    .lg-outer.lg-grabbing img.lg-object {
        cursor: move;
        cursor: grabbing;
    }

    .lg-outer .lg {
        height: 100%;
        width: 100%;
        position: relative;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        max-height: 100%;
    }

    .lg-outer .lg-inner {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        white-space: nowrap;
    }

    .lg-outer .lg-item {
        display: none !important;
    }

    .lg-outer .lg-item span.picture-loading {
        content: '';
        border: 5px solid #f3f3f3;
        border-top: 5px solid #555555;
        border-radius: 50%;
        position: absolute;
        left: 50%;
        top: 50%;
        width: 40px;
        height: 40px;
        margin: -20px 0 0 -20px;
        animation: spin 1.6s linear infinite;
        z-index: 100;
    }

    .lg-outer.lg-css3 .lg-prev-slide,
    .lg-outer.lg-css3 .lg-current,
    .lg-outer.lg-css3 .lg-next-slide {
        display: inline-block !important;
    }

    .lg-outer.lg-css .lg-current {
        display: inline-block !important;
    }

    .lg-outer .lg-item,
    .lg-outer .lg-img-wrap {
        display: inline-block;
        text-align: center;
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .lg-outer .lg-item:before,
    .lg-outer .lg-img-wrap:before {
        content: '';
        display: inline-block;
        height: 50%;
        width: 1px;
        margin-right: -1px;
    }

    .lg-outer .lg-img-wrap {
        position: absolute;
        padding: 0 5px;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .lg-outer .lg-item.lg-complete span.picture-loading {
        display: none;
    }

    .lg-outer .lg-item.lg-current {
        z-index: 1060;
    }

    .lg-outer .lg-image {
        display: inline-block;
        vertical-align: middle;
        max-width: 100%;
        max-height: 100%;
        width: auto !important;
        height: auto !important;
    }

    .lightGalleryBg {
        background-color: #ffffff;
        color: #6c6c6c;
    }

    .lightGalleryBg .lg-object > div,
    .lightGalleryBg .lg-object > span,
    .lightGalleryBg .lg-object > section {
        display: block;
        padding: 70px 30px 70px 30px;
    }

    .lightGalleryBg .lg-object .centercontent {
        width: auto;
    }

    .lg-outer .lg-ajax {
        display: inline-block;
        vertical-align: middle;
        max-width: 90%;
        max-height: 100%;
        text-align: left;
        white-space: normal;
        overflow-y: auto;
    }

    .lg-outer.lg-loadingcomplete .lg-ajax {
        overflow-y: auto;
    }

    .lg-outer.lg-show-after-load .lg-item .lg-object,
    .lg-outer.lg-show-after-load .lg-item .lg-video-play {
        opacity: 0;
        transition: opacity 0.15s ease 0s;
    }

    .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
    .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
        opacity: 1;
    }

    .lg-outer .lg-empty-html {
        display: none;
    }

    .lg-outer.lg-hide-download #lg-download {
        display: none;
    }

    .lg-backdrop {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1040;
        background-color: #000;
        opacity: 0;
        transition: opacity 0.15s ease 0s;
    }

    .lg-backdrop.in {
        opacity: 1;
    }

    .lg-css3.lg-no-trans .lg-prev-slide,
    .lg-css3.lg-no-trans .lg-next-slide,
    .lg-css3.lg-no-trans .lg-current {
        transition: none 0s ease 0s !important;
    }

    .lg-css3.lg-use-css3 .lg-item {
        backface-visibility: hidden;
    }

    .lg-css3.lg-use-left .lg-item {
        backface-visibility: hidden;
    }

    .lg-css3.lg-fade .lg-item {
        opacity: 0;
    }

    .lg-css3.lg-fade .lg-item.lg-current {
        opacity: 1;
    }

    .lg-css3.lg-fade .lg-item.lg-prev-slide,
    .lg-css3.lg-fade .lg-item.lg-next-slide,
    .lg-css3.lg-fade .lg-item.lg-current {
        transition: opacity 0.1s ease 0s;
    }

    .lg-css3.lg-slide.lg-use-css3 .lg-item {
        opacity: 0;
    }

    .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
        transform: translate3d(-100%, 0, 0);
    }

    .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
        transform: translate3d(100%, 0, 0);
    }

    .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide,
    .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
    .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
        transition:
            transform 1s cubic-bezier(0, 0, 0.25, 1) 0s,
            opacity 0.1s ease 0s;
    }

    .lg-css3.lg-slide.lg-use-left .lg-item {
        opacity: 0;
        position: absolute;
        left: 0;
    }

    .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
        left: -100%;
    }

    .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
        left: 100%;
    }

    .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
        left: 0;
        opacity: 1;
    }

    .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide,
    .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
    .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
        transition:
            left 1s cubic-bezier(0, 0, 0.25, 1) 0s,
            opacity 0.1s ease 0s;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@media all {
    .owl-carousel {
        width: 100%;
        -webkit-tap-highlight-color: transparent;
        position: relative;
        z-index: 1;
    }

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        -moz-backface-visibility: hidden;
    }

    .owl-carousel .owl-stage:after {
        content: '.';
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0px, 0, 0);
    }

    .owl-carousel .owl-wrapper,
    .owl-carousel .owl-item {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
    }

    .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
        -webkit-font-smoothing: antialiased;
    }

    .owl-carousel .owl-item img {
        display: block;
        width: 100%;
    }

    .owl-carousel .owl-nav.disabled,
    .owl-carousel .owl-dots.disabled {
        display: none;
    }

    .owl-carousel .owl-nav .owl-prev,
    .owl-carousel .owl-nav .owl-next,
    .owl-carousel .owl-dot {
        cursor: pointer;
        cursor: hand;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .owl-carousel.owl-loaded {
        display: block;
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block;
    }

    .owl-carousel.owl-hidden {
        opacity: 0;
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden;
    }

    .owl-carousel.owl-drag .owl-item {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab;
    }

    .owl-carousel.owl-rtl {
        direction: rtl;
    }

    .owl-carousel.owl-rtl .owl-item {
        float: right;
    }

    .no-js .owl-carousel {
        display: block;
    }

    .owl-carousel .animated {
        animation-duration: 1000ms;
        animation-fill-mode: both;
    }

    .owl-carousel .owl-animated-in {
        z-index: 0;
    }

    .owl-carousel .owl-animated-out {
        z-index: 1;
    }

    .owl-carousel .fadeOut {
        animation-name: fadeOut;
    }

    .owl-height {
        transition: height 500ms ease-in-out;
    }

    .owl-carousel .owl-item .owl-lazy {
        opacity: 0;
        transition: opacity 400ms ease;
    }

    .owl-carousel .owl-item img.owl-lazy {
        transform-style: preserve-3d;
    }

    .owl-carousel .owl-video-wrapper {
        position: relative;
        height: 100%;
        background: #000;
    }

    .owl-carousel .owl-video-play-icon {
        position: absolute;
        height: 80px;
        width: 80px;
        left: 50%;
        top: 50%;
        margin-left: -40px;
        margin-top: -40px;
        cursor: pointer;
        z-index: 1;
        -webkit-backface-visibility: hidden;
        transition: transform 100ms ease;
    }

    .owl-carousel .owl-video-play-icon:hover {
        -ms-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3);
    }

    .owl-carousel .owl-video-playing .owl-video-tn,
    .owl-carousel .owl-video-playing .owl-video-play-icon {
        display: none;
    }

    .owl-carousel .owl-video-tn {
        opacity: 0;
        height: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        transition: opacity 400ms ease;
    }

    .owl-carousel .owl-video-frame {
        position: relative;
        z-index: 1;
        height: 100%;
        width: 100%;
    }
}

@media all {
    .objectfit-cover .owl-stage,
    .adapted-height .owl-stage,
    .objectfit-cover .owl-stage-outer,
    .adapted-height .owl-stage-outer,
    .objectfit-cover .owl-item,
    .adapted-height .owl-item {
        height: 100%;
    }

    .owl-carousel:not(.owl-loaded) .element,
    .owl-carousel:not(.owl-loaded) article.room {
        display: none !important;
    }

    .owl-carousel:not(.owl-loaded) .element:first-child,
    .owl-carousel:not(.owl-loaded) article.room:first-child {
        display: block !important;
    }

    .owl-carousel .owl-nav .owl-prev.disabled,
    .owl-carousel .owl-nav .owl-next.disabled {
        opacity: 0.5;
    }

    .owl-carousel .owl-nav .owl-prev.disabled svg,
    .owl-carousel .owl-nav .owl-next.disabled svg {
        cursor: default;
    }
}

@media print {
    body {
        text-align: left;
        background-color: #ffffff !important;
    }

    nav.mainmenu {
        display: none;
    }

    header.pageheader {
        display: none;
    }

    div.pagecontent {
        margin: 0;
    }

    article.maincontent {
        color: #000000 !important;
        background-color: #ffffff !important;
        margin: 0 !important;
        float: none;
    }

    article.maincontent div.inlineapi a.noprint {
        display: none;
    }

    article.maincontent div.inlineapi span.noprint {
        display: none;
    }

    article.maincontent div.inlineapi div.onlyprint {
        display: block;
    }

    article.maincontent div.inlineapi div.bestaetigung {
        display: none;
    }

    article.maincontent div.inlineapi div.noprint {
        display: none;
    }

    footer.pagefooter {
        display: none;
    }
}

@media all {
    br.clear {
        clear: both;
        line-height: 0;
        font-size: 0;
        height: 0;
        overflow: hidden;
        text-indent: -100px;
    }

    div.clear {
        clear: both;
        line-height: 0;
        font-size: 0;
        height: 0;
        overflow: hidden;
        text-indent: -100px;
    }

    .clearbefore::before {
        content: '';
        clear: both;
        line-height: 0;
        font-size: 0;
        height: 0;
        overflow: hidden;
        text-indent: -100px;
    }

    .clearbeforeafter::before {
        content: '';
        clear: both;
        line-height: 0;
        font-size: 0;
        height: 0;
        overflow: hidden;
        text-indent: -100px;
    }

    .clearbeforeafter::after {
        content: '';
        clear: both;
        line-height: 0;
        font-size: 0;
        height: 0;
        overflow: hidden;
        text-indent: -100px;
    }

    .clearafter::after {
        content: '';
        clear: both;
        line-height: 0;
        font-size: 0;
        height: 0;
        overflow: hidden;
        text-indent: -100px;
    }
}

@media all {
    body.hidden {
        overflow: hidden;
    }

    address {
        font-style: normal;
    }

    div.frame {
        position: relative;
        text-align: left;
    }

    .centercontent,
    .centercontent [data-centercontent='force'].centercontent {
        width: 77.5%;
        margin-left: auto;
        margin-right: auto;
    }

    .centercontent .centercontent {
        width: auto;
        max-width: none;
        margin-left: 0;
        margin-right: 0;
    }

    .centercontentSmall {
        width: 76.068376%;
        max-width: 890px;
        margin-left: auto;
        margin-right: auto;
    }

    .spaceTopBottom {
        padding-top: 5.128205%;
        padding-bottom: 5.128205%;
    }

    .spaceTop {
        padding-top: 5.128205%;
    }

    .spaceBottom {
        padding-bottom: 5.128205%;
    }

    picture,
    picture a {
        display: block;
        position: relative;
    }

    picture img {
        -webkit-transition: opacity 500ms;
        transition: opacity 500ms;
        opacity: 1;
        filter: alpha(opacity = 100);
    }

    picture.picture-loading:before {
        content: '';
        border: 5px solid #f3f3f3;
        border-top: 5px solid #555555;
        border-radius: 50%;
        position: absolute;
        left: 50%;
        top: 50%;
        width: 40px;
        height: 40px;
        margin: -20px 0 0 -20px;
        animation: spin 1.6s linear infinite;
        -webkit-animation: spin 1.6s linear infinite;
        -moz-animation: spin 1.6s linear infinite;
    }

    picture.picture-loading img {
        opacity: 0;
        filter: alpha(opacity = 0);
    }

    .video {
        position: relative;
    }

    video + .video-controls {
        display: none;
    }

    video + .video-controls.loaded {
        display: block;
    }

    video + .video-controls > div {
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 2;
        cursor: pointer;
    }

    video + .video-controls > div:before {
        content: '';
        position: absolute;
        width: 50px;
        height: 50px;
        border: 5px solid #ffffff;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
    }

    video + .video-controls > div.play {
        width: 0;
        height: 0;
        border-top: 16px solid transparent;
        border-left: 20px solid #ffffff;
        border-bottom: 16px solid transparent;
        margin: -16px 0 0 -6px;
    }

    video + .video-controls > div.play:before {
        left: -44px;
        top: -30px;
    }

    video + .video-controls > div.pause {
        width: 8px;
        height: 26px;
        border-right: 6px solid #ffffff;
        border-left: 6px solid #ffffff;
        margin: -13px 0 0 -10px;
    }

    video + .video-controls > div.pause:before {
        left: -26px;
        top: -17px;
    }

    video + .video-controls .play:hover:before,
    video + .video-controls .pause:hover:before {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
    }

    video + .video-controls > div.pause {
        display: none;
    }

    video + .video-controls.playing > div.play {
        display: none;
    }

    video + .video-controls.playing > div.pause {
        display: block;
    }

    .clearbefore:before,
    .clearafter:after,
    .clearbeforeafter:before,
    .clearbeforeafter:after {
        content: '';
        clear: both;
        display: block;
        font-size: 0;
        height: 0;
        line-height: 0;
        overflow: hidden;
        text-indent: -100px;
    }

    .clear.flexclear {
        width: 100%;
    }

    .vAlignHelper:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }

    .box-resizing.vAlignHelper:before,
    .box-resizing .vAlignHelper:before {
        content: none;
    }

    .vAlignCenter {
        display: inline-block;
        vertical-align: middle;
    }

    .vAlignTop {
        display: inline-block;
        vertical-align: top;
    }

    .vAlignBottom {
        display: inline-block;
        vertical-align: bottom;
    }

    .textcenter {
        text-align: center;
    }

    .textcenter ul li {
        padding: 8px 0 7px;
    }

    .textcenter ul li:before {
        content: '';
        position: absolute;
        left: 50%;
        top: 0;
        margin-left: -30px;
        width: 60px;
        height: 1px;
        background-color: #ffffff;
    }

    .textcenter ul li:first-child:before {
        content: none;
    }

    .effectmoreinfos {
        transition: height 250ms ease 0ms;
    }

    .dn {
        display: none;
    }

    .di {
        display: inline;
    }
}

@media (max-width: 1100px) {
    .centercontent,
    .centercontent [data-centercontent='force'].centercontent {
        width: 90%;
    }
}

@media (max-width: 768px) {
    .centercontent,
    .centercontent [data-centercontent='force'].centercontent {
        width: auto;
        margin-left: 20px;
        margin-right: 20px;
    }
}

@media all {
    section.overlaycontainer {
        z-index: -1;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        filter: alpha(opacity = 0);
        background-color: #f3f3f3;
    }

    section.overlaycontainer.showOverlay {
        z-index: 10000;
        opacity: 1;
        filter: alpha(opacity = 100);
        transform-origin: 50% 100%;
        -webkit-transform-origin: 50% 100%;
        -webkit-animation: showOverlay 0.8s forwards;
        animation: showOverlay 0.8s forwards;
    }

    section.overlaycontainer.hideOverlay {
        z-index: 20000;
        opacity: 1;
        filter: alpha(opacity = 100);
        transform-origin: 50% 0%;
        -webkit-transform-origin: 50% 0%;
        -webkit-animation: hideOverlay 0.8s forwards;
        animation: hideOverlay 0.8s forwards;
    }

    div.OverlaySharedContainer {
        z-index: -1;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        filter: alpha(opacity = 0);
        display: flex;
        align-items: center;
        background-color: #ffffff;
    }

    div.OverlaySharedContainer.active {
        opacity: 1;
        filter: alpha(opacity = 100);
        z-index: 3000;
        background-color: #ffffff;
        overflow: hidden;
    }

    div.OverlaySharedContainer > div.close {
        position: fixed;
        z-index: 10;
        right: 5%;
        top: 5%;
        width: 55px;
        height: 55px;
        border-radius: 50%;
        background-color: #a3a4a6;
    }

    div.OverlaySharedContainer > div.close span {
        width: 25px;
        height: 2px;
        background-color: #ffffff;
        display: inline-block;
        transition: all 400ms linear 0ms;
    }

    div.OverlaySharedContainer > div.close span:nth-child(1) {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        position: relative;
        top: 10px;
        left: 15px;
    }

    div.OverlaySharedContainer > div.close span:nth-child(2) {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        position: relative;
        top: 10px;
        right: 10px;
    }
}

@media (max-width: 767px) {
    div.OverlaySharedContainer > div.close span:nth-child(1) {
        top: 12px;
    }

    div.OverlaySharedContainer > div.close span:nth-child(2) {
        top: 12px;
    }
}

@-webkit-keyframes showOverlay {
    from {
        transform: scale3d(1, 0, 1);
        -webkit-transform: scale3d(1, 0, 1);
    }

    to {
        transform: scale3d(1, 1, 1);
        -webkit-transform: scale3d(1, 1, 1);
    }
}

@keyframes showOverlay {
    from {
        transform: scale3d(1, 0, 1);
        -webkit-transform: scale3d(1, 0, 1);
    }

    to {
        transform: scale3d(1, 1, 1);
        -webkit-transform: scale3d(1, 1, 1);
    }
}

@-webkit-keyframes hideOverlay {
    from {
        transform: scale3d(1, 1, 1);
        -webkit-transform: scale3d(1, 1, 1);
    }

    to {
        transform: scale3d(1, 0, 1);
        -webkit-transform: scale3d(1, 0, 1);
    }
}

@keyframes hideOverlay {
    from {
        transform: scale3d(1, 1, 1);
        -webkit-transform: scale3d(1, 1, 1);
    }

    to {
        transform: scale3d(1, 0, 1);
        -webkit-transform: scale3d(1, 0, 1);
    }
}

@media all {
    :root {
        --button-border-radius: 50px;
        --button-outline-width: 0px;
        --button-font-size: 13px;
        --button-line-height: 20px;
        --link-letter-spacing: 2px;
        --link-font-size: 14px;
        --link-line-height: 20px;
        --link-font-weight: bold;
        --link-text-transform: uppercase;
        --default-font-family: 'SourceSans3-Light', sans-serif;
        --default-font-weight: 400;
        --default-font-size: 18px;
        --default-line-height: 26px;
        --default-letter-spacing: 0px;
        --default-tablet-font-size: 17px;
        --default-tablet-line-height: 26px;
        --default-tablet-letter-spacing: 0px;
        --default-mobile-font-size: 15px;
        --default-mobile-line-height: 20px;
        --default-mobile-letter-spacing: 0px;
        --smaller-font-family: 'SuedtirolNextTT', sans-serif;
        --smaller-font-weight: 400;
        --smaller-font-size: 12px;
        --smaller-line-height: 18px;
        --smaller-letter-spacing: 1px;
        --smaller-tablet-font-size: 12px;
        --smaller-tablet-line-height: 18px;
        --smaller-tablet-letter-spacing: 1px;
        --smaller-mobile-font-size: 12px;
        --smaller-mobile-line-height: 18px;
        --smaller-mobile-letter-spacing: 1px;
        --small-font-family: 'SuedtirolNextTT', sans-serif;
        --small-font-weight: 400;
        --small-font-size: 14px;
        --small-line-height: 20px;
        --small-letter-spacing: 0px;
        --small-tablet-font-size: 14px;
        --small-tablet-line-height: 20px;
        --small-tablet-letter-spacing: 0px;
        --small-mobile-font-size: 14px;
        --small-mobile-line-height: 20px;
        --small-mobile-letter-spacing: 0px;
        --medium-font-family: 'SourceSans3-Light', sans-serif;
        --medium-font-weight: 400;
        --medium-font-size: 20px;
        --medium-line-height: 28px;
        --medium-letter-spacing: 0px;
        --medium-tablet-font-size: 19px;
        --medium-tablet-line-height: 28px;
        --medium-tablet-letter-spacing: 0px;
        --medium-mobile-font-size: 16px;
        --medium-mobile-line-height: 24px;
        --medium-mobile-letter-spacing: 0px;
        --large-font-family: 'SuedtirolNextTT', sans-serif;
        --large-font-weight: 400;
        --large-font-size: 23px;
        --large-line-height: 27px;
        --large-letter-spacing: 0px;
        --large-tablet-font-size: 20px;
        --large-tablet-line-height: 26px;
        --large-tablet-letter-spacing: 0px;
        --large-mobile-font-size: 20px;
        --large-mobile-line-height: 26px;
        --large-mobile-letter-spacing: 0px;
        --t1large-font-family: 'SuedtirolNextTT', sans-serif;
        --t1large-font-weight: 700;
        --t1large-text-transform: none;
        --t1large-font-size: 60px;
        --t1large-line-height: 70px;
        --t1large-letter-spacing: 0px;
        --t1large-tablet-font-size: 50px;
        --t1large-tablet-line-height: 58px;
        --t1large-tablet-letter-spacing: 0px;
        --t1large-mobile-font-size: 30px;
        --t1large-mobile-line-height: 34px;
        --t1large-mobile-letter-spacing: 0px;
        --t1-font-family: 'Suedtirol', sans-serif;
        --t1-font-weight: 400;
        --t1-text-transform: none;
        --t1-font-size: 58px;
        --t1-line-height: 65px;
        --t1-letter-spacing: 0px;
        --t1-tablet-font-size: 38px;
        --t1-tablet-line-height: 46px;
        --t1-tablet-letter-spacing: 0px;
        --t1-mobile-font-size: 29px;
        --t1-mobile-line-height: 33px;
        --t1-mobile-letter-spacing: 0px;
        --t2-font-family: 'SuedtirolNextTT', sans-serif;
        --t2-font-weight: 400;
        --t2-text-transform: none;
        --t2-font-size: 30px;
        --t2-line-height: 44px;
        --t2-letter-spacing: 0px;
        --t2-tablet-font-size: 22px;
        --t2-tablet-line-height: 32px;
        --t2-tablet-letter-spacing: 0px;
        --t2-mobile-font-size: 19px;
        --t2-mobile-line-height: 26px;
        --t2-mobile-letter-spacing: 0px;
        --t3-font-family: 'SuedtirolNextTT', sans-serif;
        --t3-font-weight: 400;
        --t3-text-transform: none;
        --t3-font-size: 35px;
        --t3-line-height: 41px;
        --t3-letter-spacing: 0px;
        --t3-tablet-font-size: 28px;
        --t3-tablet-line-height: 34px;
        --t3-tablet-letter-spacing: 0px;
        --t3-mobile-font-size: 22px;
        --t3-mobile-line-height: 28px;
        --t3-mobile-letter-spacing: 0px;
        --t4-font-family: 'SuedtirolNextTT', sans-serif;
        --t4-font-weight: 400;
        --t4-text-transform: none;
        --t4-font-size: 25px;
        --t4-line-height: 36px;
        --t4-letter-spacing: 0px;
        --t4-tablet-font-size: 24px;
        --t4-tablet-line-height: 28px;
        --t4-tablet-letter-spacing: 0px;
        --t4-mobile-font-size: 18px;
        --t4-mobile-line-height: 21px;
        --t4-mobile-letter-spacing: 0px;
        --t5-font-family: 'SuedtirolNextTT', sans-serif;
        --t5-font-weight: 400;
        --t5-text-transform: none;
        --t5-font-size: 22px;
        --t5-line-height: 26px;
        --t5-letter-spacing: 0px;
        --t5-tablet-font-size: 20px;
        --t5-tablet-line-height: 24px;
        --t5-tablet-letter-spacing: 0px;
        --t5-mobile-font-size: 17px;
        --t5-mobile-line-height: 21px;
        --t5-mobile-letter-spacing: 0px;
        --t6-font-family: 'SuedtirolNextTT', sans-serif;
        --t6-font-weight: 400;
        --t6-text-transform: none;
        --t6-font-size: 18px;
        --t6-line-height: 22px;
        --t6-letter-spacing: 0px;
        --t6-tablet-font-size: 16px;
        --t6-tablet-line-height: 20px;
        --t6-tablet-letter-spacing: 0px;
        --t6-mobile-font-size: 14px;
        --t6-mobile-line-height: 18px;
        --t6-mobile-letter-spacing: 0px;
        --morelink-font-family: 'SuedtirolNextTT', sans-serif;
        --morelink-font-weight: 400;
        --morelink-text-transform: none;
        --morelink-font-size: 17px;
        --morelink-line-height: 20px;
        --morelink-letter-spacing: 0px;
        --morelink-tablet-font-size: 15px;
        --morelink-tablet-line-height: 17px;
        --morelink-tablet-letter-spacing: 0px;
        --morelink-mobile-font-size: 14px;
        --morelink-mobile-line-height: 16px;
        --morelink-mobile-letter-spacing: 0px;
        --bgweb-bg-color: #ffffff;
        --bgweb-title-color: #4d4d4d;
        --bgweb-t2-title-color: #6c6c6c;
        --bgweb-text-color: #6c6c6c;
        --bgweb-border-color: #ffffff;
        --bgweb-link-color: #a9bf00;
        --bgweb-link-hover-color: #8fa400;
        --bgweb-button1-bg-color: #a9bf00;
        --bgweb-button1-border-color: #f1564e;
        --bgweb-button1-text-color: #ffffff;
        --bgweb-button1-hover-bg-color: #8fa400;
        --bgweb-button1-hover-text-color: #ededed;
        --bgweb-button2-bg-color: #b31c54;
        --bgweb-button2-border-color: #1c2955;
        --bgweb-button2-text-color: #ffffff;
        --bgweb-button2-hover-bg-color: #6b1132;
        --bgweb-button2-hover-text-color: #999999;
        --bgweb-form-bg-color: #f0ede9;
        --bgweb-form-text-color: #404d5b;
        --bgweb-form-border-color: #f0ede9;
        --bgweb2-bg-color: #f3f3f3;
        --bgweb2-title-color: #4d4d4d;
        --bgweb2-t2-title-color: #6c6c6c;
        --bgweb2-text-color: #6c6c6c;
        --bgweb2-border-color: #f3f3f3;
        --bgweb2-link-color: #a9bf00;
        --bgweb2-link-hover-color: #8fa400;
        --bgweb2-button1-bg-color: #a9bf00;
        --bgweb2-button1-border-color: #f1564e;
        --bgweb2-button1-text-color: #ffffff;
        --bgweb2-button1-hover-bg-color: #8fa400;
        --bgweb2-button1-hover-text-color: #ffffff;
        --bgweb2-button2-bg-color: #1c2955;
        --bgweb2-button2-border-color: #1c2955;
        --bgweb2-button2-text-color: #ffffff;
        --bgweb2-button2-hover-bg-color: #0c1124;
        --bgweb2-button2-hover-text-color: #ffffff;
        --bgweb2-form-bg-color: rgba(204, 196, 183, 0.3);
        --bgweb2-form-text-color: #404d5b;
        --bgweb2-form-border-color: #404d5b;
        --bglist-bg-color: #ebebeb;
        --bglist-title-color: #4d4d4d;
        --bglist-t2-title-color: #6c6c6c;
        --bglist-text-color: #6c6c6c;
        --bglist-border-color: #ebebeb;
        --bglist-link-color: #a9bf00;
        --bglist-link-hover-color: #8fa400;
        --bglist-button1-bg-color: #a9bf00;
        --bglist-button1-border-color: #f1564e;
        --bglist-button1-text-color: #ffffff;
        --bglist-button1-hover-bg-color: #8fa400;
        --bglist-button1-hover-text-color: #ededed;
        --bglist-button2-bg-color: #1c2955;
        --bglist-button2-border-color: #1c2955;
        --bglist-button2-text-color: #ffffff;
        --bglist-button2-hover-bg-color: #0c1124;
        --bglist-button2-hover-text-color: #ffffff;
        --bglistalternate-bg-color: #707173;
        --bglistalternate-title-color: #ffffff;
        --bglistalternate-t2-title-color: #ffffff;
        --bglistalternate-text-color: #ffffff;
        --bglistalternate-border-color: #707173;
        --bglistalternate-link-color: #a9bf00;
        --bglistalternate-link-hover-color: #8fa400;
        --bglistalternate-button1-bg-color: #a9bf00;
        --bglistalternate-button1-border-color: #f1564e;
        --bglistalternate-button1-text-color: #ffffff;
        --bglistalternate-button1-hover-bg-color: #8fa400;
        --bglistalternate-button1-hover-text-color: #ededed;
        --bglistalternate-button2-bg-color: #1c2955;
        --bglistalternate-button2-border-color: #1c2955;
        --bglistalternate-button2-text-color: #ffffff;
        --bglistalternate-button2-hover-bg-color: #0c1124;
        --bglistalternate-button2-hover-text-color: #ffffff;
        --bglistalternate-form-bg-color: #ffffff;
        --bglistalternate-form-text-color: #535353;
        --bglistalternate-form-border-color: #ffffff;
        --bgbar-bg-color: #707173;
        --bgbar-title-color: #ffffff;
        --bgbar-t2-title-color: #ffffff;
        --bgbar-text-color: #9a9a9a;
        --bgbar-border-color: #707173;
        --bgbar-link-color: #a9bf00;
        --bgbar-link-hover-color: #8fa400;
        --bgbar-button1-bg-color: #8fa400;
        --bgbar-button1-border-color: #f1564e;
        --bgbar-button1-text-color: #ffffff;
        --bgbar-button1-hover-bg-color: #8fa400;
        --bgbar-button1-hover-text-color: #ededed;
        --bgbar-button2-bg-color: #e1dad5;
        --bgbar-button2-border-color: #e1dad5;
        --bgbar-button2-text-color: #1c2955;
        --bgbar-button2-hover-bg-color: #969187;
        --bgbar-button2-hover-text-color: #ffffff;
        --bgbar-form-bg-color: #ffffff;
        --bgbar-form-text-color: #535353;
        --bgbar-form-border-color: #ffffff;
        --bghighlight-bg-color: #a9bf00;
        --bghighlight-title-color: #ffffff;
        --bghighlight-t2-title-color: #ffffff;
        --bghighlight-text-color: #ffffff;
        --bghighlight-border-color: #a9bf00;
        --bghighlight-link-color: #ffffff;
        --bghighlight-link-hover-color: #e6e6e6;
        --bghighlight-button1-bg-color: #ffffff;
        --bghighlight-button1-border-color: #e1dad5;
        --bghighlight-button1-text-color: #a9bf00;
        --bghighlight-button1-hover-bg-color: #e6e6e6;
        --bghighlight-button1-hover-text-color: #8fa400;
        --bghighlight-button2-bg-color: #1c2955;
        --bghighlight-button2-border-color: #1c2955;
        --bghighlight-button2-text-color: #ffffff;
        --bghighlight-button2-hover-bg-color: #969187;
        --bghighlight-button2-hover-text-color: #ffffff;
        --bghighlight2-bg-color: #f3f3f3;
        --bghighlight2-title-color: #4d4d4d;
        --bghighlight2-t2-title-color: #6c6c6c;
        --bghighlight2-text-color: #6c6c6c;
        --bghighlight2-border-color: #f3f3f3;
        --bghighlight2-link-color: #a9bf00;
        --bghighlight2-link-hover-color: #8fa400;
        --bghighlight2-button1-bg-color: #a9bf00;
        --bghighlight2-button1-border-color: #f1564e;
        --bghighlight2-button1-text-color: #ffffff;
        --bghighlight2-button1-hover-bg-color: #8fa400;
        --bghighlight2-button1-hover-text-color: #ededed;
        --bghighlight2-button2-bg-color: #e1dad5;
        --bghighlight2-button2-border-color: #e1dad5;
        --bghighlight2-button2-text-color: #1c2955;
        --bghighlight2-button2-hover-bg-color: #969187;
        --bghighlight2-button2-hover-text-color: #ffffff;
        --bggallerybox-bg-color: rgba(0, 0, 0, 0.8);
        --bggallerybox-title-color: #ffffff;
        --bggallerybox-t2-title-color: #ffffff;
        --bggallerybox-text-color: #ffffff;
        --bggallerybox-border-color: #463d31;
        --bggallerybox-link-color: #a9bf00;
        --bggallerybox-link-hover-color: #8fa400;
        --bggallerybox-button1-bg-color: #a9bf00;
        --bggallerybox-button1-border-color: #f1564e;
        --bggallerybox-button1-text-color: #ffffff;
        --bggallerybox-button1-hover-bg-color: #8fa400;
        --bggallerybox-button1-hover-text-color: #ededed;
        --bggallerybox-button2-bg-color: #e1dad5;
        --bggallerybox-button2-border-color: #e1dad5;
        --bggallerybox-button2-text-color: #1c2955;
        --bggallerybox-button2-hover-bg-color: #969187;
        --bggallerybox-button2-hover-text-color: #ffffff;
        --bgheader-bg-color: #ffffff;
        --bgheader-title-color: #4d4d4d;
        --bgheader-t2-title-color: #7d7d7d;
        --bgheader-text-color: #7d7d7d;
        --bgheader-border-color: #ffffff;
        --bgheader-link-color: #ffffff;
        --bgheader-link-hover-color: #ffffff;
        --bgheader-button1-bg-color: #a9bf00;
        --bgheader-button1-border-color: #f1564e;
        --bgheader-button1-text-color: #ffffff;
        --bgheader-button1-hover-bg-color: #8fa400;
        --bgheader-button1-hover-text-color: #ededed;
        --bgheader-button2-bg-color: #a3a4a6;
        --bgheader-button2-border-color: #1c2955;
        --bgheader-button2-text-color: #ffffff;
        --bgheader-button2-hover-bg-color: #949596;
        --bgheader-button2-hover-text-color: #ffffff;
        --bgheader2-bg-color: #f3f3f3;
        --bgheader2-title-color: #4d4d4d;
        --bgheader2-t2-title-color: #7d7d7d;
        --bgheader2-text-color: #7d7d7d;
        --bgheader2-border-color: #f3f3f3;
        --bgheader2-link-color: #333333;
        --bgheader2-link-hover-color: #333333;
        --bgheader2-button1-bg-color: #a9bf00;
        --bgheader2-button1-border-color: #f1564e;
        --bgheader2-button1-text-color: #ffffff;
        --bgheader2-button1-hover-bg-color: #8fa400;
        --bgheader2-button1-hover-text-color: #ededed;
        --bgheader2-button2-bg-color: #a3a4a6;
        --bgheader2-button2-border-color: #1c2955;
        --bgheader2-button2-text-color: #ffffff;
        --bgheader2-button2-hover-bg-color: #949596;
        --bgheader2-button2-hover-text-color: #ffffff;
        --bgfooter-bg-color: #ffffff;
        --bgfooter-title-color: #525252;
        --bgfooter-t2-title-color: #525252;
        --bgfooter-text-color: #999999;
        --bgfooter-border-color: #ffffff;
        --bgfooter-link-color: #999999;
        --bgfooter-link-hover-color: #adadad;
        --bgfooter-button1-bg-color: #a9bf00;
        --bgfooter-button1-border-color: #f1564e;
        --bgfooter-button1-text-color: #ffffff;
        --bgfooter-button1-hover-bg-color: #8fa400;
        --bgfooter-button1-hover-text-color: #ededed;
        --bgfooter-button2-bg-color: #1c2955;
        --bgfooter-button2-border-color: #1c2955;
        --bgfooter-button2-text-color: #ffffff;
        --bgfooter-button2-hover-bg-color: #0c1124;
        --bgfooter-button2-hover-text-color: #ffffff;
        --bgfooter-form-bg-color: rgba(204, 196, 183, 0.3);
        --bgfooter-form-text-color: #404d5b;
        --bgfooter-form-border-color: #404d5b;
        --bgfooter2-bg-color: #f3f3f3;
        --bgfooter2-title-color: #1c2955;
        --bgfooter2-t2-title-color: #1c2955;
        --bgfooter2-text-color: #999999;
        --bgfooter2-border-color: #eeeeee;
        --bgfooter2-link-color: #999999;
        --bgfooter2-link-hover-color: #c4c4c4;
        --bgfooter2-button1-bg-color: #a9bf00;
        --bgfooter2-button1-border-color: #f1564e;
        --bgfooter2-button1-text-color: #ffffff;
        --bgfooter2-button1-hover-bg-color: #9c3832;
        --bgfooter2-button1-hover-text-color: #ffffff;
        --bgfooter2-button2-bg-color: #1c2955;
        --bgfooter2-button2-border-color: #1c2955;
        --bgfooter2-button2-text-color: #ffffff;
        --bgfooter2-button2-hover-bg-color: #0c1124;
        --bgfooter2-button2-hover-text-color: #ffffff;
        --bgfooter2-form-bg-color: rgba(204, 196, 183, 0.3);
        --bgfooter2-form-text-color: #404d5b;
        --bgfooter2-form-border-color: #404d5b;
        --bgmobile-bg-color: #a3a4a6;
        --bgmobile-title-color: #4d4d4d;
        --bgmobile-t2-title-color: #6c6c6c;
        --bgmobile-text-color: #6c6c6c;
        --bgmobile-border-color: #a3a4a6;
        --bgmobile-link-color: #a9bf00;
        --bgmobile-link-hover-color: #8fa400;
        --bgmobile-button1-bg-color: #a9bf00;
        --bgmobile-button1-border-color: #f1564e;
        --bgmobile-button1-text-color: #ffffff;
        --bgmobile-button1-hover-bg-color: #8fa400;
        --bgmobile-button1-hover-text-color: #ededed;
        --bgmobile-button2-bg-color: #1c2955;
        --bgmobile-button2-border-color: #1c2955;
        --bgmobile-button2-text-color: #ffffff;
        --bgmobile-button2-hover-bg-color: #0c1124;
        --bgmobile-button2-hover-text-color: #ffffff;
    }
}

@media all {
    .Zitat.T1 {
        overflow: hidden;
    }

    .Zitat.T1 .element {
        position: relative;
    }

    .Zitat.T1 .text {
        width: 100%;
        display: flex;
        align-items: center;
    }

    .Zitat.T1 .text .innerText {
        padding: 0;
    }

    .Zitat.T1 .text .innerText .introduction,
    .Zitat.T1 .text .innerText .headline,
    .Zitat.T1 .text .innerText .subheadline {
        position: relative;
        z-index: 1;
        max-width: 1100px;
    }

    .Zitat.T1 .text .innerText .introduction {
        margin-top: 40px;
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 2px;
    }

    .Zitat.T1 .picture img {
        aspect-ratio: auto !important;
    }

    .Zitat.T1 .element.withimage .text {
        position: absolute;
        left: 0;
        top: 0%;
        height: 100%;
    }

    .Zitat.T1 .element.withimage .text .innerText .headline,
    .Zitat.T1 .element.withimage .text .innerText .subheadline {
        max-width: 655px;
    }

    .Zitat.T1 .element.withimage .text .innerText .introduction {
        max-width: 450px;
    }
}

@media (max-width: 600px) {
    .Zitat.T1 .text {
        position: static;
    }

    .Zitat.T1 .text .innerText .introduction {
        margin-top: 17px;
    }
}

@media (max-width: 400px) {
    .Zitat.T1 .text .innerText:after {
        content: none;
    }

    .Zitat.T1 .element.withimage .text {
        position: relative;
        left: auto;
        top: auto;
        height: auto;
        padding: 25px 0 40px 0;
    }
}

@media all {
    .Zitat.T2 .text .innerText .introduction,
    .Zitat.T2 .text .innerText .headline,
    .Zitat.T2 .text .innerText .subheadline {
        max-width: 450px;
    }

    .Zitat.T2 .text .innerText .introduction {
        margin-top: 10px;
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 2px;
    }
}

@media (max-width: 600px) {
    .Zitat.T2 .text .innerText .introduction {
        margin-top: 17px;
    }

    .Zitat.T2 .text .innerText .introduction,
    .Zitat.T2 .text .innerText .headline,
    .Zitat.T2 .text .innerText .subheadline {
        max-width: 100%;
    }
}

@media all {
    section.Winesummit {
    }

    section.Winesummit .formcontent {
        max-width: 960px;
    }

    section.Winesummit .innerForm {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    section.Winesummit .clear {
        width: 100%;
    }

    section.Winesummit .row {
        width: 48.958333%;
        clear: none;
    }

    section.Winesummit .row.radio {
        width: auto;
    }

    section.Winesummit .row.radio input,
    section.Winesummit .row.radio div.radiofield {
        height: auto;
    }

    section.Winesummit .row.radio .formtextV3 {
        width: 230px;
    }

    section.Winesummit .row.textarea,
    section.Winesummit .row.textarea div.textarea {
        width: 100%;
    }

    section.Winesummit .row.textarea div.textarea textarea {
        border-color: transparent;
    }

    section.Winesummit .row.checkbox {
        margin-top: 0.5em;
        width: 100%;
    }

    section.Winesummit .row.checkbox input {
        height: auto;
    }

    section.Winesummit .row.checkbox .label {
        display: none;
    }

    section.Winesummit .row.checkbox .label.extralabel {
        display: inline;
    }

    section.Winesummit div.row div.inputfield {
        width: 100%;
    }

    section.Winesummit .row .label {
        width: 100%;
    }

    section.Winesummit .row + .row {
    }

    section.Winesummit .row.select div.selectfield {
        width: 100%;
    }

    section.Winesummit .row input,
    section.Winesummit .row.select div.selectfield span.field {
        height: 48px;
        line-height: 48px;
        position: relative;
    }

    section.Winesummit .row.select div.selectfield span.field span.selecticon {
        top: 50%;
    }

    section.Winesummit .row.select div.selectfield span.field span.selecticon:before,
    section.Winesummit .row.select div.selectfield span.field span.selecticon:after {
        top: 0px;
    }

    section.Winesummit .row.allergies {
        width: 100%;
        background-color: #f0ede9;
        margin-left: 2px;
        margin-right: 2px;
        margin-top: 30px;
        padding: 13px;
    }

    section.Winesummit .row.allergies .allergiesBar {
        position: relative;
    }

    section.Winesummit .row.allergies .allergiesBar:hover {
        cursor: pointer;
    }

    section.Winesummit .row.allergies .allergiesBar span.selecticon {
        position: absolute;
        right: 28px;
        top: 50%;
        transform: translateY(6px);
    }

    section.Winesummit .row.allergies .allergiesBar span.selecticon:before {
        content: '';
        position: absolute;
        z-index: 1;
        background-color: #404d5b;
        top: -6px;
        left: 0;
        width: 12px;
        height: 2px;
        display: block;
        transform: rotate(45deg);
    }

    section.Winesummit .row.allergies .allergiesBar span.selecticon:after {
        content: '';
        position: absolute;
        z-index: 1;
        background-color: #404d5b;
        top: -6px;
        left: 8px;
        width: 12px;
        height: 2px;
        display: block;
        transform: rotate(-45deg);
    }

    section.Winesummit .row.allergies .allergiesSub {
        display: none;
    }

    section.Winesummit .row.allergies .allergiesSub .allergiesField {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    section.Winesummit .row.allergies .allergiesSub .allergiesField .icon {
        display: none;
    }

    section.Winesummit .row.allergies .allergiesSub .allergiesField .icon.aktiv {
        display: flex;
        align-items: center;
        width: 15px;
        height: 15px;
    }

    section.Winesummit .row.allergies .allergiesSub .allergiesField div.row.input .inputfield {
        width: 100%;
    }

    section.Winesummit .row.allergies .allergiesSub .allergiesField div.row.input {
        display: flex;
        align-items: center;
    }

    section.Winesummit .row.allergies .allergiesSub .allergiesField div.row.input .label {
        width: auto;
    }

    section.Winesummit .row.allergies .allergiesSub .allergiesField div.row.input input {
        border-bottom: solid 1px black;
    }

    section.Winesummit .row.allergies .allergiesSub .checkField {
        height: 58px;
        display: flex;
        align-items: center;
    }

    section.Winesummit .row.allergies .allergiesSub div.checkboxfield {
        margin: 0;
        width: 15px;
    }

    section.Winesummit .row.allergies .allergiesSub div.checkboxfield svg {
        width: 15px;
        height: 15px;
    }

    section.Winesummit .row.allergies .allergiesSub .row.checkbox .label {
        display: inline;
        float: none;
        margin-left: 10px;
    }

    section.Winesummit .row.socials {
        width: 100%;
        background-color: #f0ede9;
        margin-left: 2px;
        margin-right: 2px;
        margin-top: 30px;
        padding: 13px;
    }

    section.Winesummit .row.socials .socialsBar {
        position: relative;
    }

    section.Winesummit .row.socials .socialsBar:hover {
        cursor: pointer;
    }

    section.Winesummit .row.socials .socialsBar span.selecticon {
        position: absolute;
        right: 28px;
        top: 50%;
        transform: translateY(6px);
    }

    section.Winesummit .row.socials .socialsBar span.selecticon:before {
        content: '';
        position: absolute;
        z-index: 1;
        background-color: #404d5b;
        top: -6px;
        left: 0;
        width: 12px;
        height: 2px;
        display: block;
        transform: rotate(45deg);
    }

    section.Winesummit .row.socials .socialsBar span.selecticon:after {
        content: '';
        position: absolute;
        z-index: 1;
        background-color: #404d5b;
        top: -6px;
        left: 8px;
        width: 12px;
        height: 2px;
        display: block;
        transform: rotate(-45deg);
    }

    section.Winesummit .row.socials .socialsSub {
        display: none;
    }

    section.Winesummit .row.socials .socialsSub .socialsField {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    section.Winesummit .row.socials .socialsSub .socialsField .icon {
        display: none;
    }

    section.Winesummit .row.socials .socialsSub .socialsField .icon.aktiv {
        display: flex;
        align-items: center;
        width: 15px;
        height: 15px;
    }

    section.Winesummit .row.socials .socialsSub .socialsField div.row.input .inputfield {
        width: 100%;
    }

    section.Winesummit .row.socials .socialsSub .socialsField div.row.input {
        display: flex;
        align-items: center;
    }

    section.Winesummit .row.socials .socialsSub .socialsField div.row.input .label {
        width: auto;
    }

    section.Winesummit .row.socials .socialsSub .socialsField div.row.input input {
        border-bottom: solid 1px black;
    }

    section.Winesummit .row.socials .socialsSub .checkField {
        height: 58px;
        display: flex;
        align-items: center;
    }

    section.Winesummit .row.socials .socialsSub div.checkboxfield {
        margin: 0;
        width: 15px;
    }

    section.Winesummit .row.socials .socialsSub div.checkboxfield svg {
        width: 15px;
        height: 15px;
    }

    section.Winesummit .row.socials .socialsSub .row.checkbox .label {
        display: inline;
        float: none;
        margin-left: 10px;
    }

    section.Winesummit .row.newsletter {
        width: 100%;
        background-color: #f0ede9;
        margin-left: 2px;
        margin-right: 2px;
        margin-top: 30px;
        padding: 13px;
    }

    section.Winesummit .row.newsletter .newsletterBar {
        position: relative;
    }

    section.Winesummit .row.newsletter .newsletterBar:hover {
        cursor: pointer;
    }

    section.Winesummit .row.newsletter .newsletterBar span.selecticon {
        position: absolute;
        right: 28px;
        top: 50%;
        transform: translateY(6px);
    }

    section.Winesummit .row.newsletter .newsletterBar span.selecticon:before {
        content: '';
        position: absolute;
        z-index: 1;
        background-color: #404d5b;
        top: -6px;
        left: 0;
        width: 12px;
        height: 2px;
        display: block;
        transform: rotate(45deg);
    }

    section.Winesummit .row.newsletter .newsletterBar span.selecticon:after {
        content: '';
        position: absolute;
        z-index: 1;
        background-color: #404d5b;
        top: -6px;
        left: 8px;
        width: 12px;
        height: 2px;
        display: block;
        transform: rotate(-45deg);
    }

    section.Winesummit .row.newsletter .newsletterSub {
        display: none;
    }

    section.Winesummit .image-permit-headline {
        margin-top: 15px;
    }

    section.Winesummit .image-permit-container {
        display: flex;
        flex-wrap: wrap;
        margin-top: 5px;
    }

    section.Winesummit .image-permit-container .row.radio:first-of-type {
        margin-right: 10px;
    }
}

@media all {
    section.Winelist.T1 img {
        aspect-ratio: auto !important;
    }

    section.Winelist.T1 .innerWinelist {
        padding-top: 0;
        position: relative;
    }

    section.Winelist.T1:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }

    section.Winelist.T1 [data-layouter='masonry'] .gutter-sizer {
        width: 4.83871%;
    }

    section.Winelist.T1 [data-layouter='masonry'] .grid-sizer {
        position: absolute;
        z-index: -1;
    }

    section.Winelist.T1 [data-layouter='masonry'] .grid-sizer,
    section.Winelist.T1 [data-layouter='masonry'] article {
        width: 29.919355%;
        margin-bottom: 4.83871%;
    }

    section.Winelist.T1 [data-layouter='masonry'] .grid-sizer:hover,
    section.Winelist.T1 [data-layouter='masonry'] article:hover {
        box-shadow: none !important;
    }

    section.Winelist.T1 [data-layouter='masonry'] article:nth-child(4) {
        margin-top: 4.83871%;
    }

    section.Winelist.T1 [data-layouter='masonry'] .element .inner {
        padding: 13.477089% 18.918919%;
        text-align: center;
    }

    section.Winelist.T1
        [data-layouter='masonry']
        [data-view~='Element'][data-elementlinked='true'][data-detaillink]:not([data-detaillink=''])
        div.picture,
    section.Winelist.T1 [data-layouter='masonry'] .element .picture {
        overflow: visible;
        height: 250px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    section.Winelist.T1 [data-layouter='masonry'] .element .picture img {
        width: auto;
        max-width: 100%;
    }

    section.Winelist.T1 [data-layouter='masonry'] .element .pretitle.linkg:hover {
        color: #8fa400;
    }

    section.Winelist.T1 [data-layouter='masonry'] .element .pretitle,
    section.Winelist.T1 [data-layouter='masonry'] .element .pretitle + .headline {
        margin-top: 2.164502%;
    }

    section.Winelist.T1 [data-layouter='masonry'] .element .headline + .subheadline {
        margin-top: 3.463203%;
    }
}

@media (max-width: 1600px) {
    section.Winelist.T1 [data-layouter='masonry'] .element .inner {
        padding: 8.108108%;
    }

    section.Winelist.T1 [data-layouter='masonry'] .element .picture + .text {
        margin-top: 10.810811%;
    }
}

@media (max-width: 1023px) {
    section.Winelist.T1 [data-layouter='masonry'] .gutter-sizer {
        width: 5.865103%;
    }

    section.Winelist.T1 [data-layouter='masonry'] .grid-sizer,
    section.Winelist.T1 [data-layouter='masonry'] article {
        width: 46.920821%;
        margin-bottom: 5.865103%;
    }

    section.Winelist.T1 [data-layouter='masonry'] article:nth-child(4) {
        margin-top: 5.865103%;
    }

    section.Winelist.T1 [data-layouter='masonry'] .element .inner {
        padding: 10.416667% 14.583333%;
    }

    section.Winelist.T1 [data-layouter='masonry'] .element .picture + .text {
        margin-top: 8.333333%;
    }

    section.Winelist.T1 [data-layouter='masonry'] .element .headline + .subheadline {
        margin-top: 1.666667%;
    }
}

@media (max-width: 450px) {
    section.Winelist.T1 [data-layouter='masonry'] .gutter-sizer {
        width: 6.666667%;
    }

    section.Winelist.T1 [data-layouter='masonry'] .grid-sizer,
    section.Winelist.T1 [data-layouter='masonry'] article {
        width: 100%;
        margin-bottom: 6.666667%;
    }

    section.Winelist.T1 [data-layouter='masonry'] article:nth-child(4) {
        margin-top: 0;
    }
}

@media all {
    .WinedetailT1.Themestage .element div.picture {
        position: relative;
    }

    .WinedetailT1.Themestage .element div.picture::after {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 240px;
        background: -moz-linear-gradient(top, rgba(25, 30, 16, 0.5) 0%, rgba(25, 30, 16, 0) 100%);
        background: -webkit-linear-gradient(top, rgba(25, 30, 16, 0.5) 0%, rgba(25, 30, 16, 0) 100%);
        background: linear-gradient(to bottom, rgba(25, 30, 16, 0.5) 0%, rgba(25, 30, 16, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3191e10',endColorstr='#00191e10',GradientType=0 );
    }

    .WinedetailT1.Themestage .element div.picture img {
        object-fit: cover;
        aspect-ratio: auto !important;
    }

    .WinedetailT1.Intro.T1.spacesmalltop {
        padding-top: 25px !important;
    }

    .WinedetailT1.Intro.T1.spacesmalltop .BreadcrumbT1 {
        padding-bottom: 75px !important;
    }

    .WinedetailT1.Intro.T1:not(.first) {
        margin-bottom: 43px;
    }

    .WinedetailT1.Intro.T1 .introduction {
        margin-top: 2.419355%;
        max-width: 73.387097%;
    }

    .WinedetailT1.TeaserList {
        background: #f3f3f3;
        background: -moz-linear-gradient(
            top,
            #f3f3f3 0%,
            #f3f3f3 calc(40% - 60px),
            #ffffff calc(41% - 60px),
            #ffffff 100%
        );
        background: -webkit-linear-gradient(
            top,
            #f3f3f3 0%,
            #f3f3f3 calc(40% - 60px),
            #ffffff calc(41% - 60px),
            #ffffff 100%
        );
        background: linear-gradient(
            to bottom,
            #f3f3f3 0%,
            #f3f3f3 calc(40% - 60px),
            #ffffff calc(41% - 60px),
            #ffffff 100%
        );
    }

    .WinedetailT1.TeaserList .elements {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .WinedetailT1.TeaserList .elements .element {
        width: 47.580645%;
    }

    .WinedetailT1.TeaserList .elements .element + .element {
        margin-top: 60px;
    }

    .WinedetailT1.TeaserList .elements article.element.FactSheet {
        margin-top: -8.571429%;
    }

    .WinedetailT1.TeaserList .elements .element .min-max-temp {
        display: flex;
    }

    .WinedetailT1.TeaserList .elements .element .min-max-temp .temp-headline {
        color: #a9bf00;
    }

    .WinedetailT1.TeaserList .elements .element .min-max-temp .min-max-tmp-spacer {
        margin: 0px 3%;
    }

    .WinedetailT1.TeaserList .elements .element .recommandations-headline {
        margin-bottom: 20px;
    }

    .WinedetailT1.TeaserList .elements .element .recommandations-content {
        display: flex;
        flex-wrap: wrap;
    }

    .WinedetailT1.TeaserList .elements .element .recommandations-content .icon-container {
        max-width: 150px;
        width: 20%;
        text-align: center;
        margin-bottom: 10px;
        margin-top: 10px;
        padding-right: 15px;
        box-sizing: border-box;
    }

    .WinedetailT1.TeaserList .elements .element .recommandations-content .icon-container .icon {
        max-height: 50px;
        width: auto;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
    }

    .WinedetailT1.TeaserList .elements .element .recommandations-content .icon-container .icon svg {
        height: auto;
        max-width: 105px;
        width: 100%;
        color: #a9bf00;
    }

    .WinedetailT1.TeaserList .elements .element .recommandations-content .icon-container .name {
    }

    .WinedetailT1.TeaserList .elements .element .contentheadline {
        color: #a9bf00;
        display: block;
    }

    .WinedetailT1.Introduction2 .text .introduction {
        max-width: 73.387097%;
    }

    .WinedetailT1.ImageTeaser .inner {
        position: relative;
    }

    .WinedetailT1.ImageTeaser .text {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        background-color: transparent;
    }

    .WinedetailT1.ImageTeaser .text:after {
        position: absolute;
        content: '';
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    }

    .WinedetailT1.ImageTeaser .innerText {
        padding: 25px 20px;
        position: relative;
        z-index: 2;
    }

    .WinedetailT1.ImageTeaser .headline + .introduction {
        margin-top: 5px;
    }

    .WinedetailT1.Intro.T2 + .WinedetailT1.AdditionalElements {
        padding-top: 0;
    }

    .WinedetailT1.AdditionalElements .owl-item:nth-child(2n) .element {
        margin-top: 50px;
    }

    .WinedetailT1.AdditionalElements .element .inner {
        padding: 13.477089% 18.918919%;
        text-align: center;
    }

    .WinedetailT1.AdditionalElements .element .picture img {
        width: auto;
        max-width: 100%;
        margin: 0 auto;
    }

    .WinedetailT1.AdditionalElements .element .picture + .text {
        margin-top: 17.316017%;
    }

    .WinedetailT1.AdditionalElements .element .headline + .subheadline {
        margin-top: 3.463203%;
    }

    .WinedetailT1 .listlink {
        margin-top: 2.857143%;
        color: #a9bf00;
    }
}

@media (max-width: 1300px) {
    .WinedetailT1.TeaserList .elements .element .recommandations-content .icon-container {
        width: 33.333333%;
    }

    .WinedetailT1.ImageTeaser .innerText {
        padding: 20px 15px;
    }
}

@media (max-width: 1023px) {
    .WinedetailT1.AdditionalElements .owl-item:nth-child(2n) .element {
        margin-top: 30px;
    }

    .WinedetailT1.AdditionalElements .element .inner {
        padding: 10.416667% 14.583333%;
    }

    .WinedetailT1.AdditionalElements .element .picture + .text {
        margin-top: 8.333333%;
    }

    .WinedetailT1.AdditionalElements .element .headline + .subheadline {
        margin-top: 1.666667%;
    }

    .WinedetailT1.TeaserList .elements article.element.FactSheet {
        margin-top: -12.857143%;
    }

    .WinedetailT1.ImageTeaser .innerText {
        padding: 15px 15px;
    }
}

@media (max-width: 768px) {
    .WinedetailT1.Intro.T1 .introduction {
        max-width: 100%;
    }

    .WinedetailT1.TeaserList {
        background: #f3f3f3;
        background: -moz-linear-gradient(top, #f3f3f3 0%, #f3f3f3 25%, #ffffff 26%, #ffffff 100%);
        background: -webkit-linear-gradient(top, #f3f3f3 0%, #f3f3f3 25%, #ffffff 26%, #ffffff 100%);
        background: linear-gradient(to bottom, #f3f3f3 0%, #f3f3f3 25%, #ffffff 26%, #ffffff 100%);
    }

    .WinedetailT1.TeaserList .elements .element {
        width: 100%;
    }

    .WinedetailT1.TeaserList .elements .element + .element {
        margin-top: 30px;
    }

    .WinedetailT1.Introduction2 .text .introduction {
        max-width: 100%;
    }

    .WinedetailT1.ImageTeaser .innerText {
        padding: 3.90625% 3.255208%;
    }

    .WinedetailT1.TeaserList .elements article.element.FactSheet {
        margin-top: 30px;
    }
}

@media (max-width: 600px) {
    .WinedetailT1.Intro.T1:not(.first) {
        margin-bottom: 33px;
    }

    .WinedetailT1.TeaserList .elements .element .recommandations-content .icon-container {
        width: 33.333333%;
    }
}

@media (max-width: 450px) {
    .WinedetailT1.AdditionalElements .owl-item:nth-child(2n) .element {
        margin-top: 0;
    }

    .WinedetailT1 .listlink {
        margin-top: 8.888889%;
    }

    .WinedetailT1.Intro.T1:not(.first) {
        margin-bottom: 15px;
        padding-bottom: 20px;
    }
}

@media (max-width: 420px) {
    .WinedetailT1.TeaserList .elements .element .recommandations-content .icon-container {
        width: 50%;
    }
}

@media all {
    section.Weinkulturpreis {
    }

    section.Weinkulturpreis .formcontent {
        max-width: 960px;
    }

    section.Weinkulturpreis .innerForm {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    section.Weinkulturpreis .clear {
        width: 100%;
    }

    section.Weinkulturpreis .row {
        width: 48.958333%;
        clear: none;
    }

    section.Weinkulturpreis .row.checkbox {
        margin-top: 0.5em;
        width: 100%;
    }

    section.Weinkulturpreis .row.checkbox input {
        height: auto;
    }

    section.Weinkulturpreis .row.checkbox .label {
        display: none;
    }

    section.Weinkulturpreis .row.checkbox .label.extralabel {
        display: inline;
    }

    section.Weinkulturpreis div.row div.inputfield {
        width: 100%;
    }

    section.Weinkulturpreis .row .label {
        width: 100%;
    }

    section.Weinkulturpreis .row + .row {
    }

    section.Weinkulturpreis .row input {
        height: 48px;
        line-height: 48px;
    }
}

@media all {
    section.Vincerlist .elements {
        display: flex;
        flex-wrap: wrap;
        border-bottom: 1px solid #cccccc;
    }

    section.Vincerlist .second-filter .left .items > div a.resetfilter {
        display: none;
    }

    section.Vincerlist .second-filter .left .items > div a.resetfilter.active {
        display: flex;
    }

    section.Vincerlist .innerVincerlist > .paging {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin-bottom: 12px;
        margin-top: 30px;
    }

    section.Vincerlist .innerVincerlist > .paging.bottom {
        display: block;
        width: 100%;
        margin-bottom: 0;
        margin-top: 12px;
    }

    section.Vincerlist .innerVincerlist.list .paging1 {
        display: none;
    }

    section.Vincerlist .elements:after,
    section.Vincerlist .element {
        width: 44.354839%;
        padding: 20px 5.645161% 20px 0;
        position: relative;
    }

    section.Vincerlist .element:nth-child(2n-1):before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: -0.5px;
        width: 200%;
        height: 1px;
        background-color: #cccccc;
    }

    section.Vincerlist .list .elements,
    section.Vincerlist .map {
        display: none;
    }

    section.Vincerlist .map {
        height: 500px;
        width: 100%;
        padding: 0;
        margin: 0;
    }

    section.Vincerlist .list .map {
        display: block;
        margin-top: 25px;
        position: relative;
        z-index: 0;
    }

    section.Vincerlist .element .inner {
        display: flex;
        align-items: center;
    }

    section.Vincerlist .element .picture {
        width: 32.181818%;
        margin-right: 25px;
    }

    section.Vincerlist .element .picture img {
        display: block;
        max-width: 100%;
        width: 100%;
        aspect-ratio: 1920/1279;
        object-fit: cover;
    }

    section.Vincerlist .element .text {
        padding-top: 0;
    }

    section.Vincerlist .element .text .introduction,
    section.Vincerlist .element .text .content {
        margin-top: 20px;
    }

    section.Vincerlist .element .text .icons {
        display: flex;
    }

    section.Vincerlist .element .text .icons div.icon {
        display: flex;
        position: relative;
    }

    section.Vincerlist .element .text .icons div.icon span.info {
        position: absolute;
        z-index: 5;
        left: 50%;
        top: 115%;
        background-color: #ebebeb;
        color: #6c6c6c;
        display: none;
        padding: 3px 10px;
        white-space: nowrap;
    }

    section.Vincerlist .element .text .icons div.icon:hover span.info {
        display: block;
    }

    section.Vincerlist .element .text .icons div.icon:empty {
        display: none;
    }

    section.Vincerlist .element .text .icons div .icon {
        display: block;
        width: 30px;
        height: 30px;
        margin-right: 8px;
    }

    section.Vincerlist .element .text .icons div .award {
        -webkit-border-radius: 50%;
        border-radius: 50%;
        padding: 2px;
        background-color: #a9bf00;
        color: #ffffff;
        fill: #ffffff;
    }

    section.Vincerlist .element .text .icons div .vinum {
        margin-left: 0px;
    }

    section.Vincerlist .element .text .icons div .delimiter {
        height: 35px;
        width: 1px;
        display: block;
        background-color: #cccccc;
        margin-right: 20px;
        margin-left: 12px;
        margin-top: -2px;
    }

    section.Vincerlist .gridchanger .tabs {
        display: flex;
        align-items: center;
        text-transform: none;
    }

    section.Vincerlist .gridchanger .tab {
        display: flex;
        align-items: center;
        margin-right: 30px;
        text-transform: none;
    }

    section.Vincerlist .gridchanger .tab.active {
        color: #6c6c6c;
        cursor: text;
    }

    section.Vincerlist .gridchanger .tab .icon {
        margin-right: 4px;
        width: 23px;
        height: 23px;
        position: relative;
    }

    section.Vincerlist .gridchanger .tab .icon svg {
        stroke: currentColor;
        stroke-width: 2px;
        fill: none;
    }

    section.Vincerlist .gridchanger .tab .icon.grid {
        display: block;
        width: 21px;
        height: 17px;
        margin-right: 10px;
    }

    section.Vincerlist .gridchanger .tab .icon.grid span {
        background: currentColor;
        width: 21px;
        height: 3px;
        display: block;
        margin: 7px 0 7px 0;
        position: relative;
    }

    section.Vincerlist .gridchanger .tab .icon.grid span:before {
        content: '';
        background: currentColor;
        width: 100%;
        height: 3px;
        position: absolute;
        left: 0;
        top: -7px;
    }

    section.Vincerlist .gridchanger .tab .icon.grid span:after {
        content: '';
        background: currentColor;
        width: 80%;
        height: 3px;
        position: absolute;
        left: 0;
        bottom: -7px;
    }

    section.Vincerlist.T1 .filterform .row.input,
    section.Vincerlist.T3 .filterform .row.input {
        margin-bottom: 0;
        width: 25%;
    }

    section.Vincerlist.T3 .filterform.onlythreefilters .CustomSelectBox,
    section.Vincerlist.T3 .filterform.onlythreefilters .row.input {
        margin-bottom: 0;
        width: 33%;
    }

    section.Vincerlist.T3 .filterform.onlythreefilters .input.search:after,
    section.Vincerlist.T3 .filterform.onlythreefilters .CustomSelectBox div.inputbox span.selecticon {
        right: 45px;
    }

    section.Vincerlist.T3 .filterform.onlythreefilters .CustomSelectBox div.inputbox.active ul.options li,
    section.Vincerlist.T3 .filterform.onlythreefilters .CustomSelectBox div.inputbox ul.options li.active {
        padding-left: 45px;
        padding-right: 45px;
    }

    section.Vincerlist.T2 .filterform {
        display: flex;
        align-items: center;
        flex-wrap: unset;
    }

    section.Vincerlist.T2 .filterform .rowouter {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    section.Vincerlist.T2 .filterform .row.input {
        margin-bottom: 0;
        width: 25%;
    }

    section.Vincerlist.T2 .filterform .row.icondelimiter:before {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 1px;
        height: 100%;
        opacity: 0.2;
        background-color: #ffffff;
    }

    section.Vincerlist.T2 .filterform .row.label {
        width: auto;
        margin: 0 45px 0 50px;
    }

    section.Vincerlist.T2 .filterform .row.checkbox {
        margin-right: 45px;
        padding: 4px 0px 4px 0px;
    }

    section.Vincerlist.T2 .filterform .row.checkbox .checkboxfield {
        display: block;
        width: 12px;
        height: 12px;
        margin-top: 0px;
    }

    section.Vincerlist.T2 .filterform .row.checkbox .checkboxfield svg.icon,
    section.Vincerlist.T2 .filterform .row.checkbox input {
        width: 12px;
        height: 12px;
    }

    section.Vincerlist.T2 .filterform div.row.checkbox:first-of-type {
        margin-left: 0;
    }

    section.Vincerlist.T2 .filterform .row.checkbox svg.iconfilter {
        width: 25px;
        height: 25px;
        margin: 0 0 0 10px;
    }

    section.Vincerlist.T2 .filterform .row.checkbox .extralabel {
        display: flex;
        align-items: center;
    }

    section.Vincerlist.T3 .innerVincerlist > .paging {
        padding-bottom: 25px;
        margin-bottom: 40px;
        margin-top: 30px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    }

    section.Vincerlist.T3 .innerVincerlist > .paging.bottom {
        margin-top: 0;
    }

    section.Vincerlist.T3 .elements {
        justify-content: space-between;
        border-bottom: 0;
    }

    section.Vincerlist.T3 .element:nth-child(2n-1):before {
        content: none;
    }

    section.Vincerlist.T3 .elements:after,
    section.Vincerlist.T3 .element {
        width: 30.241935%;
        padding: 0;
        margin-bottom: 6.048387%;
    }

    section.Vincerlist.T3 .element .inner {
        display: block;
    }

    section.Vincerlist.T3 .element .picture {
        width: 100%;
        margin-bottom: 20px;
        margin-right: 0;
    }

    section.Vincerlist.T3 .element .picture img {
        width: 100%;
        margin: 0 auto;
    }

    section.Vincerlist.T3 .elements:after,
    section.Vincerlist .elements:after {
        content: '';
        display: inline-block;
        margin-bottom: 0px;
    }
}

@media (max-width: 1260px) {
    section.Vincerlist.T2 .filterform .row.label {
        display: none;
    }

    section.Vincerlist.T2 .filterform .row.checkbox {
        margin-right: 35px;
    }

    section.Vincerlist.T2 .filterform .rowouter {
        margin-left: 35px;
    }
}

@media (max-width: 1024px) {
    section.Vincerlist.T2 .filterform {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    section.Vincerlist.T2 .filterform .rowouter {
        width: 100%;
        margin-left: 0px;
    }

    section.Vincerlist.T2 .filterform .row.input {
        width: 100%;
    }

    section.Vincerlist.T2 .filterform .row.icondelimiter:before {
        top: auto;
        bottom: 0;
        width: 100%;
        height: 1px;
    }

    section.Vincerlist.T2 .filterform .row.checkbox {
        margin-top: 20px;
        margin-left: 0;
        margin-right: 35px;
    }

    [data-view='List'].T2 .filter .filterform .input.search:after {
        right: 0;
    }
}

@media (max-width: 850px) {
    section.Vincerlist.T1 .filterform .row.input,
    section.Vincerlist.T3 .filterform.onlythreefilters .CustomSelectBox,
    section.Vincerlist.T3 .filterform.onlythreefilters .row.input,
    section.Vincerlist.T3 .filterform .row.input {
        width: 100%;
        margin-bottom: 0;
    }

    section.Vincerlist.T3 .filterform.onlythreefilters .input.search:after,
    section.Vincerlist.T3 .filterform.onlythreefilters .CustomSelectBox div.inputbox span.selecticon {
        right: 15px;
    }

    section.Vincerlist.T3 .filterform.onlythreefilters .CustomSelectBox div.inputbox.active ul.options li.active,
    section.Vincerlist.T3 .filterform.onlythreefilters .CustomSelectBox div.inputbox.active ul.options li,
    section.Vincerlist.T3 .filterform.onlythreefilters .CustomSelectBox div.inputbox ul.options li.active {
        padding-left: 15px;
        padding-right: 15px;
    }

    section.Vincerlist.T3 .filterform.onlythreefilters .CustomSelectBox div.inputbox ul.options li.active {
        padding-left: 0px;
    }

    section.Vincerlist.T2 .filterform .row.checkbox {
        width: 100%;
        padding: 0px 0px 0px 0px;
    }

    section.Vincerlist.T3 .element {
        width: 47.058824%;
    }
}

@media (max-width: 750px) {
    section.Vincerlist:not(.T3) .element {
        width: 100%;
    }

    section.Vincerlist:not(.T3) .element:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: -0.5px;
        width: 100%;
        height: 1px;
        background-color: #cccccc;
    }

    section.Vincerlist .innerVincerlist > .paging {
        flex-wrap: wrap;
    }

    section.Vincerlist .innerVincerlist > .paging div {
        order: 1;
        width: 100%;
    }

    section.Vincerlist .innerVincerlist > .paging .gridchanger {
        order: 2;
        width: 100%;
        padding-top: 15px;
    }

    section.Vincerlist .element .text .icons div .icon {
        width: 23px;
        height: 23px;
    }

    section.Vincerlist .element .text .icons div .delimiter {
        height: 30px;
    }
}

@media (max-width: 550px) {
    section.Vincerlist.T3 .element {
        width: 100%;
    }
}

@media all {
    section.Vincergallery.T1 {
        overflow: hidden;
    }

    section.Vincergallery.T1 .innerVincergallery {
        position: relative;
    }

    section.Vincergallery.T1 .owl-carousel .owl-stage-outer {
        overflow: initial;
    }

    section.Vincergallery.T1[data-view='List'] .owl-prev,
    section.Vincergallery.T1[data-view='List'] .owl-next {
        top: auto;
        bottom: -90px;
    }

    section.Vincergallery.T1[data-view='List'] .owl-prev {
        left: auto;
        right: -10px;
    }

    section.Vincergallery.T1[data-view='List'] .owl-next {
        left: auto;
        right: -63px;
    }

    section.Vincergallery.T1[data-view='List'] .owl-stage .owl-item:nth-child(2n) .element {
        margin-top: 20px;
    }

    section.Vincergallery.T1 .elements .element .inner {
        position: relative;
    }

    section.Vincergallery.T1 .elements .element .inner .picture {
        position: relative;
    }

    section.Vincergallery.T1 .elements .element .inner .picture:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 1;
        width: 100%;
        height: 50%;
        background: -moz-linear-gradient(
            top,
            rgba(255, 255, 255, 0) 0%,
            rgba(0, 0, 0, 0.01) 1%,
            rgba(0, 0, 0, 0.5) 100%
        );
        background: -webkit-linear-gradient(
            top,
            rgba(255, 255, 255, 0) 0%,
            rgba(0, 0, 0, 0.01) 1%,
            rgba(0, 0, 0, 0.5) 100%
        );
        background: linear-gradient(
            to bottom,
            rgba(255, 255, 255, 0) 0%,
            rgba(0, 0, 0, 0.01) 1%,
            rgba(0, 0, 0, 0.5) 100%
        );
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff',endColorstr='#80000000',GradientType=0 );
    }

    section.Vincergallery.T1 .elements .element .inner .text {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 1;
        width: 100%;
    }

    section.Vincergallery.T1 .elements .element .inner .text .innerText {
        padding: 0 10px 10px 10px;
    }

    section.Vincergallery.T1 .listlink {
        position: absolute;
        left: 0;
        bottom: 80px;
    }
}

@media (max-width: 1500px) {
    section.Vincergallery.T1 .listlink {
        bottom: 70px;
    }
}

@media (max-width: 1200px) {
    section.Vincergallery.T1 .listlink {
        bottom: 40px;
    }
}

@media (max-width: 1100px) {
    section.Vincergallery.T1[data-view='List'] .owl-prev,
    section.Vincergallery.T1[data-view='List'] .owl-next {
        top: auto;
        bottom: -65px;
    }

    section.Vincergallery.T1[data-view='List'] .owl-prev {
        left: auto;
        right: calc(50%);
    }

    section.Vincergallery.T1[data-view='List'] .owl-next {
        left: auto;
        right: calc(50% - 53px);
    }

    section.Vincergallery.T1 .listlink {
        position: relative;
        bottom: auto;
        left: auto;
        display: block;
        margin-top: 80px;
        text-align: center;
    }
}

@media (max-width: 700px) {
    section.Vincergallery.T1[data-view='List'] .owl-prev,
    section.Vincergallery.T1[data-view='List'] .owl-next {
        top: auto;
        bottom: -60px;
    }
}

@media (max-width: 500px) {
    section.Vincergallery.T1 .innerVincergallery {
        padding-bottom: 60px;
    }
}

@media all {
    article.VincerdetailT1.HeaderGallery div.inner picture img {
        aspect-ratio: 1920/700;
        object-fit: cover;
    }

    article.VincerdetailT1.Intro.T4 .breadcrumb {
        padding: 15px 0 0 0;
    }

    article.VincerdetailT1.Intro.T4 .text .label {
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 12px;
        line-height: 16px;
        color: #333333;
    }

    article.VincerdetailT1.Intro.T4 .info .content .icons div.icon span.info {
        background-color: #ebebeb;
        color: #6c6c6c;
    }

    article.VincerdetailT1.Intro.T4 .info .content .icons div .award {
        background-color: #a9bf00;
        color: #ffffff;
        fill: #ffffff;
    }

    article.VincerdetailT1.Intro.T4 .info .content .icons div .delimiter {
        background-color: currentColor;
    }

    article.VincerdetailT1.Intro.T4 .info .content .infos {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    article.VincerdetailT1.Intro.T4 .info .content .infos .delimiter {
        background-color: currentColor;
    }

    article.VincerdetailT1.Intro.T4 .socials {
        position: relative;
        display: flex;
        justify-content: center;
        margin-top: 20px;
    }

    article.VincerdetailT1.Intro.T4 .socials a.socialLink {
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        width: 40px;
        height: 40px;
        position: relative;
        overflow: hidden;
    }

    article.VincerdetailT1.Intro.T4 .socials a.socialLink:nth-child(n + 5) {
        display: none;
    }

    article.VincerdetailT1.Intro.T4 .socials a.socialLink + a.socialLink {
        margin-left: 10px;
    }

    article.VincerdetailT1.Intro.T4 .socials a.socialLink:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        background-color: #a9bf00;
    }

    article.VincerdetailT1.Intro.T4 .socials a.socialLink:hover:before {
        opacity: 0.6;
    }

    article.VincerdetailT1.Intro.T4 .socials a.socialLink svg.icon {
        z-index: 2;
        fill: #ffffff;
        color: #ffffff;
    }

    article.VincerdetailT1.Intro.T4 .socials a.socialLink svg.icon {
        width: 50%;
        height: 50%;
    }

    article.VincerdetailT1.Intro.T4 .socials a.socialLink svg.icon-pinterest {
        width: 100% !important;
        height: 100% !important;
    }

    div.VincerdetailT1.Zitat .innerZitat .element .subheadline {
        color: #333333;
        font-weight: bold;
    }

    div.VincerdetailT1.additional .intro {
        margin-bottom: 20px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    div.VincerdetailT1.additional .intro .left {
        width: 50%;
    }

    div.VincerdetailT1.additional .intro .left .text {
        margin-top: 2%;
    }

    div.VincerdetailT1.additional .dropdowns .item:first-child {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    div.VincerdetailT1.additional .dropdowns .item {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    div.VincerdetailT1.additional .dropdowns .item .top {
        padding: 40px 25px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }

    div.VincerdetailT1.additional .dropdowns .item .top .icon-custom {
        width: 50px;
        cursor: pointer;
    }

    div.VincerdetailT1.additional .dropdowns .item .top .icon-custom svg {
        width: 30px;
        height: 30px;
    }

    div.VincerdetailT1.additional .dropdowns .item .top .title {
        flex: 1;
        cursor: pointer;
    }

    div.VincerdetailT1.additional .dropdowns .item .top .icon-down {
        cursor: pointer;
    }

    div.VincerdetailT1.additional .dropdowns .item .top .icon-down svg {
        fill: #4d4d4d;
        color: #4d4d4d;
    }

    div.VincerdetailT1.additional .dropdowns .item .top.active .icon-down svg {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    div.VincerdetailT1.additional .dropdowns .item .bottom .text {
        padding: 0 75px 40px 75px;
    }

    div.VincerdetailT1.additional .dropdowns .item .bottom .text .companyName {
        margin: 0 0 5px 0;
    }

    div.VincerdetailT1.additional .dropdowns .item .bottom .text .companyTitle {
        margin: 0 0 5px 0;
    }

    div.VincerdetailT1.additional .dropdowns .item .top + .bottom {
        max-height: 0;
        overflow: hidden;
        transition: 0.3s all ease-in-out;
    }

    div.VincerdetailT1.additional .dropdowns .item .top.active + .bottom {
        max-height: 1600px;
    }

    div.VincerdetailT1.website .websiteInner {
        padding: 20px 0;
    }

    div.VincerdetailT1.website .websiteInner .text {
        text-align: center;
    }

    div.VincerdetailT1.gallery .innerGallery .Vincergallery.Partial .listlink {
        display: inline-block;
        position: relative;
        left: auto;
        bottom: auto;
        margin: 60px 0 0 4.273504%;
    }
}

@media (max-width: 1024px) {
    div.VincerdetailT1.gallery .innerGallery .Vincergallery.Partial .listlink {
        margin: 80px 0 0 0;
    }
}

@media (max-width: 800px) {
    article.VincerdetailT1.HeaderGallery div.inner picture img {
        aspect-ratio: 4/3;
    }
}

@media (max-width: 600px) {
    div.VincerdetailT1.additional .dropdowns .item .top {
        padding: 25px 15px;
    }

    div.VincerdetailT1.additional .dropdowns .item .top .title {
        width: calc(100% - 50px - 20px);
    }

    div.VincerdetailT1.additional .dropdowns .item .bottom .text {
        padding: 0 15px 25px 15px;
    }
}

@media all {
    section.Themestage.T1 {
        position: relative;
    }

    section.Themestage.T1 article.element,
    section.Themestage.T1 article.element div.inner,
    section.Themestage.T1 article.element div.picture,
    section.Themestage.T1 article.element div.picture picture,
    section.Themestage.T1 article.element div.picture picture img,
    section.Themestage.T1 article.element div.video,
    section.Themestage.T1 article.element div.video video {
        width: 100%;
        height: 100%;
        min-height: 100vh;
    }

    section.Themestage.T1 article.element div.video .videoyoutube {
        width: 100%;
        height: 100%;
        pointer-events: none;
    }

    section.Themestage.T1 article.element div.video iframe {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
    }

    section.Themestage.T1 article.element div.video .videoyoutube iframe {
        width: 120%;
        height: calc(120% + 120px);
        margin-top: -60px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        pointer-events: none;
    }

    section.Themestage.T1 article.element div.video .video-controls {
        display: none;
    }

    section.Themestage.T1 div.video:before,
    section.Themestage.T1 div.picture:before {
        position: absolute;
        left: -5%;
        top: calc(50% + 67px);
        z-index: 1;
        content: '';
        display: block;
        width: 50%;
        height: 50%;
        transform: translateY(-50%);
        box-sizing: border-box;
    }

    section.Themestage.T1 div.video:before,
    section.Themestage.T1 div.picture:before {
        background-image: -ms-radial-gradient(
            center,
            ellipse closest-side,
            rgba(0, 0, 0, 0.55) 0%,
            rgba(0, 0, 0, 0) 100%
        );
        background-image: -moz-radial-gradient(
            center,
            ellipse closest-side,
            rgba(0, 0, 0, 0.55) 0%,
            rgba(0, 0, 0, 0) 100%
        );
        background-image: -o-radial-gradient(
            center,
            ellipse closest-side,
            rgba(0, 0, 0, 0.55) 0%,
            rgba(0, 0, 0, 0) 100%
        );
        background-image: -webkit-gradient(
            radial,
            center center,
            0,
            center center,
            125,
            color-stop(0, rgba(0, 0, 0, 0.55)),
            color-stop(100, rgba(0, 0, 0, 0))
        );
        background-image: -webkit-radial-gradient(
            center,
            ellipse closest-side,
            rgba(0, 0, 0, 0.55) 0%,
            rgba(0, 0, 0, 0) 100%
        );
        background-image: radial-gradient(
            ellipse closest-side at center,
            rgba(0, 0, 0, 0.55) 0%,
            rgba(0, 0, 0, 0) 100%
        );
    }

    section.Themestage.T1 div.video + div.picture {
        display: none;
    }

    section.Themestage.T1 div.text {
        position: absolute;
        left: 0;
        top: calc(50% + 67px);
        width: calc(45% - 5.625%);
        z-index: 2;
        margin-left: 5.625%;
        transform: translateY(-50%);
    }

    section.Themestage.T1 div.text div.introduction {
        margin-top: 5px;
    }

    section.Themestage.T1 div.text div.introduction div.icon {
        display: inline-block;
        padding-left: 10px;
        transition: all 0.3s ease-in-out;
    }

    section.Themestage.T1 div.text div.introduction div.icon svg {
        fill: currentColor;
        display: inline-block;
        width: 0.75em;
        height: 0.75em;
    }

    section.Themestage.T1 div.text div.introduction a:hover div.icon {
        padding-left: 20px;
    }

    section.Themestage.T1 div.text a.button {
        margin-top: 10px;
        background-color: #a9bf00;
        color: #ffffff;
    }

    section.Themestage.T1 div.text a.button:hover {
        background-color: #8fa400;
        color: #ededed;
    }

    section.Themestage.T1 div.text div.owl-dots {
        margin-top: 40px;
    }

    section.Themestage.T1 div.text div.owl-dots div.owl-dot {
        width: 10px;
        height: 10px;
        border: 1px solid currentColor;
        border-radius: 50%;
        transition: all 0.3s ease-in-out;
    }

    section.Themestage.T1 div.text div.owl-dots div.owl-dot.active,
    section.Themestage.T1 div.text div.owl-dots div.owl-dot:hover {
        background-color: currentColor;
    }

    section.Themestage.T1 div.text div.owl-dots.points1h div.owl-dot {
        display: inline-block;
        margin-right: 7px;
    }

    section.Themestage.T1 div.text div.owl-dots.points1v div.owl-dot {
        display: block;
        margin-top: 7px;
    }

    .moduleInstancePreview section.Themestage.T1 div.elements,
    .moduleInstancePreview section.Themestage.T1 article.element,
    .moduleInstancePreview section.Themestage.T1 article.element div.inner,
    .moduleInstancePreview section.Themestage.T1 article.element div.picture,
    .moduleInstancePreview section.Themestage.T1 article.element div.picture picture,
    .moduleInstancePreview section.Themestage.T1 article.element div.picture picture img,
    .moduleInstancePreview section.Themestage.T1 article.element div.video,
    .moduleInstancePreview section.Themestage.T1 article.element div.video video {
        height: auto !important;
    }
}

@media (max-width: 1400px) {
    section.Themestage.T1 article.element div.video .videoyoutube iframe {
        width: 130%;
    }
}

@media (max-width: 1024px) {
    section.Themestage.T1 div.video:before,
    section.Themestage.T1 div.picture:before {
        width: 70%;
    }

    section.Themestage.T1 article.element div.video .videoyoutube iframe {
        width: 180%;
        height: calc(130% + 120px);
    }

    section.Themestage.T1 div.text {
        width: calc(45% - 5%);
        margin-left: 5%;
    }

    section.Themestage.T1 div.picture + div.text {
        width: calc(100% - 10%);
        margin-left: 5%;
        margin-right: 5%;
    }

    section.Themestage.T1 div.text div.owl-dots {
        margin-top: 30px;
    }
}

@media (max-width: 650px) {
    section.Themestage.T1 div.video:before,
    section.Themestage.T1 div.picture:before {
        width: 100%;
        top: auto;
        bottom: 0;
        transform: none;
    }

    section.Themestage.T1 div.video.youtube {
        display: none;
    }

    section.Themestage.T1 div.video.youtube + div.picture {
        display: block;
    }

    section.Themestage.T1 div.text {
        width: calc(100% - 10%);
        margin-left: 5%;
        margin-right: 5%;
        top: auto;
        bottom: 15.384615%;
        transform: none;
    }

    section.Themestage.T1 div.text .innerText {
        width: 90%;
    }

    section.Themestage.T1 div.text div.introduction {
        margin-top: 0;
    }

    section.Themestage.T1 div.text div.owl-dots {
        margin-top: 20px;
    }
}

@media (max-height: 450px) {
    section.Themestage.T1 div.video:before,
    section.Themestage.T1 div.picture:before {
        width: 100%;
        top: auto;
        bottom: 0;
        transform: none;
    }

    section.Themestage.T1 div.text {
        top: auto;
        bottom: 21.538462%;
        transform: none;
    }

    section.Themestage.T1 div.text div.introduction {
        margin-top: 0;
    }

    section.Themestage.T1 div.text div.owl-dots {
        margin-top: 20px;
    }
}

@media all {
    section.Themestage.T1 div.picture:after,
    section.Themestage.T2 div.picture:after {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 240px;
        background: -moz-linear-gradient(top, rgba(25, 30, 16, 0.5) 0%, rgba(25, 30, 16, 0) 100%);
        background: -webkit-linear-gradient(top, rgba(25, 30, 16, 0.5) 0%, rgba(25, 30, 16, 0) 100%);
        background: linear-gradient(to bottom, rgba(25, 30, 16, 0.5) 0%, rgba(25, 30, 16, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3191e10',endColorstr='#00191e10',GradientType=0 );
    }
}

@media all {
    section.Themestage.T2 {
        position: relative;
    }

    section.Themestage.T2 article.element {
    }

    section.Themestage.T2 article.element .inner {
        height: 100%;
    }

    section.Themestage.T2 article.element div.video iframe {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
    }

    section.Themestage.T2 article.element div.video .videoyoutube {
        pointer-events: none;
    }

    section.Themestage.T2 article.element div.video .videoyoutube iframe {
        height: calc(100% + 120px);
        margin-top: -60px;
        pointer-events: none;
    }

    section.Themestage.T2 article.element div.video .video-controls {
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

    section.Themestage.T2 article.element div.video .video-controls.playing {
        opacity: 0;
    }

    section.Themestage.T2 article.element div.video .video-controls.paused,
    section.Themestage.T2 article.element div.video:hover .video-controls.playing {
        opacity: 1;
    }

    section.Themestage.T2.WithText div.video:before,
    section.Themestage.T2.WithText div.picture:before {
        position: absolute;
        left: 50%;
        top: calc(50%);
        z-index: 1;
        content: '';
        display: block;
        width: 50%;
        height: 50%;
        transform: translate(-50%, -50%);
    }

    section.Themestage.T2.WithText div.video:before,
    section.Themestage.T2.WithText div.picture:before {
        background-image: -ms-radial-gradient(
            center,
            ellipse closest-side,
            rgba(0, 0, 0, 0.55) 0%,
            rgba(0, 0, 0, 0) 100%
        );
        background-image: -moz-radial-gradient(
            center,
            ellipse closest-side,
            rgba(0, 0, 0, 0.55) 0%,
            rgba(0, 0, 0, 0) 100%
        );
        background-image: -o-radial-gradient(
            center,
            ellipse closest-side,
            rgba(0, 0, 0, 0.55) 0%,
            rgba(0, 0, 0, 0) 100%
        );
        background-image: -webkit-gradient(
            radial,
            center center,
            0,
            center center,
            125,
            color-stop(0, rgba(0, 0, 0, 0.55)),
            color-stop(100, rgba(0, 0, 0, 0))
        );
        background-image: -webkit-radial-gradient(
            center,
            ellipse closest-side,
            rgba(0, 0, 0, 0.55) 0%,
            rgba(0, 0, 0, 0) 100%
        );
        background-image: radial-gradient(
            ellipse closest-side at center,
            rgba(0, 0, 0, 0.55) 0%,
            rgba(0, 0, 0, 0) 100%
        );
    }

    section.Themestage.T2 div.video + div.picture {
        display: none;
    }

    section.Themestage.T2 div.picture {
        height: 100%;
    }

    section.Themestage.T2 div.picture * {
        height: 100%;
    }

    /* section.Themestage.T2 div.picture img {
        object-fit: cover;
        aspect-ratio: unset !important;
    } */

    section.Themestage.T2.WithText div.text {
        position: absolute;
        left: 0;
        top: 50%;
        width: calc(100% - 11.25%);
        z-index: 2;
        margin-left: 5.625%;
        transform: translateY(-50%);
    }

    section.Themestage.T2.WithText div.text div.introduction {
        margin-top: 5px;
    }

    section.Themestage.T2.WithText div.text div.introduction div.icon {
        display: inline-block;
        padding-left: 10px;
        transition: all 0.3s ease-in-out;
    }

    section.Themestage.T2.WithText div.text div.introduction div.icon svg {
        fill: currentColor;
        display: inline-block;
        width: 0.75em;
        height: 0.75em;
    }

    section.Themestage.T2.WithText div.text div.introduction a:hover div.icon {
        padding-left: 20px;
    }

    section.Themestage.T2 div.owl-dots {
        position: absolute;
        left: 50%;
        bottom: 10px;
        z-index: 1;
        transform: translateX(-50%);
    }

    section.Themestage.T2 div.owl-dots div.owl-dot {
        width: 10px;
        height: 10px;
        border: 1px solid #ffffff;
        border-radius: 50%;
        transition: all 0.3s ease-in-out;
    }

    section.Themestage.T2 div.owl-dots div.owl-dot.active,
    section.Themestage.T2 div.owl-dots div.owl-dot:hover {
        background-color: #ffffff;
    }

    section.Themestage.T2 div.owl-dots div.owl-dot {
        display: inline-block;
        margin: 0 3px;
    }
}

@media (max-width: 1400px) {
    section.Themestage.T2 article.element div.video .videoyoutube iframe {
        width: 130%;
    }
}

@media (max-width: 1024px) {
    section.Themestage.T2 article.element div.video .videoyoutube iframe {
        width: 180%;
        height: calc(130% + 120px);
    }

    section.Themestage.T2.WithText div.text {
        width: calc(100% - 10%);
        margin-left: 5%;
    }
}

@media (max-width: 650px) {
    section.Themestage.T2.WithText div.video:before,
    section.Themestage.T2.WithText div.picture:before {
        left: 50%;
        top: calc(50%);
        bottom: 15.384615%;
        transform: translateX(-50%);
    }

    section.Themestage.T2 div.video.youtube {
        display: none;
    }

    section.Themestage.T2 div.video.youtube + div.picture {
        display: block;
    }

    section.Themestage.T2.WithText div.text {
        top: auto;
        bottom: 15.384615%;
        transform: none;
    }

    section.Themestage.T2.WithText div.text div.introduction {
        margin-top: 0;
    }
}

@media (max-width: 400px) {
    section.Themestage.T2.WithText div.video:before,
    section.Themestage.T2.WithText div.picture:before {
        bottom: 5%;
    }

    section.Themestage.T2.WithText div.text {
        bottom: 5%;
    }
}

@media all {
    section.Themestage.T3 .elements {
        position: relative;
        display: flex;
    }

    section.Themestage.T3 .elements .element .inner {
        position: relative;
        display: flex;
        flex-wrap: wrap;
    }

    section.Themestage.T3 .elements .element .inner .firstpic {
        width: 54.83871%;
        margin-bottom: 30px;
    }

    section.Themestage.T3 .elements .element .inner .secondpic {
        width: 27.419355%;
        margin: 30px 0 0 2.419355%;
    }

    section.Themestage.T3 .elements .element .inner .text {
        position: absolute;
        left: 0;
        bottom: 30px;
        padding: 25px 35px;
        width: 54.83871%;
        box-sizing: border-box;
    }

    section.Themestage.T3 .elements .element .inner .text .title,
    section.Themestage.T3 .elements .element .inner .text .subtitle,
    section.Themestage.T3 .elements .element .inner .text .title a,
    section.Themestage.T3 .elements .element .inner .text .subtitle a {
        color: #ffffff;
        max-width: 500px;
    }

    section.Themestage.T3 .elements .element .inner .text .subtitle a {
        font-weight: normal;
    }

    section.Themestage.T3 .elements .owl-stage-outer {
        width: 84.677419%;
    }

    section.Themestage.T3 div.owl-dots {
        width: 15.322581%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative;
        z-index: 2;
    }

    section.Themestage.T3 div.owl-dots div.owl-dot {
        display: flex;
        align-items: center;
        margin: 23.684211% 0;
        opacity: 0.3;
        filter: alpha(opacity = 30);
        transition: all 250ms ease-in-out 0ms;
    }

    section.Themestage.T3 div.owl-dots div.owl-dot.active {
        opacity: 1;
        filter: alpha(opacity = 100);
    }

    section.Themestage.T3 div.owl-dots div.owl-dot:before {
        content: '';
        height: 1px;
        min-width: 50px;
        display: block;
        background-color: currentColor;
        margin-right: 10px;
        transition: all 250ms ease-in-out 0ms;
        margin-left: -25px;
    }

    section.Themestage.T3 div.owl-dots div.owl-dot.active:before {
        height: 2px;
        background-color: currentColor;
        opacity: 1;
        filter: alpha(opacity = 100);
    }

    section.Themestage.T3 .elements .element:hover .inner {
        background: transparent !important;
    }

    section.Themestage.T3 article.element div.video .video-controls {
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

    section.Themestage.T3 article.element div.video .video-controls.playing {
        opacity: 0;
    }

    section.Themestage.T3 article.element div.video .video-controls.paused,
    section.Themestage.T3 article.element div.video:hover .video-controls.playing {
        opacity: 1;
    }
}

@media (max-width: 900px) {
    section.Themestage.T3 .elements {
        align-items: flex-start;
    }

    section.Themestage.T3 .elements .element .inner .firstpic {
        width: 50.277778%;
        margin-bottom: 15px;
    }

    section.Themestage.T3 .elements .element .inner .secondpic {
        width: 25.277778%;
        margin: 15px 0 0 2.083333%;
    }

    section.Themestage.T3 .elements .element .inner .text {
        position: static;
        padding: 10px 0 0 0;
        width: 80%;
        margin-right: auto;
    }

    section.Themestage.T3 .elements .element .inner .text .title a,
    section.Themestage.T3 .elements .element .inner .text .subtitle a,
    section.Themestage.T3 .elements .element .inner .text .title,
    section.Themestage.T3 .elements .element .inner .text .subtitle {
        color: #4d4d4d;
    }

    section.Themestage.T3 div.owl-dots {
        width: 22.361111%;
        margin-top: 4.166667%;
    }

    section.Themestage.T3 div.owl-dots div.owl-dot {
        margin: 9.31677% 0;
    }
}

@media (max-width: 700px) {
    section.Themestage.T3 .elements {
        flex-wrap: wrap;
        margin-left: -20px;
        margin-right: -20px;
        width: auto;
    }

    section.Themestage.T3 .elements .owl-stage-outer {
        width: 100%;
        order: 2;
    }

    section.Themestage.T3 div.owl-dots {
        margin-top: 0;
        width: 100%;
        order: 1;
        flex-direction: row;
        flex-wrap: wrap;
    }

    section.Themestage.T3 div.owl-dots div.owl-dot {
        flex: 1 0 auto;
        text-align: center;
        font-weight: normal;
        margin: 0;
        padding: 9px 8px 8px 8px;
        justify-content: center;
        background-color: #ebebeb;
        opacity: 1;
        filter: alpha(opacity = 100);
    }

    section.Themestage.T3 div.owl-dots div.owl-dot span {
        font-weight: normal;
        letter-spacing: 0;
    }

    section.Themestage.T3 div.owl-dots div.owl-dot.active {
        background-color: #a9bf00;
        color: #ffffff;
    }

    section.Themestage.T3 div.owl-dots div.owl-dot:before {
        content: none;
    }

    section.Themestage.T3 .elements .element .inner .firstpic {
        width: 100%;
        margin-bottom: 0;
    }

    section.Themestage.T3 .elements .element .inner .secondpic {
        display: none;
    }

    section.Themestage.T3 .elements .element .inner .text {
        position: absolute;
        left: 0;
        bottom: 0;
        padding: 10px 30px 10px 20px;
        width: auto;
        box-sizing: border-box;
    }

    section.Themestage.T3 .elements .element .inner .text .title a,
    section.Themestage.T3 .elements .element .inner .text .subtitle a,
    section.Themestage.T3 .elements .element .inner .text .title,
    section.Themestage.T3 .elements .element .inner .text .subtitle {
        color: #ffffff;
    }
}

@media (max-width: 600px) {
    section.Themestage.nospacebottommobile > div {
        padding-bottom: 9%;
    }

    section.Themestage.T3 .innerThemestage {
        overflow: hidden;
        margin-left: 0px;
        margin-right: 0px;
    }

    section.Themestage.T3 .innerThemestage .Intro {
        margin-left: 20px;
        margin-right: 20px;
    }

    section.Themestage.T3 .elements {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    section.Themestage.T3 .elements .owl-item {
        opacity: 0.4;
        filter: alpha(opacity = 40);
        transition: opacity 250ms ease-in-out 0ms;
    }

    section.Themestage.T3 .elements .owl-item.active {
        opacity: 1;
        filter: alpha(opacity = 100);
    }

    section.Themestage.T3 .elements .owl-stage-outer {
        overflow: visible;
    }

    section.Themestage.T3 div.owl-dots {
        margin-top: 15px;
        margin-bottom: 0px;
        order: 2;
    }

    section.Themestage.T3 div.owl-dots div.owl-dot {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        flex: unset;
        margin: 0 3px;
        padding: 0px 0px 0px 0px;
        background-color: #6c6c6c;
    }

    section.Themestage.T3 div.owl-dots div.owl-dot span {
        display: none;
    }
}

@media (max-width: 500px) {
    section.Themestage.T3 .elements .element .inner .text .subtitle {
        display: none;
    }
}

@media all {
    .TeaserGallery.T1 {
        overflow: hidden;
    }

    .TeaserGallery.T1 .innerTeaserGallery.T1 {
        padding-top: 0px;
    }

    .TeaserGallery.T1 .innerTeaserGallery.T1:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: calc(100% + 12.8125%);
    }

    .TeaserGallery.T1 .element .text {
        padding: 60px 50px;
    }

    .TeaserGallery.T1 .owl-item.active + .owl-item.active .element .text video {
        transition: opacity 0.3s ease;
    }

    .TeaserGallery.T1 .refresh-elements .owl-item.active + .owl-item.active .element .text video {
        opacity: 0;
    }

    .TeaserGallery.T1 .element .videoyoutube {
        padding-top: 56.25%;
        position: relative;
    }

    .TeaserGallery.T1 .element .videoyoutube iframe {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 2;
    }

    .TeaserGallery.T1 .element .video .video-controls {
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

    .TeaserGallery.T1 .element .video .video-controls.playing {
        opacity: 0;
    }

    .TeaserGallery.T1 .element .video .video-controls.paused,
    .TeaserGallery.T1 .element .video:hover .video-controls.playing {
        opacity: 1;
    }

    .TeaserGallery.T1 .element .title + .picture,
    .TeaserGallery.T1 .element .title + .svg,
    .TeaserGallery.T1 .element .picture + .introduction {
        margin-top: 40px;
    }

    .TeaserGallery.T1 .element .picture img {
        max-width: 100%;
        width: auto;
        margin: 0 auto;
    }

    .TeaserGallery.T1 .owl-item:nth-child(2n) .element {
        margin-top: 60px;
    }

    .TeaserGallery.T1.field-fullwidth .element .text {
        position: relative;
        padding: 0;
    }

    .TeaserGallery.T1.field-fullwidth .element .title + .picture,
    .TeaserGallery.T1.field-fullwidth .element .title + .svg,
    .TeaserGallery.T1.field-fullwidth .element .picture + .introduction {
        margin-top: 0px;
    }

    .TeaserGallery.T1.field-fullwidth .element .text .text-content {
        position: absolute;
        left: 0px;
        top: 0px;
        padding: 20px 50px;
        z-index: 5;
    }

    .TeaserGallery.T1.field-fullwidth .element .text .innerText:before {
        content: '';
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 200px;
        z-index: 1;
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000',endColorstr='#00000000',GradientType=0 );
    }

    .TeaserGallery.T1.field-fullwidth .element .text .text-content * {
        color: #ffffff;
    }

    .TeaserGallery.T1.field-fullwidth .owl-prev {
        left: 50px;
        width: 22px;
    }

    .TeaserGallery.T1.field-fullwidth .owl-next {
        right: 50px;
        width: 22px;
    }

    .TeaserGallery.T1.field-fullwidth .owl-prev svg,
    .TeaserGallery.T1.field-fullwidth .owl-next svg {
        fill: #ffffff;
        color: #ffffff;
    }
}

@media (max-width: 768px) {
    .TeaserGallery.T1 .element .text {
        padding: 30px 50px;
    }

    .TeaserGallery.T1 .element .title + .picture,
    .TeaserGallery.T1 .element .picture + .introduction {
        margin-top: 20px;
    }
}

@media (max-width: 600px) {
    .TeaserGallery.T1 .owl-item:nth-child(2n) .element {
        margin-top: 0;
    }

    .TeaserGallery.T1.field-fullwidth .element .text .text-content {
        padding: 20px;
    }

    .TeaserGallery.T1.field-fullwidth .owl-prev {
        left: 20px;
    }

    .TeaserGallery.T1.field-fullwidth .owl-next {
        right: 20px;
    }
}

@media all {
    section.Teaser.T1 .Intro.T1 {
        padding-bottom: 0;
    }

    section.Teaser.T1 .Intro + .elements {
        padding-top: 60px;
    }

    section.Teaser.T1 .Intro.withimage + .elements {
        margin-top: -12.096774%;
        padding-top: 0;
    }

    section.Teaser.T1 .Intro.withimage .element .inner .text {
        padding: 11.693548% 0 16.532258% 0;
    }

    section.Teaser.T1 .elements {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    section.Teaser.T1 .elements article {
        margin-bottom: 4.83871%;
        width: 47.580645%;
        position: relative;
    }

    section.Teaser.T1 .elements article:nth-child(2n) {
        margin-top: 4.83871%;
        margin-bottom: 0;
    }

    section.Teaser.T1 .elements article .innerText {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 2;
        margin: 4.237288% 5.084746%;
    }

    section.Teaser.T4 .elements article .picture img {
        aspect-ratio: auto !important;
    }

    section.Teaser.T5 .elements article .picture img {
        aspect-ratio: auto !important;
    }
}

@media (max-width: 1600px) {
    section.Teaser.T1 .Intro + .elements {
        padding-top: 4.83871%;
    }
}

@media (max-width: 1023px) {
    section.Teaser.T1 .Intro.withimage .element .inner .text {
        padding: 0 0 4.83871% 0;
    }

    section.Teaser.T1 .Intro.withimage + .elements {
        margin-top: 0;
    }
}

@media (max-width: 800px) {
    section.Teaser.T1 .elements article {
        width: 66.388889%;
        margin-bottom: 0;
    }

    section.Teaser.T1 .elements article:nth-child(2n) {
        width: 73.611111%;
        margin-left: auto;
        margin-top: 40px;
    }

    section.Teaser.T1 .Intro.withimage .element .inner .text {
        padding: 0 0 40px 0;
    }
}

@media (max-width: 600px) {
    section.Teaser.T1 .elements article,
    section.Teaser.T1 .elements article:nth-child(2n) {
        width: 84.477612%;
    }

    section.Teaser.T1 .elements article:nth-child(2n) {
        margin-top: 30px;
    }

    section.Teaser.T1 .elements article .text .subheadline {
        display: none;
    }

    section.Teaser.T1 .Intro.withimage .element .inner .text {
        padding: 0 0 25px 0;
    }
}

@media all {
    section.Teaser.T2 .Intro.T2 {
        padding-bottom: 0;
    }

    section.Teaser.T2.bghighlight .Intro.T2 .headline.title {
        color: #4d4d4d;
    }

    section.Teaser.T2 .elements {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    section.Teaser.T2 .elements article {
        width: 50%;
        position: relative;
    }

    section.Teaser.T2 .elements article .innerText {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 2;
        margin: 4.375% 5.625%;
        max-width: 680px;
    }
}

@media (max-width: 600px) {
    section.Teaser.T2 .elements article {
        width: 100%;
    }

    section.Teaser.T2 .elements article .text .subheadline {
        display: none;
    }
}

@media all {
    section.Teaser.T3 .innerTeaser {
        padding-bottom: 0;
    }

    section.Teaser.T3 .Intro {
        width: 80%;
        max-width: 900px;
        margin: 0 auto;
        text-align: center;
    }

    section.Teaser.T3 .Intro .element .inner .text {
        width: 80%;
        margin: 0 auto;
        text-align: center;
    }

    section.Teaser.T3 .Intro .element .inner .text .subheadline {
        margin-top: 4px;
    }

    section.Teaser.T3 .elements {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    section.Teaser.T3 .elements article {
        width: 33.333333%;
        position: relative;
    }

    section.Teaser.T3 .elements article .innerText {
        position: absolute;
        left: 0;
        max-width: 450px;
        bottom: 0;
        z-index: 2;
        margin: 4.375% 5.625%;
    }
}

@media (max-width: 600px) {
    section.Teaser.T3 .Intro {
        width: 90%;
    }

    section.Teaser.T3 .elements {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    section.Teaser.T3 .innerTeaser {
        overflow: hidden;
        padding-bottom: 7.8125%;
    }

    section.Teaser.T3 .elements .owl-dots {
        margin: 20px auto 0;
    }

    section.Teaser.T3 .elements.owl-carousel .owl-stage-outer {
        overflow: visible;
    }

    section.Teaser.T3 .elements.owl-carousel svg {
        color: #ffffff;
    }

    section.Teaser.T3 .elements.owl-carousel .owl-item {
        opacity: 0.4;
        filter: alpha(opacity = 40);
        transition: opacity 250ms ease-in-out 0ms;
    }

    section.Teaser.T3 .elements.owl-carousel .owl-item.active {
        opacity: 1;
        filter: alpha(opacity = 100);
    }

    section.Teaser.T3 .elements article {
        width: 100%;
    }
}

@media all {
    section.Teaser.T4 .elements:not(.owl-carousel) div.text,
    section.Teaser.T5 .elements:not(.owl-carousel) div.text {
        position: absolute;
        left: 0;
        top: 0%;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
    }

    section.Teaser.T5 .innerTeaser {
        background: #f3f3f3;
    }

    section.Teaser.T5.infografik {
        margin-bottom: 90px;
    }

    section.Teaser.T4 .elements:not(.owl-carousel) div.text .innerText,
    section.Teaser.T5 .elements:not(.owl-carousel) div.text .innerText {
        padding: 0;
    }

    section.Teaser.T4 .elements:not(.owl-carousel) div.text .innerText .detaillink,
    section.Teaser.T4 .elements:not(.owl-carousel) div.text .innerText .headline,
    section.Teaser.T4 .elements:not(.owl-carousel) div.text .innerText .subheadline,
    section.Teaser.T5 .elements:not(.owl-carousel) div.text .innerText .detaillink,
    section.Teaser.T5 .elements:not(.owl-carousel) div.text .innerText .headline,
    section.Teaser.T5 .elements:not(.owl-carousel) div.text .innerText .subheadline {
        position: relative;
        z-index: 1;
    }

    section.Teaser.T4 .elements:not(.owl-carousel) div.text .innerText .headline,
    section.Teaser.T4 .elements:not(.owl-carousel) div.text .innerText .subheadline,
    section.Teaser.T5 .elements:not(.owl-carousel) div.text .innerText .headline,
    section.Teaser.T5 .elements:not(.owl-carousel) div.text .innerText .subheadline {
        width: 52%;
        max-width: 600px;
    }

    section.Teaser.T4 .elements:not(.owl-carousel) div.text .innerText .detaillink,
    section.Teaser.T5 .elements:not(.owl-carousel) div.text .innerText .detaillink {
        margin-top: 30px;
    }

    section.Teaser.T5 .elements.owl-carousel {
        position: absolute;
        bottom: 0;
        right: 11.25%;
        z-index: 1;
        width: 35.16129%;
        max-width: 436px;
        -webkit-transform: translateY(25%);
        transform: translateY(25%);
    }

    section.Teaser.T5 .elements.owl-carousel .element .innerText {
        padding: 6.666667%;
    }

    section.Teaser.T5 .elements.owl-carousel .element .innerText img {
        width: auto;
        max-width: 100%;
        display: inline-block;
    }

    section.Teaser.T5 .elements.owl-carousel .element .innerText .picture,
    section.Teaser.T5 .elements.owl-carousel .element .innerText .introduction {
        margin-top: 4.444444%;
    }

    section.Teaser.T5 .elements.owl-carousel .owl-dots {
        text-align: center;
        margin-bottom: 6.666667%;
    }

    section.Teaser.T5 .elements.owl-carousel .owl-dots .owl-dot {
        border-color: #6c6c6c;
    }

    section.Teaser.T5 .elements.owl-carousel .owl-dots .owl-dot.active,
    section.Teaser.T5 .elements.owl-carousel .owl-dots .owl-dot:hover {
        background-color: #a9bf00;
        border-color: #a9bf00;
    }
}

@media (max-width: 1250px) {
    section.Teaser.T5 .elements.owl-carousel {
        width: 36.8%;
    }
}

@media (max-width: 1024px) {
    section.Teaser.T5 .elements.owl-carousel {
        width: 43.945313%;
        right: 5%;
    }

    section.Teaser.T5 .elements.owl-carousel .element .innerText {
        padding: 6.666667% 4.444444%;
    }

    section.Teaser.T5 .elements.owl-carousel .owl-dots {
        margin-bottom: 6.666667%;
    }
}

@media (max-width: 768px) {
    section.Teaser.T5 .innerTeaser {
        display: flex;
        flex-direction: column;
        flex-direction: column-reverse;
    }

    section.Teaser.T5 .elements {
        position: relative;
        width: 100%;
    }

    section.Teaser.T5 .elements.owl-carousel {
        display: none;
    }

    section.Teaser.T5.infografik {
        margin-bottom: 0px;
    }

    section.Teaser.T4 .elements:not(.owl-carousel) div.text .innerText .headline,
    section.Teaser.T4 .elements:not(.owl-carousel) div.text .innerText .subheadline,
    section.Teaser.T5 .elements:not(.owl-carousel) div.text .innerText .headline,
    section.Teaser.T5 .elements:not(.owl-carousel) div.text .innerText .subheadline {
        width: auto;
        max-width: 600px;
    }
}

@media (max-width: 600px) {
    section.Teaser.T4,
    section.Teaser.T5 {
        background-color: #ebebeb;
    }

    section.Teaser.T4 .elements:not(.owl-carousel) div.text,
    section.Teaser.T5 .elements:not(.owl-carousel) div.text {
        position: static;
        padding: 25px 0 40px 0;
    }

    section.Teaser.T4 .elements:not(.owl-carousel) div.text .innerText .headline a,
    section.Teaser.T4 .elements:not(.owl-carousel) div.text .innerText .subheadline,
    section.Teaser.T5 .elements:not(.owl-carousel) div.text .innerText .headline a,
    section.Teaser.T5 .elements:not(.owl-carousel) div.text .innerText .subheadline {
        color: #4d4d4d;
    }

    section.Teaser.T4 .elements:not(.owl-carousel) div.text .innerText .subheadline,
    section.Teaser.T5 .elements:not(.owl-carousel) div.text .innerText .subheadline {
        margin-top: 2px;
    }

    section.Teaser.T4 .elements:not(.owl-carousel) div.text .innerText:after,
    section.Teaser.T5 .elements:not(.owl-carousel) div.text .innerText:after {
        content: none;
    }

    section.Teaser.T4 .elements:not(.owl-carousel) div.text .innerText .detaillink,
    section.Teaser.T5 .elements:not(.owl-carousel) div.text .innerText .detaillink {
        margin-top: 17px;
    }
}

@media all {
    section.Teaser.List .element + .element {
        margin-top: 80px;
    }

    section.Teaser.List .element .inner {
        display: flex;
    }

    section.Teaser.List .element .inner .innerText {
        display: flex;
        flex-direction: column;
    }

    section.Teaser.List .element .inner .picture {
        width: 78.790323%;
        margin-bottom: 5.241935%;
    }

    section.Teaser.List .element .inner .text {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        width: 30.080645%;
        margin-left: -8.870968%;
        margin-top: 14.112903%;
        box-sizing: border-box;
        padding: 4.435484%;
    }

    section.Teaser.List .element .inner .text .subheadline {
        margin-top: 5px;
    }

    section.Teaser.List .element .inner .text .detaillink {
        margin-top: 40px;
    }

    section.Teaser.List .element:nth-child(2n) .inner .picture {
        order: 2;
    }

    section.Teaser.List .element:nth-child(2n) .inner .text {
        order: 1;
        margin-left: 0;
        margin-right: -8.870968%;
    }

    section.Teaser.List .element .inner .subheadline.readmore:not(.opened) {
        display: -webkit-box;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    section.Teaser.List .element .inner .defaultFs {
        display: inline;
    }

    section.Teaser.List .element .inner .expandable {
        display: none;
    }

    section.Teaser.List .element .inner .toggler .readless {
        display: none;
    }

    section.Teaser.List .element .inner .toggler.active .readless {
        display: block;
    }

    section.Teaser.List .element .inner .toggler.active .readmore {
        display: none;
    }
}

@media (max-width: 1600px) {
    section.Teaser.List .element + .element {
        margin-top: 6.451613%;
    }
}

@media (max-width: 900px) {
    section.Teaser.List .element .inner {
        display: block;
    }

    section.Teaser.List .element .inner .picture {
        margin-bottom: 0;
        width: auto;
        margin-right: 50px;
    }

    section.Teaser.List .element .inner .text {
        margin-left: 50px;
        width: auto;
        margin-top: -50px;
    }

    section.Teaser.List .element:nth-child(2n) .inner .text {
        margin-right: 50px;
    }

    section.Teaser.List .element:nth-child(2n) .inner .picture {
        margin-right: 0;
        margin-left: 50px;
    }

    section.Teaser.List .element .inner .subheadline.readmore:not(.opened) {
        -webkit-line-clamp: 5;
    }
}

@media (max-width: 550px) {
    section.Teaser.List .element + .element {
        margin-top: 35px;
    }

    section.Teaser.List .element .inner .picture {
        margin-right: 0px;
    }

    section.Teaser.List .element .inner .text {
        margin-left: 0px;
        margin-top: -10px;
        margin-left: 10px;
        margin-right: -10px;
    }

    section.Teaser.List .element:nth-child(2n) .inner .text {
        margin-right: 10px;
        margin-left: -10px;
    }

    section.Teaser.List .element:nth-child(2n) .inner .picture {
        margin-left: 0px;
    }
}

@media all {
    div.StyleguideT1 {
        margin-top: 60px;
        margin-bottom: 60px;
        position: relative;
    }

    div.StyleguideT1 [data-setGroupKey] {
        cursor: pointer;
        position: relative;
    }

    div.StyleguideT1 [data-setGroupKey].texthover:hover {
        background-color: rgba(245, 241, 239, 0.6);
    }

    div.StyleguideT1 [data-setGroupKey]:hover::after {
        content: 'click to set styles';
        position: absolute;
        right: 0;
        top: 0;
        background-color: #1d202e;
        color: #ffffff;
        padding: 4px 10px;
        font-size: 15px;
        line-height: 18px;
    }

    div.StyleguideT1 div.innerStyleguide {
        width: 72.649573%;
    }

    div.StyleguideT1 div.innerForm span.close {
        position: absolute;
        right: 20px;
        top: 20px;
        cursor: pointer;
    }

    div.StyleguideT1 a.fontbutton {
        margin-top: 30px;
    }

    div.StyleguideT1 h1.h1 {
        color: #4d4d4d;
        font-size: 3.75em;
        line-height: normal;
        font-weight: normal;
    }

    div.StyleguideT1 h2.h2 {
        color: #999999;
        border-bottom: solid 1px #bfbfbf;
        font-size: 2em;
        line-height: normal;
        margin: 1.25em 0 0.625em 0;
        padding: 0 0 0.3125em 0;
        font-weight: normal;
    }

    div.StyleguideT1 div.responsiveBoxes div {
        margin-bottom: 20px;
    }

    div.StyleguideT1 div.responsiveBoxes div.tablet {
        font-size: 17px;
        line-height: 26px;
        letter-spacing: 0px;
    }

    div.StyleguideT1 div.responsiveBoxes div.mobile {
        font-size: 15px;
        line-height: 20px;
        letter-spacing: 0px;
    }

    div.StyleguideT1 div.responsiveBoxes.small div.tablet {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0px;
    }

    div.StyleguideT1 div.responsiveBoxes.small div.mobile {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0px;
    }

    div.StyleguideT1 div.responsiveBoxes.smaller div.tablet {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 1px;
    }

    div.StyleguideT1 div.responsiveBoxes.smaller div.mobile {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 1px;
    }

    div.StyleguideT1 div.responsiveBoxes.medium1 div.tablet {
        font-size: 19px;
        line-height: 28px;
        letter-spacing: 0px;
    }

    div.StyleguideT1 div.responsiveBoxes.medium1 div.mobile {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0px;
    }

    div.StyleguideT1 div.responsiveBoxes.large1 div.tablet {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: 0px;
    }

    div.StyleguideT1 div.responsiveBoxes.large1 div.mobile {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: 0px;
    }

    div.StyleguideT1 div.responsiveBoxes div:first-child {
        margin-left: 0;
    }

    div.StyleguideT1 div.responsiveBoxes span {
        display: block;
        margin-bottom: 5px;
    }

    div.StyleguideT1 div.headlineboxInner {
        margin-bottom: 60px;
    }

    div.StyleguideT1 div.headlineboxInner div {
        margin-bottom: 20px;
    }

    div.StyleguideT1 div.headlineboxInner.hlt1large div.tablet,
    div.StyleguideT1 div.headlineboxInner.hlt1large div.tablet h1.t1large {
        font-size: 50px;
        line-height: 58px;
        letter-spacing: 0px;
    }

    div.StyleguideT1 div.headlineboxInner.hlt1large div.mobile,
    div.StyleguideT1 div.headlineboxInner.hlt1large div.mobile h1.t1large {
        font-size: 30px;
        line-height: 34px;
        letter-spacing: 0px;
    }

    div.StyleguideT1 div.headlineboxInner.hlt1 div.tablet,
    div.StyleguideT1 div.headlineboxInner.hlt1 div.tablet h1.t1 {
        font-size: 38px;
        line-height: 46px;
        letter-spacing: 0px;
    }

    div.StyleguideT1 div.headlineboxInner.hlt1 div.mobile,
    div.StyleguideT1 div.headlineboxInner.hlt1 div.mobile h1.t1 {
        font-size: 29px;
        line-height: 33px;
        letter-spacing: 0px;
    }

    div.StyleguideT1 div.headlineboxInner.hlt2 div.tablet,
    div.StyleguideT1 div.headlineboxInner.hlt2 div.tablet h2.t2 {
        font-size: 22px;
        line-height: 32px;
        letter-spacing: 0px;
    }

    div.StyleguideT1 div.headlineboxInner.hlt2 div.mobile,
    div.StyleguideT1 div.headlineboxInner.hlt2 div.mobile h2.t2 {
        font-size: 19px;
        line-height: 26px;
        letter-spacing: 0px;
    }

    div.StyleguideT1 div.headlineboxInner.hlt3 div.tablet,
    div.StyleguideT1 div.headlineboxInner.hlt3 div.tablet h3.t3 {
        font-size: 28px;
        line-height: 34px;
        letter-spacing: 0px;
    }

    div.StyleguideT1 div.headlineboxInner.hlt3 div.mobile,
    div.StyleguideT1 div.headlineboxInner.hlt3 div.mobile h3.t3 {
        font-size: 22px;
        line-height: 28px;
        letter-spacing: 0px;
    }

    div.StyleguideT1 div.headlineboxInner.hlt4 div.tablet,
    div.StyleguideT1 div.headlineboxInner.hlt4 div.tablet h4.t4 {
        font-size: 24px;
        line-height: 28px;
        letter-spacing: 0px;
    }

    div.StyleguideT1 div.headlineboxInner.hlt4 div.mobile,
    div.StyleguideT1 div.headlineboxInner.hlt4 div.mobile h4.t4 {
        font-size: 18px;
        line-height: 21px;
        letter-spacing: 0px;
    }

    div.StyleguideT1 div.headlineboxInner.hlt5 div.tablet,
    div.StyleguideT1 div.headlineboxInner.hlt5 div.tablet h5.t5 {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: 0px;
    }

    div.StyleguideT1 div.headlineboxInner.hlt5 div.mobile,
    div.StyleguideT1 div.headlineboxInner.hlt5 div.mobile h5.t5 {
        font-size: 17px;
        line-height: 21px;
        letter-spacing: 0px;
    }

    div.StyleguideT1 div.headlineboxInner.hlt6 div.tablet,
    div.StyleguideT1 div.headlineboxInner.hlt6 div.tablet h6.t6 {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0px;
    }

    div.StyleguideT1 div.headlineboxInner.hlt6 div.mobile,
    div.StyleguideT1 div.headlineboxInner.hlt6 div.mobile h6.t6 {
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0px;
    }

    div.StyleguideT1 div.headlinesInner {
        display: flex;
        margin-bottom: 0;
    }

    div.StyleguideT1 div.headlinesInner div {
        width: 32.478632%;
        margin-left: 1.282051%;
    }

    div.StyleguideT1 div.headlinesInner div:first-child {
        margin-left: 0;
    }

    div.StyleguideT1 div.defaulti {
        padding: 1.709402% 3.931624%;
    }

    div.StyleguideT1 div.medium1i {
        padding: 1.709402% 3.931624%;
    }

    div.StyleguideT1 div.large1i {
        padding: 1.709402% 3.931624%;
    }

    div.StyleguideT1 a.button1 {
        vertical-align: text-bottom;
    }

    div.StyleguideT1 a.button1.hover {
        color: #ffffff;
        box-shadow: inset 0 0 4px 500px rgba(0, 0, 0, 0.25);
    }

    div.StyleguideT1 a.button2 {
        margin-right: 1.025641%;
        vertical-align: text-bottom;
    }

    div.StyleguideT1 a.button2.hover {
        color: #ffffff;
        box-shadow: inset 0 0 4px 500px rgba(0, 0, 0, 0.25);
    }
}

div.StyleguideT1 .rowbg {
    display: flex;
}

div.StyleguideT1 .rowbg div.bgbox {
    width: 34.188034%;
    margin-right: 2.136752%;
    margin-bottom: 2.136752%;
    border: 1px solid #000000;
    position: relative;
}

div.StyleguideT1 .rowbg div.bgbox.bgweb {
    border-color: #ffffff;
}

div.StyleguideT1 .rowbg div.bgbox.bgweb2 {
    border-color: #f3f3f3;
}

div.StyleguideT1 .rowbg div.bgbox.bglist {
    border-color: #ebebeb;
}

div.StyleguideT1 .rowbg div.bgbox.bglistalternate {
    border-color: #707173;
}

div.StyleguideT1 .rowbg div.bgbox.bgbar {
    border-color: #707173;
}

div.StyleguideT1 .rowbg div.bgbox.bghighlight {
    border-color: #a9bf00;
}

div.StyleguideT1 .rowbg div.bgbox.bghighlight2 {
    border-color: #f3f3f3;
}

div.StyleguideT1 .rowbg div.bgbox.bggallerybox {
    border-color: #463d31;
}

div.StyleguideT1 .rowbg div.bgbox.bgheader {
    border-color: #ffffff;
}

div.StyleguideT1 .rowbg div.bgbox.bgheader2 {
    border-color: #f3f3f3;
}

div.StyleguideT1 .rowbg div.bgbox.bgmobile {
    border-color: #a3a4a6;
}

div.StyleguideT1 .rowbg div.bgbox.bgfooter {
    border-color: #ffffff;
}

div.StyleguideT1 .rowbg div.bgbox.bgfooter2 {
    border-color: #eeeeee;
}

div.StyleguideT1 .rowbg div.bgbox div.inner {
    padding: 7.272727%;
}

div.StyleguideT1 .rowbg div.bgbox div.inner a {
    display: block;
}

div.StyleguideT1 .rowbg div.bgbox div.inner div.buttons {
    margin-top: 20px;
}

div.StyleguideT1 .rowbg div.bgbox div.inner a.button {
    display: inline-block;
    margin-bottom: 10px;
}

div.StyleguideT1 .rowbg div.bgbox div.inner a.button svg.icon {
    width: 18px;
    height: 18px;
    line-height: 23px;
    margin-right: 3px;
}

div.StyleguideT1 .rowbg div.bgbox img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

div.StyleguideT1 .rowbg div.bgbox div.gallerybox {
    position: relative;
    z-index: 1;
}

div.StyleguideT1 .rowbg div.bgbox form div.row.input div.inputfield {
    width: 80%;
}

div.StyleguideT1 .bgstyleguide {
    display: inline-block;
    margin: 10px 2.564103% 0.854701% 10px;
    width: 8.625em;
    height: 3.375em;
}

div.StyleguideT1 .bgstyleguide.hover {
    -webkit-box-shadow: inset 0 0 4px 500px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 0 4px 500px rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000',endColorstr='#40000000',GradientType=0);
}

div.StyleguideT1 .points1v {
    float: left;
    display: inline;
    margin: 0 2.222222% 0 1.538462%;
}

div.StyleguideT1 .points1h {
    float: left;
}

div.StyleguideT1 .points2v {
    float: left;
    display: inline;
    margin: 0 2.222222% 0 1.538462%;
}

div.StyleguideT1 .points2h {
    float: left;
}

div.StyleguideT1 .points3v {
    float: left;
    display: inline;
    margin: 0 2.222222% 0 1.538462%;
}

div.StyleguideT1 .points3h {
    float: left;
}

div.StyleguideT1 .tab1 {
    margin: 0 0 1.125em 0;
}

div.StyleguideT1 .tab3 {
    margin: 0 0 1.125em 0;
}

div.StyleguideT1 div.fonticons span {
    float: left;
    line-height: 1.375em;
    margin: 0 0 20px 0;
    width: 22.051282%;
}

div.StyleguideT1 div.fonticons svg.icon {
    float: left;
    display: inline;
    margin-right: 5px;
}

div.StyleguideT1 div.fonticons span span {
    float: none;
    margin: 0;
    width: auto;
    line-height: 1em;
}

div.StyleguideT1 div.formbg {
    float: left;
    display: inline;
    width: 42.735043%;
    margin-right: 3.418803%;
    padding: 20px 0;
    border: 1px solid #ffffff;
}

div.StyleguideT1 div.formbg div.row {
    margin: 20px 4% 0 4%;
}

div.StyleguideT1 div.formbg div.row div.selectfield,
div.StyleguideT1 div.formbg div.row div.inputfield,
div.StyleguideT1 div.formbg div.row div.textarea {
    width: 100%;
}

div.StyleguideForm {
    width: 31.25%;
    height: 100vh;
    background-color: #f5f1ef;
    position: fixed;
    right: -1000px;
    top: 0;
    z-index: 100;
    box-shadow: -1px 0 5px 0 rgba(48, 46, 48, 1);
}

div.StyleguideForm > div.innerForm {
    padding: 20px;
    height: calc(100% - 52px);
    overflow-y: auto;
    box-sizing: border-box;
}

div.StyleguideForm > div.innerForm .title {
    color: #1c2955;
}

div.StyleguideForm div.innerForm form {
    font-size: 15px;
}

div.StyleguideForm div.innerForm form div.inputfield {
    width: 100%;
}

div.StyleguideForm div.innerForm form div.inputfield input {
    height: 40px;
    background-color: rgba(204, 196, 183, 0.3);
    color: #1c2955;
    border: 1px solid #404d5b;
}

div.StyleguideForm div.innerForm form div.row.select div.selectfield {
    width: 100%;
}

div.StyleguideForm div.innerForm form div.selectfield span.field {
    line-height: 25px;
    background-color: rgba(204, 196, 183, 0.3);
    color: #1c2955;
    border: 1px solid #404d5b;
}

div.StyleguideForm div.innerForm form label.label {
    width: 100%;
    color: #1c2955;
}

div.StyleguideForm div.innerForm a.button {
    display: inline-block;
    margin-top: 20px;
    padding: 10px 0;
    text-align: center;
    font-size: 20px;
}

div.StyleguideForm div.innerForm div.row {
    float: none;
    display: block;
    width: 100%;
    -webkit-transition: background 1s;
    transition: background 1s;
}

div.StyleguideForm div.innerForm div.row.highlight {
    background: #e84944;
    -webkit-transition: background 0s;
    transition: background 0s;
}

div.StyleguideForm div.innerForm div.submit {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10px 20px 10px 20px;
    box-sizing: border-box;
    z-index: 5;
}

div.StyleguideForm div.innerForm div.submit a.senden {
    margin: 0;
}

div.StyleguideForm div.innerForm div.fonts {
    display: none;
}

div.StyleguideForm div.innerForm div.fonts div.buttonheadline {
    margin-top: 30px;
}

div.StyleguideForm div.innerForm div.group {
    margin: 0 0 20px 0;
}

div.StyleguideForm div.innerForm div.group div.headline {
    position: relative;
    cursor: pointer;
}

div.StyleguideForm div.innerForm div.group div.fields {
    display: none;
}

div.StyleguideForm div.innerForm div.group.active div.fields {
    display: block;
}

div.StyleguideForm div.innerForm div.group div.icon {
    position: absolute;
    right: 0;
    top: 3px;
    z-index: 2;
}

div.StyleguideForm div.innerForm div.group div.icon svg {
    -webkit-transition: transform linear 500ms;
    transition: transform linear 500ms;
}

div.StyleguideForm div.innerForm div.group.active div.icon svg {
    transform: rotate(180deg);
}

div.StyleguideForm div.innerForm div.group div.smallfield {
    float: none;
    display: block;
    width: 30.434783%;
    margin-left: 0;
}

div.StyleguideForm div.innerForm div.group div.opacityfield {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

div.StyleguideForm div.innerForm div.group div.opacityfield div.row {
    float: none;
    display: block;
    width: 30.434783%;
}

div.StyleguideForm div.innerForm div.group div.opacityfield div.opacityfield {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    width: 61.956522%;
    margin: 0 0 0 1.086957%;
}

div.StyleguideForm div.innerForm div.group div.opacityfield div.opacityfield div.row {
    float: none;
    display: block;
    width: 49.122807%;
}

div.StyleguideForm div.innerForm div.group div.opacityfield div.opacityfield div[data-opacityslider] {
    float: none;
    display: block;
    width: 42.105263%;
}

div.StyleguideForm div.innerForm div.group div.colorfield {
    float: none;
    display: block;
    width: 47.826087%;
}

div.StyleguideForm div.innerForm div.group div.subgroup {
    margin: 20px 0 60px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

div.StyleguideForm div.innerForm div.group div.subgroup div.subheadline {
    margin-bottom: 12px;
    display: block;
    width: 100%;
}

div.StyleguideForm div.innerForm div.group div.onlyheadline {
    display: block;
    width: 100%;
    clear: both;
    padding-top: 20px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    border-bottom: 1px solid #bbbbbb;
}

div.StyleguideForm div.innerForm a.button1 {
    background-color: #a9bf00;
    color: #ffffff;
}

div.StyleguideForm div.innerForm a.button1:hover {
    background-color: #8fa400;
    color: #ededed;
}

div.StyleguideForm .noUi-target {
    float: left;
    display: inline;
    width: 45.614035%;
    margin: 45px 0 30px 3.508772%;
    position: relative;
    direction: ltr;
    border-radius: 4px;
}

div.StyleguideForm .noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.StyleguideForm .noUi-target.noUi-connect {
    position: relative;
}

div.StyleguideForm .noUi-base {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

div.StyleguideForm .noUi-origin {
    border-radius: 2px;
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
}

div.StyleguideForm .noUi-handle {
    cursor: pointer;
    position: relative;
    z-index: 1;
    left: -13px;
    top: -10px;
    width: 28px;
    height: 28px;
    background-color: #ffffff;
    border-radius: 50%;
}

div.StyleguideForm .noUi-handle:after {
    content: '';
    position: absolute;
    left: 8px;
    top: 8px;
    width: 12px;
    height: 12px;
    background-color: #009ddf;
    border-radius: 50%;
    z-index: 5;
}

div.StyleguideForm .noUi-stacking .noUi-handle {
    z-index: 10;
}

div.StyleguideForm .noUi-stacking + .noUi-origin {
    /* *z-index: -1; */
}

div.StyleguideForm .noUi-state-tap .noUi-origin {
    -webkit-transition:
        left 0.3s,
        top 0.3s;
    transition:
        left 0.3s,
        top 0.3s;
}

div.StyleguideForm .noUi-state-drag * {
    cursor: inherit !important;
}

div.StyleguideForm .noUi-origin {
    background: #f9eed9;
    height: 10px;
}

div.StyleguideForm .noUi-connect {
    height: 8px;
    background: #009ddf;
    -webkit-transition: background 450ms;
    transition: background 450ms;
}

div.StyleguideForm .noUi-dragable {
    cursor: w-resize;
}

form div.row.select.select2 div.selectfield {
    height: auto;
}

form div.row.select.select2 div.selectfield span.select {
    display: none;
}

.select2-container li:before {
    content: none;
}

.select2-container--focus:focus {
    outline: none;
}

:focus {
    outline: none;
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative;
}

.select2-container[dir='rtl'] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px;
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-search--inline {
    float: left;
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}

.select2-results {
    display: block;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
    cursor: pointer;
}

.select2-container--open .select2-dropdown {
    left: 0;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-search--dropdown {
    display: block;
    padding: 4px;
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
    display: none;
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--default[dir='rtl'] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--default[dir='rtl'] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
    xbackground-color: white;
    xborder: 1px solid #aaa;
    xborder-radius: 4px;
    cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333;
}

.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-search--inline {
    float: right;
}

.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: none;
    outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--default .select2-results__option[role='group'] {
    padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled='true'] {
    color: #999;
}

.select2-container--default .select2-results__option[aria-selected='true'] {
    background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em;
}

.select2-container--default
    .select2-results__option
    .select2-results__option
    .select2-results__option
    .select2-results__option {
    margin-left: -2em;
    padding-left: 3em;
}

.select2-container--default
    .select2-results__option
    .select2-results__option
    .select2-results__option
    .select2-results__option
    .select2-results__option {
    margin-left: -3em;
    padding-left: 4em;
}

.select2-container--default
    .select2-results__option
    .select2-results__option
    .select2-results__option
    .select2-results__option
    .select2-results__option
    .select2-results__option {
    margin-left: -4em;
    padding-left: 5em;
}

.select2-container--default
    .select2-results__option
    .select2-results__option
    .select2-results__option
    .select2-results__option
    .select2-results__option
    .select2-results__option
    .select2-results__option {
    margin-left: -5em;
    padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: white;
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
    background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFCCCCCC',GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--classic[dir='rtl'] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--classic[dir='rtl'] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
    background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
    background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFFFFFFF',GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555;
}

.select2-container--classic[dir='rtl'] .select2-selection--multiple .select2-selection__choice {
    float: right;
}

.select2-container--classic[dir='rtl'] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--classic[dir='rtl'] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none;
}

.select2-container--classic .select2-dropdown {
    background-color: white;
    border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
    border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--classic .select2-results__option[role='group'] {
    padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled='true'] {
    color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: white;
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb;
}

@media (max-width: 700px) {
    div.StyleguideT1 div.headlinebox {
        float: none;
        display: block;
        width: auto;
    }

    div.StyleguideT1 div.headlineboxinvert {
        float: none;
        display: block;
        width: auto;
        margin-top: 20px;
    }
}

@media all {
    section.SocialWall div.innerSocialWall {
        padding-bottom: 0px;
    }

    section.SocialWall div.innerSocialWall .introduction {
        padding-top: 7px;
    }

    section.SocialWall div.innerSocialWall .innerIntro {
        padding-bottom: 60px;
    }

    section.SocialWall div.innerSocialWall .socialicons {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 30px;
        padding-bottom: 60px;
    }

    section.SocialWall div.innerSocialWall .socialicons .item {
        margin: 0px 6px 0px 6px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        width: 55px;
        height: 55px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media (max-width: 1600px) {
    section.SocialWall div.innerSocialWall .innerIntro {
        padding-bottom: 4.83871%;
    }
}

@media (max-width: 600px) {
    section.SocialWall div.innerSocialWall .innerIntro {
        padding-bottom: 30px;
    }

    section.SocialWall div.innerSocialWall .socialicons {
        padding-top: 20px;
        padding-bottom: 30px;
    }
}

@media all {
    section.unitsitemap.layout1 > * {
        width: 77.5%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 1100px) {
    section.unitsitemap.layout1 > * {
        width: 90%;
    }
}

@media (max-width: 768px) {
    section.unitsitemap.layout1 > * {
        width: auto;
        margin-left: 30px;
        margin-right: 30px;
    }
}

@media all {
    div.Menu {
        background-color: #ffffff;
        position: fixed;
        left: 0;
        top: 0;
        width: 70px;
        height: 100%;
        z-index: 80;
        transition: width 200ms linear;
    }

    div.Menu nav.mainmenu {
        width: 100%;
        height: 100%;
    }

    div.Menu ul li {
        display: block;
    }

    div.Menu div.menubar {
        float: right;
        width: 70px;
        height: 100%;
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    }

    div.Menu div.menubar ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    div.Menu div.menubar > ul > li {
        border-bottom: solid 2px #707173;
        margin: 0;
        padding: 0;
        position: relative;
        left: 0;
        text-indent: 0;
    }

    div.Menu div.menubar ul li svg {
        width: 36px;
        height: 36px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -18px 0 0 -18px;
    }

    div.Menu div.menubar ul li:before {
        content: none;
    }

    div.Menu div.menubar ul li > a {
        display: block;
        width: 70px;
        height: 70px;
        position: relative;
    }

    div.outerFrameDefault {
        margin: 0 0 0 70px;
        transition: margin 200ms linear;
    }

    body.moduleInstancePreview div.outerFrameDefault {
        margin: 0;
    }

    body {
        overflow-x: hidden;
    }
}

@media all {
    div.SetupT1 .title {
        margin-bottom: 30px;
    }
}

@media all {
    div.searchcontainer {
        width: 100%;
        position: relative;
        z-index: 70;
    }

    div.searchcontainer div.searchinner {
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    }

    div.searchcontainer div.searchinner .title {
        margin-bottom: 20px;
    }

    div.searchcontainer div.input {
        margin: 22px 0 4px 0;
    }

    div.searchcontainer div.input div.inner {
        position: relative;
    }

    div.searchcontainer div.input div.inner input {
        width: calc(100% - 42px);
        border: 0;
        opacity: 0.4;
        filter: alpha(opacity = 40);
    }

    div.searchcontainer div.input div.inner input:focus {
        opacity: 1;
        filter: alpha(opacity = 100);
    }

    div.searchcontainer div.input div.inner .link {
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        transition: opacity 600ms linear 0ms;
    }

    div.searchcontainer div.input svg {
        display: block;
        width: 36px;
        height: 33px;
        fill: #a9bf00;
    }

    div.Search.T1 div.inner {
    }

    div.Search.T1 div.inner ul.results li.result {
        margin-top: 2.5%;
    }

    div.Search.T1 div.inner ul.results li.result a {
        display: block;
    }

    div.Search.T1 div.inner ul.results li.result a span {
        display: block;
    }

    div.Search.T1 div.inner ul.results li.result a span.path span.icon-next {
        display: inline;
    }

    div.Search.T1 div.inner ul.results li.result a span.path span.icon-next svg {
        width: 8px;
        height: 8px;
        margin: 0 5px 2px 5px;
    }

    div.Search.T1 div.inner ul.results li.result a span.path + .name {
        margin-top: 12px;
    }

    div.Search.T1 div.inner .paging1 {
        padding-top: 40px;
    }

    div.Search.T1 div.inner .paging1 a:first-of-type:last-of-type,
    div.Search.T1 div.inner .paging1 a:not(.prev):not(.next):not(.visible) {
        display: block;
    }
}

@media (max-width: 650px) {
    div.searchcontainer div.input div.inner input {
        width: calc(100% - 20px);
    }

    div.searchcontainer div.input svg {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 440px) {
    div.searchcontainer div.input svg {
        margin-left: 10px;
    }
}

@media all {
    .Rezeptlist[data-view='List'] .filterV2 .filterform > div {
        width: 50%;
    }

    .Rezeptlist[data-view='List'] [data-layouter='masonry'] {
        padding-top: 50px;
    }

    .Rezeptlist[data-view='List'] [data-layouter='masonry'] .gutter-sizer {
        width: 4.83871%;
        margin-top: 0;
    }

    .Rezeptlist[data-view='List'] [data-layouter='masonry'] .grid-sizer {
        width: 47.580645%;
        margin-top: 0;
    }

    .Rezeptlist[data-view='List'] [data-layouter='masonry'] article {
        margin-bottom: 0;
    }

    .Rezeptlist[data-view='List'] [data-layouter='masonry'] .element {
        margin-top: 4.83871%;
        width: 47.580645%;
    }

    .Rezeptlist[data-view='List'] [data-layouter='masonry'] .element.styling1 {
        width: 100%;
        margin-top: 4.83871%;
    }

    .Rezeptlist[data-view='List'] [data-layouter='masonry'] .gutter-sizer + .element.styling1 {
        margin-top: 0;
    }

    .Rezeptlist[data-view='List'] [data-layouter='masonry'] .gutter-sizer + script + .element.styling1 {
        margin-top: 0;
    }

    .Rezeptlist[data-view='List'] [data-layouter='masonry'] .element.styling3 {
        margin-top: 9.677419%;
    }

    .Rezeptlist[data-view='List'] [data-layouter='masonry'] .element .inner {
        position: relative;
    }

    .Rezeptlist[data-view='List'] [data-layouter='masonry'] .element .inner a {
        z-index: 100;
    }

    .Rezeptlist[data-view='List'] [data-layouter='masonry'] .element .picture a picture:before {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 70%;
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#80000000',GradientType=0 );
    }

    .Rezeptlist[data-view='List'] [data-layouter='masonry'] .element .text {
        position: absolute;
        z-index: 3;
        left: 0;
        bottom: 0;
        width: 100%;
    }

    .Rezeptlist[data-view='List'] [data-layouter='masonry'] .element .text .innerText {
        padding: 35px 45px;
    }

    .Rezeptlist[data-view='List'] [data-layouter='masonry'] .element .text .infos {
        padding-top: 10px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .Rezeptlist[data-view='List'] [data-layouter='masonry'] .element .text .readingTime,
    .Rezeptlist[data-view='List'] [data-layouter='masonry'] .element .text .label {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .Rezeptlist[data-view='List'] [data-layouter='masonry'] .element .text .readingTime .info,
    .Rezeptlist[data-view='List'] [data-layouter='masonry'] .element .text .label .info {
        padding-left: 5px;
    }

    .Rezeptlist[data-view='List'] [data-layouter='masonry'] .element .text .readingTime + .label {
        padding-left: 25px;
    }

    .Rezeptlist[data-view='List'] [data-layouter='masonry'] .element .text .readingTime {
    }

    .Rezeptlist[data-view='List'] [data-layouter='masonry'] .element .text .readingTime .icon svg {
        display: block;
        width: 20px;
        height: 20px;
    }

    .Rezeptlist[data-view='List'] [data-layouter='masonry'] .element .text .label .icons {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .Rezeptlist[data-view='List'] [data-layouter='masonry'] .element .text .label .icons svg {
        display: block;
        width: 10px;
        height: 14px;
        color: rgba(255, 255, 255, 0.3);
    }

    .Rezeptlist[data-view='List'] [data-layouter='masonry'] .element .text .label .icons svg + svg {
        margin-left: 5px;
    }

    .Rezeptlist[data-view='List'] [data-layouter='masonry'] .element .text .label .icons.leicht svg:nth-child(1),
    .Rezeptlist[data-view='List'] [data-layouter='masonry'] .element .text .label .icons.facile svg:nth-child(1),
    .Rezeptlist[data-view='List'] [data-layouter='masonry'] .element .text .label .icons.easy svg:nth-child(1) {
        color: rgba(255, 255, 255, 1);
    }

    .Rezeptlist[data-view='List'] [data-layouter='masonry'] .element .text .label .icons.mittel svg:not(:last-child),
    .Rezeptlist[data-view='List'] [data-layouter='masonry'] .element .text .label .icons.middle svg:not(:last-child),
    .Rezeptlist[data-view='List'] [data-layouter='masonry'] .element .text .label .icons.medio svg:not(:last-child) {
        color: rgba(255, 255, 255, 1);
    }

    .Rezeptlist[data-view='List'] [data-layouter='masonry'] .element .text .label .icons.schwer svg,
    .Rezeptlist[data-view='List'] [data-layouter='masonry'] .element .text .label .icons.difficile svg,
    .Rezeptlist[data-view='List'] [data-layouter='masonry'] .element .text .label .icons.difficult svg {
        color: rgba(255, 255, 255, 1);
    }
}

@media (max-width: 1100px) {
    .Rezeptlist[data-view='List'] .filterV2 .filterform {
        flex-wrap: wrap;
    }

    .Rezeptlist[data-view='List'] .filterV2 .filterform > div {
        width: 100%;
    }

    .Rezeptlist[data-view='List'] .filterV2 .filterform .CustomSelectBox {
        z-index: 30;
        border-top: 0;
    }

    .Rezeptlist[data-view='List'] .filterV2 .filterform .CustomSelectBox:before {
        content: none;
    }

    .Rezeptlist[data-view='List'] .filterV2 .filterform .CustomSelectBox + .CustomSelectBox {
        z-index: 20;
        border-bottom: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }

    .Rezeptlist[data-view='List'] .filterV2 .filterform .CustomSelectBox + .CustomSelectBox + .CustomSelectBox {
        z-index: 10;
        border-bottom: 0;
    }

    .Rezeptlist[data-view='List'] [data-layouter='masonry'] .element.styling1 .text .innerText {
        padding: 0 30px 30px 30px;
    }

    .Rezeptlist[data-view='List'] [data-layouter='masonry'] .element .text .innerText {
        padding: 0 20px 20px 20px;
    }
}

@media (max-width: 768px) {
    .Rezeptlist[data-view='List'] [data-layouter='masonry'] .element.styling1 .text .innerText,
    .Rezeptlist[data-view='List'] [data-layouter='masonry'] .element .text .innerText {
        padding: 0 20px 20px 20px;
    }

    .Rezeptlist[data-view='List'] [data-layouter='masonry'] .element {
        margin-top: 4.83871%;
        width: 47.580645%;
    }

    .Rezeptlist[data-view='List'] [data-layouter='masonry'] .element.styling3 {
        margin-top: 4.83871%;
    }
}

@media (max-width: 570px) {
    .Rezeptlist[data-view='List'] .elements {
        z-index: 0;
    }

    .Rezeptlist[data-view='List'] [data-layouter='masonry'] .grid-sizer,
    .Rezeptlist[data-view='List'] [data-layouter='masonry'] .element,
    .Rezeptlist[data-view='List'] [data-layouter='masonry'] .element.styling3 {
        width: 100%;
    }
}

@media all {
    .RezepteOnpage.T1 .innerRezepteOnpage {
        display: flex;
        flex-direction: column;
    }

    .RezepteOnpage.T1 .innerRezepteOnpage .helperspacebottom {
        padding-bottom: calc(2.5% + 18px);
    }

    .RezepteOnpage.T1 .innerRezepteOnpage .element .inner {
        position: relative;
    }

    section.WinedetailT1.RezepteOnpageT1 .inner .recipiesintro {
        padding-bottom: calc(2.5% + 18px);
    }

    section.WinedetailT1.RezepteOnpageT1 .inner .recipiesintro article.element div.inner div.text div.innerText {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        position: relative;
    }

    section.WinedetailT1.RezepteOnpageT1
        .inner
        .recipiesintro
        article.element
        div.inner
        div.text
        div.innerText
        div.title.RezepteHeadline {
    }

    section.WinedetailT1.RezepteOnpageT1
        .inner
        .recipiesintro
        article.element
        div.inner
        div.text
        div.innerText
        div.introduction {
        width: 100%;
        display: flex;
        flex-direction: row;
        margin: 0 auto;
        justify-content: center;
    }

    section.WinedetailT1.RezepteOnpageT1
        .inner
        .recipiesintro
        article.element
        div.inner
        div.text
        div.innerText
        div.introduction
        h2.headline.RezepteTitle {
    }

    section.WinedetailT1.RezepteOnpageT1
        .inner
        .recipiesintro
        article.element
        div.inner
        div.text
        div.innerText
        div.introduction
        div.subtitle.RezepteSubheadline {
    }

    .RezepteOnpage.T1 .innerRezepteOnpage .element .picture:before {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 70%;
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#80000000',GradientType=0 );
    }

    .RezepteOnpage.T1 .innerRezepteOnpage .elements .owl-stage {
        margin: auto;
    }

    .RezepteOnpage.T1 .innerRezepteOnpage .elements .owl-item:nth-child(odd) .element .inner .picture {
    }

    .RezepteOnpage.T1 .innerRezepteOnpage .elements .owl-item:nth-child(odd) .element .inner div.picture picture img {
        object-fit: cover;
    }

    .RezepteOnpage.T1 .innerRezepteOnpage .elements .owl-item:nth-child(even) .element {
        padding-top: 9.868421%;
    }

    .RezepteOnpage.T1 .innerRezepteOnpage .elements .owl-item:nth-child(even) .element .inner div.picture picture img {
        object-fit: cover;
    }

    .RezepteOnpage.T1 .innerRezepteOnpage .elements .owl-dots.points.points1h {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 100%;
        margin-top: 9.274194%;
        padding-top: 18px;
    }

    .RezepteOnpage.T1 .innerRezepteOnpage .elements .owl-dots .owl-dot {
        background-color: #6c6c6c;
    }

    .RezepteOnpage.T1 .innerRezepteOnpage .elements .owl-dots .owl-dot.active {
        border-color: #a9bf00;
        background-color: #a9bf00;
    }

    .RezepteOnpage.T1 .innerRezepteOnpage .elements .element .text {
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        height: 100%;
        display: flex;
        align-items: flex-end;
        width: 90%;
    }

    .RezepteOnpage.T1 .innerRezepteOnpage .elements .element .text .innerText {
        padding: 0 0 25px 25px;
    }

    .RezepteOnpage.T1 .innerRezepteOnpage .elements .element .text .introduction {
        margin-top: 5px;
    }

    .RezepteOnpage.T1 .innerRezepteOnpage .elements .element .text .headline a {
        color: inherit;
    }

    .RezepteOnpage.T1 .innerRezepteOnpage .elements .element .text .infos {
        display: flex;
    }

    .RezepteOnpage.T1 .innerRezepteOnpage .elements .element .text .infos .readingTime,
    .RezepteOnpage.T1 .innerRezepteOnpage .elements .element .text .infos .label {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .RezepteOnpage.T1 .innerRezepteOnpage .elements .element .text .infos .readingTime .info,
    .RezepteOnpage.T1 .innerRezepteOnpage .elements .element .text .infos .label .info {
        padding-left: 5px;
    }

    .RezepteOnpage.T1 .innerRezepteOnpage .elements .element .text .infos .readingTime svg {
        color: #ffffff;
    }

    .RezepteOnpage.T1 .innerRezepteOnpage .elements .element .text .infos .readingTime + .label {
        padding-left: 25px;
    }

    .RezepteOnpage.T1 .innerRezepteOnpage .elements .element .text .infos .readingTime {
    }

    .RezepteOnpage.T1 .innerRezepteOnpage .elements .element .text .infos .readingTime .icon svg {
        display: block;
        width: 20px;
        height: 20px;
    }

    .RezepteOnpage.T1 .innerRezepteOnpage .elements .element .text .infos .label .icons {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .RezepteOnpage.T1 .innerRezepteOnpage .elements .element .text .infos .label .icons svg {
        display: block;
        width: 10px;
        height: 14px;
        color: rgba(255, 255, 255, 0.3);
    }

    .RezepteOnpage.T1 .innerRezepteOnpage .elements .element .text .infos .label .icons svg + svg {
        margin-left: 5px;
    }

    .RezepteOnpage.T1 .innerRezepteOnpage .elements .element .text .infos .label .icons.leicht svg:nth-child(1),
    .RezepteOnpage.T1 .innerRezepteOnpage .elements .element .text .infos .label .icons.facile svg:nth-child(1),
    .RezepteOnpage.T1 .innerRezepteOnpage .elements .element .text .infos .label .icons.easy svg:nth-child(1) {
        color: rgba(255, 255, 255, 1);
    }

    .RezepteOnpage.T1 .innerRezepteOnpage .elements .element .text .infos .label .icons.mittel svg:not(:last-child),
    .RezepteOnpage.T1 .innerRezepteOnpage .elements .element .text .infos .label .icons.middle svg:not(:last-child),
    .RezepteOnpage.T1 .innerRezepteOnpage .elements .element .text .infos .label .icons.medio svg:not(:last-child) {
        color: rgba(255, 255, 255, 1);
    }

    .RezepteOnpage.T1 .innerRezepteOnpage .elements .element .text .infos .label .icons.schwer svg,
    .RezepteOnpage.T1 .innerRezepteOnpage .elements .element .text .infos .label .icons.difficile svg,
    .RezepteOnpage.T1 .innerRezepteOnpage .elements .element .text .infos .label .icons.difficult svg {
        color: rgba(255, 255, 255, 1);
    }

    .RezepteOnpage.T1 .listlink {
        margin-top: 4.6875%;
        z-index: 4;
        position: relative;
    }
}

@media (max-width: 1100px) {
    .RezepteOnpage.T1 .innerRezepteOnpage .helperspacebottom {
        padding-bottom: calc(1.875% + 18px);
    }

    .RezepteOnpage.T1 .innerRezepteOnpage .elements .owl-dots.points.points1h {
        margin-top: 8.467742%;
    }
}

@media (max-width: 768px) {
    .RezepteOnpage.T1 .innerRezepteOnpage .elements .owl-item .element .inner div.picture picture img {
        aspect-ratio: 987 / 634 !important;
    }

    .RezepteOnpage.T1 .innerRezepteOnpage .elements .owl-item:nth-child(odd) .element {
        width: auto !important;
        margin-right: 0 !important;
    }

    .RezepteOnpage.T1 .innerRezepteOnpage .elements .owl-item:nth-child(even) .element .inner div.picture picture img {
    }

    .RezepteOnpage.T1 .innerRezepteOnpage .elements .owl-item:nth-child(even) .element {
        width: auto !important;
        padding-top: 0;
        margin-right: 0 !important;
    }

    .RezepteOnpage.T1 .innerRezepteOnpage .elements .owl-dots.points.points1h {
        bottom: -10%;
    }
}

@media (max-width: 450px) {
    .RezepteOnpage.T1 .innerRezepteOnpage .elements .owl-item:nth-child(odd) .element .text .innerText,
    .RezepteOnpage.T1 .innerRezepteOnpage .elements .owl-item:nth-child(even) .element .text .innerText {
        padding: 0 0 25px 20px;
        width: 80%;
    }

    .RezepteOnpage.T1 .innerRezepteOnpage .elements .owl-item:nth-child(odd) .element .text .headline,
    .RezepteOnpage.T1 .innerRezepteOnpage .elements .owl-item:nth-child(even) .element .text .headline {
        margin-bottom: 5px;
    }

    .RezepteOnpage.T1 .innerRezepteOnpage .elements .owl-dots.points.points1h {
        bottom: -14%;
    }

    .RezepteOnpage .listlink {
        margin-top: 8.888889%;
    }
}

@media all {
    .RezeptdetailT1.HeaderGallery[data-object-fit='cover'] img {
        object-fit: cover;
    }

    .RezeptdetailT1.HeaderGallery div.picture:after {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 240px;
        background: -moz-linear-gradient(top, rgba(25, 30, 16, 0.5) 0%, rgba(25, 30, 16, 0) 100%);
        background: -webkit-linear-gradient(top, rgba(25, 30, 16, 0.5) 0%, rgba(25, 30, 16, 0) 100%);
        background: linear-gradient(to bottom, rgba(25, 30, 16, 0.5) 0%, rgba(25, 30, 16, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3191e10',endColorstr='#00191e10',GradientType=0 );
    }

    .RezeptdetailT1.Intro.T1.withheaderimg .BreadcrumbT1 {
        padding: 15px 0px 0px 0px;
    }

    .RezeptdetailT1.Intro.T1 .innerText {
        max-width: 68.548387%;
    }

    .RezeptdetailT1.Intro.T1 .innerText .label {
        margin-bottom: 7px;
        display: block;
    }

    .RezeptdetailT1.Intro.T1 .readingTime {
        margin-top: 60px;
    }

    .RezeptdetailT1.Intro.T1 .readingTime {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .RezeptdetailT1.Intro.T1 .readingTime .info,
    .RezeptdetailT1.Intro.T1 .readingTime .info {
        padding-left: 5px;
    }

    .RezeptdetailT1.Intro.T1 .readingTime .info + .icons {
        padding-left: 25px;
    }

    .RezeptdetailT1.Intro.T1 .readingTime .icon svg {
        display: block;
        width: 20px;
        height: 20px;
    }

    .RezeptdetailT1.Intro.T1 .readingTime .icons {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .RezeptdetailT1.Intro.T1 .readingTime .icons svg {
        width: 10px;
        height: 14px;
        color: rgba(0, 0, 0, 0.3);
    }

    .RezeptdetailT1.Intro.T1 .readingTime .icons svg + svg {
        margin-left: 5px;
    }

    .RezeptdetailT1.Intro.T1 .readingTime .icons.leicht svg:nth-child(1),
    .RezeptdetailT1.Intro.T1 .readingTime .icons.facile svg:nth-child(1),
    .RezeptdetailT1.Intro.T1 .readingTime .icons.easy svg:nth-child(1) {
        color: #6c6c6c;
    }

    .RezeptdetailT1.Intro.T1 .readingTime .icons.mittel svg:not(:last-child),
    .RezeptdetailT1.Intro.T1 .readingTime .icons.medio svg:not(:last-child),
    .RezeptdetailT1.Intro.T1 .readingTime .icons.middle svg:not(:last-child) {
        color: #6c6c6c;
    }

    .RezeptdetailT1.Intro.T1 .readingTime .icons.schwer svg,
    .RezeptdetailT1.Intro.T1 .readingTime .icons.difficile svg,
    .RezeptdetailT1.Intro.T1 .readingTime .icons.difficult svg {
        color: #6c6c6c;
    }

    .RezeptdetailT1.Themestage.T2 {
        position: relative;
    }

    .RezeptdetailT1.Themestage.T2 article.element div.video .videoyoutube {
        pointer-events: all;
    }

    .RezeptdetailT1.Themestage.T2 article.element div.video .videoyoutube iframe {
        width: 100%;
        height: 100%;
        margin-top: 0px;
        left: 0px;
        top: 0px;
        transform: translate(0, 0);
        pointer-events: all;
    }

    .RezeptdetailT1.Themestage.T2 + .RezeptdetailT1.Collage.Collage1 {
        margin-top: 125px;
    }

    .RezeptdetailT1.contentContainer {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .RezeptdetailT1.contentContainer .left {
        width: 22.580645%;
    }

    .RezeptdetailT1.contentContainer .left .element + .element {
        margin-top: 21.428571%;
    }

    .RezeptdetailT1.contentContainer .left .element .headline + .content {
        margin-top: 7.142857%;
    }

    .RezeptdetailT1.contentContainer .left .element.bghighlight2 .inner {
        padding: 16.071429% 7.142857%;
    }

    .RezeptdetailT1.contentContainer .left .element.bghighlight2 .headline svg {
        display: block;
        width: 34px;
        height: 67px;
        color: #a9bf00;
        margin-bottom: 15px;
    }

    .RezeptdetailT1.contentContainer .PreparationList {
        width: 62.096774%;
    }

    .RezeptdetailT1.contentContainer .PreparationList .element:not(:first-child) {
        margin-top: 3.896104%;
    }

    .RezeptdetailT1.contentContainer .PreparationList .element .additionalImages {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 20px;
    }

    .RezeptdetailT1.contentContainer .PreparationList .element .additionalImages .picture {
        width: 48.051948%;
    }

    .RezeptdetailT1.Collage.Collage1 .element {
        display: inline;
        width: 46.774194%;
        position: relative;
    }

    .RezeptdetailT1.Collage.Collage1 .element div.video,
    .RezeptdetailT1.Collage.Collage1 .element div.video video {
        width: 100%;
        height: 100%;
    }

    .RezeptdetailT1.Collage.Collage1 .element div.video .videoyoutube {
        width: 100%;
        height: 100%;
        padding-top: 64.202899%;
    }

    .RezeptdetailT1.Collage.Collage1 .element div.video iframe {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
    }

    .RezeptdetailT1.Collage.Collage1 .element:nth-child(odd) {
        float: left;
    }

    .RezeptdetailT1.Collage.Collage1 .element:nth-child(even) {
        float: right;
    }

    .RezeptdetailT1.Collage.Collage1 .element:nth-child(2) {
        margin-top: 8.064516%;
    }

    .RezeptdetailT1.Collage.Collage1 .element:nth-child(3),
    .RezeptdetailT1.Collage.Collage1 .element:nth-child(4) {
        margin-top: 6.451613%;
    }

    .RezeptdetailT1.Collage.Collage2 .element {
        float: none;
        display: block;
        width: 100%;
    }

    .RezeptdetailT1.Collage.Collage2 .element:nth-child(2),
    .RezeptdetailT1.Collage.Collage2 .element:nth-child(3) {
        display: inline;
        width: 46.774194%;
    }

    .RezeptdetailT1.Collage.Collage2 .element:nth-child(2) {
        float: left;
        margin-top: 6.451613%;
    }

    .RezeptdetailT1.Collage.Collage2 .element:nth-child(3) {
        float: right;
        margin-top: 12.903226%;
    }

    .RezeptdetailT1.Themestage.T2 + .RezeptdetailT1.Share {
        margin-top: 125px;
    }

    .RezeptdetailT1.Collage.Collage1 + .RezeptdetailT1.Share {
        margin-top: 125px;
    }

    .RezeptdetailT1.Collage.Collage2 + .RezeptdetailT1.Share {
        margin-top: 125px;
    }

    .RezeptdetailT1.Share .inner {
        padding: 45px 0;
    }

    .RezeptdetailT1.Share .innerText,
    .RezeptdetailT1.Share .innerText .content {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .RezeptdetailT1.Share .innerText .headline + .subheadline {
        margin-left: 10px;
    }

    .RezeptdetailT1.Share .innerText .content {
        margin-left: 30px;
    }

    .RezeptdetailT1.Share .innerText .content div.icon {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, 0.3);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .RezeptdetailT1.Share .innerText .content div.icon {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, 0.3);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .RezeptdetailT1.Share .innerText .content div.icon + div.icon {
        margin-left: 10px;
    }

    .RezeptdetailT1.Share .innerText .content div.icon:not(.pinterest) a {
        width: 20px;
        height: 20px;
        display: block;
        background-color: transparent;
    }

    .RezeptdetailT1.Share .innerText .content div.icon a svg {
        width: 100%;
        height: 100%;
        display: block;
        background-color: transparent;
    }

    .RezeptdetailT1.Intro.T2 .inner .text {
        max-width: 62.096774%;
        margin: 0 auto;
    }

    .RezeptdetailT1.NewsEventsOnpage.T2 {
        padding-top: 0;
    }

    .RezeptdetailT1.NewsEventsOnpage.T2 .listlink {
        color: #a9bf00;
    }

    .RezeptdetailT1.NewsEventsOnpage.T2 .text {
        width: 100%;
    }

    .RezeptdetailT1.NewsEventsOnpage.T2 .text .infos {
        padding-top: 10px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .RezeptdetailT1.NewsEventsOnpage.T2 .text .readingTime,
    .RezeptdetailT1.NewsEventsOnpage.T2 .text .label {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .RezeptdetailT1.NewsEventsOnpage.T2 .text .readingTime .info,
    .RezeptdetailT1.NewsEventsOnpage.T2 .text .label .info {
        padding-left: 5px;
    }

    .RezeptdetailT1.NewsEventsOnpage.T2 .text .readingTime + .label {
        padding-left: 25px;
    }

    .RezeptdetailT1.NewsEventsOnpage.T2 .text .readingTime {
    }

    .RezeptdetailT1.NewsEventsOnpage.T2 .text .readingTime .icon svg {
        display: block;
        width: 20px;
        height: 20px;
        color: currentColor;
    }

    .RezeptdetailT1.NewsEventsOnpage.T2 .text .label .icons {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .RezeptdetailT1.NewsEventsOnpage.T2 .text .label .icons svg {
        display: block;
        width: 10px;
        height: 14px;
        color: rgba(255, 255, 255, 0.3);
    }

    .RezeptdetailT1.NewsEventsOnpage.T2 .text .label .icons svg + svg {
        margin-left: 5px;
    }

    .RezeptdetailT1.NewsEventsOnpage.T2 .text .label .icons.leicht svg:nth-child(1),
    .RezeptdetailT1.NewsEventsOnpage.T2 .text .label .icons.facile svg:nth-child(1),
    .RezeptdetailT1.NewsEventsOnpage.T2 .text .label .icons.easy svg:nth-child(1) {
        color: rgba(255, 255, 255, 1);
    }

    .RezeptdetailT1.NewsEventsOnpage.T2 .text .label .icons.mittel svg:not(:last-child),
    .RezeptdetailT1.NewsEventsOnpage.T2 .text .label .icons.medio svg:not(:last-child),
    .RezeptdetailT1.NewsEventsOnpage.T2 .text .label .icons.middle svg:not(:last-child) {
        color: rgba(255, 255, 255, 1);
    }

    .RezeptdetailT1.NewsEventsOnpage.T2 .text .label .icons.schwer svg,
    .RezeptdetailT1.NewsEventsOnpage.T2 .text .label .icons.difficile svg,
    .RezeptdetailT1.NewsEventsOnpage.T2 .text .label .icons.difficult svg {
        color: rgba(255, 255, 255, 1);
    }

    .owl-carousel:not(.owl-loaded) .element {
        display: block !important;
    }

    .owl-carousel:not(.owl-loaded) .element:nth-child(n + 3) {
        display: none !important;
    }
}

@media (max-width: 1600px) {
    .RezeptdetailT1.Themestage.T2 + .RezeptdetailT1.Collage.Collage1 {
        margin-top: 7.8125%;
    }

    .RezeptdetailT1.Themestage.T2 + .RezeptdetailT1.Share {
        margin-top: 7.8125%;
    }

    .RezeptdetailT1.Collage.Collage1 + .RezeptdetailT1.Share {
        margin-top: 7.8125%;
    }

    .RezeptdetailT1.Collage.Collage2 + .RezeptdetailT1.Share {
        margin-top: 7.8125%;
    }
}

@media (max-width: 1024px) {
    .RezeptdetailT1.Intro.T1 .innerText {
        max-width: 100%;
    }

    .RezeptdetailT1.Intro.T1 .readingTime {
        margin-top: 35px;
    }

    .RezeptdetailT1.Themestage.T2 article.element.noimage {
        height: 500px;
    }

    .RezeptdetailT1.contentContainer .left {
        width: 100%;
    }

    .RezeptdetailT1.contentContainer .left .element + .element {
        margin-top: 6.521739%;
    }

    .RezeptdetailT1.contentContainer .left .element .headline + .content {
        margin-top: 2.173913%;
    }

    .RezeptdetailT1.contentContainer .left .element.bghighlight2 .inner {
        padding: 4.891304% 2.173913%;
    }

    .RezeptdetailT1.contentContainer .left .element.bghighlight2 .headline svg {
        width: 34px;
        height: 67px;
    }

    .RezeptdetailT1.contentContainer .left + .PreparationList {
        margin-top: 10.869565%;
    }

    .RezeptdetailT1.contentContainer .PreparationList {
        width: 100%;
    }

    .RezeptdetailT1.contentContainer .PreparationList .element:not(:first-child) {
        margin-top: 3.26087%;
    }

    .RezeptdetailT1.contentContainer .PreparationList .element .additionalImages .picture {
        width: 48.051948%;
    }

    .RezeptdetailT1.Share .innerText {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .RezeptdetailT1.Share .innerText .content {
        margin-top: 10px;
    }

    .RezeptdetailT1.Share .innerText .headline + .subheadline {
        margin-left: 0;
    }

    .RezeptdetailT1.Share .innerText .content {
        margin-left: 0;
    }

    .RezeptdetailT1.Intro.T2 .inner .text {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .RezeptdetailT1.HeaderGallery div.picture:after {
        height: 100px;
    }

    .RezeptdetailT1.Themestage.T2 article.element.noimage {
        height: 350px;
    }

    .RezeptdetailT1.contentContainer .left .element.bghighlight2 .headline svg {
        display: none;
    }

    .RezeptdetailT1.Share .inner {
        padding: 25px 0;
    }

    .RezeptdetailT1.NewsEventsOnpage.T2 .elements {
        flex-direction: column;
        align-items: unset !important;
    }

    .RezeptdetailT1.NewsEventsOnpage.T2 .elements .owl-dots {
        text-align: center;
        margin-top: 2.857143%;
    }

    .RezeptdetailT1.NewsEventsOnpage.T2 .elements .points1h > *.active {
        background-color: #a9bf00;
        border: none;
    }

    .RezeptdetailT1.NewsEventsOnpage.T2 .elements .points1h > * {
        background-color: currentColor;
        border: none;
    }

    .NewsEventsOnpage.T2 .listlink {
        margin-top: 4.285714%;
    }
}

@media (max-width: 550px) {
    .RezeptdetailT1.Themestage.T2 article.element.noimage {
        height: 250px;
    }
}

@media all {
    section.Quicklinks.T1 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        position: absolute;
        left: 50%;
        z-index: 5;
        -webkit-transform: translate(-50%, -47px);
        transform: translate(-50%, -47px);
    }

    .moduleInstancePreview section.Quicklinks.T1 {
        -webkit-transform: translate(-50%, 0px);
        transform: translate(-50%, 0px);
    }

    section.Quicklinks.T1 .selectbox {
        position: relative;
        background-color: #ffffff;
        -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    section.Quicklinks.T1:not(.active) .selectbox:hover {
        -webkit-box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.1);
    }

    section.Quicklinks.T1 .selectbox a {
        text-transform: inherit;
        color: inherit;
    }

    section.Quicklinks.T1 .top {
        padding: 30px 60px;
        cursor: pointer;
        display: flex;
        flex-direction: row;
        align-items: center;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    section.Quicklinks.T1 .top .selecttext {
        opacity: 0.15;
        margin-left: 15px;
    }

    section.Quicklinks.T1 .top .selecticon {
        margin-left: 20px;
        display: flex;
        align-items: center;
    }

    section.Quicklinks.T1 .top .selecticon svg {
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    section.Quicklinks.T1 .bottom {
        max-height: 0;
        overflow: hidden;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    section.Quicklinks.T1 .bottom .link:not(:first-child) {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    section.Quicklinks.T1 .bottom .link {
        padding: 20px 0;
        margin: 0 60px;
        text-align: center;
        cursor: pointer;
    }

    section.Quicklinks.T1 .bottom .link a {
        color: #6c6c6c;
    }

    section.Quicklinks.T1 .bottom .link a:hover {
        opacity: 0.7;
    }

    section.Quicklinks.T1.active .top {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    section.Quicklinks.T1.active .top .selecticon svg {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    section.Quicklinks.T1.active .bottom {
        max-height: 500px;
    }
}

@media (max-width: 1400px) {
    section.Quicklinks.T1 {
        width: 70%;
    }
}

@media (max-width: 1150px) {
    section.Quicklinks.T1 {
        width: 90%;
        margin: 0 auto;
        -webkit-transform: translate(-50%, -30px);
        transform: translate(-50%, -30px);
    }

    section.Quicklinks.T1 .top {
        padding: 20px 40px;
    }

    section.Quicklinks.T1 .bottom .link {
        padding: 15px 0;
        margin: 0 40px;
    }
}

@media (max-width: 600px) {
    section.Quicklinks.T1 .innerQuicklinks {
        width: 100%;
    }

    section.Quicklinks.T1 .top {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 15px 20px;
    }

    section.Quicklinks.T1 .top .selecttext {
        display: none;
    }

    section.Quicklinks.T1 .bottom .link {
        padding: 15px 0;
        margin: 0 20px;
    }
}

@media all {
    div.OverlayT1.CleverReach.OnPageT1.overlayjs2bg {
        opacity: 0.4 !important;
    }

    div.OverlayT1.CleverReach.OnPageT1.overlayjscontainer {
        top: 15% !important;
    }

    div.OverlayT1.CleverReach.OnPageT1.overlayjscontainer .content {
        width: 96% !important;
        max-width: 772px !important;
    }

    div.OverlayT1.CleverReach.OnPageT1.overlayjscontainer > .content > .innen {
        box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5);
    }

    div.OverlayT1.CleverReach.OnPageT1.overlayjscontainer .close {
        width: 15px !important;
        height: 15px !important;
    }

    div.OverlayT1.CleverReach.OnPageT1.overlayjscontainer .close .icon {
        width: 100% !important;
        height: 100% !important;
        stroke: #333333;
        stroke-width: 2px;
        fill: none;
    }
}

@media all {
    .Newslist[data-view='List'] [data-layouter='masonry'] .gutter-sizer {
        width: 4.83871%;
        margin-top: 0;
    }

    .Newslist[data-view='List'] [data-layouter='masonry'] .grid-sizer {
        width: 47.580645%;
        margin-top: 0;
    }

    .Newslist[data-view='List'] [data-layouter='masonry'] article {
        margin-bottom: 0;
    }

    .Newslist[data-view='List'] [data-layouter='masonry'] .element {
        margin-top: 4.83871%;
        width: 47.580645%;
    }

    .Newslist[data-view='List'] [data-layouter='masonry'] .element a {
        z-index: 100;
    }

    .Newslist[data-view='List'] [data-layouter='masonry'] .element picture img {
        object-fit: cover;
    }

    .Newslist[data-view='List'] [data-layouter='masonry'] .element.styling1 {
        width: 100%;
        margin-top: 4.83871%;
    }

    .Newslist[data-view='List'] [data-layouter='masonry'] .gutter-sizer + .element.styling1 {
        margin-top: 0;
    }

    .Newslist[data-view='List'] [data-layouter='masonry'] .gutter-sizer + script + .element.styling1 {
        margin-top: 0;
    }

    .Newslist[data-view='List'] [data-layouter='masonry'] .element.styling3 {
        margin-top: 9.677419%;
    }

    .Newslist[data-view='List'] [data-layouter='masonry'] .element .inner {
        position: relative;
    }

    .Newslist[data-view='List'] [data-layouter='masonry'] .element .picture:before {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 70%;
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#80000000',GradientType=0 );
    }

    .Newslist[data-view='List'] [data-layouter='masonry'] .element .text {
        position: absolute;
        z-index: 3;
        left: 0;
        bottom: 0;
        width: 100%;
        width: 50%;
    }

    .Newslist[data-view='List'] [data-layouter='masonry'] .element:not(.styling1) .text {
        width: 70%;
    }

    .Newslist[data-view='List'] [data-layouter='masonry'] .element .text .innerText {
        padding: 0 0 25px 25px;
    }

    .Newslist[data-view='List'] [data-layouter='masonry'] .element .text .introduction {
        margin-top: 5px;
    }
}

@media (max-width: 1100px) {
    .Newslist[data-view='List'] [data-layouter='masonry'] .element:not(.styling1) .text,
    .Newslist[data-view='List'] [data-layouter='masonry'] .element .text {
        width: 100%;
    }

    .Newslist[data-view='List'] [data-layouter='masonry'] .element.styling1 .text .innerText {
        padding: 0 30px 30px 30px;
    }

    .Newslist[data-view='List'] [data-layouter='masonry'] .element .text .innerText {
        padding: 0 20px 20px 20px;
    }
}

@media (max-width: 768px) {
    .Newslist[data-view='List'] [data-layouter='masonry'] .element.styling1 .text .innerText,
    .Newslist[data-view='List'] [data-layouter='masonry'] .element .text .innerText {
        padding: 0 20px 20px 20px;
    }

    .Newslist[data-view='List'] [data-layouter='masonry'] .element {
        margin-top: 4.83871%;
        width: 47.580645%;
    }

    .Newslist[data-view='List'] [data-layouter='masonry'] .element.styling3 {
        margin-top: 4.83871%;
    }
}

@media (max-width: 570px) {
    .Newslist[data-view='List'] .elements {
        z-index: 0;
    }

    .Newslist[data-view='List'] [data-layouter='masonry'] .grid-sizer,
    .Newslist[data-view='List'] [data-layouter='masonry'] .element,
    .Newslist[data-view='List'] [data-layouter='masonry'] .element.styling3 {
        width: 100%;
    }

    .Newslist[data-view='List'] [data-layouter='masonry'] .element .text .introduction {
        display: none;
    }
}

@media all {
    div.unitnewsletter.onpage.layout3 div.unitnewsletter.thanks.layout1 {
        background-color: transparent;
    }

    div.unitnewsletter.onpage.layout3 {
        padding: 40px 0 40px 0;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.intro {
        float: left;
        display: inline;
        width: 35.211268%;
        box-sizing: border-box;
        padding-right: 30px;
        margin-top: 0;
    }

    footer div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.intro div {
        display: block;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.intro .headline {
        margin-bottom: 0;
        display: flex;
        align-items: baseline;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.intro .headline svg {
        fill: #ffffff;
        margin-right: 15px;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.intro div {
        display: inline;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.formfields {
        float: left;
        display: inline;
        width: 62.676056%;
        margin-top: 0;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm {
        max-width: 100%;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm div.innerFormfields {
        display: flex;
        align-items: center;
        position: relative;
        width: 77.966102%;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm div.row {
        float: left;
        display: inline;
        width: 32.608696%;
        padding: 0 0 0 8px;
        box-sizing: border-box;
        clear: none;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm div.row:first-child {
        padding-left: 0;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm div.row.email {
        width: 55%;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div .ok div.okicon,
    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm div.row.email div.error div.erroricon {
        right: auto;
        left: -10px;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm div.row.input div.inputfield,
    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm div.row.calendar div.calendarfield {
        float: none;
        display: block;
        width: auto;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm a.senden {
        text-align: center;
        margin: 0;
        padding: 0;
    }
}

@media all {
    div.unitnewsletter.onpage.layout3 {
        padding-left: 0;
        padding-right: 0;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.intro {
        width: 51.209677%;
        margin-top: 0;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.intro svg {
        display: none;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.intro .headline {
        display: block;
        float: none;
        color: #ffffff;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.intro .subheadline {
        display: block;
        float: none;
        color: #ffffff;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.intro div.clear {
        display: block;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm div.row.input div.inputfield,
    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm div.row.calendar div.calendarfield,
    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm div.row.email input,
    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.formfields {
        border-radius: 50px;
        background-color: #ffffff;
        display: flex;
        align-items: center;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.formfields {
        width: 48.790323%;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.formfields .innerFormfields {
        position: relative;
        float: none;
        display: block;
        width: 77%;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.formfields .innerFormfields:after {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 21px;
        width: 1px;
        display: block;
        background-color: #9a9a9a;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm div.row.email {
        margin: 0;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm div.row.email input {
        height: 45px;
        padding: 0 205px 0 10px;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form textarea:-webkit-autofill,
    div.unitnewsletter.onpage.layout3 div.innerNewsletter form input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
        color: #535353 !important;
        -webkit-text-fill-color: #535353 !important;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div .ok div.okicon,
    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm div.row.email div.error div.erroricon {
        right: auto;
        left: 0px;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm div.row.checkbox {
        display: flex;
        justify-content: flex-end;
        width: 45%;
        z-index: 2;
        box-sizing: border-box;
        padding: 5px 25px 3px 10px;
        margin: 0px 0px 0px 0px;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm div.row.checkbox label {
        margin-top: 0;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm a.senden {
        text-transform: uppercase;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm div.row.checkbox label,
    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm div.row.checkbox label a,
    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm div.row.checkbox div.checkboxfield {
        color: #9a9a9a;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm div.row.checkbox div.checkboxfield {
        margin-top: 3px;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm div.row.email input {
        padding: 0 0 0 0;
        margin-left: 12px;
        box-sizing: border-box;
    }
}

@media (max-width: 1250px) {
    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm div.row.email div.error div.erroricon {
        right: auto;
        left: 0px;
    }
}

@media (min-width: 1001px) {
    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm div.row {
        margin: 0;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm div.row.email input {
        padding: 0 0 0 0;
        margin-left: 12px;
        box-sizing: border-box;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm div.row.checkbox label,
    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm div.row.checkbox label a,
    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm div.row.checkbox div.checkboxfield {
        color: #888888;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm a.senden {
        width: 22.033898%;
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 1050px) {
    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.intro {
        text-align: center;
        margin-bottom: 25px;
        display: block;
        float: none;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.teasercontent {
        display: block;
        clear: both;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.intro .headline,
    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.intro .subheadline {
        display: inline;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.formfields,
    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.intro {
        width: 100%;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm div.innerFormfields {
        width: 77%;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm a.senden {
        width: 23%;
        margin: 0;
    }
}

@media (max-width: 768px) {
    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.formfields,
    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.intro {
        background: transparent;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.formfields {
        display: block;
        align-items: unset;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.formfields .innerFormfields:after {
        content: none;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm div.innerFormfields {
        width: 100%;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm div.row.email input {
        padding: 0;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm div.row.checkbox {
        position: static;
        clear: both;
        width: 50%;
        float: left;
        display: inline;
        margin-top: 20px;
        padding-left: 0px;
        padding-right: 0px;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm a.senden {
        width: auto;
        margin-top: -35px;
        z-index: 5;
        position: relative;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm div.innerFormfields {
        width: 100%;
        display: block;
    }
}

@media (max-width: 750px) {
    div.unitnewsletter.onpage.layout3 {
        padding: 25px 25px 25px 25px;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm div.row {
        width: 49.93498%;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm div.row.email {
        width: 100%;
        padding-left: 0;
    }
}

@media (max-width: 650px) {
    div.unitnewsletter.onpage.layout3 div.unitnewsletter.thanks.layout1 .innerNewsletter {
        margin-bottom: 15px;
    }

    div.unitnewsletter.onpage.layout3 {
        background-color: #f3f3f3;
        padding: 0;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter {
        margin-left: 0px;
        margin-right: 0px;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.intro {
        text-align: left;
        padding: 10px 35px 10px 20px;
        position: relative;
        margin-bottom: 0;
        display: flex;
        align-items: center;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.intro svg {
        display: block;
        position: absolute;
        right: 20px;
        top: 13px;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.intro:before {
        content: '';
        width: 200%;
        height: 1px;
        background-color: #4d4d4d;
        display: block;
        position: absolute;
        left: -50%;
        top: 0;
        opacity: 0.2;
        filter: alpha(opacity = 20);
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.intro .headline {
        color: #4d4d4d;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.intro .subheadline {
        display: none;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.teasercontent.activeeditbox {
        padding: 10px 0 15px 0;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm a.senden {
        color: #ffffff;
        background-color: #8fa400;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm div.row.checkbox {
        width: 100%;
        margin-top: 10px;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm a.senden {
        width: 100%;
        margin-top: 5px;
        color: #ffffff;
        padding: 10px 0 10px 0;
        background-color: #8fa400;
        -webkit-border-radius: 50px;
        border-radius: 50px;
    }
}

@media (max-width: 500px) {
    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm div.row {
        width: 49.93498%;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm div.row:nth-child(2n + 1) {
        padding-left: 0;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm div.row.checkbox {
        margin-top: 9px;
    }
}

@media (max-width: 420px) {
    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm div.row {
        float: none;
        display: block;
        width: auto;
        padding-left: 0;
    }

    div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.innerForm a.senden {
        float: none;
        margin-top: 0;
        display: block;
    }
}

@media all {
    .NewsEventsOnpage .NewsEventsTeaser {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .NewsEventsOnpage .NewsEventsTeaser .element .inner {
        position: relative;
    }

    .NewsEventsOnpage .NewsEventsTeaser .element .bannerlabel {
        position: absolute;
        left: 0px;
        top: 3em;
        padding: 7px 20px;
        pointer-events: none;
    }

    .NewsEventsOnpage .NewsEventsTeaser .element .picture:before {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 70%;
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#80000000',GradientType=0 );
    }

    .NewsEventsOnpage .NewsEventsTeaser .element .text {
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: flex-end;
        width: 50%;
    }

    .NewsEventsOnpage .NewsEventsTeaser .element .text .innerText {
        padding: 0 0 25px 25px;
    }

    .NewsEventsOnpage .NewsEventsTeaser .element .text .introduction {
        margin-top: 5px;
    }

    .NewsEventsOnpage .NewsEventsTeaser .element .text .headline a {
        color: inherit;
    }

    .NewsEventsOnpage .listlink {
        margin-top: 2.857143%;
    }
}

@media (max-width: 1100px) {
    .NewsEventsOnpage .NewsEventsTeaser .element .text {
        width: 100%;
    }

    .NewsEventsOnpage .NewsEventsTeaser .element .text .headline {
        margin-top: 5px;
    }

    .NewsEventsOnpage .NewsEventsTeaser .element .text .introduction {
        display: none;
    }

    .NewsEventsOnpage .NewsEventsTeaser .element .text .innerText {
        padding: 0 20px 20px 20px;
    }
}

@media (max-width: 450px) {
    .NewsEventsOnpage .listlink {
        margin-top: 8.888889%;
    }
}

@media all {
    .NewsEventsOnpage.T1 {
        overflow: hidden;
    }

    .NewsEventsOnpage.T1 .innerNewsEventsOnpage {
        padding-bottom: 0;
    }

    .NewsEventsOnpage.T1 .Intro.T1 .inner .text {
        width: 50%;
        max-width: 100%;
    }

    .NewsEventsOnpage.T1 .Zitat.T2 {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        text-align: right;
    }

    .NewsEventsOnpage.T1 .NewsEventsTeaser.T1 {
        width: calc(100% - 11.25%);
        align-items: center;
        position: relative;
    }

    .NewsEventsOnpage.T1 .NewsEventsTeaser.T1:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: calc(100% + 12.8125%);
        padding-top: 10%;
    }

    .NewsEventsOnpage.T1 .NewsEventsTeaser.T1 .element {
        width: 58.450704%;
    }

    .NewsEventsOnpage.T1 .NewsEventsTeaser.T1 .element + .element {
        width: 37.676056%;
    }

    .NewsEventsOnpage.T1 .NewsEventsTeaser.T1 .element + .element .text {
        width: 75%;
    }
}

@media (max-width: 1100px) {
    .NewsEventsOnpage.T1 .NewsEventsTeaser.T1 {
        width: 95%;
    }
}

@media (max-width: 1023px) {
    .NewsEventsOnpage.T1 .Intro.T1 .inner .text {
        width: auto;
    }
}

@media (max-width: 768px) {
    .NewsEventsOnpage.T1 .Intro.T1 {
        padding-bottom: 10%;
    }

    .NewsEventsOnpage.T1 .Zitat.T2 {
        display: none;
    }

    .NewsEventsOnpage.T1 .NewsEventsTeaser.T1 {
        width: 100%;
    }

    .NewsEventsOnpage.T1 .NewsEventsTeaser.T1:before {
        content: none;
    }

    .NewsEventsOnpage.T1 .NewsEventsTeaser.T1 .element {
        width: 100%;
    }

    .NewsEventsOnpage.T1 .NewsEventsTeaser.T1 .element + .element {
        display: none;
    }

    .NewsEventsOnpage.T1 .NewsEventsTeaser.T1 .element .text .innerText {
        padding: 0 30px 30px 30px;
    }
}

@media (max-width: 400px) {
    .NewsEventsOnpage.T1 .NewsEventsTeaser.T1 .element .text .innerText {
        padding: 0 30px 15px 30px;
    }
}

@media all {
    .NewsEventsOnpage.T2 {
        overflow: hidden;
    }

    .NewsEventsOnpage.T2 .NewsEventsTeaser.T2 {
        align-items: center;
    }

    .NewsEventsOnpage.T2 .NewsEventsTeaser.T2 .element {
        width: 58.450704%;
    }

    .NewsEventsOnpage.T2 .NewsEventsTeaser.T2 .element + .element {
        width: 37.676056%;
    }

    .NewsEventsOnpage.T2 .NewsEventsTeaser.T2 .element + .element .text {
        width: 70%;
    }

    .NewsEventsOnpage.T2.Flipped .NewsEventsTeaser.T2 {
        flex-direction: row-reverse;
    }

    .NewsEventsOnpage.T2.Flipped .NewsEventsTeaser.T2 .element {
        width: 47.580645%;
    }

    .NewsEventsOnpage.T2.Flipped .NewsEventsTeaser.T2 .element + .element {
        width: 47.580645%;
    }

    .NewsEventsOnpage.T2.Flipped .NewsEventsTeaser.T2 .element + .element .text {
        width: 50%;
    }

    .NewsEventsOnpage.T2.Flipped .NewsEventsTeaser.T2 .element .text {
        width: 70%;
    }
}

@media (max-width: 1100px) {
    .NewsEventsOnpage.T2 .NewsEventsTeaser.T2 .element + .element .text,
    .NewsEventsOnpage.T2.Flipped .NewsEventsTeaser.T2 .element + .element .text,
    .NewsEventsOnpage.T2.Flipped .NewsEventsTeaser.T2 .element .text {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .NewsEventsOnpage.T2 .Intro.T2 {
        padding-bottom: 10%;
    }

    .NewsEventsOnpage.T2 .NewsEventsTeaser.T2 .element {
        width: 100%;
    }

    .NewsEventsOnpage.T2 .NewsEventsTeaser.T2 .element + .element {
        display: none;
    }

    .NewsEventsOnpage.T2.Flipped .NewsEventsTeaser.T2 .element {
        width: 100%;
    }
}

@media all {
    .NewsEventsOnpage.T3 {
        overflow: hidden;
        position: relative;
    }

    .NewsEventsOnpage.T3 .innerNewsEventsOnpage {
        padding-top: 0;
    }

    .NewsEventsOnpage.T3 .NewsEventsTeaser.T3 {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .NewsEventsOnpage.T3 .NewsEventsTeaser.T3:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: calc(100% + 22.5%);
    }

    .NewsEventsOnpage.T3 .NewsEventsTeaser.T3 .element {
        width: 100%;
    }

    .NewsEventsOnpage.T3 .NewsEventsTeaser.T3 .element:not(:first-child) {
        width: 47.580645%;
    }

    .NewsEventsOnpage.T3 .NewsEventsTeaser.T3 .element + .element {
        order: 3;
        margin-top: 9.677419%;
    }

    .NewsEventsOnpage.T3 .NewsEventsTeaser.T3 .element + .element + .element {
        order: 2;
        margin-top: 4.83871%;
    }

    .NewsEventsOnpage.T3 .NewsEventsTeaser.T3 .element:first-child .text .innerText {
        padding: 0 0 50px 50px;
    }

    .NewsEventsOnpage.T3 .NewsEventsTeaser.T3 .element + .element .text {
        width: 70%;
    }

    .NewsEventsOnpage.T3 .NewsEventsTeaser.T3 .element + .element + .element .text {
        width: 70%;
    }
}

@media (max-width: 1100px) {
    .NewsEventsOnpage.T3 .NewsEventsTeaser.T3 .element:first-child .text .innerText {
        padding: 0 0 30px 30px;
    }
}

@media (max-width: 768px) {
    .NewsEventsOnpage.T3 .NewsEventsTeaser.T3 .element + .element {
        margin-top: 4.83871%;
    }

    .NewsEventsOnpage.T3 .NewsEventsTeaser.T3 .element + .element + .element {
        margin-top: 4.83871%;
    }

    .NewsEventsOnpage.T3 .NewsEventsTeaser.T3 .element .text .innerText,
    .NewsEventsOnpage.T3 .NewsEventsTeaser.T3 .element:first-child .text .innerText {
        padding: 0 20px 20px 20px;
    }

    .NewsEventsOnpage.T3 .NewsEventsTeaser.T3 .element + .element .text {
        width: 100%;
    }

    .NewsEventsOnpage.T3 .NewsEventsTeaser.T3 .element + .element + .element .text {
        width: 100%;
    }
}

@media (max-width: 570px) {
    .NewsEventsOnpage.T3 .NewsEventsTeaser.T3 .element + .element {
        width: 100%;
    }

    .NewsEventsOnpage.T3 .NewsEventsTeaser.T3 .element + .element + .element {
        width: 100%;
    }
}

@media all {
    .NewsdetailT1.Intro.T1.withheaderimg .BreadcrumbT1 {
        padding: 15px 0px 0px 0px;
    }

    .NewsdetailT1.Intro.T1 .innerText {
        max-width: 68.548387%;
    }

    .NewsdetailT1.Intro.T1 .innerText .label {
        margin-bottom: 7px;
        display: block;
    }

    .NewsdetailT1.Intro.T1 .readingTime {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        color: #a9bf00;
        margin: 35px 0;
    }

    .NewsdetailT1.Intro.T1 .readingTime .icon {
        margin-right: 10px;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .NewsdetailT1.Intro.T1 .readingTime .icon svg {
        color: #a9bf00;
        margin-right: 0;
        width: 28px;
    }

    .NewsdetailT1.Intro.T1 .readingTime .text {
        color: #a9bf00;
    }

    .NewsdetailT1.Intro.T1 .readingTime .text:hover {
        cursor: auto;
    }

    .NewsdetailT1.Themestage.T2 {
        position: relative;
    }

    .NewsdetailT1.Themestage.T2:after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 50%;
        background-color: #ffffff;
    }

    .NewsdetailT1.Themestage.T2 article.element div.video .videoyoutube {
        pointer-events: all;
    }

    .NewsdetailT1.Themestage.T2 article.element div.video .videoyoutube iframe {
        width: 100%;
        height: 100%;
        margin-top: 0px;
        left: 0px;
        top: 0px;
        transform: translate(0, 0);
        pointer-events: all;
    }

    .NewsdetailT1.HeaderGallery[data-object-fit='cover'] img {
        object-fit: cover;
    }

    .NewsdetailT1.HeaderGallery div.picture:after {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 240px;
        background: -moz-linear-gradient(top, rgba(25, 30, 16, 0.5) 0%, rgba(25, 30, 16, 0) 100%);
        background: -webkit-linear-gradient(top, rgba(25, 30, 16, 0.5) 0%, rgba(25, 30, 16, 0) 100%);
        background: linear-gradient(to bottom, rgba(25, 30, 16, 0.5) 0%, rgba(25, 30, 16, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3191e10',endColorstr='#00191e10',GradientType=0 );
    }

    .NewsdetailT1 div.picture img {
        aspect-ratio: auto !important;
    }

    .NewsdetailT1.ElementContent .content {
        max-width: 68.548387%;
    }

    .NewsdetailT1.Themestage.T2 + .NewsdetailT1.Collage.Collage1 {
        margin-top: 125px;
    }

    .NewsdetailT1.Collage.Collage1 .element {
        display: inline;
        width: 46.774194%;
        position: relative;
    }

    .NewsdetailT1.Collage.Collage1 .element div.picture img {
        aspect-ratio: auto !important;
    }

    .NewsdetailT1.Collage.Collage1 .element div.video,
    .NewsdetailT1.Collage.Collage1 .element div.video video {
        width: 100%;
        height: 100%;
    }

    .NewsdetailT1.Collage.Collage1 .element div.video .videoyoutube {
        width: 100%;
        height: 100%;
        padding-top: 64.202899%;
    }

    .NewsdetailT1.Collage.Collage1 .element div.video iframe {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
    }

    .NewsdetailT1.Collage.Collage1 .element:nth-child(odd) {
        float: left;
    }

    .NewsdetailT1.Collage.Collage1 .element:nth-child(even) {
        float: right;
    }

    .NewsdetailT1.Collage.Collage1 .element:nth-child(2) {
        margin-top: 8.064516%;
    }

    .NewsdetailT1.Collage.Collage1 .element:nth-child(3),
    .NewsdetailT1.Collage.Collage1 .element:nth-child(4) {
        margin-top: 6.451613%;
    }

    .NewsdetailT1.Collage.Collage2 .element {
        float: none;
        display: block;
        width: 100%;
    }

    .NewsdetailT1.Collage.Collage2 .element:nth-child(2),
    .NewsdetailT1.Collage.Collage2 .element:nth-child(3) {
        display: inline;
        width: 46.774194%;
    }

    .NewsdetailT1.Collage.Collage2 .element:nth-child(2) {
        float: left;
        margin-top: 6.451613%;
    }

    .NewsdetailT1.Collage.Collage2 .element:nth-child(3) {
        float: right;
        margin-top: 12.903226%;
    }

    .NewsdetailT1.Themestage.T2 + .NewsdetailT1.Share {
        margin-top: 125px;
    }

    .NewsdetailT1.Collage.Collage1 + .NewsdetailT1.Share {
        margin-top: 125px;
    }

    .NewsdetailT1.Collage.Collage2 + .NewsdetailT1.Share {
        margin-top: 125px;
    }

    .NewsdetailT1.Share .inner {
        padding: 45px 0;
    }

    .NewsdetailT1.Share .innerText,
    .NewsdetailT1.Share .innerText .content {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .NewsdetailT1.Share .innerText .headline + .subheadline {
        margin-left: 10px;
    }

    .NewsdetailT1.Share .innerText .content {
        margin-left: 30px;
    }

    .NewsdetailT1.Share .innerText .content div.icon {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, 0.3);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .NewsdetailT1.Share .innerText .content div.icon + div.icon {
        margin-left: 10px;
    }

    .NewsdetailT1.Share .innerText .content div.icon:not(.pinterest) a {
        width: 20px;
        height: 20px;
        display: block;
        background-color: transparent;
    }

    .NewsdetailT1.Share .innerText .content div.icon a svg {
        width: 100%;
        height: 100%;
        display: block;
        background-color: transparent;
    }

    .NewsdetailT1.Intro.T2 .inner .text {
        max-width: 62.096774%;
        margin: 0 auto;
    }

    .NewsdetailT1.NewsEventsOnpage.T2 {
        padding-top: 0;
    }

    .NewsdetailT1.NewsEventsOnpage.T2 .listlink {
        color: #a9bf00;
    }

    .owl-carousel:not(.owl-loaded) .element {
        display: block !important;
    }

    .owl-carousel:not(.owl-loaded) .element:nth-child(n + 3) {
        display: none !important;
    }

    .NewsdetailT1.CreditsContent1 {
        padding-bottom: 35px;
        font-size: 15px !important;
    }

    .NewsdetailT1.CreditsContent1 div.creds {
        margin-top: 60px;
    }
}

@media (max-width: 1600px) {
    .NewsdetailT1.Themestage.T2 + .NewsdetailT1.Collage.Collage1 {
        margin-top: 7.8125%;
    }

    .NewsdetailT1.Themestage.T2 + .NewsdetailT1.Share {
        margin-top: 7.8125%;
    }

    .NewsdetailT1.Collage.Collage1 + .NewsdetailT1.Share {
        margin-top: 7.8125%;
    }

    .NewsdetailT1.Collage.Collage2 + .NewsdetailT1.Share {
        margin-top: 7.8125%;
    }
}

@media (max-width: 1024px) {
    .NewsdetailT1.Intro.T1 .innerText {
        max-width: 100%;
    }

    .NewsdetailT1.Intro.T1 .readingTime {
        margin: 13px 0px 35px 0px;
    }

    .NewsdetailT1.Themestage.T2 article.element.noimage {
        height: 500px;
    }

    .NewsdetailT1.ElementContent .content {
        max-width: 100%;
    }

    .NewsdetailT1.Share .innerText {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .NewsdetailT1.Share .innerText .content {
        margin-top: 10px;
    }

    .NewsdetailT1.Share .innerText .headline + .subheadline {
        margin-left: 0;
    }

    .NewsdetailT1.Share .innerText .content {
        margin-left: 0;
    }

    .NewsdetailT1.Intro.T2 .inner .text {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .NewsdetailT1.HeaderGallery div.picture:after {
        height: 100px;
    }

    .NewsdetailT1.Themestage.T2 article.element.noimage {
        height: 350px;
    }

    .NewsdetailT1.Share .inner {
        padding: 25px 0;
    }

    .NewsdetailT1.NewsEventsOnpage.T2 .elements {
        flex-direction: column;
        align-items: unset;
    }

    .NewsdetailT1.NewsEventsOnpage.T2 .elements .owl-dots {
        text-align: center;
        margin-top: 2.857143%;
    }

    .NewsdetailT1.NewsEventsOnpage.T2 .elements .points1h > *.active {
        background-color: #a9bf00;
        border: none;
    }

    .NewsdetailT1.NewsEventsOnpage.T2 .elements .points1h > * {
        background-color: currentColor;
        border: none;
    }

    .NewsEventsOnpage.T2 .listlink {
        margin-top: 4.285714%;
    }

    .NewsdetailT1.Collage.Collage1 .element div.video .video-controls {
        display: none;
    }

    .NewsdetailT1.CreditsContent1 {
        margin-top: 0px;
        padding-bottom: 35px;
    }

    .NewsdetailT1.CreditsContent1 div.creds {
        margin-top: 40px;
    }
}

@media (max-width: 550px) {
    .NewsdetailT1.Themestage.T2 article.element.noimage {
        height: 250px;
    }

    .NewsdetailT1.CreditsContent1 {
        padding-top: 55px;
        padding-bottom: 25px;
    }

    .NewsdetailT1.CreditsContent1 div.creds {
        margin-top: 30px;
    }
}

@media all {
    body.loaderbg {
        position: relative;
    }

    body.loaderbg:before {
        content: '';
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 2000;
        width: 100%;
        height: 100%;
        background-color: #ffffff;
    }

    section.Loader,
    section.Loader .inner,
    section.Loader .inner .picture,
    section.Loader .inner .picture picture,
    section.Loader .inner .picture picture img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        background-color: #ffffff;
    }

    section.Loader {
        width: 100vw;
        height: 100vh;
    }

    section.Loader .inner {
        position: relative;
    }

    section.Loader .inner .picture {
        width: 100vw;
        height: 100vh;
    }

    section.Loader .inner .picture img {
        object-fit: cover;
        width: 100vw;
        height: 100vh;
    }

    section.Loader .inner .text {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 1;
    }

    section.Loader .inner .text:before {
        content: '';
        z-index: 2;
        display: block;
        width: 765px;
        height: 250px;
        padding: 50px 50px 50px 50px;
        position: absolute;
        left: -100px;
        bottom: -85px;
        background-image: -ms-radial-gradient(
            center,
            ellipse farthest-corner,
            rgba(0, 0, 0, 0.5) 0%,
            rgba(0, 0, 0, 0) 70%
        );
        background-image: -moz-radial-gradient(
            center,
            ellipse farthest-corner,
            rgba(0, 0, 0, 0.5) 0%,
            rgba(0, 0, 0, 0) 70%
        );
        background-image: -o-radial-gradient(
            center,
            ellipse farthest-corner,
            rgba(0, 0, 0, 0.5) 0%,
            rgba(0, 0, 0, 0) 70%
        );
        background-image: -webkit-gradient(
            radial,
            center center,
            0,
            center center,
            286,
            color-stop(0, rgba(0, 0, 0, 0.5)),
            color-stop(100, rgba(0, 0, 0, 0))
        );
        background-image: -webkit-radial-gradient(
            center,
            ellipse farthest-corner,
            rgba(0, 0, 0, 0.5) 0%,
            rgba(0, 0, 0, 0) 70%
        );
        background-image: radial-gradient(
            ellipse farthest-corner at center,
            rgba(0, 0, 0, 0.5) 0%,
            rgba(0, 0, 0, 0) 70%
        );
    }

    section.Loader .inner .text .headline {
        margin: 0 0 60px 90px;
        position: relative;
        z-index: 3;
    }

    section.Loader + div.close {
        display: none;
    }
}

@media (max-width: 768px) {
    section.Loader .inner .text .headline {
        margin: 0 0 30px 45px;
    }

    section.Loader .inner .text:before {
        width: 150%;
        height: 100px;
        bottom: -40px;
    }
}

@media (max-width: 400px) {
    section.Loader .inner .text .headline {
        margin: 0 0 20px 20px;
    }

    section.Loader .inner .text:before {
        height: 70px;
    }
}

@media all {
    section.JobT1 {
        text-align: left;
    }

    section.JobT1 div.innercontainer {
        padding: 4.266212% 7.110353%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    section.JobT1 div.headerbar {
        float: left;
        display: inline;
        width: 96.752137%;
        padding: 0.714286em 0px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    }

    section.JobT1 div.elements {
        float: left;
        width: 96.752137%;
    }

    section.JobT1 div.elements article.element {
        padding: 20px 0px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    }

    section.JobT1 div.info span.mobiletitle {
        display: none;
    }

    section.JobT1 div.title1 {
        float: left;
        display: inline;
        width: 30%;
    }

    section.JobT1 div.title2 {
        float: left;
        display: inline;
        width: 18%;
    }

    section.JobT1 div.title3 {
        float: left;
        display: inline;
        width: 12%;
    }

    section.JobT1 div.title4 {
        float: left;
        display: inline;
        width: 20%;
    }

    section.JobT1 div.title5 {
        float: right;
        display: inline;
        width: 20%;
    }

    section.JobT1 div.info a {
        color: inherit;
        font-weight: bold;
        color: #a9bf00;
    }

    section.JobT1 div.info a.pdfdownload {
        float: left;
        display: inline;
        padding: 0px 0px 0px 0px;
    }

    section.JobT1 div.info a.pdfdownload svg {
        fill: currentColor;
        margin-left: 15px;
        transform: translateY(2px);
    }

    section.JobT1 div.info a.requestlink {
        float: right;
        display: inline;
        transform: translateY(4px);
    }

    section.RequestT1 .clearicon svg {
        width: 20px;
        height: 20px;
        margin-left: 18px;
        margin-bottom: -2px;
    }
}

@media (max-width: 1120px) {
    section.JobT1 div.headerbar {
        display: none;
    }

    section.JobT1 div.info {
        float: left;
        width: 100%;
        clear: both;
        margin-bottom: 7px;
    }

    section.JobT1 div.info span.mobiletitle {
        display: inline;
        float: left;
    }

    section.JobT1 div.info a.requestlink {
        float: left;
        clear: both;
        margin-top: 15px;
        font-size: 20px;
        line-height: 24px;
        padding: 9px 20px 9px 0px;
        font-weight: bold;
    }

    section.JobT1 div.info a.pdfdownload svg {
        margin-bottom: -4px;
    }
}

@media (max-width: 1023px) {
    section.JobT1 div.info a.requestlink {
        font-size: 16px;
        line-height: 20px;
    }
}

@media all {
    .Jahrgaengelist.T1 .element {
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    }

    .Jahrgaengelist.T1 .element:first-child {
        border-top: 1px solid rgba(0, 0, 0, 0.2);
    }

    .Jahrgaengelist.T1
        .element[data-view~='Element'][data-elementlinked='true'][data-detaillink]:not([data-detaillink='']):hover,
    .Jahrgaengelist.T1 .element:hover {
        box-shadow: none;
    }

    .Jahrgaengelist.T1 .element .inner {
        padding: 20px 0;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }

    .Jahrgaengelist.T1 .element .inner .picture {
        width: 14.516129%;
    }

    .Jahrgaengelist.T1 .element .inner .text {
        width: 83.064516%;
    }

    .Jahrgaengelist.T1 .element .inner .detaillink {
        display: inline-block;
        margin-top: 20px;
    }
}

@media (max-width: 1024px) {
    .Jahrgaengelist.T1 .element .inner .detaillink {
        margin-top: 10px;
    }
}

@media (max-width: 768px) {
    .Jahrgaengelist.T1 .element .inner .picture {
        width: 23.4375%;
    }

    .Jahrgaengelist.T1 .element .inner .text {
        width: 72.65625%;
    }
}

@media (max-width: 450px) {
    .Jahrgaengelist.T1
        .element[data-view~='Element'][data-elementlinked='true'][data-detaillink]:not([data-detaillink=''])
        .picture,
    .Jahrgaengelist.T1 .element .inner .picture {
        display: none;
    }

    .Jahrgaengelist.T1 .element .inner .text {
        width: 100%;
    }
}

@media all {
    .JahrgaengedetailT1.Intro.T1 .innerText {
        max-width: 68.548387%;
    }

    .JahrgaengedetailT1.Themestage.T2 {
        position: relative;
    }

    .JahrgaengedetailT1.Themestage.T2:after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 50%;
        background-color: #ffffff;
    }

    .JahrgaengedetailT1.ElementContent .content {
        max-width: 68.548387%;
    }

    .JahrgaengedetailT1.Collage.Collage1 .element {
        display: inline;
        width: 46.774194%;
    }

    .JahrgaengedetailT1.Collage.Collage1 .element:nth-child(odd) {
        float: left;
    }

    .JahrgaengedetailT1.Collage.Collage1 .element:nth-child(even) {
        float: right;
    }

    .JahrgaengedetailT1.Collage.Collage1 .element:nth-child(2) {
        margin-top: 8.064516%;
    }

    .JahrgaengedetailT1.Collage.Collage1 .element:nth-child(3),
    .JahrgaengedetailT1.Collage.Collage1 .element:nth-child(4) {
        margin-top: 6.451613%;
    }

    .JahrgaengedetailT1.Collage.Collage1 + .JahrgaengedetailT1.Intro.T2 {
        margin-top: 125px;
    }

    .JahrgaengedetailT1.Intro.T2 .inner .text {
        max-width: 62.096774%;
        margin: 0 auto;
    }

    .JahrgaengedetailT1.Jahrgaengelist.T1 {
        padding-top: 0;
    }

    .JahrgaengedetailT1.Jahrgaengelist.T1 .detaillink {
        color: #a9bf00;
    }
}

@media (max-width: 1600px) {
    .JahrgaengedetailT1.Collage.Collage1 + .JahrgaengedetailT1.Intro.T2 {
        margin-top: 7.8125%;
    }
}

@media (max-width: 1024px) {
    .JahrgaengedetailT1.Intro.T1 .innerText {
        max-width: 100%;
    }

    .JahrgaengedetailT1.ElementContent .content {
        max-width: 100%;
    }

    .JahrgaengedetailT1.Intro.T2 .inner .text {
        max-width: 100%;
    }
}

@media all {
    .Intro .element .introduction {
        margin-top: 23px;
    }

    .Intro.marginbottomvincer .innerIntro {
        margin-bottom: 43px;
    }

    .Intro.T1.firstSharedspacesmall[data-breadcrumb='true'],
    .Intro.T1.firstSharedspacesmall[data-breadcrumb='true'] .spacesmall {
        padding-top: 50px;
    }

    .Intro.T1.firstSharedspacenormal[data-breadcrumb='true'],
    .Intro.T1.firstSharedspacenormal[data-breadcrumb='true'] .spacenormal {
        padding-top: 60px;
    }

    .Intro.T1.firstSharedspacemedium[data-breadcrumb='true'],
    .Intro.T1.firstSharedspacemedium[data-breadcrumb='true'] .spacemedium {
        padding-top: 70px;
    }

    .Intro.T1.firstSharedspacebig[data-breadcrumb='true'],
    .Intro.T1.firstSharedspacebig[data-breadcrumb='true'] .spacebig {
        padding-top: 80px;
    }

    .Intro.T1 > div.breadcrumb > .BreadcrumbT1 {
        padding-bottom: 0;
        padding-top: 13px;
        margin-bottom: -15px;
    }

    .Intro.T1 .BreadcrumbT1 {
        padding-bottom: 45px;
    }

    .Intro.T1 .element .inner {
        display: flex;
        justify-content: space-between;
    }

    .Intro.T1 .element .inner .picture {
        order: 2;
        width: 42.983871%;
    }

    .Intro.T1.imageSmall .element .inner .picture,
    .Intro.T1 .element.imageSmall .inner .picture {
        width: 20.16129%;
    }

    .Intro.T1 .element .inner .text {
        width: 80%;
    }

    .Intro.T1 .element .inner .picture + .text {
        order: 1;
        width: 42.741935%;
    }

    .Intro.T1.imageSmall .element .inner .picture + .text,
    .Intro.T1 .element.imageSmall .inner .picture + .text {
        width: 70.967742%;
    }

    .Intro.T1 .element .subtitle {
        margin-top: 8px;
    }

    .Intro.T1 .element .inner .picture + .text .subtitle {
        margin-top: 0;
    }

    .Intro.T1 .element .inner .linkscontainer {
        margin-top: 30px;
    }

    .Intro.T1 .element .inner .linkscontainer a + a {
        margin-left: 20px;
    }

    section:not(.Intro) .Intro.T2,
    section:not(.Intro) .Intro.T1 {
        padding-bottom: 53px;
    }

    .Intro.T2 .element .inner .text {
        width: 70%;
        max-width: 860px;
        margin-left: auto;
        margin-right: auto;
    }

    .Intro.T2 .element .subtitle {
        margin-top: 5px;
    }

    .Intro.T2 .element .inner .detaillink {
        margin-top: 10px;
    }

    .Intro.T2 .element .inner .detaillink + .detaillink {
        margin-left: 10px;
    }

    .Intro.T3 .element .inner .text {
        width: 47.580645%;
        max-width: 100%;
    }

    .Intro.T3 .element .inner .picture + .text {
        padding: 0;
        width: 47.580645%;
        max-width: 100%;
    }

    .Intro.T3 .element .inner .picture + .text .headline,
    .Intro.T3 .element .inner .picture + .text .subheadline {
        max-width: 570px;
        width: 100%;
    }

    .Intro.T3 .element .inner > .picture {
        width: 47.580645%;
        max-width: 100%;
    }

    .Intro.T3 .element .inner .detaillink {
        margin: 35px 0 0 0;
    }

    .Intro.T3 .element .inner .innerText .picture {
        display: block;
        width: 100%;
        margin-top: 11.864407%;
    }

    .Intro.T3 .element .inner .innerText .picture picture {
        width: 56.779661%;
        margin-left: auto;
    }

    .Intro.T3 .element .inner .innerText .picture picture img {
        max-width: 100%;
    }
}

@media (max-width: 1600px) {
    .Intro.T1.firstSharedspacesmall[data-breadcrumb='true'],
    .Intro.T1.firstSharedspacesmall[data-breadcrumb='true'] .spacesmall {
        padding-top: 3.125%;
    }

    .Intro.T1.firstSharedspacenormal[data-breadcrumb='true'],
    .Intro.T1.firstSharedspacenormal[data-breadcrumb='true'] .spacenormal {
        padding-top: 3.75%;
    }

    .Intro.T1.firstSharedspacemedium[data-breadcrumb='true'],
    .Intro.T1.firstSharedspacemedium[data-breadcrumb='true'] .spacemedium {
        padding-top: 4.375%;
    }

    .Intro.T1.firstSharedspacebig[data-breadcrumb='true'],
    .Intro.T1.firstSharedspacebig[data-breadcrumb='true'] .spacebig {
        padding-top: 5%;
    }

    section:not(.Intro) .Intro.T2,
    section:not(.Intro) .Intro.T1 {
        padding-bottom: 3.3125%;
    }
}

@media (max-width: 1023px) {
    .Intro .element .introduction {
        margin-top: 15px;
    }

    .Intro.T1 .element .subtitle {
        margin-top: 2px;
    }

    .Intro.T1 .element .inner .text {
        width: auto;
        max-width: 100%;
    }

    .Intro.T1 .element .inner .picture {
        display: none;
    }

    .Intro.T1 .element .inner .picture + .text {
        width: 70%;
    }

    .Intro.T1.withImageMobile .element .inner,
    .Intro.T1 .element.withImageMobile .inner {
        flex-wrap: wrap;
    }

    .Intro.T1.withImageMobile .element .inner .picture,
    .Intro.T1 .element.withImageMobile .inner .picture {
        display: block;
        margin: 0 auto;
        width: 42.983871%;
    }

    .Intro.T3 .element .inner .picture + .text {
        width: 47.580645%;
        max-width: 100%;
    }

    .Intro.T3 .element .inner .picture {
        display: block;
    }

    .Intro.T3 .element .inner .innerText .picture {
        display: none;
    }
}

@media (max-width: 768px) {
    .Intro.T2 .element .inner .text {
        width: auto;
        max-width: 100%;
        margin-left: 30px;
        margin-right: 30px;
    }

    .Intro.T3 .element .inner {
        flex-wrap: wrap;
    }

    .Intro.T3 .element .inner .picture + .text {
        width: 100%;
    }

    .Intro.T3 .element .inner .detaillink {
        margin-top: 20px;
    }

    .Intro.T3 .element .inner > .picture {
        width: 100%;
        margin-top: 40px;
    }
}

@media (max-width: 600px) {
    section:not(.Intro) .Intro.T2,
    section:not(.Intro) .Intro.T1 {
        padding-bottom: 25px;
    }

    .Intro.T1 .element .inner .picture + .text .subtitle {
        margin-top: -1px;
    }

    .Intro.T1 .element .inner .text,
    .Intro.T1 .element .inner .picture + .text {
        width: 100% !important;
    }

    .Intro.T1 .element .subtitle {
        margin-top: 0px;
    }

    .Intro.T1 .element .inner .linkscontainer {
        margin-top: 20px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .Intro.T1 .element .inner .linkscontainer a + a {
        margin-top: 10px;
        margin-left: 0px;
    }

    .Intro .element .introduction {
        margin-top: 7px;
    }

    .Intro.T3 .element .inner .detaillink {
        margin-top: 20px;
    }

    .Intro.T3 .element .inner > .picture {
        width: 100%;
        margin-top: 40px;
    }

    .Intro.T3 .element .inner .innerText .picture {
        margin-top: 40px;
    }

    .Intro.T3 .element .inner .innerText .picture picture {
        width: 100%;
    }

    .Intro.marginbottomvincer .innerIntro {
        margin-bottom: 30px;
    }
}

@media all {
    .InfosSorte.T1 .elements {
        display: block;
    }

    .InfosSorte.T1 .elements {
        display: block;
    }

    .InfosSorte.T1 .elements .element {
        width: 47.580645%;
        display: inline;
    }

    .InfosSorte.T1 .elements .element:nth-child(1) {
        float: left;
    }

    .InfosSorte.T1 .elements .element:nth-child(2) {
        float: right;
    }

    .InfosSorte.T1 .elements .element:nth-child(3) {
        float: left;
        margin-top: 4.83871%;
    }

    .InfosSorte.T1 .elements .element .inner {
        padding: 10.169492% 8.474576%;
    }

    .InfosSorte.T1 .elements .element .inner .svg {
        margin-top: 40px;
    }

    .InfosSorte.T1 .elements .element .inner .picture img {
        width: auto;
        max-width: 100%;
        display: block;
    }

    .InfosSorte.T1 .elements .element .inner .introduction {
        margin-top: 25px;
        max-width: 81.632653%;
    }

    .InfosSorte.T1 .elements .element .inner .link {
        display: inline-block;
        margin-top: 20px;
    }
}

@media (max-width: 1100px) {
    .InfosSorte.T1 .elements {
        -ms-grid-template-columns: 48.387097% 3.225806% 48.387097%;
        -ms-grid-template-rows: auto 40px auto;
    }

    .InfosSorte.T1 .elements {
        grid-template-columns: 48.387097% 3.225806% 48.387097%;
        grid-template-rows: auto 40px auto;
    }

    .InfosSorte.T1 .elements .element .inner {
        padding: 6.779661%;
    }
}

@media (max-width: 800px) {
    .InfosSorte.T1 .elements {
        display: block;
    }

    .InfosSorte.T1 .elements .element:nth-child(1),
    .InfosSorte.T1 .elements .element:nth-child(2),
    .InfosSorte.T1 .elements .element:nth-child(3),
    .InfosSorte.T1 .elements .element {
        display: block;
        width: 100%;
    }

    .InfosSorte.T1 .elements .element:nth-child(2) {
        margin-top: 40px;
    }

    .InfosSorte.T1 .elements .element:nth-child(3) {
        margin-top: 40px;
    }

    .InfosSorte.T1 .elements .element .inner {
        padding: 6.779661%;
    }
}

@keyframes bar3hover {
    0% {
        width: 65%;
    }

    50% {
        width: 105%;
    }

    100% {
        width: 100%;
    }
}

@keyframes bar2hover {
    0% {
        width: 100%;
    }

    50% {
        width: 75%;
    }

    100% {
        width: 85%;
    }
}

@media all {
    header.pageheader {
        width: 100%;
        position: relative;
        z-index: 10;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    header.pageheader.bgheader {
        background: transparent;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }

    header.pageheader div.innerpageheader {
        margin-left: 5%;
        margin-right: 5%;
        width: auto;
        padding: 30px 0px;
    }

    header.pageheader div.innerpageheader div.logoouter {
        float: left;
        display: inline;
        position: relative;
        z-index: 5;
    }

    header.pageheader div.innerpageheader div.logoouter img {
        max-width: 100%;
        max-height: 103px;
    }

    header.pageheader div.innerpageheader div.logoouter .standard {
        display: block;
        width: 100%;
    }

    header.pageheader div.innerpageheader div.logoouter .inverse {
        display: none;
        width: 100%;
    }

    header.pageheader.bgheader div.innerpageheader div.logoouter .standard {
        display: none;
    }

    header.pageheader.bgheader div.innerpageheader div.logoouter .inverse {
        display: block;
    }

    header.pageheader div.innerpageheader div.rightpart {
        float: right;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        z-index: 6;
        padding-top: 15px;
    }

    header.pageheader div.innerpageheader div.rightpart div.icons {
        display: flex;
        align-items: center;
        position: relative;
        top: 0;
        right: 0;
        transition: top 350ms ease 0ms;
    }

    header.pageheader div.innerpageheader div.iconbutton {
        text-align: center;
        display: none;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        position: relative;
    }

    header.pageheader div.innerpageheader div.iconbutton .hamburger {
        width: 24px;
        height: 19px;
        position: relative;
    }

    header.pageheader div.innerpageheader div.iconbutton .hamburger span {
        width: 100%;
        height: 3px;
        display: block;
        background-color: #333333;
        position: absolute;
        left: 0;
        transition: all 200ms linear 0ms;
    }

    header.pageheader.bgheader div.innerpageheader div.iconbutton .hamburger span {
        background-color: #ffffff;
    }

    header.pageheader div.innerpageheader div.iconbutton .hamburger .bar1 {
        top: 0;
        transform: rotate(0deg);
    }

    header.pageheader div.innerpageheader div.iconbutton .hamburger .bar2 {
        top: 8px;
        opacity: 1;
        width: 22px;
    }

    header.pageheader div.innerpageheader div.iconbutton .hamburger .bar3 {
        top: 16px;
        transform: rotate(0deg);
        width: 16px;
    }

    header.pageheader div.innerpageheader div.iconbutton .text {
        display: none;
    }

    header.pageheader div.innerpageheader div.iconbutton:not(.active):hover .hamburger .bar3 {
        animation: bar3hover;
        animation-duration: 350ms;
        animation-fill-mode: forwards;
    }

    header.pageheader div.innerpageheader div.iconbutton:not(.active):hover .hamburger .bar2 {
        animation: bar2hover;
        animation-duration: 350ms;
        animation-fill-mode: forwards;
    }

    header.pageheader div.innerpageheader div.iconbutton.active .hamburger span {
        height: 2px;
    }

    header.pageheader div.innerpageheader div.iconbutton.active .hamburger .bar2 {
        width: 0%;
        opacity: 0;
        filter: alpha(opacity = 0);
        width: 100%;
    }

    header.pageheader div.innerpageheader div.iconbutton.active .hamburger .bar1 {
        transform: rotate(45deg);
        top: 8px;
    }

    header.pageheader div.innerpageheader div.iconbutton.active .hamburger .bar3 {
        transform: rotate(-45deg);
        top: 8px;
        width: 100%;
    }

    header.pageheader div.innerpageheader div.search {
        display: flex;
        align-items: center;
        position: relative;
        margin-left: 31px;
        transition: all 250ms ease 0ms;
        cursor: pointer;
    }

    header.pageheader div.innerpageheader div.search a {
        display: flex;
        align-items: center;
    }

    header.pageheader div.innerpageheader div.search:before {
        content: '';
        width: 1px;
        height: 25px;
        display: block;
        position: absolute;
        left: -30px;
        top: 0;
        background-color: #333333;
    }

    header.pageheader div.innerpageheader div.search svg {
        fill: #333333;
        width: 25px;
        height: 25px;
    }

    header.pageheader div.innerpageheader div.search .circle {
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: -1;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0);
        transition: all 250ms ease-in-out;
        display: block;
        width: 56px;
        height: 56px;
        border-radius: 50%;
        background: transparent;
    }

    header.pageheader div.innerpageheader div.icons.onemenupoint .iconbutton {
        display: none;
    }

    header.pageheader div.innerpageheader div.icons.onemenupoint div.search {
        margin-left: 0px;
    }

    header.pageheader div.innerpageheader div.icons.onemenupoint div.search:before {
        content: none;
    }

    header.pageheader.bgheader div.innerpageheader div.search svg {
        fill: #ffffff;
    }

    header.pageheader.bgheader div.innerpageheader div.search:before {
        background-color: #ffffff;
    }

    header.pageheader .rightpart-top {
        margin-top: 15px;
        margin-bottom: 8px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    header.pageheader .additionalLinks {
        display: flex;
        padding-right: 18px;
    }

    header.pageheader .additionalLinks li + li {
        margin-left: 16px;
    }

    header.pageheader .additionalLinks .additionalLink {
        font-weight: normal;
        font-size: 17px;
        line-height: 20px;
    }

    header.pageheader .additionalLinks .additionalLink:hover {
        opacity: 0.6;
    }

    header.pageheader .additionalLinks + .social {
        padding-left: 18px;
        border-left: 1px solid rgba(255, 255, 255, 0.5);
    }

    header.pageheader .social {
        display: flex;
    }

    header.pageheader .social li + li {
        margin-left: 8px;
    }

    header.pageheader .social li a {
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        width: 40px;
        height: 40px;
        position: relative;
        overflow: hidden;
    }

    header.pageheader .social li a:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
        background-color: #a9bf00;
    }

    header.pageheader .social li a:hover:before {
        opacity: 0.6;
    }

    header.pageheader .social li a svg {
        width: 50%;
        height: 50%;
        box-sizing: border-box;
    }

    header.pageheader .social li a svg.icon {
        color: #ffffff;
        fill: #ffffff;
    }

    header.pageheader .social li a svg.icon.icon-pinterest {
        width: 100%;
        height: 100%;
    }

    nav.outermainmenu ul.menu {
        display: flex;
        align-items: center;
    }

    nav.outermainmenu ul.menu li {
        margin-right: 25px;
        position: relative;
    }

    nav.outermainmenu ul.menu li a {
        transition: all 0.3s ease-in-out;
        font-size: 18px;
    }

    nav.outermainmenu ul.menu li a:hover {
        opacity: 0.8;
        filter: alpha(opacity = 80);
    }

    nav.outermainmenu ul.menu li.aktiv:not(.aktiv-sub) a:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        display: block;
        background-color: #094a74;
        bottom: -2px;
    }

    nav.outermainmenu ul.menu li.aktiv-sub a:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 4px;
        display: block;
        left: 0;
        bottom: -6px;

        background: url('/assets/main-menu-bg.png') no-repeat center center;
    }

    nav.outermainmenu ul.menu li.kontakt a:before {
        content: none;
    }

    .bgheader nav.outermainmenu ul.menu li.aktiv:not(.aktiv-sub) a:after {
        background-color: #ffffff;
    }

    .bgheader nav.outermainmenu ul.menu li.kontakt a {
        border-color: #ffffff;
    }

    .openmenu nav.outermainmenu ul.menu {
        display: none;
    }

    nav.mainmenu {
        height: 0;
        overflow: hidden;
        position: static;
        opacity: 0;
        filter: alpha(opacity = 0);
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        pointer-events: none;
    }

    nav.mainmenu div.inner {
        opacity: 0;
        filter: alpha(opacity = 0);
        padding: 0 0 45px 0;
        margin-left: 0;
        box-sizing: border-box;
        text-align: center;
    }

    .Menu nav.mainmenu {
        height: 100%;
        opacity: 1;
        filter: alpha(opacity = 100);
    }

    nav.mainmenu ul.menu {
        margin: 0;
        padding: 0;
    }

    nav.mainmenu ul.menu > li {
        display: none;
        font-size: 18px;
        line-height: 30px;
        font-weight: normal;
    }

    nav.mainmenu ul.menu > li.active {
        display: block;
    }

    nav.mainmenu ul.menu > li > a {
        display: none;
    }

    nav.mainmenu ul.menu li a {
        font-weight: normal;
    }

    nav.mainmenu ul.menu li a:hover {
        opacity: 0.8;
        filter: alpha(opacity = 80);
    }

    nav.mainmenu ul.menu li.active ul li.active {
        text-decoration: underline;
    }

    nav.mainmenu ul.menu li.active ul li a {
        color: #333333;
    }

    nav.mainmenu .additionalLinks {
        display: none;
    }

    nav.mainmenu .social {
        display: none;
    }

    nav.mainmenu ul.secondarymenu {
        display: none;
    }

    nav.mainmenu ul.secondarymenu li:first-of-type ul {
        margin-top: 13px;
    }

    nav.mainmenu ul.secondarymenu li ul {
        margin-top: 18px;
    }

    nav.mainmenu ul.secondarymenu {
        margin: 65px 0 0 0;
    }

    nav.mainmenu ul.secondarymenu li {
        padding: 5px 0 5px 0;
    }

    nav.mainmenu ul.secondarymenu li:first-of-type {
        padding: 0 0 5px 0;
    }

    /* nav.mainmenu ul.secondarymenu li.nosubmenu:not(.additionalLink) {
        display: none;
    } */

    nav.mainmenu ul.secondarymenu > li > a {
        color: #7d7d7d;
        font-family: 'Suedtirol', sans-serif;
        font-size: 40px;
        line-height: 50px;
        font-weight: 400;
    }

    nav.mainmenu ul.secondarymenu li.active a {
        color: #333333;
    }

    nav.mainmenu ul.secondarymenu li ul li a {
        text-transform: none;
        font-family: 'SuedtirolNextTT', sans-serif;
    }

    nav.mainmenu div.menusearch {
        display: none;
    }

    .openmenu .maincontent {
        position: relative;
    }

    .openmenu .maincontent:before {
        content: '';
        display: block;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 10;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4);
    }

    .openmenu header.pageheader {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 20;
    }

    .openmenu nav.mainmenu {
        display: block;
        position: absolute;
        left: 0;
        top: 100%;
        z-index: 10;
        box-sizing: border-box;
        width: 100%;
        opacity: 1;
        filter: alpha(opacity = 100);
        pointer-events: auto;
        overflow: unset;
        height: auto;
    }

    .openmenu nav.mainmenu > div.inner {
        opacity: 1;
        filter: alpha(opacity = 100);
    }

    .openmenu header.pageheader .additionalLinks + .social {
        border-left: 1px solid #333333;
    }

    .openmenu header.pageheader .additionalLinks .additionalLink {
        color: #333333;
    }

    .openmenu header.pageheader .additionalLinks .additionalLink {
        color: #333333;
    }

    .openmenu header.pageheader,
    .openmenu nav.mainmenu {
        background-color: rgba(243, 243, 243, 0.9);
    }

    .slidein header.pageheader,
    .slidein nav.mainmenu {
        background-color: #ffffff;
    }

    .openmenu header.pageheader div.innerpageheader div.logoouter .inverse,
    .slidein header.pageheader div.innerpageheader div.logoouter .inverse {
        display: none;
    }

    .openmenu header.pageheader div.innerpageheader div.logoouter .standard,
    .slidein header.pageheader div.innerpageheader div.logoouter .standard {
        display: block;
    }

    .openmenu header.pageheader nav.outermainmenu ul.menu,
    .slidein header.pageheader nav.outermainmenu ul.menu {
        display: flex;
    }

    .openmenu header.pageheader nav.outermainmenu ul.menu a,
    .slidein header.pageheader nav.outermainmenu ul.menu a {
        color: #333333;
    }

    .openmenu header.pageheader nav.outermainmenu ul.menu li.aktiv:not(.aktiv-sub) a:after,
    .slidein header.pageheader nav.outermainmenu ul.menu li.aktiv:not(.aktiv-sub) a:after {
        background-color: #333333;
    }

    .openmenu header.pageheader.bgheader div.innerpageheader div.search:before,
    .slidein header.pageheader.bgheader div.innerpageheader div.search:before {
        background-color: #333333;
    }

    .openmenu header.pageheader.bgheader div.innerpageheader div.search svg,
    .slidein header.pageheader.bgheader div.innerpageheader div.search svg {
        fill: #333333;
    }

    .slidein header.pageheader {
        position: fixed;
        height: 92px;
        box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
    }

    .slidein header.pageheader div.innerpageheader {
        height: 100%;
        margin-left: 80px;
        margin-right: 80px;
        padding: 0;
    }

    body.BannerActive.slidein header.pageheader div.innerpageheader {
        margin-left: 80px;
        margin-right: 0px;
    }

    .slidein header.pageheader div.innerpageheader div.logoouter {
        margin-top: 7px;
        width: 180px;
    }

    .slidein header.pageheader.Web-33 div.innerpageheader div.logoouter {
        margin-top: 9px;
        width: 70px;
    }

    .slidein header.pageheader.Web-34 div.innerpageheader div.logoouter {
        margin-top: 12px;
        width: 70px;
    }

    .slidein header.pageheader div.innerpageheader div.logoouter img {
        max-height: 92px;
    }

    .slidein header.pageheader .rightpart-top {
        display: none;
    }

    body.BannerActive.slidein header.pageheader div.innerpageheader div.rightpart {
        padding-top: 0px;
    }

    body.BannerActive.slidein header.pageheader div.innerpageheader div.rightpart nav.outermenu {
        padding-top: 35px;
    }

    .slidein header.pageheader div.innerpageheader div.rightpart {
        padding-top: 35px;
    }

    .slidein header.pageheader.bgheader div.innerpageheader div.search {
        margin-right: 30px;
    }
}

@media (min-width: 1201px) {
    nav.mainmenu ul.menu > li.active {
        display: flex;
        opacity: 1;
        pointer-events: auto;
        height: auto;
    }

    nav.mainmenu ul.menu > li {
        display: flex;
        opacity: 0;
        pointer-events: none;
        overflow: hidden;
        height: 1px;
    }

    nav.mainmenu ul.menu > li > ul {
        position: relative;
    }
}

@media (max-width: 1200px) {
    body.openmenu {
        height: 100%;
        overflow: hidden;
    }

    nav.outermainmenu ul.menu {
        display: none;
    }

    header.pageheader div.innerpageheader div.iconbutton {
        display: flex;
    }

    header.pageheader div.innerpageheader div.iconbutton .circle,
    header.pageheader div.innerpageheader div.search .circle {
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: -1;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0);
        display: block;
        width: 55px;
        height: 55px;
        border-radius: 50%;
    }

    header.pageheader div.innerpageheader div.iconbutton .circle {
        background-color: #a9bf00;
    }

    header.pageheader div.innerpageheader div.iconbutton:hover .circle {
        background-color: #8fa400;
    }

    header.pageheader div.innerpageheader div.search .circle {
        background-color: #a3a4a6;
    }

    header.pageheader div.innerpageheader div.search:hover .circle {
        background-color: #949596;
    }

    header.pageheader div.innerpageheader div.iconbutton .hamburger span {
        background-color: #ffffff;
    }

    header.pageheader div.innerpageheader div.icons.onemenupoint .iconbutton {
        display: flex;
    }

    header.pageheader div.innerpageheader div.search .circle {
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: -1;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0);
        display: block;
        width: 55px;
        height: 55px;
        border-radius: 50%;
    }

    body:not(.slidein) header.pageheader div.innerpageheader div.search .circle {
        background-color: #a3a4a6;
    }

    body:not(.slidein) header.pageheader div.innerpageheader div.search:hover .circle {
        background-color: #949596;
    }

    header.pageheader div.innerpageheader div.icons.onemenupoint div.search,
    header.pageheader div.innerpageheader div.search {
        margin-left: 40px;
    }

    header.pageheader div.innerpageheader div.search svg {
        fill: #ffffff;
    }

    header.pageheader div.innerpageheader div.search:before {
        content: none;
    }

    .openmenu header.pageheader div.innerpageheader div.rightpart nav.outermainmenu,
    .slidein header.pageheader div.innerpageheader div.rightpart nav.outermainmenu {
        display: none;
    }

    .openmenu header.pageheader.bgheader div.innerpageheader div.search svg,
    .slidein header.pageheader.bgheader div.innerpageheader div.search svg {
        fill: #ffffff;
    }

    .openmenu nav.mainmenu {
        position: fixed;
        top: 163px;
        height: calc(100% - 163px);
    }

    .openmenu.slidein nav.mainmenu {
        top: 92px;
        height: calc(100% - 92px);
    }

    nav.mainmenu ul.menu {
        padding: 0 0 6.666667% 0;
    }

    nav.mainmenu ul.menu > li {
        display: block;
        position: relative;
        padding: 0;
    }

    nav.mainmenu ul.menu > li {
        font-family: 'Suedtirol', sans-serif;
        font-size: 28px;
        line-height: 38px;
        font-weight: 400;
    }

    nav.mainmenu ul.menu > li > a {
        display: block;
    }

    nav.mainmenu ul.menu li {
        padding: 0px 0px 0px 0px;
    }

    nav.mainmenu ul.menu li.active ul,
    nav.mainmenu ul.menu li > a {
        color: #333333;
    }

    nav.mainmenu ul.menu li a {
        position: relative;
        display: inline-block;
        transition: all 0.3s ease-in-out;
        font-weight: 400;
    }

    nav.mainmenu ul.menu li ul {
        transition: all 250ms ease 0ms;
        background: transparent;
        opacity: 0;
        top: 0;
        z-index: 5;
        margin-top: 7px;
        height: 0;
        overflow: hidden;
        position: static;
        transform: translateY(0%);
        -webkit-transform: translateY(0%);
    }

    nav.mainmenu ul.menu li ul li {
        padding: 0 0 0 0;
        font-size: 20px;
        line-height: 28px;
    }

    nav.mainmenu ul.menu li ul li a {
        font-family: 'SuedtirolNextTT', sans-serif;
        font-size: 16px;
        line-height: 20px;
        font-weight: normal;
        color: #7d7d7d;
    }

    nav.mainmenu ul.menu li ul li a:after {
        content: none;
    }

    nav.mainmenu ul.menu li.active a:after {
        content: '';
        display: block;
        position: absolute;
        background-color: currentColor;
        bottom: -3px;
        top: auto;
        height: 2px;
        width: 100%;
        left: 0px;
    }

    nav.mainmenu ul.menu li.active ul {
        transition: all 250ms ease 0ms;
        background: transparent;
    }

    nav.mainmenu ul.menu li.active ul {
        padding-top: 10px;
        padding-bottom: 15px;
        width: auto;
        height: auto;
        top: 0;
        opacity: 1;
        transition: all 0ms ease 0ms;
    }

    nav.mainmenu ul.menu li.acitve ul li a {
        font-family: 'SuedtirolNextTT', sans-serif;
        font-size: 16px;
        line-height: 20px;
        font-weight: normal;
        color: #7d7d7d;
    }

    nav.mainmenu ul.menu li.active ul li a:after {
        content: none;
    }

    nav.mainmenu ul.menu li.active ul li a:after {
        content: none;
    }

    nav.mainmenu ul.menu li.active ul li.active a:after {
        content: '';
        top: auto;
        bottom: auto;
    }

    nav.mainmenu ul.secondarymenu {
        margin: 0 30px;
        padding: 0 0 6.666667% 0;
        text-align: center;
        display: none;
        justify-content: center;
        flex-wrap: wrap;
    }

    .openmenu nav.mainmenu ul.secondarymenu {
        display: flex;
    }

    nav.mainmenu ul.secondarymenu li {
        padding: 0 0 3px 0;
        width: 100%;
        position: relative;
        display: block;
    }

    /* nav.mainmenu ul.secondarymenu li.submenu-mobile:nth-child(-n + 3) {
        display: none;
    } */

    nav.mainmenu ul.secondarymenu li {
        font-size: 16px;
        line-height: 20px;
    }

    nav.mainmenu ul.secondarymenu > li > a {
        font-weight: normal;
        font-family: 'SuedtirolNextTT', sans-serif;
    }

    nav.mainmenu ul.secondarymenu li a {
        display: inline;
        float: none;
        font-size: 16px;
        line-height: 20px;
        margin: 0;
        width: auto;
        display: inline;
    }

    nav.mainmenu ul.secondarymenu li.delimiter:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 1px;
        height: 16px;
        margin: 2px 0 0 0;
        background-color: currentColor;
    }

    nav.mainmenu ul.secondarymenu li:first-of-type {
        padding: 0;
    }

    nav.mainmenu ul.secondarymenu li:first-of-type ul {
        margin-top: 7px;
    }

    nav.mainmenu ul.secondarymenu li ul {
        width: 100%;
        text-align: center;
    }

    nav.mainmenu ul.secondarymenu li ul li {
        width: 100%;
        text-align: center;
    }

    nav.mainmenu ul.secondarymenu li ul li a {
        text-align: center;
        display: inline;
        float: none;
        width: auto;
    }

    nav.mainmenu ul.secondarymenu li.active ul li.active a:after {
        content: none;
    }

    .openmenu nav.mainmenu {
        overflow: auto;
    }
}

@media (max-width: 1100px) {
    .slidein header.pageheader div.innerpageheader {
        margin-left: 5% !important;
        margin-right: 5% !important;
    }

    .slidein header.pageheader.Web-25 div.innerpageheader {
        margin-left: 5% !important;
        margin-right: 0% !important;
    }
}

@media (max-width: 768px) {
    .slidein header.pageheader div.innerpageheader {
        margin-left: 20px;
    }
}

@media (max-width: 750px) {
    header.pageheader div.innerpageheader div.iconbutton {
        width: 56px;
        height: 56px;
    }

    header.pageheader .rightpart-top {
        display: none;
    }

    header.pageheader .additionalLinks + .social {
        padding-left: 0;
        border-left: 0;
        padding: 6.666667% 0 0 0;
    }

    header.pageheader .mainmenu .social {
        display: flex;
        margin-top: 0px;
        justify-content: center;
    }

    header.pageheader div.innerpageheader {
        padding-top: 15px;
    }

    header.pageheader div.innerpageheader,
    nav.mainmenu {
        pointer-events: none;
        opacity: 1;
        filter: alpha(opacity = 100);
        transition: height 400ms ease 0ms;
        top: auto;
        bottom: 0px;
    }

    header.pageheader div.innerpageheader div.logoouter,
    header.pageheader div.innerpageheader div.rightpart {
        pointer-events: auto;
    }

    header.pageheader div.innerpageheader div.logoouter {
        max-width: 170px;
    }

    header.pageheader div.innerpageheader div.logoouter .standard {
        height: 67px;
    }

    .openmenu nav.mainmenu {
        background-color: #ffffff;
        z-index: 5;
        height: calc(100% - 56px);
        overflow: auto;
        pointer-events: auto;
        top: auto;
        bottom: 56px;
    }

    nav.mainmenu div.inner {
        overflow: auto;
        padding: 0px 0;
        margin: 0;
        text-align: center;
        display: flex;
        flex-direction: column;
        height: 0px;
        overflow: hidden;
        justify-content: center;
        opacity: 0;
        filter: alpha(opacity = 0);
        transition: opacity 0ms ease 0ms;
    }

    .openmenu nav.mainmenu div.inner {
        height: auto;
        padding: 56px 0px;
        transition: opacity 200ms ease 300ms;
    }

    nav.mainmenu div.menusearch {
        padding: 0 0 6.666667% 0;
        display: none;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .openmenu nav.mainmenu div.menusearch {
        display: flex;
    }

    nav.mainmenu div.menusearch div.text {
        margin-left: 10px;
        font-size: 16px;
        line-height: 20px;
        color: #7d7d7d;
        font-family: 'SuedtirolNextTT', sans-serif;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 2px;
    }

    .slidein:not(.openmenu) nav.outermainmenu ul.menu {
        display: flex;
    }

    .openmenu header.pageheader div.innerpageheader div.iconbutton .circle,
    .openmenu header.pageheader div.innerpageheader div.iconbutton:hover .circle,
    header.pageheader div.innerpageheader div.iconbutton .circle,
    header.pageheader div.innerpageheader div.iconbutton:hover .circle {
        background-color: #a9bf00;
    }

    header.pageheader div.innerpageheader div.rightpart {
        position: fixed;
        left: 0;
        bottom: 0;
        background-color: #a9bf00;
        float: none;
        width: 100%;
        padding-top: 0;
        align-items: inherit;
    }

    header.pageheader div.innerpageheader div.rightpart:before {
        content: '';
        width: 100%;
        height: 1%;
        display: block;
        background-color: #ffffff;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0.3;
        filter: alpha(opacity = 30);
    }

    header.pageheader div.innerpageheader div.rightpart:after {
        content: '';
        width: 100%;
        height: 1%;
        display: block;
        background-color: #ffffff;
        position: absolute;
        left: 0;
        bottom: 0;
        opacity: 0.3;
        filter: alpha(opacity = 30);
    }

    nav.outermainmenu {
        width: calc(100% - 56px);
        display: flex;
        padding-right: 0;
        flex: 1;
    }

    nav.outermainmenu .inner {
        display: flex;
        width: 100%;
    }

    nav.outermainmenu ul.menu {
        align-items: inherit;
        display: flex;
        width: 100%;
    }

    .openmenu nav.outermainmenu ul.menu {
        display: flex;
    }

    nav.outermainmenu ul.menu li {
        margin-right: 0;
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }

    nav.outermainmenu ul.menu li:after {
        content: '';
        width: 1px;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        background-color: #ffffff;
        opacity: 0.3;
        filter: alpha(opacity = 30);
    }

    .openmenu header.pageheader nav.outermainmenu ul.menu a,
    .slidein header.pageheader nav.outermainmenu ul.menu a,
    nav.outermainmenu ul.menu li a {
        color: #ffffff;
        font-size: 10px;
        line-height: 12px;
        text-transform: uppercase;
        padding: 15px 10px;
    }

    nav.outermainmenu ul.menu li.aktiv a:after {
        content: none;
    }

    header.pageheader div.innerpageheader div.rightpart div.icons {
        transition: top 0ms ease 0ms;
    }

    .slidein:not(.openmenu) header.pageheader div.innerpageheader div.rightpart div.icons,
    .slidein header.pageheader div.innerpageheader div.icons {
        position: static;
        margin-right: 0;
    }

    header.pageheader div.innerpageheader div.iconbutton {
        width: 56px;
        height: 56px;
    }

    header.pageheader div.innerpageheader div.iconbutton .circle {
        display: none;
    }

    header.pageheader div.innerpageheader div.iconbutton .hamburger span {
        background-color: #ffffff;
    }

    header.pageheader div.innerpageheader div.icons.onemenupoint div.search,
    header.pageheader div.innerpageheader div.search {
        display: none;
    }

    nav.mainmenu ul.menu li.active:not(.nosubmenu) > a:after {
        width: 100%;
    }

    .slidein header.pageheader div.innerpageheader div.rightpart {
        padding-top: 0;
    }

    .openmenu header.pageheader div.innerpageheader div.rightpart nav.outermainmenu,
    .slidein header.pageheader div.innerpageheader div.rightpart nav.outermainmenu {
        display: flex;
    }

    .openmenu header.pageheader .additionalLinks + .social {
        border-left: none;
    }
}

@media (max-width: 470px) {
    nav.outermainmenu ul.menu li.hideinmobile {
        display: none;
    }

    header.pageheader div.innerpageheader div.rightpart div.icons {
        width: 100%;
        max-width: 54px;
    }
}

@media (max-width: 400px) {
    .openmenu header.pageheader div.innerpageheader div.rightpart nav.outermainmenu,
    .slidein header.pageheader div.innerpageheader div.rightpart nav.outermainmenu,
    nav.outermainmenu {
        display: none;
    }

    .openmenu nav.mainmenu {
        height: calc(100% - 40px);
        bottom: 40px;
    }

    header.pageheader div.innerpageheader div.rightpart div.icons {
        max-width: 100%;
    }

    header.pageheader div.innerpageheader div.iconbutton {
        width: 100%;
        height: 40px;
    }

    header.pageheader div.innerpageheader div.iconbutton .hamburger {
        height: 16px;
    }

    header.pageheader div.innerpageheader div.iconbutton .hamburger span {
        height: 2px;
    }

    header.pageheader div.innerpageheader div.iconbutton .hamburger .bar2 {
        top: 7px;
    }

    header.pageheader div.innerpageheader div.iconbutton .hamburger .bar3 {
        top: 14px;
    }

    header.pageheader div.innerpageheader div.iconbutton .text {
        display: block;
        margin-left: 10px;
        color: #ffffff;
        font-size: 12px;
        line-height: 14px;
        text-transform: uppercase;
    }

    header.pageheader div.innerpageheader div.iconbutton.active .hamburger .bar1 {
        top: 7px;
    }

    header.pageheader div.innerpageheader div.iconbutton.active .hamburger .bar3 {
        top: 7px;
    }
}

@media all {
    footer.pagefooter {
        display: block;
    }

    footer.pagefooter div.footerlinks .innerfooterlinks {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 125px 0 70px 0;
    }

    footer.pagefooter div.footerlinks .teaser {
        display: flex;
        width: 60.483871%;
    }

    footer.pagefooter div.footerlinks .teaser > .headline {
        max-width: 515px;
    }

    footer.pagefooter div.footerlinks .teaser .contactdata .headline {
        margin-bottom: 20px;
    }

    footer.pagefooter div.footerlinks .teaser .contactdata .tel,
    footer.pagefooter div.footerlinks .teaser .contactdata .email {
        margin-top: 10px;
    }

    footer.pagefooter div.footerlinks .logo {
        width: 39.516129%;
    }

    footer.pagefooter div.footerlinks .footerteaser + .footerteaser {
        margin-left: 15%;
    }

    footer.pagefooter div.footerlinks .footerteaser .teaserheadline {
        color: #4d4d4d;
        margin-bottom: 15px;
    }

    footer.pagefooter div.footerlinks .footerteaser .teaserheadline svg {
        display: none;
    }

    footer.pagefooter div.footerlinks .footerteaser .teasercontent {
        height: auto;
    }

    footer.pagefooter div.footerlinks .footerteaser .teasercontent li a {
        font-weight: normal;
        text-transform: none;
        letter-spacing: 0;
    }

    footer.pagefooter div.Footer.Links {
        padding-top: 30px;
        padding-bottom: 30px;
        width: 60%;
        display: flex;
    }

    footer.pagefooter div.Footer.Links .picture + .picture {
        margin-left: 30px;
    }

    footer.pagefooter div.footerlinks .outer-language {
        width: 40%;
        padding-top: 50px;
        text-align: right;
    }

    footer.pagefooter div.footerlinks .outer-language .sprache {
        display: block;
    }

    footer.pagefooter div.footerlinks .outer-language a.active {
        color: #525252;
    }

    footer.pagefooter div.footerlinks .outer-language a {
        margin-left: 8px;
        margin-right: 8px;
    }

    footer.pagefooter div.footerlinks .outer-language a:last-child {
        margin-right: 0;
    }

    .video-teaser,
    .video-teaser a {
        display: block;
        width: 100%;
    }

    .video-teaser a {
        position: relative;
        cursor: pointer;
    }

    .video-teaser-play {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 96px;
        height: 96px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: transform 150ms ease;
    }

    .video-teaser-play svg {
        width: 96px;
        height: 96px;
        margin-left: 3px;
        fill: #ffffff;
        color: #ffffff;
        position: relative;
        filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.45));
    }

    .video-teaser a:hover .video-teaser-play {
        transform: translate(-50%, -50%) scale(1.1);
    }

    footer.pagefooter div.footerlinks .language-socials-stack {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 16px;
        width: auto;
        max-width: 100%;
    }

    footer.pagefooter div.footerlinks .language-socials-stack .outer-language {
        width: auto;
        max-width: 100%;
    }

    footer.pagefooter div.footerlinks .language-socials-stack .outer-language .sprache {
        white-space: nowrap;
    }

    footer.pagefooter div.footerlinks .language-socials-stack .social li a:before {
        background-color: #a9bf00;
        opacity: 1;
    }

    footer.pagefooter div.footerlinks .language-socials-stack .social li a svg {
        fill: #ffffff;
        color: #ffffff;
        position: relative;
    }

    footer.pagefooter .footerbottom div.Footer.Links {
        display: none;
    }

    footer.pagefooter div.socials .innersocials {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 45px 0;
    }

    footer.pagefooter div.socials .headline {
        display: flex;
        align-items: baseline;
        flex-wrap: wrap;
        margin-top: 0;
    }

    footer.pagefooter div.socials .headline > span {
        margin-right: 13px;
    }

    footer.pagefooter div.socials .headline a {
        display: flex;
        align-items: center;
        margin-top: 0;
        text-transform: none;
    }

    footer.pagefooter div.socials .headline a svg {
        margin-left: 13px;
        transition: all 0.3s ease-in-out;
    }

    footer.pagefooter div.socials .headline a:hover svg {
        fill: currentColor;
        margin-left: 23px;
    }

    footer.pagefooter .social {
        display: flex;
    }

    footer.pagefooter .social li + li {
        margin-left: 8px;
    }

    footer.pagefooter .social li a {
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        width: 40px;
        height: 40px;
        position: relative;
        overflow: hidden;
    }

    footer.pagefooter .social li a:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0;
        background-color: #ffffff;
        opacity: 0.3;
        filter: alpha(opacity = 30);
    }

    footer.pagefooter .social li a svg {
        width: 50%;
        height: 50%;
        box-sizing: border-box;
    }

    footer.pagefooter .social li a svg.icon-pinterest {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
    }

    footer.pagefooter div.footerbottom div.innerfooterbottom {
        display: flex;
        justify-content: space-between;
        padding-top: 25px;
        padding-bottom: 23px;
    }

    footer.pagefooter div.footerbottom div.innerfooterbottom ul.social {
        display: none;
    }

    footer.pagefooter div.footerbottom div.innerfooterbottom .footernavi {
        display: flex;
        align-items: center;
    }

    footer.pagefooter div.footerbottom div.innerfooterbottom .footernavi > span,
    footer.pagefooter div.footerbottom div.innerfooterbottom .footernavi > a {
        padding: 0 10px 0 10px;
        position: relative;
    }

    footer.pagefooter div.footerbottom div.innerfooterbottom a.delimiter:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0);
        width: 2px;
        height: 2px;
        border-radius: 50%;
        margin: 0;
        background-color: currentColor;
    }

    footer.pagefooter div.footerbottom div.innerfooterbottom .outer-language {
        display: none;
    }

    footer.pagefooter div.footerbottom div.innerfooterbottom .outer-language .sprache {
        display: block;
    }

    footer.pagefooter div.footerbottom div.innerfooterbottom .footerLogosInner {
        display: flex;
    }

    footer.pagefooter div.footerbottom div.innerfooterbottom .footerLogosInner .footerLogo + .footerLogo {
        margin-left: 4%;
    }

    nav.sprache {
        display: none;
    }
}

@media (max-width: 1600px) {
    footer.pagefooter div.socials .innersocials {
        padding: 2.8125% 0;
    }

    footer.pagefooter div.footerlinks .innerfooterlinks {
        padding: 7.8125% 0 4.375% 0;
    }

    footer.pagefooter div.footerlinks .outer-language {
        padding-top: 4.375%;
    }
}

@media (max-width: 1500px) {
    footer.pagefooter div.footerbottom div.innerfooterbottom {
        flex-wrap: wrap;
    }

    footer.pagefooter div.footerbottom div.innerfooterbottom .footernavi {
        width: 100%;
        order: 2;
        flex-wrap: wrap;
        justify-content: center;
        padding-top: 35px;
    }

    footer.pagefooter div.footerbottom div.innerfooterbottom .footerLogosInner {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    footer.pagefooter div.footerbottom div.innerfooterbottom .footerLogosInner img {
        width: auto;
        max-width: 100%;
        margin: 0 auto;
    }
}

@media (max-width: 1100px) {
    footer.pagefooter div.footerlinks .teaser {
        width: 85%;
    }

    footer.pagefooter div.footerlinks .logo {
        display: none;
    }
}

@media (max-width: 800px) {
    footer.pagefooter div.Footer.Links {
        width: 100%;
        justify-content: center;
    }

    footer.pagefooter div.footerlinks .outer-language {
        width: 100%;
    }

    footer.pagefooter div.Footer.Links .picture + .picture {
        margin-left: 24px;
    }
}

@media (max-width: 650px) {
    footer.pagefooter div.Footer.Links {
        display: none;
    }

    footer.pagefooter .footerbottom div.Footer.Links {
        display: flex;
        padding-top: 0px;
    }

    footer.pagefooter div.Footer.Links .picture + .picture {
        margin-left: 18px;
    }

    footer.pagefooter {
        overflow: hidden;
    }

    footer.pagefooter div.socials .social {
        display: none;
    }

    footer.pagefooter .footerLogosInner {
        order: 1;
        padding-top: 25px;
    }

    footer.pagefooter .social {
        order: 1;
        padding-top: 25px;
    }

    footer.pagefooter .social li a:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0;
        background-color: #a9bf00;
        opacity: 1;
        filter: alpha(opacity = 100);
    }

    footer.pagefooter .social li a svg {
        fill: #ffffff;
        color: #ffffff;
        position: relative;
    }

    footer.pagefooter div.footerbottom {
        margin-bottom: 56px;
    }

    footer.pagefooter div.footerlinks .innerfooterlinks {
        padding: 0;
        margin-left: 0px;
        margin-right: 0px;
    }

    footer.pagefooter div.footerlinks .teaser {
        width: 100%;
        flex-wrap: wrap;
    }

    footer.pagefooter div.footerlinks .teaser .contactdata {
        width: 100%;
        text-align: center;
        padding: 20px 0px;
    }

    footer.pagefooter div.footerlinks .footerteaser {
        width: 100%;
        padding: 0;
    }

    footer.pagefooter div.footerlinks .footerteaser + .footerteaser {
        margin-left: 0%;
    }

    footer.pagefooter div.footerlinks .footerteaser .teaserheadline {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        margin-bottom: 0;
        padding: 10px 20px 10px 20px;
        cursor: pointer;
    }

    footer.pagefooter div.footerlinks .outer-language {
        display: none;
    }

    footer.pagefooter div.footerlinks .language-socials-stack {
        display: none;
    }

    footer.pagefooter div.footerbottom div.innerfooterbottom .footerLogosInner {
        flex-wrap: wrap;
    }

    footer.pagefooter div.footerbottom div.innerfooterbottom .footerLogosInner .footerLogo {
        margin: 4%;
    }

    footer.pagefooter div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.intro svg,
    footer.pagefooter div.footerlinks .footerteaser .teaserheadline svg {
        display: block;
        width: 13px;
        height: 13px;
        fill: #4d4d4d;
        color: #4d4d4d;
    }

    footer.pagefooter div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.teasercontent,
    footer.pagefooter div.footerlinks .footerteaser .teasercontent {
        height: 0;
        overflow: hidden;
        padding-left: 20px;
        padding-right: 20px;
    }

    footer.pagefooter div.footerlinks .footerteaser .teasercontent li {
        padding: 3px 0px;
    }

    footer.pagefooter div.footerlinks .footerteaser .teasercontent.effectmoreinfos.activeeditbox {
        padding-bottom: 13px;
    }

    footer.pagefooter div.footerbottom div.innerfooterbottom ul.social {
        display: flex;
        width: 100%;
        justify-content: center;
    }

    footer.pagefooter div.footerbottom div.innerfooterbottom .outer-language {
        display: block;
        width: 100%;
        text-align: center;
    }

    footer.pagefooter div.footerbottom div.innerfooterbottom .outer-language a {
        margin-left: 5px;
        margin-right: 5px;
    }

    footer.pagefooter div.unitnewsletter.onpage.layout3 div.innerNewsletter form div.intro.activeeditbox svg,
    footer.pagefooter div.footerlinks .footerteaser .teaserheadline.activeeditbox svg {
        transform: scaleY(-1);
    }

    footer.pagefooter div.footerlinks .footerteaser .teaserheadline:before {
        content: '';
        width: 200%;
        height: 1px;
        background-color: currentColor;
        display: block;
        position: absolute;
        left: -50%;
        top: 0;
        opacity: 0.2;
        filter: alpha(opacity = 20);
    }

    footer.pagefooter div.footerlinks .footerteaser:first-child .teaserheadline:before {
        content: none;
    }
}

@media all {
    .Eventslist[data-view='List'] [data-layouter='masonry'] .gutter-sizer {
        width: 4.83871%;
        margin-top: 0;
    }

    .Eventslist[data-view='List'] [data-layouter='masonry'] .grid-sizer {
        width: 47.580645%;
        margin-top: 0;
    }

    .Eventslist[data-view='List'] [data-layouter='masonry'] article {
        margin-bottom: 0;
    }

    .Eventslist[data-view='List'] [data-layouter='masonry'] .element {
        margin-top: 4.83871%;
        width: 47.580645%;
    }

    .Eventslist[data-view='List'] [data-layouter='masonry'] .element.styling1 {
        width: 100%;
        margin-top: 4.83871%;
    }

    .Eventslist[data-view='List'] [data-layouter='masonry'] .element.styling3 {
        margin-top: 9.677419%;
    }

    .Eventslist[data-view='List'] [data-layouter='masonry'] .element .inner {
        position: relative;
    }

    .Eventslist[data-view='List'] [data-layouter='masonry'] .element .picture:before {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 70%;
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#80000000',GradientType=0 );
    }

    .Eventslist[data-view='List'] [data-layouter='masonry'] .element .text {
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: flex-end;
        width: 50%;
    }

    .Eventslist[data-view='List'] [data-layouter='masonry'] .element:not(.styling1) .text {
        width: 70%;
    }

    .Eventslist[data-view='List'] [data-layouter='masonry'] .element .text .innerText {
        padding: 0 0 25px 25px;
    }

    .Eventslist[data-view='List'] [data-layouter='masonry'] .element .text .subheadline {
        margin-top: 5px;
    }

    .Eventslist[data-view='List'] [data-layouter='masonry'] .element .text .introduction {
        margin-top: 5px;
    }

    .Eventslist[data-view='List'] [data-layouter='masonry'] .element .text .subheadline + .introduction {
        margin-top: 18px;
    }
}

@media (max-width: 1100px) {
    .Eventslist[data-view='List'] [data-layouter='masonry'] .element:not(.styling1) .text,
    .Eventslist[data-view='List'] [data-layouter='masonry'] .element .text {
        width: 100%;
    }

    .Eventslist[data-view='List'] [data-layouter='masonry'] .element.styling1 .text .innerText {
        padding: 0 30px 30px 30px;
    }

    .Eventslist[data-view='List'] [data-layouter='masonry'] .element .text .innerText {
        padding: 0 20px 20px 20px;
    }
}

@media (max-width: 768px) {
    .Eventslist[data-view='List'] [data-layouter='masonry'] .element.styling1 .text .innerText,
    .Eventslist[data-view='List'] [data-layouter='masonry'] .element .text .innerText {
        padding: 0 20px 20px 20px;
    }

    .Eventslist[data-view='List'] [data-layouter='masonry'] .element {
        margin-top: 4.83871%;
        width: 47.580645%;
    }

    .Eventslist[data-view='List'] [data-layouter='masonry'] .element.styling3 {
        margin-top: 4.83871%;
    }
}

@media (max-width: 570px) {
    .Eventslist[data-view='List'] [data-layouter='masonry'] .grid-sizer,
    .Eventslist[data-view='List'] [data-layouter='masonry'] .element,
    .Eventslist[data-view='List'] [data-layouter='masonry'] .element.styling3 {
        width: 100%;
    }

    .Eventslist[data-view='List'] [data-layouter='masonry'] .element .text .introduction {
        display: none;
    }
}

@media all {
    .EventsdetailT1.Intro.T4 {
        padding-top: 125px;
        padding-bottom: 125px;
    }

    .EventsdetailT1.Themestage.T2 {
        padding-bottom: 125px;
    }

    .EventsdetailT1.ElementContent .content {
        max-width: 68.548387%;
    }

    .EventsdetailT1 .innerText .introduction strong.shorttext {
        margin-bottom: 2em;
        display: block;
    }

    .EventsdetailT1.Share .inner {
        padding: 45px 0;
    }

    .EventsdetailT1.Share .innerText,
    .EventsdetailT1.Share .innerText .content {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: baseline;
    }

    .EventsdetailT1.Share .innerText .headline + .subheadline {
        margin-left: 10px;
    }

    .EventsdetailT1.Share .innerText .content {
        margin-left: 30px;
    }

    .EventsdetailT1 .innerText .download {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 5px;
        margin-top: 15px;
    }

    .EventsdetailT1 .innerText .download + .download {
        margin-top: 10px;
    }

    .EventsdetailT1 .innerText .download svg.icon {
        width: 40px;
        height: 40px;
    }

    .EventsdetailT1.Share .innerText .content .icon {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, 0.3);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .EventsdetailT1.Share .innerText .content .icon + .icon {
        margin-left: 10px;
    }

    .EventsdetailT1.Share .innerText .content .icon a {
        width: 20px;
        height: 20px;
        display: block;
        background-color: transparent;
    }

    .EventsdetailT1.Share .innerText .content .icon a svg {
        width: 100%;
        height: 100%;
        display: block;
        background-color: transparent;
    }

    .EventsdetailT1.Intro.T2 .inner .text {
        max-width: 62.096774%;
        margin: 0 auto;
    }

    .EventsdetailT1.NewsEventsOnpage.T2 {
        padding-top: 0;
    }

    .EventsdetailT1.NewsEventsOnpage.T2 .listlink {
        color: #a9bf00;
    }

    .EventsdetailT1.Intro.T4 .BreadcrumbT1 {
        padding-bottom: 45px;
    }
}

@media (max-width: 1600px) {
    .EventsdetailT1.Intro.T4 {
        padding-top: 7.8125%;
        padding-bottom: 7.8125%;
    }

    .EventsdetailT1.Themestage.T2 {
        padding-bottom: 7.8125%;
    }
}

@media (max-width: 1024px) {
    .EventsdetailT1.Share .innerText {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .EventsdetailT1.Share .innerText .content {
        margin-top: 10px;
    }

    .EventsdetailT1.Share .innerText .headline + .subheadline {
        margin-left: 0;
    }

    .EventsdetailT1.Share .innerText .content {
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .EventsdetailT1.Share .inner {
        padding: 25px 0;
    }
}

@media all {
    section.Events {
    }

    section.Events .formcontent {
        max-width: 960px;
    }

    section.Events .innerForm {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    section.Events .clear {
        width: 100%;
    }

    section.Events .row {
        width: 48.958333%;
        clear: none;
    }

    section.Events .row.radio {
        width: auto;
    }

    section.Events .row.radio input,
    section.Events .row.radio div.radiofield {
        height: auto;
    }

    section.Events .row.radio .formtextV3 {
        width: 230px;
    }

    section.Events .row.textarea,
    section.Events .row.textarea div.textarea {
        width: 100%;
    }

    section.Events .row.textarea div.textarea textarea {
        border-color: transparent;
    }

    section.Events .row.checkbox {
        margin-top: 0.5em;
        width: 100%;
    }

    section.Events .row.checkbox input {
        height: auto;
    }

    section.Events .row.checkbox .label {
        display: none;
    }

    section.Events .row.checkbox .label.extralabel {
        display: inline;
    }

    section.Events div.row div.inputfield {
        width: 100%;
    }

    section.Events .row .label {
        width: 100%;
    }

    section.Events .row + .row {
    }

    section.Events .row.select div.selectfield {
        width: 100%;
    }

    section.Events .row input,
    section.Events .row.select div.selectfield span.field {
        height: 48px;
        line-height: 48px;
        position: relative;
    }

    section.Events .row.select div.selectfield span.field span.selecticon {
        top: 50%;
    }

    section.Events .row.select div.selectfield span.field span.selecticon:before,
    section.Events .row.select div.selectfield span.field span.selecticon:after {
        top: 0px;
    }

    section.Events .image-permit-headline {
        margin-top: 15px;
    }

    section.Events .image-permit-container {
        display: flex;
        flex-wrap: wrap;
        margin-top: 5px;
    }

    section.Events .image-permit-container .row.radio:first-of-type {
        margin-right: 10px;
    }
}

@media all {
    .Downloads.T1 .elements {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .Downloads.T1 .element {
        margin-top: 3.225806%;
        width: 31.451613%;
        z-index: 1;
    }

    .Downloads.T1 .element .text .innerText {
        padding: 25px 20px;
    }

    .Downloads.T1 .element .text .innerText .introduction {
        margin-top: 5px;
    }

    .Downloads.T1 .element .text .innerText .introduction + .detaillink,
    .Downloads.T1 .element .text .innerText .introduction + .downloadlink {
        margin-top: 10px;
    }

    .Downloads.T1 .element .text .innerText .download-buttons .link {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 5px;
    }

    .Downloads.T1 .element .text .innerText .download-buttons .link:not(:first-of-type) {
        margin-top: 5px;
    }

    .Downloads.T1 .element .text .innerText .download-buttons svg.icon {
        width: 25px;
        height: 25px;
    }

    .DownloadsT1Overlayer .downloadbutton {
        margin-top: 30px;
    }
}

@media (max-width: 1024px) {
    .Downloads.T1 .element {
        margin-top: 3.90625%;
        width: 48.046875%;
    }
}

@media (max-width: 600px) {
    .Downloads.T1 .element {
        margin-top: 6.666667%;
        width: 100%;
    }
}

@media all {
    div.CustomSelectBox {
        width: 25%;
        text-align: left;
        position: relative;
    }

    div.CustomSelectBox:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        height: 100%;
        width: 1px;
        background-color: rgba(255, 255, 255, 0.2);
    }

    div.CustomSelectBox.active {
        z-index: 5;
    }

    div.CustomSelectBox div.label {
        margin-bottom: 8px;
        max-height: 36px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    div.CustomSelectBox div.inputbox {
        position: relative;
        height: 45px;
        text-align: left;
    }

    div.CustomSelectBox div.inputbox span.selecticon {
        display: block;
        width: 19px;
        position: absolute;
        z-index: 5;
        height: 22px;
        top: 12px;
        right: 30px;
    }

    div.CustomSelectBox div.inputbox.active span.selecticon {
        transform: rotate(180deg);
    }

    div.CustomSelectBox div.inputbox span.selecticon svg {
        padding: 0;
        width: 100%;
        height: 100%;
    }

    div.CustomSelectBox div.inputbox ul.options {
        display: block;
        padding: 46px 0 0 0;
        min-height: 0;
        max-height: 430px;
        overflow: hidden;
        position: relative;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }

    div.CustomSelectBox div.inputbox ul.options li {
        padding: 0 30px;
        opacity: 0;
        filter: alpha(opacity = 0);
        min-height: 0;
        line-height: 0;
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
        transition: all 0.3s linear;
        overflow: hidden;
        position: relative;
        cursor: default;
        font-family: 'SuedtirolNextTT', sans-serif;
        font-size: 23px;
        font-weight: 400;
        font-style: normal;
        letter-spacing: 0px;
        font-size: 0;
    }

    div.CustomSelectBox div.inputbox ul.options li:first-letter {
        text-transform: uppercase;
    }

    div.CustomSelectBox div.inputbox ul.options li.active {
        font-size: 23px;
    }

    div.CustomSelectBox div.inputbox.active ul.options {
        border: 1px solid rgba(255, 255, 255, 0.2);
        min-height: 100%;
        max-height: 430px;
        overflow-y: auto;
    }

    div.CustomSelectBox div.inputbox.active ul.options li {
        padding: 11px 30px;
        opacity: 1;
        filter: alpha(opacity = 100);
        min-height: 100%;
        line-height: 27px;
        font-size: 23px;
    }

    div.CustomSelectBox div.inputbox.active ul.options li.active {
        min-height: 45px;
    }

    div.CustomSelectBox div.inputbox.active ul.options li,
    div.CustomSelectBox div.inputbox ul.options li.active {
        display: block;
        padding: 11px 30px;
        opacity: 1;
        filter: alpha(opacity = 100);
        min-height: 100%;
        line-height: 27px;
    }

    div.CustomSelectBox div.inputbox ul.options li:hover {
        background-color: rgba(255, 255, 255, 0.2);
    }

    div.CustomSelectBox div.inputbox ul.options li.active {
        position: absolute;
        left: 0;
        top: 0;
    }

    div.CustomSelectBox div.inputbox ul.options li.active:hover {
        background: transparent;
    }

    div.CustomSelectBox div.inputbox ul.options li:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 1px;
        background-color: rgba(255, 255, 255, 0.2);
    }

    div.CustomSelectBox div.inputbox ul.options li.active:before {
        content: none;
    }
}

@media (max-width: 1024px) {
    div.CustomSelectBox div.inputbox span.selecticon {
        right: 15px;
    }

    div.CustomSelectBox div.inputbox.active ul.options li,
    div.CustomSelectBox div.inputbox ul.options li.active {
        padding: 11px 15px;
    }
}

@media (max-width: 850px) {
    div.CustomSelectBox {
        width: 100%;
    }

    div.CustomSelectBox:before {
        width: 100%;
        height: 1px;
    }

    div.CustomSelectBox div.inputbox.active ul.options li,
    div.CustomSelectBox div.inputbox ul.options li.active {
        padding-left: 0;
    }

    div.CustomSelectBox div.inputbox ul.options {
        max-height: 288px;
    }

    div.CustomSelectBox div.inputbox.active ul.options {
        position: relative;
        z-index: 100;
        max-height: 288px;
    }

    div.CustomSelectBox div.inputbox.active ul.options li {
        padding-left: 15px;
        padding-right: 15px;
    }

    div.CustomSelectBox div.inputbox.active ul.options li:not(.active) {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    div.CustomSelectBox div.inputbox.active span.selecticon {
        z-index: 105;
    }
}

@media all {
}

.cookiebotalertbox {
    padding: 10px 10px;
    border: 2px solid currentColor;
}

[data-cookieconsent][style='display:block;'] + .cookiebotalertbox {
    display: none;
}

@media all {
    .ContentDetailT1.Intro.T1 .innerText {
        float: left;
        max-width: 47.580645%;
        margin-right: 0px;
    }

    .ContentDetailT1.Intro.T1 .innerText .download-buttons {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: center;
        margin: 40px 0px;
    }

    .ContentDetailT1.Intro.T1 .innerText .download-buttons span {
        display: flex;
        gap: 10px;
    }

    .ContentDetailT1.Intro.T1 .innerText .download-buttons span + span {
        margin-top: 15px;
    }

    .ContentDetailT1 .element .text .innerText .download-buttons .icon {
        width: 40px;
        height: 40px;
    }

    .ContentDetailT1.Intro.T1 .ContactBox {
        float: right;
        max-width: 52.419355%;
        width: 350px;
        background-color: #ffffff;
    }

    .ContentDetailT1.Intro.T1 .ContactBox .innerContactBox {
        padding: 60px 40px 60px 40px;
    }

    .ContentDetailT1.Intro.T1 .ContactBox .innerContactBox .contactTitle {
        color: black;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .ContentDetailT1.Intro.T1 .ContactBox .innerContactBox .contactText {
    }

    .ContentDetailT1.Intro.T1 .PreviewBox {
        display: flex;
        flex-direction: row;
        gap: 25px;
    }

    .ContentDetailT1.Intro.T1 .PreviewBox .innerPreviewBox,
    .ContentDetailT1.Intro.T1 .PreviewBox .innerPreviewBox2,
    .ContentDetailT1.Intro.T1 .PreviewBox .innerPreviewBox3 {
        width: 100%;
        max-width: 350px;
        position: relative;
        display: flex;
        justify-content: center;
    }

    .ContentDetailT1.Intro.T1 .PreviewBox .innerPreviewBox:hover:after,
    .ContentDetailT1.Intro.T1 .PreviewBox .innerPreviewBox2:hover:after,
    .ContentDetailT1.Intro.T1 .PreviewBox .innerPreviewBox3:hover:after {
        content: '';
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.35);
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 0;
        display: block;
    }

    .ContentDetailT1.Intro.T1 .PreviewBox .innerPreviewBox .previewImage,
    .ContentDetailT1.Intro.T1 .PreviewBox .innerPreviewBox2 .previewImage2,
    .ContentDetailT1.Intro.T1 .PreviewBox .innerPreviewBox3 .previewImage3 {
        width: 100%;
        position: relative;
    }

    .ContentDetailT1.Intro.T1 .PreviewBox .innerPreviewBox .previewImage img,
    .ContentDetailT1.Intro.T1 .PreviewBox .innerPreviewBox2 .previewImage2 img,
    .ContentDetailT1.Intro.T1 .PreviewBox .innerPreviewBox3 .previewImage3 img {
        position: relative;
        width: 100%;
    }

    .ContentDetailT1.Intro.T1 .PreviewBox .innerPreviewBox .previewEditbox,
    .ContentDetailT1.Intro.T1 .PreviewBox .innerPreviewBox2 .previewEditbox2,
    .ContentDetailT1.Intro.T1 .PreviewBox .innerPreviewBox3 .previewEditbox3 {
        opacity: 0;
        text-align: center;
        max-width: 95%;
        color: #ffffff;
        font-size: 15px;
        bottom: 0;
        position: absolute;
        z-index: 200;
        bottom: 5px;
    }

    .ContentDetailT1.Intro.T1 .PreviewBox .innerPreviewBox:hover .previewEditbox,
    .ContentDetailT1.Intro.T1 .PreviewBox .innerPreviewBox2:hover .previewEditbox2,
    .ContentDetailT1.Intro.T1 .PreviewBox .innerPreviewBox3:hover .previewEditbox3 {
        opacity: 1;
    }

    .ContentDetailT1.Intro.T1 .PreviewBox .innerPreviewBox .previewDownload,
    .ContentDetailT1.Intro.T1 .PreviewBox .innerPreviewBox2 .previewDownload2,
    .ContentDetailT1.Intro.T1 .PreviewBox .innerPreviewBox3 .previewDownload3 {
        display: none;
        z-index: 2;
        max-width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #a9bf00;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        cursor: pointer;
    }

    .ContentDetailT1.Intro.T1 .PreviewBox .innerPreviewBox:hover .previewDownload,
    .ContentDetailT1.Intro.T1 .PreviewBox .innerPreviewBox2:hover .previewDownload2,
    .ContentDetailT1.Intro.T1 .PreviewBox .innerPreviewBox3:hover .previewDownload3 {
        display: block;
    }

    .ContentDetailT1.Intro.T1 .PreviewBox .innerPreviewBox .previewDownload svg.icon-download,
    .ContentDetailT1.Intro.T1 .PreviewBox .innerPreviewBox2 .previewDownload2 svg.icon-download,
    .ContentDetailT1.Intro.T1 .PreviewBox .innerPreviewBox3 .previewDownload3 svg.icon-download {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
    }

    .ContentDetailT1.Intro.T1.bghighlight2 + div.backlink .listlink {
        color: #a9bf00;
    }

    .ContentDetailT1 .inner .picture picture img {
        aspect-ratio: auto !important;
    }

    .ContentDetailT1.Intro.T1 .innerText.outerDownloadClass.withImage {
        float: unset;
        max-width: 100%;
        margin-right: 0px;
    }

    .ContentDetailT1.Intro.T1 .innerText div.download-elements {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin: 40px 0px;
        flex-wrap: wrap;
    }

    .ContentDetailT1.Intro.T1 .innerText div.download-elements.elements2 {
        justify-content: left;
    }

    .ContentDetailT1.Intro.T1 .innerText div.download-elements.elements2 div.download-element + div.download-element {
        margin-left: 2.983871%;
    }

    .ContentDetailT1.Intro.T1 .innerText div.download-elements div.download-element div.inner-text {
        padding: 25px 20px;
    }

    .ContentDetailT1.Intro.T1 .innerText div.download-elements div.download-element {
        margin-top: 3.225806%;
        width: 31.451613%;
    }

    .ContentDetailT1.Intro.T1 .innerText div.download-elements div.download-element span.link {
        padding: 0px 0px 25px 0px;
    }

    .ContentDetailT1.Intro.T1 .innerText div.download-elements div.download-element svg {
        display: none;
    }

    .ContentDetailT1.Intro.T1 .innerText div.download-elements div.download-element a.downloadlink {
        color: #a9bf00;
        background-color: unset;
        font-size: 18px;
        letter-spacing: 0px;
        padding: 0px;
        margin-top: 10px;
        text-transform: none;
    }

    .ContentDetailT1.Collage .elements {
        overflow: auto;
    }

    .ContentDetailT1.Collage .element {
        display: inline;
        width: 46.774194%;
        position: relative;
        margin-top: 6.451613%;
    }

    .ContentDetailT1.Collage .element:first-child {
        margin-top: 0;
    }

    .ContentDetailT1.Collage .element:nth-child(2) {
        margin-top: 8.064516%;
    }

    .ContentDetailT1.Collage .element:nth-child(odd) {
        float: left;
    }

    .ContentDetailT1.Collage .element:nth-child(even) {
        float: right;
    }

    .ContentDetailT1.Collage .element img {
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 1280px) {
    .ContentDetailT1.Intro.T1 .innerText div.download-elements a.downloadlink {
        font-size: 17px;
    }
}

@media (max-width: 1024px) {
    .ContentDetailT1.Intro.T1 .innerText {
        max-width: 100%;
        margin-bottom: 5%;
    }

    .ContentDetailT1.Intro.T1 .innerText .download-buttons {
        margin: 30px 0px;
    }

    .ContentDetailT1.Intro.T1 .ContactBox {
        display: flex;
        max-width: 52.419355%;
        width: 350px;
        background-color: #ffffff;
        float: unset;
        margin-bottom: 8.064516%;
    }

    .ContentDetailT1.Intro.T1 div.inner.element.centercontent {
        overflow: hidden;
    }

    .ContentDetailT1.Intro.T1 .innerText.outerDownloadClass div.download-elements div.specialWidth {
        width: 48.046875%;
        margin-top: 3.90625%;
    }

    .ContentDetailT1 .inner .specialWidth .picture picture img {
        aspect-ratio: 370 / 210 !important;
    }
}

@media (max-width: 767px) {
    .ContentDetailT1.Intro.T1 .ContactBox {
        width: 270px;
    }

    .ContentDetailT1.Intro.T1 .ContactBox .innerContactBox {
        padding: 40px 10px 40px 30px;
    }

    .ContentDetailT1.Intro.T1 .innerText div.download-elements a.downloadlink {
        font-size: 15px;
    }
}

@media (max-width: 600px) {
    .ContentDetailT1.Intro.T1 .PreviewBox {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .ContentDetailT1.Intro.T1 .PreviewBox .innerPreviewBox,
    .ContentDetailT1.Intro.T1 .PreviewBox .innerPreviewBox2,
    .ContentDetailT1.Intro.T1 .PreviewBox .innerPreviewBox3 {
        margin: auto;
        width: auto;
    }

    .ContentDetailT1.Intro.T1 .innerText.outerDownloadClass div.download-elements div.specialWidth {
        width: 100%;
        margin-top: 6.666667%;
    }

    .ContentDetailT1.Intro.T1 .ContactBox {
        float: none;
        margin: 50px auto;
        width: 100%;
    }

    .ContentDetailT1.Intro.T1 .innerText div.download-elements.elements2 div.download-element + div.download-element {
        margin-left: 0;
    }
}

@media (max-width: 477px) {
    .ContentDetailT1.Intro.T1 .innerText {
        float: none;
    }

    .ContentDetailT1.Intro.T1 .ContactBox {
        max-width: 73.375262%;
    }

    .ContentDetailT1.Intro.T1 .ContactBox .innerContactBox {
        padding: 30px 10px 30px 20px;
    }
}

@media all {
    .Content.T1 .inner {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .Content.T1 .inner .text {
        width: 100%;
    }

    .Content.T1 .inner .text .innerText {
        max-width: 68.548387%;
    }

    .Content.T1 .inner .headline + .introduction,
    .Content.T1 .inner .headline + .subheadline,
    .Content.T1 .inner .subheadline + .introduction {
        margin-top: 23px;
    }

    .Content.T1 .inner .picture {
        width: 46.774194%;
        float: left;
        display: inline;
    }

    .Content.T1 .inner .picture + .picture {
        float: right;
        display: inline;
        margin-top: 6.451613%;
    }
}

@media (max-width: 1024px) {
    .Content.T1 .inner .text .innerText {
        max-width: 100%;
    }

    .Content.T1 .inner .text .innerText {
        max-width: 100%;
    }

    .Content.T1 .inner .headline + .subheadline,
    .Content.T1 .inner .headline + .introduction {
        margin-top: 15px;
    }
}

@media (max-width: 650px) {
    .Content.T1 .inner .headline + .subheadline,
    .Content.T1 .inner .headline + .introduction {
        margin-top: 7px;
    }
}

@media all {
    .Contacts.T1 .elements {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .Contacts.T1 .element {
        width: 30.508475%;
        margin-top: 2.711864%;
    }

    .Contacts.T1 .element .image {
        position: relative;
    }

    .Contacts.T1 .element .image img {
        width: 100%;
        height: 100%;
    }

    .Contacts.T1 .element .image .image-hover {
        position: absolute;
        height: 100%;
        right: 0;
        bottom: 0;
        left: 0;
        top: 0;
        transform: scale(1);
        opacity: 0;
        transition: all 0.5s;
        z-index: 10;
    }

    .Contacts.T1 .element .image:hover .image-hover {
        opacity: 1;
    }

    .Contacts.T1 .element .text .innerText {
        padding: 20px 0px;
    }

    .Contacts.T1 .element .text .innerText .linkbox {
        margin-top: 10px;
    }
}

@media (max-width: 1024px) {
    .Contacts.T1 .element {
        margin-top: 3.90625%;
        width: 48.046875%;
    }

    .Contacts.T1 .element .text .innerText {
        padding: 15px 0px;
    }

    .Contacts.T1 .element .text .innerText .linkbox {
        margin-top: 7.5px;
    }
}

@media (max-width: 600px) {
    .Contacts.T1 .element {
        margin-top: 6.666667%;
        width: 100%;
    }
}

@media all {
    .RestaurantBoxes.T1 .elements {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .RestaurantBoxes.T1 .element {
        width: 30.508475%;
        margin-top: 2.711864%;
    }

    .RestaurantBoxes.T1 .element .inner {
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .RestaurantBoxes.T1 .element .picture {
        position: relative;
        overflow: hidden;
    }

    .RestaurantBoxes.T1 .element .picture img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .RestaurantBoxes.T1 .element .text {
        flex: 1;
    }

    .RestaurantBoxes.T1 .element .text .innerText {
        padding: 20px 0;
    }

    .RestaurantBoxes.T1 .element .text .innerText .badge-stars {
        display: inline-flex;
        align-items: center;
        gap: 3px;
        margin-left: 6px;
        vertical-align: middle;
    }

    .RestaurantBoxes.T1 .element .text .innerText .badge-stars .star {
        display: inline-flex;
        width: 14px;
        height: 14px;
        flex-shrink: 0;
    }

    .RestaurantBoxes.T1 .element .text .innerText .introduction {
        margin-top: 8px;
    }

    .RestaurantBoxes.T1 .element .text .innerText .address {
        margin-top: 10px;
        font-style: normal;
    }

    .RestaurantBoxes.T1 .element .text .innerText .linkbox {
        margin-top: 10px;
    }

    .RestaurantBoxes.T1 .element .text .innerText .linkbox .detaillink {
        margin-top: 5px;
    }

    .RestaurantBoxes.T1 .element .text .innerText .linkbox .detaillink a {
        word-break: break-all;
    }
}

@media (max-width: 1024px) {
    .RestaurantBoxes.T1 .element {
        margin-top: 3.90625%;
        width: 48.046875%;
    }

    .RestaurantBoxes.T1 .element .text .innerText {
        padding: 15px 0;
    }
}

@media (max-width: 600px) {
    .RestaurantBoxes.T1 .element {
        margin-top: 6.666667%;
        width: 100%;
    }
}

@media all {
    [data-view~='Tabs'] {
        position: relative;
    }
}

@media all {
    [data-view='List'] {
        position: relative;
        z-index: 1;
    }

    [data-view='List'] .owl-prev,
    [data-view='List'] .owl-next {
        width: 53px;
        height: 18px;
        position: absolute;
        right: -70px;
        top: 50%;
        transform: translateY(-50%);
    }

    [data-view='List'] .owl-prev {
        left: -70px;
        right: auto;
    }

    [data-view='List'] .owl-prev .icon,
    [data-view='List'] .owl-next .icon {
        width: 100%;
        height: 100%;
        display: block;
    }

    [data-view='List'] .ajaxloader-icon {
        display: none;
    }

    [data-view='List'] .loading .ajaxloader-icon {
        display: block;
    }

    [data-view='List'] [data-layouter='masonry'] .gutter-sizer {
        width: 2.564103%;
    }

    [data-view='List'] [data-layouter='masonry'] article {
        margin-bottom: 2.564103%;
    }

    [data-view='List'] [data-ajax='container'].loading {
        position: relative;
    }

    [data-view='List'] [data-ajax='container'].loading:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 100;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.2);
    }

    [data-view='List'] .filter {
        position: relative;
        z-index: 1;
        box-sizing: border-box;
        padding: 30px 35px;
        margin-top: -43px;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    [data-view='List'] .filter:hover {
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    }

    [data-view='List'] .filter .filterform {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    [data-view='List'] .filter .filterform .info {
        margin-right: 35px;
    }

    [data-view='List'] .filter .filterform .checkbox {
        margin-bottom: 0;
        margin-right: 30px;
        display: flex;
        align-items: center;
    }

    [data-view='List'] .filter .filterform .checkbox svg {
        stroke: #ffffff;
    }

    [data-view='List'] .filter .filterform .checkbox .checkboxfield {
        margin: 5px 0 0 0;
    }

    [data-view='List'] .filter .filterform .checkbox .label {
        margin: 0 0 0 10px;
    }

    [data-view='List'] .filter .filterform .checkbox .clear {
        display: none;
    }

    [data-view='List'] .filter .filterform .input.search {
        position: relative;
    }

    [data-view='List'] .filter .filterform .input.search input {
        width: calc(100% - 60px);
        padding-right: 60px;
        box-sizing: content-box;
    }

    [data-view='List'] .filter .filterform .input.search:after {
        content: '';
        display: block;
        position: absolute;
        right: 30px;
        top: 15px;
        width: 20px;
        height: 20px;
        background: url('/assets/filter-search.png')
            no-repeat 0 0;
        background-size: contain;
    }

    [data-view='List'] .filterV2 {
        position: relative;
        z-index: 1;
        box-sizing: border-box;
        padding: 10px 0px;
        margin-top: -50px;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    [data-view='List'] .filterV2:hover {
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    }

    [data-view='List'] .filterV2 .filterform {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    [data-view='List'] .filterV2 .filterform > div {
        width: 33.333333%;
    }

    [data-view='List'] .filterV2.filter-items-4 .filterform > div {
        width: 25%;
    }

    [data-view='List'] .filterV2 .filterform .info {
        padding-left: 30px;
        font-family: 'SourceSans3-Regular';
        opacity: 0.7;
        box-sizing: border-box;
    }

    [data-view='List'] .filterV2 .filterform .search .inputfield:after {
        content: '';
        display: block;
        position: absolute;
        right: 0px;
        top: 10px;
        width: 25px;
        height: 25px;
        background: url('/assets/filter-search.png')
            no-repeat 0 0;
        background-size: contain;
    }

    [data-view='List'] .filterV2 .filterform .search .inputfield input {
        width: 84%;
    }

    [data-view='List'] .filterV2 .row.input .inputfield {
        width: calc(100% - 60px);
        margin: 0 30px;
    }

    [data-view='List'] .filterV2 .CustomSelectBox div.label {
        pointer-events: none;
        margin-bottom: 0;
        position: absolute;
        left: 30px;
        top: 50%;
        z-index: 11;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-family: 'SourceSans3-Regular';
        opacity: 0.7;
        max-width: calc(100% - 90px);
    }

    [data-view='List'] .filterV2 .CustomSelectBox .inputbox {
        height: 80px;
    }

    [data-view='List'] .filterV2 .CustomSelectBox .inputbox .selecticon {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    [data-view='List'] .filterV2 .CustomSelectBox .inputbox .outeroptions {
        background-color: #a9bf00;
    }

    [data-view='List'] .filterV2 .CustomSelectBox .inputbox .options {
        position: relative;
        width: calc(100% - 30px);
        margin: 0 0 0 0;
        padding: 90px 0 0 0;
        border: 0;
    }

    [data-view='List'] .filterV2 .CustomSelectBox .inputbox .options li {
        padding: 10px 0;
        font-size: 20px;
        line-height: 20px;
        display: none;
    }

    [data-view='List'] .filterV2 .CustomSelectBox .inputbox .options li .iconcheckbox {
        position: relative;
        width: 16px;
        height: 16px;
        border: 1px solid #ffffff;
        border-radius: 1px;
    }

    [data-view='List'] .filterV2 .CustomSelectBox .inputbox .options li .iconcheckbox + .text {
        margin-left: 15px;
    }

    [data-view='List'] .filterV2 .CustomSelectBox .inputbox .options li .text + .iconsvg {
        margin-left: 15px;
    }

    [data-view='List'] .filterV2 .CustomSelectBox .inputbox .options li .iconsvg {
        position: relative;
        width: 25px;
        height: 25px;
    }

    [data-view='List'] .filterV2 .CustomSelectBox .inputbox .options li .iconsvg svg {
        display: block;
        width: 100%;
        height: 100%;
    }

    [data-view='List'] .filterV2 .CustomSelectBox .inputbox .options li:before {
        content: none;
    }

    [data-view='List'] .filterV2 .CustomSelectBox .inputbox .options li:hover {
        background-color: transparent;
    }

    [data-view='List']
        .filterV2
        .CustomSelectBox[data-formfieldid='VincerlistT3FilterFormAngebote']
        .inputbox
        .options
        li[data-optionid='hasdirectsales'],
    [data-view='List']
        .filterV2
        .CustomSelectBox[data-formfieldid='VincerlistT3FilterFormAngebote']
        .inputbox
        .options
        li[data-optionid='hasdeliveryservice']
        .iconcheckbox,
    [data-view='List']
        .filterV2
        .CustomSelectBox[data-formfieldid='VincerlistT3FilterFormAngebote']
        .inputbox
        .options
        li[data-optionid='hasonlineshop']
        .iconcheckbox,
    [data-view='List']
        .filterV2
        .CustomSelectBox[data-formfieldid='VincerlistT3FilterFormVerkauf']
        .inputbox
        .options
        li[data-optionid='hasdirectsales']
        .iconcheckbox,
    [data-view='List']
        .filterV2
        .CustomSelectBox[data-formfieldid='VincerlistT3FilterFormVerkauf']
        .inputbox
        .options
        li[data-optionid='hasdeliveryservice']
        .iconcheckbox,
    [data-view='List']
        .filterV2
        .CustomSelectBox[data-formfieldid='VincerlistT3FilterFormVerkauf']
        .inputbox
        .options
        li[data-optionid='hasonlineshop']
        .iconcheckbox {
        margin-left: 33px;
    }

    [data-view='List']
        .filterV2
        .CustomSelectBox[data-formfieldid='VincerlistT3FilterFormAngebote']
        .inputbox
        .options
        li[data-optionid='hasdirectsales']
        .iconsvg,
    [data-view='List']
        .filterV2
        .CustomSelectBox[data-formfieldid='VincerlistT3FilterFormAngebote']
        .inputbox
        .options
        li[data-optionid='hasdeliveryservice']
        .iconsvg,
    [data-view='List']
        .filterV2
        .CustomSelectBox[data-formfieldid='VincerlistT3FilterFormAngebote']
        .inputbox
        .options
        li[data-optionid='hasonlineshop']
        .iconsvg,
    [data-view='List']
        .filterV2
        .CustomSelectBox[data-formfieldid='VincerlistT3FilterFormVerkauf']
        .inputbox
        .options
        li[data-optionid='hasonlineshop']
        .iconsvg,
    [data-view='List']
        .filterV2
        .CustomSelectBox[data-formfieldid='VincerlistT3FilterFormVerkauf']
        .inputbox
        .options
        li[data-optionid='hasdirectsales']
        .iconsvg,
    [data-view='List']
        .filterV2
        .CustomSelectBox[data-formfieldid='VincerlistT3FilterFormVerkauf']
        .inputbox
        .options
        li[data-optionid='hasdeliveryservice']
        .iconsvg {
        display: none;
    }

    [data-view='List'] .filterV2 .CustomSelectBox .inputbox.active {
        z-index: 10;
    }

    [data-view='List'] .filterV2 .CustomSelectBox .inputbox.active .options {
        top: 90px;
        padding: 0 0 15px 30px;
    }

    [data-view='List'] .filterV2 .CustomSelectBox .inputbox.active .options:before {
        content: '';
        display: block;
        width: calc(100% - 60px);
        height: 1px;
        position: absolute;
        left: 30px;
        top: 0px;
        z-index: 10;
        background-color: rgba(2555, 255, 255, 0.2);
    }

    [data-view='List'] .filterV2 .CustomSelectBox .inputbox.active .options li {
        padding: 15px 0;
        line-height: 20px;
        display: flex;
        align-items: center;
    }

    [data-view='List'] .filterV2 .CustomSelectBox .inputbox.active .options li:first-child {
        margin-top: 15px;
    }

    [data-view='List'] .filterV2 .CustomSelectBox .inputbox .options li.active {
        position: static;
        left: auto;
        top: auto;
    }

    [data-view='List'] .filterV2 .CustomSelectBox .inputbox .options li.active .iconcheckbox .checkbox,
    [data-view='List'] .filterV2 .CustomSelectBox .inputbox .options li.active .iconcheckbox .checkbox:after {
        background-color: #ffffff;
        border-radius: 1px;
    }

    [data-view='List'] .filterV2 .CustomSelectBox .inputbox .options li.active .iconcheckbox .checkbox {
        position: absolute;
        left: 0;
        bottom: 3px;
        width: 10px;
        height: 4px;
        transform: rotate(45deg);
    }

    [data-view='List'] .filterV2 .CustomSelectBox .inputbox .options li.active .iconcheckbox .checkbox:after {
        content: '';
        display: block;
        position: absolute;
        left: 0px;
        bottom: 8px;
        transform: rotate(265deg);
        width: 17px;
        height: 4px;
    }

    [data-view='List']
        .filterV2
        .CustomSelectBox[data-formfieldid='VincerlistT3FilterFormAngebote']
        .inputbox.active
        .options
        li[data-optionid='hasdirectsales'],
    [data-view='List']
        .filterV2
        .CustomSelectBox[data-formfieldid='VincerlistT3FilterFormAngebote']
        .inputbox.active
        .options
        li[data-optionid='hasdeliveryservice'],
    [data-view='List']
        .filterV2
        .CustomSelectBox[data-formfieldid='VincerlistT3FilterFormAngebote']
        .inputbox.active
        .options
        li[data-optionid='hasonlineshop'],
    [data-view='List']
        .filterV2
        .CustomSelectBox[data-formfieldid='VincerlistT3FilterFormVerkauf']
        .inputbox.active
        .options
        li[data-optionid='hasdirectsales'],
    [data-view='List']
        .filterV2
        .CustomSelectBox[data-formfieldid='VincerlistT3FilterFormVerkauf']
        .inputbox.active
        .options
        li[data-optionid='hasdeliveryservice'],
    [data-view='List']
        .filterV2
        .CustomSelectBox[data-formfieldid='VincerlistT3FilterFormVerkauf']
        .inputbox.active
        .options
        li[data-optionid='hasonlineshop'] {
        padding: 10px 0;
    }

    [data-view='List'] .second-filter {
        margin-top: 20px;
    }

    [data-view='List'] .second-filter.loading:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 100;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.2);
    }

    [data-view='List'] .second-filter .inner-second-filter {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    [data-view='List'] .second-filter .left {
        width: 70%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    [data-view='List'] .second-filter .left .items {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    [data-view='List'] .second-filter .left .items .item {
        background-color: #f3f3f3;
        padding: 5px 10px;
        margin-right: 15px;
    }

    [data-view='List'] .second-filter .left .items > div {
        margin-bottom: 5px;
    }

    [data-view='List'] .second-filter .left .items > div a {
        color: #545454;
        display: flex;
        align-items: center;
    }

    [data-view='List'] .second-filter .left .items > div a:hover {
        opacity: 0.7;
    }

    [data-view='List'] .second-filter .left .items > div .icon {
        width: 11px;
        height: 11px;
        margin-right: 10px;
        position: relative;
    }

    [data-view='List'] .second-filter .left .items > div .icon:before,
    [data-view='List'] .second-filter .left .items > div .icon:after {
        content: '';
        display: block;
        position: absolute;
        left: -1px;
        top: 50%;
        width: 15px;
        height: 2px;
        background-color: currentColor;
    }

    [data-view='List'] .second-filter .left .items > div .icon:before {
        transform: rotate(45deg);
    }

    [data-view='List'] .second-filter .left .items > div .icon:after {
        transform: rotate(320deg);
    }

    [data-view='List'] .second-filter .right {
        width: 30%;
    }

    [data-view='List'] .second-filter .elements-count {
        text-align: right;
    }

    [data-view='List'] .mobile-toggle-sf {
        display: none;
    }

    [data-view='List'] .loadmoreitems {
        padding-top: 0;
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        display: inline-block;
    }

    [data-view='List'] .loadmoreitems span.icon {
        display: block;
        margin: 0 auto;
        border: 2px solid currentColor;
        width: 36px;
        height: 36px;
        box-sizing: border-box;
        border-radius: 50%;
        position: relative;
        cursor: pointer;
        transition: all 250ms ease-in-out;
    }

    [data-view='List'] .loadmoreitems span.icon:after,
    [data-view='List'] .loadmoreitems span.icon:before {
        content: '';
        display: block;
        background-color: currentColor;
        position: absolute;
        left: 50%;
        top: 50%;
        transition: all 250ms ease-in-out;
    }

    [data-view='List'] .loadmoreitems span.icon:after {
        height: 16px;
        width: 2px;
        margin-top: -8px;
        margin-left: -1px;
    }

    [data-view='List'] .loadmoreitems span.icon:before {
        height: 2px;
        width: 16px;
        margin-top: -1px;
        margin-left: -8px;
    }

    [data-view='List'] .loadmoreitems span.text {
        display: block;
        margin-top: 10px;
    }

    [data-view='List'] .loadmoreitems:hover span.icon:before {
        width: 18px;
        margin-left: -9px;
    }

    [data-view='List'] .loadmoreitems:hover span.icon:after {
        height: 18px;
        margin-top: -9px;
    }
}

@media (max-width: 1650px) {
    [data-view='List'] .owl-prev,
    [data-view='List'] .owl-next {
        right: 0;
    }

    [data-view='List'] .owl-prev {
        left: 0;
        right: auto;
    }
}

@media (max-width: 1100px) {
    [data-view='List'] .filter .filterform .info {
        width: 100%;
        margin-right: 0;
    }

    [data-view='List'] .filter .filterform .checkbox {
        margin-top: 10px;
    }

    [data-view='List'] .filterV2 .filterform {
        flex-wrap: wrap;
    }

    [data-view='List'] .filterV2 .filterform > div {
        width: 100%;
    }

    [data-view='List'] .filterV2.filter-items-4 .filterform > div {
        width: 100%;
    }

    [data-view='List'] .filterV2 .filterform .info {
        padding: 20px 30px 30px 30px;
    }

    [data-view='List'] .filterV2 .filterform .CustomSelectBox {
        z-index: 30;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    [data-view='List'] .filterV2 .filterform .CustomSelectBox:before {
        content: none;
    }

    [data-view='List'] .filterV2 .filterform .CustomSelectBox + .CustomSelectBox {
        z-index: 20;
        border-bottom: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }

    [data-view='List'] .filterV2 .filterform .CustomSelectBox + .CustomSelectBox + .CustomSelectBox {
        z-index: 10;
        border-bottom: 0;
    }

    [data-view='List'] .filterV2 .CustomSelectBox .inputbox .options {
        padding: 80px 0 15px 30px;
    }

    [data-view='List'] .filterV2 .CustomSelectBox .inputbox.active .options {
        top: 80px;
        padding: 0 0 15px 30px;
    }

    [data-view='List'] .filterV2 .filterform .row.input {
        width: 100% !important;
    }
}

@media (max-width: 1024px) {
    [data-view='List'] .filterV2 .row.input .inputfield {
        width: calc(100% - 45px);
    }

    [data-view='List'] .filter .filterform .input.search input {
        width: calc(100% - 40px);
    }

    [data-view='List'] .filter .filterform .input.search:after {
        right: 15px;
    }
}

@media (max-width: 600px) {
    [data-view='List'] .filter {
        padding: 15px 20px;
        margin-top: -33px;
    }

    [data-view='List'] .filter .row {
        width: 100%;
        margin-right: 0;
    }

    [data-view='List'] .filterV2 {
        margin-top: -33px;
    }

    [data-view='List'] .filterV2 .filterform .info {
        padding: 10px 15px 20px 15px;
    }

    [data-view='List'] .filterV2 .row.input .inputfield {
        margin: 0 15px;
        width: calc(100% - 30px);
    }

    [data-view='List'] .filterV2 .filterform .search .inputfield:after {
        content: '';
        display: block;
        position: absolute;
        right: 0px;
        top: 18px;
        width: 25px;
        height: 25px;
        background: url('/assets/search-black.png')
            no-repeat 0 0;
        background-size: contain;
    }

    [data-view='List'] .filterV2 .row.input .inputfield input {
        height: 60px;
        line-height: 60px;
    }

    [data-view='List'] .filterV2 .CustomSelectBox div.label {
        left: 15px;
    }

    [data-view='List'] .filterV2 .CustomSelectBox .inputbox {
        height: 60px;
    }

    [data-view='List'] .filterV2 .CustomSelectBox .inputbox .options {
        padding: 60px 0 0 0;
        margin: 0 0 0 0;
        width: calc(100% - 30px);
    }

    [data-view='List'] .filterV2 .CustomSelectBox .inputbox.active .options {
        top: 60px;
        padding: 0 0 10px 30px;
        line-height: 18px;
    }

    [data-view='List'] .filterV2 .CustomSelectBox .inputbox.active .options:before {
        left: 15px;
        top: 0px;
        width: calc(100% - 30px);
    }

    [data-view='List'] .filterV2 .CustomSelectBox .inputbox.active .options li {
        padding: 10px 0;
    }

    [data-view='List'] .filterV2 .CustomSelectBox .inputbox.active .options li:first-child {
        margin-top: 20px;
    }

    [data-view='List'] .filterV2 .CustomSelectBox .inputbox .options li {
        font-size: 16px;
        line-height: 18px;
    }

    [data-view='List'] .filterV2 .CustomSelectBox .inputbox .options li .iconcheckbox + .text {
        margin-left: 10px;
    }

    [data-view='List'] .filterV2 .CustomSelectBox .inputbox .options li .text + .iconsvg {
        margin-left: 10px;
    }

    [data-view='List'] .second-filter .left {
        width: 100%;
    }

    [data-view='List'] .second-filter .right {
        width: 100%;
    }

    [data-view='List'] .mobile-toggle-sf {
        display: block;
    }

    [data-view='List'] .mobile-toggle-sf a {
        padding: 15px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    [data-view='List'] .mobile-toggle-sf .icon {
        position: relative;
        width: 19px;
        height: 19px;
    }

    [data-view='List'] .mobile-toggle-sf .icon:before,
    [data-view='List'] .mobile-toggle-sf .icon:after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: calc(50% - 1px);
        width: 100%;
        height: 2px;
        background-color: currentColor;
    }

    [data-view='List'] .mobile-toggle-sf .icon:after {
        transform: rotate(90deg);
    }

    [data-view='List'] .mobile-toggle-sf.active .icon:after {
        transform: rotate(0);
    }

    [data-view='List'] .mobile-toggle-sf + .filterV2 {
        display: none;
        margin-top: 0px;
        background-color: #f3f3f3;
        padding: 0;
    }

    [data-view='List'] .mobile-toggle-sf + .filterV2 .filterform > div:not(:first-of-type):before {
        content: '';
        display: block;
        position: absolute;
        left: 15px;
        top: 0;
        width: calc(100% - 30px);
        background-color: rgba(187, 187, 187, 0.3);
    }

    [data-view='List'] .mobile-toggle-sf + .filterV2 .filterform .row.input .inputfield input {
        color: #312d26;
    }

    [data-view='List'] .mobile-toggle-sf + .filterV2 .filterform .CustomSelectBox {
        border-top: 0;
        border-bottom: 0;
    }

    [data-view='List'] .mobile-toggle-sf + .filterV2 .CustomSelectBox div.label {
        color: #312d26;
        opacity: 1;
        font-size: 23px;
    }

    [data-view='List'] .mobile-toggle-sf + .filterV2 .CustomSelectBox .inputbox .outeroptions,
    [data-view='List'] .mobile-toggle-sf + .filterV2 .CustomSelectBox .bghighlight {
        background-color: #f3f3f3;
        color: #6c6c6c;
    }

    [data-view='List'] .mobile-toggle-sf + .filterV2 .CustomSelectBox .inputbox.active .options:before {
        content: none;
    }

    [data-view='List'] .mobile-toggle-sf + .filterV2 .CustomSelectBox .inputbox.active .options li:first-child {
        margin-top: 0px;
    }

    [data-view='List'] .mobile-toggle-sf + .filterV2 .CustomSelectBox .inputbox span.selecticon svg {
        fill: #312d26;
        color: #312d26;
    }

    [data-view='List'] .mobile-toggle-sf + .filterV2 .CustomSelectBox .inputbox .options li .iconcheckbox {
        border: 1px solid #6c6c6c;
    }

    [data-view='List'] .mobile-toggle-sf + .filterV2 .CustomSelectBox .inputbox .options li .iconsvg svg {
        fill: #312d26;
        color: #312d26;
    }

    [data-view='List'] .mobile-toggle-sf + .filterV2 .CustomSelectBox .inputbox .options li.active {
        color: #312d26;
    }

    [data-view='List']
        .mobile-toggle-sf
        + .filterV2
        .CustomSelectBox
        .inputbox
        .options
        li.active
        .iconcheckbox
        .checkbox,
    [data-view='List']
        .mobile-toggle-sf
        + .filterV2
        .CustomSelectBox
        .inputbox
        .options
        li.active
        .iconcheckbox
        .checkbox:after {
        background-color: #a9bf00;
    }
}

@media (max-width: 450px) {
    [data-view='List'] .filter {
        margin-top: -15px;
    }

    [data-view='List'] .filterV2 {
        margin-top: -15px;
    }
}

@media all {
    [data-view~='WinedetailT3'] .inner {
        padding: 11.864407%;
    }

    [data-view~='WinedetailT3'] .inner div.innerText div.contentheadline {
        margin-top: 40px;
    }

    [data-view~='WinedetailT3'] .inner div.text.clearafter {
        display: flex;
        margin: 0 auto;
        width: 100%;
    }

    [data-view~='WinedetailT3'] .inner .title {
        margin-bottom: 10px;
    }

    [data-view~='WinedetailT3'] .inner .FactSheet-content.description {
        margin-bottom: 40px;
    }

    [data-view~='WinedetailT3'] .inner .recommandations-headline {
        margin-top: 60px;
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    [data-view~='WinedetailT3'] .inner {
        padding: 6.779661%;
    }

    [data-view~='WinedetailT3'] .inner .title {
        margin-bottom: 15px;
    }

    [data-view~='WinedetailT3'] .inner .text {
        width: 50%;
    }

    [data-view~='WinedetailT3'] .inner .recommandations-headline {
        margin-top: 35px;
    }
}

@media all {
    [data-view~='WinedetailT2'] .inner {
        padding: 11.864407%;
    }

    [data-view~='WinedetailT2'] .inner .title {
        margin-bottom: 30px;
    }

    [data-view~='WinedetailT2'] .inner .svg.min-max {
        max-width: 200px;
    }

    [data-view~='WinedetailT2'] .inner .svg.recommended svg {
        height: 100px;
        max-width: 100%;
    }

    [data-view~='WinedetailT2'] .inner .recommandations-headline {
        margin-top: 60px;
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    [data-view~='WinedetailT2'] .inner {
        padding: 6.779661%;
    }

    [data-view~='WinedetailT2'] .inner .title {
        margin-bottom: 15px;
    }

    [data-view~='WinedetailT2'] .inner .picture {
        width: 50%;
    }

    [data-view~='WinedetailT2'] .inner .picture + .text {
        width: 50%;
    }

    [data-view~='WinedetailT2'] .inner .recommandations-headline {
        margin-top: 40px;
    }
}

@media all {
    [data-view~='WinedetailT1'] .inner {
        padding: 11.864407%;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }

    [data-view~='WinedetailT1'] .inner .picture {
        width: 50%;
        text-align: right;
    }

    [data-view~='WinedetailT1'] .inner .picture picture,
    [data-view~='WinedetailT1'] .inner .picture picture img {
        width: auto;
        max-width: 100%;
        aspect-ratio: auto !important;
    }

    [data-view~='WinedetailT1'] .inner .picture + .text {
        width: 50%;
    }

    [data-view~='WinedetailT1'] .inner .text .contentheadline {
        margin-top: 20px;
    }

    [data-view~='WinedetailT1'] .inner .text .content + .contentheadline {
        margin-top: 40px;
    }
}

@media (max-width: 768px) {
    [data-view~='WinedetailT1'] .inner {
        padding: 6.779661%;
    }

    [data-view~='WinedetailT1'] .inner .picture {
        width: 50%;
    }

    [data-view~='WinedetailT1'] .inner .picture + .text {
        width: 50%;
    }

    [data-view~='WinedetailT1'] .inner .text .contentheadline {
        margin-top: 10px;
    }

    [data-view~='WinedetailT1'] .inner .text .content + .contentheadline {
        margin-top: 20px;
    }
}

@media (max-width: 500px) {
    [data-view~='WinedetailT1'] .inner .picture {
        width: 100%;
        text-align: left;
    }

    [data-view~='WinedetailT1'] .inner .picture + .text {
        width: 100%;
    }
}

@media all {
    .Intro.T4 .inner .text {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .Intro.T4 .inner .text .innerText {
        width: 60.080645%;
    }

    .Intro.T4 .inner .text .info {
        width: 30.241935%;
    }

    .Intro.T4 .inner .text .info .infoInner {
        padding: 16%;
    }

    .Intro.T4 .inner .text .info .infoInner.withOnlineShop {
        padding-bottom: 5.333333%;
    }

    .Intro.T4 .inner .text .info .infoInner .picture img {
        width: auto;
        max-width: 100%;
    }

    .Intro.T4 .inner .text .info .infoInner .picture + .content {
        margin-top: 20px;
    }

    .Intro.T4 .inner .text .info .infoAdditionalInner .buttonBuyOnline {
        border-radius: 0;
        width: 100%;
        box-sizing: border-box;
        text-transform: uppercase;
        text-align: center;
    }

    .Intro.T4 .info .content .telefon,
    .Intro.T4 .info .content .email,
    .Intro.T4 .info .content .website {
        text-transform: none;
    }

    .Intro.T4 .info .content .icons,
    .Intro.T4 .info .content .infos {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 20px;
    }

    .Intro.T4 .info .content .icons div.icon {
        display: flex;
        position: relative;
    }

    .Intro.T4 .info .content .icons div.icon span.info {
        position: absolute;
        z-index: 5;
        left: 50%;
        top: 115%;
        display: none;
        padding: 3px 10px;
        white-space: nowrap;
    }

    .Intro.T4 .info .content .icons div.icon:hover span.info {
        display: block;
        width: auto;
    }

    .Intro.T4 .info .content .icons div.icon:empty {
        display: none;
    }

    .Intro.T4 .info .content .icons div .icon {
        display: block;
        width: 30px;
        height: 30px;
        margin-right: 8px;
    }

    .Intro.T4 .info .content .icons div .award {
        -webkit-border-radius: 50%;
        border-radius: 50%;
        padding: 2px;
    }

    .Intro.T4 .info .content .icons div .vinum {
        margin-left: 0px;
    }

    .Intro.T4 .info .content .icons div .delimiter {
        height: 35px;
        width: 1px;
        display: block;
        margin-right: 20px;
        margin-left: 12px;
        margin-top: -2px;
    }

    .Intro.T4 .info .content .infos .delimiter {
        height: 14px;
        width: 1px;
        display: block;
        margin-right: 12px;
        margin-left: 12px;
    }
}

@media (max-width: 1600px) {
    .Intro.T4 .info .content .icons div .icon {
        width: 23px;
        height: 23px;
    }

    .Intro.T4 .info .content .icons div .delimiter {
        height: 30px;
    }
}

@media (max-width: 1400px) {
    .Intro.T4 .info .content .icons div.icon {
        margin-bottom: 10px;
    }

    .Intro.T4 .info .content .icons div.icon span.info {
        top: 105%;
    }

    .Intro.T4 .info .content .icons div .delimiter {
        display: none;
    }
}

@media (max-width: 1024px) {
    .Intro.T4 .inner .text .info .infoInner {
        padding: 8%;
    }
}

@media (max-width: 800px) {
    .Intro.T4 .inner .text .innerText,
    .Intro.T4 .inner .text .info {
        width: 100%;
    }

    .Intro.T4 .inner .text .innerText + .info {
        margin-top: 30px;
    }

    .Intro.T4 .inner .text .info .infoInner {
        padding: 7.5% 30px;
    }
}

@media all {
    [data-view~='Element'] picture {
        width: 100%;
    }

    [data-view~='Element'] picture img {
        width: 100%;
    }

    [data-view~='Element'] div.text a.detaillink {
        display: inline-block;
    }

    [data-view~='Element'][data-elementlinked='true'][data-detaillink]:not([data-detaillink='']) div.picture {
        overflow: hidden;
        display: block;
    }

    [data-view~='Element'][data-elementlinked='true'][data-detaillink]:not([data-detaillink='']):hover {
        cursor: pointer;
    }

    [data-view~='Element'][data-elementlinked='true'][data-detaillink]:not([data-detaillink='']):hover:not(.bgweb)
        > div.inner {
        background-color: rgba(0, 0, 0, 0.05);
    }
}

@media all {
    section.ClickPoints .inner {
        position: relative;
    }

    section.ClickPoints .IntroOuter {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 1;
    }

    section.ClickPoints.T1 .innerArticle {
        display: flex;
        flex-wrap: wrap;
    }

    section.ClickPoints.T1 .innerArticle .image {
        width: 100%;
    }

    section.ClickPoints.T1 .innerArticle .image .innerimage {
        position: relative;
    }

    section.ClickPoints.T1 .innerArticle .image .innerimage.desktop {
        display: block;
    }

    section.ClickPoints.T1 .innerArticle .image .innerimage.mobile {
        display: none;
    }

    section.ClickPoints.T1 .innerArticle .image picture {
        display: block;
        width: 100%;
    }

    section.ClickPoints.T1 .innerArticle .image picture img {
        display: block;
        width: 100%;
    }

    section.ClickPoints.T1 .innerArticle .image .clickpoint {
        position: absolute;
        z-index: 2;
        transform: translate3d(-50%, -50%, 0);
    }

    section.ClickPoints.T1 .innerArticle .image .clickpoint .plus {
        border: 2px solid currentColor;
        width: 36px;
        height: 36px;
        box-sizing: border-box;
        border-radius: 50%;
        position: relative;
        cursor: pointer;
        transition: all 250ms ease-in-out 250ms;
    }

    section.ClickPoints.T1 .innerArticle .image .clickpoint:hover .plus {
        width: 190px;
        height: 190px;
        transition: all 250ms ease-in-out 250ms;
    }

    section.ClickPoints.T1 .innerArticle .image .clickpoint .plus:after {
        content: '';
        height: 16px;
        width: 2px;
        display: block;
        background-color: currentColor;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -8px;
        margin-left: -1px;
    }

    section.ClickPoints.T1 .innerArticle .image .clickpoint .plus:before {
        content: '';
        height: 2px;
        width: 16px;
        display: block;
        background-color: currentColor;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -1px;
        margin-left: -8px;
    }

    section.ClickPoints.T1 .innerArticle .image .clickpoint .plus:after,
    section.ClickPoints.T1 .innerArticle .image .clickpoint .plus:before {
        opacity: 1;
        filter: alpha(opacity = 100);
        transition: all 250ms ease-in-out 500ms;
    }

    section.ClickPoints.T1 .innerArticle .image .clickpoint:hover .plus:after,
    section.ClickPoints.T1 .innerArticle .image .clickpoint:hover .plus:before {
        opacity: 0;
        filter: alpha(opacity = 0);
        transition: all 250ms ease-in-out 0ms;
    }

    section.ClickPoints.T1 .innerArticle .image .clickpoint .imagetext {
        position: absolute;
        box-sizing: border-box;
        min-width: 550px;
        overflow: hidden;
        opacity: 0;
        filter: alpha(opacity = 0);
        transition: opacity 250ms ease-in-out 0ms;
        pointer-events: none;
    }

    section.ClickPoints.T1 .innerArticle .image .clickpoint:hover .imagetext {
        opacity: 1;
        filter: alpha(opacity = 100);
        transition: opacity 250ms ease-in-out 500ms;
    }

    section.ClickPoints.T1 .innerArticle .image .clickpoint.right .imagetext {
        right: 0;
        padding-right: 92.105263%;
        margin-right: 50%;
        text-align: right;
    }

    section.ClickPoints.T1 .innerArticle .image .clickpoint.left .imagetext {
        left: 0;
        padding-left: 92.105263%;
        margin-left: 50%;
        text-align: left;
    }

    section.ClickPoints.T1 .innerArticle .image .clickpoint.top .imagetext {
        top: 0;
        padding-top: 100%;
        margin-top: 50%;
    }

    section.ClickPoints.T1 .innerArticle .image .clickpoint.bottom .imagetext {
        bottom: 0;
        padding-bottom: 100%;
        margin-bottom: 50%;
    }

    section.ClickPoints.T1 .innerArticle .image .clickpoint .imagetext:before {
        content: '';
        box-sizing: border-box;
        display: block;
        width: 56px;
        height: 285px;
        position: absolute;
        opacity: 0;
        filter: alpha(opacity = 0);
        transition: opacity 250ms ease-in-out 0ms;
    }

    section.ClickPoints.T1 .innerArticle .image .clickpoint:hover .imagetext:before {
        opacity: 1;
        filter: alpha(opacity = 100);
    }

    section.ClickPoints.T1 .innerArticle .image .clickpoint.right .imagetext:before {
        border-left: 2px solid currentColor;
        right: 0;
        margin-right: 17.272727%;
    }

    section.ClickPoints.T1 .innerArticle .image .clickpoint.left .imagetext:before {
        border-right: 2px solid currentColor;
        left: 0;
        margin-left: 17.272727%;
    }

    section.ClickPoints.T1 .innerArticle .image .clickpoint.top .imagetext:before {
        border-top: 2px solid currentColor;
        top: 0;
    }

    section.ClickPoints.T1 .innerArticle .image .clickpoint.bottom .imagetext:before {
        border-bottom: 2px solid currentColor;
        bottom: 0;
    }
}

@media (max-width: 1600px) {
    section.ClickPoints.T1 .innerArticle .image .clickpoint:hover .plus {
        width: 150px;
        height: 150px;
    }

    section.ClickPoints.T1 .innerArticle .image .clickpoint.bottom .imagetext {
        padding-bottom: 68.421053%;
    }

    section.ClickPoints.T1 .innerArticle .image .clickpoint.right .imagetext:before {
        margin-right: 13.636364%;
    }

    section.ClickPoints.T1 .innerArticle .image .clickpoint.left .imagetext:before {
        margin-left: 13.636364%;
    }
}

@media (max-width: 1100px) {
    section.ClickPoints.T1 .innerArticle .image .innerimage.desktop {
        display: none;
    }

    section.ClickPoints.T1 .innerArticle .image .innerimage.mobile {
        display: block;
    }

    section.ClickPoints.T1 .innerArticle .image .clickpoint .imagetext {
        min-width: 400px;
    }

    section.ClickPoints.T1 .innerArticle .image .clickpoint .imagetext:before {
        width: 56px;
        height: 175px;
    }

    section.ClickPoints.T1 .innerArticle .image .clickpoint.top .imagetext {
        padding-top: 63.157895%;
    }

    section.ClickPoints.T1 .innerArticle .image .clickpoint.bottom .imagetext {
        padding-bottom: 63.157895%;
    }

    section.ClickPoints.T1 .innerArticle .image .clickpoint.right .imagetext {
        padding-right: 116px;
    }

    section.ClickPoints.T1 .innerArticle .image .clickpoint.left .imagetext {
        padding-left: 116px;
    }
}

@media (max-width: 900px) {
    section.ClickPoints.T1 .innerArticle .image .clickpoint:hover .plus {
        width: 120px;
        height: 120px;
    }

    section.ClickPoints.T1 .innerArticle .image .clickpoint.right .imagetext:before {
        margin-right: 10.909091%;
    }

    section.ClickPoints.T1 .innerArticle .image .clickpoint.left .imagetext:before {
        margin-left: 10.909091%;
    }
}

@media (max-width: 768px) {
    section.nospacebottommobile > div {
        padding-bottom: 0px;
    }

    section.ClickPoints.T1 {
        display: none;
    }
}

@media all {
    .CleverReach.T1 .inner .content form .editable_content div[rel='text'],
    .CleverReach.T1 .inner .content form .editable_content div[rel='radio'],
    .CleverReach.T1 .inner .content form .editable_content div[rel='select'],
    .CleverReach.T1 .inner .content form .editable_content div[rel='email'],
    .CleverReach.T1 .inner .content form .editable_content div[rel='checkbox'] {
        margin-bottom: 15px;
    }

    .CleverReach.T1 .inner .content form .editable_content div[rel='text'] label,
    .CleverReach.T1 .inner .content form .editable_content div[rel='radio'] label,
    .CleverReach.T1 .inner .content form .editable_content div[rel='select'] label,
    .CleverReach.T1 .inner .content form .editable_content div[rel='email'] label,
    .CleverReach.T1 .inner .content form .editable_content div[rel='checkbox'] label {
        display: block;
        width: 100%;
        color: #1c2955;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .CleverReach.T1 .inner .content form .editable_content div[rel='text'] input,
    .CleverReach.T1 .inner .content form .editable_content div[rel='select'] select,
    .CleverReach.T1 .inner .content form .editable_content div[rel='email'] input {
        display: block;
        width: 100%;
        height: 34px;
        line-height: 34px;
        padding: 0;
        margin: 0;
        text-indent: 8px;
        border-radius: 2px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .CleverReach.T1 .inner .content form .editable_content div[rel='text'] input,
    .CleverReach.T1 .inner .content form .editable_content div[rel='select'] select,
    .CleverReach.T1 .inner .content form .editable_content div[rel='email'] input {
        background-color: rgba(204, 196, 183, 0.3);
        color: #404d5b;
        border: 1px solid #404d5b;
    }

    .CleverReach.T1 .inner .content form .editable_content div[rel='radio'] input[type='radio'],
    .CleverReach.T1 .inner .content form .editable_content div[rel='checkbox'] input[type='checkbox'] {
        margin: 0px 5px 0px 0px;
    }

    .CleverReach.T1 .inner .content form .editable_content div[rel='button'] button {
        margin-top: 10px;
        height: auto;
        background-color: #a9bf00;
        color: #ffffff;
        display: inline-block;
        padding: 12px 30px;
        border-radius: 50px;
        border: 0px solid #f1564e;
        font-size: 13px;
        line-height: 20px;
        letter-spacing: 2px;
        cursor: pointer;
        -webkit-transition: all 300ms ease 0ms;
        transition: all 300ms ease 0ms;
    }

    .CleverReach.T1 .inner .content form .editable_content div[rel='button'] button:hover {
        background-color: #8fa400;
        color: #ededed;
    }
}

@media all {
    div.unitnewsletter.onpage.layout3.cleverreach {
        padding: 50px 0;
    }

    div.unitnewsletter.onpage.layout3.cleverreach div.innerNewsletter form div.intro {
        width: 100%;
        float: none;
        display: block;
        margin-bottom: 30px;
        text-align: center;
    }

    div.unitnewsletter.onpage.layout3.cleverreach div.innerNewsletter form div.formfields {
        width: 100%;
    }
}

@media (max-width: 650px) {
    div.unitnewsletter.onpage.layout3.cleverreach {
        padding: 0;
    }

    div.unitnewsletter.onpage.layout3.cleverreach div.innerNewsletter {
        max-width: 100%;
        width: 100%;
    }

    div.unitnewsletter.onpage.layout3.cleverreach div.innerNewsletter form div.intro {
        text-align: left;
        margin-bottom: 0px;
    }
}

@media all {
    div.unitnewsletter.onpage.layout3.cleverreach.overlay {
        padding: 110px 0px 70px 0px;
    }

    div.unitnewsletter.onpage.layout3.cleverreach.overlay div.innerNewsletter {
        max-width: 77.220077%;
        margin-left: auto;
        margin-right: auto;
    }

    div.unitnewsletter.onpage.layout3.cleverreach.overlay div.innerNewsletter form div.intro {
        padding-right: 0;
    }

    div.unitnewsletter.onpage.layout3.cleverreach.overlay div.innerNewsletter form div.intro .headline {
        color: #4d4d4d;
        font-family: 'Suedtirol', sans-serif;
        font-size: 45px;
        line-height: 50px;
    }

    div.unitnewsletter.onpage.layout3.cleverreach.overlay div.innerNewsletter form div.intro .subheadline {
        color: #6c6c6c;
        margin-top: 5px;
    }

    div.unitnewsletter.onpage.layout3.cleverreach.overlay div.innerNewsletter form div.innerForm div.formfields {
        width: 100%;
        flex-wrap: wrap;
        background-color: transparent;
    }

    div.unitnewsletter.onpage.layout3.cleverreach.overlay
        div.innerNewsletter
        form
        div.innerForm
        div.formfields
        .innerFormfields:after {
        content: none;
    }

    div.unitnewsletter.onpage.layout3.cleverreach.overlay div.innerNewsletter form div.innerForm div.innerFormfields {
        width: 100%;
        flex-wrap: wrap;
        text-align: center;
    }

    div.unitnewsletter.onpage.layout3.cleverreach.overlay div.innerNewsletter form div.innerForm div.row.email {
        width: 100%;
    }

    div.unitnewsletter.onpage.layout3.cleverreach.overlay
        div.innerNewsletter
        form
        div.innerForm
        div.row.email
        div.inputfield {
        padding: 0;
    }

    div.unitnewsletter.onpage.layout3.cleverreach.overlay div.innerNewsletter form div.innerForm div.row.email input {
        margin-left: 0px;
        border: 1px solid #e5e5e5;
        height: 60px;
        line-height: 60px;
        text-align: center;
    }

    div.unitnewsletter.onpage.layout3.cleverreach.overlay div.innerNewsletter form div.innerForm div.row.checkbox {
        width: 100%;
        justify-content: center;
        padding: 0;
        margin-top: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    div.unitnewsletter.onpage.layout3.cleverreach.overlay
        div.innerNewsletter
        form
        div.innerForm
        div.row.checkbox
        div.checkboxfield {
        margin: 0;
        width: 18px;
        height: 18px;
        float: none;
        display: block;
    }

    div.unitnewsletter.onpage.layout3.cleverreach.overlay
        div.innerNewsletter
        form
        div.innerForm
        div.row.checkbox
        div.checkboxfield
        input,
    div.unitnewsletter.onpage.layout3.cleverreach.overlay
        div.innerNewsletter
        form
        div.innerForm
        div.row.checkbox
        div.checkboxfield
        svg {
        width: 18px;
        height: 18px;
        fill: #e5e5e5;
        color: #e5e5e5;
    }

    div.unitnewsletter.onpage.layout3.cleverreach.overlay
        div.innerNewsletter
        form
        div.innerForm
        div.row.checkbox
        div.checkboxfield
        label.label.extralabel {
        float: none;
        display: block;
    }

    div.unitnewsletter.onpage.layout3.cleverreach.overlay div.innerNewsletter form div.innerForm a.senden {
        margin: 35px auto 0 auto;
        float: none;
        display: inline-block;
        padding: 12px 30px;
    }
}

@media (max-width: 1050px) {
    div.unitnewsletter.onpage.layout3.cleverreach.overlay div.innerNewsletter form div.intro .headline,
    div.unitnewsletter.onpage.layout3.cleverreach.overlay div.innerNewsletter form div.intro .subheadline {
        display: block;
    }
}

@media (max-width: 768px) {
    div.unitnewsletter.onpage.layout3.cleverreach.overlay div.innerNewsletter {
        max-width: calc(100% - 40px);
    }

    div.unitnewsletter.onpage.layout3.cleverreach.overlay div.innerNewsletter form div.formfields {
        display: flex;
        align-items: center;
    }
}

@media (max-width: 650px) {
    div.unitnewsletter.onpage.layout3.cleverreach.overlay {
        padding: 55px 0;
    }

    div.unitnewsletter.onpage.layout3.cleverreach.overlay div.innerNewsletter form div.intro {
        padding: 0;
        margin-bottom: 20px;
        text-align: center;
    }

    div.unitnewsletter.onpage.layout3.cleverreach.overlay div.innerNewsletter form div.intro:before {
        content: none;
    }

    div.unitnewsletter.onpage.layout3.cleverreach.overlay div.innerNewsletter form div.intro svg {
        display: none;
    }

    div.unitnewsletter.onpage.layout3.cleverreach.overlay div.innerNewsletter form div.innerForm div.row.checkbox {
        margin-top: 10px;
    }

    div.unitnewsletter.onpage.layout3.cleverreach.overlay div.innerNewsletter form div.innerForm a.senden {
        margin: 25px auto 0 auto;
    }
}

@media all {
    .frame > .BreadcrumbT1 {
        display: none;
    }

    .maincontent > .breadcrumb {
        display: none;
    }

    .BreadcrumbT1 {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
    }

    .BreadcrumbT1 *,
    .BreadcrumbT1 a {
        font-family: 'SuedtirolNextTT', sans-serif;
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
        font-style: normal;
        color: #6c6c6c;
        text-transform: none;
        letter-spacing: 0;
    }

    .BreadcrumbT1 a:hover {
        color: #6c6c6c;
        opacity: 0.7;
    }

    .BreadcrumbT1 .iconbreadcrumb {
        padding: 0 5px;
    }
}

@media (max-width: 768px) {
    .BreadcrumbT1 {
        display: none !important;
    }
}

@media all {
    section.Banner {
        display: none;
        width: 135px;
        height: 80px;
        position: initial;
        top: 180px;
        right: 3.4375%;
        justify-content: center;
        align-items: center;
        text-align: center;
        border-radius: 0%;
        cursor: pointer;
        transition: 0.3s all linear;
        z-index: 10;
        margin-left: 20px;
    }

    header section.Banner {
        display: none;
    }

    section.Banner:hover {
        opacity: 0.7;
    }

    section.Banner .inner {
        width: calc(100% - 20px);
        margin: 0px auto;
    }

    section.Banner .inner .picture + .headline {
        margin-top: 10px;
    }

    section.Banner .link,
    section.Banner .link:hover {
        color: #ffffff;
    }
}

@media (min-width: 651px) {
    body.slidein header section.Banner {
        position: relative;
        width: 55px;
        height: 55px;
        top: 0px;
        right: 0px;
        margin-left: 23px;
    }

    body.slidein header section.Banner .inner .picture img {
        width: 33px;
    }
}

@media (min-width: 750px) {
    body.slidein header section.Banner {
        display: flex;
        position: relative;
        width: auto;
        height: 92px;
        top: auto;
        right: auto;
        border-radius: 0;
    }

    body.slidein header section.Banner .inner {
        width: auto;
        padding: 0 25px;
    }

    /* body.slidein header section.Banner .inner .headline {
        white-space: nowrap;
    } */
}

@media (max-width: 650px) {
    section.Banner {
        display: none;
        position: absolute;
        width: 70px;
        height: 70px;
        top: 60px;
        right: 20px;
        margin-left: 0px;
    }

    section.Banner .link {
        display: none;
    }

    header section.Banner {
        display: none;
    }

    footer section.Banner {
        display: block;
        position: relative;
        width: 100%;
        height: auto;
        padding: 10px 20px 10px 20px;
        top: 0;
        right: 0;
        text-align: left;
        border-radius: 0px;
    }

    footer section.Banner:before {
        content: '';
        width: 100%;
        height: 1px;
        background-color: currentColor;
        display: block;
        position: absolute;
        left: 0%;
        bottom: 0;
        opacity: 0.2;
        filter: alpha(opacity = 20);
    }

    footer section.Banner .inner {
        width: 100%;
    }

    footer section.Banner .inner .title {
        color: #4d4d4d;
        font-weight: bold;
    }

    section.Banner .inner .headline {
        font-size: 11px;
        line-height: 15px;
    }
}

@media all {
    section.Awards.T1 {
        z-index: 2;
    }

    section.Awards.T1 .innerAwards {
        padding-top: 0px;
    }

    section.Awards.T1 .actual-elements-shown {
        margin-top: 10px;
    }

    section.Awards.T1 .resetfilter {
        float: left;
        display: none;
        margin-top: 10px;
    }

    section.Awards.T1 .resetfilter.active {
        display: inline;
    }

    section.Awards.T1 .paging,
    section.Awards.T1 .element:nth-of-type(1) {
        margin-top: 30px;
    }

    section.Awards.T1 .paging a.prev {
        margin-left: 0;
    }

    section.Awards.T1 .paging a.next {
        margin-right: 0;
    }

    section.Awards.T1 .element {
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    }

    section.Awards.T1 .element:nth-of-type(1) {
        border-top: 1px solid rgba(0, 0, 0, 0.2);
    }

    section.Awards.T1 .element .inner {
        padding: 30px 0;
    }

    section.Awards.T1 .element .inner .innerText {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }

    section.Awards.T1 .element .inner .innerText .headlines {
        width: 55%;
    }

    section.Awards.T1 .element .inner .innerText .introduction {
        width: 45%;
    }

    section.Awards.T1 .element .inner .innerText .introduction span:nth-of-type(1) {
        display: none;
    }

    section.Awards.T1 .filterform .row.input {
        margin-bottom: 0;
        width: 33.333333%;
    }

    section.Awards.T1 .filterform .CustomSelectBox {
        width: 33.333333%;
    }

    section.Awards.T1 .filterform .row.input .inputfield {
        width: 100%;
        float: none;
        display: block;
        padding: 0;
        color: #ffffff;
    }

    section.Awards.T1 .filterform .row.input .inputfield.active {
        background-color: transparent;
    }

    section.Awards.T1 .filterform .row.input .inputfield input {
        height: 45px;
        line-height: 45px;
        color: #ffffff;
        background-color: transparent;
        text-indent: 0;
        border: none;
        border-radius: 0;
        -webkit-border-radius: 0;
    }

    section.Awards.T1 .filterform .row.input .inputfield input {
        font-family: 'SuedtirolNextTT', sans-serif;
        font-size: 23px;
        font-weight: 400;
        font-style: normal;
        letter-spacing: 0px;
    }
}

@media (max-width: 1024px) {
    section.Awards.T1 .element .inner .innerText .headlines,
    section.Awards.T1 .element .inner .innerText .introduction {
        width: 100%;
    }

    section.Awards.T1 .element .inner .innerText .introduction {
        margin-top: 10px;
        word-break: break-all;
    }
}

@media (max-width: 850px) {
    section.Awards.T1 .filterform .row.input {
        width: 100%;
        margin-bottom: 0;
    }

    section.Awards.T1 .filterform .CustomSelectBox {
        width: 100%;
    }
}

@media (max-width: 768px) {
    section.Awards.T1 .paging,
    section.Awards.T1 .element:nth-of-type(1) {
        margin-top: 30px;
    }

    section.Awards.T1 .element .inner {
        padding: 15px 0;
    }
}

@media (max-width: 530px) {
    section.Awards.T1 .filterform .row.input,
    section.Awards.T1 .filterform .row.input .inputfield {
        margin-bottom: 0;
    }
}