html,
body {
  min-height: 100vH;
  //height: 100%;
}
body {
  background: #DCDCDC;
  font-size: 13.3px;
  font-family: Helvetica, Geneva, sans-serif;
}

body.home{
  background-image: url('../img/bg.jpg');
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position-x: 15%;

}

a,
a:hover,
a:active,
a:focus {
   text-decoration: none; color: #000000;
 }

 .hightlite {
   color: #FFA500;
 }

.box {
  margin: 18vH 25px 0px 25px;
  background: #ffffff;
  padding: 45px 5px 30px 20px;
  line-height: 15px;
}

.logo {
  display:inline-block;
  width: 155px;
  padding-bottom:20px;
}

.content {
  padding-top: 20px;
  padding-left: 20px;
}

.imprint {
  margin-left: 25px;
}
#sticky-footer .imprint {
  width: 230px;
  background: rgba(255,255,255,.5);
  padding-left: 20px;
}

h1 {font-size: 1.25em;}
h3 {font-size: 1.1em; font-weight: bold}
h4 {font-size: 1em; font-weight: bold}

#page-content {
  flex: 1 0 auto;
}

#sticky-footer {
  flex-shrink: none;
  margin-top: 30px;
  line-height: 2em;
}

.col-fixed { flex: 0 0 310px; }

@media (max-width: 767px) {    
     .contentpage .box {margin: 15px 0px 0px 0px;}
     .contentpage .col-fixed { flex: 0 1 auto; } 
     .contentpage .box { width: 230px; }   
}