.accent-color {
    color: #00a3da;
}
.frame-type-html *[data-js="cover-img"] {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}
.ce_onepager_header.hero-section picture {
    /* right: 8.5%; */
    display: block;
}
.frame-type-html *[data-js="cover-img"] img {
    width: 100%;
    height: auto;
}
.ce_onepager_header.hero-section img {
    /* position: absolute; */
    /* right: 0;
    left: 0; */
    height: auto;
    width: 100%;
    /* object-fit: cover; */
    /* object-position: center; */
}
.frame-type-html *[data-js="cover-img"].cover-init,
.ce_onepager_header.hero-section .cover-init img {
    background-position: 67%;
    overflow: hidden;
}
.frame-type-html *[data-js="cover-img"].cover-init img,
.ce_onepager_header.hero-section .cover-init img {
    position: absolute;
    opacity: 0;
}
.ce_onepager_header.hero-section *[data-js="cover-img"] img {
    height: 100%;
    opacity: 1;
    width: auto;
}
.hero-section {
    position: relative;
    font-size: inherit;
    color: #fff;
    margin-bottom: calc(3.75em);
}
.hero-section.ce_onepager_header {
    overflow: hidden;
}
.hero-section__content {
    padding-top: calc(3.125em);
    padding-bottom: calc(6.25em);
    max-width: calc(36.25em);
    margin: 0 auto;
    text-align: center;
}
.hero-section__content .main-title {
    font-family: "Polaris Condensed Bold", Arial, Helvetica, sans-serif;
    font-size: calc(2.8125em);
    line-height: calc(1.2em);
    color: #fff;
    margin-bottom: calc(0.66666667em);
}
.hero-section__content .main-title-v2 {
    color: #000;
}
.hero-section__content .secondary-title {
    font-family: "Polaris Condensed Bold", Arial, Helvetica, sans-serif;
    font-size: calc(1.5em);
    line-height: calc(1.5em);
    color: #fff;
}
.hero-section__content .secondary-title--v2 {
    font-family: "Polaris Condensed Book", Arial, Helvetica, sans-serif;
    font-size: calc(1.7em);
    line-height: calc(1.7em);
    color: #000;
}
.hero-section__content .secondary-title--v2 b {
    font-family: "Polaris Condensed Book", Arial, Helvetica, sans-serif;
}
.hero-section__content .secondary-title--white-background {
    display: inline;
    color: #1b1b1b;
    background-color: #fff;
}
.hero-section__content--responsive .main-title {
    font-family: "Polaris Condensed Bold", Arial, Helvetica, sans-serif;
    color: #ababab;
    font-size: calc(1.25em);
}
.hero-section__content--responsive .secondary-title {
    font-family: "Polaris Condensed Bold", Arial, Helvetica, sans-serif;
    color: #1b1b1b;
    font-size: calc(2.8125em);
}
.hero-section__img {
    position: relative;
    height: 25vh;
}
.hero-section__title {
    text-align: center;
    margin-bottom: calc(3.125em);
}
.hero-section__title .main-title {
    font-family: "Polaris Condensed Bold", Arial, Helvetica, sans-serif;
    color: #ababab;
    font-size: calc(1.25em);
}
.hero-section__title .secondary-title {
    font-family: "Polaris Condensed Bold", Arial, Helvetica, sans-serif;
    color: #1b1b1b;
    font-size: calc(2.8125em);
}
.frame-type-html .hero-section__title-big {
    padding: calc(3.125em) 0 calc(6.25em);
}
.ce_onepager_header.hero-section .hero-section__title-big {
    height: 100%;
    overflow: hidden;
    width: 100%;
}
.ce_onepager_header.hero-section .hero-section__title-big picture {
    height: 100%;
    position: absolute;
    width: 100%;
}
.hero-section__btn {
    display: inline-block;
    position: relative;
    padding: calc(0.49166667em) calc(2.08333333em) calc(0.29166667em);
    font-size: calc(1.5em);
    line-height: 1.5;
    background-color: #ab0351;
    color: #fff;
    font-family: "Polaris Condensed Bold", Arial, Helvetica, sans-serif;
    border-radius: 3px;
    margin-bottom: calc(0.83333333em);
}
.hero-section__btn:hover {
    color: #fff;
    text-decoration: none;
}
.hero-section__btn:active,
.hero-section__btn:focus {
    color: #fff;
    text-decoration: none;
}
/*remove upper padding in Dankeseite in one-pager*/
.content-line {
    padding: 0;
}
/*hide header image and show full header text (front colour black instead of white)*/
.spendenformular_reiter img {
    visibility:hidden;
}
.spendenformular_headline h1,
.spendenformular_reiter h1 {
    color: black !important;
}
/*show text in tab*/
.spendenformular_reiter li.aktiv {
    width:100%;
    max-width:100%;
    margin-right:0;
}
/*show strong and b elements in white if inside panel*/
.sp1 ul li.aktiv b {
    color: white;
}
.spendenformular_inhalt strong {
    color:white;
}
/*do not show header in error sites*/
.sp1 ul li.aktiv.field_error {
    display:none;
}
.ce_onepager_box.teaser,
.frame-type-html .teaser {
    background-color: white;
    border: 2px solid #c6c6c6;
    color: #1b1b1b;
    font-family: "Roboto Regular", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: calc(1.125em);
    margin-bottom: calc(1.875em);
}
.ce_onepager_box.teaser .teaser-inner,
.frame-type-html .teaser-inner {
    padding: calc(0.83333333em) calc(1.11111111em);
}
.ce_onepager_box.teaser .teaser-inner-row,
.frame-type-html .teaser-inner-row {
    display: flex;
    align-items: flex-start;
}
.ce_onepager_box.teaser .teaser__text,
.frame-type-html .teaser__text {
    font-size: calc(1.125em);
    line-height: calc(1.6875em);
}
.ce_onepager_box.teaser a,
.frame-type-html .teaser a {
    color: #00a3da;
}
.ce_onepager_box.teaser a:hover,
.frame-type-html .teaser a:hover {
    text-decoration: underline;
}
.ce_onepager_box.teaser .teaser__link,
.frame-type-html .teaser__link {
    text-decoration: underline;
    color: inherit;
}
.teaser__link:hover {
    text-decoration: none;
}
.teaser__link:focus,
.teaser__link:active {
    text-decoration: underline;
    color: inherit;
}
.teaser__content-wrapper span {
    display: block;
}
.teaser__content-wrapper a:hover,
.teaser__content-wrapper a:focus{
    text-decoration: underline;
}
.teaser__header {
    font-size: calc(1em);
    line-height: calc(2.22222222em);
    margin-bottom: 0;
}
.person-block__avatar{
    width: 80%;
    height: 80%;
}
.donations-content {
    padding: 4.9rem 0 3.4rem;
}
.donations-content .row-30 {
    margin: 0 -30px;
}
.donations-content .medium {
    font-family: "Polaris Condensed Medium", Arial, Helvetica, sans-serif;
}
.donations-content .bold {
    font-family: "Polaris Condensed Bold", Arial, Helvetica, sans-serif;
}
.donations-content .semibold {
    font-family: "Polaris Condensed Medium", Arial, Helvetica, sans-serif;
}
.donations-content .extrabold {
    font-family: "Polaris Condensed Bold", Arial, Helvetica, sans-serif;
}
.donations-content .regular {
    font-weight: normal;
}
.donations-content .img-responsive {
    width: 100%;
    height: auto;
}
.donations-content .img-center {
    display: block;
    margin: 0 auto;
}
.donations-content .ml-10 {
    margin-left: calc(0.55555556em);
}
.donations-content .justify-content-center {
    justify-content: center;
}
.donations-content .align-items-start {
    align-items: flex-start;
}
b,strong,
.donations-content .accent-text {
    font-family: "Polaris Condensed Bold", Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #00a3da;
}
.donations-content .link {
    cursor: pointer;
}
.donations-content .link:hover {
    text-decoration: none;
}
.donations-content .link-primary {
    color: #1b1b1b;
}
.donations-content .link-primary:hover {
    color: #00a3da;
    text-decoration: none;
}
.donations-content .link-secondary {
    color: #1b1b1b;
    text-decoration: underline;
}
.donations-content .link-secondary:hover {
    color: #00a3da;
}
body.modal-open {
    height: 100vh;
    width: 100%;
    position: sticky;
    z-index: 999999999;
}
body.modal-open .header__top {
    display: none;
}
.modal-open .modal {
    background: rgba(255, 255, 255, 0.7);
    overflow: hidden;
}
.modal .close i:before {
    margin-top: 5px;
    margin-left: 3px;
}
.modal-title {
    font-size: 2.5rem;
}
.modal-dialog {
    background: transparent;
    max-width: 100% !important;
    overflow: hidden !important;
    padding: 0;
    margin: 1.75rem auto;
    position: fixed !important;
}
.modal-dialog .container {
    height: 100% !important;
}
.modal-dialog .modal-content {
    border: 0 none;
    border-radius: 0;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    margin-left: -9px;
    max-height: 75vh;
    height: 100%;
}

.modal-dialog .modal-content .modal-body {
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}
.popup--big-photo {
    background: transparent;
    position: initial;
}
.panel.panel-default {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}
.panel-default .panel-title a:not(.collapsed) {
    font-family: "Roboto Bold", Arial, Helvetica, sans-serif;
    padding: 1.1895rem 1.1895rem 1.1895rem 0;
    position: relative;
    font-size: 1rem;
    width: 100%;
}
.panel-body {
    font-family: "Polaris Condensed Regular", Arial, Helvetica, sans-serif;
    padding-bottom: 1rem;
}
.panel-body p {
    margin-bottom: 1rem;
}
.panel-title {
    font-size: 1.8125rem;
    font-family: "Polaris Condensed Book", Arial, Helvetica, sans-serif;
}
.panel.panel-default {
    border-bottom: 1px solid #ececee;
}
.panel-default .panel-title a.collapsed {
    display: block;
    padding: 1.1895rem 1.1895rem 1.1895rem 0;
    font-size: 1rem;
    font-family: "Roboto Light", Arial, Helvetica, sans-serif;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative;
    width: 100%;
}
.panel-default .panel-title a.collapsed::after {
    content: '';
    display: block;
    width: .55rem;
    height: .55rem;
    border-top: 2px solid #ab0351;
    border-right: 2px solid #ab0351;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translate(0,-50%) rotate(135deg);
    -ms-transform: translate(0,-50%) rotate(135deg);
    transform: translate(0,-50%) rotate(135deg);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
@media screen and (max-width: 1200px) {
    .ce_onepager_header.hero-section .hero-section__title-big img {
        height: 100%;
        /* right: -11%; */
        object-fit: cover;
    }
    .hero-section__content--responsive .main-title {
        font-size: 1.5em;
    }
    .hero-section__content {
        font-size: calc(0.875em);
    }
}
@media screen and (max-width: 768px) {
    /* .ce_onepager_header.hero-section .hero-section__title-big img {
        right: -22%;
    } */
    #main .donations-content .container {
        padding-bottom: 0 !important;
    }
    .hero-section__content--responsive .main-title {
        font-size: 1.5em;
    }
    .hero-section__content {
        font-size: calc(0.75em);
    }
}
@media screen and (max-width: 576px) {
    /* .ce_onepager_header.hero-section .hero-section__title-big img {
        right: -33%;
    } */
    .hero-section__content--responsive .main-title {
        font-size: 2em;
    }
    .hero-section__content {
        font-size: calc(0.6875em);
    }
    .hero-section {
        font-size: calc(0.75em);
        overflow: hidden;
    }
    .teaser {
        font-size: 0.833em;
    }
}
