@charset "utf-8";
/* CSS Document für WEBSITE BAYRISCHZELL */
/* */

body 
{
  max-width:60em;
  margin: 1em auto;
  background-color: white;
}

@media (min-width: 30em) 
{ 
	#leistungen 
	{display: grid;
	grid-template-columns: 1fr 12em;}

	#leistungen h2 
	{grid-column: 1 / -1;}
}




#angebot 
{
  background-color: firebrick;
  padding: 1em;
  width: 10em;
  text-align: center;
}


#angebot h3 
	{
	font-size: 2em;
	font-variant: small-caps;
	color: lightyellow;
	}



#angebot p 
/* Schrift im Kasten*/
	{color: white;}



h1 	{
	background-color: firebrick;
	color: beige;
	padding: 0.5em;
	font-family: sans-serif;
	border-radius: 0 1em 1em 1em;
	}

h2 	{
	font-size: 2.6em;
	color: firebrick;
	background-color: LightSalmon ;
	border: thin solid;
	font-family: sans-serif; 
	text-align: center;
   	}

a 	{
	color: black;
	font-size: 1.1em;
	font-family: sans-serif; 
  	}

p2 	{
	color: black;
	font-size: 0.5em;
	font-family: sans-serif; 
  	}


p 	{
	color: brown;
	font-size: 1.1em;
	font-family: sans-serif; 
  	}

p1 	{
	color: white;
	font-size: 1.1em;
	font-family: sans-serif; 
 	text-align: center;
  	}


li 	{
	color: brown;
	font-size: 1.1em;
	font-family: sans-serif; 
   	}


header {
	color: white;
	height: 5em;
	padding: 0 1em;
	margin-bottom: 1em;
  	display: grid;
  	grid-template-columns: 6em 1fr 1fr;
	font-family: sans-serif; 
       }


header p:first-of-type
/* oberste Überschrift */
	{
	color: white;
  	font-size: 2em;
  	font-weight: bold;
	}


header p1:last-of-type 
	{
	transform: rotate(-10deg);
	border: thin solid;
	padding: 0.5em;
	border-radius: 0.2em;
	align-self: end;

	position: absolute;
	top: 160px;
	left: 500px;
	}


header #backlink 
{
 display:inline-block;
 text-shadow: none; 
 color: transparent;
 background: transparent;
 background-size: contain;
 width: 5em;
 height: 3em;
}

footer {
  	display: grid;
  	grid-template-columns: 1fr 10em;
	}

footer > * {
  grid-column: -2 / -1;
}