/*
Theme Name:   Bricks Child Theme
Theme URI:    https://bricksbuilder.io/
Description:  Use this child theme to extend Bricks.
Author:       NOVUM DIGITAL® GmbH
Author URI:   https://novum-digital.de/
Template:     bricks
Version:      1.0.27
Text Domain:  bricks
*/

/* Benutzerdefinierte DGGT-ICON-Bibliothek */
@font-face {
	font-family: 'DGGT-Icons';
	src:  url('assets/fonts/dggt-icons/DGGT-Icons.eot?wjmws2');
	src:  url('assets/fonts/dggt-icons/DGGT-Icons.eot?wjmws2#iefix') format('embedded-opentype'),
		url('assets/fonts/dggt-icons/DGGT-Icons.ttf?wjmws2') format('truetype'),
		url('assets/fonts/dggt-icons/DGGT-Icons.woff?wjmws2') format('woff'),
		url('assets/fonts/dggt-icons/DGGT-Icons.svg?wjmws2#DGGT-Icons') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

:root {
	--font-icon-family: uicons-regular-straight;

}

[class^="dggt-icon-"], [class*=" dggt-icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'DGGT-Icons' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html {
	background-image: url('assets/img/hg__beton.gif');
	background-attachment: fixed;
	background-size: auto;
	background-position: top left;
	margin-bottom: var(--space-l) !important;

	@media (max-width: 1170px) {
		margin-bottom: 0 !important;
	}
}

/* HEADER */
header {
	& .header--logo-main,
	& .header--logo-minimized {
		transition: opacity 0.3s, height 0.3s, max-height 0.3s, min-height 0.3s;
	}
	@media (min-width: 768.1px) {
		&:not(.header--compact) .header--logo-minimized { opacity: 0; pointer-events:none;}
		&.header--compact .header--logo-main { opacity: 0; max-width: 100px;max-height: 20px;min-height:0 !important; pointer-events:none;}
		&.header--compact .header--logo-minimized { opacity: 1; pointer-events:auto !important;}
	}


	&.header--compact {
		@media (min-width: 768px) {
			& .header--preheader {
				top:-9999em;
				opacity: 0;
				height: 0;
			}
		}

		& .header--main--container {
			align-items: center !important;
		}	
	}

}

@layer bricks.reset {
	.brx-sub-submenu-overflow-right {
		right: auto !important;
		left: 100% !important;
	}
	.brx-submenu-overflow-right {
		right: initial !important;
		left: initial !important;
	}
}

header {
	&.sticky.sticky {
		inset-block-start:0;
	}
}

body.bricks-is-frontend.admin-bar {
	header {
		&.sticky {			
			inset-block-start:var(--wp-admin--admin-bar--height);
		}
	}
} 



.adm-alert {
	display: inline-block;
	padding: 1ch;
	border-radius: 4px;
	border: 1px solid;

	&.alert-danger {background-color: var(--danger-ultra-light);color: var(--danger-dark);border-color: var(--danger-light);}
	&.alert-warning {background-color: var(--warning-ultra-light);color: var(--warning-dark);border-color: var(--warning-light);}
	&.alert-info {background-color: var(--info-ultra-light);color: var(--info-dark);border-color: var(--info-light);}
	&.alert-success {background-color: var(--success-ultra-light);color: var(--success-dark);border-color: var(--success-light);}
}

.bg--dark {
	background: var(--secondary--gradient) !important;
}

main#brx-content {
	--offset: calc(7rem + var(--section-space-s) + 45px) !important;
}

/* BUTTONS */
.bricks-button {
	font-family: var(--heading-font-family);

	&:not(.clickable-parent) {  
		position: relative;
		left:0;
		transition: .3s !important;

		/*&:hover {
			left:5px;
		}*/
	}
	&,
	&:hover {
		svg {
			fill: currentColor !important;
			& * {
				fill: currentColor !important;      
			}
		}
	}
}

.only-print {
	display: none;
}

.print--header,
.print--footer {
	visibility: hidden;
	display: none;
}

/* ADDED 2026-07-02: Aspect Ratios */
:where(.aspect--din-a) { --aspect-ratio: 1 / 1.414; }
:where(.aspect--magazine) { --aspect-ratio: 7 / 10; }
:where(.aspect--5-6) { --aspect-ratio: 5 / 6; }
:where(.aspect--6-5) { --aspect-ratio: 6 / 5; }
:where(.aspect--4-5) { --aspect-ratio: 4 / 5; }
:where(.aspect--5-4) { --aspect-ratio: 5 / 4; }


@media (max-width: 1170px) {
  .aspect--xl-din-a {
    --aspect-ratio: 1 / 1.414;
  }
  .aspect--xl-magazine {
    --aspect-ratio: 7 / 10;
  }
  .aspect--xl-5-6 {
    --aspect-ratio: 5 / 6;
  }
  .aspect--xl-6-5 {
    --aspect-ratio: 6 / 5;
  }
  .aspect--xl-4-5 {
    --aspect-ratio: 4 / 5;
  }
  .aspect--xl-5-4 {
    --aspect-ratio: 5 / 4;
  }
}

@media (max-width: 960px) {
  .aspect--l-din-a {
    --aspect-ratio: 1 / 1.414;
  }
  .aspect--l-magazine {
    --aspect-ratio: 7 / 10;
  }
  .aspect--l-5-6 {
    --aspect-ratio: 5 / 6;
  }
  .aspect--l-6-5 {
    --aspect-ratio: 6 / 5;
  }
  .aspect--l-4-5 {
    --aspect-ratio: 4 / 5;
  }
  .aspect--l-5-4 {
    --aspect-ratio: 5 / 4;
  }
}

@media (max-width: 768px) {
  .aspect--m-din-a {
    --aspect-ratio: 1 / 1.414;
  }
  .aspect--m-magazine {
    --aspect-ratio: 7 / 10;
  }
  .aspect--m-5-6 {
    --aspect-ratio: 5 / 6;
  }
  .aspect--m-6-5 {
    --aspect-ratio: 6 / 5;
  }
  .aspect--m-4-5 {
    --aspect-ratio: 4 / 5;
  }
  .aspect--m-5-4 {
    --aspect-ratio: 5 / 4;
  }
}

@media (max-width: 480px) {
  .aspect--s-din-a {
    --aspect-ratio: 1 / 1.414;
  }
  .aspect--s-magazine {
    --aspect-ratio: 7 / 10;
  }
  .aspect--s-5-6 {
    --aspect-ratio: 5 / 6;
  }
  .aspect--s-6-5 {
    --aspect-ratio: 6 / 5;
  }
  .aspect--s-4-5 {
    --aspect-ratio: 4 / 5;
  }
  .aspect--s-5-4 {
    --aspect-ratio: 5 / 4;
  }
}

/* BRICKS LIGHTBOX */

.pswp.brx {
	--pswp-bg: var(--neutral-ultra-dark-trans-60);
	--pswp-icon-color: var(--text-light-muted);

	& .pswp__button {
		opacity: 1 !important;

		& > * {      
			transition: .3s;
		}

		& svg {
			width: var(--icon--small) !important;
			height: var(--icon--small) !important;
		}
		&:hover {
			--pswp-icon-color: var(--white);
		}

		&.pswp__button--arrow .pswp__icn {
			width: var(--icon--largest) !important;
			height:var(--icon--largest) !important;
		}
		&.pswp__button--arrow--next .pswp__icn {
			right: var(--space-m);
		}

		&.pswp__button--arrow--prev .pswp__icn {
			left: var(--space-m);
		}
	}

	& .pswp__bg {
		opacity: 1 !important;
	}

	& .pswp__zoom-wrap {
		& img {
			cursor: zoom-out !important;
		}
		&:active {					
			& img {
				cursor: grab !important;
			}
		}
	}
	& .pswp__dynamic-caption {
		font-size: var(--text-xs);
		color: var(--text-light-muted);
		text-align: left;
		& .image--copyright {
			position: relative;
			width: 100%;
			display: inline-flex;
			flex-wrap: wrap;
			gap: 0.375ch 1ch;
			line-height: var(--text-meta-line-height);
			& * {
				font-weight: 400;
			}
			& a {
				color: currentcolor !important;
			}
			& .beschreibung {
				font-weight: 600;
			}
		}
	}

	&.pswp--zoom-allowed {
		& .pswp__zoom-wrap {
			& img {
				cursor: zoom-in !important;
			}
		}

		&.pswp--zoomed-in {
			& .pswp__zoom-wrap {
				& img {
					cursor: zoom-out !important;
				}

				&:active {					
					& img {
						cursor: grab !important;
					}
				}
			}
		}
	}
}

/**
* Bricks Shortcode-Wrapper aus dem Layout entfernen
* Added: 2026-06-08
*/
.brxe-shortcode:has(.dggt-share) {
	display: contents;
}

/**
* Social-Share Komponente — minimalistisch (SZ-Style)
* Added: 2026-06-08
*/
.dggt-share {
	position: relative;
	display: grid;
	grid-template-columns: 1fr;
	gap: 0;
}

/* Toggle-Button — minimal, kein Border, nur Icon + Label */
.dggt-share__toggle {
	list-style: none;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	transition: color .2s ease;
	user-select: none;
}

.dggt-share__toggle::-webkit-details-marker { display: none; }
.dggt-share__toggle::marker { content: ''; }

.dggt-share__toggle:hover,
.dggt-share__toggle:focus-visible {
	color: var(--primary, #1a3f7a);
}

.dggt-share__toggle-icon {
	width: 1.25em;
	height: 1.25em;
}

/* Popover — kompakt mit Schatten */
.dggt-share__list {
	list-style: none;
	padding: var(--space-s) 0 0;
	border-top: var(--divider);
	gap: var(--space-m);
	margin: 0;
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	font-size: var(--text-s);
	text-align: left;
	justify-content: center;

	&[hidden] {
		display: none !important;
	}
}
.dggt-share__link {
	display: grid;
	align-items: initial;
	row-gap: var(--space-2xs);
	column-gap: var(--space-2xs);
	align-self: stretch !important;
	width: 100%;
	align-items: baseline;
	grid-gap: 0.375ch;
	grid-template-columns: var(--icon--small) 1fr;
	align-items: flex-start;
	transition: .3s;

	@media (max-width: 768px) {
		grid-template-columns: 1fr;
	}
}

.dggt-share__item:last-child {
	& .dggt-share__link {
		border-bottom: 0;
	}
}
.dggt-share__link:hover,
.dggt-share__link:focus-visible {
	color: var(--primary, #1a3f7a);
}

.dggt-share__label {	
	font-weight: var(--link-weight,600);
	text-decoration: var(--link-decoration, underline);
	text-decoration-thickness: var(--link-decoration-thickness, 0.125ch);
	text-underline-offset: var(--link-underline-offset, 0.175ch);

	@media (max-width: 768px) {
		display: none;	
	}
}

.dggt-share__icon {
	display: inline-flex;
	width: var(--icon--small);
	height: var(--icon--small);
	flex-shrink: 0;

}

.dggt-share__icon svg {
	width: 100%;
	height: 100%;
}

.dggt-share__link.is-copied {
	color: var(--success, #2d7d2d);
}


/* GUTENBERG KOMPONENTEN */
/* Added: 2026-06-23 -- Gutenberg Komponenten */
.dgt--richtext.hero--intro ul.wp-block-list,
ul.block-editor-block-list__block,
ul.wp-block-list {
	width: 100%;
	column-count: 2;
	column-gap: var(--space-m);

	&>li {
		width: 100%;
	}

	@media only screen and (max-width: 960px) {		
		column-count: 1;
	}
	@media only screen and (min-width: 960px) {
		&[class*="-1-col"] {
			column-count: 1;
			column-gap: var(--space-m);
		}
	}

}
.dgt--richtext.hero--intro ul.wp-block-list,
ul.list--default-1-col,
ul.is-style-default-1-col,
ul.list--checkmarks-1-col,
ul.is-style-checkmarks-1-col,
ul.list--arrows-1-col,
ul.is-style-arrows-1-col,
ul.list--chevrons-1-col,
ul.is-style-chevrons-1-col,
ul.list--fst-1-col,
ul.is-style-fst-1-col {
	column-count: 1;
}


ul.list--default,
ul.is-style-default,
ul.list--checkmarks,
ul.is-style-checkmarks,
ul.list--arrows,
ul.is-style-arrows,
ul.list--chevrons,
ul.is-style-chevrons,
ul.list--fst,
ul.is-style-fst,
ul.list--checkmarks-1-col ,
ul.is-style-checkmarks-1-col ,
ul.list--arrows-1-col ,
ul.is-style-arrows-1-col ,
ul.list--chevrons-1-col ,
ul.is-style-chevrons-1-col ,
ul.list--fst-1-col ,
ul.is-style-fst-1-col  {
	list-style:none;
	padding-left: 1.25em;
}

.dgt--richtext.hero--intro {
	& ul.wp-block-list {
		padding-left: 1em !important;
	}
}

ul.list--default > li,
ul.is-style-default > li,
ul.list--checkmarks > li,
ul.is-style-checkmarks > li,
ul.list--arrows > li,
ul.is-style-arrows > li,
ul.list--chevrons > li,
ul.is-style-chevrons > li,
ul.list--fst > li,
ul.is-style-fst > li,
ul.list--default-1-col > li,
ul.is-style-default-1-col > li,
ul.list--checkmarks-1-col > li,
ul.is-style-checkmarks-1-col > li,
ul.list--arrows-1-col > li,
ul.is-style-arrows-1-col > li,
ul.list--chevrons-1-col > li,
ul.is-style-chevrons-1-col > li,
ul.list--fst-1-col > li,
ul.is-style-fst-1-col > li   {	
	position: relative;
	padding-left: 0.5em;      
}

ul.list--default > li::marker,
ul.is-style-default > li::marker,
ul.list--checkmarks > li::marker,
ul.is-style-checkmarks > li::marker,
ul.list--arrows > li::marker,
ul.is-style-arrows > li::marker,
ul.list--chevrons > li::marker,
ul.is-style-chevrons > li::marker,
ul.list--fst > li::marker,
ul.is-style-fst > li::marker,
ul.list--default-1-col > li::marker,
ul.is-style-default-1-col > li::marker,
ul.list--checkmarks-1-col > li::marker,
ul.is-style-checkmarks-1-col > li::marker,
ul.list--arrows-1-col > li::marker,
ul.is-style-arrows-1-col > li::marker,
ul.list--chevrons-1-col > li::marker,
ul.is-style-chevrons-1-col > li::marker,
ul.list--fst-1-col > li::marker,
ul.is-style-fst-1-col > li::marker {
	font-family: var(--font-icon-family);
	color: var(--list-marker-color, var(--primary));
	line-height: 1;
	font-size: 1em; 
} 

ul.list--checkmarks > li::marker,
ul.is-style-checkmarks > li::marker,
ul.list--checkmarks-1-col > li::marker,
ul.is-style-checkmarks-1-col > li::marker {    
	content: '\e360'; /* Eigener Marker */
}
ul.list--arrows > li::marker,
ul.is-style-arrows > li::marker,
ul.list--arrows-1-col > li::marker,
ul.is-style-arrows-1-col > li::marker {    
	content: '\e0cc'; /* Eigener Marker */
}
ul.list--chevrons > li::marker,
ul.is-style-chevrons > li::marker,
ul.list--chevrons-1-col > li::marker,
ul.is-style-chevrons-1-col > li::marker {    
	content: '\e07e'; /* Eigener Marker */
}
ul.list--fst > li::marker,
ul.is-style-fst > li::marker,
ul.list--fst-1-col > li::marker,
ul.is-style-fst-1-col > li::marker {    
	content: '\e08d'; /* Eigener Marker */
}

ul.wp-block-list {--list-marker-color: currentcolor;}
ul.list--color-primary   { --list-marker-color: var(--fs-primary); }
ul.list--color-secondary { --list-marker-color: var(--fs-secondary); }
ul.list--color-accent    { --list-marker-color: var(--fs-accent); }
ul.list--color-base      { --list-marker-color: var(--fs-base); }
ul.list--color-neutral   { --list-marker-color: var(--fs-neutral); }
ul.list--color-danger    { --list-marker-color: var(--danger); }
ul.list--color-warning   { --list-marker-color: var(--warning); }
ul.list--color-success   { --list-marker-color: var(--success); }
ul.list--color-info      { --list-marker-color: var(--info); }
ul.list--color-fs1      { --list-marker-color: var(--fs-1); }
ul.list--color-fs2      { --list-marker-color: var(--fs-2); }
ul.list--color-fs3      { --list-marker-color: var(--fs-3); }
ul.list--color-fs4      { --list-marker-color: var(--fs-4); }
ul.list--color-fs5      { --list-marker-color: var(--fs-5); }
ul.list--color-fs6      { --list-marker-color: var(--fs-6); }
ul.list--color-page-accent      { --list-marker-color: var(--page-accent-color); }
/* Added: 2026-06-22 -- core/list-item Farbstile: Marker-Farbe pro einzelnem Listenpunkt */
li.is-style-color-primary   { --list-marker-color: var(--fs-primary); }
li.is-style-color-secondary { --list-marker-color: var(--fs-secondary); }
li.is-style-color-accent    { --list-marker-color: var(--fs-accent); }
li.is-style-color-base      { --list-marker-color: var(--fs-base); }
li.is-style-color-neutral   { --list-marker-color: var(--fs-neutral); }
li.is-style-color-danger    { --list-marker-color: var(--danger); }
li.is-style-color-warning   { --list-marker-color: var(--warning); }
li.is-style-color-success   { --list-marker-color: var(--success); }
li.is-style-color-info      { --list-marker-color: var(--info); }
li.is-style-color-fs1      { --list-marker-color: var(--fs-1); }
li.is-style-color-fs2      { --list-marker-color: var(--fs-2); }
li.is-style-color-fs3      { --list-marker-color: var(--fs-3); }
li.is-style-color-fs4      { --list-marker-color: var(--fs-4); }
li.is-style-color-fs5      { --list-marker-color: var(--fs-5); }
li.is-style-color-fs6      { --list-marker-color: var(--fs-6); }
li.is-style-color-page-accent      { --list-marker-color: var(--page-accent-color); }

ul.block-editor-block-list__block,
ul.wp-block-list {
	&[class*="is-style-default"],
	&[class*="is-style-checkmarks"],
	&[class*="is-style-arrows"],
	&[class*="is-style-chevrons"],
	&[class*="is-style-fst"] {
		list-style:none;
		padding-left: calc(var(--list-indent-spacing) - var(--space-xs) - 0.25em);

		& li {
			position: relative;
			padding-left: var(--space-xs);      

			&::marker {        
				font-family: var(--font--icons);
				color: var(--list-marker-color);
				line-height: 1;
				font-size: 1em; 
			}
		}
	}

}
ul.block-editor-block-list__block,
ul.wp-block-list {
	&[class*="is-style-checkmarks"] > li::marker {    
		content: '\e360';
	}
	&[class*="is-style-arrows"] > li::marker {    
		content: '\e0cc';
	}
	&[class*="is-style-chevrons"] > li::marker {    
		content: '\e07e';
	}
	&[class*="is-style-fst"] > li::marker {    
		content: '\e08d';
	}
}


ol.wp-block-list {
	list-style:none;
	padding:0 !important;
	counter-reset: level1;
	& li {
		position: relative;
		padding-left: 3ch;
		counter-increment: level1;

		&::before {
			content: counter(level1) ".";
			position: absolute;
			left: 0;
			min-width: 3ch;
			top: 0;
			font-weight: var(--link-weight);

		}
	}
}

/* Added: 2026-06-23 -- DGGT-Icons als Listenmarker via InspectorControls Icon-Picker (25 Icons) */
ul.wp-block-list[class*="marker-icon--"] li::marker { font-family: uicons-regular-straight; }
ul.wp-block-list.marker-icon--arrow-right li::marker                               { content: '\e0cc'; }
ul.wp-block-list.marker-icon--arrow-alt-right li::marker                           { content: '\e0a9'; }
ul.wp-block-list.marker-icon--arrow-small-right li::marker                         { content: '\e0d1'; }
ul.wp-block-list.marker-icon--angle-right li::marker                               { content: '\e07b'; }
ul.wp-block-list.marker-icon--angle-small-right li::marker                         { content: '\e07e'; }
ul.wp-block-list.marker-icon--angle-double-small-right li::marker                  { content: '\e077'; }
ul.wp-block-list.marker-icon--angle-circle-right li::marker                        { content: '\e071'; }
ul.wp-block-list.marker-icon--angle-square-right li::marker                        { content: '\e082'; }
ul.wp-block-list.marker-icon--caret-right li::marker                               { content: '\e307'; }
ul.wp-block-list.marker-icon--caret-circle-right li::marker                        { content: '\e302'; }
ul.wp-block-list.marker-icon--caret-square-right li::marker                        { content: '\e30b'; }
ul.wp-block-list.marker-icon--play li::marker                                      { content: '\ec28'; }
ul.wp-block-list.marker-icon--circle li::marker                                    { content: '\e387'; }
ul.wp-block-list.marker-icon--circle-small li::marker                              { content: '\e3c2'; }
ul.wp-block-list.marker-icon--dot-circle li::marker                                { content: '\e59a'; }
ul.wp-block-list.marker-icon--square li::marker                                    { content: '\ee92'; }
ul.wp-block-list.marker-icon--square-small li::marker                              { content: '\eec4'; }
ul.wp-block-list.marker-icon--diamond li::marker                                   { content: '\e53c'; }
ul.wp-block-list.marker-icon--rhombus li::marker                                   { content: '\ed0e'; }
ul.wp-block-list.marker-icon--triangle li::marker                                  { content: '\f044'; }
ul.wp-block-list.marker-icon--check li::marker                                     { content: '\e35f'; }
ul.wp-block-list.marker-icon--check-circle li::marker                              { content: '\e360'; }
ul.wp-block-list.marker-icon--star li::marker                                      { content: '\eed9'; }
ul.wp-block-list.marker-icon--minus-small li::marker                               { content: '\ea66'; }
ul.wp-block-list.marker-icon--bookmark li::marker                                  { content: '\e1f1'; }
ul.wp-block-list.marker-icon--aperture li::marker                                  { content: '\e08d'; }

.wp-block-group {
	&.alignfull {
		left: 0;
		margin-left: calc(0px - (1.5 * var(--gutter)));
		margin-right: auto;
		max-width: var(--boxed-width);
		position: relative;
		right: unset;
		width: var(--boxed-width);
		margin-block-start:0;
	}
	&.alignwide {
		width: 100%;
		max-width: var(--content-width);
		margin-inline:auto;
	}
}
.wp-block-image {
	position: relative;
	& > .alignright {
		margin: 0 0 var(--space-m) var(--space-l) !important;
	}
	& > .alignleft {
		margin: 0 var(--space-l) var(--space-m) 0 !important;
	}
	& > .aligncenter {
		margin: var(--space-m) auto !important;
	}


	@media only screen and (max-width: 960px) {	
		& > .alignright,
		& > .alignleft {			
			margin: var(--space-m) auto !important;
			display: block !important;
			float: unset !important;
		}
	}

	&.alignwide {
		width: 100%;
		max-width: var(--content-width);
		margin-inline:auto;
	}
	&.alignfull {
		left: 0;
		margin-left: calc(0px - (1.5 * var(--gutter)));
		margin-right: auto;
		max-width: var(--boxed-width);
		position: relative;
		right: unset;
		width: var(--boxed-width);
		margin-block-start:0;
	}
	& > figure {		
		position: relative;
	}
	& figcaption {
		position: absolute;
		top: unset;
		right: unset;
		bottom: 0px;
		left: 0px;
		z-index: 1;
		width: 100%;
		background: linear-gradient(transparent, var(--neutral-trans-80) 80% ) !important;
		background-blend-mode: multiply;
		text-shadow: unset !important;
		font-size: var(--text-xs) !important;
		color: var(--text-light-muted) !important;
		padding: var(--space-m) var(--space-s) var(--space-s) !important;
		line-height: var(--text-xs-line-height);
		text-align: left !important;
		margin:0 !important;
		scrollbar-color: #0000 #0000;
		scrollbar-gutter: stable both-edges;
		scrollbar-width: thin;
		overflow: auto;
		margin:0 !important;
		/*pointer-events: none;*/

		& .image--copyright {
			position: relative;
			width: 100%;
			display: inline-flex;
			flex-wrap: wrap;
			gap: 0.375ch 1ch;
			overflow: hidden;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			& * {
				font-weight: 400;
			}
			& a {
				color: currentcolor !important;
			}
			& .beschreibung {
				font-weight: 600;
			}
		}

	}
}
figure.wp-block-image {
	position: relative;
	margin: var(--paragraph-spacing, var(--flow-spacing, initial)) 0;

	&::before {
		display: none !important;
	}

	& figcaption {
		position: absolute;
		top: unset;
		right: unset;
		bottom: 0px;
		left: 0px;
		z-index: 1;
		width: 100%;
		background: linear-gradient(transparent, var(--neutral-trans-80) 80% ) !important;
		background-blend-mode: multiply;
		text-shadow: unset !important;
		font-size: var(--text-xs) !important;
		color: var(--text-light-muted) !important;
		padding: var(--space-m) var(--space-s) var(--space-s) !important;
		line-height: var(--text-xs-line-height);
		text-align: left !important;
		margin:0 !important;
		scrollbar-color: #0000 #0000;
		scrollbar-gutter: stable both-edges;
		scrollbar-width: thin;
		overflow: auto;
		margin: 0 !important;
		/*pointer-events: none;*/

		& .image--copyright {
			position: relative;
			width: 100%;
			display: inline-flex;
			flex-wrap: wrap;
			gap: 0.375ch 1ch;
			overflow: hidden;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			& * {
				font-weight: 400;
			}
			& a {
				color: currentcolor !important;
			}
			& .beschreibung {
				font-weight: 600;
			}
		}

	}
}

.wp-lightbox-overlay.zoom.active .scrim {
	background-color: var(--neutral-ultra-dark-trans-90) !important;
}
.wp-lightbox-overlay .close-button {
	color: var(--text-light-muted) !important;
	fill: var(--text-light-muted) !important;
	transition: .3s;

	&:hover {		
		color: var(--white) !important;
		fill: var(--white) !important;
	}
}

a.bricks-lightbox {
	cursor: zoom-in !important;
}


/* SECTIONS */
.texture-secondary-gradient,
.texture-2 {
	border-top: calc(var(--border-width) / 2) solid var(--secondary-light);
	border-bottom: var(--border-width) solid var(--secondary-light);
}

.section--lead,
.section--lead--clean {
	font-size: var(--text-l);
	line-height: var(--text-l-line-height);
	text-wrap: pretty;
	font-weight: var(--text-font-weight);
	hyphens: manual;

	& strong,
	& b {
		font-weight: 600;
	}
}

.section--lead {
	font-weight: 600;
	text-wrap: balance;
}

.section--eyebrow,
.section--eyebrow--uppercase {
	font-family: var(--heading-font-family);
	font-size: var(--text-xs);
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: var(--text-xs-line-height);
}

.section--eyebrow--uppercase {
	text-transform: uppercase;
}