@charset "UTF-8";
/*!
Theme Name: DAW Karup
Theme URI: http://roggeundpott.de/
Author: Rogge & Pott | Bjoern Dammann
Author URI: http://roggeundpott.de/
Description: Custom theme for DAW, based on Underscores.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dawkarup

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

DAW Karup is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
/* --------------------------------------------------

   Breakpoint Settings
	 via @ https://davidhellmann.com/blog/development/sass-breakpoint-mixin
   -------------------------------------------------- */
/* Color styles */
:root,
html.light {
  --colors---black: #000000;
  --colors---white: #FFFFFF;
  --colors---green-50: #E6F3EC;
  --colors---green-100: #B0D8C5;
  --colors---green-200: #8AC6A9;
  --colors---green-300: #54AB82;
  --colors---green-400: #339B69;
  --colors---green-500: #008244;
  --colors---green-600: #00763E;
  --colors---green-700: #005C30;
  --colors---green-800: #004825;
  --colors---green-900: #00371D;
  --colors---grey-25: #FAFAFA;
  --colors---grey-50: #F2F2F2;
  --colors---grey-100: #D7D7D7;
  --colors---grey-150: #CCCCCC;
  --colors---grey-200: #C3C3C3;
  --colors---grey-300: #A8A8A8;
  --colors---grey-400: #979797;
  --colors---grey-500: #7D7D7D;
  --colors---grey-600: #727272;
  --colors---grey-700: #595959;
  --colors---grey-800: #454545;
  --colors---grey-900: #353535;
  --colors---teal-50: #E9ECEC;
  --colors---teal-100: #B9C3C3;
  --colors---teal-200: #98A5A6;
  --colors---teal-300: #687C7E;
  --colors---teal-400: #4B6365;
  --colors---teal-500: #1E3C3E;
  --colors---teal-600: #1B3738;
  --colors---teal-700: #132D2E;
  --colors---teal-800: #112122;
  --colors---teal-900: #0D191A;
  --surface-1: var(--colors---white);
  --surface-2: var(--colors---grey-50);
  --surface-3: var(--colors---grey-100);
  --surface-4: var(--colors---grey-150);
  --element-1: var(--colors---teal-700);
  --element-2: var(--colors---teal-600);
  --element-3: var(--colors---teal-500);
  --element-4: var(--colors---teal-400);
  --element-5: var(--colors---teal-300);
  --primary-1: var(--colors---green-500);
  --primary-2: var(--colors---green-700);
  --primary-3: var(--colors---green-800);
  --primary-4: var(--colors---green-900);
  --on-primary: var(--colors---white);
  --secondary-1: var(--colors---teal-500);
  --secondary-2: var(--colors---teal-700);
  --secondary-3: var(--colors---teal-800);
  --secondary-4: var(--colors---teal-900);
  --on-secondary: var(--colors---white);
  /* green shades */
  --primary-50: var(--colors---green-50);
  --primary-100: var(--colors---green-100);
  --primary-200: var(--colors---green-200);
  --primary-300: var(--colors---green-300);
  --primary-400: var(--colors---green-400);
  --primary-500: var(--colors---green-500);
  --primary-600: var(--colors---green-600);
  --primary-700: var(--colors---green-700);
  --primary-800: var(--colors---green-800);
  --primary-900: var(--colors---green-900);
  /* teal shades */
  --secondary-50: var(--colors---teal-50);
  --secondary-100: var(--colors---teal-100);
  --secondary-200: var(--colors---teal-200);
  --secondary-300: var(--colors---teal-300);
  --secondary-400: var(--colors---teal-400);
  --secondary-500: var(--colors---teal-500);
  --secondary-600: var(--colors---teal-600);
  --secondary-700: var(--colors---teal-700);
  --secondary-800: var(--colors---teal-800);
  --secondary-900: var(--colors---teal-900);
}

/* spline-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Spline Sans";
  font-style: normal;
  font-weight: 400;
  src: url("assets/fonts/spline-sans-v15-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* spline-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Spline Sans";
  font-style: normal;
  font-weight: 500;
  src: url("assets/fonts/spline-sans-v15-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* spline-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Spline Sans";
  font-style: normal;
  font-weight: 700;
  src: url("assets/fonts/spline-sans-v15-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* For browsers that support clamp  */
@supports (font-size: clamp(1rem, 1vi, 1rem)) {
  :root {
    --font-size-sm: clamp(0.83rem, -0.05vi + 0.85rem, 0.8rem);
    --font-size-base: clamp(0.94rem, 0.1vi + 0.91rem, 1rem);
    --font-size-md: clamp(1.05rem, 0.31vi + 0.98rem, 1.25rem);
    --font-size-lg: clamp(1.19rem, 0.6vi + 1.04rem, 1.56rem);
    --font-size-xl: clamp(1.33rem, 0.99vi + 1.09rem, 1.95rem);
    --font-size-xxl: clamp(1.5rem, 1.5vi + 1.13rem, 2.44rem);
    --font-size-3xl: clamp(1.69rem, 2.18vi + 1.14rem, 3.05rem);
    --font-size-4xl: clamp(1.9rem, 3.06vi + 1.13rem, 3.81rem);
    --font-size-5xl: clamp(2.14rem, 4.21vi + 1.09rem, 4.77rem);
  }
}
/* For browsers that don't support clamp */
@supports not (font-size: clamp(1rem, 1vi, 1rem)) {
  :root {
    --font-size-sm: 0.83rem;
    --font-size-base: 0.94rem;
    --font-size-md: 1.05rem;
    --font-size-lg: 1.19rem;
    --font-size-xl: 1.33rem;
    --font-size-xxl: 1.5rem;
    --font-size-3xl: 1.69rem;
    --font-size-4xl: 1.9rem;
    --font-size-5xl: 2.14rem;
  }
  @media screen and (min-width: 1400px) {
    :root {
      --font-size-sm: 0.8rem;
      --font-size-base: 1rem;
      --font-size-md: 1.25rem;
      --font-size-lg: 1.56rem;
      --font-size-xl: 1.95rem;
      --font-size-xxl: 2.44rem;
      --font-size-3xl: 3.05rem;
      --font-size-4xl: 3.81rem;
      --font-size-5xl: 4.77rem;
    }
  }
}
/* For browsers that support clamp  */
@supports (font-size: clamp(1rem, 1vi, 1rem)) {
  :root {
    --font-size-xs: clamp(13.12px, 0.15vi + 12.54px, 14.4px);
  }
}
/* For browsers that don't support clamp */
@supports not (font-size: clamp(1rem, 1vi, 1rem)) {
  :root {
    --font-size-xs: 13.12px;
  }
  @media screen and (min-width: 1280px) {
    :root {
      --font-size-xs: 14.4px;
    }
  }
}
/* --------------------------------------------------

   Breakpoint Mixin
	 via @ https://davidhellmann.com/blog/development/sass-breakpoint-mixin
   -------------------------------------------------- */
/* --------------------------------------------------
   Percent Grid
   -------------------------------------------------- */
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* 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%;
}

/**
 * Enable keyword animations
 */
@media (prefers-reduced-motion: no-preference) {
  html {
    interpolate-size: allow-keywords;
  }
}
/**
 * Box-sizing model
 */
*, *::before, *::after {
  box-sizing: border-box;
}

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

/**
 * Remove default margin
 */
* {
  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;
  text-decoration: underline dotted;
}

/**
 * Avoid text overflows
 */
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

p {
  overflow-wrap: break-word;
  hyphens: auto;
}

/**
 * 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;
}

/**
 * Improve media defaults
 */
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

/* 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
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: var(--element-1);
  font-family: "Spline Sans", "Roboto", sans-serif;
  font-size: 1em;
  font-size: var(--font-size-base);
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--element-1);
  font-family: "Spline Sans", "Roboto", sans-serif;
  clear: both;
  line-height: 1.15;
  font-weight: 400;
  letter-spacing: -0.5%;
}

h1, .h1 {
  font-size: var(--font-size-5xl);
}

h2, .h2 {
  font-size: var(--font-size-4xl);
}

h3, .h3 {
  font-size: var(--font-size-3xl);
}

h4, .h4 {
  font-size: var(--font-size-xxl);
}

h5, .h5 {
  font-size: var(--font-size-xl);
}

h6, .h6 {
  font-size: var(--font-size-lg);
}

p {
  margin-bottom: 1.5em;
}

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

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background-color: var(--surface-1);
  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;
  border-color: var(--elmenet-3);
  cursor: help;
}

mark,
ins {
  background-color: var(--elmenet-2);
  text-decoration: none;
}

big {
  font-size: 125%;
}

span.medium {
  font-weight: 500;
}

/* Elements
--------------------------------------------- */
html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--surface-2);
  -webkit-font-smoothing: antialiased;
}

.site-main {
  background-color: var(--surface-2);
}

@media (prefers-reduced-motion: reduce) {
  *, *::after, *::before {
    animation-duration: 1ms !important; /* 1 */
    animation-delay: -1ms !important; /* 2 */
    animation-iteration-count: 1 !important; /* 3 */
    transition-duration: 1ms !important; /* 4 */
    transition-delay: -1ms !important; /* 5 */
  }
}
.image-round {
  border-radius: 50%;
}

hr {
  background-color: var(--element-2);
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

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;
}

.entry-content ul {
  padding: 0;
  margin: 0 0 1.5em 1em;
}
.entry-content ul li::marker {
  color: var(--primary-1);
}

.aagb__accordion_head {
  border-radius: 0 !important;
}

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

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

figure {
  margin: 1em 0;
}

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

.table-no-styles table {
  margin: 0;
}

.table-no-styles td {
  padding: 0;
  border: none;
  white-space: nowrap;
}
.table-no-styles td:first-of-type {
  padding-right: 1em;
}

.arrows--front-header,
.arrows--front-teaser,
.arrows--front-services,
.arrows--front-news,
.site-footer .arrows--footer-related,
.arrows--main-wrapper {
  position: relative;
}
.arrows--front-header::before,
.arrows--front-teaser::before,
.arrows--front-services::before,
.arrows--front-news::before,
.site-footer .arrows--footer-related::before,
.arrows--main-wrapper::before {
  content: attr(data-label);
  left: -50px;
  height: 24px;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center right;
  background-size: contain;
  transform: rotate(-90deg);
  transition: none;
  z-index: 20;
  padding-right: 115px;
  line-height: 1.2;
}
@media (max-width: 1270px) {
  .arrows--front-header::before,
  .arrows--front-teaser::before,
  .arrows--front-services::before,
  .arrows--front-news::before,
  .site-footer .arrows--footer-related::before,
  .arrows--main-wrapper::before {
    display: none;
  }
}

@keyframes arrowfadeleft {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.arrows--front-header::before {
  color: var(--surface-1);
  background-image: url("./assets/img/arrows-white.svg");
  top: 50%;
  opacity: 0;
  animation: arrowfadeleft 1s 3000ms forwards;
}

.arrows--front-teaser::before {
  background-image: url("./assets/img/arrows-green-500.svg");
  color: var(--primary-500);
  top: 110%;
  left: -66px;
}

.arrows--front-services::before {
  background-image: url("./assets/img/arrows-green-100.svg");
  color: var(--primary-100);
  top: 5%;
  left: -66px;
}

.arrows--front-news::before {
  background-image: url("./assets/img/arrows-green-500.svg");
  color: var(--primary-500);
  top: 5%;
  left: -26px;
}

.site-footer .arrows--footer-related::before {
  background-image: url("./assets/img/arrows-green-500.svg");
  color: var(--primary-500);
  top: -1%;
  left: 0px;
}

.arrows--main-wrapper::before {
  background-image: url("./assets/img/arrows-green-500.svg");
  color: var(--primary-500);
  top: -5.25rem;
  left: -166px;
}

/* Links
--------------------------------------------- */
a {
  color: var(--primary-1);
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  font-weight: 500;
}
a:hover, a:focus, a:active {
  color: var(--primary-2);
}
a:focus {
  outline: thin dotted;
  color: var(--primary-3);
}
a:hover, a:active {
  outline: 0;
}

.entry-content a {
  font-weight: 500;
}

/* Forms
--------------------------------------------- */
a.button,
button,
input[type=button],
input[type=reset],
input[type=submit] {
  display: inline-flex;
  width: auto;
  cursor: pointer;
  border: none;
  appearance: none;
  align-items: center;
  font-family: inherit;
  text-decoration: none;
  font-weight: 500;
  line-height: 2;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  margin: 1em 0;
  min-height: 50px;
  padding: 0.4em 1.5em;
  background-color: var(--primary-1);
  color: var(--on-primary);
}
a.button:hover,
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  background-color: var(--primary-2);
  color: var(--on-primary);
}
a.button:active, a.button:focus,
button:active,
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(--primary-3);
  color: var(--on-primary);
}
@media (min-width: 1000px) {
  a.button.button--large,
  button.button--large,
  input[type=button].button--large,
  input[type=reset].button--large,
  input[type=submit].button--large {
    min-height: 60px;
    padding: 0.5em 2em;
  }
}
a.button.button--secondary,
button.button--secondary,
input[type=button].button--secondary,
input[type=reset].button--secondary,
input[type=submit].button--secondary {
  background-color: var(--secondary-1);
  color: var(--on-secondary);
}
a.button.button--secondary:hover,
button.button--secondary:hover,
input[type=button].button--secondary:hover,
input[type=reset].button--secondary:hover,
input[type=submit].button--secondary:hover {
  background-color: var(--secondary-2);
  color: var(--on-secondary);
}
a.button.button--secondary:active, a.button.button--secondary:focus,
button.button--secondary:active,
button.button--secondary:focus,
input[type=button].button--secondary:active,
input[type=button].button--secondary:focus,
input[type=reset].button--secondary:active,
input[type=reset].button--secondary:focus,
input[type=submit].button--secondary:active,
input[type=submit].button--secondary:focus {
  background-color: var(--secondary-3);
  color: var(--on-secondary);
}

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 {
  background-color: var(--surface-2);
  color: var(--element-2);
  border: 1px solid;
  border-color: var(--element-3);
  border-radius: 0px;
  padding: 0.5em;
  font: inherit;
}
input[type=text]:focus, input[type=text]:focus-visible,
input[type=email]:focus,
input[type=email]:focus-visible,
input[type=url]:focus,
input[type=url]:focus-visible,
input[type=password]:focus,
input[type=password]:focus-visible,
input[type=search]:focus,
input[type=search]:focus-visible,
input[type=number]:focus,
input[type=number]:focus-visible,
input[type=tel]:focus,
input[type=tel]:focus-visible,
input[type=range]:focus,
input[type=range]:focus-visible,
input[type=date]:focus,
input[type=date]:focus-visible,
input[type=month]:focus,
input[type=month]:focus-visible,
input[type=week]:focus,
input[type=week]:focus-visible,
input[type=time]:focus,
input[type=time]:focus-visible,
input[type=datetime]:focus,
input[type=datetime]:focus-visible,
input[type=datetime-local]:focus,
input[type=datetime-local]:focus-visible,
input[type=color]:focus,
input[type=color]:focus-visible,
textarea:focus,
textarea:focus-visible {
  border: 1px solid;
  outline: none;
  border-color: var(--element-2);
  color: var(--element-1);
}

select {
  font: inherit;
  border: 1px solid;
  border-color: var(--element-3);
}

textarea {
  width: 100%;
}

.wpcf7 form label {
  font-weight: 500;
}
.wpcf7 .wpcf7-quiz-label {
  display: block;
  margin-top: 0.5em;
}
.wpcf7 .wpcf7-list-item {
  margin: 0;
}
.wpcf7 .wpcf7-list-item-label {
  padding-left: 0.5em;
}

[data-aos=custom-fade] {
  opacity: 0.001;
  transition-property: opacity;
}
[data-aos=custom-fade].aos-animate {
  opacity: 1;
}

[data-aos=custom-fade-down] {
  opacity: 0.001;
  transition-property: opacity, transform;
  transform: translate3d(0, -100px, 0);
}
[data-aos=custom-fade-down].aos-animate {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

[data-aos=custom-fade-up] {
  opacity: 0.001;
  transition-property: opacity, transform;
  transform: translate3d(0, 100px, 0);
}
[data-aos=custom-fade-up].aos-animate {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

[data-aos=custom-arrow-fade-up] {
  opacity: 0.001;
  transition-property: opacity, transform;
  transform: translateY(100px);
}
[data-aos=custom-arrow-fade-up].aos-animate {
  opacity: 1;
  transform: translateY(0);
}

[data-aos=custom-fade-right] {
  opacity: 0.001;
  transition-property: opacity, transform;
  transform: translate3d(-100px, 0, 0);
}
[data-aos=custom-fade-right].aos-animate {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

[data-aos=custom-fade-left] {
  opacity: 0.001;
  transition-property: opacity, transform;
  transform: translate3d(100px, 0, 0);
}
[data-aos=custom-fade-left].aos-animate {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
.site {
  grid-row-gap: 0;
  grid-column-gap: 2em;
  margin: 0 auto;
  display: grid;
  grid-template-columns: auto;
  grid-template-areas: "header" "main" "pagebuilder" "footer";
  /*@include breakpoint('m') {
  	grid-template-columns: auto;
  	grid-template-areas:
  		"header"
  		"main"
  		"pagebuilder"
  		"footer";
  }*/
}

.inner-wrapper {
  padding-left: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
  padding-right: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
  max-width: 71.875rem;
  margin-left: auto;
  margin-right: auto;
}

.site-header {
  grid-area: header;
}

.site-main {
  grid-area: main;
  overflow: hidden; /* Resolves issue with <pre> elements forcing full width. */
}

.site-footer {
  grid-area: footer;
}

.daw-pagebuilder__wrapper {
  grid-area: pagebuilder;
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
header {
  --navigation-link-color: var(--element-1);
  --navigation-link-hover: var(--primary-1);
  --navigation-link-current: var(--colors---teal-200);
}

.main-navigation {
  display: block;
  width: auto;
  align-self: flex-end;
}
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation ul ul {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  width: auto;
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
  display: flex;
  flex-direction: column;
  transition: opacity 200ms ease-in-out;
  opacity: 0;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li {
  width: 100%;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}
.main-navigation ul ul a {
  color: var(--on-primary);
  background-color: var(--primary-500);
  min-width: 200px;
  width: 100%;
  white-space: nowrap;
  font-weight: 400;
  text-transform: none;
  padding: 0.75em 1.25em;
  font-size: var(--font-size-base);
}
.main-navigation ul ul .current_page_item > a,
.main-navigation ul ul .current-menu-item > a,
.main-navigation ul ul .current-page-ancestor > a,
.main-navigation ul ul .current-menu-ancestor > a,
.main-navigation ul ul .current_page_parent > a {
  color: var(--primary-100);
  background-color: var(--primary-700);
}
.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
  color: var(--colors---white);
  background-color: var(--primary-700);
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
  opacity: 1;
}
.main-navigation li {
  position: relative;
}
.main-navigation li:hover > a, .main-navigation li.focus > a {
  color: var(--navigation-link-hover);
}
.main-navigation a {
  color: var(--navigation-link-color);
  font-weight: 400;
  display: block;
  white-space: nowrap;
  text-decoration: none;
  font-size: var(--font-size-base);
  padding: 0.5em 0.75em;
}
@media (min-width: 1200px) {
  .main-navigation a {
    font-size: var(--font-size-base);
  }
}
.main-navigation ul.menu > li:first-child > a {
  padding-left: 0;
}
.main-navigation ul.menu > li:last-child > a {
  padding-right: 0;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_parent > a {
  color: var(--navigation-link-current);
}
.main-navigation li.menu-item-has-children > a:after {
  margin-bottom: 3px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  display: inline-block;
  content: "";
  margin-left: 0.3em;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: transparent transparent transparent transparent;
  border-top-color: var(--navigation-link-color);
  transform: rotate(0deg);
}
.main-navigation li.menu-item-has-children:hover > a:after {
  border-top-color: var(--navigation-link-hover);
}
.main-navigation .menu-item-has-children.current_page_item:not(:hover) > a:after,
.main-navigation .menu-item-has-children.current-menu-item:not(:hover) > a:after,
.main-navigation .menu-item-has-children.current-page-ancestor:not(:hover) > a:after,
.main-navigation .menu-item-has-children.current-menu-ancestor:not(:hover) > a:after {
  border-top-color: var(--navigation-link-current);
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  font-size: var(--font-size-base);
  display: block;
  font-weight: 400;
}

@media (min-width: 1000px) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  .main-navigation {
    align-self: center;
  }
}
.menu-toggle {
  line-height: 1;
  background: transparent;
  position: relative;
  padding: 0.6em 2.5em 0.6em 0em;
  color: var(--navigation-link-color);
  margin: 0;
}
.menu-toggle .icon-hamburger {
  position: absolute;
  top: 10px;
  right: 0;
}
.menu-toggle .icon-hamburger > div {
  width: 30px;
  height: 3px;
  background-color: var(--primary-1);
  margin: 5px 0;
}
.menu-toggle:hover, .menu-toggle:active, .menu-toggle:focus,
.menu-toggle .c-button__text {
  background: transparent;
  color: var(--navigation-link-color);
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

.menu-icon-only a {
  text-indent: -9999px;
}

.menu-icon-instagram a {
  margin-top: 5px;
  margin-left: 0.5em;
  width: 30px;
  height: 30px;
  padding: 0;
  background-image: url("./assets/img/icon-instagram.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.menu-icon-only:hover a {
  opacity: 0.5;
}

nav.pagination {
  display: flex;
  justify-content: center;
  margin: 2rem 0;
}
nav.pagination .nav-links {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  font-size: var(--font-size-xs);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
nav.pagination .page-numbers {
  display: inline-block;
  padding: 0.5em 1em;
  color: var(--element-1);
  background: transparent;
  border: 1px solid var(--element-1);
  text-decoration: none;
  transition: background-color 0.5s, color 0.5s;
}
nav.pagination .page-numbers:hover, nav.pagination .page-numbers:focus {
  background: var(--primary-1);
  color: var(--on-primary);
  border-color: var(--primary-1);
}
nav.pagination .page-numbers.current {
  background: var(--surface-1);
  color: var(--element-5);
  border-color: var(--element-5);
  cursor: default;
}
nav.pagination .page-numbers.dots {
  background: transparent;
  border: none;
  cursor: default;
}

/* Off Canvas Navigation
--------------------------------------------- */
:root {
  --offcanvas-background: var(--primary-700);
  --offcanvas-text: var(--on-primary);
  --offcanvas-border: var(--primary-400);
  --menu-item-background: var(--offcanvas-background);
  --menu-item-background-active: var(--primary-900);
  --menu-item-background-hover: var(--primary-600);
  --menu-item-text: var(--on-primary);
  --menu-item-text-active: var(--primary-100);
  --menu-item-text-hover: var(--on-primary);
  --submenu-background: var(--primary-800);
  --submenu-text: var(--on-primary);
  --submenu-border: var(--primary-500);
  --arrow-color: var(--on-primary);
  --arrow-color-active: var(--on-primary);
}

#offCanvas {
  background-color: var(--offcanvas-background);
}

.admin-bar #offCanvas {
  padding-top: 46px;
}

.menu-close {
  background: transparent;
  color: white;
  font-size: 0;
  padding: 1rem;
  margin-top: -1rem;
  margin-right: -1rem;
}
.menu-close:after {
  display: inline-block;
  line-height: 1.5rem;
  font-size: 3rem;
  content: "×"; /* This will render the 'X' */
}
.menu-close:hover, .menu-close:active, .menu-close.active, .menu-close:focus {
  background: transparent;
}
.menu-close:focus-visible {
  border: 1px dotted white;
}

.offCanvas__header {
  margin-top: clamp(2rem, 0.8rem + 4.8vw, 5rem);
  margin-bottom: clamp(2rem, 0.8rem + 4.8vw, 5rem);
  padding-left: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
  padding-right: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.c-offcanvas-content-wrap .offcanvas__widgets {
  display: none;
  visibility: hidden;
}

.c-offcanvas-content-wrap.is-open .offcanvas__widgets {
  display: block;
  visibility: visible;
}

.offcanvas__widgets {
  padding-left: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
  padding-right: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
  margin-top: 2rem;
}

.offcanvas__widgets {
  color: var(--menu-item-text);
}

.offcanvas__widgets a:not(.button) {
  color: var(--menu-item-text);
  font-weight: 700;
}

.offcanvas__widgets a.button {
  margin: 0;
}

.icon-textlink {
  display: flex;
  flex-wrap: nowrap;
}
.icon-textlink svg {
  max-width: 30px;
  margin-right: 0.5em;
}

.c-offcanvas.is-closed * {
  transition: none;
  visibility: hidden;
  display: none;
}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: none;
}

#cssmenu {
  width: 100%;
}

#cssmenu ul ul {
  display: none;
}

#cssmenu > ul > li > a {
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
  padding-right: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--offcanvas-border);
  cursor: pointer;
  z-index: 2;
  font-size: 1em;
  text-decoration: none;
  text-transform: none;
  color: var(--menu-item-text);
  background-color: var(--menu-item-background);
  text-shadow: none;
  font-weight: 700;
}

#cssmenu ul > li.active > a {
  color: var(--menu-item-text-active);
  background-color: var(--menu-item-background-active);
}

#cssmenu ul > li.open > a,
#cssmenu ul > li > a:hover {
  color: var(--menu-item-text-hover);
  background-color: var(--menu-item-background-hover);
}

#cssmenu > ul > li.open > a,
#cssmenu > ul > li:last-child > a,
#cssmenu > ul > li.last > a {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--offcanvas-border);
}

.holder {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: 0;
}

.holder::after {
  display: block;
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  right: 20px;
  z-index: 10;
  -webkit-transition: transform 300ms ease-in-out;
  -moz-transition: transform 300ms ease-in-out;
  -ms-transition: transform 300ms ease-in-out;
  -o-transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  top: 22px;
  border-style: solid;
  border-width: 8px 6px 0 6px;
  border-top-color: var(--arrow-color);
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}

#cssmenu > ul > li.open > a > span::after,
#cssmenu > ul > li.open.active > a > span::after {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
  border-top-color: var(--arrow-color);
}

#cssmenu ul ul li:first-child a {
  border-top-style: solid;
  border-top-width: 0px;
  border-top-color: var(--offcanvas-border);
}

#cssmenu > ul > li.active > a > span::after {
  border-top-color: var(--arrow-color-active);
}

#cssmenu ul ul li a {
  cursor: pointer;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  transition: none;
  padding: 1em 1em;
  z-index: 1;
  text-decoration: none;
  font-weight: 700;
  border-bottom-color: var(--submenu-border);
  color: var(--submenu-text);
  background-color: var(--submenu-background);
}

/* Content
--------------------------------------------- */
.sticky {
  display: block;
}

.site-main .post,
.site-main .page {
  margin: 0 0 1.5em;
}

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

.page-content,
.entry-content,
.entry-summary {
  margin: 0;
}

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

.entry-title,
.page-title {
  color: var(--primary-1);
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  line-height: 1.1;
  display: inline-block;
  word-break: break-all;
}

.page-template-default .site-main__inner-wrapper article {
  max-width: 49.375rem;
  margin-left: 0;
}
.page-template-default .site-main__inner-wrapper article p:first-of-type {
  margin-top: 0;
}

.page-template-default .site-main__inner-wrapper .entry-content .wp-block-heading:first-child {
  margin-top: 0;
}

.page-template-default .site-main__inner-wrapper,
.blog .site-main__inner-wrapper,
.single-post .site-main__inner-wrapper {
  display: grid;
  margin-top: clamp(2rem, 0.8rem + 4.8vw, 5rem);
  margin-bottom: clamp(2rem, 0.8rem + 4.8vw, 5rem);
  row-gap: 1em;
  grid-template-areas: "main " "aside ";
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}
@media (min-width: 1000px) {
  .page-template-default .site-main__inner-wrapper,
  .blog .site-main__inner-wrapper,
  .single-post .site-main__inner-wrapper {
    grid-template-columns: 65% 25%;
    column-gap: 10%;
    grid-template-areas: "main aside";
    row-gap: 2em;
  }
}
.page-template-default .site-main__inner-wrapper article,
.blog .site-main__inner-wrapper article,
.single-post .site-main__inner-wrapper article {
  grid-area: main;
}
.page-template-default .site-main__inner-wrapper aside,
.blog .site-main__inner-wrapper aside,
.single-post .site-main__inner-wrapper aside {
  grid-area: aside;
}

.site-main__page-header {
  height: clamp(31.25rem, 26.563rem + 18.75vw, 50rem);
  position: relative;
  z-index: 1;
}
.site-main__page-header:after {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.5) 35%, rgba(0, 0, 0, 0) 100%);
  z-index: -3;
  /*@include breakpoint('m') {
  	background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.3) 10%, rgba(0, 0, 0, 0) 100%);
  }*/
}

.page-id-2 .site-main__page-header {
  aspect-ratio: 0.8/1;
  height: auto;
}
@media (min-width: 800px) {
  .page-id-2 .site-main__page-header {
    aspect-ratio: 2.2/1;
    height: auto;
  }
}

.page-header__inner-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  justify-content: flex-end;
  /*@include breakpoint('m') {
  	justify-content: center; 
  }*/
}

.page-header__headline {
  color: var(--surface-1);
}
@media (min-width: 1000px) {
  .page-header__headline {
    margin-bottom: 1.25em;
  }
}

.site-main__page-header {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.child-pages-list {
  padding: 0 0 0 1em;
  margin: 0;
}
.child-pages-list li::marker {
  color: var(--secondary-1);
}

article .entry-content .wp-block-heading:first-child {
  color: var(--primary-1);
  margin-bottom: clamp(1rem, 0.4rem + 2.4vw, 2.5rem);
  margin-top: 0;
}

article .entry-content .wp-block-heading {
  margin-bottom: clamp(1rem, 0.4rem + 2.4vw, 2.5rem);
  margin-top: clamp(1rem, 0.4rem + 2.4vw, 2.5rem);
}

.site-main .error-404 {
  margin-top: clamp(2rem, 0.8rem + 4.8vw, 5rem);
  margin-bottom: clamp(2rem, 0.8rem + 4.8vw, 5rem);
  min-height: 300px;
}

.search .site-main {
  padding-top: clamp(2rem, 0.8rem + 4.8vw, 5rem);
  padding-bottom: clamp(2rem, 0.8rem + 4.8vw, 5rem);
}

.search .page-title,
.error-404 .page-title {
  margin-bottom: clamp(1rem, 0.4rem + 2.4vw, 2.5rem);
}

.aagb__accordion_head {
  background-color: var(--surface-3) !important;
}

/*.aagb__accordion_body {
	//background-color: var(--colors---grey-25) !important;
}*/
.aagb__accordion_subheading {
  display: none !important;
}

.wp-block-aab-accordion-item {
  border-radius: 0 !important;
}

.subcompany-logo {
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
  margin-bottom: clamp(1rem, 0.4rem + 2.4vw, 2.5rem);
  background-color: var(--surface-1);
}

.cert-border img {
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
}

.subcompany-headline {
  margin-bottom: clamp(0.5rem, 0.1rem + 1.6vw, 1.5rem);
}

@media (max-width: 782px) {
  .subcompany-logo-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 400px) {
  .subcompany-logo-grid {
    display: block !important;
  }
}
.subcompany-logo-grid .subcompany-logo {
  max-width: fit-content;
  margin-bottom: clamp(0.5rem, 0.1rem + 1.6vw, 1.5rem);
}

.single-post .entry-meta {
  margin-bottom: clamp(0.5rem, 0.1rem + 1.6vw, 1.5rem);
}

.single-post .entry-footer,
.single-post .entry-meta {
  color: var(--element-5);
}
.single-post .entry-footer a,
.single-post .entry-meta a {
  color: var(--element-3);
}

/* Mixins */
/* General */
.pagebuilder-intro--bg-primary,
.daw-block__wrapper--bg-primary,
.half-fullscreen__text-wrapper--bg-primary {
  background-color: var(--primary-1);
  color: var(--on-primary);
}
.pagebuilder-intro--bg-primary h1, .pagebuilder-intro--bg-primary h2, .pagebuilder-intro--bg-primary h3, .pagebuilder-intro--bg-primary h4, .pagebuilder-intro--bg-primary h5, .pagebuilder-intro--bg-primary h6, .pagebuilder-intro--bg-primary a, .pagebuilder-intro--bg-primary p,
.daw-block__wrapper--bg-primary h1,
.daw-block__wrapper--bg-primary h2,
.daw-block__wrapper--bg-primary h3,
.daw-block__wrapper--bg-primary h4,
.daw-block__wrapper--bg-primary h5,
.daw-block__wrapper--bg-primary h6,
.daw-block__wrapper--bg-primary a,
.daw-block__wrapper--bg-primary p,
.half-fullscreen__text-wrapper--bg-primary h1,
.half-fullscreen__text-wrapper--bg-primary h2,
.half-fullscreen__text-wrapper--bg-primary h3,
.half-fullscreen__text-wrapper--bg-primary h4,
.half-fullscreen__text-wrapper--bg-primary h5,
.half-fullscreen__text-wrapper--bg-primary h6,
.half-fullscreen__text-wrapper--bg-primary a,
.half-fullscreen__text-wrapper--bg-primary p {
  color: var(--on-primary);
}
.pagebuilder-intro--bg-primary-dark,
.daw-block__wrapper--bg-primary-dark,
.half-fullscreen__text-wrapper--bg-primary-dark {
  background-color: var(--primary-800);
  color: var(--colors---white);
}
.pagebuilder-intro--bg-primary-dark h1, .pagebuilder-intro--bg-primary-dark h2, .pagebuilder-intro--bg-primary-dark h3, .pagebuilder-intro--bg-primary-dark h4, .pagebuilder-intro--bg-primary-dark h5, .pagebuilder-intro--bg-primary-dark h6, .pagebuilder-intro--bg-primary-dark a, .pagebuilder-intro--bg-primary-dark p,
.daw-block__wrapper--bg-primary-dark h1,
.daw-block__wrapper--bg-primary-dark h2,
.daw-block__wrapper--bg-primary-dark h3,
.daw-block__wrapper--bg-primary-dark h4,
.daw-block__wrapper--bg-primary-dark h5,
.daw-block__wrapper--bg-primary-dark h6,
.daw-block__wrapper--bg-primary-dark a,
.daw-block__wrapper--bg-primary-dark p,
.half-fullscreen__text-wrapper--bg-primary-dark h1,
.half-fullscreen__text-wrapper--bg-primary-dark h2,
.half-fullscreen__text-wrapper--bg-primary-dark h3,
.half-fullscreen__text-wrapper--bg-primary-dark h4,
.half-fullscreen__text-wrapper--bg-primary-dark h5,
.half-fullscreen__text-wrapper--bg-primary-dark h6,
.half-fullscreen__text-wrapper--bg-primary-dark a,
.half-fullscreen__text-wrapper--bg-primary-dark p {
  color: var(--colors---white);
}
.pagebuilder-intro--bg-primary-light,
.daw-block__wrapper--bg-primary-light,
.half-fullscreen__text-wrapper--bg-primary-light {
  background-color: var(--primary-50);
}
.pagebuilder-intro--bg-grey-medium,
.daw-block__wrapper--bg-grey-medium,
.half-fullscreen__text-wrapper--bg-grey-medium {
  background-color: var(--colors---grey-300);
}
.pagebuilder-intro--bg-grey-light,
.daw-block__wrapper--bg-grey-light,
.half-fullscreen__text-wrapper--bg-grey-light {
  background-color: var(--colors---grey-50);
}
.pagebuilder-intro--bg-none,
.daw-block__wrapper--bg-none,
.half-fullscreen__text-wrapper--bg-none {
  background-color: var(--surface-1);
}
.pagebuilder-intro--bg-black,
.daw-block__wrapper--bg-black,
.half-fullscreen__text-wrapper--bg-black {
  background-color: var(--element-1);
  color: var(--surface-1);
}
.pagebuilder-intro--bg-black h1, .pagebuilder-intro--bg-black h2, .pagebuilder-intro--bg-black h3, .pagebuilder-intro--bg-black h4, .pagebuilder-intro--bg-black h5, .pagebuilder-intro--bg-black h6, .pagebuilder-intro--bg-black a, .pagebuilder-intro--bg-black p,
.daw-block__wrapper--bg-black h1,
.daw-block__wrapper--bg-black h2,
.daw-block__wrapper--bg-black h3,
.daw-block__wrapper--bg-black h4,
.daw-block__wrapper--bg-black h5,
.daw-block__wrapper--bg-black h6,
.daw-block__wrapper--bg-black a,
.daw-block__wrapper--bg-black p,
.half-fullscreen__text-wrapper--bg-black h1,
.half-fullscreen__text-wrapper--bg-black h2,
.half-fullscreen__text-wrapper--bg-black h3,
.half-fullscreen__text-wrapper--bg-black h4,
.half-fullscreen__text-wrapper--bg-black h5,
.half-fullscreen__text-wrapper--bg-black h6,
.half-fullscreen__text-wrapper--bg-black a,
.half-fullscreen__text-wrapper--bg-black p {
  color: var(--surface-1);
}

.inner-wrapper-vertical-padding {
  padding-top: clamp(2rem, 0.8rem + 4.8vw, 5rem);
  padding-bottom: clamp(2rem, 0.8rem + 4.8vw, 5rem);
}

.inner-wrapper-vertical-padding--small {
  padding-top: clamp(1rem, 0.4rem + 2.4vw, 2.5rem);
  padding-bottom: clamp(1rem, 0.4rem + 2.4vw, 2.5rem);
}

.has-padding-bottom {
  padding-bottom: clamp(2rem, 0.8rem + 4.8vw, 5rem);
}

.has-padding-top {
  padding-top: clamp(2rem, 0.8rem + 4.8vw, 5rem);
}

.page-template-builder .site-main__page-header-inner-wrapper {
  padding-left: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
  padding-right: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
  max-width: 71.875rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: clamp(1rem, 0.4rem + 2.4vw, 2.5rem);
}

/* Block: blue line */
.daw-block__color-line .daw-block__color-line-inner.color-line-on {
  background-color: var(--primary-1);
  height: clamp(0.5rem, 0.318rem + 0.91vw, 1rem);
  width: 100%;
}

/* Block: Intro */
.pagebuilder-intro {
  padding-top: clamp(2rem, 0.8rem + 4.8vw, 5rem);
}

.pagebuilder-intro--bg-none {
  padding: 0;
}

.pagebuilder-intro .entry-title {
  margin-bottom: 0;
}

.pagebuilder-intro--bg-none .entry-title {
  padding-bottom: 2rem;
}
@media (min-width: 1000px) {
  .pagebuilder-intro--bg-none .entry-title {
    padding-bottom: 3rem;
  }
}
@media (min-width: 1200px) {
  .pagebuilder-intro--bg-none .entry-title {
    padding-bottom: 4rem;
  }
}
@media (min-width: 1400px) {
  .pagebuilder-intro--bg-none .entry-title {
    padding-bottom: 5rem;
  }
}

.pagebuilder-intro--bg-none:has(+ .daw-block__wrapper--bg-none.daw-block__text_columns) .entry-title {
  padding-bottom: 0;
}

/* Block: Text Columns */
.daw-block__text-columns {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(2rem, 0.8rem + 4.8vw, 5rem);
}

@media (min-width: 700px) {
  .daw-block__text-columns--2 {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 700px) {
  .daw-block__text-columns--3 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (min-width: 700px) {
  .daw-block__text-columns--4 {
    grid-template-columns: repeat(4, 1fr);
  }
}

.daw-block__text-column-1 h1:first-of-type {
  margin-top: 0;
}

.daw-block__simple-text .daw-block__headline,
.daw-block__simple-text .daw-block__simple-text-textarea,
.daw-block__advanced-text .daw-block__advanced-text-textarea {
  max-width: 49.375rem;
}

.daw-block__simple-text .daw-block__simple-text-textarea p,
.daw-block__advanced-text .daw-block__advanced-text-textarea p {
  margin-top: 0;
}
.daw-block__simple-text .daw-block__simple-text-textarea p:last-child,
.daw-block__advanced-text .daw-block__advanced-text-textarea p:last-child {
  margin-bottom: 0;
}

.daw-block__simple-text .daw-block__simple-text-textarea--large p,
.daw-block__advanced-text .daw-block__advanced-text-textarea--large p {
  font-size: var(--font-size-xl);
}

/* Block: Fullscreen Image */
.daw-block__fullscreen_image {
  position: relative;
}

.block-video__desktop {
  width: 100%;
}

.daw-block__image-text img,
.daw-block__image-text .block-video__desktop {
  max-width: 49.375rem;
}

.block-image__mobile {
  display: block;
  width: 100%;
}
@media (min-width: 700px) {
  .block-image__mobile {
    display: none;
  }
}

.block-image__desktop {
  display: none;
  width: 100%;
}
@media (min-width: 700px) {
  .block-image__desktop {
    display: block;
  }
}

.daw-block__headline {
  margin: 0;
  text-wrap: balance;
}

.daw-block__has-headline {
  margin-top: clamp(0.5rem, 0.1rem + 1.6vw, 1.5rem);
}

.daw-block__fullscreen-text-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 10;
}
@media (max-width: 1200px) {
  .daw-block__fullscreen-text-wrapper {
    padding-left: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
    padding-right: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
  }
}
.daw-block__fullscreen-text-wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: -1;
}

.daw-block__fullscreen-subline {
  text-wrap: balance;
  text-align: center;
}

.daw-block__fullscreen-headline {
  text-wrap: balance;
  text-align: center;
}

.daw-block__fullscreen-headline {
  font-size: var(--font-size-xxl);
  color: var(--primary-100);
  background-color: var(--primary-1);
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  padding: 0.2em 0.2em;
}
@media (min-width: 1000px) {
  .daw-block__fullscreen-headline {
    font-size: var(--font-size-3xl);
  }
}
@media (min-width: 1200px) {
  .daw-block__fullscreen-headline {
    font-size: var(--font-size-3xl);
  }
}

.daw-block__fullscreen-subline {
  font-size: var(--font-size-md);
  color: var(--colors---white);
  margin-top: clamp(0.5rem, 0.1rem + 1.6vw, 1.5rem);
}

/* Block: Grid Teaser */
.grid-teaser__teaser-grid {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  background-color: var(--secondary-2);
}

@media (min-width: 700px) {
  .grid-teaser__teaser-grid--2, .grid-teaser__teaser-grid--4 {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 700px) {
  .grid-teaser__teaser-grid--3, .grid-teaser__teaser-grid--6 {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1000px) {
  .grid-teaser__teaser-grid--3, .grid-teaser__teaser-grid--6 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.grid-teaser__link {
  font-weight: var(--font__weight-regular);
}

.grid-teaser__teaser-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  background-color: #000;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.grid-teaser__teaser-item span {
  position: relative;
  z-index: 1;
  text-align: center;
  line-height: 1.2;
}
.grid-teaser__teaser-item::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--secondary-2);
  opacity: 0.2;
  z-index: 1;
}

.grid-teaser__teaser-grid--1 .grid-teaser__teaser-item,
.grid-teaser__teaser-grid--2 .grid-teaser__teaser-item,
.grid-teaser__teaser-grid--4 .grid-teaser__teaser-item {
  aspect-ratio: 4/3;
}

.grid-teaser__teaser-grid--3 .grid-teaser__teaser-item,
.grid-teaser__teaser-grid--6 .grid-teaser__teaser-item {
  aspect-ratio: 1/1;
}

@media (hover: hover) {
  .grid-teaser__teaser-item::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: inherit;
    background-size: cover;
    transform-origin: center;
    -webkit-transition: transform 500ms ease-out;
    -moz-transition: transform 500ms ease-out;
    -ms-transition: transform 500ms ease-out;
    -o-transition: transform 500ms ease-out;
    transition: transform 500ms ease-out;
  }
  .grid-teaser__teaser-item:focus::after, .grid-teaser__teaser-item:hover::after {
    transform: scale(1.1);
  }
}
.grid-teaser__headline {
  color: var(--colors---white);
  text-decoration: none;
  font-size: var(--font-size-3xl);
  font-weight: var(--font__weight-regular);
  width: 100%;
  height: 100%;
  display: inline-flex;
  padding: clamp(1rem, 0.4rem + 2.4vw, 2.5rem);
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1000px) {
  .grid-teaser__headline {
    font-size: var(--font-size-xxl);
  }
}
@media (min-width: 1200px) {
  .grid-teaser__headline {
    font-size: var(--font-size-3xl);
  }
}

.grid-teaser__link {
  width: 100%;
  height: 100%;
  display: inline-flex;
}

@media (min-width: 1000px) {
  .grid-teaser__inner-wrapper--frontpage .grid-teaser__teaser-item {
    aspect-ratio: 1/1.1;
  }
}

.grid-teaser__quicklinks {
  aspect-ratio: 1/1.1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: clamp(1rem, 0.4rem + 2.4vw, 2.5rem);
  padding-right: clamp(1rem, 0.4rem + 2.4vw, 2.5rem);
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}

.grid-teaser__quicklinks-headline {
  color: var(--primary-400);
  font-size: var(--font-size-xl);
  margin-bottom: 0.5em;
}
.grid-teaser__quicklinks-headline:before {
  content: "";
  display: inline-block;
  width: 0px;
  height: 0px;
  border-style: solid;
  margin-right: 0.2em;
  border-width: 0.5em 0.35em 0 0.35em;
  border-color: var(--primary-100) transparent transparent transparent;
  transform: rotate(0deg);
}

.list-quicklinks {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  align-items: center;
  gap: 0.5em;
  margin-bottom: 2rem;
  max-width: 21.875em;
}

.list-quicklinks__link {
  background-color: var(--primary-1);
  color: var(--on-primary);
  width: 100%;
  display: inline-block;
  padding: 0.6em 1em;
  text-align: left;
  margin-bottom: 0.5em;
}
.list-quicklinks__link:hover {
  background-color: var(--primary-800);
  color: var(--on-primary);
}

.list-quicklinks__decoration {
  width: auto;
  height: auto;
  max-width: clamp(5rem, 3.75rem + 5vw, 8.125rem);
}

/* Block: Focus / Schwerpunkte */
.focus-teaser__headline {
  color: var(--primary-1);
  margin-bottom: clamp(2rem, 0.8rem + 4.8vw, 5rem);
}

.focus__content-teaser {
  background-color: var(--surface-1);
  /*min-height: clamp(18.75rem, 15rem + 15vw, 28.125rem);
  @include breakpoint('m') {
      min-height: clamp(26.875rem, 22.625rem + 17vw, 37.5rem);
  }*/
}

.focus__content-teaser .content-teaser__headline {
  font-size: var(--font-size-xxl);
  color: var(--element-1);
}

/*.focus__content-teaser .content-teaser__text-wrapper {

}
.content-teaser__bottom-wrapper {
    align-self: flex-end;
}*/
.focus__content-teaser.content-teaser .content-teaser__button {
  margin: 0;
}

.focus-teaser__grid-wrapper {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(2rem, 1.6rem + 1.6vw, 3rem);
  grid-template-areas: "teaser1 teaser1" "image1 image2" "teaser2 teaser2" "image3 image4";
}
@media (min-width: 1000px) {
  .focus-teaser__grid-wrapper {
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(2rem, 1.6rem + 1.6vw, 3rem);
    grid-template-areas: "teaser1 teaser1 image3 image4" "teaser1 teaser1 teaser2 teaser2" "image1 image2 teaser2 teaser2";
  }
}

.focus__media {
  width: 100%;
}

.focus__content-teaser--1 {
  grid-area: teaser1;
}

.focus__content-teaser--2 {
  grid-area: teaser2;
}

.focus__media-wrapper--1 {
  grid-area: image1;
}

.focus__media-wrapper--2 {
  grid-area: image2;
}

.focus__media-wrapper--3 {
  grid-area: image3;
}

.focus__media-wrapper--4 {
  grid-area: image4;
}

.focus-teaser__grid-wrapper .focus__media-wrapper a > *,
.focus-teaser__grid-wrapper .focus__media-wrapper .focus__media {
  aspect-ratio: 1/0.75;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

.pp_content {
  height: auto !important;
}

/* Block: Gallery */
.daw-block__gallery {
  display: grid;
  grid-template-columns: 1fr;
}
.daw-block__gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (min-width: 700px) {
  .daw-block__gallery--columns-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 700px) {
  .daw-block__gallery--columns-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 700px) {
  .daw-block__gallery--columns-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1000px) {
  .daw-block__gallery--columns-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* Block: Spacer */
.daw-block__spacer {
  padding: 0;
  margin: 0;
}

/* Block: Contact Data */
.daw-block__contactdata ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: var(--font-size-l);
}
@media (min-width: 450px) {
  .daw-block__contactdata ul {
    font-size: var(--font-size-lg);
  }
}

.daw-block__contactdata-label {
  width: clamp(5rem, 3.182rem + 9.09vw, 10rem);
  display: inline-block;
}

.daw-block__related {
  padding-top: clamp(2rem, 0.8rem + 4.8vw, 5rem);
  padding-bottom: clamp(2rem, 0.8rem + 4.8vw, 5rem);
}

/* Block: Text Image Block */
.daw-block__text-image-block {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(2rem, 0.8rem + 4.8vw, 5rem);
}
@media (min-width: 700px) {
  .daw-block__text-image-block {
    grid-template-columns: 1fr 1fr;
  }
}

.text-image-block__text-wrapper {
  align-self: center;
}

.text-image-block__headline {
  margin: 0 0 1em 0;
  display: inline-block;
}

.text-image-block__image-wrapper {
  z-index: 10;
}

/* Block : Big Numbers */
.daw-block__numbers {
  max-width: 71.875rem;
  margin-left: auto;
  margin-right: auto;
}

.numbers__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  justify-content: stretch;
  grid-template: "one" "two" "three";
  gap: clamp(2rem, 0.8rem + 4.8vw, 5rem);
}
@media (min-width: 700px) {
  .numbers__list {
    grid-template-columns: repeat(2, 1fr);
    grid-template: "one two" "three three";
  }
}
@media (min-width: 1000px) {
  .numbers__list {
    grid-template-columns: repeat(3, 1fr);
    grid-template: "one two three";
  }
}

.numbers__list li:nth-child(1) {
  grid-area: one;
}

.numbers__list li:nth-child(2) {
  grid-area: two;
}

.numbers__list li:nth-child(3) {
  grid-area: three;
}

.numbers__list div {
  text-align: center;
}

.numbers__title {
  font-size: var(--font-size-xxl);
  line-height: 1.15;
  color: var(--primary-100);
  text-wrap: balance;
  min-height: 2.2em;
}

.numbers__number {
  font-size: 60px;
  font-size: clamp(43.3px, 7.59vi + 12.93px, 119.21px);
  font-weight: var(--font__weight-bold);
}

.numbers__subline {
  text-wrap: balance;
}

.entry-content .content-teaser__grid-wrapper .content-teaser__grid,
.content-teaser__grid {
  list-style: none;
  margin: 0;
  padding: 0;
}

.content-teaser__grid,
.teaser__grid {
  padding: 0;
  margin: 0;
  list-style: none;
  display: grid;
  gap: clamp(1rem, 0.4rem + 2.4vw, 2.5rem);
}
@media (min-width: 450px) {
  .content-teaser__grid,
  .teaser__grid {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    align-items: stretch;
  }
}

.blog .site-main .teaser__grid,
.search-results .site-main .teaser__grid {
  grid-template-columns: 1fr;
}

.content-teaser__grid li,
.teaser__grid li {
  background: var(--surface-1);
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

.content-teaser__headline {
  color: var(--primary-1);
  margin-bottom: clamp(0.5rem, 0.1rem + 1.6vw, 1.5rem);
}
.content-teaser__headline a {
  font-weight: 400;
}

.content-teaser__text-wrapper,
.teaser__text-wrapper {
  padding: clamp(1rem, 0.4rem + 2.4vw, 2.5rem);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  position: relative;
}

p.content-teaser__text {
  margin-top: 0;
}

.teaser__image-wrapper img,
.content-teaser__image-wrapper img {
  object-fit: cover;
}

.footer-related__teaser-grid li,
.page-teaser__teaser-grid li,
.content-teaser__grid li {
  container-type: inline-size;
  container-name: teaser;
}

.teaser__image-wrapper img,
.content-teaser__image-wrapper img,
.footer-related__teaser-grid--2 .teaser__image-wrapper img {
  aspect-ratio: 1.75/1;
  /*
  aspect-ratio: 1.5 / 1;
  @container teaser (min-width: 600px) {
      aspect-ratio: 2 / 1;
  }
  @container teaser (max-width: 599px) {
      aspect-ratio: 1.5 / 1;
  } */
}

@media (min-width: 1000px) {
  .search-results .site-main .content-teaser__image-wrapper {
    max-width: 33%;
  }
}

@media (min-width: 1000px) {
  .search-results .site-main .content-teaser {
    flex-direction: row;
  }
  .search-results .site-main .content-teaser img {
    aspect-ratio: 1.5/1;
    height: 100%;
  }
}
@media (min-width: 1000px) {
  .search-results .site-main .content-teaser .content-teaser__text-wrapper,
  .search-results .site-main .content-teaser .teaser__text-wrapper {
    max-width: 66%;
  }
}

.content-teaser__link {
  text-decoration: none;
  align-self: flex-start;
  margin-top: auto;
  margin-bottom: 0;
}
.content-teaser__link:after {
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  content: "";
  display: inline-block;
  margin-left: 0.4em;
  vertical-align: center;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 6px 0 6px 9px;
  border-color: transparent transparent transparent var(--primary-1);
  transform: rotate(0deg);
}
.content-teaser__link:hover {
  text-decoration: underline;
}
.content-teaser__link:hover:after {
  border-color: transparent transparent transparent var(--primary-2);
}

.content-teaser .content-teaser__button {
  align-self: flex-start;
  margin-top: auto;
  margin-bottom: 0;
}

.kicker {
  background: var(--primary-1);
  color: var(--surface-1);
  padding: 0.2em 0.4em;
  margin-bottom: 1em;
  display: inline-block;
  align-self: flex-start;
}

/* footer
--------------------------------------------- */
/**------------------ 
 * Global 
 * ---------------- */
.site-footer {
  position: relative;
}
.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6 {
  color: var(--on-primary);
}
.site-footer .wp-block-heading {
  margin: 0;
}

.footer-contact,
.footer-about,
.footer-related {
  color: var(--on-primary);
  padding-top: clamp(2rem, 0.8rem + 4.8vw, 5rem);
  padding-bottom: clamp(2rem, 0.8rem + 4.8vw, 5rem);
}

/**------------------ 
 * Related 
 * ---------------- */
.footer-related {
  background-color: var(--secondary-500);
  color: var(--primary-100);
}

.footer-related__teaser-grid li {
  border: 2px solid var(--primary-100);
  background: transparent;
}

.footer-related__teaser-image-wrapper img {
  aspect-ratio: 1/1;
}

.footer-related__headline {
  margin-bottom: clamp(2rem, 0.8rem + 4.8vw, 5rem);
  text-align: center;
  text-wrap: balance;
  color: var(--primary-100);
}
.footer-related__headline span {
  display: inline-block;
  background-color: var(--primary-1);
  padding: 0.05em 0.1em;
}

.footer-related__teaser-headline {
  text-align: center;
  overflow-wrap: break-word;
  min-height: 3em;
}

.teaser__grid-wrapper .footer-related__teaser-button {
  margin-top: auto;
  margin-bottom: 0;
  width: 100%;
  justify-content: center;
  text-align: center;
  letter-spacing: 0.05em;
  position: relative;
}

.footer-related__teaser-text {
  margin-bottom: clamp(0.5rem, 0.1rem + 1.6vw, 1.5rem);
}

/**------------------ 
 * Google Maps Block 
 * ---------------- */
.daw-block__location-map {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.daw-block__maps-code,
.daw-block__maps-code iframe {
  width: 100%;
  min-height: clamp(31.25rem, 28.75rem + 10vw, 37.5rem);
}

.daw-block__location-map-kicker {
  margin: clamp(1rem, 0.4rem + 2.4vw, 2.5rem) auto clamp(0.5rem, 0.1rem + 1.6vw, 1.5rem);
  font-size: var(--font-size-xl);
}

.daw-block__location-map-headline,
.daw-block__location-map-textarea {
  text-align: center;
  text-wrap: balance;
}

.daw-block__maps-code * {
  width: 100%;
}

/**------------------ 
 * About 
 * ---------------- */
.footer-about {
  background-color: var(--primary-500);
  color: var(--primary-100);
  font-size: var(--font-size-lg);
}
@media (min-width: 1000px) {
  .footer-about {
    font-size: var(--font-size-xl);
  }
}

.footer-about .widget_text p {
  text-wrap: balance;
  hyphens: none;
  overflow-wrap: unset;
}

.footer-about .wp-block-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 0.1rem + 1.6vw, 1.5rem);
}
@media (min-width: 1000px) {
  .footer-about .wp-block-list {
    flex-direction: row;
    gap: clamp(2rem, 1.6rem + 1.6vw, 3rem);
  }
}
.footer-about .wp-block-list a {
  color: var(--on-primary);
  text-decoration: none;
  font-weight: 500;
  font-size: var(--font-size-md);
  border-bottom: 0px solid transparent;
}
@media (min-width: 1000px) {
  .footer-about .wp-block-list a {
    font-size: var(--font-size-lg);
  }
}
@media (min-width: 1000px) {
  .footer-about .wp-block-list a:hover {
    border-bottom: 3px solid var(--on-primary);
  }
}
@media (hover: none) {
  .footer-about .wp-block-list a:hover {
    border-bottom: 0px solid transparent;
  }
}
.footer-about .wp-block-list a:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5em;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.25em 0 0.25em 0.46em;
  border-color: transparent transparent transparent var(--on-primary);
  transform: rotate(0deg);
}

/**------------------ 
 * Contact 
 * ---------------- */
.footer-contact {
  background-color: var(--primary-700);
}
@media (min-width: 700px) {
  .footer-contact {
    font-size: var(--font-size-xs);
  }
}
.footer-contact a {
  color: var(--on-primary);
  font-weight: 700;
}
.footer-contact a:hover {
  color: var(--primary-200);
}

.footer-branding .dawlogo {
  margin-bottom: clamp(1rem, 0.4rem + 2.4vw, 2.5rem);
  max-width: clamp(11.25rem, 10.75rem + 2vw, 12.5rem);
}

.site-footer .widget:last-of-type,
.site-footer .widget p:last-of-type {
  margin-bottom: 0;
}

.footer-contact__inner-wrapper {
  display: grid;
  grid-template-areas: "brand" "columns" "legal";
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
  gap: clamp(1rem, 0.4rem + 2.4vw, 2.5rem);
}
@media (min-width: 700px) {
  .footer-contact__inner-wrapper {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "brand columns " "brand columns " "legal legal";
  }
}
@media (min-width: 1000px) {
  .footer-contact__inner-wrapper {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "brand columns columns" "brand legal legal";
  }
}
@media (min-width: 1200px) {
  .footer-contact__inner-wrapper {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-areas: "brand columns columns columns" "brand legal legal legal";
  }
}

.footer-branding {
  grid-area: brand;
}

.footer-nav-columns {
  grid-area: columns;
}

.footer-nav-legal {
  grid-area: legal;
  align-self: flex-end;
}

.footer-contact table {
  max-width: 350px;
}

/**------------------ 
 * Footer Navigation 
 * ---------------- */
.footer-nav-columns {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: clamp(1rem, 0.4rem + 2.4vw, 2.5rem);
}
@media (min-width: 1000px) {
  .footer-nav-columns {
    gap: clamp(1rem, 0.4rem + 2.4vw, 2.5rem);
  }
}

@media (min-width: 1000px) {
  .footer-nav-columns--2 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1000px) {
  .footer-nav-columns--3 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 700px) {
  .footer-nav-columns--4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .footer-nav-columns--4 {
    grid-template-columns: repeat(4, 1fr);
  }
}

.footer-nav-columns .secondary-navigation ul {
  flex-direction: column;
}
@media (min-width: 1000px) {
  .footer-nav-columns .secondary-navigation ul {
    gap: 1em;
  }
}
.footer-nav-columns .secondary-navigation ul li:first-of-type a {
  font-size: var(--font-size-md);
  font-weight: 700;
  display: inline-block;
}
@media (min-width: 1000px) {
  .footer-nav-columns .secondary-navigation ul li:first-of-type a {
    margin-bottom: 0.5em;
  }
}

.footer-nav-legal.secondary-navigation ul {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1rem, 0.4rem + 2.4vw, 2.5rem);
}
@media (min-width: 1000px) {
  .footer-nav-legal.secondary-navigation ul {
    gap: clamp(1rem, 0.4rem + 2.4vw, 2.5rem);
  }
}
@media (min-width: 700px) {
  .footer-nav-legal.secondary-navigation ul {
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  }
}
@media (min-width: 1200px) {
  .footer-nav-legal.secondary-navigation ul {
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  }
}

.secondary-navigation {
  display: block;
  width: 100%;
}
.secondary-navigation ul {
  display: flex;
  gap: 1em;
  padding: 0;
  gap: 0.5em;
  list-style: none;
  margin: 0;
}
@media (min-width: 1000px) {
  .secondary-navigation ul {
    display: flex;
    column-gap: 1.5em;
    justify-content: flex-start;
    padding: 0;
    flex-wrap: wrap;
  }
}
.secondary-navigation a {
  font-weight: 500;
  text-decoration: none;
  color: var(--on-primary);
  padding: 0.5em 0;
}
@media (min-width: 700px) {
  .secondary-navigation a {
    font-size: var(--font-size-xs);
  }
}
.secondary-navigation .current_page_item > a,
.secondary-navigation .current-menu-item > a,
.secondary-navigation .current_page_ancestor > a,
.secondary-navigation .current-menu-ancestor > a {
  color: var(--primary-200);
}

/**------------------ 
 * Dev Notice 
 * ---------------- */
#dev-notice {
  opacity: 0.5;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

/* header
--------------------------------------------- */
.site-title {
  margin: 0;
}

.site-title a:focus {
  outline: none;
  background: transparent;
}
.site-title a:focus-visible {
  outline: thin dotted;
  border: 1px dotted white;
}

.site-header {
  position: relative;
  background-color: transparent;
  z-index: 10;
  display: grid;
  grid-template-rows: 50% 50%;
  justify-content: space-between;
  align-items: center;
  grid-template-areas: "branding nav" "branding empty";
}

.site-header__branding {
  grid-area: branding;
}

.site-header__navigation {
  grid-area: nav;
}

.site-header--frontpage.site-header--light {
  --navigation-link-color: var(--surface-1);
  --navigation-link-hover: var(--primary-100);
  --navigation-link-current: var(--surface-2);
}
.site-header--frontpage.site-header--light .wp-block-search__input:not(:focus) + .wp-block-search__button {
  background-image: url("./assets/img/icon-search-white.svg");
}
.site-header--frontpage.site-header {
  grid-template-rows: auto;
  align-items: flex-start;
}
.site-header--frontpage .site-header__branding,
.site-header--frontpage .site-header__navigation {
  z-index: 2;
}
.site-header--frontpage .front-header__page-header {
  grid-column: 1/-1;
  grid-row: 1/2;
  height: 100vh;
  min-height: 600px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.site-header--frontpage .front-header__page-header--image:after,
.site-header--frontpage .front-header__page-header--video:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -3;
}
.site-header--frontpage .front-header__page-header--image:after {
  background: rgba(0, 0, 0, 0.3);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.3) 10%, rgba(0, 0, 0, 0) 100%);
}
@media (min-width: 1000px) {
  .site-header--frontpage .front-header__page-header--image:after {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.3) 10%, rgba(0, 0, 0, 0) 100%);
  }
}
.site-header--frontpage .front-header__page-header--video:after {
  background: rgba(0, 0, 0, 0.3);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.4) 100%);
}
.site-header--frontpage .page-header__inner-wrapper {
  justify-content: flex-end;
}
.site-header--frontpage .site-header__navigation {
  margin-top: 1.875rem;
}
@media (min-width: 1000px) {
  .site-header--frontpage .site-header__navigation {
    margin-top: clamp(4.375rem, 3.875rem + 2vw, 5.625rem);
  }
}
@media (min-width: 1200px) {
  .site-header--frontpage .site-header__navigation {
    margin-top: clamp(6.25rem, 5.2rem + 4.2vw, 8.875rem);
  }
}
.site-header--frontpage #bgvideo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -10;
}
@media (min-height: 42rem) {
  .site-header--frontpage .front-header__text-wrapper {
    margin-bottom: clamp(3.125rem, 1.875rem + 5vw, 6.25rem);
  }
}

@media (max-width: 1000px) {
  .front-header__text-wrapper {
    margin-bottom: clamp(3.125rem, 1.875rem + 5vw, 6.25rem);
  }
}

.front-header__headline,
.front-header__subline {
  color: var(--surface-1);
  text-wrap: balance;
  max-width: 1100px;
}

.front-header__headline {
  font-size: var(--font-size-4xl);
  margin-bottom: 0.5em;
}

.front-header__subline {
  margin-bottom: 0.5em;
  font-size: var(--font-size-md);
  line-height: 1.5;
}

.front-header__button {
  min-width: clamp(11.25rem, 9.5rem + 7vw, 15.625rem);
  justify-content: center;
  text-align: center;
  letter-spacing: 0.1em;
}

.has-stage .site-header {
  grid-template-rows: 50% 50%;
  margin-bottom: calc(clamp(9.688rem, 8.063rem + 6.5vw, 13.75rem) / -2);
}

.site-header__inner-wrapper {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  flex-direction: column-reverse;
  align-items: center;
  column-gap: 1em;
  padding-left: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
  padding-right: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
}
@media (min-width: 1200px) {
  .site-header__inner-wrapper {
    flex-direction: row;
  }
}

.site-header__branding .dawlogo {
  line-height: 1;
  background-color: var(--primary-1);
  padding: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 300px) {
  .site-header__branding .dawlogo {
    padding: clamp(1rem, 0.8rem + 0.8vw, 1.5rem);
    width: clamp(9.688rem, 8.063rem + 6.5vw, 13.75rem);
    height: clamp(9.688rem, 8.063rem + 6.5vw, 13.75rem);
  }
}

.dawlogo svg {
  width: 100%;
  height: auto;
}

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

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}
.widget select {
  max-width: 100%;
}
.widget h2 {
  font-size: var(--font-size-md);
}

.site-header__inner-wrapper .header-widgets {
  display: none;
}
@media (min-width: 1000px) {
  .site-header__inner-wrapper .header-widgets {
    display: flex;
  }
}
.site-header__inner-wrapper .header-widgets {
  flex-direction: row;
  gap: 1em;
  align-items: center;
  justify-content: flex-end;
  align-self: flex-end;
}
.site-header__inner-wrapper .widget {
  margin: 0;
}
.site-header__inner-wrapper .header-widget-button {
  font-size: var(--font-size-xs);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 0.05em 0.5em;
  min-height: 1.5em;
  margin: 0.2em 0 0.2em 0;
}
@media (min-width: 1000px) {
  .site-header__inner-wrapper .header-widget-button {
    margin: 0.5em 0 0.5em 0;
  }
}

.site-header .wp-block-search__input:focus {
  width: 12rem;
}

.widget.widget_search {
  position: relative;
  margin-bottom: 0;
}
.widget .wp-block-search__input {
  border: 1px solid var(--navigation-link-color);
  color: var(--navigation-link-color);
  background: transparent;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  border-radius: 0;
  padding: 0.3em 0.25em 0.2em 2em;
  width: 7rem;
  font-size: var(--font-size-xs);
}
.widget .wp-block-search__input:focus {
  border-color: var(--navigation-link-hover);
  background: var(--surface-2);
  box-shadow: 0 0 0 1px var(--navigation-link-hover);
}
.widget .wp-block-search__input::placeholder {
  color: var(--navigation-link-current);
  font-size: var(--font-size-xs);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.widget .wp-block-search__button {
  background-size: contain;
  background-color: transparent;
  background-image: url("./assets/img/icon-search.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 70%;
  color: transparent;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.001em;
  text-indent: -4000px;
  position: absolute;
  left: 0.25em;
  right: auto;
  margin: 0 0 0 0.25rem;
  min-height: 2rem;
  min-width: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
}
.widget .wp-block-search__label {
  position: absolute;
  left: 2rem;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}

#offCanvas .widget {
  margin-bottom: 1em;
  font-size: var(--font-size-xs);
}
#offCanvas .wp-block-search__input {
  border-color: var(--primary-400);
  border-width: 1px;
  border-style: solid;
  min-width: 10rem;
  min-height: 2.5rem;
  width: 100%;
  max-width: none;
  display: inline-block;
  color: var(--on-secondary);
}
#offCanvas .wp-block-search__input:focus {
  border-color: var(--on-secondary);
  background: var(--element-2);
  box-shadow: 0 0 0 1px var(--on-secondary);
}
#offCanvas .wp-block-search__input::placeholder {
  color: var(--on-secondary);
  font-size: var(--font-size-xs);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
#offCanvas .wp-block-search__button {
  background-image: url("./assets/img/icon-search-white.svg");
}

.widget_polylang {
  padding-bottom: 2px;
}
.widget_polylang ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
}
.widget_polylang li a {
  text-transform: uppercase;
  border: 1px solid black;
  padding: 0.35em 0.4em;
  font-size: var(--font-size-xs);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 400;
}
.widget_polylang li:not(.current-lang) a {
  padding: 0.35em 0.4em 0.35em 1.25em;
  color: var(--element-1);
  background-image: url("./assets/img/icon-arrow-outline.svg");
  background-repeat: no-repeat;
  background-position: 0.25em center;
  background-size: 1em;
}
.widget_polylang .current-lang a {
  background: var(--primary-1);
  color: var(--surface-1);
  margin-right: -1px;
  margin-left: -1px;
}

#offCanvas .widget_polylang {
  margin-bottom: 2em;
}
#offCanvas .widget_polylang li:not(.current-lang) a {
  color: var(--on-primary);
  background-image: url("./assets/img/icon-arrow-outline-white.svg");
}
#offCanvas .widget_polylang li a {
  font-size: var(--font-size-base);
  border-color: var(--primary-400);
}
#offCanvas .widget_polylang .current-lang a {
  color: var(--menu-item-text-active);
  background-color: var(--menu-item-background-active);
}

/* 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;
}

/* Various
--------------------------------------------- */
.sidebar-navigation {
  max-width: 500px;
  margin: 0 0 1.5em 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
}

.sidebar-navigation li a {
  display: block;
  text-decoration: none;
  padding-top: 0.75em;
  padding-bottom: 0.75em;
  padding-left: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
  padding-right: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
  border-bottom-style: solid;
  border-bottom-width: 2px;
  font-weight: 500;
  border-bottom-color: var(--on-primary);
  background-color: var(--primary-1);
  color: var(--on-secondary);
}
.sidebar-navigation li a:hover {
  color: var(--colors---white);
  background-color: var(--primary-700);
}

.sidebar-navigation li.current_page_item a,
.sidebar-navigation li.current_page_parent > a {
  color: var(--primary-100);
  background-color: var(--primary-700);
}

.theme-switch-wrapper,
.theme-switch {
  display: none;
}

.js .theme-switch,
.js .theme-switch-wrapper {
  display: flex;
}

.theme-switch-wrapper {
  flex-wrap: wrap;
  margin-bottom: 1em;
}

.theme-switch {
  margin-right: 0.5em;
  display: none;
  width: 53px;
  height: 30px;
  background-color: var(--surface-3);
  border-radius: 20px;
  position: relative;
  cursor: pointer;
}

.theme-switch [role=switch] {
  pointer-events: none;
  font-size: 0;
  line-height: 1;
  display: inline-block;
  width: 24px;
  height: 24px;
  min-height: auto;
  background-color: var(--primary-1);
  position: absolute;
  border: none;
  border-radius: 14px;
  top: 3px;
  left: 3px;
  transition: 0.5s;
  transition-property: left;
  padding: 0;
}

.theme-switch [role=switch][aria-checked=true] {
  left: 50%;
}

.breadcrumbs {
  display: flex;
  width: fit-content;
  font-size: var(--font-size-xs);
  padding-top: 1em;
  padding-bottom: 1em;
  margin-top: 1em;
  margin-bottom: 0.5em;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 0.5em;
  color: var(--element-4);
}
@media (min-width: 700px) {
  .breadcrumbs {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    height: clamp(2.25rem, 2.1rem + 0.6vw, 2.625rem);
  }
}
.breadcrumbs a {
  color: var(--element-4);
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}
.breadcrumbs a:hover {
  color: var(--element-1);
  text-decoration: underline;
}
.breadcrumbs .seperator {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.4em 0 0.4em 0.6em;
  border-color: transparent transparent transparent var(--secondary-100);
  transform: rotate(0deg);
}

.has-stage .breadcrumbs {
  position: relative;
  z-index: 1;
  color: var(--primary-100);
  background-color: var(--primary-1);
  padding-left: 1em;
  padding-right: 1em;
  margin: 0;
}
@media (min-width: 700px) {
  .has-stage .breadcrumbs {
    margin-top: calc(clamp(2.25rem, 2.1rem + 0.6vw, 2.625rem) * -1);
    margin-bottom: 0;
  }
}
.has-stage .breadcrumbs a {
  color: var(--on-primary);
}
.has-stage .breadcrumbs a:hover {
  color: var(--primary-100);
}
.has-stage .breadcrumbs .seperator {
  border-color: transparent transparent transparent var(--primary-100);
}

.post-edit-link a {
  text-decoration: none;
  padding: 0.75em 1em;
  color: var(--element-1);
  background-color: var(--surface-2);
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* js-offcanvas by @vmitsaras
--------------------------------------------- */
.c-offcanvas {
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.c-offcanvas-bg.c-offcanvas-bg--push, .c-offcanvas-bg.c-offcanvas-bg--reveal, .c-offcanvas-content-wrap, .c-offcanvas {
  transition: transform 300ms cubic-bezier(0.4, 0, 0.6, 1);
}

.c-offcanvas.is-open {
  transform: translate3d(0, 0, 0);
  visibility: visible;
}

/**
 * Offcanvas-content-wrap
*/
.c-offcanvas-content-wrap {
  z-index: 3;
}

/**
 * Offcanvas Panel
*/
.c-offcanvas {
  position: fixed;
  min-height: 100%;
  max-height: none;
  top: 0;
  display: block;
  background: #fff;
  overflow-x: hidden;
  overflow-y: auto;
}
.c-offcanvas--opening {
  transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}
.c-offcanvas.is-closed {
  max-height: 100%;
  overflow: hidden;
  visibility: hidden;
  box-shadow: none;
}

.c-offcanvas--overlay {
  z-index: 1080;
}

.c-offcanvas--reveal {
  z-index: 2;
}

/**
 * Offcanvas BG-Overlay
*/
.c-offcanvas-bg {
  position: fixed;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1079;
  left: -100%;
  background-color: transparent;
  transition: background-color 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
.c-offcanvas-bg.is-animating, .c-offcanvas-bg.is-open {
  left: 0;
  background-color: hsla(0, 0%, 0%, 0.68);
  visibility: visible;
}
.c-offcanvas-bg.is-closed {
  visibility: hidden;
}
.c-offcanvas-bg--closing.is-animating {
  background: transparent;
}

/**
 * Position Left
 *
*/
.c-offcanvas--left {
  height: 100%;
  width: 17em;
  transform: translate3d(-17em, 0, 0);
}

/**
 *  Position Right
 *
*/
.c-offcanvas--right {
  height: 100%;
  width: 17em;
  right: 0;
  transform: translate3d(17em, 0, 0);
}

/**
 * Position Top
 *
*/
.c-offcanvas--top {
  left: 0;
  right: 0;
  top: 0;
  height: 12.5em;
  min-height: auto;
  width: 100%;
  transform: translate3d(0, -12.5em, 0);
}

/**
 * Position Bottom
 *
*/
.c-offcanvas--bottom {
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  height: 12.5em;
  min-height: auto;
  width: 100%;
  transform: translate3d(0, 12.5em, 0);
}

/**
 * Reveal
 *
*/
.c-offcanvas-content-wrap {
  z-index: 3;
}

.c-offcanvas-content-wrap--reveal.c-offcanvas-content-wrap--left.is-open {
  transform: translate3d(17em, 0, 0);
}
.c-offcanvas-content-wrap--reveal.c-offcanvas-content-wrap--right.is-open {
  transform: translate3d(-17em, 0, 0);
}

.c-offcanvas--reveal {
  z-index: 0;
  transform: translate3d(0, 0, 0);
}

.c-offcanvas-bg.c-offcanvas-bg--reveal.c-offcanvas-bg--left.is-open {
  transform: translate3d(17em, 0, 0);
}
.c-offcanvas-bg.c-offcanvas-bg--reveal.c-offcanvas-bg--right.is-open {
  transform: translate3d(-17em, 0, 0);
}

/**
 * Push
 *
*/
.c-offcanvas--push {
  z-index: 6;
}
.c-offcanvas--push--opening {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.c-offcanvas-content-wrap {
  z-index: 3;
}

.c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--left.is-open {
  transform: translate3d(17em, 0, 0);
}
.c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--right.is-open {
  transform: translate3d(-17em, 0, 0);
}

.c-offcanvas-bg.c-offcanvas-bg--push.c-offcanvas-bg--left.is-open {
  transform: translate3d(17em, 0, 0);
}
.c-offcanvas-bg.c-offcanvas-bg--push.c-offcanvas-bg--right.is-open {
  transform: translate3d(-17em, 0, 0);
}

/* Animate on scroll
--------------------------------------------- */
body[data-aos-duration="50"] [data-aos], [data-aos][data-aos][data-aos-duration="50"] {
  transition-duration: 50ms;
}
body[data-aos-delay="50"] [data-aos], [data-aos][data-aos][data-aos-delay="50"] {
  transition-delay: 0;
}
body[data-aos-delay="50"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="50"].aos-animate {
  transition-delay: 50ms;
}
body[data-aos-duration="100"] [data-aos], [data-aos][data-aos][data-aos-duration="100"] {
  transition-duration: 100ms;
}
body[data-aos-delay="100"] [data-aos], [data-aos][data-aos][data-aos-delay="100"] {
  transition-delay: 0;
}
body[data-aos-delay="100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="100"].aos-animate {
  transition-delay: 100ms;
}
body[data-aos-duration="150"] [data-aos], [data-aos][data-aos][data-aos-duration="150"] {
  transition-duration: 150ms;
}
body[data-aos-delay="150"] [data-aos], [data-aos][data-aos][data-aos-delay="150"] {
  transition-delay: 0;
}
body[data-aos-delay="150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="150"].aos-animate {
  transition-delay: 150ms;
}
body[data-aos-duration="200"] [data-aos], [data-aos][data-aos][data-aos-duration="200"] {
  transition-duration: 200ms;
}
body[data-aos-delay="200"] [data-aos], [data-aos][data-aos][data-aos-delay="200"] {
  transition-delay: 0;
}
body[data-aos-delay="200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="200"].aos-animate {
  transition-delay: 200ms;
}
body[data-aos-duration="250"] [data-aos], [data-aos][data-aos][data-aos-duration="250"] {
  transition-duration: 250ms;
}
body[data-aos-delay="250"] [data-aos], [data-aos][data-aos][data-aos-delay="250"] {
  transition-delay: 0;
}
body[data-aos-delay="250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="250"].aos-animate {
  transition-delay: 250ms;
}
body[data-aos-duration="300"] [data-aos], [data-aos][data-aos][data-aos-duration="300"] {
  transition-duration: 300ms;
}
body[data-aos-delay="300"] [data-aos], [data-aos][data-aos][data-aos-delay="300"] {
  transition-delay: 0;
}
body[data-aos-delay="300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="300"].aos-animate {
  transition-delay: 300ms;
}
body[data-aos-duration="350"] [data-aos], [data-aos][data-aos][data-aos-duration="350"] {
  transition-duration: 350ms;
}
body[data-aos-delay="350"] [data-aos], [data-aos][data-aos][data-aos-delay="350"] {
  transition-delay: 0;
}
body[data-aos-delay="350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="350"].aos-animate {
  transition-delay: 350ms;
}
body[data-aos-duration="400"] [data-aos], [data-aos][data-aos][data-aos-duration="400"] {
  transition-duration: 400ms;
}
body[data-aos-delay="400"] [data-aos], [data-aos][data-aos][data-aos-delay="400"] {
  transition-delay: 0;
}
body[data-aos-delay="400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="400"].aos-animate {
  transition-delay: 400ms;
}
body[data-aos-duration="450"] [data-aos], [data-aos][data-aos][data-aos-duration="450"] {
  transition-duration: 450ms;
}
body[data-aos-delay="450"] [data-aos], [data-aos][data-aos][data-aos-delay="450"] {
  transition-delay: 0;
}
body[data-aos-delay="450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="450"].aos-animate {
  transition-delay: 450ms;
}
body[data-aos-duration="500"] [data-aos], [data-aos][data-aos][data-aos-duration="500"] {
  transition-duration: 500ms;
}
body[data-aos-delay="500"] [data-aos], [data-aos][data-aos][data-aos-delay="500"] {
  transition-delay: 0;
}
body[data-aos-delay="500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="500"].aos-animate {
  transition-delay: 500ms;
}
body[data-aos-duration="550"] [data-aos], [data-aos][data-aos][data-aos-duration="550"] {
  transition-duration: 550ms;
}
body[data-aos-delay="550"] [data-aos], [data-aos][data-aos][data-aos-delay="550"] {
  transition-delay: 0;
}
body[data-aos-delay="550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="550"].aos-animate {
  transition-delay: 550ms;
}
body[data-aos-duration="600"] [data-aos], [data-aos][data-aos][data-aos-duration="600"] {
  transition-duration: 600ms;
}
body[data-aos-delay="600"] [data-aos], [data-aos][data-aos][data-aos-delay="600"] {
  transition-delay: 0;
}
body[data-aos-delay="600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="600"].aos-animate {
  transition-delay: 600ms;
}
body[data-aos-duration="650"] [data-aos], [data-aos][data-aos][data-aos-duration="650"] {
  transition-duration: 650ms;
}
body[data-aos-delay="650"] [data-aos], [data-aos][data-aos][data-aos-delay="650"] {
  transition-delay: 0;
}
body[data-aos-delay="650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="650"].aos-animate {
  transition-delay: 650ms;
}
body[data-aos-duration="700"] [data-aos], [data-aos][data-aos][data-aos-duration="700"] {
  transition-duration: 700ms;
}
body[data-aos-delay="700"] [data-aos], [data-aos][data-aos][data-aos-delay="700"] {
  transition-delay: 0;
}
body[data-aos-delay="700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="700"].aos-animate {
  transition-delay: 700ms;
}
body[data-aos-duration="750"] [data-aos], [data-aos][data-aos][data-aos-duration="750"] {
  transition-duration: 750ms;
}
body[data-aos-delay="750"] [data-aos], [data-aos][data-aos][data-aos-delay="750"] {
  transition-delay: 0;
}
body[data-aos-delay="750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="750"].aos-animate {
  transition-delay: 750ms;
}
body[data-aos-duration="800"] [data-aos], [data-aos][data-aos][data-aos-duration="800"] {
  transition-duration: 800ms;
}
body[data-aos-delay="800"] [data-aos], [data-aos][data-aos][data-aos-delay="800"] {
  transition-delay: 0;
}
body[data-aos-delay="800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="800"].aos-animate {
  transition-delay: 800ms;
}
body[data-aos-duration="850"] [data-aos], [data-aos][data-aos][data-aos-duration="850"] {
  transition-duration: 850ms;
}
body[data-aos-delay="850"] [data-aos], [data-aos][data-aos][data-aos-delay="850"] {
  transition-delay: 0;
}
body[data-aos-delay="850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="850"].aos-animate {
  transition-delay: 850ms;
}
body[data-aos-duration="900"] [data-aos], [data-aos][data-aos][data-aos-duration="900"] {
  transition-duration: 900ms;
}
body[data-aos-delay="900"] [data-aos], [data-aos][data-aos][data-aos-delay="900"] {
  transition-delay: 0;
}
body[data-aos-delay="900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="900"].aos-animate {
  transition-delay: 900ms;
}
body[data-aos-duration="950"] [data-aos], [data-aos][data-aos][data-aos-duration="950"] {
  transition-duration: 950ms;
}
body[data-aos-delay="950"] [data-aos], [data-aos][data-aos][data-aos-delay="950"] {
  transition-delay: 0;
}
body[data-aos-delay="950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="950"].aos-animate {
  transition-delay: 950ms;
}
body[data-aos-duration="1000"] [data-aos], [data-aos][data-aos][data-aos-duration="1000"] {
  transition-duration: 1000ms;
}
body[data-aos-delay="1000"] [data-aos], [data-aos][data-aos][data-aos-delay="1000"] {
  transition-delay: 0;
}
body[data-aos-delay="1000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1000"].aos-animate {
  transition-delay: 1000ms;
}
body[data-aos-duration="1050"] [data-aos], [data-aos][data-aos][data-aos-duration="1050"] {
  transition-duration: 1050ms;
}
body[data-aos-delay="1050"] [data-aos], [data-aos][data-aos][data-aos-delay="1050"] {
  transition-delay: 0;
}
body[data-aos-delay="1050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1050"].aos-animate {
  transition-delay: 1050ms;
}
body[data-aos-duration="1100"] [data-aos], [data-aos][data-aos][data-aos-duration="1100"] {
  transition-duration: 1100ms;
}
body[data-aos-delay="1100"] [data-aos], [data-aos][data-aos][data-aos-delay="1100"] {
  transition-delay: 0;
}
body[data-aos-delay="1100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1100"].aos-animate {
  transition-delay: 1100ms;
}
body[data-aos-duration="1150"] [data-aos], [data-aos][data-aos][data-aos-duration="1150"] {
  transition-duration: 1150ms;
}
body[data-aos-delay="1150"] [data-aos], [data-aos][data-aos][data-aos-delay="1150"] {
  transition-delay: 0;
}
body[data-aos-delay="1150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1150"].aos-animate {
  transition-delay: 1150ms;
}
body[data-aos-duration="1200"] [data-aos], [data-aos][data-aos][data-aos-duration="1200"] {
  transition-duration: 1200ms;
}
body[data-aos-delay="1200"] [data-aos], [data-aos][data-aos][data-aos-delay="1200"] {
  transition-delay: 0;
}
body[data-aos-delay="1200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1200"].aos-animate {
  transition-delay: 1200ms;
}
body[data-aos-duration="1250"] [data-aos], [data-aos][data-aos][data-aos-duration="1250"] {
  transition-duration: 1250ms;
}
body[data-aos-delay="1250"] [data-aos], [data-aos][data-aos][data-aos-delay="1250"] {
  transition-delay: 0;
}
body[data-aos-delay="1250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1250"].aos-animate {
  transition-delay: 1250ms;
}
body[data-aos-duration="1300"] [data-aos], [data-aos][data-aos][data-aos-duration="1300"] {
  transition-duration: 1300ms;
}
body[data-aos-delay="1300"] [data-aos], [data-aos][data-aos][data-aos-delay="1300"] {
  transition-delay: 0;
}
body[data-aos-delay="1300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1300"].aos-animate {
  transition-delay: 1300ms;
}
body[data-aos-duration="1350"] [data-aos], [data-aos][data-aos][data-aos-duration="1350"] {
  transition-duration: 1350ms;
}
body[data-aos-delay="1350"] [data-aos], [data-aos][data-aos][data-aos-delay="1350"] {
  transition-delay: 0;
}
body[data-aos-delay="1350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1350"].aos-animate {
  transition-delay: 1350ms;
}
body[data-aos-duration="1400"] [data-aos], [data-aos][data-aos][data-aos-duration="1400"] {
  transition-duration: 1400ms;
}
body[data-aos-delay="1400"] [data-aos], [data-aos][data-aos][data-aos-delay="1400"] {
  transition-delay: 0;
}
body[data-aos-delay="1400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1400"].aos-animate {
  transition-delay: 1400ms;
}
body[data-aos-duration="1450"] [data-aos], [data-aos][data-aos][data-aos-duration="1450"] {
  transition-duration: 1450ms;
}
body[data-aos-delay="1450"] [data-aos], [data-aos][data-aos][data-aos-delay="1450"] {
  transition-delay: 0;
}
body[data-aos-delay="1450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1450"].aos-animate {
  transition-delay: 1450ms;
}
body[data-aos-duration="1500"] [data-aos], [data-aos][data-aos][data-aos-duration="1500"] {
  transition-duration: 1500ms;
}
body[data-aos-delay="1500"] [data-aos], [data-aos][data-aos][data-aos-delay="1500"] {
  transition-delay: 0;
}
body[data-aos-delay="1500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1500"].aos-animate {
  transition-delay: 1500ms;
}
body[data-aos-duration="1550"] [data-aos], [data-aos][data-aos][data-aos-duration="1550"] {
  transition-duration: 1550ms;
}
body[data-aos-delay="1550"] [data-aos], [data-aos][data-aos][data-aos-delay="1550"] {
  transition-delay: 0;
}
body[data-aos-delay="1550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1550"].aos-animate {
  transition-delay: 1550ms;
}
body[data-aos-duration="1600"] [data-aos], [data-aos][data-aos][data-aos-duration="1600"] {
  transition-duration: 1600ms;
}
body[data-aos-delay="1600"] [data-aos], [data-aos][data-aos][data-aos-delay="1600"] {
  transition-delay: 0;
}
body[data-aos-delay="1600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1600"].aos-animate {
  transition-delay: 1600ms;
}
body[data-aos-duration="1650"] [data-aos], [data-aos][data-aos][data-aos-duration="1650"] {
  transition-duration: 1650ms;
}
body[data-aos-delay="1650"] [data-aos], [data-aos][data-aos][data-aos-delay="1650"] {
  transition-delay: 0;
}
body[data-aos-delay="1650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1650"].aos-animate {
  transition-delay: 1650ms;
}
body[data-aos-duration="1700"] [data-aos], [data-aos][data-aos][data-aos-duration="1700"] {
  transition-duration: 1700ms;
}
body[data-aos-delay="1700"] [data-aos], [data-aos][data-aos][data-aos-delay="1700"] {
  transition-delay: 0;
}
body[data-aos-delay="1700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1700"].aos-animate {
  transition-delay: 1700ms;
}
body[data-aos-duration="1750"] [data-aos], [data-aos][data-aos][data-aos-duration="1750"] {
  transition-duration: 1750ms;
}
body[data-aos-delay="1750"] [data-aos], [data-aos][data-aos][data-aos-delay="1750"] {
  transition-delay: 0;
}
body[data-aos-delay="1750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1750"].aos-animate {
  transition-delay: 1750ms;
}
body[data-aos-duration="1800"] [data-aos], [data-aos][data-aos][data-aos-duration="1800"] {
  transition-duration: 1800ms;
}
body[data-aos-delay="1800"] [data-aos], [data-aos][data-aos][data-aos-delay="1800"] {
  transition-delay: 0;
}
body[data-aos-delay="1800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1800"].aos-animate {
  transition-delay: 1800ms;
}
body[data-aos-duration="1850"] [data-aos], [data-aos][data-aos][data-aos-duration="1850"] {
  transition-duration: 1850ms;
}
body[data-aos-delay="1850"] [data-aos], [data-aos][data-aos][data-aos-delay="1850"] {
  transition-delay: 0;
}
body[data-aos-delay="1850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1850"].aos-animate {
  transition-delay: 1850ms;
}
body[data-aos-duration="1900"] [data-aos], [data-aos][data-aos][data-aos-duration="1900"] {
  transition-duration: 1900ms;
}
body[data-aos-delay="1900"] [data-aos], [data-aos][data-aos][data-aos-delay="1900"] {
  transition-delay: 0;
}
body[data-aos-delay="1900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1900"].aos-animate {
  transition-delay: 1900ms;
}
body[data-aos-duration="1950"] [data-aos], [data-aos][data-aos][data-aos-duration="1950"] {
  transition-duration: 1950ms;
}
body[data-aos-delay="1950"] [data-aos], [data-aos][data-aos][data-aos-delay="1950"] {
  transition-delay: 0;
}
body[data-aos-delay="1950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1950"].aos-animate {
  transition-delay: 1950ms;
}
body[data-aos-duration="2000"] [data-aos], [data-aos][data-aos][data-aos-duration="2000"] {
  transition-duration: 2000ms;
}
body[data-aos-delay="2000"] [data-aos], [data-aos][data-aos][data-aos-delay="2000"] {
  transition-delay: 0;
}
body[data-aos-delay="2000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2000"].aos-animate {
  transition-delay: 2000ms;
}
body[data-aos-duration="2050"] [data-aos], [data-aos][data-aos][data-aos-duration="2050"] {
  transition-duration: 2050ms;
}
body[data-aos-delay="2050"] [data-aos], [data-aos][data-aos][data-aos-delay="2050"] {
  transition-delay: 0;
}
body[data-aos-delay="2050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2050"].aos-animate {
  transition-delay: 2050ms;
}
body[data-aos-duration="2100"] [data-aos], [data-aos][data-aos][data-aos-duration="2100"] {
  transition-duration: 2100ms;
}
body[data-aos-delay="2100"] [data-aos], [data-aos][data-aos][data-aos-delay="2100"] {
  transition-delay: 0;
}
body[data-aos-delay="2100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2100"].aos-animate {
  transition-delay: 2100ms;
}
body[data-aos-duration="2150"] [data-aos], [data-aos][data-aos][data-aos-duration="2150"] {
  transition-duration: 2150ms;
}
body[data-aos-delay="2150"] [data-aos], [data-aos][data-aos][data-aos-delay="2150"] {
  transition-delay: 0;
}
body[data-aos-delay="2150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2150"].aos-animate {
  transition-delay: 2150ms;
}
body[data-aos-duration="2200"] [data-aos], [data-aos][data-aos][data-aos-duration="2200"] {
  transition-duration: 2200ms;
}
body[data-aos-delay="2200"] [data-aos], [data-aos][data-aos][data-aos-delay="2200"] {
  transition-delay: 0;
}
body[data-aos-delay="2200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2200"].aos-animate {
  transition-delay: 2200ms;
}
body[data-aos-duration="2250"] [data-aos], [data-aos][data-aos][data-aos-duration="2250"] {
  transition-duration: 2250ms;
}
body[data-aos-delay="2250"] [data-aos], [data-aos][data-aos][data-aos-delay="2250"] {
  transition-delay: 0;
}
body[data-aos-delay="2250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2250"].aos-animate {
  transition-delay: 2250ms;
}
body[data-aos-duration="2300"] [data-aos], [data-aos][data-aos][data-aos-duration="2300"] {
  transition-duration: 2300ms;
}
body[data-aos-delay="2300"] [data-aos], [data-aos][data-aos][data-aos-delay="2300"] {
  transition-delay: 0;
}
body[data-aos-delay="2300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2300"].aos-animate {
  transition-delay: 2300ms;
}
body[data-aos-duration="2350"] [data-aos], [data-aos][data-aos][data-aos-duration="2350"] {
  transition-duration: 2350ms;
}
body[data-aos-delay="2350"] [data-aos], [data-aos][data-aos][data-aos-delay="2350"] {
  transition-delay: 0;
}
body[data-aos-delay="2350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2350"].aos-animate {
  transition-delay: 2350ms;
}
body[data-aos-duration="2400"] [data-aos], [data-aos][data-aos][data-aos-duration="2400"] {
  transition-duration: 2400ms;
}
body[data-aos-delay="2400"] [data-aos], [data-aos][data-aos][data-aos-delay="2400"] {
  transition-delay: 0;
}
body[data-aos-delay="2400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2400"].aos-animate {
  transition-delay: 2400ms;
}
body[data-aos-duration="2450"] [data-aos], [data-aos][data-aos][data-aos-duration="2450"] {
  transition-duration: 2450ms;
}
body[data-aos-delay="2450"] [data-aos], [data-aos][data-aos][data-aos-delay="2450"] {
  transition-delay: 0;
}
body[data-aos-delay="2450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2450"].aos-animate {
  transition-delay: 2450ms;
}
body[data-aos-duration="2500"] [data-aos], [data-aos][data-aos][data-aos-duration="2500"] {
  transition-duration: 2500ms;
}
body[data-aos-delay="2500"] [data-aos], [data-aos][data-aos][data-aos-delay="2500"] {
  transition-delay: 0;
}
body[data-aos-delay="2500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2500"].aos-animate {
  transition-delay: 2500ms;
}
body[data-aos-duration="2550"] [data-aos], [data-aos][data-aos][data-aos-duration="2550"] {
  transition-duration: 2550ms;
}
body[data-aos-delay="2550"] [data-aos], [data-aos][data-aos][data-aos-delay="2550"] {
  transition-delay: 0;
}
body[data-aos-delay="2550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2550"].aos-animate {
  transition-delay: 2550ms;
}
body[data-aos-duration="2600"] [data-aos], [data-aos][data-aos][data-aos-duration="2600"] {
  transition-duration: 2600ms;
}
body[data-aos-delay="2600"] [data-aos], [data-aos][data-aos][data-aos-delay="2600"] {
  transition-delay: 0;
}
body[data-aos-delay="2600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2600"].aos-animate {
  transition-delay: 2600ms;
}
body[data-aos-duration="2650"] [data-aos], [data-aos][data-aos][data-aos-duration="2650"] {
  transition-duration: 2650ms;
}
body[data-aos-delay="2650"] [data-aos], [data-aos][data-aos][data-aos-delay="2650"] {
  transition-delay: 0;
}
body[data-aos-delay="2650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2650"].aos-animate {
  transition-delay: 2650ms;
}
body[data-aos-duration="2700"] [data-aos], [data-aos][data-aos][data-aos-duration="2700"] {
  transition-duration: 2700ms;
}
body[data-aos-delay="2700"] [data-aos], [data-aos][data-aos][data-aos-delay="2700"] {
  transition-delay: 0;
}
body[data-aos-delay="2700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2700"].aos-animate {
  transition-delay: 2700ms;
}
body[data-aos-duration="2750"] [data-aos], [data-aos][data-aos][data-aos-duration="2750"] {
  transition-duration: 2750ms;
}
body[data-aos-delay="2750"] [data-aos], [data-aos][data-aos][data-aos-delay="2750"] {
  transition-delay: 0;
}
body[data-aos-delay="2750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2750"].aos-animate {
  transition-delay: 2750ms;
}
body[data-aos-duration="2800"] [data-aos], [data-aos][data-aos][data-aos-duration="2800"] {
  transition-duration: 2800ms;
}
body[data-aos-delay="2800"] [data-aos], [data-aos][data-aos][data-aos-delay="2800"] {
  transition-delay: 0;
}
body[data-aos-delay="2800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2800"].aos-animate {
  transition-delay: 2800ms;
}
body[data-aos-duration="2850"] [data-aos], [data-aos][data-aos][data-aos-duration="2850"] {
  transition-duration: 2850ms;
}
body[data-aos-delay="2850"] [data-aos], [data-aos][data-aos][data-aos-delay="2850"] {
  transition-delay: 0;
}
body[data-aos-delay="2850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2850"].aos-animate {
  transition-delay: 2850ms;
}
body[data-aos-duration="2900"] [data-aos], [data-aos][data-aos][data-aos-duration="2900"] {
  transition-duration: 2900ms;
}
body[data-aos-delay="2900"] [data-aos], [data-aos][data-aos][data-aos-delay="2900"] {
  transition-delay: 0;
}
body[data-aos-delay="2900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2900"].aos-animate {
  transition-delay: 2900ms;
}
body[data-aos-duration="2950"] [data-aos], [data-aos][data-aos][data-aos-duration="2950"] {
  transition-duration: 2950ms;
}
body[data-aos-delay="2950"] [data-aos], [data-aos][data-aos][data-aos-delay="2950"] {
  transition-delay: 0;
}
body[data-aos-delay="2950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2950"].aos-animate {
  transition-delay: 2950ms;
}
body[data-aos-duration="3000"] [data-aos], [data-aos][data-aos][data-aos-duration="3000"] {
  transition-duration: 3000ms;
}
body[data-aos-delay="3000"] [data-aos], [data-aos][data-aos][data-aos-delay="3000"] {
  transition-delay: 0;
}
body[data-aos-delay="3000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="3000"].aos-animate {
  transition-delay: 3000ms;
}

body[data-aos-easing=linear] [data-aos], [data-aos][data-aos][data-aos-easing=linear] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
body[data-aos-easing=ease] [data-aos], [data-aos][data-aos][data-aos-easing=ease] {
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
body[data-aos-easing=ease-in] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in] {
  transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
}
body[data-aos-easing=ease-out] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out] {
  transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
body[data-aos-easing=ease-in-out] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out] {
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
body[data-aos-easing=ease-in-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-back] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
body[data-aos-easing=ease-out-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-back] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
body[data-aos-easing=ease-in-out-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-back] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
body[data-aos-easing=ease-in-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-sine] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
body[data-aos-easing=ease-out-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-sine] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
body[data-aos-easing=ease-in-out-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-sine] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
body[data-aos-easing=ease-in-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-quad] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-quad] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-quad] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body[data-aos-easing=ease-in-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-cubic] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-cubic] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-cubic] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body[data-aos-easing=ease-in-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-quart] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-quart] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-quart] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

/**
 * Fade animations:
 * fade
 * fade-up, fade-down, fade-left, fade-right
 * fade-up-right, fade-up-left, fade-down-right, fade-down-left
 */
[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

[data-aos=fade-up] {
  transform: translate3d(0, 100px, 0);
}

[data-aos=fade-down] {
  transform: translate3d(0, -100px, 0);
}

[data-aos=fade-right] {
  transform: translate3d(-100px, 0, 0);
}

[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0);
}

[data-aos=fade-up-right] {
  transform: translate3d(-100px, 100px, 0);
}

[data-aos=fade-up-left] {
  transform: translate3d(100px, 100px, 0);
}

[data-aos=fade-down-right] {
  transform: translate3d(-100px, -100px, 0);
}

[data-aos=fade-down-left] {
  transform: translate3d(100px, -100px, 0);
}

/**
 * Zoom animations:
 * zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right
 * zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right
 */
[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

[data-aos=zoom-in] {
  transform: scale(0.6);
}

[data-aos=zoom-in-up] {
  transform: translate3d(0, 100px, 0) scale(0.6);
}

[data-aos=zoom-in-down] {
  transform: translate3d(0, -100px, 0) scale(0.6);
}

[data-aos=zoom-in-right] {
  transform: translate3d(-100px, 0, 0) scale(0.6);
}

[data-aos=zoom-in-left] {
  transform: translate3d(100px, 0, 0) scale(0.6);
}

[data-aos=zoom-out] {
  transform: scale(1.2);
}

[data-aos=zoom-out-up] {
  transform: translate3d(0, 100px, 0) scale(1.2);
}

[data-aos=zoom-out-down] {
  transform: translate3d(0, -100px, 0) scale(1.2);
}

[data-aos=zoom-out-right] {
  transform: translate3d(-100px, 0, 0) scale(1.2);
}

[data-aos=zoom-out-left] {
  transform: translate3d(100px, 0, 0) scale(1.2);
}

/**
 * Slide animations
 */
[data-aos^=slide][data-aos^=slide] {
  transition-property: transform;
}
[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translate3d(0, 0, 0);
}

[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0);
}

[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0);
}

[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0);
}

[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0);
}

/**
 * Flip animations:
 * flip-left, flip-right, flip-up, flip-down
 */
[data-aos^=flip][data-aos^=flip] {
  backface-visibility: hidden;
  transition-property: transform;
}

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg);
}
[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg);
}
[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg);
}
[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg);
}
[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

[data-aos=rp-plopp] {
  overflow: hidden;
  opacity: 0;
  transition-property: transform, opacity, border-radius;
  transform: translate3d(0, 300px, 0) scale(0.1);
  border-radius: 100%;
}
[data-aos=rp-plopp].aos-animate {
  opacity: 1;
  transform: translateX(0) scale(1);
  border-radius: 0;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  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: var(--surface-1);
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: var(--element-3);
  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;
}

/* 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 */