section.p-2 {
  min-height: 950px;
}

/* Own Webfont */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/roboto-v20-latin-100.woff") format("woff");
}

/* Own Webfont */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/roboto-v20-latin-300.woff") format("woff");
}

/* Own Webfont */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-v20-latin-regular.woff") format("woff");
}

/* Own Webfont */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/roboto-v30-latin-500.woff") format("woff");
}

/* Own Webfont */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto-v20-latin-700.woff") format("woff");
}

/* Own Webfont */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/roboto-v30-latin-300italic.woff") format("woff");
}

/* --------- For all viewports | desktop first --------- */

/* --- Navigation-Styles --- */

/* Deep Level Navigation | Visualization shows the call from a detailpage (Visumsvorschriften). Our initial draft with explanations and dimensions can be found here:https://xd.adobe.com/spec/c0f1b9c2-07dc-496d-75b9-2b34abaf5ed4-b6c0/A similar navigation, which shows the opening as well as the responsive behaviour, can be found here: https://www.kuka.com/ */
nav.dln {
  width: 100%;
  height: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

/* --- Template-Styles --- */

/* DLN */
div.dln {
  border-left: 1px solid rgba(222, 222, 222, 1);
  border-right: 1px solid rgba(222, 222, 222, 1);
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}

/* Detailpage */
div.detailpage {
  margin-left: auto;
  margin-right: auto;
  max-width: 1440px;
  width: 100%;
}

/* Delivery Objects Design Mandate */
div.DO_2 {
  width: 100%;
}

/* Delivery Objects Dez. 2018 */
div.DO_1 {
  width: 100%;
}

/* Detailpage (Grid) */
div.detailpage-grid {
  margin-left: auto;
  margin-right: auto;
  max-width: 1440px;
  width: 100%;
}

/* Startpage (Grid) */
div.startpage-grid {
  max-width: 1440px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/* Startpage (OE) */
div.startpage-oe {
  margin-left: auto;
  margin-right: auto;
  max-width: 1440px;
  width: 100%;
}

/* Testpage (Grid) */
div.overviewpage-grid.test {
  position: relative;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

/* Search Result Page */
div.resultpage-oe {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

/* Search Result Page (no matches) */
div.resultpage-2-oe {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

/* Startpage (Theme) */
div.startpage-theme {
  margin-left: auto;
  margin-right: auto;
  max-width: 1440px;
  width: 100%;
}

/* --- Organism-Styles --- */

/* Main-Column */
div.main-column {
  position: relative;
  max-width: 800px;
  float: left;
  width: 58%;
  margin-left: 45px;
  margin-top: 165px;
}

/* Form */
form {
  max-width: 800px;
}

/* Image Gallery */
div.image-galery {
  margin-top: 36px;
  margin-bottom: 36px;
  max-width: 800px;
}

/* Small Image-Teaser row */
div.row-image-teaser {
  max-width: 800px;
  display: flex;
}

/* Table (with big numbers) */
div.table-1 {
  max-width: 800px;
  margin-top: 36px;
  margin-bottom: 36px;
  position: relative;
}

/* Image Gallery small */
div.img-gal-small-container {
  max-width: 800px;
  margin-top: 36px;
  margin-bottom: 36px;
  position: relative;
}

/* DLN-Tile */
div.dln-tile {
  padding-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
  width: 33%;
  height: 100%;
  -webkit-box-shadow: 6px 0px 6px -5px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 6px 0px 6px -5px rgba(0, 0, 0, 0.16);
  box-shadow: 6px 0px 6px -5px rgba(0, 0, 0, 0.16);
  position: relative;
  min-height: 68vh;
  overflow: hidden;
  float: left;
  display: block;
}

/* DLN-Tile 2 */
div.dln-tile.i2 {
  width: 25%;
  height: 100%;
}

/* DLN-Tile 3 */
div.dln-tile.i3 {
  width: 25%;
  height: 100%;
}

/* DLN-Tile (Aufruf von Detailseite) */
div.dln-tile.i4 {
  width: 25%;
  height: 100%;
}

/* DLN-Start */
div.dln-start {
  padding-top: 37px;
  padding-bottom: 32px;
  padding-left: 45px;
  padding-right: 45px;
  width: 33%;
  -webkit-box-shadow: 6px 0px 6px -5px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 6px 0px 6px -5px rgba(0, 0, 0, 0.16);
  box-shadow: 6px 0px 6px -5px rgba(0, 0, 0, 0.16);
  min-height: 68vh;
  overflow: hidden;
  height: 100%;
  float: left;
  display: block;
}

/* DLN-Tile 1 */
div.dln-tile.i1 {
  width: 25%;
  height: 100%;
}

/* DLN-Start (2) */
div.dln-start.i0 {
  width: 25%;
  height: 100%;
}

/* Header (OE) */
div.header-oe.sticky-header {
  -webkit-box-shadow: 0px 0px 2px 2px rgba(255, 255, 255, 1);
  -moz-box-shadow: 0px 0px 2px 2px rgba(255, 255, 255, 1);
  box-shadow: 0px 0px 2px 2px rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, 1);
  border-bottom: 1px solid rgba(222, 222, 222, 1);
  position: -webkit-sticky;
  position: sticky;
  z-index: 1000;
  top: 0px;
  -webkit-transition: top 0.2s ease-in-out;
  transition: top 0.2s ease-in-out;
  padding-top: 12px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 1350px;
  height: 170px;
  margin-left: 45px;
  margin-right: 45px;
}

/* Context-Column */
div.context-column {
  width: 25%;
  position: -webkit-sticky;
  position: sticky;
  top: 200px;
  margin-top: 340px;
  -webkit-transition: top 0.3s ease-in-out;
  transition: top 0.3s ease-in-out;
  float: right;
  max-width: 300px;
  margin-bottom: 36px;
  margin-right: 45px;
}

/* Header (Kantonsportal) */
div.header-portal.sticky-header {
  padding-top: 12px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 1350px;
  height: 170px;
  position: relative;
  border-bottom: 1px solid rgba(222, 222, 222, 1);
  margin-left: 45px;
  margin-right: 45px;
  background-color: rgba(255, 255, 255, 1);
}

/* Header (OE - 2 rows caption) */
div.header-2-rows.sticky-header {
  padding-top: 12px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 1350px;
  height: 170px;
  position: relative;
  background-color: rgba(255, 255, 255, 1);
  border-bottom: 1px solid rgba(222, 222, 222, 1);
  margin-left: 45px;
  margin-right: 45px;
}

/* Footer (Kantonsportal) */
div.footer.kbe {
  border-top: 1px solid rgba(238, 238, 238, 1);
  padding-left: 45px;
  padding-right: 45px;
  background-color: rgba(252, 248, 243, 1);
  padding-top: 35px;
  padding-bottom: 29px;
  position: relative;
  height: 320px;
  width: 99.95%;
  margin-left: auto;
  margin-right: auto;
}

/* Footer (OE) */
div.footer.oe {
  position: relative;
  border-top: 1px solid rgba(238, 238, 238, 1);
  background-color: rgba(252, 248, 243, 1);
  padding-top: 35px;
  padding-bottom: 29px;
  padding-left: 45px;
  padding-right: 45px;
  height: 320px;
  width: 99.95%;
  margin-left: auto;
  margin-right: auto;
}

/* Text-Teaser-Group (Main-Column) */
div.row-teaser-main.main-column {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 17px;
  margin-bottom: 30px;
  margin-top: 30px;
}

/* Link-List-Group */
div.row-splitter {
  display: flex;
  margin-bottom: 30px;
  margin-top: 30px;
  margin-left: 45px;
  margin-right: 45px;
}

/* Text-Teaser-Group (Full-Width) */
div.row-teaser-full {
  max-width: 1350px;
  margin-left: 45px;
  margin-right: 45px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 30px;
  margin-top: 30px;
  grid-column-gap: 17px;
}

/* Main-Column (Grid) */
div.main-column-grid {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  position: relative;
  max-width: 1200px;
  height: 100%;
  float: right;
  width: 75%;
  min-height: 68vh;
  overflow: hidden;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

/* Context-Column (Grid) */
div.context-column-grid {
  padding-bottom: 29px;
  margin-bottom: 0px;
  height: 100%;
  width: calc(25% - 30px);
  position: -webkit-sticky;
  position: sticky;
  -webkit-transition: top 0.3s ease-in-out;
  transition: top 0.3s ease-in-out;
  float: left;
  max-width: 400px;
  margin-right: 0px;
  margin-top: 0px;
}

/* One-Column full-width (Grid) */
div.full-wdith {
  padding-left: 0px;
  padding-right: 45px;
  padding-top: 15px;
  padding-bottom: 29px;
  min-height: 68vh;
  overflow: hidden;
  max-width: 1350px;
  margin-left: 45px;
  margin-right: 45px;
}

/* Header (Startpage OE) */
div.header-oe-startpage.sticky-header {
  background-color: rgba(255, 255, 255, 1);
  border-bottom: 1px solid rgba(250, 241, 227, 1);
  position: -webkit-sticky;
  position: sticky;
  z-index: 1000;
  top: 0px;
  -webkit-transition: top 0.2s ease-in-out;
  transition: top 0.2s ease-in-out;
  padding-top: 12px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 1350px;
  height: 170px;
  margin-left: 45px;
  margin-right: 45px;
}

/* Search-Area */
div.search-area {
  background-color: rgba(250, 241, 227, 1);
  -webkit-box-shadow: 0px 4px 7px -7px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 4px 7px -7px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 4px 7px -7px rgba(0, 0, 0, 0.4);
  max-width: 1350px;
  padding-top: 48px;
  padding-bottom: 50px;
  padding-left: calc(4.8% + 24px);
  padding-right: calc(4.8% + 24px);
  margin-left: 45px;
  margin-right: 45px;
  margin-bottom: 30px;
}

/* Header (Startpage OE - scrolling) */
div.header-oe-startpage.sticky-header.as {
  -webkit-box-shadow: 0px 0px 2px 2px rgba(255, 255, 255, 1);
  -moz-box-shadow: 0px 0px 2px 2px rgba(255, 255, 255, 1);
  box-shadow: 0px 0px 2px 2px rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, 1);
  border-bottom: 1px solid rgba(222, 222, 222, 1);
  position: -webkit-sticky;
  position: sticky;
  z-index: 1000;
  top: 0px;
  -webkit-transition: top 0.2s ease-in-out;
  transition: top 0.2s ease-in-out;
  padding-top: 12px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 1350px;
  height: 170px;
  margin-left: 45px;
  margin-right: 45px;
}

/* Header (Startpage OE) down */
div.header-oe-startpage.sticky-header.down {
  top: -175px;
  -webkit-transition: top 0.3s ease-in-out;
  transition: top 0.3s ease-in-out;
}

/* Header (OE) down */
div.header-oe.sticky-header.down {
  top: -175px;
  -webkit-transition: top 0.3s ease-in-out;
  transition: top 0.3s ease-in-out;
}

/* Context-Column (Grid) down */
div.context-column-grid.down {
  top: 30px;
  -webkit-transition: top 0.3s ease-in-out;
  transition: top 0.3s ease-in-out;
}

/* Context-Column down */
div.context-column.down {
  top: 30px;
  -webkit-transition: top 0.3s ease-in-out;
  transition: top 0.3s ease-in-out;
}

/* Image-Teaser-Group (Full-Width) */
div.row-img-teaser-full {
  max-width: 1350px;
  margin-left: 45px;
  margin-right: 45px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 30px;
  margin-bottom: 30px;
  grid-column-gap: 17px;
}

/* Image-Teaser-Group (Main-Column) */
div.row-img-teaser-main.main-column {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 17px;
  margin-bottom: 30px;
  margin-top: 30px;
}

/* Search-Area (active) */
div.search-area-active {
  background-color: rgba(250, 241, 227, 1);
  -webkit-box-shadow: 0px 4px 7px -7px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 4px 7px -7px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 4px 7px -7px rgba(0, 0, 0, 0.4);
  max-width: 1350px;
  padding-top: 48px;
  padding-bottom: 50px;
  padding-left: calc(4.8% + 24px);
  padding-right: calc(4.8% + 24px);
  margin-left: 45px;
  margin-right: 45px;
  margin-bottom: 30px;
}

/* Lightbox */
div.lightbox {
  display: none;
  z-index: 9999;
  min-height: 300px;
  width: 80vw;
  height: 80vh;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-box-shadow: 1px 1px 15px -1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 15px -1px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 15px -1px rgba(0, 0, 0, 0.25);
}

/* Lightbox */
div.lightbox-dummy {
  display: table;
  height: 75vh;
  width: calc(100% - 100px);
  max-width: 1350px;
  -webkit-box-shadow: 1px 1px 15px -1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 15px -1px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 15px -1px rgba(0, 0, 0, 0.25);
  margin-left: auto;
  margin-right: auto;
}

/* Search-Area (focus) */
div.search-area.focus {
  z-index: 9998;
  display: none;
  position: -webkit-sticky;
  position: sticky;
  top: 170px;
  margin-bottom: 0;
}

/* Header (OE) active */
div.header-oe.sticky-header.active {
  border-bottom: 1px solid rgba(255, 255, 255, 1);
  border: none !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* Lightbox 2 */
div.lightbox-2 {
  display: none;
  z-index: 9999;
  min-height: 300px;
  width: 80vw;
  height: 80vh;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-box-shadow: 1px 1px 15px -1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 15px -1px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 15px -1px rgba(0, 0, 0, 0.25);
}

/* Hero-Area */
div.hero-area {
  margin-left: 45px;
  margin-right: 45px;
  margin-bottom: 54px;
  max-width: 1350px;
}

/* Hero-Area (Theme) */
div.hero-area-theme {
  margin-left: 45px;
  margin-right: 45px;
  margin-bottom: 54px;
  max-width: 1350px;
}

/* Above-the-fold (Campaign-Site) */
div.campaign-site {
  position: relative;
  height: 100vh;
}

/* Header (Theme) */
div.header-theme.sticky-header {
  background-color: rgba(255, 255, 255, 1);
  border-bottom: 1px solid rgba(222, 222, 222, 1);
  position: -webkit-sticky;
  position: sticky;
  z-index: 1000;
  top: 0px;
  -webkit-transition: top 0.2s ease-in-out;
  transition: top 0.2s ease-in-out;
  padding-top: 12px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 1350px;
  height: 170px;
  margin-left: 45px;
  margin-right: 45px;
}

/* Header (Theme) scrolling */
div.header-theme.sticky-header.as {
  -webkit-box-shadow: 0px 0px 2px 2px rgba(255, 255, 255, 1);
  -moz-box-shadow: 0px 0px 2px 2px rgba(255, 255, 255, 1);
  box-shadow: 0px 0px 2px 2px rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, 1);
  border-bottom: 1px solid rgba(222, 222, 222, 1);
  position: -webkit-sticky;
  position: sticky;
  z-index: 1000;
  top: 0px;
  -webkit-transition: top 0.2s ease-in-out;
  transition: top 0.2s ease-in-out;
  padding-top: 12px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 1350px;
  height: 170px;
  margin-left: 45px;
  margin-right: 45px;
}

/* Main-Column (mit Bereichssuche) */
div.main-column-2 {
  position: relative;
  max-width: 800px;
  float: left;
  width: 58%;
  margin-left: 45px;
  margin-top: 165px;
}

/* Main-Column (News) */
div.main-column-news {
  position: relative;
  max-width: 800px;
  float: left;
  width: 58%;
  margin-left: 45px;
  margin-top: 165px;
}

/* Table (Default) */
div.table-2 {
  max-width: 800px;
  margin-top: 36px;
  margin-bottom: 36px;
  position: relative;
}

/* Hero-Area (Small Headlines) */
div.hero-area-2 {
  margin-left: 45px;
  margin-right: 45px;
  margin-bottom: 54px;
  max-width: 1350px;
}

/* --- Molecul-Styles --- */

/* Hero-Image Detailpage */
div.image-1 {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  margin-top: 36px;
  width: 100%;
  max-width: 800px;
  height: auto;
  max-height: 400px;
}

/* Summary Box */
div.summary-box {
  padding-top: 36px;
  padding-bottom: 36px;
  padding-left: 30px;
  padding-right: 30px;
  max-width: 800px;
  margin-top: 36px;
  margin-bottom: 36px;
  background-color: rgba(250, 241, 227, 1);
}

/* Share Page */
div.sharing {
  clear: both;
  display: inline-block;
  margin-top: 72px;
  margin-bottom: 72px;
  margin-left: 45px;
  width: 100%;
  max-width: 800px;
}

/* List with H3 and line */
div.list {
  border-top: 1px solid rgba(222, 222, 222, 1);
  border-bottom: 1px solid rgba(222, 222, 222, 1);
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
  margin-bottom: 60px;
  padding-top: 50px;
  padding-right: 20px;
  padding-bottom: 50px;
  padding-left: 20px;
  max-width: 800px;
}

/* Form Buttons */
div.next-back-buttons {
  margin-top: 40px;
  margin-bottom: 40px;
  max-width: 800px;
}

/* Valid Input */
div.valid.floating-label {
  position: relative;
  width: 100%;
  max-width: 800px;
}

/* Inputfield */
div.inputfield {
  position: relative;
}

/* Invalid Input */
div.invalid.floating-label {
  position: relative;
  margin-bottom: 10px;
  width: 100%;
  max-width: 800px;
}

/* Inputfield (with Tooltip) */
div.help.floating-label {
  position: relative;
  width: 100%;
  max-width: 800px;
}

/* Inputfield (optional) */
div.form-group {
  position: relative;
  max-width: 800px;
}

/* Inline Checkboxes */
div.checkboxes {
  border: 1px solid rgba(112, 112, 112, 0.5);
  display: inline-block;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 28px;
  padding-right: 62px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 0px;
  margin-right: 0px;
  max-width: 800px;
  width: 100%;
}

/* List Checkboxes */
div.checkboxes-list {
  border: 1px solid rgba(112, 112, 112, 0.5);
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 28px;
  padding-right: 62px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 0px;
  margin-right: 0px;
  max-width: 800px;
  display: inline-block;
  width: 100%;
}

/* List Radio-Buttons */
div.radiobuttons-list {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 28px;
  padding-right: 62px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 0px;
  margin-right: 0px;
  max-width: 800px;
  position: relative;
  border: 1px solid rgba(112, 112, 112, 0.5);
  display: inline-block;
  width: 100%;
}

/* Inline Radio-Buttons */
div.radiobuttons {
  position: relative;
  border: 1px solid rgba(112, 112, 112, 0.5);
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 28px;
  padding-right: 62px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 0px;
  margin-right: 0px;
  max-width: 800px;
  display: inline-block;
  width: 100%;
}

/* Select-Box */
div.selectbox {
  position: relative;
  display: inline-block;
  border: 1px solid rgba(112, 112, 112, 1);
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
  max-width: 800px;
}

/* Gallery Image */
div.img-gal-mol {
  float: left;
  position: relative;
  overflow: hidden;
  margin-right: 2%;
  margin-bottom: 2%;
  width: 32%;
  max-width: 253px;
}

/* Gallery Image 2 */
div.img-gal-mol-2 {
  margin-bottom: 2%;
  margin-right: 2%;
  width: 32%;
  max-width: 253px;
  overflow: hidden;
  float: left;
  position: relative;
}

/* Gallery Image 3 */
div.img-gal-mol-3 {
  margin-bottom: 2%;
  margin-right: 2%;
  width: 32%;
  max-width: 253px;
  overflow: hidden;
  float: left;
  margin-right: 0;
  position: relative;
}

/* Gallery Image 4 */
div.img-gal-mol-4 {
  margin-bottom: 2%;
  margin-right: 2%;
  width: 32%;
  overflow: hidden;
  max-width: 253px;
  float: left;
  position: relative;
}

/* Gallery Image 5 */
div.img-gal-mol-5 {
  margin-bottom: 2%;
  margin-right: 2%;
  width: 32%;
  overflow: hidden;
  max-width: 253px;
  float: left;
  position: relative;
}

/* Gallery Image 6 */
div.img-gal-mol-6 {
  margin-bottom: 2%;
  margin-right: 2%;
  width: 32%;
  max-width: 253px;
  margin-right: 0;
  overflow: hidden;
  float: left;
  position: relative;
}

/* Text-Teaser sand */
div.teaser-sand-refused {
  position: relative;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 65px;
  max-width: 800px;
  margin-bottom: 18px;
  max-width: 800px;
  background-color: rgba(247, 233, 210, 1);
  cursor: pointer;
  height: autopx;
  min-height: 165px;
}

/* Text-Teaser sand (2)  refused */
main.teaser-sand-2-refused {
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 65px;
  max-width: 800px;
  position: relative;
  margin-left: 2%;
  margin-bottom: 18px;
  max-width: 800px;
  background-color: rgba(247, 233, 210, 1);
  cursor: pointer;
  min-height: 165;
}

/* Text-Teaser orange */
div.teaser-orange {
  cursor: pointer;
  background-color: rgba(245, 160, 75, 1);
  margin-bottom: 18px;
  padding-top: 25px;
  padding-right: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
  max-width: 800px;
}

/* Text-Teaser blue */
div.teaser-blue {
  cursor: pointer;
  background-color: rgba(71, 118, 177, 1);
  margin-bottom: 18px;
  padding-top: 25px;
  padding-right: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
  max-width: 800px;
}

/* Text-Teaser green */
div.teaser-green {
  cursor: pointer;
  background-color: rgba(61, 134, 8, 1);
  margin-bottom: 18px;
  padding-top: 25px;
  padding-right: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
  max-width: 800px;
}

/* Text-Teaser red */
div.teaser-red {
  background-color: rgba(234, 22, 31, 1);
  cursor: pointer;
  margin-bottom: 18px;
  padding-top: 25px;
  padding-right: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
  max-width: 800px;
}

/* Image-Teaser */
div.image-teaser {
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 790px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 143px;
  padding-left: 165px;
  flex: 1;
  background-image: url("../img/Hitzewelle.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: left top;
  background-size: contain;
  margin-bottom: 18px;
  background-color: rgba(247, 233, 210, 1);
  overflow: hidden;
}

/* Image-Teaser small (2) */
div.image-teaser-s-2 {
  background-image: url("../img/Rathaus_Bern.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: left top;
  background-size: contain;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 790px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 143px;
  padding-left: 165px;
  flex: 1;
  margin-right: 0;
  margin-bottom: 18px;
  background-color: rgba(247, 233, 210, 1);
}

/* Image-Teaser small */
div.image-teaser-s {
  background-image: url("../img/Hitzewelle.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: left top;
  background-size: contain;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 790px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 143px;
  padding-left: 165px;
  flex: 1;
  margin-right: 2%;
  margin-bottom: 18px;
  background-color: rgba(247, 233, 210, 1);
}

/* Splitter */
div.splitter {
  flex: 1;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 65px;
  max-width: 800px;
  background-color: rgba(247, 233, 210, 1);
  position: relative;
  margin-bottom: 18px;
}

/* Splitter (2) */
main.splitter-2 {
  flex: 1;
  margin-bottom: 18px;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 65px;
  max-width: 800px;
  margin-left: 2%;
  background-color: rgba(247, 233, 210, 1);
  position: relative;
}

/* Splitter extended */
div.splitter-ext {
  flex: 1;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 65px;
  max-width: 800px;
  margin-bottom: 18px;
  background-color: rgba(247, 233, 210, 1);
  position: relative;
  min-height: 165px;
}

/* Splitter extended (2) */
main.splitter-ext-2 {
  flex: 1;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 65px;
  max-width: 800px;
  margin-left: 2%;
  background-color: rgba(247, 233, 210, 1);
  margin-bottom: 18px;
  position: relative;
  min-height: 165px;
}

/* Table Container 1 */
div.table-container-1 {
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 800px;
}

/* Img Gallery small */
div.img-gal-small {
  max-width: 800px;
  margin-bottom: 10px;
  width: 100%;
  display: flex;
}

/* Step Box */
div.step-box {
  max-width: 800px;
  background-color: rgba(250, 241, 227, 1);
  width: 100%;
  display: table;
}

/* Step Box (inactive) */
div.step-box-inactive {
  max-width: 800px;
  opacity: 0.4;
  background-color: rgba(250, 241, 227, 1);
  width: 100%;
  display: table;
}

/* Inpage-Search */
div.inpage-search {
  background-color: rgba(247, 233, 210, 1);
  position: relative;
  max-width: 800px;
}

/* Video Container */
div.video {
  max-width: 800px;
  width: 100%;
  position: relative;
  margin-top: 18px;
}

/* Service-Navigation */
#navigation{
  display: block;
}

#navigation>ul>li{
  font-size:18px
}
.inner-nav-item-list>li::before{
  display:none
}

div.service-nav {
  position: absolute;
  right: 0;
}

/* Signet (OE) */
div.signet-oe-2 {
  position: absolute;
  left: 0;
  bottom: 29px;
  top: 12px;
  cursor: pointer;
}

/* Main-Menue (OE) */
div.main-nav {
  position: absolute;
  padding-top: 30px;
  height: 82px;
  right: 0;
  bottom: 0;
}

/* Mobile-Navigation */
div.mobile-nav {
  display: none;
  width: calc(70px + 10%);
  top: 35px;
  position: absolute;
  right: 0;
}

/* Signet (2-row caption) */
div.signet-2-rows-2 {
  position: absolute;
  left: 0;
  bottom: 20px;
  cursor: pointer;
}

/* Mobile-Navigation (Startpage) */
div.mobile-nav-startpage {
  display: none;
  width: calc(70px + 10%);
  top: 35px;
  position: absolute;
  right: 0;
}

/* Main-Menue (Kantonsportal) */
div.main-nav-portal {
  position: absolute;
  padding-top: 10px;
  height: 82px;
  right: 0;
  bottom: 0;
}

/* Social Media Icons */
div.sm-icons {
  position: absolute;
  right: 0;
  padding-left: 45px;
  padding-right: 45px;
  top: 70px;
  margin-right: -1px;
  margin-left: -1px;
}

/* Footer-Navigation */
div.footer-nav {
  position: absolute;
  right: 0;
  bottom: 30px;
  padding-left: 45px;
  padding-right: 45px;
}

/* Signet (OE) Footer */
div.signet-oe-footer {
  margin-bottom: 24px;
}

/* Step Box (long Text) */
div.step-box {
  max-width: 800px;
  background-color: rgba(250, 241, 227, 1);
  width: 100%;
  display: table;
}

/* Menue-Item */
div.menue-item {
  padding-top: 11px;
  padding-bottom: 10px;
  cursor: pointer;
  max-width: 800px;
  width: 100%;
  position: relative;
  margin-bottom: 3px;
  display: flex;
  align-items: center;
}

/* Menue-Item 2 */
div.menue-item-active.i2 {
  cursor: default;
}

/* Menue-Page */
div.menue-page {
  padding-top: 11px;
  padding-bottom: 10px;
  cursor: default;
  width: 100%;
  position: relative;
  margin-bottom: 3px;
  display: flex;
  align-items: center;
}

/* Menue-Item 4 */
div.menue-item-active.i4 {
  cursor: default;
}

/* DLN-Header */
div.dln-header {
  min-height: 170px;
  white-space: normal;
  position: relative;
  margin-bottom: 24px;
  width: 100%;
  border-bottom: 1px solid rgba(182, 182, 182, 1);
}

/* Menue-Item active */
div.menue-item-active {
  padding-top: 11px;
  padding-bottom: 10px;
  cursor: pointer;
  width: 100%;
  position: relative;
  max-width: 800px;
  margin-bottom: 3px;
  display: flex;
  align-items: center;
}

/* DLN Footer */
div.dln-footer {
  position: absolute;
  bottom: 0px;
  left: 14px;
  right: 14px;
  z-index: +1;
  -webkit-box-shadow: 0px -10px 12px 5px rgba(255, 255, 255, 1);
  -moz-box-shadow: 0px -10px 12px 5px rgba(255, 255, 255, 1);
  box-shadow: 0px -10px 12px 5px rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, 1);
  height: 74px;
}

/* OffCanvas Service-Navigation */
div.offcanvas-service-nav {
  margin-top: 108px;
  display: none;
  background-color: rgba(250, 241, 227, 1);
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 25px;
  max-width: 800px;
  width: 100%;
}

/* OffCanvas Service-Navigation */
div.offcanvas-service-navi {
  margin-top: 72px;
  background-color: rgba(250, 241, 227, 1);
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 25px;
  max-width: 800px;
  width: 100%;
}

/* Meldungsbox */
div.alert-box {
  background-color: rgba(78, 78, 78, 0.95);
  position: relative;
  display: table;
  width: 100%;
}

/* Breadcrumb (refused) */
div.breadcrumb_refused {
  clear: both;
}

/* Text-Teaser sand */
div.teaser-sand {
  background-color: rgba(247, 233, 210, 1);
  cursor: pointer;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  margin-bottom: 20px;
  padding-top: 25px;
  padding-right: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
  max-width: 800px;
  height: auto;
}

/* Main-Menue (Startpage OE) */
div.main-nav-startpage {
  position: absolute;
  padding-top: 10px;
  height: 82px;
  right: 0;
  bottom: 0;
}

/* Search Input Container (active) */
div.search-input-box.active {
  position: relative;
  background-color: rgba(255, 255, 255, 1);
  margin-top: 20px;
  margin-bottom: 20px;
  width: auto;
}

/* Search Input Container */
div.search-input-box {
  position: relative;
  background-color: rgba(255, 255, 255, 1);
  margin-top: 20px;
  margin-bottom: 20px;
  width: auto;
}

/* Search Suggestions */
div.search-suggests {
  height: 0px;
  overflow: hidden;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  margin-top: 0;
  margin-bottom: 0;
  width: 100%;
}

/* Search Suggestions (active) */
div.search-suggests.active {
  height: auto;
  margin-top: 20px;
  margin-bottom: 10px;
  width: 100%;
}

/* Image-Teaser */
div.img-teaser {
  background-color: rgba(247, 233, 210, 1);
  cursor: pointer;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  padding-bottom: 27px;
  max-width: 800px;
  height: auto;
  min-height: 165px;
}

/* Image-Teaser 2 */
div.img-teaser.i2 {
  background-color: rgba(247, 233, 210, 1);
  cursor: pointer;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  padding-bottom: 27px;
  max-width: 800px;
  height: auto;
  min-height: 165px;
}

/* Image-Teaser 3 */
div.img-teaser.i3 {
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  background-color: rgba(247, 233, 210, 1);
  cursor: pointer;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  padding-bottom: 27px;
  max-width: 800px;
  height: auto;
  min-height: 165px;
}

/* Image-Teaser 4 */
div.img-teaser.i4 {
  background-color: rgba(247, 233, 210, 1);
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  padding-bottom: 27px;
  max-width: 800px;
  height: auto;
  min-height: 165px;
}

/* Image-Teaser 5 */
div.img-teaser.i5 {
  background-color: rgba(247, 233, 210, 1);
  cursor: pointer;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  padding-bottom: 27px;
  max-width: 800px;
  height: auto;
  min-height: 165px;
}

/* Tabs (Search-Result Filter) */
div.nav-tabs {
  border-bottom: 1px solid rgba(182, 182, 182, 1);
  max-width: 1350px;
  margin-left: 45px;
  margin-right: 45px;
  margin-top: 54px;
}

/* Search Result */
div.search-result {
  background-image: url("../img/arrow-right_large.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: auto;
  cursor: pointer;
  margin-left: 45px;
  margin-right: 45px;
  background-size: 16px 24px;
  background-position: calc(100% - 30px) center;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  border-bottom: 1px solid rgba(182, 182, 182, 1);
  max-width: 1350px;
  position: relative;
  padding-top: 30px;
  padding-right: 70px;
  padding-bottom: 15px;
  padding-left: 30px;
}

/* Pagination */
div.pagination {
  max-width: 1350px;
  margin-left: 45px;
  margin-right: 45px;
  text-align: left;
  margin-top: 36px;
  height: 240px;
}

/* Search Result with Image */
div.search-result.a1 {
  min-height: 178px;
}

/* List with H3 and line (2) */
div.list-2 {
  border-top: 1px solid rgba(222, 222, 222, 1);
  border-bottom: 1px solid rgba(222, 222, 222, 1);
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
  margin-bottom: 60px;
  padding-top: 50px;
  padding-right: 20px;
  padding-bottom: 50px;
  padding-left: 20px;
  max-width: 800px;
}

/* Lightbox Information */
div.lightbox-info {
  position: relative;
  background-color: rgba(255, 255, 255, 1);
  vertical-align: top;
  padding-top: 10px;
  padding-right: 30px;
  padding-bottom: 60px;
  padding-left: 30px;
  width: 340px;
  min-height: 500px;
}

/* Pagination (ohne Input) */
div.pagination-2 {
  text-align: left;
  margin-top: 36px;
  height: 240px;
}

/* Search Input Container (focus) */
div.search-input-box.focus {
  position: relative;
  background-color: rgba(255, 255, 255, 1);
  margin-top: 20px;
  margin-bottom: 20px;
  width: auto;
}

/* Lightbox Information (2) */
div.lightbox-info-2 {
  position: relative;
  background-color: rgba(255, 255, 255, 1);
  vertical-align: top;
  padding-top: 10px;
  padding-right: 30px;
  padding-bottom: 60px;
  padding-left: 30px;
  width: 340px;
  min-height: 500px;
}

/* Hero-Area (Big Image) */
div.image-2 {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  float: left;
  margin-bottom: 17px;
  width: calc(66.6% - 5.67px);
  height: 100%;
}

/* Hero-Area (Right-Column) */
div.hero-area-right-col {
  float: right;
  margin-bottom: 17px;
  width: calc(33.3% - 11.34px);
  height: 100%;
}

/* Hero-Area (Sub-Row) */
div.hero-area-sub.clearfix {
  width: 100%;
}

/* Hero-Area (Theme-Site) */
div.image-3 {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  margin-bottom: 17px;
}

/* Hero-Area (Campaign-Site) */
div.hero-area-campaign {
  position: relative;
  display: table;
  width: 100%;
  height: calc(100% - 102px);
}

/* Header (Campaign-Site) */
div.campaign-header {
  background-color: rgba(255, 255, 255, 1);
  -webkit-box-shadow: 0px 4px 7px -7px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 4px 7px -7px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 4px 7px -7px rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 102px;
}

/* Signet (Theme) */
div.signet-theme-2 {
  position: absolute;
  left: 0;
  bottom: 29px;
  cursor: pointer;
}

/* Inputfield (medium 1) */
div.form-group-medium-left {
  position: relative;
  float: left;
  width: 47.5%;
}

/* Inputfield (medium 2) */
div.form-group-medium-right {
  position: relative;
  float: right;
  width: 47.5%;
}

/* Inputfield (medium) */
div.form-group-medium {
  position: relative;
  width: 47.5%;
}

/* Inputfield (small) */
div.form-group-small {
  position: relative;
  width: 31.25%;
}

/* Inputfield (small 1) */
div.form-group-small-left {
  position: relative;
  float: left;
  margin-right: 3.125%;
  width: 31.25%;
}

/* Inputfield (small 3) */
div.form-group-small-right {
  position: relative;
  float: right;
  width: 31.25%;
}

/* Inputfield (small 2) */
div.form-group-small-middle {
  position: relative;
  float: left;
  margin-right: 3.125%;
  width: 31.25%;
}

/* Breadcrumb */
div.breadcrumb {
  clear: both;
  background-color: transparent !important;
  padding: 0;
}

div#inner-crumb {
  position:absolute !important;
  left:-10px !important;
  top:-10px !important;
}

/* Inputfield (optional + Tooltip) */
div.form-group-opt-tt {
  position: relative;
  max-width: 800px;
}

/* Textarea */
div.textarea {
  position: relative;
  width: 100%;
  max-width: 800px;
}

/* Select-Box (open) */
div.selectbox.open {
  border: 1px solid rgba(0, 0, 0, 1);
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
  max-width: 800px;
}

/* Inputfield (File-Upload error) */
div.file-upload-error.floating-label {
  position: relative;
  display: inline-block;
  border: 1px solid rgba(234, 22, 31, 1);
  background-image: url("../img/Upload Icon.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: right center;
  background-size: auto;
  margin-top: 20px;
  margin-bottom: 54px;
  width: 100%;
  max-width: 800px;
}

/* Inputfield (File-Upload success) */
div.file-upload-success.floating-label {
  position: relative;
  display: inline-block;
  background-image: url("../img/Upload Icon valid.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: right center;
  background-size: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
  max-width: 800px;
}

/* Inputfield (File-Upload) */
div.file-upload.floating-label {
  position: relative;
  display: inline-block;
  border: 1px solid rgba(112, 112, 112, 1);
  background-image: url("../img/Upload Icon.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: right center;
  background-size: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
  max-width: 800px;
}

/* Inline Radio-Buttons (error) */
div.radiobuttons.error {
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 28px;
  padding-right: 62px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 0px;
  margin-right: 0px;
  max-width: 800px;
  border: 1px solid rgba(234, 22, 31, 1);
  display: inline-block;
  margin-bottom: 30px;
  padding-right: 101px;
  width: 100%;
}

/* Inputfield with watermark | If a field (input, select, textarea) watermarked (e.g. like here with DD:MM:YYYY) the label does not floating, it is already at this position at the top of the field. */
div.inputfield-watermarked {
  position: relative;
}

/* Tabs (Inpage Filter) */
div.nav-tabs-ext {
  border-bottom: 1px solid rgba(182, 182, 182, 1);
  position: relative;
  max-width: 1350px;
  margin-left: 45px;
  margin-right: 45px;
  margin-top: 54px;
}

/* Inpage-Search (extended) */
div.inpage-search-extended {
  border-bottom: 1px solid rgba(182, 182, 182, 1);
  cursor: default;
  position: relative;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  max-width: 800px;
}

/* News List Item in Content */
div.news-list-item {
  background-image: url("../img/arrow-right_large.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: auto;
  cursor: pointer;
  background-size: 16px 24px;
  background-position: calc(100% - 20px) center;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  border-bottom: 1px solid rgba(182, 182, 182, 1);
  position: relative;
  padding-top: 30px;
  padding-right: 70px;
  padding-bottom: 15px;
  padding-left: 20px;
  max-width: 800px;
}

/* News List Item 4 */
div.news-list-item.v4 {
  min-height: 150px;
}

/* News List Item (full-width) */
div.news-list-item.full-width {
  max-width: 1350px;
  margin-left: 45px;
  margin-right: 45px;
  padding-top: 30px;
  padding-right: 70px;
  padding-bottom: 15px;
  padding-left: 20px;
}

/* End of News-List */
div.end-news-list {
  margin-top: 10px;
  margin-bottom: 70px;
}

/* Inpage-Search (extended open) */
div.inpage-search-extended.open {
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  max-width: 800px;
}

/* Inputfield (Date from) */
div.date-from.floating-label {
  position: relative;
  background-image: url("../img/datepicker_bg.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: right center;
  background-size: auto;
  display: inline-block;
  float: left;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 47.5%;
  max-width: 800px;
}

/* Inputfield (Date to) */
div.date-to.floating-label {
  position: relative;
  background-image: url("../img/datepicker_bg.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: right center;
  background-size: auto;
  display: inline-block;
  float: right;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 47.5%;
  max-width: 800px;
}

/* Select-Box (50%) */
div.selectbox-small {
  position: relative;
  display: inline-block;
  float: left;
  border: 1px solid rgba(112, 112, 112, 1);
  margin-top: 20px;
  margin-bottom: 20px;
  width: 47.5%;
  max-width: 380px;
}

/* Select-Box with Optgroup (50%) */
div.selectbox-og-small {
  position: relative;
  display: inline-block;
  float: left;
  border: 1px solid rgba(112, 112, 112, 1);
  margin-top: 20px;
  margin-bottom: 20px;
  width: 47.5%;
  max-width: 380px;
}

/* Select-Box with Checkboxes (50%) */
div.selectbox-oga-small {
  position: relative;
  display: inline-block;
  float: right;
  border: 1px solid rgba(112, 112, 112, 1);
  margin-top: 20px;
  margin-bottom: 20px;
  width: 47.5%;
  max-width: 380px;
}

/* Image + Text (2 Column) */
div.img50-txt50 {
  padding-bottom: 50px;
  max-width: 800px;
}

/* Text + Image (2 Column) */
div.txt50-img50 {
  padding-bottom: 50px;
  max-width: 800px;
}

/* Image (small) + Text (2 Column) */
div.img25-txt75 {
  padding-bottom: 50px;
  max-width: 800px;
}

/* Text + Image (small) - 2 Column */
div.txt75-img25 {
  padding-bottom: 50px;
  max-width: 800px;
}

/* Table Container 2 */
div.table-container-2 {
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 800px;
}

/* Gallery Image 7 */
div.img-gal-mol-7 {
  margin-bottom: 2%;
  margin-right: 2%;
  width: 32%;
  overflow: hidden;
  max-width: 253px;
  float: left;
  position: relative;
}

/* Hero-Area (Right-Column Small HL) */
div.hero-area-right-col-2 {
  float: right;
  margin-bottom: 17px;
  width: calc(33.3% - 11.34px);
  height: 100%;
}

/* Hero-Area (Sub-Row Small HL) */
div.hero-area-sub-2.clearfix {
  width: 100%;
}

/* Hero-Area (Big Image - small HL) */
div.image-2-small {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  float: left;
  margin-bottom: 17px;
  width: calc(66.6% - 5.67px);
  height: 100%;
}

/* Styles for Moleculs in Organisms */
div.main-column > div.breadcrumb {
  position: absolute;
  top: -150px;
  left: 0;
}

div.lightbox > div.lightbox-info {
  display: table-cell;
}

div.lightbox-dummy > div.lightbox-info {
  display: table-cell;
}

div.lightbox-2 > div.lightbox-info-2 {
  display: table-cell;
}

div.header-theme.sticky-header > div.main-nav-theme {
  position: absolute;
  bottom: 0px;
  right: 0px;
}

div.header-theme.sticky-header.as > div.main-nav-theme {
  position: absolute;
  bottom: 0px;
  right: 0px;
}

div.main-column-2 > div.breadcrumb {
  position: absolute;
  top: -150px;
  left: 0;
}

div.main-column-2 > div.sharing {
  margin-top: 30px;
  margin-left: 0;
}

div.main-column-news > div.breadcrumb {
  position: absolute;
  top: -150px;
}

/* Text-Teaser sand */
div.teaser-sand-refused:hover,
div.teaser-sand-refused:focus {
  background-color: rgba(242, 224, 195, 1);
}

/* Text-Teaser sand (2)  refused */
main.teaser-sand-2-refused:hover,
main.teaser-sand-2-refused:focus {
  background-color: rgba(242, 224, 195, 1);
}

/* Text-Teaser orange */
div.teaser-orange:hover,
div.teaser-orange:focus {
  background-color: rgba(232, 137, 43, 1);
}

/* Text-Teaser blue */
div.teaser-blue:hover,
div.teaser-blue:focus {
  background-color: rgba(57, 100, 155, 1);
}

/* Text-Teaser green */
div.teaser-green:hover,
div.teaser-green:focus {
  background-color: rgba(55, 120, 7, 1);
}

/* Text-Teaser red */
div.teaser-red:hover,
div.teaser-red:focus {
  background-color: rgba(208, 16, 24, 1);
}

/* Image-Teaser */
div.image-teaser:hover,
div.image-teaser:focus {
  background-color: rgba(242, 224, 195, 1);
}

/* Image-Teaser small (2) */
div.image-teaser-s-2:hover,
div.image-teaser-s-2:focus {
  background-color: rgba(242, 224, 195, 1);
}

/* Image-Teaser small */
div.image-teaser-s:hover,
div.image-teaser-s:focus {
  background-color: rgba(242, 224, 195, 1);
}

/* Splitter */
div.splitter:hover,
div.splitter:focus {
  background-color: rgba(242, 224, 195, 1);
}

/* Splitter (2) */
main.splitter-2:hover,
main.splitter-2:focus {
  background-color: rgba(242, 224, 195, 1);
}

/* Splitter extended */
div.splitter-ext:hover,
div.splitter-ext:focus {
  background-color: rgba(242, 224, 195, 1);
}

/* Splitter extended (2) */
main.splitter-ext-2:hover,
main.splitter-ext-2:focus {
  background-color: rgba(242, 224, 195, 1);
}

/* Text-Teaser sand */
div.teaser-sand:hover,
div.teaser-sand:focus {
  background-color: rgba(242, 224, 195, 1);
}

/* Image-Teaser */
div.img-teaser:hover,
div.img-teaser:focus {
  background-color: rgba(242, 224, 195, 1);
}

/* Image-Teaser 2 */
div.img-teaser.i2:hover,
div.img-teaser.i2:focus {
  background-color: rgba(242, 224, 195, 1);
}

/* Image-Teaser 3 */
div.img-teaser.i3:hover,
div.img-teaser.i3:focus {
  background-color: rgba(242, 224, 195, 1);
}

/* Image-Teaser 4 */
div.img-teaser.i4:hover,
div.img-teaser.i4:focus {
  background-color: rgba(242, 224, 195, 1);
}

/* Image-Teaser 5 */
div.img-teaser.i5:hover,
div.img-teaser.i5:focus {
  background-color: rgba(242, 224, 195, 1);
}

/* Search Result */
div.search-result:hover,
div.search-result:focus {
  background-color: rgba(248, 248, 248, 1);
  background-size: 16px 24px;
  background-position: calc(100% - 20px) center;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

/* Search Result with Image */
div.search-result.a1:hover,
div.search-result.a1:focus {
  background-color: rgba(248, 248, 248, 1);
  background-size: 16px 24px;
  background-position: calc(100% - 20px) center;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

/* Inputfield (File-Upload error) */
div.file-upload-error.floating-label:hover,
div.file-upload-error.floating-label:focus {
  background-image: url("../img/Upload Icon Hover.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: right center;
  background-size: auto;
}

/* Inputfield (File-Upload) */
div.file-upload.floating-label:hover,
div.file-upload.floating-label:focus {
  background-image: url("../img/Upload Icon Hover.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: right center;
  background-size: auto;
}

/* News List Item in Content */
div.news-list-item:hover,
div.news-list-item:focus {
  background-color: rgba(248, 248, 248, 1);
  background-size: 16px 24px;
  background-position: calc(100% - 15px) center;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

/* Inputfield (Date from) */
div.date-from.floating-label:hover,
div.date-from.floating-label:focus {
  background-image: url("../img/datepicker_bg_.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: right center;
  background-size: auto;
}

/* Inputfield (Date to) */
div.date-to.floating-label:hover,
div.date-to.floating-label:focus {
  background-image: url("../img/datepicker_bg_.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: right center;
  background-size: auto;
}

/* Gallery Image */
div.img-gal-mol::before {
  padding-top: 100%;
  display: block;
  content: "";
}

/* Gallery Image 2 */
div.img-gal-mol-2::before {
  padding-top: 100%;
  display: block;
  content: "";
}

/* Gallery Image 3 */
div.img-gal-mol-3::before {
  padding-top: 100%;
  display: block;
  content: "";
}

/* Gallery Image 4 */
div.img-gal-mol-4::before {
  padding-top: 100%;
  display: block;
  content: "";
}

/* Gallery Image 5 */
div.img-gal-mol-5::before {
  padding-top: 100%;
  display: block;
  content: "";
}

/* Gallery Image 6 */
div.img-gal-mol-6::before {
  padding-top: 100%;
  display: block;
  content: "";
}

/* Menue-Page 3 */
div.menue-page.active::before {
  content: "";
  width: calc(100% + 80px);
  height: 100%;
  background-color: rgba(252, 248, 243, 1);
  border-left: 6px solid rgba(234, 22, 31, 1);
  position: absolute;
  z-index: -1;
  left: -40px;
  cursor: default;
}

/* Menue-Page (Startseite) */
div.menue-page.start.active::before {
  content: "";
  width: calc(100% + 90px);
  height: 100%;
  background-color: rgba(252, 248, 243, 1);
  border-left: 6px solid rgba(234, 22, 31, 1);
  position: absolute;
  z-index: -1;
  left: -45px;
  cursor: default;
}

/* Gallery Image 7 */
div.img-gal-mol-7::before {
  padding-top: 100%;
  display: block;
  content: "";
}

/* Text-Teaser sand */
div.teaser-sand-refused::after {
  width: 16px;
  height: 24px;
  content: " ";
  background-image: url(../img/arrow-right_large.svg);
  position: absolute;
  right: 28px;
  top: 25px;
}

/* Text-Teaser sand (2)  refused */
main.teaser-sand-2-refused::after {
  width: 16px;
  height: 24px;
  content: " ";
  background-image: url(../img/arrow-right_large.svg);
  position: absolute;
  right: 28px;
  top: 25px;
}

/* Splitter */
div.splitter::after {
  width: 16px;
  height: 24px;
  content: " ";
  background-image: url(../img/arrow-right_large.svg);
  position: absolute;
  right: 28px;
  top: 25px;
}

/* Splitter (2) */
main.splitter-2::after {
  width: 16px;
  height: 24px;
  content: " ";
  background-image: url(../img/arrow-right_large.svg);
  position: absolute;
  right: 28px;
  top: 25px;
}

/* Splitter extended */
div.splitter-ext::after {
  width: 16px;
  height: 24px;
  content: " ";
  background-image: url(../img/arrow-right_large.svg);
  position: absolute;
  right: 28px;
  top: 25px;
}

/* Splitter extended (2) */
main.splitter-ext-2::after {
  width: 16px;
  height: 24px;
  content: " ";
  background-image: url(../img/arrow-right_large.svg);
  position: absolute;
  right: 28px;
  top: 25px;
}

/* Menue-Item */
div.menue-item::after {
  content: " ";
  position: absolute;
  width: 10px;
  height: 50px;
  right: 0;
  background-image: url(../img/arrow-right_large.svg);
  background-size: 12px 18px;
  background-position: center left;
  background-repeat: no-repeat;
  -webkit-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  -webkit-transform: translate(0px);
  -ms-transform: translate(0px);
  transform: translate(0px);
}

/* Menue-Item active */
div.menue-item-active::after {
  content: " ";
  position: absolute;
  width: 10px;
  height: 50px;
  right: -18px;
  background-image: url(../img/arrow-right_red.svg);
  background-size: 12px 18px;
  background-position: center left;
  background-repeat: no-repeat;
  transition: all 250ms ease-in-out;
  -webkit-transform: translate(0px);
  -ms-transform: translate(0px);
  transform: translate(0px);
}

/* --- Atom-Styles --- */

/* Body-Text */
p {
  color: rgba(0, 0, 0, 1);
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  margin-bottom: 15px;
  margin-top: -2px;
  max-width: 800px;
  font-size: 16px;
  line-height: 26px;
}

/* H1 */
h1 {
  color: rgba(0, 0, 0, 1);
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  margin: 0 0 44px -2px;
  max-width: 1000px;
  font-size: 54px;
  line-height: 62px;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  margin-left: -2px;
}

/* Intro-Text */
p.intro {
  color: rgba(0, 0, 0, 1);
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  margin-bottom: 18px;
  margin-top: -4px;
  max-width: 800px;
  font-size: 18px;
  line-height: 28px;
}

/* Enlarge-Icon */
div.enl-ico.open-lightbox-2 {
  background-image: url("../img/enlarge-icon.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: auto;
  opacity: 0.6;
  cursor: pointer;
  width: 46px;
  height: 46px;
}

/* Image-1 */
img.img-1 {
  -webkit-transition: transform 1800ms ease-in-out;
  transition: transform 1800ms ease-in-out;
  width: 100%;
}

/* Image-Caption */
div.image_caption {
  width: 100%;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  margin: 8px 0 42px;
  max-width: 800px;
}

/* Link-List Style 1 */
a.li {
  position: relative;
  display: block;
  margin-left: 18px !important;
  color: rgba(0, 0, 0, 1);
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
  line-height: 125%;
  text-decoration: none;
}

/* Link-List */
p.li {
  margin-top: 36px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
  color: rgba(0, 0, 0, 1);
}

/* H2 */
h2 {
  font-size: 30px;
  line-height: 36px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  margin: 0 0 12px -2px;
  max-width: 800px;
  color: rgba(0, 0, 0, 1);
  margin-left: -2px;
}

/* H3 */
h3 {
  font-size: 26px;
  line-height: 30px;
  margin: 0 0 12px -1px;
  max-width: 800px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  color: rgba(0, 0, 0, 1);
  margin-left: -1px;
}

/* Label before Headline */
span.label-content {
  display: block;
  color: rgba(112, 112, 112, 1);
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  line-height: 125%;
  margin-bottom: 12px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

/* Link-List Style 2 */
a.link-li {
  position: relative;
  display: block;
  margin-left: 18px !important;
  margin-bottom: 18px;
  color: rgba(0, 0, 0, 1);
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
  line-height: 125%;
}

/* Link-List underline */
p.link-li {
  margin-top: 36px;
  font-size: 16px;
  line-height: 26px;
  color: rgba(0, 0, 0, 1);
}

/* List-Style */
li {
  position: relative;
  display: block;
  margin-left: 18px;
  color: rgba(0, 0, 0, 1);
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
  text-decoration: none;
}

/* List with margin */
ul {
  margin-top: 36px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  color: rgba(0, 0, 0, 1);
}

ol, ul {
  margin-left: 0 !important;
}

/* Label Clone (Sharing) */
label.sharing {
  display: block;
  color: rgba(112, 112, 112, 1);
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  line-height: 125%;
  margin-bottom: 15px;
}

/* Facebook (color) */
div.facebook-c {
  background-image: url("../img/facebook-logo-c.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: auto;
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: 15px;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  cursor: pointer;
}

/* Instagram (color) */
div.instagram-c {
  display: inline-block;
  background-image: url("../img/instagram-logo-c.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: auto;
  width: 32px;
  height: 32px;
  margin-right: 15px;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  cursor: pointer;
}

/* Twitter (color) */
div.twitter-c {
  display: inline-block;
  background-image: url("../img/twitter-logo-c.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: auto;
  width: 32px;
  height: 32px;
  margin-right: 15px;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  cursor: pointer;
}

/* Google+ (color) */
div.google-c {
  background-image: url("../img/google-plus-logo-c.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: auto;
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: 15px;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  cursor: pointer;
}

/* E-Mail (color) */
div.email-c {
  display: inline-block;
  background-image: url("../img/email-c.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: auto;
  width: 32px;
  height: 32px;
  margin-right: 15px;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  cursor: pointer;
}

/* List */
ul.list {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  line-height: 26px;
}

/* Grey line */
div.hr {
  background-color: rgba(112, 112, 112, 0.5);
  margin-top: 30px;
  margin-right: 45px;
  margin-bottom: 30px;
  margin-left: 45px;
  height: 1px;
}

/* Primary Button */
button.primary {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  line-height: 125%;
  background-color: rgba(78, 78, 78, 0.95);
  color: rgba(255, 255, 255, 1);
  text-align: center;
  display: inline-block;
  height: 49px;
  border-radius: 49px;
  border: none;
  padding: 12px 40px;
  vertical-align: middle;
  margin: 40px 30px 40px -1px;
  transition: all 250ms ease-in-out;
  cursor: pointer;
}

/* Submit Button */
button.submit {
  overflow: hidden;
  text-align: center;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  line-height: 125%;
  background-color: rgba(78, 78, 78, 0.95);
  color: rgba(255, 255, 255, 1);
  display: inline-block;
  height: 49px;
  border-radius: 49px;
  border: none;
  padding: 12px 32px 12px 0px;
  vertical-align: middle;
  margin: 40px 30px 40px -1px;
  transition: all 250ms ease-in-out;
  cursor: pointer;
}

/* Secondary Button */
button.secondary {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  line-height: 125%;
  background-color: rgba(255, 255, 255, 1);
  display: inline-block;
  height: 49px;
  border-radius: 49px;
  border: 1px solid #4e4e4e;
  padding: 12px 39px 12px 44px;
  vertical-align: middle;
  margin: 40px 30px 40px -1px;
  transition: all 250ms ease-in-out;
  text-align: center;
  cursor: pointer;
}

/* Go-Next Button */
button.go-next {
  text-align: center;
  color: rgba(255, 255, 255, 1);
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  line-height: 125%;
  background-color: rgba(78, 78, 78, 0.95);
  display: inline-block;
  height: 49px;
  border-radius: 49px;
  border: none;
  padding: 12px 30px 12px 0px;
  vertical-align: middle;
  margin: 40px 30px 40px 0;
  -webkit-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  cursor: pointer;
  overflow: hidden;
}

/* Go-Back Button */
button.go-back {
  overflow: hidden;
  text-align: center;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  line-height: 125%;
  background-color: rgba(255, 255, 255, 1);
  color: rgba(112, 112, 112, 1);
  display: inline-block;
  height: 49px;
  border-radius: 49px;
  border: 1px solid #4e4e4e;
  padding: 12px 0px 12px 30px;
  vertical-align: middle;
  margin: 40px 30px 40px -1px;
  -webkit-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  cursor: pointer;
}

/* Small Button | This button style is not for form use, but for navigation use! */
button.small {
  text-align: center;
  background-color: rgba(78, 78, 78, 0.95);
  color: rgba(255, 255, 255, 1);
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  line-height: 125%;
  display: inline-block;
  height: 44px;
  border-radius: 44px;
  border: none;
  padding: 11px 38px;
  vertical-align: middle;
  margin: 15px 30px 15px 0;
  transition: all 250ms ease-in-out;
  cursor: pointer;
}

/* Primary Button n-active */
button.primary.not-active {
  text-align: center;
  background-color: rgba(222, 222, 222, 1);
  color: rgba(255, 255, 255, 1);
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  line-height: 125%;
  display: inline-block;
  height: 49px;
  border-radius: 49px;
  border: none;
  padding: 12px 40px;
  vertical-align: middle;
  margin: 40px 30px 40px -1px;
  transition: all 250ms ease-in-out;
  cursor: default;
}

/* Second. Button n-active */
button.secondary.non-active {
  text-align: center;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  line-height: 125%;
  background-color: rgba(112, 112, 112, 1);
  background-color: rgba(255, 255, 255, 1);
  display: inline-block;
  height: 49px;
  border-radius: 49px;
  border: 1px solid #4e4e4e;
  padding: 12px 39px 12px 44px;
  vertical-align: middle;
  margin: 40px 30px 40px -1px;
  transition: all 250ms ease-in-out;
  opacity: 0.3;
  cursor: default;
}

/* Inputfield */
input[type="text"].floating-label {
  padding-right: 62px !important;
}

/* Valid Input */
input.valid {
  padding-right: 62px !important;
}

/* Valid Icon */
img.valid {
  position: absolute;
  content: "";
  height: 31px;
  width: 31px;
  right: 16px;
  top: 33px;
}

/* Inputfield */
input.notice {
  padding-right: 62px !important;
}

/* Notice Icon */
img.notice {
  position: absolute;
  content: "";
  height: 31px;
  width: 31px;
  right: 16px;
  top: 33px;
}

/* Invalid Icon */
img.invalid {
  position: absolute;
  content: "";
  height: 31px;
  width: 31px;
  right: 16px;
  top: 33px;
}

/* Invalid Input */
input.invalid {
  padding-right: 62px !important;
  color: rgba(0, 0, 0, 1);
}

/* Help Icon */
img.help {
  position: absolute;
  content: "";
  height: 31px;
  width: 31px;
  right: 16px;
  top: 33px;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  cursor: pointer;
}

/* Input with help */
input.help {
  padding-right: 62px !important;
}

/* Floating label */
label.floating-label {
  font-size: 13px;
  line-height: 17px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  position: absolute;
  -webkit-transform: translateY(8px);
  -ms-transform: translateY(8px);
  transform: translateY(8px);
  -webkit-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  top: 1px;
  left: 23px;
  background-color: #fff;
  padding: 2px 5px;
  opacity: 1;
}

/* Error notice */
span.error {
  color: rgba(234, 22, 31, 1);
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 17px;
  display: inline-block;
}

/* New Checkbox */
span.checkbox {
  position: absolute;
  display: inline-block;
  width: 26px;
  height: 26px;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  border: 1px solid rgba(112, 112, 112, 1);
  top: -4px;
  left: 0;
}

/* Native Checkbox */
input[type="checkbox"] {
  display: none;
}

/* Native Radiobutton */
input[type="radio"] {
  display: none;
}

/* Inline Checkbox  + Label */
label.checkbox {
  position: relative;
  display: inline-block;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  line-height: 125%;
  margin-top: 10px;
  margin-right: 37px;
  margin-bottom: 20px;
  padding-left: 35px;
}

/* Block Checkbox  + Label */
label.checkbox-block {
  width: 100%;
  position: relative;
  display: block;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  line-height: 125%;
  margin-top: 30px;
  margin-bottom: 30px;
  padding-left: 37px;
}

/* Checkbox checked */
span.checked {
  position: absolute;
  display: inline-block;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  top: 3px;
  left: 7px;
  height: 12px;
  width: 12px;
  opacity: 0;
  background-color: rgba(0, 0, 0, 1);
}

/* New Radio-Button */
span.radio {
  position: absolute;
  display: inline-block;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  border: 1px solid rgba(112, 112, 112, 1);
  border-radius: 50%;
  width: 28px;
  height: 28px;
  top: -4px;
  left: -1px;
}

/* Inline Radio + Label */
label.radio {
  position: relative;
  display: inline-block;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  line-height: 125%;
  margin-top: 10px;
  margin-right: 37px;
  margin-bottom: 20px;
  padding-left: 35px;
}

/* Radio checked */
span.checked-r {
  position: absolute;
  display: inline-block;
  background-color: rgba(0, 0, 0, 1);
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  opacity: 0;
  border-radius: 50%;
  top: 4px;
  left: 7px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
}

/* Block Radio  + Label */
label.radio-block {
  width: 100%;
  position: relative;
  display: block;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  line-height: 125%;
  margin-top: 30px;
  margin-bottom: 30px;
  padding-left: 37px;
}

/* Optional notice */
span.optional {
  position: absolute;
  display: inline-block;
  -webkit-transform: translateY(8px);
  -ms-transform: translateY(8px);
  transform: translateY(8px);
  -webkit-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  top: 0;
  right: 13px;
  background-color: #fff;
  padding: 2px 5px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 17px;
  color: rgba(0, 0, 0, 1);
}

/* Select-Box */
div.select {
  color: rgba(112, 112, 112, 1);
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 18px;
  padding-right: 62px;
  padding-bottom: 12px;
  padding-left: 28px;
  width: 100%;
  max-width: 800px;
  height: 59px;
}

/* Selectbox Icon */
img.select {
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  width: 18px;
  height: 18px;
}

/* Galery Image 1 */
div.img-galery {
  width: 100%;
  height: 100%;
  position: absolute;
  background-image: url("../img/Bild1.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
  top: 0;
  left: 0;
  -webkit-transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
}

/* Galery Image 2 */
div.img-galery.i2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../img/Bild2.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
  -webkit-transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
}

/* Galery Image 3 */
div.img-galery.i3 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../img/Bild3.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
  -webkit-transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
}

/* Galery Image 4 */
div.img-galery.i4 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../img/Bild4.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
  -webkit-transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
}

/* Galery Image 5 */
div.img-galery.i5 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../img/Bild5.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
  -webkit-transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
}

/* Galery Image 6 */
div.img-galery.i6 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../img/Bild6.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
  -webkit-transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
}

/* More Button */
button.primary.more {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  line-height: 125%;
  background-color: rgba(78, 78, 78, 0.95);
  color: rgba(255, 255, 255, 1);
  text-align: center;
  display: inline-block;
  height: 49px;
  border-radius: 49px;
  border: none;
  padding: 12px 40px;
  vertical-align: middle;
  margin: 40px 30px 40px -1px;
  transition: all 250ms ease-in-out;
  cursor: pointer;
}

/* Text-Link as Container */
a.text-link {
  color: rgba(0, 0, 0, 1);
  text-decoration: none !important;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
  display: inline;
  cursor: pointer;
  margin-top: 10px;
}

/* Label in Teaser */
span.teaser-label {
  display: block;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  line-height: 125%;
  margin-bottom: 15px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  color: rgba(0, 0, 0, 1);
}

/* Label-Teaser (2) */
span.teaser-label-2 {
  display: block;
  color: rgba(0, 0, 0, 1);
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  line-height: 125%;
  margin-bottom: 15px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

/* Headline (H5 - dark BG) */
h5.white {
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 21px;
  line-height: 25px;
  color: rgba(255, 255, 255, 1);
}

/* Text-Link as Container (dark BG) */
a.text-link-white {
  text-decoration: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 1);
  font-size: 16px;
  line-height: 26px;
  line-height: 125%;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  display: inline-block;
}

/* Label-Teaser (dark BG) */
span.teaser-label-white {
  display: block;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  line-height: 125%;
  margin-bottom: 15px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  color: rgba(255, 255, 255, 1);
}

/* Very short Explanation Text in Box */
p.teaser {
  color: rgba(0, 0, 0, 1);
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  margin-bottom: 15px;
  margin-top: -2px;
  max-width: 800px;
  font-size: 16px;
  line-height: 26px;
  line-height: 21px;
  max-width: 340px;
}

/* Text for Image-Teaser-small */
p.teaser-small {
  color: rgba(0, 0, 0, 1);
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  margin-bottom: 15px;
  margin-top: -2px;
  max-width: 800px;
  font-size: 16px;
  line-height: 26px;
  line-height: 21px;
  margin-bottom: 0px;
}

/* Text-Link as Container in Link-List */
a.text-link-list {
  display: inline-block;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 1);
  line-height: 125%;
  color: rgba(0, 0, 0, 1);
}

/* Very short Text in Box (2) */
p.teaser-small-2 {
  color: rgba(0, 0, 0, 1);
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  margin-bottom: 15px;
  margin-top: -2px;
  max-width: 800px;
  font-size: 16px;
  line-height: 26px;
  line-height: 125%;
  margin-bottom: 0px;
}

/* Text-Link as Container inline-block */
a.text-link-2 {
  text-decoration: none !important;
  color: rgba(0, 0, 0, 1);
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
  display: inline-block;
  cursor: pointer;
  margin-top: 10px;
}

/* H4 */
h4 {
  margin: 0 0 12px -1px;
  max-width: 800px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  color: rgba(0, 0, 0, 1);
  font-size: 24px;
  line-height: 28px;
  margin-left: -1px;
}

/* H5 */
h5 {
  font-size: 21px;
  line-height: 25px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  color: rgba(0, 0, 0, 1);
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

/* Headline (H5-2) */
h5.clone {
  font-size: 21px;
  line-height: 25px;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  color: rgba(0, 0, 0, 1);
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
}

/* Text in Splitter-Box */
p.splitter-text {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
  line-height: 24px;
  color: rgba(0, 0, 0, 1);
  margin-top: 10px;
  margin-bottom: 0px;
  width: auto;
  max-width: 500px;
}

/* Short Text in Box (2) */
p.splitter-text-2 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
  line-height: 24px;
  color: rgba(0, 0, 0, 1);
  margin-top: 10px;
  margin-bottom: 0px;
  width: auto;
  max-width: 500px;
}

/* Table-Cell */
td {
  vertical-align: top;
  text-align: left;
  color: rgba(0, 0, 0, 1);
  font-size: 14px;
  line-height: 18px;
  line-height: 18px;
  border-bottom: 1px solid rgba(182, 182, 182, 1);
  padding-top: 13px !important;
  padding-bottom: 13px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  max-width: 800px !important;
}

/* Table-Cell (Number) */
td.n {
  font-size: 24px;
  line-height: 28px;
  text-align: right;
  vertical-align: middle;
}

/* Table-Cell (Sand BG) */
td.sand {
  background-color: rgba(250, 241, 227, 1);
}

/* Table Caption */
th {
  vertical-align: bottom;
  text-align: left;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  line-height: 125%;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
  padding-top: 13px !important;
  padding-bottom: 13px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  max-width: 800px !important;
  white-space: nowrap;
}

/* Table */
table {
  width: 100%;
  border-collapse: unset !important;
  border-spacing: 0;
}

table tbody tr:nth-child(even){
  background-color: transparent;
}

table tfoot{
  background-color: transparent;
}

/* Table Row */
tr {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  color: rgba(0, 0, 0, 1);
}

/* Table-Cell (First Column) */
td.title-row {
  color: rgba(112, 112, 112, 1);
  font-size: 14px;
  line-height: 18px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  padding-top: 13px !important;
  padding-bottom: 13px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  max-width: 800px !important;
  vertical-align: middle;
  max-width: 253px;
}

/* Table (with big numbers) */
table.type-1 {
  width: 100%;
  margin-bottom: 15px;
  max-width: 800px;
}

div.table-container-6 {
  margin-top: 25px;
  overflow-x: auto;
  overflow-y: hidden;
}

table.type-6 {
  width:100%;
  margin-bottom: 15px;
}

table.type-6>tbody>tr>td{
  font-size:16px
}

table tbody tr:nth-child(even){
  background-color: transparent;
}

table tbody tr:nth-child(even):hover{
  background-color: rgba(252, 248, 243, 1);
}

/* Table Caption (align-right) */
th.a-right {
  text-align: right;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  line-height: 125%;
  padding-top: 13px !important;
  padding-bottom: 13px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  max-width: 800px !important;
}

/* Table-Caption */
div.table-caption {
  font-size: 13px;
  line-height: 17px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin: 8px 0 42px;
  max-width: 470px;
  width: calc(100% - 100px);
}

div.listenverbindungen-wahlkreis{
  padding-bottom: 20px;
}

/* Sliding Navigation top */
div.sliding-nav-top {
  position: absolute;
  display: none;
  white-space: nowrap;
  right: 0;
  top: 0;
}

/* Sliding Navigation bottom */
div.sliding-nav-bottom {
  position: absolute;
  white-space: nowrap;
  bottom: 0;
  right: 0;
  display: none;
}

/* Sliding Navigation */
div.sliding-nav {
  white-space: nowrap;
}

/* Hover Enlarge */
img.hover-enlarge {
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  cursor: pointer;
}

/* Quotation */
blockquote {
  font-size: 18px;
  line-height: 28px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  color: rgba(0, 0, 0, 1);
  border-left: 6px solid rgba(235, 211, 174, 1);
  margin-top: 20px;
  margin-right: 0;
  margin-bottom: 20px;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 20px;
  max-width: 800px;
}

/* Important Notice */
blockquote.important {
  font-size: 18px;
  line-height: 28px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  color: rgba(0, 0, 0, 1);
  border-left: 6px solid rgba(234, 22, 31, 1);
}

/* Text in Box */
p.box-text {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
  line-height: 21px;
  color: rgba(0, 0, 0, 1);
  max-width: 800px;
}

/* Accordion */
ul.accordion {
  margin-bottom: 36px;
  margin-top: 36px;
  margin-left: 0px !important;
  margin-right: 0;
  max-width: 800px;
  background-color: transparent !important;
}

/* Accordion Title */
a.acc-title {
  position: relative;
  display: block;
  text-decoration: none !important;
  border: none !important;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 65px;
  max-width: 800px;
  background-color: rgba(247, 233, 210, 1);
  color: rgba(0, 0, 0, 1);
  font-size: 24px;
  line-height: 28px;
}

/* Accordion Content */
div.accordion-content {
  display: none;
  border: none !important;
  background-color: rgba(250, 241, 227, 1);
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 65px;
  max-width: 800px;
  padding-right: 25px;
  padding-bottom: 25px;
}

/* Accordion Item */
li.acc-item {
  margin-left: 0px !important;
  margin-bottom: 20px;
}

/* Bullet Pagination (Navigation) */
div.bulllet-nav {
  white-space: nowrap;
  margin-top: -4px;
  margin-left: -5px;
}

/* Hover Enlarge Bullet */
img.hover-enlarge-x {
  cursor: pointer;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

/* Img 1 für Image Gallery */
div.gal-small-img-1 {
  flex: 1;
  max-height: 240px;
  overflow: hidden;
}

/* Img 2 für Image Gallery */
div.gal-small-img-2 {
  max-height: 240px;
  flex: 1;
  margin-left: 2%;
  overflow: hidden;
}

/* Sliding Navigation bottom (2) */
div.sliding-nav-bottom-2 {
  position: absolute;
  white-space: nowrap;
  bottom: -1px;
  right: -1px;
}

/* Step Box (Number) */
div.step-1 {
  text-align: center;
  font-size: 65px;
  line-height: 74px;
  letter-spacing: 0.02rem;
  word-spacing: 0.04rem;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  background-color: rgba(235, 211, 174, 1);
  padding-top: 6px;
  width: 85px;
  height: 85px;
  display: table-cell;
  vertical-align: top;
}

/* Step Box (Text) */
div.step-1-text {
  display: table-cell;
  vertical-align: middle;
  background-color: rgba(250, 241, 227, 1);
  font-size: 24px;
  line-height: 28px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  color: rgba(0, 0, 0, 1);
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 25px;
  max-width: 800px;
}

/* Step Box (Number 2) | sdssdsdsdsdsd */
div.step-2 {
  text-align: center;
  font-size: 65px;
  line-height: 74px;
  letter-spacing: 0.02rem;
  word-spacing: 0.04rem;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  background-color: rgba(235, 211, 174, 1);
  padding-top: 6px;
  width: 85px;
  height: 85px;
  display: table-cell;
  vertical-align: top;
}

/* Step Box (Text 2) */
div.step-2-text {
  display: table-cell;
  vertical-align: middle;
  background-color: rgba(250, 241, 227, 1);
  font-size: 24px;
  line-height: 28px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  color: rgba(0, 0, 0, 1);
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 25px;
  max-width: 800px;
}

/* Search Field in Content */
input[type="text"].search-1 {
  text-overflow: ellipsis;
  margin-left: 12px;
  width: calc(100% - 24px) !important;
  margin-top: 12px !important;
  margin-bottom: 12px !important;
  padding-right: 44px !important;
  background-color: rgba(255, 255, 255, 1);
  height: 42px !important;
  border: none !important;
  opacity: 0.9;
  padding-left: 15px;
}

/* Search icon */
div.search-icon {
  background-image: url("../img/search.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: auto;
  height: 32px;
  width: 32px;
  right: 16px;
  top: 16px;
  position: absolute;
}

/* Frame 16:9 */
div.vid {
  height: 0;
  padding-bottom: 56.25%; /* 16:9 */
  position: relative;
  background-image: url("../img/video-preview.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
}

/* Video Play Button */
div.play-video.enl-ico {
  position: absolute;
  opacity: 0.9;
  height: 114px;
  width: 114px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 50%;
  margin-left: -57px;
  background-image: url("../img/Play Button.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: auto;
}

/* Beige line (HR) */
hr {
  height: 1px;
  border: none;
  background-color: #ebd3ae;
  margin: 25px 0 25px 0;
  width: 100%;
}

/* Line (HR Accordion) */
hr.accordion {
  height: 1px;
  border: none;
  background-color: #ebd3ae;
  margin: 25px 0 25px 0;
  width: 100%;
  margin-top: -25px;
}

/* Infobox */
ul.box-beige {
  background-color: transparent !important;
  float: left;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 20px;
  margin-left: 0;
  width: 100%;
  max-width: 400px;
}

/* Infobox Title */
a.infobox-title {
  position: relative;
  display: block;
  text-decoration: none !important;
  border: none !important;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 65px;
  max-width: 800px;
  background-color: rgba(247, 233, 210, 1);
  color: rgba(0, 0, 0, 1);
  font-size: 24px;
  line-height: 28px;
}

/* Inpage-Navigation */
ul.inpage-nav {
  margin-top: 0px;
  margin-left: 0px !important;
  margin-right: 0;
  margin-bottom: 20px;
  border: 1px solid rgba(222, 222, 222, 1);
  background-color: transparent !important;
  width: 100%;
  max-width: 400px;
}

/* Inpage-Navigation Title (H4) */
a.inpage-nav-title {
  position: relative;
  display: block;
  text-decoration: none !important;
  border: none !important;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  font-size: 24px;
  line-height: 28px;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 65px;
  max-width: 800px;
  color: rgba(0, 0, 0, 1);
}

/* Inpage Navigation Content */
div.inpage-nav-content {
  display: none;
  border: none !important;
  padding-top: 26px;
  padding-bottom: 26px;
}

/* Inpage-Navigation Item */
li.inpage-nav-item {
  margin-left: 0px !important;
}

/* Line (HR Inpage Navigation) */
hr.accordion {
  background-color: rgba(112, 112, 112, 0.5);
  border: none !important;
  margin-top: -25px;
  margin-right: 25px;
  margin-bottom: 25px;
  margin-left: 25px;
  width: auto;
  height: 1px;
}

/* Inpage-Navigation Link */
a.inpage-nav {
  font-size: 21px;
  line-height: 25px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  display: inline-block;
  text-decoration: none !important;
  color: inherit;
}

/* Inpage Navigation active */
div.inpage-active {
  background-color: #fcf8f3;
  margin: 0px -25px;
  padding: 0 25px;
  border-left: 6px solid #ea161f;
}

/* Inpage-Navigation active Link */
a.inpage-nav-active {
  font-size: 21px;
  line-height: 25px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  display: inline-block;
  color: rgba(234, 22, 31, 1);
  text-decoration: none !important;
}

/* Logo */
img.logo {
  max-width: 150px;
  cursor: pointer;
}

/* Logo Caption */
div.logo-caption {
  font-size: 16px;
  line-height: 17px;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  color: rgba(0, 0, 0, 1);
  margin-top: 19px;
  max-width: 335px;
}

/* Logo Caption (max. length) */
div.logo-caption-long {
  font-size: 16px;
  line-height: 17px;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  color: rgba(0, 0, 0, 1);
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  margin-top: 19px;
  max-width: 335px;
}

/* Service-Menue-Item */
a.service-menue {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  color: rgba(0, 0, 0, 1);
  display: inline-block;
  text-decoration: none !important;
  height: 18px;
  line-height: 1.5;
  margin: 0 calc(0.25vw + 15px) 0 calc(0.25vw + 15px);
}

/* Language-Selector */
div.language-selector {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: rgba(0, 0, 0, 1);
  margin-left: calc(0.25vw + 8px);
  display: inline-block;
}

/* Language-Selector item */
a.language {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: rgba(0, 0, 0, 1);
  display: inline-block;
  height: 21px;
  line-height: 1.3;
  letter-spacing: 0.025rem;
  margin: 0 7px 0 7px;
  text-decoration: none !important;
}

/* Language-Selector active item */
a.language.active {
  border-bottom: 2px solid rgba(234, 22, 31, 0.77);
}

/* Main-Menue-Item */
a.main-menue {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 28px;
  color: rgba(0, 0, 0, 1);
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  text-decoration: none !important;
  display: inline-block;
  margin: 0 calc(1.1vw + 12px) 0 calc(1.1vw + 12px);
  height: 36px;
  line-height: 1.5;
}

/* Search-Icon in Main-Menue */
a.search-icon-mm {
  background-image: url("../img/search.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: auto;
  background-position: center 22px;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  width: 83px;
  height: 82px;
  margin-top: -10px;
  display: inline-block;
  vertical-align: middle;
}

/* Hamburger Icon */
a.hamburger-icon {
  background-image: url("../img/hamburger-icon.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: auto;
  width: 32px;
  height: 32px;
  display: inline-block;
  float: right;
}

@media (min-width: 1040px) {
  #navigation{
    display: block !important;
  }
  #navigation > .service-nav{
    display: none !important;
  }
}
#content{
  margin-top: 20px;
}
/* Search Icon mobile */
a.search-icon-mobile {
  background-image: url("../img/search-mobile.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: auto;
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: 25%;
  float: right;
}

/* Logo (KBE) */
img.logo-kbe {
  max-width: 150px;
  cursor: pointer;
  position: absolute;
  bottom: 31px;
}

/* Logo Footer (KBE) */
img.logo-kbe-footer {
  max-width: 150px;
  cursor: pointer;
  margin-bottom: 24px;
}

/* Label (Footer) */
div.label-footer {
  position: absolute;
  right: 0;
  padding-left: 45px;
  padding-right: 45px;
  top: 35px;
  color: rgba(0, 0, 0, 1);
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0;
  word-spacing: 0;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
}

/* Intro-Text (Footer OE) */
div.intro-footer {
  color: rgba(0, 0, 0, 1);
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0;
  word-spacing: 0;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  max-width: 340px;
  width: 100%;
}

/* Copyright (KBE) */
p.copyright.cr-kbe {
  position: absolute;
  bottom: 29px;
  left: 0;
}

/* Copyright */
p.copyright {
  font-size: 13px;
  line-height: 17px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.02rem;
  word-spacing: 0.05rem;
  color: rgba(0, 0, 0, 1);
  padding-left: 45px;
  padding-right: 45px;
  margin-bottom: 0;
  max-width: none;
  margin-top: 20px;
  margin-left: 0;
  width: auto;
}

/* Intro-Text (Footer KBE) */
div.intro-footer {
  color: rgba(0, 0, 0, 1);
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0;
  word-spacing: 0;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  max-width: 340px;
  width: 100%;
}

/* Facebook (black) */
a.fb-ico {
  background-image: url("../img/facebook.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: auto;
  width: 32px;
  height: 32px;
  margin-right: 25px;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  display: inline-block;
  float: left;
}

/* Twitter (black) */
a.tw-ico {
  background-image: url("../img/twitter.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: auto;
  width: 32px;
  height: 32px;
  margin-right: 25px;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  display: inline-block;
  float: left;
}

/* Google+ (black) */
a.go-ico {
  background-image: url("../img/google+.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: auto;
  width: 32px;
  height: 32px;
  margin-right: 25px;
  display: inline-block;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  float: left;
}

/* RSS (black) */
a.rss-ico {
  background-image: url("../img/rss-black.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: right center;
  background-size: auto;
  width: 32px;
  height: 32px;
  display: inline-block;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  float: left;
}

/* Footer-Menue-Item 1 */
a.footer-menue.f1 {
  margin-left: 0px !important;
}

/* Footer-Menue-Item 3 */
a.footer-menue.f3 {
  margin-right: 0;
}

/* Footer-Menue-Item */
a.footer-menue {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  color: rgba(0, 0, 0, 1);
  display: inline-block;
  text-decoration: none !important;
  height: 18px;
  line-height: 1.5;
  margin: 0 calc(0.5vw + 30px) 0 0;
}

/* Logo Footer (OE) */
img.logo-oe-footer {
  cursor: pointer;
  max-width: 110px;
}

/* Logo Caption (Footer) */
div.logo-caption-footer {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  color: rgba(0, 0, 0, 1);
  margin-top: 12px;
  max-width: 210px;
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
}

/* Copyright (OE) */
p.copyright.cr-kbe {
  position: absolute;
  bottom: 29px;
  left: 0;
}

/* Step Box (long Text) */
div.step-1-text {
  display: table-cell;
  vertical-align: middle;
  background-color: rgba(250, 241, 227, 1);
  font-size: 24px;
  line-height: 28px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  color: rgba(0, 0, 0, 1);
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 25px;
  max-width: 800px;
}

/* Main-Menue-Sub-Item */
a.main-menue-sub {
  color: rgba(0, 0, 0, 1);
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 21px;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  text-decoration: none !important;
  display: inline-block;
  max-width: calc(100% - 35px);
  width: auto;
  margin-top: 5px;
  white-space: normal;
}

/* Main-Menue-Sub-Item 2 */
a.main-menue-sub.i2 {
  color: rgba(234, 22, 31, 1);
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
}

/* Main-Menue-Sub-Item 4 */
a.main-menue-sub.i4 {
  color: rgba(234, 22, 31, 1);
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
}

/* Main-Menue-Sub-Item 9 */
a.main-menue-sub.i9 {
  color: rgba(234, 22, 31, 1);
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
}

/* Main-Menue-Sub-Item (Startseite) */
a.main-menue-sub.i12 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  color: rgba(234, 22, 31, 1);
}

/* Logo (not-responsive) */
img.logo-nr {
  max-width: 150px;
  cursor: pointer;
}

/* Logo Caption (not-responsive) */
div.logo-caption-nr {
  font-size: 16px;
  line-height: 17px;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  color: rgba(0, 0, 0, 1);
  margin-top: 19px;
  max-width: 335px;
}

/* Horizontal line (DLN Start) */
div.hr-dln-start {
  border-top: 1px solid #b6b6b6;
  height: 1px;
  margin: 29px 0 24px;
  width: 100%;
}

/* Main-Menue-Sub-Item (Themen active) */
a.main-menue-sub.i16 {
  color: rgba(234, 22, 31, 1);
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
}

/* Close Icon */
div.close-icon {
  background-image: url("../img/close-icon.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: auto;
  width: 24px;
  height: 24px;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  cursor: pointer;
}

/* Back Icon */
div.back-icon {
  background-image: url("../img/go-back.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: auto;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  width: 32px;
  height: 32px;
}

/* Down Icon */
div.down-icon {
  background-image: url("../img/go-down.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: auto;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  width: 32px;
  height: 32px;
}

/* White Text (strong) */
p.white-text {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  line-height: 21px;
  color: rgba(255, 255, 255, 1);
  max-width: 1350px;
  display: inline-block;
}

/* Alert */
img.alert {
  height: 74px;
  float: left;
  display: inline-block;
}

/* Close Icon (White) */
div.close-icon-white {
  background-image: url("../img/close-icon-white.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: auto;
  width: 24px;
  height: 24px;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  cursor: pointer;
}

/* clear-both-32-height */
div.clear-both {
  clear: both;
  width: 100%;
  height: 32px !important;
}

/* Infobox Wrapper */
li.infobox-wrapper {
  margin-left: 0px !important;
}

/* BC Home */
a.bc-home {
  background-image: url("../img/home-button.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: auto;
  float: left;
  margin-top: -3px;
  margin-right: 12px;
  width: 20px;
  height: 20px;
}

/* BC Arrow */
div.bc-arrow {
  background-image: url("../img/arrow-right_.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
  float: left;
  margin-top: 2px;
  margin-right: 10px;
  width: 15px;
  height: 12px;
}

/* Breadcrumb Link */
a.bc-link {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.02rem;
  word-spacing: 0.05rem;
  float: left;
  display: inline-block;
  border-bottom: 1px solid rgba(255, 255, 255, 1);
  text-decoration: none !important;
  margin-right: 12px;
  color: rgba(0, 0, 0, 1);
}

/* BC Dropdown */
a.bc-dropdown {
  background-image: url("../img/bc.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: auto;
  width: 20px;
  height: 20px;
  float: left;
  display: inline-block;
  margin-top: -2px;
}

/* Breadcrumb Link active */
div.bc-link-active {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  float: left;
  display: inline-block;
  border-bottom: 1px solid rgba(255, 255, 255, 1);
  text-decoration: none !important;
  margin-right: 12px;
  color: rgba(112, 112, 112, 1);
}

/* Delivery Objects Dez. 2018 */
div.DO-2018.styleguide_note {
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 30px;
  margin-left: 10px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 20px;
}

/* Delivery Objects Design Mandate */
div.DO-2019.styleguide_note {
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 60px;
  margin-left: 10px;
  padding-left: 20px;
}

/* Styleguide Explanation Headline */
h4.explanation {
  margin-top: 30px;
  margin-bottom: 5px;
}

/* Text in Splitter-Box (white) */
p.splitter-text-white {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  line-height: 24px;
  color: rgba(255, 255, 255, 1);
  margin-top: 10px;
  margin-bottom: 0px;
  width: auto;
  max-width: 500px;
}

/* Splitter Link List */
p.splitter-list {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

/* Suberscribe */
span.file-format {
  vertical-align: +0.5em;
  font-size: 55%;
  font-weight: bolder;
  margin-right: 3px;
  letter-spacing: 0.05rem;
}

/* Splitter Link-List Style */
a.splitter {
  position: relative;
  color: rgba(0, 0, 0, 1);
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 28px;
  line-height: 125%;
  text-decoration: none;
  display: inline-block;
  border-bottom: 1px solid rgba(255, 255, 255, 1);
  margin-top: 14px;
  margin-bottom: 14px;
  margin-left: 42px;
  padding-bottom: 2px;
}

/* Search-Icon in Main-Menue (active) */
a.search-icon-mm.active {
  background-image: url("../img/search.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: auto;
  background-position: center 22px;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  width: 83px;
  height: 82px;
  margin-top: -10px;
  display: inline-block;
  vertical-align: middle;
  background-color: rgba(250, 241, 227, 1);
}

/* Search Input */
input.search {
  color: rgba(0, 0, 0, 1);
  border: none !important;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  position: relative;
  background-image: url("../img/search.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: auto;
  background-position: 20px center;
  background-size: 39px 39px;
  background-color: transparent !important;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 5px;
  padding-right: 35px;
  padding-bottom: 5px;
  padding-left: 70px;
  width: 100%;
  max-width: none;
  height: 65px;
}

/* Arrow Right Icon */
img.arrow-right {
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  cursor: pointer;
  width: 32px;
  height: 24px;
}

/* Search Input (active) */
input.search.active {
  color: rgba(0, 0, 0, 1);
  border: none !important;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  position: relative;
  background-image: url("../img/search.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: auto;
  background-position: 20px center;
  background-size: 39px 39px;
  background-color: transparent !important;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 5px;
  padding-right: 35px;
  padding-bottom: 5px;
  padding-left: 70px;
  width: 100%;
  max-width: none;
  height: 65px;
}

/* Jump2top-Icon */
div.jump2top {
  background-image: url("../img/jump-to-top.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: auto;
  cursor: pointer;
  opacity: 0.6;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  width: 90px;
  height: 90px;
}

/* Jump2top-Icon */
div.jump-2-top {
  background-image: url("../img/jump-to-top.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: auto;
  cursor: pointer;
  bottom: 0;
  left: calc(100% - 90px);
  position: -webkit-sticky;
  position: sticky;
  opacity: 0.6;
  display: none;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  width: 90px;
  height: 90px;
}

/* Inpage-Navigation Item */
div.inpage-nav {
  padding-top: 15px;
  padding-right: 25px;
  padding-bottom: 15px;
  padding-left: 26px;
}

/* Inpage-Navigation Item (acitve) */
div.inpage-nav-active {
  display: block;
  background-color: rgba(252, 248, 243, 1);
  color: rgba(234, 22, 31, 1);
  border-left: 6px solid rgba(234, 22, 31, 1);
  padding-left: 20px;
  padding-top: 15px;
  padding-right: 26px;
  padding-bottom: 15px;
  padding-left: 25px;
}

/* Line (HR Infobox) */
hr.accordion-2 {
  border: none !important;
  background-color: rgba(112, 112, 112, 0.5);
  margin-top: -25px;
  margin-right: 0px;
  margin-bottom: 25px;
  margin-left: 0px;
  width: auto;
  height: 1px;
}

/* Search Suggestion */
a.search-suggest {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 28px;
  color: rgba(0, 0, 0, 1);
  text-decoration: none !important;
  letter-spacing: 0.02rem;
  word-spacing: 0.05rem;
  display: block;
  padding-top: 10px;
  padding-right: 70px;
  padding-bottom: 10px;
  padding-left: 70px;
  width: 100%;
}

/* H1 (center) */
h1.center {
  text-align: center;
  margin-top: 72px;
  margin-right: 45px;
  margin-bottom: 24px;
  margin-left: 45px;
  max-width: 1350px;
}

/* H3 (center) */
h3.center {
  text-align: center;
  margin-top: 36px;
  margin-right: 45px;
  margin-bottom: 20px;
  margin-left: 45px;
  max-width: 1350px;
}

/* Tab (active) */
div.tab.active {
  background-color: rgba(78, 78, 78, 0.95);
  color: rgba(255, 255, 255, 1);
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  display: inline-block;
  border-radius: 41px;
  border: none;
  padding: 11px 20px 12px 20px;
  vertical-align: middle;
  margin: 18px 5px;
  -webkit-transition: all 180ms ease-in-out;
  transition: all 180ms ease-in-out;
  cursor: pointer;
  overflow: hidden;
  margin-right: 15px;
  margin-left: 15px;
}

/* Grey Color */
span.grey {
  color: rgba(112, 112, 112, 1);
}

/* Tab */
div.tab {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.02rem;
  word-spacing: 0.05rem;
  text-align: center;
  display: inline-block;
  border-radius: 41px;
  border: none;
  padding: 11px 20px 12px 20px;
  vertical-align: middle;
  margin: 18px 5px;
  -webkit-transition: all 180ms ease-in-out;
  transition: all 180ms ease-in-out;
  cursor: pointer;
  overflow: hidden;
  cursor: pointer;
  color: rgba(0, 0, 0, 1);
  background-color: rgba(255, 255, 255, 1);
}

/* Headline (Search Result) */
h2.search-result {
  font-size: 30px;
  line-height: 36px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  margin: 0 0 12px -2px;
  max-width: 800px;
  color: rgba(0, 0, 0, 1);
  max-width: 800px;
}

/* Thumbnail Image */
div.img-thumbnail {
  border: 1px solid rgba(222, 222, 222, 1);
  background-image: url("../img/steuer.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: left center;
  background-size: cover;
  margin-right: 30px;
  width: 130px;
  height: 130px;
}

/* Arrow Left Icon (disabled) */
img.arrow-left-disabled {
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  width: 32px;
  height: 24px;
}

/* Input for Pagination */
input.pagination {
  border: 1px solid rgba(112, 112, 112, 1);
  white-space: nowrap;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 0;
  padding-right: 3px;
  padding-bottom: 0;
  padding-left: 3px;
  width: 36px;
  height: 36px;
}

/* Pagination Text */
p.pagination {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  line-height: 24px;
  letter-spacing: 0.02rem;
  word-spacing: 0.05rem;
  color: rgba(0, 0, 0, 1);
  display: inline-block;
  position: relative;
  margin-right: 10px;
  margin-left: 10px;
}

/* Filter-Box */
div.select.filter {
  background-image: url("../img/arrow-down.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: auto;
  background-size: 12px 8px;
  background-position: calc(100% - 30px) center;
}

/* Space at the end of pages */
div.space {
  width: 100%;
  clear: both;
  height: 200px;
}

/* Lightbox Image */
div.lightbox-img {
  background-image: url("../img/Bild7.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: contain;
  background-color: rgba(242, 242, 242, 1);
  height: 68vh;
}

/* Overlay Wrapper */
div.overlay {
  background-color: rgba(252, 248, 243, 1);
  opacity: 0.9;
  position: fixed;
  z-index: 9998;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  display: none;
}

/* Overlay Wrapper */
div.overlay-dummy {
  background-color: rgba(252, 248, 243, 1);
  opacity: 0.9;
  width: 100%;
  min-height: 68vh;
  overflow: hidden;
}

/* Beige line */
div.hr-sand {
  background-color: rgba(235, 211, 174, 1);
  margin-top: 30px;
  margin-right: 45px;
  margin-bottom: 30px;
  margin-left: 45px;
  height: 1px;
}

/* Light Grey Line */
div.hr-light {
  background-color: rgba(222, 222, 222, 1);
  margin-top: 30px;
  margin-right: 45px;
  margin-bottom: 30px;
  margin-left: 45px;
  height: 1px;
}

/* H3 (2) */
h3.v2 {
  font-size: 26px;
  line-height: 30px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  color: rgba(0, 0, 0, 1);
  margin-top: 24px;
  margin-right: 45px;
  margin-bottom: 18px;
  margin-left: 45px;
  max-width: 1350px;
}

/* H1 (2) */
h1.v2 {
  margin-right: 45px;
  margin-left: 45px;
}

/* H2 (2) */
h2.v2 {
  font-size: 30px;
  line-height: 36px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  margin: 0 0 12px -2px;
  max-width: 800px;
  color: rgba(0, 0, 0, 1);
  margin-right: 45px;
  margin-left: 45px;
}

/* H2 (center) */
h2.center {
  text-align: center;
  margin-top: 60px;
  margin-right: 45px;
  margin-bottom: 20px;
  margin-left: 45px;
  max-width: 1350px;
}

/* Search Input (focus) */
input.search.focus {
  color: rgba(0, 0, 0, 1);
  border: none !important;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  position: relative;
  background-image: url("../img/search.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: auto;
  background-position: 20px center;
  background-size: 39px 39px;
  background-color: transparent !important;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 5px;
  padding-right: 35px;
  padding-bottom: 5px;
  padding-left: 70px;
  width: 100%;
  max-width: none;
  height: 65px;
}

/* Lightbox Image 2 */
div.lightbox-img-2 {
  background-image: url("../img/vertretungen-schweiz (1).png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: contain;
  background-color: rgba(242, 242, 242, 1);
  height: 68vh;
}

/* Image-for-Hero-Area */
div.img-hero {
  -webkit-transition: transform 1800ms ease-in-out;
  transition: transform 1800ms ease-in-out;
  background-image: url("../img/bern.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 623px;
}

/* Teaser in Hero-Image */
div.hero-img-teaser {
  background-color: rgba(78, 78, 78, 0.95);
  cursor: pointer;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  padding-top: 30px;
  padding-right: 25px;
  padding-bottom: 30px;
  padding-left: 25px;
  width: calc(50% - 8.5px);
  min-height: 143px;
}

/* Right-Hero-Teaser */
div.right-hero-teaser {
  background-color: rgba(247, 233, 210, 1);
  cursor: pointer;
  position: relative;
  white-space: nowrap;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  margin-bottom: 17px;
  padding-top: 30px;
  padding-right: 25px;
  padding-bottom: 30px;
  padding-left: 25px;
  width: 100%;
  height: 143px;
}

/* Right-Hero-Teaser (big) */
div.right-hero-teaser.big {
  white-space: normal;
  height: 303px;
}

/* Right-Hero-Teaser (red) */
div.right-hero-teaser.red {
  background-color: rgba(234, 22, 31, 1);
  max-width: 800px;
}

/* Sub-Hero-Teaser */
div.sub-hero-teaser {
  cursor: pointer;
  background-color: rgba(247, 233, 210, 1);
  float: left;
  position: relative;
  white-space: nowrap;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  margin-right: 17px;
  padding-top: 30px;
  padding-right: 25px;
  padding-bottom: 30px;
  padding-left: 25px;
  width: calc(33.3% - 11.34px);
  height: 143px;
}

/* H2 (Hero-Area) */
h2.hero-area {
  font-size: 30px;
  line-height: 36px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  color: rgba(0, 0, 0, 1);
  position: absolute;
  left: 0;
  bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 30px;
  margin-left: 25px;
  width: calc(100% - 48px);
}

/* H2 Important (Hero-Area) */
h2.hero-area.important {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  margin-bottom: 30px;
  margin-left: 25px;
}

/* H2 white (Hero-Area) */
h2.hero-area.white {
  color: rgba(255, 255, 255, 1);
  position: relative;
  margin-top: 24px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  max-height: none;
}

/* Image-for-Hero-Area (Theme-Site) */
div.img-hero-theme {
  -webkit-transition: transform 1800ms ease-in-out;
  transition: transform 1800ms ease-in-out;
  background-image: url("../img/asyl.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 623px;
}

/* Teaser in Hero-Image (Theme-Site) */
div.hero-img-teaser-theme {
  background-color: rgba(78, 78, 78, 0.95);
  cursor: pointer;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  display: table;
  padding-top: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
  padding-left: 30px;
  width: calc(33.3% - 11.34px);
}

/* H2 white (Hero-Area Theme) */
h2.hero-area.white.theme {
  vertical-align: middle;
  display: table-cell;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  max-height: none;
}

/* Darkening Image Overlay */
div.darken {
  background: rgba(38, 38, 38, 0.6);
  background: -moz-linear-gradient(
          top,
          rgba(38, 38, 38, 0.6) 0%,
          rgba(68, 68, 68, 0.2) 100%
  );
  background: -webkit-gradient(
          left top,
          left bottom,
          color-stop(0%, rgba(38, 38, 38, 0.6)),
          color-stop(100%, rgba(68, 68, 68, 0.2))
  );
  background: -webkit-linear-gradient(
          top,
          rgba(38, 38, 38, 0.6) 0%,
          rgba(68, 68, 68, 0.2) 100%
  );
  background: -o-linear-gradient(
          top,
          rgba(38, 38, 38, 0.6) 0%,
          rgba(68, 68, 68, 0.2) 100%
  );
  background: -ms-linear-gradient(
          top,
          rgba(38, 38, 38, 0.6) 0%,
          rgba(68, 68, 68, 0.2) 100%
  );
  background: linear-gradient(
          to bottom,
          rgba(38, 38, 38, 0.6) 0%,
          rgba(68, 68, 68, 0.2) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#444444', GradientType=0 );
  width: 100%;
  height: 100%;
  min-height: 250px;
}

/* Hero-Image (Campaign-Site) */
div.img-fullpage {
  background-image: url("../img/Kampagnen-Image.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 100%;
}

/* Campaign Title */
div.campaign-title {
  color: rgba(255, 255, 255, 1);
  font-size: 65px;
  line-height: 74px;
  letter-spacing: 0.02rem;
  word-spacing: 0.04rem;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  line-height: 125%;
  text-align: center;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-right: 25%;
  padding-left: 25%;
  width: 100%;
  height: 100%;
}

/* Scrolldown Arrow */
div.scroll-down.bounce {
  background-image: url("../img/scroll-down.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: auto;
  width: 100%;
  height: 32px;
}

/* Main-Menue-Item (Campaign) */
a.main-menue-campaign {
  font-size: 18px;
  line-height: 21px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  color: rgba(0, 0, 0, 1);
  text-decoration: none !important;
  display: inline-block;
  margin: 0 calc(1.1vw + 12px) 0 calc(1.1vw + 12px);
  height: 36px;
  line-height: 1.5;
  margin-top: 34px;
}

/* Main-Menue-active (Campaign) */
span.main-menue-campaign.active {
  font-size: 18px;
  line-height: 21px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  color: rgba(0, 0, 0, 1);
  text-decoration: none !important;
  display: inline-block;
  margin: 0 calc(1.1vw + 12px) 0 calc(1.1vw + 12px);
  height: 36px;
  line-height: 1.5;
  margin-top: 34px;
}

/* Search-Icon in MM (Campaign) */
a.search-icon-mm-campaign {
  background-image: url("../img/search.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 32px 32px;
  width: 60px;
  height: 60px;
  margin-top: 18px;
  margin-right: 2.4vw;
  margin-left: 0.6vw;
  display: inline-block;
  vertical-align: middle;
}

/* Campaign-Logo */
img.campaign-logo {
  width: 190px;
}

/* Main-Menue-Item (Theme) */
a.main-menue-theme {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  line-height: 100%;
  color: rgba(0, 0, 0, 1);
  text-decoration: none !important;
  display: inline-block;
  margin: 0 1vw 0 1vw;
  height: 24px;
  line-height: 1.5;
}

/* H2 (Form) */
h2.form {
  display: inline-block;
  margin-top: 50px;
  margin-bottom: 10px;
  width: 100%;
}

/* H3 (Form) */
h3.form {
  display: inline-block;
  margin-top: 40px;
  margin-bottom: 10px;
  width: 100%;
}

/* Notice to form elements */
span.notice {
  display: block;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
  line-height: 125%;
  color: rgba(0, 0, 0, 1);
  background-color: rgba(255, 255, 255, 1);
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

/* Floating label (visible) */
span.floating-label.open {
  font-size: 13px;
  line-height: 17px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  -webkit-transform: translateY(8px);
  -ms-transform: translateY(8px);
  transform: translateY(8px);
  -webkit-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  top: 1px;
  left: 23px;
  background-color: #fff;
  padding: 2px 5px;
  opacity: 1;
  margin-top: -20px;
}

/* Select Options */
div.options.open {
  max-height: 240px;
}

/* Select option */
div.option {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
  line-height: 125%;
  border-left: 6px solid rgba(112, 112, 112, 0);
  cursor: default;
  padding-top: 18px;
  padding-right: 28px;
  padding-bottom: 18px;
  padding-left: 22px;
}

/* Select option (active) */
div.option.active {
  background-color: rgba(250, 241, 227, 1);
  border-left: 6px solid rgba(112, 112, 112, 1);
  padding-top: 20px;
  padding-right: 28px;
  padding-bottom: 20px;
  padding-left: 22px;
}

/* Floating label */
span.floating-label {
  font-size: 13px;
  line-height: 17px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  -webkit-transform: translateY(8px);
  -ms-transform: translateY(8px);
  transform: translateY(8px);
  -webkit-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  top: 1px;
  left: 23px;
  background-color: #fff;
  padding: 2px 5px;
  opacity: 0;
  display: block;
}

/* Select-Box */
div.select.open {
  border-bottom: 1px solid rgba(222, 222, 222, 1);
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 18px;
  padding-right: 62px;
  padding-bottom: 12px;
  padding-left: 28px;
  width: 100%;
  max-width: 800px;
  height: 59px;
}

/* Select Options */
div.options {
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  max-height: 0px;
}

/* Selectbox Icon (open) */
img.select.open {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  width: 18px;
  height: 18px;
}

/* File-Upload Field */
input[type="file"].file-upload {
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 90px;
}

/* File Upload Icon */
img.file-upload-img {
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  width: 59px;
  height: 59px;
}

/* File-Upload Field (success) */
input.file-upload-success {
  background-color: transparent !important;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 90px;
}

/* File Upload Icon (success) */
img.file-upload-img-success {
  width: 59px;
  height: 59px;
}

/* Placeholder */
span.placeholder {
  display: block;
  color: rgba(112, 112, 112, 1);
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  line-height: 125%;
  margin-bottom: 12px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

/* Inputfield (watermarked) */
input.watermarked {
  padding-right: 62px !important;
}

/* Tab 2 (active) */
div.tab-2.active {
  background-color: rgba(78, 78, 78, 0.95);
  color: rgba(255, 255, 255, 1);
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  display: inline-block;
  border-radius: 41px;
  border: none;
  padding: 11px 20px 12px 20px;
  vertical-align: middle;
  margin: 18px 5px;
  -webkit-transition: all 180ms ease-in-out;
  transition: all 180ms ease-in-out;
  cursor: pointer;
  overflow: hidden;
  margin-right: 15px;
  margin-left: 15px;
}

/* Filter-Box 2 */
div.select.filter-2 {
  background-image: url("../img/arrow-down.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: auto;
  background-size: 12px 8px;
  background-position: calc(100% - 30px) center;
}

/* Inpage-Search Title (H4) */
a.inpage-search-title {
  position: relative;
  display: inline-block;
  text-decoration: none !important;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  font-size: 24px;
  line-height: 28px;
  color: rgba(0, 0, 0, 1);
  cursor: default;
  border-bottom: 1px solid rgba(255, 255, 255, 1);
  margin-left: -16px;
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
}

/* Inpage-Search Area */
div.inpage-search-area {
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 1px;
  min-height: 1px;
}

/* Inpage-Search Area (open) */
div.inpage-search-area.open {
  margin-bottom: 25px;
  width: 100%;
  height: auto;
  min-height: 200px;
}

/* RSS-Abo */
a.rss-abo {
  background-image: url("../img/rss.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: right center;
  background-size: 30px 30px;
  text-align: right;
  font-size: 14px;
  line-height: 18px;
  line-height: 125%;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  display: inline-block;
  text-decoration: none !important;
  color: rgba(112, 112, 112, 1);
  padding-right: 42px;
  padding-left: 0;
}

/* Datepicker Icon */
img.datepicker-img {
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  width: 29px;
  height: 29px;
}

/* Select Options (with Optgroups) */
div.options-og {
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  max-height: 0px;
}

/* Select Options (with Optgroups) */
div.options-og.open {
  max-height: 320px;
}

/* Select option (longlist) */
div.option.og-2 {
  padding-top: 6px;
  padding-right: 28px;
  padding-bottom: 6px;
  padding-left: 44px;
}

/* Select optgroup (longlist) */
div.option.og-1 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  padding-top: 6px;
  padding-right: 28px;
  padding-bottom: 6px;
  padding-left: 22px;
}

/* Hierarchical Checkboxes */
div.options-oga {
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  max-height: 0px;
}

/* Hierarchical Checkboxes */
div.options-oga.open {
  max-height: 320px;
}

/* Checkbox in Selectbox */
label.oga-1 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  line-height: 125%;
  cursor: default;
  margin-top: 15px;
  margin-right: 0;
  margin-bottom: 15px;
  margin-left: 28px;
  padding-top: 1px;
  padding-right: 0px;
  padding-bottom: 1px;
  padding-left: 36px;
  width: calc(100% - 44px);
}

/* Checkbox (2) in Selectbox */
label.oga-2 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
  line-height: 125%;
  cursor: default;
  margin-top: 10px;
  margin-right: 0;
  margin-bottom: 10px;
  margin-left: 64px;
  padding-top: 1px;
  padding-right: 0px;
  padding-bottom: 1px;
  padding-left: 36px;
  width: calc(100% - 72px);
}

/* Back-to-Overview Link */
a.back2overview {
  display: block;
  position: relative;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  line-height: 125%;
  float: right;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 1);
  margin-bottom: 12px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

/* Image 3to4 50% */
div.img-3to4-50 {
  background-image: url("../img/portrait.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
  margin-bottom: 20px;
  padding-top: calc(66.67% - 11.3px);
  width: calc(50% - 8.5px);
  height: 0px;
  max-height: 0px;
}

/* Text-Column 50% */
div.col-50 {
  margin-bottom: 20px;
  width: calc(50% - 8.5px);
}

/* Image 3to4 25% */
div.img-3to4-25 {
  background-image: url("../img/portrait.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
  margin-bottom: 20px;
  padding-top: calc(33.33% - 11.3px);
  width: calc(25% - 8.5px);
  height: 0px;
  max-height: 0px;
}

/* Text-Column 75% */
div.col-75 {
  margin-bottom: 20px;
  width: calc(75% - 8.5px);
}

/* xing (black) */
a.xing-ico {
  background-image: url("../img/xing.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: auto;
  width: 32px;
  height: 32px;
  margin-right: 25px;
  display: inline-block;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  float: left;
}

/* kununu (black) */
a.kununu-ico {
  background-image: url("../img/kununu.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: auto;
  width: 32px;
  height: 32px;
  margin-right: 25px;
  display: inline-block;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  float: left;
}

/* linkedin (black) */
a.linkedin-ico {
  background-image: url("../img/linkedin.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: auto;
  width: 32px;
  height: 32px;
  margin-right: 25px;
  display: inline-block;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  float: left;
}

/* Table (Default) */
table.type-2 {
  width: 100%;
  margin-bottom: 15px;
  max-width: 800px;
}

/* Table body */
tbody {
  border: none !important;
}

/* Galery Image 7 */
div.img-galery.i7 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../img/Organigramm.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: contain;
  -webkit-transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
}

/* Sub-Hero-Teaser (Small HL) */
div.sub-hero-teaser-small {
  cursor: pointer;
  background-color: rgba(247, 233, 210, 1);
  float: left;
  position: relative;
  white-space: nowrap;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  margin-right: 17px;
  padding-top: 30px;
  padding-right: 25px;
  padding-bottom: 30px;
  padding-left: 25px;
  width: calc(33.3% - 11.34px);
  height: 143px;
}

/* H2 (Hero-Area-Small) */
h2.hero-area-small {
  font-size: 26px;
  line-height: 30px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  color: rgba(0, 0, 0, 1);
  position: absolute;
  left: 0;
  bottom: 0;
  margin-bottom: 27px;
  margin-left: 25px;
  width: calc(100% - 48px);
}

/* Label in Teaser (small) */
span.teaser-label-small {
  display: block;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  margin-bottom: 15px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  color: rgba(0, 0, 0, 1);
}

/* Right-Hero-Teaser (small red) */
div.right-hero-teaser-small.red {
  background-color: rgba(234, 22, 31, 1);
  max-width: 800px;
}

/* Right-Hero-Teaser (small) */
div.right-hero-teaser-small {
  background-color: rgba(247, 233, 210, 1);
  cursor: pointer;
  position: relative;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  margin-bottom: 17px;
  padding-top: 27px;
  padding-right: 25px;
  padding-bottom: 27px;
  padding-left: 25px;
  width: 100%;
  height: 143px;
}

/* Right-Hero-Teaser (small big) */
div.right-hero-teaser-small.big {
  white-space: normal;
  height: 303px;
}

/* Teaser in Hero-Image (small) */
div.hero-img-teaser-small {
  background-color: rgba(78, 78, 78, 0.95);
  cursor: pointer;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  padding-top: 28px;
  padding-right: 25px;
  padding-bottom: 28px;
  padding-left: 25px;
  width: calc(50% - 8.5px);
  min-height: 143px;
}

/* H2 Important (Hero-Area small) */
h2.hero-area-small.important {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  margin-bottom: 30px;
  margin-left: 25px;
}

/* Label-Teaser (dark BG small) */
span.teaser-label-white-small {
  display: block;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  line-height: 125%;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 15px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  color: rgba(255, 255, 255, 1);
}

/* H2 white (Hero-Area small) */
h2.hero-area-small.white {
  color: rgba(255, 255, 255, 1);
  position: relative;
  margin-top: 24px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  max-height: none;
}

/* List (multiple feeding) */
ul.list-multi-feed {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  line-height: 26px;
}

/* Styles for Atoms in Organisms */
div.row-splitter > p.splitter-list {
  margin-right: 1%;
  width: 49%;
}

div.row-splitter > p.splitter-list.alias {
  margin-left: 1%;
  width: 49%;
}

div.lightbox > div.lightbox-img {
  display: table-cell;
}

div.lightbox-dummy > div.lightbox-img {
  display: table-cell;
}

div.lightbox-2 > div.lightbox-img-2 {
  display: table-cell;
}

div.main-column-news > span.label-content {
  float: left;
}

/* Styles for Atoms in Moleculs */
div.image-1 > div.enl-ico.open-lightbox-2 {
  position: absolute;
  top: 0;
  right: 0;
}

div.invalid.floating-label > span.error {
  position: absolute;
  bottom: 0;
  left: 0;
}

div.radiobuttons-list > span.optional {
  position: absolute;
  top: -20px;
}

div.radiobuttons > img.help {
  position: absolute;
  top: 14px;
  right: 16px;
}

div.selectbox > img.select {
  position: absolute;
  top: 21px;
  right: 24px;
}

div.selectbox > span.floating-label {
  position: absolute;
}

div.selectbox > div.options {
  overflow-y: auto;
}

div.img-gal-mol > div.enl-ico.open-lightbox-2 {
  position: absolute;
  top: 0;
  right: 0;
}

div.img-gal-mol-2 > div.enl-ico.open-lightbox-2 {
  position: absolute;
  top: 0;
  right: 0;
}

div.img-gal-mol-3 > div.enl-ico.open-lightbox-2 {
  position: absolute;
  top: 0;
  right: 0;
}

div.img-gal-mol-4 > div.enl-ico.open-lightbox-2 {
  position: absolute;
  top: 0;
  right: 0;
}

div.img-gal-mol-5 > div.enl-ico.open-lightbox-2 {
  position: absolute;
  top: 0;
  right: 0;
}

div.img-gal-mol-6 > div.enl-ico.open-lightbox-2 {
  position: absolute;
  top: 0;
  right: 0;
}

div.dln-header > h4 {
  position: absolute;
  bottom: 8px;
}

div.dln-header.i2 > div.back-icon {
  display: none;
  position: absolute;
  top: 26px;
  left: -1px;
}

div.dln-header.i4 > h4.i4 {
  position: absolute;
  bottom: 8px;
}

div.dln-header.i4 > div.close-icon {
  position: absolute;
  top: 30px;
  right: -4px;
}

div.dln-header.i4 > div.back-icon {
  display: none;
  position: absolute;
  top: 26px;
  left: -1px;
}

div.dln-footer > div.down-icon {
  position: absolute;
  bottom: 22px;
  left: 17px;
}

div.offcanvas-service-nav > a.service-menue.logout {
  display: table;
  position: relative;
  margin-bottom: 30px;
  margin-right: 0px;
  margin-left: 22px;
}

div.offcanvas-service-nav > a.service-menue.i1 {
  display: table;
  margin-bottom: 30px;
  margin-right: 0px;
  margin-left: 0px;
}

div.offcanvas-service-nav > a.service-menue.i3 {
  display: table;
  margin-bottom: 30px;
  margin-right: 0px;
  margin-left: 0px;
}

div.offcanvas-service-nav > div.language-selector {
  display: block;
  margin-top: 74px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-left: -7px;
}

div.offcanvas-service-navi > a.service-menue.logout {
  display: table;
  position: relative;
  margin-bottom: 30px;
  margin-right: 0px;
  margin-left: 22px;
}

div.offcanvas-service-navi > a.service-menue.i1 {
  display: table;
  margin-bottom: 30px;
  margin-right: 0px;
  margin-left: 0px;
}

div.offcanvas-service-navi > a.service-menue.i3 {
  display: table;
  margin-bottom: 30px;
  margin-right: 0px;
  margin-left: 0px;
}

div.offcanvas-service-navi > div.language-selector {
  display: block;
  margin-top: 74px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-left: -7px;
}

div.alert-box > img.alert {
  margin-top: 33px;
  margin-bottom: 33px;
  margin-left: 58px;
}

div.alert-box > p.white-text {
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: 58px;
  width: calc(100% - 250px);
}

div.alert-box > div.close-icon-white {
  position: absolute;
  top: 30px;
  right: 58px;
}

div.search-input-box.active > img.arrow-right {
  display: block;
  position: absolute;
  top: calc(50% - 12px);
  right: 24px;
}

div.search-input-box > img.arrow-right {
  display: none;
  position: absolute;
  top: calc(50% - 12px);
  right: 24px;
}

div.img-teaser > div.img-galery {
  position: relative;
  height: 230px;
  transform-origin: bottom;
}

div.img-teaser > h5 {
  margin-top: 25px;
  margin-right: 25px;
  margin-left: 25px;
}

div.img-teaser.i2 > div.img-galery.i2 {
  position: relative;
  height: 230px;
  transform-origin: bottom;
}

div.img-teaser.i2 > h5.clone {
  margin-top: 25px;
  margin-right: 25px;
  margin-left: 25px;
}

div.img-teaser.i3 > div.img-galery.i3 {
  position: relative;
  height: 230px;
  transform-origin: bottom;
}

div.img-teaser.i3 > h5 {
  margin-top: 25px;
  margin-right: 25px;
  margin-left: 25px;
}

div.img-teaser.i4 > div.img-galery.i4 {
  position: relative;
  height: 230px;
  transform-origin: bottom;
}

div.img-teaser.i4 > h5 {
  margin-top: 25px;
  margin-right: 25px;
  margin-left: 25px;
}

div.img-teaser.i5 > div.img-galery.i5 {
  position: relative;
  height: 230px;
  transform-origin: bottom;
}

div.img-teaser.i5 > h5 {
  margin-top: 25px;
  margin-right: 25px;
  margin-left: 25px;
}

div.nav-tabs > div.select.filter {
  display: none;
}

div.pagination > img.arrow-left-disabled {
  margin-top: -4px;
  margin-right: 12px;
}

div.pagination > input.pagination {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  margin-left: 0;
}

div.pagination > p.pagination {
  display: inline-block;
  margin-left: 5px;
}

div.pagination > img.arrow-right {
  margin-top: -4px;
}

div.search-result.a1 > div.img-thumbnail {
  float: left;
  margin-top: -6px;
}

div.lightbox-info > a.text-link.v2 {
  position: absolute;
  top: 31px;
  left: 30px;
}

div.lightbox-info > div.close-icon {
  position: absolute;
  top: 40px;
  right: 30px;
}

div.lightbox-info > h5 {
  margin-top: 150px;
  width: 100%;
}

div.lightbox-info > p.box-text {
  margin-top: 30px;
  width: 100%;
}

div.lightbox-info > div.pagination-simple {
  position: absolute;
  bottom: 20px;
  left: 29px;
}

div.pagination-2 > img.arrow-left-disabled {
  margin-top: -3px;
}

div.pagination-2 > p.pagination.v2 {
  display: inline-block;
}

div.pagination-2 > img.arrow-right {
  margin-top: -3px;
}

div.search-input-box.focus > img.arrow-right {
  display: block;
  position: absolute;
  top: calc(50% - 12px);
  right: 24px;
}

div.lightbox-info-2 > a.text-link.v2 {
  position: absolute;
  top: 31px;
  left: 30px;
}

div.lightbox-info-2 > div.close-icon {
  position: absolute;
  top: 40px;
  right: 30px;
}

div.lightbox-info-2 > h5.Lightbox-Text {
  margin-top: 150px;
  width: 100%;
}

div.lightbox-info-2 > p.box-text {
  margin-top: 30px;
  width: 100%;
}

div.image-2 > div.hero-img-teaser {
  position: absolute;
  bottom: 0px;
  left: 0px;
}

div.image-3 > div.hero-img-teaser-theme {
  position: absolute;
  bottom: 0px;
  left: 0px;
}

div.hero-area-campaign > div.img-fullpage {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

div.hero-area-campaign > div.darken {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

div.hero-area-campaign > div.campaign-title {
  position: absolute;
  top: calc(50vh - 170px);
}

div.hero-area-campaign > div.scroll-down.bounce {
  position: absolute;
  bottom: 74px;
}

div.campaign-header > img.campaign-logo {
  float: left;
  margin-top: 22px;
  margin-left: 45px;
}

div.campaign-header > a.hamburger-icon {
  display: none;
}

div.campaign-header > a.search-icon-mm-campaign {
  float: right;
}

div.campaign-header > a.main-menue-campaign.v1.v2 {
  float: right;
}

div.campaign-header > a.main-menue-campaign.v1 {
  float: right;
}

div.campaign-header > span.main-menue-campaign.active {
  float: right;
}

div.campaign-header > a.main-menue-campaign {
  float: right;
}

div.selectbox.open > img.select.open {
  position: absolute;
}

div.selectbox.open > span.floating-label.open {
  position: absolute;
}

div.selectbox.open > div.options.open {
  overflow-y: auto;
}

div.file-upload-error.floating-label > input[type="file"].file-upload {
  padding-right: 120px;
}

div.file-upload-error.floating-label > span.placeholder {
  position: absolute;
  top: 20px;
  left: 28px;
}

div.file-upload-error.floating-label > img.file-upload-img {
  position: absolute;
  top: -1px;
  right: 0;
}

div.file-upload-error.floating-label > span.notice {
  position: absolute;
  top: 54px;
  left: -1px;
}

div.file-upload-error.floating-label > span.error {
  position: absolute;
  bottom: -42px;
  left: -1px;
}

div.file-upload-error.floating-label > img.invalid {
  position: absolute;
  top: 14px;
  right: 75px;
}

div.file-upload-success.floating-label > label.floating-label {
  top: -20px;
}

div.file-upload-success.floating-label > img.file-upload-img-success {
  position: absolute;
  top: 0;
  right: 0;
}

div.file-upload.floating-label > span.placeholder {
  position: absolute;
  top: 20px;
  left: 28px;
}

div.file-upload.floating-label > img.file-upload-img {
  position: absolute;
  top: -1px;
  right: 0px;
}

div.radiobuttons.error > span.error {
  position: absolute;
  bottom: -20px;
  left: -1px;
}

div.radiobuttons.error > img.invalid {
  position: absolute;
  top: 14px;
  right: 57px;
}

div.inputfield-watermarked > span.floating-label.open {
  position: absolute;
  top: 21px;
}

div.nav-tabs-ext > div.select.filter-2 {
  display: none;
}

div.nav-tabs-ext > div.tab-2.active {
  margin-bottom: 12px;
  margin-left: 0px;
}

div.nav-tabs-ext > div.tab {
  margin-bottom: 12px;
}

div.nav-tabs-ext > div.tab {
  margin-bottom: 12px;
}

div.nav-tabs-ext > div.search-icon {
  display: block;
  top: 23px;
}

div.news-list-item.v4 > div.img-thumbnail {
  float: left;
  margin-top: -10px;
  margin-right: 20px;
  width: 110px;
  height: 110px;
}

div.end-news-list > a.rss-abo {
  display: inline-block;
  position: relative;
  float: right;
  top: 20px;
  right: 15px;
}

div.date-from.floating-label > input.watermarked {
  margin-top: 0;
  margin-bottom: 0;
  width: calc(100% - 59px);
}

div.date-from.floating-label > img.datepicker-img {
  position: absolute;
  top: 14px;
  right: 15px;
}

div.date-from.floating-label > span.floating-label.open {
  position: absolute;
}

div.date-to.floating-label > input.watermarked {
  margin-top: 0;
  margin-bottom: 0;
  width: calc(100% - 59px);
}

div.date-to.floating-label > img.datepicker-img {
  position: absolute;
  top: 14px;
  right: 15px;
}

div.date-to.floating-label > span.floating-label.open {
  position: absolute;
}

div.selectbox-small > img.select {
  position: absolute;
  top: 21px;
  right: 24px;
}

div.selectbox-small > span.floating-label {
  position: absolute;
}

div.selectbox-small > div.options {
  overflow-y: auto;
}

div.selectbox-og-small > img.select {
  position: absolute;
  top: 21px;
  right: 24px;
}

div.selectbox-og-small > span.floating-label {
  position: absolute;
}

div.selectbox-og-small > div.options-og {
  overflow-y: auto;
}

div.selectbox-oga-small > img.select {
  position: absolute;
  top: 21px;
  right: 24px;
}

div.selectbox-oga-small > span.floating-label {
  position: absolute;
}

div.selectbox-oga-small > div.options-oga {
  overflow-y: auto;
  overflow-x: hidden;
}

div.img50-txt50 > div.img-3to4-50 {
  float: left;
}

div.img50-txt50 > div.col-50 {
  float: right;
}

div.txt50-img50 > div.col-50 {
  float: left;
}

div.txt50-img50 > div.img-3to4-50 {
  float: right;
}

div.img25-txt75 > div.img-3to4-25 {
  float: left;
}

div.img25-txt75 > div.col-75 {
  float: right;
}

div.txt75-img25 > div.col-75 {
  float: left;
}

div.txt75-img25 > div.img-3to4-25 {
  float: right;
}

div.img-gal-mol-7 > div.enl-ico.open-lightbox-2 {
  position: absolute;
  top: 0;
  right: 0;
}

div.image-2-small > div.hero-img-teaser-small {
  position: absolute;
  bottom: 0px;
  left: 0px;
}

/* Enlarge-Icon */
div.enl-ico.open-lightbox-2:hover,
div.enl-ico.open-lightbox-2:focus {
  opacity: 1;
}

/* Link-List Style 1 */
a.li:hover,
a.li:focus {
  text-decoration: underline;
  text-decoration-color: #ea161f;
}

/* Link-List Style 2 */
a.link-li:hover,
a.link-li:focus {
  text-decoration: underline;
  text-decoration-color: #ea161f;
}

/* Facebook (color) */
div.facebook-c:hover,
div.facebook-c:focus {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

/* Instagram (color) */
div.instagram-c:hover,
div.instagram-c:focus {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

/* Twitter (color) */
div.twitter-c:hover,
div.twitter-c:focus {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

/* Google+ (color) */
div.google-c:hover,
div.google-c:focus {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

/* E-Mail (color) */
div.email-c:hover,
div.email-c:focus {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

/* Primary Button */
button.primary:hover,
button.primary:focus {
  -webkit-transform: scale(1.07);
  -ms-transform: scale(1.07);
  transform: scale(1.07);
}

/* Secondary Button */
button.secondary:hover,
button.secondary:focus {
  -webkit-transform: scale(1.07);
  -ms-transform: scale(1.07);
  transform: scale(1.07);
}

/* Small Button | This button style is not for form use, but for navigation use! */
button.small:hover,
button.small:focus {
  -webkit-transform: scale(1.07);
  -ms-transform: scale(1.07);
  transform: scale(1.07);
}

/* Primary Button n-active */
button.primary.not-active:hover,
button.primary.not-active:focus {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

/* Second. Button n-active */
button.secondary.non-active:hover,
button.secondary.non-active:focus {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

/* Help Icon */
img.help:hover,
img.help:focus {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

/* More Button */
button.primary.more:hover,
button.primary.more:focus {
  -webkit-transform: scale(1.07);
  -ms-transform: scale(1.07);
  transform: scale(1.07);
}

/* Text-Link as Container */
a.text-link:hover,
a.text-link:focus {
  border-bottom: 1px solid rgba(234, 22, 31, 1);
}

/* Text-Link as Container (dark BG) */
a.text-link-white:hover,
a.text-link-white:focus {
  color: rgba(255, 255, 255, 1);
}

/* Text-Link as Container in Link-List */
a.text-link-list:hover,
a.text-link-list:focus {
  border-bottom: 1px solid rgba(234, 22, 31, 1);
}

/* Text-Link as Container inline-block */
a.text-link-2:hover,
a.text-link-2:focus {
  border-bottom: 1px solid rgba(234, 22, 31, 1);
}

/* Table Row */
tr:hover,
tr:focus {
  background-color: rgba(252, 248, 243, 1);
}

/* Hover Enlarge */
img.hover-enlarge:hover,
img.hover-enlarge:focus {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

/* Accordion Title */
a.acc-title:hover,
a.acc-title:focus {
  background-color: rgba(242, 224, 195, 1);
}

/* Hover Enlarge Bullet */
img.hover-enlarge-x:hover,
img.hover-enlarge-x:focus {
  -webkit-transform: scale(1.68);
  -ms-transform: scale(1.68);
  transform: scale(1.68);
}

/* Infobox Title */
a.infobox-title:hover,
a.infobox-title:focus {
  background-color: rgba(242, 224, 195, 1);
}

/* Inpage-Navigation Link */
a.inpage-nav:hover,
a.inpage-nav:focus {
  text-decoration: none !important;
  color: inherit;
}

/* Inpage-Navigation active Link */
a.inpage-nav-active:hover,
a.inpage-nav-active:focus {
  color: rgba(234, 22, 31, 1);
}

/* Search-Icon in Main-Menue */
a.search-icon-mm:hover,
a.search-icon-mm:focus {
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Hamburger Icon */
a.hamburger-icon:hover,
a.hamburger-icon:focus {
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Search Icon mobile */
a.search-icon-mobile:hover,
a.search-icon-mobile:focus {
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Facebook (black) */
a.fb-ico:hover,
a.fb-ico:focus {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

/* Twitter (black) */
a.tw-ico:hover,
a.tw-ico:focus {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

/* Google+ (black) */
a.go-ico:hover,
a.go-ico:focus {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

/* RSS (black) */
a.rss-ico:hover,
a.rss-ico:focus {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

/* Close Icon */
div.close-icon:hover,
div.close-icon:focus {
  -webkit-transform: scale(1.68);
  -ms-transform: scale(1.68);
  transform: scale(1.68);
}

/* Back Icon */
div.back-icon:hover,
div.back-icon:focus {
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}

/* Down Icon */
div.down-icon:hover,
div.down-icon:focus {
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}

/* Close Icon (White) */
div.close-icon-white:hover,
div.close-icon-white:focus {
  -webkit-transform: scale(1.68);
  -ms-transform: scale(1.68);
  transform: scale(1.68);
}

/* BC Home */
a.bc-home:hover,
a.bc-home:focus {
  background-image: url("../img/home-button.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: auto;
}

/* Breadcrumb Link */
a.bc-link:hover,
a.bc-link:focus {
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

/* BC Dropdown */
a.bc-dropdown:hover,
a.bc-dropdown:focus {
  background-image: url("../img/bc_.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: auto;
}

/* Splitter Link-List Style */
a.splitter:hover,
a.splitter:focus {
  text-decoration: none !important;
}

/* Search-Icon in Main-Menue (active) */
a.search-icon-mm.active:hover,
a.search-icon-mm.active:focus {
  -webkit-animation-name: none;
  animation-name: none;
}

/* Arrow Right Icon */
img.arrow-right:hover,
img.arrow-right:focus {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

/* Jump2top-Icon */
div.jump2top:hover,
div.jump2top:focus {
  opacity: 1;
}

/* Jump2top-Icon */
div.jump-2-top:hover,
div.jump-2-top:focus {
  opacity: 1 !important;
}

/* Inpage-Navigation Item */
div.inpage-nav:hover,
div.inpage-nav:focus {
  cursor: pointer;
  color: rgba(234, 22, 31, 1);
}

/* Search Suggestion */
a.search-suggest:hover,
a.search-suggest:focus {
  background-color: rgba(247, 233, 210, 1);
}

/* Tab */
div.tab:hover,
div.tab:focus {
  -webkit-transform: scale(1.07);
  -ms-transform: scale(1.07);
  transform: scale(1.07);
}

/* Teaser in Hero-Image */
div.hero-img-teaser:hover,
div.hero-img-teaser:focus {
  background-color: rgba(64, 64, 64, 1);
}

/* Right-Hero-Teaser */
div.right-hero-teaser:hover,
div.right-hero-teaser:focus {
  background-color: rgba(242, 224, 195, 1);
}

/* Right-Hero-Teaser (red) */
div.right-hero-teaser.red:hover,
div.right-hero-teaser.red:focus {
  background-color: rgba(208, 16, 24, 1);
}

/* Sub-Hero-Teaser */
div.sub-hero-teaser:hover,
div.sub-hero-teaser:focus {
  background-color: rgba(242, 224, 195, 1);
}

/* Teaser in Hero-Image (Theme-Site) */
div.hero-img-teaser-theme:hover,
div.hero-img-teaser-theme:focus {
  background-color: rgba(64, 64, 64, 1);
}

/* Search-Icon in MM (Campaign) */
a.search-icon-mm-campaign:hover,
a.search-icon-mm-campaign:focus {
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Select option */
div.option:hover,
div.option:focus {
  border-left: 6px solid rgba(112, 112, 112, 1);
  background-color: rgba(250, 241, 227, 1);
}

/* File-Upload Field */
input[type="file"].file-upload:hover,
input[type="file"].file-upload:focus {
  background-image: url("../img/Upload Icon Hover.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: right center;
  background-size: auto;
}

/* File Upload Icon */
img.file-upload-img:hover,
img.file-upload-img:focus {
}

/* File Upload Icon (success) */
img.file-upload-img-success:hover,
img.file-upload-img-success:focus {
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Inpage-Search Title (H4) */
a.inpage-search-title:hover,
a.inpage-search-title:focus {
}

/* RSS-Abo */
a.rss-abo:hover,
a.rss-abo:focus {
  color: rgba(0, 0, 0, 1);
}

/* Datepicker Icon */
img.datepicker-img:hover,
img.datepicker-img:focus {
}

/* Select option (longlist) */
div.option.og-2:hover,
div.option.og-2:focus {
  border-left: 6px solid rgba(112, 112, 112, 1);
  background-color: rgba(250, 241, 227, 1);
}

/* Select optgroup (longlist) */
div.option.og-1:hover,
div.option.og-1:focus {
  border-left: 6px solid rgba(112, 112, 112, 1);
  background-color: rgba(250, 241, 227, 1);
}

/* Back-to-Overview Link */
a.back2overview:hover,
a.back2overview:focus {
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

/* xing (black) */
a.xing-ico:hover,
a.xing-ico:focus {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

/* kununu (black) */
a.kununu-ico:hover,
a.kununu-ico:focus {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

/* linkedin (black) */
a.linkedin-ico:hover,
a.linkedin-ico:focus {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

/* Sub-Hero-Teaser (Small HL) */
div.sub-hero-teaser-small:hover,
div.sub-hero-teaser-small:focus {
  background-color: rgba(242, 224, 195, 1);
}

/* Right-Hero-Teaser (small red) */
div.right-hero-teaser-small.red:hover,
div.right-hero-teaser-small.red:focus {
  background-color: rgba(208, 16, 24, 1);
}

/* Right-Hero-Teaser (small) */
div.right-hero-teaser-small:hover,
div.right-hero-teaser-small:focus {
  background-color: rgba(242, 224, 195, 1);
}

/* Teaser in Hero-Image (small) */
div.hero-img-teaser-small:hover,
div.hero-img-teaser-small:focus {
  background-color: rgba(64, 64, 64, 1);
}

/* Styles for Atoms in Moleculs */
div.image-1 > div.enl-ico.open-lightbox-2:hover,
div.image-1 > div.enl-ico.open-lightbox-2:focus {
  opacity: 1;
}

div.img-gal-mol > div.enl-ico.open-lightbox-2:hover,
div.img-gal-mol > div.enl-ico.open-lightbox-2:focus {
  opacity: 1;
}

div.img-gal-mol-2 > div.enl-ico.open-lightbox-2:hover,
div.img-gal-mol-2 > div.enl-ico.open-lightbox-2:focus {
  opacity: 1;
}

div.img-gal-mol-3 > div.enl-ico.open-lightbox-2:hover,
div.img-gal-mol-3 > div.enl-ico.open-lightbox-2:focus {
  opacity: 1;
}

div.img-gal-mol-4 > div.enl-ico.open-lightbox-2:hover,
div.img-gal-mol-4 > div.enl-ico.open-lightbox-2:focus {
  opacity: 1;
}

div.img-gal-mol-5 > div.enl-ico.open-lightbox-2:hover,
div.img-gal-mol-5 > div.enl-ico.open-lightbox-2:focus {
  opacity: 1;
}

div.img-gal-mol-6 > div.enl-ico.open-lightbox-2:hover,
div.img-gal-mol-6 > div.enl-ico.open-lightbox-2:focus {
  opacity: 1;
}

div.end-news-list > button.small:hover,
div.end-news-list > button.small:focus {
  background-color: #404040;
}

div.img-gal-mol-7 > div.enl-ico.open-lightbox-2:hover,
div.img-gal-mol-7 > div.enl-ico.open-lightbox-2:focus {
  opacity: 1;
}

/* Styles for Atoms in Moleculs */
div.image-1:hover > img.img-1,
div.image-1:focus > img.img-1 {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

div.image-1:hover > div.enl-ico.open-lightbox-2,
div.image-1:focus > div.enl-ico.open-lightbox-2 {
  opacity: 1;
}

div.img-gal-mol:hover > div.img-galery,
div.img-gal-mol:focus > div.img-galery {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

div.img-gal-mol:hover > div.enl-ico.open-lightbox-2,
div.img-gal-mol:focus > div.enl-ico.open-lightbox-2 {
  opacity: 1;
}

div.img-gal-mol-2:hover > div.img-galery.i2,
div.img-gal-mol-2:focus > div.img-galery.i2 {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

div.img-gal-mol-2:hover > div.enl-ico.open-lightbox-2,
div.img-gal-mol-2:focus > div.enl-ico.open-lightbox-2 {
  opacity: 1;
}

div.img-gal-mol-3:hover > div.img-galery.i3,
div.img-gal-mol-3:focus > div.img-galery.i3 {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

div.img-gal-mol-3:hover > div.enl-ico.open-lightbox-2,
div.img-gal-mol-3:focus > div.enl-ico.open-lightbox-2 {
  opacity: 1;
}

div.img-gal-mol-4:hover > div.img-galery.i4,
div.img-gal-mol-4:focus > div.img-galery.i4 {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

div.img-gal-mol-4:hover > div.enl-ico.open-lightbox-2,
div.img-gal-mol-4:focus > div.enl-ico.open-lightbox-2 {
  opacity: 1;
}

div.img-gal-mol-5:hover > div.img-galery.i5,
div.img-gal-mol-5:focus > div.img-galery.i5 {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

div.img-gal-mol-5:hover > div.enl-ico.open-lightbox-2,
div.img-gal-mol-5:focus > div.enl-ico.open-lightbox-2 {
  opacity: 1;
}

div.img-gal-mol-6:hover > div.img-galery.i6,
div.img-gal-mol-6:focus > div.img-galery.i6 {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

div.img-gal-mol-6:hover > div.enl-ico.open-lightbox-2,
div.img-gal-mol-6:focus > div.enl-ico.open-lightbox-2 {
  opacity: 1;
}

div.teaser-sand-refused:hover > a.text-link-2,
div.teaser-sand-refused:focus > a.text-link-2 {
  border-bottom: 1px solid rgba(234, 22, 31, 1);
}

div.img-teaser:hover > div.img-galery,
div.img-teaser:focus > div.img-galery {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

div.img-teaser.i2:hover > div.img-galery.i2,
div.img-teaser.i2:focus > div.img-galery.i2 {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

div.img-teaser.i3:hover > div.img-galery.i3,
div.img-teaser.i3:focus > div.img-galery.i3 {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

div.img-teaser.i4:hover > div.img-galery.i4,
div.img-teaser.i4:focus > div.img-galery.i4 {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

div.img-teaser.i5:hover > div.img-galery.i5,
div.img-teaser.i5:focus > div.img-galery.i5 {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

div.image-2:hover > div.img-hero,
div.image-2:focus > div.img-hero {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

div.image-2:hover > div.hero-img-teaser,
div.image-2:focus > div.hero-img-teaser {
  background-color: #404040;
}

div.image-3:hover > div.img-hero-theme,
div.image-3:focus > div.img-hero-theme {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

div.image-3:hover > div.hero-img-teaser-theme,
div.image-3:focus > div.hero-img-teaser-theme {
  background-color: #404040;
}

div.file-upload-error.floating-label:hover > img.file-upload-img,
div.file-upload-error.floating-label:focus > img.file-upload-img {
  top: -5px;
}

div.file-upload.floating-label:hover > img.file-upload-img,
div.file-upload.floating-label:focus > img.file-upload-img {
  top: -5px;
}

div.img-gal-mol-7:hover > div.enl-ico.open-lightbox-2,
div.img-gal-mol-7:focus > div.enl-ico.open-lightbox-2 {
  opacity: 1;
}

div.image-2-small:hover > div.img-hero,
div.image-2-small:focus > div.img-hero {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

div.image-2-small:hover > div.hero-img-teaser-small,
div.image-2-small:focus > div.hero-img-teaser-small {
  background-color: #404040;
}

/* clearfix | clears floating */
div.clearfix::before {
  display: table-cell;
}

/* Link-List Style 1 */
a.li::before {
  position: absolute;
  content: "";
  height: 6px;
  width: 6px;
  background-color: #ea161f;
  top: 7px;
  left: -18px;
}

/* Link-List Style 2 */
a.link-li::before {
  position: absolute;
  content: "";
  height: 6px;
  width: 6px;
  background-color: #ea161f;
  top: 7px;
  left: -18px;
}

/* List-Style */
li::before {
  position: absolute;
  content: "";
  height: 6px;
  width: 6px;
  background-color: #ea161f;
  top: 10px;
  left: -18px;
}

/* Accordion Title */
a.acc-title::before {
  content: " ";
  position: absolute;
  width: 24px;
  height: 16px;
  right: 28px;
  top: 29px;
  background-image: url(../img/arrow-down.svg);
  background-size: 24px 16px;
  -webkit-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

/* Accordion Item */
li.acc-item::before {
  background-color: transparent !important;
}

/* Infobox Title */
a.infobox-title::before {
  content: " ";
  position: absolute;
  width: 24px;
  height: 16px;
  right: 28px;
  top: 29px;
  background-image: url(../img/arrow-down.svg);
  background-size: 24px 16px;
  -webkit-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

/* Inpage-Navigation Title (H4) */
a.inpage-nav-title::before {
  content: " ";
  position: absolute;
  width: 24px;
  height: 16px;
  right: 28px;
  top: 29px;
  background-image: url(../img/arrow-down.svg);
  background-size: 24px 16px;
  -webkit-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* Inpage-Navigation Item */
li.inpage-nav-item::before {
  background-color: transparent !important;
}

/* Service-Menue Login */
a.service-menue.login::before {
  background-image: url("../img/login.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: auto;
  width: 20px;
  height: 16px;
  content: " ";
  position: absolute;
  left: -6px;
  top: 3px;
  background-size: 20px 14px;
  background-repeat: no-repeat;
}

/* Service-Menue Logout */
a.service-menue.logout::before {
  background-image: url("../img/logout.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: auto;
  width: 20px;
  height: 16px;
  content: " ";
  position: absolute;
  left: -24px;
  top: 2px;
  background-size: 20px 14px;
  background-repeat: no-repeat;
}

/* Infobox Wrapper */
li.infobox-wrapper::before {
  background-color: transparent !important;
}

/* Splitter Link-List Style */
a.splitter::before {
  background-image: url("../img/go-next.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: auto;
  width: 24px;
  height: 20px;
  content: " ";
  position: absolute;
  left: -42px;
  top: 1px;
  background-size: auto;
  background-repeat: no-repeat;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

/* Back-to-Overview Link */
a.back2overview::before {
  background-image: url("../img/arrow-back.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: auto;
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 1px;
  left: -20px;
}

/* clearfix | clears floating */
div.clearfix::after {
  position: sticky;
}

/* Service-Menue-Item */
a.service-menue::after {
  display: block;
  content: "";
  border-bottom: 2px solid #000;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: transform 100ms ease-in-out;
  transition: transform 100ms ease-in-out;
}

/* Language-Selector */
div.language-selector::after {
  display: block;
  content: "";
  border-bottom: 2px solid #000;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: transform 100ms ease-in-out;
  transition: transform 100ms ease-in-out;
}

/* Language-Selector item */
a.language::after {
  display: block;
  content: "";
  border-bottom: 2px solid #000;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: transform 100ms ease-in-out;
  transition: transform 100ms ease-in-out;
}

/* Main-Menue-Item */
a.main-menue::after {
  display: block;
  content: "";
  border: 1px solid #000;
  border-radius: 3px;
  height: 2px;
  background-color: #000;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

/* Main-Menue-Item (active) */
a.main-menue.i1::after {
  display: block;
  content: "";
  border: 1px solid #ea161f;
  border-radius: 3px;
  height: 2px;
  background-color: #ea161f;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

/* Footer-Menue-Item */
a.footer-menue::after {
  display: block;
  content: "";
  border-bottom: 2px solid #000;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: transform 100ms ease-in-out;
  transition: transform 100ms ease-in-out;
}

/* Main-Menue-Sub-Item */
a.main-menue-sub::after {
  display: block;
  content: "";
  height: 2px;
  margin-top: 2px;
  background-color: #000;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  transition: all 100ms ease-in-out;
}

/* Main-Menue-Item (Campaign) */
a.main-menue-campaign::after {
  display: block;
  content: "";
  border: 1px solid #000;
  border-radius: 3px;
  height: 2px;
  background-color: #000;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

/* Main-Menue-active (Campaign) */
span.main-menue-campaign.active::after {
  display: block;
  content: "";
  border: 1px solid #ea161f;
  border-radius: 3px;
  height: 2px;
  background-color: #ea161f;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

/* Main-Menue-Item (Theme) */
a.main-menue-theme::after {
  display: block;
  content: "";
  border: 1px solid #000;
  border-radius: 3px;
  height: 2px;
  background-color: #000;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

/* Tab */
div.tab:first-of-type {
  margin-left: -1px;
}

/* Language-Selector item */
a.language:last-of-type {
  margin-right: 0;
}

/* Teaser in Hero-Image */
div.hero-img-teaser:last-of-type {
  margin-right: 0;
}

/* Right-Hero-Teaser */
div.right-hero-teaser:last-of-type {
  margin-bottom: 0;
}

/* Right-Hero-Teaser (big) */
div.right-hero-teaser.big:last-of-type {
  margin-bottom: 0;
}

/* Right-Hero-Teaser (red) */
div.right-hero-teaser.red:last-of-type {
  margin-bottom: 0;
}

/* Sub-Hero-Teaser */
div.sub-hero-teaser:last-of-type {
  margin-right: 0;
}

/* Teaser in Hero-Image (Theme-Site) */
div.hero-img-teaser-theme:last-of-type {
  margin-right: 0;
}

/* Sub-Hero-Teaser (Small HL) */
div.sub-hero-teaser-small:last-of-type {
  margin-right: 0;
}

/* Right-Hero-Teaser (small red) */
div.right-hero-teaser-small.red:last-of-type {
  margin-bottom: 0;
}

/* Right-Hero-Teaser (small) */
div.right-hero-teaser-small:last-of-type {
  margin-bottom: 0;
}

/* Right-Hero-Teaser (small big) */
div.right-hero-teaser-small.big:last-of-type {
  margin-bottom: 0;
}

/* Teaser in Hero-Image (small) */
div.hero-img-teaser-small:last-of-type {
  margin-right: 0;
}

/* Infobox */
ul.box-beige:nth-child(odd) {
  margin-right: 0 !important;
}

div.abstimmung-vorlage-status {
  margin-bottom: 50px;
}

div.abstimmung-ergebnisse {
  margin-bottom: 30px;
}

li.navigation-year{
  margin-bottom: 10px;
  margin-left: 0 !important;
}

li.navigation-year::before{
  background-color: transparent;
}

div.me-year {
  padding: 10px 0 10px 5px;
  border-bottom: 2px solid rgba(222, 222, 222, 1);
  margin-bottom: 15px;
}

div.me-date {
  padding-top: 5px;
  padding-bottom: 5px;
}

a.me-a-year {
  cursor: pointer;
  background-color: transparent;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  font-family: "Roboto";
  font-style: normal;
  color: rgba(0, 0, 0, 1);
  display: inline-block;
  text-decoration: none !important;
  line-height: 1.5;
}

.me-date.active>a{
  font-weight: 400;
}
a.me-a-year:hover, a.me-a-year:focus {
  text-decoration: underline !important;
  text-decoration-color: #ea161f;
  color: rgba(0, 0, 0, 1);
}

a.me-a-year::after {
  display: block;
  content: "";
  border-bottom: 2px solid #000 !important;
  -webkit-transform: scaleX(0) !important;
  -ms-transform: scaleX(0) !important;
  transform: scaleX(0) !important;
  -webkit-transition: transform 100ms ease-in-out !important;
  transition: transform 100ms ease-in-out !important;
}
li.navigation-year.open > div.me-year > a.me-a-year {
  background-image: url('../img/arrow-up.svg');
  background-position-x: right;
  background-position-y: center;
  background-repeat: no-repeat;
  background-size: 20px;
}

li.navigation-year > div.me-year > a.me-a-year {
  width: 95%;
  background-image: url('../img/arrow-down.svg');
  background-position-x: right;
  background-position-y: center;
  background-repeat: no-repeat;
  background-size: 20px;
}

a.me-a-date {
  font-family: "Roboto";
  font-size: 13px;
}

li.me-li-entry{
  padding-bottom: 5px;
}

a.me-a-entry {
  font-family: "Roboto";
  font-size: 16px;
  text-decoration: none;
  display:block;
  width: 98%;
  margin-bottom: 10px;
}

a.me-a-entry:focus {
  text-decoration: none;
  color: rgba(0, 0, 0, 1);
}
.inner-nav-item-list-previous-result-link>a.me-a-entry{
  text-decoration: underline;
}

/* Menu-Entry active item */
a.me-a-entry.active{
  font-weight: 400;
  color: red;
  padding-left: 20px;
  margin-left: 5px;
  background-color: rgb(252, 248, 243);
  border-left: 6px solid rgb(234, 22, 31);
}

.inner-nav-item-list.active{
  background-color: rgb(252, 248, 243);
  border-left: 6px solid rgb(234, 22, 31);
}

.inner-nav-item-list>li{
  margin-left: 0px;
}
.me-date.active{
  background-color: rgb(252, 248, 243);
  border-left: 6px solid rgb(234, 22, 31);
}
.me-date{
  padding-left: 5px;
}
.me-a-entry{
  padding-left: 30px;
}

a.me-a-entry.active:hover {
  text-decoration: none !important;
}

.inner-nav-item-list.active>li::before{
  display: none;
}

.me-year.active{
  border-bottom: 2px solid red;
}

.me-year.active>a.me-a-year{
  font-weight: 400;
}

/**Majorz-Menü*/
/* Content Navigation */
#content-navigation {
  background-color: rgba(252, 248, 243, 1);
  margin-bottom: 10px;
  font-size: 24px;
}

.dropdown {
  position: relative;
  display: inline-block;
  border-right: 2px solid rgb(222, 222, 222);
  min-width: 175px;
}

@media (min-width: 1040px){
  .dropdown {
    min-width: 175px;
  }
}

.dropbtn {
  color: black;
  border: none;
  font-size: 14px;
  text-decoration: none !important;
  list-style: none;
  display: inline-block;
  text-align: left;
  padding: 14px 16px;
}

.dropdown.multi-entry:after {
  text-decoration: none !important;
  border-bottom: none !important;
}

.dropdown.multi-entry>a.dropbtn{
  background-image: url('../img/arrow-down.svg');
  background-position-x: right;
  background-position-y: center;
  background-repeat: no-repeat;
  background-size: 20px;
  width: 90%;
}
.dropdown.multi-entry:hover>a.dropbtn {
  background-image: url('../img/arrow-up.svg');
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: rgb(250, 241, 233);
  min-width: 160px;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-size: 14px;
}

.activeMenu {
  color: white !important;
}

.dropdown-entry::after {
  display: block;
  content: '';
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.dropdown-entry:hover::after {
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

.dropdown-entry.active:after {
  -webkit-transform: scaleX(0) !important;
  -moz-transform: scaleX(0) !important;
  -ms-transform: scaleX(0) !important;
  transform: scaleX(0) !important;
}

.dropdown.single-entry:after {
  -webkit-transform: scaleX(0) !important;
  -moz-transform: scaleX(0) !important;
  -ms-transform: scaleX(0) !important;
  transform: scaleX(0) !important;
}

.dropdown::after {
  display: block;
  content: '';
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.dropdown:hover::after {
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

.dropdown-entry.active {
  background-color: #F2E0C3;
  width: 100%;
}

/**Majorz Menü End*/

/* --------- M-VIEW and smaller --------- */
@media screen and (max-width: 1119px) {
  /* --- Navigation-Styles --- */

  /* --- Template-Styles --- */

  /* --- Organism-Styles --- */

  /* Main-Column */
  div.main-column {
    margin-left: 30px;
    margin-right: 30px;
    width: calc(100% - 60px);
    margin-top: 115px;
  }

  /* Small Image-Teaser row */
  div.row-image-teaser {
    display: block;
  }

  /* DLN-Tile */
  div.dln-tile {
    width: 100%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

  /* DLN-Tile 2 */
  div.dln-tile.i2 {
    display: none;
  }

  /* DLN-Tile 3 */
  div.dln-tile.i3 {
    display: none;
  }

  /* DLN-Tile (Aufruf von Detailseite) */
  div.dln-tile.i4 {
    width: 100%;
  }

  /* DLN-Start */
  div.dln-start {
    width: 100%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

  /* DLN-Tile 1 */
  div.dln-tile.i1 {
    display: none;
  }

  /* DLN-Start (2) */
  div.dln-start.i0 {
    display: none;
  }

  /* Header (OE) */
  div.header-oe.sticky-header {
    padding-top: 10px;
    max-width: 979px;
    height: 124px;
    margin-left: 30px;
    margin-right: 30px;
    width: calc(100% - 60px);
  }

  /* Context-Column */
  div.context-column {
    max-width: none;
    position: relative;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 15px;
    margin-bottom: 20px;
    width: calc(100% - 60px);
    clear: both;
    top: 0;
  }

  /* Header (Kantonsportal) */
  div.header-portal.sticky-header {
    padding-top: 10px;
    max-width: 979px;
    height: 124px;
    margin-left: 30px;
    margin-right: 30px;
  }

  /* Header (OE - 2 rows caption) */
  div.header-2-rows.sticky-header {
    padding-top: 10px;
    max-width: 979px;
    height: 124px;
    margin-left: 30px;
    margin-right: 30px;
  }

  /* Footer (Kantonsportal) */
  div.footer.kbe {
    height: 240px;
    padding-left: 30px;
    padding-right: 30px;
  }

  /* Footer (OE) */
  div.footer.oe {
    height: 240px;
    padding-left: 30px;
    padding-right: 30px;
  }

  /* Link-List-Group */
  div.row-splitter {
    margin-left: 30px;
    margin-right: 30px;
  }

  /* Text-Teaser-Group (Full-Width) */
  div.row-teaser-full {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 17px;
    margin-left: 30px;
    margin-right: 30px;
  }

  /* Main-Column (Grid) */
  div.main-column-grid {
    margin-left: 30px;
    margin-right: 30px;
    width: calc(100% - 60px);
    margin-top: 115px;
  }

  /* Context-Column (Grid) */
  div.context-column-grid {
    max-width: none;
    position: relative;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 15px;
    margin-bottom: 36px;
    width: calc(100% - 60px);
    clear: both;
    top: 0;
  }

  /* One-Column full-width (Grid) */
  div.full-wdith {
    margin-left: 30px;
    margin-right: 30px;
  }

  /* Header (Startpage OE) */
  div.header-oe-startpage.sticky-header {
    padding-top: 10px;
    max-width: 979px;
    height: 124px;
    margin-left: 30px;
    margin-right: 30px;
    width: calc(100% - 60px);
  }

  /* Search-Area */
  div.search-area {
    background-color: rgba(247, 233, 210, 1);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-left: 30px;
    margin-right: 30px;
    padding-top: 10px;
    padding-bottom: 11px;
    padding-left: 11px;
    padding-right: 11px;
    margin-top: 0px;
    margin-bottom: 20px;
  }

  /* Header (Startpage OE - scrolling) */
  div.header-oe-startpage.sticky-header.as {
    padding-top: 10px;
    max-width: 979px;
    height: 124px;
    margin-left: 30px;
    margin-right: 30px;
    width: calc(100% - 60px);
  }

  /* Header (Startpage OE) down */
  div.header-oe-startpage.sticky-header.down {
    top: -130px;
    -webkit-transition: top 0.3s ease-in-out;
    transition: top 0.3s ease-in-out;
  }

  /* Header (OE) down */
  div.header-oe.sticky-header.down {
    top: -130px;
    -webkit-transition: top 0.3s ease-in-out;
    transition: top 0.3s ease-in-out;
  }

  /* Image-Teaser-Group (Full-Width) */
  div.row-img-teaser-full {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 17px;
    margin-left: 30px;
    margin-right: 30px;
  }

  /* Search-Area (active) */
  div.search-area-active {
    background-color: rgba(247, 233, 210, 1);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-left: 30px;
    margin-right: 30px;
    padding-top: 10px;
    padding-bottom: 11px;
    padding-left: 11px;
    padding-right: 11px;
    margin-top: 0px;
  }

  /* Lightbox */
  div.lightbox-dummy {
    height: auto;
  }

  /* Search-Area (focus) */
  div.search-area.focus {
    top: 124px;
  }

  /* Hero-Area */
  div.hero-area {
    margin-left: 30px;
    margin-right: 30px;
  }

  /* Hero-Area (Theme) */
  div.hero-area-theme {
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 36px;
  }

  /* Above-the-fold (Campaign-Site) */
  div.campaign-site {
    max-height: 960px;
  }

  /* Header (Theme) */
  div.header-theme.sticky-header {
    padding-top: 10px;
    max-width: 979px;
    height: 124px;
    margin-left: 30px;
    margin-right: 30px;
    width: calc(100% - 60px);
  }

  /* Header (Theme) scrolling */
  div.header-theme.sticky-header.as {
    padding-top: 10px;
    max-width: 979px;
    height: 124px;
    margin-left: 30px;
    margin-right: 30px;
    width: calc(100% - 60px);
  }

  /* Main-Column (mit Bereichssuche) */
  div.main-column-2 {
    margin-left: 30px;
    margin-right: 30px;
    width: calc(100% - 60px);
    margin-top: 115px;
  }

  /* Main-Column (News) */
  div.main-column-news {
    margin-left: 30px;
    margin-right: 30px;
    width: calc(100% - 60px);
    margin-top: 115px;
  }

  /* Hero-Area (Small Headlines) */
  div.hero-area-2 {
    margin-left: 30px;
    margin-right: 30px;
  }

  /* --- Molecul-Styles --- */

  /* Share Page */
  div.sharing {
    margin-left: 30px;
    max-width: 420px;
  }

  /* List with H3 and line */
  div.list {
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 50px;
    margin-bottom: 50px;
    padding-top: 40px;
    padding-bottom: 40px;
    max-width: none;
  }

  /* Gallery Image */
  div.img-gal-mol {
    width: 49%;
    max-width: none;
  }

  /* Gallery Image 2 */
  div.img-gal-mol-2 {
    margin-bottom: 2%;
    margin-right: 2%;
    width: 49%;
    margin-right: 0;
    max-width: none;
  }

  /* Gallery Image 3 */
  div.img-gal-mol-3 {
    margin-bottom: 2%;
    margin-right: 2%;
    width: 49%;
    max-width: none;
  }

  /* Gallery Image 4 */
  div.img-gal-mol-4 {
    margin-bottom: 2%;
    margin-right: 2%;
    width: 49%;
    margin-right: 0;
    max-width: none;
  }

  /* Gallery Image 5 */
  div.img-gal-mol-5 {
    margin-bottom: 2%;
    margin-right: 2%;
    width: 49%;
    max-width: none;
  }

  /* Gallery Image 6 */
  div.img-gal-mol-6 {
    margin-bottom: 2%;
    margin-right: 2%;
    width: 49%;
    max-width: none;
    margin-right: 0;
  }

  /* Image-Teaser small (2) */
  div.image-teaser-s-2 {
    width: 100%;
  }

  /* Image-Teaser small */
  div.image-teaser-s {
    margin-right: 0;
    width: 100%;
  }

  /* Service-Navigation */
  div.service-nav {
    display: none;
  }

  /* Main-Menue (OE) */
  div.main-nav {
    display: none;
  }

  /* Mobile-Navigation */
  div.mobile-nav {
    display: block;
  }

  /* Mobile-Navigation (Startpage) */
  div.mobile-nav-startpage {
    display: block;
  }

  #navigation{
    display: none;
  }

  /* Main-Menue (Kantonsportal) */
  div.main-nav-portal {
    display: none;
  }

  /* Social Media Icons */
  div.sm-icons {
    height: 32px !important;
    left: 0;
    padding-left: 30px;
    padding-right: 30px;
    overflow: hidden;
  }

  /* Footer-Navigation */
  div.footer-nav {
    bottom: 70px;
    left: 0;
    padding-left: 30px;
    padding-right: 30px;
  }

  /* Signet (OE) Footer */
  div.signet-oe-footer {
    display: none;
  }

  /* OffCanvas Service-Navigation */
  div.offcanvas-service-nav {
    display: block;
    max-width: none;
    margin-bottom: 36px;
  }

  /* Main-Menue (Startpage OE) */
  div.main-nav-startpage {
    display: none;
  }

  /* Search Input Container (active) */
  div.search-input-box.active {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }

  /* Search Input Container */
  div.search-input-box {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }

  /* Tabs (Search-Result Filter) */
  div.nav-tabs {
    margin-left: 30px;
    margin-right: 30px;
  }

  /* Search Result */
  div.search-result {
    margin-left: 30px;
    margin-right: 30px;
  }

  /* Pagination */
  div.pagination {
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 32px;
    height: 180px;
  }

  /* List with H3 and line (2) */
  div.list-2 {
    margin-top: 50px;
    margin-bottom: 50px;
    padding-top: 40px;
    padding-bottom: 40px;
    max-width: none;
  }

  /* Lightbox Information */
  div.lightbox-info {
    padding-right: 20px;
    padding-left: 20px;
    width: 100%;
    min-height: auto;
  }

  /* Pagination (ohne Input) */
  div.pagination-2 {
    margin-top: 32px;
    height: 180px;
  }

  /* Search Input Container (focus) */
  div.search-input-box.focus {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }

  /* Lightbox Information (2) */
  div.lightbox-info-2 {
    padding-right: 20px;
    padding-left: 20px;
    width: 100%;
    min-height: auto;
  }

  /* Hero-Area (Big Image) */
  div.image-2 {
    clear: both;
    width: 100%;
    height: auto;
  }

  /* Hero-Area (Right-Column) */
  div.hero-area-right-col {
    clear: both;
    width: 100%;
    height: auto;
  }

  /* Hero-Area (Theme-Site) */
  div.image-3 {
    clear: both;
  }

  /* Main-Menue (Theme-Site) */
  div.main-nav-theme {
    display: none;
  }

  /* Inputfield (small) */
  div.form-group-small {
    width: 47.5%;
  }

  /* Inputfield (small 1) */
  div.form-group-small-left {
    width: 47.5%;
  }

  /* Inputfield (small 3) */
  div.form-group-small-right {
    clear: both;
    float: none;
    width: 47.5%;
  }

  /* Inputfield (small 2) */
  div.form-group-small-middle {
    float: right;
    margin-right: 0;
    width: 47.5%;
  }

  /* Tabs (Inpage Filter) */
  div.nav-tabs-ext {
    margin-left: 30px;
    margin-right: 30px;
  }

  /* News List Item (full-width) */
  div.news-list-item.full-width {
    margin-left: 30px;
    margin-right: 30px;
  }

  /* Gallery Image 7 */
  div.img-gal-mol-7 {
    margin-bottom: 2%;
    margin-right: 2%;
    width: 49%;
    max-width: none;
  }

  /* Hero-Area (Right-Column Small HL) */
  div.hero-area-right-col-2 {
    clear: both;
    width: 100%;
    height: auto;
  }

  /* Hero-Area (Big Image - small HL) */
  div.image-2-small {
    clear: both;
    width: 100%;
    height: auto;
  }

  /* Styles for Moleculs in Organisms */
  div.main-column > div.breadcrumb {
    top: -102px;
  }

  div.lightbox > div.lightbox-info {
    display: block;
    width: 100%;
  }

  div.lightbox-dummy > div.lightbox-info {
    display: block;
    width: 100%;
  }

  div.lightbox-2 > div.lightbox-info-2 {
    display: block;
    width: 100%;
  }

  div.main-column-2 > div.breadcrumb {
    top: -102px;
  }

  /* --- Atom-Styles --- */

  /* H1 */
  h1 {
    font-size: 48px;
    line-height: 56px;
    margin: 60px 0 28px -1px;
    margin-left: -1px;
  }

  /* H2 */
  h2 {
    font-size: 30px;
    line-height: 35px;
    margin: -5px 0 10px -1.5px;
    margin-left: -1px;
  }

  /* H3 */
  h3 {
    font-weight: 300;
    font-size: 24px;
    line-height: 28px;
    margin: -3px 0 12px -1px;
    margin-left: 0px;
  }

  /* Grey line */
  div.hr {
    margin-top: 20px;
    margin-right: 30px;
    margin-bottom: 20px;
    margin-left: 30px;
  }

  /* Text-Link as Container (dark BG) */
  a.text-link-white {
    position: relative;
  }

  /* Text-Link as Container in Link-List */
  a.text-link-list {
    position: relative;
  }

  /* H4 */
  h4 {
    margin-left: 0px;
  }

  /* H5 */
  h5 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* Text in Box */
  p.box-text {
  }

  /* Infobox */
  ul.box-beige {
    margin-right: 2%;
    width: 49%;
    max-width: none;
  }

  /* Inpage-Navigation */
  ul.inpage-nav {
    display: none;
  }

  /* Logo */
  img.logo {
    max-width: 110px;
  }

  /* Logo Caption */
  div.logo-caption {
    margin-top: 12px;
    max-width: 210px;
    font-size: 12px;
    line-height: 13px;
    letter-spacing: 0.01rem;
    word-spacing: 0.025rem;
  }

  /* Logo Caption (max. length) */
  div.logo-caption-long {
    margin-top: 12px;
    max-width: 210px;
    font-size: 10px;
    line-height: 13px;
    letter-spacing: 0.01rem;
    word-spacing: 0.025rem;
  }

  /* Logo Footer (KBE) */
  img.logo-kbe-footer {
    display: none;
  }

  /* Label (Footer) */
  div.label-footer {
    padding-left: 30px;
    padding-right: 30px;
    left: 0;
  }

  /* Intro-Text (Footer OE) */
  div.intro-footer {
    display: none;
  }

  /* Copyright */
  p.copyright {
    padding-left: 30px;
    padding-right: 30px;
  }

  /* Intro-Text (Footer KBE) */
  div.intro-footer {
    display: none;
  }

  /* Logo Footer (OE) */
  img.logo-oe-footer {
    display: none;
  }

  /* Headline (H4) 1 */
  h4.i1 {
    font-size: 24px;
    line-height: 28px;
  }

  /* Headline (H4) 2 */
  h4.i2 {
    font-size: 24px;
    line-height: 28px;
  }

  /* Headline (H4) 3 */
  h4.i3 {
    font-size: 24px;
    line-height: 28px;
  }

  /* Headline (H4) 4 */
  h4.i4 {
    font-size: 24px;
    line-height: 28px;
  }

  /* Headline (H4) 5 */
  h4.i5 {
    font-size: 24px;
    line-height: 28px;
  }

  /* Headline (H4) 6 */
  h4.i6 {
    font-size: 24px;
    line-height: 28px;
  }

  /* Headline (H4) 7 */
  h4.i7 {
    font-size: 24px;
    line-height: 28px;
  }

  /* Jump2top-Icon */
  div.jump2top {
    width: 60px;
    height: 60px;
  }

  /* Jump2top-Icon */
  div.jump-2-top {
    left: calc(100% - 60px);
    width: 60px;
    height: 60px;
  }

  /* H1 (center) */
  h1.center {
    margin-top: 60px;
    margin-right: 30px;
    margin-left: 30px;
  }

  /* H3 (center) */
  h3.center {
    margin-top: 24px;
    margin-right: 30px;
    margin-bottom: 16px;
    margin-left: 30px;
  }

  /* Headline (Search Result) */
  h2.search-result {
    font-size: 30px;
    line-height: 35px;
    margin: -5px 0 10px -1.5px;
  }

  /* Space at the end of pages */
  div.space {
    height: 120px;
  }

  /* Beige line */
  div.hr-sand {
    margin-top: 20px;
    margin-right: 30px;
    margin-bottom: 20px;
    margin-left: 30px;
  }

  /* Light Grey Line */
  div.hr-light {
    margin-top: 20px;
    margin-right: 30px;
    margin-bottom: 20px;
    margin-left: 30px;
  }

  /* H3 (2) */
  h3.v2 {
    font-weight: 300;
    font-size: 24px;
    line-height: 28px;
    margin: -3px 0 12px -1px;
    margin-top: 20px;
    margin-right: 30px;
    margin-bottom: 16px;
    margin-left: 30px;
  }

  /* H1 (2) */
  h1.v2 {
    margin-right: 30px;
    margin-left: 30px;
  }

  /* H2 (2) */
  h2.v2 {
    font-size: 30px;
    line-height: 35px;
    margin: -5px 0 10px -1.5px;
    margin-right: 30px;
    margin-left: 30px;
  }

  /* H2 (center) */
  h2.center {
    margin-top: 48px;
    margin-right: 30px;
    margin-left: 30px;
  }

  /* Teaser in Hero-Image */
  div.hero-img-teaser {
    width: 100%;
  }

  /* Right-Hero-Teaser (big) */
  div.right-hero-teaser.big {
    white-space: nowrap;
  }

  /* Sub-Hero-Teaser */
  div.sub-hero-teaser {
    margin-bottom: 17px;
    width: 100%;
  }

  /* H2 white (Hero-Area) */
  h2.hero-area.white {
    max-height: none;
  }

  /* Image-for-Hero-Area (Theme-Site) */
  div.img-hero-theme {
    height: 523px;
  }

  /* Teaser in Hero-Image (Theme-Site) */
  div.hero-img-teaser-theme {
    width: 100%;
  }

  /* H2 white (Hero-Area Theme) */
  h2.hero-area.white.theme {
    max-height: none;
  }

  /* Campaign Title */
  div.campaign-title {
    font-size: 54px;
    line-height: 62px;
    padding-right: 10%;
    padding-left: 10%;
  }

  /* Sub-Hero-Teaser (Small HL) */
  div.sub-hero-teaser-small {
    margin-bottom: 17px;
    width: 100%;
  }

  /* Right-Hero-Teaser (small big) */
  div.right-hero-teaser-small.big {
    white-space: nowrap;
  }

  /* Teaser in Hero-Image (small) */
  div.hero-img-teaser-small {
    width: 100%;
  }

  /* H2 white (Hero-Area small) */
  h2.hero-area-small.white {
    max-height: none;
  }

  /* Styles for Atoms in Organisms */
  div.table-1 > h3 {
    width: 70%;
  }

  div.lightbox > div.lightbox-img {
    display: block;
    width: 100%;
  }

  div.lightbox-dummy > div.lightbox-img {
    display: block;
    width: 100%;
  }

  div.lightbox-2 > div.lightbox-img-2 {
    display: block;
    width: 100%;
  }

  div.table-2 > h3 {
    width: 70%;
  }

  /* Styles for Atoms in Moleculs */
  div.dln-header.i2 > div.back-icon {
    display: block;
  }

  div.dln-header.i3 > h4.i3 {
    position: absolute;
    bottom: 8px;
  }

  div.dln-header.i4 > div.back-icon {
    display: block;
  }

  div.alert-box > img.alert {
    margin-left: 45px;
  }

  div.alert-box > p.white-text {
    margin-left: 45px;
    width: calc(100% - 195px);
  }

  div.alert-box > div.close-icon-white {
    right: 45px;
  }

  div.img-teaser > div.img-galery {
    height: 205px;
  }

  div.img-teaser.i2 > div.img-galery.i2 {
    height: 205px;
  }

  div.img-teaser.i3 > div.img-galery.i3 {
    height: 205px;
  }

  div.img-teaser.i4 > div.img-galery.i4 {
    height: 205px;
  }

  div.img-teaser.i5 > div.img-galery.i5 {
    height: 205px;
  }

  div.lightbox-info > a.text-link.v2 {
    top: unset;
    bottom: 20px;
    right: 20px;
    left: unset;
  }

  div.lightbox-info > div.close-icon {
    top: 20px;
    right: 20px;
  }

  div.lightbox-info > h5 {
    margin-top: 10px;
    width: 600px;
  }

  div.lightbox-info > p.box-text {
    margin-top: 20px;
    width: 600px;
  }

  div.lightbox-info > div.pagination-simple {
    bottom: 5px;
    left: 19px;
  }

  div.lightbox-info-2 > a.text-link.v2 {
    top: unset;
    bottom: 20px;
    right: 20px;
    left: unset;
  }

  div.lightbox-info-2 > div.close-icon {
    top: 20px;
    right: 20px;
  }

  div.lightbox-info-2 > h5.Lightbox-Text {
    margin-top: 10px;
    width: 600px;
  }

  div.lightbox-info-2 > p.box-text {
    margin-top: 20px;
    width: 600px;
  }

  div.hero-area-right-col > div.right-hero-teaser.red {
    float: left;
    margin-right: 17px;
    width: calc(50% - 8.5px);
  }

  div.hero-area-right-col > div.right-hero-teaser {
    float: right;
    width: calc(50% - 8.5px);
  }

  div.hero-area-right-col > div.right-hero-teaser.big {
    clear: both;
    width: 100%;
    height: 143px;
  }

  div.campaign-header > img.campaign-logo {
    margin-left: 30px;
  }

  div.campaign-header > a.hamburger-icon {
    display: block;
    float: right;
    margin-top: 32px;
    margin-right: 30px;
  }

  div.campaign-header > a.search-icon-mm-campaign {
    display: none;
  }

  div.campaign-header > a.main-menue-campaign.v1.v2 {
    display: none;
  }

  div.campaign-header > a.main-menue-campaign.v1 {
    display: none;
  }

  div.campaign-header > span.main-menue-campaign.active {
    display: none;
  }

  div.campaign-header > a.main-menue-campaign {
    display: none;
  }

  div.hero-area-right-col-2 > div.right-hero-teaser-small.red {
    float: left;
    margin-right: 17px;
    width: calc(50% - 8.5px);
  }

  div.hero-area-right-col-2 > div.right-hero-teaser-small {
    float: right;
    width: calc(50% - 8.5px);
  }

  div.hero-area-right-col-2 > div.right-hero-teaser-small.big {
    clear: both;
    width: 100%;
    height: 143px;
  }

  div.service-nav.open{
    display: block;
  }

  div.service-nav.open {
    display: block;
  }

  #navigation > .service-nav {
    background-color: rgb(250, 241, 227);
    position: relative;
    width: 100%;
  }

  #navigation > .service-nav > .service-menue {
    display: table;
    width: 100%;
    padding-top: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    background-color: rgba(252, 248, 243, 1);
    margin: 0px;
  }

  #navigation > .service-nav > .language-selector {
    display: table;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 20px;
    background-color: rgb(250, 241, 227);
    margin: 0px;
  }
}

/* --------- S-VIEW and smaller --------- */
@media screen and (max-width: 767px) {
  /* --- Navigation-Styles --- */

  /* --- Template-Styles --- */

  /* --- Organism-Styles --- */

  /* Main-Column */
  div.main-column {
    margin-left: 20px;
    margin-right: 20px;
    width: calc(100% - 40px);
    margin-top: 45px;
  }

  /* DLN-Tile */
  div.dln-tile {
    padding-left: 30px;
    padding-right: 30px;
  }

  /* DLN-Start */
  div.dln-start {
    padding-left: 30px;
    padding-right: 30px;
  }

  /* DLN-Tile 1 */
  div.dln-tile.i1 {
    display: none;
  }

  /* DLN-Start (2) */
  div.dln-start.i0 {
    display: none;
  }

  /* Header (OE) */
  div.header-oe.sticky-header {
    margin-left: 20px;
    margin-right: 20px;
    width: calc(100% - 40px);
  }

  /* Context-Column */
  div.context-column {
    margin-left: 20px;
    margin-right: 20px;
    width: calc(100% - 40px);
  }

  /* Header (Kantonsportal) */
  div.header-portal.sticky-header {
    margin-left: 20px;
    margin-right: 20px;
  }

  /* Header (OE - 2 rows caption) */
  div.header-2-rows.sticky-header {
    margin-left: 20px;
    margin-right: 20px;
  }

  /* Footer (Kantonsportal) */
  div.footer.kbe {
    padding-left: 20px;
    padding-right: 20px;
  }

  /* Footer (OE) */
  div.footer.oe {
    padding-left: 20px;
    padding-right: 20px;
  }

  /* Text-Teaser-Group (Main-Column) */
  div.row-teaser-main.main-column {
    display: block;
  }

  /* Link-List-Group */
  div.row-splitter {
    display: block;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
  }

  /* Text-Teaser-Group (Full-Width) */
  div.row-teaser-full {
    display: block;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
  }

  /* Main-Column (Grid) */
  div.main-column-grid {
    margin-left: 20px;
    margin-right: 20px;
    width: calc(100% - 40px);
    margin-top: 45px;
  }

  /* Context-Column (Grid) */
  div.context-column-grid {
    margin-left: 20px;
    margin-right: 20px;
    width: calc(100% - 40px);
  }

  /* One-Column full-width (Grid) */
  div.full-wdith {
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
    padding-right: 0px;
  }

  /* Header (Startpage OE) */
  div.header-oe-startpage.sticky-header {
    margin-left: 20px;
    margin-right: 20px;
    width: calc(100% - 40px);
  }

  /* Search-Area */
  div.search-area {
    margin-left: 20px;
    margin-right: 20px;
  }

  /* Header (Startpage OE - scrolling) */
  div.header-oe-startpage.sticky-header.as {
    margin-left: 20px;
    margin-right: 20px;
    width: calc(100% - 40px);
  }

  /* Image-Teaser-Group (Full-Width) */
  div.row-img-teaser-full {
    display: block;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
  }

  /* Image-Teaser-Group (Main-Column) */
  div.row-img-teaser-main.main-column {
    display: block;
  }

  /* Search-Area (active) */
  div.search-area-active {
    margin-left: 20px;
    margin-right: 20px;
  }

  /* Lightbox */
  div.lightbox {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    transform: none;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
  }

  /* Lightbox */
  div.lightbox-dummy {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 100%;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
  }

  /* Lightbox 2 */
  div.lightbox-2 {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    transform: none;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
  }

  /* Hero-Area */
  div.hero-area {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 36px;
  }

  /* Hero-Area (Theme) */
  div.hero-area-theme {
    margin-left: 20px;
    margin-right: 20px;
  }

  /* Above-the-fold (Campaign-Site) */
  div.campaign-site {
    max-height: 860px;
  }

  /* Header (Theme) */
  div.header-theme.sticky-header {
    margin-left: 20px;
    margin-right: 20px;
    width: calc(100% - 40px);
  }

  /* Header (Theme) scrolling */
  div.header-theme.sticky-header.as {
    margin-left: 20px;
    margin-right: 20px;
    width: calc(100% - 40px);
  }

  /* Main-Column (mit Bereichssuche) */
  div.main-column-2 {
    margin-left: 20px;
    margin-right: 20px;
    width: calc(100% - 40px);
    margin-top: 45px;
  }

  /* Main-Column (News) */
  div.main-column-news {
    margin-left: 20px;
    margin-right: 20px;
    width: calc(100% - 40px);
    margin-top: 45px;
  }

  /* Hero-Area (Small Headlines) */
  div.hero-area-2 {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 36px;
  }

  /* --- Molecul-Styles --- */

  /* Summary Box */
  div.summary-box {
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
    padding-right: 25px;
    max-width: 800px;
  }

  /* Share Page */
  div.sharing {
    margin-left: 20px;
    max-width: 280px;
  }

  /* List with H3 and line */
  div.list {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 40px;
    margin-bottom: 40px;
    padding-top: 30px;
    padding-right: 15px;
    padding-bottom: 30px;
    padding-left: 15px;
  }

  /* Gallery Image */
  div.img-gal-mol {
    margin-bottom: 5%;
    width: 100%;
  }

  /* Gallery Image 2 */
  div.img-gal-mol-2 {
    margin-bottom: 5%;
    width: 100%;
  }

  /* Gallery Image 3 */
  div.img-gal-mol-3 {
    margin-bottom: 5%;
    width: 100%;
  }

  /* Gallery Image 4 */
  div.img-gal-mol-4 {
    margin-bottom: 5%;
    width: 100%;
  }

  /* Gallery Image 5 */
  div.img-gal-mol-5 {
    margin-bottom: 5%;
    width: 100%;
  }

  /* Gallery Image 6 */
  div.img-gal-mol-6 {
    margin-bottom: 5%;
    width: 100%;
    clear: both;
  }

  /* Text-Teaser sand */
  div.teaser-sand-refused {
    margin-right: 0;
    width: 100%;
  }

  /* Text-Teaser sand (2)  refused */
  main.teaser-sand-2-refused {
    width: 100%;
    margin-left: 0px !important;
  }

  /* Text-Teaser orange */
  div.teaser-orange {
    width: 100%;
  }

  /* Text-Teaser blue */
  div.teaser-blue {
    width: 100%;
  }

  /* Text-Teaser green */
  div.teaser-green {
    width: 100%;
  }

  /* Text-Teaser red */
  div.teaser-red {
    width: 100%;
  }

  /* Image-Teaser */
  div.image-teaser {
    margin-right: 0;
    width: 100%;
    display: block;
  }

  /* Image-Teaser small (2) */
  div.image-teaser-s-2 {
    display: block;
  }

  /* Image-Teaser small */
  div.image-teaser-s {
    display: block;
  }

  /* Splitter */
  div.splitter {
    width: 100%;
  }

  /* Splitter (2) */
  main.splitter-2 {
    margin-left: 0px !important;
    width: 100%;
  }

  /* Splitter extended */
  div.splitter-ext {
    width: 100%;
  }

  /* Splitter extended (2) */
  main.splitter-ext-2 {
    margin-left: 0px !important;
    width: 100%;
  }

  /* Mobile-Navigation */
  div.mobile-nav {
    top: 20px;
  }

  /* Social Media Icons */
  div.sm-icons {
    padding-left: 20px;
    padding-right: 20px;
  }

  /* Footer-Navigation */
  div.footer-nav {
    padding-left: 20px;
    padding-right: 20px;
  }

  /* Signet (DLN) */
  div.signet-oe-nr {
    display: none;
  }

  /* Text-Teaser sand */
  div.teaser-sand {
    width: 100%;
  }

  /* Search Input Container (active) */
  div.search-input-box.active {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }

  /* Search Input Container */
  div.search-input-box {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }

  /* Image-Teaser */
  div.img-teaser {
    padding-bottom: 21px;
    width: 100%;
  }

  /* Image-Teaser 2 */
  div.img-teaser.i2 {
    padding-bottom: 21px;
    width: 100%;
  }

  /* Image-Teaser 3 */
  div.img-teaser.i3 {
    padding-bottom: 21px;
    width: 100%;
  }

  /* Image-Teaser 4 */
  div.img-teaser.i4 {
    padding-bottom: 21px;
    width: 100%;
  }

  /* Image-Teaser 5 */
  div.img-teaser.i5 {
    padding-bottom: 21px;
    width: 100%;
  }

  /* Tabs (Search-Result Filter) */
  div.nav-tabs {
    margin-left: 20px;
    margin-right: 20px;
  }

  /* Search Result */
  div.search-result {
    background-image: none !important;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 20px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
  }

  /* Pagination */
  div.pagination {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 24px;
    height: 120px;
  }

  /* Search Result with Image */
  div.search-result.a1 {
    min-height: auto;
  }

  /* List with H3 and line (2) */
  div.list-2 {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-top: 30px;
    padding-right: 15px;
    padding-bottom: 30px;
    padding-left: 15px;
  }

  /* Lightbox Information */
  div.lightbox-info {
    height: 32vh;
  }

  /* Pagination (ohne Input) */
  div.pagination-2 {
    margin-top: 24px;
    height: 120px;
  }

  /* Search Input Container (focus) */
  div.search-input-box.focus {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }

  /* Lightbox Information (2) */
  div.lightbox-info-2 {
    height: 32vh;
  }

  /* Inputfield (medium 1) */
  div.form-group-medium-left {
    width: 100%;
  }

  /* Inputfield (medium 2) */
  div.form-group-medium-right {
    width: 100%;
  }

  /* Inputfield (medium) */
  div.form-group-medium {
    width: 100%;
  }

  /* Inputfield (small) */
  div.form-group-small {
    width: 65.625%;
  }

  /* Inputfield (small 1) */
  div.form-group-small-left {
    float: none;
    width: 65.625%;
  }

  /* Inputfield (small 3) */
  div.form-group-small-right {
    width: 65.625%;
  }

  /* Inputfield (small 2) */
  div.form-group-small-middle {
    float: none;
    width: 65.625%;
  }

  /* Breadcrumb */
  div.breadcrumb {
    display: none;
  }

  /* Tabs (Inpage Filter) */
  div.nav-tabs-ext {
    margin-left: 20px;
    margin-right: 20px;
  }

  /* Inpage-Search (extended) */
  div.inpage-search-extended {
    padding-top: 5px;
    padding-right: 0;
    padding-bottom: 5px;
    padding-left: 0;
  }

  /* News List Item in Content */
  div.news-list-item {
    background-image: none !important;
    padding-top: 25px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
  }

  /* News List Item 4 */
  div.news-list-item.v4 {
    min-height: auto;
  }

  /* News List Item (full-width) */
  div.news-list-item.full-width {
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 25px;
    padding-right: 1px;
    padding-bottom: 10px;
    padding-left: 0px;
  }

  /* End of News-List */
  div.end-news-list {
    margin-bottom: 80px;
  }

  /* Inpage-Search (extended open) */
  div.inpage-search-extended.open {
    padding-top: 5px;
    padding-right: 0;
    padding-bottom: 5px;
    padding-left: 0;
  }

  /* Inputfield (Date from) */
  div.date-from.floating-label {
    float: none;
    clear: both;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
  }

  /* Inputfield (Date to) */
  div.date-to.floating-label {
    float: none;
    clear: both;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
  }

  /* Select-Box (50%) */
  div.selectbox-small {
    width: 100%;
    max-width: none;
  }

  /* Select-Box with Optgroup (50%) */
  div.selectbox-og-small {
    width: 100%;
    max-width: none;
  }

  /* Select-Box with Checkboxes (50%) */
  div.selectbox-oga-small {
    width: 100%;
    max-width: none;
  }

  /* Gallery Image 7 */
  div.img-gal-mol-7 {
    margin-bottom: 5%;
    width: 100%;
  }

  /* --- Atom-Styles --- */

  /* Body-Text */
  p {
    font-size: 15px;
    line-height: 24px;
  }

  /* H1 */
  h1 {
    font-size: 36px;
    line-height: 42px;
    margin: -6px 0 24px -1px;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 300;
  }

  /* Intro-Text */
  p.intro {
    font-size: 16px;
    line-height: 23px;
  }

  /* Image-Caption */
  div.image_caption {
    margin-bottom: 36px;
  }

  /* Link-List Style 1 */
  a.li {
    font-size: 15px;
    line-height: 24px;
    line-height: 125%;
  }

  /* Link-List */
  p.li {
    font-size: 15px;
    line-height: 24px;
  }

  /* H2 */
  h2 {
    font-size: 24px;
    line-height: 29px;
    margin: -4px 0 8px -1px;
    margin-left: 0px;
  }

  /* H3 */
  h3 {
    font-weight: 300;
    font-size: 21px;
    line-height: 25px;
    margin: -2px 0 12px 0px;
    margin-left: 0px;
  }

  /* Label before Headline */
  span.label-content {
    font-size: 13px;
    line-height: 17px;
  }

  /* Link-List Style 2 */
  a.link-li {
    font-size: 15px;
    line-height: 24px;
    line-height: 125%;
  }

  /* Link-List underline */
  p.link-li {
    font-size: 15px;
    line-height: 24px;
  }

  /* List-Style */
  li {
    font-size: 15px;
    line-height: 24px;
  }

  /* List */
  ul.list {
    font-size: 15px;
    line-height: 24px;
  }

  /* Grey line */
  div.hr {
    margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-left: 20px;
  }

  /* Submit Button */
  button.submit {
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 0;
    width: 100%;
  }

  /* Go-Next Button */
  button.go-next {
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 0;
    width: 100%;
  }

  /* Go-Back Button */
  button.go-back {
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 0;
    width: 100%;
  }

  /* Headline (H5 - dark BG) */
  h5.white {
    font-size: 18px;
    line-height: 21px;
  }

  /* Very short Explanation Text in Box */
  p.teaser {
    display: none;
  }

  /* Text for Image-Teaser-small */
  p.teaser-small {
    display: none;
  }

  /* Very short Text in Box (2) */
  p.teaser-small-2 {
    display: none;
  }

  /* H4 */
  h4 {
    font-size: 21px;
    line-height: 25px;
    margin-left: 0px;
  }

  /* H5 */
  h5 {
    font-size: 18px;
    line-height: 21px;
  }

  /* Headline (H5-2) */
  h5.clone {
    font-size: 18px;
    line-height: 21px;
  }

  /* Sliding Navigation top */
  div.sliding-nav-top {
    display: block;
  }

  /* Sliding Navigation bottom */
  div.sliding-nav-bottom {
    display: block;
  }

  /* Quotation */
  blockquote {
    font-size: 16px;
    line-height: 23px;
  }

  /* Important Notice */
  blockquote.important {
    font-size: 16px;
    line-height: 23px;
  }

  /* Text in Box */
  p.box-text {
    font-size: 14px;
    line-height: 18px;
  }

  /* Accordion Title */
  a.acc-title {
    font-size: 18px;
    line-height: 21px;
  }

  /* Img 2 für Image Gallery */
  div.gal-small-img-2 {
    display: none;
  }

  /* Sliding Navigation bottom (2) */
  div.sliding-nav-bottom-2 {
    display: block;
  }

  /* Step Box (Text) */
  div.step-1-text {
    font-size: 18px;
    line-height: 21px;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 790px;
  }

  /* Step Box (Text 2) */
  div.step-2-text {
    font-size: 18px;
    line-height: 21px;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 790px;
  }

  /* Search Field in Content */
  input[type="text"].search-1 {
  }

  /* Video Play Button */
  div.play-video.enl-ico {
    padding-top: 6px;
    width: 85px;
    height: 85px;
    margin-left: -42.5px;
  }

  /* Infobox */
  ul.box-beige {
    margin-right: 0;
    width: 100%;
  }

  /* Infobox Title */
  a.infobox-title {
    font-size: 18px;
    line-height: 21px;
  }

  /* Inpage-Navigation Title (H4) */
  a.inpage-nav-title {
    font-size: 18px;
    line-height: 21px;
  }

  /* Inpage-Navigation Link */
  a.inpage-nav {
    font-size: 18px;
    line-height: 21px;
  }

  /* Inpage-Navigation active Link */
  a.inpage-nav-active {
    font-size: 18px;
    line-height: 21px;
  }

  /* Label (Footer) */
  div.label-footer {
    padding-left: 20px;
    padding-right: 20px;
  }

  /* Copyright */
  p.copyright {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* Step Box (long Text) */
  div.step-1-text {
    font-size: 18px;
    line-height: 21px;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 790px;
  }

  /* Horizontal line (DLN Start) */
  div.hr-dln-start {
    display: none;
  }

  /* Alert */
  img.alert {
    width: 24px;
    height: 24px;
  }

  /* Splitter Link-List Style */
  a.splitter {
    font-size: 16px;
    line-height: 23px;
    line-height: 125%;
    margin-left: 38px;
  }

  /* Search Input */
  input.search {
    font-size: 21px;
    line-height: 25px;
    background-position: calc(100% - 7px) center;
    background-size: 36px 36px;
    padding-right: 50px;
    padding-left: 12px;
    height: 42px;
  }

  /* Search Input (active) */
  input.search.active {
    font-size: 21px;
    line-height: 25px;
    background-image: none !important;
    padding-right: 50px;
    padding-left: 12px;
    height: 42px;
  }

  /* Jump2top-Icon */
  div.jump2top {
    background-image: url("../img/jump-to-top-small.svg");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-size: auto;
    width: 40px;
    height: 40px;
  }

  /* Jump2top-Icon */
  div.jump-2-top {
    background-image: url("../img/jump-to-top-small.svg");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-size: auto;
    left: calc(100% - 40px);
    width: 40px;
    height: 40px;
  }

  /* Search Suggestion */
  a.search-suggest {
    font-size: 21px;
    line-height: 25px;
    padding-right: 10px;
    padding-left: 10px;
  }

  /* H1 (center) */
  h1.center {
    margin-top: 48px;
    margin-right: 20px;
    margin-bottom: 21px;
    margin-left: 20px;
  }

  /* H3 (center) */
  h3.center {
    margin-top: 16px;
    margin-right: 20px;
    margin-bottom: 12px;
    margin-left: 20px;
  }

  /* Headline (Search Result) */
  h2.search-result {
    font-size: 24px;
    line-height: 29px;
    margin: -4px 0 8px -1px;
  }

  /* Space at the end of pages */
  div.space {
    height: 80px;
  }

  /* Beige line */
  div.hr-sand {
    margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-left: 20px;
  }

  /* Light Grey Line */
  div.hr-light {
    margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-left: 20px;
  }

  /* H3 (2) */
  h3.v2 {
    font-weight: 300;
    font-size: 21px;
    line-height: 25px;
    margin: -2px 0 12px 0px;
    margin-top: 16px;
    margin-right: 20px;
    margin-bottom: 12px;
    margin-left: 20px;
  }

  /* H1 (2) */
  h1.v2 {
    margin-right: 20px;
    margin-left: 20px;
  }

  /* H2 (2) */
  h2.v2 {
    font-size: 24px;
    line-height: 29px;
    margin: -4px 0 8px -1px;
    margin-right: 20px;
    margin-left: 20px;
  }

  /* H2 (center) */
  h2.center {
    margin-top: 36px;
    margin-right: 20px;
    margin-bottom: 18px;
    margin-left: 20px;
  }

  /* Search Input (focus) */
  input.search.focus {
    font-size: 21px;
    line-height: 25px;
    background-image: none !important;
    padding-right: 50px;
    padding-left: 12px;
    height: 42px;
  }

  /* Image-for-Hero-Area */
  div.img-hero {
    max-height: 64vh;
  }

  /* Teaser in Hero-Image */
  div.hero-img-teaser {
    padding-top: 25px;
    padding-right: 20px;
    padding-bottom: 25px;
    padding-left: 20px;
    min-height: auto;
  }

  /* Right-Hero-Teaser */
  div.right-hero-teaser {
    padding-top: 25px;
    padding-right: 20px;
    padding-bottom: 25px;
    padding-left: 20px;
  }

  /* Right-Hero-Teaser (big) */
  div.right-hero-teaser.big {
    white-space: normal;
    height: auto;
  }

  /* H2 (Hero-Area) */
  h2.hero-area {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 25px;
    margin-left: 20px;
    width: calc(100% - 38px);
    max-height: 60px;
  }

  /* H2 Important (Hero-Area) */
  h2.hero-area.important {
    margin-bottom: 25px;
    margin-left: 20px;
  }

  /* H2 white (Hero-Area) */
  h2.hero-area.white {
    margin-bottom: 5px;
    max-height: none;
  }

  /* Image-for-Hero-Area (Theme-Site) */
  div.img-hero-theme {
    height: 423px;
    max-height: 64vh;
    min-height: 323px;
  }

  /* Teaser in Hero-Image (Theme-Site) */
  div.hero-img-teaser-theme {
    padding-top: 25px;
    padding-right: 20px;
    padding-bottom: 25px;
    padding-left: 20px;
    min-height: auto;
  }

  /* H2 white (Hero-Area Theme) */
  h2.hero-area.white.theme {
    margin-bottom: 5px;
    max-height: none;
  }

  /* Campaign Title */
  div.campaign-title {
    font-size: 36px;
    line-height: 42px;
    margin: -6px 0 24px -1px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-right: 5%;
    padding-left: 5%;
  }

  /* Placeholder */
  span.placeholder {
  }

  /* Inpage-Search Title (H4) */
  a.inpage-search-title {
    font-size: 21px;
    line-height: 25px;
  }

  /* RSS-Abo */
  a.rss-abo {
    background-image: url("../img/rss.svg");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left center;
    background-size: 30px 30px;
    text-align: left;
    padding-right: 0;
    padding-left: 42px;
  }

  /* Back-to-Overview Link */
  a.back2overview {
    font-size: 13px;
    line-height: 17px;
  }

  /* Text-Column 50% */
  div.col-50 {
    width: 100%;
  }

  /* Image 3to4 25% */
  div.img-3to4-25 {
    padding-top: calc(66.67% - 11.3px);
    width: calc(50% - 8.5px);
  }

  /* Text-Column 75% */
  div.col-75 {
    width: 100%;
  }

  /* H2 (Hero-Area-Small) */
  h2.hero-area-small {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 25px;
    margin-left: 20px;
    width: calc(100% - 38px);
    max-height: 60px;
  }

  /* Right-Hero-Teaser (small) */
  div.right-hero-teaser-small {
    padding-top: 25px;
    padding-right: 20px;
    padding-bottom: 25px;
    padding-left: 20px;
  }

  /* Right-Hero-Teaser (small big) */
  div.right-hero-teaser-small.big {
    white-space: normal;
    height: auto;
  }

  /* Teaser in Hero-Image (small) */
  div.hero-img-teaser-small {
    padding-top: 25px;
    padding-right: 20px;
    padding-bottom: 25px;
    padding-left: 20px;
    min-height: auto;
  }

  /* H2 Important (Hero-Area small) */
  h2.hero-area-small.important {
    margin-bottom: 25px;
    margin-left: 20px;
  }

  /* H2 white (Hero-Area small) */
  h2.hero-area-small.white {
    margin-bottom: 5px;
    max-height: none;
  }

  /* List (multiple feeding) */
  ul.list-multi-feed {
    font-size: 15px;
    line-height: 24px;
  }

  /* Styles for Atoms in Organisms */
  div.row-splitter > p.splitter-list {
    margin-right: 0;
    width: 100%;
  }

  div.row-splitter > p.splitter-list.alias {
    margin-left: 0;
    width: 100%;
  }

  div.main-column-news > span.label-content {
    float: none;
    width: 100%;
  }

  div.main-column-news > a.back2overview {
    position: absolute;
    top: -60px;
    left: 12px;
    line-height: 160%;
  }

  /* Styles for Atoms in Moleculs */
  div.offcanvas-service-nav > div.language-selector {
    margin-left: -14px;
  }

  div.offcanvas-service-navi > div.language-selector {
    margin-left: -14px;
  }

  div.alert-box > img.alert {
    margin-top: 45px;
    margin-left: 24px;
  }

  div.alert-box > p.white-text {
    margin-top: 41px;
    margin-bottom: 42px;
    margin-left: 24px;
    width: calc(100% - 150px);
  }

  div.alert-box > div.close-icon-white {
    top: 20px;
    right: 20px;
  }

  div.search-input-box.active > img.arrow-right {
    margin-right: -12px;
  }

  div.search-input-box > img.arrow-right {
    margin-right: -12px;
  }

  div.img-teaser > h5 {
    margin-top: 20px;
    margin-right: 20px;
    margin-left: 20px;
  }

  div.img-teaser.i2 > h5.clone {
    margin-top: 20px;
    margin-right: 20px;
    margin-left: 20px;
  }

  div.img-teaser.i3 > h5 {
    margin-top: 20px;
    margin-right: 20px;
    margin-left: 20px;
  }

  div.img-teaser.i4 > h5 {
    margin-top: 20px;
    margin-right: 20px;
    margin-left: 20px;
  }

  div.img-teaser.i5 > h5 {
    margin-top: 20px;
    margin-right: 20px;
    margin-left: 20px;
  }

  div.nav-tabs > div.select.filter {
    display: block;
    margin-bottom: 0;
  }

  div.nav-tabs > div.tab.active {
    display: none;
  }

  div.nav-tabs > div.tab.a1 {
    display: none;
  }

  div.nav-tabs > div.tab.a1.a2 {
    display: none;
  }

  div.search-result.a1 > div.img-thumbnail {
    display: none;
  }

  div.lightbox-info > h5 {
    margin-right: 50px;
    width: 70%;
  }

  div.lightbox-info > p.box-text {
    width: 100%;
  }

  div.search-input-box.focus > img.arrow-right {
    margin-right: -12px;
  }

  div.lightbox-info-2 > h5.Lightbox-Text {
    margin-right: 50px;
    width: 70%;
  }

  div.lightbox-info-2 > p.box-text {
    width: 100%;
  }

  div.hero-area-right-col > div.right-hero-teaser.red {
    clear: both;
    margin-right: 0px;
    width: 100%;
  }

  div.hero-area-right-col > div.right-hero-teaser {
    clear: both;
    width: 100%;
  }

  div.campaign-header > img.campaign-logo {
    margin-left: 20px;
  }

  div.campaign-header > a.hamburger-icon {
    margin-right: 20px;
  }

  div.nav-tabs-ext > div.select.filter-2 {
    display: block;
  }

  div.nav-tabs-ext > div.tab-2.active {
    display: none;
  }

  div.nav-tabs-ext > div.tab {
    display: none;
  }

  div.nav-tabs-ext > div.tab {
    display: none;
  }

  div.nav-tabs-ext > div.search-icon {
    display: none;
  }

  div.news-list-item.v4 > div.img-thumbnail {
    display: none;
  }

  div.end-news-list > button.small {
    width: 100%;
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important;
  }

  div.end-news-list > a.rss-abo {
    float: none;
    right: 0;
  }

  div.img50-txt50 > div.img-3to4-50 {
    float: none;
  }

  div.img50-txt50 > div.col-50 {
    float: none;
  }

  div.txt50-img50 > div.col-50 {
    float: none;
  }

  div.txt50-img50 > div.img-3to4-50 {
    float: none;
  }

  div.img25-txt75 > div.img-3to4-25 {
    float: none;
  }

  div.img25-txt75 > div.col-75 {
    float: none;
  }

  div.txt75-img25 > div.col-75 {
    float: none;
  }

  div.txt75-img25 > div.img-3to4-25 {
    float: none;
  }

  div.hero-area-right-col-2 > div.right-hero-teaser-small.red {
    clear: both;
    margin-right: 0px;
    width: 100%;
  }

  div.hero-area-right-col-2 > div.right-hero-teaser-small {
    clear: both;
    width: 100%;
  }
}

/* Text-Link in Text */
a {
  text-decoration: underline;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  color: rgba(0, 0, 0, 1);
}

/* Text-Link in Text */
a:hover,
a:focus {
  text-decoration: underline;
  text-decoration-color: #ea161f;
  color: rgba(0, 0, 0, 1);
}

a.service-menue:hover::after,
a.service-menue:focus::after,
a.service-menue:active::after {
  transform: scaleX(1);
}

a.service-menue {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  color: rgba(0, 0, 0, 1);
  display: inline-block;
  text-decoration: none !important;
  height: 18px;
  line-height: 1.5;
  margin: 0 calc(0.25vw + 15px) 0 calc(0.25vw + 15px);
}

a.service-menue:after {
  display: block;
  content: "";
  border-bottom: 2px solid #000;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: transform 100ms ease-in-out;
  transition: transform 100ms ease-in-out;
}

a.language {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: rgba(0, 0, 0, 1);
  display: inline-block;
  height: 21px;
  line-height: 1.3;
  letter-spacing: 0.025rem;
  margin: 0 7px 0 7px;
  text-decoration: none !important;
}

@media screen and (max-width: 767px) {
  a.language {
    margin: 0 14px 0 14px;
  }

  .language-selector span {
    display: none;
  }
}

a.language:after {
  display: block;
  content: "";
  border-bottom: 2px solid #000;
  transform: scaleX(0);
  transition: transform 100ms ease-in-out;
}

a.language:last-of-type {
  margin-right: 0;
}

a.language.active {
  border-bottom: 2px solid rgba(234, 22, 31, 0.77);
}

a.language:hover::after,
a.language:focus::after,
a.language:active::after {
  transform: scaleX(1);
}

a.language.active:hover::after,
a.language.active:focus::after,
a.language.active:active::after {
  transform: scaleX(0);
}

div.language-selector {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: rgba(0, 0, 0, 1);
  margin-left: calc(0.25vw + 8px);
  display: inline-block;
}

div.language-selector:after {
  display: block;
  content: "";
  border-bottom: 2px solid #000;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: transform 100ms ease-in-out;
  transition: transform 100ms ease-in-out;
}

a.footer-menue:hover::after,
a.footer-menue:focus::after,
a.footer-menue:active::after {
  transform: scaleX(1);
}

a.footer-menue {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  color: rgba(0, 0, 0, 1);
  display: inline-block;
  text-decoration: none !important;
  height: 18px;
  line-height: 1.5;
  margin: 0 calc(0.5vw + 30px) 0 0;
}

a.footer-menue:after {
  display: block;
  content: "";
  border-bottom: 2px solid #000;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: transform 100ms ease-in-out;
  transition: transform 100ms ease-in-out;
}

a.main-menue:hover::after,
a.main-menue:focus::after,
a.main-menue:active::after {
  transform: scaleX(1);
}

a.main-menue {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 28px;
  color: rgba(0, 0, 0, 1);
  letter-spacing: 0.01rem;
  word-spacing: 0.025rem;
  text-decoration: none !important;
  display: inline-block;
  margin: 0 calc(1.1vw + 12px) 0 calc(1.1vw + 12px);
  height: 36px;
  line-height: 1.5;
}

a.main-menue:after {
  display: block;
  content: "";
  border: 1px solid #000;
  border-radius: 3px;
  height: 2px;
  background-color: #000;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

div.a.logo-caption:hover::after,
div.a.logo-caption:focus::after,
div.a.logo-caption:active::after {
  transform: scaleX(1);
}

ul.inner-nav-item-list {
  padding: 0px;
  margin: 0px 0px 0px 0px !important;
}

li.inner-nav-item-list-date::before {
  background-color: transparent;
}

.inner-nav-item-list-previous-result-link>.me-a-entry{
  padding-left:0px
}

.inner-nav-item-list-previous-result-link {
  padding-bottom: 5px;
}

table thead {
  background: rgba(255, 255, 255, 0.667);
  color: #0a0a0a;
}

li.nosign {
  background-color: #fff;
}

/** Footer **/

.css-jfzn0g {
  background-color: #FCF8F3;
  border-top: 1px solid #EEEEEE;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 1040px) {
  .css-sq7egf {
    min-height: calc(320px - 35px - 25px);
  }
}

.css-sq7egf {
  padding: 35px calc(2.4% + 12px) 25px;
  min-height: calc(240px - 35px - 25px);
  box-sizing: content-box;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 0 1 1350px;
  -ms-flex: 0 1 1350px;
  flex: 0 1 1350px;
}


.css-1o129hd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
}

.css-74zb2h {
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.75;
  margin-top: 24px;
  max-width: 340px;
  display: none;
}

@media (min-width: 1040px) {
  .css-74zb2h {
    display: block;
  }
}

@media (min-width: 1040px){
  .css-1xj0on8 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: auto;
  }
}

.css-1xj0on8 {
  margin-top: auto;
}

*, ::after, ::before {
  box-sizing: inherit;
}

.css-pasvhg {
  overflow-wrap: break-word;
}

.css-218vf7 {
  display: none;
}

@media (min-width: 1040px) {
  .css-218vf7 {
    display: block;
    margin-right: auto;
  }
}

@media (min-width: 1040px) {
  .css-40uuqz {
    text-align: right;
  }
}

.css-w1i4f9 {
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.75;
}

.css-14kae1t {
  list-style: none;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 12px 0;
  margin-bottom: 12px;
}

@media (min-width: 375px) {
  .css-14kae1t {
    margin-bottom: 0;
  }
}

.css-tnf4mp {
  margin: 5px 18px 5px 0;
  margin-left: 0 !important;
  transition: transform 100ms ease-in-out 0s;
}

.css-tnf4mp:hover {
  transform: scale(1.12);
}

li.css-tnf4mp:before {
  background-color: transparent !important;
}

.css-tnf4mp:last-child {
  margin-right: 0;
}

@media (min-width: 375px) {
  .css-tnf4mp {
    margin-right: 25px;
  }
}

.css-1ftw2zb {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}


.css-vwvp27 {
  -webkit-text-decoration: none;
  text-decoration: none;
  width: 32px;
  height: 32px;
  display: block;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.css-9j9n19 {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #000000;
  display: inline-block;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  min-height: 156px;
}

.css-ngqdom {
  max-width: 150px;
  margin-right: 22px;
  margin-bottom: 25px;
  display: block;
}

.css-9j9n19 span::before {

  display: block;
  content: '';
  border-bottom: 1px solid #000000;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  position: absolute;
  bottom: 0;
  width: 100%;

}

.css-9j9n19 span {
  display: inline-block;
  position: relative;
}

.css-12lk1d8 {
  margin-top: 12px;
  max-width: 340px;
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.75;
}

.css-12lk1d8:hover::before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.css-4dxv2p {
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
}

.css-1p8sl77 {
  margin-right: calc(0.5vw + 30px);
  line-height: 1;
  margin-left: 0 !important;
}

li.css-1p8sl77::before{
  background-color: transparent !important;
}

.css-1p8sl77:last-child {
  margin-right: 0;
}

*, ::after, ::before {
  box-sizing: inherit;
}

.css-4dxv2p {
  list-style: none;
}

.css-pasvhg {
  overflow-wrap: break-word;
}

.css-h9ruhh {
  -webkit-text-decoration: none;
  text-decoration: none !important;
  color: #000000;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.36;
}

.css-h9ruhh span::before {
  border-bottom-width: 2px;
  margin-top: 2px;
}

.css-h9ruhh span::before {
  display: block;
  content: '';
  border-bottom: 2px solid #000000;
  border-bottom-width: 2px;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.css-h9ruhh span:hover::before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.css-1qu8azf {
  font-size: 13px;
  font-weight: 300;
  line-height: 1.5;
  margin-right: auto;
  margin-top: 23px;
  margin-bottom: 4px;
}

@media (min-width: 1040px) {
  .css-1qu8azf {
    margin-top: 0;
  }
}

.css-7ttx6k {
  width: 32px;
  height: 32px;
  fill: #333333;
}

/*****Footer end****/

/** Rechtliches **/
.css-3qjjdh {
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .css-3qjjdh {
    margin-bottom: 40px;
  }
}

@media (min-width: 1120px) {
  .css-3qjjdh {
    margin-bottom: 50px;
  }
}

.css-gn8dzz table[border="1"] {
  border-bottom: 1px solid #B6B6B6;
}

.css-gn8dzz table tr:first-of-type th {
  border-bottom-color: #000000;
}

.css-gn8dzz table th {
  font-style: normal;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.css-gn8dzz table td::before {
  content: '';
  display: block;
  margin-bottom: 1em;
}

.css-gn8dzz table td {
  font-style: normal;
  font-size: 14px !important;
  font-weight: 400;
  line-height: 1.14;
  color: #707070;
  line-height: 18px;
  vertical-align: top;
}

.css-gn8dzz table th, .css-gn8dzz table td {
  text-align: left;
  padding: 16px;
  border-left: 0;
  border-right: 0;
  border-bottom-color: #B6B6B6;
}

.css-gn8dzz table {
  border-collapse: collapse;
}

/** Rechtliches end **/