body {
	background-color:#747476;
    display: grid;
		gap: 0em;
}
 
#grid {
	display: grid;	
	grid-template-columns: 1fr 3fr;
	grid-template-rows: auto 1fr min-content;
	grid-gap: 0px;
}

#grid {

header,footer {

	grid-column: 1 / -1;
	
}
}

@media (max-width: 768px) {
#grid {
grid-template-columns: 1fr;
}
}

#areaA {
  background-color:#AEB1C2;
}

#areaB {
 background-color:#AEB1C2;
 
}
	
#areaC {
  background-color: green;
}





@media (max-width: 768px) {

body {
	background-color:#eeeeee;
	marign-top: -2em;
	
	
}}
@media (min-width: 769px) {

body {
	margin: 0 auto;  
	margin-top:2em;
    max-width: 75em;
    font-family:arial, helvetica;
	font-size:1em;
}}



		
header {
 background-color:#AEB1C2;}	




	
h1 {
	font-family:lucidacalli,Andale Mondo,Georgia,sans-serif, times new roman, Verdana, Arial, Helvetica;
	
	color: #ffffff;
	font-size: 30px;	
	font-weight: bold;
	letter-spacing: 0.2em;
padding:20px;
margin-left:25px;
	
	text-align: center;
}


h1 {
font-size: clamp(1.5rem, 3vw, 2.2rem);
}



  h2, h3, h4, h5 {text-align:left; 
 
margin-left:15px; }


p {text-align:left; padding-left:15px;}



  .box {
height: 550px;
width: 400px;
color: #000000;



padding: 10px;

margin: 0px;
float: left;}


.container

height:auto;
width:auto;
padding-left:10px;
margin-left:10px;
}


.clearfix{
  box: "";
  clear: both;
  display: table;
  margin:20px;
}

section{
  background: url(note11.jpg), url(bild2.jpg),#ffffff;
  boder-left:1 px solid;
  
	background-repeat: no-repeat;
	
	background-position: 85% 5%;
    height:auto;
  width:auto;

 border-left:2px;
  float:left;

}

   
ul  {padding:left:0px; text-align:left; margin-left:0px; margin-top:0px;margin-left:0px; list-style:none;}
 li {line-height:2; padding:left:0px; margin-left:0px; margin-top:7px; font-size: 14px;  font-family:verdana, helvetica, arial; color:#11111; margin-top:2px;
}

.no {list-style:none; 
	
}


A.farbe1:link	{COLOR: #111111;font-family:Verdana,Arial; font-size:14px;letter-spacing:2pt; line-height:1.5;  text-decoration:none;}
A.farbe1:visited { COLOR: #111111; font-family:Verdana,Arial; font-size:14px;letter-spacing:2pt; line-height:1.5; text-decoration:none;}
A.farbe1:active {color: #111111;font-family:Verdana,Arial; font-size:14px;letter-spacing:2pt; line-height:1.5; text-decoration:none;}
A.farbe1:hover {COLOR: #111111; font-family:Verdana,Arial; font-size:14px;letter-spacing:2pt; line-height:1.5 px; text-decoration:none;}


A.farbe4:link	{   COLOR: #FFFFFF;  font-family:Verdana,Arial; font-size:14px;letter-spacing:2pt; line-height:1.5;  text-decoration:none;}

A.farbe4:visited { COLOR: #FFFFFF; font-family:Verdana,Arial; font-size:14px;letter-spacing:2pt; line-height:1.5; text-decoration:none;}
A.farbe4:active {color: #111111;font-family:Verdana,Arial; font-size:14px;letter-spacing:2pt; line-height:1.5; text-decoration:none;}
A.farbe4:hover {COLOR: #111111; font-family:Verdana,Arial; font-size:14px;letter-spacing:2pt; line-height:1.5 px; text-decoration:none;}		 		 
		 
 .text {FONT-FAMILY: verdana,arial,hevetica,font-size:14px; color:#111111;
padding-right:350px; }


.list-disc{list-style-type: disc;}