@charset "UTF-8";
/*
 * _settings.scss
 * In dieser Datei werden alle Variablen deklariert,
 * die oft in anderen SCSS-Dateien gebraucht werden.
 */
/*************/
/**ALLGEMEIN**/
/*************/
/*
 * $max-width: Maximale Breite des Viewports
 */
/**************/
/**BREKPOINTS**/
/**************/
/*
 * $bp-label: Bezeichner der Breakpoints
 * $bp-max: Breakpoint-Stellen in px (von oben)
 */
/***********/
/**SCHRIFT**/
/***********/
/*
 * $font-size-body: Die Schriftgröße im body
 * $line-height-body: Die Zeilenhöhe im body
 * $font-size-default: Die Standard-Schriftgröße
 * $line-height-default: Die Standard-Zeilenhöhe
 *
 * $font-sizes-labels: Bezeichner der Schriftgrößen
 * $font-sizes: Schriftgrößen in px
 * $font-sizes-min: Schriftgröße, die beim niedrigstem Breakpoint verwendet wird. Vom höchsten Breakpoint
 *      bis zum niedrigsten wird die Zahl immer kleiner.
 * $font-line-heights: Zeilenhöhen in px
 * $font-line-heights-min: Zeilenhöhe, die beim niedrigstem Breakpoint verwendet wird. Vom höchsten Breakpoint
 *      bis zum niedrigsten wird die Zahl immer kleiner.
 *
 * $font-aligns: Textausrichtungen
 * $font-weights: Schriftdicke
 *
 * "margins" finden z.B. im VC-UI-Panel unter "Design" und "Vordefinierter Abstand Oben" Verwendung.
 * $margins-labels: Bezeichner für Abstände
 * $margins: Abstände in px
 * $margins-min: Abstand, das beim niedrigstem Breakpoint verwendet wird. Vom höchsten Breakpoint
 *      bis zum niedrigsten wird die Zahl immer kleiner.
 */
/*********/
/**HÖHEN**/
/*********/
/*
 * $heights-labels: Bezeichner der Höhen
 * $heights: Höhenangaben in px
 * $heights-min: Höhenangabe die beim niedrigstem Breakpoint verwendet wird. Vom höchsten Breakpoint
 *      bis zum niedrigsten wird die Zahl immer kleiner.
 * $heights-default: Standardhöhe
 */
/****************/
/**SCHRIFTARTEN**/
/****************/
/*
 * $font: Schriftart
 * $icons: Icon-Font
 */
/*********/
/**ICONS**/
/*********/
/*
 * $arrow-top: Pfeil oben
 * $arrow-right: Pfeil rechts
 * $arrow-bottom: Pfeil unten
 * $arrow-left: Pfeil links
 * $bullet-point-default: Punkt
 */
/**********/
/**FARBEN**/
/**********/
/*
 * $white: Weiß
 * $black: Schwarz
 * $color-font: Schriftfarbe
 *
 * $color-background-body: Hintergrundfarbe body
 * $color-font-body: Schriftfarbe im body
 * $color-link: Schriftfarbe für Links
 * $color-link-hover: Schriftfarbe für Links während des Hoverns
 */
/*************/
/**SONSTIGES**/
/*************/
/*
 * $transition-duration: Übergangsdauer
 */
.zp_headline .text {
  color: #ff4438;
  font-weight: 700;
  text-transform: uppercase; }
  .zp_headline .text.lined .line {
    white-space: nowrap;
    position: relative;
    width: 0;
    display: block;
    overflow: hidden;
    transition: width 1.2s cubic-bezier(0.575, 0.405, 0.035, 1.005); }

.zp_headline .aos-animate.lined .line {
  width: 100%; }