body {
	display: grid; //emfpehlunge von selfhatml//
	gap: 0.5em;
	background-color: linen;
	font-family: Verdana;
	color: brown;
	max-width: 60em; //für breite Bildschirme//
  	margin: 2em;
	background: url(images/background.jpg) 
              repeat-y 
              top center;
}


@media (min-width: 30em) { 
    /* Breite beträgt mindestens 30em */ 
   body {
       grid-template-columns: 1fr 1fr;	
   }
}


h1  {
    font-size: 4em;
    text-align: right;
	margin-right: 2em,
	
}

heading {
    font-size: 6em;
    margin: 0;
    text-align: right;
	
}


h2 {
    font-size: 2em;
   	margin-left: 2em;
    text-align: right;
	color: brown;
	margin: 0;
	margin-top: 1em;
	margin-right: 2em,

		
}

main  {
   	margin-left: 2em;
	color: brown;
	float: right;
}

aside  {
   	margin-left: 2em;
    text-align: left;
	color: brown;
	float: right;
}

p  {
	font-size: 1em;       
	margin-left: 0;
    text-align: left;
	float: right;
	background-image: url(images/white.jpg);
}

teaser  {
	font-size: 1em;       
	text-align: right;
	}


article {
    	float: right;
	background: white;
}

setlist {
	font-size: 1em;    
	text-align: leftr;
	float: right;
	background: white;
}


ul  {
	text-align: left;
	float: right;
	background: white;
}


li {
	text-align: left;
	background: white;
	
}


header,footer {
	grid-column: 1 / -1;
}

div {
	background: white;
}