body {
	font-family: "Font-Regular";
	font-size: 3vw;
	color: #4C4C4C;
	margin: 0;
	padding: 0;
	width: 110%;
	overflow: hidden;
	overflow-y: auto;
	background-color: #ffffff;
}

.nodisp {
	display: none;
}

#whitebox {
	position: relative;
	margin-top: 28vw;
	margin-left: 5vw;
//	background-color: #C0F6E6;
//	min-height: 62vh;
}

#kopf {
	position: fixed;
	top: 0;
	left: 0;
	width: 110vw;
	height: 25vw;
	z-index: 1000;
 //	background-color: #F0F0F0;
}

#kopfhome {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 25vw;
	background-color: white;
//	background-color: red;
	opacity: 0.8;
	z-index: 1000;
}

#kopfcolor {
	position: fixed;
	top: 2.5vw;
	top: 0vw;
	left: 0;
	width: 110vw;
	height: 5vw;
	height: 25vw;
	background-color: #F0F0F0;
	opacity: 0.6;
	z-index: 1000;
}

#kopfimg {
	position: fixed;
	top: 0;
	left: 0;
	width: 110vw;
	height: 25vw;
 	background-image: url(img/bio-35.jpg);
	background-size: cover;
	z-index: 1000;
}


.active {
	color: #159971;
}

.activebl {
	color: black;
	font-family: "Font-Regular";
}

#menu2 {
    position: absolute;
	display: none;
    font-size: .8em;
    top: 22vw;
    left: 15vw;
}

#language {
    display: inline;
}

#menu {
	position: fixed;
	display: none;
	background-color: #F0F0F0;
	margin: 10vw;
	margin-top: 25vw;
	padding: 10vw;
	width: 70vw;
	font-size: 2em;
}

#menu ul {
	display: inline;
	cursor: pointer;
	padding: 0;
}

#menu li {
	font-size: 1em;
	margin-left: 1.5vw;
	list-style: none;
	line-height: 2em;
}

#menu a {
	cursor: pointer;
	text-decoration: none;
}

#menu a:hover {
	color: black;
}

#submenu {
    display: none;
}

#mainsubmenu {
    font-size: 1em !important;
    border-top: solid .1em black;
    margin-top: .2em;
    padding-top: .2em !important;
    display: block !important;
    position: relative;
}

#footer {
	position: relative;
	position: absolute;
	left: 0;
	margin-top: 1vw;
	width: 100vw;
	padding: 1vw 0 1vw 10vw;
	line-height: 1.3em;
	font-family: "Font-Light";
	font-size: 1.3em;
	color: white;
	background-color: #4B4F54;
}

.footblock {
	border-bottom: 3px solid white;
}

.footblock svg {
	height: 7vw;
}

.mdisplay {
	display: block;
}

.language {
	width: 4vw;
	margin-right: 1vw;
}

#logo img {
	position: absolute;
	left: 1vw;
	top: 1vw;
	cursor: pointer;
}

#logo_page {
	height: 25vw;
	width: 100%;
}

.hamburger {
	height: 10vw;
	z-index: 1000;
	position: fixed;
	top: 5.2vw;
	right: 5vw;
}

.fil0 {fill:#F0F0F0}
.fil2 {fill:transparent}
.fil1 {fill:black}

p {
//	padding-left: 5vw;
}

.mitsubmenu {
	padding-left: 0vw;
}

h1 {
	font-size: 1.5em;
}

#homebox {
	display: none;
}

#inhalt_home {
	margin-top: 30vw;
	padding: 3vw;
	min-height: 60vh;
}

.smalltext {
	display: block;
}

.longtext {
	display: none;
}

#inhalt {
    position: relative;
    width: 100vw;
	font-size: 2.5vw;
}

#inhalt_a {
	position: absolute;
	z-index: 10;
    margin-top: 5vw;
	width: 100vw;
	background-color: white;
}

#inhalt_b {
	position: absolute;
	z-index: 10;
  margin-top: 5vw;
	padding-left: 0vw;
	padding-right: 0vw;
	width: 94vw;
	background-color: white;
}

#inhalt_s {
	position: absolute;
	z-index: 10;
	top: 0vw;
	width: 90%;
	min-height: 20vw;
	background-color: white;
}

#inhalt_r {
    position: relative;
	z-index: 10;
	top: 16vw;
	bottom: 1vh;
	overflow: hidden;
	overflow-y: visible;
//	min-height: 20vw;
//	height: 50vh;
	background-color: white;
	background-color: #F0F0F0;
}

#inhalt_form {
    position: absolute;
    width: 94vw;
}

#inhalt_txt {
    position: relative;
    width: 94vw;
}

#inhaltbox {
	font-size: 3vw;
    position: relative;
    width: 94vw;
}

#inhalt_breit {
    position: relative;
    width: 94vw;
}

#inhalt_schmal {
    position: relative;
    width: 94vw;
}

#background_a {
	display: none;
}

#registertable {
	width: 100%;
	font-size: 1.5em;
	margin-top: 5vw;
}

#registertable th {
	border: 1px solid grey;
	padding: 0.5vw;
	margin: 0;
	text-align: left;
	color: white;
	background-color: #595959;
	font-size: 0.8em;
	font-weight: lighter;
}

#registertable td {
	border-bottom: 1px solid grey;
	padding: 0.5vw;
	margin: 0;
	line-height: 1em;
}

#registertable tr:hover {
	background-color: #C0F6E6;
}

.plzort {
	font-size: 0.6em;
}

#submenu {
	position: fixed;
	top: 15vw;
	width: 12vw;
	padding: 0;
	line-height: 3em;
}

#submenu li {
	font-family: "Font-Light";
	color: grey;
	display: block;
	font-size: 1em;
	cursor: pointer;
	border-bottom: 1px solid silver;
}

#submenu li:hover {
	font-family: "Font-Regular";
	color: black;
}

.field_input input, .field_input select {
	background-color: white;
}
.steckbrief {
	display: none;
	margin-top: 0.7em;
	height: 10vw;
}
.mail {
	display: none;
	width: 2vw;
	height: 6vw;
}

.weblink {
	display: none;
}

.name1 {
	font-size: 0.7em;
}

#slider {
	position: absolute;
//	position: relative;
//	margin-top: 40vw;
	height: 50vw;
	width: 100vw;
}

#bgbild {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
}

#bild img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
}

.gallery figure {
	display: inline-block;
	top: 0;
	left: 0;
	z-index: 1;
	animation: wechseln 15s infinite;
}

@keyframes wechseln {
    0% {opacity: 0;}
   20% {opacity: 1;}
   40% {opacity: 1;}
   60% {opacity: 0;}
  100% {opacity: 0;}
}

.gallery figure:nth-of-type(2) {
  animation-delay: 5s;
  opacity: 0;
}

.gallery figure:nth-of-type(2) {
	animation-delay: 5s;
}
.gallery figure:nth-of-type(3) {
	animation-delay: 10s;
}

#selektion {
	display: none;
}

#selektion_m {
	position: relative;
	display: flex;
	flex-direction: column;
	margin-top: 3vw;
	left: 0vw;
	padding: 0;
	padding-top: 1vw;
	line-height: 2.8em;
	width: 100%;
	font-size: 0.8em;
	background-color: #F0F0F0;
//	display: none;
}

#selektion_m h3 {
    padding-left: 1em;
}

#selektion_m .field_input {
//    width: 94% !important;
}

#selektion_m input {
	position: absolute;
	left: 40vw;
	width: 50vw;
	padding: 0;
	font-size: 1.5em;
}

#selektion_m select {
	position: absolute;
	left: 40vw;
	width: 50vw;
	font-size: 1.5em;
	padding: 0;
}

#selektion_m label {
	font-size: 1.2em !important;
}

#suchen {
	position: fixed;
	top: 12vw;
	left: 30vw;
	width: 58vw;
	padding: 0.6vw;
	background-color: #F0F0F0;

	font-size: 0.8em;
}

#anmeldung {
    display: none;
}

#lupe {
	text-align: center;
	width: 3.5vw;
	vertical-align: bottom;
}

#lupe img {
	width: 1vw;
	background-color: #C0F6E6;
	padding: 0.4vw;
	cursor: pointer;
}

.src {
	width: 25vw;
	font-size: 1em;
}

.srt {
	width: 25vw;
	font-size: 1em;
	text-align: right;
}

#suchen label {
	display: block;
	font-size: 0.8em;
}

#suchen input {
	font-size: 0.8em;
	width: 90%;
	padding: 0.2vw;
	border-color: silver;
}

#suchen input:focus {
	background-color: #C0F6E6;
}

#result {
	position: fixed;
	top: 17vw;
	left: 30vw;
	width: 59vw;
	border-bottom: 1px solid silver;

	font-size: 0.8em;
}

#result select {
	font-size: 0.8em;
	padding: 0.3vw;
	border-color: silver;
	background-color: #C0F6E6;
}

#result a {
	font-size: 0.8em;
	text-decoration: none;
	color: #159971;
}

#result a:hover {
	text-decoration: underline;
}

.minipict, .pict {
    width: 3em;
    margin-top: .2em !important;
}

.bronze {
    width: 100%;
    height: 20vw;
}

.flex img {
    position: absolute;
    max-width: 40vw;
    max-height: 16vw;
    vertical-align: middle;
    text-align: center;
}

.redo {
    width: 6vw;
    margin-top: -8vw;
    margin-right: 2vw;
    float: right;
}

.minipict {
    width: 2vw;
}

.bld_table {
	width: 100%;
    font-size: 1em;
}

.bld_table th {
	padding: 0.5vw;
	margin: 0;
	color: white;
	font-size: 0.9em;
	font-family: "Font-Light";
	background-color: #9E9E9E;
}

.bld_table td {
	border-bottom: 1px solid grey;
	padding: 0.5vw;
	margin: 0;
}

.bld_table tr:hover {
	background-color: #159971;
	color: white;
}

.button {
    position: relative;
    font-size: .6em;
    top: 1vw;
}

/* Profil */

#backbox {
	position: absolute;
	top: 6vw;
	right: 1vw;
	width: 9vw;
	padding: 0.5vw 1.5vw 0.5vw 1.5vw;
	background-color: #F0F0F0;
	z-index: 50000;
	border: 1px solid grey;
	color: tomato;
}

#drucken {
	position: absolute;
	top: 6vw;
	right: 11vw;
	width: 9vw;
	padding: 0.5vw 1.5vw 0.5vw 1.5vw;
	background-color: #F0F0F0;
	z-index: 50000;
	border: 1px solid grey;
	color: black;
}

.txt_fld {
	font-size: 0.5em;
	border: 0px solid red;
}

ul {

}

#profilbox {
	margin-top: 10vw;
	margin-bottom: 10vw;
}

#profilbox h2 {
	display: none;
}

#profilbox h3 {
	position: absolute;
	top: 0;
	left: 40vw;
	font-size: 2em;
}

#profilbild {
	position: relative;
	display: flex;
   flex-direction: column;
	top: 1.5vw;
	left: 0vw;
	padding: 0;
   min-height: 40vw;
	width: 100vw;
	font-size: 0.8em;
	z-index: 100;
	margin-bottom: 10vw;
	border: 0px solid red;
}

#profilbild img {
	position: relative;
	display: flex;
   flex-direction: column;
	top: 1.5vw;
	left: 0vw;
	padding: 0;
   height: auto;
	width: 30vw;
	font-size: 0.8em;
	z-index: 100;
}

.kompetenzen {
	position: absolute;
//	display: flex;
//	position: relative;
 //  flex-direction: column;
	top: 20vw;
	left: 40vw;
	width: 55vw;
	padding: 0 1vw;
	background-color: #F0F0F0;
	border: 0px solid grey;
}

#inhalt_tab {
	position: relative;
	z-index: 10;
	bottom: 1vh;
//	background-color: #C0F6E6;
}

br {
//	display: none;
}

.reg_button {
	padding: 0.2em 1em 0.2em 1em;
	border: 1px solid silver;
	border-radius : .4em;
	cursor: pointer;
	width: 50vw !important;
	background-color: #2185C7;
	color: white;
	margin-top: 1vw;
	text-align: center;
	box-shadow: calc(var(--label-font-size) * 0.3) calc(var(--label-font-size) * 0.2) calc(var(--label-font-size) * 0.4) 0px rgba(0, 0, 0, 0.16);
}

.reg_button:hover {
	background-color: black;
	color: white;
}