@media (max-width: 1399px) {
    #search-block-form #edit-keys {
        min-width: 160px;
    }
}

@media (max-width: 1199px) {

    #search-block-form #edit-keys {
        display: none;
    }

    .navbar .block-search form .form-submit {
        border-radius: 20px;
    }


}

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

    .ds-typ-bg-img .field--name-field-par-bild img {
        object-fit: cover;
        object-position: 100% 150%;
        width: 100%;
        height: 100%;
    }

    .par-textblock-bild-rechts .field--name-field-par-bild .media--type-image .field__item picture,
    .par-textblock-bild-rechts .field--name-field-par-bild .media--type-image .field__item,
    .par-textblock-bild-rechts .field--name-field-par-bild .media--type-image,
    .par-textblock-bild-rechts .field--name-field-par-bild {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
    }

}

@media (max-width: 976px) {
    .toolbar-vertical nav.navbar {
        margin-top: 60px;
    }
}

@media (max-width: 976px) and (min-width: 768px) {
    header .region.region-nav-additional {
        position: absolute;
        top: 36px !important;
        right: unset !important;
    }
}


@media (min-width: 991px) {
        .navbar-collapse #block-footersociallinks-2,
        .navbar-collapse #block-datteln-main-navigation-menu {
            display: none;
        }
}

@media (max-width: 991px) {
    .navbar-collapse .fakelink {
        display: none;
    }
    .mobile-search-btn {
        display: block;
    }
    .par-kacheln .container {
        width: 100%;
        max-width: unset;
    }

    .par-kacheln .par-kachlen-inner-wrapper .col-xs-12 {
        margin-bottom: 30px;
    }

    .par-news-preview:before {
        margin-top: -50px;
    }
    .views-news-vorschau-header-text {
        padding-top: 5vH;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }
    .shariff:hover ul,
    .shariff .orientation-horizontal {
        position: absolute;
    }
    .news-vorschau-row img,
    .news-vorschau-row .shariff {
        margin-bottom: 15px;
    }

    .par-news-content-col .field--name-dynamic-block-fieldparagraph-news-vorschau:after {
        display: none;
    }

    /* Responsive Menü */
    .navbar .navbar-toggler {
        z-index: 9999999;
    }

    .navbar {
        margin-top: 0;
        padding-top: 0;
    }

    nav.navbar {
        min-height: 80px;
        z-index: 9999;
    }

    .navbar-brand {
        margin-top: 0;
        margin-left: 0px;
    }

    .navbar .block-search form .form-actions {
        margin-top: 0;
    }

    .solr-suche-form .form-actions {
        margin-top: 0;
    }

    header .navbar-collapse {
        position: absolute;
        top: 0;
        left:0;
        right:0;
        bottom:0;
        background-color: #F1EEE8;
        margin-left: 0;
        height: 100vH;
        padding: 26px;
        padding-top: 88px;
        overflow-y: scroll;
    }

    .navbar-collapse.show #search-block-form #edit-keys,
    .navbar-collapse.show .solr-suche-form input.form-text
    {
        max-width: 120px;
        min-width: unset;
        background-color: #fff;
        border-radius: 20px;
        display: inline-block;
    }



    header .navbar-collapse .a-dropdown-item {
        white-space: unset;
    }

    header .region.region-nav-additional {
        position: absolute;
        top: 36px;
        right:0px;
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }

    .solr-suche-form .form-item-term {
        margin:0;
    }

    .region-nav-additional .navbar-toggler {
        left: 0;
        top: 0;
        position: absolute;
    }

    header .region.region-nav-additional .block-search form,
    header .region.region-nav-additional .solr-suche-form form
    {
        flex-direction: row;
        text-align: center;
        justify-content: flex-end;
    }

    header .region.region-nav-additional .solr-suche-form form {
        display: flex;
    }

    #block-datteln-main-navigation ul {
        background-image: none;
    }

    #block-datteln-main-navigation ul.first-line {
        display: block;
    }

    header .navbar-nav a.nav-link,
    header .navbar-nav span.nav-link {
        font-size: 22px;
        margin-bottom:15px;
    }

    .navbar-toggler:focus,
    .navbar-toggler:active {
        outline: none !important;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    .region-nav-main .navbar-nav a.nav-link:after,
    .region-nav-main .navbar-nav span.nav-link:after {
        display: none;
    }

    .navbar > .container {
        flex-direction: row-reverse;
        background-color: #fff;
        margin-top: 0;
        padding-top:8px;
        justify-content: flex-end;
    }

    .navbar-toggler-icon:before {
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        content: "\f00d";
        font-size: 28px;
    }

    .collapsed .navbar-toggler-icon:before {
        content: "\f0c9";
    }

    .navbar .block-search form .form-submit,
    .solr-suche-form input.button {
        background-size: 24px;
    }

    #block-datteln-main-navigation ul li:hover > ul,
    #block-datteln-main-navigation ul li:focus-within > ul {
        position: absolute;
        top: 100px;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 1;
        margin-top: 0;
        min-height: calc(100vh - 100px);
    }

    #block-datteln-main-navigation.jq-mm-menu ul ul,
    #block-datteln-main-navigation.jq-mm-menu ul li:hover > ul,
    #block-datteln-main-navigation.jq-mm-menu ul li:focus-within > ul,
    #block-datteln-main-navigation.jq-mm-menu ul li:hover > ul,
    #block-datteln-main-navigation.jq-mm-menu ul li:focus-within > ul{
        left: 100vw;
    }

    #block-datteln-main-navigation {
        margin-top: 15px solid red;
    }

    #block-datteln-main-navigation-menu {
        display: block;
        font-size: 12px;
        margin-top: -15px;
        font-weight: bold;
    }

    #block-datteln-main-navigation ul ul {
        margin-top: 50px;
        padding-top: 0px;
        padding-left: 10px;
    }

    #block-datteln-main-navigation ul li:hover > ul li:hover,
    #block-datteln-main-navigation ul li:focus-within > ul li:focus-within {
        background-color: transparent;
        border-radius: 0;
        max-width: unset;
    }
    #block-datteln-main-navigation ul.first-line {
        width: 100%;
        margin-top: 30px;
        margin-bottom:40px;
    }
    #block-datteln-main-navigation ul ul li ul {
        left: 100vw;
        width: 100%;
    }

    #block-datteln-main-navigation ul ul li:hover ul,
    #block-datteln-main-navigation ul ul li:focus-within ul {
        left: 100vw;
        display: inline-block;
        position: absolute;
        margin-top: 0;
        width: 100%;
        padding-top: 0;
        top: 0;
        padding: 0;
        background-image: none;
        margin-left: 8px;
        padding-left: 0;
        border-top: 0 !important;
        min-height: unset;
        max-height: 100%;
        max-width: unset;
    }

    #block-datteln-main-navigation ul.open {
        left: 0 !important;
        display: block;
        position: absolute;
        top: 100px;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 1;
        margin-top: 0;
        background-color: #F1EEE8;
        overflow-y: scroll;
        border: none;
    }

    .nav-item.a-dropdown:before {
        display: block;
        position: absolute;
        width: 20px;
        height: 14px;
        right:4px;
        content: '→';
    }

    .nav-item .nav-item.a-dropdown:before {
        display: none;
    }

    .navbar > .container {
        flex-direction: row;
        justify-content: space-between;
    }

    .navbar-collapse #block-footersociallinks-2 {
        background-color: transparent;
        margin: 0;
        bottom: 0;
        width: 100%;
        margin-left: -28px;
        padding-bottom: 30px;
    }

    .navbar-collapse #block-footersociallinks-2 a {
        font-size: 12px;
    }

    .calender-ansicht-btns a.kalenderbtn-vergangene,
    .calender-ansicht-btns .btn-kategorien {
        font-size: 0;
        padding-left: 15px;
    }

    .calender-ansicht-btns .extra-btns a:before,
    .calender-ansicht-btns .extra-btns .btn-kategorien:before {
        margin-left: -24px;
    }

    .par-events-vorschau {
        padding-top: 80px;
    }

    .page-with-slider .page-content-wrapper:before {
        height: 34px;
        margin-top: -32px;
        border-bottom: none;
    }

}

@media (min-width: 720px) and (max-height:420px) {
    .infosidebar-btn .more-info-text {
        bottom: 20vH;
    }
}

@media (max-width: 720px) {
    .infosidebar-btn {
        display: none;
    }

    .path-frontpage .infosidebar-btn {
        display: block;
    }

    .infosidebar-btn {
        position: relative;
        height: 200px;
        width: 100%;
        right: unset;
        background-image: url(../images/infobox-bg-mobile.svg);
    }

    .infosidebar-btn .more-info-text {
        position: relative;
        bottom: unset;
        writing-mode: unset;
        left: unset;
        transform: rotate(0deg);
        text-align: center;
        margin-top: 100px;
    }

    .infosidebar-btn .more-info-text .plusicon {
        width: 38px;
        margin-right:6px;
    }

    .infosidebar.active {
        width: 100%;
    }

    .infosidebar-btn.active {
        right: 0;
    }

}

@media (max-width: 768px) {

    .page-node-type-institution .field--name-field-kontakte img {
        max-width:240px;
        margin-bottom:8px;
    }

    .institution-col-2:before {
        display: none;
    }

    .field--name-dynamic-token-fieldparagraph-slider-element-frontapge .sliderimg-bg picture img {
        max-height: 60vH;
    }

    .par_slider_element .gradiation-light {
        background: rgb(147,204,221);
        background: -moz-linear-gradient(180deg, rgba(147,204,221,0) 33%, rgba(147,204,221,1) 66%);
        background: -webkit-linear-gradient(180deg, rgba(147,204,221,0) 33%, rgba(147,204,221,1) 66%);
        background: linear-gradient(180deg, rgba(147,204,221,0) 33%, rgba(147,204,221,1) 66%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#93ccdd",endColorstr="#93ccdd",GradientType=1);
    }

    .par_slider_element .gradiation-dark {
        background: rgb(71,95,128);
        background: -moz-linear-gradient(180deg, rgba(71,95,128,0) 33%, rgba(71,95,128,1) 66%);
        background: -webkit-linear-gradient(180deg, rgba(71,95,128,0) 33%, rgba(71,95,128,1) 66%);
        background: linear-gradient(180deg, rgba(71,95,128,0) 33%, rgba(71,95,128,1) 66%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#475f80",endColorstr="#475f80",GradientType=1);
    }

    .par_slider_element .gradiation-black {
        background: rgb(0,0,0);
        background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 33%, rgba(0,0,0,1) 66%);
        background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 33%, rgba(0,0,0,1) 66%);
        background: linear-gradient(180deg, rgba(0,0,0,0) 33%, rgba(0,0,0,1) 66%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    }

    .par_slider_element .gradiation-hellblau {
        background: rgb(228,238,245);
        background: -moz-linear-gradient(180deg, rgba(228,238,245,0) 33%, rgba(228,238,245,1) 66%);
        background: -webkit-linear-gradient(180deg, rgba(228,238,245,0) 33%, rgba(228,238,245,1) 66%);
        background: linear-gradient(180deg, rgba(228,238,245,0) 33%, rgba(228,238,245,1) 66%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#E4EEF5",endColorstr="#E4EEF5",GradientType=1);
    }
    .par_slider_element .gradiation-beige {
        background: rgb(241,238,232);
        background: -moz-linear-gradient(180deg, rgba(241,238,232,0) 33%, rgba(241,238,232,1) 66%);
        background: -webkit-linear-gradient(180deg, rgba(241,238,232,0) 33%, rgba(241,238,232,1) 66%);
        background: linear-gradient(180deg, rgba(241,238,232,0) 33%, rgba(241,238,232,1) 66%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f1eee8",endColorstr="#f1eee8",GradientType=1);
    }
    .par_slider_element .gradiation-dunkelblau {
        background: rgb(71,95,128);
        background: -moz-linear-gradient(180deg, rgba(71,95,128,0) 33%, rgba(71,95,128,1) 66%);
        background: -webkit-linear-gradient(180deg, rgba(71,95,128,0) 33%, rgba(71,95,128,1) 66%);
        background: linear-gradient(180deg, rgba(71,95,128,0) 33%, rgba(71,95,128,1) 66%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#475f80",endColorstr="#475f80",GradientType=1);
    }
    .par_slider_element .gradiation-magenta {
        background: rgb(181,2,71);
        background: -moz-linear-gradient(180deg, rgba(181,2,71,0) 33%, rgba(181,2,71,1) 66%);
        background: -webkit-linear-gradient(180deg, rgba(181,2,71,0) 33%, rgba(181,2,71,1) 66%);
        background: linear-gradient(180deg, rgba(181,2,71,0) 33%, rgba(181,2,71,1) 66%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b50247",endColorstr="#b50247",GradientType=1);
    }
    .par_slider_element .gradiation-braun {
        background: rgb(148,147,112);
        background: -moz-linear-gradient(180deg, rgba(148,147,112,0) 33%, rgba(148,147,112,1) 66%);
        background: -webkit-linear-gradient(180deg, rgba(148,147,112,0) 33%, rgba(148,147,112,1) 66%);
        background: linear-gradient(180deg, rgba(148,147,112,0) 33%, rgba(148,147,112,1) 66%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#949370",endColorstr="#949370",GradientType=1);
    }
    .par_slider_element .gradiation-türkis {
        background: rgb(147,204,221);
        background: -moz-linear-gradient(180deg, rgba(147,204,221,0) 33%, rgba(147,204,221,1) 66%);
        background: -webkit-linear-gradient(180deg, rgba(147,204,221,0) 33%, rgba(147,204,221,1) 66%);
        background: linear-gradient(180deg, rgba(147,204,221,0) 33%, rgba(147,204,221,1) 66%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#93ccdd",endColorstr="#93ccdd",GradientType=1);
    }
    .par_slider_element .gradiation-mittelblau {
        background: rgb(187,207,220);
        background: -moz-linear-gradient(180deg, rgba(187,207,220,0) 33%, rgba(187,207,220,1) 66%);
        background: -webkit-linear-gradient(180deg, rgba(187,207,220,0) 33%, rgba(187,207,220,1) 66%);
        background: linear-gradient(180deg, rgba(187,207,220,0) 33%, rgba(187,207,220,1) 66%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bbcfdc",endColorstr="#bbcfdc",GradientType=1);
    }

    .field--name-dynamic-block-fieldparagraph-news-vorschau {
        margin-bottom: 150px;
        margin-left: 0;
        background-color: rgba(147,204,221,1);
    }

    .news-vorschau-row, .views-news-vorschau-header-text {
        padding-left: 20px;
    }

    .par-news-preview .field--name-field-news-datum {
        margin-top: 0px;
    }

    .par-slider {
        height: 70vH;
        padding-top: 50px;
    }

    .sliderimg-bg .slidertexte .slider-titel-wrapper {
        display: inline-block;
        font-size: 18px;
        line-height: 20px;
    }

    .slidertexte .slider-titel-inner p {
        margin-bottom: 0;
    }

    .slidertexte-wrapper {

        padding: 0 15px;
    }

    .sliderimg-bg .slider-text {
        padding-top: 10px;
        padding-left: 0px;
        padding-right:15px;
        font-size: 18px;
        top: 80px;
    }

    .calender-ansicht-btns .extra-btns a:before,
    .calender-ansicht-btns .extra-btns .btn-kategorien:before {
        margin-left: -24px;
    }

    .par-slider .slider-titel-inner {
        padding: 10px 15px 20px 15px;
    }

    .logo-und-mehrerfahren-wrapper {
        display: block;
        padding: 0 15px;
    }

    .logo-und-mehrerfahren {
        flex-direction:row-reverse;
        justify-content: space-between;
        gap: 15px;
    }

    .field--name-dynamic-token-fieldnode-startseite-slider-logo-link .mehr-erfahren a {
        margin-left: 0;
        padding: 15px 20px;
        padding-left: 40px;
        white-space: nowrap;
    }

    .bg-col-id-1 .par-text {
        padding: 2em 2em;
    }

    .par_webform .field--name-field-par-text {
        margin-left: 15px;
    }

    .par-kachlen-outer-wrapper-bg {
        display: none;
    }

    .par-events-vorschau {
        padding-top: 60px;
        padding-bottom: 60px;
        background-image: none;
        background-color: #e4eef5;
    }

    .par-social-newsletter {
        background: unset;
        background-color: #F1EEE8;
    }
    .col-social {
        background-color: transparent;
    }
    .par-social-newsletter .col-social:before {
        display: block;
        right: 0;
        float: right;
        content: ' ';
        border-top: 40px solid transparent;
        border-left: 100vW solid #F1EEE8;
        margin-top: -100px;
        margin-right: -15px;
    }
    .newsletter-inner-wrapper {
        padding-left: 0px;
    }

    /* event */
    .event-alarm-wrapper:before {
        display: none;
    }

    .event-kacheln-wrapper {
        background: unset;
        background-color: #F1EEE8;
    }

    footer .region-footer {
        flex-direction: column;
    }

    /* Navbar */
    .navbar-brand {
        margin-left: 60px;
    }

    .navbar .navbar-toggler {
        position: absolute;
    }

    .kalender-view header {
        flex-direction: column;
    }

    .event-anrisstext .field--name-field-event-bild {
        margin-bottom: 10px;
    }

    .row-smalrevert {
        display: flex;
        flex-direction: column-reverse;
    }

    .views-infinite-scroll-content-wrapper {
        margin-left: 0;
        margin-right: 0;
    }

    .par-news-content-col {
        padding: 0;
    }

    .view-events-slider-startseite .field--name-node-link {
        display: inline-block;
        padding-bottom: 30px;
    }

    .view-events-slider-startseite .slick-slide .views-row {
        margin-bottom: 0px;
    }

    .par-events-vorschau .slick-list {
        height: auto !important;
    }

    .par-events-vorschau .slick-slide {
        max-height: unset;
    }

    .view-events-slider-startseite h4 {
        min-height: unset;
    }

    .par-textblock-bild-rechts .field--name-field-media-image .field__item {
        left: 0;
        bottom: 50%;
        right: 0;
        top: 0;
    }

    .par-textblock-bild-rechts,
    .par-textblock-bild-rechts .media--type-image {
        position: relative;
    }

    .par-textblock-bild-rechts .field--name-field-media-image .field__item img {
        height: 100%;
    }

    .ds-typ-bg-img.bg-col-id-2:after,
    .ds-typ-bg-img.bg-col-id-25:after,
    .ds-typ-bg-img.bg-col-id-26:after,
    .ds-typ-bg-img.bg-col-id-27:after,
    .ds-typ-bg-img.bg-col-id-10:after,
    .ds-typ-bg-img.bg-col-id-28:after,
    .ds-typ-bg-img.bg-col-id-29:after,
    .ds-typ-bg-img.bg-col-id-31:after,
    .ds-typ-bg-img.bg-col-id-30:after,
    .ds-typ-bg-img.bg-col-id-1:after {
        display: block;
        content: ' ';
        left:0;
        right: 0;
        top: 0;
        bottom: 0;
        position: absolute;
        z-index: -2;
    }

    .ds-typ-bg-img.bg-col-id-2:after {
        background-color: #E4EEF5;
    }

    .ds-typ-bg-img.bg-col-id-25:after {
        background-color: #F1EEE8;
    }

    .ds-typ-bg-img.bg-col-id-26:after {
        background-color: #475F80;
    }

    .ds-typ-bg-img.bg-col-id-27:after {
        background-color: #b50247;
    }

    .ds-typ-bg-img.bg-col-id-10:after {
        background-color: #949370;
    }

    .ds-typ-bg-img.bg-col-id-28:after {
        background-color: #93CCDD;
    }

    .ds-typ-bg-img.bg-col-id-29:after {
        background-color: #BBCFDC;
    }

    .ds-typ-bg-img.bg-col-id-31:after {
        background-color: #000000;
    }

    .ds-typ-bg-img.bg-col-id-1:after {
        background-color: #949370;
    }

    .ds-typ-bg-img.bg-col-id-30:after {
        background-color: transparent;
    }

    .ds-typ-bg-img.bg-col-id-2 .field--name-field-par-bild:after,
    .ds-typ-bg-img.bg-col-id-25 .field--name-field-par-bild:after,
    .ds-typ-bg-img.bg-col-id-26 .field--name-field-par-bild:after,
    .ds-typ-bg-img.bg-col-id-27 .field--name-field-par-bild:after,
    .ds-typ-bg-img.bg-col-id-10 .field--name-field-par-bild:after,
    .ds-typ-bg-img.bg-col-id-28 .field--name-field-par-bild:after,
    .ds-typ-bg-img.bg-col-id-29 .field--name-field-par-bild:after,
    .ds-typ-bg-img.bg-col-id-31 .field--name-field-par-bild:after,
    .ds-typ-bg-img.bg-col-id-30 .field--name-field-par-bild:after,
    .ds-typ-bg-img.bg-col-id-1 .field--name-field-par-bild:after {
        display: none;
    }

    .ds-typ-bg-img.bg-col-id-2 .field--name-field-par-bild .media:after,
    .ds-typ-bg-img.bg-col-id-25 .field--name-field-par-bild .media:after,
    .ds-typ-bg-img.bg-col-id-26 .field--name-field-par-bild .media:after,
    .ds-typ-bg-img.bg-col-id-27 .field--name-field-par-bild .media:after,
    .ds-typ-bg-img.bg-col-id-10 .field--name-field-par-bild .media:after,
    .ds-typ-bg-img.bg-col-id-28 .field--name-field-par-bild .media:after,
    .ds-typ-bg-img.bg-col-id-29 .field--name-field-par-bild .media:after,
    .ds-typ-bg-img.bg-col-id-31 .field--name-field-par-bild .media:after,
    .ds-typ-bg-img.bg-col-id-30 .field--name-field-par-bild .media:after,
    .ds-typ-bg-img.bg-col-id-1 .field--name-field-par-bild .media:after {
        display: block;
        content: ' ';
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0%;
        background-image: linear-gradient(-180deg, rgba(255,255,255,0), rgba(255,255,255,0), rgba(255,255,255,0.6), #93CCDD, #93CCDD);
    }

    .ds-typ-bg-img.bg-col-id-2 .field--name-field-par-bild .media:after {
        background-image: linear-gradient(-180deg, rgba(228,238,245,0), rgba(228,238,245,0), rgba(228,238,245,0.6), #E4EEF5, #E4EEF5);
    }

    .ds-typ-bg-img.bg-col-id-25 .field--name-field-par-bild .media:after {
        background-image: linear-gradient(-180deg, rgba(255,255,255,0), rgba(255,255,255,0), rgba(255,255,255,0.6), #F1EEE8, #F1EEE8);
    }

    .ds-typ-bg-img.bg-col-id-26 .field--name-field-par-bild .media:after {
        background-image: linear-gradient(-180deg, rgba(71,95,128,0), rgba(71,95,128,0), rgba(71,95,128,0.6), #475F80, #475F80);
    }

    .ds-typ-bg-img.bg-col-id-27 .field--name-field-par-bild .media:after {
        background-image: linear-gradient(-180deg, rgba(181,2,71,0), rgba(181,2,71,0), rgba(181,2,71,0.6), #b50247, #b50247);
    }

    .ds-typ-bg-img.bg-col-id-10 .field--name-field-par-bild .media:after {
        background-image: linear-gradient(-180deg, rgba(148,147,112,0), rgba(148,147,112,0), rgba(148,147,112,0.6), #949370, #949370);
    }

    .ds-typ-bg-img.bg-col-id-28 .field--name-field-par-bild .media:after {
        background-image: linear-gradient(-180deg, rgba(147,204,221,0), rgba(147,204,221,0), rgba(147,204,221,0.6), #93CCDD, #93CCDD);
    }

    .ds-typ-bg-img.bg-col-id-29 .field--name-field-par-bild .media:after {
        background-image: linear-gradient(-180deg, rgba(187,207,220,0), rgba(187,207,220,0), rgba(187,207,220,0.6), #BBCFDC, #BBCFDC);
    }

    .ds-typ-bg-img.bg-col-id-31 .field--name-field-par-bild .media:after {
        background-image: linear-gradient(-180deg, rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0.6), #000000, #000000);
    }

    .ds-typ-bg-img.bg-col-id-30 .field--name-field-par-bild .media:after {
        background-image: none;
    }

    .ds-typ-bg-img.bg-col-id-1 .field--name-field-par-bild .media:after {
        background-image: linear-gradient(-180deg, rgba(148,147,112,0), rgba(148,147,112,0), rgba(148,147,112,0.6), #949370, #949370);
    }

    .block-views-blocknews-vorschau-block-1 {
        margin-bottom: 215px;
    }

}

/* Opdtimierungen für Mobile-Queransicht */
@media (max-height: 575px) {
    .page-with-slider .field--name-field-header-optional- {
        min-height: 250px;
    }

    .startseite_wrapper .par-slider,
    .startseite_wrapper .slick-list {
        min-height: 290px;
    }

    .sliderimg-bg .slider-text {
        font-size: 16px;
    }

    .sliderimg-bg .slidertexte .slider-titel-wrapper {
        font-size: 20px;
        line-height: 15px;
    }
    .sliderimg-bg .slider-text {
        padding-top: 20px;
        margin-bottom: -1rem;
    }
    .par-slider {
        padding-top:50px;
        height: 90vH;
    }
    .startseite_wrapper .par-slider {
        padding-top: 0px;
        margin-top: -15px;
        height: 70vH;
    }
    header .region.region-nav-additional {
        top: 15px !important;
    }
    .navbar > .container {
        background-color: transparent;
    }
    .dott-container {
        display: none;
    }

    .infosidebar-btn .more-info-text {
        left: 60px;
    }

    .logo-und-mehrerfahren-wrapper {
        display: block;
        padding: 0 15px;
    }
    .logo-und-mehrerfahren-wrapper {
        padding-top: 0;
    }
    .logo-und-mehrerfahren {
        flex-direction: row-reverse;
        justify-content: space-between;
        gap: 15px;
    }
    .sliderimg-bg .slidertexte .slider-titel-wrapper {
        display: inline-block;
        font-size: 15px;
        line-height: 8px;
    }
    .startseite_wrapper .par-slider .slider-titel-inner {
        padding: 14px;
        padding-bottom: 0;
    }
    .startseite_wrapper .par-slider .slidertexte-wrapper {
        padding-top:45px;
    }
    .slider-play-pause {
        margin-top: -10px;
    }
    .par-events-vorschau {
        padding-top: 60px;
        padding-bottom: 60px;
        background-image: none;
        background-color: #e4eef5;
    }
    .event-anrisstext-ohnebild .field--name-body {
        height: unset !important;
    }
    .field--name-dynamic-token-fieldnode-header-event {
        top: 50px;
    }
    #block-views-block-eventkalender-block-1 .field--name-dynamic-token-fieldnode-header-event {
        top: 0px;
    }
    .field--name-dynamic-token-fieldnode-header-event,
    #block-views-block-eventkalender-block-1 .slick-slide {
        max-height: unset;
    }
    .event-header-button {
        margin-top: 6vH;
    }
    .node-header-par {
        max-height: unset;
        min-height: 300px;
    }
    .field--name-dynamic-token-fieldparagraph-node-header {
        min-height: 300px;
     }



}

@media (max-height: 800px) and (min-width: 991px) {
    .navbar > .container {
        background-color: #fff;
    }
}

@media (max-height: 920px) and (min-width: 991px) {
    #block-datteln-main-navigation ul ul {
        padding-top:60px;
    }
    #block-datteln-main-navigation ul ul li ul {
        margin-top:60px;
    }
    #block-datteln-main-navigation ul ul li:hover ul, #block-datteln-main-navigation ul ul li:focus-within ul {
        margin-top:46px;
        max-height: calc( 75vh - 150px );
    }
    #block-datteln-main-navigation ul ul li:hover ul, #block-datteln-main-navigation ul ul li:focus-within ul {
        width: 30%;
        max-width: 300px;
    }

}

@media (max-height: 575px) and (max-width: 575px) {
    .navbar > .container {
        background-color: #fff;
    }
}

@media (max-height: 575px) and (max-width: 767px) {
    .startseite_wrapper .par-slider .slider-titel-inner {
        padding: 14px;
        padding-bottom: 15px;
        line-height: 18px;
    }
}

@media (min-height: 576px) and (max-height: 1024px) {
    .startseite_wrapper .slidertexte {
        top: 10vh;
    }
}

@media (max-width: 575px) {

    .institution-col-1,
    .institution-col-2 {
        padding-left:48px;
        background: rgb(241,238,232);
    }

    .institution-col-3:before {
        display: none;
    }

    .page-node-type-institution .breadcrumb,
    .page-node-type-institution .field--name-field-par-kontakt-ref {
        margin-left: 30px;
    }

    .page-node-type-institution .field--name-field-kontakte h2 {
        margin-left:30px;
    }

    .page-node-type-institution .field--name-field-par-kontakt-ref .field--name-node-title {
        padding-left: 0;
        margin-top: 8px;
    }

    .page-with-slider .page-content-wrapper:before {
        height: 14px;
        margin-top: -12px;
        border-bottom: none;
    }

    .startseite_wrapper .field--name-dynamic-token-fieldnode-startseite-slider-logo-link:before {
        height: 60px;
        margin-top: -19px;
    }

    nav.navbar {
        height: 65px;
        min-height: unset;
        align-items: start;
        background-size: 100% 50%;
        background-position: bottom;
    }

    /*** Test Schwarz 0 statt 15  ***/
    header .region.region-nav-additional {
        top: 0px;
    }

    .par-slider {
        height: 70vH;
        padding-top: 50px;
    }

    .startseite_wrapper .par-slider {
        padding-top: 0px;
        margin-top: -15px;
    }

    .slidertexte {
        padding-left: 15px;
        padding-right: 15px;
        top: 30px;
        position: absolute;
        bottom: 0;
        display: flex;
        align-items: center;
    }

    .shariff .orientation-horizontal,
    .shariff ul {
        display: none;
    }

    .shariff:hover .orientation-horizontal,
    .shariff:hover ul {
        display: block;
    }

    .slider-play-pause {
        margin-top: -10px;
    }

    .flex-column {
        width: 100%;
        overflow-x: hidden;
    }

    .par-kachlen-inner-wrapper h2,
    .view-events-slider-startseite h3,
    .field--name-field-par-titel h2,
    h2.par-title {
        font-size: 30px;
        font-weight: 100;
        margin-bottom: 40px;
    }

    .bg-col-id-1 .field--name-field-par-links a,
    .bg-col-id-1 .field--name-field-par-links .field__item:nth-child(2) a {
        width: 100%;
        padding: 8px 15px;
        margin-bottom: 20px;
    }

    .par-news-title-col {
        padding-left: 30px;
        padding-right: 30px;
    }

    .par-news-preview .field--name-node-link {
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 4px;
        float: right;
    }

    .views-element-container .views-element-container .news-vorschau-row {
        padding: 0px;
    }

    .views-news-vorschau-header-text {
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
        padding-top: 0;
        margin-top: -80px;
    }

    .img-views-news-vorschau-header {
        position: relative;
    }

    .img-views-news-vorschau-header:after {
        display: block;
        content: ' ';
        position: absolute;
        bottom: 0;
        top:20px;
        left:0;
        right: 0;
        /*rgba(147,204,221,0) 0%, rgba(147,204,221,1) 80%);*/
        background: -webkit-linear-gradient(180deg, rgba(147,204,221,0) 0%, rgba(147,204,221,1) 80%);
        background: linear-gradient(180deg, rgba(147,204,221,0) 0%, rgba(147,204,221,1) 80%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#93ccdd",endColorstr="#93ccdd",GradientType=1);
    }

    .field--name-dynamic-block-fieldparagraph-news-vorschau {
        margin-left: 0;
    }

    .news-vorschau-row {
        padding-left: 15px;
        padding-right: 15px;
    }

    .par-news-preview .field--name-field-news-datum {
        margin-top: 0px;
    }

    .news-vorschau-row .field--name-node-title h3 {
        font-size: 12px;
    }

    .field--name-dynamic-block-fieldparagraph-news-vorschau .block-views:after {
        display: none;
    }

    .par-kachlen-outer-wrapper-bg {
        display: none;
    }

    .par-kachlen-inner-wrapper .col-lg-4 {
        margin-bottom: 30px;
    }

    .par-events-vorschau {
        background-color: #e4eef5;
        background-image: none;
        padding-left: 30px;
        padding-right: 30px;
        padding-top:30px;
    }

    .view-events-slider-startseite .slick-slide .views-row {
        width: 100% !important;
        margin-bottom:30px;
    }

    .par-textblock-bild-rechts.bg-col-id-1 .row {
        display: flex;
    }

    .par-textblock-bild-rechts.bg-col-id-1 .par-image {
        order:1;
    }

    .par-textblock-bild-rechts.bg-col-id-1 .field--name-field-media-image .field__item {
        position: relative;
    }

    .par-textblock-bild-rechts.bg-col-id-1 .par-text {
        order:2;
    }

    .par-social-newsletter {
        background: unset;
    }

    .col-social {
        padding-left: 30px;
        background-color: #BBCFDC;
    }

    .col-newsletter {
        background-color: #F1EEE8;
    }

    .newsletter-inner-wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }

    .par_webform {
        padding-left: 15px;
        padding-right: 15px;
    }

    .webform-submission-form #edit-actions .form-submit {
        width: 100%;
    }

    .par-social-newsletter .col-social:before,
    .par-social-newsletter .col-newsletter:before {
        display: none;
    }

    footer .region-footer {
        display: block;
        padding: 15px 30px;
    }

    #block-newsletterfakeform input.form-email,
    #block-newsletterfakeform .button {
        display: block;
        width: 100%;
        max-width: unset;
        border-radius: 4px;
        margin-bottom:10px;
    }

    /* Eventkalender */
    .eventkalender-row.view-eventkalender,
    .eventkalender-row.view-eventkalender.slick-slider {
        margin-top: 50px;
    }

    .field--name-dynamic-token-fieldnode-slider-event {
        max-height: unset;
    }

    .eventkalender-headertitle h1 {
        font-size: 28px;
    }

    .kalender-view header {
        display: inline-block;
    }

    .view-eventkalender.slick-slider:after {
        background-size: 100% 100%;
        min-height: 40px;
    }

    /* #block-datteln-content .eventkalender-row {
        padding-left: 15px;
        margin-right: -20px;
    } */

    .event-anrisstext .field--name-dynamic-token-fieldnode-event-datum-uhrzeit {
        margin-top:8px;
    }

    .view-eventkalender .event-anrisstext {
        margin-bottom: 30px;
    }

    .event-calendar-app {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: 15px;
    }

    .event-calendar-app:before {
        position: absolute;
        content: ' ';
        width: 0px;
        height: 0px;
        margin-top: -20px;
        margin-left: 78px;
        -webkit-transform:rotate(360deg);
        border-style: solid;
        border-width: 0 20px 20px 20px;
        border-color: transparent transparent #f1eee8 transparent;
    }

    /* Event */
    .event-ort-wrapper:before,
    .event-alarm-wrapper:before {
        display: none;
    }

    .event-date-wrapper,
    .event-ort-wrapper,
    .event-alarm-wrapper {
        padding-left: 30px;
        padding-right: 30px;
    }

    .event-date-wrapper {
        padding-bottom: 0;
    }

    .field--name-dynamic-token-fieldnode-event-kategorien,
    .page-node-type-event .field--name-node-title,
    .event-header-text,
    .weitere-events-wrapper header  {
        padding-left:15px;
        padding-right: 15px;
    }

    .hinweis-wrapper {
        border-radius: 0px;
        padding: 38px 15px;
    }

    .eventkalender-header-text,
    .field--name-dynamic-token-fieldnode-header-event {
        position: relative;
        padding: 40px 0;
    }

    .programm-wrapper,
    .tickets-wrapper {
        padding: 0 30px;
    }

    .event-header-text {
        position: relative;
    }

    .field--name-dynamic-token-fieldnode-slider-event picture,
    .field--name-dynamic-token-fieldnode-header-event picture{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
    }

    .field--name-dynamic-token-fieldnode-slider-event picture img,
    .field--name-dynamic-token-fieldnode-header-event picture img {
        object-fit: cover;
    }


    /* event */
    .field--name-dynamic-token-fieldnode-header-event {
        max-height: unset;
        margin-top: 50px;
    }

    .event-anrisstext-ohnebild .field--name-body {
        height: unset !important;
    }

    .event-header-button {
        margin-top: 15px;
    }

    #block-views-block-eventkalender-block-1 .field--name-dynamic-token-fieldnode-header-event {
        margin-top:0;
    }


    /* paragraphs */
    .field--name-node-title,
    .node-header-text,
    .par-textblock,
    .news-header-bild,
    .par-link,
    .field--name-field-subtitel-optional-,
    .field--name-field-iframe-code,
    .field--name-field-datei,
    .akkordeon-element .akkordeon-element-titel,
    .akkordeon-element .akkordeon-element-text,
    .field--name-field-kontakt,
    .akkordeon,
    .field--name-field-bild-video,
    .par-webform,
    .page-node-type-news .field--name-field-news-datum,
    .page-node-type-news .field--name-body {
        padding-left: 30px;
        padding-right: 30px;
    }

    .region-infosidebar .field--name-node-title {
        padding-left: 0px;
        padding-right: 0px;
    }

    .par-textblock {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .field--name-field-kontakt-bild {
        max-width:76px;
    }

    .event-anrisstext .field--name-node-title,
    .view-events-slider-startseite .field--name-node-title,
    .par-news-preview .field--name-node-title {
        padding-left:0;
        padding-right:0;
    }

    .field--name-field-kontakt .field--name-node-title {
        padding-left:0;
        padding-right:0;
        padding-top:6px;
    }

    .par-link a {
        width: 100%;
    }

    .par-textblock.bg-color-31,
    .par-textblock.bg-color-29,
    .par-textblock.bg-color-28,
    .par-textblock.bg-color-27,
    .par-textblock.bg-color-26,
    .par-textblock.bg-color-25,
    .par-textblock.bg-color-10,
    .par-textblock.bg-color-2,
    .par-textblock.bg-color-1 {
        margin-left:30px;
        margin-right: 30px;
    }

    /* .field--name-dynamic-block-fieldparagraph-newsletter-fake-form  */
    .field--name-dynamic-block-fieldparagraph-newsletter-fake-form .form-email,
    .field--name-dynamic-block-fieldparagraph-newsletter-fake-form .form-submit,
    .field--name-dynamic-block-fieldparagraph-newsletter-fake-form input.form-email {
        display: block;
        width: 100%;
        max-width: 100%;
        margin-bottom: 6px;
    }

    /* News slider */
    .par-news-content-col {
        padding: 0 12px;
    }

}

/* Ortsrecht */
@media (max-width: 1199px) {
    .formulare_bezeichnung {
        padding-bottom: 15px;
    }
}