/* ==========================================================================
   Rechtliches – AGB / Impressum / Datenschutz
   Zweispaltige Textseiten ohne Slideshow.
   Farben und Überschriften-Stil wie special18.css.
   ========================================================================== */

section h1,
section h2 {
    margin: 0;

    cursor: pointer;
    user-select: none;
    transition: color 0.2s ease;
    color: var(--brand-primary);
}

section a {
    color: var(--brand-primary);
    text-decoration: none;
}

section h3 {
    font-family: var(--font-body);
    font-size: var(--font-size-h3);
    font-weight: normal;
    letter-spacing: var(--letter-spacing-b);
    text-transform: uppercase;
    line-height: var(--line-height-p);
    color: var(--brand-primary);
    cursor: default;
    margin: 0 0 1.4em;
}


/* ==========================================================================
   Seitenhintergrund – wie beim Kontaktmodul
   ========================================================================== */

article {
    background: var(--brand-wte-darker);
}

article section {
    background: transparent;
}


/* ==========================================================================
   Abstände
   Ohne Slideshow beginnt der Inhalt direkt unter dem festen Header,
   deshalb mehr Luft an der ersten Section.
   ========================================================================== */

article section:first-of-type {
    padding-top: 12rem;
}

article section:last-of-type {
    padding-bottom: 9rem;
    margin-bottom:-100px;
}


/* ==========================================================================
   Zweispaltiger Textblock
   ========================================================================== */

.container.zweispaltig {
    position: relative;
    width: calc(100% - 2 * var(--gutter));
    max-width: var(--container-max-width);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 45% 45%;
    column-gap: 10%;
    align-items: start;
}

.container.einspaltig {
    position: relative;
    width: calc(100% - 2 * var(--gutter));
    max-width: var(--container-max-width);
    margin: 0 auto;
}

.container.zweispaltig .text p,
.container.einspaltig .text p {
    text-align: left;
    margin: 0 0 1.4em;
}

.container.zweispaltig .text h1,
.container.einspaltig .text h1 {
    margin: 0 0 2.5rem;
}

.container.zweispaltig .text h3 + p,
.container.einspaltig .text h3 + p {
    margin-top: -0.8em;
}
.container.zweispaltig .text p + h3 {
margin-top:3rem;

}
#section79 {
	padding-bottom:0;
}
#section75 {
	padding-top:0;
}
/* --- Mobil ---------------------------------------------------------------- */

@media (max-width: 999px) {
    article section:first-of-type {
        padding-top: 6rem;
    }

    .container.zweispaltig {
        grid-template-columns: 100%;
        row-gap: 2rem;
    }
}