* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
  -ms-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-user-drag: none;
  -webkit-touch-callout: none;
  -ms-content-zooming: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

html, body {
  width: 100%;
  max-width: 150em;
  padding: 0;
  margin: 0;
  font-family: Calibri,Verdana,Helvetica,Arial,sans-serif;
  font-size:1em;
  text-align:center;
  background-color: #ffffff;
  color: #666666;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
   hyphens: auto;
  }

.title {
  padding: 0;
  margin: 0;
  overflow: ;
  font-family: Calibri,Verdana,Helvetica,Arial,sans-serif;
  font-size: 2.4em;
  font-variant:;
  font-weight:bold;
  text-align:center;
}

.title2 {
  padding: 0;
  margin: 0;
  overflow: ;
  font-family: Calibri,Verdana,Helvetica,Arial,sans-serif;
  font-size: 2.4em;
  font-variant:;
  font-weight:bold;
  text-align:center;
  color: #fff;
}

.kapitel {
  width: 600px;
  height: 20px;
  padding: 10px;
  margin: 0;
  overflow: ;
  font-family: Calibri,Verdana,Helvetica,Arial,sans-serif;
  font-size: 18px;
  font-weight:normal;
  text-align:center;
  background-color: ;
  color: #000;
}
 
.text1 {
  font-family: Calibri,Verdana,Helvetica,Arial,sans-serif;
  font-size:2.4em;
  font-weight:bold;
  text-align:center;
  color: #000;
}

.text2 {
  font-family: Calibri,Verdana, Helvetica, Arial,sans-serif;
  font-size: 17px;
  font-weight:normal;
  text-align:left;
  color: #000;
}

.text3 {
  font-family: Calibri,Verdana,Helvetica,Arial,sans-serif;
  font-size:1.2em;
  font-weight:normal;
  text-align:center;
  color: #fff;
  max-width: 1400px;
}

.text4 {
  font-family: Calibri,Verdana,Helvetica, Arial,sans-serif;
  font-size:1.2em;
  font-weight:normal;
  text-align:left;
  color: #000;
}

.text5 {
  font-family: Calibri,Verdana,Arial,Helvetica,Arial,sans-serif;
  font-size: 19px;
  font-weight:normal;
  text-align:center;
  color: #000;
}

.text6 {
  font-family: Calibri,Arial,Verdana,Helvetica,sans-serif;
  font-size: 18px;
  font-weight:normal;
  text-align:left;
  color: #000;
}

.text7 {
  font-family: Calibri,Verdana,Helvetica,Arial,sans-serif;
  font-size: 16px;
  font-weight:normal;
  text-align:left;
  color: #000;
}

.text8 {
  font-family: Calibri,Verdana,Helvetica,Arial,sans-serif;
  font-size: 24px;
  font-weight:normal;
  text-align:left;
  color: #000;
}

.text9 {
  font-family: Calibri,Verdana,Helvetica,Arial,sans-serif;
  font-size: 24px;
  font-weight:bold;
  text-align:left;
  color: #000;
}

.text10 {
  font-family: Calibri,Verdana,Helvetica,Arial,sans-serif;
  font-size: 19px;
  font-weight:normal;
  text-align:left;
  color: #000;
}

.titelnachweis { color: rgb(25,130,209);
    text-decoration: none;
    font-family:Calibri,Arial,Verdana,Helvetica,sans-serif;
    font-size:24pt;
    font-weight:bold;
    word-wrap: break-word;
    }	

.hr {
	border: 1px solid grey;
	width: 90%;
}

  a:link { color: rgb(25,130,209); 
    text-decoration: none;
    font-family:Calibri,Arial,Verdana,Helvetica,sans-serif;
    font-size:14pt;
	word-wrap: break-word;
    }

  a:visited { color: rgb(25,130,209);
    text-decoration: none;
    font-family:Calibri,Arial,Verdana,Helvetica,sans-serif;
    font-size:14pt;
	word-wrap: break-word;
    }

  a:active { color: rgb(255, 204, 0);
    text-decoration: none;
    font-family:Calibri,Arial,Verdana,Helvetica,sans-serif;
    font-size:14pt;
	word-wrap: break-word;
    }

  a:hover { color: rgb(255, 165, 0);
    text-decoration: none;
    font-family:Calibri,Arial,Verdana,Helvetica,sans-serif;
    font-size:14pt;
	word-wrap: break-word;
    }
	
  a.start:link { color: rgb(25,130,209);
    text-decoration: none;
    font-family:Calibri,Arial,Verdana,Helvetica,sans-serif;
    font-size:15pt;
    font-weight:bold;
    }

  a.start:visited { color: rgb(139, 0, 0);
    text-decoration: none;
    font-family:Calibri,Arial,Verdana,Helvetica,sans-serif;
    font-size:15pt;
    }

  a.start:active { color: rgb(255, 204, 0);
    text-decoration: none;
    font-family:Calibri,Arial,Verdana,Helvetica,sans-serif;
    font-size:15pt;
    }

  a.start:hover { color: rgb(255, 165, 0);
    text-decoration: none;
    font-family:Calibri,Arial,Verdana,Helvetica,sans-serif;
    font-size:15pt;
    }
  a.start:link { color: rgb(25,130,209);
    text-decoration: none;
    font-family:Calibri,Arial,Verdana,Helvetica,sans-serif;
    font-size:15pt;
    font-weight:bold;
    }

  a.nachweis:visited { color: rgb(25,130,209);
    text-decoration: none;
    font-family:Calibri,Arial,Verdana,Helvetica,sans-serif;
    font-size:20pt;
    word-wrap: break-word;
    }

  a.nachweis:active { color: rgb(255, 204, 0);
    text-decoration: none;
    font-family:Calibri,Arial,Verdana,Helvetica,sans-serif;
    font-size:18pt;
	word-wrap: break-word;
    }

  a.nachweis:hover { color: rgb(255, 165, 0);
    text-decoration: none;
    font-family:Calibri,Arial,Verdana,Helvetica,sans-serif;
    font-size:18pt;
    word-wrap: break-word;
    }
  a.nachweis:link { color: rgb(25,130,209);
    text-decoration: none;
    font-family:Calibri,Arial,Verdana,Helvetica,sans-serif;
    font-size:22pt;
	font-weight:bold;
	word-wrap: break-word;
    }	
	
  a.literaturlink:visited { color: rgb(25,130,209);
    text-decoration: none;
    font-family:Calibri,Arial,Verdana,Helvetica,sans-serif;
    font-size:12pt;
	word-wrap: break-word;
    }

  a.literaturlink:active { color: rgb(255, 204, 0);
    text-decoration: none;
    font-family:Calibri,Arial,Verdana,Helvetica,sans-serif;
    font-size:12pt;
	word-wrap: break-word;
    }

  a.literaturlink:hover { color: rgb(255, 165, 0);
    text-decoration: none;
    font-family:Calibri,Arial,Verdana,Helvetica,sans-serif;
    font-size:12pt;
	word-wrap: break-word;
    }
  a.literaturlink:link { color: rgb(25,130,209);
    text-decoration: none;
    font-family:Calibri,Arial,Verdana,Helvetica,sans-serif;
    font-size:12pt;
	font-weight:normal;
	word-wrap: break-word;
    }	

  a.impressum:visited { color: rgb(25,130,209);
    text-decoration: none;
    font-family:Calibri,Arial,Verdana,Helvetica,sans-serif;
    font-size:13pt;
	word-wrap: break-word;
    }

  a.impressum:active { color: rgb(255, 204, 0);
    text-decoration: none;
    font-family:Calibri,Arial,Verdana,Helvetica,sans-serif;
    font-size:13pt;
	word-wrap: break-word;
    }

  a.impressum:hover { color: rgb(255, 165, 0);
    text-decoration: none;
    font-family:Calibri,Arial,Verdana,Helvetica,sans-serif;
    font-size:13pt;
	word-wrap: break-word;
    }
  a.impressum:link { color: rgb(25,130,209);
    text-decoration: none;
    font-family:Calibri,Arial,Verdana,Helvetica,sans-serif;
    font-size:13pt;
	font-weight:normal;
	word-wrap: break-word;
    }	
  a.hilfe:link { color: rgb(25,130,209);
    text-decoration: none;
    font-family:Calibri,Arial,Verdana,Helvetica,sans-serif;
    font-size:13pt;
	font-weight:normal;
	word-wrap: break-word;
    }	
	
  a.hilfe:visited { color: rgb(25,130,209);
    text-decoration: none;
    font-family:Calibri,Arial,Verdana,Helvetica,sans-serif;
    font-size:13pt;
	word-wrap: break-word;
    }

  a.hilfe:active { color: rgb(255, 204, 0);
    text-decoration: none;
    font-family:Calibri,Arial,Verdana,Helvetica,sans-serif;
    font-size:13pt;
	word-wrap: break-word;
    }

  a.hilfe:hover { color: rgb(255, 165, 0);
    text-decoration: none;
    font-family:Calibri,Arial,Verdana,Helvetica,sans-serif;
    font-size:13pt;
	word-wrap: break-word;
    }
	
/* dunkelgraue Hintergrundfarbe */
.topnav {
  overflow: hidden;
  background-color: #373737;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  font-family:Calibri,Arial,Verdana,Helvetica;
  color: #f2f2f2;
  text-align: center;
  padding: 17px 10px;
  text-decoration: none;
  font-size: 21px;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Add an active class to highlight the current page */
.topnav a.active {
  background-color: #e38000;
  color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Startseite"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

ul { 
	list-style-type: disc; 
	color: #333333; 
	font-weight: normal; 
	font-family:Calibri,Verdana,Helvetica,sans-serif; 
	font-size: 16px; text-align:left; word-wrap: break-word;
	}

li { 
	color: black; 
	font-weight: normal; 
	font-family:Calibri,Verdana,Helvetica,sans-serif; 
	font-size: 16px; 
	word-wrap: break-word;
	}

.container {
	display: flex;
	justify-content: left;
	align-items: left;
	font-size: 20px;
	margin-left: 5%;
	margin-right: 5%;
	max-width: 90%;
	}

.container-left {
	display: flex;
	justify-content: left;
	align-items: left;
	margin-left: 5%;
	margin-right: 5%;
	max-width: 90%;
	word-wrap: break-word;
	hyphens: auto;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	}

.schatten {
  width: 300px;
  -webkit-filter: drop-shadow(5px 5px 5px #222);
  filter: drop-shadow(5px 5px 5px #222);
}

#absatz { 
	margin-bottom: -25px; 
	}