/* styles.css */
 .filterausblenden .filters{
    display:none
}
.slick-slide img{
    width:100%
}
.projektuebersicht{
    width:100%;
    position:relative;
    display:inline-block;
    margin-bottom:-4px;
    vertical-align:top;
    background-color:#fff
}
.begrenztslick.hoehe700px .slick-slide,.begrenztslick.hoehe700px .slick-slide .insidebox{
    height:280px
}
.euf_overlay__close{
    font-size:3rem;
    font-weight: 400
}
.euf_overlay{
    z-index: 2000
}
#euf_overlay .euf_overlay__content{
    padding:0;
    z-index: 3000
}
#euf_overlay .lagpopupbild{
    background-image:url("../../files/bilder/Mobilephone_mockup.jpg");
    background-position:center center;
    background-repeat:no-repeat
}
#euf_overlay .lagpopupbild .image_container{
    width:250px;
    padding:30% 20% 5% 5%
}
#euf_overlay .lagpopupbild figure{
    width:250px;
    padding:30% 20% 5% 5%
}
#euf_overlay .lagpopuptext{
    padding-right:20px;
    padding-left:20px;
    background-image:url("../../files/bilder/NEU_Ampelbaerchen_Hellgru%CC%88n.svg");
    background-repeat:no-repeat;
    background-position: 230px 120px;
    background-size: 200px
}
#euf_overlay .lagpopuptext h2{
    font-family:Georgia,serif;
    ;
    font-weight: 500
}
#euf_overlay .lagpopuptext p.lag-button-gruen a{
    width:144px;
    height:144px;
    display:table-cell;
    padding:10px 10px 30px;
    vertical-align:bottom;
    background-color:#c3c98a;
    background-image:url("../../files/bilder/pfeil_dunkelgruen.svg");
    background-repeat:no-repeat;
    line-height:1.4rem;
    font-weight:bold;
    color:#426c34;
    text-transform:uppercase;
    background-size: auto 13px;
    background-position: left 6px bottom 10px
}
#euf_overlay .lagpopuptext p.lag-button-gruen a:hover{
    background-color:#426c34;
    background-image:url("../../files/bilder/pfeil_hellgruen.svg");
    text-decoration:none;
    color:#c3c98a
}
.ce_optin_fallback{
    margin:20px 15px;
    padding-right:30px;
    padding-left:30px;
    background-color:#fffecc;
    border:2px solid #ccc
}
.relativerblock.videostartseite{
    height:100vh
}
iframe{
    border:0px;
    border-radius:14px
}
.mm-btn_next::after,.mm-btn_prev::before{
    width:16px;
    height:16px
}
.mm-btn::after,.mm-btn::before{
}
#main{
    padding-top:68px
}
.projektuebersicht img{
    width:100%
}
.parallax .image_container{
    height:220px;
    overflow:hidden
}
.parallax figure{
    height:220px;
    overflow:hidden
}
.parallax img{
    width:100%;
    position:fixed
}
#main .dunkelrot h1,#main .dunkelrot p{
    color:#BD1320
}
.rotflaeche.pad200,.gelbflaeche.pad200,.lilaflaeche.pad200,.gruenflaeche.pad200,.dunkelrotflaeche.pad200,.beigeflaeche.pad200{
    padding-bottom:200px
}
.begrenzt{
    width:100%;
    position:relative;
    display:inline-block;
    margin-bottom:-4px;
    vertical-align:top;
    background-color:#fff
}
.begrenzt .inside{
    max-width:1100px;
    margin-right:auto;
    margin-left:auto
}
.begrenztslick{
    width:100%;
    display:inline-block
}
#main .medium h2{
    font-size:2.4rem;
    text-transform:none;
    letter-spacing:0px;
    font-weight: 500
}
.mitabstand.unterseite .slick-list,.mitabstand.unterseite{
    overflow:hidden;
    padding-top:20px;
    padding-bottom:60px
}
.mitabstand.unterseite .slick-next{
    right:28px
}
.slick-next{
    right: 0px !important
}
.eckig .mitabstand.unterseite .ce_slick-slide-separator .ce_text{
    border-radius:0
}
.eckig .mitabstand.unterseite .ce_slick-slide-separator .content-text{
    border-radius:0
}
#main p{
    font-size:1.15rem;
    line-height:1.7rem
}
#main ul{
    font-size:1.15rem;
    line-height:1.7rem
}
#main ol{
    font-size:1.15rem;
    line-height:1.7rem
}
.goverlay{
    background-color:rgba(255,255,255,.8)
}
.magazinuebersicht .ce_text{
    position:relative;
    overflow:visible;
    transition: transform 0.8s;
     -moz-transition: transform 0.8s;
     -webkit-transition: transform 0.8s;
     -o-transition: transform 0.8s;
     -ms-transition: transform 0.8s;
    z-index: 500
}
.magazinuebersicht .content-text{
    position:relative;
    overflow:visible;
    transition: transform 0.8s;
     -moz-transition: transform 0.8s;
     -webkit-transition: transform 0.8s;
     -o-transition: transform 0.8s;
     -ms-transition: transform 0.8s;
    z-index: 500;
    margin-bottom: 30px;
}
.magazinuebersicht .ce_text:hover{
    transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    z-index: 501
}
.magazinuebersicht .content-text:hover{
    transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    z-index: 501
}
.sliderunterseite{
    width:100%;
    position:relative;
    display:inline-block;
    margin-bottom:-4px;
    padding-bottom:40px;
    background-color:#fff
}
.sliderunterseite .mitabstand .slick-next{
    right:10px
}
.ce_slick-slide-separator{
    position:relative;
    overflow:visible;
    transition: transform 0.8s;
     -moz-transition: transform 0.8s;
     -webkit-transition: transform 0.8s;
     -o-transition: transform 0.8s;
     -ms-transition: transform 0.8s;
    z-index: 500
}
.ce_slick-slide-separator:hover{
    transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    z-index: 501
}
.mitabstand.unterseite .ce_slick-slide-separator:hover{
    transform: scale(1.0, 1.0);
    -moz-transform: scale(1.0, 1.0);
    -webkit-transform: scale(1.0, 1.0);
    -o-transform: scale(1.0, 1.0);
    -ms-transform: scale(1.0, 1.0);
    z-index: 501
}
.projektuebersicht.unterseite .ce_text, .projektuebersicht.unterseite .content-text{
    position:relative;
    background: rgb(168,75,75);
    background: linear-gradient(0deg, rgba(168,75,75,1) 0%, rgba(223,205,205,1) 100%)
}
.projektuebersicht.unterseite .ce_text:hover>.image_container{
    opacity:0.7
}
.projektuebersicht.unterseite .content-text:hover>figure{
    opacity:0.7
}
.projektuebersicht.unterseite .ce_text:hover>.textinner{
    opacity:1
}
.projektuebersicht.unterseite .content-text:hover>.textinner{
    opacity:1
}
.projektuebersicht.unterseite .textinner{
    width:100%;
     top:30%;
     position:absolute;
     display:inline-block;
     z-index: 1001;
     opacity:0;
     transition: all 0.8s;
     -moz-transition: all 0.8s;
     -webkit-transition: all 0.8s;
     -o-transition: all 0.8s;
     -ms-transition: all 0.8s
}
.projektuebersicht.unterseite .elements-filter{
    margin-bottom:0
}
.projektuebersicht.unterseite img{
    border-radius:0
}
.projektuebersicht.unterseite .textinner{
    padding-bottom:0;
    width: 100%;
    top: 53%;
    bottom: auto;
    position: absolute;
    display: inline-block;
    z-index: 1001;
    opacity: 0;
    transition: all 0.8s;
    -moz-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    margin-top: -40px
}
.projektuebersicht.unterseite .textinner:hover{
    opacity:100
}
.projektuebersicht.unterseite .elements-filter .image_container::after{
    border-bottom-right-radius:0;
    border-bottom-left-radius:0;
    content: '';
    position: absolute;
    bottom: 0;
    width: -webkit-calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: calc(100% - 30px);
    height: 1px;
    /*background: linear-gradient(0deg, rgba(0,0,0,0.8981792546120011) 0%, rgba(0,0,0,0) 100%);
    */
}
.projektuebersicht.unterseite .elements-filter figure::after{
    border-bottom-right-radius:0;
    border-bottom-left-radius:0;
    content: '';
    position: absolute;
    bottom: 0;
    width: -webkit-calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: calc(100% - 30px);
    height: 1px;
    /*background: linear-gradient(0deg, rgba(0,0,0,0.8981792546120011) 0%, rgba(0,0,0,0) 100%);
    */
}
.ce_image.abgerundet img{
    border-radius:12px
}
.ce_image.komplettebreite img{
    width:100%
}
.content-image.abgerundet img{
    border-radius:12px
}
.content-image.komplettebreite img{
    width:100%
}
.projektuebersicht .ce_image, .projektuebersicht .content-image{
    padding-right:0;
    padding-left:0
}
.projektuebersicht .ce_player, .projektuebersicht .content-player{
    padding-right:0;
    padding-left:0
}
.elements-filter{
    position:relative;
    margin-bottom:30px
}
.elements-filter img, .magazinuebersicht img{
    border-radius:12px
}
.elements-filter .textinner{
    width:100%;
    bottom:0;
    position:absolute;
    padding-bottom:20px;
    color:#fff
}
.elements-filter .image_container::after{
    border-bottom-right-radius:12px;
    border-bottom-left-radius:12px;
    content: '';
    position: absolute;
    bottom: 0;
    width: -webkit-calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: calc(100% - 30px);
    height: 147px;
    /*background: linear-gradient(0deg, rgba(0,0,0,0.8981792546120011) 0%, rgba(0,0,0,0) 100%);
    */
}
.magazinuebersicht figure::after{
    border-bottom-right-radius:12px;
    border-bottom-left-radius:12px;
    content: '';
    position: absolute;
    bottom: 0;
    width: -webkit-calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: calc(100% - 30px);
    height: 147px;
    /*background: linear-gradient(0deg, rgba(0,0,0,0.8981792546120011) 0%, rgba(0,0,0,0) 100%);
    */
}
#main .elements-filter .textinner h3{
    margin-top:0;
    margin-bottom:0;
    font-size:2.4rem
}
#main .elements-filter .textinner h3 a{
    width:100%;
    display:inline-block;
    padding-right:10px;
    padding-bottom:0;
    padding-left:30px;
    text-decoration:none;
    color:#fff
}
#main .elements-filter .textinner p{
    font-size:1.4rem;
    letter-spacing:.1rem
}
#main .elements-filter .textinner p a{
    width:100%;
    display:inline-block;
    padding-right:10px;
    padding-left:30px;
    text-decoration:none;
    color:#fff
}
.filters ul{
    max-width:1100px;
    margin-top:50px;
    margin-bottom:50px;
    padding-right:15px;
    padding-left:15px;
    margin-left: auto;
    margin-right: auto
}
.filters ul li{
    display:inline-block;
    margin-right:30px;
    margin-bottom:10px;
    list-style-type:none
}
.filters ul li a{
    text-decoration:none;
    color:#000;
    text-transform:uppercase;
    font-weight: 700
}
.filters ul li a.active{
    color:#bd1220
}
.vertical .ce_image, .vertical .content-image{ 
    justify-content: center;
     align-items: center
}
.click_toggler{
    width:100%;
    height:30px;
    background-image:url("../../files/elemente/003-down-arrow-1.svg");
    background-position:center center;
    background-repeat:no-repeat;
    text-indent: -9999px;
    transition: all 1.2s;
     -moz-transition: all 1.2s;
     -webkit-transition: all 1.2s;
     -o-transition: all 1.2s;
     -ms-transition: all 1.2s
}
.click_toggler.activated{
    width:100%;
    height:30px;
    background-image:url("../../files/elemente/003-up-arrow-1.svg");
    background-position:center center;
    background-repeat:no-repeat;
    text-indent: -9999px;
    transition: all 1.2s;
     -moz-transition: all 1.2s;
     -webkit-transition: all 1.2s;
     -o-transition: all 1.2s;
     -ms-transition: all 1.2s
}
.toggle_status_initial{
    height:0px;
    transition: all 1.2s;
     -moz-transition: all 1.2s;
     -webkit-transition: all 1.2s;
     -o-transition: all 1.2s;
     -ms-transition: all 1.2s
}
.toggle_status_initial .ce_text, .toggle_status_initial .content-text{
    height:0px
}
.ce_text.toggle_status_initial, .content-text.toggle_status_initial{
    height:0px;
    transition: all 1.2s;
     -moz-transition: all 1.2s;
     -webkit-transition: all 1.2s;
     -o-transition: all 1.2s;
     -ms-transition: all 1.2s
}
.toggle_status_toggled{
    height:auto;
    transition: all 1.2s;
    -moz-transition: all 1.2s;
    -webkit-transition: all 1.2s;
    -o-transition: all 1.2s;
    -ms-transition: all 1.2s
}
.mt-60{
    margin-top:60px
}
.mb-60{
    margin-bottom:60px
}
.toggler.active{
    background-image:url("../../files/elemente/011-up-arrow-weiss_rechts_platz.svg")
}
.toggler{
    width:auto;
    min-width:460px;
    display:inline-block;
    margin-right:auto;
    margin-left:auto;
    padding:6px 60px 6px 12px;
    background:#BD1320 url("../../files/elemente/012-down-arrow-weiss_rechts_platz.svg") right center no-repeat;
    font-size:1.5rem;
    color:#fff;
    cursor: pointer;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 20px;
    background-size: 40px
}
.mm-navbars_bottom{
    display:none
}
.inhalte-im-seitenfuss ul li::after{
    content: " "
}
.textblock.mt-minus-40{
    margin-top:-10px
}
.mt-minus-60,.relativerblock.beige.mt-minus-60{
    margin-top:-60px
}
.relativerblock.beige.mt-0{
    margin-top:-4px;
    padding-top:40px
}
.mm-listview a,.mm-listitem_selected .active{
    font-size:.9rem;
    line-height:.9rem;
    text-transform:uppercase;
    letter-spacing:.05rem;
    font-weight: 700
}
.hoehe .block{
    overflow:visible
}
.ce_slick-slide-separator .image_container{
    width:100%;
    display:inline-block;
    margin-bottom:-4px
}
.ce_slick-slide-separator figure{
    width:100%;
    display:inline-block;
    margin-bottom:-4px
}
.begrenztslick .inside{
    max-width:1100px;
    margin-right:auto;
    margin-left:auto
}
.absoluttop{
    width:100%;
    top:18%;
    position:absolute;
    z-index: 10
}
.absolutbottom2{
    width:100%;
    bottom:20%;
    position:absolute;
    z-index: 10
}
#main .absoluttop.ce_text h1,#main .absolutbottom2.ce_text h1, #main .absoluttop.content-text h1,#main .absolutbottom2.content-text h1{
    margin-bottom:40px;
    font-size:7vw;
    color:#fff;
    text-transform:none;
    transition: all 1s ease;
    font-weight: 600
}
.regular h1{
    font-size:3rem;
    font-weight: 800
}
#main .medium h1{
    font-size:3rem;
    font-weight: 800
}
#main .semibold h1{
    font-size:3rem;
    font-weight: 800
}
#main .regular h2{
    font-size:2.5rem;
    line-height:3.1rem;
    text-transform:none;
    letter-spacing:0px;
    font-weight: 400
}
#main .medium h1{
    font-size:3rem;
    font-weight: 800
}
#main .textblockstartseite h1{
    margin-top:20px;
    margin-bottom:20px;
    font-size:2rem;
    line-height:2.8rem;
    font-weight: 800
}
#main .semibold h2{
    font-size:2.4rem;
    text-transform:none;
    letter-spacing:0px;
    font-weight: 600
}
#main .medium h3{
    font-size:1.8rem;
    text-transform:none;
    letter-spacing:0px;
    font-weight: 500
}
#main .regular h3{
    font-size:1.8rem;
    text-transform:none;
    letter-spacing:0px;
    font-weight: 400
}
#main .semibold h3{
    font-size:1.8rem;
    text-transform:none;
    letter-spacing:0px;
    font-weight: 600
}
#main .medium h4{
    font-size:1.3rem;
    text-transform:none;
    letter-spacing:0px;
    font-weight: 500
}
#main .regular h4{
    font-size:1.3rem;
    text-transform:none;
    letter-spacing:0px;
    font-weight: 400
}
#main .semibold h4{
    font-size:1.3rem;
    text-transform:none;
    letter-spacing:0px;
    font-weight: 600
}
#main h2{
    font-size:7vw;
    text-transform:uppercase;
    letter-spacing:.1rem;
    font-weight: 900
}
#main h3{
    font-size:1.4rem;
    text-transform:uppercase;
    letter-spacing:.1rem;
    font-weight: 900
}
.mitabstand .ce_slick-slide-separator .ce_image, .mitabstand .ce_slick-slide-separator .content-image{
    margin-right:13px;
    margin-left:13px;
    border-radius:14px
}
.mitabstand .ce_slick-slide-separator .ce_text, .mitabstand .ce_slick-slide-separator .content-text{
    position:relative;
    overflow:visible;
    margin-right:13px;
    margin-left:13px;
    border-radius:14px
}
.mitabstand .ce_slick-slide-separator .ce_text .textinner, .mitabstand .ce_slick-slide-separator .content-text .textinner{
    width:100%;
    bottom:0;
    position:absolute;
    padding-bottom:36px;
    color:#fff;
    z-index: 100
}
.mitabstand .ce_slick-slide-separator .ce_text img, .mitabstand .ce_slick-slide-separator .content-text img{
    border-radius:14px
}
#main .mitabstand .ce_slick-slide-separator .ce_text .textinner h3, #main .mitabstand .ce_slick-slide-separator .content-text .textinner h3{
    margin-top:0;
    margin-bottom:0;
    font-size:1.8rem;
    color:#fff
}
.mitabstand .ce_slick-slide-separator .image_container::after{
    width:100%;
    border-bottom-right-radius:14px;
    border-bottom-left-radius:14px;
    content: '';
    position: absolute;
    bottom: 0;
     height: 147px;
    background: linear-gradient(0deg, #000000e5 0%, #0000 100%);
    opacity: 0;
     transition: all 0.8s;
    -moz-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s
}
.mitabstand .ce_slick-slide-separator figure::after{
    width:100%;
    border-bottom-right-radius:14px;
    border-bottom-left-radius:14px;
    content: '';
    position: absolute;
    bottom: 0;
     height: 147px;
    background: linear-gradient(0deg, #000000e5 0%, #0000 100%);
    opacity: 0;
     transition: all 0.8s;
    -moz-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s
}
.mitabstand.gefallen .ce_slick-slide-separator .ce_text:hover>.image_container::after{
    opacity:1
}
.mitabstand.gefallen .ce_slick-slide-separator .content-text:hover>figure::after{
    opacity:1
}
.mitabstand.gefallen .ce_slick-slide-separator .ce_text .textinner, .mitabstand.gefallen .ce_slick-slide-separator .content-text .textinner{
    width:100%;
    bottom:0;
    position:absolute;
    padding-bottom:0;
    color:#fff;
    z-index: 100;
    opacity:0;
     transition: all 0.8s;
    -moz-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s
}
.mitabstand.gefallen .ce_slick-slide-separator .ce_text:hover>.textinner, .mitabstand.gefallen .ce_slick-slide-separator .ce_text:hover>.image_container{
    opacity:1
}
.mitabstand.gefallen .ce_slick-slide-separator .content-text:hover>.textinner, .mitabstand.gefallen .ce_slick-slide-separator .content-text:hover>.image_container{
    opacity:1
}
.mitabstand.gefallen .ce_slick-slide-separator .image_container::after{
    width:100%;
    border-bottom-right-radius:14px;
    border-bottom-left-radius:14px;
    content: '';
    position: absolute;
    bottom: 0;
    height: 147px;
    background: linear-gradient(0deg, #000000e5 0%, #0000 100%)
}
.mitabstand.gefallen .ce_slick-slide-separator figure::after{
    width:100%;
    border-bottom-right-radius:14px;
    border-bottom-left-radius:14px;
    content: '';
    position: absolute;
    bottom: 0;
    height: 147px;
    background: linear-gradient(0deg, #000000e5 0%, #0000 100%)
}
#main .mitabstand.gefallen .ce_slick-slide-separator .ce_text .textinner h3 a, #main .mitabstand.gefallen .ce_slick-slide-separator .content-text .textinner h3 a{
    padding-bottom:36px
}
#main .mitabstand.gefallen .ce_slick-slide-separator .ce_text .textinner p a, #main .mitabstand.gefallen .ce_slick-slide-separator .content-text .textinner p a{
    padding-top:50px
}
#main .mitabstand .ce_slick-slide-separator .ce_text .textinner p, #main .mitabstand .ce_slick-slide-separator .content-text .textinner p{
    margin-top:0;
    margin-bottom:0;
    font-size:1.4rem;
    color:#fff;
    letter-spacing:.1rem
}
#main .mitabstand .ce_slick-slide-separator .ce_text .textinner p a,#main .mitabstand .ce_slick-slide-separator .ce_text .textinner h3 a{
    width:100%;
    display:inline-block;
    text-decoration:none;
    color:#fff
}
#main .mitabstand .ce_slick-slide-separator .content-text .textinner p a,#main .mitabstand .ce_slick-slide-separator .content-text .textinner h3 a{
    width:100%;
    display:inline-block;
    text-decoration:none;
    color:#fff
}
#main .mitabstand .ce_slick-slide-separator .ce_text .textinner h3 a, #main .mitabstand .ce_slick-slide-separator .content-text .textinner h3 a{
    padding-right:10px;
    padding-bottom:15px;
    padding-left:10px
}
#main .mitabstand .ce_slick-slide-separator .ce_text .textinner p a, #main .mitabstand .ce_slick-slide-separator .content-text .textinner p a{
    padding-right:10px;
    padding-left:10px
}
.mitabstand .slick-list,.mitabstand{
    overflow:visible;
    padding-top:20px;
    padding-bottom:20px
}
.slick-prev::before,.slick-next::before{
    font-size: 0px !important
}
.slick-prev{
    left: 25px !important
}
.mitabstand .slick-prev{
    bottom:-78px;
    top: unset !important;
    z-index: 500
}
.mitabstand .slick-next{
    bottom:-59px;
    top: unset !important;
    z-index: 500
}
.mitabstand .slick-next{
    width:100px;
    height:36px;
    background-image:url("../../files/elemente/left-arrow_lang_black.svg");
    background-repeat:no-repeat;
    background-size: 100px 26px;
    background-position: 0%;
    transform: rotate(180deg);
     -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
     -o-transition: all 0.2s ease;
     transition: all 0.2s ease
}
.mitabstand .slick-next:hover,.mitabstand .slick-next:focus{
    width:50px;
    height:36px;
    background-image:url("../../files/elemente/left-arrow_lang_rot.svg");
    background-repeat:no-repeat;
    background-size: 100px 26px;
    background-position: 0%;
    transform: rotate(180deg)
}
.mitabstand .slick-prev{
    width:100px;
    height:36px;
    background-image:url("../../files/elemente/left-arrow_lang_black.svg");
    background-repeat:no-repeat;
    background-size: 100px 26px;
    background-position: 0%;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}
.mitabstand .slick-prev:hover,.mitabstand .slick-prev:focus{
    width:50px;
    background-image:url("../../files/elemente/left-arrow_lang_rot.svg");
    background-repeat:no-repeat;
    background-size: 100px 26px;
    background-position: 0px
}
.absolutbottom{
    width:100%;
    bottom:28%;
    position:absolute;
    z-index: 11
}
.button p a{
    bottom:10%;
    display:inline-block;
    margin:6px 4px;
    padding:6px 30px;
    border:1px solid #000;
    font-size:1.1rem;
    text-decoration:none;
    color:#000;
    text-transform:uppercase;
    letter-spacing:.05rem;
    font-weight: 900
}
.buttonweiss a{
    padding:6px 30px;
    border:1px solid #fff;
    font-size:1.1rem;
    text-decoration:none;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:.05rem;
    font-weight: 900
}
.buttonweiss a:hover{
    background-color:rgba(0,0,0,.7)
}
.button span.rot{
    color:#bd1220
}
#main p span.rot,#main h1 span.rot{
    color:#bd1220
}
.button a:hover{
    background-color:rgba(255,255,255,.2)
}
.begrenzt .button a:hover{
    background-color:rgba(0,0,0,.1)
}
.relativerblock{
    width:100%;
    position:relative;
    display:inline-block
}
.relativerblock.beige{
    margin-top:60px;
    background-color:#dcd3cb
}
.relativerblock.beige .begrenzt,.relativerblock.grau .begrenzt,.begrenzt.mb-minus-200{
    background: none
}
.relativerblock.grau{
    margin-top:60px;
    background-color:#B2B2B2
}
.relativerblock .ce_slick-content-start .slick-container .slick-list{
    overflow:visible;
    padding-top:0;
    padding-bottom:0
}
#main .relativerblock .ce_slick-content-start .slick-container .slick-list .ce_slick-slide-separator .ce_text{
    position:relative;
    background: rgb(168,75,75);
    background: linear-gradient(0deg, rgba(168,75,75,1) 0%, rgba(223,205,205,1) 100%)
}
#main .relativerblock .ce_slick-content-start .slick-container .slick-list .ce_slick-slide-separator .content-text{
    position:relative;
    background: rgb(168,75,75);
    background: linear-gradient(0deg, rgba(168,75,75,1) 0%, rgba(223,205,205,1) 100%)
}
#main .lustaufgut .textinnerunten{
    width:100%;
    bottom:0;
    position:absolute
}
#main .lustaufgut .magazinuebersicht .textinnerunten{
    width:100%;
    bottom:0;
    position:absolute;
    z-index: 100;
     opacity:0;
     transition: all 0.8s;
     -moz-transition: all 0.8s;
     -webkit-transition: all 0.8s;
     -o-transition: all 0.8s;
     -ms-transition: all 0.8s
}
#main .lustaufgut .magazinuebersicht .ce_text:hover>.textinnerunten,#main .lustaufgut .magazinuebersicht .ce_text:hover>.image_container::after{
    opacity:1
}
#main .lustaufgut .magazinuebersicht .content-text:hover>.textinnerunten,#main .lustaufgut .magazinuebersicht .content-text:hover>figure::after{
    opacity:1
}
#main .lustaufgut .magazinuebersicht .ce_text .image_container::after{
    border-bottom-right-radius:14px;
     border-bottom-left-radius:14px;
     content: '';
     position: absolute;
     bottom: 0;
     height: 147px;
     background: linear-gradient(0deg, #000000e5 0%, #0000 100%);
    opacity:0;
     transition: all 0.8s;
     -moz-transition: all 0.8s;
     -webkit-transition: all 0.8s;
     -o-transition: all 0.8s;
     -ms-transition: all 0.8s
}
#main .lustaufgut .magazinuebersicht .content-text figure::after{
    border-bottom-right-radius:14px;
     border-bottom-left-radius:14px;
     content: '';
     position: absolute;
     bottom: 0;
     height: 147px;
     background: linear-gradient(0deg, #000000e5 0%, #0000 100%);
    opacity:0;
     transition: all 0.8s;
     -moz-transition: all 0.8s;
     -webkit-transition: all 0.8s;
     -o-transition: all 0.8s;
     -ms-transition: all 0.8s
}
#main .lustaufgut .magazinuebersicht .ce_text figure::after{
    border-bottom-right-radius:14px;
     border-bottom-left-radius:14px;
     content: '';
     position: absolute;
     bottom: 0;
     height: 147px;
     background: linear-gradient(0deg, #000000e5 0%, #0000 100%);
    opacity:0;
     transition: all 0.8s;
     -moz-transition: all 0.8s;
     -webkit-transition: all 0.8s;
     -o-transition: all 0.8s;
     -ms-transition: all 0.8s
}
#main .lustaufgut .magazinuebersicht .content-text figure::after{
    border-bottom-right-radius:14px;
     border-bottom-left-radius:14px;
     content: '';
     position: absolute;
     bottom: 0;
     height: 147px;
     background: linear-gradient(0deg, #000000e5 0%, #0000 100%);
    opacity:0;
     transition: all 0.8s;
     -moz-transition: all 0.8s;
     -webkit-transition: all 0.8s;
     -o-transition: all 0.8s;
     -ms-transition: all 0.8s
}
#main .lustaufgut .textinnerunten h3,#main .lustaufgut .textinnerunten p{
    width:100%;
    margin-top:0;
    margin-bottom:0
}
#main .lustaufgut .textinnerunten h3{
    font-size:3.2rem
}
#main .lustaufgut .podcast .textinnerunten h3,#main .podcast .textinnerunten h3{
    font-size:2.4rem
}
#main .lustaufgut .textinnerunten p{
    padding-bottom:20px;
    font-size:1.4rem;
    line-height:1.8rem
}
#main .lustaufgut .textinnerunten h3 a,#main .lustaufgut .textinnerunten p a{
    width:100%;
    display:inline-block;
    padding-left:30px;
    text-decoration:none;
    color:#fff
}
#main .lustaufgut .textinnerunten h3 a{
    padding-bottom:20px
}
#main .begrenztslick.lustaufgut .textinnerunten{
    width:100%;
     bottom:0;
     position:absolute;
     z-index: 100;
     opacity:0;
     transition: all 0.8s;
     -moz-transition: all 0.8s;
     -webkit-transition: all 0.8s;
     -o-transition: all 0.8s;
     -ms-transition: all 0.8s
}
#main .begrenztslick.lustaufgut .ce_text:hover>.textinnerunten,#main .begrenztslick.lustaufgut .ce_text:hover>.image_container::after{
    opacity:1
}
#main .begrenztslick.lustaufgut .content-text:hover>.textinnerunten,#main .begrenztslick.lustaufgut .content-text:hover>.image_container::after{
    opacity:1
}
#main .begrenztslick.lustaufgut .ce_text .image_container::after, #main .begrenztslick.lustaufgut .content-text .image_container::after{
    border-bottom-right-radius:14px;
     border-bottom-left-radius:14px;
     content: '';
     position: absolute;
     bottom: 0;
     height: 147px;
     background: linear-gradient(0deg, #000000e5 0%, #0000 100%);
     opacity:0;
     transition: all 0.8s;
     -moz-transition: all 0.8s;
     -webkit-transition: all 0.8s;
     -o-transition: all 0.8s;
     -ms-transition: all 0.8s
}
#main .lustaufgut .textinner{
    padding-bottom:0
}
#main .relativerblock .ce_slick-content-start .slick-container .slick-list .ce_slick-slide-separator .ce_text .textinner{
    width:100%;
    top:36%;
    position:absolute;
    display:inline-block;
    z-index: 1001;
    opacity:0;
    transition: all 0.8s;
    -moz-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s
}
#main .relativerblock .ce_slick-content-start .slick-container .slick-list .ce_slick-slide-separator .content-text .textinner{
    width:100%;
    top:36%;
    position:absolute;
    display:inline-block;
    z-index: 1001;
    opacity:0;
    transition: all 0.8s;
    -moz-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s
}
#main .relativerblock .ce_slick-content-start .slick-container .slick-list .ce_slick-slide-separator .ce_text .textinner:hover{
    opacity:100
}
#main .relativerblock .ce_slick-content-start .slick-container .slick-list .ce_slick-slide-separator .content-text .textinner:hover{
    opacity:100
}
#main .relativerblock .ce_slick-content-start .slick-container .slick-list .ce_slick-slide-separator .ce_text p{
    margin-top:0;
    margin-bottom:0;
    color:#fff
}
#main .relativerblock .ce_slick-content-start .slick-container .slick-list .ce_slick-slide-separator .content-text p{
    margin-top:0;
    margin-bottom:0;
    color:#fff
}
#main .relativerblock .ce_slick-content-start .slick-container .slick-list .ce_slick-slide-separator .ce_text p a{
    width:100%;
    display:inline-block;
    text-decoration:none;
    color:#fff
}
#main .relativerblock .ce_slick-content-start .slick-container .slick-list .ce_slick-slide-separator .content-text p a{
    width:100%;
    display:inline-block;
    text-decoration:none;
    color:#fff
}
#main .relativerblock .ce_slick-content-start .slick-container .slick-list .ce_slick-slide-separator .ce_text h3{
    margin-top:0;
    margin-bottom:0;
    text-align:center;
    font-size:2rem;
    color:#fff;
    letter-spacing:.2rem
}
#main .relativerblock .ce_slick-content-start .slick-container .slick-list .ce_slick-slide-separator .content-text h3{
    margin-top:0;
    margin-bottom:0;
    text-align:center;
    font-size:2rem;
    color:#fff;
    letter-spacing:.2rem
}
#main .relativerblock .ce_slick-content-start .slick-container .slick-list .ce_slick-slide-separator .ce_text h3 a{
    width:100%;
    display:inline-block;
    text-decoration:none;
    color:#fff
}
#main .relativerblock .ce_slick-content-start .slick-container .slick-list .ce_slick-slide-separator .content-text h3 a{
    width:100%;
    display:inline-block;
    text-decoration:none;
    color:#fff
}
#main .relativerblock .ce_slick-content-start .slick-container .slick-list .ce_slick-slide-separator .ce_text:hover>.image_container{
    opacity:0.7
}
#main .relativerblock .ce_slick-content-start .slick-container .slick-list .ce_slick-slide-separator .content-text:hover>figure{
    opacity:0.7
}
#main .relativerblock .ce_slick-content-start .slick-container .slick-list .ce_slick-slide-separator .ce_text:hover>.textinner{
    opacity:1
}
#main .relativerblock .ce_slick-content-start .slick-container .slick-list .ce_slick-slide-separator .content-text:hover>.textinner{
    opacity:1
}
.textblock{
    margin-top:40px;
    margin-bottom:0
}
.masonry_item{
    margin-bottom:50px
}
.masonry_item img{
    margin-right:auto;
    margin-left:auto
}
.ce_player.beschnitten .video_container video, .content-player.beschnitten video{
    height:500px;
    max-width: unset;
    width: unset
}
.ce_player .video_container, .content-player figure{
    margin-bottom:-4px
}
.ce_player .video_container video, .content-player video{
    width:100%;
    height:auto;
    max-width:100%
}
.ce_player.videofix, .content-player.videofix{
    width:100%;
    height:100vh;
    position:relative;
    display:inline-block
}
.ce_player.videofix.kleiner, .content-player.videofix.kleiner{
    width:100%;
    height:700px;
    position:relative;
    display:inline-block
}
.ce_player.videofix .video_container, .content-player.videofix figure{
    width:100%;
    height:100%;
    min-height:80vh;
    position:absolute
}
.ce_player.videofix .video_container video, .content-player.videofix video{
    width:100%;
    height:100%;
    left:0;
    top:0;
    position:absolute;
    object-fit: cover;
    z-index: 1
}
.logo-im-seitenkopf{
    max-width:150px;
    display:inline-block;
    margin-top:12px;
    margin-bottom:12px;
    margin-left:15px
}
.ce_toplink{
    margin-top:50px;
    padding-top:20px;
    text-align:center
}
.ce_toplink a{
    padding-top:26px;
    background-image:url("../../files/elemente/003-up-arrow-1.svg");
    background-position:center top;
    background-repeat:no-repeat;
    text-decoration:none;
    color:#000;
    font-weight: 600;
    background-size: 24px 24px
}
.projektuebersicht .ce_text, .projektuebersicht .content-text{
    position:relative;
    padding-right:0;
    padding-left:0;
    transition: transform 0.8s;
     -moz-transition: transform 0.8s;
     -webkit-transition: transform 0.8s;
     -o-transition: transform 0.8s;
     -ms-transition: transform 0.8s;
     z-index: 500
}
.projektuebersicht .ce_text:hover, .projektuebersicht .content-text:hover{
    transform: scale(1.05, 1.05);
     -moz-transform: scale(1.05, 1.05);
     -webkit-transform: scale(1.05, 1.05);
     -o-transform: scale(1.05, 1.05);
     -ms-transform: scale(1.05, 1.05);
     z-index: 501;
    opacity: 50
}
.projektuebersicht .textinner{
    width:100%;
    top:50%;
    position:absolute;
    margin-top: -40px
}
.projektuebersicht .textinner p{
    width:100%;
    margin-top:0;
    margin-bottom:0
}
.projektuebersicht .textinner p a{
    width:100%;
    display:inline-block;
    text-decoration:none;
    color:#fff
}
#main .projektuebersicht .textinner h3{
    margin-top:0;
    margin-bottom:0;
    font-size:2rem;
    letter-spacing:.2rem
}
.projektuebersicht .textinner h3 a{
    width:100%;
    display:inline-block;
    text-decoration:none;
    color:#fff
}
#footer{
    bottom:-4px;
    position:relative;
    margin-top:-4px;
    padding-top:60px;
    padding-bottom:60px;
    background:#ebebeb url("../../files/elemente/footer_background.jpg") center top no-repeat;
    color:#fff;
    background-size: cover
}
#wrapper{
}
#container{
}
body{
    background-color:#fff;
    font-family:Raleway,sans-serif;
}
.adressmenu{
    width:200px;
    bottom:0;
    right:0;
    position:absolute
}
#header{
    width:100%;
    position:fixed;
    display:inline-block;
    border-bottom:0px solid rgba(0,0,0,.1);
    z-index: 1000
}
.headerbeige #header,.headerbeige #header.sticky{
    background-color:#dcd3cb
}
#header .inside{
    max-width:1100px;
    margin-right:auto;
    margin-left:auto
}
#header.sticky{
    position:fixed;
    background-color:#fff;
    border-bottom:1px solid rgba(0,0,0,.1);
    z-index:1000
}
.mm-btn::after,.mm-btn::before{
    border-color:#fff
}
#footer{
    width:100%;
    display:inline-block
}
#footer .inside{
    max-width:1100px;
    margin-right:auto;
    margin-left:auto
}
.inhalte-im-seitenfuss ul{
    padding-left:20px
}
.inhalte-im-seitenfuss ul li{
    margin-right:20px;
    letter-spacing:.05rem;
    list-style-type:none
}
#footer .inhalte-im-seitenfuss ul li a{
    text-decoration:none;
    color:#000
}
#footer .inhalte-im-seitenfuss ul li a:hover{
    text-decoration:underline;
    color:#000
}
#footer p{
    font-size:1rem;
    line-height:1.6rem
}
#footer p a{
    text-decoration:none;
    color:#fff
}
#footer p a:hover,#footer p a:active{
    text-decoration:underline;
    color:#000
}
#footer .socialmediafooter .ce_image, #footer .socialmediafooter .content-image{
    display:inline-block;
    margin-right:10px
}

#footer .buttonweiss a:hover{
    text-decoration:none;
    color:#fff
}
img{
    height:auto;
    max-width:100%;
    display:block;
    vertical-align:bottom
}
.image_container{
    margin:0
}
.ce_download img,.ce_downloads img{
    display:inline-block
}
.slick-slide .rot{
    min-height:400px;
    margin-right:14px;
    margin-left:14px;
    padding:10px 30px;
    background-color:#e16b5a;
    border-radius:14px;
    text-decoration:none;
    color:#fff
}
.slick-slide .rot a{
    text-decoration:none;
    color:#fff
}
.slick-slide .rot a:hover{
    text-decoration:underline;
    color:#fff
}
.slick-slide .gelb{
    min-height:400px;
    margin-right:14px;
    margin-left:14px;
    padding:10px 30px;
    background-color:#f2cf61;
    border-radius:14px
}
.slick-slide .gelb a{
    text-decoration:none;
    color:#000
}
.slick-slide .gelb a:hover{
    text-decoration:underline
}
.slick-slide .lila{
    min-height:400px;
    margin-right:14px;
    margin-left:14px;
    padding:10px 30px;
    background-color:#6062a7;
    border-radius:14px;
    color:#fff
}
.slick-slide .lila a{
    text-decoration:none;
    color:#fff
}
.slick-slide .lila a:hover{
    text-decoration:underline;
    color:#fff
}
#main .slick-slide .rot h3,#main .slick-slide .lila h3,#main .slick-slide .gelb h3{
    text-transform:none;
    letter-spacing:.05rem;
    font-weight: 600
}
#main .slick-slide .rot h2,#main .slick-slide .lila h2,#main .slick-slide .gelb h2{
    font-size:2rem;
    text-transform:none;
    letter-spacing:.1rem;
    font-weight: 900
}
#main .slick-slide .rot p,#main .slick-slide .lila p,#main .slick-slide .gelb p{
    text-align:right
}
.rotperson{
    width:100%;
    position:relative;
    display:inline-block;
    margin-top:160px;
    background-color:#e16b5a;
    border-radius:14px;
    color:#fff
}
.rotperson .personfrei{
    margin-top:-160px
}
.rotperson .ce_text, .rotperson .content-text{
    bottom:0;
    position:absolute;
    padding-top:40px;
    padding-right:40px;
    padding-left:40px
}
.rotflaeche{
    width:100%;
    position:relative;
    display:inline-block;
    padding:20px 0 30px;
    background-color:#e16b5a;
    border-radius:14px;
    color:#000
}
.lilaflaeche{
    width:100%;
    position:relative;
    display:inline-block;
    padding:40px 60px;
    background-color:#979ac8;
    border-radius:14px;
    color:#000
}
.dunkelrotflaeche{
    width:100%;
    position:relative;
    display:inline-block;
    padding:20px 0 30px;
    background-color:#BD1320;
    border-radius:14px;
    color:#000
}
#main .dunkelrotflaeche p{
    color:#fff
}
#main .dunkelrotflaeche h1,#main .dunkelrotflaeche h2,#main .dunkelrotflaeche h3{
    color:#fff
}
.beigeflaeche{
    width:100%;
    position:relative;
    display:inline-block;
    padding:20px 0 30px;
    background-color:#dcd3cb;
    border-radius:14px;
    color:#000
}
.gelbflaeche{
    width:100%;
    position:relative;
    display:inline-block;
    padding:40px 60px;
    background-color:#f1cf60;
    border-radius:14px;
    color:#000
}
.gruenflaeche{
    width:100%;
    position:relative;
    display:inline-block;
    padding:20px 0 30px;
    background-color:#49b8a1;
    border-radius:14px;
    color:#000
}
#main .blaueschrift h2{
    font-size:2.6rem;
    color:#5199e3
}
.boxgrauabgerundet .insidebox{
    margin-top:20px;
    margin-bottom:20px;
    padding:5px 20px;
    background-color:#f2f2f2;
    border-radius:12px
}
.ce_downloads ul{
    margin-top:0;
    margin-bottom:0;
    padding-left:0
}
.ce_downloads ul li{
    list-style-type:none
}
.mod_navigation .nichtimmenu{
    display:none
}
.invisible{
    display:none
}
.pagination p{
    display:inline-block;
    margin-right:30px
}
.pagination ul{
    display:inline-block;
    padding-left:0
}
.pagination ul li{
    display:inline-block;
    list-style-type:none
}
table.minicalendar{
    background-color:#a0103e;
    border:1px solid #7f7f7f;
    border-radius:4px;
    border-spacing:5px;
    behavior:url('assets/css3pie/1.0.0/PIE.htc')
}
.minicalendar td{
    width:58px;
    height:32px;
    vertical-align:top;
    background-color:#e3e4e6;
    font-size:.9em;
    font-weight: 400
}
.minicalendar td.active a{
    display:block;
    text-decoration:none;
    color:#fff;
    font-weight: 600
}
.minicalendar td.active,.minicalendar td.active.weekend{
    background-color:#3aaa35;
    color:#fff
}
.minicalendar td.active:hover,.minicalendar td.active.weekend:hover,.minicalendar td.active:active,.minicalendar td.active.weekend:active{
    background-color:#248c1b;
    color:#fff
}
.minicalendar .head,.minicalendar .label{
    font-size:.9em;
    color:#fff;
    font-weight: 600
}
.minicalendar .head.previous a{
    width:100%;
    height:21px;
    display:block;
    background-repeat:no-repeat;
    text-indent:-9999px;
    background-image:url("../../files/XXXXXX/elemente/Pfeile.png");
    background-position: left -74px
}
.minicalendar .head.previous a:hover,.minicalendar .head.previous a:active{
    background-position: left -26px
}
.dlh_googlemap{
    max-width:100%
}
.dlh_googlemap form{
    margin-top:0;
    margin-bottom:0
}
.dlh_googlemap form input.text{
    width:160px;
    margin-top:4px;
    margin-right:4px;
    margin-bottom:4px;
    padding:2px 4px
}
.ce_form{
    font-family:Raleway,sans-serif
}
.ce_form .widget-submit button{
    max-width:150px;
    margin-top:20px;
    padding-top:8px;
    padding-bottom:8px;
    background-color:#fff;
    border:1px solid #000;
    font-size:.9rem;
    text-transform:uppercase;
    letter-spacing:.05rem;
    cursor: pointer
}
.ce_form .widget-submit button:hover{
    background-color:#ebebeb
}
.ce_form .widget-textarea label{
    width:100%;
    display:inline-block;
    margin-bottom:10px
}
.ce_form .widget-text label{
    width:100%;
    display:inline-block;
    margin-bottom:10px
}
.ce_form .widget-select label{
    width:100%;
    display:inline-block;
    margin-bottom:10px
}
.ce_form .widget-textarea textarea{
    margin-bottom:10px;
    border-top:0px solid #bd1220;
    border-right:0px solid #bd1220;
    border-bottom:1px solid #bd1220;
    border-left:0px solid #bd1220;
    font-family:Raleway,sans-serif
}
.ce_form .widget-select select{
    width:100%;
    margin-bottom:40px;
    background-color:#fff;
    border-top:0px solid #bd1220;
    border-right:0px solid #bd1220;
    border-bottom:1px solid #bd1220;
    border-left:0px solid #bd1220;
    font-family:Raleway,sans-serif
}
.ce_form .widget-text input{
    width:100%;
    margin-bottom:40px;
    border-top:0px solid #bd1220;
    border-right:0px solid #bd1220;
    border-bottom:1px solid #bd1220;
    border-left:0px solid #bd1220;
    font-family:Raleway,sans-serif
}
.ce_form .widget-textarea textarea{
    width:100%
}
.minicalendar .head.next a{
    width:100%;
    height:21px;
    display:block;
    background-position:right center;
    background-repeat:no-repeat;
    text-indent:-9999px;
    background-image:url("../../files/XXXXXX/elemente/Pfeile.png");
    background-position: right -50px
}
.minicalendar .head.next a:hover,.minicalendar .head.next a:active{
    background-position: right -2px
}
.pagination{
    padding-right:15px;
    padding-left:15px
}
.pagination p{
    display:inline-block
}
.pagination ul,#main .pagination ul{
    display:inline-block;
    margin-top:0;
    margin-bottom:0;
    margin-left:40px;
    padding-left:0
}
.pagination ul li{
    display:inline-block;
    margin-right:4px;
    margin-left:4px;
    list-style-type:none
}
.mt-10{
    margin-top:10px
}
.mt-20{
    margin-top:20px
}
.mt-30{
    margin-top:30px
}
.mt-40{
    margin-top:40px
}
.mt-50{
    margin-top:50px
}
.mt-60{
    margin-top:60px
}
.mt-70{
    margin-top:70px
}
.mt-80{
    margin-top:80px
}
.mt-90{
    margin-top:90px
}
.mt-100{
    margin-top:100px
}
.mt-110{
    margin-top:110px
}
.mt-120{
    margin-top:120px
}
.mt-160{
    margin-top:160px
}
.mb-10{
    margin-bottom:10px
}
.mb-20{
    margin-bottom:20px
}
.mb-30{
    margin-bottom:30px
}
.mb-40{
    margin-bottom:40px
}
.mb-50{
    margin-bottom:50px
}
.mb-60{
    margin-bottom:60px
}
.mb-70{
    margin-bottom:70px
}
.mb-80{
    margin-bottom:80px
}
.mb-90{
    margin-bottom:90px
}
.mb-100{
    margin-bottom:100px
}
.mb-110{
    margin-bottom:110px
}
.mb-120{
    margin-bottom:120px
}
.mb-250{
    margin-bottom:250px
}
.mt-mb-10{
    margin-top:10px;
    margin-bottom:10px
}
.mt-mb-20{
    margin-top:20px;
    margin-bottom:20px
}
.mt-mb-30{
    margin-top:30px;
    margin-bottom:30px
}
.mt-mb-40{
    margin-top:40px;
    margin-bottom:40px
}
.mb-minus-40{
    margin-bottom:-40px
}
.mb-minus-32{
    margin-bottom:-32px
}
.mb-minus-80{
    margin-bottom:-80px
}
.mb-minus-200{
    position:relative;
    margin-bottom:-200px;
    z-index: 200
}
.mt-minus-100{
    margin-top:-100px
}
.mt-minus-200{
    margin-top:-200px
}
.mt-minus-250-spezial{
    margin-top:-250px
}
.mt-minus-300{
    margin-top:-300px
}
.relativerblock.beige.mb-minus-60{
    margin-bottom:-60px
}
.blaettermagazin{
    padding-right:0;
    padding-left:0
}
.hellblau{
    display:inline-block;
    background-color:#dcd3cb;
    border-radius:14px
}
.ce_youtube{
    width:100%;
    height:auto;
    position:relative;
    padding-bottom:56.25%
}
.ce_youtube iframe{
    bottom:0;
    left:0;
    right:0;
    top:0;
    position:absolute;
    border-radius:0;
    width: 100% !important;
    height: 100% !important
}
.taggroupspalte{
    display:inline-block;
    flex-basis: auto
}
.mod_cms_accept_tags form{
    font-size:.9rem
}
.mod_cms_accept_tags cms-accept-tags > cms-container form cms-taglist{
    display:inline-block
}
.mm-btn--next::after {
  width: 16px;
  height: 16px;
}
.mm-btn--prev::before {
  width: 16px;
  height: 16px;
}

.masonrygalerie .content-image {
    margin-bottom: 30px;
}

.masonrygalerie .content-image figure {
    margin-bottom: 0;
}