/* @override 
	https://ferien.kayamurer.ch/wp-content/themes/bb-theme-child/style.css?* */




/*
Theme Name: Beaver Builder Child Theme
Theme URI: https://www.wpbeaverbuilder.com
Version: 1.2
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: https://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here...Remember to change the Version number above! */ 


/* @group Font Reset
------------------------------------------------------------- */

html {
	-webkit-font-smoothing: antialiased!important;
	-moz-osx-font-smoothing: grayscale!important;
	text-rendering: optimizeLegibility!important;
	font-size: 16px;
}

/* @end */



/* @group Custom Properties - General
------------------------------------------------------------- */

:root {
	/* Viewport Breakpoints */
	--min-viewport: 350;
	--mobile-max: 900;
	--desktop-min: 901;
	--max-viewport: 1800;
	
	/* Typography */
	/* font-size-base */
	--base-mobile-min: 18;
	--base-mobile-max: 24;
	--base-mobile-slope: calc((var(--base-mobile-max) - var(--base-mobile-min)) / (var(--mobile-max) - var(--min-viewport)));
	--base-mobile-intercept: calc(var(--base-mobile-min) - var(--base-mobile-slope) * var(--min-viewport));
	
	--base-desktop-min: 18;
	--base-desktop-max: 24;
	--base-desktop-slope: calc((var(--base-desktop-max) - var(--base-desktop-min)) / (var(--max-viewport) - var(--desktop-min)));
	--base-desktop-intercept: calc(var(--base-desktop-min) - var(--base-desktop-slope) * var(--desktop-min));
	
	/* font-size-m */
	--m-mobile-min: 24;
	--m-mobile-max: 48;
	--m-mobile-slope: calc((var(--m-mobile-max) - var(--m-mobile-min)) / (var(--mobile-max) - var(--min-viewport)));
	--m-mobile-intercept: calc(var(--m-mobile-min) - var(--m-mobile-slope) * var(--min-viewport));
	
	--m-desktop-min: 24;
	--m-desktop-max: 48;
	--m-desktop-slope: calc((var(--m-desktop-max) - var(--m-desktop-min)) / (var(--max-viewport) - var(--desktop-min)));
	--m-desktop-intercept: calc(var(--m-desktop-min) - var(--m-desktop-slope) * var(--desktop-min));
	
	/* font-size-l */
	--l-mobile-min: 36;
	--l-mobile-max: 90;
	--l-mobile-slope: calc((var(--l-mobile-max) - var(--l-mobile-min)) / (var(--mobile-max) - var(--min-viewport)));
	--l-mobile-intercept: calc(var(--l-mobile-min) - var(--l-mobile-slope) * var(--min-viewport));
	
	--l-desktop-min: 36;
	--l-desktop-max: 90;
	--l-desktop-slope: calc((var(--l-desktop-max) - var(--l-desktop-min)) / (var(--max-viewport) - var(--desktop-min)));
	--l-desktop-intercept: calc(var(--l-desktop-min) - var(--l-desktop-slope) * var(--desktop-min));
}

	@media (max-width: 900px) {
	    :root {
			--font-size-base: clamp(
			    calc(var(--base-mobile-min) * 1px),
			    calc(var(--base-mobile-intercept) * 1px + var(--base-mobile-slope) * 100vw),
			    calc(var(--base-mobile-max) * 1px)
			);
			
			--font-size-m: clamp(
			    calc(var(--m-mobile-min) * 1px),
			    calc(var(--m-mobile-intercept) * 1px + var(--m-mobile-slope) * 100vw),
			    calc(var(--m-mobile-max) * 1px)
			);
			
			--font-size-l: clamp(
			    calc(var(--l-mobile-min) * 1px),
			    calc(var(--l-mobile-intercept) * 1px + var(--l-mobile-slope) * 100vw),
			    calc(var(--l-mobile-max) * 1px)
			);
			
			--font-size-s: calc( var(--font-size-base) * 0.75 );
	    }
	}
	
	@media (min-width: 901px) {
	    :root {
	        --font-size-base: clamp(
	            calc(var(--base-desktop-min) * 1px),
	            calc(var(--base-desktop-intercept) * 1px + var(--base-desktop-slope) * 100vw),
	            calc(var(--base-desktop-max) * 1px)
	        );
	        
	        --font-size-m: clamp(
	            calc(var(--m-desktop-min) * 1px),
	            calc(var(--m-desktop-intercept) * 1px + var(--m-desktop-slope) * 100vw),
	            calc(var(--m-desktop-max) * 1px)
	        );
	        
	        --font-size-l: clamp(
	            calc(var(--l-desktop-min) * 1px),
	            calc(var(--l-desktop-intercept) * 1px + var(--l-desktop-slope) * 100vw),
	            calc(var(--l-desktop-max) * 1px)
	        );
			
			--font-size-s: calc( var(--font-size-base) * 0.75 );
	    }
	}

:root {
	--line-height-s: 1.2;
	--line-height-base: 1.2;
	--line-height-m: 1.0;
	--line-height-l: 0.8;

	--font-family: "roc-grotesk", sans-serif;
	--font-family-heading: "oaks-semiexpanded", sans-serif;
	--font-weight: 400;
	--font-weight-heading: 700;
	--font-style: normal;
	--letter-spacing: 0.01em;
	--word-spacing: 0;
	
	--spacing-0-125: calc(var(--spacing-1) * 0.125);
	--spacing-0-25: calc(var(--spacing-1) * 0.25);
	--spacing-0-375: calc(var(--spacing-1) * 0.375);
	--spacing-0-5: calc(var(--spacing-1) * 0.5);
	--spacing-0-75: calc(var(--spacing-1) * 0.75);
	--spacing-1: var(--font-size-base);
	--spacing-1-5: calc(var(--spacing-1) * 1.5);
	--spacing-2: calc(var(--spacing-1) * 2);
	--spacing-2-5: calc(var(--spacing-1) * 2.5);
	--spacing-3: calc(var(--spacing-1) * 3);
	--spacing-4: calc(var(--spacing-1) * 4);
	--spacing-5: calc(var(--spacing-1) * 5);
	--spacing-6: calc(var(--spacing-1) * 6);
	--spacing-7: calc(var(--spacing-1) * 7);
	--spacing-8: calc(var(--spacing-1) * 8);
	--spacing-9: calc(var(--spacing-1) * 9);
	--spacing-10: calc(var(--spacing-1) * 10);
	
	--section-padding-block: var(--spacing-3);
	--section-padding-block-sm: var(--spacing-1);
	--container-padding-inline: 5vw;
	--grid-gap: var(--spacing-1);
	--module-margin-block: var(--spacing-1);
	--box-padding: var(--spacing-1-5);
	--box-border-radius: var(--spacing-1);
	
	--border-color: #e0e0e0;
}

/* @end */



/* @group Color
------------------------------------------------------------- */

body {
	color: var(--color-text);
	background-color: var(--color-page-background);
}

.fl-page .fl-page-content {
	background-color: transparent;
}

.fl-builder-content h1,
.fl-builder-content h1 a,
.fl-builder-content h1 span,
.fl-builder-content h2,
.fl-builder-content h2 a,
.fl-builder-content h2 span,
.fl-builder-content h3,
.fl-builder-content h3 a,
.fl-builder-content h3 span,
.fl-builder-content h4,
.fl-builder-content h4 a,
.fl-builder-content h4 span,
.fl-builder-content h5,
.fl-builder-content h5 a,
.fl-builder-content h5 span,
.fl-builder-content h6,
.fl-builder-content h6 a,
.fl-builder-content h6 span {
	color: var(--color-text);
}

.fl-builder-content:not(.fl-builder-empty)  {
	color: var(--color-text);
}

a,
a:hover {
	color: var(--color-text);
}

/* @end */



/* @group Typography
------------------------------------------------------------- */



/* @group General
------------------------------------------------------------- */

body {
	font-family: var(--font-family);
	font-weight: var(--font-weight);
	font-style: var(--font-style);
	font-size: var(--font-size-base);
	line-height: var(--line-height-base);
}

p,
ul,
ol {
	font-family: var(--font-family);
	font-weight: var(--font-weight);
	font-style: var(--font-style);
	letter-spacing: var(--letter-spacing);
	word-spacing: var(--word-spacing);
	color: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font-family-heading);
	font-weight: var(--font-weight-heading);
	font-style: var(--font-style);
	letter-spacing: var(--letter-spacing);
	word-spacing: var(--word-spacing);
	color: inherit;
}

p {
	font-size: var(--font-size-base);
	line-height: var(--line-height-base);
}

h1 {
	font-size: var(--font-size-l);
	line-height: var(--line-height-l);
	font-weight: var(--font-weight-bold);
}

h2 {
	font-size: var(--font-size-l);
	line-height: var(--line-height-l);
	font-weight: var(--font-weight-bold);
}

h3 {
	font-size: var(--font-size-m);
	line-height: var(--line-height-m);
	font-weight: var(--font-weight-bold);
}

h4 {
	font-size: var(--font-size-m);
	line-height: var(--line-height-m);
	font-weight: var(--font-weight-bold);
}

h5 {
	font-size: var(--font-size-base);
	line-height: var(--line-height-base);
	font-weight: var(--font-weight-bold);
}

h6 {
	font-size: var(--font-size-base);
	line-height: var(--line-height-base);
	font-weight: var(--font-weight-bold);
}

.text-s,
.text-s * {
	font-size: var(--font-size-s) !important;
	line-height: var(--line-height-s) !important;
}

.text-base,
.text-base * {
	font-size: var(--font-size-base) !important;
	line-height: var(--line-height-base) !important;
}

.text-m,
.text-m * {
	font-size: var(--font-size-m) !important;
	line-height: var(--line-height-m) !important;
}

.text-l,
.text-l * {
	font-size: var(--font-size-l) !important;
	line-height: var(--line-height-l) !important;
}

.font-weight,
.font-weight * {
	font-weight: var(--font-weight)!important;
}

.font-weight-bold,
.font-weight-bold * {
	font-weight: var(--font-weight-bold)!important;
}

/* @end */



/* @group Spacing
------------------------------------------------------------- */

p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol {
	margin: var(--spacing-1) 0 0 0;
}

h1 {
	margin: var(--spacing-2) 0 0 0;
}

h2 {
	margin: var(--spacing-2) 0 0 0;
}

h3 {
	margin: var(--spacing-2) 0 0 0;
}

p:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
ul:first-child,
ol:first-child{
	margin-top: 0;
}

/* @end */



/* @group Lists
------------------------------------------------------------- */

/* Unordered List */

.fl-rich-text > ul,
.km-rich-text > ul {
	margin: var(--spacing-1) 0 0 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0;
}

.fl-rich-text > ul li,
.km-rich-text > ul li {
	list-style: none;
    display: flex;
}

.fl-rich-text > ul li::before,
.km-rich-text > ul li::before {
	content: "–";
	padding: 0 var(--spacing-0-5) 0 0;
	flex-shrink: 0;
}

/* Ordered List */

.fl-rich-text > ol,
.km-rich-text > ol {
	margin: var(--spacing-1) 0 0 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0;
	counter-reset: ol-counter;
}

.fl-rich-text > ol li,
.km-rich-text > ol li {
	list-style: none;
	display: flex;
	counter-increment: ol-counter;
}

.fl-rich-text > ol li::before,
.km-rich-text > ol li::before {
	content: counter(ol-counter) ".";
	padding: 0 var(--spacing-0-5) 0 0;
	flex-shrink: 0;
}

/* @end */



/* @group Links
------------------------------------------------------------- */

.fl-rich-text > * > a,
.km-rich-text >  a {
	position: relative;
	text-decoration: none;
	color: inherit;
}

.fl-rich-text > * > a::after,
.km-rich-text >  a::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: currentColor;
}

/* @end */



/* @end Typography */



/* @group Layout System
------------------------------------------------------------- */



/* @group Sections
------------------------------------------------------------- */

.km-section {
	padding-block: var(--section-padding-block);
}

.km-section--padding-sm {
	padding-block: var(--section-padding-block-sm);
}

.km-section--padding-top-sm {
	padding-block-start: var(--section-padding-block-sm);
}

.km-section--padding-bottom-sm {
	padding-block-end: var(--section-padding-block-sm);
}

.km-section--padding-none {
	padding-block: 0;
}

.km-section--padding-top-none { 
	padding-block-start: 0;
}

.km-section--padding-bottom-none {
	padding-block-end: 0;
}

/* @end */



/* @group Container
------------------------------------------------------------- */

.km-container {
	width: 100%;
	margin-inline: auto;
	padding-inline: var(--container-padding-inline);
}

.km-container--padding-none {
	padding-inline: 0;
}

/* @end */



/* @group Grid – Base
------------------------------------------------------------- */

.km-grid {
	display: grid;
	gap: var(--grid-gap);
}

.km-grid--gap-none { 
	gap: 0; 
}

	@media (max-width: 900px) {
	    .km-grid:not(.km-grid--no-stack) {
	        grid-template-columns: 1fr;
	    }
	}

/* @end */



/* @group Modules
------------------------------------------------------------- */

.fl-module {
	margin-block-start: var(--module-margin-block);
}

.fl-module:first-child {
	margin-block-start: 0;
}

.fl-module-box {
	margin-block-start: 0;
}

/* @end */


/* @group Box
------------------------------------------------------------- */

.km-box {
	padding: var(--box-padding);
	background-color: var(--color-card-background);
	border: 1px solid var(--color-border);
	border-radius: var(--box-border-radius);
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

/* @end */



/* @group BGap
------------------------------------------------------------- */

.km-gap {
	gap: var(--section-padding-block);
}

.km-gap--sm {
	gap: var(--section-padding-block-sm);
}

/* @end */


/* @end Layout System */



/* @group Attribute
------------------------------------------------------------- */

.campingplatz-attribute {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.campingplatz-attribute .attribut {
  padding-block: var(--module-margin-block);
  border-bottom: 1px solid var(--border-color);
}

.campingplatz-attribute .attribut:first-child {
  padding-top: 0;
}

.campingplatz-attribute .attribut:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

/* @end */



/* @group Ausflüge & Umgebung
------------------------------------------------------------- */

.ausflugsziele {
	margin: var(--spacing-1) 0 0 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0;
	counter-reset: ol-counter;
}

.ausflugsziele li {
	list-style: none;
	display: flex;
	align-items: center;
	counter-increment: ol-counter;
	
	padding-block: var(--module-margin-block);
	border-bottom: 1px solid var(--border-color);
}

.ausflugsziele li:first-child {
  padding-top: 0;
}

.ausflugsziele li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.ausflugsziele li::before {
	content: counter(ol-counter) ".";
	padding: 0 var(--spacing-1) 0 0;
	flex-shrink: 0;
	
	font-family: var(--font-family-heading);
	font-weight: var(--font-weight-heading);
	font-style: var(--font-style);
	letter-spacing: var(--letter-spacing);
	word-spacing: var(--word-spacing);
	color: inherit;
	
	font-size: var(--font-size-m);
	line-height: var(--line-height-m);
	font-weight: var(--font-weight-bold);
}

.ausflugsziele li:nth-child(2n+1)::before {
	transform: rotate(-20deg);
}

.ausflugsziele li:nth-child(2n+2)::before {
	transform: rotate(20deg);
}

/* @end */



/* @group Bewertung
------------------------------------------------------------- */

.campingplatz-bewertungen {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.bewertung {
  display: flex;
  flex-direction: column;
  padding: 12px 0;
  border-bottom: 1px solid #e0e0e0;
}

.bewertung:last-child {
  border-bottom: none;
}

.bewertung-header {
  display: flex;
  flex-direction: row;
  gap: 0;
  justify-content: space-between;
}

.bewertung-label {

}

.sterne {
  display: flex;
  gap: 3px;
}

.bewertung-zahl {

}

.bewertung .icon {
	
}

.bewertung .icon::before {
	--size: var(--spacing-1);
	--bg: transparent;
	
	background-size: 100%;
}

/* @end */









/* @group Icons
------------------------------------------------------------- */


.icon {
  --size: var(--spacing-2);
  --bg: #d8f3dc;

  display: inline-flex;
  align-items: center;
  gap: var(--spacing-0-5);
  vertical-align: middle;
}

/* Kreis mit Icon */
.icon::before {
  content: '';
  flex-shrink: 0;
  display: block;
  width: var(--size);
  height: var(--size);
  border-radius: 15px;
  background-color: var(--bg);
  background-image: var(--icon-svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;
}

/* Optionales Label */
.icon[data-label]::after {
  content: attr(data-label);
  font-size: var(--font-size-base);
  white-space: nowrap;
}

/* Inaktiv */
.icon.inactive {
  opacity: 0.35;
  filter: grayscale(1);
}

/* =============================================
   ICONS
   ============================================= */

.icon--wieder-besuchen-ja {
  --bg: #d8f3dc;
  --icon-svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMjRBMTA0LDEwNCwwLDEsMCwyMzIsMTI4LDEwNC4xMSwxMDQuMTEsMCwwLDAsMTI4LDI0Wm0wLDE5MmE4OCw4OCwwLDEsMSw4OC04OEE4OC4xLDg4LjEsMCwwLDEsMTI4LDIxNlpNODAsMTA4YTEyLDEyLDAsMSwxLDEyLDEyQTEyLDEyLDAsMCwxLDgwLDEwOFptOTYsMGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSwxNzYsMTA4Wm0tMS4wNyw0OGMtMTAuMjksMTcuNzktMjcuNCwyOC00Ni45MywyOHMtMzYuNjMtMTAuMi00Ni45Mi0yOGE4LDgsMCwxLDEsMTMuODQtOGM3LjQ3LDEyLjkxLDE5LjIxLDIwLDMzLjA4LDIwczI1LjYxLTcuMSwzMy4wNy0yMGE4LDgsMCwwLDEsMTMuODYsOFoiPjwvcGF0aD48L3N2Zz4=");
}

.icon--wieder-besuchen-nein {
  --bg: #d8f3dc;
  --icon-svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMjRBMTA0LDEwNCwwLDEsMCwyMzIsMTI4LDEwNC4xMSwxMDQuMTEsMCwwLDAsMTI4LDI0Wm0wLDE5MmE4OCw4OCwwLDEsMSw4OC04OEE4OC4xLDg4LjEsMCwwLDEsMTI4LDIxNlpNODAsMTA4YTEyLDEyLDAsMSwxLDEyLDEyQTEyLDEyLDAsMCwxLDgwLDEwOFptOTYsMGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSwxNzYsMTA4Wm0tMS4wOCw2NGE4LDgsMCwxLDEtMTMuODQsOGMtNy40Ny0xMi45MS0xOS4yMS0yMC0zMy4wOC0yMHMtMjUuNjEsNy4xLTMzLjA4LDIwYTgsOCwwLDEsMS0xMy44NC04YzEwLjI5LTE3Ljc5LDI3LjM5LTI4LDQ2LjkyLTI4UzE2NC42MywxNTQuMiwxNzQuOTIsMTcyWiI+PC9wYXRoPjwvc3ZnPg==");
}

.icon--wieder-besuchen-vielleicht {
  --bg: #d8f3dc;
  --icon-svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMjRBMTA0LDEwNCwwLDEsMCwyMzIsMTI4LDEwNC4xMSwxMDQuMTEsMCwwLDAsMTI4LDI0Wm0wLDE5MmE4OCw4OCwwLDEsMSw4OC04OEE4OC4xLDg4LjEsMCwwLDEsMTI4LDIxNlptNDgtNTZhOCw4LDAsMCwxLTgsOEg4OGE4LDgsMCwwLDEsMC0xNmg4MEE4LDgsMCwwLDEsMTc2LDE2MFpNODAsMTA4YTEyLDEyLDAsMSwxLDEyLDEyQTEyLDEyLDAsMCwxLDgwLDEwOFptOTYsMGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSwxNzYsMTA4WiI+PC9wYXRoPjwvc3ZnPg==");
}

.icon--highlight {
  --bg: #d8f3dc;
  --icon-svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzkuMTgsOTcuMjZBMTYuMzgsMTYuMzgsMCwwLDAsMjI0LjkyLDg2bC01OS00Ljc2TDE0My4xNCwyNi4xNWExNi4zNiwxNi4zNiwwLDAsMC0zMC4yNywwTDkwLjExLDgxLjIzLDMxLjA4LDg2YTE2LjQ2LDE2LjQ2LDAsMCwwLTkuMzcsMjguODZsNDUsMzguODNMNTMsMjExLjc1YTE2LjM4LDE2LjM4LDAsMCwwLDI0LjUsMTcuODJMMTI4LDE5OC40OWw1MC41MywzMS4wOEExNi40LDE2LjQsMCwwLDAsMjAzLDIxMS43NWwtMTMuNzYtNTguMDcsNDUtMzguODNBMTYuNDMsMTYuNDMsMCwwLDAsMjM5LjE4LDk3LjI2Wm0tMTUuMzQsNS40Ny00OC43LDQyYTgsOCwwLDAsMC0yLjU2LDcuOTFsMTQuODgsNjIuOGEuMzcuMzcsMCwwLDEtLjE3LjQ4Yy0uMTguMTQtLjIzLjExLS4zOCwwbC01NC43Mi0zMy42NWE4LDgsMCwwLDAtOC4zOCwwTDY5LjA5LDIxNS45NGMtLjE1LjA5LS4xOS4xMi0uMzgsMGEuMzcuMzcsMCwwLDEtLjE3LS40OGwxNC44OC02Mi44YTgsOCwwLDAsMC0yLjU2LTcuOTFsLTQ4LjctNDJjLS4xMi0uMS0uMjMtLjE5LS4xMy0uNXMuMTgtLjI3LjMzLS4yOWw2My45Mi01LjE2QTgsOCwwLDAsMCwxMDMsOTEuODZsMjQuNjItNTkuNjFjLjA4LS4xNy4xMS0uMjUuMzUtLjI1cy4yNy4wOC4zNS4yNUwxNTMsOTEuODZhOCw4LDAsMCwwLDYuNzUsNC45Mmw2My45Miw1LjE2Yy4xNSwwLC4yNCwwLC4zMy4yOVMyMjQsMTAyLjYzLDIyMy44NCwxMDIuNzNaIj48L3BhdGg+PC9zdmc+");
}

.icon--kritik {
  --bg: #d8f3dc;
  --icon-svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzkuODIsMTU3bC0xMi05NkEyNCwyNCwwLDAsMCwyMDQsNDBIMzJBMTYsMTYsMCwwLDAsMTYsNTZ2ODhhMTYsMTYsMCwwLDAsMTYsMTZINzUuMDZsMzcuNzgsNzUuNThBOCw4LDAsMCwwLDEyMCwyNDBhNDAsNDAsMCwwLDAsNDAtNDBWMTg0aDU2YTI0LDI0LDAsMCwwLDIzLjgyLTI3Wk03MiwxNDRIMzJWNTZINzJabTE1MCwyMS4yOWE3Ljg4LDcuODgsMCwwLDEtNiwyLjcxSDE1MmE4LDgsMCwwLDAtOCw4djI0YTI0LDI0LDAsMCwxLTE5LjI5LDIzLjU0TDg4LDE1MC4xMVY1NkgyMDRhOCw4LDAsMCwxLDcuOTQsN2wxMiw5NkE3Ljg3LDcuODcsMCwwLDEsMjIyLDE2NS4yOVoiPjwvcGF0aD48L3N2Zz4=");
}

.icon--tipps {
  --bg: #d8f3dc;
  --icon-svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNzYsMjMyYTgsOCwwLDAsMS04LDhIODhhOCw4LDAsMCwxLDAtMTZoODBBOCw4LDAsMCwxLDE3NiwyMzJabTQwLTEyOGE4Ny41NSw4Ny41NSwwLDAsMS0zMy42NCw2OS4yMUExNi4yNCwxNi4yNCwwLDAsMCwxNzYsMTg2djZhMTYsMTYsMCwwLDEtMTYsMTZIOTZhMTYsMTYsMCwwLDEtMTYtMTZ2LTZhMTYsMTYsMCwwLDAtNi4yMy0xMi42NkE4Ny41OSw4Ny41OSwwLDAsMSw0MCwxMDQuNDlDMzkuNzQsNTYuODMsNzguMjYsMTcuMTQsMTI1Ljg4LDE2QTg4LDg4LDAsMCwxLDIxNiwxMDRabS0xNiwwYTcyLDcyLDAsMCwwLTczLjc0LTcyYy0zOSwuOTItNzAuNDcsMzMuMzktNzAuMjYsNzIuMzlhNzEuNjUsNzEuNjUsMCwwLDAsMjcuNjQsNTYuM0EzMiwzMiwwLDAsMSw5NiwxODZ2Nmg2NHYtNmEzMi4xNSwzMi4xNSwwLDAsMSwxMi40Ny0yNS4zNUE3MS42NSw3MS42NSwwLDAsMCwyMDAsMTA0Wm0tMTYuMTEtOS4zNGE1Ny42LDU3LjYsMCwwLDAtNDYuNTYtNDYuNTUsOCw4LDAsMCwwLTIuNjYsMTUuNzhjMTYuNTcsMi43OSwzMC42MywxNi44NSwzMy40NCwzMy40NUE4LDgsMCwwLDAsMTc2LDEwNGE5LDksMCwwLDAsMS4zNS0uMTFBOCw4LDAsMCwwLDE4My44OSw5NC42NloiPjwvcGF0aD48L3N2Zz4=");
}

.icon--see {
  --bg: #d8f3dc;
  --icon-svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsNzZhMTIsMTIsMCwxLDEtMTItMTJBMTIsMTIsMCwwLDEsMTY4LDc2Wm00Miw3OS4wOGMtMTUuMDgsMjAuODQtMzcuNTMsMzQuODgtNjYuNyw0MS43NC0yMC4wOCw0LjcyLTQzLjU0LDYtNzAuMTIsMy45M3EyLjQsMTcuODIsNi43MiwzNy41NGE4LDgsMCwwLDEtNi4xLDkuNTIsNy44MSw3LjgxLDAsMCwxLTEuNzIuMTksOCw4LDAsMCwxLTcuODEtNi4yOXEtNC44OS0yMi4zNi03LjQxLTQyLjYyLTIwLjIyLTIuNTEtNDIuNTgtNy40MWE4LDgsMCwwLDEsMy40My0xNS42M3ExOS43LDQuMzIsMzcuNSw2LjczYy0yLjA5LTI2LjU2LS43OC01MCwzLjkzLTcwLjA2QzY2LDgzLjU1LDgwLjA1LDYxLjEsMTAwLjg4LDQ2LDExNSwzNS43NiwxNDAuMTUsMjMuNjQsMTc5LjI3LDI0YzIxLjE5LjIxLDQwLjgzLDQuMzMsNDMuODEsNi4wOGE4LDgsMCwwLDEsMi44MywyLjgzYzEuNzUsMyw1Ljg3LDIyLjU5LDYuMDgsNDMuNzhDMjMyLjIxLDk4LjMxLDIyOC41NywxMjkuNDQsMjEwLDE1NS4wOFptLTIzLjc2LDIuOEExMTIuMDcsMTEyLjA3LDAsMCwxLDk4LjEyLDY5Ljc0Qzc1LjY0LDk0LDY2LjcsMTMyLjQ3LDcxLjM2LDE4NC42LDEyMy41MSwxODkuMjgsMTYyLDE4MC4zNSwxODYuMjUsMTU3Ljg4Wk0yMTIuNDQsNDMuNTZhMTc1Ljc1LDE3NS43NSwwLDAsMC0zOS4yMi0zLjUxYy0yNC4zNC42NC00NC43MSw2LjQ5LTYwLjc2LDE3LjM5YTk2LDk2LDAsMCwwLDg2LjA5LDg2LjFjMTAuOTEtMTYsMTYuNzYtMzYuNDIsMTcuNC02MC43NkExNzUuODIsMTc1LjgyLDAsMCwwLDIxMi40NCw0My41NloiPjwvcGF0aD48L3N2Zz4=");
}

.icon--fluss {
  --bg: #fde8e4;
  --icon-svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjIuMTYsMTc3LjI1YTgsOCwwLDAsMS0xLDExLjI1Yy0xNy4zNiwxNC4zOS0zMi44NiwxOS41LTQ3LDE5LjUtMTguNTgsMC0zNC44Mi04LjgyLTQ5LjkzLTE3LTI1LjM1LTEzLjc2LTQ3LjI0LTI1LjY0LTc5LjA3Ljc0YTgsOCwwLDEsMS0xMC4yMi0xMi4zMWM0MC4xNy0zMy4yOCw3MC4zMi0xNi45Miw5Ni45My0yLjQ4LDI1LjM1LDEzLjc1LDQ3LjI0LDI1LjYzLDc5LjA3LS43NEE4LDgsMCwwLDEsMjIyLjE2LDE3Ny4yNVptLTExLjI3LTU3Yy0zMS44MywyNi4zOC01My43MiwxNC41LTc5LjA3Ljc0LTI2LjYxLTE0LjQzLTU2Ljc2LTMwLjc5LTk2LjkzLDIuNDlhOCw4LDAsMCwwLDEwLjIyLDEyLjMxYzMxLjgzLTI2LjM4LDUzLjcyLTE0LjUsNzkuMDctLjc0LDE1LjExLDguMTksMzEuMzUsMTcsNDkuOTMsMTcsMTQuMTQsMCwyOS42NC01LjExLDQ3LTE5LjVhOCw4LDAsMSwwLTEwLjIyLTEyLjMxWk00NS4xMSw3OS44YzMxLjgzLTI2LjM3LDUzLjcyLTE0LjQ5LDc5LjA3LS43NCwxNS4xMSw4LjIsMzEuMzUsMTcsNDkuOTMsMTcsMTQuMTQsMCwyOS42NC01LjEyLDQ3LTE5LjVhOCw4LDAsMSwwLTEwLjIyLTEyLjMxYy0zMS44MywyNi4zOC01My43MiwxNC41LTc5LjA3Ljc0QzEwNS4yMSw1MC41OCw3NS4wNiwzNC4yMiwzNC44OSw2Ny41QTgsOCwwLDEsMCw0NS4xMSw3OS44WiI+PC9wYXRoPjwvc3ZnPg==");
}

.icon--meer {
  --bg: #dbeaf3;
  --icon-svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzguMjUsMjI5QTgsOCwwLDAsMSwyMjcsMjMwLjI1Yy0uMzctLjMtMzguODItMzAuMjUtOTktMzAuMjVTMjkuMzYsMjMwLDI5LDIzMC4yNmE4LDgsMCwwLDEtMTAtMTIuNTFjMS42My0xLjMsMzguNTItMzAuMjYsOTguMjktMzMuNDVBMTE5Ljk0LDExOS45NCwwLDAsMSwxMTQsMTQ2LjM3YzEuNzQtMjEuNzEsMTAuOTItNTAuNjMsNDMtNzIuNDhBNjQuNjUsNjQuNjUsMCwwLDAsMTQwLjI2LDcyYy0xOSwuNjItMzAuOTQsMTEuNzEtMzYuNSwzMy45MkE4LDgsMCwwLDEsOTYsMTEyYTcuNjQsNy42NCwwLDAsMS0xLjk0LS4yNCw4LDgsMCwwLDEtNS44Mi05LjdjOS4yNS0zNi45NSwzMy4xMS00NS40Miw1MS41LTQ2YTgxLjQ4LDgxLjQ4LDAsMCwxLDIxLjY4LDIuNDVjLTMuODMtNi4zMy05LjQzLTEyLjkzLTE3LjIxLTE2LjI1LTEwLTQuMjQtMjIuMTctMi4zOS0zNi4zMSw1LjUxYTgsOCwwLDAsMS03LjgtMTRjMTguNzQtMTAuNDUsMzUuNzItMTIuNTQsNTAuNDgtNi4yLDEyLjQ5LDUuMzYsMjAuNzMsMTUuNzgsMjUuODcsMjUsNi4xOC05LjY0LDEzLjg4LTE2LjE3LDIyLjM5LTE4Ljk0LDExLjg2LTMuODcsMjQuNjQtLjcyLDM4LDkuMzdhOCw4LDAsMCwxLTkuNjQsMTIuNzZjLTguOTEtNi43My0xNi43Ny05LjA2LTIzLjM1LTYuOTMtNy4yOSwyLjM1LTEyLjg3LDEwLTE2LjM3LDE2LjYxQTcwLjQ2LDcwLjQ2LDAsMCwxLDIwOCw3My4wN2MxNC42MSw4LjM1LDMyLDI2LjA1LDMyLDYyLjk0YTgsOCwwLDAsMS0xNiwwYzAtMjMuNDYtOC4wNy00MC0yNC00OWE1MC40OSw1MC40OSwwLDAsMC01Ljc1LTIuOCw1NS42NCw1NS42NCwwLDAsMSw1LjA2LDMzLjA2LDU5LjQxLDU5LjQxLDAsMCwxLTguODYsMjMuNDEsOCw4LDAsMCwxLTEzLjA5LTkuMmMuNzQtMS4wOSwxNi4zMy0yNC4zOC0zLjI2LTQ5LjM3LTI3LDE1LjIxLTQxLjg5LDM3LjI1LTQ0LjE2LDY1LjU5YTEwNC4yNywxMDQuMjcsMCwwLDAsMy44MywzNi40NGM2Mi42NSwxLjgxLDEwMS41MiwzMi4zMywxMDMuMiwzMy42NkE4LDgsMCwwLDEsMjM4LjI1LDIyOVpNMjQsMTQwYTI4LDI4LDAsMSwxLDI4LDI4QTI4LDI4LDAsMCwxLDI0LDE0MFptMTYsMGExMiwxMiwwLDEsMCwxMi0xMkExMiwxMiwwLDAsMCw0MCwxNDBaIj48L3BhdGg+PC9zdmc+");
}

.icon--berg {
  --bg: #e2e8f0;
  --icon-svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjQsODBhMjgsMjgsMCwxLDAtMjgtMjhBMjgsMjgsMCwwLDAsMTY0LDgwWm0wLTQwYTEyLDEyLDAsMSwxLTEyLDEyQTEyLDEyLDAsMCwxLDE2NCw0MFptOTAuODgsMTU1LjkyLTU0LjU2LTkyLjA4QTE1Ljg3LDE1Ljg3LDAsMCwwLDE4Ni41NSw5NmgwYTE1Ljg1LDE1Ljg1LDAsMCwwLTEzLjc2LDcuODRMMTQ2LjYzLDE0OGwtNDQuODQtNzYuMWExNiwxNiwwLDAsMC0yNy41OCwwTDEuMTEsMTk1Ljk0QTgsOCwwLDAsMCw4LDIwOEgyNDhhOCw4LDAsMCwwLDYuODgtMTIuMDhaTTg4LDgwbDIzLjU3LDQwSDY0LjQzWk0yMiwxOTJsMzMtNTZoNjZsMTguNzQsMzEuOCwwLDBMMTU0LDE5MlptMTUwLjU3LDAtMTYuNjYtMjguMjhMMTg2LjU1LDExMiwyMzQsMTkyWiI+PC9wYXRoPjwvc3ZnPg==");
}

.icon--restaurant {
  --bg: #fef3d0;
  --icon-svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik03Miw4OFY0MGE4LDgsMCwwLDEsMTYsMFY4OGE4LDgsMCwwLDEtMTYsMFpNMjE2LDQwVjIyNGE4LDgsMCwwLDEtMTYsMFYxNzZIMTUyYTgsOCwwLDAsMS04LTgsMjY4Ljc1LDI2OC43NSwwLDAsMSw3LjIyLTU2Ljg4YzkuNzgtNDAuNDksMjguMzItNjcuNjMsNTMuNjMtNzguNDdBOCw4LDAsMCwxLDIxNiw0MFpNMjAwLDUzLjljLTMyLjE3LDI0LjU3LTM4LjQ3LDg0LjQyLTM5LjcsMTA2LjFIMjAwWk0xMTkuODksMzguNjlhOCw4LDAsMSwwLTE1Ljc4LDIuNjNMMTEyLDg4LjYzYTMyLDMyLDAsMCwxLTY0LDBsNy44OC00Ny4zMWE4LDgsMCwxLDAtMTUuNzgtMi42M2wtOCw0OEE4LjE3LDguMTcsMCwwLDAsMzIsODhhNDguMDcsNDguMDcsMCwwLDAsNDAsNDcuMzJWMjI0YTgsOCwwLDAsMCwxNiwwVjEzNS4zMkE0OC4wNyw0OC4wNywwLDAsMCwxMjgsODhhOC4xNyw4LjE3LDAsMCwwLS4xMS0xLjMxWiI+PC9wYXRoPjwvc3ZnPg==");
}

.icon--shop {
  --bg: #ede7f6;
  --icon-svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIsOTZhNy44OSw3Ljg5LDAsMCwwLS4zLTIuMkwyMTcuMzUsNDMuNkExNi4wNywxNi4wNywwLDAsMCwyMDIsMzJINTRBMTYuMDcsMTYuMDcsMCwwLDAsMzguNjUsNDMuNkwyNC4zMSw5My44QTcuODksNy44OSwwLDAsMCwyNCw5NmgwdjE2YTQwLDQwLDAsMCwwLDE2LDMydjcyYTgsOCwwLDAsMCw4LDhIMjA4YTgsOCwwLDAsMCw4LThWMTQ0YTQwLDQwLDAsMCwwLDE2LTMyVjk2Wk01NCw0OEgyMDJsMTEuNDIsNDBINDIuNjFabTUwLDU2aDQ4djhhMjQsMjQsMCwwLDEtNDgsMFptLTE2LDB2OGEyNCwyNCwwLDAsMS0zNS4xMiwyMS4yNiw3Ljg4LDcuODgsMCwwLDAtMS44Mi0xLjA2QTI0LDI0LDAsMCwxLDQwLDExMnYtOFpNMjAwLDIwOEg1NlYxNTEuMmE0MC41Nyw0MC41NywwLDAsMCw4LC44LDQwLDQwLDAsMCwwLDMyLTE2LDQwLDQwLDAsMCwwLDY0LDAsNDAsNDAsMCwwLDAsMzIsMTYsNDAuNTcsNDAuNTcsMCwwLDAsOC0uOFptNC45My03NS44YTguMDgsOC4wOCwwLDAsMC0xLjgsMS4wNUEyNCwyNCwwLDAsMSwxNjgsMTEydi04aDQ4djhBMjQsMjQsMCwwLDEsMjA0LjkzLDEzMi4yWiI+PC9wYXRoPjwvc3ZnPg==");
}

.icon--spielplatz {
  --bg: #f3f4f6;
  --icon-svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjkuNjYsMjE4LjM0bC00OC40Mi00OC40MWMxLjEtLjMzLDIuMTktLjY4LDMuMjctMS4wN0E2MCw2MCwwLDAsMCwyMjAuMzcsOTJhOCw4LDAsMCwwLTEwLjI1LTQuNzhsLTQ0LjIsMTYuMDhjLjMyLS42Mi42NC0xLjI0LjkzLTEuODhBNjAsNjAsMCwwLDAsOTIsMTkuNjUsOCw4LDAsMCwwLDg3LjE4LDI5LjlsMTYuMDgsNDQuMmMtLjYyLS4zMi0xLjI0LS42NC0xLjg4LS45M2E2MCw2MCwwLDAsMC04MS43Myw3NC44OSw4LDgsMCwwLDAsMTAuMjUsNC43OGw0NC4yLTE2LjA5Yy0uMzIuNjMtLjY0LDEuMjUtLjkzLDEuODlhNjAsNjAsMCwwLDAsNzQuODksODEuNzMsOCw4LDAsMCwwLDQuNzgtMTAuMjVsLTE2LjA5LTQ0LjJjLjYzLjMyLDEuMjUuNjQsMS44OS45M2E1OS44Nyw1OS44NywwLDAsMCwyMi40OCw1LjU4bDU3LjIyLDU3LjIzYTgsOCwwLDAsMCwxMS4zMi0xMS4zMlpNMTMxLjA3LDM2LjE1QTQ0LDQ0LDAsMCwxLDEzNC44LDExNEwxMDUuMTksMzIuNjNBNDMuNjMsNDMuNjMsMCwwLDEsMTMxLjA3LDM2LjE1Wk0zMi42MywxMzQuODJBNDQsNDQsMCwwLDEsMTE0LDEwNS4yMlpNMTA5LDIwMy44N2E0NCw0NCwwLDAsMS0zLjczLTc3LjgxbDI5LjYsODEuMzNBNDMuNiw0My42LDAsMCwxLDEwOSwyMDMuODdabTU1LjU2LTQ3LjM4aC0uMTFhNDQuMTQsNDQuMTQsMCwwLDEtMzguMzQtMjEuNjlsODEuMzMtMjkuNjFhNDQuMDYsNDQuMDYsMCwwLDEtNDIuODgsNTEuM1oiPjwvcGF0aD48L3N2Zz4=");
}

.icon--schwimmbad {
  --bg: #fce8d8;
  --icon-svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik04OCwxNDkuMzlhOCw4LDAsMCwwLDgtOFYxMjhoNjR2MTUuMjlhOCw4LDAsMCwwLDE2LDBWMzJhOCw4LDAsMCwwLTE2LDBWNDhIOTZWMzJhOCw4LDAsMCwwLTE2LDBWMTQxLjM5QTgsOCwwLDAsMCw4OCwxNDkuMzlaTTk2LDExMlY5Nmg2NHYxNlptNjQtNDhWODBIOTZWNjRaTTI0LDE2OGE4LDgsMCwwLDEsOC04YzE0LjQyLDAsMjIuMTksNS4xOCwyOC40NCw5LjM0QzY2LDE3My4wNiw3MC40MiwxNzYsODAsMTc2czE0LTIuOTQsMTkuNTYtNi42NmM2LjI0LTQuMTYsMTQtOS4zNCwyOC40My05LjM0czIyLjIsNS4xOCwyOC40NCw5LjM0YzUuNTgsMy43MiwxMCw2LjY2LDE5LjU3LDYuNjZzMTQtMi45NCwxOS41Ni02LjY2YzYuMjUtNC4xNiwxNC05LjM0LDI4LjQ0LTkuMzRhOCw4LDAsMCwxLDAsMTZjLTkuNTgsMC0xNCwyLjk0LTE5LjU2LDYuNjYtNi4yNSw0LjE2LTE0LDkuMzQtMjguNDQsOS4zNHMtMjIuMi01LjE4LTI4LjQ0LTkuMzRDMTQyLDE3OC45NCwxMzcuNTcsMTc2LDEyOCwxNzZzLTE0LDIuOTQtMTkuNTYsNi42NmMtNi4yNCw0LjE2LTE0LDkuMzQtMjguNDMsOS4zNHMtMjIuMTktNS4xOC0yOC40NC05LjM0QzQ2LDE3OC45NCw0MS41OCwxNzYsMzIsMTc2QTgsOCwwLDAsMSwyNCwxNjhabTIwOCw0MGE4LDgsMCwwLDEtOCw4Yy05LjU4LDAtMTQsMi45NC0xOS41Niw2LjY2LTYuMjUsNC4xNi0xNCw5LjM0LTI4LjQ0LDkuMzRzLTIyLjItNS4xOC0yOC40NC05LjM0QzE0MiwyMTguOTQsMTM3LjU3LDIxNiwxMjgsMjE2cy0xNCwyLjk0LTE5LjU2LDYuNjZjLTYuMjQsNC4xNi0xNCw5LjM0LTI4LjQzLDkuMzRzLTIyLjE5LTUuMTgtMjguNDQtOS4zNEM0NiwyMTguOTQsNDEuNTgsMjE2LDMyLDIxNmE4LDgsMCwwLDEsMC0xNmMxNC40MiwwLDIyLjE5LDUuMTgsMjguNDQsOS4zNEM2NiwyMTMuMDYsNzAuNDIsMjE2LDgwLDIxNnMxNC0yLjk0LDE5LjU2LTYuNjZjNi4yNC00LjE2LDE0LTkuMzQsMjguNDMtOS4zNHMyMi4yLDUuMTgsMjguNDQsOS4zNGM1LjU4LDMuNzIsMTAsNi42NiwxOS41Nyw2LjY2czE0LTIuOTQsMTkuNTYtNi42NmM2LjI1LTQuMTYsMTQtOS4zNCwyOC40NC05LjM0QTgsOCwwLDAsMSwyMzIsMjA4WiI+PC9wYXRoPjwvc3ZnPg==");
}

.icon--auto {
  --bg: #fce8d8;
  --icon-svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDAsMTEySDIxMS4zMUwxNjgsNjguNjlBMTUuODYsMTUuODYsMCwwLDAsMTU2LjY5LDY0SDQ0LjI4QTE2LDE2LDAsMCwwLDMxLDcxLjEyTDEuMzQsMTE1LjU2QTguMDcsOC4wNywwLDAsMCwwLDEyMHY0OGExNiwxNiwwLDAsMCwxNiwxNkgzM2EzMiwzMiwwLDAsMCw2MiwwaDY2YTMyLDMyLDAsMCwwLDYyLDBoMTdhMTYsMTYsMCwwLDAsMTYtMTZWMTI4QTE2LDE2LDAsMCwwLDI0MCwxMTJaTTQ0LjI4LDgwSDE1Ni42OWwzMiwzMkgyM1pNNjQsMTkyYTE2LDE2LDAsMSwxLDE2LTE2QTE2LDE2LDAsMCwxLDY0LDE5MlptMTI4LDBhMTYsMTYsMCwxLDEsMTYtMTZBMTYsMTYsMCwwLDEsMTkyLDE5MlptNDgtMjRIMjIzYTMyLDMyLDAsMCwwLTYyLDBIOTVhMzIsMzIsMCwwLDAtNjIsMEgxNlYxMjhIMjQwWiI+PC9wYXRoPjwvc3ZnPg==");
}

/* @end */

































/* @group Swiper Module
------------------------------------------------------------- */

.fl-module-pinc-swiper-slider  {
	--swiper-slide-gap: var(--spacing-0-5);
	--swiper-navigation-size: var(--spacing-3);
	--swiper-navigation-icon-size: 0.25;
	--swiper-navigation-thickness: 3px;
    --swiper-navigation-color: var(--color-text);
	--swiper-navigation-background-color: var(--color-accent);
	--swiper-navigation-position-offset: var(--spacing-1-5);
    --swiper-pagination-bottom: 8px;
    --swiper-pagination-bullet-size: 8px;
    --swiper-pagination-bullet-horizontal-gap: 4px;
    --swiper-pagination-color: var(--color-accent);
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-inactive-color: var(--og-color-secondary);
    --swiper-pagination-bullet-inactive-opacity: 1;
}

/* Gap */

/* Container ausgleichen */
.fl-module-pinc-swiper-slider .pinc-swiper {
    margin-inline: calc( var(--swiper-slide-gap) / -2 );
	padding-inline: var(--container-padding-inline);
}

/* Slides bekommen halbes Gap als Padding auf jeder Seite */
.fl-module-pinc-swiper-slider .pinc-swiper-slide {
    padding-inline: calc( var(--swiper-slide-gap) / 2 );
}

/* Navigation-Arrows zurück in den sichtbaren Bereich verschieben */
.fl-module-pinc-swiper-slider .swiper-button-prev {
    left: calc( ( var(--swiper-slide-gap) / 2 ) + var(--swiper-navigation-position-offset) );
}

.fl-module-pinc-swiper-slider .swiper-button-next {
    right: calc( ( var(--swiper-slide-gap) / 2 ) + var(--swiper-navigation-position-offset) );
}

/* Arrows */

.fl-module-pinc-swiper-slider .swiper-button-prev,
.fl-module-pinc-swiper-slider .swiper-button-next {
    background-color: var(--swiper-navigation-background-color);
	border-radius: 9999px;
	transition: opacity .2s ease-in-out 0s;
}

.fl-module-pinc-swiper-slider .swiper-button-next svg,
.fl-module-pinc-swiper-slider .swiper-button-prev svg {
	display: none;
}

.fl-module-pinc-swiper-slider .swiper-button-next::after,
.fl-module-pinc-swiper-slider .swiper-button-prev::after {
	display: none;
}

.fl-module-pinc-swiper-slider .swiper-button-next::before,
.fl-module-pinc-swiper-slider .swiper-button-prev::before {
	content: "";
	display: block;
	width: calc(var(--swiper-navigation-size) * var(--swiper-navigation-icon-size));
	height: calc(var(--swiper-navigation-size) * var(--swiper-navigation-icon-size));
	border-right: var(--swiper-navigation-thickness) solid var(--swiper-navigation-color);
	border-top: var(--swiper-navigation-thickness) solid var(--swiper-navigation-color);
	transform: translateX(-20%) rotate(45deg);
}

.fl-module-pinc-swiper-slider .swiper-button-prev::before {
	transform: translateX(20%) rotate(-135deg);
}

.fl-module-pinc-swiper-slider .swiper-button-prev.swiper-button-disabled,
.fl-module-pinc-swiper-slider .swiper-button-next.swiper-button-disabled {
	opacity: 0;
}

/* Slider Height */

.fl-module-pinc-swiper-slider .pinc-swiper-slide-inner {
	height: clamp(37.5vh, 37.5vw, 75vh);
}



.fl-module-pinc-swiper-slider .pinc-swiper-slide-inner {
    border-radius: var(--spacing-2);
}
	
/* @end */