Style anpassung für Sidebar Logo und Webseiten Blau ebenfalls an Logo

assets/css/main.css

@@ -2167,13 +2167,13 @@
 		-ms-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
 		transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
 		border-bottom: dotted 1px;
-		color: #0083f8;
+		color: #2aa1bf;
 		text-decoration: none;
 	}
 
 		a:hover {
-			border-bottom-color: #0083f8;
-			color: #0083f8 !important;
+			border-bottom-color: #2aa1bf;
+			color: #2aa1bf !important;
 		}
 
 			a:hover strong {
@@ -2342,7 +2342,7 @@
 	}
 
 	header.major > :last-child {
-		border-bottom: solid 3px #0083f8;
+		border-bottom: solid 3px #2aa1bf;
 		display: inline-block;
 		margin: 0 0 2em 0;
 		padding: 0 0.75em 0.5em 0;
@@ -2409,8 +2409,8 @@
 		input[type="url"]:focus,
 		select:focus,
 		textarea:focus {
-			border-color: #0083f8;
-			box-shadow: 0 0 0 1px #0083f8;
+			border-color: #2aa1bf;
+			box-shadow: 0 0 0 1px #2aa1bf;
 		}
 
 	.select-wrapper {
@@ -2523,8 +2523,8 @@
 
 		input[type="checkbox"]:focus + label:before,
 		input[type="radio"]:focus + label:before  :not(#leaflet-control-layers-selector){
-			border-color: #0083f8;
-			box-shadow: 0 0 0 1px #0083f8;
+			border-color: #2aa1bf;
+			box-shadow: 0 0 0 1px #2aa1bf;
 		}
 
 	input[type="checkbox"] + label:before {
@@ -2642,16 +2642,22 @@
 			width: 100%;
 		}
 
-		.image.logo {$
-			display: block;$
-			margin: 0 0 2em 0;$
-			width: 100%;$
-		}$
-
 			.image.fit img {
 				width: 100%;
 			}
 
+		.image.logo {
+			display: block;
+			margin: 0 0 2em 0;
+			width: 100%;
+		}
+
+			.image.logo img {
+				width: 60%;
+				margin-left: auto;
+				margin-right: auto;
+			}
+
 		.image.main {
 			display: block;
 			margin: 0 0 3em 0;
@@ -2763,7 +2769,7 @@
 				}
 
 				ul.contact li:before {
-					color: #0083f8;
+					color: #2aa1bf;
 					display: inline-block;
 					font-size: 1.5em;
 					height: 1.125em;
@@ -2887,7 +2893,7 @@
 				}
 
 					ul.pagination li > .page.active {
-						background-color: #0083f8;
+						background-color: #2aa1bf;
 						color: #ffffff !important;
 					}
 
@@ -3019,8 +3025,8 @@
 		background-color: transparent;
 		border-radius: 0.375em;
 		border: 0;
-		box-shadow: inset 0 0 0 2px #0083f8;
-		color: #0083f8 !important;
+		box-shadow: inset 0 0 0 2px #2aa1bf;
+		color: #2aa1bf !important;
 		cursor: pointer;
 		display: inline-block;
 		font-family: "Roboto Slab", serif;
@@ -3093,7 +3099,7 @@
 		input[type="button"].special,
 		button.special,
 		.button.special {
-			background-color: #0083f8;
+			background-color: #2aa1bf;
 			box-shadow: none;
 			color: #ffffff !important;
 		}
@@ -3213,7 +3219,7 @@
 			}
 
 				.features article .icon:before {
-					color: #0083f8;
+					color: #2aa1bf;
 					font-size: 2.75rem;
 					position: relative;
 					top: 0.05em;
@@ -3860,7 +3866,7 @@
 		display: -webkit-flex;
 		display: -ms-flex;
 		display: flex;
-		border-bottom: solid 5px #0083f8;
+		border-bottom: solid 5px #2aa1bf;
 		padding: 1em 0 1em 0;
 		position: relative;
 	}
@@ -4055,7 +4061,7 @@
 		}
 
 			#menu ul a:hover, #menu ul span:hover {
-				color: #0083f8;
+				color: #2aa1bf;
 			}
 
 			#menu ul a.opener, #menu ul span.opener {
@@ -4089,7 +4095,7 @@
 				}
 
 				#menu ul a.opener:hover:before, #menu ul span.opener:hover:before {
-					color: #0083f8;
+					color: #2aa1bf;
 				}
 
 				#menu ul a.opener.active + ul, #menu ul span.opener.active + ul {