@charset "UTF-8";
/**
 * Block "Text" - 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.
 * The columns (nuevo/text-column) are styled here as well: every selector
 * starts at the section of this block anyway.
 *
 * Taken from css/parts/blocks/_text.scss. Three things differ from the legacy
 * stylesheet: the content width is a factor in a variable instead of one class
 * per five per cent step, und die Spaltenbreiten kommen seit 1.2 aus der Reihe
 * (css/parts/_responsive.scss, docs/responsive.md) statt aus Prozentklassen an
 * einer Schwelle.
 *
 * Not carried over: "align-items" beside each text-align. The container is a
 * plain block element - %container in css/parts/_placeholders.scss - so the
 * declaration never matched anything.
 *
 * @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.
 */
/**
 * Die Ausrichtung der Abschnittsüberschrift - und des Abstracts darunter.
 *
 * Nur ein Mixin, keine Ausgabe: die Datei wird von den Stylesheets der Blöcke
 * eingebunden, die eine Überschrift mit Ausrichtung tragen, und jedes von ihnen
 * landet in einer eigenen style.css.
 *
 * Warum die Überschriften unmittelbar angesprochen werden: css/parts/_block.scss
 * zentriert jedes .block_headline, und der Customizer schreibt sein eigenes
 * "body h2 { text-align: … }" in den Kopf der Seite - eine Angabe an der
 * Überschrift selbst, die kein geerbter Wert schlägt. Deshalb h1-h6 mit
 * !important, so wie es der Bannerblock schon immer tat.
 *
 * Der Absatz darunter braucht das nicht: an ihn schreibt der Customizer nichts
 * Eigenes, der geerbte Wert genügt.
 *
 * Die Regeln standen wortgleich in zehn Blöcken; ein elfter (Buttons) schrieb
 * die Klasse, hatte aber gar keine Regel dazu - dort blieb die Einstellung ohne
 * Wirkung.
 *
 * @package nuevo
 * @subpackage css
 */
/* Aufzurufen im Abschnitt des Blocks. */
/**
 * 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
 */
/* The two axes of the grid spacing, each with the same fallback chain: an
   override of that axis first, then the grid spacing of this block from the
   customizer, then the global one. */
/* Der Rasterabstand - eine Zahl für beide Achsen, wie in den Einstellungen
   (Einstellungen → NUEVO → Darstellung), je Block überschreibbar. Bestandswerte
   je Achse liest block_gap() weiter mit. */
section.block.nuevo--native.nuevo--block-text > .content-container {
  /* Content width. The legacy block held one class per step, all of them
     against the same base; the factor covers the whole range in one rule.
     Without the variable this is the max-width of %container. */
  max-width: calc(var(--nuevo-content-max, 1598px) * var(--nuevo-content-width, 1));
  /* Die Breite, nach der sich die Reihe richtet - siehe
     css/parts/_responsive.scss. */
  container-type: inline-size;
  /* Direction of the content, as in the legacy block: the headings and
     paragraphs are addressed directly, because the customizer writes its own
     "body h2 { text-align: … }" into the head - a declaration on the heading
     itself, which no inherited value can beat.

     List items and table cells are named as well, which the legacy rule did
     not do: css/parts/_typography.scss pins every "body ul > li" and
     "body ol:not(.no-style) > li" to the left, and a th centres itself by
     browser default. Without them a column made of a list ignored the
     setting while the paragraph beside it followed it. */
  /* Die Ausrichtung der Überschrift - siehe css/parts/_headline-align.scss.
     Sie steht hier unter den Regeln der Spaltenrichtung und eine Klasse
     tiefer, und das mit Absicht: beide sprechen die Überschrift selbst mit
     !important an, die genauere und spätere Regel muss deshalb diese sein -
     die Überschrift darf woanders hinzeigen als die Spalten darunter. */
}
section.block.nuevo--native.nuevo--block-text > .content-container.direction-left {
  text-align: left;
}
section.block.nuevo--native.nuevo--block-text > .content-container.direction-left h1, section.block.nuevo--native.nuevo--block-text > .content-container.direction-left h2, section.block.nuevo--native.nuevo--block-text > .content-container.direction-left h3, section.block.nuevo--native.nuevo--block-text > .content-container.direction-left h4, section.block.nuevo--native.nuevo--block-text > .content-container.direction-left h5, section.block.nuevo--native.nuevo--block-text > .content-container.direction-left h6, section.block.nuevo--native.nuevo--block-text > .content-container.direction-left p, section.block.nuevo--native.nuevo--block-text > .content-container.direction-left li, section.block.nuevo--native.nuevo--block-text > .content-container.direction-left td, section.block.nuevo--native.nuevo--block-text > .content-container.direction-left th {
  text-align: left !important;
}
section.block.nuevo--native.nuevo--block-text > .content-container.direction-right {
  text-align: right;
}
section.block.nuevo--native.nuevo--block-text > .content-container.direction-right h1, section.block.nuevo--native.nuevo--block-text > .content-container.direction-right h2, section.block.nuevo--native.nuevo--block-text > .content-container.direction-right h3, section.block.nuevo--native.nuevo--block-text > .content-container.direction-right h4, section.block.nuevo--native.nuevo--block-text > .content-container.direction-right h5, section.block.nuevo--native.nuevo--block-text > .content-container.direction-right h6, section.block.nuevo--native.nuevo--block-text > .content-container.direction-right p, section.block.nuevo--native.nuevo--block-text > .content-container.direction-right li, section.block.nuevo--native.nuevo--block-text > .content-container.direction-right td, section.block.nuevo--native.nuevo--block-text > .content-container.direction-right th {
  text-align: right !important;
}
section.block.nuevo--native.nuevo--block-text > .content-container.direction-center {
  text-align: center;
}
section.block.nuevo--native.nuevo--block-text > .content-container.direction-center h1, section.block.nuevo--native.nuevo--block-text > .content-container.direction-center h2, section.block.nuevo--native.nuevo--block-text > .content-container.direction-center h3, section.block.nuevo--native.nuevo--block-text > .content-container.direction-center h4, section.block.nuevo--native.nuevo--block-text > .content-container.direction-center h5, section.block.nuevo--native.nuevo--block-text > .content-container.direction-center h6, section.block.nuevo--native.nuevo--block-text > .content-container.direction-center p, section.block.nuevo--native.nuevo--block-text > .content-container.direction-center li, section.block.nuevo--native.nuevo--block-text > .content-container.direction-center td, section.block.nuevo--native.nuevo--block-text > .content-container.direction-center th {
  text-align: center !important;
}
section.block.nuevo--native.nuevo--block-text > .content-container .block_headline.align-left {
  text-align: left;
}
section.block.nuevo--native.nuevo--block-text > .content-container .block_headline.align-left h1, section.block.nuevo--native.nuevo--block-text > .content-container .block_headline.align-left h2, section.block.nuevo--native.nuevo--block-text > .content-container .block_headline.align-left h3, section.block.nuevo--native.nuevo--block-text > .content-container .block_headline.align-left h4, section.block.nuevo--native.nuevo--block-text > .content-container .block_headline.align-left h5, section.block.nuevo--native.nuevo--block-text > .content-container .block_headline.align-left h6 {
  text-align: left !important;
}
section.block.nuevo--native.nuevo--block-text > .content-container .block_headline.align-center {
  text-align: center;
}
section.block.nuevo--native.nuevo--block-text > .content-container .block_headline.align-center h1, section.block.nuevo--native.nuevo--block-text > .content-container .block_headline.align-center h2, section.block.nuevo--native.nuevo--block-text > .content-container .block_headline.align-center h3, section.block.nuevo--native.nuevo--block-text > .content-container .block_headline.align-center h4, section.block.nuevo--native.nuevo--block-text > .content-container .block_headline.align-center h5, section.block.nuevo--native.nuevo--block-text > .content-container .block_headline.align-center h6 {
  text-align: center !important;
}
section.block.nuevo--native.nuevo--block-text > .content-container .block_headline.align-right {
  text-align: right;
}
section.block.nuevo--native.nuevo--block-text > .content-container .block_headline.align-right h1, section.block.nuevo--native.nuevo--block-text > .content-container .block_headline.align-right h2, section.block.nuevo--native.nuevo--block-text > .content-container .block_headline.align-right h3, section.block.nuevo--native.nuevo--block-text > .content-container .block_headline.align-right h4, section.block.nuevo--native.nuevo--block-text > .content-container .block_headline.align-right h5, section.block.nuevo--native.nuevo--block-text > .content-container .block_headline.align-right h6 {
  text-align: right !important;
}
section.block.nuevo--native.nuevo--block-text > .content-container > .gridWrapper {
  /* Die Reihe - Spuren aus der Spaltenzahl und der Mindestbreite, Abstand
     fließend. Siehe css/parts/_responsive.scss und docs/responsive.md. */
  display: grid;
  gap: var(--nuevo-rowGapY, 0px) var(--nuevo-rowGapX, 0px);
  grid-template-columns: repeat(auto-fill, minmax(min(100%, max(var(--nuevo-colMin, 260px), calc((100% - (var(--nuevo-columns, 1) - 1) * var(--nuevo-rowGapX, 0px)) / var(--nuevo-columns, 1)))), 1fr));
  margin: 0;
  --nuevo-rowGapX: clamp(var(--nuevo-rowGap, 30) * var(--nuevo-fluidFactor, 0.6) * 1px, var(--nuevo-rowGap, 30) * 0.1cqi, var(--nuevo-rowGap, 30) * 1px);
  --nuevo-rowGapY: clamp(var(--nuevo-rowGap, 30) * var(--nuevo-fluidFactor, 0.6) * 1px, var(--nuevo-rowGap, 30) * 0.1cqi, var(--nuevo-rowGap, 30) * 1px);
  /* An incomplete last row starts at the left edge, not in the middle of
     it: three columns in a two column setting put the third one directly
     below the first.

     On the front end that is what the flex container does anyway - this
     only pins it. In the editor canvas it is not: the block list hands its
     children an automatic inline margin, and a flex item with
     "margin-inline: auto" centres itself in the free space of its row. Both
     declarations together make canvas and front end show the same picture,
     whichever of the two the editor brings along. */
  justify-content: flex-start;
}
section.block.nuevo--native.nuevo--block-text > .content-container > .gridWrapper > * {
  /*
   * Ein Kind nimmt eine Spur ein. Mehr als eine (--nuevo-span) ist für die
   * Fußzeile gedacht und gilt nur, solange die Reihe so viele Spuren hat -
   * siehe docs/responsive.md.
   */
  grid-column: span var(--nuevo-span, 1);
  width: auto;
  padding: 0;
  /*
   * Kein automatischer Rand. Im Canvas gibt der Editor jedem Block
   * "margin-inline: auto" (.editor-styles-wrapper :where(:not(.is-layout-flex,
   * .is-layout-grid)) > .wp-block); an einem Rasterfeld heißt das nicht
   * "zentriert", sondern "so breit wie der Inhalt" - die Box stand dann
   * schmaler mitten in ihrer Spalte, während sie auf der Seite die ganze
   * füllte. Der lange Selektor des Blockstylesheets schlägt die Regel des
   * Editors.
   */
  margin: 0;
}
section.block.nuevo--native.nuevo--block-text > .content-container > .gridWrapper > .nuevo--cell {
  box-sizing: border-box;
  /*
   * Jede Spalte beginnt oben, auf derselben Linie wie ihre Nachbarn.
   *
   * Das erste Element brachte bisher seinen eigenen Abstand nach oben
   * mit - ein Absatz hat einen, eine Überschrift keinen. Der Abstand
   * fällt zudem aus der Spalte heraus (margin collapsing), weil sie
   * weder Rand noch Innenabstand hat: eine Spalte, die mit einem Absatz
   * beginnt, rutschte deshalb als Ganzes tiefer als die daneben, die mit
   * einer Überschrift beginnt.
   *
   * Nur das erste Element, und nur nach oben - alles Weitere behält die
   * Abstände der Typografie.
   */
  /* Schmale Kästen: hier wird getrennt - siehe
     css/parts/_text-wrap.scss. */
  /* Eine Spalte nimmt bis zu drei Buttons. Nebeneinander brauchen sie
     einen eigenen Abstand - das Theme setzt nur den nach oben -, und in
     einer schmalen Spalte müssen sie umbrechen dürfen: der
     .button-container des Themes ist ein Flex ohne Umbruch, hier stehen
     sie im Textfluss. Der Altblock hatte nie mehr als einen. */
  /* Die Buttons stehen in einer eigenen Reihe. Bis zu drei nebeneinander
     brauchen einen Abstand - das Theme setzt nur den nach oben -, und in
     einer schmalen Spalte müssen sie umbrechen dürfen. Genau das tat
     vorher der Textfluss; die Reihe tut es zuverlässiger und lässt sich
     dazu ausrichten. */
}
section.block.nuevo--native.nuevo--block-text > .content-container > .gridWrapper > .nuevo--cell > .nuevo--card > :first-child {
  margin-top: 0;
}
section.block.nuevo--native.nuevo--block-text > .content-container > .gridWrapper > .nuevo--cell > .nuevo--card {
  /* 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;
}
section.block.nuevo--native.nuevo--block-text > .content-container > .gridWrapper > .nuevo--cell > .nuevo--card > .nuevo--buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 20px;
  row-gap: 0;
}
section.block.nuevo--native.nuevo--block-text > .content-container > .gridWrapper > .nuevo--cell > .nuevo--card > .nuevo--buttons.nuevo--btn-left {
  justify-content: flex-start;
}
section.block.nuevo--native.nuevo--block-text > .content-container > .gridWrapper > .nuevo--cell > .nuevo--card > .nuevo--buttons.nuevo--btn-center {
  justify-content: center;
}
section.block.nuevo--native.nuevo--block-text > .content-container > .gridWrapper > .nuevo--cell > .nuevo--card > .nuevo--buttons.nuevo--btn-right {
  justify-content: flex-end;
}

/* Die Schwelle von früher - Spaltenbreiten in Prozent ab einer Fensterbreite -
   ist ersatzlos entfallen. Das rechnet jetzt die Reihe aus, stufenlos.
   Siehe docs/responsive.md. */

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