body {
	margin:5%;
	background-color:#078EB9; 
	font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	font-size: 100%
	}

.topnav {
	position: fixed; top: 0px; right: -2px;
	z-index: 1;
	color: #078EB9;
	overflow: auto;
	text-align:center;
	margin:2px;
	padding: 2px 0px 10px;
	background-color: #ffffff;
	font-size: 1.5vw;
	font-weight: bold;
	
}

/* kleinere Navigationsschrift für Smartphones */
@media screen and (max-width: 500px) {
	.topnav {
	position: fixed; top: 0px; right: -2px;
	z-index: 1;
	color: #078EB9;
	overflow: auto;
	text-align:center;
	margin:2px;
	padding: 2px 0px 10px;
	background-color: #ffffff;
	font-size: 2.2vw;
	font-weight: bold;
	}
}

.topnav a {
	background-color: #ffffff;
	color: #078EB9;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;	
	
}
.topnav	a:visited {
	background-color: #ffffff;
	color: #078EB9;
	}
.topnav a:hover {
	background-color: #078EB9;
	padding-bottom: 10px;
	color: #ffffff;
}

.topnav	a:active {
	background-color: #078EB9;
	color: #266f8b;
}

	
a {color:#774d0f;}
a:visited {color:#266f8b;}
a:focus	 { border-bottom-style: dashed; border-width: 1px; text-decoration: none;}
a:hover	 {color:#774d0f; font-weight:bold}
a:active	{color:#774d0f; font-weight:bold}

b {color:#266f8b;}
h1 {
	font-size:133%;
	text-align: left;
	color:#266f8b;
	}
hr {
	border-top: 1px;
	border-color:#cccccc;
	border-style: dashed;
	width: 80%;
}

#fixheight {min-height:400px;}
.floatquote{position:absolute; top:2%; left:0%; height:auto; width:100%; text-align:left; padding: 3%; color:#ffffff; font-size:3.2vw; font-weight:bold;}
.headerpic {position: relative; width:100%; margin-top:5px;}
.icon {width:150px; height:150px; padding:5px; margin: auto; display: block;}
.impressum {font-size:10pt; padding: 0px 0px 0px 30px; background-color:#ffffff;}
.navigation {text-align:center; padding: 20px; color:#266f8b; background-color:#fffff0;}
.portrait { float: left; clear:both; width:200px; height:300px; padding-right:50px; padding-bottom: 30px;}
.picfullsize {width:100%; margin-top:5px; max-width:800px;}
.picleft { float: left; clear:both;  width:300px; height:450px; margin-right: 15px; padding: 2px; border-style: solid; border-width: 0px;}
.picright { float: right; clear:both;	margin-left: 15px; padding: 2px; border-style: solid; border-width: 5px;}
.referenzen { max-width: 150px; height:auto; padding-right:40px; padding-bottom:40px; vertical-align: middle;}
.textbox {position: relative; background-color:#ffffff; padding:30px; height:auto; clear:both;}
#tagline {font-style: normal; color: #266f8b; font-size:150%; text-align:center;}
.twitterbox{ float: right; clear:both; padding:15px;}
.twitter-timeline {}
.titel {text-align:center; height:auto; padding: 20px; background-color:#ffffff; color:#266f8b; font-size:3.6vw; font-weight:bold;}


/* Spaltenlayout */

.columnwrappertwo {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 1%;
	grid-auto-rows: minmax(45%, auto);
}
.columnwrapperthree {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 2%;
	grid-auto-rows:	minmax(33%, auto);
}
.colone {
	grid-column: 1;
	grid-row: 1;
}
.coltwo {
	grid-column: 2;
	grid-row: 1;
}
.colthree {
	grid-column: 3;
	grid-row: 2;
	}