@charset "UTF-8";
/*
Base styles include setting heading sizes, default link styles, default font styles, and body backgrounds.
There should be no need to use !important in a Base style.

I highly recommended that you specify a body background. Some users may define their own background as something other than white.
If you work off the expectation that the background will be white, your design may look broken.
Worse, your font colour choice may clash with the user’s setting and make your site unusable.
*/
/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: A lightweight and minimalist WordPress theme for Elementor page builder.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 2.8.1
	Stable tag: 2.8.1
	Requires at least: 5.9
	Tested up to: 6.2
	Requires PHP: 7.0
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Description: A lightweight, plain-vanilla, best suited for building your site using Elementor website builder. Visit https://elementor.com/hello-theme/ to learn more.
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/
/**
 * DO NOT CHANGE THIS FILE!
 * To override any of the settings in this section, add your styling code in the custom directory.
 * Loading first in the style.scss & classic-editor.scss
 */
/*
 * Inspired by Normalize.css, HTML5 Boilerplate & Bootstrap Reboot Projects under MIT License
 */
/**
 * Document basic styling
 * DO NOT CHANGE THIS FILE!
 * To override any of the settings in this section, add your styling code in the custom directory.
 */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.
 */
/* Sections
 */
/* TYPOGRAPHY */
/* Fonts */
@font-face {
  font-family: "Poppins";
  src: url(../fonts/Poppins/Poppins-Regular.woff2) format("woff2"),
       url(../fonts/Poppins/Poppins-Regular.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url(../fonts/Poppins/Poppins-Regular.woff2) format("woff2"),
       url(../fonts/Poppins/Poppins-Regular.ttf) format("truetype");
  font-display: swap;
  font-weight: 400;
}
@font-face {
  font-family: "Poppins";
  src: url(../fonts/Poppins/Poppins-SemiBold.woff2) format("woff2"),
       url(../fonts/Poppins/Poppins-SemiBold.ttf) format("truetype");
  font-display: swap;
  font-weight: 600;
}
@font-face {
  font-family: "Poppins";
  src: url(../fonts/Poppins/Poppins-bold.woff2) format("woff2"),
       url(../fonts/Poppins/Poppins-bold.ttf) format("truetype");
  font-display: swap;
  font-weight: 700;
}
@font-face {
  font-family: "Outfit";
  src: url(../fonts/Outfit/Outfit-VariableFont_wght.woff2) format("woff2"),
       url(../fonts/Outfit/Outfit-VariableFont_wght.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Red Hat Text";
  src: url(../fonts/Red_Hat_Text/RedHatText-VariableFont_wght.woff2) format("woff2"),
       url(../fonts/Red_Hat_Text/RedHatText-VariableFont_wght.ttf) format("truetype");
  font-display: swap;
}
/* VARIABLES */
:root {
  color-scheme: light dark;
  --color-link: #627D77;
  --color-link-hover: #912448;
  --color-link-active: #912448;
  --color-white: #fff;
  --color-black: #000;
  --color-text-black: #0E1C25;
  --color-bg-light: #fff;
  --color-bg-dark: #191A19;
  --color-bg-primary:#F8F8F8;
  --color-bg-primary-light:#F1F4EE;
  --color-text-body:#5E5E5E;
}

body.darkmode--activated {
  color: #fff;
  --color-white: #000;
  --color-black: #fff;
  --color-text-black: #EFEFEF;
  --color-bg-light: var(--color-bg-dark);
  --color-bg-primary: var(--color-bg-dark);
  --color-bg-primary-light: var(--color-bg-dark);
  --color--white:#000;
  --color-link: #EFEFEF;
  --color-link-hover: #DAE5CD;
  --color-text-body: #fff;
  --color-primary-dark: #EFEFEF;
}
body * {
  transition: background-color 0.3s ease-in-out;
}

:root {
  --direction: left;
  --direction-rev: right;
  --rtl-flip: unset;
  --font-regular: "Outfit", sans-serif;
  --font-bold: "Red Hat Text","Trebuchet MS","Helvetica Neue",Arial,Helvetica,sans-serif;
  --font-poppins: "Poppins",sans-serif;
  --letter-space-xl: 3px;
  --letter-space-l: 2.24px;
  --letter-space: 1.5px;
  --letter-space-s: 1.2px;
  --letter-space-xs: 1.08px;
  --fs-h1: 32px;
  --fs-h2: 28px;
  --fs-h3: 24px;
  --fs-h4: 18px;
  --fs-h5: 16px;
  --fs-h6: 16px;
  --fs-h1-s: 30px;
  --fs-h1-l: 60px;
  --lh-h1: 1.3;
  --lh-h2: 1.3;
  --lh-h3: 1.3;
  --lh-h4: 1.3;
  --lh-h5: 1.3;
  --lh-h6: 1.3;
  --lh-h1-l: 50px;
  --fs-body-xl: 20px;
  --fs-body-l: 18px;
  --fs-body: 16px;
  --fs-body-s: 14px;
  --fs-body-xs: 12px;
  --fs-title-l: 22px;
  --fs-title-s: 18px;
  --fs-btn: 16px;
  --lh-body-xl: normal;
  --lh-body-l: normal;
  --lh-body: 1.5;
  --lh-body-s: normal;
  --lh-body-xs: normal;
  --lh-btn: normal;
  --fw-bold: 700;
  --fw-semibold: 600;
  --fw-regular: 400;
  --container: 80%;
}

@media (min-width: 576px) {
  :root {
    --fs-h1: 40px;
    --fs-h2: 32px;
    --fs-h3: 24px;
    --fs-h4: 18px;
    --fs-h5: 16px;
    --fs-h6: 16px;
    --fs-h1-s: var(--fs-h1);
    --fs-h1-l: 70px;
    --lh-h1-l: 60px;
    --fs-btn: 18px;
  }
}
@media (min-width: 1280px) {
  :root {
    --fs-h1: calc(18px + 1.55vw);
    --fs-h1-s: var(--fs-h1);
    --fs-h1-l: calc(68px + 1.5vw);
    --lh-h1:1.3;
    --lh-h1-l: calc(60px + 1.5vw);
    --fs-body-s: calc(2.5px + 0.8vw);
    --fs-body-l: 20px;
    --fs-btn: 20px;
  }
}
/* GENERAL STYLES
------------------------------------------------- */
body {
  color: #333333;
  background: var(--color-bg-light);
  font-family: var(--font-regular);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
}

/* HEADINGS
-------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--color-text-black);
  font-family: var(--font-bold), sans-serif;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 16px;
}

h1.heading-1-sm {
  font-size: var(--fs-h1-s);
}

h1.heading-1-lg {
  letter-spacing: var(--letter-space-xl);
  font-size: var(--fs-h1-l);
  line-height: var(--lh-h1-l);
}

h1 {
  font-size: var(--fs-h1);
  line-height: var(--lh-h1);
  word-break: break-word;
}

h2 {
  font-size: var(--fs-h2);
  line-height: var(--lh-h2);
}

h3 {
  font-size: var(--fs-h3);
  line-height: var(--lh-h3);
}

h4 {
  font-size: var(--fs-h4);
  line-height: var(--lh-h4);
}

h5 {
  font-size: var(--fs-h5);
  line-height: var(--lh-h5);
}

h6 {
  font-size: var(--fs-h6);
  line-height: var(--lh-h6);
}

@media (min-width: 576px) {
  h1 {
    word-break: unset;
  }
}
table.cases tr:nth-child(odd) {
  background-color: unset;
}

.text-content p, .text-content #sliding-popup .popup-content .eu-cookie-compliance-message p, #sliding-popup .popup-content .eu-cookie-compliance-message .text-content p {
  margin-top: 0;
}

p, #sliding-popup .popup-content .eu-cookie-compliance-message p {
  line-height: var(--lh-body);
  color: var(--color-text-body);
  font-family: var(--font-regular), sans-serif;
  font-size: var(--fs-body);
  margin-top: 0;
  margin-bottom: 16px;
}
p .text-big, #sliding-popup .popup-content .eu-cookie-compliance-message p .text-big {
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
}
@media (min-width: 576px) {
  p, #sliding-popup .popup-content .eu-cookie-compliance-message p {
    font-size: var(--fs-body-l);
  }
}

a {
  background-color: transparent;
  color: var(--color-link);
  box-shadow: unset;
}
a:hover, a:active, a:focus {
  color: var(--color-link-hover);
  box-shadow: unset;
  text-decoration: none;
  outline: unset;
}

.body-content ol a:not(.button),
.body-content ul a:not(.button),
.body-content p a:not(.button),
.body-content #sliding-popup .popup-content .eu-cookie-compliance-message p a:not(.button),
#sliding-popup .popup-content .eu-cookie-compliance-message .body-content p a:not(.button),
.text-with-icons-text ol a:not(.button),
.text-with-icons-text ul a:not(.button),
.text-with-icons-text p a:not(.button),
.text-with-icons-text #sliding-popup .popup-content .eu-cookie-compliance-message p a:not(.button),
#sliding-popup .popup-content .eu-cookie-compliance-message .text-with-icons-text p a:not(.button),
.description ol a:not(.button),
.description ul a:not(.button),
.description p a:not(.button),
.description #sliding-popup .popup-content .eu-cookie-compliance-message p a:not(.button),
#sliding-popup .popup-content .eu-cookie-compliance-message .description p a:not(.button),
.body-para-text ol a:not(.button),
.body-para-text ul a:not(.button),
.body-para-text p a:not(.button),
.body-para-text #sliding-popup .popup-content .eu-cookie-compliance-message p a:not(.button),
#sliding-popup .popup-content .eu-cookie-compliance-message .body-para-text p a:not(.button),
.text-content ol a:not(.button),
.text-content ul a:not(.button),
.text-content p a:not(.button),
.text-content #sliding-popup .popup-content .eu-cookie-compliance-message p a:not(.button),
#sliding-popup .popup-content .eu-cookie-compliance-message .text-content p a:not(.button),
.text-formatted ol a:not(.button),
.text-formatted ul a:not(.button),
.text-formatted p a:not(.button),
.text-formatted #sliding-popup .popup-content .eu-cookie-compliance-message p a:not(.button),
#sliding-popup .popup-content .eu-cookie-compliance-message .text-formatted p a:not(.button) {
  color: var(--color-link);
}
.body-content ul,
.body-content ol,
.text-with-icons-text ul,
.text-with-icons-text ol,
.description ul,
.description ol,
.body-para-text ul,
.body-para-text ol,
.text-content ul,
.text-content ol,
.text-formatted ul,
.text-formatted ol {
  padding-inline-start: 16px;
}
.body-content ul li,
.body-content ol li,
.text-with-icons-text ul li,
.text-with-icons-text ol li,
.description ul li,
.description ol li,
.body-para-text ul li,
.body-para-text ol li,
.text-content ul li,
.text-content ol li,
.text-formatted ul li,
.text-formatted ol li {
  margin-bottom: 8px;
  color: var(--color-text-body);
  font-family: var(--font-regular), sans-serif;
  font-size: var(--fs-body);
}
@media (min-width: 576px) {
  .body-content ul li,
  .body-content ol li,
  .text-with-icons-text ul li,
  .text-with-icons-text ol li,
  .description ul li,
  .description ol li,
  .body-para-text ul li,
  .body-para-text ol li,
  .text-content ul li,
  .text-content ol li,
  .text-formatted ul li,
  .text-formatted ol li {
    font-size: var(--fs-body-l);
  }
}

.text-content img {
  max-width: 100%;
}
.text-content table:not(table.cases),
.text-content th,
.text-content td {
  /* border: 1px solid #808080; */
  border-color: #808080;
  border-collapse: collapse;
}
.text-content table:not(table.cases),
.text-content table:not(table.cases-of-the-month) {
  width: 100%;
  /* border-width: 2px; */
}
.text-content table:not(table.cases) tr:nth-child(even),
.text-content table:not(table.cases-of-the-month) tr:nth-child(even) {
  background-color: #eaeaea;
}
.text-content table:not(table.cases) tr:nth-child(odd),
.text-content table:not(table.cases-of-the-month) tr:nth-child(odd) {
  background-color: #f6f6f6;
}
.text-content table:not(table.cases) td,
.text-content table:not(table.cases-of-the-month) td {
  padding: 8px;
}
.text-content a:not(.button) {
  color: #cc3366;
  box-shadow: unset;
}
.text-content a:not(.button):hover, .text-content a:not(.button):focus, .text-content a:not(.button):active {
  color: #336;
  box-shadow: unset;
  text-decoration: none;
}
.text-content blockquote {
  padding-inline-start: 0;
}
.text-content blockquote::before {
  inset-block-start: -40px;
  color: #AC4E91;
  font-size: 120px;
  font-family: "Times New Roman", Times, serif;
}
.text-content blockquote::after {
  display: none;
}
.text-content iframe {
  max-width: 100%;
}

hr {
  width: 100%;
  margin-inline-start: 0;
}

.list-breadcrumb {
  display: flex;
  text-decoration: none;
  list-style: none;
  justify-content: center;
  padding-left: 0;
  flex-wrap: wrap;
}
.list-breadcrumb li:not(:last-child) {
  padding-right: 16px;
  border-right: 1px;
  border-width: 1px;
  border-right-style: solid;
  margin-right: 16px;
}
.list-breadcrumb li:not(:last-child) a {
  color: #54595f;
}

ul.list-bt {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}
ul.list-bt li:not(:last-child) {
  border-top: 1px solid #dddddd;
}

ul.list-bb li:not(:last-child) {
  border-bottom: 1px solid #dddddd;
}

h2.color-bg-pink {
  padding: 8px;
  color: #fff;
  background-color: #ca5f9f;
}

.mobile-nav-button:focus {
  outline: none;
}
.mobile-nav-button .mobile-nav-button__icon {
  border-color: #fff;
}
.mobile-nav-button .mobile-nav-button__icon::after, .mobile-nav-button .mobile-nav-button__icon::before {
  border-color: #fff;
}
.mobile-nav-button[aria-expanded=true] .mobile-nav-button__icon::after, .mobile-nav-button[aria-expanded=true] .mobile-nav-button__icon::before {
  border-color: #000;
}

.entity-pager {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: var(--max-width);
}
.entity-pager-list {
  display: flex;
  justify-content: space-between;
}

.sf-menu div.sf-multicolumn-column > span {
  border: 0 none !important;
  clip: rect(1px, 1px, 1px, 1px);
  clip: rect(1px 1px 1px 1px);
  height: 1px !important;
  margin: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  background-color: rebeccapurple;
}

/* IFRAME in page /telefon-termin
-------------------------------------------------- */
.calendly-inline-widget iframe {
  height: 600px;
}

#search-form .search-help-link {
  display: none !important;
}

.fw-regular {
  font-weight: 400;
}

.color-white {
  color: #fff;
}

.border-left-lg {
  padding-left: 5px;
  border-left: 3px solid #fff;
}

.title-sm {
  font-size: 18px;
  font-weight: 700;
  line-height: 23.9px;
  color: #0a0b0d;
}

.title-media-object {
  font-size: 16px;
  font-weight: 400;
  color: #949599;
}

.title-xl {
  font-size: 24px;
}
@media (min-width: 576px) {
  .title-xl {
    font-size: 50px;
  }
}
@media (min-width: 1280px) {
  .title-xl {
    font-size: 80px;
  }
}

.title-xxl {
  font-size: 50px;
}
@media (min-width: 576px) {
  .title-xxl {
    font-size: 100px;
  }
}
@media (min-width: 1280px) {
  .title-xxl {
    font-size: 150px;
  }
}

span.hr-100::after {
  width: 100px;
  content: "";
  height: 1px;
  background: #000;
  display: block;
  margin-top: 20px;
}

span.hr-200::after {
  width: 200px;
  content: "";
  height: 1px;
  background: #000;
  display: block;
  margin-top: 20px;
}

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

.text-tiny {
  font-size: 12px;
}

.box-shadow {
  box-shadow: -1.21px 6.894px 15px 0px rgba(0, 0, 0, 0.07);
}

.blog-post__link {
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  color: #580A24;
  display: block;
  margin-bottom: 40px;
}

.link_types {
  display: inline-flex;
  gap: 16px;
  flex-direction: column;
}
@media (min-width: 576px) {
  .link_types {
    gap: 32px;
    flex-direction: row;
  }
}
@media (min-width: 576px) {
  .link_types .field__item a {
    display: inline-block;
  }
}

.user-login-form, .user-pass {
  max-width: 585px;
  margin-left: auto;
  margin-right: auto;
}
.user-login-form .form-element, .user-pass .form-element {
  width: 100%;
  box-shadow: none;
  outline: none;
}
.user-login-form .user-icon, .user-pass .user-icon {
  text-align: center;
}
.user-login-form .user-icon .fa-circle-user, .user-pass .user-icon .fa-circle-user {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="5em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M406.5 399.6C387.4 352.9 341.5 320 288 320H224c-53.5 0-99.4 32.9-118.5 79.6C69.9 362.2 48 311.7 48 256C48 141.1 141.1 48 256 48s208 93.1 208 208c0 55.7-21.9 106.2-57.5 143.6zm-40.1 32.7C334.4 452.4 296.6 464 256 464s-78.4-11.6-110.5-31.7c7.3-36.7 39.7-64.3 78.5-64.3h64c38.8 0 71.2 27.6 78.5 64.3zM256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-272a40 40 0 1 1 0-80 40 40 0 1 1 0 80zm-88-40a88 88 0 1 0 176 0 88 88 0 1 0 -176 0z"/></svg>');
  background-repeat: no-repeat;
  width: 100px;
  display: inline-block;
  height: 100px;
  content: "";
}
.user-login-form a, .user-login-form label, .user-pass a, .user-pass label {
  color: #7a7a7a;
}

.hr-primary--lg {
  background-color: #DAE5CD;
  height: 8px;
}

.header-title {
  display: inline-block;
  margin: 0 0 30px 0;
}

.more-link {
  text-align: center;
  margin-top: 110px;
}
.more-link a {
  display: inline-block;
}

.d-none {
  width: 0;
  height: 0;
}

.img-round img {
  border-radius: 50%;
}

.img-half-width img {
  width: 50%;
  margin: auto;
}

.button, .layout_form.cr_form .button, .layout_form.cr_form .link_types .field__item a, .link_types .field__item .layout_form.cr_form a, .layout_form.cr_form .more-link a, .more-link .layout_form.cr_form a, .layout_form.cr_form #newsletter-anmeldung-footer .button, #newsletter-anmeldung-footer .layout_form.cr_form .button, .layout_form.cr_form #newsletter-anmeldung-footer .link_types .field__item a, #newsletter-anmeldung-footer .link_types .field__item .layout_form.cr_form a, .layout_form.cr_form .link_types .field__item #newsletter-anmeldung-footer a, .link_types .field__item #newsletter-anmeldung-footer .layout_form.cr_form a, .layout_form.cr_form #newsletter-anmeldung-footer .more-link a, #newsletter-anmeldung-footer .more-link .layout_form.cr_form a, .layout_form.cr_form .more-link #newsletter-anmeldung-footer a, .more-link #newsletter-anmeldung-footer .layout_form.cr_form a, .layout_form.cr_form .events-table table td .item__link, .events-table table td .layout_form.cr_form .item__link, .layout_form.cr_form #newsletter-anmeldung-footer .events-table table td .item__link, #newsletter-anmeldung-footer .events-table table td .layout_form.cr_form .item__link, .layout_form.cr_form .events-table table td #newsletter-anmeldung-footer .item__link, .events-table table td #newsletter-anmeldung-footer .layout_form.cr_form .item__link, .layout_form.cr_form .cr_button, #newsletter-anmeldung-footer .layout_form.cr_form .link_types .field__item a, .link_types .field__item .layout_form.cr_form #newsletter-anmeldung-footer a, #newsletter-anmeldung-footer .layout_form.cr_form .more-link a, .more-link .layout_form.cr_form #newsletter-anmeldung-footer a, #newsletter-anmeldung-footer .layout_form.cr_form .events-table table td .item__link, .events-table table td .layout_form.cr_form #newsletter-anmeldung-footer .item__link, #newsletter-anmeldung-footer .layout_form.cr_form .cr_button, .layout_form.cr_form #newsletter-anmeldung-footer .cr_button, .layout_form.cr_form #newsletter-anmeldung-footer .layout_form.cr_form .button, .layout_form.cr_form #newsletter-anmeldung-footer .link_types .field__item .layout_form.cr_form a, .layout_form.cr_form .link_types .field__item #newsletter-anmeldung-footer .layout_form.cr_form a, .link_types .field__item .layout_form.cr_form #newsletter-anmeldung-footer .layout_form.cr_form a, .layout_form.cr_form #newsletter-anmeldung-footer .more-link .layout_form.cr_form a, .layout_form.cr_form .more-link #newsletter-anmeldung-footer .layout_form.cr_form a, .more-link .layout_form.cr_form #newsletter-anmeldung-footer .layout_form.cr_form a, .layout_form.cr_form #newsletter-anmeldung-footer .events-table table td .layout_form.cr_form .item__link, .layout_form.cr_form .events-table table td #newsletter-anmeldung-footer .layout_form.cr_form .item__link, .events-table table td .layout_form.cr_form #newsletter-anmeldung-footer .layout_form.cr_form .item__link, #newsletter-anmeldung-footer .layout_form.cr_form #newsletter-anmeldung-footer .button, #newsletter-anmeldung-footer .layout_form.cr_form #newsletter-anmeldung-footer .link_types .field__item a, #newsletter-anmeldung-footer .layout_form.cr_form .link_types .field__item #newsletter-anmeldung-footer a, #newsletter-anmeldung-footer .layout_form.cr_form #newsletter-anmeldung-footer .more-link a, #newsletter-anmeldung-footer .layout_form.cr_form .more-link #newsletter-anmeldung-footer a, #newsletter-anmeldung-footer .layout_form.cr_form #newsletter-anmeldung-footer .events-table table td .item__link, #newsletter-anmeldung-footer .layout_form.cr_form .events-table table td #newsletter-anmeldung-footer .item__link, .events-table table td .item__link, #newsletter-anmeldung-footer .events-table table td .item__link, .events-table table td #newsletter-anmeldung-footer .item__link, #newsletter-anmeldung-footer .button, #newsletter-anmeldung-footer .layout_form.cr_form .button, .layout_form.cr_form #newsletter-anmeldung-footer .button, #newsletter-anmeldung-footer .layout_form.cr_form .link_types .field__item a, .layout_form.cr_form .link_types .field__item #newsletter-anmeldung-footer a, #newsletter-anmeldung-footer .link_types .field__item .layout_form.cr_form a, .link_types .field__item .layout_form.cr_form #newsletter-anmeldung-footer a, #newsletter-anmeldung-footer .layout_form.cr_form .more-link a, .layout_form.cr_form .more-link #newsletter-anmeldung-footer a, #newsletter-anmeldung-footer .more-link .layout_form.cr_form a, .more-link .layout_form.cr_form #newsletter-anmeldung-footer a, .layout_form.cr_form #newsletter-anmeldung-footer .button, #newsletter-anmeldung-footer .layout_form.cr_form .button, .layout_form.cr_form #newsletter-anmeldung-footer .link_types .field__item a, #newsletter-anmeldung-footer .link_types .field__item .layout_form.cr_form a, .layout_form.cr_form .link_types .field__item #newsletter-anmeldung-footer a, .link_types .field__item #newsletter-anmeldung-footer .layout_form.cr_form a, .layout_form.cr_form #newsletter-anmeldung-footer .more-link a, #newsletter-anmeldung-footer .more-link .layout_form.cr_form a, .layout_form.cr_form .more-link #newsletter-anmeldung-footer a, .more-link #newsletter-anmeldung-footer .layout_form.cr_form a, #newsletter-anmeldung-footer .layout_form.cr_form .events-table table td .item__link, .layout_form.cr_form .events-table table td #newsletter-anmeldung-footer .item__link, #newsletter-anmeldung-footer .events-table table td .layout_form.cr_form .item__link, .events-table table td .layout_form.cr_form #newsletter-anmeldung-footer .item__link, .layout_form.cr_form #newsletter-anmeldung-footer .events-table table td .item__link, #newsletter-anmeldung-footer .events-table table td .layout_form.cr_form .item__link, .layout_form.cr_form .events-table table td #newsletter-anmeldung-footer .item__link, .events-table table td #newsletter-anmeldung-footer .layout_form.cr_form .item__link, #newsletter-anmeldung-footer .layout_form.cr_form .cr_button, .layout_form.cr_form #newsletter-anmeldung-footer .cr_button, #newsletter-anmeldung-footer .layout_form.cr_form .link_types .field__item a, .link_types .field__item .layout_form.cr_form #newsletter-anmeldung-footer a, #newsletter-anmeldung-footer .layout_form.cr_form .more-link a, .more-link .layout_form.cr_form #newsletter-anmeldung-footer a, #newsletter-anmeldung-footer .layout_form.cr_form .events-table table td .item__link, .events-table table td .layout_form.cr_form #newsletter-anmeldung-footer .item__link, #newsletter-anmeldung-footer .layout_form.cr_form .cr_button, .layout_form.cr_form #newsletter-anmeldung-footer .cr_button, .layout_form.cr_form #newsletter-anmeldung-footer .layout_form.cr_form .button, .layout_form.cr_form #newsletter-anmeldung-footer .link_types .field__item .layout_form.cr_form a, .layout_form.cr_form .link_types .field__item #newsletter-anmeldung-footer .layout_form.cr_form a, .link_types .field__item .layout_form.cr_form #newsletter-anmeldung-footer .layout_form.cr_form a, .layout_form.cr_form #newsletter-anmeldung-footer .more-link .layout_form.cr_form a, .layout_form.cr_form .more-link #newsletter-anmeldung-footer .layout_form.cr_form a, .more-link .layout_form.cr_form #newsletter-anmeldung-footer .layout_form.cr_form a, .layout_form.cr_form #newsletter-anmeldung-footer .events-table table td .layout_form.cr_form .item__link, .layout_form.cr_form .events-table table td #newsletter-anmeldung-footer .layout_form.cr_form .item__link, .events-table table td .layout_form.cr_form #newsletter-anmeldung-footer .layout_form.cr_form .item__link, #newsletter-anmeldung-footer .layout_form.cr_form #newsletter-anmeldung-footer .button, #newsletter-anmeldung-footer .layout_form.cr_form #newsletter-anmeldung-footer .link_types .field__item a, #newsletter-anmeldung-footer .layout_form.cr_form .link_types .field__item #newsletter-anmeldung-footer a, #newsletter-anmeldung-footer .layout_form.cr_form #newsletter-anmeldung-footer .more-link a, #newsletter-anmeldung-footer .layout_form.cr_form .more-link #newsletter-anmeldung-footer a, #newsletter-anmeldung-footer .layout_form.cr_form #newsletter-anmeldung-footer .events-table table td .item__link, #newsletter-anmeldung-footer .layout_form.cr_form .events-table table td #newsletter-anmeldung-footer .item__link, #newsletter-anmeldung-footer .link_types .field__item a, .link_types .field__item #newsletter-anmeldung-footer a, #newsletter-anmeldung-footer .more-link a, .more-link #newsletter-anmeldung-footer a, .header_banner__discription .link_types .field__item:last-child a, .link_types .field__item a, .more-link a {
  font-family: var(--font-regular);
  font-weight: 400;
  font-size: var(--fs-btn);
  line-height: var(--lh-body);
  text-decoration: unset;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  height: unset;
  box-sizing: content-box;
  cursor: pointer;
  color: #fff;
  background-color: #627d77;
  border: 1px solid #627d77;
  border-radius: 3px;
  padding: 8px 15px;
}
.button:hover, .layout_form.cr_form .button:hover, .layout_form.cr_form .link_types .field__item a:hover, .link_types .field__item .layout_form.cr_form a:hover, .layout_form.cr_form .more-link a:hover, .more-link .layout_form.cr_form a:hover, .layout_form.cr_form #newsletter-anmeldung-footer .button:hover, #newsletter-anmeldung-footer .layout_form.cr_form .button:hover, .layout_form.cr_form #newsletter-anmeldung-footer .link_types .field__item a:hover, #newsletter-anmeldung-footer .link_types .field__item .layout_form.cr_form a:hover, .layout_form.cr_form .link_types .field__item #newsletter-anmeldung-footer a:hover, .link_types .field__item #newsletter-anmeldung-footer .layout_form.cr_form a:hover, .layout_form.cr_form #newsletter-anmeldung-footer .more-link a:hover, #newsletter-anmeldung-footer .more-link .layout_form.cr_form a:hover, .layout_form.cr_form .more-link #newsletter-anmeldung-footer a:hover, .more-link #newsletter-anmeldung-footer .layout_form.cr_form a:hover, .layout_form.cr_form .events-table table td .item__link:hover, .events-table table td .layout_form.cr_form .item__link:hover, .layout_form.cr_form #newsletter-anmeldung-footer .events-table table td .item__link:hover, #newsletter-anmeldung-footer .events-table table td .layout_form.cr_form .item__link:hover, .layout_form.cr_form .events-table table td #newsletter-anmeldung-footer .item__link:hover, .events-table table td #newsletter-anmeldung-footer .layout_form.cr_form .item__link:hover, .layout_form.cr_form .cr_button:hover, #newsletter-anmeldung-footer .layout_form.cr_form .link_types .field__item a:hover, .link_types .field__item .layout_form.cr_form #newsletter-anmeldung-footer a:hover, #newsletter-anmeldung-footer .layout_form.cr_form .more-link a:hover, .more-link .layout_form.cr_form #newsletter-anmeldung-footer a:hover, #newsletter-anmeldung-footer .layout_form.cr_form .events-table table td .item__link:hover, .events-table table td .layout_form.cr_form #newsletter-anmeldung-footer .item__link:hover, #newsletter-anmeldung-footer .layout_form.cr_form .cr_button:hover, .layout_form.cr_form #newsletter-anmeldung-footer .cr_button:hover, .events-table table td .item__link:hover, #newsletter-anmeldung-footer .events-table table td .item__link:hover, .events-table table td #newsletter-anmeldung-footer .item__link:hover, #newsletter-anmeldung-footer .button:hover, #newsletter-anmeldung-footer .layout_form.cr_form .button:hover, .layout_form.cr_form #newsletter-anmeldung-footer .button:hover, #newsletter-anmeldung-footer .layout_form.cr_form .link_types .field__item a:hover, .layout_form.cr_form .link_types .field__item #newsletter-anmeldung-footer a:hover, #newsletter-anmeldung-footer .link_types .field__item .layout_form.cr_form a:hover, .link_types .field__item .layout_form.cr_form #newsletter-anmeldung-footer a:hover, #newsletter-anmeldung-footer .layout_form.cr_form .more-link a:hover, .layout_form.cr_form .more-link #newsletter-anmeldung-footer a:hover, #newsletter-anmeldung-footer .more-link .layout_form.cr_form a:hover, .more-link .layout_form.cr_form #newsletter-anmeldung-footer a:hover, .layout_form.cr_form #newsletter-anmeldung-footer .button:hover, #newsletter-anmeldung-footer .layout_form.cr_form .button:hover, .layout_form.cr_form #newsletter-anmeldung-footer .link_types .field__item a:hover, #newsletter-anmeldung-footer .link_types .field__item .layout_form.cr_form a:hover, .layout_form.cr_form .link_types .field__item #newsletter-anmeldung-footer a:hover, .link_types .field__item #newsletter-anmeldung-footer .layout_form.cr_form a:hover, .layout_form.cr_form #newsletter-anmeldung-footer .more-link a:hover, #newsletter-anmeldung-footer .more-link .layout_form.cr_form a:hover, .layout_form.cr_form .more-link #newsletter-anmeldung-footer a:hover, .more-link #newsletter-anmeldung-footer .layout_form.cr_form a:hover, #newsletter-anmeldung-footer .layout_form.cr_form .events-table table td .item__link:hover, .layout_form.cr_form .events-table table td #newsletter-anmeldung-footer .item__link:hover, #newsletter-anmeldung-footer .events-table table td .layout_form.cr_form .item__link:hover, .events-table table td .layout_form.cr_form #newsletter-anmeldung-footer .item__link:hover, .layout_form.cr_form #newsletter-anmeldung-footer .events-table table td .item__link:hover, #newsletter-anmeldung-footer .events-table table td .layout_form.cr_form .item__link:hover, .layout_form.cr_form .events-table table td #newsletter-anmeldung-footer .item__link:hover, .events-table table td #newsletter-anmeldung-footer .layout_form.cr_form .item__link:hover, #newsletter-anmeldung-footer .layout_form.cr_form .cr_button:hover, .layout_form.cr_form #newsletter-anmeldung-footer .cr_button:hover, #newsletter-anmeldung-footer .layout_form.cr_form .link_types .field__item a:hover, .link_types .field__item .layout_form.cr_form #newsletter-anmeldung-footer a:hover, #newsletter-anmeldung-footer .layout_form.cr_form .more-link a:hover, .more-link .layout_form.cr_form #newsletter-anmeldung-footer a:hover, #newsletter-anmeldung-footer .layout_form.cr_form .events-table table td .item__link:hover, .events-table table td .layout_form.cr_form #newsletter-anmeldung-footer .item__link:hover, #newsletter-anmeldung-footer .layout_form.cr_form .cr_button:hover, .layout_form.cr_form #newsletter-anmeldung-footer .cr_button:hover, #newsletter-anmeldung-footer .link_types .field__item a:hover, .link_types .field__item #newsletter-anmeldung-footer a:hover, #newsletter-anmeldung-footer .more-link a:hover, .more-link #newsletter-anmeldung-footer a:hover, .header_banner__discription .link_types .field__item:last-child a:hover, .link_types .field__item a:hover, .more-link a:hover, .button:active, .layout_form.cr_form .button:active, .layout_form.cr_form .link_types .field__item a:active, .link_types .field__item .layout_form.cr_form a:active, .layout_form.cr_form .more-link a:active, .more-link .layout_form.cr_form a:active, .layout_form.cr_form #newsletter-anmeldung-footer .button:active, #newsletter-anmeldung-footer .layout_form.cr_form .button:active, .layout_form.cr_form #newsletter-anmeldung-footer .link_types .field__item a:active, #newsletter-anmeldung-footer .link_types .field__item .layout_form.cr_form a:active, .layout_form.cr_form .link_types .field__item #newsletter-anmeldung-footer a:active, .link_types .field__item #newsletter-anmeldung-footer .layout_form.cr_form a:active, .layout_form.cr_form #newsletter-anmeldung-footer .more-link a:active, #newsletter-anmeldung-footer .more-link .layout_form.cr_form a:active, .layout_form.cr_form .more-link #newsletter-anmeldung-footer a:active, .more-link #newsletter-anmeldung-footer .layout_form.cr_form a:active, .layout_form.cr_form .events-table table td .item__link:active, .events-table table td .layout_form.cr_form .item__link:active, .layout_form.cr_form #newsletter-anmeldung-footer .events-table table td .item__link:active, #newsletter-anmeldung-footer .events-table table td .layout_form.cr_form .item__link:active, .layout_form.cr_form .events-table table td #newsletter-anmeldung-footer .item__link:active, .events-table table td #newsletter-anmeldung-footer .layout_form.cr_form .item__link:active, .layout_form.cr_form .cr_button:active, #newsletter-anmeldung-footer .layout_form.cr_form .link_types .field__item a:active, .link_types .field__item .layout_form.cr_form #newsletter-anmeldung-footer a:active, #newsletter-anmeldung-footer .layout_form.cr_form .more-link a:active, .more-link .layout_form.cr_form #newsletter-anmeldung-footer a:active, #newsletter-anmeldung-footer .layout_form.cr_form .events-table table td .item__link:active, .events-table table td .layout_form.cr_form #newsletter-anmeldung-footer .item__link:active, #newsletter-anmeldung-footer .layout_form.cr_form .cr_button:active, .layout_form.cr_form #newsletter-anmeldung-footer .cr_button:active, .events-table table td .item__link:active, #newsletter-anmeldung-footer .events-table table td .item__link:active, .events-table table td #newsletter-anmeldung-footer .item__link:active, #newsletter-anmeldung-footer .button:active, #newsletter-anmeldung-footer .layout_form.cr_form .button:active, .layout_form.cr_form #newsletter-anmeldung-footer .button:active, #newsletter-anmeldung-footer .layout_form.cr_form .link_types .field__item a:active, .layout_form.cr_form .link_types .field__item #newsletter-anmeldung-footer a:active, #newsletter-anmeldung-footer .link_types .field__item .layout_form.cr_form a:active, .link_types .field__item .layout_form.cr_form #newsletter-anmeldung-footer a:active, #newsletter-anmeldung-footer .layout_form.cr_form .more-link a:active, .layout_form.cr_form .more-link #newsletter-anmeldung-footer a:active, #newsletter-anmeldung-footer .more-link .layout_form.cr_form a:active, .more-link .layout_form.cr_form #newsletter-anmeldung-footer a:active, .layout_form.cr_form #newsletter-anmeldung-footer .button:active, #newsletter-anmeldung-footer .layout_form.cr_form .button:active, .layout_form.cr_form #newsletter-anmeldung-footer .link_types .field__item a:active, #newsletter-anmeldung-footer .link_types .field__item .layout_form.cr_form a:active, .layout_form.cr_form .link_types .field__item #newsletter-anmeldung-footer a:active, .link_types .field__item #newsletter-anmeldung-footer .layout_form.cr_form a:active, .layout_form.cr_form #newsletter-anmeldung-footer .more-link a:active, #newsletter-anmeldung-footer .more-link .layout_form.cr_form a:active, .layout_form.cr_form .more-link #newsletter-anmeldung-footer a:active, .more-link #newsletter-anmeldung-footer .layout_form.cr_form a:active, #newsletter-anmeldung-footer .layout_form.cr_form .events-table table td .item__link:active, .layout_form.cr_form .events-table table td #newsletter-anmeldung-footer .item__link:active, #newsletter-anmeldung-footer .events-table table td .layout_form.cr_form .item__link:active, .events-table table td .layout_form.cr_form #newsletter-anmeldung-footer .item__link:active, .layout_form.cr_form #newsletter-anmeldung-footer .events-table table td .item__link:active, #newsletter-anmeldung-footer .events-table table td .layout_form.cr_form .item__link:active, .layout_form.cr_form .events-table table td #newsletter-anmeldung-footer .item__link:active, .events-table table td #newsletter-anmeldung-footer .layout_form.cr_form .item__link:active, #newsletter-anmeldung-footer .layout_form.cr_form .cr_button:active, .layout_form.cr_form #newsletter-anmeldung-footer .cr_button:active, #newsletter-anmeldung-footer .layout_form.cr_form .link_types .field__item a:active, .link_types .field__item .layout_form.cr_form #newsletter-anmeldung-footer a:active, #newsletter-anmeldung-footer .layout_form.cr_form .more-link a:active, .more-link .layout_form.cr_form #newsletter-anmeldung-footer a:active, #newsletter-anmeldung-footer .layout_form.cr_form .events-table table td .item__link:active, .events-table table td .layout_form.cr_form #newsletter-anmeldung-footer .item__link:active, #newsletter-anmeldung-footer .layout_form.cr_form .cr_button:active, .layout_form.cr_form #newsletter-anmeldung-footer .cr_button:active, #newsletter-anmeldung-footer .link_types .field__item a:active, .link_types .field__item #newsletter-anmeldung-footer a:active, #newsletter-anmeldung-footer .more-link a:active, .more-link #newsletter-anmeldung-footer a:active, .header_banner__discription .link_types .field__item:last-child a:active, .link_types .field__item a:active, .more-link a:active {
  font-weight: 400;
  background-color: #4e645f;
  text-shadow: none;
  outline: 0;
}
.button--primary, .link_types .field__item a {
  color: #fff;
  background-color: #627d77;
}
.button--primary:hover, .link_types .field__item a:hover, .button--primary:active, .link_types .field__item a:active, .button--primary:focus, .link_types .field__item a:focus {
  border: 1px solid #627d77;
  background-color: #4e645f;
}
.button--secondary, .header_banner__discription .link_types .field__item:last-child a {
  color: #627d77;
  background-color: transparent;
  border: 1px solid #627d77;
}
.button--secondary:hover, .header_banner__discription .link_types .field__item:last-child a:hover, .button--secondary:active, .header_banner__discription .link_types .field__item:last-child a:active, .button--secondary:focus, .header_banner__discription .link_types .field__item:last-child a:focus {
  color: #fff;
  background-color: #4e645f;
  border-width: 1px;
  border-color: #627d77;
}
.button--tiretiory {
  color: #fff;
  background-color: #ca5fa0;
}
.button--tiretiory:hover {
  color: #fff;
  background-color: transparent;
}
.button--white {
  color: #DAE5CD;
  background-color: #fff;
  border-color: #fff;
}
.button--white:hover {
  color: #DAE5CD;
  background-color: #fff;
  border-color: #DAE5CD;
}
.button--round {
  border-radius: 100px 100px 100px 100px;
}
.button--transparent {
  background-color: transparent;
}
.button--bounce:hover {
  transform: translateY(-10px);
}
.button--hover-primary {
  color: #000;
  background-color: transparent;
  border: 1px solid #000;
}
.button--hover-primary:hover {
  color: #fff;
  background-color: #4b1863;
}

.col {
  display: grid;
  gap: 24px;
}
.col-1 {
  grid-template-columns: 50%;
  justify-content: center;
}
.col-2 {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 1280px) {
  .col-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
.col-3 {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 576px) {
  .col-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1280px) {
  .col-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
.col-4 {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 576px) {
  .col-4 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .col-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}

.card {
  width: 100%;
  padding: 37px 29px;
  border-radius: 10px;
  background: var(--color-white);
  box-shadow: none;
}
.card:hover {
  box-shadow: 0px 0px 15px 4px rgba(98, 125, 119, 0.2);
}
.card__image {
  text-align: center;
  width: 145px;
  flex-shrink: 0;
  object-fit: cover;
  margin: 0 auto 28px;
}
.card__title h3 {
  color: var(--color-primary-dark);
}
.card__body--link {
  display: flex;
}
.card__body--link::after {
  content: " ";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url("../icons/read-more.svg") center center no-repeat;
  background-size: contain;
  margin: 5px 25px;
}

.card-countdown {
  padding: 0 24px;
}
@media (min-width: 1280px) {
  .card-countdown {
    padding: 0 124px;
  }
}
.card-countdown .card {
  width: auto;
  padding: 0;
  border-radius: 12px;
  border: 1px solid #627d77;
  text-align: center;
  display: flex;
  justify-content: center;
  padding: 38px 0;
}
.card-countdown .card__countdown-img {
  margin: 5px 0;
}
.card-countdown .card__countdown-img img {
  width: 38px;
  height: auto;
}
.card-countdown .card__countdown-body p, .card-countdown .card__countdown-body #sliding-popup .popup-content .eu-cookie-compliance-message p, #sliding-popup .popup-content .eu-cookie-compliance-message .card-countdown .card__countdown-body p {
  margin-left: 20px;
}

body.darkmode--activated .card-countdown .card img {
  filter: brightness(0) invert(1);
}

.blog-card {
  background: var(--color-bg-primary-light);
  padding-bottom: 116px;
  padding-top: 109px;
}
.blog-card .view-header {
  width: 80%;
  margin-block-end: 0;
  margin: auto;
}
.blog-card .view-content {
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  gap: 16px;
}
@media (min-width: 576px) {
  .blog-card .view-content {
    width: 90%;
    gap: 30px;
  }
}
@media (min-width: 1280px) {
  .blog-card .view-content {
    gap: 68px;
    width: 60%;
  }
}
.blog-card .view-content .card {
  padding: 0;
}
@media (min-width: 1280px) {
  .blog-card .view-content .card {
    width: calc(50% - 34px);
  }
}
.blog-card .view-content .card__image {
  width: auto;
  height: auto;
}
.blog-card .view-content .card .card-content {
  padding: 0 40px 34px;
}
.blog-card .view-content .card:nth-child(even) {
  margin: 68px 0px -68px 0;
}
.blog-card .view-content .card:hover {
  transform: translateY(-10px);
}

.infinite-scroll {
  padding-bottom: 116px;
  padding-top: 24px;
}
.infinite-scroll .view-header {
  width: 100%;
  margin-block-end: 0;
  margin: auto;
}
.infinite-scroll .view-content,
.infinite-scroll .views-infinite-scroll-content-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  gap: 16px;
}
@media (min-width: 576px) {
  .infinite-scroll .view-content,
  .infinite-scroll .views-infinite-scroll-content-wrapper {
    width: 100%;
    gap: 30px;
  }
}
@media (min-width: 1280px) {
  .infinite-scroll .view-content,
  .infinite-scroll .views-infinite-scroll-content-wrapper {
    gap: 68px;
    width: 100%;
  }
}
.infinite-scroll .view-content .card,
.infinite-scroll .views-infinite-scroll-content-wrapper .card {
  padding: 0;
}
@media (min-width: 576px) {
  .infinite-scroll .view-content .card,
  .infinite-scroll .views-infinite-scroll-content-wrapper .card {
    width: calc(50% - 34px);
  }
}
.infinite-scroll .view-content .card__image,
.infinite-scroll .views-infinite-scroll-content-wrapper .card__image {
  width: auto;
  height: auto;
}
.infinite-scroll .view-content .card__image img,
.infinite-scroll .views-infinite-scroll-content-wrapper .card__image img {
  width: 100%;
}
.infinite-scroll .view-content .card .card-content,
.infinite-scroll .views-infinite-scroll-content-wrapper .card .card-content {
  padding: 0 40px 34px;
}
@media (min-width: 576px) {
  .infinite-scroll .view-content .card:nth-child(even),
  .infinite-scroll .views-infinite-scroll-content-wrapper .card:nth-child(even) {
    margin: 68px 0px -68px 0;
  }
}
.infinite-scroll .view-content .card:hover,
.infinite-scroll .views-infinite-scroll-content-wrapper .card:hover {
  transform: translateY(-10px);
}

nav.pager ul {
  justify-content: center;
  gap: 25px;
  margin-top: 100px;
}
nav.pager ul li a {
  gap: 15px;
}
nav.pager ul li :hover {
  border: 1px solid #580a24;
}
nav.pager ul .pager__item--next,
nav.pager ul .pager__item--last,
nav.pager ul .pager__item--first,
nav.pager ul .pager__item--previous {
  width: 7%;
}

.header_banner {
  width: 100%;
}
.header_banner__row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  position: relative;
  grid-template-columns: 1fr;
  text-align: center;
}
@media (min-width: 576px) {
  .header_banner__row {
    text-align: start;
  }
}
@media (min-width: 1280px) {
  .header_banner__row {
    grid-template-columns: repeat(2, 1fr);
  }
}
.header_banner__row::after {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, rgba(98, 125, 119, 0.63) 43.72%, rgba(98, 125, 119, 0) 73.12%), linear-gradient(0deg, rgba(98, 125, 119, 0.42) 0%, rgba(98, 125, 119, 0.42) 100%), lightgray 50%/cover no-repeat;
  position: absolute;
  opacity: 0.2;
  top: 0;
}
.header_banner__video {
  grid-column: 1/-1;
  grid-row: 1;
}
.header_banner__video .media {
  height: 100%;
}
.header_banner__video .media div {
  height: 100%;
}
.header_banner__video video, .header_banner__video img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.header_banner__discription {
  grid-column: 1/-1;
  grid-row: 1;
  padding: 80px 16px 32px;
  z-index: 1;
}
@media (min-width: 576px) {
  .header_banner__discription {
    padding: 117px 32px 32px;
  }
}
@media (min-width: 1280px) {
  .header_banner__discription {
    margin: 0 auto;
    max-width: var(--max-width);
  }
}
.header_banner__discription h1,
.header_banner__discription p,
.header_banner__discription #sliding-popup .popup-content .eu-cookie-compliance-message p,
#sliding-popup .popup-content .eu-cookie-compliance-message .header_banner__discription p {
  color: #474747;
  margin-bottom: 40px;
}
@media (min-width: 576px) {
  .header_banner__discription .content {
    max-width: 90%;
  }
}
@media (min-width: 992px) {
  .header_banner__discription .content {
    max-width: 70%;
  }
}
@media (min-width: 1280px) {
  .header_banner__discription .content {
    max-width: 56%;
  }
}

.site-header {
  min-height: unset;
  width: 100%;
  position: fixed;
}
.site-header a {
  text-decoration: unset;
}
.site-header__fixables {
  background: var(--color-bg-primary);
  background-image: unset;
  transition: background 0.3s;
  position: relative;
}
.site-header__fixables .contextual-region.block-tb-megamenu-menu-blockmain {
  position: unset;
}
.site-header__inner {
  width: 100%;
  background: unset;
  position: unset;
  padding-inline: 0;
}
.site-header__inner__container {
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
}
@media (min-width: 1280px) {
  .site-header__inner__container {
    padding: 0;
    justify-content: space-between;
  }
}
.site-header .search-form .form-actions {
  display: none;
}
.site-header .search-form .js-form-type-search input {
  border-radius: 47px;
  border: none;
  width: 42px;
  min-height: unset;
  padding: 10px 16px;
  background-image: url("/themes/custom/qytera_theme/icons/search.svg");
  background-position: right 14px center;
  background-repeat: no-repeat;
}
.site-header .search-form .js-form-type-search input:focus {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  border-radius: 0;
  height: 100%;
  top: 0;
  outline-width: 1px;
}
@media (min-width: 1280px) {
  .site-header .search-form .js-form-type-search input {
    width: 242px;
  }
  .site-header .search-form .js-form-type-search input:focus {
    position: unset;
    margin: 0;
    width: 242px;
  }
}

.site-header .site-branding, footer .site-branding {
  min-width: unset;
  min-height: unset;
  padding: 0;
  margin: 0;
  display: unset;
  background: none;
  margin-right: auto;
}
@media (min-width: 1280px) {
  .site-header .site-branding, footer .site-branding {
    margin-right: 0;
  }
}
.site-header .site-branding__inner, footer .site-branding__inner {
  height: unset;
}

#block-qytera-theme-mainnavigation {
  order: 1;
}
@media (min-width: 992px) {
  #block-qytera-theme-mainnavigation {
    order: unset;
  }
}

ul.sf-menu .sf-with-ul {
  padding-right: 1.5em;
}
ul.sf-menu .sf-sub-indicator:after {
  display: none;
}

.block-superfish {
  width: unset;
}

.tbm {
  position: unset;
  background-color: unset;
}
.tbm .tbm-button {
  margin-bottom: 0;
  background-color: unset;
}
.tbm .tbm-button .tbm-button-container {
  width: 2rem;
  height: 1.6rem;
}
.tbm .tbm-button .tbm-button-container span {
  height: 0.3rem;
  color: #666;
}
.tbm .tbm-group-container {
  border-top: none;
}
/* CLS-Fix: Navigation auf Mobile verstecken bis TB Megamenu JS die .tbm--mobile Klasse setzt */
@media (max-width: 991px) {
  .tbm:not(.tbm--mobile) .tbm-collapse {
    display: none;
  }
}
.tbm.tbm--mobile .tbm-collapse {
  left: 0;
  padding-top: 0;
}
.tbm.tbm--mobile .tbm-nav {
  background: var(--color-white);
}
.tbm.tbm--mobile .tbm-submenu-toggle {
  background-color: var(--color-bg-primary-light);
  color: #627d77;
}
.tbm .tbm-link, .tbm .tbm-subnav > .tbm-item > .tbm-link-container > .tbm-link {
  color: var(--color-link);
}
.tbm .tbm-link:hover, .tbm .tbm-link:active, .tbm .tbm-subnav > .tbm-item > .tbm-link-container > .tbm-link:hover, .tbm .tbm-subnav > .tbm-item > .tbm-link-container > .tbm-link:active {
  color: var(--color-link-hover);
}
.tbm .tbm-link.level-1, .tbm .tbm-subnav > .tbm-item > .tbm-link-container > .tbm-link.level-1 {
  background-color: unset;
}
.tbm .tbm-link.active-trail, .tbm .tbm-subnav > .tbm-item > .tbm-link-container > .tbm-link.active-trail {
  color: var(--color-link-active);
}
.tbm span.tbm-link:hover, .tbm span.tbm-link:active, .tbm .tbm-subnav > .tbm-item > .tbm-link-container > span.tbm-link:hover, .tbm .tbm-subnav > .tbm-item > .tbm-link-container > span.tbm-link:active {
  color: var(--color-link);
  cursor: unset;
}
.tbm a.active-trail {
  color: var(--color-link-active);
}

.tbm-item.level-1 {
  border: none;
}

.tbm-submenu {
  background-color: var(--color-bg-primary);
  border: none;
  box-shadow: none;
  padding: 50px 0;
  min-height: 200px;
}
.tbm-submenu .tbm-row {
  width: var(--max-width);
  margin-left: auto;
  margin-right: auto;
}

.block-dropdown-language {
  background: var(--color-white);
  padding: 9px;
  border-radius: 4px;
  margin-left: auto;
}
.block-dropdown-language .dropbutton {
  width: 20px;
  color: #DAE5CD;
}
.block-dropdown-language .dropbutton-action:first-child {
  background: unset;
}
.block-dropdown-language .dropbutton-toggle button {
  background: unset;
}
.block-dropdown-language .dropbutton-toggle button::before {
  border-color: #627D77;
}
body.darkmode--activated .tbm.tbm--mobile .tbm-submenu-toggle {
  color: #ecf2e6;
}

.swiper-text-image-full .slide-items .slide-item {
  display: grid;
}
.swiper-text-image-full .slide-items .slide-item .card-image,
.swiper-text-image-full .slide-items .slide-item .text-content {
  grid-column: 1/-1;
  grid-row: 1/-1;
  margin-bottom: 0;
}
.swiper-text-image-full .slide-items .slide-item .text-content {
  z-index: 1;
  align-self: center;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  animation: fadeInLeft 1.5s;
}
.swiper-text-image-full .slide-items .slide-item img {
  width: 100%;
  height: 50vh;
  object-fit: cover;
}
@media (min-width: 576px) {
  .swiper-text-image-full .slide-items .slide-item img {
    height: 80vh;
  }
}

.card-item .card-image img {
  transition: all 1s ease;
  overflow: hidden;
  width: 100%;
}
.card-item .card-body {
  padding: 50px;
  box-shadow: -1.21px 6.894px 15px 0px rgba(0, 0, 0, 0.07);
}
.card-item:hover .card-image img {
  transform: scale(1.01);
}

.video-icon {
  position: relative;
}
.video-icon::after {
  width: 100px;
  height: 100px;
  display: inline-block;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="80px" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><style>svg{fill:%23ffffff}</style><path d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  content: "";
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

table.cases {
  border: none;
}
table.cases tr {
  border-bottom: 1px solid gray;
  background-color: unset !important;
}
table.cases tr td {
  border: none;
  padding-left: 10px;
}
table.cases tr td:first-child {
  width: 20%;
}
table.cases tr td .align-center {
  width: 23%;
  margin: auto;
}
table.cases tr td h2 {
  font-family: "Poppins", Sans-serif;
  color: #4B1863;
  font-weight: 700;
  margin-top: 0;
}
table.cases tr td strong {
  color: #CA5FA0;
  font-family: "Poppins", Sans-serif;
  font-size: 18px;
  font-weight: 600;
}
table.cases tr td p, table.cases tr td #sliding-popup .popup-content .eu-cookie-compliance-message p, #sliding-popup .popup-content .eu-cookie-compliance-message table.cases tr td p {
  color: #4B1863;
  font-family: "Poppins", Sans-serif;
  font-weight: 400;
  font-size: 18px;
}
table.cases tr td p img, table.cases tr td #sliding-popup .popup-content .eu-cookie-compliance-message p img, #sliding-popup .popup-content .eu-cookie-compliance-message table.cases tr td p img {
  width: 100%;
}
table.cases tr td p a img:hover, table.cases tr td #sliding-popup .popup-content .eu-cookie-compliance-message p a img:hover, #sliding-popup .popup-content .eu-cookie-compliance-message table.cases tr td p a img:hover {
  transform: scale(0.9);
  transition: all ease 0.5s;
}
table.cases tr:nth-child(2) {
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-color: rgba(75, 24, 99, 0.3490196078);
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  margin-top: 50px;
  margin-bottom: 0px;
  padding: 0px 0px 0px 0px;
}

.toggle-cases > p, #sliding-popup .popup-content .eu-cookie-compliance-message .toggle-cases > p {
  cursor: pointer;
  font-size: 1.25rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}

.show_hide_link {
  font-family: "Poppins", Sans-serif;
  color: #cc0000;
  font-size: 18px;
  text-align: left;
  font-weight: 600;
}

.field--name-field-header-banner {
  margin: 0px;
}

table.cases-of-the-month {
  border: none;
  margin: 0px;
}
table.cases-of-the-month tr {
  border: none;
}
table.cases-of-the-month tr td:first-child {
  width: 20%;
  padding: 50px;
  background: black;
}
table.cases-of-the-month tr td {
  border: none;
}
table.cases-of-the-month tr td img {
  width: 40%;
}
table.cases-of-the-month tr td:nth-child(2) {
  padding: 22px 90px;
}

[data-history-node-id="182"] .container-fluid,
[data-history-node-id="183"] .container-fluid,
[data-history-node-id="184"] .container-fluid {
  width: 100%;
  margin-left: 0;
}

.parallax-card {
  min-height: 400px;
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
}
.parallax-card .body-content {
  position: relative;
  z-index: 1;
  text-align: center;
}
.parallax-card::after {
  position: absolute;
  background-color: transparent;
  content: "";
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-image: linear-gradient(310deg, #4B1863 35%, #CD60A1 100%);
  opacity: 0.8;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.site-footer {
  background: var(--color-bg-primary);
  border-inline-start: none !important;
  transition: background 0.3s;
}
.site-footer p, .site-footer #sliding-popup .popup-content .eu-cookie-compliance-message p, #sliding-popup .popup-content .eu-cookie-compliance-message .site-footer p {
  font-size: var(--fs-body);
}
.site-footer__inner {
  padding-block-end: 0;
}
.site-footer__top {
  margin-block-end: 64px;
}
.site-footer__top .region--footer_top__inner {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.site-footer__top .region--footer_top__inner > * {
  margin-inline-end: 0;
  flex: 100%;
}
@media (min-width: 576px) {
  .site-footer__top .region--footer_top__inner > * {
    flex: calc(50% - 8px);
  }
}
@media (min-width: 1280px) {
  .site-footer__top .region--footer_top__inner > * {
    flex: 1;
  }
}
.site-footer__bottom {
  display: flex;
  justify-content: space-between;
  column-gap: 24px;
  align-items: flex-end;
  flex-wrap: wrap;
}
@media (min-width: 1280px) {
  .site-footer__bottom {
    column-gap: 100px;
  }
}
.site-footer__bottom > * {
  flex: 100%;
}
@media (min-width: 576px) {
  .site-footer__bottom > * {
    flex: calc(50% - 12px);
  }
}
@media (min-width: 1280px) {
  .site-footer__bottom > * {
    flex: 1;
  }
}
.site-footer__bottom-thired .region {
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
@media (min-width: 576px) {
  .site-footer__bottom-second img {
    max-width: 300px;
  }
}
.site-footer .text-content {
  color: #666;
}
.site-footer .text-content a,
.site-footer .text-content p a,
.site-footer .text-content #sliding-popup .popup-content .eu-cookie-compliance-message p a,
#sliding-popup .popup-content .eu-cookie-compliance-message .site-footer .text-content p a {
  color: #666;
  text-decoration: none;
}

#block-qytera-theme-newsletter {
  padding: 16px;
}

#newsletter-anmeldung-footer {
  background-color: var(--color-bg-primary-light);
  border: 1px solid rgba(98, 125, 119, 0.6392156863);
  box-shadow: 0px 0px 5px 0px rgba(51, 51, 51, 0.4);
  color: #474747;
  max-width: var(--max-width);
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  font-family: var(--font-regular);
}
#newsletter-anmeldung-footer .newsletter-anmeldung-footer-bild {
  line-height: 0;
}
#newsletter-anmeldung-footer h2 {
  font-size: 22px;
  line-height: 28px;
}
@media (min-width: 992px) {
  #newsletter-anmeldung-footer {
    flex-direction: row;
  }
}
#newsletter-anmeldung-footer > * {
  flex: 50%;
}
#newsletter-anmeldung-footer img {
  width: 100%;
}
#newsletter-anmeldung-footer form {
  padding: 24px;
}
#newsletter-anmeldung-footer form input {
  width: 100%;
}
#newsletter-anmeldung-footer form .cr_body {
  color: #000000;
  padding: 16px;
}
#newsletter-anmeldung-footer #newsletter-formular-vorname-nachname {
  display: flex;
  gap: 24px;
}
#newsletter-anmeldung-footer #newsletter-formular-vorname-nachname > * {
  flex: 1;
}

body.darkmode--activated #newsletter-anmeldung-footer input,
body.darkmode--activated #newsletter-anmeldung-footer label,
body.darkmode--activated #newsletter-anmeldung-footer select {
  color: #fff;
}
body.darkmode--activated .site-footer p, body.darkmode--activated .site-footer #sliding-popup .popup-content .eu-cookie-compliance-message p, #sliding-popup .popup-content .eu-cookie-compliance-message body.darkmode--activated .site-footer p,
body.darkmode--activated .site-footer a {
  color: #fff;
}

.logo_brands {
  transition-timing-function: linear;
  background: var(--color-bg-primary);
}
.logo_brands .field--name-field-logos {
  padding: 30px;
}
.logo_brands .field--name-field-logos .field__item img {
  object-fit: contain;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.15);
  background-color: white;
  padding: 10px;
  height: 60px;
  object-fit: contain;
  width: 100%;
}

@media (min-width: 1280px) {
  .card-testimonial {
    display: flex;
    gap: 100px;
  }
}
.card-testimonial__left {
  width: 100%;
  padding-left: 20px;
}
@media (min-width: 1280px) {
  .card-testimonial__left {
    width: 50%;
  }
}
.card-testimonial__left .description {
  background: #dae5cd;
  padding: 15px;
  border-radius: 5px;
  margin-bottom: 40px;
  max-width: 95%;
  position: relative;
  z-index: 0;
}
.card-testimonial__left .description p, .card-testimonial__left .description #sliding-popup .popup-content .eu-cookie-compliance-message p, #sliding-popup .popup-content .eu-cookie-compliance-message .card-testimonial__left .description p {
  color: #5E5E5E;
}
.card-testimonial__left .description .testimonial-img {
  display: flex;
  gap: 20px;
}
.card-testimonial__left .description .testimonial-img img {
  width: 128px;
  display: flex;
  align-self: center;
  border-radius: 50%;
  border: 4px solid #627d77;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.15);
}
@media (min-width: 576px) {
  .card-testimonial__left .description .testimonial-img img {
    margin-left: -39px;
    margin-bottom: -30px;
  }
}
.card-testimonial__left .description .testimonial-img span {
  display: flex;
  align-items: center;
}
@media (min-width: 576px) {
  .card-testimonial__left .description {
    max-width: 77%;
  }
}
.card-testimonial__left .description::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 25px solid #dae5cd;
  border-right: 25px solid transparent;
  border-top: 25px solid #dae5cd;
  border-bottom: 25px solid transparent;
  right: -20px;
  top: 29px;
  transform: rotate(22deg);
  position: absolute;
  z-index: -1;
}
.card-testimonial__left .description:nth-child(even)::before {
  left: -20px;
  top: 29px;
  transform: rotate(65deg);
}
@media (min-width: 576px) {
  .card-testimonial__left .description:nth-child(odd) {
    margin-left: 60px;
  }
}
.card-testimonial__right {
  width: 100%;
  text-align: center;
}
@media (min-width: 1280px) {
  .card-testimonial__right {
    width: 50%;
  }
}
.card-testimonial__right img {
  max-width: 100%;
}

body.darkmode--activated .card-testimonial .description p, body.darkmode--activated .card-testimonial .description #sliding-popup .popup-content .eu-cookie-compliance-message p, #sliding-popup .popup-content .eu-cookie-compliance-message body.darkmode--activated .card-testimonial .description p {
  color: #5E5E5E;
}

.blog-node {
  width: 100%;
}
.blog-node__image {
  position: relative;
}
.blog-node__image img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}
@media (min-width: 576px) {
  .blog-node__image img {
    height: 250px;
    clip-path: url(#blog_clip-path);
  }
}
@media (min-width: 1280px) {
  .blog-node__image img {
    height: 409px;
  }
}
.blog-node__image .blog-node__image-wrapper {
  position: relative;
  margin-bottom: 32px;
}
.blog-node__image .blog-node__image-wrapper:after {
  position: absolute;
  width: 100%;
  height: calc(100% - 4px);
  content: "";
  top: 0;
}
@media (min-width: 576px) {
  .blog-node__image .blog-node__image-wrapper:after {
    clip-path: url(#blog_clip-path);
  }
}

.node-page-media img {
  width: 100%;
}

.video-component iframe,
.video-component .media-oembed-content {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}

.author-statement {
  background: #ecf2e6;
  padding: 20px;
  margin: 25px auto;
}
.author-statement__header {
  display: flex;
  gap: 10px;
  align-items: center;
}
.author-statement__header .img {
  width: 100px;
}
.author-statement__header .img img {
  border-radius: 100px;
}
.author-statement__body {
  margin-top: 16px;
}
.author-statement__body p, .author-statement__body #sliding-popup .popup-content .eu-cookie-compliance-message p, #sliding-popup .popup-content .eu-cookie-compliance-message .author-statement__body p {
  color: #5E5E5E;
}

.social-icons {
  margin-bottom: 73px;
}
.social-icons__item ul {
  display: flex;
  margin: 0;
  gap: 10px;
  margin-top: 12px;
  flex-wrap: wrap;
}
@media (min-width: 1280px) {
  .social-icons__item ul {
    flex-wrap: nowrap;
  }
}
.social-icons__item ul li {
  width: 60px;
  height: 60px;
  padding: 14px;
  justify-content: center;
  align-items: center;
  list-style: none;
  background: #FFF;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.05);
  border-radius: 45px;
}
.social-icons__item ul li a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 23px;
  font-size: 24px;
  font-weight: 400;
}
.social-icons__item ul li a svg {
  color: #0a0b0d;
}
.social-icons__text {
  padding-top: 22px;
}
.social-icons .custom-kununu {
  background: url("/themes/custom/qytera_theme/icons/kununu-logo.png");
  background-size: 25px;
  background-repeat: no-repeat;
}

.blog-slider__row .swiper-slide {
  display: grid;
  grid-template-columns: 40% 60%;
}
.blog-slider__img img {
  width: 100%;
}
.blog-slider__body {
  display: flex;
  align-items: center;
  padding-left: 130px;
  padding-right: 150px;
}
.blog-slider__body .text p, .blog-slider__body .text #sliding-popup .popup-content .eu-cookie-compliance-message p, #sliding-popup .popup-content .eu-cookie-compliance-message .blog-slider__body .text p {
  margin: 0;
}
.blog-slider .swiper-button-next {
  right: 5%;
}

.events-table {
  overflow-x: auto;
}
.events-table table {
  border-collapse: collapse;
  width: 100%;
}
.events-table table th, .events-table table td {
  padding: 15px;
}
.events-table table, .events-table th, .events-table td {
  border: 1px solid #ddd;
  text-align: left;
}

.events-slider {
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.03);
  padding: 26px 0px 26px 26px;
}
.events-slider__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 11px;
}
.events-slider__header span {
  color: #0a0b0d;
  font-size: 20px;
  font-weight: 400;
  line-height: 27px;
}
.events-slider__date {
  color: #0a0b0b;
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 30px;
}
.events-slider__body {
  display: flex;
  gap: 46px;
  margin-bottom: 30px;
}
.events-slider__body a {
  color: #0a0b0d;
  font-size: 18px;
  font-weight: 400;
  line-height: 23.9px; /* 132.778% */
  text-decoration-line: underline;
}
.events-slider__body p, .events-slider__body #sliding-popup .popup-content .eu-cookie-compliance-message p, #sliding-popup .popup-content .eu-cookie-compliance-message .events-slider__body p {
  color: #0a0b0d;
  font-size: 20px;
  font-weight: 400;
  line-height: 27px;
  margin: 0;
}
.events-slider__user {
  color: #0a0b0d;
  font-size: 18px;
  font-weight: 400;
  line-height: 23.9px; /* 132.778% */
  text-decoration-line: underline;
  margin-bottom: 30px;
}
.events-slider__link {
  width: 173px;
  display: flex;
  padding: 12px 30px;
  align-items: flex-start;
  border-radius: 27px;
  background: #d0e18e;
}
.events-slider__link a {
  color: #0a0b0d;
  font-size: 20px;
  font-weight: 400;
  line-height: 27px;
}

.table-content {
  margin-bottom: 40px;
}
.table-content .field {
  margin-bottom: 18px;
}

.layout_form.cr_form {
  background-color: var(--color-bg-primary-light);
  border: 1px solid rgba(98, 125, 119, 0.6392156863);
  box-shadow: 0px 0px 5px 0px rgba(51, 51, 51, 0.4);
  color: #474747;
  max-width: var(--max-width);
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  font-family: var(--font-regular);
}
.layout_form.cr_form .newsletter-anmeldung-footer-bild {
  line-height: 0;
}
.layout_form.cr_form h2 {
  font-size: 22px;
  line-height: 28px;
}
.layout_form.cr_form .mce_text {
  font-size: var(--fs-h3);
  line-height: var(--lh-h3);
  margin-block: 16px;
}
.layout_form.cr_form .mce_text p, .layout_form.cr_form .mce_text #sliding-popup .popup-content .eu-cookie-compliance-message p, #sliding-popup .popup-content .eu-cookie-compliance-message .layout_form.cr_form .mce_text p {
  margin-bottom: inherit;
}
.layout_form.cr_form .mce_text span {
  font-size: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
}
.layout_form.cr_form .cr_ipe_radio, .layout_form.cr_form .cr_ipe_checkbox {
  margin-inline: 6px;
}
.layout_form.cr_form .cr_ipe_item {
  margin-top: 10px;
}
.layout_form.cr_form .cr_ipe_item p:has(> .itemname), .layout_form.cr_form .cr_ipe_item #sliding-popup .popup-content .eu-cookie-compliance-message p:has(> .itemname), #sliding-popup .popup-content .eu-cookie-compliance-message .layout_form.cr_form .cr_ipe_item p:has(> .itemname) {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .layout_form.cr_form {
    flex-direction: row;
  }
}
.layout_form.cr_form > * {
  flex: 50%;
}
.layout_form.cr_form img {
  width: 100%;
}
.layout_form.cr_form form {
  padding: 24px;
}
.layout_form.cr_form form input {
  width: 100%;
}
.layout_form.cr_form form .cr_body {
  color: #000000;
  padding: 16px;
}
.layout_form.cr_form #newsletter-formular-vorname-nachname {
  display: flex;
  gap: 24px;
}
.layout_form.cr_form #newsletter-formular-vorname-nachname > * {
  flex: 1;
}

body.darkmode--activated .layout_form.cr_form input,
body.darkmode--activated .layout_form.cr_form label,
body.darkmode--activated .layout_form.cr_form select {
  color: #fff;
}
body.darkmode--activated .site-footer p, body.darkmode--activated .site-footer #sliding-popup .popup-content .eu-cookie-compliance-message p, #sliding-popup .popup-content .eu-cookie-compliance-message body.darkmode--activated .site-footer p,
body.darkmode--activated .site-footer a {
  color: #fff;
}
body.darkmode--activated .cr_ipe_item {
  color: #fff;
}
body.darkmode--activated .mce_text span {
  color: #fff;
}
body.darkmode--activated .mce_text strong {
  color: #fff !important;
}

/* cookie */
#sliding-popup {
  max-width: 100%;
  left: auto;
}
#sliding-popup .popup-content {
  display: grid;
  grid-template-columns: auto;
  gap: 24px;
}
@media (min-width: 576px) {
  #sliding-popup .popup-content {
    grid-template-columns: auto auto;
  }
}
/*
#header, #article, #footer {
    width: 960px;
    margin: auto;
}

#article {
    border: solid #CCC;
    border-width: 1px 0 0;
}
*/
.page-wrapper {
  max-width: 100%;
}

.main-content {
  width: 100%;
}

.container, .path-taxonomy:has(.node--tags) .layout-main-wrapper {
  margin-left: auto;
  margin-right: auto;
  padding-inline: 0;
  padding-left: 16px;
  padding-right: 16px;
  max-width: var(--max-width);
}
@media (min-width: 1280px) {
  .container, .path-taxonomy:has(.node--tags) .layout-main-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}

.container-fluid {
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 576px) {
  .container-fluid {
    width: 80%;
    margin: 0 auto;
  }
}

.container-sm {
  padding-left: 16px;
  padding-right: 16px;
  max-width: 817px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1280px) {
  .container-sm {
    padding-left: 0;
    padding-right: 0;
  }
}

body:not(.path-user) .layout--pass--content-medium {
  display: block;
}
body:not(.path-user) .main-content__container {
  padding-block-start: 0;
}
body:not(.path-user) .main-content__container {
  padding: 0;
}

body:has(.node-article-edit-form) .main-content .main-content__container {
  padding: 0 8%;
}

.layout-main-wrapper {
  padding-top: 55px;
}
@media (min-width: 992px) {
  .layout-main-wrapper {
    padding-top: 70px;
  }
}

.mySwiper {
  text-align: center;
}

.col-row {
  display: flex;
  flex-wrap: wrap;
}
.col-row.col-row-2 {
  gap: 32px;
}
.col-row.col-row-2 .col-item {
  width: 100%;
}
@media (min-width: 576px) {
  .col-row.col-row-2 .col-item.w-60 {
    width: calc(60% - 16px);
  }
}
@media (min-width: 576px) {
  .col-row.col-row-2 .col-item.w-40 {
    width: calc(40% - 16px);
  }
}
.col-row.col-row-3 {
  gap: 24px;
}
.col-row.col-row-3 .col-item {
  width: 100%;
}
@media (min-width: 576px) {
  .col-row.col-row-3 .col-item {
    width: calc(50% - 12px);
  }
}
@media (min-width: 1280px) {
  .col-row.col-row-3 .col-item {
    width: calc(33.33% - 16px);
  }
}
.col-row.col-row-4 {
  grid: 24px;
}
.col-row.col-row-4 .col-item {
  width: 100%;
}
@media (min-width: 576px) {
  .col-row.col-row-4 .col-item {
    width: calc(50% - 12px);
  }
}
@media (min-width: 1280px) {
  .col-row.col-row-4 .col-item {
    width: calc(33.33% - 16px);
  }
}

.col-view-wrapper.col-row-3 .view-content {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.col-view-wrapper.col-row-3 .view-content .col-item {
  width: 100%;
}
@media (min-width: 576px) {
  .col-view-wrapper.col-row-3 .view-content .col-item {
    width: calc(50% - 12px);
  }
}
@media (min-width: 1280px) {
  .col-view-wrapper.col-row-3 .view-content .col-item {
    width: calc(33.33% - 16px);
  }
}
.col-view-wrapper img {
  width: 100%;
}

.path-search .main-content__container {
  width: var(--container);
  margin-left: auto;
  margin-right: auto;
}

.layout--twocol {
  column-gap: 24px;
}
.layout--twocol input {
  width: 100%;
}
.layout--twocol > .layout__region--first, .layout--twocol > .layout__region--second {
  flex: 0 1 calc(50% - 12px);
}

.path-contact form.contact-form {
  background-color: var(--color-bg-primary);
  padding: 50px 30px 50px 30px;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  column-gap: 16px;
}
@media (min-width: 576px) {
  .path-contact form.contact-form {
    margin-top: 70px;
  }
}
.path-contact form.contact-form input, .path-contact form.contact-form textarea {
  border: 1px solid rgba(105, 114, 125, 0.368627451);
}
.path-contact form.contact-form .field--type-language {
  display: none;
}
@media (min-width: 576px) {
  .path-contact form.contact-form > *:not(.form-actions) {
    width: calc(50% - 8px);
  }
}
.path-contact form.contact-form > *:not(.form-actions) input {
  width: 100%;
}
.path-contact form.contact-form .field--name-subject,
.path-contact form.contact-form .form-heading,
.path-contact form.contact-form .field--name-message {
  width: 100%;
}
.path-contact form.contact-form label {
  display: none;
}

body.darkmode--activated form.contact-form input, body.darkmode--activated form.contact-form textarea {
  color: #fff;
}

.text-content img:not(a img) {
  cursor: pointer;
}

.darkmode-layer, .darkmode-background {
  display: none;
}

.tags-wrapper {
  background-color: var(--color-bg-primary);
}
.tags-wrapper .field--tags {
  margin-left: auto;
  margin-right: auto;
  background-color: unset;
  max-width: var(--max-width);
}

.path-taxonomy:has(.node--tags) .layout-main-wrapper .view-header .field--name-field-media-image img {
  border-radius: 4px;
  width: 100%;
}

.node--teaser {
  background: #fdfdff;
  border: 1px solid #627d77;
  padding: 20px;
  border-radius: 4px;
  margin-bottom: 16px;
}
.node--teaser .node-title {
  margin-bottom: 32px;
}
.node--teaser .node__content .field--name-field-upload-image img {
  border-radius: 8px;
  width: 100%;
}

#media-library-wrapper .js-media-library-views-form {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
#media-library-wrapper .js-media-library-views-form #media-library-messages {
  grid-column: 1/-1;
}

ul.js-media-library-menu {
  list-style: none;
  margin: 0;
}
ul.js-media-library-menu li a {
  padding: 4px 8px;
  border-bottom-left-radius: 8px;
}
ul.js-media-library-menu li a.active {
  background-color: #DAE5CD;
}

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