@charset "UTF-8";
/*!
 * e-nitio mediasign
 * Melatengürtel 125
 * 50825 Köln
 * www.e-nitio.com
 * info@e-nitio.com 
 */
.section--collapse .collapse--item + .collapse--item {
  margin-top: 10px; }
@media screen and (min-width: 768px) {
  .section--collapse .collapse--item + .collapse--item {
    margin-top: 10px; } }
@media screen and (min-width: 992px) {
  .section--collapse .collapse--item + .collapse--item {
    margin-top: 10px; } }
@media screen and (min-width: 1200px) {
  .section--collapse .collapse--item + .collapse--item {
    margin-top: 10px; } }
.section--collapse .collapse--item .collapse--header {
  background-color: #f2f2f2; }
.section--collapse .collapse--item .collapse--body {
  border: 1px dotted #cdcdcd;
  border-top: 0 none; }
.section--collapse .collapse--item .collapse--body, .section--collapse .collapse--item .collapse--footer {
  background-color: #fff; }
.section--collapse .collapse--item .collapse--header {
  position: relative;
  transition: all 0.3s ease; }
  .section--collapse .collapse--item .collapse--header h2 {
    margin-bottom: 0;
    padding-right: 35px;
    padding-right: 2.0588235294em; }
  .section--collapse .collapse--item .collapse--header a {
    display: block; }
    .section--collapse .collapse--item .collapse--header a::before {
      display: none; }
    .section--collapse .collapse--item .collapse--header a::after {
      content: '';
      position: absolute;
      right: 15px;
      right: 0.8823529412em;
      top: 50%;
      transform: translateY(-50%);
      width: 20px;
      width: 1.1764705882em;
      height: 20px;
      height: 1.1764705882em;
      background-image: url(/cms/img/icons/icon-arrow_down-primary.svg); }
    @media screen and #{@mq-sm} {
      .section--collapse .collapse--item .collapse--header a::after {
        right: 20px;
        right: 1.1764705882em; } }
  @media screen and #{@mq-md} {
    .section--collapse .collapse--item .collapse--header a::after {
      right: 25px;
      right: 1.4705882353em; } }
.section--collapse .collapse--item .collapse--header.collapsed a::after {
  background-image: url(/cms/img/icons/icon-arrow_up-primary.svg); }
.section--collapse .collapse--item .collapse--body {
  /* Custom styling here */ }
.section--collapse .collapse--item .collapse--footer {
  /* Custom styling here */ }
