/* Schriften laden */
@font-face {
    font-display: swap;
    font-family: "Chelsea Market";
    font-style: normal;
    font-weight: 400;
    src: url("../assets/fonts/chelsea-market-v14-latin-regular.woff2") format("woff2");
}

@font-face {
    font-display: swap;
    font-family: "Inter";
    font-style: normal;
    font-weight: 100 900;
    src: url("../assets/fonts/inter.woff2") format("woff2");
}

@font-face {
    font-display: swap;
    font-family: "Raleway";
    font-style: normal;
    font-weight: 100 900;
    src: url("../assets/fonts/raleway.woff2") format("woff2");
}

/* Fließtext */
body {
    font-family: "Inter", sans-serif;
    font-weight: 400;
}

/* Überschriften */
h2 {
    font-family: "Raleway", sans-serif;
}

/* Header */
.navbar a {
    font-weight: 500;
}

/* Hero */
.hero h1 {
    font-size: 75px;
    font-weight: 700;
}

.hero h1.hero-titel {
    font-family: "Raleway", sans-serif;
    font-weight: 800;
}

.hero p {
    font-size: 20px;
}

.hero p strong {
    font-weight: 700;
}

.hero-button {
    font-family: "Raleway", sans-serif;
    font-size: 19px;
    font-weight: 700;
}

/* Pakete */
.section-pakete h2 {
    font-size: 48px;
    font-weight: 300;
}

.section-pakete h2 strong {
    font-weight: 700;
}

.paket-gruppe {
    font-size: 24px;
    font-weight: 400;
}

.paket-nummer {
    font-weight: 700;
}

.paket-name {
    font-size: 22px;
    font-weight: 700;
}

.paket-text {
    line-height: 1.5;
}

.paket-link {
    font-weight: 700;
}

/* Motto */
.motto-label {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.motto-text {
    font-family: "Raleway", sans-serif;
    font-size: 88px;
    font-weight: 300;
    line-height: 1.15;
}

.motto-text strong {
    font-weight: 700;
}

/* Ablauf */
.ablauf-titel {
    font-size: 80px;
    font-weight: 300;
}

.ablauf-nummer {
    font-size: 56px;
    font-weight: 400;
    line-height: 1;
}

.ablauf-name {
    font-size: 26px;
    font-weight: 700;
}

.ablauf-text {
    font-size: 20px;
    line-height: 1.5;
}

/* Leistungen */
.leistungen-titel {
    font-size: 80px;
    font-weight: 300;
}

.leistungen-titel strong {
    font-weight: 700;
}

.leistungen-name {
    font-size: 28px;
    font-weight: 700;
}

.leistungen-liste li {
    font-size: 20px;
}

.leistungen-liste li::before {
    font-weight: 700;
}

/* Kontakt */
.kontakt-titel {
    font-size: 110px;
    font-weight: 300;
    line-height: 1.1;
}

.kontakt-titel strong {
    font-weight: 700;
}

.kontakt-button {
    font-size: 22px;
    font-weight: 500;
}

/* Über uns */
.ueber-titel,
.ueber .ueber-ziel-text {
    font-family: "Raleway", sans-serif;
    font-weight: 300;
}

.ueber-h2 {
    font-weight: 300;
}

/* Footer */
.footer-slogan {
    font-size: 22px;
    font-weight: 400;
}

.footer-kontakt {
    font-style: normal;
}

.footer-unten {
    font-size: 16px;
}