body {
	font-family: "Font-Regular";
	font-size: 1.1vw;
	background-color: white;
	color: #4C4C4C;
	margin: 0;
	padding: 0;
	width: 100vw;
	overflow: hidden;
	overflow-y: auto;
	height: 100%;
	display: flex;
	flex-direction: column;
}

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

#kopf {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 6vw;
	z-index: 1000;
}

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

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

#kopfimg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 9vw;
    background-size: cover;
	z-index: 1000;
}

#footer {
	position: relative;
	left: 0;
	min-height: 13vh; /* statt height */
	margin-top: 1vw;
	width: 100%;
	padding: 1vw 0 1vw 10vw;
	line-height: 1.5em;
	font-family: "Font-Light";
	font-size: 0.7em;
	color: white;
	background-color: #4B4F54;
	box-sizing: border-box; /* wichtig, damit padding in die Höhe mit einberechnet wird */
}



.footblock {
//	position: absolute;
	float: left;
	width: 22vw;
}

.footblock svg {
	height: 1vw;
}

#longtext {
	width: 80vw;
}

#menu {
	position: absolute;
	top: 5.5vw;
	right: 11vw;
}

#menu ul {
	display: inline;
	font-size: 1em;
	cursor: pointer;
	padding: 0;
}

#menu li {
	display: inline;
	font-size: 1em;
	margin-left: 1.5vw;
}

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

#menu a:hover {
	color: black;
}

.field_input input, .field_input select {
	background-color: white;
}
.steckbrief {
//	margin-top: 0.7em;
	width: 1.2vw;
}
.mail {
//	margin-top: 1em;
	width: 1vw;
}

.mdisplay {
	display: none;
}

.active {
	color: #2185C7;
	font-weight: bolder;
}

.activebl {
	color: black;
	font-family: "Font-Regular";
	color: #2185C7;
	font-weight: bolder;
}

#menu2 {
	position: absolute;
	top: 1vw;
	right: 10vw;
	font-size: 0.7em;
	color: grey;
}

#menu2 a {
	color: black;
}

#language {
	margin-right: 1vw;
	margin-left: 1vw;
	display: inline-block;
}

#kontakt {
	margin-right: 1vw;
	margin-left: 0;
	display: inline-block;
}

.spalte {
	width: 20vw;
	padding-left: 0;
}

#linkbox {
	position: absolute;
	top: 26vw;
	left: 0vw;
	padding: 0;
	line-height: 1.5em;
	width: 15vw;
	font-size: 0.8em;
	padding: 1vw;
	padding-top: 0;
	z-index: 100;
}

.reg_button {
	padding: 0.2em 1em 0.2em 1em;
	border: 1px solid silver;
	border-radius : .4em;
	cursor: pointer;
	width: 13vw !important;
	background-color: #595959;
	margin-top: .2em;
	margin-bottom: .8em;
	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: #B6C3D8;
	color: white;
}

#anmeldung_be {
//	position: absolute;
	z-index: 10;
	margin-left: 15vw;
	top: 5vw;
	width: 65vw;
	min-height: 20vw;
}

.xtabbutton {
	width: 15vw;
	width: 15vw;
	padding: 3px 1em;
	margin: 0 0 0 0.5em;
	}

.hamburger {
	display: none;
}

#logo {
	position: absolute;
	left: 10vw;
	top: 3vw;
	width: 10vw;
	height: 10vw;
	color: #595959;
	font-family: "Font-Bold";
	font-size: 1.5em;
	cursor: pointer;
	background-color: white;

	display: flex;
	justify-content: center;
	align-items: center;

}

.logo {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

#logo img {
	width: 8vw;
	height: 8vw;
}

#logo_page {
	position: absolute;
	left: 10vw;
	top: 0.5vw;
	width: 8vw;
	height: 8vw;
	cursor: pointer;

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

#logo_page img {
	width: 8vw;
	height: 8vw;
}

.mitsubmenu {
	padding-left: 15vw;
	min-height: 2em;
}

.txtadmin {
	min-height: 2em;
	padding-bottom: 1vw;
}

#inhalt {
	position: relative;
	z-index: 10;
	top: 3vw;
}

#inhalt_home {
	position: relative;
	z-index: 10;
	margin-left: 10vw;
	margin-top: 4vw;
	border: 1px solid transparent;
}

.smalltext {
	display: none;
}

.inhalt_breit {
	position: relative;
	width: 80vw;
}

.inhalt_schmal {
	position: relative;
	left: 20vw;
	width: 60vw;
}

#inhalt_tab {
	position: relative;
	top: 2vw;
	padding-bottom: 3vw;
	margin-left: 0vw;
	width: 90vw;
	overflow: hidden;
	overflow-y: visible;
}

#inhaltbox {
	position: relative;
	top: 3vw;
	width: 80vw;
	margin-bottom: 2vw;
//	border: 1px solid red;
//	background-color: #F0DDF3;
}

#profilbox {
	position: relative;
	width: 80vw;
	left: 20vw;
	margin-top: 12vw;
}

#profilbild {
	position: absolute;
	margin-top: 4vw;
	left: -20vw;
	padding: 0;
	z-index: 100;
}

#profilbild img {
	padding: 0;
	width: 15vw;
	z-index: 100;
}


#kontakt {
	z-index: 10;
	left: 5vw;
	top: 5vw;
}

#selektion_m {
	display: none;
}

#selektion {
	position: relative;
	line-height: 1.5em;
	width: 78vw;
	font-size: 0.8em;
	padding: .2vw 1vw;
	padding-top: 0;
	background-color: #F0F0F0;
	border-radius : .4em;
	z-index: 100;
	border: 1px solid silver;
}

#selblock1 {
	width: 10vw;
}

#selblock2 {
	position: absolute;
	top: 3vw;
	left: 15vw;
}

#registertable {
	width: 39vw;
	position: relative;
	height: auto;
	margin-right: 2vw;
	float: left;
	font-size: 1em;
	background-color: #F1F4F8;
}

#registertable th {
	padding: 0.5vw;
	margin: 0;
	font-size: small;
	font-weight: bold;
	color: #4C4C4C;
	background-color: #DBDBDB;
}

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

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

#inhalt_form {
	position: relative;
	z-index: 10;
	left: 30vw;
	top: 9vw;
	width: 60vw;
	background-color: white;
}

.bld_table {
	width: 100%;
}

.bld_table th {
	padding: 0.5vw;
	margin: 0;
	font-size: small;
	font-weight: bold;
	color: #4C4C4C;
	background-color: #F0F0F0;
}

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

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

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.plzort {
	font-size: smaller;
}

#submenu {
	position: fixed;
	top: 10.5vw;
	left: 10vw;
	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;
}


#bgbild {
	position: relative;
	top: 0vw;
	left: 0;
	height: 25vw;
	width: 100vw;
}

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

.pict {
	width: 1vw;
	cursor: pointer;
}

.minipict {
	width: 0.7vw;
	cursor: pointer;
	margin-left: 1vw;
}

.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;
}

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

	font-size: 0.8em;
}

#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 {
	font-size: 1.5em;
}

#formular_links {
	position: absolute;
	width: 31vw;
	background-color: #F5F5F5;
	padding: 1vw;
}

#formular_rechts {
	position: absolute;
	right: 10vw;
	width: 31vw;
	background-color: #F5F5F5;
	padding: 1vw;
	border: 0px solid red;
}

#errormeldung {
	margin-top: -2.5vw;
	margin-left: 1vw;
	color: salmon;
}

.field_input input {
	height: 2.7em;
}

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

.fbs_box {
	border: 0.1em solid grey;
	border-radius : 1em;
	width: 0.7em;
	height: 0.7em;
	display: inline-block;
	margin-right: 0.2em;
}

.redo {
	position: absolute;
	top: 1.2vw;
	left: 16vw;
	height: 1vw;
}

#mainsubmenu {
	display: none !important;
}

/* Profil */

#backbox {
	position: absolute;
	top: 9vw;
	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: 9vw;
	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;
}

.kompetenzen {
	position: absolute;
	top: 0vw;
	left: 60vw;
	width: 17vw;
	padding: 0 1vw;
	background-color: #F0F0F0;
	border: 1px solid grey;
}

.txt_fld {
	width: 35vw;
	border: 0px solid red;
}

ul {

}

svg {
	cursor: pointer;
//	border: 1px solid yellow;
}

h1 {
	margin: 0;
	padding: 0;
}

.lnkpic {
	height: 1.5vw;
	margin-right: 1vw;
}