/* Fonts */

@font-face{
    font-family:'thesanslight';
    src:url("/fileadmin/fonts/Common/TheSansB_2_.eot");
    src:url("/fileadmin/fonts/Common/TheSansB_2_.eot") format("embedded-opentype")
    ,url("/fileadmin/fonts/Common/TheSansB_2_.woff") format("woff")
    ,url("/fileadmin/fonts/Common/TheSansB_2_.woff") format("svg");
    font-weight:normal;
    font-style:normal
}

/* Body */

.text-warning {
    color: #DD8430!important;
}

body {
    width: 100%;
    overflow-x: hidden;
    color: #5a5a5a;
    background-color: white;
}

* {
    font-family: 'thesanslight';
}

select option, select {
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

select#language_menu_select {
    border: 1px solid #00438B;
    min-width: 200px;
    padding: 0 15px;
    font-size: 18px;
}

body.dehoga-background {
    background-color: #F6F8F9
}

.mb-1 {
    margin-bottom: 50px!important;
}

.mb-2 {
    margin-bottom: 150px!important;
}

.mb-3 {
    margin-bottom: 200px!important;
}

.mb-4 {
    margin-bottom: 250px!important;
}

.mb-5 {
    margin-bottom: 300px!important;
}

/* Unterseiten Header */

.header-container-wrap, .content-slim .header-container {
    position: relative;
}

.content-slim .header-container .offset-container {
    margin-top: -132px;
}

.content-slim .header-container .offset-container > .two-col {
    background-color: white;
}

.content-slim .offset-container h2 {
    display: inline-block;
    margin-bottom: 0;
    padding: 30px 50px;
}

.content-slim .lang-container {
    position: relative;
}

.header-container-wrap .offset-container .grid_white {
    padding: 0;
}

.content-container-wrap.dehoga-container > .container > .two-col .col-xl-8:first-child {
    padding-right: 75px;
}

.content-container-wrap.dehoga-container > .container > .two-col .col-xl-8:last-child {
    padding-left: 75px;
}

@media(max-width: 991px) {
    .content-container-wrap.dehoga-container > .container > .two-col .col-xl-8:first-child {
        padding-right: 12px;
    }

    .content-container-wrap.dehoga-container > .container > .two-col .col-xl-8:last-child {
        padding-left: 12px;
    }
}

.container-full {
    width: 100%;
}

.smallwidth-container {
    width: 66.6%;
    margin: auto;
}

@media(max-width: 991px) {
    .smallwidth-container {
        width: 100%;
    }
}

.content-slim .container-full .container-full.grid_lightgray {
    padding-left: 50px;
}

.content-slim p, .content-slim #ce_documents {
    max-width: 940px;
}

/* Content */
.frame-space-before-medium {
    margin-top: 50px;
}

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

h1 {
    font-size: 60px;
    color: #00438B;
    margin-bottom: 30px;
    font-weight: 400;
    hyphens: auto; /* Hinzugefügt von Eugen - 14.10.2024 */
}

h2 {
    font-size: 40px;
    color: #00438B;
    margin-bottom: 30px;
    font-weight: 400;
    hyphens: auto;
}

.content-slim h2 {
    font-size: 36px;
    max-width: 75%;
}

h3 {
    font-size: 30px;
    color: #00438B;
    font-weight: 400;
    margin-bottom: 20px;
    margin-top: 30px;
    hyphens: auto;
}

h4 {
    font-size: 36px;
    color: #00438B;
    /*font-weight: 800;*/
    margin-top: 80px;
    margin-bottom: 20px;
    hyphens: auto;
}

#c1 .offset-container h4 {
    font-weight: 800;
}

h5 {
    font-size: 36px;
    color: #00438B;
    font-weight: 800;
    margin-bottom: 20px;
    hyphens: auto;
}
.news h2, .news h3, .news h4{
    font-size: 36px;
}
.content-2col .two-col-right h4 {
    font-size: 26px;
    color: #00438B;
    font-weight: 800;
    margin-top: 0;
    text-align: left;
    word-break: break-word;
}
.two-col-right h4.ce-headline-center {
    text-align: center;
}
.two-col-right h4.ce-headline-right {
    text-align: right;
}
.two-col-left .two-col-right h4 {
    margin-top: 80px;
    margin-bottom: 20px;
}
.full-container.image-width-picture img {
    width: 100%;
}

ul,ol {
    list-style-type: none;
}

.dehoga-container ul li:before {
    content: '';
    position: absolute;
    left: -18px;
    width: 5px;
    height: 5px;
    background-color: #DD8430;
    top: 10px;
}

.dehoga-container ul li, .dehoga-container ol li {
    position: relative;
}

.dehoga-container ul li a, .dehoga-container ol li a, .content-slim ul li a {
    color: #00438B;
    text-decoration: underline;
    padding-left: 20px;
    position: relative;
}

.dehoga-container .accordion-content .accordion-content-inner ul {
    padding-left: 20px;
}

.dehoga-container .grid_lightgray ol li a {
    text-decoration: none;
    color: grey;
}

.dehoga-container .grid_lightgray ol li:hover a {
    color: #DD8430;
}

.dehoga-container ul li a:after, .dehoga-container ol li a:after {
    content: '';
    background-image: url(/fileadmin/images/Common/akkordeon_pfeil.svg);
    width: 20px;
    height: 29px;
    position: absolute;
    top: -4px;
    background-size: 16px;
    background-repeat: no-repeat;
    left: 10px;
    transform: rotate(-90deg);
}

.dehoga-container p a {
    position: relative;
    margin-left: 15px;
    color: #00438B;
    display: inline-block;
}

.dehoga-container p a:after {
    content: '';
    background-image: url(/fileadmin/images/Common/akkordeon_pfeil.svg);
    width: 20px;
    height: 29px;
    position: absolute;
    top: -4px;
    background-size: 16px;
    background-repeat: no-repeat;
    left: -10px;
    transform: rotate(-90deg);
}

::marker {
    color: #DD8430;
}

/* Gridelements */

.grid_lightgray {
    background-color: #F6F8F9;
    padding-top: 50px;
    padding-bottom: 50px;
}

.grid_white {
    background-color: white;
    padding-top: 50px;
    padding-bottom: 50px;
}

@media(max-width: 767px) {
    .grid_lightgray {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .grid_white {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.mask-container {
    position: relative;
    margin-bottom: 20px;
}

.mask-container .offset-container {
    position: absolute;
    bottom: 40px;
    width: 100%;
}

@media(max-width: 767px) {
    .content-slim .mask-container .offset-container {
        position: initial;
    }
}

.mask-container .offset-container .grid_lightgray {
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 20px;
    padding-bottom: 20px;
}

.mask-container .offset-container .grid_transparent .col-lg-4 {
    width: calc(33.3% - 40px);
    background-color: rgba(255,255,255,0.95);
    padding: 30px;
    margin-right: 60px;
    padding-bottom: 0;
    padding-top: 15px;
}

/*.mask-container .offset-container .grid_transparent .col-lg-4 ol li {
    font-size: 24px;
}*/

@-moz-document url-prefix() {
    .dehoga-container .mask-container .offset-container .grid_transparent .col-lg-4 ol li a:after {
        top: 0px;
    }
}

.dehoga-container .mask-container .offset-container .grid_transparent .col-lg-4 h4 {
    margin-top: 0;
}

.mask-container .offset-container .grid_transparent .col-lg-4:last-child {
    margin-right: 0;
}

.container-full.grid_lightgray.verticalalign-container {
    margin-top: -20px;
}

.col-12.col-lg-4.two-col-right .grid_lightgray ol {
    padding: 0;
}

/* Header */

header {
    background-color: white;
    width: 100%;
    position: fixed;
    top: 0;
    -webkit-box-shadow: 0 0 12px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 0 12px 0 rgb(0 0 0 / 20%);
    z-index: 99999;
}

header .logo {
    margin-top: 25px;
}

header .header-container {
    padding: 20px 0 40px;
    height: 136px;
}

.header-nav-container {
    display: flex;
}

.header-nav-container a {
    color: #00438B;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 18px;
}
.header-nav-container  a.subnav-link-2 {
    color: #00438B;
    text-decoration: none;
    text-transform: none;
    font-size: 16px;
    transition: 0.5s;
}

.header-nav-container .hover > a {
    color: #EE7F00;
}

.header-nav-container {
    display: flex;
    justify-content: space-between;
}

.header-top-nav-container {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 15px;
}

.header-top-nav-container .top-nav-item {
    margin-left: 30px;
    position: relative;
    height: 24px;
    margin-top:3px;
    font-size: 17px;
}

.header-top-nav-container .top-nav-item a {
    color: #707070;
    text-decoration: none;
    transition: 0.5s;
}

.header-top-nav-container .top-nav-item a:hover {
    color: #EE7F00;
}

.header-top-nav-container .top-nav-item:before {
    content:'';
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #707070;
    left: -15px;
}

.header-top-nav-container .top-nav-item.no-before:before {
    content:none;
}

/* Content */

.content-container-wrap {
    min-height: 70vh;
    margin-top: 135px;
}

.content-container-wrap.campus-container {
    margin-top: 120px;
}



@media(max-width: 991px) {
    .content-container-wrap.campus-container {
        margin-top: 95px;
    }
}

/* Footer */

footer {
    background-color: #00438B;
    padding: 50px 0 70px;
    margin-top: 50px;
}

footer .footer-nav-item a {
    color: white;
    text-decoration: none;
}

footer .footer-navigation {
    display: flex;
    margin-top: 5px;
    flex-wrap: wrap;
}

footer .footer-navigation .footer-nav-item {
    margin-right: 20px;
    position: relative;
}

footer .footer-navigation .footer-nav-item:after {
    content: '';
    position: absolute;
    right: -10px;
    height: 18px;
    top: 4px;
    width: 1px;
    background-color: white;
}

footer .footer-navigation .footer-nav-item:last-child:after {
    content: none;
}

footer div#dehoga-socials .ce-row {
    display: flex;
    justify-content: flex-end;
}

@media(max-width: 991px) {
    footer div#dehoga-socials .ce-row {
        display: flex;
        justify-content: flex-start;
    }

    #dehoga-socials >.container {
        padding: 0;
        margin-top: 10px;
    }

    div#dehoga-socials {
        margin-top: 20px;
    }
}

footer div#dehoga-socials .ce-row .ce-column {
    margin-right: 20px;
}

footer div#dehoga-socials .ce-row .ce-column figure {
    margin: 0;
}

/* Slider */

.slider-element.slick-slider .slider-text {
    position: relative;
}

.row.row-slick {
    position: absolute;
    right: 113px;
    top: 181px;
    display: inline-block;
}

.slider-text-title {
    font-size: 38px;
    color: #00438B;
    letter-spacing: -0.7px;
}

.slider-title {
    font-size: 90px;
    padding-left: 100px;
    color: #EE7F00;
    line-height: 95px;
    margin-bottom: 30px;
}

.slider-text-rte {
    padding-left: 100px;
}

.slider-element img {
    max-height: 600px;
    object-fit: cover;
}

@media(max-width: 767.98px) {
    .row.row-slick {
        right: inherit;
        top: 70px;
        padding-left: 20px;
        padding-right: 20px;
        background-color: #ffffffc7;
    }

    .slider-text-title {
        font-size: 28px;
        line-height: 32px;
    }

    .slider-title {
        font-size: 36px;
        padding-left: 10px;
        line-height: 45px;
        margin-bottom: 0;
    }

    .slider-text-rte {
        padding-left: 10px;
        font-size: 12px;
    }
}

/* Site Buttons */
.site-buttons {
    position: fixed;
    top: 30%;
    right: 0;
    z-index: 999;
    transition: 0.5s;
}

.site-buttons.hoverMenu {
    right: -75px;
}

.site-buttons .site-buttons-resp {
    position: absolute;
    content: '';
    width: 30px;
    height: 50px;
    left: -30px;
    background-repeat: no-repeat;
    transition: 0.5s;
    top: -55px;
    background-color: #00438B;
    display: none;
    border: solid white 1px;
}

.site-buttons .site-buttons-resp:before {
    background-image: url(/fileadmin/images/Common/akkordeon_pfeil_white.svg);
    position: absolute;
    content: '';
    background-repeat: no-repeat;
    left: -6px;
    background-position-y: 9px;
    background-position-x: 14px;
    transition: 0.5s;
    background-size: 28px;
    top: 7px;
    width: 50px;
    height: 30px;
    transform: rotate(90deg);
}

.site-buttons.active .site-buttons-resp {
    left: 0px;
}

.site-btn {
    width: 60px;
    height: 60px;
    background-color: #00438B;
    margin-bottom: 4px;
    color: white;
    transition: 0.5s;
}

.site-btn.site-btn-mail {
    background-color: #00438B;
}

.site-buttons.dehoga-bw.active {
    right: calc(-100% + 60px) !important;
}

@media(max-width: 1024px) {
    .site-buttons {
        position: fixed;
        top: inherit;
        bottom: 20%;
        width: 100%;
        right: -100%;
        justify-content: space-between;
    }

    .site-buttons .site-buttons-resp {
        display: block;
    }

    .site-buttons.active .site-buttons-resp:before {
        transform: rotate(-90deg);
        top: 12px;
        left: -10px;
    }

    .site-btn {
        width: 20%;
    }
}
.site-btn-search-box {
    position: fixed;
    display: inline-block;
    overflow: hidden;
    width: 300px;
    z-index: 9999;
    right:-300px;
    height:60px;
    float:left;
    background:#00438B;
    z-index: -1;
}
.site-btn-mitglied {
    position: fixed;
    display: inline-block;
    overflow: hidden;
    width: 300px;
    z-index: 9999;
    right:-300px;
    height:60px;
    float:left;
    background:#00438B;
    z-index: -1;
    margin-top: -64px;
}
.site-btn-service {
    position: fixed;
    display: inline-block;
    overflow: hidden;
    width: 300px;
    z-index: 9999;
    right:-300px;
    height:60px;
    float:left;
    background:#00438B;
    z-index: -1;
    margin-top: -64px;
}
@media(max-width: 600px) {
    .site-btn-service, .site-btn-mitglied, .site-btn-search-box {
        width: 240px;
    }
}
.content-container-wrap .site-btn-mitglied p, .content-container-wrap .site-btn-service p {
    margin-top: 16px;
}
.content-container-wrap .site-btn-mitglied a {
    color: white;
    margin-left: 40px;
    font-weight: bold;
}
.content-container-wrap .site-btn-service a {
    color: white;
    margin-left: 40px;
    font-weight: bold;
}
.tx-indexedsearch-searchbox-button{
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: right;
    width: 40px;
    height: 40px;
    margin-left: 15px;
    border: none;
    background-color: unset;
    color: transparent;
}

.site-btn-search-box form{
    display:flex;
    flex-direction: row;
    margin: 10px 13px 15px 13px;
}
.dehoga-bw .site-btn.site-btn-mail {
    position:  relative;
}

.dehoga-bw .site-btn.site-btn-mail:before {
    content: '';
    position: absolute;
    background-image: url(/fileadmin/images/DehogaBW/Icons/icon_servicecenter_button.svg);
    background-repeat: no-repeat;
    width: 40px;
    height: 50px;
    left: 10px;
    top: 10px;
    z-index: 9999;
    pointer-events: none;
}

.dehoga-bw .site-btn.site-btn-phone {
    position:  relative;
}

.dehoga-bw .site-btn.site-btn-phone:before {
    content: '';
    position: absolute;
    background-image: url(/fileadmin/images/DehogaBW/Icons/SiteButtons/icon_phone.svg);
    background-repeat: no-repeat;
    width: 40px;
    height: 50px;
    left: 10px;
    top: 10px;
    z-index: 9999;
    pointer-events: none;
}

.dehoga-bw .site-btn.site-btn-search  {
    position:  relative;
    cursor: pointer;
}
.dehoga-bw .site-btn.site-btn-search .site-btn{
    float:left;
}
.dehoga-bw .site-btn.site-btn-search:before {
    content: '';
    position: absolute;
    background-image: url(/fileadmin/images/DehogaBW/Icons/SiteButtons/icon_search.svg);
    background-repeat: no-repeat;
    width: 40px;
    height: 50px;
    left: 10px;
    top: 10px;
    z-index: 9999;
    pointer-events: none;
}

.dehoga-bw .site-btn.site-btn-chat {
    position:  relative;
}

.dehoga-bw .site-btn.site-btn-chat:before {
    content: '';
    position: absolute;
    background-image: url(/fileadmin/images/DehogaBW/Icons/SiteButtons/icon_chat.svg);
    background-repeat: no-repeat;
    width: 40px;
    height: 50px;
    left: 7px;
    top: 10px;
    z-index: 9999;
    pointer-events: none;
}

@-moz-document url-prefix() {
    .dehoga-bw .site-btn.site-btn-mail:before {
        top: 25px;
    }

    .dehoga-bw .site-btn.site-btn-phone::before {
        top: 25px;
    }

    .dehoga-bw .site-btn.site-btn-search::before {
        top: 10px;
    }

    .dehoga-bw .site-btn.site-btn-chat::before {
        top: 25px;
    }
}

/* Scroll to top */
.scrolltop {
    width: 50px;
    height: 50px;
    background-color: #ccc;
    position: fixed;
    right: 20px;
    bottom: 20px;
    background-image: url(/fileadmin/images/DehogaBW/Icons/SiteButtons/akkordeon_pfeil_white.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position-y: 18px;
    background-position-x: 9px;
    transform: rotate(180deg);
    transition: 0.5s;
    z-index: 10000;
}

.scrolltop:hover {
    background-color: #FF8A00;
}

/* Custom Element Dokumente */

#ce_documents .document-title {
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 18px;
}

#ce_documents .document-description p {
    margin-bottom: 5px;
}

#ce_documents a.link-typolink {
    color: #EE7F00;
    text-decoration: none;
    font-weight: bold;
}

#ce_documents a.link-typolink:hover {
    text-decoration: underline;
}

#ce_documents .document-item {
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
}

#ce_documents {
    margin-bottom: 30px;
    margin-top: 30px;
}

#ce_documents .filter-container {
    background-color: #F6F8F9;
    padding: 10px;
}

#ce_documents a.link-typolink {
    position: relative;
    padding-left: 20px;
}

#ce_documents a.link-typolink:after {
    content: '';
    position: absolute;
    background-image: url(/fileadmin/images/Common/slider-arrow-orange.svg);
    width: 20px;
    height: 20px;
    background-size: 10px;
    background-repeat: no-repeat;
    left: 0px;
    top: 6px;
}

/* Menu Boxes */

.menu-item {
    margin-bottom: 25px;
    margin-top: 25px;
}

.menu-item .menu-title {
    background-color: #00438b;
    color: white;
    text-decoration: none;
    padding: 10px 20px;
}

.menu-item .menu-image img {
    width: auto;
    height: 330px;
    object-fit: cover;
}

/* Ansprechpartner */

#ce_person {
    text-align: center;
    margin-bottom: 20px;
    max-width: 320px;
}

.dehoga-container #ce_person {
    text-align: left;
}



.dehoga-container #ce_person .person-name {
    color: #00438B;
    margin: 0;
    font-size: 18px;
}
#ce_person  .person-image{
    padding:0;
}
#ce_person  .person-container-info{
    padding:30px 20px!important;
}
.two-col #ce_person {
    margin-left: auto;
}

@media(max-width: 1199px) {
    .two-col #ce_person {
        margin-top: 30px;
    }
}

@media(max-width: 991px) {
    div#Ansprechpartner .two-col > div {
        flex: 100%;
    }

    .two-col #ce_person {
        margin-left: auto;
        margin-right: auto;
    }
}

@media(max-width: 991px) {
    .two-col #ce_person {
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
    }

    .campus-container .two-col .col-md-6:last-child #ce_person {
        margin-left: auto;
        margin-right: auto;
    }

    .campus-container-calw .col-12.col-md-12.col-lg-4 #ce_person {
        margin-left: auto;
        margin-right: auto;
    }
}

.campus-container-calw div#Freizeit #ce_imagewidth {
    margin-top: 30px;
}

#ce_person p {
    font-size: 20px;
    margin-bottom: 5px;
}

#ce_person p strong {
    margin-top: 10px;
}

#ce_person .person-image img {
    max-width: 258px;
}

@media(min-width: 992px) {
    #ce_person .person-image img {
        max-width: 210px;
    }
}

.dehoga-container #ce_person p a {
    margin-left: 0;
}

.dehoga-container #ce_person p a:after {
    content: none;
}

.dehoga-container #ce_person p {
    font-size: 18px;
    margin-bottom: 0;
}

.dehoga-container #ce_person .person-container-title, .dehoga-container #ce_person .person-adresse {
    margin-bottom: 15px;
}

.dehoga-container #ce_person .ce_person_mail {
    margin-top: 15px;
}

.dehoga-container #ce_person .ce_person_phone, .dehoga-container #ce_person .ce_person_fax, .dehoga-container #ce_person .ce_person_mail, .dehoga-container #ce_person .ce_person_mobile {
    padding-left: 30px;
}

.dehoga-container #ce_person a {
    font-size: 18px;
}

.dehoga-container #ce_person .ce_person_phone,.dehoga-container #ce_person .ce_person_mobile, .dehoga-container #ce_person .ce_person_mail {
    position: relative;
    margin-bottom: 2px;
}

.fancybox-active header {
    z-index: 1;
}

.dehoga-container #ce_person .ce_person_phone:before {
    background: url(/fileadmin/images/DehogaBW/Icons/icon_phone.svg);
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background-size: 20px;
    left: 0;
    top: 3px;
}
.dehoga-container #ce_person .ce_person_mobile:before {
    background: url(/fileadmin/images/DehogaBW/Icons/cell-phone.svg);
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background-size: 20px;
    left: 0;
    top: 3px;
}
.dehoga-container #ce_person .ce_person_fax:before {
    background: url(/fileadmin/images/DehogaBW/Icons/icon_fax.svg);
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background-size: 20px;
    left: 0;
    top: 3px;
}
.dehoga-container #ce_person .ce_person_mobile:before {
    background: url(/fileadmin/images/DehogaBW/Icons/cell-phone.svg);
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background-size: 20px;
    left: 0;
    top: 3px;
}
.dehoga-container #ce_person .ce_person_mail:before {
    background: url(/fileadmin/images/DehogaBW/Icons/icon_mail.svg);
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background-size: 20px;
    left: 0;
    top: 3px;
}

/* Bus Stop */

@media(max-width: 767px) {
    .bus-stop {
        margin-top: 20px;
    }
}

.bus-stop {
    padding: 10px;
    position: relative;
    text-align: center;
    border: 3px solid #ff8a00;
}

.bus-stop .bus-stop-h {
    position: relative;
}

.bus-stop-h-icon {
    width: 45px;
    height: 45px;
    background-color: #f0ca00;
    position: absolute;
    border-radius: 100%;
}

@media(max-width: 900px) and (min-width: 768px) {
    .bus-stop-h-icon {
        top: -38px;
        left: 43%;
    }
}

@media(max-width: 400px) {
    .bus-stop-h-icon {
        top: -38px;
        left: 43%;
    }
}

.bus-stop-h-icon:after {
    content: '';
    background-image: url(/fileadmin/images/Common/Haltestelle.svg);
    position: absolute;
    width: 45px;
    height: 45px;
    background-repeat: no-repeat;
    background-size: 45px;
    left: 0;
    top: 0;
}

.bus-stop p {
    margin-bottom: 0;
}

.bus-stop .bus-stop-headline {
    margin-top: 5px;
    margin-bottom: 100px;
}

.bus-stop .bus-stop-text {
    margin-bottom: 45px;
    margin-top: 5px;
}

.bus-stop .bus-stop-description {
    margin-bottom: 20px;
}

div.icon-bus-stop {
    position: absolute;
}

div.icon-bus-stop:after {
    content: '';
    background-image: url(/fileadmin/images/Common/bus-stop.svg);
    position: absolute;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: 50px;
}

@media(max-width: 1800px) and (min-width: 1600px) {
    .microsite-container .row.row-slick {
        right: 38px;
        top: 70px;
    }
}

@media(max-width: 1599px) and (min-width: 1280px) {
    .microsite-container .row.row-slick {
        right: 50px;
        bottom: 50px;
        top: inherit;
        background-color: #ffffffc7;
    }
}

@media(max-width: 1279px) and (min-width: 992px) {
    .microsite-container .row.row-slick {
        right: 50px;
        bottom: 50px;
        top: inherit;
        background-color: #ffffffc7;
    }

    .microsite-container .slider-title {
        font-size: 30px;
        padding-left: 100px;
        color: #EE7F00;
        line-height: 32px;
        margin-bottom: 16px;
    }
}

@media(max-width: 991px) and (min-width: 769px) {
    .microsite-container .row.row-slick {
        right: 30px;
        bottom: 30px;
        top: inherit;
        background-color: #ffffffc7;
    }

    .microsite-container .slider-text-title {
        font-size: 30px;
        color: #00438B;
        letter-spacing: -0.7px;
    }

    .microsite-container .slider-title {
        font-size: 36px;
        padding-left: 100px;
        color: #EE7F00;
        line-height: 40px;
        margin-bottom: 15px;
    }
}

@media(max-width: 991px) {
    .microsite-container .header-container, .microsite-container .header-container img {
        min-height: 300px;
    }
}

@media(max-width: 767.98px) {
    .microsite-container .row.row-slick {
        right: 30px;
        bottom: 30px;
        top: inherit;
        background-color: #ffffffc7;
    }
}

@media(max-width: 600px) {
    .microsite-container .slider-text-title {
        font-size: 20px;
        color: #00438B;
        letter-spacing: -0.7px;
    }

    .microsite-container .slider-title {
        font-size: 24px;
        padding-left: 10px;
        line-height: 30px;
        margin-bottom: 0;
    }

    .microsite-container .row.row-slick {
        right: 20px;
        bottom: 20px;
    }
}

@media(max-width: 375px) {
    .microsite-container .row.row-slick {
        right: 48px;
        bottom: 18px;
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media(max-width: 320px) {
    .microsite-container .row.row-slick {
        right: 18px;
        bottom: 18px;
        padding-left: 5px;
        padding-right: 5px;
    }
}

.content-slim div#language_menu {
    display: flex;
    position: absolute;
    left: 20%;
    bottom: 43px;
}

.content-slim .header-container-wrap .offset-container.header-container .col-xl-4 {
    position: relative;
}

@media(max-width: 1200px) {
    .content-slim .header-container-wrap .offset-container.header-container .col-xl-8 {
        flex: 66.66%;
        width: 66.66%;
    }

    .content-slim .header-container-wrap .offset-container.header-container .col-xl-4 {
        width: 33.33%;
        flex: 33.33%;
    }
}

@media(max-width: 991px) {
    .content-slim .header-container-wrap .offset-container.header-container .col-xl-8 {
        flex: 100%;
        width: 100%;
    }

    .content-slim .header-container-wrap .offset-container.header-container .col-xl-4 {
        width: 100%;
        flex: 100%;
        position: initial;
    }

    .content-slim div#language_menu {
        display: flex;
        position: absolute;
        right: 15px;
        bottom: 43px;
        left: initial;
    }
}

@media(max-width: 767px) {
    .content-slim .header-container .offset-container {
        margin-top: 0;
    }

    .content-slim .breadscrumb.container {
        margin-top: 30px;
    }
}

div#language_menu img {
    width: 32px;
    height: 32px;
    margin-right: 10px;
}

.content-slim .offset-container h2 {
    padding-left: 0;
    font-weight: lighter;
}

.content-slim .mask-container .offset-container h2 {
    padding-left: 50px;
    background-color: #F6F8F9;
    margin-top: 120px;
}

@media(max-width: 1200px) and (min-width:768px) {
    .content-slim .mask-container .offset-container h2 {
        margin-bottom: 0!important;
        padding: 10px;
        font-size: 32px;
    }
}

@media(max-width: 767px) {
    .content-slim .mask-container .offset-container h2 {
        margin-top: 0;
        width: 100%;
        margin-bottom: 0!important;
        padding: 20px;
        max-width: 100%;
    }
}

.content-slim .container-fluid .container-full {
    padding-left: 24px;
}

@media(max-width: 767px) and (min-width: 600px) {
    .content-slim .cotainer-slim-content .col-md-8 .container {
        max-width: 100% !important;
    }
}

.content-slim .container-full .container {
    padding: 0!important;
}

.content-slim .mask-container.container-full {
    margin-bottom: 0;
}

.content-slim .mask-container .offset-container {
    bottom: 0;
}

.content-slim .container-fluid > .row > .col-md-8 > .container, .content-slim .container-fluid > .row > .col-md-8 > .container-full {
    padding-left: 0;
}

.content-slim div#ce_link.link-type-2 {
    background-color: #f6f8f9;
}

.content-slim div#ce_link.link-type-2:hover {
    background-color: #00438B;
}

/* Kontrast */

.contrast-container {
    display: flex;
    padding: 6px;
    font-size:1rem;
}

.contrast-normal {
    width: 30px;
    height: 30px;
    background-color: white;
    cursor: pointer;
    color: #00438b;
    border: 1px solid #00438b;
    padding-left: 9px;
    padding-top: 2px;
    font-weight: bold;
    font-size: 16px;
}

@-moz-document url-prefix() {
    .contrast-normal {
        padding-left: 6px!important;
    }
}

@media(max-width: 1280px) {
    .seiten-element .seiten-titel {
        word-break: break-word;
    }

    .two-col .col-md-6 .seiten-item {
        width: 100%;
    }
}

.contrast-black-to-white {
    cursor: pointer;
    color: black;
    padding-left: 7.5px;
    padding-top: 0;
    font-weight: bold;
    font-size: 16px;
    margin-left: 6px;
    margin-top: 0;
    width: 30px;
    height: 30px;
    background-color: #F6F8F9;
    border: solid 3px black;
}

@-moz-document url-prefix() {
    .contrast-black-to-white {
        padding-left: 6.5px;
    }
}

.contrast-white-to-black {
    cursor: pointer;
    color: white;
    font-weight: bold;
    font-size: 16px;
    margin-left: 6px;
    margin-top: 0px;
    width: 30px;
    height: 30px;
    background-color: #F6F8F9;
    border: solid 3px black;
}

.contrast-white-black-inner {
    background-color:black;
    border: 2px solid white;
    height: 25px; /* 24px - Änderung von Eugen Brandes - 24.09.2024 */
    padding-left: 4.5px;
}

@-moz-document url-prefix() {
    .contrast-white-black-inner {
        padding-left: 3.5px;
    }
}

.contrast-white-black-inner p {
    margin-top: -1px; /* -2px - Änderung von Eugen Brandes - 24.09.2024 */
    margin-left: 1px;
}

@-moz-document url-prefix() {
    .contrast-white-black-inner p {
        margin-top: -2px;
    }
}

body.scrollMenu .content-slim .container-fluid .col-md-4 > .container {
    position: relative;
}

body.scrollMenu .content-slim .container-fluid .col-md-4 > .container > .row {
    position: fixed;
    top: 160px;
}

body.scrollMenu .content-slim .container-fluid .col-md-4 > .container > .row > .col-12 {
    width: 32%;
}


.content-slim .grid_lightgray p {
    padding-left: 50px;
}

#ce_beilagen {
    width: 60%;
    margin-left: 5%;
}

#ce_beilagen button.slick-next.slick-arrow:after {
    content: '';
    background-image: url(/fileadmin/images/Common/slider-arrow.svg);
    width: 69px;
    height: 91px;
    position: absolute;
    top: 30px;
    right: -90px;
    background-size: 69px;
    background-repeat: no-repeat;
    left: inherit;
}

#ce_beilagen .beilagen {
    padding-left: 10px;
    padding-right: 10px;
}

#ce_beilagen img {
    position: relative;
    transition: 0.5s;
    height: 150px;
    object-fit: cover;
}

#ce_beilagen .beilagen-headline {
    font-weight: bold;
    margin-top: 5px;
}

#ce_beilagen button.slick-prev.slick-arrow {
    top: 60px;
}

#ce_beilagen .beilagen.hover {
    position: relative;
}

#ce_beilagen .beilagen.hover:after {
    content: '';
    position: absolute;
    top: 0;
    width: 90%;
    height: 150px;
    background-color: #0000007d;
    pointer-events: none;
}

#ce_beilagen .beilagen.hover img {

}

/* Timeline */

button.slick-arrow.slick-disabled {
    display: none!important;
}

#ce_timeline button.slick-next.slick-arrow {
    position: absolute;
    right: 0;
    top: 32px;
}

div#ce_timeline {
    position: relative;
}

div#ce_timeline:before {
    width: 100vw;
    position: absolute;
    height: 1px;
    background-color: #00438B;
    content: '';
    left: -24%;
    top: 113px;
    z-index: 1;
}

.timeline .timeline-headline, .timeline .timeline-content {
    text-align: center;
}

.timeline .timeline-headline p {
    width: 80%;
    margin-left: 10%;
}

.timeline .timeline-content p {
    width: 70%;
    margin-left: 15%;
}

.timeline .timeline-headline p {
    color: #00438b;
    font-size: 18px;
    border: 1px solid #00438b;
    border-radius: 5px 5px 0 0;
    border-bottom: none;
    padding-top: 7px;
    padding-bottom: 7px;
}

.timeline-wrap-inner.slick-initialized.slick-slider {
    width: 90%;
    margin-left: 5%;
}

.timeline-content {
    margin-top: 30px;
    color: #00438b;
    font-size: 16px;
    position: relative;
}

.timeline-content:before {
    content: '';
    width: 15px;
    height: 15px;
    background-color: #00438b;
    position: absolute;
    top: -24px;
    z-index: 99;
    border-radius: 2px;
}

#ce_timeline button.slick-next.slick-arrow:after {
    content: '';
    background-image: url(/fileadmin/images/Common/akkordeon_blue.svg);
    width: 30px;
    height: 18px;
    position: absolute;
    transform: rotate(-90deg);
    left: 25px;
    background-size: 30px;
    background-repeat: no-repeat;
    top: 50px;
}

#ce_timeline button.slick-prev.slick-arrow:after {
    background-image: url(/fileadmin/images/Common/akkordeon_blue.svg);
    content: '';
    width: 30px;
    height: 15px;
    position: absolute;
    left: 79px;
    transform: rotate(90deg);
    z-index: 9999;
    top: 44px;
    background-size: 30px;
    background-repeat: no-repeat;
}

#ce_timeline p.timeline-headline-text {
    font-size: 28px;
    font-weight: 100;
}

.container.p-0 .container {
    padding: 0;
}

/* Breadscrumbs */

#c1 .breadscrumb,html .breadscrumb {
    display: none;
}
html[lang="de"] .breadscrumb {
    display: flex;
}
html[lang="de"] .content-2col .dehoga-container-main {
    margin-top: -150px;
    padding-top: 150px;
}
html .content-2col .dehoga-container-main {
    margin-top: 50px;
}
.dehoga-container.content-2col .breadscrumb.container:first-child {
    margin-top: 20px;
}
.dehoga-container .breadscrumb.container:first-child {
    margin-top: 170px;
}

.ce-headline-right {
    text-align: right;
}

.breadscrumb {
    display: flex;
    margin-top: 20px;
    margin-bottom: 30px;
    flex-flow: wrap
}

.breadscrumb .breadscrumb-item.layer-0 {
    width: 16px;
}

.breadscrumb .breadscrumb-item.layer-0 a {
    width: 16px;
    position: absolute;
    height: 27px;
}

.breadscrumb .breadscrumb-item.layer-0 a:before {
    content: '';
    position: absolute;
    background-image: url(/fileadmin/images/Common/Home-icon.svg);
    width: 16px;
    height: 16px;
    top: 4px;
}

.breadscrumb .breadscrumb-item {
    margin-left: 30px;
    position: relative;
}

.breadscrumb .breadscrumb-item.layer-0 {
    margin-left: 0;
}

.breadscrumb .breadscrumb-item a {
    color: #00438B;
    text-decoration: none;
}

.breadscrumb .breadscrumb-item.layer-0:before {
    content: none;
}

.breadscrumb .breadscrumb-item:before {
    content: '';
    left: -22px;
    background-image: url(/fileadmin/images/Common/akkordeon_pfeil_blue.svg);
    background-size: 12px;
    width: 16px;
    height: 9px;
    position: absolute;
    background-repeat: no-repeat;
    top: 6px;
    transform: rotate(-90deg);
}

.breadscrumb .breadscrumb-item:last-child a {
    color: grey;
}

.breadscrumb .breadscrumb-item:last-child:before {
    background-image: url(/fileadmin/images/Common/akkordeon_pfeil_grey.svg);
}

.content-slim .breadscrumb {
    margin-top: 0;
    margin-bottom: 20px;
}

.imagewidth-container.ce_alignment-1 {
    text-align: center;
}

.imagewidth-container.ce_alignment-2 {
    text-align: right;
}

.image-description {
    color: #00438B;
    max-width: 60%;
    margin: auto;
    margin-top: 10px;
}

div#ce_imagewidth .image-description {
    max-width: 100%;
    margin-bottom: 20px;
    width: 100%!important;
}

/* Navigation */

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

    header .logo {
        margin-top: 0;
    }

    .header-container > .container-fluid.container {
        position: relative;
    }

    .col-xl-10.col-lg-12.bottom-navigation {
        position: absolute;
        bottom: -45px;
        left: 0;
    }
}

.header-nav-container .bottom-nav-inner {
    display: none;
}

.header-nav-container .hover .bottom-nav-inner {
    display: block;
}

.header-container > div {
    position: relative;
}

/*.header-container .subnav-2 {
    display: none;
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    background-color: white;
    overflow-y: scroll;
    min-height: 280px;
    height: 360px;
}*/

.header-container .hasChild.hover .subnav-2 {
    display: block;
}
.header-container .hasChild .subnav-2 ul {
    list-style-type: none;
    padding-left: 15px;
    margin: 0;
}
.header-container .hasChild.hover .subnav-2 ul {
    list-style-type: none;
    padding-left: 15px;
    margin: 0;
}
.header-container  .subnav-2 ul {
    list-style-type: none;
    padding-left: 15px;
    margin: 0;
}

.header-container .hasChild.hover .subnav-2 ul li.subnav-item-2 {
    transition: 0.5s;
}

.header-container .hasChild.hover .subnav-2 ul li.subnav-item-2:hover {
    padding-left: 15px;
}

.header-container .hasChild.hover .subnav-2 ul li.subnav-item-2:hover > .subnav-link-2 {
    color: #EE7F00;
}

.header-container .hasChild.hover .subnav-2 ul li.subnav-item-2n a div {
    padding-bottom: 10px;
    padding-top: 10px;
}

.header-container .hasChild.hover .subnav-2 ul li.subnav-item-2 a {
    font-size: 16px;
    text-transform: inherit;
}

.header-container .bottom-nav-inner {
    position: fixed;
    left: 0;
    width: 100vw;
    background-color: white;
    padding: 50px;
    top: 112px;
    -webkit-box-shadow: 0 0 12px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 12px 12px 0 rgb(0 0 0 / 20%);
}

.header-container .bottom-nav-inner .col-12{
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    width: 100%;
}
.header-container .bottom-nav-inner .col-12{
    width: 100%;
}

.header-container .col-12 .subnav-item-row {

    transition: 0.5s;
}

.header-container .col-12 .subnav-item-row a div{
    padding-bottom: 10px;
    padding-top: 10px;
}

.header-container .col-12 .subnav-item-2 a div{
    padding-bottom: 5px;
    padding-top: 5px;
}

.header-container .col-12 .subnav-item-row:hover {
    background-color:#00438B;
    padding-left: 10px;
}

.header-container .subnav-item-row a {
    font-size: 16px;
    text-transform: inherit;
    transition: 0.5s;
    font-weight: bold;
}

.header-container .subnav-item-row:hover a {
    color: white;
}

li.subnav-item-2.subnav-item-2-open a {
    font-weight: bold;
}


.header-container .header-nav-container .hasChild .subnav-item-row {
    position: relative;
}

/*.header-container .header-nav-container .hasChild .subnav-item-row:before {
    content: '';
    background-image: url(/fileadmin/images/Common/akkordeon_pfeil.svg);
    width: 20px;
    height: 29px;
    position: absolute;
    top: 7px;
    background-size: 16px;
    background-repeat: no-repeat;
    right: 0;
    transform: rotate(-90deg);
    transition: 0.5s;
    pointer-events: none;
}

.header-container .header-nav-container .hasChild .subnav-item-row:hover:before {
    background-image: url(/fileadmin/images/Common/akkordeon_pfeil_white.svg)
}*/

.header-container .header-nav-container .col-12 {
    position: relative;
    width: 100%;
}

.header-container .header-nav-container .col-12 {
    position: relative;
    width: 100%;
}

.bottom-nav-item.hover {
    border-bottom: 3px solid orange;
    margin-bottom: 5px;
}
.bottom-nav-item.active {
    border-bottom: 3px solid #00438B;
    margin-bottom: 5px;
}

/* Bildergallery */

.ce-gallery[data-ce-columns="5"] .ce-row {
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    flex: 20%;
    margin: 0 -5px;
}

.ce-gallery[data-ce-columns="5"] .ce-row .ce-column {
    width: 20%;
    padding: 0 5px;
}

.ce-gallery[data-ce-columns="5"] .ce-row .ce-column img {
    width: 100%;
    height: auto;
}

.ce-gallery[data-ce-columns="5"] .ce-row .ce-column:first-child img {
    padding-left: 0;
}

.ce-gallery[data-ce-columns="5"] .ce-row .ce-column:last-child img {
    padding-right: 0;
}

@media(max-width: 767px) {
    .picturegallerycontainer-container {
        max-width: 100% !important;
    }

    .ce-gallery[data-ce-columns="5"] .ce-row .ce-column {
        width: 100%;
    }
}

.picturegallerycontainer-container {
    position: relative;
}

.picturegallerycontainer-container img {
    cursor: pointer;
}

.picturegallerycontainer-container .gallery-container img {
    width: auto;
}

.picturegallerycontainer-container .gallery-container .this-image {
    min-height: 500px;
}

.picturegallerycontainer-container .gallery-container .this-image img {
    width: inherit;
    max-width: 500px;
}

.picturegallerycontainer-container .gallery-container button.slick-next.slick-arrow {
    background-color: transparent;
}

.gallery-container .slider-image-gallery .slick-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 720px;
    margin-top: 0;
    min-height: 225px;
}

.gallery-container.active > .container {
    width: 900px;
}

.news-single .article .news-image-gallery .gallery-container .col-md-3 img {
    width: auto;
    max-width: 720px;
    padding: 20px;
    background-color: white;
    max-height: 672px;
    /* min-height: 672px; */
    height: 100%;
}

.gallery-container.active {
    position: fixed;
    top: 0%;
    left: 0%;
    z-index: 9999999;
    background-color: #000000;
    height: 100vh;
    width: 100vw;
    padding-top: 50px;
}

.gallery-container button.slick-next.slick-arrow {
    position: relative;
}

.gallery-container button.slick-next.slick-arrow:after {
    content: '';
    background-image: url(/fileadmin/images/Common/slider-arrow-white.svg);
    width: 69px;
    height: 91px;
    position: fixed;
    bottom: 45vh;
    right: 20px;
    background-size: 69px;
    background-repeat: no-repeat;
    left: inherit;
    top: inherit;
}

.gallery-container button.slick-prev.slick-arrow {
    position: relative;
    height: 0!important;
    display: block!important;
}

.gallery-container button.slick-prev.slick-arrow:after {
    background-image: url(/fileadmin/images/Common/slider-arrow-white.svg);
    content: '';
    width: 69px;
    height: 91px;
    position: fixed;
    left: 20px;
    transform: rotate(180deg);
    z-index: 9999;
    top: initial;
    bottom: 45vh;
    background-size: 69px;
    background-repeat: no-repeat;
}

.gallery-close {
    display: none;
}

.gallery-fixed .gallery-close {
    position: fixed;
    color: white;
    top: 20px;
    right: 60px;
    font-size: 32px;
    display: block;
    z-index: 99999999;
    cursor: pointer;
}

.gallery-container .slick-list .slick-slide {
    min-height: 70vh;
    display: flex;
}

.news-image-gallery button.slick-arrow {
    background-color: transparent;
}

body.gallery-fixed {
    overflow-y: hidden;
}

.this-image {
    text-align: center;
    margin-bottom: 30px;
}

.gallery-container .col-md-12 {
    position: relative;
}

.gallery-container .gallery-close {
    position: absolute;
    top: 40px;
    right: 110px;
    color: white;
    font-size: 40px;
    cursor: pointer;
}

/* Geschäftspartner */

.content-2col .two-col-left .tx_nndehogaap_partner .ansprechpartner-single-item-list {
    width: 50%;
}

.content-2col .two-col-left .container-full .two-col .tx_nndehogaap_partner .ansprechpartner-single-item-list {
    width: 100%;
}

.ansprechpartner * {
    line-height: 22px;
}

.ansprechpartner .name {
    font-weight: bold;
    margin-top: 5px;
}

.ansprechpartner .description {
    margin-bottom: 10px;
}

.col-xl-4 h4 {
    margin-top: 30px;
}

#ce_downloads .download-item {
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
}

#ce_downloads .download-title {
    font-weight: bold;
    margin-bottom: 10px;
}

#ce_downloads .download-description p {
    margin-bottom: 5px;
    line-height: 20px;
}

/* Personen Slider */

.personslider-element {
    max-width: 600px;
    margin-top: 30px;
}

.personslider-element img {
    border-radius: 100%;
}

.personslider-element .slick-dots {
    display: flex;
    padding-left: 25px;
    justify-content: center;
    margin-top: -32px;
}

.personslider-element .slick-dots li {
    position: relative;
}

.personslider-element .slick-list {
    background-color: #f6f8f9;
}

.personslider-element .slick-dots li:before {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #f6f8f9;
    border: 1px solid #ccc;
    top: 0px;
    cursor: pointer;
}

.personslider-element .slick-dots li.slick-active:before {
    background-color: #00438B;
}

.personslider-element .slick-dots li button {
    opacity: 0;
}

.personslider-element .personslider-item {
    padding: 25px;
    border: none;
    background-color: #f6f8f9;
    min-height: 230px;
}

@media(max-width: 1399px) {
    .personslider-element .personslider-item {
        border-right-width: 2px;
    }
}

.personslider-element h4 {
    font-size: 30px;
    line-height: 36px;
}

/* Slider Dehoga BW */
div#c1 .slider-element img {
    width: 600px;
    height: auto;
}

@media(max-width: 767px) {
    .dehoga-container-main .container-full.header-container .slider-element {
        height: 600px;
    }
    @media(max-width: 600px) {
        .dehoga-container-main .container-full.header-container .slider-element {
            height: 500px;
        }
        @media(max-width: 450px) {
            .dehoga-container-main .container-full.header-container .slider-element {
                height: 400px;
            }
        }
    }
}

.slider-element-outer {
    position: relative;
    overflow-y: hidden;
}

@media(max-width: 1700px) {

    div#c1 .slider-element .row.row-slick {
        min-width: 500px;
        width: 40%;
        top: 80px;
    }

    div#c1 .slider-text-rte, div#c1 .slider-title {
        padding-left: 50px;
    }
    @media(max-width: 767px) {
        div#c1 .slider-text-rte, div#c1 .slider-title {
            padding-left: 10px;
        }
        div#c1 .slider-title {
            font-size: 32px!important;
        }
        div#c1 .slider-element .row.row-slick {
            min-width: 100%;
        }
    }
}

@media(max-width: 1250px) and (min-width: 991px) {
    div#c1 .slick-initialized .slick-slide {
        display: block;
        min-height: 600px;
    }
}

@media(max-width: 990px) and (min-width: 769px) {
    div#c1 .slick-initialized .slick-slide {
        display: block;
        min-height: 430px;
    }

    div#c1 .slider-title {
        font-size: 60px!important;
        line-height: 55px;
    }

    div#c1 .slider-element .row.row-slick {
        min-width: 380px;
        width: 30%;
        top: 80px;
    }
}

@media(max-width: 767.98px) {
    div#c1 .slick-initialized .slick-slide {
        min-height: calc(100vh - 53px);
    }

    div#c1 .outer-slider-image .slider-outer-image-contrast img {
        width: 50%;
        height: auto;
        min-height: unset;
    }
}
.content-container-wrap.dehoga-container.content-2col .two-col .two-col-right .container {
    margin-top:40px;
}
.content-container-wrap.dehoga-container.content-2col .two-col .two-col-right .container:first-child {
    margin-top:0px;
}
.content-container-wrap.dehoga-container.content-2col .two-col .two-col-right .frame-type-shortcut {
    margin-top:40px;
}
.content-container-wrap.dehoga-container.content-2col .two-col .two-col-right .frame-type-shortcut:first-child {
    margin-top:0px;
}
@media(min-width: 1200px) {
    #topnews_dehoga .two-col .two-col-right {
        padding-left: 80px;
    }
}
@media(max-width: 991px) {
    /*#topnews_dehoga .two-col .two-col-right {
        padding-left: 0;
    }*/
}
.content-container-wrap.dehoga-container.content-2col .two-col .two-col-right .grid_lightgray {
    padding: 20px;
}

.frame-type-shortcut > div {
    margin-bottom: 30px;
}

.frame-type-shortcut .imagewidth-container > .container {
    padding-left: 12px;
    padding-right: 12px;
}

.frame-type-shortcut .image-width-picture {
    padding: 0;
}

.frame-type-shortcut img {
    width: 100%;
}

#existent-start img{
    width: 100%;
    object-fit: cover;
    object-position: top center;
    height: 70vh;
}
#my-dehoga-start img{
    width: 100%;
    object-fit: cover;
    object-position:   center;
    height: 70vh;
}
@media (max-width: 991px){
    #existent-start .container .row{
        flex-direction:column;
    }
    #existent-start.mask-container .offset-container .grid_transparent .col-lg-4 {
        width: 100%;
        margin: 0 0 20px 0;
    }
    #existent-start.mask-container	#existent-start-box-3col.offset-container {
        position: relative;
        bottom: 0px;
        width: 100%;
        background:#f1f1f1;
        padding-bottom:40px!important;
    }
    #veranstaltungen-start .container .row{
        flex-direction:column;
    }
    .covid-news .article.col-3, .veranstaltungen-news .article.col-3 {
        width: 100%;
        margin-bottom:20px;
        padding: 20px;
    }
    .veranstaltungen-news .link-to-list {
        text-align: center;
        margin-top: 40px;
    }
    #existent-start-box-3col div#ce_link.link-type-9 {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (min-width: 768px){
}
@media (max-width: 767.98px){
    #my-dehoga-start .col-md-3 {
        flex: 0 0 auto;
        width: 50%;
    }
    .container, .container-md, .container-sm {
        max-width: 90%;
    }
    .content-slim .container-slim-content .col-md-8 > .container, .content-slim .container-slim-content .col-md-8 .offset-container {
        max-width: 100%;
    }
    #existent-start.mask-container	#existent-start-box-3col.offset-container {
        top: unset!important;
        width: 100%;
        margin-left: 0!important;
        height: unset;
    }
}
@media(max-width: 1399px) {
    .dehoga-container .frame-layout-1 .news .news-list-view img, .dehoga-container #topnews_dehoga .news .news-list-view img {
        width: 100% !important;
        height: 100% !important;
        min-height: 180px;
    }
}
@media(max-width: 1199px) {
    .slider-title {
        font-size: 85px!important;
    }
    h4 {
        font-size: 30px!important;
    }
}
@media(max-width: 1024px) and (min-width: 991px) {
    .slider-title {
        font-size: 80px!important;
    }

}
@media(max-width: 991.98px) and (min-width: 768px) {
    .header-left.logo img{
        width: 180px!important;
    }
}

@media(max-width: 991px) {
    .content-container-wrap.dehoga-container > .container > .two-col .two-col-right {
        padding-top:50px;
        padding-right: calc(var(--bs-gutter-x) * .5)!important;
        padding-left: calc(var(--bs-gutter-x) * .5)!important;
    }
    #existent-start img {
        width: 100%;
        object-fit: cover;
        object-position: top center;
        height: auto;
    }
    #my-dehoga-start .col-md-3 {
        flex: 0 0 auto;
        width: 50%;
    }
}
@media(max-width: 767.98px) {
    .container-full.grid_white_rotate {
        position: relative;
        width: 100%;
        margin-left: 0;
    }
    .slider-title {
        font-size: 36px!important;
        padding-left: 10px;
        line-height: 45px;
        margin-bottom: 0;
    }
    .news .article .news-img-wrap {
        margin: 0px 0px 5px 0;
    }
    .news .article {
        padding: 0;
    }
    .article .row{
        margin: 0;
        padding: 0;
    }

    .article .row .col-md-8 {
        padding: 0;
    }

    .article .row .col-md-4 {
        padding:0;
    }

    div#c1 .slider-image {
        min-height: 300px;
    }
    div#c1 .slick-initialized .slick-slide {
        min-height: calc(55vh - 53px);
    }
}

@media(max-width: 600px) {
    .container, .container-md, .container-sm {
        max-width: 100%;
    }
    #redirectSelect{
        margin-bottom:20px;
    }
    #c4907, div#c14179{
        display:none;
    }

}

.widgets-news h4 a {
    color: #2a2a2a!important;
}

div#ce_link.link-type-2 a {
    color: #2a2a2a!important;
}
div#ce_link.link-type-2:hover a .link-header{
    color: #fff!important;
}
div#ce_link.link-type-1:hover a .link-header{
    color: #2a2a2a!important;
}

.slider-text-rte {
    max-width: 600px!important;
}
#ce_accordion .accordion {
    background-color: white;
    border-bottom: 1px solid #00438b;
    border-left: 0px!important;
    border-right: 0px!important;
    margin-bottom: 0px;
    padding:0 0;
}
#ce_accordion .accordion:hover {
    background-color: #F6F8F9!important;
}
#ce_accordion .accordion.open {
    background-color: #F6F8F9!important;
}
#ce_accordion .accordion .accordion-headline {
    font-size: 1.2rem!important;
}
#ce_accordion .accordion:hover  .accordion-headline {
    transition:  0.5s;
}
#ce_accordion .accordion.open  .accordion-headline {
    margin-left:0px;
    transition:  0.5s;
}
#ce_accordion.accordion-type-1 a::after {
    content: unset;
}
#ce_accordion .accordion .accordion-content {
    background-color: #F6F8F9!important;
}
#ce_accordion {
    margin-top: 0px;
}
#ce_accordion.accordion-type-1 a {
    margin-left: 0px;
}
#my-dehoga-start .grid_lightgray {
    background-color: rgba(246,248,249,0.95) ;
}
#existent-start-box-3col ol {
    padding-left: 0rem!important;
}
#existent-start-box-3col li a {
    color: grey;
    text-decoration: none!important;
}
#existent-start-box-3col  li a:hover {
    color: #EE7F00!important;
    text-decoration: none!important;
}
.dehoga-container-main  img, .bottom-nav-inner img{
    filter: saturate(0.8) brightness(1.03) contrast(0.93);
    max-width: 100%;
}
.frame-type-text.frame-layout-1, .frame-type-text#topnews_dehoga{
    background: #00438B;
    color:#fff;
    padding:20px;
}
.frame-type-text.frame-layout-1 h1, .frame-type-text.frame-layout-1 h2, .frame-type-text.frame-layout-1 h3, .frame-type-text.frame-layout-1 h4, .frame-type-text.frame-layout-1 h5{
    color:#fff;
}
.frame-type-text.frame-layout-1 p a{
    color:#fff;
    padding-left:5px;
}
.frame-type-text.frame-layout-2{
    background: #EE7F00;
    color:#fff;
    padding:20px;
}
.frame-type-text.frame-layout-2 h1, .frame-type-text.frame-layout-2 h2, .frame-type-text.frame-layout-2 h3, .frame-type-text.frame-layout-2 h4, .frame-type-text.frame-layout-2 h5{
    color:#fff;
}
.frame-type-text.frame-layout-2 p a{
    color:#fff;
    padding-left:5px;
}

/* Bar Colors */

.bar-inner-item-0, .legend_color_0 {
    background-color: #00254D;
}

.bar-inner-item-1, .legend_color_1 {
    background-color: #0069D9;
}

.bar-inner-item-2, .legend_color_2 {
    background-color: #087CA3;
}

.bar-inner-item-3, .legend_color_3 {
    background-color: #004A99;
}

.bar-inner-item-4, .legend_color_4 {
    background-color: #089997;
}

.bar-inner-item-5, .legend_color_5 {
    background-color: #002B59;
}

.bar-inner-item-6, .legend_color_6 {
    background-color: #0E0899;
}

/* pie color */

.pie-0, .circle_legend_color_0 {
    background-color: #F7BC0C;
}

.pie-1, .circle_legend_color_1 {
    background-color: #00448C;
}

.pie-2, .circle_legend_color_2 {
    background-color: #F7450C;
}

.pie-3, .circle_legend_color_3 {
    background-color: #EE7F00;
}

.pie-4, .circle_legend_color_4 {
    background-color: #6E3A00;
}

.pie-5, .circle_legend_color_5 {
    background-color: #0066D4;
}

.pie-6, .circle_legend_color_6 {
    background-color: #D68F0B;
}

/* Logos */

.logos-container {
    padding: 20px;
}

.logos-container .col-lg-80 {
    width: 14.28%;
    max-height: 140px;
    height: 140px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media(max-width: 991px) {
    .logos-container .col-md-60 {
        width: 16.666667%;
    }
}

@media(max-width: 767px) {
    .logos-container .col-md-60 {
        width: 25%;
    }
}

@media(max-width: 600px) {
    .logos-container .col-md-60 {
        width: 50%;
    }
}

.logos-image {
    max-height: 140px;
    opacity: 0;
    transition: 2s;
}

.logos-image:nth-child(9), .logos-image:nth-child(10), .logos-image:nth-child(11), .logos-image:nth-child(12), .logos-image:nth-child(13), .logos-image:nth-child(14), .logos-image:nth-child(15), .logos-image:nth-child(16) {
    transition: 3s;
}

.logos-image:nth-child(17), .logos-image:nth-child(18), .logos-image:nth-child(19), .logos-image:nth-child(20), .logos-image:nth-child(21), .logos-image:nth-child(22), .logos-image:nth-child(23), .logos-image:nth-child(24) {
    transition: 4s;
}

.logos-image img {
    transition: 0.5s;
    cursor: pointer;
    width:70%;
}

.logos-image img:hover {
    width: 100%;
}

/* Werbung */

div#ce_anzeige {
    background-color: white;
    margin-top: 20px;
}

#c1 .container-full.grid_white #ce_anzeige {
    margin-top: 0;
}

div#ce_anzeige .anzeige-title {
    padding-left: 20px;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    color: black;
}

#padding30top {
    padding-top: 30px!important;
}

div#ce_anzeige .anzeige-image {
    border: 5px white solid;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: white;
}

div#ce_anzeige .anzeige-image img {
    width: 100%;
}

div#ce_anzeige.anzeige-container-1 {
    width: 400px;
    height: 400px;
}

div#ce_anzeige.anzeige-container-1 .anzeige-container {
    height: 100%;
}

.two-col-left .anzeige-container-1 {
    margin-left: auto;
}

div#ce_anzeige.anzeige-container-2 {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

div#ce_anzeige.anzeige-container-2 .anzeige-title {
    padding-left: 0;
    margin-left: -10px;
}

/* Branchenthemen */
@media(min-width: 1280px) {
    div#branchenthemen {
        display: flex;
        flex-direction: column;
        padding-top: 25px;
        padding-bottom: 25px;
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media(min-width: 768px) and (max-width: 1279px) {
    #branchenthemen {
        display: flex;
        padding: 25px;
    }

    #c154 .two-col-right {
        padding-top: 0;
    }
}

@media(max-width: 767px) {
    div#branchenthemen h4 {
        margin-top: 30px;
        margin-bottom: 20px;
        display: inline-block;
        max-width: 100%;
        word-wrap: break-word;
    }

    div#branchenthemen {
        padding: 20px!important;
    }
}

div#branchenthemen h4 {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 26px;
}

#branchenthemen_container .two-col-left, #branchenthemen_container .two-col-right {
    display: flex;
}

/* Navi Version 4 */

.header-container .bottom-nav-item .bottom-nav-inner .subnav-item .subnav-link {
    font-size: 18px;
}

.header-container .bottom-nav-item .bottom-nav-inner .subnav-item-row {
    margin-bottom: 10px;
}

.header-container .bottom-nav-item .bottom-nav-inner .subnav-item-row {
    padding-left: 25px;
}

.header-container .subnav-item-row:hover {
    background-color: #00438B;
}

.header-container .subnav-item-row:hover a.subnav-link {
    color: white;
}

.header-container .subnav-item .subnav-link {
    position: relative;
    transition: 0s;
}

.header-container .subnav-item .subnav-link:after {
    content: '';
    background-image: url(/fileadmin/images/Common/akkordeon_pfeil.svg);
    width: 20px;
    height: 29px;
    position: absolute;
    top: 2px;
    background-size: 16px;
    background-repeat: no-repeat;
    left: -14px;
    transform: rotate(-90deg);
}

@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {
    .header-container .subnav-item .subnav-link:after {
        top: -34px;
    }
}
}

@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) and (not (stroke-color:transparent)) {
        .header-container .subnav-item .subnav-link:after {
            top: -34px;
        }
    }
}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
    @media {
        .header-container .subnav-item .subnav-link:after {
            top: -34px;
        }
    }
}

/*
@-moz-document url-prefix() {
    .header-container .subnav-item .subnav-link:after {
        top: 21px;
    }
}
*/

.header-container .subnav-item .subnav-link:hover:after {
    background-image: url(/fileadmin/images/Common/akkordeon_pfeil_white.svg);
}

.header-container .subnav-item .subnav-link div {
    padding: 5px;
    padding-left: 0;
}

.header-container .subnav-item li.subnav-item-2 {
    padding: 5px 5px;
    position: relative;
    height: 37px;
    padding-left: 10px;
    display: inline-block;
    width: 100%;
}

.header-container .subnav-item li.subnav-item-2:last-child {
    margin-bottom: 0;
}

.resp-header-container .bottom-nav-item.active {
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
}

/* Content Slim */

.content-slim .col-md-8 .container-full {
    width: 136%;
}

@media(max-width:1850px) {
    .content-slim .col-md-8 .container-full {
        width: 100%;
    }
}

a.btn-orange {
    display: inline-block;
    font-size: 17px;
    text-align: center;
    padding: 10px 25px;
    text-transform: uppercase;
    transition: 0.5s;
    background-color: #EE7F00;
    color: white!important;
    text-decoration: none;
    width: auto;
}

a.btn-orange:hover {
    background-color: #00438B;
}

.dehoga-container p a.btn-orange:after, .dehoga-container p a.btn-blue-white:after {
    content: none;
}

a.btn-blue-white {
    display: inline-block;
    font-size: 17px;
    text-align: center;
    padding: 10px 25px;
    text-transform: uppercase;
    transition: 0.5s;
    background-color: #00438B;
    color: white!important;
    text-decoration: none;
    width: auto;
}

a.btn-blue-white:hover, a.btn-white-black-arrow:hover {
    background-color: #EE7F00;
    color: white!important;
}

a.btn-white-black-arrow {
    display: inline-block;
    font-size: 17px;
    text-align: center;
    padding: 10px 25px;
    text-transform: uppercase;
    transition: 0.5s;
    background-color: white;
    color: black!important;
    text-decoration: none;
    width: auto;
}

.dehoga-container p a.btn-white-black-arrow:after {
    top: 6px;
}

.news.news-single .article .partner-detail  .news-img-wrap {
    float: inherit;
}

.news.news-single .article .partner-detail  .news-img-wrap img {
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.news.news-single .article .partner-detail .mediaelement {
    text-align: center;
}

.news.news-single .article .partner-detail .news-backlink-wrap a {
    display: inline-block;
    padding: 10px 25px;
    position: relative;
    border-radius: 0;
    background-color: #00438B;
    font-weight: bold;
    color: white;
    text-decoration: none;
    transition: 0.5s;
    text-transform: lowercase !important;
}

.news.news-single .article .partner-detail .news-backlink-wrap a:hover {
    background-color: #EE7F00;
}

.partner-filter {
    margin-top: 50px;
    margin-bottom: 25px;
}

.partner-filter p.filter-headline {
    font-weight: bold;
    color: #00438B;
}

.partner-filter select {
    max-width: 100%;
}

.partner-news .article {
    height: 210px;
}

.news .partner-news .article .news-img-wrap a img {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    transition: 0.5s;
}

.news .partner-news .article .news-img-wrap a img:hover {
    width: 100%;
    margin: 0;
}

.news .partner-news.partner-teaser-list .article .news-img-wrap a img {
    width: 100%;
    margin: 0;
    padding: 20px;
}

.partner-news.partner-teaser-list .article {
    height: auto;
    min-height: 210px;
}

.news .partner-filter input#textPartner, .news .partner-filter input#textTags {
    width: 100%;
    padding: 5px;
}

.news .partner-news-container {
    display: none;
}

.news .partner-news-container.show {
    display: block;
}

.news .partner-headline-accordion {
    cursor: pointer;
    padding-left: 25px;
    position: relative;
    margin-top: 20px;
}

.news .partner-headline-accordion:before {
    content: '';
    background-image: url(/fileadmin/images/Common/akkordeon_pfeil.svg);
    width: 20px;
    height: 29px;
    position: absolute;
    top: 6px;
    background-size: 20px;
    background-repeat: no-repeat;
    left: 10px;
    transform: rotate(-90deg);
    transition: 0.5s;
}

.news .partner-headline-accordion.show:before {
    transform: rotate(0deg);
    top: 15px;
    left: 0;
}

.partner-detail h4 {
    text-align: center;
    margin-top: 20px;
}

.partner-detail .partner-logo {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

#c155 {
    background-color: #F6F8F9;
}

.content-2col .logos-container .col-lg-80 {
    width: 20%;
}

.content-2col .logos-container .col-lg-80 .logos-image img {
    width: 90%;
}

span.text-tertiary {
    color: #EE7F00;
}

div#no_filter img {
    filter: none;
}

select#redirectSelect {
    box-shadow: 3px 3px 7px -6px #01254B;
    border: 1px solid #C8D7E6;
    border-radius: 5px;
}

div#ce_link.link-align-1 {
    text-align: center;
}

.content-2col div#ce_imagewidth.spacing-top-off {
    margin-top: 25px;
}

.content-2col div#ce_imagewidth.spacing-bottom-off {
    margin-bottom: 25px;
}

.tx_nndehogafeuserlogin input[type="text"], .tx_nndehogafeuserlogin input[type="password"], .frame-type-felogin_login input[type="password"], .frame-type-felogin_login input[type="text"] {
    padding: 5px;
    margin-bottom: 10px;
    line-height: normal;
}

.tx_nndehogafeuserlogin input[type="submit"], .frame-type-felogin_login input[type="submit"] {
    display: inline-block;
    color: white;
    background-color: #00438B;
    font-size: 17px;
    text-align: center;
    padding: 10px 25px;
    text-transform: unset; /* Änderung von Eugen 07.08.2024 */
    transition: 0.5s;
    border: 0;
    margin-top: 10px;
    line-height: normal;
    font-weight: bold; /* Änderung von Eugen 07.08.2024 */
}

.tx_nndehogafeuserlogin input[type="submit"]:hover, .frame-type-felogin_login input[type="submit"]:hover {
    background-color: #EE7F00;
}

.partner-logo img, .partner-news img {
    filter: none;
}

.dehoga-container-main .two-col-left .seiten-element .seiten-item .seiten-titel {
    margin-top: 0;
}

.dehoga-container-main .two-col-left .seiten-element .seiten-item:hover .seiten-image:before {
    background-color:transparent;
}

.dehoga-container-main .two-col-left .seiten-element .seiten-item:hover .seiten-titel {
    background-color: #EE7F00;
}

.dehoga-container-main .two-col-left .seiten-element .seiten-item .seiten-titel {
    background-color: #00438B;
    color: white;
    padding: 10px;
    line-height: 24px;
}

video {
    max-width: 100%;
}

.video-container img {
    max-width: 100%;
    height: auto;
    cursor: pointer;
}

.video-container .col-12 {
    transition: 0.5s;
}

.video-container .col-12 > div:last-child {
    display: none;
}

.video-container.show .col-12 > div:first-child {
    display: none;
}

.video-container.show .col-12 > div:last-child {
    display: block;
}

.slider-eyecatcher {
    position: absolute;
    right: 225px;
    top: -200px;
    -webkit-box-shadow: 0 0 12px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 0 12px 0 rgb(0 0 0 / 20%);
}

.slider-eyecatcher a.link-typolink {
    color: white;
    text-decoration: none;
}

.slider-eyecatcher a.link-typolink p {
    margin:0;
    color: white;
    background-color: #EE7F00;
    padding: 30px 50px 20px;
    transition: 0.5s;
    max-width: 300px;
}

.slider-eyecatcher a.link-typolink p:hover {
    padding-top: 75px;
}

@media(max-width: 800px) and (min-width: 601px) {
    .content-container-wrap.dehoga-container.content-2col .two-col .two-col-right .grid_lightgray {
        padding-left: 20px!important;
        padding-right: 20px!important;
    }
}

#ce_accordion.accordion-type-1 a {
    padding: 10px 20px;
    margin-top: 20px;
    transition: 0.5s;
}

#ce_accordion.accordion-type-1 a:hover {
    background-color: #EE7F00;
}

.video-container figure {
    position: relative;
}

.video-container .col-12 > div:first-child figure:after {
    background-image: url(/fileadmin/images/DehogaBW/Icons/Play-Button.svg);
    content: '';
    position: absolute;
    width: 100%;
    height: 200px;
    left: 0;
    background-size: 200px;
    background-repeat: no-repeat;
    background-position-x: 50%;
    top: 29%;
    pointer-events: none;
    transition: 0.5s;
}

.video-container .col-12:hover > div:first-child figure:after {
    background-image: url(/fileadmin/images/DehogaBW/Icons/Play-Button_orange.svg);
}

.seiten-element .seiten-item .seiten-image {
    width: 100%;
}

.content-2col .grid_lightgray .col-12 h3 {
    margin-left: 25px;
}

.container.video-container.p-0.grid_transparent img {
    width: 100%;
}

.content-2col .two-col-left .ansprechpartner {
    box-shadow: 0 0 12px 0 rgb(0 0 0 / 20%);
    border-radius: 5px;
    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
    height: calc(100% - 50px);
}

.content-2col .two-col-left .tx_nndehogaap_partner > .container {
    padding: 0;
}

.tx_nndehogaap_partner div {
    font-size: 16px;
    padding-right: 5px;
}

.tx_nndehogaap_partner div.name {
    color: #00438B;
    margin-top: 10px;
    font-size: 20px;
    margin-bottom: 8px;
}

.tx_nndehogaap_partner div.position {
    color: #7c7c7c;
    margin-bottom: 5px;
}

.tx_nndehogaap_partner .info-area-row {
    margin-top: 10px;
}

.tx_nndehogaap_partner div.contact-link {
    display: inline-block;
    border-bottom: 1px solid orange;
    padding-right: 0;
}

.tx_nndehogaap_partner .ansprechpartner-single-item-list a {
    color: #00438B;
    text-decoration: 0;
}

.tx_nndehogaap_partner .ansprechpartner-single-item-list .email {
    padding-left: 25px;
    position: relative;
}

.tx_nndehogaap_partner .ansprechpartner-single-item-list .email:after {
    content: '';
    background-image: url(/fileadmin/images/DehogaBW/Icons/icon_mail.svg);
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    pointer-events: none;
    transition: 0.5s;
}

.tx_nndehogaap_partner .ansprechpartner-single-item-list .website {
    padding-left: 25px;
    position: relative;
}

.tx_nndehogaap_partner .ansprechpartner-single-item-list .website:after {
    content: '';
    background-image: url(/fileadmin/images/DehogaBW/Icons/internet.svg);
    position: absolute;
    left: 1px;
    top: 0;
    width: 20px;
    height: 20px;
    background-size: 18px;
    background-repeat: no-repeat;
    pointer-events: none;
    transition: 0.5s;
}

.tx_nndehogaap_partner .ansprechpartner-single-item-list .website {
    margin-bottom: 10px;
}

div#only_responsive {
    display: none;
}

@media(max-width: 1400px) {
    .content-2col .two-col-left .tx_nndehogaap_partner .ansprechpartner-single-item-list {
        width: 75%;
    }

    .content-2col .two-col-left .tx_nndehogaap_partner > .container > .row {
        justify-content: center;
    }
}

@media(max-width: 767.98px) {
    .content-2col .two-col-left .tx_nndehogaap_partner .ansprechpartner-single-item-list {
        width: 100%;
    }
}

@media(max-width: 991px) {
    div#only_responsive {
        display: block;
        margin-bottom: 20px;
        margin-right: 0;
        margin-left: 0;
    }

    div#only_desktop {
        display: none;
    }
}

.picturegallerycontainer-container .ce-gallery[data-ce-columns="3"] img {
    max-height: 200px;
    object-fit: cover;
}

.content-2col .dehoga-container-main > .container-fluid > .two-col > .two-col-right .mask-container #ce_person {
    margin-left: 0;
}

.content-2col .dehoga-container-main > .container-fluid > .two-col > .two-col-right .mask-container #ce_person .person-container-info {
    padding-top: 0!important;
    padding-left: 0!important;
    padding-right: 0!important;
}

.dehoga-container ul.ce-uploads li:before {
    content: none;
}

.dehoga-container ul.ce-uploads {
    padding-left: 0;
}

@media(max-width: 767px) {
    #ce_accordion .accordion .accordion-headline {
        font-size: 1.1rem !important;
    }

    h3 {
        font-size: 24px!important;
    }

    .logos-container {
        padding: 0;
    }

    .partner-news-container .partner-item {
        margin-bottom: 30px;
    }

    div#startseite-info-box > div.container-full, div#startseite-info-box > div.frame-type-header {
        padding: 20px;
    }
}

footer a:hover {
    text-decoration: underline;
}

div#partner_kontaktformular h3 {
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    padding-right: 50px;
}

div#partner_kontaktformular h3:before {
    content: '';
    background-image: url(/fileadmin/images/Common/akkordeon_pfeil.svg);
    position: absolute;
    right: 25px;
    top: 15px;
    width: 24px;
    height: 24px;
    background-size: 24px;
    background-repeat: no-repeat;
    pointer-events: none;
    transition: 0.5s;
}

div#partner_kontaktformular.open h3:before {
    transform: rotate(180deg);
    top: 5px;
}

div#partner_kontaktformular #custom-powermail > div {
    display: none;
}

div#partner_kontaktformular.open #custom-powermail > div {
    display: block;
}

.tx_nndehogaap_partner select {
    width: 90%;
}

.tx-nn-dehoga-feuserlogin .passver a {
    color: #00438b!important;
}

@media(max-width: 600px) {
    .content-2col.dehoga-container > .dehoga-container-main > .container > .two-col > .two-col-left > .container {
        padding-right: 0;
    }

    .news-list-view.partner-teaser-list h3 span {
        hyphens: auto;
        word-break: break-word;
    }
}

#p-0-s {
    padding-top: 0;
    padding-bottom: 0;
}

.two-col-right .tx-nn-dehoga-feuserlogin h3 {
    margin-top: 0;
    margin-left: 0!important;
}
.tx-nn-dehoga-feuserlogin h3 {
    margin-left: 0!important;
}

div#c508 .teaser-text {
    display: none;
}

@media(max-width: 991px) {
    html #c242 .content-2col .dehoga-container-main > .container-fluid > .two-col > .two-col-left {
        order: 1;
    }

    html #c242 .content-2col .dehoga-container-main > .container-fluid > .two-col > .two-col-right {
        order: 0;
        margin-top: 0;
    }

    html[lang="de"] #c242 .content-2col .dehoga-container-main > .container-fluid > .two-col > .two-col-left {
        order: 0;
    }

    html[lang="de"] #c242 .content-2col .dehoga-container-main > .container-fluid > .two-col > .two-col-right {
        order: 1;
        margin-top: 50px;
    }
}

div#c21 .dehoga-container ul li a {
    padding-left: 0;
}

div#c21 .dehoga-container ul li a:after {
    content: none;
}

#landesverband_responsive {
    display: none;
}

#landesverband_responsive img {
    object-fit: contain;
    height: auto;
}

@media(max-width: 500px) {
    #landesverband_web {
        display: none;
    }

    #landesverband_responsive {
        display: block;
    }
}

/* NACH GO LIVE ENTFERNEN */

#c1 .dehoga-container-main {
    min-height: 70vh;
}

div#userlabel_verbergen .frame-type-felogin_login form fieldset > div:nth-child(2) label:after {
    content: none;
}

#c99 footer,#c137 footer,#c148 footer,#c4 footer,#c204 footer,#c227 footer {
    position: sticky;
    z-index: 9999;
}

#c99 body.scrollMenu .content-slim .container-fluid .col-md-4 > .container > .row > .col-12,
#c137 body.scrollMenu .content-slim .container-fluid .col-md-4 > .container > .row > .col-12,
#c148 body.scrollMenu .content-slim .container-fluid .col-md-4 > .container > .row > .col-12,
#c4 body.scrollMenu .content-slim .container-fluid .col-md-4 > .container > .row > .col-12,
#c204 body.scrollMenu .content-slim .container-fluid .col-md-4 > .container > .row > .col-12,
#c227 body.scrollMenu .content-slim .container-fluid .col-md-4 > .container > .row > .col-12{
    z-index: -1;
}

@media(max-width: 767.98px) {
    .accordion.accordion-split-right img, .accordion.accordion-split-left img {
        margin-top: 20px;
    }

    .accordion.accordion-split-left .accordion-content-inner .col-md-6:first-child {
        order: 2;
    }

    .accordion.accordion-split-left .accordion-content-inner .col-md-6:last-child {
        order: 1;
    }
}

.tx-nn-dehoga-ap input[type="submit"] {
    display: inline-block;
    color: white;
    background-color: #00438B;
    font-size: 17px;
    text-align: center;
    padding: 10px 15px;
    text-transform: uppercase;
    transition: 0.5s;
    border: none;
}

.tx-nn-dehoga-ap input[type="text"] {
    padding: 10px 25px;
}

#c99 .breadscrumb.container,
#c137 .breadscrumb.container,
#c148 .breadscrumb.container,
#c4 .breadscrumb.container,
#c204 .breadscrumb.container,
#c227 .breadscrumb.container {
    display: none;
}

@media(min-width: 768px) {
    #c1 .container-full.header-container {
        max-height: 600px;
        overflow-y: hidden;
    }
}

@media(max-width: 767px) {
    #c1 .container-full.header-container {
        max-height: 480px;
        overflow-y: hidden;
    }

    @media(max-width: 600px) {
        #c1 .container-full.header-container {
            max-height: 400px;
        }

        div#c8913, div#c8932 {
            display: none;
        }

        @media(max-height: 500px) {
            #c1 .container-full.header-container {
                max-height: 320px;
            }
        }
    }
}

@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) {
    .header-container .subnav-item .subnav-link:after {
        top: -35px!important;
    }
}}

.partner-teaser-list .article {
    position: relative;
}

.partner-teaser-list .partner-item .tags {
    /* position: absolute; */
    position: relative; /* Änderung von Eugen 20.07.2024 */
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap; /* Änderung von Eugen 20.07.2024 */
    gap: 5px; /* Änderung von Eugen 20.07.2024 */
    right: 10px;
    /* top: 13px; */
    top: 10px; /* Änderung von Eugen 20.07.2024 */
}

.partner-teaser-list .partner-item .tags .Sparvorteile {
    border: 2px solid #EE7F00;
    padding: 2px 8px;
    border-radius: 100px;
    color: #EE7F00;
    text-transform: uppercase;
    font-size: 16px;
    margin-left: 10px;
    word-break: break-word; /* Änderung von Eugen 20.07.2024 */
}

.partner-teaser-list .partner-item .tags .Partner {
    border: 2px solid #EE7F00;
    background-color: #EE7F00;
    padding: 2px 8px;
    border-radius: 100px;
    color: white;
    text-transform: uppercase;
    font-size: 16px;
    margin-left: 10px;
}

/*
.login-popup {
    position: fixed;
    top: 16%;
    right: -100%;
    transform: translateY(-50%);
    padding: 115px 20px;
    background-color: #EE7F00;
    font-weight: bold;
    color: #FFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    transition: right 1s ease;
    z-index: 999999;
    pointer-events: none;
}

.slide-in {
    right: 20px;
}

.slide-out {
    right: -100%;
}
*/

.login-popup {
    position: fixed;
    top: 16%;
    right: 1px;
    pointer-events: none;
    transition: right 1s ease;
    z-index: 999999;
}

.login-popup .login-box {
    display: flex;
    border: 1px solid #d58925;
    width: auto;
    opacity: 0.95;
}

.login-popup .image-content {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
}

.login-popup .image-content > img {
    width: 20px;
    margin: 9px 11px;
    display: block;
}

.login-popup .text-content {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 10px;
    background-color: #d58925;
}

.login-popup .text-content > p {
    margin: 0;
    color: white;
    text-align: center;
    font-weight: bold;
}

.login-popup .slide-in {
    right: 20px;
}

.login-popup .slide-out {
    right: -100px;
}

@media (max-width: 290px) {
    .login-popup .text-content {
        padding: 5px;
    }
}

div#ce_link.link-type-2 .link-typolink-desc, div#ce_link.link-type-7 .link-typolink-desc {
    display: none;
}

div#ce_link.link-type-7 {
    display: inline-block;
}

div#ce_link.link-type-7 .link-header {
    margin:0;
}

.visually-hidden-focusable:focus {
    position: fixed;
    font-weight: bold;
    color: #00438B;
}

a.visually-hidden-focusable.page-skip-link {
    width: auto;
    background-color: #00438B;
    color: white;
    font-weight: bold;
    padding: 8px 16px;
    position: absolute;
    top: 5px;
    left: 5px;
}

.white-contrast .content-container-wrap.hilfe-support footer .hilfe-support-category a {
    color: black!important;
}

.white-contrast .content-container-wrap.hilfe-support footer .hilfe-support-category a:hover {
    color: white!important;
}

body.black-contrast .hilfe-support .contrast-white-black-inner p {
    color: white!important;
}