/* CSS auslagerung für spezifische Elemente */



/* überschriften in Box 1 */

.headertitel {
	font-family: 'Roboto';
	font-weight: 100;
	font-size: 2.5em;
	color: #ffffff;
	text-align: center;
	padding-top: 3%;
	padding-bottom: 0%;
	padding-left: 2px;
	padding-right: 2px;
	line-height: 150%;
	}

.headersubtitel {
	font-family: Roboto;
	font-weight: 100;
	font-size: 2em;
	color: #ffffff;
	text-align: center;
	padding-top: 0%;
	padding-bottom: 1%;
	padding-left: 2px;
	padding-right: 2px;
	line-height: 150%;
	
	text-shadow: 0px 0px 0px rgb(114, 114, 114);
 }


/* überschriften Linklisten in Box 1-6 */

 h3 {
	padding-left: 2vh;
	padding-top: 0vh;
	padding-bottom: 0vh;	
	font-weight: 300;
 }

 h2 {
	font-size: 1.5em;
	padding-left: 0vh;
	padding-top: 0vh;
	padding-bottom: 0vh;	
	font-weight: 200;
 }

/* tabele Formatieurn für Linkliste Box 1-6- */

table {

	padding-left: 2vh;
	padding-right: 2vh;
	
}



.button {
	color: #f3c736;
	text-align: center;
	text-decoration: none;

	line-height: 110%;
	cursor: pointer;
	
  }
  
/* Links Hover und Format */

  .button:hover {
	color: #74fb8f;
	text-align: center;
	text-decoration: none;
	
	line-height: 110%;
	cursor: pointer;
   
  }

td {
	
	padding-top: 1vh;
	padding-bottom: 0vh;
	padding-left: 1vh;
	padding-right: 1vh;
}






a {
	color: var(--blue4);
	text-decoration: none;
}

a:hover,
a:focus {
	color: var(--yellow);
}


/* bild im html */




/* footer div format */

footer {
	background-color: #CA6413;
	font-family: roboto;
	font-size: .6em;
	padding-top: 10px;
	padding-bottom: 10px;
}

.copyright  {

	float: left;
	width: 70%;	
	margin-left: 5px;
}


.mailkontakt {
	text-align: right;
	
	margin-right: 5px ;
	margin-left: 5px;
}