/* =========================================================
   BAVARIAN KINGS
   Globale Basis
   ========================================================= */

:root {
    --color-parchment: #f1e3c3;
    --color-parchment-dark: #d8c49a;

    --color-gold: #b08a45;
    --color-gold-dark: #704628;

    --color-royal-blue: #17376d;
    --color-royal-blue-dark: #0d2348;

    --color-text: #2b2118;
    --color-text-light: #f7f0df;

    --header-height: 70px;
    --navigation-height: 70px;

    --content-max-width: 1600px;
}


/* ---------------------------------------------------------
   Box-Sizing
   --------------------------------------------------------- */

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


/* ---------------------------------------------------------
   Dokument
   --------------------------------------------------------- */

html {
    margin: 0;
    padding: 0;

    max-width: 100%;
    overflow-x: hidden;
}

/* Ankersprünge und gescrollte Formulare unter Header und Menü sichtbar halten.
   Nur das Hauptlayout hat diese Leisten; eingebettete Inhalte bleiben unverändert. */
html.site-layout {
    scroll-padding-top: calc(var(--header-height) + var(--navigation-height) + 16px);
}

@media (max-width: 760px) {
    html.site-layout {
        scroll-padding-top: calc(var(--header-height) + 16px);
    }
}

body {
    margin: 0;
    padding: var(--header-height) 0 0;

    min-width: 320px;

    overflow-x: clip;

    color: var(--color-text);
    background: var(--color-parchment);

    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.5;
}

body.is-mobile-menu-open {
    overflow: hidden;
}


/* ---------------------------------------------------------
   Bilder
   --------------------------------------------------------- */

img {
    display: block;

    max-width: 100%;
    height: auto;
}


/* ---------------------------------------------------------
   Links
   --------------------------------------------------------- */

a {
    color: inherit;
}


/* ---------------------------------------------------------
   Formularelemente
   --------------------------------------------------------- */

button,
input,
textarea,
select {
    font: inherit;
}