/* Basis-Layout und wiederkehrende Bausteine.
   Alle Werte stammen aus dem Wix-Original (css_masterPage). Wo ein Wert
   ungewoehnlich aussieht (krumme Abstaende, negative Margins), ist das so
   im Original — nicht korrigieren. */

/* ---------- Reset ---------- */

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

html {
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    background-color: #ffffff;
    /* Diese beiden Zeilen sehen belanglos aus, sind es aber nicht: einzelne
       Absaetze im Original tragen keine font_N-Klasse und erben genau diese
       Werte. Ohne sie faellt der Browser auf 16px zurueck und solche
       Leerzeilen werden zu hoch. */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    /* Font-Smoothing setzt Wix global im :root-Block */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Wix' eigener Reset. Ohne ihn bringen Ueberschriften und Absaetze die
   Standardabstaende des Browsers mit und alle Hoehen verschieben sich. */
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, img, span, em, strong, ul, ol, li, table, form {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: 0 0;
    vertical-align: baseline;
}

a {
    color: inherit;
}

/* ---------- Seitenraster ----------
   Wix zentriert allen Inhalt in einer 980px breiten Spalte. Volle
   Bildschirmbreite haben nur die Hintergrundflaechen. */

.site {
    width: 100%;
    overflow-x: hidden;
}

.wrap {
    width: var(--site-width);
    margin: 0 auto;
    position: relative;
}

/* Vollbreite Hintergrundflaeche mit zentriertem Inhalt */
.band {
    width: 100%;
    position: relative;
}

/* Rich-Text-Bloecke: Wix macht den Container klick-durchlaessig und nur die
   Textknoten selbst klickbar. Ohne das liegen unsichtbare Textboxen ueber
   Buttons und blockieren sie. */
.rt {
    word-wrap: break-word;
    overflow-wrap: break-word;
    text-align: start;
    pointer-events: none;
}

.rt > * {
    pointer-events: auto;
}

.rt a {
    color: inherit;
}

/* ---------- Kopfbereich ----------
   #SITE_HEADER: weisser, klebender Balken. Der innere Streifen ist
   980px mindestbreit und waechst bis Viewport minus 2x80px.
   Die Navigation sitzt darin als ganz normaler Mesh-Block. */

.header {
    position: sticky;
    top: 0;
    z-index: 50;
    width: 100%;
    background-color: rgb(255, 255, 255);
}

/* Im Original ist das Logo nicht verlinkt, sondern reines Hintergrundbild
   der linken Spalte. Bewusst keinen Link ergaenzen. */
.header__logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    display: block;
}

/* Die Navigationsliste liegt im Original absolut im Mesh-Block und ist
   rechtsbuendig. Der Block ist mit 1017px breiter als seine Spalte und
   ragt nach links darueber hinaus — sichtbar ist davon nichts, weil der
   Text rechts anliegt. */
.nav {
    position: relative;
}

.nav__list {
    position: absolute;
    inset: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: nowrap;
    text-align: right;
}

.nav__item {
    display: inline-block;
    height: 100%;
    cursor: pointer;
    font: var(--font_8);
}

.nav__item > a {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.nav__label {
    display: inline-block;
    padding: 0 10px;
    color: rgb(30, 30, 30);
    transition: color 0.4s ease 0s;
}

.nav__item > a:hover .nav__label,
.nav__item.is-current .nav__label {
    color: rgb(135, 133, 117);
}

/* ---------- Fussbereich ----------
   #SITE_FOOTER: warmgraue Flaeche, oben 1px helle Trennlinie mit 15 %
   Deckkraft, Mindesthoehe 620px. Anschrift und Rechtslinks liegen im
   Original in derselben Rasterzeile nebeneinander, das Instagram-Symbol
   in der Zeile darunter. */

.footer {
    width: 100%;
    min-width: 980px;
    background-color: rgb(135, 133, 117);
    border-top: 1px solid rgba(245, 245, 245, 0.15);
    position: relative;
}

.footer__inner {
    width: 100%;
    display: grid;
    grid-template-columns: 100%;
    grid-auto-rows: min-content;
}

/* Anschrift und Rechtslinks liegen im Original in derselben Rasterzeile.
   Wix steuert das ueber grid-area; hier reicht es, beide in Zeile 1 zu
   legen — die dritte Angabe (Instagram) rutscht dann in Zeile 2. */
.footer__inner > .mesh:nth-child(1),
.footer__inner > .mesh:nth-child(2) {
    grid-row: 1;
}

/* Schriftschnitt, Farbe und Unterstreichung der Fusstexte stehen als
   inline-style im Markup — genau wie im Original. Hier bewusst nichts
   zusaetzlich setzen, sonst weicht es ab. */

.footer__social img {
    display: block;
}