/* poppins-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poppins-v21-latin-regular.woff2') format('woff2');
}

/* poppins-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/poppins-v21-latin-700.woff2') format('woff2');
}


/*================   LAYOUT + POSITIONIERUNGEN   =================*/
body {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	scroll-behavior: smooth;
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}

div, footer, header, nav, main, section, article, a { 
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}

header {
	margin: 0;
	padding: 50px 0 25px 5%;
	width: 100%;
	height: auto;
	display: flex;
}
header a.logo {  }
header img { width: 550px; height: auto; display: block; }

nav {
	margin: 90px 0 0 0;
	padding: 0 0 0 80px;
	width: 69%;
	height: 42px;
	background: url('../images/nav_higr.gif') top left no-repeat;
	background-color: #3d79b6;
	display: flex;
	align-items: center;
}
nav:after { content: ""; clear: both; display: table; }

nav#js-ma5menu { display: none; }
button.ma5menu__toggle { display: none; }
div.ma5menu__container { display: none; }

section#banner {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	position: relative;
}
section#banner img.banner { width: 100%; height: auto; display: block; }
section#banner article { margin: 0 0 0 -45%; padding: 50px 100px 20px; width: 90%; height: auto; position: absolute; left: 50%; bottom: 0; background-color: rgba(255, 255, 255, 0.7); display: flex; justify-content: center; border-top-left-radius: 20px; border-top-right-radius: 20px; }
section#banner article div { margin: 0; padding: 0; width: 380px; height: auto; text-align: center; font-size: 20px; }
section#banner article div img { margin-top: -112px; }
section#banner article div ul { text-align: left; }
section#banner article div ul a { color: #000; }

main {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}
main:after { content: ""; clear: both; display: table; }

section#intro {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}
section#intro article { margin: 0 auto; padding: 50px 5%; width: 100%; height: auto; }

section#content {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}
section#content article { margin: 0 auto; padding: 50px 5%; width: 100%; height: auto; }
section#content article hr { border: 0; border-top: 1px solid #3d79b6; margin: 50px 0; }
section#content article img.gf { margin-left: 20px; margin-bottom: 20px; border: 1px solid #3d79b6; float: right; }

section#kontakt {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	background-color: #e6eaea;
}
section#kontakt article { margin: 0 auto; padding: 50px 5%; width: 100%; height: auto; display: flex; justify-content: space-between; align-items: start; background-color: #f6f8f8; }
section#kontakt div { width: 45%; height: auto; }
section#kontakt div div.apps { width: 125px; float: left; margin-right: 80px; }
section#kontakt div div.apps img { width: 100%; height: auto; display: block; }
section#kontakt hr { display: none; }

section#footer {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	background-color: #3d79b6;
}

footer {
	margin: 0 auto; 
	padding: 0px 5%;
	width: 100%;
	height: auto;
}
footer:after { content: ""; clear: both; display: table; }
footer p { width: 60%; float: left; color: #fff; }
footer p:last-of-type { text-align: right; width: 30%; float: right; }
footer a { color: #fff; text-decoration: none; font-weight: 700; }
footer a:hover { text-decoration: underline; }


/*================   SCHRIFTEN   =================*/
body { font-family: 'Poppins', sans-serif; font-size: 18px; color: #000000; }
p, li { line-height: 1.6em; }
img { border: 0; }

main a { color: #3d79b6; font-weight: bold; }
main a:hover {  }
main ul { list-style-type: square; text-decoration: none; }
main ul li, main ol li { line-height: 1.8em; }
main ol { padding-left: 15px; }

h1 { font-size: 32px; font-weight: 700; margin: 25px 0; padding: 0; color: #000000; text-transform: uppercase; }
h2 { font-size: 26px; font-weight: 700; margin: 25px 0; padding: 0; color: #000000; text-transform: uppercase; }
h3 { font-size: 24px; font-weight: 700; margin: 25px 0; padding: 0; color: #000000; }
h4 { }
h5 { }
h6 { }


/*================   NAVIGATION   =================*/
nav ul { margin: 0; padding: 0; list-style-type: none; }
nav ul li { margin: 0 35px; display: inline; position: relative; }
nav ul li:first-of-type {  }
nav ul li a { color: #fff; font-size: 20px; text-transform: uppercase; font-weight: 700; text-decoration: none; }
nav ul li:hover {  }
nav ul li.active {  }
nav ul:after { content: ""; clear: both; display: table; }

ul.nav li.deeper.parent span, ul.nav li.deeper.parent a { padding-right: 25px; position: relative; z-index: 20; padding-bottom: 25px; }
ul.nav span { text-decoration: none; color: #fff; text-transform: uppercase; cursor: pointer; }
ul.nav li.deeper.parent::after { content: "\25bc"; width: 15px; height: 15px; position: absolute; top: -4px; right: 0px; font-size: 14px; line-height: 14px; color: #fff; z-index: 100; padding-left: 100%; padding-top: 10px; padding-bottom: 15px; padding-right: 0px; }

nav ul li ul { background-color: #3d79b6; }
nav ul li ul { position: absolute; top: 40px; left: -50px; z-index: 100; width: 250px; }
nav ul li ul li { margin: 0; }
nav ul li ul li a { padding: 20px 25px; display: block; width: 250px; font-size: 18px; text-transform: none; border-bottom: 1px solid #6695c5; transition: all 0.4s ease-in-out; }
nav ul li ul li:last-of-type a { border-bottom: 0px solid #6695c5; }
nav ul li ul a:hover { background-color: #6695c5; }
nav ul li ul a.active { background-color: #6695c5; }

ul.nav li ul { 
	opacity: 0; 
	z-index: 10;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-box-shadow: 0px 0px 5px #a0a0a0;
	-moz-box-shadow: 0px 0px 5px #a0a0a0;
	box-shadow: 0px 0px 5px #a0a0a0;
	transition: all 0.5s ease-in-out;
	transform: translate3d(0px, -15px, 0px) scale3d(0.5, 0.5, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
	transform-style: preserve-3d;
}
ul.nav li span.show + ul, ul.nav li a.show + ul { opacity: 1; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg); transform-style: preserve-3d; z-index: 150; }
ul.nav li.show span + ul, ul.nav li.show a + ul { opacity: 1; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg); transform-style: preserve-3d; z-index: 150; }/*
ul.nav li:hover span + ul, ul.nav li:hover a + ul { opacity: 1; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg); transform-style: preserve-3d; z-index: 150; }*/