@charset "UTF-8";
/**************************************
 ********** Base Config ***************
 **************************************/
/*$iconfilesPath: "/fileadmin/layout/images_layout/iconfiles/";*/
/*$iconsetPath: "/fileadmin/layout/images_layout/iconset/";*/
/*ig-layout -> verticalelementabstand / 2 */
/* layout 2 */
/* layout 1 */
/* responsive breakpoint */
/* true boxen sind bündig mit text */
/* ig-hide-on-device-desktop */
/* ig-hide-on-device-desktop-tablet */
/* Abstand scales verwendet im init.scss */
/*************************************
 * Format: Prozent -> 0.5;
 * Titel Abstand -> von Standard Abstand ($base_verticalelementabstand)
 * Subtitle Abstand -> Standard Abstand x Title Abstand x Subtitle abstand
 * jeweils padding-bottom auf .csc-header-layout1
 * sowie padding-top auf .subtitle
 */
/* Bilder Abstände */
/* Basis Abstand Berechnungen Praezision */
/**************************************
 *********** Formulare ****************
 **************************************/
/* sets padding of inputs and checkbox container */
/* sets height of inputs and labels */
/* sets bg color of inputs, label and checkbox container */
/* sets border-color of missed required input field */
/* sets the half of the space between the fields */
/* select is smaller than normal fields +- 2px */
/* sets the height of the textarea */
/* sets a different color for the submit */
/* bugfix textarea/video in chrome/opera/safari */
/* bugfix textarea firefox */
/**************************************
 *********** Navigation ***************
 **************************************/
/*********** Both Burger **************/
/* use responsive navigation on desktop too */
/**************************************
 ******* Navigation Desktop ***********
 **************************************/
/* border-color desktop */
/* desktop spacer | menupoint | */
/* Level 1 */
/* Level 2+ */
/* outer Burger */
/**************************************
 ***** Navigation Responsive **********
 **************************************/
/* calculates spacings with $seitenabstand * $spacingCalc */
/* border-color responsive */
/* Level 1 */
/* Level 2+ */
/************* rnEffect ***************/
/************* Burger ****************/
/* inner Burger */
/* color to transition to while closing the menu */
/* color to transition to while open the menu */
/* set offset to move the burger to the middle of burgerholder */
/*************** Arrows ***************/
/* even Numbers work best */
/* color Overrides */
/*************** Layer ****************/
/*********** Breadcrumbs  *************/
/*************** Move *****************/
/************ Fix Header **************/
/********** Fixed Constant ************/
/* Used in:
 * Burger: rnMode/parts/burger.scss
 * Offsets: rnMode/parts/offset.scss
 * Breadcrumbs: rnMode/parts/breadcrumbs.scss
 * Layer: rnMode/parts/layer.scss
 */
/************** Level 2+ **************/
/* font size scale */
/* prevent level 2+ with false */
/* calculated and floored */
/*
 *************************************
 * layout.scss
 * grundsätzliche Gerüst Layout Eigenschaften
 *************************************
 */
body, html {
  height: 100%;
}
body {
  overflow-x: hidden;
  background-color: #fff;
  display: -ms-grid;
  display: grid;
  /* workaround for SCSS Bug */
  grid-template-rows: [first header-start] auto [header-end main-start] minmax(min-content, 1fr) [main-end footer-start] auto [footer-end last];
  grid-template-columns: [first main-start] 100% [main-end last];
  -ms-grid-rows: auto minmax(min-content, 1fr) auto;
  -ms-grid-columns: 100%;
}
.contentWrap {
  padding-top: 110px;
  min-height: 100%;
  width: 100%;
  /* Wird später bei Responsive überschrieben */
}
/* Minimale Höhe des Contentinhaltes */
#contentColumns {
  display: flex;
  align-content: start;
  height: 300px;
  min-height: 300px;
  position: relative;
  z-index: 0;
}
/* Footer */
.footer {
  height: auto;
  background-color: #333;
}
/* IE10, IE 11 */
#header {
  grid-row-start: header-start;
  grid-row-end: header-end;
  grid-column-start: main-start;
  grid-column-end: main-end;
  -ms-grid-row-span: 1;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
#contentWrap {
  grid-row-start: main-start;
  grid-row-end: main-end;
  grid-column-start: main-start;
  grid-column-end: main-end;
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
#footer {
  grid-row-start: footer-start;
  grid-row-end: footer-end;
  grid-column-start: main-start;
  grid-column-end: main-end;
  -ms-grid-row-span: 1;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
/* Reset gbox-padding */
.ym-gbox {
  padding: 0;
}
img {
  width: auto;
  height: auto;
}
/* Border-Box Sizing setzten */
#footer, #header .logo, #header .mainNavigation, #header .utilitiesNavigation, #header .ym-grid.ig-padding-left, .csc-textpic-image, .frame, .headerHelper, .headline, .ig-galerie, .ig-grid, .ig-inline, .image-caption, .pageImageContainer, .templateHeader {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
}
/* "Neues" CSS -> trennen wegen ie8 */
#header > *:not(nav) {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
}
/* Behebt performance und Seitenlade probleme auf Android Standard Browser & Mobilen Geraeten */
.allWrap.no-transition *, .browser-Android-Browser.browser-version-4 body * {
  -webkit-transition: none !important;
  transition: none !important;
}
/* Zentrale Ausrichtung aller Content Elemente */
.ym-wrapper {
  margin: auto;
  max-width: 1200px;
  width: 100%;
}
/* Textlauf auf 800px begrenzen */
.frame ul, p {
  max-width: 800px;
}
/*************************************
 * Header
*/
.templateHeader {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 104;
  background-color: #fff;
}
.templateHeader .logo-container {
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.templateHeader .infotext-container > .frame {
  margin-left: 0;
  margin-right: 0;
  color: #c00;
  padding-left: 0;
  padding-right: 0;
}
.templateHeader .infotext-container > .frame a {
  color: #c00;
}
.templateHeader .infotext-container > .frame a:hover {
  text-decoration: none;
}
.templateHeader.scrollHeader .responsiveNavHolder {
  padding-top: 10px;
  padding-bottom: 10px;
}
.templateHeader.scrollHeader .logo img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
}
.logo {
  position: relative;
  width: 182px;
  height: 100%;
}
.logo img {
  z-index: 100;
  width: 100%;
  position: relative;
  -webkit-transform: scale(1.65);
  -ms-transform: scale(1.65);
  transform: scale(1.65);
  -moz-transform: scale(1.65);
  -o-transform: scale(1.65);
}
@media screen and (min-width:0\0) {
  .templateHeader .flex-container.flex-33 {
    width: 33.3%;
    display: inline-table;
    vertical-align: middle;
  }
  .templateHeader .flex-container.flex-33.utilities-container > div, .templateHeader .flex-container.flex-33.infotext-container {
    display: inline-block;
    vertical-align: middle;
  }
  .templateHeader .flex-container.flex-33.logo-container .logo {
    width: 100%;
    text-align: center;
    text-align: center;
  }
  .templateHeader .flex-container.flex-33.logo-container .logo img {
    width: 182px;
    height: 50px;
  }
  .templateHeader .flex-container.flex-33.utilities-container {
    margin-left: auto;
    text-align: right;
  }
  .templateHeader .flex-container.flex-33.infotext-container {
    margin-top: 10px;
  }
  .pageImageSlider {
    position: relative;
    z-index: -1;
  }
}
/* Vertikales zentrieren der utilitie, headerBox Inhalte und des Suchers */
#header .headerBox .ym-grid > div, #header .menu_utilities, #header .search {
  vertical-align: middle;
}
/* hide by default */
.breadCrumbLevel1, .responsiveNavHolder .burgerHolder {
  display: none;
}
/*************************************
 * PageImage
 */
.pageImageContainer {
  position: relative;
}
.pageImage {
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  /* Bildverhältnis */
  position: relative;
}
.pageImage:before {
  content: '';
  display: block;
  width: 100%;
  padding-top: 36%;
}
.pageImage > div {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.pageImage div :not(picture):not(img):not(.image-caption) {
  height: 100%;
}
.pageImage .image-caption {
  position: absolute;
  bottom: 0;
}
/*************************************
 * Spaltenbreiten Layout
 */
.leftColumn {
  width: 25%;
}
.mainColumn {
  width: 100%;
}
.rightColumn {
  width: 25%;
}
.contentColumns.pageLayout-2 .mainColumn, .contentColumns.pageLayout-3 .mainColumn {
  width: 80%;
}
.contentColumns.pageLayout-2 .rightColumn, .contentColumns.pageLayout-3 .rightColumn {
  width: 20%;
}
.templateHeader .ym-g80 {
  width: 100%;
}
@media screen and (min-width: 1050px) {
  .templateHeader .headerBox .ym-g20 {
    display: none;
  }
}
@media screen and (max-width: 1049px) {
  .templateHeader .ym-g20 {
    width: 20%;
  }
  .templateHeader .ym-g80 {
    width: 80%;
  }
}
/*************************************
 *  spez. Funktionen zur Abstandsberechnung
 */
/* Funktion zur berechnung der vertical Abstände der Headbox ab dem Breakpoint */
/* Funktion zur berechnung der Seitenabstände von Elementen mit dem Layout frame-layout-130 & 140 ab BP. 1260px */
/*************************************
 * Gridelement Vertical Abstände
 * Erste Stufe -> Elemente Innerhalb vom Grid bekommen Seitenabstände statt Verticale Abstände
 * -> Grid muss Abstände entsprechend Ausgleichen
 */
.frame-type-gridelements_pi1 > div > .ig-inline > .frame-type-gridelements_pi1 {
  padding: 0;
}
/*************************************
 * Bilder Grid
 * 0 = Kein Abstand
 * 1 = Standard Abstand
 * 2 = kleiner Abstand
 */
.ce-gallery > .img-layout-1 {
  padding: 0;
}
.img-layout-2 {
  margin: 5px 0;
  padding-left: 5px;
  padding-right: 5px;
}
.img-layout-2.ce-gallery {
  margin: -5px;
  padding: 0;
}
.ce-intext.ce-nowrap.ce-left .img-layout-2.ce-gallery.img-layout-2 {
  margin-right: 5px;
}
.ce-intext.ce-nowrap.ce-right .img-layout-2.ce-gallery.img-layout-2 {
  margin-left: 5px;
}
.img-layout-1.ce-gallery {
  padding-left: 0;
  padding-right: 0;
}
.img-layout-1 .image-caption {
  width: auto;
}
.img-layout-2 .image-caption {
  left: 5px;
  right: 5px;
  width: auto;
}
/* Columnizer */
.columnizer {
  margin-left: -15px;
  margin-right: -15px;
}
.columnizer > .column {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  vertical-align: top;
  display: inline-block;
  padding-left: 15px;
  padding-right: 15px;
}
/* Padding entfernen wenn es keinen BodyText hat und nur überschriften */
.contentColumns .ce-textpic.ce-ig-no-bodytext .csc-header {
  padding-bottom: 0;
}
/*************************************
 * Spez. responisve Anpassungen
 * Vertical Abstände HeaderBox (#headerBoxCalc)
 * Seitenabstände ig-designs-130 & 140 (#ig-designs)
 */
/* Breakpoint zum ausführen der Funktion "#ig-designs" ergiebt sich aus $content_max-width + 2 * Seitenabstand */
@media screen and (max-width: 1260px) {
  .frame-default.frame-layout-130, .frame-default.frame-layout-140, .frame-default.frame-layout-150, .frame-default.frame-layout-160 {
    margin-left: 30px;
    margin-right: 30px;
  }
}
@media screen and (max-width: 1049px) {
  .headerBox {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .headerBox {
    padding-top: 22px;
    padding-bottom: 22px;
  }
  .frame-default.frame-layout-130, .frame-default.frame-layout-140, .frame-default.frame-layout-150, .frame-default.frame-layout-160 {
    margin-left: 22px;
    margin-right: 22px;
  }
}
@media screen and (max-width: 480px) {
  .headerBox {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .frame-default.frame-layout-130, .frame-default.frame-layout-140, .frame-default.frame-layout-150, .frame-default.frame-layout-160 {
    margin-left: 18px;
    margin-right: 18px;
  }
}
/* Zu unterst im layout.scss IMPORTANT! */
/*************************************
   * Std. Abstände (für Inhaltsbereich & ig_renderer)
   */
/* Std. Seiten Abstand Inhalt ohne Grid */
.frame, .frame-3, .frame-default {
  padding-left: 30px;
  padding-right: 30px;
}
/* Std. Seitenabstände Inhalt im Grid */
.frame-3.frame-type-gridelements_pi1, .frame-default.frame-type-gridelements_pi1, .frame-type-gridelements_pi1 .frame-3, .frame-type-gridelements_pi1 .frame-default, .frame-type-gridelements_pi1 > div > .csc-header {
  padding-left: 15px;
  padding-right: 15px;
}
/* Grosse. Seitenabstände Inhalt im Grid */
.frame-2.frame-type-gridelements_pi1, .frame-type-gridelements_pi1 .frame-2 {
  padding-left: 30px;
  padding-right: 30px;
}
/* Frame 2 - grosse Seitenabstände ohne Grid */
.frame-2 {
  padding-left: 60px;
  padding-right: 60px;
}
/* Frame 2 - grosse Seitenabstände im Grid */
.frame-type-gridelements_pi1 .frame-2 {
  padding-left: 30px;
  padding-right: 30px;
}
/*************************************
   * Seitenabstände - frame-layouts 140 & 130
   * Die Std. Seitenabstände sind im File "20_layout.scss" in der Funktion "#ig-designs" definiert
   */
/* Frame 2 - grosse Seitenabstände ohne Grid */
.frame-2.frame-layout-130, .frame-2.frame-layout-140, .frame-2.frame-layout-150, .frame-2.frame-layout-160 {
  margin-left: 60px;
  margin-right: 60px;
}
/* Frame 2 - grosse Seitenabstände im Grid */
.frame-type-gridelements_pi1 .frame-2.frame-layout-130, .frame-type-gridelements_pi1 .frame-2.frame-layout-140, .frame-type-gridelements_pi1 .frame-2.frame-layout-150, .frame-type-gridelements_pi1 .frame-2.frame-layout-160 {
  margin-left: 30px;
  margin-right: 30px;
}
/* Std. Seitenabstände - frame-layouts 140 & 130 im Grid */
.frame-type-gridelements_pi1 .frame-default.frame-layout-130, .frame-type-gridelements_pi1 .frame-default.frame-layout-140, .frame-type-gridelements_pi1 .frame-default.frame-layout-150, .frame-type-gridelements_pi1 .frame-default.frame-layout-160 {
  margin-left: 15px;
  margin-right: 15px;
  padding-right: 30px;
  padding-left: 30px;
}
/**** Before ****/
/* frame-space-before-extra-small - extra kleiner Vertical Abstand oben*/
.frame-space-before-extra-small {
  margin-top: 15px;
}
/* frame-space-before-small - kleiner Vertical Abstand oben*/
.frame-space-before-small {
  margin-top: 30px;
}
/* Std. Vertical Abstand oben Inhalt ohne Grid */
.frame-space-before-medium {
  margin-top: 60px;
}
/* Grosser Vertical Abstand oben Inhalt ohne Grid */
.frame-space-before-large {
  margin-top: 120px;
}
/* Extra Grosser Vertical Abstand oben Inhalt ohne Grid */
.frame-space-before-extra-large {
  margin-top: 240px;
}
/**** After ****/
/* frame-space-after-extra-small - extra kleiner Vertical Abstand unten*/
.frame-space-after-extra-small {
  margin-bottom: 15px;
}
/* frame-space-after-small - kleiner Vertical Abstand unten*/
.frame-space-after-small {
  margin-bottom: 30px;
}
/* Std. Vertical Abstand unten Inhalt ohne Grid */
.frame-space-after-medium {
  margin-bottom: 60px;
}
/* Grosser Vertical Abstand unten Inhalt ohne Grid */
.frame-space-after-large {
  margin-bottom: 120px;
}
/* Extra Grosser Vertical Abstand unten Inhalt ohne Grid */
.frame-space-after-extra-large {
  margin-bottom: 240px;
}
/*************************************
   * Vertical Abstände - frame-layouts 140 & 130
   */
.frame-layout-130, .frame-layout-140, .frame-layout-150, .frame-layout-160 {
  padding-top: 30px;
  padding-bottom: 30px;
}
/*************************************
   * Vertical Abstände im Grid
   */
/**** Before ****/
/* frame-space-before-extra-small - extra kleiner Vertical oben Abstand Spalten Elemente */
.frame-space-before-extra-small.frame-type-gridelements_pi1 {
  margin-top: 7px;
}
/* frame-space-before-small - kleiner Vertical Abstand oben Spalten Elemente */
.frame-space-before-small.frame-type-gridelements_pi1 {
  margin-top: 15px;
}
/* Std. Vertical Abstand oben Spalten Elemente*/
.frame-space-before-medium.frame-type-gridelements_pi1 {
  margin-top: 30px;
}
/* Grosser Vertical Abstand oben Spalten Elemente*/
.frame-space-before-large.frame-type-gridelements_pi1 {
  margin-top: 60px;
}
/* Extra Grosser Vertical Abstand oben Spalten Elemente*/
.frame-space-before-extra-large.frame-type-gridelements_pi1 {
  margin-top: 120px;
}
/**** After ****/
/* frame-space-after-extra-small - extra kleiner Vertical Abstand Spalten Elemente */
.frame-space-after-extra-small.frame-type-gridelements_pi1 {
  margin-bottom: 7px;
}
/* frame-space-after-small - kleiner Vertical Abstand Spalten Elemente */
.frame-space-after-small.frame-type-gridelements_pi1 {
  margin-bottom: 15px;
}
/* Std. Vertical Abstand Spalten Elemente*/
.frame-space-after-medium.frame-type-gridelements_pi1 {
  margin-bottom: 30px;
}
/* Grosser Vertical Abstand Spalten Elemente*/
.frame-space-after-large.frame-type-gridelements_pi1 {
  margin-bottom: 60px;
}
/* Extra Grosser Vertical Abstand Spalten Elemente*/
.frame-space-after-extra-large.frame-type-gridelements_pi1 {
  margin-bottom: 120px;
}
/* Std. Vertical Abstände Grid Elemente im Spalten Element*/
.frame.frame-type-gridelements_pi1 .ig-inline {
  /**** Before ****/
  /* frame-space-before-extra-small - kleiner Vertical Abstand Grid Element */
  /* frame-space-before-small - kleiner Vertical Abstand Grid Element */
  /**** After ****/
  /* frame-space-after-extra-small - kleiner Vertical Abstand Grid Element */
  /* frame-space-after-small - kleiner Vertical Abstand Grid Element */
}
.frame.frame-type-gridelements_pi1 .ig-inline .frame-space-before-extra-small {
  margin-top: 7px;
}
.frame.frame-type-gridelements_pi1 .ig-inline .frame-space-before-small {
  margin-top: 15px;
}
.frame.frame-type-gridelements_pi1 .ig-inline .frame-space-before-medium {
  margin-top: 30px;
}
.frame.frame-type-gridelements_pi1 .ig-inline .frame-space-before-large {
  margin-top: 60px;
}
.frame.frame-type-gridelements_pi1 .ig-inline .frame-space-before-extra-large {
  margin-top: 120px;
}
.frame.frame-type-gridelements_pi1 .ig-inline .frame-space-after-extra-small {
  margin-bottom: 7px;
}
.frame.frame-type-gridelements_pi1 .ig-inline .frame-space-after-small {
  margin-bottom: 15px;
}
.frame.frame-type-gridelements_pi1 .ig-inline .frame-space-after-medium {
  margin-bottom: 30px;
}
.frame.frame-type-gridelements_pi1 .ig-inline .frame-space-after-large {
  margin-bottom: 60px;
}
.frame.frame-type-gridelements_pi1 .ig-inline .frame-space-after-extra-large {
  margin-bottom: 120px;
}
/* Abstand Text wenn unterhalb des Bildes*/
.ce-above.ce-center .ce-gallery + .ce-bodytext, .ce-above.ce-left .ce-gallery + .ce-bodytext, .ce-above.ce-right .ce-gallery + .ce-bodytext {
  margin-top: 15px;
}
/* Abstand Bild wenn unterhalb des Textes*/
.ce-below.ce-center .ce-bodytext + .ce-gallery, .ce-below.ce-left .ce-bodytext + .ce-gallery, .ce-below.ce-right .ce-bodytext + .ce-gallery {
  margin-top: 15px;
}
.frame-imageorient-31 .ce-gallery + .ce-bodytext {
  margin-top: 15px;
}
/* Einstellungen Bild im Text */
.ce-intext {
  /* Einstellungen Bild neben Text */
}
.ce-intext.ce-left:not(.ce-nowrap) .ce-gallery, .ce-intext.ce-right:not(.ce-nowrap) .ce-gallery {
  padding-bottom: 30px;
}
.ce-intext.ce-left:not(.ce-nowrap) .ce-gallery {
  padding-right: 30px;
}
.ce-intext.ce-right:not(.ce-nowrap) .ce-gallery {
  padding-left: 30px;
}
.ce-intext.ce-nowrap.ce-left .ce-gallery, .ce-intext.ce-nowrap.ce-right .ce-bodytext {
  padding-right: 15px;
}
.ce-intext.ce-nowrap.ce-left .ce-gallery.img-layout-1 {
  margin-right: 15px;
}
.ce-intext.ce-nowrap.ce-left .ce-gallery.img-layout-2 {
  padding-right: 10px;
}
.ce-intext.ce-nowrap.ce-left .ce-bodytext, .ce-intext.ce-nowrap.ce-left .ce-header-bodytext .csc-header, .ce-intext.ce-nowrap.ce-right .ce-gallery {
  padding-left: 15px;
}
.ce-intext.ce-nowrap.ce-right .ce-gallery.img-layout-1 {
  margin-left: 15px;
}
.ce-intext.ce-nowrap.ce-right .ce-gallery.img-layout-2 {
  padding-left: 10px;
}
/* Abstand Text wenn unterhalb des Bildes positioniert */
.ce-abovetitle {
  /* Abstand Text wenn unterhalb des Bildes positioniert */
}
.ce-abovetitle .ce-gallery + .ce-bodytext {
  margin-top: 15px;
}
.ce-abovetitle + .csc-header {
  padding-top: 15px;
}
/*************************************
   * Bilder Grid
   * 0 = Kein Abstand
   * 1 = Standard Abstand
   * 2 = kleiner Abstand
   */
.img-layout-1 {
  margin: 15px 0;
  /* Margin Top/Bottom -> Standard Inhalts abstand/2*/
  padding-left: 15px;
  padding-right: 15px;
}
.img-layout-1.ce-gallery {
  margin: -15px;
  /* Margin Top/Bottom -> Standard Inhalts abstand/2 x -1 */
}
.img-layout-1.ce-row + .ce-row {
  margin-top: 15px;
}
/* Positionierung Bildbeschreibung */
.img-layout-1 .image-caption {
  left: 15px;
  right: 15px;
}
/* Columnizer */
.columnizer {
  margin-left: -15px;
  margin-right: -15px;
}
.columnizer > .column {
  padding-left: 15px;
  padding-right: 15px;
}
/*************************************
   * Typographie
   */
/* Abstände für h1 Headline-Überschrift */
.headline {
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 42px;
}
.headline .subtitle {
  padding-top: 21px;
}
.headline .subtitle.padding-bottom {
  padding-bottom: 21px;
}
/* Titel und Subtitel Abstandsdefinitionen für Titel und RTE Überschriften */
.contentColumns {
  /* spezielle Abstände von Überschriften in der Galerie */
}
.contentColumns div:not(.csc-header):not(.headline) > h1, .contentColumns div:not(.header) > .csc-header-layout1 {
  padding-bottom: 42px;
}
.contentColumns .csc-header-layout1 .subtitle {
  padding-top: 21px;
}
.contentColumns .csc-header-layout1 .subtitle.padding-bottom {
  padding-bottom: 21px;
}
.contentColumns div:not(.csc-header) > h2, .contentColumns div:not(.header) > .csc-header-layout2 {
  padding-bottom: 24px;
}
.contentColumns .csc-header-layout2 .subtitle {
  padding-top: 12px;
}
.contentColumns div:not(.csc-header) > h3, .contentColumns div:not(.header) > .csc-header-layout3 {
  padding-bottom: 12px;
}
.contentColumns .csc-header-layout3 .subtitle {
  padding-top: 6px;
}
.contentColumns div:not(.csc-header) > h4, .contentColumns div:not(.header) > .csc-header-layout4 {
  padding-bottom: 6px;
}
.contentColumns .csc-header-layout4 .subtitle {
  padding-top: 3px;
}
.contentColumns div:not(.csc-header) > h5, .contentColumns div:not(.header) > .csc-header-layout5 {
  padding-bottom: 6px;
}
.contentColumns .csc-header-layout5 .subtitle {
  padding-top: 3px;
}
.contentColumns div:not(.csc-header) > h6, .contentColumns div:not(.header) > .csc-header-layout6 {
  padding-bottom: 3px;
}
.contentColumns .csc-header-layout6 .subtitle {
  padding-top: 3px;
}
/*************************************
   * Accordion
   */
/* Überschreiben der standard Seitenabstände, damit der Border des Accordion die korrekte Länge hat */
.ig-accordion.default.frame-type-gridelements_pi1 > div > :first-child {
  margin-right: 15px;
  margin-left: 15px;
}
.ig-accordion.default.frame-type-gridelements_pi1 > div > :first-child .subtitle, .ig-accordion.default.frame-type-gridelements_pi1 > div > :first-child h1, .ig-accordion.default.frame-type-gridelements_pi1 > div > :first-child h2, .ig-accordion.default.frame-type-gridelements_pi1 > div > :first-child h3, .ig-accordion.default.frame-type-gridelements_pi1 > div > :first-child h4, .ig-accordion.default.frame-type-gridelements_pi1 > div > :first-child h5, .ig-accordion.default.frame-type-gridelements_pi1 > div > :first-child h6 {
  margin-left: -15px;
}
/* In Grid-Elementen */
.frame-type-gridelements_pi1 .ig-inline:last-child .ig-accordion.default:not(.is-open):last-child, .frame-type-gridelements_pi1.ig-xcolumns .ig-inline:last-child .ig-accordion.default:not(.is-open) {
  margin-bottom: 15px;
}
/* Top Abstand für Elemente nach einem nicht geöffneten Accordion */
.ig-accordion.default:not(.is-open) + .frame:not(.ig-accordion) {
  margin-top: 60px;
}
.ig-accordion.default:not(.is-open).frame-space-after-small + .frame:not(.ig-accordion) {
  margin-top: 30px;
}
.ig-accordion.default:not(.is-open).frame-space-after-extra-small + .frame:not(.ig-accordion) {
  margin-top: 15px;
}
.ig-accordion.default:not(.is-open).frame-space-after-large + .frame:not(.ig-accordion) {
  margin-top: 120px;
}
.ig-accordion.default:not(.is-open).frame-space-after-extra-large + .frame:not(.ig-accordion) {
  margin-top: 240px;
}
/* Headerabstände neu setzen */
/* Zusätzlicher Bottom Abstand, damit im Accordion die gleichen Abstände nach einem Titel-Element gelten wie bei anderen Elementen */
.ig-accordion.is-open > div > .csc-header + .accordion-show .ig-accordion.accordion-show.is-open .csc-header-layout1 {
  margin-bottom: 6px;
}
.ig-accordion.is-open > div > .csc-header + .accordion-show .ig-accordion.accordion-show.is-open .csc-header-layout2 {
  margin-bottom: -3px;
}
.ig-accordion.is-open > div > .csc-header + .accordion-show .ig-accordion.accordion-show.is-open .csc-header-layout3 {
  margin-bottom: -9px;
}
.ig-accordion.is-open > div > .csc-header + .accordion-show .ig-accordion.accordion-show.is-open .csc-header-layout4 {
  margin-bottom: -12px;
}
.ig-accordion.is-open > div > .csc-header + .accordion-show .ig-accordion.accordion-show.is-open .csc-header-layout5 {
  margin-bottom: -12px;
}
.ig-accordion.is-open > div > .csc-header + .accordion-show .ig-accordion.accordion-show.is-open .csc-header-layout6 {
  margin-bottom: -12px;
}
/*************************************
     * Abstände welche berechnet werden
     */
a.link-button {
  padding: 7px 15px 7px;
}
.boxStartPage .latestNews, .boxStartPage .veranstaltungen {
  padding-left: 15px;
  padding-right: 15px;
}
.csc-default.list.news_pi1 {
  padding-left: 15px;
  padding-right: 15px;
}
/* News */
.news .page-navigation {
  padding-left: 30px;
  padding-right: 30px;
}
.ig-padding-s {
  padding-left: 30px;
  padding-right: 30px;
}
.ig-padding-s-k {
  padding-left: 15px;
  padding-right: 15px;
}
.ig-margin-s {
  margin-left: 30px;
  margin-right: 30px;
}
.ig-margin-s-k {
  margin-left: 15px;
  margin-right: 15px;
}
.ig-padding-v {
  padding-top: 60px;
  padding-bottom: 60px;
}
.ig-padding-v-k {
  padding-top: 30px;
  padding-bottom: 30px;
}
.ig-margin-v {
  margin-top: 60px;
  margin-bottom: 60px;
}
.ig-margin-v-k {
  margin-top: 30px;
  margin-bottom: 30px;
}
.ig-padding-top {
  padding-top: 60px;
}
.ig-padding-left {
  padding-left: 30px;
}
.ig-padding-right {
  padding-right: 30px;
}
.ig-padding-bottom {
  padding-bottom: 60px;
}
.ig-padding-top-k {
  padding-top: 30px;
}
.ig-padding-left-k {
  padding-left: 15px;
}
.ig-padding-right-k {
  padding-right: 15px;
}
.ig-padding-bottom-k {
  padding-bottom: 30px;
}
.ig-margin-top {
  margin-top: 60px;
}
.ig-margin-left {
  margin-left: 30px;
}
.ig-margin-right {
  margin-right: 30px;
}
.ig-margin-bottom {
  margin-bottom: 60px;
}
.ig-margin-top-k {
  margin-top: 30px;
}
.ig-margin-left-k {
  margin-left: 15px;
}
.ig-margin-right-k {
  margin-right: 15px;
}
.ig-margin-bottom-k {
  margin-bottom: 30px;
}
/* Std. Seiten Abstand Inhalt ohne Grid */
.csc-default.list > .ig-plugin-holder, .ig-layout-1.list > .ig-plugin-holder, .ig-layout-100.list > .ig-plugin-holder, .ig-layout-3.list > .ig-plugin-holder {
  margin-left: -15px;
  margin-right: -15px;
}
@media screen and (max-width: 600px) {
  /*************************************
   * Std. Abstände (für Inhaltsbereich & ig_renderer)
   */
  /* Std. Seiten Abstand Inhalt ohne Grid */
  /* Std. Seitenabstände Inhalt im Grid */
  /* Grosse. Seitenabstände Inhalt im Grid */
  /* Frame 2 - grosse Seitenabstände ohne Grid */
  /* Frame 2 - grosse Seitenabstände im Grid */
  /*************************************
   * Seitenabstände - frame-layouts 140 & 130
   * Die Std. Seitenabstände sind im File "20_layout.scss" in der Funktion "#ig-designs" definiert
   */
  /* Frame 2 - grosse Seitenabstände ohne Grid */
  /* Frame 2 - grosse Seitenabstände im Grid */
  /* Std. Seitenabstände - frame-layouts 140 & 130 im Grid */
  /**** Before ****/
  /* frame-space-before-extra-small - extra kleiner Vertical Abstand oben*/
  /* frame-space-before-small - kleiner Vertical Abstand oben*/
  /* Std. Vertical Abstand oben Inhalt ohne Grid */
  /* Grosser Vertical Abstand oben Inhalt ohne Grid */
  /* Extra Grosser Vertical Abstand oben Inhalt ohne Grid */
  /**** After ****/
  /* frame-space-after-extra-small - extra kleiner Vertical Abstand unten*/
  /* frame-space-after-small - kleiner Vertical Abstand unten*/
  /* Std. Vertical Abstand unten Inhalt ohne Grid */
  /* Grosser Vertical Abstand unten Inhalt ohne Grid */
  /* Extra Grosser Vertical Abstand unten Inhalt ohne Grid */
  /*************************************
   * Vertical Abstände - frame-layouts 140 & 130
   */
  /*************************************
   * Vertical Abstände im Grid
   */
  /**** Before ****/
  /* frame-space-before-extra-small - extra kleiner Vertical oben Abstand Spalten Elemente */
  /* frame-space-before-small - kleiner Vertical Abstand oben Spalten Elemente */
  /* Std. Vertical Abstand oben Spalten Elemente*/
  /* Grosser Vertical Abstand oben Spalten Elemente*/
  /* Extra Grosser Vertical Abstand oben Spalten Elemente*/
  /**** After ****/
  /* frame-space-after-extra-small - extra kleiner Vertical Abstand Spalten Elemente */
  /* frame-space-after-small - kleiner Vertical Abstand Spalten Elemente */
  /* Std. Vertical Abstand Spalten Elemente*/
  /* Grosser Vertical Abstand Spalten Elemente*/
  /* Extra Grosser Vertical Abstand Spalten Elemente*/
  /* Std. Vertical Abstände Grid Elemente im Spalten Element*/
  /* Abstand Text wenn unterhalb des Bildes*/
  /* Abstand Bild wenn unterhalb des Textes*/
  /* Einstellungen Bild im Text */
  /* Abstand Text wenn unterhalb des Bildes positioniert */
  /*************************************
   * Bilder Grid
   * 0 = Kein Abstand
   * 1 = Standard Abstand
   * 2 = kleiner Abstand
   */
  /* Positionierung Bildbeschreibung */
  /* Columnizer */
  /*************************************
   * Typographie
   */
  /* Abstände für h1 Headline-Überschrift */
  /* Titel und Subtitel Abstandsdefinitionen für Titel und RTE Überschriften */
  /*************************************
   * Accordion
   */
  /* Überschreiben der standard Seitenabstände, damit der Border des Accordion die korrekte Länge hat */
  /* In Grid-Elementen */
  /* Top Abstand für Elemente nach einem nicht geöffneten Accordion */
  /* Headerabstände neu setzen */
  /* Zusätzlicher Bottom Abstand, damit im Accordion die gleichen Abstände nach einem Titel-Element gelten wie bei anderen Elementen */
  /*************************************
     * Abstände welche berechnet werden
     */
  /* News */
  /* Std. Seiten Abstand Inhalt ohne Grid */
  .frame, .frame-3, .frame-default {
    padding-left: 22px;
    padding-right: 22px;
  }
  .frame-3.frame-type-gridelements_pi1, .frame-default.frame-type-gridelements_pi1, .frame-type-gridelements_pi1 .frame-3, .frame-type-gridelements_pi1 .frame-default, .frame-type-gridelements_pi1 > div > .csc-header {
    padding-left: 11px;
    padding-right: 11px;
  }
  .frame-2.frame-type-gridelements_pi1, .frame-type-gridelements_pi1 .frame-2 {
    padding-left: 22.5px;
    padding-right: 22.5px;
  }
  .frame-2 {
    padding-left: 45px;
    padding-right: 45px;
  }
  .frame-type-gridelements_pi1 .frame-2 {
    padding-left: 22.5px;
    padding-right: 22.5px;
  }
  .frame-2.frame-layout-130, .frame-2.frame-layout-140, .frame-2.frame-layout-150, .frame-2.frame-layout-160 {
    margin-left: 45px;
    margin-right: 45px;
  }
  .frame-type-gridelements_pi1 .frame-2.frame-layout-130, .frame-type-gridelements_pi1 .frame-2.frame-layout-140, .frame-type-gridelements_pi1 .frame-2.frame-layout-150, .frame-type-gridelements_pi1 .frame-2.frame-layout-160 {
    margin-left: 22.5px;
    margin-right: 22.5px;
  }
  .frame-type-gridelements_pi1 .frame-default.frame-layout-130, .frame-type-gridelements_pi1 .frame-default.frame-layout-140, .frame-type-gridelements_pi1 .frame-default.frame-layout-150, .frame-type-gridelements_pi1 .frame-default.frame-layout-160 {
    margin-left: 11px;
    margin-right: 11px;
    padding-right: 22px;
    padding-left: 22px;
  }
  .frame-space-before-extra-small {
    margin-top: 11px;
  }
  .frame-space-before-small {
    margin-top: 22px;
  }
  .frame-space-before-medium {
    margin-top: 45px;
  }
  .frame-space-before-large {
    margin-top: 90px;
  }
  .frame-space-before-extra-large {
    margin-top: 180px;
  }
  .frame-space-after-extra-small {
    margin-bottom: 11px;
  }
  .frame-space-after-small {
    margin-bottom: 22px;
  }
  .frame-space-after-medium {
    margin-bottom: 45px;
  }
  .frame-space-after-large {
    margin-bottom: 90px;
  }
  .frame-space-after-extra-large {
    margin-bottom: 180px;
  }
  .frame-layout-130, .frame-layout-140, .frame-layout-150, .frame-layout-160 {
    padding-top: 22px;
    padding-bottom: 22px;
  }
  .frame-space-before-extra-small.frame-type-gridelements_pi1 {
    margin-top: 5px;
  }
  .frame-space-before-small.frame-type-gridelements_pi1 {
    margin-top: 11px;
  }
  .frame-space-before-medium.frame-type-gridelements_pi1 {
    margin-top: 22px;
  }
  .frame-space-before-large.frame-type-gridelements_pi1 {
    margin-top: 45px;
  }
  .frame-space-before-extra-large.frame-type-gridelements_pi1 {
    margin-top: 90px;
  }
  .frame-space-after-extra-small.frame-type-gridelements_pi1 {
    margin-bottom: 5px;
  }
  .frame-space-after-small.frame-type-gridelements_pi1 {
    margin-bottom: 11px;
  }
  .frame-space-after-medium.frame-type-gridelements_pi1 {
    margin-bottom: 22px;
  }
  .frame-space-after-large.frame-type-gridelements_pi1 {
    margin-bottom: 45px;
  }
  .frame-space-after-extra-large.frame-type-gridelements_pi1 {
    margin-bottom: 90px;
  }
  .frame.frame-type-gridelements_pi1 .ig-inline {
    /**** Before ****/
    /* frame-space-before-extra-small - kleiner Vertical Abstand Grid Element */
    /* frame-space-before-small - kleiner Vertical Abstand Grid Element */
    /**** After ****/
    /* frame-space-after-extra-small - kleiner Vertical Abstand Grid Element */
    /* frame-space-after-small - kleiner Vertical Abstand Grid Element */
  }
  .frame.frame-type-gridelements_pi1 .ig-inline .frame-space-before-extra-small {
    margin-top: 5px;
  }
  .frame.frame-type-gridelements_pi1 .ig-inline .frame-space-before-small {
    margin-top: 11px;
  }
  .frame.frame-type-gridelements_pi1 .ig-inline .frame-space-before-medium {
    margin-top: 22px;
  }
  .frame.frame-type-gridelements_pi1 .ig-inline .frame-space-before-large {
    margin-top: 45px;
  }
  .frame.frame-type-gridelements_pi1 .ig-inline .frame-space-before-extra-large {
    margin-top: 90px;
  }
  .frame.frame-type-gridelements_pi1 .ig-inline .frame-space-after-extra-small {
    margin-bottom: 5px;
  }
  .frame.frame-type-gridelements_pi1 .ig-inline .frame-space-after-small {
    margin-bottom: 11px;
  }
  .frame.frame-type-gridelements_pi1 .ig-inline .frame-space-after-medium {
    margin-bottom: 22px;
  }
  .frame.frame-type-gridelements_pi1 .ig-inline .frame-space-after-large {
    margin-bottom: 45px;
  }
  .frame.frame-type-gridelements_pi1 .ig-inline .frame-space-after-extra-large {
    margin-bottom: 90px;
  }
  .ce-above.ce-center .ce-gallery + .ce-bodytext, .ce-above.ce-left .ce-gallery + .ce-bodytext, .ce-above.ce-right .ce-gallery + .ce-bodytext {
    margin-top: 11px;
  }
  .ce-below.ce-center .ce-bodytext + .ce-gallery, .ce-below.ce-left .ce-bodytext + .ce-gallery, .ce-below.ce-right .ce-bodytext + .ce-gallery {
    margin-top: 11px;
  }
  .frame-imageorient-31 .ce-gallery + .ce-bodytext {
    margin-top: 11px;
  }
  .ce-intext {
    /* Einstellungen Bild neben Text */
  }
  .ce-intext.ce-left:not(.ce-nowrap) .ce-gallery, .ce-intext.ce-right:not(.ce-nowrap) .ce-gallery {
    padding-bottom: 22px;
  }
  .ce-intext.ce-left:not(.ce-nowrap) .ce-gallery {
    padding-right: 22px;
  }
  .ce-intext.ce-right:not(.ce-nowrap) .ce-gallery {
    padding-left: 22px;
  }
  .ce-intext.ce-nowrap.ce-left .ce-gallery, .ce-intext.ce-nowrap.ce-right .ce-bodytext {
    padding-right: 11px;
  }
  .ce-intext.ce-nowrap.ce-left .ce-gallery.img-layout-1 {
    margin-right: 11px;
  }
  .ce-intext.ce-nowrap.ce-left .ce-gallery.img-layout-2 {
    padding-right: 6px;
  }
  .ce-intext.ce-nowrap.ce-left .ce-bodytext, .ce-intext.ce-nowrap.ce-left .ce-header-bodytext .csc-header, .ce-intext.ce-nowrap.ce-right .ce-gallery {
    padding-left: 11px;
  }
  .ce-intext.ce-nowrap.ce-right .ce-gallery.img-layout-1 {
    margin-left: 11px;
  }
  .ce-intext.ce-nowrap.ce-right .ce-gallery.img-layout-2 {
    padding-left: 6px;
  }
  .ce-abovetitle {
    /* Abstand Text wenn unterhalb des Bildes positioniert */
  }
  .ce-abovetitle .ce-gallery + .ce-bodytext {
    margin-top: 11px;
  }
  .ce-abovetitle + .csc-header {
    padding-top: 11px;
  }
  .img-layout-1 {
    margin: 11px 0;
    /* Margin Top/Bottom -> Standard Inhalts abstand/2*/
    padding-left: 11px;
    padding-right: 11px;
  }
  .img-layout-1.ce-gallery {
    margin: -11px;
    /* Margin Top/Bottom -> Standard Inhalts abstand/2 x -1 */
  }
  .img-layout-1.ce-row + .ce-row {
    margin-top: 11px;
  }
  .img-layout-1 .image-caption {
    left: 11px;
    right: 11px;
  }
  .columnizer {
    margin-left: -11px;
    margin-right: -11px;
  }
  .columnizer > .column {
    padding-left: 11px;
    padding-right: 11px;
  }
  .headline {
    padding-left: 22px;
    padding-right: 22px;
    padding-bottom: 31px;
  }
  .headline .subtitle {
    padding-top: 15px;
  }
  .headline .subtitle.padding-bottom {
    padding-bottom: 15px;
  }
  .contentColumns {
    /* spezielle Abstände von Überschriften in der Galerie */
  }
  .contentColumns div:not(.csc-header):not(.headline) > h1, .contentColumns div:not(.header) > .csc-header-layout1 {
    padding-bottom: 31px;
  }
  .contentColumns .csc-header-layout1 .subtitle {
    padding-top: 15px;
  }
  .contentColumns .csc-header-layout1 .subtitle.padding-bottom {
    padding-bottom: 15px;
  }
  .contentColumns div:not(.csc-header) > h2, .contentColumns div:not(.header) > .csc-header-layout2 {
    padding-bottom: 18px;
  }
  .contentColumns .csc-header-layout2 .subtitle {
    padding-top: 9px;
  }
  .contentColumns div:not(.csc-header) > h3, .contentColumns div:not(.header) > .csc-header-layout3 {
    padding-bottom: 9px;
  }
  .contentColumns .csc-header-layout3 .subtitle {
    padding-top: 4px;
  }
  .contentColumns div:not(.csc-header) > h4, .contentColumns div:not(.header) > .csc-header-layout4 {
    padding-bottom: 4px;
  }
  .contentColumns .csc-header-layout4 .subtitle {
    padding-top: 2px;
  }
  .contentColumns div:not(.csc-header) > h5, .contentColumns div:not(.header) > .csc-header-layout5 {
    padding-bottom: 4px;
  }
  .contentColumns .csc-header-layout5 .subtitle {
    padding-top: 2px;
  }
  .contentColumns div:not(.csc-header) > h6, .contentColumns div:not(.header) > .csc-header-layout6 {
    padding-bottom: 2px;
  }
  .contentColumns .csc-header-layout6 .subtitle {
    padding-top: 2px;
  }
  .ig-accordion.default.frame-type-gridelements_pi1 > div > :first-child {
    margin-right: 11px;
    margin-left: 11px;
  }
  .ig-accordion.default.frame-type-gridelements_pi1 > div > :first-child .subtitle, .ig-accordion.default.frame-type-gridelements_pi1 > div > :first-child h1, .ig-accordion.default.frame-type-gridelements_pi1 > div > :first-child h2, .ig-accordion.default.frame-type-gridelements_pi1 > div > :first-child h3, .ig-accordion.default.frame-type-gridelements_pi1 > div > :first-child h4, .ig-accordion.default.frame-type-gridelements_pi1 > div > :first-child h5, .ig-accordion.default.frame-type-gridelements_pi1 > div > :first-child h6 {
    margin-left: -11px;
  }
  .frame-type-gridelements_pi1 .ig-inline:last-child .ig-accordion.default:not(.is-open):last-child, .frame-type-gridelements_pi1.ig-xcolumns .ig-inline:last-child .ig-accordion.default:not(.is-open) {
    margin-bottom: 7px;
  }
  .ig-accordion.default:not(.is-open) + .frame:not(.ig-accordion) {
    margin-top: 45px;
  }
  .ig-accordion.default:not(.is-open).frame-space-after-small + .frame:not(.ig-accordion) {
    margin-top: 22.5px;
  }
  .ig-accordion.default:not(.is-open).frame-space-after-extra-small + .frame:not(.ig-accordion) {
    margin-top: 11.25px;
  }
  .ig-accordion.default:not(.is-open).frame-space-after-large + .frame:not(.ig-accordion) {
    margin-top: 90px;
  }
  .ig-accordion.default:not(.is-open).frame-space-after-extra-large + .frame:not(.ig-accordion) {
    margin-top: 180px;
  }
  .ig-accordion.is-open > div > .csc-header + .accordion-show .ig-accordion.accordion-show.is-open .csc-header-layout1 {
    margin-bottom: 0px;
  }
  .ig-accordion.is-open > div > .csc-header + .accordion-show .ig-accordion.accordion-show.is-open .csc-header-layout2 {
    margin-bottom: -6px;
  }
  .ig-accordion.is-open > div > .csc-header + .accordion-show .ig-accordion.accordion-show.is-open .csc-header-layout3 {
    margin-bottom: -11px;
  }
  .ig-accordion.is-open > div > .csc-header + .accordion-show .ig-accordion.accordion-show.is-open .csc-header-layout4 {
    margin-bottom: -13px;
  }
  .ig-accordion.is-open > div > .csc-header + .accordion-show .ig-accordion.accordion-show.is-open .csc-header-layout5 {
    margin-bottom: -13px;
  }
  .ig-accordion.is-open > div > .csc-header + .accordion-show .ig-accordion.accordion-show.is-open .csc-header-layout6 {
    margin-bottom: -13px;
  }
  a.link-button {
    padding: 5px 11px 5px;
  }
  .boxStartPage .latestNews, .boxStartPage .veranstaltungen {
    padding-left: 11px;
    padding-right: 11px;
  }
  .csc-default.list.news_pi1 {
    padding-left: 11px;
    padding-right: 11px;
  }
  .news .page-navigation {
    padding-left: 22px;
    padding-right: 22px;
  }
  .ig-padding-s {
    padding-left: 22px;
    padding-right: 22px;
  }
  .ig-padding-s-k {
    padding-left: 11px;
    padding-right: 11px;
  }
  .ig-margin-s {
    margin-left: 22px;
    margin-right: 22px;
  }
  .ig-margin-s-k {
    margin-left: 11px;
    margin-right: 11px;
  }
  .ig-padding-v {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .ig-padding-v-k {
    padding-top: 22px;
    padding-bottom: 22px;
  }
  .ig-margin-v {
    margin-top: 45px;
    margin-bottom: 45px;
  }
  .ig-margin-v-k {
    margin-top: 22px;
    margin-bottom: 22px;
  }
  .ig-padding-top {
    padding-top: 45px;
  }
  .ig-padding-left {
    padding-left: 22px;
  }
  .ig-padding-right {
    padding-right: 22px;
  }
  .ig-padding-bottom {
    padding-bottom: 45px;
  }
  .ig-padding-top-k {
    padding-top: 22px;
  }
  .ig-padding-left-k {
    padding-left: 11px;
  }
  .ig-padding-right-k {
    padding-right: 11px;
  }
  .ig-padding-bottom-k {
    padding-bottom: 22px;
  }
  .ig-margin-top {
    margin-top: 45px;
  }
  .ig-margin-left {
    margin-left: 22px;
  }
  .ig-margin-right {
    margin-right: 22px;
  }
  .ig-margin-bottom {
    margin-bottom: 45px;
  }
  .ig-margin-top-k {
    margin-top: 22px;
  }
  .ig-margin-left-k {
    margin-left: 11px;
  }
  .ig-margin-right-k {
    margin-right: 11px;
  }
  .ig-margin-bottom-k {
    margin-bottom: 22px;
  }
  .csc-default.list > .ig-plugin-holder, .ig-layout-1.list > .ig-plugin-holder, .ig-layout-100.list > .ig-plugin-holder, .ig-layout-3.list > .ig-plugin-holder {
    margin-left: -11px;
    margin-right: -11px;
  }
}
@media screen and (max-width: 480px) {
  /*************************************
   * Std. Abstände (für Inhaltsbereich & ig_renderer)
   */
  /* Std. Seiten Abstand Inhalt ohne Grid */
  /* Std. Seitenabstände Inhalt im Grid */
  /* Grosse. Seitenabstände Inhalt im Grid */
  /* Frame 2 - grosse Seitenabstände ohne Grid */
  /* Frame 2 - grosse Seitenabstände im Grid */
  /*************************************
   * Seitenabstände - frame-layouts 140 & 130
   * Die Std. Seitenabstände sind im File "20_layout.scss" in der Funktion "#ig-designs" definiert
   */
  /* Frame 2 - grosse Seitenabstände ohne Grid */
  /* Frame 2 - grosse Seitenabstände im Grid */
  /* Std. Seitenabstände - frame-layouts 140 & 130 im Grid */
  /**** Before ****/
  /* frame-space-before-extra-small - extra kleiner Vertical Abstand oben*/
  /* frame-space-before-small - kleiner Vertical Abstand oben*/
  /* Std. Vertical Abstand oben Inhalt ohne Grid */
  /* Grosser Vertical Abstand oben Inhalt ohne Grid */
  /* Extra Grosser Vertical Abstand oben Inhalt ohne Grid */
  /**** After ****/
  /* frame-space-after-extra-small - extra kleiner Vertical Abstand unten*/
  /* frame-space-after-small - kleiner Vertical Abstand unten*/
  /* Std. Vertical Abstand unten Inhalt ohne Grid */
  /* Grosser Vertical Abstand unten Inhalt ohne Grid */
  /* Extra Grosser Vertical Abstand unten Inhalt ohne Grid */
  /*************************************
   * Vertical Abstände - frame-layouts 140 & 130
   */
  /*************************************
   * Vertical Abstände im Grid
   */
  /**** Before ****/
  /* frame-space-before-extra-small - extra kleiner Vertical oben Abstand Spalten Elemente */
  /* frame-space-before-small - kleiner Vertical Abstand oben Spalten Elemente */
  /* Std. Vertical Abstand oben Spalten Elemente*/
  /* Grosser Vertical Abstand oben Spalten Elemente*/
  /* Extra Grosser Vertical Abstand oben Spalten Elemente*/
  /**** After ****/
  /* frame-space-after-extra-small - extra kleiner Vertical Abstand Spalten Elemente */
  /* frame-space-after-small - kleiner Vertical Abstand Spalten Elemente */
  /* Std. Vertical Abstand Spalten Elemente*/
  /* Grosser Vertical Abstand Spalten Elemente*/
  /* Extra Grosser Vertical Abstand Spalten Elemente*/
  /* Std. Vertical Abstände Grid Elemente im Spalten Element*/
  /* Abstand Text wenn unterhalb des Bildes*/
  /* Abstand Bild wenn unterhalb des Textes*/
  /* Einstellungen Bild im Text */
  /* Abstand Text wenn unterhalb des Bildes positioniert */
  /*************************************
   * Bilder Grid
   * 0 = Kein Abstand
   * 1 = Standard Abstand
   * 2 = kleiner Abstand
   */
  /* Positionierung Bildbeschreibung */
  /* Columnizer */
  /*************************************
   * Typographie
   */
  /* Abstände für h1 Headline-Überschrift */
  /* Titel und Subtitel Abstandsdefinitionen für Titel und RTE Überschriften */
  /*************************************
   * Accordion
   */
  /* Überschreiben der standard Seitenabstände, damit der Border des Accordion die korrekte Länge hat */
  /* In Grid-Elementen */
  /* Top Abstand für Elemente nach einem nicht geöffneten Accordion */
  /* Headerabstände neu setzen */
  /* Zusätzlicher Bottom Abstand, damit im Accordion die gleichen Abstände nach einem Titel-Element gelten wie bei anderen Elementen */
  /*************************************
     * Abstände welche berechnet werden
     */
  /* News */
  /* Std. Seiten Abstand Inhalt ohne Grid */
  .frame, .frame-3, .frame-default {
    padding-left: 18px;
    padding-right: 18px;
  }
  .frame-3.frame-type-gridelements_pi1, .frame-default.frame-type-gridelements_pi1, .frame-type-gridelements_pi1 .frame-3, .frame-type-gridelements_pi1 .frame-default, .frame-type-gridelements_pi1 > div > .csc-header {
    padding-left: 9px;
    padding-right: 9px;
  }
  .frame-2.frame-type-gridelements_pi1, .frame-type-gridelements_pi1 .frame-2 {
    padding-left: 18px;
    padding-right: 18px;
  }
  .frame-2 {
    padding-left: 36px;
    padding-right: 36px;
  }
  .frame-type-gridelements_pi1 .frame-2 {
    padding-left: 18px;
    padding-right: 18px;
  }
  .frame-2.frame-layout-130, .frame-2.frame-layout-140, .frame-2.frame-layout-150, .frame-2.frame-layout-160 {
    margin-left: 36px;
    margin-right: 36px;
  }
  .frame-type-gridelements_pi1 .frame-2.frame-layout-130, .frame-type-gridelements_pi1 .frame-2.frame-layout-140, .frame-type-gridelements_pi1 .frame-2.frame-layout-150, .frame-type-gridelements_pi1 .frame-2.frame-layout-160 {
    margin-left: 18px;
    margin-right: 18px;
  }
  .frame-type-gridelements_pi1 .frame-default.frame-layout-130, .frame-type-gridelements_pi1 .frame-default.frame-layout-140, .frame-type-gridelements_pi1 .frame-default.frame-layout-150, .frame-type-gridelements_pi1 .frame-default.frame-layout-160 {
    margin-left: 9px;
    margin-right: 9px;
    padding-right: 18px;
    padding-left: 18px;
  }
  .frame-space-before-extra-small {
    margin-top: 9px;
  }
  .frame-space-before-small {
    margin-top: 18px;
  }
  .frame-space-before-medium {
    margin-top: 36px;
  }
  .frame-space-before-large {
    margin-top: 72px;
  }
  .frame-space-before-extra-large {
    margin-top: 144px;
  }
  .frame-space-after-extra-small {
    margin-bottom: 9px;
  }
  .frame-space-after-small {
    margin-bottom: 18px;
  }
  .frame-space-after-medium {
    margin-bottom: 36px;
  }
  .frame-space-after-large {
    margin-bottom: 72px;
  }
  .frame-space-after-extra-large {
    margin-bottom: 144px;
  }
  .frame-layout-130, .frame-layout-140, .frame-layout-150, .frame-layout-160 {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .frame-space-before-extra-small.frame-type-gridelements_pi1 {
    margin-top: 4px;
  }
  .frame-space-before-small.frame-type-gridelements_pi1 {
    margin-top: 9px;
  }
  .frame-space-before-medium.frame-type-gridelements_pi1 {
    margin-top: 18px;
  }
  .frame-space-before-large.frame-type-gridelements_pi1 {
    margin-top: 36px;
  }
  .frame-space-before-extra-large.frame-type-gridelements_pi1 {
    margin-top: 72px;
  }
  .frame-space-after-extra-small.frame-type-gridelements_pi1 {
    margin-bottom: 4px;
  }
  .frame-space-after-small.frame-type-gridelements_pi1 {
    margin-bottom: 9px;
  }
  .frame-space-after-medium.frame-type-gridelements_pi1 {
    margin-bottom: 18px;
  }
  .frame-space-after-large.frame-type-gridelements_pi1 {
    margin-bottom: 36px;
  }
  .frame-space-after-extra-large.frame-type-gridelements_pi1 {
    margin-bottom: 72px;
  }
  .frame.frame-type-gridelements_pi1 .ig-inline {
    /**** Before ****/
    /* frame-space-before-extra-small - kleiner Vertical Abstand Grid Element */
    /* frame-space-before-small - kleiner Vertical Abstand Grid Element */
    /**** After ****/
    /* frame-space-after-extra-small - kleiner Vertical Abstand Grid Element */
    /* frame-space-after-small - kleiner Vertical Abstand Grid Element */
  }
  .frame.frame-type-gridelements_pi1 .ig-inline .frame-space-before-extra-small {
    margin-top: 4px;
  }
  .frame.frame-type-gridelements_pi1 .ig-inline .frame-space-before-small {
    margin-top: 9px;
  }
  .frame.frame-type-gridelements_pi1 .ig-inline .frame-space-before-medium {
    margin-top: 18px;
  }
  .frame.frame-type-gridelements_pi1 .ig-inline .frame-space-before-large {
    margin-top: 36px;
  }
  .frame.frame-type-gridelements_pi1 .ig-inline .frame-space-before-extra-large {
    margin-top: 72px;
  }
  .frame.frame-type-gridelements_pi1 .ig-inline .frame-space-after-extra-small {
    margin-bottom: 4px;
  }
  .frame.frame-type-gridelements_pi1 .ig-inline .frame-space-after-small {
    margin-bottom: 9px;
  }
  .frame.frame-type-gridelements_pi1 .ig-inline .frame-space-after-medium {
    margin-bottom: 18px;
  }
  .frame.frame-type-gridelements_pi1 .ig-inline .frame-space-after-large {
    margin-bottom: 36px;
  }
  .frame.frame-type-gridelements_pi1 .ig-inline .frame-space-after-extra-large {
    margin-bottom: 72px;
  }
  .ce-above.ce-center .ce-gallery + .ce-bodytext, .ce-above.ce-left .ce-gallery + .ce-bodytext, .ce-above.ce-right .ce-gallery + .ce-bodytext {
    margin-top: 9px;
  }
  .ce-below.ce-center .ce-bodytext + .ce-gallery, .ce-below.ce-left .ce-bodytext + .ce-gallery, .ce-below.ce-right .ce-bodytext + .ce-gallery {
    margin-top: 9px;
  }
  .frame-imageorient-31 .ce-gallery + .ce-bodytext {
    margin-top: 9px;
  }
  .ce-intext {
    /* Einstellungen Bild neben Text */
  }
  .ce-intext.ce-left:not(.ce-nowrap) .ce-gallery, .ce-intext.ce-right:not(.ce-nowrap) .ce-gallery {
    padding-bottom: 18px;
  }
  .ce-intext.ce-left:not(.ce-nowrap) .ce-gallery {
    padding-right: 18px;
  }
  .ce-intext.ce-right:not(.ce-nowrap) .ce-gallery {
    padding-left: 18px;
  }
  .ce-intext.ce-nowrap.ce-left .ce-gallery, .ce-intext.ce-nowrap.ce-right .ce-bodytext {
    padding-right: 9px;
  }
  .ce-intext.ce-nowrap.ce-left .ce-gallery.img-layout-1 {
    margin-right: 9px;
  }
  .ce-intext.ce-nowrap.ce-left .ce-gallery.img-layout-2 {
    padding-right: 4px;
  }
  .ce-intext.ce-nowrap.ce-left .ce-bodytext, .ce-intext.ce-nowrap.ce-left .ce-header-bodytext .csc-header, .ce-intext.ce-nowrap.ce-right .ce-gallery {
    padding-left: 9px;
  }
  .ce-intext.ce-nowrap.ce-right .ce-gallery.img-layout-1 {
    margin-left: 9px;
  }
  .ce-intext.ce-nowrap.ce-right .ce-gallery.img-layout-2 {
    padding-left: 4px;
  }
  .ce-abovetitle {
    /* Abstand Text wenn unterhalb des Bildes positioniert */
  }
  .ce-abovetitle .ce-gallery + .ce-bodytext {
    margin-top: 9px;
  }
  .ce-abovetitle + .csc-header {
    padding-top: 9px;
  }
  .img-layout-1 {
    margin: 9px 0;
    /* Margin Top/Bottom -> Standard Inhalts abstand/2*/
    padding-left: 9px;
    padding-right: 9px;
  }
  .img-layout-1.ce-gallery {
    margin: -9px;
    /* Margin Top/Bottom -> Standard Inhalts abstand/2 x -1 */
  }
  .img-layout-1.ce-row + .ce-row {
    margin-top: 9px;
  }
  .img-layout-1 .image-caption {
    left: 9px;
    right: 9px;
  }
  .columnizer {
    margin-left: -9px;
    margin-right: -9px;
  }
  .columnizer > .column {
    padding-left: 9px;
    padding-right: 9px;
  }
  .headline {
    padding-left: 18px;
    padding-right: 18px;
    padding-bottom: 25px;
  }
  .headline .subtitle {
    padding-top: 12px;
  }
  .headline .subtitle.padding-bottom {
    padding-bottom: 12px;
  }
  .contentColumns {
    /* spezielle Abstände von Überschriften in der Galerie */
  }
  .contentColumns div:not(.csc-header):not(.headline) > h1, .contentColumns div:not(.header) > .csc-header-layout1 {
    padding-bottom: 25px;
  }
  .contentColumns .csc-header-layout1 .subtitle {
    padding-top: 12px;
  }
  .contentColumns .csc-header-layout1 .subtitle.padding-bottom {
    padding-bottom: 12px;
  }
  .contentColumns div:not(.csc-header) > h2, .contentColumns div:not(.header) > .csc-header-layout2 {
    padding-bottom: 14px;
  }
  .contentColumns .csc-header-layout2 .subtitle {
    padding-top: 7px;
  }
  .contentColumns div:not(.csc-header) > h3, .contentColumns div:not(.header) > .csc-header-layout3 {
    padding-bottom: 7px;
  }
  .contentColumns .csc-header-layout3 .subtitle {
    padding-top: 3px;
  }
  .contentColumns div:not(.csc-header) > h4, .contentColumns div:not(.header) > .csc-header-layout4 {
    padding-bottom: 3px;
  }
  .contentColumns .csc-header-layout4 .subtitle {
    padding-top: 1px;
  }
  .contentColumns div:not(.csc-header) > h5, .contentColumns div:not(.header) > .csc-header-layout5 {
    padding-bottom: 3px;
  }
  .contentColumns .csc-header-layout5 .subtitle {
    padding-top: 1px;
  }
  .contentColumns div:not(.csc-header) > h6, .contentColumns div:not(.header) > .csc-header-layout6 {
    padding-bottom: 1px;
  }
  .contentColumns .csc-header-layout6 .subtitle {
    padding-top: 1px;
  }
  .ig-accordion.default.frame-type-gridelements_pi1 > div > :first-child {
    margin-right: 9px;
    margin-left: 9px;
  }
  .ig-accordion.default.frame-type-gridelements_pi1 > div > :first-child .subtitle, .ig-accordion.default.frame-type-gridelements_pi1 > div > :first-child h1, .ig-accordion.default.frame-type-gridelements_pi1 > div > :first-child h2, .ig-accordion.default.frame-type-gridelements_pi1 > div > :first-child h3, .ig-accordion.default.frame-type-gridelements_pi1 > div > :first-child h4, .ig-accordion.default.frame-type-gridelements_pi1 > div > :first-child h5, .ig-accordion.default.frame-type-gridelements_pi1 > div > :first-child h6 {
    margin-left: -9px;
  }
  .frame-type-gridelements_pi1 .ig-inline:last-child .ig-accordion.default:not(.is-open):last-child, .frame-type-gridelements_pi1.ig-xcolumns .ig-inline:last-child .ig-accordion.default:not(.is-open) {
    margin-bottom: 3px;
  }
  .ig-accordion.default:not(.is-open) + .frame:not(.ig-accordion) {
    margin-top: 36px;
  }
  .ig-accordion.default:not(.is-open).frame-space-after-small + .frame:not(.ig-accordion) {
    margin-top: 18px;
  }
  .ig-accordion.default:not(.is-open).frame-space-after-extra-small + .frame:not(.ig-accordion) {
    margin-top: 9px;
  }
  .ig-accordion.default:not(.is-open).frame-space-after-large + .frame:not(.ig-accordion) {
    margin-top: 72px;
  }
  .ig-accordion.default:not(.is-open).frame-space-after-extra-large + .frame:not(.ig-accordion) {
    margin-top: 144px;
  }
  .ig-accordion.is-open > div > .csc-header + .accordion-show .ig-accordion.accordion-show.is-open .csc-header-layout1 {
    margin-bottom: -3px;
  }
  .ig-accordion.is-open > div > .csc-header + .accordion-show .ig-accordion.accordion-show.is-open .csc-header-layout2 {
    margin-bottom: -8px;
  }
  .ig-accordion.is-open > div > .csc-header + .accordion-show .ig-accordion.accordion-show.is-open .csc-header-layout3 {
    margin-bottom: -12px;
  }
  .ig-accordion.is-open > div > .csc-header + .accordion-show .ig-accordion.accordion-show.is-open .csc-header-layout4 {
    margin-bottom: -14px;
  }
  .ig-accordion.is-open > div > .csc-header + .accordion-show .ig-accordion.accordion-show.is-open .csc-header-layout5 {
    margin-bottom: -14px;
  }
  .ig-accordion.is-open > div > .csc-header + .accordion-show .ig-accordion.accordion-show.is-open .csc-header-layout6 {
    margin-bottom: -14px;
  }
  a.link-button {
    padding: 4px 9px 4px;
  }
  .boxStartPage .latestNews, .boxStartPage .veranstaltungen {
    padding-left: 9px;
    padding-right: 9px;
  }
  .csc-default.list.news_pi1 {
    padding-left: 9px;
    padding-right: 9px;
  }
  .news .page-navigation {
    padding-left: 18px;
    padding-right: 18px;
  }
  .ig-padding-s {
    padding-left: 18px;
    padding-right: 18px;
  }
  .ig-padding-s-k {
    padding-left: 9px;
    padding-right: 9px;
  }
  .ig-margin-s {
    margin-left: 18px;
    margin-right: 18px;
  }
  .ig-margin-s-k {
    margin-left: 9px;
    margin-right: 9px;
  }
  .ig-padding-v {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .ig-padding-v-k {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .ig-margin-v {
    margin-top: 36px;
    margin-bottom: 36px;
  }
  .ig-margin-v-k {
    margin-top: 18px;
    margin-bottom: 18px;
  }
  .ig-padding-top {
    padding-top: 36px;
  }
  .ig-padding-left {
    padding-left: 18px;
  }
  .ig-padding-right {
    padding-right: 18px;
  }
  .ig-padding-bottom {
    padding-bottom: 36px;
  }
  .ig-padding-top-k {
    padding-top: 18px;
  }
  .ig-padding-left-k {
    padding-left: 9px;
  }
  .ig-padding-right-k {
    padding-right: 9px;
  }
  .ig-padding-bottom-k {
    padding-bottom: 18px;
  }
  .ig-margin-top {
    margin-top: 36px;
  }
  .ig-margin-left {
    margin-left: 18px;
  }
  .ig-margin-right {
    margin-right: 18px;
  }
  .ig-margin-bottom {
    margin-bottom: 36px;
  }
  .ig-margin-top-k {
    margin-top: 18px;
  }
  .ig-margin-left-k {
    margin-left: 9px;
  }
  .ig-margin-right-k {
    margin-right: 9px;
  }
  .ig-margin-bottom-k {
    margin-bottom: 18px;
  }
  .csc-default.list > .ig-plugin-holder, .ig-layout-1.list > .ig-plugin-holder, .ig-layout-100.list > .ig-plugin-holder, .ig-layout-3.list > .ig-plugin-holder {
    margin-left: -9px;
    margin-right: -9px;
  }
}