.logoboven{
    width: 20%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
main {
    margin: 30px;
}
main p {
    margin-bottom: 20px;

}
nav li{
    display: inline-block;
    padding: 0 40px 0 40px;
    text-align: center;
}
nav a {
    text-decoration: none;
    color: rgb(115,223, 69);
    font-size: large;
    display: inline-block; 
    padding: 10px 15px; 
    border: 1px solid rgb(115,223, 69); 
    margin-bottom: 20px;
}
nav a:hover {
    color: rgb(228, 249, 43);
    background-color: rgba(7, 0, 0, 0.2);
}
body {
    background-color: #232425;
    color: rgb(115, 223, 69);
    text-align: center;
}
h1 {
    font-weight: bold;
    font-family:verdana;
    margin-bottom: 50px;
}

.container {
    margin: 0 auto;
    max-width: 1300px;
}

.the-paradise-groot {
    font-size: 48px;
    font-family: verdana;
    font-weight: bold;
}
footer{
    background-color: 232425;
    color:rgb(115, 223, 69);
    border-bottom: 1px solid rgb(115, 223, 69);
}

.agenda-item1 {
    border: 1px solid #1d201d;
    padding: 10px;
    margin-bottom: 50px;
    background-color: rgb(115, 223, 69);
    color: #000000;
    overflow: hidden; /* Om te voorkomen dat de floating elements buiten de box lekken */
}


.agenda-item1 .foto1 {
    float: left; /* Laat de foto's links uitlijnen */
    margin-left: 10px; /* Optionele marge tussen de foto's en de inhoud van de box */
}


.agenda a {
    text-decoration: none;
    color: #000000;
    font-weight: bold;
    font-size: 40px;
    border:1px solid rgb(115,223, 69); 
    ;
}

.agenda a:hover{
    color: rgb(228, 249, 43);
    background-color: rgba(7, 0, 0, 0.2);
}
.agenda p {
padding-left: 10px;
padding-right: 10px; 

}
    

.contactlijst{
    font-size:large ;
text-decoration: none;
    color: #ffffff;
}
.WhatsApp{
    text-decoration: none;
}
.info-titel {
    border: 1px solid rgb(0, 0, 0);
    padding: 10px;
    color: rgb(0, 0, 0);
    background-color: rgb(115, 223, 69);
    padding-bottom: 20px;
}

.legend, label, input, select, .button {

    width: 300px; 
}
.tickets li {
    margin: 40px
}
.legend{
    font-size: 40px;
}

.tickets-details{
    font-size:30px;
    margin-bottom: 20px;
}
.betalen{
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: xx-large;
}
.label{
    padding: 10px 15px; 
    border: 3px solid rgb(115,223, 69); 
 
}
/* Achtergrondkleur van invoervelden aanpassen */
input[type="text"],
input[type="email"],
select {
    background-color: rgba(7, 0, 0, 0.2); /* Kies hier de gewenste achtergrondkleur */
    color: rgb(115, 223, 69);
    border: 1px solid rgb(115,223, 69); 
}
/* Randkleur van checkbox aanpassen */
input[type="checkbox"] {
    background-color: rgba(7, 0, 0, 0.2); /* Kies hier de gewenste achtergrondkleur */
    color: rgb(115, 223, 69);
}

.betalen{
    background-color: rgba(7, 0, 0, 0.2); /* Kies hier de gewenste achtergrondkleur */
    color: rgb(115, 223, 69);
    border: 1px solid rgb(115,223, 69); 
}
.betalen:hover {
    color: rgb(228, 249, 43);
    background-color: rgba(31, 27, 27, 0.2);
}
.button-google-maps{
    text-decoration: none;
    color: rgb(115, 223, 69);
}
.button-google-maps:hover{
    text-decoration: none;
    color: rgb(228, 249, 43);
}
.contact h3 {
    background-color: rgba(7, 0, 0, 0.2); /* Kies hier de gewenste achtergrondkleur */
    color: rgb(115, 223, 69);
    border: 1px solid rgb(115,223, 69); 
    padding: 10px; /* Binnenste vulling van de box */
    margin-bottom: 20px; /* Ruimte onder elke box */
}
.button-contact{
    text-decoration-style: line-through;
    color: rgb(115, 223, 69);
}
.button-contact:hover{
    color: rgb(228, 249, 43);
}