* {
    margin: 0px;
    padding: 0px;
}

body {
    font-family: 'Open Sans', sans-serif;
    color: #575756;
    height: 100%;
}

#wrapper {
    width: 100%;
    margin: 0 auto;
}

header {
    width: 100%;
    height: 200px;
    background: #fff;
}

.logo {
    width: 162px;
    height: 94px;
    background: red;
    margin: 0 auto;
}

.inner {
    width: 1000px;
    margin: 0 auto;
}

h1 {
    color: #005a9a;
    font-size: 52px;
    font-weight: 800;
    margin-top: 55px;
    text-align: center;
    text-transform: uppercase;
}

h2 {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 35px;
    color: #005a9a;
    float: left;
}

p {
    line-height: 170%;
    margin-bottom: 20px;
    text-align: center;
}

ul {
    text-align: left;

}

.col-1 p span {
    display: block;
    padding: 2%;
    background: #005a9a;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 35px;
    color: #fff;
}


.col-1 {
    width: 80%;
    height: 800px;
    margin: 2% 10% 2% 10%;
    float: left;
}


.col-1 ul {
    width: 25%;
    float: left;
}

.slider {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}

.slider img {
    width: 100%;
}

iframe {
    width: 100%;
    height: 250px;
    border: none;
}

#kontakt .col-1 ul li {
    list-style: none;
}
#impressum .col-1 ul li {
    list-style: none;
}

.abstand {
    margin-bottom: 15px;
}

#service, #wartung, #meisterarbeit, #kontakt, #impressum {
  width: 100%;
  padding: 10% 10% 4% 10%;
  display: table;
  margin: 0;
  max-width: none;
    height: 100vh;}


@media (max-width: 995px) {
.navbar-default .navbar-nav > li > a {
    background: #fff;
    }
}

@media (max-width: 780px) {
.nav .navbar-nav{
    width: 100%;
    }
}

@media (max-width: 757px) {
 .navbar {
    min-height: 100px;
}   
.col-1 {
    float: left;
    margin: 0 0%;
    width: 100%;
    min-height: 1000px;
}

    .col-1 ul {
        width: 90%;
    }

    h1 {
        font-size:30px;
    }
    
    h2 {
        font-size: 16px;
    }
    iframe {
        width: 100%;
    }

}

@media (max-width: 350px) {
    #service, #wartung, #meisterarbeit, #kontakt, #impressum {
    min-height: 1000px !Important;
}
}