/*kleurenpalet: #2B2D42,#8D99AE, #EDF2F4, #EF233C, #D80032*/
h1 {
    font-size: 200%;
    text-align: center;

}

body {
    color: #d80032;
}

body {
    background-color: #8D99AE}
.knop1 {
    color:#8D99AE;
    font-size: 150%;
    text-decoration: none;
    background-color: #2B2D42;
    border-radius: 10px;
    padding: 1%;
    margin: 1%;
    margin-left: 10%;
    margin-right: 10%;
}

.knop1:hover {color: #EDF2F4}
.card {
    background-color:#8D99AE
}
.logo {
    max-width: 69px
}

.achtergrondfoto {
    background-image: url("../images/Sprookjesboom-Overview-kopieren.jpg");
    background-repeat: no-repeat;
    background-position: center;

    background-size: cover;
    width: 100%;
    height: 100vh;
    /*min-height: 40em;*/
    max-height: 40em;
    /*background-attachment: fixed;*/
}

.eerstezin{
    padding-left: 5%;
    padding-top: 18%
}
.tweedezin{
    padding-left: 5%;
font-size: 390%;
}
.derdezin{
    padding-left: 5%;

}
.hover:hover {background-color: #EF233C}
.ronde{padding-left: 40%;
    padding-right: 40%;
}
.dubbelekaart{margin-left: 10%;margin-right: 10%; background-color:#2B2D42}
.dubbelekaart1{margin-left: 10%; margin-right: 10%;background-color:#EDF2F4}
.dubbelekaart2{margin-top: 15%;;margin-left: 15%;background-color:#EDF2F4; color:#2B2D42}
.start{margin-left: 15%;opacity: 70%;}
.start1{margin-left: 15%;opacity: 70%; margin-top: 5%}
.midden{margin-left: 15%;opacity: 70%;}
.midden1{margin-left: 15%;opacity: 70%; margin-top: 5%}
.eind{margin-right: 15%;opacity: 70%;}
.eind1{margin-right: 15%;opacity: 70%; margin-top: 5%}