@charset "utf-8";
/* CSS Document */

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

ul {
	list-style: none;
}

ul.list,
ol.list{
	padding-left: 30px;
	list-style: disc;
}

ol.list {
	list-style-type:lower-alpha;
}

body {
	font-family: 'Oswald', Arial, sans-serif;
	font-size: 18px;
	line-height: 1.5;
	white-space: normal;
	color: #454547;
	width: 100%;
}

header {
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
	overflow: hidden;
	position: fixed;
	background-color: #fff;
	top: 0;
	width: 100%;
	z-index: 2;
}

#header_img {
	padding-top: 135px;
}
	
a {
	color: #454547;
	font-size: 1.167em;
	text-transform: uppercase;
	text-decoration: none;
}

h1, h2, h3 {
	font-size: 2.333em;
	text-transform: uppercase;
	font-weight: normal;
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
	 line-height: 1.5;
}

h3,
h1 span {
	font-weight: 300;
}

h4 {
	font-size: 1.167em;
	text-transform: uppercase;
	font-weight: normal;
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
	line-height: 1.5;
}

.txt {
	font-family: 'Lato', Arial, sans-serif;
}

.txt_center {
	text-align: center;
}

a.textlink {
	font-size: inherit;
	text-transform: none;
	padding: 0 5px;
}

footer a {
	color: #fff;
}
	
a:hover {
  background-color: #305097;
	border-radius: 4px;
	color: #fff;
}
	
img {
	width: 100%;
	height: auto;
}

.plr_10 {
	padding: 0 10%; 
}

.pb_30 {
	padding-bottom: 30px;
}

.pt_30 {
	padding-top: 30px; 
}

.pl_30 {
	padding-left: 30px;
}

.pr_30 {
	padding-right: 30px;
}

.mb_30 {
	margin-bottom: 30px;
}

.mb_60 {
	margin-bottom: 60px;
}

.mt_30 {
	margin-top: 30px; 
}

.mt_60 {
	margin-top: 60px; 
}

.ml_30 {
	margin-left: 30px;
}

.mr_30 {
	margin-right: 30px;
}
	
.topnav {
  overflow: hidden;
  background-color: #fff;
}

.topnav a {
	float: left;
	display: block;
	text-align: center;
	text-decoration: none;
}
	
.topnav a:not(.logo) {
	margin: 25px 1% 0 1%;
	padding: 0 5px;
}

.topnav li:nth-child(7) a {
	margin-right: 0;
}

.topnav a.logo {
	padding-right: 20px;
}

.topnav a.logo img {
	max-width: 332px;
}

.active {
  background-color: #4CAF50;
  color: white;
}

.topnav .icon {
  display: none;
}

a.logo:hover,
a.icon:hover {
	background-color: inherit;
	color:#454547;
}

.flex {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}

ul.flex li {
	width: calc(100% / 3);
	padding: 0 3%;
}

.flex3_1 {
	display: flex;
  flex-direction: row;
}
.flex_one {
	width: calc(100% / 3 * 2);
}

.flex_two {
	width: calc(100% / 3 * 1);
}

main {
padding-top: 100px;
}

.border-top {
	border-top: solid 1px #e7e6e5;
}

.border-bottom {
	border-bottom: solid 1px #e7e6e5;
}

footer .border-top,
footer .border-bottom {
	border-color: #656568;
}

.button {
	background-color: #305097;
	text-transform: uppercase;
	border-radius: 4px;
	display: inline-block;
	padding: 10px;
	line-height: 1;
	color:#fff;
}

a.button:hover {
	background-color: #385dae;
}

.grey_bg {
	background-color: #bfbebe;
}

.bubble img {
	border-radius: 50%;
	max-width: 360px;
}

.impressum ul.flex li:first-child {
	padding-left: 0;
}
.impressum ul.flex li:last-child {
	padding-right: 0;
}

.impressum ul.flex li:nth-of-type(2) {
	padding:0;
}

footer {
	color: #fff;
	background-color: #454545;
	padding: 60px 0;
}

footer ul.flex li {
	padding: 0;
}

.scrollup {
	width: 44px;
	height: 44px;
	position: fixed;
	bottom: 50px;
	right: 50px;
	color: #454547;
	display: none;
	z-index: 1000;
	background-color: rgba(0, 0, 0, 0.1);
	border-radius: 50%;
	transition: 1s;
	cursor: pointer;
}

.scrollup:hover {
	background-color: rgba(0, 0, 0, 0.175);
}

.scrollup i {
	font-size: 44px;
}