@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 */
/*
 *************************************
 * utilities.scss
 * Eigenschaften der utilities navigation
 *************************************
 */
/*************************************
 * Zu brechnende Abstände für responsive
 */
/*************************************
 * utilities
 */
.menu_utilities {
  padding-left: 14px;
}
.menu_utilities li:hover a, .menu_utilities li:hover span {
  text-decoration: none;
}
.menu_utilities li:last-child > a, .menu_utilities li:last-child > span {
  /* padding-right: 0; */
}
.menu_utilities a {
  width: 100%;
  padding: 0 12px;
  font-weight: 400;
}
.menu_utilities.opticalline {
  margin-right: -12px;
  margin-left: -12px;
}
/* Trennlinie */
.menu_utilities a:after {
  /*content: "";*/
  position: absolute;
  top: 5px;
  right: 0;
  bottom: 6px;
  width: 1px;
  background-color: white;
}
.menu_utilities li:last-child > a:after {
  width: 0;
  padding-right: 0;
}
/*************************************
 * Drucken Link
 */
#menu_utilities .item-48 a {
  cursor: pointer;
}
/*************************************
 * responsive Anpassungen utilities
 */
@media screen and (max-width: 899px) {
  /*.responsiveNavLeft #menu_utilities > ul,
  .responsiveNavRight #menu_utilities > ul{
    margin-bottom: $verticalelementabstand * 2;
  }*/
  /* responsive optical line right/left */
  /* printlink only on no touch devices */
  /*************************************
   * menu_utilities Right/Left
   */
  /*************************************
   * menu_utilities Overflow
   */
  .responsiveNavLeft #menu_utilities a, .responsiveNavRight #menu_utilities a {
    padding-right: 15px;
    padding-left: 15px;
  }
  #menu_utilities a {
    padding-bottom: 10px;
    line-height: normal;
  }
  .menu_utilities.opticalline-left {
    margin-left: -15px;
  }
  .menu_utilities.opticalline-right {
    margin-left: 15px;
  }
  .menu_utilities {
    padding-left: 0;
  }
  .menu_utilities.opticalline-left, .menu_utilities.opticalline-right {
    display: inherit;
  }
  .touch #menu_utilities ul li a[title='print'] {
    display: none;
  }
  .responsiveNavLeft #menu_utilities, .responsiveNavRight #menu_utilities {
    width: 100%;
    text-align: left;
  }
  .responsiveNavLeft #menu_utilities ul li, .responsiveNavLeft #menu_utilities ul li a, .responsiveNavRight #menu_utilities ul li, .responsiveNavRight #menu_utilities ul li a {
    width: 100%;
  }
  .responsiveNavOverflow #menu_utilities {
    width: 100%;
    text-align: center;
    border-top: 1px solid #333;
  }
  .responsiveNavOverflow #menu_utilities ul li a {
    border-left: 1px solid #333;
  }
  .responsiveNavOverflow #menu_utilities ul li:first-child a {
    border-left: 0 solid #333;
  }
}
@media screen and (max-width: 600px) {
  /*.responsiveNavLeft #menu_utilities > ul,
  .responsiveNavRight #menu_utilities > ul{
    margin-bottom: $verticalelementabstand * 2;
  }*/
  .responsiveNavLeft #menu_utilities a, .responsiveNavRight #menu_utilities a {
    padding-right: 15px;
    padding-left: 15px;
  }
  #menu_utilities a {
    padding-bottom: 10px;
    line-height: normal;
  }
  .menu_utilities.opticalline-left {
    margin-left: -15px;
  }
  .menu_utilities.opticalline-right {
    margin-left: 15px;
  }
  .menu_utilities a {
    font-size: 18px;
  }
  .menu_utilities li:last-child > a, .menu_utilities li:last-child > span {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 480px) {
  /*.responsiveNavLeft #menu_utilities > ul,
  .responsiveNavRight #menu_utilities > ul{
    margin-bottom: $verticalelementabstand * 2;
  }*/
  .responsiveNavLeft #menu_utilities a, .responsiveNavRight #menu_utilities a {
    padding-right: 12px;
    padding-left: 12px;
  }
  #menu_utilities a {
    padding-bottom: 8px;
    line-height: normal;
  }
  .menu_utilities.opticalline-left {
    margin-left: -12px;
  }
  .menu_utilities.opticalline-right {
    margin-left: 12px;
  }
  .menu_utilities a {
    font-size: 18px;
  }
}