@charset 'UTF-8';

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

body {
	font-family: arial, sans-serif;
	font-size: 1vw;
	background: white;
}

header {
	width: 100%;
	top: 0;
	left: 0;
	padding: 1em 4em;
	position: fixed;
	z-index: 1000;
	background: #fff;
	opacity: .9;
/*    background:rgba(0,0,0,0); */
}

main {
	width: 100%;
	top: 0;
	padding: 4em;
	position: relative;
}

footer {
	width: 100%;
	top: 0;
	padding: 1em 4em 1em 4em;
	position: relative;
}

img { 
	width: 100%;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

a, a:visited, a:link {
	color: #006060;
	text-decoration: none;
	border-bottom: 0px solid;
}

a:hover, a:active {
    color: #00AAAA;
}

.site-nav {
	position: relative;
	float: right;
	z-index: 400;
	top: 0;
	left: 0;
	display: block !important;
	width: 100%;
	padding: .8em 0.2em 0 0;
	opacity: .95;
	background: none;
}

.site-nav ul {
	list-style-type: none;
	margin: 0;
	text-align: right;
}

.site-nav ul li {
	display: inline-block;
	margin-bottom: 0;
	margin-left: 1.5em;
}

.site-nav ul li a {
	font-size: .85em;
	padding-bottom: .5em;
	text-decoration: none;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: #006060;
}

.site-nav ul li a:hover {
	outline: none;
	border-bottom: 0px solid;
	color: #00AAAA;
}

h1 {
	color: #66BBBB;
	font-size: 2em;
	margin-top: 0em;
	margin-bottom: 1em;
}

h2 {
	color: #66BBBB;
	font-size: 1.4em;
	margin-top: 1.0em;
	margin-bottom: 0.4em;
}

h3 {
	color: #66BBBB;
	font-size: 1.2em;
	margin-top: 1.0em;
	margin-bottom: 0.2em;
}

p {
	color: #646464;
	font-size: 1.2em;
	letter-spacing: .03em;
	margin-bottom: 0.5em;
}

li {
	margin-left: 1em;
	color: #646464;
	font-size: 1.2em;
	margin-bottom: 0.2em;
}

.intro {
	position: relative;
	justify-content: center;
	display: flex;
}

.intro .intro-piece1 {
	position: relative;
	padding: 0;
	width: 100%;
	float: center;
}

.intro-piece figure img {
	position: relative;
	z-index: 100;
}

.weiter {
	position: relative;
	font-size: 1.2em;
	font-weight: lighter;
	letter-spacing: .3em;
	text-transform: none;
	color: #006060;
	text-align: center;
}

.bild-gross {
	width: 100%;
}

.streifen-links {
	width: 40%;
}

.streifen-rechts {
	width: 40%;
	float: right;
	padding: 3em 0 0 0;
	
}

.inhalt-30-70 {
  position: relative;
  background: #fff;
  width: 100%;
  padding: 4em 0 0 0;
  }

.inhalt-100 {
  display: flex;
}

.inhalt-30 {
	background: #fff;
	width: 30%;
	padding: 0;
}

.inhalt-30 {
  background: #fff;
  width: 30%;
}
.inhalt-30 figure {
  position: relative;
  vertical-align: middle;
  background: #fff; 
}
.inhalt-70 {
  background: #fff;
  width: 70%;
  padding: 0 8em 0 10em;
}
.inhalt-full {
  background: #fff;
  width: 100%;
  padding: 0em 8em;
}

.intro-text {
	text-align: center;
	color: #444;
	font-size: 3em;
	font-weight: lighter;
	margin-top: 1em;
	margin-bottom: 0.2em;
	letter-spacing: .05em;
}

.main-menu {
position: relative;
	color: #343199;
	background: #fff;
	display: flex;
	justify-content: center;
	padding: 3em 0 3em 0;
	}

.intro-menu {
	position: relative;
}

.intro1 {
		display: flex;
justify-content: center;		
}

.intro1-pic {
	width: 60%;
}

.intro .intro-piece2 {
	position: absolute;
	padding: 2em 0;
	width: 90%;
	float: center;
}

.hauptmenu td {
	padding: 0em 4em;
	vertical-align: top; 
	}

.fusszeile {
	position: relative;
    margin: 0 8em;
	padding: 1em 0 0 0;
	background: #fff;
	text-align: center;
	border-top: solid thin #606060;
}

.fb_kopf {
	width: 25%;
}

.fortbildung td {
	vertical-align: text-top;
	padding: 0.2em 0;
	color: #646464;
	font-size: 1em;
}

.fb_inhalt {
	width: 65%;
}

.fortbildung {
	table-layout: fixed;
	width: 100%;
}

.fb_desc {
	font-size: 1em;
	color: #646464;
}

.ts_kopf {
		width: 35%;
}

.droptop {
  border-bottom: #FFB600 5px solid;
  color: #006060;
  margin-bottom: 0em;
}

.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (to hide by default, set display to "none") */
.dropdown-content {
  display: inline-block;
  position: absolute;
  background-color: #FFFFFF;
  min-width: 160px;
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  padding: 0.2em 1em 0.2em 0em;
}

.dropdown-content h3 {
	margin-top: 0.6em
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

.hauptmenu {
	height: 12em;
	min-width: 60em;
}

.hauptmenu1 {
	border-bottom: #2b79c3 5px solid;
}

.hauptmenu2 {
		border-bottom: #79c0bc 5px solid;
}

.hauptmenu-zelle {
	min-width: 30em;
}