@media only screen and (max-width: 870px) {

  .item1 {grid-area: 1 / span 2;}
  .item2 {grid-area: 2 / span 2;}
  .item3 {grid-area: 3 / span 2;}
  .item4 {grid-area: 6 / span 2;}
  .item5 {grid-area: 4 / span 2;}
  .item6 {grid-area: 7 / span 2;}
  .item7 {grid-area: 5 / span 2;}




  .grid-container {
  	display: grid;
  	grid-template-areas:
	'right right'
    	'header header'
	'main main'
	'adress adress'
	'menu menu'
    	'footer footer';
  	gap: 0px;
 	background-color: white;
  	padding: 0px;
	}




.grid-container > div {
  	padding: 0;
  	font-size: 16px;
	margin: 0;
  	box-sizing: border-box;
	}



body 	{
	font-family: Helvetica, Verdana, Arial, sans-serif;
  	text-decoration: none;
  	margin-top: 8px;
	}
	


#inhalt {
	padding-top: 10px; 
	padding-bottom: 0px;
	margin-left: auto; 
	margin-right: auto;
	}


.item1 {
  	grid-area: right;
  	width: 90%
	background-color: white;
  	align: top;
  	text-align: right;
  	text align: top;
	text-decoration: none; 
	font-weight: bold; 
	padding-bottom: 3px;
	}





.item2 {
  	grid-area: header;
  	background-color: #ff4814;
  	color: #ffffff;
	border-top: 10px solid #ff4814;
	border-bottom: 10px solid #ff4814;
	line-height: 5px;
	}





.item2 > h1 {
  	text-align: center; 
  	align: bottom;
  	font-size: 198%;
  	margin-left: 0%;
	font-weight: bold;
	line-height: 10px;
	background-color: #ff4814;
	vertical-align: bottom;
	}




.item2 > h3 {
  	text-align: top;
  	text-align: center;
  	font-size: 77%;
	color: white;
  	font-weight: bold;
	background-color: #ff4814;
	vertical-align: top;
	line-height: 1px;
	}
	



.item3 {
  	display: none;
	}










.item4 	{
  	grid-area: menu;
  	margin-top: 0px;
  	text-align:center;
 	}




.item4 > ul {
  	list-style-type: none;
  	margin: 0;
  	padding: 0;
	color: black; 
  	background-color: white;
	}




.item4 > li {
  	color: black; 
  	background-color: white;
  	margin: 0;
  	padding: 0;
  	margin-bottom: 7px;
	margin-top: 7px;
  	font-size: 50%;
  	font-weight: bold;
	font-color: #000000;
  	text-decoration: none;
	}




h4 	{
	display: none;
	}


a	{
	font-size: 90%;
	margin: 1px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;	
	color: black;
	}





.a:hover{
	color: #ff4814;
	}





.item5 {
  	grid-area: main;
  	margin-top: 0%;
 	}



.item5 > p {
  	margin-bottom: 0px;
	padding-bottom: 25px;
	font-size: 95%;
	margin-left: 5%;
	margin-right: 6%;
	line-height: 22px;
	text-align: justify;
  	}





.item5 > h2 {
	margin-top: 35px;
  	font-size: 90%;
	line-height: 22px;
  	padding-bottom: 0px;
  	color: #000000;
  	font-weight: bold;
  	background-color: #ffffff;
	margin-left: 5%;
	margin-right: 6%;
	text-align: justify;
	}




.item6 {
  	grid-area: footer;
  	background-color: white;
  	color: #555555;
  	margin-left: 2%;
  	margin-right: 3%;
	}




.item6 {
  	grid-area: footer;
  	text-align: center;
  	padding-left: 3.5%;
  	padding-right: 3.5%;
  	margin-bottom: 2px;
  	background-color: #ffffff;
  	font-color: #555555;
  	font-size: 85%;
  	font-weight: bold;
  	text-decoration: none;
	}




.a:hover{
	color: #ff4814;
	}





p	{
	font-size: 90%;
	margin: 0px;	
	padding: 0px 00px 0px 0px;
	text-decoration: none;	
	font-weight: normal;
	}




a	{
	font-size: 75%;
	margin: 1px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;	
	color: black;
	}


.Palmas	{	
	color: #ff4814;
	line-height: 25px;
	font-style: normal;
	font-weight: bold;
	}



.knoepfe{
	font-size: 125%;
	line-height: 26px;
	color: #black;
	font-weight: normal;
	text-align: center;
	background-color: #ffffff;
	border-top: 1px solid #000000;
	}




.knoepfe2{
	text-color: #777777;
	font-size: 110%;
	font-weight: normal;
	margin-top: 0px;
	border-top: 1px solid #000000;
	}





	
.knoepfe3{
	font-size: 120%;
	line-height: 2px;
	color: #999999;
	font-weight: bold;
	border-bottom: 10px solid #ffffff;
	}


	


img	{	
	border-style: none;
	}




a:hover	{
	color: #ff4814;
	}



.hallo {
	font-size: 10px;
	color: #ff4814;
	font-size: small;
	text-decoration: none;
	font-weight: bold;
	text-decoration: none;
	}




.international {
	height: 15px;
	width: 20px;
	padding: 0px 2px;
	}





.item7 {
  	grid-area: adress;
  	border-top: 1px solid #000000;
  	}




.Azotea {
	font-size: 123%;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	}


.item7 > h5 {
	text-align: center;
 	padding-left: 0%;
  	padding-right: 0%;
	margin-top: 17px;
  	margin-bottom: 17px;
  	background-color: #ffffff;
  	font-color: #black;
  	font-size: 90%;
  	text-decoration: none;
	font-weight: normal;
 	}

}