.boeken-titel,
.special-ed-boeken-titel,
.useful-boeken-titel{
font-family: 'Inter', sans-serif;
font-style: normal;
font-weight: 300;
font-size: 40px;
line-height: 25px;
color: rgba(18, 138, 109, 0.55);
margin-top:4px;
margin-bottom:36px;
}

.special-ed-boeken-titel{
width:464px;
}

.useful-boeken-titel{
width:484px;
}

.boeken-tekst{
font-family: 'Inter', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 25px;
color:rgb(10, 50, 59);
margin-top:0px;
margin-bottom:36px;
}

.boeken-prijs{
font-family: 'Inter', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 25px;
color:rgb(10, 50, 59);
margin-bottom:0px;
margin-top:-10px; 
position:relative; 
z-index:100;
}

.bestel-button{
background-color:rgb(10, 50, 59);
border:none;
height:49px;
width:104px;
border-radius:0px;
cursor:pointer;
}

.bestel-button:hover{
background-color: rgba(18, 138, 109, 0.40);
}

.tekst-bestel{
font-family: 'Inter', sans-serif;
color:rgb(255, 255, 255);
font-style: normal;
font-weight: 300;
font-size: 24px;
line-height: 28px;
display:block;
margin-top:8px;
margin-left:0px;
}

.bestel-rechthoek{
background-color:rgba(10, 50, 59,0.45);
border:none;
height:49px;
width:104px;
border-radius:0px;
cursor:pointer;
display:block;
margin-top:-30px;
margin-left:1px;
}

.bestel-rechthoek:hover{
background-color:rgba(18, 138, 109,0.20)
}

.bestel-rechthoek,
.tekst-bestel,
.bestel-button{
transition:0.25s; 
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
text-decoration: none;
}

a:active {
text-decoration: none;
}

.boeken-copyright{
background-color:rgb(255, 255, 255);
font-family: 'Inter', sans-serif;
color:rgb(10, 50, 59);
font-style: normal;
font-weight: 400;
font-size: 14px;
margin-top:44px;
}

.boeken-instagram-button{ 
background-color:rgb(48, 81, 90);
border:none;
height:36px;
width:36px;
border-radius:18px;
cursor:pointer;
float: left;
margin-left:218px;
margin-top:36px;
 }

.boeken-linkedin-button{ 
background-color:rgb(48, 81, 90);
border:none;
height:36px;
width:36px;
border-radius:18px;
cursor:pointer;
float: left;
margin-left:27px;
margin-right:27px;
margin-top:36px;
}

.boeken-vimeo-button{ 
background-color:rgb(48, 81, 90);
border:none;
height:36px;
width:36px;
border-radius:18px;
cursor:pointer;
float: left;
margin-top:36px;
margin-bottom:180px;
 }

.boeken-linkedin-button:hover,
.boeken-vimeo-button:hover,
.boeken-instagram-button:hover{
background-color:rgba(18, 138, 109,0.40);
}

.preview{
font-family: 'Inter', sans-serif;
color:rgb(10, 50, 59);
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 25px;
margin-left:-10px;
margin-top:0px;
cursor:pointer;
}

.preview-button{
cursor:pointer;
border:none;
border-radius:0px;
background-color:rgb(255, 255, 255);
width: 150px;
height:28px;
margin-left:208px;
margin-top: 24px;
}

.preview a:hover{
color: rgba(18, 138, 109, 0.55);
}

.preview a{
text-decoration: none;
color:rgb(10, 50, 59);
margin-left:0px;
}

.boeken-container{
height: 340px;
margin-top: 0px;
display: grid;
grid-template-columns: 1fr 380px 380px 380px 1fr;
column-gap: 22px;
row-gap: 86px;
}

.btn-bestel-detantes,
.btn-bestel-db{
margin-left:222px; 
margin-top:-88px; 
position:relative; 
z-index:200;
}

.btn-speced-detantes{
margin-left:220px; 
margin-top:-38px;
position:relative; 
z-index:200;
}

.link-useful{
margin-left:220px; 
margin-top:-88px;
position:relative; 
z-index:200;
}

.mobiel-lijn{
display:none;
}

nav.mobiel-menu,
.mobiel-menu-container{
  display:none;
}

@media (hover: hover) {
  a:hover {

.preview a:hover
color: rgba(18, 138, 109, 0.55);

.boeken-linkedin-button:hover
background-color:rgba(18, 138, 109,0.40);

.boeken-vimeo-button:hover
background-color:rgba(18, 138, 109,0.40);

.boeken-instagram-button:hover
background-color:rgba(18, 138, 109,0.40);

.bestel-rechthoek:hover
background-color:rgba(18, 138, 109,0.20);

.bestel-button:hover
background-color: rgba(18, 138, 109, 0.40);

  }
}



@media (max-width: 1180px) {
.boeken-container{
height: auto;
margin-top: 0px;
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 25px;
row-gap:22px;
}

.boeken-titel{
font-size:36px;
width:379px;
}

.special-ed-boeken-titel,
.useful-boeken-titel{
width:379px;
line-height: 44px;
font-size:36px;
}

.boeken-tekst{
font-size:14px;
width:379px;
}

.boeken-prijs{
font-size:22px;
width:100px;
}

.db-tekst{
width:379px;
justify-self:end; 
margin-top:44px;
}

.boek-dagbroer{
margin-top:22px;
justify-self:end; 
}

.boeken-tekst-useful{
margin-left:0px;
margin-top:22px;
}

.cover-boek-detantes{
justify-self:end; 
margin-top:-310px;
}

#bdetantes{
margin-top:22px;
}

#spec-ed,
#db-boek{
margin-top:44px;
}

.cover-special-ed{
justify-self:end; 
margin-top:44px;
}

.tekst-special-ed{
margin-top:22px;
width:379px;
justify-self:end; 
}

.cover-useful{
margin-top:66px;
margin-bottom:0px;
}

.cover-useful-photography{
justify-self:end; 
margin-top:-382px;
}

.boeken-copyright{
margin-top:124px;
margin-left:-406px;
}

.boeken-instagram-button{
margin-left:217px;
margin-top:-62px;
}

.boeken-linkedin-button{
margin-top:-62px;
margin-left:280px;
}

.boeken-vimeo-button{
margin-top:-62px;
margin-left:343px;
}

.mobiel-lijn{
display:none;
}



@media (max-width: 590px) {
.header,
.werk-button,
.boeken-button,
.cv-button,
.contact-button,
.dropdown-menu{
display:none;
}

.boeken-container{
height: auto;
margin-top: 0px;
display: grid;
grid-template-columns: 1fr;
column-gap: 0px;
row-gap:22px;
justify-items:center;
}

.container{
width:348px;
margin-top:0px;
margin-top:0px;
}

.imageSlide{
width:348px;
}

.imgSlide{
width:348px;
height:auto;
}

#b-detantes,
#spec-ed,
#db-boek,
#bdagbroer,
#b-useful{
width:348px;
height:auto;
}

.cover-boek-detantes{
justify-self:center; 
margin-top:-598px;
}

#bdetantes{
margin-top:-22px;
}

.cover-special-ed{
margin-top:0px;
}

#bspecial,
#buseful{
margin-top: 44px;
}

#tekst-de-tantes{
width:348px;
margin-top:322px;
}

.tekst-special-ed{
width:348px;
margin-top:0px;
}

.boeken-tekst-useful{
width:348px;
margin-top:0px;
}

.useful-boeken-titel{
width:348px; 
}

.db-tekst{
margin-top:44px;
width:348px; 
}

#db-boek,
#bdagbroer,
#spec-ed,
#b-useful{
margin-top:22px;
}

.cover-special-ed,
.db-tekst,
.boek-dagbroer,
.tekst-special-ed,
.cover-useful-photography{
justify-self:center; 
}

.btn-bestel-detantes,
.boeken-prijs,
.btn-speced-detantes,
.link-useful,
.btn-bestel-db{
z-index:0;
}

.boek-dagbroer{
margin-top:0px;
}

.cover-useful{
margin-top:0px;
}

.cover-useful-photography{
margin-top:0px;
}

.boeken-copyright{
display:grid;
margin-right:0px;
margin-left:20px;
margin-bottom:0px;
font-size: 17px;
width:165px;
margin-top:58px;
}

.boeken-instagram-button{
margin-left:7px;
margin-top:40px;
width:40px;
height:40px;
border-radius:20px;
}

.boeken-linkedin-button{
margin-left:74px;
margin-top:-40px;
width:40px;
height:40px;
border-radius:20px;
}

.boeken-vimeo-button{
margin-left:141px;
margin-top:-40px;
width:40px;
height:40px;
border-radius:20px;
}

.mobiel-lijn{
display:grid;
width:348px;
height: 5px;
background-color:rgb(10, 50, 59);
border: none;
}