center, isindex, menu, dir,html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 101%;font-family: inherit;font-variant: inherit;vertical-align: baseline;
}


@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?fy00h1');
  src:  url('../fonts/icomoon.eot?fy00h1#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?fy00h1') format('truetype'),
    url('../fonts/icomoon.woff?fy00h1') format('woff'),
    url('../fonts/icomoon.svg?fy00h1#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-home:before {
  content: "\e900";
}
.icon-phone:before {
  content: "\e942";
}
.icon-envelop:before {
  content: "\e945";
}
.icon-compass2:before {
  content: "\e94a";
}
.icon-bubbles4:before {
  content: "\e970";
}
.icon-user-plus:before {
  content: "\e973";
}
.icon-circle-up:before {
  content: "\ea41";
}
.icon-section:before {
  content: "\ea76";
}
.icon-google2:before {
  content: "\ea89";
}
.icon-facebook2:before {
  content: "\ea91";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-whatsapp:before {
  content: "\ea93";
}
.icon-linkedin:before {
  content: "\eac9";
}
.icon-pinterest:before {
  content: "\ead1";
}
.icon-xing:before {
  content: "\ead3";
}

/* dunkelblau rgba(0, 52, 92, 1); */
/* orange rgba(229, 113, 0, 1); */
/* gelb rgba(255, 191, 0, 1); */

*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html, body{
	background-color: #fff;
	font-family: Arial, sans-serif;
	color: #fff;
	font-size:14px;
	scroll-behavior: smooth;
}

strong, b{
	font-weight: bold;
}

img {
	width: 100%; 
	height: auto;
	display: block;
}

header{
	position:relative;
	margin:2rem auto;
	max-width:45rem;
}

.logo{
	margin:1rem auto;
	max-width:15rem;
}

h1{
	font-size:1.2rem;
	color:#3b4f64;
	font-weight:bold;
	width:100%;
	text-align:center;
	padding:0;
}
header p{
	color:#3b4f64;
	width:100%;
	text-align:center;
	font-size: 1.1rem;
	padding:.8rem 1rem;
}

header li{
	color:#3b4f64;
	width:100%;
	text-align:center;
	font-size: 1.1rem;
	padding:.8rem .2rem;
	
}

header h2, header h3{
	color:#3b4f64;
	width:100%;
	text-align:center;
	font-size: 1.4rem;
	padding:.8rem 1rem;
}


nav{
	position:relative;
	margin:2rem auto;
	max-width:45rem;
	padding:0 1rem;
}

nav ul li{
	list-style-type:none;
	width:100%;
	line-height:4rem;
	background:#009ba4;
	margin-bottom:.5rem;
	font-size:1.1rem;
	padding:0 3rem;
	text-align:center;
	border-radius: 2rem;
}

nav ul li:hover{
	background:#f9b233;
	cursor:pointer;
}

nav a:link, nav a:visited{
	color:#fff;
	text-decoration:none;
	width:100%;
	display:block;
}

nav li span{
	position:absolute;
	left:3rem;
	margin-top:1.5rem;
}

.kommunikation{
	background:#3b4f64;
}

.location{
	background:#be1622;
}

.rechtlich{
	background:#595959;
}


.social{
	position:relative;
	margin:2rem auto;
	max-width:45rem;
	padding:0 1rem;
}

.social p{
	text-align:center;
}

.infotext{
	color:#595959;
	padding-top:2rem;
}

.social span{
	position:relative;
	padding:1rem;
	margin-top:1.5rem;
	font-size:3rem;
}

.social a:link, .social a:visited{
	color:#3b4f64;
	text-decoration:none;
}

.social a:hover, .social a:active{
	color:#f9b233;
}

.qrcode{
	margin:2rem auto;
	max-width:20rem;
}