#html, body {
  background: #ffffcc url(schriftzug6.jpg) no-repeat fixed center bottom;
}


				/* -------Buttons oben ----------------------- */

body{
	margin:  6px; /* Abstand oben vom Rand */
		}
		.button-link {
			padding: 6px 10px;
			background: #faf1e0; /* Button link hintergrund braun */ /* vorher #a2d4db */
			
								/* Schriftfarbe */
			color: #000000; /* vorher #736348 */
			font-size:16px;
			font-family: ABeeZee-Regular, Arial, sans-serif;
			letter-spacing: 1px;
			text-decoration: none;
			border-radius: 8px;
				-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
				box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
				border: solid 3px #f5eba3;
		}
		.button-link:hover, .button-link:focus
		{
			background; #fff;
			border: solid 3px #f5eba3;
			color: #9f9eaf; /* button-schrift */ /* vorher #a2d4db */
			
			}
			.button-link:active {
				background: #979993;
				color:#fff;
				}

								/* ---------------------- */

#titel-1-1 {

margin-top: 10px; /* Abstand von oben */
text-align: center; 
color: teal; 
font-size: 20px;
letter-spacing: 1.5px;
opacity: 75%;
font-weight: lighter;

}


#titel-1 {

margin-top: 50px; /* Abstand von oben */
text-align: center; 
color: teal; 
font-size: 29px;
letter-spacing: 1px;
	line-height: 50%;
}
			
			/* ab hier die Initiale */	
	p1 span{
  display:inline-block;
  float: left;
  width: 54px;
  height: 60px;
  opacity: 70%; 
  margin-right: 0.2em; /* Raum rechts von der Initiale */
  padding-top: 4px;      /* Initiale von oben runter */

 Hintergrundbild 
  background-image: url("initiale");
  background-repeat: no-repeat;
  background-size: contain; 
}
				/* bis hierher Inintiale */
				
#titel-2 {
	text-align: center; 
		color: teal;
		font-size: 20px; 
	letter-spacing: 1px;
	line-height: 150%;
	font-weight: lighter;
}




#neugierig {
	text-align: center; 
	color: teal;
	font-size: 20px; 
	letter-spacing: 1px;
	line-height: 100%;
	
}

#glatter-text-1 {
		font-size: 17px;
		 font-weight: lighter;
		 letter-spacing: 0.5px;
		 text-indent: 1.2em;
		 margin-right: 10px; 
		 margin-left: 20px;
		  line-height: 150%;
		 		 }

#glatter-text-2 {
		 font-size: 17px;
		  letter-spacing: 0.5px;
		/* text-indent: 1.2em; /* hier keine Einrückung */
		 margin-right: 10px; 
		 margin-left: 20px; 
		 line-height: 150%;
}

#abteilungen {
		 font-size: 22px; /* link-schrift-groesse */
		margin-right: 10px; 
		 margin-left: 200px;
		 padding: 15px 10px;
		 letter-spacing: 1px;
		 text-decoration:0;		
}
				 /* schildchen-funktion */
a.tooltip {
 position: relative;
 
}
a.tooltip:after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 130%;
  left: 20%;
  
  
  background: #fff959;		/* background: #59B14B;*/
 padding: 5px 10px;
  color: ##5b8d8f;
  font-size: 18px;
  letter-spacing: 1px;
 -webkit-border-radius: 5px;
 -moz-border-radius : 5px;
 border-radius : 5px;
 border-solid: 5px;
 white-space: nowrap;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
 -moz-transition : all 0.4s ease;
 transition : all 0.4s ease;
}
a.tooltip:before {
 content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 20px solid #59B14B;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  -webkit-transition: all 0.4s ease;
  -moz-transition : all 0.4s ease;
  transition : all 0.4s ease;
  opacity: 0;
  left: 30%;
  bottom: 90%;
}
a.tooltip:hover:after {
  bottom: 100%;
}
a.tooltip:hover:before {
  bottom: 70%;
}
a.tooltip:hover:after, a:hover:before {
 opacity: 1;
}

#demo {
	 font-size: 18px;
	 letter-spacing: 1px;
	 color: blue;
	 font-weight: lighter;
	 font-style: italic;
	 
	}

a{
color:#5b8d8f;
text-decoration:none;
}	

#button-link {
	 font-size: 15px;
	 letter-spacing: 0.5px;
	 color: #5b8d8f;
	 font-weight: lighter;
	 font-style: normal;
}