/* Colors */
/* Shadows */
/* Box */
/* Sizes */
/* IE bekommt hier Pixelwert > 12px */
/* IE bekommt hier Pixelwert > 1px */
/* IE bekommt hier Pixelwert > 980px */
/* position:fixed braucht hier Pixel?! */
/* IE bekommt hier Pixelwert > 1180px */
/* IE bekommt hier Pixelwert > 1380px */
/* IE bekommt hier Pixelwert > 240px */
/* IE bekommt hier Pixelwert > 240px */
/* navigation padding-top + padding-bottom + lineheight */
/* Grid */
/* Fonts */
/* Font Sizes */
/* 8px */
/* 9px */
/* 12px, 1:1.618 – golden section */
/* 15px */
/* 19px */
/* 24px */
/* 31px */
/* 14px */
/* 18px */
/* 24px */
/* /Font Sizes */
/* Images */
/* IE8 */
/* IE8 */
/* IE8 */
/* /Images */
/* Media Queries */
/* OLD */
/* width definition */
/* @group COLORCODING */
/* @end */
/* Vendor Prefixes */
/* /Vendor Prefixes */
/* Hacks */
/* /Hacks */
/* Shortcuts */
/* /Shortcuts */
/* Text */
/* /Text */
/* Generate Buttons from one base color */
/* /Buttons */
/* Generate Tabs from one base color */
/* /Tabs */
/* TODO: Deprecated2: Entfernen aus CSS */
/* /TODO: Deprecated */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
  /* Rootsize 10px */
  font-family: Helvetica, Arial, sans-serif;
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
body {
  margin: 0;
  font: 1.2rem Helvetica, Arial, sans-serif;
  line-height: 1.8rem;
  overflow-y: scroll;
  background: #cfcfcf;
  color: #333333;
}
#page-wrap {
  margin: 0px auto;
  max-width: 98rem;
  background: white;
  padding: 20px 0;
}
.box {
  margin-bottom: 25px;
  padding: 20px;
  border-radius: 0.2rem;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 1px 0 #ffffff , 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff , 0 1px 0 #ffffff;
  border: 1px solid #c1c1c1;
}
.box.white {
  background-color: #ffffff !important;
}
.box.gray {
  background-color: #f6f6f6 !important;
}
.box.blue {
  background-color: #e9eff4 !important;
}
.box.yellow {
  background-color: #f1f0e4 !important;
}
.box.purple {
  background-color: #e5e7ee !important;
}
.box.orange {
  background-color: #f1e9df !important;
}
.box.green {
  background-color: #e9f0e6 !important;
}
.fleft {
  float: left;
}
[class*="col-"] {
  display: inline-block;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0.9rem;
  padding-right: 0.9rem;
  min-height: 1px;
}
@media (max-width: 1000px) {
  [class*="col-"] {
    display: block;
  }
}
.row {
  zoom: 1;
  max-width: 98rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.9rem;
  padding-right: 0.9rem;
}
.row:before,
.row:after {
  content: "";
  display: table;
}
.row:after {
  clear: both;
}
@media (max-width: 1000px) {
  .row {
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.row h3 {
  width: 100%;
}
.row .row {
  max-width: none;
  margin-left: -0.9rem;
  margin-right: -0.9rem;
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 500px) {
  .row .row {
    margin-left: 0;
    margin-right: 0;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}
.col-4 {
  width: calc(33.333333333333336% - (0.9rem * 2));
  width: 33.33333333%;
}
@media (max-width: 1000px) {
  .col-4 {
    width: calc(50% - (0.9rem * 2));
    width: 50%;
  }
}
@media (max-width: 1000px) and (max-width: 500px) {
  .col-4 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 500px) {
  .col-4 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.col-6 {
  width: calc(50% - (0.9rem * 2));
  width: 50%;
}
@media (max-width: 500px) {
  .col-6 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.col-8 {
  width: calc(66.66666666666667% - (0.9rem * 2));
  width: 66.66666667%;
}
@media (max-width: 1000px) {
  .col-8 {
    width: calc(100% - (0.9rem * 2));
    width: 100%;
  }
}
@media (max-width: 1000px) and (max-width: 500px) {
  .col-8 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 500px) {
  .col-8 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.col-12 {
  width: calc(100% - (0.9rem * 2));
  width: 100%;
}
@media (max-width: 500px) {
  .col-12 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
/*
.flex-artikel {
    -webkit-order: 0; -ms-flex-order: 0; order: 0;
}
.flex-instrument {
    -webkit-order: 1; -ms-flex-order: 1; order: 1;
}
.flex-comment {
    -webkit-order: 3; -ms-flex-order: 3; order: 3;
}

.flex-interesting {
    -webkit-order: 4; -ms-flex-order: 4; order: 4;
}
.flex-publication {
    -webkit-order: 2; -ms-flex-order: 2; order: 2;
}
.flex-videos, .flex-webinar, .flex-product {
    -webkit-order: 5; -ms-flex-order: 5; order: 5;
} */