.accordion {
    --bs-accordion-color: #212529;
    --bs-accordion-bg: #fff;
    --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: 1px;
    --bs-accordion-border-radius: 0.375rem;
    --bs-accordion-inner-border-radius: calc(0.375rem - 1px);
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: #212529;
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-border-color: #86b7fe;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: #0c63e4;
    --bs-accordion-active-bg: #e7f1ff;
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition);
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button {
        transition: none;
    }
}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform);
}

.accordion-button::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button::after {
        transition: none;
    }
}

.accordion-button:hover {
    z-index: 2;
}

.accordion-button:focus {
    z-index: 3;
    border-color: var(--bs-accordion-btn-focus-border-color);
    outline: 0;
    box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}

.accordion-header {
    margin-bottom: 0;
}

.accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}

.accordion-item:first-of-type {
    border-top-left-radius: var(--bs-accordion-border-radius);
    border-top-right-radius: var(--bs-accordion-border-radius);
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: var(--bs-accordion-inner-border-radius);
    border-top-right-radius: var(--bs-accordion-inner-border-radius);
    border: 1px solid #aaa;
    color: var(--bs-accordion-active-color);
    background-color: var(--bs-accordion-active-bg);
}

.accordion-item:first-of-type .accordion-button´.collapsed {
    background-color: #ededed;
}

.accordion-item:not(:first-of-type) {
    border-top: 0;
}

.accordion-item:last-of-type {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
    border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
    border: 1px solid #aaa;
    background-color: #ededed;
}

.accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-body {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
    border: 1px solid #ededed;
}

.accordion-flush .accordion-collapse {
    border-width: 0;
}

.accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

.accordion-flush .accordion-item:first-child {
    border-top: 0;
}

.accordion-flush .accordion-item:last-child {
    border-bottom: 0;
}

.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
    border-radius: 0;
}

#content p {
    margin-bottom: 20px;
}

.dsHeaderTyp5 .menu-item a.menu5-link {
    padding: 6px 20px;
    display: block;
}

.dsHeaderTyp5 .header-misc,
.dsHeaderTyp5 .primary-menu {
    float: right;
}

.top-search-open .dsHeaderTyp5 .top-search-form {
    position: absolute;
    top: -50px;
}

.dsHeaderTyp5 .header-misc-icon {
    margin-left: 25px;
}

.dsHeaderTyp5.full-header .primary-menu .menu-container {
    margin-right: 0px;
    border-right: 0px;
    padding-right: 0px;
}

.dsHeaderTyp5 .header-misc-icon .top-links-with-icons a {
    margin-left: 10px;
    padding: 6px 12px;
}

.dsHeaderTyp5.full-header #logo {
    border-right: 0px;
}

.dsHeaderTyp6 .sub-menu-container.mega-menu-column:not(:first-child) {
    border-left: 0px;
}

.dsHeaderTyp6 .mega-menu-content strong {
    margin-top: 10px;
    display: block;
}

.dsHeaderTyp6 ul.sub-menu-container {
    padding-left: 0px;
    padding-top: 10px;
}

.topmargin-1 {
    padding-top: 30px !important;
}

.topmargin-2 {
    padding-top: 60px !important;
}

.topmargin-3 {
    padding-top: 90px !important;
}

.topmargin-4 {
    padding-top: 120px !important;
}

.bottommargin-1 {
    padding-bottom: 30px !important;
}

.bottommargin-2 {
    padding-bottom: 60px !important;
}

.bottommargin-3 {
    padding-bottom: 90px !important;
}

.bottommargin-4 {
    padding-bottom: 120px !important;
}

@media(max-width: 768px) {
    .topmargin-1 {
        padding-top: 15px !important;
    }

    .topmargin-2 {
        padding-top: 30px !important;
    }

    .topmargin-3 {
        padding-top: 45px !important;
    }

    .topmargin-4 {
        padding-top: 60px !important;
    }

    .bottommargin-1 {
        padding-bottom: 15px !important;
    }

    .bottommargin-2 {
        padding-bottom: 30px !important;
    }

    .bottommargin-3 {
        padding-bottom: 45px !important;
    }

    .bottommargin-4 {
        padding-bottom: 60px !important;
    }
}

.mathoImageLeft,
.mathoImageLeft img{
    margin: 5px 10px 5px 0px;
    float: left;
    height: auto;
}

.mathoImageRight,
.mathoImageRight img{
    margin: 5px 0px 5px 10px;
    float: right;
    height: auto;
}

.widget .embed-responsive {
    position: unset;
}

.widget .embed-responsive .embed-responsive-item, .embed-responsive iframe {
    position: relative;
}

.flexslider .bg-overlay-content.justify-content-start:not(.align-items-end) div.h3 {
    margin-left: 60px !important;
    margin-top: 15px;
}
.flexslider .bg-overlay-content.justify-content-end:not(.align-items-end) div.h3 {
    margin-right: 60px !important;
    margin-top: 15px;
}

.addIconBoxPadding {
    padding: 25px 0px;
}

.input-validation-error {
    border-color: red;
}

@media (min-width: 992px) {
    .dsHeaderTyp5 .primary-menu {
        position: relative;
        top: 20px;
    }
}

@media (max-width: 992px) {
    #header.dsHeaderTyp2.full-header .primary-menu .menu-container.dsHeaderTyp2-secondRow {
        position: inherit;
    }

    .dsHeaderTyp5.full-header #logo {
        margin-bottom: 15px;
    }

    .dsHeaderTyp5 #logo a {
        margin: 0 auto;
    }

    .dsHeaderTyp5 .header-misc {
        float: none;
        justify-content: center !important;
        margin-right: 20px;
        position: relative;
        top: 13px;
    }

    .dsHeaderTyp5 #primary-menu-trigger {
        float: right;
    }

    .dsHeaderTyp5 .top-links {
        border-bottom: none;
    }

    .dsHeaderTyp5 .header-misc, 
    .dsHeaderTyp5 .primary-menu {
        float: none;
    }

    .dsHeaderTyp6 .mega-menu-content {
        padding-left: 20px;
    }

    #header.dsHeaderTyp2.full-header .primary-menu .menu-container {
        background-color: #fff !important;
    }
}
@media (max-width: 767px) {
    #header.dsHeaderTyp2.full-header #primary-menu-trigger.dsHeaderTyp2-secondRow {
        position: absolute;
        top: 55px;
    }

    .header-misc {
        right: 35px !important;
    }

    #header.dsHeaderTyp2.full-header #primary-menu-trigger {
        top: 55px;
    }

    #header.dsHeaderTyp6 .loginAreaButton {
        width: 42px;
    }
}

#header.dsHeaderTyp4ImageNav .loginAreaButton {
    top: 43px;
    position: absolute;
    right: 170px;
}

/* Bild-Überschrift */
.imageHeadlineBlock.bottommargin-1 {
    margin-bottom: 130px !important;
}

.imageHeadlineBlock.bottommargin-2 {
    margin-bottom: 160px !important;
}

.imageHeadlineBlock.bottommargin-3 {
    margin-bottom: 190px !important;
}

.imageHeadlineBlock.bottommargin-4 {
    margin-bottom: 220px !important;
}

.imageHeadlineBlock .col-lg-5 {
    height: 290px;
}

.imageHeadlineBlock .col-lg-5 h1 {
    text-align: center;
    margin: 100px 0px;
}

.imageHeadlineBlock .col-lg-7 img {
    position: absolute;
}


@media (max-width: 1439px) {
    .imageHeadlineBlock .col-lg-5 {
        height: 232px;
    }

    .imageHeadlineBlock .col-lg-5 h1 {
        margin: 65px 0px;
    }
}

@media (max-width: 1200px) {
    .imageHeadlineBlock .col-lg-5 {
        height: 180px;
    }

    .imageHeadlineBlock .col-lg-5 h1 {
        margin: 50px 0px;
        font-size: 1.8rem;
    }

    .imageHeadlineBlock.bottommargin-1 {
        margin-bottom: 120px !important;
    }

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

    .imageHeadlineBlock.bottommargin-3 {
        margin-bottom: 180px !important;
    }

    .imageHeadlineBlock.bottommargin-4 {
        margin-bottom: 210px !important;
    }
}

@media (max-width: 992px) {
    .imageHeadlineBlock .col-lg-5 {
        height: 100px;
    }

    .imageHeadlineBlock .col-lg-5 h1 {
        margin: 10px 0px 30px;
        font-size: 1.4rem;
    }

    .imageHeadlineBlock .col-lg-7 img {
        position: inherit;
    }

    .imageHeadlineBlock.bottommargin-1 {
        margin-bottom: 30px !important;
    }

    .imageHeadlineBlock.bottommargin-2 {
        margin-bottom: 60px !important;
    }

    .imageHeadlineBlock.bottommargin-3 {
        margin-bottom: 90px !important;
    }

    .imageHeadlineBlock.bottommargin-4 {
        margin-bottom: 120px !important;
    }
}


/* Footer Typ 4*/
#footer.footerTyp4 {
    border-top: 0px;
}

.dark.footerTyp4 #footerRow1 {
    background-color: #ccc;
}

#footer.footerTyp4 #footerRow1 {
    padding-top: 0px;
}

#footer.footerTyp4 #footerRow1 a {
    border-bottom: none;
    color: #000;
}

#footer.footerTyp4 #footerRow1 .footerIconsRow1 {
    padding: 10px;
    font-size: 20px;
}

#footer.footerTyp4 #footerRow1 .footerIconsRow1 i {
    position: relative;
    top: 3px;
    padding-right: 10px;
}

.dark.footerTyp4 #copyrights {
    background-color: #fff;
}

.dark.footerTyp4, .dark.footerTyp4 h1, .dark.footerTyp4 h2, .dark.footerTyp4 h3, .dark.footerTyp4 h4, .dark.footerTyp4 h5, .dark.footerTyp4 h6 {
    color: #000;
}

.dark.footerTyp4 #copyrights {
    color: #000;
}

.dark.footerTyp4 #copyrights a {
    border-bottom: 0px;
}

.dark.footerTyp4 #copyrights .copyright-links a {
    color: #000;
    font-size: 20px;
}

.dark.footerTyp4 #copyrights .col-auto.iconLinksList {
    margin: 0 auto;
}

.footerTyp4IconElement {
    float: left;
}

#copyrights .footerTyp4IconElement.footerTyp4IconElement a {
    padding: 10px;
    margin: 0px 20px;
    border-bottom: 0px;
    font-size: 30px;
}

.dark.footerTyp4 h4 {
    margin-bottom: 0px;
    font-size: 30px;
}

.dark.footerTyp4 .copyrightText {
    margin: 20px 0px 0px;
    font-size: 20px;
}

#footer {
    margin-top: 0px !important;
}

@media (max-width: 992px) {
    .footerIconsRow1 .col {
        flex: auto;
        margin-bottom: 5px;
    }
}

/* Blog Teaser Slider */
.blogTeaserSlider .blogTeaserSliderBg {
    object-fit: cover;
}

.blogTeaserSlider .blogTeaserSliderContent {
    background: rgba(255, 255, 255, 0.7);
    margin-top: 100px;
    margin-bottom: 100px;
}

.blogTeaserSlider .blogTeaserSliderContent .col-6 {
    padding: 0px;
}

.blogTeaserSlider .blogTeaserSliderContent .col-6 img {
    object-fit: cover;
    height: 100%;
}

.blogTeaserSlider .blogTeaserSliderText {
    font-size: 20px;
}

@media(max-width: 1439px) {
    .blogTeaserSlider .blogTeaserSliderBg {
        height: 630px;
    }

    .blogTeaserSlider .h3 {
        font-size: 1.5rem;
    }

    .blogTeaserSlider .blogTeaserSliderText {
        font-size: 18px;
    }
}
@media(max-width: 1199px) {
    .blogTeaserSlider .blogTeaserSliderBg {
        height: 560px;
    }

    .blogTeaserSlider .h3 {
        font-size: 1.2rem;
    }

    .blogTeaserSlider .blogTeaserSliderText {
        font-size: 15px;
    }

    .blogTeaserSlider .mb-5 {
        margin-bottom: 2rem !important
    }

    .blogTeaserSlider .mt-5 {
        margin-top: 2rem !important
    }
}

@media(max-width: 992px) {
    .blogTeaserSlider .blogTeaserSliderBg {
        height: 430px;
    }

    .blogTeaserSlider .h3 {
        font-size: 1rem;
    }

    .blogTeaserSlider .blogTeaserSliderText {
        font-size: 12px;
    }

    .blogTeaserSlider .mb-5 {
        margin-bottom: 1.5rem !important
    }

    .blogTeaserSlider .mt-5 {
        margin-top: 1.5rem !important
    }
    .blogTeaserSlider .blogTeaserSliderContent {
        margin-top: 70px;
        margin-bottom: 70px;
    }
}

@media(max-width: 767px) {
    .blogTeaserSlider .blogTeaserSliderBg {
        height: 305px !important;
    }

    .blogTeaserSlider .h3 {
        font-size: 1rem;
    }

    .blogTeaserSlider .blogTeaserSliderText {
        font-size: 12px;
    }

    .blogTeaserSlider .mb-5 {
        margin-bottom: 1.5rem !important
    }

    .blogTeaserSlider .mt-5 {
        margin-top: 1.5rem !important
    }
    .blogTeaserSlider .blogTeaserSliderContent {
        margin-top: 10px;
        margin-bottom: 0px;
    }

    .blogTeaserSliderText {
        margin: 0px !important;
    }

    .blogTeaserSlider .slider-wrap .bg-overlay-content .h3 {
        margin: 10px 0px 0px 0px !important;
        font-size: 14px;
    }

    .blogTeaserSliderText p {
        line-height: 1rem !important;
        margin-bottom: 5px;
    }

    .blogTeaserSliderText a.button {
        padding: 0px 10px;
        text-transform: none;
        font-size: 12px;
    }

    .blogTeaserSlider .blogTeaserSliderItemImage {
        height: auto !important;
    }

    .blogTeaserSlider .slider-wrap .bg-overlay-content .h3 {
        display: block;
    }

    .blogTeaserSlider .blogTeaserSliderContentImage {
        display: none;
    }
}

.blogOverviewAuto .portfolio-container .portfolio-item .portfolio-desc p {
    margin-bottom: 10px;
}
/* Blog Beitrag */
img.authorImage {
    border: 10px solid #fff;
    -webkit-border-top-left-radius: 40px;
    -webkit-border-bottom-right-radius: 40px;
    -moz-border-radius-topleft: 40px;
    -moz-border-radius-bottomright: 40px;
    border-top-left-radius: 40px;
    border-bottom-right-radius: 40px;
    margin: 0 auto;
    display: block;
}

.blogItemSource {
    border-top: 1px solid #ccc;
    margin-top: 30px;
    padding-top: 20px;
}

.dswcEmpfItem {
    font-size: 14px;
}

.dswcEmpfItem p {
    margin-bottom: 10px;
}

.donate-button-container {
    text-align: center;
}


.col-12.mathoBlogItem {
    margin-bottom: 20px;
}

.mathoBlogItem h2 strong {
    font-weight: bold;
}

.mathoBlogAuthorInfoBox {
    margin-bottom: 20px;
}

/* Event List */
.mathoEventList .event .entry-image .entry-date {
    height: 5.25rem;
}

.mathoEventList .eventDateHeadline {
    float: left;
    font-weight: bold;
    display: block;
    text-align: left;
    width: 50%;
}

.mathoEventList .eventDayHeadline {
    float: right;
    font-weight: bold;
    display: block;
    text-align: right;
    width: 50%;
}

.mathoEventList .eventDateHeadlineBox {
    background-color: #efefef;
}

.mathoEventList .entry-title h2 a {
    text-transform: none;
}

.mathoEventList .eventMonthHeadline {
    margin: 0 auto 5px auto;
    position: relative;
    width: 100%;
}

.mathoEventList .eventMonthHeadline .pagination {
    position: absolute;
    z-index: 1000;
}

.mathoEventList .eventMonthHeadline h2 {
    margin-bottom: 0px;
}

.mathoEventList a.disabled {
    pointer-events: none;
    cursor: default;
}

.mathoEventList .page-link:hover {
    background-color: #138496 !important;
    color: #fff !important;
}

.mathoEventList .entry-meta li {
    color: inherit;
}

@media(min-width: 768px) {
    .mathoEventList a.entry-image {
        margin-bottom: 0px;
    }
}

@media(max-width: 768px) {
    .mathoEventList .entry-title h2 a {
        font-size: 16px;
    }
}


/* Download Thumbnails */
a:hover img.downloadThumbnail {
    opacity: 0.8;
}


img.downloadThumbnail {
    border: 1px solid #dfdfdf;
    padding: 3px;
}


.story-box .story-box-info .story-box-content p {
    font-weight: 500 !important;
}

/* Image Slider with Info-Accordion */
.mathoISWIA {
    display: flex;
    flex-wrap: wrap;
}

.mathoISWIA .mathoISWIA-slider {
    width: 40%;
    flex-basis: auto;
    height: 400px;
    margin: 75px -10% 0px 0px;
}

.mathoISWIA .mathoISWIA-slider.mathoISWIA-slider-right {
    margin: 75px 0px 0px -10%;
}

@media (max-width: 992px) {
    .mathoISWIA .mathoISWIA-slider.mathoISWIA-slider-right {
        margin: inherit;
    }
}

.mathoISWIA .mathoISWIA-slider .fslider {
    height: 400px;
}

.mathoISWIA .mathoISWIA-info {
    width: 70%;
    flex-basis: auto;
    background-color: #ccc;
    min-height: 550px;
    padding: 100px 30px 30px 13%;
}

.mathoISWIA .mathoISWIA-info.mathoISWIA-slider-right {
    padding: 100px 13% 30px 30px;
}

.mathoISWIA .mathoISWIA-info span.topTitle {
    font-size: 14px;
}

.mathoISWIA .mathoISWIA-info h4 {
    margin-bottom: 15px;
}

.mathoISWIA .accordion-icon {
    padding-left: 0px;
}

.mathoISWIA .accordion-active .accordion-open:hover {
    cursor: pointer;
}

.mathoISWIA-info .accordion-content ul {
    margin-left: 35px;
}

.mathoISWIA-info .btn-info {
    border: 0px;
}

@media (max-width: 992px) {
    .mathoISWIA .mathoISWIA-slider {
        width: 100%;
        margin: 0px;
    }

    .mathoISWIA .mathoISWIA-info {
        width: 100%;
        min-height: inherit;
        padding: 30px 30px 30px 30px;
    }
}

@media (max-width: 768px) {
    .mathoISWIA .mathoISWIA-slider {
        height: inherit !important;
    }

    .mathoISWIA .mathoISWIA-slider .fslider {
        height: inherit !important;
    }
}

/* Erweiterung Canvas-Slider */

.canvasSliderLogo {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10000;
    transform: translate(-50%,-50%);
}

.canvasSliderLogo img {
    margin: 0 auto;
    display: block;
}

.canvasSliderAdditionalImage {
    position: absolute;
    bottom: 8%;
    z-index: 10000;
}

.canvasSliderAdditionalImage.csai-left {
    left: 70px;
}

.canvasSliderAdditionalImage.csai-right {
    right: 70px;
}

.canvasSliderAdditionalImage.csai-center {
    left: 50%;
    transform: translateX(-50%);
}

.canvasSliderLogoText {
    padding: 0px 10px;
}


@media (max-width: 768px) {
    .canvasSliderLogo {
        width: 95%;
    }

    .canvasSliderLogo img {
        max-width: 150px;
    }

    .canvasSliderLogoText h1{
        font-size: 1.5rem;
    }
    .canvasSliderLogoText h2 {
        font-size: 1.3rem;
    }
    .canvasSliderLogoText h3 {
        font-size: 1.2rem;
    }
    .canvasSliderLogoText h4 {
        font-size: 1.1rem;
    }
    .canvasSliderLogoText h5 {
        font-size: 1rem;
    }
    .canvasSliderLogoText h6 {
        font-size: 0.95rem;
    }
    .canvasSliderLogoText p{
        font-size: 0.9rem;
    }


    .canvasSliderAdditionalImage {
        display: none;
    }
}

/* Header Typ 7 */
.dsHeaderTyp7 .primary-menu {
    position: initial !important;
    float: left;
    margin-left: 10px;
}

.dsHeaderTyp7 .header-misc a.currentLanguage {
    font-weight: bold;
}

.dsHeaderTyp7 .top-links a {
    margin-right: 0px;
    padding: 10px 5px;
    font-size: 18px;
}

.dsHeaderTyp7 .languageSelector .top-links a {
    margin-right: 15px;
}

.dsHeaderTyp7 .header-misc {
    width: 100%;
    display: block;
}


.dsHeaderTyp7 .header-misc {
    margin-top: 10px;
}

.dsHeaderTyp7 .primary-menu {
    margin-top: 0px;
}

.top-search-open .dsHeaderTyp7 .top-search-form {
    top: 0px;
}

.dsHeaderTyp7 .header-misc-icon {
    float: right;
}

.dsHeaderTyp7 .header-misc-icon.languageSelector {
    float: left;
}

.dsHeaderTyp7 .sub-menu-container {
    border: none;
}

.dsHeaderTyp7 .menu-item a.menu5-link {
    font-size: 18px;
}

.dsHeaderTyp7 .top-links-with-icons {
    position: relative;
    top: -10px;
    height: 40px;
}

.dsHeaderTyp7 .top-links-with-icons a {
    position: relative;
    top: 5px;
}

.dsHeaderTyp7 .top-links-with-icons i {
    margin-right:5px;
}


.dsHeaderTyp7 .sub-menu-container .menu-item > .menu-link {
    font-weight: 500;
}

.dsHeaderTyp7 .sub-menu-container .menu-item:hover > .menu-link {
    background-color: inherit;
}


.dsHeaderTyp7 .top-search-form input::placeholder {
    color: #fff;
}

.dsHeaderTyp7 .sub-menu-container {
    min-width: 220px;
}

.dsHeaderTyp7 .sub-menu-container .menu-item > .menu-link div {
    text-transform: none;
    font-weight: 500;
    font-size: 17px;
    white-space: nowrap;
}

.dsHeaderTyp7 #header-wrap > .container,
.dsHeaderTyp7 #header-wrap > .container > .header-row > .col-md-12.col-lg-12,
.dsHeaderTyp7 #header-wrap > .container > .header-row > .col-md-12.col-lg-12 > .row > .col-12{
    padding-left: 0px;
    padding-right: 0px;
}

.dsHeaderTyp7 .header-misc .loginAreaButton {
    float: right;
    position: relative;
    top: -5px;
}


@media (max-width: 991px) {
    .dsHeaderTyp7 .primary-menu {
        width: 100%;
    }

    .dsHeaderTyp7 .header-misc {
        margin-top: 0px;
    }

    .dsHeaderTyp7 .top-links-with-icons {
        top: -8px;
    }

    .dsHeaderTyp7 .header-misc-icon .top-links-with-icons a
    {
        padding: 6px;
        margin-left: 0px;
    }

    .dsHeaderTyp7 .header-misc-icon .top-links-with-icons:first-child {
        padding-left: 12px;
    }

    .dsHeaderTyp7 .header-misc-icon .top-links-with-icons:last-child {
        padding-right: 12px;
    }

    .dsHeaderTyp7 .top-links-with-icons span {
        display: none;
    }
}

@media(max-width: 575px) {
    .dsHeaderTyp7 .header-row > .col-md-12.col-lg-12 {
        margin-left: 15px;
        margin-right: 15px;
    }
}

/* Footer Typ 5 */
.dsFooterTyp5 #copyrights a {
    border-bottom: none;
}

.dsFooterTyp5 .copyright-links,
.dsFooterTyp5 .copyrights-menu {
    float: left;
    
}
.dsFooterTyp5 .copyright-links {
    margin-right: 20px;
}
.dsFooterTyp5 .copyrights-menu {
    margin-left: 20px;
}

.dsFooterTyp5 .dark #copyrights {
    padding-bottom: 0px;
}

@media (max-width: 991px) {
    .dsFooterTyp5 .copyright-links, .dsFooterTyp5 .copyrights-menu {
        width: 100%;
        text-align: center;
        margin-left: 0px;
        margin-right: 0px;
    }

    .dsFooterTyp5 #copyrights .row {
        margin-left: 0px;
        margin-right: 0px;
    }
}
.dsFooterTyp5 #copyrights img {
    margin-right:15px;
}

/* Vollbild mit Text & Button */
.dswcFullWidthImageWithText .dswcFullWidthImageText {
    padding: 10px 15px;
}

.formMessage {
    left: 0px;
    bottom: unset;
    top: 50%;
}

.formMessage .alert {
    box-shadow: 0px 0px 10px 4px rgba(204,204,204,0.4);
}

#header .header-misc .dropdown-menu {
    min-width: 200px;
}

#header .header-misc .dropdown-menu .loginUserName {
    font-size: 13px;
    padding: 0px 7px;
    white-space: no-wrap;
}

#header .header-misc .dropdown-menu button {
    width: 100%;
    text-align: left;
    border-radius: 0px;
}

#header .header-misc .dropdown-menu button:hover {
    background-color: #e9ecef;
}

#header .header-misc .dropdown-menu form {
    margin-bottom: 0px;
}

#header .header-misc .dropdown-menu .dropdown-item {
    padding: .25rem .75rem;
}

.mathoTextVerticalAlign {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

@media(max-width: 768px) {
    .mathoTextVerticalAlign {
        position: inherit;
    }

    img.dswcImageTextDefault {
        margin-top: 5px;
        margin-bottom: 5px;
    }
}

.mathoFormRequiredFlag {
    color: red;
    font-weight: bold;
}

.mathoTextImgGalCount1 {
    width: 100%;
    margin-bottom: 5px;
}

.mathoTextImgGalCount2 {
    width: 49%;
    margin-bottom: 5px;
}
.mathoTextImgGalCount3 {
    width: 32%;
    margin-bottom: 5px;
}
.mathoTextImgGalCount4 {
    width: 23%;
    margin-bottom: 5px;
}

label {
    cursor: inherit;
}

/* Referenten-Seminar-Management */

.mathoRsmContainer {
    margin-left: 20px;
    margin-right: 20px;
    max-width: 1900px;
}

.modal-body-row {
    padding: 0px 5px;
    border-bottom: 1px solid #ccc;
    display: flow-root;
}

.modal-body-col-left {
    width: 35%;
    float: left;
}

.modal-body-col-right {
    width: 65%;
    float: left;
}

.modal-body-col-left p {
    font-weight: bold;
}

.modal-body-row p {
    line-height: 1.2rem !important;
    font-size: 14px !important;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
}

.modal-body-tableCol {
    padding: 8px;
}

.modal-body-tableCol-1 {
    width: 34%;
    float: left;
    font-size: 14px;
}

.modal-body-tableCol-2,
.modal-body-tableCol-3 {
    width: 33%;
    float: left;
    font-size: 14px;
}

.modal-dialog {
    max-width: 1000px !important;
}

.modal-body-row-table:nth-child(2n) .modal-body-tableCol {
    background-color: #eee;
}

.dataTable {
    font-size: 15px;
}

.dataTable .btn-question {
    font-size: 20px;
    padding: 2px 6px;
}

.dataTable .statusIcon i {
    position: relative;
    top: 1px;
}

.dataTable td,
.dataTable th{
    vertical-align: middle;
    border: 1px solid #bbb;
    padding: 6px;
}

@media(max-width: 768px) {
    .modal-body-col-left, .modal-body-col-right {
        width: 100%;
    }

    .modal-body-col-left p {
        margin-bottom: 0px !important;
    }

    .modal-body-tableCol {
        padding: 2px 3px;
        display: flow-root;
        width: 100% !important;
    }
}

.mathoIconCounterList .col-lg-5 {
    width:19%;
    flex:0 0 19%;
    max-width:19%;
}

.mathoTextCenter {
    text-align: center;
}

.mathoSelectCheckIcon {
    font-size: 25px;
    height: 25px;
    width: 25px;
    margin: 0px 15px;
}

.mathoSelectCheckSpan {
    position: relative;
    top: -5px;
}
.mathoRedCheckIcon,
.mathoYellowCheckIcon,
.mathoGreenCheckIcon,
.mathoRedCheckIconCenter,
.mathoYellowCheckIconCenter,
.mathoGreenCheckIconCenter {
    font-size: 25px;
    width: 25px;
}

.mathoRedCheckIconCenter,
.mathoYellowCheckIconCenter,
.mathoGreenCheckIconCenter {
    text-align: center;
    display: block;
    margin: 0 auto;
}

.mathoRedCheckIcon:hover,
.mathoYellowCheckIcon:hover,
.mathoGreenCheckIcon:hover,
.mathoRedCheckIconCenter:hover,
.mathoYellowCheckIconCenter:hover,
.mathoGreenCheckIconCenter:hover,
.mathoSelectCheckIcon:hover {
    cursor: pointer;
}

.mathoGreenCheckIcon,
.mathoGreenCheckIconCenter {
    color: #5cb85c;
}

.mathoYellowCheckIcon,
.mathoYellowCheckIconCenter {
    color: #F7CA18;
}

.mathoRedCheckIcon,
.mathoRedCheckIconCenter {
    color: #d9534f;
}

.noHover {
    cursor: initial !important;
}

.mathoRSMRightButtons {
    float: right;
    margin-right: 10px;
    height: 40px;
    display: block;
}
.mathoRSMRightButtons i {
    margin-left: 5px;
}

.lt-act-btn {
    padding: 4px 8px 4px 0px;
    top: -5px;
    position: relative;
    background: #fff;
    color: #555;
    border: 1px solid #555;
}

.lt-act-btn-active {
    background: #5cb85c;
    color: #fff;
    padding: 4px 8px 4px 0px;
    top: -5px;
    position: relative;
    border: 1px solid #5cb85c;
}
.lt-act-btn:hover,
.lt-act-btn-active:hover {
    color: inherit;
    background: #459a45;
}

.ico-red {
    color: #d9534f;
}

.mathoRsmListItem {
    display: flow-root;
}

.mathoRsmContainer .dataTable .btn-primary {
    background-color: #5abb2a;
    border: 1px solid #ccc;
}

.mathoRsmContainer .dataTable .btn-primary:hover {
    background-color: #459a45;
}

.mathoRsmListItem {
    min-width: 380px;
}

.mathoRsmContainer .dataTable thead,
.mathoRsmContainer .dataTable tfoot {
    background-color: #79b51c;
    color: #fff;
}

.mathoRsmContainer .page-item.active .page-link {
    background-color: #5abb2a !important;
    border-color: #5abb2a !important;
}

.mathoRsmContainer .page-item.active .page-link:hover,
.mathoRsmContainer .page-link:hover,
.mathoRsmContainer .page-link:focus {
    background-color: #459a45 !important;
    border-color: #459a45 !important;
}

.mathoRsmContainer .dataTables_filter {
    float: right;
}

.mathoRsmDDItem {
    clear: both;
}


.mathoRsmDDItem input {
    width: 5%;
    float: left;
    margin-bottom: 10px;
}

.mathoRsmDDItem input[type="radio"] {
    appearance: none;
    height: 35px;
    border: 1px solid #999;
    border-radius: 50%;
}

.mathoRsmDDItem input[type='radio']:before {
    content: '';
    display: block;
    width: 60%;
    height: 60%;
    margin: 20% auto;
    border-radius: 50%;
}

.mathoRsmDDItem input[type='radio']:checked:before {
    background: #79b51c;
}

.mathoRsmDDItem label {
    float: left;
    position: relative;
    top: 9px;
    left: 10px;
    width: 95%;
    margin-bottom: 10px;
}

.mathoRsmContainer h4.mathoRsmSubHeadline {
    margin-top: 20px;
    border-top: 1px solid #ccc;
    display: block;
    width: 100%;
    margin-left: 15px;
    margin-right: 15px;
    padding-top: 20px;
}

/* tabLinks */
.mathoTabLinks {
    margin-bottom: 5px;
}

.mathoTabLinks .mathoTabLinksBorder {
    border-bottom: 1px solid #000;
}

.mathoTabLinks ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.mathoTabLinks li {
    float: left;
}
.mathoTabLinks li a {
    display: block;
    text-align: center;
    padding: 10px 15px 5px 15px;
    text-decoration: none;
    font-size: 22px;
    color: #222222;
}

.mathoTabLinks li.active a {
    color: #2f7deb;
    fill: #2f7deb;
    border-bottom: 4px solid;
    border-bottom-color: #2f7deb;
}

.mathoTabLinks li a i {
    margin-right: 5px;
    position: relative;
    top: 1px;
}

.mathoTabLinksFilter {
    display: none;
}

@media(max-width: 991px) {
    .mathoTabLinks li {
        float: none;
        display: block;
    }

    .mathoTabLinks li a {
        text-align: left;
    }

    .mathoTabLinks li.active a {
        border-bottom: none;
    }

    .mathoTabLinksFilter {
        display: block;
        font-size: 22px;
        color: #fff;
        background-color: #2f7deb;
        padding: 5px 10px;
        cursor: pointer;
    }

    .mathoTabLinksFilter span {
        display: block;
    }

    .mathoTabLinksFilter span:after {
        content: '\002304';
        float: right;
        position: relative;
        top: -8px;
    }

    .mathoTabLinksFilter span.tabLinkClose:after {
        content: '\002303';
        top: 5px;
    }

    .mathoTabLinks .hideTabLinksContent {
        display: none;
    }
}

@media(min-width: 768px) {

    #createEventModal .col-12 {
        display: flex;
        margin-bottom: 7px;
    }

    #createEventModal .col-12 label {
        width: 200px;
    }

    #createEventModal .col-12  button {
        margin-right: 20px !important;
    }
}

#createProgramButton {
    padding: 4px;
    margin-bottom: 25px;
    font-size: 15px;
    background-color: #5abb2a;
    border-color: #5abb2a;
}

#createProgramButton:hover {
    padding: 4px;
    margin-bottom: 25px;
    font-size: 15px;
    background-color: #459a45;
    border-color: #459a45;
}

.mathoAdminInviteMemberBtn {
    float: right;
    font-size: 25px;
    position: absolute;
    top: 0px;
    right: 7px;
}

.mathoAdminInviteMemberBtn:hover {
    cursor: pointer;
}

.dataTables_wrapper {
    max-width: 1850px;
}

.mathoRSMAdminZuteilen {
    text-align: right;
    right: 2px;
    position: absolute;
    font-size: 30px;
    top: -4px;
    cursor: pointer;
}

/* Footer Typ 6 */
.dsFooterTyp6 .col-5,
.dsFooterTyp6 .col-md-5,
.dsFooterTyp6 .col-lg-5 {
    width: 19%;
    flex: 0 0 19%;
    max-width: 19%;
}

@media(max-width: 992px) {
    .dsFooterTyp6 .col-md-5,
    .dsFooterTyp6 .col-lg-5 {
        width: 49%;
        flex: 0 0 49%;
        max-width: 49%;
    }
}

@media(max-width: 768px) {
    .dsFooterTyp6 .col-md-5,
    .dsFooterTyp6 .col-lg-5 {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* Externe Bild-Url */
.mathoExternalImage img {
    object-fit: cover;
}

/* Papierkram Invoice List */
.mathoInvoiceDownload {
    font-size: 20px;
    margin: 2px 0px;
    padding: 2px 20px;
}
tbody tr:hover {
    background-color:#ccc;
}

/* Sub-Formulare (ExtraFields) */
.extraFormFieldsArea {
    margin: 15px 0px;
}

.extraFormFieldsArea .row.extraFormField {
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    background-color: #fafafa;
    margin: 0px;
    padding: 15px 0px;
}

.extraFormFieldsArea .extraFormFieldMainLabel {
    display: block;
    width: 100%;
    margin: 0px 15px 10px;
    font-weight: bold;
    font-size: 14px;
}

.extraFormFieldsArea .row .col-md-6,
.extraFormFieldsArea .row .col-md-12 {
    margin-bottom: 10px;
}

.dswcDefaultForm h3 {
    margin-top: 25px;
}

/* Eventkalender Premium */

.mathoEventCalendarTeaser {
    margin-top: 20px;
}

.mathoEventCalendarTeaserBg {
    padding: 10px;
    background: #ddd;
    display: flex;
}

.mathoEventCalendarTeaserBg:hover {
    cursor: pointer;
    opacity: 0.8;
}

.mathoEventCalendarTeaser .mainECTDiv {
    margin-right: 10px;
    float: left;
    height: 100%;
}

.mathoEventCalendarPreviewText {
    display: block;
}

.mathoEventCalendarPreviewText span {
    font-size: 22px;
    font-weight: bold;
    line-height: 22px;
}

.mathoEventCalendarDetailImage {
    width: 100%;
}

.mathoEventCalendarDetailImage img {
    width: 75px;
}

.mathoECDIcon {
    margin-left: 15px;
    width: 50px;
    text-align: center;
    font-size: 26px;
    position: relative;
    top: -10px;
}

.mathoEventCalendarText a.read-more-trigger {
    margin-left: 75px !important;
    margin-bottom: 0px !important;
    position: absolute;
    bottom: 15px;
}

button.mathoEventCalendarDetailClose {
    width: 100%;
    display: block;
    font-size: 30px;
    line-height: 30px;
    border: none;
}

.mathoEventCalendarTeaser:hover {
    cursor: pointer;
}

.mathoEventCalendar img.rounded,
.mathoEventCalendar a.rounded {
    border-radius: 15px !important;
}

.mathoEventCalendarPreviewDate small {
    font-weight: bold;
    position: relative;
    left: 2px;
}

.mathoEventCalendarPreviewDateBig {
    font-weight: bold;
    font-size: 32px;
    line-height: 28px;
    position: relative;
    top: 2px;
}

.mathoEventCalendarPreviewDateSmall {
    vertical-align: top;
    font-weight: bold;
    font-size: 15px;
}

.mathoEventCalendarDetailBg {
    padding: 10px;
    border: 1px solid #ddd;
    border-top: 0px;
}

.mathoEventCalendarText {
    background: #ddd;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 15px 0px;
}

.mathoEventCalendarColBg {
    background: #ddd;
    padding: 15px 0px;
}

.mathoEventCalendarTimePlace .col-md-6 {
    display: flex;
}

.mathoEventCalendarTimePlace .col-md-6:first-child {
    padding-left: 0px;
    padding-right: 7px;
}
.mathoEventCalendarTimePlace .col-md-6:last-child {
    padding-left: 8px;
    padding-right: 0px;
}

.mathoEventCalendarTimePlace {
    margin-bottom: 10px;
}

.mathoEventCalendarTimePlace .col-md-6 .col-12 {
    display: grid;
}

.mathoEventCalendarInfoBox {
    background-color: #ddd;
    margin-bottom: 10px;
    padding-top: 15px;
    padding-bottom: 5px;
}

.ecp-rounded .mathoEventCalendarTeaserBg,
.ecp-rounded .mathoEventCalendarText,
.ecp-rounded .mathoEventCalendarColBg,
.ecp-rounded .mathoEventCalendarInfoBox,
.ecp-rounded img,
.ecp-rounded button {
    border-radius: 15px !important;
}

.ecp-rounded .ecp-detailsOpen .mathoEventCalendarTeaserBg {
    border-radius: 15px 15px 0px 0px !important;
}
.ecp-rounded .mathoEventCalendarDetailBg  {
    border-radius: 0px 0px 15px 15px !important;
}

.mathoEventCalendarTeaser.ecp-detailsOpen {
    margin-bottom: 0px;
}

.mathoEventCalendarDetail {
    margin-bottom: 20px;
}

.mathoEventCalendar .pagination {
    margin-top: 30px;
}

.mathoEventCalendar .pagination a.page-link {
    background-color: #fff;
    color: #000;
    border: 1px solid #dee2e6 !important;
}

.mathoEventCalendar .pagination a.page-link:hover {
    background-color: #eee !important;
    border: 1px solid #dee2e6 !important;
    color: #000 !important;
}

.mathoEventCalendar .pagination .page-item.active a.page-link,
.mathoEventCalendar .pagination .page-item.active a.page-link:hover {
    color: #000 !important;
    background-color: #ddd !important;
    border: 1px solid #dee2e6 !important;
    cursor: default;
}