@charset "UTF-8";
/* Stylesheet für Desktop Darstellung */
/*_desktop-variables.scss*/
/*magic, fluid, fixed, static - Falls responsive hier abändern und Breapoins für Raster hinzufügen*/
/* box-sizing: border-box; 1280px + 32px Abstand links + 32px Abstand rechts*/
/*******************************************************************************
 * _grid-classes.scss
 *
 * Susy Grid Classes
 * In das HTML sind folgende Klassen möglich: grid-1 bis grid-16 wobei grid-1 
 * die Breite von 1 Spalte annimmt und grid-16 die Breite von 16 Spalten.
 * Die Klasse 'omega' einsetzen, wenn das letzte Element rechts floaten sollen.
 ******************************************************************************/
/*Import */
/* For-Schleife für die Definiton der Grid-Classes bei 16 Spalten*/
.has-no-sidebars .grid-1 {
  width: 20.72539%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}

.has-no-sidebars .grid-2 {
  width: 47.15026%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}

.has-no-sidebars .grid-3 {
  width: 73.57513%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}

.has-no-sidebars .grid-4 {
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}

/* For-Schleife für die Definiton der Grid-Classes mit einer Sidebar (has-one-sidebar) = 13 Spalten*/
.has-one-sidebar .grid-1 {
  width: 20.72539%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}

.has-one-sidebar .grid-2 {
  width: 47.15026%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}

.has-one-sidebar .grid-3 {
  width: 73.57513%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}

.has-one-sidebar .grid-4 {
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}

/* For-Schleife für die Definiton der Grid-Classes mit zwei Sidebars (has-two-sidebars) = 10 Spalten*/
.has-two-sidebars .grid-1 {
  width: 20.72539%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}

.has-two-sidebars .grid-2 {
  width: 47.15026%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}

.has-two-sidebars .grid-3 {
  width: 73.57513%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}

.has-two-sidebars .grid-4 {
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}

/* For-Schleife für die Definiton der Grid-Classes innerhalb der Colorbox*/
#colorbox .grid-1 {
  width: 20.72539%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}

#colorbox .grid-2 {
  width: 47.15026%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}

#colorbox .grid-3 {
  width: 73.57513%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}

#colorbox .grid-4 {
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}

.omega {
  float: none;
  margin-right: 0;
  margin-left: 0;
}

/***********************************************************/
/***********************************************************/
/*** Small Devices ***/
/***********************************************************/
/***********************************************************/
@media (min-width: 0px) {
  /* For-Schleife für die Definiton der Grid-Classes bei 16 Spalten*/
  .has-no-sidebars .grid-1 {
    width: 10.07557%;
    float: left;
    margin-right: 2.77078%;
  }

  .has-no-sidebars .grid-2 {
    width: 22.92191%;
    float: left;
    margin-right: 2.77078%;
  }

  .has-no-sidebars .grid-3 {
    width: 35.76826%;
    float: left;
    margin-right: 2.77078%;
  }

  .has-no-sidebars .grid-4 {
    width: 48.61461%;
    float: left;
    margin-right: 2.77078%;
  }

  .has-no-sidebars .grid-5 {
    width: 61.46096%;
    float: left;
    margin-right: 2.77078%;
  }

  .has-no-sidebars .grid-6 {
    width: 74.3073%;
    float: left;
    margin-right: 2.77078%;
  }

  .has-no-sidebars .grid-7 {
    width: 87.15365%;
    float: left;
    margin-right: 2.77078%;
  }

  .has-no-sidebars .grid-8 {
    width: 100%;
    float: left;
    margin-right: 2.77078%;
  }

  /* For-Schleife für die Definiton der Grid-Classes mit einer Sidebar (has-one-sidebar) = 13 Spalten*/
  .has-one-sidebar .grid-1 {
    width: 10.07557%;
    float: left;
    margin-right: 2.77078%;
  }

  .has-one-sidebar .grid-2 {
    width: 22.92191%;
    float: left;
    margin-right: 2.77078%;
  }

  .has-one-sidebar .grid-3 {
    width: 35.76826%;
    float: left;
    margin-right: 2.77078%;
  }

  .has-one-sidebar .grid-4 {
    width: 48.61461%;
    float: left;
    margin-right: 2.77078%;
  }

  /* For-Schleife für die Definiton der Grid-Classes mit zwei Sidebars (has-two-sidebars) = 10 Spalten*/
  .has-two-sidebars .grid-1 {
    width: 10.07557%;
    float: left;
    margin-right: 2.77078%;
  }

  .has-two-sidebars .grid-2 {
    width: 22.92191%;
    float: left;
    margin-right: 2.77078%;
  }

  .has-two-sidebars .grid-3 {
    width: 35.76826%;
    float: left;
    margin-right: 2.77078%;
  }

  .has-two-sidebars .grid-4 {
    width: 48.61461%;
    float: left;
    margin-right: 2.77078%;
  }

  /* For-Schleife für die Definiton der Grid-Classes innerhalb der Colorbox*/
  #colorbox .grid-1 {
    width: 10.07557%;
    float: left;
    margin-right: 2.77078%;
  }

  #colorbox .grid-2 {
    width: 22.92191%;
    float: left;
    margin-right: 2.77078%;
  }

  #colorbox .grid-3 {
    width: 35.76826%;
    float: left;
    margin-right: 2.77078%;
  }

  #colorbox .grid-4 {
    width: 48.61461%;
    float: left;
    margin-right: 2.77078%;
  }

  .omega {
    float: right;
    margin-right: 0;
  }
}
/***********************************************************/
/***********************************************************/
/*** Medium Devices ***/
/***********************************************************/
/***********************************************************/
@media (min-width: 0px) {
  /* For-Schleife für die Definiton der Grid-Classes bei 16 Spalten*/
  .has-no-sidebars .grid-1 {
    width: 6.65557%;
    float: left;
    margin-right: 1.83028%;
  }

  .has-no-sidebars .grid-2 {
    width: 15.14143%;
    float: left;
    margin-right: 1.83028%;
  }

  .has-no-sidebars .grid-3 {
    width: 23.62729%;
    float: left;
    margin-right: 1.83028%;
  }

  .has-no-sidebars .grid-4 {
    width: 32.11314%;
    float: left;
    margin-right: 1.83028%;
  }

  .has-no-sidebars .grid-5 {
    width: 40.599%;
    float: left;
    margin-right: 1.83028%;
  }

  .has-no-sidebars .grid-6 {
    width: 49.08486%;
    float: left;
    margin-right: 1.83028%;
  }

  .has-no-sidebars .grid-7 {
    width: 57.57072%;
    float: left;
    margin-right: 1.83028%;
  }

  .has-no-sidebars .grid-8 {
    width: 66.05657%;
    float: left;
    margin-right: 1.83028%;
  }

  .has-no-sidebars .grid-9 {
    width: 74.54243%;
    float: left;
    margin-right: 1.83028%;
  }

  .has-no-sidebars .grid-10 {
    width: 83.02829%;
    float: left;
    margin-right: 1.83028%;
  }

  .has-no-sidebars .grid-11 {
    width: 91.51414%;
    float: left;
    margin-right: 1.83028%;
  }

  .has-no-sidebars .grid-12 {
    width: 100%;
    float: left;
    margin-right: 1.83028%;
  }

  /* For-Schleife für die Definiton der Grid-Classes mit einer Sidebar (has-one-sidebar) = 13 Spalten*/
  .has-one-sidebar .grid-1 {
    width: 8.92857%;
    float: left;
    margin-right: 2.45536%;
  }

  .has-one-sidebar .grid-2 {
    width: 20.3125%;
    float: left;
    margin-right: 2.45536%;
  }

  .has-one-sidebar .grid-3 {
    width: 31.69643%;
    float: left;
    margin-right: 2.45536%;
  }

  .has-one-sidebar .grid-4 {
    width: 43.08036%;
    float: left;
    margin-right: 2.45536%;
  }

  .has-one-sidebar .grid-5 {
    width: 54.46429%;
    float: left;
    margin-right: 2.45536%;
  }

  .has-one-sidebar .grid-6 {
    width: 65.84821%;
    float: left;
    margin-right: 2.45536%;
  }

  .has-one-sidebar .grid-7 {
    width: 77.23214%;
    float: left;
    margin-right: 2.45536%;
  }

  .has-one-sidebar .grid-8 {
    width: 88.61607%;
    float: left;
    margin-right: 2.45536%;
  }

  .has-one-sidebar .grid-9 {
    width: 100%;
    float: left;
    margin-right: 2.45536%;
  }

  /* For-Schleife für die Definiton der Grid-Classes mit zwei Sidebars (has-two-sidebars) = 10 Spalten*/
  .has-two-sidebars .grid-1 {
    width: 8.92857%;
    float: left;
    margin-right: 2.45536%;
  }

  .has-two-sidebars .grid-2 {
    width: 20.3125%;
    float: left;
    margin-right: 2.45536%;
  }

  .has-two-sidebars .grid-3 {
    width: 31.69643%;
    float: left;
    margin-right: 2.45536%;
  }

  .has-two-sidebars .grid-4 {
    width: 43.08036%;
    float: left;
    margin-right: 2.45536%;
  }

  .has-two-sidebars .grid-5 {
    width: 54.46429%;
    float: left;
    margin-right: 2.45536%;
  }

  .has-two-sidebars .grid-6 {
    width: 65.84821%;
    float: left;
    margin-right: 2.45536%;
  }

  .has-two-sidebars .grid-7 {
    width: 77.23214%;
    float: left;
    margin-right: 2.45536%;
  }

  .has-two-sidebars .grid-8 {
    width: 88.61607%;
    float: left;
    margin-right: 2.45536%;
  }

  .has-two-sidebars .grid-9 {
    width: 100%;
    float: left;
    margin-right: 2.45536%;
  }

  /* For-Schleife für die Definiton der Grid-Classes innerhalb der Colorbox*/
  #colorbox .grid-1 {
    width: 8.92857%;
    float: left;
    margin-right: 2.45536%;
  }

  #colorbox .grid-2 {
    width: 20.3125%;
    float: left;
    margin-right: 2.45536%;
  }

  #colorbox .grid-3 {
    width: 31.69643%;
    float: left;
    margin-right: 2.45536%;
  }

  #colorbox .grid-4 {
    width: 43.08036%;
    float: left;
    margin-right: 2.45536%;
  }

  #colorbox .grid-5 {
    width: 54.46429%;
    float: left;
    margin-right: 2.45536%;
  }

  #colorbox .grid-6 {
    width: 65.84821%;
    float: left;
    margin-right: 2.45536%;
  }

  #colorbox .grid-7 {
    width: 77.23214%;
    float: left;
    margin-right: 2.45536%;
  }

  #colorbox .grid-8 {
    width: 88.61607%;
    float: left;
    margin-right: 2.45536%;
  }

  #colorbox .grid-9 {
    width: 100%;
    float: left;
    margin-right: 2.45536%;
  }

  .omega {
    float: right;
    margin-right: 0;
  }
}
/***********************************************************/
/***********************************************************/
/*** Large Devices ***/
/***********************************************************/
/***********************************************************/
@media (min-width: 2px) {
  /* For-Schleife für die Definiton der Grid-Classes bei 16 Spalten*/
  .has-no-sidebars .grid-1 {
    width: 4.96894%;
    float: left;
    margin-right: 1.36646%;
  }

  .has-no-sidebars .grid-2 {
    width: 11.30435%;
    float: left;
    margin-right: 1.36646%;
  }

  .has-no-sidebars .grid-3 {
    width: 17.63975%;
    float: left;
    margin-right: 1.36646%;
  }

  .has-no-sidebars .grid-4 {
    width: 23.97516%;
    float: left;
    margin-right: 1.36646%;
  }

  .has-no-sidebars .grid-5 {
    width: 30.31056%;
    float: left;
    margin-right: 1.36646%;
  }

  .has-no-sidebars .grid-6 {
    width: 36.64596%;
    float: left;
    margin-right: 1.36646%;
  }

  .has-no-sidebars .grid-7 {
    width: 42.98137%;
    float: left;
    margin-right: 1.36646%;
  }

  .has-no-sidebars .grid-8 {
    width: 49.31677%;
    float: left;
    margin-right: 1.36646%;
  }

  .has-no-sidebars .grid-9 {
    width: 55.65217%;
    float: left;
    margin-right: 1.36646%;
  }

  .has-no-sidebars .grid-10 {
    width: 61.98758%;
    float: left;
    margin-right: 1.36646%;
  }

  .has-no-sidebars .grid-11 {
    width: 68.32298%;
    float: left;
    margin-right: 1.36646%;
  }

  .has-no-sidebars .grid-12 {
    width: 74.65839%;
    float: left;
    margin-right: 1.36646%;
  }

  .has-no-sidebars .grid-13 {
    width: 80.99379%;
    float: left;
    margin-right: 1.36646%;
  }

  .has-no-sidebars .grid-14 {
    width: 87.32919%;
    float: left;
    margin-right: 1.36646%;
  }

  .has-no-sidebars .grid-15 {
    width: 93.6646%;
    float: left;
    margin-right: 1.36646%;
  }

  .has-no-sidebars .grid-16 {
    width: 100%;
    float: left;
    margin-right: 1.36646%;
  }

  /* For-Schleife für die Definiton der Grid-Classes mit einer Sidebar (has-one-sidebar) = 13 Spalten*/
  .has-one-sidebar .grid-1 {
    width: 6.13497%;
    float: left;
    margin-right: 1.68712%;
  }

  .has-one-sidebar .grid-2 {
    width: 13.95706%;
    float: left;
    margin-right: 1.68712%;
  }

  .has-one-sidebar .grid-3 {
    width: 21.77914%;
    float: left;
    margin-right: 1.68712%;
  }

  .has-one-sidebar .grid-4 {
    width: 29.60123%;
    float: left;
    margin-right: 1.68712%;
  }

  .has-one-sidebar .grid-5 {
    width: 37.42331%;
    float: left;
    margin-right: 1.68712%;
  }

  .has-one-sidebar .grid-6 {
    width: 45.2454%;
    float: left;
    margin-right: 1.68712%;
  }

  .has-one-sidebar .grid-7 {
    width: 53.06748%;
    float: left;
    margin-right: 1.68712%;
  }

  .has-one-sidebar .grid-8 {
    width: 60.88957%;
    float: left;
    margin-right: 1.68712%;
  }

  .has-one-sidebar .grid-9 {
    width: 68.71166%;
    float: left;
    margin-right: 1.68712%;
  }

  .has-one-sidebar .grid-10 {
    width: 76.53374%;
    float: left;
    margin-right: 1.68712%;
  }

  .has-one-sidebar .grid-11 {
    width: 84.35583%;
    float: left;
    margin-right: 1.68712%;
  }

  .has-one-sidebar .grid-12 {
    width: 92.17791%;
    float: left;
    margin-right: 1.68712%;
  }

  .has-one-sidebar .grid-13 {
    width: 100%;
    float: left;
    margin-right: 1.68712%;
  }

  /* For-Schleife für die Definiton der Grid-Classes mit zwei Sidebars (has-two-sidebars) = 10 Spalten*/
  .has-two-sidebars .content-inner .grid-1 {
    width: 8.92857%;
    float: left;
    margin-right: 2.45536%;
  }

  .has-two-sidebars .content-inner .grid-2 {
    width: 20.3125%;
    float: left;
    margin-right: 2.45536%;
  }

  .has-two-sidebars .content-inner .grid-3 {
    width: 31.69643%;
    float: left;
    margin-right: 2.45536%;
  }

  .has-two-sidebars .content-inner .grid-4 {
    width: 43.08036%;
    float: left;
    margin-right: 2.45536%;
  }

  .has-two-sidebars .content-inner .grid-5 {
    width: 54.46429%;
    float: left;
    margin-right: 2.45536%;
  }

  .has-two-sidebars .content-inner .grid-6 {
    width: 65.84821%;
    float: left;
    margin-right: 2.45536%;
  }

  .has-two-sidebars .content-inner .grid-7 {
    width: 77.23214%;
    float: left;
    margin-right: 2.45536%;
  }

  .has-two-sidebars .content-inner .grid-8 {
    width: 88.61607%;
    float: left;
    margin-right: 2.45536%;
  }

  .has-two-sidebars .content-inner .grid-9 {
    width: 100%;
    float: left;
    margin-right: 2.45536%;
  }

  .has-two-sidebars .content-inner .grid-10 {
    width: 111.38393%;
    float: left;
    margin-right: 2.45536%;
  }

  /* For-Schleife für die Definiton der Grid-Classes innerhalb der Colorbox*/
  #colorbox .grid-1 {
    width: 8.01603%;
    float: left;
    margin-right: 2.20441%;
  }

  #colorbox .grid-2 {
    width: 18.23647%;
    float: left;
    margin-right: 2.20441%;
  }

  #colorbox .grid-3 {
    width: 28.45691%;
    float: left;
    margin-right: 2.20441%;
  }

  #colorbox .grid-4 {
    width: 38.67735%;
    float: left;
    margin-right: 2.20441%;
  }

  #colorbox .grid-5 {
    width: 48.8978%;
    float: left;
    margin-right: 2.20441%;
  }

  #colorbox .grid-6 {
    width: 59.11824%;
    float: left;
    margin-right: 2.20441%;
  }

  #colorbox .grid-7 {
    width: 69.33868%;
    float: left;
    margin-right: 2.20441%;
  }

  #colorbox .grid-8 {
    width: 79.55912%;
    float: left;
    margin-right: 2.20441%;
  }

  #colorbox .grid-9 {
    width: 89.77956%;
    float: left;
    margin-right: 2.20441%;
  }

  #colorbox .grid-10 {
    width: 100%;
    float: left;
    margin-right: 2.20441%;
  }

  .omega {
    float: right;
    margin-right: 0;
  }
}
/*******************************************************************************
 * -grid.scss
 * 
 * CSS Document fuer das Grundraster aller Elemente, basiert auf susy, 
 * wird in das wieland.layout.scss importiert
 ******************************************************************************/
/*Import */
/***********************************************************/
/*** Allgemeine Definitionen für das Layout ***/
/***********************************************************/
.l-main {
  *zoom: 1;
  width: 1280px;
  padding-left: 32px;
  padding-right: 32px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 16px;
}
.l-main:after {
  content: "";
  display: table;
  clear: both;
}
@media (min-width: 2px) {
  .l-main {
    padding: 0 32px;
  }
}

.grid-raster {
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(0%, rgba(100, 100, 225, 0.25)), color-stop(4.96894%, rgba(100, 100, 225, 0.25)), color-stop(4.96894%, rgba(0, 0, 0, 0)), color-stop(6.3354%, rgba(0, 0, 0, 0)), color-stop(6.3354%, rgba(100, 100, 225, 0.25)), color-stop(11.30435%, rgba(100, 100, 225, 0.25)), color-stop(11.30435%, rgba(0, 0, 0, 0)), color-stop(12.67081%, rgba(0, 0, 0, 0)), color-stop(12.67081%, rgba(100, 100, 225, 0.25)), color-stop(17.63975%, rgba(100, 100, 225, 0.25)), color-stop(17.63975%, rgba(0, 0, 0, 0)), color-stop(19.00621%, rgba(0, 0, 0, 0)), color-stop(19.00621%, rgba(100, 100, 225, 0.25)), color-stop(23.97516%, rgba(100, 100, 225, 0.25)), color-stop(23.97516%, rgba(0, 0, 0, 0)), color-stop(25.34161%, rgba(0, 0, 0, 0)), color-stop(25.34161%, rgba(100, 100, 225, 0.25)), color-stop(30.31056%, rgba(100, 100, 225, 0.25)), color-stop(30.31056%, rgba(0, 0, 0, 0)), color-stop(31.67702%, rgba(0, 0, 0, 0)), color-stop(31.67702%, rgba(100, 100, 225, 0.25)), color-stop(36.64596%, rgba(100, 100, 225, 0.25)), color-stop(36.64596%, rgba(0, 0, 0, 0)), color-stop(38.01242%, rgba(0, 0, 0, 0)), color-stop(38.01242%, rgba(100, 100, 225, 0.25)), color-stop(42.98137%, rgba(100, 100, 225, 0.25)), color-stop(42.98137%, rgba(0, 0, 0, 0)), color-stop(44.34783%, rgba(0, 0, 0, 0)), color-stop(44.34783%, rgba(100, 100, 225, 0.25)), color-stop(49.31677%, rgba(100, 100, 225, 0.25)), color-stop(49.31677%, rgba(0, 0, 0, 0)), color-stop(50.68323%, rgba(0, 0, 0, 0)), color-stop(50.68323%, rgba(100, 100, 225, 0.25)), color-stop(55.65217%, rgba(100, 100, 225, 0.25)), color-stop(55.65217%, rgba(0, 0, 0, 0)), color-stop(57.01863%, rgba(0, 0, 0, 0)), color-stop(57.01863%, rgba(100, 100, 225, 0.25)), color-stop(61.98758%, rgba(100, 100, 225, 0.25)), color-stop(61.98758%, rgba(0, 0, 0, 0)), color-stop(63.35404%, rgba(0, 0, 0, 0)), color-stop(63.35404%, rgba(100, 100, 225, 0.25)), color-stop(68.32298%, rgba(100, 100, 225, 0.25)), color-stop(68.32298%, rgba(0, 0, 0, 0)), color-stop(69.68944%, rgba(0, 0, 0, 0)), color-stop(69.68944%, rgba(100, 100, 225, 0.25)), color-stop(74.65839%, rgba(100, 100, 225, 0.25)), color-stop(74.65839%, rgba(0, 0, 0, 0)), color-stop(76.02484%, rgba(0, 0, 0, 0)), color-stop(76.02484%, rgba(100, 100, 225, 0.25)), color-stop(80.99379%, rgba(100, 100, 225, 0.25)), color-stop(80.99379%, rgba(0, 0, 0, 0)), color-stop(82.36025%, rgba(0, 0, 0, 0)), color-stop(82.36025%, rgba(100, 100, 225, 0.25)), color-stop(87.32919%, rgba(100, 100, 225, 0.25)), color-stop(87.32919%, rgba(0, 0, 0, 0)), color-stop(88.69565%, rgba(0, 0, 0, 0)), color-stop(88.69565%, rgba(100, 100, 225, 0.25)), color-stop(93.6646%, rgba(100, 100, 225, 0.25)), color-stop(93.6646%, rgba(0, 0, 0, 0)), color-stop(95.03106%, rgba(0, 0, 0, 0)), color-stop(95.03106%, rgba(100, 100, 225, 0.25)), color-stop(100%, rgba(100, 100, 225, 0.25)), color-stop(100%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 4.96894%, rgba(0, 0, 0, 0) 4.96894%, rgba(0, 0, 0, 0) 6.3354%, rgba(100, 100, 225, 0.25) 6.3354%, rgba(100, 100, 225, 0.25) 11.30435%, rgba(0, 0, 0, 0) 11.30435%, rgba(0, 0, 0, 0) 12.67081%, rgba(100, 100, 225, 0.25) 12.67081%, rgba(100, 100, 225, 0.25) 17.63975%, rgba(0, 0, 0, 0) 17.63975%, rgba(0, 0, 0, 0) 19.00621%, rgba(100, 100, 225, 0.25) 19.00621%, rgba(100, 100, 225, 0.25) 23.97516%, rgba(0, 0, 0, 0) 23.97516%, rgba(0, 0, 0, 0) 25.34161%, rgba(100, 100, 225, 0.25) 25.34161%, rgba(100, 100, 225, 0.25) 30.31056%, rgba(0, 0, 0, 0) 30.31056%, rgba(0, 0, 0, 0) 31.67702%, rgba(100, 100, 225, 0.25) 31.67702%, rgba(100, 100, 225, 0.25) 36.64596%, rgba(0, 0, 0, 0) 36.64596%, rgba(0, 0, 0, 0) 38.01242%, rgba(100, 100, 225, 0.25) 38.01242%, rgba(100, 100, 225, 0.25) 42.98137%, rgba(0, 0, 0, 0) 42.98137%, rgba(0, 0, 0, 0) 44.34783%, rgba(100, 100, 225, 0.25) 44.34783%, rgba(100, 100, 225, 0.25) 49.31677%, rgba(0, 0, 0, 0) 49.31677%, rgba(0, 0, 0, 0) 50.68323%, rgba(100, 100, 225, 0.25) 50.68323%, rgba(100, 100, 225, 0.25) 55.65217%, rgba(0, 0, 0, 0) 55.65217%, rgba(0, 0, 0, 0) 57.01863%, rgba(100, 100, 225, 0.25) 57.01863%, rgba(100, 100, 225, 0.25) 61.98758%, rgba(0, 0, 0, 0) 61.98758%, rgba(0, 0, 0, 0) 63.35404%, rgba(100, 100, 225, 0.25) 63.35404%, rgba(100, 100, 225, 0.25) 68.32298%, rgba(0, 0, 0, 0) 68.32298%, rgba(0, 0, 0, 0) 69.68944%, rgba(100, 100, 225, 0.25) 69.68944%, rgba(100, 100, 225, 0.25) 74.65839%, rgba(0, 0, 0, 0) 74.65839%, rgba(0, 0, 0, 0) 76.02484%, rgba(100, 100, 225, 0.25) 76.02484%, rgba(100, 100, 225, 0.25) 80.99379%, rgba(0, 0, 0, 0) 80.99379%, rgba(0, 0, 0, 0) 82.36025%, rgba(100, 100, 225, 0.25) 82.36025%, rgba(100, 100, 225, 0.25) 87.32919%, rgba(0, 0, 0, 0) 87.32919%, rgba(0, 0, 0, 0) 88.69565%, rgba(100, 100, 225, 0.25) 88.69565%, rgba(100, 100, 225, 0.25) 93.6646%, rgba(0, 0, 0, 0) 93.6646%, rgba(0, 0, 0, 0) 95.03106%, rgba(100, 100, 225, 0.25) 95.03106%, rgba(100, 100, 225, 0.25) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 4.96894%, rgba(0, 0, 0, 0) 4.96894%, rgba(0, 0, 0, 0) 6.3354%, rgba(100, 100, 225, 0.25) 6.3354%, rgba(100, 100, 225, 0.25) 11.30435%, rgba(0, 0, 0, 0) 11.30435%, rgba(0, 0, 0, 0) 12.67081%, rgba(100, 100, 225, 0.25) 12.67081%, rgba(100, 100, 225, 0.25) 17.63975%, rgba(0, 0, 0, 0) 17.63975%, rgba(0, 0, 0, 0) 19.00621%, rgba(100, 100, 225, 0.25) 19.00621%, rgba(100, 100, 225, 0.25) 23.97516%, rgba(0, 0, 0, 0) 23.97516%, rgba(0, 0, 0, 0) 25.34161%, rgba(100, 100, 225, 0.25) 25.34161%, rgba(100, 100, 225, 0.25) 30.31056%, rgba(0, 0, 0, 0) 30.31056%, rgba(0, 0, 0, 0) 31.67702%, rgba(100, 100, 225, 0.25) 31.67702%, rgba(100, 100, 225, 0.25) 36.64596%, rgba(0, 0, 0, 0) 36.64596%, rgba(0, 0, 0, 0) 38.01242%, rgba(100, 100, 225, 0.25) 38.01242%, rgba(100, 100, 225, 0.25) 42.98137%, rgba(0, 0, 0, 0) 42.98137%, rgba(0, 0, 0, 0) 44.34783%, rgba(100, 100, 225, 0.25) 44.34783%, rgba(100, 100, 225, 0.25) 49.31677%, rgba(0, 0, 0, 0) 49.31677%, rgba(0, 0, 0, 0) 50.68323%, rgba(100, 100, 225, 0.25) 50.68323%, rgba(100, 100, 225, 0.25) 55.65217%, rgba(0, 0, 0, 0) 55.65217%, rgba(0, 0, 0, 0) 57.01863%, rgba(100, 100, 225, 0.25) 57.01863%, rgba(100, 100, 225, 0.25) 61.98758%, rgba(0, 0, 0, 0) 61.98758%, rgba(0, 0, 0, 0) 63.35404%, rgba(100, 100, 225, 0.25) 63.35404%, rgba(100, 100, 225, 0.25) 68.32298%, rgba(0, 0, 0, 0) 68.32298%, rgba(0, 0, 0, 0) 69.68944%, rgba(100, 100, 225, 0.25) 69.68944%, rgba(100, 100, 225, 0.25) 74.65839%, rgba(0, 0, 0, 0) 74.65839%, rgba(0, 0, 0, 0) 76.02484%, rgba(100, 100, 225, 0.25) 76.02484%, rgba(100, 100, 225, 0.25) 80.99379%, rgba(0, 0, 0, 0) 80.99379%, rgba(0, 0, 0, 0) 82.36025%, rgba(100, 100, 225, 0.25) 82.36025%, rgba(100, 100, 225, 0.25) 87.32919%, rgba(0, 0, 0, 0) 87.32919%, rgba(0, 0, 0, 0) 88.69565%, rgba(100, 100, 225, 0.25) 88.69565%, rgba(100, 100, 225, 0.25) 93.6646%, rgba(0, 0, 0, 0) 93.6646%, rgba(0, 0, 0, 0) 95.03106%, rgba(100, 100, 225, 0.25) 95.03106%, rgba(100, 100, 225, 0.25) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 4.96894%, rgba(0, 0, 0, 0) 4.96894%, rgba(0, 0, 0, 0) 6.3354%, rgba(100, 100, 225, 0.25) 6.3354%, rgba(100, 100, 225, 0.25) 11.30435%, rgba(0, 0, 0, 0) 11.30435%, rgba(0, 0, 0, 0) 12.67081%, rgba(100, 100, 225, 0.25) 12.67081%, rgba(100, 100, 225, 0.25) 17.63975%, rgba(0, 0, 0, 0) 17.63975%, rgba(0, 0, 0, 0) 19.00621%, rgba(100, 100, 225, 0.25) 19.00621%, rgba(100, 100, 225, 0.25) 23.97516%, rgba(0, 0, 0, 0) 23.97516%, rgba(0, 0, 0, 0) 25.34161%, rgba(100, 100, 225, 0.25) 25.34161%, rgba(100, 100, 225, 0.25) 30.31056%, rgba(0, 0, 0, 0) 30.31056%, rgba(0, 0, 0, 0) 31.67702%, rgba(100, 100, 225, 0.25) 31.67702%, rgba(100, 100, 225, 0.25) 36.64596%, rgba(0, 0, 0, 0) 36.64596%, rgba(0, 0, 0, 0) 38.01242%, rgba(100, 100, 225, 0.25) 38.01242%, rgba(100, 100, 225, 0.25) 42.98137%, rgba(0, 0, 0, 0) 42.98137%, rgba(0, 0, 0, 0) 44.34783%, rgba(100, 100, 225, 0.25) 44.34783%, rgba(100, 100, 225, 0.25) 49.31677%, rgba(0, 0, 0, 0) 49.31677%, rgba(0, 0, 0, 0) 50.68323%, rgba(100, 100, 225, 0.25) 50.68323%, rgba(100, 100, 225, 0.25) 55.65217%, rgba(0, 0, 0, 0) 55.65217%, rgba(0, 0, 0, 0) 57.01863%, rgba(100, 100, 225, 0.25) 57.01863%, rgba(100, 100, 225, 0.25) 61.98758%, rgba(0, 0, 0, 0) 61.98758%, rgba(0, 0, 0, 0) 63.35404%, rgba(100, 100, 225, 0.25) 63.35404%, rgba(100, 100, 225, 0.25) 68.32298%, rgba(0, 0, 0, 0) 68.32298%, rgba(0, 0, 0, 0) 69.68944%, rgba(100, 100, 225, 0.25) 69.68944%, rgba(100, 100, 225, 0.25) 74.65839%, rgba(0, 0, 0, 0) 74.65839%, rgba(0, 0, 0, 0) 76.02484%, rgba(100, 100, 225, 0.25) 76.02484%, rgba(100, 100, 225, 0.25) 80.99379%, rgba(0, 0, 0, 0) 80.99379%, rgba(0, 0, 0, 0) 82.36025%, rgba(100, 100, 225, 0.25) 82.36025%, rgba(100, 100, 225, 0.25) 87.32919%, rgba(0, 0, 0, 0) 87.32919%, rgba(0, 0, 0, 0) 88.69565%, rgba(100, 100, 225, 0.25) 88.69565%, rgba(100, 100, 225, 0.25) 93.6646%, rgba(0, 0, 0, 0) 93.6646%, rgba(0, 0, 0, 0) 95.03106%, rgba(100, 100, 225, 0.25) 95.03106%, rgba(100, 100, 225, 0.25) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 4.96894%, rgba(0, 0, 0, 0) 4.96894%, rgba(0, 0, 0, 0) 6.3354%, rgba(100, 100, 225, 0.25) 6.3354%, rgba(100, 100, 225, 0.25) 11.30435%, rgba(0, 0, 0, 0) 11.30435%, rgba(0, 0, 0, 0) 12.67081%, rgba(100, 100, 225, 0.25) 12.67081%, rgba(100, 100, 225, 0.25) 17.63975%, rgba(0, 0, 0, 0) 17.63975%, rgba(0, 0, 0, 0) 19.00621%, rgba(100, 100, 225, 0.25) 19.00621%, rgba(100, 100, 225, 0.25) 23.97516%, rgba(0, 0, 0, 0) 23.97516%, rgba(0, 0, 0, 0) 25.34161%, rgba(100, 100, 225, 0.25) 25.34161%, rgba(100, 100, 225, 0.25) 30.31056%, rgba(0, 0, 0, 0) 30.31056%, rgba(0, 0, 0, 0) 31.67702%, rgba(100, 100, 225, 0.25) 31.67702%, rgba(100, 100, 225, 0.25) 36.64596%, rgba(0, 0, 0, 0) 36.64596%, rgba(0, 0, 0, 0) 38.01242%, rgba(100, 100, 225, 0.25) 38.01242%, rgba(100, 100, 225, 0.25) 42.98137%, rgba(0, 0, 0, 0) 42.98137%, rgba(0, 0, 0, 0) 44.34783%, rgba(100, 100, 225, 0.25) 44.34783%, rgba(100, 100, 225, 0.25) 49.31677%, rgba(0, 0, 0, 0) 49.31677%, rgba(0, 0, 0, 0) 50.68323%, rgba(100, 100, 225, 0.25) 50.68323%, rgba(100, 100, 225, 0.25) 55.65217%, rgba(0, 0, 0, 0) 55.65217%, rgba(0, 0, 0, 0) 57.01863%, rgba(100, 100, 225, 0.25) 57.01863%, rgba(100, 100, 225, 0.25) 61.98758%, rgba(0, 0, 0, 0) 61.98758%, rgba(0, 0, 0, 0) 63.35404%, rgba(100, 100, 225, 0.25) 63.35404%, rgba(100, 100, 225, 0.25) 68.32298%, rgba(0, 0, 0, 0) 68.32298%, rgba(0, 0, 0, 0) 69.68944%, rgba(100, 100, 225, 0.25) 69.68944%, rgba(100, 100, 225, 0.25) 74.65839%, rgba(0, 0, 0, 0) 74.65839%, rgba(0, 0, 0, 0) 76.02484%, rgba(100, 100, 225, 0.25) 76.02484%, rgba(100, 100, 225, 0.25) 80.99379%, rgba(0, 0, 0, 0) 80.99379%, rgba(0, 0, 0, 0) 82.36025%, rgba(100, 100, 225, 0.25) 82.36025%, rgba(100, 100, 225, 0.25) 87.32919%, rgba(0, 0, 0, 0) 87.32919%, rgba(0, 0, 0, 0) 88.69565%, rgba(100, 100, 225, 0.25) 88.69565%, rgba(100, 100, 225, 0.25) 93.6646%, rgba(0, 0, 0, 0) 93.6646%, rgba(0, 0, 0, 0) 95.03106%, rgba(100, 100, 225, 0.25) 95.03106%, rgba(100, 100, 225, 0.25) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
  background-position: left top;
  -webkit-background-origin: content;
  -moz-background-origin: content;
  -ms-background-origin: content-box;
  -o-background-origin: content-box;
  background-origin: content-box;
  -webkit-background-clip: content-box;
  -moz-background-clip: content-box;
  background-clip: content-box;
  /*eingeblendet lassen*/
}

.l-header {
  width: 1280px;
  *zoom: 1;
  width: 1280px;
  padding-left: 32px;
  padding-right: 32px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 16px;
}
.l-header:after {
  content: "";
  display: table;
  clear: both;
}
@media (min-width: 2px) {
  .l-header {
    padding: 0 32px;
  }
}

.l-footer {
  width: 1280px;
  *zoom: 1;
  width: 1280px;
  padding-left: 32px;
  padding-right: 32px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 16px;
}
.l-footer:after {
  content: "";
  display: table;
  clear: both;
}
@media (min-width: 2px) {
  .l-footer {
    padding: 0 32px;
  }
}

.l-preface {
  width: 1280px;
}
@media (min-width: 2px) {
  .l-preface {
    padding: 0;
  }
}

.l-postscript-first {
  width: 1280px;
  *zoom: 1;
  width: 1280px;
  padding-left: 32px;
  padding-right: 32px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 16px;
}
.l-postscript-first:after {
  content: "";
  display: table;
  clear: both;
}
@media (min-width: 2px) {
  .l-postscript-first {
    padding: 0 32px;
  }
}

.l-postscript-second {
  width: 1280px;
  *zoom: 1;
  width: 1280px;
  padding-left: 32px;
  padding-right: 32px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 16px;
}
.l-postscript-second:after {
  content: "";
  display: table;
  clear: both;
}
@media (min-width: 2px) {
  .l-postscript-second {
    padding: 0 32px;
  }
}

/***********************************************************/
/***********************************************************/
/*** Mobil Layout ***/
/***********************************************************/
/***********************************************************/
/***********************************************************/
/*** Kopfbereich ***/
/***********************************************************/
/* Meta-Navigation */
.l-meta-navigation {
  width: 100%;
  float: right;
  margin-right: 0;
  #margin-left: -1.1em;
  display: inline;
  margin-bottom: 16px;
  display: none;
}

/* Branding */
.l-branding {
  width: 100%;
  float: right;
  margin-right: 0;
  #margin-left: -1.1em;
  display: inline;
  /* Innere Aufteilung */
}

/* Hauptnavigation */
.l-main-navigation {
  /* Innere Aufteilung */
}
.l-main-navigation #superfish {
  display: none;
}
.l-main-navigation #search-button {
  display: none;
}

/***********************************************************/
/*** Inhaltsbereich ***/
/***********************************************************/
.l-main {
  margin-bottom: 16px;
}

.l-breadcrumbs {
  display: none;
}

.has-sidebar-first .l-region-sidebar-first {
  display: none;
}

.l-region-sidebar-second {
  clear: left;
}

/***********************************************************/
/*** Fußbereich ***/
/***********************************************************/
.l-footer {
  height: auto;
}

/***********************************************************/
/***********************************************************/
/*** Tablet Hochformat ***/
/***********************************************************/
/***********************************************************/
@media (min-width: 0px) {
  .grid-raster {
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(0%, rgba(100, 100, 225, 0.25)), color-stop(6.65557%, rgba(100, 100, 225, 0.25)), color-stop(6.65557%, rgba(0, 0, 0, 0)), color-stop(8.48586%, rgba(0, 0, 0, 0)), color-stop(8.48586%, rgba(100, 100, 225, 0.25)), color-stop(15.14143%, rgba(100, 100, 225, 0.25)), color-stop(15.14143%, rgba(0, 0, 0, 0)), color-stop(16.97171%, rgba(0, 0, 0, 0)), color-stop(16.97171%, rgba(100, 100, 225, 0.25)), color-stop(23.62729%, rgba(100, 100, 225, 0.25)), color-stop(23.62729%, rgba(0, 0, 0, 0)), color-stop(25.45757%, rgba(0, 0, 0, 0)), color-stop(25.45757%, rgba(100, 100, 225, 0.25)), color-stop(32.11314%, rgba(100, 100, 225, 0.25)), color-stop(32.11314%, rgba(0, 0, 0, 0)), color-stop(33.94343%, rgba(0, 0, 0, 0)), color-stop(33.94343%, rgba(100, 100, 225, 0.25)), color-stop(40.599%, rgba(100, 100, 225, 0.25)), color-stop(40.599%, rgba(0, 0, 0, 0)), color-stop(42.42928%, rgba(0, 0, 0, 0)), color-stop(42.42928%, rgba(100, 100, 225, 0.25)), color-stop(49.08486%, rgba(100, 100, 225, 0.25)), color-stop(49.08486%, rgba(0, 0, 0, 0)), color-stop(50.91514%, rgba(0, 0, 0, 0)), color-stop(50.91514%, rgba(100, 100, 225, 0.25)), color-stop(57.57072%, rgba(100, 100, 225, 0.25)), color-stop(57.57072%, rgba(0, 0, 0, 0)), color-stop(59.401%, rgba(0, 0, 0, 0)), color-stop(59.401%, rgba(100, 100, 225, 0.25)), color-stop(66.05657%, rgba(100, 100, 225, 0.25)), color-stop(66.05657%, rgba(0, 0, 0, 0)), color-stop(67.88686%, rgba(0, 0, 0, 0)), color-stop(67.88686%, rgba(100, 100, 225, 0.25)), color-stop(74.54243%, rgba(100, 100, 225, 0.25)), color-stop(74.54243%, rgba(0, 0, 0, 0)), color-stop(76.37271%, rgba(0, 0, 0, 0)), color-stop(76.37271%, rgba(100, 100, 225, 0.25)), color-stop(83.02829%, rgba(100, 100, 225, 0.25)), color-stop(83.02829%, rgba(0, 0, 0, 0)), color-stop(84.85857%, rgba(0, 0, 0, 0)), color-stop(84.85857%, rgba(100, 100, 225, 0.25)), color-stop(91.51414%, rgba(100, 100, 225, 0.25)), color-stop(91.51414%, rgba(0, 0, 0, 0)), color-stop(93.34443%, rgba(0, 0, 0, 0)), color-stop(93.34443%, rgba(100, 100, 225, 0.25)), color-stop(100.0%, rgba(100, 100, 225, 0.25)), color-stop(100.0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 6.65557%, rgba(0, 0, 0, 0) 6.65557%, rgba(0, 0, 0, 0) 8.48586%, rgba(100, 100, 225, 0.25) 8.48586%, rgba(100, 100, 225, 0.25) 15.14143%, rgba(0, 0, 0, 0) 15.14143%, rgba(0, 0, 0, 0) 16.97171%, rgba(100, 100, 225, 0.25) 16.97171%, rgba(100, 100, 225, 0.25) 23.62729%, rgba(0, 0, 0, 0) 23.62729%, rgba(0, 0, 0, 0) 25.45757%, rgba(100, 100, 225, 0.25) 25.45757%, rgba(100, 100, 225, 0.25) 32.11314%, rgba(0, 0, 0, 0) 32.11314%, rgba(0, 0, 0, 0) 33.94343%, rgba(100, 100, 225, 0.25) 33.94343%, rgba(100, 100, 225, 0.25) 40.599%, rgba(0, 0, 0, 0) 40.599%, rgba(0, 0, 0, 0) 42.42928%, rgba(100, 100, 225, 0.25) 42.42928%, rgba(100, 100, 225, 0.25) 49.08486%, rgba(0, 0, 0, 0) 49.08486%, rgba(0, 0, 0, 0) 50.91514%, rgba(100, 100, 225, 0.25) 50.91514%, rgba(100, 100, 225, 0.25) 57.57072%, rgba(0, 0, 0, 0) 57.57072%, rgba(0, 0, 0, 0) 59.401%, rgba(100, 100, 225, 0.25) 59.401%, rgba(100, 100, 225, 0.25) 66.05657%, rgba(0, 0, 0, 0) 66.05657%, rgba(0, 0, 0, 0) 67.88686%, rgba(100, 100, 225, 0.25) 67.88686%, rgba(100, 100, 225, 0.25) 74.54243%, rgba(0, 0, 0, 0) 74.54243%, rgba(0, 0, 0, 0) 76.37271%, rgba(100, 100, 225, 0.25) 76.37271%, rgba(100, 100, 225, 0.25) 83.02829%, rgba(0, 0, 0, 0) 83.02829%, rgba(0, 0, 0, 0) 84.85857%, rgba(100, 100, 225, 0.25) 84.85857%, rgba(100, 100, 225, 0.25) 91.51414%, rgba(0, 0, 0, 0) 91.51414%, rgba(0, 0, 0, 0) 93.34443%, rgba(100, 100, 225, 0.25) 93.34443%, rgba(100, 100, 225, 0.25) 100.0%, rgba(0, 0, 0, 0) 100.0%, rgba(0, 0, 0, 0) 100%);
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 6.65557%, rgba(0, 0, 0, 0) 6.65557%, rgba(0, 0, 0, 0) 8.48586%, rgba(100, 100, 225, 0.25) 8.48586%, rgba(100, 100, 225, 0.25) 15.14143%, rgba(0, 0, 0, 0) 15.14143%, rgba(0, 0, 0, 0) 16.97171%, rgba(100, 100, 225, 0.25) 16.97171%, rgba(100, 100, 225, 0.25) 23.62729%, rgba(0, 0, 0, 0) 23.62729%, rgba(0, 0, 0, 0) 25.45757%, rgba(100, 100, 225, 0.25) 25.45757%, rgba(100, 100, 225, 0.25) 32.11314%, rgba(0, 0, 0, 0) 32.11314%, rgba(0, 0, 0, 0) 33.94343%, rgba(100, 100, 225, 0.25) 33.94343%, rgba(100, 100, 225, 0.25) 40.599%, rgba(0, 0, 0, 0) 40.599%, rgba(0, 0, 0, 0) 42.42928%, rgba(100, 100, 225, 0.25) 42.42928%, rgba(100, 100, 225, 0.25) 49.08486%, rgba(0, 0, 0, 0) 49.08486%, rgba(0, 0, 0, 0) 50.91514%, rgba(100, 100, 225, 0.25) 50.91514%, rgba(100, 100, 225, 0.25) 57.57072%, rgba(0, 0, 0, 0) 57.57072%, rgba(0, 0, 0, 0) 59.401%, rgba(100, 100, 225, 0.25) 59.401%, rgba(100, 100, 225, 0.25) 66.05657%, rgba(0, 0, 0, 0) 66.05657%, rgba(0, 0, 0, 0) 67.88686%, rgba(100, 100, 225, 0.25) 67.88686%, rgba(100, 100, 225, 0.25) 74.54243%, rgba(0, 0, 0, 0) 74.54243%, rgba(0, 0, 0, 0) 76.37271%, rgba(100, 100, 225, 0.25) 76.37271%, rgba(100, 100, 225, 0.25) 83.02829%, rgba(0, 0, 0, 0) 83.02829%, rgba(0, 0, 0, 0) 84.85857%, rgba(100, 100, 225, 0.25) 84.85857%, rgba(100, 100, 225, 0.25) 91.51414%, rgba(0, 0, 0, 0) 91.51414%, rgba(0, 0, 0, 0) 93.34443%, rgba(100, 100, 225, 0.25) 93.34443%, rgba(100, 100, 225, 0.25) 100.0%, rgba(0, 0, 0, 0) 100.0%, rgba(0, 0, 0, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 6.65557%, rgba(0, 0, 0, 0) 6.65557%, rgba(0, 0, 0, 0) 8.48586%, rgba(100, 100, 225, 0.25) 8.48586%, rgba(100, 100, 225, 0.25) 15.14143%, rgba(0, 0, 0, 0) 15.14143%, rgba(0, 0, 0, 0) 16.97171%, rgba(100, 100, 225, 0.25) 16.97171%, rgba(100, 100, 225, 0.25) 23.62729%, rgba(0, 0, 0, 0) 23.62729%, rgba(0, 0, 0, 0) 25.45757%, rgba(100, 100, 225, 0.25) 25.45757%, rgba(100, 100, 225, 0.25) 32.11314%, rgba(0, 0, 0, 0) 32.11314%, rgba(0, 0, 0, 0) 33.94343%, rgba(100, 100, 225, 0.25) 33.94343%, rgba(100, 100, 225, 0.25) 40.599%, rgba(0, 0, 0, 0) 40.599%, rgba(0, 0, 0, 0) 42.42928%, rgba(100, 100, 225, 0.25) 42.42928%, rgba(100, 100, 225, 0.25) 49.08486%, rgba(0, 0, 0, 0) 49.08486%, rgba(0, 0, 0, 0) 50.91514%, rgba(100, 100, 225, 0.25) 50.91514%, rgba(100, 100, 225, 0.25) 57.57072%, rgba(0, 0, 0, 0) 57.57072%, rgba(0, 0, 0, 0) 59.401%, rgba(100, 100, 225, 0.25) 59.401%, rgba(100, 100, 225, 0.25) 66.05657%, rgba(0, 0, 0, 0) 66.05657%, rgba(0, 0, 0, 0) 67.88686%, rgba(100, 100, 225, 0.25) 67.88686%, rgba(100, 100, 225, 0.25) 74.54243%, rgba(0, 0, 0, 0) 74.54243%, rgba(0, 0, 0, 0) 76.37271%, rgba(100, 100, 225, 0.25) 76.37271%, rgba(100, 100, 225, 0.25) 83.02829%, rgba(0, 0, 0, 0) 83.02829%, rgba(0, 0, 0, 0) 84.85857%, rgba(100, 100, 225, 0.25) 84.85857%, rgba(100, 100, 225, 0.25) 91.51414%, rgba(0, 0, 0, 0) 91.51414%, rgba(0, 0, 0, 0) 93.34443%, rgba(100, 100, 225, 0.25) 93.34443%, rgba(100, 100, 225, 0.25) 100.0%, rgba(0, 0, 0, 0) 100.0%, rgba(0, 0, 0, 0) 100%);
    background-image: linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 6.65557%, rgba(0, 0, 0, 0) 6.65557%, rgba(0, 0, 0, 0) 8.48586%, rgba(100, 100, 225, 0.25) 8.48586%, rgba(100, 100, 225, 0.25) 15.14143%, rgba(0, 0, 0, 0) 15.14143%, rgba(0, 0, 0, 0) 16.97171%, rgba(100, 100, 225, 0.25) 16.97171%, rgba(100, 100, 225, 0.25) 23.62729%, rgba(0, 0, 0, 0) 23.62729%, rgba(0, 0, 0, 0) 25.45757%, rgba(100, 100, 225, 0.25) 25.45757%, rgba(100, 100, 225, 0.25) 32.11314%, rgba(0, 0, 0, 0) 32.11314%, rgba(0, 0, 0, 0) 33.94343%, rgba(100, 100, 225, 0.25) 33.94343%, rgba(100, 100, 225, 0.25) 40.599%, rgba(0, 0, 0, 0) 40.599%, rgba(0, 0, 0, 0) 42.42928%, rgba(100, 100, 225, 0.25) 42.42928%, rgba(100, 100, 225, 0.25) 49.08486%, rgba(0, 0, 0, 0) 49.08486%, rgba(0, 0, 0, 0) 50.91514%, rgba(100, 100, 225, 0.25) 50.91514%, rgba(100, 100, 225, 0.25) 57.57072%, rgba(0, 0, 0, 0) 57.57072%, rgba(0, 0, 0, 0) 59.401%, rgba(100, 100, 225, 0.25) 59.401%, rgba(100, 100, 225, 0.25) 66.05657%, rgba(0, 0, 0, 0) 66.05657%, rgba(0, 0, 0, 0) 67.88686%, rgba(100, 100, 225, 0.25) 67.88686%, rgba(100, 100, 225, 0.25) 74.54243%, rgba(0, 0, 0, 0) 74.54243%, rgba(0, 0, 0, 0) 76.37271%, rgba(100, 100, 225, 0.25) 76.37271%, rgba(100, 100, 225, 0.25) 83.02829%, rgba(0, 0, 0, 0) 83.02829%, rgba(0, 0, 0, 0) 84.85857%, rgba(100, 100, 225, 0.25) 84.85857%, rgba(100, 100, 225, 0.25) 91.51414%, rgba(0, 0, 0, 0) 91.51414%, rgba(0, 0, 0, 0) 93.34443%, rgba(100, 100, 225, 0.25) 93.34443%, rgba(100, 100, 225, 0.25) 100.0%, rgba(0, 0, 0, 0) 100.0%, rgba(0, 0, 0, 0) 100%);
    background-position: left top;
    -webkit-background-origin: content;
    -moz-background-origin: content;
    -ms-background-origin: content-box;
    -o-background-origin: content-box;
    background-origin: content-box;
    -webkit-background-clip: content-box;
    -moz-background-clip: content-box;
    background-clip: content-box;
    /*eingeblendet lassen*/
  }

  .landingpage .has-two-sidebars .l-content {
    width: 74.3073%;
    float: left;
    margin-right: 2.77078%;
    margin-left: 25.6927%;
  }
  .landingpage .has-two-sidebars .l-region-sidebar-first {
    display: block !important;
    width: 22.92191%;
    float: left;
    margin-right: 2.77078%;
    margin-left: -102.77078%;
  }
}
/***********************************************************/
/***********************************************************/
/*** Tablet Layout ***/
/***********************************************************/
/***********************************************************/
@media (min-width: 0px) {
  .grid-raster {
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(0%, rgba(100, 100, 225, 0.25)), color-stop(6.65557%, rgba(100, 100, 225, 0.25)), color-stop(6.65557%, rgba(0, 0, 0, 0)), color-stop(8.48586%, rgba(0, 0, 0, 0)), color-stop(8.48586%, rgba(100, 100, 225, 0.25)), color-stop(15.14143%, rgba(100, 100, 225, 0.25)), color-stop(15.14143%, rgba(0, 0, 0, 0)), color-stop(16.97171%, rgba(0, 0, 0, 0)), color-stop(16.97171%, rgba(100, 100, 225, 0.25)), color-stop(23.62729%, rgba(100, 100, 225, 0.25)), color-stop(23.62729%, rgba(0, 0, 0, 0)), color-stop(25.45757%, rgba(0, 0, 0, 0)), color-stop(25.45757%, rgba(100, 100, 225, 0.25)), color-stop(32.11314%, rgba(100, 100, 225, 0.25)), color-stop(32.11314%, rgba(0, 0, 0, 0)), color-stop(33.94343%, rgba(0, 0, 0, 0)), color-stop(33.94343%, rgba(100, 100, 225, 0.25)), color-stop(40.599%, rgba(100, 100, 225, 0.25)), color-stop(40.599%, rgba(0, 0, 0, 0)), color-stop(42.42928%, rgba(0, 0, 0, 0)), color-stop(42.42928%, rgba(100, 100, 225, 0.25)), color-stop(49.08486%, rgba(100, 100, 225, 0.25)), color-stop(49.08486%, rgba(0, 0, 0, 0)), color-stop(50.91514%, rgba(0, 0, 0, 0)), color-stop(50.91514%, rgba(100, 100, 225, 0.25)), color-stop(57.57072%, rgba(100, 100, 225, 0.25)), color-stop(57.57072%, rgba(0, 0, 0, 0)), color-stop(59.401%, rgba(0, 0, 0, 0)), color-stop(59.401%, rgba(100, 100, 225, 0.25)), color-stop(66.05657%, rgba(100, 100, 225, 0.25)), color-stop(66.05657%, rgba(0, 0, 0, 0)), color-stop(67.88686%, rgba(0, 0, 0, 0)), color-stop(67.88686%, rgba(100, 100, 225, 0.25)), color-stop(74.54243%, rgba(100, 100, 225, 0.25)), color-stop(74.54243%, rgba(0, 0, 0, 0)), color-stop(76.37271%, rgba(0, 0, 0, 0)), color-stop(76.37271%, rgba(100, 100, 225, 0.25)), color-stop(83.02829%, rgba(100, 100, 225, 0.25)), color-stop(83.02829%, rgba(0, 0, 0, 0)), color-stop(84.85857%, rgba(0, 0, 0, 0)), color-stop(84.85857%, rgba(100, 100, 225, 0.25)), color-stop(91.51414%, rgba(100, 100, 225, 0.25)), color-stop(91.51414%, rgba(0, 0, 0, 0)), color-stop(93.34443%, rgba(0, 0, 0, 0)), color-stop(93.34443%, rgba(100, 100, 225, 0.25)), color-stop(100.0%, rgba(100, 100, 225, 0.25)), color-stop(100.0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 6.65557%, rgba(0, 0, 0, 0) 6.65557%, rgba(0, 0, 0, 0) 8.48586%, rgba(100, 100, 225, 0.25) 8.48586%, rgba(100, 100, 225, 0.25) 15.14143%, rgba(0, 0, 0, 0) 15.14143%, rgba(0, 0, 0, 0) 16.97171%, rgba(100, 100, 225, 0.25) 16.97171%, rgba(100, 100, 225, 0.25) 23.62729%, rgba(0, 0, 0, 0) 23.62729%, rgba(0, 0, 0, 0) 25.45757%, rgba(100, 100, 225, 0.25) 25.45757%, rgba(100, 100, 225, 0.25) 32.11314%, rgba(0, 0, 0, 0) 32.11314%, rgba(0, 0, 0, 0) 33.94343%, rgba(100, 100, 225, 0.25) 33.94343%, rgba(100, 100, 225, 0.25) 40.599%, rgba(0, 0, 0, 0) 40.599%, rgba(0, 0, 0, 0) 42.42928%, rgba(100, 100, 225, 0.25) 42.42928%, rgba(100, 100, 225, 0.25) 49.08486%, rgba(0, 0, 0, 0) 49.08486%, rgba(0, 0, 0, 0) 50.91514%, rgba(100, 100, 225, 0.25) 50.91514%, rgba(100, 100, 225, 0.25) 57.57072%, rgba(0, 0, 0, 0) 57.57072%, rgba(0, 0, 0, 0) 59.401%, rgba(100, 100, 225, 0.25) 59.401%, rgba(100, 100, 225, 0.25) 66.05657%, rgba(0, 0, 0, 0) 66.05657%, rgba(0, 0, 0, 0) 67.88686%, rgba(100, 100, 225, 0.25) 67.88686%, rgba(100, 100, 225, 0.25) 74.54243%, rgba(0, 0, 0, 0) 74.54243%, rgba(0, 0, 0, 0) 76.37271%, rgba(100, 100, 225, 0.25) 76.37271%, rgba(100, 100, 225, 0.25) 83.02829%, rgba(0, 0, 0, 0) 83.02829%, rgba(0, 0, 0, 0) 84.85857%, rgba(100, 100, 225, 0.25) 84.85857%, rgba(100, 100, 225, 0.25) 91.51414%, rgba(0, 0, 0, 0) 91.51414%, rgba(0, 0, 0, 0) 93.34443%, rgba(100, 100, 225, 0.25) 93.34443%, rgba(100, 100, 225, 0.25) 100.0%, rgba(0, 0, 0, 0) 100.0%, rgba(0, 0, 0, 0) 100%);
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 6.65557%, rgba(0, 0, 0, 0) 6.65557%, rgba(0, 0, 0, 0) 8.48586%, rgba(100, 100, 225, 0.25) 8.48586%, rgba(100, 100, 225, 0.25) 15.14143%, rgba(0, 0, 0, 0) 15.14143%, rgba(0, 0, 0, 0) 16.97171%, rgba(100, 100, 225, 0.25) 16.97171%, rgba(100, 100, 225, 0.25) 23.62729%, rgba(0, 0, 0, 0) 23.62729%, rgba(0, 0, 0, 0) 25.45757%, rgba(100, 100, 225, 0.25) 25.45757%, rgba(100, 100, 225, 0.25) 32.11314%, rgba(0, 0, 0, 0) 32.11314%, rgba(0, 0, 0, 0) 33.94343%, rgba(100, 100, 225, 0.25) 33.94343%, rgba(100, 100, 225, 0.25) 40.599%, rgba(0, 0, 0, 0) 40.599%, rgba(0, 0, 0, 0) 42.42928%, rgba(100, 100, 225, 0.25) 42.42928%, rgba(100, 100, 225, 0.25) 49.08486%, rgba(0, 0, 0, 0) 49.08486%, rgba(0, 0, 0, 0) 50.91514%, rgba(100, 100, 225, 0.25) 50.91514%, rgba(100, 100, 225, 0.25) 57.57072%, rgba(0, 0, 0, 0) 57.57072%, rgba(0, 0, 0, 0) 59.401%, rgba(100, 100, 225, 0.25) 59.401%, rgba(100, 100, 225, 0.25) 66.05657%, rgba(0, 0, 0, 0) 66.05657%, rgba(0, 0, 0, 0) 67.88686%, rgba(100, 100, 225, 0.25) 67.88686%, rgba(100, 100, 225, 0.25) 74.54243%, rgba(0, 0, 0, 0) 74.54243%, rgba(0, 0, 0, 0) 76.37271%, rgba(100, 100, 225, 0.25) 76.37271%, rgba(100, 100, 225, 0.25) 83.02829%, rgba(0, 0, 0, 0) 83.02829%, rgba(0, 0, 0, 0) 84.85857%, rgba(100, 100, 225, 0.25) 84.85857%, rgba(100, 100, 225, 0.25) 91.51414%, rgba(0, 0, 0, 0) 91.51414%, rgba(0, 0, 0, 0) 93.34443%, rgba(100, 100, 225, 0.25) 93.34443%, rgba(100, 100, 225, 0.25) 100.0%, rgba(0, 0, 0, 0) 100.0%, rgba(0, 0, 0, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 6.65557%, rgba(0, 0, 0, 0) 6.65557%, rgba(0, 0, 0, 0) 8.48586%, rgba(100, 100, 225, 0.25) 8.48586%, rgba(100, 100, 225, 0.25) 15.14143%, rgba(0, 0, 0, 0) 15.14143%, rgba(0, 0, 0, 0) 16.97171%, rgba(100, 100, 225, 0.25) 16.97171%, rgba(100, 100, 225, 0.25) 23.62729%, rgba(0, 0, 0, 0) 23.62729%, rgba(0, 0, 0, 0) 25.45757%, rgba(100, 100, 225, 0.25) 25.45757%, rgba(100, 100, 225, 0.25) 32.11314%, rgba(0, 0, 0, 0) 32.11314%, rgba(0, 0, 0, 0) 33.94343%, rgba(100, 100, 225, 0.25) 33.94343%, rgba(100, 100, 225, 0.25) 40.599%, rgba(0, 0, 0, 0) 40.599%, rgba(0, 0, 0, 0) 42.42928%, rgba(100, 100, 225, 0.25) 42.42928%, rgba(100, 100, 225, 0.25) 49.08486%, rgba(0, 0, 0, 0) 49.08486%, rgba(0, 0, 0, 0) 50.91514%, rgba(100, 100, 225, 0.25) 50.91514%, rgba(100, 100, 225, 0.25) 57.57072%, rgba(0, 0, 0, 0) 57.57072%, rgba(0, 0, 0, 0) 59.401%, rgba(100, 100, 225, 0.25) 59.401%, rgba(100, 100, 225, 0.25) 66.05657%, rgba(0, 0, 0, 0) 66.05657%, rgba(0, 0, 0, 0) 67.88686%, rgba(100, 100, 225, 0.25) 67.88686%, rgba(100, 100, 225, 0.25) 74.54243%, rgba(0, 0, 0, 0) 74.54243%, rgba(0, 0, 0, 0) 76.37271%, rgba(100, 100, 225, 0.25) 76.37271%, rgba(100, 100, 225, 0.25) 83.02829%, rgba(0, 0, 0, 0) 83.02829%, rgba(0, 0, 0, 0) 84.85857%, rgba(100, 100, 225, 0.25) 84.85857%, rgba(100, 100, 225, 0.25) 91.51414%, rgba(0, 0, 0, 0) 91.51414%, rgba(0, 0, 0, 0) 93.34443%, rgba(100, 100, 225, 0.25) 93.34443%, rgba(100, 100, 225, 0.25) 100.0%, rgba(0, 0, 0, 0) 100.0%, rgba(0, 0, 0, 0) 100%);
    background-image: linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 6.65557%, rgba(0, 0, 0, 0) 6.65557%, rgba(0, 0, 0, 0) 8.48586%, rgba(100, 100, 225, 0.25) 8.48586%, rgba(100, 100, 225, 0.25) 15.14143%, rgba(0, 0, 0, 0) 15.14143%, rgba(0, 0, 0, 0) 16.97171%, rgba(100, 100, 225, 0.25) 16.97171%, rgba(100, 100, 225, 0.25) 23.62729%, rgba(0, 0, 0, 0) 23.62729%, rgba(0, 0, 0, 0) 25.45757%, rgba(100, 100, 225, 0.25) 25.45757%, rgba(100, 100, 225, 0.25) 32.11314%, rgba(0, 0, 0, 0) 32.11314%, rgba(0, 0, 0, 0) 33.94343%, rgba(100, 100, 225, 0.25) 33.94343%, rgba(100, 100, 225, 0.25) 40.599%, rgba(0, 0, 0, 0) 40.599%, rgba(0, 0, 0, 0) 42.42928%, rgba(100, 100, 225, 0.25) 42.42928%, rgba(100, 100, 225, 0.25) 49.08486%, rgba(0, 0, 0, 0) 49.08486%, rgba(0, 0, 0, 0) 50.91514%, rgba(100, 100, 225, 0.25) 50.91514%, rgba(100, 100, 225, 0.25) 57.57072%, rgba(0, 0, 0, 0) 57.57072%, rgba(0, 0, 0, 0) 59.401%, rgba(100, 100, 225, 0.25) 59.401%, rgba(100, 100, 225, 0.25) 66.05657%, rgba(0, 0, 0, 0) 66.05657%, rgba(0, 0, 0, 0) 67.88686%, rgba(100, 100, 225, 0.25) 67.88686%, rgba(100, 100, 225, 0.25) 74.54243%, rgba(0, 0, 0, 0) 74.54243%, rgba(0, 0, 0, 0) 76.37271%, rgba(100, 100, 225, 0.25) 76.37271%, rgba(100, 100, 225, 0.25) 83.02829%, rgba(0, 0, 0, 0) 83.02829%, rgba(0, 0, 0, 0) 84.85857%, rgba(100, 100, 225, 0.25) 84.85857%, rgba(100, 100, 225, 0.25) 91.51414%, rgba(0, 0, 0, 0) 91.51414%, rgba(0, 0, 0, 0) 93.34443%, rgba(100, 100, 225, 0.25) 93.34443%, rgba(100, 100, 225, 0.25) 100.0%, rgba(0, 0, 0, 0) 100.0%, rgba(0, 0, 0, 0) 100%);
    background-position: left top;
    -webkit-background-origin: content;
    -moz-background-origin: content;
    -ms-background-origin: content-box;
    -o-background-origin: content-box;
    background-origin: content-box;
    -webkit-background-clip: content-box;
    -moz-background-clip: content-box;
    background-clip: content-box;
    /*eingeblendet lassen*/
  }

  /***********************************************************/
  /*** Kopfbereich ***/
  /***********************************************************/
  /* Meta-Navigation */
  .l-meta-navigation {
    width: 100%;
    float: right;
    margin-right: 0;
    margin-bottom: 16px;
    display: block;
  }

  /* Branding */
  .l-branding {
    width: 100%;
    float: right;
    margin-right: 0;
    /* Innere Aufteilung */
  }

  /* Hauptnavigation */
  .l-main-navigation {
    width: 100%;
    float: right;
    margin-right: 0;
    display: block;
    /* Innere Aufteilung */
  }
  .l-main-navigation #mega-drop-down {
    width: 91.51414%;
    float: left;
    margin-right: 1.83028%;
  }
  .l-main-navigation #search-form {
    width: 6.65557%;
    float: right;
    margin-right: 0;
  }
  .l-main-navigation #superfish {
    display: block;
  }
  .l-main-navigation #search-button {
    display: block;
  }

  /***********************************************************/
  /*** Oberer Bereich ***/
  /***********************************************************/
  .l-preface {
    margin: 0 auto;
  }

  /***********************************************************/
  /*** Inhaltsbereich ***/
  /***********************************************************/
  .l-main {
    margin-bottom: 16px;
  }

  .l-breadcrumbs {
    width: 100%;
    float: right;
    margin-right: 0;
    display: block;
  }

  /* Inhalt ohne Seitenspalte */
  .has-no-sidebars .l-content {
    width: 100%;
    float: right;
    margin-right: 0;
  }

  /* Inhalt mit erster Seitenspalte */
  .has-sidebar-first .l-content {
    width: 74.54243%;
    float: right;
    margin-right: 0;
  }
  .has-sidebar-first .l-content .content-inner {
    width: 100%;
    float: left;
    margin-right: 2.45536%;
  }
  .has-sidebar-first .l-region-sidebar-first {
    display: block;
    width: 23.62729%;
    float: left;
    margin-right: 1.83028%;
  }

  /* Inhalt mit zweiter Seitenspalte*/
  .has-sidebar-second .l-content {
    width: 100%;
    float: left;
    margin-right: 1.83028%;
  }
  .has-sidebar-second .l-content .content-inner {
    width: 74.54243%;
    float: left;
    margin-right: 1.83028%;
  }
  .has-sidebar-second .l-region-sidebar-second {
    width: 23.62729%;
    float: right;
    margin-right: 0;
    clear: none;
  }

  /* Inhalt mit beiden Seitenspalten */
  .has-two-sidebars .l-content {
    width: 74.54243%;
    float: left;
    margin-right: 1.83028%;
    margin-left: 25.45757%;
  }
  .has-two-sidebars .l-content .content-inner {
    width: 65.84821%;
    float: left;
    margin-right: 2.45536%;
  }
  .has-two-sidebars .l-content .l-region-sidebar-second {
    width: 31.69643%;
    float: right;
    margin-right: 0;
    clear: none;
  }
  .has-two-sidebars .l-region-sidebar-first {
    width: 23.62729%;
    float: left;
    margin-right: 1.83028%;
    margin-left: -101.83028%;
  }

  /***********************************************************/
  /*** unterer Bereich ***/
  /***********************************************************/
  /***********************************************************/
  /*** Fußbereich ***/
  /***********************************************************/
  .l-footer {
    height: 30px;
  }

  .landingpage .has-two-sidebars .l-content {
    width: 74.54243%;
    float: left;
    margin-right: 1.83028%;
    margin-left: 25.45757%;
  }
  .landingpage .has-two-sidebars .l-content .content-inner {
    width: 65.84821%;
    float: left;
    margin-right: 2.45536%;
  }
  .landingpage .has-two-sidebars .l-content .l-region-sidebar-second {
    width: 31.69643%;
    float: right;
    margin-right: 0;
    clear: none;
  }
  .landingpage .has-two-sidebars .l-region-sidebar-first {
    width: 23.62729%;
    float: left;
    margin-right: 1.83028%;
    margin-left: -101.83028%;
  }
}
/***********************************************************/
/***********************************************************/
/*** Desktop Layout ***/
/***********************************************************/
/***********************************************************/
@media (min-width: 2px) {
  .grid-raster {
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(0%, rgba(100, 100, 225, 0.25)), color-stop(4.96894%, rgba(100, 100, 225, 0.25)), color-stop(4.96894%, rgba(0, 0, 0, 0)), color-stop(6.3354%, rgba(0, 0, 0, 0)), color-stop(6.3354%, rgba(100, 100, 225, 0.25)), color-stop(11.30435%, rgba(100, 100, 225, 0.25)), color-stop(11.30435%, rgba(0, 0, 0, 0)), color-stop(12.67081%, rgba(0, 0, 0, 0)), color-stop(12.67081%, rgba(100, 100, 225, 0.25)), color-stop(17.63975%, rgba(100, 100, 225, 0.25)), color-stop(17.63975%, rgba(0, 0, 0, 0)), color-stop(19.00621%, rgba(0, 0, 0, 0)), color-stop(19.00621%, rgba(100, 100, 225, 0.25)), color-stop(23.97516%, rgba(100, 100, 225, 0.25)), color-stop(23.97516%, rgba(0, 0, 0, 0)), color-stop(25.34161%, rgba(0, 0, 0, 0)), color-stop(25.34161%, rgba(100, 100, 225, 0.25)), color-stop(30.31056%, rgba(100, 100, 225, 0.25)), color-stop(30.31056%, rgba(0, 0, 0, 0)), color-stop(31.67702%, rgba(0, 0, 0, 0)), color-stop(31.67702%, rgba(100, 100, 225, 0.25)), color-stop(36.64596%, rgba(100, 100, 225, 0.25)), color-stop(36.64596%, rgba(0, 0, 0, 0)), color-stop(38.01242%, rgba(0, 0, 0, 0)), color-stop(38.01242%, rgba(100, 100, 225, 0.25)), color-stop(42.98137%, rgba(100, 100, 225, 0.25)), color-stop(42.98137%, rgba(0, 0, 0, 0)), color-stop(44.34783%, rgba(0, 0, 0, 0)), color-stop(44.34783%, rgba(100, 100, 225, 0.25)), color-stop(49.31677%, rgba(100, 100, 225, 0.25)), color-stop(49.31677%, rgba(0, 0, 0, 0)), color-stop(50.68323%, rgba(0, 0, 0, 0)), color-stop(50.68323%, rgba(100, 100, 225, 0.25)), color-stop(55.65217%, rgba(100, 100, 225, 0.25)), color-stop(55.65217%, rgba(0, 0, 0, 0)), color-stop(57.01863%, rgba(0, 0, 0, 0)), color-stop(57.01863%, rgba(100, 100, 225, 0.25)), color-stop(61.98758%, rgba(100, 100, 225, 0.25)), color-stop(61.98758%, rgba(0, 0, 0, 0)), color-stop(63.35404%, rgba(0, 0, 0, 0)), color-stop(63.35404%, rgba(100, 100, 225, 0.25)), color-stop(68.32298%, rgba(100, 100, 225, 0.25)), color-stop(68.32298%, rgba(0, 0, 0, 0)), color-stop(69.68944%, rgba(0, 0, 0, 0)), color-stop(69.68944%, rgba(100, 100, 225, 0.25)), color-stop(74.65839%, rgba(100, 100, 225, 0.25)), color-stop(74.65839%, rgba(0, 0, 0, 0)), color-stop(76.02484%, rgba(0, 0, 0, 0)), color-stop(76.02484%, rgba(100, 100, 225, 0.25)), color-stop(80.99379%, rgba(100, 100, 225, 0.25)), color-stop(80.99379%, rgba(0, 0, 0, 0)), color-stop(82.36025%, rgba(0, 0, 0, 0)), color-stop(82.36025%, rgba(100, 100, 225, 0.25)), color-stop(87.32919%, rgba(100, 100, 225, 0.25)), color-stop(87.32919%, rgba(0, 0, 0, 0)), color-stop(88.69565%, rgba(0, 0, 0, 0)), color-stop(88.69565%, rgba(100, 100, 225, 0.25)), color-stop(93.6646%, rgba(100, 100, 225, 0.25)), color-stop(93.6646%, rgba(0, 0, 0, 0)), color-stop(95.03106%, rgba(0, 0, 0, 0)), color-stop(95.03106%, rgba(100, 100, 225, 0.25)), color-stop(100%, rgba(100, 100, 225, 0.25)), color-stop(100%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 4.96894%, rgba(0, 0, 0, 0) 4.96894%, rgba(0, 0, 0, 0) 6.3354%, rgba(100, 100, 225, 0.25) 6.3354%, rgba(100, 100, 225, 0.25) 11.30435%, rgba(0, 0, 0, 0) 11.30435%, rgba(0, 0, 0, 0) 12.67081%, rgba(100, 100, 225, 0.25) 12.67081%, rgba(100, 100, 225, 0.25) 17.63975%, rgba(0, 0, 0, 0) 17.63975%, rgba(0, 0, 0, 0) 19.00621%, rgba(100, 100, 225, 0.25) 19.00621%, rgba(100, 100, 225, 0.25) 23.97516%, rgba(0, 0, 0, 0) 23.97516%, rgba(0, 0, 0, 0) 25.34161%, rgba(100, 100, 225, 0.25) 25.34161%, rgba(100, 100, 225, 0.25) 30.31056%, rgba(0, 0, 0, 0) 30.31056%, rgba(0, 0, 0, 0) 31.67702%, rgba(100, 100, 225, 0.25) 31.67702%, rgba(100, 100, 225, 0.25) 36.64596%, rgba(0, 0, 0, 0) 36.64596%, rgba(0, 0, 0, 0) 38.01242%, rgba(100, 100, 225, 0.25) 38.01242%, rgba(100, 100, 225, 0.25) 42.98137%, rgba(0, 0, 0, 0) 42.98137%, rgba(0, 0, 0, 0) 44.34783%, rgba(100, 100, 225, 0.25) 44.34783%, rgba(100, 100, 225, 0.25) 49.31677%, rgba(0, 0, 0, 0) 49.31677%, rgba(0, 0, 0, 0) 50.68323%, rgba(100, 100, 225, 0.25) 50.68323%, rgba(100, 100, 225, 0.25) 55.65217%, rgba(0, 0, 0, 0) 55.65217%, rgba(0, 0, 0, 0) 57.01863%, rgba(100, 100, 225, 0.25) 57.01863%, rgba(100, 100, 225, 0.25) 61.98758%, rgba(0, 0, 0, 0) 61.98758%, rgba(0, 0, 0, 0) 63.35404%, rgba(100, 100, 225, 0.25) 63.35404%, rgba(100, 100, 225, 0.25) 68.32298%, rgba(0, 0, 0, 0) 68.32298%, rgba(0, 0, 0, 0) 69.68944%, rgba(100, 100, 225, 0.25) 69.68944%, rgba(100, 100, 225, 0.25) 74.65839%, rgba(0, 0, 0, 0) 74.65839%, rgba(0, 0, 0, 0) 76.02484%, rgba(100, 100, 225, 0.25) 76.02484%, rgba(100, 100, 225, 0.25) 80.99379%, rgba(0, 0, 0, 0) 80.99379%, rgba(0, 0, 0, 0) 82.36025%, rgba(100, 100, 225, 0.25) 82.36025%, rgba(100, 100, 225, 0.25) 87.32919%, rgba(0, 0, 0, 0) 87.32919%, rgba(0, 0, 0, 0) 88.69565%, rgba(100, 100, 225, 0.25) 88.69565%, rgba(100, 100, 225, 0.25) 93.6646%, rgba(0, 0, 0, 0) 93.6646%, rgba(0, 0, 0, 0) 95.03106%, rgba(100, 100, 225, 0.25) 95.03106%, rgba(100, 100, 225, 0.25) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 4.96894%, rgba(0, 0, 0, 0) 4.96894%, rgba(0, 0, 0, 0) 6.3354%, rgba(100, 100, 225, 0.25) 6.3354%, rgba(100, 100, 225, 0.25) 11.30435%, rgba(0, 0, 0, 0) 11.30435%, rgba(0, 0, 0, 0) 12.67081%, rgba(100, 100, 225, 0.25) 12.67081%, rgba(100, 100, 225, 0.25) 17.63975%, rgba(0, 0, 0, 0) 17.63975%, rgba(0, 0, 0, 0) 19.00621%, rgba(100, 100, 225, 0.25) 19.00621%, rgba(100, 100, 225, 0.25) 23.97516%, rgba(0, 0, 0, 0) 23.97516%, rgba(0, 0, 0, 0) 25.34161%, rgba(100, 100, 225, 0.25) 25.34161%, rgba(100, 100, 225, 0.25) 30.31056%, rgba(0, 0, 0, 0) 30.31056%, rgba(0, 0, 0, 0) 31.67702%, rgba(100, 100, 225, 0.25) 31.67702%, rgba(100, 100, 225, 0.25) 36.64596%, rgba(0, 0, 0, 0) 36.64596%, rgba(0, 0, 0, 0) 38.01242%, rgba(100, 100, 225, 0.25) 38.01242%, rgba(100, 100, 225, 0.25) 42.98137%, rgba(0, 0, 0, 0) 42.98137%, rgba(0, 0, 0, 0) 44.34783%, rgba(100, 100, 225, 0.25) 44.34783%, rgba(100, 100, 225, 0.25) 49.31677%, rgba(0, 0, 0, 0) 49.31677%, rgba(0, 0, 0, 0) 50.68323%, rgba(100, 100, 225, 0.25) 50.68323%, rgba(100, 100, 225, 0.25) 55.65217%, rgba(0, 0, 0, 0) 55.65217%, rgba(0, 0, 0, 0) 57.01863%, rgba(100, 100, 225, 0.25) 57.01863%, rgba(100, 100, 225, 0.25) 61.98758%, rgba(0, 0, 0, 0) 61.98758%, rgba(0, 0, 0, 0) 63.35404%, rgba(100, 100, 225, 0.25) 63.35404%, rgba(100, 100, 225, 0.25) 68.32298%, rgba(0, 0, 0, 0) 68.32298%, rgba(0, 0, 0, 0) 69.68944%, rgba(100, 100, 225, 0.25) 69.68944%, rgba(100, 100, 225, 0.25) 74.65839%, rgba(0, 0, 0, 0) 74.65839%, rgba(0, 0, 0, 0) 76.02484%, rgba(100, 100, 225, 0.25) 76.02484%, rgba(100, 100, 225, 0.25) 80.99379%, rgba(0, 0, 0, 0) 80.99379%, rgba(0, 0, 0, 0) 82.36025%, rgba(100, 100, 225, 0.25) 82.36025%, rgba(100, 100, 225, 0.25) 87.32919%, rgba(0, 0, 0, 0) 87.32919%, rgba(0, 0, 0, 0) 88.69565%, rgba(100, 100, 225, 0.25) 88.69565%, rgba(100, 100, 225, 0.25) 93.6646%, rgba(0, 0, 0, 0) 93.6646%, rgba(0, 0, 0, 0) 95.03106%, rgba(100, 100, 225, 0.25) 95.03106%, rgba(100, 100, 225, 0.25) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 4.96894%, rgba(0, 0, 0, 0) 4.96894%, rgba(0, 0, 0, 0) 6.3354%, rgba(100, 100, 225, 0.25) 6.3354%, rgba(100, 100, 225, 0.25) 11.30435%, rgba(0, 0, 0, 0) 11.30435%, rgba(0, 0, 0, 0) 12.67081%, rgba(100, 100, 225, 0.25) 12.67081%, rgba(100, 100, 225, 0.25) 17.63975%, rgba(0, 0, 0, 0) 17.63975%, rgba(0, 0, 0, 0) 19.00621%, rgba(100, 100, 225, 0.25) 19.00621%, rgba(100, 100, 225, 0.25) 23.97516%, rgba(0, 0, 0, 0) 23.97516%, rgba(0, 0, 0, 0) 25.34161%, rgba(100, 100, 225, 0.25) 25.34161%, rgba(100, 100, 225, 0.25) 30.31056%, rgba(0, 0, 0, 0) 30.31056%, rgba(0, 0, 0, 0) 31.67702%, rgba(100, 100, 225, 0.25) 31.67702%, rgba(100, 100, 225, 0.25) 36.64596%, rgba(0, 0, 0, 0) 36.64596%, rgba(0, 0, 0, 0) 38.01242%, rgba(100, 100, 225, 0.25) 38.01242%, rgba(100, 100, 225, 0.25) 42.98137%, rgba(0, 0, 0, 0) 42.98137%, rgba(0, 0, 0, 0) 44.34783%, rgba(100, 100, 225, 0.25) 44.34783%, rgba(100, 100, 225, 0.25) 49.31677%, rgba(0, 0, 0, 0) 49.31677%, rgba(0, 0, 0, 0) 50.68323%, rgba(100, 100, 225, 0.25) 50.68323%, rgba(100, 100, 225, 0.25) 55.65217%, rgba(0, 0, 0, 0) 55.65217%, rgba(0, 0, 0, 0) 57.01863%, rgba(100, 100, 225, 0.25) 57.01863%, rgba(100, 100, 225, 0.25) 61.98758%, rgba(0, 0, 0, 0) 61.98758%, rgba(0, 0, 0, 0) 63.35404%, rgba(100, 100, 225, 0.25) 63.35404%, rgba(100, 100, 225, 0.25) 68.32298%, rgba(0, 0, 0, 0) 68.32298%, rgba(0, 0, 0, 0) 69.68944%, rgba(100, 100, 225, 0.25) 69.68944%, rgba(100, 100, 225, 0.25) 74.65839%, rgba(0, 0, 0, 0) 74.65839%, rgba(0, 0, 0, 0) 76.02484%, rgba(100, 100, 225, 0.25) 76.02484%, rgba(100, 100, 225, 0.25) 80.99379%, rgba(0, 0, 0, 0) 80.99379%, rgba(0, 0, 0, 0) 82.36025%, rgba(100, 100, 225, 0.25) 82.36025%, rgba(100, 100, 225, 0.25) 87.32919%, rgba(0, 0, 0, 0) 87.32919%, rgba(0, 0, 0, 0) 88.69565%, rgba(100, 100, 225, 0.25) 88.69565%, rgba(100, 100, 225, 0.25) 93.6646%, rgba(0, 0, 0, 0) 93.6646%, rgba(0, 0, 0, 0) 95.03106%, rgba(100, 100, 225, 0.25) 95.03106%, rgba(100, 100, 225, 0.25) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
    background-image: linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 4.96894%, rgba(0, 0, 0, 0) 4.96894%, rgba(0, 0, 0, 0) 6.3354%, rgba(100, 100, 225, 0.25) 6.3354%, rgba(100, 100, 225, 0.25) 11.30435%, rgba(0, 0, 0, 0) 11.30435%, rgba(0, 0, 0, 0) 12.67081%, rgba(100, 100, 225, 0.25) 12.67081%, rgba(100, 100, 225, 0.25) 17.63975%, rgba(0, 0, 0, 0) 17.63975%, rgba(0, 0, 0, 0) 19.00621%, rgba(100, 100, 225, 0.25) 19.00621%, rgba(100, 100, 225, 0.25) 23.97516%, rgba(0, 0, 0, 0) 23.97516%, rgba(0, 0, 0, 0) 25.34161%, rgba(100, 100, 225, 0.25) 25.34161%, rgba(100, 100, 225, 0.25) 30.31056%, rgba(0, 0, 0, 0) 30.31056%, rgba(0, 0, 0, 0) 31.67702%, rgba(100, 100, 225, 0.25) 31.67702%, rgba(100, 100, 225, 0.25) 36.64596%, rgba(0, 0, 0, 0) 36.64596%, rgba(0, 0, 0, 0) 38.01242%, rgba(100, 100, 225, 0.25) 38.01242%, rgba(100, 100, 225, 0.25) 42.98137%, rgba(0, 0, 0, 0) 42.98137%, rgba(0, 0, 0, 0) 44.34783%, rgba(100, 100, 225, 0.25) 44.34783%, rgba(100, 100, 225, 0.25) 49.31677%, rgba(0, 0, 0, 0) 49.31677%, rgba(0, 0, 0, 0) 50.68323%, rgba(100, 100, 225, 0.25) 50.68323%, rgba(100, 100, 225, 0.25) 55.65217%, rgba(0, 0, 0, 0) 55.65217%, rgba(0, 0, 0, 0) 57.01863%, rgba(100, 100, 225, 0.25) 57.01863%, rgba(100, 100, 225, 0.25) 61.98758%, rgba(0, 0, 0, 0) 61.98758%, rgba(0, 0, 0, 0) 63.35404%, rgba(100, 100, 225, 0.25) 63.35404%, rgba(100, 100, 225, 0.25) 68.32298%, rgba(0, 0, 0, 0) 68.32298%, rgba(0, 0, 0, 0) 69.68944%, rgba(100, 100, 225, 0.25) 69.68944%, rgba(100, 100, 225, 0.25) 74.65839%, rgba(0, 0, 0, 0) 74.65839%, rgba(0, 0, 0, 0) 76.02484%, rgba(100, 100, 225, 0.25) 76.02484%, rgba(100, 100, 225, 0.25) 80.99379%, rgba(0, 0, 0, 0) 80.99379%, rgba(0, 0, 0, 0) 82.36025%, rgba(100, 100, 225, 0.25) 82.36025%, rgba(100, 100, 225, 0.25) 87.32919%, rgba(0, 0, 0, 0) 87.32919%, rgba(0, 0, 0, 0) 88.69565%, rgba(100, 100, 225, 0.25) 88.69565%, rgba(100, 100, 225, 0.25) 93.6646%, rgba(0, 0, 0, 0) 93.6646%, rgba(0, 0, 0, 0) 95.03106%, rgba(100, 100, 225, 0.25) 95.03106%, rgba(100, 100, 225, 0.25) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
    background-position: left top;
    -webkit-background-origin: content;
    -moz-background-origin: content;
    -ms-background-origin: content-box;
    -o-background-origin: content-box;
    background-origin: content-box;
    -webkit-background-clip: content-box;
    -moz-background-clip: content-box;
    background-clip: content-box;
    /*eingeblendet lassen*/
  }

  /***********************************************************/
  /*** Kopfbereich ***/
  /***********************************************************/
  /* Meta-Navigation */
  .l-meta-navigation {
    width: 100%;
    float: right;
    margin-right: 0;
    margin-bottom: 16px;
    display: block;
  }

  /* Branding */
  .l-branding {
    width: 100%;
    float: right;
    margin-right: 0;
    /* Innere Aufteilung */
  }

  /* Hauptnavigation */
  .l-main-navigation {
    width: 100%;
    float: right;
    margin-right: 0;
    display: block;
    /* Innere Aufteilung */
  }
  .l-main-navigation #mega-drop-down {
    width: 93.6646%;
    float: left;
    margin-right: 1.36646%;
  }
  .l-main-navigation #search-form {
    width: 4.96894%;
    float: right;
    margin-right: 0;
  }
  .l-main-navigation #search-button {
    display: block;
  }

  /***********************************************************/
  /*** Oberer Bereich ***/
  /***********************************************************/
  .l-preface {
    margin: 0 auto;
  }

  /***********************************************************/
  /*** Inhaltsbereich ***/
  /***********************************************************/
  .l-main {
    margin-bottom: 16px;
  }

  .l-breadcrumbs {
    width: 100%;
    float: right;
    margin-right: 0;
    display: block;
  }

  /* Inhalt ohne Seitenspalte */
  .has-no-sidebars .l-content {
    width: 100%;
    float: right;
    margin-right: 0;
  }

  /* Inhalt mit erster Seitenspalte */
  .has-sidebar-first .l-content {
    width: 80.99379%;
    float: right;
    margin-right: 0;
  }
  .has-sidebar-first .l-content .content-inner {
    width: 100%;
    float: left;
    margin-right: 1.68712%;
  }
  .has-sidebar-first .l-region-sidebar-first {
    display: block;
    width: 17.63975%;
    float: left;
    margin-right: 1.36646%;
  }

  /* Inhalt mit zweiter Seitenspalte*/
  .has-sidebar-second .l-content {
    width: 100%;
    float: left;
    margin-right: 1.36646%;
  }
  .has-sidebar-second .l-content .content-inner {
    width: 80.99379%;
    float: left;
    margin-right: 1.36646%;
  }
  .has-sidebar-second .l-region-sidebar-second {
    width: 17.63975%;
    float: right;
    margin-right: 0;
    clear: none;
  }

  /* Inhalt mit beiden Seitenspalten */
  .has-two-sidebars .l-content {
    width: 80.99379%;
    float: left;
    margin-right: 1.36646%;
    margin-left: 19.00621%;
  }
  .has-two-sidebars .l-content .content-inner {
    width: 68.71166%;
    float: left;
    margin-right: 1.68712%;
  }
  .has-two-sidebars .l-content .l-region-sidebar-second {
    width: 21.77914%;
    float: right;
    margin-right: 0;
    clear: none;
  }
  .has-two-sidebars .l-region-sidebar-first {
    width: 17.63975%;
    float: left;
    margin-right: 1.36646%;
    margin-left: -101.36646%;
  }

  /***********************************************************/
  /*** unterer Bereich ***/
  /***********************************************************/
  /***********************************************************/
  /*** Fußbereich ***/
  /***********************************************************/
  .l-footer {
    height: 30px;
  }

  .landingpage .has-two-sidebars .l-content {
    width: 80.99379%;
    float: left;
    margin-right: 1.36646%;
    margin-left: 19.00621%;
  }
  .landingpage .has-two-sidebars .l-content .content-inner {
    width: 68.71166%;
    float: left;
    margin-right: 1.68712%;
  }
  .landingpage .has-two-sidebars .l-content .l-region-sidebar-second {
    width: 21.77914%;
    float: right;
    margin-right: 0;
    clear: none;
  }
  .landingpage .has-two-sidebars .l-region-sidebar-first {
    width: 17.63975%;
    float: left;
    margin-right: 1.36646%;
    margin-left: -101.36646%;
  }
}
/*used for applications*/
/*Corporate Colors Orange*/
/*******************************************************************************
 * _base.scss
 *
 * Standardvariablen
 ******************************************************************************/
.moduldistance-bottom {
  margin-bottom: 40px;
}
@media (min-width: 0px) {
  .moduldistance-bottom {
    margin-bottom: 50px;
  }
}
@media (min-width: 2px) {
  .moduldistance-bottom {
    margin-bottom: 60px;
  }
}

/*******************************************************************************
 * _colors.scss
 *
 * Farbendefinition
 ******************************************************************************/
/* Standardfarben */
/*$color1: #ff3700; /*Corporate Colors Orange*/
/*Schwarz*/
/*Hellgrau Wieland-Grau 1,  Wieland-Natural Grey 6 (WNG06)*/
/*Weiß*/
/*Grau Wieland-Grau 2,  Wieland-Natural Grey 3 (WNG03)*/
/*Grau - Wieland-Grau 3, Wieland-Natural Grey 1 (WNG01)*/
/*Grau - Wieland-Grau 4  Wieland-Natural Grey 5 (WNG05)*/
/*Grau - Wieland-Grau 5,  Wieland-Natural Grey 2 (WNG02)*/
/* Dunkleres Rot */
/* Farben fuer Navigation */
/*Orange*/
/*Schwarz*/
/*Hellgrau*/
/*Weiß*/
/* Breadcrumb Grau */
/* Farben fuer Hintegruende */
/*Weiß*/
/*$bg-slideshow-overlay: rgba(200.0,41.0,8.0, 0.85);*/
/* Farben fuer Rahmen */
/*Orange*/
/*Schwarz*/
/*Hellgrau*/
/*Weiß*/
/*Grau*/
/*Farben für Tabellen */
/*Helles Grau*/
/*Dunkles Grau*/
/*Dunkles Grau*/
/* Printfartben*/
/* CSS Document */
*.hidden-xsd-down {
  display: none !important;
}
@media (min-width: 0px) {
  *.hidden-xsd-down {
    display: block !important;
  }
}
@media (min-width: 0px) {
  *.hidden-xsd-down {
    display: block !important;
  }
}
@media (min-width: 2px) {
  *.hidden-xsd-down {
    display: block !important;
  }
}
*.hidden-sd-down {
  display: none !important;
}
@media (min-width: 0px) {
  *.hidden-sd-down {
    display: none !important;
  }
}
@media (min-width: 0px) {
  *.hidden-sd-down {
    display: block !important;
  }
}
@media (min-width: 2px) {
  *.hidden-sd-down {
    display: block !important;
  }
}
*.hidden-md-down {
  display: none !important;
}
@media (min-width: 0px) {
  *.hidden-md-down {
    display: none !important;
  }
}
@media (min-width: 0px) {
  *.hidden-md-down {
    display: none !important;
  }
}
@media (min-width: 2px) {
  *.hidden-md-down {
    display: block !important;
  }
}
*.hidden-ld-down {
  display: none !important;
}
*.hidden-xsd-up {
  display: none !important;
}
*.hidden-sd-up {
  display: block !important;
}
@media (min-width: 0px) {
  *.hidden-sd-up {
    display: none !important;
  }
}
@media (min-width: 0px) {
  *.hidden-sd-up {
    display: none !important;
  }
}
@media (min-width: 2px) {
  *.hidden-sd-up {
    display: none !important;
  }
}
*.hidden-md-up {
  display: block !important;
}
@media (min-width: 0px) {
  *.hidden-md-up {
    display: block !important;
  }
}
@media (min-width: 0px) {
  *.hidden-md-up {
    display: none !important;
  }
}
@media (min-width: 2px) {
  *.hidden-md-up {
    display: none !important;
  }
}
*.hidden-ld-up {
  display: block !important;
}
@media (min-width: 0px) {
  *.hidden-ld-up {
    display: block !important;
  }
}
@media (min-width: 0px) {
  *.hidden-ld-up {
    display: block !important;
  }
}
@media (min-width: 2px) {
  *.hidden-ld-up {
    display: none !important;
  }
}
*.visible-xsd {
  display: block !important;
}
@media (min-width: 0px) {
  *.visible-xsd {
    display: none !important;
  }
}
@media (min-width: 0px) {
  *.visible-xsd {
    display: none !important;
  }
}
@media (min-width: 2px) {
  *.visible-xsd {
    display: none !important;
  }
}
*.visible-sd {
  display: none !important;
}
@media (min-width: 0px) {
  *.visible-sd {
    display: block !important;
  }
}
@media (min-width: 0px) {
  *.visible-sd {
    display: none !important;
  }
}
@media (min-width: 2px) {
  *.visible-sd {
    display: none !important;
  }
}
*.visible-md {
  display: none !important;
}
@media (min-width: 0px) {
  *.visible-md {
    display: none !important;
  }
}
@media (min-width: 0px) {
  *.visible-md {
    display: block !important;
  }
}
@media (min-width: 2px) {
  *.visible-md {
    display: none !important;
  }
}
*.visible-ld {
  display: none !important;
}
@media (min-width: 0px) {
  *.visible-ld {
    display: none !important;
  }
}
@media (min-width: 0px) {
  *.visible-ld {
    display: none !important;
  }
}
@media (min-width: 2px) {
  *.visible-ld {
    display: block !important;
  }
}
*.hidden-xsd {
  display: none !important;
}
@media (min-width: 0px) {
  *.hidden-xsd {
    display: block !important;
  }
}
@media (min-width: 0px) {
  *.hidden-xsd {
    display: block !important;
  }
}
@media (min-width: 2px) {
  *.hidden-xsd {
    display: block !important;
  }
}
*.hidden-sd {
  display: block !important;
}
@media (min-width: 0px) {
  *.hidden-sd {
    display: none !important;
  }
}
@media (min-width: 0px) {
  *.hidden-sd {
    display: block !important;
  }
}
@media (min-width: 2px) {
  *.hidden-sd {
    display: block !important;
  }
}
*.hidden-md {
  display: block !important;
}
@media (min-width: 0px) {
  *.hidden-md {
    display: block !important;
  }
}
@media (min-width: 0px) {
  *.hidden-md {
    display: none !important;
  }
}
@media (min-width: 2px) {
  *.hidden-md {
    display: block !important;
  }
}
*.hidden-ld {
  display: block !important;
}
@media (min-width: 0px) {
  *.hidden-ld {
    display: block !important;
  }
}
@media (min-width: 0px) {
  *.hidden-ld {
    display: block !important;
  }
}
@media (min-width: 2px) {
  *.hidden-ld {
    display: none !important;
  }
}

/*******************************************************************************
 * _typography.scss
 *
 * Variablen fuer typografische Definitionen
 ******************************************************************************/
/*Font-Weights fuer Open Sans */
/* Überschriften*/
/*******************************************************************************
 * _mixins-headlines.scss
 *
 * Wiederverwendbare Defintionen für Headlines
 ******************************************************************************/
/*******************************************************************************
 * _mixins-list.scss
 *
 * Wiederverwendbare Defintionen für Listen
 ******************************************************************************/
/* Listen ohne Abstände und Aufzählungszeichen */
/*******************************************************************************
 * _mixins.scss
 *
 * Wiederverwendbare Defintionen
 ******************************************************************************/
/* Links ohne Unterstreichung */
/* Links mit Pfeil */
/* CSS Document */
.color1 {
  color: #ff3700;
}

.color3 {
  color: #87888a;
}

.color5 {
  color: #cccccc;
}

.color6 {
  color: #eeeeee;
}

.color7 {
  color: #999999;
}

.bg-color1 {
  background: #ff3700 !important;
}

.bg-color2 {
  background: black !important;
}

.bg-color3 {
  background: #87888a !important;
}

.bg-color4 {
  background: white !important;
}

.bg-color5 {
  background: #cccccc !important;
}

.bg-color6 {
  background: #eeeeee !important;
}

.bg-color7 {
  background: #999999 !important;
}

.bg-color8 {
  background: #dadada !important;
}

.bg-color-wwg01 {
  background: #efeadb !important;
}

.bg-color-wwg02 {
  background: #cec6aa !important;
}

.bg-color-wwg03 {
  background: #b1770e !important;
}

.bg-color-wwg04 {
  background: #7f5628 !important;
}

/*******************************************************************************
 * _forms.scss
 *
 * CSS fuer formelemente wie input, textarea, buttons etc.
 ******************************************************************************/
.webform-component {
  margin: 0 0 7px;
}

input.form-text,
select,
textarea {
  border: 1px solid #cccccc;
  font-size: 1em;
  background: white;
  padding: 5px 9px;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 300;
  width: 100%;
  -webkit-appearance: none;
  line-height: 150%;
  border-radius: 0;
  margin-block-start: 0;
  margin-block-end: 0;
}
input.form-text:focus, input.form-text:active,
select:focus,
select:active,
textarea:focus,
textarea:active {
  border: 1px solid #ff3700;
}

input.not-editable {
  background: #eeeeee;
  color: color5;
}

.webform-component-select {
  height: auto;
}

.customSelect {
  border: 1px solid #cccccc;
  padding: 5px 9px;
  height: 40px;
  cursor: pointer;
  background: white url('../images/form/select_arrow.svg?1459952835') right center no-repeat;
  background-size: 26px 17px;
}
@media (min-width: 0px) {
  .customSelect {
    height: 30px;
  }
}

.customSelect.customSelectHover {
  /* Styles for when the select box is hovered */
  cursor: pointer;
}

.customSelectFocus {
  border: 1px solid #ff3700;
}

select {
  padding-top: 3px;
  padding-bottom: 3px;
  cursor: pointer;
}
select option:hover, select option:focus {
  background: #eeeeee;
}

input.form-text {
  height: 40px;
}
@media (min-width: 0px) {
  input.form-text {
    height: 30px;
  }
}

label {
  padding: 7px 0;
  font-weight: 300;
  width: 300px;
  line-height: 1em !important;
}

.webform-component-textarea label {
  float: none;
  width: 300px;
  vertical-align: top;
}

/* Radio Buttons*/
input[type="radio"] + label {
  float: none;
  width: auto;
  cursor: pointer;
}

input[type="radio"] {
  display: none;
}

input[type="radio"] + label:before {
  content: '';
  display: inline-block;
  width: 33px;
  height: 29px;
  background: url('../images/form/form_radiobuttons.svg?1457694145') no-repeat left bottom transparent;
  /* background: image-url('form-radio-buttons.gif') no-repeat left top;*/
  vertical-align: middle;
  cursor: pointer;
  background-size: 29px 70px;
}

input[type="radio"]:checked + label:before {
  content: '';
  /* background: image-url('form-radio-buttons.gif') no-repeat left bottom;*/
  background: url('../images/form/form_radiobuttons.svg?1457694145') no-repeat left top transparent;
  background-size: 29px 70px;
}

label div {
  padding-left: 35px;
  margin-top: -25px;
  line-height: 1.7em;
  /*24px 14px*/
}

.field-suffix {
  margin-left: 10px;
  margin-top: 3px;
}

/* Checkboxen */
.form-type-checkbox label {
  cursor: pointer;
}

input[type="checkbox"] {
  display: none;
}

input[type="checkbox"] + label:before {
  content: '';
  display: inline-block;
  width: 33px;
  height: 29px;
  /*  background: image-url('form-checkboxes.gif') no-repeat left top;*/
  background: url('../images/form/form_checkboxes.svg?1457694078') no-repeat left bottom transparent;
  background-size: 29px 70px;
  vertical-align: middle;
  cursor: pointer;
}

input[type="checkbox"]:checked + label:before {
  content: '';
  /* background: image-url('form-checkboxes.gif') no-repeat left bottom;*/
  background: url('../images/form/form_checkboxes.svg?1457694078') no-repeat left top transparent;
  background-size: 29px 70px;
}

/* Absenden-Button */
input[type="submit"] {
  text-align: center;
  background-color: #ff3700;
  color: white;
  -webkit-appearance: none;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 600;
  border: 1px solid #ff3700;
  text-shadow: none;
  font-size: 1em;
  padding: 4px 0 6px;
  height: 40px;
  width: 100%;
  border-radius: 0;
  cursor: pointer;
}
@media (min-width: 0px) {
  input[type="submit"] {
    height: 30px;
  }
}
input[type="submit"]:hover {
  background: white;
  color: #ff3700;
  border: 1px solid #ff3700;
}
input[type="submit"].form-submit-light {
  background: #eeeeee;
  color: black;
  border: 1px solid #eeeeee;
}
input[type="submit"].form-submit-light:hover {
  border: 1px solid black;
  background: white;
}

.form-description {
  color: #87888a;
}

form {
  margin: 2em 0;
  overflow: hidden;
}

/* Errors */
form .error {
  border-color: #ff3700;
  color: #ff3700;
}

.required-field-msg {
  font-weight: 600;
  color: #ff3700;
  display: none;
}

.ansprechpartnerbox .required-field-msg {
  margin-bottom: 1em;
}

#mailResult h3 {
  margin-bottom: 14px;
}

/* CSS Document */
.icon {
  width: 20px;
  height: 20px;
}
.icon.search {
  background: #ff3700 url('../images/icons/icon_search.svg?1457693559') no-repeat center center;
  background-size: 24px 24px;
  width: 29px;
  height: 29px;
}
.icon.zoom {
  background: #ff3700 url('../images/icons/icons_function.svg?1459262042') no-repeat scroll 2px -48px/1000px auto;
  border: 1px solid #ff3700;
}
.icon.zoom:hover {
  background-color: white;
  background-position: 2px 2px;
  cursor: pointer;
}
.icon.zoom.zoom2 {
  background-color: white;
  background-position: 2px 2px;
}
.icon.zoom.zoom2:hover {
  background-color: #ff3700;
  background-position: 2px -48px;
}
.icon.info {
  background: #ff3700 url('../images/icons/icon-info.gif?1446554495') center center no-repeat;
}
.icon.next {
  background: #ff3700 url('../images/base/controls.svg?1457694596') no-repeat -25px -2px;
  border: 1px solid #ff3700;
  background-size: 125px 75px;
}
.icon.next:hover {
  background-color: white;
  background-position: -25px -27px;
  cursor: pointer;
  border: 1px solid #ff3700;
  background-size: 125px 75px;
}
.icon.prev {
  background: #ff3700 url('../images/base/controls.svg?1457694596') no-repeat 0px -2px;
  border: 1px solid #ff3700;
  background-size: 125px 75px;
}
.icon.prev:hover {
  background-color: white;
  background-position: -0px -27px;
  cursor: pointer;
  border: 1px solid #ff3700;
  background-size: 125px 75px;
}
.icon.pause {
  background: #ff3700 url('../images/base/controls.svg?1457694596') no-repeat -102px -2px;
  border: 1px solid #ff3700;
  background-size: 125px 75px;
}
.icon.pause:hover {
  background: white url('../images/base/controls.svg?1457694596') no-repeat -102px -27px;
  cursor: pointer;
  border: 1px solid #ff3700;
  background-size: 125px 75px;
}
.icon.play {
  background: #ff3700 url('../images/base/controls.svg?1457694596') no-repeat -77px -2px;
  border: 1px solid #ff3700;
  background-size: 125px 75px;
}
.icon.play:hover {
  background: white url('../images/base/controls.svg?1457694596') no-repeat -77px -27px;
  cursor: pointer;
  border: 1px solid #ff3700;
  background-size: 125px 75px;
}
.icon.close2 {
  background: #ff3700 url('../images/base/controls.svg?1457694596') no-repeat -52px -2px;
  border: 1px solid #ff3700;
  background-size: 125px 75px;
}
.icon.close2:hover {
  background: white url('../images/base/controls.svg?1457694596') no-repeat -52px -27px;
  cursor: pointer;
  border: 1px solid #ff3700;
  background-size: 125px 75px;
}

.info-icon {
  width: 17px;
  height: 17px;
  display: inline-block;
  background: #ff3700 url('../images/icons/icon-info.gif?1446554495') center center no-repeat;
}

.icon-facebook {
  background-image: url('../images/icons/icon_facebook.svg?1457693626') !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 20px 20px;
}

.icon-linkedin {
  background-image: url('../images/icons/icon_linkedin.svg?1457693588') !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 20px 20px;
}

.icon-xing {
  background-image: url('../images/icons/icon_xing.svg?1457693527') !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 20px 20px;
}

.icon-twitter {
  background-image: url('../images/icons/icon_twitter.svg?1457693545') !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 20px 20px;
}

/*******************************************************************************
 * _links.scss
 *
 * CSS fuer Links mit Bildern wie z.B. E-Mail, Download, etc.
 ******************************************************************************/
.l-main {
  /* Default Links */
  /* E-Mail */
  /* Download */
  /* External Links */
}
.l-main a {
  color: #ff3700;
  background: url('../images/links/link_internal.svg?1457691634') no-repeat left top transparent;
  background-size: 20px 20px;
  display: inline-block;
  font-weight: 300;
  padding-left: 23px;
  text-decoration: none;
}
.l-main a:hover {
  text-decoration: underline;
}
.l-main a[href^="mailto:"],
.l-main a.email {
  color: #ff3700;
  background: url('../images/links/link_email.svg?1457694362') no-repeat left top transparent;
  background-size: 20px 20px;
}
.l-main a[href*=".pdf"],
.l-main a[href*=".jpg"], .l-main a[href*=".jpeg"],
.l-main a[href*=".gif"],
.l-main a[href*=".bmp"],
.l-main a[href*=".doc"], .l-main a[href*=".docx"],
.l-main a[href*=".ppt"], .l-main a[href*=".pptx"],
.l-main a[href*=".txt"],
.l-main a[href*=".xls"],
.l-main a.download,
.l-main a.download-link {
  background: url('../images/links/link_download.svg?1457694357') no-repeat left top transparent;
  background-size: 20px 20px;
}
.l-main a.external-link {
  background: url('../images/links/link_external.svg?1457694367') no-repeat left top transparent;
  background-size: 20px 20px;
}
.l-main a.nolink {
  border: none;
  text-decoration: none;
  background: none;
  padding: 0;
  color: black;
}
.l-main a.nolink a:hover, .l-main a.nolink:hover {
  border: none;
  text-decoration: none;
}
.l-main a.button {
  text-align: center;
  background: #ff3700;
  color: white;
  font-weight: 600;
  border: 1px solid #ff3700;
  text-shadow: none;
  padding: 0px 20px 0px;
  height: 40px;
  line-height: 40px;
  width: 100%;
  cursor: pointer;
}
@media (min-width: 0px) {
  .l-main a.button {
    height: 30px;
    line-height: 30px;
  }
}
.l-main a.button:hover {
  background: white;
  color: #ff3700;
  border: 1px solid #ff3700;
  text-decoration: none;
}
.l-main .linklist .external-link {
  padding-left: 23px;
}
.l-main h1 a, .l-main h2 a, .l-main h3 a, .l-main h4 a, .l-main h5 a, .l-main h6 a {
  border: none;
  text-decoration: none;
  background: none;
  padding: 0;
  color: black;
  color: black;
}
.l-main h1 a a:hover, .l-main h1 a:hover, .l-main h2 a a:hover, .l-main h2 a:hover, .l-main h3 a a:hover, .l-main h3 a:hover, .l-main h4 a a:hover, .l-main h4 a:hover, .l-main h5 a a:hover, .l-main h5 a:hover, .l-main h6 a a:hover, .l-main h6 a:hover {
  border: none;
  text-decoration: none;
}
.l-main h1 a.external-link, .l-main h2 a.external-link, .l-main h3 a.external-link, .l-main h4 a.external-link, .l-main h5 a.external-link, .l-main h6 a.external-link {
  border: none;
  text-decoration: none;
  background: none;
  padding: 0;
  color: black;
  color: black;
}
.l-main h1 a.external-link a:hover, .l-main h1 a.external-link:hover, .l-main h2 a.external-link a:hover, .l-main h2 a.external-link:hover, .l-main h3 a.external-link a:hover, .l-main h3 a.external-link:hover, .l-main h4 a.external-link a:hover, .l-main h4 a.external-link:hover, .l-main h5 a.external-link a:hover, .l-main h5 a.external-link:hover, .l-main h6 a.external-link a:hover, .l-main h6 a.external-link:hover {
  border: none;
  text-decoration: none;
}
.l-main a.open {
  background: url('../images/links/link_open.svg?1457694375') no-repeat left top transparent;
  background-size: 20px 20px;
}
.l-main a.open:hover {
  text-decoration: none;
  border: none;
}
.l-main a.close {
  background: url('../images/links/link_close.svg?1457694344') no-repeat left top transparent;
  background-size: 20px 20px;
}
.l-main a.close:hover {
  text-decoration: none;
  border: none;
}
.l-main a.print {
  background: transparent url('../images/links/link_print.svg?1457694380') left top no-repeat;
  background-size: 20px 20px;
}
.l-main a.print:hover {
  text-decoration: none;
  border: none;
}

/*******************************************************************************
 * _lists.scss
 *
 * Listen
 ******************************************************************************/
.content-inner ul {
  list-style-image: url('../images/base/ul-li.svg?1459951576');
  margin: 0em 0  40px;
  padding: 0;
  /*siehe _mixins.scss*/
}
.content-inner ul li {
  margin-left: 15px;
  padding-left: 3px;
  margin-bottom: 2px;
  line-height: 1.5em;
}
.content-inner ul li ul {
  margin-top: 0;
}
.content-inner ol {
  margin: 0em 0 2em;
  padding: 0;
  /*siehe _mixins.scss*/
}
.content-inner ol li {
  margin-left: 15px;
  padding-left: 3px;
}
.content-inner ol li ol {
  list-style: lower-alpha outside none;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

ul.menu {
  padding: 0;
  margin: 0;
  /*siehe _mixins.scss*/
}
ul.menu li {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-image: none;
  line-height: normal;
}

ul.no-list {
  padding: 0;
  margin: 0;
  /*siehe _mixins.scss*/
}
ul.no-list li {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-image: none;
  line-height: normal;
}

.liste h4 {
  margin-bottom: 0.5em;
}

.linklist {
  margin-bottom: 2em;
}
.linklist h4 {
  margin-bottom: 1em;
  margin-top: 0;
}
.linklist ul {
  padding: 0;
  margin: 0;
  margin-bottom: 1em;
}
.linklist ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-image: none;
  line-height: normal;
}
.linklist img {
  width: 100%;
}
.linklist table {
  margin-bottom: 1em;
}
.linklist table a {
  border: none;
  text-decoration: none;
  background: none;
  padding: 0;
  color: black;
}
.linklist table a a:hover, .linklist table a:hover {
  border: none;
  text-decoration: none;
}
.linklist table a:hover {
  color: #ff3700;
}

/*******************************************************************************
 * _media.scss
 *
 * Bilder, Videos etc.
 ******************************************************************************/
img, media {
  max-width: 100%;
  border: none;
}

.image-container img {
  display: block;
}

.fill {
  background-position: center center;
  background-size: cover;
  height: 100%;
  width: 100%;
}

a.colorbox {
  border: none;
  text-decoration: none;
  background: none;
  padding: 0;
  color: black;
  margin-bottom: 16px;
  display: block;
  position: relative;
  background: #cccccc;
  border: 1px solid #cccccc;
}
a.colorbox a:hover, a.colorbox:hover {
  border: none;
  text-decoration: none;
}
a.colorbox.no-image {
  border: none;
  margin: 0;
  background: transparent;
  display: inline-block;
}
a.colorbox.no-image div.icon {
  right: 0;
}
a.colorbox img {
  display: block;
}
a.colorbox div.icon {
  position: absolute;
  right: 7px;
  bottom: 7px;
  z-index: 2;
  background-color: white;
  background-position: 2px 2px;
  display: none;
}
@media (min-width: 0px) {
  a.colorbox div.icon {
    display: block;
  }
}
a.colorbox div.icon:hover {
  background-color: #ff3700;
  background-position: 2px -48px;
}
a.colorbox:hover .icon {
  background-color: #ff3700;
  background-position: 2px -48px;
}

/* Bildunterschrift */
.caption {
  font-weight: 300;
  font-size: 0.857em;
  /*12px 14px*/
  clear: left;
  line-height: 1.5em;
  /*18px 12px*/
  margin-bottom: 1em;
}

.image {
  margin-bottom: 1em;
  overflow: hidden;
}
.image a {
  border: none;
  text-decoration: none;
  background: none;
  padding: 0;
  color: black;
  display: block;
}
.image a a:hover, .image a:hover {
  border: none;
  text-decoration: none;
}
.image a img {
  display: block;
}
.image.omega {
  margin-left: 16px;
}
.image .caption {
  margin: 1em 0;
}

/*******************************************************************************
 * _tables.scss
 *
 * CSS fuer Tabellen.
 ******************************************************************************/
table {
  border-spacing: 0;
  border-collapse: collapse;
  margin-bottom: 40px;
  line-height: 1em;
  width: 100%;
}
@media (min-width: 0px) {
  table {
    margin-bottom: 50px;
  }
}
@media (min-width: 2px) {
  table {
    margin-bottom: 60px;
  }
}
table thead {
  text-align: left;
}
table thead th {
  text-align: left;
  padding: 5px 5px 2px;
  font-weight: 600;
  font-size: 1em;
  line-height: 1em;
  background-color: white;
}
@media (min-width: 0px) {
  table thead th {
    padding: 10px 12px 5px;
  }
}
table tbody tr {
  vertical-align: top;
  line-height: 1.5em;
  /*21px 14px*/
  background-color: white;
}
table tbody tr:nth-child(2n+1) {
  background-color: #eeeeee;
}
table tbody tr:hover {
  background-color: #dadada;
}
table tbody tr td {
  padding: 2px 5px;
  border-right: 2px solid white;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
@media (min-width: 0px) {
  table tbody tr td {
    padding: 5px 12px;
  }
}
table tbody tr td:nth-last-child(1) {
  border-right: none;
}

table.komplex thead tr {
  border-bottom: 2px solid white;
}
table.komplex thead th {
  padding: 10px 12px;
  vertical-align: top;
  line-height: 1.2em;
  background-color: #cccccc;
  border-right: 2px solid white;
}
table.komplex thead th:nth-child(1) {
  padding-left: 12px;
}
table.komplex tbody tr {
  background-color: #eeeeee;
}
table.komplex tbody tr:nth-child(2n+1) {
  background-color: white;
}
table.komplex tbody tr:hover {
  background-color: #dadada;
}
table.komplex th.tabcenter, table.komplex td.tabcenter {
  text-align: center;
}
table.komplex th.tabright, table.komplex td.tabright {
  text-align: right;
}
table.komplex .alignBottom {
  vertical-align: bottom !important;
}
table.komplex .alignMiddle {
  vertical-align: middle !important;
}
table.komplex .alignTop {
  vertical-align: top !important;
}

table.no-zebra tr:nth-child(2n+1) {
  background-color: white;
}
table.no-zebra tr:hover {
  background-color: #dadada;
}

/* Responsive Tables */
.table-scrollable {
  margin-bottom: 40px;
  width: 100%;
  overflow-y: auto;
}
@media (min-width: 0px) {
  .table-scrollable {
    margin-bottom: 50px;
  }
}
@media (min-width: 2px) {
  .table-scrollable {
    margin-bottom: 60px;
  }
}
.table-scrollable table {
  margin-bottom: 0;
}

.table-scrollable::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
}

.table-scrollable::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 3px solid #fff;
  background-color: rgba(0, 0, 0, 0.3);
}

/*******************************************************************************
 * _typography.scss
 *
 * Typography basiert auf variables/_typography.scss
 ******************************************************************************/
body {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 1.5em;
  color: black;
  font-weight: 300;
}
@media (min-width: 0px) {
  body {
    font-size: 14px;
  }
}

.Open-Sans-normal-300 {
  font-weight: 300;
}

.Open-Sans-italic-300 {
  font-weight: 300;
  font-style: italic;
}

.Open-Sans-normal-600 {
  font-weight: 600;
}

/* Ueberschriften */
h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  margin: 1.4em 0 1em;
  line-height: 1em;
}

h1 {
  font-size: 2em;
  /*30px 15px */
  font-weight: 600;
  text-transform: uppercase;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  color: #ff3700;
}
@media (min-width: 0px) {
  h1 {
    font-size: 2.429em;
    /*34px 14px */
  }
}
h1#page-title, h1.page-title {
  margin: 0 0 0.618em 0;
  /*15px 34px */
  padding: 0.26em 0 0.38em;
  /*9px 0 13px 0 */
  border-top: 1px solid #ff3700;
  border-bottom: 1px solid #ff3700;
}
h1#page-title img, h1.page-title img {
  float: right;
  height: 30px;
  width: 30px;
  margin: 4px 0px 0px;
}

.h1 {
  margin: 0 0 0.618em 0;
  /*15px 34px */
  padding: 0.26em 0 0.38em;
  /*9px 0 13px 0 */
  border-top: 1px solid #ff3700;
  border-bottom: 1px solid #ff3700;
  font-size: 2.429em;
  /*34px 14px */
  font-weight: 600;
  text-transform: uppercase;
  color: #ff3700;
  line-height: 1em;
}

h2 {
  color: black;
  margin-bottom: 14px;
  margin-top: 0em;
  font-style: italic;
  font-size: 1.2em;
  /*18px 15px */
  color: black;
  text-transform: none;
  font-weight: 300;
  line-height: 1.3em;
  /*27px 21px */
}
@media (min-width: 0px) {
  h2 {
    font-size: 1.5em;
    /*21px 14px */
  }
}
h2.subline {
  margin: -0.524em 0 0.5em;
  padding: 0;
}
@media (min-width: 0px) {
  h2.subline {
    margin: -0.524em 0 1.5em;
  }
}
h2.block-title {
  margin-top: 0;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.5em;
}
h2.list-title {
  color: #ff3700;
  font-style: normal;
  margin-top: 1em;
}
h2 strong, h2 b {
  font-weight: 300;
  color: black;
}

p + h2 {
  margin-top: 1em;
}

.subheading {
  text-transform: uppercase;
  margin: 2em 0 1em;
  font-weight: 600;
  font-size: 1.2em;
  padding-bottom: 0.667em;
  background: transparent url('../images/base/subheading.gif?1431442332') left bottom no-repeat;
}
@media (min-width: 0px) {
  .subheading {
    font-size: 1.5em;
    /*21px 14px */
  }
}

h3 {
  font-size: 1.0676em;
  /*16px 15px*/
  line-height: 1.222em;
  /*22px 18px*/
  color: black;
  font-weight: 300;
  text-transform: none;
  margin: 0;
  font-style: italic;
}
h3 strong, h3 b {
  font-weight: 300;
  color: black;
}
@media (min-width: 0px) {
  h3 {
    font-size: 1.286em;
    /*18px 14px*/
  }
}

h4, .h4, h5, h6 {
  font-size: 1em;
  /*14px*/
  font-weight: 600;
  margin-bottom: 0;
  text-transform: none;
  line-height: 1.3em;
}

/* Copy */
p {
  margin: 0 0 1em 0;
}

strong {
  color: #ff3700;
}

b {
  font-weight: 600;
}

address {
  font-style: normal;
}

hr {
  margin: 1em 0 1.5em;
  height: 1px;
  background: #cccccc;
  border: none;
  clear: left;
}

.semibold {
  font-weight: 600;
}

.light {
  font-weight: 300;
}

/*******************************************************************************
* _cookie_policy.scss
*
* 
******************************************************************************/
#cookiePolicy {
  display: none;
}

/*******************************************************************************
* _loading.scss
*
* 
******************************************************************************/
/* Mit JS <div class="loading"></div>einschalten, wenn Content noch nicht geladen ist
, der übergeordnete DIV muss position: relative sein*/
.loading {
  background: white url('../images/loading.gif?1429895780') no-repeat center center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}

/*******************************************************************************
* _search.scss
*
* 
******************************************************************************/
#search-page .article-item em {
  font-weight: bold;
  font-style: normal;
}

/*******************************************************************************
* _steps.scss
*
* jQuery Steps
******************************************************************************/
.steps-container {
  overflow: hidden;
  /*
  	Wizard
  */
  /* Steps*/
  /* Actions*/
}
.steps-container .andwenung-steps {
  margin: 0px 0 0 0;
  border: 1px solid #cccccc;
  background-color: white;
  float: left;
  margin-bottom: 20px;
  width: 100%;
  position: relative;
}
.steps-container .content {
  display: block;
  overflow: hidden;
  position: relative;
  width: auto;
  padding: 32px;
}
.steps-container .step-headline span {
  text-transform: uppercase;
  display: block;
  font-weight: 600;
  font-size: 1.143em;
  /*16px 14px*/
  line-height: 120%;
}
.steps-container .wizard {
  display: block;
  width: 100%;
  overflow: hidden;
  /* Accessibility */
}
.steps-container .wizard a {
  outline: 0;
}
.steps-container .wizard ul {
  padding: 0;
  margin: 0;
}
.steps-container .wizard ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-image: none;
  line-height: normal;
}
.steps-container .wizard ul li {
  display: block;
  padding: 0;
}
.steps-container .wizard .steps .current-info {
  position: absolute;
  left: -999em;
}
.steps-container .wizard .content > .title {
  position: absolute;
  left: -999em;
}
.steps-container .wizard .steps {
  position: relative;
  display: block;
  width: 100%;
  border-bottom: 1px solid #cccccc;
}
.steps-container .wizard .steps ul {
  padding: 0;
  margin: 0;
  height: 66px;
  /*.error a,
  .error a:hover,
  .error a:active{
  	background: #ff3111;
  	color: #fff;
  }	*/
}
.steps-container .wizard .steps ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-image: none;
  line-height: normal;
}
.steps-container .wizard .steps ul li {
  width: 25%;
  float: left;
}
.steps-container .wizard .steps ul a,
.steps-container .wizard .steps ul a:hover,
.steps-container .wizard .steps ul a:active {
  display: block;
  width: auto;
  margin: 0;
  padding: 13px 32px 13px;
  text-decoration: none;
  border: none;
  height: 65px;
}
.steps-container .wizard .steps ul .current a,
.steps-container .wizard .steps ul .current a:hover,
.steps-container .wizard .steps ul .current a:active {
  background: #ff3700 url('../images/components/anwendungen/steps-current.gif?1432034415') no-repeat right center;
  color: white;
  cursor: default;
}
.steps-container .wizard .steps ul .disabled a,
.steps-container .wizard .steps ul .disabled a:hover,
.steps-container .wizard .steps ul .disabled a:active {
  background: #eeeeee url('../images/components/anwendungen/steps.gif?1432034449') no-repeat right center;
  color: #87888a;
  cursor: default;
}
.steps-container .wizard .steps ul .last a,
.steps-container .wizard .steps ul .last a:hover,
.steps-container .wizard .steps ul .last a:active {
  background: #eeeeee;
  border-right: none !important;
}
.steps-container .wizard .steps ul .last.current a,
.steps-container .wizard .steps ul .last.current a:hover,
.steps-container .wizard .steps ul .last.current a:active {
  background: #ff3700;
  color: white;
}
.steps-container .wizard .steps ul .done a,
.steps-container .wizard .steps ul .done a:hover,
.steps-container .wizard .steps ul .done a:active {
  background: #eeeeee url('../images/components/anwendungen/steps.gif?1432034449') no-repeat right center;
  color: black;
}
.steps-container .wizard .steps ul .done.last a,
.steps-container .wizard .steps ul .done.last a:hover,
.steps-container .wizard .steps ul .done.last a:active {
  background-image: none;
}
.steps-container .wizard .steps ul .current:before {
  content: "\00a0";
  display: block;
  margin-left: -29px;
  float: left;
  width: 29px;
  padding: 0;
  height: 65px;
  line-height: normal;
  background: #eeeeee url('../images/components/anwendungen/steps-pre.gif?1439468428') no-repeat right center;
}
.steps-container .wizard .actions {
  position: relative;
  border-top: 1px solid #cccccc;
  display: block;
  text-align: right;
  width: auto;
  padding: 32px 0;
  margin: 0 32px;
}
.steps-container .wizard .actions ul {
  padding: 0;
  margin: 0;
  display: inline-block;
  text-align: right;
}
.steps-container .wizard .actions ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-image: none;
  line-height: normal;
}
.steps-container .wizard .actions ul li {
  float: left;
  margin: 0 0.5em;
}
.steps-container .wizard .actions ul li.disabled {
  display: none;
}
.steps-container .wizard .actions ul li:nth-child(1) a {
  background: #eeeeee;
  color: black;
  border: 1px solid #eeeeee;
}
.steps-container .wizard .actions ul li:nth-child(1) a:hover {
  border: 1px solid black;
  color: black;
  background: white;
}
.steps-container .wizard .actions ul a,
.steps-container .wizard .actions ul a:hover,
.steps-container .wizard .actions ul a:active {
  text-align: center;
  background: #ff3700;
  color: white;
  font-weight: 600;
  border: 1px solid #ff3700;
  text-shadow: none;
  padding: 0px 20px 0px;
  height: 40px;
  line-height: 40px;
  width: 100%;
  cursor: pointer;
}
@media (min-width: 0px) {
  .steps-container .wizard .actions ul a,
  .steps-container .wizard .actions ul a:hover,
  .steps-container .wizard .actions ul a:active {
    height: 30px;
    line-height: 30px;
  }
}
.steps-container .wizard .actions ul a:hover,
.steps-container .wizard .actions ul a:hover:hover,
.steps-container .wizard .actions ul a:active:hover {
  background: white;
  color: #ff3700;
  border: 1px solid #ff3700;
  text-decoration: none;
}
.steps-container .wizard .actions ul .disabled a,
.steps-container .wizard .actions ul .disabled a:hover,
.steps-container .wizard .actions ul .disabled a:active {
  background: #eeeeee;
  color: black;
}

/*******************************************************************************
* _tooltip.scss
*
* Tooltip
******************************************************************************/
.info-icon .my-tooltip-content {
  display: none;
}

.tooltipster-icon {
  cursor: help;
  margin-left: 5px;
}

.tooltipster-default {
  background: #eeeeee;
  border: 1px solid white;
  border-radius: 0;
  color: black;
}
.tooltipster-default .tooltipster-content {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.5em;
  padding: 20px 15px;
  overflow: hidden;
}
.tooltipster-default .tooltipster-content .h4 {
  margin-top: 0;
  font-size: 14px;
  margin-bottom: 0.5em;
  display: block;
}
.tooltipster-default .tooltipster-content .info {
  font-style: italic;
  display: block;
}

.tooltipster-greystyle {
  background: #eeeeee;
  border-radius: 0;
  color: black;
}
.tooltipster-greystyle .tooltipster-content {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.5em;
  font-weight: 600;
  padding: 10px 10px;
  overflow: hidden;
}
.tooltipster-greystyle .tooltipster-content h4 {
  margin-top: 0;
  font-size: 14px;
  margin-bottom: 0.5em;
}
.tooltipster-greystyle .tooltipster-content .info {
  font-style: italic;
}

.tooltipster-orangestyle {
  background: #ff3700;
  border-radius: 0;
  color: white;
}
.tooltipster-orangestyle .tooltipster-content {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.5em;
  font-weight: 600;
  padding: 10px 10px;
  overflow: hidden;
}
.tooltipster-orangestyle .tooltipster-content h4 {
  margin-top: 0;
  font-size: 14px;
  margin-bottom: 0.5em;
}
.tooltipster-orangestyle .tooltipster-content .info {
  font-style: italic;
}

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible;
}
.tooltipster-base .tooltipster-content {
  overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
  /* border-color: ... !important; */
}

/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.tooltipster-arrow span, .tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
}

.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-top: 8px solid;
  bottom: -7px;
}

.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid;
  top: -7px;
}

.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid;
  top: -7px;
}

.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto;
}

.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
  left: 6px;
}

.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 5px;
}

.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
  right: 6px;
}

.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 5px;
}

.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -7px;
}

.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 9px solid;
  margin-top: -8px;
}

.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -7px;
}

.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-right: 9px solid;
  margin-top: -8px;
}

/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}

.tooltipster-fade-show {
  opacity: 1;
}

.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}

.tooltipster-grow-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
}

.tooltipster-swing-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
  top: 0;
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0px !important;
  opacity: 0;
}

.tooltipster-slide {
  left: -40px;
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0px !important;
  opacity: 0;
}

/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
  opacity: 0.5;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

/*******************************************************************************
 * _login.scss
 *
 * Loginformular in Smartbox, CSS für Smartbox in _colorbox.scss
 ******************************************************************************/
#login-form #login-links {
  float: left;
}
#login-form label {
  width: 282px;
}
#login-form input.form-text {
  color: #87888a;
  width: 100%;
}
#login-form input.form-submit {
  width: 63px;
  float: right;
  margin-top: 10px;
}
#login-form .webform-component-password {
  margin-bottom: 22px;
}
#login-form #login-links a {
  background: url('../images/links/links-login.gif?1406722404') no-repeat scroll left 3px transparent !important;
}

/*******************************************************************************
 * __sidebar-image-teaser.scss
 *
 * CSS für Image-Teasers in Sidebars
 ******************************************************************************/
aside .image-teaser {
  border-bottom: 1px solid #ff3700;
  padding-bottom: 17px;
}
aside .image-teaser a {
  border: none;
  text-decoration: none;
  background: none;
  padding: 0;
  color: black;
}
aside .image-teaser a a:hover, aside .image-teaser a:hover {
  border: none;
  text-decoration: none;
}

/*******************************************************************************
 * _social-share-links.scss
 *
 * Soziale Medien
 ******************************************************************************/
#social-icons {
  margin: 2em 0 1em;
}
#social-icons ul {
  overflow: hidden;
  margin: 0 auto;
}
#social-icons ul li {
  text-align: center;
  display: block;
  float: left;
  text-indent: -10000px;
  margin: 0 0.5em;
}
#social-icons ul li a {
  width: 55px;
  height: 55px;
  display: block;
  background-size: 50px;
}
#social-icons ul li a:hover {
  background-color: #ff3700;
}
#social-icons ul li a.icon-facebook {
  background-color: #48649F;
}
#social-icons ul li a.icon-xing {
  background-color: #006567;
}
#social-icons ul li a.icon-linkedin {
  background-color: #0077B5;
}

/*******************************************************************************
 * _main-navigation.scss
 *
 * Hauptnavigation
 ******************************************************************************/
#mega-drop-down ul {
  position: relative;
  padding: 0;
  margin: 0;
  margin-top: 3px;
  /*2. Ebene*/
}
#mega-drop-down ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-image: none;
  line-height: normal;
}
#mega-drop-down ul li {
  float: left;
  position: relative;
  line-height: 1.5em;
  margin-right: 2.643em;
  /*(45px - 8px) 14px*/
}
#mega-drop-down ul li a {
  border-left: 5px solid white;
  padding-left: 3px;
  padding-top: 2px;
  padding-bottom: 2px;
  display: block;
  color: black;
  text-decoration: none;
  font-size: 1.288em;
  /*18px 14px*/
}
#mega-drop-down ul li a:hover {
  border-left: 5px solid #ff3700;
  color: #ff3700;
}
#mega-drop-down ul li:hover {
  /* 2. Ebebe */
}
#mega-drop-down ul li:hover div.sub-menu a {
  color: black;
  border-left: none;
}
#mega-drop-down ul li:hover.active-trail {
  color: black;
}
#mega-drop-down ul li.active-trail a, #mega-drop-down ul li.active a {
  border-left: 5px solid #ff3700;
  font-weight: 600;
  color: black;
}
#mega-drop-down ul div.sub-menu {
  position: absolute;
  padding-top: 29px;
  left: -49px;
  top: 19px;
  z-index: 10;
}
#mega-drop-down ul div.sub-menu .sub-menu-inner {
  padding-right: 25px;
  padding-left: 25px;
  padding-bottom: 25px;
  overflow: hidden;
}
#mega-drop-down ul div.sub-menu .inner-block {
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 10px;
  background: white;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
}
#mega-drop-down ul div.sub-menu h4, #mega-drop-down ul div.sub-menu h4 a {
  font-weight: 300;
  text-transform: none;
  font-size: 1.143em;
  /*16px 14px*/
  margin: 0 0 0.8em;
  padding: 0;
  line-height: 100%;
  border: none;
  text-decoration: none;
  background: none;
  padding: 0;
  color: black;
}
#mega-drop-down ul div.sub-menu h4 a:hover, #mega-drop-down ul div.sub-menu h4:hover, #mega-drop-down ul div.sub-menu h4 a a:hover, #mega-drop-down ul div.sub-menu h4 a:hover {
  border: none;
  text-decoration: none;
}
#mega-drop-down ul div.sub-menu h4 a:hover {
  color: #ff3700;
}
#mega-drop-down ul div.sub-menu .menu-container ul.menu-depth-2 {
  padding: 0;
  padding: 0;
  margin: 0;
  margin: 0px 0 0 24px;
  list-style-image: none;
}
#mega-drop-down ul div.sub-menu .menu-container ul.menu-depth-2 li {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-image: none;
  line-height: normal;
}
#mega-drop-down ul div.sub-menu .menu-container ul.menu-depth-2 li {
  float: none;
  margin: 0 0 10px;
  padding: 0;
  border: none;
  line-heihgt: 1em;
}
#mega-drop-down ul div.sub-menu .menu-container ul.menu-depth-2 li.active a {
  border-left: 5px solid #ff3700;
  font-weight: 600;
  color: black;
}
#mega-drop-down ul div.sub-menu .menu-container ul.menu-depth-2 a {
  font-weight: 300;
  font-size: 1em;
  line-height: 100%;
  border-left: 5px solid white;
  padding-left: 3px;
}
#mega-drop-down ul div.sub-menu .menu-container ul.menu-depth-2 a:hover {
  border-left: 5px solid #ff3700;
  font-weight: 600;
  color: black;
}
#mega-drop-down ul .with-teaser .menu-container {
  float: left;
}
#mega-drop-down ul .with-teaser .teaser {
  float: left;
  width: 230px;
}
#mega-drop-down ul .with-teaser .teaser h4 {
  border-bottom: 1px solid #ff3700;
  padding-bottom: 3px;
}
#mega-drop-down ul .with-teaser .teaser .image {
  background: #87888a;
  width: 100px;
  height: 80px;
  margin-right: 10px;
  float: left;
  display: inline-block;
}
#mega-drop-down ul .with-teaser .teaser .infos {
  float: left;
  font-size: 0.86em;
  /*12px 14px*/
  line-height: 1.1em;
  width: 120px;
}
#mega-drop-down ul .with-teaser .teaser .infos a {
  padding: 0;
  border: none;
  font-size: 1em;
  color: #ff3700;
  color: #ff3700;
  background: url('../images/links/link_internal.svg?1457691634') no-repeat left top transparent;
  background-size: 20px 20px;
  display: inline;
  font-weight: 300;
  padding-left: 23px;
  text-decoration: none;
  display: inline-block;
  padding-bottom: 2px;
  margin-top: 5px;
}
#mega-drop-down ul .with-teaser .teaser .infos a:hover {
  text-decoration: underline;
}
#mega-drop-down ul .menu-container {
  min-width: 200px;
}
#mega-drop-down ul .with-teaser {
  min-width: 550px;
}

/* Fallback-Lösung ohne JS */
.menu-hidden {
  display: none;
}

#mega-drop-down ul li:hover .menu-hidden {
  display: block;
}

/*******************************************************************************
 * _sub-navigation.scss
 *
 * Navigation 2. Ebene Seitenspalte
 ******************************************************************************/
#sub-navigation ul,
.sub-navigation ul {
  padding-right: 17px;
  padding: 0;
  margin: 0;
}
#sub-navigation ul li,
.sub-navigation ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-image: none;
  line-height: normal;
}
#sub-navigation ul li.menu-depth-2,
.sub-navigation ul li.menu-depth-2 {
  margin-bottom: 11px;
}
#sub-navigation ul li.menu-depth-2:hover > a, #sub-navigation ul li.menu-depth-2.active-trail > a, #sub-navigation ul li.menu-depth-2.active > a,
.sub-navigation ul li.menu-depth-2:hover > a,
.sub-navigation ul li.menu-depth-2.active-trail > a,
.sub-navigation ul li.menu-depth-2.active > a {
  color: black;
  font-weight: 600;
  border-left: 5px solid #ff3700;
}
#sub-navigation ul li.menu-depth-2 a,
.sub-navigation ul li.menu-depth-2 a {
  border: none;
  text-decoration: none;
  background: none;
  padding: 0;
  color: black;
  color: black;
  text-transform: none;
  font-weight: 300;
  padding-top: 0px;
  padding-bottom: 0px;
  border-left: 5px solid white;
  padding-left: 3px;
  font-size: 1.286em;
  /* 18px 14+x */
  line-height: 1.38em;
  /* 25üx 18px*/
}
#sub-navigation ul li.menu-depth-2 a a:hover, #sub-navigation ul li.menu-depth-2 a:hover,
.sub-navigation ul li.menu-depth-2 a a:hover,
.sub-navigation ul li.menu-depth-2 a:hover {
  border: none;
  text-decoration: none;
}
#sub-navigation ul li.menu-depth-2 > a:hover,
.sub-navigation ul li.menu-depth-2 > a:hover {
  color: black;
  font-weight: 600;
  border-left: 5px solid #ff3700;
}
#sub-navigation ul ul,
.sub-navigation ul ul {
  padding-left: 8px;
  padding-top: 18px;
  border-bottom: 1px solid #ff3700;
  padding-bottom: 5px;
  /*3. Ebene */
  /*4. Ebene */
}
#sub-navigation ul ul li.menu-depth-3,
.sub-navigation ul ul li.menu-depth-3 {
  margin-bottom: 11px;
}
#sub-navigation ul ul li.menu-depth-3 a,
.sub-navigation ul ul li.menu-depth-3 a {
  font-weight: 300;
  font-size: 14px;
  line-height: 1em;
  border-left: none;
  padding: 0;
}
#sub-navigation ul ul li.menu-depth-3:hover > a, #sub-navigation ul ul li.menu-depth-3.active-trail > a, #sub-navigation ul ul li.menu-depth-3.active > a,
.sub-navigation ul ul li.menu-depth-3:hover > a,
.sub-navigation ul ul li.menu-depth-3.active-trail > a,
.sub-navigation ul ul li.menu-depth-3.active > a {
  color: #ff3700;
}
#sub-navigation ul ul ul,
.sub-navigation ul ul ul {
  border-bottom: none;
  margin-top: 0;
  padding-bottom: 2px;
  padding-top: 10px;
  margin-bottom: 0;
  padding-left: 16px;
}
#sub-navigation ul ul li.menu-depth-4,
.sub-navigation ul ul li.menu-depth-4 {
  margin-bottom: 11px;
}
#sub-navigation ul ul li.menu-depth-4 a,
.sub-navigation ul ul li.menu-depth-4 a {
  font-weight: 300;
  font-size: 14px;
  line-height: 1em;
  border-left: none;
  padding: 0;
}
#sub-navigation ul ul li.menu-depth-4:hover > a, #sub-navigation ul ul li.menu-depth-4.active-trail > a, #sub-navigation ul ul li.menu-depth-4.active > a,
.sub-navigation ul ul li.menu-depth-4:hover > a,
.sub-navigation ul ul li.menu-depth-4.active-trail > a,
.sub-navigation ul ul li.menu-depth-4.active > a {
  color: #ff3700;
}
#sub-navigation ul ul.menu-level-3,
.sub-navigation ul ul.menu-level-3 {
  border-bottom: none;
  padding-left: 20px;
  padding-top: 10px;
}

/*******************************************************************************
* _ihr-projekt.scss
*
* Anwendung Ihr Projekt
******************************************************************************/
/*******************************************************************************
* _metergewichtsrechner.scss
*
* Anwendung Metergewichtsrechner
******************************************************************************/
#anwendung-metergewichtsrechner {
  /* erbt von box-item*/
  /**************** Schritt 1 ****************/
  /**************** Schritt 2 ****************/
  /**************** Schritt 3 ****************/
}
#anwendung-metergewichtsrechner strong {
  color: black;
  font-weight: 600;
}
#anwendung-metergewichtsrechner .teaser-container {
  width: 76.53374%;
  float: left;
  margin-right: 1.68712%;
  display: inline;
  margin-bottom: 2em;
}
#anwendung-metergewichtsrechner form {
  clear: left;
}
#anwendung-metergewichtsrechner form .webform-component-radios .form-item {
  float: left;
  margin-bottom: 0;
  margin-right: 1.5em;
}
#anwendung-metergewichtsrechner form .webform-component-select {
  overflow: hidden;
}
#anwendung-metergewichtsrechner form .webform-component-select select {
  width: 370px;
}
#anwendung-metergewichtsrechner form #edit-actions {
  width: 100%;
}
#anwendung-metergewichtsrechner form #edit-actions input {
  width: 215px;
  float: right;
  margin-left: 2em;
}
#anwendung-metergewichtsrechner form label div {
  line-height: 1.5em;
}
#anwendung-metergewichtsrechner .top {
  border-bottom: 1px solid #cccccc;
  margin-bottom: 2em;
  padding: 0em 0 1.6em;
  overflow: hidden;
}
#anwendung-metergewichtsrechner .top .firstCol {
  width: 50%;
  float: left;
}
#anwendung-metergewichtsrechner .top .secondCol {
  width: 50%;
  float: left;
}
#anwendung-metergewichtsrechner .middle {
  padding: 0em 0 0m;
  overflow: hidden;
}
#anwendung-metergewichtsrechner .middle #webform-component-dichte {
  width: 100%;
}
#anwendung-metergewichtsrechner .middle #webform-component-dichte .form-text {
  width: 190px;
  float: left;
}
#anwendung-metergewichtsrechner .middle .firstCol {
  width: 63%;
  float: left;
  margin-right: 1%;
}
#anwendung-metergewichtsrechner .middle .secondCol {
  width: 36%;
  float: left;
}
#anwendung-metergewichtsrechner .bottom {
  overflow: hidden;
  padding: 1.8em 0 1.6em;
}
#anwendung-metergewichtsrechner .ergebnis {
  padding: 2em 1.5em 2em;
  height: auto;
  float: none;
  display: block;
  overflow: hidden;
  margin: 2em 0 0 0;
}
#anwendung-metergewichtsrechner .ergebnis h3 {
  color: #ff3700;
}
#anwendung-metergewichtsrechner .ergebnis .firstCol {
  width: 70%;
  float: left;
}
#anwendung-metergewichtsrechner .ergebnis .firstCol .webform-component-textfield {
  width: 42%;
  float: left;
}
#anwendung-metergewichtsrechner .ergebnis .firstCol .webform-component-textfield .form-text {
  width: 190px;
}
#anwendung-metergewichtsrechner .ergebnis .secondCol {
  width: 30%;
  float: left;
  text-align: right;
  padding-top: 0.5em;
}
#anwendung-metergewichtsrechner .step-2 {
  /* Abweichungen von default tabs */
}
#anwendung-metergewichtsrechner .step-2 .tabs-container .tab {
  background: #eeeeee;
}
#anwendung-metergewichtsrechner .step-2 .tabs-container .tab-content {
  padding-bottom: 17px;
}
#anwendung-metergewichtsrechner .step-2 .tabs-container ul.tabs-menu li.current {
  background: #eeeeee;
  border-bottom: 1px solid #eeeeee;
}
#anwendung-metergewichtsrechner .step-2 .tabs-container ul.tabs-menu li {
  background: white;
}
#anwendung-metergewichtsrechner .step-2 .tabs-container ul.tabs-menu li:hover {
  background: #eeeeee;
}
#anwendung-metergewichtsrechner .step-2 .form-radios {
  overflow: hidden;
}
#anwendung-metergewichtsrechner .step-2 .form-radios .form-item {
  background: white;
  width: 200px;
  height: 200px;
  padding: 10px;
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}
#anwendung-metergewichtsrechner .step-2 .form-radios .form-item:nth-child(4n) {
  margin-right: 0;
}
#anwendung-metergewichtsrechner .step-2 .form-radios .form-item .image {
  border-bottom: 1px solid #cccccc;
  height: 120px;
  margin-bototm: 10px;
  text-align: center;
}
#anwendung-metergewichtsrechner .step-2 .form-radios .form-item .image img {
  height: 100%;
}
#anwendung-metergewichtsrechner .step-3 .top {
  border: none;
}
#anwendung-metergewichtsrechner .step-3 .firstCol {
  width: 50%;
  float: left;
}
#anwendung-metergewichtsrechner .step-3 .firstCol .webform-component-textfield2 {
  width: 150px;
  float: left;
  overflow: hidden;
  margin-bottom: 10px;
}
#anwendung-metergewichtsrechner .step-3 .firstCol label {
  float: left;
  width: 20px;
  font-weight: 600;
}
#anwendung-metergewichtsrechner .step-3 .firstCol input.form-text {
  float: left;
  width: 110px;
}
#anwendung-metergewichtsrechner .step-3 .firstCol .webform-component-fieldset {
  overflow: hidden;
}
#anwendung-metergewichtsrechner .step-3 .firstCol .webform-component-fieldset .fieldset-wrapper {
  width: 300px;
}
#anwendung-metergewichtsrechner .step-3 .firstCol #webform-component-mm-abmessungen {
  border-bottom: 1px solid #cccccc;
  margin-bottom: 2em;
  padding: 0em 0 1em;
}
#anwendung-metergewichtsrechner .step-3 .secondCol {
  width: 50%;
  float: left;
}
#anwendung-metergewichtsrechner .auswahl {
  text-align: center;
}
#anwendung-metergewichtsrechner .auswahl .image {
  height: 200px;
  text-align: center;
}
#anwendung-metergewichtsrechner .auswahl .image img {
  height: 100%;
  text-align: center;
}
#anwendung-metergewichtsrechner .auswahl .description {
  text-align: center;
  width: 200px;
  margin: 0 auto;
}
#anwendung-metergewichtsrechner .step-4 table tbody tr {
  background: none;
}
#anwendung-metergewichtsrechner .step-4 table tbody tr:nth-child(2n+1) {
  background: none;
}
#anwendung-metergewichtsrechner .step-4 table tbody tr:hover {
  background: none;
}
#anwendung-metergewichtsrechner .step-4 table tbody tr td {
  border: none;
  padding: 0;
}
#anwendung-metergewichtsrechner .step-4 table tr td {
  padding: 5px 0px !important;
}
#anwendung-metergewichtsrechner .step-4 table tr td:nth-child(1) {
  font-weight: 600;
  width: 130px;
}
#anwendung-metergewichtsrechner .step-4 table tr td:nth-child(2) {
  font-style: italic;
}
#anwendung-metergewichtsrechner .step-4 .firstCol,
#anwendung-metergewichtsrechner .step-4 .secondCol {
  width: 50%;
  float: left;
}

/*******************************************************************************
* _ringrechner.scss
*
* Anwendung Ringrechner
******************************************************************************/
#anwendung-ringrechner {
  /* erbt von box-item*/
}
#anwendung-ringrechner strong {
  color: black;
  font-weight: 600;
}
#anwendung-ringrechner .teaser-container {
  width: 76.53374%;
  float: left;
  margin-right: 1.68712%;
  display: inline;
  margin-bottom: 2em;
}
#anwendung-ringrechner .middle .firstCol {
  width: 63%;
  float: left;
  margin-right: 1%;
}
#anwendung-ringrechner .middle .secondCol {
  width: 36%;
  float: left;
}
#anwendung-ringrechner form {
  clear: left;
}
#anwendung-ringrechner form .webform-component-radios .form-item {
  float: left;
  margin-bottom: 0;
  margin-right: 1.5em;
}
#anwendung-ringrechner form .webform-component-select {
  overflow: hidden;
  margin-bottom: 2em;
}
#anwendung-ringrechner form .webform-component-select select {
  float: left;
  width: 270px;
}
#anwendung-ringrechner form #edit-actions {
  width: 100%;
}
#anwendung-ringrechner form #edit-actions input {
  width: 215px;
  float: right;
  margin-left: 2em;
}
#anwendung-ringrechner .top {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 2em;
  padding: 1.8em 0 1.6em;
  overflow: hidden;
}
#anwendung-ringrechner .middle {
  border-bottom: 1px solid #cccccc;
  padding: 0em 0 1.6em;
  overflow: hidden;
}
#anwendung-ringrechner .bottom {
  overflow: hidden;
  padding: 1.8em 0 1.6em;
}
#anwendung-ringrechner .ergebnis {
  padding: 2em 1.5em 1em;
  height: auto;
  float: none;
  display: block;
  overflow: hidden;
  margin: 2em 0 0 0;
  border: 1px solid #ff3700;
  border-left: 10px solid #ff3700;
}
#anwendung-ringrechner .ergebnis .firstCol {
  width: 38%;
  float: left;
  margin-right: 2%;
}
#anwendung-ringrechner .ergebnis .firstCol h3 {
  color: #ff3700;
}
#anwendung-ringrechner .ergebnis .secondCol {
  width: 60%;
  float: left;
}
#anwendung-ringrechner .ergebnis .secondCol .image {
  float: left;
  margin-right: 60px;
  margin-bottom: 0;
}
#anwendung-ringrechner .ergebnis .secondCol #webform-component-ringaussendurchmesser {
  float: right;
  width: 309px;
}
#anwendung-ringrechner .ergebnis .secondCol #webform-component-ringaussendurchmesser .form-text {
  width: 270px;
  float: left;
}

/*******************************************************************************
 * _colorbox.scss
 *
 * In Abhängingkeit zu jquery.colorbox.min  -> http://www.jacklmoore.com/colorbox/
 ******************************************************************************/
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}

#cboxWrapper {
  max-width: none;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #87888a;
}

#colorbox {
  outline: 0;
}

#cboxContent {
  margin: 40px 16px 16px;
  overflow: visible;
  background: white;
}
@media (min-width: 0px) {
  #cboxContent {
    margin: 32px;
  }
}

.cboxIframe {
  background: white;
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#cboxLoadedContent {
  background: white;
  padding: 0px;
  border: 1px solid #cccccc;
  margin-bottom: 60px;
}

#cboxLoadingGraphic {
  background: url('../images/loading.gif?1429895780') no-repeat center center;
}

#cboxLoadingOverlay {
  background: #000;
}

#cboxTitle {
  position: absolute;
  bottom: 0px;
  left: 0;
  color: black;
  background: white;
  padding: 10px 20px 10px;
  width: 100%;
  height: auto;
}
@media (min-width: 0px) {
  #cboxTitle {
    height: 62px;
  }
}

#cboxCurrent {
  position: absolute;
  top: -22px;
  right: 205px;
  text-indent: -9999px;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  text-indent: -9999px;
  width: 40px;
  height: 40px;
  position: absolute;
  top: -40px;
  background: #ff3700 url('../images/base/controls.svg?1457694596') no-repeat 0 0;
  /* controls.ai-Datei im images-Ordner */
}
@media (min-width: 0px) {
  #cboxPrevious,
  #cboxNext,
  #cboxSlideshow,
  #cboxClose {
    width: 20px;
    height: 20px;
    top: -20px;
  }
}
#cboxPrevious:hover,
#cboxNext:hover,
#cboxSlideshow:hover,
#cboxClose:hover {
  background-color: white;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0;
}

#cboxPrevious {
  background-position: 0px 0px;
  left: 0x;
  background-size: 250px 150px;
}
#cboxPrevious:hover {
  background-position: 0px -50px;
}
@media (min-width: 0px) {
  #cboxPrevious {
    background-position: 0px 0px;
    left: 0x;
    background-size: 125px 75px;
  }
  #cboxPrevious:hover {
    background-position: 0px -25px;
  }
}

#cboxNext {
  background-position: -50px 0;
  left: 44px;
  background-size: 250px 150px;
}
#cboxNext:hover {
  background-position: -50px -50px;
}
@media (min-width: 0px) {
  #cboxNext {
    background-position: -25px 0px;
    left: 22px;
    background-size: 125px 75px;
  }
  #cboxNext:hover {
    background-position: -25px -25px;
  }
}

#cboxClose {
  background-position: -100px -0px;
  right: 0px;
  background-size: 250px 150px;
}
#cboxClose:hover {
  background-position: -100px -50px;
}
@media (min-width: 0px) {
  #cboxClose {
    right: -20px;
    background-size: 125px 75px;
    background-position: -50px -0px;
  }
  #cboxClose:hover {
    background-position: -50px -25px;
  }
}

.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious {
  right: 66px;
}

.cboxSlideshow_on #cboxSlideshow {
  background-position: -75px -25px;
  right: 44px;
  background-size: 125px 75px;
}
.cboxSlideshow_on #cboxSlideshow:hover {
  background-position: -100px -25px;
}

.cboxSlideshow_off #cboxSlideshow {
  background-position: -100px 0px;
  right: 44px;
  background-size: 125px 75px;
}
.cboxSlideshow_off #cboxSlideshow:hover {
  background-position: -75px -25px;
}

/********************************************
*** Styles für Smartbox: Login und Suche  ***
*********************************************/
/* Coloboxstyles für Suche */
#cboxOverlay.smartbox {
  background: white;
}

#colorbox.smartbox #cboxContent {
  margin: 0;
  padding-top: 12px;
}
#colorbox.smartbox #cboxLoadedContent {
  margin: 0;
  background: #eeeeee;
  border-top: none;
  padding: 16px;
}
#colorbox.smartbox #cboxLoadedContent a {
  color: #ff3700;
  background: url('../images/links/link_internal.svg?1457691634') no-repeat left top transparent;
  background-size: 20px 20px;
  display: inline;
  font-weight: 300;
  padding-left: 23px;
  text-decoration: none;
  display: block;
}
#colorbox.smartbox #cboxLoadedContent a:hover {
  text-decoration: underline;
}
#colorbox.smartbox #cboxLoadedContent form {
  margin: 0;
}
#colorbox.smartbox #cboxTitle {
  background: transparent;
  padding: 0;
  height: auto;
}
#colorbox.sb-right {
  /* Pfeil rechts */
}
#colorbox.sb-right #cboxContent {
  background: transparent url('../images/components/colorbox-sb-right.png?1406536518') no-repeat right top;
}
#colorbox.sb-left {
  /* Pfeil rechts */
}
#colorbox.sb-left #cboxContent {
  background: transparent url('../images/components/colorbox-sb-left.png?1406538394') no-repeat right top;
}

/********************************************
*** Styles für Lighbtox allgemein mit Inline-HTML  ***
*********************************************/
#colorbox {
  /* z.B. bei Downloads, Prospekt anfordern*/
  /* Download Popup*/
}
#colorbox.inline-colorbox #cboxContent {
  background: white;
}
#colorbox.inline-colorbox #cboxLoadedContent {
  padding: 16px;
  margin-bottom: 0;
}
#colorbox.inline-colorbox #cboxLoadedContent .teaser a {
  color: #ff3700;
  background: url('../images/links/link_internal.svg?1457691634') no-repeat left top transparent;
  background-size: 20px 20px;
  display: inline;
  font-weight: 300;
  padding-left: 23px;
  text-decoration: none;
  display: block;
}
#colorbox.inline-colorbox #cboxLoadedContent .teaser a:hover {
  text-decoration: underline;
}
#colorbox.inline-colorbox #cboxTitle {
  background: transparent;
  padding: 0;
  height: auto;
}
#colorbox.dark-style #cboxLoadedContent {
  background: #eeeeee;
  padding: 2em;
  margin-bottom: 0;
}
#colorbox.dark-style #cboxLoadedContent .colorbox-with-html {
  display: block;
}
#colorbox.dark-style #cboxTitle {
  background: transparent;
  padding: 0;
  height: auto;
}
#colorbox.dark-style a {
  color: #ff3700;
  background: url('../images/links/link_internal.svg?1457691634') no-repeat left top transparent;
  background-size: 20px 20px;
  display: inline-block;
  font-weight: 300;
  padding-left: 23px;
  text-decoration: none;
}
#colorbox.dark-style a:hover {
  text-decoration: underline;
}

/*******************************************************************************
 * _kalender.scss
 *
 * CSS fuer Kalender-Plugin, wird z.B. bei der Metallanwendung verwendet
 ******************************************************************************/
table.jCalendar {
  margin: 0;
  border: 0;
  background: #f5f2e9;
  border-collapse: separate;
  border-spacing: 2px;
}
table.jCalendar th {
  background: white;
  color: black;
  font-weight: 600;
  padding: 3px 5px;
}
table.jCalendar th:nth-child(1) {
  padding: 3px 5px;
}
table.jCalendar td {
  background: white;
  color: black;
  padding: 3px 5px;
  text-align: center;
  border: none;
}
table.jCalendar td.today {
  background: white;
  color: #ff3700;
  font-weight: 600;
}
table.jCalendar td.other-month {
  background: white;
  color: black;
}
table.jCalendar td.selected {
  background: white;
  color: #ff3700;
  border: 1px solid #ff3700;
}
table.jCalendar td.selected:hover {
  background: #ff3700;
  color: white;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
  background: #eeeeee;
  color: black;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
  background: white;
  color: black;
}

div.dp-popup {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  position: relative;
  background: #ff3700;
  font-size: 0.7em;
  padding: 2px;
  width: auto;
  line-height: 1.2em;
  color: white;
}
div.dp-popup h2 {
  font-size: 120%;
  text-align: center;
  margin: 2px 0;
  padding: 0;
  font-style: normal;
  color: white;
  font-weight: 600;
}
div.dp-popup td.disabled {
  cursor: default;
}
div.dp-popup td {
  cursor: pointer;
}
div.dp-popup a.disabled {
  cursor: default;
  color: white;
}
div.dp-popup div.dp-popup a {
  color: white;
  text-decoration: none;
  padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
  position: absolute;
  top: 2px;
  *top: 0;
  left: 4px;
  width: 100px;
}
div.dp-popup div.dp-nav-prev a {
  float: left;
  border: none;
  text-decoration: none;
  background: none;
  padding: 0;
  color: black;
  color: white;
}
div.dp-popup div.dp-nav-prev a a:hover, div.dp-popup div.dp-nav-prev a:hover {
  border: none;
  text-decoration: none;
}
div.dp-popup div.dp-nav-prev a:hover {
  color: #eeeeee;
}
div.dp-popup div.dp-nav-next {
  position: absolute;
  top: 2px;
  *top: 0;
  right: 4px;
  width: 100px;
}
div.dp-popup div.dp-nav-next a {
  float: right;
  border: none;
  text-decoration: none;
  background: none;
  padding: 0;
  color: black;
  color: white;
}
div.dp-popup div.dp-nav-next a a:hover, div.dp-popup div.dp-nav-next a:hover {
  border: none;
  text-decoration: none;
}
div.dp-popup div.dp-nav-next a:hover {
  color: #eeeeee;
}

/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
  cursor: pointer;
}

div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
  cursor: default;
}

div#dp-popup {
  position: absolute;
  z-index: 199;
}

a#dp-close {
  font-size: 11px;
  padding: 4px 0;
  text-align: center;
  display: block;
}

a#dp-close:hover {
  text-decoration: underline;
}

/* Kalender Icons */
a.dp-choose-date {
  float: left;
  width: 21px;
  height: 19px;
  padding: 0;
  margin: 6px 0px 0 8px;
  display: block;
  text-indent: -2000px;
  overflow: hidden;
  background: transparent url('../images/icons/icon_kalender.gif?1429894849') no-repeat center center;
}

a.dp-choose-date.dp-disabled {
  background-position: 0 -20px;
  cursor: default;
}

/*******************************************************************************
 * __accordion-item-list.scss
 *
 * CSS fuer Accordion Items, verwendet bei Karriere
 ******************************************************************************/
.accordion-item-list {
  margin-bottom: 40px;
}
@media (min-width: 0px) {
  .accordion-item-list {
    margin-bottom: 50px;
  }
}
@media (min-width: 2px) {
  .accordion-item-list {
    margin-bottom: 60px;
  }
}
.accordion-item-list .item .accordion {
  margin-top: 1.4em;
  margin-bottom: 40px;
}
@media (min-width: 0px) {
  .accordion-item-list .item .accordion {
    margin-bottom: 50px;
  }
}
@media (min-width: 2px) {
  .accordion-item-list .item .accordion {
    margin-bottom: 60px;
  }
}

/*******************************************************************************
 * _article-item.scss
 *
 * CSS fuer Artikel-Teaser-Texte
 ******************************************************************************/
.article-item-list {
  overflow: hidden;
  clear: left;
}
@media (min-width: 0px) {
  .article-item-list.as-image-list .article-item {
    margin-bottom: 0 !important;
  }
}
.article-item-list.border .article-item {
  border-bottom: 1px solid #ff3700;
  padding-bottom: 20px;
}
.article-item-list.border .article-item:nth-last-child(1) {
  border: none;
  padding-bottom: 0;
}
@media (min-width: 0px) {
  .article-item-list.border .article-item {
    border: none;
    padding-bottom: 0;
  }
}
.article-item-list .article-item {
  margin-bottom: 20px;
}
@media (min-width: 0px) {
  .article-item-list .article-item {
    margin-bottom: 25px;
  }
}
@media (min-width: 2px) {
  .article-item-list .article-item {
    margin-bottom: 30px;
  }
}
.article-item-list .article-item h4 {
  margin-bottom: 0.5em;
  margin-top: 0;
}
.article-item-list .article-item .teaser p {
  margin: 0;
}
.article-item-list .article-item .teaser ul {
  margin-bottom: 0;
}
.article-item-list .article-item .teaser a {
  display: block;
  margin-top: 0.3em;
}
.article-item-list .article-item .teaser h3 {
  border-bottom: 1px solid #ff3700;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  font-weight: 300;
  font-style: normal;
}
.article-item-list .article-item .teaser div.linklist {
  margin-bottom: 0;
}
.article-item-list .article-item .teaser div.linklist a {
  display: inline-block;
  margin-top: 0em;
}
.article-item-list .article-item .image {
  background: transparent;
  height: auto;
  margin-bottom: 1em;
}
.article-item-list .article-item .image img {
  display: block;
}
.article-item-list .article-item .image.grid-4 {
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}
@media (min-width: 0px) {
  .article-item-list .article-item .image.grid-4 {
    width: 35.76826%;
    float: left;
    margin-right: 2.77078%;
  }
}
@media (min-width: 0px) {
  .article-item-list .article-item .image.grid-4 {
    width: 30.84746%;
    float: left;
    margin-right: 3.72881%;
  }
}
@media (min-width: 2px) {
  .article-item-list .article-item .image.grid-4 {
    width: 43.08036%;
    float: left;
    margin-right: 2.45536%;
  }
}
.article-item-list .article-item .image.grid-4 + .copy {
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}
@media (min-width: 0px) {
  .article-item-list .article-item .image.grid-4 + .copy {
    width: 61.46096%;
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 0px) {
  .article-item-list .article-item .image.grid-4 + .copy {
    width: 65.42373%;
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 2px) {
  .article-item-list .article-item .image.grid-4 + .copy {
    width: 54.46429%;
    float: right;
    margin-right: 0;
  }
}
.article-item-list .article-item .image + h2 {
  margin-top: 0;
}
.article-item-list .article-item .date {
  float: right;
}
.article-item-list .article-item.grid-8 .image {
  width: 48.61461%;
  float: left;
  margin-right: 2.77078%;
  display: inline;
}
.article-item-list .article-item.grid-8 .teaser {
  width: 48.61461%;
  float: right;
  margin-right: 0;
  #margin-left: -1.1em;
  display: inline;
}
.article-item-list .article-item.grid-3 {
  margin-bottom: 40px;
}
@media (min-width: 0px) {
  .article-item-list .article-item.grid-3 {
    margin-bottom: 50px;
  }
}
@media (min-width: 2px) {
  .article-item-list .article-item.grid-3 {
    margin-bottom: 60px;
  }
}
.article-item-list .article-item table {
  margin: 0;
}
.article-item-list .article-item table td {
  padding: 2px 12px;
  border-right: none;
}
.article-item-list .article-item table td:nth-child(1) {
  font-weight: 600;
}

.article-item-list + * {
  clear: left;
}

/* Unterschiedliche Breite mit Seitenspalten */
.has-one-sidebar .article-item-list {
  width: 76.53374%;
  float: left;
  margin-right: 1.68712%;
  display: inline;
}
.has-one-sidebar .article-item-list .article-item.grid-4 {
  width: 38.67735%;
  float: left;
  margin-right: 2.20441%;
  display: inline;
}
.has-one-sidebar .article-item-list .article-item.grid-3 {
  width: 28.45691%;
  float: left;
  margin-right: 2.20441%;
  display: inline;
}
.has-one-sidebar .image-teaser-list {
  width: 100%;
  float: left;
  margin-right: 1.68712%;
  display: inline;
}
.has-one-sidebar .image-teaser-list .article-item.grid-4 {
  width: 29.60123%;
  float: left;
  margin-right: 1.68712%;
  display: inline;
}
.has-one-sidebar .image-teaser-list .article-item.grid-8 {
  width: 60.88957%;
  float: left;
  margin-right: 1.68712%;
  display: inline;
}
.has-one-sidebar .image-teaser-list .article-item.grid-8 .image {
  width: 48.61461%;
  float: left;
  margin-right: 2.77078%;
  display: inline;
}
.has-one-sidebar .image-teaser-list .article-item.grid-8 .teaser {
  width: 48.61461%;
  float: right;
  margin-right: 0;
  #margin-left: -1.1em;
  display: inline;
}

.has-two-sidebars .article-item-list .article-item {
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
  margin-right: 0;
}
@media (min-width: 0px) {
  .has-two-sidebars .article-item-list .article-item {
    width: 100%;
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 2px) {
  .has-two-sidebars .article-item-list .article-item {
    width: 100%;
    float: right;
    margin-right: 0;
  }
}
.has-two-sidebars .article-item-list .article-item.grid-4 {
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}
@media (min-width: 0px) {
  .has-two-sidebars .article-item-list .article-item.grid-4 {
    width: 48.61461%;
    float: left;
    margin-right: 2.77078%;
  }
}
@media (min-width: 0px) {
  .has-two-sidebars .article-item-list .article-item.grid-4 {
    width: 65.42373%;
    float: left;
    margin-right: 3.72881%;
  }
}
@media (min-width: 2px) {
  .has-two-sidebars .article-item-list .article-item.grid-4 {
    width: 43.08036%;
    float: left;
    margin-right: 2.45536%;
  }
}
.has-two-sidebars .article-item-list .article-item .image.grid-4 {
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}
@media (min-width: 0px) {
  .has-two-sidebars .article-item-list .article-item .image.grid-4 {
    width: 35.76826%;
    float: left;
    margin-right: 2.77078%;
  }
}
@media (min-width: 0px) {
  .has-two-sidebars .article-item-list .article-item .image.grid-4 {
    width: 30.84746%;
    float: left;
    margin-right: 3.72881%;
  }
}
@media (min-width: 2px) {
  .has-two-sidebars .article-item-list .article-item .image.grid-4 {
    width: 43.08036%;
    float: left;
    margin-right: 2.45536%;
  }
}
.has-two-sidebars .article-item-list .article-item .image.grid-4.omega {
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}
@media (min-width: 0px) {
  .has-two-sidebars .article-item-list .article-item .image.grid-4.omega {
    width: 48.61461%;
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 0px) {
  .has-two-sidebars .article-item-list .article-item .image.grid-4.omega {
    width: 48.13559%;
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 2px) {
  .has-two-sidebars .article-item-list .article-item .image.grid-4.omega {
    width: 43.08036%;
    float: right;
    margin-right: 0;
  }
}
.has-two-sidebars .article-item-list .article-item.grid-3 {
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}
@media (min-width: 0px) {
  .has-two-sidebars .article-item-list .article-item.grid-3 {
    width: 30.84746%;
    float: left;
    margin-right: 3.72881%;
  }
  .has-two-sidebars .article-item-list .article-item.grid-3:nth-child(3n) {
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 0px) {
  .has-two-sidebars .article-item-list .article-item.grid-3 {
    width: 30.84746%;
    float: left;
    margin-right: 3.72881%;
  }
  .has-two-sidebars .article-item-list .article-item.grid-3:nth-child(3n) {
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 2px) {
  .has-two-sidebars .article-item-list .article-item.grid-3 {
    width: 31.69643%;
    float: left;
    margin-right: 2.45536%;
  }
  .has-two-sidebars .article-item-list .article-item.grid-3:nth-child(3n) {
    float: right;
    margin-right: 0;
  }
}
.has-two-sidebars .article-item-list .article-item.grid-8 {
  width: 65.84821%;
  float: left;
  margin-right: 2.45536%;
  display: inline;
}
.has-two-sidebars .article-item-list .article-item.grid-8 .image {
  width: 48.13559%;
  float: left;
  margin-right: 3.72881%;
  display: inline;
}
.has-two-sidebars .article-item-list .article-item.grid-8 .teaser {
  width: 48.13559%;
  float: right;
  margin-right: 0;
  #margin-left: -1.1em;
  display: inline;
}

/* Insights Verteilerseite*/
.has-no-sidebars .article-item-list .article-item {
  border-bottom: 1px solid #ff3700;
  padding-bottom: 1em;
  width: 100%;
  margin-bottom: 40px;
}
@media (min-width: 0px) {
  .has-no-sidebars .article-item-list .article-item {
    margin-bottom: 50px;
  }
}
@media (min-width: 2px) {
  .has-no-sidebars .article-item-list .article-item {
    margin-bottom: 60px;
  }
}
@media (min-width: 0px) {
  .has-no-sidebars .article-item-list .article-item {
    border: none;
    padding-bottom: 0;
    width: 48.61461%;
    float: left;
    margin-right: 2.77078%;
  }
  .has-no-sidebars .article-item-list .article-item:nth-child(2n) {
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 0px) {
  .has-no-sidebars .article-item-list .article-item {
    width: 32%;
    margin-right: 2%;
  }
  .has-no-sidebars .article-item-list .article-item:nth-child(2n) {
    float: left;
    margin-right: 2%;
  }
  .has-no-sidebars .article-item-list .article-item:nth-child(3n) {
    float: right;
    margin-right: 0;
  }
}
.has-no-sidebars .article-item-list .article-item.grid-4 {
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}
@media (min-width: 0px) {
  .has-no-sidebars .article-item-list .article-item.grid-4 {
    width: 48.61461%;
    float: left;
    margin-right: 2.77078%;
  }
  .has-no-sidebars .article-item-list .article-item.grid-4:nth-child(2n) {
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 0px) {
  .has-no-sidebars .article-item-list .article-item.grid-4 {
    width: 23.62729%;
    float: left;
    margin-right: 1.83028%;
  }
  .has-no-sidebars .article-item-list .article-item.grid-4:nth-child(2n) {
    width: 23.62729%;
    float: left;
    margin-right: 1.83028%;
  }
  .has-no-sidebars .article-item-list .article-item.grid-4:nth-child(4n) {
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 2px) {
  .has-no-sidebars .article-item-list .article-item.grid-4 {
    width: 23.97516%;
    float: left;
    margin-right: 1.36646%;
  }
  .has-no-sidebars .article-item-list .article-item.grid-4:nth-child(2n) {
    width: 23.97516%;
    float: left;
    margin-right: 1.36646%;
  }
  .has-no-sidebars .article-item-list .article-item.grid-4:nth-child(4n) {
    float: right;
    margin-right: 0;
  }
}
.has-no-sidebars .article-item-list .article-item.grid-8 {
  width: 49.31677%;
  float: left;
  margin-right: 1.36646%;
  display: inline;
}
.has-no-sidebars .article-item-list .article-item.grid-8 .image {
  width: 48.61461%;
  float: left;
  margin-right: 2.77078%;
  display: inline;
}
.has-no-sidebars .article-item-list .article-item.grid-8 .teaser {
  width: 48.61461%;
  float: right;
  margin-right: 0;
  #margin-left: -1.1em;
  display: inline;
}

/* Big Hero für Verteilerseiten */
.hero-article {
  margin-bottom: 30px;
  overflow: hidden;
  padding-bottom: 1.5em;
}
@media (min-width: 0px) {
  .hero-article {
    border: none;
    padding-bottom: 0;
    position: relative;
  }
}
.hero-article .image {
  margin-bottom: 1em;
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}
@media (min-width: 0px) {
  .hero-article .image {
    width: 49.08486%;
    float: left;
    margin-right: 1.83028%;
    margin-bottom: 0;
  }
}
@media (min-width: 2px) {
  .hero-article .image {
    width: 49.31677%;
    float: left;
    margin-right: 1.36646%;
  }
}
.hero-article .teaser {
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}
@media (min-width: 0px) {
  .hero-article .teaser {
    width: 49.08486%;
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 2px) {
  .hero-article .teaser {
    width: 49.31677%;
    float: right;
    margin-right: 0;
    position: absolute;
    bottom: 0;
  }
}
.hero-article .teaser h3 {
  font-style: normal;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.2em;
  /*18px 15px*/
  padding-bottom: 10px;
  background: transparent url('../images/base/big-hero_h3_line.gif?1428678539') no-repeat left bottom;
  margin-bottom: 6px;
}
.hero-article .teaser h3 a {
  font-weight: 600;
}
@media (min-width: 0px) {
  .hero-article .teaser h3 {
    font-size: 1.5em;
    /*21px 14px*/
  }
}
.hero-article .teaser h2 {
  font-size: 1.86em;
  margin-bottom: 15px;
}
@media (min-width: 0px) {
  .hero-article .teaser h2 {
    font-size: 2.428em;
  }
}
.hero-article .teaser a {
  display: block;
}

/*******************************************************************************
 * _data-item-list.scss
 *
 * CSS fuer Stellenangebote, Events für Karriere Website
 ******************************************************************************/
@media (min-width: 0px) {
  .data-item-list h2 {
    margin-left: 1rem;
    margin-top: 0.5rem;
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 2px) {
  .data-item-list h2 {
    margin-left: 2rem;
    margin-top: 0.5rem;
    margin-bottom: 1.5rem;
  }
}
.data-item-list .item {
  background: #eeeeee;
  padding: 0.5em 1em;
  border-top: 1px solid #cccccc;
}
@media (min-width: 2px) {
  .data-item-list .item {
    padding: 0.8em 2em;
  }
}
.data-item-list .item:hover {
  background-color: #dadada;
}
.data-item-list .item .title {
  color: #ff3700;
  font-weight: 600;
  background: transparent url('../images/icons/arrow_big.svg?1457694054') left 11px no-repeat;
  background-size: 22px 17px;
  padding-left: 30px;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
}
@media (min-width: 2px) {
  .data-item-list .item .title {
    font-size: 1.286em;
    /* 18px 14px */
  }
}
.data-item-list .item .title a {
  font-weight: 600;
  padding: 0;
  background-image: none;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.data-item-list .item .description {
  padding-left: 30px;
}
@media (min-width: 2px) {
  .data-item-list .item .description {
    font-size: 1.286em;
    /* 18px 14px */
  }
}
.data-item-list .footer {
  border-top: 1px solid #cccccc;
  padding: 1em 0em;
}
@media (min-width: 2px) {
  .data-item-list .footer {
    padding: 2em 0em;
    padding-left: 30px;
  }
}
@media (min-width: 2px) {
  .data-item-list .footer a {
    font-size: 1.286em;
    /* 18px 14px */
  }
}

.l-region-sidebar-second .data-item-list {
  margin-bottom: 2em;
}
.l-region-sidebar-second .data-item-list h4 {
  margin-bottom: 1em;
}
.l-region-sidebar-second .data-item-list .item {
  padding: 7px 12px;
}
.l-region-sidebar-second .data-item-list .item .title {
  margin: 0.2em 0 0;
  font-size: 1em;
}
.l-region-sidebar-second .data-item-list .item .title a {
  font-size: 1em;
}
.l-region-sidebar-second .data-item-list .item .description {
  font-size: 14px;
  padding-left: 30px;
}
.l-region-sidebar-second .data-item-list .item .info {
  font-size: 0.857em;
  font-weight: 600;
}
.l-region-sidebar-second .data-item-list .footer {
  padding: 0;
  border-top: 1px solid #cccccc;
  padding: 1em 0em 0;
}
.l-region-sidebar-second .data-item-list .footer a {
  font-size: 1em;
}

/*******************************************************************************
 * _download-item.scss
 *
 * CSS fuer unmfangreiche Download-Liste
 ******************************************************************************/
/*******************************************************************************
 * _image-item.scss
 *
 * CSS für Bilder in Kacheloptik
 ******************************************************************************/
.image-item-list {
  margin-bottom: 1em;
  overflow: hidden;
}
.image-item-list.border .image-item {
  border-bottom: 1px solid #ff3700;
  padding-bottom: 1em;
  overflow: hidden;
}
.image-item-list .image-item {
  margin-bottom: 1.714em;
  /*24px 14px*/
  overflow: hidden;
}
.image-item-list .image-item img {
  margin-bottom: 1em;
}
.image-item-list .image-item .caption {
  /* siehe _media.scss */
  margin-top: 0;
}
.image-item-list .image-item a.colorbox img {
  margin-bottom: 0;
}

.image-item-list + * {
  clear: left;
}

/* Unterschiedliche Breite mit Seitenspalen */
.has-two-sidebars .image-item-list .image-item img {
  width: 31.69643%;
  float: left;
  margin-right: 2.45536%;
  display: inline;
}
.has-two-sidebars .image-item-list .image-item img:nth-child(3n) {
  float: right;
  margin-right: 0;
  #margin-left: -1.1em;
  display: inline;
}
@media (min-width: 0px) {
  .has-two-sidebars .image-item-list .image-item img {
    width: 20.3125%;
    float: left;
    margin-right: 2.45536%;
  }
  .has-two-sidebars .image-item-list .image-item img:nth-child(3n) {
    float: left;
  }
}
@media (min-width: 0px) {
  .has-two-sidebars .image-item-list .image-item img {
    width: 31.69643%;
    float: left;
    margin-right: 2.45536%;
  }
  .has-two-sidebars .image-item-list .image-item img:nth-child(3n) {
    float: right;
    margin-right: 0;
  }
}
.has-two-sidebars .image-item-list .image-item .caption {
  width: 89.77956%;
  float: left;
  margin-right: 2.20441%;
  display: inline;
}
.has-two-sidebars .image-item-list .image-item a.colorbox {
  width: 31.69643%;
  float: left;
  margin-right: 2.45536%;
  display: inline;
}
.has-two-sidebars .image-item-list .image-item a.colorbox:nth-child(3n) {
  float: right;
  margin-right: 0;
  #margin-left: -1.1em;
  display: inline;
}
@media (min-width: 0px) {
  .has-two-sidebars .image-item-list .image-item a.colorbox {
    width: 20.3125%;
    float: left;
    margin-right: 2.45536%;
  }
  .has-two-sidebars .image-item-list .image-item a.colorbox:nth-child(3n) {
    float: left;
  }
}
@media (min-width: 0px) {
  .has-two-sidebars .image-item-list .image-item a.colorbox {
    width: 31.69643%;
    float: left;
    margin-right: 2.45536%;
  }
  .has-two-sidebars .image-item-list .image-item a.colorbox:nth-child(3n) {
    float: right;
    margin-right: 0;
  }
}
.has-two-sidebars .image-item-list .image-item a.colorbox img {
  float: none;
  width: 100%;
  margin: 0;
  display: block;
}

.has-one-sidebar .image-item-list .image-item img {
  width: 21.77914%;
  float: left;
  margin-right: 1.68712%;
  display: inline;
}
.has-one-sidebar .image-item-list .image-item .caption {
  width: 68.71166%;
  float: left;
  margin-right: 1.68712%;
  display: inline;
}
.has-one-sidebar .image-item-list .image-item a.colorbox {
  width: 21.77914%;
  float: left;
  margin-right: 1.68712%;
  display: inline;
}
.has-one-sidebar .image-item-list .image-item a.colorbox img {
  float: none;
  width: 100%;
  margin: 0;
  display: block;
}

/* Insights Verteilerseite*/
.has-no-sidebars .image-item-list .image-item {
  margin-bottom: 40px;
}
@media (min-width: 0px) {
  .has-no-sidebars .image-item-list .image-item {
    margin-bottom: 50px;
  }
}
@media (min-width: 2px) {
  .has-no-sidebars .image-item-list .image-item {
    margin-bottom: 60px;
  }
}
.has-no-sidebars .image-item-list .image-item .caption {
  width: 100%;
  float: left;
  margin-right: 1.45889%;
  display: inline;
  margin: 0;
}
.has-no-sidebars .image-item-list .image-item img {
  width: 100%;
}
@media (min-width: 0px) {
  .has-no-sidebars .image-item-list .image-item img {
    width: 32%;
    float: left;
    margin-right: 2%;
  }
  .has-no-sidebars .image-item-list .image-item img:nth-child(3n) {
    float: right;
    margin-right: 0;
  }
}
.has-no-sidebars .image-item-list .image-item img:nth-child(3n) {
  float: right;
  margin-right: 0;
}

/*******************************************************************************
 * _accordion.scss
 *
 * Accordion
 ******************************************************************************/
.accordion {
  margin: 1em 0 1.5em;
  /* Module im Accordion */
}
@media (min-width: 0px) {
  .accordion {
    margin: 2em 0;
  }
}
.accordion > ul {
  list-style-image: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #ff3700;
}
.accordion > ul > li.accordion-section {
  border-bottom: 1px solid #ff3700;
  margin: 0;
  padding: 0;
  /* Headline*/
  /* End: .headline */
  /* Content*/
  /* End: .content */
}
.accordion > ul > li.accordion-section ul {
  list-style-image: url('../images/base/ul-li.svg?1459951576');
  margin: 0em 0  40px;
  padding: 0;
}
.accordion > ul > li.accordion-section ul li {
  margin-left: 15px;
  padding-left: 3px;
  margin-bottom: 2px;
  line-height: 1.5em;
}
.accordion > ul > li.accordion-section ul li ul {
  margin-top: 0;
}
.accordion > ul > li.accordion-section ol {
  margin: 0em 0 2em;
  padding: 0;
}
.accordion > ul > li.accordion-section ol li {
  margin-left: 15px;
  padding-left: 3px;
}
.accordion > ul > li.accordion-section ol li ol {
  list-style: lower-alpha outside none;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.accordion > ul > li.accordion-section .headline {
  color: #ff3700;
  cursor: pointer;
  padding: 0.7em 45px 0.7em 0;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  position: relative;
}
.accordion > ul > li.accordion-section .headline .icon {
  background-image: url('../images/icons/icons_function.svg?1459262042');
  background-position: -225px 0;
  background-repeat: no-repeat;
  background-size: 1500px 1500px;
  position: absolute;
  width: 22px;
  height: 22px;
  right: 20px;
  top: 11px;
  font-size: 25px;
  cursor: pointer;
  line-height: 100%;
  text-align: center;
}
@media (min-width: 0px) {
  .accordion > ul > li.accordion-section .headline .icon {
    background-size: 1000px 1000px;
    background-position: -150px 0;
    width: 14px;
    height: 14px;
  }
}
@media (min-width: 0px) {
  .accordion > ul > li.accordion-section {
    /* End: .headline */
  }
}
.accordion > ul > li.accordion-section.active .headline {
  /* background:image-url("accordion-arrows.png") no-repeat right -70px transparent;*/
}
.accordion > ul > li.accordion-section.active .headline .icon {
  background-position: -150px 0;
  background-size: 1500px 1500px;
}
@media (min-width: 0px) {
  .accordion > ul > li.accordion-section.active .headline .icon {
    background-size: 1000px 1000px;
    background-position: -100px 0;
  }
}
.accordion > ul > li.accordion-section .content {
  display: none;
  padding-bottom: 1em;
}
@media (min-width: 0px) {
  .accordion > ul > li.accordion-section .content {
    padding-top: 1em;
  }
}
.accordion > ul > li.accordion-section.active .content {
  display: block;
}
.accordion .article-item-list {
  margin-bottom: 28px;
}
@media (min-width: 0px) {
  .accordion .article-item-list {
    margin-bottom: 35px;
  }
}
@media (min-width: 2px) {
  .accordion .article-item-list {
    margin-bottom: 42px;
  }
}
.accordion .article-item-list .article-item {
  margin-bottom: 0;
}
@media (min-width: 0px) {
  .accordion .article-item-list .article-item .image {
    margin-bottom: 0;
  }
}
.accordion .article-item-list .article-item *:last-child {
  margin-bottom: 0;
}
.accordion .download-item-list {
  margin-bottom: 28px;
}
@media (min-width: 0px) {
  .accordion .download-item-list {
    margin-bottom: 35px;
  }
}
@media (min-width: 2px) {
  .accordion .download-item-list {
    margin-bottom: 42px;
  }
}
.accordion .table-scrollable {
  margin-bottom: 28px;
}
@media (min-width: 0px) {
  .accordion .table-scrollable {
    margin-bottom: 35px;
  }
}
@media (min-width: 2px) {
  .accordion .table-scrollable {
    margin-bottom: 42px;
  }
}

/* Filter */
#accordion-with-filter .filter {
  overflow: hidden;
  margin-bottom: 40px;
  border-bottom: 1px solid #dadada;
}
@media (min-width: 0px) {
  #accordion-with-filter .filter {
    margin-bottom: 50px;
  }
}
@media (min-width: 2px) {
  #accordion-with-filter .filter {
    margin-bottom: 60px;
  }
}
#accordion-with-filter .filter form {
  margin: 0.5em 0;
}
#accordion-with-filter .filter .form-item {
  margin-right: 0;
  margin-bottom: 0.1em;
  width: 100%;
  padding: 0.2em 0;
}
@media (min-width: 0px) {
  #accordion-with-filter .filter .form-item {
    float: left;
    padding: 0;
    width: auto;
    margin-right: 1.5em;
    margin-bottom: 0;
  }
}

/*******************************************************************************
 * _jcarousel.bildegalerie-small.scss
 *
 * jCarousel, für Contenbereich
 ******************************************************************************/
.bildergalerie-carousel-small {
  position: relative;
  margin-bottom: 4em;
  /** Stage carousel specific styles **/
  /** Thumbnails Navigation carousel specific styles **/
  /* Buttons */
  /* Placeholder für Tease r*/
}
.bildergalerie-carousel-small .wrapper-my-carousel {
  background: black;
  overflow: hidden;
  height: 60px;
  width: 100%;
  padding: 20px 15px;
}
@media (min-width: 0px) {
  .bildergalerie-carousel-small .wrapper-my-carousel {
    display: block;
    height: 124px;
    padding: 0;
  }
}
@media (min-width: 2px) {
  .bildergalerie-carousel-small .wrapper-my-carousel {
    position: absolute;
    right: 0;
    /*bottom: -17px;*/
    bottom: -62px;
    width: 88.61607%;
    float: right;
    margin-right: 0;
  }
}
.bildergalerie-carousel-small ul {
  padding: 0;
  margin: 0;
  width: 20000em;
  position: relative;
}
.bildergalerie-carousel-small ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-image: none;
  line-height: normal;
}
.bildergalerie-carousel-small ul li {
  float: left;
}
.bildergalerie-carousel-small .stage {
  position: relative;
}
.bildergalerie-carousel-small .stage .carousel-stage {
  border: none;
  border-radius: 0px;
  box-shadow: none;
  height: auto;
  overflow: hidden;
  position: relative;
}
.bildergalerie-carousel-small .stage .carousel-stage img {
  width: 100%;
  display: block;
}
.bildergalerie-carousel-small .stage .carousel-stage ul li {
  height: 250px;
  margin-bottom: 60px;
}
@media (min-width: 0px) {
  .bildergalerie-carousel-small .stage .carousel-stage ul li {
    height: 500px;
  }
}
@media (min-width: 0px) {
  .bildergalerie-carousel-small .stage .carousel-stage ul li {
    height: 350px;
    margin-bottom: 0;
  }
}
@media (min-width: 2px) {
  .bildergalerie-carousel-small .stage .carousel-stage ul li {
    height: 460px;
  }
}
.bildergalerie-carousel-small .carousel-navigation {
  border: none;
  border-radius: 0px;
  box-shadow: none;
  overflow: hidden;
  position: absolute;
  background: black;
  position: relative;
  width: 180px;
}
@media (min-width: 0px) {
  .bildergalerie-carousel-small .carousel-navigation {
    width: 65.84821%;
    float: left;
    margin-right: 2.45536%;
    padding: 15px;
  }
}
@media (min-width: 2px) {
  .bildergalerie-carousel-small .carousel-navigation {
    width: 74.3073%;
    float: left;
    margin-right: 2.77078%;
  }
}
.bildergalerie-carousel-small .carousel-navigation ul {
  background: black;
}
.bildergalerie-carousel-small .carousel-navigation ul li {
  margin-right: 1em;
  width: 14px;
  height: 14px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  background: white;
  display: inline-block;
  text-align: left;
  float: none;
}
.bildergalerie-carousel-small .carousel-navigation ul li.active {
  background: #ff3700;
}
@media (min-width: 0px) {
  .bildergalerie-carousel-small .carousel-navigation ul li {
    width: 138px;
    height: 94px;
    float: left;
    display: block;
    background: transparent;
    margin-right: 17px;
  }
  .bildergalerie-carousel-small .carousel-navigation ul li.active img {
    opacity: 1;
  }
  .bildergalerie-carousel-small .carousel-navigation ul li.active .holder, .bildergalerie-carousel-small .carousel-navigation ul li:hover .holder {
    display: block;
  }
}
.bildergalerie-carousel-small .carousel-navigation ul li .teaser {
  display: none;
}
.bildergalerie-carousel-small .carousel-navigation ul li .holder {
  background: #ff3700;
  width: 7px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  height: 95px;
  display: none;
}
.bildergalerie-carousel-small .carousel-navigation ul li .image {
  margin: 0;
  position: relative;
}
.bildergalerie-carousel-small .carousel-navigation ul li .image .item {
  position: absolute;
  right: 10px;
  top: 10px;
  display: block;
}
.bildergalerie-carousel-small .carousel-navigation ul li img {
  display: none;
}
@media (min-width: 0px) {
  .bildergalerie-carousel-small .carousel-navigation ul li img {
    display: block;
  }
}
.bildergalerie-carousel-small .carousel-navigation img {
  border: none !important;
  display: block;
  opacity: 0.5;
}
.bildergalerie-carousel-small .navigation {
  margin: 0;
  position: absolute;
  top: 250px;
  background: black;
  width: 100%;
  /*Next*/
  /*Prev*/
}
@media (min-width: 0px) {
  .bildergalerie-carousel-small .navigation {
    top: 500px;
  }
}
@media (min-width: 0px) {
  .bildergalerie-carousel-small .navigation {
    background: transparent;
    height: auto;
    bottom: 0;
    position: relative;
    top: auto;
  }
}
.bildergalerie-carousel-small .navigation a.next.next-navigation {
  right: 0.5em;
  top: 10px;
}
@media (min-width: 0px) {
  .bildergalerie-carousel-small .navigation a.next.next-navigation {
    bottom: 25px;
    right: 17px;
    top: auto;
  }
}
@media (min-width: 2px) {
  .bildergalerie-carousel-small .navigation a.next.next-navigation {
    /*bottom: 7px;*/
    bottom: -38px;
  }
}
.bildergalerie-carousel-small .navigation a.prev.prev-navigation {
  right: 3em;
  top: 10px;
}
@media (min-width: 0px) {
  .bildergalerie-carousel-small .navigation a.prev.prev-navigation {
    bottom: 25px;
    left: auto;
    right: 85px;
    top: auto;
  }
}
@media (min-width: 2px) {
  .bildergalerie-carousel-small .navigation a.prev.prev-navigation {
    /*bottom: 7px;*/
    bottom: -38px;
  }
}
.bildergalerie-carousel-small .navigation a.next, .bildergalerie-carousel-small .navigation a.prev {
  border: none;
  text-decoration: none;
  background: none;
  padding: 0;
  color: black;
  background-color: transparent;
  border-radius: 0;
  position: absolute;
  text-shadow: none;
  width: 39px;
  height: 37px;
  box-shadow: none;
  z-index: 200;
}
.bildergalerie-carousel-small .navigation a.next a:hover, .bildergalerie-carousel-small .navigation a.next:hover, .bildergalerie-carousel-small .navigation a.prev a:hover, .bildergalerie-carousel-small .navigation a.prev:hover {
  border: none;
  text-decoration: none;
}
@media (min-width: 0px) {
  .bildergalerie-carousel-small .navigation a.next, .bildergalerie-carousel-small .navigation a.prev {
    width: 39px;
    height: 74px;
  }
}
.bildergalerie-carousel-small .navigation a.next.inactive, .bildergalerie-carousel-small .navigation a.prev.inactive {
  opacity: 0.3;
  cursor: default;
}
.bildergalerie-carousel-small .navigation a.next.next-navigation {
  background: transparent url('../images/components/next-navigation_content.svg?1457694629') center top no-repeat;
  background-size: 19px 80px;
}
@media (min-width: 0px) {
  .bildergalerie-carousel-small .navigation a.next.next-navigation {
    background-size: 38px 160px;
  }
}
.bildergalerie-carousel-small .navigation a.next.next-navigation:hover {
  background-position: center bottom;
}
.bildergalerie-carousel-small .navigation a.next.next-navigation.inactive:hover {
  background-position: center top;
}
.bildergalerie-carousel-small .navigation a.prev.prev-navigation {
  background: transparent url('../images/components/prev-navigation_content.svg?1457694648') center top no-repeat;
  background-size: 19px 80px;
}
@media (min-width: 0px) {
  .bildergalerie-carousel-small .navigation a.prev.prev-navigation {
    background-size: 38px 160px;
  }
}
.bildergalerie-carousel-small .navigation a.prev.prev-navigation:hover {
  background-position: center bottom;
}
.bildergalerie-carousel-small .navigation a.prev.prev-navigation.inactive:hover {
  background-position: center top;
}
.bildergalerie-carousel-small .teaser-container {
  background: white;
  height: auto;
  clear: left;
  padding: 1em;
  font-style: italic;
  font-size: 14px;
  line-height: 1.5em;
  postion: relative;
  z-index: 100;
  text-align: left;
}
.bildergalerie-carousel-small .teaser-container:empty {
  display: none;
}
@media (min-width: 0px) {
  .bildergalerie-carousel-small .teaser-container {
    width: 100%;
    float: left;
    margin-right: 2.45536%;
    position: relative;
    bottom: auto;
  }
}
@media (min-width: 2px) {
  .bildergalerie-carousel-small .teaser-container {
    position: absolute;
    right: 0;
    /*bottom: 107px;*/
    bottom: 62px;
    width: 88.61607%;
    float: right;
    margin-right: 0;
  }
}

/*******************************************************************************
*  _jcarousel.more-stories.scss
*
*  schwarzer Bereich, weitere Insights mit jcarousel.more-stories.js
******************************************************************************/
.more-stories {
  margin-bottom: 40px;
  /*Placeholder für Container */
  /* Navigation */
}
@media (min-width: 0px) {
  .more-stories {
    margin-bottom: 50px;
  }
}
@media (min-width: 2px) {
  .more-stories {
    margin-bottom: 60px;
  }
}
.more-stories .h1 {
  margin-bottom: 30px;
}
.more-stories .headline {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.2em;
  /*18px 15px */
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding: 0.5em 0;
  margin-bottom: 0.7em;
}
@media (min-width: 0px) {
  .more-stories .headline {
    padding: 0.8em 0;
    font-size: 1.5em;
    /*21px 14px*/
  }
}
@media (min-width: 0px) {
  .more-stories .headline {
    margin-bottom: 1.5em;
  }
}
.more-stories .jcarousel-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  min-height: 280px;
}
.more-stories .more-stories-carousel {
  position: relative;
  overflow: hidden;
  margin: 0 70px;
}
.more-stories .more-stories-carousel ul {
  width: 20000em;
  position: relative;
  padding: 0;
  margin: 0;
}
.more-stories .more-stories-carousel ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-image: none;
  line-height: normal;
}
.more-stories .more-stories-carousel ul li {
  cursor: pointer;
  margin-right: 17px;
  width: 138px;
  float: left;
  height: 94px;
  margin-bottom: 0;
  overflow: hidden;
  position: relative;
  background: black;
}
.more-stories .more-stories-carousel ul li img {
  opacity: 0.5;
}
.more-stories .more-stories-carousel ul li:hover img, .more-stories .more-stories-carousel ul li.active img {
  opacity: 1;
}
.more-stories .more-stories-carousel ul li.active .holder, .more-stories .more-stories-carousel ul li:hover .holder {
  display: block;
}
.more-stories .more-stories-carousel ul li .teaser {
  position: absolute;
  display: none;
}
.more-stories .more-stories-carousel ul li .teaser a {
  color: #ff3700;
  background: url('../images/links/link_internal.svg?1457691634') no-repeat left top transparent;
  background-size: 20px 20px;
  display: inline;
  font-weight: 300;
  padding-left: 23px;
  text-decoration: none;
}
.more-stories .more-stories-carousel ul li .teaser a:hover {
  text-decoration: underline;
}
.more-stories .more-stories-carousel ul li .holder {
  background: #ff3700;
  width: 12px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  height: 94px;
  display: none;
}
.more-stories .teaser-container {
  display: block;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #dadada;
  padding-top: 1.4em;
  padding-bottom: 1.8em;
  margin-top: 1em;
  clear: left;
  height: auto;
}
@media (min-width: 0px) {
  .more-stories .teaser-container {
    margin-top: 30px;
  }
}
@media (min-width: 2px) {
  .more-stories .teaser-container {
    padding-left: 70px;
    padding-right: 70px;
  }
}
.more-stories .teaser-container .teaser {
  display: block;
}
.more-stories .teaser-container .teaser p {
  padding-bottom: 1em;
  background: url('../images/components/more-stories-linie-link.svg?1459952208') no-repeat left bottom transparent;
  background-size: 215px 1px;
}
.more-stories .teaser-container .teaser h4 {
  line-height: 1.5em;
}
.more-stories .teaser-container .teaser a {
  color: #ff3700;
  background: url('../images/links/link_internal.svg?1457691634') no-repeat left top transparent;
  background-size: 20px 20px;
  display: inline;
  font-weight: 300;
  padding-left: 23px;
  text-decoration: none;
}
.more-stories .teaser-container .teaser a:hover {
  text-decoration: underline;
}
.more-stories .teaser-container h4 {
  margin-top: 0;
}
.more-stories a.next, .more-stories a.prev {
  border: none;
  text-decoration: none;
  background: none;
  padding: 0;
  color: black;
  background-color: transparent;
  border-radius: 0;
  position: absolute;
  text-shadow: none;
  width: 38px;
  height: 74px;
  box-shadow: none;
  z-index: 50;
}
.more-stories a.next a:hover, .more-stories a.next:hover, .more-stories a.prev a:hover, .more-stories a.prev:hover {
  border: none;
  text-decoration: none;
}
.more-stories a.next.inactive, .more-stories a.prev.inactive {
  opacity: 0.3;
  cursor: default;
}
.more-stories a.next.next-navigation {
  right: 0px;
  top: 10px;
  background: transparent url('../images/components/next-navigation_content.svg?1457694629') center top no-repeat;
  background-size: 38px 160px;
}
.more-stories a.next.next-navigation:hover {
  background-position: center bottom;
}
.more-stories a.next.next-navigation.inactive:hover {
  background-position: center top;
}
.more-stories a.prev.prev-navigation {
  left: 0px;
  top: 10px;
  background: transparent url('../images/components/prev-navigation_content.svg?1457694648') center top no-repeat;
  background-size: 38px 160px;
}
.more-stories a.prev.prev-navigation:hover {
  background-position: center bottom;
}
.more-stories a.prev.prev-navigation.inactive:hover {
  background-position: center top;
}

#wrapper-postscript-first .more-stories {
  border-bottom: 0;
  margin: 0;
  padding: 0;
  color: white;
}
#wrapper-postscript-first .more-stories .teaser-container {
  border-color: white;
}
#wrapper-postscript-first .more-stories .more-stories-carousel {
  margin: 0 77px;
}
#wrapper-postscript-first .more-stories .more-stories-carousel li img {
  opacity: 1;
}

/*******************************************************************************
 * _vorteilsbox.scss
 *
 * CSS fuer Vorteilsbox (Modul)
 ******************************************************************************/
.box,
.box + * {
  clear: left;
}

.vorteilsbox {
  clear: left;
  margin-bottom: 40px;
}
@media (min-width: 0px) {
  .vorteilsbox {
    margin-bottom: 50px;
  }
}
@media (min-width: 2px) {
  .vorteilsbox {
    margin-bottom: 60px;
  }
}
.vorteilsbox .inner {
  padding: 12px 10px 0px;
  margin: 0;
  border-right: 1px solid #ff3700;
  border-left: 1px solid #ff3700;
  background: url('../images/components/module/vorteilsbox-border-corners.svg?1459952456'), url('../images/components/module/vorteilsbox-border-corners.svg?1459952456'), url('../images/components/module/vorteilsbox-border-corners.svg?1459952456'), url('../images/components/module/vorteilsbox-border-corners.svg?1459952456');
  background-position: left top, left bottom, right top, right bottom;
  background-repeat: no-repeat, no-repeat;
  overflow: hidden;
}
@media (min-width: 0px) {
  .vorteilsbox .inner {
    padding: 1em 2em 0px;
  }
}
.vorteilsbox h2 {
  font-style: normal;
  margin-top: 0;
}
.vorteilsbox ul {
  /* Listeneigenschaften werden von der default-liste vererbt, siehe _lists.scss */
  margin-left: 4px;
  margin-top: 0;
  margin-bottom: 0px;
}
@media (min-width: 0px) {
  .vorteilsbox ul {
    margin-left: 0px;
  }
}
.vorteilsbox ul li {
  margin-bottom: 11px;
}

.has-one-sidebar .vorteilsbox {
  width: 76.53374%;
  float: left;
  margin-right: 1.68712%;
  display: inline;
}

.has-no-sidebars .vorteilsbox {
  width: 80.99379%;
  float: left;
  margin-right: 1.36646%;
  display: inline;
}

.has-two-sidebars .vorteilsbox {
  width: 100%;
  float: left;
  margin-right: 2.45536%;
  display: inline;
}

/*******************************************************************************
 * _in-out-box.scss
 *
 * CSS fuer In/Out Kasten (Modul)
 ******************************************************************************/
.in-out-box {
  margin-bottom: 40px;
}
.in-out-box.lastSection .inner {
  border-bottom: none;
}
@media (min-width: 0px) {
  .in-out-box.lastSection .inner {
    border-bottom: 1px solid #ff3700;
  }
}
@media (min-width: 0px) {
  .in-out-box {
    margin-bottom: 50px;
  }
}
@media (min-width: 2px) {
  .in-out-box {
    margin-bottom: 60px;
  }
}
.in-out-box .inner {
  border-top: 1px solid #ff3700;
  border-bottom: 1px solid #ff3700;
  overflow: hidden;
  padding-bottom: 1em;
}
.in-out-box .image {
  background: transparent url('../images/sites/thermalsolutions/in-image.svg?1468325187') no-repeat scroll left top;
  background-size: 500px 64px;
  height: 64px;
  width: 100%;
  margin: 0;
}
@media (min-width: 0px) {
  .in-out-box .image {
    background: transparent url('../images/sites/thermalsolutions/in-out-image.svg?1464687182') no-repeat center top;
    background-size: 292px 64px;
  }
}
.in-out-box ul {
  margin-top: 1em;
  margin-bottom: 0;
}
@media (min-width: 0px) {
  .in-out-box ul {
    padding: 0;
    margin: 0;
  }
  .in-out-box ul li {
    padding: 0;
    margin: 0;
    list-style: none;
    list-style-image: none;
    line-height: normal;
  }
  .in-out-box ul li {
    margin-bottom: 10px;
    margin-left: 0;
  }
}
.in-out-box div.first {
  text-align: left;
}
@media (min-width: 0px) {
  .in-out-box div.first {
    width: 48.61461%;
    float: left;
    margin-right: 2.77078%;
    text-align: right;
  }
}
@media (min-width: 0px) {
  .in-out-box div.first {
    width: 48.13559%;
    float: left;
    margin-right: 3.72881%;
  }
}
@media (min-width: 2px) {
  .in-out-box div.first {
    width: 43.08036%;
    float: left;
    margin-right: 2.45536%;
  }
}
.in-out-box div.last {
  text-align: left;
  margin-top: 2em;
  /*background: transparent image-url('base/subheading.gif') no-repeat left top;*/
  background: none;
  padding-top: 0.5em;
}
@media (min-width: 0px) {
  .in-out-box div.last {
    width: 48.61461%;
    float: right;
    margin-right: 0;
    text-align: left;
    margin-top: 0em;
    background: none;
    padding-top: 0;
  }
}
@media (min-width: 0px) {
  .in-out-box div.last {
    width: 48.13559%;
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 2px) {
  .in-out-box div.last {
    width: 43.08036%;
    float: right;
    margin-right: 0;
  }
}
.in-out-box div.last .image {
  background: transparent url('../images/sites/thermalsolutions/out-image.svg?1468396685') no-repeat scroll left top/140px 64px;
  height: 64px;
  margin: 0;
  width: 100%;
  border-bottom: 1px solid #ff3700;
}
@media (min-width: 0px) {
  .in-out-box div.last .image {
    display: none;
  }
}

.has-one-sidebar .in-out-box {
  width: 76.53374%;
  float: left;
  margin-right: 1.68712%;
  display: inline;
}

.has-two-sidebars .in-out-box {
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}
@media (min-width: 0px) {
  .has-two-sidebars .in-out-box {
    width: 100%;
    float: left;
    margin-right: 3.72881%;
  }
}
@media (min-width: 2px) {
  .has-two-sidebars .in-out-box {
    width: 100%;
    float: left;
    margin-right: 2.45536%;
  }
}

/*******************************************************************************
 * _m06-ansprechpartner.scss
 *
 * CSS für Ansprechpartner
 ******************************************************************************/
.ansprechpartnerbox {
  margin-bottom: 40px;
  overflow: hidden;
}
@media (min-width: 0px) {
  .ansprechpartnerbox {
    margin-bottom: 50px;
  }
}
@media (min-width: 2px) {
  .ansprechpartnerbox {
    margin-bottom: 60px;
  }
}
.ansprechpartnerbox.address-item-list ul {
  padding: 0;
  margin: 0;
}
.ansprechpartnerbox.address-item-list ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-image: none;
  line-height: normal;
}
.ansprechpartnerbox.address-item-list .address-item {
  border-bottom: 1px solid #ff3700;
  padding-bottom: 16px;
  border-top: 1px solid #ff3700;
  padding-top: 20px;
}
@media (min-width: 0px) {
  .ansprechpartnerbox.address-item-list .address-item {
    padding-bottom: 1.5em;
    padding-top: 2em;
  }
}
.ansprechpartnerbox.address-item-list .address-item .rueckruf-button {
  background: url('../images/form/form_checkboxes.svg?1457694078') no-repeat left bottom transparent;
  background-size: 29px 70px;
  padding-left: 33px;
  height: 29px;
  cursor: pointer;
  line-height: 30px;
  margin-top: 21px;
  display: none;
}
.ansprechpartnerbox.address-item-list .address-item .rueckruf-button.active {
  background: url('../images/form/form_checkboxes.svg?1457694078') no-repeat left top transparent;
  background-size: 29px 70px;
}
.ansprechpartnerbox.address-item-list .address-item .image {
  width: 47.15026%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}
@media (min-width: 0px) {
  .ansprechpartnerbox.address-item-list .address-item .image {
    width: 22.92191%;
    float: left;
    margin-right: 2.77078%;
  }
}
@media (min-width: 0px) {
  .ansprechpartnerbox.address-item-list .address-item .image {
    width: 30.84746%;
    float: left;
    margin-right: 3.72881%;
  }
}
@media (min-width: 2px) {
  .ansprechpartnerbox.address-item-list .address-item .image {
    width: 30.84746%;
    float: left;
    margin-right: 3.72881%;
  }
}
.ansprechpartnerbox.address-item-list .address-item .infos {
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}
@media (min-width: 0px) {
  .ansprechpartnerbox.address-item-list .address-item .infos {
    width: 74.3073%;
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 0px) {
  .ansprechpartnerbox.address-item-list .address-item .infos {
    width: 65.42373%;
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 2px) {
  .ansprechpartnerbox.address-item-list .address-item .infos {
    width: 65.42373%;
    float: right;
    margin-right: 0;
  }
}
.ansprechpartnerbox.address-item-list .address-item .infos h4 {
  margin: 0 0 7px 0;
  text-transform: none;
}
.ansprechpartnerbox.address-item-list .address-item .infos h5 {
  margin: 0 0 20px 0;
  text-transform: none;
}
@media (min-width: 2px) {
  .ansprechpartnerbox.address-item-list .address-item .infos h5 {
    margin: 0 0 35px 0;
  }
}
.ansprechpartnerbox.address-item-list .address-item ul li {
  line-height: 1.5em;
  margin-left: 0;
  margin-bottom: 0;
}
.ansprechpartnerbox.address-item-list .address-item ul li span {
  display: inline-block;
  width: 35px;
}
.ansprechpartnerbox .form {
  margin-top: 20px;
  display: block;
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}
@media (min-width: 0px) {
  .ansprechpartnerbox .form {
    width: 100%;
    float: left;
    margin-right: 3.72881%;
  }
}
@media (min-width: 0px) {
  .ansprechpartnerbox .form #webform-component-pflichtfelder {
    width: 48.13559%;
    float: left;
    margin-right: 3.72881%;
  }
}
.ansprechpartnerbox .form #webform-component-anrede > label {
  float: left;
}
.ansprechpartnerbox .form #edit-actions {
  float: left;
  width: 100%;
  margin-top: 10px;
}
@media (min-width: 0px) {
  .ansprechpartnerbox .form #edit-actions {
    margin-top: 0;
    width: 48.13559%;
    float: right;
    margin-right: 0;
  }
}
.ansprechpartnerbox .form form {
  margin: 0;
}
.ansprechpartnerbox .form.open {
  display: block;
}
.ansprechpartnerbox .form #webform-component-nachricht textarea {
  margin: 0;
}

.has-two-sidebars .ansprechpartnerbox .address-item {
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}
@media (min-width: 0px) {
  .has-two-sidebars .ansprechpartnerbox .address-item {
    width: 65.84821%;
    float: left;
    margin-right: 2.45536%;
  }
}
@media (min-width: 2px) {
  .has-two-sidebars .ansprechpartnerbox .address-item {
    width: 65.84821%;
    float: left;
    margin-right: 2.45536%;
  }
}

.has-one-sidebar .ansprechpartnerbox .address-item {
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}
@media (min-width: 0px) {
  .has-one-sidebar .ansprechpartnerbox .address-item {
    width: 65.84821%;
    float: left;
    margin-right: 2.45536%;
  }
}
@media (min-width: 2px) {
  .has-one-sidebar .ansprechpartnerbox .address-item {
    width: 45.2454%;
    float: left;
    margin-right: 1.68712%;
  }
}

/*******************************************************************************
 * _m05-zitatbox.scss (_box-item.scss)
 *
 * CSS für Zitatbox + Tippbox
 ******************************************************************************/
/* Allgemein */
.box-item-list {
  clear: left;
  overflow: hidden;
}
.box-item-list .box-item {
  margin-bottom: 40px;
  border: 1px solid #ff3700;
  border-left: 10px solid #ff3700;
  position: relative;
  display: inline;
  /* Zitatbox */
  /* Tippbox ist Default*/
}
@media (min-width: 0px) {
  .box-item-list .box-item {
    margin-bottom: 50px;
  }
}
@media (min-width: 2px) {
  .box-item-list .box-item {
    margin-bottom: 60px;
  }
}
@media (min-width: 2px) {
  .box-item-list .box-item {
    min-height: 209px;
  }
}
.box-item-list .box-item .image {
  margin-bottom: 0;
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}
.box-item-list .box-item .image img {
  display: block;
}
@media (min-width: 0px) {
  .box-item-list .box-item .image img {
    margin-left: -8px;
  }
}
@media (min-width: 0px) {
  .box-item-list .box-item .image {
    width: 22.92191%;
    float: left;
    margin-right: 2.77078%;
  }
}
@media (min-width: 0px) {
  .box-item-list .box-item .image {
    width: 30.84746%;
    float: left;
    margin-right: 3.72881%;
  }
}
@media (min-width: 2px) {
  .box-item-list .box-item .image {
    width: 31.69643%;
    float: left;
    margin-right: 2.45536%;
  }
}
.box-item-list .box-item ul {
  margin-bottom: 0;
}
.box-item-list .box-item .teaser {
  padding: 1em;
  display: table-cell;
  vertical-align: middle;
}
@media (min-width: 0px) {
  .box-item-list .box-item .teaser {
    padding: 1.5em 3em;
  }
}
@media (min-width: 2px) {
  .box-item-list .box-item .teaser {
    padding: 1.5em 4.286em;
    height: 207px;
  }
}
@media (min-width: 0px) {
  .box-item-list .box-item .image + .teaser {
    width: 74.3073%;
    float: right;
    margin-right: 0;
    padding: 1.5em 1.5em 1.5em 0;
  }
}
@media (min-width: 0px) {
  .box-item-list .box-item .image + .teaser {
    width: 65.42373%;
    float: right;
    margin-right: 0;
    padding: 1.5em;
  }
}
@media (min-width: 2px) {
  .box-item-list .box-item .image + .teaser {
    height: 207px;
    padding: 1.5em 4.286em;
    /*60px 14px*/
    float: none;
    width: auto;
    margin: 0;
    vertical-align: middle;
    display: table-cell;
  }
}
@media (min-width: 0px) {
  .box-item-list .box-item .image + .teaser + h4 {
    width: 65.42373%;
    float: right;
    margin-right: 0;
  }
}
.box-item-list .box-item h2 {
  margin-top: 0;
}
.box-item-list .box-item h3 {
  color: #ff3700;
  font-style: normal;
  margin-bottom: 0.6em;
  font-size: 1.2rem;
}
@media (min-width: 0px) {
  .box-item-list .box-item h3 {
    font-size: 1.5rem;
  }
}
.box-item-list .box-item a {
  display: block;
}
.box-item-list .box-item.zitatbox h4 {
  padding: 1em;
  font-weight: 300;
  font-style: italic;
  font-size: 0.857em;
  /*12px 14px*/
  margin-top: 0;
  text-align: right;
}
@media (min-width: 2px) {
  .box-item-list .box-item.zitatbox h4 {
    position: absolute;
    right: 4.286em;
    /*60px 14px*/
    bottom: 1.875em;
    /*30px 14px*/
    padding: 0;
  }
}
.box-item-list .image + .teaser a {
  display: inline-block;
}

/* Box-Item hat immer eine feste Breite, egal ob mit, einer und zwei Sidebars */
.has-one-sidebar .box-item {
  width: 100%;
  float: left;
  margin-right: 1.68712%;
  display: inline;
}
.has-one-sidebar .box-item.grid-10 {
  width: 76.53374%;
  float: left;
  margin-right: 1.68712%;
  display: inline;
}
.has-one-sidebar .box-item.grid-8 {
  width: 60.88957%;
  float: left;
  margin-right: 1.68712%;
  display: inline;
}

.has-no-sidebars .box-item {
  width: 55.65217%;
  float: left;
  margin-right: 1.36646%;
  display: inline;
}
.has-no-sidebars .box-item.grid-10 {
  width: 61.98758%;
  float: left;
  margin-right: 1.36646%;
  display: inline;
}
.has-no-sidebars .box-item.grid-8 {
  width: 49.31677%;
  float: left;
  margin-right: 1.36646%;
  display: inline;
}

.has-two-sidebars .box-item {
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
  margin-right: 0;
}
@media (min-width: 2px) {
  .has-two-sidebars .box-item {
    width: 100%;
    float: left;
    margin-right: 3.72881%;
    margin-right: 0;
  }
}
@media (min-width: 2px) {
  .has-two-sidebars .box-item {
    width: 100%;
    float: left;
    margin-right: 2.45536%;
    margin-right: 0;
  }
  .has-two-sidebars .box-item.grid-10 {
    width: 100%;
    float: left;
    margin-right: 2.45536%;
  }
  .has-two-sidebars .box-item.grid-8 {
    width: 88.61607%;
    float: left;
    margin-right: 2.45536%;
  }
}

/*******************************************************************************
 * _m09-downloadformular.scss
 *
 * CSS fuer M09 Formular zum Download von Dokumenten
 ******************************************************************************/
/*Popup Prosekt anfordern bei Downloads*/
#prospekt-anfordern {
  display: none;
}
#prospekt-anfordern h2 {
  margin-bottom: 1em;
  margin-top: 0;
}
#prospekt-anfordern .form-item {
  margin-bottom: 1.3em;
}
#prospekt-anfordern #webform-component-allgemein > label,
#prospekt-anfordern #webform-component-press--und-ziehprodukte > label {
  font-weight: 600;
  margin-bottom: 1em;
  display: inline-block;
  padding: 0;
}
#prospekt-anfordern #webform-component-allgemein .form-checkboxes,
#prospekt-anfordern #webform-component-press--und-ziehprodukte .form-checkboxes {
  overflow: hidden;
}
#prospekt-anfordern #webform-component-allgemein .form-checkboxes .form-item,
#prospekt-anfordern #webform-component-press--und-ziehprodukte .form-checkboxes .form-item {
  width: 100%;
}
@media (min-width: 0px) {
  #prospekt-anfordern #webform-component-allgemein .form-checkboxes .form-item,
  #prospekt-anfordern #webform-component-press--und-ziehprodukte .form-checkboxes .form-item {
    width: 48%;
    margin-right: 2%;
    float: left;
  }
}
#prospekt-anfordern .webform-component-radios {
  margin-bottom: 0;
}
#prospekt-anfordern #webform-component-kontakt {
  margin-top: 2em;
  border-top: 1px solid #cccccc;
  padding-top: 1.5em;
  border-bottom: 1px solid #ff3700;
  padding-bottom: 1.5em;
  margin-bottom: 2em;
  overflow: hidden;
}
#prospekt-anfordern #webform-component-kontakt .kontakt-items {
  overflow: hidden;
}
#prospekt-anfordern #webform-component-kontakt .kontakt-items .form-item {
  width: 31%;
  float: left;
  margin-right: 2%;
  margin-bottom: 1em;
}
#prospekt-anfordern #webform-component-kontakt .kontakt-items #webform-component-ort,
#prospekt-anfordern #webform-component-kontakt .kontakt-items #webform-component-e-mail,
#prospekt-anfordern #webform-component-kontakt .kontakt-items #webform-component-vorname {
  margin-right: 0;
}
#prospekt-anfordern #webform-component-fachgebiet,
#prospekt-anfordern #webform-component-nachricht {
  width: 100%;
}
@media (min-width: 0px) {
  #prospekt-anfordern #webform-component-fachgebiet,
  #prospekt-anfordern #webform-component-nachricht {
    width: 64%;
  }
}

/* Popup Download */
#download-popup {
  display: none;
}
#download-popup h2 {
  margin-bottom: 1em;
  margin-top: 0;
}
#download-popup form {
  margin-bottom: 0;
}

/*******************************************************************************
 * _m13_two-col-layout.scss
 *
 * CSS für 2 Spalten Layout
 ******************************************************************************/
.two-col-layout {
  margin-bottom: 40px;
  overflow: hidden;
  width: 100%;
}
@media (min-width: 0px) {
  .two-col-layout {
    margin-bottom: 50px;
  }
}
@media (min-width: 2px) {
  .two-col-layout {
    margin-bottom: 60px;
  }
}
@media (min-width: 0px) {
  .two-col-layout .col-one {
    width: 48.61461%;
    float: left;
    margin-right: 2.77078%;
  }
}
@media (min-width: 0px) {
  .two-col-layout .col-one {
    width: 48.13559%;
    float: left;
    margin-right: 3.72881%;
  }
}
.two-col-layout .col-second {
  margin-top: 2em;
  background: transparent url('../images/base/subheading.gif?1431442332') no-repeat left top;
  padding-top: 2em;
}
@media (min-width: 0px) {
  .two-col-layout .col-second {
    background: none;
    padding-top: 0;
    margin-top: 0;
    width: 48.61461%;
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 0px) {
  .two-col-layout .col-second {
    width: 48.13559%;
    float: right;
    margin-right: 0;
  }
}

/*******************************************************************************
 * _m16-downloadliste_einfach.scss
 *
 * CSS fuerM16
 ******************************************************************************/
@media (min-width: 0px) {
  .accordion .download-item-list.kacheln .download-item {
    width: 48.13559%;
    float: left;
    margin-right: 3.72881%;
  }
  .accordion .download-item-list.kacheln .download-item:nth-child(3n) {
    width: 48.13559%;
    float: left;
    margin-right: 3.72881%;
  }
  .accordion .download-item-list.kacheln .download-item:nth-child(2n) {
    width: 48.13559%;
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 2px) {
  .accordion .download-item-list.kacheln .download-item {
    width: 31.69643%;
    float: left;
    margin-right: 2.45536%;
  }
  .accordion .download-item-list.kacheln .download-item:nth-child(2n) {
    width: 31.69643%;
    float: left;
    margin-right: 2.45536%;
  }
  .accordion .download-item-list.kacheln .download-item:nth-child(3n) {
    width: 31.69643%;
    float: right;
    margin-right: 0;
  }
}
.accordion .download-item-list.liste {
  padding-bottom: 0;
}
@media (min-width: 0px) {
  .accordion .download-item-list.liste .download-item .image {
    width: 22.92191%;
    float: left;
    margin-right: 2.77078%;
  }
}
@media (min-width: 0px) {
  .accordion .download-item-list.liste .download-item .image {
    width: 13.55932%;
    float: left;
    margin-right: 3.72881%;
  }
}
@media (min-width: 2px) {
  .accordion .download-item-list.liste .download-item .image {
    width: 20.3125%;
    float: left;
    margin-right: 2.45536%;
  }
}
@media (min-width: 0px) {
  .accordion .download-item-list.liste .download-item .teaser-container {
    width: 74.3073%;
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 0px) {
  .accordion .download-item-list.liste .download-item .teaser-container {
    width: 65.42373%;
    float: left;
    margin-right: 3.72881%;
  }
}
@media (min-width: 2px) {
  .accordion .download-item-list.liste .download-item .teaser-container {
    width: 54.46429%;
    float: left;
    margin-right: 2.45536%;
  }
}
@media (min-width: 0px) {
  .accordion .download-item-list.liste .download-item .linklist {
    width: 74.3073%;
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 0px) {
  .accordion .download-item-list.liste .download-item .linklist {
    width: 13.55932%;
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 2px) {
  .accordion .download-item-list.liste .download-item .linklist {
    width: 20.3125%;
    float: right;
    margin-right: 0;
  }
}
.accordion .linklist ul li {
  padding-left: 0 !important;
}

/*******************************************************************************
* _responsive-tabs.scss
*
* jQuery Tabs, Allgemeine Styles wird z.B. für Metallinformationen verwendet
******************************************************************************/
.tabs {
  overflow: hidden;
  margin-bottom: 40px;
}
.tabs .teaser-container {
  margin-bottom: 2em;
}
@media (min-width: 0px) {
  .tabs .teaser-container {
    width: 77.23214%;
    float: left;
    margin-right: 2.45536%;
  }
}
@media (min-width: 2px) {
  .tabs .teaser-container {
    width: 76.53374%;
    float: left;
    margin-right: 1.68712%;
  }
}
@media (min-width: 0px) {
  .tabs {
    margin-bottom: 50px;
  }
}
@media (min-width: 2px) {
  .tabs {
    margin-bottom: 60px;
  }
}
.tabs #horizontalTab {
  margin-bottom: 30px;
  border-top: 1px solid #cccccc;
  clear: left;
  /* .ul.responsive-tabs-menu */
}
@media (min-width: 0px) {
  .tabs #horizontalTab {
    margin-bottom: 50px;
  }
}
@media (min-width: 2px) {
  .tabs #horizontalTab {
    margin-bottom: 60px;
  }
}
@media (min-width: 0px) {
  .tabs #horizontalTab {
    border: none;
  }
}
.tabs #horizontalTab ul.tabs-menu {
  display: none;
  height: 44px;
  clear: both;
  padding: 0;
  margin: 0;
  display: none;
  /* li */
}
@media (min-width: 0px) {
  .tabs #horizontalTab ul.tabs-menu {
    display: block;
  }
}
.tabs #horizontalTab ul.tabs-menu li {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-image: none;
  line-height: normal;
}
@media (min-width: 0px) {
  .tabs #horizontalTab ul.tabs-menu {
    display: block;
  }
}
.tabs #horizontalTab ul.tabs-menu li {
  height: 44px;
  line-height: 44px;
  float: left;
  margin-right: 0px;
  text-align: center;
  background-color: #eeeeee;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}
.tabs #horizontalTab ul.tabs-menu li:nth-last-child(1) {
  border-right: 1px solid #cccccc;
}
.tabs #horizontalTab ul.tabs-menu li.r-tabs-state-active {
  position: relative;
  background-color: white;
  border-bottom: 1px solid white;
  z-index: 5;
}
.tabs #horizontalTab ul.tabs-menu li.r-tabs-state-active a {
  color: black;
}
.tabs #horizontalTab ul.tabs-menu li:hover {
  background-color: white;
}
.tabs #horizontalTab ul.tabs-menu li a {
  border: none;
  text-decoration: none;
  background: none;
  padding: 0;
  color: black;
  font-weight: 600;
  padding: 0 32px;
  color: #87888a;
  position: relative;
}
.tabs #horizontalTab ul.tabs-menu li a a:hover, .tabs #horizontalTab ul.tabs-menu li a:hover {
  border: none;
  text-decoration: none;
}
.tabs .r-tabs .r-tabs-tab {
  display: inline-block;
  margin: 0;
  list-style: none;
}
.tabs .r-tabs .r-tabs-panel {
  display: none;
}
.tabs .r-tabs .r-tabs-accordion-title {
  display: none;
}
.tabs .r-tabs .r-tabs-panel.r-tabs-state-active {
  display: block;
}
.tabs .r-tabs .r-tabs-accordion-title {
  display: block;
  height: 44px;
  line-height: 44px;
  float: left;
  margin-right: 0px;
  width: 100%;
  text-align: left;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  border-top: none;
}
.tabs .r-tabs .r-tabs-accordion-title.r-tabs-state-active {
  position: relative;
  background-color: white;
  border-bottom: 1px solid white;
  z-index: 5;
}
.tabs .r-tabs .r-tabs-accordion-title.r-tabs-state-active a {
  color: black;
}
.tabs .r-tabs .r-tabs-accordion-title a {
  border: none;
  text-decoration: none;
  background: none;
  padding: 0;
  color: black;
  font-weight: 600;
  padding: 0 1em;
  color: #87888a;
  position: relative;
  width: 100%;
}
.tabs .r-tabs .r-tabs-accordion-title a a:hover, .tabs .r-tabs .r-tabs-accordion-title a:hover {
  border: none;
  text-decoration: none;
}
@media (min-width: 0px) {
  .tabs .r-tabs .r-tabs-accordion-title a {
    padding: 0 32px;
  }
}
@media (min-width: 0px) {
  .tabs .r-tabs .r-tabs-accordion-title {
    display: none;
  }
}
.tabs .icon {
  position: absolute;
  width: 22px;
  height: 22px;
  right: 20px;
  top: 13px;
  font-size: 25px;
  cursor: pointer;
  line-height: 100%;
  text-align: center;
  background: transparent url('../images/icons/icons_function.svg?1459262042') no-repeat -225px -225px;
  background-size: 1500px 1500px;
}
@media (min-width: 0px) {
  .tabs .icon {
    display: none;
  }
}
.tabs .r-tabs-state-active .icon {
  background-position: -150px -150px;
  background-size: 1500px 1500px;
}
.tabs .responsive-tabs + .tab-content {
  clear: left;
}
.tabs .tab-content {
  padding: 1em;
  display: none;
  margin: -1px 0 0 0;
  border: 1px solid #cccccc;
  background-color: white;
  float: left;
  width: 100%;
  position: relative;
}
@media (min-width: 0px) {
  .tabs .tab-content {
    padding: 32px;
  }
}

/*******************************************************************************
 * _search.scss
 *
 * Suche in Smartbox, CSS für Smartbox in _colorbox.scss
 ******************************************************************************/
/* Suche im Kopfbereich */
#search-button {
  height: 29px;
  width: 29px;
  display: inline-block;
  float: right;
  text-indent: -10000px;
  cursor: pointer;
}
#search-button a {
  display: block;
  background: #ff3700 url('../images/icons/icon_search.svg?1457693559') no-repeat center center;
  background-size: 24px 24px;
  height: 100%;
  width: 100%;
}

#search-form form input.form-text {
  color: #87888a;
  width: 100%;
  margin-bottom: 16px;
}
#search-form form input.form-submit {
  width: 63px;
  float: right;
}

#mobile-suche {
  margin: 10px 0;
  padding: 0 16px;
}
#mobile-suche form {
  margin: 0;
}
#mobile-suche .form-text {
  width: 85%;
  float: left;
  height: 35px;
}
#mobile-suche .form-submit {
  display: block;
  background: #ff3700 url('../images/icons/icon_search.svg?1457693559') no-repeat center center;
  background-size: 29px 29px;
  height: 35px;
  width: 15%;
  text-indent: -100000px;
  float: left;
}

@media (min-width: 0px) {
  #search-page #webform-component-suche {
    width: 48.61461%;
    float: left;
    margin-right: 2.77078%;
  }
}
@media (min-width: 0px) {
  #search-page #webform-component-suche {
    width: 77.23214%;
    float: left;
    margin-right: 2.45536%;
  }
}
@media (min-width: 0px) {
  #search-page #edit-actions {
    width: 48.61461%;
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 0px) {
  #search-page #edit-actions {
    width: 20.3125%;
    float: right;
    margin-right: 0;
  }
}
#search-page .article-item-list {
  border-bottom: 1px solid #ff3700;
  margin-bottom: 2em;
}
#search-page .article-item-list .article-item {
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}
@media (min-width: 0px) {
  #search-page .article-item-list .article-item {
    width: 74.3073%;
    float: left;
    margin-right: 2.77078%;
  }
}
@media (min-width: 0px) {
  #search-page .article-item-list .article-item {
    width: 100%;
    float: left;
    margin-right: 3.72881%;
  }
}
@media (min-width: 2px) {
  #search-page .article-item-list .article-item {
    width: 77.23214%;
    float: left;
    margin-right: 2.45536%;
  }
}
#search-page .article-item-list a {
  display: inline;
}

/*******************************************************************************
* _tabs.scss
*
* jQuery Tabs, Allgemeine Styles wird z.B. für Metallinformationen verwendet
******************************************************************************/
.tabs-container {
  overflow: hidden;
}
.tabs-container ul.tabs-menu,
.tabs-container ul.responsive-tabs-menu {
  height: 44px;
  clear: both;
  padding: 0;
  margin: 0;
}
.tabs-container ul.tabs-menu li,
.tabs-container ul.responsive-tabs-menu li {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-image: none;
  line-height: normal;
}
@media (min-width: 0px) {
  .tabs-container ul.tabs-menu,
  .tabs-container ul.responsive-tabs-menu {
    display: block;
  }
}
.tabs-container ul.tabs-menu li,
.tabs-container ul.responsive-tabs-menu li {
  height: 44px;
  line-height: 44px;
  float: left;
  margin-right: 0px;
  padding: 0 32px;
  text-align: center;
  background-color: #eeeeee;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}
.tabs-container ul.tabs-menu li.last,
.tabs-container ul.responsive-tabs-menu li.last {
  border-right: 1px solid #cccccc;
}
.tabs-container ul.tabs-menu li.current,
.tabs-container ul.responsive-tabs-menu li.current {
  position: relative;
  background-color: white;
  border-bottom: 1px solid white;
  z-index: 5;
}
.tabs-container ul.tabs-menu li.current a,
.tabs-container ul.responsive-tabs-menu li.current a {
  color: black;
}
.tabs-container ul.tabs-menu li:hover,
.tabs-container ul.responsive-tabs-menu li:hover {
  background-color: white;
}
.tabs-container ul.tabs-menu li a,
.tabs-container ul.responsive-tabs-menu li a {
  border: none;
  text-decoration: none;
  background: none;
  padding: 0;
  color: black;
  font-weight: 600;
  color: #87888a;
}
.tabs-container ul.tabs-menu li a a:hover, .tabs-container ul.tabs-menu li a:hover,
.tabs-container ul.responsive-tabs-menu li a a:hover,
.tabs-container ul.responsive-tabs-menu li a:hover {
  border: none;
  text-decoration: none;
}
.tabs-container .responsive-tabs {
  display: block;
  width: 100%;
  float: none;
  height: 44px;
  line-height: 44px;
  float: left;
  margin-right: 0px;
  padding: 0 32px;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
}
.tabs-container .responsive-tabs a {
  border: none;
  text-decoration: none;
  background: none;
  padding: 0;
  color: black;
  font-weight: 600;
  color: #87888a;
}
.tabs-container .responsive-tabs a a:hover, .tabs-container .responsive-tabs a:hover {
  border: none;
  text-decoration: none;
}
@media (min-width: 2px) {
  .tabs-container .responsive-tabs {
    display: none;
  }
}
@media (min-width: 2px) {
  .tabs-container .r-tabs .r-tabs-accordion-title {
    display: none;
  }
}
.tabs-container .responsive-tabs + .tab-content {
  clear: left;
}
.tabs-container .tab {
  margin: -1px 0 0 0;
  border: 1px solid #cccccc;
  background-color: white;
  float: left;
  margin-bottom: 20px;
  width: 100%;
  position: relative;
}
.tabs-container .tab-content {
  padding: 32px;
  display: none;
}
.tabs-container #tab-1 {
  display: block;
}

/*******************************************************************************
 * _back-to-top.scss
 *
 * CSS Back-To-Top Navigation
 ******************************************************************************/
#back-to-top {
  position: fixed;
  bottom: 16px;
  right: 16px;
  display: none;
  float: right;
  z-index: 1000;
  display: none;
  width: 46px;
  height: 46px;
  background-image: url('../images/links/link_back-to-top_mobil.svg?1457691622');
  background-position: center center;
  background-size: 46px 46px;
  background-repeat: no-repeat;
  text-indent: -10000px;
  background-color: #ff3700;
  border: 1px solid white;
  text-decoration: none;
}
@media (min-width: 0px) {
  #back-to-top {
    bottom: 40px;
  }
}
@media (min-width: 2px) {
  #back-to-top {
    width: 70px;
    display: none;
    background-image: url('../images/links/link_back-to-top.svg?1457694322');
    background-position: center 2px;
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 0);
    background-size: 20px 20px;
    font-size: 0.857em;
    text-indent: 0;
    bottom: 30px;
    padding-top: 20px;
    text-align: center;
    border: none;
    color: #ff3700;
  }
  #back-to-top:hover {
    text-decoration: underline;
    background-color: transparent;
  }
}

a.back-to-top {
  padding-top: 20px;
  padding-left: 0;
  color: #ff3700;
  display: block;
  width: 70px;
  font-size: 0.8em;
  border: none;
  text-decoration: none;
  text-align: center;
  background: url('../images/links/link_back-to-top.svg?1457694322') no-repeat center 4px transparent;
  background-size: 20px 20px;
}

/*******************************************************************************
 * _backlinks.scss
 *
 * 
 ******************************************************************************/
/* Zurück*/
.back-to-site {
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  margin: 6px 0 2em 0;
  padding: 0.5em 0;
}

a.back-link {
  background: url('../images/links/link_back.svg?1457694339') no-repeat left 0.0714em transparent;
  background-size: 20px 20px;
}

/*******************************************************************************
 * _breadcrumbs.scss
 *
 * Breadcrumb
 ******************************************************************************/
#breadcrumbs ul {
  padding: 0;
  margin: 0;
}
#breadcrumbs ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-image: none;
  line-height: normal;
}
#breadcrumbs ul li {
  float: left;
  margin-right: 0.714em;
  /*10px 14px */
  color: #999999;
}
#breadcrumbs ul li span {
  font-size: 0.857em;
  /*12px 14px*/
}
#breadcrumbs ul li a {
  border: none;
  text-decoration: none;
  background: none;
  padding: 0;
  color: black;
  font-weight: 300;
  font-size: 0.857em;
  /*12px 14px*/
  color: #999999;
  padding-right: 0.833em;
  /*10px 12px*/
}
#breadcrumbs ul li a a:hover, #breadcrumbs ul li a:hover {
  border: none;
  text-decoration: none;
}
#breadcrumbs ul li a:hover {
  color: #ff3700;
}
#breadcrumbs ul span.active {
  color: #ff3700;
  margin-left: 0px;
}

/*******************************************************************************
 * _footer-navigation.scss
 *
 * Navigation im Fussbereich
 ******************************************************************************/
#footer-navigation {
  height: auto;
  padding: 1em 0;
  text-align: center;
  overflow: hidden;
  /* Link Wieland und Druckfunktion*/
  /* Metainformationen */
  /* Twitter und E-Mail */
}
@media (min-width: 0px) {
  #footer-navigation {
    height: 30px;
    padding: 0;
    text-align: left;
  }
}
#footer-navigation ul.menu li {
  color: white;
  font-size: 1em;
  /*14px */
  line-height: 1.3em;
}
#footer-navigation ul.menu li.last {
  border: none;
}
@media (min-width: 0px) {
  #footer-navigation ul.menu li {
    float: left;
    border: none;
    border: none;
    font-size: 0.857em;
    /*12px 14px */
    font-weight: 600;
  }
}
#footer-navigation ul.menu li a {
  border: none;
  text-decoration: none;
  background: none;
  padding: 0;
  color: black;
  color: white;
  font-size: 0.9em;
  line-height: 1.3em;
  padding-bottom: 0em;
  margin-bottom: 0.3em;
  padding-top: 0.3em;
  display: inline-block;
  font-weight: 600;
}
#footer-navigation ul.menu li a a:hover, #footer-navigation ul.menu li a:hover {
  border: none;
  text-decoration: none;
}
#footer-navigation ul.menu li a:hover {
  border: none;
  text-decoration: none;
}
#footer-navigation ul.menu li a.active {
  border-bottom: 1px solid white;
}
@media (min-width: 0px) {
  #footer-navigation ul.menu li a {
    font-size: 1em;
    padding: 0;
    padding-bottom: 0em;
    padding-top: 0.5em;
    margin-bottom: 0;
    display: inline;
    font-weight: 600;
  }
}
#footer-navigation ul#feature-menu li,
#footer-navigation ul#social-menu li {
  border-right: 1px solid white;
}
@media (min-width: 0px) {
  #footer-navigation ul#feature-menu li.last,
  #footer-navigation ul#social-menu li.last {
    margin-right: 0px;
  }
}
#footer-navigation ul#feature-menu li a,
#footer-navigation ul#social-menu li a {
  padding-top: 8px;
  padding-right: 10px;
  padding-left: 10px;
  display: block;
  width: 40px;
  height: 40px;
}
#footer-navigation ul#feature-menu li a:hover,
#footer-navigation ul#social-menu li a:hover {
  border: none !important;
}
@media (min-width: 0px) {
  #footer-navigation ul#feature-menu li a,
  #footer-navigation ul#social-menu li a {
    height: 30px;
    width: 40px;
  }
}
#footer-navigation ul#feature-menu {
  float: none;
  width: 100%;
  overflow: hidden;
  display: none;
}
#footer-navigation ul#feature-menu li.first {
  width: auto;
}
#footer-navigation ul#feature-menu li.first a {
  width: auto;
  padding-left: 0px;
  padding-right: 35px;
}
@media (min-width: 0px) {
  #footer-navigation ul#feature-menu {
    display: none;
  }
}
@media (min-width: 2px) {
  #footer-navigation ul#feature-menu {
    display: block;
    float: left;
    width: auto;
    width: 17.63975%;
    float: left;
    margin-right: 1.36646%;
  }
}
#footer-navigation ul#feature-menu a.print {
  background: transparent url('../images/icons/icon_print.svg?1457693571') no-repeat center center;
  background-size: 20px 20px;
  font-size: 0;
  line-height: 0;
  display: none;
}
@media (min-width: 0px) {
  #footer-navigation ul#feature-menu a.print {
    display: block;
  }
}
#footer-navigation ul#meta-menu {
  float: none;
  text-align: left;
  padding-bottom: 0em;
  margin-bottom: 0.5em;
  width: 47.15026%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
  /* end: li */
}
@media (min-width: 0px) {
  #footer-navigation ul#meta-menu {
    float: left;
    margin-top: 8px;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
    width: 66.05657%;
    float: left;
    margin-right: 1.83028%;
  }
}
@media (min-width: 2px) {
  #footer-navigation ul#meta-menu {
    width: 55.65217%;
    float: left;
    margin-right: 1.36646%;
  }
}
#footer-navigation ul#meta-menu li {
  text-align: left;
  margin: 0;
  text-align: left;
  /* end: &.first */
}
@media (min-width: 0px) {
  #footer-navigation ul#meta-menu li {
    text-align: center;
    border-right: 1px solid white;
    padding-right: 20px;
    width: auto;
    margin-right: 20px;
    text-align: left;
  }
  #footer-navigation ul#meta-menu li.last {
    margin-right: 0;
  }
}
@media (min-width: 0px) {
  #footer-navigation ul#meta-menu li a.active,
  #footer-navigation ul#meta-menu li a:hover {
    border-bottom: 1px solid white;
  }
}
#footer-navigation ul#meta-menu li.first {
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #c82908;
  font-weight: 600;
  width: 100%;
  text-align: center;
  float: none;
  display: none;
}
@media (min-width: 0px) {
  #footer-navigation ul#meta-menu li.first {
    margin-bottom: 1em;
    border-bottom: none;
    padding-bottom: 0;
    width: auto;
    float: left;
    display: block;
    text-align: left;
  }
}
@media (min-width: 2px) {
  #footer-navigation ul#meta-menu li.first {
    border-left: 1px solid white;
    padding-left: 20px;
    margin-bottom: 0;
  }
}
#footer-navigation ul#social-menu {
  overflow: hidden;
  text-align: center;
  width: 100%;
  border-top: 1px solid white;
}
@media (min-width: 0px) {
  #footer-navigation ul#social-menu {
    border-top: none;
    border-top: none;
    text-align: right;
    height: 30px;
    float: right;
    width: auto;
  }
}
#footer-navigation ul#social-menu li {
  text-align: left;
  display: inline-block;
  border: none;
  margin: 0 0.5em;
}
@media (min-width: 0px) {
  #footer-navigation ul#social-menu li.first {
    border-left: 1px solid white;
  }
}
@media (min-width: 0px) {
  #footer-navigation ul#social-menu li {
    border-top: none;
    border-bottom: none;
    margin: 0;
    float: left;
    text-align: right;
    display: inline-block;
    border-right: 1px solid white;
  }
}
#footer-navigation ul#social-menu a {
  font-size: 0;
  line-height: 0;
  color: none;
}
#footer-navigation ul#social-menu a.email {
  background: transparent url('../images/icons/icon_email.svg?1457693635') no-repeat center center;
  display: block;
  background-size: 30px 30px;
}
@media (min-width: 0px) {
  #footer-navigation ul#social-menu a.email {
    background-size: 20px 20px;
  }
}
#footer-navigation ul#social-menu a.icon-facebook, #footer-navigation ul#social-menu a.icon-xing, #footer-navigation ul#social-menu a.icon-linkedin, #footer-navigation ul#social-menu a.icon-twitter {
  background-size: 30px 30px;
}
@media (min-width: 0px) {
  #footer-navigation ul#social-menu a.icon-facebook, #footer-navigation ul#social-menu a.icon-xing, #footer-navigation ul#social-menu a.icon-linkedin, #footer-navigation ul#social-menu a.icon-twitter {
    background-size: 20px 20px;
  }
}
#footer-navigation .copyright {
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid white;
  font-weight: 600;
  width: 100%;
  text-align: center;
  display: block;
  color: white;
}
@media (min-width: 0px) {
  #footer-navigation .copyright {
    display: none;
  }
}
#footer-navigation ul#mobil-menu {
  display: block;
  text-align: left;
  margin-bottom: 0.5em;
  width: 47.15026%;
  float: right;
  margin-right: 0;
  #margin-left: -1.1em;
  display: inline;
}
@media (min-width: 0px) {
  #footer-navigation ul#mobil-menu {
    display: none;
  }
}
#footer-navigation ul#language-menu {
  border-top: 1px solid white;
  display: block;
  text-align: center;
  padding-top: 0.5em;
  margin-top: 0.5em;
}
#footer-navigation ul#language-menu li {
  display: inline-block;
  padding: 0 0.5em;
}
#footer-navigation ul#language-menu a {
  text-transform: uppercase;
  font-weight: 600;
  padding-bottom: 0;
}
#footer-navigation ul#language-menu a.active, #footer-navigation ul#language-menu a:hover {
  border-bottom: 1px solid white;
}
@media (min-width: 0px) {
  #footer-navigation ul#language-menu {
    display: none;
  }
}

/* CSS Document fuer die Meta-Navigation*/
/* 12px 14px*/
#meta-navigation ul,
.meta-navigation ul {
  float: right;
  padding: 0.857em 0;
}
#meta-navigation ul li,
.meta-navigation ul li {
  float: left;
  padding-right: 0.857em;
  margin-right: 0.857em;
  line-height: 0.857em;
  margin-left: 0;
  padding-left: 0;
  border-right: 1px solid #87888a;
}
#meta-navigation ul li a,
.meta-navigation ul li a {
  font-size: 0.857em;
  color: #87888a;
  line-height: 1.2em;
  border: none;
  text-decoration: none;
  background-image: none;
  padding: 0;
}
#meta-navigation ul li a.active,
.meta-navigation ul li a.active {
  border-bottom: 1px solid #ff3700;
  font-weight: bold;
  color: #ff3700;
}
#meta-navigation ul li a:hover,
.meta-navigation ul li a:hover {
  border-bottom: 1px solid #ff3700;
  color: #ff3700;
  text-decoration: none;
}
#meta-navigation ul li#login-item a,
.meta-navigation ul li#login-item a {
  font-weight: bold;
  padding-left: 20px;
  background: transparent url('../images/icons/icon-login.gif?1406648298') no-repeat left top;
  display: block;
}
#meta-navigation ul li#login-item a:hover, #meta-navigation ul li#login-item a.active,
.meta-navigation ul li#login-item a:hover,
.meta-navigation ul li#login-item a.active {
  border: none;
  color: #ff3700;
  background-position: left -26px;
}
#meta-navigation ul li.language-link,
.meta-navigation ul li.language-link {
  border-right: none;
}
#meta-navigation ul li.language-link a,
.meta-navigation ul li.language-link a {
  text-transform: uppercase;
}
#meta-navigation ul li.language-link a.active,
.meta-navigation ul li.language-link a.active {
  color: #ff3700;
  border-bottom: 1px solid #ff3700;
}
#meta-navigation ul li#language-de,
.meta-navigation ul li#language-de {
  margin-left: 0.857em;
}
#meta-navigation ul li.last,
.meta-navigation ul li.last {
  padding-right: 0;
  margin-right: 0;
  border-right: none;
}

/*******************************************************************************
 * _pager.scss
 *
 * Page-Flip-Funktion
 ******************************************************************************/
.pager {
  width: 100%;
  text-align: center;
}
@media (min-width: 0px) {
  .pager {
    text-align: left;
  }
}
.pager div {
  float: left;
  padding: 0 3px;
  height: 20px;
  line-height: 1.3em;
}
.pager div.current-page {
  color: #ff3700;
  font-weight: 600;
}
.pager div.button-next, .pager div.button-prev {
  height: 20px;
  padding: 0;
}
.pager div.button-next a, .pager div.button-prev a {
  width: 20px;
  margin: 0;
  border: none;
  text-decoration: none;
  background: none;
  padding: 0;
  color: black;
  display: block;
  height: 20px;
  cursor: pointer;
  color: #ff3700;
}
.pager div.button-next a a:hover, .pager div.button-next a:hover, .pager div.button-prev a a:hover, .pager div.button-prev a:hover {
  border: none;
  text-decoration: none;
}
.pager div.button-next a {
  margin-left: 10px;
  background: transparent url('../images/base/controls.svg?1457694596') no-repeat -25px -50px;
  background-size: 125px 75px;
}
.pager div.button-next a:hover {
  background-position: -25px -25px;
}
.pager div.button-prev a {
  margin-right: 10px;
  background: transparent url('../images/base/controls.svg?1457694596') no-repeat 0px -50px;
  background-size: 125px 75px;
}
.pager div.button-prev a:hover {
  background-position: 0px -25px;
}
.pager .ergebnisse {
  font-size: 0.858em;
  display: none;
}
@media (min-width: 0px) {
  .pager .ergebnisse {
    float: left;
  }
}
@media (min-width: 0px) {
  .pager .ergebnisse {
    display: block;
  }
}
.pager .ergebnisse div.ergebnis {
  border-right: 1px solid black;
  padding: 0 6px;
  cursor: pointer;
}
.pager .ergebnisse div.ergebnis.last {
  border: none;
}
.pager .ergebnisse div.ergebnis.active {
  text-decoration: underline;
  font-weight: 600;
}
.pager .ergebnisse div.ergebnis:hover {
  text-decoration: underline;
}
.pager .seiten {
  font-size: 1em;
  float: none;
  margin: 0 auto;
  display: inline-block;
}
@media (min-width: 0px) {
  .pager .seiten {
    float: right;
    margin: 0;
    display: block;
    font-size: 0.858em;
  }
}
.pager .seiten div.seite {
  border-right: 1px solid black;
  padding: 0 6px;
  cursor: pointer;
}
.pager .seiten div.seite.last {
  border: none;
}
.pager .seiten div.seite.active {
  text-decoration: underline;
  font-weight: 600;
}
.pager .seiten div.seite:hover {
  text-decoration: underline;
}

/*******************************************************************************
 * _responsive-menu.scss
 *
 * Responsive Menü und CSS Angaben von jQuery MMenu
 ******************************************************************************/
#responsive-menu-button {
  position: absolute;
  top: 10px;
  left: 8px;
  display: block;
}
@media (min-width: 0px) {
  #responsive-menu-button {
    display: none;
  }
}
#responsive-menu-button .navbar-toggle {
  background: white none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  height: auto;
  margin-right: 0;
  margin-top: 0;
  padding: 0;
  width: auto;
  cursor: pointer;
  padding: 5px;
}
#responsive-menu-button .navbar-toggle .sr-only {
  border: 0 none;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
#responsive-menu-button .navbar-toggle .icon-bar {
  border-radius: 1px;
  display: block;
  height: 3px;
  width: 20px;
  background: black;
}
#responsive-menu-button .navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

#responsive-menu {
  border-top: 9px solid #ff3700;
  /* Overrides*/
}
@media (min-width: 0px) {
  #responsive-menu {
    border-top: none;
  }
  #responsive-menu ul {
    position: relative;
    padding: 0;
    margin: 0;
    /*1. Ebene*/
  }
  #responsive-menu ul li {
    padding: 0;
    margin: 0;
    list-style: none;
    list-style-image: none;
    line-height: normal;
  }
  #responsive-menu ul li {
    float: left;
    margin-top: 3px;
    position: relative;
    line-height: 1.5em;
    margin-right: 1em;
  }
  #responsive-menu ul li ul {
    display: none;
  }
  #responsive-menu ul li.last {
    margin-right: 0;
  }
  #responsive-menu ul li a {
    border-left: 5px solid white;
    padding-left: 3px;
    padding-top: 2px;
    padding-bottom: 2px;
    display: block;
    color: black;
    text-decoration: none;
    font-size: 1.288em;
    /*18px 14px*/
  }
  #responsive-menu ul li a:hover {
    border-left: 5px solid #ff3700;
    color: #ff3700;
  }
  #responsive-menu ul li:hover {
    /* 2. Ebebe */
  }
  #responsive-menu ul li:hover div.sub-menu a {
    color: black;
    border-left: none;
  }
  #responsive-menu ul li:hover.active-trail {
    color: black;
  }
  #responsive-menu ul li.active-trail a, #responsive-menu ul li.active a {
    border-left: 5px solid #ff3700;
    font-weight: 600;
    color: black;
  }
  #responsive-menu ul li.sfHover a {
    border-left: 5px solid #ff3700;
    color: #ff3700;
  }
  #responsive-menu ul li.sfHover ul.menu-depth-2 li > a {
    color: black;
  }
}
@media (min-width: 0px) and (min-width: 2px) {
  #responsive-menu ul li {
    margin-right: 2.643em;
    /*(45px - 8px) 14px*/
  }
}
#responsive-menu #highlight-button {
  background-size: 30px auto;
  padding-left: 40px;
}
#responsive-menu #highlight-button a {
  font-size: 1rem;
}
#responsive-menu ul.mm-listview li a.active {
  font-weight: 600;
}
#responsive-menu #mm-1 {
  background: #eeeeee;
}
#responsive-menu #mm-1 ul.mm-listview {
  margin-top: -20px !important;
}
#responsive-menu #mm-1 ul.mm-listview a {
  color: black;
  font-size: 18px;
}
#responsive-menu #mm-2 {
  background: #eeeeee;
}
#responsive-menu #mm-2 .mm-prev {
  top: 3px;
}
#responsive-menu .mm-hasnavbar .mm-navbar {
  color: white;
  background: #ff3700;
  font-weight: 600;
  font-size: 16px;
  height: 50px;
}
#responsive-menu .mm-hasnavbar ul.mm-listview a {
  color: black;
  font-size: 16px;
}
#responsive-menu .mm-listview > li:not(.mm-divider)::after {
  left: 0;
}

/*
	jQuery.mmenu CSS
*/
/*
	jQuery.mmenu oncanvas CSS
*/
.mm-hidden {
  display: none !important;
}

.mm-wrapper {
  overflow-x: hidden;
  position: relative;
}

.mm-menu,
.mm-panels,
.mm-panels > .mm-panel {
  margin: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}

.mm-menu {
  box-sizing: border-box;
  background: inherit;
  display: block;
  overflow: hidden;
  padding: 0;
}

.mm-panel {
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.mm-panel.mm-opened {
  -webkit-transform: translate3d(0%, 0, 0);
  -moz-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

.mm-panel.mm-subopened {
  -webkit-transform: translate3d(-30%, 0, 0);
  -moz-transform: translate3d(-30%, 0, 0);
  -ms-transform: translate3d(-30%, 0, 0);
  -o-transform: translate3d(-30%, 0, 0);
  transform: translate3d(-30%, 0, 0);
}

.mm-panel.mm-highest {
  z-index: 1;
}

.mm-panels,
.mm-panels > .mm-panel {
  background: inherit;
  border-color: inherit;
}

.mm-panels > .mm-panel {
  background: inherit;
  border-color: inherit;
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 0 20px;
}

.mm-panels > .mm-panel.mm-hasnavbar {
  padding-top: 40px;
}

.mm-panels > .mm-panel:before, .mm-panels > .mm-panel:after {
  content: '';
  display: block;
  height: 20px;
}

.mm-vertical .mm-panel {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
}

.mm-vertical .mm-listview .mm-panel,
.mm-listview .mm-vertical .mm-panel {
  display: none;
  padding: 10px 0 10px 10px;
}

.mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after,
.mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after {
  border-color: transparent;
}

.mm-vertical li.mm-opened > .mm-panel,
li.mm-vertical.mm-opened > .mm-panel {
  display: block;
}

.mm-vertical .mm-listview > li > .mm-next,
.mm-listview > li.mm-vertical > .mm-next {
  height: 40px;
  bottom: auto;
}

.mm-vertical .mm-listview > li > .mm-next:after,
.mm-listview > li.mm-vertical > .mm-next:after {
  top: 16px;
  bottom: auto;
}

.mm-vertical .mm-listview > li.mm-opened > .mm-next:after,
.mm-listview > li.mm-vertical.mm-opened > .mm-next:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mm-navbar {
  border-bottom: 1px solid;
  border-color: inherit;
  text-align: center;
  line-height: 20px;
  height: 56px;
  padding: 0 60px;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.mm-navbar > * {
  display: block;
  padding: 13px 0;
}

.mm-navbar a,
.mm-navbar a:hover {
  text-decoration: none;
}

.mm-navbar .mm-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.mm-navbar .mm-btn {
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  z-index: 1;
}

.mm-navbar .mm-btn:first-child {
  padding-left: 20px;
  left: 0;
}

.mm-navbar .mm-btn:last-child {
  text-align: right;
  padding-right: 20px;
  right: 0;
}

.mm-panel .mm-navbar {
  display: none;
}

.mm-panel.mm-hasnavbar .mm-navbar {
  display: block;
}

.mm-listview,
.mm-listview > li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
}

.mm-listview {
  font: inherit;
  font-size: 14px;
  line-height: 20px;
  background: #eeeeee;
}

.mm-listview a,
.mm-listview a:hover {
  text-decoration: none;
}

.mm-listview > li {
  position: relative;
}

.mm-listview > li, .mm-listview > li:after,
.mm-listview > li .mm-next,
.mm-listview > li .mm-next:before {
  border-color: inherit;
}

.mm-listview > li > a,
.mm-listview > li > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: inherit;
  display: block;
  padding: 12px 10px 12px 16px;
  margin: 0;
}

.mm-listview > li > a.mm-arrow,
.mm-listview > li > span.mm-arrow {
  padding-right: 50px;
}

.mm-listview > li:not(.mm-divider):after {
  content: '';
  border-bottom-width: 1px;
  border-bottom-style: solid;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.mm-listview > li:not(.mm-divider):after {
  left: 20px;
}

.mm-listview .mm-next {
  background: rgba(255, 255, 255, 0.5);
  width: 50px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}

.mm-listview .mm-next:before {
  content: '';
  /* border-left-width: 1px;*/
  /*    border-left-style: solid;*/
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.mm-listview .mm-next + a,
.mm-listview .mm-next + span {
  margin-right: 50px;
}

.mm-listview .mm-next.mm-fullsubopen {
  width: 100%;
}

.mm-listview .mm-next.mm-fullsubopen:before {
  border-left: none;
}

.mm-listview .mm-next.mm-fullsubopen + a,
.mm-listview .mm-next.mm-fullsubopen + span {
  padding-right: 50px;
  margin-right: 0;
}

.mm-panels > .mm-panel > .mm-listview {
  margin: 20px -20px;
}

.mm-panels > .mm-panel > .mm-listview:first-child,
.mm-panels > .mm-panel > .mm-navbar + .mm-listview {
  margin-top: -9px;
}

.mm-listview .mm-inset {
  list-style: inside disc;
  padding: 0 10px 15px 40px;
  margin: 0;
}

.mm-listview .mm-inset > li {
  padding: 5px 0;
}

.mm-listview .mm-divider {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 10px;
  text-transform: uppercase;
  text-indent: 20px;
  line-height: 25px;
}

.mm-listview .mm-spacer {
  padding-top: 40px;
}

.mm-listview .mm-spacer > .mm-next {
  top: 40px;
}

.mm-listview .mm-spacer.mm-divider {
  padding-top: 25px;
}

.mm-prev:before,
.mm-next:after,
.mm-arrow:after {
  content: '';
  border: 2px solid transparent;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mm-prev:before {
  border-right: none;
  border-bottom: none;
  left: 23px;
}

.mm-next:after,
.mm-arrow:after {
  border-top: none;
  border-left: none;
  right: 23px;
}

.mm-menu {
  background: #eeeeee;
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.7);
}

.mm-menu .mm-navbar > *,
.mm-menu .mm-navbar a {
  color: white;
}

.mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after {
  border-color: white;
}

.mm-menu .mm-listview {
  border-color: rgba(0, 0, 0, 0.1);
}

.mm-menu .mm-listview > li .mm-next:after,
.mm-menu .mm-listview > li .mm-arrow:after {
  border-color: black;
}

.mm-menu .mm-listview > li a:not(.mm-next) {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0.5);
  tap-highlight-color: rgba(255, 255, 255, 0.5);
}

.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu .mm-listview > li.mm-selected > span {
  background: rgba(255, 255, 255, 0.5);
}

.mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next,
.mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel,
.mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next,
.mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel {
  background: rgba(0, 0, 0, 0.05);
}

.mm-menu .mm-divider {
  background: rgba(0, 0, 0, 0.05);
}

/*
	jQuery.mmenu offcanvas addon CSS
*/
.mm-page {
  box-sizing: border-box;
  position: relative;
}

.mm-slideout {
  -webkit-transition: -webkit-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease;
}

html.mm-opened {
  overflow-x: hidden;
  position: relative;
}

html.mm-blocking {
  overflow: hidden;
}

html.mm-blocking body {
  overflow: hidden;
}

html.mm-background .mm-page {
  background: inherit;
}

#mm-blocker {
  background: rgba(3, 2, 1, 0);
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
}

html.mm-blocking #mm-blocker {
  display: block;
}

.mm-menu.mm-offcanvas {
  display: none;
  position: fixed;
}

.mm-menu.mm-current {
  display: block;
}

.mm-menu {
  width: 80%;
  min-width: 140px;
  max-width: 440px;
}

html.mm-opening .mm-slideout {
  -webkit-transform: translate(80%, 0);
  -moz-transform: translate(80%, 0);
  -ms-transform: translate(80%, 0);
  -o-transform: translate(80%, 0);
  transform: translate(80%, 0);
}

@media all and (max-width: 175px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(140px, 0);
    -moz-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    -o-transform: translate(140px, 0);
    transform: translate(140px, 0);
  }
}
@media all and (min-width: 550px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(440px, 0);
    -moz-transform: translate(440px, 0);
    -ms-transform: translate(440px, 0);
    -o-transform: translate(440px, 0);
    transform: translate(440px, 0);
  }
}
/*
	jQuery.mmenu autoHeight addon CSS
*/
.mm-menu.mm-autoheight {
  max-height: 80%;
}

.mm-menu.mm-autoheight.mm-fullscreen {
  max-height: 100%;
}

.mm-menu.mm-measureheight > .mm-panels > .mm-panel {
  bottom: auto !important;
  height: auto !important;
}

/*
	jQuery.mmenu counters addon CSS
*/
em.mm-counter {
  font: inherit;
  font-size: 14px;
  font-style: normal;
  text-indent: 0;
  line-height: 20px;
  display: block;
  margin-top: -10px;
  position: absolute;
  right: 45px;
  top: 50%;
}

em.mm-counter + a.mm-next {
  width: 75px;
}

em.mm-counter + a.mm-next + a,
em.mm-counter + a.mm-next + span {
  margin-right: 90px;
}

em.mm-counter + a.mm-fullsubopen {
  padding-left: 0;
}

.mm-vertical > .mm-counter {
  top: 12px;
  margin-top: 0;
}

.mm-vertical.mm-spacer > .mm-counter {
  margin-top: 40px;
}

.mm-nosubresults > .mm-counter {
  display: none;
}

.mm-menu em.mm-counter {
  color: black;
}

/*
	jQuery.mmenu dividers addon CSS
*/
.mm-divider > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  line-height: 25px;
}

.mm-divider.mm-opened a.mm-next:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mm-collapsed:not(.mm-uncollapsed) {
  display: none;
}

.mm-fixeddivider {
  background: inherit;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-fixeddivider:after {
  content: none !important;
  display: none !important;
}

.mm-hasdividers .mm-fixeddivider {
  display: block;
}

.mm-menu .mm-fixeddivider span {
  background: rgba(0, 0, 0, 0.05);
}

/*
	jQuery.mmenu dragOpen addon CSS
*/
html.mm-opened.mm-dragging .mm-menu,
html.mm-opened.mm-dragging .mm-slideout {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

/*
	jQuery.mmenu iconpanels addon CSS
*/
.mm-iconpanel .mm-panel {
  -webkit-transition-property: -webkit-transform, left;
  -moz-transition-property: -moz-transform, left;
  -ms-transition-property: -ms-transform, left;
  -o-transition-property: -o-transform, left;
  transition-property: transform, left;
}

.mm-iconpanel .mm-panel.mm-opened {
  border-left: 1px solid;
  border-color: inherit;
}

.mm-iconpanel .mm-panel.mm-subopened {
  overflow-y: hidden;
  left: -40px;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-iconpanel .mm-panel.mm-iconpanel-0 {
  left: 0px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-1 {
  left: 40px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-2 {
  left: 80px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-3 {
  left: 120px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-4 {
  left: 160px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-5 {
  left: 200px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-6 {
  left: 240px;
}

.mm-subblocker {
  background: inherit;
  opacity: 0;
  display: block;
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

.mm-subopened .mm-subblocker {
  opacity: 0.6;
  position: absolute;
  top: 0;
  right: 0;
  bottom: -100000px;
  left: 0;
  z-index: 3;
}

/*
	jQuery.mmenu navbars addon CSS
*/
.mm-menu > .mm-navbar {
  background: inherit;
  padding: 0;
  z-index: 3;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-navbar.mm-navbar-bottom {
  border: none;
  top: auto;
  bottom: 0;
  padding: 16px;
  background: #eeeeee;
  height: auto;
}

.mm-navbar-top ~ .mm-navbar-top {
  border-bottom: none;
}

.mm-navbar-bottom ~ .mm-navbar-bottom {
  border-top: none;
}

.mm-navbar.mm-hasbtns {
  padding: 0 40px;
}

.mm-close:after {
  content: 'x';
}

.mm-navbar[class*="mm-navbar-content-"] > * {
  box-sizing: border-box;
  display: block;
  float: left;
}

.mm-navbar > .mm-breadcrumbs {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  text-align: left;
  padding: 0 0 0 17px;
}

.mm-navbar > .mm-breadcrumbs > * {
  display: inline-block;
  padding: 10px 3px;
}

.mm-navbar > .mm-breadcrumbs > a {
  text-decoration: underline;
}

.mm-navbar.mm-hasbtns .mm-breadcrumbs {
  margin-left: -40px;
}

.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden) + .mm-breadcrumbs {
  margin-left: 0;
  padding-left: 0;
}

.mm-navbar-top-1 {
  top: 0px;
}

.mm-hasnavbar-top-1 .mm-panels {
  top: 55px;
}

.mm-navbar-top-2 {
  top: 40px;
}

.mm-hasnavbar-top-2 .mm-panels {
  top: 80px;
}

.mm-navbar-top-3 {
  top: 80px;
}

.mm-hasnavbar-top-3 .mm-panels {
  top: 120px;
}

.mm-navbar-top-4 {
  top: 120px;
}

.mm-hasnavbar-top-4 .mm-panels {
  top: 160px;
}

.mm-navbar-bottom-1 {
  bottom: 0px;
}

.mm-hasnavbar-bottom-1 .mm-panels {
  bottom: 40px;
}

.mm-navbar-bottom-2 {
  bottom: 40px;
}

.mm-hasnavbar-bottom-2 .mm-panels {
  bottom: 80px;
}

.mm-navbar-bottom-3 {
  bottom: 80px;
}

.mm-hasnavbar-bottom-3 .mm-panels {
  bottom: 120px;
}

.mm-navbar-bottom-4 {
  bottom: 120px;
}

.mm-hasnavbar-bottom-4 .mm-panels {
  bottom: 160px;
}

.mm-navbar-size-2 {
  height: 80px;
}

.mm-navbar-size-3 {
  height: 120px;
}

.mm-navbar-size-4 {
  height: 160px;
}

.mm-navbar-content-2 > * {
  width: 50%;
}

.mm-navbar-content-3 > * {
  width: 33.33%;
}

.mm-navbar-content-4 > * {
  width: 25%;
}

.mm-navbar-content-5 > * {
  width: 20%;
}

.mm-navbar-content-6 > * {
  width: 16.67%;
}

/*
	jQuery.mmenu searchfield addon CSS
*/
.mm-search,
.mm-search input {
  box-sizing: border-box;
}

.mm-search {
  height: 40px;
  padding: 7px 10px 0 10px;
}

.mm-search input {
  border: 1px solid #cccccc;
  font-size: 1em;
  background: white;
  padding: 5px 9px;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 300;
  width: 100%;
  -webkit-appearance: none;
  line-height: 150%;
  border-radius: 0;
  margin-block-start: 0;
  margin-block-end: 0;
}

.mm-search input::-ms-clear {
  display: none;
}

.mm-panel > .mm-search {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.mm-panel.mm-hassearch {
  padding-top: 40px;
}

.mm-panel.mm-hassearch.mm-hasnavbar {
  padding-top: 80px;
}

.mm-panel.mm-hassearch.mm-hasnavbar .mm-search {
  top: 40px;
}

.mm-noresultsmsg {
  text-align: center;
  font-size: 21px;
  display: none;
  padding: 40px 0;
}

.mm-noresults .mm-noresultsmsg {
  display: block;
}

.mm-noresults .mm-indexer {
  display: none !important;
}

li.mm-nosubresults > a.mm-next {
  display: none;
}

li.mm-nosubresults > a.mm-next + a,
li.mm-nosubresults > a.mm-next + span {
  padding-right: 10px;
}

.mm-menu .mm-search input {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.7);
}

.mm-menu .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3);
}

/*
	jQuery.mmenu sectionIndexer addon CSS
*/
.mm-indexer {
  background: inherit;
  text-align: center;
  font-size: 12px;
  box-sizing: border-box;
  width: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -100px;
  z-index: 3;
  -webkit-transition: right 0.4s ease;
  -moz-transition: right 0.4s ease;
  -ms-transition: right 0.4s ease;
  -o-transition: right 0.4s ease;
  transition: right 0.4s ease;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-indexer a {
  text-decoration: none;
  display: block;
  height: 3.85%;
}

.mm-indexer ~ .mm-panel.mm-hasindexer {
  margin-right: 20px;
}

.mm-hasindexer .mm-indexer {
  right: 0;
}

.mm-hasindexer .mm-fixeddivider {
  right: 20px;
}

.mm-menu .mm-indexer a {
  color: rgba(0, 0, 0, 0.3);
}

/*
	jQuery.mmenu toggles addon CSS
*/
input.mm-toggle,
input.mm-check {
  position: absolute;
  left: -10000px;
}

label.mm-toggle,
label.mm-check {
  margin: 0;
  position: absolute;
  top: 50%;
  z-index: 2;
}

label.mm-toggle:before,
label.mm-check:before {
  content: '';
  display: block;
}

label.mm-toggle {
  border-radius: 30px;
  width: 50px;
  height: 30px;
  margin-top: -15px;
}

label.mm-toggle:before {
  border-radius: 30px;
  width: 28px;
  height: 28px;
  margin: 1px;
}

input.mm-toggle:checked ~ label.mm-toggle:before {
  float: right;
}

label.mm-check {
  width: 30px;
  height: 30px;
  margin-top: -15px;
}

label.mm-check:before {
  border-left: 3px solid;
  border-bottom: 3px solid;
  width: 40%;
  height: 20%;
  margin: 25% 0 0 20%;
  opacity: 0.1;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

input.mm-check:checked ~ label.mm-check:before {
  opacity: 1;
}

li.mm-vertical label.mm-toggle, li.mm-vertical label.mm-check {
  bottom: auto;
  margin-top: 0;
}

li.mm-vertical label.mm-toggle {
  top: 5px;
}

li.mm-vertical label.mm-check {
  top: 5px;
}

label.mm-toggle, label.mm-check {
  right: 20px;
}

label.mm-toggle + a,
label.mm-toggle + span {
  padding-right: 80px;
}

label.mm-check + a,
label.mm-check + span {
  padding-right: 60px;
}

a.mm-next + label.mm-toggle, a.mm-next + label.mm-check {
  right: 60px;
}

a.mm-next + label.mm-toggle + a,
a.mm-next + label.mm-toggle + span, a.mm-next + label.mm-check + a,
a.mm-next + label.mm-check + span {
  margin-right: 50px;
}

a.mm-next + label.mm-toggle + a,
a.mm-next + label.mm-toggle + span {
  padding-right: 70px;
}

a.mm-next + label.mm-check + a,
a.mm-next + label.mm-check + span {
  padding-right: 50px;
}

em.mm-counter + a.mm-next + label.mm-toggle, em.mm-counter + a.mm-next + label.mm-check {
  right: 100px;
}

em.mm-counter + a.mm-next + label.mm-toggle + a,
em.mm-counter + a.mm-next + label.mm-toggle + span, em.mm-counter + a.mm-next + label.mm-check + a,
em.mm-counter + a.mm-next + label.mm-check + span {
  margin-right: 90px;
}

.mm-menu label.mm-toggle {
  background: rgba(0, 0, 0, 0.1);
}

.mm-menu label.mm-toggle:before {
  background: #f3f3f3;
}

.mm-menu input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963;
}

.mm-menu label.mm-check:before {
  border-color: rgba(0, 0, 0, 0.7);
}

/*
	jQuery.mmenu borderstyle extension CSS
*/
.mm-menu.mm-border-none .mm-listview > li:after,
.mm-listview.mm-border-none > li:after {
  content: none;
}

.mm-menu.mm-border-full .mm-listview > li:after,
.mm-listview.mm-border-full > li:after {
  left: 0 !important;
}

.mm-menu.mm-border-offset .mm-listview > li:after,
.mm-listview.mm-border-offset > li:after {
  right: 20px;
}

/*
	jQuery.mmenu effects extension CSS
*/
.mm-menu.mm-effect-menu-zoom {
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease;
}

html.mm-opened .mm-menu.mm-effect-menu-zoom {
  -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  -moz-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  -ms-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  -o-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

html.mm-opening .mm-menu.mm-effect-menu-zoom {
  -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
  -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
  -ms-transform: scale(1, 1) translate3d(0%, 0, 0);
  -o-transform: scale(1, 1) translate3d(0%, 0, 0);
  transform: scale(1, 1) translate3d(0%, 0, 0);
}

html.mm-right.mm-opened .mm-menu.mm-effect-menu-zoom {
  -webkit-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
  -moz-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
  -ms-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
  -o-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
  transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center;
}

html.mm-right.mm-opening .mm-menu.mm-effect-menu-zoom {
  -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
  -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
  -ms-transform: scale(1, 1) translate3d(0%, 0, 0);
  -o-transform: scale(1, 1) translate3d(0%, 0, 0);
  transform: scale(1, 1) translate3d(0%, 0, 0);
}

.mm-menu.mm-effect-menu-slide {
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease;
}

html.mm-opened .mm-menu.mm-effect-menu-slide {
  -webkit-transform: translate3d(-30%, 0, 0);
  -moz-transform: translate3d(-30%, 0, 0);
  -ms-transform: translate3d(-30%, 0, 0);
  -o-transform: translate3d(-30%, 0, 0);
  transform: translate3d(-30%, 0, 0);
}

html.mm-opening .mm-menu.mm-effect-menu-slide {
  -webkit-transform: translate3d(0%, 0, 0);
  -moz-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

html.mm-right.mm-opened .mm-menu.mm-effect-menu-slide {
  -webkit-transform: translate3d(30%, 0, 0);
  -moz-transform: translate3d(30%, 0, 0);
  -ms-transform: translate3d(30%, 0, 0);
  -o-transform: translate3d(30%, 0, 0);
  transform: translate3d(30%, 0, 0);
}

html.mm-right.mm-opening .mm-menu.mm-effect-menu-slide {
  -webkit-transform: translate3d(0%, 0, 0);
  -moz-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

.mm-menu.mm-effect-menu-fade {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

html.mm-opening .mm-menu.mm-effect-menu-fade {
  opacity: 1;
}

.mm-menu.mm-effect-panels-zoom .mm-panel {
  -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
  -moz-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
  -ms-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
  -o-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
  transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened {
  -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
  -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
  -ms-transform: scale(1, 1) translate3d(0%, 0, 0);
  -o-transform: scale(1, 1) translate3d(0%, 0, 0);
  transform: scale(1, 1) translate3d(0%, 0, 0);
}

.mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened.mm-subopened {
  -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  -moz-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  -ms-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  -o-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
}

.mm-menu.mm-effect-panels-slide-0 .mm-panel.mm-subopened {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-menu.mm-effect-panels-slide-100 .mm-panel.mm-subopened {
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.mm-menu[class*="mm-effect-listitems-"] .mm-listview > li {
  -webkit-transition: none 0.4s ease;
  -moz-transition: none 0.4s ease;
  -ms-transition: none 0.4s ease;
  -o-transition: none 0.4s ease;
  transition: none 0.4s ease;
}

.mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(1) {
  -webkit-transition-delay: 50ms;
  -moz-transition-delay: 50ms;
  -ms-transition-delay: 50ms;
  -o-transition-delay: 50ms;
  transition-delay: 50ms;
}

.mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(2) {
  -webkit-transition-delay: 100ms;
  -moz-transition-delay: 100ms;
  -ms-transition-delay: 100ms;
  -o-transition-delay: 100ms;
  transition-delay: 100ms;
}

.mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(3) {
  -webkit-transition-delay: 150ms;
  -moz-transition-delay: 150ms;
  -ms-transition-delay: 150ms;
  -o-transition-delay: 150ms;
  transition-delay: 150ms;
}

.mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(4) {
  -webkit-transition-delay: 200ms;
  -moz-transition-delay: 200ms;
  -ms-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  transition-delay: 200ms;
}

.mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(5) {
  -webkit-transition-delay: 250ms;
  -moz-transition-delay: 250ms;
  -ms-transition-delay: 250ms;
  -o-transition-delay: 250ms;
  transition-delay: 250ms;
}

.mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(6) {
  -webkit-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  -ms-transition-delay: 300ms;
  -o-transition-delay: 300ms;
  transition-delay: 300ms;
}

.mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(7) {
  -webkit-transition-delay: 350ms;
  -moz-transition-delay: 350ms;
  -ms-transition-delay: 350ms;
  -o-transition-delay: 350ms;
  transition-delay: 350ms;
}

.mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(8) {
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -ms-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}

.mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(9) {
  -webkit-transition-delay: 450ms;
  -moz-transition-delay: 450ms;
  -ms-transition-delay: 450ms;
  -o-transition-delay: 450ms;
  transition-delay: 450ms;
}

.mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(10) {
  -webkit-transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  -ms-transition-delay: 500ms;
  -o-transition-delay: 500ms;
  transition-delay: 500ms;
}

.mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(11) {
  -webkit-transition-delay: 550ms;
  -moz-transition-delay: 550ms;
  -ms-transition-delay: 550ms;
  -o-transition-delay: 550ms;
  transition-delay: 550ms;
}

.mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(12) {
  -webkit-transition-delay: 600ms;
  -moz-transition-delay: 600ms;
  -ms-transition-delay: 600ms;
  -o-transition-delay: 600ms;
  transition-delay: 600ms;
}

.mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(13) {
  -webkit-transition-delay: 650ms;
  -moz-transition-delay: 650ms;
  -ms-transition-delay: 650ms;
  -o-transition-delay: 650ms;
  transition-delay: 650ms;
}

.mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(14) {
  -webkit-transition-delay: 700ms;
  -moz-transition-delay: 700ms;
  -ms-transition-delay: 700ms;
  -o-transition-delay: 700ms;
  transition-delay: 700ms;
}

.mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(15) {
  -webkit-transition-delay: 750ms;
  -moz-transition-delay: 750ms;
  -ms-transition-delay: 750ms;
  -o-transition-delay: 750ms;
  transition-delay: 750ms;
}

.mm-menu.mm-effect-listitems-slide .mm-listview > li {
  -webkit-transform: translate3d(50%, 0, 0);
  -moz-transform: translate3d(50%, 0, 0);
  -ms-transform: translate3d(50%, 0, 0);
  -o-transform: translate3d(50%, 0, 0);
  transform: translate3d(50%, 0, 0);
  opacity: 0;
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}

html.mm-opening .mm-menu.mm-effect-listitems-slide .mm-panel.mm-opened .mm-listview > li {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.mm-menu.mm-effect-listitems-fade .mm-listview > li {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -ms-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

html.mm-opening .mm-menu.mm-effect-listitems-fade .mm-panel.mm-opened .mm-listview > li {
  opacity: 1;
}

.mm-menu.mm-effect-listitems-drop .mm-listview > li {
  opacity: 0;
  top: -25%;
  -webkit-transition-property: opacity, top;
  -moz-transition-property: opacity, top;
  -ms-transition-property: opacity, top;
  -o-transition-property: opacity, top;
  transition-property: opacity, top;
}

html.mm-opening .mm-menu.mm-effect-listitems-drop .mm-panel.mm-opened .mm-listview > li {
  opacity: 1;
  top: 0;
}

/*
	jQuery.mmenu fullscreen extension CSS
*/
.mm-menu.mm-fullscreen {
  width: 100%;
  min-width: 140px;
  max-width: 10000px;
}

html.mm-opening.mm-fullscreen .mm-slideout {
  -webkit-transform: translate(100%, 0);
  -moz-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0);
}

@media all and (max-width: 140px) {
  html.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(140px, 0);
    -moz-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    -o-transform: translate(140px, 0);
    transform: translate(140px, 0);
  }
}
@media all and (min-width: 10000px) {
  html.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(10000px, 0);
    -moz-transform: translate(10000px, 0);
    -ms-transform: translate(10000px, 0);
    -o-transform: translate(10000px, 0);
    transform: translate(10000px, 0);
  }
}
html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
}

@media all and (max-width: 140px) {
  html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(-140px, 0);
    -moz-transform: translate(-140px, 0);
    -ms-transform: translate(-140px, 0);
    -o-transform: translate(-140px, 0);
    transform: translate(-140px, 0);
  }
}
@media all and (min-width: 10000px) {
  html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(-10000px, 0);
    -moz-transform: translate(-10000px, 0);
    -ms-transform: translate(-10000px, 0);
    -o-transform: translate(-10000px, 0);
    transform: translate(-10000px, 0);
  }
}
.mm-menu.mm-fullscreen.mm-top, .mm-menu.mm-fullscreen.mm-bottom {
  height: 100%;
  min-height: 140px;
  max-height: 10000px;
}

html.mm-opened.mm-fullscreen .mm-page {
  box-shadow: none !important;
}

/*
	jQuery.mmenu multiline extension CSS
*/
.mm-menu.mm-multiline .mm-listview > li > a,
.mm-menu.mm-multiline .mm-listview > li > span,
.mm-listview.mm-multiline > li
.mm-listview > li.mm-multiline > a,
.mm-listview.mm-multiline > li
.mm-listview > li.mm-multiline > span {
  text-overflow: clip;
  white-space: normal;
}

/*
	jQuery.mmenu pagedim extension CSS
*/
html.mm-pagedim #mm-blocker, html.mm-pagedim-white #mm-blocker, html.mm-pagedim-black #mm-blocker {
  opacity: 0;
}

html.mm-pagedim.mm-opening #mm-blocker, html.mm-pagedim-white.mm-opening #mm-blocker, html.mm-pagedim-black.mm-opening #mm-blocker {
  opacity: 0.3;
  transition: opacity 0.4s ease 0.4s;
}

html.mm-pagedim #mm-blocker {
  background: inherit;
}

html.mm-pagedim-white #mm-blocker {
  background: #fff;
}

html.mm-pagedim-black #mm-blocker {
  background: #000;
}

/*
	jQuery.mmenu pageshadow extension CSS
*/
.mm-menu.mm-pageshadow:after {
  content: "";
  display: block;
  width: 20px;
  height: 120%;
  position: absolute;
  left: 100%;
  top: -10%;
  z-index: 99;
}

.mm-menu.mm-pageshadow.mm-right:after {
  left: auto;
  right: 100%;
}

.mm-menu.mm-pageshadow.mm-next:after, .mm-menu.mm-pageshadow.mm-front:after {
  content: none;
  display: none;
}

.mm-menu.mm-pageshadow:after {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

/*
	jQuery.mmenu position extension CSS
*/
.mm-menu.mm-top,
.mm-menu.mm-bottom {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}

.mm-menu.mm-right {
  left: auto;
  right: 0;
}

.mm-menu.mm-bottom {
  top: auto;
  bottom: 0;
}

html.mm-right.mm-opening .mm-slideout {
  -webkit-transform: translate(-80%, 0);
  -moz-transform: translate(-80%, 0);
  -ms-transform: translate(-80%, 0);
  -o-transform: translate(-80%, 0);
  transform: translate(-80%, 0);
}

@media all and (max-width: 175px) {
  html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-140px, 0);
    -moz-transform: translate(-140px, 0);
    -ms-transform: translate(-140px, 0);
    -o-transform: translate(-140px, 0);
    transform: translate(-140px, 0);
  }
}
@media all and (min-width: 550px) {
  html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-440px, 0);
    -moz-transform: translate(-440px, 0);
    -ms-transform: translate(-440px, 0);
    -o-transform: translate(-440px, 0);
    transform: translate(-440px, 0);
  }
}
/*
	jQuery.mmenu z-position extension CSS
*/
html.mm-front .mm-slideout {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
  z-index: 0 !important;
}

.mm-menu.mm-front {
  z-index: 1;
}

.mm-menu.mm-front, .mm-menu.mm-next {
  -webkit-transition: -webkit-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right {
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.mm-menu.mm-top {
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  -o-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

.mm-menu.mm-bottom {
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-menu.mm-top, .mm-menu.mm-bottom {
  height: 80%;
  min-height: 140px;
  max-height: 880px;
}

/*
	jQuery.mmenu themes extension CSS
*/
.mm-menu.mm-theme-dark {
  background: #333333;
  border-color: rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.8);
}

.mm-menu.mm-theme-dark .mm-navbar > *,
.mm-menu.mm-theme-dark .mm-navbar a {
  color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-dark .mm-navbar .mm-btn:before, .mm-menu.mm-theme-dark .mm-navbar .mm-btn:after {
  border-color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-dark .mm-listview {
  border-color: rgba(0, 0, 0, 0.15);
}

.mm-menu.mm-theme-dark .mm-listview > li .mm-next:after,
.mm-menu.mm-theme-dark .mm-listview > li .mm-arrow:after {
  border-color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-dark .mm-listview > li a:not(.mm-next) {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
  tap-highlight-color: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span {
  background: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > a.mm-next,
.mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > .mm-panel,
.mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > a.mm-next,
.mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > .mm-panel {
  background: rgba(255, 255, 255, 0.05);
}

.mm-menu.mm-theme-dark .mm-divider {
  background: rgba(255, 255, 255, 0.05);
}

.mm-menu.mm-theme-dark label.mm-check:before {
  border-color: rgba(255, 255, 255, 0.8);
}

.mm-menu.mm-theme-dark em.mm-counter {
  color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-dark .mm-fixeddivider span {
  background: rgba(255, 255, 255, 0.05);
}

.mm-menu.mm-pageshadow.mm-theme-dark:after {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

.mm-menu.mm-theme-dark .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.8);
}

.mm-menu.mm-theme-dark .mm-noresultsmsg {
  color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-dark .mm-indexer a {
  color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-dark label.mm-toggle {
  background: rgba(0, 0, 0, 0.15);
}

.mm-menu.mm-theme-dark label.mm-toggle:before {
  background: #333333;
}

.mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963;
}

.mm-menu.mm-theme-white {
  background: white;
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-theme-white .mm-navbar > *,
.mm-menu.mm-theme-white .mm-navbar a {
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-theme-white .mm-navbar .mm-btn:before, .mm-menu.mm-theme-white .mm-navbar .mm-btn:after {
  border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-theme-white .mm-listview {
  border-color: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-theme-white .mm-listview > li .mm-next:after,
.mm-menu.mm-theme-white .mm-listview > li .mm-arrow:after {
  border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-theme-white .mm-listview > li a:not(.mm-next) {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05);
  tap-highlight-color: rgba(0, 0, 0, 0.05);
}

.mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu.mm-theme-white .mm-listview > li.mm-selected > span {
  background: rgba(0, 0, 0, 0.05);
}

.mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > a.mm-next,
.mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > .mm-panel,
.mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > a.mm-next,
.mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > .mm-panel {
  background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-theme-white .mm-divider {
  background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-theme-white label.mm-check:before {
  border-color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-theme-white em.mm-counter {
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-theme-white .mm-fixeddivider span {
  background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-pageshadow.mm-theme-white:after {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.mm-menu.mm-theme-white .mm-search input {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-theme-white .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-theme-white .mm-indexer a {
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-theme-white label.mm-toggle {
  background: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-theme-white label.mm-toggle:before {
  background: white;
}

.mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963;
}

.mm-menu.mm-theme-black {
  background: black;
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.6);
}

.mm-menu.mm-theme-black .mm-navbar > *,
.mm-menu.mm-theme-black .mm-navbar a {
  color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-black .mm-navbar .mm-btn:before, .mm-menu.mm-theme-black .mm-navbar .mm-btn:after {
  border-color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-black .mm-listview {
  border-color: rgba(255, 255, 255, 0.2);
}

.mm-menu.mm-theme-black .mm-listview > li .mm-next:after,
.mm-menu.mm-theme-black .mm-listview > li .mm-arrow:after {
  border-color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-black .mm-listview > li a:not(.mm-next) {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
  tap-highlight-color: rgba(255, 255, 255, 0.3);
}

.mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu.mm-theme-black .mm-listview > li.mm-selected > span {
  background: rgba(255, 255, 255, 0.3);
}

.mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > a.mm-next,
.mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > .mm-panel,
.mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > a.mm-next,
.mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > .mm-panel {
  background: rgba(255, 255, 255, 0.2);
}

.mm-menu.mm-theme-black .mm-divider {
  background: rgba(255, 255, 255, 0.2);
}

.mm-menu.mm-theme-black label.mm-check:before {
  border-color: rgba(255, 255, 255, 0.6);
}

.mm-menu.mm-theme-black em.mm-counter {
  color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-black .mm-fixeddivider span {
  background: rgba(255, 255, 255, 0.2);
}

.mm-menu.mm-pageshadow.mm-theme-black:after {
  content: none;
  display: none;
}

.mm-menu.mm-theme-black .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6);
}

.mm-menu.mm-theme-black .mm-noresultsmsg {
  color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-black .mm-indexer a {
  color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-black label.mm-toggle {
  background: rgba(255, 255, 255, 0.2);
}

.mm-menu.mm-theme-black label.mm-toggle:before {
  background: black;
}

.mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963;
}

/*
	jQuery.mmenu tileview extension CSS
*/
.mm-menu.mm-tileview .mm-listview:after,
.mm-menu .mm-tileview.mm-listview:after {
  content: '';
  display: block;
  clear: both;
}

.mm-menu.mm-tileview .mm-listview > li,
.mm-menu .mm-tileview.mm-listview > li {
  width: 50%;
  height: 0;
  padding: 50% 0 0 0;
  float: left;
  position: relative;
}

.mm-menu.mm-tileview .mm-listview > li:after,
.mm-menu .mm-tileview.mm-listview > li:after {
  left: 0;
  top: 0;
  border-right-width: 1px;
  border-right-style: solid;
  z-index: -1;
}

.mm-menu.mm-tileview .mm-listview > li.mm-tile-xs,
.mm-menu .mm-tileview.mm-listview > li.mm-tile-xs {
  width: 12.5%;
  padding-top: 12.5%;
}

.mm-menu.mm-tileview .mm-listview > li.mm-tile-s,
.mm-menu .mm-tileview.mm-listview > li.mm-tile-s {
  width: 25%;
  padding-top: 25%;
}

.mm-menu.mm-tileview .mm-listview > li.mm-tile-l,
.mm-menu .mm-tileview.mm-listview > li.mm-tile-l {
  width: 75%;
  padding-top: 75%;
}

.mm-menu.mm-tileview .mm-listview > li.mm-tile-xl,
.mm-menu .mm-tileview.mm-listview > li.mm-tile-xl {
  width: 100%;
  padding-top: 100%;
}

.mm-menu.mm-tileview .mm-listview > li > a,
.mm-menu.mm-tileview .mm-listview > li > span,
.mm-menu .mm-tileview.mm-listview > li > a,
.mm-menu .mm-tileview.mm-listview > li > span {
  line-height: 1px;
  text-align: center;
  padding: 50% 10px 0 10px;
  margin: 0;
  position: absolute;
  top: 0;
  right: 1px;
  bottom: 1px;
  left: 0;
}

.mm-menu.mm-tileview .mm-listview > li > .mm-next,
.mm-menu .mm-tileview.mm-listview > li > .mm-next {
  width: auto;
}

.mm-menu.mm-tileview .mm-listview > li > .mm-next:before, .mm-menu.mm-tileview .mm-listview > li > .mm-next:after,
.mm-menu .mm-tileview.mm-listview > li > .mm-next:before,
.mm-menu .mm-tileview.mm-listview > li > .mm-next:after {
  content: none;
  display: none;
}

.mm-menu.mm-tileview .mm-panel {
  padding-left: 0;
  padding-right: 0;
}

.mm-menu.mm-tileview .mm-panel:after {
  content: none;
  display: none;
}

.mm-menu.mm-tileview .mm-listview {
  margin: 0;
}

/*******************************************************************************
 * _scrolly-nav.scss
 *
 * Navigation für Scrollytellings
 ******************************************************************************/
nav#scrolly-nav,
nav.scrolly-nav {
  position: fixed;
  right: 16px;
  top: 210px;
  z-index: 300;
  display: none;
}
@media (min-width: 0px) {
  nav#scrolly-nav,
  nav.scrolly-nav {
    display: block;
  }
}
nav#scrolly-nav ul.menu,
nav.scrolly-nav ul.menu {
  padding: 0;
  margin: 0;
}
nav#scrolly-nav ul.menu li,
nav.scrolly-nav ul.menu li {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-image: none;
  line-height: normal;
}
nav#scrolly-nav ul.menu li,
nav.scrolly-nav ul.menu li {
  margin-bottom: 1em;
}
nav#scrolly-nav ul.menu li.active,
nav.scrolly-nav ul.menu li.active {
  background: #ff3700;
}
nav#scrolly-nav ul.menu a,
nav.scrolly-nav ul.menu a {
  border: none;
  text-decoration: none;
  background: none;
  padding: 0;
  color: black;
  display: block;
  width: 20px;
  height: 20px;
  background-color: rgba(255, 55, 0, 0.4);
  border: 1px solid white;
  text-indent: 0px;
  font-size: 11px;
  line-height: 170%;
  text-align: center;
  color: white;
  font-weight: 600;
  cursor: pointer;
}
nav#scrolly-nav ul.menu a a:hover, nav#scrolly-nav ul.menu a:hover,
nav.scrolly-nav ul.menu a a:hover,
nav.scrolly-nav ul.menu a:hover {
  border: none;
  text-decoration: none;
}
nav#scrolly-nav ul.menu a:hover,
nav.scrolly-nav ul.menu a:hover {
  background: #ff3700;
}

nav.scrolly-nav {
  position: relative;
  top: 0;
}

.tooltipster-scrollynav {
  border: 1px solid white;
}
.tooltipster-scrollynav .tooltipster-content {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 600;
  padding: 20px 15px;
  overflow: hidden;
  height: auto;
}

/*******************************************************************************
 * _sticky-sharebar.scss
 *
 * Sticky sharebar
 ******************************************************************************/
.sticky-sharebar {
  position: fixed;
  lef: 0;
  margin-top: 27px;
  display: none;
  z-index: 100;
}
@media (min-width: 2px) {
  .sticky-sharebar {
    display: block;
  }
}

.sticky-sharebar ul li {
  margin-bottom: 0.5em;
}
.sticky-sharebar ul li a {
  width: 30px;
  height: 30px;
  display: block;
  text-indent: -10000px;
  background-position: center center;
  background-size: 25px;
  background-repeat: no-repeat;
}
.sticky-sharebar ul li a.icon-facebook {
  background-color: #ff3700;
}
.sticky-sharebar ul li a.icon-facebook:hover {
  background-color: #48649F;
}
.sticky-sharebar ul li a.icon-xing {
  background-color: #ff3700;
}
.sticky-sharebar ul li a.icon-xing:hover {
  background-color: #006567;
}
.sticky-sharebar ul li a.icon-linkedin {
  background-color: #ff3700;
}
.sticky-sharebar ul li a.icon-linkedin:hover {
  background-color: #0077B5;
}
.sticky-sharebar ul li a.icon-twitter {
  background-color: #ff3700;
}
.sticky-sharebar ul li a.icon-twitter:hover {
  background-color: #28aae1;
}

/*******************************************************************************
 * _superfish.scss
 *
 * Dropdownmenü mit Superfish-Plugin
 ******************************************************************************/
#superfish-menu li:hover > .sub-menu,
#superfish-menu li.sfHover > .sub-menu,
#superfish-menu li:hover > .sub-menu ul,
#superfish-menu li.sfHover > .sub-menu ul {
  display: block;
}

#superfish-menu ul {
  position: relative;
  padding: 0;
  margin: 0;
  /*1. Ebene*/
  /*2. Ebene*/
  /*3. Ebene*/
}
#superfish-menu ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-image: none;
  line-height: normal;
}
#superfish-menu ul li {
  float: left;
  margin-top: 3px;
  position: relative;
  line-height: 1.5em;
}
@media (min-width: 0px) {
  #superfish-menu ul li {
    margin-right: 1em;
  }
}
@media (min-width: 2px) {
  #superfish-menu ul li {
    margin-right: 2.643em;
    /*(45px - 8px) 14px*/
  }
}
#superfish-menu ul li.last {
  margin-right: 0;
}
#superfish-menu ul li a {
  border-left: 5px solid white;
  padding-left: 3px;
  padding-top: 0px;
  padding-bottom: 0px;
  display: block;
  color: black;
  text-decoration: none;
  line-height: 1.38em;
  /* 25px 18px*/
  font-size: 1.286em;
  /*18px 14px*/
}
#superfish-menu ul li a:hover {
  border-left: 5px solid #ff3700;
  color: #ff3700;
}
#superfish-menu ul li:hover {
  /* 2. Ebebe */
}
#superfish-menu ul li:hover div.sub-menu a {
  color: black;
  border-left: none;
}
#superfish-menu ul li:hover.active-trail {
  color: black;
}
#superfish-menu ul li.active-trail a, #superfish-menu ul li.active a {
  border-left: 5px solid #ff3700;
  font-weight: 600;
  color: black;
}
#superfish-menu ul li.sfHover a {
  border-left: 5px solid #ff3700;
  color: #ff3700;
}
#superfish-menu ul li.sfHover ul.menu-depth-2 li > a {
  color: black;
}
#superfish-menu ul .sub-menu {
  position: absolute;
  display: none;
  left: 0;
}
#superfish-menu ul div.sub-menu-depth-1 {
  position: absolute;
  padding-top: 29px;
  left: -8px;
  top: 19px;
  z-index: 11;
}
#superfish-menu ul div.sub-menu-depth-1 .sub-menu-inner {
  padding-right: 9px;
  padding-left: 9px;
  padding-bottom: 11px;
  background-image: url('../images/components/superfish/sub-menu-depth-1-right.png?1432306349'), url('../images/components/superfish/sub-menu-depth-1-bottom.png?1432305535'), url('../images/components/superfish/sub-menu-depth-1-left.png?1432306330');
  background-position: bottom right, bottom center, bottom left;
  background-repeat: no-repeat;
}
#superfish-menu ul div.sub-menu-depth-1 .inner-block {
  padding-top: 7px;
  padding-bottom: 7px;
  background: #eeeeee;
  width: 300px;
}
#superfish-menu ul div.sub-menu-depth-1 .menu-container ul.menu-depth-2 {
  padding: 0;
  padding: 0;
  margin: 0;
  margin: 0px 0 0 0px;
  list-style-image: none;
}
#superfish-menu ul div.sub-menu-depth-1 .menu-container ul.menu-depth-2 li {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-image: none;
  line-height: normal;
}
#superfish-menu ul div.sub-menu-depth-1 .menu-container ul.menu-depth-2 li {
  float: none;
  margin: 0 0 8px;
  padding: 8px 22px;
  border: none;
  line-heihgt: 1em;
  /* Arrows, wenn 3. Ebene vorhanden */
}
#superfish-menu ul div.sub-menu-depth-1 .menu-container ul.menu-depth-2 li.last {
  margin-bottom: 0;
}
#superfish-menu ul div.sub-menu-depth-1 .menu-container ul.menu-depth-2 li.sfHover {
  background: white;
}
#superfish-menu ul div.sub-menu-depth-1 .menu-container ul.menu-depth-2 li.sfHover a {
  border-left: 5px solid #ff3700;
  font-weight: 600;
  color: black;
}
#superfish-menu ul div.sub-menu-depth-1 .menu-container ul.menu-depth-2 li.sfHover li a {
  border-left: none;
  font-weight: 300;
}
#superfish-menu ul div.sub-menu-depth-1 .menu-container ul.menu-depth-2 li.active a {
  border-left: 5px solid #ff3700;
  font-weight: 600;
  color: black;
}
#superfish-menu ul div.sub-menu-depth-1 .menu-container ul.menu-depth-2 li.sf-with-ul a {
  background-image: url('../images/components/superfish/sf-with-ul.png?1432628734');
  background-position: right center;
  background-repeat: no-repeat;
}
#superfish-menu ul div.sub-menu-depth-1 .menu-container ul.menu-depth-2 li.sf-with-ul:hover {
  background-color: white;
}
#superfish-menu ul div.sub-menu-depth-1 .menu-container ul.menu-depth-2 a {
  font-weight: 300;
  font-size: 1.285em;
  /*18px 14px */
  line-height: 100%;
  border-left: 5px solid #eeeeee;
  padding-left: 3px;
}
#superfish-menu ul div.sub-menu-depth-1 .menu-container ul.menu-depth-2 a:hover {
  border-left: 5px solid #ff3700;
  font-weight: 600;
  color: black;
}
#superfish-menu ul div.sub-menu-depth-2 {
  z-index: 5;
  margin-left: 0px;
  top: -11px;
  left: 100%;
}
#superfish-menu ul div.sub-menu-depth-2 .inner-block {
  padding: 25px 30px;
  border-left: none;
  background-color: transparent;
  background-image: url('../images/components/superfish/sub-menu-depth-2-right.png?1432627007');
  background-position: right center;
  background-repeat: no-repeat;
}
#superfish-menu ul div.sub-menu-depth-2 .sub-menu-inner {
  background-image: none;
  padding: 0;
  width: 300px;
  padding-top: 11px;
  padding-bottom: 11px;
  background-image: url('../images/components/superfish/sub-menu-depth-2-top.png?1432642861'), url('../images/components/superfish/sub-menu-depth-2-bottom.png?1432626900');
  background-position: top right, bottom right;
  background-repeat: no-repeat;
  overflow: hidden;
}
#superfish-menu ul div.sub-menu-depth-2 .menu-container ul.menu-depth-3 {
  padding: 0;
  padding: 0;
  margin: 0;
  margin: 0px 0 0 0px;
  list-style-image: none;
}
#superfish-menu ul div.sub-menu-depth-2 .menu-container ul.menu-depth-3 li {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-image: none;
  line-height: normal;
}
#superfish-menu ul div.sub-menu-depth-2 .menu-container ul.menu-depth-3 li {
  float: none;
  margin: 0 0 6px;
  padding: 0;
  border: none;
  line-heihgt: 1em;
  font-weight: 300;
}
#superfish-menu ul div.sub-menu-depth-2 .menu-container ul.menu-depth-3 li.last {
  margin: 0;
}
#superfish-menu ul div.sub-menu-depth-2 .menu-container ul.menu-depth-3 li.active a, #superfish-menu ul div.sub-menu-depth-2 .menu-container ul.menu-depth-3 li:hover a {
  border-left: none;
  font-weight: 300;
  color: #ff3700;
}
#superfish-menu ul div.sub-menu-depth-2 .menu-container ul.menu-depth-3 li.sfHover {
  background: transparent;
  border-left: none !important;
}
#superfish-menu ul div.sub-menu-depth-2 .menu-container ul.menu-depth-3 li.sfHover a {
  border-left: none !important;
  font-weight: 300;
}
#superfish-menu ul div.sub-menu-depth-2 .menu-container ul.menu-depth-3 li a:link {
  font-weight: 300;
  font-size: 14px;
  padding-left: 0px;
  border-left: none;
  background-image: none !important;
}
#superfish-menu ul div.sub-menu-depth-2 .menu-container ul.menu-depth-3 li a:link:hover {
  border-left: none;
  font-weight: 300;
  color: #ff3700;
}

#nav-overlay {
  background: transparent;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  background-color: rgba(255, 255, 255, 0.7);
  display: none;
}

/* Fallback-Lösung ohne JS */
.menu-hidden {
  display: none;
}

#superfish-menu ul li:hover .menu-hidden {
  display: block;
}
#superfish-menu ul li:hover .menu-hidden div.sub-menu-depth-2 {
  display: none;
}

/*******************************************************************************
 * _karriere-website.scss
 *
 * CSS nur für Karriere-Website Mobil
 ******************************************************************************/
#meta-navigation {
  float: right;
}

.karriere-site div#zielgruppen-einsteig {
  margin-bottom: 30px;
}
@media (min-width: 0px) {
  .karriere-site div#zielgruppen-einsteig {
    margin-bottom: 0;
  }
}
.karriere-site div#zielgruppen-einsteig .item {
  overflow: hidden;
  height: auto;
  position: relative;
  margin-bottom: 0.5em;
}
@media (min-width: 0px) {
  .karriere-site div#zielgruppen-einsteig .item {
    margin-bottom: 0;
  }
}
@media (min-width: 0px) {
  .karriere-site div#zielgruppen-einsteig .item {
    height: 100px;
  }
}
.karriere-site div#zielgruppen-einsteig .item:hover {
  background-color: #eeeeee;
}
.karriere-site div#zielgruppen-einsteig .item.first .link {
  border: none;
}
@media (min-width: 0px) {
  .karriere-site div#zielgruppen-einsteig .item.first .link {
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    height: 100%;
  }
}
.karriere-site div#zielgruppen-einsteig .item a {
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.karriere-site div#zielgruppen-einsteig .item .image {
  height: 100px;
  margin: 0;
  display: none;
}
@media (min-width: 0px) {
  .karriere-site div#zielgruppen-einsteig .item .image {
    display: block;
  }
}
@media (min-width: 0px) {
  .karriere-site div#zielgruppen-einsteig .item .image {
    width: 50%;
    float: left;
    height: 100%;
    border-right: 1px solid white;
  }
}
.karriere-site div#zielgruppen-einsteig .item .link {
  height: auto;
  width: 100%;
  padding: 1.2em 1em;
  background-color: #eeeeee;
  border: none;
}
@media (min-width: 0px) {
  .karriere-site div#zielgruppen-einsteig .item .link {
    width: 50%;
    position: relative;
    float: left;
    height: 100%;
    border-bottom: 1px solid #cccccc;
    padding-left: 2em;
    padding-top: 2.7em;
    padding-bottom: 0;
    padding-right: 0;
    background: transparent;
  }
}
.karriere-site div#zielgruppen-einsteig .item .link span {
  background: transparent url('../images/icons/arrow_big.svg?1457694054') left top no-repeat;
  background-size: 26px 20px;
  padding-left: 40px;
  color: #ff3700;
  text-transform: uppercase;
  font-size: 1.5em;
  /* 21px 14px */
  font-weight: 600;
  display: block;
}
.karriere-site.frontpage .bigimage {
  margin: -11px -16px 0;
}
@media (min-width: 0px) {
  .karriere-site.frontpage .bigimage {
    margin: 0;
  }
}
.karriere-site.frontpage .bigimage img {
  display: block;
}
.karriere-site.frontpage .content-inner {
  padding: 0;
}
.karriere-site.frontpage h1#page-title {
  font-weight: 300;
  color: black;
  font-style: italic;
  text-transform: none;
  border: none;
  font-size: 40px;
  margin: 0.5em 0 0.2em 0;
  padding: 0;
}
@media (min-width: 0px) {
  .karriere-site.frontpage h1#page-title {
    font-size: 60px;
  }
}
@media (min-width: 0px) {
  .karriere-site.frontpage h2 {
    font-size: 2.86em;
  }
}
.karriere-site.frontpage h2.subline {
  font-size: 40px;
  color: #cccccc;
  margin-top: -0.4em;
  margin-bottom: 0.3em;
}
@media (min-width: 0px) {
  .karriere-site.frontpage h2.subline {
    font-size: 60px;
  }
}
.karriere-site.frontpage .kachel-2col {
  width: 100%;
}
@media (min-width: 0px) {
  .karriere-site.frontpage .kachel-2col {
    width: 66%;
    float: left;
  }
}
.karriere-site.frontpage .kachel-1col {
  width: 100%;
}
@media (min-width: 0px) {
  .karriere-site.frontpage .kachel-1col {
    width: 34%;
    float: left;
  }
}
.karriere-site.frontpage .kachel-1col .nolink {
  display: block;
}
@media (min-width: 0px) {
  .karriere-site.frontpage .kachel-1col #bewerben-button {
    width: 50%;
    float: left;
  }
}
@media (min-width: 0px) {
  .karriere-site.frontpage .kachel-1col #bewerben-button {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-left: 0;
  }
}
.karriere-site.frontpage .kachel-1col #facebook-button {
  display: none;
}
@media (min-width: 0px) {
  .karriere-site.frontpage .kachel-1col #facebook-button {
    width: 50%;
    float: right;
    display: block;
  }
}
@media (min-width: 0px) {
  .karriere-site.frontpage .kachel-1col #facebook-button {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-left: 0;
  }
}
.karriere-site.frontpage #stellenangebote {
  display: none;
  margin-bottom: 30px;
}
@media (min-width: 0px) {
  .karriere-site.frontpage #stellenangebote {
    display: block;
  }
}
@media (min-width: 0px) {
  .karriere-site.frontpage #stellenangebote {
    margin-bottom: 0;
  }
}
.karriere-site.frontpage #events {
  display: none;
  margin-bottom: 30px;
}
@media (min-width: 0px) {
  .karriere-site.frontpage #events {
    display: block;
  }
}
@media (min-width: 0px) {
  .karriere-site.frontpage #events {
    border-left: 1px solid #cccccc;
    padding-top: 1.5em;
    margin-left: -1px;
    margin-bottom: 0;
  }
}
@media (min-width: 0px) {
  .karriere-site.frontpage .article-item-list {
    font-size: 18px;
    line-height: 28px;
  }
}
.karriere-site.frontpage #intro {
  border: none;
}
.karriere-site.frontpage #intro .article-item {
  width: 90%;
  margin-bottom: 0;
  border: none;
  padding: 0;
}
.karriere-site.frontpage .linklist {
  margin: 0;
}
.karriere-site.frontpage #social-icons {
  text-align: center;
}
.karriere-site.frontpage #social-icons ul {
  display: inline-block;
}
.karriere-site.scrollytelling-tpl h1#page-title {
  background: none;
}

/*******************************************************************************
 * _styleguide.scss
 *
 * CSS  für den Styleguide
 ******************************************************************************/
.styleguide-site .grid-raster .sample {
  background: transparent !important;
}
.styleguide-site .sample {
  background: #f4f4f4;
  overflow: hidden;
  padding: 1.5em;
  border: 1px solid #dadada;
  margin: 2em 0;
}
.styleguide-site .sample.not-showing {
  background: white;
  padding: 0;
  border: none;
}
.styleguide-site .sample.white-sample {
  background: white;
  border: none;
  padding: 0;
}
.styleguide-site .sample .no-spacing {
  margin: 0;
}
.styleguide-site .sample ul li {
  margin-bottom: 0.5em;
}
.styleguide-site h4.not-showing + .sample {
  background: white;
  padding: 1.5em 0 0 0;
  border: none;
  border-top: 1px solid #999999;
}
.styleguide-site h4 .button-raster {
  display: none;
}
.styleguide-site h4.not-showing .button-raster {
  display: block;
  margin-right: 1em;
}
.styleguide-site h4 .button {
  font-weight: 300;
  float: right;
  cursor: pointer;
  color: #87888a;
}
.styleguide-site h4 .button:hover {
  text-decoration: underline;
}
.styleguide-site h3 + .sample {
  margin-top: 1em;
}
.styleguide-site h4 + .sample,
.styleguide-site h4 + .box-item {
  margin-top: 0.4em;
}
.styleguide-site .accordion code {
  margin-bottom: 1em;
  display: block;
}
.styleguide-site code {
  word-break: break-all;
  word-wrap: break-word;
}
.styleguide-site code em {
  color: #87888a;
}
.styleguide-site code code {
  margin-left: 1em;
  margin-top: -1em;
  margin-bottom: 0 !important;
  white-space: pre-line;
}
.styleguide-site #styleguide-nav {
  margin: 0em 0 40px;
}
.styleguide-site .font-item-list .supersample {
  font-size: 1.1em;
  line-height: 120%;
  margin-bottom: 0.5em;
}
@media (min-width: 0px) {
  .styleguide-site .font-item-list .supersample {
    font-size: 1.5em;
  }
}
@media (min-width: 2px) {
  .styleguide-site .font-item-list .supersample {
    font-size: 2em;
  }
}
.styleguide-site .font-item-list .stylesample {
  display: block;
  font-size: 1.5em;
  line-height: 120%;
}
.styleguide-site .font-item-list .item {
  margin-bottom: 1em;
}
.styleguide-site .teaser-container + .article-item-list {
  margin-top: 3em;
}
.styleguide-site .article-item-list .article-item .image.colors {
  height: 100px !important;
}
.styleguide-site .article-item-list .article-item.grid-6 {
  width: 65.84821%;
  float: left;
  margin-right: 2.45536%;
  display: inline;
  text-align: center;
}
.styleguide-site .article-item-list .article-item.grid-6 img {
  display: inline;
}
.styleguide-site .article-item-list .article-item table {
  margin-bottom: 1em;
}
.styleguide-site .article-item-list .article-item .caption {
  margin-bottom: 1em;
  margin-top: 1em;
}
.styleguide-site .image.bg-color4,
.styleguide-site .image.border img {
  border: 1px solid #dadada;
}
.styleguide-site .image img + .caption {
  margin-top: 10px;
  margin-bottom: 20px;
}
.styleguide-site .image a + .caption {
  margin-top: 10px;
  margin-bottom: 20px;
}
.styleguide-site .content-inner section.scrolly-nav-steps {
  padding-top: 1em;
  margin-bottom: 40px;
  border-bottom: 1px solid black;
  clear: left;
  overflow: hidden;
}
@media (min-width: 0px) {
  .styleguide-site .content-inner section.scrolly-nav-steps {
    margin-bottom: 50px;
  }
}
@media (min-width: 2px) {
  .styleguide-site .content-inner section.scrolly-nav-steps {
    margin-bottom: 60px;
  }
}
.styleguide-site .content-inner section.scrolly-nav-steps.first {
  padding-top: 0;
}
.styleguide-site .content-inner section.scrolly-nav-steps.last {
  border-bottom: none;
  padding-bottom: 0;
}
.styleguide-site .sample #sub-navigation > ul.grid-3 {
  border-top: 1px solid #ff3700;
  padding-top: 17px;
}
.styleguide-site.front .box-item-list .box-item {
  width: 100%;
  float: none;
  display: block;
}
.styleguide-site.front .box-item-list .box-item li {
  width: 40%;
  float: left;
  margin-right: 2%;
}
.styleguide-site.front .firstCol {
  padding-top: 1em;
  width: 49.31677%;
  float: left;
  margin-right: 1.36646%;
  display: inline;
}
.styleguide-site.front .secondCol {
  padding-top: 1em;
  width: 36.64596%;
  float: right;
  margin-right: 0;
  #margin-left: -1.1em;
  display: inline;
}
.styleguide-site.front .secondCol .grid-3 {
  width: 35.76826%;
  float: left;
  margin-right: 2.77078%;
  display: inline;
}
.styleguide-site.front .secondCol .vorteilsbox {
  width: 100%;
  float: none;
}
.styleguide-site.front .thirdCol {
  width: 100%;
  float: left;
  margin-right: 1.36646%;
  display: inline;
}
.styleguide-site.front .thirdCol .overview-item-list .overview-item {
  width: 23.97516%;
  float: left;
  margin-right: 1.36646%;
  display: inline;
}
.styleguide-site.front .thirdCol .overview-item-list .overview-item:nth-child(4n) {
  width: 23.97516%;
  float: right;
  margin-right: 0;
  #margin-left: -1.1em;
  display: inline;
}
.styleguide-site.front .thirdCol .overview-item-list .overview-item .teaser-container {
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}
.styleguide-site.front .thirdCol .overview-item-list .overview-item .linklist {
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}
.styleguide-site.front .linklist {
  margin-top: 1em;
}
.styleguide-site .site-farben #section-01 .article-item {
  margin-bottom: 0 !important;
}
.styleguide-site .vorteilsbox.styleguide {
  margin-bottom: 2em;
}
.styleguide-site .vorteilsbox table {
  margin-bottom: 2em;
}
.styleguide-site .sample + .accordion {
  margin-bottom: 2em;
}
.styleguide-site .sample + .accordion + h2 {
  margin-top: 3em;
}
.styleguide-site .accordion {
  margin-bottom: 60px;
}
.styleguide-site .vorteilsbox h2 {
  color: #ff3700;
  font-size: 18.2px;
}
.styleguide-site .fake-image a {
  height: 100px;
  color: black;
  background: #eeeeee;
  text-align: center;
  padding-top: 1.3em;
  color: black;
  margin-bottom: 14px;
  margin-top: 0em;
  font-style: italic;
  font-size: 1.2em;
  /*18px 15px */
  color: black;
  text-transform: none;
  font-weight: 300;
  line-height: 1.3em;
  /*27px 21px */
}
@media (min-width: 0px) {
  .styleguide-site .fake-image a {
    font-size: 1.5em;
    /*21px 14px */
  }
}
.styleguide-site .fake-image a .data {
  font-size: 2em;
  color: #ff3700;
  line-height: 100%;
  margin-bottom: 0px;
  font-weight: 600;
}
.styleguide-site h3 + table {
  margin-top: 1em;
}
.styleguide-site h2 code {
  font-style: normal;
  font-size: 18px;
}
.styleguide-site table.no-spacing {
  margin-bottom: 2em;
}
.styleguide-site .my-funktionsicons {
  overflow: hidden;
}
.styleguide-site .my-funktionsicons .icon {
  float: left;
  margin-right: 5px;
}

/*******************************************************************************
 * _jcarousel.bildegalerie.scss test
 *
 * jCarousel, für T16 = Insight einfach mit jcarousel.bildergalerie.js
 ******************************************************************************/
.has-no-sidebars {
  /* Ohne Seitenspalte test*/
}
.has-no-sidebars .bildergalerie-carousel {
  clear: left;
  position: relative;
  float: none;
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
  overflow: hidden;
  /** Stage carousel specific styles **/
  /** Thumbnails Navigation carousel specific styles **/
  /* Item Zahl*/
  /* Buttons */
  /*Placeholder für Teaser*/
  /**********************************************************************************/
  /* Anpassungen ohne Pfeile, mit 4 Thumbnails
  wird bei Kompetenzen zum Beispiel verwendet, zusätzliche Klasse without-arrows */
  /**********************************************************************************/
}
@media (min-width: 0px) {
  .has-no-sidebars .bildergalerie-carousel {
    overflow: visible;
    margin-top: 5em;
    margin-bottom: 4em;
  }
}
@media (min-width: 2px) {
  .has-no-sidebars .bildergalerie-carousel {
    margin: 5em -32px 4em;
  }
}
.has-no-sidebars .bildergalerie-carousel .stage {
  position: relative;
  width: 100%;
}
@media (min-width: 2px) {
  .has-no-sidebars .bildergalerie-carousel .stage {
    margin: 4em 0 3em;
    height: 850px;
  }
}
.has-no-sidebars .bildergalerie-carousel .stage .carousel-stage {
  border: none;
  border-radius: 0px;
  box-shadow: none;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.has-no-sidebars .bildergalerie-carousel .stage .carousel-stage ul li {
  width: 480px;
  height: 250px;
  margin-bottom: 60px;
}
@media (min-width: 0px) {
  .has-no-sidebars .bildergalerie-carousel .stage .carousel-stage ul li {
    width: 992px;
    height: 500px;
    margin-bottom: 60px;
  }
}
@media (min-width: 0px) {
  .has-no-sidebars .bildergalerie-carousel .stage .carousel-stage ul li {
    width: 1200px;
    height: 700px;
    margin-bottom: 0px;
  }
}
@media (min-width: 2px) {
  .has-no-sidebars .bildergalerie-carousel .stage .carousel-stage ul li {
    width: 1280px;
    height: 870px;
  }
}
.has-no-sidebars .bildergalerie-carousel .carousel-navigation {
  border: none;
  border-radius: 0px;
  box-shadow: none;
  overflow: hidden;
  text-align: center;
}
@media (min-width: 0px) {
  .has-no-sidebars .bildergalerie-carousel .carousel-navigation {
    width: 440px;
    padding: 0;
  }
}
@media (min-width: 2px) {
  .has-no-sidebars .bildergalerie-carousel .carousel-navigation {
    width: 660px;
    position: absolute;
  }
}
.has-no-sidebars .bildergalerie-carousel .carousel-navigation ul {
  background: black;
  text-align: center;
  width: auto;
}
@media (min-width: 0px) {
  .has-no-sidebars .bildergalerie-carousel .carousel-navigation ul {
    width: 20000em;
    text-align: left;
  }
}
.has-no-sidebars .bildergalerie-carousel .carousel-navigation ul li {
  margin-right: 1em;
  width: 14px;
  height: 14px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  background: white;
  display: inline-block;
  text-align: left;
  float: none;
  /*&:hover img { opacity: 1; }
  &:hover .holder { display: block;}*/
}
.has-no-sidebars .bildergalerie-carousel .carousel-navigation ul li.active {
  background: #ff3700;
}
@media (min-width: 0px) {
  .has-no-sidebars .bildergalerie-carousel .carousel-navigation ul li.active {
    background: transparent;
  }
}
@media (min-width: 0px) {
  .has-no-sidebars .bildergalerie-carousel .carousel-navigation ul li {
    width: 138px;
    height: 94px;
    float: left;
    display: block;
    background: transparent;
    margin-right: 17px;
  }
  .has-no-sidebars .bildergalerie-carousel .carousel-navigation ul li.active img {
    opacity: 1;
  }
  .has-no-sidebars .bildergalerie-carousel .carousel-navigation ul li.active .holder {
    display: block;
  }
}
@media (min-width: 2px) {
  .has-no-sidebars .bildergalerie-carousel .carousel-navigation ul li {
    width: 200px;
    margin-right: 30px;
    height: 150px;
  }
}
.has-no-sidebars .bildergalerie-carousel .carousel-navigation ul li img {
  display: none;
}
@media (min-width: 0px) {
  .has-no-sidebars .bildergalerie-carousel .carousel-navigation ul li img {
    display: block;
  }
}
.has-no-sidebars .bildergalerie-carousel .carousel-navigation ul li .teaser {
  display: none;
}
.has-no-sidebars .bildergalerie-carousel .carousel-navigation ul li .holder {
  background: #ff3700;
  width: 12px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  height: 100%;
  display: none;
}
.has-no-sidebars .bildergalerie-carousel .carousel-navigation ul li .image {
  margin: 0;
  position: relative;
}
.has-no-sidebars .bildergalerie-carousel .carousel-navigation ul li .image .item {
  position: absolute;
  right: 10px;
  top: 10px;
  display: block;
}
.has-no-sidebars .bildergalerie-carousel .carousel-navigation img {
  border: none !important;
  display: block;
  opacity: 0.5;
}
.has-no-sidebars .bildergalerie-carousel .item {
  background: #ff3700;
  color: white;
  font-size: 1rem;
  width: 18px;
  height: 18px;
  font-style: normal;
  font-weight: 300;
  text-align: center;
  display: inline-block;
  line-height: 100%;
}
.has-no-sidebars .bildergalerie-carousel .wrapper-my-carousel {
  height: 60px;
  width: 100%;
  overflow: hidden;
  padding: 20px 15px;
}
@media (min-width: 0px) {
  .has-no-sidebars .bildergalerie-carousel .wrapper-my-carousel {
    padding: 30px !important;
    height: 154px;
    background: black;
    float: right;
  }
}
@media (min-width: 0px) {
  .has-no-sidebars .bildergalerie-carousel .wrapper-my-carousel {
    width: 700px;
  }
}
@media (min-width: 2px) {
  .has-no-sidebars .bildergalerie-carousel .wrapper-my-carousel {
    width: 940px;
    height: 210px;
  }
}
.has-no-sidebars .bildergalerie-carousel ul {
  padding: 0;
  margin: 0;
  width: 20000em;
  position: relative;
}
.has-no-sidebars .bildergalerie-carousel ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-image: none;
  line-height: normal;
}
.has-no-sidebars .bildergalerie-carousel ul li {
  float: left;
}
.has-no-sidebars .bildergalerie-carousel .navigation {
  margin: 0;
  position: absolute;
  top: 250px;
  background: black;
  width: 100%;
  /*Next*/
  /*Prev*/
}
@media (min-width: 0px) {
  .has-no-sidebars .bildergalerie-carousel .navigation {
    top: 500px;
  }
}
@media (min-width: 0px) {
  .has-no-sidebars .bildergalerie-carousel .navigation {
    position: absolute;
    right: 0;
    top: -30px;
    background: transparent;
    bottom: auto;
    height: auto;
  }
}
.has-no-sidebars .bildergalerie-carousel .navigation a.next.next-navigation {
  right: 0.5em;
  top: 10px;
}
@media (min-width: 0px) {
  .has-no-sidebars .bildergalerie-carousel .navigation a.next.next-navigation {
    top: 42px;
    right: 32px;
  }
}
@media (min-width: 2px) {
  .has-no-sidebars .bildergalerie-carousel .navigation a.next.next-navigation {
    top: 65px;
  }
}
.has-no-sidebars .bildergalerie-carousel .navigation a.prev.prev-navigation {
  right: 3em;
  top: 10px;
}
@media (min-width: 0px) {
  .has-no-sidebars .bildergalerie-carousel .navigation a.prev.prev-navigation {
    right: 160px;
    top: 42px;
    left: auto;
  }
}
@media (min-width: 2px) {
  .has-no-sidebars .bildergalerie-carousel .navigation a.prev.prev-navigation {
    top: 65px;
  }
}
.has-no-sidebars .bildergalerie-carousel .navigation a.next, .has-no-sidebars .bildergalerie-carousel .navigation a.prev {
  border: none;
  text-decoration: none;
  background: none;
  padding: 0;
  color: black;
  background-color: transparent;
  border-radius: 0;
  position: absolute;
  text-shadow: none;
  width: 39px;
  height: 37px;
  box-shadow: none;
  z-index: 200;
}
.has-no-sidebars .bildergalerie-carousel .navigation a.next a:hover, .has-no-sidebars .bildergalerie-carousel .navigation a.next:hover, .has-no-sidebars .bildergalerie-carousel .navigation a.prev a:hover, .has-no-sidebars .bildergalerie-carousel .navigation a.prev:hover {
  border: none;
  text-decoration: none;
}
@media (min-width: 0px) {
  .has-no-sidebars .bildergalerie-carousel .navigation a.next, .has-no-sidebars .bildergalerie-carousel .navigation a.prev {
    width: 39px;
    height: 74px;
  }
}
.has-no-sidebars .bildergalerie-carousel .navigation a.next.inactive, .has-no-sidebars .bildergalerie-carousel .navigation a.prev.inactive {
  opacity: 0.3;
  cursor: default;
}
.has-no-sidebars .bildergalerie-carousel .navigation a.next.next-navigation {
  background: transparent url('../images/components/next-navigation_content.svg?1457694629') center top no-repeat;
  background-size: 19px 80px;
}
@media (min-width: 0px) {
  .has-no-sidebars .bildergalerie-carousel .navigation a.next.next-navigation {
    background-size: 38px 160px;
  }
}
.has-no-sidebars .bildergalerie-carousel .navigation a.next.next-navigation:hover {
  background-position: center bottom;
}
.has-no-sidebars .bildergalerie-carousel .navigation a.next.next-navigation.inactive:hover {
  background-position: center top;
}
.has-no-sidebars .bildergalerie-carousel .navigation a.prev.prev-navigation {
  background: transparent url('../images/components/prev-navigation_content.svg?1457694648') center top no-repeat;
  background-size: 19px 80px;
}
@media (min-width: 0px) {
  .has-no-sidebars .bildergalerie-carousel .navigation a.prev.prev-navigation {
    background-size: 38px 160px;
  }
}
.has-no-sidebars .bildergalerie-carousel .navigation a.prev.prev-navigation:hover {
  background-position: center bottom;
}
.has-no-sidebars .bildergalerie-carousel .navigation a.prev.prev-navigation.inactive:hover {
  background-position: center top;
}
.has-no-sidebars .bildergalerie-carousel .teaser-container {
  background: white;
  height: auto;
  clear: left;
  padding: 15px 15px 0;
  font-style: italic;
  font-size: 14px;
  line-height: 1.5em;
  postion: relative;
  z-index: 100;
  text-align: left;
}
@media (min-width: 0px) {
  .has-no-sidebars .bildergalerie-carousel .teaser-container {
    position: absolute;
    text-align: left;
    z-index: 100;
    right: 0px;
    top: 124px;
    width: 700px;
    clear: none;
    padding: 30px;
    bottom: inherit;
    float: none;
    margin-right: 0;
    margin-top: 0;
  }
}
@media (min-width: 2px) {
  .has-no-sidebars .bildergalerie-carousel .teaser-container {
    right: 250px;
    top: 180px;
    width: 690px;
  }
}
.has-no-sidebars .bildergalerie-carousel .teaser-container .teaser h4 {
  font-style: normal;
  margin-bottom: 5px;
  margin-top: 0;
}
.has-no-sidebars .bildergalerie-carousel .teaser-container .teaser h4 .item {
  margin-right: 5px;
}
.has-no-sidebars .bildergalerie-carousel.without-arrows .carousel-navigation {
  width: 100% !important;
}
.has-no-sidebars .bildergalerie-carousel.without-arrows .teaser-container {
  width: 940px;
  padding-right: 150px;
}

/*******************************************************************************
 * _frontpage.scss
 *
 * CSS fuer Frontpage
 ******************************************************************************/
.frontpage #wrapper-preface {
  background: #efefef url('../images/layout/wrapper-preface-frontpage-spacer.gif?1428844285') repeat-x left bottom;
}

/*******************************************************************************
*  _t01_starteite_slider.scss
*
*  In Abhängingkeit zu  jquery.slides.min  -> http://www.slidesjs.com/
*  
******************************************************************************/
.slideshow {
  position: relative;
}
.slideshow .slidesjs-control {
  z-index: 0;
}

/* Slideshow mit Teaser */
.slideshow {
  margin-top: -11px;
  position: relative;
  width: 100%;
  height: 220px;
  /* Teaser */
  /* Controls*/
}
@media (min-width: 0px) {
  .slideshow {
    margin-top: 0px;
  }
}
@media (min-width: 0px) {
  .slideshow {
    height: 320px;
  }
}
@media (min-width: 0px) {
  .slideshow {
    height: 420px;
  }
}
@media (min-width: 2px) {
  .slideshow {
    height: 514px;
  }
}
.slideshow.with-teaser {
  height: 380px;
}
@media (min-width: 0px) {
  .slideshow.with-teaser {
    height: 510px;
  }
}
.slideshow.with-teaser .slidesjs-container .image {
  height: 200px;
  margin-bottom: 0;
}
@media (min-width: 0px) {
  .slideshow.with-teaser .slidesjs-container .image {
    height: 320px;
  }
}
@media (min-width: 0px) {
  .slideshow.with-teaser .slidesjs-container .image {
    height: 100%;
    border: none;
  }
}
.slideshow .slidesjs-control {
  position: relative;
  height: 100%;
}
.slideshow .slidesjs-slide {
  overflow: hidden;
  border-bottom: 14px solid white;
}
.slideshow .slidesjs-slide.with-teaser {
  background: #ff3700;
}
@media (min-width: 0px) {
  .slideshow .slidesjs-slide.with-teaser {
    background: transparent;
  }
}
@media (min-width: 0px) {
  .slideshow .slidesjs-slide.with-teaser .image {
    border: none;
  }
}
@media (min-width: 0px) {
  .slideshow .slidesjs-slide.with-teaser {
    border-bottom: 14px solid #ff3700;
  }
}
.slideshow .teaser {
  color: white;
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
  padding: 1em;
}
@media (min-width: 0px) {
  .slideshow .teaser {
    width: 100%;
    float: left;
    margin-right: 2.77078%;
  }
}
@media (min-width: 0px) {
  .slideshow .teaser {
    width: 74.54243%;
    float: left;
    margin-right: 1.83028%;
    padding: 1.5em 32px 1.5em 32px;
    position: absolute;
    background: rgba(200, 41, 8, 0.85);
    height: auto;
    bottom: 14px;
    left: 0;
  }
}
@media (min-width: 2px) {
  .slideshow .teaser {
    width: 74.65839%;
    float: left;
    margin-right: 1.36646%;
    position: absolute;
    height: 158px;
    bottom: 14px;
    left: 0;
    padding: 1.5em 32px 0.2em 32px;
  }
}
.slideshow .teaser h3 {
  color: white;
  font-style: normal;
  text-transform: uppercase;
  font-size: 1.067em;
  /*16px 15px*/
  font-weight: 600;
  margin: 0;
}
@media (min-width: 0px) {
  .slideshow .teaser h3 {
    font-size: 1.429em;
    /*20px 14px*/
  }
}
@media (min-width: 0px) {
  .slideshow .teaser h3 {
    font-size: 1.571em;
    /*22px 14px*/
  }
}
@media (min-width: 2px) {
  .slideshow .teaser h3 {
    font-size: 1.714em;
    /*24px 14px*/
  }
}
.slideshow .teaser h2 {
  color: white;
  font-size: 1.6em;
  /*24px 15*/
  margin: 0;
}
@media (min-width: 0px) {
  .slideshow .teaser h2 {
    font-size: 2.286em;
    /*32px 14px*/
  }
}
@media (min-width: 0px) {
  .slideshow .teaser h2 {
    font-size: 2.571em;
    	                    /*36px 14px/
    }
    @include at-breakpoint($ld) {
    	font-size: 2.857em; /*40px 14px*/
  }
}
.slideshow .slidesjs-container, .slideshow a {
  height: 100%;
}
@media (min-width: 2px) {
  .slideshow .slidesjs-container, .slideshow a {
    height: 100%;
  }
}
@media (min-width: 0px) {
  .slideshow .holder {
    background: rgba(200, 41, 8, 0.85);
    height: 14px;
    position: absolute;
    bottom: 0px;
    width: 100%;
  }
}
.slideshow ul.slidesjs-pagination {
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  top: 140px;
  width: 100%;
}
.slideshow ul.slidesjs-pagination li {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-image: none;
  line-height: normal;
}
@media (min-width: 0px) {
  .slideshow ul.slidesjs-pagination {
    top: 240px;
  }
}
@media (min-width: 0px) {
  .slideshow ul.slidesjs-pagination {
    position: absolute;
    bottom: 50px;
    right: 32px;
    top: inherit;
    text-align: left;
    width: auto;
  }
}
.slideshow ul.slidesjs-pagination li {
  text-align: left;
  display: inline-block !important;
  margin-left: 14px;
  width: 30px;
  height: 30px;
  position: relative;
}
@media (min-width: 2px) {
  .slideshow ul.slidesjs-pagination li {
    float: left;
    display: block;
  }
}
@media (min-width: 0px) {
  .slideshow ul.slidesjs-pagination li {
    width: 42px;
    height: 42px;
  }
}
.slideshow ul.slidesjs-pagination li a {
  width: 100%;
  background: transparent url('../images/components/slider/slidesjs-pagination-item.png?1428562078') repeat center top;
  background-size: 100%;
  display: block;
  font-size: 0;
  height: 100%;
  line-height: 0;
  border: none;
  color: rgba(0, 0, 0, 0);
}
.slideshow ul.slidesjs-pagination li a:hover, .slideshow ul.slidesjs-pagination li a.active {
  border: none;
  background-position: center bottom;
  background-size: 100%;
}

/*
IN-OUT slideshow
*/
.in-out .image .image {
  left: 0;
  height: 300px;
  position: absolute;
  top: 70px;
  z-index: 0;
}
.in-out .slideshow ul.slidesjs-pagination {
  top: 280px;
  bottom: inherit;
}
@media (min-width: 0px) {
  .in-out .slideshow ul.slidesjs-pagination {
    top: 240px;
    bottom: inherit;
  }
}
@media (min-width: 0px) {
  .in-out .slideshow ul.slidesjs-pagination {
    top: inherit;
    bottom: 50px;
  }
}
.in-out a,
.in-out .in-out-slide {
  text-decoration: none;
  font-weight: 400;
  color: white;
  font-size: 1em;
}
@media (min-width: 0px) {
  .in-out a,
  .in-out .in-out-slide {
    color: black;
    font-size: 1.3em;
  }
}
.in-out .slideshow {
  height: 494px;
  /*480 + 14px Border*/
}
@media (min-width: 0px) {
  .in-out .slideshow {
    height: 320px;
  }
}
@media (min-width: 0px) {
  .in-out .slideshow {
    height: 420px;
  }
}
@media (min-width: 2px) {
  .in-out .slideshow {
    height: 514px;
  }
}
.in-out .in-container {
  max-height: 140px;
  overflow: hidden;
  width: 100%;
  float: left;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  background: white url('../images/components/slider/t01-in-mobil.png?1473772497') no-repeat scroll 20px 10px;
}
@media (min-width: 0px) {
  .in-out .in-container {
    position: static;
    top: auto;
    left: auto;
    z-index: auto;
    max-height: none;
    width: 47%;
    float: left;
    background: transparent url('../images/components/slider/t01-in.png?1473771840') no-repeat scroll top right;
  }
}
.in-out .out-container {
  max-height: 140px;
  overflow: hidden;
  width: 100%;
  float: left;
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: white url('../images/components/slider/t01-out-mobil.png?1473772464') no-repeat scroll left 10px;
}
@media (min-width: 0px) {
  .in-out .out-container {
    max-height: none;
    width: 47%;
    float: left;
    position: relative;
    bottom: auto;
    left: auto;
    background: transparent url('../images/components/slider/t01-out.png?1473772168') no-repeat scroll top left;
  }
}
.in-out .in-out-container {
  position: relative;
  clear: both;
  display: block;
  width: 100%;
  margin: 0px;
}
@media (min-width: 0px) {
  .in-out .in-out-container {
    width: 80%;
  }
}
@media (min-width: 0px) {
  .in-out .in-out-connector {
    width: 6%;
    height: 30px;
    float: left;
    background: transparent url('../images/components/slider/t01-in-out-connector.png?1473771884') repeat-x scroll top left;
  }
}
.in-out .in-text,
.in-out .out-text {
  padding: 10px 20px;
  background-color: #ff3700;
  text-transform: uppercase;
  hyphens: auto;
  /*word-wrap: break-word;*/
  text-decoration: none;
  text-align: left;
  margin: 50px 0px 0px 0px;
}
@media (min-width: 0px) {
  .in-out .in-text,
  .in-out .out-text {
    padding: 0px 0px;
    background-color: transparent;
  }
}
@media (min-width: 0px) {
  .in-out .in-text {
    margin: 34px 34px 0px 0px;
    text-align: right;
  }
}
.in-out .out-text {
  padding-left: 61px;
}
@media (min-width: 0px) {
  .in-out .out-text {
    margin: 34px 0px 0px 52px;
    padding-left: 0px;
    text-align: left;
  }
}
@media (min-width: 0px) {
  .in-out .wrapper {
    height: 100%;
    display: table;
    width: 100%;
    vertical-align: top;
  }
  .in-out .wrapper .inner {
    width: 100%;
    height: 100%;
    display: table-cell;
    margin: 0;
    padding: 0;
  }
  .in-out .wrapper.vto .inner {
    vertical-align: top;
  }
  .in-out .wrapper.vto .in-out-container {
    margin-top: 25px;
  }
  .in-out .wrapper.vmi .inner {
    vertical-align: middle;
  }
  .in-out .wrapper.vbo .inner {
    vertical-align: bottom;
    padding-bottom: 40px;
  }
  .in-out .wrapper.hre .in-out-container {
    margin-left: auto;
    margin-right: 10px;
  }
  .in-out .wrapper.hmi .in-out-container {
    margin-left: auto;
    margin-right: auto;
  }
  .in-out .wrapper.hli .in-out-container {
    margin-left: 10px;
    margin-right: auto;
  }
}

/*
  ENDE IN/OUT
*/
/*******************************************************************************
 * _t02-verteilerseite.scss
 *
 * CSS fuer Uebersichtsseiten Verteilerseite etc.
 ******************************************************************************/
.image-teaser-link-list {
  margin-bottom: 40px;
}
@media (min-width: 0px) {
  .image-teaser-link-list {
    margin-bottom: 50px;
  }
}
@media (min-width: 2px) {
  .image-teaser-link-list {
    margin-bottom: 60px;
  }
}
.image-teaser-link-list .overview-item {
  margin-bottom: 1.714em;
  /*24px 14px*/
  clear: left;
  overflow: hidden;
  /* Anderes Aussehen von h2 wie Standard */
}
@media (min-width: 0px) {
  .image-teaser-link-list .overview-item {
    width: 48.61461%;
    float: left;
    margin-right: 2.77078%;
  }
  .image-teaser-link-list .overview-item:nth-child(2n) {
    width: 48.61461%;
    float: right;
    margin-right: 0;
    clear: right;
  }
}
@media (min-width: 0px) {
  .image-teaser-link-list .overview-item {
    width: 100%;
    float: left;
    margin-right: 1.83028%;
  }
  .image-teaser-link-list .overview-item:nth-child(2n) {
    width: 100%;
    float: left;
    margin-right: 1.83028%;
    clear: none;
  }
}
@media (min-width: 2px) {
  .image-teaser-link-list .overview-item {
    width: 100%;
    float: left;
    margin-right: 1.36646%;
  }
  .image-teaser-link-list .overview-item:nth-child(2n) {
    width: 100%;
    float: left;
    margin-right: 1.36646%;
    clear: none;
  }
}
.image-teaser-link-list .overview-item h2 {
  padding: 0 0 1rem 0;
  line-height: 1em;
  position: relative;
  margin: 0 0 1em;
  color: black;
  border-bottom: 1px solid #ff3700;
  text-transform: uppercase;
  font-style: normal;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  /*Icon*/
}
@media (min-width: 0px) {
  .image-teaser-link-list .overview-item h2 {
    padding: 0 0 0px;
    height: 42px;
  }
}
.image-teaser-link-list .overview-item h2 img {
  float: right;
  width: 20px;
  height: 20px;
  /*position: absolute; right: 0; top: 0;*/
}
.image-teaser-link-list .overview-item h2 a {
  color: black;
  border: none;
  text-decoration: none;
  background: none;
  padding: 0;
  color: black;
  font-weight: 600;
  display: inline;
}
.image-teaser-link-list .overview-item h2 a a:hover, .image-teaser-link-list .overview-item h2 a:hover {
  border: none;
  text-decoration: none;
}
.image-teaser-link-list .overview-item .image {
  background: transparent;
  margin-bottom: 1em;
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}
@media (min-width: 0px) {
  .image-teaser-link-list .overview-item .image {
    margin: 0;
    width: 32.11314%;
    float: left;
    margin-right: 1.83028%;
  }
}
@media (min-width: 2px) {
  .image-teaser-link-list .overview-item .image {
    width: 42.98137%;
    float: left;
    margin-right: 1.36646%;
    height: 240px;
  }
}
.image-teaser-link-list .overview-item .teaser-container {
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}
.image-teaser-link-list .overview-item .teaser-container p {
  margin: 0 0 0.3em 0;
}
@media (min-width: 0px) {
  .image-teaser-link-list .overview-item .teaser-container {
    width: 40.599%;
    float: left;
    margin-right: 1.83028%;
  }
}
@media (min-width: 2px) {
  .image-teaser-link-list .overview-item .teaser-container {
    width: 36.64596%;
    float: left;
    margin-right: 1.36646%;
  }
}
.image-teaser-link-list .overview-item .linklist {
  border-top: 1px solid #ff3700;
  margin-top: 1.5em;
  padding-top: 1em;
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}
@media (min-width: 0px) {
  .image-teaser-link-list .overview-item .linklist {
    width: 23.62729%;
    float: right;
    margin-right: 0;
    margin-top: 3em;
    /*42px 14px*/
    padding-top: 1.5em;
    /*21px 14px*/
  }
}
@media (min-width: 2px) {
  .image-teaser-link-list .overview-item .linklist {
    width: 17.63975%;
    float: right;
    margin-right: 0;
  }
}

/*******************************************************************************
 * _sitemap.scss
 *
 * CSS fuer Sitemap (Template)
 ******************************************************************************/
div.sitemap {
  margin-bottom: 40px;
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
  /*2. Ebene */
  /* End: 2. Ebene */
  /*3. Ebene*/
}
@media (min-width: 0px) {
  div.sitemap {
    margin-bottom: 50px;
  }
}
@media (min-width: 2px) {
  div.sitemap {
    margin-bottom: 60px;
  }
}
@media (min-width: 0px) {
  div.sitemap {
    width: 100%;
    float: left;
    margin-right: 1.83028%;
  }
}
@media (min-width: 2px) {
  div.sitemap {
    width: 100%;
    float: left;
    margin-right: 1.36646%;
  }
}
div.sitemap ul.menu-depth-1 {
  padding: 0;
  margin: 0;
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
  /* 1. Ebene */
  /* End: li 1. Ebene */
}
div.sitemap ul.menu-depth-1 li {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-image: none;
  line-height: normal;
}
@media (min-width: 0px) {
  div.sitemap ul.menu-depth-1 {
    width: 74.54243%;
    float: left;
    margin-right: 1.83028%;
  }
}
@media (min-width: 2px) {
  div.sitemap ul.menu-depth-1 {
    width: 74.65839%;
    float: left;
    margin-right: 1.36646%;
  }
}
div.sitemap ul.menu-depth-1 li.menu-depth-1 {
  height: auto;
  margin-bottom: 30px;
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}
@media (min-width: 0px) {
  div.sitemap ul.menu-depth-1 li.menu-depth-1 {
    width: 31.69643%;
    float: left;
    margin-right: 2.45536%;
  }
}
@media (min-width: 2px) {
  div.sitemap ul.menu-depth-1 li.menu-depth-1 {
    width: 32.11314%;
    float: left;
    margin-right: 1.83028%;
  }
}
div.sitemap ul.menu-depth-1 li.menu-depth-1 > a {
  border-bottom: 1px solid #ff3700;
  padding-bottom: 9px;
  background: url('../images/links/link_internal.svg?1457691634') no-repeat left 4px transparent;
  background-size: 20px 20px;
  display: block;
  font-size: 21px;
}
div.sitemap ul.menu-depth-1 li.menu-depth-1 > a:hover {
  text-decoration: none;
}
div.sitemap ul.menu-depth-1 li.menu-depth-1 > div.menu-level-1 {
  border-bottom: 1px solid #ff3700;
  background: none;
  display: block;
  font-size: 21px;
  padding-bottom: 9px;
  color: #ff3700;
}
div.sitemap ul.menu-depth-1 > li.menu-item-3,
div.sitemap ul.menu-depth-1 > li.menu-item-6,
div.sitemap ul.menu-depth-1 > li.menu-item-9 {
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}
@media (min-width: 0px) {
  div.sitemap ul.menu-depth-1 > li.menu-item-3,
  div.sitemap ul.menu-depth-1 > li.menu-item-6,
  div.sitemap ul.menu-depth-1 > li.menu-item-9 {
    width: 31.69643%;
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 2px) {
  div.sitemap ul.menu-depth-1 > li.menu-item-3,
  div.sitemap ul.menu-depth-1 > li.menu-item-6,
  div.sitemap ul.menu-depth-1 > li.menu-item-9 {
    width: 32.11314%;
    float: right;
    margin-right: 0;
  }
}
div.sitemap ul.menu-depth-2 {
  list-style-image: url('../images/base/ul-li.svg?1459951576');
  margin: 0em 0  40px;
  padding: 0;
  margin-top: 6px;
  margin-bottom: 0;
}
div.sitemap ul.menu-depth-2 li {
  margin-left: 15px;
  padding-left: 3px;
  margin-bottom: 2px;
  line-height: 1.5em;
}
div.sitemap ul.menu-depth-2 li ul {
  margin-top: 0;
}
div.sitemap ul.menu-depth-2 li {
  list-style-image: url('../images/base/ul-li.svg?1459951576');
  line-height: 30px;
  margin-left: 15px;
  margin-bottom: 0;
  /*4. Ebene */
}
div.sitemap ul.menu-depth-2 li ul.menu-depth-4 {
  padding: 0;
  margin: 0;
  margin: 0 0 0 10px;
}
div.sitemap ul.menu-depth-2 li ul.menu-depth-4 li {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-image: none;
  line-height: normal;
}
div.sitemap ul.menu-depth-2 a {
  border: none;
  text-decoration: none;
  background: none;
  padding: 0;
  color: black;
  color: black;
}
div.sitemap ul.menu-depth-2 a a:hover, div.sitemap ul.menu-depth-2 a:hover {
  border: none;
  text-decoration: none;
}
div.sitemap ul.menu-depth-2 a:hover {
  text-decoration: underline;
}
div.sitemap ul.menu-depth-3 {
  padding: 0;
  margin: 0;
}
div.sitemap ul.menu-depth-3 li {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-image: none;
  line-height: normal;
}
div.sitemap ul.menu-depth-3 li {
  line-height: 30px;
}
div.sitemap ul.meta-nav {
  border-top: 1px solid #ff3700;
  margin-top: 39px;
  padding-top: 8px;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}
@media (min-width: 0px) {
  div.sitemap ul.meta-nav {
    width: 23.62729%;
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 2px) {
  div.sitemap ul.meta-nav {
    width: 23.97516%;
    float: right;
    margin-right: 0;
  }
}
div.sitemap ul.meta-nav li.menu-depth-1 {
  margin-right: 0;
  width: 100%;
}

/*******************************************************************************
 * _t05-imagemodul.scss
 *
 * CSS fuer Imagemodul (Template 5)
 ******************************************************************************/
/*******************************************************************************
 * _t07-downloads.scss / m14-donwload-Tabelle
 *
 * CSS fuer Downloads, Einfache Tabelle
 ******************************************************************************/
/* T7 Downloads, einfache Tabelle */
@media (min-width: 0px) {
  div.downloads table th:nth-child(2), div.downloads table td:nth-child(2) {
    width: 100px;
    text-align: right;
  }
  div.downloads table th:nth-child(3), div.downloads table td:nth-child(3) {
    width: 55px;
    text-align: center;
  }
  div.downloads table th:nth-child(4), div.downloads table td:nth-child(4) {
    width: 68px;
    text-align: center;
  }
  div.downloads table th:nth-child(5), div.downloads table td:nth-child(5) {
    width: 68px;
    text-align: center;
  }
  div.downloads table th:nth-child(6), div.downloads table td:nth-child(6) {
    width: 68px;
    text-align: center;
  }
}
div.downloads table tbody {
  width: 100%;
}
div.downloads table td:nth-child(1) {
  border-right: none;
}
div.downloads table a {
  color: black;
}

table.downloadTable thead th:nth-child(1) {
  padding-left: 0;
}

/* -----------------------------------------
   Shared Styles
----------------------------------------- */
/* Mobile */
table.responsive {
  margin-bottom: 0;
}

.pinned {
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  width: 35%;
  overflow: hidden;
  overflow-x: scroll;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

.pinned table {
  border-right: none;
  border-left: none;
  width: 100%;
}

.pinned table th, .pinned table td {
  white-space: nowrap;
}

.pinned td:last-child {
  border-bottom: 0;
}

div.table-wrapper {
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
  border-right: 1px solid #ccc;
}

div.table-wrapper div.scrollable {
  margin-left: 35%;
}

div.table-wrapper div.scrollable {
  overflow: scroll;
  overflow-y: hidden;
}

table.responsive td, table.responsive th {
  position: relative;
  white-space: nowrap;
  overflow: hidden;
}

table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td {
  display: none;
}

/*******************************************************************************
 * _formular.scss
 *
 * CSS fuer Kontaktformular und Ansprechpartner
 ******************************************************************************/
.form #webform-component-telefon {
  clear: left;
}
.form .region-top {
  margin-bottom: 1em;
  overflow: hidden;
}
@media (min-width: 0px) {
  .form .region-top .first-col {
    width: 48%;
    float: left;
  }
}
@media (min-width: 0px) {
  .form .region-top .second-col {
    width: 48%;
    float: right;
  }
}
.form .region-bottom {
  clear: left;
}
.form #webform-component-anrede {
  overflow: hidden;
}
.form #webform-component-anrede > label {
  width: 75px;
  float: left;
}
@media (min-width: 0px) {
  .form #webform-component-anrede > label {
    display: none;
  }
}
@media (min-width: 2px) {
  .form #webform-component-anrede > label {
    float: left;
    display: block;
  }
}
.form #webform-component-anrede .form-item {
  float: left;
  margin-top: 0px;
  margin-right: 20px;
}
.form #webform-component-bereich {
  overflow: hidden;
}
.form #webform-component-bereich > label {
  width: 75px;
  float: left;
}
.form #webform-component-bereich .form-item {
  float: left;
  margin-top: 0px;
  margin-right: 20px;
}
.form #webform-component-plz {
  width: 37.29508%;
  float: left;
  margin-right: 4.5082%;
  display: inline;
}
.form #webform-component-ort {
  width: 58.19672%;
  float: right;
  margin-right: 0;
  #margin-left: -1.1em;
  display: inline;
}
.form #webform-component-bereich {
  height: auto;
}
.form #webform-component-nachricht textarea {
  height: 104px;
}
.form #webform-component-datenschutz {
  margin-top: 10px;
  border-bottom: 1px solid #ff3700;
  overflow: hidden;
}
.form #webform-component-datenschutz .form-item {
  margin-bottom: 18px;
}
.form #webform-component-pflichtfelder {
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
  margin-bottom: 1em;
}
@media (min-width: 0px) {
  .form #webform-component-pflichtfelder {
    width: 100%;
    float: left;
    margin-right: 3.72881%;
    margin-bottom: 0;
  }
}
@media (min-width: 2px) {
  .form #webform-component-pflichtfelder {
    width: 31.69643%;
    float: left;
    margin-right: 2.45536%;
  }
}
@media (min-width: 2px) {
  .form.small #webform-component-pflichtfelder {
    width: 100%;
    float: left;
    margin-right: 2.45536%;
  }
}
.form #safety-image {
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
  border: 1px solid #cccccc;
  height: 68px;
  text-align: center;
  background: white;
}
@media (min-width: 0px) {
  .form #safety-image {
    width: 48.13559%;
    float: left;
    margin-right: 3.72881%;
  }
}
@media (min-width: 2px) {
  .form #safety-image {
    width: 31.69643%;
    float: left;
    margin-right: 2.45536%;
  }
}
@media (min-width: 2px) {
  .form.small #safety-image {
    width: 54.46429%;
    float: left;
    margin-right: 2.45536%;
  }
}
.form #webform-component-sicherheit {
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}
@media (min-width: 0px) {
  .form #webform-component-sicherheit {
    width: 48.13559%;
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 2px) {
  .form #webform-component-sicherheit {
    width: 31.69643%;
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 2px) {
  .form.small #webform-component-sicherheit {
    width: 43.08036%;
    float: right;
    margin-right: 0;
  }
}
.form #edit-actions {
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}
@media (min-width: 0px) {
  .form #edit-actions {
    width: 48.13559%;
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 2px) {
  .form #edit-actions {
    width: 31.69643%;
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 2px) {
  .form.small #edit-actions {
    width: 43.08036%;
    float: right;
    margin-right: 0;
  }
}

.has-two-sidebars .form .grid-5 {
  width: 48.8978%;
  float: left;
  margin-right: 2.20441%;
  display: inline;
}

.dialogContentHolder {
  display: none;
}

/*******************************************************************************
 * _t09-standorte.scss
 *
 * CSS fuer Standort-Template
 ******************************************************************************/
.standortbox {
  margin-top: 30px;
  margin-bottom: 40px;
  overflow: hidden;
}
@media (min-width: 0px) {
  .standortbox {
    margin-bottom: 50px;
  }
}
@media (min-width: 2px) {
  .standortbox {
    margin-bottom: 60px;
  }
}
.standortbox.address-item-list ul {
  padding: 0;
  margin: 0;
}
.standortbox.address-item-list ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-image: none;
  line-height: normal;
}
.standortbox.address-item-list .address-item {
  margin-bottom: 40px;
  border-bottom: 1px solid #ff3700;
  padding-bottom: 29px;
}
@media (min-width: 0px) {
  .standortbox.address-item-list .address-item {
    margin-bottom: 50px;
  }
}
@media (min-width: 2px) {
  .standortbox.address-item-list .address-item {
    margin-bottom: 60px;
  }
}
.standortbox.address-item-list .address-item:nth-last-child(1) {
  padding-bottom: 0;
  border: none;
}
@media (min-width: 0px) {
  .standortbox.address-item-list .address-item:nth-last-child(1) {
    margin-bottom: 0;
  }
}
@media (min-width: 0px) {
  .standortbox.address-item-list .address-item:nth-last-child(2) {
    padding-bottom: 0;
    border: none;
  }
}
@media (min-width: 0px) {
  .standortbox.address-item-list .address-item:nth-last-child(2) {
    margin-bottom: 0;
  }
}
@media (min-width: 0px) {
  .standortbox.address-item-list .address-item {
    padding-bottom: 0;
    border: none;
  }
}
.standortbox.address-item-list .address-item .image {
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}
@media (min-width: 0px) {
  .standortbox.address-item-list .address-item .image {
    width: 100%;
    float: left;
    margin-right: 5.69948%;
  }
}
@media (min-width: 0px) {
  .standortbox.address-item-list .address-item .image {
    width: 64.08451%;
    float: left;
    margin-right: 7.74648%;
  }
}
@media (min-width: 2px) {
  .standortbox.address-item-list .address-item .image {
    width: 37.29508%;
    float: left;
    margin-right: 4.5082%;
    margin-bottom: 0;
  }
}
.standortbox.address-item-list .address-item .infos {
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}
@media (min-width: 2px) {
  .standortbox.address-item-list .address-item .infos {
    width: 58.19672%;
    float: right;
    margin-right: 0;
  }
}
.standortbox.address-item-list .address-item .infos h4 {
  margin: 0 0 7px 0;
  text-transform: none;
}
.standortbox.address-item-list .address-item .infos h5 {
  margin: 0 0 20px 0;
  text-transform: none;
}
@media (min-width: 2px) {
  .standortbox.address-item-list .address-item .infos h5 {
    margin: 0 0 35px 0;
  }
}
.standortbox.address-item-list .address-item ul li {
  line-height: 23px;
  margin-left: 0;
}
.standortbox.address-item-list .address-item ul li span {
  display: inline-block;
  width: 35px;
}
.standortbox.address-item-list .address-item.border {
  border-bottom: 1px solid #ff3700;
  padding-bottom: 29px;
  margin-bottom: 40px;
}
@media (min-width: 0px) {
  .standortbox.address-item-list .address-item.border {
    margin-bottom: 50px;
  }
}
@media (min-width: 2px) {
  .standortbox.address-item-list .address-item.border {
    margin-bottom: 60px;
  }
}

.has-one-sidebar .standortbox .address-item {
  width: 47.15026%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}
.has-one-sidebar .standortbox .address-item:nth-child(2n) {
  float: right;
  margin-right: 0;
  #margin-left: -1.1em;
  display: inline;
}
@media (min-width: 0px) {
  .has-one-sidebar .standortbox .address-item {
    width: 43.08036%;
    float: left;
    margin-right: 2.45536%;
  }
  .has-one-sidebar .standortbox .address-item:nth-child(2n) {
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 2px) {
  .has-one-sidebar .standortbox .address-item {
    width: 45.2454%;
    float: left;
    margin-right: 1.68712%;
  }
  .has-one-sidebar .standortbox .address-item:nth-child(2n) {
    float: right;
    margin-right: 0;
  }
}

.has-two-sidebars .standortbox .address-item {
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}
@media (min-width: 0px) {
  .has-two-sidebars .standortbox .address-item {
    width: 48.61461%;
    float: left;
    margin-right: 2.77078%;
  }
  .has-two-sidebars .standortbox .address-item:nth-child(2n) {
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 0px) {
  .has-two-sidebars .standortbox .address-item {
    width: 48.13559%;
    float: left;
    margin-right: 3.72881%;
  }
  .has-two-sidebars .standortbox .address-item:nth-child(2n) {
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 2px) {
  .has-two-sidebars .standortbox .address-item {
    width: 49%;
    margin-right: 2%;
    float: left;
  }
  .has-two-sidebars .standortbox .address-item:nth-child(2n) {
    margin-right: 0;
  }
}

/*******************************************************************************
 * _t10-news.scss (overview-item.scss)
 *
 * CSS fuer Uebersichtsseiten z.B. News, Verteilerseite etc.
 ******************************************************************************/
.news .overview-item-list {
  clear: left;
  overflow: hidden;
  margin-bottom: 1em;
  /* Mit Linie */
}
.news .overview-item-list.border .overview-item {
  padding-bottom: 1em;
  border-bottom: 1px solid #ff3700;
  overflow: hidden;
}
.news .overview-item-list .category {
  color: #ff3700;
  float: left;
  padding-top: 4px;
}
.news .overview-item-list .overview-item {
  margin-bottom: 1.714em;
  /*24px 14px*/
  /* Anderes Aussehen von h2 wie Standard */
  /* Datum für Newsübersicht */
}
.news .overview-item-list .overview-item h2 {
  margin: 0 0 0.6em;
  color: black;
  text-transform: none;
  font-style: normal;
  clear: left;
}
.news .overview-item-list .overview-item h2 a {
  color: black;
  border: none;
  text-decoration: none;
  background: none;
  padding: 0;
  color: black;
  font-weight: 600;
}
.news .overview-item-list .overview-item h2 a a:hover, .news .overview-item-list .overview-item h2 a:hover {
  border: none;
  text-decoration: none;
}
.news .overview-item-list .overview-item .date {
  float: right;
  font-size: 1em;
  padding-top: 4px;
  margin-left: 0.6em;
}
.news .overview-item-list .overview-item .teaser a {
  display: block;
}
.news .overview-item-list .pager {
  float: right;
  width: auto;
}
.news .overview-item-list + * {
  clear: left;
}

/*************** Definition mit und ohne
/* Unterschiedliche Breite mit Seitenspalten mit und ohne Bild */
.has-one-sidebar .overview-item {
  /* Mit Bild */
  /* Ohne Bild */
}
.has-one-sidebar .overview-item .image {
  width: 21.77914%;
  float: left;
  margin-right: 1.68712%;
  display: inline;
}
.has-one-sidebar .overview-item .image + .teaser-container {
  width: 76.53374%;
  float: right;
  margin-right: 0;
  #margin-left: -1.1em;
  display: inline;
}
.has-one-sidebar .overview-item .teaser-container {
  width: 100%;
  float: left;
  margin-right: 1.68712%;
  display: inline;
}

.has-two-sidebars .overview-item {
  /* Mit Bild */
  /* Ohne Bild */
}
.has-two-sidebars .overview-item .image {
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}
@media (min-width: 0px) {
  .has-two-sidebars .overview-item .image {
    width: 22.92191%;
    float: left;
    margin-right: 2.77078%;
  }
}
@media (min-width: 0px) {
  .has-two-sidebars .overview-item .image {
    width: 30.84746%;
    float: left;
    margin-right: 3.72881%;
  }
}
@media (min-width: 2px) {
  .has-two-sidebars .overview-item .image {
    width: 31.69643%;
    float: left;
    margin-right: 2.45536%;
  }
}
.has-two-sidebars .overview-item .image + .category + .teaser-container,
.has-two-sidebars .overview-item .image + .teaser-container {
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}
@media (min-width: 0px) {
  .has-two-sidebars .overview-item .image + .category + .teaser-container,
  .has-two-sidebars .overview-item .image + .teaser-container {
    width: 74.3073%;
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 0px) {
  .has-two-sidebars .overview-item .image + .category + .teaser-container,
  .has-two-sidebars .overview-item .image + .teaser-container {
    width: 65.42373%;
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 2px) {
  .has-two-sidebars .overview-item .image + .category + .teaser-container,
  .has-two-sidebars .overview-item .image + .teaser-container {
    width: 65.84821%;
    float: right;
    margin-right: 0;
  }
}
.has-two-sidebars .overview-item .teaser-container {
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}
@media (min-width: 0px) {
  .has-two-sidebars .overview-item .teaser-container {
    width: 100%;
    float: left;
    margin-right: 3.72881%;
  }
}
@media (min-width: 2px) {
  .has-two-sidebars .overview-item .teaser-container {
    width: 100%;
    float: left;
    margin-right: 2.45536%;
  }
}

/*******************************************************************************
 * _t12-landingpage.scss
 *
 * CSS fuer Landingpage
 ******************************************************************************/
.landingpage #wrapper-preface {
  background: #efefef url('../images/layout/wrapper-preface-frontpage-spacer.gif?1428844285') repeat-x left bottom;
}

/*******************************************************************************
 * _t13-termine.scss (termin-item.scss)
 *
 * CSS fuer Termine wie z.B. Messen
 ******************************************************************************/
.termin-item-list {
  margin-top: 1em;
  margin-bottom: 60px;
}
.termin-item-list .termin-item {
  clear: left;
  background: #eeeeee;
  border-top: 1px solid #cccccc;
  overflow: hidden;
  padding: 0.7em 0;
}
@media (min-width: 0px) {
  .termin-item-list .termin-item {
    height: auto;
    padding: 1em 0;
  }
}
@media (min-width: 2px) {
  .termin-item-list .termin-item {
    height: 140px;
    padding: 1em 0;
  }
}
.termin-item-list .termin-item:nth-child(2n) {
  background-color: white;
}
.termin-item-list .termin-item.last {
  border-bottom: 1px solid #cccccc;
}
.termin-item-list .termin-item .image {
  text-align: center;
  height: 100%;
  vertical-align: middle;
  padding-left: 1em;
  display: none;
}
.termin-item-list .termin-item .image a {
  text-align: center;
  display: block;
}
@media (min-width: 0px) {
  .termin-item-list .termin-item .image {
    display: block;
    width: 22.92191%;
    float: left;
    margin-right: 2.77078%;
    border-right: 1px solid #cccccc;
    padding-right: 1em;
  }
}
@media (min-width: 0px) {
  .termin-item-list .termin-item .image {
    display: block;
    width: 20.3125%;
    float: left;
    margin-right: 2.45536%;
    border: none;
    padding-right: 0;
  }
}
@media (min-width: 2px) {
  .termin-item-list .termin-item .image {
    width: 21.77914%;
    float: left;
    margin-right: 1.68712%;
  }
}
.termin-item-list .termin-item .teaser-container {
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
  padding: 0 1em;
  margin-bottom: 0;
}
@media (min-width: 0px) {
  .termin-item-list .termin-item .teaser-container {
    display: block;
    width: 74.3073%;
    float: right;
    margin-right: 0;
    padding: 0;
  }
}
@media (min-width: 0px) {
  .termin-item-list .termin-item .teaser-container {
    width: 43.08036%;
    float: left;
    margin-right: 2.45536%;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    padding: 0 2em;
  }
}
@media (min-width: 2px) {
  .termin-item-list .termin-item .teaser-container {
    width: 53.06748%;
    float: left;
    margin-right: 1.68712%;
    padding: 0 2em;
  }
}
.termin-item-list .termin-item .linklist {
  padding: 0 1em;
  clear: left;
  position: relative;
  margin-bottom: 0;
}
.termin-item-list .termin-item .linklist ul {
  margin-bottom: 0;
}
@media (min-width: 0px) {
  .termin-item-list .termin-item .linklist {
    display: block;
    width: 74.3073%;
    float: right;
    margin-right: 0;
    padding: 0;
  }
}
@media (min-width: 0px) {
  .termin-item-list .termin-item .linklist {
    width: 31.69643%;
    float: right;
    margin-right: 0;
    clear: none;
    padding: 0;
  }
}
@media (min-width: 2px) {
  .termin-item-list .termin-item .linklist {
    width: 21.77914%;
    float: right;
    margin-right: 0;
    margin-left: 0%;
    padding: 0;
    height: 100%;
  }
  .termin-item-list .termin-item .linklist ul {
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
  }
}
.termin-item-list .teaser-container {
  width: 76.53374%;
  float: left;
  margin-right: 1.68712%;
  display: inline;
  margin-bottom: 2em;
}

.not-touch .termin-item-list .termin-item:hover {
  background-color: #dadada;
}

/*******************************************************************************
 * _t15-downloads.scss
 *
 * CSS fuer T15 = Downloads (Template)
 ******************************************************************************/
.download-item-list {
  position: relative;
  overflow: hidden;
  /* Darstellung Liste*/
  /* End: .liste */
  /* Darstellung Kacheln*/
  /* End: .kacheln */
  /* End: .pager */
}
.download-item-list.liste {
  padding-bottom: 45px;
  /* End: download-item */
}
.download-item-list.liste .download-item {
  background: #eeeeee;
  border-top: 1px solid #cccccc;
  overflow: hidden;
  padding: 0.5em 0;
  /* End: .image */
  /* End: .teaser-container */
  /* End: .linklist */
}
@media (min-width: 2px) {
  .download-item-list.liste .download-item {
    height: 140px;
    padding: 1em 0;
  }
}
.download-item-list.liste .download-item:nth-child(odd) {
  background-color: white;
}
.download-item-list.liste .download-item.last {
  border-bottom: 1px solid #cccccc;
}
.download-item-list.liste .download-item:hover {
  background-color: #dadada;
}
.download-item-list.liste .download-item .image {
  display: none;
}
@media (min-width: 0px) {
  .download-item-list.liste .download-item .image {
    width: 22.92191%;
    float: left;
    margin-right: 2.77078%;
    display: block;
    text-align: center;
    height: 100%;
    vertical-align: middle;
    padding-left: 1em;
    margin-bottom: 0;
    border-right: 1px solid #cccccc;
    padding-right: 1em;
  }
}
@media (min-width: 0px) {
  .download-item-list.liste .download-item .image {
    width: 20.3125%;
    float: left;
    margin-right: 2.45536%;
    display: block;
    text-align: center;
    height: 100%;
    vertical-align: middle;
    padding-left: 1em;
    margin-bottom: 0;
    border: none;
    padding-right: 0;
  }
}
@media (min-width: 2px) {
  .download-item-list.liste .download-item .image {
    width: 13.95706%;
    float: left;
    margin-right: 1.68712%;
  }
}
.download-item-list.liste .download-item .image a {
  text-align: center;
  display: inline-block;
}
.download-item-list.liste .download-item .teaser-container {
  padding: 0 1em;
  border-left: none;
  border-right: none;
  height: 100%;
  position: relative;
  margin-bottom: 0.5em;
}
@media (min-width: 0px) {
  .download-item-list.liste .download-item .teaser-container {
    width: 54.46429%;
    float: left;
    margin-right: 2.45536%;
    padding: 0 2em;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    margin-bottom: 0;
  }
}
@media (min-width: 2px) {
  .download-item-list.liste .download-item .teaser-container {
    width: 60.88957%;
    float: left;
    margin-right: 1.68712%;
  }
}
.download-item-list.liste .download-item .teaser-container .description {
  display: none;
}
@media (min-width: 0px) {
  .download-item-list.liste .download-item .teaser-container .description {
    display: block;
  }
}
.download-item-list.liste .download-item .teaser-container h4 {
  margin: 0;
}
@media (min-width: 0px) {
  .download-item-list.liste .download-item .teaser-container h4 {
    margin: 0 0  0.5em;
  }
}
.download-item-list.liste .download-item .teaser-container .details {
  font-size: 0.858em;
  margin-top: 5px;
  margin-bottom: 0;
  line-height: 100%;
}
@media (min-width: 0px) {
  .download-item-list.liste .download-item .teaser-container .details {
    position: relative;
    bottom: 0px;
    width: 100%;
    clear: left;
    float: left;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }
}
@media (min-width: 2px) {
  .download-item-list.liste .download-item .teaser-container .details {
    position: absolute;
    bottom: 5px;
    width: 40%;
    float: left;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.download-item-list.liste .download-item .teaser-container .details .format {
  border-right: 1px solid black;
  padding-right: 7px;
  margin-right: 7px;
  display: inline-block;
}
.download-item-list.liste .download-item .teaser-container .details .size {
  display: inline-block;
}
.download-item-list.liste .download-item .teaser-container .link {
  margin-top: 5px;
  display: none;
}
@media (min-width: 0px) {
  .download-item-list.liste .download-item .teaser-container .link {
    text-align: left;
    width: 100%;
    float: left;
    float: right;
    margin-top: 0;
    display: block;
  }
}
@media (min-width: 2px) {
  .download-item-list.liste .download-item .teaser-container .link {
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 2em;
    width: 60%;
    float: right;
    margin-top: 0;
    display: block;
  }
}
.download-item-list.liste .download-item .teaser-container .link a {
  background-position: -2px -2px;
  background-size: 15px 15px;
  line-height: 1em;
  padding-left: 1em;
  font-size: 0.858em;
}
.download-item-list.liste .download-item .linklist {
  margin: 0em 1em 0;
  padding: 0;
  overflow: hidden;
}
@media (min-width: 0px) {
  .download-item-list.liste .download-item .linklist {
    width: 20.3125%;
    float: right;
    margin-right: 0;
    padding: 0em;
    height: 100%;
    position: relative;
    margin: 0em 0 1em 0;
  }
}
@media (min-width: 2px) {
  .download-item-list.liste .download-item .linklist {
    width: 21.77914%;
    float: right;
    margin-right: 0;
  }
}
.download-item-list.liste .download-item .linklist ul {
  margin: 0;
}
@media (min-width: 2px) {
  .download-item-list.liste .download-item .linklist ul {
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
  }
}
.download-item-list.liste .download-item .linklist ul li {
  float: left;
  margin-right: 1em;
  margin-left: 0;
}
@media (min-width: 0px) {
  .download-item-list.liste .download-item .linklist ul li {
    float: none;
    margin: 0;
  }
}
@media (min-width: 0px) {
  .download-item-list.liste .download-item .linklist ul li a {
    padding-top: 0em;
    padding-bottom: 0em;
  }
}
.download-item-list.kacheln {
  /*End: .download-item*/
}
@media (min-width: 0px) {
  .download-item-list.kacheln {
    padding-top: 1em;
    border-top: 1px solid #cccccc;
    padding-bottom: 20px;
  }
}
.download-item-list.kacheln .download-item {
  background: #eeeeee;
  width: 100%;
  padding: 0.5em 0;
  overflow: hidden;
  border-top: 1px solid #cccccc;
  /*End: .teaser-container*/
}
.download-item-list.kacheln .download-item.last {
  border-bottom: 1px solid #cccccc;
}
@media (min-width: 0px) {
  .download-item-list.kacheln .download-item {
    width: 31.69643%;
    float: left;
    margin-right: 2.45536%;
    margin-bottom: 30px;
    background: transparent;
    padding: 0;
    border: none;
    height: 394px;
  }
  .download-item-list.kacheln .download-item:nth-child(3n) {
    width: 31.69643%;
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 2px) {
  .download-item-list.kacheln .download-item {
    height: 394px;
    margin-bottom: 30px;
    width: 23.62729%;
    float: left;
    margin-right: 1.83028%;
    background: transparent;
    padding: 0;
    border: none;
  }
  .download-item-list.kacheln .download-item:nth-child(4n) {
    width: 23.62729%;
    float: right;
    margin-right: 0;
  }
  .download-item-list.kacheln .download-item:nth-child(3n) {
    width: 23.62729%;
    float: left;
    margin-right: 1.83028%;
  }
}
.download-item-list.kacheln .download-item:nth-child(2n) {
  background-color: white;
}
@media (min-width: 0px) {
  .download-item-list.kacheln .download-item:nth-child(2n) {
    background-color: transparent;
  }
}
@media (min-width: 0px) {
  .download-item-list.kacheln .download-item:hover .teaser-container {
    background-color: #dadada;
  }
}
.download-item-list.kacheln .download-item .image {
  display: none;
}
@media (min-width: 0px) {
  .download-item-list.kacheln .download-item .image {
    width: 22.92191%;
    float: left;
    margin-right: 2.77078%;
    display: block;
    text-align: center;
    height: 100%;
    vertical-align: middle;
    padding-left: 1em;
    margin-bottom: 0;
    border-right: 1px solid #cccccc;
    padding-right: 1em;
  }
}
@media (min-width: 0px) {
  .download-item-list.kacheln .download-item .image {
    width: 100%;
    float: none;
    display: block;
    border: 1px solid #cccccc;
    background: white;
    text-align: center;
    height: 150px;
    margin: 0;
    padding: 0;
    vertical-align: auto;
  }
  .download-item-list.kacheln .download-item .image a {
    display: inline-block;
  }
  .download-item-list.kacheln .download-item .image img {
    display: inline-block;
  }
}
.download-item-list.kacheln .download-item .teaser-container {
  background: transparent;
  padding: 0 1em;
  position: relative;
  margin-bottom: 0.5em;
}
@media (min-width: 0px) {
  .download-item-list.kacheln .download-item .teaser-container {
    height: 195px;
    background: #eeeeee;
    padding: 1.3em 1.3em 1em;
    margin-bottom: 0;
  }
}
.download-item-list.kacheln .download-item .teaser-container h4 {
  margin: 0;
}
@media (min-width: 0px) {
  .download-item-list.kacheln .download-item .teaser-container h4 {
    margin: 0.5em 0;
    line-height: 1.5em;
  }
}
@media (min-width: 0px) {
  .download-item-list.kacheln .download-item .teaser-container h4 {
    height: 45px;
    overflow: hidden;
  }
}
.download-item-list.kacheln .download-item .teaser-container .description {
  display: none;
}
@media (min-width: 0px) {
  .download-item-list.kacheln .download-item .teaser-container .description {
    display: block;
    height: 45px;
    overflow: hidden;
  }
}
.download-item-list.kacheln .download-item .teaser-container .details {
  font-size: 0.858em;
  line-height: 100%;
  margin-bottom: 0em;
  margin-top: 5px;
}
@media (min-width: 0px) {
  .download-item-list.kacheln .download-item .teaser-container .details {
    margin-bottom: 0;
    margin-top: 1em;
  }
}
.download-item-list.kacheln .download-item .teaser-container .details .format {
  border-right: 1px solid black;
  padding-right: 7px;
  margin-right: 7px;
  display: inline-block;
}
.download-item-list.kacheln .download-item .teaser-container .details .size {
  display: inline-block;
}
.download-item-list.kacheln .download-item .teaser-container .link {
  display: none;
}
@media (min-width: 0px) {
  .download-item-list.kacheln .download-item .teaser-container .link {
    display: block;
    margin-top: 0em;
    padding-top: 0.8em;
    border-top: 1px solid #cccccc;
    font-size: 0.857em;
    display: block;
    position: relative;
    bottom: 0px;
    margin-top: 10px;
  }
}
.download-item-list.kacheln .download-item .teaser-container .link a {
  background-position: -2px -2px;
  background-size: 15px 15px;
  line-height: 1em;
  padding-left: 12px;
  padding-left: 12px;
}
.download-item-list.kacheln .download-item .linklist {
  margin: 0 1em;
  padding: 0;
}
@media (min-width: 0px) {
  .download-item-list.kacheln .download-item .linklist {
    background: white;
    border-bottom: 1px solid #cccccc;
    margin: 0;
    padding: 1em 0;
  }
}
.download-item-list.kacheln .download-item .linklist ul {
  overflow: hidden;
  margin: 0;
}
.download-item-list.kacheln .download-item .linklist ul li {
  float: left;
  margin-right: 1em;
  margin-left: 0;
}
.download-item-list .pager {
  margin-top: 2em;
  overflow: hidden;
}
@media (min-width: 0px) {
  .download-item-list .pager {
    position: absolute;
    bottom: 10px;
    left: 0;
    margin: 0;
  }
}

/* End: .download-item-list */
/* T15 */
.download-themen {
  border-bottom: 1px solid #ff3700;
  margin-bottom: 2.5em;
  padding-bottom: 1em;
}
.download-themen form {
  margin: 0;
  overflow: hidden;
}
@media (min-width: 0px) {
  .download-themen #webform-component-themengebiet {
    width: 65.84821%;
    float: left;
    margin-right: 2.45536%;
  }
}
@media (min-width: 2px) {
  .download-themen #webform-component-themengebiet {
    width: 68.71166%;
    float: left;
    margin-right: 1.68712%;
  }
}
.download-themen #search-downloads {
  width: 100%;
}
.download-themen #search-downloads label {
  width: 200px;
}
.download-themen .form-type-checkbox {
  margin-bottom: 1em;
}
@media (min-width: 0px) {
  .download-themen .form-type-checkbox {
    width: 48.61461%;
    float: left;
    margin-right: 2.77078%;
  }
  .download-themen .form-type-checkbox:nth-child(2n) {
    width: 48.61461%;
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 0px) {
  .download-themen .form-type-checkbox {
    width: 48.13559%;
    float: left;
    margin-right: 3.72881%;
  }
  .download-themen .form-type-checkbox:nth-child(2n) {
    width: 48.13559%;
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 2px) {
  .download-themen .form-type-checkbox {
    width: 31.69643%;
    float: left;
    margin-right: 2.45536%;
  }
  .download-themen .form-type-checkbox:nth-child(2n) {
    width: 31.69643%;
    float: left;
    margin-right: 2.45536%;
  }
  .download-themen .form-type-checkbox:nth-child(3n) {
    width: 31.69643%;
    float: right;
    margin-right: 0;
  }
}
.download-themen .form-type-checkbox label {
  cursor: pointer;
}
.download-themen #edit-actions {
  width: 100%;
  float: left;
}
@media (min-width: 0px) {
  .download-themen #edit-actions {
    width: 31.69643%;
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 2px) {
  .download-themen #edit-actions {
    width: 21.77914%;
    float: right;
    margin-right: 0;
  }
}

.suchergebnis {
  margin-bottom: 2.5em;
  padding-bottom: 1em;
  width: 100%;
}
.suchergebnis #download-search-form {
  width: 100%;
}
.suchergebnis #download-search-form .webform-component-textfield {
  width: 37.42331%;
  float: left;
  margin-right: 1.68712%;
  display: inline;
}
.suchergebnis #download-search-form .form-submit {
  width: 13.95706%;
  float: left;
  margin-right: 1.68712%;
  display: inline;
  height: 30px;
}
.suchergebnis .begriff {
  font-weight: 600;
  color: #ff3700;
}

.download-darstellung {
  overflow: hidden;
  margin-bottom: 1.5em;
  display: none;
  /*Icons*/
}
@media (min-width: 0px) {
  .download-darstellung {
    display: block;
  }
}
.download-darstellung h4 {
  float: left;
  margin: 0;
  margin-right: 1em;
}
.download-darstellung .icon {
  width: 18px;
  height: 18px;
  float: left;
  cursor: pointer;
  margin-right: 1em;
}
.download-darstellung .icon.liste {
  background: transparent url('../images/icons/download-item-list-liste-icon.png?1429780989') no-repeat left top;
}
.download-darstellung .icon.kacheln {
  background: transparent url('../images/icons/download-item-list-kachel-icon.png?1429780958') no-repeat left top;
}
.download-darstellung .icon:hover, .download-darstellung .icon.active {
  background-position: left bottom;
}

/* Abweichungen vom _pager.scss */
.pager {
  /*	
	div.button-next {
		width: 20px;
		height: 20px;
		background: transparent image-url('controls.svg') no-repeat -25px -25px / 125px 75px;
		&:hover{ background-position:-25px -25px; }
	}
	
	div.button-prev {
		background: transparent image-url('buttons-prev-next.png') no-repeat right bottom;
		&:hover { background-position: left bottom;}
	}*/
}

/*******************************************************************************
 * _t16-insight-einfach.scss
 *
 * CSS fuer Insight einfach (Template T16)
 ******************************************************************************/
@media (min-width: 0px) {
  #insight-einfach h1#page-title {
    background: transparent url('../images/sites/scrollies/icon-speachbubble.png?1429620181') no-repeat right center;
  }
}
@media (min-width: 0px) {
  #insight-einfach h2.subline {
    width: 75%;
    margin: 1.5em auto 2em;
    font-size: 2.429em;
    text-align: center;
  }
}
#insight-einfach .teaser-container-insight {
  overflow: hidden;
}
@media (min-width: 0px) {
  #insight-einfach .teaser-container-insight {
    font-size: 1.286em;
    line-height: 1.56em;
  }
  #insight-einfach .teaser-container-insight a.external-link,
  #insight-einfach .teaser-container-insight a.download,
  #insight-einfach .teaser-container-insight p a {
    background-position: left 4px;
  }
}
@media (min-width: 0px) {
  #insight-einfach .teaser-container-insight .firstCol {
    width: 48.61461%;
    float: left;
    margin-right: 2.77078%;
  }
}
@media (min-width: 0px) {
  #insight-einfach .teaser-container-insight .firstCol {
    padding-left: 8.48586%;
    width: 49.08486%;
    float: left;
    margin-right: 1.83028%;
  }
}
@media (min-width: 2px) {
  #insight-einfach .teaser-container-insight .firstCol {
    width: 49.31677%;
    float: left;
    margin-right: 1.36646%;
    padding-left: 6.3354%;
  }
}
@media (min-width: 0px) {
  #insight-einfach .teaser-container-insight .secondCol {
    width: 48.61461%;
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 0px) {
  #insight-einfach .teaser-container-insight .secondCol {
    width: 49.08486%;
    float: right;
    margin-right: 0;
    padding-right: 8.48586%;
  }
}
@media (min-width: 2px) {
  #insight-einfach .teaser-container-insight .secondCol {
    width: 49.31677%;
    float: right;
    margin-right: 0;
    padding-right: 6.3354%;
  }
}

/*******************************************************************************
* _anwendungen.scss
*
* Anwendungen 
******************************************************************************/
.anwendungen .form-item h3 {
  color: black;
}
.anwendungen h3 {
  font-style: normal;
  overflow: hidden;
  line-height: 1.3em;
  margin-bottom: 1rem;
  color: black;
}
@media (min-width: 0px) {
  .anwendungen h3 {
    font-size: 1.5em;
    /*21px 14px*/
  }
}
.anwendungen h3 .date {
  font-size: 14px;
  margin-top: 4px;
  display: block;
}
.anwendungen h3 .date strong {
  font-weight: 600;
}
@media (min-width: 0px) {
  .anwendungen h3 .date {
    float: right;
  }
}
.anwendungen form {
  margin: 0;
}
.anwendungen table td {
  width: 33%;
}

/*******************************************************************************
* _t06_metallmodul.scss
*
* Anwendung Metallinformation
******************************************************************************/
#anwendung-metallinfo {
  margin-bottom: 0;
  /* Tabellen werden anders dargestellt */
  /* Details */
}
#anwendung-metallinfo strong {
  color: black;
  font-weight: 600;
}
#anwendung-metallinfo .metallinfo-item {
  margin-top: 0em;
  margin-bottom: 0em;
}
#anwendung-metallinfo .metallinfo-item strong {
  color: black;
  font-weight: 600;
}
#anwendung-metallinfo .metallinfo-item.last {
  margin-bottom: 0em;
}
#anwendung-metallinfo .metallinfo-item td:nth-child(1) {
  width: 33%;
}
@media (min-width: 0px) {
  #anwendung-metallinfo .metallinfo-item td:nth-child(1) {
    width: 50%;
  }
}
#anwendung-metallinfo .metallinfo-item td:nth-child(2) {
  width: 33%;
}
@media (min-width: 0px) {
  #anwendung-metallinfo .metallinfo-item td:nth-child(2) {
    width: 25%;
  }
}
#anwendung-metallinfo .metallinfo-item td:nth-child(3) {
  width: 33%;
}
@media (min-width: 0px) {
  #anwendung-metallinfo .metallinfo-item td:nth-child(3) {
    width: 25%;
  }
}
#anwendung-metallinfo .teaser-container {
  margin-bottom: 2em;
}
@media (min-width: 0px) {
  #anwendung-metallinfo .teaser-container {
    width: 76.53374%;
    float: left;
    margin-right: 1.68712%;
  }
}
#anwendung-metallinfo table thead tr {
  text-transform: uppercase;
  font-weight: 600;
  background-color: #eeeeee;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
#anwendung-metallinfo table thead tr th {
  border-right: 2px solid white;
  background-color: transparent;
  padding-bottom: 5px;
  padding-top: 5px;
  line-height: 1.5em;
}
#anwendung-metallinfo table thead tr:hover {
  background-color: #eeeeee;
}
#anwendung-metallinfo table tr {
  background-color: white;
}
#anwendung-metallinfo table tr:nth-child(2n) {
  background-color: #eeeeee;
}
#anwendung-metallinfo table tr:hover {
  background-color: #dadada;
}
@media (min-width: 0px) {
  #anwendung-metallinfo .info-anwendung {
    text-align: right;
  }
}
#anwendung-metallinfo .details {
  overflow: hidden;
  height: 100%;
  display: block;
}
#anwendung-metallinfo .details .top {
  margin-bottom: 2em;
}
#anwendung-metallinfo .details .top form {
  margin-top: 1em;
  overflow: hidden;
}
@media (min-width: 0px) {
  #anwendung-metallinfo .details .top form .webform-component-select {
    float: left;
    width: 290px;
  }
}
#anwendung-metallinfo .details .top form .webform-component-select .form-select {
  width: 100%;
}
@media (min-width: 0px) {
  #anwendung-metallinfo .details .top form .button {
    width: 215px;
    float: right;
  }
}
#anwendung-metallinfo .details .zeitraum {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 2em;
  padding: 1.8em 0 1.6em;
  overflow: hidden;
}
#anwendung-metallinfo .details .zeitraum form {
  margin: 0;
}
#anwendung-metallinfo .details .zeitraum .definierter-zeitraum {
  overflow: hidden;
}
#anwendung-metallinfo .details .zeitraum .webform-component-zeitraum .form-item {
  float: left;
  margin-bottom: 1em;
  width: 44%;
  margin-right: 3%;
}
@media (min-width: 0px) {
  #anwendung-metallinfo .details .zeitraum .webform-component-zeitraum .form-item {
    width: auto;
    margin-right: 1.5em;
  }
}
#anwendung-metallinfo .details .zeitraum .benutzerdefinierter-zeitraum {
  clear: left;
  float: none;
  margin-top: 0em;
  overflow: hidden;
}
@media (min-width: 0px) {
  #anwendung-metallinfo .details .zeitraum .benutzerdefinierter-zeitraum {
    margin-top: 0.5em;
  }
}
#anwendung-metallinfo .details .zeitraum .benutzerdefinierter-zeitraum .form-item {
  width: auto;
}
#anwendung-metallinfo .details .zeitraum .benutzerdefinierter-zeitraum .button {
  clear: left;
}
@media (min-width: 0px) {
  #anwendung-metallinfo .details .zeitraum .benutzerdefinierter-zeitraum .button {
    width: 140px;
    clear: none;
    float: right;
  }
}
#anwendung-metallinfo .details .zeitraum .benutzerdefinierter-zeitraum .webform-component-zeitraum-auswahlen {
  display: none;
  clear: left;
  border: none;
  padding: 0;
  margin: 0px 0 0;
}
@media (min-width: 0px) {
  #anwendung-metallinfo .details .zeitraum .benutzerdefinierter-zeitraum .webform-component-zeitraum-auswahlen {
    clear: none;
  }
}
#anwendung-metallinfo .details .zeitraum .benutzerdefinierter-zeitraum .webform-component-zeitraum-auswahlen legend {
  text-transform: uppercase;
  font-size: 1em;
  margin-bottom: 5px;
  font-weight: 600;
}
#anwendung-metallinfo .details .zeitraum .benutzerdefinierter-zeitraum .webform-component-zeitraum-auswahlen label {
  float: left;
  width: 30px;
  padding: 0;
  display: inline-block;
  margin-right: 8px;
  margin-top: 6px;
}
@media (min-width: 0px) {
  #anwendung-metallinfo .details .zeitraum .benutzerdefinierter-zeitraum .webform-component-zeitraum-auswahlen label {
    width: auto;
  }
}
#anwendung-metallinfo .details .zeitraum .benutzerdefinierter-zeitraum .webform-component-zeitraum-auswahlen input {
  float: left;
  width: 100px;
}
#anwendung-metallinfo .details .zeitraum .benutzerdefinierter-zeitraum .webform-component-zeitraum-auswahlen .zeitraum-von {
  float: left;
  margin-top: 3px;
}
#anwendung-metallinfo .details .zeitraum .benutzerdefinierter-zeitraum .webform-component-zeitraum-auswahlen .zeitraum-bis {
  float: left;
  margin-top: 3px;
}
#anwendung-metallinfo .details .auswahl .firstCol {
  margin-bottom: 2em;
}
@media (min-width: 0px) {
  #anwendung-metallinfo .details .auswahl .firstCol {
    width: 57%;
    float: left;
    margin-right: 7%;
    margin-bottom: 0;
  }
}
@media (min-width: 0px) {
  #anwendung-metallinfo .details .auswahl .secondCol {
    width: 36%;
    float: left;
  }
}
#anwendung-metallinfo .details .auswahl .secondCol table thead {
  display: table-header-group;
  vertical-align: middle;
  border-color: inherit;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
#anwendung-metallinfo .details .auswahl .secondCol table thead th:nth-child(1) {
  width: 160px;
}
#anwendung-metallinfo .details .auswahl .secondCol table thead th:nth-child(2) {
  border-right: none;
  width: 160px;
}
#anwendung-metallinfo .details .auswahl .secondCol table thead tr {
  display: block;
  border: none;
  width: 100%;
}
#anwendung-metallinfo .details .auswahl .secondCol table tbody {
  height: 340px;
  overflow: auto;
  display: block;
  width: 100%;
}
#anwendung-metallinfo .details .auswahl .secondCol table tbody td:nth-child(1) {
  width: 160px;
}
#anwendung-metallinfo .details .auswahl .secondCol table tbody td:nth-child(2) {
  width: 160px;
}
#anwendung-metallinfo .details .auswahl .secondCol table tbody tr:first td {
  border-top: none;
}

/*******************************************************************************
 * _jcarousel.chronik.scss
 *
 * jCarousel, Chronik
 ******************************************************************************/
.chronik-carousel {
  clear: left;
  position: relative;
  margin-top: 2em;
  overflow: hidden;
  /** Stage carousel specific styles **/
  /** Thumbnails Navigation carousel specific styles **/
  /* Item Zahl*/
  /* Buttons */
}
@media (min-width: 0px) {
  .chronik-carousel {
    margin-bottom: 2em;
  }
}
@media (min-width: 0px) {
  .chronik-carousel {
    overflow: visible;
    margin-top: 5em;
    margin-bottom: 2em;
  }
}
@media (min-width: 2px) {
  .chronik-carousel {
    margin: 5em -32px 2em;
  }
}
.chronik-carousel .wrapper-my-carousel {
  height: auto;
  overflow: hidden;
  width: 100%;
}
.chronik-carousel ul {
  padding: 0;
  margin: 0;
  width: 20000em;
  position: relative;
}
.chronik-carousel ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-image: none;
  line-height: normal;
}
.chronik-carousel ul li {
  float: left;
}
.chronik-carousel .stage {
  margin: 0px 0 1em;
  padding-top: 50px;
  position: relative;
  display: block;
}
@media (min-width: 0px) {
  .chronik-carousel .stage {
    margin: -32px 0 1em;
    padding-top: 0px;
  }
}
.chronik-carousel .stage img {
  display: block;
}
.chronik-carousel .stage .carousel-stage {
  border: none;
  border-radius: 0px;
  box-shadow: none;
  height: auto;
  overflow: hidden;
  position: relative;
}
.chronik-carousel .stage .carousel-stage li {
  position: relative;
}
.chronik-carousel .stage .carousel-stage li .image {
  margin: 0;
}
.chronik-carousel .stage .carousel-stage ul li {
  width: 480px;
}
@media (min-width: 0px) {
  .chronik-carousel .stage .carousel-stage ul li {
    width: 992px;
  }
}
@media (min-width: 0px) {
  .chronik-carousel .stage .carousel-stage ul li {
    width: 1200px;
  }
}
@media (min-width: 2px) {
  .chronik-carousel .stage .carousel-stage ul li {
    width: 1280px;
  }
}
.chronik-carousel .stage .teaser {
  background: rgba(255, 255, 255, 0.85);
  color: black;
  text-align: left;
  z-index: 100;
  padding: 15px 15px 0;
  font-size: 14px;
  font-style: italic;
}
@media (min-width: 0px) {
  .chronik-carousel .stage .teaser {
    font-size: 1.89em;
    /*34px 18px*/
    padding: 20px 30px 20px;
    width: 670px;
    left: 136px;
    position: absolute;
    top: 80px;
  }
}
.chronik-carousel .navigation {
  position: relative;
  z-index: 10;
}
.chronik-carousel .wrapper-my-carousel {
  padding: 0 22px;
}
@media (min-width: 0px) {
  .chronik-carousel .wrapper-my-carousel {
    padding: 0 50px;
  }
}
.chronik-carousel .carousel-navigation {
  border: none;
  border-radius: 0px;
  box-shadow: none;
  overflow: hidden;
  width: auto !important;
  margin: 0 px;
}
.chronik-carousel .carousel-navigation ul {
  overflow: hidden;
}
.chronik-carousel .carousel-navigation ul li {
  cursor: pointer;
  position: relative;
  color: black;
  padding: 14px 5px 0px;
  font-size: 16px;
}
@media (min-width: 0px) {
  .chronik-carousel .carousel-navigation ul li {
    font-size: 15px;
    padding: 36px 15px 0px;
  }
}
.chronik-carousel .carousel-navigation ul li:hover, .chronik-carousel .carousel-navigation ul li.active {
  color: #ff3700;
}
.chronik-carousel .carousel-navigation ul li.active {
  font-size: 30px;
  padding-top: 0;
}
@media (min-width: 0px) {
  .chronik-carousel .carousel-navigation ul li.active {
    font-size: 50px;
  }
}
.chronik-carousel .carousel-navigation ul li.near {
  font-size: 20px;
  padding-top: 10px;
}
@media (min-width: 0px) {
  .chronik-carousel .carousel-navigation ul li.near {
    font-size: 25px;
    padding-top: 27px;
  }
}
@media (min-width: 0px) {
  .chronik-carousel .carousel-navigation ul li.far {
    font-size: 20px;
    padding-top: 32px;
  }
}
.chronik-carousel .carousel-navigation ul li.first {
  padding-left: 15px;
}
.chronik-carousel .carousel-navigation img {
  border: none !important;
  display: block;
}
.chronik-carousel .item {
  background: #ff3700;
  color: white;
  font-size: 1rem;
  width: 18px;
  height: 18px;
  font-style: normal;
  font-weight: 300;
  text-align: center;
  display: inline-block;
  line-height: 100%;
}
.chronik-carousel .navigation {
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%;
  /*Next*/
  /*Prev*/
}
@media (min-width: 0px) {
  .chronik-carousel .navigation {
    position: relative;
  }
}
.chronik-carousel .navigation a.next.next-navigation {
  right: 0px;
  top: 15px;
  padding-right: 10px;
}
@media (min-width: 0px) {
  .chronik-carousel .navigation a.next.next-navigation {
    top: 35px;
    right: 0px;
    padding-right: 50px;
  }
}
.chronik-carousel .navigation a.prev.prev-navigation {
  left: 0px;
  top: 15px;
  padding-left: 10px;
}
@media (min-width: 0px) {
  .chronik-carousel .navigation a.prev.prev-navigation {
    top: 35px;
    padding-left: 50px;
  }
}
.chronik-carousel .navigation a.next, .chronik-carousel .navigation a.prev {
  border: none;
  text-decoration: none;
  background: none;
  padding: 0;
  color: black;
  border-radius: 0;
  position: absolute;
  text-shadow: none;
  width: 12px;
  height: 24px;
  background: white;
  box-shadow: none;
  z-index: 200;
}
.chronik-carousel .navigation a.next a:hover, .chronik-carousel .navigation a.next:hover, .chronik-carousel .navigation a.prev a:hover, .chronik-carousel .navigation a.prev:hover {
  border: none;
  text-decoration: none;
}
.chronik-carousel .navigation a.next.inactive, .chronik-carousel .navigation a.prev.inactive {
  opacity: 0.3;
  cursor: default;
}
.chronik-carousel .navigation a.next.next-navigation {
  background: white url('../images/sites/scrollies/next-navigation_chronik.png?1433935141') center top no-repeat;
}
.chronik-carousel .navigation a.next.next-navigation:hover {
  background-position: center bottom;
}
.chronik-carousel .navigation a.next.next-navigation.inactive:hover {
  background-position: center top;
}
.chronik-carousel .navigation a.prev.prev-navigation {
  background: white url('../images/sites/scrollies/prev-navigation_chronik.png?1433935680') center top no-repeat;
}
.chronik-carousel .navigation a.prev.prev-navigation:hover {
  background-position: center bottom;
}
.chronik-carousel .navigation a.prev.prev-navigation.inactive:hover {
  background-position: center top;
}

/*******************************************************************************
 * _jcarousel.text-tabs-galerie.scss
 *
 * jCarousel
 ******************************************************************************/
.text-tabs-galerie-carousel {
  clear: left;
  position: relative;
  margin-top: 2em;
  margin-bottom: 2em;
  overflow: hidden;
  width: 100%;
  /** Stage carousel specific styles **/
  /** Thumbnails Navigation carousel specific styles **/
  /* Item Zahl*/
  /* Buttons */
  /*Placeholder für Teaser*/
}
@media (min-width: 0px) {
  .text-tabs-galerie-carousel {
    overflow: visible;
    margin-top: 5em;
    margin-bottom: 4em;
  }
}
@media (min-width: 2px) {
  .text-tabs-galerie-carousel {
    width: 1280px;
    margin: 5em -32px 4em;
  }
}
.text-tabs-galerie-carousel .wrapper-my-carousel {
  height: auto;
  overflow: hidden;
  width: 100%;
}
.text-tabs-galerie-carousel ul {
  padding: 0;
  margin: 0;
  width: 20000em;
  position: relative;
}
.text-tabs-galerie-carousel ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-image: none;
  line-height: normal;
}
.text-tabs-galerie-carousel ul li {
  float: left;
}
.text-tabs-galerie-carousel .stage {
  margin: -32px 0 0em;
  position: relative;
  display: block;
}
.text-tabs-galerie-carousel .stage img {
  display: block;
}
.text-tabs-galerie-carousel .stage .carousel-stage {
  border: none;
  border-radius: 0px;
  box-shadow: none;
  height: auto;
  overflow: hidden;
  position: relative;
}
.text-tabs-galerie-carousel .stage .carousel-stage li {
  height: auto;
  position: relative;
}
.text-tabs-galerie-carousel .stage .carousel-stage li .image {
  width: 100%;
  margin: 0;
}
@media (min-width: 2px) {
  .text-tabs-galerie-carousel .stage .carousel-stage li {
    width: 1280px;
    height: 560px;
  }
}
.text-tabs-galerie-carousel .stage .teaser {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(200, 41, 8, 0.85);
  color: white;
  text-align: center;
  z-index: 100;
  font-style: italic;
  font-size: 1.89em;
  /*34px 18px*/
  padding: 20px 40px;
}
@media (min-width: 2px) {
  .text-tabs-galerie-carousel .stage .teaser {
    padding: 60px 120px;
  }
}
.text-tabs-galerie-carousel .navigation {
  position: relative;
  z-index: 10;
}
.text-tabs-galerie-carousel .carousel-navigation {
  border: none;
  border-radius: 0px;
  box-shadow: none;
  overflow: hidden;
  width: 100% !important;
}
.text-tabs-galerie-carousel .carousel-navigation ul {
  background: transparent url('../images/components/text-tabs-galerie-carousel.png?1433138154') repeat-x left bottom;
  overflow: hidden;
}
.text-tabs-galerie-carousel .carousel-navigation ul li {
  cursor: pointer;
  position: relative;
  color: white;
  padding: 40px 20px 55px;
}
@media (min-width: 0px) {
  .text-tabs-galerie-carousel .carousel-navigation ul li {
    width: 160px;
    height: 120px;
    text-align: center;
    padding: 20px 20px 55px;
  }
}
@media (min-width: 2px) {
  .text-tabs-galerie-carousel .carousel-navigation ul li {
    width: auto;
    height: auto;
    text-align: left;
    padding: 40px 20px 55px;
  }
}
.text-tabs-galerie-carousel .carousel-navigation ul li:hover, .text-tabs-galerie-carousel .carousel-navigation ul li.active {
  color: #ff3700;
}
.text-tabs-galerie-carousel .carousel-navigation ul li.active {
  background: transparent url('../images/components/text-tabs-galerie-carousel-active.png?1433137607') no-repeat center bottom;
}
.text-tabs-galerie-carousel .carousel-navigation ul li.first {
  padding-left: 30px;
}
.text-tabs-galerie-carousel .carousel-navigation img {
  border: none !important;
  display: block;
}
.text-tabs-galerie-carousel .item {
  background: #ff3700;
  color: white;
  font-size: 1rem;
  width: 18px;
  height: 18px;
  font-style: normal;
  font-weight: 300;
  text-align: center;
  display: inline-block;
  line-height: 100%;
}
.text-tabs-galerie-carousel .navigation {
  margin: 0;
  position: relative;
  width: 100%;
  /*Next*/
  /*Prev*/
}
.text-tabs-galerie-carousel .navigation a.next.next-navigation {
  right: 32px;
  top: 30px;
}
.text-tabs-galerie-carousel .navigation a.prev.prev-navigation {
  right: 160px;
  top: 30px;
}
.text-tabs-galerie-carousel .navigation a.next, .text-tabs-galerie-carousel .navigation a.prev {
  border: none;
  text-decoration: none;
  background: none;
  padding: 0;
  color: black;
  background-color: transparent;
  border-radius: 0;
  position: absolute;
  text-shadow: none;
  width: 39px;
  height: 74px;
  box-shadow: none;
  z-index: 200;
}
.text-tabs-galerie-carousel .navigation a.next a:hover, .text-tabs-galerie-carousel .navigation a.next:hover, .text-tabs-galerie-carousel .navigation a.prev a:hover, .text-tabs-galerie-carousel .navigation a.prev:hover {
  border: none;
  text-decoration: none;
}
.text-tabs-galerie-carousel .navigation a.next.inactive, .text-tabs-galerie-carousel .navigation a.prev.inactive {
  opacity: 0.3;
  cursor: default;
}
.text-tabs-galerie-carousel .navigation a.next.next-navigation {
  background: transparent url('../images/components/next-navigation_content.svg?1457694629') center top no-repeat;
  background-size: 38px 160px;
}
.text-tabs-galerie-carousel .navigation a.next.next-navigation:hover {
  background-position: center bottom;
}
.text-tabs-galerie-carousel .navigation a.next.next-navigation.inactive:hover {
  background-position: center top;
}
.text-tabs-galerie-carousel .navigation a.prev.prev-navigation {
  background: transparent url('../images/components/prev-navigation_content.svg?1457694648') center top no-repeat;
  background-size: 38px 160px;
}
.text-tabs-galerie-carousel .navigation a.prev.prev-navigation:hover {
  background-position: center bottom;
}
.text-tabs-galerie-carousel .navigation a.prev.prev-navigation.inactive:hover {
  background-position: center top;
}
.text-tabs-galerie-carousel .teaser-container {
  position: absolute;
  z-index: 100;
  background: white;
  left: 340px;
  top: 180px;
  padding: 30px;
  width: 690px;
  font-style: italic;
  font-size: 1rem;
}
.text-tabs-galerie-carousel .teaser-container .teaser h4 {
  font-style: normal;
  margin-bottom: 5px;
  margin-top: 0;
}
.text-tabs-galerie-carousel .teaser-container .teaser h4 .item {
  margin-right: 5px;
}

.scrollytelling-en .text-tabs-galerie-carousel .carousel-navigation ul li {
  text-align: center;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 30px;
}

/* Ohne Seitenspalte
.has-no-sidebars {
	.bildergalerie-carousel {
		width: 1280px;
		margin: 5em -32px 4em;
		.stage {
			@include span-columns(16, 16);
		}
	}
	
	
} */
/*******************************************************************************
 * _scrolly-custom.scss
 *
 * CSS fuer Scrollytelling Kupfer gegen Keime
 ******************************************************************************/
.scrollytelling-custom .caption a {
  color: #ff3700;
  display: inline;
}
.scrollytelling-custom .caption a:hover {
  text-decoration: underline;
}

/*******************************************************************************
 * _scrolly-elektro.scss
 *
 * CSS fuer Scrollytelling Elektro
 ******************************************************************************/
/* Entstehung */
.scrollytelling-elektro {
  /************************* Anstecken und Losfahren ************************************/
  /************************* Starke Performance mit Wieland-Komponenten  ************************************/
  /************************* Kein Ende in Sicht ************************************/
  /************************* Was heute im Bereich Elektromobilität geleistet wird ************************************/
}
.scrollytelling-elektro .section-intro .image {
  width: 50%;
  margin: 0 auto;
}
@media (min-width: 0px) {
  .scrollytelling-elektro .section-intro .image {
    width: auto;
  }
}
.scrollytelling-elektro .section-elektromobilitaet .caption {
  margin-top: 2em;
  text-align: right;
}
.scrollytelling-elektro .section-beitrag .section-subline {
  text-align: center;
  margin-bottom: 0.5em;
}
.scrollytelling-elektro .section-beitrag .bigimage .description.right.bottom {
  display: none;
  background: transparent url('../images/sites/scrollies/dotted-line.gif?1433828385') left bottom no-repeat;
  width: 300px;
  bottom: 10em;
  text-align: right;
  padding: 0;
  padding-bottom: 1em;
}
.scrollytelling-elektro .section-beitrag .bigimage .description.right.bottom .caption {
  margin: 0;
}
@media (min-width: 0px) {
  .scrollytelling-elektro .section-beitrag .bigimage .description.right.bottom {
    display: block;
    right: 5em;
  }
}
@media (min-width: 2px) {
  .scrollytelling-elektro .section-beitrag .bigimage .description.right.bottom {
    right: 10em;
  }
}
.scrollytelling-elektro .section-hoehepunkte .bigimage .section-headline {
  top: auto;
  bottom: 0.3em;
}
@media (min-width: 0px) {
  .scrollytelling-elektro .section-hoehepunkte .bigimage .section-headline {
    top: 2.0em;
  }
}
.scrollytelling-elektro .section-hoehepunkte .bigimage .description {
  display: none;
  padding-top: 40px;
  padding-bottom: 30px;
}
@media (min-width: 0px) {
  .scrollytelling-elektro .section-hoehepunkte .bigimage .description {
    width: 680px;
    display: block;
  }
}
.scrollytelling-elektro .section-hoehepunkte .bigimage .description .section-teaser {
  position: relative;
  top: 0;
  color: black;
  text-align: left;
  font-size: 34px;
  margin-bottom: 10px;
}
.scrollytelling-elektro .section-vorteile .image img {
  width: 30%;
  margin: 0 auto;
}
@media (min-width: 0px) {
  .scrollytelling-elektro .section-vorteile .image img {
    width: auto;
  }
}
.scrollytelling-elektro .section-vorteile .image .caption {
  width: 90%;
  margin: 0 auto;
}
@media (min-width: 0px) {
  .scrollytelling-elektro .section-vorteile .image .caption {
    width: 70%;
    margin: 0 auto;
  }
}
@media (min-width: 0px) {
  .scrollytelling-elektro .section-vorteile .image .caption {
    width: 50%;
    margin: 0 auto;
  }
}

/*******************************************************************************
 * _scrolly-forschung.scss
 *
 * CSS fuer Scrollytelling Forschung
 ******************************************************************************/
/* Entstehung */
.scrollytelling-forschung {
  /************************* Der Teufel steckt im Verschleiß. ************************************/
  /************************* Immer für Sie da – von der Beratung bis zur Serienproduktion ************************************/
  /************************* Effiziente Lösungen dank geballter Kompetenz ************************************/
  /************************* Eine Lösung:Die Entwicklung effizienter Werkstoffe************************************/
}
.scrollytelling-forschung .section-belastung .bigimage {
  margin-bottom: 0;
  padding-bottom: 0px;
}
@media (min-width: 0px) {
  .scrollytelling-forschung .section-belastung .bigimage {
    padding-bottom: 400px;
  }
}
.scrollytelling-forschung .section-belastung .bigimage .description.left.bottom {
  font-style: normal;
  width: 100%;
  margin-top: 0;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  padding-left: 0;
}
@media (min-width: 0px) {
  .scrollytelling-forschung .section-belastung .bigimage .description.left.bottom {
    width: 700px;
    left: 32px;
  }
}
.scrollytelling-forschung .section-belastung .bigimage .description.left.bottom p {
  padding-left: 0px;
}
@media (min-width: 0px) {
  .scrollytelling-forschung .section-belastung .bigimage .description.left.bottom p {
    padding-left: 45px;
  }
}
.scrollytelling-forschung .section-belastung .bigimage .description.left.bottom .row {
  margin-top: 15px;
  overflow: hidden;
}
.scrollytelling-forschung .section-belastung .bigimage .description.left.bottom .row p {
  padding-left: 35px;
}
@media (min-width: 0px) {
  .scrollytelling-forschung .section-belastung .bigimage .description.left.bottom .row p {
    padding-left: 45px;
  }
}
.scrollytelling-forschung .section-belastung .bigimage .description.left.bottom .row .section-subline {
  width: 70%;
  padding-left: 35px;
  background: transparent url('../images/sites/scrollies/scrolly_small-arrow.svg?1457694464') no-repeat left 7px;
  background-size: 27px 8px;
}
@media (min-width: 0px) {
  .scrollytelling-forschung .section-belastung .bigimage .description.left.bottom .row .section-subline {
    width: auto;
  }
}
@media (min-width: 0px) {
  .scrollytelling-forschung .section-belastung .bigimage .description.left.bottom .row .section-subline {
    padding-left: 45px;
  }
}
.scrollytelling-forschung .section-belastung .bigimage .description.left.bottom .row img {
  float: right;
  width: 30%;
}
@media (min-width: 0px) {
  .scrollytelling-forschung .section-belastung .bigimage .description.left.bottom .row img {
    width: auto;
  }
}
.scrollytelling-forschung .section-beratung .bigimage .description.left.top {
  background: transparent;
  color: white;
  padding: 0;
  position: absolute;
  margin: 0 auto;
  left: 5% !important;
  top: 0.5em !important;
  width: 90% !important;
}
@media (min-width: 0px) {
  .scrollytelling-forschung .section-beratung .bigimage .description.left.top {
    top: 4em;
    width: 80%;
    left: 10%;
  }
}
.scrollytelling-forschung .section-beratung .bigimage.whitebg {
  overflow: hidden;
  margin-bottom: 0;
}
@media (min-width: 2px) {
  .scrollytelling-forschung .section-beratung .bigimage.whitebg {
    padding: 60px 32px;
  }
}
.scrollytelling-forschung .section-beratung .bigimage.whitebg .firstCol {
  width: 47.15026%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}
@media (min-width: 0px) {
  .scrollytelling-forschung .section-beratung .bigimage.whitebg .firstCol {
    width: 22.92191%;
    float: left;
    margin-right: 2.77078%;
  }
}
@media (min-width: 0px) {
  .scrollytelling-forschung .section-beratung .bigimage.whitebg .firstCol {
    width: 23.62729%;
    float: left;
    margin-right: 1.83028%;
  }
}
@media (min-width: 2px) {
  .scrollytelling-forschung .section-beratung .bigimage.whitebg .firstCol {
    width: 23.97516%;
    float: left;
    margin-right: 1.36646%;
  }
}
.scrollytelling-forschung .section-beratung .bigimage.whitebg .firstCol .image {
  margin: 0;
}
@media (min-width: 0px) {
  .scrollytelling-forschung .section-beratung .bigimage.whitebg .secondCol {
    width: 74.3073%;
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 0px) {
  .scrollytelling-forschung .section-beratung .bigimage.whitebg .secondCol {
    width: 66.05657%;
    float: left;
    margin-right: 1.83028%;
  }
}
@media (min-width: 2px) {
  .scrollytelling-forschung .section-beratung .bigimage.whitebg .secondCol {
    width: 61.98758%;
    float: left;
    margin-right: 1.36646%;
  }
}
.scrollytelling-forschung .section-beratung .bigimage.whitebg .secondCol .zitat {
  color: black;
  line-height: 150%;
  margin-top: 0;
}
@media (min-width: 0px) {
  .scrollytelling-forschung .section-beratung .bigimage.whitebg .secondCol .zitat {
    font-size: 21px;
  }
}
.scrollytelling-forschung .section-beratung .bigimage.whitebg .secondCol .verfasser {
  margin-bottom: 0;
}
.scrollytelling-forschung .section-beratung .facts {
  color: #999999;
}
.scrollytelling-forschung .section-beratung .facts .section-headline {
  margin-bottom: 30px;
}
@media (min-width: 0px) {
  .scrollytelling-forschung .section-beratung .facts .mitarbeiter .big {
    font-size: 200px;
  }
}
@media (min-width: 0px) {
  .scrollytelling-forschung .section-beratung .facts .pruefung .big {
    font-size: 100px;
  }
}
@media (min-width: 0px) {
  .scrollytelling-forschung .section-beratung .facts .pruefung .section-headline {
    width: 60%;
    margin-left: 7%;
  }
}
@media (min-width: 0px) {
  .scrollytelling-forschung .section-beratung .facts .din .big {
    font-size: 70px;
  }
}
@media (min-width: 0px) {
  .scrollytelling-forschung .section-beratung .facts .din .section-headline {
    margin-left: 40%;
    width: 60%;
  }
}
.scrollytelling-forschung .section-kompetenz .bildergalerie-carousel {
  margin-bottom: 0;
}
.scrollytelling-forschung .section-kompetenz .bildergalerie-carousel .stage {
  margin-bottom: 0;
}
.scrollytelling-forschung .section-kompetenz .bildergalerie-carousel .stage img {
  display: block;
}
.scrollytelling-forschung .section-kompetenz .bigimage .description.right.bottom {
  font-style: normal;
  width: 100%;
  margin-top: 0;
  padding-left: 0;
  bottom: 0px;
}
@media (min-width: 0px) {
  .scrollytelling-forschung .section-kompetenz .bigimage .description.right.bottom {
    width: 500px;
    right: 32px;
    bottom: 0px;
  }
}
@media (min-width: 2px) {
  .scrollytelling-forschung .section-kompetenz .bigimage .description.right.bottom {
    width: 700px;
    right: 32px;
    bottom: 120px;
  }
}
.scrollytelling-forschung .section-kompetenz .bigimage .description.right.bottom p {
  padding-left: 0px;
}
@media (min-width: 0px) {
  .scrollytelling-forschung .section-kompetenz .bigimage .description.right.bottom p {
    padding-left: 45px;
  }
}
.scrollytelling-forschung .section-kompetenz .bigimage .description.right.bottom .row {
  margin-top: 15px;
  overflow: hidden;
}
.scrollytelling-forschung .section-kompetenz .bigimage .description.right.bottom .row p {
  padding-left: 35px;
}
@media (min-width: 0px) {
  .scrollytelling-forschung .section-kompetenz .bigimage .description.right.bottom .row p {
    padding-left: 45px;
  }
}
.scrollytelling-forschung .section-kompetenz .bigimage .description.right.bottom .row .section-subline {
  padding-left: 35px;
  background: transparent url('../images/sites/scrollies/scrolly_small-arrow.svg?1457694464') no-repeat left 7px;
  background-size: 27px 8px;
}
@media (min-width: 0px) {
  .scrollytelling-forschung .section-kompetenz .bigimage .description.right.bottom .row .section-subline {
    padding-left: 45px;
  }
}
@media (min-width: 0px) {
  .scrollytelling-forschung .section-kompetenz .bigimage {
    background: #CCCCCC;
    padding-bottom: 550px;
  }
}
.scrollytelling-forschung .section-kompetenz .bigimage .section-headline {
  color: white;
  text-align: left;
  margin: 0;
  width: auto;
  font-size: 24px;
}
@media (min-width: 0px) {
  .scrollytelling-forschung .section-kompetenz .bigimage .section-headline {
    font-size: 35px;
  }
}
@media (min-width: 0px) {
  .scrollytelling-forschung .section-kompetenz .bigimage .section-headline {
    font-size: 54px;
  }
}
.scrollytelling-forschung .section-kompetenz .bigimage .innerimage {
  position: relative;
}
@media (min-width: 0px) {
  .scrollytelling-forschung .section-kompetenz .bigimage .description.right.bottom {
    bottom: 32px !important;
  }
}
@media (min-width: 2px) {
  .scrollytelling-forschung .section-kompetenz .bigimage .description.right.bottom {
    bottom: 120px !important;
  }
}
.scrollytelling-forschung .section-kompetenz .bigimage .text1 {
  left: 27%;
  background: #CCCCCC;
  padding: 7px;
  top: 2%;
}
.scrollytelling-forschung .section-kompetenz .bigimage .text2 {
  right: 2%;
  background: #CCCCCC;
  top: 46%;
  padding: 5px;
}
@media (min-width: 0px) {
  .scrollytelling-forschung .section-kompetenz .bigimage .text2 {
    right: 4%;
  }
}
.scrollytelling-forschung .section-kompetenz .bigimage .text3 {
  bottom: 7%;
  background: #CCCCCC;
  top: auto;
  left: 21%;
  padding: 5px;
}
@media (min-width: 0px) {
  .scrollytelling-forschung .section-kompetenz .bigimage .text3 {
    bottom: 7%;
  }
}
.scrollytelling-forschung .section-entwicklung .bigimage {
  position: relative;
}
.scrollytelling-forschung .section-entwicklung .bigimage .section-headline {
  color: #999999;
  font-size: 18px;
  text-align: center;
  margin: 0;
  width: auto;
}
@media (min-width: 0px) {
  .scrollytelling-forschung .section-entwicklung .bigimage .section-headline {
    font-size: 35px;
  }
}
@media (min-width: 0px) {
  .scrollytelling-forschung .section-entwicklung .bigimage .section-headline {
    font-size: 45px;
  }
}
.scrollytelling-forschung .section-entwicklung .bigimage .text1 {
  left: 0%;
  top: 0px;
  width: 43%;
  background: white;
}
@media (min-width: 0px) {
  .scrollytelling-forschung .section-entwicklung .bigimage .text1 {
    top: 47px;
  }
}
.scrollytelling-forschung .section-entwicklung .bigimage .text2 {
  right: 0%;
  top: 0px;
  width: 45%;
  background: white;
}
@media (min-width: 0px) {
  .scrollytelling-forschung .section-entwicklung .bigimage .text2 {
    top: 47px;
  }
}
.scrollytelling-forschung .section-entwicklung .bigimage .text3 {
  bottom: 0px;
  margin: 0 auto;
  top: auto;
  width: 100%;
  background: white;
}
@media (min-width: 0px) {
  .scrollytelling-forschung .section-entwicklung .bigimage .text3 {
    bottom: 23px;
  }
}
.scrollytelling-forschung .section-entwicklung .bigimage .section-copy {
  margin-bottom: 0;
}
@media (min-width: 0px) {
  .scrollytelling-forschung .section-entwicklung .bigimage .section-copy {
    margin-bottom: 2em;
  }
}
.scrollytelling-forschung .section-entwicklung .section-copy.last {
  width: auto;
}

/*******************************************************************************
 * _scrolly-inoutmodul.scss
 *
 * CSS fuer T05 In-And-Out-Modul
 ******************************************************************************/
.template5 h1#page-title {
  background: transparent !important;
}

div.scrollytelling-in-out-modul {
  font-size: 14px;
  /*******************************section ***********************/
  /*******************************section ***********************/
  /*******************************section ***********************/
  /*******************************section ***********************/
  /*******************************section ***********************/
  /*******************************section ***********************/
  /*******************************section ***********************/
  /*******************************section ***********************/
  /*******************************section ***********************/
}
div.scrollytelling-in-out-modul .closed .scrolly-content {
  display: none;
}
div.scrollytelling-in-out-modul section.scrolly-nav-steps {
  border: none;
  padding-top: 1.5em;
  padding-bottom: 1em;
}
@media (min-width: 0px) {
  div.scrollytelling-in-out-modul section.scrolly-nav-steps {
    padding: 0;
  }
}
div.scrollytelling-in-out-modul section.scrolly-nav-steps .description2 {
  position: relative;
  color: black;
  padding: 0;
  margin-top: 0em;
  width: 95%;
  background: white;
  text-align: left;
}
@media (min-width: 0px) {
  div.scrollytelling-in-out-modul section.scrolly-nav-steps .description2 {
    margin-right: 0;
    margin-top: 0;
    height: auto;
    padding: 0;
    position: absolute;
  }
}
div.scrollytelling-in-out-modul section.scrolly-nav-steps .description2 h3 {
  color: black;
  margin-bottom: 14px;
  margin-top: 0em;
  font-style: italic;
  font-size: 1.2em;
  /*18px 15px */
  color: black;
  text-transform: none;
  font-weight: 300;
  line-height: 1.3em;
  /*27px 21px */
  margin-bottom: 7px;
}
@media (min-width: 0px) {
  div.scrollytelling-in-out-modul section.scrolly-nav-steps .description2 h3 {
    font-size: 1.5em;
    /*21px 14px */
  }
}
div.scrollytelling-in-out-modul section.scrolly-nav-steps .description2 p {
  font-style: normal;
  font-size: 14px;
}
div.scrollytelling-in-out-modul .scrolly-content {
  padding-left: 40px;
}
@media (min-width: 0px) {
  div.scrollytelling-in-out-modul .scrolly-content {
    padding-left: 0;
  }
}
@media (min-width: 2px) {
  div.scrollytelling-in-out-modul .scrolly-content {
    margin: 0 32px;
  }
}
@media (min-width: 0px) {
  div.scrollytelling-in-out-modul section.section-intro .description2 {
    left: 20%;
    top: 57%;
    width: 400px;
  }
}
@media (min-width: 0px) {
  div.scrollytelling-in-out-modul section.section-intro .description2 {
    top: 69%;
  }
}
@media (min-width: 0px) {
  div.scrollytelling-in-out-modul section.section-multikulti .description2 {
    left: 10%;
    top: 40%;
    width: 250px;
  }
}
@media (min-width: 0px) {
  div.scrollytelling-in-out-modul section.section-multikulti .description2 {
    left: 20%;
    width: 340px;
  }
}
@media (min-width: 2px) {
  div.scrollytelling-in-out-modul section.section-multikulti .description2 {
    left: 26%;
  }
}
@media (min-width: 0px) {
  div.scrollytelling-in-out-modul section.section-rohre .description2 {
    left: 44%;
    top: 63%;
    width: 300px;
  }
}
@media (min-width: 0px) {
  div.scrollytelling-in-out-modul section.section-rohre .description2 {
    width: 350px;
  }
}
@media (min-width: 0px) {
  div.scrollytelling-in-out-modul section.section-branchen .description2 {
    left: 60px;
    top: 21%;
    width: 250px;
  }
}
@media (min-width: 0px) {
  div.scrollytelling-in-out-modul section.section-branchen .description2 {
    left: 6%;
    top: 21%;
    width: 380px;
  }
}
@media (min-width: 2px) {
  div.scrollytelling-in-out-modul section.section-branchen .description2 {
    left: 12%;
    top: 21%;
    width: 380px;
  }
}
@media (min-width: 0px) {
  div.scrollytelling-in-out-modul section.section-zusammenarbeit .description2 {
    left: 50%;
    top: 10%;
    width: 250px;
  }
}
@media (min-width: 0px) {
  div.scrollytelling-in-out-modul section.section-zusammenarbeit .description2 {
    right: 32px;
    left: auto;
    top: 31%;
    width: 270px;
  }
}
@media (min-width: 2px) {
  div.scrollytelling-in-out-modul section.section-zusammenarbeit .description2 {
    right: 32px;
    top: 50%;
    width: 350px;
  }
}
@media (min-width: 0px) {
  div.scrollytelling-in-out-modul section.section-support .description2 {
    left: 60px;
    top: 10%;
    width: 150px;
  }
}
@media (min-width: 0px) {
  div.scrollytelling-in-out-modul section.section-support .description2 {
    left: 7%;
    top: 39%;
    width: 250px;
  }
}
@media (min-width: 2px) {
  div.scrollytelling-in-out-modul section.section-support .description2 {
    left: 10%;
    top: 39%;
    width: 300px;
  }
}
@media (min-width: 0px) {
  div.scrollytelling-in-out-modul section.section-energie .description2 {
    left: 48%;
    top: 48%;
    width: 300px;
  }
}
@media (min-width: 0px) {
  div.scrollytelling-in-out-modul section.section-energie .description2 {
    width: 400px;
  }
}
@media (min-width: 0px) {
  div.scrollytelling-in-out-modul section.section-qualitaet .description2 {
    left: 10%;
    top: 40%;
    width: 400px;
  }
}
@media (min-width: 0px) {
  div.scrollytelling-in-out-modul section.section-qualitaet .description2 {
    left: 21%;
    top: 40%;
    width: 400px;
    padding-top: 0.5em;
  }
}
@media (min-width: 2px) {
  div.scrollytelling-in-out-modul section.section-qualitaet .description2 {
    left: 40%;
    top: 63%;
    width: 400px;
    padding-top: 0.5em;
  }
}
@media (min-width: 0px) {
  div.scrollytelling-in-out-modul section.section-waerme .description2 {
    right: 0;
    top: 60%;
    width: 400px;
    padding: 0.8em;
  }
}
@media (min-width: 0px) {
  div.scrollytelling-in-out-modul section.section-waerme .description2 {
    width: 350px;
    top: 66%;
    right: 32px;
  }
}

#imagemodul {
  position: relative;
  overflow: hidden;
  	/*
   	 .content {
  	  height: 500px;
  		overflow-y: scroll;
  		background: image-url('sites/thermalsolutions/imagemodul-shadow-top.gif'), image-url('sites/thermalsolutions/imagemodul-shadow-bottom.gif');
  	  background-position: left top, left bottom;
  		background-repeat: repeat-x, repeat-x;
  		position: relative;
  		display: block;
  	}
  	.spacer-shadow-top {
  		background: image-url('sites/thermalsolutions/imagemodul-shadow-top.png') left top repeat-x;
  		height: 57px;
  		position: fixed;
  		width: 1280px;
  		display: block;
  		z-index: 10;
  	}
  	.spacer-shadow-bottom {
  		background: image-url('sites/thermalsolutions/imagemodul-shadow-bottom.png') left bottom repeat-x;
  		height: 57px;
  		position: fixed;
  		width: 1280px;
  		z-index: 10;
  		bottom: 122px;
  		display: none;
  	}
  	*/
  /* öffnen button */
}
#imagemodul img {
  display: block;
}
#imagemodul .content-top {
  height: 67px;
  background-size: auto;
  background: #e1e1e1 url('../images/sites/thermalsolutions/imagemodul-top_xsd.gif?1462254152') left bottom no-repeat;
}
@media (min-width: 0px) {
  #imagemodul .content-top {
    background: #e1e1e1 url('../images/sites/thermalsolutions/imagemodul-top.gif?1461847393') left bottom no-repeat;
  }
}
#imagemodul .content-bottom {
  height: 67px;
  background-size: auto;
  background: #e1e1e1 url('../images/sites/thermalsolutions/imagemodul-bottom_xsd.gif?1461920297') left bottom no-repeat;
}
@media (min-width: 0px) {
  #imagemodul .content-bottom {
    background: #e1e1e1 url('../images/sites/thermalsolutions/imagemodul-bottom.gif?1461846379') left bottom no-repeat;
  }
}
#imagemodul .spacer-border {
  background: transparent url('../images/sites/thermalsolutions/imagemodul-spacer.gif?1461750246') repeat-y -20px top;
  display: block;
  position: absolute;
  width: 91px;
  bottom: 67px;
  z-index: 20;
  height: 100%;
}
#imagemodul .spacer-border .holder {
  background: transparent url('../images/sites/thermalsolutions/imagemodul_spacer-holder.gif?1461860584') no-repeat -20px center;
  height: 67px;
  position: absolute;
  top: 67px;
  width: 60px;
}
@media (min-width: 0px) {
  #imagemodul .spacer-border .holder {
    background-position: left center;
  }
}
@media (min-width: 0px) {
  #imagemodul .spacer-border {
    background: transparent url('../images/sites/thermalsolutions/imagemodul-spacer.gif?1461750246') repeat-y 0px top;
  }
}
#imagemodul.closed #scrolly-nav {
  display: none;
}
#imagemodul.closed .spacer-border {
  display: none;
}
#imagemodul.closed .content {
  display: none;
}
#imagemodul.closed .content-top {
  width: 100%;
  height: 244px;
  background: #e1e1e1 url('../images/sites/thermalsolutions/imagemodul-top-closed_xsd.gif?1462254637') left top no-repeat;
}
@media (min-width: 0px) {
  #imagemodul.closed .content-top {
    background: #e1e1e1 url('../images/sites/thermalsolutions/imagemodul-top-closed.gif?1461921043') left top no-repeat;
    height: 488px;
  }
}
#imagemodul.closed .content-bottom {
  display: none;
}
#imagemodul.closed .click-top {
  background: transparent url('../images/sites/thermalsolutions/imagemodul_open-button.png?1461859250') no-repeat scroll center center;
  top: 95px;
  float: right;
}
@media (min-width: 0px) {
  #imagemodul.closed .click-top {
    top: 213px;
  }
}
@media (min-width: 0px) {
  #imagemodul.closed .click-top {
    margin-right: 40px;
  }
}
@media (min-width: 2px) {
  #imagemodul.closed .click-top {
    float: none;
    margin-right: auto;
  }
}
#imagemodul.closed .click-bottom {
  display: none;
}
#imagemodul .click-top {
  background: transparent url('../images/sites/thermalsolutions/imagemodul_close-button.png?1461859633') no-repeat scroll left bottom;
  width: 70px;
  height: 71px;
  top: 0px;
  cursor: pointer;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  float: right;
}
@media (min-width: 0px) {
  #imagemodul .click-top {
    margin-right: 40px;
  }
}
@media (min-width: 2px) {
  #imagemodul .click-top {
    float: none;
    margin-right: auto;
  }
}
#imagemodul .click-bottom {
  background: transparent url('../images/sites/thermalsolutions/imagemodul_close-button.png?1461859633') no-repeat scroll left top;
  cursor: pointer;
  height: 67px;
  margin-left: auto;
  margin-right: auto;
  opacity: 1;
  position: relative;
  top: 0;
  width: 70px;
  float: right;
  display: none;
}
@media (min-width: 0px) {
  #imagemodul .click-bottom {
    display: block;
  }
}
@media (min-width: 2px) {
  #imagemodul .click-bottom {
    float: none;
  }
}
#imagemodul.en .click-top,
#imagemodul.en .click-bottom {
  background: transparent url('../images/sites/thermalsolutions/imagemodul_close-button_en.png?1461859618') no-repeat scroll left top;
}
#imagemodul.en .content-top {
  background: #e1e1e1 url('../images/sites/thermalsolutions/imagemodul-top_en_xsd.gif?1461920257') left bottom no-repeat;
}
@media (min-width: 0px) {
  #imagemodul.en .content-top {
    background: #e1e1e1 url('../images/sites/thermalsolutions/imagemodul-top_en.gif?1461671120') left bottom no-repeat;
  }
}
#imagemodul.en .content-bottom {
  background: #e1e1e1 url('../images/sites/thermalsolutions/imagemodul-bottom_en_xsd.gif?1461920323') left bottom no-repeat;
}
@media (min-width: 0px) {
  #imagemodul.en .content-bottom {
    background: #e1e1e1 url('../images/sites/thermalsolutions/imagemodul-bottom_en.gif?1461845878') left bottom no-repeat;
  }
}
#imagemodul.en.closed .click-top {
  background: transparent url('../images/sites/thermalsolutions/imagemodul_open-button_en.png?1461859350') no-repeat scroll center center;
}
#imagemodul.en.closed .content-top {
  background: #e1e1e1 url('../images/sites/thermalsolutions/imagemodul-top-closed_en_xsd.gif?1462254646') left top no-repeat;
}
@media (min-width: 0px) {
  #imagemodul.en.closed .content-top {
    background: #e1e1e1 url('../images/sites/thermalsolutions/imagemodul-top-closed_en.gif?1461922071') left top no-repeat;
  }
}
#imagemodul.cn .click-top,
#imagemodul.cn .click-bottom {
  background: transparent url('../images/sites/thermalsolutions/imagemodul_close-button_en.png?1461859618') no-repeat scroll left top;
}
#imagemodul.cn .content-top {
  background: #e1e1e1 url('../images/sites/thermalsolutions/imagemodul-top_cn_xsd.gif?1461920232') left bottom no-repeat;
}
@media (min-width: 0px) {
  #imagemodul.cn .content-top {
    background: #e1e1e1 url('../images/sites/thermalsolutions/imagemodul-top_cn.gif?1461846245') left bottom no-repeat;
  }
}
#imagemodul.cn .content-bottom {
  background: #e1e1e1 url('../images/sites/thermalsolutions/imagemodul-bottom_cn_xsd.gif?1461921826') left bottom no-repeat;
}
@media (min-width: 0px) {
  #imagemodul.cn .content-bottom {
    background: #e1e1e1 url('../images/sites/thermalsolutions/imagemodul-bottom_cn.gif?1461846285') left bottom no-repeat;
  }
}
#imagemodul.cn.closed .click-top {
  background: transparent url('../images/sites/thermalsolutions/imagemodul_open-button_en.png?1461859350') no-repeat scroll center center;
}
#imagemodul.cn.closed .content-top {
  background: #e1e1e1 url('../images/sites/thermalsolutions/imagemodul-top-closed_cn_xsd.gif?1462254563') left top no-repeat;
}
@media (min-width: 0px) {
  #imagemodul.cn.closed .content-top {
    background: #e1e1e1 url('../images/sites/thermalsolutions/imagemodul-top-closed_cn.gif?1461922036') left top no-repeat;
  }
}

/*******************************************************************************
 * _scrolly-karriere-arbeitgeber.scss
 *
 * CSS fuer Scrollytelling  Ihr ARbeitgeber für Karriere-Website
 ******************************************************************************/
body.scrollytelling-tpl .scrollytelling-arbeitgeber {
  /************************* 1820 läutete Philipp Jakob Wieland unsere Erfolgsgeschichte ein. . ************************************/
  /*************************Bei uns arbeiten Menschen mit Charakter. Und Herzblut.  ************************************/
  /*************************Sechs weltbewegende Branchen. Und ein Partner, der Innovationen ermöglicht ************************************/
  /************************* Ihr Arbeitsplatz bei Wieland ************************************/
}
body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-intro {
  padding-bottom: 0;
}
body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-intro .section-copy {
  width: 95%;
  margin: 0 auto 0em;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-intro .section-copy {
    width: 80%;
    margin: 0 auto 0em;
  }
}
body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-entstehung .section-headline .big {
  margin-bottom: 0.5em;
  margin-top: 0.8em;
  font-size: 90px;
}
body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-entstehung .source {
  text-align: right;
}
body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-entstehung .section-copy {
  width: 95%;
  margin: 0 auto 1em;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-entstehung .section-copy {
    width: 80%;
    margin: 0 auto 1em;
  }
}
body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-entstehung .mobil-hidden {
  display: none;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-entstehung .mobil-hidden {
    display: block;
  }
}
body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-entstehung .tab-hidden {
  display: block;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-entstehung .tab-hidden {
    display: none;
  }
}
body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-entstehung .section-headline {
  width: 80%;
  margin: 1em auto 1em;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-entstehung .section-headline {
    width: 60%;
  }
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-entstehung .section-headline {
    width: 95%;
    font-size: 34px;
  }
}
body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-entstehung .section-headline .big {
  margin-bottom: 0.1em;
  font-size: 2.6em;
  margin-top: 0;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-entstehung .section-headline .big {
    font-size: 90px;
    line-height: 0.9em;
  }
}
body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-entstehung .description .section-headline {
  position: relative;
  color: black;
  top: inherit;
  margin: 0 auto;
}
body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-umsatz-absatz-mitarbeiter .bigimage.orangebg {
  margin-bottom: 2em;
  margin-top: 2em;
  padding-bottom: 0;
}
body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-umsatz-absatz-mitarbeiter .bigimage {
  overflow: hidden;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-umsatz-absatz-mitarbeiter .bigimage {
    height: 360px;
  }
}
body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-umsatz-absatz-mitarbeiter .bigimage .caption {
  position: absolute;
  text-align: right;
  bottom: 10px;
  right: 32px;
}
body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-umsatz-absatz-mitarbeiter .bigimage .section-headline {
  position: relative;
  top: 0;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-umsatz-absatz-mitarbeiter .bigimage .section-headline {
    font-size: 2em;
    margin-bottom: 0;
  }
}
body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-umsatz-absatz-mitarbeiter .bigimage .section-headline div {
  display: inline;
  padding-right: 2px;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-umsatz-absatz-mitarbeiter .bigimage .section-headline div {
    display: block;
    padding-right: 0;
  }
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-umsatz-absatz-mitarbeiter .bigimage .mitarbeiter {
    width: auto;
    position: absolute;
    left: 16%;
    top: 11%;
  }
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-umsatz-absatz-mitarbeiter .bigimage .mitarbeiter .section-headline .big {
    font-size: 2.6em;
  }
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-umsatz-absatz-mitarbeiter .bigimage .dauer {
    width: auto;
    position: absolute;
    right: 4%;
    top: 7%;
  }
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-umsatz-absatz-mitarbeiter .bigimage .nationalitaeten {
    width: auto;
    position: absolute;
    top: 30%;
    left: 44%;
  }
  body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-umsatz-absatz-mitarbeiter .bigimage .nationalitaeten .section-headline {
    margin-bottom: 0;
  }
}
body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-umsatz-absatz-mitarbeiter .bigimage .umsatz {
  margin-top: 1em;
}
body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-umsatz-absatz-mitarbeiter .bigimage .umsatz .big {
  display: block;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-umsatz-absatz-mitarbeiter .bigimage .umsatz {
    margin-top: 0;
    position: absolute;
    top: 60%;
    right: 8%;
    width: auto;
  }
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-umsatz-absatz-mitarbeiter .bigimage .umsatz .section-headline .big {
    font-size: 2.6em;
  }
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-umsatz-absatz-mitarbeiter .bigimage .absatz {
    position: absolute;
    top: 66%;
    left: 12%;
    width: auto;
  }
}
body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-leistungen .section-copy {
  margin-bottom: 0;
}
body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-gruende .image {
  text-align: center;
  margin: 0 auto 1em;
}
body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-gruende .image img {
  width: 65px;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-gruende .image {
    margin: 0 auto 1.5em;
  }
  body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-gruende .image img {
    width: 100px;
  }
}
body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-gruende .section-headline {
  margin-bottom: 0.5em;
}
body.scrollytelling-tpl .scrollytelling-arbeitgeber .image-row {
  margin-bottom: 2em;
  overflow: hidden;
}
body.scrollytelling-tpl .scrollytelling-arbeitgeber .image-row .item {
  width: 19.2%;
  float: left;
  height: 165px;
  overflow: hidden;
  margin-right: 1%;
}
body.scrollytelling-tpl .scrollytelling-arbeitgeber .image-row .item.last {
  margin-right: 0;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .scrollytelling-arbeitgeber .image-row .item {
    height: 250px;
  }
}
body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-standorte .bigimage {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-standorte .bigimage iframe {
  width: 100%;
  height: 300px;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-standorte .bigimage iframe {
    height: 400px;
    width: 80%;
  }
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-standorte .bigimage iframe {
    height: 600px;
    width: 80%;
  }
}
@media (min-width: 2px) {
  body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-standorte .bigimage iframe {
    height: 600px;
    width: 1010px;
    margin: 0 auto;
  }
}
body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-standorte .startOverlay {
  display: none;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  text-algin: center;
  width: 100%;
  z-index: 10;
}
@media (min-width: 2px) {
  body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-standorte .startOverlay {
    display: block;
  }
}
body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-standorte .startOverlay ul {
  padding: 0;
  margin: 0;
  width: 1010px;
  height: 600px;
  margin: 0 auto;
}
body.scrollytelling-tpl .scrollytelling-arbeitgeber .section-standorte .startOverlay ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-image: none;
  line-height: normal;
}

/*******************************************************************************
 * _scrolly-karriere-gruende.scss
 *
 * CSS fuer Scrollytelling  Gründe für Wieland für Karriere-Website
 ******************************************************************************/
body.scrollytelling-tpl .scrollytelling-gruende section.first {
  padding-bottom: 0;
  padding-top: 0;
}
body.scrollytelling-tpl .scrollytelling-gruende section.scrolly-nav-steps {
  padding-top: 1em;
}
body.scrollytelling-tpl .scrollytelling-gruende section.scrolly-nav-steps .section-copy {
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .scrollytelling-gruende section.scrolly-nav-steps .section-copy {
    width: 80%;
  }
}
body.scrollytelling-tpl .scrollytelling-gruende .section-headline {
  margin-bottom: 0.5em;
}

.gruende-item-list .item {
  text-align: center;
  padding-bottom: 3em;
  border-bottom: 1px solid black;
}
.gruende-item-list .item.last {
  border-bottom: none;
  padding-bottom: 0;
}
.gruende-item-list .item .data {
  position: relative;
}
.gruende-item-list .item .number {
  font-size: 6.5em;
  color: #999999;
  font-weight: 900;
  margin-bottom: 0em;
  line-height: 1em;
}
@media (min-width: 0px) {
  .gruende-item-list .item .number {
    font-size: 11em;
  }
}
.gruende-item-list .item .rotation-scalein {
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transform: rotate(0deg) scale(0);
  -webkit-transform: rotate(0deg) scale(0);
  -moz-transform: rotate(0deg) scale(0);
  -o-transform: rotate(0deg) scale(0);
  -ms-transform: rotate(0deg) scale(0);
}
.gruende-item-list .item.active .rotation-scalein {
  transform: rotate(360deg) scale(1);
  -webkit-transform: rotate(360deg) scale(1);
  -moz-transform: rotate(360deg) scale(1);
  -o-transform: rotate(360deg) scale(1);
  -ms-transform: rotate(360deg) scale(1);
}
.gruende-item-list .item .image {
  position: absolute;
  left: 52%;
  top: 25%;
  margin: 0;
  text-align: center;
}
@media (min-width: 0px) {
  .gruende-item-list .item .image {
    width: 110px;
  }
}
.gruende-item-list .item .image img {
  width: 60px;
}
@media (min-width: 0px) {
  .gruende-item-list .item .image img {
    width: 110px;
  }
}

/*******************************************************************************
 * _scrolly-kompetenzen.scss
 *
 * CSS fuer Scrollytelling Kompetenzen
 ******************************************************************************/
/* Werkstoff */
.scrollytelling-kompetenzen {
  /************************* Über 100 Werkstoffe aus Kupfer und Kupferlegierungen ************************************/
  /************************* Von unseren Entwicklungen und Innovationen profitieren Unternehmen weltweit  ************************************/
  /************************* Wir beherrschen die gesamte Palette an Verfahren ************************************/
  /* End: .logoleiste*/
  /************************* Mit Wieland gelangen Kupferwerkstoffe in die ganze Welt ************************************/
  /************************* Wir sind in allen Branchen zuhause und damit immer   ************************************/
  /************************* Eine starke Gruppe, in der sich die Kompetenzen vieler Unternehmen vereinen.   ************************************/
}
@media (min-width: 0px) {
  .scrollytelling-kompetenzen .section-werkstoffe .section-headline {
    margin-top: 2.5em;
  }
}
.scrollytelling-kompetenzen .section-werkstoffe .image {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 0px) {
  .scrollytelling-kompetenzen .section-werkstoffe .image {
    width: 100%;
  }
}
.scrollytelling-kompetenzen .section-werkstoffe .section-copy p {
  margin-bottom: 0;
}
@media (min-width: 0px) {
  .scrollytelling-kompetenzen .section-produktion .bildergalerie-carousel {
    margin-top: 7.5em;
  }
}
@media (min-width: 0px) {
  .scrollytelling-kompetenzen .section-produktion .bildergalerie-carousel .teaser-container {
    right: 0;
  }
}
@media (min-width: 2px) {
  .scrollytelling-kompetenzen .section-produktion .bildergalerie-carousel .teaser-container {
    width: 940px;
  }
}
@media (min-width: 0px) {
  .scrollytelling-kompetenzen .section-produktion .bildergalerie-carousel .carousel-navigation {
    width: 610px;
  }
}
@media (min-width: 2px) {
  .scrollytelling-kompetenzen .section-produktion .bildergalerie-carousel .carousel-navigation {
    width: 900px;
    margin: 0;
  }
}
@media (min-width: 0px) {
  .scrollytelling-kompetenzen .section-produktion .bildergalerie-carousel .prev-navigation,
  .scrollytelling-kompetenzen .section-produktion .bildergalerie-carousel .next-navigation {
    display: none;
  }
}
@media (min-width: 0px) {
  .scrollytelling-kompetenzen .section-produktion .section-headline {
    width: 70%;
  }
}
.scrollytelling-kompetenzen .logoleiste {
  position: absolute;
  bottom: 32px;
  background: white;
  right: 32px;
  height: 100px;
}
.scrollytelling-kompetenzen .logoleiste ul {
  padding: 0;
  margin: 0;
}
.scrollytelling-kompetenzen .logoleiste ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-image: none;
  line-height: normal;
}
.scrollytelling-kompetenzen .logoleiste ul li {
  float: left;
}
.scrollytelling-kompetenzen .logoleiste ul li a {
  border: none;
  text-decoration: none;
  background: none;
  padding: 0;
  color: black;
}
.scrollytelling-kompetenzen .logoleiste ul li a a:hover, .scrollytelling-kompetenzen .logoleiste ul li a:hover {
  border: none;
  text-decoration: none;
}
.scrollytelling-kompetenzen .logoleiste ul li a img {
  display: block;
}
.scrollytelling-kompetenzen .section-logistik .bigimage.first {
  margin-bottom: 0;
}
.scrollytelling-kompetenzen .section-logistik .bigimage .description {
  margin-top: 0;
  width: 100%;
}
@media (min-width: 0px) {
  .scrollytelling-kompetenzen .section-logistik .bigimage .description {
    width: 350px;
    position: absolute;
    margin-top: 0;
    margin-right: 0;
  }
  .scrollytelling-kompetenzen .section-logistik .bigimage .description.left.top {
    left: 2em;
    top: 2em;
  }
  .scrollytelling-kompetenzen .section-logistik .bigimage .description.right.top {
    right: 2em;
    top: 2em;
  }
}
@media (min-width: 0px) {
  .scrollytelling-kompetenzen .section-logistik .bigimage .description {
    width: 400px;
  }
}
.scrollytelling-kompetenzen .section-anwendung .image {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 0px) {
  .scrollytelling-kompetenzen .section-anwendung .image {
    width: auto;
  }
}
.scrollytelling-kompetenzen .section-anwendung .mobil-accordion .image.fill {
  width: 100%;
}
.scrollytelling-kompetenzen .section-anwendung .mobil-accordion {
  margin-bottom: 1em;
}
@media (min-width: 0px) {
  .scrollytelling-kompetenzen .section-anwendung .mobil-accordion {
    margin-bottom: 0;
  }
}
.scrollytelling-kompetenzen .section-kompetenz .image {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 0px) {
  .scrollytelling-kompetenzen .section-kompetenz .image {
    width: 100%;
  }
}
.scrollytelling-kompetenzen .section-kompetenz .marken {
  margin-bottom: 4em;
}

/*******************************************************************************
 * _scrolly-kupfergegenkeime.scss
 *
 * CSS fuer Scrollytelling Kupfer gegen Keime
 ******************************************************************************/
.scrollytelling-kupfergegenkeime {
  /************************* Gefährliche Keime trotzt Hygienestandards ************************************/
  /************************* Was muss man über Hygiene wissen?  ************************************/
  /************************* Die Lösung: Antimikrobielles Kupfer.   ************************************/
  /************************* Wissenschaftlich bestätigte Wirksamkeit.    ************************************/
  /************************* Antimikrobielle Kupferlegierungen gibt es für viele Produkte.    ************************************/
}
.scrollytelling-kupfergegenkeime .caption a {
  color: #ff3700;
  display: inline;
}
.scrollytelling-kupfergegenkeime .caption a:hover {
  text-decoration: underline;
}
.scrollytelling-kupfergegenkeime .section-herausforderung .image {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 0px) {
  .scrollytelling-kupfergegenkeime .section-herausforderung .image {
    width: 100%;
  }
}
@media (min-width: 0px) {
  .scrollytelling-kupfergegenkeime .section-herausforderung .section-headline {
    width: 70%;
  }
}
.scrollytelling-kupfergegenkeime .section-gefahr .section-subline {
  text-align: center;
  margin-bottom: 20px;
}
.scrollytelling-kupfergegenkeime .section-gefahr .bigimage .description {
  left: 10%;
  width: 80%;
  bottom: 4em;
  top: auto;
  margin-top: 0;
  position: absolute;
}
@media (min-width: 0px) {
  .scrollytelling-kupfergegenkeime .section-gefahr .bigimage .description {
    width: 530px;
  }
}
@media (min-width: 0px) {
  .scrollytelling-kupfergegenkeime .section-gefahr .zitat-container .zitat {
    font-size: 21px;
  }
}
.scrollytelling-kupfergegenkeime .section-gefahr .bigimage.greybg {
  position: relative;
  margin-top: 0;
  margin-bottom: 75px;
}
@media (min-width: 0px) {
  .scrollytelling-kupfergegenkeime .section-gefahr .bigimage.greybg {
    padding-bottom: 80px;
  }
}
.scrollytelling-kupfergegenkeime .section-gefahr .bigimage.greybg .section-copy {
  width: 80%;
}
.scrollytelling-kupfergegenkeime .section-gefahr .bigimage.greybg .section-headline {
  position: relative;
  top: 0;
  font-size: 70px;
  margin: 30px 0;
}
@media (min-width: 0px) {
  .scrollytelling-kupfergegenkeime .section-gefahr .bigimage.greybg .section-headline {
    font-size: 90px;
  }
}
.scrollytelling-kupfergegenkeime .section-gefahr .bigimage.greybg .caption {
  color: black;
  text-align: center;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.scrollytelling-kupfergegenkeime .section-gefahr .bigimage.greybg .caption a {
  display: block;
}
@media (min-width: 0px) {
  .scrollytelling-kupfergegenkeime .section-gefahr .bigimage.greybg .caption {
    text-align: right;
    right: 32px;
    bottom: 20px;
    position: absolute;
  }
}
.scrollytelling-kupfergegenkeime .section-gefahr .bigimage.greybg .anzahl {
  padding-top: 20px;
}
.scrollytelling-kupfergegenkeime .section-gefahr .bigimage.greybg .anzahl .section-headline {
  margin-top: 0;
  margin-bottom: 15px;
  margin-left: 0;
  margin-right: 0;
}
.scrollytelling-kupfergegenkeime .section-gefahr .bigimage.greybg .anzahl .section-copy {
  margin-bottom: 15px;
}
.scrollytelling-kupfergegenkeime .section-gefahr .captions {
  overflow: hidden;
  width: 100%;
}
@media (min-width: 2px) {
  .scrollytelling-kupfergegenkeime .section-gefahr .captions {
    width: 80%;
    margin: 0 auto;
  }
}
.scrollytelling-kupfergegenkeime .section-gefahr .captions .caption {
  clear: none;
}
.scrollytelling-kupfergegenkeime .section-gefahr .captions .caption.firstCol {
  float: left;
  width: 30%;
  margin-left: 3%;
}
.scrollytelling-kupfergegenkeime .section-gefahr .captions .caption.secondCol {
  float: left;
  width: 30%;
  margin-left: 3%;
}
.scrollytelling-kupfergegenkeime .section-gefahr .captions .caption.thirdCol {
  float: left;
  width: 33%;
}
.scrollytelling-kupfergegenkeime .section-hygiene .image {
  width: 70%;
  margin: 0 auto;
}
@media (min-width: 0px) {
  .scrollytelling-kupfergegenkeime .section-hygiene .image {
    width: auto;
  }
}
.scrollytelling-kupfergegenkeime .section-hygiene .headline2 {
  font-size: 70px;
  margin-bottom: 45px;
  margin-top: 60px;
}
@media (min-width: 0px) {
  .scrollytelling-kupfergegenkeime .section-hygiene .headline2 {
    font-size: 90px;
  }
}
.scrollytelling-kupfergegenkeime .section-hygiene .headline2 .big {
  font-size: 1em;
  color: #999999;
}
.scrollytelling-kupfergegenkeime .section-hygiene .section-subline {
  text-align: center;
  margin-bottom: 1em;
}
.scrollytelling-kupfergegenkeime .section-hygiene .section-copy {
  width: 100%;
}
@media (min-width: 0px) {
  .scrollytelling-kupfergegenkeime .section-hygiene .section-copy {
    width: 80%;
  }
}
.scrollytelling-kupfergegenkeime .section-hygiene .section-copy .firstCol {
  width: 48%;
  float: left;
  margin-right: 4%;
  margin-left: 0;
}
.scrollytelling-kupfergegenkeime .section-hygiene .section-copy .firstCol .image {
  text-align: right;
  margin-bottom: 0;
}
@media (min-width: 0px) {
  .scrollytelling-kupfergegenkeime .section-hygiene .section-copy .firstCol .image {
    padding-right: 30px;
    margin-bottom: 45px;
  }
  .scrollytelling-kupfergegenkeime .section-hygiene .section-copy .firstCol .image .caption {
    margin-right: 50px;
    margin-top: 20px;
  }
}
.scrollytelling-kupfergegenkeime .section-hygiene .section-copy .secondCol {
  text-align: left;
  width: 48%;
  float: left;
}
.scrollytelling-kupfergegenkeime .section-hygiene .section-copy .secondCol .image {
  margin-bottom: 0;
  text-align: left;
}
@media (min-width: 0px) {
  .scrollytelling-kupfergegenkeime .section-hygiene .section-copy .secondCol .image {
    padding-left: 30px;
    margin-bottom: 45px;
  }
  .scrollytelling-kupfergegenkeime .section-hygiene .section-copy .secondCol .image .caption {
    margin-left: 50px;
    margin-top: 20px;
  }
}
.scrollytelling-kupfergegenkeime .section-hygiene .bigimage.greybg {
  overflow: hidden;
  padding-left: 32px;
  padding-right: 32px;
}
@media (min-width: 0px) {
  .scrollytelling-kupfergegenkeime .section-hygiene .bigimage.greybg {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.scrollytelling-kupfergegenkeime .section-hygiene .bigimage.greybg .firstCol {
  width: 100%;
  float: left;
  margin-right: 5.69948%;
  display: inline;
}
.scrollytelling-kupfergegenkeime .section-hygiene .bigimage.greybg .firstCol .image {
  margin: 0 0 1em;
}
@media (min-width: 0px) {
  .scrollytelling-kupfergegenkeime .section-hygiene .bigimage.greybg .firstCol .image {
    margin: 0;
  }
}
@media (min-width: 0px) {
  .scrollytelling-kupfergegenkeime .section-hygiene .bigimage.greybg .firstCol {
    width: 22.92191%;
    float: left;
    margin-right: 2.77078%;
  }
}
@media (min-width: 0px) {
  .scrollytelling-kupfergegenkeime .section-hygiene .bigimage.greybg .firstCol {
    width: 23.62729%;
    float: left;
    margin-right: 1.83028%;
  }
}
@media (min-width: 2px) {
  .scrollytelling-kupfergegenkeime .section-hygiene .bigimage.greybg .firstCol {
    width: 23.97516%;
    float: left;
    margin-right: 1.36646%;
    margin-left: 6.3354%;
  }
}
.scrollytelling-kupfergegenkeime .section-hygiene .bigimage.greybg .secondCol .zitat {
  color: black;
  font-size: 21px;
  line-height: 150%;
  margin-top: 0;
}
.scrollytelling-kupfergegenkeime .section-hygiene .bigimage.greybg .secondCol .verfasser {
  margin-bottom: 0;
}
@media (min-width: 0px) {
  .scrollytelling-kupfergegenkeime .section-hygiene .bigimage.greybg .secondCol {
    width: 74.3073%;
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 0px) {
  .scrollytelling-kupfergegenkeime .section-hygiene .bigimage.greybg .secondCol {
    width: 66.05657%;
    float: left;
    margin-right: 1.83028%;
  }
}
@media (min-width: 2px) {
  .scrollytelling-kupfergegenkeime .section-hygiene .bigimage.greybg .secondCol {
    width: 61.98758%;
    float: left;
    margin-right: 1.36646%;
  }
}
.scrollytelling-kupfergegenkeime .section-kupfer .bigimage .description.left.top {
  background: transparent;
  width: 90%;
  top: 5%;
  left: 5%;
  position: absolute;
  margin-top: 0;
  color: white;
  padding: 0;
}
@media (min-width: 2px) {
  .scrollytelling-kupfergegenkeime .section-kupfer .bigimage .description.left.top {
    left: 136px;
    top: 4em;
    width: 780px;
  }
}
.scrollytelling-kupfergegenkeime .section-kupfer .bigimage.blackbg {
  margin-top: 0;
}
.scrollytelling-kupfergegenkeime .section-kupfer .thirdCol .caption {
  background: white;
}
.scrollytelling-kupfergegenkeime .section-wissenschaft .image {
  position: relative;
}
@media (min-width: 2px) {
  .scrollytelling-kupfergegenkeime .section-wissenschaft .caption {
    position: absolute;
    right: 0;
    bottom: 0px;
  }
}

/*******************************************************************************
 * _scrolly-kupferzugold.scss
 *
 * CSS fuer Scrollytelling Kupfer zu Gold
 ******************************************************************************/
.scrollytelling-kupferzugold {
  /************************* Wie eine Flächenheizung dem deutschen Handballnachwuchs ... ************************************/
  /************************* Höchstleistungen auf und unter dem Feld  ************************************/
  /************************* Unter der Oberfläche arbeitet High-Tech Material ************************************/
  /************************* 9.400 m der hocheffizienten CTX-Kupferrohre wurden in insgesamt 60 Heizkreisen installiert ************************************/
  /************************* Know-how, das man nicht abkupfern kann ************************************/
}
@media (min-width: 0px) {
  .scrollytelling-kupferzugold .section-heizung .bigimage .description {
    width: 400px;
    left: 136px;
    top: 4em;
    position: absolute;
    margin-top: 0;
  }
}
@media (min-width: 0px) {
  .scrollytelling-kupferzugold .section-heizung .bigimage .description {
    width: 680px;
    top: 4em;
    left: 136px;
  }
}
.scrollytelling-kupferzugold .section-leistungen .section-copy {
  margin-bottom: 0;
}
.scrollytelling-kupferzugold .section-leistungen .image {
  margin-bottom: 0;
  position: relative;
}
@media (min-width: 0px) {
  .scrollytelling-kupferzugold .section-leistungen .image {
    margin-bottom: 1em;
  }
}
.scrollytelling-kupferzugold .section-leistungen .image .caption {
  padding-bottom: 10px;
  text-align: center;
}
@media (min-width: 0px) {
  .scrollytelling-kupferzugold .section-leistungen .image .caption {
    position: absolute;
    right: 0;
    bottom: 140px;
    width: 300px;
    text-align: right;
    background: transparent url('../images/sites/scrollies/dotted-line.gif?1433828385') right bottom no-repeat;
  }
}
.scrollytelling-kupferzugold .section-schwingboden .bigimage .section-headline {
  top: 0.02em;
  font-size: 60px;
}
@media (min-width: 0px) {
  .scrollytelling-kupferzugold .section-schwingboden .bigimage .section-headline {
    top: 0.2em;
    font-size: 90px;
  }
}
@media (min-width: 0px) {
  .scrollytelling-kupferzugold .section-schwingboden .bigimage .section-headline {
    top: 0.5em;
    font-size: 90px;
  }
}
@media (min-width: 2px) {
  .scrollytelling-kupferzugold .section-schwingboden .bigimage .section-headline {
    top: 0.8em;
    font-size: 90px;
  }
}
.scrollytelling-kupferzugold .section-schwingboden .bigimage .section-teaser {
  bottom: 0;
  width: 100%;
  left: 0;
  top: auto;
}
@media (min-width: 0px) {
  .scrollytelling-kupferzugold .section-schwingboden .bigimage .section-teaser {
    top: 65%;
    width: 50%;
    left: 25%;
    bottom: auto;
  }
}
.scrollytelling-kupferzugold .section-schwingboden .bigimage .description {
  width: 100%;
  font-style: normal;
  margin-top: 0;
}
@media (min-width: 0px) {
  .scrollytelling-kupferzugold .section-schwingboden .bigimage .description {
    width: 580px;
  }
  .scrollytelling-kupferzugold .section-schwingboden .bigimage .description .image {
    margin-bottom: 0;
  }
}
@media (min-width: 2px) {
  .scrollytelling-kupferzugold .section-schwingboden .bigimage .description {
    width: 530px;
  }
}
.scrollytelling-kupferzugold .section-schwingboden .bigimage .description .image img {
  text-align: center;
  display: inline;
}
.scrollytelling-kupferzugold .section-schwingboden .bigimage.orangebg {
  padding-left: 2em;
  padding-right: 2em;
}
@media (min-width: 0px) {
  .scrollytelling-kupferzugold .section-schwingboden .bigimage.orangebg {
    padding-left: 10%;
    padding-right: 10%;
  }
}
@media (min-width: 0px) {
  .scrollytelling-kupferzugold .section-schwingboden .bigimage.orangebg {
    padding-left: 20%;
    padding-right: 20%;
  }
}
.scrollytelling-kupferzugold .section-schwingboden ul.advantages-list {
  padding: 0;
  margin: 0;
  padding-top: 2em;
}
.scrollytelling-kupferzugold .section-schwingboden ul.advantages-list li {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-image: none;
  line-height: normal;
}
.scrollytelling-kupferzugold .section-schwingboden ul.advantages-list li {
  border-top: 1px solid white;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  word-break: normal;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
@media (min-width: 0px) {
  .scrollytelling-kupferzugold .section-schwingboden ul.advantages-list li {
    padding-top: 1em;
    padding-bottom: 1em;
  }
}
.scrollytelling-kupferzugold .section-installation .bigimage.first {
  margin-bottom: 2em;
}
@media (min-width: 0px) {
  .scrollytelling-kupferzugold .section-installation .bigimage.first {
    margin-bottom: 0em;
  }
}
@media (min-width: 0px) {
  .scrollytelling-kupferzugold .section-installation .bigimage .description {
    position: absolute;
    left: 15%;
    top: 4em;
    width: 70%;
    margin-top: 0;
  }
}
@media (min-width: 0px) {
  .scrollytelling-kupferzugold .section-installation .bigimage .description {
    width: 680px;
  }
}
.scrollytelling-kupferzugold .section-installation .section-headline .big {
  margin-bottom: 0.5em;
  font-size: 70px;
}
@media (min-width: 0px) {
  .scrollytelling-kupferzugold .section-installation .section-headline .big {
    font-size: 90px;
  }
}
.scrollytelling-kupferzugold .section-installation .bigimage.blackbg {
  margin-top: 0;
}
@media (min-width: 0px) {
  .scrollytelling-kupferzugold .section-knowhow .bigimage .description {
    position: absolute;
    right: 5%;
    top: 4em;
    width: 40%;
    margin-top: 0;
  }
}
@media (min-width: 0px) {
  .scrollytelling-kupferzugold .section-knowhow .bigimage .description {
    top: auto;
  }
}
.scrollytelling-kupferzugold .section-knowhow section {
  margin-top: 0;
}

/*******************************************************************************
 * _scrolly-ueberuns.scss
 *
 * CSS fuer Scrollytelling Über Uns
 ******************************************************************************/
.scrollytelling-ueberuns {
  /************************* Es begann in der Ulmer Rosengasse. ************************************/
  /************************* Wieland-Marken  ************************************/
  /************************* Nachhaltiges Denken und Handeln. ************************************/
  /************************* Karriere ************************************/
  /************************* Unsere Vision ************************************/
  /************************* Know-how, das heute weltweit gefragt ist ************************************/
  /*************************Bei uns arbeiten Menschen mit Charakter. Und Herzblut.  ************************************/
}
@media (min-width: 0px) {
  .scrollytelling-ueberuns .section-entstehung .section-headline {
    width: 80%;
  }
}
@media (min-width: 0px) {
  .scrollytelling-ueberuns .section-entstehung .section-headline {
    width: 60%;
  }
}
.scrollytelling-ueberuns .section-entstehung .section-headline .big {
  margin-bottom: 0.1em;
  font-size: 2.6em;
  margin-top: 0;
}
@media (min-width: 0px) {
  .scrollytelling-ueberuns .section-entstehung .section-headline .big {
    margin-top: 0.8em;
    font-size: 90px;
    margin-bottom: 0.5em;
  }
}
.scrollytelling-ueberuns .section-geschichte .image {
  margin-bottom: 20px;
}
@media (min-width: 0px) {
  .scrollytelling-ueberuns .section-geschichte .image {
    margin-bottom: 40px;
  }
}
.scrollytelling-ueberuns .section-geschichte .image img {
  width: 50%;
}
@media (min-width: 0px) {
  .scrollytelling-ueberuns .section-geschichte .image img {
    width: auto;
  }
}
.scrollytelling-ueberuns .section-geschichte .chronik-carousel img {
  width: 100%;
}
.scrollytelling-ueberuns .section-marken .bigimage.orangebg {
  margin-top: 4em;
  padding: 1em;
}
.scrollytelling-ueberuns .section-marken .bigimage.orangebg .section-teaser {
  width: 90%;
  margin: 0 auto;
}
@media (min-width: 0px) {
  .scrollytelling-ueberuns .section-marken .bigimage.orangebg .section-teaser {
    width: 80%;
  }
}
@media (min-width: 0px) {
  .scrollytelling-ueberuns .section-marken .bigimage.orangebg .section-teaser {
    width: 70%;
  }
}
@media (min-width: 2px) {
  .scrollytelling-ueberuns .section-marken .bigimage.orangebg .section-teaser {
    width: 55%;
  }
}
.scrollytelling-ueberuns .section-umwelt {
  padding-bottom: 0 !important;
}
.scrollytelling-ueberuns .section-umwelt div.section-headline {
  top: 0.5em !important;
  padding: 0 2%;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
@media (min-width: 0px) {
  .scrollytelling-ueberuns .section-umwelt div.section-headline {
    top: 3em !important;
    padding: 0 15%;
  }
}
@media (min-width: 0px) {
  .scrollytelling-ueberuns .section-umwelt div.section-headline {
    padding: 0 15%;
  }
}
@media (min-width: 2px) {
  .scrollytelling-ueberuns .section-umwelt div.section-headline {
    padding: 0 20%;
  }
}
.scrollytelling-ueberuns .section-umwelt .bigimage {
  margin-bottom: 0 !important;
}
.scrollytelling-ueberuns .section-umwelt .bigimage .description.left.top {
  top: 27em;
}
.scrollytelling-ueberuns .section-umwelt a.download {
  font-style: normal;
}
.scrollytelling-ueberuns .section-umwelt a.download img {
  width: 60%;
}
@media (min-width: 0px) {
  .scrollytelling-ueberuns .section-umwelt a.download img {
    width: 70%;
  }
}
.scrollytelling-ueberuns .section-umwelt .description.left.bottom {
  padding: 0;
  background: transparent;
}
.scrollytelling-ueberuns .section-umwelt .description.left.bottom .holder {
  background: white;
  padding: 14px 14px 0;
}
@media (min-width: 0px) {
  .scrollytelling-ueberuns .section-umwelt .description.left.bottom .holder {
    padding: 30px 30px 15px;
  }
}
@media (min-width: 0px) {
  .scrollytelling-ueberuns .section-umwelt .description.left.bottom .holder1 {
    margin-bottom: 2em;
  }
}
.scrollytelling-ueberuns .section-umwelt .description.left.bottom .image {
  display: none;
}
@media (min-width: 0px) {
  .scrollytelling-ueberuns .section-umwelt .description.left.bottom .image {
    display: block;
  }
}
.scrollytelling-ueberuns .section-karriere .bigimage .description {
  margin-top: 0;
  width: 100%;
  font-style: normal;
}
@media (min-width: 0px) {
  .scrollytelling-ueberuns .section-karriere .bigimage .description {
    margin-top: -5em;
    width: 74.3073%;
    float: left;
    margin-right: 2.77078%;
  }
}
@media (min-width: 0px) {
  .scrollytelling-ueberuns .section-karriere .bigimage .description {
    width: 353px;
    margin-top: 0;
    left: 52px !important;
  }
}
.scrollytelling-ueberuns .section-karriere .bigimage .description .section-subline {
  margin-bottom: 0.5em;
}
.scrollytelling-ueberuns .section-karriere .bigimage .description .linklist {
  margin-top: 2em;
  margin-bottom: 0;
}
.scrollytelling-ueberuns .section-karriere .bigimage .description .linklist ul {
  margin-bottom: 0;
}
@media (min-width: 0px) {
  .scrollytelling-ueberuns .section-vision .section-headline {
    width: 40%;
  }
}
.scrollytelling-ueberuns .section-vision .bigimage {
  overflow: hidden;
}
.scrollytelling-ueberuns .section-vision .description.right.bottom {
  padding: 0;
  background: transparent;
}
.scrollytelling-ueberuns .section-vision .description.right.bottom .holder {
  background: white;
  padding: 14px 14px 0;
}
@media (min-width: 0px) {
  .scrollytelling-ueberuns .section-vision .description.right.bottom .holder {
    padding: 30px 30px 15px;
  }
}
@media (min-width: 0px) {
  .scrollytelling-ueberuns .section-vision .description.right.bottom .holder1 {
    margin-bottom: 2em;
  }
}
.scrollytelling-ueberuns .section-vision .description.right.bottom .image {
  display: none;
}
@media (min-width: 0px) {
  .scrollytelling-ueberuns .section-vision .description.right.bottom .image {
    display: block;
  }
}
.scrollytelling-ueberuns .section-vision a.download {
  font-style: normal;
}
.scrollytelling-ueberuns .section-vision a.download img {
  width: 60%;
}
@media (min-width: 0px) {
  .scrollytelling-ueberuns .section-vision a.download img {
    width: 70%;
  }
}
.scrollytelling-ueberuns .section-vision .linklist {
  margin-bottom: 0;
}
.scrollytelling-ueberuns .section-vision .linklist ul {
  margin-bottom: 0;
}
.scrollytelling-ueberuns .section-vision section .bigimage {
  margin-bottom: 0;
}
.scrollytelling-ueberuns .section-standorte {
  border-bottom: 0;
  padding-bottom: 0;
}
.scrollytelling-ueberuns .section-standorte .bigimage .description.right.bottom {
  width: 365px;
  right: 5em;
}
.scrollytelling-ueberuns .section-standorte .bigimage .description.left.top {
  background: transparent url('../images/sites/scrollies/dotted-line.gif?1433828385') left bottom no-repeat;
  width: 335px;
  left: 10em;
  top: 13em;
  padding: 0;
  padding-bottom: 1em;
}
.scrollytelling-ueberuns .section-standorte .facts {
  color: #999999;
}
.scrollytelling-ueberuns .section-standorte .facts .fact1 .big {
  font-size: 70px;
}
.scrollytelling-ueberuns .section-standorte .facts .fact2 .big {
  font-size: 70px;
}
.scrollytelling-ueberuns .section-standorte .facts .fact2 .section-headline {
  width: 600px;
  margin-left: 50px;
}
.scrollytelling-ueberuns .section-standorte .facts .fact3 .big {
  font-size: 70px;
}
.scrollytelling-ueberuns .section-standorte .facts .fact3 .section-headline {
  margin-left: 400px;
  width: 600px;
}
.scrollytelling-ueberuns .section-standorte .two-columns {
  margin-bottom: 0;
}
@media (min-width: 0px) {
  .scrollytelling-ueberuns .section-standorte .two-columns {
    margin-bottom: 2em;
  }
}
.scrollytelling-ueberuns .section-standorte .bigimage {
  text-align: center;
}
.scrollytelling-ueberuns .section-standorte iframe {
  width: 100%;
  height: 300px;
  margin: 0 auto;
}
@media (min-width: 0px) {
  .scrollytelling-ueberuns .section-standorte iframe {
    height: 400px;
    width: 80%;
  }
}
@media (min-width: 2px) {
  .scrollytelling-ueberuns .section-standorte iframe {
    height: 600px;
    margin: 0 auto;
    width: 1010px;
  }
}
.scrollytelling-ueberuns .section-umsatz-absatz-mitarbeiter {
  padding-top: 0;
  border-top: none;
}
.scrollytelling-ueberuns .section-umsatz-absatz-mitarbeiter .bigimage {
  overflow: hidden;
}
@media (min-width: 0px) {
  .scrollytelling-ueberuns .section-umsatz-absatz-mitarbeiter .bigimage {
    height: 390px;
  }
}
.scrollytelling-ueberuns .section-umsatz-absatz-mitarbeiter .bigimage .caption {
  position: absolute;
  text-align: right;
  bottom: 10px;
  right: 32px;
}
.scrollytelling-ueberuns .section-umsatz-absatz-mitarbeiter .bigimage .section-headline {
  position: relative;
  top: 0;
}
@media (min-width: 0px) {
  .scrollytelling-ueberuns .section-umsatz-absatz-mitarbeiter .bigimage .mitarbeiter {
    width: 500px;
    position: absolute;
    left: 0;
    top: 2em;
  }
}
@media (min-width: 2px) {
  .scrollytelling-ueberuns .section-umsatz-absatz-mitarbeiter .bigimage .mitarbeiter {
    width: 680px;
  }
}
@media (min-width: 0px) {
  .scrollytelling-ueberuns .section-umsatz-absatz-mitarbeiter .bigimage .mitarbeiter .section-headline {
    font-size: 43px;
  }
  .scrollytelling-ueberuns .section-umsatz-absatz-mitarbeiter .bigimage .mitarbeiter .section-headline .big {
    font-size: 155px;
  }
}
@media (min-width: 0px) {
  .scrollytelling-ueberuns .section-umsatz-absatz-mitarbeiter .bigimage .umsatz {
    width: 500px;
    right: 0;
    top: 7em;
    position: absolute;
  }
}
@media (min-width: 0px) {
  .scrollytelling-ueberuns .section-umsatz-absatz-mitarbeiter .bigimage .umsatz .section-headline {
    font-size: 29px;
  }
  .scrollytelling-ueberuns .section-umsatz-absatz-mitarbeiter .bigimage .umsatz .section-headline .big {
    font-size: 70px;
  }
}
@media (min-width: 0px) {
  .scrollytelling-ueberuns .section-umsatz-absatz-mitarbeiter .bigimage .absatz {
    position: absolute;
    bottom: 0;
    width: 100%;
  }
}
@media (min-width: 0px) {
  .scrollytelling-ueberuns .section-umsatz-absatz-mitarbeiter .bigimage .absatz .section-headline {
    font-size: 25px;
  }
  .scrollytelling-ueberuns .section-umsatz-absatz-mitarbeiter .bigimage .absatz .section-headline .big {
    font-size: 45px;
  }
}

/*******************************************************************************
 * _scrollytelling-tpl.scss
 *
 * CSS fuer Alle Scrollytelling-Pages - Default CSS-Angaben
 ******************************************************************************/
body.scrollytelling-tpl {
  /* Section */
  /* Headlines and Copy */
  /* Images */
  /* Marken für Übers Uns und Kompetenzen*/
  /* End: .marken */
  /* Anpassungen am Carousel */
  /* Zitat */
  /* End: .zitat-container */
  /*Videos */
  /* Glocken */
}
body.scrollytelling-tpl .content-inner {
  position: relative;
  font-size: 16px;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .content-inner {
    font-size: 16px;
  }
}
@media (min-width: 2px) {
  body.scrollytelling-tpl .content-inner {
    font-size: 18px;
  }
}
@media (min-width: 0px) {
  body.scrollytelling-tpl h1#page-title {
    background: transparent url('../images/sites/scrollies/icon-speachbubble.png?1429620181') no-repeat right center;
  }
}
body.scrollytelling-tpl section {
  border-top: 1px solid black;
  padding-top: 2.2em;
  padding-bottom: 1.7em;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl section {
    padding-top: 2.5em;
    padding-bottom: 2em;
  }
}
body.scrollytelling-tpl section.first {
  border: none;
  padding-top: 0;
}
body.scrollytelling-tpl section.last {
  padding-bottom: 0em;
}
body.scrollytelling-tpl section.last section {
  padding-bottom: 0em;
}
body.scrollytelling-tpl section section {
  margin-top: 4em;
}
body.scrollytelling-tpl .section-headline {
  font-style: italic;
  text-align: center;
  margin-top: 0em;
  margin-bottom: 1em;
  font-size: 1.4em;
  /*22px 16px*/
  line-height: 1.3em;
  width: 95%;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .section-headline {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .section-headline {
    font-size: 1.75em;
    /*28px 16px*/
    margin-bottom: 2em;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 2px) {
  body.scrollytelling-tpl .section-headline {
    font-size: 1.89em;
    /*34px 18px*/
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
body.scrollytelling-tpl .section-headline .big {
  font-size: 2.6em;
  line-height: 0.9em;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .section-headline .big {
    font-size: 4em;
    line-height: 0.9em;
  }
}
body.scrollytelling-tpl .section-subline {
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 0.5em;
  font-size: 1.2em;
  /*18px 15px */
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .section-subline {
    font-size: 21px;
    /*21px 18px*/
  }
}
body.scrollytelling-tpl .section-teaser {
  font-style: italic;
  text-align: center;
  line-height: 1.29em;
  color: #999999;
  margin-bottom: 1em;
  font-size: 1.4em;
  /*22px 16px*/
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .section-teaser {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .section-teaser {
    font-size: 1.75em;
    /*28px 16px*/
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2em;
  }
}
@media (min-width: 2px) {
  body.scrollytelling-tpl .section-teaser {
    font-size: 1.89em;
    /*34px 18px*/
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
body.scrollytelling-tpl .section-copy {
  text-align: center;
  font-size: 1em;
  line-height: 1.4em;
  /*21px 16px*/
  margin-bottom: 2em;
  color: black;
  overflow: hidden;
  float: none;
  width: auto;
  margin-right: auto;
  #margin-left: auto;
  display: block;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}
body.scrollytelling-tpl .section-copy.last {
  margin-bottom: 0;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .section-copy {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2em;
  }
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .section-copy {
    line-height: 1.5;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 2px) {
  body.scrollytelling-tpl .section-copy {
    line-height: 1.55em;
    /*28px 18px*/
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }
}
body.scrollytelling-tpl .section-copy a {
  background-position: left center;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .section-copy a {
    background-position: left center;
    background-size: 24px 24px;
    padding-left: 30px;
  }
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .section-copy.two-columns {
    width: 66%;
  }
}
@media (min-width: 2px) {
  body.scrollytelling-tpl .section-copy.two-columns {
    width: 87%;
  }
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .section-copy.two-columns {
    text-align: left;
    column-count: 2;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-gap: 10%;
    -moz-column-gap: 10%;
    -webkit-column-gap: 10%;
  }
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .section-copy .firstCol {
    text-align: left;
    width: 40%;
    margin-left: 9%;
    float: left;
    margin-right: 2%;
  }
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .section-copy .secondCol {
    text-align: left;
    width: 40%;
    float: left;
  }
}
body.scrollytelling-tpl .section-copy .thirdCol {
  text-align: center;
  width: 100%;
  float: left;
  margin-right: 1.36646%;
  display: inline;
}
body.scrollytelling-tpl strong {
  color: black;
}
body.scrollytelling-tpl .caption {
  font-style: italic;
  font-size: 14px;
}
body.scrollytelling-tpl ul {
  list-style-image: url('../images/base/ul-li-black.svg?1459951751');
}
body.scrollytelling-tpl .bigimage {
  margin: 0 0px 2em;
  position: relative;
}
@media (min-width: 2px) {
  body.scrollytelling-tpl .bigimage {
    margin: 0 -32px 2em;
  }
}
body.scrollytelling-tpl .bigimage.first {
  margin-bottom: 0;
}
body.scrollytelling-tpl .bigimage.last {
  margin-bottom: 0;
}
body.scrollytelling-tpl .bigimage img {
  display: block;
}
body.scrollytelling-tpl .bigimage .description {
  position: relative;
  background: white;
  color: black;
  font-size: 14px;
  line-height: 20px;
  padding: 14px 14px 0;
  margin-top: -5em;
  width: 75%;
  font-style: italic;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .bigimage .description {
    width: 74.3073%;
    float: left;
    margin-right: 2.77078%;
    font-size: 14px;
    margin-top: -5em;
    line-height: 24px;
    font-style: italic;
    float: none !important;
  }
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .bigimage .description {
    line-height: 24px;
    margin-right: 0;
    font-size: 14px;
    margin-top: 0;
    width: 530px;
    height: auto;
    padding: 30px 30px 15px;
    position: absolute;
  }
  body.scrollytelling-tpl .bigimage .description.left.top {
    left: 4em;
    top: 4em;
  }
  body.scrollytelling-tpl .bigimage .description.right.top {
    right: 4em;
    top: 4em;
  }
  body.scrollytelling-tpl .bigimage .description.left.bottom {
    left: 4em;
    bottom: 0em;
  }
  body.scrollytelling-tpl .bigimage .description.left.middle {
    left: 4em;
    bottom: 4em;
  }
  body.scrollytelling-tpl .bigimage .description.right.bottom {
    right: 4em;
    bottom: 0em;
  }
  body.scrollytelling-tpl .bigimage .description.center.bottom {
    -moz-transform: translate(-50%, -25%);
    -o-transform: translate(-50%, -25%);
    -ms-transform: translate(-50%, -25%);
    -webkit-transform: translate(-50%, -25%);
    transform: translate(-50%, -25%);
    left: 50%;
    bottom: 0;
    /* mittig positionieren */
  }
}
@media (min-width: 2px) {
  body.scrollytelling-tpl .bigimage .description.left.top {
    left: 136px;
    top: 4em;
  }
  body.scrollytelling-tpl .bigimage .description.right.top {
    right: 136px;
    top: 4em;
  }
  body.scrollytelling-tpl .bigimage .description.left.bottom {
    left: 136px;
    bottom: 0em;
  }
  body.scrollytelling-tpl .bigimage .description.left.middle {
    left: 136px;
    bottom: 4em;
  }
  body.scrollytelling-tpl .bigimage .description.right.bottom {
    right: 136px;
    bottom: 0em;
  }
}
body.scrollytelling-tpl .bigimage .description h4 {
  margin-bottom: 4px;
  margin-top: 0;
}
body.scrollytelling-tpl .bigimage .description p {
  margin-bottom: 0.7em;
}
body.scrollytelling-tpl .bigimage .description .linklist {
  padding-top: 1em;
  background: transparent url('../images/sites/scrollies/linklist-scrollytelling-line.gif?1433766591') no-repeat left top;
}
body.scrollytelling-tpl .bigimage .teaser {
  width: 100%;
  color: white;
  text-align: center;
  z-index: 100;
  font-style: italic;
  margin-top: -5em;
  background: rgba(200, 41, 8, 0.85);
  padding: 1em;
  line-height: 138%;
  position: relative;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .bigimage .teaser {
    position: absolute;
    bottom: 0;
    padding: 30px 60px;
  }
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .bigimage .teaser {
    padding: 60px 120px;
    font-size: 1.89em;
    /*34px 18px*/
  }
}
body.scrollytelling-tpl .bigimage .section-headline {
  color: white;
  position: absolute;
  top: 3em;
  width: 100%;
}
body.scrollytelling-tpl .bigimage .section-teaser {
  color: white;
  position: absolute;
  top: 6em;
  width: 100%;
}
body.scrollytelling-tpl .bigimage.orangebg {
  background: #ff3700;
  color: white;
  padding: 2em 0;
  margin-top: 2em;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .bigimage.orangebg {
    margin-top: 4em;
  }
}
body.scrollytelling-tpl .bigimage.orangebg div.section-teaser {
  color: white;
  margin: 0;
  position: relative;
  top: auto;
}
body.scrollytelling-tpl .bigimage.orangebg .section-headline {
  margin-bottom: 1em;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .bigimage.orangebg .section-headline {
    margin-bottom: 2em;
  }
}
body.scrollytelling-tpl .bigimage.greybg {
  background: #cccccc;
  color: white;
  padding: 2em 0;
  margin-top: 4em;
}
body.scrollytelling-tpl .bigimage.greybg div.section-teaser {
  color: white;
  margin: 0;
  position: relative;
  top: 0;
}
body.scrollytelling-tpl .bigimage.blackbg {
  background: black;
  color: white;
  padding: 2em 0;
  margin-top: 4em;
}
body.scrollytelling-tpl .bigimage.blackbg div.section-teaser {
  color: white;
  margin: 0;
  position: relative;
  top: 0;
}
body.scrollytelling-tpl .image {
  text-align: center;
  margin-bottom: 40px;
  font-size: 1em;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .image {
    margin-bottom: 50px;
  }
}
@media (min-width: 2px) {
  body.scrollytelling-tpl .image {
    margin-bottom: 60px;
  }
}
body.scrollytelling-tpl div.marken {
  position: relative;
  padding: 0 10px;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl div.marken {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 0px) {
  body.scrollytelling-tpl div.marken {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
  }
}
body.scrollytelling-tpl div.marken ul {
  width: 300px;
  background: transparent url('../images/sites/scrollies/marken_dachmarke.svg?1458217512') top left no-repeat;
  padding: 0;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 124px;
  padding-bottom: 20px;
  padding-left: 1px;
  overflow: hidden;
}
body.scrollytelling-tpl div.marken ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-image: none;
  line-height: normal;
}
body.scrollytelling-tpl div.marken ul li {
  float: left;
  margin-right: 9px;
}
body.scrollytelling-tpl div.marken ul li.last {
  margin-right: 0;
}
body.scrollytelling-tpl div.marken ul li a.link {
  border: none;
  text-decoration: none;
  background: none;
  padding: 0;
  color: black;
  display: block;
  text-indent: -10000px;
  border: 3px solid #ff3700;
  border-radius: 25px;
  width: 50px;
  height: 50px;
}
body.scrollytelling-tpl div.marken ul li a.link a:hover, body.scrollytelling-tpl div.marken ul li a.link:hover {
  border: none;
  text-decoration: none;
}
body.scrollytelling-tpl div.marken ul li a.link:hover {
  border: 3px solid #ff3700;
  background: rgba(255, 55, 0, 0.4);
}
body.scrollytelling-tpl div.marken ul li div {
  position: absolute;
  right: 0;
  bottom: -40px;
  padding-bottom: 15px;
  width: 100%;
  text-align: center;
  display: none;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl div.marken ul li div {
    bottom: 0;
    background: transparent url('../images/sites/scrollies/dotted-line.gif?1433828385') right bottom no-repeat;
    text-align: right;
  }
}
body.scrollytelling-tpl div.marken ul li:hover div {
  display: block;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl div.marken ul li.link_01 div {
    width: 500px;
  }
  body.scrollytelling-tpl div.marken ul li.link_02 div {
    width: 440px;
  }
  body.scrollytelling-tpl div.marken ul li.link_03 div {
    width: 380px;
  }
  body.scrollytelling-tpl div.marken ul li.link_04 div {
    width: 325px;
  }
  body.scrollytelling-tpl div.marken ul li.link_05 div {
    width: 268px;
  }
}
@media (min-width: 0px) {
  body.scrollytelling-tpl div.marken ul li.link_01 div {
    width: 520px;
  }
  body.scrollytelling-tpl div.marken ul li.link_02 div {
    width: 460px;
  }
  body.scrollytelling-tpl div.marken ul li.link_03 div {
    width: 400px;
  }
  body.scrollytelling-tpl div.marken ul li.link_04 div {
    width: 345px;
  }
  body.scrollytelling-tpl div.marken ul li.link_05 div {
    width: 288px;
  }
}
body.scrollytelling-tpl .tooltipster-marken.tooltipster-orangestyle .tooltipster-content {
  font-size: 14px !important;
}
body.scrollytelling-tpl .bildergalerie-carousel .section-subline {
  text-align: center;
  margin-bottom: 1em;
  position: absolute;
  background: white;
  z-index: 10;
  width: 100%;
  top: 0;
  padding: 10px 0;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .bildergalerie-carousel .section-subline {
    background: transparent;
    left: 340px;
    padding: 0;
    position: absolute;
    top: -77px;
    text-align: left;
    margin-bottom: 0;
    display: block;
  }
}
body.scrollytelling-tpl .zitat-container .zitat {
  font-size: 16px;
  font-style: italic;
  line-height: 1.3em;
  margin-top: 0.5em;
  margin-bottom: 1em;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .zitat-container .zitat {
    font-size: 21px;
  }
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .zitat-container .zitat {
    font-size: 34px;
    /*18px 34px*/
  }
}
body.scrollytelling-tpl .zitat-container .verfasser {
  text-transform: uppercase;
  font-weight: 600;
  color: #ff3700;
  font-size: 1em;
  margin-bottom: 1em;
  font-style: normal;
  line-height: 130%;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .zitat-container .verfasser {
    font-size: 21px;
  }
}
body.scrollytelling-tpl .zitat-container .verfasser div {
  font-weight: 300;
  text-transform: none;
}
body.scrollytelling-tpl .section-videos {
  padding: 0 1em;
  overflow: hidden;
  /* End: videos */
}
@media (min-width: 2px) {
  body.scrollytelling-tpl .section-videos {
    padding: 0em;
  }
}
body.scrollytelling-tpl .section-videos .section-subline {
  margin-bottom: 1.5em;
}
body.scrollytelling-tpl .section-videos .caption {
  margin-top: 1em;
}
body.scrollytelling-tpl .section-videos .section-subline {
  text-align: center;
}
@media (min-width: 2px) {
  body.scrollytelling-tpl .section-videos .section-subline {
    margin-left: 12.67081%;
    text-align: left;
  }
}
body.scrollytelling-tpl .section-videos .firstCol {
  			/*
  			float: left;	
  			margin-right: 17px;
        */
  margin-bottom: 2em;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .section-videos .firstCol {
    width: 32.11314%;
    float: left;
    margin-right: 1.83028%;
    margin-bottom: 0em;
  }
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .section-videos .firstCol {
    width: 32.11314%;
    float: left;
    margin-right: 1.83028%;
  }
}
@media (min-width: 2px) {
  body.scrollytelling-tpl .section-videos .firstCol {
    width: 23.97516%;
    float: left;
    margin-right: 1.36646%;
    margin-left: 12.67081%;
  }
}
body.scrollytelling-tpl .section-videos .secondCol {
  margin-bottom: 2em;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .section-videos .secondCol {
    width: 32.11314%;
    float: left;
    margin-right: 1.83028%;
    margin-bottom: 0em;
  }
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .section-videos .secondCol {
    width: 32.11314%;
    float: left;
    margin-right: 1.83028%;
  }
}
@media (min-width: 2px) {
  body.scrollytelling-tpl .section-videos .secondCol {
    width: 23.97516%;
    float: left;
    margin-right: 1.36646%;
  }
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .section-videos .thirdCol {
    width: 32.11314%;
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .section-videos .thirdCol {
    width: 32.11314%;
    float: right;
    margin-right: 0;
  }
}
@media (min-width: 2px) {
  body.scrollytelling-tpl .section-videos .thirdCol {
    width: 23.97516%;
    float: left;
    margin-right: 1.36646%;
  }
}
body.scrollytelling-tpl .section-videos .custom.twoCols .firstCol {
  margin-bottom: 2em;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .section-videos .custom.twoCols .firstCol {
    width: 32.11314%;
    float: left;
    margin-right: 1.83028%;
    margin-left: 16.97171%;
    margin-bottom: 0em;
  }
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .section-videos .custom.twoCols .firstCol {
    width: 32.11314%;
    float: left;
    margin-right: 1.83028%;
    margin-left: 16.97171%;
  }
}
@media (min-width: 2px) {
  body.scrollytelling-tpl .section-videos .custom.twoCols .firstCol {
    width: 23.97516%;
    float: left;
    margin-right: 1.36646%;
    margin-left: 25.34161%;
  }
}
body.scrollytelling-tpl .section-videos .custom.twoCols .secondCol {
  margin-bottom: 2em;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .section-videos .custom.twoCols .secondCol {
    width: 32.11314%;
    float: left;
    margin-right: 1.83028%;
    margin-left: 16.97171%;
    margin-bottom: 0em;
  }
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .section-videos .custom.twoCols .secondCol {
    width: 32.11314%;
    float: left;
    margin-right: 1.83028%;
    margin-left: 16.97171%;
  }
}
@media (min-width: 2px) {
  body.scrollytelling-tpl .section-videos .custom.twoCols .secondCol {
    width: 23.97516%;
    float: left;
    margin-right: 1.36646%;
  }
}
body.scrollytelling-tpl .section-videos .section-copy {
  background: white;
  text-align: left;
  font-size: 14px;
  padding: 20px;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  width: 100%;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .section-videos .section-copy {
    height: 180px;
  }
}
body.scrollytelling-tpl .mobil-accordion {
  overflow: hidden;
}
body.scrollytelling-tpl .mobil-accordion ul {
  padding: 0;
  margin: 0;
}
body.scrollytelling-tpl .mobil-accordion ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-image: none;
  line-height: normal;
}
body.scrollytelling-tpl .mobil-accordion ul li {
  margin-bottom: 1em;
}
body.scrollytelling-tpl .mobil-accordion ul li:nth-last-child {
  margin-bottom: 0em;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .mobil-accordion ul li {
    width: 32.6%;
    float: left;
    position: relative;
    margin-right: 1%;
    margin-bottom: 1%;
  }
  body.scrollytelling-tpl .mobil-accordion ul li:nth-child(3n) {
    margin-right: 0;
  }
}
body.scrollytelling-tpl .mobil-accordion ul li.active .title .icon {
  background: transparent url('../images/icons/icons_function.svg?1459262042') no-repeat -150px -75px;
  background-size: 1500px 1500px;
}
body.scrollytelling-tpl .mobil-accordion ul li.active .content {
  display: block;
}
body.scrollytelling-tpl .mobil-accordion ul .title {
  text-align: center;
  background: black;
  color: white;
  width: 100%;
  /*padding:0.7em 0;*/
  padding: 0.7em 42px 0.7em 0px;
  cursor: pointer;
  position: relative;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .mobil-accordion ul .title {
    cursor: default;
    padding: 0.3em 0;
  }
}
body.scrollytelling-tpl .mobil-accordion ul .title .icon {
  position: absolute;
  width: 22px;
  height: 22px;
  right: 20px;
  top: 13px;
  font-size: 25px;
  cursor: pointer;
  line-height: 100%;
  text-align: center;
  background: transparent url('../images/icons/icons_function.svg?1459262042') no-repeat -225px -75px;
  background-size: 1500px auto;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .mobil-accordion ul .title .icon {
    display: none;
  }
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .mobil-accordion ul .content {
    display: block;
  }
}
body.scrollytelling-tpl .mobil-accordion ul .teaser {
  background: #ff3700;
  color: white;
  padding: 1em 1em;
  text-align: center;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .mobil-accordion ul .teaser {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 310px;
    background-color: rgba(255, 55, 0, 0.8);
  }
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .mobil-accordion ul .teaser div {
    position: absolute;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    width: 80%;
  }
}
body.scrollytelling-tpl .mobil-accordion ul .image {
  margin: 0;
  height: 110px;
}
body.scrollytelling-tpl .mobil-accordion ul .image img {
  display: block;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .mobil-accordion ul .image {
    height: 180px;
  }
}
@media (min-width: 0px) {
  body.scrollytelling-tpl .mobil-accordion ul .image {
    height: 600px;
  }
}
body.scrollytelling-tpl #glocken {
  position: relative;
  width: 320px;
  margin: 0 auto;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl #glocken {
    width: 450px;
    margin: 0 auto;
  }
}
body.scrollytelling-tpl #glocken ul {
  padding: 0;
  margin: 0;
}
body.scrollytelling-tpl #glocken ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-image: none;
  line-height: normal;
}
body.scrollytelling-tpl #glocken ul li {
  float: left;
  width: 100px;
  cursor: pointer;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl #glocken ul li {
    width: 130px;
  }
}
body.scrollytelling-tpl #glocken ul li .caption {
  text-align: center;
}
body.scrollytelling-tpl #glocken ul li .image {
  background: url('../images/sites/scrollies/glocken.svg?1457694418') no-repeat center 2px transparent;
  width: 100%;
  height: 80px;
  margin: 0 0 15px;
  background-size: 89px 311px;
}
body.scrollytelling-tpl #glocken ul li.active .image, body.scrollytelling-tpl #glocken ul li:hover .image {
  background: url('../images/sites/scrollies/glocken.svg?1457694418') no-repeat center bottom transparent;
  background-size: 89px 311px;
}
body.scrollytelling-tpl #glocken ul li.active .caption, body.scrollytelling-tpl #glocken ul li:hover .caption {
  color: #ff3700;
}
body.scrollytelling-tpl #glocken .info {
  font-size: 14px;
  text-align: center;
  clear: left;
  margin-bottom: 1em;
}
@media (min-width: 0px) {
  body.scrollytelling-tpl #glocken .info {
    right: -220px;
    top: 35px;
    position: absolute;
    text-align: right;
    margin-bottom: 0;
  }
}
body.scrollytelling-tpl .source {
  text-align: right;
}

/*******************************************************************************
 * _design.scss
 *
 * Designelemente für das Layout: Hintergrundfarben, Innenabstände etc..
 ******************************************************************************/
.mobil-hidden {
  display: none;
}
@media (min-width: 0px) {
  .mobil-hidden {
    display: block;
  }
}
@media (min-width: 2px) {
  .mobil-hidden {
    display: block;
  }
}

.tab-hidden {
  display: block;
}
@media (min-width: 0px) {
  .tab-hidden {
    display: none;
  }
}
@media (min-width: 2px) {
  .tab-hidden {
    display: none;
  }
}

/* border-box-sizing()*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  width: 100%;
}

body {
  margin: 0;
  background: white;
  width: 100%;
}

.clearfix:after {
  clear: both;
  content: "";
  display: table;
}

.clearfix {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */
}

.l-page {
  width: 100%;
}

/***********************************************************/
/*** Kopfbereich ***/
/***********************************************************/
#wrapper-header {
  border-top: 9px solid #ff3700;
  background: transparent url('../images/layout/mobil_wrapper-header-shadow.png?1452853441') repeat-x left bottom;
  padding-bottom: 23px;
  width: 100%;
  z-index: 1000;
  position: fixed;
  top: 0;
}
@media (min-width: 0px) {
  #wrapper-header {
    position: relative;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
    padding-bottom: 0;
    background: white;
  }
  #wrapper-header.mm-slideout {
    position: absolute;
    top: 0;
  }
}
@media (min-width: 2px) {
  #wrapper-header {
    position: fixed;
  }
}

.not-touch #wrapper-header {
  position: fixed;
}
@media (min-width: 0px) {
  .not-touch #wrapper-header {
    position: fixed;
  }
}

@media (min-width: 0px) {
  .not-touch .l-page {
    padding-top: 168px;
  }
}

@media (min-width: 0px) {
  .mm-page > .l-page {
    padding-top: 168px !important;
  }
}

@media (min-width: 0px) {
  .l-main-navigation {
    border-top: 1px solid #ff3700;
    margin-bottom: 22px;
  }
}
.l-main-navigation #superfish-menu {
  display: none;
}
@media (min-width: 0px) {
  .l-main-navigation #superfish-menu {
    display: block;
  }
}
.l-main-navigation #responsive-menu {
  display: none;
}
@media (min-width: 0px) {
  .l-main-navigation #responsive-menu {
    display: none;
  }
}

.l-breadcrumbs {
  margin-bottom: 10px;
}

.l-meta-navigation #highlight-button {
  float: right;
  margin: 0.7em 3em 0 0;
}

#highlight-button {
  background: url('../images/icons/arrow_big.svg?1457694054') no-repeat left center transparent;
  background-size: 26px 20px;
  text-align: left;
  padding: 0;
  padding-left: 34px;
}
#highlight-button a {
  border-right: none;
  color: white;
  text-decoration: none;
  display: inline-block;
  text-indent: 12px;
  padding-right: 12px;
  font-weight: 600;
  font-size: 12px;
  text-align: left;
  width: auto;
  line-height: 2em;
  background: #ff3700;
}

.l-branding {
  margin-bottom: 3px;
  margin-top: 3px;
  wdith: 100%;
  /* Innere Aufteilung */
}
.l-branding img {
  max-width: auto;
}
@media (min-width: 0px) {
  .l-branding {
    margin-bottom: 22px;
    margin-top: 0;
    background: none;
    height: 31px;
  }
}
.l-branding .site-logo {
  margin-top: 0px;
  height: 31px;
  width: 100%;
  clear: both;
  margin-top: 5px;
  float: left;
}
@media (min-width: 0px) {
  .l-branding .site-logo {
    width: 292px;
  }
}
@media (min-width: 0px) {
  .l-branding .site-logo {
    clear: none;
    margin-top: 0;
  }
}
.l-branding .site-logo a {
  width: 215px;
  display: block;
  height: 31px;
}
@media (min-width: 0px) {
  .l-branding .site-logo a {
    width: auto;
    height: auto;
  }
}
.l-branding .w-logo {
  float: right;
  margin-top: 8px;
  width: 215px;
  height: 31px;
}
.l-branding .w-logo a {
  height: 31px;
  float: right;
}
.l-branding .w-logo a img {
  height: 100%;
}
@media (min-width: 0px) {
  .l-branding .w-logo {
    margin-top: 0;
  }
}

/***********************************************************/
/*** Oberer Bereich ***/
/***********************************************************/
#wrapper-preface {
  background: #efefef;
  z-index: 1;
}

/***********************************************************/
/*** Inhaltsbereich ***/
/***********************************************************/
#wrapper-content {
  padding-top: 0px;
  padding-bottom: 0px;
}
@media (min-width: 0px) {
  #wrapper-content {
    padding-top: 10px;
  }
}

.bigimage {
  margin-bottom: 18px;
}
.bigimage.desktop {
  display: none;
}
.bigimage.mobil {
  display: block;
}
@media (min-width: 2px) {
  .bigimage.desktop {
    display: block;
  }
  .bigimage.mobil {
    display: none;
  }
}

.frontpage .content-inner {
  padding-top: 1em;
}

.l-region-sidebar-first .block {
  border-top: 1px solid #ff3700;
  padding-top: 17px;
}

.l-region-sidebar-second {
  margin-top: 6px;
}
.l-region-sidebar-second div.inner-sidebar {
  border-top: 1px solid #ff3700;
  padding-top: 17px;
}
.l-region-sidebar-second .block {
  margin-bottom: 2em;
}
.l-region-sidebar-second .block .linklist {
  margin-bottom: 0em;
}
.l-region-sidebar-second .block .data-item-list {
  margin-bottom: 0em;
}

aside.l-region-sidebar-second div.inner-sidebar:empty {
  display: none !important;
}

/***********************************************************/
/*** unterer Bereich ***/
/***********************************************************/
#wrapper-postscript-first {
  background: black;
  color: white;
  padding: 2em 0;
  margin-bottom: 45px;
}
#wrapper-postscript-first .h1 {
  color: white;
  border-color: white;
  font-size: 2em;
}
@media (min-width: 0px) {
  #wrapper-postscript-first .h1 {
    font-size: 2.429em;
  }
}
@media (min-width: 0px) {
  #wrapper-postscript-first {
    padding: 3.8em 0;
  }
}

@media (min-width: 0px) {
  #wrapper-postscript-second {
    background: white;
    padding: 0;
  }
}

/***********************************************************/
/*** Fußbereich ***/
/***********************************************************/
#wrapper-footer {
  background: #ff3700;
}

/* Overlay */
#overlay {
  background: none repeat scroll 0 0 #fff;
}

#overlay {
  height: 100%;
  position: relative;
  width: 100%;
  left: 0;
  overflow: hidden;
  top: 0;
  z-index: 20;
  opacity: 0.8;
}

@media print {
  /*Header wird nicht auf jeder Seite wiederholt. Inhalte werden nicht mehr überlagert */
  div#wrapper-header {
    position: static !important;
  }

  /* Der Footer schiebt sich nicht mehr über .box-item Elemente*/
  .box-item-list:after {
    clear: both;
    content: "";
    display: table;
  }
}