#burger_menu_medium {
}

#button_closed_medium {
}

#hidden_area_medium {
    height: 114px;
    width: 620px;
    display: none;
}



body { background-color: #ffffff; margin:0px; padding:0px; }



#header_area_medium { position:absolute; left:0px; width:100%; top:0px;; height:100px; background-color: #ffffff; z-index:1; }

.header_line_01 { position:absolute; left:0px; width:100%; top:120px; height:2px; background-color: #707070; z-index:10; }
.header_line_02 { position:absolute; left:0px; width:100%; top:134px; height:1px; background-color: #d93f04; z-index:10; }




#header_container_medium { position:absolute; top:0px; left:0px; width:100%; min-width:680px; height:154px; text-align:center; align-items: top; z-index:2; }

#header_inside_medium { position:relative; top:0px; left:0px; height:154px; width:680px; display:inline-block; z-index:3; }

#logo_typo_medium { position:absolute; left:30px; top:0px; width:510px; height:86px; z-index:4; }

#burger_menu_medium { position:absolute; left:600px; top:0px; width:50px; height:80px; z-index:32; display: inline-flex; }




#header_container_hidden_medium { position:absolute; top:147px; left:0px; width:100%; min-width:620px; height:90px; text-align:center; align-items: top; z-index:30; }

#header_container_hidden_inside_medium { position:relative; top:5px; left:0px; height:90px; width:620px; display:inline-block; vertical-align: top; z-index:30; }

#hidden_area_medium  { position:absolute; top:0px; left:0px; width:620px; height:114px; z-index:30; }

#navigation_area_medium  { position:absolute; width:618px; height:112px; background-color: #ffffff; border: 1px solid black; text-align:left; z-index:31; }

#navigation_inside_medium  { position:relative; margin-top:24px; margin-left:30px; width: 620px; display:inline-block; vertical-align: top; z-index: 31; }

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

#button_closed_medium  { position:absolute; top:36px; left:545px; z-index:34; }




.main_content_container { position:absolute; top:135px; left:0px; width:100%; min-width:680px; min-height: 100px; text-align:center; align-items: top; background-color: #ffffff; z-index:10; }



.background_lightbeige_headline_container { position:relative; left: 0px; top: 0px; width: 100%; min-height: 100px; min-width:680px; display:flex; justify-content: center; align-items: top; background-color: #ece8de; z-index: 11; }

.headline_lightbeige_container { position:relative; width: 680px; display:inline-block; vertical-align: top; z-index: 12; }

.headline_lightbeige { left: 0px; top: 0px; margin-left: 30px; margin-right: 30px;  z-index: 13; }



.background_lightbeige_pictures_medium { position:relative; left: 0px; top: 0px; width: 100%; min-width:680px; min-height: 200px; display:flex; justify-content: center; align-items: top; background-color: #ece8de; z-index: 11; }

.picturelines_lightbeige_container_medium { position:relative; width: 680px; margin-top: 35px; background-color: #ece8de; background-image: url('../bilder/white-lines-frame-left.png'), url('../bilder/white-lines-frame-right.png'); background-position: left center, right center; background-repeat: no-repeat, no-repeat; z-index: 12; }

.pictures_lightbeige_container_medium { position:relative; width: 620px; display:inline-block; vertical-align: top; z-index: 13; }

.picture_lightbeige_left_medium { position:absolute; margin-left: 1px; margin-top: 1px; }
.picture_lightbeige_right_medium { position:absolute; margin-left: 321px; margin-top: 1px; }

.image_01_medium {
  border: 9px solid white;    /* Rahmen 1: 9px weiß */
  box-shadow: 0 0 0 1px #D93F04;   /* Rahmen 2: 1px rot (über Schatten-Ausbreitung) */
}



.background_lightbeige_content_container { position:relative; left: 0px; top: 0px; width: 100%; min-height: 100px; min-width:680px; display:flex; justify-content: center; align-items: top; background-color: #ece8de; z-index: 11; }

.content_lightbeige_container { position:relative; width: 680px; display:inline-block; vertical-align: top; z-index: 12; }

.content_lightbeige { margin-left: 30px; margin-right: 30px; margin-top: 30px; margin-bottom: 40px; }



.background_white_content_container { position:relative; left: 0px; top: 0px; width: 100%; min-height: 100px; min-width:680px; display:flex; justify-content: center; align-items: top; background-color: #ffffff; z-index: 11; }

.content_white_container { position:relative; width: 680px; display:inline-block; vertical-align: top; z-index: 12; }

.content_white { margin-left: 30px; margin-right: 30px; margin-top: 35px; margin-bottom: 40px; z-index: 12; }



.background_lightgreen_pictures_medium  { position:relative; left: 0px; top: 0px; width: 100%; min-height: 300px; min-width:680px; display:flex; justify-content: center; align-items: top; background-color: #efefc1; z-index: 11; }

.picturelines_lightgreen_container_medium  { position:relative; width: 680px; margin-top: 45px; background-color: #efefc1; z-index: 12; }

.pictures_lightgreen_container_medium  { position:relative; width: 680px; display:inline-block; vertical-align: top; z-index: 13; }

.picture_lightgreen_left_medium  { position:absolute; margin-left: 31px; margin-top: 1px; }
.picture_lightgreen_right_medium  { position:absolute; margin-left: 351px; margin-top: 1px; }

.image_01_medium {
  border: 9px solid white;    /* Rahmen 1: 9px weiß */
  box-shadow: 0 0 0 1px #D93F04;   /* Rahmen 2: 1px rot (über Schatten-Ausbreitung) */
}



.background_lightgreen_content_container { position:relative; left: 0px; top: 0px; width: 100%; min-height: 100px; min-width:680px; display:flex; justify-content: center; align-items: top; background-color: #efefc1; z-index: 11; }

.content_lightgreen_container { position:relative; width: 680px; display:inline-block; vertical-align: top; z-index: 12; }

.content_lightgreen { margin-left: 30px; margin-right: 30px; margin-top: 30px; width:620px; margin-bottom: 40px; }




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

.footer_line_01 { position:absolute; left:0px; top: 0px; width:100%; height:2px; background-color: #d93f04; display:inline-block; vertical-align: top; z-index:20; }
.footer_line_02 { position:absolute; left:0px; top: 0px; margin-top: 14px; width:100%; height:2px; background-color: #707070; display:inline-block; vertical-align: top; z-index:20; }

.footer_container_inside { position:relative; left: 0px; top: 0px; bottom: 0px; width: 680px; height: 265px; display:inline-block; vertical-align: top; z-index: 21; }

.footer-logo { position:absolute; left:0px; top: 0px; margin-top: 71px; bottom: 0px; margin-left: 30px; width: 56px; height: 209px; display: block; vertical-align: bottom; z-index: 22; }

.content_footer { position:absolute; left:0px; top: 0px; margin-top: 68px; margin-left: 140px; margin-right: 30px; z-index: 22; }

.content_footer_hyperlinks { position:absolute; left:0px; top: 0px;  margin-left: 140px; margin-right: 30px; margin-top: 225px; z-index: 22; }




#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: #000000;
    color: #ffffff;
    border: 1px solid white;
    opacity: 1.0;
}