html {
  scroll-behavior: smooth;
}

html, body {font-family: Roboto;font-weight:400;margin: 0px;
  height: 100%;font-size: 16px;line-height:20px;}

body {background-color:#888888;color:#111111;}

a, a:visited, a:active, a:hover {color:#111111;text-decoration:none;}

a:hover {color:#FFFFFF;text-decoration:none;}


.small {font-size:0.7rem;}

.logo {height:60vh;width:auto;margin-bottom:50px;margin-top:30px;}

@media (max-width: 576px) {
 
  .logo {height:45vh;

}

@media (min-width: 576px) {

  .colheight100 {min-height: 188px;}
  .headinfo {font-size:0.5rem;}
  .pjtext {font-size:0.7rem;}
  
}

@media (min-width: 768px) {

  .colheight100 {min-height: 384px;}
  .colheight100 {min-height: 336px;}
  .pjtext {font-size:0.7rem;}
  .sectionmargindeskundmobil {margin-top:200px;}

}

@media (min-width: 992px) {

  .profiltextholder {min-height:400px;}
  .profiltext {position: absolute; bottom: 70px;left:0px; }


  .colheight100 {min-height: 496px;}
  .colheight100 {min-height: 456px;}

  .headinfo {font-size:0.6rem;}
  .pjtext {font-size:0.6rem;}

} 

@media (min-width: 1200px) {

  .colheight100 {min-height: 600px;}
  .colheight100 {min-height: 546px;}

  .headinfo {font-size:0.7rem;}
  .pjtext {font-size:0.7rem;}

}

@media (min-width: 1400px) {

  .colheight100 {min-height: 700px;}
  .colheight100 {min-height: 636px;}

  .headinfo {font-size:0.8rem;}
  .pjtext {font-size:0.8rem;}

}