/* kaart */
/* #tekstWaarschuwing{
    font-weight: bold;
    text-align: center;
    color:red;
} */

#div_plaatsen{
    color:#FFF;
}

#header_plaatsen{
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

#div_plaatsen h3{
    font-family: 'siroco',Helvetica,Arial,Lucida,sans-serif;
    color:#FFF;
}


#btn_accordion{
    margin-left:20px;
}

#plaatsen_verbergen{
    display:none;
}

#plaatsen_overzicht{
    margin-top:30px;
    display: flex;
    flex-direction: row;
}

.plaatsen_overzicht_col{
    width:33%
}

.plaatsen_overzicht_col a{
    color:#FFF;
    text-decoration: underline;
}



#mapid{
    width:100%;
    height: 50vh;
 }
#mapContributions {
padding-top: 5px;
font-size: 10px;
}
.leaflet-container {
background-color:#FDDCBD;
}

/* knoppen boven text */
#infoknopHolder{
    margin: 0 10px;
    text-align: center;
}

.icoonHolder{
    display:block;
    clear:left;
    width:100%;
    text-align: center;
}

.schuifIcoon{
    float:left;
    width:30%;
    cursor:pointer;
}

.schuifTekst{
    float:left;
    width:65%;
    text-align:left;
    margin-bottom:20px; 
}

#knoppenRij{
    display: flex;
    justify-content: space-between;
}

#icoonAanwijzing p{
    position: relative;
    top:50%;
    transform: translateY(-50%);
    text-align: center;
    padding: 1rem 1rem;
    font-size:14px;
}
#uitzoomKnop,
.button {
  background-color: #FFF;
  border: black solid 1px;
  padding: 10px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}
#instellingen{
    width:100%;
    /* text-align:center; */
}

#categorie{
    font-weight:bold;
}

#inhoud{
    clear:left;
}

#animContainer{
    position:fixed;
    z-index: 1000;
    width:100px;
    height:100px;
    top:0px;
}

.dot {
  position: absolute;
  top:0px;
  left:0px;
  background-color: #91e600;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  
}

.titel_evenement{
    margin-top:20px;
}

#datum_tijd{
    background-color: white;
    padding:20px 30px;
    text-align:right;
    font-weight: 900;
    margin: 20px 0;
}

.website_button{
    /* -webkit-appearance: none;
    -moz-appearance: button;
    appearance: none; */

    text-decoration: none;
    background-color: #e02076;
    padding:15px 30px;
    font-weight: 900;
    margin: 20px 0;
}

.website_button:hover{
    background-color: #4a9e46;
}

.website_button a{
    color: white;
    cursor:pointer;
}

@media (max-width: 992px){

    .schuifIcoon{
        margin:auto;
        float:none;
        width:30%;
    }

    .schuifTekst{
        float:none;
        width:100%;
    }

    #plaatsen_overzicht{
        margin-top:30px;
        display: flex;
        flex-direction: column;
    }

    .plaatsen_overzicht_col{
        margin-top:20px;
        width:100%
    }

}


@media (max-width: 390px){

    .schuifIcoon{
        float:none;
        width:100%;
    }

    .schuifTekst{
        float:none;
        width:100%;
    }

    #knoppenRij{
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    #icoonAanwijzing p{
        position: static;
        top:0;
        transform: translateY(0);
    }

}