@charset "UTF-8";
/**
 * Block "Galerie" - 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/_gallery.scss and rehung on the native selector.
 * The 20 px between the images are the default of --nuevo-gallery-gap now, so
 * the "Abstand im Raster" control can move them without changing anything else.
 *
 * @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. */
/**
 * Das Abstract eines Blocks - ein Absatz hinter der Überschrift.
 *
 * Nur ein Mixin, keine Ausgabe: die Datei wird von den Stylesheets der neun
 * Blöcke eingebunden, die ein Abstract tragen können, und jedes von ihnen
 * landet in einer eigenen style.css.
 *
 * Der Absatz sieht aus wie Fließtext überall sonst im Theme - hier steht nur,
 * wo er steht: zwischen Überschrift und Inhalt des Blocks, über die volle
 * Inhaltsbreite. Im Canvas zeichnet der Editor dasselbe Element an derselben
 * Stelle, eine eigene Regel für die Bearbeitung braucht es deshalb nicht.
 *
 * @package nuevo
 * @subpackage css
 */
/* Aufzurufen im Inhaltscontainer des Blocks. $slug ist der Blockname, wie ihn
   der Customizer für seinen Rasterabstand führt (--block_<slug>__gridSpace). */
/**
 * Die Raster einer Galerie - Slider, Spalten, Masonry, Reihen.
 *
 * Nur Mixins, keine Ausgabe. Das Markup einer Galerie steht seit dem Block
 * "Text & Medien" an zwei Stellen: im Galerieblock unter dessen
 * Inhaltscontainer, und daneben in der Medienspalte von Text & Medien. Vorher
 * hingen diese Regeln fest am Abschnitt des Galerieblocks - in Text & Medien
 * sah deshalb jede Darstellung gleich aus, ein schlichter Stapel.
 *
 * @package nuevo
 * @subpackage css
 */
/* Die Spaltenzahl je Breite. Die Stufen stehen in einem eigenen Mixin, weil
   die Medienabfragen nur auf oberster Ebene funktionieren - der Aufrufer gibt
   den Selektor mit, unter dem sie gelten sollen. */
/* Aufzurufen an dem Element, in dem die .gallery-frame steckt. */
/**
 * 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).
 */
section.block.nuevo--native.nuevo--block-gallery {
  /* Die Ausrichtung der Überschrift - siehe css/parts/_headline-align.scss. */
}
section.block.nuevo--native.nuevo--block-gallery .block_headline.align-left {
  text-align: left;
}
section.block.nuevo--native.nuevo--block-gallery .block_headline.align-left h1, section.block.nuevo--native.nuevo--block-gallery .block_headline.align-left h2, section.block.nuevo--native.nuevo--block-gallery .block_headline.align-left h3, section.block.nuevo--native.nuevo--block-gallery .block_headline.align-left h4, section.block.nuevo--native.nuevo--block-gallery .block_headline.align-left h5, section.block.nuevo--native.nuevo--block-gallery .block_headline.align-left h6 {
  text-align: left !important;
}
section.block.nuevo--native.nuevo--block-gallery .block_headline.align-center {
  text-align: center;
}
section.block.nuevo--native.nuevo--block-gallery .block_headline.align-center h1, section.block.nuevo--native.nuevo--block-gallery .block_headline.align-center h2, section.block.nuevo--native.nuevo--block-gallery .block_headline.align-center h3, section.block.nuevo--native.nuevo--block-gallery .block_headline.align-center h4, section.block.nuevo--native.nuevo--block-gallery .block_headline.align-center h5, section.block.nuevo--native.nuevo--block-gallery .block_headline.align-center h6 {
  text-align: center !important;
}
section.block.nuevo--native.nuevo--block-gallery .block_headline.align-right {
  text-align: right;
}
section.block.nuevo--native.nuevo--block-gallery .block_headline.align-right h1, section.block.nuevo--native.nuevo--block-gallery .block_headline.align-right h2, section.block.nuevo--native.nuevo--block-gallery .block_headline.align-right h3, section.block.nuevo--native.nuevo--block-gallery .block_headline.align-right h4, section.block.nuevo--native.nuevo--block-gallery .block_headline.align-right h5, section.block.nuevo--native.nuevo--block-gallery .block_headline.align-right h6 {
  text-align: right !important;
}
section.block.nuevo--native.nuevo--block-gallery > .content-container {
  /* Die Breite des Abschnitts - siehe css/parts/_content-width.scss. */
  max-width: calc(var(--nuevo-content-max, 1598px) * var(--nuevo-content-width, 1));
  /* Die Raster: css/parts/_gallery-layouts.scss - dieselben Regeln gelten
     in der Medienspalte von Text & Medien. */
  /* Bild und Bildunterschrift gehören zusammen.

     css/parts/blocks/_gallery.scss - der Altblock - gibt dem Lightbox-Link
     "height: 100%". Der Selektor trifft auch den nativen Block, und im
     Raster ist das Element so hoch wie seine Reihe: der Link wurde damit
     höher als das Bild und schob die Unterschrift 25 px nach unten, in der
     Spaltenansicht sogar aus dem Element heraus.

     Hier steht deshalb, was gelten soll: das Element ist eine Spalte, der
     Link umschließt nur das Bild, und die Unterschrift steht 5 px darunter.
     "line-height: 0" nimmt dem Link den Zeilenabstand, den ein Inline-Bild
     sonst unter sich lässt. */
  /* Slider. slick sizes the slides on the front end; the margins here are what
     puts the gap between them, the negative one on the track keeps the outer
     images flush with the container. */
  /* Rahmen um jedes Raster. Er ist der Bezug für die Spaltenbreite: ein
     Element kann sich nicht selbst abfragen, und das Skript misst hier die
     Breite, aus der es die Zeilenzahl der Masonry-Bilder rechnet. */
  /* Spaltenzahl je Breite: die Stufen stehen am Ende der Datei, weil das
     Mixin für die Medienabfragen nur auf oberster Ebene funktioniert. */
  /* Masonry.

     Ohne JavaScript: Spalten wie bisher, aber mit break-inside - ein Bild
     wird nie mehr mitten durchgeschnitten. Die Reihenfolge ist dann
     spaltenweise, das ist die Eigenart von CSS-Spalten.

     Mit JavaScript (Klasse is-grid): ein Raster aus 1-px-Zeilen, in dem
     jedes Bild so viele Zeilen belegt, wie seine Proportion verlangt -
     zeilenweise Reihenfolge und überall dieselbe Fuge. Die Zeilenzahl misst
     js/nuevo-blocks.js aus der Spaltenbreite; in CSS allein ginge das nicht,
     weil sich eine Länge nicht durch eine Länge teilen lässt. */
  /* Spalten: ein Raster gleich breiter Spalten.

     Vorher rechnete das Skript "100% / n - Fuge" und traf damit weder die
     Breite noch die Ränder - die Reihe stand zehn Pixel eingerückt, und eine
     angebrochene Reihe wurde zentriert. Das Raster verteilt die Breite
     selbst, exakt und ohne Rechnung. */
  /* Reihen: jede Reihe füllt die Breite, die Bilder behalten ihre
     Proportionen, und alle Bilder einer Reihe sind gleich hoch - die
     klassische Fotogalerie.

     Jedes Bild wächst proportional zu seinem Seitenverhältnis; die
     Grundbreite ist Verhältnis mal Zielhöhe. Das ::after mit dem sehr großen
     flex-grow fängt die letzte, angebrochene Reihe ab: ohne es würde sie auf
     die volle Breite gezogen und die Bilder dort viel zu groß. */
  /* Im Canvas gelten dieselben Stufen wie auf der Seite - das Editor-Skript
     schreibt sie genauso wie render.php. Vorher stand hier ein fester Wert
     aus der Blockeinstellung: der Canvas zeigte immer die Höchstzahl an
     Spalten, egal wie schmal er war. */
  /* Vorschau des Sliders im Canvas.

     slick läuft hier nicht - ohne Ersatz stehen die Bilder untereinander,
     und die Spalteneinstellung sieht aus, als täte sie nichts. Diese Regeln
     zeigen so viele Bilder nebeneinander, wie der Slider auf der Seite
     zeigen wird, und schneiden den Rest ab.

     Die Breite rechnet das Raster selbst, aus derselben Stufe wie die
     anderen Typen. Der negative Außenabstand der Spur und die Ränder der
     Bilder gehören zu slick und werden dafür abgeräumt. */
  /* The lightbox link does nothing in the canvas; without a target the cursor
     would still promise one. */
}
section.block.nuevo--native.nuevo--block-gallery > .content-container .gallery-item {
  display: flex;
  flex-direction: column;
}
section.block.nuevo--native.nuevo--block-gallery > .content-container .gallery-item > a {
  display: block;
  line-height: 0;
  height: auto;
}
section.block.nuevo--native.nuevo--block-gallery > .content-container .gallery-item > .image-caption {
  flex: 0 0 auto;
  margin-top: 5px;
  padding: 0;
  line-height: 1.3;
}
section.block.nuevo--native.nuevo--block-gallery > .content-container .slider-gallery {
  margin: 0 calc(var(--nuevo-gallery-gap, 20px) / -2);
}
section.block.nuevo--native.nuevo--block-gallery > .content-container .slider-gallery .gallery-item {
  position: relative;
  margin: 0 calc(var(--nuevo-gallery-gap, 20px) / 2);
}
section.block.nuevo--native.nuevo--block-gallery > .content-container .slider-gallery .gallery-item .gallery-item-image {
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: auto;
  display: block;
}
section.block.nuevo--native.nuevo--block-gallery > .content-container .gallery-frame {
  container-type: inline-size;
}
section.block.nuevo--native.nuevo--block-gallery > .content-container .slider-gallery,
section.block.nuevo--native.nuevo--block-gallery > .content-container .masonry-gallery,
section.block.nuevo--native.nuevo--block-gallery > .content-container .columns-gallery {
  --nuevo-gallery-cols: var(--nuevo-gallery-cols-xxl, 4);
}
section.block.nuevo--native.nuevo--block-gallery > .content-container .masonry-gallery {
  column-count: var(--nuevo-gallery-cols, 4);
  column-gap: var(--nuevo-gallery-gap, 20px);
}
section.block.nuevo--native.nuevo--block-gallery > .content-container .masonry-gallery > .gallery-item {
  position: relative;
  break-inside: avoid;
  margin-bottom: var(--nuevo-gallery-gap, 20px);
}
section.block.nuevo--native.nuevo--block-gallery > .content-container .masonry-gallery > .gallery-item img {
  width: 100%;
  height: auto;
  display: block;
}
section.block.nuevo--native.nuevo--block-gallery > .content-container .masonry-gallery.is-grid {
  column-count: auto;
  /* Hier gibt das Raster die Höhe vor: der Link füllt, was die
     Unterschrift übrig lässt, und das Bild füllt den Link. */
  display: grid;
  grid-template-columns: repeat(var(--nuevo-gallery-cols, 4), 1fr);
  column-gap: var(--nuevo-gallery-gap, 20px);
  /* Kein Zeilenabstand: der käme bei jeder der vielen feinen Zeilen
     dazu. Die Fuge steckt im Innenabstand des Bildes, und der negative
     Außenabstand nimmt sie unter der letzten Reihe wieder weg. */
  row-gap: 0;
  grid-auto-rows: 1px;
  margin-bottom: calc(var(--nuevo-gallery-gap, 20px) * -1);
}
section.block.nuevo--native.nuevo--block-gallery > .content-container .masonry-gallery.is-grid > .gallery-item {
  margin-bottom: 0;
  padding-bottom: var(--nuevo-gallery-gap, 20px);
  box-sizing: border-box;
  grid-row-end: span var(--nuevo-item-rows, 200);
}
section.block.nuevo--native.nuevo--block-gallery > .content-container .masonry-gallery.is-grid > .gallery-item > a {
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
}
section.block.nuevo--native.nuevo--block-gallery > .content-container .masonry-gallery.is-grid > .gallery-item img {
  height: 100%;
  object-fit: cover;
  object-position: center;
}
section.block.nuevo--native.nuevo--block-gallery > .content-container .columns-gallery {
  display: grid;
  grid-template-columns: repeat(var(--nuevo-gallery-cols, 4), 1fr);
  gap: var(--nuevo-gallery-gap, 20px);
}
section.block.nuevo--native.nuevo--block-gallery > .content-container .columns-gallery > .gallery-item {
  position: relative;
}
section.block.nuevo--native.nuevo--block-gallery > .content-container .columns-gallery > .gallery-item img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  object-position: center;
  /* Mit gewähltem Seitenverhältnis liegen die Reihen auf einer Linie;
     ohne bleibt die Variable ungesetzt und jedes Bild behält seine
     eigenen Proportionen. */
  aspect-ratio: var(--nuevo-gallery-ratio, auto);
}
section.block.nuevo--native.nuevo--block-gallery > .content-container .rows-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: var(--nuevo-gallery-gap, 20px);
}
section.block.nuevo--native.nuevo--block-gallery > .content-container .rows-gallery > .gallery-item {
  position: relative;
  flex: var(--nuevo-image-ratio, 1) 1 calc(var(--nuevo-image-ratio, 1) * var(--nuevo-gallery-row, 220px));
  /* Das Bild bestimmt hier die Höhe der Reihe - der Link umschließt es
     nur, ohne eigene Höhe. */
}
section.block.nuevo--native.nuevo--block-gallery > .content-container .rows-gallery > .gallery-item > a {
  height: auto;
}
section.block.nuevo--native.nuevo--block-gallery > .content-container .rows-gallery > .gallery-item img {
  width: 100%;
  height: 100%;
  display: block;
  aspect-ratio: var(--nuevo-image-ratio, 1);
  object-fit: cover;
  object-position: center;
}
section.block.nuevo--native.nuevo--block-gallery > .content-container .rows-gallery:after {
  content: "";
  flex-grow: 999999;
  flex-basis: 0;
}
section.block.nuevo--native.nuevo--block-gallery > .content-container .slider-gallery.nuevo--editor-preview {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--nuevo-gallery-gap, 20px);
  margin: 0;
  overflow: hidden;
}
section.block.nuevo--native.nuevo--block-gallery > .content-container .slider-gallery.nuevo--editor-preview > .gallery-item {
  margin: 0;
  min-width: 0;
  /* Kein Raster: ein Raster verteilt die Spur auf alle Bilder und
     quetscht sie zusammen. Hier bekommt jedes Bild die Breite, die es
     im Slider hätte - der Rest läuft nach rechts hinaus und wird
     abgeschnitten, genau wie auf der Seite. */
  flex: 0 0 calc((100% - (var(--nuevo-gallery-cols, 4) - 1) * var(--nuevo-gallery-gap, 20px)) / var(--nuevo-gallery-cols, 4));
}
section.block.nuevo--native.nuevo--block-gallery > .content-container .nuevo--editor-preview .gallery-item > a {
  cursor: default;
}

/* --------------------------------------------------------------------------
   Spaltenzahl je Bildschirmbreite.

   render.php schreibt die Stufen als Variablen an das Raster - dieselben
   Zahlen, die bisher ein resize-Handler im Frontend gerechnet hat, nur ohne
   JavaScript und ohne Sprung beim Laden. Das Mixin setzt seinen eigenen
   body-Selektor davor und muss deshalb hier oben stehen, nicht im Block.
   -------------------------------------------------------------------------- */
@media screen and (max-width: 1598px) {
  body:not(.editor-styles-wrapper) section.block.nuevo--native.nuevo--block-gallery > .content-container .slider-gallery,
  body:not(.editor-styles-wrapper) section.block.nuevo--native.nuevo--block-gallery > .content-container .masonry-gallery,
  body:not(.editor-styles-wrapper) section.block.nuevo--native.nuevo--block-gallery > .content-container .columns-gallery {
    --nuevo-gallery-cols: var(--nuevo-gallery-cols-xl);
  }
}
@media screen and (max-width: 1158px) {
  body.editor-styles-wrapper section.block.nuevo--native.nuevo--block-gallery > .content-container .slider-gallery,
  body.editor-styles-wrapper section.block.nuevo--native.nuevo--block-gallery > .content-container .masonry-gallery,
  body.editor-styles-wrapper section.block.nuevo--native.nuevo--block-gallery > .content-container .columns-gallery {
    --nuevo-gallery-cols: var(--nuevo-gallery-cols-xl);
  }
}
@media screen and (max-width: 1025px) {
  body:not(.editor-styles-wrapper) section.block.nuevo--native.nuevo--block-gallery > .content-container .slider-gallery,
  body:not(.editor-styles-wrapper) section.block.nuevo--native.nuevo--block-gallery > .content-container .masonry-gallery,
  body:not(.editor-styles-wrapper) section.block.nuevo--native.nuevo--block-gallery > .content-container .columns-gallery {
    --nuevo-gallery-cols: var(--nuevo-gallery-cols-lg);
  }
}
@media screen and (max-width: 585px) {
  body.editor-styles-wrapper section.block.nuevo--native.nuevo--block-gallery > .content-container .slider-gallery,
  body.editor-styles-wrapper section.block.nuevo--native.nuevo--block-gallery > .content-container .masonry-gallery,
  body.editor-styles-wrapper section.block.nuevo--native.nuevo--block-gallery > .content-container .columns-gallery {
    --nuevo-gallery-cols: var(--nuevo-gallery-cols-lg);
  }
}
@media screen and (max-width: 900px) {
  body:not(.editor-styles-wrapper) section.block.nuevo--native.nuevo--block-gallery > .content-container .slider-gallery,
  body:not(.editor-styles-wrapper) section.block.nuevo--native.nuevo--block-gallery > .content-container .masonry-gallery,
  body:not(.editor-styles-wrapper) section.block.nuevo--native.nuevo--block-gallery > .content-container .columns-gallery {
    --nuevo-gallery-cols: var(--nuevo-gallery-cols-md);
  }
}
@media screen and (max-width: 584px) {
  body.editor-styles-wrapper section.block.nuevo--native.nuevo--block-gallery > .content-container .slider-gallery,
  body.editor-styles-wrapper section.block.nuevo--native.nuevo--block-gallery > .content-container .masonry-gallery,
  body.editor-styles-wrapper section.block.nuevo--native.nuevo--block-gallery > .content-container .columns-gallery {
    --nuevo-gallery-cols: var(--nuevo-gallery-cols-md);
  }
}
@media screen and (max-width: 786px) {
  body:not(.editor-styles-wrapper) section.block.nuevo--native.nuevo--block-gallery > .content-container .slider-gallery,
  body:not(.editor-styles-wrapper) section.block.nuevo--native.nuevo--block-gallery > .content-container .masonry-gallery,
  body:not(.editor-styles-wrapper) section.block.nuevo--native.nuevo--block-gallery > .content-container .columns-gallery {
    --nuevo-gallery-cols: var(--nuevo-gallery-cols-sm);
  }
}
@media screen and (max-width: 470px) {
  body.editor-styles-wrapper section.block.nuevo--native.nuevo--block-gallery > .content-container .slider-gallery,
  body.editor-styles-wrapper section.block.nuevo--native.nuevo--block-gallery > .content-container .masonry-gallery,
  body.editor-styles-wrapper section.block.nuevo--native.nuevo--block-gallery > .content-container .columns-gallery {
    --nuevo-gallery-cols: var(--nuevo-gallery-cols-sm);
  }
}
@media screen and (max-width: 480px) {
  body:not(.editor-styles-wrapper) section.block.nuevo--native.nuevo--block-gallery > .content-container .slider-gallery,
  body:not(.editor-styles-wrapper) section.block.nuevo--native.nuevo--block-gallery > .content-container .masonry-gallery,
  body:not(.editor-styles-wrapper) section.block.nuevo--native.nuevo--block-gallery > .content-container .columns-gallery {
    --nuevo-gallery-cols: var(--nuevo-gallery-cols-xs);
  }
}
@media screen and (max-width: 400px) {
  body.editor-styles-wrapper section.block.nuevo--native.nuevo--block-gallery > .content-container .slider-gallery,
  body.editor-styles-wrapper section.block.nuevo--native.nuevo--block-gallery > .content-container .masonry-gallery,
  body.editor-styles-wrapper section.block.nuevo--native.nuevo--block-gallery > .content-container .columns-gallery {
    --nuevo-gallery-cols: var(--nuevo-gallery-cols-xs);
  }
}
/* ---------------------------------------- Abstract -------------------------------------------- */
/* Ein Absatz hinter der Überschrift, aus dem Attribut nuevo_abstract. Er steht im
   Frontend und im Canvas an derselben Stelle im selben Element - deshalb
   genügt eine Regel für beide Welten. */
section.block.nuevo--native.nuevo--block-gallery .content-container > .block_abstract {
  margin-top: 0;
  /*
   * Der Abstand nach unten folgt dem Rasterabstand des Blocks - aber nicht
   * bis auf null.
   *
   * Eine Galerie ohne Abstand zwischen den Bildern ist eine gültige Wahl;
   * ein Vorspann, der die Bilder darunter berührt, ist keine. Der
   * Rasterabstand meint den Abstand der Kacheln zueinander, nicht den des
   * Textes zum Bildblock, und teilte sich hier nur die Variable. Deshalb ein
   * Mindestmaß.
   */
  margin-bottom: max(20px, var(--block_gallery__gridSpace, var(--blocks__gridSpace, 30px)));
  /*
   * Die Ausrichtung folgt der Überschrift: derselbe Wert, dieselbe Klasse.
   * Der Absatz gehört zur Überschrift, und eine linksbündige Überschrift über
   * einem mittigen Vorspann sieht nach Versehen aus.
   *
   * Nur eine ausdrückliche Wahl schreibt die Klasse - siehe
   * nuevo_abstract_paragraph() in src/functions/helpers.php. Ohne sie bleibt
   * es bei der Ausrichtung des Fließtexts aus dem Customizer, denn welche das
   * für die Überschrift ist, weiss hier niemand.
   */
}
section.block.nuevo--native.nuevo--block-gallery .content-container > .block_abstract.align-left {
  text-align: left;
}
section.block.nuevo--native.nuevo--block-gallery .content-container > .block_abstract.align-center {
  text-align: center;
}
section.block.nuevo--native.nuevo--block-gallery .content-container > .block_abstract.align-right {
  text-align: right;
}

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