.titel{
font-family: 'Inter', sans-serif;
font-style: normal;
font-weight: 300;
font-size: 40px;
line-height: 42px;
text-align: right;
color: rgba(18, 138, 109, 0.55);
margin-top:-8px;
margin-bottom:0px;
margin-left:70px;
width:135px;
}

.platte-tekst{
font-family: 'Inter', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 25px;
color:rgb(48, 81, 90);
margin-left:0px;
margin-top:39px;
margin-bottom:0px;
text-align:left;
width:320px;
}

.voetnoot{
font-family: 'Inter', sans-serif;
color:rgb(48, 81, 90);
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
margin-left:0px;
margin-top:2px;
margin-bottom:0px;
text-align:left;
width:240px;
}

.foto-info{
font-family: 'Inter', sans-serif;
color:rgb(48, 81, 90);
font-weight: 400;
font-size: 13px;
line-height: 25px;
margin-bottom:0px:;
margin-left:0px;
margin-top:217px;
text-align:left;
width:220px;
}

.pijl-links{
border:none;
background-color:rgb(255,255,255);
width:36px;
height:36px;
border-radius:18px;
cursor:pointer;
float: left;
margin-top:34px;
margin-left:415px;
padding-top:2px;
}

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

.pijl-rechts{
border:none;
background-color:rgb(255,255,255);
width:36px;
height:36px;
border-radius:18px;
cursor:pointer;
float: left;
margin-top:34px;
margin-left:78px;
padding-top:2px;
}

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

.trouwe-dienst-instagram-button{ 
background-color:rgb(48, 81, 90);
border:none;
height:36px;
width:36px;
border-radius:18px;
cursor:pointer;
margin-left:222px;
margin-top:59px;
position:absolute;
 }

.trouwe-dienst-linkedin-button{ 
background-color:rgb(48, 81, 90);
border:none;
height:36px;
width:36px;
border-radius:18px;
cursor:pointer;
margin-left:284px;
margin-top:19px;
position:absolute;
}

.trouwe-dienst-vimeo-button{ 
background-color:rgb(48, 81, 90);
border:none;
height:36px;
width:36px;
border-radius:18px;
cursor:pointer;
margin-left:346px;
margin-top:19px;
position:absolute;
 }

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

.trouwe-dienst-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:65px;
}

.trouwe-dienst-container{
height: 573px;
margin-top: 0px;
display: grid;
grid-template-columns: 1fr 82px 720px 340px 1fr;
column-gap: 25px;
}

.td-img-box{
justify-self:end;
position:relative;
}

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

.trouwedienst-mobiel{
display:none;
}



@media (hover: hover) {
  a:hover {
   
.pijl-rechts:hover
    background-color:rgba(18, 138, 109,0.40);

.pijl-links:hover
    background-color:rgba(18, 138, 109,0.40);

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

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

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



@media (max-width: 1180px) {
.trouwe-dienst-container{
height: auto;
margin-top: 0px;
display: grid;
grid-template-columns: 10px 10px 500px 258px 1fr;
column-gap: 25px;
justify-content:center;
}

.td-images{
height:398px;
width:auto;
}

.titel{
font-size:36px;
margin-left:50px;
}

.platte-tekst{
font-size:14px;
width:258px;
margin-top:30px;
}

.foto-info{
margin-top:35px;
font-size:12px;
line-height: 23px;
}

.pijl-links{
margin-left:265.5px;
}

.trouwe-dienst-copyright{
margin-top:124px;
}

.trouwe-dienst-instagram-button{
margin-top:118px;
margin-left:48px;
}

.trouwe-dienst-linkedin-button{
margin-top:78px;
margin-left:111px;
}

.trouwe-dienst-vimeo-button{
margin-top:78px;
margin-left:174px;
}



@media (max-width: 590px) {
#td-images-mobiel{
width:348px;
height:auto;
margin-top:0px;
}

.trouwedienst-mobiel{
display: grid;
}

.header,
.werk-button,
.boeken-button,
.cv-button,
.contact-button,
.dropdown-menu,
.foto-info,
.pijl-links,
.pijl-rechts,
.td-img-box{
display:none;
}

.trouwe-dienst-container{
margin-top: 0px;
display: grid;
grid-template-columns: 1fr;
row-gap: 30px;
justify-items:center;
}

.trouwe-dienst-copyright{
display:grid;
justify-items:center;
margin-right:0px;
margin-left:0px;
margin-bottom:100px;
font-size: 17px;
width:180px;
margin-top:-156px;
}

.titel{
margin-top:12px;
margin-left:82px;
}

.platte-tekst{
margin-left:0px;
width:325px;
}

.voetnoot{
margin-left:0px;
}

.trouwe-dienst-instagram-button{
margin-left:-68px;
margin-top:-92px;
width:40px;
height:40px;
border-radius:20px;
}

.trouwe-dienst-linkedin-button{
margin-left:-1px;
margin-top:-132px;
width:40px;
height:40px;
border-radius:20px;
}

.trouwe-dienst-vimeo-button{
margin-left:66px;
margin-top:-132px;
margin-bottom:150px;
width:40px;
height:40px;
border-radius:20px;
}









