@font-face {
    font-display: swap;
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;    
    src: url('../fonts/poppins/poppins-v19-latin-regular.eot');
    src: local(''), url('../fonts/poppins/poppins-v19-latin-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/poppins/poppins-v19-latin-regular.woff2') format('woff2'), url('../fonts/poppins/poppins-v19-latin-regular.woff') format('woff'), url('../fonts/poppins/poppins-v19-latin-regular.ttf') format('truetype'), url('../fonts/poppins/poppins-v19-latin-regular.svg#Poppins') format('svg')
}

@font-face {
    font-display: swap;
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;    
    src: url('../fonts/poppins/poppins-v19-latin-500.eot');
    src: local(''), url('../fonts/poppins/poppins-v19-latin-500.eot?#iefix') format('embedded-opentype'), url('../fonts/poppins/poppins-v19-latin-500.woff2') format('woff2'), url('../fonts/poppins/poppins-v19-latin-500.woff') format('woff'), url('../fonts/poppins/poppins-v19-latin-500.ttf') format('truetype'), url('../fonts/poppins/poppins-v19-latin-500.svg#Poppins') format('svg')
}


@font-face {
  font-display: swap; 
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/poppins/poppins-v24-latin-600.woff2') format('woff2'), 
       url('../fonts/poppins/poppins-v24-latin-600.ttf') format('truetype');
}

/* lora-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lora/lora-v37-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lora-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/lora/lora-v37-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lora-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/lora/lora-v37-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
    font-display: swap;
    font-family: "RockSolid Icons";
    src: url("../fonts/rocksolid-icons.eot");
    src: url("../fonts/rocksolid-icons.eot?#iefix") format('eot'), url("../fonts/rocksolid-icons.woff") format('woff'), url("../fonts/rocksolid-icons.ttf") format('truetype'), url("../fonts/rocksolid-icons.svg") format('svg');
    font-weight: normal;
    font-style: normal;
    
}

html {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body {
    font: 18px/1.65 "Poppins", sans-serif;
    color: #555;
    background: #fff none 50% 0 no-repeat scroll;
    background-size: cover;
}

@media screen and (max-width:601px) {
    body {
        font-size: 15px
    }
}


/* schlafgeschichten */
/* .schlafgeschichten p {
  line-height: 1.75;
} */
.schlafgeschichten-label {
  font-family: "Lora", Georgia, serif;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4;
  color: #4b4a83;
  margin: 0 0 0.75rem;
}

/* Hauptüberschrift: h1 */
.main-content .schlafgeschichten h1,.schlafgeschichten-title {
  font-family: "Lora", Georgia, serif;
  font-size: clamp(2.4rem, 5vw, 4.2rem);
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: -0.035em;
  margin: 0 0 1.25rem;
}

/* Intro / Teaser unter der h1 */
.schlafgeschichten-intro,
.schlafgeschichten .story-teaser {
  font-family: "Lora", Georgia, serif;
  font-size: clamp(1.15rem, 2vw, 1.45rem);
  font-weight: 400;
  line-height: 1.5;
  margin: 0 0 2rem;
}

/* Zwischenüberschriften im Artikel */
/* .schlafgeschichten h2 {
  font-family: "Lora", Georgia, serif;
  font-size: clamp(1.7rem, 3vw, 2.5rem);
  font-weight: 600;
  line-height: 1.18;
  letter-spacing: -0.02em;
  margin: 2.5rem 0 1rem;
} */
.main-content .schlafgeschichten .ce_text h2,
.schlafgeschichten .ce_text h2,
.schlafgeschichten h2.ce_headline,
.schlafgeschichten .ce_headline h2,
.schlafgeschichten .rsce-ti__headline {
  font-family: "Lora", Georgia, serif;
  font-size: clamp(1.7rem, 3vw, 2.5rem);
  font-weight: 500;
  line-height: 1.18;
  letter-spacing: -0.02em;
 /*  margin: 2.5rem 0 1rem; */
}
/* Normale Textabsätze */
/* .schlafgeschichten p {
  line-height: 1.75;
} */

/* Falls du kleinere Story-Karten auf einer Übersichtsseite hast */
.schlafgeschichten .story-title {
  font-family: "Lora", Georgia, serif;
  font-size: clamp(1.5rem, 2.5vw, 2.1rem);
  font-weight: 600;
  line-height: 1.18;
  letter-spacing: -0.02em;
  margin: 0 0 0.75rem;
}

/*newslist-schlafgeschichten*/

/* Schlafgeschichten Newsliste */
.liste-schlafgeschichten {
  --sg-primary: #4b4a83;
  --sg-primary-dark: #2f2e5f;
  --sg-border: rgba(75, 74, 131, 0.16);
  --sg-image-bg: #dadae9;
  --sg-text: #4a4a4a;
}

/* Einzelner Artikel */
.liste-schlafgeschichten .layout_latest {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  grid-template-areas:
    "image title"
    "image teaser"
    "image more";
  column-gap: 2rem;
  row-gap: 0.45rem;
  align-items: start;
  padding: 2rem 0;
  border-bottom: 1px solid var(--sg-border);
}

/* Bildcontainer: wichtig wegen globaler .opensauce-fullwidth-Regel */
.opensauce-fullwidth .liste-schlafgeschichten .layout_latest .image_container.float_left,
.opensauce-fullwidth .liste-schlafgeschichten .layout_latest .image_container.float_right,
.liste-schlafgeschichten .layout_latest .image_container.float_left,
.liste-schlafgeschichten .layout_latest .image_container.float_right,
.liste-schlafgeschichten .layout_latest .image_container {
  grid-area: image;
  float: none;
  width: 100% !important;
  max-width: none;
  margin: 0 !important;
}

/* Bildlink mit fixem 4:3-Format */
.liste-schlafgeschichten .layout_latest .image_container a {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: 0.9rem;
  background: var(--sg-image-bg);
}

/* Picture-Element sauber füllen */
.liste-schlafgeschichten .layout_latest .image_container picture {
  display: block;
  width: 100%;
  height: 100%;
}

/* Bild exakt auf 4:3 beschneiden */
.liste-schlafgeschichten .layout_latest .image_container img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}

.liste-schlafgeschichten .layout_latest .image_container a:hover img {
  transform: scale(1.03);
}

/* Titel */
.liste-schlafgeschichten .layout_latest h2 {
  grid-area: title;
  margin: 0 0 0.15rem;
  font-family: "Lora", Georgia, serif;
  font-size: clamp(1.8rem, 2.6vw, 2.65rem);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -0.025em;
}

.liste-schlafgeschichten .layout_latest h2 a {
  color: var(--sg-primary);
  text-decoration: none;
}

.liste-schlafgeschichten .layout_latest h2 a:hover,
.liste-schlafgeschichten .layout_latest h2 a:focus {
  color: var(--sg-primary-dark);
}

/* Teasertext direkt unter dem Titel */
.liste-schlafgeschichten .layout_latest .ce_text {
  grid-area: teaser;
  margin: 0;
}

.liste-schlafgeschichten .layout_latest .ce_text p {
  margin: 0;
  font-family: "Poppins", Arial, sans-serif;
  font-size: 0.98rem;
  line-height: 1.65;
  color: var(--sg-text);

  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Doppelte <br><br> im Teaser neutralisieren */
.liste-schlafgeschichten .layout_latest .ce_text br {
  display: none;
}

/* Weiterlesen */
.liste-schlafgeschichten .layout_latest .more {
  grid-area: more;
  margin: 0.35rem 0 0;
}

.liste-schlafgeschichten .layout_latest .more a {
  display: inline-flex;
  align-items: center;
  font-family: "Poppins", Arial, sans-serif;
  font-size: 0.92rem;
  font-weight: 500;
  color: var(--sg-primary);
  text-decoration: none;
}

.liste-schlafgeschichten .layout_latest .more a:hover,
.liste-schlafgeschichten .layout_latest .more a:focus {
  color: var(--sg-primary-dark);
  text-decoration: underline;
}

/* Abstand zwischen mehreren Artikeln */
.liste-schlafgeschichten .layout_latest + .layout_latest {
  margin-top: 0.25rem;
}

/* Tablet */
@media (max-width: 900px) {
  .liste-schlafgeschichten .layout_latest {
    grid-template-columns: 220px minmax(0, 1fr);
    column-gap: 1.4rem;
    padding: 1.5rem 0;
  }

  .liste-schlafgeschichten .layout_latest h2 {
    font-size: clamp(1.45rem, 3.5vw, 2rem);
  }

  .liste-schlafgeschichten .layout_latest .ce_text p {
    font-size: 0.93rem;
    line-height: 1.55;
    -webkit-line-clamp: 3;
  }
}

/* Mobile */
@media (max-width: 640px) {
  .liste-schlafgeschichten .layout_latest {
    grid-template-columns: 1fr;
    grid-template-areas:
      "image"
      "title"
      "teaser"
      "more";
    row-gap: 0.7rem;
    padding: 1.25rem 0;
  }

  .liste-schlafgeschichten .layout_latest .image_container {
    width: 100% !important;
    max-width: 320px;
  }

  .liste-schlafgeschichten .layout_latest h2 {
    font-size: 1.35rem;
    line-height: 1.18;
  }

  .liste-schlafgeschichten .layout_latest .ce_text p {
    font-size: 0.9rem;
    line-height: 1.55;
    -webkit-line-clamp: 3;
  }

  .liste-schlafgeschichten .layout_latest .more a {
    font-size: 0.86rem;
  }
}

/* =========================================================
   Schlafgeschichten-Liste: kleine Kartenansicht
   Zusatzklasse im Nachrichtenlisten-Modul: --small

   Desktop: 3 Spalten
   Tablet:  2 Spalten
   Mobile:  1 Spalte
   ========================================================= */


/* ---------------------------------------------------------
   Gesamte Newsliste
   --------------------------------------------------------- */

.liste-schlafgeschichten.--small {
  --sg-card-radius: 1rem;
  --sg-card-padding: 1.25rem;
  --sg-card-shadow: 0 0.5rem 1.5rem rgba(34, 33, 67, 0.13);

  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 2rem;
  row-gap: 2rem;
  align-items: stretch;

  box-sizing: border-box;
  width: calc(100% - 3rem);
  max-width: 1200px;
  margin-inline: auto;

  /*
   * Gibt dem Schatten oberhalb und unterhalb der Karten Platz.
   * overflow: visible überschreibt außerdem ein mögliches
   * overflow: hidden der Contao-Klasse .block.
   */
  padding-block: 0.75rem 1.25rem;
  overflow: visible;
}


/* Falls eine Modulüberschrift verwendet wird */

.liste-schlafgeschichten.--small > .headline {
  grid-column: 1 / -1;

  margin-top: 0;
  margin-bottom: 0.5rem;
}


/* ---------------------------------------------------------
   Einzelne Karte
   --------------------------------------------------------- */

.liste-schlafgeschichten.--small > .layout_latest {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto 1fr auto;
  grid-template-areas:
    "image"
    "title"
    "teaser"
    "more";

  column-gap: 0;
  row-gap: 0.75rem;
  align-items: start;

  box-sizing: border-box;
  min-width: 0;
  width: 100%;
  height: 100%;

  margin: 0;
  padding: 0 0 1.35rem;

  background: #fff;
  border: 1px solid var(--sg-border);
  border-radius: var(--sg-card-radius);

  /*
   * Hier darf overflow: hidden bleiben.
   * Es beschneidet das Bild passend zur Kartenrundung,
   * aber nicht den eigenen Schatten der Karte.
   */
  overflow: hidden;

  box-shadow: var(--sg-card-shadow);
}


/* Normalen Abstand zwischen den Listenartikeln überschreiben */

.liste-schlafgeschichten.--small
  > .layout_latest
  + .layout_latest {
  margin-top: 0;
}


/* ---------------------------------------------------------
   Bild
   --------------------------------------------------------- */

.opensauce-fullwidth
  .liste-schlafgeschichten.--small
  > .layout_latest
  > .image_container,
.liste-schlafgeschichten.--small
  > .layout_latest
  > .image_container {
  grid-area: image;

  float: none;
  width: 100% !important;
  max-width: none;
  margin: 0 !important;
}


/* Bildlink mit einheitlichem Seitenverhältnis */

.liste-schlafgeschichten.--small
  > .layout_latest
  > .image_container
  > a {
  display: block;

  width: 100%;
  aspect-ratio: 4 / 3;

  overflow: hidden;
  border-radius: 0;

  background: var(--sg-image-bg);
}


/* Picture-Element vollständig ausfüllen */

.liste-schlafgeschichten.--small
  > .layout_latest
  > .image_container
  picture {
  display: block;

  width: 100%;
  height: 100%;
}


/* Bild einheitlich beschneiden */

.liste-schlafgeschichten.--small
  > .layout_latest
  > .image_container
  img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;

  transition: transform 0.35s ease;
}


/* Dezenter Hover-Effekt */

.liste-schlafgeschichten.--small
  > .layout_latest
  > .image_container
  a:hover
  img,
.liste-schlafgeschichten.--small
  > .layout_latest
  > .image_container
  a:focus-visible
  img {
  transform: scale(1.03);
}


/* ---------------------------------------------------------
   Titel
   --------------------------------------------------------- */

.liste-schlafgeschichten.--small
  > .layout_latest
  > h2 {
  grid-area: title;

  min-width: 0;
  margin: 0;
  padding: 0.35rem var(--sg-card-padding) 0;

  font-family: "Lora", Georgia, serif;
  font-size: clamp(1.3rem, 1.75vw, 1.6rem);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.02em;

  hyphens: auto;
  overflow-wrap: break-word;
}


.liste-schlafgeschichten.--small
  > .layout_latest
  > h2
  a {
  color: var(--sg-primary);
  text-decoration: none;
}


.liste-schlafgeschichten.--small
  > .layout_latest
  > h2
  a:hover,
.liste-schlafgeschichten.--small
  > .layout_latest
  > h2
  a:focus {
  color: var(--sg-primary-dark);
}


/* ---------------------------------------------------------
   Teasertext
   --------------------------------------------------------- */

.liste-schlafgeschichten.--small
  > .layout_latest
  > .ce_text {
  grid-area: teaser;

  box-sizing: border-box;
  min-width: 0;
  margin: 0;
  padding-inline: var(--sg-card-padding);
}


.liste-schlafgeschichten.--small
  > .layout_latest
  > .ce_text
  p {
  margin: 0;

  font-family: "Poppins", Arial, sans-serif;
  font-size: 0.92rem;
  line-height: 1.6;
  color: var(--sg-text);

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;

  overflow: hidden;

  hyphens: auto;
  overflow-wrap: break-word;
}


/* Manuelle Zeilenumbrüche im Teaser neutralisieren */

.liste-schlafgeschichten.--small
  > .layout_latest
  > .ce_text
  br {
  display: none;
}


/* ---------------------------------------------------------
   Weiterlesen-Link
   --------------------------------------------------------- */

.liste-schlafgeschichten.--small
  > .layout_latest
  > .more {
  grid-area: more;
  align-self: end;

  box-sizing: border-box;
  margin: 0.15rem 0 0;
  padding-inline: var(--sg-card-padding);
}


.liste-schlafgeschichten.--small
  > .layout_latest
  > .more
  a {
  display: inline-flex;
  align-items: center;

  font-family: "Poppins", Arial, sans-serif;
  font-size: 0.88rem;
  font-weight: 500;
  line-height: 1.4;

  color: var(--sg-primary);
  text-decoration: none;
}


.liste-schlafgeschichten.--small
  > .layout_latest
  > .more
  a:hover,
.liste-schlafgeschichten.--small
  > .layout_latest
  > .more
  a:focus {
  color: var(--sg-primary-dark);
  text-decoration: underline;
}


/* =========================================================
   Tablet: zwei Spalten
   ========================================================= */

@media (max-width: 900px) {

  .liste-schlafgeschichten.--small {
    --sg-card-radius: 0.9rem;
    --sg-card-padding: 1.1rem;

    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 1.5rem;
    row-gap: 1.75rem;

    width: calc(100% - 2.5rem);
    padding-block: 0.75rem 1.15rem;
  }


  .liste-schlafgeschichten.--small
    > .layout_latest {
    padding-bottom: 1.25rem;
  }


  .liste-schlafgeschichten.--small
    > .layout_latest
    > h2 {
    font-size: 1.4rem;
  }


  .liste-schlafgeschichten.--small
    > .layout_latest
    > .ce_text
    p {
    font-size: 0.9rem;
    line-height: 1.55;

    -webkit-line-clamp: 4;
  }

}


/* =========================================================
   Mobile: eine Spalte
   ========================================================= */

@media (max-width: 640px) {

  .liste-schlafgeschichten.--small {
    --sg-card-radius: 0.85rem;
    --sg-card-padding: 1rem;
    --sg-card-shadow: 0 0.4rem 1.25rem rgba(34, 33, 67, 0.12);

    grid-template-columns: minmax(0, 1fr);
    column-gap: 0;
    row-gap: 1.5rem;

    width: calc(100% - 2rem);
    padding-block: 0.65rem 1rem;
  }


  .liste-schlafgeschichten.--small
    > .layout_latest {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto 1fr auto;
    grid-template-areas:
      "image"
      "title"
      "teaser"
      "more";

    row-gap: 0.7rem;
    padding-bottom: 1.2rem;
  }


  /*
   * Überschreibt die max-width: 320px
   * aus der normalen mobilen Listenansicht.
   */

  .opensauce-fullwidth
    .liste-schlafgeschichten.--small
    > .layout_latest
    > .image_container,
  .liste-schlafgeschichten.--small
    > .layout_latest
    > .image_container {
    width: 100% !important;
    max-width: none;
  }


  .liste-schlafgeschichten.--small
    > .layout_latest
    > h2 {
    padding-top: 0.3rem;

    font-size: 1.35rem;
    line-height: 1.2;
  }


  .liste-schlafgeschichten.--small
    > .layout_latest
    > .ce_text
    p {
    font-size: 0.9rem;
    line-height: 1.55;

    -webkit-line-clamp: 4;
  }


  .liste-schlafgeschichten.--small
    > .layout_latest
    > .more
    a {
    font-size: 0.86rem;
  }

}


/* =========================================================
   Sehr kleine Mobilgeräte
   ========================================================= */

@media (max-width: 380px) {

  .liste-schlafgeschichten.--small {
    --sg-card-padding: 0.9rem;

    width: calc(100% - 1.25rem);
  }


  .liste-schlafgeschichten.--small
    > .layout_latest
    > h2 {
    font-size: 1.25rem;
  }

}

/*ende schlafgeschichten*/



* {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit
}

.rs-columns {
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.rs-column {
    float: left;
    width: 100%;
    margin-top: 6.25%;
    margin-right: 6.25%
}

.rs-column.-large-first {
    clear: left
}

.rs-column.-large-last {
    margin-right: -5px
}

.rs-column.-large-first-row {
    margin-top: 0
}

.rs-column.-large-col-1-1 {
    width: 100%
}

.rs-column.-large-col-2-1 {
    width: 46.875%
}

.rs-column.-large-col-2-2 {
    width: 100%
}

.rs-column.-large-col-3-1 {
    width: 29.16667%
}

.rs-column.-large-col-3-2 {
    width: 64.58333%
}

.rs-column.-large-col-3-3 {
    width: 100%
}

.rs-column.-large-col-4-1 {
    width: 20.3125%
}

.rs-column.-large-col-4-2 {
    width: 46.875%
}

.rs-column.-large-col-4-3 {
    width: 73.4375%
}

.rs-column.-large-col-4-4 {
    width: 100%
}

.rs-column.-large-col-5-1 {
    width: 15%
}

.rs-column.-large-col-5-2 {
    width: 36.25%
}

.rs-column.-large-col-5-3 {
    width: 57.5%
}

.rs-column.-large-col-5-4 {
    width: 78.75%
}

.rs-column.-large-col-5-5 {
    width: 100%
}

.rs-column.-large-col-6-1 {
    width: 11.45833%
}

.rs-column.-large-col-6-2 {
    width: 29.16667%
}

.rs-column.-large-col-6-3 {
    width: 46.875%
}

.rs-column.-large-col-6-4 {
    width: 64.58333%
}

.rs-column.-large-col-6-5 {
    width: 82.29167%
}

.rs-column.-large-col-6-6 {
    width: 100%
}

.opensauce-fullwidth .rs-column {
    margin-top: 3.84615%;
    margin-right: 3.84615%
}

.opensauce-fullwidth .rs-column.-large-last {
    margin-right: -5px
}

.opensauce-fullwidth .rs-column.-large-first-row {
    margin-top: 0
}

.opensauce-fullwidth .rs-column.-large-col-1-1 {
    width: 100%
}

.opensauce-fullwidth .rs-column.-large-col-2-1 {
    width: 48.07692%
}

.opensauce-fullwidth .rs-column.-large-col-2-2 {
    width: 100%
}

.opensauce-fullwidth .rs-column.-large-col-3-1 {
    width: 30.76923%
}

.opensauce-fullwidth .rs-column.-large-col-3-2 {
    width: 65.38462%
}

.opensauce-fullwidth .rs-column.-large-col-3-3 {
    width: 100%
}

.opensauce-fullwidth .rs-column.-large-col-4-1 {
    width: 22.11538%
}

.opensauce-fullwidth .rs-column.-large-col-4-2 {
    width: 48.07692%
}

.opensauce-fullwidth .rs-column.-large-col-4-3 {
    width: 74.03846%
}

.opensauce-fullwidth .rs-column.-large-col-4-4 {
    width: 100%
}

.opensauce-fullwidth .rs-column.-large-col-5-1 {
    width: 16.92308%
}

.opensauce-fullwidth .rs-column.-large-col-5-2 {
    width: 37.69231%
}

.opensauce-fullwidth .rs-column.-large-col-5-3 {
    width: 58.46154%
}

.opensauce-fullwidth .rs-column.-large-col-5-4 {
    width: 79.23077%
}

.opensauce-fullwidth .rs-column.-large-col-5-5 {
    width: 100%
}

.opensauce-fullwidth .rs-column.-large-col-6-1 {
    width: 13.46154%
}

.opensauce-fullwidth .rs-column.-large-col-6-2 {
    width: 30.76923%
}

.opensauce-fullwidth .rs-column.-large-col-6-3 {
    width: 48.07692%
}

.opensauce-fullwidth .rs-column.-large-col-6-4 {
    width: 65.38462%
}

.opensauce-fullwidth .rs-column.-large-col-6-5 {
    width: 82.69231%
}

.opensauce-fullwidth .rs-column.-large-col-6-6 {
    width: 100%
}

@media screen and (max-width:999px) {
    .rs-column,
    .opensauce-fullwidth .rs-column {
        margin-top: 6.25%;
        margin-right: 6.25%
    }
    .rs-column.-large-first,
    .opensauce-fullwidth .rs-column.-large-first {
        clear: none
    }
    .rs-column.-large-last,
    .opensauce-fullwidth .rs-column.-large-last {
        margin-right: 6.25%
    }
    .rs-column.-large-first-row,
    .opensauce-fullwidth .rs-column.-large-first-row {
        margin-top: 6.25%
    }
    .rs-column.-medium-first,
    .opensauce-fullwidth .rs-column.-medium-first {
        clear: left
    }
    .rs-column.-medium-last,
    .opensauce-fullwidth .rs-column.-medium-last {
        margin-right: -5px
    }
    .rs-column.-medium-first-row,
    .opensauce-fullwidth .rs-column.-medium-first-row {
        margin-top: 0
    }
    .rs-column.-medium-col-1-1,
    .opensauce-fullwidth .rs-column.-medium-col-1-1 {
        width: 100%
    }
    .rs-column.-medium-col-2-1,
    .opensauce-fullwidth .rs-column.-medium-col-2-1 {
        width: 46.875%
    }
    .rs-column.-medium-col-2-2,
    .opensauce-fullwidth .rs-column.-medium-col-2-2 {
        width: 100%
    }
    .rs-column.-medium-col-3-1,
    .opensauce-fullwidth .rs-column.-medium-col-3-1 {
        width: 29.16667%
    }
    .rs-column.-medium-col-3-2,
    .opensauce-fullwidth .rs-column.-medium-col-3-2 {
        width: 64.58333%
    }
    .rs-column.-medium-col-3-3,
    .opensauce-fullwidth .rs-column.-medium-col-3-3 {
        width: 100%
    }
    .rs-column.-medium-col-4-1,
    .opensauce-fullwidth .rs-column.-medium-col-4-1 {
        width: 20.3125%
    }
    .rs-column.-medium-col-4-2,
    .opensauce-fullwidth .rs-column.-medium-col-4-2 {
        width: 46.875%
    }
    .rs-column.-medium-col-4-3,
    .opensauce-fullwidth .rs-column.-medium-col-4-3 {
        width: 73.4375%
    }
    .rs-column.-medium-col-4-4,
    .opensauce-fullwidth .rs-column.-medium-col-4-4 {
        width: 100%
    }
    .rs-column.-medium-col-5-1,
    .opensauce-fullwidth .rs-column.-medium-col-5-1 {
        width: 15%
    }
    .rs-column.-medium-col-5-2,
    .opensauce-fullwidth .rs-column.-medium-col-5-2 {
        width: 36.25%
    }
    .rs-column.-medium-col-5-3,
    .opensauce-fullwidth .rs-column.-medium-col-5-3 {
        width: 57.5%
    }
    .rs-column.-medium-col-5-4,
    .opensauce-fullwidth .rs-column.-medium-col-5-4 {
        width: 78.75%
    }
    .rs-column.-medium-col-5-5,
    .opensauce-fullwidth .rs-column.-medium-col-5-5 {
        width: 100%
    }
    .rs-column.-medium-col-6-1,
    .opensauce-fullwidth .rs-column.-medium-col-6-1 {
        width: 11.45833%
    }
    .rs-column.-medium-col-6-2,
    .opensauce-fullwidth .rs-column.-medium-col-6-2 {
        width: 29.16667%
    }
    .rs-column.-medium-col-6-3,
    .opensauce-fullwidth .rs-column.-medium-col-6-3 {
        width: 46.875%
    }
    .rs-column.-medium-col-6-4,
    .opensauce-fullwidth .rs-column.-medium-col-6-4 {
        width: 64.58333%
    }
    .rs-column.-medium-col-6-5,
    .opensauce-fullwidth .rs-column.-medium-col-6-5 {
        width: 82.29167%
    }
    .rs-column.-medium-col-6-6,
    .opensauce-fullwidth .rs-column.-medium-col-6-6 {
        width: 100%
    }
}

@media screen and (max-width:601px) {
    .rs-column,
    .opensauce-fullwidth .rs-column {
        margin-right: 6.25%
    }
    .rs-column.-medium-first,
    .opensauce-fullwidth .rs-column.-medium-first {
        clear: none
    }
    .rs-column.-medium-last,
    .opensauce-fullwidth .rs-column.-medium-last {
        margin-right: 6.25%
    }
    .rs-column.-medium-first-row,
    .opensauce-fullwidth .rs-column.-medium-first-row {
        margin-top: 6.25%
    }
    .rs-column.-small-first,
    .opensauce-fullwidth .rs-column.-small-first {
        clear: left
    }
    .rs-column.-small-last,
    .opensauce-fullwidth .rs-column.-small-last {
        margin-right: -5px
    }
    .rs-column.-small-first-row,
    .opensauce-fullwidth .rs-column.-small-first-row {
        margin-top: 0
    }
    .rs-column.-small-col-1-1,
    .opensauce-fullwidth .rs-column.-small-col-1-1 {
        width: 100%
    }
    .rs-column.-small-col-2-1,
    .opensauce-fullwidth .rs-column.-small-col-2-1 {
        width: 46.875%
    }
    .rs-column.-small-col-2-2,
    .opensauce-fullwidth .rs-column.-small-col-2-2 {
        width: 100%
    }
    .rs-column.-small-col-3-1,
    .opensauce-fullwidth .rs-column.-small-col-3-1 {
        width: 29.16667%
    }
    .rs-column.-small-col-3-2,
    .opensauce-fullwidth .rs-column.-small-col-3-2 {
        width: 64.58333%
    }
    .rs-column.-small-col-3-3,
    .opensauce-fullwidth .rs-column.-small-col-3-3 {
        width: 100%
    }
    .rs-column.-small-col-4-1,
    .opensauce-fullwidth .rs-column.-small-col-4-1 {
        width: 20.3125%
    }
    .rs-column.-small-col-4-2,
    .opensauce-fullwidth .rs-column.-small-col-4-2 {
        width: 46.875%
    }
    .rs-column.-small-col-4-3,
    .opensauce-fullwidth .rs-column.-small-col-4-3 {
        width: 73.4375%
    }
    .rs-column.-small-col-4-4,
    .opensauce-fullwidth .rs-column.-small-col-4-4 {
        width: 100%
    }
    .rs-column.-small-col-5-1,
    .opensauce-fullwidth .rs-column.-small-col-5-1 {
        width: 15%
    }
    .rs-column.-small-col-5-2,
    .opensauce-fullwidth .rs-column.-small-col-5-2 {
        width: 36.25%
    }
    .rs-column.-small-col-5-3,
    .opensauce-fullwidth .rs-column.-small-col-5-3 {
        width: 57.5%
    }
    .rs-column.-small-col-5-4,
    .opensauce-fullwidth .rs-column.-small-col-5-4 {
        width: 78.75%
    }
    .rs-column.-small-col-5-5,
    .opensauce-fullwidth .rs-column.-small-col-5-5 {
        width: 100%
    }
    .rs-column.-small-col-6-1,
    .opensauce-fullwidth .rs-column.-small-col-6-1 {
        width: 11.45833%
    }
    .rs-column.-small-col-6-2,
    .opensauce-fullwidth .rs-column.-small-col-6-2 {
        width: 29.16667%
    }
    .rs-column.-small-col-6-3,
    .opensauce-fullwidth .rs-column.-small-col-6-3 {
        width: 46.875%
    }
    .rs-column.-small-col-6-4,
    .opensauce-fullwidth .rs-column.-small-col-6-4 {
        width: 64.58333%
    }
    .rs-column.-small-col-6-5,
    .opensauce-fullwidth .rs-column.-small-col-6-5 {
        width: 82.29167%
    }
    .rs-column.-small-col-6-6,
    .opensauce-fullwidth .rs-column.-small-col-6-6 {
        width: 100%
    }
}

#mbCenter,
#colorbox,
#lbCenter,
#lbBottomContainer {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

::selection {
    background: #0788ca;
    color: #fff;
    text-shadow: none !important
}

::-moz-selection {
    background: #0788ca;
    color: #fff;
    text-shadow: none !important
}

button,
input,
select,
textarea {
    font-family: inherit
}

table {
    width: 100%;
    border-collapse: collapse;
    border: 0 solid #000;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1)
}

table th,
table td {
    border: 0 solid #5a5f6b
}

table th {
    padding: .33333em .55556em;
    font-weight: 500;
    text-align: left;
    background: rgba(0, 0, 0, 0.02)
}

table td {
    padding: .33333em .55556em
}

strong,
b {
    font-weight: 500
}

a {
    color: #4b4a83;
    text-decoration: none
}

a:hover,
a:focus {
    text-decoration: underline
}
h2 a:hover,
a:focus {
    text-decoration: none
}

a:hover,
a:active {
    outline: 0
}

a.external-link:after {
    font: .72222em/1 "RockSolid Icons";
    content: "\e151";
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    text-indent: 0;
    display: inline-block;
    position: relative;
    margin-left: .22222em
}

*[data-icon]:before {
    font: 100%/1 "RockSolid Icons";
    content: attr(data-icon);
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    text-indent: 0;
    display: inline-block;
    position: relative;
    margin-right: .22222em
}

*[data-icon].after:before {
    content: none
}

*[data-icon].after:after {
    font: 100%/1 "RockSolid Icons";
    content: attr(data-icon);
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    text-indent: 0;
    display: inline-block;
    position: relative;
    margin-left: .22222em
}

.clear {
    clear: both
}

.invisible {
    position: absolute;
    height: 1px !important;
    width: 1px !important;
    clip: rect(0 0 0 0);
    margin: -1px;
    padding: 0;
    overflow: hidden;
    border: 0
}

.pdf_link {
    margin: .66667em 0 0 1.11111em;
    float: right
}

.pdf_link a {
    margin-left: .11111em
}

.mime_icon {
    margin-bottom: -0.25em
}


.ce_toplink,
.toplink {
	margin: 1.33333em 0;
}
.ce_toplink a,
.toplink a {
	display: block;
	width: 100%;
}

.ce_toplink > a:before,
.toplink > a:before {
	font: 100%/1 "RockSolid Icons";
	content: "\e00c";
	-webkit-font-smoothing: antialiased;
	
	text-rendering: geometricPrecision;
	text-indent: 0;
	display: inline-block;
	position: relative;
	margin-right: 0;
}
.backToTop{
    position: fixed;
    right: 22px;
    bottom: 0;
    background: #4b4a83;
    padding: 6px 5px;
    line-height: 1em;
    opacity: 1;	
    transition: opacity 0.25s ease-in-out;
    z-index: 1000;
	border-radius:5px 5px 0 0;
    margin:0;
}
.backToTop a{color:#ffffff;}
@media screen and (max-width: 900px) {
.backToTop{/* text-align:center;margin:2em 0; */
    display:none;
}
}

.dlh_googlemap {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.main-content .dlh_googlemap,
.sidebar .dlh_googlemap {
    max-width: 100%
}

.main-content .dlh_googlemap img {
    max-width: none
}

hr {
    clear: both;
    height: 1px;
    overflow: visible;
    margin: 1.33333em 0;
    border: 0;
    background: #000
}

.confirmation {
    color: #7eba28
}

.information {
    color: #0788ca
}

.warning {
    color: #e52f2f
}

p.confirmation,
p.information,
p.warning,
div.confirmation,
div.information,
div.warning,
span.confirmation,
span.information,
span.warning {
    position: relative;
    display: block;
    margin: 1.5em 0;
    padding: 2.77778em 6.25% 1.11111em;
    border: 1px solid #000;
    -webkit-border-radius: 1.5px;
    -moz-border-radius: 1.5px;
    border-radius: 1.5px;
    color: #375111;
    background: #fff;
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1)
}

p.confirmation:before,
p.information:before,
p.warning:before,
div.confirmation:before,
div.information:before,
div.warning:before,
span.confirmation:before,
span.information:before,
span.warning:before {
    font: .77778em/1 "RockSolid Icons";
    content: "\e044";
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    text-indent: 0;
    display: inline-block;
    position: relative;
    position: absolute;
    top: -1px;
    right: -1px;
    left: -1px;
    padding: .57143em 1.42857em;
    color: #fff;
    text-align: right;
    background: #7eba28
}

p.information,
div.information,
span.information {
    color: #03354f
}

p.information:before,
div.information:before,
span.information:before {
    content: "\e0a6";
    background: #0788ca
}

p.warning,
div.warning,
span.warning {
    color: #841111
}

p.warning:before,
div.warning:before,
span.warning:before {
    content: "\e144";
    background: #e52f2f
}

p.drop-cap:first-letter,
span.drop-cap {
    float: left;
    margin: .08333em .1em -0.16667em -0.05em;
    font-size: 3.33333em;
    font-weight: 500;
    line-height: .7
}

p.drop-cap:first-letter {
    margin: .27778em .33333em -0.55556em -0.16667em;
}

code {
    padding: .14286em .35714em;
    font-family: "Lucida Console", monospace;
    font-size: .77778em;
    line-height: 1.35714;
    background-color: #5a5f6b;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

pre {
    margin: 1.71429em 0;
    padding: 0 .42857em;
    display: block;
    overflow: auto;
    font-family: "Lucida Console", monospace;
    font-size: .77778em;
    line-height: 1.71429;
    color: white;
    background: #000
}

pre code {
    font-size: 1em;
    padding: 0;
    line-height: inherit;
    background-color: transparent
}

button,
.button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    padding: .55556em 1.5em;
    border: 1px solid;
    border-color: #3d566e;
    -webkit-border-radius: 1.5px;
    -moz-border-radius: 1.5px;
    border-radius: 1.5px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 0 #2b3c4d;
    background: #3d566e;
    background: -webkit-linear-gradient(#425e78, #384e64);
    background: -moz-linear-gradient(#425e78, #384e64);
    background: -o-linear-gradient(#425e78, #384e64);
    background: linear-gradient(#425e78, #384e64);
   /*  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1), inset 1px 1px #789, inset -1px 0 #789;
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1), inset 1px 1px #789, inset -1px 0 #789;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1), inset 1px 1px #789, inset -1px 0 #789 */
}

button:active,
.button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
    background: -webkit-linear-gradient(#3f5971, #3b536b);
    background: -moz-linear-gradient(#3f5971, #3b536b);
    background: -o-linear-gradient(#3f5971, #3b536b);
    background: linear-gradient(#3f5971, #3b536b);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0), inset 1px 1px #789, inset -1px 0 #789;
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0), inset 1px 1px #789, inset -1px 0 #789;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0), inset 1px 1px #789, inset -1px 0 #789
}

#colorbox button,
#colorbox .button,
#colorbox input[type="submit"],
#colorbox input[type="reset"],
#colorbox input[type="button"] {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.page {
    zoom: 1;
    position: relative;
    max-width: 100%;
    margin: 0 auto
}

.page:before {
    content: "";
    display: table
}

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

@media screen and (max-width:1280px) {
    .page {
        border: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }
}

.opensauce-not-boxed .page {
    padding: 0 1px;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}
/* 
.page-header {
    position: relative;
    margin: 0 3.57143%
}

@media screen and (max-width:999px) {
    .page-header {
        margin-right: 5.55556%;
        margin-left: 5.55556%
    }
}

@media screen and (max-width:601px) {
    .page-header {
        zoom: 1
    }
    .page-header:before {
        content: "";
        display: table
    }
    .page-header:after {
        content: "";
        display: table;
        clear: both
    }
}

.header-navigation {
    position: absolute;
    top: 1.16667em;
    right: 0;
    z-index: 1;
    font-size: .66667em;
    letter-spacing: .08333em;
    text-transform: uppercase
}

@media screen and (max-width:601px) {
    .header-navigation {
        position: static;
        text-align: center
    }
}

.header-navigation ul {
    margin: 0;
    padding: 0;
    display: inline
}

.header-navigation li {
    display: inline
}

.header-navigation li:before {
    content: " • ";
    margin: 0 .16667em
}

.header-navigation li:first-child:before {
    content: none
}

.header-navigation a {
    color: inherit
}

.header-navigation a:hover,
.header-navigation a:focus {
    text-decoration: underline
} */

.tag-line {
    padding-bottom: .55556em
}

.logo~.tag-line {
    min-height: 0
}

@media screen and (max-width:601px) {
    .logo~.tag-line {
        min-height: 0
    }
}

.tag-line .ce_text {
    padding: 4.0625em 0 1.875em 34.61538%;
    font-size: .88889em;
    color: #fff
}

@media screen and (max-width:601px) {
    .tag-line .ce_text {
        padding: 1em 0;
        text-align: center
    }
}

.tag-line .ce_text p {
    margin: 0
}

.tag-line .ce_text blockquote {
    margin: 0;
    font-size: 1.75em
}

.tag-line .image_container {
    margin: 0;
    padding: 0;
    width: auto;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: 0
}

.tag-line .ce_image {
    display: inline-block;
    width: 100%
}

.tag-line .ce_image img,
.tag-line .rsts-main {
    clear: both;
    display: block;
    width: 100%;
    height: auto;
    margin: 2.22222em 0 1.11111em
}

@media screen and (max-width:601px) {
    .tag-line .ce_image img,
    .tag-line .rsts-main {
        margin: 1.33333em 0 1em
    }
}

.tag-line .rsts-main {
    float: left
}

@media screen and (max-width:601px) {
    .tag-line .rsts-main {
        float: none
    }
}

.main-navigation-wrapper {
    position: relative;
    clear: both
}

.main-navigation {
    overflow: hidden;
    margin-right: 2em;
    font-size: 1.0em;
    font-weight: 500
}

@media screen and (max-width:999px) {
    .main-navigation {
        margin-right: 0;
        font-size: .83333em
    }
}

@media screen and (max-width:601px) {
    .main-navigation {
        display: none
    }
}

.main-navigation ul,
.main-navigation li {
    margin: 0;
    padding: .2em .1em;
    display: inline
}

.main-navigation a,
.main-navigation li>span {
    display:block;
    float: left;
    padding: .05em 0.75em 0.2em 0.75em;   
    border-left: 1px solid #000;
    color: inherit;
    text-decoration: none
}

.main-navigation a.trail,
.main-navigation a.active,
.main-navigation li>span.trail,
.main-navigation li>span.active,
.main-navigation li>span.forward {
    color: #555;
    background: transparent;
    border-bottom: 1px solid #333
}

.main-navigation a.home,
.main-navigation li>span.home {
    overflow: hidden;
    text-indent: -99em;
    line-height: 0
}

.main-navigation a.home:after,
.main-navigation li>span.home:after {
    font: .75em/1 "RockSolid Icons";
    content: "\2302";
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    text-indent: 0;
    display: inline-block;
    position: relative;
    line-height: 2;
    display: block
}

.main-navigation a.home.trail,
.main-navigation a.home.active,
.main-navigation li>span.home.trail,
.main-navigation li>span.home.active {
    color: inherit;
    background: #a3a2cc45;
}

.main-navigation a:hover,
.main-navigation a:focus {   
    background: #a3a2cc45;
}
.main-navigation a.angebote,
.main-navigation a.angebote:hover,
.main-navigation a.angebote:focus {   
    
	color:#4b4a83;
	
	
}
.main-navigation li>span.forward{border:0;}

.main-navigation li:first-child>a,
.main-navigation li:first-child>span {
    border-left: 0
}

.main-navigation-search {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    overflow: hidden;
   /*  border-left: 1px solid #000;
    background: #f6f6f6;
    background: -webkit-linear-gradient(#fbfbfb, #f1f1f1);
    background: -moz-linear-gradient(#fbfbfb, #f1f1f1);
    background: -o-linear-gradient(#fbfbfb, #f1f1f1);
    background: linear-gradient(#fbfbfb, #f1f1f1); 
    -webkit-box-shadow: inset 1px 0 rgba(255, 255, 255, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: inset 1px 0 rgba(255, 255, 255, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
    box-shadow: inset 1px 0 rgba(255, 255, 255, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.5)*/
}

@media screen and (max-width:999px) {
    .main-navigation-search {
      /*   position: relative;
        height: 2.72222em;
        border-bottom: 1px solid #000;
        border-left: 0 */
    }
}

.main-navigation-search input {
    float: right;
    width: 10.25em;
    margin: .5625em 3em 0 -10.3125em;
    padding-top: .25em;
    padding-bottom: .1875em;
    border: 1px solid #000;
    font-size: .88889em;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: margin-left .2s ease-out;
    -moz-transition: margin-left .2s ease-out;
    -o-transition: margin-left .2s ease-out;
    transition: margin-left .2s ease-out
}





.main-navigation-search:hover input,
.main-navigation-search input:hover,
.main-navigation-search input:focus {
    margin-left: 1.375em
}

.main-navigation-search button {
    position: absolute;
    top: 0;
    right: 0;
    width: 3.55556em;
    height: 100%;
    margin: 0;
    padding: .77778em 0;
    border: 0;
    color: #4b4a83;
    text-align: left;
    text-indent: -99em;
    text-shadow: none;
    line-height: 0;
    background: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
     cursor:pointer;
}

.main-navigation-search button:after {
    font: 1.11111em/1 "RockSolid Icons";
    content: "\e0cb";
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    text-indent: 0;
    display: inline-block;
    position: relative;
    display: block;
    text-align: center
}

.main-navigation-search button:hover,
.main-navigation-search button:focus {
    color: #100f55;
    background:none;
}

@media screen and (max-width:601px) {
    .main-navigation-search input {
        display:none;
    }
    .main-navigation-search button{
        position:relative;
       
    }
}


.content-wrapper {
    zoom: 1;   
}

.content-wrapper:before {
    content: "";
    display: table
}

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

.main-content {
    float: left;
    width: 57.14286%;
    margin: .66667em 0 0 3.57143%
}

@media screen and (max-width:999px) {
    .main-content {
        float: none;
        width: auto;
        margin-right: 5.55556%;
        margin-left: 5.55556%
    }
}

.opensauce-fullwidth .main-content {
    float: none;
    width: auto;
    margin-left: 3.57143%;
    margin-right: 3.57143%
}

@media screen and (max-width:999px) {
    .opensauce-fullwidth .main-content {
        margin-right: 5.55556%;
        margin-left: 5.55556%
    }
}

.opensauce-sidebar-left .main-content {
    float: right;
    margin-right: 3.57143%;
    margin-left: 0
}

@media screen and (max-width:999px) {
    .opensauce-sidebar-left .main-content {
        float: none;
        margin-right: 5.55556%;
        margin-left: 5.55556%
    }
}

.main-content p,
.main-content ul,
.main-content ol,
.main-content table,
.main-content form,
.main-content fieldset {
    margin-top: 1.33333em;
    margin-bottom: 1.33333em
}

.main-content h1,
.main-content h2,
.main-content h3,
.main-content h4,
.main-content h5,
.main-content h6 {
    margin-top: .75em;
    margin-bottom: .3em;
    font-weight: normal;
    line-height: 1.3
}

.main-content h1 {
    font-size: 2.0em;
    font-weight: 300
}

/* .main-content h2 {
    font-size: 1.5em
} */
.main-content .ce_text h2,
.main-content h2.ce_headline,
.main-content .ce_headline h2 {
  font-size: 1.5em;
}
.main-content h1+h2 {
    margin-top: 1em
}

.main-content h3 {
    font-size: 1.2em
}

.main-content h4 {
    font-size: 1.1em
}

.main-content h5 {
    font-size: 1em
}

.main-content h6 {
    font-size: .9em;
    letter-spacing: .0625em;
    color: #fff;
    text-transform: uppercase
}

.main-content ul,
.main-content ol {
    padding-left: .88889em
}

.main-content ul li[data-icon],
.main-content ol li[data-icon] {
    list-style: none
}

.main-content ul li[data-icon]:before,
.main-content ol li[data-icon]:before {
    left: -1.16667em;
    width: 0
}

.main-content ul {
    list-style: disc
}

.main-content ul ul {
    margin-top: 0
}

.main-content ol {
    padding-left: 1.11111em;
    list-style: decimal
}

.main-content ol ol,
.main-content ol ul {
    margin-top: 0
}

.main-content ol ol {
    padding-left: 1.33333em;
    list-style: upper-alpha
}

.main-content ol ol ol {
    list-style: lower-roman
}

.main-content ol ol ol ol {
    list-style: lower-alpha
}

.main-content blockquote {
    position: relative;
    margin: 1.33333em 0 1.33333em 9.375%
}

@media screen and (max-width:601px) {
    .main-content blockquote {
        margin-left: 15.625%
    }
}

.main-content blockquote small,
.main-content blockquote i,
.main-content blockquote em {
    color: #fff
}

.main-content blockquote:before {
    content: "\201c";
    position: absolute;
    top: 0;
    left: -9.375%;
    margin: .42857em 0 0 -0.04762em;
    font-size: 4.66667em;
    font-weight: bold;
    line-height: 0
}

.main-content blockquote.testimonial:before {
    content: "\201c";
    position: relative;
    margin: .60em auto .20em auto;
    font-size: 5em;
    font-weight: 400;
    line-height: 0;
    display: block;
    text-align: center;
    left: inherit
}

@media screen and (max-width:601px) {
    .main-content blockquote:before {
        left: -15.625%;
        margin-left: -0.09524em
    }
}

.main-content img {
    max-width: 100%;
    height: auto
}

.sidebar-wrapper-left {
    background: #4b4a83
}

.opensauce-sidebar-left .sidebar {
    float: left;
    margin-right: 0;
    margin-left: 3.57143%
}

@media screen and (max-width:999px) {
    .opensauce-sidebar-left .sidebar {
        float: none;
        margin-right: 0;
        margin-left: 0
    }
}

@media screen and (max-width:601px) {
    .opensauce-sidebar-left .sidebar {
        margin-right: 5.55556%;
        margin-left: 5.55556%
    }
}

.sidebar h1,
.sidebar h2,
.sidebar h3 {
    margin: 2em 0 0;
    padding: 0 0 .42857em;
    border-bottom: 1px solid #5a5f6b;
    font-size: .77778em;
    font-weight: 500;
    letter-spacing: .07143em;
    color: #fff;
    text-transform: uppercase
}

.sidebar p,
.sidebar ul,
.sidebar ol,
.sidebar table,
.sidebar blockquote,
.sidebar fieldset,
.sidebar form {
    margin: .88889em 0
}

.sidebar ul,
.sidebar ol {
    padding: 0;
    list-style-type: none
}

.sidebar>.block {
    margin: 1.11111em 0
}

@media screen and (max-width:999px) {
    .sidebar>.block {
        float: left;
        width: 41.66667%;
        margin-left: 5.55556%
    }
}

@media screen and (max-width:601px) {
    .sidebar>.block {
        float: none;
        width: auto;
        margin-left: 0
    }
}

.sidebar .ce_youtube-wrapper {
    margin: .66667em 0
}

.sidebar-news .layout_latest {
    position: relative;
    margin: 1.33333em 0;
    padding-left: 2.77778em
}

.sidebar-news .layout_latest:before {
    font: .88889em/1 "RockSolid Icons";
    content: "\e06b";
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    text-indent: 0;
    display: inline-block;
    position: relative;
    position: absolute;
    top: .3125em;
    left: 0;
    padding: .5em;
    color: #fff;
    background: #4b4a83
}

.sidebar-news .image_container {
    display: none
}

.sidebar-news .info {
    margin: 0;
    font-size: .77778em;
    color: #fff
}

.sidebar-news h2 {
    margin: 0 0 .25em;
    padding: 0;
    border: 0;
    font-size: .88889em;
    line-height: 1.3125;
    letter-spacing: normal;
    text-transform: none
}

.sidebar-news .teaser {
    font-size: .77778em
}

.sidebar-news .teaser p {
    margin: 0
}

.sidebar-news .more {
    margin: .28571em 0;
    font-size: .77778em
}

form h1,
form h2,
form h3,
form h4,
form h5,
form h6 {
    clear: both
}

form .form-row {
    position: relative;
    clear: both
}

form p b.error,
form p.error {
    display: block;
    margin: 0;
    color: #e52f2f
}

input,
textarea {
    padding: .5em .55556em .44444em;
    line-height: normal;
    border: 1px solid #000;
    border-bottom-color: #000;
    -webkit-border-radius: 1.5px;
    -moz-border-radius: 1.5px;
    border-radius: 1.5px;
    color: inherit;
    background: #fcfcfc;
/*     -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1), inset 0 1px #fff;
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1), inset 0 1px #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1), inset 0 1px #fff */
}

.valid input,
.valid textarea {
    border-color: #7eba28
}

.invalid input,
input.error,
.invalid textarea,
textarea.error {
    border-color: #e52f2f
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #b1b1b1
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #b1b1b1
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #b1b1b1
}

input::placeholder,
textarea::placeholder {
    color: #b1b1b1
}

input:hover,
textarea:hover {

}

input:focus,
textarea:focus {
    border-color: rgba(0, 0, 0, 1)
}

input[type="text"],
input[type="search"],
input[type="email"] {
    outline: 0
}

input[type="checkbox"],
input[type="radio"],
input[type="image"] {
    width: auto !important;
    height: auto !important;
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

input[type="checkbox"] {
    vertical-align: middle;
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox
}

input[type="radio"] {
    vertical-align: middle;
    -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: radio;
    background: 0
}

input[type="file"] {
    padding: 0;
    height: auto
}

button,
input[type="submit"] {
    margin-top: 1em
}

textarea {
    height: 200px;
    resize: vertical;
    line-height: 1.5;
    outline: 0
}

fieldset {
    margin: 1em 0
}

fieldset legend {
    padding: 0 .27778em
}

fieldset+br {
    display: none
}

.main-content form .form-row {
    margin-top: 1em;
    margin-bottom: 1em
}

.main-content label {
    display: block;
    margin-bottom: .0625em;
    font-size: .88889em
}

.main-content label .mandatory {
    margin-left: .11111em
}

.main-content input[type="checkbox"]+label {
    display: inline
}

.main-content fieldset p {
    margin: 0
}

.main-content fieldset p b.error,
.main-content fieldset p.error {
    float: none;
    width: auto;
    margin: .5em 0
}

.main-content fieldset label {
    display: inline;
    margin: 0
}

.main-content fieldset label:after {
    content: "\A";
    white-space: pre
}

.main-content input,
.main-content textarea,
.main-content select,
.main-content fieldset {
    width: 98%
}

@media screen and (max-width:601px) {
    .main-content input,
    .main-content textarea,
    .main-content select,
    .main-content fieldset {
        width: 100%
    }
}

.main-content button,
.main-content input[type="submit"] {
    width: auto
}

@media screen and (max-width:601px) {
    .main-content button,
    .main-content input[type="submit"] {
        width: 100%
    }
}

.explanation p,
.captcha_text p {
    margin: 0
}

.explanation {
    font-size: .77778em;
    margin:0.5em 0 0.5em 0;
    color: #333;
}

.captcha_text {
    display: block
}

label .captcha_text {
    display: inline
}

.sidebar form input,
.sidebar form textarea,
.sidebar form select,
.sidebar form fieldset,
.sidebar form button {
    width: 100%
}

.sidebar form label {
    display: block;
    margin-bottom: .0625em;
    font-size: .88889em
}

.sidebar form input[type="checkbox"],
.sidebar form input[type="radio"],
.sidebar form input[type="image"] {
    width: auto
}

.rs-columns>h1,
.rs-columns>h2,
.rs-columns>h3,
.teaser-boxes>h1,
.icon-boxes>h1,
.news-boxes>h1,
.teaser-boxes>h2,
.icon-boxes>h2,
.news-boxes>h2,
.teaser-boxes>h3,
.icon-boxes>h3,
.news-boxes>h3 {
    margin: 0 0 .88889em;
    padding-bottom: .33333em;
    border-bottom: 1px solid #5a5f6b;
    font-size: 1em;
    font-weight: normal;
    letter-spacing: .05556em;
    text-transform: uppercase
}

.teaser-boxes,
.icon-boxes,
.news-boxes {
    margin: 2.22222em 0;
    overflow: hidden
}

.teaser-boxes h1 {
    font-size: 4em;
    padding-bottom: .33333em;
    border-bottom: 0;
    font-weight: 500;
    letter-spacing: .0em;
    text-align: center
}

.teaser-boxes-item {
    font-size: .88889em;
    color: #fff;
    text-align: center
}

.teaser-boxes-item:hover,
.teaser-boxes-item:focus {
    text-decoration: none
}

.teaser-boxes-item h3 {
    margin: 0;
    font-size: 1.3125em
}

.teaser-boxes-item p {
    margin: .5em 0 0
}

.teaser-boxes-item-image {
    position: relative;
    margin: 0 0 1em;
    padding: 1em 2em
}

a:hover .teaser-boxes-item-image:before,
a:focus .teaser-boxes-item-image:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.3)
}

a:hover .teaser-boxes-item-image:after {
    font: .5em/1 "RockSolid Icons";
    content: "\e019";
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    text-indent: 0;
    display: inline-block;
    position: relative;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: .75em;
    color: #fff;
    text-align: center;
    background: #3a3a3a
}

.teaser-boxes-item-image img {
    display: block;
    width: 100%;
    height: auto
}

.icon-boxes-item {
    font-size: .88889em;
    color: #fff
}

.icon-boxes-item:hover,
.icon-boxes-item:focus {
    text-decoration: none
}

.icon-boxes-item[data-icon]:before {
    margin: 0 0 .5em 0;
    padding: .5em;
    border: 1px solid #000;
    font-size: 1.5em;
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
    background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
    background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1)
}

.icon-boxes-item h3 {
    margin: 0;
    font-size: 1.3125em
}

.icon-boxes-item p {
    margin: .5em 0 0
}

.icon-boxes-item-link {
    font-size: .875em;
    letter-spacing: .07143em;
    text-transform: uppercase
}

a:hover .icon-boxes-item-link,
a:focus .icon-boxes-item-link {
    text-decoration: underline
}

.news-boxes-item {
    font-size: .77778em;
    color: #fff
}

.news-boxes-item h3 {
    margin: 0;
    font-size: 1.71429em;
    line-height: 1.33333;
    font-weight: normal
}

.news-boxes-item p {
    margin: .28571em 0 0
}

.news-boxes-item .news-boxes-item-info {
    margin: 0;
    letter-spacing: .07143em;
    text-transform: uppercase
}

.news-boxes-item .news-boxes-item-more {
    margin-top: .57143em;
    letter-spacing: .07143em;
    text-transform: uppercase
}

.testimonial {
    margin: 1.125em 0;
    font-size: 1.33333em
}

@media screen and (max-width:601px) {
    .testimonial {
        font-size: 1em
    }
}

.sidebar .testimonial {
    font-size: 1em
}

@media screen and (max-width:601px) {
    .sidebar .testimonial {
        font-size: 1em
    }
}

.rsts-main .testimonial {
    margin: 0;
    text-align: center
}

.testimonial p {
    margin: .5em 0;
    padding: .55556em;
    border: 1px solid #000;
    -webkit-border-radius: 1.5px;
    -moz-border-radius: 1.5px;
    border-radius: 1.5px
}

.no-background .image_container {
    background: transparent;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}



.image_container.no-border,
.no-border .image_container {
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: 0
}

.image_container img {
    display: block
}

.image_container a {
    position: relative;
    display: block
}

.image_container figcaption,
.image_container .caption {
    width: 100% !important;
    padding: .28571em 0 0;
    font-size: .77778em;
    color: #fff
}

.image_container.float_right,
.image_container.float_left {
    float: right;
    width: 43.75% !important;
    margin: .44444em 0 .88889em 6.25%
}

@media screen and (max-width:601px) {
    .image_container.float_right,
    .image_container.float_left {
        margin-left: 0;
        float: none !important;
        width: auto !important
    }
}

.opensauce-fullwidth .image_container.float_right,
.opensauce-fullwidth .image_container.float_left {
    margin: .44444em 0 .88889em 3.84615%;
    width: 26.92308% !important
}

@media screen and (max-width:999px) {
    .opensauce-fullwidth .image_container.float_right,
    .opensauce-fullwidth .image_container.float_left {
        margin-left: 6.25%;
        width: 43.75% !important
    }
}

@media screen and (max-width:601px) {
    .opensauce-fullwidth .image_container.float_right,
    .opensauce-fullwidth .image_container.float_left {
        margin-left: 0;
        width: auto !important
    }
}

.no-resize .image_container.float_right,
.opensauce-fullwidth .no-resize .image_container.float_right,
.image_container.float_right.no-resize,
.opensauce-fullwidth .image_container.float_right.no-resize,
.no-resize .image_container.float_left,
.opensauce-fullwidth .no-resize .image_container.float_left,
.image_container.float_left.no-resize,
.opensauce-fullwidth .image_container.float_left.no-resize {
    width: auto !important
}

.image_container.float_left {
    float: left;
    margin: .44444em 6.25% .88889em 0
}

@media screen and (max-width:601px) {
    .image_container.float_left {
        margin-right: 0
    }
}

.opensauce-fullwidth .image_container.float_left {
    margin: .44444em 3.84615% .88889em 0
}

@media screen and (max-width:999px) {
    .opensauce-fullwidth .image_container.float_left {
        margin-right: 6.25%
    }
}

@media screen and (max-width:601px) {
    .opensauce-fullwidth .image_container.float_left {
        margin-right: 0
    }
}

.ce_youtube-wrapper {
    position: relative;
    margin: 1.33333em 0;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.ce_youtube-wrapper iframe,
.ce_youtube-wrapper object,
.ce_youtube-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mejs-video,
.mejs-audio {
    margin: 1.11111em 0
}

.ce_gallery>ul.cols_1>li {
    width: 100%
}

.ce_gallery>ul.cols_2>li {
    width: 49.25%
}

.ce_gallery>ul.cols_3>li {
    width: 32.33333%
}

.ce_gallery>ul.cols_4>li {
    width: 23.875%
}

.ce_gallery>ul.cols_5>li {
    width: 18.8%
}

.ce_gallery>ul.cols_6>li {
    width: 15.41667%
}

.ce_gallery>ul.cols_7>li {
    width: 13%
}

.ce_gallery>ul.cols_8>li {
    width: 11.1875%
}

.ce_gallery>ul.cols_9>li {
    width: 9.77778%
}

.ce_gallery>ul.cols_10>li {
    width: 8.65%
}

.ce_gallery>ul.cols_11>li {
    width: 7.72727%
}

.ce_gallery>ul.cols_12>li {
    width: 6.95833%
}

@media screen and (max-width:601px) {
    .ce_gallery.ce_gallery>ul>li {
        width: auto
    }
}

.ce_gallery.no-resize>ul>li {
    width: auto
}

.ce_gallery>ul {
    zoom: 1;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important
}

.ce_gallery>ul:before {
    content: "";
    display: table
}

.ce_gallery>ul:after {
    content: "";
    display: table;
    clear: both
}

.ce_gallery>ul>li {
    float: left;
    width: 23.875%;
    margin: 1.5% 0 0 1.5%
}

@media screen and (max-width:601px) {
    .ce_gallery>ul>li {
        margin-right: 0;
        margin-left: 0
    }
}

.ce_gallery>ul>li.col_first {
    clear: left;
    margin-left: 0
}

.ce_gallery>ul>li.col_last {
    margin-right: -1%
}

.ce_gallery>ul>li>.image_container {
    width: 100%
}

.ce_gallery img {
    width: 100%;
    height: auto
}

.enclosure h1,
.enclosure h2,
.enclosure h3,
.enclosure h4,
.enclosure h5,
.enclosure h6,
.ce_downloads h1,
.ce_downloads h2,
.ce_downloads h3,
.ce_downloads h4,
.ce_downloads h5,
.ce_downloads h6 {
    font-size: 1em;
    font-style: italic;
    font-weight: 500
}

.enclosure h1:before,
.enclosure h2:before,
.enclosure h3:before,
.enclosure h4:before,
.enclosure h5:before,
.enclosure h6:before {
    font: 1.16667em/1 "RockSolid Icons";
    content: "\e06d";
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    text-indent: 0;
    display: inline-block;
    position: relative;
    top: .07143em;
    float: right
}

.enclosure ul,
.enclosure p,
.ce_downloads ul,
.ce_downloads p {
    margin: 0;
    padding: 0;
    list-style: none
}

.ce_downloads a {
    font-style: italic;
    color: inherit
}

.ce_accordion .toggler {
    padding: 1em 0;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    outline: 0;
    font-size: 1em;
    cursor: pointer
}

.ce_accordion .toggler:before {
    font: 1.5em/1 "RockSolid Icons";
    content: "\e009";
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    text-indent: 0;
    display: inline-block;
    position: relative;
    float: right;
    left: .11111em;
    color: #d8d8d8;
}

.ce_accordion .toggler:hover:before {
    color: #333333;
}

.ce_accordion .toggler.ui-accordion-header-active:before {
    content: "\e00c"
}

.rsts-skin-testimonials.rsts-main {
    position: relative;
    margin: 1.5em 0
}

.rsts-skin-testimonials .rsts-header {
    border-bottom: 1px solid #5a5f6b
}

.rsts-skin-testimonials .rsts-header h1,
.rsts-skin-testimonials .rsts-header h2,
.rsts-skin-testimonials .rsts-header h3,
.rsts-skin-testimonials .rsts-header h4,
.rsts-skin-testimonials .rsts-header h5,
.rsts-skin-testimonials .rsts-header h6 {
    margin: 0;
    padding: .14286em 0 .64286em;
    font-size: .77778em;
    font-weight: 500;
    color: #fff;
    letter-spacing: .07143em;
    text-transform: uppercase
}

.rsts-skin-testimonials .rsts-prev,
.rsts-skin-testimonials .rsts-next {
    position: absolute;
    right: 1.33333em;
    bottom: .66667em;
    overflow: hidden;
    text-indent: -99em;
    line-height: 0
}

.sidebar .rsts-skin-testimonials .rsts-prev,
.sidebar .rsts-skin-testimonials .rsts-next {
    bottom: .33333em
}

.rsts-skin-testimonials .rsts-prev:after,
.rsts-skin-testimonials .rsts-next:after {
    font: .44444em/1 "RockSolid Icons";
    content: "\e018";
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    text-indent: 0;
    display: inline-block;
    position: relative;
    display: block;
    padding: .75em;
    color: #fff;
    background: #4b4a83
}

.rsts-skin-testimonials .rsts-next {
    right: 0
}

.rsts-skin-testimonials .rsts-next:after {
    content: "\e019"
}

.rsts-skin-testimonials .rsts-nav {
    position: absolute;
    right: -5px;
    top: 2px;
    line-height: 0
}

.rsts-skin-testimonials .rsts-nav ul {
    margin: 0;
    padding: 0
}

.rsts-skin-testimonials .rsts-nav li {
    display: inline
}

.rsts-skin-testimonials .rsts-nav a {
    float: left;
    width: 17px;
    height: 17px;
    overflow: hidden;
    outline: 0;
    padding: 5px;
    text-indent: -99em
}

.rsts-skin-testimonials .rsts-nav a:after {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #000;
    filter: alpha(opacity=80);
    opacity: .8
}

.rsts-skin-testimonials .rsts-nav a:hover:after,
.rsts-skin-testimonials .rsts-nav a.active:after {
    filter: alpha(opacity=100);
    opacity: 1;
    width: 11px;
    height: 11px;
    margin: -2px
}

.rsts-skin-testimonials .rsts-nav-prev,
.rsts-skin-testimonials .rsts-nav-next {
    display: none !important
}

.rsts-skin-light .rsts-nav {
    position: absolute;
    bottom: 20px;
    margin: 0;
    width: 100%
}

.fixed-note {
    position: fixed;
    display: table;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 3.33333em;
    padding: .66667em 1.11111em .66667em 4.44444em;
    border-top: 1px solid #000;
    z-index: 99;
    background-color: #fff;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1)
}

@media screen and (max-width:999px) {
    .fixed-note {
        position: relative
    }
}

@media screen and (max-width:601px) {
    .fixed-note {
        display: block;
        padding-left: 1.11111em
    }
}

.fixed-note:before {
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    left: .83333em;
    font-size: 2em
}

@media screen and (max-width:999px) {
    .fixed-note:before {
        top: .66667em;
        margin-top: 0
    }
}

@media screen and (max-width:601px) {
    .fixed-note:before {
        position: static
    }
}

.fixed-note h1,
.fixed-note h2,
.fixed-note h3 {
    font-size: .83333em;
    margin: .4em 0
}

.fixed-note p {
    font-size: .77778em;
    margin: .42857em 0
}

@media screen and (max-width:601px) {
    .fixed-note p {
        font-size: .88889em
    }
}

.fixed-note-column {
    display: table-cell;
    vertical-align: middle;
    padding: 0 .55556em
}

.fixed-note-column:last-child {
    text-align: right
}

@media screen and (max-width:999px) {
    .fixed-note-column:last-child {
        text-align: left
    }
}

@media screen and (max-width:999px) {
    .fixed-note-column {
        display: block;
        margin: .66667em 0;
        padding: 0
    }
}

.fixed-note-link,
.fixed-note-button {
    white-space: nowrap
}

.fixed-note-button {
    margin: 0
}

.fixed-note-closed {
    position: fixed;
    right: 1.66667em;
    bottom: 0;
    z-index: 99;
    padding: .44444em .66667em;
    color: #fff;
    text-decoration: none;
    background: #3d566e;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1)
}

@media screen and (max-width:1280px) {
    .fixed-note-closed {
        right: 0
    }
}

@media screen and (max-width:999px) {
    .fixed-note-closed {
        position: absolute;
        top: .66667em;
        right: 50%;
        bottom: auto;
        margin-right: -0.88889em;
        padding: .22222em .66667em
    }
}

@media screen and (max-width:601px) {
    .fixed-note-closed {
        right: .66667em;
        margin-right: 0
    }
}

.fixed-note-closed:hover,
.fixed-note-closed:focus {
    background-color: #2b3c4d
}

.fixed-note-closed:before {
    font: 100%/1 "RockSolid Icons";
    content: "\e0a6";
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    text-indent: 0;
    display: inline-block;
    position: relative
}

.fixed-note-closed>span {
    display: none
}

.back a:before,
.previous a:before,
.next a:after {
    font: .66667em/1 "RockSolid Icons";
    content: "\e018";
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    text-indent: 0;
    display: inline-block;
    position: relative;
    top: -0.16667em;
    margin-right: .5em;
    vertical-align: middle
}

.next a:after {
    content: "\e019";
    margin-right: 0;
    margin-left: .5em
}

.pagination>p {
    text-align: center
}

.pagination ul {
    list-style-type: none !important;
    text-align: center
}

.pagination li {
    display: inline-block
}

.pagination li a,
.pagination li span {
    padding: 4px 12px;
    background-color: #fff
}

.pagination li .current {
    border-bottom: 1px solid #5a5f6b;
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02))
}

.news-image-teaser.-no-date {
    padding-left: 0
}

.news-image-teaser h2 {
    margin: 0 0 .25em;
    padding: 0 0 .3125em;
    font-size: 1.77778em;
    font-weight: normal;
    line-height: 1.1875
}

.team .news-image-teaser h2 {
    font-size: 1.3em;
    color: #4b4a83;
    border-bottom: 1px dotted #000
}

@media screen and (max-width:601px) {
    .news-image-teaser h2 {
        margin-right: 18.75%
    }
}

.news-image-teaser time {
    position: absolute;
    top: .19444em;
    left: 0;
    width: 9.375%;
    border: 1px solid #000;
    font-size: 2em;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    background: #fff;
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02));
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02));
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02));
    background-image: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02));
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1)
}

@media screen and (max-width:601px) {
    .news-image-teaser time {
        left: auto;
        right: 0;
        width: 15.625%
    }
}

.news-image-teaser time:before {
    font: .69444em/1 "RockSolid Icons";
    content: "\e06b";
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    text-indent: 0;
    display: inline-block;
    position: relative;
    display: block;
    margin: -1px -1px .08em -1px;
    padding: .72em 0;
    color: #fff;
    background: #4b4a83
}

.news-image-teaser time b {
    display: block;
    margin: -0.19048em 0 .2381em;
    font-size: .58333em;
    font-weight: inherit;
    text-transform: uppercase
}

.news-image-teaser time i {
    display: none
}

.news-image-teaser img {
    display: block;
    width: 100%;
    height: auto
}

.news-image-teaser p {
    margin: .66667em 0
}

.news-image-teaser .news-image-teaser-info {
    margin: .57143em 0 1em;
    font-size: .77778em;
    color: inherit
}

.news-image-teaser .news-image-teaser-more {
    position: relative;
    font-size: .88889em;
    text-transform: uppercase
}

.mod_calendar th.previous a:after,
.mod_calendar th.previous a:before,
.mod_calendar th.next a:after,
.mod_calendar th.next a:before {
    display: none
}

.mod_calendar th.current {
    border-right: 0;
    border-left: 0;
    text-align: center
}

.mod_calendar th.current:before {
    font: 16px/1 "RockSolid Icons";
    content: "\e037";
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    text-indent: 0;
    display: inline-block;
    position: relative;
    margin-right: 6px
}

.mod_calendar th.previous {
    border-right: 0
}

.mod_calendar th.next {
    border-left: 0;
    text-align: right
}

.mod_calendar th.label {
    font-size: .66667em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .07143em
}

.mod_calendar td {
    vertical-align: top;
    width: 14.28571%
}

.mod_calendar td.today {
    font-weight: 500;
    background-color: #000
}

.mod_calendar .event {
    font-size: .66667em
}

.mod_calendar .minicalendar td {
    padding: .16667em;
    text-align: center
}

.mod_eventlist .event>h2 {
    margin-top: 0;
    font-size: 1.55556em
}

.mod_faqlist ul {
    list-style: none;
    padding-left: 0
}

.mod_faqlist li:before {
    font: 100%/1 "RockSolid Icons";
    content: "\e0f7";
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    text-indent: 0;
    display: inline-block;
    position: relative;
    margin-right: .44444em
}

.mod_faqreader .info {
    font-size: .77778em;
    color: #fff
}

.mod_login form p.error {
    float: none;
    width: auto;
    margin: 1em 0
}

.mod_login input {
    width: 80%
}

.mod_login table {
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.mod_login table td {
    border: 0;
    padding: .33333em 0
}

.mod_search {
    margin: 1.5em 0
}

.mod_search form input {
    vertical-align: middle
}

.mod_search form input[type="search"] {
    width: 74.375%;
    margin: 0;
    padding-top: .61111em;
    padding-bottom: .5em
}

.mod_search form input[type="submit"] {
    width: 25%;
    margin: 0 -2% 0 0
}

.mod_search .relevance {
    float: right;
    margin-top: .71429em;
    font-size: .58333em
}

.mod_search .header {
    padding-bottom: .27778em;
    border-bottom: 1px solid #000;
    color: #fff
}

.mod_search .highlight {
    padding: 0 .22222em;
    font-weight: 500;
    background: #ebcccc
}

.mod_search .url {
    padding-bottom: 1.42857em;
    border-bottom: 1px dotted #000;
    font-size: .77778em;
    
}

.mod_search .url:before {
    font: 100%/1 "RockSolid Icons";
    content: "\e0b5";
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    text-indent: 0;
    display: inline-block;
    position: relative;
    margin-right: .35714em
}

.mod_search .url .filesize {
    font-size: .85714em
}

.comment_default {
    margin: 1.6875em 0;
    padding: 1.25em 6.25% 0;
    border: 1px solid #000;
    -webkit-border-radius: 1.5px;
    -moz-border-radius: 1.5px;
    border-radius: 1.5px;
    font-size: .88889em;
    background: #fff;
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1)
}

.comment_default .info {
    margin-top: 0;
    border-bottom: 1px solid #000
}

.comment_default .reply {
    margin-left: 6.66667%
}

.comment_default .reply .info {
    font-weight: 500
}

.ce_comments .form {
    margin-top: 3.33333em
}

.ce_comments .form .widget {
    margin-top: 1.33333em
}

.mod_sitemap ul {
    padding-left: 0;
    list-style-type: none
}

.mod_sitemap ul li li {
    padding: .1875em 0 .1875em 1.75em;
    font-size: .88889em
}

.mod_sitemap ul li li.submenu ul {
    margin: 0
}

.mod_sitemap>ul>li:before {
    font: 100%/1 "RockSolid Icons";
    content: "\e083";
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    text-indent: 0;
    display: inline-block;
    position: relative;
    margin-right: .55556em
}

.page-footer {
    clear: both;
    margin: 0 3.57143%;
    font-size: .9em
}

.page-footer .teaser-boxes {
    margin: 0
}

@media screen and (max-width:999px) {
    .page-footer {
        margin-right: 5.55556%;
        margin-left: 5.55556%
    }
}

.footer-navigation-wrapper {
    overflow: hidden;
    margin: 0;
    padding: 3em 2em;
    color: #7e7e7e
}

@media screen and (max-width:601px) {
    .footer-navigation-wrapper {
        font-size: .8em;
        margin-bottom:3em;
    }
}

.footer-navigation {
    float: left
}

@media screen and (max-width:999px) {
    .footer-navigation {
        float: none
    }
}

.footer-navigation ul {
    margin: 0;
    padding: 0
}

.footer-navigation li {
    display: inline
}

.footer-navigation li:after {
    content: " "
}

.footer-navigation a,
.footer-navigation li>span {
    margin-right: 1.5em;
    color: inherit
}

.footer-info {
    float: right;
    font-weight: normal
}

@media screen and (max-width:999px) {
    .footer-info {
        margin-top: 1em;
        float: none
    }
}

.footer-info p {
    margin: 0
}

.footer-info a {
    color: inherit
}

.footer-info .rocksolid-copyright {
    font-style: normal;
    color: #fff
}

.footer-info .rocksolid-copyright:before {
    content: "\2022";
    display: inline-block;
    margin: 0 .66667em;
    color: #fff
}

.button-box {
    margin: .8em 0
}

.button-box.-left {
    text-align: left
}

.button-box.-right {
    text-align: right
}

.button-box.-centered {
    text-align: center
}

.button-box.-inline {
    display: inline
}

button.-secondary,
.button.-secondary,
input[type="submit"].-secondary,
.main-navigation-search-form button,
.feature-box-link.-secondary,
.headline-box-link.-secondary,
.pricing-table-plan a.-secondary,
.feature-box-link,
.headline-box-link,
.pricing-table-plan a,
button,
.button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    padding: 1.07143em 1.42857em;
    border: 0;
    outline: 0;
    font-size: .93333em;
   
    line-height: 1.42929;
    color: #fff;
    text-align: center;
    text-decoration: none;
    
}

button.-secondary:hover,
.button.-secondary:hover,
input[type="submit"].-secondary:hover,
.main-navigation-search-form button:hover,
.feature-box-link:hover,
.headline-box-link:hover,
.pricing-table-plan a:hover,
button.-secondary:focus,
.button.-secondary:focus,
input[type="submit"].-secondary:focus,
.main-navigation-search-form button:focus,
.feature-box-link:focus,
.headline-box-link:focus,
.pricing-table-plan a:focus,
button:hover,
button:focus,
.button:hover,
.button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"]:hover,
input[type="button"]:focus {
    background-color: #2a6784;
    text-decoration: none
}

button.-secondary:active,
.button.-secondary:active,
input[type="submit"].-secondary:active,
.main-navigation-search-form button:active,
.feature-box-link:active,
.headline-box-link:active,
.pricing-table-plan a:active,
button:active,
.button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
    background-color: #307698
}

button.-small.-secondary,
.-small.button.-secondary,
input.-small[type="submit"].-secondary,
.main-navigation-search-form button.-small,
.-small.feature-box-link,
.-small.headline-box-link,
.pricing-table-plan a.-small,
button.-small,
.button.-small,
input[type="submit"].-small,
input[type="reset"].-small,
input[type="button"].-small {
    padding: .66667em 1em;
    font-size: .8em;
    line-height: 1.6675
}

button.-medium.-secondary,
.-medium.button.-secondary,
input.-medium[type="submit"].-secondary,
.main-navigation-search-form button.-medium,
.-medium.feature-box-link,
.-medium.headline-box-link,
.pricing-table-plan a.-medium,
button.-medium,
.button.-medium,
input[type="submit"].-medium,
input[type="reset"].-medium,
input[type="button"].-medium {
    padding: .75em 1em;
    font-size: 1.2em;
    line-height: 1.11167
}

button.-large.-secondary,
.-large.button.-secondary,
input.-large[type="submit"].-secondary,
.main-navigation-search-form button.-large,
.-large.feature-box-link,
.-large.headline-box-link,
.pricing-table-plan a.-large,
button.-large,
.button.-large,
input[type="submit"].-large,
input[type="reset"].-large,
input[type="button"].-large {
    padding: .71429em .95238em;
    font-size: 1.4em;
    line-height: .95286
}

button.-super-size.-secondary,
.-super-size.button.-secondary,
input.-super-size[type="submit"].-secondary,
.main-navigation-search-form button.-super-size,
.-super-size.feature-box-link,
.-super-size.headline-box-link,
.pricing-table-plan a.-super-size,
button.-super-size,
.button.-super-size,
input[type="submit"].-super-size,
input[type="reset"].-super-size,
input[type="button"].-super-size {
    padding: .55556em .69444em;
    font-size: 2.4em;
    line-height: 1.00028
}

@media screen and (max-width:599px) {
    button.-super-size.-secondary,
    .-super-size.button.-secondary,
    input.-super-size[type="submit"].-secondary,
    .main-navigation-search-form button.-super-size,
    .-super-size.feature-box-link,
    .-super-size.headline-box-link,
    .pricing-table-plan a.-super-size,
    button.-super-size,
    .button.-super-size,
    input[type="submit"].-super-size,
    input[type="reset"].-super-size,
    input[type="button"].-super-size {
        font-size: 1.86667em
    }
}

.-highlight-color button.-secondary,
.-highlight-color .button.-secondary,
.-highlight-color input[type="submit"].-secondary,
.-highlight-color .main-navigation-search-form button,
.main-navigation-search-form .-highlight-color button,
.-highlight-color .feature-box-link,
.-highlight-color .headline-box-link,
.-highlight-color .pricing-table-plan a,
.pricing-table-plan .-highlight-color a,
.-highlight-color button,
.-highlight-color .button,
.-highlight-color input[type="submit"],
.-highlight-color input[type="reset"],
.-highlight-color input[type="button"] {
    color: #fff
}

button.-small,
.button.-small,
input[type="submit"].-small {
    padding: .41667em .83333em;
    font-size: .8em
}

button.-secondary,
.button.-secondary,
input[type="submit"].-secondary,
.main-navigation-search-form button,
.feature-box-link.-secondary,
.headline-box-link.-secondary,
.pricing-table-plan a.-secondary {
    padding: .5em 1.28571em;
    border: 2px solid #242424;
    border-color: currentColor;
    color: inherit;
    background: transparent
}

button.-secondary:hover,
.button.-secondary:hover,
input[type="submit"].-secondary:hover,
.main-navigation-search-form button:hover,
.feature-box-link.-secondary:hover,
.headline-box-link.-secondary:hover,
.pricing-table-plan a.-secondary:hover,
button.-secondary:focus,
.button.-secondary:focus,
input[type="submit"].-secondary:focus,
.main-navigation-search-form button:focus,
.feature-box-link.-secondary:focus,
.headline-box-link.-secondary:focus,
.pricing-table-plan a.-secondary:focus {
    background-color: transparent
}

button.-secondary:hover:after,
.button.-secondary:hover:after,
input[type="submit"].-secondary:hover:after,
.main-navigation-search-form button:hover:after,
.feature-box-link.-secondary:hover:after,
.headline-box-link.-secondary:hover:after,
.pricing-table-plan a.-secondary:hover:after,
button.-secondary:focus:after,
.button.-secondary:focus:after,
input[type="submit"].-secondary:focus:after,
.main-navigation-search-form button:focus:after,
.feature-box-link.-secondary:focus:after,
.headline-box-link.-secondary:focus:after,
.pricing-table-plan a.-secondary:focus:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: currentColor;
    opacity: .2
}

button.-secondary:active,
.button.-secondary:active,
input[type="submit"].-secondary:active,
.main-navigation-search-form button:active,
.feature-box-link.-secondary:active,
.headline-box-link.-secondary:active,
.pricing-table-plan a.-secondary:active {
    background-color: transparent
}

button.-secondary:active:after,
.button.-secondary:active:after,
input[type="submit"].-secondary:active:after,
.main-navigation-search-form button:active:after,
.feature-box-link.-secondary:active:after,
.headline-box-link.-secondary:active:after,
.pricing-table-plan a.-secondary:active:after {
    opacity: .1
}

button.-large.-secondary,
.-large.button.-secondary,
input.-large[type="submit"].-secondary,
.main-navigation-search-form button.-large,
.-large.feature-box-link.-secondary,
.-large.headline-box-link.-secondary,
.pricing-table-plan a.-large.-secondary,
button.-super-size.-secondary,
.-super-size.button.-secondary,
input.-super-size[type="submit"].-secondary,
.main-navigation-search-form button.-super-size,
.-super-size.feature-box-link.-secondary,
.-super-size.headline-box-link.-secondary,
.pricing-table-plan a.-super-size.-secondary {
    border-width: 3px
}

button.-tertiary,
.button.-tertiary,
input[type="submit"].-tertiary {
    padding: 0;
    font-size: 1.6em;
    letter-spacing: normal;
    text-align: left;
    text-transform: none;
    background: 0;
    color: rgba(192, 8, 31, 1)
}

button.-small.-tertiary,
.-small.button.-tertiary,
input.-small[type="submit"].-tertiary {
    font-size: .93333em;
    line-height: 1.42929
}

button.-medium.-tertiary,
.-medium.button.-tertiary,
input.-medium[type="submit"].-tertiary {
    font-size: 1.2em;
    line-height: 1.11167
}

button.-large.-tertiary,
.-large.button.-tertiary,
input.-large[type="submit"].-tertiary {
    font-size: 1.4em;
    line-height: .95286
}

button.-super-size.-tertiary,
.-super-size.button.-tertiary,
input.-super-size[type="submit"].-tertiary {
    font-size: 2.4em;
    line-height: 1.00028
}

button.-tertiary:before,
.button.-tertiary:before,
input[type="submit"].-tertiary:before {
    top: -2px;
    font-size: 60%
}

.-color-inverted button.-tertiary,
.-color-inverted .button.-tertiary,
.-color-inverted input[type="submit"].-tertiary {
    color: #fff
}

button.-tertiary:hover,
.button.-tertiary:hover,
input[type="submit"].-tertiary:hover,
button.-tertiary:focus,
.button.-tertiary:focus,
input[type="submit"].-tertiary:focus {
    color: #2f8dba
}