@font-face {
    font-family: 'Mokoko Extra-Bold';
    src: url('fonts/MokokoXBd.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Mokoko';
    src: url('fonts/MokokoRg.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


body {
    font-family: 'Mokoko', sans-serif;
    color: #000000;
}

h1, h2, h3, a , strong{
    font-family: 'Mokoko Extra-Bold';

}

h1 {
    font-weight: 700;
    font-size: 45px;
    line-height: 45px;
    margin-bottom: 24px;
}
@media (min-width: 992px) {
    h1 {
        font-size: 68px;
        line-height: 80px;
        margin-bottom: 45px;
    }
}

h2, h3 {
    font-weight: 700;
    font-size: 25px;
    line-height: 25px;
}
h2 {
    margin-bottom: 18px;
}
h2.contact-phone a, h2.contact-mail a {
    font-weight: 700 !important;
    font-size: 25px !important;
    line-height: 25px !important;
    margin-bottom: 0 !important;
}
footer h2, footer h2 a {
    font-size: 25px !important;
    line-height: 30px !important;
    margin-bottom: 0;
    color: inherit;
}
footer .row > div:last-child a{
    font-family: 'Mokoko', sans-serif;
}

@media (min-width: 992px) {
    h2 {
        font-size: 45px;
        line-height: 45px;
        margin-bottom: 24px;
    }
    h2.contact-phone a, h2.contact-mail a {
        font-size: 45px !important;
        line-height: 45px !important;
    }
    footer h2, footer h2 a {
        font-size: 23px !important;
        line-height: 30px !important;
        margin-bottom: 0;
    }
}

h3 {
    margin-bottom: 12px;
}

a {
    color: #005B81;
    text-decoration: none;
    font-weight: 700;
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 0;
}
a:hover {
    color: #005B81;
}

p, .desc {
    font-size: 17px;
    line-height: 25px;
}
p { /* Lesetext 1 */
   /* margin-bottom: 36px; */
}
@media (min-width: 992px) {
    p {
        font-size: 23px;
        line-height: 35px;
        margin-bottom: 48px;
    }
}
.paragraph--type--textabschnitt p:last-child {
    margin-bottom: 0;
}

.desc { /* Lesetext 2*/
    margin-bottom: 24px;
}
paragraph.paragraph--type--textabschnitt.paragraph--view-mode--default > div > p:nth-child(2){
    margin-bottom: 0px !important;
}
.footerDesc { /* Lesetext 3 */
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 18px;
}
@media (min-width: 992px) {
    .footerDesc {
        font-size: 17px;
        line-height: 20px;
        margin-bottom: 33px;
    }
}

.paragraph ul { /* Lesetext 4 */
    font-size: 23px;
    line-height: 35px;
    margin-bottom: 36px;
    list-style-type: none;
}
@media(max-width: 991px) {
    .paragraph ul {
        font-size: 17px;
        line-height: 26px;

    }
}
@media (min-width: 992px) {
    .paragraph ul {
        margin-bottom: 60px;
        list-style-type: none;
    }
}
/****************************************************** SPEZIAL ******************************************************/
.views-field-field-mitarbeiter-tile-name .field-content {
    font-family: 'Mokoko Extra-Bold';
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 12px;
    hyphens: none;
}

.views-field-field-mitarbeiter-tile-func .field-content {
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 0;
}

.views-field-field-mitarbeiter-tile-phone .field-content,
.views-field-field-mitarbeiter-tile-phone .field-content a {
    font-weight: 700;
    font-size: 17px !important;
    line-height: 25px !important;
    margin-bottom: 0;
}
@media (min-width: 992px) {
    .views-field-field-mitarbeiter-tile-phone .field-content,
    .views-field-field-mitarbeiter-tile-phone .field-content a {
        margin-bottom: 18px;
    }
}
.views-field-field-mitarbeiter-tile-mail {
    margin-top: auto;
}
/* Auflistung Safari Mobile Punkte ausblenden */
@supports (-webkit-overflow-scrolling: touch) {
   .paragraph ul {
        list-style: none!important;
        /*padding-left: 20px;*/
    }
}