@media screen and (max-width: 768px) { 
  
    .body {display: none;}
    }
       
    
    @media screen and (min-width: 768px) {
    .responsive {display: none;}
}

@media screen and (max-width: 768px) {
    * {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
    body {background-image: none;}
    .body {display: none;}
    .responsive {display: block; font-size: 15px;}
    .cleaner {clear: both;}
  
  h1 {font-size: 24px; margin-bottom: 20px; line-height: 32px;}
    .logo {width: 100%;height: auto; margin: 0; padding: 0; float: none; display: block;}
    .headline {text-align: center; margin-top: 33%;}
    .content , .kontakt {width: 100%; background-color: #ffe4dd; margin-top: 20px; padding: 20px 0;}
    .kontakt {background-color: #ebe6e2;}
    .col1 , .col2 {width: 100%; float: left; padding: 0 0 5% 5%;}
    .col1 {padding-left: 5%; padding-right: 5%;}
    .col2 {padding-left: 5%; padding-right: 5%;}
    .col3 {width: 90%; height: auto; padding-left: 5%; padding-top: 5%;}
    .kontakt p , .kontakt p a {color: #414141;}
    .btn { background-color: #DF8637; border: 0px solid #18ab29; border-radius: 20px;color: #ffffff !important; cursor: pointer; display: inline-block; font-size: 17px;
    padding: 16px 0%; text-align: center; text-decoration: none; width: 100%; margin: 0 0 .8em 0;}
a.btn {
    background: #D5CBC3 none repeat scroll 0% 0%;
    border-radius: 20px;
    text-decoration: none;
    padding: 10px 10px;
    color: #7F634F;
    font-size: 15px;
    transition: all 0.5s ease 0s;
}
  
}
@media screen and (max-width: 480px) {
  h1 {font-size: 18px; margin-bottom: 20px; line-height: 23px;}
}