@charset "UTF-8";
/*!
Theme Name: easyseed_theme_2020
Theme URI: https://underscores.me/
Author: Automattic
Author URI: https://automattic.com/
Description: Hi. I'm a starter theme called <code>_s</code>, or <em>underscores</em>, if you like. I'm a theme meant for hacking so don't use me as a <em>Parent Theme</em>. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: easyseed_theme_2020
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.

_s 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 S:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/* Calculations gutenberg
========================================================================== */
/* fira-sans-200italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 200;
  src: url("../_easyseed/fonts/fira-sans-v10-latin-200italic.eot");
  /* IE9 Compat Modes */
  src: local("Fira Sans ExtraLight Italic"), local("FiraSans-ExtraLightItalic"), url("../_easyseed/fonts/fira-sans-v10-latin-200italic.eot?#iefix") format("embedded-opentype"), url("../_easyseed/fonts/fira-sans-v10-latin-200italic.woff2") format("woff2"), url("../_easyseed/fonts/fira-sans-v10-latin-200italic.woff") format("woff"), url("../_easyseed/fonts/fira-sans-v10-latin-200italic.ttf") format("truetype"), url("../_easyseed/fonts/fira-sans-v10-latin-200italic.svg#FiraSans") format("svg");
  /* Legacy iOS */ }

/* fira-sans-200 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 200;
  src: url("../_easyseed/fonts/fira-sans-v10-latin-200.eot");
  /* IE9 Compat Modes */
  src: local("Fira Sans ExtraLight"), local("FiraSans-ExtraLight"), url("../_easyseed/fonts/fira-sans-v10-latin-200.eot?#iefix") format("embedded-opentype"), url("../_easyseed/fonts/fira-sans-v10-latin-200.woff2") format("woff2"), url("../_easyseed/fonts/fira-sans-v10-latin-200.woff") format("woff"), url("../_easyseed/fonts/fira-sans-v10-latin-200.ttf") format("truetype"), url("../_easyseed/fonts/fira-sans-v10-latin-200.svg#FiraSans") format("svg");
  /* Legacy iOS */ }

/* fira-sans-300 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 300;
  src: url("../_easyseed/fonts/fira-sans-v10-latin-300.eot");
  /* IE9 Compat Modes */
  src: local("Fira Sans Light"), local("FiraSans-Light"), url("../_easyseed/fonts/fira-sans-v10-latin-300.eot?#iefix") format("embedded-opentype"), url("../_easyseed/fonts/fira-sans-v10-latin-300.woff2") format("woff2"), url("../_easyseed/fonts/fira-sans-v10-latin-300.woff") format("woff"), url("../_easyseed/fonts/fira-sans-v10-latin-300.ttf") format("truetype"), url("../_easyseed/fonts/fira-sans-v10-latin-300.svg#FiraSans") format("svg");
  /* Legacy iOS */ }

/* fira-sans-300italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 300;
  src: url("../_easyseed/fonts/fira-sans-v10-latin-300italic.eot");
  /* IE9 Compat Modes */
  src: local("Fira Sans Light Italic"), local("FiraSans-LightItalic"), url("../_easyseed/fonts/fira-sans-v10-latin-300italic.eot?#iefix") format("embedded-opentype"), url("../_easyseed/fonts/fira-sans-v10-latin-300italic.woff2") format("woff2"), url("../_easyseed/fonts/fira-sans-v10-latin-300italic.woff") format("woff"), url("../_easyseed/fonts/fira-sans-v10-latin-300italic.ttf") format("truetype"), url("../_easyseed/fonts/fira-sans-v10-latin-300italic.svg#FiraSans") format("svg");
  /* Legacy iOS */ }

/* fira-sans-regular - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: url("../_easyseed/fonts/fira-sans-v10-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Fira Sans Regular"), local("FiraSans-Regular"), url("../_easyseed/fonts/fira-sans-v10-latin-regular.eot?#iefix") format("embedded-opentype"), url("../_easyseed/fonts/fira-sans-v10-latin-regular.woff2") format("woff2"), url("../_easyseed/fonts/fira-sans-v10-latin-regular.woff") format("woff"), url("../_easyseed/fonts/fira-sans-v10-latin-regular.ttf") format("truetype"), url("../_easyseed/fonts/fira-sans-v10-latin-regular.svg#FiraSans") format("svg");
  /* Legacy iOS */ }

/* fira-sans-500 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 500;
  src: url("../_easyseed/fonts/fira-sans-v10-latin-500.eot");
  /* IE9 Compat Modes */
  src: local("Fira Sans Medium"), local("FiraSans-Medium"), url("../_easyseed/fonts/fira-sans-v10-latin-500.eot?#iefix") format("embedded-opentype"), url("../_easyseed/fonts/fira-sans-v10-latin-500.woff2") format("woff2"), url("../_easyseed/fonts/fira-sans-v10-latin-500.woff") format("woff"), url("../_easyseed/fonts/fira-sans-v10-latin-500.ttf") format("truetype"), url("../_easyseed/fonts/fira-sans-v10-latin-500.svg#FiraSans") format("svg");
  /* Legacy iOS */ }

/* fira-sans-italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 400;
  src: url("../_easyseed/fonts/fira-sans-v10-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local("Fira Sans Italic"), local("FiraSans-Italic"), url("../_easyseed/fonts/fira-sans-v10-latin-italic.eot?#iefix") format("embedded-opentype"), url("../_easyseed/fonts/fira-sans-v10-latin-italic.woff2") format("woff2"), url("../_easyseed/fonts/fira-sans-v10-latin-italic.woff") format("woff"), url("../_easyseed/fonts/fira-sans-v10-latin-italic.ttf") format("truetype"), url("../_easyseed/fonts/fira-sans-v10-latin-italic.svg#FiraSans") format("svg");
  /* Legacy iOS */ }

/* fira-sans-500italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 500;
  src: url("../_easyseed/fonts/fira-sans-v10-latin-500italic.eot");
  /* IE9 Compat Modes */
  src: local("Fira Sans Medium Italic"), local("FiraSans-MediumItalic"), url("../_easyseed/fonts/fira-sans-v10-latin-500italic.eot?#iefix") format("embedded-opentype"), url("../_easyseed/fonts/fira-sans-v10-latin-500italic.woff2") format("woff2"), url("../_easyseed/fonts/fira-sans-v10-latin-500italic.woff") format("woff"), url("../_easyseed/fonts/fira-sans-v10-latin-500italic.ttf") format("truetype"), url("../_easyseed/fonts/fira-sans-v10-latin-500italic.svg#FiraSans") format("svg");
  /* Legacy iOS */ }

/* fira-sans-600 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 600;
  src: url("../_easyseed/fonts/fira-sans-v10-latin-600.eot");
  /* IE9 Compat Modes */
  src: local("Fira Sans Regular"), local("FiraSans-Regular"), url("../_easyseed/fonts/fira-sans-v10-latin-600.eot?#iefix") format("embedded-opentype"), url("../_easyseed/fonts/fira-sans-v10-latin-600.woff2") format("woff2"), url("../_easyseed/fonts/fira-sans-v10-latin-600.woff") format("woff"), url("../_easyseed/fonts/fira-sans-v10-latin-600.ttf") format("truetype"), url("../_easyseed/fonts/fira-sans-v10-latin-600.svg#FiraSans") format("svg");
  /* Legacy iOS */ }

/* fira-sans-600italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 600;
  src: url("../_easyseed/fonts/fira-sans-v10-latin-600italic.eot");
  /* IE9 Compat Modes */
  src: local("Fira Sans Regular Italic"), local("FiraSans-RegularItalic"), url("../_easyseed/fonts/fira-sans-v10-latin-600italic.eot?#iefix") format("embedded-opentype"), url("../_easyseed/fonts/fira-sans-v10-latin-600italic.woff2") format("woff2"), url("../_easyseed/fonts/fira-sans-v10-latin-600italic.woff") format("woff"), url("../_easyseed/fonts/fira-sans-v10-latin-600italic.ttf") format("truetype"), url("../_easyseed/fonts/fira-sans-v10-latin-600italic.svg#FiraSans") format("svg");
  /* Legacy iOS */ }

/* fira-sans-700 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 700;
  src: url("../_easyseed/fonts/fira-sans-v10-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Fira Sans Bold"), local("FiraSans-Bold"), url("../_easyseed/fonts/fira-sans-v10-latin-700.eot?#iefix") format("embedded-opentype"), url("../_easyseed/fonts/fira-sans-v10-latin-700.woff2") format("woff2"), url("../_easyseed/fonts/fira-sans-v10-latin-700.woff") format("woff"), url("../_easyseed/fonts/fira-sans-v10-latin-700.ttf") format("truetype"), url("../_easyseed/fonts/fira-sans-v10-latin-700.svg#FiraSans") format("svg");
  /* Legacy iOS */ }

/* fira-sans-700italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 700;
  src: url("../_easyseed/fonts/fira-sans-v10-latin-700italic.eot");
  /* IE9 Compat Modes */
  src: local("Fira Sans Bold Italic"), local("FiraSans-BoldItalic"), url("../_easyseed/fonts/fira-sans-v10-latin-700italic.eot?#iefix") format("embedded-opentype"), url("../_easyseed/fonts/fira-sans-v10-latin-700italic.woff2") format("woff2"), url("../_easyseed/fonts/fira-sans-v10-latin-700italic.woff") format("woff"), url("../_easyseed/fonts/fira-sans-v10-latin-700italic.ttf") format("truetype"), url("../_easyseed/fonts/fira-sans-v10-latin-700italic.svg#FiraSans") format("svg");
  /* Legacy iOS */ }

/* fira-sans-800 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 800;
  src: url("../_easyseed/fonts/fira-sans-v10-latin-800.eot");
  /* IE9 Compat Modes */
  src: local("Fira Sans ExtraBold"), local("FiraSans-ExtraBold"), url("../_easyseed/fonts/fira-sans-v10-latin-800.eot?#iefix") format("embedded-opentype"), url("../_easyseed/fonts/fira-sans-v10-latin-800.woff2") format("woff2"), url("../_easyseed/fonts/fira-sans-v10-latin-800.woff") format("woff"), url("../_easyseed/fonts/fira-sans-v10-latin-800.ttf") format("truetype"), url("../_easyseed/fonts/fira-sans-v10-latin-800.svg#FiraSans") format("svg");
  /* Legacy iOS */ }

/* fira-sans-800italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 800;
  src: url("../_easyseed/fonts/fira-sans-v10-latin-800italic.eot");
  /* IE9 Compat Modes */
  src: local("Fira Sans ExtraBold Italic"), local("FiraSans-ExtraBoldItalic"), url("../_easyseed/fonts/fira-sans-v10-latin-800italic.eot?#iefix") format("embedded-opentype"), url("../_easyseed/fonts/fira-sans-v10-latin-800italic.woff2") format("woff2"), url("../_easyseed/fonts/fira-sans-v10-latin-800italic.woff") format("woff"), url("../_easyseed/fonts/fira-sans-v10-latin-800italic.ttf") format("truetype"), url("../_easyseed/fonts/fira-sans-v10-latin-800italic.svg#FiraSans") format("svg");
  /* Legacy iOS */ }

/* fira-sans-900 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 900;
  src: url("../_easyseed/fonts/fira-sans-v10-latin-900.eot");
  /* IE9 Compat Modes */
  src: local("Fira Sans Black"), local("FiraSans-Black"), url("../_easyseed/fonts/fira-sans-v10-latin-900.eot?#iefix") format("embedded-opentype"), url("../_easyseed/fonts/fira-sans-v10-latin-900.woff2") format("woff2"), url("../_easyseed/fonts/fira-sans-v10-latin-900.woff") format("woff"), url("../_easyseed/fonts/fira-sans-v10-latin-900.ttf") format("truetype"), url("../_easyseed/fonts/fira-sans-v10-latin-900.svg#FiraSans") format("svg");
  /* Legacy iOS */ }

/* fira-sans-900italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 900;
  src: url("../_easyseed/fonts/fira-sans-v10-latin-900italic.eot");
  /* IE9 Compat Modes */
  src: local("Fira Sans Black Italic"), local("FiraSans-BlackItalic"), url("../_easyseed/fonts/fira-sans-v10-latin-900italic.eot?#iefix") format("embedded-opentype"), url("../_easyseed/fonts/fira-sans-v10-latin-900italic.woff2") format("woff2"), url("../_easyseed/fonts/fira-sans-v10-latin-900italic.woff") format("woff"), url("../_easyseed/fonts/fira-sans-v10-latin-900italic.ttf") format("truetype"), url("../_easyseed/fonts/fira-sans-v10-latin-900italic.svg#FiraSans") format("svg");
  /* Legacy iOS */ }

@font-face {
  font-family: 'Estandar';
  font-style: bold;
  font-weight: 800;
  src: url("../_easyseed/fonts/Estandar-Bold-webfont.eot");
  /* IE9 Compat Modes */
  src: local("Estandar Bold"), local("Estandar-Bold"), url("../_easyseed/fonts/Estandar-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../_easyseed/fonts/Estandar-Bold-webfont.woff2") format("woff2"), url("../_easyseed/fonts/Estandar-Bold-webfont.woff") format("woff"), url("../_easyseed/fonts/Estandar-Bold-webfont.ttf") format("truetype"), url("../_easyseed/fonts/Estandar-Bold-webfont.svg#FiraSans") format("svg");
  /* Legacy iOS */ }

@font-face {
font-family: 'Estandar';
font-style: normal;
font-weight: 500;
src: url("../_easyseed/fonts/Estandar-Regular-webfont.eot");
/* IE9 Compat Modes */
src: local("Estandar Regular"), local("Estandar-Regular"), url("../_easyseed/fonts/Estandar-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../_easyseed/fonts/Estandar-Regular-webfont.woff2") format("woff2"), url("../_easyseed/fonts/Estandar-Regular-webfont.woff") format("woff"), url("../_easyseed/fonts/Estandar-Regular-webfont.ttf") format("truetype"), url("../_easyseed/fonts/Estandar-Regular-webfont.svg#FiraSans") format("svg");
/* Legacy iOS */ }

:root {
  --ease-green-dark: #0d2f05;
  --ease-green-dark-hsl: 109 81 10;
  --ease-green: #557634;
  --ease-green-hsl: 90 39 33;
  --ease-orange-dark: #ec7a00;
  --ease-orange-dark-hsl: 31 100 46;
  --ease-orange-hell: #f9a82a;

  --shade-1: hsl(30, 100%, 10%);
  --shade-2: hsl(30, 100%, 15%);
  --shade-3: hsl(30, 100%, 20%);
  --shade-4: hsl(30, 100%, 25%);
  --shade-5: hsl(30, 100%, 35%);
  --shade-6: hsl(30 , 100%, 45%);

  --shade-7: hsl(110, 100%, 10%);

  --ease-pd-inline: 2rem;
}

html {
  font-size: 16px;
}

/*--------------------------------------------------------------
# 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 {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

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

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

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

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

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

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

/**
 * 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 {
  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 {
  -webkit-box-sizing: border-box;
  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"] {
  -webkit-box-sizing: border-box;
  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; }


.site-main {
  max-width: 100vW;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
  color: hsl(var(--ease-green-dark-hsl));
  font-family: "Fira Sans", Roboto, Oxygen-Sans, Ubuntu, sans-serif;
  font-size: 1rem;
  line-height: 1.5; }

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  font-family: "Estandar", Roboto, Oxygen-Sans, Ubuntu, sans-serif;
}

p {
  margin-bottom: 0.5rem; }

p:last-child {
  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;
  font-size: 0.9375rem;
  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;
  font-size: 0.9375rem; }

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

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

big {
  font-size: 125%; }

/** 
Typography | Global */

 
@supports (font-size: clamp(1rem, 1vi, 1rem)) {
  :root {
    --fs-base: clamp(0.9rem, 0.2vi + 1rem, 1.1rem);
    --fs-baseplus: clamp(1em, 0.25vi + 1.05rem, 1.15rem);
    --fs-h3: clamp(1.250rem, calc(1.121rem + 0.645vw), 1.500rem);
    --fs-h2: clamp(1.600rem, calc(1.150rem + 2.25vw), 2.500rem);
    --fs-h1: clamp(2.550rem, calc(2.325rem + 1.125vw), 3.000rem);
    --fs-xxl: clamp(34.8px, 1.6vi + 28.9px, 45px);

    --lh-h3: clamp(1.625rem, calc(1.438rem + 0.938vw), 2.000rem);
    --lh-h2: clamp(1.875rem, calc(1.188rem + 3.438vw), 3.250rem);
  }
}
@supports not (font-size: clamp(1rem, 1vi, 1rem)) {
  :root {
    --fs-base: 15px;
    --fs-baseplus: 1.05rem;
    --fs-xxl: 34.8px;
    --fs-h3: 1.25rem;
    --fs-h2: 1.6rem; 
    --fs-h1: 2.55rem;
    
    --lh-h3: 1.625rem;
    --lh-h2: 1.875rem;}
  @media screen and (width >= 680px) {
    :root {
      --fs-h3: 1.35rem; 
      --fs-h2: 1.9rem;
      --fs-h1: 2.8rem; } }
  @media screen and (min-width: 960px) {
    :root {
      --fs-base: 16px;
      --fs-baseplus:1.15rem;
      --fs-h3: 1.5rem;
      --fs-h2: 2.5rem;
      --fs-h1: 3rem;
      --fs-xxl: 45px;
      
      --lh-h3: 2rem;
      --lh-h2: 3.250rem;}
  }
}

:root {
  --spacer-05: 0.5rem;
}

/* body font size */
/*
	--text-base-size: 1em;*/
/* type scale */
/*
	--text-scale-ratio: 1.2;
	--text-xs: calc((1em / var(--text-scale-ratio)) / var(--text-scale-ratio));
	--text-sm: calc(var(--text-xs) * var(--text-scale-ratio));
	--text-md: calc(var(--text-sm) * var(--text-scale-ratio) * var(--text-scale-ratio));
	--text-lg: calc(var(--text-md) * var(--text-scale-ratio));
	--text-xl: calc(var(--text-lg) * var(--text-scale-ratio));
	--text-xxl: calc(var(--text-xl) * var(--text-scale-ratio));
  }
  
  @media (min-width: 64rem) { */
/* responsive decision applied to all text elements */
/*
	:root {
	  --text-base-size: 1.25em;
	  --text-scale-ratio: 1.25;
	}
  }
  
  h1, .text-xxl   { font-size: var(--text-xxl, 2.074em); }
  h2, .text-xl    { font-size: var(--text-xl, 1.728em); }
  h3, .text-lg    { font-size: var(--text-lg, 1.44em); }
  h4, .text-md    { font-size: var(--text-md, 1.2em); }
  .text-base      { font-size: 1em; }
  small, .text-sm { font-size: var(--text-sm, 0.833em); }
  .text-xs        { font-size: var(--text-xs, 0.694em); }
  */
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
/* 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 {
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

body {
  background: #fff; }

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

ul,
ol {
  margin: 0;
  padding: 0; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li {
  margin-left: 1em; }

/* li:last-child {
  margin-right: 1em;
   margin-bottom: 1em;  } */

li::marker {
  margin: 0; }

li > ul,
li > ol,
/* li:last-child > ul, */
li:last-child > ol {
  margin-bottom: 0;
  margin-left: 1em; }

dt {
  font-weight: 700; }

dd {
  margin: 0 1.5em 1.5em; }

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

figure {
  margin: 1em 0; }

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

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: var(--ease-green);
  border-radius: 0;
  background: var(--ease-green);
  color: #fff;
  font-size: 1.1rem;
  line-height: 1;
  padding: 0.6em 1.5em 0.4em;
  margin-top: 0; }
  button:hover,
  .button:hover,
  input[type="button"]:hover,
  input[type="reset"]:hover,
  input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa; }
  button:active, button:focus,
  .button:active,
  .button:focus,
  input[type="button"]:active,
  input[type="button"]:focus,
  input[type="reset"]:active,
  input[type="reset"]:focus,
  input[type="submit"]:active,
  input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb; }

.button--ghost {
  background: transparent;
  color: var(--ease-green); }
  .button--ghost:hover {
    border-color: #000; }

.button--ghost-light {
  background: transparent;
  color: hsl(var(--ease-orange-dark-hsl) / 0.2);
  border-color: #F3F5D0; }
  .button--ghost-light:hover {
    background: #F3F5D0;
    color: hsl(var(--ease-orange-dark-hsl) / 0.4);
    border-color: #F3F5D0; }

/*.button__body--light {
	color:$color__es-hellgruen;
}*/
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%; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: var(--ease-orange-dark);
  text-decoration: none; }
  a:visited {
    color: hsl(var(--ease-orange-dark-hsl) / 0.8); }
  a:hover, a:focus, a:active {
    color: hsl(var(--ease-orange-dark-hsl) / 0.6); }
  a:focus {
    outline: thin dotted; }
  a:hover, a:active {
    outline: 0; }

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
  display: block;
  width: 100%; }
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
  height: 100%; }
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul,
.main-navigation ul#language-menu:hover > li,
.main-navigation ul#language-menu > li.focus {
  left: auto; }
.main-navigation ul ul {
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
  flex-direction: column; 
  height: auto;
  background-color: var(--ease-green-dark);
   padding-left: 1em;}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul,
.main-navigation ul#language-menu:hover > li,
.main-navigation ul#language-menu > li.focus {
  display: block; }
.main-navigation ul ul ul {
  left: -999em;
  top: 0; }

.main-navigation li {
  position: relative; }
.main-navigation li.focus {
  z-index:101; }
.main-navigation a {
  display: block;
  text-decoration: none; }

  .main-navigation a.logo {
    height: 100%;
    display: flex;
  }
  .sticky-logo {
    justify-content: center;
  }
.menues-container {
  display: flex;}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block; }
.menu-toggle .menu-sprachen-container,
.menu-toggle ul#language-menu {
  background-color: transparent;
}
.menu-toggle .menues-container {
  flex-direction: column;}

@media screen and (min-width: 960px) {
  .menu-toggle {
    display: none; }
  .main-navigation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

.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: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 50%;
  flex: 1 0 50%; }

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 50%;
  flex: 1 0 50%; }

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  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;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    -webkit-clip-path: none;
    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 {
  display: inline;
  float: left;
  margin-right: 1.5em;
  margin-bottom: 1.5em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
  margin-bottom: 1.5em; }

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

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em; }
  .widget select {
    max-width: 100%; }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.post,
.page {
  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; }

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

/*--------------------------------------------------------------
# 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 embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%; }

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

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%; }
  .gallery-columns-2 .gallery-item {
    max-width: 50%; }
  .gallery-columns-3 .gallery-item {
    max-width: 33.33%; }
  .gallery-columns-4 .gallery-item {
    max-width: 25%; }
  .gallery-columns-5 .gallery-item {
    max-width: 20%; }
  .gallery-columns-6 .gallery-item {
    max-width: 16.66%; }
  .gallery-columns-7 .gallery-item {
    max-width: 14.28%; }
  .gallery-columns-8 .gallery-item {
    max-width: 12.5%; }
  .gallery-columns-9 .gallery-item {
    max-width: 11.11%; }

.gallery-caption {
  display: block; }

/* =========
1. GLOBALS 
========= */
/*helper*/
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/*html,
body,
main {
	overflow-x: hidden;
}*/
html,
body {
  height: 100%; }

.site {
  /*display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	margin: 0;
	height: 100%;
	width: 100%;*/
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease; }

/* helper */
.align-center {
  text-align: center; }

.align-left {
  text-align: left; }

.alert {
  background-color: #D4810F; }

p.intro,
p > span.intro,
ul.intro li {
  font-size: var(--fs-baseplus); }

li::marker {
  margin: 0; }

p.li-einzug {
  margin-left: 1em; }

.admin-hint {
  display: none; }

* {
  line-height: 26px;
  line-height: 1.625rem;
  margin-bottom: 0px;
  margin-bottom: 0rem;
  margin-top: 0rem; }

h2 {
  font-size: var(--fs-h2);
  color: var(--ease-green-dark);
  margin-bottom: 26px;
  margin-bottom: 1.625rem;
  line-height: var(--lh-h2); }

h2.small {
  font-size: var(--fs-h3);
  color: var(--ease-green);
  margin-top: 0.1em;
  margin-bottom: 0.4em;
  line-height: var(--lh-h3); }

h3 {
  font-size: var(--fs-h3);
  margin-bottom: 26px;
  margin-bottom: 1.625rem;
  line-height: var(--lh-h3); }

p + h2,
ul + h2,
ol + h2,
p + h3,
ul + h3,
ol + h3 {
  margin-top: 2em; }

 /* @media only screen and (max-width: 1020px) {
    h2 {
    font-size: 2.2em;
    line-height: 46.8px;
    line-height: 2.925rem; } 
 
    h3 {
    font-size: 1.25em;
    line-height: 26px;
    line-height: 1.625rem; } } 

@media only screen and (max-width: 680px) {
  h2 {
    font-size: 1.9em;
    line-height: 1.3; }
  /*h3 {
    font-size: 1.1em; } } 

@media only screen and (max-width: 400px) {
  h2 {
    font-size: 1.6em;
    line-height: 1.4em; } } */

/* easyseed-styles */
.toggled-on li,
.toggled-on .children {
      display: block;
  }

.site-header {
  width: 100vW; 
  height: 4.5rem;
  background-color: var(--ease-green-dark); 
  display: block;}

.main-navigation,
.site-branding {
  max-width: calc(1420px + 1rem);
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: var(--ease-pd-inline) 0;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.site-branding {
  margin-top: 40px; }

@media only screen and (max-width: 960px) {
  .site-branding {
    margin-top: 0; } }

.logo-container,
.menu-hauptmenue-container {
  margin: 0 auto; }

.menu-hauptmenue-container {
  margin-right: 0; }

  /*.logo-container {
  max-width:230px; }*/

.main-navigation,
.footer-navigation {
  padding: 0; }

.footer-navigation {
  margin: 0 0 2em auto; }

.footer-navigation ul {
  list-style: none;
  /* -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
  max-height: 10em; */

/* columns: auto 3; */
  /* display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem ; */
}


.main-navigation li,
.footer-navigation li {
  position: relative;
  margin-left: 0; }

.main-navigation li a,
.footer-navigation li a,
.main-navigation li.menu-item a{
  display: block;
  font-size: 0.9rem;
  line-height: 1.15;
  padding: 20px 30px 12px 0;
  text-decoration: none;
  font-weight: 400;
  /* text-transform: uppercase; */
  color: #fff;
  letter-spacing: 0.025rem;
  height: 100%;
  align-content: center;}

.main-navigation li a {
  padding-right: 10px;
}

/* .main-navigation li:last-child a {
  padding-right: 0;
} */

.main-navigation li.menu-item-has-children > a {
  /* padding-right: 30px; */
  /* padding-bottom: 3em; */
margin-right: 1em;}
.main-navigation .menu-item-has-children > a::after,
.menu-item-object-language_switcher.current-language-menu-item > a::after {
  content: "";
  background: url("images/Navi-Pfeil_weiss.png") no-repeat center;
  background: url("images/Navi-Pfeil_weiss.svg") no-repeat center;
  background-position: center;
  width: 15px;
  height: 15px;
  /* top: 15px;
  right: 7px; */
  margin-left: 0.25em;
  margin-top: 0.1em;
  position: absolute;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.menu-item-object-language_switcher.current-language-menu-item > a::after {
  margin-top: 0.4em;
}
.main-navigation .menu-item-has-children:hover > a::after, .menu-item-has-children > a.active_sub::after,
.menu-item-object-language_switcher.current-language-menu-item:hover > a::after,
.menu-item-has-children.focus > a::after,
.menu-item-object-language_switcher.current-language-menu-item.focus > a::after {
  background: url("images/Navi-Pfeil_weiss.png") no-repeat;
  background: url("images/Navi-Pfeil_weiss.svg") no-repeat;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  background-position: center;
}


/*.footer-navigation li:last-child {
  margin-right: 0; } */

.footer-navigation li a {
  /* color: #000; */
  font-weight: 500; 
  padding: 10px 15px 8px 0;
}

/* .footer-navigation li:last-child a {
  padding-right: 0; } */


.main-navigation li:hover > a,
.footer-navigation li:hover > a,
.main-navigation li:focus-visible > a,
.footer-navigation li:focus-visible > a
 {
  /* color: rgba(var(--ease-green-rgb), 0.8);*/
  opacity: 0.7; }

@media only screen and (width > 960px) {
  .main-navigation li.current_page_item a,
  .footer-navigation li.current_page_item a {
    opacity: 0.85; }
}


@media only screen and (width <= 960px) {
  .main-navigation li a {
    padding: 20px 4px 12px 4px; }
  /*.main-navigation li a:last-child {
    padding-right: 0; }*/
  /*.footer-navigation ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }*/
  .footer-navigation li {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin: 0; }
  .footer-navigation li a {
    padding-right: 0; } 
  
  .main-navigation .menu-item-has-children > a::after{
    width: 20px;
    height: 20px;
    margin-top: 0.15em;
  }
  .menu-item-object-language_switcher.current-language-menu-item > a::after {
    display: none;
  }
  .akkordeon__item.current-language-menu-item > a::after {
    margin-top: 0.15em;
  } }

@media only screen and (width <= 600px) {
  /* .footer-navigation ul {
   -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
   columns: auto 2; }*/
  .footer-navigation li:first-child a {
    padding-left: 0; } }

/* @media only screen and (max-width: 400px) {
  .footer-navigation ul {
    columns: 1; } } */

.breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 4em 0;
  width: 100%;
  margin: 0 auto;
  max-width: calc(1420px + 1rem);
  margin: 1em auto;
  font-size: 0.85em;
  width: 100vW; }

.breadcrumb .delimiter {
  padding: 0 0.2em; }

.sektion_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0;
  width: 100%;
  margin: 0 auto;
  flex-direction: column; }

.home .site-content.sektion_wrapper > *:not(/*.sektion,*/ .slogan, .pageheader_holder),
.site-content .sektion_wrapper > *:not(.sektion, .slogan, .pageheader_holder) {
  max-width: 960px;
  margin: 0 auto;
  width: 100%;
}

@media only screen and (max-width: 1020px) {
  .home .site-content.sektion_wrapper > *:not(.sektion, .slogan,.pageheader_holder),
  .site-content .sektion_wrapper > *:not(.sektion, .slogan,.pageheader_holder)   {
  padding-left: var(--ease-pd-inline);
  padding-right: var(--ease-pd-inline);
  }
}

.sektion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 10em;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0;
  width: 100%;
  margin: 0 auto; }

/* .sektion.wp-block-group,
.sektion__container.wp-block-group {
  max-width: 100vw;
} */



/*main .sektion:nth-child(2n+4) {
  background-color: #F3F1EB; }*/

@media only screen and (width <= 1460px) {
  .branding-container,
  .breadcrumb,
  .sektion .sektion__container,
  .site-footer .sektion__container,
  .site-footer {
    padding-inline: var(--ease-pd-inline);
    width: 100vW; } 
  /* .sektion .wp-block-group.sektion__container {
    padding-inline: 0; 
  }*/
  .sektion_wrapper > [class^="wp-block-"],
  .sektion_wrapper > p {
    padding-inline: var(--ease-pd-inline);
    width: 100vW;}    
  } 
  .sektion_wrapper > .wp-block-group:has(.sektion__container) {
    padding-inline: 0;
  } 

.section_accordeon.sektion h2,
.section_productgroups.sektion h2 {
  font-size: 1.6rem;
  line-height: var(--lh-h3);
}


.sektion-first {
  background: url("images/heaederbild_1_bg2.jpg") repeat-x;
  background-size: contain;
  height: calc(100vH - 175px); }

/*.home .article__main:first-child {
	display: block;
}*/
.sektion__container,
.home main section:first-of-type .sektion__container {
  padding-top: 1rem; /* war 6.666re */
  padding-bottom: 1rem; /* war 6.666re */
  max-width: calc(1420px + 1rem);
  margin: 0 auto;
  width: 100%; }

.sektion__container--schmal {
  max-width: 960px;
  margin: 0 auto; }

.sektion__container--bild {
  padding-top: 0;
  padding-bottom: 0; }

.sektion__container.sektion__container--bild:last-child {
  padding-bottom: 6.666rem; }

.sektion__container ul:not(#footer-menu) li:last-child {
  margin-bottom: var(--spacer-05);
}

.pageheader_holder {
  padding: 0;
  margin-bottom: 2rem;
}

.pageheader {
  background-color: var(--ease-green-dark);
  position: relative;
  /* height: calc(100vH - 175px); 
  max-height: 100%; */
  overflow: hidden;
  margin: 0;
  width: 100vW; 
  aspect-ratio: 2 / 1;
  }

/* body.home .pageheader {
    aspect-ratio: 1.778 / 1; 
} */

.page-id-25 .pageheader,
.error404 .pageheader {
  height: calc(50vH - 175px);
  max-height: 50%; }

.page-template-page_child .pageheader #show-more,
.page-id-25 .pageheader #show-more,
.error404 .pageheader #show-more {
  display: none; }

.breadcrumb + .sektion .sektion__container {
  padding-top: 0; }

.pageheader__image {
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;

  overflow: hidden;
  background-size: cover;
  margin: 0 auto;
  height: 100%;
  width: 100%; }

.pageheader__image::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  background: linear-gradient(0deg,rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0.5) 100%);
}


/*.home .pageheader__image {
	background: #F4F4F4;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: no-repeat;
    background-image: none;
    background-size: auto;
	position: relative;
	top: 0;
	left: 0;
	height: calc(100vH - 175px); //-Höhe des Siteheaders
	//width: 100%;
	max-height: 100%;
	overflow: hidden;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	margin: 0 auto;
}*/

.pageheader__content_wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  height: 100%;
  margin-inline: auto;
  padding-inline: var(--ease-pd-inline);
  padding-top: 4em;
  max-width: 720px;
  /* background: rgba(255, 255, 255, 0.65);*/
}
.pageheader__content {
  height: 100%; }

/*.home .pageheader__content {
	max-width: $max__width_sektion_level;
	padding-left:0;
	background: none;
	}
*/

.pageheader__content h2 {
  color: #fff;
}

/*.page-child .pageheader,
.page-child .pageheader__image,
body:not(.home) .pageheader,
body:not(.home) .pageheader__image {
  height: 60vH;
  max-height: 700px; }*/

.pageheader__content h2 > span {
  color: #8F3D15; }

.pageheader__show-more {
  cursor: pointer;
  width: 10em;
  /* height: 36px; */
  z-index: 1;}

.seitentitel-im-headerbild {
  position: relative;
  margin-inline: auto;
  margin-top:auto;
  margin-bottom: 7.5rem;
  /* background: rgba(255, 255, 255, 0.65);*/
  max-width: calc(100vw - (var(--ease-pd-inline) * 2));
}
.seitentitel-im-headerbild h2,
.seitentitel-im-headerbild h1 {
  color: #fff;
  margin: auto;
  text-align: center;
  font-size: 2.5rem;
  font-size: var(--fs-xxl);
  font-style: normal;
  font-weight: 600;
  background-color: hsl(var(--ease-green-dark-hsl) / 0.8 );
  padding: 1rem 5rem;
  border-radius: 0.5rem 0.5rem 0 0;
  /*   font-size: 1.2rem;
  text-transform: uppercase;
    letter-spacing: 0.15rem;
 */
}
.home .seitentitel-im-headerbild {
  display: none;
}

@media only screen and (width <= 840px) {
  .pageheader_holder {
      background: rgba(13,47,5,1);
      background: -moz-linear-gradient(top, rgba(13,47,5,1) 0%, rgba(2,84,48,1) 100%);
      background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(13,47,5,1)), color-stop(100%, rgba(2,84,48,1)));
      background: -webkit-linear-gradient(top, rgba(13,47,5,1) 0%, rgba(2,84,48,1) 100%);
      background: -o-linear-gradient(top, rgba(13,47,5,1) 0%, rgba(2,84,48,1) 100%);
      background: -ms-linear-gradient(top, rgba(13,47,5,1) 0%, rgba(2,84,48,1) 100%);
      background: linear-gradient(to bottom, rgba(13,47,5,1) 0%, rgba(2,84,48,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d2f05', endColorstr='#025430', GradientType=0 );
  }

  .pageheader {
    background-color: #fff;
    aspect-ratio: auto;
  }
 .pageheader__image {
    margin-top: 0;
    position: relative;
    aspect-ratio: 2 / 1;
  }
  .seitentitel-im-headerbild {
    background: rgba(255, 255, 255, 0.9);
    margin-top: 3rem;
    margin-bottom: 1rem;
  } 

  /*.page-parent .seitentitel-im-headerbild {
    display: none;
  }*/
  .seitentitel-im-headerbild h2, 
  .seitentitel-im-headerbild h1 {
      font-size: var(--fs-h2);
      background-color: hsl(var(--ease-green-dark-hsl) / 0.9 );
      border-radius: 0;
      padding-inline: 1.5rem;
  }}

@media only screen and (width <= 750px) {
  .pageheader_holder {
    padding-top: 2.8rem;
    background-color: hsl(var(--ease-green-dark-hsl) / 0.8);
  }
  .pageheader__image::after {
    background: linear-gradient(0deg,rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0.5) 98%, rgba(13, 47, 5, 1) 100%);
  }
}

@media only screen and (width <= 350px) {
  .seitentitel-im-headerbild {
    margin-top: 0;
    max-width: 100vw;
    width: 100vW;
  } 
}

@media only screen and (max-width: 1020px) {
  /* .pageheader, */
  .sektion-first {
    height: 940px; } }

@media only screen and (max-width: 960px) {
  .pageheader,
  .sektion-first,
  .page-template-page_child .pageheader,
  .page-id-25 .pageheader,
  .error404 .pageheader {
    height: auto; }
  /*.pageheader__image {
    height: 250px; }*/
  .pageheader__content_wrapper,
  .home .pageheader__content_wrapper {
    position: relative;
    /* background-color: rgba(241, 240, 233, 0.75); */
    width: 100%;
    margin: 0 auto;
    padding-top: 60px;
    padding-right: var(--ease-pd-inline);
    padding-left: var(--ease-pd-inline);
    height: auto;
    max-width: 100%;
    margin-bottom: 3em; }
  .pageheader__show-more {
    position: relative;
    margin-left: 1em;
    padding-left: 1em;
    bottom: 0;
    height: 5em; }
  .page-template-page_child .pageheader {
    height: auto;
    max-height: auto; } }

@media only screen and (max-width: 500px) {
  /* .pageheader__image {
    height: 200px; } */
  .pageheader__content,
  .home .pageheader__content {
    margin-top: 180px; }
  .pageheader__show-more {
    display: none; } }



/* Vorteile */
.home main section:first-of-type .sektion__container h2 {
  text-align: center;
  margin-bottom: 2em; }

.vorteile__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 10% 0 2em; }

.vorteile__card img {
  max-width: 55px;
  max-height: 55px;
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.vorteile__text {
  padding: 0 1em;
  text-align: right; }

.vorteile__card h3 {
  color: var(--ease-green);
  margin-top: 0.1em;
  margin-bottom: 0.4em; }

.sektion-vorteile {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.linke-spalte,
.rechte-spalte {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 35%;
  flex: 1 0 35%;
  max-width: 450px; }

.mittel-spalte {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 30%;
  flex: 1 0 30%; }

.mittel-spalte {
  background-repeat: no-repeat;
  background-position: center;
  text-align: center; }

.linke-spalte .vorteile__card,
.linke-spalte .vorteile__card:nth-child(2n) {
  margin: 0 1em 0 0; }

.rechte-spalte .vorteile__card,
.rechte-spalte .vorteile__card:nth-child(2n) {
  margin: 0 0 0 1em; }

/*.vorteile__card:nth-child(2n) {
	margin: 0 2em 0 10%;
}
*/
.rechte-spalte .vorteile__card {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1; }

.rechte-spalte .vorteile__card .vorteile__text {
  text-align: left;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2; }

@media only screen and (max-width: 940px) {
  .linke-spalte,
  .rechte-spalte {
    margin: 0 auto;
    max-width: 600px; }
  .mittel-spalte {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    text-align: center; }
  .mittel-spalte img {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
  .linke-spalte {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .rechte-spalte {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; }
  .vorteile__card img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .vorteile__text {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    text-align: left; } }

@media only screen and (max-width: 600px) {
  .mittel-spalte img {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    margin: 0; }
  .rechte-spalte .vorteile__card,
  .rechte-spalte .vorteile__card:nth-child(2n) {
    margin: 0; } }

/*sektion nachhaltigkeit*/
.nachhaltigkeit {
  text-align: center;
  color: #F3F5D0; }

.nachhaltigkeit h2 {
  color: #F3F5D0; }

#nachhaltigkeit_1 {
  background-repeat: repeat;
  width: 100vW;
  background-color: #5B4A40; }

#nachhaltigkeit_2 {
  width: 100vW;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5B4A40), color-stop(55%, rgba(91, 74, 64, 0)));
  background-image: -webkit-linear-gradient(top, #5B4A40 0%, rgba(91, 74, 64, 0) 55%);
  background-image: -o-linear-gradient(top, #5B4A40 0%, rgba(91, 74, 64, 0) 55%);
  background-image: linear-gradient(180deg, #5B4A40 0%, rgba(91, 74, 64, 0) 55%); }

.page-id-7 main .sektion:nth-child(4) {
  background-color: #5B4A40; }

.page-id-7 main .sektion:nth-child(4) .sektion__container--bild {
  text-align: center; }

.page-id-7 main .sektion:nth-child(4) img {
  max-width: 960px;
  height: auto;
  width: 100%; }

.ikon {
  width: 55px;
  height: 55px; }

.ikon + h2 {
  margin-top: 0.2rem; }

.button-holder {
  margin-top: 2em; }

.image_button-holder {
  display: grid;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  overflow: auto;
  max-width: 1170px;
  margin: auto; 
  gap: 1.5rem;; 
  grid-template-columns: repeat(3, 1fr);
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 2fr));}

/* .section_productgroups .image_button-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  overflow: auto;
  max-width: 1170px;
  margin: auto; 
  gap: 1em; }*/

.image_button {
  /* -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 1;*/
  background-color: #F4F4F4;
  text-align: center;
  /* width: 33%;*/
  max-width: calc(570px + 1em);
  overflow: auto;
  background-position: center;
  background-size: cover;
  position: relative;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }

main .sektion:nth-child(2n+4) .image_button {
  background-color: #fff; }

.image_button h3 {
  color: #fff;
  z-index: 2;
  position: relative;
  font-size: 2em; }

.image_button__inner h3 {
  font-size: 1.3rem;
  position: absolute;
  display: inline-block; /* or block for full width */
  top: 0;
  left: 0;
  margin: 0;
  padding: 1em 1.5em; 
  background: hsl(var(--ease-green-dark-hsl) / 0.8); 
  color: #fff;
  z-index: 1;
  width: 100%;
}

/* .image_button .image_button__inner h3::after {
  content: '';
  background-image: url("images/arrow-right-white.png");
  background-image: url("images/arrow-right-white.svg");
  background-repeat: no-repeat;
  height: 0.66em;
  width: 17px;
  margin-left: 0.5em;
  background-size: contain;
  display: inline-block; } */

/* .image_button .image_button__inner h3::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: hsl(var(--ease-green-dark-hsl) / 0.8); 
  z-index: -1;
  /*border-radius: 0.5em; }*/

.image_button__inner {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  background-color: #F4F4F4;
  text-align: center;
  min-height: 190px;
  width: 100%;
  /*overflow: auto;
  background-position: center;
  background-size: cover;*/
  position: relative;
  aspect-ratio: 1 /1;
  overflow: hidden; }

  .image_button__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s cubic-bezier(0.4,0,0.2,1);
    display: block;
  }

  .image_button:hover .image_button__img {
    transform: scale(1.05); /* Zoom in on hover */
  }
  .image_button:hover .image_button__inner::after {
    backdrop-filter: blur(1.5px);
  }

  /* .image_button__inner::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url('https://forst.easyseed.eu/wp-content/uploads/Dougalsie2-scaled.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 0.4s cubic-bezier(0.4,0,0.2,1);
    z-index: 0;
  } */

.image_button__inner:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0) 100%); }

.image_button__inner--white {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  background-color: #fff; }

/* Über uns */
.page-id-25 .image_button__inner {
  height: 450px; }

.page-id-25 .image_button__inner h3 {
  margin-top: calc(450px - 1.5em); }

/*	@media only screen and (max-width: 1020px) {
.image_button__inner h3 {
	font-size: 2.25em;
	@include line-height(1.8);
}
}

@media only screen and (max-width: 600px) {
.image_button__inner h3 {
	font-size: 1.75em;
}
.image_button .image_button__inner h3::after {
	display: block;
	margin: auto;
}
}
@media only screen and (max-width: 400px) {
.image_button__inner h3 {
	font-size: 1.35em;
}
}*/
.image_button_produkt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #F3F1EB; }

.image_button--slider {
  max-width: 250px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 33%;
  flex: 1 0 33%; }

.image_button:hover .image_button--slider .image_button__inner {
  background-size: 220%;
  background-repeat: no-repeat; }

.image_button--text {
  text-align: left;
  padding: 1em;
  color: #4A4A4A; }

.image_button--text > p {
  margin: 0; }

.image_button--text > p > small {
  text-transform: uppercase; }

.image_button .image_button--text > h3 {
  font-weight: 500;
  color: #4A4A4A;
  margin: 0.5em 0; }

.image_button .image_button--text::after /*,
.image_button .image_button__inner::after*/  {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; 
  height: 35%;
  background-color: hsl(var(--ease-green-dark-hsl) / 0.8); }

.image_button:hover .image_button__inner {
  background-size: 220%;
   }

/* .image_button:hover .image_button__inner::after,*/
.image_button:hover .image_button--text::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: hsl(var(--ease-green-dark-hsl) / 0.3); 
  backdrop-filter: blur(3px);}

.image_button:hover.empty-link .image_button__inner::after,
.image_button:hover.empty-link .image_button--text::after {
  background-color: rgba(243, 255, 235, 0.9);
  cursor: not-allowed; }

.image_button:hover .image_button--text::after {
  margin-left: 33%; }

.image_button:hover h3,
.image_button:hover .image_button--text > h3,
.image_button:hover .image_button--text > p {
  color: rgba(255, 255, 255, 0.8) !important;
  /* position: relative; */
  z-index: 2; }

.image_button:hover h2:after,
.image_button:hover h3:after {
  opacity: 0.8; }

/*@media only screen and (max-width: 1020px) {
  .image_button__inner h3 {
    font-size: 2.2em;
    line-height: 46.8px;
    line-height: 2.925rem; } }*/

@media only screen and (width <= 840px) {
  .image_button_produkt {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .image_button--slider {
    max-width: inherit; }
  .image_button:hover .image_button--text::after {
    margin-left: 0; }
  .image_button__inner {
    min-height: 140px; }
  .image_button .image_button--text > h3 {
    font-size: 1.75rem;
    font-size: var(--fs-h2);
    line-height: 46.8px;
    line-height: 2.925rem;
    line-height: var(--lh-h2); }
  .image_button:hover .image_button__inner::after {
    background-color: transparent; } }

@media only screen and (max-width: 680px) {
  .image_button {
    width: 100%;
    min-height: 140px; }
  .image_button--text {
    width: 100%; } }

@media only screen and (max-width: 587px) {
  .image_button {
    max-height: 300px;
    overflow: clip;}
  .image_button__img {
    height: auto; } 
  .image_button__inner {
    aspect-ratio: auto;
  } }

@media only screen and (max-width: 400px) {
  .image_button__inner h3,
  .image_button .image_button--text > h3 {
    font-size: 1.25em;
    line-height: 1.5rem; } }

/* footer */
.site-footer {
  background-color: var(--ease-green-dark);
  color: #fff; }

.site-footer .sektion__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /* -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; */
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  padding-right: 0;

flex-direction: column;
max-width: 960px;}

.site-footer .logo-container {
  margin: 0 1em 0 0; }

.site-footer .logo-container img {
  margin-right: 1em; }

.site-footer .logo-container a:hover {
  -webkit-filter: saturate(30%);
  filter: saturate(30%);
  mix-blend-mode: multiply;}

.text-container {
  /*
  -ms-flex: 0 1 30%;
  flex: 0 1 30%; }
.site-footer .text-container {
  flex: 0 1 50%; */
  flex: 1;
} 
.text-container p {
  margin-bottom: 0; }

.copyright-container {
  text-align: left;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1; }

@media only screen and (max-width: 960px) {
  .text-container {
    /*-webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    margin-top: 2em;*/
    text-align: left; }
  /*.footer-navigation ul {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }*/
  .footer-navigation li a {
    padding: 12px 15px 12px 0; }
  .copyright-container {
    text-align: left; } }

@media only screen and (max-width: 600px) {
  .site-footer .sektion__container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .site-footer .logo-container,
  .site-footer .logo-container img {
    margin: 0;
    text-align: center; }
  .site-footer .logo-container img {
    padding: 0.5em 0; }
  .text-container {
    text-align: left;
    margin-top: 2em; } }

/* slider */
#slider,
#section-slider-block_5eda9353bb8b3 {
  background-color: #f9f9f9; }

#slider .sektion__container,
#section-slider-block_5eda9353bb8b3 .sektion__container {
  padding-top: 0; }

@media only screen and (max-width: 1440px) {
  #slider .sektion__container,
  #section-slider-block_5eda9353bb8b3 .sektion__container {
    padding-right: 0;
    padding-left: 0; } }

#slider h2,
#section-slider-block_5eda9353bb8b3 h2 {
  position: absolute;
  z-index: 2;
  color: #fff;
  left: 50%;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  top: 6.666rem; }

.slick-slider .slick-list {
  max-height: 940px; }

.slider_wrap_holder {
  position: relative;
  max-width: calc(1420px + 1rem);
  margin: 0 auto;
  min-height: 16em;
  background-color: #F3F5D0;
  width: 100vW;
  text-align: center; }

.slick-container {
  position: relative;
  height: 100vH;
  max-height: 940px; }

.slider_image {
  background-size: cover;
  background-position: center; }

.slider__naming {
  text-align: left;
  position: absolute;
  top: 30%;
  left: 50%;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.slider__naming p {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 1em;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  margin-left: 2em; }

.slider__naming p:first-child {
  margin-right: 2em;
  margin-left: 0; }

.slider__content {
  padding: 3em;
  background-color: rgba(255, 255, 255, 0.5);
  text-align: left;
  width: calc(100% - 24em);
  position: absolute;
  bottom: 3rem;
  left: 50%;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%); }

.slider_wrap {
  max-width: calc(1420px + 1rem);
  min-height: 16em;
  background-color: #F3F5D0;
  width: 100vW;
  height: 100%; }

.slick-slide img {
  width: 100vW;
  width: 100%; }

ul.slick-dots {
  z-index: 110;
  bottom: 0;
  padding: 5px; }

ul.slick-dots li {
  margin: 0; }

ul.slick-dots li button::before {
  font-size: 24px;
  margin: 3px solid #fff; }

button.slick-next,
button.slick-prev,
button.slick-arrow {
  width: 54px;
  height: 54px;
  z-index: 100;
  top: calc(100% - 11rem); }

.home .slick-prev {
  left: 8rem; }

.home .slick-next {
  right: 8rem; }

.home .slick-prev::before,
.home .slick-next::before {
  content: '';
  background: url(images/arrow-right-white.png) no-repeat right top;
  background: url(images/arrow-right-white.svg) no-repeat right top;
  background-image: url("images/arrow-right-white.png");
  background-image: url("images/arrow-right-white.svg");
  background-size: 32px;
  height: 54px;
  width: 54px;
  display: inline-block;
  margin-right: 1rem;
  font-size: 0; }

.slick-prev::before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

@media only screen and (max-width: 1020px) {
  .slider__content {
    padding: 3em;
    width: calc(100% - 20em);
    bottom: 3rem; }
  .home .slick-prev {
    left: 6rem; }
  .home .slick-next {
    right: 6rem; } }

@media only screen and (width <= 840px) {
  .slider__content {
    padding: 2em;
    width: calc(100% - 16em);
    bottom: 2rem; }
  .home .slick-prev {
    left: 4rem; }
  .home .slick-next {
    right: 4rem; } }

@media only screen and (max-width: 680px) {
  .slider__naming {
    width: calc(100% - 8em);
    text-align: center; }
  .slider__naming p {
    padding: 0.8em;
    margin-left: 0.5em; }
  .slider__naming p:first-child {
    margin-left: 0;
    margin-right: 0.5em; }
  .slider__content {
    padding: 1.5em;
    width: 100%;
    bottom: 0;
    padding-bottom: 3rem; }
  .home .slick-prev {
    left: 1.5rem;
    top: calc(100% - 3rem); }
  .home .slick-next {
    right: 1.5rem;
    top: calc(100% - 3rem); }
  button.slick-next,
  button.slick-prev,
  button.slick-arrow,
  .home .slick-prev::before,
  .home .slick-next::before {
    width: 24px;
    height: 38px;
    background-size: 24px; } }

@media only screen and (max-width: 400px) {
  .slider__naming {
    width: calc(100% - 4em); } }

/*++++++++++++++++++++++++++++++++++++++*/
.home .projekt_slider .entry-content {
  max-width: calc(1420px + 1rem);
  height: 100%; }

div.slick-dotted.slick-slider {
  margin: 0; }

.home .projekt_slider .text-holder,
.projektkachel .text-holder {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 5em;
  display: none;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }

.home .projekt_slider:hover .text-holder {
  display: table; }

.projektkachel:hover .text-holder {
  display: table; }

.home .projekt_slider .text-holder__inside {
  display: table-cell;
  vertical-align: middle; }

.home .projekt_slider a:hover .text-holder p,
.home .projekt_slider a:hover .text-holder h3 {
  color: #fff; }

/*  s image_button
.produkt__card--container {
	display: flex;
	justify-content: space-between;
	max-width: 1170px;
	margin: 0 auto;
}
.produkt__card {
	max-width: 570px;
    display: flex;
    flex: 1 0 50%;
	margin: 0 2em;
	max-height: 190px;
	background-size: cover;
	background-position: center;
	height: 190px;
}

.produkt__card a {
	position: relative;
}
.produkt__card h3 {
	position: absolute;
	z-index:2;
	color: #fff;
	left: 1em;
	font-size: 2.2em;
	padding: 1em;
	//top: 6.666rem;
}
.produkt__card img {
	max-height: 190px;
}
*/
.ss_galerie {
  max-height: 260px; }

ul.ss_galerie {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.ss_galerie li {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  margin-left: 0;
  list-style-type: none; }

.galerie-holder,
.akkordeon-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  overflow: auto;
  max-width: 1170px;
  margin: auto; }

.galerie_item {
  -webkit-box-flex: 10%;
  -ms-flex: 10% 1 1;
  flex: 10% 1 1;
  background-color: #F4F4F4;
  text-align: center;
  min-height: 190px;
  margin: 0;
  overflow: auto;
  background-position: center;
  background-size: cover;
  position: relative;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }

.galerie_item h3 {
  color: #fff;
  z-index: 2;
  position: relative;
  font-size: 2.25em;
  -webkit-transform: rotate(90deg) translate(50%);
  -ms-transform: rotate(90deg) translate(50%);
  transform: rotate(90deg) translate(50%);
  margin: auto;
  font-size: 1.5em;
  text-align: left;
  text-shadow: 0px 0px 9px rgba(82, 129, 15, 0.7); }

.galerie_item:hover {
  -webkit-box-flex: 66%;
  -ms-flex: 66% 1 1;
  flex: 66% 1 1; }

.galerie_item:hover h3 {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  margin: 1em auto 1em 1em; }

/*  ====================================================================
Accordion
====================================================================  */
.akkordeon__item,
.akkordeon__content {
  -webkit-box-flex: 100%;
  -ms-flex: 100% 1 1;
  flex: 100% 1 1;
  background-color: #F4F4F4;
  /* min-height: 80px; */
  margin: 0;
  overflow: auto;
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
 }

.akkordeon__item {
  background-color: var(--ease-green-dark);
  color: #fff;
  overflow: hidden;
  display:flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: space-between;
}
/* .akkordeon__item.open {
  margin-bottom: 0;
}
/*.akkordeon__item.closed,
.akkordeon__item.open .akkordeon__content {
  margin-bottom: 6px;
}*/




.akkordeon__item_bild,
.akkordeon__content {
  background-position: center;
  background-size: cover;
}
.akkordeon__item_bild {
  min-height: 190px;
}

.akkordeon__item h3,
.akkordeon__item p {
  color: #fff;
  z-index: 2;
  position: relative;
  /* margin: auto; */
  margin-bottom: 0;
  font-size: var(--fs-baseplus);
  text-align: left;
  padding: 1em 1.5em; 
  font-weight: 400;
  font-family: 'Fira sans';
  max-width: 90%;}

  @media only screen and ( width <= 680px) {
  .akkordeon__item h3,
  .akkordeon__item p {
  padding: 0.7em 1.2em; }
}

.akkordeon__item_bild h3 {
  color: #fff;
  text-shadow: 0px 0px 9px rgba(82, 129, 15, 0.7); }

.akkordeon__item_bild:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(35%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0) 35%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0) 35%);
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0) 35%); }

.akkordeon__content {
  overflow: hidden;
  -webkit-transition: max-height, opacity, padding-block  0.4s ease-out;
  -o-transition: max-height, opacity, padding-block  0.4s ease-out;
  transition: max-height 0.4s ease-out;
  transition: max-height, opacity, padding-block 0.4s cubic-bezier(0.4,0,0.2,1);
  background-color: #F3F1EB;
  /* margin: 0 0 0.5em 0;
  padding: 2em 2em 1em;
  display: none; */
  text-align: left;
  height: 0;
    opacity: 0;
  padding-inline: var(--ease-pd-inline);
  margin-bottom: 6px;
  border-bottom: 1px solid var(--ease-green);
   }

.akkordeon__item.open + .akkordeon__content {
  max-height: 2400px; /* or a value that fits your content */
  opacity: 1;
}

  
.akkordeon__item .more {
  content: "";
  background: url("images/icon_kreuz_weiss.png") no-repeat;
  background: url("images/icon_kreuz_weiss_2.svg") no-repeat;
  background-position-x: 0%;
  background-position-y: 0%;
   width: 22px;
  height: 22px;
  min-width: 22px;
  background-position: center;
  -webkit-transition: -webkit-transform 0.3s ease-in;
  transition: -webkit-transform 0.3s ease-in;
  -o-transition: transform 0.3s ease-in;
  transition: transform 0.3s ease-in;
  transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in;
  /* position: absolute;
  right: 1em;
  top: 0.5em;
  /* padding: 1em 2em;*/
  z-index: 3;
  margin: auto 1em; }

.akkordeon__item.open .more {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg); }

/*  ====================================================================
Spalten
====================================================================  */
.columns-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  overflow: auto;
  max-width: 1170px;
  margin: auto; }

.columns {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  margin: 0.5em 0;
  overflow: auto;
  position: relative;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  padding-right: 2.5em;
  width: 100%; }

.columns p:last-child {
  margin-bottom: 3em; }

.columns .image_button__inner {
  min-height: 120px; }

@media only screen and (max-width: 680px) {
  .columns-holder {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .columns {
    padding-right: 0;
    margin-bottom: 2em; } }

/* block-layout */
/*.pageheader {
	background-color: #F3F1EB;
	position: relative;
	height: calc(100vH - 175px);
	max-height: 100%;
	overflow: hidden;
	margin: 0 auto;
	width: 100vW;
}*/
@media screen and (min-width: 960px) {
  .alignwide, .alignfull {
    width: 100vw;
    max-width: 100vw;
  /* margin-left: calc(50% - 50vw); */ } }

/*.page-template-page_child .pageheader {
	height: calc(50vH - 175px); //-Höhe des Siteheaders
	max-height: 50%;
}*/
/*******
boxen
******/
.section_iconboxen h3 {
  text-align: center; }

.section_iconboxen .columns-holder .ikon {
  display: block;
  margin: 2em auto; }

.section_iconboxen .columns-holder .columns {
  padding: 0 1em; }

/*  ====================================================================
sticky menu 
====================================================================  */
.main-navigation {
  background-color: var(--ease-green-dark);
  position: fixed;
  z-index: 120;
  /* border-bottom: 1px solid #fff; */
  max-width: 100vW;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }

.sticky-menu__container {
  max-width: calc(1420px + 1rem);
  margin: 0 auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: var(--ease-green-dark);
  z-index: 130;
  top: 0;
  left: 0;
  width: 100%;
  /* Force Hardware Acceleration */
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  -o-transition: transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s; 

  height: 4.5rem;
  z-index: 2;

  padding-left: var(--ease-pd-inline);
  padding-right: var(--ease-pd-inline); }


.toggled .sticky-menu__container {
  -webkit-box-shadow: none;
  box-shadow: none; }

.sticky-logo {
  width: 180px;
  margin: 0 auto 0 0;
  display: block; 
  /* padding-top: 10px; */}

.sticky-menu__container .menu-toggle span {
  /* vertically align inside parent element */
  display: table-cell;
  vertical-align: middle; }

.sticky-menu__container .menu-toggle em,
.sticky-menu__container .menu-toggle em::after,
.sticky-menu__container .menu-toggle em::before {
  /* this is the menu icon */
  display: block;
  position: relative;
  height: 3px;
  width: 32px;
  background-color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.sticky-menu__container .menu-toggle em {
  /* this is the menu central line */
  margin: 29px auto;
  -webkit-transition: background-color .2s;
  -o-transition: background-color .2s;
  transition: background-color .2s; }

.sticky-menu__container .menu-toggle em::before,
.sticky-menu__container .menu-toggle em::after {
  position: absolute;
  content: '';
  left: 0;
  transition: -webkit-transform .2s;
  -webkit-transition: -webkit-transform .2s;
  -o-transition: transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s; }

.sticky-menu__container .menu-toggle em::before {
  /* this is the menu icon top line */
  -webkit-transform: translateY(-7px);
  -ms-transform: translateY(-7px);
  transform: translateY(-7px); }

.sticky-menu__container .menu-toggle em::after {
  /* this is the menu icon bottom line */
  -webkit-transform: translateY(7px);
  -ms-transform: translateY(7px);
  transform: translateY(7px); }

.sticky-menu__container.nav-open .menu-toggle em {
  /* transform menu icon into a 'X' icon */
  background-color: #fff; }

.sticky-menu__container.nav-open .menu-toggle em::before {
  /* rotate top line */
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.sticky-menu__container.nav-open .menu-toggle em::after {
  /* rotate bottom line */
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.main-navigation.toggled {
  width: 100vW;
  background: #5B4A40;
  background: var(--ease-green);
  height: 100vH;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  /* max-height: 600px; */
  position: fixed; }

.main-navigation.toggled ul {
  margin: 4em var(--ease-pd-inline);
  text-align: left; }

.main-navigation.toggled ul ul {
  margin: 0 0 0 1em;
  display: inline;
  position: absolute;
  top: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 100%; }

.main-navigation.toggled li a,
.main-navigation.toggled li a:focus {
  /* margin: 0.35rem auto; */
  margin-block: auto;
  z-index: 1;
  position: relative; }

.main-navigation.toggled li:last-child a {
  margin-bottom: 0.7rem
}

.main-navigation.toggled ul ul li a,
.main-navigation.toggled ul ul li:focus a  {
  z-index: 101; }


.main-navigation.toggled ul ul li:first-child {
  margin-top: 0; } 

.main-navigation.toggled li a {
  color: #fff;
  display: inline-block; }

.main-navigation.toggled ul li:hover > ul,
.main-navigation.toggled ul li.focus > ul {
  background-color: transparent;
  display: block;
  position: relative; }

@media only screen and (width <= 960px) {
  /* .logo img {
    width: 90%;
    margin: 0 auto; } */
  .toggled .sticky-logo,
  .sticky-logo {
    margin: 0.5em auto 0.5em 1.5rem;
    position: absolute;
    left: 0.5em;
    top: 0.5em;}

  .sticky-menu__container {
    position: fixed;
    /* background-color: transparent;
    height: 3.3rem; */
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }
  .toggled .sticky-menu__container {
    background-color: transparent;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start; }
  .sticky-menu__container .menu-toggle {
    position: absolute;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    top: 0;
    z-index: 140;
    /* vertically align its content */
    display: table;
    height: 100%;
    height: 66px;
    padding: 0 1em;
    font-size: 1em;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold; }
  .sticky-menu__container .menu-toggle {
    top: 50%;
    right: 1em;
    background-color: transparent;
    border: 0; }
  .sticky-menu__container .menu-toggle em,
  .sticky-menu__container .menu-toggle em::before,
  .sticky-menu__container .menu-toggle em::after {
    width: 28px; }
  .toggled .sticky-menu__container .menu-toggle em {
    /* transform menu icon into a 'X' icon */
    background-color: rgba(255, 255, 255, 0); }
  .toggled .sticky-menu__container .menu-toggle em::before {
    /* rotate top line */
    background-color: #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .toggled .sticky-menu__container .menu-toggle em::after {
    /* rotate bottom line */
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .main-navigation.toggled {
    background: #5B4A40;
    background: black;
    height: 100vH;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    position: fixed; }
  .menu-hauptmenue-container,
  .menu-sprachen-container {
    display: none; }
  .menues-container {
    flex-direction: column; 
    margin-top: 5em; 
    height: 100vH;
    overflow-y: auto;}
  .toggled .menu-hauptmenue-container,
  .toggled .menu-sprachen-container{
    display: block; }
  .toggled .menu-sprachen-container{
    padding-block: 1em; }
  .main-navigation.toggled ul,
  .main-navigation.toggled ul#language-menu{
    margin: 0 auto 0 0; }
  .main-navigation.toggled ul#language-menu {
    background-color: transparent;
    box-shadow: none; }
  .main-navigation.toggled li a,
  .main-navigation.toggled li.menu-item a {
    font-size: 1.25rem; 
    width: calc(100vW - 3em);
    cursor: pointer;}
  .main-navigation.toggled ul#language-menu .menu-item-object-language_switcher,
  .main-navigation.toggled ul#language-menu li {
    padding-left: 0;
    width: 4rem;
    margin-right: 0;
  }
  .main-navigation.toggled ul#language-menu li a {
    display: inline;
  }
  .main-navigation.toggled ul#language-menu .menu-item-object-language_switcher::after {
    content: '|';
    color: #fff;
    margin-left: 0.5em;
    position: absolute;
    display: inline;
    right: 1rem;
  }
  .main-navigation.toggled ul#language-menu .menu-item-object-language_switcher:last-child::after {
    display: none;
  }

  .main-navigation.toggled ul li:hover > ul,
  .main-navigation.toggled ul li.focus > ul {
    padding: 0;
    margin-left: 0;
  }
  .main-navigation.toggled ul ul li.menu-item a {
    font-size: 1.1rem;
    padding-left: 1.5rem;}
  }

@media only screen and (max-width: 450px) {
  /*.main-navigation.toggled ul {
    margin: 50% 0; }*/
  .main-navigation.toggled li a,
  .footer-navigation li a {
    padding-left: 0; } }


.main-navigation ul li:hover > ul {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /* background-color: #fff; */ }

/*******
boxen
******/
.boxen h3 {
  text-align: center; }

.boxen .columns-holder .ikon {
  display: block;
  margin: 2em auto; }

.boxen .columns-holder .columns {
  padding: 0 1em; }


  

.menu-sprachen-container {
  position: relative;
}
ul#language-menu {
  display: flex;
  flex-direction: column;
  background-color: var(--ease-green-dark);
  /* position: absolute; */
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  z-index: 99999;
  /* height: auto; */
  /* left: -999em; */
}

.menu-sprachen-container:hover ul#language-menu .menu-item-object-language_switcher,
.menu-sprachen-container:focus-visible ul#language-menu .menu-item-object-language_switcher,
.menu-sprachen-container.akkordeon__content ul#language-menu .menu-item-object-language_switcher,
.main-navigation ul#language-menu:has(li.focus) > li,
.main-navigation ul#language-menu > li.focus  {
  visibility: visible;
  height: 100%;
  flex-shrink: 0;
  background-color: var(--ease-green-dark); }

@media only screen and (max-width: 960px) {
  /* Mobile: Always show languages horizontally */
  ul#language-menu {
    flex-direction: row;
    visibility: visible !important;
    height: auto !important;
  }
  
  ul#language-menu .menu-item-object-language_switcher {
    visibility: visible !important;
    height: auto !important;
    padding-inline: 0.5em;
  }
  
  .menu-sprachen-container:hover ul#language-menu .menu-item-object-language_switcher,
  .menu-sprachen-container:focus-visible ul#language-menu .menu-item-object-language_switcher,
  .menu-sprachen-container.akkordeon__content ul#language-menu .menu-item-object-language_switcher,
  .main-navigation ul#language-menu:has(li.focus) > li,
  .main-navigation ul#language-menu > li.focus  {
    background-color: transparent;
    height: auto; }
}
@media only screen and (width >= 960px) {
  /* Tablet/Desktop: Show current language, hide others until hover */
  ul#language-menu .menu-item-object-language_switcher {
    visibility: hidden;
    height: 0;
    padding-inline: 1em;
  }
  ul#language-menu .current-language-menu-item,
  .menu-sprachen-container:hover ul#language-menu .current-language-menu-item,
  .menu-sprachen-container:focus-visible ul#language-menu .current-language-menu-item {
    order: -1;
    visibility: visible;
    height: 100%;
  }
  
  /* Ensure hover works on touch devices */
  .menu-sprachen-container:hover ul#language-menu,
  .menu-sprachen-container:focus-visible ul#language-menu {
    visibility: visible;
    height: 100%;
  }
}



/**************
Listen
***************/
.listen-holder .table-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  max-width: calc(1420px + 1rem);
  padding-bottom: 1em;
  border-bottom: 1px solid grey;
  margin-bottom: 1em; }

.listen-holder .table-row > .table-el:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; 
flex: 1;}

.listen-holder .table-row > .table-el .table-el-txt {
  margin: 0 1em; }

.listen-holder .table-row > a > div {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0; }

.listen-holder .logo {
  height: 100px;
  width: 100px;
  margin: 0 1em 0 0;
object-fit: cover;
background-color: hsl(var(--ease-green-dark-hsl) / 0.2); }

@media only screen and (width <= 680px) {
  .listen-holder .logo {
    height: 75px;
    width: 75px;
  } }

.listen-holder .table-row h3,
.listen-holder .table-row p {
  color: #000; }

.listen-holder .table-row p {
  margin-bottom: 0;
  color: #000; }

.listen-holder .table-row h3 {
  color: var(--ease-green-dark);
  font-size: 1.15rem;
  margin-bottom: 0.5em; }

.listen-holder .table-row p {
  margin-bottom: 0; }

.listen-holder .table-row .link::after {
  content: '';
  background-image: url("images/Pfeil_gruen@2x.png");
  background-image: url("images/Pfeil_gruen.svg");
  background-repeat: no-repeat;
  height: 1em;
  width: 1em;
  margin-left: 0.5em;
  background-size: contain;
  display: inline-block; }

.text {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding-right: 20px; }

/* ==========================================================================
  xx. Back to top (thx. kulturbanause)
========================================================================== */
#cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.1) url(images/scrollUp.png) no-repeat center 50%;
  background: rgba(0, 0, 0, 0.1) url(images/scrollUp.svg) no-repeat center 50%;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  -o-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  border-radius: 50%;
  border: 1px solid rgba(var(--ease-green-rgb), 0.6);
  z-index: 102;}

#cd-top:hover {
  opacity: 1;
  border: 1px solid var(--ease-green);
  background: #fff url(images/scrollUp_hover.png) no-repeat center 50%;
  background: #fff url(images/scrollUp_hover.svg) no-repeat center 50%; }

@media only screen and (min-width: 769px) {
  #cd-top {
    right: 20px;
    bottom: 20px; } }

@media only screen and (min-width: 911px) {
  #cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px; } }

.link-button-group,
.link-button-group.is-layout-flex {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(3, 1fr);
  margin-block-start: 1rem;
  align-items: stretch;
}
@media only screen and (width < 940px) {
  .link-button-group,
  .link-button-group.is-layout-flex {
    /*grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));*/
    grid-template-columns: repeat(2, 1fr); }
}
@media only screen and (width < 530px) {
  .link-button-group,
  .link-button-group.is-layout-flex {
     grid-template-columns: repeat(1, 1fr); }
}
.link-button-group > p {
  padding: 0.7rem 1.5rem;
  background-color: var(--ease-orange-dark);
  margin-bottom: 0;
  width: 100%;
  position: relative;
  /* max-width: calc((var(--wp--style--global--content-size) / 3) - 1rem); */
  font-size: var(--wp--custom--typography--font-size--heading-five);
  /* font-weight: 600; */
  margin: 0;
  text-align: center;
}

.wp-block-button.link-button >
.wp-block-button__link.wp-element-button,
.link-button > a {
  padding: 0.7rem 1rem;
  background-color: hsl(var(--ease-orange-dark-hsl));
  margin-bottom: 0;
  width: 100%;
  position: relative;
  /* max-width: calc((var(--wp--style--global--content-size) / 3) - 1rem); */
  text-align: center;
  font-size: var(--wp--custom--typography--font-size--heading-five);
}

.wp-block-button.link-button >
a.wp-block-button__link.wp-element-button:hover, 
.wp-block-button.link-button >
a.wp-block-button__link.wp-element-button:focus,
.wp-block-button.link-button >
a.wp-block-button__link.wp-element-button:active {
  color: rgba(255,255,255,0.8);
  background-color: hsl(from var(--ease-orange-dark) calc(h - 5) calc(s - 5) l);
}

.wp-block-button.link-button >
a.wp-block-button__link.wp-element-button:visited {
  color: rgba(255,255,255,0.8);;
}
.link-button a,
.link-button-group > p a {
  color: #fff;
}

/* .link-button-group > p::after,
.link-button::after {
  content: "";
  align-content: end;
  position: absolute;
  right: 1rem;
  color: #fff;
  background: url("images/Navi-Pfeil_weiss.svg") no-repeat center;
    width: 22px;
  height: 22px;
  transform: rotate(-90deg);
  top: 32%;
} */
/* :root :where(.is-layout-constrained.link-button-group) > :first-child {
  margin-block-start: inherit;
} */

.show-on-mobile {
  display: none;
}
 
@media only screen and (width <= 840px) {
  .show-on-mobile {
    display: block
  }
}

:root :where(.is-layout-flow) > * {
  margin-block-start: 0;
  margin-block-end: var(--spacer-05);
}

/* Enhanced Mobile Navigation Styles */
@media only screen and (width < 960px) {
  /* Mobile parent link styling (phones) */
  .main-navigation .mobile-parent-link {
    cursor: pointer;
    position: relative;
  }
  
  /* Ensure mobile parent links don't look like regular links */
  .main-navigation .mobile-parent-link:hover,
  .main-navigation .mobile-parent-link:focus {
    text-decoration: none;
  }
  
  /* Enhanced focus state for mobile */
  .main-navigation.toggled li.focus > a {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
  }
  
  /* Smooth transitions for submenu display */
  .main-navigation.toggled ul ul {
    transition: all 0.3s ease;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    display: none; /* Ensure hidden by default on Safari */
  }
  
  .main-navigation.toggled ul li.focus > ul {
    opacity: 1;
    max-height: 500px;
    display: block !important; /* Force display on Safari */
  }
  
  /* Ensure submenu links are properly styled */
  .main-navigation.toggled ul ul li a {
    margin-left: 1.5em;
    font-size: 0.95em;
    opacity: 0.9;
  }
}

/* Tablet styles for large viewports (double-tap behavior) */
@media only screen and (width >= 960px) {
  .main-navigation .tablet-parent-link {
    cursor: pointer;
    position: relative;
  }
  
  .main-navigation .tablet-parent-link:hover,
  .main-navigation .tablet-parent-link:focus {
    text-decoration: none;
  }
  
  /* Ensure submenu display works properly on large viewports for touch devices */
  .main-navigation .tablet-parent-link + ul {
    left: -999em; /* Use original positioning method */
  }
  
  .main-navigation .tablet-parent-link:focus + ul,
  .main-navigation li.focus .tablet-parent-link + ul {
    left: auto; /* Show submenu using original method */
  }
}

/* Desktop styles - ensure mobile styles don't interfere */
@media only screen and (width >= 960px) {
  .main-navigation .mobile-parent-link,
  .main-navigation .tablet-parent-link {
    cursor: default;
  }
}

.seitentitel-im-headerbild h1 span {
  /*visibility: hidden;
  font-size: 0;*/
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}