@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 */
/*
 *************************************
 * responsive.scss
 * Eigenschaften der Inhaltselemente
 *************************************
 */
@media screen and (max-width: 1349px) {
  /* YAML Spalten grössen */
  /* Header */
  /* Logo */
  /* Burger */
  .ym-g10, .ym-g20, .ym-g25, .ym-g33, .ym-g38, .ym-g40, .ym-g50 {
    width: 50%;
  }
  .ym-g60, .ym-g62, .ym-g66, .ym-g75, .ym-g80, .ym-g90 {
    width: 100%;
  }
  #header-box-responsive {
    padding-right: 90px;
    padding-left: 90px;
  }
  .menu-utilities-container #menu_utilities ul a {
    padding-right: 39px;
    padding-left: 39px;
  }
  #mainColumn {
    padding-right: 60px;
    padding-left: 60px;
  }
  footer {
    font-size: 16px;
  }
  footer .ym-g66 {
    width: 66%;
  }
  footer .ym-g60 {
    width: 60%;
  }
  footer .ym-g50 {
    width: 50%;
  }
  footer .ym-g40 {
    width: 40%;
  }
  footer .ym-g33 {
    width: 33%;
  }
  .anmeldung-footer .ym-g60 p {
    padding-top: 6px;
  }
  .logo {
    margin-top: 0;
  }
  #headerBox .burgerHolder {
    display: inline-block;
  }
  div.burgerHolder {
    padding-right: 90px;
  }
}
@media screen and (max-width: 1100px) {
  .mainColumn {
    width: 100%;
  }
  .pageImageSlider {
    position: relative;
    top: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 300px;
  }
  .pageImageSlider .ig-slider:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.2);
  }
  .pageImageSlider .ig-slider .ce-image .ce-gallery img, .pageImageSlider .ig-slider .ce-textpic .ce-gallery img {
    height: 300px;
  }
  footer {
    font-size: 14px;
  }
  footer .ym-g60 {
    width: 100%;
  }
  footer .ym-g40 {
    width: 100%;
  }
  footer .ym-g40 p {
    padding-top: 15px;
    text-align: left;
  }
}
@media screen and (max-width: 720px) {
  #header-box-responsive {
    padding-right: 60px;
    padding-left: 60px;
  }
  #mainColumn {
    padding-right: 30px;
    padding-left: 30px;
  }
  div.burgerHolder {
    padding-right: 60px;
  }
  .pageImageSlider {
    height: 200px;
  }
  .pageImageSlider .ig-slider .ce-image .ce-gallery img, .pageImageSlider .ig-slider .ce-textpic .ce-gallery img {
    height: 200px;
  }
  .footer .anmeldung-footer h1, .footer .anmeldung-footer h2, .footer .anmeldung-footer h3, .footer .anmeldung-footer h4, .footer .anmeldung-footer h5, .footer .anmeldung-footer h6 {
    line-height: 120%;
  }
  .footer .anmeldung-footer p {
    font-size: 16px;
  }
  #footer .ym-g33, #footer .ym-g66 {
    justify-content: flex-start;
    width: 100%;
  }
  #footer .ym-g33 > div {
    margin-bottom: 0;
  }
  .anmeldung-footer > div, .content-footer-container {
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 14px;
  }
}
@media screen and (max-width: 600px) {
  /* Bilder umbruch*/
  .imageperrow-4, .imageperrow-5, .imageperrow-6 {
    width: 33%;
  }
  .imageperrow-8 {
    width: 25%;
  }
  #header-box-responsive {
    padding-right: 30px;
    padding-left: 30px;
  }
  #mainColumn {
    padding-right: 15px;
    padding-left: 15px;
  }
  div.burgerHolder {
    padding-right: 30px;
  }
  .logo img {
    width: auto;
    height: 65px;
  }
  .footer .ym-2-spalten .ym-g66:last-child {
    display: inline;
  }
  .footer .ym-2-spalten .ym-g66:last-child div {
    text-align: left;
  }
  .footer .ym-2-spalten .ym-g66:last-child.ym-g66 {
    margin-top: 11.25px;
  }
  div.frame-default.frame-layout-140 {
    margin-right: 22px;
    margin-left: 22px;
  }
}
@media screen and (max-width: 480px) {
  /* YAML Spalten grössen */
  /* Bilder umbruch */
  .ym-g10, .ym-g20, .ym-g25, .ym-g33, .ym-g38, .ym-g40, .ym-g50 {
    width: 100%;
  }
  .imageperrow-3, .imageperrow-4, .imageperrow-5, .imageperrow-6, .imageperrow-8 {
    width: 50%;
  }
  #headline h1, h1 {
    font-size: 35px;
  }
  #headline h1 + .subtitle, h1 + .subtitle {
    font-size: 30px;
  }
  h2 {
    font-size: 30px;
  }
  h2 + .subtitle {
    font-size: 26px;
  }
  h3 {
    font-size: 25px;
  }
  h3 + .subtitle {
    font-size: 20px;
  }
  h4 {
    font-size: 20px;
  }
  h4 + .subtitle {
    font-size: 18px;
  }
  div.frame-default.frame-layout-140 {
    margin-right: 18px;
    margin-left: 18px;
  }
  body {
    line-height: 140%;
  }
  .logo img {
    width: auto;
    height: 50px;
  }
}