html {
    background-image: url(../images/background.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #1b1811;
    background-position: top;
    background-attachment: fixed;
    line-height: 1.15;
}


header img {
    width: 82vw;
}

/* khand-regular - 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: 'Khand';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/khand-v21-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* khand-500 - 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: 'Khand';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/khand-v21-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* khand-600 - 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: 'Khand';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/khand-v21-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* khand-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: 'Khand';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/khand-v21-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

.kor-g {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
}

.kor-u-1, .kor-u-1-1, .kor-u-1-12, .kor-u-1-2, .kor-u-1-24, .kor-u-1-3, .kor-u-1-4, .kor-u-1-5, .kor-u-1-6, .kor-u-1-8, .kor-u-10-24, .kor-u-11-12, .kor-u-11-24, .kor-u-12-24, .kor-u-13-24, .kor-u-14-24, .kor-u-15-24, .kor-u-16-24, .kor-u-17-24, .kor-u-18-24, .kor-u-19-24, .kor-u-2-24, .kor-u-2-3, .kor-u-2-5, .kor-u-20-24, .kor-u-21-24, .kor-u-22-24, .kor-u-23-24, .kor-u-24-24, .kor-u-3-24, .kor-u-3-4, .kor-u-3-5, .kor-u-3-8, .kor-u-4-24, .kor-u-4-5, .kor-u-5-12, .kor-u-5-24, .kor-u-5-5, .kor-u-5-6, .kor-u-5-8, .kor-u-6-24, .kor-u-7-12, .kor-u-7-24, .kor-u-7-8, .kor-u-8-24, .kor-u-9-24 {
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}

.kor-u-1, .kor-u-1-1, .kor-u-24-24, .kor-u-5-5 {
    width: 100%;
}

@media screen and (min-width: 48em) {
    .kor-u-md-1, .kor-u-md-1-1, .kor-u-md-1-12, .kor-u-md-1-2, .kor-u-md-1-24, .kor-u-md-1-3, .kor-u-md-1-4, .kor-u-md-1-5, .kor-u-md-1-6, .kor-u-md-1-8, .kor-u-md-10-24, .kor-u-md-11-12, .kor-u-md-11-24, .kor-u-md-12-24, .kor-u-md-13-24, .kor-u-md-14-24, .kor-u-md-15-24, .kor-u-md-16-24, .kor-u-md-17-24, .kor-u-md-18-24, .kor-u-md-19-24, .kor-u-md-2-24, .kor-u-md-2-3, .kor-u-md-2-5, .kor-u-md-20-24, .kor-u-md-21-24, .kor-u-md-22-24, .kor-u-md-23-24, .kor-u-md-24-24, .kor-u-md-3-24, .kor-u-md-3-4, .kor-u-md-3-5, .kor-u-md-3-8, .kor-u-md-4-24, .kor-u-md-4-5, .kor-u-md-5-12, .kor-u-md-5-24, .kor-u-md-5-5, .kor-u-md-5-6, .kor-u-md-5-8, .kor-u-md-6-24, .kor-u-md-7-12, .kor-u-md-7-24, .kor-u-md-7-8, .kor-u-md-8-24, .kor-u-md-9-24 {
        display: inline-block;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }
}

@media screen and (min-width: 48em) {
    .kor-u-md-1-2, .kor-u-md-12-24 {
        width: 50%;
    }
}

@media screen and (min-width: 64em) {
    .kor-u-lg-1, .kor-u-lg-1-1, .kor-u-lg-1-12, .kor-u-lg-1-2, .kor-u-lg-1-24, .kor-u-lg-1-3, .kor-u-lg-1-4, .kor-u-lg-1-5, .kor-u-lg-1-6, .kor-u-lg-1-8, .kor-u-lg-10-24, .kor-u-lg-11-12, .kor-u-lg-11-24, .kor-u-lg-12-24, .kor-u-lg-13-24, .kor-u-lg-14-24, .kor-u-lg-15-24, .kor-u-lg-16-24, .kor-u-lg-17-24, .kor-u-lg-18-24, .kor-u-lg-19-24, .kor-u-lg-2-24, .kor-u-lg-2-3, .kor-u-lg-2-5, .kor-u-lg-20-24, .kor-u-lg-21-24, .kor-u-lg-22-24, .kor-u-lg-23-24, .kor-u-lg-24-24, .kor-u-lg-3-24, .kor-u-lg-3-4, .kor-u-lg-3-5, .kor-u-lg-3-8, .kor-u-lg-4-24, .kor-u-lg-4-5, .kor-u-lg-5-12, .kor-u-lg-5-24, .kor-u-lg-5-5, .kor-u-lg-5-6, .kor-u-lg-5-8, .kor-u-lg-6-24, .kor-u-lg-7-12, .kor-u-lg-7-24, .kor-u-lg-7-8, .kor-u-lg-8-24, .kor-u-lg-9-24 {
        display: inline-block;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }


    header img {
        width: 75vw;
    }
}

@media screen and (min-width: 64em) {
    .kor-u-lg-1-3, .kor-u-lg-8-24 {
        width: 33.3333%;
    }
}

body {
    font-family: 'Khand', sans-serif;
    color: #f9f2dd;
    text-shadow: 2px 2px 4px #000;
}

a, a:visited, a:active {
    font-family: 'Khand', sans-serif;
    color: #f9f2dd;
}

a:hover {
    color: #a45b25;
}

footer {
    margin: 50px 0;
    text-align: center;
}

header {
    text-align: center;
    margin-top: 45px;
}


.description {
    font-family: 'Khand', sans-serif;
    color: #a45b25;
    text-transform: uppercase;
}
.description p {
    text-align: center;
}

.description .social {
    margin-top: 30px;
}
.description .social a {
    margin: 0 5px;
}

.privacy, .impressum {
    margin: 0 50px;
}

.anreise img {
    width: 90vw;
}

.impressum {
    text-align: center;
}
.impressum .container {
    margin: auto;
    text-align: left;
}

.privacy p, .impressum p {
    line-height: 1.5;
}

h3 {
    font-size: 25px;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 17px;
}

.date {
    font-size: 6vw;
    font-weight: bold;
}

.subtext {
    font-size: 3vw;
}

.description p {
    margin: 0 0;
    padding: 0;
}

.wachenroth {
    color: #f9f2dd;
    font-size: 10vw;
    font-weight: bold;
}

h2 {
    color: #f9f2dd;
    font-family: 'Khand', sans-serif;
    font-size: 6vw;
    text-align: center;
    text-decoration: solid underline #f9f2dd 4px;
}

.description {
    text-align: center;
    margin: 40px 0 20px 0;
}

.bands {
    margin-top: 10vw;
}

.anreise {
    text-align: center;
}

.bands {
    padding: 10px;
}

.bands div {
    text-align: center;
    margin: 20px 0;
}

.bands img {
    text-align: center;
    vertical-align: middle;
    transition: filter 0.4s ease;
}

.bands img:hover {
    filter: brightness(0.6);
}

.tickets {
    text-align: center;
}