

#burger_menu_medium {
}

#button_closed_medium {
}

#hidden_area_medium {
    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 { position:absolute; left:0px; width:100%; top:165px;; 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:175px; justify-content: center; z-index:2; }

#header_line_inside_area { position:relative; top:0px; left:0px; width:680px; height:175px; display:inline-block; background-color: #ffffff; z-index:2; }

#header_line_inside { position:absolute; left:30px; right:30px; width:620px; top:165px;; 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:680px; height:165px; text-align:center; background-position: center; align-items: top; z-index:40;  }

#header_burgermenu_inside { position:relative; top:0px; left:0px; height:165px; width:680px; display:inline-block; z-index:40; }

#burger_menu_medium { position:absolute; left:595px; top:59px; width:55px; height:40px; z-index:42; }



#hidden_area_medium { position:absolute; top:160px; left:0px; width:100%; height:450px; justify-content: center; z-index:50; }

#navigation_area_medium { position:absolute; width:100%; height:450px; z-index:51; }

#navigation_inside { position:relative; width: 620px; height:435px; display:inline-block; z-index: 51; }

#navigation_picture_medium { position:absolute; top:190px; left:380px; width:240px; height:260px; z-index:52; }

#navigation_content_medium { position:absolute; top:0px; left:0px; z-index:53; }

#button_closed_medium { position:absolute; top:335px; left:440px; z-index:54; }



#logo_picture { position:absolute; left:0px; top:0px; width:680px; height:345px; z-index:4; }

#line_up_01 { position:absolute; left:0px; top:300px; width:680px; 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: 63px; width: 100%; display: flex; justify-content: center; align-items: top; z-index: 20; }

#container_up_inside { position:relative; width: 620px; display:inline-block; z-index: 21; }


#headline_container { position:relative; left:0px; margin-top: 110px; width: 100%; display: flex; justify-content: center; align-items: top;   z-index: 20; }

#headline_inside{ position:relative; width: 620px; display:inline-block; z-index: 21; }


.with_underline { border-bottom: 2px solid #357099; padding-bottom: 20px; }


#content_container_01 { position:relative; left:0px; margin-top: 60px; width: 100%; display: flex; justify-content: center; align-items: top;   z-index: 20; }

#content_inside_01 { position:relative; width: 620px; display:inline-block; z-index: 21; }



.picture_container { position:relative; left:0px; margin-top: 52px; margin-bottom: 40px; width: 100%; height:225px; display: flex; justify-content: center; align-items: top; background-image: url(../bilder/picture-area-medium.png); background-repeat: repeat-x; z-index: 20; }

.picture_inside { position:relative; width: 680px; height:225px; display:inline-block; background-color: #ffffff; background-image: url(../bilder/picture-area-inside-medium.png); background-repeat: repeat-x; z-index: 21; }

.container { display: flex; }

.box { width: 295px; height: 225px; border: 2px solid #357099; box-sizing: border-box; border-radius: 20px; margin-left: 30px; 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: 620px; display:inline-block; z-index: 21; }



#footer_container { position:relative; left:0px; margin-top: 65px; width: 100%; min-width:680px; min-height: 945px; display: flex; justify-content: center; align-items: top;  background-color: #ffffff; background-image: url(../bilder/footer-lines-medium.png); background-repeat: repeat-x; z-index: 20; }

#footer_inside { position:relative; width: 620px; display:inline-block; z-index: 21; }

#footer_picture { position:absolute; left:315px; top:172px; width: 305px; height: 420px; background-image: url(../bilder/werbeagentur-kober-sichtbar-sein-tablet.png); background-size: 305px 420px; z-index:22; }

#footer_content { position:absolute; left:0px; top:0px; width:620px; z-index:23; }

#footer_claim { position:absolute; left:0px; top:213px; width: 620px; z-index:23; }


#footer_areablue { position:relative; left:0px; margin-top: 0px; width: 100%; min-width:680px; min-height: 105px; display: flex; justify-content: center; align-items: top;  background-color: #357099; z-index: 20; }

#areablue_inside { position:relative; width: 620px; 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;
}