/*
 * Datei/Pfad: assets/css/site.css
 * Projekt: praxis.czychi.com
 * Zweck:
 *   Zentrale Gestaltung der gesamten Website.
 *
 *   Grundlayout aus v0.3; ab v0.6 zentrale Typografie/Farben am Dateiende.
 *
 *   v0.3:
 *   - Spiegelung nach den tatsächlichen iWeb-Parametern:
 *       opacity 0.50
 *       offset 2 px
 *       Höhe bei 360-px-Bildern 90 px
 *   - Navigation wieder in zwei Gruppen wie im Original:
 *       5 Punkte unter 590 px
 *       3 Punkte unter 300 px
 *   - keine Navigation über der 10-px-Lücke zwischen den Bildern
 *   - aktive Seite nicht dauerhaft orange markiert
 *
 * Verwendung:
 *   Wird zentral von includes/head.php eingebunden.
 *
 * Datum: 2026-09-09
 */

:root {
    --content-width: 900px;
    --hero-left-width: 590px;
    --hero-right-width: 300px;
    --hero-gap: 10px;

    --color-text: #212121;
    --color-accent: rgb(255, 147, 0);
    --color-background: #ffffff;

    /*
     * Übergangsweise die bisherigen Schriften bevorzugen.
     * Lokale Webfonts werden in einem späteren Schritt getestet/eingebunden.
     */
    --font-heading: Cochin, Georgia, "Times New Roman", serif;
    --font-navigation: Papyrus, "Marker Felt", cursive;
    --font-body: Arial, Helvetica, sans-serif;

    /*
     * Original iWeb:
     * IWReflection opacity=0.50, offset=2.00.
     * reflectionHeight = min(360 * 0.4, 120) * 0.75 = 90 px.
     */
    --reflection-height: 90px;
    --reflection-offset: 2px;

    /*
     * Original:
     * Bilder enden bei y=710.
     * Spiegelung beginnt bei y=712.
     * Navigation beginnt bei y=733.
     * => Navigation 21 px innerhalb der Spiegelung.
     */
    --nav-offset-in-reflection: 19px;
    --nav-height: 55px;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    background: var(--color-background);
    color: var(--color-text);
}

body {
    margin: 0;
    background: var(--color-background);
    color: var(--color-text);
    font-family: var(--font-body);
    -webkit-text-size-adjust: 100%;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

.site-shell {
    width: min(100%, var(--content-width));
    margin-inline: auto;
}

.site-header {
    min-height: 350px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 55px 20px 28px;
    text-align: center;
    font-family: var(--font-heading);
    color: var(--color-accent);
}

.site-header__title,
.site-header__name {
    font-size: 47px;
    line-height: 1.05;
    font-weight: 400;
    letter-spacing: 0.018em;
}

.site-header__flower {
    width: 81px;
    height: 81px;
    margin: 12px 0;
}

.home-visual {
    position: relative;
}

.home-hero,
.home-reflection {
    display: grid;
    grid-template-columns: var(--hero-left-width) var(--hero-right-width);
    column-gap: var(--hero-gap);
}

.home-hero__image {
    width: 100%;
    height: 360px;
    object-fit: cover;
}

/*
 * iWeb erzeugt die Spiegelung 2 px unterhalb des Originalbildes.
 * Der weiße Seitenhintergrund bildet dadurch die schmale weiße Linie.
 */
.home-reflection {
    height: var(--reflection-height);
    margin-top: var(--reflection-offset);
    overflow: hidden;

    /*
     * iWeb beginnt die Reflexion mit 50 % Deckkraft und lässt sie
     * linear auf 0 % auslaufen. Es gibt keine zusätzliche pauschale
     * Opacity auf dem gesamten Spiegelungscontainer.
     */
    -webkit-mask-image: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.50) 0%,
        rgba(0, 0, 0, 0) 100%
    );
    mask-image: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.50) 0%,
        rgba(0, 0, 0, 0) 100%
    );
}

.home-reflection__image {
    width: 100%;
    height: 360px;
    object-fit: cover;
    transform: scaleY(-1);
    transform-origin: center;
}

/*
 * Navigation liegt über der Spiegelung. Die Gruppenbreiten und
 * Zwischenräume entsprechen dem ursprünglichen 900-px-iWeb-Raster.
 */
.main-nav {
    position: absolute;
    z-index: 2;
    top: calc(
        360px
        + var(--reflection-offset)
        + var(--nav-offset-in-reflection)
    );
    left: 0;
    width: 100%;
    height: var(--nav-height);
}

.main-nav__groups {
    display: grid;
    grid-template-columns: var(--hero-left-width) var(--hero-right-width);
    column-gap: var(--hero-gap);
    width: 100%;
    height: var(--nav-height);
}

.main-nav__list {
    list-style: none;
    display: grid;
    align-items: stretch;
    margin: 0;
    padding: 0;
    height: var(--nav-height);
}

.main-nav__list--left {
    grid-template-columns: 55px 150px 165px 85px 95px;
    column-gap: 10px;
}

.main-nav__list--right {
    grid-template-columns: 100px 80px 110px;
    column-gap: 5px;
}

.main-nav__item {
    min-width: 0;
}

.main-nav__link {
    width: 100%;
    height: var(--nav-height);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: var(--color-content);
    font-family: var(--font-navigation);
    font-size: 17px;
    line-height: 1.05;
    text-align: center;
    text-decoration: none;
}

.main-nav__link:hover,
.main-nav__link:focus-visible {
    color: var(--color-accent);
}

.main-nav__link[aria-current="page"] {
    color: var(--color-content);
}

.main-nav__link:focus-visible {
    outline: 2px solid var(--color-accent);
    outline-offset: -2px;
}

/*
 * Das iWeb-Original positioniert "Herzlich Willkommen!" bei y=900.
 * Bei Bildbeginn y=350, 360 px Bildhöhe, 2 px Abstand und 90 px
 * Spiegelung verbleiben rund 98 px bis zu diesem Bereich.
 */
.home-welcome {
    padding: 98px 20px 70px;
    text-align: center;
}

.home-welcome h1,
.page-content h1 {
    color: var(--color-accent);
    font-family: var(--font-heading);
    font-weight: 400;
}

.home-welcome h1 {
    margin: 0;
    font-size: 36px;
    line-height: 1.2;
    font-style: italic;
}


/* ================================================================
 * Unterseiten: gleicher Bild-/Spiegelungsblock wie Home
 * ================================================================ */

.page-visual {
    position: relative;
}

.page-hero,
.page-reflection {
    display: grid;
    grid-template-columns: var(--hero-left-width) var(--hero-right-width);
    column-gap: var(--hero-gap);
}

.page-hero__image {
    width: 100%;
    height: 360px;
    object-fit: cover;
}

.page-reflection {
    height: var(--reflection-height);
    margin-top: var(--reflection-offset);
    overflow: hidden;

    -webkit-mask-image: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.50) 0%,
        rgba(0, 0, 0, 0) 100%
    );
    mask-image: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.50) 0%,
        rgba(0, 0, 0, 0) 100%
    );
}

.page-reflection__image {
    width: 100%;
    height: 360px;
    object-fit: cover;
    transform: scaleY(-1);
    transform-origin: center;
}


.page-content h1 {
    margin: 0;
    font-size: 34px;
    line-height: 1.2;
}

/*
 * Unterhalb der Desktopbreite verlassen wir bewusst das starre
 * historische 590/300-Raster und verwenden das responsive Layout.
 */
@media (max-width: 920px) {
    .site-header {
        min-height: auto;
        padding: 34px 20px 28px;
    }

    .site-header__title,
    .site-header__name {
        font-size: clamp(34px, 9vw, 47px);
    }

    .home-hero {
        grid-template-columns: 1fr;
        column-gap: 0;
    }

    .home-reflection,
    .page-reflection {
        display: none;
    }

    .page-hero {
        grid-template-columns: 1fr;
        column-gap: 0;
    }

    .main-nav {
        position: static;
        width: 100%;
        height: auto;
    }

    .main-nav__groups {
        display: block;
        width: 100%;
        height: auto;
    }

    .main-nav__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 0;
        height: auto;
    }

    .main-nav__link {
        min-height: 58px;
        height: auto;
        padding: 8px 4px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
        font-size: 17px;
    }

    .home-welcome {
        padding-top: 52px;
    }

}

@media (max-width: 420px) {
    .main-nav__list {
        grid-template-columns: 1fr;
    }

    .main-nav__link {
        min-height: 48px;
    }
}


/* ================================================================
 * Migrierter iWeb-Seiteninhalt
 * ================================================================
 *
 * Die Inhaltsstruktur ist jetzt normaler Dokumentfluss statt absoluter
 * iWeb-Positionierung. Typografie und Farben der einzelnen Seiten werden
 * darunter seitenbezogen aus dem verifizierten iWeb-Stand übernommen.
 */

.page-content {
    padding: 98px 0 90px;
}

.legacy-content p {
    margin: 0;
}

.legacy-content a {
    color: rgb(88, 77, 77);
    text-decoration: underline;
}

.legacy-content a:visited {
    color: rgb(121, 121, 121);
}

.legacy-content a:hover,
.legacy-content a:focus-visible {
    color: rgb(0, 0, 0);
}

.legacy-title {
    width: 100%;
    min-height: 100px;
}

.legacy-title--left,
.legacy-section-title--left {
    text-align: left;
}

.legacy-single {
    margin-inline: auto;
}

.legacy-single--700 {
    width: min(100%, 700px);
}

.legacy-single--900 {
    width: 100%;
}

.legacy-two-column {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
}

.legacy-column {
    min-width: 0;
}

.legacy-heading-row {
    min-height: 100px;
}

.legacy-contact-block {
    width: 50%;
    margin-top: 37px;
}

.legacy-section-title {
    min-height: 71px;
}

.legacy-privacy {
    margin-top: 46px;
}

.legacy-bullet-list {
    list-style: disc;
    margin: 0;
    padding-left: 36px;
}

.legacy-bullet-list li {
    padding-left: 0;
}

.legacy-inline-block-content {
    display: contents;
}

.page-copyright {
    margin: 60px 0 0;
    color: rgb(145, 145, 145);
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 1.4;
    text-align: center;
}

@media (max-width: 920px) {
    .page-content {
        padding: 52px 24px 70px;
    }

    .legacy-two-column {
        grid-template-columns: 1fr;
        row-gap: 36px;
    }

    .legacy-heading-row {
        row-gap: 12px;
    }

    .legacy-contact-block {
        width: 100%;
        margin-top: 36px;
    }

    .legacy-title,
    .legacy-section-title {
        min-height: auto;
        margin-bottom: 28px;
    }

    .legacy-privacy {
        margin-top: 42px;
    }
}


/* iWeb-Typografie/Farben: kinesiologie */
.legacy-content--kinesiologie .legacy-paragraph_style_4 { color: rgb(4, 51, 255); font-family: 'Cochin-Bold', 'Cochin', 'Times New Roman', serif; font-size: 36px; font-style: normal; font-weight: 700; letter-spacing: 0; line-height: 42px; padding-bottom: 0px; padding-top: 0px; text-align: center; text-decoration: none; }
.legacy-content--kinesiologie .legacy-style_1 { color: rgb(145, 145, 145); line-height: 42px; }
.legacy-content--kinesiologie .legacy-paragraph_style_5 { color: rgb(4, 51, 255); font-family: 'Cochin-Bold', 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 700; letter-spacing: 0; line-height: 19px; padding-bottom: 0px; padding-top: 0px; text-align: center; text-decoration: none; }
.legacy-content--kinesiologie .legacy-paragraph_style_6 { color: rgb(251, 192, 72); font-family: 'Cochin-Bold', 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 700; letter-spacing: 0; line-height: 19px; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; }
.legacy-content--kinesiologie .legacy-style_2 { color: rgb(145, 145, 145); font-family: 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 18px; }
.legacy-content--kinesiologie .legacy-paragraph_style_7 { color: rgb(251, 192, 72); font-family: 'Cochin-Bold', 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 700; letter-spacing: 0; line-height: 19px; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; }
.legacy-content--kinesiologie .legacy-style_3 { color: rgb(145, 145, 145); font-family: 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 18px; }
.legacy-content--kinesiologie .legacy-style_4 { color: rgb(145, 145, 145); font-family: 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 18px; }
.legacy-content--kinesiologie .legacy-style_5 { color: rgb(255, 255, 255); font-family: 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 18px; }
.legacy-content--kinesiologie .legacy-paragraph_style_8 { color: rgb(145, 145, 145); font-family: 'Cochin-Bold', 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 700; letter-spacing: 0; line-height: 19px; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; }
.legacy-content--kinesiologie .legacy-style_6 { font-family: 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 18px; }
.legacy-content--kinesiologie .legacy-paragraph_style_9 { color: rgb(145, 145, 145); font-family: 'Cochin-Bold', 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 700; letter-spacing: 0; line-height: 19px; padding-bottom: 0px; padding-top: 0px; text-align: center; text-decoration: none; }
.legacy-content--kinesiologie .legacy-paragraph_style_10 { color: rgb(145, 145, 145); font-family: 'Cochin-Bold', 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 700; letter-spacing: 0; line-height: 19px; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; }
.legacy-content--kinesiologie .legacy-style_7 { font-family: 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 18px; }
.legacy-content--kinesiologie .legacy-paragraph_style_11 { color: rgb(145, 145, 145); font-family: 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 18px; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; }
.legacy-content--kinesiologie .legacy-style_8 { font-family: 'Cochin-Bold', 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 700; line-height: 19px; }
.legacy-content--kinesiologie .legacy-style_9 { line-height: 18px; }
.legacy-content--kinesiologie .legacy-paragraph_style_12 { color: rgb(145, 145, 145); font-family: 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 18px; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; }
.legacy-content--kinesiologie .legacy-paragraph_style_13 { color: rgb(145, 145, 145); font-family: 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 18px; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; }
.legacy-content--kinesiologie .legacy-paragraph_style_14 { color: rgb(145, 145, 145); font-family: 'Cochin-Bold', 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 700; letter-spacing: 0; line-height: 19px; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; }
.legacy-content--kinesiologie .legacy-paragraph_style_15 { color: rgb(145, 145, 145); font-family: 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 18px; padding-bottom: 0px; padding-top: 0px; text-align: center; text-decoration: none; }
.legacy-content--kinesiologie .legacy-paragraph_style_16 { color: rgb(145, 145, 145); font-family: 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 18px; padding-bottom: 0px; padding-top: 0px; text-align: center; text-decoration: none; }

/* iWeb-Typografie/Farben: psychokinesiologie */
.legacy-content--psychokinesiologie .legacy-paragraph_style_4 { color: rgb(145, 145, 145); font-family: 'Cochin', 'Times New Roman', serif; font-size: 36px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 49px; padding-bottom: 0px; padding-top: 0px; text-align: center; text-decoration: none; }
.legacy-content--psychokinesiologie .legacy-paragraph_style_5 { color: rgb(145, 145, 145); font-family: 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 18px; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; }
.legacy-content--psychokinesiologie .legacy-style_1 { font-family: 'Cochin-Bold', 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 700; line-height: 19px; }
.legacy-content--psychokinesiologie .legacy-paragraph_style_6 { color: rgb(145, 145, 145); font-family: 'Cochin-Italic', 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: italic; font-weight: 400; letter-spacing: 0; line-height: 18px; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; }
.legacy-content--psychokinesiologie .legacy-paragraph_style_7 { color: rgb(145, 145, 145); font-family: 'Cochin-Bold', 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 700; letter-spacing: 0; line-height: 19px; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; }
.legacy-content--psychokinesiologie .legacy-paragraph_style_8 { color: rgb(145, 145, 145); font-family: 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 19px; padding-bottom: 12px; padding-top: 0px; text-align: left; text-decoration: none; }
.legacy-content--psychokinesiologie .legacy-paragraph_style_9 { color: rgb(145, 145, 145); font-family: 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 18px; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; }
.legacy-content--psychokinesiologie .legacy-style_2 { font-family: 'Times-Roman', 'Times', 'Times New Roman', serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 14px; }
.legacy-content--psychokinesiologie .legacy-paragraph_style_10 { color: rgb(145, 145, 145); font-family: 'Times-Roman', 'Times', 'Times New Roman', serif; font-size: 12px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 14px; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; }
.legacy-content--psychokinesiologie .legacy-paragraph_style_11 { color: rgb(133, 133, 133); font-family: 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 18px; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; }
.legacy-content--psychokinesiologie .legacy-paragraph_style_12 { color: rgb(133, 133, 133); font-family: 'Cochin-Bold', 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 700; letter-spacing: 0; line-height: 19px; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; }
.legacy-content--psychokinesiologie .legacy-paragraph_style_13 { color: rgb(133, 133, 133); font-family: 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 18px; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; }

/* iWeb-Typografie/Farben: sophia-matrix */
.legacy-content--sophia-matrix .legacy-paragraph_style_4 { color: rgb(79, 140, 210); font-family: 'Cochin', 'Times New Roman', serif; font-size: 36px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 49px; padding-bottom: 0px; padding-top: 0px; text-align: center; text-decoration: none; }
.legacy-content--sophia-matrix .legacy-paragraph_style_5 { color: rgb(79, 140, 210); font-family: 'Cochin-Bold', 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 700; letter-spacing: 0; line-height: 23px; padding-bottom: 0px; padding-top: 0px; text-align: center; text-decoration: none; }
.legacy-content--sophia-matrix .legacy-style_1 { line-height: 23px; }
.legacy-content--sophia-matrix .legacy-style_2 { line-height: 23px; }
.legacy-content--sophia-matrix .legacy-paragraph_style_6 { color: rgb(79, 140, 210); font-family: 'Cochin-Bold', 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 700; letter-spacing: 0; line-height: 19px; padding-bottom: 0px; padding-top: 0px; text-align: center; text-decoration: none; }
.legacy-content--sophia-matrix .legacy-paragraph_style_7 { color: rgb(79, 140, 210); font-family: 'Cochin-Bold', 'Cochin', 'Times New Roman', serif; font-size: 14px; font-style: normal; font-weight: 700; letter-spacing: 0; line-height: 17px; padding-bottom: 0px; padding-top: 0px; text-align: center; text-decoration: none; }
.legacy-content--sophia-matrix .legacy-style_3 { font-family: 'Cochin', 'Times New Roman', serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 17px; }
.legacy-content--sophia-matrix .legacy-paragraph_style_8 { color: rgb(79, 140, 210); font-family: 'Cochin', 'Times New Roman', serif; font-size: 14px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 17px; padding-bottom: 0px; padding-top: 0px; text-align: center; text-decoration: none; }
.legacy-content--sophia-matrix .legacy-style_4 { font-family: 'Cochin-Bold', 'Cochin', 'Times New Roman', serif; font-size: 14px; font-style: normal; font-weight: 700; line-height: 17px; }
.legacy-content--sophia-matrix .legacy-paragraph_style_9 { color: rgb(76, 136, 203); font-family: 'Cochin-Bold', 'Cochin', 'Times New Roman', serif; font-size: 14px; font-style: normal; font-weight: 700; letter-spacing: 0; line-height: 20px; padding-bottom: 0px; padding-top: 0px; text-align: center; text-decoration: none; }
.legacy-content--sophia-matrix .legacy-paragraph_style_10 { color: rgb(76, 136, 203); font-family: 'Cochin', 'Times New Roman', serif; font-size: 14px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 17px; padding-bottom: 0px; padding-top: 0px; text-align: center; text-decoration: none; }
.legacy-content--sophia-matrix .legacy-paragraph_style_11 { color: rgb(76, 136, 203); font-family: 'Cochin-Bold', 'Cochin', 'Times New Roman', serif; font-size: 14px; font-style: normal; font-weight: 700; letter-spacing: 0; line-height: 17px; padding-bottom: 0px; padding-top: 0px; text-align: center; text-decoration: none; }
.legacy-content--sophia-matrix .legacy-paragraph_style_12 { color: rgb(76, 136, 203); font-family: 'Cochin-Bold', 'Cochin', 'Times New Roman', serif; font-size: 14px; font-style: normal; font-weight: 700; letter-spacing: 0; line-height: 17px; padding-bottom: 0px; padding-top: 0px; text-align: center; text-decoration: none; }
.legacy-content--sophia-matrix .legacy-paragraph_style_13 { color: rgb(76, 136, 203); font-family: 'Cochin', 'Times New Roman', serif; font-size: 14px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 17px; padding-bottom: 0px; padding-top: 0px; text-align: center; text-decoration: none; }

/* iWeb-Typografie/Farben: bioscan */
.legacy-content--bioscan .legacy-paragraph_style_4 { color: rgb(0, 84, 147); font-family: 'Cochin-Bold', 'Cochin', 'Times New Roman', serif; font-size: 36px; font-style: normal; font-weight: 700; letter-spacing: 0; line-height: 50px; padding-bottom: 0px; padding-top: 0px; text-align: center; text-decoration: none; }
.legacy-content--bioscan .legacy-style_1 { color: rgb(147, 111, 68); line-height: 50px; }
.legacy-content--bioscan .legacy-paragraph_style_5 { color: rgb(147, 111, 68); font-family: 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 18px; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; }
.legacy-content--bioscan .legacy-style_2 { font-family: 'Cochin', 'Times New Roman', serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 21px; }
.legacy-content--bioscan .legacy-paragraph_style_6 { color: rgb(147, 111, 68); font-family: 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 18px; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; }
.legacy-content--bioscan .legacy-paragraph_style_7 { color: rgb(147, 111, 68); font-family: 'Cochin-Bold', 'Cochin', 'Times New Roman', serif; font-size: 18px; font-style: normal; font-weight: 700; letter-spacing: 0; line-height: 21px; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; }
.legacy-content--bioscan .legacy-style_3 { font-family: 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 18px; }
.legacy-content--bioscan .legacy-style_4 { font-family: 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 18px; }
.legacy-content--bioscan .legacy-style_5 { font-family: 'Cochin', 'Times New Roman', serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 14px; }
.legacy-content--bioscan .legacy-paragraph_style_8 { color: rgb(0, 84, 147); font-family: 'Cochin', 'Times New Roman', serif; font-size: 36px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 49px; padding-bottom: 0px; padding-top: 0px; text-align: center; text-decoration: none; }
.legacy-content--bioscan .legacy-style_6 { color: rgb(58, 104, 147); line-height: 49px; }
.legacy-content--bioscan .legacy-style_7 { color: rgb(58, 104, 147); line-height: 49px; }
.legacy-content--bioscan .legacy-paragraph_style_9 { color: rgb(147, 111, 68); font-family: 'Cochin', 'Times New Roman', serif; font-size: 18px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 25px; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; }
.legacy-content--bioscan .legacy-paragraph_style_10 { color: rgb(58, 104, 147); font-family: 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 18px; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; }
.legacy-content--bioscan .legacy-paragraph_style_11 { color: rgb(58, 104, 147); font-family: 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 18px; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; }
.legacy-content--bioscan .legacy-paragraph_style_12 { color: rgb(58, 104, 147); font-family: 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 18px; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; }
.legacy-content--bioscan .legacy-paragraph_style_13 { color: rgb(58, 104, 147); font-family: 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 18px; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; }
.legacy-content--bioscan .legacy-tinyText { font-size: 1px; line-height: 1px; }

/* iWeb-Typografie/Farben: ueber-mich */
.legacy-content--ueber-mich .legacy-paragraph_style_5 { color: rgb(236, 54, 49); font-family: 'Cochin', 'Times New Roman', serif; font-size: 36px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 49px; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; }
.legacy-content--ueber-mich .legacy-paragraph_style_6 { color: rgb(255, 38, 0); font-family: 'Cochin-Bold', 'Cochin', 'Times New Roman', serif; font-size: 18px; font-style: normal; font-weight: 700; letter-spacing: 0; line-height: 25px; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; }
.legacy-content--ueber-mich .legacy-paragraph_style_7 { color: rgb(255, 38, 0); font-family: 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 22px; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; }
.legacy-content--ueber-mich .legacy-paragraph_style_8 { color: rgb(255, 38, 0); font-family: 'Cochin-Bold', 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 700; letter-spacing: 0; line-height: 23px; padding-bottom: 8px; padding-top: 0px; text-align: left; text-decoration: none; }
.legacy-content--ueber-mich .legacy-paragraph_style_9 { color: rgb(255, 38, 0); font-family: 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 22px; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; }
.legacy-content--ueber-mich .legacy-paragraph_style_10 { color: rgb(255, 38, 0); font-family: 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 22px; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; }
.legacy-content--ueber-mich .legacy-paragraph_style_11 { color: rgb(255, 38, 0); font-family: 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 22px; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; }
.legacy-content--ueber-mich .legacy-paragraph_style_12 { color: rgb(255, 38, 0); font-family: 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 22px; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; }
.legacy-content--ueber-mich .legacy-paragraph_style_13 { color: rgb(255, 38, 0); font-family: 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 22px; padding-bottom: 0px; padding-top: 0px; text-align: right; text-decoration: none; }
.legacy-content--ueber-mich .legacy-paragraph_style_14 { color: rgb(255, 38, 0); font-family: 'Cochin-Bold', 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 700; letter-spacing: 0; line-height: 23px; padding-bottom: 0px; padding-top: 0px; text-align: right; text-decoration: none; }
.legacy-content--ueber-mich .legacy-paragraph_style_15 { color: rgb(255, 38, 0); font-family: 'Cochin-Bold', 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 700; letter-spacing: 0; line-height: 23px; padding-bottom: 8px; padding-top: 0px; text-align: right; text-decoration: none; }
.legacy-content--ueber-mich .legacy-style_1 { font-family: 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; }
.legacy-content--ueber-mich .legacy-paragraph_style_16 { color: rgb(255, 38, 0); font-family: 'Cochin', 'Times New Roman', serif; font-size: 36px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 49px; padding-bottom: 0px; padding-top: 0px; text-align: right; text-decoration: none; }
.legacy-content--ueber-mich .legacy-paragraph_style_18 { color: rgb(255, 0, 0); font-family: 'Cochin', 'Times New Roman', serif; font-size: 14px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 20px; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; }
.legacy-content--ueber-mich .legacy-paragraph_style_19 { color: rgb(255, 0, 0); font-family: 'Cochin', 'Times New Roman', serif; font-size: 36px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 49px; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; }

/* iWeb-Typografie/Farben: honorar-links */
.legacy-content--honorar-links .legacy-paragraph_style_5 { color: rgb(195, 98, 94); font-family: 'Cochin', 'Times New Roman', serif; font-size: 36px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 49px; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; }
.legacy-content--honorar-links .legacy-paragraph_style_6 { color: rgb(182, 101, 94); font-family: 'Cochin', 'Times New Roman', serif; font-size: 36px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 49px; padding-bottom: 0px; padding-top: 0px; text-align: right; text-decoration: none; }
.legacy-content--honorar-links .legacy-paragraph_style_7 { color: rgb(232, 105, 100); font-family: 'Cochin', 'Times New Roman', serif; font-size: 14px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 17px; padding-bottom: 0px; padding-top: 0px; text-align: right; text-decoration: none; }
.legacy-content--honorar-links .legacy-paragraph_style_8 { color: rgb(232, 105, 100); font-family: 'Cochin', 'Times New Roman', serif; font-size: 14px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 17px; padding-bottom: 0px; padding-top: 0px; text-align: right; text-decoration: none; }
.legacy-content--honorar-links .legacy-style_1 { line-height: 17px; }
.legacy-content--honorar-links .legacy-paragraph_style_9 { color: rgb(0, 0, 0); font-family: 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 18px; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; }
.legacy-content--honorar-links .legacy-style_2 { color: rgb(219, 16, 103); line-height: 18px; }
.legacy-content--honorar-links .legacy-style_3 { color: rgb(219, 16, 103); line-height: 18px; }
.legacy-content--honorar-links .legacy-style_4 { color: rgb(219, 16, 103); line-height: 18px; }
.legacy-content--honorar-links .legacy-paragraph_style_10 { color: rgb(213, 98, 89); font-family: 'Cochin-Bold', 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 700; letter-spacing: 0; line-height: 19px; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; }
.legacy-content--honorar-links .legacy-paragraph_style_11 { color: rgb(213, 98, 89); font-family: 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 18px; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; }
.legacy-content--honorar-links .legacy-paragraph_style_12 { color: rgb(213, 98, 89); font-family: 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 18px; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; }
.legacy-content--honorar-links .legacy-paragraph_style_13 { color: rgb(166, 77, 69); font-family: 'Cochin', 'Times New Roman', serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 18px; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; }

/* iWeb-Typografie/Farben: impressum-datenschutz */
.legacy-content--impressum-datenschutz .legacy-paragraph_style_4 { color: rgb(187, 28, 0); font-family: 'Cochin', 'Times New Roman', serif; font-size: 14px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 20px; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; }
.legacy-content--impressum-datenschutz .legacy-paragraph_style_5 { color: rgb(195, 29, 0); font-family: 'Cochin', 'Times New Roman', serif; font-size: 36px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 49px; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; }
.legacy-content--impressum-datenschutz .legacy-paragraph_style_7 { color: rgb(187, 28, 0); font-family: 'Cochin', 'Times New Roman', serif; font-size: 14px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 20px; padding-bottom: 0px; padding-top: 0px; text-align: right; text-decoration: none; }
.legacy-content--impressum-datenschutz .legacy-paragraph_style_8 { color: rgb(187, 28, 0); font-family: 'Cochin-Bold', 'Cochin', 'Times New Roman', serif; font-size: 14px; font-style: normal; font-weight: 700; letter-spacing: 0; line-height: 20px; padding-bottom: 0px; padding-top: 0px; text-align: left; text-decoration: none; }


/* ================================================================
 * v0.6 – Einheitliche Typografie und Content-Farben
 * ================================================================
 *
 * Alice 400:
 *   - Praxis-Header
 *   - Home-Überschrift
 *   - Haupt- und Abschnittsüberschriften
 *
 * Newsreader:
 *   - 300 Light ist installiert und für spätere Tests verfügbar
 *   - 400 Regular = Standard-Fließtext
 *   - 400 Italic = echte Kursivschrift
 *   - 500 Medium = Hervorhebungen
 *
 * Alle Fonts werden lokal aus assets/fonts/ geladen.
 * Keine Verbindung zu Google Fonts, Fontsource oder einem CDN.
 *
 * Datum: 2026-09-09
 */

@font-face {
    font-family: 'Alice';
    src: url('../fonts/alice-400.woff2') format('woff2');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Newsreader';
    src: url('../fonts/newsreader-300.woff2') format('woff2');
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Newsreader';
    src: url('../fonts/newsreader-400.woff2') format('woff2');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Newsreader';
    src: url('../fonts/newsreader-400-italic.woff2') format('woff2');
    font-style: italic;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Newsreader';
    src: url('../fonts/newsreader-500.woff2') format('woff2');
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

:root {
    --color-content: #5D4A35;
    --font-heading: 'Alice', Georgia, serif;
    --font-body: 'Newsreader', Georgia, serif;
    --content-font-size: 17px;
    --content-line-height: 1.62;
}

/* Header und echte Seitentitel */
.site-header,
.site-header__title,
.site-header__name,
.home-welcome h1,
.page-content h1,
.legacy-title,
.legacy-title p,
.legacy-title span,
.legacy-section-title,
.legacy-section-title p,
.legacy-section-title span,
.legacy-heading-row > *,
.legacy-heading-row p,
.legacy-heading-row span {
    font-family: var(--font-heading) !important;
}

/*
 * Der bisherige iWeb-Inhalt enthält zahlreiche seitenbezogene
 * Schrift- und Farbangaben. Ab hier werden sie bewusst zentral
 * überschrieben.
 */
.legacy-content,
.legacy-content p,
.legacy-content li,
.legacy-content span,
.legacy-content div {
    color: var(--color-content) !important;
    font-family: var(--font-body) !important;
}

.legacy-content p,
.legacy-content li {
    font-size: var(--content-font-size) !important;
    line-height: var(--content-line-height) !important;
    font-weight: 400 !important;
}

/* Hauptüberschriften behalten ihre großzügige Größe. */
.legacy-title p,
.legacy-section-title p,
.legacy-heading-row p {
    color: var(--color-accent) !important;
    font-family: var(--font-heading) !important;
    font-size: 36px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
}

/*
 * Weitere klar erkennbare Abschnittsüberschriften aus dem migrierten
 * Bestand. Die alten Klassen bleiben erhalten, die Gestaltung ist
 * jetzt jedoch zentral.
 */
.legacy-content--psychokinesiologie .legacy-paragraph_style_7,
.legacy-content--psychokinesiologie .legacy-paragraph_style_12,

.legacy-content--sophia-matrix .legacy-paragraph_style_5,
.legacy-content--sophia-matrix .legacy-paragraph_style_6,
.legacy-content--sophia-matrix .legacy-paragraph_style_9,
.legacy-content--sophia-matrix .legacy-paragraph_style_11,
.legacy-content--sophia-matrix .legacy-paragraph_style_12,

.legacy-content--bioscan .legacy-paragraph_style_8,

.legacy-content--ueber-mich .legacy-paragraph_style_5,
.legacy-content--ueber-mich .legacy-paragraph_style_16,
.legacy-content--ueber-mich .legacy-paragraph_style_19,

.legacy-content--honorar-links .legacy-paragraph_style_5,
.legacy-content--honorar-links .legacy-paragraph_style_6,

.legacy-content--impressum-datenschutz .legacy-paragraph_style_5,
.legacy-content--impressum-datenschutz .legacy-paragraph_style_8 {
    font-family: var(--font-heading) !important;
}

/* Große Abschnittsüberschriften */
.legacy-content--bioscan .legacy-paragraph_style_8,
.legacy-content--ueber-mich .legacy-paragraph_style_5,
.legacy-content--ueber-mich .legacy-paragraph_style_16,
.legacy-content--ueber-mich .legacy-paragraph_style_19,
.legacy-content--honorar-links .legacy-paragraph_style_5,
.legacy-content--honorar-links .legacy-paragraph_style_6,
.legacy-content--impressum-datenschutz .legacy-paragraph_style_5 {
    color: var(--color-accent) !important;
    font-size: 36px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
}

/* Kleinere Content-Header */
.legacy-content--psychokinesiologie .legacy-paragraph_style_7,
.legacy-content--psychokinesiologie .legacy-paragraph_style_12,
.legacy-content--sophia-matrix .legacy-paragraph_style_5,
.legacy-content--sophia-matrix .legacy-paragraph_style_6,
.legacy-content--sophia-matrix .legacy-paragraph_style_9,
.legacy-content--sophia-matrix .legacy-paragraph_style_11,
.legacy-content--sophia-matrix .legacy-paragraph_style_12,
.legacy-content--impressum-datenschutz .legacy-paragraph_style_8 {
    color: var(--color-content) !important;
    font-size: 20px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
}

/*
 * Hervorhebungen aus dem iWeb-Bestand: statt synthetischem 700er-Bold
 * wird Newsreader Medium 500 verwendet.
 */
.legacy-content strong,
.legacy-content b {
    font-family: var(--font-body) !important;
    font-weight: 500 !important;
}

/* Einheitliche Listenmarker */
.legacy-content ul li::marker,
.page-content ul li::marker {
    color: var(--color-accent);
}

/* Links bleiben warm und ruhig; Hover verwendet die Akzentfarbe. */
.legacy-content a,
.legacy-content a:visited {
    color: var(--color-content) !important;
    text-decoration-color: rgba(93, 74, 53, 0.45);
    text-underline-offset: 0.12em;
}

.legacy-content a:hover,
.legacy-content a:focus-visible {
    color: var(--color-accent) !important;
    text-decoration-color: currentColor;
}

/* Copyright bewusst zurückhaltend. */
.page-copyright {
    color: var(--color-content) !important;
    font-family: var(--font-body) !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    opacity: 0.72;
}


/* ================================================================
 * v0.7 – finaler Farb-/Typografie-Feinschliff + Rechtsseiten
 * ================================================================
 * Datum: 2026-09-09
 */

.legal-page {
    color: var(--color-content);
    font-family: var(--font-body);
    font-size: var(--content-font-size);
    line-height: var(--content-line-height);
}

.legal-page h1,
.legal-page h2,
.legal-page h3 {
    font-family: var(--font-heading);
    font-weight: 400;
}

.legal-page h1 {
    margin: 0 0 1.2em;
    color: var(--color-accent);
    font-size: 36px;
    line-height: 1.2;
}

.legal-page h2 {
    margin: 2.1em 0 0.55em;
    color: var(--color-content);
    font-size: 27px;
    line-height: 1.25;
}

.legal-page h3 {
    margin: 1.6em 0 0.4em;
    color: var(--color-content);
    font-size: 21px;
    line-height: 1.3;
}

.legal-page p {
    margin: 0 0 0.9em;
}

.legal-page ul {
    margin: 0.3em 0 1.1em;
    padding-left: 1.4em;
}

.legal-page li {
    margin: 0 0 0.3em;
}

.legal-page li::marker {
    color: var(--color-accent);
}

.legal-page a,
.legal-page a:visited {
    color: var(--color-content);
    text-decoration-color: rgba(93, 74, 53, 0.45);
    text-underline-offset: 0.12em;
}

.legal-page a:hover,
.legal-page a:focus-visible {
    color: var(--color-accent);
    text-decoration-color: currentColor;
}

.legal-page__meta {
    margin-bottom: 2.1em;
    font-size: 15px;
    opacity: 0.78;
}

.legal-page__section + .legal-page__section {
    margin-top: 3.4em;
}

.legal-page__address {
    font-style: normal;
}

.legal-page__note {
    padding-left: 1em;
    border-left: 2px solid var(--color-accent);
}

.legal-page .page-copyright {
    margin-top: 3.5em;
    padding-top: 1.25em;
    border-top: 1px solid rgba(93, 74, 53, 0.22);
}