/*
Theme Name: Katholischer Deutscher Frauenbund
Theme URI: https://www.frauenbund.de/
Description: Katholischer Deutscher Frauenbund - Theme
Author: rheinmedia gmbh (Jessica Schinhofen)
Author URI: https://www.rheinmedia.de
*/


@import 'slick.css';
@import 'jquery.fancybox.min.css';
@import 'fonts/fonts.css';


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
}

::-moz-selection {
    /* Code for Firefox */
    color: rgba(0, 0, 0, 1);
    background: rgba(0, 0, 0, 0.2);
}

::selection {
    color: rgba(0, 0, 0, 1);
    background: rgba(0, 0, 0, 0.2);
}



html, body {
    margin: 0;
}
html {
    height: 100%;
}

body {
    font-family: "PT Sans", Arial;
    font-weight: 400;
    font-size: 28px;
    color: #232224;
    line-height: 38px;
    background-color: #FFFFFF;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    min-height: 100%;
    position: relative;
}


.page-content {
    position: relative;
    width: 100%;
    float: left;
    margin-top: 196px;
}
.breadcrumbs + .page-content {
    margin-top: 0;
}
.front-page .page-content {
    margin-top: -6px;
}
.error-404.not-found .page-content {
    margin: 0;
}



/* Load Icon */
.loadbox {
    width: 100%;
    height: 100%;
    float: left;
    position: absolute;
    background: #fff;
    text-align: center;
    padding-top: 85px;
    z-index: 5;
}

.loadbox img {
    width: 295px;
    text-align: center;
    display: inline-block;
}


.centered {
    margin: 0 auto;
}

.content {
    position: relative;
}

.contentwrapper {
    width: 100%;
    position:relative;
    float: left;
}
.contentwrapper a[href^="mailto"] {
    word-break: break-word;
}
.content-width {
    width: 1400px;
    padding: 0 40px;
}

@media screen and (max-width: 1400px) {
    .content-width {
        width: 1200px
    }
}

@media screen and (max-width: 1280px) {
    .content-width {
        width: 1110px;
    }
}
@media screen and (max-width: 1160px) {
    .content-width {
        width: calc(1024px - 90px);
        padding: 0 45px;
    }
}
@media screen and (max-width: 1024px) {
    .content-width {
        width: calc(100% - 90px);
        padding: 0 45px;
    }
}


@media screen and (max-width: 768px) {
    .content-width {
        width: calc(100% - 50px);
        padding: 0 25px;
    }
}

@media screen and (max-width: 492px) {
    .content-width {
        width: calc(100% - 30px);
        padding: 0 15px;
    }
}




body > .overlay {
    z-index: 80;
}
body > .overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 81;
    background: rgba(5, 5, 5, .6);
    opacity: 0;
    visibility: hidden;
    transition: visibility 0s ease-in-out 0.3s, opacity 0.3s ease-in-out 0s;
    -webkit-transition: visibility 0s ease-in-out 0.3s, opacity 0.3s ease-in-out 0s;
    -moz-transition: visibility 0s ease-in-out 0.3s, opacity 0.3s ease-in-out 0s;
    -o-transition: visibility 0s ease-in-out 0.3s, opacity 0.3s ease-in-out 0s;
    -webkit-tap-highlight-color: transparent;
}

body > .overlay.show {
    opacity: 1;
    visibility: visible;
    transition: visibility 0s ease-in-out 0s, opacity .3s ease-in-out 0s;
    -webkit-transition: visibility 0s ease-in-out 0s, opacity 0.3s ease-in-out 0s;
    -moz-transition: visibility 0s ease-in-out 0s, opacity 0.3s ease-in-out 0s;
    -o-transition: visibility 0s ease-in-out 0s, opacity 0.3s ease-in-out 0s;
}

ul {
    margin-left: 25px;
}
ol {
    margin-left: 27px;
}

ul, li {
    list-style-position: outside;
}

.module a {
    text-decoration: underline;
}
.module a:hover {
    text-decoration: none;
}

.module.text-block ul,
.page-content ul,
.module.text-image-block ul {
    margin:0 0 35px 0;
    padding:0;
    width: 100%;
    float: left;
    list-style-type: none;
}
.module.text-block ol,
.module.text-image-block ol {
    margin:0 0 35px 27px;
    padding:0;
    width: 100%;
    float: left;
}

.module.text-block ul li:before,
.page-content ul li:before,
.module.text-image-block ul li:before {
    content: '';
    position: absolute;
    width: 11px;
    height: 11px;
    background: #B6327B;
    border-radius: 3px;
    left:0;
    margin-top: 17px;
}
.page-content ul#accordion li::before,
.page-content .listwrapper.list-numbers li::before {
    background: none;
}
.page-content ul#accordion li{
    padding-left:0px;
}
.module.text-block ul li,
.page-content ul li,
.module.text-image-block ul li {
    padding-left: 25px;
    /*line-height: 33px;
    font-size: 26px;*/
    width: 100%;
    position: relative;
}

.module.text-block li p,
.module.text-image-block li p {
    margin-bottom: 0;
    /*line-height: 33px;
    font-size: 26px;*/
}

.module.text-block .textbox{
    text-align: left;
}


/* fancybox */

#fancybox-overlay {
    background: rgb(245, 245, 246) !important;
}


#fancybox-left {
    /*display: inline !important;*/
    left: 0 !important;
}

#fancybox-left span {
    position: absolute;
    left: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    background-color: #ffffff;
    background-image: none !important;
    width: 96px;
    height: 96px;
}

#fancybox-left span::before {
    position: absolute;
    left: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    width: 100%;
    height: 100%;
    background-image: url('assets/arrow-left.svg');
    -webkit-background-size: 23px 46px;
    background-size: 23px 46px;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0.66;
    content: "";
    transition: opacity ease-in-out .15s;
    -webkit-transition: opacity ease-in-out .15s;
    -moz-transition: opacity ease-in-out .15s;
    -o-transition: opacity ease-in-out .15s;
}

#fancybox-left:hover span::before {
    opacity: 1;
}

#fancybox-right {
    left: auto !important;
}

#fancybox-right span {
    left: auto !important;
    right: 0 !important;
    top: auto !important;
    bottom: 0 !important;
    background-color: #ffffff;
    background-image: none !important;
    width: 96px;
    height: 96px;
}

#fancybox-right span::before {
    position: absolute;
    left: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    width: 100%;
    height: 100%;
    background-image: url('assets/arrow-right.svg');
    -webkit-background-size: 23px 46px;
    background-size: 23px 46px;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0.66;
    content: "";
    transition: opacity ease-in-out .15s;
    -webkit-transition: opacity ease-in-out .15s;
    -moz-transition: opacity ease-in-out .15s;
    -o-transition: opacity ease-in-out .15s;
}

#fancybox-right:hover span::before {
    opacity: 1;
}

#fancybox-outer {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}




/*********************************/
/**         BUTTONS             **/
/*********************************/

.morebtnwrapper {
    width: 100%;
    float: left;
    position: relative;
    text-align: center;
}
a.morebtn {
    background:#0E3683;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    border-bottom-left-radius: 14px;
    padding: 13px 31px 12px 27px;
    width: auto;
    margin: 50px auto 70px;
    color: #fff;
    font-size: 20px;
    line-height: 26px;
    border: 1px solid #0E3683;
    text-decoration: none;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

a.morebtn:hover {
    background: #fff;
    color: #0E3683;
    border: 1px solid #0E3683;
}



.cta-wrapper {
    width: auto;
    display: inline-block;
    margin-top: 12px;
    position: relative;
}

.cta-wrapper a.cta {
    border-radius: 14px 14px 0 14px;
    padding: 13px 38px;

    width: auto;
    float: left;

    margin-bottom: 28px;
    margin-right: 50px;

    text-decoration: none;
    line-height: 26px;
    /*    text-transform: uppercase;*/
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}


.cta-wrapper a.cta:hover {
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}


.cta-wrapper a.cta.btn-white {
    background: #fff;
    color: #7E4394;
}
.cta-wrapper a.cta.btn-default {
    background: #B6327B;
}
.cta-wrapper a.cta.btn-lila {
    background: #7E4394;
    color: #fff;
}
.cta-wrapper a.cta.btn-blue {
    background: #0E3683;
    color: #fff;
}



@media screen and (max-width: 692px) {
    a.morebtn {
        font-size: 16px;
        line-height: 20px;
        margin: 35px auto 0;
        padding: 10px 24px;
    }
}



/*********************************/
/**         LINKS               **/
/*********************************/



a {
    transition: all ease-in-out .15s;
    -webkit-transition: all ease-in-out .15s;
    -moz-transition: all ease-in-out .15s;
    -o-transition: all ease-in-out .15s;
    text-decoration: none;
    color: #622181;

    display: inline-block;
}

a img,
a svg {
    transition: opacity ease-in-out .15s;
    -o-transition: opacity ease-in-out .15s;
}

a:hover img {
    opacity: 0.8;
}

a:hover {
    color: rgba(98, 33, 129, .7);
}





img {
    display: block;
    max-width: 100%;
    height: auto;
}


p {
    font-size: 28px;
    color: #232224;
    line-height: 38px;
    text-align: left;
    margin-bottom: 35px;
}


.handwritten {
    font-family: "LumiosMarker", Arial;
}

.onlyprint {
    display: none;
}

h1:empty, h2:empty, h3:empty, h4:empty, h5:empty, h6:empty {
    display: none;
}

h1, .h1-style, .headline {
    color: #0E3683;
    font-size: 54px;
    text-align: left;
    line-height: 64px;
    margin-bottom: 40px;
    font-weight: 400;
    position: relative;

}

h1:after, .h1-style:after, .headline:after {
    content: "";
    position: absolute;
    bottom: -15px;
    height: 4px;
    width: 53px;
    background: #B6327B;
    left:0;
}



h2.headline {
    font-size: 44px;
    text-align: left;
    line-height: 57px;
    margin-bottom: 25px;
    color: #0E3683;
    font-weight: 400;
    position: relative;

}

h2.headline:after {
    content: "";
    position: absolute;
    bottom: -15px;
    height: 4px;
    width: 53px;
    background: #B6327B;
    left:0;
}


h2, .h2-style, .subheadline {
    font-size: 44px;
    text-align: left;
    line-height: 57px;
    margin-bottom: 25px;
    color: #0E3683;
    font-weight: 400;
    position: relative;

}


h3, .h3-style {
    font-size: 32px;
    text-align: left;
    line-height: 42px;
    margin-bottom: 25px;
    color: #0E3683;
    font-weight: 400;
    position: relative;

}

h4, .h4-style {
    margin: 0 0 16px;
    font-size: 29px;
    line-height: 1.3125;
    font-weight: 400;
    color: #0e3683;
}
h5, .h5-style {
    margin: 0 0 38px;
    font-size: 28px;
    font-weight: 700;
}


.wp-caption-text {
    border-left: 4px solid #B6327B;
    padding-left: 15px;
    margin-top: 15px;
    font-style: italic;
    font-size: 26px;
    line-height: 33px;
}

img.alignright {
    float: right;
    margin: 0 0 40px 60px;
}
img.alignleft {
    float: left;
    margin: 0 60px 40px 0;
}


img.mailicon.alignleft {
    margin-right: 15px;
}

img.mailicon.alignleft + strong a {
    color: #232224;
}

.text-center {
    text-align: center;
}


.background {
    background-position: center;
    background-size: cover;
    height: 100%;
    width: 100%;
    position: relative;
    background-repeat: no-repeat;
}

picture.img-cover {
    width: 100%;
}

img.img-contain,
picture.img-contain img,
img.img-cover,
picture.img-cover img {
    display: block;
    max-width:100%;

}

img.img-fill,
picture.img-fill img {
    object-fit: fill;
}
img.img-contain,
picture.img-contain img {
    object-fit: contain;
}
img.img-cover,
picture.img-cover img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}
img.img-scale-down,
picture.img-scale-down img {
    object-fit: scale-down;
}
img.img-none,
picture.img-none img {
    object-fit: none;
}


/******************/
/**    SLICK    **/
/******************/

/* the slides */
.slick-slide {
    margin-left:50px;
}

/* the parent */
.slick-list {
    margin-left:-50px;
}

.slick-slider button {
    background: transparent;
    width: 25px;
    height: 40px;
    position: absolute;
    top: 50%;
    border: 0;
    z-index: 5;
}

.slick-slider button.slick-prev {
    margin-top: -20px;
    background-image: url('assets/slider-left.svg');
    background-size: contain;
    background-repeat: no-repeat;
    left: -40px;
    position: absolute;
    text-indent: -999999px;
}
.slick-slider button.slick-next {
    margin-top: -20px;
    background-image: url('assets/slider-right.svg');
    background-size: contain;
    background-repeat: no-repeat;
    right: -40px;
    position: absolute;
    text-indent: -999999px;
}

@media screen and (max-width: 991px) {
    .slick-slider button.slick-prev {
        left: -35px;
    }
    .slick-slider button.slick-next {
        right: -35px;
    }
}





.platzhalter {
    float: left;
    display: inline-block;
    height: 28px;
    width: 15px;
    position: relative;
}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}





.topbar {
    position: fixed;

    width: 100%;
    height: 190px;
    background: #fff;
    /*position: relative;
    float: left;*/

    /*margin: 35px 0 35px 0;*/
    padding: 25px 0 0;
    z-index: 10;
    transition: all ease-in-out .32s;
    -webkit-transition: all ease-in-out .32s;
    -moz-transition: all ease-in-out .32s;
    -o-transition: all ease-in-out .32s;
}
.topbar.sticky {
    height: 95px;
    padding: 10px 0 0;
}
.not-front-page .topbar {
    border-bottom: 6px solid #E6EAF2;
}

.topbar .content-width {
    display: flex;
    padding-left: 0;
    padding-right: 0;
}


.topbar .logo {
    position: relative;
    float: left;
    width: 80%;
    text-align: left;
}

.topbar .logo a {
    display: inline-block;
    height: 145px;
    /*max-width: 234px;*/
    transition: all .32s ease-in-out;
}
.topbar .logo a img {
    width: auto;
    height: 100%;
    object-fit: contain;
}
.topbar.sticky .logo a {
    height: 73px;
}

@media all and (min-width: 592px) and (max-width: 872px)
{
    .topbar .logo a img
    {
        max-width: 230px;
    }
}

.topbar .topright {
    position: relative;
    float: right;
    width: 20%;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.topbar .topright .search {
    /*position: absolute;
    right: 153px;
    bottom: 51px;*/
    position: relative;
    width: 30px;
    height: 30px;
    margin: 4px 0 0;
    transition: all .32s ease-in-out;
}
.topbar.sticky .topright .search {
    /*bottom: 21px;*/
    margin-top: -8px;
}

.topbar.sticky .topright #press-icon
{
	margin-top: -14px;
}

.topbar .topright .search .searchicon {
    fill: #113582;
    cursor: pointer;
    display: block;
}


.topbar .topright .search:hover .searchicon {
    fill: #B7347A;
}

.topbar .topright .search .searchoverview {
    display: none;
    background: #B7347A;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    z-index: 2;
    padding: 35px 48px 47px;
    width: 535px;

}

.topbar .topright .search .searchoverview .title {
    font-size: 26px;
    line-height: 42px;
    color: #fff;
    position: relative;
    float: left;
    text-align: left;
    width: 100%;
    margin-bottom: 35px;
}


.topbar .topright .search .searchoverview form .search-field {
    font-size: 26px;
    line-height: 42px;
    position: relative;
    float: left;
    width: 438px;
    border: 0;
    background: #fff;
    padding: 5px 15px;
    margin-bottom: 37px;
}

.topbar .topright .search .searchoverview form .btn.btn-white {
    background: #fff;
    padding: 13px 28px;
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;
    border-top-right-radius: 14px;
    float: left;
    border: 0;
    color: #B7347A;
    font-size: 20px;
    line-height: 26px;
    cursor: pointer;
}

.topbar .topright .search:hover .searchoverview:before,
.topbar .topright .search .searchoverview.clicked:before {
    width: 0;
    height: 0;
    -webkit-transform:rotate(360deg);
    border-style: solid;
    border-width: 0 0 20px 20px;
    border-color: transparent transparent #b7347a transparent;

    content: "";
    position: absolute;
    top: -20px;
    right: 0;
}
.topbar .topright .search:hover .searchoverview::after,
.topbar .topright .search .searchoverview.clicked::after {
    content: '';
    position: absolute;
    top: -72px;
    right: -30px;
    width: 200px;
    height: 273px;
}
.topbar .topright .search .searchoverview form {
    position: relative;
    z-index: 2;
}

.topbar .topright .search:hover .searchoverview,
.topbar .topright .search .searchoverview.clicked {
    display: inline-block;
    position: absolute;
    top: 62px;
    right: 12px;

}




/**********/
/* search */
/**********/

.results.search {
    width: 100%;
    position: relative;
    float: left;
}

.results.search .articles {
    width: 100%;
    position: relative;
    margin-bottom: 90px;
    float: left;
}

.results.search .articles .textbox.noimage {
    float :left;
    width: 100%;
    position: relative;
}

.results.search .articles .textbox {
    float :left;
    width: 65%;
    padding-right: 50px;
    position: relative;
}

.results.search .articles .imagebox {
    float :left;
    width: 35%;
    margin-right: 0;
    position: relative;
}


.results.search .articles .textbox .headline {
    font-size:32px;
    line-height: 46px;
}

.results.search .articles .textbox .contentbox {
    float: left;
    width: 100%;
}




.topbar .topright .user {
    position: relative;
    width: 30px;
    height: 34px;
    margin: 0 0 0 39px;
    /*bottom: 49px;
    right: 84px;
    padding-top: 30px;*/
    transition: all .32s ease-in-out;
}
.topbar.sticky .topright .user {
    /*bottom: 19px;*/
    margin-top: -12px;
}
.topbar .topright .user .usericon {
    fill: #113582;
    cursor: pointer;
}
.topbar .topright .user:hover .usericon {
    fill: #B7347A;
}

.topbar .topright .user .useroverview {
    display: none;
    background: #B7347A;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    z-index: 2;
    padding: 35px 48px 47px;
    width: 535px;

}
.topbar .topright .user .useroverview .logout a {
    width: 40px;
    height: 30px;
    position: absolute;
    top: 40px;
    right: 30px;
    z-index: 2;
}

.topbar .topright .user .useroverview .title {
    font-size: 26px;
    line-height: 42px;
    color: #fff;
    position: relative;
    float: left;
    text-align: left;
    width: 100%;
    margin-bottom: 25px;
}

.topbar .topright .user .useroverview .cta-wrapper {
    text-align: center;
    width: 100%;
    margin-top: 0;
}

.topbar .topright .user .useroverview .loginbox form #gform_submit_button_0,
.topbar .topright .user .useroverview .btn.btn-white, .topbar .topright .user .useroverview .cta.btn-white {
    background: #fff;
    padding: 13px 28px;
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;
    border-top-right-radius: 14px;
    /*    float: left;*/
    text-align: center;
    border: 0;
    color: #B7347A;
    font-size: 20px;
    line-height: 26px;

}

.topbar .topright .user:hover .useroverview:before {
    width: 0;
    height: 0;
    -webkit-transform:rotate(360deg);
    border-style: solid;
    border-width: 0 0 20px 20px;
    border-color: transparent transparent #b7347a transparent;

    content: "";
    position: absolute;
    top: -20px;
    right: 0;
}
.topbar .topright .useroverview::after {
    content: '';
    position: absolute;
    top: -96px;
    right: 19px;
    width: 75px;
    height: 273px;
    transform: rotate(39deg);
    border-radius: 40px;
}
.topbar .topright .user:hover .useroverview {
    display: inline-block;
    position: absolute;
    top: 67px;
    right: 15px;

}
.forgot-password {
    position: relative;
}
.forgot-password a {
    font-size: 16px;
    color: white;
    position: absolute;
    top: 230px;
    left: 33%;
}
.forgot-password a:hover {
    color: rgba(255,255,255,0.7);
}

.topbar .topright .user .useroverview .loginbox,
.topbar .topright .user .useroverview .registerbox {
    float: left;
    width: 100%;
    text-align: center;

}

.topbar .topright .user .useroverview .registerbox {
    color: #fff;
    font-size: 21px;
    line-height: 27px;
    margin-top:25px;
}

.topbar .topright .user .useroverview .loginbox .gform_wrapper {
    margin-top: -5px;
}

.topbar .topright .user .useroverview .loginbox form li label.gfield_label,
.topbar .topright .user .useroverview .loginbox form #gform_fields_login li#field_3,
.topbar .topright .user .useroverview .loginbox form .gform_heading {
    display: none;
}

.topbar .topright .user .useroverview .loginbox form li {
    padding-right: 0;
    position: relative;
}

.topbar .topright .user .useroverview .loginbox,
.topbar .topright .user .useroverview .loginbox p,
.topbar .topright .user .useroverview .loginbox form .gform_body {
    text-align: center;
}
.topbar .topright .user .useroverview .loginbox form li input {
    background: #F3F4F6;
    padding: 15px !important;
    max-width: 275px;
    width: 100%;
    border: 0;
    font-size: 21px !important;
    line-height: 27px;

}

.topbar .topright .user .useroverview .loginbox .gform_wrapper form {
    padding-bottom: 0;
}

.topbar .topright .user .useroverview .loginbox .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
    width: 100%;
    font-weight: 300;
    margin-top: -22px;
    padding-top: 0;
    position: relative;
    font-size: 12px;
    z-index: 0;
    float: left;
    color: #fff;
    text-align: center;
    display: inline-block;
}
.useroverview #gform_wrapper_0 .ginput_container.ginput_container_text {
    width: 100%;
    font-weight: 300;
    margin-top: -15px;
    padding-top: 0;
    position: relative;
    font-size: 12px;
    z-index: 0;
    float: left;
    color: #fff;
    text-align: center;
    display: inline-block;
}
.useroverview #gform_wrapper_0 .gfield_label{
    font-size:20px;
    font-weight:400;
}
.useroverview #gform_wrapper_0 .gfield_label,
.useroverview #gform_wrapper_0 #label_3 {
    color: #fff;
}
.useroverview .forgot-password a {
    top: 142px;
}
.useroverview #gform_wrapper_0 #field_0_2 {
    margin-top: -15px;
}
.useroverview #gform_wrapper_0 #field_0_3 {
    position: absolute;
    top: 275px;
    left: 0;
    width: 100%;
}
.useroverview #gform_wrapper_0 .gform_footer.top_label {
    display: block;
    margin: 30px 0 0;
}
.useroverview #gform_wrapper_0 input {
    border: none;
    outline: none;
}
#gform_wrapper_0 input {
    border: 1px solid #7E4394;
}
/***** Login-Error - Start *****/
.topbar .topright .user .useroverview .loginbox .gform_wrapper li.gfield.gfield_error {
    background-color: transparent;
    border-top: none;
    border-bottom: none;
}
.topbar .topright .user .useroverview .loginbox form li.gfield_error input {
    color: #721c24;
    border: 1px solid #f5c6cb;
    background-color: #f8d7da;
}
.topbar .topright .user .useroverview .loginbox .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
    margin-top: -8px;
    font-size: 18px;
    line-height: 120%;
}
.topbar .topright .user .useroverview .loginbox .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description a {
    color: #fff;
    text-decoration: underline;
}
.topbar .topright .user .useroverview .loginbox .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description a:hover {
    text-decoration: none;
}
/***** Login-Error - End *****/

/***** Registration-Error - Start *****/
.module.text-block .gform_wrapper div.validation_error {
    color: #b7347a;
    border-top: 2px solid #b7347a;
    border-bottom: 2px solid #b7347a;
}
.module.text-block .gform_wrapper li.gfield.gfield_error {
    border-top: 1px solid #b7347a;
    border-bottom: 1px solid #b7347a;
}
.module.text-block .gform_wrapper .gfield_error .gfield_label {
    color: #b7347a;
}
/***** Registration-Error - End *****/





/* MENU */
.burger.nav {
    opacity:0;
}

/*  BURGER
========================================== */
.burger {
    position: relative;
    width: 50px;
    height: 50px;
    /*position: absolute;
    bottom: 56px;
    right: 0;*/
    margin: 0 0 8px 34px;
    border-radius: 0;
    z-index: 85;
    transition: all .32s ease-in-out;
}
.sticky .burger {
    /*bottom: 26px;*/
    margin-top: -12px;
}

.burger.clicked.norm {
    opacity:  0;
}

.burger.clicked.nav {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 999;
    opacity: 1;
}
.burger span {
    margin-left: -18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    top: 50%;
    left: 50%;
}
.burger span, .burger span::before, .burger span::after {
    display: block;
    width: 35px;
    height: 6px;
    background-color: #0E3683;
    outline: 1px solid transparent;
    -webkit-transition-property: background-color, -webkit-transform;
    -moz-transition-property: background-color, -moz-transform;
    -o-transition-property: background-color, -o-transform;
    transition-property: background-color, transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.burger span::before, .burger span::after {
    position: absolute;
    content: "";
}
.burger span::before {
    top: -14px;
}
.burger span::after {
    top: 14px;
}
.burger.clicked span {
    background-color: transparent;
}
.burger.clicked span::before {
    -webkit-transform: translateY(14px) rotate(45deg);
    -moz-transform: translateY(14px) rotate(45deg);
    -ms-transform: translateY(14px) rotate(45deg);
    -o-transform: translateY(14px) rotate(45deg);
    transform: translateY(14px) rotate(45deg);
}
.burger.clicked span::after {
    -webkit-transform: translateY(-14px) rotate(-45deg);
    -moz-transform: translateY(-14px) rotate(-45deg);
    -ms-transform: translateY(-14px) rotate(-45deg);
    -o-transform: translateY(-14px) rotate(-45deg);
    transform: translateY(-14px) rotate(-45deg);
}
.burger.clicked span:before, .burger.clicked span:after {
    background-color: #0E3683;
}
.burger:hover {
    cursor: pointer;
}
.burger .burger-description {
	color: #0E3683;
	display: none;
}

#press-icon
{
	height: 30px;
	margin-right: 10px;
}

#press-icon svg
{
	height: 30px;
}

@media all and (min-width: 1161px)
{
	body .topbar .topright
	{
		width: 20%;
	}
}

@media all and (min-width: 593px)
{
	body .topbar .topright
	{
		width: 40%;
	}
	
	body .topbar .topright .search,
	body .topbar .topright .user
	{
		min-width: 30px;
	}

	.burger 
	{
		min-width: 104px;
	}
	
	.burger span
	{
		left: auto;
		right: 0;
	}
	
	.burger .burger-description {
		display: inline-block;
		font-size: 22px;
		left: 0;
		position: absolute;
		top: 9px;
	}
	
	#press-icon
	{
		height: 40px;
		margin-right: 30px;
	}
	
	#press-icon svg
	{
		height: 40px;
	}
}

/*  NAV
========================================== */
nav {
    background-color: rgba(230, 234, 242, 1);
    position: fixed;
    z-index: 84;
    top: 0;
    right: 0;
    height: 100%;
    max-width: 515px;
    width: 100%;
    padding: 100px 40px 60px 40px;
    overflow-y: auto;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
nav.show {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
nav.show ul.menu li {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}
nav.show ul.menu > li:nth-child(1) {
    transition-delay: 0.15s;
}
nav.show ul.menu > li:nth-child(2) {
    transition-delay: 0.3s;
}
nav.show ul.menu > li:nth-child(3) {
    transition-delay: 0.45s;
}
nav.show ul.menu > li:nth-child(4) {
    transition-delay: 0.6s;
}
nav.show ul.menu > li:nth-child(5) {
    transition-delay: 0.75s;
}
nav.show ul.menu > li:nth-child(6) {
    transition-delay: 0.9s;
}
nav.show ul.menu > li:nth-child(7) {
    transition-delay: 1.05s;
}
nav.show ul.menu > li:nth-child(8) {
    transition-delay: 1.2s;
}
nav.show ul.menu > li:nth-child(9) {
    transition-delay: 1.35s;
}


/* Logged in menu */

nav.show ul#menu-mein-kdfb-intern-menu {
    margin-top: 15px;
}
nav.show ul#menu-mein-kdfb-intern-menu.menu > li:nth-child(1) {
    transition-delay: 1.05s;
}




@media (min-width: 667px) {
    nav {
        padding: 126px 25px 55px 55px;
    }
}

nav ul.menu {
    list-style-type: none;
}
nav ul.menu li {
    padding-bottom: 20px;
    list-style-type: none;
}
nav ul.menu li:last-of-type {
    margin-bottom: 0;
}
nav ul.menu li a {
    color: #0E3683;
    text-decoration: none;
    font-size: 30px;
    line-height: 39px;
    display: block;
    letter-spacing: 0;
    font-weight: 400;
    padding: 10px 0;
    cursor: pointer;
}
nav ul.menu li a span {
    color: #0E3683;
}
nav ul.menu li.current-menu-ancestor > a,
nav ul.menu li.current_page_item > a,
nav ul.menu li a:hover,
nav ul.menu li a[aria-current="page"] {
    color: #b6327b;
}
/* 2. ebene */
nav .menu li li a {
    font-size: 26px;
    line-height: 33px;
}
/* 3. ebene */
nav .menu li li li a {
    font-size: 24px;
    line-height: 32px;
}

nav .menu li .toggle {
    display: none;
}
nav .menu li.menu-item-has-children > .toggle {
    display: block;
    position: absolute;
    top: 21px;
    left: -30px;
    width: 17px;
    height: 17px;
    background: url('assets/arrow_down_blue.svg') no-repeat center;
    background-size: contain;
    transform: rotate(-90deg);
    cursor: pointer;

    transition: all .32s;
}
nav .menu .sub-menu li.menu-item-has-children > .toggle {
    top: 14px;
}
nav .menu li.menu-item-has-children.clicked > .toggle {
    transform: rotate(0deg);
}

/*sub menu*/
nav .menu .sub-menu {
    display: none;
    list-style-type: none;
    margin-left: 30px;
}
nav .menu li .sub-menu {
    padding-left: 30px;
    margin-left: 0;
}
nav .menu li li .sub-menu {
    padding-top: 10px;
}
nav .menu .sub-menu li {
    list-style-type: none;
}
nav .menu .sub-menu li a {
    padding: 5px 0;
    text-transform: none;
    font-weight: 400;
}

@media screen and (max-width: 592px)    {
    .topbar {
        margin: 5px 0;
    }
    .topbar .logo a {
        max-width: 145px;
        margin-left: 5px;
    }
    .topbar .topright .search {
        width: 30px;
    }
    .burger {
        width: 35px;
        height: 35px;
    }
    .burger span, .burger span::before, .burger span::after {
        width: 23px;
        height: 4px;
    }
    .burger span::after {
        top: 9px;
    }
    .burger span::before {
        top: -9px;
    }
}



/*********************************/
/**         BREADCRUMB          **/
/*********************************/
.breadcrumbs {
    margin-bottom: 0;
    position: relative;
    width: 100%;
    float: left;
    margin-top: 190px;
}
.breadcrumbs.notopimg {
    /*border-top: 6px solid #E6EAF2;*/
}
.topbild + .breadcrumbs,
.contents-header + .breadcrumbs {
    margin-top: 0;
}

.front-page .breadcrumbs.notopimg {
    border-top: 0;
}

.breadcrumbs .breadcrumb {
    display: flex;
    flex-wrap: wrap;
    font-size: 25px;
    line-height: 32px;
    padding: 35px 0;
    list-style: none;
    margin-left: 0;
}
ul.breadcrumb li+li:before {
    padding: 8px;
    color: #0E3683;
    content: "/\00a0";
}
.breadcrumbs .breadcrumb li {
    display: inline;
}

.breadcrumbs .breadcrumb a {
    color: #0E3683;
    text-decoration: underline;
}
.breadcrumbs .breadcrumb li.current-page {
    color: #B7347A;
}

ul.breadcrumb li.category-parents > a {
    position: relative;
    margin: 0 26px 0 0;
}
ul.breadcrumb li.category-parents > a:last-of-type {
    margin: 0;
}
ul.breadcrumb li.category-parents > a::before {
    content: "/\00a0";
    position: absolute;
    left: -24px;
    color: #0e3683;
    text-decoration: none;
}
ul.breadcrumb li.category-parents > a:first-of-type::before {
    display: none;
}



/*********************************/
/**         Module          **/
/*********************************/


.bg-blue {
    background: #E6EAF2;
}
.bg-lila {
    background: rgba(116,84,131,.26);
}

.bg-lila-light {
    background: rgba(116,84,131,.26);
}

.bg-blue-light {
    background: rgba(230,234,242,.69);
}


.txt-lila {
    color: #7E4394;
}

.module {
    width: 100%;
    margin-bottom: 65px;
    position: relative;
    float: left;
}

.module.nomargin {
    margin-bottom: 0;
}


/***********/
/* Columns */
/***********/

.col50-50 > div, .col50-50 > div + div,
.col50-50 > a > div, .col50-50 > a > div + div {
    width: 50%;
    position: relative;
    float: left;
}

.col30-70 > div,
.col30-70  > a > div  {
    width: 30%;
    float: left;
}
.col30-70 > div + div,
.col30-70 > a > div + div {
    width: 70%;
    float: left;
}

.col70-30 > div,
.col70-30 > a > div {
    width: 70%;
    float: left;
}
.col70-30 > div + div,
.col70-30  > a > div + div {
    width: 30%;
    float: left;
}

.col40-60 > div,
.col40-60 > a > div {
    width: 40%;
    float: left;
}
.col40-60 > div + div,
.col40-60 > a > div + div {
    width: 60%;
    float: left;
}

.col60-40 > div,
.col60-40 > a > div {
    width: 60%;
    float: left;
}
.col60-40 > div + div,
.col60-40 > a > div + div {
    width: 40%;
    float: left;
}


@media screen and (max-width: 1024px) {

    .col50-50 > div, .col50-50 > div + div,
    .col50-50 > a > div, .col50-50 > a > div + div,
    .col30-70 > div,
    .col30-70  > a > div,
    .col30-70 > div + div,
    .col30-70 > a > div + div,
    .col70-30 > div,
    .col70-30 > a > div,
    .col70-30 > div + div,
    .col70-30  > a > div + div,
    .col40-60 > div,
    .col40-60 > a > div,
    .col40-60 > div + div,
    .col40-60 > a > div + div,
    .col60-40 > div,
    .col60-40 > a > div,
    .col60-40 > div + div,
    .col60-40 > a > div + div {
        width: 50%;
        float: left;
    }

}


@media screen and (max-width: 892px) {

    .col50-50 > div, .col50-50 > div + div,
    .col50-50 > a > div, .col50-50 > a > div + div,
    .col30-70 > div,
    .col30-70  > a > div,
    .col30-70 > div + div,
    .col30-70 > a > div + div,
    .col70-30 > div,
    .col70-30 > a > div,
    .col70-30 > div + div,
    .col70-30  > a > div + div,
    .col40-60 > div,
    .col40-60 > a > div,
    .col40-60 > div + div,
    .col40-60 > a > div + div,
    .col60-40 > div,
    .col60-40 > a > div,
    .col60-40 > div + div,
    .col60-40 > a > div + div {
        width: 100%;
        float: left;
    }

}



/*********************************/
/**    Theme - Header-Image     **/
/*********************************/

.white-txt-green-bg {
    background: rgba(0,102,89,.9);
}
.white-txt-lightblue-bg {
    background: rgba(107,126,188,.9);
}
.white-txt-blue-bg {
    background: rgba(40,53,133,.9);
}
.white-txt-lila-bg {
    background: rgba(98,33,129,.91);
}
.blue-txt-white-bg {
    background: rgba(255,255,255,.9);
}
.white-txt-magenta-bg {
    background: rgba(182,50,123,.91);
}

.topbild {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 190px;
}

.topbild .imagebox {
    width: 100%;
    height: 553px;
    position: relative;
    z-index: 0;
}

.topbild .teaserwrapper {
    position: absolute;
    z-index: 2;
    right: 0;
    width: 100%;
    top:0;
}

.topbild .teaserbox {
    width: 875px;
    height:  463px;
    position: relative;
    margin: 45px 0;
    float: right;
    overflow: hidden;
    padding: 36px 35px 25px 50px;
}

.topbild .teaserbox {
    width: 660px;
    height:  310px;
    margin: 121px 0 0 0;
}



.topbild .teaserbox .title {
    font-size: 80px;
    line-height: 122px;
    margin-bottom: 0;
}
.topbild .teaserbox {
    font-size: 29px;
    /*line-height: 34px;*/
}


.white-txt-green-bg .title,
.white-txt-green-bg,
.white-txt-lightblue-bg .title,
.white-txt-lightblue-bg,
.white-txt-blue-bg .title,
.white-txt-blue-bg,
.white-txt-lila-bg .title,
.white-txt-lila-bg,
.white-txt-magenta-bg .title,
.white-txt-magenta-bg {
    color: #fff;
}


.blue-txt-white-bg .title {
    color: #0E3683;
}

.blue-txt-white-bg {
    color: #232224;
}



@media screen and (max-width: 991px) {

    .topbild .teaserbox {
        width: 100%;
        height:  auto;
        float: none;
    }


}


@media screen and (max-width: 768px) {
    .topbild .teaserbox .title {
        font-size: 60px;
        line-height: 76px;
    }

    .topbild .teaserbox {
        font-size: 20px;
        line-height: 30px;
    }

}


@media screen and (max-width: 592px) {
    .topbild .teaserbox {
        width: 100%;
    }


    .topbild .teaserbox .title {
        font-size: 40px;
        line-height: 56px;
    }

}


/*********************************/
/**     To Be There Block      **/
/*********************************/


.to-be-there-block {
    background: #F3F4F6;
    padding: 70px 0 92px;
    text-align: center;
}
.to-be-there-block .boxenwrapper {
    width: 100%;
    position: relative;

    display: flex;
    justify-content: center;
}

.to-be-there-block .boxenwrapper .box {
    background: #fff;
    width: calc(100% / 1/3 - 32px);
    margin-right: 47px;
    border-radius: 40px;
    float: left;
    padding: 23px 23px 30px;
    border-bottom-right-radius: 0;
    text-align: center;
}
.to-be-there-block .boxenwrapper .box:last-child {
    margin-right: 0;
}

.to-be-there-block .boxenwrapper .box .title {
    font-size: 26px;
    line-height: 33px;
    color: #7E4394;
}

.to-be-there-block .subheadline {
    margin: -5px 0 48px;
}

.to-be-there-block .boxenwrapper .box .iconbox {
    width: 100%;
    float: left;
    text-align: center;
    margin: 10px 0;
}
.to-be-there-block .boxenwrapper .box .iconbox img {
    max-height: 50px;
    display: inline-block;
}

.to-be-there-block .boxenwrapper .box .contenttext,
.to-be-there-block .boxenwrapper .box .contenttext p {
    font-size: 21px;
    line-height: 27px;
}
.to-be-there-block .boxenwrapper .box .contenttext.text-center,
.to-be-there-block .boxenwrapper .box .contenttext.text-center p {
    text-align: center;
}

.to-be-there-block .boxenwrapper .box .cta-wrapper {
    margin-top: 0;
}

.to-be-there-block .boxenwrapper .box .cta-wrapper a.cta {
    margin: 0;
}

.to-be-there-block .boxenwrapper .box .loginbox,
.to-be-there-block .boxenwrapper .box .registerbox {
    float: left;
    width: 100%;
    text-align: center;
}

.to-be-there-block .boxenwrapper .box .loginbox .gform_wrapper {
    margin-top: -5px;
}

.to-be-there-block .boxenwrapper .box .loginbox form li label.gfield_label,
.to-be-there-block .boxenwrapper .box .loginbox form #gform_fields_login li#field_3,
.to-be-there-block .boxenwrapper .box .loginbox form .gform_heading {
    display: none;
}

.to-be-there-block .boxenwrapper .box .loginbox form li {
    padding-right: 0;
    position: relative;
}

.to-be-there-block .boxenwrapper .box .loginbox,
.to-be-there-block .boxenwrapper .box .loginbox p,
.to-be-there-block .boxenwrapper .box .loginbox form .gform_body {
    text-align: center;
}

.to-be-there-block .boxenwrapper .box .loginbox form #gform_submit_button_0 {
    background: #7E4394;
    color: #fff;
    border-radius: 14px 14px 0 14px;
    padding: 13px 38px;
    width: auto;
    /*    float: left;*/
    margin-bottom: 25px;
    text-decoration: none;
    line-height: 26px;
    /* text-transform: uppercase; */
    font-size: 20px;
    border: 0;
    font-weight: 400;

    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.to-be-there-block .boxenwrapper .box .loginbox form li input {
    background: #F3F4F6;
    padding: 15px !important;
    max-width: 275px;
    width: 100%;
    border: 0;

}

.to-be-there-block .boxenwrapper .box .loginbox .gform_wrapper form {
    padding-bottom: 0;
}

.to-be-there-block .boxenwrapper .box .loginbox .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
    clear: both;
    width: 100%;
    position: absolute;
    font-size: 12px;
    left: 0;
    top: -20px;
    z-index: 0;
    right: unset;
    text-align: center;
}


@media screen and (max-width: 1200px) {
    .to-be-there-block .boxenwrapper .box {
        width: calc(100% / 1/3 - 15px);
        margin-right: 20px;
    }

}

@media screen and (max-width: 991px) {

    .to-be-there-block .boxenwrapper {
        display: flex;
        flex-wrap: wrap;
    }
    .to-be-there-block .boxenwrapper .box {
        width: calc(100% / 1/2 - 10px);
        margin-right: 10px;
        margin-bottom: 35px;
    }
    .to-be-there-block .boxenwrapper .box:nth-child(2) {
        margin-right:0;
    }
}

@media screen and (max-width: 768px) {

    .to-be-there-block .boxenwrapper {
        display: inline-block;
    }
    .to-be-there-block .boxenwrapper .box {
        width: 100%;
        margin-right: 0;
        margin-bottom: 35px;
    }
    .to-be-there-block .boxenwrapper .box:nth-child(2) {
        margin-right:0;
    }
}



/******************************/
/**     Newsletter Box       **/
/******************************/
.newsletterbox {
    background: #E6EAF2;
    max-width: 1051px;
    padding: 75px;
    width: 100%;
    float: left;
    border-top-right-radius: 40px;
}
.newsletterbox .iconbox {
    position: relative;
    float: right;
    margin-top: -40px;
    margin-right: -40px;
    width: 60px;
    height: 50px;
}
.newsletterbox .contenttext {
    width: calc(100% - 75px);
    margin-bottom: 45px;
    font-size: 24px;
    line-height: 32px;
}

.newsletterbox .contenttext:empty,
.newsletterbox .contenttext.contenttext_empty
{
    display: none;
}

.newsletterbox form::after {
    content: '';
    clear: both;
    display: table;
}

.newsletterbox form .registerinput {
    margin: 0 0 30px;
}
.newsletterbox form .registerinput::after {
    content: '';
    clear: both;
    display: table;
}
.newsletterbox form .registerinput > div {
    float: left;
    width: 215px;
}
.newsletterbox form .registerinput > div label {
    position: relative;
    color: #0E3683;
    font-size: 24px;
    line-height: 32px;
}
.newsletterbox form .registerinput > div + div {
    float: left;
    width: calc(100% - 215px);
}
.newsletterbox form .registerinput input {
    width: 80%;
    height: 61px;
    font-family:"PT Sans", Arial;
    font-size: 24px;
    border: 0 !important;
    border-radius: 0 !important;
}

.kdfb-berlin .newsletterbox form .registerinput > p
{
    font-size: 24px;
}

.kdfb-berlin .newsletterbox form .registerinput input[type="checkbox"]
{
    float: left;
    margin-right: 15px;
    width: 33px;
}

.kdfb-berlin .newsletterbox form .registerinput.checkbox-inline > div:nth-child(2) > span
{
    display: block;
    margin-left: 215px;
    width: 80%;
}

.kdfb-berlin .newsletterbox form > div > div:nth-child(7)
{
    float: right;
    font-size: 18px;
    line-height: 23px;
    width: calc(100% - 215px);
}

.kdfb-berlin .newsletterbox form > div > div:nth-child(8)
{
    clear: both;
}

.kdfb-berlin .newsletterbox form > div > div:nth-child(8) > div
{
    margin-left: 215px;
}

.kdfb-berlin .newsletterbox form > div > div:nth-child(8) > div label
{
    padding-left: 0 !important;
}

.kdfb-berlin .newsletterbox form > div > div:nth-child(8) > div br
{
    display: none;
}

.kdfb-berlin .newsletterbox form > div > div:nth-child(8) > div img
{
    border-width: 3px;
    display: inline-block;
    height: 50px !important;
    margin: 5px 10px 0 0;
    padding: 5px;
    width: 50px !important;
}

.kdfb-berlin .newsletterbox form > div > div:nth-child(9) > div:nth-child(2)
{
    margin-left: 215px;
}

@media all and (max-width: 1160px)
{
    .newsletterbox form .registerinput.checkbox-inline > div:nth-child(2) > span,
    .kdfb-berlin .newsletterbox form > div > div:nth-child(8) > div,
    .kdfb-berlin .newsletterbox form > div > div:nth-child(9) > div:nth-child(2),
    body:not(.kdfb-berlin) .newsletterbox form .registerinput:nth-of-type(4),
    body:not(.kdfb-berlin) .newsletterbox form .registerinput:nth-of-type(5),
    body:not(.kdfb-berlin) .newsletterbox form .registerinput:nth-of-type(6),
    body:not(.kdfb-berlin) .newsletterbox form .registerinput.checkbox-inline
    {
        margin-left: 0 !important;
    }

    .kdfb-berlin .newsletterbox form > div > div:nth-child(7),
    .kdfb-berlin .newsletterbox form .registerinput.checkbox-inline > div:nth-child(2) > span
    {
        width: 100%;
    }
}

@media all and (max-width: 692px)
{
    .kdfb-berlin .newsletterbox form .registerinput > p
    {
        font-size: 18px;
    }
}

body:not(.kdfb-berlin) .newsletterbox form .registerinput:nth-of-type(3) {
    margin: -10px 0 0 215px;
}
.newsletterbox form .registerinput:nth-of-type(3) input + label a {
    color: #232224;
    text-decoration: underline;
}
.newsletterbox form .registerinput:nth-of-type(4) {
    font-size: 18px;
    line-height: 23px;
}

body:not(.kdfb-berlin) .newsletterbox form .registerinput:nth-of-type(4)
{
    margin: 35px 0 0 215px;
}

.newsletterbox form .registerinput:nth-of-type(3) + .registerinput img {
    width:100px !important;
}

.https-www-frauenbund-de .newsletterbox form .registerinput:nth-of-type(3) + .registerinput img,
.https-staging-frauenbund-de .newsletterbox form .registerinput:nth-of-type(3) + .registerinput img,
.https-staging-frauenbund-regensburg-de .newsletterbox form .registerinput:nth-of-type(3) + .registerinput img,
.https-dvmaster-frauenbund-de .newsletterbox form .registerinput:nth-of-type(3) + .registerinput img,
.https-mainwp-frauenbund-de .newsletterbox form .registerinput:nth-of-type(3) + .registerinput img {
    display: inline-block;
    margin-right: 5px;
    height: 60px !important;
    width:60px !important;
}

.https-www-frauenbund-de .newsletterbox form .registerinput:nth-of-type(3) + .registerinput img:first-child,
.https-staging-frauenbund-de .newsletterbox form .registerinput:nth-of-type(3) + .registerinput img:first-child,
.https-staging-frauenbund-regensburg-de .newsletterbox form .registerinput:nth-of-type(3) + .registerinput img:first-child,
.https-dvmaster-frauenbund-de .newsletterbox form .registerinput:nth-of-type(3) + .registerinput img:first-child,
.https-mainwp-frauenbund-de .newsletterbox form .registerinput:nth-of-type(3) + .registerinput img:first-child
{
    margin-left: 3px;
}

.https-www-frauenbund-de .newsletterbox form .registerinput:nth-of-type(4) > div:nth-child(2) > label,
.https-staging-frauenbund-de .newsletterbox form .registerinput:nth-of-type(4) > div:nth-child(2) > label,
.https-staging-frauenbund-regensburg-de .newsletterbox form .registerinput:nth-of-type(4) > div:nth-child(2) > label,
.https-dvmaster-frauenbund-de .newsletterbox form .registerinput:nth-of-type(4) > div:nth-child(2) > label,
.https-mainwp-frauenbund-de .newsletterbox form .registerinput:nth-of-type(4) > div:nth-child(2) > label
{
    padding-left: 0 !important;
}

.newsletterbox form .registerinput:nth-of-type(4) > div > div {
    padding-left: 130px !important;
}
body:not(.kdfb-berlin) .newsletterbox form .registerinput:nth-of-type(5) {
    margin: 10px 0 0 215px;
}
.newsletterbox form .registerinput:nth-of-type(5) > div:nth-of-type(2) label {
    padding: 0;
}
.newsletterbox form .registerinput:nth-of-type(5) > div:nth-of-type(2) br {
    display: none;
}
.newsletterbox form .registerinput:nth-of-type(3) + .registerinput + .registerinput > div + div img {
    float: left;
    width: 50px !important;
    height: 50px !important;
    margin-right: 10px;
}
body:not(.kdfb-berlin) .newsletterbox form .registerinput:nth-of-type(6) {
    margin: 30px 0 0 215px;
}
.newsletterbox form .registerinput button {
    background: #B6327B !important;
    border-radius: 14px !important;
    border-bottom-right-radius: 0 !important;
    padding: 13px 21px;

    font-size: 20px;
    line-height: 26px;
    color: #fff;
}

/*Checkbox*/
.newsletterbox form .registerinput > div:nth-of-type(2) label {
    display: block;
    margin: 5px 0 10px;
    padding: 0 0 0 45px;
    font-size: 22px;
    color: #232224;
    line-height: 33px;
    cursor: pointer;
}
.newsletterbox form .registerinput > div:nth-of-type(2) span br {
    display: none;
}
.newsletterbox form .registerinput:nth-of-type(3) label:before,
.newsletterbox form .registerinput:nth-of-type(2) label:before,
.newsletterbox form .registerinput:nth-of-type(3) label:after,
.newsletterbox form .registerinput:nth-of-type(2) label:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
}
.newsletterbox form .registerinput:nth-of-type(3) label:before,
.newsletterbox form .registerinput:nth-of-type(2) label:before {
    width: 33px;
    height: 33px;
    background: #fff;
    cursor: pointer;
    transition: background .3s;
}

.kdfb-berlin .newsletterbox form .registerinput:nth-of-type(3) label:before,
.kdfb-berlin .newsletterbox form .registerinput:nth-of-type(2) label:before
{
    display: none;
}

.newsletterbox form .registerinput:nth-of-type(2) > div:nth-of-type(1) label::before {
    display: none;
}

.newsletterbox form .registerinput:nth-of-type(3) input[type="checkbox"],
.newsletterbox form .registerinput:nth-of-type(2) input[type="checkbox"] {
    display: none;
}
.newsletterbox form .registerinput:nth-of-type(3) input[type="checkbox"]:checked + label:before,
.newsletterbox form .registerinput:nth-of-type(2) input[type="checkbox"]:checked + label:before {
    background: #B6327B;
    border: none;
}
.newsletterbox form .registerinput:nth-of-type(3) input[type="checkbox"]:checked + label:after,
.newsletterbox form .registerinput:nth-of-type(2) input[type="checkbox"]:checked + label:after {
    transform: translate(0.25em, 0.3365384615em) rotate(-45deg);
    top: 1px;
    left: 2px;
    width: 0.75em;
    height: 0.375em;
    border: 0.125em solid #fff;
    border-top-style: none;
    border-right-style: none;
}


/*********************************/
/**     Text - Image Block      **/
/*********************************/

.text-image-block.bg-blue,
.text-image-block.bg-lila,
.text-image-block.bg-blue-light,
.text-image-block.bg-lila-light {
    padding: 80px 0;
}

.text-image-block.bg-blue.fullwidth,
.text-image-block.bg-lila.fullwidth,
.text-image-block.bg-blue-light.fullwidth,
.text-image-block.bg-lila-light.fullwidth {

    padding: 80px 0;
}

.text-image-block .content-width {
    text-align: center;
    padding: 80px 35px;
    overflow: hidden;
}
.text-image-block.first-module .content-width {
    padding-top: 0;
}

.text-image-block.fullwidth .content-width {
    text-align: center;
    padding: 0;
}

.text-image-block .content-width div ,
.text-image-block.fullwidth .content-width div {
    text-align: left;
}



.text-image-block .img-left-txt-right .textbox {
    padding-left: 50px;
}
.text-image-block .txt-left-img-right .textbox {
    padding-right: 50px;
}

.text-image-block .image-around-text .textbox div {
    margin-top: 4px;
    margin-bottom: 40px;
}

.text-image-block .image-around-text .textbox div.alignleft {
    margin-right: 56px;
    float: left;
}
.text-image-block .image-around-text .textbox div.alignright {
    margin-left: 60px;
    float: right;
}

@media screen and (max-width: 991px) {
    .text-image-block .image-around-text .textbox div.alignleft {
        margin-right: 0;
        width: 100% !important;
    }
    .text-image-block .image-around-text .textbox div.alignright {
        margin-left: 00px;
        width: 100% !important;
    }

    .text-image-block .txt-left-img-right .textbox,
    .text-image-block .img-left-txt-right .textbox {
        padding-left: 0;
        margin-top: 35px;
    }

}

@media screen and (max-width: 991px) {
    .text-image-block .img-left-txt-right .imgbox,
    .text-image-block .txt-left-img-right .imgbox {
        max-height: unset;
    }
}


.text-image-block .textbox p:last-child {
    margin-bottom: 0;
}





/*********************************/
/**     Text - Video Block      **/
/*********************************/

.text-video-block.bg-blue,
.text-video-block.bg-lila,
.text-video-block.bg-blue-light,
.text-video-block.bg-lila-light {
    padding: 80px 0;
}

.text-video-block.bg-blue.fullwidth,
.text-video-block.bg-lila.fullwidth,
.text-video-block.bg-blue-light.fullwidth,
.text-video-block.bg-lila-light.fullwidth {

    padding: 80px 0;
}

.text-video-block .content-width {
    text-align: center;
    padding: 80px 35px;
    overflow: hidden;
}
.text-video-block.first-module .content-width {
    padding-top: 0;
}

.text-video-block.fullwidth .content-width {
    text-align: center;
    padding: 0;
}

.text-video-block .content-width div ,
.text-video-block.fullwidth .content-width div {
    text-align: left;
}

.text-video-block .video-around-text .textbox div.cta-wrapper:last-of-type {
    margin: 0;
}
.text-video-block .video-around-text .textbox div.cta-wrapper:last-of-type a:last-of-type {
    margin-bottom: 0;
}


.text-video-block .video-left-txt-right .textbox {
    padding-left: 50px;
}
.text-video-block .txt-left-video-right .textbox {
    padding-right: 50px;
}

.text-video-block .video-around-text .textbox > div {
    margin-top: 4px;
    margin-bottom: 40px;
}

.text-video-block .video-around-text .textbox div.alignleft {
    margin-right: 56px;
    float: left;
}
.text-video-block .video-around-text .textbox div.alignright {
    margin-left: 60px;
    float: right;
}

.text-video-block .video-around-text .textbox.video-left-txt-right .videowrapper {
    float: left;
    width: 500px;
    max-width: 100%;
    margin-right: 60px;
}
.text-video-block .video-around-text .textbox.txt-left-video-right .videowrapper {
    float: right;
    width: 500px;
    max-width: 100%;
    margin-left: 60px;
}

/***** Video-Text-Block Korrekturen - Start *****/
.text-video-block .txt-left-video-right .videowrapper {
    float: right;
}
/***** Video-Text-Block Korrekturen - End *****/

@media screen and (max-width: 991px) {
    .text-video-block .image-around-text .textbox div.alignleft {
        margin-right: 0;
        width: 100% !important;
    }
    .text-video-block .image-around-text .textbox div.alignright {
        margin-left: 0px;
        width: 100% !important;
    }
}



.text-video-block .textbox p:last-child {
    margin-bottom: 0;
}



/*********************************/
/**      Accordion Block        **/
/*********************************/
.page-content .accordion {
    width: 100%;
    position: relative;
}

.page-content .accordion {
    list-style-type: none;
    margin-left:0;
}


.page-content .accordion li {
    margin-bottom: 6px;
}

.page-content .accordion .acc-label {
    cursor: pointer;
    display: block;
    padding: 20px 60px 20px 25px;
    color: #232224;
    font-size: 30px;
    background: #E6EAF2;
    font-weight: 300;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.acc-label::after {
    content: "";
    background-image: url('assets/arrow_down.svg');
    width: 32px;
    height: 16px;
    background-repeat: no-repeat;
    text-align: center;
    -webkit-transition: all .35s;
    transition: all .35s;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -8px;
}

.page-content .accordion li.open .acc-label::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.acc-content {
    display: none;
    padding: 30px 25px 24px;
    color: #232224;
    width: 100%;
}
.acc-content::after {
    content: '';
    clear: both;
    display: table;
}
.acc-content p:last-of-type {
    margin-bottom: 0;
}
.acc-content .wp-caption.alignleft {
    float: left;
    margin: 0 40px 40px 0;
}
.acc-content .wp-caption.alignright {
    float: right;
    margin: 0 0 40px 40px;
}
.acc-content ul {
    margin:0;
    padding:0;
    width: 100%;
    float: left;
    list-style-type: none;
}
.acc-content ul li {
    padding-left: 25px;
    line-height: 33px;
    font-size: 26px;
    width: 100%;
    position: relative;
}
.acc-content ul li:before {
    content: '';
    position: absolute;
    width: 11px;
    height: 11px;
    background: #B6327B;
    border-radius: 3px;
    left:0;
    margin-top: 11px;

}
.acc-content li p {
    margin-bottom: 0;
}


@media screen and (max-width: 768px) {
    .accordion .acc-label {
        font-size: 22px;
        line-height: 29px;
    }
}


/**********************/
/***    SPIRIT      ***/
/**********************/


.spirit-block {
    padding: 140px 0 60px;
    text-align: center;

}
.spirit-block::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255,255,255,0.8);
    pointer-events: none;
    z-index: 1;
}
.module.spirit-block .content {
    z-index: 2;
}

.spirit-block .title {
    font-size: 24px;
    line-height: 32px;
    width: 100%;
    text-align: center;
    color: rgba(101,35,131, 0.83);
    margin-bottom: 30px;
    text-transform: uppercase;
}

.spiritbox {
    position: relative;
    width: 100%;
    text-align: center;
}

.spiritbox .contenttext {
    margin-bottom: 30px;
}

.spiritbox .contenttext p {
    font-size: 38px;
    line-height: 49px;
    text-align: center;
    color: #652383;
    margin-bottom: 0;
}

.spirit-block .copyright {
    font-size: 41px;
    line-height: 49px;
    width: 100%;
    text-align: center;
    color: rgba(101,35,131, 0.83);
    margin-bottom: 5px;
}
.spirit-block .copyright-subheadline {
    font-size: 19px;
    line-height: 24px;
    width: 100%;
    text-align: center;
    color: rgba(101,35,131, 0.83);
    margin-top: -10px;
    margin-bottom: 10px;
    font-style: italic;
}

.spiritbox .cta-wrapper .cta {
    margin-bottom: 0;
    margin-right: 0;
}
.spiritbox .cta-wrapper .cta + .cta{
    margin-left: 50px;
}





/********************************/
/***    PICTURE DATABASE      ***/
/********************************/

.resultswrapper {
    width: 100%;
    float: left;
    margin: 35px 0 0 0;
    position: relative;
    margin-top: 57px;

}

.resultswrapper .imagedownload {
    display: inline-block;
    margin-bottom: 50px;
    float:left;
    width: calc(33% - 46px);
    margin-right: 46px;
}

.resultswrapper .imagedownload:nth-child(3n) {
    margin-right: 0;
}

.resultswrapper .imagedownload .imagebox {
    width: 100%;
    height: 320px;
    position: relative;
    float: left;
    background-image: linear-gradient(45deg, #c8c8c8 25%, transparent 25%), linear-gradient(-45deg, #c8c8c8 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #c8c8c8 75%), linear-gradient(-45deg, transparent 75%, #c8c8c8 75%);
    background-size: 20px 20px;
    background-position: 0 0, 0 10px, 10px -10px, -10px 0;
}
.resultswrapper .imagedownload .imagebox a {
    display: inline;
}

.resultswrapper .imagedownload .contentbox {
    background: #E6EAF2;
    border-radius: 0;
    border-bottom-left-radius: 40px;
    padding: 20px 26px 15px;
    position: relative;
    float: left;
    width: 100%;
}

.resultswrapper .imagedownload .contentbox a.downloadimg:before {
    content:"";
    position: relative;
    display: block;
    float: left;
    width: 24px;
    height: 29px;
    background: url('/wp-content/themes/kdfb/assets/download-icon.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-left:0;
    margin-right: 15px;
}

.resultswrapper .imagedownload .contentbox a.downloadimg {
    width: 100%;
    float: left;
    font-size: 24px;
    line-height: 29px;
    color: #232224;
    text-decoration: none;
    font-weight: 600;
}
.resultswrapper .imagedownload .contentbox .tags {
    width: 100%;
    float: left;
    font-size: 24px;
    margin-top: 10px;
}

.resultswrapper .imagedownload .contentbox .tags a {
    text-decoration: none;
    color: #232224;
}



.picturedb-block .fullwidth {
    width: 100%;
    position: relative;
    float: left;
}

.searchbox {
    width: 100%;
    position: relative;
    float: left;
    display: flex;
    padding: 84px 0;
    align-content: center;
    align-items: center;
}
.searchbox .title {
    font-size: 32px;
    line-height: 42px;
    color: #0E3683;
    margin-right: 35px;
    width: auto;
}

.searchbox .formbox {
    float: left;
    position: relative;
    width: auto;
}

.searchbox .formbox .searchpicform {
    float: left;
    position: relative;
    width: 100%;
}

.searchbox .formbox input {
    height: 70px;
    background: #fff;
    border: 0;
    width: 800px;
    float:left;
    padding: 15px 25px;
    font-size: 24px;
    line-height: 29px;
}

.searchbox .formbox .searchbtn {
    background: #0E3683;
    padding: 11px 17px 14px;
    width: 76px;
    height: 100%;
    float:left;

    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
}

.picturedb-block .mainwrapper {
    float: left;
    width: 100%;
    position: relative;
    padding-top: 50px;

}


.picturedb-block .mainwrapper .result,
.picturedb-block .mainwrapper .pagination {
    text-align: center;
    width: 100%;
    position: relative;
    float: left;
    margin-top: 25px;
}

/* Picture db pagination */

.pagination .paginationlist {
    width: auto;

    text-align: center;
    display: inline-block;
    margin-left: 0;
}


.pagination .paginationlist li {
    list-style-type: none;
    float: left;
    width: 40px;
    margin: 0 5px;
    padding: 0;
}
.pagination .paginationlist li:before {
    content: inherit;
}

.pagination .paginationlist li a.page-link {
    color: #0E3683;
    text-decoration: none;
}

.pagination .paginationlist li.page-item.active {
    background: rgba(230,234,242,.69);
    border-radius: 123423423px;
}




/*LazyLoad*/
/** Auskommentiert wegen Problemen, CHL, 27-01-2022 **/
/*
img[data-src] {
    opacity: 0;
    transition: opacity .25s ease-in-out;
    will-change: opacity;
}
*/

/* appear animation */
/** Auskommentiert wegen Problemen, CHL, 27-01-2022 **/
/*
img[data-src][src] {
    opacity: 1;
}
*/

.kdfb-engagiert.no-js img.lazyload {
    display: block;
}

/********/
/* Shop */
/********/


.cartform ul {
    max-width: 1041px;
    width: 100%;
}




@media screen and (max-width: 1160px) {
    .products .productbox .descbox,
    .products .productbox .imagebox {
        width: calc(100% - 45px);

    }
    .products .productbox .imagebox {
        text-align: center;
    }
    .products .productbox .imagebox img {
        width: 65%;
        margin:0 auto;
    }

}

@media screen and (max-width: 991px) {
    .products .productbox {
        width: 100%;
    }

    .products .productbox .descbox	{
        width: calc(100% - 290px);

    }
    .products .productbox .imagebox {
        text-align: center;
        width: 200px;
    }
    .products .productbox .imagebox img {
        width: unset;
        margin:0 auto;
    }

}


@media screen and (max-width: 592px) {
    .products .productbox .descbox,
    .products .productbox .imagebox {
        width: calc(100% - 45px);

    }
    .products .productbox .imagebox {
        text-align: center;
    }
    .products .productbox .imagebox img {
        width: 65%;
        margin:0 auto;
    }

}



/**********************/
/***    STAGE      ***/
/**********************/

.stage-block .content-width {
    padding: 0;
}

.stage {
    display: flex;
    flex-wrap: wrap;
}
.stage .leftside {
    margin-right: 10px;
    width: calc(100% / 1/2 - 10px);
}


.stage .leftside .background,
.stage .leftside img {
    width: 100%;
    height: 100%;
}

.stage .rightside {
    background: #7E4394;
    margin-left: 10px;
    width: calc(100% / 1/2 - 10px);
    padding: 80px 70px 110px 70px;
    text-align: center;

}

.stage .rightside .title {
    font-size: 98px;
    line-height: 82px;
    color:#fff;
    text-align: left;
    padding: 0 0 10px 0;
}

.stage .rightside .shortdesc {
    font-size: 29px;
    line-height: 37px;
    color:#fff;
    text-align: left;
}

.stage .rightside .cta-wrapper {
    margin-top: 45px;
}

.stage .rightside .cta-wrapper a.cta {
    font-size: 26px;
    line-height: 33px;
    padding: 17px 38px;
    margin: 0;
}


@media screen and (max-width: 991px) {
    .stage {
        flex-direction: column;
    }

    .stage-block .content-width {
        padding: 0 45px;
    }

    .stage .leftside,
    .stage .rightside {
        width: 100%;
        margin-bottom: 20px;
        margin-left:0;
        margin-right: 0;

    }


    .stage .rightside {
        padding: 40px 30px 30px;
    }

    .stage .rightside .title {
        font-size: 65px;
        line-height: 90px;
    }

}

@media screen and (max-width: 768px) {
    .stage-block .content-width {
        padding: 0;
        width: calc(100% - 70px);
    }
}


@media screen and (max-width: 592px) {

    .stage .leftside,
    .stage .rightside {
        max-height: 242px;

    }

    .stage .rightside {
        padding: 35px 25px 25px;
    }

    .stage .rightside .title {
        font-size: 41px;
        line-height: 49px;
    }

    .stage .rightside .shortdesc {
        font-size: 13px;
        line-height: 18px;
    }

    .stage .rightside .cta-wrapper {
        margin-top: 22px;
    }
    .stage .rightside .cta-wrapper a.cta {
        font-size: 16px;
        line-height: 22px;
        padding: 10px 20px;
        margin-bottom: 0;

    }

}


/***** Stage-Fullwidth - Start *****/
.stage.fullwidth {
    display: block;
}
.stage.fullwidth .image-fullwidth {
    height: 536px;
}
.stage.fullwidth .rightside {
    position: absolute;
    top: 36px;
    bottom: 30px;
    right: 35px;
    text-align: left;
    background-color: rgba(255,255,255,.83);
    overflow: hidden;
}
.stage.fullwidth .rightside .shortdesc,
.stage.fullwidth .rightside .title {
    color: #0E3683;
}
.stage.fullwidth .rightside .cta-wrapper {
    display: block;
    margin-top: 34px;
    text-align: center;
}
.stage.fullwidth .rightside .cta-wrapper a.cta {
    float: none;
    font-size: 20px;
    padding: 7px 28px 9px;
}
/***** Stage-Fullwidth - End *****/

/***** Stage-Fullwidth with centered headline - Start *****/
.content-width.w1600 {
    width: 1600px;
    max-width: 100%;
}
.stage.fullwidth-centered-headline {
    position: relative;
    display: block;
}
.stage.fullwidth-centered-headline a {
    display: block;
    position: relative;
    color: #fff;
}
.stage.fullwidth-centered-headline a:hover img {
    opacity: 1;
}
.stage.fullwidth-centered-headline .rightside {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: auto;
    margin: 0;
    padding: 0;
    background: transparent;
}
.stage.fullwidth-centered-headline .rightside .positioner {
    margin: 0 0 60px;
}
.stage.fullwidth-centered-headline .title.handwritten {
    margin: 0 0 10px;
    padding: 0;
    font-family: 'PT Sans';
    text-transform: uppercase;
    font-size: 66px;
    line-height: 1.2424;
    text-align: center;
}
.stage.fullwidth-centered-headline .subline {
    min-height: 42px;
    margin: 0 0 6px;
    font-size: 32px;
    line-height: 1.3125;
}
/***** Stage-Fullwidth with centered headline - End *****/


/**********************************/
/***    Informations Block      ***/
/**********************************/

.informations-block .teaserwrapper {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    float: left;
    margin-top: 20px;
}

.informations-block .teaserwrapper .infoteaser {
    width: calc(100% / 1/3 - 46px);
    position: relative;
    margin: 0 23px 45px;

}



.informations-block .teaserwrapper .infoteaser .imagebox {
    position: relative;
    width: 100%;

    border: 1px solid rgba(112,112,112, 0.20);
}

.informations-block .teaserwrapper .infoteaser .imagebox img {
    z-index: 1;
}
.informations-block .teaserwrapper .infoteaser .imagebox .iconbox {
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: 0;
    width: 57px;
    height: 50px;
    border-top-left-radius: 15px;
}

.informations-block .teaserwrapper .infoteaser .imagebox .iconbox.intern {
    background: #0E3683;
    padding: 15px 15px;
}

.informations-block .teaserwrapper .infoteaser .imagebox .iconbox.pdf,
.informations-block .teaserwrapper .infoteaser .imagebox .iconbox.extern {
    background: rgba(255,255,255,0.79);
    padding: 7px 12px;
}

.informations-block .teaserwrapper .infoteaser .imagebox .iconbox img {
    width: 35px;
    height: auto;
}

.informations-block .teaserwrapper .infoteaser .imagebox .iconbox.intern img {
    width: 26px;
    height: auto;
}

.informations-block .teaserwrapper .infoteaser .teaser-title,
.informations-block .teaserwrapper .infoteaser a .teaser-title {
    font-size: 26px;
    line-height: 33px;
    margin-top: 26px;
    color: #232224;
}


@media screen and (max-width: 991px) {
    .informations-block .teaserwrapper .infoteaser {
        width: calc(100% / 1/2 - 46px);
    }
}


@media screen and (max-width: 592px) {
    .informations-block .teaserwrapper .infoteaser {
        width: 100%;
        margin: 0 0 35px;
    }
}



/**********************/
/*** Contact Teaser ***/
/**********************/


.content-contact-teaser-block .teaserwrapper {
    width: 100%;
    float: left;
}
.teaserwrapper .teaserbox img {
    width: 100%;
    float: left;
    position: relative;
}
.teaserwrapper .teaserbox .contentbox {
    width: 100%;
    float: left;
    position: relative;
    background: #e6eaf2;
    padding: 25px 45px 54px 35px;
    border-bottom-right-radius: 40px;
}





.teaserwrapper .teaserbox .contentbox a {
    color: #232224;
}

.teaserwrapper .teaserbox .imagebox {
    width: 100%;
    float: left;
    position: relative;
    /*    overflow: hidden;*/
    height: 215px;
}

.teaserwrapper .teaserbox .imagebox img {
    float: left;
    width: 100%;
}


.teaserwrapper .teaserbox .contentbox .title {
    color: #0E3683;
    font-size: 32px;
    line-height: 42px;
}
.teaserwrapper .teaserbox .contentbox .description,
.teaserwrapper .teaserbox .contentbox .description p {
    margin-top: 20px;
}


.teaserwrapper .content-left-teaser-right,
.teaserwrapper .teaser-left-content-right {
    width: 100%;
    position: relative;
}
.teaserwrapper .content-left-teaser-right .teasertext {
    float: left;
}
.teaserwrapper .content-left-teaser-right .teaserbox {
    float: right;
}


.teaserwrapper .teaser-left-content-right .teasertext {
    padding-left: 50px;
}

.teaserwrapper .content-left-teaser-right .teasertext {
    padding-right: 50px;
}


.teaserwrapper .teaser.multiple .teaserbox   {
    width: calc(100% / 1/3 - 30px);
    margin: 0 15px;
    float: left;
}

.teaserwrapper .teasertext p:last-child {
    margin-bottom: 0;
}



/**********************/
/***    Teaser      ***/
/**********************/
.content-teaser-block.layout-white {
    padding: 35px 0 70px;
    background-color: #ebeef5;
}
.content-teaser-block.layout-white + .content-teaser-block.layout-white {
    margin-top: -58px;
    padding-top: 0;
}

.content-teaser-block .title {
    color: #0E3683;
    font-size: 32px;
    line-height: 42px;
    margin: -10px 0 48px;
}

.content-teaser-block .title.align-center {
    font-size: 44px;
    text-align: center;
    line-height: 57px;
    margin-bottom: 48px;
    color: #0E3683;
    font-weight: 400;
    position: relative;
}
.content-teaser-block.layout-blue .title.align-center,
.content-teaser-block.layout-white .title.align-center {
    margin-top: 60px;
}

.content-teaser-block .title.align-left {
    text-align: left;
}
.content-teaser-block .title.align-right {
    text-align: right;
}

.teasercontent .teaserbox {
    float: left;
    position: relative;
}
.teasercontent .teaserbox a {
    display: block;
}
.teasercontent .teaserbox:last-child {
    margin-right: 0;
}

.teasercontent .teaserbox .iconbox {
    position: absolute;
    width: 35px;
    height: 35px;
    bottom: 14px;
    right: 7px;
    padding: 5px;
}

.teasercontent .teaserbox .iconbox .arrowicon {
    background-image: url('assets/arrow.svg');
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    height: 100%;
}
.layout-blue .teasercontent .teaserbox .iconbox .arrowicon {
    background-image: url('assets/arrow-light.svg');
}

.teasercontent .teaserbox a.extern .iconbox .arrowicon {
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}


.teasercontent .teaserbox .imagebox {
    width: 100%;
    float: left;
    position: relative;
    /*    overflow: hidden;*/
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    height: 215px;
    max-height: 215px;
    overflow: hidden;
    text-align: center;
}
.layout-blue .teasercontent .teaserbox .imagebox,
.layout-white .teasercontent .teaserbox .imagebox {
    border-radius: 0;
}
.mod-3rd-teaser-true .teasercontent .teaserbox[data-slick-index="2"] .imagebox {
    height: 371px;
    max-height: 371px;
}

.teasercontent .teaserbox .imagebox.cornerpic {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    max-height: unset;
    border: 1px solid rgba(112,112,112, 0.20);
    height: 325px;
}

.teasercontent .teaserbox .imagebox img.img-contain {
    display: inline-block;
    width: auto;
    max-height: 205px;
}

.teasercontent .teaserbox .imagebox .iconbox {
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: 0;
    width: 57px;
    height: 50px;
    border-top-left-radius: 15px;
}

.teasercontent .teaserbox .imagebox .iconbox.intern {
    background: #0E3683;
    padding: 15px 15px;
}

.teasercontent .teaserbox .imagebox .iconbox.pdf,
.teasercontent .teaserbox .imagebox .iconbox.extern {
    background: rgba(255,255,255,0.79);
    padding: 7px 12px;
}

.teasercontent .teaserbox .imagebox .iconbox img {
    width: 35px;
    height: auto;
}

.teasercontent .teaserbox .imagebox .iconbox.intern img {
    width: 26px;
    height: auto;
}


.teasercontent .teaserbox .contentbox {
    width: 100%;
    float: left;
    position: relative;
    background: #eef0f6;
    padding: 33px 45px 65px 35px;
    border-bottom-left-radius: 40px;

    /*    height: 224px;*/
}
.layout-blue .teasercontent .teaserbox .contentbox {
    background-color: #0e3683;
    color: #fff;
    border-radius: 0;
}
.layout-white .teasercontent .teaserbox .contentbox {
    background-color: #fff;
    border-radius: 0;
}
.mod-3rd-teaser-true .teasercontent .teaserbox[data-slick-index="2"] .contentbox {
    height: 60px;
    padding: 0 45px 0 35px;
}

.teasercontent .teaserbox .contentbox.tb {
    background: transparent;
    padding: 25px 0 25px 0;
}
.teasercontent .teaserbox .contentbox .title {
    /*    color: #0E3683;*/
    font-size: 26px;
    line-height: 33px;
    margin-bottom: 16px;
}
.teasercontent .teaserbox .contentbox .description,
.teasercontent .teaserbox .contentbox .description p {

    font-size: 21px;
    line-height: 27px;
    font-style: italic;
}

.teasercontent .teaserbox .description p {
    margin: 0;
}

.teasercontent .teaserbox a .contentbox,
.teasercontent .teaserbox a .contentbox .description p,
.teasercontent .teaserbox a .contentbox .title {
    color: #232224;
}
.layout-blue .teasercontent .teaserbox a .contentbox,
.layout-blue .teasercontent .teaserbox a .contentbox .description p,
.layout-blue .teasercontent .teaserbox a .contentbox .title {
    color: #fff;
}
.layout-white .teasercontent .teaserbox a .contentbox,
.layout-white .teasercontent .teaserbox a .contentbox .description p,
.layout-white .teasercontent .teaserbox a .contentbox .title {
    color: #0e3683;
}

.layout-blue .contentbox .description,
.layout-white .contentbox .description {
    display: none;
}
.layout-blue .teasercontent .teaserbox .contentbox .title,
.layout-white .teasercontent .teaserbox .contentbox .title {
    position: relative;
    min-height: 91px;
    margin-bottom: 4px;
    padding-bottom: 25px;
}
.mod-3rd-teaser-true .teasercontent .teaserbox[data-slick-index="2"] .contentbox .title {
    height: 61px;
    margin: 0;
    padding: 14px 0 0 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.layout-blue .contentbox .title::before,
.layout-white .contentbox .title::before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 19%;
    border-top: 4px solid #fff;
}
.layout-white .contentbox .title::before {
    border-top: 4px solid #0e3683;
}
.mod-3rd-teaser-true .teasercontent .teaserbox[data-slick-index="2"] .contentbox .title::before {
    display: none;
}
.layout-blue .teasercontent .teaserbox .iconbox,
.layout-white .teasercontent .teaserbox .iconbox {
    right: auto;
    left: 30px;
}
.mod-3rd-teaser-true .teasercontent .teaserbox[data-slick-index="2"] .iconbox {
    bottom: 12px;
}

/***** Teaser als Kachel - Start *****/
.teasercontent.render-as-block {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}
.teasercontent.render-as-block .teaserbox {
    flex: 0 0 auto;
    width: calc(33.33333333% - 50px);
    margin: 0 25px 50px 25px;
}
.teasercontent.render-as-block .teaserbox .img-cover img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

@media all and (max-width: 1160px)
{
	.teasercontent.render-as-block .teaserbox
	{
		width: calc(50% - 50px);
	}
}

@media all and (max-width: 768px)
{
	.teasercontent.render-as-block .teaserbox
	{
		width: calc(100% - 50px);
	}
}

@media all and (max-width: 360px)
{
	.teasercontent .teaserbox .contentbox .title
	{
		font-size: 18px !important;
	}
}

/***** Teaser als Kachel - End *****/

@media screen and (max-width: 1200px) {
    .teaserwrapper .teaserbox .contentbox .title {
        font-size: 22px;
        line-height: 32px;
    }

    .actionsbox .teaserbox a .contentbox .description {
        font-size: 18px;
        line-height: 24px;
    }
}



@media screen and (max-width: 991px) {
    .teaser .teaserbox,  .teaser .teasertext {
        width: 100%;
    }

    .teaser .teaserbox {
        display: flex;
    }

    .teaser .teaserbox .imagebox {
        width: 50%;
        float: left;
        height: 100%;

    }
    .teaser .teaserbox .imagebox + .contentbox {
        width: 50%;
        float: left;
    }

    .teaserwrapper .teaser-left-content-right .teasertext {
        padding-left: 0;
        margin-top: 35px;
    }
}

@media screen and (max-width: 768px) {
    .teaserwrapper .teaserbox .contentbox .description, .teaserwrapper .teaserbox .contentbox .description p {
        font-size: 22px;
        line-height: 29px;
    }
}



@media screen and (max-width: 692px) {
    .teaser .teaserbox {
        flex-direction: column;
    }

    .teaser .teaserbox .imagebox {
        width: 100%;
        height: 215px;
    }
    .teaser .teaserbox .imagebox + .contentbox {
        width: 100%;
    }

    .teaser .teaserbox .imagebox + .contentbox p {
        word-wrap: break-word;
    }

}





/******************/
/***    NEWS    ***/
/******************/


.newsbox {
    margin-top: 20px;
    width: 100%;
    position: relative;
    float: left;
}

.newsbox .teaser, .newsbox .teaser a {
    width: 100%;
    position: relative;
}
.newsbox .teaser .imagebox {
    width: 100%;
    height: 318px;
    position: relative;
    float: left;
    margin-bottom: 25px;
}

.newsbox .teaser .imagebox .linkicon {
    position: absolute;
    right:0;
    bottom:0;
    background: rgba(255,255,255, 0.79);
    width: 57px;
    height: 50px;
    border-top-left-radius: 15px;
    z-index: 2;
    padding: 14px 14px 12px 16px;
}

.newsbox .teaser .title, .newsbox .teaser a .title {
    float: left;
    width: 100%;
    font-size: 26px;
    line-height: 33px;
    color: #232224;
}


@media screen and (max-width: 1200px) {
    .newsbox .teaser .title, .newsbox .teaser a .title {
        font-size: 22px;
        line-height: 32px;
    }
}

@media screen and (max-width: 768px) {
    .newsbox {
        width: calc(100% - 35px);
        margin-left: 17.5px;
    }
}

@media screen and (max-width: 692px) {
    .newsbox .teaser .imagebox {
        height: 245px;
    }
}

@media screen and (max-width: 492px) {
    .newsbox {
        width: calc(100% - 60px);
        margin-left: 30px;
    }
}





/******************/
/***  ACTIONS   ***/
/******************/

.actions-block {
    padding: 70px 0 30px;
}

.actionsbox {
    margin-top: 20px;
    width: 100%;
    position: relative;
    float: left;
}

.actionsbox .teaserbox {
    position: relative;
}

.actionsbox .teaserbox .imagebox {
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
}


.actionsbox .teaserbox .contentbox {
    background: #fff;
    height: 224px;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 0;
    padding: 29px 24px 35px 32px;
}

.actionsbox .teaserbox a .contentbox .title,
.actionsbox .teaserbox a .contentbox .description {
    color: #232224;
}

.actionsbox .teaserbox a .contentbox .title {
    font-size: 26px;
    line-height: 33px;
}
.actionsbox .teaserbox a .contentbox .description,
.actionsbox .teaserbox a .contentbox .description p {
    font-style: italic;
    font-size: 21px;
    line-height: 27px;
}
.actionsbox .teaserbox .iconbox {
    position:absolute;
    right: 10px;
    bottom: 17px;
    z-index: 2;
    width: 26px;
    height: 26px;
}


@media screen and (max-width: 768px) {
    .actionsbox {
        width: calc(100% - 35px);
        margin-left: 17.5px;
    }
}
@media screen and (max-width: 492px) {
    .actionsbox {
        width: calc(100% - 60px);
        margin-left: 30px;
    }
}


/**********************/
/***   List Block   ***/
/**********************/
.listwrapper {
    width: 100%;
    float: left;
    position: relative;
}
.listwrapper ul {
    margin:0;
    padding:0;
    width: 100%;
    float: left;
    list-style-type: none;
}

.listwrapper.list-icon li:before {
    content: '';
    position: absolute;
    width: 11px;
    height: 11px;
    background: #B6327B;
    border-radius: 3px;
    left:0;
    margin-top: 11px;

}
.listwrapper.list-icon li {
    padding-left: 25px;
    line-height: 33px;
    font-size: 26px;
    width: 100%;
    position: relative;
}

.listwrapper.list-icon li p {
    margin-bottom: 0;
}

.page-content .listwrapper.list-numbers ul {
    list-style-type: decimal;
    margin-left: 30px;
}

.page-content .listwrapper.list-numbers li p {
    margin-bottom: 7px;
}


/******************************/
/*** Invader (Image + Text) ***/
/******************************/

.invader-block.fullwidth {
    text-align: center;
    padding: 80px 0 110px;
}

.invader-block .content-width {
    text-align: center;
    padding: 80px 35px 110px;
}

.invader-block.fullwidth .content-width {
    text-align: center;
    padding: 0;
}



.invader-block.bg-lila-light .content > h2,
.invader-block.bg-lila-light .content > h3 {
    color: #622181;
    text-align: left;
}

.invader-block.bg-blue-light .content > h2,
.invader-block.bg-blue-light .content > h3 {
    color: #0E3683;
    text-align: left;
}


.invader-block .invaderwrapper,
.invader-block .invaderwrapper a {
    display: flex;
    text-decoration: none;
}


.invader-block .invaderwrapper .textbox {
    background: #fff;
    padding: 50px 80px 50px 50px;
    border-bottom-right-radius: 40px;
    text-align: left;
}

.invader-block .invaderwrapper .textbox h4 {
    color: #232224;
    font-size: 29px;
    line-height: 37px;
    font-weight: 300;
    margin-bottom: 25px;
}


.invader-block .invaderwrapper a .textbox:after {
    content: '';
    position: absolute;
    z-index: 4;
    background-image: url('assets/arrow-right-magenta.svg');
    width: 26px;
    height: 24px;
    bottom: 25px;
    right: 25px;
}

.invader-block .content h2 {
    margin-bottom: 40px;
}

/* Invader responsive */

@media screen and (max-width: 991px) {

    .invader-block .invaderwrapper,
    .invader-block .invaderwrapper a {
        flex-direction: column;
    }

    .invader-block .invaderwrapper .imagebox,
    .invader-block .invaderwrapper .textbox {
        width: 100%;
    }

    .invader-block .invaderwrapper .imagebox {
        height: 425px;
    }

}


@media screen and (max-width: 768px) {
    .invader-block .invaderwrapper .textbox p {
        font-size: 22px;
        line-height: 29px;
    }
}

@media screen and (max-width: 692px) {
    .invader-block .invaderwrapper .imagebox {
        height: 215px;
    }

}



/*********************************/
/***  Invader Fullwidth Block  ***/
/*********************************/

.invader-fullwidth-block {
    width: 100%;
}

.invader-fullwidth-block .imagebox {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-content: center;
    align-items: center;
    float: left;
}

.invader-fullwidth-block .buttoninner {
    position: absolute;
    top: 50%;
    margin-top: -26px;
    left: 0;
    right: 0;
    text-align: center;
}

.invader-fullwidth-block .buttoninner .cta {
    margin-right: 0;
}
.invader-fullwidth-block .buttoninner .cta + .cta {
    margin-left: 50px;
}



@media screen and (max-width: 768px) {
    .invader-fullwidth-block .buttoninner {
        top: 100%;

    }
    .invader-fullwidth-block .buttoninner .cta-wrapper {
        margin-top: 0
    }
}


/***** Invader-Text-Block - Start *****/
.invader-text-block {
    padding: 20px 0 0;
    text-align: center;
}
.invader-text-block h2 {
    margin: 0 0 -16px;
    text-align: center;
    font-family: "LumiosMarker", Arial;
    color: #7E4394;
    font-size: 56px;
    line-height: 82px;
}
.invader-text-block p {
    margin: 0 0 14px;
    font-size: 26px;
    color: #7E4394;
    text-align: center;
}
.invader-text-block .cta-wrapper a.cta {
    padding: 15px 28px 18px;
    font-size: 26px;
}
/***** Invader-Text-Block - End *****/


/**********************/
/***  Video Block  ***/
/*********************/

.video-block {
    text-align: center;
    padding: 80px 0 110px;
}

.video-block.fullwidth {
    text-align: center;
    padding: 35px 0 70px;
}
.module.video-block h2 {
    margin-bottom: 32px;
}

.video-block .content-width {
    text-align: center;
    padding: 80px 35px 110px;
}

.video-block.fullwidth .content-width {
    text-align: center;
    padding: 0;
}


.video-block.bg-lila-light .content > h2,
.video-block.bg-lila-light .content > h3 {
    color: #622181;
    text-align: left;
}

.video-block.bg-blue-light .content > h2,
.video-block.bg-blue-light .content > h3 {
    color: #0E3683;
    text-align: left;
}




/********************/
/***   Downloads  ***/
/********************/


.downloads-block .high,
.audio-list .high {
    text-transform: uppercase;
}

.download-teaser {
    width: 60%;
    max-width: 747px;
    background: rgba(14,54,131, 0.12);
    padding: 26px 45px 36px;
    display: inline-block;
    position: relative;
}


.download-teaser .title {
    font-size: 32px;
    line-height: 42px;
    color: #0E3683;
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 28px;

}

.download-teaser .downwrapper {
    float: left;
    position: relative;
    width: 100%;
}

.download-teaser .iconbox {
    background: #0E3683;
    width: 80px;
    height: 80px;
    border-top-left-radius: 15px;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 15px 15px 10px;
    text-align: center;
}
.download-teaser .iconbox .icon {
    background-image: url('assets/doc-white.svg');
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    height: 100%;
    left: calc(50% - 20px);
}
.download-teaser a[href$=".pdf"]  .iconbox .icon,
.download-teaser a[href$=".PDF"]  .iconbox .icon {
    background-image: url('assets/pdf-white.svg');
    left:inherit;
}

.download-teaser .downwrapper .icon {
    width: 225px;
    float: left;
    position: relative;
}
.download-teaser .downwrapper .download-details {
    width: calc(100% - 225px - 30px);
    float: left;
    margin-left: 30px;
    position: relative;
}
.download-teaser a .downwrapper .download-details p ,
.download-teaser .downwrapper .download-details p,
.download-teaser a .downwrapper .download-details,
.download-teaser .downwrapper .download-details,
.download-teaser a .downwrapper .download-details span,
.download-teaser .downwrapper .download-details span {
    font-size: 26px;
    line-height: 33px;
    color: #232224;
}


.download-list {
    position: relative;
    width: 100%;
    float: left;
}

.download-list .title {
    font-size: 32px;
    line-height: 42px;
    color: #0E3683;
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 20px;
}



.download-list a {
    width: calc(100% / 1/2 - 10px);
    margin: 0 10px 20px 0;
    float: left;
    position:relative;
}

.download-list a .downlistwrapper {
    width: 100%;
    float: left;
    position: relative;
}
.download-list a .downlistwrapper .iconbox {
    width: 58px;
    height: 58px;
    background: #EFE9EC;
    padding: 9px;
    margin-top: 5px;
    float: left;
}
.download-list a .downlistwrapper .iconbox .icon {
    background-image: url('assets/doc.svg');
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    height: 100%;
    left: calc(50% - 15px);
}
.download-list a[href$=".pdf"] .downlistwrapper .iconbox .icon,
.download-list a[href$=".PDF"] .downlistwrapper .iconbox .icon {
    background-image: url('assets/pdf-magenta.svg');
    left:inherit;
}

.download-list a .downlistwrapper .download-details,
.download-list .downlistwrapper .download-details {
    width: calc(100% - 80px);
    float: left;
    padding-left: 20px;
    position: relative;
    font-size: 26px;
    line-height: 33px;
    color: #232224;
}

.download-list a .downlistwrapper .download-details p ,
.download-list .downlistwrapper .download-details p,

.download-list a .downlistwrapper .download-details span,
.download-list .downlistwrapper .download-details span {
    font-size: 26px;
    line-height: 33px;
    color: #232224;
}


@media screen and (max-width: 991px) {
    .download-teaser {
        width: 100%;
    }

    .download-list a {
        width: 100%;
        margin: 0 0 30px 0;
    }
}


@media screen and (max-width: 768px) {

    .download-teaser .downwrapper .download-details {
        width: 100%;
        margin-left: 0;
    }

    .download-teaser a .downwrapper .download-details p, .download-teaser .downwrapper .download-details p, .download-teaser a .downwrapper .download-details, .download-teaser .downwrapper .download-details, .download-teaser a .downwrapper .download-details span, .download-teaser .downwrapper .download-details span,
    .download-list a .downlistwrapper .download-details, .download-list .downlistwrapper .download-details {
        font-size: 22px;
        line-height: 29px;
    }

}



/********************/
/***   Audio      ***/
/********************/


.audio-list {
    position: relative;
    width: 100%;
    float: left;
}

.audio-list .title {
    font-size: 32px;
    line-height: 42px;
    color: #0E3683;
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 20px;
}

.audio-list a {
    width: calc(100% / 1/2 - 50px);
    margin: 0 50px 30px 0;
    float: left;
    position:relative;
}

.audio-list a .audiowrapper {
    width: 100%;
    float: left;
    position: relative;
}
.audio-list a .audiowrapper .iconbox {
    width: 58px;
    height: 58px;
    background: #EFE9EC;
    padding: 11px 9px 0;
    margin-top: 5px;
    float: left;
}
.audio-list a .audiowrapper .iconbox .audioicon {
    background-image: url('assets/audio.svg');
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    height: 100%;
}

.audio-list a .audiowrapper .audio-details,
.audio-list .audiowrapper .audio-details {
    width: calc(100% - 80px);
    float: left;
    padding-left: 20px;
    position: relative;
    font-size: 26px;
    line-height: 33px;
    color: #232224;
}

.audio-list a .audiowrapper .audio-details p ,
.audio-list .audiowrapper .audio-details p,

.audio-list a .audiowrapper .audio-details span,
.audio-list .audiowrapper .audio-details span {
    font-size: 26px;
    line-height: 33px;
    color: #232224;
}

@media screen and (max-width: 1200px) {
    .audio-list a {
        width: 100%;
        margin: 0 0 30px 0;
    }
}

@media screen and (max-width: 768px) {
    .audio-list a .audiowrapper .audio-details, .audio-list .audiowrapper .audio-details {
        font-size: 22px;
        line-height: 29px;
    }
}


/**********************/
/***    TABLE      ***/
/**********************/

.tablewrapper {
    width: 100%;
    position: relative;
    float: left;
}
.tablewrapper table {
    border-style: hidden;
    border-collapse:collapse;
    width: 100%;
    margin: 0 0 60px;
}

.tablewrapper table thead th {
    font-size: 32px;
    line-height: 42px;
    color: #0E3683;
    text-align: left;
    padding: 12px 0 13px 15px;
    border-right: 5px solid #fff;
    font-weight: 300;
}


.tablewrapper table tbody tr:first-child td {
    border-top: 4px solid #BDC1C9;
}

.tablewrapper table tbody td {
    background: #F3F5F9;
    padding: 14px 15px;
    font-size: 26px;
    line-height: 33px;
    border-bottom: 6px solid #fff;
    border-right: 6px solid #fff;

}


@media screen and (max-width:768px) {

    .tablewrapper table, .tablewrapper tr, .tablewrapper td {
        padding:0;
    }
    .tablewrapper table {
        width: 651px;
    }
    .tablewrapper   {
        overflow-x: scroll;
    }

    .tablewrapper table thead th {
        font-size: 26px;
        line-height: 32px;
    }

    .tablewrapper table tbody td {
        font-size: 22px;
        line-height: 29px;
    }


}

@media screen and (max-width: 592px) {
    .tablewrapper td::before {
        width: 100%;
        float: left;
        padding: 5px 0;
        margin: 0 0 0 0;
    }

    .tablewrapper table tbody td {
        padding: 5px 10px;
    }
}




/**********************/
/***    MAPS      ***/
/**********************/

#map_canvas {
    width: 100%;
    height: 545px;
    float: left;
    position: relative;
}



/****************************/
/***   FULLWIDTH-IMAGE   ***/
/***************************/

.fullwidth-image-block h2 {
    margin-bottom: 56px;
}
.fullwidth-image-block img {
    width: 100%;
    height: auto;
}



/********************************/
/***   LOGGED IN LAST POST   ***/
/*******************************/

.ab {
    margin-top: 10px;
}

.contentbox.lastpostlogin {
    width: 100%;
    float: left;
    position: relative;
}
.contentbox.lastpostlogin article {
    float: left;
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
}
.contentbox.lastpostlogin article a {
    display :block;
    float: left;
    width: 100%;
}
.contentbox.lastpostlogin article .iconbox {
    width: 20px;
    height: 35px;
    float: left;
    padding-top: 5px;
    position: relative;
}
.contentbox.lastpostlogin article .iconbox .arrowicon {
    background-image: url('assets/arrow-light.svg');
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    height: 100%;
}
.contentbox.lastpostlogin article .contentbox {
    float: left;
    margin-left: 15px;
    position: relative;
}
.topbar .topright .user .useroverview .lastpostlogin article .contentbox .title {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 0;

}


/***************/
/*** archive **/
/**************/


.posting .featured {
    width: 100%;
    position: relative;
    float: left;
}

.posting .featured .subheadline {
    margin: -5px 0 16px;
}

.posting .featured .dateinfo {
    font-size: 26px;
    line-height: 40px;
    font-style: italic;
    float: left;
    width: 100%;
    margin-bottom: 38px;
}

.posting .featured .description {
    width: 100%;
    float: left;
}
.posting .featured .description p {
    margin: 0;
    font-size: 30px;
    line-height: 40px;
}


.posting .featured .imagebox {
    max-height: 500px;
}
.posting .featured .imagebox.catoverview {
    max-height: 500px;
    height: 500px;
}

.posting .featured  .cta-wrapper a.cta {
    margin-bottom: 0;
}


.posting .allother-posts {
    width: 100%;
    position: relative;
    float: left;
    margin-top: 48px;
    display: grid;
    grid-template-columns: 33% 33% 33%;
    grid-gap: 0 45px;
}




.posting .allother-posts article {
    display: inline-block;
    /*margin-bottom: 50px;*/
    margin-bottom: 35px;
    width: 100%;
    float: left;
}

.posting .allother-posts article a {
    width: 100%;
}

.posting .allother-posts article .imagebox {
    width: 100%;
    position: relative;
    z-index: 1;
    margin-bottom: 25px;


    max-height: 325px;
    height: 325px;
    float: left;
    overflow: hidden;

}

.posting .allother-posts article .imagebox .iconbox {
    position: absolute;
    z-index: 2;
    width: 57px;
    height: 50px;
    background: rgba(255,255,255,0.7);
    bottom: 0;
    right:0;
    border-top-left-radius: 14px;
    padding: 14px 14px 11px 16px;
}

.posting .allother-posts article .imagebox .iconbox .arrowicon {
    background-image: url('assets/arrow.svg');
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    height: 100%;
}

.posting .allother-posts article .contentbox {
    width: 100%;
    position: relative;
    float: left;
    max-height: 70px;
    overflow: hidden;
}
.posting .allother-posts article a .contentbox .title {
    font-size: 26px;
    line-height: 33px;
    color: #232224;
}



@media screen and (max-width: 768px) {
    .posting .featured .imagebox.catoverview {
        max-height: 325px;
        height: auto;
    }

    .posting .featured .contenttext {
        width: 100%;
        padding-top: 50px;
        padding-left: 0;
    }


    .posting .allother-posts {
        display: flex;
        flex-wrap: wrap;
        grid-gap: inherit;
        grid-template-columns: inherit;
    }

    .posting .allother-posts article {
        width: calc(49% - 22.5px);
        margin: 0 25px 50px;
    }

    .posting .allother-posts article:nth-child(2n) {
        margin-right: 0;
    }

    .posting .allother-posts article:nth-child(2n+1) {
        margin-left: 0;
    }


    .posting .allother-posts article .imagebox img {
        width: 100%;
    }

}



@media screen and (max-width: 592px) {
    .posting .allother-posts article {
        width: 100%;
        margin: 0 0 50px;
    }


}



/******************************/
/***   LOAD MORE ARTICLES   ***/
/******************************/
.posting #more_posts {
    position: relative;
    text-align: center;
    float: left;
    width: 100%;
    margin: 60px 0 0;
}

.posting #more_posts .cta.btn-blue {
    background: #0E3683;
    color: #fff;
    border-radius: 14px 14px 0 14px;
    padding: 13px 38px;
    margin-bottom: 25px;
    text-decoration: none;
    line-height: 26px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 400;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    cursor: pointer;
    width: auto;
    display: inline-block;

}


/****************************/
/***   POST DETAIL PAGE   ***/
/****************************/


.page-content .backto {
    width: 100%;
    margin-bottom: 45px;
}

.page-content .backto .btlink:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 2343454324px;
    background-color: #E6EAF2;
    background-image: url('assets/backto.svg');
    background-size: 10px;
    padding: 0;
    margin-left: -45px;

    background-repeat: no-repeat;
    background-position: center;
}

.page-content .backto .btlink {
    margin-left: 45px;
    font-size: 20px;
    line-height: 30px;
}
.page-content .backto .btlink a {
    color: #0E3683;
}


.page-content .posting,
.posting .contentwrapper {
    width: 100%;
    float: left;
}
.page-content .posting {
    margin-bottom: 50px;
}


.posting .imagebox {
    width: calc(100% / 1/2);
    float: left;
    /*    height: 500px;*/
    margin-right: 50px;
    /*    margin-bottom: 95px;*/
}

.posting .featured .imagebox img {
    max-height: 500px;
}

.posting .contenttext {
    width: calc(100% / 1/2 - 50px);
    float: left;
    /*padding-left: 50px;*/
    padding-left: 0;
}

.posting .contenttext .infobox {
    width: 100%;
    margin-bottom: 40px;
    float: left;
    display: flex;
    align-content: center;
    align-items: center;
}

.posting .textcontent .dateinfo {
    font-size: 26px;
    line-height: 40px;
    font-style: italic;
    display: inline-block;
    width: auto;
    margin-bottom: 15px;
    margin-right: 20px;
    vertical-align: top;
}

.posting .textcontent .tagwrapper {
    width: auto;
    max-width: 440px;
    margin-left: 0;
    display: inline-block;
    /*vertical-align: bottom;*/
    vertical-align: top;
}

.posting .textcontent p {
    margin-top: 25px;
    font-size: 28px;
    line-height: 38px;
}

.posting .textcontent .tagwrapper .tagword,
.posting .contenttext .infobox .tagwrapper .tagword {
    background: #eef0f6;
    padding: 0 15px 5px;
    border-radius: 22px;
    position: relative;
    float: left;
    margin-right: 5px;
    margin-bottom: 15px;
}


.posting .textcontent .tagwrapper .tagword a,
.posting .contenttext .infobox .tagwrapper .tagword a {
    font-size: 24px;
    line-height: 30px;
    color: #B6327B;
}


.moreteaser {
    float: left;
    width: 100%;
}


.shareto {
    width: 100%;
    position: relative;
    float: left;
    margin-top: 60px;
    margin-bottom: 85px;
}

.shareto .social {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    height: 45px;
}

.shareto .handwritten {
    font-size: 42px;
    line-height: 38px;
    float: left;
    width: auto;
    margin-right: 35px;
}

.shareto .socialshare {
    width: auto;
    float: left;
    margin-top: -10px;
}

.shareto .socialshare a {
    margin-right: 15px;
    width: 36px;
    height: 38px;
    float: left;
    text-align: center;

}
.shareto .socialshare a img {
    height: 36px;
}





.infoboxpost {
    background:rgba(230,234,242, 0.69);
    width: 100%;
    position: relative;
    padding: 85px 0 60px;
    float: left;

    margin-top:  100px;
}

.infoboxpost .imagebox {
    width: 100px;
    position: relative;
    float: left;
}
.infoboxpost .contenttext {
    float: left;
    margin-left: 25px;
    width: calc(100% - 125px);
}


@media screen and (max-width: 768px) {
    .posting .imagebox {
        width: 100%;
        margin-right: 0;
    }
    .posting .imagebox img {
        width: 50%;
        height: auto;
    }

    .posting .textcontent {
        clear: both;
        width: 100%;
    }
}


/********************/
/***    FORMS    ***/
/*******************/

.gform_wrapper form {
    padding-bottom: 50px;
}


.gform_wrapper .field_description_below .gfield_consent_description, .gform_wrapper .gfield_consent_description {
    max-height: none;
}

.gform_wrapper .field_description_below .gfield_description.validation_message {

    display: none;
}


.gform_wrapper li.gfield.gfield_error.datapolicy.gfield_contains_required div.gfield_description {
    max-width: 100%;
    padding-right: 15px;
    width: 500px;
    font-size: 22px;
    position: relative;
}



.registerform_wrapper.gform_wrapper {
    background: #eef0f6;
    padding: 75px;
    width: 100%;
    float: left;
    border-top-right-radius: 40px;
    border: 0;
    position: relative;
}

.registerform_wrapper:after {
    content: '';
    background: url('assets/user-formlight.svg');
    width: 62px;
    height: 62px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 25px;

    right: 25px;
}

.kdfbform_wrapper .kdfbform .top_label input.medium, .kdfbform_wrapper .kdfbform .top_label select.medium,
.cartform_wrapper .cartform .top_label input.medium, .cartform_wrapper .cartform .top_label select.medium,
.registerform_wrapper .registerform .top_label input.medium, .registerform_wrapper .registerform .top_label select.medium {
    /*width: calc(100% - 13px);*/
    width: 100%;
}

.kdfbform_wrapper .kdfbform,
.cartform_wrapper .cartform,
.registerform_wrapper .registerform {
    width: 934px;
    margin: 0;
}

.registerform_wrapper .registerform .gf_page_steps,
.registerform_wrapper .registerform .gf_progressbar_wrapper,
.kdfbform_wrapper .kdfbform .gf_page_steps,
.kdfbform_wrapper .kdfbform .gf_progressbar_wrapper,
.cartform_wrapper .cartform .gf_page_steps,
.cartform_wrapper .cartform .gf_progressbar_wrapper {
    display: none;
}

.kdfbform_wrapper .kdfbform li,
.cartform_wrapper .cartform li,
.registerform_wrapper .registerform li {
    display: flex;
    align-content: center;
    align-items: flex-start;
    position: relative;
}

.kdfbform_wrapper .kdfbform .gfield_required,
.cartform_wrapper .cartform .gfield_required,
.registerform_wrapper .registerform .gfield_required {
    color: #0E3683;
    margin-left: 0;
}

.kdfbform_wrapper .kdfbform li label,
.cartform_wrapper .cartform li label,
.registerform_wrapper .registerform li label {
    float: left;
    width: 230px;
    padding-right: 15px;
    padding-top: 15px;
    margin: 8px 0 0;

    color: #0E3683;
    font-size: 24px;
    line-height: 32px !important;
    font-weight: 300 !important;

}
.registerform_wrapper .registerform li input[type="checkbox"] + label {
    padding-right: 0;
}
.kdfbform_wrapper .kdfbform li label + div,
.cartform_wrapper .cartform li label + div,
.registerform_wrapper .registerform li label + div {
    float: left;
    width: calc(100% - 245px);
}
.kdfbform_wrapper .kdfbform li label + div input,
.cartform_wrapper .cartform li label + div input,
.registerform_wrapper .registerform li label + div input {
    width: 660px;
    height: 60px;
    border: 0;

}


.kdfbform_wrapper .kdfbform li label + div textarea,
.cartform_wrapper .cartform li label + div textarea,
.registerform_wrapper .registerform li label + div textarea {
    width: 660px;
    height: 200px;
    border: 0;
}
.registerform_wrapper .registerform li label + div textarea {
    width: 100%;
}
.kdfbform_wrapper .kdfbform li input,
.cartform_wrapper .cartform li input,
.registerform_wrapper .registerform li input {
    font-size: 24px !important;
    line-height: 32px !important;
    padding: 12px 20px !important;
}
.cartform_wrapper .cartform li textarea,
.kdfbform_wrapper .kdfbform li textarea,
.registerform_wrapper .registerform li textarea {
    font-size: 24px;
    line-height: 32px;
    padding: 14px 20px;
}

.kdfbform_wrapper .kdfbform li label + div select,
.cartform_wrapper .cartform li label + div select,
.registerform_wrapper .registerform li label + div select {
    width: 660px;
    height: 60px;
    border: 0;
}

.registerform_wrapper .registerform li#field_2_14,
.registerform_wrapper .registerform li.password {
    display: inline-block;
}


.registerform_wrapper .registerform li#field_2_14 label {
    float: left;
    width: 230px;
    padding-right: 15px;

    color: #0E3683;
    font-size: 24px;
    line-height: 32px !important;
    font-weight: 300 !important;
}

.registerform_wrapper .registerform li.password > label {
    display: none;
    line-height: 0;
    width: 100%;
    height: 0;
}


.registerform_wrapper .registerform li.password span label {
    padding-top: 11px;
    float: left;
}

.registerform_wrapper .registerform li#field_2_14 label + div {
    float: left;
    width: calc(100% - 245px);
}

.registerform_wrapper .registerform li.password {
    width: 100%;
}

.registerform_wrapper .registerform li.password label + div {
    float: left;
    margin-top: 0;
    width: 100%;
}

.registerform_wrapper .registerform li.password .ginput_container_password {
    width: 100%;
    float: left;
}

.registerform_wrapper .registerform li.password .ginput_left,
.registerform_wrapper .registerform li.password .ginput_right {
    width: 100%;
    float: left;
    padding: 0;
    min-height: 60px;
}
.registerform_wrapper .registerform li.password .ginput_right {
    margin-top: 20px;
}

.registerform_wrapper .registerform li.password .ginput_left input,
.registerform_wrapper .registerform li.password .ginput_right input {
    float: left;
    /*width: 660px !important;*/
    margin-left: 0;
    position: absolute;
    margin-top:0;
}
.page-content .registerform_wrapper .registerform .ginput_complex.ginput_container_password input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="image"]):not([type="file"]) {
    width: calc(100% - 245px);
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label,
.module .gform_wrapper .top_label .field_sublabel_above label.gfield_label + .ginput_complex.ginput_container {
    margin-top: 12px;
    margin-bottom: 12px;
}
.module .gform_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.user .gform_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.module .gform_wrapper li.gfield_error textarea {
    border: 1px solid #b7347a;
}

.kdfbform_wrapper .kdfbform .ginput_container_select::before,
.cartform_wrapper .cartform .ginput_container_select::before,
.registerform_wrapper .registerform .ginput_container_select::before {
    content: "";
    width: 25px;
    height: 15px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -5px;
    background: url('assets/arrow-down-blue.svg');
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
}
body .kdfbform_wrapper .kdfbform .ginput_container.ginput_container,
.kdfbform_wrapper .kdfbform .ginput_container_select,
.registerform_wrapper .registerform .ginput_container_select {
    width: calc(100% - 245px);
    position: relative;
}
.cartform_wrapper .cartform .ginput_container_select {
    position: relative;
    width: calc(100% - 360px);
}

.kdfbform_wrapper .kdfbform select,
.cartform_wrapper .cartform select,
.registerform_wrapper .registerform select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
}
.kdfbform_wrapper kdfbform select::-ms-expand,
.cartform_wrapper cartform select::-ms-expand,
.registerform_wrapper .registerform select::-ms-expand {
    display: none;
}

.kdfbform_wrapper .kdfbform select,
.cartform_wrapper .cartform select,
.registerform_wrapper .registerform select {
    width: 100% !important;
    height: 60px;
    -moz-padding-start: calc(10px - 3px);
    background: #fff;
    cursor: pointer;
    font-size: 24px;
    line-height: 32px;
    color: #232224;
    outline: none;
    margin-left: -1px !important;
    padding: 15px 65px 15px 20px !important;
}

.kdfbform_wrapper .kdfbform select option,
.cartform_wrapper .cartform select option,
.registerform_wrapper .registerform select option {
    color: #232224;
    padding: 14px 19px;
    display: block;
    float: left;
}

.kdfbform_wrapper .kdfbform select:focus::-ms-value,
.cartform_wrapper .cartform select:focus::-ms-value,
.registerform_wrapper .registerform select:focus::-ms-value {
    background-color: transparent;
}


.kdfbform_wrapper .kdfbform li.datapolicy > div,
.cartform_wrapper .cartform li.datapolicy > div,
.registerform_wrapper .registerform li.datapolicy > div {
    float: left;
    margin-left: 175px;
    width: 35px;
}
.cartform_wrapper .cartform li.datapolicy > div {
    margin-left: 306px;
}

.kdfbform_wrapper .kdfbform li.datapolicy > div .gfield_required,
.cartform_wrapper .cartform li.datapolicy > div .gfield_required,
.registerform_wrapper .registerform li.datapolicy > div .gfield_required {
    display: none;
}

.kdfbform_wrapper .kdfbform li.datapolicy > div + div,
.cartform_wrapper .cartform li.datapolicy > div + div,
.registerform_wrapper .registerform li.datapolicy > div + div {
    margin-left: 15px;
    border: 0;
    width: 500px;
    /*margin-top: -30px;*/
    margin-top: 4px;
    font-size: 22px;
    line-height: 27px;
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container + div {
    margin-top: 8px;
}

.kdfbform_wrapper .kdfbform li.datapolicy div input,
.cartform_wrapper .cartform li.datapolicy div input,
.registerform_wrapper .registerform li.datapolicy div input {
    float: left;
    width: 33px;
    height: 33px;
}
.kdfbform_wrapper .kdfbform li.datapolicy div input + label,
.cartform_wrapper .cartform li.datapolicy div input + label,
.registerform_wrapper .registerform li.datapolicy div input + label {
    display: inline-block;
    float: left;
    width: 660px;
    color: #232224;
}



/* radio buttons */
.gform_wrapper [type="radio"]:checked,
.gform_wrapper [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.gform_wrapper [type="radio"]:checked + label,
.gform_wrapper [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 45px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #232224;
}
.gform_wrapper [type="radio"]:checked + label:before,
.gform_wrapper [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 29px;
    height: 29px;
    border: 0;
    border-radius: 100%;
    background: #fff;
}
.gform_wrapper [type="radio"]:checked + label:after,
.gform_wrapper [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 21px;
    height: 21px;
    background: #B6327B;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.gform_wrapper [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.gform_wrapper [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


/*Checkbox Register form*/
.kdfbform_wrapper .kdfbform li.datapolicy .ginput_container_consent,
.cartform_wrapper .cartform li.datapolicy .ginput_container_consent,
.registerform_wrapper .registerform li.datapolicy .ginput_container_consent {
    position: relative;
    float: left;
    width: 35px;
}

.kdfbform_wrapper .kdfbform li.datapolicy .ginput_container_consent label,
.cartform_wrapper .cartform li.datapolicy .ginput_container_consent label,
.registerform_wrapper .registerform li.datapolicy .ginput_container_consent label {
    cursor: pointer;
    display: inline;
    line-height: 33px;
    vertical-align: top;
    clear: both;
    padding-left: 1px;
    float: none;

}
.kdfbform_wrapper .kdfbform li.datapolicy .ginput_container_consent label:not(:empty),
.cartform_wrapper .cartform li.datapolicy .ginput_container_consent label:not(:empty),
.registerform_wrapper .registerform li.datapolicy .ginput_container_consent label:not(:empty) {
    padding-left: 22px;
    float: none;
    line-height: 33px;
}
.registerform_wrapper .registerform li.datapolicy .ginput_container_consent label:before,
.registerform_wrapper .registerform li.datapolicy .ginput_container_consent label:after,
.kdfbform_wrapper .kdfbform li.datapolicy .ginput_container_consent label:before,
.kdfbform_wrapper .kdfbform li.datapolicy .ginput_container_consent label:after,
.cartform_wrapper .cartform li.datapolicy .ginput_container_consent label:before,
.cartform_wrapper .cartform li.datapolicy .ginput_container_consent label:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
}
.kdfbform_wrapper .kdfbform li.datapolicy .ginput_container_consent label:before,
.cartform_wrapper .cartform li.datapolicy .ginput_container_consent label:before,
.registerform_wrapper .registerform li.datapolicy .ginput_container_consent label:before {
    width: 33px;
    height: 33px;
    background: #fff;
    border: 0 solid rgba(0, 0, 0, 0.54);
    border-radius: 0em;
    cursor: pointer;
    transition: background .3s;
}

.kdfbform_wrapper .kdfbform li.datapolicy .ginput_container_consent input[type="checkbox"],
.cartform_wrapper .cartform li.datapolicy .ginput_container_consent input[type="checkbox"],
.registerform_wrapper .registerform li.datapolicy .ginput_container_consent input[type="checkbox"] {
    outline: 0;
    visibility: hidden;
    width: 33px;
    margin: 0;
    display: block;
    float: left;
    font-size: inherit;
}
.kdfbform_wrapper .kdfbform li.datapolicy .ginput_container_consent input[type="checkbox"]:checked + label:before,
.cartform_wrapper .cartform li.datapolicy .ginput_container_consent input[type="checkbox"]:checked + label:before,
.registerform_wrapper .registerform li.datapolicy .ginput_container_consent input[type="checkbox"]:checked + label:before {
    background: #B6327B;
    border: none;
}
.kdfbform_wrapper .kdfbform li.datapolicy .ginput_container_consent input[type="checkbox"]:checked + label:after,
.cartform_wrapper .cartform li.datapolicy .ginput_container_consent input[type="checkbox"]:checked + label:after,
.registerform_wrapper .registerform li.datapolicy .ginput_container_consent input[type="checkbox"]:checked + label:after {
    transform: translate(0.25em, 0.3365384615em) rotate(-45deg);
    width: 0.75em;
    height: 0.375em;
    border: 0.125em solid #fff;
    border-top-style: none;
    border-right-style: none;
}
.cartform_wrapper .cartform li.datapolicy .ginput_container_consent input[type="checkbox"]:disabled + label:before,
.registerform_wrapper .registerform li.datapolicy .ginput_container_consent input[type="checkbox"]:disabled + label:before {
    border-color: rgba(0, 0, 0, 0.26);
}
.cartform_wrapper .cartform li.datapolicy .ginput_container_consent input[type="checkbox"]:disabled:checked + label:before,
.registerform_wrapper .registerform li.datapolicy .ginput_container_consent input[type="checkbox"]:disabled:checked + label:before {
    background: rgba(0, 0, 0, 0.26);
}

.cartform_wrapper .cartform li.datapolicy .gfield_description.gfield_consent_description a,
.registerform_wrapper .registerform li.datapolicy .gfield_description.gfield_consent_description a {
    color: #232224;
    text-decoration: underline;
}


.gform_wrapper .field_description_below .gfield_consent_description, .gform_wrapper .gfield_consent_description {
    overflow-y: unset !important;
}


.registerform_wrapper .registerform .gform_page_footer {
    border-top: 0;
    float: left;
    width: 100%;
    margin-top: 32px;
    padding-top: 0;
}

.module .registerform_wrapper .registerform .gform_next_button.button {
    background: #B6327B;
    color: #fff;
    border: 0;
    border-radius: 14px;
    border-bottom-right-radius: 0;
    padding: 13px 20px;
    font-size: 20px;
    line-height: 26px;
    float: right;
    cursor: pointer;
    margin-right: 30px;
}

.cartform_wrapper .cartform .req,
/*.kdfbform_wrapper .kdfbform .req,*/
.registerform_wrapper .registerform .req {
    position: absolute;
    bottom: 50px;
    font-size: 22px;
    line-height: 27px;
}



.cartform_wrapper .cartform li.req .requiredinfo,
.kdfbform_wrapper .kdfbform li.req .requiredinfo,
.registerform_wrapper .registerform li.req .requiredinfo {
    position: relative;
    font-size: 22px;
    line-height: 27px;
}


.registerform_wrapper .registerform .checkheadline {
    height:0;
    width:0;
    font-size: 0;
}

.registerform_wrapper .registerform .registercontent {
    width: 100%;
    float: left;
    margin:0;
}

.registerform_wrapper .registerform .registercontent .insertrow {
    width: 100%;
    float: left;
    padding: 25px 16px;
    display: flex;
    align-content: center;
    align-items: center;
}


.registerform_wrapper .registerform .registercontent .insertrow:nth-child(even) {
    background: rgba(255,255,255,0.69);
}
.registerform_wrapper .registerform .registercontent .insertrow .con {
    width: 230px;
    float: left;
    font-size: 24px;
    line-height: 32px;
    color: #0E3683;
    /*font-style: 300;*/
}
.registerform_wrapper .registerform .registercontent .insertrow .val {
    width: calc(100% - 268px);
    padding-left: 38px;
    float: left;
    font-style: italic;
    color: #232224;
    font-weight: 300;
}


#gform_page_2_2 .gform_page_footer,
#gform_page_8_2 .gform_page_footer {
    margin-top: 50px;
    float: right;
    text-align: right;
    width: auto;
    display: flex;
}


#gform_page_2_2 .gform_page_footer .gform_previous_button,
#gform_page_8_2 .gform_page_footer .gform_previous_button {
    order: 1;
    background: #0E3683;
    color: #fff;
    border: 0;
    border-radius: 14px;
    border-bottom-right-radius: 0;
    padding: 13px 20px !important;
    font-size: 20px !important;
    line-height: 26px !important;
    float: right;
    cursor: pointer;
    margin-right: 40px !important;
}
#gform_page_2_2 .gform_page_footer .gform_button,
#gform_page_8_2 .gform_page_footer .gform_button {
    order: 2;
    background: #B6327B;
    color: #fff;
    border: 0;
    border-radius: 14px;
    border-bottom-right-radius: 0;
    padding: 13px 20px !important;
    font-size: 20px !important;
    line-height: 26px !important;
    float: right;
    cursor: pointer;
    margin-right: 15px !important;
}


.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
    max-width: 100%;
    padding-right: 15px;
    clear: both;
    width: auto;
    position: absolute;
    font-size: 12px;
    right: 0;
    top: 0;
    text-align: right;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required.datapolicy div.gfield_description {
    clear: unset;
}

@media screen and (max-width: 1200px) {
    .kdfbform_wrapper .kdfbform li label + div textarea,
    .cartform_wrapper .cartform li label + div textarea,
    .registerform_wrapper .registerform li label + div textarea {
        width: calc(100% - 13px) !important;
    }
    .registerform_wrapper .registerform li.password .ginput_left input, .registerform_wrapper .registerform li.password .ginput_right input {
        width: calc(100% - 258px) !important;

    }

}

@media screen and (max-width: 991px) {
    .kdfbform_wrapper .kdfbform li,
    .cartform_wrapper .cartform li,
    .registerform_wrapper .registerform li {

        align-items: unset;
    }

    .kdfbform_wrapper .kdfbform li,
    .cartform_wrapper .cartform li,
    .registerform_wrapper .registerform li {
        flex-direction: column;
    }
    .registerform_wrapper .registerform li#field_2_14 label,
    .kdfbform_wrapper .kdfbform li label,
    .cartform_wrapper .cartform li label,
    .registerform_wrapper .registerform li label {
        width: 100%;
        padding-right: 0;
    }

    .registerform_wrapper .registerform li#field_2_14 label + div,
    .kdfbform_wrapper .kdfbform li label + div,
    .cartform_wrapper .cartform li label + div,
    .registerform_wrapper .registerform li label + div {
        width: 100%;
    }
    .kdfbform_wrapper .kdfbform .ginput_container_select,
    .cartform_wrapper .cartform .ginput_container_select,
    .registerform_wrapper .registerform .ginput_container_select {
        width: calc(100% - 13px);
        position: relative;
        margin-left: 0;
    }

    .registerform_wrapper .registerform li.password {
        width: 100%;
        margin-top: 0;
    }

    .registerform_wrapper .registerform li.password .ginput_left,
    .registerform_wrapper .registerform li.password .ginput_right {
        display: flex;
        flex-direction: column;
    }

    .registerform_wrapper .registerform li.password .ginput_left input,
    .registerform_wrapper .registerform li.password .ginput_right input {
        position: relative;
        width: calc(100% - 13px) !important;
        order: 2;
    }

    .registerform_wrapper .registerform li.password .ginput_left label,
    .registerform_wrapper .registerform li.password .ginput_right label {

        order: 1;
    }


    .kdfbform_wrapper .kdfbform li.datapolicy .ginput_container_consent,
    .cartform_wrapper .cartform li.datapolicy .ginput_container_consent,
    .registerform_wrapper .registerform li.datapolicy .ginput_container_consent {
        width: 100% !important;
    }
    
    .kdfbform_wrapper .kdfbform li.datapolicy > div,
    .cartform_wrapper .cartform li.datapolicy > div,
    .registerform_wrapper .registerform li.datapolicy > div {
        margin-left: 0;
    }



    .kdfbform_wrapper .kdfbform li.datapolicy > div + div,
    .cartform_wrapper .cartform li.datapolicy > div + div,
    .registerform_wrapper .registerform li.datapolicy > div + div {
        margin-left: 0;
        border: 0;
        width: 100%;
        margin-top: -47px;
        padding: 6px 0;
    }

    .registerform_wrapper .registerform .requiredinfo {
        position: relative;
        float: left;
        margin-top: 75px;
        width: 100%;
    }


}

@media all and (max-width: 720px)
{
    body .gform_legacy_markup_wrapper .top_label div.ginput_container.gfield_date_dropdown_day,
    body .gform_legacy_markup_wrapper .top_label div.ginput_container.gfield_date_dropdown_month
    {
        margin-right: 4.5%;
    }

    body .gform_legacy_markup_wrapper .top_label div.ginput_container.gfield_date_dropdown_year
    {
        margin-right: 0;
    }

    body .gform_legacy_markup_wrapper .top_label div.ginput_container.gfield_date_dropdown_day,
    body .gform_legacy_markup_wrapper .top_label div.ginput_container.gfield_date_dropdown_month,
    body .gform_legacy_markup_wrapper .top_label div.ginput_container.gfield_date_dropdown_year
    {
        width: 30%;
    }

    body .gform_legacy_markup_wrapper .top_label div.ginput_container.gfield_date_dropdown_day select,
    body .gform_legacy_markup_wrapper .top_label div.ginput_container.gfield_date_dropdown_month select,
    body .gform_legacy_markup_wrapper .top_label div.ginput_container.gfield_date_dropdown_year select
    {
        box-sizing: border-box !important;
        padding-right: 15px !important;
        width: 100% !important;
    }
}

@media screen and (max-width: 592px) {
    .registerform_wrapper.gform_wrapper {
        padding: 35px;
    }
}


@media screen and (max-width: 492px) {
    .registerform_wrapper .registerform li label + div input {
        height: 40px;
    }
    .registerform_wrapper .registerform li label + div select {
        height: 40px;

    }
    .registerform_wrapper .registerform select {
        padding: 3px 20px !important;
    }
}


@media all and (max-width: 385px)
{
    body .gform_legacy_markup_wrapper .top_label div.ginput_container.gfield_date_dropdown_day select,
    body .gform_legacy_markup_wrapper .top_label div.ginput_container.gfield_date_dropdown_month select,
    body .gform_legacy_markup_wrapper .top_label div.ginput_container.gfield_date_dropdown_year select
    {
        font-size: 14px;
        padding-left: 15px !important;
    }
}


/*********************/
/***    BUTTON     ***/
/*********************/
.gform_next_button.button {
    background: #B6327B;
    color: #fff;
    border: 0;
    border-radius: 14px;
    border-bottom-right-radius: 0;
    padding: 13px 20px;
    font-size: 20px;
    line-height: 26px;
    float: right;
    cursor: pointer;
    margin-right: 30px;
}


.gform_page_footer .gform_button {
    order: 2;
    background: #B6327B;
    color: #fff;
    border: 0;
    border-radius: 14px;
    border-bottom-right-radius: 0;
    padding: 13px 20px !important;
    font-size: 20px !important;
    line-height: 26px !important;
    float: right;
    cursor: pointer;
    margin-right: 15px !important;
}

.gform_previous_button {
    order: 1;
    background: #0E3683;
    color: #fff;
    border: 0;
    border-radius: 14px;
    border-bottom-right-radius: 0;
    padding: 13px 20px !important;
    font-size: 20px !important;
    line-height: 26px !important;
    float: right;
    cursor: pointer;
    margin-right: 40px !important;
}

/************************/
/***    PageCheck     ***/
/************************/

.gform_page .checkheadline {
    height:0;
    width:0;
    font-size: 0;
}

.gform_page .registercontent {
    width: 100%;
    float: left;
    margin:0;
}

.gform_page .registercontent .insertrow {
    width: 100%;
    float: left;
    padding: 25px 16px;
    display: flex;
    align-content: center;
    align-items: center;
}

.gform_page .registercontent  .insertrow:nth-child(even) {
    background: rgba(255,255,255,0.69);
}
.gform_page .registercontent .insertrow .con {
    width: 230px;
    float: left;
    font-size: 24px;
    line-height: 32px;
    color: #0E3683;
    /*font-style: 300;*/
}
.gform_page .registercontent  .insertrow .val {
    width: calc(100% - 268px);
    padding-left: 38px;
    float: left;
    font-style: italic;
    color: #232224;
    font-weight: 300;
}


/*******************************/
/***    Products FORM       ***/
/******************************/

.products {
    position: relative;
    width: 100%;
    top:0;
    z-index: 2;
    float: left;
    background:#fff;
}
.products.show {
    display: inline-block;
}


.products .productbox {
    clear: both;
    width: calc(50% - 16px);
    margin: 0 16px 16px 0;
    float: left;

    background: #E6EAF2;
    border-bottom-right-radius: 40px;

}


.products .productbox:nth-child(2n){
    clear: none;
    margin-right: 0;
}

.products .productbox .descbox {
    float: left;
    margin: 26px 15px 26px 30px;
    width: calc(100% - 290px);

    font-size: 24px;
    line-height: 33px;
}

.products .productbox .descbox .title {
    color: #0E3683;
    font-size: 26px;
    line-height: 33px;
    margin-bottom: 35px;
    width: 100%;
}

.products .productbox .descbox .description {

    font-size: 24px;
    line-height: 33px;
    width: 100%;
}

.products .productbox .imagebox {
    float: right;
    margin: 26px 30px 26px 15px;
    width: 200px;
}


.products .productbox .qtybox {
    border-top: 1px solid #fff;
    float: left;
    width: 100%;
    color: #B6327B;
    font-size: 24px;
    line-height: 33px;
}

.products .productbox .qtybox .qtyinput {
    width: 142px;
    height: 60px;
    margin: 30px 25px;
    border: 0;
    background: #fff;
    padding: 10px 15px;
    font-size: 24px;
    line-height: 33px;
}

.products  .cta-wrapper {
    clear: both;
    float: right;
}
.products  .cta-wrapper .btn.btn-default{
    border-radius: 14px 14px 0 14px;
    padding: 13px 38px;
    cursor: pointer;
    width: auto;

    margin-bottom: 25px;

    text-decoration: none;
    line-height: 26px;
    /*    text-transform: uppercase;*/
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    background: #B6327B;

}

.products .cta-wrapper .btn.btn-default:hover {
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}



.cartwrapper {
    position: relative;
    top:0;
    width: 100%;
    z-index: 0;
    display: none;
    background:#fff;
}

.cartwrapper.show {
    z-index: 3;
    display: inline-block;
}


.cartproduct {
    float: left;
    width: 100%;
    background: #E6EAF2;
    padding: 0 20px;
    margin-bottom: 5px;
}

.cartproduct .qty {
    float: left;
    width: 75px;
    color: #B6327B;
    font-size: 26px;
    line-height: 66px;
}

.cartproduct .det {
    float: left;
    font-weight: 600;
    font-size: 26px;
    line-height: 66px;

}

.cartproduct .det span {
    font-weight: 300;
}


.cartform .infobox {
    width: 100%;
    margin: 5px 0;
    border: 4px solid #B6327B;
    padding: 0 20px;
    font-size: 26px;
    line-height: 66px;
    float: left;
}

.cartform .gform_body {
    background: #E6EAF2;
    padding: 75px;
    width: 100%;
    float: left;
    border-top-right-radius: 40px;
    border: 0;
    position: relative;
    margin-top: 85px;
}
.cartform .gform_body:after {
    content: '';
    background: url('/wp-content/themes/kdfb/assets/cart-icon.svg');
    width: 70px;
    height: 62px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 25px;
    right: 25px;
}
.gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html.req {
    display: inline-block;
}

.req .cta-wrapper {
    float: left;
    position: relative;
}
.req .cta-wrapper .showbefore {
    background: #0E3683;
    color: #fff;
    border: 0;
    border-radius: 14px;
    border-bottom-right-radius: 0;
    padding: 13px 20px !important;
    font-size: 20px !important;
    line-height: 26px !important;
    float: right;
    cursor: pointer;
}





.cartform_wrapper .cartform {
    width: 100%;
    margin: 0;
}

.cartform .cartinserts {
    display: none;
    height: 0;
}



.cartform .gform_next_button.button {
    background: #B6327B;
    color: #fff;
    border: 0;
    border-radius: 14px;
    border-bottom-right-radius: 0;
    padding: 13px 20px !important;
    font-size: 20px !important;
    line-height: 26px !important;
    float: right;
    cursor: pointer;
    margin-right: 40px !important;
}



.cartform_wrapper .cartform li label {width: 360px;}



.cartform_wrapper .cartform .gfield_radio li {
    width: auto;
    float: left;
    margin-right: 35px;
}


.cartform_wrapper .cartform li label + div {
    float: left;
    width: calc(100% - 360px);
}


.gform_wrapper.gform_validation_error .top_label input.medium, .gform_wrapper.gform_validation_error .top_label select.medium {
    width: 100% !important;
}

.cartform_wrapper .cartform li label + div textarea {
    width: 100%;
}

.cartform .gform_footer .gform_button {

    background: #B6327B;
    color: #fff;
    border: 0;
    border-radius: 14px;
    border-bottom-right-radius: 0;
    padding: 13px 20px !important;
    font-size: 20px !important;
    line-height: 26px !important;
    float: right;
    cursor: pointer;
    margin-right: 235px !important;

    margin-top: -120px !important;

}


.cartform ul {
    margin-top: -85px !important;
    width: 1041px;
}


.gform_wrapper li.datapolicy.gfield.gfield_error.gfield_contains_required div.gfield_description {
    text-align: left;
}

.gform_wrapper .cartform .gform_footer {
    padding: 16px 0 10px 0;
    margin: 0;
    display: inline-block;
    clear: both;
    width: 100%;

}

.cartform .gform_footer {
    margin-top: -85px;
    z-index: 5;
    position: relative;
}

.cartform_wrapper .cartform .gform_body {
    padding: 75px 75px 200px 75px;
}

.cartform_wrapper .cartform .req {
    z-index: 3;
    bottom: 50px;
}

.gform_wrapper .cartform ul.gform_fields li.gfield#field_4_16.datapolicy > div,
.gform_wrapper .cartform ul.gform_fields li.gfield#field_4_17.datapolicy > div  {
    margin-left: 305px;
    height: 55px;
}

.gform_wrapper .cartform ul.gform_fields li.gfield#field_4_16.datapolicy > div + div,
.gform_wrapper .cartform ul.gform_fields li.gfield#field_4_17.datapolicy > div + div  {
    margin-top: -5px;
    margin-left: 15px;
    width: calc(100% - 375px);
}

.gform_wrapper .cartform ul.gform_fields li.gfield#field_4_17 {
    margin-top: 0;
}

.cartform .gform_footer .gform_button {
    position: relative;
    margin-top: -155px;
}

.gform_wrapper .cartform li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper .cartform  li.gfield_error textarea {
    width: 100%;
}


/*******************************/
/***    KONTAKT FORM       ***/
/******************************/

.kdfbform_wrapper .kdfbform .top_label input.medium, .kdfbform_wrapper .kdfbform .top_label select.medium {
    width: 100%;
}

.kdfbform_wrapper .kdfbform li label  + div textarea {
    width: 100%;
}

.kdfbform_wrapper.gform_wrapper {
    background: #d6d8dd;
    padding: 75px;
    width: 100%;
    float: left;
    border-top-right-radius: 40px;
    border: 0;
    position: relative;
}

.kdfbform_wrapper:after {
    content: '';
    background: url('assets/kontakt-icon.svg');
    width: 55px;
    height: 55px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 25px;

    right: 25px;
}

.kdfbform_wrapper .kdfbform li label {
    width: 265px;
    padding: 14px 0 0;
}
.kdfbform_wrapper .kdfbform li.datapolicy > div + div{
    margin-top: 0;
    width: calc(100% - 260px);
    float: left;
    clear:unset;
    position: relative;
}

.kdfbform_wrapper .kdfbform li label + div {
    float: left;
    /*width: calc(100% - 260px);*/
    width: calc(100% - 245px);
}

.kdfbform_wrapper .kdfbform .gfield_radio li {
    width: auto;
    float: left;
    margin-right: 35px;
}

body .gform_legacy_markup_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html b
{
    color: #0E3683;
}

.kdfbform_wrapper .kdfbform li.datapolicy {
    display: inline-block;
    float: left;
}

.kdfbform_wrapper .kdfbform li.datapolicy > div {margin-left: 200px;}

@media all and (min-width: 992px)
{
    .kdfbform_wrapper .kdfbform li.datapolicy > .ginput_container_consent
    {
        margin-left: 265px;
    }

    .kdfbform_wrapper .kdfbform li.datapolicy > .gfield_description.gfield_consent_description
    {
        width: calc(100% - 315px);
    }
}

.kdfbform .gform_footer .gform_button {
    order: 2;
    background: #B6327B;
    color: #fff;
    border: 0;
    border-radius: 14px;
    border-bottom-right-radius: 0;
    padding: 13px 20px !important;
    font-size: 20px !important;
    line-height: 26px !important;
    float: right;
    cursor: pointer;
    margin-right: 15px !important;
}


.kdfbform_wrapper .kdfbform li.datapolicy a.darkunderlinelink {
    color:#232224;
    text-decoration: underline;
}

@media screen and (max-width: 991px) {
    .kdfbform_wrapper .kdfbform li.datapolicy > div {margin-left: 0; padding: 6px 0;}
}



.gform_wrapper .field_description_below .gfield_consent_description, .gform_wrapper .gfield_consent_description {
    max-height: inherit;
}



/************************/
/***    Gallery      ***/
/***********************/

.gallerywrapper {
    width: 100%;
    float: left;
    margin: 45px 0;
    position: relative;

    display: flex;
    flex-wrap: wrap;

}


.gallerywrapper .imagecon {
    display: inline-block;

    position: relative;
    float: left;

    width: 32%;
    margin: 0 1% 50px;

}

.gallerywrapper .imagecon:nth-of-type(3n) {
    margin-right: 0;
}

.gallerywrapper .imagecon:nth-of-type(3n+1) {
    margin-left: 0;
}



.gallerywrapper .imagecon .imagebox {
    width: 100%;
    height: 320px;
    position: relative;
    float: left;
}

.gallerywrapper .imagecon .imagebox a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.gallerywrapper .imagecon .imagebox a figcaption {
    display: none;
}

.gallerywrapper .imagecon .imagebox a figcaption .title {
    font-size: 23px;
    line-height: 29px;
}

.gallerywrapper .imagecon .contentbox {
    background: #E6EAF2;
    border-radius: 0;
    border-bottom-left-radius: 40px;
    padding: 20px 26px 15px;
    position: relative;
    float: left;
    width: 100%;
}

.gallerywrapper .imagecon .contentbox .desc {
    width: 100%;
    float: left;
    font-size: 24px;
    line-height: 32px;
    margin-top: 0;
}

@media screen and (max-width: 991px) {

    .gallerywrapper .imagecon {
        width: 49%;
    }

    .gallerywrapper .imagecon:nth-of-type(3n) {
        margin-right: 1%;
    }

    .gallerywrapper .imagecon:nth-of-type(3n+1) {
        margin-left: 1%;
    }

    .gallerywrapper .imagecon:nth-of-type(2n) {
        margin-right: 0;

    }
    .gallerywrapper .imagecon:nth-of-type(2n+1) {
        margin-left: 0;
    }
}

@media screen and (max-width: 692px) {

    .gallerywrapper .imagecon {
        width: 100%;
        margin:0 0 50px;
    }

    .gallerywrapper .imagecon:nth-of-type(3n) {
        margin-right: 0%;
    }

    .gallerywrapper .imagecon:nth-of-type(3n+1) {
        margin-left: 0%;
    }

    .gallerywrapper .imagecon:nth-of-type(2n) {
        margin-right: 0;

    }
    .gallerywrapper .imagecon:nth-of-type(2n+1) {
        margin-left: 0;
    }
}



/***** Abstands-Korrekturen - Start *****/
.module.accordion-block,
.module.list-block,
.module.content-contact-teaser-block,
.module.invader-block,
.module.downloads-block,
.module.video-block,
.module.googlemaps-block,
.module.text-block,
.module.content-teaser-block {
    margin-bottom: 112px;
}
.module.fullwidth-image-block {
    margin-bottom: 82px;
}

.module.fullwidth-image-block.nomargin,
.module.accordion-block.nomargin,
.module.list-block.nomargin,
.module.content-contact-teaser-block.nomargin,
.module.invader-block.nomargin,
.module.downloads-block.nomargin,
.module.video-block.nomargin,
.module.googlemaps-block.nomargin,
.module.text-block.nomargin,
.module.content-teaser-block.nomargin {
    margin-bottom: 0;
}

.module.downloads-block .download-list {
    margin-bottom: -20px;
}
.module.text-image-block .content-width {
    padding: 0 35px 32px;
}
.module.text-image-block [class*="bg-"] {
    padding-top: 40px;
    padding-bottom: 60px;
}
/*.content .contentbox p:last-of-type {
    margin: 0;
}*/
.module.text-image-block .content .textbox .cta-wrapper:last-of-type {
    margin-bottom: -36px;
}
.module.gallery-block .content h1,
.module.gallery-block .content h2,
.module.gallery-block .content h3 {
    margin: 0;
}

.image-around-text img.alignleft {
    margin-top: 8px;
}

.module > div:not([class*="bg-"]) {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.cartform_wrapper .cartform li.req .requiredinfo {
    position: absolute;
    bottom: 100px;
}

.gform_wrapper ul.gform_fields li.gfield {
    font-size: 24px;
}
.gform_page_footer.top_label {
    text-align: right;
}
body .gform_wrapper .gform_page_footer {
    border-top: none;
}
.gform_page_footer.top_label input[type="button"],
.gform_page_footer.top_label input[type="submit"] {
    float: none;
}
#gform_submit_button_10 {
    margin-left: -30px;
}

@media screen and (min-width: 641px) {
    body .gform_wrapper .gform_footer input.button,
    body .gform_wrapper .gform_footer input[type="submit"],
    body .gform_wrapper .gform_page_footer input.button,
    body .gform_wrapper .gform_page_footer input[type="submit"] {
        font-size: 20px;
    }
}

/***** Abstands-Korrekturen - End *****/



/************************/
/***    READ MORE BTN    ***/
/************************/

.readmorebtn, .readmorebtnb {
    left: 50%;
    margin: 0 0 0 -88px;
    position: relative;
    width: auto;
    padding: 13px 23px;
    text-align: center;
    color: #0E3683;
    display: inline-block;
    border-radius: 14px;
    border-bottom-right-radius: 0;
    font-size: 20px;
    line-height: 26px;
    cursor: pointer;
}

.readmorebtnb:after,
.readmorebtn:after {
    width: 15px;
    height: 26px;
    position: relative;
    float: right;
    margin-left: 15px;
    content: "";
    background: url('assets/arrow_down_blue_big.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.readmorebtnb:after {
    transform: rotate(180deg);
}

/*.content .contentbox p:last-of-type + .readmorebtn,
.content .contentbox p:last-of-type + .readmorebtnb {
    margin-top: 32px;
}*/

/***** 404 Not found - Start *****/
.error-404 .searchform {
    padding: 24px 30px 30px;
    background-color: #eef0f6;
}
.error-404 .searchform label {
    margin: 0 10px 0 0;
}
.error-404 .searchform input[type="text"] {
    width: 440px;
    max-width: calc(100% - 100px);
    height: 52px;
    padding: 0 12px;
    font-family: "PT Sans", Arial;
    font-size: 24px;
    color: #232224;
    border: none;
}
.error-404 .searchform input[type="submit"] {
    margin-left: 10px;
    padding: 13px 20px;
    font-size: 20px;
    line-height: 26px;
    color: #fff;
    border: 0;
    border-radius: 14px 14px 0 14px;
    background: #b6327b;
    cursor: pointer;
}
/***** 404 Not found - End *****/




/***** Extra Search Field - Start *****/
.noresults {
    margin-top: 35px;
    display: inline-block;
    width: 100%;
}
.noresults .searchform {
    padding: 24px 30px 30px;
    background-color: #eef0f6;
}
.noresults .searchform label {
    margin: 0 10px 0 0;
}
.noresults .searchform input[type="text"] {
    width: 440px;
    max-width: calc(100% - 100px);
    height: 52px;
    padding: 0 12px;
    font-family: "PT Sans", Arial;
    font-size: 24px;
    color: #232224;
    border: none;
}
.noresults .searchform input[type="submit"] {
    margin-left: 10px;
    padding: 13px 20px;
    font-size: 20px;
    line-height: 26px;
    color: #fff;
    border: 0;
    border-radius: 14px 14px 0 14px;
    background: #b6327b;
    cursor: pointer;
}
/***** Extra Search Field - End *****/


/***** Fotodatenbank - Start *****/
.module.picturedb-block {
    margin-top: -54px;
}

.searchbox {
    padding: 70px 0;
}
.resultswrapper {
    margin-top: 45px;
}
.mainwrapper .result {
    margin-top: 50px;
    color: #0e3683;
}
.mainwrapper .pagination {
    margin-top: 35px;
}
.mainwrapper .pagination.bottom {
    margin-top: 0;
    margin-bottom: 30px;
}
.pagination .paginationlist li {
    width: 56px;
    line-height: 56px;
}
.pagination .paginationlist li.page-item.active {
    border-radius: 50%;
}

.resultswrapper .imagedownload:nth-of-type(3n+1) {
    clear: both;
}
.resultswrapper .imagedownload .contentbox {
    min-height: 150px;
    padding: 20px 26px 20px;
}
.resultswrapper .imagedownload .contentbox a.downloadimg {
    position: relative;
    padding: 0 0 0 40px;
    word-break: break-all;
}
.resultswrapper .imagedownload .contentbox a.downloadimg::before {
    position: absolute;
    left: 0;
}
.resultswrapper .imagedownload .imagebox .img-cover {
    object-position: top;
}
/***** Fotodatenbank - End *****/

/***** Störer mit kleinem Bild und Linktext - Start *****/
.storer_mit_kleinem_bild_und_linktext {
    margin-top: 70px;
}
.module.storer_mit_kleinem_bild_und_linktext a {
    display: block;
    text-decoration: none;
}
.storer_mit_kleinem_bild_und_linktext .stoerer-wrapper {
    display: flex;
    align-items: center;
}
.storer_mit_kleinem_bild_und_linktext .image {
    height: 130px;
    max-width: 407px;
    margin: -70px 20px 0 0;
}
.storer_mit_kleinem_bild_und_linktext .image img {
    max-height: 100%;
    width: auto;
}
.storer_mit_kleinem_bild_und_linktext .text {
    position: relative;
    padding: 0 0 0 40px;
    color: #0E3683;
}
.storer_mit_kleinem_bild_und_linktext .text .linkicon {
    position: absolute;
    top: 5px;
    left: 0;
    width: 27px;
    height: 26px;
}
/***** Störer mit kleinem Bild und Linktext - End *****/

/***** Header Inhaltsverzeichnis - Start *****/
.contents-header {
    display: flow-root;
    margin: 152px 0 130px;
    padding: 90px 0 25px;
    background-color: rgba(4, 102, 89, .13);
}
.contents-header .teaserbox {
    float: left;
    width: 49.4%;
    max-width: 100%;
}
.contents-header .teaserbox .current-issue {
    margin: 0 0 5px;
    font-size: 26px;
}
.contents-header .teaserbox h1 {
    margin-bottom: 26px;
}
.contents-header .teaserbox h2 {
    margin-bottom: 12px;
    font-size: 36px;
}
.contents-header .teaserbox p {
    font-size: 30px;
}
.contents-header .image {
    float: right;
    width: 43.6%;
    max-width: 100%;
    margin: 0 4px -155px 0;
}
/***** Header Inhaltsverzeichnis - End *****/

/***** Modul Inhaltsverzeichnis - Start *****/
.module.contents {
    margin-bottom: 112px;
}
.contents .contents-row {
    display: flex;
}
.contents .contents-row .number {
    color: #b6327b;
    flex: 0 0 50px;
}
.contents .contents-row .texts h3 {
    margin: 0;
    color: #b6327b;
    font-size: 28px;
    line-height: 1.35714;
    text-transform: uppercase;
}
.contents .contents-row .texts h3 a {
    color: inherit;
    font-weight: 700;
}
.contents .moretext {
    display: none;
}
.contents .readmorebtn,
.contents .readmorebtnb {
    left: 0;
    margin: 0;
}
/***** Modul Inhaltsverzeichnis - End *****/

/***** Bühne - engagiert - Start *****/
.stage-block-engagiert .content-width {
    padding: 0;
}
.engagiert-posts {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 -80px;
    padding: 0 38px;
}

.engagiert-posts .teaserbox {
    position: relative;
    width: calc(50% - 50px);
    margin: 0 0 80px;
    padding: 0 0 76px;
}
.engagiert-posts.slick .teaserbox {
    margin-left: 80px;
}
.engagiert-posts .teaserbox a {
    display: block;
    text-decoration: none;
}
.engagiert-posts .teaserbox .category {
    display: none;
}
.engagiert-posts .teaserbox .imagebox {
    height: 475px;
    margin: 0 0 18px;
}
.engagiert-posts .teaserbox .contentbox h2,
.engagiert-posts .teaserbox .contentbox .title {
    position: relative;
    margin: 0 0 16px;
    padding: 0 20px 0 30px;
    font-size: 44px;
    line-height: 1.06818;
    color: #b6327b;
}
.engagiert-posts .teaserbox .contentbox h2::before,
.engagiert-posts .teaserbox .contentbox .title::before {
    content: '';
    position: absolute;
    top: 7px;
    bottom: 5px;
    left: 0;
    border-left: 4px solid #B6327B;
}
.engagiert-posts .teaserbox .contentbox .postcontent {
    padding: 0 0 0 2px;
}
.engagiert-posts .teaserbox .contentbox h3 {
    margin: 0 0 14px;
    padding: 0 0 0 2px;
    line-height: 1.3125;
    color: #b6327b;
}
.engagiert-posts .teaserbox .contentbox .iconbox {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 58px;
    height: 58px;
    background-color: #efe9ec;
}
.engagiert-posts .teaserbox .contentbox .iconbox .arrowicon {
    width: 26px;
    height: 26px;
    background: url("assets/arrow-right-magenta.svg") no-repeat;
    background-size: 26px auto;
}
.engagiert-posts .teaserbox .contentbox .iconbox p {
    display: none;
}

.engagiert-posts.first-featured .teaserbox:first-of-type {
    width: 100%;
    margin: 10px 0 80px;
    padding: 0;
}
.engagiert-posts.first-featured .teaserbox:first-of-type .category {
    display: flex;
    float: right;
    position: relative;
    margin: 0 4px -46px 0;
    padding: 15px 32px 17px 22px;
    font-size: 22px;
    color: #0e3683;
    border-radius: 18px 18px 0;
    background-color: rgba(238, 240, 246, .95);
    z-index: 2;
}
.engagiert-posts.first-featured .teaserbox:first-of-type .category p.cat {
    margin: 0;
    font-size: inherit;
    color: inherit;
}
.engagiert-posts.first-featured .teaserbox:first-of-type .category a.link-to-contents {
    position: relative;
    margin: 0 0 0 60px;
    padding: 0 0 0 30px;
    color: #0e3683;
    text-decoration: none;
}
.engagiert-posts.first-featured .teaserbox:first-of-type .category a.link-to-contents::before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 19px;
    height: 19px;
    background: url('assets/arrow.svg') no-repeat;
    background-size: 19px auto;
}
.engagiert-posts.first-featured .teaserbox:first-of-type .category a.link-to-contents:hover {
    text-decoration: underline;
}

.engagiert-posts.first-featured .teaserbox:first-of-type .contentbox {
    position: relative;
    width: 67.3%;
    margin: -86px 0 0;
    padding: 54px 40px 36px 50px;
    background-color: #0e3683;
    z-index: 2;
}
.engagiert-posts.first-featured .teaserbox:first-of-type .contentbox h2 {
    margin: 0 0 6px;
    padding: 0;
    font-family: "LumiosMarker";
    font-size: 80px;
    line-height: 1.2;
    color: #fff;
}
.engagiert-posts.first-featured .teaserbox:first-of-type .contentbox h2::before {
    top: auto;
    bottom: 8px;
    width: 88px;
    border-left: 0;
    border-top: 4px solid #fff;
}
.engagiert-posts.first-featured .teaserbox:first-of-type .contentbox .postcontent {
    margin: 0 0 30px;
    padding: 0;
}
.engagiert-posts.first-featured .teaserbox:first-of-type .contentbox h3 {
    margin: 0 0 30px;
    padding: 0;
    font-size: 36px;
    color: #fff;
}
.engagiert-posts.first-featured .teaserbox:first-of-type .contentbox p {
    font-size: 30px;
    line-height: 1.33333;
    color: #fff;
}
.engagiert-posts.first-featured .teaserbox:first-of-type .contentbox .iconbox {
    justify-content: left;
    position: relative;
    bottom: auto;
    left: auto;
    width: auto;
    height: auto;
    background-color: transparent;
}
.engagiert-posts.first-featured .teaserbox:first-of-type .contentbox .iconbox .arrowicon  {
    width: 26px;
    height: 26px;
    margin: 3px 16px 0 0;
    background: url('assets/arrow-light.svg') no-repeat;
    background-size: 26px auto;
}
.engagiert-posts.first-featured .teaserbox:first-of-type .contentbox .iconbox p {
    display: block;
    margin: 0;
}
.engagiert-posts.first-featured .teaserbox:first-of-type .imagebox {
    height: 645px;
    margin: 0 -38px 38px;
}
/***** Bühne - engagiert - End *****/

/***** Teaser untereinander - Start *****/
.content-teaser-block.layout-among .content > .title {
    position: relative;
    padding: 0 0 24px;
    font-size: 54px;
}
.content-teaser-block.layout-among .content > .title::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 54px;
    border-bottom: 4px solid #b6327b;
}
.content-teaser-block.layout-among .teaserbox {
    margin: 0 0 72px;
}
.content-teaser-block.layout-among .teaserbox:last-of-type {
    margin-bottom: 0;
}
.content-teaser-block.layout-among .teaserbox > a {
    display: flex;
    justify-content: space-between;
    text-decoration: none;
}
.content-teaser-block.layout-among .teaserbox .imagebox {
    width: 45%;
    height: 475px;
}
.content-teaser-block.layout-among .teaserbox .contentbox {
    width: 47.3%;
}
.content-teaser-block.layout-among .teaserbox .contentbox .title {
    position: relative;
    min-height: 94px;
    margin: 0 0 16px;
    padding: 0 20px 0 30px;
    font-size: 44px;
    line-height: 1.06818;
    color: #b6327b;
}
.content-teaser-block.layout-among .teaserbox .contentbox .title::before {
    content: '';
    position: absolute;
    top: 6px;
    bottom: 4px;
    left: 0;
    border-left: 4px solid #b6327b;
}
.content-teaser-block.layout-among .teaserbox .contentbox .postcontent {
    margin: 0 0 18px;
}
.content-teaser-block.layout-among .teaserbox .contentbox h3 {
    margin: 0 0 14px;
    padding: 0 0 0 2px;
    font-size: 32px;
    line-height: 1.3125;
    color: #b6327b;
}
.content-teaser-block.layout-among .teaserbox .contentbox .iconbox {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 58px;
    height: 58px;
    background-color: #efe9ec;
}
.content-teaser-block.layout-among .teaserbox .contentbox .iconbox .arrowicon {
    width: 26px;
    height: 26px;
    background: url("assets/arrow-right-magenta.svg") no-repeat;
    background-size: 26px auto;
}
/***** Teaser untereinander - End *****/

/***** Beitragseite engagiert - Start *****/
.posting.engagiert .text-stage {
    margin: -172px 0 0;
    padding: 210px 0 38px;
    background-color: rgba(182, 50, 123, .13);
}
.posting .textcontent .dateinfo {
    margin-bottom: 0;
}
.posting .textcontent ul {
    margin-left: 30px;
}
/***** Beitragseite engagiert - End *****/

/***** Beitragseite / Weitere Artikel - Start *****/
.content-more-posts .section-title {
    margin: 0 0 60px;
    font-size: 44px;
    color: #0e3683;
    text-align: center;
}
.engagiert-posts .teaserbox .contentbox h2 {
    position: relative;
    margin: 0 0 16px;
    padding: 0 20px 0 30px;
    line-height: 1.06818;
    color: #b6327b;
}
/***** Beitragseite / Weitere Artikel - End *****/

/**********************/
/***    FOOTER      ***/
/**********************/

.footersocial {
    height: 80px;
    background: #7E4394;
    color: #fff;
    padding: 17px 0;
    width: 100%;
    position: relative;
    float: left;
}
.footersocial .socialbox {
    width: 100%;
    text-align: center;
    position: relative;
}

.footersocial .socialbox .title {
    font-size: 36px;
    line-height: 33px;
    padding-top: 12px;
}


.footersocial .socialbox .title,
.footersocial .socialbox .links,
.footersocial .socialbox .hashtagbox {
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.footersocial .socialbox .links {
    margin: 0 5px 0 120px;
    padding: 5px 0 0 0;
}

.footersocial .socialbox .hashtagbox a {
    display: block;
}

.footersocial .socialbox .links .links-inner
{
	align-items: center;
	display: flex;
	height: 40px;
}

.footersocial .socialbox .links a {
    width: 36px;
    /*height: 40px;*/
    margin-right: 50px;
    line-height: 36px;
}
.footersocial .socialbox .links a:last-child {
    margin-right: 0;
}
.footersocial .socialbox .links a.sclink-facebook {
    width: 38px;
    height: 38px;
}
.footersocial .socialbox .links a.sclink-twitter {
    position: relative;
    top: 1px;
    width: 41px;
    padding-top: 1px;
    height: 38px;
}
.footersocial .socialbox .links a.sclink-youtube {
    position: relative;
    /*top: -6px;*/
    width: 37px;
    height: 26.5px;
}

.footersocial .socialbox .links a.sclink-instagram {
    position: relative;
    height: 36px;
}

.footersocial .socialbox .links a .fbicon,
.footersocial .socialbox .links a .instagramicon,
.footersocial .socialbox .links a .youtubeicon,
.footersocial .socialbox .links a .twittericon {
    fill: #fff;
}

.footersocial .socialbox .graphic.only,
.footersocial .socialbox .hashtagbox {
    font-weight: 700;
    background: #fff;
    padding: 10px 10px;
    width: 210px;
    margin-left: 36px;
}
.footersocial .socialbox .hashtagbox .graphic {
    float: left;
    width: 35px;
    position: relative;
}
.footersocial .socialbox .hashtagbox .hashtag {
    float: left;
    width: calc(100% - 55px);
    margin-left: 15px;
    position: relative;
    text-align: left;
    font-size: 18px;
    line-height: 27px;
    color: #7E4394;
}

.footer {
    width: 100%;
    position: relative;
    float: left;
    color: #7E4394;
    margin: 69px 0 54px;
    font-size: 22px;
    line-height: 30px;
}


.footer .contactbox {
    width: 35% !important;
    float: left;
    position: relative;
}
.footer .phones, .footer .quicklinks, .footer .contactbox {
    width: calc(33% - 2%);
    float: left;
    position: relative;
    padding-top: 26px;
    padding-right: 20px;
}

.footer .quicklinks ul {
    list-style-type: none;
    margin:0;
    padding: 0;
}

.footer .quicklinks ul li:before {
    content: "";
    background-image: url('assets/arrow-lila.svg');
    width: 20px;
    height: 30px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
}

.footer .quicklinks ul li {
    margin-bottom: 0;
    padding-left: 30px;
}

.footer .logo {
    width: 34%;
    float: left;
    margin: 0 0 20px;
    padding: 0 30px 0 0;
}
.footer .logo img {
    width: 360px;
    max-width: 100%;
    height: auto;
}

.footer-image {
    position: relative;
    float: left;
    width: 100%;
}
.footer-image img {
    width: 100%;
    height: auto;
}
.footer-image .button-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer-image .cta-wrapper a.cta {
    margin: 0 24px;
}

.footercopyright {
    border-top: 3px solid #7E4394;
    color: #7E4394;
    padding: 20px 0;
    width: 100%;
    position: relative;
    float: left;
    font-size: 18px;
    line-height: 23px;
}


.footercopyright .date {
    float: left;
    position: relative;
    width: 63%;
}
.footercopyright .legalmenu {
    float: right;
    text-align: left;
    width: 37%;
    position: relative;
}

.footercopyright .legalmenu .menu {
    margin:0;
    padding: 0;
    position: relative;
    display: flex;
    justify-content: end;
    width: 100%;
}
.footercopyright .legalmenu ul li {
    float: left;
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;
    list-style-type: none;
    display: inline-block;
    border-right: 1px solid #7E4394;
}
.footercopyright .legalmenu ul li:last-child {
    border-right: 0;
    margin-right: 0;
    padding-right:0;
}

.gform_fields li::before{
    display: none;
}

.loginbox .gf_login_form .gform_footer.top_label
{
	display: block;
}

/***** SEO-Optimierung - Start *****/
.page-id-2 .module.title-block.first-module h1 {
    display: none;
}
/***** SEO-Optimierung - End *****/

body .leaflet-map.WPLeafletMap.leaflet-container .leaflet-pane
{
    z-index: 9;
}

body .leaflet-map.WPLeafletMap.leaflet-container .leaflet-pane .leaflet-marker-pane .fa-solid.fa-heart::before
{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke-width='2' fill='%23ffffff' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1' stroke='%23ffffff'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    content: "";
    display: block;
    height: 15px;
    width: 15px;
}

body .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed
{
    width: 100%;
}

body .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-thumbnail
{
    width: 100%;
}

body .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption
{
    font-size: 18px;
}

body .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption p
{
    color: white;
    text-align: center;
}

body .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption a:link,
body .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption a:visited
{
    color: white;
    text-decoration: underline;
}

body .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption a:hover
{
    text-decoration: none;
}

body .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption ._brlbs-btn
{
    background: #B6327B;
    border-radius: 14px 14px 0 14px;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    padding: 7px 28px 9px;
    line-height: 33px;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    width: auto;
}

.leaflet-popup-content
{
    color: #232224;
    font-size: 14px;
}

.leaflet-container a,
.leaflet-container a:link,
.leaflet-container a:visited
{
    color: #622181;
    text-decoration: none;
}

.leaflet-container a:hover
{
    text-decoration: underline;
}

.https-staging-kdfb-berlin-de.page-id-1469 h2,
.http-www-kdfb-berlin-de.page-id-1469 h2,
.https-www-kdfb-berlin-de.page-id-1469 h2
{
    clear: both;
}

@media screen and (max-width: 1180px) {
    .footer {
        font-size: 18px;
        line-height: 23px;
    }
}

@media screen and (max-width: 1024px) {
    .footersocial .socialbox .grafik.only,
    .footersocial .socialbox .hashtagbox {
        margin-left: 15px;
        margin-top: 0;
    }
}

@media screen and (max-width: 991px) {

    .footersocial .socialbox .grafik.only,
    .footersocial .socialbox .hashtagbox {
        clear: both;
        margin-top: 15px;

    }


    .footer .contactbox,
    .footer .phones,
    .footer .quicklinks {
        width: 100%;
    }

    .footer .phones, .footer .quicklinks {
        padding-top: 26px;
    }
    .footer .quicklinks ul {
        margin-left: 25px;
    }
    .footer .quicklinks ul li:before {
        width: 15px;
        height: 25px;
        margin-left: -25px;
    }

}

@media screen and (max-width: 768px) {
    .footer {
        margin: 30px 0;
    }

    .footersocial .socialbox .links {
        margin: 5px 0 0 0;
        clear:left;
        width: 100%;
    }

    .footercopyright .content-width {
        display: flex;
        flex-direction: column;
    }

    .footercopyright .date {
        order: 2;
        width: 100%;
        text-align: left;
        margin-top: 15px;
    }
    .footercopyright .legalmenu {
        order: 1;
        text-align: left;
        width: 100%;

    }
}

@media screen and (max-width: 492px) {
    .footersocial .socialbox .title {
        font-size: 30px;
    }

    .footersocial .socialbox .links a {
        margin-right: 30px;
    }
}





@media screen and (max-width: 768px) {
    p {
        font-size: 22px;
        line-height: 29px;
    }


    .imgbox {
        max-height: 325px;
    }

    h1, .h1-style, .headline {
        font-size: 34px;
        line-height: 38px;
    }

    h2, .h2-style, .subheadline {
        font-size: 30px;
        line-height: 36px;
    }

    .wp-caption-text {
        font-size: 16px;
        line-height: 23px;
    }

    h3, .h3-style {
        font-size: 26px;
        line-height: 32px;
    }

    .cta-wrapper a.cta {
        font-size: 15px;
        line-height: 19px;
    }

}