@charset "UTF-8";
/*!
Theme Name: Familiennetz 2025
Theme URI: https://familiennetz-bremen.de/
Author: Jann-Hendrik Tjards
Author URI: https://tjards.com
Description: Das Theme für das Familiennetz Bremen
Version: 1.0.0
Requires PHP: 8.3
Text Domain: familiennetz
*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Box sizing
--------------------------------------------- */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/* Native smooth anchor scrolling with top offset for sticky header
--------------------------------------------- */
html {
  scroll-behavior: smooth;
  scroll-padding-top: --menu_offset;
}

/*--------------------------------------------------------------
# Variables & Mixins
--------------------------------------------------------------*/
/* Sass Variables
--------------------------------------------- */
/* Breakpoints (custom properties don't work in media queries) */
/* 1408px */
/* 1024px */
/* 768px */
/* 480px */
/* 368px */
/* 1264 */
/* CSS Custom Properties
--------------------------------------------- */
:root {
  /* Colors */
  --color_fampink: #b80086; /* familiennetz pink */
  --color_fampink_light: #ffeef5;
  --color_fampink_active: #c6339e;
  --color_fampink_light_alt: var(--color_fampink_light);
  --color_fampink_active_alt: #f3cedf;
  --color_primary: var(--color_fampink);
  --color_primary_light: var(--color_fampink_light);
  --color_primary_active: var(--color_fampink_active);
  --color_primary_light_alt: var(--color_fampink_light_alt);
  --color_primary_active_alt: var(--color_fampink_active_alt);
  --color_secondary: #002c3f; /* familiennetz dunkelblau */
  --color_secondary_light: #efeff7;
  --color_secondary_active: #1a4152;
  --color_secondary_light_alt: var(--color_secondary_light);
  --color_secondary_active_alt: #e3e5ef;
  --color_secondary_border: #80969f;
  --color_secondary_alpha75: #002c3fbf; /* familiennetz dunkelblau 75% */
  --color_green: #8EB500;
  --color_green_light: #f2f8db;
  --color_green_light_alt: #E4F3EC;
  --color_green_active: #e8f3c5;
  --color_petrol: #008487;
  --color_petrol_light: #e1eff0;
  --color_petrol_active: #d0ecee;
  --color_petrol_light_alt: #f0ffff;
  --color_petrol_active_alt: #c6eced;
  --color_blue: #0e54b0;
  --color_blue_light: #cce8f6;
  --color_violet: #8426b9;
  --color_orange_light: #fce1ce;
  --color_orange_active: #f7d6bf;
  --color_red_light: #fccece;
  --color_red_active: #f9c3c3;
  --color_yellow_light: #fff6e2;
  --color_gray: #888888;
  --color_gray_medium: #D8D8D8;
  --color_gray_light: #F3F3F3;
  --color_white: #fff;
  --color_black: #000;
  /* Font Families */
  --fontfamily_headings: "National", sans-serif;
  --fontfamily_body: "National", sans-serif;
  /* Font Sizes */
  --fontsize_body: 1rem; /* 16px */
  --fontsize_small: 0.875rem; /* 14px */
  --fontsize_content: 1rem; /* 16px */
  --fontsize_h1: 2rem; /* 32px */
  --fontsize_h1s: var(--fontsize_h1);
  --fontsize_h2: 1.4375rem; /* 23px */
  --fontsize_h3: 1.4375rem; /* 23px */
  --fontsize_h4: 1.25rem; /* 20px */
  --fontsize_h5: 1rem; /* 16px */
  /* Line Heights */
  --lineheight_default: 1.35;
  /* Font Weights */
  --fontweight_regular: 400;
  --fontweight_medium: 500;
  --fontweight_bold: 700;
  /* Layout Sizes */
  --layout_maxwidth_content: 1540px;
  --layout_maxwidth_wide: 1800px;
  /* Spacings */
  --paragraph_spacing: 30px;
  --padding_default: 32px;
  --padding_small: 12px;
  --padding_large: 64px;
  --gap: 14px;
  --blockspacing_small: 24px;
  --blockspacing_default: 40px;
  --blockspacing_large: 100px;
  --blockspacing_huge: 125px;
  --viewport_padding: 16px;
  /* Text adjustments to match content-boxes in first and last lines */
  --optical_text_adjust_padding: -0.25em;
  /* Sticky Menu */
  --mobile_menu_height: 61px;
  --menu_offset: var(--mobile_menu_height);
  /* For access via js */
  --breakpoint_menu: 79em;
  /* Border Radiuses */
  --border_radius: 6px;
  --border_radius_small: 4px;
  /* Border/BG */
  --bg_dashed: linear-gradient(to right, var(--color_secondary) 50%, transparent 50%) 0 0 / 12px 1px repeat-x;
  --bg_dashed_vertical: linear-gradient(to bottom, var(--color_secondary) 50%, transparent 50%) 0 0 / 1px 12px repeat-y;
  --bg_welle: url("data:image/svg+xml,%3Csvg width='366' height='22' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 15.205C33.542 3.837 71.02-.689 108.968.083c37.949.77 76.934 18.115 114.791 19.972 49.335 2.42 94.37-5.506 142.241-6.877v8.82H0v-6.793z' fill='%23002C3F'/%3E%3C/svg%3E");
  --bg_welle2: url("data:image/svg+xml,%3Csvg viewBox='0 0 366 36' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M164 13.5C91 12 0 34 0 34v2h366V0c-23.5 11.5-125.5 15-202 13.5Z' fill='%23002C3F'/%3E%3C/svg%3E");
}

.admin-bar {
  --menu_offset: calc(46px + var(--mobile_menu_height) );
}

/* Desktop devices only
--------------------------------------------- */
@media (min-width: 48em) {
  :root {
    --fontsize_content: 1.125rem; /* 18px */
    --fontsize_h1: 3.5rem; /* 56px */
    --fontsize_h1s: 2.875rem; /* 46px */
    --fontsize_h2: 2.125rem; /* 34px */
    --fontsize_h3: 1.75rem; /* 28px */
    --fontsize_h4: 1.5rem; /* 24px */
    --fontsize_h5: 1.1875rem; /* 19px */
    --menu_offset: 0px;
    --gap: 20px;
    --viewport_padding: var(--padding_default);
  }
  .admin-bar {
    --menu_offset: calc(32px + var(--mobile_menu_height) );
  }
}
:root {
  /* Icons */
  --icon_lupe: url("data:image/svg+xml,%3Csvg viewBox='0 0 18.5 21' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23000' stroke-miterlimit='10' stroke-width='2'%3E%3Cpath d='m13.29 14.34 4.17 5.36' stroke-linecap='round'/%3E%3Ccircle cx='8.78' cy='8.52' r='7.36'/%3E%3C/g%3E%3C/svg%3E");
  --icon_menu: url("data:image/svg+xml,%3Csvg fill='none' height='14' width='15' viewBox='0 0 15 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23002c3f' stroke-width='1.5'%3E%3Cpath d='m15 .75h-15'/%3E%3Cpath d='m15 6.75h-15'/%3E%3Cpath d='m15 12.75h-15'/%3E%3C/g%3E%3C/svg%3E");
  --icon_menu_x: url("data:image/svg+xml,%3Csvg width='15' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23002C3F' stroke-width='1.5' d='M14.137 0.53L1.53 13.137'/%3E%3Cpath transform='scale(1 -1) rotate(-45 .978 -2.36)' stroke='%23002C3F' stroke-width='1.5' d='M0 -0.75L17.828 -0.75'/%3E%3C/svg%3E");
  --icon_link_ext: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3 5.1a.6.6 0 0 0-.6.61v4.92a1.1 1.1 0 0 1-1.09 1.1h-7.3c-.6 0-1.09-.5-1.09-1.1V3.17c0-.6.5-1.1 1.1-1.1H7.2c.34 0 .6-.29.6-.63a.62.62 0 0 0-.6-.62H2.3A2.33 2.33 0 0 0 0 3.17v7.47C0 11.94 1.04 13 2.31 13h7.31a2.34 2.34 0 0 0 2.31-2.36V5.72a.61.61 0 0 0-.6-.62h-.02Z' fill='%23002C3F'/%3E%3Cpath d='M12.96.38V.37a1 1 0 0 0-.1-.17L12.8.16a1.43 1.43 0 0 0-.18-.12.52.52 0 0 0-.22-.04h-3a.6.6 0 0 0-.61.62c0 .34.27.62.6.62h1.53L5.96 6.31a.64.64 0 0 0 0 .89.6.6 0 0 0 .86 0l4.97-5.08v1.56c0 .35.27.62.6.62.34 0 .61-.28.61-.62V.61a.6.6 0 0 0-.05-.23h.01Z' fill='%23002C3F'/%3E%3C/svg%3E");
  --icon_familienportal: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.25' y='.25' width='29.5' height='29.5' rx='14.75' fill='%23B80086' stroke='%23002C3F' stroke-width='.5'/%3E%3Cg clip-path='url(%23a)' fill='%23fff'%3E%3Cpath d='M14.19 13.72c.25.2.63.16.83-.1a.6.6 0 0 0-.1-.84 4.63 4.63 0 0 0-1.28-.72A3.47 3.47 0 0 0 11.33 6a3.48 3.48 0 0 0-2.3 6.07A4.62 4.62 0 0 0 6 16.39v2.93a3 3 0 0 0 2.98 3 .6.6 0 0 0 0-1.2c-1 0-1.79-.81-1.79-1.8v-2.93a3.42 3.42 0 0 1 3.4-3.42h1.48c.78 0 1.51.26 2.12.74ZM11.33 7.2a2.29 2.29 0 0 1 0 4.57 2.29 2.29 0 0 1 0-4.57Zm10.65 4.87A3.49 3.49 0 0 0 19.68 6a3.48 3.48 0 0 0-2.32 6.06c-.45.17-.9.4-1.28.72a.6.6 0 0 0-.1.84c.2.26.58.3.84.1.6-.5 1.34-.74 2.1-.74h1.49c1.87 0 3.4 1.54 3.4 3.42v2.93c0 1-.8 1.8-1.79 1.8a.6.6 0 0 0 0 1.2 2.99 2.99 0 0 0 2.98-3V16.4c0-2-1.27-3.67-3.02-4.32v-.01Zm-2.3-4.87a2.29 2.29 0 0 1 0 4.57 2.29 2.29 0 0 1 0-4.57Z'/%3E%3Cpath d='M17.3 18.48a2.5 2.5 0 0 0-1.9-4.15 2.51 2.51 0 0 0-1.88 4.15 2.98 2.98 0 0 0-1.67 2.67v.51a2.32 2.32 0 0 0 2.3 2.33h2.52a2.32 2.32 0 0 0 2.3-2.33v-.5c0-1.18-.68-2.2-1.67-2.68Zm-1.9-2.96c.73 0 1.32.6 1.32 1.32a1.31 1.31 0 1 1-2.62 0c0-.73.58-1.32 1.3-1.32Zm2.38 6.15c0 .62-.5 1.13-1.12 1.13h-2.51c-.62 0-1.12-.5-1.12-1.13v-.5c0-1 .8-1.8 1.78-1.8H16c.99 0 1.79.8 1.79 1.8v.5Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M6 6h19v18H6z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --icon_fachbox: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.25' y='.25' width='29.5' height='29.5' rx='14.75' fill='%23008487' stroke='%23002C3F' stroke-width='.5'/%3E%3Cpath d='M24.47 10.1h-1.2V8.51c0-.24-.2-.45-.47-.47-.2-.02-4.63-.45-7.8 1.76-3.17-2.21-7.6-1.78-7.8-1.76a.49.49 0 0 0-.46.47v1.57H5.53c-.3 0-.53.21-.53.48v9.95c0 .27.24.48.53.48h18.94c.3 0 .53-.21.53-.48v-9.95c0-.27-.24-.48-.53-.48Zm-2.26-1.13v9.2c-1.25-.07-4.24-.03-6.68 1.4v-8.92c2.28-1.67 5.5-1.73 6.68-1.68Zm-14.42 0c1.19-.05 4.4 0 6.68 1.68v8.92a12.2 12.2 0 0 0-6.68-1.4v-9.2Zm-1.74 2.07h.69v7.64c0 .14.06.27.18.36.11.09.26.13.41.11.04 0 3.25-.35 5.94.9H6.05v-9Zm17.9 9h-7.23c2.7-1.24 5.91-.9 5.95-.89.15.02.3-.02.41-.11a.46.46 0 0 0 .18-.36v-7.64h.69v9Z' fill='%23fff'/%3E%3C/svg%3E");
  --icon_cpt_angebot: url("data:image/svg+xml,%3Csvg viewBox='0 0 13 12' width='13' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 10.5v-9A1.5 1.5 0 0 1 1.5 0h2.25c.42 0 .82.18 1.1.48l1.26 1.36c.1.1.23.16.37.16h5.02A1.5 1.5 0 0 1 13 3.5v7a1.5 1.5 0 0 1-1.5 1.5h-10A1.5 1.5 0 0 1 0 10.5ZM12 5V3.5a.5.5 0 0 0-.5-.5H6.48a1.5 1.5 0 0 1-1.1-.48L4.11 1.16A.5.5 0 0 0 3.75 1H1.5a.5.5 0 0 0-.5.5V5h11ZM1 6v4.5a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5V6H1Z' fill='%23002C3F'/%3E%3C/svg%3E");
  --icon_cpt_post: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 12' width='14' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1 12H1.9A1.92 1.92 0 0 1 0 10.16V1.35C0 .64.54.05 1.22 0h9.13c.7 0 1.27.56 1.31 1.26v.54h1.03c.7 0 1.26.56 1.3 1.26l.01.09v6.9c0 1.04-.8 1.89-1.79 1.95h-.1Zm-10.2-.9h10.2c.54 0 .98-.42 1.02-.96V3.15a.45.45 0 0 0-.37-.45h-1.08v6.45c0 .23-.17.42-.38.45h-.06a.44.44 0 0 1-.43-.39V1.35a.45.45 0 0 0-.4-.45H1.3c-.22 0-.4.17-.43.39v8.76c0 .55.4 1 .93 1.05h.09Zm2.9-5.7c.4 0 .73.34.73.75v2.1c0 .41-.33.75-.73.75H2.77a.74.74 0 0 1-.73-.75v-2.1c0-.41.33-.75.73-.75h2.04Zm2.34 2.7h2.04c.24 0 .43.2.43.45 0 .23-.16.42-.38.45H7.15a.44.44 0 0 1-.44-.45c0-.23.16-.42.38-.45h.06ZM4.66 6.3H2.92v1.8h1.74V6.3Zm2.49-.9h2.04c.24 0 .43.2.43.45 0 .23-.16.42-.38.45H7.15a.44.44 0 0 1-.44-.45c0-.23.16-.41.38-.44h.06ZM2.48 2.7h6.7c.25 0 .44.2.44.45 0 .23-.16.41-.38.44H2.48a.44.44 0 0 1-.44-.44c0-.23.16-.42.38-.45h.06Z' fill='%23002C3F'/%3E%3C/svg%3E");
  --icon_cpt_ort: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 14' width='16' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m1.71 6.95-.73.71a.59.59 0 0 1-.81 0 .54.54 0 0 1 0-.78L6.79.48a1.75 1.75 0 0 1 2.42 0l6.62 6.4c.23.22.23.57 0 .78a.59.59 0 0 1-.8 0l-.74-.71v5.4A1.66 1.66 0 0 1 12.57 14H3.43c-.46 0-.9-.17-1.21-.48-.33-.32-.5-.74-.5-1.18v-5.4Zm11.43-1.1L8.4 1.26a.58.58 0 0 0-.8 0L2.86 5.84v6.5c0 .15.06.29.16.4.11.1.26.16.4.16h9.15c.15 0 .3-.06.4-.17.11-.1.17-.24.17-.39v-6.5Z' fill='%23002C3F'/%3E%3Crect x='6.5' y='7.5' width='3' height='6' rx='.5' stroke='%23002C3F'/%3E%3C/svg%3E");
  --icon_cpt_fk_angebot: url("data:image/svg+xml,%3Csvg viewBox='0 0 13 15' width='13' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)' fill='%23002D41'%3E%3Cpath d='M7.79 2.36c.16-.24.3-.53.3-.84C8.1.68 7.36 0 6.5 0c-.85 0-1.59.68-1.59 1.52 0 .3.14.6.3.84A6.42 6.42 0 0 0 0 8.62 6.45 6.45 0 0 0 6.5 15c3.58 0 6.5-2.86 6.5-6.38a6.42 6.42 0 0 0-5.22-6.26Zm-2.02-.84c0-.4.33-.72.73-.72.4 0 .73.32.73.72 0 .4-.33.72-.73.72a.73.73 0 0 1-.73-.72Zm.73 12.4a5.19 5.19 0 0 1-5.42-5.3c0-3.08 2.28-5.4 5.42-5.4a5.26 5.26 0 0 1 5.42 5.4 5.19 5.19 0 0 1-5.42 5.3Z'/%3E%3Cpath d='M9.28 5.37 5.1 7.04a.42.42 0 0 0-.22.22l-1.7 4.09a.38.38 0 0 0 .1.43.4.4 0 0 0 .43.09l4.17-1.67c.1-.04.18-.12.22-.21l1.7-4.1a.38.38 0 0 0-.1-.42.4.4 0 0 0-.43-.09ZM5.4 8.11 7 9.69l-2.7 1.08L5.4 8.1Zm2.18 1.02L6 7.55l2.7-1.08-1.1 2.66Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h13v15H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --icon_fav: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.65.93a6.74 6.74 0 0 0-7.76 2.3l-.18.26a10.1 10.1 0 0 1-.33.43.52.52 0 0 1-.24.13.58.58 0 0 1-.54-.15.7.7 0 0 1-.1-.1v-.02c-.86-1.09-1.37-1.76-2.57-2.41C6.19-1.21.88 2.34.5 7.22v1.13a8.26 8.26 0 0 1 .13.74l.05.24c.53 2.33 2.34 4.73 4.61 6.9a43.38 43.38 0 0 0 7.06 5.37c.46.28.93.6 1.33.79.17.08.22.1.27.1.03.01.09.02.22-.02.03 0 .1-.04.21-.1l.38-.22.4-.25.32-.2a44.34 44.34 0 0 0 6.88-5.11c2.23-2.06 4.07-4.33 4.77-6.54l.36-1.6V7.29A7.32 7.32 0 0 0 22.65.93Z' fill='%23fff' stroke='%23002C3F'/%3E%3C/svg%3E");
  --icon_quote: url("data:image/svg+xml,%3Csvg viewBox='0 0 97 68' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)' fill='%23FFEEF5'%3E%3Cpath d='M24 66c-2-2-2-3 0-7l4-9 2-4h-2A23 23 0 0 1 1 31c-2-4-1-13 1-17C6 5 17-1 27 0c13 1 19 11 19 33 0 12-2 19-10 28-6 7-9 9-12 5Zm51 0c-2-2-2-3 0-7l4-9 2-4h-2a23 23 0 0 1-27-15c-2-4-1-13 1-17C57 5 68-1 78 0c13 1 19 11 19 33 0 12-2 19-10 28-6 7-9 9-12 5Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h97v68H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --icon_arrow: url("data:image/svg+xml,%3Csvg width='16' height='8' viewBox='0 0 16 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m15.96 3.64-.02.04-.03.22-.1.24c-.1.15-.23.27-.39.35a121.45 121.45 0 0 0-6.35 3.29l-.16.08a.8.8 0 0 1-.39.12.85.85 0 0 1-.42-.02.8.8 0 0 1-.36-.18.78.78 0 0 1-.27-.28l-.1-.24a.95.95 0 0 1-.01-.53l.1-.24c.1-.15.23-.27.39-.36a97.2 97.2 0 0 1 2.51-1.36l.19-.1h-.23l-2.16-.05-1.97-.04-2.13-.05-2.63-.04h-.37c-.28 0-.56-.11-.75-.3a.75.75 0 0 1-.22-.32A.72.72 0 0 1 0 3.5c.01-.26.1-.53.31-.7.2-.19.46-.3.75-.3a529.26 529.26 0 0 1 4.88.08l1.98.05 2.12.04h.03l-.26-.13-1.06-.6-.13-.07a.8.8 0 0 1-.3-.25.74.74 0 0 1-.18-.34.72.72 0 0 1-.02-.4c0-.14.05-.26.12-.38l.17-.2c.13-.12.29-.2.47-.26L9.16 0c.19 0 .37.05.53.14a36.3 36.3 0 0 0 2.53 1.32l.63.27a12.93 12.93 0 0 0 2.37.68.8.8 0 0 1 .36.18c.11.07.2.16.27.28a.7.7 0 0 1 .13.37c.03.13.02.27-.02.4Z' fill='%23002C3F'/%3E%3C/svg%3E");
  --icon_caret: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 6 6 6-6' stroke='%23002C3F' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  --icon_caret_shadow: url("data:image/svg+xml,%3Csvg viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.05 6.77a1 1 0 0 1-1.44 0L.66 1.7A1 1 0 0 1 1.38 0h9.9A1 1 0 0 1 12 1.7L7.05 6.77Z' fill='%23008AD1' fill-opacity='.2'/%3E%3C/svg%3E");
  --icon_caret_hand: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.83.59C17.5.06 16.79-.2 16.25.16a28.06 28.06 0 0 0-7.13 6.69 39.87 39.87 0 0 0-5.17-5.72c-.45-.4-1.19-.48-1.63 0-.4.45-.48 1.24 0 1.67A38.63 38.63 0 0 1 6.9 7.72l.15.2.1.13.32.42.67.96c.51.75 1.49.77 2 0a26 26 0 0 1 .79-1.14l.13-.17.14-.19a26.27 26.27 0 0 1 6.22-5.74c.51-.32.77-1.06.42-1.6Z' fill='%23002C3F'/%3E%3C/svg%3E");
  --icon_arrow_download: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.4 15H7l-.2-.2a111 111 0 0 0-3.6-6.3L3 8.4V8a.3.3 0 0 1 0-.4l.1-.3c0-.2.2-.2.3-.3l.2-.1h.6l.2.1c.2 0 .3.2.4.4a89.5 89.5 0 0 1 1.3 2.3l.1.2V7.7l.1-1.9v-2l.1-2.5V1c0-.3.1-.5.3-.7L7 .1l.4-.1c.3 0 .5.1.7.3.2.2.3.4.3.7a466.2 466.2 0 0 1 0 4.6l-.1 1.8v2-.2l.7-1v-.1l.3-.3.3-.2h.4l.4.1.2.2.3.4v.3l-.1.5a33.5 33.5 0 0 0-1.6 3 11.6 11.6 0 0 0-.7 2.2l-.2.3-.3.3h-.3c-.2.1-.3.1-.4 0Z' fill='%23002C3F'/%3E%3Cpath stroke='%23002C3F' stroke-width='2' stroke-linecap='round' d='M1 19h12'/%3E%3C/svg%3E");
  --icon_a11y: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9.38' stroke='%23002C3F' stroke-width='1.25'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.96 6.35c-.1.56-.7.6-1.32.67l-1.86.2c-.76.07-1.08.08-1.14.85-.05.6-.01 1.34.02 1.94.09 1.63.58 3.3.97 4.9.09.37.37 1.28.33 1.63-.06.53-.94.65-1.19.1-.08-.2-.34-1.25-.43-1.55-.13-.51-.27-1.03-.42-1.54l-.2-.77c-.11-.4-.24-1.23-.77-1.2-.48.04-.61.86-.7 1.27l-.65 2.31c-.08.34-.3 1.3-.44 1.54-.12.22-.33.35-.69.28-.3-.06-.47-.22-.47-.54 0-.29.28-1.28.36-1.6.47-1.74.84-3.13.95-4.94.03-.56.08-1.36.02-1.91-.03-.3-.13-.5-.38-.6-.54-.2-2.96-.3-3.54-.53-.61-.25-.48-1.03 0-1.18a3 3 0 0 1 .94.04c1.4.18 2.24.31 3.7.36 2.26.08 3.6-.1 5.7-.38.27-.03.7-.09.92 0 .2.09.38.35.32.66l-.03-.01ZM9.81 3.02c.77-.14 1.4.4 1.5 1 .14.73-.4 1.31-1.02 1.43-1.2.22-1.97-1.09-1.3-1.95.18-.22.44-.4.82-.47Z' fill='%23002C3F'/%3E%3C/svg%3E");
  --icon_language: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9.38' stroke='%23002C3F' stroke-width='1.25'/%3E%3Cpath d='M10 .63c.32 0 .7.16 1.1.58.4.43.8 1.09 1.15 1.95A19.1 19.1 0 0 1 13.38 10c0 2.7-.44 5.12-1.13 6.84a6.22 6.22 0 0 1-1.15 1.95c-.4.42-.78.59-1.1.59-.32 0-.7-.17-1.1-.6a6.3 6.3 0 0 1-1.15-1.94A19.1 19.1 0 0 1 6.62 10c0-2.7.44-5.12 1.13-6.84A6.3 6.3 0 0 1 8.9 1.21c.4-.42.78-.58 1.1-.58ZM1 6.38h18m-18 7h18' stroke='%23002C3F' stroke-width='1.25'/%3E%3C/svg%3E");
  --icon_share: url("data:image/svg+xml,%3Csvg viewBox='0 0 13 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23002C3F' stroke-width='1.25' stroke-linecap='round' d='m9.13 7.17-4.96-3.3m0 9.26 4.96-3.3'/%3E%3Ccircle cx='2.5' cy='2.5' r='1.88' stroke='%23002C3F' stroke-width='1.25'/%3E%3Ccircle cx='2.5' cy='14.5' r='1.88' stroke='%23002C3F' stroke-width='1.25'/%3E%3Ccircle cx='10.5' cy='8.5' r='1.88' stroke='%23002C3F' stroke-width='1.25'/%3E%3C/svg%3E");
  --icon_download: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23002C3F' stroke-width='1.25' stroke-linecap='round' d='M1.38 15.38v-3.75m14 3.75v-3.75m-7-.25V.63M12 8.88 8.88 12m-.76 0L5 8.88m10.38 6.75H1.63'/%3E%3C/svg%3E");
  --icon_adjust: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 12c1.2 0 2.22.86 2.45 2H18v1.25H6.88a2.5 2.5 0 0 1-4.76 0H0V14h2.05a2.5 2.5 0 0 1 2.45-2Zm0 1.25a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5Zm8-7.25a2.5 2.5 0 0 1 2.45 2H18v1.25h-3.12a2.5 2.5 0 0 1-4.76 0H0V8h10.05a2.5 2.5 0 0 1 2.45-2Zm0 1.25a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5ZM7.5 0c1.2 0 2.22.86 2.45 2H18v1.25H9.88a2.5 2.5 0 0 1-4.76 0H0V2h5.05A2.5 2.5 0 0 1 7.5 0Zm0 1.25a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5Z' fill='%23002C3F'/%3E%3C/svg%3E");
  --icon_ellipse: url("data:image/svg+xml,%3Csvg viewBox='0 0 23 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20.5' cy='2.5' r='2.5' fill='%23002C3F'/%3E%3Ccircle cx='11.5' cy='2.5' r='2.5' fill='%23002C3F'/%3E%3Ccircle cx='2.5' cy='2.5' r='2.5' fill='%23002C3F'/%3E%3C/svg%3E");
  --icon_spinner: url("data:image/svg+xml,%3Csvg viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='22' cy='22' r='18' fill='none' stroke='%23002C3F' stroke-width='4' stroke-linecap='round' stroke-dasharray='70 113' /%3E%3C/svg%3E");
  --icon_facebook: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.67 10.12V18h3.29v-7.87H8.4l.47-3.26H5.96V4.75c0-.72.27-1.43 1.07-1.67.18-.06.4-.09.64-.09H9V.22L8.56.15h-.01A19.28 19.28 0 0 0 6.65 0c-2.4 0-3.98 1.56-3.98 4.38v2.49H0v3.25h2.67Z' fill='%23002C3F'/%3E%3C/svg%3E");
  --icon_instagram: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1.62c2.4 0 2.69 0 3.64.05 2.43.11 3.57 1.27 3.69 3.7.04.95.05 1.23.05 3.63s0 2.69-.05 3.64c-.11 2.42-1.25 3.57-3.7 3.69-.95.04-1.22.05-3.63.05-2.4 0-2.68 0-3.64-.05-2.44-.11-3.58-1.28-3.69-3.7-.04-.95-.05-1.22-.05-3.63 0-2.4 0-2.68.05-3.64.11-2.42 1.25-3.58 3.7-3.69.95-.04 1.22-.05 3.63-.05ZM9 0C6.55 0 6.25 0 5.29.05 2.02.2.2 2.02.05 5.3.01 6.25 0 6.55 0 9s0 2.75.05 3.71c.15 3.27 1.97 5.09 5.24 5.24.96.04 1.26.05 3.71.05s2.75 0 3.71-.05c3.26-.15 5.09-1.97 5.24-5.24.04-.96.05-1.27.05-3.71 0-2.45 0-2.75-.05-3.71C17.8 2.02 15.98.2 12.7.05A69 69 0 0 0 9 0Zm0 4.38a4.62 4.62 0 1 0 0 9.24 4.62 4.62 0 0 0 0-9.24ZM9 12a3 3 0 1 1 0-6 3 3 0 0 1 0 6Zm4.8-8.89Z' fill='%23002C3F'/%3E%3C/svg%3E");
  --icon_x: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4 8.31 18.51.16h-1.7l-6.18 7.07L5.7.16H0l7.47 10.7L0 19.4h1.7l6.52-7.47 5.22 7.47h5.7L11.37 8.3h.01Zm-2.32 2.64-.75-1.07L2.3 1.4h2.6l4.86 6.84.76 1.07 6.32 8.89h-2.6L9.1 10.95h-.01Z' fill='%23002C3F'/%3E%3C/svg%3E");
  --icon_mail: url("data:image/svg+xml,%3Csvg viewBox='0 0 27 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m.84 1.45.1.1 10.27 10.26a3 3 0 0 0 4.24 0L25.7 1.56l.1-.12c.29.45.45.99.45 1.56v13a3 3 0 0 1-3 3h-20a3 3 0 0 1-3-3V3a3 3 0 0 1 .5-1.65l.08.1ZM23.26 0a3 3 0 0 1 1 .17L14.03 10.4a1 1 0 0 1-1.41 0L2.36.14a3 3 0 0 1 .9-.14h20Z' fill='%23002C3F'/%3E%3C/svg%3E");
  --icon_blob_facebook: url("data:image/svg+xml,%3Csvg viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M12.14 2.76c3.07-1.64 6.37-2.92 9.87-2.63a18.9 18.9 0 0 1 9.29 3.56 38.56 38.56 0 0 1 7.03 6.8c2.11 2.57 4.05 5.44 4.72 8.82.23 1.04.26 2.06.23 3.01.2.54.4 1.08.52 1.61h-.03c.9 4.16-.98 8.04-3.21 11.38-4.02 6.06-10.48 8.78-17.51 8.78a36.73 36.73 0 0 1-10.19-1.64c-3.04-.9-6.05-2.12-8.13-4.72C.07 32-.8 24.35.63 17.22A20.81 20.81 0 0 1 4.5 8.35c2-2.48 4.89-4.12 7.64-5.59Zm10.75 6.96c-3.3 0-5.47 2.14-5.47 6.02v3.42h-3.67v4.48h3.67v10.82h4.52V23.65h3.37l.64-4.48h-4v-2.9c0-1 .36-1.98 1.47-2.3.25-.09.54-.13.88-.13h1.82v-3.81l-.6-.1h-.02l-.18-.02a22.54 22.54 0 0 0-2.43-.18Z' fill='%23002C3F'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h44v44H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --icon_blob_insta: url("data:image/svg+xml,%3Csvg viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M6.35 5C12.02.35 19.62-.55 26.73.8c3.2.65 6.3 1.81 8.84 3.81 2.47 1.97 4.12 4.84 5.6 7.57 1.64 3.04 2.94 6.31 2.66 9.8a18.77 18.77 0 0 1-3.48 9.25 38.34 38.34 0 0 1-6.73 7.03c-2.54 2.12-5.38 4.06-8.73 4.74-1.04.24-2.05.28-3 .25-.53.2-1.07.41-1.6.53v-.03c-4.12.92-8-.93-11.33-3.13C2.9 36.65.16 30.25.13 23.26c.01-3.42.61-6.88 1.57-10.14.88-3.03 2.08-6.03 4.65-8.11Zm14.28 4.8c-3.34 0-3.76 0-5.07.07-4.46.2-6.96 2.68-7.16 7.15a86.49 86.49 0 0 0-.07 5.08c0 3.34 0 3.76.07 5.08.2 4.47 2.69 6.95 7.16 7.15 1.3.07 1.73.08 5.07.08 3.35 0 3.77-.01 5.08-.08 4.46-.2 6.95-2.68 7.16-7.15.06-1.32.07-1.74.07-5.08s-.01-3.76-.07-5.08c-.2-4.46-2.7-6.95-7.16-7.15a86.5 86.5 0 0 0-5.08-.07Zm0 2.21c3.28 0 3.67.01 4.98.07 3.33.16 4.89 1.74 5.04 5.05.06 1.3.07 1.69.07 4.97s0 3.67-.07 4.97c-.15 3.32-1.7 4.9-5.04 5.05-1.3.06-1.69.07-4.98.07-3.29 0-3.67 0-4.97-.07-3.34-.15-4.9-1.74-5.05-5.05-.06-1.3-.07-1.68-.07-4.97 0-3.3.01-3.67.07-4.97.16-3.32 1.7-4.9 5.05-5.05 1.3-.06 1.68-.07 4.97-.07Zm0 3.77a6.32 6.32 0 1 0 0 12.64 6.32 6.32 0 0 0 0-12.64Zm0 2.22a4.1 4.1 0 1 1 0 8.2 4.1 4.1 0 0 1 0-8.2Zm6.58-3.95a1.48 1.48 0 1 0 1.48 1.48c0-.82-.66-1.48-1.48-1.48Z' fill='%23002C3F'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h44v44H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --icon_blob_arrow: url("data:image/svg+xml,%3Csvg viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M43.8 23.84a11.6 11.6 0 0 0-.52-1.6c.03-.96 0-1.98-.23-3.03-.67-3.37-2.6-6.24-4.72-8.8A38.56 38.56 0 0 0 31.3 3.6 18.87 18.87 0 0 0 22 .04c-3.5-.3-6.8.99-9.86 2.63C9.39 4.13 6.5 5.77 4.5 8.26a20.81 20.81 0 0 0-3.88 8.86C-.8 24.26.07 31.91 4.73 37.64c2.08 2.6 5.1 3.82 8.13 4.72 3.27.98 6.75 1.61 10.19 1.64 7.03 0 13.49-2.72 17.5-8.78 2.24-3.34 4.12-7.23 3.22-11.38h.03Z' fill='%23002C3F'/%3E%3Cpath d='m32.05 21.84-.02.04c0 .1-.03.2-.05.3l-.14.3c-.12.2-.3.36-.5.48a160.26 160.26 0 0 0-8.37 4.32l-.2.11c-.16.1-.33.15-.52.16-.18.04-.37.03-.55-.03a1.06 1.06 0 0 1-.47-.23c-.16-.1-.27-.22-.36-.37l-.14-.32a1.25 1.25 0 0 1 0-.7l.14-.31c.12-.2.29-.36.5-.47a126.56 126.56 0 0 1 3.3-1.8l.25-.13h-.3l-2.84-.06-2.6-.06-2.8-.06-3.45-.05-.5-.01c-.36 0-.73-.14-.99-.39a.98.98 0 0 1-.28-.42.95.95 0 0 1-.12-.5c.01-.34.13-.7.4-.93.28-.24.62-.4 1-.4l3.58.07 2.84.05 2.6.06 2.8.06h.03l-.34-.18c-.47-.25-.93-.5-1.4-.77l-.16-.1a1.2 1.2 0 0 1-.4-.34.97.97 0 0 1-.24-.45.95.95 0 0 1-.03-.52c.01-.18.07-.34.17-.5l.22-.26c.17-.16.37-.28.61-.34l.37-.05c.25 0 .49.06.7.18a47.73 47.73 0 0 0 3.34 1.75l.82.35a17.03 17.03 0 0 0 3.12.9c.18.04.34.11.47.23.16.1.27.22.36.37.1.15.16.31.17.49.04.18.03.35-.03.53Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h44v44H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --icon_blob_arrow_inverse: url("data:image/svg+xml,%3Csvg viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M43.8 23.84a11.6 11.6 0 0 0-.52-1.6c.03-.96 0-1.98-.23-3.03-.67-3.37-2.6-6.24-4.72-8.8A38.56 38.56 0 0 0 31.3 3.6 18.87 18.87 0 0 0 22 .04c-3.5-.3-6.8.99-9.86 2.63C9.39 4.13 6.5 5.77 4.5 8.26a20.81 20.81 0 0 0-3.88 8.86C-.8 24.26.07 31.91 4.73 37.64c2.08 2.6 5.1 3.82 8.13 4.72 3.27.98 6.75 1.61 10.19 1.64 7.03 0 13.49-2.72 17.5-8.78 2.24-3.34 4.12-7.23 3.22-11.38h.03Z' fill='%23fff'/%3E%3Cpath d='m32.05 21.84-.02.04c0 .1-.03.2-.05.3l-.14.3c-.12.2-.3.36-.5.48a160.26 160.26 0 0 0-8.37 4.32l-.2.11c-.16.1-.33.15-.52.16-.18.04-.37.03-.55-.03a1.06 1.06 0 0 1-.47-.23c-.16-.1-.27-.22-.36-.37l-.14-.32a1.25 1.25 0 0 1 0-.7l.14-.31c.12-.2.29-.36.5-.47a126.56 126.56 0 0 1 3.3-1.8l.25-.13h-.3l-2.84-.06-2.6-.06-2.8-.06-3.45-.05-.5-.01c-.36 0-.73-.14-.99-.39a.98.98 0 0 1-.28-.42.95.95 0 0 1-.12-.5c.01-.34.13-.7.4-.93.28-.24.62-.4 1-.4l3.58.07 2.84.05 2.6.06 2.8.06h.03l-.34-.18c-.47-.25-.93-.5-1.4-.77l-.16-.1a1.2 1.2 0 0 1-.4-.34.97.97 0 0 1-.24-.45.95.95 0 0 1-.03-.52c.01-.18.07-.34.17-.5l.22-.26c.17-.16.37-.28.61-.34l.37-.05c.25 0 .49.06.7.18a47.73 47.73 0 0 0 3.34 1.75l.82.35a17.03 17.03 0 0 0 3.12.9c.18.04.34.11.47.23.16.1.27.22.36.37.1.15.16.31.17.49.04.18.03.35-.03.53Z' fill='%23002C3F'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h44v44H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --icon_blob_plus: url("data:image/svg+xml,%3Csvg viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='m43.8 23.8-.5-1.6c0-1 0-2-.3-3-.6-3.4-2.6-6.2-4.7-8.8-2-2.5-4.3-4.9-7-6.8-2.7-2-6-3.3-9.3-3.6-3.5-.3-6.8 1-9.9 2.7a23.9 23.9 0 0 0-7.6 5.6c-2 2.5-3.2 5.6-3.9 8.8a24.6 24.6 0 0 0 4.1 20.5c2.1 2.6 5.1 3.9 8.2 4.8C16 43.4 19.6 44 23 44c7 0 13.5-2.7 17.6-8.8 2.2-3.3 4-7.2 3.2-11.4Z' fill='%23002C3F'/%3E%3Cpath d='m21.2 13-.1 1.4c0 1-.2 3 0 6 .1 3.1.5 7.3.9 11.6' stroke='%23fff' stroke-width='2.8' stroke-linecap='round'/%3E%3Cpath d='m12 22.2.9-.2c.9-.2 2.7-.6 5.7-.7A119.5 119.5 0 0 1 31 22' stroke='%23fff' stroke-width='2.8' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h44v44H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --icon_blob_plus_inverse: url("data:image/svg+xml,%3Csvg viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='m43.8 23.8-.5-1.6c0-1 0-2-.3-3-.6-3.4-2.6-6.2-4.7-8.8-2-2.5-4.3-4.9-7-6.8-2.7-2-6-3.3-9.3-3.6-3.5-.3-6.8 1-9.9 2.7a23.9 23.9 0 0 0-7.6 5.6c-2 2.5-3.2 5.6-3.9 8.8a24.6 24.6 0 0 0 4.1 20.5c2.1 2.6 5.1 3.9 8.2 4.8C16 43.4 19.6 44 23 44c7 0 13.5-2.7 17.6-8.8 2.2-3.3 4-7.2 3.2-11.4Z' fill='%23FFF'/%3E%3Cpath d='m21.2 13-.1 1.4c0 1-.2 3 0 6 .1 3.1.5 7.3.9 11.6' stroke='%23002C3F' stroke-width='2.8' stroke-linecap='round'/%3E%3Cpath d='m12 22.2.9-.2c.9-.2 2.7-.6 5.7-.7A119.5 119.5 0 0 1 31 22' stroke='%23002C3F' stroke-width='2.8' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h44v44H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --icon_blob_info_shadow: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M43.82 24.62c-.1-.49-.3-.98-.48-1.47.03-.88 0-1.8-.21-2.76-.61-3.09-2.38-5.71-4.32-8.06-1.9-2.32-4-4.45-6.43-6.23a17.26 17.26 0 0 0-8.5-3.25c-3.2-.28-6.22.9-9.03 2.4C12.34 6.6 9.7 8.1 7.86 10.36a19.04 19.04 0 0 0-3.55 8.12C3.01 25 3.81 32 8.07 37.24c1.9 2.38 4.66 3.5 7.44 4.32 3 .9 6.17 1.48 9.32 1.5 6.44 0 12.34-2.48 16.02-8.03 2.04-3.06 3.76-6.61 2.94-10.4h.03Z' fill='%23fff'/%3E%3Cpath d='M40.07 21.81c-.1-.49-.29-.98-.47-1.47a11 11 0 0 0-.22-2.76c-.6-3.09-2.38-5.71-4.31-8.06a35.2 35.2 0 0 0-6.44-6.23 17.26 17.26 0 0 0-8.5-3.25c-3.2-.27-6.22.9-9.02 2.4-2.52 1.34-5.17 2.85-7 5.11a19.04 19.04 0 0 0-3.54 8.12c-1.3 6.53-.5 13.52 3.76 18.77 1.9 2.37 4.66 3.5 7.44 4.31 2.99.9 6.17 1.48 9.32 1.5 6.43 0 12.34-2.48 16.02-8.03 2.04-3.06 3.76-6.6 2.94-10.4h.02Z' fill='%23002C3F'/%3E%3Cpath d='m18.63 18.76.12.74v.04c0 .1.03.22.05.32a28.33 28.33 0 0 1 .02 6.95l-.04.32c0 .06-.04.43 0 .04-.02.25-.08.5-.12.75-.08.45-.16.9-.26 1.36-.16.73.22 1.58 1.01 1.76.73.16 1.62-.22 1.78-1 .86-3.97.93-8.04.24-12.04-.13-.74-1.1-1.22-1.79-1-.8.26-1.15.97-1.01 1.76Zm1.15-4.64a1.41 1.41 0 1 0 0-2.82 1.41 1.41 0 0 0 0 2.82Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h44v44H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --icon_blob_cal_shadow: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M43.8 24.6c0-.5-.3-1-.5-1.5 0-.8 0-1.8-.2-2.7-.6-3.1-2.4-5.7-4.3-8-1.9-2.4-4-4.5-6.4-6.3-2.5-1.8-5.5-3-8.5-3.3a17 17 0 0 0-9 2.5 21.8 21.8 0 0 0-7 5 19 19 0 0 0-3.6 8.2 22.5 22.5 0 0 0 3.8 18.7c1.9 2.4 4.6 3.5 7.4 4.4 3 .9 6.2 1.4 9.3 1.5 6.5 0 12.4-2.5 16-8 2-3.1 3.8-6.7 3-10.5Z' fill='%23fff'/%3E%3Cpath d='M40 21.8c0-.5-.2-1-.4-1.5 0-.8 0-1.8-.2-2.7-.6-3.1-2.4-5.7-4.3-8-2-2.4-4-4.5-6.5-6.3-2.5-1.8-5.4-3-8.5-3.3-3.2-.2-6.2 1-9 2.4a21.8 21.8 0 0 0-7 5.2 19 19 0 0 0-3.5 8 22.5 22.5 0 0 0 3.7 18.8c2 2.4 4.7 3.5 7.5 4.4 3 .9 6.1 1.4 9.3 1.5 6.4 0 12.3-2.5 16-8 2-3.1 3.8-6.7 3-10.5Z' fill='%23002C3F'/%3E%3Crect x='12.7' y='15.8' width='13' height='10.9' rx='.5' stroke='%23fff'/%3E%3Cpath stroke='%23fff' d='M12.2 20.1h13.1'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' d='M15.9 13.6V18m6.5-4.4V18'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h44v44H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --icon_blob_avatar: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Ccircle cx='22' cy='22' r='22' fill='%23FFEEF5'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.04 15.16a4.41 4.41 0 0 1 4.47 4.35c0 2.4-2 4.35-4.47 4.35a4.41 4.41 0 0 1-4.48-4.35c0-2.4 2-4.35 4.48-4.35Z' fill='%23CCE8F6'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.31 31.32c-.4 0-.8-.19-1.04-.5a1.25 1.25 0 0 1-.21-1.12c1-3.37 4.2-5.84 7.98-5.84a8.28 8.28 0 0 1 7.98 5.84c.11.38.03.8-.22 1.11-.24.32-.63.5-1.04.5l-13.45.01Z' fill='%23CCE8F6'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.92 21.81a8.84 8.84 0 0 1 5.81 5.91 1.8 1.8 0 0 1-.32 1.61c-.36.46-.92.73-1.5.73-3.15.02-10.42.02-13.57.02a1.9 1.9 0 0 1-1.52-.74 1.82 1.82 0 0 1-.33-1.62 8.9 8.9 0 0 1 5.84-5.9A4.94 4.94 0 0 1 17 17.64a5.04 5.04 0 0 1 5.11-4.97 5.04 5.04 0 0 1 5.11 4.97c0 1.74-.92 3.27-2.31 4.16Zm-2.8.81a7.68 7.68 0 0 0-7.4 5.43.6.6 0 0 0 .11.54c.12.16.31.25.51.25 3.15 0 10.41 0 13.56-.02.2 0 .38-.09.5-.24a.6.6 0 0 0 .1-.52 7.65 7.65 0 0 0-7.38-5.44Zm0-1.24a3.78 3.78 0 0 0 3.83-3.73 3.78 3.78 0 0 0-3.83-3.73 3.78 3.78 0 0 0-3.83 3.73 3.78 3.78 0 0 0 3.83 3.73Z' fill='%23002C3F'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h44v44H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --icon_blob_fachbox: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M43.8 23.84a11.6 11.6 0 0 0-.52-1.6c.03-.96 0-1.98-.23-3.03-.67-3.37-2.6-6.24-4.72-8.8A38.56 38.56 0 0 0 31.3 3.6 18.87 18.87 0 0 0 22 .04c-3.5-.3-6.8.99-9.86 2.63C9.39 4.13 6.5 5.77 4.5 8.26a20.81 20.81 0 0 0-3.88 8.86C-.8 24.26.07 31.91 4.73 37.64c2.08 2.6 5.1 3.82 8.13 4.72 3.27.98 6.75 1.61 10.19 1.64 7.03 0 13.49-2.72 17.5-8.78 2.24-3.34 4.12-7.23 3.22-11.38h.03Z' fill='%23FCE1CE'/%3E%3Cpath d='M31.42 16.57H30.1v-1.93c0-.3-.22-.55-.52-.58-.2-.03-5.09-.56-8.57 2.17-3.48-2.73-8.36-2.2-8.57-2.17a.58.58 0 0 0-.52.58v1.93h-1.33a.58.58 0 0 0-.58.6V29.4c0 .33.26.59.58.59h20.84c.32 0 .58-.26.58-.59V17.16a.58.58 0 0 0-.58-.59Zm-2.49-1.38V26.5c-1.38-.08-4.66-.04-7.35 1.73V17.26c2.5-2.05 6.04-2.12 7.35-2.07Zm-15.86 0c1.3-.06 4.84.01 7.35 2.07v10.98c-2.27-1.49-4.97-1.75-6.58-1.75-.3 0-.56 0-.77.02V15.19Zm-1.91 2.56h.75v9.4c0 .16.07.32.2.44.12.1.29.16.45.14.05 0 3.58-.44 6.54 1.1h-7.94V17.74Zm19.68 11.08H22.9c2.96-1.54 6.5-1.1 6.53-1.1a.6.6 0 0 0 .46-.14.6.6 0 0 0 .2-.44v-9.4h.75v11.08Z' fill='%23002C3F'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h44v44H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --icon_blob_fkompass: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M43.8 23.84a11.6 11.6 0 0 0-.52-1.6c.03-.96 0-1.98-.23-3.03-.67-3.37-2.6-6.24-4.72-8.8A38.56 38.56 0 0 0 31.3 3.6 18.87 18.87 0 0 0 22 .04c-3.5-.3-6.8.99-9.86 2.63C9.39 4.13 6.5 5.77 4.5 8.26a20.81 20.81 0 0 0-3.88 8.86C-.8 24.26.07 31.91 4.73 37.64c2.08 2.6 5.1 3.82 8.13 4.72 3.27.98 6.75 1.61 10.19 1.64 7.03 0 13.49-2.72 17.5-8.78 2.24-3.34 4.12-7.23 3.22-11.38h.03Z' fill='%23E1EFF0'/%3E%3Cpath d='M23.18 12.94c.28-.4.43-.88.43-1.41C23.61 10.13 22.45 9 21 9a2.57 2.57 0 0 0-2.61 2.53c0 .51.15 1 .43 1.4A10.75 10.75 0 0 0 10 23.37C10 29.23 14.93 34 21 34s11-4.77 11-10.64c0-5.15-3.8-9.45-8.84-10.42h.02Zm-3.42-1.41c0-.66.56-1.2 1.24-1.2.68 0 1.24.54 1.24 1.2 0 .66-.56 1.2-1.24 1.2-.68 0-1.24-.54-1.24-1.2ZM21 32.67c-5.31 0-9.63-4.17-9.63-9.3 0-5.14 4.32-9.32 9.63-9.32 5.31 0 9.63 4.18 9.63 9.31 0 5.14-4.32 9.31-9.63 9.31Z' fill='%23002D41'/%3E%3Cpath d='m25.7 17.96-7.05 2.77a.7.7 0 0 0-.37.36l-2.87 6.82a.64.64 0 0 0 .14.72.7.7 0 0 0 .75.15l7.05-2.77a.7.7 0 0 0 .37-.37l2.87-6.81a.63.63 0 0 0-.14-.72.69.69 0 0 0-.75-.14v-.01Zm-6.55 4.56 2.72 2.63-4.58 1.8 1.86-4.43Zm3.7 1.69-2.73-2.63 4.59-1.8-1.86 4.43Z' fill='%23002D41'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h44v44H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --icon_blob_wif: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M43.8 23.84a11.6 11.6 0 0 0-.52-1.6c.03-.96 0-1.98-.23-3.03-.67-3.37-2.6-6.24-4.72-8.8A38.56 38.56 0 0 0 31.3 3.6 18.87 18.87 0 0 0 22 .04c-3.5-.3-6.8.99-9.86 2.63C9.39 4.13 6.5 5.77 4.5 8.26a20.81 20.81 0 0 0-3.88 8.86C-.8 24.26.07 31.91 4.73 37.64c2.08 2.6 5.1 3.82 8.13 4.72 3.27.98 6.75 1.61 10.19 1.64 7.03 0 13.49-2.72 17.5-8.78 2.24-3.34 4.12-7.23 3.22-11.38h.03Z' fill='%23FFEEF5'/%3E%3Cpath d='M32 20.43c0-4.1-3.35-7.43-7.47-7.43H23.4c-.93 0-1.7.76-1.7 1.7v5.35H14l-.15.03V17.7a.62.62 0 0 0-.62-.62H9.62a.62.62 0 1 0 0 1.23h3.02v5.12c0 2.7 2.2 4.9 4.91 4.9h9.52a4.9 4.9 0 0 0 4.92-4.9v-2l-.03-.16h.03v-.83l.01-.01Zm-9.06-5.73c0-.26.2-.47.46-.47h1.13a6.24 6.24 0 0 1 6.23 5.82h-7.82V14.7Zm7.83 6.72v2.01a3.68 3.68 0 0 1-3.69 3.67h-9.53a3.68 3.68 0 0 1-3.69-3.67v-2c0-.1.07-.16.15-.16h16.61c.09 0 .15.07.15.15Z' fill='%23002D41'/%3E%3Cpath d='M18.84 28a2.2 2.2 0 0 0-2.2 2.2 2.2 2.2 0 0 0 4.4 0 2.2 2.2 0 0 0-2.2-2.2Zm0 3.16a.97.97 0 1 1 0-1.94.97.97 0 1 1 0 1.94ZM26.12 28a2.2 2.2 0 0 0-2.2 2.2 2.2 2.2 0 0 0 4.4 0 2.2 2.2 0 0 0-2.2-2.2Zm0 3.16a.97.97 0 1 1 0-1.94.97.97 0 1 1 0 1.94Z' fill='%23002D41'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h44v44H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --icon_blob_send_mail_footer: url("data:image/svg+xml,%3Csvg viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M43.8 23.84a11.6 11.6 0 0 0-.52-1.6c.03-.96 0-1.98-.23-3.03-.67-3.37-2.6-6.24-4.72-8.8A38.56 38.56 0 0 0 31.3 3.6 18.87 18.87 0 0 0 22 .04c-3.5-.3-6.8.99-9.86 2.63C9.39 4.13 6.5 5.77 4.5 8.26a20.81 20.81 0 0 0-3.88 8.86C-.8 24.26.07 31.91 4.73 37.64c2.08 2.6 5.1 3.82 8.13 4.72 3.27.98 6.75 1.61 10.19 1.64 7.03 0 13.49-2.72 17.5-8.78 2.24-3.34 4.12-7.23 3.22-11.38h.03Z' fill='%23fff'/%3E%3Cg clip-path='url(%23b)'%3E%3Cpath d='m28.31 16.98-3.57-3.53a2.72 2.72 0 0 0-1.94-.8h-8.38A2.42 2.42 0 0 0 12 15.07v17.91a2.42 2.42 0 0 0 2.42 2.42h12.22a2.42 2.42 0 0 0 2.42-2.42V18.77c0-.67-.27-1.32-.75-1.79Z' fill='%23CCE8F6'/%3E%3Cpath d='M30 21.93c.41 0 .75-.34.75-.75v-4.06c0-.67-.27-1.32-.75-1.79l-3.57-3.53a2.73 2.73 0 0 0-1.94-.81h-8.38a2.44 2.44 0 0 0-2.42 2.43v17.92a2.42 2.42 0 0 0 2.42 2.42h12.22a2.42 2.42 0 0 0 2.42-2.42v-5.08a.76.76 0 0 0-.75-.75.76.76 0 0 0-.75.75v5.08c0 .51-.41.92-.92.92H16.11a.92.92 0 0 1-.92-.92V13.42c0-.51.41-.92.92-.92h7.92v4.65c0 .41.34.75.75.75h4.46v3.27c0 .41.34.75.75.75l.01.01Zm-4.47-8.9 3.41 3.37h-3.41v-3.37Z' fill='%23002C3F'/%3E%3Cpath d='M17.88 24.49h6.03c.41 0 .75-.34.75-.75a.76.76 0 0 0-.75-.75h-6.03a.76.76 0 0 0-.75.75c0 .41.34.75.75.75Zm0-3.04h6.03c.41 0 .75-.34.75-.75a.76.76 0 0 0-.75-.75h-6.03a.76.76 0 0 0-.75.75c0 .41.34.75.75.75Zm8.75 4.64h-8.75a.76.76 0 0 0-.75.75c0 .41.34.75.75.75h8.75c.41 0 .75-.34.75-.75a.76.76 0 0 0-.75-.75Zm0 2.97h-8.75a.76.76 0 0 0-.75.75c0 .41.34.75.75.75h8.75c.41 0 .75-.34.75-.75a.76.76 0 0 0-.75-.75Zm10.42-5.84-2.68-2.68a.75.75 0 0 0-1.06 0 .75.75 0 0 0 0 1.06l1.39 1.39h-7.95a.76.76 0 0 0-.75.75c0 .41.34.75.75.75h7.98l-1.43 1.43a.75.75 0 0 0 0 1.06c.15.15.34.22.53.22s.38-.07.53-.22l2.7-2.7a.75.75 0 0 0 0-1.06h-.01Z' fill='%23002C3F'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h44v44H0z'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath fill='%23fff' d='M12 11h25.27v24.4H12z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --icon_pin: url("data:image/svg+xml,%3Csvg width='19' height='27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3_66)'%3E%3Cpath d='M19 9.576C19 4.288 14.746 0 9.5 0 4.253 0 0 4.288 0 9.576 0 15.485 8.518 26.18 8.518 26.18a.992.992 0 0 0 1.608.02S19 15.416 19 9.575z' fill='%23B80086'/%3E%3Cpath d='M9.5 13.6a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3_66'%3E%3Cpath fill='%23fff' d='M0 0H19V27H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --icon_file_pink_sh: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.19 2.83h-9.125c-.506 0-.994.215-1.331.59L6.44 7.009c-.31.34-.48.777-.48 1.232v13.938c0 1 .817 1.821 1.811 1.821H20.19c.994 0 1.811-.822 1.811-1.822V4.652c0-1-.817-1.822-1.81-1.822z' fill='%23F3E1E9'/%3E%3Cpath d='M18.228 22.17H5.81C4.817 22.17 4 21.348 4 20.348V6.411c0-.456.169-.902.48-1.232l3.292-3.59C8.11 1.214 8.598 1 9.104 1h9.124c.994 0 1.81.821 1.81 1.821v17.527c0 1-.816 1.822-1.81 1.822zM9.104 2.34a.481.481 0 0 0-.355.151l-3.293 3.59a.492.492 0 0 0-.125.33v13.937c0 .268.213.482.48.482h12.417c.266 0 .48-.214.48-.482V2.821a.479.479 0 0 0-.48-.482H9.104z' fill='%23002C3F'/%3E%3Cpath d='M16.408 11.33H7.64a.673.673 0 0 1-.666-.67c0-.365.302-.669.666-.669h8.77c.363 0 .665.304.665.67 0 .366-.302.67-.666.67zm0 3.108H7.64a.673.673 0 0 1-.666-.67c0-.366.302-.67.666-.67h8.77c.363 0 .665.304.665.67 0 .366-.302.67-.666.67zm-3.914 3.115H7.63a.673.673 0 0 1-.666-.67c0-.365.302-.669.666-.669h4.864c.364 0 .666.304.666.67 0 .366-.302.67-.666.67zM9.104 7.08H4.666A.673.673 0 0 1 4 6.41c0-.365.302-.669.666-.669h3.772V1.67c0-.366.302-.67.666-.67.363 0 .665.304.665.67v4.74c0 .367-.302.67-.665.67z' fill='%23002C3F'/%3E%3C/svg%3E");
  --icon_folder_pink_sh: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.464 7.09c.849 0 1.536.71 1.536 1.584v10.743c0 .875-.687 1.583-1.536 1.583H6.536c-.407 0-.798-.167-1.086-.464-.288-.297-.45-.7-.45-1.119V5.583c0-.42.162-.823.45-1.12A1.514 1.514 0 0 1 6.536 4h3.33c.429 0 .838.184 1.13.51l1.856 2.072c.292.325.7.509 1.13.509h7.483-.001z' fill='%23F3E1E9'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 17.751V4.25c0-.597.231-1.17.642-1.592A2.16 2.16 0 0 1 4.192 2h3.295c.612 0 1.196.263 1.611.724l1.83 2.035a.723.723 0 0 0 .538.241h7.342c.582 0 1.14.237 1.55.66.41.42.642.994.642 1.59v10.5a2.28 2.28 0 0 1-.642 1.591c-.41.422-.97.659-1.55.659H4.191a2.164 2.164 0 0 1-1.55-.659A2.282 2.282 0 0 1 2 17.751zm17.538-8.25V7.25a.76.76 0 0 0-.214-.53.72.72 0 0 0-.516-.22h-7.342a2.17 2.17 0 0 1-1.611-.723L8.025 3.74a.723.723 0 0 0-.538-.24H4.192a.72.72 0 0 0-.516.219.76.76 0 0 0-.214.53v5.251h16.076zM3.462 11v6.75c0 .199.077.39.214.53a.72.72 0 0 0 .516.22h14.615c.194 0 .38-.079.517-.22a.761.761 0 0 0 .214-.53v-6.75H3.462z' fill='%23002C3F'/%3E%3C/svg%3E");
  --icon_language_pink_sh: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='14' cy='14' r='10' fill='%23F3E1E9'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.5 22C17.295 22 22 17.294 22 11.5S17.295 1 11.5 1 1 5.705 1 11.5 5.705 22 11.5 22zm2.86-19.135a9.132 9.132 0 0 1 5.18 4.383h-3.527c-.32-1.6-.814-2.98-1.418-4.01a7.4 7.4 0 0 0-.235-.373zm5.78 5.788c.295.895.455 1.853.455 2.847a8.95 8.95 0 0 1-.43 2.773H16.25a22.921 22.921 0 0 0-.01-5.62h3.899zm-.56 7.024a9.133 9.133 0 0 1-5.22 4.458c.08-.119.158-.244.234-.374.614-1.046 1.113-2.452 1.433-4.084h3.552zM8.64 20.135a9.13 9.13 0 0 1-5.22-4.458h3.553c.32 1.631.819 3.037 1.433 4.084.076.13.155.254.234.374zm-5.803-5.863a9.079 9.079 0 0 1-.431-2.772c0-.967.16-1.952.455-2.847H6.76a22.593 22.593 0 0 0-.177 2.847c0 .988.058 1.89.168 2.773H2.837zm.623-7.025a9.131 9.131 0 0 1 5.18-4.383 7.4 7.4 0 0 0-.234.374c-.605 1.03-1.098 2.41-1.418 4.009H3.46zm8.04-4.842c.725 0 1.34.618 1.883 1.544.505.862.916 1.992 1.199 3.299H8.417c.283-1.307.695-2.437 1.2-3.299.543-.926 1.158-1.544 1.883-1.544zm0 18.19c-.725 0-1.34-.619-1.883-1.545-.515-.878-.932-2.035-1.215-3.373h6.196c-.284 1.338-.701 2.495-1.216 3.373-.543.926-1.157 1.544-1.882 1.544zm-3.336-6.322a21.496 21.496 0 0 1-.176-2.773c0-.965.065-1.949.186-2.847h6.653c.121.898.186 1.855.186 2.847s-.061 1.896-.176 2.773H8.164z' fill='%23002C3F'/%3E%3C/svg%3E");
  --icon_mail_pink_sh: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.17 6.666c.816 0 1.477.612 1.477 1.365v10.603c0 .755-.661 1.366-1.478 1.366H6.364c-.817 0-1.478-.611-1.478-1.366V8.031c0-.754.661-1.365 1.478-1.365h15.805z' fill='%23F3E1E9'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.04 4c.573 0 1.124.211 1.53.586.405.375.634.884.634 1.414v10.667c0 .53-.229 1.039-.634 1.413a2.26 2.26 0 0 1-1.53.586H4.163a2.258 2.258 0 0 1-1.53-.585A1.927 1.927 0 0 1 2 16.666V6c0-.53.228-1.04.634-1.414A2.257 2.257 0 0 1 4.164 4H20.04zm-.406 1.333H4.569l7.07 5.444a.767.767 0 0 0 .924 0l7.07-5.444zm-16.192.868v10.466c0 .177.077.346.212.472a.752.752 0 0 0 .51.195h15.874c.192 0 .375-.07.51-.195a.643.643 0 0 0 .212-.472V6.201l-7.274 5.6a2.304 2.304 0 0 1-2.772 0L3.442 6.2z' fill='%23002C3F'/%3E%3C/svg%3E");
  --icon_phone_pink_sh: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.537 15.022c.57-.238 1.245-.13 1.69.27l2.334 2.1c.281.253.439.596.439.953s-.158.7-.439.953l-1.806 1.625c-1.393 1.254-3.583 1.435-5.208.429-4.292-2.665-7.92-5.926-10.876-9.792-1.115-1.459-.914-3.425.477-4.678.626-.571 1.28-1.16 1.803-1.63.28-.252.662-.395 1.059-.395.397 0 .778.143 1.059.395l2.334 2.1c.445.4.564 1.008.3 1.521l-.872 1.69c-.036.07-.077.135-.126.199-.405.523-.31 1.269.236 1.761l3.54 3.185c.547.492 1.375.577 1.959.215a1.55 1.55 0 0 1 .22-.114c.32-.136 1.187-.499 1.877-.787z' fill='%23F3E1E9'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.926 12.587c.778-.36 1.7-.197 2.307.409l2.215 2.213a2.044 2.044 0 0 1 0 2.89l-1.553 1.552a4.778 4.778 0 0 1-6.064.569l-.009-.006a40.384 40.384 0 0 1-9.998-10.02 4.739 4.739 0 0 1 .557-6.014c.536-.569 1.097-1.129 1.55-1.582a2.047 2.047 0 0 1 2.893 0l2.216 2.214c.606.606.77 1.526.409 2.304l-.877 1.887a.7.7 0 0 1-.092.146c-.234.286-.167.716.114.996l3.3 3.295c.281.281.712.348.997.114a.704.704 0 0 1 .146-.091l1.889-.876zm.574 1.236l-1.819.842c-.805.598-1.983.508-2.753-.26l-3.3-3.296c-.77-.77-.86-1.945-.262-2.749l.845-1.817a.681.681 0 0 0-.136-.768L7.859 3.562a.682.682 0 0 0-.965 0c-.445.445-.997.996-1.524 1.556a3.38 3.38 0 0 0-.421 4.308c2.644 3.794 5.869 7.01 9.656 9.674a3.412 3.412 0 0 0 4.325-.411l1.553-1.552a.682.682 0 0 0 0-.964l-2.215-2.213a.68.68 0 0 0-.768-.137z' fill='%23002C3F'/%3E%3C/svg%3E");
  --icon_pin_pink_sh: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.677 3.286c4.081 0 7.393 3.419 7.393 7.629 0 3.146-4.13 8.834-6.216 11.507-.288.366-.72.578-1.177.578-.456 0-.888-.212-1.176-.578-2.087-2.673-6.217-8.36-6.217-11.508 0-4.21 3.314-7.628 7.393-7.628z' fill='%23F3E1E9'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.214 0c4.533 0 8.215 3.775 8.215 8.425 0 1.365-.693 3.184-1.706 5.046-1.43 2.629-3.472 5.375-4.75 7a2.205 2.205 0 0 1-1.759.886 2.205 2.205 0 0 1-1.756-.881c-1.281-1.63-3.322-4.375-4.752-7.004C4.693 11.609 4 9.79 4 8.425 4 3.775 7.68 0 12.214 0zm0 1.532c-3.71 0-6.72 3.088-6.72 6.893 0 1.17.649 2.706 1.516 4.3 1.388 2.552 3.374 5.216 4.615 6.795l.01.013a.723.723 0 0 0 .58.292c.226 0 .44-.109.578-.293l.01-.013c1.242-1.579 3.227-4.242 4.616-6.795.867-1.594 1.517-3.13 1.517-4.3 0-3.804-3.012-6.892-6.722-6.892zm0 4.1c-1.09 0-1.976.908-1.976 2.027 0 1.118.886 2.026 1.976 2.026 1.09 0 1.976-.908 1.976-2.026 0-1.119-.885-2.027-1.976-2.027z' fill='%23002C3F'/%3E%3C/svg%3E");
  --icon_time_pink_sh: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 14c0-5.523-4.477-10-10-10S4 8.477 4 14s4.477 10 10 10 10-4.477 10-10z' fill='%23F3E1E9'/%3E%3Ccircle cx='10.5' cy='10.5' r='9.8' transform='matrix(1 0 0 -1 1 22)' stroke='%23002C3F' stroke-width='1.4'/%3E%3Cpath d='M10.5 6.5V13H15' stroke='%23002C3F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --icon_cal_pink_sh: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='6' width='19' height='16' rx='1.7' fill='%23F3E1E9'/%3E%3Crect x='2.8' y='3.9' width='18.9' height='15.8' rx='1' stroke='%23002C3F' stroke-width='1.5'/%3E%3Cpath stroke='%23002C3F' stroke-width='1.5' d='M2.9 10.3h18.4'/%3E%3Cpath stroke='%23002C3F' stroke-width='1.5' stroke-linecap='round' d='M7.5.8v6.3M16.9.8v6.3'/%3E%3C/svg%3E");
  --icon_pin_blue_sh: url("data:image/svg+xml,%3Csvg width='18' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.224 2c3.435 0 6.224 2.878 6.224 6.422 0 2.65-3.478 7.438-5.234 9.688a1.26 1.26 0 0 1-.99.487 1.26 1.26 0 0 1-.99-.487C7.477 15.86 4 11.072 4 8.422 4 4.877 6.79 2 10.224 2z' fill='%23008AD1' fill-opacity='.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.916 0c3.816 0 6.915 3.178 6.915 7.093 0 1.15-.583 2.68-1.436 4.248-1.204 2.214-2.923 4.525-3.999 5.894-.354.47-.901.745-1.48.745a1.857 1.857 0 0 1-1.48-.742c-1.078-1.372-2.796-3.683-4-5.896C2.583 9.774 2 8.242 2 7.092 2 3.179 5.099 0 8.916 0zm0 1.29c-3.123 0-5.659 2.6-5.659 5.803 0 .984.547 2.278 1.277 3.62 1.168 2.149 2.84 4.391 3.885 5.72l.01.012a.609.609 0 0 0 .487.245.61.61 0 0 0 .487-.246l.009-.011c1.045-1.33 2.716-3.572 3.885-5.72.73-1.343 1.277-2.636 1.277-3.62 0-3.204-2.535-5.803-5.658-5.803zm0 3.452c-.918 0-1.664.764-1.664 1.706 0 .941.746 1.706 1.664 1.706.918 0 1.663-.765 1.663-1.706 0-.942-.745-1.706-1.663-1.706z' fill='%23002C3F'/%3E%3C/svg%3E");
  --icon_lupe_blue_sh: url("data:image/svg+xml,%3Csvg width='18' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='6' fill='%23008AD1' fill-opacity='.2'/%3E%3Ccircle cx='8.5' cy='8.5' r='5.875' stroke='%23002C3F' stroke-width='1.25'/%3E%3Cpath d='M15.897 18.074a.625.625 0 0 0 .913-.855l-.456.427-.457.428zM12 13l-.456.427 4.353 4.647.457-.428.456-.427-4.354-4.646L12 13z' fill='%23002C3F'/%3E%3C/svg%3E");
  --icon_home_blue_sh: url("data:image/svg+xml,%3Csvg width='18' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.141 4.359L4.586 8.914A2 2 0 0 0 4 10.328V17a2 2 0 0 0 2 2h9a2 2 0 0 0 2-2V9.876a2 2 0 0 0-.643-1.47l-4.445-4.103a2 2 0 0 0-2.77.056z' fill='%23BFDCEF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.928 8.816l-.83.803a.66.66 0 0 1-.91 0 .607.607 0 0 1 0-.879l7.448-7.194C7.997 1.196 8.488 1 8.999 1s1.002.197 1.364.546l7.449 7.195c.25.242.25.636 0 .878a.66.66 0 0 1-.91 0l-.83-.802v7.195c0 .494-.204.968-.565 1.317-.361.35-.852.546-1.364.546H3.857a1.966 1.966 0 0 1-1.364-.546 1.832 1.832 0 0 1-.565-1.317V8.816zm12.857-1.242l-5.33-5.15a.654.654 0 0 0-.456-.182.653.653 0 0 0-.454.182l-5.331 5.15v8.438a.61.61 0 0 0 .188.438c.12.117.285.182.455.182h10.286c.17 0 .334-.065.455-.182a.61.61 0 0 0 .188-.438V7.574z' fill='%23002C3F'/%3E%3Crect x='7.25' y='10.5' width='3.5' height='6.875' rx='.5' stroke='%23002C3F'/%3E%3C/svg%3E");
  --icon_folder_blue_sh: url("data:image/svg+xml,%3Csvg width='18' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.086 3.934H4a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-9a1 1 0 0 0-1-1H9.914a1 1 0 0 1-.707-.293L7.793 4.226a1 1 0 0 0-.707-.292z' fill='%23BFDCEF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 14.068V2.866c0-.495.195-.97.54-1.32C.888 1.196 1.357 1 1.847 1H4.62c.515 0 1.007.218 1.356.6L7.52 3.29c.116.127.28.2.452.2h6.183c.49 0 .96.197 1.305.547.346.35.541.825.541 1.32v8.71c0 .496-.195.97-.54 1.32-.347.35-.817.547-1.307.547H1.846c-.49 0-.96-.197-1.305-.546A1.878 1.878 0 0 1 0 14.067zm14.77-6.846V5.355a.625.625 0 0 0-.181-.44.611.611 0 0 0-.435-.182H7.971a1.839 1.839 0 0 1-1.356-.6L5.073 2.445a.613.613 0 0 0-.452-.2H1.846a.611.611 0 0 0-.435.182.626.626 0 0 0-.18.44v4.356h13.538zM1.23 8.467v5.6c0 .166.066.324.181.44a.611.611 0 0 0 .435.183h12.307c.164 0 .32-.066.436-.182a.627.627 0 0 0 .18-.44V8.466H1.231z' fill='%23002C3F'/%3E%3C/svg%3E");
  --icon_caret_right_blue_sh: url("data:image/svg+xml,%3Csvg width='18' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.688 10.035a1 1 0 0 1 0 1.43l-5.07 4.955c-.632.618-1.698.17-1.698-.716V5.795c0-.885 1.066-1.334 1.699-.715l5.07 4.955z' fill='%23008AD1' fill-opacity='.2'/%3E%3Cpath d='M6 15l6-6-6-6' stroke='%23002C3F' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  --icon_caret_down_blue_sh: url("data:image/svg+xml,%3Csvg width='18' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_44)'%3E%3Cpath d='M12.045 14.768a1 1 0 0 1-1.43 0L5.66 9.7C5.042 9.066 5.49 8 6.376 8h9.909c.885 0 1.334 1.066.715 1.699l-4.955 5.07z' fill='%23008AD1' fill-opacity='.2'/%3E%3Cpath d='M3 6l6 6 6-6' stroke='%23002C3F' stroke-width='1.5' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_44'%3E%3Cpath fill='%23fff' d='M0 0H18V20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --icon_mail_footer: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.17 6.666c.816 0 1.477.612 1.477 1.365v10.603c0 .755-.661 1.366-1.478 1.366H6.364c-.817 0-1.478-.611-1.478-1.366V8.031c0-.754.661-1.365 1.478-1.365h15.805z' fill='%23B80086'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.04 4c.573 0 1.124.211 1.53.586.405.375.634.884.634 1.414v10.667c0 .53-.229 1.039-.634 1.413a2.26 2.26 0 0 1-1.53.586H4.163a2.258 2.258 0 0 1-1.53-.585A1.927 1.927 0 0 1 2 16.666V6c0-.53.228-1.04.634-1.414A2.257 2.257 0 0 1 4.164 4H20.04zm-.406 1.333H4.569l7.07 5.444a.767.767 0 0 0 .924 0l7.07-5.444zm-16.192.868v10.466c0 .177.077.346.212.472a.752.752 0 0 0 .51.195h15.874c.192 0 .375-.07.51-.195a.643.643 0 0 0 .212-.472V6.201l-7.274 5.6a2.304 2.304 0 0 1-2.772 0L3.442 6.2z' fill='%23fff'/%3E%3C/svg%3E");
  --icon_phone_footer: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.537 15.022c.57-.238 1.245-.13 1.69.27l2.334 2.1c.281.253.439.596.439.953s-.158.7-.439.953l-1.806 1.625c-1.393 1.254-3.583 1.435-5.208.429-4.292-2.665-7.92-5.926-10.876-9.792-1.115-1.459-.914-3.425.477-4.678.626-.571 1.28-1.16 1.803-1.63.28-.252.662-.395 1.059-.395.397 0 .778.143 1.059.395l2.334 2.1c.445.4.564 1.008.3 1.521l-.872 1.69c-.036.07-.077.135-.126.199-.405.523-.31 1.269.236 1.761l3.54 3.185c.547.492 1.375.577 1.959.215a1.55 1.55 0 0 1 .22-.114c.32-.136 1.187-.499 1.877-.787z' fill='%23B80086'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.926 12.587c.778-.36 1.7-.197 2.307.409l2.215 2.213a2.044 2.044 0 0 1 0 2.89l-1.553 1.552a4.778 4.778 0 0 1-6.064.569l-.009-.006a40.384 40.384 0 0 1-9.998-10.02 4.739 4.739 0 0 1 .557-6.014c.536-.569 1.097-1.129 1.55-1.582a2.047 2.047 0 0 1 2.893 0l2.216 2.214c.606.606.77 1.526.409 2.304l-.877 1.887a.7.7 0 0 1-.092.146c-.234.286-.167.716.114.996l3.3 3.295c.281.281.712.348.997.114a.704.704 0 0 1 .146-.091l1.889-.876zm.574 1.236l-1.819.842c-.805.598-1.983.508-2.753-.26l-3.3-3.296c-.77-.77-.86-1.945-.262-2.749l.845-1.817a.681.681 0 0 0-.136-.768L7.859 3.562a.682.682 0 0 0-.965 0c-.445.445-.997.996-1.524 1.556a3.38 3.38 0 0 0-.421 4.308c2.644 3.794 5.869 7.01 9.656 9.674a3.412 3.412 0 0 0 4.325-.411l1.553-1.552a.682.682 0 0 0 0-.964l-2.215-2.213a.68.68 0 0 0-.768-.137z' fill='%23fff'/%3E%3C/svg%3E");
  --icon_pin_footer:	url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.677 3.286c4.081 0 7.393 3.419 7.393 7.629 0 3.146-4.13 8.834-6.216 11.507-.288.366-.72.578-1.177.578-.456 0-.888-.212-1.176-.578-2.087-2.673-6.217-8.36-6.217-11.508 0-4.21 3.314-7.628 7.393-7.628z' fill='%23B80086'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.214 0c4.533 0 8.215 3.775 8.215 8.425 0 1.365-.693 3.184-1.706 5.046-1.43 2.629-3.472 5.375-4.75 7a2.205 2.205 0 0 1-1.759.886 2.205 2.205 0 0 1-1.756-.881c-1.281-1.63-3.322-4.375-4.752-7.004C4.693 11.609 4 9.79 4 8.425 4 3.775 7.68 0 12.214 0zm0 1.532c-3.71 0-6.72 3.088-6.72 6.893 0 1.17.649 2.706 1.516 4.3 1.388 2.552 3.374 5.216 4.615 6.795l.01.013a.723.723 0 0 0 .58.292c.226 0 .44-.109.578-.293l.01-.013c1.242-1.579 3.227-4.242 4.616-6.795.867-1.594 1.517-3.13 1.517-4.3 0-3.804-3.012-6.892-6.722-6.892zm0 4.1c-1.09 0-1.976.908-1.976 2.027 0 1.118.886 2.026 1.976 2.026 1.09 0 1.976-.908 1.976-2.026 0-1.119-.885-2.027-1.976-2.027z' fill='%23fff'/%3E%3C/svg%3E");
}
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Mixins
--------------------------------------------- */
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: var(--color_secondary);
  font-family: var(--fontfamily_body);
  font-size: inherit;
  line-height: var(--lineheight_default);
}

body {
  font-size: var(--fontsize_body);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
:where(.wp-block-heading) {
  font-family: var(--fontfamily_headings);
  line-height: var(--lineheight_default);
  font-weight: var(--fontweight_bold);
  color: var(--color_secondary);
  clear: both;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (width <= 48em) {
  h1, h2, h3, h4, h5, h6,
  .h1, .h2, .h3, .h4, .h5, .h6,
  :where(.wp-block-heading) {
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
            hyphens: auto;
    -webkit-hyphenate-limit-before: 14;
    hyphenate-limit-chars: 14 auto auto;
  }
}
@media screen and (width <= 23em) {
  h1, h2, h3, h4, h5, h6,
  .h1, .h2, .h3, .h4, .h5, .h6,
  :where(.wp-block-heading) {
    -webkit-hyphenate-limit-before: 11;
    hyphenate-limit-chars: 11 auto auto;
  }
}

h1,
.h1 {
  font-size: var(--fontsize_h1);
  line-height: 1.1;
}

h2,
.h2 {
  font-size: var(--fontsize_h2);
  line-height: 1.1;
}

h3,
.h3 {
  font-size: var(--fontsize_h3);
  line-height: 1.2;
}

h4,
.h4 {
  font-size: var(--fontsize_h4);
  line-height: 1.25;
}

h5,
.h5 {
  font-size: var(--fontsize_h5);
  line-height: 1.25;
}

h6,
.h6 {
  font-size: var(--fontsize_body);
  line-height: 1.25;
}

:is(h2, h3, h4, h5, h6,
.h2, .h3, .h4, .h5, .h6,
.wp-block-heading) :is(em, i) {
  color: var(--color_primary);
}

:is(h1, .h1) :is(em, i) {
  color: var(--color_white);
  background: var(--color_primary);
  padding: 0 var(--padding_small);
  border-radius: var(--border_radius);
  line-height: 1.3;
}

small,
.small {
  font-size: var(--fontsize_small);
}

:where(p) {
  margin: 0;
}

:where(p, h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.wp-block-heading,
.wp-block-list,
.button) + :is(p, h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.wp-block-heading,
.wp-block-list,
.button) {
  margin-top: var(--paragraph_spacing);
}

strong,
b {
  font-weight: var(--fontweight_bold);
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

.line-balance {
  text-wrap: balance;
}

/*--------------------------------------------------------------
# Base Elements
--------------------------------------------------------------*/
/* Base Elements
--------------------------------------------- */
body {
  background: #fff;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: var(--paragraph_spacing) 0 0;
  padding: 0 0 0 30px;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

video {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
/* Links
--------------------------------------------- */
/* Baseline for default links */
a:not([class], [rel]) {
  /* Relatively sized thickness and offset */
  text-decoration-thickness: var(--_link_underline_thickness, max(0.08em, 1px));
  text-underline-offset: var(--_link_underline_offset, 0.15em);
  text-decoration-color: var(--_link_underline_color, currentColor);
}

a {
  color: inherit;
}

a:hover,
a:focus,
a:active {
  --_link_underline_color: var(--color_primary);
  color: var(--color_primary);
}

a:active {
  outline: 0;
}

:focus-visible {
  --outline-size: calc(max(2px, 0.15em));
  outline: var(--outline-width, var(--outline-size)) var(--outline-style, solid) var(--outline-color, currentColor);
  outline-offset: var(--outline-offset, var(--outline-size));
  border-radius: 1px;
}

/* Scroll padding allowance above anchor links. e.g. Sticky Menues */
:target {
  scroll-padding-block-start: 2rem;
}

/* Scroll padding allowance below focused elements 
  to ensure they are clearly in view */
:focus {
  scroll-padding-block-end: 8vh;
}

:where(.entry_content, .site_footer) a {
  --_link_underline_color: var(--color_secondary);
  --_link_underline_color_hover: var(--color_primary);
  --_link_underline_thickness: 2px;
  --_link_underline_thickness_hover: 3px;
  color: inherit;
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  font-weight: var(--fontweight_medium);
}

:where(.entry_content, .site_footer) a:hover {
  --_link_underline_thickness: var(--_link_underline_thickness_hover);
  text-decoration-color: var(--_link_underline_color_hover);
}

:where(.entry_content, .site_footer) a[target=_blank]:not([class]):after {
  content: "";
  vertical-align: middle;
  background: currentColor;
  -webkit-mask: var(--icon_link_ext) no-repeat center left;
          mask: var(--icon_link_ext) no-repeat center left;
  width: 0.9em;
  height: 0.9em;
  margin: 0 0.3em 0.2em;
  display: inline-block;
}

.arrow_link {
  display: inline-block;
  border: 0;
  padding: 0;
  padding-right: 36px;
  background-color: var(--_button_bg);
  cursor: pointer;
  background-image: var(--icon_arrow);
  background-size: auto 20px;
  background-repeat: no-repeat;
  background-position: center right;
  font-weight: var(--fontweight_bold);
  text-decoration: none;
  box-shadow: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.arrow_link:hover {
  background-color: rgba(210, 210, 210, 0.3);
  box-shadow: 0 0 0 6px rgba(210, 210, 210, 0.3);
}

/*--------------------------------------------------------------
# Forms & Buttons
--------------------------------------------------------------*/
/* Forms
--------------------------------------------- */
button,
.button,
.button:visited,
.wp-element-button,
input[type=button],
input[type=reset],
input[type=submit] {
  --_button_bg: var(--color_secondary_light);
  --_button_bg_hover: var(--color_secondary_lighter);
  --_button_bg_active: var(--color_secondary);
  --_button_color: var(--color_textblack);
  --_button_color_hover: var(--color_textblack);
  --_button_color_active: var(--color_textblack);
  display: inline-block;
  padding: var(--padding_small) var(--padding_default);
  border: 0;
  border-radius: calc(var(--border_radius) / 2);
  background-color: var(--_button_bg);
  cursor: pointer;
  color: var(--_button_color);
  font-weight: var(--fontweight_bold);
  text-decoration: none;
  box-shadow: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

button:hover,
.button:hover,
.wp-element-button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  background-color: var(--_button_bg_hover);
  color: var(--_button_color_hover);
}

button:active,
button:focus,
.button:active,
.button:focus,
.wp-element-button:active,
.wp-element-button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  background-color: var(--_button_bg_active);
  color: var(--_button_color_active);
}

.button--dark,
.wp-element-button {
  --_button_bg: var(--color_secondary);
  --_button_color: var(--color_white);
  --_button_bg_hover: var(--color_secondary_active);
  --_button_color_hover: var(--color_white);
  --_button_bg_active: var(--color_secondary_border);
  --_button_color_active: var(--color_white);
  font-weight: var(--fontweight_medium);
}
.button--dark:hover,
.wp-element-button:hover {
  text-decoration: underline;
}

.button--arrow,
.button--download,
.button--loading,
.button--external,
.button--document,
.button--x {
  display: flex;
  align-items: center;
  gap: 1em;
  padding-right: var(--padding_small);
}
.button--arrow::after,
.button--download::after,
.button--loading::after,
.button--external::after,
.button--document::after,
.button--x::after {
  content: "";
  flex-shrink: 0;
  width: 20px;
  height: 13px;
  margin-right: 0.5em;
  background: currentColor;
  -webkit-mask-image: var(--icon_arrow);
          mask-image: var(--icon_arrow);
  -webkit-mask-size: 100% auto;
          mask-size: 100% auto;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}

.button--download::after {
  -webkit-mask-image: var(--icon_arrow_download);
          mask-image: var(--icon_arrow_download);
  -webkit-mask-size: auto;
          mask-size: auto;
  width: 20px;
  height: 20px;
}

.button--loading::after {
  animation: spinner 1s linear infinite;
  -webkit-mask-image: var(--icon_spinner);
          mask-image: var(--icon_spinner);
  -webkit-mask-size: 100% auto;
          mask-size: 100% auto;
  width: 20px;
  height: 20px;
}

/* TODO: Old */
.button--external {
  background-image: var(--icon_arrow_ext);
  background-size: auto 20px;
}

.button--document {
  background-image: var(--icon_doc);
  background-size: auto 24px;
}

.button--x {
  background-image: var(--icon_menu_x);
  background-size: auto 24px;
}

/* END TODO: Old */
input[type=submit] {
  border: 4px solid var(--_button_border_color, var(--color_white));
  padding-block: 9px;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #666;
  border: 1px solid var(--_button_border_color, var(--color_secondary_border));
  font-weight: var(--fontweight_bold);
  border-radius: var(--border_radius);
  padding: 9px var(--padding_large);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  outline-color: var(--color_secondary);
  outline-offset: 0;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #111;
}

input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=range]::-moz-placeholder, input[type=date]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=datetime]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, input[type=color]::-moz-placeholder {
  color: #888;
}

input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=url]::placeholder,
input[type=password]::placeholder,
input[type=search]::placeholder,
input[type=number]::placeholder,
input[type=tel]::placeholder,
input[type=range]::placeholder,
input[type=date]::placeholder,
input[type=month]::placeholder,
input[type=week]::placeholder,
input[type=time]::placeholder,
input[type=datetime]::placeholder,
input[type=datetime-local]::placeholder,
input[type=color]::placeholder {
  color: #888;
}

input[type=range] {
  accent-color: var(--color_primary);
}

textarea {
  width: 100%;
}

.inline_form {
  display: flex;
  flex-wrap: wrap;
  row-gap: var(--paragraph_spacing);
  width: 100%;
}

.inline_form :is(input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea) {
  flex-grow: 1;
}

:root {
  --form-control-color: var(--color_secondary);
  --form-control-disabled: #999;
  --form-background: var(--color_white);
  --form-border-color: var(--color_secondary_border);
  --form-border-radius: 0.25em;
}

.form-control,
.wpcf7-form-control label {
  font-size: 1rem;
  line-height: 1.1;
  display: grid;
  grid-template-columns: 1em auto;
  gap: 0.65em;
}

.form-control + .form-control {
  margin-top: 1em;
}

.form-control:focus-within {
  color: var(--form-control-color);
}

.form-control--disabled {
  color: var(--form-control-disabled);
  cursor: not-allowed;
}

input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  /* For iOS < 15 */
  background-color: var(--form-background);
  /* Not removed via appearance */
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 1em;
  height: 1em;
  border: 0.1em solid currentColor;
  border-radius: 0.3em;
  /* transform: translateY(-0.075em); */
  display: grid;
  place-content: center;
}

input[type=checkbox]::before {
  content: "";
  width: 0.55em;
  height: 0.55em;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  transform-origin: bottom left;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--form-control-color);
  /* Windows High Contrast Mode */
  background-color: CanvasText;
}

input[type=checkbox]:checked {
  background-color: var(--form-control-color);
}
input[type=checkbox]:checked::before {
  transform: scale(1);
  background-color: var(--form-background);
  box-shadow: inset 1em 1em var(--form-background);
}

input[type=checkbox]:focus {
  outline: max(2px, 0.15em) solid currentColor;
  outline-offset: max(2px, 0.15em);
}

input[type=checkbox]:disabled {
  --form-control-color: var(--form-control-disabled);
  color: var(--form-control-disabled);
  cursor: not-allowed;
}

input[type=radio] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  -moz-appearance: none;
       appearance: none;
  /* For iOS < 15 */
  background-color: var(--form-background);
  /* Not removed via appearance */
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 1em;
  height: 1em;
  border: 0.1em solid currentColor;
  border-radius: 50%;
  /* transform: translateY(-0.075em); */
  display: grid;
  place-content: center;
}

input[type=radio]::before {
  content: "";
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--form-control-color);
  /* Windows High Contrast Mode */
  background-color: CanvasText;
}

input[type=radio]:checked {
  background-color: var(--form-control-color);
}
input[type=radio]:checked::before {
  transform: scale(1);
  background-color: var(--form-background);
  box-shadow: inset 1em 1em var(--form-background);
}

input[type=radio]:focus {
  outline: max(2px, 0.15em) solid currentColor;
  outline-offset: max(2px, 0.15em);
}

:root {
  --form-control-color: var(--color_secondary);
  --form-control-disabled: #999;
  --form-background: var(--color_white);
  --form-border-color: var(--color_secondary_border);
  --form-border-radius: 0.25em;
}

select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  padding: 0 1em 0 0;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  z-index: 1;
  outline: none;
}
select::-ms-expand {
  display: none;
}

.select,
.wpcf7-form-control-wrap:has(> select) {
  display: grid;
  grid-template-areas: "select";
  align-items: center;
  position: relative;
  min-width: 15ch;
  max-width: 30ch;
  border: 1px solid var(--form-border-color);
  border-radius: 0.3em;
  padding: 0.25em 0.5em;
  font-size: 1rem;
  cursor: pointer;
  line-height: 2;
  background-color: #fff;
  background-image: linear-gradient(to top, #f9f9f9, #fff 33%);
}
.select select, .select::after,
.wpcf7-form-control-wrap:has(> select) select,
.wpcf7-form-control-wrap:has(> select)::after {
  grid-area: select;
}
.select:not(.select--multiple)::after,
.wpcf7-form-control-wrap:has(> select):not(.select--multiple)::after {
  content: "";
  justify-self: end;
  width: 0.8em;
  height: 0.5em;
  background-color: var(--form-control-color);
  clip-path: polygon(100% 0%, 0 0%, 50% 100%);
}

.select:focus-within,
.wpcf7-form-control-wrap:focus-within:has(> select) {
  box-shadow: 0 0 0 2px var(--form-control-color);
}
.select:focus-within select,
.wpcf7-form-control-wrap:focus-within:has(> select) select {
  border: 0;
  outline: 0;
}

select[multiple] {
  padding-right: 0;
  /*
    * Safari will not reveal an option
    * unless the select height has room to 
    * show all of it
    * Firefox and Chrome allow showing 
    * a partial option
    */
  height: 6rem;
  /* 
    * Experimental - styling of selected options
    * in the multiselect
    * Not supported crossbrowser
    */
}
select[multiple] option {
  white-space: normal;
  outline-color: var(--form-control-color);
}

.select--disabled {
  cursor: not-allowed;
  background-color: #eee;
  background-image: linear-gradient(to top, #ddd, #eee 33%);
}

/*
  Set up the basic structure of the toggle component.
  Using flexbox to align items and create spacing between the elements.
*/
.toggle {
  --color-toggle-bg-default: var(--color_gray_light, #fbe4e2);
  --color-toggle-bg-checked: var(--color_green_active, #cce6d0);
  --color-toggle-border: var(--color_secondary_border, rgba(0, 0, 0, 0.2));
  --color-focus-ring: var(--color_secondary, #4c9aff);
  --color-icon-checkmark: var(--color_petrol, #006838);
  --color-icon-cross: var(--color_fampink, #9e1b1b);
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  gap: 1ch;
  flex-wrap: wrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/*
  Hide the actual checkbox input but keep it accessible.
  Position it absolutely to cover the toggle switch area, making the entire area clickable.
*/
.toggle__input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
}

/*
  Styling the visual representation of the toggle switch.
  Using CSS variables for sizing and spacing, and applying a smooth transition for state changes.
*/
.toggle__display {
  --offset: 0.2em;
  --diameter: 1em;
  display: inline-flex;
  align-items: center;
  justify-content: space-evenly;
  box-sizing: content-box;
  width: calc(var(--diameter) * 2 + var(--offset) * 2);
  height: calc(var(--diameter) + var(--offset) * 2);
  border: 1px solid var(--color-toggle-border);
  position: relative;
  border-radius: 100vw;
  background-color: var(--color-toggle-bg-default);
  transition: background-color 250ms, transform 250ms;
}

/*
  The knob inside the toggle switch, which moves when toggled.
  Positioned absolutely inside the switch and centered vertically.
*/
.toggle__display::before {
  content: "";
  z-index: 2;
  position: absolute;
  top: 50%;
  inset-inline-start: var(--offset);
  box-sizing: border-box;
  width: var(--diameter);
  height: var(--diameter);
  border: 1px solid var(--color-toggle-border);
  border-radius: 50%;
  background-color: white;
  transform: translateX(0) translateY(-50%);
  will-change: transform;
  transition: transform 250ms;
}

/*
  Focus-visible is used to apply the focus ring only when navigating via keyboard.
  This prevents the focus ring from appearing during mouse clicks, enhancing the visual experience.
*/
.toggle__input:focus-visible + .toggle__display {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: 4px;
}

/*
  Change the background color when the toggle is checked (active state).
  This applies the green color to indicate the "on" state.
*/
.toggle__input:checked + .toggle__display {
  background-color: var(--color-toggle-bg-checked);
}

/*
  Move the knob to the right when the toggle is checked.
  This visually represents the "on" state.
*/
.toggle__input:checked + .toggle__display::before {
  transform: translateX(100%) translateY(-50%);
}

/*
  Styling for the icons inside the toggle (e.g., checkmark and cross).
  Using inline-block for flexibility and inheriting colours for easy theming.
*/
.toggle__icon {
  display: inline-block;
  width: 0.7em;
  height: 0.7em;
  color: inherit;
  fill: currentcolor;
  vertical-align: middle;
  overflow: hidden;
}

/*
  Specific styling for the "cross" icon (used for "off" state).
  A slightly smaller size and dark red colour.
*/
.toggle__icon--cross {
  color: var(--color-icon-cross);
  font-size: 85%;
}

/*
  Specific styling for the "checkmark" icon (used for "on" state).
  A dark green colour that contrasts well with the light green background.
*/
.toggle__icon--checkmark {
  color: var(--color-icon-checkmark);
}

/*--------------------------------------------------------------
# Base Layout Utilities
--------------------------------------------------------------*/
/* Container Layout Grid
/* expects to be in full-width context
--------------------------------------------- */
/* Named Grid-Columns:
==============================
|	|	| container |	|	|
|	| -container-wide--	|	|
| -------full-width---------|

*/
.tj_layout {
  display: grid;
  --_wide_max_size: calc((var(--layout_maxwidth_wide) - var(--layout_maxwidth_content)) / 2);
  grid-template-columns: [full-width-start] minmax(var(--viewport_padding), 1fr) [container-wide-start] minmax(0, var(--_wide_max_size)) [container-start] min(100% - var(--viewport_padding) * 2, var(--layout_maxwidth_content)) [container-end] minmax(0, var(--_wide_max_size)) [container-wide-end] minmax(var(--viewport_padding), 1fr) [full-width-end];
}

.tj_layout .tj_layout {
  display: grid;
  grid-template-columns: [full-width-start] minmax(0, 1fr) [container-wide-start] minmax(0, var(--_wide_max_size)) [container-start] min(100%, var(--layout_maxwidth_content)) [container-end] minmax(0, var(--_wide_max_size)) [container-wide-end] minmax(0, 1fr) [full-width-end];
}

.tj_layout .tj_layout--keep_padding {
  display: grid;
  --_wide_max_size: calc((var(--layout_maxwidth_wide) - var(--layout_maxwidth_content)) / 2);
  grid-template-columns: [full-width-start] minmax(var(--viewport_padding), 1fr) [container-wide-start] minmax(0, var(--_wide_max_size)) [container-start] min(100% - var(--viewport_padding) * 2, var(--layout_maxwidth_content)) [container-end] minmax(0, var(--_wide_max_size)) [container-wide-end] minmax(var(--viewport_padding), 1fr) [full-width-end];
}

.tj_layout > * {
  grid-column: container;
}

.tj_layout_container--wide {
  grid-column: container-wide;
}

.tj_layout_container--fullwidth {
  grid-column: full-width;
}

/* 12 Col Grid
--------------------------------------------- */
.grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--gap);
  margin-inline: auto;
}

@media screen and (min-width: 48em) {
  .grid {
    /* 12 Columns */
    grid-template-columns: repeat(12, 1fr);
  }
  .grid__item--span-two {
    grid-column: span 2;
  }
  .grid__item--quarter,
  .grid__item--span-three,
  .grid__item--span-four,
  .grid__item--third {
    grid-column: span 4;
  }
  .grid__item--span-five {
    grid-column: span 5;
  }
  .grid__item--half,
  .grid__item--span-six {
    grid-column: span 6;
  }
  .grid__item--span-seven {
    grid-column: span 7;
  }
  .grid__item--span-eight,
  .grid__item--span-nine,
  .grid__item--twothird {
    grid-column: span 8;
  }
  .grid__item--fw_eight {
    grid-column: 3/span 8;
  }
  .grid__item--fw_ten {
    grid-column: 2/span 10;
  }
  .grid__item--fw {
    grid-column: span 12;
  }
}
@media screen and (min-width: 64em) {
  .grid__item--span-three,
  .grid__item--quarter {
    grid-column: span 3;
  }
  .grid__item--span-nine {
    grid-column: span 9;
  }
}
/*--------------------------------------------------------------
# Base Layout Parts
--------------------------------------------------------------*/
.page .site_main {
  margin-bottom: var(--blockspacing_huge);
}

.page .site_main:has(.entry_content > .bgblock:last-child) {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Content Components
--------------------------------------------- */
.content_box {
  padding: var(--viewport_padding);
  background-color: var(--color_white);
  border: 1px solid var(--color_secondary_border);
  border-radius: var(--border_radius);
}
@media screen and (width > 79em) {
  .content_box {
    padding: var(--padding_large);
  }
}

.content_box .tj_block:last-child {
  margin-bottom: 0;
}

.famnetz_quickinfo {
  display: flex;
  gap: 0.8em;
  flex-wrap: wrap;
  font-size: var(--fontsize_small);
  font-weight: var(--fontweight_medium);
}
.famnetz_quickinfo > div {
  display: flex;
  align-items: center;
  gap: 0.2em;
}
.famnetz_quickinfo > div::before {
  content: "";
  background: none center no-repeat;
  background-size: contain;
}
.famnetz_quickinfo .famnetz_quickinfo__stadtteil::before {
  width: 16px;
  height: 16px;
  background-image: var(--icon_pin_pink_sh);
}
.famnetz_quickinfo .famnetz_quickinfo__date_text::before {
  width: 16px;
  height: 16px;
  background-image: var(--icon_cal_pink_sh);
}

.contact_people__intro {
  margin-top: var(--paragraph_spacing);
}

/* Contact List with Icons
--------------------------------------------- */
/*
<ul class="contact_list">
 	<li class="contact_list__pin">Doventorstraße 6, 28195 Bremen</li>
 	<li class="contact_list__phone>Telefon: 0421 52 63 21-0</li>
 	<li class="contact_list__mail>E-Mail: info@familiennetz-bremen.de</li>
</ul>
*/
.contact_list {
  --_listpadding: 3rem;
  list-style: none;
  display: grid;
  gap: var(--gap);
  padding-left: var(--_listpadding);
}
.contact_list li strong {
  font-weight: var(--fontweight_medium);
}
.contact_list li a {
  font-weight: var(--fontweight_regular);
}
.contact_list li::before {
  content: "";
  display: inline-block;
  background: none 0 0 no-repeat;
  width: var(--_listpadding);
  height: 24px;
  margin-left: calc(-1 * var(--_listpadding));
  vertical-align: -0.4375em;
}
.contact_list li.contact_list__mail::before {
  background-image: var(--icon_mail_pink_sh);
}
.contact_list li.contact_list__phone::before {
  background-image: var(--icon_phone_pink_sh);
}
.contact_list li.contact_list__pin::before {
  background-image: var(--icon_pin_pink_sh);
}
.contact_list li.contact_list__file::before {
  background-image: var(--icon_file_pink_sh);
}
.contact_list li.contact_list__folder::before {
  background-image: var(--icon_folder_pink_sh);
}
.contact_list li.contact_list__language::before, .contact_list li.contact_list__world::before {
  background-image: var(--icon_language_pink_sh);
}
.contact_list li.contact_list__time::before {
  background-image: var(--icon_time_pink_sh);
}

/* Dates List
--------------------------------------------- */
.dates_list_title {
  font-weight: var(--fontweight_medium);
}

.dates_list {
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.04em;
}

/* Mini Map
--------------------------------------------- */
.minimap {
  position: relative;
  max-width: 420px;
  border: 1px solid var(--color_secondary_border);
  border-radius: var(--border_radius);
}
.minimap::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 19px;
  height: 27px;
  background: var(--icon_pin) no-repeat center;
  background-size: contain;
  transform: translate(-50%, -100%);
  pointer-events: none;
  z-index: 1;
}
.minimap img {
  width: 100%;
  display: block;
  border-radius: calc(var(--border_radius) - 1px);
  pointer-events: none;
}
.minimap__button {
  width: 100%;
  text-align: center;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}

/* Favourite button
--------------------------------------------- */
.favourite {
  display: flex;
  padding: var(--padding_small);
  background-color: var(--color_fampink_light);
  border: 1px solid var(--color_fampink_active_alt);
  border-radius: calc(var(--border_radius) / 2);
}
.favourite:active {
  background-color: var(--color_fampink_active_alt);
}
.favourite:before {
  content: "";
  --_width: calc(28 / 16 * 1em);
  --_height: calc(23 / 16 * 1em);
  --_lineheightsize: calc(1em * var(--lineheight_default));
  width: var(--_width);
  height: var(--_height);
  margin: calc((var(--_lineheightsize) - var(--_height) - 2px) / 2) calc((var(--_lineheightsize) - var(--_width)) / 2 - 2px);
  background: var(--icon_fav) no-repeat;
  background-size: contain;
  transform: rotateY(0deg) scale(1);
  animation: fav_flip_reverse 0.3s forwards;
}
.favourite.favourite--saved:before {
  animation: fav_flip 0.3s forwards;
}

@keyframes fav_flip {
  0% {
    transform: rotateY(0deg) scale(1);
    background: var(--icon_fav) no-repeat;
    background-size: contain;
  }
  50% {
    transform: rotateY(90deg) scale(0.7);
    background: var(--color_fampink);
    -webkit-mask: var(--icon_fav);
            mask: var(--icon_fav);
    -webkit-mask-size: contain;
            mask-size: contain;
  }
  100% {
    transform: rotateY(180deg) scale(1);
    background: var(--color_fampink);
    -webkit-mask: var(--icon_fav);
            mask: var(--icon_fav);
    -webkit-mask-size: contain;
            mask-size: contain;
  }
}
@keyframes fav_flip_reverse {
  0% {
    transform: rotateY(180deg) scale(1);
    background: var(--color_fampink);
    -webkit-mask: var(--icon_fav);
            mask: var(--icon_fav);
    -webkit-mask-size: contain;
            mask-size: contain;
  }
  50% {
    transform: rotateY(90deg) scale(0.7);
    background: var(--color_fampink);
    -webkit-mask: var(--icon_fav);
            mask: var(--icon_fav);
    -webkit-mask-size: contain;
            mask-size: contain;
  }
  51% {
    background: var(--icon_fav) no-repeat;
    background-size: contain;
  }
  100% {
    transform: rotateY(0deg) scale(1);
    background: var(--icon_fav) no-repeat;
    background-size: contain;
  }
}
/* Sharing Component
--------------------------------------------- */
.famnetz_sharing {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--padding_small);
  font-weight: var(--fontweight_medium);
}

.famnetz_sharing__buttons {
  display: flex;
  align-items: center;
  gap: var(--padding_small);
}
.famnetz_sharing__buttons a svg {
  display: block;
  width: 1.25em;
  height: 1.25em;
}

a.famnetz_sharing--whatsapp svg {
  width: 1.35em;
  height: 1.35em;
}

.familiennetz_intern_form {
  --_button_border_color: var(--color_primary);
  max-width: 670px;
}

.familiennetz_intern_form input[type=submit] {
  --_button_bg: var(--color_primary);
  --_button_bg_hover: var(--color_primary_light);
}

.familiennetz_intern_form input[type=submit]:hover {
  --_button_border_color: var(--color_primary_light);
}

/* Accordion 
--------------------------------------------- */
.tj_accordion {
  --_color_accordion_title: var(--color_white);
  --_color_accordion_title-hover: var(--color_secondary_active_alt);
  --_color_accordion_title-active: var(--color_secondary_light);
  --_color_accordion_content: var(--color_white);
  --_color_accordion_border: var(--color_secondary_border);
  --_inner_inlinepadding: 1.5em;
  list-style: none;
  padding: 0;
  margin: 0;
  border: 1px solid var(--_color_accordion_border);
  border-radius: 4px;
  contain: paint;
}
@media screen and (width <= 79em) {
  .tj_accordion {
    --_inner_inlinepadding: 1em;
  }
}

.tj_accordion-item {
  position: relative;
  margin: 0;
}
.tj_accordion-item::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--_color_accordion_border);
  -webkit-mask: var(--bg_dashed);
          mask: var(--bg_dashed);
}

.tj_accordion-item:last-child::after {
  content: none;
}

.tj_accordion-item:first-child .tj_accordion-title {
  border-top-left-radius: var(--border_radius);
  border-top-right-radius: var(--border_radius);
}

.tj_accordion-item:last-child .tj_accordion-title[aria-expanded=false],
.tj_accordion-item:last-child .tj_accordion-content {
  border-bottom-left-radius: var(--border_radius);
  border-bottom-right-radius: var(--border_radius);
}

.tj_accordion-title {
  overflow: hidden;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 35px;
  padding: 1em var(--_inner_inlinepadding);
  background-color: var(--_color_accordion_title);
  margin: 0;
  border: 0;
  border-radius: 0;
  text-transform: none;
  text-align: left;
  letter-spacing: normal;
}

.tj_accordion-title:hover {
  background-color: var(--_color_accordion_title-hover);
}

.tj_accordion-title:active {
  background-color: var(--_color_accordion_title-active);
  box-shadow: 0 -2px 0 var(--_color_accordion_title-active);
}

.tj_accordion-title:focus {
  box-shadow: none;
  background: var(--color_secondary_light);
}

.tj_accordion-title:focus-visible {
  box-shadow: inset 0 0 0 3px var(--field_focus);
}

.tj_accordion-title[aria-expanded=true]:focus-visible {
  box-shadow: inset 0 -0.5px 0 3px var(--field_focus);
}

.tj_accordion-title {
  font-family: var(--fontfamily_body);
  font-size: var(--fontsize_h5);
  font-weight: var(--fontweight_bold);
  margin: 0;
  line-height: 1.5;
}

.tj_accordion .openclose {
  margin-inline-start: auto;
  width: 13px;
  height: 8px;
  min-width: 42px;
  fill: currentColor;
  transform: rotateX(0deg) scaleX(1) translateY(0px);
  transition: transform 0.4s ease;
}

.tj_accordion-title:hover .openclose {
  fill: var(--ol-green);
}

.tj_accordion-content {
  font-size: var(--fontsize_h5);
  line-height: 1.5;
  padding: 0 var(--_inner_inlinepadding);
  background-color: var(--_color_accordion_content);
  max-height: 0;
}

.tj_accordion-content :is(p, ul):not(:last-child) {
  margin-bottom: 1em;
}

.tj_accordion-content > *:first-child {
  margin-top: 0;
  padding-top: 0.5em;
}

.tj_accordion-content > *:last-child:not(.tj_sharing) {
  margin-bottom: 0;
  padding-bottom: 1.3333333333em;
}

.tj_accordion-title .openclose {
  width: 18px;
  height: 10px;
  background: var(--icon_caret_hand) no-repeat center;
  background-size: contain;
}

.tj_accordion-title[aria-expanded=true] .openclose {
  transform: rotateX(-180deg) scaleX(-1) translateY(2px);
  transition: transform 0.2s ease;
}

.tj_accordion-content[aria-hidden=false] {
  max-height: 9999px;
  visibility: visible;
  opacity: 1;
  transition: max-height 0.3s cubic-bezier(1, 0, 1, 0), opacity 0.3s cubic-bezier(0, 1, 0, 1), visibility 0s linear 0s;
}

.tj_accordion-content[aria-hidden=true] {
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transition: max-height 0.5s cubic-bezier(0, 1, 0, 1), opacity 0.3s cubic-bezier(1, 0, 1, 0), visibility 0s linear 0.3s;
}

.tj_accordion-links {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: calc(var(--gap) / 2);
  margin-top: var(--gap);
}

.faq_link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 55px;
  border: 1px solid var(--color_secondary_border);
  border-radius: var(--border_radius);
  contain: paint;
  background-color: var(--color_secondary_light);
  font-size: var(--fontsize_body);
  line-height: 1.1;
  font-weight: var(--fontweight_medium);
  text-decoration: none;
}
.faq_link:hover, .faq_link:focus-visible {
  text-decoration: underline;
}
.faq_link:hover::before, .faq_link:hover::after, .faq_link:focus-visible::before, .faq_link:focus-visible::after {
  transform: translateX(10px);
}
.faq_link::before, .faq_link::after {
  content: "";
  flex: 0 0 auto;
}
.faq_link::before {
  width: 60px;
  height: 100%;
  transition: transform 0.3s ease;
  background: radial-gradient(circle 120px at 120px 50%, var(--color_white) 99.9%, transparent 100%);
}
.faq_link::after {
  position: absolute;
  right: 0;
  width: 55px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: currentColor;
  -webkit-mask: var(--icon_arrow) center center/20px auto no-repeat;
          mask: var(--icon_arrow) center center/20px auto no-repeat;
  transition: transform 0.3s ease;
}
.faq_link[target=_blank]:after {
  -webkit-mask: var(--icon_link_ext) center center/17px auto no-repeat;
          mask: var(--icon_link_ext) center center/17px auto no-repeat;
}
.faq_link__text {
  order: -1;
  padding: var(--padding_small) var(--viewport_padding);
}

/* Navigation Header
--------------------------------------------- */
.site_header {
  position: relative;
  z-index: 10;
  background: var(--color_white);
  border-bottom: 1px solid var(--color_secondary);
  font-weight: var(--fontweight_medium);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (width <= 79em) {
  .site_header {
    position: sticky;
    top: var(--wp-admin--admin-bar--height, 0);
  }
}
@media screen and (width <= 600px) {
  .site_header {
    top: 0;
  }
}
.site_header__wrapper {
  display: flex;
  justify-content: space-between;
  gap: var(--padding_default);
}

.site-branding {
  position: relative;
  z-index: 99;
}

.site-title {
  margin: 14px 0;
}
@media screen and (width <= 79em) {
  .site-title {
    margin: 9px 0 8px;
  }
}
.site-title a {
  display: block;
  width: 152px;
  height: 54px;
  background: url("img/familiennetz_logo.svg") center no-repeat;
  background-size: contain;
}
@media screen and (width <= 79em) {
  .site-title a {
    width: 118px;
    height: 43px;
  }
}
.site-title a:hover {
  opacity: 0.7;
}

.main-navigation {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  background-color: transparent;
}
.main-navigation ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation a {
  display: block;
  text-decoration: none;
}

.menu-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}

@media screen and (width <= 79em) {
  .menu-wrapper {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background: var(--color_white);
  }
  .toggled .menu-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    height: calc(100dvh - var(--mobile_menu_height) + 1px);
    overflow: auto;
  }
}
.secondary-nav {
  display: flex;
  align-items: center;
  margin-top: 58px;
}
@media screen and (width <= 79em) {
  .secondary-nav {
    flex-wrap: wrap;
  }
}
.secondary-nav .menu-item.menu-item-has-children {
  position: relative;
}
.secondary-nav .menu-item a,
.secondary-nav .menu-item .menu-link {
  padding: 14px 13px;
}
@media screen and (width > 88em) {
  .secondary-nav .menu-item a,
  .secondary-nav .menu-item .menu-link {
    padding: 14px 18px;
  }
}
.secondary-nav .menu-item .toggle.menu-link {
  justify-content: space-between;
}
.secondary-nav .menu-item-fachbox,
.secondary-nav .menu-item-familienportal {
  border: 1px solid var(--color_secondary);
  border-radius: 50px;
  margin: 6px 16px;
}
@media screen and (width <= 79em) {
  .secondary-nav .menu-item-fachbox,
  .secondary-nav .menu-item-familienportal {
    order: -1;
  }
}
.secondary-nav .menu-item-fachbox a,
.secondary-nav .menu-item-familienportal a {
  position: relative;
  padding: 7px 22px;
  padding-left: 52px;
  transition: color ease-in 0.2s;
}
.secondary-nav .menu-item-fachbox a:hover, .secondary-nav .menu-item-fachbox a:focus,
.secondary-nav .menu-item-familienportal a:hover,
.secondary-nav .menu-item-familienportal a:focus {
  color: var(--color_secondary);
}
.secondary-nav .menu-item-fachbox i,
.secondary-nav .menu-item-familienportal i {
  position: absolute;
  display: inline-block;
  width: calc(100% - 3px - 3px);
  height: 30px;
  left: 3px;
  top: 50%;
  background: transparent no-repeat 0 center;
  transform: translateY(-50%);
  transition: transform 0.3s cubic-bezier(0, 1.2, 0.79, 1.01);
}
.secondary-nav .menu-item-fachbox:active a, .secondary-nav .menu-item-fachbox.toggled a,
.secondary-nav .menu-item-familienportal:active a,
.secondary-nav .menu-item-familienportal.toggled a {
  color: transparent !important;
  transition: color linear 0.1s;
}
.secondary-nav .menu-item-fachbox:active i, .secondary-nav .menu-item-fachbox.toggled i,
.secondary-nav .menu-item-familienportal:active i,
.secondary-nav .menu-item-familienportal.toggled i {
  transform: translateX(calc(100% - 30px)) translateY(-50%);
}
.secondary-nav .menu-item-fachbox {
  background-color: var(--color_petrol_light_alt);
}
.secondary-nav .menu-item-fachbox:hover, .secondary-nav .menu-item-fachbox:focus-within {
  background-color: var(--color_petrol_active_alt);
}
.secondary-nav .menu-item-fachbox i {
  background-image: var(--icon_fachbox);
}
.secondary-nav .menu-item-familienportal {
  background-color: var(--color_fampink_light);
}
.secondary-nav .menu-item-familienportal:hover, .secondary-nav .menu-item-familienportal:focus-within {
  background-color: var(--color_fampink_active_alt);
}
.secondary-nav .menu-item-familienportal a {
  padding: 7px 22px;
  padding-right: 52px;
}
.secondary-nav .menu-item-familienportal i {
  left: auto;
  right: 3px;
  background: transparent no-repeat 100% center;
  background-image: var(--icon_familienportal);
}
.secondary-nav .menu-item-familienportal:active i, .secondary-nav .menu-item-familienportal.toggled i {
  transform: translateX(calc(-1 * (100% - 30px))) translateY(-50%);
}
.secondary-nav .menu-item-a11y a,
.secondary-nav .menu-item-language a {
  display: flex;
  align-items: center;
  gap: 7px;
}
.secondary-nav .menu-item-a11y i,
.secondary-nav .menu-item-language i {
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  background-color: currentColor;
  -webkit-mask: var(--icon_a11y) no-repeat center;
          mask: var(--icon_a11y) no-repeat center;
}
.secondary-nav .menu-item-language i {
  -webkit-mask: var(--icon_language) no-repeat center;
          mask: var(--icon_language) no-repeat center;
}
@media screen and (width <= 79em) {
  .secondary-nav .menu-item-a11y {
    width: 100%;
    margin: var(--viewport_padding);
    background-color: var(--color_secondary_light);
    border: 1px solid var(--color_secondary);
    border-radius: var(--border_radius);
  }
  .secondary-nav .menu-item-a11y .sub-menu {
    max-height: none;
  }
  .secondary-nav .menu-item-language {
    display: none;
  }
}
@media screen and (width <= 79em) {
  .secondary-nav .menu-item-facebook,
  .secondary-nav .menu-item-instagram {
    order: -1;
  }
}
.secondary-nav .menu-item-facebook a,
.secondary-nav .menu-item-instagram a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 8px;
}
.secondary-nav .menu-item-facebook i,
.secondary-nav .menu-item-instagram i {
  display: inline-block;
  width: 1.125em;
  height: 1.125em;
  background-color: currentColor;
}
@media screen and (width <= 79em) {
  .secondary-nav .menu-item-facebook {
    margin-left: auto;
  }
}
.secondary-nav .menu-item-facebook i {
  -webkit-mask: var(--icon_facebook) no-repeat center;
          mask: var(--icon_facebook) no-repeat center;
}
@media screen and (width <= 79em) {
  .secondary-nav .menu-item-instagram {
    margin-right: calc(var(--viewport_padding) - 8px);
  }
}
.secondary-nav .menu-item-instagram i {
  -webkit-mask: var(--icon_instagram);
          mask: var(--icon_instagram);
}

.main-nav {
  display: flex;
  margin-top: 58px;
}
@media screen and (width <= 79em) {
  .main-nav {
    flex-direction: column;
    font-size: var(--fontsize_h4);
  }
}
.main-nav .menu-item:hover {
  color: var(--color_primary);
}
.main-nav .menu-item.current-menu-item {
  color: var(--color_primary);
}
.main-nav .menu-item a {
  /* position: relative; */
  padding: 14px 14px;
}
@media screen and (width > 88em) {
  .main-nav .menu-item a {
    padding: 14px 18px;
  }
}
@media screen and (width <= 79em) {
  .main-nav .menu-item a {
    padding: 14px var(--viewport_padding);
  }
}
.main-nav .menu-item.menu-item-has-children {
  position: relative;
}
.main-nav .menu-item.menu-item-has-children > a::after {
  content: "";
  position: relative;
  display: inline-block;
  width: 0.875em;
  height: 0.5625em;
  background: var(--icon_caret) no-repeat center;
  margin-left: 0.5em;
  transition: transform 0.4s ease;
}
@media screen and (width <= 79em) {
  .main-nav .menu-item.menu-item-has-children > a::after {
    position: absolute;
    right: 1em;
    top: 1.4375em;
  }
}
.main-nav .menu-item.menu-item-has-children::after {
  content: "";
  position: absolute;
  top: 1.4375em;
  right: 1em;
  display: inline-block;
  width: 0.8125em;
  height: 0.5em;
  background: var(--icon_caret_shadow) no-repeat center;
  transition: transform 0.4s ease;
}
@media screen and (width <= 79em) {
  .main-nav .menu-item.menu-item-has-children::after {
    top: 1.625em;
    right: 0.8125em;
  }
}
.main-nav .menu-item.menu-item-has-children:hover > a::after, .main-nav .menu-item.menu-item-has-children:hover::after {
  transform: rotateX(-180deg) scaleX(-1) translateY(2px);
  transition: transform 0.2s ease;
}
@media screen and (width <= 79em) {
  .main-nav .menu-item.menu-item-has-children:hover > a::after, .main-nav .menu-item.menu-item-has-children:hover::after {
    transform: none;
  }
  .main-nav .menu-item.menu-item-has-children.toggled > a::after, .main-nav .menu-item.menu-item-has-children.toggled::after {
    transform: rotateX(-180deg) scaleX(-1) translateY(2px);
    transition: transform 0.2s ease;
  }
}
@media screen and (width <= 79em) {
  .main-nav .menu-item.menu-item-has-children {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: start;
    transition: background-color 0.1s ease-out;
  }
  .main-nav .menu-item.menu-item-has-children.toggled {
    background-color: var(--color_secondary_light);
  }
}
.main-nav .menu-item.is--mobile_only {
  display: none;
}
@media screen and (width <= 79em) {
  .main-nav .menu-item.is--mobile_only {
    display: block;
  }
}

.menu-toggle {
  display: inline-block;
  min-width: 85px;
  height: 100%;
  padding: 0 22px 0 12px;
  background-color: transparent;
  background-image: var(--icon_menu);
  background-position: 100% center;
  background-repeat: no-repeat;
  border: none;
  order: 4;
  font-weight: var(--fontweight_medium);
}
@media screen and (width > 79em) {
  .menu-toggle {
    display: none;
  }
}
.menu-toggle:active, .menu-toggle:focus {
  background-color: transparent;
}

.toggled .menu-toggle {
  background-image: var(--icon_menu_x);
}

.header-nav .sub-menu {
  position: absolute;
  top: 100%;
  display: flex;
  flex-direction: column;
  width: -moz-max-content;
  width: max-content;
  min-width: 100%;
  max-width: 240px;
  max-height: 0;
  background-color: var(--color_white);
  border-radius: var(--border_radius);
  overflow: hidden;
}
@media screen and (width <= 79em) {
  .header-nav .sub-menu {
    position: static;
    box-shadow: none;
    width: 100%;
    max-width: none;
    margin-top: -6px;
    background-color: transparent;
    border-radius: 0;
    transition: max-height 0.3s;
    font-size: var(--fontsize_body);
  }
}
.header-nav .sub-menu li::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--bg_dashed);
}
@media screen and (width <= 79em) {
  .header-nav .sub-menu li::after {
    margin: 0 var(--viewport_padding);
    width: calc(100% - 2 * var(--viewport_padding));
  }
}
.header-nav .sub-menu li:last-child::after {
  content: none;
}
.header-nav .sub-menu li a {
  color: var(--color_secondary);
  --outline-offset: -2px;
}
.header-nav .sub-menu li a:hover {
  color: var(--color_primary);
}
.header-nav .sub-menu .current-menu-item {
  color: var(--color_primary);
}

@media screen and (width > 79em) {
  .header-nav > li:hover .sub-menu,
  .header-nav > li.focus .sub-menu {
    max-height: none;
    box-shadow: 6px 5px 0 var(--color_secondary), 0 0 0 1px var(--color_secondary);
  }
}
@media screen and (width <= 79em) {
  .header-nav > li.toggled .sub-menu {
    max-height: 999px;
  }
}
.search-box {
  display: none;
  width: 52px;
  height: 52px;
}
@media screen and (width <= 79em) {
  .search-box {
    width: 58px;
    height: 100%;
    order: 1;
  }
}

.search-toggle {
  --_bgwidth: var(--bgwidth, 16px);
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-image: var(--icon_lupe);
  background-size: var(--_bgwidth) auto;
  background-repeat: no-repeat;
  background-position: center;
  padding: 0 1.5rem;
  border: none;
  border-radius: 0;
  cursor: pointer;
}
@media screen and (width > 79em) {
  .search-toggle:hover, .search-toggle:focus {
    background-color: var(--color_secondary_lighter);
  }
}

.search-box.toggled .search-toggle {
  --bgwidth: 20px;
  background-image: var(--icon_menu_x);
  background-color: var(--color_secondary_lighter);
}

.search-form {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  padding: 10px;
  background-color: var(--color_secondary_lighter);
}
@media screen and (width <= 48em) {
  .search-form {
    display: none;
    width: 100%;
  }
}
.search-form div {
  display: flex;
  justify-content: space-between;
  gap: 4px;
  padding: 4px;
  background-color: #fff;
}
.search-form input {
  width: 100%;
  max-width: 236px;
  padding: 9px 10px;
  border: 2px solid transparent;
  border: none;
  text-overflow: ellipsis;
}
@media screen and (width <= 48em) {
  .search-form input {
    max-width: 100%;
  }
}
.search-form input:focus {
  position: relative;
  outline-color: var(--color_secondary);
  outline-width: 3px;
}
.search-form button {
  height: auto;
  padding-block: 9px;
  color: var(--color_white);
  background-color: var(--color_secondary);
  background-size: auto 18px;
  background-repeat: no-repeat;
  background-position: center right 16px;
  border: none;
  border-radius: 0;
  cursor: pointer;
  font-weight: 700;
}

.search-box.toggled .search-form {
  display: block;
}

/* View Transition nur für spezifische Navigation aktivieren */
/* Root-Transition anpassen */
::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: 0.5s;
  animation-timing-function: ease-in-out;
}

/* Optional: Spezielle Animation für den Moduswechsel */
::view-transition-old(root) {
  animation-name: fade-slide-out;
}

::view-transition-new(root) {
  animation-name: fade-slide-in;
}

@keyframes fade-slide-out {
  to {
    opacity: 0;
    transform: translateX(-20px);
  }
}
@keyframes fade-slide-in {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
}
/* Template Partials
--------------------------------------------- */
.page_header {
  position: relative;
  padding: var(--blockspacing_small) 0 calc(8vw + var(--padding_default));
  background-color: var(--_bg_color, var(--color_fampink_light));
}
.page_header::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 3vw;
  background: var(--color_white);
  -webkit-mask: var(--bg_welle) no-repeat;
          mask: var(--bg_welle) no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.single-angebot .page_header,
.single-fk_angebot .page_header {
  --_bg_color: var(--color_blue_light);
}

.single-ort .page_header {
  --_bg_color: var(--color_orange_light);
}

.single-post .page_header {
  --_bg_color: var(--color_green_light);
}

.page_header__container {
  position: relative;
  width: 100%;
  min-height: 200px;
}

.page_header__breadcrumbs {
  font-weight: var(--fontweight_bold);
}
.page_header__breadcrumbs .breadcrumbs__separator {
  display: inline-block;
  width: 13px;
  height: 7px;
  background: var(--color_primary);
  -webkit-mask: var(--icon_arrow);
          mask: var(--icon_arrow);
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.page_header__breadcrumbs .breadcrumbs__separator:nth-last-child(2),
.page_header__breadcrumbs .breadcrumb--last {
  display: none;
}
.page_header__image {
  display: grid;
  place-content: center;
  margin-bottom: -5vw;
}
@media screen and (width < 48em) {
  .page_header__image {
    grid-row: 2;
    margin-bottom: 0;
  }
}
.page_header__image img {
  border-radius: var(--border_radius);
  width: clamp(100%, 30vw, 460px);
  max-width: none;
}

.page_header__intro {
  display: flex;
  justify-content: end;
  flex-direction: column;
  gap: var(--gap);
}
.page_header__intro em {
  color: var(--color_primary);
}

.page_header__pre_title {
  display: flex;
  align-items: center;
  gap: 0.5em;
  font-weight: var(--fontweight_medium);
}
.page_header__pre_title--angebot:before {
  content: "";
  width: 13px;
  height: 12px;
  background: var(--icon_cpt_angebot);
}
.page_header__pre_title--fk_angebot:before {
  content: "";
  width: 13px;
  height: 15px;
  background: var(--icon_cpt_fk_angebot);
}
.page_header__pre_title--post:before {
  content: "";
  width: 14px;
  height: 12px;
  margin-top: 1px;
  background: var(--icon_cpt_post);
}
.page_header__pre_title--ort:before {
  content: "";
  width: 16px;
  height: 14px;
  background: var(--icon_cpt_ort);
}

.page_header__title {
  font-size: var(--fontsize_h1);
  margin: -6px 0 -4px;
}
@media screen and (min-width: 48em) {
  .page_header__title {
    margin: -12px 0;
  }
}

.page_header__date {
  font-weight: var(--fontweight_medium);
}

.page_header__description {
  font-size: var(--fontsize_h5);
}

.page_header__cats {
  padding: var(--gap) 0;
}

:where(.single-angebot, .single-fk_angebot, .single-ort, .single-post, .single-family_post) .page_header__title {
  font-size: var(--fontsize_h1s);
}

:where(.single-angebot, .single-fk_angebot, .single-ort) .page_header__container {
  min-height: clamp(300px, 25vw, 360px);
}
:where(.single-angebot, .single-fk_angebot, .single-ort) .page_header__breadcrumbs {
  margin-bottom: auto;
}
@media screen and (width <= 79em) {
  :where(.single-angebot, .single-fk_angebot, .single-ort) .page_header__intro {
    grid-column: 1/-1;
  }
}
:where(.single-angebot, .single-fk_angebot, .single-ort) .page_header__cats {
  padding-bottom: 0;
}

.page_header__svgbg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-height: 70vw;
  grid-column: full-width;
  --_stadion_xpos:	clamp(	-16%,
  						calc(-16% + (100vw - 375px) / (675px - 375px) * 16%),
  						0%);
  --_city_xpos:	clamp(	-11%,
  						calc(-11% + (100vw - 375px) / (675px - 375px) * 11%),
  						0%);
}
@media screen and (width > 1660px) {
  .page_header__svgbg {
    width: auto;
    left: auto;
    right: 0;
  }
}

.single-ort .page_header__svgbg {
  --_stadion_color: #FFD2B3;
  --_city_color: #FFB57F;
}

@media screen and (width < 48em) {
  .page_header--themen .page_header__svgbg {
    top: auto;
  }
  .page_header--themen .page_header__intro {
    margin-bottom: 120px;
  }
}
.page_header--themen .page_header__svgbg {
  opacity: 0.6;
  --_stadion_color: #C6DFE9;
  --_city_color: #93BACB;
}

.page_header--about .page_header__svgbg {
  width: auto;
  left: auto;
  right: 0;
  transition: right 1s ease-out;
}
@media screen and (width > 1660px) {
  .page_header--about .page_header__svgbg {
    right: 20%;
  }
}
.page_header--about .page_header__image {
  place-content: end center;
  margin-bottom: calc(-1 * (8vw + var(--padding_default)));
}
.page_header--about .page_header__image img {
  max-width: 300px;
}
@media screen and (width < 48em) {
  .page_header--about .page_header__svgbg {
    top: auto;
  }
  .page_header--about .page_header__image {
    grid-row: auto;
  }
}

.term-bremer-ferienkompass .page_header {
  background: linear-gradient(to bottom, #CCE8F6 70%, #F2F8DB 70%);
}
@media screen and (width > 1660px) {
  .term-bremer-ferienkompass .page_header {
    background: linear-gradient(to bottom, #CCE8F6 50%, #F2F8DB 50%);
  }
}
@media screen and (width > 1660px) {
  .term-bremer-ferienkompass .page_header .page_header__svgbg {
    width: auto;
    left: auto;
    right: 0;
  }
}
@media screen and (width < 48em) {
  .term-bremer-ferienkompass .page_header .page_header__svgbg {
    top: auto;
  }
}
@media screen and (width < 48em) {
  .term-bremer-ferienkompass .page_header .page_header__image {
    grid-row: auto;
    margin-bottom: 0;
  }
}
.term-bremer-ferienkompass .page_header .page_header__image img {
  margin-top: 5vw;
}

.term-bremer-ferienkompass .page_header__pre_title:before {
  content: "";
  width: 13px;
  height: 15px;
  -webkit-mask: var(--icon_cpt_fk_angebot);
          mask: var(--icon_cpt_fk_angebot);
}

.single-post .page_header {
  padding-bottom: calc(3vw + var(--padding_default));
  margin-bottom: calc(var(--blockspacing_large));
}
@media screen and (width >= 48em) {
  .single-post .page_header__intro {
    grid-column-start: 4;
    grid-column-end: 10;
  }
}
@media screen and (width >= 48em) {
  .single-post .page_header__intro:has(~ .page_header__image) {
    grid-column-start: 6;
    grid-column-end: -1;
  }
}
@media screen and (width > 79em) {
  .single-post .page_header__intro:has(~ .page_header__image) {
    grid-column-start: 7;
    grid-column-end: -1;
  }
}
.single-post .page_header__image {
  grid-row: auto;
  margin-bottom: calc(-80px - 3vw);
  z-index: 1;
}
@media screen and (min-width: 48em) {
  .single-post .page_header__image {
    grid-row: 2;
    grid-column-start: 1;
    grid-column-end: 6;
  }
}

.page_header--special {
  background: linear-gradient(to top, #F2F8DB 100px, var(--color_secondary_light) 100px);
}
.hbright {
  --_stadion_color: #C6DFE9;
  --_city_color: #93BACB;
  --_stadion_xpos: 100vw;
  width: auto;
  left: auto;
  right: 0;
}

@media screen and (width > 1660px) {
  .hbleft {
    width: auto;
    left: 0;
    right: auto;
  }
}

.page_header--home {
  background: linear-gradient(to top, #F2F8DB 100px, var(--color_secondary_light) 100px);
}

.page_header__centercontent {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap);
  margin-top: var(--padding_large);
}

.taxonomy_header {
  position: relative;
  margin-top: -8vw;
}
.taxonomy_header__subterms {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  margin-top: var(--padding_default);
  font-size: var(--fontsize_h5);
  font-weight: var(--fontweight_medium);
}
@media screen and (width >= 48em) {
  .taxonomy_header__subterms {
    grid-column-start: 8;
    grid-column-end: -1;
    margin-top: calc(8vw + var(--padding_default));
  }
}
@media screen and (width > 79em) {
  .taxonomy_header__subterms {
    grid-column-start: 9;
    grid-column-end: -1;
  }
}
.taxonomy_header__subterms_list {
  display: grid;
  gap: var(--gap);
  list-style: none;
  margin: 0;
  padding: 0;
}
.taxonomy_header__subterms_list a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--color_secondary_border);
  border-radius: var(--border_radius);
  background: var(--color_white);
  contain: paint;
  font-size: var(--fontsize_h5);
  font-weight: var(--fontweight_bold);
  text-decoration: none;
}
.taxonomy_header__subterms_list a:hover, .taxonomy_header__subterms_list a:focus-visible {
  text-decoration: underline;
}
.taxonomy_header__subterms_list a:hover img, .taxonomy_header__subterms_list a:focus-visible img {
  transform: translateX(10px);
}
.taxonomy_header__subterms_list a span {
  padding: var(--padding_small) 1.5em;
}
@media screen and (width <= 79em) {
  .taxonomy_header__subterms_list a span {
    padding: var(--padding_small) 1em;
  }
}
.taxonomy_header .subterm_image {
  --_inlinepadding: var(--blockspacing_small);
  width: -moz-fit-content;
  width: fit-content;
  max-width: calc(104px + 2 * var(--_inlinepadding));
  padding: 10px var(--_inlinepadding);
  transition: transform 0.3s ease;
  background: radial-gradient(circle 120px at 120px 50%, var(--color_primary_light) 99.9%, transparent 100%);
}

.famnetz_cat_list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: calc(var(--gap) / 2);
  flex-wrap: wrap;
}
.famnetz_cat_list a {
  display: block;
  padding: calc(var(--padding_small) / 2.4) var(--gap);
  border: 1px solid currentColor;
  border-radius: var(--border_radius);
  background-color: var(--color_fampink_light);
  font-weight: var(--fontweight_bold);
  font-style: italic;
}
.famnetz_cat_list a:not(:hover) {
  text-decoration: none;
}
.famnetz_cat_list a:hover {
  color: inherit;
  text-decoration-color: currentColor;
  background-color: var(--color_fampink_active_alt);
}

.archive .entry_content {
  position: relative;
  background: var(--color_secondary_light);
  margin-top: calc(6vw + var(--gap));
  padding-bottom: var(--blockspacing_large);
}
@media screen and (width >= 48em) {
  .archive .entry_content {
    padding-bottom: var(--blockspacing_huge);
  }
}
.archive .entry_content::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(-3vw + 1px);
  left: 0;
  width: 100%;
  height: 3vw;
  transform: scaleX(-1);
  background: var(--color_secondary_light);
  -webkit-mask: var(--bg_welle) no-repeat;
          mask: var(--bg_welle) no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.fk_content + .entry_content {
  margin-top: 0;
}
.fk_content + .entry_content::before {
  transform: none;
}

.archive_posts {
  margin-top: calc(3vw + var(--gap));
  grid-template-rows: auto 1fr;
}

@media screen and (width < 48em) {
  .sidebar__filterbar {
    position: sticky;
    top: 25px;
  }
}
@media screen and (width >= 48em) {
  .sidebar__intro {
    grid-column: 1/5;
    grid-row: 1;
  }
  .sidebar__filterbar {
    grid-column: 1/5;
    grid-row: 2;
  }
  .archive_posts__posts {
    grid-column: 5/-1;
    grid-row: 1/3;
  }
}
@media screen and (width > 79em) {
  .sidebar__filterbar {
    grid-column: 1/4;
  }
}
.found_posts {
  font-weight: var(--fontweight_medium);
}
.found_posts span {
  color: var(--color_fampink);
}

.archive_posts__posts,
.category_archive_posts__posts {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}

.category .page_header {
  --_bg_color: var(--color_green_light);
  --_stadion_color: var(--color_green_active);
  --_city_color: #dbe8af;
}

.category.archive .entry_content {
  margin-top: -8vw;
  background: none;
}
@media screen and (width >= 48em) {
  .category.archive .entry_content {
    margin-top: calc(var(--padding_small) - 8vw);
  }
}
.category.archive .entry_content::before {
  content: none;
}

.category_archive_posts__posts {
  grid-column: 1/-1;
}
@media screen and (width > 79em) {
  .category_archive_posts__posts {
    grid-column: 1/9;
  }
}

.post_loop {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  padding: calc(var(--gap) / 2);
  background-color: var(--color_white);
  border: 1px solid var(--color_secondary_border);
  border-radius: var(--border_radius);
}
.post_loop__image {
  min-width: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  border-radius: calc(var(--border_radius) / 2);
}
@media screen and (width >= 48em) {
  .post_loop {
    flex-direction: row;
  }
  .post_loop__image, .post_loop__text {
    flex: 1 1;
  }
}
@media screen and (width > 79em) {
  .post_loop__image {
    flex: 1 1;
  }
  .post_loop__text {
    flex: 2 2;
  }
}
.post_loop__text {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  padding: calc(var(--gap) / 2);
}
.post_loop__link:not(:hover) {
  text-decoration: none;
}
.post_loop__title {
  margin-top: -0.36em;
}
.post_loop__title, .post_loop__excerpt {
  margin-right: var(--gap);
}
.post_loop__date {
  font-size: var(--fontsize_small);
  font-weight: var(--fontweight_medium);
}
.post_loop__quickinfo {
  margin-bottom: calc(-1 * var(--padding_small));
}
.post_loop__footer {
  display: flex;
  gap: calc(var(--gap) / 2);
  align-items: end;
}
.post_loop__footer .post_loop__cats {
  align-self: start;
  margin-right: auto;
}
.post_loop__readmore {
  white-space: nowrap;
}

.post_type_label {
  display: flex;
  align-items: center;
  gap: 0.3em;
  margin-left: auto;
  padding: 0.15em 0.3em;
  border-radius: calc(var(--border_radius) / 2);
  font-size: var(--fontsize_small);
  font-weight: var(--fontweight_medium);
}
.post_type_label:before {
  content: "";
  background-color: currentColor;
}

.post_type_label--angebot {
  background-color: var(--color_petrol_light);
}
.post_type_label--angebot:before {
  width: 13px;
  height: 12px;
  margin-top: -2px;
  -webkit-mask: var(--icon_cpt_angebot);
          mask: var(--icon_cpt_angebot);
}

.post_type_label--fk_angebot {
  background-color: var(--color_blue_light);
}
.post_type_label--fk_angebot:before {
  width: 13px;
  height: 15px;
  margin-top: -2px;
  -webkit-mask: var(--icon_cpt_fk_angebot);
          mask: var(--icon_cpt_fk_angebot);
}

.post_type_label--post {
  background-color: var(--color_green_light);
}
.post_type_label--post:before {
  width: 14px;
  height: 12px;
  -webkit-mask: var(--icon_cpt_post);
          mask: var(--icon_cpt_post);
}

.post_type_label--ort {
  background-color: var(--color_orange_light);
}
.post_type_label--ort:before {
  width: 16px;
  height: 14px;
  margin-top: -2px;
  -webkit-mask: var(--icon_cpt_ort);
          mask: var(--icon_cpt_ort);
}

:where(.single-angebot, .single-fk_angebot, .single-ort) .entry_content {
  position: relative;
  margin-top: -8vw;
}

.post_content {
  grid-column: 1/-1;
  display: grid;
  gap: var(--viewport_padding);
}
@media screen and (width >= 48em) {
  .post_content {
    grid-column: 1/9;
  }
}

.post_aside {
  display: flex;
  flex-direction: column;
  gap: var(--paragraph_spacing);
  grid-column: 1/-1;
}
@media screen and (width >= 48em) {
  .post_aside {
    grid-column: 9/-1;
    margin-top: min(8vw - var(--gap), 120px);
  }
}
@media screen and (width > 79em) {
  .post_aside {
    grid-column: 10/-1;
  }
}

@media screen and (width >= 48em) {
  .entry_content__container {
    grid-template-rows: auto 1fr;
  }
  .post_content {
    grid-row: 1/-1;
  }
}
@media screen and (width >= 48em) {
  .single-post .post_content {
    grid-column: 4/-1;
  }
}
@media screen and (width >= 79em) {
  .single-post .post_content {
    grid-column: 4/10;
  }
}
.single-post .post_aside {
  display: none;
}
@media screen and (width >= 48em) {
  .single-post .post_aside {
    display: flex;
    grid-column: 1/4;
    margin-top: 0;
  }
}
@media screen and (width >= 79em) {
  .single-post .post_aside {
    grid-column: 1/3;
  }
}

.post_content__add_to_favourites {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: calc(var(--padding_small) / 2);
  border: 1px solid var(--color_secondary_border);
  border-radius: var(--border_radius);
  background-color: var(--color_white);
  font-style: italic;
  font-weight: var(--fontweight_bold);
}
@media screen and (width < 48em) {
  .post_content__add_to_favourites {
    grid-row: 1;
  }
}
.post_content__add_to_favourites > span {
  padding: var(--padding_small) calc(var(--gap) - var(--padding_small) / 2);
}
.post_content__add_to_favourites .favourite:after {
  content: "";
  position: absolute;
  inset: 0;
}
.post_content__add_to_favourites:has(> :hover) {
  text-decoration: underline;
}

.content_box--logo {
  padding: var(--gap);
}
@media screen and (width > 79em) {
  .content_box--logo {
    padding: var(--gap) 3rem;
  }
}

.post_aside__contact_data ul {
  margin-top: 0;
}

.post_aside__share::before,
.post_content__share::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--bg_dashed);
  margin-bottom: calc(var(--paragraph_spacing) - 5px);
}

.post_content__share .famnetz_sharing {
  justify-content: start;
}

.post_content__quickinfo {
  margin-bottom: var(--padding_small);
}

.related_posts {
  position: relative;
  background: var(--color_secondary_light);
  margin-top: calc(6vw + var(--gap));
  padding-bottom: var(--blockspacing_large);
}
@media screen and (width >= 48em) {
  .related_posts {
    padding-bottom: var(--blockspacing_huge);
  }
}
.related_posts::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(-3vw + 1px);
  left: 0;
  width: 100%;
  height: 3vw;
  transform: scaleX(-1);
  background: var(--color_secondary_light);
  -webkit-mask: var(--bg_welle) no-repeat;
          mask: var(--bg_welle) no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.related_posts__container {
  margin-top: calc(3vw + var(--gap));
}

.single-post .related_posts, .single-post .related_posts::before {
  background: var(--color_green_light);
}

.single-post .related_posts .post_loop,
.related_post_posts .post_loop {
  background: transparent var(--bg_dashed);
  background-position: bottom;
  padding: 0 0 calc(var(--gap) + 1px) 0;
  border: 0;
}
.single-post .related_posts .post_type_label,
.related_post_posts .post_type_label {
  display: none;
}
.single-post .related_posts .post_loop__image,
.related_post_posts .post_loop__image {
  border-radius: var(--border_radius);
}

.themen_block .block_title {
  margin-bottom: var(--gap);
}
.themen_block .block_content {
  margin-bottom: var(--padding_default);
}

@media screen and (width >= 48em) {
  .themen_teaser {
    grid-column: span 4;
  }
}
@media screen and (width > 79em) {
  .themen_teaser {
    grid-column: span 3;
  }
  .themen_grid:after {
    content: "";
    grid-column: 10/-1;
    grid-row: 1/-1;
  }
}
.themen_teaser {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  border: 1px solid var(--color_secondary_border);
  border-radius: var(--border_radius);
  background: var(--color_white);
  overflow: hidden;
}
.themen_teaser__image {
  position: relative;
  text-align: center;
  background: var(--color_secondary_light);
}
@media (hover: hover) {
  .themen_teaser__image:has(~ a:hover) {
    background: var(--color_secondary_active_alt);
  }
}
.themen_teaser__image img {
  position: relative;
  z-index: 1;
  padding: var(--gap) var(--gap) 0;
  width: 100%;
  height: auto;
  max-height: 240px;
  -o-object-fit: contain;
     object-fit: contain;
}
.themen_teaser__image::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: var(--padding_default);
  background-color: var(--color_white);
}
.themen_teaser__image::after {
  content: "";
  display: block;
  position: absolute;
  bottom: calc(var(--padding_default) - 1px);
  left: 0;
  width: 100%;
  height: 3vw;
  background: var(--color_white);
  -webkit-mask: var(--bg_welle2) no-repeat;
          mask: var(--bg_welle2) no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.themen_teaser__link {
  text-decoration-thickness: 0.15em;
  text-underline-offset: 0.1em;
}
.themen_teaser__link:not(:hover) {
  text-decoration: none;
}
.themen_teaser__link::before {
  position: absolute;
  content: "";
  display: block;
  inset: 0;
  z-index: 1;
}
.themen_teaser__link::after {
  position: absolute;
  content: "";
  display: block;
  bottom: calc(var(--padding_default) - 1px);
  right: var(--gap);
  top: var(--gap);
  width: 45px;
  height: 45px;
  background: var(--icon_blob_arrow_inverse);
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  transition: transform 0.3s ease;
}
.themen_teaser__link:hover::after {
  transform: translateX(10px);
}
.themen_teaser__link:last-child {
  margin-bottom: var(--padding_default);
}
.themen_teaser__title {
  display: block;
  color: inherit;
  padding: 0 var(--gap);
}
.themen_teaser__description {
  padding: 0 var(--gap) var(--gap);
  font-size: var(--fontsize_h5);
  line-height: var(--lineheight_default);
  color: var(--color_secondary);
}
.themen_teaser__description p {
  margin: 0;
}
.themen_teaser__description p + p {
  margin-top: calc(var(--gap) / 2);
}

/* Post and Comment Navigation
--------------------------------------------- */
/* Post and Comment Navigation
--------------------------------------------- */
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 36px 0;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous,
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  max-width: 50%;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.nav-links :is(.nav-next, .nav-overview, .nav-previous) {
  flex-grow: 1;
  flex-basis: 33%;
}

.post_nav::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--bg_dashed);
}

.pagination {
  display: flex;
  justify-content: center;
  margin: calc(var(--gap) * 2) 0;
}

.pagination .nav-links {
  display: flex;
  flex-wrap: wrap;
  margin: -4px;
}

.post-navigation .nav-next:first-child {
  margin-inline-start: auto;
  /*align right if no next item*/
}

.post-navigation .nav-overview {
  margin: 0 auto;
}

.post-navigation .nav-overview:first-child {
  margin-inline-start: 0;
}

.post-navigation .nav-overview:last-child {
  margin-inline-end: 0;
}

.nav-overview a {
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.post-navigation a,
.pagination .page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  min-width: 34px;
  margin: 4px 4px;
  padding: calc(var(--padding_small) / 4);
  border: 1px solid var(--color_secondary_border);
  border-radius: var(--border_radius);
  background-color: var(--color_white);
  text-align: center;
  font-weight: var(--fontweight_bold);
  text-decoration: none;
  box-shadow: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.post-navigation a:hover,
.pagination a:hover {
  background: var(--color_secondary_lighter);
}

.post-navigation a {
  background-color: transparent;
  font-style: normal;
}

.pagination a.next,
.pagination a.prev {
  background: none;
  border: 0;
  margin-inline-start: var(--gap);
}

.pagination a.prev {
  margin-inline-start: 4px;
  margin-inline-end: var(--gap);
}

.pagination a.next::after,
.pagination a.prev::before,
.nav-next a::after,
.nav-previous a::before {
  content: "";
  width: 28px;
  height: 28px;
  margin-inline-start: var(--gap);
  background: var(--icon_blob_arrow);
  background-size: contain;
}

.pagination a.next:hover,
.pagination a.prev:hover,
.nav-next a:hover,
.nav-previous a:hover {
  text-decoration: underline;
}
.pagination a.next:hover::after, .pagination a.next:hover::before,
.pagination a.prev:hover::after,
.pagination a.prev:hover::before,
.nav-next a:hover::after,
.nav-next a:hover::before,
.nav-previous a:hover::after,
.nav-previous a:hover::before {
  filter: hue-rotate(112deg) brightness(2.6);
}

.pagination a.prev::before,
.nav-previous a::before {
  transform: rotate(180deg);
  margin-inline-start: 0;
  margin-inline-end: var(--gap);
}

.pagination .page-numbers.current {
  color: var(--color_white);
  background-color: var(--color_secondary);
  border-color: var(--color_secondary);
}

.post-navigation {
  margin-block: var(--blockspacing_large) var(--blockspacing_huge);
}

.post-navigation .nav-previous a {
  justify-content: flex-end;
}

@media screen and (max-width: 30em) {
  .nav-links :is(.nav-next, .nav-overview, .nav-previous) {
    flex-basis: 100%;
    max-width: 100%;
  }
  .post-navigation .nav-overview {
    order: 1;
    width: 100%;
  }
  .post-navigation a {
    padding: 10px 12px;
    font-size: 1em;
    /* Hyphenate */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
            hyphens: auto;
  }
}
/* Footer
--------------------------------------------- */
.site_footer {
  position: relative;
  background-color: var(--color_secondary);
  color: var(--color_white);
  font-size: var(--fontsize_h5);
}
.site_footer::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(-3vw + 1px);
  left: 0;
  width: 100%;
  height: 3vw;
  background: var(--color_secondary);
  -webkit-mask: var(--bg_welle) no-repeat;
          mask: var(--bg_welle) no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.site_footer strong {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.site_footer__wrapper {
  width: 100%;
  padding-block: var(--blockspacing_large);
  gap: var(--blockspacing_default) var(--gap);
}

.site_footer__col {
  position: relative;
  display: grid;
  gap: var(--blockspacing_default);
}
@media screen and (width > 48em) {
  .site_footer__col {
    padding-left: 5vw;
  }
}
.site_footer__col:first-child::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #fff;
  -webkit-mask: var(--bg_dashed);
          mask: var(--bg_dashed);
}
@media screen and (width > 48em) {
  .site_footer__col:first-child {
    padding-left: 0;
    padding-right: 5vw;
  }
  .site_footer__col:first-child::after {
    position: absolute;
    right: calc(-1 * var(--gap) / 2);
    top: var(--gap);
    bottom: 0;
    height: auto;
    width: 1px;
    -webkit-mask: var(--bg_dashed_vertical);
            mask: var(--bg_dashed_vertical);
  }
}

.site_footer a {
  box-shadow: none;
  text-decoration: underline;
  font-weight: normal;
}
.site_footer a:hover, .site_footer a:focus-visible {
  color: var(--color_primary_active);
}

.site_footer .site-title {
  margin: 0;
}

.site_footer__contact__logo img {
  display: block;
}

.site_footer__headline {
  font-size: var(--fontsize_h3);
  color: inherit;
}
.site_footer__headline span {
  color: var(--color_green_light);
}

.site_footer .contact_list {
  margin: 0;
}

.site_footer .contact_list li.contact_list__mail::before {
  background-image: var(--icon_mail_footer);
}
.site_footer .contact_list li.contact_list__phone::before {
  background-image: var(--icon_phone_footer);
}
.site_footer .contact_list li.contact_list__pin::before {
  background-image: var(--icon_pin_footer);
}

.site_footer__cta {
  color: inherit;
  padding-left: 64px;
  background: var(--icon_blob_send_mail_footer) no-repeat 0 3px/auto 44px;
  min-height: 47px;
}

.site_footer__navcol {
  display: block;
  -moz-columns: 200px auto;
       columns: 200px auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
  -webkit-hyphenate-limit-before: 14;
  hyphenate-limit-chars: 14 auto auto;
}
@media screen and (width > 48em) {
  .site_footer__navcol {
    margin-top: calc(54px + var(--blockspacing_default));
  }
}

.site_footer__navlist,
.site_footer__navlist li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.site_footer__navlist a {
  font-weight: var(--fontweight_medium);
}
.site_footer__navlist a:not(:hover) {
  color: inherit;
  text-decoration: none;
}

.site_footer__navlist li + li {
  margin-top: var(--paragraph_spacing);
}

.legal_footer {
  padding-block: var(--blockspacing_default);
  background-color: var(--color_white);
  color: var(--color_secondary);
  font-size: var(--fontsize_body);
}
.legal_footer .grid {
  row-gap: var(--blockspacing_default);
}

.legal_footer__logopark {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
.legal_footer__logopark .parklogo_link:hover {
  opacity: 0.8;
}
.legal_footer__logopark .parklogo {
  max-height: 120px;
  -o-object-fit: contain;
     object-fit: contain;
  width: auto;
  min-width: 0;
  flex-shrink: 0;
}

.legal_footer__logopark_description {
  margin-top: var(--gap);
  font-size: var(--fontsize_small);
  color: var(--color_black);
}

.legal_footer__navcol {
  display: flex;
  align-items: center;
}

.legal_footer__navlist {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: -5px;
}
@media screen and (width > 88em) {
  .legal_footer__navlist {
    justify-content: space-between;
  }
}

.legal_footer__navlist,
.legal_footer__navlist li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.legal_footer__navlist a {
  font-weight: var(--fontweight_medium);
}
.legal_footer__navlist a:not(:hover) {
  text-decoration: none;
}
.legal_footer__navlist a[href^="https://www.facebook.com/"], .legal_footer__navlist a[href^="https://www.instagram.com/"] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.legal_footer__navlist a[href^="https://www.facebook.com/"] i, .legal_footer__navlist a[href^="https://www.instagram.com/"] i {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: currentColor;
}
.legal_footer__navlist a[href^="https://www.facebook.com/"]:after, .legal_footer__navlist a[href^="https://www.instagram.com/"]:after {
  content: none;
}
.legal_footer__navlist a[href^="https://www.facebook.com/"] i {
  -webkit-mask: var(--icon_blob_facebook) no-repeat center;
          mask: var(--icon_blob_facebook) no-repeat center;
}
.legal_footer__navlist a[href^="https://www.instagram.com/"] i {
  -webkit-mask: var(--icon_blob_insta) no-repeat center;
          mask: var(--icon_blob_insta) no-repeat center;
}

@media screen and (width <= 30em) {
  .legal_footer__navlist {
    justify-content: center;
  }
  .legal_footer__navlist li {
    width: 100%;
  }
  .legal_footer__navlist li:has(> a[href^="https://www.facebook.com/"]),
  .legal_footer__navlist li:has(> a[href^="https://www.instagram.com/"]) {
    width: auto;
    margin-top: var(--gap);
  }
}
/*--------------------------------------------------------------
# Blocks
--------------------------------------------------------------*/
/* ACF Blocks
--------------------------------------------------------------*/
/* Block grid
/* expects to be in full-width context
--------------------------------------------- */
.wp-block-group__inner-container {
  display: grid;
  --_wide_max_size: calc((var(--layout_maxwidth_wide) - var(--layout_maxwidth_content)) / 2);
  grid-template-columns: [full-width-start] minmax(var(--viewport_padding), 1fr) [container-wide-start] minmax(0, var(--_wide_max_size)) [container-start] min(100% - var(--viewport_padding) * 2, var(--layout_maxwidth_content)) [container-end] minmax(0, var(--_wide_max_size)) [container-wide-end] minmax(var(--viewport_padding), 1fr) [full-width-end];
}

.wp-block-group__inner-container > * {
  grid-column: container;
}

.tj_layout > *:not([class]),
.tj_block--twelve,
.tj_block--ten,
.tj_block--eight,
.wp-block-group__inner-container > *:not([class]),
.wp-block-heading {
  grid-column: container;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .tj_block--ten {
    grid-column: container;
    width: calc((min(100%, var(--layout_maxwidth_content)) - 11 * var(--gap)) / 12 * 10 + 9 * var(--gap));
    margin-inline: auto;
  }
  .tj_block--eight {
    grid-column: container;
    width: calc((min(100%, var(--layout_maxwidth_content)) - 11 * var(--gap)) / 12 * 8 + 7 * var(--gap));
    margin-inline: auto;
  }
}
.tj_block,
.wp-block-columns,
.wp-block-image,
.wp-block-embed,
.wp-block-gallery,
.wp-block-separator {
  margin-block: var(--blockspacing_default);
}

:is(.tj_block,
.wp-block-columns,
.wp-block-image,
.wp-block-embed,
.wp-block-gallery,
.wp-block-separator) + :is(.tj_block,
.wp-block-columns,
.wp-block-image,
.wp-block-embed,
.wp-block-gallery,
.wp-block-separator),
.wp-block-column .tj_block {
  margin-top: 0;
  margin-bottom: var(--gap);
}

.wp-block-column .tj_block:last-child {
  margin-bottom: 0;
}

:where(.page-template-page-home .entry_content) > :is(.wp-block-heading:first-child, p:first-child) {
  margin-top: var(--blockspacing_default);
}

.bgblock {
  position: relative;
  background-color: var(--color_secondary_light);
  padding-block: 3vw;
}
.bgblock::before {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 3vw;
  transform: scale(-1);
  background: var(--color_white);
  -webkit-mask: var(--bg_welle) no-repeat;
          mask: var(--bg_welle) no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.bgblock::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 3vw;
  background: var(--color_white);
  -webkit-mask: var(--bg_welle) no-repeat;
          mask: var(--bg_welle) no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.bgblock--has_bg_image {
  background-color: #f2f8db;
  background-image: url("img/hb_skyline.svg"), linear-gradient(to bottom, #eff0f7 38.35vw, #f2f8db 38.35vw);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 102% auto, 100% 62%;
}
.bgblock__inner {
  padding-block: var(--blockspacing_default);
}
.bgblock:last-child {
  margin-bottom: 0;
}

.boxblock {
  padding: var(--viewport_padding);
  border-radius: var(--border_radius);
  background-color: var(--_bg_color, var(--color_secondary_light));
}
.boxblock--has_icon {
  display: flex;
  gap: var(--gap);
}
.boxblock--has_icon::before {
  content: "";
  flex: 0 0 44px;
  background: var(--icon_blob_info_shadow) no-repeat;
  background-size: contain;
}
.boxblock--has_icon .acf-innerblocks-container {
  margin-block: 8px;
}
.boxblock--has_icon_info::before {
  background-image: var(--icon_blob_info_shadow);
}
.boxblock--has_icon_cal::before {
  background-image: var(--icon_blob_cal_shadow);
}
.boxblock strong {
  font-weight: var(--fontweight_medium);
}
.boxblock--angebot, .boxblock--fk_angebot {
  --_bg_color: var(--color_blue_light);
}
.boxblock--ort {
  --_bg_color: var(--color_orange_light);
}
.boxblock--post {
  --_bg_color: var(--color_green_light);
}

.boxblock .acf-innerblocks-container > * {
  width: 100%;
}

.is-root-container .wp-block-columns .boxblock {
  width: calc(100% - 2 * var(--viewport_padding));
}

.is-root-container .acf-innerblocks-container > .wp-block:first-child {
  margin-top: 0;
}

.is-root-container .acf-innerblocks-container > .wp-block:last-child {
  margin-bottom: 0;
}

.familiennetz_teaser {
  display: grid;
  gap: var(--gap);
  grid-template-columns: 1fr;
}
@media screen and (width >= 48em) {
  .familiennetz_teaser {
    grid-template-columns: 1fr 1fr;
  }
}
.familiennetz_teaser__item {
  background-color: var(--color_white);
  padding: 3px;
  border: 1px solid var(--color_secondary_border);
  border-radius: var(--border_radius);
}
.familiennetz_teaser__item.has_image {
  display: grid;
  align-items: center;
  gap: var(--gap);
}
@media screen and (width >= 48em) {
  .familiennetz_teaser__item.has_image {
    grid-column: 1/-1;
    grid-template-columns: 1fr 1fr;
  }
}
.familiennetz_teaser__item .teaser_image {
  border-radius: calc(var(--border_radius) / 2);
  width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.familiennetz_teaser__content {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  align-items: start;
  padding: var(--viewport_padding);
}
.familiennetz_teaser__content__pre_title {
  display: flex;
  align-items: center;
  gap: 1em;
  font-weight: var(--fontweight_medium);
}
.familiennetz_teaser__content__pre_title[class*=has_icon]::before {
  content: "";
  width: 44px;
  height: 44px;
}
.familiennetz_teaser__content__pre_title.has_icon_fk::before {
  background: var(--icon_blob_fkompass);
}
.familiennetz_teaser__content__pre_title.has_icon_fachbox::before {
  background: var(--icon_blob_fachbox);
}
.familiennetz_teaser__content__pre_title.has_icon_wif::before {
  background: var(--icon_blob_wif);
}
.familiennetz_teaser__content__pre_title.has_icon_avatar::before {
  background: var(--icon_blob_avatar);
}
.news_block {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}

.headerblock {
  --_bg_color: var(--color_secondary_light);
  margin-top: 0;
}
.headerblock .page_header {
  display: grid;
  --_wide_max_size: calc((var(--layout_maxwidth_wide) - var(--layout_maxwidth_content)) / 2);
  grid-template-columns: [full-width-start] minmax(var(--viewport_padding), 1fr) [container-wide-start] minmax(0, var(--_wide_max_size)) [container-start] min(100% - var(--viewport_padding) * 2, var(--layout_maxwidth_content)) [container-end] minmax(0, var(--_wide_max_size)) [container-wide-end] minmax(var(--viewport_padding), 1fr) [full-width-end];
}

.headerblock + .themen_block {
  position: relative;
  margin-top: -8vw;
}
@media screen and (width < 48em) {
  .headerblock + .themen_block {
    margin-top: calc(-8vw - 110px);
  }
}

.content_toc__nav {
  position: sticky;
  top: var(--menu_offset, 60px);
  top: 60px;
  background-color: var(--color_white);
  margin-left: calc(-1 * var(--padding_default));
  width: calc(100% + var(--padding_default) + var(--padding_default));
  z-index: 1;
}

.content_toc__toggle {
  position: absolute;
  top: 0;
  right: 0;
  width: 56px;
  height: 56px;
}

.content_toc__toggle::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 12px;
  height: 12px;
  background-image: var(--icon_caret);
  background-position: center center;
  background-size: 12px auto;
  background-repeat: no-repeat;
  transform: translateY(-50%) rotate(0deg);
  filter: invert(1);
}

.content_toc__toggle.visible::after {
  transform: translateY(-50%) rotate(180deg);
}

.content_toc__nav__list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 4px solid var(--color_white);
}

.content_toc__nav__item {
  display: none;
}

.content_toc__nav hr {
  display: none;
}

.content_toc__nav__item.active,
.visible .content_toc__nav__item {
  display: block;
}

.content_toc__nav__item__anchor {
  display: block;
  padding: var(--padding_small) var(--padding_default);
  font-weight: var(--fontweight_bold);
  text-decoration: none;
}

.content_toc__nav__item__anchor:hover {
  text-decoration: underline;
}

.active > .content_toc__nav__item__anchor {
  color: var(--color_primary);
}

.content_toc__chapter {
  padding-bottom: var(--blockspacing_default);
}

.content_toc__chapter + .content_toc__chapter {
  padding-top: var(--blockspacing_default);
  border-top: 4px solid var(--color_white);
}

.content_toc__chapter:last-child {
  padding-bottom: 0;
}

.content_toc__chapter__title {
  margin-bottom: calc(1rem + var(--paragraph_spacing));
}

:where(.content_toc__chapter__text) a {
  --_link_underline_color: var(--color_blue_light);
}

.content_toc__chapter__text .button {
  --_button_bg: var(--color_green);
  --_button_bg_hover: var(--color_green_light);
}

.content_toc__subsection,
.content_toc__subsection__title {
  margin-bottom: var(--paragraph_spacing);
}

@media screen and (min-width: 48em) {
  .content_toc {
    padding-block: var(--gap);
  }
  .content_toc__nav {
    position: relative;
    top: auto;
    width: 100%;
    margin: 0;
    background: none;
  }
  .content_toc__toggle {
    display: none;
  }
  .content_toc__nav__list {
    position: sticky;
    top: var(--blockspacing_default);
    border: 0;
    padding-inline: 0 var(--gap);
  }
  .content_toc__nav__item {
    display: block;
  }
  .content_toc__nav__item.toc--chapter:not(:first-child) {
    margin-top: var(--padding_default);
  }
  .content_toc__nav hr {
    display: block;
    margin: 0 var(--padding_default);
  }
  .content_toc__nav__item__anchor {
    display: block;
    padding: var(--padding_small) var(--padding_default);
  }
  .content_toc__contentarea {
    padding: var(--padding_large);
  }
}
.swiper.swiper {
  --swiper-navigation-sides-offset: 0;
  width: 100%;
  padding: var(--gap);
}
@media screen and (width < 48em) {
  .swiper.swiper {
    margin: 0 calc(-1 * var(--viewport_padding));
    width: calc(100% + 2 * var(--viewport_padding));
  }
}
.swiper.swiper .swiper-button-prev,
.swiper.swiper .swiper-button-next {
  display: none;
}
@media screen and (width >= 48em) {
  .swiper.swiper .swiper-button-prev,
  .swiper.swiper .swiper-button-next {
    display: flex;
  }
}
.swiper.swiper .swiper-button-prev svg,
.swiper.swiper .swiper-button-next svg {
  display: none;
}
.swiper.swiper .swiper-button-prev::after,
.swiper.swiper .swiper-button-next::after {
  content: "";
  display: block;
  width: 45px;
  height: 45px;
  background: var(--icon_blob_arrow) no-repeat;
}
.swiper.swiper .swiper-button-prev:not(.swiper-button-disabled):hover::after,
.swiper.swiper .swiper-button-next:not(.swiper-button-disabled):hover::after {
  filter: hue-rotate(108deg) brightness(2.6);
}
.swiper.swiper .swiper-button-prev.swiper-button-disabled.swiper-button-disabled,
.swiper.swiper .swiper-button-next.swiper-button-disabled.swiper-button-disabled {
  pointer-events: all;
  cursor: not-allowed;
}
.swiper.swiper .swiper-button-prev::after {
  transform: rotate(180deg);
}
.swiper.swiper:not(.swiper-initialized) .swiper-wrapper {
  gap: var(--gap);
  overflow-x: scroll;
}
.swiper.swiper:not(.swiper-initialized) .swiper-button-prev,
.swiper.swiper:not(.swiper-initialized) .swiper-button-next {
  display: none;
}
.swiper.swiper::before, .swiper.swiper::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: calc(var(--gap) / 3 * 2);
  background: linear-gradient(to right, var(--_bgcolor, var(--color_white, #fff)), transparent);
  z-index: 2;
}
.swiper.swiper::after {
  left: auto;
  right: 0;
  background: linear-gradient(to left, var(--_bgcolor, var(--color_white, #fff)), transparent);
}

.bgblock .swiper::before, .bgblock .swiper::after {
  content: none;
}

.themenslider.swiper .swiper-wrapper {
  display: flex;
  align-items: stretch;
  min-width: 0;
}
.themenslider.swiper .themen_teaser {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-shrink: 0;
  width: auto;
  height: auto;
  /* Wird von Swiper überschrieben, aber als Fallback */
  max-width: 100%;
  /* breakpoints not set by swiper init, slides-per-view: auto */
  width: calc(100% - 4 * var(--gap));
}
@media screen and (width >= 30em) {
  .themenslider.swiper .themen_teaser {
    width: calc(50% - 4 * var(--gap));
  }
}
@media screen and (width >= 48em) {
  .themenslider.swiper .themen_teaser {
    width: calc(50% - var(--gap) / 2);
  }
}
@media screen and (width >= 1024px) {
  .themenslider.swiper .themen_teaser {
    width: calc(33.33332% - var(--gap) / 3 * 2);
  }
}
.themenslider.swiper .themen_teaser__image img {
  width: 100%;
  height: 100%;
  max-height: 240px;
}
.themenslider.swiper .themen_teaser__link::after {
  content: none;
}

.teamslider .swiper-wrapper {
  display: flex;
  align-items: stretch;
  min-width: 0;
}
.teamslider .teamslider__item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  border: 1px solid var(--color_secondary_border);
  border-radius: var(--border_radius);
  background: var(--color_white);
  overflow: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
  height: auto;
  max-width: 100%;
  /* breakpoints not set by swiper init, slides-per-view: auto */
  width: calc(100% - 4 * var(--gap));
}
@media screen and (width >= 30em) {
  .teamslider .teamslider__item {
    width: calc(50% - 4 * var(--gap));
  }
}
@media screen and (width >= 48em) {
  .teamslider .teamslider__item {
    width: calc(50% - var(--gap) / 2);
  }
}
@media screen and (width >= 1024px) {
  .teamslider .teamslider__item {
    width: calc(33.33332% - var(--gap) / 3 * 2);
  }
}
.teamslider .teamslider__item:nth-child(6n+1) {
  --_bg_color: var(--color_green_light);
}
.teamslider .teamslider__item:nth-child(6n+2) {
  --_bg_color: var(--color_fampink_light);
  --_bg_position: 35% 32%;
}
.teamslider .teamslider__item:nth-child(6n+3) {
  --_bg_color: var(--color_orange_light);
  --_bg_position: 26% 32%;
}
.teamslider .teamslider__item:nth-child(6n+4) {
  --_bg_color: var(--color_blue_light);
  --_bg_position: 30% 32%;
}
.teamslider .teamslider__item:nth-child(6n+5) {
  --_bg_color: var(--color_yellow_light);
  --_bg_position: 24% 32%;
}
.teamslider .teamslider__item:nth-child(6n+6) {
  --_bg_position: 34% 32%;
}
.teamslider .teamslider__item__image {
  position: relative;
  background-color: var(--_bg_color, var(--color_green_light));
  background-image: url(img/hb_skyline.svg);
  background-size: 1550px;
  background-position: var(--_bg_position, 23% 32%);
  background-blend-mode: luminosity;
}
.teamslider .teamslider__item__image img {
  display: block;
  width: auto;
  height: 240px;
  margin: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom center;
     object-position: bottom center;
}
.teamslider .teamslider__item__image::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 3vw;
  background: var(--color_white);
  -webkit-mask: var(--bg_welle2) no-repeat;
          mask: var(--bg_welle2) no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.teamslider .teamslider__item__content {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}
.teamslider .teamslider__item__content__link {
  text-decoration-thickness: 0.15em;
  text-underline-offset: 0.1em;
}
.teamslider .teamslider__item__content__link:not(:hover) {
  text-decoration: none;
}
.teamslider .teamslider__item__content__link::before {
  position: absolute;
  content: "";
  display: block;
  inset: 0;
  z-index: 1;
}
.teamslider .teamslider__item__content__link::after {
  position: absolute;
  content: "";
  display: block;
  bottom: calc(var(--padding_default) - 1px);
  right: var(--gap);
  top: var(--gap);
  width: 45px;
  height: 45px;
  background: var(--icon_blob_plus_inverse);
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  transition: transform 0.3s ease;
}
.teamslider .teamslider__item__content__link:hover::after {
  transform: scale(1.2);
}
.teamslider .teamslider__item__content__link:last-child {
  margin-bottom: var(--padding_default);
}
.teamslider .teamslider__item__content__title {
  display: block;
  color: inherit;
  padding: 0 var(--gap);
}
.teamslider .teamslider__item__content__excerpt {
  padding: 0 var(--gap) var(--gap);
  font-size: var(--fontsize_h5);
  line-height: var(--lineheight_default);
  color: var(--color_secondary);
}
.teamslider .teamslider__item__content__excerpt p {
  margin: 0;
}
.teamslider .teamslider__item__content__excerpt p + p {
  margin-top: calc(var(--gap) / 2);
}
.teamslider .teamslider__item__dialog__header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 220px;
  padding: var(--viewport_padding) var(--viewport_padding) 0;
  background-color: var(--_bg_color, var(--color_green_light));
  background-image: url(img/hb_skyline.svg);
  background-size: 1550px;
  background-position: var(--_bg_position, 23% 40%);
  background-blend-mode: luminosity;
}
.teamslider .teamslider__item__dialog .button--close {
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -8px;
}
.teamslider .teamslider__item__dialog__image {
  grid-column: 2/3;
  grid-row: 1/-1;
  justify-self: end;
  align-self: end;
}
.teamslider .teamslider__item__dialog__name {
  grid-column: 1/2;
  grid-row: 2/-1;
  align-self: end;
  margin: var(--gap) 0;
  display: flex;
  flex-direction: column;
}
@media screen and (width < 30em) {
  .teamslider .teamslider__item__dialog__header {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
  .teamslider .teamslider__item__dialog__image, .teamslider .teamslider__item__dialog__name {
    grid-column: auto;
    grid-row: auto;
    justify-self: start;
    align-self: start;
  }
  .teamslider .teamslider__item__dialog__image {
    justify-self: center;
  }
  .teamslider .teamslider__item__dialog__name {
    margin-top: 0;
    gap: 8px;
  }
  .teamslider .teamslider__item__dialog .button--close {
    right: 5vh;
    right: 5dvh;
  }
}
.teamslider .teamslider__item__dialog__excerpt {
  padding: var(--padding_default) var(--viewport_padding);
}
.teamslider .teamslider__item__dialog hr {
  margin: 0 var(--viewport_padding);
}
.teamslider .teamslider__item__dialog__description {
  padding: var(--padding_default) var(--viewport_padding);
}
dialog:not([open]) {
  display: none;
}

dialog[open] {
  position: fixed;
  inset: 5vh 5vw;
  inset: 5dvh 5dvw;
  margin: auto;
  width: 90vw;
  width: 90dvw;
  max-width: 850px;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 90vh;
  max-height: 90dvh;
  border: 1px solid var(--color_secondary_border);
  border-radius: var(--border_radius);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  padding: 0;
  background: var(--color_white);
  color: inherit;
  z-index: 1000;
  overflow: auto;
  overscroll-behavior: contain;
}
dialog[open] .button--close {
  position: fixed;
  top: auto;
  left: auto;
  display: inline-block;
  min-width: 55px;
  padding: 8px 8px 8px 24px;
  background-color: transparent;
  background-color: rgba(255, 255, 255, 0.6666666667);
  background-image: var(--icon_menu_x);
  background-position: 4px center;
  background-repeat: no-repeat;
  border: none;
  border-radius: var(--border_radius);
  text-align: left;
  font-weight: var(--fontweight_medium);
}
@media screen and (width < 48em) {
  dialog[open] .button--close {
    font-size: var(--fontsize_small);
  }
}
dialog[open] .button--close:focus,
dialog[open] .button--close:hover {
  outline: none;
  border-bottom: 3px solid var(--color_secondary);
}

::backdrop {
  background: var(--color_secondary_alpha75);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}

.quoteslider .quoteslider__item {
  padding: 0 0 var(--padding_large);
  width: 80%;
}
.quoteslider .quoteslider__item__quote {
  position: relative;
  padding: var(--padding_default) var(--padding_default) var(--padding_default) 7.8%;
  font-size: var(--fontsize_h5);
  font-weight: var(--fontweight_medium);
}
.quoteslider .quoteslider__item__quote::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(var(--gap) / 3 * 2);
  background: var(--icon_quote) no-repeat;
  background-size: contain;
  width: 97px;
  height: 68px;
  z-index: -1;
}
.quoteslider .quoteslider__item__author {
  padding: 0 7.8%;
}
.quoteslider .quoteslider__item__author__name {
  font-weight: var(--fontweight_bold);
}
.quoteslider .quoteslider__item.swiper-slide-prev, .quoteslider .quoteslider__item.swiper-slide-next {
  opacity: 0.5;
}
.quoteslider.swiper {
  padding: 0;
}
.quoteslider.swiper .swiper-button-prev, .quoteslider.swiper .swiper-button-next {
  top: auto;
  bottom: 0;
}
.quoteslider.swiper .swiper-button-next {
  right: auto;
  left: 54px;
}

.familiennetz_button_wrapper {
  display: flex;
  align-items: center;
  gap: var(--gap);
}

.familiennetz_button_wrapper--reverse {
  flex-direction: row-reverse;
}

.familiennetz_button_wrapper--center {
  justify-content: center;
}

.familiennetz_button_wrapper__text {
  flex: 1 1;
}

.post_grid_block {
  grid-column: container;
}

.post_grid_block__archive_link {
  text-align: right;
  padding-top: var(--padding_large);
}

@media screen and (width > 48em) {
  .post_grid_block__archive_link {
    margin-bottom: calc(-1 * var(--padding_large));
  }
}
.downloads__table {
  margin-top: var(--blockspacing_small);
}

.downloads__table__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: var(--padding_large);
       column-gap: var(--padding_large);
  padding-block: var(--padding_small);
  border-top: 4px solid var(--color_secondary_lighter);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.downloads__table__item:last-child {
  border-bottom: 4px solid var(--color_secondary_lighter);
}

.feature__wrapper,
.feature {
  position: relative;
}

.feature__top_title {
  bottom: auto;
  border-bottom: 0;
  transform: none;
  position: relative;
}

.feature__bottom_title {
  color: var(--color_white);
}

.feature__inner {
  position: relative;
  row-gap: var(--padding_large);
}

:where(.feature__inner) .grid__item {
  padding-inline: var(--padding_large);
}

.feature__inner__left {
  padding-top: 8px;
}

.feature__link {
  display: grid;
  text-align: right;
  gap: var(--paragraph_spacing);
  padding-bottom: var(--padding_hero);
}

@media screen and (width > 48em) {
  .feature__inner__left {
    grid-area: 1/1/1/5;
    padding-top: 0;
    padding-right: 0;
  }
  .feature__inner__right {
    padding-left: 0;
    padding-block: var(--padding_hero);
  }
  .feature__bottom_title {
    padding-bottom: 68px;
    word-break: break-word;
    -webkit-hyphens: auto;
            hyphens: auto;
  }
  .feature__link {
    grid-area: 1/1/1/5;
    align-content: end;
    justify-self: end;
    padding-right: 0;
    padding-top: calc(var(--fontsize_hero) * var(--lineheight_default) + var(--paragraph_spacing));
  }
}
/* WP Core Blocks
--------------------------------------------------------------*/
.wp-block-columns.are-vertically-aligned-top {
  align-items: flex-start;
}

.wp-block-columns.are-vertically-aligned-center {
  align-items: center;
}

.wp-block-columns.are-vertically-aligned-bottom {
  align-items: flex-end;
}

.wp-block-column.is-vertically-aligned-top {
  align-self: flex-start;
}

.wp-block-column.is-vertically-aligned-center {
  align-self: center;
}

.wp-block-column.is-vertically-aligned-bottom {
  align-self: flex-end;
}

.wp-block-column.is-vertically-aligned-stretch {
  align-self: stretch;
}

.blocks-gallery-grid:not(.has-nested-images),
.wp-block-gallery:not(.has-nested-images) {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  margin: 0 1em 1em 0;
  position: relative;
  width: calc(50% - 1em);
}

.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n), .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n), .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n) {
  margin-right: 0;
}

.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figure, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figure, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figure {
  align-items: flex-end;
  display: flex;
  height: 100%;
  justify-content: flex-start;
  margin: 0;
}

.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img {
  display: block;
  height: auto;
  max-width: 100%;
  width: auto;
}

.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7019607843), rgba(0, 0, 0, 0.3019607843) 70%, rgba(0, 0, 0, 0));
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  font-size: 0.8em;
  margin: 0;
  max-height: 100%;
  overflow: auto;
  padding: 3em 0.77em 0.7em;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 2;
}

.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img {
  display: inline;
}

.blocks-gallery-grid:not(.has-nested-images) figcaption, .wp-block-gallery:not(.has-nested-images) figcaption {
  flex-grow: 1;
}

.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image a, .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image img, .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item a, .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img, .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image a, .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image img, .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item a, .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item img {
  flex: 1;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item, .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item {
  margin-right: 0;
  width: 100%;
}

@media (min-width: 600px) {
  .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item, .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item {
    margin-right: 1em;
    width: calc(33.33333% - 0.66667em);
  }
  .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item, .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item {
    margin-right: 1em;
    width: calc(25% - 0.75em);
  }
  .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item, .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item {
    margin-right: 1em;
    width: calc(20% - 0.8em);
  }
  .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item, .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item {
    margin-right: 1em;
    width: calc(16.66667% - 0.83333em);
  }
  .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item, .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item {
    margin-right: 1em;
    width: calc(14.28571% - 0.85714em);
  }
  .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item, .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item {
    margin-right: 1em;
    width: calc(12.5% - 0.875em);
  }
  .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n), .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n), .blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n), .blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n), .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n), .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n), .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n), .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n), .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n), .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n), .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n), .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n), .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n), .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n), .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n), .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n), .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n), .wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n), .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n), .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n), .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n), .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n), .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n), .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n) {
    margin-right: 0;
  }
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:last-child, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:last-child, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:last-child {
  margin-right: 0;
}

.blocks-gallery-grid:not(.has-nested-images).alignleft, .blocks-gallery-grid:not(.has-nested-images).alignright, .wp-block-gallery:not(.has-nested-images).alignleft, .wp-block-gallery:not(.has-nested-images).alignright {
  max-width: 420px;
  width: 100%;
}

.blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure, .wp-block-gallery:not(.has-nested-images).aligncenter .blocks-gallery-item figure {
  justify-content: center;
}

.wp-block-gallery:not(.is-cropped) .blocks-gallery-item {
  align-self: flex-start;
}

figure.wp-block-gallery.has-nested-images {
  align-items: normal;
}

.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
  margin: 0;
  width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px) / 2);
}

.wp-block-gallery.has-nested-images figure.wp-block-image {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  max-width: 100%;
  position: relative;
}

.wp-block-gallery.has-nested-images figure.wp-block-image > a, .wp-block-gallery.has-nested-images figure.wp-block-image > div {
  flex-direction: column;
  flex-grow: 1;
  margin: 0;
}

.wp-block-gallery.has-nested-images figure.wp-block-image img {
  display: block;
  height: auto;
  max-width: 100% !important;
  width: auto;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7019607843), rgba(0, 0, 0, 0.3019607843) 70%, rgba(0, 0, 0, 0));
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
  left: 0;
  margin-bottom: 0;
  max-height: 60%;
  overflow: auto;
  padding: 0 8px 8px;
  position: absolute;
  scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  scrollbar-gutter: stable both-edges;
  scrollbar-width: thin;
  text-align: center;
  width: 100%;
  will-change: transform;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar {
  height: 12px;
  width: 12px;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar-track {
  background-color: initial;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: initial;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus-within::-webkit-scrollbar-thumb, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus::-webkit-scrollbar-thumb, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:hover::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.8);
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus-within, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:hover {
  scrollbar-color: rgba(255, 255, 255, 0.8) rgba(0, 0, 0, 0);
}

@media (hover: none) {
  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    scrollbar-color: rgba(255, 255, 255, 0.8) rgba(0, 0, 0, 0);
  }
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption img {
  display: inline;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption a {
  color: inherit;
}

.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border img {
  box-sizing: border-box;
}

.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border > a, .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border > div, .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded > a, .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded > div {
  flex: 1 1 auto;
}

.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border figcaption, .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption {
  background: none;
  color: inherit;
  flex: initial;
  margin: 0;
  padding: 10px 10px 9px;
  position: relative;
}

.wp-block-gallery.has-nested-images figcaption {
  flex-basis: 100%;
  flex-grow: 1;
  text-align: center;
}

.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) {
  margin-bottom: auto;
  margin-top: 0;
}

.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) {
  align-self: inherit;
}

.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > a, .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > div:not(.components-drop-zone) {
  display: flex;
}

.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a, .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
  flex: 1 0 0%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) {
  width: 100%;
}

@media (min-width: 600px) {
  .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image) {
    width: calc(33.33333% - var(--wp--style--unstable-gallery-gap, 16px) * 0.66667);
  }
  .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) {
    width: calc(25% - var(--wp--style--unstable-gallery-gap, 16px) * 0.75);
  }
  .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) {
    width: calc(20% - var(--wp--style--unstable-gallery-gap, 16px) * 0.8);
  }
  .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image) {
    width: calc(16.66667% - var(--wp--style--unstable-gallery-gap, 16px) * 0.83333);
  }
  .wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image) {
    width: calc(14.28571% - var(--wp--style--unstable-gallery-gap, 16px) * 0.85714);
  }
  .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) {
    width: calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px) * 0.875);
  }
  .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {
    width: calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px) * 0.66667);
  }
  .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2), .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2) ~ figure.wp-block-image:not(#individual-image) {
    width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px) * 0.5);
  }
  .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:last-child {
    width: 100%;
  }
}
.wp-block-gallery.has-nested-images.alignleft, .wp-block-gallery.has-nested-images.alignright {
  max-width: 420px;
  width: 100%;
}

.wp-block-gallery.has-nested-images.aligncenter {
  justify-content: center;
}

/* WP Core Blocks Modifications / Themeing
--------------------------------------------------------------*/
/* Custom Block editor colors */
.has-fampink-background-color {
  background-color: var(--color_fampink);
}

.has-fampink-color {
  color: var(--color_fampink);
}

.has-fampink-light-background-color {
  background-color: var(--color_fampink_light);
}

.has-fampink-light-color {
  color: var(--color_fampink_light);
}

.has-fampink-active-background-color {
  background-color: var(--color_fampink_active);
}

.has-fampink-active-color {
  color: var(--color_fampink_active);
}

.has-primary-background-color {
  background-color: var(--color_primary);
}

.has-primary-color {
  color: var(--color_primary);
}

.has-primary-light-background-color {
  background-color: var(--color_primary_light);
}

.has-primary-light-color {
  color: var(--color_primary_light);
}

.has-primary-active-background-color {
  background-color: var(--color_primary_active);
}

.has-primary-active-color {
  color: var(--color_primary_active);
}

.has-secondary-background-color {
  background-color: var(--color_secondary);
}

.has-secondary-color {
  color: var(--color_secondary);
}

.has-secondary-light-background-color {
  background-color: var(--color_secondary_light);
}

.has-secondary-light-color {
  color: var(--color_secondary_light);
}

.has-secondary-active-background-color {
  background-color: var(--color_secondary_active);
}

.has-secondary-active-color {
  color: var(--color_secondary_active);
}

.has-green-background-color {
  background-color: var(--color_green);
}

.has-green-color {
  color: var(--color_green);
}

.has-green-light-background-color {
  background-color: var(--color_green_light);
}

.has-green-light-color {
  color: var(--color_green_light);
}

.has-green-active-background-color {
  background-color: var(--color_green_active);
}

.has-green-active-color {
  color: var(--color_green_active);
}

.has-petrol-background-color {
  background-color: var(--color_petrol);
}

.has-petrol-color {
  color: var(--color_petrol);
}

.has-petrol-light-background-color {
  background-color: var(--color_petrol_light);
}

.has-petrol-light-color {
  color: var(--color_petrol_light);
}

.has-petrol-active-background-color {
  background-color: var(--color_petrol_active);
}

.has-petrol-active-color {
  color: var(--color_petrol_active);
}

.has-blue-background-color {
  background-color: var(--color_blue);
}

.has-blue-color {
  color: var(--color_blue);
}

.has-blue-light-background-color {
  background-color: var(--color_blue_light);
}

.has-blue-light-color {
  color: var(--color_blue_light);
}

.has-violet-background-color {
  background-color: var(--color_violet);
}

.has-violet-color {
  color: var(--color_violet);
}

.has-orange-light-background-color {
  background-color: var(--color_orange_light);
}

.has-orange-light-color {
  color: var(--color_orange_light);
}

.has-orange-active-background-color {
  background-color: var(--color_orange_active);
}

.has-orange-active-color {
  color: var(--color_orange_active);
}

.has-red-light-background-color {
  background-color: var(--color_red_light);
}

.has-red-light-color {
  color: var(--color_red_light);
}

.has-red-active-background-color {
  background-color: var(--color_red_active);
}

.has-red-active-color {
  color: var(--color_red_active);
}

.has-yellow-light-background-color {
  background-color: var(--color_yellow_light);
}

.has-yellow-light-color {
  color: var(--color_yellow_light);
}

.has-gray-background-color {
  background-color: var(--color_gray);
}

.has-gray-color {
  color: var(--color_gray);
}

.has-gray-medium-background-color {
  background-color: var(--color_gray_medium);
}

.has-gray-medium-color {
  color: var(--color_gray_medium);
}

.has-gray-light-background-color {
  background-color: var(--color_gray_light);
}

.has-gray-light-color {
  color: var(--color_gray_light);
}

.has-white-background-color {
  background-color: var(--color_white);
}

.has-white-color {
  color: var(--color_white);
}

.has-black-background-color {
  background-color: var(--color_black);
}

.has-black-color {
  color: var(--color_black);
}

p.has-background {
  padding: var(--padding_small);
}

.wp-block-column > * {
  width: 100%;
}

:where(.wp-block-column.has-background) {
  padding: var(--padding_large);
  border-radius: var(--border_radius);
}

:where(.wp-block-column.has-background) > :where(p, .wp-block-heading):first-child {
  margin-top: var(--optical_text_adjust_padding);
}

:where(.wp-block-column.has-background) > :where(p, .wp-block-heading):last-child {
  margin-bottom: var(--optical_text_adjust_padding);
}

.grid .wp-block-column {
  min-width: 0;
}

.wp-block-group {
  grid-column: full-width;
}

.wp-block-list {
  --_listpadding: var(--paragraph_spacing, 2rem);
  list-style: none;
  display: grid;
  gap: 20px;
  justify-content: start;
  padding-left: var(--_listpadding);
}
.wp-block-list li::before {
  content: "";
  display: inline-block;
  width: var(--_listpadding);
  height: 1lh;
  margin-left: calc(-1 * var(--_listpadding));
  vertical-align: -0.4375em;
  background-color: var(--color_fampink);
  -webkit-mask: var(--icon_arrow) 0 center/1em auto no-repeat;
          mask: var(--icon_arrow) 0 center/1em auto no-repeat;
}
.wp-block-list li.wp-block {
  margin: 0;
}
.wp-block-list li.wp-block .rich-text {
  display: inline;
}

.wp-block-image.is-resized {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}

.wp-block-image.is-resized figcaption {
  flex: 1 1 200px;
}

.wp-block-gallery {
  --wp--style--gallery-gap-default: var(--gap);
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption,
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption,
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7333333333), rgba(0, 0, 0, 0.4) 70%, rgba(0, 0, 0, 0.4));
  padding: 8px;
}

.is-style-intro-text,
.is-style-intro-heading-regular {
  font-size: var(--fontsize_h4);
  line-height: 1.21;
  font-weight: var(--fontweight_medium);
}

.is-style-intro-heading-regular {
  font-weight: var(--fontweight_regular);
  font-size: var(--fontsize_h4);
}
@media screen and (width > 79em) {
  .is-style-intro-heading-regular {
    font-size: var(--fontsize_h3);
  }
}

.has-text-align-center {
  text-align: center;
}

hr,
.wp-block-separator {
  display: block;
  width: auto;
  height: 1px;
  background: var(--color_secondary_border);
  -webkit-mask: var(--bg_dashed);
          mask: var(--bg_dashed);
}

.wp-block-buttons {
  margin-block: var(--gap);
  display: flex;
  align-items: start;
  justify-content: start;
  gap: var(--gap);
}

/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.updated:not(.published) {
  display: none;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.entry_meta {
  margin-bottom: var(--paragraph_spacing);
  font-weight: var(--fontweight_bold);
}

.fotocredits {
  font-weight: var(--fontweight_regular);
  margin-bottom: var(--paragraph_spacing);
}

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Search
--------------------------------------------- */
.search_notfound_message {
  margin-bottom: var(--blockspacing_huge);
}

/*--------------------------------------------------------------
# Wordpress Components
--------------------------------------------------------------*/
/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}

.widget select {
  max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry_content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
.embed-privacy-container a {
  --_link_underline_color: var(--color_signal);
  --_link_underline_thickness: 2px;
}

.embed-privacy-content iframe {
  width: 100%;
  height: 100%;
}

.embed_privacy_thumbnail {
  aspect-ratio: 408/228;
  -o-object-fit: cover;
     object-fit: cover;
}

.wp-block-contact-form-7-contact-form-selector {
  --_cf7_textcolor: var(--color_white);
  --_cf7_bgcolor: var(--color_secondary);
  grid-column: container;
  width: calc((min(100%, var(--layout_maxwidth_content)) - 11 * var(--gap)) / 12 * 8 + 7 * var(--gap));
  margin-inline: auto;
  margin-block: var(--blockspacing_default);
  color: var(--_cf7_textcolor);
  background-color: var(--_cf7_bgcolor);
  box-shadow: 0 0 0 var(--blockspacing_small) var(--_cf7_bgcolor);
}
@media (max-width: 30em) {
  .wp-block-contact-form-7-contact-form-selector {
    width: 100%;
  }
}

.wp-block-contact-form-7-contact-form-selector a {
  --_link_underline_color: var(--color_secondary);
}

.wp-block-contact-form-7-contact-form-selector :is(h2, h3, h4, h5, h6) {
  margin-top: -8px;
  margin-bottom: var(--gap);
}

.cf7block_formwrapper {
  -moz-column-width: 280px;
       column-width: 280px;
  -moz-column-gap: var(--gap);
       column-gap: var(--gap);
}

.cf7block_formwrapper :is(input:not([type=submit], [type=checkbox]), textarea) {
  width: 100%;
}

.cf7block_formwrapper textarea {
  min-height: 223px;
  max-height: 80vh;
  field-sizing: content;
}

.wpcf7-form-control {
  display: grid;
  gap: 0.8em;
}

.wpcf7-list-item {
  margin: 0;
}

.wpcf7-not-valid-tip {
  height: 16px;
}

.basicLightbox:after {
  content: "";
  position: absolute;
  top: 1.8rem;
  right: 1.8rem;
  width: 2em;
  height: 2em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cg stroke='rgb(160,160,160)' stroke-width='4'%3E%3Cline x1='5' y1='5' x2='25' y2='25'%3E%3C/line%3E%3Cline x1='5' y1='25' x2='25' y2='5'%3E%3C/line%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}

.basicLightbox__placeholder > p:empty {
  display: none;
}

.basicLightbox__placeholder .embed-privacy-container {
  max-width: 100%;
  height: calc(90vh - 1.8rem - 3rem);
  margin-block: 1.5rem;
  border: 4px solid var(--color_secondary);
}

@media screen and (max-aspect-ratio: 16/9) {
  .basicLightbox__placeholder .embed-privacy-container {
    height: auto;
    max-height: 100%;
    width: calc(90vw - 1.8rem - 3rem);
  }
}
@media screen and (max-aspect-ratio: 1/1) {
  .basicLightbox__placeholder .embed-privacy-container {
    width: 95vw;
  }
}
/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
.hidden {
  display: none;
}

/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text,
.visibility-hidden {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# A11y Contrast and Fontsize
--------------------------------------------------------------*/
/* Accessibility CSS
--------------------------------------------- */
/* Barrierefreie Farben */
body.a11y-contrast,
body:is(.page-id-835) {
  --color_secondary: #001119;
}

body.a11y-contrast img[src*=FHB_AFSD_weiss] {
  filter: invert(1);
}

body.a11y-contrast .site-title a {
  filter: grayscale(1) contrast(1.5);
}
body.a11y-contrast .page_header,
body.a11y-contrast .boxblock {
  --_bg_color: var(--color_gray_light);
}

/* Größere Schrift */
body {
  transition: font-size 0.2s;
}

body.a11y-fontsize {
  font-size: 1.3rem;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

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