@font-face {
  font-family: "Titillium Web";
  font-style: normal;
  font-weight: 200;
  src: url("../webfonts/TitilliumWeb/titillium-web-200.eot");
  src: url("../webfonts/TitilliumWeb/titillium-web-200.eot?#iefix") format("embedded-opentype"), url("../webfonts/TitilliumWeb/titillium-web-200.woff") format("woff"), url("../webfonts/TitilliumWeb/titillium-web-200.woff2") format("woff2"), url("../webfonts/TitilliumWeb/titillium-web-200.ttf") format("truetype"); }

@font-face {
  font-family: "Titillium Web";
  font-style: normal;
  font-weight: 400;
  src: url("../webfonts/TitilliumWeb/titillium-web-400.eot");
  src: url("../webfonts/TitilliumWeb/titillium-web-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/TitilliumWeb/titillium-web-400.woff") format("woff"), url("../webfonts/TitilliumWeb/titillium-web-400.woff2") format("woff2"), url("../webfonts/TitilliumWeb/titillium-web-400.ttf") format("truetype"); }

meta.foundation-version {
  font-family: "/5.4.7/"; }

meta.foundation-mq-small {
  font-family: "/only screen/";
  width: 0em; }

meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:40.063em)/";
  width: 40.063em; }

meta.foundation-mq-large {
  font-family: "/only screen and (min-width:64.063em)/";
  width: 64.063em; }

meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:90.063em)/";
  width: 90.063em; }

meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:120.063em)/";
  width: 120.063em; }

meta.foundation-data-attribute-namespace {
  font-family: false; }

html, body {
  height: 100%; }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html,
body {
  font-size: 13px; }

body {
  background: #fff;
  color: #222;
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1.5;
  position: relative;
  cursor: auto; }

a:hover {
  cursor: pointer; }

img {
  max-width: 100%;
  height: auto; }

img {
  -ms-interpolation-mode: bicubic; }

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
  max-width: none !important; }

.left {
  float: left !important; }

.right {
  float: right !important; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.hide {
  display: none !important;
  visibility: hidden; }

.invisible {
  visibility: hidden; }

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  display: inline-block;
  vertical-align: middle; }

textarea {
  height: auto;
  min-height: 50px; }

select {
  width: 100%; }

.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 76.92308rem; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row.collapse > .column,
  .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row .row {
    width: auto;
    margin-left: -1.15385rem;
    margin-right: -1.15385rem;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none; }
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse {
      width: auto;
      margin: 0;
      max-width: none; }
      .row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        clear: both; }

.column,
.columns {
  padding-left: 1.15385rem;
  padding-right: 1.15385rem;
  width: 100%;
  float: left; }

[class*="column"] + [class*="column"]:last-child {
  float: right; }

[class*="column"] + [class*="column"].end {
  float: left; }

@media only screen {
  .small-push-0 {
    position: relative;
    left: 0%;
    right: auto; }
  .small-pull-0 {
    position: relative;
    right: 0%;
    left: auto; }
  .small-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .small-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .small-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .small-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .small-push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .small-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .small-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .small-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .small-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .small-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .small-push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .small-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .small-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .small-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .small-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .small-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .small-push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .small-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .small-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .small-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .small-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .small-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }
  .column,
  .columns {
    position: relative;
    padding-left: 1.15385rem;
    padding-right: 1.15385rem;
    float: left; }
  .small-1 {
    width: 8.33333%; }
  .small-2 {
    width: 16.66667%; }
  .small-3 {
    width: 25%; }
  .small-4 {
    width: 33.33333%; }
  .small-5 {
    width: 41.66667%; }
  .small-6 {
    width: 50%; }
  .small-7 {
    width: 58.33333%; }
  .small-8 {
    width: 66.66667%; }
  .small-9 {
    width: 75%; }
  .small-10 {
    width: 83.33333%; }
  .small-11 {
    width: 91.66667%; }
  .small-12 {
    width: 100%; }
  .small-offset-0 {
    margin-left: 0% !important; }
  .small-offset-1 {
    margin-left: 8.33333% !important; }
  .small-offset-2 {
    margin-left: 16.66667% !important; }
  .small-offset-3 {
    margin-left: 25% !important; }
  .small-offset-4 {
    margin-left: 33.33333% !important; }
  .small-offset-5 {
    margin-left: 41.66667% !important; }
  .small-offset-6 {
    margin-left: 50% !important; }
  .small-offset-7 {
    margin-left: 58.33333% !important; }
  .small-offset-8 {
    margin-left: 66.66667% !important; }
  .small-offset-9 {
    margin-left: 75% !important; }
  .small-offset-10 {
    margin-left: 83.33333% !important; }
  .small-offset-11 {
    margin-left: 91.66667% !important; }
  .small-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }
  .column.small-centered,
  .columns.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.small-uncentered,
  .columns.small-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left; }
  .column.small-centered:last-child,
  .columns.small-centered:last-child {
    float: none; }
  .column.small-uncentered:last-child,
  .columns.small-uncentered:last-child {
    float: left; }
  .column.small-uncentered.opposite,
  .columns.small-uncentered.opposite {
    float: right; } }

@media only screen and (min-width: 40.063em) {
  .medium-push-0 {
    position: relative;
    left: 0%;
    right: auto; }
  .medium-pull-0 {
    position: relative;
    right: 0%;
    left: auto; }
  .medium-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .medium-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .medium-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .medium-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .medium-push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .medium-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .medium-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .medium-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .medium-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .medium-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .medium-push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .medium-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .medium-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .medium-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .medium-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .medium-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .medium-push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .medium-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .medium-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .medium-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .medium-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .medium-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }
  .column,
  .columns {
    position: relative;
    padding-left: 1.15385rem;
    padding-right: 1.15385rem;
    float: left; }
  .medium-1 {
    width: 8.33333%; }
  .medium-2 {
    width: 16.66667%; }
  .medium-3 {
    width: 25%; }
  .medium-4 {
    width: 33.33333%; }
  .medium-5 {
    width: 41.66667%; }
  .medium-6 {
    width: 50%; }
  .medium-7 {
    width: 58.33333%; }
  .medium-8 {
    width: 66.66667%; }
  .medium-9 {
    width: 75%; }
  .medium-10 {
    width: 83.33333%; }
  .medium-11 {
    width: 91.66667%; }
  .medium-12 {
    width: 100%; }
  .medium-offset-0 {
    margin-left: 0% !important; }
  .medium-offset-1 {
    margin-left: 8.33333% !important; }
  .medium-offset-2 {
    margin-left: 16.66667% !important; }
  .medium-offset-3 {
    margin-left: 25% !important; }
  .medium-offset-4 {
    margin-left: 33.33333% !important; }
  .medium-offset-5 {
    margin-left: 41.66667% !important; }
  .medium-offset-6 {
    margin-left: 50% !important; }
  .medium-offset-7 {
    margin-left: 58.33333% !important; }
  .medium-offset-8 {
    margin-left: 66.66667% !important; }
  .medium-offset-9 {
    margin-left: 75% !important; }
  .medium-offset-10 {
    margin-left: 83.33333% !important; }
  .medium-offset-11 {
    margin-left: 91.66667% !important; }
  .medium-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }
  .column.medium-centered,
  .columns.medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.medium-uncentered,
  .columns.medium-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left; }
  .column.medium-centered:last-child,
  .columns.medium-centered:last-child {
    float: none; }
  .column.medium-uncentered:last-child,
  .columns.medium-uncentered:last-child {
    float: left; }
  .column.medium-uncentered.opposite,
  .columns.medium-uncentered.opposite {
    float: right; }
  .push-0 {
    position: relative;
    left: 0%;
    right: auto; }
  .pull-0 {
    position: relative;
    right: 0%;
    left: auto; }
  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; } }

@media only screen and (min-width: 64.063em) {
  .large-push-0 {
    position: relative;
    left: 0%;
    right: auto; }
  .large-pull-0 {
    position: relative;
    right: 0%;
    left: auto; }
  .large-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .large-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .large-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .large-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .large-push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .large-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .large-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .large-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .large-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .large-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .large-push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .large-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .large-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .large-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .large-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .large-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .large-push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .large-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .large-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .large-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .large-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .large-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }
  .column,
  .columns {
    position: relative;
    padding-left: 1.15385rem;
    padding-right: 1.15385rem;
    float: left; }
  .large-1 {
    width: 8.33333%; }
  .large-2 {
    width: 16.66667%; }
  .large-3 {
    width: 25%; }
  .large-4 {
    width: 33.33333%; }
  .large-5 {
    width: 41.66667%; }
  .large-6 {
    width: 50%; }
  .large-7 {
    width: 58.33333%; }
  .large-8 {
    width: 66.66667%; }
  .large-9 {
    width: 75%; }
  .large-10 {
    width: 83.33333%; }
  .large-11 {
    width: 91.66667%; }
  .large-12 {
    width: 100%; }
  .large-offset-0 {
    margin-left: 0% !important; }
  .large-offset-1 {
    margin-left: 8.33333% !important; }
  .large-offset-2 {
    margin-left: 16.66667% !important; }
  .large-offset-3 {
    margin-left: 25% !important; }
  .large-offset-4 {
    margin-left: 33.33333% !important; }
  .large-offset-5 {
    margin-left: 41.66667% !important; }
  .large-offset-6 {
    margin-left: 50% !important; }
  .large-offset-7 {
    margin-left: 58.33333% !important; }
  .large-offset-8 {
    margin-left: 66.66667% !important; }
  .large-offset-9 {
    margin-left: 75% !important; }
  .large-offset-10 {
    margin-left: 83.33333% !important; }
  .large-offset-11 {
    margin-left: 91.66667% !important; }
  .large-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }
  .column.large-centered,
  .columns.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.large-uncentered,
  .columns.large-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left; }
  .column.large-centered:last-child,
  .columns.large-centered:last-child {
    float: none; }
  .column.large-uncentered:last-child,
  .columns.large-uncentered:last-child {
    float: left; }
  .column.large-uncentered.opposite,
  .columns.large-uncentered.opposite {
    float: right; }
  .push-0 {
    position: relative;
    left: 0%;
    right: auto; }
  .pull-0 {
    position: relative;
    right: 0%;
    left: auto; }
  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; } }

/* stylelint-disable selector-max-id*/
/* stylelint-disable selector-max-compound-selectors*/
/* stylelint-disable max-nesting-depth*/
#content {
  padding-bottom: 0; }

.type-page {
  margin-bottom: 1.8em; }

#featured {
  background-color: #fff;
  border-bottom: 0; }

.wp-caption {
  background-color: transparent;
  border: 0; }

#wrapper {
  margin: 0; }

article {
  color: #666; }
  article h3 {
    color: #666; }

h2 {
  font-size: 1.53846rem;
  font-weight: normal;
  padding-top: 1.61538rem; }

h3 {
  font-size: 1.23077rem;
  font-weight: bold;
  padding-top: 1.61538rem; }

h3.light {
  font-weight: normal; }

div.emphasized {
  background-color: #e4eff3;
  padding-top: 1.15385rem;
  padding-bottom: 1.15385rem;
  margin-bottom: 1em; }

.entry img.aligncenter {
  clear: none; }

.icon {
  padding-right: 4.23077rem;
  background: none no-repeat top right;
  background-size: contain; }

body#tinymce .icon-aufgabe {
  background-image: url("../images/icon-aufgabe-kurse.png"); }

body#tinymce .icon-denken {
  background-image: url("../images/icon-denken-kurse.png"); }

body#tinymce .icon-literatur {
  background-image: url("../images/icon-literatur-kurse.png"); }

body#tinymce .icon-material {
  background-image: url("../images/icon-material-kurse.png"); }

body#tinymce .icon-quiz {
  background-image: url("../images/icon-quiz-kurse.png"); }

body#tinymce .icon-schreiben {
  background-image: url("../images/icon-schreiben-kurse.png"); }

.logo-wrapper {
  width: 53.84615rem; }
  .logo-wrapper p {
    margin-bottom: 0.61538rem; }

img.logo-homepage {
  float: left;
  height: 3.15385rem;
  margin-right: 1.30769rem; }

img.logo-homepage:last-child {
  margin-right: 0; }

#header {
  background: #fff none;
  border-bottom: 0;
  padding: 0; }
  #header #logo {
    margin-top: 1.61538rem;
    margin-bottom: 1.84615rem; }
  #header .nav-toggle {
    top: 1.61538rem;
    margin-right: 1.61538rem; }
  #header .col-full {
    position: relative; }

@media print {
  #header .nav-toggle {
    display: none; } }

#logo-legakids {
  position: absolute;
  top: 1.53846rem;
  right: -10px; }
  @media only screen and (max-width: 40em) {
    #logo-legakids {
      left: 1.76923rem;
      right: auto;
      top: 5.38462rem; } }

#navigation {
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  /* stylelint-disable selector-class-pattern*/
  /* stylelint-enable selector-class-pattern*/ }
  #navigation ul.nav ul {
    margin-top: 0;
    width: 8.38462rem;
    border: 0;
    border-radius: 0; }
    #navigation ul.nav ul li {
      height: 2.03846rem; }
      #navigation ul.nav ul li a {
        line-height: 2.03846rem;
        padding: 0; }
    #navigation ul.nav ul > li > a {
      font-size: 1.2em; }
  #navigation ul.nav li {
    margin-right: 0.38462rem;
    width: 8.38462rem;
    height: 4.07692rem; }
    #navigation ul.nav li a {
      height: 100%;
      line-height: 4.07692rem;
      padding: 0;
      text-align: center;
      font-size: 1.38462rem; }
    #navigation ul.nav li > a {
      border-radius: 0; }
  #navigation ul.nav li:hover > a {
    background-color: transparent; }
  #navigation ul.nav li.parent > a {
    padding-right: 0 !important; }
  #navigation ul.nav li.parent > a::after {
    border: 0; }
  #navigation ul.nav .sub-menu .triangle-down {
    display: none; }
  #navigation ul.nav > li:last-child {
    margin-right: 0; }
  #navigation ul.nav li.current_page_item > a,
  #navigation ul.nav li.current_page_parent > a,
  #navigation ul.nav li.current-menu-ancestor > a,
  #navigation ul.nav li.current-menu-parent > a,
  #navigation ul.nav li.current-cat > a,
  #navigation ul.nav li.current-menu-item > a {
    background-color: inherit; }
  #navigation ul.nav li.current_page_item .triangle-down,
  #navigation ul.nav li.current_page_parent .triangle-down,
  #navigation ul.nav li.current-menu-ancestor .triangle-down,
  #navigation ul.nav li.current-menu-parent .triangle-down,
  #navigation ul.nav li.current-cat .triangle-down,
  #navigation ul.nav li.current-menu-item .triangle-down {
    border-top-width: 1.84615rem; }
  #navigation ul.nav li.current-menu-item:hover > a,
  #navigation ul.nav li.current-menu-ancestor:hover > a,
  #navigation ul.nav li.current-menu-parent:hover > a {
    background-color: transparent !important;
    color: #fff !important; }
  #navigation .triangle-down {
    width: 0;
    height: 0;
    border-left: 4.19231rem solid transparent;
    border-right: 4.19231rem solid transparent;
    border-top: 0 solid transparent;
    border-top-color: inherit; }

.ap-subnav {
  padding-left: 5.46154rem;
  font-size: 1.23077rem; }
  .ap-subnav a {
    margin-left: 1.53846rem;
    margin-right: 1.53846rem; }
    .ap-subnav a:first-child {
      margin-left: 0; }
    .ap-subnav a:last-child {
      margin-right: 0; }
  .ap-subnav a + a {
    margin-left: 0; }

body.category-9 ul.nav li.menu-item-object-category .triangle-down, body.category-11 ul.nav li.menu-item-object-category .triangle-down, body.category-12 ul.nav li.menu-item-object-category .triangle-down, body.category-38 ul.nav li.menu-item-object-category .triangle-down {
  border-top-width: 1.84615rem !important; }

body.single-course .menu-item.kurse .triangle-down, body.course-results .menu-item.kurse .triangle-down {
  border-top-width: 1.84615rem !important; }

body.home ul.nav li.menu-item-object-category .triangle-down {
  border-top-width: 0 !important; }

.menu-item.aktuelles {
  background-color: #0081ff;
  border-top-color: #0081ff; }

.menu-item.aktuelles:hover > a {
  background-color: #cae0f7 !important;
  color: #0081ff !important; }

#navigation ul.nav .menu-item.aktuelles ul {
  background-color: #0081ff; }
  #navigation ul.nav .menu-item.aktuelles ul > li:hover > a {
    background-color: #cae0f7 !important;
    color: #0081ff !important; }
  #navigation ul.nav .menu-item.aktuelles ul .current-menu-item a {
    font-weight: bold; }

.menu-item.kontakt {
  background-color: #647e7f;
  border-top-color: #647e7f; }

.menu-item.kontakt:hover > a {
  background-color: #98b0b1 !important;
  color: #647e7f !important; }

.menu-item.kurse {
  background-color: #ff5a6a;
  border-top-color: #ff5a6a; }

.menu-item.kurse:hover > a {
  background-color: #f7bdc3 !important;
  color: #ff5a6a !important; }

#navigation ul.nav .menu-item.kurse ul {
  background-color: #ff5a6a; }
  #navigation ul.nav .menu-item.kurse ul > li:hover > a {
    background-color: #f7bdc3 !important;
    color: #ff5a6a !important; }
  #navigation ul.nav .menu-item.kurse ul .current-menu-item a {
    font-weight: bold; }

.menu-item.login {
  background-color: #a1a1a1;
  border-top-color: #a1a1a1;
  width: 5.53846rem !important;
  margin-left: 2.84615rem !important; }

.menu-item.login:hover > a {
  background-color: #c1c1c1 !important;
  color: #a1a1a1 !important; }

.menu-item.materialien {
  background-color: #fc920b;
  border-top-color: #fc920b; }

.menu-item.materialien:hover > a {
  background-color: #ffd9a0 !important;
  color: #fc920b !important; }

#navigation ul.nav .menu-item.materialien ul {
  background-color: #fc920b; }
  #navigation ul.nav .menu-item.materialien ul > li:hover > a {
    background-color: #ffd9a0 !important;
    color: #fc920b !important; }
  #navigation ul.nav .menu-item.materialien ul .current-menu-item a {
    font-weight: bold; }

.menu-item.inklusion {
  background-color: #a6926d;
  border-top-color: #a6926d; }

.menu-item.inklusion:hover > a {
  background-color: #d9c39c !important;
  color: #a6926d !important; }

#navigation ul.nav .menu-item.inklusion ul {
  background-color: #a6926d; }
  #navigation ul.nav .menu-item.inklusion ul > li:hover > a {
    background-color: #d9c39c !important;
    color: #a6926d !important; }
  #navigation ul.nav .menu-item.inklusion ul .current-menu-item a {
    font-weight: bold; }

.menu-item.partner {
  background-color: #647e7f;
  border-top-color: #647e7f; }

.menu-item.partner:hover > a {
  background-color: #98b0b1 !important;
  color: #647e7f !important; }

#navigation ul.nav .menu-item.partner ul {
  background-color: #647e7f; }
  #navigation ul.nav .menu-item.partner ul > li:hover > a {
    background-color: #98b0b1 !important;
    color: #647e7f !important; }
  #navigation ul.nav .menu-item.partner ul .current-menu-item a {
    font-weight: bold; }

.menu-item.projekt {
  background-color: #5ac7e6;
  border-top-color: #5ac7e6; }

.menu-item.projekt:hover > a {
  background-color: #e4eff3 !important;
  color: #5ac7e6 !important; }

#navigation ul.nav .menu-item.projekt ul {
  background-color: #5ac7e6; }
  #navigation ul.nav .menu-item.projekt ul > li:hover > a {
    background-color: #e4eff3 !important;
    color: #5ac7e6 !important; }

.col-full {
  width: 61rem; }
  .col-full article h1, .col-full article h2, .col-full article h3, .col-full article h4, .col-full article ol, .col-full article p, .col-full article ul {
    padding-left: 5.46154rem;
    padding-right: 5.46154rem; }
  .col-full .post-more {
    padding-left: 5.46154rem;
    padding-right: 5.46154rem; }

.col-left article h1, .col-left article h2, .col-left article h3, .col-left article h4, .col-left article ol, .col-left article p, .col-left article ul {
  padding-left: 0;
  padding-right: 1.92308rem; }

.col-left .post-more {
  padding-left: 0;
  padding-right: 1.92308rem; }

.col-left div.emphasized {
  padding-left: 1.92308rem; }

#main.col-left {
  width: 43.07692rem; }

@media print {
  .col-full,
  #main.col-left {
    width: 90%; } }

#sidebar.col-right, .col-right {
  width: 17.15385rem; }

body.category-9 #content h1, body.category-9 #content h2, body.category-11 #content h1, body.category-11 #content h2, body.category-12 #content h1, body.category-12 #content h2, body.category-38 #content h1, body.category-38 #content h2 {
  color: #006ad2; }
  body.category-9 #content h1 a, body.category-9 #content h2 a, body.category-11 #content h1 a, body.category-11 #content h2 a, body.category-12 #content h1 a, body.category-12 #content h2 a, body.category-38 #content h1 a, body.category-38 #content h2 a {
    color: #006ad2; }

body.category-9 #footer, body.category-11 #footer, body.category-12 #footer, body.category-38 #footer {
  background-color: #f0f0f0; }

body.category-9 div.emphasized, body.category-11 div.emphasized, body.category-12 div.emphasized, body.category-38 div.emphasized {
  background-color: #f0f0f0; }

#sidebar-aktuelles .widget {
  background-color: #f0f0f0; }

article.category-aktuelles h1, article.category-aktuelles h2 {
  color: #006ad2; }
  article.category-aktuelles h1 a, article.category-aktuelles h2 a {
    color: #006ad2; }

body.kontakt #content h1, body.kontakt #content h2 {
  color: #647e7f; }

body.kontakt #footer {
  background-color: #98b0b1; }

body.kontakt div.emphasized {
  background-color: #98b0b1; }

body.kontakt #sidebar .widget {
  background-color: #98b0b1; }

body.inklusion #content h1, body.inklusion #content h2 {
  color: #877557; }

body.inklusion #footer {
  background-color: #d9c39c; }

body.inklusion div.emphasized {
  background-color: #d9c39c; }

body.inklusion #sidebar .widget {
  background-color: #d9c39c; }

body.sensei #content h1, body.sensei #content h2, body.course-results #content h1, body.course-results #content h2 {
  color: #d44b58; }
  body.sensei #content h1 a, body.sensei #content h2 a, body.course-results #content h1 a, body.course-results #content h2 a {
    color: #d44b58; }

body.sensei #footer, body.course-results #footer {
  background-color: #f0f0f0; }

body.sensei div.emphasized, body.course-results div.emphasized {
  background-color: #f0f0f0; }

body.sensei .icon-aufgabe, body.course-results .icon-aufgabe {
  background-image: url("../images/icon-aufgabe-kurse.png"); }

body.sensei .icon-denken, body.course-results .icon-denken {
  background-image: url("../images/icon-denken-kurse.png"); }

body.sensei .icon-literatur, body.course-results .icon-literatur {
  background-image: url("../images/icon-literatur-kurse.png"); }

body.sensei .icon-material, body.course-results .icon-material {
  background-image: url("../images/icon-material-kurse.png"); }

body.sensei .icon-quiz, body.course-results .icon-quiz {
  background-image: url("../images/icon-quiz-kurse.png"); }

body.sensei .icon-schreiben, body.course-results .icon-schreiben {
  background-image: url("../images/icon-schreiben-kurse.png"); }

body.sensei #sidebar .primary .phpeverywherewidget p, body.course-results #sidebar .primary .phpeverywherewidget p {
  color: #d44b58; }

#sidebar .widget {
  background-color: #f0f0f0; }

body.materialien #content h1, body.materialien #content h2 {
  color: #fc920b; }

body.materialien #footer {
  background-color: #ffd9a0; }

body.materialien div.emphasized {
  background-color: #ffd9a0; }

body.materialien #sidebar .widget {
  background-color: #ffd9a0; }

#sidebar-materialien .widget {
  background-color: #ffd9a0; }

body.partner #content h1, body.partner #content h2 {
  color: #647e7f; }

body.partner #footer {
  background-color: #98b0b1; }

body.partner div.emphasized {
  background-color: #98b0b1; }

body.partner #sidebar .widget {
  background-color: #98b0b1; }

body.projekt #content h1, body.projekt #content h2 {
  color: #5ac7e6; }

body.projekt #footer {
  background-color: #e4eff3; }

body.projekt div.emphasized {
  background-color: #e4eff3; }

body.projekt #sidebar .widget {
  background-color: #e4eff3; }

.profile-image img {
  height: 3.46154rem; }

body:not(#tinymce) .collapsible a {
  display: none; }

body:not(#tinymce) .collapsible ol, body:not(#tinymce) .collapsible ul {
  padding-left: 0 !important; }

.category-sticky .post-meta {
  display: none; }

.archive-description {
  margin-bottom: 4rem; }

/* With these styles we display elements according to login status. */
.ap-logged-in-only {
  display: none; }

.logged-in .ap-logged-in-only {
  display: block; }

.logged-in .ap-not-logged-in-only {
  display: none; }

/* We have to correct the position of in page anchors since we display a fixed header. */
/* stylelint-disable selector-class-pattern*/
.ap-pageAnchor::before {
  content: '';
  display: block;
  position: relative;
  width: 0;
  height: 80px;
  margin-top: -80px; }

/* stylelint-enable selector-class-pattern*/
/* stylelint-disable selector-class-pattern*/
.ap-newsletter-form {
  height: 700px;
  width: 100%; }

/* stylelint-enable selector-class-pattern*/
@media screen and (max-width: 760px) {
  .col-full, #main.col-left, .logo-wrapper {
    width: auto; }
  .col-full article h1, .col-full article h2, .col-full article h3, .col-full article h4, .col-full article ol, .col-full article p, .col-full article ul {
    padding-left: 0;
    padding-right: 0; }
  .menu-item.login {
    margin-top: 0 !important; }
  #navigation ul.nav li {
    padding-right: 0;
    /* width: $custom-logo-width + $custom-logo-mobile-margin-left; */
    width: 760px;
    height: auto;
    margin-right: 0; }
    #navigation ul.nav li a {
      text-align: left;
      padding-left: 1em; }
    #navigation ul.nav li li {
      height: 2.71795rem; }
      #navigation ul.nav li li a {
        padding-left: 2em; }
  #navigation ul.nav ul {
    /* width: $custom-logo-width + $custom-logo-mobile-margin-left; */
    width: 760px;
    margin-left: 0; }
  .menu-item.login {
    width: 17.07692rem !important;
    margin-top: 0.30769rem;
    margin-left: 0 !important; }
  #header #logo {
    margin-left: 1.61538rem; } }

@media screen and (max-width: 620px) {
  .menu-item.login,
  #navigation ul.nav li,
  #navigation ul.nav ul {
    width: 600px !important; } }

@media screen and (max-width: 500px) {
  .menu-item.login,
  #navigation ul.nav li,
  #navigation ul.nav ul {
    width: 480px !important; }
  .ap-newsletter-form {
    height: 950px; } }

@media screen and (max-width: 340px) {
  .menu-item.login,
  #navigation ul.nav li,
  #navigation ul.nav ul {
    width: 320px !important; } }

/* stylelint-enable max-nesting-depth*/
/* stylelint-enable selector-max-compound-selectors*/
/* stylelint-enable selector-max-id*/
/* stylelint-disable selector-max-id*/
#footer {
  color: #4f4f4f;
  padding-top: 0; }
  #footer .col-left {
    padding-top: 28px; }
  #footer .col-right {
    width: auto; }

@media print {
  #footer {
    display: none; } }

#footer-nav {
  margin-top: 2rem; }
  #footer-nav li {
    float: none; }

/* stylelint-enable selector-max-id*/
.ap-homepage__teaser ul {
  margin-left: 0; }
  .ap-homepage__teaser ul li {
    list-style: none; }

.ap-homepage__teaser .link--internal::before {
  content: '';
  padding: 0; }

@media print {
  nav.post-entries {
    display: none; } }

/* stylelint-disable selector-max-id*/
/* stylelint-disable selector-max-compound-selectors*/
#sidebar {
  overflow: visible; }
  #sidebar .primary .phpeverywherewidget {
    background-color: transparent;
    padding: 0; }
    #sidebar .primary .phpeverywherewidget h3 {
      display: none; }
    #sidebar .primary .phpeverywherewidget form {
      background-color: #f0f0f0;
      padding: 21px; }

@media print {
  #sidebar {
    display: none; } }

/* stylelint-enable selector-max-compound-selectors*/
/* stylelint-enable selector-max-id*/
.lk-button {
  display: inline-block;
  border-radius: 4px;
  width: 100%;
  padding: 0.236em 0.857em;
  background: #4f4f4f;
  line-height: 1.618em;
  text-align: center;
  color: #fff; }
  .lk-button:hover {
    background: #666;
    color: #fff; }
  .lk-button::before {
    content: '' !important; }
  .lk-button--homepage {
    margin-bottom: 1em;
    font-size: 150%; }
    .lk-button--homepage:hover {
      text-decoration: none; }
  .lk-button--kurse {
    background: #ff5a6a; }
    .lk-button--kurse:hover {
      background: #f7bdc3;
      color: #ff5a6a; }
  .lk-button--projekt {
    background: #5ac7e6; }
    .lk-button--projekt:hover {
      background: #e4eff3;
      color: #5ac7e6; }

@font-face {
  font-family: 'lg-icon';
  src: url("../webfonts/lg-icon.eot");
  src: url("../webfonts/lg-icon.eot?#iefix") format("embedded-opentype"), url("../webfonts/lg-icon.woff") format("woff"), url("../webfonts/lg-icon.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

.link--internal::before,
.icon-right::before {
  font-family: 'lg-icon', serif !important;
  font-style: normal !important;
  font-weight: bold !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: baseline;
  padding-left: 2px;
  padding-right: 4px;
  content: '\72'; }

.link--external::before,
.icon-extern::before {
  font-family: 'lg-icon', serif !important;
  font-style: normal !important;
  font-weight: bold !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: baseline;
  padding-left: 2px;
  padding-right: 4px;
  content: '\65'; }

.link--back::before,
.icon-left::before {
  font-family: 'lg-icon', serif !important;
  font-style: normal !important;
  font-weight: bold !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: baseline;
  padding-left: 2px;
  padding-right: 4px;
  content: '\6c'; }

.link--up::before,
.icon-up::before {
  font-family: 'lg-icon', serif !important;
  font-style: normal !important;
  font-weight: bold !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: baseline;
  padding-left: 2px;
  padding-right: 4px;
  content: '\75'; }

.link--down::before,
.icon-down::before {
  font-family: 'lg-icon', serif !important;
  font-style: normal !important;
  font-weight: bold !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: baseline;
  padding-left: 2px;
  padding-right: 4px;
  content: '\64'; }

a, a:hover {
  color: #222; }

h1 a,
h2 a,
h3 a,
.tags a {
  color: inherit; }
  h1 a::before,
  h2 a::before,
  h3 a::before,
  .tags a::before {
    content: none !important; }

.post-edit-link::before {
  content: none !important; }

.ap-paragraph--unindented {
  clear: both;
  padding-right: 0 !important;
  padding-left: 0 !important; }

@media print {
  #cookie-notice {
    display: none; } }

@media print {
  .pdfprnt-buttons {
    display: none; } }

#thsp-sticky-header {
  background-color: transparent; }

#thsp-sticky-header-menu a {
  padding-left: 0.38462rem;
  padding-right: 0.38462rem;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }

#thsp-sticky-header-menu li {
  margin-left: 0.38462rem !important; }

@media print {
  #thsp-sticky-header {
    display: none; } }

@media print {
  .lesson-meta {
    display: none; } }

.nav-prev .meta-nav::before,
.nav-next .meta-nav::before {
  content: none !important; }

.login-password input:focus {
  background: #fff;
  -webkit-box-shadow: none;
          box-shadow: none; }

.login-password input {
  padding: 0.236em 0.5em;
  border: 1px solid #e6e6e6;
  border-radius: 0.236em;
  background-clip: padding-box;
  font-size: 1em;
  /* Make inputs the same size as normal text */
  line-height: 1.618em;
  font-family: inherit;
  /* Make inputs use the correct typeface instead of the browser default */
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f9f9f9;
  -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
/*# sourceMappingURL=main.css.map */