/*reset*/


* {
 padding: 0;
 margin: 0;
}

#form_Xh_0 {
width: calc(100% - 2rem);
display: grid;
grid-template-rows: auto auto auto auto auto; 
grid-template-columns: 1fr 1fr 1fr;
gap: 0.5rem 1rem;
font-family: Source Sans Pro;
}



#Div_Benennung_Name { height:1.5rem; grid-row: 1 / 2; grid-column: 1 / 2; }
#Benennung_Name {   height:1.5rem; }
#X8_0 { height:2rem; grid-row: 2 / 3; grid-column: 1 / 2; background-color: white; border-style:none; padding: 0 0.3rem 0 0.3rem;}

#Div_Benennung_E-Mail-Adresse { height:1.5rem; grid-row: 1 / 2; grid-column: 2 / 3;}
#Benennung_E-Mail-Adresse { height:1.5rem; }
#X8_2 { height:2rem; grid-row: 2 / 3; grid-column: 2 / 3; background-color: white; border-style:none; padding: 0 0.3rem 0 0.3rem;}

#Div_Benennung_Telefon { height:1.5rem; grid-row: 1 / 2; grid-column: 3 / 4;}
#Benennung_Telefon { height:1.5rem; }
#X8_1 {height:2rem; grid-row: 2 / 3; grid-column: 3 / 4; background-color: white; border-style:none; padding: 0 0.3rem 0 0.3rem;}

#Div_Benennung_Ihre_Nachricht {  height:1.5rem; margin: 1rem 0 0 0; grid-row: 3 / 4; grid-column: 1 / 4;}
#Benennung_Ihre_Nachricht  { height:1.5rem; }
#X9_0 {  height: 6rem; grid-row: 4 / 5; grid-column: 1 / 4;  background-color: white; border-style:none; padding: 0.3rem 0.3rem 0.3rem 0.3rem; margin-bottom:0.5rem; font-size: 0.9rem;}

#Xo_0 { height: 3rem; grid-row: 5 / 6; grid-column: 2 / 3;}
#Senden_Button {-webkit-appearance: none; width:100%; height:100%; background-color: #e9e9ed; border: 1px solid #8f8f9d; border-radius: 0.5rem 0.5rem 0.5rem 0.5rem ;}
#Senden_Button:hover {background-color: #d0d0d7;}

#X3_f {visibility: hidden; position: absolute; right: 0px; bottom: 210px; width: 245px; height: 20px; float: right;  text-align: right;}
#Form_Div_5 {position:static; left:0px; top:0px; width:245px; height:20px; font-weight:600; }

#form_Xh_0 #X3_b { grid-row: 1 / 6; grid-column: 1 / 4; height: 18rem;  display: flex; justify-content: center; align-items: flex-end; width: 100%;   }
#X3_b p {font-size: 1.3rem;}


@media only screen and (max-width: 630px) {
#form_Xh_0 {grid-template-rows: auto auto auto auto auto auto; grid-template-columns: max-content 1fr;
}
#form_Xh_0 * {margin-bottom: 0.5rem; }

#Div_Benennung_Name { grid-row: 1 / 2; grid-column: 1 / 2; }
#X8_0 { grid-row: 1 / 2; grid-column: 2 / 3;}

#Div_Benennung_E-Mail-Adresse {grid-row: 2 / 3; grid-column: 1 / 2;}
#X8_2 { grid-row: 2 / 3; grid-column: 2 / 3; }

#Div_Benennung_Telefon { grid-row: 3 / 4; grid-column: 1 / 2;}
#X8_1 {grid-row: 3 / 4; grid-column: 2 / 3; }

#Div_Benennung_Ihre_Nachricht { margin: 0 0 0 0; grid-row: 4 / 5; grid-column: 1 / 2;}
#X9_0 {  height: 6rem; grid-row: 5 / 6; grid-column: 1 / 3;  }

#Xo_0 {grid-row: 6 / 7; grid-column: 1 / 3;}

#form_Xh_0 #X3_b { grid-row: 1 / 7; grid-column: 1 / 3; height: 21.5rem; }
}


@media only screen and (max-width: 480px) {
#form_Xh_0 {grid-template-rows: auto auto auto auto auto auto auto auto auto; grid-template-columns: 1fr; gap: 0 0;}
#form_Xh_0 * {margin-bottom: 0; }
#X8_0, #X8_2, #X8_1, #X9_0  {margin-bottom: 1rem;}

#Div_Benennung_Name { grid-row: 1 / 2; grid-column: 1 / 2; }
#X8_0 { grid-row: 2 / 3; grid-column: 1 / 2;}

#Div_Benennung_E-Mail-Adresse {grid-row: 3 / 4; grid-column: 1 / 2;}
#X8_2 { grid-row: 4 / 5; grid-column: 1 / 2;}

#Div_Benennung_Telefon { grid-row: 5 / 6; grid-column: 1 / 2;}
#X8_1 {grid-row: 6 / 7; grid-column: 1 / 2;}

#Div_Benennung_Ihre_Nachricht { grid-row: 7 / 8; grid-column: 1 / 2;}
#X9_0 {  height: 6rem; grid-row: 8 / 9; grid-column: 1 / 2;}

#Xo_0 {grid-row: 9 / 10; grid-column: 1 / 2;}

#form_Xh_0 #X3_b { grid-row: 1 / 10; grid-column: 1 / 2; height: 25.5rem; }
}