* {
    margin: 0;
}

/* navigatie balk */
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #225fd8;
    font-family: 'Kdam Thmor Pro', sans-serif;
}

li {
    float: left;
}

li a {
    display: block;
    color: #ffffff;
    padding: 15px 25px;
    text-decoration: none;
}

li a:hover {
    background-color: #2a27c5;
}

#knoplinks {
    background-color: #9ca017;
    float: right;
}

/* logo rond*/
#WFLogo {
    float: left;
    width: 57px;
}

.center {
    border-radius: 50%;
    position: absolute;
    width: 57px;
    padding: 1% 50%;
}

/*index*/
.body {
    background-color: #cfd3e7;
}

.h1 {
    padding: 3% 50%;
    font-size: 80px;
    font-family: "Teko", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

h1 {
    position: absolute;
    text-align: center;
}

#tekst0 {
    text-align: center;
    width: 80%;
    height: 200px;
    border-radius: 25px;
    margin: 1% 10%;
    border: 20px solid rgb(173, 93, 1);
    background-color: rgb(230, 198, 150);
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.24);
    font-family: "DM Serif Display", serif;
    font-weight: 400;
    font-style: italic;
}

#tekst1 {
    text-align: center;
    width: 39%;
    height: 300px;
    border-radius: 25px;
    float: left;
    margin: 1%;
    border: 20px solid rgb(173, 93, 1);
    background-color: rgb(230, 198, 150);
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.24);
    font-family: "DM Serif Display", serif;
    font-weight: 400;
    font-style: italic;
}

#tekst2 {
    text-align: center;
    width: 39%;
    height: 300px;
    border-radius: 25px;
    float: right;
    margin: 1%;
    border: 20px solid rgb(173, 93, 1);
    background-color: rgb(230, 198, 150);
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.24);
    font-family: "DM Serif Display", serif;
    font-weight: 400;
    font-style: italic;
}

#wflogo {
    width: 100%;
}

img {
    width: 100%;
    margin: 0px;
}

p {
    font-size: 20px;
}

.mittle {
    text-align: center;
}

/*timetable*/
table {
    width: 100%;
    border-collapse: collapse;
    background-color: #6aa6c2;
}

table, th, td {
    border: 2px solid;
    text-align: center;
}

td:hover {
    background-color: #195977;
}

th:hover {
    background-color: #195977;
}

/* timetable artiesten*/
div.Joey {
    font-family: "Anton", sans-serif;
    font-weight: 400;
    font-style: normal;
    border-radius: 25px;
    margin-top: 1%;
    margin-bottom: 9%;
    margin-left: 2.5%;
    padding-top: 2%;
    width: 40%;
    height: 12em;
    float: left;
    color: #ffffff;
    text-align: center;
    background-color: #6aa6c2;
    background-image: url(https://media.pitchfork.com/photos/5f109c767984c7b46c68cd94/2:1/w_1920,c_limit/Joey-Badass.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.24);
}

div.Lamar {
    font-family: "Anton", sans-serif;
    font-weight: 400;
    font-style: normal;
    margin-right: 2.5%;
    text-align: center;
    width: 40%;
    border-radius: 25px;
    margin-top: 1%;
    margin-bottom: 9%;
    padding-top: 2%;
    height: 12em;
    float: right;
    color: #ffffff;
    background-color: #6aa6c2;
    background-image: url(https://img.humo.be/14b270d033706a80a15c5c0cb22e1c0255349458/kendrick-lamar-wekt-de-doden-en-een-ongeschonden-will-smith-tot-leven-in-nieuwe-videoclip.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.24);
}

div.Smino {
    font-family: "Anton", sans-serif;
    font-weight: 400;
    font-style: normal;
    margin-left: 2.5%;
    text-align: center;
    width: 40%;
    border-radius: 25px;
    margin-top: 1%;
    margin-bottom: 9%;
    padding-top: 2%;
    height: 12em;
    float: left;
    color: #ffffff;
    background-color: #6aa6c2;
    background-image: url(https://thefader-res.cloudinary.com/private_images/w_1260,c_limit,f_auto,q_auto:best/CREDIT_-_Cristela_Rodriguez_oksekc/saba-ziplock-rich-dont-stop.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.24);
}

div.Cole {
    font-family: "Anton", sans-serif;
    font-weight: 400;
    font-style: normal;
    margin-right: 2.5%;
    text-align: center;
    width: 40%;
    border-radius: 25px;
    margin-top: 1%;
    margin-bottom: 9%;
    padding-top: 2%;
    height: 12em;
    float: right;
    color: #ffffff;
    background-color: #6aa6c2;
    background-image: url(https://variety.com/wp-content/uploads/2021/10/GregNoire_iHRMF2021-03532.jpg?w=1000&h=562&crop=1);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.24);
}

div.Brent {
    font-family: "Anton", sans-serif;
  font-weight: 400;
  font-style: normal;
    margin-left: 2.5%;
    text-align: center;
    width: 40%;
    border-radius: 25px;
    margin-top: 1%;
    margin-bottom: 9%;
    padding-top: 2%;
    height: 12em;
    float: left;
    color: #ffffff;
    background-color: #6aa6c2;
    background-image: url(https://www.tivolivredenburg.nl/wp-content/uploads/2023/04/BrentFaiyaz-photo-2022-e1682518014249.jpeg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.24);
}

div.Frank {
    font-family: "Anton", sans-serif;
    font-weight: 400;
    font-style: normal;
    margin-right: 2.5%;
    text-align: center;
    width: 40%;
    border-radius: 25px;
    margin-top: 1%;
    margin-bottom: 9%;
    padding-top: 2%;
    height: 12em;
    float: right;
    color: #ffffff;
    background-color: #6aa6c2;
    background-image: url(https://variety.com/wp-content/uploads/2023/04/GettyImages-824119706.jpg?w=1000&h=563&crop=1&resize=1000%2C563);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.24);
}

.dropdownn {
    position: relative;
}

.dropdown-contentt {
    display: none;
    position: absolute;
    background-color: #333333;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.24);
}

.dropdownn:hover .dropdown-contentt {
    display: block;
}

.artiesten {
    font-family: 'Hedvig Letters Serif', serif;
    font-family: 'Kdam Thmor Pro', sans-serif;
    font-family: 'Playfair Display', serif;
    font-size: 1.5em;
    font-weight: 300;
    font-style: normal;
}

.artiesten .lineupcard_stage {
    font-size: 1.550em;
}

.artiesten .lineupcard_stage {
    font-size: 2em;
}


/*tickets*/
.wort {
    margin-top: 30px;
    text-align: center;
    font-family: 'Libre Baskerville', serif;
}

.texxt {
    margin-top: 10px;
    text-align: left;
    font-family: 'DM Serif Display', serif;
}

#event {
    float: right;
    width: 60%;
    margin-top: 1%;
    margin-bottom: 1%;
    padding-top: 2%;
    height: 350px;
    border: 3px solid bisque;
    border-radius: 10%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(https://marketplace.canva.com/EAFkr9Jt85g/1/0/1600w/canva-black-beige-modern-music-festival-event-ticket-ujq6nKhFP8E.jpg);
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.24);
}

/*evenementen*/
.texxxt {
    margin: 5px 25px;
    Border: 3px solid rgb(61, 1, 1);
    text-align: center;
    background-color: #cc8c8c;
    font-family: 'DM Serif Display', serif;
}

.wordt {
    margin: 5px;
    text-align: center;
    font-family: 'Libre Baskerville', serif;
}

/*overons*/
#tekst3 {
    width: 100%;
    height: 300px;
    margin: 0px;
    background-color: rgb(156, 156, 156);
    color: #000000;
    display:inline-block;
    font-family: "DM Serif Display", serif;
    font-weight: 400;
    font-style: italic;
}

#tekst3 a {
    color: #6b4d20;
    text-decoration: none;
}

.wfgmap {
    width: 600px;
    height: 500px;
    margin: 4% 33%;
    border: 10px solid rgb(173, 93, 1);
    background-color: rgb(230, 198, 150);
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.24);
    border-radius: 10px;
}

/*faq*/
.droptks {
    font-family: 'Dosis', sans-serif;
    background-color: #aaacc7;
    margin: 20px;
    padding: 10px;
    text-align: center;
    border: 5px solid #0e3343;
}
  
.dropdown {
    position: relative;
}
  
.dropdown-content {
    display: none;
    margin: 0px 40px;
    text-decoration: none;
    position: sticky;
    overflow: hidden;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown:hover .dropdown-content {
    display: block;
}
  
.dropdown:hover .droptks {
    background-color: #626faa;
}

/*contact*/
.mid {
    text-align: center;
    font-family: "Playfair Display", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}