#menu {display: none}
/* .mobile div {border: 1px red solid} */
/* Reset values */
.mobile img, .mobile div {max-width: 100%}
.mobile .content-img-right {margin-left: 0}
.mobile article {padding: 0px}
.mobile article section,.mobile footer > div  {padding:0 10px}
.mobile .content-img-left, .mobile .content-img-right {min-width: initial;margin: 0}
.mobile .form_r input,.mobile .form_r textarea {padding: 0px;}
.mobile .hr_section {margin:0 10px}
body.mobile.loaded #topic-pos > div {margin-bottom: 20px}
/* body.mobile {padding:0 10px} */
/* Reset values */
body.open-nav {
    overflow-y: hidden;
}
.mobile #menu {
    display: block;
    width:60px;
    font-size:20px;
    color:#000;
    margin: 30px 30px 0 0;
}
.mobile #menu > div {width:60px; align-self:flex-end; font-weight: bold; color:#2B3978FF}
.mobile #menu ul {list-style: none;}

.mobile .button_design {height:inherit; padding:0; margin:0; list-style: none; width:55px}
.mobile .button_design li {border-bottom:1px #2B3978FF solid;margin-top:5px}
.mobile .open-nav .button_design li {border-bottom:1px #2B3978FF solid;}
.mobile #menu_button:hover {cursor: pointer;}
.mobile #menu_button ul:nth-child(1) {padding:0; margin:0; height:24px; overflow: hidden; }
.mobile #menu_button.open-nav {color:#000;}
.mobile #menu_button.open-nav  ul:nth-child(1) li:nth-child(1) {margin-top:-31px;}
.mobile #menu_button.open-nav  ul:nth-child(2) li:nth-child(2) {margin-left:-5px;}
.mobile #menu_button.open-nav  ul:nth-child(2) li:nth-child(3) {margin-left:-10px;}
.mobile body.open-nav {overflow: hidden}
.animated {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.mobile .poser-content,
.mobile .poser-img {
    padding-left: 0%;
}
.mobile #top-nav {
    position: fixed;
    z-index: 999;
    top: 104px;
    border: 1px red;
    height: 100%;
    width: 100%;
    right: -1510px;
    /* right: 0px; */
    background: #ffffff;
    overflow-y: scroll;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.mobile.open-nav #top-nav {right:0}
.mobile #top-nav li {position: relative}
.mobile #top-nav > ul > li:after {
    content: "";
    position: absolute;
    top: 25%;
    right: 5%;
    display: block;
    border-top: 2px solid #2a2f45;
    border-right: 2px solid #2a2f45;
    width: 0.5em;
    height: 0.5em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.mobile form {
    width:100%;
}
body.mobile .quote {
    max-width: 90%;
    padding:0px;
    margin-top: 40px;
}
.mobile .quote span {margin-bottom: 10px;}

.mobile section#kontakt .inner_content {
    margin: 10px;
}
.mobile #welcome {
    width: 90%;
}
.mobile #services-index > div {
    margin: 10px 10px 30px 10px;
    padding: 10px;
}
.mobile .only-poser .poser-content {
    padding-left: 0px;
}
.content-img-right {padding-left:50px;}

@media (max-width: 1100px) {
    #topic-pos {
        flex-direction: column;
    }
    body.loaded #topic-pos > div {
        margin: 0 auto;
    }

}
@media (max-width: 1050px) {
    .site_content.flex {
        flex-direction: column;
    }
    .content-img-left, .content-img-right {
        text-align: center;
    }

    .content-img-left.left {
        text-align: left;
    }
    .site_content .content-img-right {order:1}
    .site_content .content-left {order:2;}
    .site_content  { border-bottom: 1px #EDCC8BFF solid; padding:50px 0; }
    #top-nav > ul {padding-left: 0}
}

@media (max-width: 967px) {#top-nav > .flex {flex-direction: column}}

/* Tablets */
@media (min-width: 768px) and (max-width: 1024px) {
    header, section, .section, .content, div, article {
        max-width: 100%;
        margin:0;
        padding:0;
    }
    img {max-width:100%; }
    #topic-pos {
        flex-direction: row;
        margin-top: -50px;
    }
    #topic-pos img {
        max-width: 80%;
        font-size: 80%;
    }
    #topic-pos h2 {font-size: 80%;}
    #topic-pos .topic {text-align: center}
    #services-index,#headline .zoom {padding: 20px}
    .headline_img img {width: auto;}
    .site_content > div { margin: 20px;}
    .privacy {margin: 20px}

}



/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

    #top-nav > .flex {
        flex-direction: row;
    }
    #banner-slogan1, #banner-slogan1 h1 {
        font-size: 50px;
    }
    #topic-pos img {max-width: 90%;}

    #header-wrapper.flex {flex-direction: column}
    #welcome {width: 70%;}
    section > div:nth-child(2) {padding: 0 10px 10px 10px}
    .site_content {border-bottom: 0px;}
    #headline {margin: 20px 0 20px 0;}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: Landscape) {
    #welcome {width: 70%;}
    #headline {margin: 20px 0 20px 0;}
    #headline h1 {margin-bottom: 0px }
}
/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {

    /* CSS */

}