/* inter-300 - latin */
@font-face {
    font-display : swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family  : "Inter";
    font-style   : normal;
    font-weight  : 300;
    src          : url("../fonts/inter-v13-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-700 - latin */
@font-face {
    font-display : swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family  : "Inter";
    font-style   : normal;
    font-weight  : 700;
    src          : url("../fonts/inter-v13-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-900 - latin */
@font-face {
    font-display : swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family  : "Inter";
    font-style   : normal;
    font-weight  : 900;
    src          : url("../fonts/inter-v13-latin-900.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
    display     : flex;
    align-items : stretch;
    min-height  : 100vh;
    font-family : "Inter", sans-serif;
    font-weight : 300;
    font-size   : 16px;
    line-height : 1.375;
    color       : #fff;
}

.bg-image {
    height              : 100%;
    background-image    : url("../images/bg-stahl.jpg");
    background-repeat   : no-repeat;
    background-size     : cover;
    background-position : center;
    background-color    : #dfae7d;
}

.left-side {
    display          : flex;
    justify-content  : center;
    padding-top      : 145px;
    padding-bottom   : 50px;
    background-color : rgba(223, 174, 125, 0.88);

    > div {
        display        : flex;
        flex-direction : column;
        width          : 420px;
        max-width      : 90%;
    }
}

.left-side-inner {
    display         : flex;
    flex-direction  : column;
    justify-content : space-between;
    flex-grow       : 1;
}

.right-side img {
    display : none;
}

.text-wrapper {
    max-width     : 100%;
    margin-bottom : 35px;
    margin-top    : 0;
    padding-left  : 0;
}

ul.text-wrapper {
    padding-left  : 1.1em;
}

.text-wrapper li {
    margin-bottom : 6px;
}

.address-wrapper {
    font-size     : 22px;
    line-height   : 1.36;
    margin-bottom : 35px;
}

strong {
    font-weight : 900;
}

.definition-list {
    margin-bottom : 35px;
}

.definition-list dt {
    font-weight   : 700;
    margin-top    : 10px;
}

.definition-list dt:first-child {
    margin-top    : 0;
}

.definition-list dd {
    margin-left   : 0;
    opacity       : 0.9;
}

.quicklink {
    display        : flex;
    flex-direction : row;
    align-items    : center;
    margin-top     : auto;
    column-gap     : 9px;
    width          : fit-content;
}

.logo {
    max-width     : 100%;
    width         : 280px;
    margin-bottom : 150px;
    display       : block;
    margin-left   : auto;
    margin-right  : auto;
    filter        : drop-shadow(0 0 18px rgba(255, 255, 255, 0.75));
}

a {
    color           : #fff;
    text-decoration : none;
}

a:hover {
    color           : #fff;
    text-decoration : none;
}

/* ===== Vollbreite Goldseiten (Impressum, Datenschutz) ===== */
body.page-full {
    background-color : #dfae7d;
    height           : auto;
    min-height       : 100vh;
}

body.page-full .left-side {
    background-color : #dfae7d;
    min-height       : 100vh;
    height           : auto;
}

body.page-full .left-side > div {
    width     : 1100px;
    max-width : 95%;
}

.text-section {
    margin-bottom : 30px;
}

.text-section h2 {
    font-size     : 16px;
    font-weight   : 700;
    margin-bottom : 8px;
    margin-top    : 0;
}

.text-section p {
    margin-bottom : 8px;
}

.text-section ul {
    padding-left  : 1.2em;
    margin-bottom : 8px;
}

.text-section ul li {
    margin-bottom : 4px;
}

.text-section h3 {
    font-size     : 15px;
    font-weight   : 700;
    margin-top    : 14px;
    margin-bottom : 6px;
}

/* ===== Responsive ===== */
@media screen and (max-width : 1399.98px) {
    .bg-image {
        height           : auto;
        background-image : none;
        padding-left     : 0;
        padding-right    : 0;
    }

    .left-side {
        justify-content  : center;
        background-color : #dfae7d;
        padding-top      : 100px;
        padding-bottom   : 100px;

        > div {
            margin-left : 0;
        }
    }

    .right-side {
        display : none;
    }

    .right-side img {
        display : block;
    }

    .quicklink {
        margin-top : 50px;
    }

    .logo {
        margin-bottom : 100px;
    }
}

@media screen and (max-width : 575.98px) {
    .logo {
        margin-bottom : 100px;
    }

    .left-side {
        padding-top    : 100px;
        padding-bottom : 100px;

        > div {
            margin-left : 0;
        }
    }

    .left-side-inner {
        padding-left : unset;
        max-width    : 80vw;
    }

    .text-wrapper {
        max-width : 100%;
    }

    .quicklink {
        margin-top : 50px;
    }
}