html {
    -webkit-text-size-adjust: 100%;
}
input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"],
input[type="submit"],
textarea {
    appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
}
input:focus {
    outline: none;
    box-shadow: none;
}




@media (max-width: 767px) {

    /***** Globals - Start *****/
    body {
        font-size: 20px;
        line-height: 1.4;
    }

    .banner-staging {
        left: calc(50% - 55px);
        font-size: 12px;
        padding: 0 4px !important;
    }

    .ce-bodytext a::before {
        top: 2px;
    }

    input[type="text"],
    input[type="tel"],
    input[type="password"],
    input[type="email"],
    textarea {
        font-size: 18px;
    }
    /***** Globals - End *****/

    /***** Select - Start *****/
    .select .selected::before {
        top: 20px;
    }
    /***** Select - End *****/

    /***** Content - Start *****/
    .header-content {
        margin: 0 0 40px;
    }
    /***** Content - End *****/

    /***** RTE - Start *****/
    .button, a.button {
        display: inline-block;
        padding-top: 4px;
    }
    .button::before, a.button::before,
    .button::after, a.button::after {
        top: 0;
    }

    a.anchor {
        display: inline-block;
        margin: 0 10px;
        padding: 0 0 0 18px;
    }
    .ce-bodytext a.anchor::before,
    a.anchor:hover::before {
        top: auto;
        bottom: 6px;
    }
    a.anchor::after {
        display: none;
    }
    /***** RTE - Start *****/

    /***** TYPO3 - Start *****/
    h1 {
        margin: 0 0 28px;
        font-size: 32px;
    }
    h2 {
        font-size: 24px;
    }
    .home header.header h2 {
        font-size: 32px;
        line-height: 1;
    }
    header.header h2 {
        margin: 0 0 20px;
        font-size: 24px;
    }
    h3 {
        margin: 0 0 20px;
        font-size: 22px;
    }
    h4 {
        margin: 0 0 20px;
        font-size: 20px;
    }

    .frame-type-textmedia,
    .frame-type-text,
    .frame-type-uploads,
    .frame-type-bullets {
        margin: 0 0 40px;
    }
    .ce-bodytext ul li::before {
        top: 10px;
    }
    .ce-bodytext ol li {
        padding: 0 0 0 34px;
    }
    .ce-intext.ce-right .ce-gallery {
        margin-left: 0;
    }
    .ce-gallery .ce-row {
        margin-bottom: 0;
    }
    .ce-gallery .ce-row .ce-column {
        margin-right: 0;
        margin-bottom: 12px;
    }
    .ce-bodytext ul li {
        margin: 0 0 10px;
    }
    .ce-bodytext ul li:last-of-type {
        margin-bottom: 0;
    }
    ul.ce-uploads li,
    .frame-layout-23 ul.ce-uploads li,
    .frame-layout-120 ul.ce-uploads li {
        margin: 0 0 12px;
    }
    ul.ce-uploads li::before,
    .frame-layout-23 ul.ce-uploads li::before,
    .frame-layout-120 ul.ce-uploads li::before {
        top: 1px;
    }
    .ce-uploads-filesize {
        font-size: 18px;
    }

    a[data-fancybox]::before {
        width: 48px;
        height: 46px;
        background-size: 26px auto;
    }
    a[data-fancybox]:hover::before {
        background-size: 26px auto;
    }

    .ce-gallery figcaption {
        padding: 4px 0;
        font-size: 16px;
    }

    .ce-bodytext a[href^="javascript:linkTo"] {
        padding: 0 0 0 30px;
    }
    .ce-bodytext a[href^="javascript:linkTo"]::before {
        width: 24px;
        height: 18px;
    }

    hr.ce-div {
        margin: 0 0 40px;
    }
    /***** TYPO3 - End *****/

    /***** Bootstrap Grids - Start *****/
    /*.frame-type-gridelements_pi1 {*/
    /*    margin: 0 0 40px;*/
    /*}*/
    /***** Bootstrap Grids - End *****/

    /***** Tabellen - Start *****/
    .table-responsive {
        margin: 0 0 40px;
    }
    .table.rm {
        font-size: 16px;
    }
    .table.rm th {
        font-size: 18px;
    }
    .table.rm.th-left tr td:first-of-type {
        font-size: 18px;
    }
    /***** Tabellen - End *****/

    /***** Frame-Layouts - Start *****/
    /** Linkliste **/
    .frame-layout-26 .ce-bodytext ul li a::before,
    .frame-layout-26 .ce-bodytext a::before {
        top: 4px;
    }
    .frame-layout-26 .header .inner {
        padding-top: 18px;
    }
    .frame-layout-26 .inner {
        padding: 0 12px 20px;
    }

    /** Infokasten blau **/
    .frame-layout-23 .header .inner {
        padding-top: 18px;
    }
    .frame-layout-23 .inner {
        padding: 0 12px 20px;
    }
    .frame-layout-23 .ce-bodytext ul li::before {
        top: 2px;
    }

    /** Ansprechpartner **/
    .frame-layout-25 {
        padding: 10px 12px 30px;
    }
    .frame-layout-25::before {
        top: 12px;
        right: 12px;
        width: 48px;
        height: 48px;
    }
    .frame-layout-25 header.header .headline-outer {
        padding: 10px 60px 0 0;
    }
    .frame-layout-25 .ce-bodytext {
        padding: 0;
    }
    .frame-layout-25 .ce-bodytext p:last-of-type {
        margin: 0;
    }

    /** Infokasten mit Icon **/
    .frame-layout-24 {
        padding: 10px 12px 30px;
    }
    .frame-layout-24::before {
        top: 12px;
        right: 12px;
        width: 48px;
        height: 48px;
    }
    .frame-layout-24 header.header .headline-outer {
        padding: 10px 60px 0 0;
    }
    .frame-layout-24 .ce-bodytext {
        padding: 0;
    }
    .frame-layout-24 .ce-bodytext p:last-of-type {
        margin: 0;
    }

    /** Infokasten magenta **/
    .frame-layout-120 .header .inner {
        padding-top: 18px;
    }
    .frame-layout-120 .inner {
        padding: 0 12px 20px;
    }
    .frame-layout-120 .ce-bodytext ul li::before {
        top: 2px;
    }

    /** Teaser **/
    .frame-layout-130 figure.image {
        margin: 0;
    }
    .frame-layout-130 h3 {
        margin: 0 0 34px;
    }
    .frame-layout-130 h3::before {
        bottom: -16px;
    }
    /*.frame-type-gridelements_pi1 .row > div:last-of-type .frame-layout-130 {*/
    /*    margin-bottom: 0;*/
    /*}*/

    /** Hintergrund hellblau **/
    .frame-layout-140 {
        margin: 0 0 40px;
        padding: 30px 0 30px;
    }
    .home .frame-layout-140 header.header h2 {
        margin: 0 0 42px;
    }

    /** Ansprechpartner **/
    .frame-layout-170 {
        padding: 10px 12px 30px;
    }
    .frame-layout-170::before {
        top: 12px;
        right: 12px;
        width: 48px;
        height: 48px;
    }
    .frame-layout-170 header.header .headline-outer {
        padding: 10px 60px 0 0;
    }
    .frame-layout-170 .ce-bodytext {
        padding: 0;
    }
    .frame-layout-170 .ce-bodytext p:last-of-type {
        margin: 0;
    }

    /***** Frame-Layouts - End *****/

    /***** Header - Start *****/
    header.main {
        height: 100px;
    }
    header.main .link-logo {
        justify-content: flex-start;
        width: auto;
        max-width: calc(100% - 128px);
        min-width: unset;
        padding: 0 15px 0 94px;
    }
    header.main .link-logo .logo {
        left: 0;
        top: 0;
        right: auto;
        width: 81px;
        height: 100px;
        background-size: 44px auto;
    }
    .scrolled header.main .link-logo .logo {
        right: auto;
        width: 81px;
        background-size: 44px auto;
    }
    header.main .link-logo .link {
        padding-bottom: 4px;
        font-size: 18px;
        line-height: 1.2;
        border-bottom-width: 3px;
    }

    header.main .btn-dv-overview {
        top: calc(50% - 22px);
        right: 82px;
        width: 28px;
        height: 44px;
    }

    header.main .get-member {
        top: calc(76vh - 50px);
        font-size: 16px;
    }
    header.main .get-member .link {
        width: 84px;
        padding: 10px 0 10px 12px;
        border-radius: 20px 0 0 20px;
    }

    .breadcrumb {
        font-size: 16px;
    }
    .breadcrumb li {
        margin: 0 20px 0 0;
    }
    /***** Header - End *****/

    /***** Navigation - Start *****/
    header.main .btn-nav {
        right: 20px;
    }

    nav.main {
        width: 100%;
        height: 100%;
        padding: 72px 24px 40px;
    }
    nav.main .btn-nav-close {
        top: 24px;
        right: 20px;
    }
    nav.main > ul {
        width: auto;
    }
    nav.main > ul > li {
        font-size: 20px;
    }
    nav.main > ul > li > .toggle {
        top: -2px;
    }
    nav.main .subnav > ul > li {
        padding-bottom: 16px;
        font-size: 18px;
    }
    nav.main .subnav > ul > li:last-of-type {
        padding-bottom: 0;
    }
    nav.main > ul > li .toggle {
        top: -4px;
    }
    /***** Navigation - End *****/

    /***** Content - Start *****/
    .outer {
        padding: 100px 0 0;
    }
    /***** Content - End *****/

    /***** Header-Teaser - Start *****/
    .header-teaser {
        display: block;
        min-height: 208px;
        margin: -100px 0 0;
        padding: 100px 0 40px;
    }
    .header-teaser.has-welcome-text {
        padding-bottom: 240px;
    }
    .header-teaser .image {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
    }
    .header-teaser .image picture {
        height: 100%;
    }
    .header-teaser .image img {
        /*width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: left;*/
    }
    .header-teaser .header-teaser-wrapper {
        margin: -54px 24px 0;
    }
    .header-teaser .text-box {
        width: auto;
        max-width: 100%;
        height: auto;
        margin: 0;
        padding: 32px 24px 32px;
        font-size: 20px;
        background-color: rgba(var(--color-primary), 1);
    }
    .header-teaser .text-box a {
        padding-top: 4px;
    }
    .header-teaser .text-box .title .headline {
        margin: 0 0 16px;
        font-size: 32px;
    }
    .header-teaser .breadcrumb {
        margin: 0 0 24px;
        font-size: 16px;
    }
    .header-teaser .breadcrumb li {
        margin: 0 12px 6px 0;
    }

    .topic .header-teaser {
        height: auto;
    }
    .topic .header-teaser .text-box {
        width: auto;
        margin: 0;
        overflow: hidden;
    }
    .header-teaser .text-box .pretitle .headline {
        font-size: 20px;
    }

    .topic .header-teaser.bg-1 .text-box::before {
        right: 2px;
        top: -68px;
        width: 134px;
        height: 134px;
    }

    .header-teaser .image-copyright {
        /*top: 116px;*/
        top: 12px;
    }

    .header-teaser .welcome-text-wrapper {
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
        padding: 36px 0 24px;
        text-align: center;
        color: #fff;
        background-color: rgb(var(--color-primary));
        margin: 32px 0 0;
    }
    .header-teaser .welcome-text-wrapper .text {
        font-size: 24px;
    }
    .header-teaser .welcome-text-wrapper .inner .dv-icon {
        bottom: auto;
        top: -60px;
        left: 0;
        width: 60px;
        height: 60px;
    }
    /***** Header-Teaser - End *****/

    /***** News - Start *****/
    .topic .news {
        margin-bottom: 20px;
    }

    .news-related {
        padding: 20px 0 0 58px;
    }
    .news-related h3 {
        padding: 10px 0 0;
        font-size: 26px;
    }
    .news-related h3::before {
        left: -60px;
        width: 49px;
        height: 48px;
    }
    /***** News - End *****/

    /***** News-Startseite - Start *****/
    .news .article.home {
        margin-bottom: 40px;
    }
    .news .news-latest-list .row > div:last-of-type .article.home {
        margin-bottom: 0;
    }
    .news-latest-item.first.article .text-box {
        margin: 0;
        padding: 30px 2px;
    }
    .news-latest-item.first.article .text-box h2 {
        font-size: 24px;
    }

    .category-tree {
        font-size: 22px;
    }
    .select.active ul {
        top: 50px;
    }

    .news-latest-item.first.article .text-box a.more {
        padding-top: 4px;
    }
    /***** News-Startseite - End *****/

    /***** News - Start *****/
    .news .date::before {
        bottom: -4px;
        border-bottom-width: 3px;
    }
    .news h2 {
        font-size: 22px;
    }
    .page-navigation ul {
        position: relative;
        padding: 0 60px;
    }
    .page-navigation ul li {
        line-height: 1.8;
    }
    .page-navigation .next,
    .page-navigation .previous {
        position: absolute;
        left: 0;
        top: -4px;
    }
    .page-navigation .next {
        left: auto;
        right: 0;
    }
    /***** News - End *****/

    /***** News Detailseite - Start *****/
    .news.news-single .date {
        margin-bottom: 18px;
    }
    .news-content-media-text {
        display: flex;
        flex-direction: column-reverse;
    }
    .news.news-single .news-img-wrap {
        float: none;
        width: auto;
        margin: 0 0 20px;
    }
    .news-img-wrap-outer {
        margin: 0 0 20px;
    }
    .news-img-caption {
        padding: 4px 0;
        font-size: 16px;
    }
    /***** News Detailseite - End *****/

    /***** Social-Media-Teaser - Start *****/
    .social-media-teaser {
        margin-bottom: 92px;
    }
    .social-media-teaser .image {
        right: 32px;
    }
    .social-media-teaser .image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .social-media-teaser .title {
        left: 16px;
        font-size: 22px;
    }
    .social-media-teaser .link-box {
        padding: 30px 86px 30px 42px;
    }
    .social-media-teaser .link-box a {
        margin: 0 0 32px;
        padding: 0 0 0 102px;
        line-height: 40px;
    }
    .social-media-teaser .link-box a::before {
        height: 42px;
    }
    .social-media-teaser .link-box a.fb::before {
        height: 48px;
        background-size: 45px auto;
    }
    .social-media-teaser .link-box a.tw::before {
        height: 44px;
        background-size: 48px auto;
    }
    .social-media-teaser .link-box a.yt::before {
        top: 4px;
        height: 34px;
        background-size: 48px auto;
    }
    .social-media-teaser .link-box a::after {
        top: 10px;
        left: 68px;
    }
    .social-media-teaser .link-box a:hover::after {
        left: 72px;
    }

    .social-media-teaser.v2 {
        margin-bottom: 40px;
    }
    .social-media-teaser.v2 .image {
        right: 0;
    }
    .social-media-teaser .image picture {
        height: 100%;
    }
    .social-media-teaser .link-box a::after {
        display: none;
    }
    .social-media-teaser.v2 .link-box a {
        padding: 0;
        text-indent: -9999em;
        width: 60px;
    }
    .social-media-teaser .link-box a::after {
        display: none;
    }
    .social-media-teaser.v2 .link-box {
        justify-content: space-around;
        padding-left: 24px;
        padding-right: 24px;
    }
    .social-media-teaser.v2 {
        margin-bottom: 40px;
    }
    .social-media-teaser.v2 .link-box a.fb::before,
    .social-media-teaser.v2 .link-box a.tw::before,
    .social-media-teaser.v2 .link-box a.yt::before {
        background-position: center;
    }
    /***** Social-Media-Teaser - End *****/

    /***** Veranstaltungen - Start *****/
    .teaser.tipp {
        display: block;
    }
    .teaser.tipp .text {
        padding: 24px 0;
    }
    .teaser.tipp .text h2 {
        font-size: 24px;
    }

    .cal-searchbox .header {
        display: block;
        font-size: 16px;
    }
    .cal-searchbox .header .search-fold-title {
        width: auto;
        margin: 0 0 15px;
    }
    .cal-searchbox .header .search-fold-title::before {
        top: 12px;
        width: 25px;
        height: 25px;
    }
    .new-event-link {
        width: auto;
    }
    .new-event-link .button::before, .new-event-link .button::after {
        right: 11px;
        top: 7px;
        width: 28px;
    }
    .map-fold-title .icon {
        height: 54px;
        padding: 0 56px 0 0;
        font-size: 20px;
    }
    .map-fold-title .icon::before {
        width: 44px;
        height: 44px;
    }
    .cal-listallwrap .cal-wrapitem {
        padding: 15px;
    }
    .cal-itemdatehead {
        margin-left: -15px;
        margin-right: -15px;
    }
    .cal-itemdatehead .cal-daticon {
        top: 32px;
        width: 49px;
        height: 49px;
    }
    .cal-itemdatehead .cal-datstr {
        height: 49px;
        margin: 0 0 0 60px;
        font-size: 24px;
        line-height: 54px;
    }
    .cal-itemdates {
        padding: 0 0 14px;
        font-size: 18px;
    }
    .cal-itemtitle {
        font-size: 22px;
    }
    .cal-itemdesc {
        font-size: 18px;
    }
    .cal-itemservice {
        margin-top: 20px;
        font-size: 16px;
    }
    .cal-itemdetail {
        margin: 0 20px 0 0;
    }
    .cal-itemservice a::before {
        top: 0;
    }

    .cal-searchbox .searchfields {
        display: block;
        width: auto;
        padding: 0 15px;
    }
    .cal-searchbox .searchfields > div {
        width: auto;
        margin: 0 0 10px;
    }
    .searchfields .cal-searchkatitem {
        position: relative;
        width: 50%;
        margin: 0 0 8px;
        font-size: 18px;
        vertical-align: top;
    }
    .searchfields .cal-searchkatitem input {
        position: absolute;
        top: 6px;
        left: 0;
    }
    .cal-searchkatkat label {
        width: calc(100% - 22px);
        margin-left: 22px;
    }
    .searchfields .cal-submiter.button {
        font-size: 20px;
    }

    .map-wrapper .fold-content .inner {
        padding: 15px;
    }
    .map-wrapper .fold-content .title .headline {
        margin: 0;
        padding: 0 40px 0 0;
    }
    .map-wrapper .fold-content .btn-close {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 34px;
        height: 34px;
        padding: 0;
        text-indent: -9999em;
    }
    .map-wrapper .fold-content .btn-close::before {
        top: 0;
        right: 0;
        width: 34px;
        height: 34px;
    }
    .crd-map {
        height: 400px;
    }
    /***** Veranstaltungen - End *****/

    /***** Veranstaltungen - Detail - Start *****/
    .cal-detailwrap {
        margin: 0 0 40px;
        padding: 14px 0 0 52px;
        overflow: hidden;
    }
    .cal-detailwrap::before {
        width: 48px;
        height: 48px;
    }
    .cal-detailwrap .cal-detheadtop {
        margin: 0 0 12px;
        font-size: 24px;
    }
    .cal-detailwrap h2.cal-detheadbottom {
        font-size: 22px;
    }
    .cal-detailwrap .cal-detcats {
        margin: 0 0 12px;
        font-size: 18px;
    }
    .cal-detailwrap .cal-detaddresswrap {
        margin: 0 0 16px;
        font-size: 18px;
    }
    .cal-detailwrap .cal-detaddresswrap .cal-detaddressleft {
        width: 86px;
    }
    .cal-detaddresscenter {
        flex: 0 0 auto;
        width: calc(100% - 86px);
        padding: 1px 0 0;
    }
    .cal-detfooter {
        margin: -2px 0 0 -51px;
        font-size: 16px;
    }
    .cal-detfooter a {
        padding-left: 28px;
    }
    .cal-detfooter a::before {
        top: 0;
    }
    .cal-detfooter .cal-detfooterleft {
        margin: 0 15px 0 0;
    }
    /***** Veranstaltungen - Detail - End *****/

    /***** Veranstaltung eintragen - Start *****/
    .cal-wrap {
        font-size: 18px;
        overflow: hidden;
    }
    .cal-wrap fieldset {
        margin: 0 0 20px;
        padding: 0 0 20px;
    }
    .cal-wrap .cal-intro {
        margin: 0 0 16px;
    }
    .cal-wrap .cal-introsub {
        margin: 0 0 20px;
    }
    .cal-wrap .cal-cats {
        display: block;
    }
    .cal-wrap .cal-catsleft,
    .cal-wrap .cal-catsright {
        width: 100%;
    }
    .cal-wrap .cal-catsleft > div,
    .cal-wrap .cal-catsright > div {
        align-items: flex-start;
    }
    .cal-wrap .cal-catsleft > div input,
    .cal-wrap .cal-catsright > div input {
        margin-top: 6px;
    }
    .cal-wrap input[type="file"] {
        font-size: 16px;
    }
    .cal-wrap #hausnummer {
        width: calc(20% - 15px);
        margin-left: 15px;
    }
    .cal-wrap #ort {
        display: inline-block;
        width: calc(82% - 15px);
        margin-left: 15px;
    }
    /***** Veranstaltung eintragen - End *****/

    /***** Flexslider - Start *****/
    .flexslider {
        margin-bottom: 100px;
    }
    .flex-direction-nav a {
        top: auto;
        bottom: -50px;
        width: 40px;
        height: 40px;
        margin: -20px 0 0;
    }
    .flex-direction-nav a::before {
        width: 40px;
        height: 40px;
    }
    .flex-direction-nav a::after {
        width: 40px;
        height: 40px;
    }
    .flex-direction-nav .flex-prev,
    .flexslider:hover .flex-direction-nav .flex-prev {
        left: calc(50% - 50px);
    }
    .flex-direction-nav .flex-next,
    .flexslider:hover .flex-direction-nav .flex-next {
        right: calc(50% - 50px);
    }

    .flexslider .caption-text {
        position: absolute;
        padding: 0 0 12px 12px;
        font-size: 16px;
    }
    .flexslider .title .headline {
        margin: 0 0 10px;
        padding: 0 0 12px;
        font-size: 24px;
    }
    .flexslider .title .headline::after {
        border-bottom: 2px solid #fff;
    }
    .flexslider .caption-text::before {
        bottom: 12px;
        right: 12px;
        width: 35px;
        height: 35px;
    }
    .flexslider li:hover .caption-text::before {
        right: 20px;
    }
    /***** Flexslider - End *****/

    /***** Teaser mit freigestelltem Bild - Start *****/
    .teaser-cropped-image {
        margin: 0 0 40px;
    }
    .teaser-cropped-image .text-wrapper {
        width: 100%;
        padding: 13px 12px;
    }
    .teaser-cropped-image .title {
        font-size: 24px;
        line-height: 1.3;
    }
    .teaser-cropped-image .text {
        padding-left: 40%;
        font-size: 16px;
        /*font-size: 20px;*/
        line-height: 1.4;
    }
    .teaser-cropped-image .link {
        bottom: 0;
    }
    .teaser-cropped-image .link .button {
        font-size: 20px;
    }
    /***** Teaser mit freigestelltem Bild - End *****/

    /***** Search-Box - Start *****/
    /*.search-box form {
        width: calc(100% - 30px);
    }*/
    .search-box input[type="text"] {
        width: 100%;
        height: 76px;
        padding: 0 94px 0 12px;
        font-size: 20px;
    }
    .search-box input[type="submit"] {
        right: 24px;
    }
    /***** Search-Box - End *****/

    /***** Aufklapper - Start *****/
    .folder {
        margin: 0 0 40px;
    }
    .folder .fold .fold-title::before {
        top: 10px;
    }
    .folder .fold .fold-title::after {
        top: 27px;
    }
    /***** Aufklapper - End *****/

    /***** Powermail - Start *****/
    .rm-form {
        font-size: 18px;
    }
    fieldset legend {
        margin: 0 0 20px;
        font-size: 22px;
    }
    .powermail_fieldwrap {
        width: 100%;
        margin: 0 0 4px;
    }
    .powermail_field input[type="text"],
    .powermail_field input[type="tel"],
    .powermail_field input[type="number"],
    .powermail_field input[type="password"],
    .powermail_field input[type="email"],
    .powermail_field textarea {
        font-size: 16px;
    }
    input[type="text"],
    input[type="tel"],
    input[type="password"],
    input[type="email"],
    textarea {
        height: 44px;
    }
    .floating-label {
        top: 11px;
        font-size: 16px;
    }
    input[data-mod="1"] ~ .floating-label {
        top: -16px;
    }
    .powermail_field .radio .icon {
        margin-top: 6px;
    }

    ul.parsley-errors-list {
        margin: -14px 0 14px;
        font-size: 12px;
    }
    .powermail_fieldwrap_type_check ul.parsley-errors-list {
        margin: 0;
    }
    /***** Powermail - End *****/

    /***** Teaser vollflächig mit Bild, versetzt - Start *****/
    .teaser-image-offset {
        margin: 0 0 40px;
    }
    .teaser-image-offset[class*="bg-"] {
        padding: 40px 0 40px;
    }
    .teaser-image-offset .title .headline {
        font-size: 32px;
        line-height: 1.2;
    }
    .teaser-image-offset .image-wrapper {
        width: auto;
        margin: 0 0 24px;
    }
    .teaser-image-offset.img-pos-right .image-wrapper {
        float: none;
        width: auto;
        margin: 0 0 24px;
    }
    .teaser-image-offset .image-wrapper .bg {
        display: block;
        padding: 24px;
    }
    .teaser-image-offset .image-wrapper .bg::before {
        bottom: -12px;
        width: 50%;
        height: 12px;
    }
    .teaser-image-offset.img-format-1 .image-caption {
        max-width: unset;
    }
    .teaser-image-offset.img-format-0 .image-wrapper .image-caption {
        padding-top: 20px;
    }
    .teaser-image-offset .image-wrapper .image-caption {
        padding: 20px 0 0;
        font-size: 16px;
    }
    .teaser-image-offset .image-wrapper .bg img {
        width: 100%;
    }
    .teaser-image-offset.img-format-0 .image-wrapper .image::before {
        bottom: -12px;
        height: 12px;
        width: 50%;
    }
    .teaser-image-offset.img-pos-left .image-wrapper {
        float: none;
        margin-left: 0;
        margin-right: 0;
    }
    /***** Teaser vollflächig mit Bild, versetzt - End *****/

    /***** Video-Teaser - Start *****/
    .video-teaser .title .headline {
        margin-bottom: 32px;
        font-size: 32px;
    }
    .video-teaser .teaser {
        margin: 0 0 60px;
    }
    .video-teaser .teaser::before {
        display: none;
    }
    /***** Video-Teaser - End *****/

    /***** Suchergebnisse - Start *****/
    .pagebrowser ul {
        position: relative;
        flex-wrap: wrap;
        margin: 4px 0 0;
        padding: 0 40px;
    }
    .pagebrowser ul li a.prev,
    .pagebrowser ul li a.next {
        position: absolute;
        margin: 0;
        top: -6px;
        left: 0;
    }
    .pagebrowser ul li a.next {
        left: auto;
        right: 8px;
    }
    .search-results .result-title {
        font-size: 24px;
    }
    .search-results .result-teaser {
        margin: 0 0 4px;
    }
    .search-results .add-info {
        font-size: 18px;
    }
    /***** Suchergebnisse - End *****/

    /***** Sitemap - Start **/
    .frame-type-menu_sitemap_pages {
        overflow: hidden;
    }
    .frame-type-menu_sitemap_pages ul ul {
        margin: 0 0 0 15px;
        font-size: 18px;
    }
    /***** Sitemap - End **/

    /***** Pinnwand - Start *****/
    .bulletin-board {
        margin: 0 0 40px;
        padding: 44px 0;
        overflow: hidden;
    }
    .bulletin-board .headline {
        margin: 0 0 82px;
        font-size: 32px;
    }
    .bulletin-board .watermark::before {
        top: -44px;
        right: -70px;
        width: 280px;
        height: 280px;
    }
    .bulletin-board .filter {
        margin: -40px 0 20px;
    }
    .bulletin-board .filter button {
        margin: 0 4px 6px;
        padding: 8px 12px;
        font-size: 16px;
    }

    .wanted-poster {
        width: 100%;
        font-size: 20px;
    }
    .wanted-poster .image {
        width: 160px;
        margin-top: -80px;
    }
    .wanted-poster .type-label,
    .campaign .type-label {
        top: 16px;
        right: 12px;
        font-size: 16px;
    }
    .wanted-poster .name {
        font-size: 28px;
    }
    .wanted-poster .precarious .p-item {
        padding: 0 0 0 44px;
    }
    .wanted-poster .precarious .p-item::before {
        width: 36px;
        height: 38px;
    }
    .wanted-poster .link-text {
        padding-right: 60px;
        font-size: 22px;
    }
    .wanted-poster .button::before,
    .wanted-poster .button::after {
        top: -4px;
        width: 47px;
        height: 48px;
    }

    .campaign {
        width: 100%;
        padding: 64px 12px 0;
    }
    .campaign .title {
        font-size: 28px;
    }
    .campaign .image {
        width: 240px;
    }

    .bulletin-board .inner .children .layer .layer-content .header-actions {
        height: 60px;
    }
    .bulletin-board .inner .children .layer .layer-content .header-actions .close {
        width: 36px;
        height: 36px;
    }
    .bulletin-board .inner .children .layer .layer-content .header-actions .close::before,
    .bulletin-board .inner .children .layer .layer-content .header-actions .close::after {
        border-left: 3px solid #fff;
    }

    .bulletin-board .inner .children .layer .layer-content .image {
        display: block;
    }
    /***** Pinnwand - End *****/

    /***** Owl-Slider - Start *****/
    .news .owl-theme.news-slider .owl-nav {
        display: none;
    }
    .main .owl-theme .owl-dots {
        display: block;
    }
    .eventslider.owl-theme .owl-nav {
        display: none;
    }
    .owl-theme .owl-dots .owl-dot span {
        width: 12px;
        height: 12px;
        background: rgba(var(--color-primary), .25);
    }
    .owl-theme .owl-dots .owl-dot.active span,
    .owl-theme .owl-dots .owl-dot:hover span {
        background: rgba(var(--color-primary), 1);
    }
    .news .news-list-category {
        font-size: 16px;
    }
    /***** Owl-Slider - End *****/

    /***** Event-Slider - Start *****/
    .eventslider {
        margin: 0 0 40px;
    }
    .eventslider .owl-carousel .teaser .image {
        width: auto;
        margin: 0;
    }
    .eventslider .owl-carousel .teaser .text {
        margin: 0 0 24px;
        padding: 24px 24px 58px;
    }
    .eventslider .owl-carousel .teaser.has-image .text {
        margin: 0 0 24px;
        padding-left: 12px;
    }
    .eventslider .owl-carousel .teaser .date {
        font-size: 16px;
    }
    .eventslider .owl-carousel .teaser .text h2 {
        font-size: 22px;
    }
    .eventslider .owl-carousel .teaser.tipp .text h2 {
        font-size: 22px;
    }
    .eventslider .owl-carousel .teaser .bottom .more {
        width: 40px;
        height: 40px;
    }
    .eventslider .owl-carousel .teaser .bottom .more::before,
    .eventslider .owl-carousel .teaser .bottom .more::after {
        width: 40px;
        height: 40px;
    }
    /***** Event-Slider - End *****/

    /***** Pinnwand-Teaser - Start *****/
    .bulletin-board-teaser .inner::before {
        right: -60px;
        width: 280px;
        height: 260px;
    }
    /***** Pinnwand-Teaser - End *****/

    /***** Pinnwand-Teaser - Start *****/
    .bulletin-board-teaser {
        margin: 0 0 40px;
        overflow: hidden;
    }
    .bulletin-board-teaser .title .headline {
        margin: 0 0 16px;
        font-size: 32px;
    }
    /***** Pinnwand-Teaser - End *****/

    /***** Interaktiv - Start *****/
    .interactive {
        padding-left: 12px;
        padding-right: 12px;
        overflow: hidden;
    }
    .interactive h2.more {
        padding: 0 0 0 32px;
        font-size: 18px;
        line-height: 1.4;
    }
    .interactive h2.more::before {
        top: 1px;
        width: 25px;
        height: 25px;
    }
    .interactive .contact {
        font-size: 18px;
    }
    .interactive .button.show-more::before {
        top: 16px;
    }
    .interactive .button.show-more:hover::before {
        top: 20px;
    }
    .interactive .button.show-more.active {
        top: 0;
        width: 60px;
        height: 60px;
        padding: 0;
        outline: none;
    }
    .interactive .button.show-more::before,
    .interactive .button.show-more:hover::before,
    .interactive .button.show-more.active:hover::before {
        top: 15px;
        left: 15px;
    }
    div.interactive .button.show-more.active .text-less {
        opacity: 0;
    }
    .interactive .subheadline {
        font-size: 18px;
    }
    .interactive .social-media-actions {
        width: 100%;
    }
    .interactive .box-content .newsletter-alternative-code {
        width: 100%;
    }

    .interactive .donate .amount {
        display: none;
    }
    .interactive .donate a {
        font-size: 22px;
        background-size: 34px auto;
    }
    .interactive .button.member {
        font-size: 22px;
        background-position-y: 16px;
        background-size: 36px auto;
    }
    /***** Interaktiv - End *****/

    .ce-gallery .video-embed {
        width: 510px;
    }

    /***** Footer - Start *****/
    footer.main {
        font-size: 16px;
    }
    footer.main .footer ul li {
        margin: 0 0 20px;
    }
    .footer-social .icon a {
        padding: 0 0 0 40px;
    }
    .footer-social .icon a::before {
        width: 31px;
        height: 31px;
    }

    .copyright {
        font-size: 14px;
    }
    /***** Footer - End *****/

    /***** Cookie-Banner - Start *****/
    div.msg-cookies a.seen {
        margin: 24px 0 0;
    }
    /***** Cookie-Banner - End *****/
}
@media (max-width: 575px) {

    /***** TYPO3 - Start *****/
    .ce-intext.ce-right .ce-gallery {
        margin-left: 0;
    }
    .ce-intext.ce-left .ce-gallery {
        margin-right: 0;
    }
    .ce-left .ce-gallery,
    .ce-right .ce-gallery,
    .ce-column {
        float: none;
    }
    .ce-gallery img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }
    /***** TYPO3 - End *****/

    .ce-gallery .video-embed {
        width: 545px;
    }
}
@media (max-width: 428px) {

    .ce-gallery .video-embed {
        width: 398px;
    }
    .social-gdpr-youtube-video, .social-gdpr-vimeo-video, .social-gdpr-google-maps, .social-gdpr-osm-map {
        width: 100% !important;
        height: 100% !important;
        min-height: 192px;
    }
}
@media (max-width: 414px) {

    .ce-gallery .video-embed {
        width: 384px;
    }
}
@media (max-width: 390px) {

    .ce-gallery .video-embed {
        width: 360px;
    }
}
@media (max-width: 375px) {

    .ce-gallery .video-embed {
        width: 345px;
    }
}
@media (max-width: 374px) {

    .ce-gallery .video-embed {
        width: 290px;
    }
}


@media (max-width: 1399px) {

    /***** Teaser vollflächig mit Bild, versetzt - Start *****/
    .teaser-image-offset.img-format-0 .image-wrapper .image::before {
        width: 50%;
    }
    /***** Teaser vollflächig mit Bild, versetzt - End *****/

    /***** Header-Teaser - Start *****/
    .header-teaser.has-welcome-text {
        padding-bottom: 0;
    }
    /***** Header-Teaser - End *****/
}

@media (max-width: 1199px) {

    picture {
        width: 100%;
        height: 100%;
    }

    .search-box form {
        max-width: unset;
        width: 100%;
    }
}

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

    /***** Globals - Start *****/
    body {
        font-size: 20px;
        line-height: 1.4;
    }

    .ce-bodytext a::before {
        top: 2px;
    }

    input[type="text"],
    input[type="tel"],
    input[type="password"],
    input[type="email"],
    textarea {
        font-size: 18px;
    }
    /***** Globals - End *****/

    /***** TYPO3 - Start *****/
    h1 {
        margin: 0 0 28px;
        font-size: 32px;
    }
    h2 {
        font-size: 24px;
    }
    .home header.header h2 {
        font-size: 32px;
        line-height: 1;
    }
    header.header h2 {
        margin: 0 0 20px;
        font-size: 24px;
    }
    h3 {
        margin: 0 0 20px;
        font-size: 22px;
    }
    h4 {
        margin: 0 0 20px;
        font-size: 20px;
    }

    .frame-type-textmedia,
    .frame-type-text,
    .frame-type-uploads,
    .frame-type-bullets {
        margin: 0 0 40px;
    }
    .ce-bodytext ul li::before {
        top: 10px;
    }
    .ce-bodytext ol li {
        padding: 0 0 0 34px;
    }
    .ce-gallery .ce-row {
        margin-bottom: 0;
    }
    .ce-gallery .ce-row .ce-column {
        margin-right: 0;
        margin-bottom: 12px;
    }
    .ce-bodytext ul li {
        margin: 0 0 10px;
    }
    .ce-bodytext ul li:last-of-type {
        margin-bottom: 0;
    }
    ul.ce-uploads li,
    .frame-layout-23 ul.ce-uploads li,
    .frame-layout-120 ul.ce-uploads li {
        margin: 0 0 12px;
    }
    ul.ce-uploads li::before,
    .frame-layout-23 ul.ce-uploads li::before,
    .frame-layout-120 ul.ce-uploads li::before {
        top: 1px;
    }
    .ce-uploads-filesize {
        font-size: 18px;
    }

    a[data-fancybox]::before {
        width: 48px;
        height: 46px;
        background-size: 26px auto;
    }
    a[data-fancybox]:hover::before {
        background-size: 26px auto;
    }

    .ce-intext .ce-gallery {
        width: 50%;
    }
    .ce-gallery figcaption {
        padding: 4px 0;
        font-size: 16px;
    }
    .ce-intext.ce-left .ce-gallery {
        max-width: 50%;
    }
    .ce-gallery[data-ce-columns="2"] .ce-row,
    .ce-gallery[data-ce-columns="3"] .ce-row,
    .ce-gallery[data-ce-columns="4"] .ce-row,
    .ce-gallery[data-ce-columns="5"] .ce-row,
    .ce-gallery[data-ce-columns="6"] .ce-row {
        display: flex;
        justify-content: space-between;
    }
    .ce-gallery[data-ce-columns="2"] .ce-column {
        width: calc(50% - 5px);
    }
    .ce-gallery[data-ce-columns="3"] .ce-column {
        width: calc(33% - 5px);
    }
    .ce-gallery[data-ce-columns="4"] .ce-column {
        width: calc(25% - 5px);
    }

    .ce-bodytext a[href^="javascript:linkTo"] {
        padding: 0 0 0 30px;
    }
    .ce-bodytext a[href^="javascript:linkTo"]::before {
        width: 24px;
        height: 18px;
    }
    /***** TYPO3 - End *****/

    /***** RTE - Start *****/
    .button, a.button {
        display: inline-block;
        padding-top: 4px;
    }
    .button::before, a.button::before,
    .button::after, a.button::after {
        top: 0;
    }

    a.anchor {
        display: inline-block;
        margin: 0 10px;
        padding: 0 0 0 18px;
    }
    .ce-bodytext a.anchor::before {
        top: auto;
        bottom: 6px;
    }
    a.anchor:hover::before {
        bottom: 2px;
    }
    /***** RTE - Start *****/

    /***** Tabellen - Start *****/
    .table.rm {
        font-size: 18px;
    }
    .table.rm th {
        font-size: 20px;
    }
    .table.rm.th-left tr td:first-of-type {
        font-size: 20px;
    }
    /***** Tabellen - End *****/

    /***** Aufklapper - Start *****/
    .folder .fold .fold-title::before {
        top: 9px;
    }
    /*.folder .fold .fold-title::after {
        top: 27px;
    }*/
    /***** Aufklapper - End *****/

    /***** Frame-Layouts - Start *****/
    /** Infokasten mit Icon **/
    .frame-layout-24 {
        padding: 24px 15px 20px;
    }

    /** Ansprechpartner **/
    .frame-layout-25 {
        padding: 24px 15px 20px;
    }

    /** Teaser **/
    .frame-layout-130 img {
        margin: 0;
    }
    .frame-layout-130 h3::before {
        bottom: -10px;
    }
    /***** Frame-Layouts - End *****/

    /***** Header - Start *****/
    header.main .get-member {
        top: 84vh;
    }
    header.main .link-logo {
        min-width: 435px;
        padding: 0 40px;
    }
    header.main .link-logo .link {
        font-size: 28px;
    }
    /***** Header - End *****/

    /***** Navigation - Start *****/
    nav.main > ul > li {
        font-size: 22px;
    }
    nav.main > ul > li > .toggle {
        top: -2px;
    }
    nav.main .subnav > ul > li {
        font-size: 22px;
    }
    /***** Navigation - End *****/

    /***** Header-Teaser - Start *****/
    .header-teaser {
        height: 100vh;
        min-height: unset;
    }
    .topic .header-teaser {
        height: calc(100vh - 50px);
        overflow: hidden;
    }
    .header-teaser .header-teaser-wrapper {
        width: 100%;
    }
    .header-teaser .text-box {
        width: calc(88% - 15px);
        height: auto;
        margin: 200px auto 0;
        font-size: 22px;
    }
    .topic .header-teaser .text-box {
        max-width: calc(100% - 30px);
        margin: 150px 15px 0;
    }
    /***** Header-Teaser - End *****/

    /***** Teaser vollflächig mit Bild, versetzt - Start *****/
    .teaser-image-offset[class*="bg-"] {
        padding: 52px 0 40px;
    }
    .teaser-image-offset .title .headline {
        font-size: 36px;
    }
    .teaser-image-offset .image-wrapper .image-caption {
        font-size: 18px;
    }
    /***** Teaser vollflächig mit Bild, versetzt - End *****/

    /***** Search-Box - Start *****/
    .search-box input[type="text"] {
        width: 100%;
        height: 76px;
        padding: 0 94px 0 22px;
        font-size: 20px;
    }
    .search-box input[type="submit"] {
        right: 24px;
    }
    /***** Search-Box - End *****/

    /***** News-Startseite - Start *****/
    .news-latest-item.first.article .text-box {
        padding: 20px 32px 40px;
    }
    .news-latest-item.first.article .text-box h2 {
        font-size: 24px;
    }
    /***** News-Startseite - End *****/

    /** Hintergrund hellblau **/
    .frame-layout-140 {
        padding: 40px 0 40px;
    }
    .home .frame-layout-140 header.header h2 {
        margin: 0 0 42px;
    }
    /***** Frame-Layouts - End *****/

    /***** Veranstaltungen - Start *****/
    .teaser.tipp .image {
        width: 50%;
        margin: 0 30px 0 0;
    }
    .teaser.tipp .text h2 {
        padding: 0 0 10px;
        font-size: 24px;
    }
    /***** Veranstaltungen - End *****/

    /***** Flexslider - Start *****/
    .flexslider {
        margin-left: 80px;
        margin-right: 80px;
    }
    .flexslider .caption-text {
        padding: 0 100px 32px 40px;
    }
    .flexslider .title .headline {
        padding: 0 0 20px;
        font-size: 26px;
    }
    .flex-direction-nav .flex-prev,
    .flexslider:hover .flex-direction-nav .flex-prev {
        left: -80px;
    }
    .flex-direction-nav .flex-next,
    .flexslider:hover .flex-direction-nav .flex-next {
        right: -80px;
    }
    /***** Flexslider - End *****/

    /***** Teaser mit freigestelltem Bild - Start *****/
    .teaser-cropped-image .title {
        font-size: 24px;
    }
    .teaser-cropped-image .text {
        font-size: 16px;
    }
    /***** Teaser mit freigestelltem Bild - End *****/

    /***** Teaser vollflächig mit Bild, versetzt - Start *****/
    .teaser-image-offset .image-wrapper {
        width: 582px;
    }
    .teaser-image-offset.img-pos-right .image-wrapper {
        margin-right: -140px;
    }
    .teaser-image-offset.img-pos-left .image-wrapper {
        margin-left: -140px;
    }
    .teaser-image-offset.img-format-1 .image-wrapper {
        display: block;
        width: auto;
    }
    .teaser-image-offset .image-wrapper .bg {
        padding: 30px;
    }
    .teaser-image-offset .image-wrapper .bg::before {
        width: 50%;
        /*bottom: -10px;
        height: 10px;*/
    }
    .teaser-image-offset.img-pos-right.img-format-1 .image-wrapper {
        margin-right: 0;
    }
    .teaser-image-offset.img-pos-left.img-format-1 .image-wrapper {
        margin-left: 0;
    }
    /***** Teaser vollflächig mit Bild, versetzt - End *****/

    /***** News - Start *****/
    .news-list-item .news-list-image {
        width: 50%;
    }
    .news-img-caption {
        font-size: 18px;
    }
    .news-img-wrap-outer {
        margin: 0 0 20px;
    }
    /***** News - End *****/

    /***** Veranstaltungen - Start *****/
    .cal-searchbox .header {
        font-size: 18px;
    }
    .cal-searchbox .header .search-fold-title {
        width: 44%;
        margin: 0 15px 0 0;
    }
    .cal-searchbox .header .search-fold-title::before {
        top: 10px;
    }
    .cal-searchbox .header .search-fold-title {
        margin: 0 15px 0 0;
    }
    .new-event-link {
        width: calc(56% - 15px);
    }
    .new-event-link .button::before,
    .new-event-link .button::after {
        top: 4px;
    }
    .cal-searchbox .searchfields {
        width: auto;
    }
    .cal-wrap .cal-catsleft > div input,
    .cal-wrap .cal-catsright > div input {
        margin-top: 4px;
    }
    .cal-wrap .cal-catsleft > div,
    .cal-wrap .cal-catsright > div {
        font-size: 16px;
    }

    .map-wrapper .fold-content .btn-close {
        position: absolute;
        top: 10px;
        right: 15px;
        text-indent: -9999em;
    }
    .map-wrapper .fold-content .btn-close::before {
        top: 0;
        right: 0;
    }

    .cal-itemservice a::before {
        top: 3px;
    }
    .cal-detfooter a::before {
        top: 3px;
    }
    /***** Veranstaltungen - End *****/

    /***** Veranstaltung eintragen - Start *****/
    .cal-wrap #strasse {
        width: 70%;
    }
    .cal-wrap #hausnummer {
        width: calc(30% - 15px);
        margin-left: 15px;
    }
    .cal-wrap #plz {
        width: 28%;
    }
    .cal-wrap #ort {
        width: calc(72% - 15px);
        margin-left: 15px;
    }
    /***** Veranstaltung eintragen - End *****/

    /***** Interaktiv - Start *****/
    .interactive .button.show-more::before,
    .interactive .button.show-more:hover::before,
    .interactive .button.show-more.active:hover::before {
        top: 14px;
    }
    /***** Interaktiv - End *****/

}

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

    /***** Header - Start *****/
    header.main {
        height: 156px;
    }
    header.main .link-logo .logo {
        width: 112px;
        background-size: 68px auto;
    }
    .header-teaser .image-copyright {
        top: 166px;
    }
    /***** Header - End *****/

    /***** Teaser vollflächig mit Bild, versetzt - Start *****/
    .teaser-image-offset .image-wrapper {
        width: 422px;
    }
    .teaser-image-offset.img-pos-right .image-wrapper {
        margin-right: -150px;
    }
    .teaser-image-offset.img-pos-left .image-wrapper {
        margin-left: -150px;
    }
    /***** Teaser vollflächig mit Bild, versetzt - End *****/

    /***** Header-Teaser - Start *****/
    .header-teaser .text-box {
        margin-top: 0;
    }
    .header-teaser .welcome-text-wrapper .inner .dv-icon {
        width: 120px;
        height: 120px;
        left: -80px;
        bottom: 40px;
    }
    /***** Header-Teaser - End *****/

    /***** Event-Slider - Start *****/
    .eventslider .owl-carousel .teaser .image {
        width: 330px;
        margin-right: -126px;
    }
    .eventslider .owl-carousel .teaser.has-image .text {
        max-width: 500px;
    }
    /***** Event-Slider - End *****/

    /***** Owl-Slider - Start *****/
    .news .owl-theme.news-slider .owl-nav {
        display: none;
    }
    .main .owl-theme .owl-dots {
        display: block;
    }
    .eventslider.owl-theme .owl-nav {
        display: none;
    }
    .owl-theme .owl-dots .owl-dot span {
        width: 12px;
        height: 12px;
        background: rgba(var(--color-primary), .25);
    }
    .owl-theme .owl-dots .owl-dot.active span,
    .owl-theme .owl-dots .owl-dot:hover span {
        background: rgba(var(--color-primary), 1);
    }
    .news .news-list-category {
        font-size: 16px;
    }
    /***** Owl-Slider - End *****/

    .ce-gallery .video-embed {
        width: 690px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {

    /***** Header - Start *****/
    header.main {
        height: 156px;
    }
    header.main .link-logo .logo {
        width: 112px;
        background-size: 68px auto;
    }
    .header-teaser .image-copyright {
        top: 166px;
    }
    /***** Header - End *****/

    /***** Header-Teaser - Start *****/
    .header-teaser .text-box {
        margin-top: 0;
    }
    .header-teaser .welcome-text-wrapper .inner .dv-icon {
        width: 200px;
        height: 200px;
    }
    /***** Header-Teaser - End *****/

    /***** Owl-Slider - Start *****/
    .news-slider .owl-carousel {
        margin: 0 55px;
    }
    .eventslider .owl-carousel {
        margin: 0 55px;
    }
    /***** Owl-Slider - End *****/

    /***** Event-Slider - Start *****/
    .eventslider .owl-carousel .teaser .image {
        width: 326px;
    }
    /***** Event-Slider - Start *****/

    /***** Teaser mit freigestelltem Bild - Start *****/
    .teaser-cropped-image .text-wrapper {
        width: 62%;
    }
    .teaser-cropped-image .text {
        font-size: 20px;
    }
    /***** Teaser mit freigestelltem Bild - End *****/

    .ce-gallery .video-embed {
        width: 930px;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {

    picture {
        width: 100%;
        height: 100%;
    }

    /***** Header-Teaser - Start *****/
    .header-teaser .text-box {
        width: 960px;
        margin: 14% 0 0 0;
        padding: 58px 60px 56px;
    }
    .header-teaser .welcome-text-wrapper .inner .dv-icon {
        width: 200px;
        height: 200px;
    }
    /***** Header-Teaser - End *****/

    /***** Teaser vollflächig mit Bild, versetzt - Start *****/
    .teaser-image-offset .image-wrapper {
        width: 692px;
    }
    .teaser-image-offset.img-pos-right .image-wrapper {
        margin-right: -150px;
    }
    .teaser-image-offset.img-pos-left .image-wrapper {
        margin-left: -150px;
    }
    /***** Teaser vollflächig mit Bild, versetzt - End *****/

    /***** Owl-Slider - Start *****/
    .news-slider .owl-carousel {
        margin: 0 55px;
    }
    .eventslider .owl-carousel {
        margin: 0 55px;
    }
    /***** Owl-Slider - End *****/
}

@media (width: 768px) {

    .teaser-image-offset.img-pos-right .image-wrapper {
        margin-right: -80px;
    }
    .teaser-image-offset.img-pos-left .image-wrapper {
        margin-left: -80px;
    }
    .teaser-image-offset.img-pos-left .image-wrapper .image-caption {
        padding: 30px 15px 0 82px;
    }
    .teaser-image-offset.img-pos-right .image-wrapper .image-caption {
        padding: 30px 82px 0 15px;
    }

    .header-teaser .welcome-text-wrapper .inner .dv-icon {
        left: -30px;
    }
}

@media (width: 1024px) {

    .teaser-image-offset .image-wrapper {
        width: 522px;
    }
    .teaser-image-offset.img-pos-right .image-wrapper {
        margin-right: -50px;
    }
    .teaser-image-offset.img-pos-left .image-wrapper {
        margin-left: -50px;
    }
    .teaser-image-offset.img-pos-left .image-wrapper .image-caption {
        padding: 30px 15px 0 52px;
    }
    .teaser-image-offset.img-pos-right .image-wrapper .image-caption {
        padding: 30px 52px 0 15px;
    }

    .ce-gallery .video-embed {
        width: 930px;
    }
}