#burger_menu_large {
}

#button_closed_large {
}

#hidden_area_large {
    height: 450px;
    width: 100%;
    display: none;
}


html { margin:0px; padding:0px; border:0px; }

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

p { list-style:none; margin:0px; padding:0px; }

ul { margin-left:1em; padding:0px; }

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



body { background-image:url(../bilder/bg-white.png); margin:0px; padding:0px; }



#header_line_up_01 { position:absolute; left:50%; width:50%; top:600px;; height:2px; background-image: url(../bilder/blue-line.png); background-repeat: repeat-x; z-index:1; }
#header_line_up_02 { position:absolute; left:0px; width:50%; top:615px;; height:2px; background-image: url(../bilder/blue-line.png); background-repeat: repeat-x; z-index:1; }

#header_line_down { position:absolute; left:0px; width:100%; top:790px;; height:2px; background-image: url(../bilder/blue-line.png); background-repeat: repeat-x; z-index:30; }



#picture_header_container { position:relative; left:0px; margin-top: 165px; margin-bottom: 0px; width: 100%; height:326px; display: flex; justify-content: center; align-items: top; background-image: url(../bilder/picture-area-large.png); background-repeat: repeat-x; z-index: 2; }

#picture_header_inside { position:relative; width: 980px; height:326px; display:inline-block; background-color: #ffffff; background-image: url(../bilder/picture-area-inside-large.png); background-repeat: repeat-x; z-index: 3; }

.container_header { display: flex; }

.box_header { width: 430px; height: 326px; border: 2px solid #357099; box-sizing: border-box; border-radius: 20px; margin-left: 40px; background-color: #ffffff; justify-content: center; align-items: center; display: flex; }



#header_burgermenu_position { position:absolute; top:0px; left:0px; width:100%; min-width:980px; height:165px; text-align:center; background-position: center; align-items: top; z-index:40;  }

#header_burgermenu_inside { position:relative; top:0px; left:0px; height:150px; width:980px; display:inline-block; z-index:40; }

#burger_menu_large { position:absolute; left:880px; top:50px; width:60px; height:45px; z-index:42; }



#hidden_area_large { position:absolute; top:160px; left:0px; width:100%; height:450px; justify-content: center; z-index:50; }

#navigation_area_large { position:absolute; width:100%; height:450px; z-index:51; }

#navigation_inside { position:relative; width: 900px; height:435px; display:inline-block; z-index: 51; }

#navigation_picture_large { position:absolute; top:190px; left:660px; width:240px; height:260px; z-index:52; }

#navigation_content_large { position:absolute; top:0px; left:0px; z-index:53; }

#button_closed_large { position:absolute; top:335px; left:725px; z-index:54; }



#logo_picture { position:absolute; left:0px; top:0px; width:980px; height:500px; z-index:4; }

#line_up_01 { position:absolute; left:0px; top:435px; width:980px; height:2px; z-index:6; }



#content_main_container { position:absolute; left:0px; top: 0px; width: 100%; display: flex; justify-content: center; align-items: top;  z-index: 20; }

#content_main_inside { position:relative; width: 100%; display:inline-block; z-index: 21; }


#content_container_up { position:relative; left:0px; margin-top: 56px; width: 100%; display: flex; justify-content: center; align-items: top; z-index: 20; }

#container_up_inside { position:relative; width: 900px; display:inline-block; z-index: 21; }


#headline_container { position:relative; left:0px; margin-top: 448px; width: 100%; display: flex; justify-content: center; align-items: top;   z-index: 20; }

#headline_inside{ position:relative; width: 900px; display:inline-block; z-index: 21; }


.with_underline { border-bottom: 2px solid #357099; padding-bottom: 25px; }


#content_container_01 { position:relative; left:0px; margin-top: 70px; width: 100%; display: flex; justify-content: center; align-items: top;   z-index: 20; }

#content_inside_01 { position:relative; width: 900px; display:inline-block; z-index: 21; }



.picture_container { position:relative; left:0px; margin-top: 62px; margin-bottom: 50px; width: 100%; height:326px; display: flex; justify-content: center; align-items: top; background-image: url(../bilder/picture-area-large.png); background-repeat: repeat-x; z-index: 20; }

.picture_inside { position:relative; width: 980px; height:326px; display:inline-block; background-color: #ffffff; background-image: url(../bilder/picture-area-inside-large.png); background-repeat: repeat-x; z-index: 21; }

.container { display: flex; }

.box { width: 430px; height: 326px; border: 2px solid #357099; box-sizing: border-box; border-radius: 20px; margin-left: 40px; background-color: #ffffff; justify-content: center; align-items: center; display: flex; }



.content_container_general { position:relative; left:0px;  margin-top: 0px; width: 100%; display: flex; justify-content: center; align-items: top; background-color: #ffffff; z-index: 20; }

.content_inside_general { position:relative; width: 900px; display:inline-block; z-index: 21; }



#footer_container { position:relative; left:0px; margin-top: 67px; width: 100%; min-width:980px; min-height: 1000px; display: flex; justify-content: center; align-items: top;  background-color: #ffffff; background-image: url(../bilder/footer-lines-large.png); background-repeat: repeat-x; z-index: 20; }

#footer_inside { position:relative; width: 900px; display:inline-block; z-index: 21; }

#footer_picture { position:absolute; left:510px; top:192px; width: 390px; height: 536px; background-image: url(../bilder/werbeagentur-kober-sichtbar-sein-desktop.png); background-size: 390px 536px; z-index:22; }

#footer_content { position:absolute; left:0px; top:0px; width:900px; z-index:23; }

#footer_claim { position:absolute; left:0px; top:234px; width: 900px; z-index:23; }


#footer_areablue { position:relative; left:0px; margin-top: 0px; width: 100%; min-width:980px; min-height: 80px; display: flex; justify-content: center; align-items: top;  background-color: #357099; z-index: 20; }

#areablue_inside { position:relative; width: 900px; display:inline-block; z-index: 21; }




#back2Top {
    width: 50px;
    line-height: 50px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 30px;
    right: 30px;
    background-color: #d93f04;
    color: #ffffff;
    border: 1px solid white;
    text-align: center;
    font-size: 24px;
    text-decoration: none;
    opacity: 1.0;
}
#back2Top:hover {
    background-color: #245577;
    color: #ffffff;
    border: 1px solid white;
    opacity: 1.0;
}