td a:link {text-decoration: none;
}
td a:visited {text-decoration: none;
}
td a:hover {text-decoration: none;
}
td a:active {text-decoration: none;
}
a:link {text-decoration: none!important;
}
a:visited {text-decoration: none!important;
}
a:hover {text-decoration: none!important;
}
a:active {text-decoration: none!important;
}
a img{
	opacity: 5%;
	}
a img:hover{
   box-shadow: 0 0 10px rgba(0,103,137,0.99);
   opacity: 100%;
}

body {
  padding-bottom: 3em;
}

button {	/* für das Formular verwendet */
  height: 50px;
  background: orange;
  border: none;
  color: white;
  font-size: 1.25em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border-radius: 4px;
  cursor: pointer;
}

button:hover {		/* für das Formular verwendet */
  border: 2px solid black;
}

div.elem-group {	/* für das Formular verwendet */
  width: 60%;
  margin: 20px 0;
  margin-left: 1%;
}

div.elem-group.inlined {	/* für das Formular verwendet */
  width: 40%;
  display: inline-block;
  float: left;
  margin-left: 1%;
}

div.elem-group-full {	/* für das Formular verwendet */
  width: 100%;
  display: inline-block;
  float: left;
  margin-left: 1%;
}

div.rechts{
	display: inline-block;
 	float: right;
	}
	
div.links{
	display: inline-block;
 	float: left;
	}
	
div.UntenMitte{
	display: flex;
	flex-direction: column; /* Vertikale Ausrichtung */
	justify-content: flex-end; /* Inhalt am unteren Rand */
	align-items: center; /* Horizontal zentrieren */
	width: 100%;
	height: 100vh; /* Volle Bildschirmhöhe */
}
div.InhaltUntenMitte{
	align-items: center; /* Horizontal zentrieren */
}
	
hr {
  border: 1px dotted #ccc;
}


input[type=checkbox] {		/* für das Formular verwendet */
  height: 20px;
  width: 40px;
}

input[type=radio] {		/* für das Formular verwendet */
  height: 20px;
  width: 40px;
}

input, select, textarea {			/* für das Formular verwendet */
  border-radius: 2px;
  border: 2px solid #777;
  box-sizing: border-box;
  font-size: 1.25em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  width: 100%;
  padding: 10px;
}

::placeholder {
  color: #cdcdcd;
  font-size: 1.0em;
}

textarea {
  height: 250px;
}



/* --------------------Ende Html Elemente--------------------------- */


.flex-parent-element {
  display: flex;
  width: 100%;
  /* height: 100%;	*/
}
.flex-child-element {
 box-sizing: border-box;
 flex: 1;
 width: calc(50% - 47em);	/* Die Breite der beiden Divs soll gleich groß sein. Da es drei Rahmen insgesamt sind wird hier von der Hälfte jeweils 750px agbezogen, es sollte in der Mitte also 1.500px Platz entstehen */
/*  height: 100%;	*/
 /* border: 2px solid blueviolet; */
/*  margin: 10px;	*/
  background-color: #ecdf9e;
}

.flex-child-element:first-child {
/*  margin-right: 20px;	*/
 /* height: 100%;	*/
}

#floating {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 95%;
}

.Mittelfeld {
  flex: 1;
  width: 1500px;
  height: 100%;
/*  margin: 10px;	*/
  background-color: #fbf8e3;
}

.mobile_off {	/* ---- Bedeutet: nur von Handys sichtbar -----	*/
  visibility: visible;
  width: 100%;
  /* height: 100%;	*/
}

.mobile_on {	/* ---- Zu Anfang versteckt, später aber durch anderes css von Handys sichtbar, wird dann auf visible gesetzt -----	*/
  visibility: hidden;
  width: 100%;
  height: 40px;
  /* height: 100%;	*/
}

.Starttabelle {
	border-collapse: collapse;
	border-radius: 0.1em;
	background-color: #2d272e;
}

.zwang {			/* für das Formular verwendet */
  display : block;
  overflow: hidden;
  white-space: nowrap;
  padding: 0px 4px 0px 6px;
  text-align : left;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 1.25em;
}

.zwang_reihe {			/* für das Formular verwendet */
  display : inline;
  overflow: hidden;
  /*white-space: nowrap;*/
  padding: 0px 4px 0px 6px;
  text-align : left;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 1.0em;
}