#burger_menu_small {
}

#button_closed_small {
}

#hidden_area_small {
    height: 710px;
    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:433px;; 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:441px;; height:2px; background-image: url(../bilder/blue-line.png); background-repeat: repeat-x; z-index:1; }



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

#picture_inside_header { position:relative; width: 300px; height:230px; display:inline-block; background-color: #ffffff; background-image: url(../bilder/bg-white.png); background-repeat: repeat; z-index: 21; }

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



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

#header_burgermenu_inside { position:relative; top:0px; left:0px; width:320px; display:inline-block; z-index:50; }

#burger_menu_small{ position:absolute; left:258px; top:136px; width:52px; height:39px; z-index:52; }



#hidden_area_small { position:absolute; top:219px; left:0px; width:100%; height:710px; justify-content: center; z-index:30; }

#navigation_area_small { position:absolute; width:100%; height:710px; z-index:31; }

#navigation_inside { position:relative; width: 300px; height:710px; display:inline-block; z-index: 31; }

#navigation_picture_small { position:absolute; top:450px; left:60px; width:240px; height:260px; z-index:32; }

#navigation_content_small { position:absolute; top:0px; left:0px; z-index:33; }

#button_closed_small { position:absolute; top:595px; left:125px; z-index:34; }



#header_container { position:absolute; top:0px; left:0px; width:100%; min-width:300px; height:530px; text-align:center; background-position: center; align-items: top; z-index:2; }

#header_inside { position:relative; top:0px; left:0px; height:530px; width:300px; display:inline-block; z-index:3; }


#header_content_small { position:absolute; left:0px; top:0px; width:300px; height:530px; z-index:20; }


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


#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_01 { position:relative; left:0px; margin-top: 566px; width: 100%; display: flex; justify-content: center; align-items: top;   z-index: 20; }

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




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

.picture_inside { position:relative; width: 300px; height:230px; display:inline-block; background-color: #ffffff; background-image: url(../bilder/bg-white.png); background-repeat: repeat; z-index: 21; }

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



.picture_container_340 { position:relative; left:0px; margin-top: 40px; margin-bottom: 35px; width: 100%; height:400px; display: flex; justify-content: center; align-items: top; background-image: url(../bilder/picture-area-340-small.png); background-repeat-x: z-index: 20; }

.picture_inside_340 { position:relative; width: 300px; height:400px; display:inline-block; background-color: #ffffff; background-image: url(../bilder/bg-white.png); background-repeat: repeat; z-index: 21; }

.box_340 { width: 300px; height: 400px; border: 2px solid #357099; box-sizing: border-box; border-radius: 20px; margin-left: 0px; 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: 300px; display:inline-block; z-index: 21; }



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

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

#footer_picture { position:absolute; left:63px; top:379px; width: 237px; height: 326px; background-image: url(../bilder/werbeagentur-kober-sichtbar-sein-mobile.png); background-size: 237px 326px; z-index:22; }

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

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


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

#areablue_inside { position:relative; width: 300px; 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;
}