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

hr {
  border: 1px dotted #ccc;
}


input[type=checkbox] {		/* 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 {
	flex: 1;
	width: 100%;
/*   width: calc(50vw - 300px);	Die Breite der beiden Divs soll gleich groß sein. Da es drei Rahmen insgesamt sind wird hier von der Hälfte jeweils 300px agbezogen, es sollte in der Mitte also 600px Platz entstehen */
/*  height: 100%;	*/
/* border: 2px solid blueviolet;	*/
/*  margin: 10px;	*/
  background-color: #ecdf9e;
}

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

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

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

.mobile_off {
  visibility: hidden;
  width: 100%;
  /* height: 100%;	*/
}

.mobile_on {	/* ---- war zu Anfang versteckt, später aber von Handys sichtbar -----	*/
  visibility: visible;
  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;
}



/* -----------------------------Text------------------------------- */


@font-face {
  font-family: 'Monda';
  font-style: normal;
  font-weight: 400;
  src: local("Monda"), local("Monda"), url('/fonts/Monda.woff2'), url(https://fonts.gstatic.com/s/monda/v17/TK3-WkYFABsmjuBtFuvTIFRAPpWsH3o8pmFH.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: local("raleway"), local("raleway"), url('/fonts/raleway_bold.woff2'), url(https://fonts.gstatic.com/s/raleway/v34/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVsEpbCIPrE.woff2) format('woff2');) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.fliesstextBlack {
	text-align : left;
 	font-family : "Monda";
  	font-size : 11px;
	margin-left: 1px;
}

.fliesstextBlackKlein {
	text-align : left;
 	font-family : "Monda";
  	font-size : 8px;
	margin-left: 1px;
}

.fusstext{
  position: fixed;
  padding: 0;
  bottom: 0;
  width: 100%;
  overflow: hidden;
/*  left: 0;
  right: 0;*/
/*  width: 1500px;	*/
  background-color: #edf0f8;
}

.fusstextText {
	text-align : left;
 	font-family : "Monda";
  	font-size : 9px;
	font-weight : bold;
	color : #e06f1c;
	margin-left: 0;
}

.kopf {				/* für das Formular verwendet */
	width: 60%;
 	margin: 20px 0;
	margin-left: 1%;
	text-align:left;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 30px;
	color : black;
	text-decoration : none;
	font-weight : bold;
}

label {				/* für das Formular verwendet */
  display: block;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding-bottom: 10px;
  font-size: 1.25em;
}

.Punkte {
	flex: 1;
	text-align:right;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 14px;
	color : #FFFFFF;
	text-decoration : none;
	font-weight : bold;
}

.textfeld {		
  width: 290px;
  float: right;
  background-color: white;
  padding: 2px 4px 4px 0px;
  text-align : left;
}

.textfeldBreit {	
  width: 350px;
  float: right;
  background-color: white;
  padding: 2px 4px 4px 0px;
  text-align : left;
}

.textfeldHead {	
  width: 290px;
  float: right;
  padding: 2px 4px 4px 0px;
  text-align : left;
  vertical-align: bottom;
}

.textfeldHeadBreit {	
  width: 350px;
  float: right;
  padding: 6px 4px;
  text-align : left;
  vertical-align: bottom;
}

.ueberschrift {
	text-align : left;
 	font-family : "Raleway";
  	font-size : 1.1em;
	margin-left: 1px;
}



/* -----------------------------Menue------------------------------- */



nav {
  position: fixed;
  top: 1.2em;
  padding: 0;
  height: 6em;
  margin: 0 auto;
/*  width: 100%;	*/
  text-align: right;
 /* background: white; */
 border-bottom: 0px solid white;
}

nav ul {
padding: 0.75em 0 0 0;
  font-size: 75%;
  margin: 0;
/* height: 100vh;	*/
}

nav ul li {
  list-style: none;
  background: #e06f1c;
  font-family : "Raleway";
  color: #e06f1c;
  font-size : 1.0em;
margin-left: 6px;
  display: inline;
}

nav ul li a {
  color: #ffffff;
  background: none;
  position: relative;
  padding: 0 0 0.5em 0;
  display: inline-block;
  text-decoration: none;
/*  text-transform: uppercase;	*/
}

nav ul li a:hover {
  color: #ffdb8f;
  border-bottom: 2px solid #03405f;
}