@charset "UTF-8";
/**
 * Block "Call-To-Action" - block styles.
 *
 * Declared as "style" in block.json, so WordPress loads it on the front end and
 * inside the editor canvas iframe. Compiled to style.css by the SCSS watcher.
 *
 * Taken from css/parts/blocks/_cta.scss and rehung on the native selector. The
 * legacy rules still match the native block - both worlds share the class
 * nuevo--block-cta - so every rule here carries nuevo--native and therefore
 * wins, in the media queries as well.
 *
 * @package nuevo
 * @subpackage blocks
 */
/**
 * nuevo Wordpress Theme
 *
 * @abstract
 * @author 	Bastian Schröder <bastian@creative-feat.com>
 * @author 	Marvin Landau <marvin@creative-feat.com>
 * @copyright Copyright (c) 2024, creative feat GmbH
 * @package cf-wp-theme-template
 * @version 2024-04-18
 */
/* Der Seitenrand des Content-Containers - die einzige Stelle, an der die Zahl
   steht. %container setzt ihn, und wer bis an die Fensterkante laufen will,
   nimmt ihn mit @include nuevo-bleed wieder zurück. */
/**
 * nuevo Wordpress Theme - breakpoints for the front end and the editor canvas.
 *
 * Since WordPress 7.0 the editor renders inside an iframe, so a media query in
 * the canvas measures that iframe: the browser window minus the admin menu and
 * the editor sidebar. On the very same screen a block therefore reaches a
 * breakpoint in the canvas that the front end never reaches, and the editor
 * shows a narrower layout than the visitor will get - two columns where the
 * page has four, stacked fields where the form has a row.
 *
 * These mixins write the rule twice: once for the front end at the real
 * breakpoint, once for the canvas at the shifted one. The body class is the
 * switch - only the iframe body carries .editor-styles-wrapper - so neither
 * branch can reach the other side, and both carry the same specificity.
 *
 * Use them for every top level breakpoint of a block stylesheet:
 *
 *     @include nuevo-bp-max( $std_middle_large_width ) { ... }
 *     @include nuevo-bp-min( $std_small_width )        { ... }
 *
 * css/editor-blocks.scss takes the other route. It is loaded in the canvas
 * only, so it shifts the breakpoint variables themselves and sets the chrome to
 * zero afterwards - that covers the theme wide grid classes without writing a
 * second set of rules.
 *
 * @package nuevo
 */
/* Was neben dem Canvas steht, und zwar je nach Fensterbreite verschieden:
   WordPress klappt das Adminmenü unterhalb von 960 px selbst auf 36 px ein und
   blendet es unterhalb von 782 px ganz aus. Die Editor-Seitenleiste ist 280 px
   breit.

   Eine einzige Zahl kann deshalb nicht stimmen. Vorher stand hier 280 - nur die
   Seitenleiste, ohne das Menü -, und in der voreingestellten Ansicht (Menü
   ausgeklappt, Seitenleiste offen) schaltete der Canvas 160 px zu früh um: er
   zeigte zwei Spalten, wo die Seite noch vier hat. Genau das war im Backend zu
   sehen.

   Jetzt bekommt jeder Breakpoint das Chrom, das bei seiner Fensterbreite
   wirklich daneben steht. */
/* Floor for the shifted value. Without it the smallest breakpoint would land
   near 200 px and WordPress' own mobile preview (360 px) would no longer reach
   it - the canvas would show the tablet layout on a phone. */
/**
 * nuevo Wordpress Theme - die Reihe: Spalten, Umbruch, fließende Maße.
 *
 * Die Regel für alles, was Kinder nebeneinander stellt (siehe
 * docs/responsive.md):
 *
 * - Gemessen wird der **Container**, nicht der Bildschirm. Der Block erklärt
 *   den Kasten um die Reihe zum Abfrage-Container (@include nuevo-row-scope),
 *   die Reihe selbst rechnet darin. Ein Element kann sich nicht selbst
 *   abfragen - deshalb sind es zwei Ebenen.
 * - **Keine Stufen.** Die eingestellte Spaltenzahl ist die Obergrenze, und
 *   eine Spalte wird nie schmaler als die eingestellte Mindestbreite. Passen
 *   nicht mehr alle nebeneinander, nimmt das Raster von selbst eine weg -
 *   stufenlos, bei sechs Spalten früh, bei zwei Spalten spät.
 * - Die Maße fließen mit der Containerbreite (nuevo-fluid), es springt also
 *   auch dazwischen nichts.
 *
 * Mindestbreite und Faktor sind einstellbar (Einstellungen → NUEVO →
 * Darstellung), je Block überschreibbar. Die Werte hier sind nur der Rückfall,
 * falls das Inline-CSS einmal nicht mitkommt.
 *
 * @package nuevo
 */
/* Der Kasten, dessen Breite zählt - der Elternteil der Reihe. */
/**
 * Bis an die Fensterkante, obwohl der Container einen Seitenrand hat.
 *
 * Über die ganze Fensterbreite behält der Content-Container seine 20 px, damit
 * Überschrift und Abstract nicht am Rand kleben (css/parts/_block.scss). Ein
 * Inhalt, der wie das Bild wirklich bis an die Kante laufen soll, nimmt sie
 * hier zurück - und rechnet den Seitenrand aus seiner Containerbreite heraus,
 * damit die Reihe darin weiter richtig teilt.
 */
/**
 * Die Reihe.
 *
 * Die Spur ist so breit wie der Anteil an der Reihe (100% geteilt durch die
 * eingestellte Spaltenzahl, ohne die Lücken), mindestens aber so breit wie die
 * Mindestbreite - und nie breiter als der Container selbst. "auto-fill" legt
 * so viele Spuren an, wie damit hineinpassen: bei weitem Container genau die
 * eingestellte Zahl, darunter weniger. Leere Spuren bleiben stehen, damit drei
 * Kästen in einer Vierer-Reihe so breit sind wie in einer vollen.
 *
 * Die Rechnung steht als Zeichenkette, weil Sass sonst versucht, min() und
 * max() selbst auszurechnen - mit 100% und px in einem Ausdruck geht das nicht.
 */
/**
 * Ein Maß, das mit der Breite des Containers fließt.
 *
 * Zwischen dem eingestellten Wert (Maximum, bei weitem Container) und dem
 * Anteil daraus, den der Faktor lässt (Minimum). Dazwischen wächst es mit der
 * Containerbreite - deshalb springt zwischen zwei Spaltenzahlen nichts mehr.
 *
 * @param {Number|String} $max   Der eingestellte Wert, auch eine var()-Kette.
 * @param {Number}        $share Anteil der Containerbreite in cqi.
 */
/**
 * Dasselbe für ein Maß, das als blanke Zahl in einer Variablen steht.
 *
 * Der Grund für die blanke Zahl: der fließende Anteil muss mit dem Wert
 * wachsen. Stand dort ein fester Anteil - früher 5vw -, erreichte ein großer
 * Wert sein Maximum nie: 400 px kamen bei 1440 px Fenster als 240 px an, weil
 * 5vw nur 72 px sind und der Faktor die Untergrenze bei 240 zieht. Mit der
 * Zahl lässt sich der Anteil je Einheit rechnen, und jeder Wert erreicht sein
 * Maximum an derselben Stelle: 0.0833vw je px sind 100 % bei 1200 px Fenster,
 * 0.1cqi je px sind 100 % bei 1000 px Container.
 *
 * @param {String} $var      Name der Variablen.
 * @param {Number} $fallback Zahl ohne Einheit, falls sie nicht gesetzt ist.
 * @param {Number} $share    Anteil je Einheit, etwa 0.0833vw oder 0.1cqi.
 */
/**
 * Overlay hinter dem Inhalt einer Box.
 *
 * Nur ein Mixin, keine Ausgabe: die Datei wird von den Stylesheets der Blöcke
 * mit Boxen eingebunden - Boxen, Teaser, Call-To-Action -, und jedes von ihnen
 * landet in einer eigenen style.css. Alles, was hier direkt Regeln schreiben
 * würde, stünde danach dreimal im Frontend.
 *
 * Die Ebene liegt zwischen der Hintergrundfarbe der Box und ihrem Inhalt. Das
 * ist dieselbe Sache wie das Overlay über dem Hintergrundbild der Section
 * (native_block_render_callback()), nur eine Etage tiefer: Farbe und Deckkraft
 * kommen als Custom Properties vom Wrapper des Blocks und werden vererbt, ohne
 * Angabe gilt die Hintergrundfarbe des Farbschemas mit 50 %.
 *
 * @package nuevo
 * @subpackage css
 */
/* Anzuwenden auf das Element, das den Kasten trägt (.grid-content, .cta-content
   …). Es bekommt einen eigenen Stapelkontext, damit die Ebene mit z-index: -1
   über seinem eigenen Hintergrund bleibt und nicht hinter dem der Section
   verschwindet. */
/* Die Ebene selbst. Aufzurufen im Pseudoelement, das der Block dafür frei hat -
   ::after bei den Boxen, deren ::before die Nummerierung trägt. */
/**
 * Die Breite eines Abschnitts - und die Breite, auf die sie sich bezieht.
 *
 * Zwei Dinge stecken hier drin:
 *
 * 1. --nuevo-content-max: die Breite des Contentbereichs. Auf der Seite sind
 *    das die $std_extra_large_width des Themes; im Canvas des Editors ist der
 *    Contentbereich schmaler, weil Adminmenü und Seitenleiste danebenstehen -
 *    dort gilt der verschobene Wert, derselbe, den auch %container und die
 *    Breakpoints im Canvas benutzen (siehe css/parts/_breakpoints.scss).
 *
 *    Gesetzt wird sie je einmal pro Welt: in css/default.scss für die Seite, in
 *    css/editor-blocks.scss für den Canvas. Ein Blockstylesheet wird nur einmal
 *    kompiliert und in beiden Welten geladen; es kann den Unterschied deshalb
 *    nicht selbst kennen und liest ihn hier ab.
 *
 *    Ohne diese Variable rechnete jeder Block im Canvas gegen die 1598 px der
 *    Seite, während der Container daneben schon bei 1158 px endete: eine Breite
 *    von 70 % sah dort aus wie 97 %, und ab einem gewissen Fenster gar nicht
 *    mehr. Genau das war im Backend zu sehen.
 *
 * 2. --nuevo-content-width: der Anteil, den der Regler "Breite (%)" schreibt -
 *    siehe nuevo_content_width_style() in src/functions/helpers.php und
 *    contentWidthStyle() in js/nuevo-block-editor.js. Nicht gesetzt heißt volle
 *    Breite.
 *
 * @package nuevo
 */
/* Die Breite des Contentbereichs, wie sie in dieser Welt gilt. Der zweite Wert
   ist der Rückfall für den Fall, dass keine der beiden Dateien geladen ist. */
/**
 * Die max-width eines Abschnitts.
 *
 * @param {Number} $fallback Anteil ohne eigene Wahl - 1, außer wo ein Block
 *                           von Haus aus schmaler ist (ein einzelnes Video).
 */
/**
 * Die Ausrichtung einer Buttonreihe.
 *
 * Acht Blöcke haben eine Buttonliste, und jeder legt seine Reihe dort ab, wo
 * sie in seinem Zusammenhang hingehört: mittig im CTA, im Textfluss in einer
 * Box, der Inhaltsausrichtung folgend im Bannerelement. Das bleibt die Vorgabe.
 * Eine ausdrückliche Wahl schreibt eine Klasse an die Reihe
 * (nuevo_button_align_class() in src/functions/helpers.php), und die übersetzt
 * dieses Mixin in das, was Ausrichtung an dieser Stelle heißt.
 *
 * Warum eine Eigenschaft als Parameter: eine Reihe richtet sich mit
 * justify-content aus, eine Spalte - der Teaser stapelt seine Buttons - mit
 * align-items. Dieselben drei Klassen, zwei Bedeutungen; der Block sagt, welche
 * seine ist.
 *
 * @package nuevo
 */
/*
 * Und derselbe Fall eine Ebene höher.
 *
 * Steht die Reihe in einer Spalte - im Bannerelement, in einer Teaserkachel -,
 * ist sie nur so breit wie ihre Buttons: innen bleibt kein Platz, den
 * justify-content verteilen könnte. Verschoben wird dann die Reihe selbst, und
 * dafür ist align-self zuständig.
 */
/**
 * Was mit einem Wort geschieht, das nicht in seine Zeile passt.
 *
 * Zwei verschiedene Dinge, die oft verwechselt werden:
 *
 * "overflow-wrap: break-word" ist die Notbremse. Sie greift erst, wenn ein Wort
 * für seine Zeile zu lang ist, und bricht es dann irgendwo - ohne Trennstrich,
 * ohne Rücksicht auf Silben. Solange nichts überläuft, ist sie nicht zu sehen;
 * deshalb steht sie theme-weit in der Basistypografie
 * (css/parts/_typography.scss). Die Eigenschaft wird vererbt, eine Deklaration
 * genügt.
 *
 * "hyphens: auto" ist die Worttrennung. Der Browser trennt nach dem Wörterbuch
 * der Dokumentsprache - <html lang="de"> in src/partials/html-header.php -, mit
 * Trennstrich und an erlaubten Stellen, und zwar auch dort, wo nichts
 * überliefe. Das ist eine typografische Entscheidung: in einem schmalen Kasten
 * hält sie den Flattersatz zusammen, über die volle Contentbreite sähe sie nach
 * Zeitungssatz aus. Sie gilt deshalb nur dort, wo eine Spalte schmal ist -
 * Boxen, Teaser, Textspalten, FAQ, CTA, Bannerebene, Kacheln.
 *
 * @package nuevo
 */
section.block.nuevo--native.nuevo--block-cta {
  position: relative;
  /* The legacy block was registered with the class "noPadding"; the padding of
     the section belongs to the content container here, see below. */
  padding: 0;
  /* Das Hintergrundbild kommt aus dem gemeinsamen Wrapper
     (native_block_render_callback()), wie in jedem anderen nativen Block.

     Der Altblock brachte dafür sein eigenes
     <div class="cta-background parallaxeffect"> mit und stand damit als
     einziger Block immer fest. Das ist jetzt eine Einstellung wie überall
     sonst - "Parallax" im Abschnitt Hintergrundbild, ohne Auswahl aus. Wer
     den festen Hintergrund behalten will, schaltet ihn dort ein. */
  /* "Abstand oben und unten". Ohne eigenen Wert steht keine Variable da und die
     120 px von oben bleiben - der Wert aus den Einstellungen darf sie nicht
     stillschweigend ersetzen, er meint eine andere Zahl. Mit eigenem Wert gilt
     er, und zwar fließend wie in jedem anderen Block. */
}
section.block.nuevo--native.nuevo--block-cta > .content-container {
  position: relative;
  z-index: 3;
  /* Fixed distance of the legacy block. The slider "Innenabstand" is picked
     up below: only an override writes --blocks__gridSpace onto the section,
     so the attribute selector is what tells the two cases apart. */
  padding-top: 120px;
  padding-bottom: 120px;
  /* Die Breite des Kastens als Anteil der Contentbreite - dasselbe Feld und
     dieselbe Variable wie in jedem anderen Block (Breite (%)). 0.6 ist der
     Wert, den der Altblock fest verdrahtet hatte. */
  max-width: calc(var(--nuevo-content-max, 1598px) * var(--nuevo-content-width, 0.6));
}
section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content {
  position: relative;
  /* Schmale Kästen: hier wird getrennt - siehe
     css/parts/_text-wrap.scss. */
  /* Safari braucht das Präfix bis heute. */
  -webkit-hyphens: auto;
  hyphens: auto;
  /* Und die Notbremse dazu: nicht jedes lange Wort hat eine Trennstelle, die
     passt - eine URL zum Beispiel hat gar keine. */
  overflow-wrap: break-word;
  /*
   * Damit beides überhaupt zum Zug kommt.
   *
   * Ein Element in einem Raster oder in einer Flexzeile ist von Haus aus
   * mindestens so breit wie sein breitester Inhalt ("min-width: auto"). Ein
   * langes Wort machte damit die Spalte breiter, statt selbst umzubrechen -
   * die Regel darüber stand da und tat nichts. Genau so war es im Videoblock
   * zu sehen. Wo das Element kein Raster- und kein Flexelement ist, ändert die
   * Zeile nichts.
   */
  min-width: 0;
  /* The box carries the box background of its colour scheme, the same one
     a box or a teaser has - .boxBg in css/parts/_block.scss writes it.

     It has to be written again here, because the legacy stylesheet takes
     it away: css/parts/blocks/_cta.scss says "background: none !important"
     on section.block.nuevo--block-cta - a selector that catches the native
     block as well, since only the marker class .nuevo--native tells the two
     apart. That marker is what makes this rule the stronger one; the legacy
     block stays transparent as it always was. */
  background: var(--colorscheme__boxbackground, var(--defaultcolor__boxbackground, #f0f0f0)) !important;
  text-align: center;
  padding: var(--nuevo-cta-boxSpace, 40px);
  overflow: hidden;
  /* Layer below the content, inherited from the legacy markup. It carries
     no colour of its own; the box background sits on .cta-content itself,
     where the rounded corners of the customizer clip it. */
  /* Overlay hinter dem Inhalt der Box.

     Es braucht keine eigene Ebene: die von oben liegt schon an der
     richtigen Stelle und bekommt hier nur Farbe und Deckkraft. Der Kasten
     wird dafür zu einem eigenen Stapelkontext - sonst fiele die Ebene mit
     z-index: -1 hinter seinen eigenen Hintergrund. */
  /* Direction of the content. Without a choice the block stays centred, as
     above - only a deliberate one writes a class here.

     The headings and paragraphs are addressed directly, the same way the
     centring above does it: the customizer writes its own
     "body h2 { text-align: … }" into the head, a declaration on the heading
     itself that no inherited value can beat. The button row is a flex
     container and follows justify-content, not text-align. */
  /* Eine gewählte Ausrichtung der Buttons geht vor - siehe Banner, dort
     steht der Grund für die Reihenfolge. */
}
section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content h1, section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content h2, section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content h3, section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content h4, section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content h5, section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content h6, section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content p, section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content ul > li, section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content ol > li {
  text-align: center !important;
}
section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content > .cta-background {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  opacity: 0.75;
}
section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content.has-box-overlay {
  position: relative;
  isolation: isolate;
  /* Die Fläche des Kastens kommt jetzt von der Ebene.
     Sonst läge die Tönung über einer zweiten, vollen Fläche derselben Farbe -
     und die Sättigung bliebe ohne Wirkung, solange kein anderer Farbton
     gewählt ist. So bezieht sie sich immer auf die Farbe, die der Kasten
     ohnehin hat; der Farbton überschreibt sie.

     !important, weil .boxBg in css/parts/_block.scss seine Farbe ebenso
     setzt - die Klasse hier ist die genauere. */
  background: transparent !important;
}
section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content.has-box-overlay > .cta-background {
  background-color: var(--nuevo-boxOverlay-color, var(--colorscheme__boxbackground, var(--defaultcolor__boxbackground, #f0f0f0)));
  opacity: var(--nuevo-boxOverlay-opacity, 0.5);
}
section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content .button-container {
  flex-wrap: wrap;
}
section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content.direction-left {
  text-align: left;
}
section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content.direction-left h1, section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content.direction-left h2, section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content.direction-left h3, section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content.direction-left h4, section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content.direction-left h5, section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content.direction-left h6, section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content.direction-left p, section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content.direction-left li, section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content.direction-left td, section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content.direction-left th {
  text-align: left !important;
}
section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content.direction-left .button-container {
  justify-content: flex-start;
}
section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content.direction-center {
  text-align: center;
}
section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content.direction-center h1, section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content.direction-center h2, section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content.direction-center h3, section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content.direction-center h4, section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content.direction-center h5, section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content.direction-center h6, section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content.direction-center p, section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content.direction-center li, section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content.direction-center td, section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content.direction-center th {
  text-align: center !important;
}
section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content.direction-center .button-container {
  justify-content: center;
}
section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content.direction-right {
  text-align: right;
}
section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content.direction-right h1, section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content.direction-right h2, section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content.direction-right h3, section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content.direction-right h4, section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content.direction-right h5, section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content.direction-right h6, section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content.direction-right p, section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content.direction-right li, section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content.direction-right td, section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content.direction-right th {
  text-align: right !important;
}
section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content.direction-right .button-container {
  justify-content: flex-end;
}
section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content .button-container.nuevo--btn-left {
  justify-content: flex-start;
}
section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content .button-container.nuevo--btn-center {
  justify-content: center;
}
section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content .button-container.nuevo--btn-right {
  justify-content: flex-end;
}
section.block.nuevo--native.nuevo--block-cta[style*="--nuevo-blockPadding"] > .content-container {
  padding-top: clamp(var(--nuevo-blockPadding, 120) * var(--nuevo-fluidFactor, 0.6) * 1px, var(--nuevo-blockPadding, 120) * 0.0833vw, var(--nuevo-blockPadding, 120) * 1px);
  padding-bottom: clamp(var(--nuevo-blockPadding, 120) * var(--nuevo-fluidFactor, 0.6) * 1px, var(--nuevo-blockPadding, 120) * 0.0833vw, var(--nuevo-blockPadding, 120) * 1px);
}

/* --------------------------------- std_extra_large_width [xl] --------------------------------- */
/* ------------------------------------ std_large_width [lg] ------------------------------------ */
/* --------------------------------- std_middle_large_width [md] -------------------------------- */
/* --------------------------------- std_middle_small_width [ms] -------------------------------- */
@media screen and (max-width: 786px) {
  body:not(.editor-styles-wrapper) section.block.nuevo--native.nuevo--block-cta {
    /* A fixed background does not scroll with the page on touch devices. */
  }
  body:not(.editor-styles-wrapper) section.block.nuevo--native.nuevo--block-cta > .block-background-image {
    background-attachment: unset;
  }
  body:not(.editor-styles-wrapper) section.block.nuevo--native.nuevo--block-cta > .content-container {
    /* Unter der Contentbreite fließt der Abstand mit - dieselbe Rechnung wie
       oben, nur hier auch ohne eigenen Wert: 120 px sind auf einem schmalen
       Schirm zu viel. */
    padding-top: clamp(var(--nuevo-blockPadding, 120) * var(--nuevo-fluidFactor, 0.6) * 1px, var(--nuevo-blockPadding, 120) * 0.0833vw, var(--nuevo-blockPadding, 120) * 1px);
    padding-bottom: clamp(var(--nuevo-blockPadding, 120) * var(--nuevo-fluidFactor, 0.6) * 1px, var(--nuevo-blockPadding, 120) * 0.0833vw, var(--nuevo-blockPadding, 120) * 1px);
  }
  body:not(.editor-styles-wrapper) section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content {
    /* Half the spacing of a wide screen, 20px by default as before. */
    padding: calc(var(--nuevo-cta-boxSpace, 40px) / 2);
  }
}
@media screen and (max-width: 470px) {
  body.editor-styles-wrapper section.block.nuevo--native.nuevo--block-cta {
    /* A fixed background does not scroll with the page on touch devices. */
  }
  body.editor-styles-wrapper section.block.nuevo--native.nuevo--block-cta > .block-background-image {
    background-attachment: unset;
  }
  body.editor-styles-wrapper section.block.nuevo--native.nuevo--block-cta > .content-container {
    /* Unter der Contentbreite fließt der Abstand mit - dieselbe Rechnung wie
       oben, nur hier auch ohne eigenen Wert: 120 px sind auf einem schmalen
       Schirm zu viel. */
    padding-top: clamp(var(--nuevo-blockPadding, 120) * var(--nuevo-fluidFactor, 0.6) * 1px, var(--nuevo-blockPadding, 120) * 0.0833vw, var(--nuevo-blockPadding, 120) * 1px);
    padding-bottom: clamp(var(--nuevo-blockPadding, 120) * var(--nuevo-fluidFactor, 0.6) * 1px, var(--nuevo-blockPadding, 120) * 0.0833vw, var(--nuevo-blockPadding, 120) * 1px);
  }
  body.editor-styles-wrapper section.block.nuevo--native.nuevo--block-cta > .content-container > .cta-content {
    /* Half the spacing of a wide screen, 20px by default as before. */
    padding: calc(var(--nuevo-cta-boxSpace, 40px) / 2);
  }
}
/* ------------------------------------ std_small_width [sm] ------------------------------------ */

/*# sourceMappingURL=style.css.map */