.section-accordion {
    /* margin-bottom:50px; */
    max-width:800px;
}
.b75 {
    margin-bottom:75px;
    border-bottom:none !important;
}
.accordion {
    display: flex;
    flex-direction: column;
}
.accordion-ohne-bg {
    padding-top:0px !important;
    padding-bottom:0px !important;
}
.ac-element {
    display: flex;
    flex-direction: column;
    /* border-bottom:1px dashed #4c5164; */
    position: relative;
    margin-bottom:15px;
}
.ac-element:after {
    content:"";
    position:absolute;
    left:0px;
    right:0px;
    bottom:0;
    width:auto;
    /* border-bottom:1px dashed #4c5164; */
}
.accordion>div:last-of-type:after {
    border-bottom:none;
}
.accordion>div:first-of-type .ac-header .headline h3  {
    margin-top:0;
    word-break: break-word;
}
.accordion>div:first-of-type .ac-header {
    align-items: flex-start;
}
.ac-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color:#d3ebfb;
    /* align-items: center; */
    cursor: pointer;
    flex-wrap:wrap;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}
.ac-header .headline h3 {
    color: #393939;
    font-family: 'Lato';
    font-size: 23px;
    font-weight: 700;
    line-height: 33px;
    margin-bottom:15px;
    margin-top:0 !important;
    word-break: break-word;
    max-width:230px;
}


.fett {
    /* font-weight: 700 !important;
    font-style: italic; */
}
.ac-header.active .headline h3 {
    /* font-style: italic;
    font-weight: 700; */
}
.ac-header .opener img {
    transform: rotate(0deg);
    transition:0.5s;
    width:20px;
    height:20px;
    margin-top:10px !important;
}
.accordion>div:first-of-type .ac-header .opener img  {
    margin-top:8px;
}
.ac-header.active .opener img {
    transform: rotate(45deg);
}
.form-accordion .ac-header.active .opener img {
    transform: translateY(8px) rotate(45deg);
}
.ac-content {
    display:none;
    overflow: hidden;
    background-color: rgb(211, 235, 251);
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 30px;
}
.ac-body {
    /* padding:20px 20px 30px 20px; */
}
.ac-body h3:first-of-type {
    margin-top: 0 !important;
}
.ac-content .ac-body p, .ac-content .ac-body ul {
    color: #393939;
    font-family: "Lato";
    font-size: 19px;
    font-weight: 400;
    line-height: 29px;
}
.ac-content .ac-body h3 {
    color: #393939;
    font-family: 'Lato';
    font-size:19px;
    line-height:29px;
    margin-bottom:15px;
    margin-top:30px;
    font-weight: 700;
}
.ac-content .ac-body ul {
    padding-left:22px;
}
.ac-footer-slogan {
    display:none;
    color: #ffffff;
    font-family: "Lato";
    font-size: 17px;
    font-weight: 400;
    line-height: 27px;
    text-align: center;
}
.ac-contact-close {
    display:flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
}
.ac-contact-close a {
    text-align: center;
}
.ac-contact-close span {
    cursor: pointer;
    color: #ffffff;
    font-family: "Lato";
    font-size: 17px;
    font-style: italic;
    font-weight: 400;
    line-height: 27px;
    text-align: center;
}
.ac-contact-close button {
    border-radius: 4px;
    width:auto;
    height:auto;
    padding:5px 10px 5px 10px;
    background-color:#E0F52E;
    border:none;
    color: #393939;
    font-family: "Lato";
    font-size: 15px;
    font-weight: 700;
    line-height: 28px;
    text-align: center;
    margin-right:10px;
}
.ac-contact-close button:hover {
    cursor:pointer;
}
.accordion>div:last-of-type {
    border-bottom:none;
}
.ac-footer {
    height:70px;
    /* background-color: #4c5164;
    padding:0px 20px 0px 20px; */
}
.ac-header .bereiche {
    display:block;
    width:100%;
    margin-bottom:30px;
}
.ac-header .bereiche span {
    background-color:#FFFFFF;
    border-radius:3px;
    font-weight:400;
    font-size:14px;
    font-family: 'Lato';
    color:#393939;
    padding:5px;
    margin-right:10px;
}
.schliessen-x {
    font-size:30px;
    color:var(--blau);
}
.schliessen-x:hover {
    cursor: pointer;
}
.rotes-dreieck {
    margin:0px 0px 20px 20px;
    display:none;
}
.contact-button {
    position:relative;
    display:none;
}
.klick_pfeil_accordion {
    position:absolute;
    width:20px;
    height:20px;
    transform: scaleX(-1);
    left: -20px;
    bottom: -20px;
}
.more-teaser h4, .more-teaser p {
    font-family: 'Lato';
    font-size:18px;
    line-height:28px;
}
.more-teaser h4 {
    font-weight:900;
    color:#811A1A;
    margin-bottom:5px;
}
.more-teaser p {
    font-weight:700;
    color:#393939;
}
.accordion .ac-element:last-child .ac-header .bereiche {
    margin-bottom:0px;
}
.accordion .ac-element:last-child .ac-header.active .bereiche {
    margin-bottom:30px;
}
@media(min-width:375px){
    .ac-header {
        /*padding-left:25px;
        padding-right:25px;*/
    }
    .ac-body {
        /* padding:20px 25px 30px 25px; */
    }
    .ac-footer {
        /* padding:0px 25px 0px 25px; */
    }
    .ac-element:after {
        left:0px;
        right:0px;
    }
    .ac-header .headline h3 {
        max-width:250px;
    }
}

@media(min-width:400px){
    .ac-header .headline h3 {
        max-width:320px;
    }
}

@media(min-width:568px){
    .ac-header {
        /* padding-left:35px;
        padding-right:35px; */
    }
    .ac-body {
        /* padding:20px 35px 30px 35px; */
    }
    .ac-footer {
        /* padding:0px 35px 0px 35px; */
    }
    .ac-element:after {
        /*left:35px;
        right:35px;*/
    }
    .ac-header .headline h3 {
        max-width:450px;
    }
}

@media(min-width:600px){
    .ac-header {
        /* padding-left:40px;
        padding-right:40px; */
    }
    .ac-body {
        /* padding:20px 40px 30px 40px; */
    }
    .ac-footer {
        /* padding:0px 40px 0px 40px; */
    }
    .ac-element:after {
        /*left:40px;
        right:40px;*/
    }
    .ac-header .headline h3 {
        /* max-width:520px; */
        font-size: 24px;
        line-height:34px;
    }
    
}



@media(min-width:768px){
    .ac-element {
        /* border-bottom:1px dashed #4c5164; */
    }
    .ac-element:after {
        border-bottom:none;
    }
    .section-accordion {
        /* margin-bottom:45px; */
    }
    .ac-header {
        /*flex-direction: row-reverse;
        justify-content: flex-end;*/
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
    }
    .ac-footer {
        display:flex;
        flex-direction: row;
        justify-content: space-between;
        /* padding:0px 30px 0px 30px; */
    }
    .ac-footer-slogan {
        display: flex;
        align-items: center;
    }
    .ac-header .opener img {
        /* margin-right:20px; */
    }
    .ac-contact-close button {
        /* margin-right:30px; */
    }
    .ac-header .headline h3 {
        margin-top:15px;
        max-width:580px;
    }
    .form-accordion .ac-header .headline h3 {
        max-width: 580px;
    }
    .ac-body {
        /* padding:30px 30px 30px 30px; */
    }
}



@media(min-width:1050px){
    .ac-element {
        /* max-width:70%; */
    }
    .ac-header .headline h3 {
        margin-top:28px;
        /* margin-bottom:30px; */
        /* max-width:950px; */
    }
    .ac-header .opener img {
        margin-top:40px;
    }
    .accordion>div:first-of-type .ac-header .opener img  {
        margin-top:12px;
    }
}

@media(min-width:1400px){
    .ac-header .headline h3 {
        font-size:26px;
        line-height:36px;
    }
}

@media(min-width:1600px){
    .ac-header .headline h3 {
        font-size:28px;
        line-height:38px;
    }
    .ac-header .bereiche span {
        padding:6px;
        font-size:15px;
    }
}

@media(min-width:1800px){
    .ac-header .headline h3 {
        margin-top:32px;
        margin-bottom:15px;
    }
    .ac-header .opener img {
        margin-top:43px;
    }
}