.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}

/* Hide invisible elements */

.invisible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*--------------------------------------------------------------
Allgemeines Seitenlayout
--------------------------------------------------------------*/

html {
    height: 100%;
       margin: 0;
           overflow-y: scroll;

}

body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: 'Open Sans', sans-serif;
    font-size: 100%;
    line-height: 1;
}

#wrapper {
    margin: 0;
    padding: 0;
    height: 100%;
    display: grid;
    grid-template-rows: auto 1fr auto;
}

footer {
    background-color: #666;
    text-align: center;
    color: #fff;

}

footer a {
    text-decoration: none;
    font-weight: 400;
    color: #fff;
    padding: 0px 10px;
}

#video {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.full-screen-video-container {
    position: relative;
    height: 100vh;
    width: auto;
    display: flex;
    justify-content: center;
    align-items: flex-start;
       overflow: hidden;
}

.full-screen-video-container video {
 z-index: -1;
    position: absolute;
    width: auto;
    height: auto;
min-width: 100%;
    min-height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
      overflow: hidden;
      
}


.placeholder {
    height: 50px;
}

.placeholder_4 {
    height: 50px;
}


.image_container {
    margin: 0;
    padding: 0;
}


img {
    width: 100%;
    height: auto;
    display: block;
}

a {
    color: #004670;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a[href^=tel] {
    text-decoration: inherit;
    color: inherit;
}

/*--------------------------------------------------------------
Textauszeichnungen
--------------------------------------------------------------*/

h1,h2,h3 {
    font-weight: normal;
}


.smaller {
    font-size: 80%;
}

.section h2 {
    text-align: left;
}

.section_1 p {
    text-align: center;
}

hr {
    width: 50%;
    border: 2px solid;
    color: orange;
    margin: 40px auto;
}

.section--1
.section--2,
.section--3 {
    border-bottom: 1px solid;
    border-bottom-color: #ededed;
}

/*--------------------------------------------------------------
Scrooll to top button erzeugt mit jQuery
--------------------------------------------------------------*/

.back-to-top {
    background: darkorange;
    border-radius: 45px;
    position: fixed;
    bottom: 34px;
    right: 10px;
    padding: 0.5em;
    color: #fff;
}




/*--------------------------------------------------------------
Nur für die Startseite
--------------------------------------------------------------*/

.section_0 {
    width: 100%;
    height: 100vh;
    background-image: url(/files/images/starter_pad.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;

}

.section_0 .slogan {
    padding: 0;
    margin: 0px auto;
    width: 100%;
    position: absolute;
    bottom: 30px;
    text-transform: uppercase;
    text-align: center;

}

.section_0 .slogan h1 {
    font-size: 3em;
    line-height: 1.3;
    padding: 0;
    margin: 0;
    text-align: center;
    color: #fff;
text-shadow: 0px 1px 1px #999;

}

.section_0 .slogan h1 .orange {
    color: #000;
    text-shadow: none;
    background: orange;
    font-weight: bold;
    padding: 0px 10px;
    line-height: 1.5;
}

.section--1 {
    margin: 0px auto;
    padding: 6em 1em 3.5em;
    width: 90%;
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: auto;
    grid-template-areas:
        "text"
        "bild"
    ;
}

.section--1 .text {
    font-size: 1em;
    line-height: 1.5;
    text-align: center;
}
.section--1 img {
    margin: 0px auto;
    width: 80%;
    height: auto;
    border-radius: 90%;
}

.section--2 {
    margin: 0px auto;
    padding: 6em 1em 3.5em;
    width: 90%;
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: auto;
    grid-template-areas:
        "bild"
        "text"
    ;
}



.mod_rocksolid_slider {
    margin: 0px auto;
    width: 81%;
    height: auto;
    border-radius: 90%;
}


/*
.mod_rocksolid_slider img {
    margin: 0px auto;
    width: 50%;
    height: auto;
    border-radius: 90%;
}
*/



.section--2 img {
    margin: 0px auto;
    width: 80%;
    height: auto;
    border-radius: 90%;
}

.section--2 .text {
    font-size: 1em;
    line-height: 1.5;
    text-align: center;
}

.section--3 {
    margin: 0px auto;
    padding: 6em 1em 3.5em;
    width: 90%;
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: auto;
    grid-template-areas:
        "bild"
        "text"
        "text2"
        "text3"
    ;
}

.section--3 img {
    margin: 0px auto;
    width: 80%;
    height: auto;
    border-radius: 90%;
}

.section--3 .text {
    font-size: 1em;
    line-height: 1.5;
    text-align: center;
}

.section--3 .text2 {
    font-size: 1em;
    line-height: 1.5;
    text-align: center;
}
.section--3 .text3 {
    font-size: 1em;
    line-height: 1.5;
    text-align: center;
}

.datenschutz_text,
.impressum_text {
    font-size: 1em;
    line-height: 1.5;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    margin: 0px auto;
    width: 75%;
    padding: 10em 2em 2em;
}



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

    

    .section--1 {
        margin: 0 auto;
        padding: 30em 1em 3.5em;
        width: 80%;
        display: grid;
        grid-template-rows: auto;
        grid-template-columns: 50% 50%;
        grid-gap: 20px;
        grid-template-areas:
            "text bild"
        ;
    }

    .section--1 .bild img {
        margin: 4em auto 0;
        width: 80%;
        height: auto;
        border-radius: 90%;
        grid-area: bild;
    }

    .section--1 .text {
        margin: 5em auto 0;
        font-size: 1em;
        line-height: 1.5;
        text-align: left;
        grid-area: text;
    }

    .section--2 {
        margin: 0px auto;
        padding: 6em 1em 3.5em;
        width: 80%;
        display: grid;
        grid-template-rows: auto;
        grid-template-columns: 50% 50%;
        grid-gap: 20px;
        grid-template-areas:
            "bild text"
        ;
    }

    .section--2 .bild img {
        margin: 0px auto;
        width: 80%;
        height: auto;
        border-radius: 90%;
        grid-area: bild;
    }

    .section--2 .text {
        font-size: 1em;
        line-height: 1.5;
        text-align: left;
        grid-area: text;
    }

    .section--3 > div {
        display: flex;
/*        justify-content: center;*/
        align-items: left;
        flex-direction: column;
    }

    .section--3 {
        margin: 0px auto;
        padding: 6em 1em 3.5em;
        width: 80%;
        display: grid;
        grid-template-rows: auto;
        grid-template-columns: 50% 50%;
        grid-gap: 20px;
        grid-template-areas:
         "text bild"
        ;
    }
    
    .section--3 .text2 {
        grid-column: 1 / -1; 
    }

      .section--3 .text3 {
        grid-column: 1 / -1; 
    }
    
    .section--3 .bild img {
        margin: 0px auto;
        width: 80%;
        height: auto;
        border-radius: 90%;
        grid-area: bild;
    }

    .section--3 .text {
        font-size: 1em;
        line-height: 1.5;
        text-align: left;
        grid-area: text;
        height: 100%;

    }


    .section_4 {
        background-color: darkkhaki;
        text-align: left;
        font-size: 1em;
        line-height: 1.5;
        margin: 0px auto;
        padding: 4em 1em 3.5em;
    }

    .section_5 img {
        margin: 0px auto;
        width: 100%;
        height: auto;
        border-radius: 90%;
    }

    .section_3 {
        text-align: left;
        font-size: 1em;
        line-height: 1.5;
        width: 70%;
        margin: 0px auto;
        padding: 4em 1em 3.5em;
    }

    .section_0 {
        width: 100%;
        height: 100vh;
        background-image: url(/files/images/starter_bg.jpg);
        background-position: right center;
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;

    }

    .datenschutz_text,
.impressum_text {
    font-size: 1em;
    line-height: 1.5;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    margin: 0px auto;
    width: 75%;
    padding: 10em 2em 2em;
}

}

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

    .section--1,
    .section--2,
    .section--3 {
        padding: 6em 1em 3.5em;
        width: 70%;
    }


    .section_0 .slogan {
        padding: 0;
        margin: 0px auto;
        width: 100%;
        position: absolute;
        bottom: 100px;

    }

    .section_0 .slogan h1 {
        font-size: 5.5em;
        line-height: 1.3;
        padding: 0;
        margin: 0;
        text-align: center;
        color: #fff;

    }

    .section_0 .slogan h1 .orange {
        color: #000;
        text-shadow: none;
        background: orange;
        font-weight: bold;
        padding: 0px 10px;
        line-height: 1.5;
    }


    .downer {
        width: 80px;
        height: auto;
        margin-top: 20px;
        position: relative;
        left: 150px;

    }

    .section_1,
    .section_2 {
        font-size: 1em;
        line-height: 1.5;
        width: 60%;
        margin: 0px auto;
        padding: 4em 1em 3.5em;
        border-bottom: 1px solid;
        border-bottom-color: #ededed;
    }



    .datenschutz_text,
    .impressum_text {
        font-size: 1em;
        line-height: 1.5;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        margin: 0px auto;
        width: 50%;
        padding: 10em 2em 2em;
    }

}








/*--------------------------------------------------------------
Navigation
--------------------------------------------------------------*/

@media screen and (max-width:990px) {
    #navi .mod_onepage_navigation {
        display: none;
    }
}



/*--------------------------------------------------------------
mobile Menue
--------------------------------------------------------------*/
@media screen and (max-width: 990px) {

    #navi {
        box-sizing: border-box;
        z-index: 1000;
        font-size: 1.5em;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 110px;
        padding: 15px 10px 20px 0px;
        display: flex;
        /*        background-color: hsla(0, 0%, 50%, 0.40);*/
        background-color: hsla(0, 0%, 25%, 0.7);
        transition: .1s;

    }

    #navi .logo img {
        max-width: 88px;
        height: 88px;
        transition: .5s;
        position: absolute;
        top: 8px;
        left: 40px;
    }

    #navi.black {
        height: 70px;
        transition: .4s;
        background-color: hsla(0, 0%, 0.9);
        padding: 15px 50px 20px 0px;
        box-shadow: 0px 2px 8px #666;
        background-color: hsla(0, 0%, 25%, 0.95);
    }

    #navi.black .logo img {
        height: 50px;
        max-width: 50px;
        top: 8px;
        left: 40px;
    }

    #mobile-menu-9-trigger {
        padding: 6px;
        font-size: 0.8em;
        line-height: 1;
        color: #ccc;
        width: auto;
        position: absolute;
        top: 30px;
        right: 20px;
        border: 1px solid;
        border-color: #ccc;
        border-radius: 4px;
        cursor: pointer;
        z-index: 10000;
        transition: .2s;
    }

    #navi.black #mobile-menu-9-trigger {
        position: absolute;
        top: 14px;
        color: #fff;
        border-color: #fff;
        transition: .2s;
    }

    #mobile-menu-9 .inner {
        background: hsla(0, 0%, 25%, 0.8);
        overflow: auto;
    }

    .mobile_menu {
        font-size: 130%;
        z-index: 50000;
    }

    .onepage_navigation__list {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .onepage_navigation__list a,
    .onepage_navigation__list strong {
        border-bottom: 1px solid #666;
        color: white;
        display: block;
        padding: 12px 15px;
        text-decoration: none;
        font-weight: 400;
    }

}

@media screen and (min-width:991px) {
    #mobile-menu-9-trigger {
        display: none;
    }
}




/*--------------------------------------------------------------
Navigationsbereich oben
--------------------------------------------------------------*/



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

    #navi {
        box-sizing: border-box;
        z-index: 1000;
        font-size: 1.5em;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 110px;
        padding: 15px 10px 20px 0px;
        display: flex;
        /*        background-color: hsla(0, 0%, 50%, 0.40);*/
        background-color: hsla(0, 0%, 25%, 0.7);
        transition: .5s;

    }


    #navi .logo img {
        max-width: 88px;
        height: 88px;
        transition: .5s;
        position: absolute;
        top: 8px;
        left: 40px;
    }

    #navi.black {
        height: 70px;
        transition: .4s;
        background-color: hsla(0, 0%, 0.9);
        padding: 15px 50px 20px 0px;
        box-shadow: 0px 2px 8px #666;
        background-color: hsla(0, 0%, 25%, 0.9);
    }

    #navi.black .logo img {
        height: 50px;
        max-width: 50px;
        top: 8px;
        left: 40px;
    }

    #navi.black #mobile-menu-9-trigger {
        top: 20px;
        transition: .0s;
    }
}


.impressum #navi {
    background-color: hsla(0, 0%, 25%, 0.93);
}


.datenschutz #navi {
    background-color: hsla(0, 0%, 25%, 0.93);
}

.kontakt #navi {
    background-color: hsla(0, 0%, 25%, 0.93);
}

#navi .mod_onepage_navigation {
    position: absolute;
    right: 5%;
    top: 30px;
    transition: .5s;
}

#navi .onepage_navigation__list {
    display: flex;
    font-size: 71%;
    list-style-type: none;

}

#navi .onepage_navigation__list li {
    padding: 4px 10px;
}

#navi .onepage_navigation__list li a {
    text-decoration: none;
    color: #fff
}


#navi.black .mod_onepage_navigation {
    position: absolute;
    right: 5%;
    top: 10px;
    transition: .4s;
}

#navi .onepage_navigation__list .active {
    border-bottom: 1px solid;
    border-color: darkorange;
    transition: .4s;


}