/*!
Theme Name: frontend
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
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: frontend
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

frontend 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

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

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

/* Sections
	 ========================================================================== */

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

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

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

/* Grouping content
	 ========================================================================== */

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

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

/* Text-level semantics
	 ========================================================================== */

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

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

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

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

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

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

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

/* Forms
	 ========================================================================== */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Interactive
	 ========================================================================== */

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

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

/* Misc
	 ========================================================================== */

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

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

/* Box sizing
--------------------------------------------- */

/* 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: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

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: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

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

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

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

big {
	font-size: 125%;
}

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

hr {
	background-color: #ccc;
	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;
}

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

/* Links
--------------------------------------------- */
a {
	color: #4169e1;
}

a:visited {
	/* color: #800080; */
}

a:hover,
a:focus,
a:active {
	color: #191970;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

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 {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

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

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
	display: block;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}


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

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

.post {
	margin: 0 0 1.5em;
}

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

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

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

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

.bypostauthor {
	display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# 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: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

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

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

/*** FONTS ***/

@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url('/wp-content/uploads/yabe-webfont/fonts/google-fonts-dm-sans-v15-latin-400-normal-1740409502.woff2') format("woff2");
}

@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 400;
  font-display: auto;
  src: url('/wp-content/uploads/yabe-webfont/fonts/google-fonts-dm-sans-v15-latin-400-italic-1740409502.woff2') format("woff2");
}

@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: auto;
  src: url('/wp-content/uploads/yabe-webfont/fonts/google-fonts-dm-sans-v15-latin-600-normal-1740409503.woff2') format("woff2");
}

@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 600;
  font-display: auto;
  src: url('/wp-content/uploads/yabe-webfont/fonts/google-fonts-dm-sans-v15-latin-600-italic-1740409503.woff2') format("woff2");
}

@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 800;
  font-display: auto;
  src: url('/wp-content/uploads/yabe-webfont/fonts/google-fonts-dm-sans-v15-latin-800-normal-1740409503.woff2') format("woff2");
}

@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 800;
  font-display: auto;
  src: url('/wp-content/uploads/yabe-webfont/fonts/google-fonts-dm-sans-v15-latin-800-italic-1740409503.woff2') format("woff2");
}

@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url('/wp-content/uploads/yabe-webfont/fonts/google-fonts-kanit-v15-latin-400-normal-1740409415.woff2') format("woff2");
}

@font-face {
  font-family: 'Kanit';
  font-style: italic;
  font-weight: 400;
  font-display: auto;
  src: url('/wp-content/uploads/yabe-webfont/fonts/google-fonts-kanit-v15-latin-400-italic-1740409415.woff2') format("woff2");
}

@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 500;
  font-display: auto;
  src: url('/wp-content/uploads/yabe-webfont/fonts/google-fonts-kanit-v15-latin-500-normal-1740409416.woff2') format("woff2");
}


/*****slick slider********/

.slick-track {
    display: flex;
}
.slick-dots {
    display: flex !important;
    justify-content: center;
    align-items: center;
    /* width: calc(100% - 65px); */
    margin: auto !important;
    margin-top: 3rem !important;
    list-style: none;
    padding: 0;
}

.slick-dots button:after,
.slick-dots button:before {
  display: none;
}

.slick-dots li {
    margin: 0 5px !important;
    padding: 0 !important;
    line-height: 3px;
}

.slick-dots li:before {
    display: none !important;
}

.slick-dots li button {
    text-indent: -2000em;
    width: 16px;
    height: 16px;
    background: var(--color-2);
    border-radius: 50%;
    border: 0;
    outline: 0 !important;
    padding: 0;
    min-width: initial;
  opacity: 0.2;
}

.slick-dots li.slick-active button {
    background: var(--color-black);
  opacity: 1
}

.slick-arrow {
    text-indent: -5000em;
    min-width: initial;
    padding: 0;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    right: -60px;
    z-index: 1;
    border: 0;
    background: none;
    transition: 0.4s all;
    transform: translateY(-50%);
}

.slick-arrow:hover {
    /* background: var(--color-2); */
}

.slick-arrow:before {
    content: "";
    width: 48px;
    height: 16px;
    display: block;
    background: center no-repeat url("data:image/svg+xml;charset=utf8,%3Csvg width='26' height='13' viewBox='0 0 26 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_6731_9973)'%3E%3Cpath d='M25.8282 6.09167L19.9192 0.305769C19.7069 0.0630734 19.3339 0.0347815 19.0861 0.242671C18.8382 0.450511 18.8093 0.815772 19.0216 1.05847C19.0414 1.08109 19.0629 1.10222 19.0861 1.12156L23.9846 5.92386L0.59088 5.92386C0.264566 5.92386 0 6.18291 0 6.50248C0 6.82204 0.264566 7.08105 0.59088 7.08105L23.9846 7.08105L19.0861 11.8775C18.8382 12.0854 18.8093 12.4506 19.0216 12.6933C19.2339 12.936 19.6069 12.9643 19.8548 12.7564C19.8779 12.737 19.8995 12.7159 19.9192 12.6933L25.8282 6.90742C26.0573 6.68183 26.0573 6.31736 25.8282 6.09167Z' fill='%233A9E74'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6731_9973'%3E%3Crect width='26' height='13' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size: contain;
    position: absolute;
    filter: brightness(0)
}

@media(max-width: 600px) {

    .slick-arrow {
        width: 24px;
        height: 24px;
    }

    .slick-arrow:before {
        width: 24px;
        height: 24px;
    }
}

.slick-arrow:after {
  display: none;
}

.slick-arrow:hover {
  background: none;
}

.slick-arrow:hover:before {
    filter: none;
}
.slick-prev:before {
  transform: rotate(180deg);
}

.slick-prev {
    /* transform: translate(50%,-50%); */
    left: -60px;
    right: auto;
}

.slick-next:before {
    right: auto;
}

/* Page Builder */
.pb_text, .pb_img, .pb_2img, .pb_img-text, .pb_text-img, .pb_video, .pb_gallery, .layout_quote, .pb_table {
    margin: 0 0 2em 0;
}

.pb_img {
    position: relative;
}

.layout_quote + .pb_table {
    margin-top: 5rem;
}

.pb_2img > div, .pb_img-text > div, .pb_text-img > div {
    margin: 2.5em 0 0 0;
}

.pb_img img, .pb_2img img, .pb_img-text img, .pb_text-img img {
    margin: auto;
    display: block;
    height: 100%;
    object-fit: cover;
}

.pb_img.block-full img {
  border-radius: 0;
}

.pb_text .buttonorange {
    width: auto;
    margin-bottom: 1em;
}

.pb_text ol, .pb_text ul, .pb_text-img ul {
    list-style: none;
    margin-left: 0;
    padding: 0;
}

/* .pb_text ul li, .pb_text ul li, .pb_text-img ul li {
    margin-block: 1rem; display: flex;
    gap: 1.2rem;
} */

.pb_text ul li:before, .pb_text ul li:before, .pb_text-img ul li:before {
    content: "";
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    transform: translateY(0.3em);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='check'%3E%3Cpath id='Icon' d='M16.6663 5.8335L8.08893 14.4109C7.76349 14.7363 7.23586 14.7363 6.91042 14.4109L3.33301 10.8335' stroke='%23DEB55E' stroke-width='2' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
}

.pb_text ol {
    list-style: decimal;
    margin-left: 2rem;
}

.pb_text ol li {
    margin-block: 1rem }

.pb_text ol li::marker {
    color: var(--color-white);
    font-weight: 600;
}

.pb_2img div {
    margin: 1em 0;
    position: relative;
}

.pb_video {
    display: flex;
    justify-content: center;
    container-type: inline-size;
}

.pb_video .video-embed {
    max-width: 100%;
    height: 51cqi;
}

.pb_text-img .video-embed {
    height: 75cqi;
}

*:has(>.video-embed) {
    container-type: inline-size;
}

.pb_table {
    overflow: auto;
}

.pb_table h2 {
    margin-bottom: 2rem;
}

.pb_table th {
    font-weight: 700;
    font-family: var(--font-text);
    color: var(--color-1);
}

.pb_table th, .pb_table td {
    padding: 1.5rem 2rem;
}

.pb_table tr:nth-child(odd) {
    /* background: #F7F8FA; */
}

.pb_table::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

.pb_table::-webkit-scrollbar-track {
    border: 1px solid #eaeaea;
    border-radius: 8px;
}

.pb_table::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: var(--color-1);
    height: 6px;
    width: 6px
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}

.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

img + .embed-container {
    margin-top: 2.5rem;
}

.pb_gallery ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 !important;
    justify-content: center;
    padding: 0 !important;
}

.pb_gallery ul li {
    background: none !important;
    padding: 0 !important;
    margin: 2px !important;
}

.pb_gallery ul li a, .pb_gallery ul li a img {
    display: block;
}

.pb_gallery ul li {
    width: calc(50% - 20px);
    margin: 10px !important;
    overflow: hidden;
    container-type: inline-size;
}

.pb_gallery ul li a, .pb_gallery ul li a img, .pb_gallery ul li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.pb_gallery ul li a {
    height: 100cqi;
    max-height: 270px;
}

.pb_gallery ul li:before {
    display: none !important
}

.pb_gallery ul li a:hover {
    opacity: 0.8;
}

.pb_slider {
    container-type: inline-size;
}

.pb_slider ul {
    margin: 0;
    padding: 0;
    padding-bottom: 2re;
}

.pb_slider img {
    height: 50cqi;
    width: 100%
}

.pb_slider .slick-arrow {
    width: 32px;
    height: 14px;
    background: none;
}

.pb_slider .slick-arrow:before {
    width: 100%;
    height: 100%;
    background: center no-repeat url("data:image/svg+xml;charset=utf8,%3Csvg width='77' height='29' viewBox='0 0 77 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75.2229 16.0697H1.77675C0.903099 16.0697 0.197266 15.3638 0.197266 14.4902C0.197266 13.6165 0.903099 12.9107 1.77675 12.9107H71.4075L61.822 3.32517C61.205 2.70818 61.205 1.70619 61.822 1.08921C62.4389 0.472218 63.4409 0.472218 64.0579 1.08921L76.3434 13.3747C76.7975 13.8288 76.9307 14.505 76.6839 15.0973C76.4371 15.6847 75.8596 16.0697 75.2229 16.0697Z' fill='white'/%3E%3Cpath d='M62.9225 28.3697C62.5178 28.3697 62.113 28.2167 61.807 27.9057C61.19 27.2887 61.19 26.2867 61.807 25.6697L74.1072 13.3695C74.7242 12.7525 75.7262 12.7525 76.3432 13.3695C76.9602 13.9865 76.9602 14.9885 76.3432 15.6054L64.0429 27.9057C63.732 28.2167 63.3272 28.3697 62.9225 28.3697Z' fill='white'/%3E%3C/svg%3E");
    background-size: contain;
    top: 0;
    left: 0;
    right: auto;
    margin: 0;
}

.pb_slider .slick-arrow:hover:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='64' height='24' viewBox='0 0 64 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M62.523 12.8359H1.47688C0.750729 12.8359 0.164062 12.2492 0.164062 11.5231C0.164062 10.7969 0.750729 10.2103 1.47688 10.2103H59.3518L51.3846 2.24308C50.8718 1.73026 50.8718 0.897436 51.3846 0.384615C51.8974 -0.128205 52.7302 -0.128205 53.243 0.384615L63.4543 10.5959C63.8318 10.9733 63.9425 11.5354 63.7374 12.0277C63.5323 12.5159 63.0523 12.8359 62.523 12.8359Z' fill='%23F95D61'/%3E%3Cpath d='M52.2996 23.0593C51.9632 23.0593 51.6268 22.9322 51.3724 22.6737C50.8596 22.1609 50.8596 21.3281 51.3724 20.8152L61.596 10.5916C62.1088 10.0788 62.9416 10.0788 63.4544 10.5916C63.9673 11.1045 63.9673 11.9373 63.4544 12.4501L53.2309 22.6737C52.9724 22.9322 52.636 23.0593 52.2996 23.0593Z' fill='%23F95D61'/%3E%3C/svg%3E");
}

.pb_slider .slick-arrow {
    transform: rotate(180deg);
    left: 3%;
    bottom: 4rem;
}

.pb_slider .slick-arrow.slick-next {
    right: 3%;
    left: auto;
}

.pb_slider .slick-dots {
    margin-top: 0 !important;
    transform: translateY(-4rem);
}

.pb_slider .slick-dots li button {
    width: 9px;
    height: 9px;
}

.pb_slider .slick-dots li.slick-active button {
    background: none;
    border: 2px solid #fff;
    width: 11px;
    height: 11px;
}

@media(max-width: 480px) {
    .pb_slider {
        margin-inline: -2rem !important;
        width: 100vw !important;
    }

    .pb_slider img {
        height: 130cqi;
    }
}

@media(min-width: 992px) {
    .pb_slider .slick-arrow {
        bottom: 6rem;
    }

    .pb_slider .slick-arrow {
        width: 93px;
        height: 26px;
    }

    .pb_slider .slick-dots li button {
        width: 12px;
        height: 12px;
    }

    .pb_slider .slick-dots li.slick-active button {
        width: 16px;
        height: 16px;
    }

    .pb_slider .slick-dots {
        transform: translateY(-6rem);
    }
}

.pb_text-img.wide {
    /* border-top: 2px solid #EEEFF1; */
    /* border-bottom: 2px solid #EEEFF1; */
    margin-top: 4rem;
}

.title+.subtitle,
h2+.subtitle,
h3+.subtitle,
h4+.subtitle{
    color: var(--color-1);
    font-size: var(--fs-18);
    font-family: var(--font-text);
	font-weight: 600;
}


.flex-column>.title:has(+.subtitle), .flex-column-reverse>h3+h4, .flex-column-reverse .subtitle {
    margin: 0;
}

.pb_text-img h2 {
    /* font-size: 3rem; */
}

.pb_text-img+.pb_text-img {
    border-top: 0;
    margin-top: calc(-2rem - 2px);
    /* background: #fff; */
}

@media(min-width: 992px) {
    .pb_text-img.block-full {
        /* background: #f5f5f5; */
        padding-inline: 0 !important;
        }

    .pb_text-img.block-full .video-embed {
        padding: 0;
        margin: 0;
        height: 100%;
    }

    .pb_text-img.block-full > div {
        margin: 0;
    }

    .pb_text-img.block-full > div:first-child {
        padding: 4rem
    }

    .pb_text-img.block-full:has(+.pb_text-img.block-full) {
        margin-bottom: 8rem !important
    }
}

@media(min-width: 1200px) {
    .pb_text-img.block-full > div:first-child {
        padding: 8rem !important;
    }
}

.pb_table h3 {
    margin-bottom: 1.5rem;
}

.pb_cta {
    margin: 4rem 0;
}

.pb_cta > div > div:first-child {
    /* max-width: calc(670px + 3rem); */
    box-sizing: border-box;
}

.pb_cta .button {
    /* border-color: #fff; */
}

.pb_cta > img {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -2;
  top: 0;
  left: 0;
}

.pb_cta:has(>img):before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 40%);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.cta.cta-2 {
    background: var(--color-1)
}

.cta.cta-2 h2 {
    color: var(--color-white);
}

.pb_contact {
    border-radius: 20px;
    border: 1px solid #EDEDED;
    background: #FFF;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
    margin: 5rem 0;
}

.pb_contact h2 {
    margin-bottom: 1rem;
    font-size: 3.2rem;
}

.pb_contact h2 span {
    position: relative;
    display: block;
    z-index: 0;
}

.pb_contact h2 span:before {
    content: "";
    display: block;
    width: 123px;
    height: 18px;
    background: #9FE9F0;
    position: absolute;
    bottom: -0.5rem;
    left: -2rem;
    z-index: -1
}

.buttons {
    margin-top: 2rem;
}

.buttons .button {
    display: block;
}

.buttons .button+.button {
    margin-top: 1rem;
}

.pb_text ul {
    margin-top: 1.5rem
}

.layout_quote {
    border-top: 2px solid #F5F5F5;
    border-bottom: 2px solid #F5F5F5;
}

.quotearea:before {
    content: "";
    display: block;
    width: 80px;
    height: 80px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.9437 48.6C10.097 47.08 4.16699 40.1666 4.16699 31.88C4.16699 22.48 11.797 14.85 21.197 14.85C30.597 14.85 38.227 22.48 38.227 31.88C38.227 44.4066 34.007 52.1866 29.0537 57.05C21.4703 64.4966 11.9737 65.1433 11.9737 65.1433C11.007 65.2133 10.0903 64.7166 9.61699 63.8733C9.14033 63.0333 9.19699 61.99 9.75699 61.2033C9.75699 61.2033 14.2703 54.85 17.0837 50.15C17.377 49.6566 17.6737 49.1133 17.9437 48.6ZM21.197 19.85C14.557 19.85 9.16699 25.24 9.16699 31.88C9.16699 38.52 14.557 43.91 21.197 43.91C22.1403 43.91 22.8003 44.2966 23.2803 44.85C23.6837 45.3166 24.0637 46.0633 23.9337 47.16C23.8203 48.11 22.847 50.2566 21.3737 52.72C20.2537 54.5866 18.877 56.7066 17.6003 58.61C20.0637 57.63 22.9437 56.0433 25.5503 53.48C29.7903 49.32 33.227 42.6 33.227 31.88C33.227 25.24 27.837 19.85 21.197 19.85Z' fill='%2341A7E0'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M55.5501 48.6C47.7034 47.08 41.7734 40.1666 41.7734 31.88C41.7734 22.48 49.4034 14.85 58.8034 14.85C68.2034 14.85 75.8334 22.48 75.8334 31.88C75.8334 44.4066 71.6134 52.1866 66.6601 57.05C59.0768 64.4966 49.5801 65.1433 49.5801 65.1433C48.6134 65.2133 47.6968 64.7166 47.2234 63.8733C46.7501 63.0333 46.8034 61.99 47.3634 61.2033C47.3634 61.2033 51.8768 54.85 54.6901 50.15C54.9834 49.6566 55.2801 49.1133 55.5501 48.6ZM58.8034 19.85C52.1634 19.85 46.7734 25.24 46.7734 31.88C46.7734 38.52 52.1634 43.91 58.8034 43.91C59.7468 43.91 60.4068 44.2966 60.8868 44.85C61.2901 45.3166 61.6701 46.0633 61.5401 47.16C61.4268 48.11 60.4534 50.2566 58.9801 52.72C57.8601 54.5866 56.4834 56.7066 55.2068 58.61C57.6701 57.63 60.5501 56.0433 63.1568 53.48C67.3968 49.32 70.8334 42.6 70.8334 31.88C70.8334 25.24 65.4434 19.85 58.8034 19.85Z' fill='%2341A7E0'/%3E%3C/svg%3E");
    margin: auto;
    margin-bottom: 1.5rem;
}

.quotearea > div > div {
    font-weight: 600;
}

.quotearea h3 {
    font-size: 1.8rem;
    line-height: 1.75;
}

.quotearea h3 span {
    font-weight: 400;
    display: block;
}

.pb_count {
    border-top: 2px solid #f5f5f5;
    padding: 2rem 0;
    border-bottom: 8px solid #EB6D07;
    font-size: 1.8rem;
}

.pb_count .number {
    font-size: 6.4rem;
    color: #202020;
    font-weight: 600;
}

.pb_cta {
    background: var(--color-1);
    color: #fff;
}

.pb_cta h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 3.2rem;
    font-weight: 700;
}

.pb_cta.cta-2 {
    background: var(--color-2);
}

.pb_divider {
    height: 4px;
    background: var(--color-bg-grey);
}

.bullets li h3 {
    display: flex;
    gap: 1rem;
}

.bullets li h3:before {
    content: "";
    background: center no-repeat url(img/sun-icon.png);
    width: 21px;
    height: 21px;
}

@media screen and (min-width: 840px) {
    .pb_gallery, .pb_text-img.wide, .pb_cta {
        /* margin-left: calc(-50vw + 460px); */ /* margin-right: calc(-50vw + 460px); */
    }
}

@media screen and (min-width: 1384px) {
    .pb_gallery, .pb_text-img.wide, .pb_cta, .pb_img.wide {
        /* margin-left: -260px; */ /* margin-right: -260px; */
    }

    .pb_text-img.row-reverse > div:has(div>.subtitle) {
        /* padding-inline: 0rem; */
        }
}

@media screen and (min-width: 769px) {
    .pb_gallery ul {
        justify-content: flex-start;
    }

    .pb_gallery ul li {
        width: calc(33.33% - 20px);
    }

    .pb_text-img:not(.wide) + .pb_text-img:not(.wide) {
        margin-top: -5rem;
    }
}

@media screen and (min-width: 768px) {
    .pb_img-text, .pb_text-img {
        display: flex;
        justify-content: space-between;
        /* align-items: center; */
    }

    .pb_text-img.row-reverse {
        flex-direction: row-reverse !important;
    }

    .pb_img-text > div, .pb_text-img > div {
        width: calc(50% - 10px);
    }

    .pb_text-img > div:first-child {
        padding-right: 6rem;
        padding-block: 0rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

  .pb_text_2_col  > div:first-child {
    padding-right: 0 !important;
  }

    .pb_text-img.pb_text > div:first-child {
        padding-block: 0; }

    .pb_text-img.row-reverse > div:first-child {
        padding-left: 4rem;
        padding-right: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        z-index: 1;
    }

    .buttons .button {
        display: inline-block;
    }

    .buttons .button+.button {
        margin-top: 0;
        margin-left: 1rem
    }

    .pb_gallery ul li {
        width: calc(25% - 20px);
    }

    .pb_contact {
        /* padding: 8rem 0; */
    }

    .pb_contact .container {
        max-width: 944px;
    }

    .pb_count article {
        border-right: 2px solid #f5f5f5;
    }

    .pb_count article:last-child {
        border-right: 0;
    }
}

@media screen and (min-width: 481px) {
    .pb_2img {
        display: flex;
        justify-content: space-between;
    }

    .pb_2img div {
        width: calc(50% - 10px);
    }

    .pb_2img div img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .quotearea {
        flex-direction: row;
    }

    .quotearea figure {
        padding-right: 2rem;
        flex-basis: 50%;
    }

    .quotearea figure img {
        margin-bottom: 0;
    }
}

.pb_form {
    background: var(--color-1);
    color: var(--color-white);
    border-radius: 2rem;
}

.pb_form h2, .pb_form .wpforms-container .wpforms-field-label {
    color: var(--color-white);
}

.pb_form > div {
    padding: 6rem 2rem;
    margin: auto;
    max-width: 630px;
}

.pb_form button {
    color: var(--color-white);
    transition: 0.4s all;
}

.pb_form .button:before, .pb_form .button:after {
    border-color: var(--color-white);
    transition: 0.4s all;
}

.pb_form form a {
    color: var(--color-white) !important;
}

.pb_usp figure {
  width: 80px;
  height: 80px;
  img {
    object-fit: contain;
  }
}

.timeline-tabs {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    padding: 10px 0;
    position: relative;
    justify-content: space-between;
  margin-bottom: 4rem;

  &:after {
    content: "";
      width: 100%;
      height: 4px;
      background: var(--color-bg-grey);
      position: absolute;
      left: 0;
      bottom: 14px;
      border-radius: 2px;
      z-index: -1
  }

  .slick-list {
      width: 100%;
  }



}

.timeline-tabs .tab {
    display: inline-block;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 5px;
    flex: 0 0 auto; /* Ensure tabs do not shrink */
    position: relative;
    text-align: center;
    color: var(--color-black);
  &:after {

  }


  &.slick-current {
    color: var(--color-1);
  }

  &.slick-current:after {
    content: "";
    display: block;
    width: 100px;
    height: 20px;
    position: relative;
    bottom: -9px;
    border-radius: 4px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='100' height='20' viewBox='0 0 100 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='13' width='100' height='4' rx='2' fill='%235175A9'/%3E%3Cpath d='M50 0L58.6603 15H41.3397L50 0Z' fill='%235175A9'/%3E%3C/svg%3E");
    transform: translateX(-50%);
    left: 50%;
  }

}

.timeline-content {
    padding: 20px 0;
}

.timeline-content .timeline-item {
  .row > div {

  }

  @media(min-width: 1400px) {
    figure {
      height: 65cqi;
      max-height: 615px;
    }
  }

  @media(max-width: 767px) {
    figure {
      height: 98cqi
    }
  }

}


.realisaties_cards {
  figure{
    height: 95cqi;
  }

  figure:hover img {
    transform: scale(1.05);
  }
  li>div {
    height: 100%;
    display: grid;
    grid-auto-rows: 100cqi auto;
  }

  li>div>div {
    /* height: calc(100cqh - 100cqw) */
  }
}

/********************************/
/* Video */
.video-embed {
    width: 100%;
    height: 480px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    height: 64vw;
    /* max-height: 493px; */
    /* max-width: 694px; */
    margin: auto;
    /* border: 1px solid #000000; */
    /* border-radius: 6px; */
}

@media (min-width: 992px) {
    .video-embed {
        /* height: 32vw; */
    }

    .wide .video-embed {
        max-height: 740px;
    }
}

.video-embed__cover {
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    position: relative;
    z-index: 1;
}

.video-embed__cover:before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: .15;
    background: -webkit-linear-gradient(289.99deg, #313E4E 43.5%, #116D3D 102.84%), -webkit-linear-gradient(bottom, rgba(196, 196, 196, 0.8), rgba(196, 196, 196, 0.8));
    background: -o-linear-gradient(289.99deg, #313E4E 43.5%, #116D3D 102.84%), -o-linear-gradient(bottom, rgba(196, 196, 196, 0.8), rgba(196, 196, 196, 0.8));
    background: linear-gradient(160.01deg, #313E4E 43.5%, #116D3D 102.84%), linear-gradient(0deg, rgba(196, 196, 196, 0.8), rgba(196, 196, 196, 0.8));
    content: '';
}

.video-embed__src {
    width: 100%;
    /* display: none; */
    padding-bottom: 56.250000%;
    position: relative;
}

.video-embed__src video {
    width: 100%;
    height: auto;
}

.video-embed__src iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mfp-container .video-embed__src {
    display: block;
}

.mfp-container .video-embed__src iframe {
    position: static;
    height: auto;
    width: auto;
}

.video-embed__play {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 99999;
}

.video-embed__play-button {
    cursor: pointer;
    width: 80px;
    height: 80px;
    background-size: contain;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='octicon:play-24'%3E%3Cpath id='Vector' d='M25.333 41.5571V22.4424C25.3334 22.2033 25.3981 21.9686 25.5204 21.7631C25.6426 21.5575 25.8179 21.3887 26.0279 21.2741C26.2378 21.1596 26.4747 21.1037 26.7137 21.1122C26.9527 21.1207 27.1851 21.1933 27.3863 21.3224L42.2557 30.8771C42.444 30.9977 42.5989 31.1638 42.7062 31.36C42.8135 31.5562 42.8697 31.7762 42.8697 31.9998C42.8697 32.2234 42.8135 32.4434 42.7062 32.6396C42.5989 32.8358 42.444 33.0018 42.2557 33.1224L27.3863 42.6798C27.1851 42.8089 26.9527 42.8816 26.7137 42.8901C26.4747 42.8986 26.2378 42.8426 26.0279 42.7281C25.8179 42.6136 25.6426 42.4447 25.5204 42.2391C25.3981 42.0336 25.3334 41.7989 25.333 41.5598V41.5571Z' fill='white'/%3E%3Cpath id='Vector_2' d='M2.66699 32.0003C2.66699 15.8003 15.8003 2.66699 32.0003 2.66699C48.2003 2.66699 61.3337 15.8003 61.3337 32.0003C61.3337 48.2003 48.2003 61.3337 32.0003 61.3337C15.8003 61.3337 2.66699 48.2003 2.66699 32.0003ZM32.0003 6.66699C25.2815 6.66699 18.8379 9.33603 14.087 14.087C9.33603 18.8379 6.66699 25.2815 6.66699 32.0003C6.66699 38.7191 9.33603 45.1628 14.087 49.9137C18.8379 54.6646 25.2815 57.3337 32.0003 57.3337C38.7191 57.3337 45.1628 54.6646 49.9137 49.9137C54.6646 45.1628 57.3337 38.7191 57.3337 32.0003C57.3337 25.2815 54.6646 18.8379 49.9137 14.087C45.1628 9.33603 38.7191 6.66699 32.0003 6.66699Z' fill='white'/%3E%3C/g%3E%3C/svg%3E");
  -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}

.video-embed__play-button svg {
    font-size: 67px;
}

.video-embed__play-text {
    margin-top: 15px;
    font-size: 1.125em;
    color: #fff;
    text-transform: uppercase;
    padding: 0 20px;
    text-align: center;
}

.video-embed_playing {
    height: auto;
}

.video-embed_playing .video-embed__cover {
    display: none;
}

.video-embed_playing .video-embed__src {
    display: block;
}

.popup-video {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999999999;
}

.popup-video:hover + .video-embed__play>.video-embed__play-button {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='octicon:play-24'%3E%3Cpath id='Vector' d='M25.333 41.5571V22.4424C25.3334 22.2033 25.3981 21.9686 25.5204 21.7631C25.6426 21.5575 25.8179 21.3887 26.0279 21.2741C26.2378 21.1596 26.4747 21.1037 26.7137 21.1122C26.9527 21.1207 27.1851 21.1933 27.3863 21.3224L42.2557 30.8771C42.444 30.9977 42.5989 31.1638 42.7062 31.36C42.8135 31.5562 42.8697 31.7762 42.8697 31.9998C42.8697 32.2234 42.8135 32.4434 42.7062 32.6396C42.5989 32.8358 42.444 33.0018 42.2557 33.1224L27.3863 42.6798C27.1851 42.8089 26.9527 42.8816 26.7137 42.8901C26.4747 42.8986 26.2378 42.8426 26.0279 42.7281C25.8179 42.6136 25.6426 42.4447 25.5204 42.2391C25.3981 42.0336 25.3334 41.7989 25.333 41.5598V41.5571Z' fill='%233A9E74'/%3E%3Cpath id='Vector_2' d='M2.66699 32.0003C2.66699 15.8003 15.8003 2.66699 32.0003 2.66699C48.2003 2.66699 61.3337 15.8003 61.3337 32.0003C61.3337 48.2003 48.2003 61.3337 32.0003 61.3337C15.8003 61.3337 2.66699 48.2003 2.66699 32.0003ZM32.0003 6.66699C25.2815 6.66699 18.8379 9.33603 14.087 14.087C9.33603 18.8379 6.66699 25.2815 6.66699 32.0003C6.66699 38.7191 9.33603 45.1628 14.087 49.9137C18.8379 54.6646 25.2815 57.3337 32.0003 57.3337C38.7191 57.3337 45.1628 54.6646 49.9137 49.9137C54.6646 45.1628 57.3337 38.7191 57.3337 32.0003C57.3337 25.2815 54.6646 18.8379 49.9137 14.087C45.1628 9.33603 38.7191 6.66699 32.0003 6.66699Z' fill='%233A9E74'/%3E%3C/g%3E%3C/svg%3E");
}

#popup-video-content {
    width: 100%;
    padding-bottom: 56.250000%;
    position: relative;
}

#popup-video-content video {
    width: 100%;
    height: auto;
}

#popup-video-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/************************/
#top_msg {
    color: var(--color-white);
    background: var(--color-1);
    text-align: center;
    font-size: var(--fs-12);
    font-weight: 500;
    padding: 1.25rem 4rem;
    position: relative;
    top: 0;
    z-index: 999;
    line-height: 1.6;
    /* display: none; */
    width: 100%;
    left: 0;
}

#top_msg > div {
    display: inline-flex;
    align-items: center;
}

#top_msg p {
    margin: 0;
}

#top_msg a {
    color: var(--color-2);
}

#top_msg a:hover {
    text-decoration: none;
}

.top_msg_close {
    position: absolute;
    top: 50%;
    right: 15px;
    font-size: 32px;
    transform: translateY(-50%);
    display: inline-block;
    line-height: 12px;
    height: 18px;
    width: 18px;
    cursor: pointer;
    z-index: 2;
}

.top_msg_close:hover {
    opacity: 0.7;
}

@media(min-width: 992px) {
    #top_msg {
        top: 0;
        /* position: sticky; */
        font-size: var(--fs-16);
        max-width: 100%;
    }
}

:root {
    --color-1: #CD3835;
    --color-2: #CD3835;
    --color-3: #CD3835;
    --color-white: #fff;
    --color-black: #191919;
    --color-title: #191919;
    --color-text: #191919;
    --color-link: #CD3835;
    --color-input-border: #EFEFEF;
    --color-darker: #DBDBDB;
    --color-grey: #656565;
    --color-grey-2: #EDF3F1;
    --color-light-grey: #FBFBFB;
    --color-bg-grey: #FBFBFB;
    --padding-wrapper: 4vw;
    --container-width: 1440px;
    --font-text: 'DM Sans', sans-serif;
    --font-text-2: 'DM Sans', serif;
    --font-title: 'Kanit', serif;
    --font-menu: 'DM Sans', sans-serif;
    --fs-12: 1.2rem;
    --fs-14: 1.4rem;
    --fs-13: 1.3rem;
    --fs-16: 1.6rem;
    --fs-18: 1.8rem;
    --fs-20: clamp(1.6rem, 1.6vw + 0.1rem, 2rem);
    --fs-22: clamp(2rem, 1.3vw + 0.1rem, 2.2rem);
    --fs-24: clamp(2rem, 1.3vw + 0.1rem, 2.4rem);
    --fs-26: clamp(2.2rem, 1.6vw + 0.1rem, 2.6rem);
    --fs-28: clamp(2rem, 1.6vw + 0.6rem, 2.8rem);
    --fs-32: clamp(2.4rem, 1.7vw + 0.1rem, 3.2rem);
    --fs-36: clamp(2.6rem, 1.7vw + 0.1rem, 3.6rem);
    --fs-40: clamp(2.8rem, 2.4vw + 0.1rem, 4rem);
    --fs-48: clamp(3.0rem, 3vw + 0.1rem, 4.8rem);
    --fs-56: clamp(3.2rem, 3.5vw + 0.1rem, 5.6rem);
    --fs-64: clamp(4rem, 5.4vw,6.8rem);
    --fs-72: clamp(4.5rem, 4vw,7.2rem);
    --fs-80: clamp(5rem, 4.5vw,8rem);
    --fs-120: clamp(8rem, 7.5vw,12rem);
}

@media(min-width: 738px) {
  :root {
  --padding-wrapper: 2vw;
  }
}

@media(min-width: 992px) {
  :root {
  /* --padding-wrapper: 3rem; */
  }
}

@media(min-width: 1218px) {
  :root {
  --padding-wrapper: 12.5rem;
  }
}

a.color-1:hover {
    color: var(--color-black);
}

.font-text {
    font-family: var(--font-text);
}

.font-title {
    font-family: var(--font-title);
}

.font-menu {
    font-family: var(--font-menu);
}

.font-text-2 {
    font-family: var(--font-text-2);
}

.color-1 {
    color: var(--color-1);
}

.color-2 {
    color: var(--color-2);
}

.color-3 {
    color: var(--color-3);
}

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

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

.color-grey {
    color: var(--color-grey);
}

.color-text {
    color: var(--color-text);
}

.text-normal {
    text-transform: initial !important;
}

.font-normal {
  font-style: normal;
}

.bg-1 {
    background: var(--color-1);
}

.bg-2 {
    background: var(--color-2);
}

.bg-grey {
  background: var(--color-bg-grey);
}

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

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

.bg-dark {
    background: var(--color-darker) !important;
}

.transition {
    transition: 0.4s all;
}

.zoom:hover {
    transform: scale(1.1);
}

.filter-white {
  filter: brightness(0) invert(1);
}

.rounded {
    border-radius: 1.6rem !important;
}


.round {
    border-radius: 1.6rem;
    overflow: hidden;
    padding: 0;
}

.round-2 {
    border-radius: 1.6rem;
    overflow: hidden;
}

.circle {
  border-radius: 50%;
  overflow: hidden;
}

.box-shadow {
    box-shadow: 0px 2px 24px 0px rgba(0, 0, 0, 0.04);
}

.no-border {
    border: 0 !important
}

.quote {
  display: flex;
  gap: 5cqi;
  font-style: italic;
  font-size: clamp(1.6rem, 4.9cqi, 3rem);

  &:before {
    content: "";
    width: 16.8%;
    background: top no-repeat url("data:image/svg+xml;charset=utf8,%3Csvg width='94' height='56' viewBox='0 0 94 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M87.1935 7.22726C83.1248 2.499 77.2915 0 70.3242 0C57.6916 0 47.4141 10.2775 47.4141 22.9102C47.4141 35.196 57.1345 45.2539 69.2887 45.7972C68.9476 50.1035 66.508 54.2289 66.4815 54.2734C66.2972 54.581 66.2924 54.9641 66.4691 55.276C66.6458 55.5882 66.9769 55.7812 67.3359 55.7812C72.0724 55.7812 78.5627 52.1768 83.8705 46.5987C89.8214 40.345 93.2344 32.8 93.2344 25.8984C93.2344 18.2761 91.1456 11.8198 87.1935 7.22726ZM82.4274 45.2256C78.1965 49.6718 73.0681 52.8515 69.0723 53.6135C69.9991 51.6602 71.3203 48.2717 71.3203 44.8242C71.3203 44.274 70.8745 43.8281 70.3242 43.8281C58.7901 43.8281 49.4062 34.4443 49.4062 22.9102C49.4062 11.376 58.7901 1.99219 70.3242 1.99219C83.227 1.99219 91.2422 11.1525 91.2422 25.8984C91.2422 32.294 88.0292 39.3383 82.4274 45.2256ZM22.9102 0C10.2775 0 0 10.2775 0 22.9102C0 35.196 9.72048 45.2539 21.8746 45.7972C21.5334 50.1035 19.0939 54.2289 19.0674 54.2734C18.8831 54.581 18.8784 54.9641 19.0551 55.276C19.232 55.5882 19.5631 55.7812 19.9219 55.7812C24.6583 55.7812 31.1486 52.1768 36.4564 46.5987C42.4073 40.345 45.8203 32.8 45.8203 25.8984C45.8203 18.2761 43.7313 11.8198 39.7794 7.22726C35.7108 2.499 29.8774 0 22.9102 0ZM35.0133 45.2256C30.7825 49.6718 25.654 52.8515 21.6581 53.6135C22.585 51.6602 23.9062 48.2717 23.9062 44.8242C23.9062 44.274 23.4602 43.8281 22.9102 43.8281C11.376 43.8281 1.99219 34.4443 1.99219 22.9102C1.99219 11.376 11.376 1.99219 22.9102 1.99219C35.8128 1.99219 43.8281 11.1525 43.8281 25.8984C43.8281 32.294 40.6153 39.3383 35.0133 45.2256Z' fill='white'/%3E%3C/svg%3E");
    flex-shrink: 0;
    background-size: contain;
    max-width: 100px;
  }
  p:last-child,
  p:has(+.name){
    margin-bottom: 0;
  }

  .name {
    display: flex;
    gap: 1rem;
    align-items: center;
  }

  .name:before {
    content: "";
    width: 0.6rem;
    height: 0.6rem;
    background: var(--color-white);
    border-radius: 50%;
  }
}

*:has(>.quote) {
  container-type: inline-size;
}


.container {
    width: 92%;
    max-width: var(--container-width);
    margin-inline: auto;
    padding-inline: 0;
    position: relative;
}

@media(min-width: 992px) {
  .container {
    width: calc(100% - 12.5%);
  }
}


.container-inline {
    container-type: inline-size;
}

.block-full {
  /* max-width: 1920px; */
  max-width: initial;
}

#wrapper .block-full {
  width: calc(100% + 2*(var(--padding-wrapper)));
  margin-left: calc(var(--padding-wrapper) * -1);
  /* padding-inline: var(--padding-wrapper); */
}

.block-1810 {
    max-width: 1810px;
}

.block-1720 {
    max-width: 1720px;
}

.block-1510 {
  max-width: 1510px;
}

.block-1440 {
    max-width: var(--container-width);;
}

.block-1200 {
    max-width: 1200px;
}

.block-1000 {
  max-width: 1000px;
}

.block-950 {
  max-width: 950px;
}

.block-700 {
  max-width: 700px;
}

.block-600 {
    max-width: 600px;
}

.block-400 {
  max-width: 400px;
}

.margin-b-5 {
    margin-block: clamp(7rem,5vw,10rem);
}

.pw {
    padding-inline: var(--padding-wrapper) !important;
    max-width: var(--container-width);




    @media(min-width: 1440px) {
        /* max-width: 100%; */
    }

    @media(min-width: 1350px) {


        /* max-width: var(--container-width); */
        padding-inline: 0 !important;

    }
}

.padding-b-5 {
    padding-block: clamp(7rem,5vw,10rem);
}

.grid:not(.slick-slider) {
    display: grid;
    gap: 2rem;
}

.grid-2 {
    grid-template-columns: 1fr 1fr;
}

@media(min-width: 576px) {
    .grid-sm-2 {
        grid-template-columns: 1fr 1fr;
    }

    .grid-sm-4 {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

@media(min-width: 768px) {
    .grid-md-2 {
        grid-template-columns: 1fr 1fr;
    }

    .grid-md-3 {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .two-cols {
        column-count: 2;
        column-gap: 2rem;
    }

    .three-cols {
        margin: 0;
        column-count: 3;
        column-gap: 5rem;
    }

    .three-cols li::marker {
        color: var(--color-1);
    }
}

@media(min-width: 992px) {
    .grid-lg-3 {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .grid-lg-4 {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .grid-lg-5 {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
}

.fs-12 {
    font-size: var(--fs-12);
}

.fs-13 {
    font-size: var(--fs-13);
}

.fs-14 {
    font-size: var(--fs-14);
}

.fs-16 {
    font-size: var(--fs-16);
}

.fs-18 {
    font-size: var(--fs-18);
}

.fs-20 {
    font-size: var(--fs-20);
}

.fs-22 {
    font-size: var(--fs-22);
}

.fs-24 {
    font-size: var(--fs-24);
}

.fs-26 {
    font-size: var(--fs-26);
}

.fs-28 {
    font-size: var(--fs-28);
}

.fs-32 {
    font-size: var(--fs-32);
}

.fs-40 {
    font-size: var(--fs-40);
}

.fs-48 {
    font-size: var(--fs-48);
}

.fs-56 {
    font-size: var(--fs-56);
}

.fs-64 {
    font-size: var(--fs-64);
}

.fs-72 {
    font-size: var(--fs-72);
}

.fs-80 {
    font-size: var(--fs-80) !important;
}

.fs-120 {
    font-size: var(--fs-120);
}

@media(min-width: 768px) {

  .fs-md-16 {
    font-size: var(--fs-16);
  }

  .fs-md-18 {
    font-size: var(--fs-18);
  }

  .fs-md-20 {
      font-size: var(--fs-20);
  }

  .fs-md-24 {
      font-size: var(--fs-24);
  }

  .fs-md-26 {
      font-size: var(--fs-26);
  }

  .fs-md-28 {
      font-size: var(--fs-28);
  }

  .fs-md-32 {
      font-size: var(--fs-32);
  }

  .fs-md-40 {
      font-size: var(--fs-40);
  }

  .fs-md-48 {
      font-size: var(--fs-48);
  }

  .fs-md-56 {
      font-size: var(--fs-56);
  }

  .fs-md-64 {
      font-size: var(--fs-64);
  }

  .fs-md-80 {
      font-size: var(--fs-80) !important;
  }
}

.fw-extrabold {
    font-weight: 800;
}

.fw-black {
    font-weight: 900;
}

.fw-semibold {
  font-weight: 600;
}

.fw-medium {
  font-weight: 500;
}

.fw-light {
  font-weight: 300;
}

::selection {
    background: var(--color-1);
    color: #fff
}

::-moz-selection {
    background: var(--color-1);
    color: #fff
}

::placeholder {
    color: var(--color-grey);
}

::-moz-placeholder {
    color: var(--color-grey);
}

:-ms-input-placeholder {
    color: var(--color-grey);
}

::-ms-input-placeholder {
    color: var(--color-grey);
}

::placeholder {
    color: var(--color-grey);
}

html {
    font-size: 62.5%;
  lang: nl;
}

body {
    font-size: 1.8rem;
    font-family: var(--font-text), sans-serif;
    color: var(--color-text);
    background: var(--color-white);
    margin: 0 auto;
    height: initial !important;
    padding-inline: 0;
    position: relative;
    }

body.home {
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    margin-bottom: 2rem;
    font-family: var(--font-title);
    color: var(--color-title);
    margin-top: 0;
    line-height: 1.2em;
}

h1 {
    font-size: var(--fs-40);
    line-height: 1.2;
}

h2,
.title{
    font-size: var(--fs-36);
	font-weight: 400
}

h3 {
    font-size: 2rem;
}

h4 {
    font-size: 1.4rem;
}

h5 {
    font-size: 1.4rem;
}

h6 {
    font-size: 1.4rem;
}

@media(min-width: 767px) {

	h1 {
	    /* font-size: var(--fs-22); */
	    line-height: 1.2;
	}

	h2,
	.title{
	    /* font-size: var(--fs-48); */
	}

	h3 {
	    font-size: var(--fs-24);
	}

	h4 {
	    font-size: var(--fs-24);
	}

	h5 {
	    font-size: var(--fs-20);
	}

	h6 {
	    font-size: var(--fs-18);
	}
}

p:last-child {
    margin-bottom: 0;
}
.color-1 {
    h1, h2, h3, h4, h5, h6{
        color: var(--color-1);
    }
}

.color-2 {
    h1, h2, h3, h4, h5, h6{
        color: var(--color-2);
    }
}

a {
    color: var(--color-link);
    transition: all 0.4s;
    text-decoration: underline;
}

a:hover {
    color: var(--color-link);
    text-decoration: none;
}

a.full {
    display: block;
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.button, button, #main-nav .has-button a {
    background: var(--color-1);
    color: var(--color-white);
    text-decoration: none;
    padding-inline: 3.5rem;
    padding-block: 1.25rem;
    display: inline-flex;
    font-size: var(--fs-18);
    text-align: center;
    /* min-width: 220px; */
    font-weight: 500;
    position: relative;
    line-height: 1.5;
    border: 0.1rem solid var(--color-1);
    gap: 1rem;
    justify-content: center;
    align-items: center;
    font-family: var(--font-text);
    clip-path: polygon(10% 0%, 100% 0, 100% 50%, 90% 100%, 0 100%, 0% 80%, 0% 50%);
}

/* .button:after,
button:after,
.has-button a:after {
  content: "";
  width: 36px;
  height: 12px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='36' height='13' viewBox='0 0 36 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='right-arrow (1) 1'%3E%3Cpath id='Vector' d='M29.2106 7.06261L0.5625 7.03955C0.413316 7.03955 0.270242 6.98029 0.164752 6.8748C0.0592632 6.76931 0 6.62624 0 6.47705C0 6.32787 0.0592632 6.18479 0.164752 6.0793C0.270242 5.97381 0.413316 5.91455 0.5625 5.91455L29.2112 5.93761C29.3604 5.93761 29.5034 5.99688 29.6089 6.10237C29.7144 6.20785 29.7737 6.35093 29.7737 6.50011C29.7737 6.6493 29.7144 6.79237 29.6089 6.89786C29.5034 7.00335 29.3598 7.06261 29.2106 7.06261Z' fill='%23DEB55E'/%3E%3Cpath id='Vector_2' d='M35.9996 6.50674C32.804 7.68799 28.8384 9.70849 26.3809 11.8505L28.3192 6.49999L26.3882 1.14893C28.8435 3.29374 32.8057 5.31874 35.9996 6.50674Z' fill='%23DEB55E'/%3E%3C/g%3E%3C/svg%3E");
  filter: brightness(0);
} */

.button:hover, button:hover,
.button:focus, button:focus, {
    background: var(--color-text);
    color: var(--color-white);
    border-color: var(--color-text);
    text-decoration: none !important;
}

button:hover:after, .button:hover:after,
button:focus:after, .button:focus:after{
    border-color: var(--color-1);
    filter: brightness(0) invert(1);
}

.button-2,
.button-3:hover,
#main-nav .has-button a{
  color: var(--color-1);
  background: transparent;
  border-color: var(--color-2);
}

.button-2:hover,
#main-nav .has-button a{
    color: var(--color-white);
	background: var(--color-1);
}

#main-nav .has-button a:hover{
}
.single .has-button a,
.page .has-button a {
    color: var(--color-black);
}

.button-2:hover,
.has-button a:hover{
    color: var(--color-white);
  background: var(--color-1);
  border-color: var(--color-1);
}

.button-2:after, .button-2:before {
    border-color: var(--color-1);
    filter: brightness(0) invert(1);
}

.button-2:hover:after, .button-2:hover:before {
    border-color: var(--color-2);
}

.button:hover,
.button-3,
#main-nav .has-button a:hover{
    background: var(--color-text);
    color: var(--color-white);
    border: none;
	border-radius: 0;
	border: 1px solid var(--color-text);
}

.button-3:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='36' height='13' viewBox='0 0 36 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='right-arrow (1) 1'%3E%3Cpath id='Vector' d='M29.2106 7.06261L0.5625 7.03955C0.413316 7.03955 0.270242 6.98029 0.164752 6.8748C0.0592632 6.76931 0 6.62624 0 6.47705C0 6.32787 0.0592632 6.18479 0.164752 6.0793C0.270242 5.97381 0.413316 5.91455 0.5625 5.91455L29.2112 5.93761C29.3604 5.93761 29.5034 5.99688 29.6089 6.10237C29.7144 6.20785 29.7737 6.35093 29.7737 6.50011C29.7737 6.6493 29.7144 6.79237 29.6089 6.89786C29.5034 7.00335 29.3598 7.06261 29.2106 7.06261Z' fill='%23DEB55E'/%3E%3Cpath id='Vector_2' d='M35.9996 6.50674C32.804 7.68799 28.8384 9.70849 26.3809 11.8505L28.3192 6.49999L26.3882 1.14893C28.8435 3.29374 32.8057 5.31874 35.9996 6.50674Z' fill='%23DEB55E'/%3E%3C/g%3E%3C/svg%3E");
    filter: initial;
}

.button-3:hover {
    color: var(--color-text);
	border: 1px solid var(--color-text);
}

.button-3:hover:after {
    filter: brightness(0);
}

.button-3.arrow:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='10' height='9' viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.34122 0.329505C5.90733 -0.109835 5.20378 -0.109835 4.76989 0.329505C4.33594 0.768845 4.33594 1.48115 4.76989 1.92049L6.20644 3.37499H1.11111C0.497461 3.37499 0 3.87866 0 4.49999C0 5.12133 0.497461 5.62499 1.11111 5.62499H6.20644L4.76989 7.0795C4.33594 7.51881 4.33594 8.23116 4.76989 8.67047C5.20378 9.10984 5.90733 9.10984 6.34122 8.67047L9.67455 5.29548C9.72877 5.24058 9.77627 5.1814 9.81694 5.11902C10.1017 4.68235 10.0542 4.08892 9.67455 3.70451L6.34122 0.329505Z' fill='%231B1B1B'/%3E%3C/svg%3E") !important;
}

.button-3.arrow:hover:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='10' height='9' viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.34122 0.329505C5.90733 -0.109835 5.20378 -0.109835 4.76989 0.329505C4.33594 0.768845 4.33594 1.48115 4.76989 1.92049L6.20644 3.37499H1.11111C0.497461 3.37499 0 3.87866 0 4.49999C0 5.12133 0.497461 5.62499 1.11111 5.62499H6.20644L4.76989 7.0795C4.33594 7.51881 4.33594 8.23116 4.76989 8.67047C5.20378 9.10984 5.90733 9.10984 6.34122 8.67047L9.67455 5.29548C9.72877 5.24058 9.77627 5.1814 9.81694 5.11902C10.1017 4.68235 10.0542 4.08892 9.67455 3.70451L6.34122 0.329505Z' fill='white'/%3E%3C/svg%3E") !important;
}

.button-2-border {
    border: 2px solid var(--color-white);
}

.button.active {
    background: var(--color-black);
    border-color: var(--color-black);
    color: var(--color-white);
}

.button-4 {
    border-color: var(--color-white);
    background: var(--color-white);
  color: var(--color-1);
}

.button-4:hover {
    color: var(--color-white);
    border-color: var(--color-white);
    background: transparent;
}

.btn-small, .active .btn-small, li:has(.button-2)+li:has(.button-2) a {
    font-size: var(--fs-14);
    padding-inline: clamp(2rem,2vw,2rem); padding-block: 0.65rem; min-width: 135px;
    line-height: 2;
}

*:has(>.button+.button) {
    gap: 2rem;
    flex-wrap: wrap;
  container-type: inline-size;

  @container(max-width: 480px) {
    justify-content: center !important;
    .button {
      min-width: initial;
    }
  }
}

small {
    font-size: 1.3rem;
}

a.arrow {
    display: inline-flex;
    align-items: center;
    text-decoration: underline;
    color: var(--color-1);
    font-weight: 500;
    font-family: var(--font-text);
}

a.arrow:after {
    content: "";
    width: 36px;
    height: 12px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='36' height='13' viewBox='0 0 36 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='right-arrow (1) 1'%3E%3Cpath id='Vector' d='M29.2106 7.06261L0.5625 7.03955C0.413316 7.03955 0.270242 6.98029 0.164752 6.8748C0.0592632 6.76931 0 6.62624 0 6.47705C0 6.32787 0.0592632 6.18479 0.164752 6.0793C0.270242 5.97381 0.413316 5.91455 0.5625 5.91455L29.2112 5.93761C29.3604 5.93761 29.5034 5.99688 29.6089 6.10237C29.7144 6.20785 29.7737 6.35093 29.7737 6.50011C29.7737 6.6493 29.7144 6.79237 29.6089 6.89786C29.5034 7.00335 29.3598 7.06261 29.2106 7.06261Z' fill='%23DEB55E'/%3E%3Cpath id='Vector_2' d='M35.9996 6.50674C32.804 7.68799 28.8384 9.70849 26.3809 11.8505L28.3192 6.49999L26.3882 1.14893C28.8435 3.29374 32.8057 5.31874 35.9996 6.50674Z' fill='%23DEB55E'/%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 1rem;
    transition: 0.4s all;
}

a.arrow:hover:after {
    filter: brightness(0) invert(1)
}

a.arrow-white:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='77' height='29' viewBox='0 0 77 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75.2229 16.0697H1.77675C0.903099 16.0697 0.197266 15.3638 0.197266 14.4902C0.197266 13.6165 0.903099 12.9107 1.77675 12.9107H71.4075L61.822 3.32517C61.205 2.70818 61.205 1.70619 61.822 1.08921C62.4389 0.472218 63.4409 0.472218 64.0579 1.08921L76.3434 13.3747C76.7975 13.8288 76.9307 14.505 76.6839 15.0973C76.4371 15.6847 75.8596 16.0697 75.2229 16.0697Z' fill='white'/%3E%3Cpath d='M62.9225 28.3697C62.5178 28.3697 62.113 28.2167 61.807 27.9057C61.19 27.2887 61.19 26.2867 61.807 25.6697L74.1072 13.3695C74.7242 12.7525 75.7262 12.7525 76.3432 13.3695C76.9602 13.9865 76.9602 14.9885 76.3432 15.6054L64.0429 27.9057C63.732 28.2167 63.3272 28.3697 62.9225 28.3697Z' fill='white'/%3E%3C/svg%3E");
}

a.arrow:hover {
    color: var(--color-white);
    text-decoration: none;
}

a.arrow-2 {
    color: var(--color-1);
    font-size: var(--fs-400)
}

.arrow.button {
    color: var(--color-white);
    justify-content: center;
}

.arrow.button:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='10' height='9' viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.34122 0.329505C5.90733 -0.109835 5.20378 -0.109835 4.76989 0.329505C4.33594 0.768845 4.33594 1.48115 4.76989 1.92049L6.20644 3.37499H1.11111C0.497461 3.37499 0 3.87866 0 4.49999C0 5.12133 0.497461 5.62499 1.11111 5.62499H6.20644L4.76989 7.0795C4.33594 7.51881 4.33594 8.23116 4.76989 8.67047C5.20378 9.10984 5.90733 9.10984 6.34122 8.67047L9.67455 5.29548C9.72877 5.24058 9.77627 5.1814 9.81694 5.11902C10.1017 4.68235 10.0542 4.08892 9.67455 3.70451L6.34122 0.329505Z' fill='white'/%3E%3C/svg%3E");
}

.readmore {
    background: none;
    color: var(--color-2);
    padding: 0;
    text-decoration: none;
    font-weight: 700;
    display: inline-grid;
    grid-template-columns: auto 1.2rem;
    align-items: center;
    gap: 1rem;
    font-size: clamp(1.2rem, 2vw, 1.4rem);
    text-transform: uppercase;
}

.readmore:after {
  height: 1.2rem;
  width: 0.8rem;
  content: "";
  background: center no-repeat url("data:image/svg+xml;charset=utf8,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.44772 11.7858L7.40813 6.66677C7.50416 6.58426 7.58124 6.4819 7.63408 6.36673C7.68692 6.25155 7.71429 6.12629 7.71429 5.99952C7.71429 5.87275 7.68692 5.74748 7.63408 5.6323C7.58124 5.51713 7.50416 5.41477 7.40813 5.33226L1.44772 0.213215C0.878788 -0.275325 -5.18867e-07 0.129716 -4.8605e-07 0.88047L-3.84647e-08 11.12C-5.64823e-09 11.8708 0.878789 12.2758 1.44772 11.7858Z' fill='%233A9E74'/%3E%3C/svg%3E");
  background-size: contain;
}

.readmore:hover {
    filter: brightness(0);
}


@media(min-width: 992px) {
    .arrow.button {
        min-width: 325px;
    }
}


#pagination {
}

#pagination ol {
  display: flex;
  justify-content: center;
  list-style: none;
  text-transform: uppercase;
  margin: 0;
  padding: 1.8rem;
}

#pagination ol:before{
  content: "";
  display: block;
  margin-right: auto;
}

#pagination ol.last:after{
  content: "";
  display: block;
  margin-left: auto;
}

.paged #pagination ol:before {
  display: none;
}

#pagination li a,
#pagination li span{
  font-weight: 900;
  color: var(--color-black);
  text-decoration: none;
  padding: 0.25em;
  display: inline-block;
  margin: 0 0.75em;
  background: none;
  border: 0
}

#pagination .current{
  color: var(--color-2);
}

#pagination li:has(.prev) {
  margin-right: auto;
}

#pagination li:has(.next) {
  margin-left: auto;
}

#pagination li:has(.prev) a,
#pagination li:has(.next) a{
  display: flex;
  align-items: center;
  font-size: var(--fs-14);
}

#pagination li:has(.prev) a:before,
#pagination li:has(.next) a:before{
  width: 1.6rem;
  height: 1.6rem;
  content: "";
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1823_1025)'%3E%3Cpath d='M15.7443 7.3785L9.9661 1.6002C9.80116 1.43526 9.58132 1.34473 9.34692 1.34473C9.11225 1.34473 8.89255 1.43539 8.7276 1.6002L8.20299 2.12495C8.03818 2.28963 7.94738 2.5096 7.94738 2.74413C7.94738 2.97853 8.03818 3.20591 8.20299 3.3706L11.5739 6.74891H0.864383C0.381525 6.74891 0 7.12692 0 7.60991V8.35176C0 8.83475 0.381525 9.25087 0.864383 9.25087H11.6121L8.20312 12.648C8.03831 12.813 7.94751 13.027 7.94751 13.2615C7.94751 13.4958 8.03831 13.7129 8.20312 13.8777L8.72773 14.4007C8.89268 14.5657 9.11238 14.6556 9.34705 14.6556C9.58145 14.6556 9.80129 14.5645 9.96623 14.3996L15.7444 8.62141C15.9097 8.45595 16.0007 8.23508 16 8.00028C16.0005 7.76471 15.9097 7.5437 15.7443 7.3785Z' fill='%230DC8A9'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1823_1025'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  margin: 0 10px;
  transform: rotate(180deg);
}

#pagination li:has(.next) a {
  flex-direction: row-reverse
}

#pagination li:has(.next) a:before {
  transform: rotate(0);
}

#pagination li a:hover {
  color: var(--color-2);
}

#pagination li:has(.prev) a:hover:before,
#pagination li:has(.next) a:hover:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1823_1025)'%3E%3Cpath d='M15.7443 7.3785L9.9661 1.6002C9.80116 1.43526 9.58132 1.34473 9.34692 1.34473C9.11225 1.34473 8.89255 1.43539 8.7276 1.6002L8.20299 2.12495C8.03818 2.28963 7.94738 2.5096 7.94738 2.74413C7.94738 2.97853 8.03818 3.20591 8.20299 3.3706L11.5739 6.74891H0.864383C0.381525 6.74891 0 7.12692 0 7.60991V8.35176C0 8.83475 0.381525 9.25087 0.864383 9.25087H11.6121L8.20312 12.648C8.03831 12.813 7.94751 13.027 7.94751 13.2615C7.94751 13.4958 8.03831 13.7129 8.20312 13.8777L8.72773 14.4007C8.89268 14.5657 9.11238 14.6556 9.34705 14.6556C9.58145 14.6556 9.80129 14.5645 9.96623 14.3996L15.7444 8.62141C15.9097 8.45595 16.0007 8.23508 16 8.00028C16.0005 7.76471 15.9097 7.5437 15.7443 7.3785Z' fill='%230DC8A9'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1823_1025'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.categories-list a {
  color: var(--color-title);
  text-transform: uppercase;
  text-decoration: none;
}

.categories-list a:hover,
.categories-list .active a{
  color: var(--color-1);
}

@media(max-width: 768px) {
    .categories-list {
        background: var(--color-light-grey);
        display: flex;
        flex-direction: column;
        position: relative;
    }

  .categories-list li {
    position: relative;
  }

    .categories-list li.active:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background:  no-repeat url("data:image/svg+xml;charset=utf8,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.54628 8.00156L13.7763 1.77138C13.9206 1.62729 14 1.43493 14 1.22983C14 1.02472 13.9206 0.832367 13.7763 0.688271L13.3176 0.229462C13.0188 -0.0690888 12.533 -0.0690888 12.2345 0.229462L7.0029 5.46109L1.76547 0.223656C1.62126 0.0795598 1.42901 -5.35411e-07 1.22402 -5.44142e-07C1.0188 -5.52882e-07 0.826562 0.0795598 0.682239 0.223656L0.223657 0.682465C0.0794468 0.826676 -4.57099e-08 1.01892 -5.49112e-08 1.22402C-6.41124e-08 1.42913 0.0794467 1.62148 0.223657 1.76558L6.45941 8.00156C6.60408 8.146 6.79723 8.22533 7.00256 8.22488C7.20869 8.22533 7.40173 8.146 7.54628 8.00156Z' fill='%239F5F3F'/%3E%3C/svg%3E");
        position: absolute;
        top: 0;
        left: 0;
        background-position: calc(100% - 0px) 27px;
        cursor: pointer;
    }

    .categories-list.open:before {
        right: 0;
        left: auto;
        background-position-y: 18px;
    }

    .post-type-archive .categories-list li:not(:first-child),
    .archive:not(.post-type-archive) .categories-list li:not(.active){
        display: none;
    }

    .categories-list li.active {
        order: -1
    }

    .categories-list li a {
        padding-block: 2rem;
        display: block;
    }
}


/*****WP Forms******/


.wpforms-field-label {
    font-weight: 400 !important;
    margin-bottom: 1rem;
}

.wpforms-form input[type=text],
.wpforms-form input[type=tel],
.wpforms-form input[type=email],
.wpforms-form input[type=number],
.wpforms-form textarea{
	border: 1px solid var(--color-input-border);
	padding: 2.3rem 2rem;
	font-size: var(--fs-16);
	background: #fff;
	font-weight: 400;
	outline: none;
	border-radius: 0rem;
}

.wpforms-container .wpforms-field input.wpforms-error, .wpforms-container .wpforms-field input.user-invalid, .wpforms-container .wpforms-field textarea.wpforms-error, .wpforms-container .wpforms-field textarea.user-invalid, .wpforms-container .wpforms-field select.wpforms-error, .wpforms-container .wpforms-field select.user-invalid, .wpforms-container .wpforms-field.wpforms-has-error .choices__inner {
    border: 0 !important;
    border-bottom: 1px solid #cc0000 !important;
}

.wpforms-container label.wpforms-error {
    margin-top: 0.5rem;
    font-weight: 400;
}

.wpforms-container .wpforms-required-label {
    color: var(--color-white) !important
}

.wpforms-field-checkbox ul{
    padding: 0;
    margin-top: 1.5rem;
}

.wpforms-field-checkbox label {
    cursor: pointer;
}

.wpforms-list-inline ul {
    display: flex;
    gap: 3rem;
}

.wpforms-field-checkbox ul li:before {
    display: none;
}

.wpforms-container li input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    appearance: none;
    margin: 0;
    width: 2.8rem;
    height: 2.8rem;
}

.wpforms-container ul li:has(input[type="checkbox"]){
    display: flex;
    gap: 1.5rem;
    margin: 1rem 0;
    align-items: center;
}

.wpforms-container input[type="checkbox"]:before {
    content: "";
    width: 2.8rem;
    height: 2.8rem;
    border: 1px solid #e9e9e9;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-size: var(--fs-14);
    cursor: pointer;
    font-weight: 600;
}


.wpforms-container input[type="checkbox"]:checked:before {
    content: "\2713";
    color: var(--color-black);
    background: var(--color-white)
}

.wpforms-submit  {
  min-width: 220px;
}

div.wpforms-container .wpforms-form .choices__inner {
  border: 1px solid var(--color-input-border) !important;
  border-radius: 3rem !important;
}

body div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__inner {
  padding: 1.6rem !important;
}

div.wpforms-container .wpforms-form .choices[data-type*="select-one"]:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.00296 5.4608L1.76537 0.223435C1.6215 0.0792245 1.42914 -0.000108781 1.22403 -0.000108772C1.01881 -0.000108763 0.826569 0.0792246 0.682471 0.223435L0.223772 0.682362C0.0794468 0.826346 -3.14975e-07 1.01882 -3.0601e-07 1.22392C-2.97044e-07 1.42903 0.0794469 1.62127 0.223772 1.76537L6.45958 8.00129C6.60413 8.14596 6.79728 8.22518 7.00262 8.22461C7.20886 8.22518 7.40179 8.14607 7.54646 8.00129L13.7762 1.77117C13.9206 1.62708 14 1.43483 14 1.22961C14 1.02451 13.9206 0.832264 13.7762 0.688053L13.3175 0.22924C13.019 -0.0693127 12.533 -0.0693126 12.2345 0.22924L7.00296 5.4608Z' fill='%23565656'/%3E%3C/svg%3E");
  width: 14px!important;
  height: 9px!important;
  border: 0 !important
}

div.wpforms-container .wpforms-form .choices[data-type*="select-one"].is-open:after {
  margin-top: -2.5px !important;transform: rotate(180deg);
}

.form-disclaimer,
.form-disclaimer a {
    color: var(--color-text);
    font-weight: 400;
}

.wpforms-uploader {
  padding: 1.6rem !important;
  border-radius: 1rem !important;

  .modern-title {
    display: none;
  }

  .dz-message {
    display: flex;
    flex-direction: row-reverse !important;
    justify-content: space-between;
    width: 100%;
  }

  .dz-message:after {
    content: "Upload bestand";
    color: #bababa;
    font-size: var(--fs-14);
  }

  svg {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    background: center no-repeat url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1859_2226)'%3E%3Cpath d='M16.3146 2.16453C14.0712 -0.0789316 10.4207 -0.0789316 8.17701 2.16453L1.20172 9.13978C-0.400663 10.7423 -0.400557 13.3498 1.20194 14.9523C2.00325 15.7536 3.05548 16.1543 4.10813 16.1542C5.16049 16.154 6.21328 15.7535 7.01446 14.9523L13.4083 8.55833C13.8741 8.09258 14.1306 7.4733 14.1307 6.81461C14.1307 6.15589 13.8743 5.53665 13.4084 5.07076C12.4468 4.10927 10.8822 4.1093 9.92079 5.07093L5.73948 9.25214C5.41847 9.57311 5.41847 10.0936 5.73941 10.4146C6.06039 10.7357 6.58088 10.7356 6.90192 10.4146L11.0833 6.23341C11.4038 5.91289 11.9252 5.91282 12.2458 6.23334C12.401 6.38859 12.4866 6.59503 12.4866 6.81458C12.4866 7.03413 12.4011 7.24049 12.2458 7.39581L5.85195 13.7898C4.89039 14.7512 3.32593 14.7513 2.36445 13.7898C1.40296 12.8283 1.40289 11.2637 2.36427 10.3022L9.33952 3.32704C10.9422 1.72448 13.5497 1.72448 15.152 3.32704C15.9284 4.10329 16.356 5.13544 16.356 6.23327C16.356 7.33109 15.9284 8.36324 15.152 9.13956L8.1769 16.1149C7.85592 16.4359 7.85592 16.9564 8.17697 17.2774C8.33749 17.438 8.54787 17.5182 8.75821 17.5182C8.96858 17.5182 9.17896 17.4379 9.33948 17.2774L16.3145 10.3021C17.4014 9.21533 17.9999 7.77033 18 6.2333C18 4.69631 17.4014 3.25131 16.3146 2.16453Z' fill='%235175A9'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1859_2226'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size: contain;
    opacity: 1 !important;
  }

  svg path {
    display: none;
  }
}

@media(max-width: 480px) {
  .wpforms-container .wpforms-one-half {
    width: 100% !important;
    margin-left: 0 !important;
  }

  .wpforms-container .wpforms-one-half:has(+.wpforms-one-half) {
    margin-bottom: 1rem !important
  }
}

/*******************/
#footer {

  a {
    text-decoration: none;
  }
  .menu
  li {
    margin-bottom: 1.5rem;
  }
  .menu
  a {
    color: var(--color-text);
  text-decoration: none;
    &:hover {
      text-decoration: underline}
  }
  ul:has(.email) a {
    color: var(--color-text);
  }
  ul:has(.email) a:hover {
    color: var(--color-1);
  }

  .social_media
  a {
    color: var(--color-black);
  border: 1px solid var(--color-1);
  background: var(--color-1);
  width: 32px;
  height: 32px;
  display: block;
  text-align: center;
  border-radius: 50%;
  line-height: 32px;
    &:hover {
      color: var(--color-1);
  border-color: var(--color-1);
  background: none;
    }
  }
  p:last-child {
    margin-bottom: 0;
  }

  position: relative;
}
.footer-logo img {
  max-width: 125px;
}

#footer-bottom {

>.container {
	border-top: 1px solid #dcdcdc;
}

  a{
    color: var(--color-grey);
  }
  a:hover {
    color: var(--color-1);
  }
    p{
        margin: 0;
    }

    #conversal a:hover {
        color: var(--color-grey);
    }
}

a.alle {
    font-size: var(--fs-18);
    display: flex;
    gap: 1rem;
    text-decoration: none;
}

a.alle:after {
    content: "";
    width: 24px;
    height: 27px;
    background: center no-repeat url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='23' viewBox='0 0 24 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2081_4075)'%3E%3Cpath d='M1.15472 11.3136C1.15472 11.5874 1.26569 11.8351 1.44507 12.0145C1.62444 12.1939 1.87227 12.3048 2.1459 12.3048L19.5768 12.3048L16.3129 15.5687C15.9258 15.9557 15.9258 16.5834 16.3129 16.9704C16.7 17.3575 17.3276 17.3575 17.7146 16.9704L22.6706 12.0145C23.0577 11.6274 23.0577 10.9998 22.6706 10.6127L17.7147 5.65682C17.3276 5.26975 16.7 5.26975 16.3129 5.65682C15.9259 6.04389 15.9259 6.6715 16.3129 7.05857L19.5767 10.3224L2.1459 10.3225C1.59851 10.3225 1.15472 10.7663 1.15472 11.3136Z' fill='%23EF9D07'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2081_4075'%3E%3Crect width='16' height='16' fill='white' transform='translate(12.0579) rotate(45)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size: contain;
}

a.alle:hover {
    color: var(--color-1);
}

a.alle:hover:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='23' viewBox='0 0 24 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2081_4075)'%3E%3Cpath d='M1.15472 11.3136C1.15472 11.5874 1.26569 11.8351 1.44507 12.0145C1.62444 12.1939 1.87227 12.3048 2.1459 12.3048L19.5768 12.3048L16.3129 15.5687C15.9258 15.9557 15.9258 16.5834 16.3129 16.9704C16.7 17.3575 17.3276 17.3575 17.7146 16.9704L22.6706 12.0145C23.0577 11.6274 23.0577 10.9998 22.6706 10.6127L17.7147 5.65682C17.3276 5.26975 16.7 5.26975 16.3129 5.65682C15.9259 6.04389 15.9259 6.6715 16.3129 7.05857L19.5767 10.3224L2.1459 10.3225C1.59851 10.3225 1.15472 10.7663 1.15472 11.3136Z' fill='%23105165'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2081_4075'%3E%3Crect width='16' height='16' fill='%23105165' transform='translate(12.0579) rotate(45)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

ul.list-unstyled {
    margin: 0;
    padding: 0;

}

table {
    font-size: var(--fs-300);
}

td, th {
    padding: 1.5rem;
    border-block: 1px solid #ECEEEF; }

figure {
    position: relative;
}

figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s all;
}

figure a img:hover {
    opacity: 0.8;
}

figure .caption {
    background: var(--color-1);
    color: var(--color-white);
    font-size: var(--fs-300);
    padding: 1.75rem 2rem;
    position: absolute;
    bottom: 1rem;
    left: 0
}

a.back {
    display: flex;
    text-decoration: none;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: flex-end;
    font-family: var(--font-text);
    gap: 1rem;
}

a.back:after {
    content: "";
    width: 16px;
    height: 16px;
    transition: 0.4s all;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1815_913)'%3E%3Cpath d='M0.255736 7.37838L6.0339 1.60008C6.19884 1.43514 6.41868 1.3446 6.65308 1.3446C6.88775 1.3446 7.10745 1.43527 7.2724 1.60008L7.79701 2.12483C7.96182 2.28951 8.05262 2.50947 8.05262 2.74401C8.05262 2.97841 7.96182 3.20579 7.79701 3.37047L4.42611 6.74879H15.1356C15.6185 6.74879 16 7.1268 16 7.60979V8.35164C16 8.83462 15.6185 9.25075 15.1356 9.25075H4.38787L7.79688 12.6479C7.96169 12.8129 8.05249 13.0269 8.05249 13.2614C8.05249 13.4957 7.96169 13.7128 7.79688 13.8776L7.27227 14.4006C7.10732 14.5656 6.88762 14.6555 6.65295 14.6555C6.41855 14.6555 6.19871 14.5644 6.03377 14.3995L0.255606 8.62129C0.0902739 8.45583 -0.000652313 8.23495 -1.90735e-06 8.00016C-0.000520706 7.76458 0.0902739 7.54358 0.255736 7.37838Z' fill='%230D3346'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1815_913'%3E%3Crect width='16' height='16' fill='white' transform='matrix(-1 0 0 1 16 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size: contain;
}

a.back:hover {
    opacity: 0.9
}


a.back:hover:after {
  opacity: 0.65;
}

.menu-toggle,
.menu-toggle:hover{
    background: transparent center no-repeat;
    background: center no-repeat url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='17' viewBox='0 0 24 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.25 1.93863H0.75C0.551088 1.93863 0.360322 1.86377 0.21967 1.73052C0.0790176 1.59727 0 1.41655 0 1.2281C0 1.03966 0.0790176 0.858936 0.21967 0.725687C0.360322 0.592437 0.551088 0.517578 0.75 0.517578H23.25C23.4489 0.517578 23.6397 0.592437 23.7803 0.725687C23.921 0.858936 24 1.03966 24 1.2281C24 1.41655 23.921 1.59727 23.7803 1.73052C23.6397 1.86377 23.4489 1.93863 23.25 1.93863Z' fill='%23FDFDFD'/%3E%3Cpath d='M23.25 9.0441H0.75C0.551088 9.0441 0.360322 8.96924 0.21967 8.83599C0.0790176 8.70274 0 8.52202 0 8.33357C0 8.14513 0.0790176 7.9644 0.21967 7.83115C0.360322 7.69791 0.551088 7.62305 0.75 7.62305H23.25C23.4489 7.62305 23.6397 7.69791 23.7803 7.83115C23.921 7.9644 24 8.14513 24 8.33357C24 8.52202 23.921 8.70274 23.7803 8.83599C23.6397 8.96924 23.4489 9.0441 23.25 9.0441Z' fill='%23FDFDFD'/%3E%3Cpath d='M23.25 16.1491H0.75C0.551088 16.1491 0.360322 16.0742 0.21967 15.941C0.0790176 15.8077 0 15.627 0 15.4386C0 15.2501 0.0790176 15.0694 0.21967 14.9361C0.360322 14.8029 0.551088 14.728 0.75 14.728H23.25C23.4489 14.728 23.6397 14.8029 23.7803 14.9361C23.921 15.0694 24 15.2501 24 15.4386C24 15.627 23.921 15.8077 23.7803 15.941C23.6397 16.0742 23.4489 16.1491 23.25 16.1491Z' fill='%23FDFDFD'/%3E%3C/svg%3E");
    right: 0;
    z-index: 9;
    min-width: initial;
    padding: 0;
    border: 0;
    width: 40px;
    height: 40px;
}

.single .menu-toggle,
.single .menu-toggle:hover,
.page .menu-toggle{
        background: center no-repeat url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='17' viewBox='0 0 24 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.25 1.93863H0.75C0.551088 1.93863 0.360322 1.86377 0.21967 1.73052C0.0790176 1.59727 0 1.41655 0 1.2281C0 1.03966 0.0790176 0.858936 0.21967 0.725687C0.360322 0.592437 0.551088 0.517578 0.75 0.517578H23.25C23.4489 0.517578 23.6397 0.592437 23.7803 0.725687C23.921 0.858936 24 1.03966 24 1.2281C24 1.41655 23.921 1.59727 23.7803 1.73052C23.6397 1.86377 23.4489 1.93863 23.25 1.93863Z' fill='%23ffffff'/%3E%3Cpath d='M23.25 9.0441H0.75C0.551088 9.0441 0.360322 8.96924 0.21967 8.83599C0.0790176 8.70274 0 8.52202 0 8.33357C0 8.14513 0.0790176 7.9644 0.21967 7.83115C0.360322 7.69791 0.551088 7.62305 0.75 7.62305H23.25C23.4489 7.62305 23.6397 7.69791 23.7803 7.83115C23.921 7.9644 24 8.14513 24 8.33357C24 8.52202 23.921 8.70274 23.7803 8.83599C23.6397 8.96924 23.4489 9.0441 23.25 9.0441Z' fill='%23ffffff'/%3E%3Cpath d='M23.25 16.1491H0.75C0.551088 16.1491 0.360322 16.0742 0.21967 15.941C0.0790176 15.8077 0 15.627 0 15.4386C0 15.2501 0.0790176 15.0694 0.21967 14.9361C0.360322 14.8029 0.551088 14.728 0.75 14.728H23.25C23.4489 14.728 23.6397 14.8029 23.7803 14.9361C23.921 15.0694 24 15.2501 24 15.4386C24 15.627 23.921 15.8077 23.7803 15.941C23.6397 16.0742 23.4489 16.1491 23.25 16.1491Z' fill='%23ffffff'/%3E%3C/svg%3E");

}

body.toggled {
    background: var(--color-white);
    background-size: cover;
    height: 100vh !important;

    @media(min-height: 700px) {
        overflow: hidden;
    }
}

.toggled .menu-toggle, #search-close {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_5826_24967)'%3E%3Cpath d='M0.976745 20.3336C0.783573 20.3337 0.594729 20.2764 0.434101 20.1691C0.273472 20.0618 0.148276 19.9093 0.074347 19.7308C0.000418327 19.5523 -0.0189212 19.356 0.0187748 19.1665C0.0564707 18.977 0.149509 18.803 0.28612 18.6664L18.333 0.619562C18.5162 0.436397 18.7646 0.333496 19.0236 0.333496C19.2827 0.333496 19.5311 0.436397 19.7142 0.619562C19.8974 0.802727 20.0003 1.05115 20.0003 1.31019C20.0003 1.56922 19.8974 1.81765 19.7142 2.00081L1.66737 20.0477C1.57676 20.1385 1.4691 20.2105 1.35058 20.2596C1.23207 20.3086 1.10502 20.3338 0.976745 20.3336Z' fill='%23000000'/%3E%3Cpath d='M19.0236 20.3336C18.8953 20.3338 18.7682 20.3086 18.6497 20.2596C18.5312 20.2105 18.4235 20.1385 18.3329 20.0477L0.286066 2.00081C0.102901 1.81765 0 1.56922 0 1.31019C0 1.05115 0.102901 0.802727 0.286066 0.619562C0.469231 0.436397 0.717657 0.333496 0.976691 0.333496C1.23573 0.333496 1.48415 0.436397 1.66732 0.619562L19.7142 18.6664C19.8508 18.803 19.9438 18.977 19.9815 19.1665C20.0192 19.356 19.9999 19.5523 19.926 19.7308C19.852 19.9093 19.7268 20.0618 19.5662 20.1691C19.4056 20.2764 19.2167 20.3337 19.0236 20.3336Z' fill='%23000000'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5826_24967'%3E%3Crect width='20' height='20' fill='black' transform='translate(0 0.333496)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    top: 25px;
    z-index: 1;
    position: fixed;
    background-size: contain;
    height: 20px;
    right: 25px;
    width: 25px;
    border-radius: 0;
}

.toggled #content,
.toggled #hero,
.toggled #footer,
.toggled #footer-bottom,
.toggled #header-img,
.toggled .header-content,
.toggled .cta,
.toggled #footer-cta,
.toggled #header>.header-top{
    display: none !important;
}


#mobile-navigation {
    position: absolute;
    left: 0;
    top: 88px;
    width: 100%;
    font-family: var(--font-text-1);
    font-size: var(--fs-16);
    z-index: 9991;
    overflow: hidden;
    display: none;


    @media(min-height: 700px) {
        height: calc(100vh - 115px);
    }
}

#mobile-navigation #main-nav {
    padding-bottom: 2rem;
}

.toggled #mobile-navigation {
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.5rem 0;
    height: calc(100vh - 88px);
    overflow: auto;
}

#mobile-navigation .menu li a {
    padding: 1rem 2rem !important;
    display: block;
    font-size: var(--fs-24);
    font-weight: 500;
    color: var(--color-black);
    text-align: center;
}

#mobile-navigation .menu li a:hover:before {
    display: none;
}

#mobile-navigation .menu li.current-menu-item a {
    color: var(--color-1);
}

#mobile-navigation .menu li.has-button a {
    margin-top: 2rem;
}

#mobile-navigation .menu li:has(.submenu)> a {
  display: flex;
  gap: 1.5rem;
  align-items: center;
  &:after {
    content: "";
    width: 14px;
    height: 9px;
    background: center no-repeat url("data:image/svg+xml;charset=utf8,%3Csvg width='15' height='9' viewBox='0 0 15 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.70608 5.46091L2.46849 0.223542C2.32462 0.0793313 2.13226 -1.96982e-06 1.92716 -1.96085e-06C1.72194 -1.95188e-06 1.52969 0.0793314 1.3856 0.223542L0.926897 0.682469C0.782572 0.826453 0.703125 1.01892 0.703125 1.22403C0.703125 1.42914 0.782572 1.62138 0.926897 1.76548L7.1627 8.0014C7.30726 8.14606 7.50041 8.22528 7.70574 8.22471C7.91199 8.22528 8.10491 8.14618 8.24958 8.0014L14.4794 1.77128C14.6237 1.62718 14.7031 1.43494 14.7031 1.22972C14.7031 1.02462 14.6237 0.832371 14.4794 0.68816L14.0207 0.229347C13.7221 -0.0692059 13.2361 -0.0692058 12.9376 0.229347L7.70608 5.46091Z' fill='white'/%3E%3C/svg%3E");	}
}

#mobile-navigation .menu li .sub-menu {
  position: relative;
  /* padding-left: 4rem; */
  margin-top: -1rem;
  left: 0;
  top: 0;
  width: 100%;
  background: none;
	box-shadow: initial;


  a {
    font-size: 20px !important;
    padding: 1rem 0 !important;
    display: block;
    color: var(--color-text);
    font-weight:400;
	  font-size: 1.6rem !important
  }

  display: none;
}

#mobile-navigation .menu ul li.current-menu-item a:before {
    content: "";
    background: var(--color-light-grey);
    display: block;
    width: calc(100% + 4rem);
    height: 100%;
    position: absolute;
    left: -4rem;
    top: 0;
    z-index: -1;
}

#mobile-navigation .menu .menu-item-has-children:has(.sub-menu[style="display: block;"]) > a:after{
	transform: rotate(180deg)
}

#mobile-navigation .menu .menu-item-has-children a {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-inline: auto;
	gap: 1rem;

}

#mobile-navigation .menu-item-has-children a:after {
	content: "";
	width: 16px;
	height: 16px;
	background: center no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.2828 4.89817'%3E%3Cpath d='M4.64116,4.89817a.5001.5001,0,0,1-.34277-.13574L.15727.86448A.50018.50018,0,0,1,.84282.136L4.64116,3.71165,8.44.136a.50018.50018,0,0,1,.68555.72852L4.98393,4.76243A.5001.5001,0,0,1,4.64116,4.89817Z'/%3E%3C/svg%3E");
}

#mobile-navigation .header-top {
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 0;
    border-top: 1px solid var(--color-white);
    margin-bottom: 0 !important;
}

#mobile-navigation .opening-hours{
    margin-bottom: 85px !important;
    text-align: center;
    max-width: 250px;
    margin-inline: auto;
}

.toggled #header {
    height: 88px;
    position: relative;
    z-index: 2;
}

#wrapper {
    padding: 0 var(--padding-wrapper);
    position: relative;
}

.inner:has(main.special) #content {
    margin-top: 0
}

#header:has(#header-img) {
  height: 428px;
  display: flex;
  flex-direction: column;
  position: relative;



  &:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.3;
  }

  .header-content {
  margin-top: auto;
  margin-bottom: 8rem;
  @media(min-width: 992px) {
      &{
        margin-bottom: 12rem;
      }
    }
  }
}

.toggled #header:has(#header-img):before {
  background: none;
}


#header-img {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    z-index: -1;
    width: 100%;
}

@media(max-width: 480px) {
  #header h1 {
      hyphens: auto;
      word-break: break-all;
      overflow-wrap: break-word;
  }

}

#header {
  z-index: 1;
  top: 0;
}

/*******menu************/
div:has(>#logo) {
    /* padding-bottom: 2rem; */
}

#logo img {
    max-width: 140px;
    /* max-height: 30px; */
    object-fit: contain
}

@media(min-width: 1200px) {
    #logo img {
        max-width: 160px;
        /* max-height: 43px; */
    }

}

.toggled #logo {
  /* max-width: 175px; */
	margin-top: 2px
}

*:has(>#desktop-navigation) {
    flex-shrink: 0;
}

#desktop-navigation {
    gap: 1.5rem;

  .menu > li:last-child a {
    margin-right: 0;
  }
}

#desktop-navigation a {
    font-family: var(--font-menu);
}

#top-nav a {
    color: var(--color-text);
    font-size: var(--fs-18) !important;
    margin-left: 3rem;
}

#top-nav .current-menu-item a, #top-nav a:hover {
    color: var(--color-2)
}

#main-nav a {
    color: var(--color-white);
    margin-inline: 0.5rem;
    font-size: var(--fs-16);
    font-weight: 400;
    border-bottom: 0.15rem solid transparent;
    padding: 2.5rem 1.3rem;
}

#main-nav .sub-menu {
	flex-direction: column;
	background: #fff;

	a {
		padding-block: 1rem;
	}
}

#main-nav .current-menu-item:not(.menu-item-type-custom) a,
#main-nav a:hover {
    /* border-color: var(--color-white); */
    color: var(--color-1);
}

@media(min-width: 1350px) {
    #main-nav a {
        font-size: var(--fs-18);
        margin-inline: 1rem;
    }
}

#main-nav .menu > li:hover > a:before {
  opacity: 1;
}

#main-nav .menu > li.current-menu-item > a:before {
  opacity: 1;
}

/*BREADCRUMBS*/
#breadcrumbs {
    /* padding: 4rem; */
}

#breadcrumbs h1 {
    margin: 0;
}

#breadcrumbs ul:before {
    content: "";
    width: 20px;
    height: 20px;
	background: center no-repeat url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2058_12274)'%3E%3Cpath d='M15.3125 19.9986H4.6875C2.10281 19.9986 0 17.8958 0 15.3111V8.73798C0 7.28521 0.689649 5.89188 1.84477 5.01083L7.15727 0.958916C8.83105 -0.317686 11.1689 -0.317686 12.8427 0.958916L14.5312 2.24563V1.24856C14.5725 0.212002 16.0529 0.212783 16.0938 1.24856V3.82321C16.0938 4.1202 15.9254 4.39149 15.6592 4.52333C15.393 4.65513 15.0752 4.62458 14.8389 4.44462L11.8954 2.20153C10.7793 1.35028 9.22062 1.35028 8.1048 2.20134L2.7923 6.25325C2.02227 6.84056 1.5625 7.76942 1.5625 8.73798V15.3111C1.5625 17.0342 2.96438 18.4361 4.6875 18.4361H15.3125C17.0356 18.4361 18.4375 17.0342 18.4375 15.3111V8.73798C18.4375 7.75755 17.9829 6.82552 17.2215 6.24474C16.8784 5.98306 16.8125 5.49282 17.0741 5.14978C17.3358 4.80669 17.8261 4.74071 18.1691 5.00239C19.3155 5.87677 20 7.27325 20 8.73798V15.3111C20 17.8958 17.8972 19.9986 15.3125 19.9986ZM8.4375 9.022C7.89816 9.022 7.46094 9.45923 7.46094 9.99856C7.51254 11.2943 9.36293 11.2933 9.41406 9.99856C9.41406 9.45919 8.97684 9.022 8.4375 9.022ZM12.5391 9.99853C12.4875 11.2942 10.6371 11.2933 10.5859 9.99853C10.6375 8.70282 12.4879 8.70384 12.5391 9.99853ZM9.41406 13.1235C9.36246 14.4192 7.51207 14.4183 7.46094 13.1235C7.51254 11.8278 9.36293 11.8288 9.41406 13.1235ZM12.5391 13.1235C12.4875 14.4192 10.6371 14.4183 10.5859 13.1235C10.6375 11.8278 12.4879 11.8288 12.5391 13.1235Z' fill='%23008C8C'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2058_12274'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");    margin-right: 1.5rem
}

#breadcrumbs ul a {
    color: var(--color-black);
    text-decoration: none;
    font-weight: 600;
    font-size: var(--fs-14);
}

#breadcrumbs ul li:last-child a, #breadcrumbs ul li a:hover {
    color: var(--color-black)
}

#breadcrumbs ul li a:hover {
    color: var(--color-1);
}

#breadcrumbs .divider {
    width: 8px;
    height: 14px;
	background: center no-repeat url("data:image/svg+xml;charset=utf8,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.23619 6.99704L0.998826 12.2346C0.854615 12.3785 0.775282 12.5709 0.775282 12.776C0.775282 12.9812 0.854615 13.1734 0.998826 13.3175L1.45775 13.7762C1.60174 13.9206 1.79421 14 1.99931 14C2.20442 14 2.39666 13.9206 2.54076 13.7762L8.77668 7.54042C8.92135 7.39587 9.00057 7.20272 9 6.99738C9.00057 6.79114 8.92146 6.59821 8.77668 6.45354L2.54656 0.223773C2.40247 0.0794474 2.21022 5.93581e-07 2.005 6.11522e-07C1.7999 6.29453e-07 1.60765 0.0794474 1.46344 0.223773L1.00463 0.682472C0.706077 0.981025 0.706077 1.46704 1.00463 1.76548L6.23619 6.99704Z' fill='%23DDDDDD'/%3E%3C/svg%3E");    background-size: contain;
    margin: 0 1.5rem
}

@media(max-width: 480px) {
    #breadcrumbs h1 {
        word-break: break-all;
    }
}
/********404*********/


.error404 {

    #breadcrumbs {
        display: none;
    }
  h1 {
    font-size: clamp(11.2rem,22vw,34rem);
    line-height: 1;
  }

    h2 {
        line-height: 1;
    }
  #main > img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-position: 24%;
    filter: blur(0.3rem);
  }

  #main {
    min-height: 521px;
  }

  @media(min-width: 992px) {
    #main > img {
      filter: initial;
      object-position: clamp(24%, 10vw, 0);
    }

      #wrapper:before,
      #wrapper:after{
        content: "";
        display: block;
        position: absolute;
        width: 317px;
        height: 354px;
        background: url(img/path2.png);
        background-size: contain;
        transform: rotate(0deg) scaleX(-1);
        left: -14rem;
        bottom: 0;
      }

      #wrapper:after {
          bottom: auto;
          left: auto;
          right: -9rem;
          top: 25rem;
          transform: rotate(0deg) scaleX(1);
      }

  }
}

/****** START *********/

#header {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	border-bottom: 1px solid rgba(253, 253, 253, 0.24);
	background: rgba(253, 253, 253, 0.08);
	backdrop-filter: blur(4px);
}
@media(min-width: 1300px) {

	.admin-bar #header {
		top: 32px;
	}
}
#hero {
	color: var(--color-white);
	min-height: 325px;
	height: clamp(600px, 50vw, 880px);
	max-height: 880px;
	background-attachment: fixed;
	background-position: center right;
	background-size: cover;
	position: relative;

	h1 {
		font-size: var(--fs-40);
	}

	@media(min-width: 992px) {
		h1 {
			font-size: var(--fs-48)
		}
	}
}

#hero:after {
	content: "";
	display: block;
	height: 100%;
	width: 100%;
	background: linear-gradient(270deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0.56) 100%);
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1
}

.has-border {
	position: relative;
}

.has-border:before,
.has-border:after{
	content: "";
	display: block;
	position: absolute;
	width: calc(100% - 0px);
	height: calc(100% - 0px);
	clip-path: polygon(30px 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%, 0 30px);
	background: var(--color-1);
	top: -10px;
	right: -10px;
	z-index: -1;
}

.has-border:after {
	background: #fff;
	top: -8px;
	right: -8px;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	clip-path: polygon(29px 0, 100% 0, 100% calc(100% - 29px), calc(100% - 29px) 100%, 0 100%, 0 29px);
}
.has-border img {
	clip-path: polygon(20px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 20px);
}

@media(min-width: 1200px) {
	.has-border img {
		clip-path: polygon(75px 0, 100% 0, 100% calc(100% - 75px), calc(100% - 75px) 100%, 0 100%, 0 75px);
	}

	.has-border:before {
		top: -20px;
		right: -20px;
		clip-path: polygon(75px 0, 100% 0, 100% calc(100% - 75px), calc(100% - 75px) 100%, 0 100%, 0 75px);
		width: calc(100% - 14px);
		height: calc(100% - 14px);
	}
	.has-border:after {
		clip-path: polygon(74px 0, 100% 0, 100% calc(100% - 74px), calc(100% - 74px) 100%, 0 100%, 0 74px);
		top: -18px;
		right: -18px;
		width: calc(100% - 18px);
		height: calc(100% - 18px);
		/* background: green; */
	}
}

.accordion-container {
	.accordion-item {
		border: 1px solid #EFEFEF;
	}
	h4 {
		cursor: pointer;
		margin: 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	h4+div {
		border-top: 1px solid #EFEFEF;
	}
}

.accordion-item h4:after {
	content: "";
	width: 15px;
	height: 8px;
	background:center no-repeat url("data:image/svg+xml;charset=utf8,%3Csvg width='15' height='10' viewBox='0 0 15 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.8' d='M7.50003 9.09091C7.32566 9.09091 7.15111 9.02426 7.01799 8.89113L0.199815 2.07296C-0.066605 1.80654 -0.066605 1.37512 0.199815 1.10887C0.466235 0.842623 0.897655 0.842453 1.1639 1.10887L7.50003 7.445L13.8362 1.10887C14.1026 0.842453 14.534 0.842453 14.8002 1.10887C15.0665 1.37529 15.0667 1.80671 14.8002 2.07296L7.98208 8.89113C7.84895 9.02426 7.67441 9.09091 7.50003 9.09091Z' fill='%23191919'/%3E%3C/svg%3E");
	display: block;
}

.accordion-item h4.open:after {
	transform: rotate(180deg);
}

.wpforms-container .wpforms-field-label {
	font-family: var(--font-title);
	text-transform: uppercase;
	font-size: var(--fs-20)
}

#wpforms-10-field_4 label,
#wpforms-10-field_4 label a{
	color: var(--color-grey)
}

.contact-info {

	li {
		margin-block: 3rem;
	}
	a {
		display: inline-grid;
		grid-template-columns: 20px auto;
		align-items: center;
		gap: 1.5rem;
		text-decoration: none;
		color: var(--color-text)
	}

	a:hover {
		color: var(--color-1)
	}

	a:before {
		width: 20px;
		height: 20px;
		content: "";
	}

	.phone a:before {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_14788_609)'%3E%3Cpath d='M4.07532 13.2947C6.04797 15.6527 8.42261 17.5093 11.1329 18.823C12.1648 19.3121 13.5449 19.8923 15.0824 19.9917C15.1777 19.9959 15.2689 20 15.3642 20C16.3961 20 17.2249 19.6436 17.9004 18.9101C17.9046 18.9059 17.9129 18.8976 17.917 18.8893C18.1574 18.5993 18.4309 18.3382 18.7168 18.0605C18.9116 17.874 19.1105 17.6792 19.3012 17.4803C20.1839 16.5603 20.1839 15.3916 19.2929 14.5006L16.8022 12.0099C16.3795 11.5707 15.8739 11.3386 15.3435 11.3386C14.813 11.3386 14.3033 11.5707 13.8681 12.0058L12.3845 13.4894C12.2477 13.4107 12.1068 13.3402 11.9742 13.2739C11.8084 13.191 11.6551 13.1123 11.5183 13.0253C10.1673 12.1674 8.94064 11.0485 7.76782 9.61044C7.1752 8.86034 6.77735 8.23042 6.49969 7.58807C6.88925 7.23581 7.25394 6.86697 7.6062 6.50642C7.73052 6.37795 7.859 6.24948 7.98747 6.12101C8.43504 5.67344 8.67541 5.15541 8.67541 4.62909C8.67541 4.10278 8.43919 3.58475 7.98747 3.13717L6.75249 1.9022C6.60744 1.75715 6.47068 1.61625 6.32978 1.4712C6.05626 1.18939 5.77031 0.899296 5.4885 0.63821C5.06165 0.219644 4.5602 0 4.02974 0C3.50342 0 2.99783 0.219644 2.5544 0.642354L1.00446 2.19229C0.440844 2.75591 0.121739 3.4397 0.0554318 4.23125C-0.0233084 5.22172 0.159037 6.27435 0.631478 7.54662C1.35672 9.51513 2.45079 11.3427 4.07532 13.2947ZM1.06662 4.31828C1.11635 3.76709 1.32771 3.30709 1.72555 2.90924L3.2672 1.36759C3.50757 1.13552 3.7728 1.01533 4.02974 1.01533C4.28253 1.01533 4.53948 1.13552 4.7757 1.37588C5.05336 1.63282 5.31445 1.9022 5.59625 2.18815C5.73716 2.3332 5.8822 2.47824 6.02725 2.62743L7.26223 3.86241C7.51917 4.11935 7.65178 4.38044 7.65178 4.63738C7.65178 4.89432 7.51917 5.15541 7.26223 5.41235C7.13376 5.54082 7.00529 5.67344 6.87682 5.80191C6.4914 6.19146 6.13086 6.5603 5.73301 6.91256C5.72472 6.92085 5.72058 6.92499 5.71229 6.93328C5.36832 7.27725 5.42219 7.60464 5.50508 7.85329C5.50922 7.86573 5.51337 7.87402 5.51751 7.88645C5.83662 8.65313 6.28005 9.38251 6.97213 10.2528C8.2154 11.7862 9.52497 12.9755 10.9672 13.8914C11.1454 14.0075 11.336 14.0986 11.5142 14.1898C11.68 14.2727 11.8333 14.3514 11.9701 14.4385C11.9866 14.4467 11.9991 14.455 12.0156 14.4633C12.1524 14.5338 12.285 14.5669 12.4176 14.5669C12.7492 14.5669 12.9647 14.3556 13.0351 14.2851L14.5851 12.7352C14.8254 12.4948 15.0865 12.3663 15.3435 12.3663C15.6584 12.3663 15.9154 12.5611 16.077 12.7352L18.5759 15.23C19.0733 15.7273 19.0691 16.2661 18.5635 16.7924C18.3895 16.9789 18.2071 17.1571 18.0123 17.3436C17.7222 17.6254 17.4197 17.9155 17.1462 18.2429C16.6696 18.7567 16.1018 18.9971 15.3683 18.9971C15.2979 18.9971 15.2233 18.993 15.1528 18.9888C13.7935 18.9018 12.5295 18.3713 11.5805 17.9196C9.0028 16.6722 6.74006 14.9026 4.86273 12.6564C3.31693 10.7957 2.27673 9.06341 1.58879 7.2068C1.16194 6.06714 1.00031 5.15126 1.06662 4.31828Z' fill='%23CD3835'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_14788_609'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	}

	.email a:before {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.3333 2.5H1.66668C0.747461 2.5 0 3.24746 0 4.16668V15.8334C0 16.7525 0.747461 17.5 1.66668 17.5H18.3334C19.2525 17.5 20 16.7525 20 15.8333V4.16668C20 3.24746 19.2525 2.5 18.3333 2.5ZM1.66668 3.33332H18.3334C18.3948 3.33332 18.4489 3.3557 18.5065 3.36836C17.0636 4.68895 12.279 9.06598 10.6047 10.5745C10.4737 10.6925 10.2625 10.8333 10 10.8333C9.73758 10.8333 9.52641 10.6925 9.39496 10.5741C7.72078 9.06582 2.93598 4.68855 1.49328 3.36844C1.55102 3.35578 1.60523 3.33332 1.66668 3.33332ZM0.83332 15.8333V4.16668C0.83332 4.08504 0.85793 4.01098 0.879961 3.93637C1.98434 4.94715 5.32277 8.00121 7.48746 9.96969C5.3298 11.8231 1.99051 14.989 0.877344 16.0505C0.857695 15.9796 0.83332 15.9104 0.83332 15.8333ZM18.3333 16.6667H1.66668C1.60012 16.6667 1.54094 16.6435 1.47879 16.6286C2.62906 15.5321 5.98961 12.3479 8.10934 10.5345C8.38566 10.7852 8.63809 11.0138 8.83707 11.193C9.18051 11.5031 9.5825 11.6667 10 11.6667C10.4175 11.6667 10.8195 11.5031 11.1625 11.1934C11.3616 11.0141 11.6142 10.7853 11.8907 10.5345C14.0105 12.3477 17.3706 15.5316 18.5212 16.6286C18.4591 16.6435 18.4 16.6667 18.3333 16.6667ZM19.1667 15.8333C19.1667 15.9103 19.1423 15.9796 19.1227 16.0505C18.0091 14.9885 14.6702 11.8229 12.5126 9.96973C14.6773 8.00125 18.0153 4.94746 19.12 3.93629C19.1421 4.0109 19.1667 4.085 19.1667 4.16664V15.8333Z' fill='%23CD3835'/%3E%3C/svg%3E");
	}
}

.home .logo_desktop img{
	filter: brightness(0) invert(1);
}

.inner #header {
	position: initial;
}

.inner #main-nav li:not(.has-button) a {
	color: var(--color-black)
}

.inner #main-nav li:not(.has-button) a:hover {
	color: var(--color-1)
}

#footer .menu a:hover {
	background: none;
}
