@import url('https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&family=Lacquer&family=Roboto:ital,wght@0,100..900;1,100..900&family=Special+Elite&display=swap');


body{
  background-color: #f8f3f3;
  
}



.row{
  height: 100%;
  text-align: left;
  padding: 20px;
}

.col{
  padding: 10px 20px;
  border: 0.5px rgb(194, 16, 16) solid;
  
  
}

.container{
  margin-top: 25px;
}


.moreTexta{
  display: none;
}
.moreText0{
  display: none;
}

.moreText{
  display: none;
}

.moreText2{
  display: none;
}

.moreText3{
  display: none;
}
.moreText4{
  display: none;
}
.moreText5{
  display: none;
}

  .read-more-btna,  .read-more-btn0, .read-more-btn, .read-more-btn2, .read-more-btn3, .read-more-btn4, .read-more-btn5{
  padding: 4px 7px;
  background-color: rgb(244, 237, 237);
  
  border-radius: 20px;
  border: 1px solid black;
  cursor: pointer;
  font-size: .9rem;
  

}

.texta.show-more .moreTexta{
  display: inline;
}

.texta.show-more .dotsa{
  display: none;
}



.text0.show-more .moreText0{
  display: inline;
}

.text0.show-more .dots{
  display: none;
}




.text.show-more .moreText{
  display: inline;

}

.text.show-more .dots{
  display: none;
}

.text2.show-more .moreText2{
  display: inline;

}

.text2.show-more .dots{
  display: none;
}

.text3.show-more .moreText3{
  display: inline;

}

.text3.show-more .dots{
  display: none;
}
.text4.show-more .moreText4{
  display: inline;
}

.text4.show-more .dots{
  display: none;


}
.text5.show-more .moreText5{
  display: inline;
}

.text5.show-more .dots{
  display: none;
}


h3{
  color: rgb(203, 64, 29);
}


.voorbeeld{
  font-size: 0.7rem;
}


.figcap{
  font-size: 1.5rem;
}




.container-fluid{
  justify-content: space-between;
}

.navbar{
  height: 90px;
}

.navbar-brand{
  font-size: 2.5rem;

 
}

 .cartoon{

    font-family: "Gloria Hallelujah", sans-serif;
    
  }

@media screen and (max-width: 770px) {
  .navbar{
    height: auto;
  }

  .navbar-brand{
    font-size: 1.5rem;
  }

  .kop{
    font-size: 0.5rem;
   
  }
  .navbar{
    display: flex;
    flex-direction: column;
  }
  .logo{
    width: 75px;
    height: auto;
  }

  .navbar-toggler-icon{
    width: 10px;
    height: 10px;
  }
}