@media (max-width:767px) {
#header {
    height:auto;
    padding:0;
    background-color:#85C12A;
}
#header .content-image {
    float:left;
    display:block;
}
#header .content-image img {
    width:auto;
    height:16vw;
    margin:2vw;
    padding:2vw;
}
#header .toggle-nav {
    width:14vw;
    height:14vw;
    overflow:hidden;
    float:right;
    display:block;
    margin:5vw;
    padding-top:4vw;
    padding-bottom:4vw;
    background-color:#fff;
    border-radius:50%;
    cursor:pointer;
    box-sizing:border-box;
    transition:all 0.3s ease-in-out;
}
#header .toggle-nav.active {
    background-color:#D0412E;
}
#header .toggle-nav span {
    width:50%;
    height:1vw;
    float:left;
    display:block;
    margin-right:25%;
    margin-left:25%;
    background-color:#85C12A;
    margin-top:0.5vw;
    margin-bottom:0.5vw;
    transition:all 0.3s ease-in-out;
}
#header .toggle-nav.active span {
    background-color:#fff;
}
#header .toggle-nav.active span.top {
    transform:translateY(2vw) rotate(45deg);
}
#header .toggle-nav.active span.middle {
    width:0;
    margin-right:50%;
    margin-left:50%;
}
#header .toggle-nav.active span.bottom {
    transform:translateY(-2vw) rotate(-45deg);
}
#header .mod_navigation {
    width:100vw;
    height:auto;
    right:-102vw;
    top:24vw;
    position:absolute;
    float:none;
    display:block;
    background-color:#85C12A;
    transition:all 0.3s ease-in-out;
    z-index:2;
    box-shadow:0 4px 4px rgba(0,0,0,0.5);
}
#header.show-nav .mod_navigation {
    right:0;
}
#header .mod_navigation ul {
    width:100%;
    height:auto;
    padding:0;
}
#header .mod_navigation ul li {
    width:50%;
    float:left;
    display:block;
}
#header .mod_navigation ul li a,
#header .mod_navigation ul li:hover a,
#header .mod_navigation ul li > span {
    width:100%;
    height:12.5vw;
    position:relative;
    float:left;
    display:block;
    margin:0;
    padding:4vw;
    text-align:center;
    background-color:#85C12A;
    border-top:.5vw solid #fff;
    font-size:4vw;
    line-height:4vw;
    text-decoration:none;
    color:#fff;
    transition:color 0.3s ease-in-out;
    box-sizing:border-box;
}
#header .mod_navigation ul li:nth-child(odd) a,
#header .mod_navigation ul li:nth-child(odd) > span {
    border-right:.25vw solid #fff;
}
#header .mod_navigation ul li:nth-child(even) a,
#header .mod_navigation ul li:nth-child(even) > span {
    border-left:.25vw solid #fff;
}
#header .mod_navigation ul li.last:nth-child(odd) {
    width:100%;
}
#header .mod_navigation ul li.last:nth-child(odd) > span,
#header .mod_navigation ul li.last:nth-child(odd) > a {
    border-right:0;
}
#header .mod_navigation ul li a:before,
#header .mod_navigation ul li a:after {
    display:none;
}
.content-image.eyecatcher {
    width:100vw;
    height:80vw;
    position:relative;
    overflow:hidden;
    float:left;
    display:block;
}
.content-image.eyecatcher.team {
    height:50vw;
}
.content-image.eyecatcher h1 {
    padding:2vw;
    font-size:8vw;
}
.content-image.eyecatcher.startseite h1 {
    left:4vw;
    top:4vw;
}
.content-image.eyecatcher.team h1 {
    bottom:4vw;
    left:4vw;
}
.content-image.eyecatcher.praxis h1 {
    left:4vw;
    top:4vw;
    right:auto;
}
.content-image.eyecatcher.impressum h1 {
    left:4vw;
    top:4vw;
}
.content-image.eyecatcher.schwerpunkte h1 {
    right:4vw;
    top:4vw;
}
}
