

#burger_menu_wide {
}

#button_closed_wide {
}

#hidden_area_wide {
    height: 430px;
    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 { position:absolute; left:0px; width:100%; top:230px;; height:2px; background-image: url(../bilder/blue-line.png); background-repeat: repeat-x; z-index:1; }

#header_line_area { position:absolute; top:0px; left:0px; width:100%; height:240px; justify-content: center; z-index:2; }

#header_line_inside_area { position:relative; top:0px; left:0px; width:1200px; height:240px; display:inline-block; background-color: #ffffff; z-index:2; }

#header_line_inside { position:absolute; left:50px; right:50px; width:1100px; top:230px;; height:2px; background-image: url(../bilder/blue-line.png); background-repeat: repeat-x; z-index:3; }



#header_burgermenu_position { position:absolute; top:0px; left:0px; width:100%; min-width:1200px; height:230px; text-align:center; background-position: center; align-items: top; z-index:32;  }

#header_burgermenu_inside { position:relative; top:0px; left:0px; height:230px; width:1200px; display:inline-block; z-index:32; }

#burger_menu_wide { position:absolute; left:1080px; top:85px; width:70px; height:52px; z-index:32; }



#hidden_area_wide { position:absolute; top:220px; left:0px; width:100%; height:430px; justify-content: center; z-index:50; }

#navigation_area_wide { position:absolute; width:100%; height:430px; z-index:51; }

#navigation_inside { position:relative; width: 1100px; height:430px; display:inline-block; z-index: 51; }

#navigation_picture_wide { position:absolute; top:170px; left:860px; width:240px; height:260px; z-index:52; }

#navigation_content_wide { position:absolute; top:0px; left:0px; z-index:53; }

#button_closed_wide { position:absolute; top:318px; left:920px; z-index:54; }



#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: 90px; width: 100%; display: flex; justify-content: center; align-items: top; z-index: 40; }

#container_up_inside { position:relative; width: 1100px; display:inline-block; z-index: 41; }


#headline_container { position:relative; left:0px; margin-top: 163px; width: 100%; display: flex; justify-content: center; align-items: top;   z-index: 20; }

#headline_inside { position:relative; width: 1100px; display:inline-block; z-index: 21; }


.with_underline { border-bottom: 2px solid #357099; padding-bottom: 30px; }


#content_container_01 { position:relative; left:0px; margin-top: 83px; width: 100%; display: flex; justify-content: center; align-items: top;   z-index: 20; }

#content_inside_01 { position:relative; width: 1100px; display:inline-block; z-index: 21; }



.picture_container { position:relative; left:0px; margin-top: 62px; margin-bottom: 50px; width: 100%; height:400px; display: flex; justify-content: center; align-items: top; background-image: url(../bilder/picture-area-wide.png); background-repeat: repeat-x; z-index: 20; }

.picture_inside { position:relative; width: 1200px; height:400px; display:inline-block; background-color: #ffffff; background-image: url(../bilder/picture-area-inside-wide.png); background-repeat: repeat-x; z-index: 21; }

.container { display: flex; }

.box { width: 525px; height: 400px; border: 2px solid #357099; box-sizing: border-box; border-radius: 20px; margin-left: 50px; 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: 1100px; display:inline-block; z-index: 21; }



#footer_container { position:relative; left:0px; margin-top: 65px; width: 100%; min-width:1200px; min-height: 1055px; display: flex; justify-content: center; align-items: top;  background-color: #ffffff; background-image: url(../bilder/footer-lines-wide.png); background-repeat: repeat-x; z-index: 20; }

#footer_inside { position:relative; width: 1100px; display:inline-block; z-index: 21; }

#footer_picture { position:absolute; left:700px; top:212px; width: 400px; height: 560px; background-image: url(../bilder/werbeagentur-kober-sichtbar-sein-widescreen.png); background-size: 400px 560px; z-index:22; }

#footer_content { position:absolute; left:0px; top:0px; width:1100px; z-index:23; }

#footer_claim { position:absolute; left:0px; top:244px; width: 1100px; z-index:23; }


#footer_areablue { position:relative; left:0px; margin-top: 0px; width: 100%; min-width:1200px; min-height: 80px; display: flex; justify-content: center; align-items: top;  background-color: #357099; z-index: 20; }

#areablue_inside { position:relative; width: 1100px; 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: 50px;
    right: 50px;
    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;
}