@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,600italic,400italic,700,700italic&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Inconsolata);
/* line 5, ../../../../../../var/lib/gems/3.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../var/lib/gems/3.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../var/lib/gems/3.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../var/lib/gems/3.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../var/lib/gems/3.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../var/lib/gems/3.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../var/lib/gems/3.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../var/lib/gems/3.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../var/lib/gems/3.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 11, ../sass/_layout.scss */
article {
  display: table;
  counter-reset: task;
}
/* line 17, ../sass/_layout.scss */
article h2::before {
  counter-increment: task;
  content: "Aufgabe " counter(task) ": ";
}
/* line 21, ../sass/_layout.scss */
article h2 {
  clear: both;
}
/* line 25, ../sass/_layout.scss */
article h2.no-task::before {
  counter-increment: none;
  content: "";
}
/* line 30, ../sass/_layout.scss */
article ol[type="1"] {
  list-style: decimal;
}
/* line 34, ../sass/_layout.scss */
article ol[type="a"] {
  list-style: lower-alpha;
}

/* line 39, ../sass/_layout.scss */
section.boxed, section.learninggoals, section.grading {
  float: right;
  width: 40%;
  margin: 0 0 1em 3em;
  padding: 1em 2em;
  clear: both;
  background: #efede1;
  border: 1px solid #ddd9c0;
}
/* line 49, ../sass/_layout.scss */
section.boxed:before, section.learninggoals:before, section.grading:before {
  content: attr(title);
  font-weight: 700;
}
/* line 54, ../sass/_layout.scss */
section.boxed ul li, section.learninggoals ul li, section.grading ul li {
  margin-left: 2.5em;
}
/* line 58, ../sass/_layout.scss */
section.boxed ul li:before, section.learninggoals ul li:before, section.grading ul li:before {
  content: "\2713 ";
  margin-left: -1em;
}
/* line 63, ../sass/_layout.scss */
section.boxed pre, section.learninggoals pre, section.grading pre, section.boxed :not(pre) > code[class*="language-"], section.learninggoals :not(pre) > code[class*="language-"], section.grading :not(pre) > code[class*="language-"], section.boxed pre[class*="language-"], section.learninggoals pre[class*="language-"], section.grading pre[class*="language-"] {
  background: transparent;
  display: block;
  border: none;
  padding: 0;
}

/* line 73, ../sass/_layout.scss */
section.learninggoals:before {
  content: "Lernziele";
}

/* line 78, ../sass/_layout.scss */
section.grading {
  background: #efefef;
  border: 1px solid #e9e9e9;
}
/* line 85, ../sass/_layout.scss */
section.grading ul li, section.grading dl dt {
  margin-left: 2.5em;
}
/* line 89, ../sass/_layout.scss */
section.grading dl dt:before {
  padding-right: 0.50em;
}
/* line 93, ../sass/_layout.scss */
section.grading ul li:before, section.grading dl dt:before {
  content: "\2610 ";
  margin-left: -1em;
}
/* line 98, ../sass/_layout.scss */
section.grading dl dt {
  margin-left: 1em;
  width: 3em;
  display: inline-block;
  font-weight: normal;
}
/* line 105, ../sass/_layout.scss */
section.grading dl dd {
  display: block;
  float: none;
  margin-left: 5em;
  margin-bottom: 1em;
  clear: right;
}
/* line 115, ../sass/_layout.scss */
section.grading[repeated="1"] dl dt {
  width: 4em;
}
/* line 118, ../sass/_layout.scss */
section.grading[repeated="1"] dl dt:before {
  content: " ☐";
}
/* line 121, ../sass/_layout.scss */
section.grading[repeated="1"] dl dd {
  margin-left: 6em;
}
/* line 115, ../sass/_layout.scss */
section.grading[repeated="2"] dl dt {
  width: 5em;
}
/* line 118, ../sass/_layout.scss */
section.grading[repeated="2"] dl dt:before {
  content: " ☐ ☐";
}
/* line 121, ../sass/_layout.scss */
section.grading[repeated="2"] dl dd {
  margin-left: 7em;
}
/* line 115, ../sass/_layout.scss */
section.grading[repeated="3"] dl dt {
  width: 6em;
}
/* line 118, ../sass/_layout.scss */
section.grading[repeated="3"] dl dt:before {
  content: " ☐ ☐ ☐";
}
/* line 121, ../sass/_layout.scss */
section.grading[repeated="3"] dl dd {
  margin-left: 8em;
}
/* line 115, ../sass/_layout.scss */
section.grading[repeated="4"] dl dt {
  width: 7em;
}
/* line 118, ../sass/_layout.scss */
section.grading[repeated="4"] dl dt:before {
  content: " ☐ ☐ ☐ ☐";
}
/* line 121, ../sass/_layout.scss */
section.grading[repeated="4"] dl dd {
  margin-left: 9em;
}
/* line 115, ../sass/_layout.scss */
section.grading[repeated="5"] dl dt {
  width: 8em;
}
/* line 118, ../sass/_layout.scss */
section.grading[repeated="5"] dl dt:before {
  content: " ☐ ☐ ☐ ☐ ☐";
}
/* line 121, ../sass/_layout.scss */
section.grading[repeated="5"] dl dd {
  margin-left: 10em;
}
/* line 115, ../sass/_layout.scss */
section.grading[repeated="6"] dl dt {
  width: 9em;
}
/* line 118, ../sass/_layout.scss */
section.grading[repeated="6"] dl dt:before {
  content: " ☐ ☐ ☐ ☐ ☐ ☐";
}
/* line 121, ../sass/_layout.scss */
section.grading[repeated="6"] dl dd {
  margin-left: 11em;
}
/* line 115, ../sass/_layout.scss */
section.grading[repeated="7"] dl dt {
  width: 10em;
}
/* line 118, ../sass/_layout.scss */
section.grading[repeated="7"] dl dt:before {
  content: " ☐ ☐ ☐ ☐ ☐ ☐ ☐";
}
/* line 121, ../sass/_layout.scss */
section.grading[repeated="7"] dl dd {
  margin-left: 12em;
}
/* line 115, ../sass/_layout.scss */
section.grading[repeated="8"] dl dt {
  width: 11em;
}
/* line 118, ../sass/_layout.scss */
section.grading[repeated="8"] dl dt:before {
  content: " ☐ ☐ ☐ ☐ ☐ ☐ ☐ ☐";
}
/* line 121, ../sass/_layout.scss */
section.grading[repeated="8"] dl dd {
  margin-left: 13em;
}

/* line 129, ../sass/_layout.scss */
section.grading:before {
  content: "Bewertungsschema";
}
/* line 132, ../sass/_layout.scss */
.homework section.grading[total-score]:before {
  content: "Bewertungsschema (Gesamtpunktzahl " attr(total-score) " pt)";
}

/* line 138, ../sass/_layout.scss */
.lab section.grading:before {
  content: "Bewertungsschema zur Lernkontrolle";
}

/* line 143, ../sass/_layout.scss */
.emptybox {
  display: block;
  border: 1px solid #ddd;
  height: 4em;
  width: 25em;
  margin: 0.5em 0;
}

/* line 151, ../sass/_layout.scss */
smallbox {
  display: block;
  border: 1px solid #ddd;
  height: 4em;
  width: 5em;
  margin: 0.5em 0;
}

/* line 160, ../sass/_layout.scss */
body.draft #draft-note {
  display: block;
  position: relative;
  color: red;
  font-size: 20pt;
  text-align: center;
  width: 100%;
  font-weight: bold;
  top: 30px;
  background: white;
}
/* line 171, ../sass/_layout.scss */
body.draft > header #logo, body.draft #letterhead {
  opacity: 0.2;
}

/* line 176, ../sass/_layout.scss */
div.float-left {
  display: block;
  float: left;
  padding-right: 4em;
  padding-bottom: 2em;
}

/* line 185, ../sass/_layout.scss */
article.additional-info {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  margin-left: -2.5em;
}
/* line 193, ../sass/_layout.scss */
article.additional-info > section.boxed, article.additional-info > section.learninggoals, article.additional-info > section.grading {
  margin: 0;
  margin-left: 2.5em;
  width: auto;
}

/* line 201, ../sass/_layout.scss */
section.fullwidth {
  width: auto;
  margin-left: 0;
  float: none;
}

/* line 1, ../sass/_header.scss */
body > header {
  display: table;
  width: 100%;
  padding-bottom: 2.5em;
}
/* line 8, ../sass/_header.scss */
body > header #letterhead {
  display: table;
  float: right;
  color: #a51e37;
  font-size: 8pt;
}
/* line 16, ../sass/_header.scss */
body > header #letterhead h1 {
  font-size: 12pt;
  margin: -4px 0 0 0;
  line-height: 1.2em;
  font-weight: 600;
  margin-bottom: 0.25em;
  border: none;
}
/* line 25, ../sass/_header.scss */
body > header #letterhead a {
  color: #a51e37;
}
/* line 29, ../sass/_header.scss */
body > header #letterhead ul {
  display: inline-block;
  margin: 0;
}
/* line 33, ../sass/_header.scss */
body > header #letterhead ul li {
  display: inline-block;
  margin: 0;
}
/* line 37, ../sass/_header.scss */
body > header #letterhead ul li:not(:first-child):before {
  content: " \2022  ";
  color: #a51e37;
}

/* line 106, ../../../../../../var/lib/gems/3.0.0/gems/compass-core-1.0.3/stylesheets/compass/typography/_vertical_rhythm.scss */
html {
  font-size: 66.66667%;
  line-height: 1.5em;
}

/* line 22, ../sass/_typography.scss */
html, body {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

/* line 26, ../sass/_typography.scss */
a {
  text-decoration: none;
  -moz-transition: color, 0.2s;
  -o-transition: color, 0.2s;
  -webkit-transition: color, 0.2s;
  transition: color, 0.2s;
}

/* line 31, ../sass/_typography.scss */
section, article {
  /* source code */
}
/* line 33, ../sass/_typography.scss */
section h1, section h2, section h3, article h1, article h2, article h3 {
  font-weight: 700;
}
/* line 41, ../sass/_typography.scss */
section h1, article h1 {
  font-size: 1.875em;
  line-height: 1.6em;
  margin: 0.4em 0 0.2em;
  margin-top: 1.5em;
}
/* line 47, ../sass/_typography.scss */
section h2, article h2 {
  font-size: 1.3125em;
  line-height: 1.14286em;
  margin: 3.42857em 0 0.57143em;
}
/* line 51, ../sass/_typography.scss */
section h3, article h3 {
  font-size: 1.125em;
  line-height: 1.33333em;
  margin: 2em 0 0.33333em;
}
/* line 56, ../sass/_typography.scss */
section p, section ul, section ol, section blockquote, section dl, section pre, section div.rule, article p, article ul, article ol, article blockquote, article dl, article pre, article div.rule {
  margin-bottom: 0.75em;
}
/* line 60, ../sass/_typography.scss */
section p, article p {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  text-align: justify;
}
/* line 67, ../sass/_typography.scss */
section blockquote, article blockquote {
  padding-left: 1em;
  font-style: italic;
}
/* line 72, ../sass/_typography.scss */
section strong, article strong {
  font-weight: bolder;
}
/* line 76, ../sass/_typography.scss */
section em, article em {
  font-style: italic;
}
/* line 80, ../sass/_typography.scss */
section ul li, section ol li, article ul li, article ol li {
  position: relative;
  margin-left: 2em;
  padding-left: 1em;
}
/* line 86, ../sass/_typography.scss */
section ul li:before, article ul li:before {
  position: absolute;
  left: -1em;
  content: "\2013  ";
}
/* line 92, ../sass/_typography.scss */
section dl, article dl {
  display: inline-block;
  vertical-align: top;
}
/* line 96, ../sass/_typography.scss */
section dl dt, article dl dt {
  font-weight: bold;
}
/* line 98, ../sass/_typography.scss */
section dl dt, section dl dd, article dl dt, article dl dd {
  float: left;
  display: inline-block;
}
/* line 103, ../sass/_typography.scss */
section dl dt, article dl dt {
  clear: left;
  width: 150px;
}
/* line 108, ../sass/_typography.scss */
section dl dd, article dl dd {
  margin-bottom: 0.5em;
}
/* line 115, ../sass/_typography.scss */
section code, section pre, article code, article pre {
  font-family: Inconsolata, monospace;
}
/* line 119, ../sass/_typography.scss */
section :not(pre) > code, article :not(pre) > code {
  display: inline-block;
  background: #f5f5f5;
  padding: 0.05em 0.25em;
  border-radius: 4px;
}
/* line 126, ../sass/_typography.scss */
section pre, section :not(pre) > code[class*="language-"], section pre[class*="language-"], article pre, article :not(pre) > code[class*="language-"], article pre[class*="language-"] {
  background: #f5f5f5;
  display: block;
  border-left: 5px solid #4FAACE;
  padding: 0.5em 1em 0.5em 2em;
  margin-top: 1.5em;
}
/* line 134, ../sass/_typography.scss */
section hr, article hr {
  border: none;
  border-bottom: 1px solid #eaeaea;
}
/* line 139, ../sass/_typography.scss */
section table, article table {
  border-top: 2px solid #32414b;
  border-bottom: 2px solid #32414b;
  margin: 1em auto;
}
/* line 144, ../sass/_typography.scss */
section table pre, section table :not(pre) > code[class*="language-"], section table pre[class*="language-"], article table pre, article table :not(pre) > code[class*="language-"], article table pre[class*="language-"] {
  display: block;
  border: none;
}
/* line 148, ../sass/_typography.scss */
section thead, article thead {
  border-bottom: 1px solid #32414b;
}
/* line 151, ../sass/_typography.scss */
section th, article th {
  font-weight: 700;
}
/* line 154, ../sass/_typography.scss */
section td, section th, article td, article th {
  padding: 0.25em 0.5em;
}
/* line 157, ../sass/_typography.scss */
section td[align="right"], section th[align="right"], article td[align="right"], article th[align="right"] {
  text-align: right;
}
/* line 160, ../sass/_typography.scss */
section td[align="left"], section th[align="left"], article td[align="left"], article th[align="left"] {
  text-align: left;
}
/* line 163, ../sass/_typography.scss */
section td[align="center"], section th[align="center"], article td[align="center"], article th[align="center"] {
  text-align: center;
}
/* line 168, ../sass/_typography.scss */
section todo, article todo {
  color: red;
  font-weight: bold;
}

/* line 1, ../sass/_lecturenav.scss */
nav.navbar {
  display: block;
  padding: 0;
  margin-bottom: 15px;
}

/* line 6, ../sass/_lecturenav.scss */
.navbar ul {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MzYzRiZSIvPjxzdG9wIG9mZnNldD0iMTYlIiBzdG9wLWNvbG9yPSIjZDhkOWQzIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNkYWRiZDciLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2QxZDJjZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2IzYjRhYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c3c4be), color-stop(16%, #d8d9d3), color-stop(50%, #dadbd7), color-stop(75%, #d1d2cd), color-stop(100%, #b3b4ab));
  background-image: -moz-linear-gradient(#c3c4be, #d8d9d3 16%, #dadbd7 50%, #d1d2cd 75%, #b3b4ab);
  background-image: -webkit-linear-gradient(#c3c4be, #d8d9d3 16%, #dadbd7 50%, #d1d2cd 75%, #b3b4ab);
  background-image: linear-gradient(#c3c4be, #d8d9d3 16%, #dadbd7 50%, #d1d2cd 75%, #b3b4ab);
}

/* line 14, ../sass/_lecturenav.scss */
.navbar ul, li {
  margin: 0;
  padding: 0;
}

/* line 18, ../sass/_lecturenav.scss */
.navbar li {
  display: inline;
}

/* line 22, ../sass/_lecturenav.scss */
.navbar li a {
  text-transform: uppercase;
  font-weight: bold;
  font-family: Verdana, "Open Sans", Arial, Helvetica, sans-serif;
  color: #484848;
  font-size: 0.83333em;
  line-height: 1.7em;
  display: inline-block;
  padding: 0 10px;
  height: 22px;
  line-height: 22px;
  border-right: 1px solid #fff;
}

/* line 35, ../sass/_lecturenav.scss */
.navbar li.active a, .navbar li a:hover {
  color: #fff;
  background: #a51e37;
}

/* line 22, ../sass/screen.scss */
body > header #logo {
  display: block;
  width: 200px;
  height: 51px;
}

/* line 30, ../sass/screen.scss */
html {
  background: #efefef;
}

/* line 34, ../sass/screen.scss */
body {
  background: #ffffff;
  padding: 3em 3em 4em;
  min-width: 600px;
  max-width: 900px;
  margin: 1em auto;
  box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.2);
}

/* line 43, ../sass/screen.scss */
body > article a {
  color: #b4a069;
}
/* line 45, ../sass/screen.scss */
body > article a:hover {
  color: #a51e37;
}