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

.hero.footer .col-md-4 img { padding-left: 100px; width:100%;height:auto; }
.karte { top:10px;  }

}


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

.karte { left: 0px; top:-70px; background-size:100%; }
.hero.footer .col-md-4 img { padding-left: 100px; width:150px; height:auto; }

.light_section.footer { min-height: auto; padding:10px 0 30px 0; }
.hero.ringe .col-md-7,
.hero.impulse .col-md-7,
.bottom_section .col-md-7 { width:58.3333%; float:left; padding: 0 0 0 60px; }

.hero.willkommen .col-md-7 { width:58.3333%; float:right; padding-left:0px; }

.hero.footer .col-md-4, .top_section .col-md-6, .bottom_section .col-md-7, .bottom_section .col-md-5 { padding:10px 50px; }
.hero.footer .col-md-4 { width:33%; float:left; }
.top_section .col-md-6 { width:50%; float:left; }
.top_section .nav-toggle { padding: 16px 40px 16px 0px; }
.overlay ul{margin:10px 0px;}
.hero.app .col-md-5 { width:41.6667%; float:left; padding:40px 0; }
.hero.app .col-md-7 { width:58.3333%; float:right; padding-right: 5%; padding-left: 8%;
}
.hero.app .col-md-7 img { padding-right: 14px; width:130px; height:auto; }

.hero.willkommen .col-md-5 { width:41.6667%; float:right;  margin:25px 0; }
.hero.app .col-md-7 { margin-bottom:25px; }
.hero.impulse .col-md-7, .hero.ringe .col-md-7 { margin:25px 0; }
 
.hero.ringe .col-md-5,
.hero.impulse .col-md-5,
.bottom_section .col-md-5 { width:41.6667%; float:right;  margin:0; }

.hero.willkommen .col-md-5 { width:41.6667%; float:left; padding-left:50px; }

.hero.ringe h1, .hero.impulse h1, .hero.app h1, .hero.willkommen h1, .hero.footer h1 {font-size:40px;margin:20px 0 20px 0}

.hero.app h1 {margin:60px 0 20px 0 }


.dark_section, .light_section.ringe { min-height: 320px; }
.dark_section .btn { margin-top: 10px; } 
.device{ left:-3%;top:-16px; }
.streifen { right:-20px; }
.hero.footer p.text1, .hero.footer p.text2 { margin: 80px 0 0 0; }
.hero.footer .col-md-4 img { padding-left: 0px; }
.hero.footer .col-md-4.first { padding-left:60px; }

.device { left:14px; }


}


@media screen and (max-width:680px){
.feature-content{width:100%;}


}


@media screen and (max-width:639px){
.use-btn{display:none;}
footer li{display:block;text-align:left;padding:20px 0;border-bottom:dashed 1px #c7cacc;margin-right:0!important;float:none;}
nav{margin-top:40px;}
.overlay ul{margin-left:0px;}
.overlay ul li a{padding:20px 0;min-width:120px;font-size:12px;}

.karte, .device, .streifen { display:none; }
.hero.ringe .col-md-7, .hero.ringe .col-md-5, 
.hero.impulse .col-md-7, .hero.impulse .col-md-5, 
.hero.app .col-md-7, .hero.app .col-md-5, 
.hero.willkommen .col-md-7, .hero.willkommen .col-md-5,
.top_section .col-md-6,
.bottom_section .col-md-7, .bottom_section .col-md-5,
.hero.footer .col-md-4 { width:100%; float:left; padding-left:50px; }

.hero.ringe .col-md-5 img {
    width: 50%;
    height: auto;
    margin-bottom: 30px;
}

.wrapper {
    width: 100%;
    margin: 0px auto;
}
.impuls {
    width:100%; 
    background: rgb(245, 243, 240);
    color: #000;
    padding:40px 5px;
}

body.article-5 .impuls:nth-of-type(2) {
  padding:40px 5px 0 5px;
}
body.article-5 .impuls:nth-of-type(3) {
  padding:0px 5px 40px 5px;
}

.ehepost {
    width:100%; 
    background: rgb(240, 246, 247, 0.7);
    color: #000;
    padding:0px 5px;
}





.top_section .nav-toggle { padding: 16px 40px 16px 0px; }
.hero.ringe .col-md-7, .hero.ringe .col-md-5, 
.hero.impulse .col-md-7, .hero.impulse .col-md-5, 
.hero.app .col-md-7, .hero.app .col-md-5, 
.hero.willkommen .col-md-7, .hero.willkommen .col-md-5 { padding:50px; }
.hero.ringe .col-md-7 { padding-bottom:10px; }
.hero.ringe .col-md-5 { padding:10px 20px 10px 0px; }
.hero.footer .col-md-4.first { padding-left:50px; }

.hero.footer .col-md-4, .top_section .col-md-6, .bottom_section .col-md-7, .bottom_section .col-md-5 { padding:10px 50px; }
.overlay ul li { clear:left; }
.overlay ul li a { padding: 0px 0; }

.hero.ringe h1, .hero.impulse h1, .hero.app h1, .hero.willkommen h1, .hero.footer h1 {font-size:40px;margin:20px 0 20px 0}
.hero.app .col-md-5 { margin:0;padding:0; }
.hero.impulse .col-md-5 { margin:0;padding:0; }
.hero.willkommen .col-md-7 { margin:0;padding:0; }
.hero.footer p.text1, .hero.footer p.text2 { margin: 0; }
.hero.app .col-md-7 img { padding-bottom: 20px; }
.hero.footer .col-md-4 img { padding-left: 0px; width:150px; height:auto; }

}





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

.hero h1{font-size:40px;margin:100px 0 45px 0}
.screenshots ul li{width:100%;min-height:100%;float:none;}
section.video i{font-size:30px;}
section.video h1{font-size:15px;font-weight:400;}
section.video{padding:40px;}
.feature-content{width:100%;text-align:center;margin-top:20px;}
.feature-icon{display:block;margin:0 auto;}
blockquote p{width:60%;}
.features-slider {padding: 11% 50px 10% 50px;}

}

@media screen and (min-width:642px){
.wrapper {
    width: 556px;
    margin: 30px auto;
}
.impuls {
    width:100%; 
    background: rgb(245, 243, 240);
    color: #000;
    padding:40px 5px;
}
body.article-5 .impuls .container,
body.article-3 .impuls .container {
  padding-left:80px;padding-right:80px;
}
body.article-5 .impuls:nth-of-type(2),
body.article-3 .impuls:nth-of-type(2)  {
  padding:120px 5px 0 5px;
}





.ehepost {
    width:100%; 
    background: rgb(240, 246, 247);
    color: #000;
    padding:0px 5px;
}

section.ehepost { padding:40px 5px 0 5px; background: rgb(240, 246, 247); }
}

@media screen and (min-width:992px){

}

@media screen and (min-width:1200px){

footer li{margin-right:10%;}
.feature-content{width:55%;}


}