/*
Farbschema:

#0099BC blau
#897E0E grün-gelb
#79002E rot
#AEAEAE Aufgabe
#FF5E00 Aufgabe


Einheiten: em  Schriftgröße
Einheiten: px  Bildschirmpixel

margin:	Außenabstand
padding: Innenabstand Kurzform top right bottom left
border: 	Rahmen

@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif:400,400i,700,700i');

@import url('https://fonts.googleapis.com/css?family=Roboto+Mono:300,300i,400,400i,500,500i,700,700i|Roboto+Slab:100,300,400,700|Roboto:300,300i,400,400i,500,500i,700,700i,900,900i');

font-family: 'Roboto Slab', serif;
font-family: 'Roboto', sans-serif;
font-family: 'Roboto Mono', monospace;

section {
	background-color: #EEEEEE; #E5EBF2;  
	padding: 0.7em;
	margin-top: 5px;
}
*/

@import url('https://fonts.googleapis.com/css?family=Roboto+Mono:300,300i,400,400i,500,500i,700,700i|Roboto+Slab:100,300,400,700|Roboto:300,300i,400,400i,500,500i,700,700i,900,900i');


@font-face {
  font-family: 'MJX_Math';
  src: url('http://cdn.mathjax.org/mathjax/latest/fonts/HTML-CSS/TeX/eot/MathJax_Math-Italic.eot'); 
  src: url('http://cdn.mathjax.org/mathjax/latest/fonts/HTML-CSS/TeX/eot/MathJax_Math-Italic.eot?iefix') format('eot'),
       url('http://cdn.mathjax.org/mathjax/latest/fonts/HTML-CSS/TeX/woff/MathJax_Math-Italic.woff')  format('woff'),
       url('http://cdn.mathjax.org/mathjax/latest/fonts/HTML-CSS/TeX/otf/MathJax_Math-Italic.otf')  format('opentype'),
       url('http://cdn.mathjax.org/mathjax/latest/fonts/HTML-CSS/TeX/svg/MathJax_Math-Italic.svg#MathJax_Math-Italic') format('svg');
}
@font-face {
  font-family: 'MJX_Main';
  src: url('http://cdn.mathjax.org/mathjax/latest/fonts/HTML-CSS/TeX/eot/MathJax_Main-Regular.eot'); 
  src: url('http://cdn.mathjax.org/mathjax/latest/fonts/HTML-CSS/TeX/eot/MathJax_Main-Regular.eot?iefix') format('eot'),
       url('http://cdn.mathjax.org/mathjax/latest/fonts/HTML-CSS/TeX/woff/MathJax_Main-Regular.woff')  format('woff'),
       url('http://cdn.mathjax.org/mathjax/latest/fonts/HTML-CSS/TeX/otf/MathJax_Main-Regular.otf')  format('opentype'),
       url('http://cdn.mathjax.org/mathjax/latest/fonts/HTML-CSS/TeX/svg/MathJax_Main-Regular.svg#MathJax_Main-Regular') format('svg');
}



html {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 1.2em;
	line-height: 1.5em;  
}

body {
	margin: 0 auto;
	max-width: 100em;
    background-color: #FFFFFF;
 /* font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 1.2em;
	line-height: 1.5em; */
}

article {
	background-color: #EEEEEE;  /*#E5EBF2;*/
	padding: 1em;
	margin-top: 0.5em;
}

header {
	font-family: 'Roboto Slab', serif;
	color: #FFFFFF;
	background-color: #79002E; /*#CCD6DF;*/
	font-size: 2.2em;
	font-weight: 700;
	text-align: center;
	padding: 0.7em 0em 0.7em 0em;
}

footer {
	background-color: #EEEEEE;  /*#E5EBF2;*/
	margin-top: 0.5em;
	height: 50px;
}

details {
	background-color: #FFFFFF;
	font-family: 'Roboto Mono', monospace;
	font-weight: 400;
	margin: 1em;
	padding: 1em;
	border: 1px solid;
	border-top: 5px solid;
	border-top-color:#0099BC;
	border-right-color:#CDCDCD;
	border-bottom-color:#CDCDCD;
	border-left-color:#CDCDCD;
   	box-shadow: 2px 2px 5px 0px rgba(131,139,139,0.5);
}

summary {
	font-family: 'Roboto Slab', serif;;
	font-size: 1.2em;
	font-weight: 400;
	color: #0099BC;
	padding-bottom: 0.5em;
}
			
figure {
	padding: 0.5em;
	display: inline-block;
}			
			
figcaption {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 0.8em;
}

p {
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

/* p:first-letter{font-size:30px;} */

h1 {
	font-family: 'Roboto Slab', serif;;
	font-size: 2.0em;
	font-weight: 700;
	color: #897E0E;
}

h2 {
	font-family: 'Roboto Slab', serif;;
	font-size: 1.6em;
	font-weight: 700;
	color: #897E0E;
}

h3 {
	font-family: 'Roboto Slab', serif;;
	font-size: 1.2em;
	font-weight: 700;
	color: #897E0E;
}

a {
	font-weight: 400;
	font-size:100%;
}

table {
	width:100%;
    font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 1.2em;
}

th {
	font-weight: 700;
	text-align: center;
}

td {
	vertical-align: top;
}

button {
	background-color: #FFFFFF;
	color: #0099BC;
	border-width: 1px;
	border-radius: 5px;
	border-top-color: #CDCDCD;
	border-right-color:#CDCDCD;
	border-bottom-color:#CDCDCD;
	border-left-color:#CDCDCD;
	font-family: 'Roboto', sans;
  	font-weight: 300;
  	font-size: 1.2em;
  	padding: 0.3em 0.5em 0.3em 0.5em;
   	height: 2em;
   	border-style: solid;
}

/*
button {
	background-color: #FFFFFF;
	color: #0099BC;
	border-width: 1px;
	border-radius: 3px;
	font-family: 'Roboto Slab', serif;;
  	font-weight: 400;
  	font-size: 1.4em;
}
*/

.einrueck {
	padding-left: 2em;
}

.formel {
	background-color: #FFFFFF;
	font-family: 'Roboto Mono', monospace;
	font-weight: 400;
	margin: 1em;
	padding: 1em;
	border: 1px solid;
	border-top: 5px solid;
	border-top-color:#897E0E;
	border-right-color:#CDCDCD;
	border-bottom-color:#CDCDCD;
	border-left-color:#CDCDCD;
    box-shadow: 2px 2px 5px 0px rgba(131,139,139,0.5);
}

.merke {
	background-color: #FFFFFF;
	font-family: 'Roboto Mono', monospace;
	font-weight: 400;
	margin: 1em;
	padding: 1em;
	border: 1px solid;
	border-top: 5px solid;
	border-top-color:#FF0000;
	border-right-color:#CDCDCD;
	border-bottom-color:#CDCDCD;
	border-left-color:#CDCDCD;
   box-shadow: 2px 2px 5px 0px rgba(131,139,139,0.5);
}

a:link {
	color: #0099BC;
  	text-decoration: none;
	font-family: 'Roboto Slab', serif;;
  	font-weight: 400;
  	font-size: 1.0em;
}

a:active {
}

a:visited {
  	color: #0099BC;
  	text-decoration: none;
}

a:hover {
	color: #0099BC;
	text-decoration: underline; 
}

ul.first {
	list-style-type: triangle;
}

.floatmitte {
	float:right;
	position:relative;
	left:-40%;
}

.blockmitte {
    display: block;
    margin: 0 auto 0 auto; 
}

.math {
  font-family: MJX_Math;
  font-size: 110%;
  line-height: .8em;
}
.mathm {
  font-family: MJX_Main;
  font-size: 80%;
  line-height: .8em;
}

.aufgabe {
  padding: 1em 0em 1em 0.5em;
  border-left: 5px solid #897E0E;
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #0099BC;
    color: #000;
}

.tooltip .tooltiptext {
    visibility: hidden;
    text-align: center;
	width: 300px;
	background-color: #FFFFFF;
	font-family: 'Roboto Mono', monospace;
	font-weight: 400;
	font-size: 80%;
	color: #000;
	padding: 5px;
	border: 1px solid;
	border-top: 5px solid;
	border-top-color:#0099BC;
	border-right-color:#CDCDCD;
	border-bottom-color:#CDCDCD;
	border-left-color:#CDCDCD;
   	box-shadow: 2px 2px 5px 0px rgba(131,139,139,0.5);
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: -75%;
    /* margin-left: -60px; */
    opacity: 0;
    transition: opacity 1s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

@counter-style triangle {
  system: cyclic;
  symbols: ‣;
  suffix: " ";
}