@charset "UTF-8";

/*      Farben 
violett:  #941B79
blau:     #007ead /*#007ead   
hellblau: #97CBE1
tonig:    #f6f1e8   */

p {
	color: #97CBE1;
}

h1, h2, h3, h4, h5, h6 {
	color: #007ead;
	text-align: left;
}

h1 {
	font: 120%/1.4 'Noto Sans', Arial, Helvetica, sans-serif;
	font-style: bold;
	font-weight: 700;
	letter-spacing: 0;
	float: left;
	z-index: 10;
}

h2 {
	font: 110%/1.1 'Noto Sans', Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: 400;
	margin: 0 0 24px 0;
}

h3 {
	font: 120%/1.0 'Noto Sans', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
}

a:link, a:visited {
	color: #941B79;
	text-decoration: none;
}
a:hover, a:active, a:focus { 
	color: #97CBE1;
	text-decoration: none;
}

.figure a:link, .figure  a:visited {
	background-color: #941B79;
}

.figure a:hover, .figure a:active, .figure a:focus {
	background-color: #97CBE1;
}

/* ~~ Container umgibt alle anderen Blockelemente. ~~ */

.container { 
	background: #ffffff;
	border-color: #f6f5f5;
}

.content {
	margin: 0 0 0 16px;
}

.figure {
	float: right;
	margin: -6px 48px 0 0px;
	box-shadow: 2px 2px 8px rgba(0, 44, 85, 0.4);
	background-color: #97CBE1;
	}
	
.adress {
	margin: 0 0 0 400px;
	padding-top: 320px;
	}
	
.article {
	margin: 64px 48px 0 16px;
}

.article p {
	color: #007ead;
	
}

/* ~~ Fußzeile ~~ */


.figure, .adress, .content, .article, {
	display: block;
}