:root {
    /* Textfarben Grau */
    --primary-backround-colour: hsla(220, 27%, 98%, 1);
    --primary-text-color: hsla(212, 17%, 30%, 1);
    --primary-text-color-grau-700: hsla(214, 11%, 49%, 1);
    --primary-text-color-grau-300: hsla(206, 24%, 87%, 1);
    --primary-black: hsla(215, 22%, 17%, 1);
    /* Akzentfarben */
    --akzent-schneewittchen: hsla(46, 35%, 99%, 1);
    --akzent-0-weiß: hsla(48, 33%, 97%, 1);
    --akzent-50-hintergrund: hsla(40, 86%, 97%, 1);
    --akzent-100:hsla(40, 100%, 97%, 1);
    --akzent-300: hsla(41, 34%, 74%, 1);
    --akzent-400: hsla(34, 40%, 67%, 1);
    --akzent-500: hsla(35, 39%, 39%, 1);
    /* Grüne Farbe */
    --grüne-farbe-100: hsla(180, 100%, 95%, 1);
    --grüne-farbe-500: hsla(174, 56%, 36%, 1);
    /* Gradients */
    --gradient-1: radial-gradient(174.12% 143.82% at -1.74% -1.66%, rgba(211, 197, 166, 0.75) 9.68%, #E9E3D7 59.62%, rgba(255, 250, 239, 0.75) 100%);
    --gradient-2: radial-gradient(174.12% 143.82% at 101.74% -1.66%, rgba(211, 197, 166, 0.75) 9.68%, #E9E3D7 59.62%, rgba(255, 250, 239, 0.75) 100%);
    --glass-gradient: linear-gradient(-137deg, rgba(219, 216, 216, 0.05) 17.77%, rgba(255, 255, 255, 0.50) 78.66%);
    /* Textgrößen */
    --heading-1: 4rem;
    --heading-2: 3rem;
    --heading-3: 2rem;
    --heading-4: 1.5rem;
    --heading-5: 1rem;
    --heading-6: 0.875rem;
}

html, body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-family: "Montserrat", sans-serif;
    color: var(--primary-text-color);
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    color: var(--primary-text-color);
    font-style: normal;
    line-height: normal;
    text-align: center;
}

h1 {
    font-size: clamp(2rem, calc(7vw - 1rem), var(--heading-1));
    font-weight: 700;
}

h2 {
    font-size: clamp(2rem, 1.3385rem + 2.4615vw, 3rem);
    font-weight: 700;
}

h3 {
    font-size: clamp(1.25rem, calc(5vw - 1rem), var(--heading-3));
    font-weight: 700;
    margin-bottom: 1rem;
}

h4 {
    font-size: clamp(1.25rem, calc(3vw - 1rem), var(--heading-4));
    font-weight: 600;
    margin: 2rem 0;
    text-align: left;
}

h5 {
    font-size: clamp(0.875rem, calc(2vw - 1rem), var(--heading-5));
    font-weight: 500;
    text-align: left;
}

h6 {
    font-size: clamp(0.75rem, calc(2vw - 1rem), var(--heading-6));
    font-weight: 500;
}

body {
    background: var(--akzent-0-weiß);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

footer {
    background-color: var(--akzent-0-weiß);
    padding: 24px;
}

/* Impressum */


main {
    width: 100%;
    flex-grow: 1;
    padding: 1rem 4rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
}

main > * {
    display: flex;
    align-self: flex-start;
}

main > p {
    display: block;
}

h2 {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.fett {
    font-weight: 700;
}

.footer-content {
    align-self: center;
}

.footer-nav ul {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-nav li {
    padding: 0 1.5rem;
}

.footer-nav a {
    text-decoration: none;
    color: var(--primary-text-color);
    font-size: 14px;
}

.footer-nav a:hover {
    color: var(--akzent-500);
}

#menu-icon {
    display: none;
    cursor: pointer;
    color: var(--primary-text-color-grau-700);
    font-size: 24px;
    font-variation-settings:
    'FILL' 0,
    'wght' 700,
    'GRAD' 0,
    'opsz' 24;
}

/* Datenschutzerklärung */

.container {
    display: flex;
    flex-direction: column;
    margin: 1rem 0;
}

#dts-liste {
    display: flex;
    flex-direction: column;
}

#dts-liste li {
    margin-bottom: 1rem;
}


/* Responsive Hauptteil Impressum */

@media (max-width: 430px) {
    .impressum-container {
        padding: 0 2rem;
    }
}


/* Responsive Hauptteil DTS */

@media (max-width: 430px) {
    .dts-container {
        padding: 0 2rem;
    }
}