/*
*	Chroma CSS grid.base
*/
@import url(../fonts/fontello-yt/css/fontello.css);
@import url(../fonts/Roboto/style.css);
* {
  box-sizing: border-box; }
  *:before, *:after {
    box-sizing: border-box; }

.clearfix, .container, footer {
  *zoom: 1; }
  .clearfix:before, .container:before, footer:before, .clearfix:after, .container:after, footer:after {
    content: " ";
    display: table; }
  .clearfix:after, .container:after, footer:after {
    clear: both; }

.container, footer {
  margin-left: auto;
  margin-right: auto;
  width: 100%; }

.row, header nav #menu-mainmenu, #content #auszeichnungen {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start; }

[class*="cols-"], header nav #menu-mainmenu li, header #submenu li, #content img , #content .teamdesc, #content .teamtext, #content #referenzen .referenzlogo, #content #auszeichnungen img {
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 auto; }

.container {
  max-width: 1400px; }

.cols-x {
  flex-grow: 1; }

.cols-1 {
  flex-basis: 8.33333%;
  max-width: 8.33333%; }

.cols-2 {
  flex-basis: 16.66667%;
  max-width: 16.66667%; }

.cols-3, .cols-1\/4 {
  flex-basis: 25%;
  max-width: 25%; }

.cols-4, .cols-1\/3 {
  flex-basis: 33.33333%;
  max-width: 33.33333%; }

.cols-5 {
  flex-basis: 41.66667%;
  max-width: 41.66667%; }

.cols-6, .cols-1\/2 {
  flex-basis: 50%;
  max-width: 50%; }

.cols-7 {
  flex-basis: 58.33333%;
  max-width: 58.33333%; }

.cols-8 {
  flex-basis: 66.66667%;
  max-width: 66.66667%; }

.cols-9 {
  flex-basis: 75%;
  max-width: 75%; }

.cols-10 {
  flex-basis: 83.33333%;
  max-width: 83.33333%; }

.cols-11 {
  flex-basis: 91.66667%;
  max-width: 91.66667%; }

.cols-12, .cols-full,
.cols-1\/1 {
  flex-basis: 100%;
  max-width: 100%; }

/*
*	Chroma CSS grid.modifier
*/
.cols-1--push {
  position: relative;
  left: 8.33333%; }

.cols-1--pull {
  position: relative;
  right: 8.33333%; }

.cols-1--offset {
  margin-left: 8.33333%; }

.cols-2--push {
  position: relative;
  left: 16.66667%; }

.cols-2--pull {
  position: relative;
  right: 16.66667%; }

.cols-2--offset {
  margin-left: 16.66667%; }

.cols-3--push {
  position: relative;
  left: 25%; }

.cols-3--pull {
  position: relative;
  right: 25%; }

.cols-3--offset {
  margin-left: 25%; }

.cols-4--push {
  position: relative;
  left: 33.33333%; }

.cols-4--pull {
  position: relative;
  right: 33.33333%; }

.cols-4--offset {
  margin-left: 33.33333%; }

.cols-5--push {
  position: relative;
  left: 41.66667%; }

.cols-5--pull {
  position: relative;
  right: 41.66667%; }

.cols-5--offset {
  margin-left: 41.66667%; }

.cols-6--push {
  position: relative;
  left: 50%; }

.cols-6--pull {
  position: relative;
  right: 50%; }

.cols-6--offset {
  margin-left: 50%; }

.cols-7--push {
  position: relative;
  left: 58.33333%; }

.cols-7--pull {
  position: relative;
  right: 58.33333%; }

.cols-7--offset {
  margin-left: 58.33333%; }

.cols-8--push {
  position: relative;
  left: 66.66667%; }

.cols-8--pull {
  position: relative;
  right: 66.66667%; }

.cols-8--offset {
  margin-left: 66.66667%; }

.cols-9--push {
  position: relative;
  left: 75%; }

.cols-9--pull {
  position: relative;
  right: 75%; }

.cols-9--offset {
  margin-left: 75%; }

.cols-10--push {
  position: relative;
  left: 83.33333%; }

.cols-10--pull {
  position: relative;
  right: 83.33333%; }

.cols-10--offset {
  margin-left: 83.33333%; }

.cols-11--push {
  position: relative;
  left: 91.66667%; }

.cols-11--pull {
  position: relative;
  right: 91.66667%; }

.cols-11--offset {
  margin-left: 91.66667%; }

.cols-12--push {
  position: relative;
  left: 100%; }

.cols-12--pull {
  position: relative;
  right: 100%; }

.cols-12--offset {
  margin-left: 100%; }

.cols--center {
  margin-left: auto;
  margin-right: auto; }

.cols--left {
  margin-right: auto; }

.cols--right {
  margin-left: auto; }

.cols--bleed {
  padding-right: 0;
  padding-left: 0; }

/*
*   Chroma CSS grid.responsive
*/
@media (min-width: 20em) {
  .cols-1\@sm {
    flex-basis: 8.33333%;
    max-width: 8.33333%; }
  .cols-2\@sm {
    flex-basis: 16.66667%;
    max-width: 16.66667%; }
  .cols-3\@sm {
    flex-basis: 25%;
    max-width: 25%; }
  .cols-4\@sm {
    flex-basis: 33.33333%;
    max-width: 33.33333%; }
  .cols-5\@sm {
    flex-basis: 41.66667%;
    max-width: 41.66667%; }
  .cols-6\@sm {
    flex-basis: 50%;
    max-width: 50%; }
  .cols-7\@sm {
    flex-basis: 58.33333%;
    max-width: 58.33333%; }
  .cols-8\@sm {
    flex-basis: 66.66667%;
    max-width: 66.66667%; }
  .cols-9\@sm {
    flex-basis: 75%;
    max-width: 75%; }
  .cols-10\@sm {
    flex-basis: 83.33333%;
    max-width: 83.33333%; }
  .cols-11\@sm {
    flex-basis: 91.66667%;
    max-width: 91.66667%; }
  .cols-12\@sm {
    flex-basis: 100%;
    max-width: 100%; } }

@media (min-width: 46.25em) {
  .cols-1\@md {
    flex-basis: 8.33333%;
    max-width: 8.33333%; }
  .cols-2\@md {
    flex-basis: 16.66667%;
    max-width: 16.66667%; }
  .cols-3\@md {
    flex-basis: 25%;
    max-width: 25%; }
  .cols-4\@md {
    flex-basis: 33.33333%;
    max-width: 33.33333%; }
  .cols-5\@md {
    flex-basis: 41.66667%;
    max-width: 41.66667%; }
  .cols-6\@md {
    flex-basis: 50%;
    max-width: 50%; }
  .cols-7\@md {
    flex-basis: 58.33333%;
    max-width: 58.33333%; }
  .cols-8\@md {
    flex-basis: 66.66667%;
    max-width: 66.66667%; }
  .cols-9\@md {
    flex-basis: 75%;
    max-width: 75%; }
  .cols-10\@md {
    flex-basis: 83.33333%;
    max-width: 83.33333%; }
  .cols-11\@md {
    flex-basis: 91.66667%;
    max-width: 91.66667%; }
  .cols-12\@md {
    flex-basis: 100%;
    max-width: 100%; } }

@media (min-width: 61.25em) {
  .cols-1\@lg {
    flex-basis: 8.33333%;
    max-width: 8.33333%; }
  .cols-2\@lg {
    flex-basis: 16.66667%;
    max-width: 16.66667%; }
  .cols-3\@lg {
    flex-basis: 25%;
    max-width: 25%; }
  .cols-4\@lg {
    flex-basis: 33.33333%;
    max-width: 33.33333%; }
  .cols-5\@lg {
    flex-basis: 41.66667%;
    max-width: 41.66667%; }
  .cols-6\@lg {
    flex-basis: 50%;
    max-width: 50%; }
  .cols-7\@lg {
    flex-basis: 58.33333%;
    max-width: 58.33333%; }
  .cols-8\@lg {
    flex-basis: 66.66667%;
    max-width: 66.66667%; }
  .cols-9\@lg {
    flex-basis: 75%;
    max-width: 75%; }
  .cols-10\@lg {
    flex-basis: 83.33333%;
    max-width: 83.33333%; }
  .cols-11\@lg {
    flex-basis: 91.66667%;
    max-width: 91.66667%; }
  .cols-12\@lg {
    flex-basis: 100%;
    max-width: 100%; } }

@media (min-width: 81.25em) {
  .cols-1\@xl {
    flex-basis: 8.33333%;
    max-width: 8.33333%; }
  .cols-2\@xl {
    flex-basis: 16.66667%;
    max-width: 16.66667%; }
  .cols-3\@xl {
    flex-basis: 25%;
    max-width: 25%; }
  .cols-4\@xl {
    flex-basis: 33.33333%;
    max-width: 33.33333%; }
  .cols-5\@xl {
    flex-basis: 41.66667%;
    max-width: 41.66667%; }
  .cols-6\@xl {
    flex-basis: 50%;
    max-width: 50%; }
  .cols-7\@xl {
    flex-basis: 58.33333%;
    max-width: 58.33333%; }
  .cols-8\@xl {
    flex-basis: 66.66667%;
    max-width: 66.66667%; }
  .cols-9\@xl {
    flex-basis: 75%;
    max-width: 75%; }
  .cols-10\@xl {
    flex-basis: 83.33333%;
    max-width: 83.33333%; }
  .cols-11\@xl {
    flex-basis: 91.66667%;
    max-width: 91.66667%; }
  .cols-12\@xl {
    flex-basis: 100%;
    max-width: 100%; } }

/**
*   Chroma grid responsive modifiers
*/
@media (min-width: 20em) {
  .cols-0--push\@sm {
    position: relative;
    left: 0%; }
  .cols-0--pull\@sm {
    position: relative;
    right: 0%; }
  .cols-0--offset\@sm {
    margin-left: 0%; }
  .cols-1--push\@sm {
    position: relative;
    left: 8.33333%; }
  .cols-1--pull\@sm {
    position: relative;
    right: 8.33333%; }
  .cols-1--offset\@sm {
    margin-left: 8.33333%; }
  .cols-2--push\@sm {
    position: relative;
    left: 16.66667%; }
  .cols-2--pull\@sm {
    position: relative;
    right: 16.66667%; }
  .cols-2--offset\@sm {
    margin-left: 16.66667%; }
  .cols-3--push\@sm {
    position: relative;
    left: 25%; }
  .cols-3--pull\@sm {
    position: relative;
    right: 25%; }
  .cols-3--offset\@sm {
    margin-left: 25%; }
  .cols-4--push\@sm {
    position: relative;
    left: 33.33333%; }
  .cols-4--pull\@sm {
    position: relative;
    right: 33.33333%; }
  .cols-4--offset\@sm {
    margin-left: 33.33333%; }
  .cols-5--push\@sm {
    position: relative;
    left: 41.66667%; }
  .cols-5--pull\@sm {
    position: relative;
    right: 41.66667%; }
  .cols-5--offset\@sm {
    margin-left: 41.66667%; }
  .cols-6--push\@sm {
    position: relative;
    left: 50%; }
  .cols-6--pull\@sm {
    position: relative;
    right: 50%; }
  .cols-6--offset\@sm {
    margin-left: 50%; }
  .cols-7--push\@sm {
    position: relative;
    left: 58.33333%; }
  .cols-7--pull\@sm {
    position: relative;
    right: 58.33333%; }
  .cols-7--offset\@sm {
    margin-left: 58.33333%; }
  .cols-8--push\@sm {
    position: relative;
    left: 66.66667%; }
  .cols-8--pull\@sm {
    position: relative;
    right: 66.66667%; }
  .cols-8--offset\@sm {
    margin-left: 66.66667%; }
  .cols-9--push\@sm {
    position: relative;
    left: 75%; }
  .cols-9--pull\@sm {
    position: relative;
    right: 75%; }
  .cols-9--offset\@sm {
    margin-left: 75%; }
  .cols-10--push\@sm {
    position: relative;
    left: 83.33333%; }
  .cols-10--pull\@sm {
    position: relative;
    right: 83.33333%; }
  .cols-10--offset\@sm {
    margin-left: 83.33333%; }
  .cols-11--push\@sm {
    position: relative;
    left: 91.66667%; }
  .cols-11--pull\@sm {
    position: relative;
    right: 91.66667%; }
  .cols-11--offset\@sm {
    margin-left: 91.66667%; }
  .cols-12--push\@sm {
    position: relative;
    left: 100%; }
  .cols-12--pull\@sm {
    position: relative;
    right: 100%; }
  .cols-12--offset\@sm {
    margin-left: 100%; }
  .cols--center\@sm {
    margin-left: auto;
    margin-right: auto; }
  .cols--left\@sm {
    margin-right: auto; }
  .cols--right\@sm {
    margin-left: auto; }
  .cols--bleed\@sm {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 46.25em) {
  .cols-0--push\@md {
    position: relative;
    left: 0%; }
  .cols-0--pull\@md {
    position: relative;
    right: 0%; }
  .cols-0--offset\@md {
    margin-left: 0%; }
  .cols-1--push\@md {
    position: relative;
    left: 8.33333%; }
  .cols-1--pull\@md {
    position: relative;
    right: 8.33333%; }
  .cols-1--offset\@md {
    margin-left: 8.33333%; }
  .cols-2--push\@md {
    position: relative;
    left: 16.66667%; }
  .cols-2--pull\@md {
    position: relative;
    right: 16.66667%; }
  .cols-2--offset\@md {
    margin-left: 16.66667%; }
  .cols-3--push\@md {
    position: relative;
    left: 25%; }
  .cols-3--pull\@md {
    position: relative;
    right: 25%; }
  .cols-3--offset\@md {
    margin-left: 25%; }
  .cols-4--push\@md {
    position: relative;
    left: 33.33333%; }
  .cols-4--pull\@md {
    position: relative;
    right: 33.33333%; }
  .cols-4--offset\@md {
    margin-left: 33.33333%; }
  .cols-5--push\@md {
    position: relative;
    left: 41.66667%; }
  .cols-5--pull\@md {
    position: relative;
    right: 41.66667%; }
  .cols-5--offset\@md {
    margin-left: 41.66667%; }
  .cols-6--push\@md {
    position: relative;
    left: 50%; }
  .cols-6--pull\@md {
    position: relative;
    right: 50%; }
  .cols-6--offset\@md {
    margin-left: 50%; }
  .cols-7--push\@md {
    position: relative;
    left: 58.33333%; }
  .cols-7--pull\@md {
    position: relative;
    right: 58.33333%; }
  .cols-7--offset\@md {
    margin-left: 58.33333%; }
  .cols-8--push\@md {
    position: relative;
    left: 66.66667%; }
  .cols-8--pull\@md {
    position: relative;
    right: 66.66667%; }
  .cols-8--offset\@md {
    margin-left: 66.66667%; }
  .cols-9--push\@md {
    position: relative;
    left: 75%; }
  .cols-9--pull\@md {
    position: relative;
    right: 75%; }
  .cols-9--offset\@md {
    margin-left: 75%; }
  .cols-10--push\@md {
    position: relative;
    left: 83.33333%; }
  .cols-10--pull\@md {
    position: relative;
    right: 83.33333%; }
  .cols-10--offset\@md {
    margin-left: 83.33333%; }
  .cols-11--push\@md {
    position: relative;
    left: 91.66667%; }
  .cols-11--pull\@md {
    position: relative;
    right: 91.66667%; }
  .cols-11--offset\@md {
    margin-left: 91.66667%; }
  .cols-12--push\@md {
    position: relative;
    left: 100%; }
  .cols-12--pull\@md {
    position: relative;
    right: 100%; }
  .cols-12--offset\@md {
    margin-left: 100%; }
  .cols--center\@md {
    margin-left: auto;
    margin-right: auto; }
  .cols--left\@md {
    margin-right: auto; }
  .cols--right\@md {
    margin-left: auto; }
  .cols--bleed\@md {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 61.25em) {
  .cols-0--push\@lg {
    position: relative;
    left: 0%; }
  .cols-0--pull\@lg {
    position: relative;
    right: 0%; }
  .cols-0--offset\@lg {
    margin-left: 0%; }
  .cols-1--push\@lg {
    position: relative;
    left: 8.33333%; }
  .cols-1--pull\@lg {
    position: relative;
    right: 8.33333%; }
  .cols-1--offset\@lg {
    margin-left: 8.33333%; }
  .cols-2--push\@lg {
    position: relative;
    left: 16.66667%; }
  .cols-2--pull\@lg {
    position: relative;
    right: 16.66667%; }
  .cols-2--offset\@lg {
    margin-left: 16.66667%; }
  .cols-3--push\@lg {
    position: relative;
    left: 25%; }
  .cols-3--pull\@lg {
    position: relative;
    right: 25%; }
  .cols-3--offset\@lg {
    margin-left: 25%; }
  .cols-4--push\@lg {
    position: relative;
    left: 33.33333%; }
  .cols-4--pull\@lg {
    position: relative;
    right: 33.33333%; }
  .cols-4--offset\@lg {
    margin-left: 33.33333%; }
  .cols-5--push\@lg {
    position: relative;
    left: 41.66667%; }
  .cols-5--pull\@lg {
    position: relative;
    right: 41.66667%; }
  .cols-5--offset\@lg {
    margin-left: 41.66667%; }
  .cols-6--push\@lg {
    position: relative;
    left: 50%; }
  .cols-6--pull\@lg {
    position: relative;
    right: 50%; }
  .cols-6--offset\@lg {
    margin-left: 50%; }
  .cols-7--push\@lg {
    position: relative;
    left: 58.33333%; }
  .cols-7--pull\@lg {
    position: relative;
    right: 58.33333%; }
  .cols-7--offset\@lg {
    margin-left: 58.33333%; }
  .cols-8--push\@lg {
    position: relative;
    left: 66.66667%; }
  .cols-8--pull\@lg {
    position: relative;
    right: 66.66667%; }
  .cols-8--offset\@lg {
    margin-left: 66.66667%; }
  .cols-9--push\@lg {
    position: relative;
    left: 75%; }
  .cols-9--pull\@lg {
    position: relative;
    right: 75%; }
  .cols-9--offset\@lg {
    margin-left: 75%; }
  .cols-10--push\@lg {
    position: relative;
    left: 83.33333%; }
  .cols-10--pull\@lg {
    position: relative;
    right: 83.33333%; }
  .cols-10--offset\@lg {
    margin-left: 83.33333%; }
  .cols-11--push\@lg {
    position: relative;
    left: 91.66667%; }
  .cols-11--pull\@lg {
    position: relative;
    right: 91.66667%; }
  .cols-11--offset\@lg {
    margin-left: 91.66667%; }
  .cols-12--push\@lg {
    position: relative;
    left: 100%; }
  .cols-12--pull\@lg {
    position: relative;
    right: 100%; }
  .cols-12--offset\@lg {
    margin-left: 100%; }
  .cols--center\@lg {
    margin-left: auto;
    margin-right: auto; }
  .cols--left\@lg {
    margin-right: auto; }
  .cols--right\@lg {
    margin-left: auto; }
  .cols--bleed\@lg {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 81.25em) {
  .cols-0--push\@xl {
    position: relative;
    left: 0%; }
  .cols-0--pull\@xl {
    position: relative;
    right: 0%; }
  .cols-0--offset\@xl {
    margin-left: 0%; }
  .cols-1--push\@xl {
    position: relative;
    left: 8.33333%; }
  .cols-1--pull\@xl {
    position: relative;
    right: 8.33333%; }
  .cols-1--offset\@xl {
    margin-left: 8.33333%; }
  .cols-2--push\@xl {
    position: relative;
    left: 16.66667%; }
  .cols-2--pull\@xl {
    position: relative;
    right: 16.66667%; }
  .cols-2--offset\@xl {
    margin-left: 16.66667%; }
  .cols-3--push\@xl {
    position: relative;
    left: 25%; }
  .cols-3--pull\@xl {
    position: relative;
    right: 25%; }
  .cols-3--offset\@xl {
    margin-left: 25%; }
  .cols-4--push\@xl {
    position: relative;
    left: 33.33333%; }
  .cols-4--pull\@xl {
    position: relative;
    right: 33.33333%; }
  .cols-4--offset\@xl {
    margin-left: 33.33333%; }
  .cols-5--push\@xl {
    position: relative;
    left: 41.66667%; }
  .cols-5--pull\@xl {
    position: relative;
    right: 41.66667%; }
  .cols-5--offset\@xl {
    margin-left: 41.66667%; }
  .cols-6--push\@xl {
    position: relative;
    left: 50%; }
  .cols-6--pull\@xl {
    position: relative;
    right: 50%; }
  .cols-6--offset\@xl {
    margin-left: 50%; }
  .cols-7--push\@xl {
    position: relative;
    left: 58.33333%; }
  .cols-7--pull\@xl {
    position: relative;
    right: 58.33333%; }
  .cols-7--offset\@xl {
    margin-left: 58.33333%; }
  .cols-8--push\@xl {
    position: relative;
    left: 66.66667%; }
  .cols-8--pull\@xl {
    position: relative;
    right: 66.66667%; }
  .cols-8--offset\@xl {
    margin-left: 66.66667%; }
  .cols-9--push\@xl {
    position: relative;
    left: 75%; }
  .cols-9--pull\@xl {
    position: relative;
    right: 75%; }
  .cols-9--offset\@xl {
    margin-left: 75%; }
  .cols-10--push\@xl {
    position: relative;
    left: 83.33333%; }
  .cols-10--pull\@xl {
    position: relative;
    right: 83.33333%; }
  .cols-10--offset\@xl {
    margin-left: 83.33333%; }
  .cols-11--push\@xl {
    position: relative;
    left: 91.66667%; }
  .cols-11--pull\@xl {
    position: relative;
    right: 91.66667%; }
  .cols-11--offset\@xl {
    margin-left: 91.66667%; }
  .cols-12--push\@xl {
    position: relative;
    left: 100%; }
  .cols-12--pull\@xl {
    position: relative;
    right: 100%; }
  .cols-12--offset\@xl {
    margin-left: 100%; }
  .cols--center\@xl {
    margin-left: auto;
    margin-right: auto; }
  .cols--left\@xl {
    margin-right: auto; }
  .cols--right\@xl {
    margin-left: auto; }
  .cols--bleed\@xl {
    padding-right: 0;
    padding-left: 0; } }

/*
*	Chroma CSS grid.flexbox
*/
.row--reverse {
  flex-direction: row-reverse; }

.row--column {
  flex-direction: column; }

.row--column-reverse {
  flex-direction: column-reverse; }

.row--start {
  justify-content: flex-start; }

.row--center {
  justify-content: center; }

.row--end {
  justify-content: flex-end; }

.row--top {
  align-items: flex-start; }

.row--middle {
  align-items: center; }

.row--bottom {
  align-items: flex-end; }

.row--around {
  justify-content: space-around; }

.row--between {
  justify-content: space-between; }

.row--stretch {
  align-items: stretch; }

.row--baseline {
  align-items: baseline; }

.cols-x--1 {
  flex-grow: 1; }

.cols-x--2 {
  flex-grow: 2; }

.cols-x--3 {
  flex-grow: 3; }

.cols-x--4 {
  flex-grow: 4; }

.cols--top {
  align-self: flex-start; }

.cols--middle {
  align-self: center; }

.cols--bottom {
  align-self: flex-end; }

.cols--stretch {
  align-self: stretch; }

.cols--baseline {
  align-self: baseline; }

.cols--order-1 {
  order: 1; }

.cols--order-2 {
  order: 2; }

.cols--order-3 {
  order: 3; }

.cols--order-4 {
  order: 4; }

.cols--first {
  order: -1; }

.cols--last {
  order: 100; }

@media (min-width: 20em) {
  .row--reverse\@sm {
    flex-direction: row-reverse; }
  .row--column\@sm {
    flex-direction: column; }
  .row--column-reverse\@sm {
    flex-direction: column-reverse; }
  .row--start\@sm {
    justify-content: flex-start; }
  .row--center\@sm {
    justify-content: center; }
  .row--end\@sm {
    justify-content: flex-end; }
  .row--top\@sm {
    align-items: flex-start; }
  .row--middle\@sm {
    align-items: center; }
  .row--bottom\@sm {
    align-items: flex-end; }
  .row--around\@sm {
    justify-content: space-around; }
  .row--between\@sm {
    justify-content: space-between; }
  .row--stretch\@sm {
    align-items: stretch; }
  .row--baseline\@sm {
    align-items: baseline; }
  .cols-x--1\@sm {
    flex-grow: 1; }
  .cols-x--2\@sm {
    flex-grow: 2; }
  .cols-x--3\@sm {
    flex-grow: 3; }
  .cols-x--4\@sm {
    flex-grow: 4; }
  .cols--top\@sm {
    align-self: flex-start; }
  .cols--middle\@sm {
    align-self: center; }
  .cols--bottom\@sm {
    align-self: flex-end; }
  .cols--stretch\@sm {
    align-self: stretch; }
  .cols--baseline\@sm {
    align-self: baseline; }
  .cols--order-1\@sm {
    order: 1; }
  .cols--order-2\@sm {
    order: 2; }
  .cols--order-3\@sm {
    order: 3; }
  .cols--order-4\@sm {
    order: 4; }
  .cols--first\@sm {
    order: -1; }
  .cols--last\@sm {
    order: 100; } }

@media (min-width: 46.25em) {
  .row--reverse\@md {
    flex-direction: row-reverse; }
  .row--column\@md {
    flex-direction: column; }
  .row--column-reverse\@md {
    flex-direction: column-reverse; }
  .row--start\@md {
    justify-content: flex-start; }
  .row--center\@md {
    justify-content: center; }
  .row--end\@md {
    justify-content: flex-end; }
  .row--top\@md {
    align-items: flex-start; }
  .row--middle\@md {
    align-items: center; }
  .row--bottom\@md {
    align-items: flex-end; }
  .row--around\@md {
    justify-content: space-around; }
  .row--between\@md {
    justify-content: space-between; }
  .row--stretch\@md {
    align-items: stretch; }
  .row--baseline\@md {
    align-items: baseline; }
  .cols-x--1\@md {
    flex-grow: 1; }
  .cols-x--2\@md {
    flex-grow: 2; }
  .cols-x--3\@md {
    flex-grow: 3; }
  .cols-x--4\@md {
    flex-grow: 4; }
  .cols--top\@md {
    align-self: flex-start; }
  .cols--middle\@md {
    align-self: center; }
  .cols--bottom\@md {
    align-self: flex-end; }
  .cols--stretch\@md {
    align-self: stretch; }
  .cols--baseline\@md {
    align-self: baseline; }
  .cols--order-1\@md {
    order: 1; }
  .cols--order-2\@md {
    order: 2; }
  .cols--order-3\@md {
    order: 3; }
  .cols--order-4\@md {
    order: 4; }
  .cols--first\@md {
    order: -1; }
  .cols--last\@md {
    order: 100; } }

@media (min-width: 61.25em) {
  .row--reverse\@lg {
    flex-direction: row-reverse; }
  .row--column\@lg {
    flex-direction: column; }
  .row--column-reverse\@lg {
    flex-direction: column-reverse; }
  .row--start\@lg {
    justify-content: flex-start; }
  .row--center\@lg {
    justify-content: center; }
  .row--end\@lg {
    justify-content: flex-end; }
  .row--top\@lg {
    align-items: flex-start; }
  .row--middle\@lg {
    align-items: center; }
  .row--bottom\@lg {
    align-items: flex-end; }
  .row--around\@lg {
    justify-content: space-around; }
  .row--between\@lg {
    justify-content: space-between; }
  .row--stretch\@lg {
    align-items: stretch; }
  .row--baseline\@lg {
    align-items: baseline; }
  .cols-x--1\@lg {
    flex-grow: 1; }
  .cols-x--2\@lg {
    flex-grow: 2; }
  .cols-x--3\@lg {
    flex-grow: 3; }
  .cols-x--4\@lg {
    flex-grow: 4; }
  .cols--top\@lg {
    align-self: flex-start; }
  .cols--middle\@lg {
    align-self: center; }
  .cols--bottom\@lg {
    align-self: flex-end; }
  .cols--stretch\@lg {
    align-self: stretch; }
  .cols--baseline\@lg {
    align-self: baseline; }
  .cols--order-1\@lg {
    order: 1; }
  .cols--order-2\@lg {
    order: 2; }
  .cols--order-3\@lg {
    order: 3; }
  .cols--order-4\@lg {
    order: 4; }
  .cols--first\@lg {
    order: -1; }
  .cols--last\@lg {
    order: 100; } }

@media (min-width: 81.25em) {
  .row--reverse\@xl {
    flex-direction: row-reverse; }
  .row--column\@xl {
    flex-direction: column; }
  .row--column-reverse\@xl {
    flex-direction: column-reverse; }
  .row--start\@xl {
    justify-content: flex-start; }
  .row--center\@xl {
    justify-content: center; }
  .row--end\@xl {
    justify-content: flex-end; }
  .row--top\@xl {
    align-items: flex-start; }
  .row--middle\@xl {
    align-items: center; }
  .row--bottom\@xl {
    align-items: flex-end; }
  .row--around\@xl {
    justify-content: space-around; }
  .row--between\@xl {
    justify-content: space-between; }
  .row--stretch\@xl {
    align-items: stretch; }
  .row--baseline\@xl {
    align-items: baseline; }
  .cols-x--1\@xl {
    flex-grow: 1; }
  .cols-x--2\@xl {
    flex-grow: 2; }
  .cols-x--3\@xl {
    flex-grow: 3; }
  .cols-x--4\@xl {
    flex-grow: 4; }
  .cols--top\@xl {
    align-self: flex-start; }
  .cols--middle\@xl {
    align-self: center; }
  .cols--bottom\@xl {
    align-self: flex-end; }
  .cols--stretch\@xl {
    align-self: stretch; }
  .cols--baseline\@xl {
    align-self: baseline; }
  .cols--order-1\@xl {
    order: 1; }
  .cols--order-2\@xl {
    order: 2; }
  .cols--order-3\@xl {
    order: 3; }
  .cols--order-4\@xl {
    order: 4; }
  .cols--first\@xl {
    order: -1; }
  .cols--last\@xl {
    order: 100; } }

/*
*   Chroma CSS utils
*/
.hide, .show\@sm, .show-block\@sm, .show-inline\@sm, .show-inline-block\@sm, .show\@md, .show-block\@md, .show-inline\@md, .show-inline-block\@md, .show\@lg, .show-block\@lg, .show-inline\@lg, .show-inline-block\@lg, .show\@xl, .show-block\@xl, .show-inline\@xl, .show-inline-block\@xl,
.hidden,
[hidden] {
  display: none !important; }

.show {
  display: block !important; }

.show-block {
  display: block !important; }

.show-inline {
  display: inline !important; }

.show-inline-block {
  display: inline-block !important; }

.visible {
  visibility: visible !important; }

.invisible, .visible\@sm, .visible\@md, .visible\@lg, .visible\@xl {
  visibility: hidden !important; }

/*
*   Chroma CSS utils.responsive
*/
@media (min-width: 20em) {
  .hide\@sm,
  .hidden\@sm {
    display: none !important; }
  .show-block\@sm, .show\@sm {
    display: block !important; }
  .show-inline\@sm {
    display: inline !important; }
  .show-inline-block\@sm {
    display: inline-block !important; }
  table.show\@sm {
    display: "table" !important; }
  tr.show\@sm {
    display: "table-row" !important; }
  th.show\@sm,
  td.show\@sm {
    display: "table-cell" !important; }
  .visible\@sm {
    visibility: visible !important; }
  .invisible\@sm {
    visibility: hidden !important; } }

@media (min-width: 46.25em) {
  .hide\@md,
  .hidden\@md {
    display: none !important; }
  .show-block\@md, .show\@md {
    display: block !important; }
  .show-inline\@md {
    display: inline !important; }
  .show-inline-block\@md {
    display: inline-block !important; }
  table.show\@md {
    display: "table" !important; }
  tr.show\@md {
    display: "table-row" !important; }
  th.show\@md,
  td.show\@md {
    display: "table-cell" !important; }
  .visible\@md {
    visibility: visible !important; }
  .invisible\@md {
    visibility: hidden !important; } }

@media (min-width: 61.25em) {
  .hide\@lg,
  .hidden\@lg {
    display: none !important; }
  .show-block\@lg, .show\@lg {
    display: block !important; }
  .show-inline\@lg {
    display: inline !important; }
  .show-inline-block\@lg {
    display: inline-block !important; }
  table.show\@lg {
    display: "table" !important; }
  tr.show\@lg {
    display: "table-row" !important; }
  th.show\@lg,
  td.show\@lg {
    display: "table-cell" !important; }
  .visible\@lg {
    visibility: visible !important; }
  .invisible\@lg {
    visibility: hidden !important; } }

@media (min-width: 81.25em) {
  .hide\@xl,
  .hidden\@xl {
    display: none !important; }
  .show-block\@xl, .show\@xl {
    display: block !important; }
  .show-inline\@xl {
    display: inline !important; }
  .show-inline-block\@xl {
    display: inline-block !important; }
  table.show\@xl {
    display: "table" !important; }
  tr.show\@xl {
    display: "table-row" !important; }
  th.show\@xl,
  td.show\@xl {
    display: "table-cell" !important; }
  .visible\@xl {
    visibility: visible !important; }
  .invisible\@xl {
    visibility: hidden !important; } }

/*
*   Chroma CSS utils.print
*/
.show-print,
.show-print-block,
.show-print-inline,
.show-print-inline-block {
  display: none !important; }

@media print {
  .show-print,
  .show-print-block {
    display: block !important; }
  table.show-print {
    display: table !important; }
  tr.show-print {
    display: table-row !important; }
  th.show-print,
  td.show-print {
    display: table-cell !important; }
  .show-print-inline {
    display: inline !important; }
  .show-print-inline-block {
    display: inline-block !important; }
  .hide-print,
  .hidden-print {
    display: none !important; } }

/*
*   Debugging classes
*/
body#tinymce.wp-editor {
  font-family: 'Roboto', Arial, sans-serif;
  margin: 10px; }
  body#tinymce.wp-editor .foldable {
    background-color: rgba(20, 255, 150, 0.2); }
  body#tinymce.wp-editor .folder {
    border: teal solid 2px; }

* {
  color: black; }

a {
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

html {
  height: 100%; }

body {
  min-height: 100%;
  font-family: 'Roboto';
  background-color: #f7f0e6; }

#wrapper {
  min-height: 100vh;
  flex-direction: column;
  display: flex; }

header {
  margin-bottom: 4em; }
  header #logo_wrap #logo {
    margin: 1em 0em 5em 0em; }
  header #featured_image {
    width: 100%;
    height: 40vh;
    max-height: 430px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }

@keyframes rollOn {
  0% {
    opacity: 0;
    transform-origin: 0px 0px;
    transform: scale(0.2, 0); }
  100% {
    opacity: 1;
    transform-origin: 0px 0px;
    transform: scale(1, 1); } }

@keyframes clickMe {
  2% {
    transform: scale(1, 1); }
  3% {
    transform: scale(1.1, 1.1); }
  4% {
    transform: scale(1, 1); }
  5% {
    transform: scale(1, 1); }
  6% {
    transform: scale(1.1, 1.1); }
  7% {
    transform: scale(1, 1); }
  100% {
    transform: scale(1, 1); } }
  header #button_free {
    position: absolute;
    display: inline-block;
    left: 100px;
    animation: clickMe;
    animation-duration: 8s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-delay: 8s; }
  header nav #menu-mainmenu {
    list-style-type: none;
    margin-bottom: 2em;
    padding: 2em 0em;
    border-bottom: 3px solid #aaa; }
    header nav #menu-mainmenu li {
      flex-grow: 1;
      text-align: center;
      text-transform: uppercase;
      font-family: "SF Movie Poster Bold";
      font-size: 2em;
      letter-spacing: 0.05em; }
      header nav #menu-mainmenu li.current_page_item a, header nav #menu-mainmenu li.current-page-ancestor a {
        color: #e30613; }
  header #submenu {
    display: flex;
    justify-content: center;
    margin: 0 auto; }
    header #submenu.mycash {
      width: 20%; }
    header #submenu.material, header #submenu.poster, header #submenu.flyer, header #submenu.unterrichtsmappen, header #submenu.filme, header #submenu.spiel-gg-geld-und-glueck {
      display: none; }
    header #submenu li {
      flex-grow: 1;
      text-align: center; }
      header #submenu li.current_page_item {
        font-weight: bold; }

#content {
  cursor: default;
  line-height: 1.5em;
  margin-bottom: 8em;
  font-size: 1.1em; }
  #content h1, #content h2, #content h3 {
    clear: both; }
  #content h1 {
    font-weight: 600;
    font-size: 1.5em;
    margin-bottom: 1em;
    line-height: 1.5em; }
  #content h2 {
    font-weight: 600;
    font-size: 1.2em;
    margin-bottom: 1em; }
  #content h3 {
    font-weight: 500;
    margin-bottom: 1em; }
  #content p {
    margin-bottom: 1em; }
  #content img {
    flex-basis: 83.33333%;
    max-width: 83.33333%;
    height: auto;
    display: block;
    margin: 0 auto;
    margin-top: 4em;
    margin-bottom: 4em; }
  #content .alignleft {
    float: left;
    margin: 2em 2em 2em 0em; }
  #content .alignright {
    float: right;
    margin: 2em 0em 2em 2em; }
  #content a {
    border-bottom: #555 1px solid;
    text-decoration: none; }
  #content a:hover {
    border-bottom: #e30613 1px solid;
    text-decoration: none; }
  #content .folder {
    border-bottom: #555 1px solid;
    text-decoration: none; }
  #content .folder:hover {
    border-bottom: #e30613 1px solid;
    text-decoration: none;
    cursor: pointer; }
  #content .foldable {
    display: none; }
  #content strong, #content b {
    font-weight: bold; }
  #content em {
    font-style: italic; }
  #content ul {
    list-style-type: disc;
    margin-left: 3em;
    margin-bottom: 1em; }
  #content .download-rubrik {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: stretch;
    padding: 1em; }
    #content .download-rubrik .material_category {
      width: 100%;
      height: 10em;
      text-align: center;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 4em; }
      #content .download-rubrik .material_category a {
        font-size: 1.2em;
        font-weight: bold;
        border-bottom: none;
        background-color: rgba(255, 255, 255, 0.6);
        padding: 0.8em;
        width: 100%;
        transition: background-color 0.2s; }
      #content .download-rubrik .material_category a:hover {
        border-bottom: none;
        background-color: rgba(255, 255, 255, 0.8); }
  #content .download {
    height: auto;
    margin-bottom: 1em; }
    #content .download a:hover {
      cursor: pointer; }
  #content .materialdescription {
    margin-bottom: 2em; }
  #content .teamdesc {
    flex-basis: 100%;
    max-width: 100%;
    width: 100%; }
    #content .teamdesc td {
      width: 33%; }
    #content .teamdesc .name {
      font-weight: bold; }
    #content .teamdesc strong {
      display: inline-block;
      margin-top: 1em; }
  #content .teamtext {
    flex-basis: 50%;
    max-width: 50%; }
    #content .teamtext img {
      margin-top: 2em;
      margin-bottom: 2em; }
  #content #referenzen {
    background-color: white;
    padding: 1em; }
    #content #referenzen .referenzlogo {
      flex-basis: 16.66667%;
      max-width: 16.66667%;
      padding-right: 0;
      padding-left: 0;
      text-decoration: none;
      border: none;
      display: block;
      margin: 1em; }
      #content #referenzen .referenzlogo:hover {
        border: none; }
      #content #referenzen .referenzlogo img {
        width: 100%;
        margin: 0px; }
  #content #auszeichnungen {
    align-items: center;
    margin: 2em 0em; }
    #content #auszeichnungen img {
      flex-basis: 25%;
      max-width: 25%;
      display: block;
      width: auto;
      height: auto; }

footer {
  max-width: 1400px; }
  footer table {
    width: 100%; }
    footer table td {
      text-align: center;
      vertical-align: middle; }
    footer table .logo img {
      width: 60%; }

#footer_begin {
  border-top: 3px solid #aaa; }

#footer_end {
  display: flex;
  height: 5em;
  background-color: #e30613;
  align-items: center;
  justify-content: center; }

/*# sourceMappingURL=_maps/style.css.map */