/*** Sonderbefehle ***/

.zentriert { text-align: center; }

/*** Allgemein ***/

* {
    box-sizing: border-box;
}

html {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100%;
}

body {
    background: #000;
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100%;
    font-family: cursive;
    font-style: italic; 
}

.layout {
    display: grid;
    grid-template-columns: 1fr 3fr 1fr;
    width: 100%;
    min-height: 100vh;
}

.side {
    background: black;
}

.content {
    min-height: 100vh;
    background: #fff;
}

a:visited,
a:hover,
a:active,
a:focus {
    color: var(--link-color);
    text-decoration: none;
}

a {
    text-decoration: none;
}

.hr_gold-divider {
    margin: 0;
    padding: 0;

    border: 0;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    height: 6px;

    background:  #6f4b12 ;
}



@media (max-width: 767px) {
    .layout {
        grid-template-columns: 1fr;
    }

    .side {
        display: none;
    }

    .content {
        width: 100%;
    }
}