/*  Allgemeines */
/* Schriftart */
/* Hintergrundfarbe der Seite */
/* Breite des gesamten Contents */
/* Hintergrundfarbe */
/* Breakpoints */
/* Maximale Breitenbegrenzung */
/* optionale Breitenbegrenzung interner Elemente bei fehlender Gematbegrenzung */
/* optionaler immer wiederkehrender Breakpoint oberhalb mint, bei Benutzung anzupassen */
/* Teamboxen umspringen */
/* Switch mobile Navigation */
/* Globale Parameter */
/* Color Basis: Basisfarbe Schrift */
/* Color Markant: Basisfarbe 1 markante Elemente (link, h1, border, usw...) */
/* Color Markant: Basisfarbe 2 markante Elemente (h2,...) */
/* Color Box: Standard Container hintergrund 1 */
/* Color Symbole: Standardfarbe aller Unicode-Symbole */
/* Hintergrund topslider */
/* Farben Navi bei Split */
/*  
@topback_norm:		none;
@topback_act:		none;
@toptext_norm:		@cobase;
@toptext_act:		@comark1;

@leistback_norm:	none;
@leistback_act:		none;
@leisttext_norm:	@cobase;
@leisttext_act:		@cobase;

#mobnav li.clicked > ul > li.clicked > ul > li.active > a, #mobnav li.active > ul > li.active > ul > li.active > a {background: @cobox;} /* Markierung aktiver Button mobnav  */
/* Farben Navi bei all-in-one */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Topnav */
/* Back Topnav */
/* Back Mouseover */
/* Back Aktiv */
/* Schrift */
/* Schrift Mouseover */
/* Schrift Aktiv */
/* Leistnav 1. Ebene */
/* Back */
/* Back Mouseover */
/* Back Aktiv */
/* Schrift */
/* Schrift Mouseover */
/* Schrift Aktiv */
/* Leistnav 2. Ebene */
/* Back */
/* Back Mouseover */
/* Back Aktiv */
/* Schrift */
/* Schrift Mouseover */
/* Schrift Aktiv */
/* Leistnav 3. Ebene */
/* Back */
/* Back Mouseover */
/* Back Aktiv */
/* Schrift */
/* Schrift Mouseover */
/* Schrift Aktiv */
/* Leistnav 4. Ebene */
/* Back */
/* Back Mouseover */
/* Back Aktiv */
/* Schrift */
/* Schrift Mouseover */
/* Schrift Aktiv */
/* --------------------- */
/* Navigation global */
/* Reihenfolge im Header: "row" / "row-reverse"  */
/* Hintergrundfarbe der Gesamt-Navigation */
/* Schriftgröße der Navigation */
/* Höhe der Buttons */
/* Padding innerhalb der Buttons in den Untermenüs */
/* Menüsymbol für Mobnav */
/* Breadcrumb-Navigation */
/* Schriftgröße der Breadcrumb-Navigation */
/* Fettschrift der Breadcrumb-Navigation */
/* Schriftfarbe der Breadcrumb-Navigation */
/* Text-Decoration der Links der Breadcrumb-Navigation */
/* Schriftfarbe bei Mouseover der Breadcrumb-Navigation */
/* Text-Decoration der Links bei Mouseover der Breadcrumb-Navigation */
/* Schriftfarbe wenn Aktiv in der Breadcrumb-Navigation */
/* Text-Decoration der aktiven Links der Breadcrumb-Navigation */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Standard Container Radius */
/* Dia-Inner muß weniger haben */
/* Bilderzoom */
.zoom10 {
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  padding: 8px 8px;
  margin-left: -8px;
  /* Gleicht padding wieder aus */
  margin-right: -8px;
  /* Gleicht padding wieder aus */
  margin-top: -2px !important;
  /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */
}
.zoom10:hover {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  -webkit-transform: scale(1.01, 1.01);
          transform: scale(1.01, 1.01);
  position: relative;
  z-index: 15;
  background: #f0f0f0;
  -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
          box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
@media (max-width: 800px) {
  .zoom10:hover {
    cursor: initial;
    -webkit-transform: initial;
            transform: initial;
  }
}
.zoom11 {
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  padding: 8px 8px;
  margin-left: -8px;
  /* Gleicht padding wieder aus */
  margin-right: -8px;
  /* Gleicht padding wieder aus */
  margin-top: -2px !important;
  /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */
}
.zoom11:hover {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  -webkit-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
  position: relative;
  z-index: 15;
  background: #f0f0f0;
  -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
          box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
@media (max-width: 800px) {
  .zoom11:hover {
    cursor: initial;
    -webkit-transform: initial;
            transform: initial;
  }
}
.zoom12 {
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  padding: 8px 8px;
  margin-left: -8px;
  /* Gleicht padding wieder aus */
  margin-right: -8px;
  /* Gleicht padding wieder aus */
  margin-top: -2px !important;
  /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */
}
.zoom12:hover {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  -webkit-transform: scale(1.2, 1.2);
          transform: scale(1.2, 1.2);
  position: relative;
  z-index: 15;
  background: #f0f0f0;
  -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
          box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
@media (max-width: 800px) {
  .zoom12:hover {
    cursor: initial;
    -webkit-transform: initial;
            transform: initial;
  }
}
.zoom13 {
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  padding: 8px 8px;
  margin-left: -8px;
  /* Gleicht padding wieder aus */
  margin-right: -8px;
  /* Gleicht padding wieder aus */
  margin-top: -2px !important;
  /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */
}
.zoom13:hover {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  -webkit-transform: scale(1.3, 1.3);
          transform: scale(1.3, 1.3);
  position: relative;
  z-index: 15;
  background: #f0f0f0;
  -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
          box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
@media (max-width: 800px) {
  .zoom13:hover {
    cursor: initial;
    -webkit-transform: initial;
            transform: initial;
  }
}
.zoom14 {
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  padding: 8px 8px;
  margin-left: -8px;
  /* Gleicht padding wieder aus */
  margin-right: -8px;
  /* Gleicht padding wieder aus */
  margin-top: -2px !important;
  /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */
}
.zoom14:hover {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  -webkit-transform: scale(1.4, 1.4);
          transform: scale(1.4, 1.4);
  position: relative;
  z-index: 15;
  background: #f0f0f0;
  -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
          box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
@media (max-width: 800px) {
  .zoom14:hover {
    cursor: initial;
    -webkit-transform: initial;
            transform: initial;
  }
}
.zoom15 {
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  padding: 8px 8px;
  margin-left: -8px;
  /* Gleicht padding wieder aus */
  margin-right: -8px;
  /* Gleicht padding wieder aus */
  margin-top: -2px !important;
  /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */
}
.zoom15:hover {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  -webkit-transform: scale(1.5, 1.5);
          transform: scale(1.5, 1.5);
  position: relative;
  z-index: 15;
  background: #f0f0f0;
  -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
          box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
@media (max-width: 800px) {
  .zoom15:hover {
    cursor: initial;
    -webkit-transform: initial;
            transform: initial;
  }
}
.zoom16 {
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  padding: 8px 8px;
  margin-left: -8px;
  /* Gleicht padding wieder aus */
  margin-right: -8px;
  /* Gleicht padding wieder aus */
  margin-top: -2px !important;
  /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */
}
.zoom16:hover {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  -webkit-transform: scale(1.6, 1.6);
          transform: scale(1.6, 1.6);
  position: relative;
  z-index: 15;
  background: #f0f0f0;
  -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
          box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
@media (max-width: 800px) {
  .zoom16:hover {
    cursor: initial;
    -webkit-transform: initial;
            transform: initial;
  }
}
.zoom17 {
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  padding: 8px 8px;
  margin-left: -8px;
  /* Gleicht padding wieder aus */
  margin-right: -8px;
  /* Gleicht padding wieder aus */
  margin-top: -2px !important;
  /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */
}
.zoom17:hover {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  -webkit-transform: scale(1.7, 1.7);
          transform: scale(1.7, 1.7);
  position: relative;
  z-index: 15;
  background: #f0f0f0;
  -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
          box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
@media (max-width: 800px) {
  .zoom17:hover {
    cursor: initial;
    -webkit-transform: initial;
            transform: initial;
  }
}
.zoom18 {
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  padding: 8px 8px;
  margin-left: -8px;
  /* Gleicht padding wieder aus */
  margin-right: -8px;
  /* Gleicht padding wieder aus */
  margin-top: -2px !important;
  /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */
}
.zoom18:hover {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  -webkit-transform: scale(1.8, 1.8);
          transform: scale(1.8, 1.8);
  position: relative;
  z-index: 15;
  background: #f0f0f0;
  -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
          box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
@media (max-width: 800px) {
  .zoom18:hover {
    cursor: initial;
    -webkit-transform: initial;
            transform: initial;
  }
}
.zoom19 {
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  padding: 8px 8px;
  margin-left: -8px;
  /* Gleicht padding wieder aus */
  margin-right: -8px;
  /* Gleicht padding wieder aus */
  margin-top: -2px !important;
  /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */
}
.zoom19:hover {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  -webkit-transform: scale(1.9, 1.9);
          transform: scale(1.9, 1.9);
  position: relative;
  z-index: 15;
  background: #f0f0f0;
  -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
          box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
@media (max-width: 800px) {
  .zoom19:hover {
    cursor: initial;
    -webkit-transform: initial;
            transform: initial;
  }
}
.zoom20 {
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  padding: 8px 8px;
  margin-left: -8px;
  /* Gleicht padding wieder aus */
  margin-right: -8px;
  /* Gleicht padding wieder aus */
  margin-top: -2px !important;
  /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */
}
.zoom20:hover {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  position: relative;
  z-index: 15;
  background: #f0f0f0;
  -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
          box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
@media (max-width: 800px) {
  .zoom20:hover {
    cursor: initial;
    -webkit-transform: initial;
            transform: initial;
  }
}
.zoom21 {
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  padding: 8px 8px;
  margin-left: -8px;
  /* Gleicht padding wieder aus */
  margin-right: -8px;
  /* Gleicht padding wieder aus */
  margin-top: -2px !important;
  /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */
}
.zoom21:hover {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  -webkit-transform: scale(2.1, 2.1);
          transform: scale(2.1, 2.1);
  position: relative;
  z-index: 15;
  background: #f0f0f0;
  -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
          box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
@media (max-width: 800px) {
  .zoom21:hover {
    cursor: initial;
    -webkit-transform: initial;
            transform: initial;
  }
}
.zoom22 {
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  padding: 8px 8px;
  margin-left: -8px;
  /* Gleicht padding wieder aus */
  margin-right: -8px;
  /* Gleicht padding wieder aus */
  margin-top: -2px !important;
  /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */
}
.zoom22:hover {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  -webkit-transform: scale(2.2, 2.2);
          transform: scale(2.2, 2.2);
  position: relative;
  z-index: 15;
  background: #f0f0f0;
  -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
          box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
@media (max-width: 800px) {
  .zoom22:hover {
    cursor: initial;
    -webkit-transform: initial;
            transform: initial;
  }
}
.zoom23 {
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  padding: 8px 8px;
  margin-left: -8px;
  /* Gleicht padding wieder aus */
  margin-right: -8px;
  /* Gleicht padding wieder aus */
  margin-top: -2px !important;
  /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */
}
.zoom23:hover {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  -webkit-transform: scale(2.3, 2.3);
          transform: scale(2.3, 2.3);
  position: relative;
  z-index: 15;
  background: #f0f0f0;
  -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
          box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
@media (max-width: 800px) {
  .zoom23:hover {
    cursor: initial;
    -webkit-transform: initial;
            transform: initial;
  }
}
.zoom24 {
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  padding: 8px 8px;
  margin-left: -8px;
  /* Gleicht padding wieder aus */
  margin-right: -8px;
  /* Gleicht padding wieder aus */
  margin-top: -2px !important;
  /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */
}
.zoom24:hover {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  -webkit-transform: scale(2.4, 2.4);
          transform: scale(2.4, 2.4);
  position: relative;
  z-index: 15;
  background: #f0f0f0;
  -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
          box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
@media (max-width: 800px) {
  .zoom24:hover {
    cursor: initial;
    -webkit-transform: initial;
            transform: initial;
  }
}
.zoom25 {
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  padding: 8px 8px;
  margin-left: -8px;
  /* Gleicht padding wieder aus */
  margin-right: -8px;
  /* Gleicht padding wieder aus */
  margin-top: -2px !important;
  /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */
}
.zoom25:hover {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  -webkit-transform: scale(2.5, 2.5);
          transform: scale(2.5, 2.5);
  position: relative;
  z-index: 15;
  background: #f0f0f0;
  -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
          box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
@media (max-width: 800px) {
  .zoom25:hover {
    cursor: initial;
    -webkit-transform: initial;
            transform: initial;
  }
}
.zoom26 {
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  padding: 8px 8px;
  margin-left: -8px;
  /* Gleicht padding wieder aus */
  margin-right: -8px;
  /* Gleicht padding wieder aus */
  margin-top: -2px !important;
  /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */
}
.zoom26:hover {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  -webkit-transform: scale(2.6, 2.6);
          transform: scale(2.6, 2.6);
  position: relative;
  z-index: 15;
  background: #f0f0f0;
  -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
          box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
@media (max-width: 800px) {
  .zoom26:hover {
    cursor: initial;
    -webkit-transform: initial;
            transform: initial;
  }
}
.zoom27 {
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  padding: 8px 8px;
  margin-left: -8px;
  /* Gleicht padding wieder aus */
  margin-right: -8px;
  /* Gleicht padding wieder aus */
  margin-top: -2px !important;
  /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */
}
.zoom27:hover {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  -webkit-transform: scale(2.7, 2.7);
          transform: scale(2.7, 2.7);
  position: relative;
  z-index: 15;
  background: #f0f0f0;
  -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
          box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
@media (max-width: 800px) {
  .zoom27:hover {
    cursor: initial;
    -webkit-transform: initial;
            transform: initial;
  }
}
.zoom28 {
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  padding: 8px 8px;
  margin-left: -8px;
  /* Gleicht padding wieder aus */
  margin-right: -8px;
  /* Gleicht padding wieder aus */
  margin-top: -2px !important;
  /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */
}
.zoom28:hover {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  -webkit-transform: scale(2.8, 2.8);
          transform: scale(2.8, 2.8);
  position: relative;
  z-index: 15;
  background: #f0f0f0;
  -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
          box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
@media (max-width: 800px) {
  .zoom28:hover {
    cursor: initial;
    -webkit-transform: initial;
            transform: initial;
  }
}
.zoom29 {
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  padding: 8px 8px;
  margin-left: -8px;
  /* Gleicht padding wieder aus */
  margin-right: -8px;
  /* Gleicht padding wieder aus */
  margin-top: -2px !important;
  /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */
}
.zoom29:hover {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  -webkit-transform: scale(2.9, 2.9);
          transform: scale(2.9, 2.9);
  position: relative;
  z-index: 15;
  background: #f0f0f0;
  -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
          box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
@media (max-width: 800px) {
  .zoom29:hover {
    cursor: initial;
    -webkit-transform: initial;
            transform: initial;
  }
}
.zoom30 {
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  padding: 8px 8px;
  margin-left: -8px;
  /* Gleicht padding wieder aus */
  margin-right: -8px;
  /* Gleicht padding wieder aus */
  margin-top: -2px !important;
  /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */
}
.zoom30:hover {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  -webkit-transform: scale(3, 3);
          transform: scale(3, 3);
  position: relative;
  z-index: 15;
  background: #f0f0f0;
  -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
          box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
@media (max-width: 800px) {
  .zoom30:hover {
    cursor: initial;
    -webkit-transform: initial;
            transform: initial;
  }
}
.zoom31 {
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  padding: 8px 8px;
  margin-left: -8px;
  /* Gleicht padding wieder aus */
  margin-right: -8px;
  /* Gleicht padding wieder aus */
  margin-top: -2px !important;
  /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */
}
.zoom31:hover {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  -webkit-transform: scale(3.1, 3.1);
          transform: scale(3.1, 3.1);
  position: relative;
  z-index: 15;
  background: #f0f0f0;
  -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
          box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
@media (max-width: 800px) {
  .zoom31:hover {
    cursor: initial;
    -webkit-transform: initial;
            transform: initial;
  }
}
.zoom32 {
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  padding: 8px 8px;
  margin-left: -8px;
  /* Gleicht padding wieder aus */
  margin-right: -8px;
  /* Gleicht padding wieder aus */
  margin-top: -2px !important;
  /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */
}
.zoom32:hover {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  -webkit-transform: scale(3.2, 3.2);
          transform: scale(3.2, 3.2);
  position: relative;
  z-index: 15;
  background: #f0f0f0;
  -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
          box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
@media (max-width: 800px) {
  .zoom32:hover {
    cursor: initial;
    -webkit-transform: initial;
            transform: initial;
  }
}
.zoom33 {
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  padding: 8px 8px;
  margin-left: -8px;
  /* Gleicht padding wieder aus */
  margin-right: -8px;
  /* Gleicht padding wieder aus */
  margin-top: -2px !important;
  /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */
}
.zoom33:hover {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  -webkit-transform: scale(3.3, 3.3);
          transform: scale(3.3, 3.3);
  position: relative;
  z-index: 15;
  background: #f0f0f0;
  -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
          box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
@media (max-width: 800px) {
  .zoom33:hover {
    cursor: initial;
    -webkit-transform: initial;
            transform: initial;
  }
}
.zoom34 {
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  padding: 8px 8px;
  margin-left: -8px;
  /* Gleicht padding wieder aus */
  margin-right: -8px;
  /* Gleicht padding wieder aus */
  margin-top: -2px !important;
  /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */
}
.zoom34:hover {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  -webkit-transform: scale(3.4, 3.4);
          transform: scale(3.4, 3.4);
  position: relative;
  z-index: 15;
  background: #f0f0f0;
  -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
          box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
@media (max-width: 800px) {
  .zoom34:hover {
    cursor: initial;
    -webkit-transform: initial;
            transform: initial;
  }
}
.zoom35 {
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  padding: 8px 8px;
  margin-left: -8px;
  /* Gleicht padding wieder aus */
  margin-right: -8px;
  /* Gleicht padding wieder aus */
  margin-top: -2px !important;
  /* Gleicht padding wieder aus und muß dominant gegenüber float (in styles) sein */
}
.zoom35:hover {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  -webkit-transform: scale(3.5, 3.5);
          transform: scale(3.5, 3.5);
  position: relative;
  z-index: 15;
  background: #f0f0f0;
  -webkit-box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
          box-shadow: 4px 7px 11px -2px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
@media (max-width: 800px) {
  .zoom35:hover {
    cursor: initial;
    -webkit-transform: initial;
            transform: initial;
  }
}
/* Ende Bilderzoom */
/* ------------------------------------ Neue Unicodesymbole ------------------------------------ */
.fhand:before,
.fmail:before,
.fmail2:before,
.finfo:before,
.foba:before,
.fscha:before,
.fpsch:before,
.fcar:before,
.fpers:before,
.fperx:before,
.feye:before,
.fcab:before,
.fpdf:before,
.farr1:before,
.far1b:before,
.far1c:before,
.farr2:before,
.farr3:before,
.fglob:before,
.ffrag:before,
.fnews:before,
.fplus:before,
.fmin:before,
.fclam:before,
.fkorb:before,
.flock:before,
.flog:before,
.ftel:before,
.ftel2:before,
.ffax:before,
.fche1:before,
.fche2:before,
.fche3:before,
.fnav:before,
.flis1:before,
.flis2:before,
.fsqu1:before,
.fsqu2:before,
.flupe:before,
.ffb1:before,
.ffb2:before,
.fxi1:before,
.fxi2:before,
.ftwi1:before,
.ftwi2:before,
.fvid:before,
.ffilm:before,
.fcloc:before,
.fmap:before,
.fchart1:before,
.fchart2:before,
.fprint:before,
.fcloud:before,
.fcom1:before,
.fcom2:before,
.fcom3:before,
.fspinn:before,
.fdoup:before,
.fclip:before,
.fstar1:before,
.fstar2:before,
.fstar3:before,
.feat:before,
.fbeer:before,
.fglass:before,
.fcafe:before,
.fmusic:before,
.fchild:before,
.fshop:before,
.fmed:before,
.fwifi:before,
.fmob:before,
.smob:before,
.fshield:before,
.fwhat:before,
.fsmil:before,
.fgoog1:before,
.fgoog2:before,
.fin1:before,
.fin2:before,
.fyout1:before,
.fyout2:before,
.fhome:before,
.fpmed:before,
.fclock:before,
.frech:before,
.fima:before,
.fgew:before,
.fpriv:before,
.fsmap:before,
.fdigi:before,
.fspec:before,
.fdir:before,
.finsta:before,
.fforst:before,
.fpuzz:before,
.sinfo:before,
.sat:before,
.swc:before,
.scake:before,
.simp:before {
  font-family: 'FontAwesome';
  color: #007254;
  height: 0;
  width: 28px;
  margin: 0 13px 0 -25px;
}
.symbspace {
  margin-left: 33px;
}
.fhand:before {
  content: "\f0a4";
}
.fmail:before {
  content: "\f003";
}
.fmail2:before {
  content: "\f0e0";
}
.fglob:before {
  content: "\f0ac";
}
.finfo:before {
  content: "\f05a";
}
.ffrag:before {
  content: "\f059";
}
.foba:before {
  content: "\f071";
}
.fscha:before {
  content: "\f127";
}
.fpsch:before {
  content: "\f0e7";
  margin: 0 17px 0 -26px;
  font-size: 120%;
}
.fcar:before {
  content: "\f1b9";
}
.fcab:before {
  content: "\f1ba";
}
.fpers:before {
  content: "\f007";
  margin: 0 17px 0 -26px;
}
.fperx:before {
  content: "\f234";
}
.fpmed:before {
  content: "\f0f0";
}
.feye:before {
  content: "\f06e";
  margin: 0 13px 0 -28px;
  font-size: 115%;
}
.fpdf:before {
  content: "\f15c";
}
.fnews:before {
  content: "\f1ea";
}
.farr1:before {
  content: "\f18e";
}
/* rechts */
.far1b:before {
  content: "\f0a9";
}
/* rechts alternativ */
.far1c:before {
  content: "\f0da";
}
/* rechts alternativ dreieck */
.farr2:before {
  content: "\f062";
}
/* rauf */
.farr3:before {
  content: "\f01a";
}
/* runter */
.fplus:before {
  content: "\f196";
}
.fmin:before {
  content: "\f147";
}
.fsqu1:before {
  content: "\f0c8";
}
.fsqu2:before {
  content: "\f096";
}
.fclam:before {
  content: "\f0c6";
}
.fkorb:before {
  content: "\f291";
}
.flock:before {
  content: "\f023";
}
.flog:before {
  content: "\f090";
}
.ftel:before {
  content: "\f095";
}
.ftel2:before {
  content: "\f098";
}
.ffax:before {
  content: "\f1ac";
}
.fche1:before {
  content: "\f00c";
}
.fche2:before {
  content: "\f058";
}
.fche3:before {
  content: "\f046";
}
.fnav:before {
  content: "\f054";
}
.flis1:before {
  content: "\f03b";
}
.flis2:before {
  content: "\f03a";
}
.flupe:before {
  content: "\f002";
}
.ffb1:before {
  content: "\f082";
}
.ffb2:before {
  content: "\f09a";
}
.fxi1:before {
  content: "\f169";
}
.fxi2:before {
  content: "\f168";
}
.ftwi1:before {
  content: "\f081";
}
.ftwi2:before {
  content: "\f099";
}
.finsta:before {
  content: "\f16d";
}
.fvid:before {
  content: "\f1c8";
}
.ffilm:before {
  content: "\f008";
}
.fcloc:before {
  content: "\f017";
}
.fmap:before {
  content: "\f041";
}
.fchart1:before {
  content: "\f080";
}
.fchart2:before {
  content: "\f201";
}
.fprint:before {
  content: "\f02f";
}
.fcloud:before {
  content: "\f0c2";
}
.fcom1:before {
  content: "\f27a";
}
.fcom2:before {
  content: "\f27b";
}
.fcom3:before {
  content: "\f0e6";
}
.fspinn:before {
  content: "\f110";
}
.fdoup:before {
  content: "\f102";
}
.fclip:before {
  content: "\f0ea";
}
.fstar1:before {
  content: "\f006";
}
.fstar2:before {
  content: "\f123";
}
.fstar3:before {
  content: "\f005";
}
.fmob:before {
  content: "\f10b";
  font-size: 115%;
}
.fwhat:before {
  content: "\f232";
}
.fgoog1:before {
  content: "\f0d5";
}
.fgoog2:before {
  content: "\f0d4";
}
.fin1:before {
  content: "\f0e1";
}
.fin2:before {
  content: "\f08c";
}
.fyout1:before {
  content: "\f167";
}
.fyout2:before {
  content: "\f166";
}
.fhome:before {
  content: "\f015";
}
.fclock:before {
  content: "\f017";
}
.frech:before {
  content: "\f1ec";
}
.fima:before {
  content: "\f03e";
}
.fgew:before {
  content: "\f275";
}
.fpriv:before {
  content: "\f0c0";
}
.fsmap:before {
  content: "\f0e8";
}
.fdigi:before {
  content: "\f042";
}
.fspec:before {
  content: "\f085";
}
.fdir:before {
  content: "\f277";
}
.fforst:before {
  content: "\f18c";
}
.fpuzz:before {
  content: "\f12e";
}
.feat:before {
  content: "\f0f5";
}
.fbeer:before {
  content: "\f0fc";
}
.fglass:before {
  content: "\f000";
}
.fcafe:before {
  content: "\f0f4";
}
.fmusic:before {
  content: "\f001";
}
.fchild:before {
  content: "\f1ae";
}
.fshop:before {
  content: "\f07a";
}
.fmed:before {
  content: "\f0fa";
}
.fwifi:before {
  content: "\f1eb";
}
.fshield:before {
  content: "\f132";
}
.fsmil:before {
  content: "\f118";
}
.smob:before {
  content: "\1F4F1";
}
.swc:before {
  content: "\1F6BD";
  font-size: 95%;
}
.scake:before {
  content: "\1F370";
  font-weight: bold;
}
/* weitere Symbole */
.sinfo:before {
  content: "i";
  font-family: Times New Roman;
  font-weight: bold;
  font-style: italic;
  margin: 0 19px 0 -23px;
  font-size: 135%;
}
.sat:before {
  content: "@";
  font-family: Times New Roman;
  font-weight: bold;
  font-style: italic;
  font-size: 120%;
}
.simp:before {
  content: "\00A7";
  font-family: Arial;
  font-weight: bold;
}
/* Standalone symbole: <em class="ico ftel"></em> */
.ico {
  display: inline-block;
  font-style: normal;
  color: #333333;
  position: relative;
}
.ico:before {
  margin: 0;
}
/* Numbers in circle: <em class="numb"></em> */
.numb {
  background: #007254;
  display: inline-block;
  border-radius: 5rem;
  color: #ffffff;
  font-style: normal;
  font-weight: bold;
  text-align: center;
  width: 24px;
  /* Anpassen je nach Schriftgröße */
  height: 23px;
  /* Anpassen je nach Schriftgröße */
  padding-top: 1px;
  /* Anpassen je nach Schriftgröße */
}
/* ------------------------------------ Ende Neue Unicodesymbole ------------------------------------ */
/* ------------------- spezial ------------------- */
/* Kostenhinweise, bei Online ausblenden */
#prodhinweis {
  /* display: none; */
}
.maklerauftrag .partnerlink {
  display: none;
}
/* topslide kann nicht mit bug bearbeitet werden, zur Anpassuzng daher background */
.topslide,
.topslide div {
  background-color: #dadbdd;
  background-image: url(../../gfx/indi/topslide/01.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 26vw;
  max-height: 600px;
  width: 100%;
}
@media (max-width: 1024px) {
  .topslide,
  .topslide div {
    height: 16rem;
  }
}
@media (max-width: 800px) {
  .topslide,
  .topslide div {
    height: 13rem;
  }
}
@media (max-width: 640px) {
  .topslide,
  .topslide div {
    height: 12rem;
  }
}
@media (max-width: 530px) {
  .topslide,
  .topslide div {
    height: 11rem;
  }
}
@media (max-width: 420px) {
  .topslide,
  .topslide div {
    height: 10rem;
  }
}
.topslide .bx-wrapper .bx-controls,
.topslide div .bx-wrapper .bx-controls {
  display: none;
}
.topslide div {
  position: absolute;
  top: 0;
}
/* Kopfbereich, Topnav und Breite Homepage */
#wrapper {
  background: #ffffff;
}
#wrapper #mob_wrapper_cont #header_wrapper #zusnav {
  background: #e3e3e3;
  padding: 0.4rem 0;
}
#wrapper #mob_wrapper_cont #header_wrapper #zusnav #zusnavinner {
  max-width: 1350px;
  margin: auto;
  font-size: 1.7rem;
  text-align: right;
  padding-right: 4vw;
}
@media (min-width: 1500px) {
  #wrapper #mob_wrapper_cont #header_wrapper #zusnav #zusnavinner {
    padding-right: 5rem;
  }
}
@media (max-width: 1024px) {
  #wrapper #mob_wrapper_cont #header_wrapper #zusnav #zusnavinner {
    padding-right: 1.3rem;
  }
}
#wrapper #mob_wrapper_cont #header_wrapper #zusnav #zusnavinner a {
  margin-left: 2rem;
  opacity: 0.7;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  pointer-events: auto;
}
#wrapper #mob_wrapper_cont #header_wrapper #zusnav #zusnavinner a .onhover {
  font-size: 1rem;
  font-weight: bold;
  color: #007254;
  margin-right: 2rem;
  position: relative;
  top: -5px;
  display: none;
}
#wrapper #mob_wrapper_cont #header_wrapper #zusnav #zusnavinner a:hover {
  opacity: 1;
}
#wrapper #mob_wrapper_cont #header_wrapper #zusnav #zusnavinner a:hover .onhover {
  display: inline-block;
}
@media (max-width: 1024px) {
  #wrapper #mob_wrapper_cont #header_wrapper #zusnav #zusnavinner a:hover .onhover {
    display: none;
  }
}
#wrapper #mob_wrapper_cont #header_wrapper #zusnav #zusnavinner a[href^="tel"]:active {
  pointer-events: none!important;
}
#wrapper #mob_wrapper_cont #header_wrapper #zusnav #zusnavinner a em:before {
  color: #333333;
}
#wrapper #mob_wrapper_cont #header_wrapper #zusnav #zusnavinner a em.sinfo {
  top: 3px;
}
#wrapper #mob_wrapper_cont #header_wrapper header {
  max-width: 1350px;
}
#wrapper #mob_wrapper_cont #header_wrapper header #logo {
  margin: 0;
  z-index: 498;
}
#wrapper #mob_wrapper_cont #header_wrapper header #logo img {
  max-width: 24vw;
  max-height: 20vw;
}
@media (min-width: 1350px) {
  #wrapper #mob_wrapper_cont #header_wrapper header #logo img {
    max-width: 20rem;
    max-height: 18rem;
  }
}
@media (max-width: 1024px) {
  #wrapper #mob_wrapper_cont #header_wrapper header #logo img {
    max-width: 13rem;
    max-height: 11rem;
  }
}
#wrapper #mob_wrapper_cont #header_wrapper header nav #topnav {
  font-weight: bold;
}
#wrapper #fixnav_header_wrapper {
  padding: 0 53rem;
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1);
}
@media (max-width: 3000px) {
  #wrapper #fixnav_header_wrapper {
    padding: 0 calc(50vw - 41rem);
  }
}
@media (max-width: 1350px) {
  #wrapper #fixnav_header_wrapper {
    padding: 0 1.5rem;
  }
}
#wrapper #fixnav_header_wrapper #fixnav_zusnav #fixnav_zusnavinner a {
  font-size: 1.2rem;
  margin-left: 1rem;
  opacity: 0.7;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  pointer-events: initial!important;
}
#wrapper #fixnav_header_wrapper #fixnav_zusnav #fixnav_zusnavinner a .onhover {
  font-size: 1rem;
  font-weight: bold;
  color: #007254;
  margin-right: 2rem;
  position: relative;
  top: -5px;
  display: none;
}
#wrapper #fixnav_header_wrapper #fixnav_zusnav #fixnav_zusnavinner a:hover {
  opacity: 1;
  position: relative;
}
#wrapper #fixnav_header_wrapper #fixnav_zusnav #fixnav_zusnavinner a:hover .onhover {
  display: inline-block;
  position: absolute;
  top: -1.6rem;
  left: 0px;
  color: #333333;
  font-size: 14px;
}
@media (max-width: 1024px) {
  #wrapper #fixnav_header_wrapper #fixnav_zusnav #fixnav_zusnavinner a:hover .onhover {
    display: none;
  }
}
/* Buttonschaltfläche bei mobiler Nav */
#mob_wrapper #mobnav_btn {
  background: #007254;
  margin-left: 1rem;
}
#mob_wrapper #mobnav_btn:before {
  color: #e3e3e3;
}
/* Einzelformatierung aller Subebenen in Mobnav mit Selektoren, optional */
/*
#mobnav li.clicked > ul > li.clicked > ul > li.active > a,
#mobnav li.active > ul > li.active > ul > li.active > a
{
background: darken(@comark1,15%);
}
#mobnav li.clicked > ul > li.active > a,
#mobnav li.active > ul > li.active > a
{
background: darken(@comark1,10%);
}
#mobnav li.clicked a,
#mobnav li.active a
{
background: darken(@comark1,5%);
}
*/
main {
  max-width: 1350px;
  margin: auto;
}
main #subnav {
  margin-top: 1rem;
  font-size: 15px;
  -ms-flex-preferred-size: 27%;
      flex-basis: 27%;
}
main #subnav ul {
  padding: 0 0 1rem 2rem;
}
main #subnav ul li.hasSub::after {
  content: none;
}
main #subnav ul li a {
  margin: 0;
  padding: 0;
}
main #subnav ul li.active > a,
main #subnav ul li:hover > a {
  padding: 0;
}
main #subnav ul li.active > a:before,
main #subnav ul li:hover > a:before {
  font-family: 'FontAwesome';
  color: #007254;
  height: 0;
  width: 28px;
  margin: 0 13px 0 -25px;
}
main #subnav ul li.active > a:before,
main #subnav ul li:hover > a:before {
  content: "\f0da";
}
main #subnav ul li.active > a:before,
main #subnav ul li:hover > a:before {
  position: relative;
  left: -6px;
  bottom: 1px;
  margin: 0 0 0 -4px;
  font-size: 11px;
}
main #subnav ul li ul {
  margin: 4px 0 12px;
}
main #subnav ul li ul li {
  font-size: 14px;
}
main #subnav ul li ul li a,
main #subnav ul li ul li.active > a,
main #subnav ul li ul li:hover > a {
  padding: 1px 0 1px 1rem;
}
.floatleft,
.floatright {
  max-width: 390px;
  min-width: 290px;
  width: 60%;
  margin-top: 4px;
  margin-bottom: 8px;
}
.floatleft.acco,
.floatright.acco {
  max-width: 190px;
  min-width: 150px;
}
@media (max-width: 800px) {
  .floatleft.acco,
  .floatright.acco {
    float: none;
    width: 100%;
    max-width: inherit;
    min-width: inherit;
    margin-left: -7px;
  }
}
@media (max-width: 800px) {
  .floatleft,
  .floatright {
    float: none;
    width: 100%;
    max-width: inherit;
    min-width: inherit;
  }
}
.floatleft {
  float: left;
  margin-right: 2rem;
}
.floatright {
  float: right;
  margin-left: 2rem;
}
/* Spezial */
table {
  border-collapse: separate;
  border-spacing: 1px;
}
table td {
  background: #e3e3e3;
  padding: 4px 12px;
  margin: 1px;
}
table td.tit {
  font-weight: bold;
}
#alarmhinweis {
  color: #f00;
  border-style: solid;
  border-color: #f00;
  border-width: 1px;
  border-radius: 8px;
  -webkit-transform: rotate(-2deg);
          transform: rotate(-2deg);
  padding: 6px 1rem;
  background: rgba(255, 240, 240, 0.7);
  display: inline-block;
  margin: 2rem 0;
  text-align: center;
}