body { background-color:#D0C196; }
.bereiche { color:rgba(255,255,255,0.6); font-family: Verdana; font-size: 25px; }
.contactbar { position: fixed; bottom:0px; left:0px; right:0px; background-color:rgba(208,193,150,0.60); padding:30px; }
.contact { color:rgba(255,255,255,1); font-family: Verdana; font-size: 30px; padding:8px 10px; border:1px solid #FFFFFF; background-color:#D0C196; }
.contact:hover { color:#4A595F; text-decoration: none; background-color:rgba(255,255,255,0.7);  border:1px solid #4A595F; }
.bereicheblockdt { display: block; }
.bereicheblockmo { display: none; }

@media screen and (max-width: 1170px) {

    .bereicheblockdt { display: none; }
    .bereicheblockmo { display: block; }
    .bereiche { font-size: 30px; }
}


@media screen and (max-width: 1020px) {

    .bereiche { font-size: 60px; }
    .contact { color:rgba(255,255,255,1); font-family: Verdana; font-size: 70px; padding:8px 10px; border:1px solid #FFFFFF; background-color:#D0C196; }
    .container { max-width: 100%; }
}

@media (min-width: 768px) {
  .container {
    max-width: 100%;
  }
}

@media screen and (max-width: 460px) {

    .bereiche { font-size: 30px; }

}