/* ###### GOOGLE FONTS ###### */

/* Roboto */

/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url(../fonts/roboto-v30-latin-100.eot); /* IE9 Compat Modes */
  src: local(''),
       url(../fonts/roboto-v30-latin-100_8b7d8b69c993f3aa.eot) format('embedded-opentype'), /* IE6-IE8 */
       url(../fonts/roboto-v30-latin-100.woff2) format('woff2'), /* Super Modern Browsers */
       url(../fonts/roboto-v30-latin-100.woff) format('woff'), /* Modern Browsers */
       url(../fonts/roboto-v30-latin-100.ttf) format('truetype'), /* Safari, Android, iOS */
       url(../fonts/roboto-v30-latin-100_26c12a414c33bdbb.svg) format('svg'); /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/roboto-v30-latin-300.eot); /* IE9 Compat Modes */
  src: local(''),
       url(../fonts/roboto-v30-latin-300_8b7d8b69c993f3aa.eot) format('embedded-opentype'), /* IE6-IE8 */
       url(../fonts/roboto-v30-latin-300.woff2) format('woff2'), /* Super Modern Browsers */
       url(../fonts/roboto-v30-latin-300.woff) format('woff'), /* Modern Browsers */
       url(../fonts/roboto-v30-latin-300.ttf) format('truetype'), /* Safari, Android, iOS */
       url(../fonts/roboto-v30-latin-300_26c12a414c33bdbb.svg) format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/roboto-v30-latin-regular.eot); /* IE9 Compat Modes */
  src: local(''),
       url(../fonts/roboto-v30-latin-regular_8b7d8b69c993f3aa.eot) format('embedded-opentype'), /* IE6-IE8 */
       url(../fonts/roboto-v30-latin-regular.woff2) format('woff2'), /* Super Modern Browsers */
       url(../fonts/roboto-v30-latin-regular.woff) format('woff'), /* Modern Browsers */
       url(../fonts/roboto-v30-latin-regular.ttf) format('truetype'), /* Safari, Android, iOS */
       url(../fonts/roboto-v30-latin-regular_26c12a414c33bdbb.svg) format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/roboto-v30-latin-700.eot); /* IE9 Compat Modes */
  src: local(''),
       url(../fonts/roboto-v30-latin-700_8b7d8b69c993f3aa.eot) format('embedded-opentype'), /* IE6-IE8 */
       url(../fonts/roboto-v30-latin-700.woff2) format('woff2'), /* Super Modern Browsers */
       url(../fonts/roboto-v30-latin-700.woff) format('woff'), /* Modern Browsers */
       url(../fonts/roboto-v30-latin-700.ttf) format('truetype'), /* Safari, Android, iOS */
       url(../fonts/roboto-v30-latin-700_26c12a414c33bdbb.svg) format('svg'); /* Legacy iOS */
}

/* Open Sans */ 

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/open-sans-v34-latin-300.eot); /* IE9 Compat Modes */
  src: local(''),
       url(../fonts/open-sans-v34-latin-300_8b7d8b69c993f3aa.eot) format('embedded-opentype'), /* IE6-IE8 */
       url(../fonts/open-sans-v34-latin-300.woff2) format('woff2'), /* Super Modern Browsers */
       url(../fonts/open-sans-v34-latin-300.woff) format('woff'), /* Modern Browsers */
       url(../fonts/open-sans-v34-latin-300.ttf) format('truetype'), /* Safari, Android, iOS */
       url(../fonts/open-sans-v34-latin-300_7517a0fab455381d.svg) format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/open-sans-v34-latin-regular.eot); /* IE9 Compat Modes */
  src: local(''),
       url(../fonts/open-sans-v34-latin-regular_8b7d8b69c993f3aa.eot) format('embedded-opentype'), /* IE6-IE8 */
       url(../fonts/open-sans-v34-latin-regular.woff2) format('woff2'), /* Super Modern Browsers */
       url(../fonts/open-sans-v34-latin-regular.woff) format('woff'), /* Modern Browsers */
       url(../fonts/open-sans-v34-latin-regular.ttf) format('truetype'), /* Safari, Android, iOS */
       url(../fonts/open-sans-v34-latin-regular_7517a0fab455381d.svg) format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/open-sans-v34-latin-600.eot); /* IE9 Compat Modes */
  src: local(''),
       url(../fonts/open-sans-v34-latin-600_8b7d8b69c993f3aa.eot) format('embedded-opentype'), /* IE6-IE8 */
       url(../fonts/open-sans-v34-latin-600.woff2) format('woff2'), /* Super Modern Browsers */
       url(../fonts/open-sans-v34-latin-600.woff) format('woff'), /* Modern Browsers */
       url(../fonts/open-sans-v34-latin-600.ttf) format('truetype'), /* Safari, Android, iOS */
       url(../fonts/open-sans-v34-latin-600_7517a0fab455381d.svg) format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/open-sans-v34-latin-700.eot); /* IE9 Compat Modes */
  src: local(''),
       url(../fonts/open-sans-v34-latin-700_8b7d8b69c993f3aa.eot) format('embedded-opentype'), /* IE6-IE8 */
       url(../fonts/open-sans-v34-latin-700.woff2) format('woff2'), /* Super Modern Browsers */
       url(../fonts/open-sans-v34-latin-700.woff) format('woff'), /* Modern Browsers */
       url(../fonts/open-sans-v34-latin-700.ttf) format('truetype'), /* Safari, Android, iOS */
       url(../fonts/open-sans-v34-latin-700_7517a0fab455381d.svg) format('svg'); /* Legacy iOS */
}

.color {
    color: #274e9d;
}
.bg-color {
	    background: #3c3c3b;
	color: white;
}
.bg-color-2 {
	    background: #274e9d;

	color: white;
}
.bg-color-3 {
	background: #f0efef;
}
.bg-color-4 {
	background: #f0efef;
}
.border-color {
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	border: 0;
	flex: left;
}
h1 {
	font-size:2.5em;
	line-height: 1.1em;
	margin: 10px 0;
	font-weight: 300;
}
h2 {
	font-size: 1.8em;
	line-height: 1.6em;
	margin: 5px 0;
	font-weight: 300;
}
h3 {
	font-size: 1.8em;
	line-height: 1.35em;
	margin: 3px 0;
	font-weight: 300;
}
a {
	color: blue;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
}
ul {
	padding: 0;
	margin: 0;
}
ul li {
	position: relative;
	list-style-type: none;
	margin-top: 4px;
	padding-left: 20px;
}
ul li:before {
	content: "\203A";
	font-size: 20px;
	color: #274e9d;
	position: absolute;
	left: 5px;
	top: -2px;
}
body {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	color: rgb(1, 20, 55);
	text-decoration: none;
	font-weight: normal;
	word-spacing: normal;
	line-height: 18px;
	margin: 0;
	padding: 0;
}
#wrapper {
    max-width: 720px;
    width: 100%;
    margin: 0 auto;
    background-color: #FFF;
    border: 1px solid #7d7d7d;
    overflow: auto;
}
header {
	width: 100%;
	float: left;
	text-align: center; /* Logo Ausrichtung */
}
header section {
	padding: 0;
}
.logo img {
    max-width: 400px;
    width: 100%;
    height: auto;
    margin: 20px 0;
}
.headerimg {
	float: left;
	width: 100%;
}
section {
	float: left;
	width: 100%;
	padding: 15px 4%;
}

.section-big {
	padding: 30px 4%;
}

section p {
	margin: 0 0 10px 0;
}
section p:last-child {
	margin: 0;
}
.text-center {
	text-align: center;
}
.small {
	font-size: .55em;
}
.big {
	font-size: 1.25em;
}
.seperator {
	height: 2px;
	width: 100%;
	float: left;
	margin-top: 10px;
}
/* Boxen 2 Spaltig */

.box2-1 {
	float: left;
	width: 47.5%;
	margin-right: 5%;
}
.box2-2 {
	float: left;
	width: 47.5%;
}

/* Boxen 3 Spaltig */

.box3-1 {
	float: left;
	width: 32%;
	margin-right: 2%;
}
.box3-2 {
	float: left;
	width: 32%;
	margin-right: 2%;
}
.box3-3 {
	float: left;
	width: 32%;
}

/* Footer */

footer {
	float: left;
	width: 100%;
}
footer img {
	width: 28px;
	height: 20px;
	position: relative;
	left: -14px;
	margin-left: 50%;
}
footer a {
	margin: 0 auto;
	clear: both;
	display: table;
	margin-top: 10px;
	color: white;
}

.circle {
	height: 128px;
	width: 128px;
	border-radius: 50%;
	background: white;
}

.center-content {
	display: flex;
	justify-content: center;
	align-items: center;
}

.icon-wrapper {
    width: 20%;
    float: left;
    margin-left: 4.2%;
}

.icon-wrapper p {
	margin-top: 10px !important;
}

.btn {
	padding: 10px 20px;
	color: #fff;
	border: 1px solid #fff;
}

.display-inline p,
.display-inline a {
	display: inline;
}

strong {
	font-weight: 700;
}

.bg-color-3 h2 {
	margin-bottom: 20px;
}