h1{
	color: #FFF;				/*Farbe Font gelb*/
	background-color: #1069A5;	/*Farbe Button blau*/
    font-size: 30px;			/*Schriftgröße*/
	font-family: sans-serif;		/*Schriftart*/ 
	border: solid 3px #3399FF;	/*Rahmen mit Farbe*/ 
	border-radius: 8px;			/*Rahmen gerundet*/
	text-align: center;			/*Text mittig*/
}

h2{
	color: #FFF;				/*Farbe Font gelb*/
	background-color: #1069A5;	/*Farbe Button blau*/
    font-size: 22px;			/*Schriftgröße*/
	font-family: sans-serif;		/*Schriftart*/ 
	border: solid 3px #3399FF;	/*Rahmen mit Farbe*/ 
	border-radius: 6px;			/*Rahmen gerundet*/
    /*text-decoration-line: underline; /*untere Linie unter dem Text*/
    /*text-decoration-color: #FFF;	/*Rahmen Linien Farbe*/
}


h3{
    font-size: 20px;			/*Schriftgröße*/
    color: #1069A5;				/*Farbe Button blau*/
	font-family: sans-serif;		/*Schriftart*/ 
	border-bottom: solid 2px #3399FF;	/*Rahmenline unten mit Farbe*/ 

}

h4{
    font-size: 18px;			/*Schriftgröße*/
    color: #1069A5;				/*Farbe Button blau*/
	font-family: sans-serif;		/*Schriftart*/ 
	border-bottom: solid 2px #3399FF;	/*Rahmen mit Farbe*/ 
	
}


p1 {
	color: navy;				/*Farbe Button blau*/
	font-family: sans-serif;		/*Schriftart*/
    font-size: 18px;			/*Schriftgröße*/
	line-height: 1.3;			/*Schrifthöhe*/
	
	/*
	text-transform: uppercase;
    text-indent: 17px;
	*/
}

p2 {
	color: red;					/*Farbe Button rot*/
	font-family: sans-serif;		/*Schriftart*/
    font-size: 18px;			/*Schriftgröße*/
	line-height: 1.3;			/*Schrifthöhe*/	
	/*
	text-transform: uppercase;
    text-indent: 17px;
	*/
}

p3 {
	color: blue;					/*Farbe Button rot*/
	font-family: sans-serif;		/*Schriftart*/
    font-size: 18px;			/*Schriftgröße*/
	line-height: 1.3;			/*Schrifthöhe*/
	
	/*
	text-transform: uppercase;
    text-indent: 17px;
	*/
}



a {
  text-decoration: none;
	/*color: inherit; /* blue colors for links too */
	
	color: #196F3D;
	text-decoration-line: underline; /*untere Linie unter dem Text*/
   	text-decoration-color: #D35400;	/*Rahmen Linien Farbe*/
}




/* Erster sichtbarer Button - "Eigenschaften */
.dropbtn {
	width: 200px;				/*Button breite*/
	padding: 5px;				/*Rand um den Text*/
	color: #FFF;				/*Farbe Font gelb*/
	background-color: #1069A5;	/*Farbe Button blau*/
	text-align: center;			/*Text mittig*/
	font-size: 19px;			/*Schriftgröße*/
	font-family: sans-serif;		/*Schriftart*/ 
	display: block;				/*Anordnung der Buttons, hier unter einander*/
	border: solid 3px #3399FF;	/*Rahmen mit Farbe*/ 
	border-radius: 8px;			/*Ecken runden*/
	cursor: pointer;);			/*Cursor wird zur Hand auf dem Button*/
	transition: 0.7s;			/* Geschwindigkeit der Bewegung */
	box-shadow: 0px 17px 10px -7px rgba(0, 0, 0, 0.4); /* links/recht oben/unten Weichzeichen Größe Farbe*/    
}


/* Erster sichtbarer Button - "Bewegunseigenschaften */
.dropdown:hover .dropbtn {
	font-size: 21px;					/*Schriftgröße*/
	color: #1069A5;						/*Farbe Font*/
	background-color: #FFF;				/*Farbe Button*/ 
    border: solid 3px #1069A5;			/*Rahmen mit Farbe blau*/
   	/*transform: scale(1.07,1.07);*/
	transform: translate(0px, -14px);	/*Bewegen links/rechts, oben/unten*/
	box-shadow: 0px 17px 10px -7px rgba(0, 0, 0, 0.2);   
    
}


/* Erster sichtbarer Button - "Anordnung und Ausrichtung*/
.dropdown {
	display: block;

    
    /*
	position: relative;
    left: 1em;    
    */
}


/* Unterer sichtbarer Button - Eigenschaften */
.dropdown-content a {
	font-size: 16px;			/*Schriftgröße*/
	color: #FFF;				/*Farbe Font Gelb*/
	background-color: #1069A5;	/*Farbe Button blau*/ 
    border: solid 3px #FFF;		/*Rahmen mit Farbe blau*/
    border-radius: 8px;			/*Ecken runden*/
	font-family: sans-serif;		/*Schriftart*/ 
    text-align: center;			/*Text mittig*/
	padding: 5px 5px;			/*Rand um den Text*/
	text-decoration: none;
	/*display: block;				 Ausrichtung der unteren Buttons nach unten */
	floid: left;				/* Ausrichtung der Button neben einander*/ 

}

/* Unterer sichtbarer Button - "Bewegunseigenschaften */
.dropdown-content a:hover {
	font-size: 19px;			/*Schriftgröße*/
	color: #1069A5;						/*Farbe Font blau*/
	background-color: #FFF;				/*Farbe Button weiß*/ 
    border: solid 3px #1069A5;			/*Rahmen mit Farbe blau*/
	transition: 0.7s;

    
    /*
    position: relative;
    left: -0.3em;    
    */
    
}


/* Unterer sichtbarer Button - "Anordnung Ausrichtung */
.dropdown-content {
	display: none;
    position: relative;
    transform: translate(0px, -5px);	/*Bewegen links/rechts, oben/unten*/
    z-index: 0.5;			/*0=hinter dem Text - 1=vor dem Text*/
    
    /*
    left: 1em; 
	
	min-width: 100px;
	
    */
}

.dropdown:hover .dropdown-content {
	display: block;
	transition: 0.7s;
}


.button {

	width: 200px;				/*Button breite*/
	padding: 5px;				/*Rand um den Text*/
	color: #FFF;				/*Farbe Font gelb*/
	background-color: #1069A5;	/*Farbe Button blau*/
	text-align: center;			/*Text mittig*/
	font-size: 19px;			/*Schriftgröße*/
	font-family: sans-serif;		/*Schriftart*/ 
	display: block;				/*Anordnung der Buttons, hier unter einander*/
	border: solid 3px #3399FF;	/*Rahmen mit Farbe*/ 
	border-radius: 8px;			/*Ecken runden*/
	cursor: pointer;			/*Cursor wird zur Hand auf dem Button*/
	transition: 0.7s;			/* Geschwindigkeit der Bewegung */
	/*text-decoration: none;*/
	box-shadow: 0px 17px 10px -7px rgba(0, 0, 0, 0.4); /* links/recht oben/unten Weichzeichen Größe Farbe*/ 
	text-decoration: none;
	text-decoration-line: underline; /*untere Linie unter dem Text*/
   	text-decoration-color: #1069A5;	/*Rahmen Linien Farbe*/
}


.button:hover {
	font-size: 21px;					/*Schriftgröße*/
	color: #1069A5;						/*Farbe Font*/
	background-color: #FFF;				/*Farbe Button*/ 
    border: solid 3px #1069A5;			/*Rahmen mit Farbe blau*/
   	/*transform: scale(1.07,1.07);*/
	transform: translate(0px, -14px);	/*Bewegen links/rechts, oben/unten*/
	box-shadow: 0px 17px 10px -7px rgba(0, 0, 0, 0.2);
	text-decoration: none;
	text-decoration-line: underline; /*untere Linie unter dem Text*/
   	text-decoration-color: #FFF;	/*Rahmen Linien Farbe*/
}