/* CSS Document */

/*----------- Color Palette -------------------*/
/*
LIGHT ORANGE: #e4644b	228,100,75
DARK ORANGE: #d05942	208,89,66
DARK BROWN: #484141		72,65,65
Menu text: #f7f1e3		247,241,227
Submenu text: #ae9f9f	174,159,159

*/





/*----------- Hintergrund ---------------------*/

html, body {
background-color: #f0f0f0;
}

/*----------- Fenster komplett ---------------------*/
.main {
display:flex;
height: 800px;
/*width: 1400px;*/
width: 100%;
flex-direction: column;
}

body{
font-size: 20px;
}


/*----------- Überschrift ---------------------*/
.ueberschrift {	
height:80px;
width:100%;
background-color: #e4644b;
border-radius: 7px 7px 7px 7px;
margin:5px;
}

.ueberschrift span{
margin-left: 80px;
color: #f7f1e3;
font-size: 35px;
font-weight:900;
line-height:80px;
}


/*----------- Navigation ---------------------*/
.flex_box_index_navigation {	
height:40px;
width:100%;
margin:5px;
display:flex;
flex-direction: row;
justify-content: center; 
}

.index_submit_navigation {
width:120px;
height:40px;
display: inline-block;
border:3px;
border-color:  #d05942;
border-style: solid;
/* background:#d05942; */
background: #f0f0f0;
border-radius: 7px 7px 7px 7px;
color:#d05942;
font-weight:bold;
margin-left: 5px;
margin-right: 5px;
}

.index_submit_navigation:hover {
background:#d05942;
color:#f7f1e3;
}




.flex_index_hauptfenster {	
flex: 1;
/* height: 70px; */
margin-top: 10px;
width:100%;
align-self: center;
border-color:  #e4644b;
border-style: solid;
border-radius: 7px 7px 7px 7px;
position: relative;
display: flex;
flex-direction: column;
justify-content : space-around;
align-items : center;
}

.div_01 {
/* position: absolute;      
left: 30%;
top: 6%;  */	
width: auto;
height: auto;
border-color:  #e4644b;
border-style: solid;
border-radius: 7px 7px 7px 7px;
}

.div_01 h1 {
margin: 10px;
color: #d05942;
font-size: 25px;
font-weight:600;
}


.div_02 {
/* position: absolute;      
left: 16%;
top: 17%; */ 	
width: 70%;
height: auto;
border-color:  #e4644b;
border-style: solid;
border-radius: 7px 7px 7px 7px;
}

.div_02 h2 {
margin: 10px;
color: #d05942;
font-size: 25px;
font-weight:600;
}

.div_02 p {
margin: 10px;
color: #d05942;
font-size: 25px;
font-weight:400;
}




.div_button_01 {
/* position: absolute;      
left: calc(50% - 100px);
top: calc(50% - 50px);	 */
width: auto;
height: auto;
}

#index_submit_anmeldung {
width:200px;
height:100px;
display: inline-block;
border:3px;
border-color:  #d05942;
border-style: solid;
/* background:#d05942; */
background: #f0f0f0;
border-radius: 7px 7px 7px 7px;
color:#d05942;
font-size: 25px;
font-weight:bold;
}

#index_submit_anmeldung:hover {
background:#d05942;
color:#f7f1e3;
}