*{
	/*default Einstellungen verändern*/
	margin: 0px;
	padding: 0px;
	box-sizing: border-box; /*padding and border are included in the width and height*/
}

p {
	margin-bottom: 1rem;
}

p:last-child {
	margin-bottom: 0rem;
}

article:last-child {
  margin-bottom: 6vh;
}

/*----------------------------------------------------------*/
/*----------------------------------------------------------*/
/*------------------Styling: Kontakt------------------------*/

.kontakt-form {
  /*border: 5px solid blue;*/
  max-width:90%;
  margin: 0rem auto;

  border-radius: 5px;

	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}

input {
  display: block;
  width: 100%;
  margin: 0.5rem auto;
  font-size: 1.2em;
  padding: 0.5rem;
  border-radius: 5px;
}

textarea {
  display: block;
	width: 100%;
	margin: 0.5rem auto;
  font-size: 1.2em;
  padding: 0.5rem;
  border-radius: 5px;
}

button {
  /*border: 10px solid green;*/
  width: 65%;
  margin: 1.0rem auto;
	margin-bottom: 1.5rem;
  font-size: 1.8rem;
  padding: 0.5rem;
  background-color: #f1f1f1;
  color: black;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 5px;
}

#html_element{
	margin: auto;
}

/*----------------------------------------------------------*/
/*----------------------------------------------------------*/
/*----------------------------------------------------------*/
/*----------------------------------------------------------*/
/*-------------Ab jetzt wird Tablet gestylt-----------------*/

@media only screen and (min-width:700px){  /*---Grenze anpassen ????---*/

	form.kontakt-form {
	  /*border: 5px solid blue;*/
	  max-width:85%;
	}

/*----------------------------------------------------------*/
/*----------------------------------------------------------*/
/*------------------Styling: Kontakt------------------------*/






/*----------------------------------------------------------*/
}
/*----------------------------------------------------------*/
/*----------------------------------------------------------*/
/*----------------------------------------------------------*/
/*----------------------------------------------------------*/
/*---------------Ab jetzt wird Computer gestylt-------------*/

@media only screen and (min-width:1100px){  /*---Grenze anpassen ????---*/

    textarea {
        max-width: 100%;

    }

	button:hover {
	  background-color: #c0d6e4;
	}

/*--------------------------------------------------------------------*/
/*--------------------------------------------------------------------*/
/*--------------------Styling: Kontakte-------------------------------*/




/*---------------------------------------------*/
}