@charset "UTF-8";
/**
 * COLORMAP WITH ALL COLORS CONTAINED IN THE CI
 */
:root {
  /** All brand colors */
  --brand-colors-bildungswerk-blue:#203c89;
  --brand-colors-bildungswerk-green:#198632;
  --brand-colors-boell-blue:#0e307f;
  --brand-colors-boell-dark-green:#45783a;
  --brand-colors-boell-green:#91c800;
  --brand-colors-boell-lightgreen:#cfeb80;
  --brand-colors-boell-darkmode-black:#000000;
  --brand-colors-boell-darkmode-grey:#444444;
  --brand-colors-boell-orange:#fd7232;
  --brand-colors-boell-purple:#b8bAf8;
  --brand-colors-boell-red:#cc0000;
  --brand-colors-boell-turquoise:#008599;
  --brand-colors-boell-gray:#e2e2e2;
  --brand-colors-boell-lightgray:#ebebeb;
  --brand-colors-boell-yellow:#fac32f;
  --brand-colors-boell-yellow-2:#FDFF8A;
  --brand-colors-brandenburg-blue:#0064a7;
  --brand-colors-brandenburg-red:#e02d34;
  --brand-colors-brandenburg-orange:#f8ad14;
  --brand-colors-brandenburg-green:#95bb2e;
  --brand-colors-infohub-plastic:#3B49BC;
  --brand-colors-mid-green:#91c800;
  --brand-colors-mid-orange:#fd7232;
  --brand-colors-mid-pink:#e075ac;
  --brand-colors-mid-red:#cc0000;
  --brand-colors-mid-turquoise:#66cbcc;
  --brand-colors-mid-yellow:#fac32f;
  --brand-colors-petrakelly-blue:#2c4081;
  --brand-colors-petrakelly-green:#008445;
  --brand-colors-petrakelly-grey:#a49f99;
  --brand-colors-petrakelly-red:#cb322d;
  --brand-colors-petrakelly-yellow:#fbe41d;
  --brand-colors-state-green:#91c800;
  --brand-colors-state-blue:#0e307f;
  --brand-colors-gwi-turquoise:#3a9192;
  --brand-colors-gwi-red:#E70457;
  --brand-colors-green-extra-dark:#303c1b;
  --brand-colors-greencampus-green:#6bb232;
  --brand-colors-international-green:#91c800;
  --brand-colors-international-orange:#fd7232;
  --brand-colors-international-turquoise:#008599;
  --brand-colors-black-1:#000;
  --brand-colors-gray-dark-1:#333;
  --brand-colors-gray-dark-2:#444;
  --brand-colors-gray-1:#666;
  --brand-colors-gray-2:#7c7c7c;
  --brand-colors-gray-3:#949494;
  --brand-colors-gray-light-1:#e2e2e2;
  --brand-colors-gray-light-2:#f1f1f1;
  --brand-colors-gray-light-2b:#f3f3f3;
  --brand-colors-gray-light-3:#EBEBEB;
  --brand-colors-gray-light-4:#EAEAEA;
}

:root {
  --big-headline-colors-bildungswerk-blue:#203c89;
  --big-headline-colors-bildungswerk-green:#198632;
  --big-headline-colors-boell-blue:#0e307f;
  --big-headline-colors-boell-dark-green:#45783a;
  --big-headline-colors-boell-green:#75A300;
  --big-headline-colors-boell-darkmode-black:#000000;
  --big-headline-colors-boell-darkmode-grey:#444444;
  --big-headline-colors-boell-orange:#FD631C;
  --big-headline-colors-boell-red:#cc0000;
  --big-headline-colors-boell-turquoise:#008599;
  --big-headline-colors-boell-gray:#999;
  --big-headline-colors-boell-yellow:#BD8C05;
  --big-headline-colors-brandenburg-blue:#0064a7;
  --big-headline-colors-brandenburg-red:#e02d34;
  --big-headline-colors-brandenburg-orange:#C68606;
  --big-headline-colors-brandenburg-green:#80A027;
  --big-headline-colors-infohub-plastic:#3B49BC;
  --big-headline-colors-mid-green:#75A300;
  --big-headline-colors-mid-orange:#FD631C;
  --big-headline-colors-mid-pink:#DE6EA8;
  --big-headline-colors-mid-red:#cc0000;
  --big-headline-colors-mid-turquoise:#37A3A4;
  --big-headline-colors-mid-yellow:#BD8C05;
  --big-headline-colors-petrakelly-blue:#2c4081;
  --big-headline-colors-petrakelly-green:#008445;
  --big-headline-colors-petrakelly-grey:#9A948D;
  --big-headline-colors-petrakelly-red:#cb322d;
  --big-headline-colors-petrakelly-yellow:#A59503;
  --big-headline-colors-state-green:#75A300;
  --big-headline-colors-state-blue:#0e307f;
  --big-headline-colors-gwi-turquoise:#3a9192;
  --big-headline-colors-gwi-red:#E70457;
  --big-headline-colors-green-extra-dark:#303c1b;
  --big-headline-colors-greencampus-green:#63A32E;
  --big-headline-colors-international-green:#75A300;
  --big-headline-colors-international-orange:#FD631C;
  --big-headline-colors-international-turquoise:#008599;
  --big-headline-colors-gray-dark-1:#333;
  --big-headline-colors-gray-dark-2:#444;
  --big-headline-colors-gray-1:#666;
  --big-headline-colors-gray-2:#7c7c7c;
  --big-headline-colors-gray-3:#949494;
  --big-headline-colors-gray-light-1:#e2e2e2;
  --big-headline-colors-gray-light-2:#f1f1f1;
  --big-headline-colors-gray-light-2b:#f3f3f3;
  --big-headline-colors-gray-light-3:#EBEBEB;
}

/**
 * new design tokens 2024
 */
:root {
  --boe-color-primary-100: #75A300;
  --boe-color-primary-80:#91C800;
  --boe-color-primary-60: #A3E200;
  --boe-color-primary-40: #B2D94D;
  --boe-color-primary-20: #DEEFB3;
  --boe-color-neutral-100: black;
  --boe-color-neutral-80: #444444;
  --boe-color-neutral-60: #666666;
  --boe-color-neutral-40: #CCCCCC;
  --boe-color-neutral-20: #F1F1F1;
}

/**
  * THEME SPECIFIC VARIABLES
  */
/**
 * COLORMAP WITH ALL COLORS CONTAINED IN THE CI
 */
:root {
  /** All brand colors */
  --brand-colors-bildungswerk-blue:#203c89;
  --brand-colors-bildungswerk-green:#198632;
  --brand-colors-boell-blue:#0e307f;
  --brand-colors-boell-dark-green:#45783a;
  --brand-colors-boell-green:#91c800;
  --brand-colors-boell-lightgreen:#cfeb80;
  --brand-colors-boell-darkmode-black:#000000;
  --brand-colors-boell-darkmode-grey:#444444;
  --brand-colors-boell-orange:#fd7232;
  --brand-colors-boell-purple:#b8bAf8;
  --brand-colors-boell-red:#cc0000;
  --brand-colors-boell-turquoise:#008599;
  --brand-colors-boell-gray:#e2e2e2;
  --brand-colors-boell-lightgray:#ebebeb;
  --brand-colors-boell-yellow:#fac32f;
  --brand-colors-boell-yellow-2:#FDFF8A;
  --brand-colors-brandenburg-blue:#0064a7;
  --brand-colors-brandenburg-red:#e02d34;
  --brand-colors-brandenburg-orange:#f8ad14;
  --brand-colors-brandenburg-green:#95bb2e;
  --brand-colors-infohub-plastic:#3B49BC;
  --brand-colors-mid-green:#91c800;
  --brand-colors-mid-orange:#fd7232;
  --brand-colors-mid-pink:#e075ac;
  --brand-colors-mid-red:#cc0000;
  --brand-colors-mid-turquoise:#66cbcc;
  --brand-colors-mid-yellow:#fac32f;
  --brand-colors-petrakelly-blue:#2c4081;
  --brand-colors-petrakelly-green:#008445;
  --brand-colors-petrakelly-grey:#a49f99;
  --brand-colors-petrakelly-red:#cb322d;
  --brand-colors-petrakelly-yellow:#fbe41d;
  --brand-colors-state-green:#91c800;
  --brand-colors-state-blue:#0e307f;
  --brand-colors-gwi-turquoise:#3a9192;
  --brand-colors-gwi-red:#E70457;
  --brand-colors-green-extra-dark:#303c1b;
  --brand-colors-greencampus-green:#6bb232;
  --brand-colors-international-green:#91c800;
  --brand-colors-international-orange:#fd7232;
  --brand-colors-international-turquoise:#008599;
  --brand-colors-black-1:#000;
  --brand-colors-gray-dark-1:#333;
  --brand-colors-gray-dark-2:#444;
  --brand-colors-gray-1:#666;
  --brand-colors-gray-2:#7c7c7c;
  --brand-colors-gray-3:#949494;
  --brand-colors-gray-light-1:#e2e2e2;
  --brand-colors-gray-light-2:#f1f1f1;
  --brand-colors-gray-light-2b:#f3f3f3;
  --brand-colors-gray-light-3:#EBEBEB;
  --brand-colors-gray-light-4:#EAEAEA;
}

:root {
  --big-headline-colors-bildungswerk-blue:#203c89;
  --big-headline-colors-bildungswerk-green:#198632;
  --big-headline-colors-boell-blue:#0e307f;
  --big-headline-colors-boell-dark-green:#45783a;
  --big-headline-colors-boell-green:#75A300;
  --big-headline-colors-boell-darkmode-black:#000000;
  --big-headline-colors-boell-darkmode-grey:#444444;
  --big-headline-colors-boell-orange:#FD631C;
  --big-headline-colors-boell-red:#cc0000;
  --big-headline-colors-boell-turquoise:#008599;
  --big-headline-colors-boell-gray:#999;
  --big-headline-colors-boell-yellow:#BD8C05;
  --big-headline-colors-brandenburg-blue:#0064a7;
  --big-headline-colors-brandenburg-red:#e02d34;
  --big-headline-colors-brandenburg-orange:#C68606;
  --big-headline-colors-brandenburg-green:#80A027;
  --big-headline-colors-infohub-plastic:#3B49BC;
  --big-headline-colors-mid-green:#75A300;
  --big-headline-colors-mid-orange:#FD631C;
  --big-headline-colors-mid-pink:#DE6EA8;
  --big-headline-colors-mid-red:#cc0000;
  --big-headline-colors-mid-turquoise:#37A3A4;
  --big-headline-colors-mid-yellow:#BD8C05;
  --big-headline-colors-petrakelly-blue:#2c4081;
  --big-headline-colors-petrakelly-green:#008445;
  --big-headline-colors-petrakelly-grey:#9A948D;
  --big-headline-colors-petrakelly-red:#cb322d;
  --big-headline-colors-petrakelly-yellow:#A59503;
  --big-headline-colors-state-green:#75A300;
  --big-headline-colors-state-blue:#0e307f;
  --big-headline-colors-gwi-turquoise:#3a9192;
  --big-headline-colors-gwi-red:#E70457;
  --big-headline-colors-green-extra-dark:#303c1b;
  --big-headline-colors-greencampus-green:#63A32E;
  --big-headline-colors-international-green:#75A300;
  --big-headline-colors-international-orange:#FD631C;
  --big-headline-colors-international-turquoise:#008599;
  --big-headline-colors-gray-dark-1:#333;
  --big-headline-colors-gray-dark-2:#444;
  --big-headline-colors-gray-1:#666;
  --big-headline-colors-gray-2:#7c7c7c;
  --big-headline-colors-gray-3:#949494;
  --big-headline-colors-gray-light-1:#e2e2e2;
  --big-headline-colors-gray-light-2:#f1f1f1;
  --big-headline-colors-gray-light-2b:#f3f3f3;
  --big-headline-colors-gray-light-3:#EBEBEB;
}

/**
 * new design tokens 2024
 */
:root {
  --boe-color-primary-100: #75A300;
  --boe-color-primary-80:#91C800;
  --boe-color-primary-60: #A3E200;
  --boe-color-primary-40: #B2D94D;
  --boe-color-primary-20: #DEEFB3;
  --boe-color-neutral-100: black;
  --boe-color-neutral-80: #444444;
  --boe-color-neutral-60: #666666;
  --boe-color-neutral-40: #CCCCCC;
  --boe-color-neutral-20: #F1F1F1;
}

/**
 * COLORS
 */
:root {
  /** Primary theme colors */
  --brand-primary: #91c800;
  --brand-primary-text: #75A300;
  --brand-use-with-white-text: $use-with-white-text;
}

:root {
  --body-color-bg: var(--brand-colors-gray-light-1);
}

/**
 * CURSORS
 */
/**
 * Hamburger
 */
/**
  * TYPOGRAPHY
  */
/* 15px */
/**
 * Breakpoints
 */
/**
 * SPACING AND LAYOUTS
 */
/**
 * BLOCKQUOTES
 */
/**
 * BUTTONS
 */
/**
 * TEASER
 */
/**
 * ARTICLE PAGE
 */
/**
 * MIXINS
 */
/**
 * DEFINITIONS
 */
@media all and (min-width: 0) and (max-width: 759.97px) {
  .hide-on-mobile {
    display: none;
  }
}

@media all and (min-width: 760px) {
  .only-on-mobile {
    display: none;
  }
}

@media all and (min-width: 0) and (max-width: 759.97px) {
  .only-on-desktop {
    display: none;
  }
}

/**
 * Set the default horizontal padding
 *
 * this mixin aims to place the padding definition in one
 * central place, so it can be used – and later changed –
 * with ease, but also reverted with its sibling mixin
 * default-horizontal-padding-revert()
 */
/**************
 * DIN Web *
 **************/
@font-face {
  font-display: swap;
  font-family: 'dinweb';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/dinweb/DINWebPro.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/dinweb/DINWebPro.eot?#iefix") format("embedded-opentype"), url("../fonts/dinweb/DINWebPro.woff") format("woff");
  /* Modern Browsers */
}

@font-face {
  font-display: swap;
  font-family: 'dinweb';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/dinweb/DINWebPro-Bold.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/dinweb/DINWebPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/dinweb/DINWebPro-Bold.woff") format("woff");
  /* Modern Browsers */
}

@font-face {
  font-display: swap;
  font-family: 'dinweb';
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/dinweb/DINWebPro-Ita.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/dinweb/DINWebPro-Ita.eot?#iefix") format("embedded-opentype"), url("../fonts/dinweb/DINWebPro-Ita.woff") format("woff");
  /* Modern Browsers */
}

@font-face {
  font-display: swap;
  font-family: 'dinweb';
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/dinweb/DINWebPro-BoldIta.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/dinweb/DINWebPro-BoldIta.eot?#iefix") format("embedded-opentype"), url("../fonts/dinweb/DINWebPro-BoldIta.woff") format("woff");
  /* Modern Browsers */
}

@font-face {
  font-display: swap;
  font-family: 'dinweb';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/dinweb/DINWebPro-Medium.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/dinweb/DINWebPro-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/dinweb/DINWebPro-Medium.woff") format("woff");
  /* Modern Browsers */
}

/**************
 * Noto Serif *
 **************/
/* noto-serif-regular - cyrillic-ext_greek-ext_cyrillic_latin-ext_latin_greek_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/noto-serif-v4/noto-serif-v4-regular.eot");
  /* IE9 Compat Modes */
  src: local("Noto Serif"), local("NotoSerif"), url("../fonts/noto-serif-v4/noto-serif-v4-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/noto-serif-v4/noto-serif-v4-regular.woff2") format("woff2"), url("../fonts/noto-serif-v4/noto-serif-v4-regular.woff") format("woff");
  /* Modern Browsers */
}

/* noto-serif-italic - cyrillic-ext_greek-ext_cyrillic_latin-ext_latin_greek_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/noto-serif-v4/noto-serif-v4-italic.eot");
  /* IE9 Compat Modes */
  src: local("Noto Serif Italic"), local("NotoSerif-Italic"), url("../fonts/noto-serif-v4/noto-serif-v4-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/noto-serif-v4/noto-serif-v4-italic.woff2") format("woff2"), url("../fonts/noto-serif-v4/noto-serif-v4-italic.woff") format("woff");
  /* Modern Browsers */
}

/* noto-serif-700 - cyrillic-ext_greek-ext_cyrillic_latin-ext_latin_greek_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/noto-serif-v4/noto-serif-v4-700.eot");
  /* IE9 Compat Modes */
  src: local("Noto Serif Bold"), local("NotoSerif-Bold"), url("../fonts/noto-serif-v4/noto-serif-v4-700.eot?#iefix") format("embedded-opentype"), url("../fonts/noto-serif-v4/noto-serif-v4-700.woff2") format("woff2"), url("../fonts/noto-serif-v4/noto-serif-v4-700.woff") format("woff"), url("../fonts/noto-serif-v4/noto-serif-v4-700.ttf") format("truetype"), url("../fonts/noto-serif-v4/noto-serif-v4-700.svg#NotoSerif") format("svg");
  /* Legacy iOS */
}

/* noto-serif-700italic - cyrillic-ext_greek-ext_cyrillic_latin-ext_latin_greek_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/noto-serif-v4/noto-serif-v4-700italic.eot");
  /* IE9 Compat Modes */
  src: local("Noto Serif Bold Italic"), local("NotoSerif-BoldItalic"), url("../fonts/noto-serif-v4/noto-serif-v4-700italic.eot?#iefix") format("embedded-opentype"), url("../fonts/noto-serif-v4/noto-serif-v4-700italic.woff2") format("woff2"), url("../fonts/noto-serif-v4/noto-serif-v4-700italic.woff") format("woff"), url("../fonts/noto-serif-v4/noto-serif-v4-700italic.ttf") format("truetype"), url("../fonts/noto-serif-v4/noto-serif-v4-700italic.svg#NotoSerif") format("svg");
  /* Legacy iOS */
}

:root {
  --font-noto-serif: 'Noto Serif', Georgia, Palatino, "Palatino Linotype", FreeSerif, serif;
  --font-dinweb: 'dinweb', Helvetica, Arial, sans-serif;
  --font-weight--normal: 400;
  --font-weight--medium: 600;
  --font-weight--bold:   700;
}

/**
 * MIXINS
 */
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/boell-icons/boell-icons.eot?vnfmuz");
  src: url("../fonts/boell-icons/boell-icons.eot?vnfmuz#iefix") format("embedded-opentype"), url("../fonts/boell-icons/boell-icons.ttf?vnfmuz") format("truetype"), url("../fonts/boell-icons/boell-icons.woff?vnfmuz") format("woff"), url("../fonts/boell-icons/boell-icons.svg?vnfmuz#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

/**
 * DEFINITIONS
 */
[class^="boell-icon-"],
[class*=" boell-icon-"] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.boell-icon-arrow-up-right:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e901";
}

.boell-icon-chevron-down:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e900";
}

.boell-icon-magnifying-glass:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e902";
}

.boell-icon-chevron-left:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e903";
}

.boell-icon-chevron-right:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e904";
}

.boell-icon-book-reading:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e905";
}

.boell-icon-arrow-download:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906";
}

/**
 * MIXINS
 */
/**
 * FUNCTIONS
 */
/**
 * Blend one color with an alpha value onto another solid background color
 * Taken from http://thesassway.com/intermediate/mixins-for-semi-transparent-colors
 */
/**
 * DEFINITIONS
 */
.bg-bildungswerk-blue {
  background-color: #203c89;
}

.bg-bildungswerk-green {
  background-color: #198632;
}

.bg-boell-blue {
  background-color: #0e307f;
}

.bg-boell-dark-green {
  background-color: #45783a;
}

.bg-boell-green {
  background-color: #91c800;
}

.bg-boell-lightgreen {
  background-color: #cfeb80;
}

.bg-boell-darkmode-black {
  background-color: #000000;
}

.bg-boell-darkmode-grey {
  background-color: #444444;
}

.bg-boell-orange {
  background-color: #fd7232;
}

.bg-boell-purple {
  background-color: #b8bAf8;
}

.bg-boell-red {
  background-color: #cc0000;
}

.bg-boell-turquoise {
  background-color: #008599;
}

.bg-boell-gray {
  background-color: #e2e2e2;
}

.bg-boell-lightgray {
  background-color: #ebebeb;
}

.bg-boell-yellow {
  background-color: #fac32f;
}

.bg-boell-yellow-2 {
  background-color: #FDFF8A;
}

.bg-brandenburg-blue {
  background-color: #0064a7;
}

.bg-brandenburg-red {
  background-color: #e02d34;
}

.bg-brandenburg-orange {
  background-color: #f8ad14;
}

.bg-brandenburg-green {
  background-color: #95bb2e;
}

.bg-infohub-plastic {
  background-color: #3B49BC;
}

.bg-mid-green {
  background-color: #91c800;
}

.bg-mid-orange {
  background-color: #fd7232;
}

.bg-mid-pink {
  background-color: #e075ac;
}

.bg-mid-red {
  background-color: #cc0000;
}

.bg-mid-turquoise {
  background-color: #66cbcc;
}

.bg-mid-yellow {
  background-color: #fac32f;
}

.bg-petrakelly-blue {
  background-color: #2c4081;
}

.bg-petrakelly-green {
  background-color: #008445;
}

.bg-petrakelly-grey {
  background-color: #a49f99;
}

.bg-petrakelly-red {
  background-color: #cb322d;
}

.bg-petrakelly-yellow {
  background-color: #fbe41d;
}

.bg-state-green {
  background-color: #91c800;
}

.bg-state-blue {
  background-color: #0e307f;
}

.bg-gwi-turquoise {
  background-color: #3a9192;
}

.bg-gwi-red {
  background-color: #E70457;
}

.bg-green-extra-dark {
  background-color: #303c1b;
}

.bg-greencampus-green {
  background-color: #6bb232;
}

.bg-international-green {
  background-color: #91c800;
}

.bg-international-orange {
  background-color: #fd7232;
}

.bg-international-turquoise {
  background-color: #008599;
}

.bg-black-1 {
  background-color: #000;
}

.bg-gray-dark-1 {
  background-color: #333;
}

.bg-gray-dark-2 {
  background-color: #444;
}

.bg-gray-1 {
  background-color: #666;
}

.bg-gray-2 {
  background-color: #7c7c7c;
}

.bg-gray-3 {
  background-color: #949494;
}

.bg-gray-light-1 {
  background-color: #e2e2e2;
}

.bg-gray-light-2 {
  background-color: #f1f1f1;
}

.bg-gray-light-2b {
  background-color: #f3f3f3;
}

.bg-gray-light-3 {
  background-color: #EBEBEB;
}

.bg-gray-light-4 {
  background-color: #EAEAEA;
}

.color--bildungswerk-blue {
  color: #203c89;
}

.color--bildungswerk-green {
  color: #198632;
}

.color--boell-blue {
  color: #0e307f;
}

.color--boell-dark-green {
  color: #45783a;
}

.color--boell-green {
  color: #75A300;
}

.color--boell-orange {
  color: #FD631C;
}

.color--boell-red {
  color: #cc0000;
}

.color--boell-turquoise {
  color: #008599;
}

.color--boell-gray {
  color: #999;
}

.color--boell-yellow {
  color: #BD8C05;
}

.color--brandenburg-blue {
  color: #0064a7;
}

.color--brandenburg-green {
  color: #80A027;
}

.color--brandenburg-orange {
  color: #C68606;
}

.color--brandenburg-red {
  color: #e02d34;
}

.color--greencampus-green {
  color: #63A32E;
}

.color--gwi-red {
  color: #E70457;
}

.color--gwi-turquoise {
  color: #3a9192;
}

.color--infohub-plastic {
  color: #3B49BC;
}

.color--international-green {
  color: #75A300;
}

.color--international-orange {
  color: #FD631C;
}

.color--international-turquoise {
  color: #008599;
}

.color--mid-green {
  color: #75A300;
}

.color--mid-orange {
  color: #FD631C;
}

.color--mid-pink {
  color: #DE6EA8;
}

.color--mid-red {
  color: #cc0000;
}

.color--mid-turquoise {
  color: #37A3A4;
}

.color--mid-yellow {
  color: #BD8C05;
}

.color--myanmar-fonts {
  color: #75A300;
}

.color--petrakelly-blue {
  color: #2c4081;
}

.color--petrakelly-green {
  color: #008445;
}

.color--petrakelly-red {
  color: #cb322d;
}

.color--state-blue {
  color: #0e307f;
}

.color--state-green {
  color: #75A300;
}

/*
 * you can use the code above by:
 *
 * .grid-box[class*="color--"] & {
 *     color: inherit !important;
 *  }
 *  .grid-container[class*="color--"] & {
 *    color: inherit;
 *  }
 */
/**
 * MIXINS
 */
/**
 * DEFINITIONS
 */
/**
 * MIXINS
 */
/**
 * Hide an element in the most unobstrusive way,
 * while keeping it accessible and SEO-friendly
 *
 * Originally investigated by Jonathan Snook:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * Now part of the HTML5 Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/fea7f22aef9146a1effc469c3371fbc2a75e0049/src/css/main.css#L119
 *
 * @author Arne Seemann <arne.seemann@palasthotel.de>
 */
/**
 * Example:
 *
 * .ratio-16-by-9 {
 *   @include aspect-ratio(1600, 900);
 * }
 *
 * // Don't forget a placeholder image
 * figure {
 *   background: #ddd url(camera-icon.svg) no-repeat center center;
 * }
 *
 * @see https://www.smashingmagazine.com/2016/08/ways-to-reduce-content-shifting-on-page-load/
 */
/**
 * DEFINITIONS
 */
.clearfix, .view-all-trainers-d8 .trainer {
  float: none;
  clear: both;
}

.clearfix:after, .view-all-trainers-d8 .trainer:after {
  content: "";
  display: block;
  clear: both;
}

.no-overflow {
  overflow: hidden;
  clear: both;
}

.inline {
  display: inline;
}

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

.border-box {
  box-sizing: border-box;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

body {
  background-color: #e2e2e2;
}

@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

.layout-container {
  max-width: 1220px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.visually-hidden,
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.visibility-hidden {
  visibility: hidden;
}

.hidden {
  display: none;
}

@media screen and (max-width: 730px) {
  .align-right,
.align-left {
    float: none;
  }
}

/**
 * MIXINS
 */
/**
 * DEFINITIONS
 */
html,
body,
button,
input,
select,
textarea {
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.3;
  text-decoration: none;
}

p,
ul,
ol {
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.3;
  text-decoration: none;
}

h1 {
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  color: #444;
  font-size: 1.875rem;
}

@media all and (min-width: 760px) {
  h1 {
    font-size: 2.25rem;
  }
}

h2 {
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  font-size: 1.5rem;
}

h3 {
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  color: #444;
  font-size: 1.25rem;
}

h4 {
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  color: #444;
  font-size: 1.125rem;
}

h5 {
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  color: #444;
  font-size: 0.9375rem;
}

.text-light {
  font-style: italic;
  color: #949494;
}

.text-bold {
  font-style: normal;
  font-weight: bold;
}

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

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

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

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

.text-white {
  color: #fff;
}

.text-white * {
  color: #fff;
}

.text-color-primary {
  color: #75A300;
}

.text-small {
  font-size: 0.75rem;
}

.text-color-bildungswerk-blue {
  color: #203c89;
}

.text-color-bildungswerk-green {
  color: #198632;
}

.text-color-boell-blue {
  color: #0e307f;
}

.text-color-boell-dark-green {
  color: #45783a;
}

.text-color-boell-green {
  color: #75A300;
}

.text-color-boell-darkmode-black {
  color: #000000;
}

.text-color-boell-darkmode-grey {
  color: #444444;
}

.text-color-boell-orange {
  color: #FD631C;
}

.text-color-boell-red {
  color: #cc0000;
}

.text-color-boell-turquoise {
  color: #008599;
}

.text-color-boell-gray {
  color: #999;
}

.text-color-boell-yellow {
  color: #BD8C05;
}

.text-color-brandenburg-blue {
  color: #0064a7;
}

.text-color-brandenburg-red {
  color: #e02d34;
}

.text-color-brandenburg-orange {
  color: #C68606;
}

.text-color-brandenburg-green {
  color: #80A027;
}

.text-color-infohub-plastic {
  color: #3B49BC;
}

.text-color-mid-green {
  color: #75A300;
}

.text-color-mid-orange {
  color: #FD631C;
}

.text-color-mid-pink {
  color: #DE6EA8;
}

.text-color-mid-red {
  color: #cc0000;
}

.text-color-mid-turquoise {
  color: #37A3A4;
}

.text-color-mid-yellow {
  color: #BD8C05;
}

.text-color-petrakelly-blue {
  color: #2c4081;
}

.text-color-petrakelly-green {
  color: #008445;
}

.text-color-petrakelly-grey {
  color: #9A948D;
}

.text-color-petrakelly-red {
  color: #cb322d;
}

.text-color-petrakelly-yellow {
  color: #A59503;
}

.text-color-state-green {
  color: #75A300;
}

.text-color-state-blue {
  color: #0e307f;
}

.text-color-gwi-turquoise {
  color: #3a9192;
}

.text-color-gwi-red {
  color: #E70457;
}

.text-color-green-extra-dark {
  color: #303c1b;
}

.text-color-greencampus-green {
  color: #63A32E;
}

.text-color-international-green {
  color: #75A300;
}

.text-color-international-orange {
  color: #FD631C;
}

.text-color-international-turquoise {
  color: #008599;
}

.text-color-gray-dark-1 {
  color: #333;
}

.text-color-gray-dark-2 {
  color: #444;
}

.text-color-gray-1 {
  color: #666;
}

.text-color-gray-2 {
  color: #7c7c7c;
}

.text-color-gray-3 {
  color: #949494;
}

.text-color-gray-light-1 {
  color: #e2e2e2;
}

.text-color-gray-light-2 {
  color: #f1f1f1;
}

.text-color-gray-light-2b {
  color: #f3f3f3;
}

.text-color-gray-light-3 {
  color: #EBEBEB;
}

.text-formatted blockquote:not([class^="pullquote--"]) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 730px;
  font-style: italic;
  margin: 1em 24px;
  border-left: 5px solid #e2e2e2;
  padding-left: 15px;
}

/**
 * MIXINS
 */
/**
 * DEFINITIONS
 */
.img-fullwidth {
  width: 100%;
  height: auto;
}

.media--view-mode-image-and-licence-article-main-image img,
.media--view-mode-image-and-licence-article-main-image-3d2 img,
.responsive-image-wrapper img {
  width: 100%;
  height: auto;
}

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

figure figcaption {
  color: #444;
  display: block;
  font-size: 0.8125rem;
  line-height: 1.3;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
  max-width: 980px;
}

@media all and (min-width: 760px) {
  figure figcaption {
    font-size: 0.875rem;
  }
}

html[dir="ltr"] figure figcaption.copyright-only {
  text-align: right;
}

html[dir="rtl"] figure figcaption.copyright-only {
  text-align: left;
}

figure figcaption a {
  color: #666;
}

html[dir="ltr"] figure figcaption a {
  margin-left: 7px;
}

html[dir="rtl"] figure figcaption a {
  margin-right: 7px;
}

figure figcaption a:hover, figure figcaption a:focus-visible {
  color: #444;
}

/**
 * Drupal Filter for body images from other sites,
 * i.e. images which have a src different url different from the current site.
 * Drupal puts a little red icon there,
 * which should not be rendered in the frontend.
 */
.theme-theodor .filter-image-invalid {
  display: none;
}

.node-article .imported .author {
  display: none;
}

/* General all purpose everywhere classes */
.nobr {
  white-space: nowrap;
}

.livestreamwrapper {
  position: relative;
  padding-bottom: 56%;
  padding-top: 20px;
  height: 0;
}

.livestreamwrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (prefers-reduced-motion) {
  * {
    -webkit-transition:none !important;
    transition: none !important;
  }
}

body {
  overflow-x: hidden;
}

html {
  box-sizing: border-box;
}

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

body {
  width: 100%;
}

@media all and (min-width: 1220px) {
  body {
    margin-left: auto;
    margin-right: auto;
    width: 1220px;
  }
}

hr {
  font-size: inherit;
}

img {
  vertical-align: middle;
}

figure {
  margin: 0;
}

input[type="button"],
input[type="submit"] {
  border: none;
}

@-webkit-keyframes fadeDown {
  from {
    grid-template-rows: 0fr;
    opacity: 0;
  }
  to {
    grid-template-rows: 1fr;
    opacity: 1;
  }
}

@keyframes fadeDown {
  from {
    -ms-grid-rows: 0fr;
        grid-template-rows: 0fr;
    opacity: 0;
  }
  to {
    -ms-grid-rows: 1fr;
        grid-template-rows: 1fr;
    opacity: 1;
  }
}

.accordion {
  border-top: 1px solid var(--brand-colors-gray-dark-2);
  border-bottom: 1px solid var(--brand-colors-gray-dark-2);
}

.accordion__title {
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 700;
  -webkit-padding-before: 12px;
          padding-block-start: 12px;
  -webkit-padding-after: 10px;
          padding-block-end: 10px;
  cursor: pointer;
  list-style-type: none;
}

.accordion__title:hover, .accordion__title:focus-visible {
  text-decoration: underline;
}

.accordion__title::-webkit-details-marker {
  display: none;
}

.accordion__title:after {
  -webkit-mask-image: url("../images/chevron-down.svg");
          mask-image: url("../images/chevron-down.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: bottom center;
          mask-position: bottom center;
  background-color: #444;
  -webkit-mask-size: contain;
          mask-size: contain;
  content: "";
  width: 18px;
  height: 11px;
  display: inline-block;
  -webkit-transition:-webkit-transform 0.3s ease-in-out;
  transition:-webkit-transform 0.3s ease-in-out;
  transition:transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  margin-left: 10px;
}

[open] .accordion__title:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-mask-position: top center;
          mask-position: top center;
}

.accordion__text {
  font-size: 1.125rem !important;
  line-height: 1.3 !important;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 0fr;
      grid-template-rows: 0fr;
  -webkit-transition:all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  opacity: 0;
  margin-block: 10px;
}

.accordion__text > * {
  overflow: hidden;
}

.accordion__text p, .accordion__text a, .accordion__text ol {
  font-size: 1.125rem !important;
  line-height: 1.3 !important;
  font-family: "dinweb", Helvetica, Arial, sans-serif !important;
}

[open] .accordion__text {
  -webkit-animation: fadeDown 0.5s 0s 1 normal forwards;
          animation: fadeDown 0.5s 0s 1 normal forwards;
  opacity: 1;
}

.accordion + .accordion {
  border-top: none;
}

.archive-notice {
  background-color: #91c800;
  padding: 10px 0;
  width: 100%;
  font-style: normal;
  font-weight: bold;
  color: #444;
  margin: -44px auto 88px auto;
  font-size: 1.125rem;
  overflow: hidden;
}

.archive-notice .inner {
  white-space: nowrap;
}

.archive-notice .inner span {
  margin-right: 24px;
}

@media all and (min-width: 760px) {
  .archive-notice .inner span {
    margin-right: 44px;
  }
}

@media all and (min-width: 760px) {
  .archive-notice .inner {
    margin-left: -44px;
  }
}

/**
 * MIXINS
 */
/**
 * DEFINITIONS
 */
.button,
.call_to_action-box__cta {
  display: inline-block;
  text-decoration: none;
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.3;
  text-decoration: none;
  -webkit-padding-before: 12px;
          padding-block-start: 12px;
  -webkit-padding-after: 10px;
          padding-block-end: 10px;
  padding-inline: 15px;
  cursor: pointer;
  font-weight: 700;
  -webkit-transition:background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  font-size: 1rem;
  line-height: 1;
  background-color: #91c800;
  color: #333;
}

.button:hover, .button:focus-visible,
.call_to_action-box__cta:hover,
.call_to_action-box__cta:focus-visible {
  background: #a3e200;
}

.grid-container.color--bildungswerk-blue .button, .grid-container.color--bildungswerk-blue .call_to_action-box__cta {
  background-color: #203c89;
  color: #333;
}

.grid-container.color--bildungswerk-blue .button:hover, .grid-container.color--bildungswerk-blue .button:focus-visible, .grid-container.color--bildungswerk-blue .call_to_action-box__cta:hover, .grid-container.color--bildungswerk-blue .call_to_action-box__cta:focus-visible {
  background: #25459e;
}

.grid-box.color--bildungswerk-blue .button, .grid-box.color--bildungswerk-blue .call_to_action-box__cta {
  background-color: #203c89 !important;
  color: #333 !important;
}

.grid-box.color--bildungswerk-blue .button:hover, .grid-box.color--bildungswerk-blue .button:focus-visible, .grid-box.color--bildungswerk-blue .call_to_action-box__cta:hover, .grid-box.color--bildungswerk-blue .call_to_action-box__cta:focus-visible {
  background: #25459e !important;
}

.grid-container.color--bildungswerk-green .button, .grid-container.color--bildungswerk-green .call_to_action-box__cta {
  background-color: #198632;
  color: #333;
}

.grid-container.color--bildungswerk-green .button:hover, .grid-container.color--bildungswerk-green .button:focus-visible, .grid-container.color--bildungswerk-green .call_to_action-box__cta:hover, .grid-container.color--bildungswerk-green .call_to_action-box__cta:focus-visible {
  background: #1d9b3a;
}

.grid-box.color--bildungswerk-green .button, .grid-box.color--bildungswerk-green .call_to_action-box__cta {
  background-color: #198632 !important;
  color: #333 !important;
}

.grid-box.color--bildungswerk-green .button:hover, .grid-box.color--bildungswerk-green .button:focus-visible, .grid-box.color--bildungswerk-green .call_to_action-box__cta:hover, .grid-box.color--bildungswerk-green .call_to_action-box__cta:focus-visible {
  background: #1d9b3a !important;
}

.grid-container.color--boell-blue .button, .grid-container.color--boell-blue .call_to_action-box__cta {
  background-color: #0e307f;
  color: white !important;
}

.grid-container.color--boell-blue .button:hover, .grid-container.color--boell-blue .button:focus-visible, .grid-container.color--boell-blue .call_to_action-box__cta:hover, .grid-container.color--boell-blue .call_to_action-box__cta:focus-visible {
  background: #0b2768;
}

.grid-box.color--boell-blue .button, .grid-box.color--boell-blue .call_to_action-box__cta {
  background-color: #0e307f !important;
  color: white !important;
}

.grid-box.color--boell-blue .button:hover, .grid-box.color--boell-blue .button:focus-visible, .grid-box.color--boell-blue .call_to_action-box__cta:hover, .grid-box.color--boell-blue .call_to_action-box__cta:focus-visible {
  background: #0b2768 !important;
}

.grid-container.color--boell-dark-green .button, .grid-container.color--boell-dark-green .call_to_action-box__cta {
  background-color: #45783a;
  color: white !important;
}

.grid-container.color--boell-dark-green .button:hover, .grid-container.color--boell-dark-green .button:focus-visible, .grid-container.color--boell-dark-green .call_to_action-box__cta:hover, .grid-container.color--boell-dark-green .call_to_action-box__cta:focus-visible {
  background: #3b6732;
}

.grid-box.color--boell-dark-green .button, .grid-box.color--boell-dark-green .call_to_action-box__cta {
  background-color: #45783a !important;
  color: white !important;
}

.grid-box.color--boell-dark-green .button:hover, .grid-box.color--boell-dark-green .button:focus-visible, .grid-box.color--boell-dark-green .call_to_action-box__cta:hover, .grid-box.color--boell-dark-green .call_to_action-box__cta:focus-visible {
  background: #3b6732 !important;
}

.grid-container.color--boell-green .button, .grid-container.color--boell-green .call_to_action-box__cta {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--boell-green .button:hover, .grid-container.color--boell-green .button:focus-visible, .grid-container.color--boell-green .call_to_action-box__cta:hover, .grid-container.color--boell-green .call_to_action-box__cta:focus-visible {
  background: #a3e200;
}

.grid-box.color--boell-green .button, .grid-box.color--boell-green .call_to_action-box__cta {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--boell-green .button:hover, .grid-box.color--boell-green .button:focus-visible, .grid-box.color--boell-green .call_to_action-box__cta:hover, .grid-box.color--boell-green .call_to_action-box__cta:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--boell-orange .button, .grid-container.color--boell-orange .call_to_action-box__cta {
  background-color: #fd7232;
  color: #333;
}

.grid-container.color--boell-orange .button:hover, .grid-container.color--boell-orange .button:focus-visible, .grid-container.color--boell-orange .call_to_action-box__cta:hover, .grid-container.color--boell-orange .call_to_action-box__cta:focus-visible {
  background: #fd834b;
}

.grid-box.color--boell-orange .button, .grid-box.color--boell-orange .call_to_action-box__cta {
  background-color: #fd7232 !important;
  color: #333 !important;
}

.grid-box.color--boell-orange .button:hover, .grid-box.color--boell-orange .button:focus-visible, .grid-box.color--boell-orange .call_to_action-box__cta:hover, .grid-box.color--boell-orange .call_to_action-box__cta:focus-visible {
  background: #fd834b !important;
}

.grid-container.color--boell-red .button, .grid-container.color--boell-red .call_to_action-box__cta {
  background-color: #cc0000;
  color: white !important;
}

.grid-container.color--boell-red .button:hover, .grid-container.color--boell-red .button:focus-visible, .grid-container.color--boell-red .call_to_action-box__cta:hover, .grid-container.color--boell-red .call_to_action-box__cta:focus-visible {
  background: #b30000;
}

.grid-box.color--boell-red .button, .grid-box.color--boell-red .call_to_action-box__cta {
  background-color: #cc0000 !important;
  color: white !important;
}

.grid-box.color--boell-red .button:hover, .grid-box.color--boell-red .button:focus-visible, .grid-box.color--boell-red .call_to_action-box__cta:hover, .grid-box.color--boell-red .call_to_action-box__cta:focus-visible {
  background: #b30000 !important;
}

.grid-container.color--boell-turquoise .button, .grid-container.color--boell-turquoise .call_to_action-box__cta {
  background-color: #008599;
  color: white !important;
}

.grid-container.color--boell-turquoise .button:hover, .grid-container.color--boell-turquoise .button:focus-visible, .grid-container.color--boell-turquoise .call_to_action-box__cta:hover, .grid-container.color--boell-turquoise .call_to_action-box__cta:focus-visible {
  background: #006f80;
}

.grid-box.color--boell-turquoise .button, .grid-box.color--boell-turquoise .call_to_action-box__cta {
  background-color: #008599 !important;
  color: white !important;
}

.grid-box.color--boell-turquoise .button:hover, .grid-box.color--boell-turquoise .button:focus-visible, .grid-box.color--boell-turquoise .call_to_action-box__cta:hover, .grid-box.color--boell-turquoise .call_to_action-box__cta:focus-visible {
  background: #006f80 !important;
}

.grid-container.color--boell-gray .button, .grid-container.color--boell-gray .call_to_action-box__cta {
  background-color: #e2e2e2;
  color: #333;
}

.grid-container.color--boell-gray .button:hover, .grid-container.color--boell-gray .button:focus-visible, .grid-container.color--boell-gray .call_to_action-box__cta:hover, .grid-container.color--boell-gray .call_to_action-box__cta:focus-visible {
  background: #efefef;
}

.grid-box.color--boell-gray .button, .grid-box.color--boell-gray .call_to_action-box__cta {
  background-color: #e2e2e2 !important;
  color: #333 !important;
}

.grid-box.color--boell-gray .button:hover, .grid-box.color--boell-gray .button:focus-visible, .grid-box.color--boell-gray .call_to_action-box__cta:hover, .grid-box.color--boell-gray .call_to_action-box__cta:focus-visible {
  background: #efefef !important;
}

.grid-container.color--boell-yellow .button, .grid-container.color--boell-yellow .call_to_action-box__cta {
  background-color: #fac32f;
  color: #333;
}

.grid-container.color--boell-yellow .button:hover, .grid-container.color--boell-yellow .button:focus-visible, .grid-container.color--boell-yellow .call_to_action-box__cta:hover, .grid-container.color--boell-yellow .call_to_action-box__cta:focus-visible {
  background: #fbca48;
}

.grid-box.color--boell-yellow .button, .grid-box.color--boell-yellow .call_to_action-box__cta {
  background-color: #fac32f !important;
  color: #333 !important;
}

.grid-box.color--boell-yellow .button:hover, .grid-box.color--boell-yellow .button:focus-visible, .grid-box.color--boell-yellow .call_to_action-box__cta:hover, .grid-box.color--boell-yellow .call_to_action-box__cta:focus-visible {
  background: #fbca48 !important;
}

.grid-container.color--brandenburg-blue .button, .grid-container.color--brandenburg-blue .call_to_action-box__cta {
  background-color: #0064a7;
  color: white !important;
}

.grid-container.color--brandenburg-blue .button:hover, .grid-container.color--brandenburg-blue .button:focus-visible, .grid-container.color--brandenburg-blue .call_to_action-box__cta:hover, .grid-container.color--brandenburg-blue .call_to_action-box__cta:focus-visible {
  background: #00558e;
}

.grid-box.color--brandenburg-blue .button, .grid-box.color--brandenburg-blue .call_to_action-box__cta {
  background-color: #0064a7 !important;
  color: white !important;
}

.grid-box.color--brandenburg-blue .button:hover, .grid-box.color--brandenburg-blue .button:focus-visible, .grid-box.color--brandenburg-blue .call_to_action-box__cta:hover, .grid-box.color--brandenburg-blue .call_to_action-box__cta:focus-visible {
  background: #00558e !important;
}

.grid-container.color--brandenburg-green .button, .grid-container.color--brandenburg-green .call_to_action-box__cta {
  background-color: #95bb2e;
  color: #333;
}

.grid-container.color--brandenburg-green .button:hover, .grid-container.color--brandenburg-green .button:focus-visible, .grid-container.color--brandenburg-green .call_to_action-box__cta:hover, .grid-container.color--brandenburg-green .call_to_action-box__cta:focus-visible {
  background: #a4cd35;
}

.grid-box.color--brandenburg-green .button, .grid-box.color--brandenburg-green .call_to_action-box__cta {
  background-color: #95bb2e !important;
  color: #333 !important;
}

.grid-box.color--brandenburg-green .button:hover, .grid-box.color--brandenburg-green .button:focus-visible, .grid-box.color--brandenburg-green .call_to_action-box__cta:hover, .grid-box.color--brandenburg-green .call_to_action-box__cta:focus-visible {
  background: #a4cd35 !important;
}

.grid-container.color--brandenburg-orange .button, .grid-container.color--brandenburg-orange .call_to_action-box__cta {
  background-color: #f8ad14;
  color: #333;
}

.grid-container.color--brandenburg-orange .button:hover, .grid-container.color--brandenburg-orange .button:focus-visible, .grid-container.color--brandenburg-orange .call_to_action-box__cta:hover, .grid-container.color--brandenburg-orange .call_to_action-box__cta:focus-visible {
  background: #f9b62d;
}

.grid-box.color--brandenburg-orange .button, .grid-box.color--brandenburg-orange .call_to_action-box__cta {
  background-color: #f8ad14 !important;
  color: #333 !important;
}

.grid-box.color--brandenburg-orange .button:hover, .grid-box.color--brandenburg-orange .button:focus-visible, .grid-box.color--brandenburg-orange .call_to_action-box__cta:hover, .grid-box.color--brandenburg-orange .call_to_action-box__cta:focus-visible {
  background: #f9b62d !important;
}

.grid-container.color--brandenburg-red .button, .grid-container.color--brandenburg-red .call_to_action-box__cta {
  background-color: #e02d34;
  color: #333;
}

.grid-container.color--brandenburg-red .button:hover, .grid-container.color--brandenburg-red .button:focus-visible, .grid-container.color--brandenburg-red .call_to_action-box__cta:hover, .grid-container.color--brandenburg-red .call_to_action-box__cta:focus-visible {
  background: #e34349;
}

.grid-box.color--brandenburg-red .button, .grid-box.color--brandenburg-red .call_to_action-box__cta {
  background-color: #e02d34 !important;
  color: #333 !important;
}

.grid-box.color--brandenburg-red .button:hover, .grid-box.color--brandenburg-red .button:focus-visible, .grid-box.color--brandenburg-red .call_to_action-box__cta:hover, .grid-box.color--brandenburg-red .call_to_action-box__cta:focus-visible {
  background: #e34349 !important;
}

.grid-container.color--greencampus-green .button, .grid-container.color--greencampus-green .call_to_action-box__cta {
  background-color: #6bb232;
  color: #333;
}

.grid-container.color--greencampus-green .button:hover, .grid-container.color--greencampus-green .button:focus-visible, .grid-container.color--greencampus-green .call_to_action-box__cta:hover, .grid-container.color--greencampus-green .call_to_action-box__cta:focus-visible {
  background: #77c638;
}

.grid-box.color--greencampus-green .button, .grid-box.color--greencampus-green .call_to_action-box__cta {
  background-color: #6bb232 !important;
  color: #333 !important;
}

.grid-box.color--greencampus-green .button:hover, .grid-box.color--greencampus-green .button:focus-visible, .grid-box.color--greencampus-green .call_to_action-box__cta:hover, .grid-box.color--greencampus-green .call_to_action-box__cta:focus-visible {
  background: #77c638 !important;
}

.grid-container.color--gwi-red .button, .grid-container.color--gwi-red .call_to_action-box__cta {
  background-color: #E70457;
  color: white !important;
}

.grid-container.color--gwi-red .button:hover, .grid-container.color--gwi-red .button:focus-visible, .grid-container.color--gwi-red .call_to_action-box__cta:hover, .grid-container.color--gwi-red .call_to_action-box__cta:focus-visible {
  background: #ce044e;
}

.grid-box.color--gwi-red .button, .grid-box.color--gwi-red .call_to_action-box__cta {
  background-color: #E70457 !important;
  color: white !important;
}

.grid-box.color--gwi-red .button:hover, .grid-box.color--gwi-red .button:focus-visible, .grid-box.color--gwi-red .call_to_action-box__cta:hover, .grid-box.color--gwi-red .call_to_action-box__cta:focus-visible {
  background: #ce044e !important;
}

.grid-container.color--gwi-turquoise .button, .grid-container.color--gwi-turquoise .call_to_action-box__cta {
  background-color: #3a9192;
  color: white !important;
}

.grid-container.color--gwi-turquoise .button:hover, .grid-container.color--gwi-turquoise .button:focus-visible, .grid-container.color--gwi-turquoise .call_to_action-box__cta:hover, .grid-container.color--gwi-turquoise .call_to_action-box__cta:focus-visible {
  background: #337f80;
}

.grid-box.color--gwi-turquoise .button, .grid-box.color--gwi-turquoise .call_to_action-box__cta {
  background-color: #3a9192 !important;
  color: white !important;
}

.grid-box.color--gwi-turquoise .button:hover, .grid-box.color--gwi-turquoise .button:focus-visible, .grid-box.color--gwi-turquoise .call_to_action-box__cta:hover, .grid-box.color--gwi-turquoise .call_to_action-box__cta:focus-visible {
  background: #337f80 !important;
}

.grid-container.color--infohub-plastic .button, .grid-container.color--infohub-plastic .call_to_action-box__cta {
  background-color: #3B49BC;
  color: white !important;
}

.grid-container.color--infohub-plastic .button:hover, .grid-container.color--infohub-plastic .button:focus-visible, .grid-container.color--infohub-plastic .call_to_action-box__cta:hover, .grid-container.color--infohub-plastic .call_to_action-box__cta:focus-visible {
  background: #3541a9;
}

.grid-box.color--infohub-plastic .button, .grid-box.color--infohub-plastic .call_to_action-box__cta {
  background-color: #3B49BC !important;
  color: white !important;
}

.grid-box.color--infohub-plastic .button:hover, .grid-box.color--infohub-plastic .button:focus-visible, .grid-box.color--infohub-plastic .call_to_action-box__cta:hover, .grid-box.color--infohub-plastic .call_to_action-box__cta:focus-visible {
  background: #3541a9 !important;
}

.grid-container.color--international-green .button, .grid-container.color--international-green .call_to_action-box__cta {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--international-green .button:hover, .grid-container.color--international-green .button:focus-visible, .grid-container.color--international-green .call_to_action-box__cta:hover, .grid-container.color--international-green .call_to_action-box__cta:focus-visible {
  background: #a3e200;
}

.grid-box.color--international-green .button, .grid-box.color--international-green .call_to_action-box__cta {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--international-green .button:hover, .grid-box.color--international-green .button:focus-visible, .grid-box.color--international-green .call_to_action-box__cta:hover, .grid-box.color--international-green .call_to_action-box__cta:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--international-orange .button, .grid-container.color--international-orange .call_to_action-box__cta {
  background-color: #fd7232;
  color: #333;
}

.grid-container.color--international-orange .button:hover, .grid-container.color--international-orange .button:focus-visible, .grid-container.color--international-orange .call_to_action-box__cta:hover, .grid-container.color--international-orange .call_to_action-box__cta:focus-visible {
  background: #fd834b;
}

.grid-box.color--international-orange .button, .grid-box.color--international-orange .call_to_action-box__cta {
  background-color: #fd7232 !important;
  color: #333 !important;
}

.grid-box.color--international-orange .button:hover, .grid-box.color--international-orange .button:focus-visible, .grid-box.color--international-orange .call_to_action-box__cta:hover, .grid-box.color--international-orange .call_to_action-box__cta:focus-visible {
  background: #fd834b !important;
}

.grid-container.color--international-turquoise .button, .grid-container.color--international-turquoise .call_to_action-box__cta {
  background-color: #008599;
  color: #333;
}

.grid-container.color--international-turquoise .button:hover, .grid-container.color--international-turquoise .button:focus-visible, .grid-container.color--international-turquoise .call_to_action-box__cta:hover, .grid-container.color--international-turquoise .call_to_action-box__cta:focus-visible {
  background: #009bb3;
}

.grid-box.color--international-turquoise .button, .grid-box.color--international-turquoise .call_to_action-box__cta {
  background-color: #008599 !important;
  color: #333 !important;
}

.grid-box.color--international-turquoise .button:hover, .grid-box.color--international-turquoise .button:focus-visible, .grid-box.color--international-turquoise .call_to_action-box__cta:hover, .grid-box.color--international-turquoise .call_to_action-box__cta:focus-visible {
  background: #009bb3 !important;
}

.grid-container.color--mid-green .button, .grid-container.color--mid-green .call_to_action-box__cta {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--mid-green .button:hover, .grid-container.color--mid-green .button:focus-visible, .grid-container.color--mid-green .call_to_action-box__cta:hover, .grid-container.color--mid-green .call_to_action-box__cta:focus-visible {
  background: #a3e200;
}

.grid-box.color--mid-green .button, .grid-box.color--mid-green .call_to_action-box__cta {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--mid-green .button:hover, .grid-box.color--mid-green .button:focus-visible, .grid-box.color--mid-green .call_to_action-box__cta:hover, .grid-box.color--mid-green .call_to_action-box__cta:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--mid-orange .button, .grid-container.color--mid-orange .call_to_action-box__cta {
  background-color: #fd7232;
  color: #333;
}

.grid-container.color--mid-orange .button:hover, .grid-container.color--mid-orange .button:focus-visible, .grid-container.color--mid-orange .call_to_action-box__cta:hover, .grid-container.color--mid-orange .call_to_action-box__cta:focus-visible {
  background: #fd834b;
}

.grid-box.color--mid-orange .button, .grid-box.color--mid-orange .call_to_action-box__cta {
  background-color: #fd7232 !important;
  color: #333 !important;
}

.grid-box.color--mid-orange .button:hover, .grid-box.color--mid-orange .button:focus-visible, .grid-box.color--mid-orange .call_to_action-box__cta:hover, .grid-box.color--mid-orange .call_to_action-box__cta:focus-visible {
  background: #fd834b !important;
}

.grid-container.color--mid-pink .button, .grid-container.color--mid-pink .call_to_action-box__cta {
  background-color: #e075ac;
  color: #333;
}

.grid-container.color--mid-pink .button:hover, .grid-container.color--mid-pink .button:focus-visible, .grid-container.color--mid-pink .call_to_action-box__cta:hover, .grid-container.color--mid-pink .call_to_action-box__cta:focus-visible {
  background: #e58ab9;
}

.grid-box.color--mid-pink .button, .grid-box.color--mid-pink .call_to_action-box__cta {
  background-color: #e075ac !important;
  color: #333 !important;
}

.grid-box.color--mid-pink .button:hover, .grid-box.color--mid-pink .button:focus-visible, .grid-box.color--mid-pink .call_to_action-box__cta:hover, .grid-box.color--mid-pink .call_to_action-box__cta:focus-visible {
  background: #e58ab9 !important;
}

.grid-container.color--mid-red .button, .grid-container.color--mid-red .call_to_action-box__cta {
  background-color: #cc0000;
  color: #333;
}

.grid-container.color--mid-red .button:hover, .grid-container.color--mid-red .button:focus-visible, .grid-container.color--mid-red .call_to_action-box__cta:hover, .grid-container.color--mid-red .call_to_action-box__cta:focus-visible {
  background: #e60000;
}

.grid-box.color--mid-red .button, .grid-box.color--mid-red .call_to_action-box__cta {
  background-color: #cc0000 !important;
  color: #333 !important;
}

.grid-box.color--mid-red .button:hover, .grid-box.color--mid-red .button:focus-visible, .grid-box.color--mid-red .call_to_action-box__cta:hover, .grid-box.color--mid-red .call_to_action-box__cta:focus-visible {
  background: #e60000 !important;
}

.grid-container.color--mid-turquoise .button, .grid-container.color--mid-turquoise .call_to_action-box__cta {
  background-color: #66cbcc;
  color: #333;
}

.grid-container.color--mid-turquoise .button:hover, .grid-container.color--mid-turquoise .button:focus-visible, .grid-container.color--mid-turquoise .call_to_action-box__cta:hover, .grid-container.color--mid-turquoise .call_to_action-box__cta:focus-visible {
  background: #79d2d2;
}

.grid-box.color--mid-turquoise .button, .grid-box.color--mid-turquoise .call_to_action-box__cta {
  background-color: #66cbcc !important;
  color: #333 !important;
}

.grid-box.color--mid-turquoise .button:hover, .grid-box.color--mid-turquoise .button:focus-visible, .grid-box.color--mid-turquoise .call_to_action-box__cta:hover, .grid-box.color--mid-turquoise .call_to_action-box__cta:focus-visible {
  background: #79d2d2 !important;
}

.grid-container.color--mid-yellow .button, .grid-container.color--mid-yellow .call_to_action-box__cta {
  background-color: #fac32f;
  color: #333;
}

.grid-container.color--mid-yellow .button:hover, .grid-container.color--mid-yellow .button:focus-visible, .grid-container.color--mid-yellow .call_to_action-box__cta:hover, .grid-container.color--mid-yellow .call_to_action-box__cta:focus-visible {
  background: #fbca48;
}

.grid-box.color--mid-yellow .button, .grid-box.color--mid-yellow .call_to_action-box__cta {
  background-color: #fac32f !important;
  color: #333 !important;
}

.grid-box.color--mid-yellow .button:hover, .grid-box.color--mid-yellow .button:focus-visible, .grid-box.color--mid-yellow .call_to_action-box__cta:hover, .grid-box.color--mid-yellow .call_to_action-box__cta:focus-visible {
  background: #fbca48 !important;
}

.grid-container.color--myanmar-fonts .button, .grid-container.color--myanmar-fonts .call_to_action-box__cta {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--myanmar-fonts .button:hover, .grid-container.color--myanmar-fonts .button:focus-visible, .grid-container.color--myanmar-fonts .call_to_action-box__cta:hover, .grid-container.color--myanmar-fonts .call_to_action-box__cta:focus-visible {
  background: #a3e200;
}

.grid-box.color--myanmar-fonts .button, .grid-box.color--myanmar-fonts .call_to_action-box__cta {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--myanmar-fonts .button:hover, .grid-box.color--myanmar-fonts .button:focus-visible, .grid-box.color--myanmar-fonts .call_to_action-box__cta:hover, .grid-box.color--myanmar-fonts .call_to_action-box__cta:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--petrakelly-blue .button, .grid-container.color--petrakelly-blue .call_to_action-box__cta {
  background-color: #2c4081;
  color: white !important;
}

.grid-container.color--petrakelly-blue .button:hover, .grid-container.color--petrakelly-blue .button:focus-visible, .grid-container.color--petrakelly-blue .call_to_action-box__cta:hover, .grid-container.color--petrakelly-blue .call_to_action-box__cta:focus-visible {
  background: #26376e;
}

.grid-box.color--petrakelly-blue .button, .grid-box.color--petrakelly-blue .call_to_action-box__cta {
  background-color: #2c4081 !important;
  color: white !important;
}

.grid-box.color--petrakelly-blue .button:hover, .grid-box.color--petrakelly-blue .button:focus-visible, .grid-box.color--petrakelly-blue .call_to_action-box__cta:hover, .grid-box.color--petrakelly-blue .call_to_action-box__cta:focus-visible {
  background: #26376e !important;
}

.grid-container.color--petrakelly-green .button, .grid-container.color--petrakelly-green .call_to_action-box__cta {
  background-color: #008445;
  color: #333;
}

.grid-container.color--petrakelly-green .button:hover, .grid-container.color--petrakelly-green .button:focus-visible, .grid-container.color--petrakelly-green .call_to_action-box__cta:hover, .grid-container.color--petrakelly-green .call_to_action-box__cta:focus-visible {
  background: #009e52;
}

.grid-box.color--petrakelly-green .button, .grid-box.color--petrakelly-green .call_to_action-box__cta {
  background-color: #008445 !important;
  color: #333 !important;
}

.grid-box.color--petrakelly-green .button:hover, .grid-box.color--petrakelly-green .button:focus-visible, .grid-box.color--petrakelly-green .call_to_action-box__cta:hover, .grid-box.color--petrakelly-green .call_to_action-box__cta:focus-visible {
  background: #009e52 !important;
}

.grid-container.color--petrakelly-red .button, .grid-container.color--petrakelly-red .call_to_action-box__cta {
  background-color: #cb322d;
  color: #333;
}

.grid-container.color--petrakelly-red .button:hover, .grid-container.color--petrakelly-red .button:focus-visible, .grid-container.color--petrakelly-red .call_to_action-box__cta:hover, .grid-container.color--petrakelly-red .call_to_action-box__cta:focus-visible {
  background: #d4423d;
}

.grid-box.color--petrakelly-red .button, .grid-box.color--petrakelly-red .call_to_action-box__cta {
  background-color: #cb322d !important;
  color: #333 !important;
}

.grid-box.color--petrakelly-red .button:hover, .grid-box.color--petrakelly-red .button:focus-visible, .grid-box.color--petrakelly-red .call_to_action-box__cta:hover, .grid-box.color--petrakelly-red .call_to_action-box__cta:focus-visible {
  background: #d4423d !important;
}

.grid-container.color--state-blue .button, .grid-container.color--state-blue .call_to_action-box__cta {
  background-color: #0e307f;
  color: white !important;
}

.grid-container.color--state-blue .button:hover, .grid-container.color--state-blue .button:focus-visible, .grid-container.color--state-blue .call_to_action-box__cta:hover, .grid-container.color--state-blue .call_to_action-box__cta:focus-visible {
  background: #0b2768;
}

.grid-box.color--state-blue .button, .grid-box.color--state-blue .call_to_action-box__cta {
  background-color: #0e307f !important;
  color: white !important;
}

.grid-box.color--state-blue .button:hover, .grid-box.color--state-blue .button:focus-visible, .grid-box.color--state-blue .call_to_action-box__cta:hover, .grid-box.color--state-blue .call_to_action-box__cta:focus-visible {
  background: #0b2768 !important;
}

.grid-container.color--state-green .button, .grid-container.color--state-green .call_to_action-box__cta {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--state-green .button:hover, .grid-container.color--state-green .button:focus-visible, .grid-container.color--state-green .call_to_action-box__cta:hover, .grid-container.color--state-green .call_to_action-box__cta:focus-visible {
  background: #a3e200;
}

.grid-box.color--state-green .button, .grid-box.color--state-green .call_to_action-box__cta {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--state-green .button:hover, .grid-box.color--state-green .button:focus-visible, .grid-box.color--state-green .call_to_action-box__cta:hover, .grid-box.color--state-green .call_to_action-box__cta:focus-visible {
  background: #a3e200 !important;
}

.button-ghost {
  display: inline-block;
  text-decoration: none;
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.3;
  text-decoration: none;
  -webkit-padding-before: 12px;
          padding-block-start: 12px;
  -webkit-padding-after: 10px;
          padding-block-end: 10px;
  padding-inline: 15px;
  cursor: pointer;
  font-weight: 700;
  -webkit-transition:background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  font-size: 1rem;
  line-height: 1;
  color: #75A300;
  background: transparent;
  border: 2px solid #91c800;
  font-weight: 700;
  font-size: 1.0625rem;
  padding-top: 7px;
  padding-bottom: 7px;
}

@media all and (min-width: 760px) {
  .button-ghost {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.button-ghost-white {
  display: inline-block;
  text-decoration: none;
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.3;
  text-decoration: none;
  -webkit-padding-before: 12px;
          padding-block-start: 12px;
  -webkit-padding-after: 10px;
          padding-block-end: 10px;
  padding-inline: 15px;
  cursor: pointer;
  font-weight: 700;
  -webkit-transition:background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  font-size: 1rem;
  line-height: 1;
  color: #75A300;
  background: transparent;
  border: 2px solid #91c800;
  font-weight: 700;
  font-size: 1.0625rem;
  padding-top: 7px;
  padding-bottom: 7px;
  color: #fff;
  border: 2px solid white;
  background: rgba(0, 0, 0, 0.4);
  text-shadow: 0 0 10px black;
  -webkit-transition:background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
}

@media all and (min-width: 760px) {
  .button-ghost-white {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.button-ghost-white * {
  color: #fff;
}

.button-ghost-white:hover, .button-ghost-white:focus-visible, .button-ghost-white:active {
  background-color: white;
  color: black;
  text-shadow: none;
}

.form-submit,
#edit-preview {
  display: inline-block;
  text-decoration: none;
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.3;
  text-decoration: none;
  -webkit-padding-before: 12px;
          padding-block-start: 12px;
  -webkit-padding-after: 10px;
          padding-block-end: 10px;
  padding-inline: 15px;
  cursor: pointer;
  font-weight: 700;
  -webkit-transition:background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  font-size: 1rem;
  line-height: 1;
  background-color: #91c800;
  color: #333;
  font-weight: 700;
}

.form-submit:hover, .form-submit:focus-visible,
#edit-preview:hover,
#edit-preview:focus-visible {
  background: #a3e200;
}

.grid-container.color--bildungswerk-blue .form-submit, .grid-container.color--bildungswerk-blue #edit-preview {
  background-color: #203c89;
  color: #333;
}

.grid-container.color--bildungswerk-blue .form-submit:hover, .grid-container.color--bildungswerk-blue .form-submit:focus-visible, .grid-container.color--bildungswerk-blue #edit-preview:hover, .grid-container.color--bildungswerk-blue #edit-preview:focus-visible {
  background: #25459e;
}

.grid-box.color--bildungswerk-blue .form-submit, .grid-box.color--bildungswerk-blue #edit-preview {
  background-color: #203c89 !important;
  color: #333 !important;
}

.grid-box.color--bildungswerk-blue .form-submit:hover, .grid-box.color--bildungswerk-blue .form-submit:focus-visible, .grid-box.color--bildungswerk-blue #edit-preview:hover, .grid-box.color--bildungswerk-blue #edit-preview:focus-visible {
  background: #25459e !important;
}

.grid-container.color--bildungswerk-green .form-submit, .grid-container.color--bildungswerk-green #edit-preview {
  background-color: #198632;
  color: #333;
}

.grid-container.color--bildungswerk-green .form-submit:hover, .grid-container.color--bildungswerk-green .form-submit:focus-visible, .grid-container.color--bildungswerk-green #edit-preview:hover, .grid-container.color--bildungswerk-green #edit-preview:focus-visible {
  background: #1d9b3a;
}

.grid-box.color--bildungswerk-green .form-submit, .grid-box.color--bildungswerk-green #edit-preview {
  background-color: #198632 !important;
  color: #333 !important;
}

.grid-box.color--bildungswerk-green .form-submit:hover, .grid-box.color--bildungswerk-green .form-submit:focus-visible, .grid-box.color--bildungswerk-green #edit-preview:hover, .grid-box.color--bildungswerk-green #edit-preview:focus-visible {
  background: #1d9b3a !important;
}

.grid-container.color--boell-blue .form-submit, .grid-container.color--boell-blue #edit-preview {
  background-color: #0e307f;
  color: white !important;
}

.grid-container.color--boell-blue .form-submit:hover, .grid-container.color--boell-blue .form-submit:focus-visible, .grid-container.color--boell-blue #edit-preview:hover, .grid-container.color--boell-blue #edit-preview:focus-visible {
  background: #0b2768;
}

.grid-box.color--boell-blue .form-submit, .grid-box.color--boell-blue #edit-preview {
  background-color: #0e307f !important;
  color: white !important;
}

.grid-box.color--boell-blue .form-submit:hover, .grid-box.color--boell-blue .form-submit:focus-visible, .grid-box.color--boell-blue #edit-preview:hover, .grid-box.color--boell-blue #edit-preview:focus-visible {
  background: #0b2768 !important;
}

.grid-container.color--boell-dark-green .form-submit, .grid-container.color--boell-dark-green #edit-preview {
  background-color: #45783a;
  color: white !important;
}

.grid-container.color--boell-dark-green .form-submit:hover, .grid-container.color--boell-dark-green .form-submit:focus-visible, .grid-container.color--boell-dark-green #edit-preview:hover, .grid-container.color--boell-dark-green #edit-preview:focus-visible {
  background: #3b6732;
}

.grid-box.color--boell-dark-green .form-submit, .grid-box.color--boell-dark-green #edit-preview {
  background-color: #45783a !important;
  color: white !important;
}

.grid-box.color--boell-dark-green .form-submit:hover, .grid-box.color--boell-dark-green .form-submit:focus-visible, .grid-box.color--boell-dark-green #edit-preview:hover, .grid-box.color--boell-dark-green #edit-preview:focus-visible {
  background: #3b6732 !important;
}

.grid-container.color--boell-green .form-submit, .grid-container.color--boell-green #edit-preview {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--boell-green .form-submit:hover, .grid-container.color--boell-green .form-submit:focus-visible, .grid-container.color--boell-green #edit-preview:hover, .grid-container.color--boell-green #edit-preview:focus-visible {
  background: #a3e200;
}

.grid-box.color--boell-green .form-submit, .grid-box.color--boell-green #edit-preview {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--boell-green .form-submit:hover, .grid-box.color--boell-green .form-submit:focus-visible, .grid-box.color--boell-green #edit-preview:hover, .grid-box.color--boell-green #edit-preview:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--boell-orange .form-submit, .grid-container.color--boell-orange #edit-preview {
  background-color: #fd7232;
  color: #333;
}

.grid-container.color--boell-orange .form-submit:hover, .grid-container.color--boell-orange .form-submit:focus-visible, .grid-container.color--boell-orange #edit-preview:hover, .grid-container.color--boell-orange #edit-preview:focus-visible {
  background: #fd834b;
}

.grid-box.color--boell-orange .form-submit, .grid-box.color--boell-orange #edit-preview {
  background-color: #fd7232 !important;
  color: #333 !important;
}

.grid-box.color--boell-orange .form-submit:hover, .grid-box.color--boell-orange .form-submit:focus-visible, .grid-box.color--boell-orange #edit-preview:hover, .grid-box.color--boell-orange #edit-preview:focus-visible {
  background: #fd834b !important;
}

.grid-container.color--boell-red .form-submit, .grid-container.color--boell-red #edit-preview {
  background-color: #cc0000;
  color: white !important;
}

.grid-container.color--boell-red .form-submit:hover, .grid-container.color--boell-red .form-submit:focus-visible, .grid-container.color--boell-red #edit-preview:hover, .grid-container.color--boell-red #edit-preview:focus-visible {
  background: #b30000;
}

.grid-box.color--boell-red .form-submit, .grid-box.color--boell-red #edit-preview {
  background-color: #cc0000 !important;
  color: white !important;
}

.grid-box.color--boell-red .form-submit:hover, .grid-box.color--boell-red .form-submit:focus-visible, .grid-box.color--boell-red #edit-preview:hover, .grid-box.color--boell-red #edit-preview:focus-visible {
  background: #b30000 !important;
}

.grid-container.color--boell-turquoise .form-submit, .grid-container.color--boell-turquoise #edit-preview {
  background-color: #008599;
  color: white !important;
}

.grid-container.color--boell-turquoise .form-submit:hover, .grid-container.color--boell-turquoise .form-submit:focus-visible, .grid-container.color--boell-turquoise #edit-preview:hover, .grid-container.color--boell-turquoise #edit-preview:focus-visible {
  background: #006f80;
}

.grid-box.color--boell-turquoise .form-submit, .grid-box.color--boell-turquoise #edit-preview {
  background-color: #008599 !important;
  color: white !important;
}

.grid-box.color--boell-turquoise .form-submit:hover, .grid-box.color--boell-turquoise .form-submit:focus-visible, .grid-box.color--boell-turquoise #edit-preview:hover, .grid-box.color--boell-turquoise #edit-preview:focus-visible {
  background: #006f80 !important;
}

.grid-container.color--boell-gray .form-submit, .grid-container.color--boell-gray #edit-preview {
  background-color: #e2e2e2;
  color: #333;
}

.grid-container.color--boell-gray .form-submit:hover, .grid-container.color--boell-gray .form-submit:focus-visible, .grid-container.color--boell-gray #edit-preview:hover, .grid-container.color--boell-gray #edit-preview:focus-visible {
  background: #efefef;
}

.grid-box.color--boell-gray .form-submit, .grid-box.color--boell-gray #edit-preview {
  background-color: #e2e2e2 !important;
  color: #333 !important;
}

.grid-box.color--boell-gray .form-submit:hover, .grid-box.color--boell-gray .form-submit:focus-visible, .grid-box.color--boell-gray #edit-preview:hover, .grid-box.color--boell-gray #edit-preview:focus-visible {
  background: #efefef !important;
}

.grid-container.color--boell-yellow .form-submit, .grid-container.color--boell-yellow #edit-preview {
  background-color: #fac32f;
  color: #333;
}

.grid-container.color--boell-yellow .form-submit:hover, .grid-container.color--boell-yellow .form-submit:focus-visible, .grid-container.color--boell-yellow #edit-preview:hover, .grid-container.color--boell-yellow #edit-preview:focus-visible {
  background: #fbca48;
}

.grid-box.color--boell-yellow .form-submit, .grid-box.color--boell-yellow #edit-preview {
  background-color: #fac32f !important;
  color: #333 !important;
}

.grid-box.color--boell-yellow .form-submit:hover, .grid-box.color--boell-yellow .form-submit:focus-visible, .grid-box.color--boell-yellow #edit-preview:hover, .grid-box.color--boell-yellow #edit-preview:focus-visible {
  background: #fbca48 !important;
}

.grid-container.color--brandenburg-blue .form-submit, .grid-container.color--brandenburg-blue #edit-preview {
  background-color: #0064a7;
  color: white !important;
}

.grid-container.color--brandenburg-blue .form-submit:hover, .grid-container.color--brandenburg-blue .form-submit:focus-visible, .grid-container.color--brandenburg-blue #edit-preview:hover, .grid-container.color--brandenburg-blue #edit-preview:focus-visible {
  background: #00558e;
}

.grid-box.color--brandenburg-blue .form-submit, .grid-box.color--brandenburg-blue #edit-preview {
  background-color: #0064a7 !important;
  color: white !important;
}

.grid-box.color--brandenburg-blue .form-submit:hover, .grid-box.color--brandenburg-blue .form-submit:focus-visible, .grid-box.color--brandenburg-blue #edit-preview:hover, .grid-box.color--brandenburg-blue #edit-preview:focus-visible {
  background: #00558e !important;
}

.grid-container.color--brandenburg-green .form-submit, .grid-container.color--brandenburg-green #edit-preview {
  background-color: #95bb2e;
  color: #333;
}

.grid-container.color--brandenburg-green .form-submit:hover, .grid-container.color--brandenburg-green .form-submit:focus-visible, .grid-container.color--brandenburg-green #edit-preview:hover, .grid-container.color--brandenburg-green #edit-preview:focus-visible {
  background: #a4cd35;
}

.grid-box.color--brandenburg-green .form-submit, .grid-box.color--brandenburg-green #edit-preview {
  background-color: #95bb2e !important;
  color: #333 !important;
}

.grid-box.color--brandenburg-green .form-submit:hover, .grid-box.color--brandenburg-green .form-submit:focus-visible, .grid-box.color--brandenburg-green #edit-preview:hover, .grid-box.color--brandenburg-green #edit-preview:focus-visible {
  background: #a4cd35 !important;
}

.grid-container.color--brandenburg-orange .form-submit, .grid-container.color--brandenburg-orange #edit-preview {
  background-color: #f8ad14;
  color: #333;
}

.grid-container.color--brandenburg-orange .form-submit:hover, .grid-container.color--brandenburg-orange .form-submit:focus-visible, .grid-container.color--brandenburg-orange #edit-preview:hover, .grid-container.color--brandenburg-orange #edit-preview:focus-visible {
  background: #f9b62d;
}

.grid-box.color--brandenburg-orange .form-submit, .grid-box.color--brandenburg-orange #edit-preview {
  background-color: #f8ad14 !important;
  color: #333 !important;
}

.grid-box.color--brandenburg-orange .form-submit:hover, .grid-box.color--brandenburg-orange .form-submit:focus-visible, .grid-box.color--brandenburg-orange #edit-preview:hover, .grid-box.color--brandenburg-orange #edit-preview:focus-visible {
  background: #f9b62d !important;
}

.grid-container.color--brandenburg-red .form-submit, .grid-container.color--brandenburg-red #edit-preview {
  background-color: #e02d34;
  color: #333;
}

.grid-container.color--brandenburg-red .form-submit:hover, .grid-container.color--brandenburg-red .form-submit:focus-visible, .grid-container.color--brandenburg-red #edit-preview:hover, .grid-container.color--brandenburg-red #edit-preview:focus-visible {
  background: #e34349;
}

.grid-box.color--brandenburg-red .form-submit, .grid-box.color--brandenburg-red #edit-preview {
  background-color: #e02d34 !important;
  color: #333 !important;
}

.grid-box.color--brandenburg-red .form-submit:hover, .grid-box.color--brandenburg-red .form-submit:focus-visible, .grid-box.color--brandenburg-red #edit-preview:hover, .grid-box.color--brandenburg-red #edit-preview:focus-visible {
  background: #e34349 !important;
}

.grid-container.color--greencampus-green .form-submit, .grid-container.color--greencampus-green #edit-preview {
  background-color: #6bb232;
  color: #333;
}

.grid-container.color--greencampus-green .form-submit:hover, .grid-container.color--greencampus-green .form-submit:focus-visible, .grid-container.color--greencampus-green #edit-preview:hover, .grid-container.color--greencampus-green #edit-preview:focus-visible {
  background: #77c638;
}

.grid-box.color--greencampus-green .form-submit, .grid-box.color--greencampus-green #edit-preview {
  background-color: #6bb232 !important;
  color: #333 !important;
}

.grid-box.color--greencampus-green .form-submit:hover, .grid-box.color--greencampus-green .form-submit:focus-visible, .grid-box.color--greencampus-green #edit-preview:hover, .grid-box.color--greencampus-green #edit-preview:focus-visible {
  background: #77c638 !important;
}

.grid-container.color--gwi-red .form-submit, .grid-container.color--gwi-red #edit-preview {
  background-color: #E70457;
  color: white !important;
}

.grid-container.color--gwi-red .form-submit:hover, .grid-container.color--gwi-red .form-submit:focus-visible, .grid-container.color--gwi-red #edit-preview:hover, .grid-container.color--gwi-red #edit-preview:focus-visible {
  background: #ce044e;
}

.grid-box.color--gwi-red .form-submit, .grid-box.color--gwi-red #edit-preview {
  background-color: #E70457 !important;
  color: white !important;
}

.grid-box.color--gwi-red .form-submit:hover, .grid-box.color--gwi-red .form-submit:focus-visible, .grid-box.color--gwi-red #edit-preview:hover, .grid-box.color--gwi-red #edit-preview:focus-visible {
  background: #ce044e !important;
}

.grid-container.color--gwi-turquoise .form-submit, .grid-container.color--gwi-turquoise #edit-preview {
  background-color: #3a9192;
  color: white !important;
}

.grid-container.color--gwi-turquoise .form-submit:hover, .grid-container.color--gwi-turquoise .form-submit:focus-visible, .grid-container.color--gwi-turquoise #edit-preview:hover, .grid-container.color--gwi-turquoise #edit-preview:focus-visible {
  background: #337f80;
}

.grid-box.color--gwi-turquoise .form-submit, .grid-box.color--gwi-turquoise #edit-preview {
  background-color: #3a9192 !important;
  color: white !important;
}

.grid-box.color--gwi-turquoise .form-submit:hover, .grid-box.color--gwi-turquoise .form-submit:focus-visible, .grid-box.color--gwi-turquoise #edit-preview:hover, .grid-box.color--gwi-turquoise #edit-preview:focus-visible {
  background: #337f80 !important;
}

.grid-container.color--infohub-plastic .form-submit, .grid-container.color--infohub-plastic #edit-preview {
  background-color: #3B49BC;
  color: white !important;
}

.grid-container.color--infohub-plastic .form-submit:hover, .grid-container.color--infohub-plastic .form-submit:focus-visible, .grid-container.color--infohub-plastic #edit-preview:hover, .grid-container.color--infohub-plastic #edit-preview:focus-visible {
  background: #3541a9;
}

.grid-box.color--infohub-plastic .form-submit, .grid-box.color--infohub-plastic #edit-preview {
  background-color: #3B49BC !important;
  color: white !important;
}

.grid-box.color--infohub-plastic .form-submit:hover, .grid-box.color--infohub-plastic .form-submit:focus-visible, .grid-box.color--infohub-plastic #edit-preview:hover, .grid-box.color--infohub-plastic #edit-preview:focus-visible {
  background: #3541a9 !important;
}

.grid-container.color--international-green .form-submit, .grid-container.color--international-green #edit-preview {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--international-green .form-submit:hover, .grid-container.color--international-green .form-submit:focus-visible, .grid-container.color--international-green #edit-preview:hover, .grid-container.color--international-green #edit-preview:focus-visible {
  background: #a3e200;
}

.grid-box.color--international-green .form-submit, .grid-box.color--international-green #edit-preview {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--international-green .form-submit:hover, .grid-box.color--international-green .form-submit:focus-visible, .grid-box.color--international-green #edit-preview:hover, .grid-box.color--international-green #edit-preview:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--international-orange .form-submit, .grid-container.color--international-orange #edit-preview {
  background-color: #fd7232;
  color: #333;
}

.grid-container.color--international-orange .form-submit:hover, .grid-container.color--international-orange .form-submit:focus-visible, .grid-container.color--international-orange #edit-preview:hover, .grid-container.color--international-orange #edit-preview:focus-visible {
  background: #fd834b;
}

.grid-box.color--international-orange .form-submit, .grid-box.color--international-orange #edit-preview {
  background-color: #fd7232 !important;
  color: #333 !important;
}

.grid-box.color--international-orange .form-submit:hover, .grid-box.color--international-orange .form-submit:focus-visible, .grid-box.color--international-orange #edit-preview:hover, .grid-box.color--international-orange #edit-preview:focus-visible {
  background: #fd834b !important;
}

.grid-container.color--international-turquoise .form-submit, .grid-container.color--international-turquoise #edit-preview {
  background-color: #008599;
  color: #333;
}

.grid-container.color--international-turquoise .form-submit:hover, .grid-container.color--international-turquoise .form-submit:focus-visible, .grid-container.color--international-turquoise #edit-preview:hover, .grid-container.color--international-turquoise #edit-preview:focus-visible {
  background: #009bb3;
}

.grid-box.color--international-turquoise .form-submit, .grid-box.color--international-turquoise #edit-preview {
  background-color: #008599 !important;
  color: #333 !important;
}

.grid-box.color--international-turquoise .form-submit:hover, .grid-box.color--international-turquoise .form-submit:focus-visible, .grid-box.color--international-turquoise #edit-preview:hover, .grid-box.color--international-turquoise #edit-preview:focus-visible {
  background: #009bb3 !important;
}

.grid-container.color--mid-green .form-submit, .grid-container.color--mid-green #edit-preview {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--mid-green .form-submit:hover, .grid-container.color--mid-green .form-submit:focus-visible, .grid-container.color--mid-green #edit-preview:hover, .grid-container.color--mid-green #edit-preview:focus-visible {
  background: #a3e200;
}

.grid-box.color--mid-green .form-submit, .grid-box.color--mid-green #edit-preview {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--mid-green .form-submit:hover, .grid-box.color--mid-green .form-submit:focus-visible, .grid-box.color--mid-green #edit-preview:hover, .grid-box.color--mid-green #edit-preview:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--mid-orange .form-submit, .grid-container.color--mid-orange #edit-preview {
  background-color: #fd7232;
  color: #333;
}

.grid-container.color--mid-orange .form-submit:hover, .grid-container.color--mid-orange .form-submit:focus-visible, .grid-container.color--mid-orange #edit-preview:hover, .grid-container.color--mid-orange #edit-preview:focus-visible {
  background: #fd834b;
}

.grid-box.color--mid-orange .form-submit, .grid-box.color--mid-orange #edit-preview {
  background-color: #fd7232 !important;
  color: #333 !important;
}

.grid-box.color--mid-orange .form-submit:hover, .grid-box.color--mid-orange .form-submit:focus-visible, .grid-box.color--mid-orange #edit-preview:hover, .grid-box.color--mid-orange #edit-preview:focus-visible {
  background: #fd834b !important;
}

.grid-container.color--mid-pink .form-submit, .grid-container.color--mid-pink #edit-preview {
  background-color: #e075ac;
  color: #333;
}

.grid-container.color--mid-pink .form-submit:hover, .grid-container.color--mid-pink .form-submit:focus-visible, .grid-container.color--mid-pink #edit-preview:hover, .grid-container.color--mid-pink #edit-preview:focus-visible {
  background: #e58ab9;
}

.grid-box.color--mid-pink .form-submit, .grid-box.color--mid-pink #edit-preview {
  background-color: #e075ac !important;
  color: #333 !important;
}

.grid-box.color--mid-pink .form-submit:hover, .grid-box.color--mid-pink .form-submit:focus-visible, .grid-box.color--mid-pink #edit-preview:hover, .grid-box.color--mid-pink #edit-preview:focus-visible {
  background: #e58ab9 !important;
}

.grid-container.color--mid-red .form-submit, .grid-container.color--mid-red #edit-preview {
  background-color: #cc0000;
  color: #333;
}

.grid-container.color--mid-red .form-submit:hover, .grid-container.color--mid-red .form-submit:focus-visible, .grid-container.color--mid-red #edit-preview:hover, .grid-container.color--mid-red #edit-preview:focus-visible {
  background: #e60000;
}

.grid-box.color--mid-red .form-submit, .grid-box.color--mid-red #edit-preview {
  background-color: #cc0000 !important;
  color: #333 !important;
}

.grid-box.color--mid-red .form-submit:hover, .grid-box.color--mid-red .form-submit:focus-visible, .grid-box.color--mid-red #edit-preview:hover, .grid-box.color--mid-red #edit-preview:focus-visible {
  background: #e60000 !important;
}

.grid-container.color--mid-turquoise .form-submit, .grid-container.color--mid-turquoise #edit-preview {
  background-color: #66cbcc;
  color: #333;
}

.grid-container.color--mid-turquoise .form-submit:hover, .grid-container.color--mid-turquoise .form-submit:focus-visible, .grid-container.color--mid-turquoise #edit-preview:hover, .grid-container.color--mid-turquoise #edit-preview:focus-visible {
  background: #79d2d2;
}

.grid-box.color--mid-turquoise .form-submit, .grid-box.color--mid-turquoise #edit-preview {
  background-color: #66cbcc !important;
  color: #333 !important;
}

.grid-box.color--mid-turquoise .form-submit:hover, .grid-box.color--mid-turquoise .form-submit:focus-visible, .grid-box.color--mid-turquoise #edit-preview:hover, .grid-box.color--mid-turquoise #edit-preview:focus-visible {
  background: #79d2d2 !important;
}

.grid-container.color--mid-yellow .form-submit, .grid-container.color--mid-yellow #edit-preview {
  background-color: #fac32f;
  color: #333;
}

.grid-container.color--mid-yellow .form-submit:hover, .grid-container.color--mid-yellow .form-submit:focus-visible, .grid-container.color--mid-yellow #edit-preview:hover, .grid-container.color--mid-yellow #edit-preview:focus-visible {
  background: #fbca48;
}

.grid-box.color--mid-yellow .form-submit, .grid-box.color--mid-yellow #edit-preview {
  background-color: #fac32f !important;
  color: #333 !important;
}

.grid-box.color--mid-yellow .form-submit:hover, .grid-box.color--mid-yellow .form-submit:focus-visible, .grid-box.color--mid-yellow #edit-preview:hover, .grid-box.color--mid-yellow #edit-preview:focus-visible {
  background: #fbca48 !important;
}

.grid-container.color--myanmar-fonts .form-submit, .grid-container.color--myanmar-fonts #edit-preview {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--myanmar-fonts .form-submit:hover, .grid-container.color--myanmar-fonts .form-submit:focus-visible, .grid-container.color--myanmar-fonts #edit-preview:hover, .grid-container.color--myanmar-fonts #edit-preview:focus-visible {
  background: #a3e200;
}

.grid-box.color--myanmar-fonts .form-submit, .grid-box.color--myanmar-fonts #edit-preview {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--myanmar-fonts .form-submit:hover, .grid-box.color--myanmar-fonts .form-submit:focus-visible, .grid-box.color--myanmar-fonts #edit-preview:hover, .grid-box.color--myanmar-fonts #edit-preview:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--petrakelly-blue .form-submit, .grid-container.color--petrakelly-blue #edit-preview {
  background-color: #2c4081;
  color: white !important;
}

.grid-container.color--petrakelly-blue .form-submit:hover, .grid-container.color--petrakelly-blue .form-submit:focus-visible, .grid-container.color--petrakelly-blue #edit-preview:hover, .grid-container.color--petrakelly-blue #edit-preview:focus-visible {
  background: #26376e;
}

.grid-box.color--petrakelly-blue .form-submit, .grid-box.color--petrakelly-blue #edit-preview {
  background-color: #2c4081 !important;
  color: white !important;
}

.grid-box.color--petrakelly-blue .form-submit:hover, .grid-box.color--petrakelly-blue .form-submit:focus-visible, .grid-box.color--petrakelly-blue #edit-preview:hover, .grid-box.color--petrakelly-blue #edit-preview:focus-visible {
  background: #26376e !important;
}

.grid-container.color--petrakelly-green .form-submit, .grid-container.color--petrakelly-green #edit-preview {
  background-color: #008445;
  color: #333;
}

.grid-container.color--petrakelly-green .form-submit:hover, .grid-container.color--petrakelly-green .form-submit:focus-visible, .grid-container.color--petrakelly-green #edit-preview:hover, .grid-container.color--petrakelly-green #edit-preview:focus-visible {
  background: #009e52;
}

.grid-box.color--petrakelly-green .form-submit, .grid-box.color--petrakelly-green #edit-preview {
  background-color: #008445 !important;
  color: #333 !important;
}

.grid-box.color--petrakelly-green .form-submit:hover, .grid-box.color--petrakelly-green .form-submit:focus-visible, .grid-box.color--petrakelly-green #edit-preview:hover, .grid-box.color--petrakelly-green #edit-preview:focus-visible {
  background: #009e52 !important;
}

.grid-container.color--petrakelly-red .form-submit, .grid-container.color--petrakelly-red #edit-preview {
  background-color: #cb322d;
  color: #333;
}

.grid-container.color--petrakelly-red .form-submit:hover, .grid-container.color--petrakelly-red .form-submit:focus-visible, .grid-container.color--petrakelly-red #edit-preview:hover, .grid-container.color--petrakelly-red #edit-preview:focus-visible {
  background: #d4423d;
}

.grid-box.color--petrakelly-red .form-submit, .grid-box.color--petrakelly-red #edit-preview {
  background-color: #cb322d !important;
  color: #333 !important;
}

.grid-box.color--petrakelly-red .form-submit:hover, .grid-box.color--petrakelly-red .form-submit:focus-visible, .grid-box.color--petrakelly-red #edit-preview:hover, .grid-box.color--petrakelly-red #edit-preview:focus-visible {
  background: #d4423d !important;
}

.grid-container.color--state-blue .form-submit, .grid-container.color--state-blue #edit-preview {
  background-color: #0e307f;
  color: white !important;
}

.grid-container.color--state-blue .form-submit:hover, .grid-container.color--state-blue .form-submit:focus-visible, .grid-container.color--state-blue #edit-preview:hover, .grid-container.color--state-blue #edit-preview:focus-visible {
  background: #0b2768;
}

.grid-box.color--state-blue .form-submit, .grid-box.color--state-blue #edit-preview {
  background-color: #0e307f !important;
  color: white !important;
}

.grid-box.color--state-blue .form-submit:hover, .grid-box.color--state-blue .form-submit:focus-visible, .grid-box.color--state-blue #edit-preview:hover, .grid-box.color--state-blue #edit-preview:focus-visible {
  background: #0b2768 !important;
}

.grid-container.color--state-green .form-submit, .grid-container.color--state-green #edit-preview {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--state-green .form-submit:hover, .grid-container.color--state-green .form-submit:focus-visible, .grid-container.color--state-green #edit-preview:hover, .grid-container.color--state-green #edit-preview:focus-visible {
  background: #a3e200;
}

.grid-box.color--state-green .form-submit, .grid-box.color--state-green #edit-preview {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--state-green .form-submit:hover, .grid-box.color--state-green .form-submit:focus-visible, .grid-box.color--state-green #edit-preview:hover, .grid-box.color--state-green #edit-preview:focus-visible {
  background: #a3e200 !important;
}

.button-product {
  text-decoration: none;
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.3;
  text-decoration: none;
  display: inline-block;
  padding: 10px 15px 7px;
  background-color: #e2e2e2;
  cursor: pointer;
  font-weight: 600;
  margin: 7px 7px 0 0;
  border: 0;
  -webkit-transition:background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.25rem;
}

.button-product:hover, .button-product:focus-visible, .button-product:active {
  background: #eaeaea;
}

.button-product.add-to-cart {
  display: inline-block;
  text-decoration: none;
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.3;
  text-decoration: none;
  -webkit-padding-before: 12px;
          padding-block-start: 12px;
  -webkit-padding-after: 10px;
          padding-block-end: 10px;
  padding-inline: 15px;
  cursor: pointer;
  font-weight: 700;
  -webkit-transition:background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  font-size: 1rem;
  line-height: 1;
  background-color: #91c800;
  color: #333;
  padding: 10px 15px 7px;
  font-weight: 700;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.button-product.add-to-cart:hover, .button-product.add-to-cart:focus-visible {
  background: #a3e200;
}

.grid-container.color--bildungswerk-blue .button-product.add-to-cart {
  background-color: #203c89;
  color: #333;
}

.grid-container.color--bildungswerk-blue .button-product.add-to-cart:hover, .grid-container.color--bildungswerk-blue .button-product.add-to-cart:focus-visible {
  background: #25459e;
}

.grid-box.color--bildungswerk-blue .button-product.add-to-cart {
  background-color: #203c89 !important;
  color: #333 !important;
}

.grid-box.color--bildungswerk-blue .button-product.add-to-cart:hover, .grid-box.color--bildungswerk-blue .button-product.add-to-cart:focus-visible {
  background: #25459e !important;
}

.grid-container.color--bildungswerk-green .button-product.add-to-cart {
  background-color: #198632;
  color: #333;
}

.grid-container.color--bildungswerk-green .button-product.add-to-cart:hover, .grid-container.color--bildungswerk-green .button-product.add-to-cart:focus-visible {
  background: #1d9b3a;
}

.grid-box.color--bildungswerk-green .button-product.add-to-cart {
  background-color: #198632 !important;
  color: #333 !important;
}

.grid-box.color--bildungswerk-green .button-product.add-to-cart:hover, .grid-box.color--bildungswerk-green .button-product.add-to-cart:focus-visible {
  background: #1d9b3a !important;
}

.grid-container.color--boell-blue .button-product.add-to-cart {
  background-color: #0e307f;
  color: white !important;
}

.grid-container.color--boell-blue .button-product.add-to-cart:hover, .grid-container.color--boell-blue .button-product.add-to-cart:focus-visible {
  background: #0b2768;
}

.grid-box.color--boell-blue .button-product.add-to-cart {
  background-color: #0e307f !important;
  color: white !important;
}

.grid-box.color--boell-blue .button-product.add-to-cart:hover, .grid-box.color--boell-blue .button-product.add-to-cart:focus-visible {
  background: #0b2768 !important;
}

.grid-container.color--boell-dark-green .button-product.add-to-cart {
  background-color: #45783a;
  color: white !important;
}

.grid-container.color--boell-dark-green .button-product.add-to-cart:hover, .grid-container.color--boell-dark-green .button-product.add-to-cart:focus-visible {
  background: #3b6732;
}

.grid-box.color--boell-dark-green .button-product.add-to-cart {
  background-color: #45783a !important;
  color: white !important;
}

.grid-box.color--boell-dark-green .button-product.add-to-cart:hover, .grid-box.color--boell-dark-green .button-product.add-to-cart:focus-visible {
  background: #3b6732 !important;
}

.grid-container.color--boell-green .button-product.add-to-cart {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--boell-green .button-product.add-to-cart:hover, .grid-container.color--boell-green .button-product.add-to-cart:focus-visible {
  background: #a3e200;
}

.grid-box.color--boell-green .button-product.add-to-cart {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--boell-green .button-product.add-to-cart:hover, .grid-box.color--boell-green .button-product.add-to-cart:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--boell-orange .button-product.add-to-cart {
  background-color: #fd7232;
  color: #333;
}

.grid-container.color--boell-orange .button-product.add-to-cart:hover, .grid-container.color--boell-orange .button-product.add-to-cart:focus-visible {
  background: #fd834b;
}

.grid-box.color--boell-orange .button-product.add-to-cart {
  background-color: #fd7232 !important;
  color: #333 !important;
}

.grid-box.color--boell-orange .button-product.add-to-cart:hover, .grid-box.color--boell-orange .button-product.add-to-cart:focus-visible {
  background: #fd834b !important;
}

.grid-container.color--boell-red .button-product.add-to-cart {
  background-color: #cc0000;
  color: white !important;
}

.grid-container.color--boell-red .button-product.add-to-cart:hover, .grid-container.color--boell-red .button-product.add-to-cart:focus-visible {
  background: #b30000;
}

.grid-box.color--boell-red .button-product.add-to-cart {
  background-color: #cc0000 !important;
  color: white !important;
}

.grid-box.color--boell-red .button-product.add-to-cart:hover, .grid-box.color--boell-red .button-product.add-to-cart:focus-visible {
  background: #b30000 !important;
}

.grid-container.color--boell-turquoise .button-product.add-to-cart {
  background-color: #008599;
  color: white !important;
}

.grid-container.color--boell-turquoise .button-product.add-to-cart:hover, .grid-container.color--boell-turquoise .button-product.add-to-cart:focus-visible {
  background: #006f80;
}

.grid-box.color--boell-turquoise .button-product.add-to-cart {
  background-color: #008599 !important;
  color: white !important;
}

.grid-box.color--boell-turquoise .button-product.add-to-cart:hover, .grid-box.color--boell-turquoise .button-product.add-to-cart:focus-visible {
  background: #006f80 !important;
}

.grid-container.color--boell-gray .button-product.add-to-cart {
  background-color: #e2e2e2;
  color: #333;
}

.grid-container.color--boell-gray .button-product.add-to-cart:hover, .grid-container.color--boell-gray .button-product.add-to-cart:focus-visible {
  background: #efefef;
}

.grid-box.color--boell-gray .button-product.add-to-cart {
  background-color: #e2e2e2 !important;
  color: #333 !important;
}

.grid-box.color--boell-gray .button-product.add-to-cart:hover, .grid-box.color--boell-gray .button-product.add-to-cart:focus-visible {
  background: #efefef !important;
}

.grid-container.color--boell-yellow .button-product.add-to-cart {
  background-color: #fac32f;
  color: #333;
}

.grid-container.color--boell-yellow .button-product.add-to-cart:hover, .grid-container.color--boell-yellow .button-product.add-to-cart:focus-visible {
  background: #fbca48;
}

.grid-box.color--boell-yellow .button-product.add-to-cart {
  background-color: #fac32f !important;
  color: #333 !important;
}

.grid-box.color--boell-yellow .button-product.add-to-cart:hover, .grid-box.color--boell-yellow .button-product.add-to-cart:focus-visible {
  background: #fbca48 !important;
}

.grid-container.color--brandenburg-blue .button-product.add-to-cart {
  background-color: #0064a7;
  color: white !important;
}

.grid-container.color--brandenburg-blue .button-product.add-to-cart:hover, .grid-container.color--brandenburg-blue .button-product.add-to-cart:focus-visible {
  background: #00558e;
}

.grid-box.color--brandenburg-blue .button-product.add-to-cart {
  background-color: #0064a7 !important;
  color: white !important;
}

.grid-box.color--brandenburg-blue .button-product.add-to-cart:hover, .grid-box.color--brandenburg-blue .button-product.add-to-cart:focus-visible {
  background: #00558e !important;
}

.grid-container.color--brandenburg-green .button-product.add-to-cart {
  background-color: #95bb2e;
  color: #333;
}

.grid-container.color--brandenburg-green .button-product.add-to-cart:hover, .grid-container.color--brandenburg-green .button-product.add-to-cart:focus-visible {
  background: #a4cd35;
}

.grid-box.color--brandenburg-green .button-product.add-to-cart {
  background-color: #95bb2e !important;
  color: #333 !important;
}

.grid-box.color--brandenburg-green .button-product.add-to-cart:hover, .grid-box.color--brandenburg-green .button-product.add-to-cart:focus-visible {
  background: #a4cd35 !important;
}

.grid-container.color--brandenburg-orange .button-product.add-to-cart {
  background-color: #f8ad14;
  color: #333;
}

.grid-container.color--brandenburg-orange .button-product.add-to-cart:hover, .grid-container.color--brandenburg-orange .button-product.add-to-cart:focus-visible {
  background: #f9b62d;
}

.grid-box.color--brandenburg-orange .button-product.add-to-cart {
  background-color: #f8ad14 !important;
  color: #333 !important;
}

.grid-box.color--brandenburg-orange .button-product.add-to-cart:hover, .grid-box.color--brandenburg-orange .button-product.add-to-cart:focus-visible {
  background: #f9b62d !important;
}

.grid-container.color--brandenburg-red .button-product.add-to-cart {
  background-color: #e02d34;
  color: #333;
}

.grid-container.color--brandenburg-red .button-product.add-to-cart:hover, .grid-container.color--brandenburg-red .button-product.add-to-cart:focus-visible {
  background: #e34349;
}

.grid-box.color--brandenburg-red .button-product.add-to-cart {
  background-color: #e02d34 !important;
  color: #333 !important;
}

.grid-box.color--brandenburg-red .button-product.add-to-cart:hover, .grid-box.color--brandenburg-red .button-product.add-to-cart:focus-visible {
  background: #e34349 !important;
}

.grid-container.color--greencampus-green .button-product.add-to-cart {
  background-color: #6bb232;
  color: #333;
}

.grid-container.color--greencampus-green .button-product.add-to-cart:hover, .grid-container.color--greencampus-green .button-product.add-to-cart:focus-visible {
  background: #77c638;
}

.grid-box.color--greencampus-green .button-product.add-to-cart {
  background-color: #6bb232 !important;
  color: #333 !important;
}

.grid-box.color--greencampus-green .button-product.add-to-cart:hover, .grid-box.color--greencampus-green .button-product.add-to-cart:focus-visible {
  background: #77c638 !important;
}

.grid-container.color--gwi-red .button-product.add-to-cart {
  background-color: #E70457;
  color: white !important;
}

.grid-container.color--gwi-red .button-product.add-to-cart:hover, .grid-container.color--gwi-red .button-product.add-to-cart:focus-visible {
  background: #ce044e;
}

.grid-box.color--gwi-red .button-product.add-to-cart {
  background-color: #E70457 !important;
  color: white !important;
}

.grid-box.color--gwi-red .button-product.add-to-cart:hover, .grid-box.color--gwi-red .button-product.add-to-cart:focus-visible {
  background: #ce044e !important;
}

.grid-container.color--gwi-turquoise .button-product.add-to-cart {
  background-color: #3a9192;
  color: white !important;
}

.grid-container.color--gwi-turquoise .button-product.add-to-cart:hover, .grid-container.color--gwi-turquoise .button-product.add-to-cart:focus-visible {
  background: #337f80;
}

.grid-box.color--gwi-turquoise .button-product.add-to-cart {
  background-color: #3a9192 !important;
  color: white !important;
}

.grid-box.color--gwi-turquoise .button-product.add-to-cart:hover, .grid-box.color--gwi-turquoise .button-product.add-to-cart:focus-visible {
  background: #337f80 !important;
}

.grid-container.color--infohub-plastic .button-product.add-to-cart {
  background-color: #3B49BC;
  color: white !important;
}

.grid-container.color--infohub-plastic .button-product.add-to-cart:hover, .grid-container.color--infohub-plastic .button-product.add-to-cart:focus-visible {
  background: #3541a9;
}

.grid-box.color--infohub-plastic .button-product.add-to-cart {
  background-color: #3B49BC !important;
  color: white !important;
}

.grid-box.color--infohub-plastic .button-product.add-to-cart:hover, .grid-box.color--infohub-plastic .button-product.add-to-cart:focus-visible {
  background: #3541a9 !important;
}

.grid-container.color--international-green .button-product.add-to-cart {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--international-green .button-product.add-to-cart:hover, .grid-container.color--international-green .button-product.add-to-cart:focus-visible {
  background: #a3e200;
}

.grid-box.color--international-green .button-product.add-to-cart {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--international-green .button-product.add-to-cart:hover, .grid-box.color--international-green .button-product.add-to-cart:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--international-orange .button-product.add-to-cart {
  background-color: #fd7232;
  color: #333;
}

.grid-container.color--international-orange .button-product.add-to-cart:hover, .grid-container.color--international-orange .button-product.add-to-cart:focus-visible {
  background: #fd834b;
}

.grid-box.color--international-orange .button-product.add-to-cart {
  background-color: #fd7232 !important;
  color: #333 !important;
}

.grid-box.color--international-orange .button-product.add-to-cart:hover, .grid-box.color--international-orange .button-product.add-to-cart:focus-visible {
  background: #fd834b !important;
}

.grid-container.color--international-turquoise .button-product.add-to-cart {
  background-color: #008599;
  color: #333;
}

.grid-container.color--international-turquoise .button-product.add-to-cart:hover, .grid-container.color--international-turquoise .button-product.add-to-cart:focus-visible {
  background: #009bb3;
}

.grid-box.color--international-turquoise .button-product.add-to-cart {
  background-color: #008599 !important;
  color: #333 !important;
}

.grid-box.color--international-turquoise .button-product.add-to-cart:hover, .grid-box.color--international-turquoise .button-product.add-to-cart:focus-visible {
  background: #009bb3 !important;
}

.grid-container.color--mid-green .button-product.add-to-cart {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--mid-green .button-product.add-to-cart:hover, .grid-container.color--mid-green .button-product.add-to-cart:focus-visible {
  background: #a3e200;
}

.grid-box.color--mid-green .button-product.add-to-cart {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--mid-green .button-product.add-to-cart:hover, .grid-box.color--mid-green .button-product.add-to-cart:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--mid-orange .button-product.add-to-cart {
  background-color: #fd7232;
  color: #333;
}

.grid-container.color--mid-orange .button-product.add-to-cart:hover, .grid-container.color--mid-orange .button-product.add-to-cart:focus-visible {
  background: #fd834b;
}

.grid-box.color--mid-orange .button-product.add-to-cart {
  background-color: #fd7232 !important;
  color: #333 !important;
}

.grid-box.color--mid-orange .button-product.add-to-cart:hover, .grid-box.color--mid-orange .button-product.add-to-cart:focus-visible {
  background: #fd834b !important;
}

.grid-container.color--mid-pink .button-product.add-to-cart {
  background-color: #e075ac;
  color: #333;
}

.grid-container.color--mid-pink .button-product.add-to-cart:hover, .grid-container.color--mid-pink .button-product.add-to-cart:focus-visible {
  background: #e58ab9;
}

.grid-box.color--mid-pink .button-product.add-to-cart {
  background-color: #e075ac !important;
  color: #333 !important;
}

.grid-box.color--mid-pink .button-product.add-to-cart:hover, .grid-box.color--mid-pink .button-product.add-to-cart:focus-visible {
  background: #e58ab9 !important;
}

.grid-container.color--mid-red .button-product.add-to-cart {
  background-color: #cc0000;
  color: #333;
}

.grid-container.color--mid-red .button-product.add-to-cart:hover, .grid-container.color--mid-red .button-product.add-to-cart:focus-visible {
  background: #e60000;
}

.grid-box.color--mid-red .button-product.add-to-cart {
  background-color: #cc0000 !important;
  color: #333 !important;
}

.grid-box.color--mid-red .button-product.add-to-cart:hover, .grid-box.color--mid-red .button-product.add-to-cart:focus-visible {
  background: #e60000 !important;
}

.grid-container.color--mid-turquoise .button-product.add-to-cart {
  background-color: #66cbcc;
  color: #333;
}

.grid-container.color--mid-turquoise .button-product.add-to-cart:hover, .grid-container.color--mid-turquoise .button-product.add-to-cart:focus-visible {
  background: #79d2d2;
}

.grid-box.color--mid-turquoise .button-product.add-to-cart {
  background-color: #66cbcc !important;
  color: #333 !important;
}

.grid-box.color--mid-turquoise .button-product.add-to-cart:hover, .grid-box.color--mid-turquoise .button-product.add-to-cart:focus-visible {
  background: #79d2d2 !important;
}

.grid-container.color--mid-yellow .button-product.add-to-cart {
  background-color: #fac32f;
  color: #333;
}

.grid-container.color--mid-yellow .button-product.add-to-cart:hover, .grid-container.color--mid-yellow .button-product.add-to-cart:focus-visible {
  background: #fbca48;
}

.grid-box.color--mid-yellow .button-product.add-to-cart {
  background-color: #fac32f !important;
  color: #333 !important;
}

.grid-box.color--mid-yellow .button-product.add-to-cart:hover, .grid-box.color--mid-yellow .button-product.add-to-cart:focus-visible {
  background: #fbca48 !important;
}

.grid-container.color--myanmar-fonts .button-product.add-to-cart {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--myanmar-fonts .button-product.add-to-cart:hover, .grid-container.color--myanmar-fonts .button-product.add-to-cart:focus-visible {
  background: #a3e200;
}

.grid-box.color--myanmar-fonts .button-product.add-to-cart {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--myanmar-fonts .button-product.add-to-cart:hover, .grid-box.color--myanmar-fonts .button-product.add-to-cart:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--petrakelly-blue .button-product.add-to-cart {
  background-color: #2c4081;
  color: white !important;
}

.grid-container.color--petrakelly-blue .button-product.add-to-cart:hover, .grid-container.color--petrakelly-blue .button-product.add-to-cart:focus-visible {
  background: #26376e;
}

.grid-box.color--petrakelly-blue .button-product.add-to-cart {
  background-color: #2c4081 !important;
  color: white !important;
}

.grid-box.color--petrakelly-blue .button-product.add-to-cart:hover, .grid-box.color--petrakelly-blue .button-product.add-to-cart:focus-visible {
  background: #26376e !important;
}

.grid-container.color--petrakelly-green .button-product.add-to-cart {
  background-color: #008445;
  color: #333;
}

.grid-container.color--petrakelly-green .button-product.add-to-cart:hover, .grid-container.color--petrakelly-green .button-product.add-to-cart:focus-visible {
  background: #009e52;
}

.grid-box.color--petrakelly-green .button-product.add-to-cart {
  background-color: #008445 !important;
  color: #333 !important;
}

.grid-box.color--petrakelly-green .button-product.add-to-cart:hover, .grid-box.color--petrakelly-green .button-product.add-to-cart:focus-visible {
  background: #009e52 !important;
}

.grid-container.color--petrakelly-red .button-product.add-to-cart {
  background-color: #cb322d;
  color: #333;
}

.grid-container.color--petrakelly-red .button-product.add-to-cart:hover, .grid-container.color--petrakelly-red .button-product.add-to-cart:focus-visible {
  background: #d4423d;
}

.grid-box.color--petrakelly-red .button-product.add-to-cart {
  background-color: #cb322d !important;
  color: #333 !important;
}

.grid-box.color--petrakelly-red .button-product.add-to-cart:hover, .grid-box.color--petrakelly-red .button-product.add-to-cart:focus-visible {
  background: #d4423d !important;
}

.grid-container.color--state-blue .button-product.add-to-cart {
  background-color: #0e307f;
  color: white !important;
}

.grid-container.color--state-blue .button-product.add-to-cart:hover, .grid-container.color--state-blue .button-product.add-to-cart:focus-visible {
  background: #0b2768;
}

.grid-box.color--state-blue .button-product.add-to-cart {
  background-color: #0e307f !important;
  color: white !important;
}

.grid-box.color--state-blue .button-product.add-to-cart:hover, .grid-box.color--state-blue .button-product.add-to-cart:focus-visible {
  background: #0b2768 !important;
}

.grid-container.color--state-green .button-product.add-to-cart {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--state-green .button-product.add-to-cart:hover, .grid-container.color--state-green .button-product.add-to-cart:focus-visible {
  background: #a3e200;
}

.grid-box.color--state-green .button-product.add-to-cart {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--state-green .button-product.add-to-cart:hover, .grid-box.color--state-green .button-product.add-to-cart:focus-visible {
  background: #a3e200 !important;
}

.button-product svg {
  vertical-align: middle;
}

.button-product-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25rem;
}

.button--link-as-button,
.button-infobox {
  display: inline-block;
  text-decoration: none;
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.3;
  text-decoration: none;
  -webkit-padding-before: 12px;
          padding-block-start: 12px;
  -webkit-padding-after: 10px;
          padding-block-end: 10px;
  padding-inline: 15px;
  cursor: pointer;
  font-weight: 700;
  -webkit-transition:background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  font-size: 1rem;
  line-height: 1;
  background-color: #91c800;
  color: #333;
}

.button--link-as-button:hover, .button--link-as-button:focus-visible,
.button-infobox:hover,
.button-infobox:focus-visible {
  background: #a3e200;
}

.grid-container.color--bildungswerk-blue .button--link-as-button, .grid-container.color--bildungswerk-blue .button-infobox {
  background-color: #203c89;
  color: #333;
}

.grid-container.color--bildungswerk-blue .button--link-as-button:hover, .grid-container.color--bildungswerk-blue .button--link-as-button:focus-visible, .grid-container.color--bildungswerk-blue .button-infobox:hover, .grid-container.color--bildungswerk-blue .button-infobox:focus-visible {
  background: #25459e;
}

.grid-box.color--bildungswerk-blue .button--link-as-button, .grid-box.color--bildungswerk-blue .button-infobox {
  background-color: #203c89 !important;
  color: #333 !important;
}

.grid-box.color--bildungswerk-blue .button--link-as-button:hover, .grid-box.color--bildungswerk-blue .button--link-as-button:focus-visible, .grid-box.color--bildungswerk-blue .button-infobox:hover, .grid-box.color--bildungswerk-blue .button-infobox:focus-visible {
  background: #25459e !important;
}

.grid-container.color--bildungswerk-green .button--link-as-button, .grid-container.color--bildungswerk-green .button-infobox {
  background-color: #198632;
  color: #333;
}

.grid-container.color--bildungswerk-green .button--link-as-button:hover, .grid-container.color--bildungswerk-green .button--link-as-button:focus-visible, .grid-container.color--bildungswerk-green .button-infobox:hover, .grid-container.color--bildungswerk-green .button-infobox:focus-visible {
  background: #1d9b3a;
}

.grid-box.color--bildungswerk-green .button--link-as-button, .grid-box.color--bildungswerk-green .button-infobox {
  background-color: #198632 !important;
  color: #333 !important;
}

.grid-box.color--bildungswerk-green .button--link-as-button:hover, .grid-box.color--bildungswerk-green .button--link-as-button:focus-visible, .grid-box.color--bildungswerk-green .button-infobox:hover, .grid-box.color--bildungswerk-green .button-infobox:focus-visible {
  background: #1d9b3a !important;
}

.grid-container.color--boell-blue .button--link-as-button, .grid-container.color--boell-blue .button-infobox {
  background-color: #0e307f;
  color: white !important;
}

.grid-container.color--boell-blue .button--link-as-button:hover, .grid-container.color--boell-blue .button--link-as-button:focus-visible, .grid-container.color--boell-blue .button-infobox:hover, .grid-container.color--boell-blue .button-infobox:focus-visible {
  background: #0b2768;
}

.grid-box.color--boell-blue .button--link-as-button, .grid-box.color--boell-blue .button-infobox {
  background-color: #0e307f !important;
  color: white !important;
}

.grid-box.color--boell-blue .button--link-as-button:hover, .grid-box.color--boell-blue .button--link-as-button:focus-visible, .grid-box.color--boell-blue .button-infobox:hover, .grid-box.color--boell-blue .button-infobox:focus-visible {
  background: #0b2768 !important;
}

.grid-container.color--boell-dark-green .button--link-as-button, .grid-container.color--boell-dark-green .button-infobox {
  background-color: #45783a;
  color: white !important;
}

.grid-container.color--boell-dark-green .button--link-as-button:hover, .grid-container.color--boell-dark-green .button--link-as-button:focus-visible, .grid-container.color--boell-dark-green .button-infobox:hover, .grid-container.color--boell-dark-green .button-infobox:focus-visible {
  background: #3b6732;
}

.grid-box.color--boell-dark-green .button--link-as-button, .grid-box.color--boell-dark-green .button-infobox {
  background-color: #45783a !important;
  color: white !important;
}

.grid-box.color--boell-dark-green .button--link-as-button:hover, .grid-box.color--boell-dark-green .button--link-as-button:focus-visible, .grid-box.color--boell-dark-green .button-infobox:hover, .grid-box.color--boell-dark-green .button-infobox:focus-visible {
  background: #3b6732 !important;
}

.grid-container.color--boell-green .button--link-as-button, .grid-container.color--boell-green .button-infobox {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--boell-green .button--link-as-button:hover, .grid-container.color--boell-green .button--link-as-button:focus-visible, .grid-container.color--boell-green .button-infobox:hover, .grid-container.color--boell-green .button-infobox:focus-visible {
  background: #a3e200;
}

.grid-box.color--boell-green .button--link-as-button, .grid-box.color--boell-green .button-infobox {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--boell-green .button--link-as-button:hover, .grid-box.color--boell-green .button--link-as-button:focus-visible, .grid-box.color--boell-green .button-infobox:hover, .grid-box.color--boell-green .button-infobox:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--boell-orange .button--link-as-button, .grid-container.color--boell-orange .button-infobox {
  background-color: #fd7232;
  color: #333;
}

.grid-container.color--boell-orange .button--link-as-button:hover, .grid-container.color--boell-orange .button--link-as-button:focus-visible, .grid-container.color--boell-orange .button-infobox:hover, .grid-container.color--boell-orange .button-infobox:focus-visible {
  background: #fd834b;
}

.grid-box.color--boell-orange .button--link-as-button, .grid-box.color--boell-orange .button-infobox {
  background-color: #fd7232 !important;
  color: #333 !important;
}

.grid-box.color--boell-orange .button--link-as-button:hover, .grid-box.color--boell-orange .button--link-as-button:focus-visible, .grid-box.color--boell-orange .button-infobox:hover, .grid-box.color--boell-orange .button-infobox:focus-visible {
  background: #fd834b !important;
}

.grid-container.color--boell-red .button--link-as-button, .grid-container.color--boell-red .button-infobox {
  background-color: #cc0000;
  color: white !important;
}

.grid-container.color--boell-red .button--link-as-button:hover, .grid-container.color--boell-red .button--link-as-button:focus-visible, .grid-container.color--boell-red .button-infobox:hover, .grid-container.color--boell-red .button-infobox:focus-visible {
  background: #b30000;
}

.grid-box.color--boell-red .button--link-as-button, .grid-box.color--boell-red .button-infobox {
  background-color: #cc0000 !important;
  color: white !important;
}

.grid-box.color--boell-red .button--link-as-button:hover, .grid-box.color--boell-red .button--link-as-button:focus-visible, .grid-box.color--boell-red .button-infobox:hover, .grid-box.color--boell-red .button-infobox:focus-visible {
  background: #b30000 !important;
}

.grid-container.color--boell-turquoise .button--link-as-button, .grid-container.color--boell-turquoise .button-infobox {
  background-color: #008599;
  color: white !important;
}

.grid-container.color--boell-turquoise .button--link-as-button:hover, .grid-container.color--boell-turquoise .button--link-as-button:focus-visible, .grid-container.color--boell-turquoise .button-infobox:hover, .grid-container.color--boell-turquoise .button-infobox:focus-visible {
  background: #006f80;
}

.grid-box.color--boell-turquoise .button--link-as-button, .grid-box.color--boell-turquoise .button-infobox {
  background-color: #008599 !important;
  color: white !important;
}

.grid-box.color--boell-turquoise .button--link-as-button:hover, .grid-box.color--boell-turquoise .button--link-as-button:focus-visible, .grid-box.color--boell-turquoise .button-infobox:hover, .grid-box.color--boell-turquoise .button-infobox:focus-visible {
  background: #006f80 !important;
}

.grid-container.color--boell-gray .button--link-as-button, .grid-container.color--boell-gray .button-infobox {
  background-color: #e2e2e2;
  color: #333;
}

.grid-container.color--boell-gray .button--link-as-button:hover, .grid-container.color--boell-gray .button--link-as-button:focus-visible, .grid-container.color--boell-gray .button-infobox:hover, .grid-container.color--boell-gray .button-infobox:focus-visible {
  background: #efefef;
}

.grid-box.color--boell-gray .button--link-as-button, .grid-box.color--boell-gray .button-infobox {
  background-color: #e2e2e2 !important;
  color: #333 !important;
}

.grid-box.color--boell-gray .button--link-as-button:hover, .grid-box.color--boell-gray .button--link-as-button:focus-visible, .grid-box.color--boell-gray .button-infobox:hover, .grid-box.color--boell-gray .button-infobox:focus-visible {
  background: #efefef !important;
}

.grid-container.color--boell-yellow .button--link-as-button, .grid-container.color--boell-yellow .button-infobox {
  background-color: #fac32f;
  color: #333;
}

.grid-container.color--boell-yellow .button--link-as-button:hover, .grid-container.color--boell-yellow .button--link-as-button:focus-visible, .grid-container.color--boell-yellow .button-infobox:hover, .grid-container.color--boell-yellow .button-infobox:focus-visible {
  background: #fbca48;
}

.grid-box.color--boell-yellow .button--link-as-button, .grid-box.color--boell-yellow .button-infobox {
  background-color: #fac32f !important;
  color: #333 !important;
}

.grid-box.color--boell-yellow .button--link-as-button:hover, .grid-box.color--boell-yellow .button--link-as-button:focus-visible, .grid-box.color--boell-yellow .button-infobox:hover, .grid-box.color--boell-yellow .button-infobox:focus-visible {
  background: #fbca48 !important;
}

.grid-container.color--brandenburg-blue .button--link-as-button, .grid-container.color--brandenburg-blue .button-infobox {
  background-color: #0064a7;
  color: white !important;
}

.grid-container.color--brandenburg-blue .button--link-as-button:hover, .grid-container.color--brandenburg-blue .button--link-as-button:focus-visible, .grid-container.color--brandenburg-blue .button-infobox:hover, .grid-container.color--brandenburg-blue .button-infobox:focus-visible {
  background: #00558e;
}

.grid-box.color--brandenburg-blue .button--link-as-button, .grid-box.color--brandenburg-blue .button-infobox {
  background-color: #0064a7 !important;
  color: white !important;
}

.grid-box.color--brandenburg-blue .button--link-as-button:hover, .grid-box.color--brandenburg-blue .button--link-as-button:focus-visible, .grid-box.color--brandenburg-blue .button-infobox:hover, .grid-box.color--brandenburg-blue .button-infobox:focus-visible {
  background: #00558e !important;
}

.grid-container.color--brandenburg-green .button--link-as-button, .grid-container.color--brandenburg-green .button-infobox {
  background-color: #95bb2e;
  color: #333;
}

.grid-container.color--brandenburg-green .button--link-as-button:hover, .grid-container.color--brandenburg-green .button--link-as-button:focus-visible, .grid-container.color--brandenburg-green .button-infobox:hover, .grid-container.color--brandenburg-green .button-infobox:focus-visible {
  background: #a4cd35;
}

.grid-box.color--brandenburg-green .button--link-as-button, .grid-box.color--brandenburg-green .button-infobox {
  background-color: #95bb2e !important;
  color: #333 !important;
}

.grid-box.color--brandenburg-green .button--link-as-button:hover, .grid-box.color--brandenburg-green .button--link-as-button:focus-visible, .grid-box.color--brandenburg-green .button-infobox:hover, .grid-box.color--brandenburg-green .button-infobox:focus-visible {
  background: #a4cd35 !important;
}

.grid-container.color--brandenburg-orange .button--link-as-button, .grid-container.color--brandenburg-orange .button-infobox {
  background-color: #f8ad14;
  color: #333;
}

.grid-container.color--brandenburg-orange .button--link-as-button:hover, .grid-container.color--brandenburg-orange .button--link-as-button:focus-visible, .grid-container.color--brandenburg-orange .button-infobox:hover, .grid-container.color--brandenburg-orange .button-infobox:focus-visible {
  background: #f9b62d;
}

.grid-box.color--brandenburg-orange .button--link-as-button, .grid-box.color--brandenburg-orange .button-infobox {
  background-color: #f8ad14 !important;
  color: #333 !important;
}

.grid-box.color--brandenburg-orange .button--link-as-button:hover, .grid-box.color--brandenburg-orange .button--link-as-button:focus-visible, .grid-box.color--brandenburg-orange .button-infobox:hover, .grid-box.color--brandenburg-orange .button-infobox:focus-visible {
  background: #f9b62d !important;
}

.grid-container.color--brandenburg-red .button--link-as-button, .grid-container.color--brandenburg-red .button-infobox {
  background-color: #e02d34;
  color: #333;
}

.grid-container.color--brandenburg-red .button--link-as-button:hover, .grid-container.color--brandenburg-red .button--link-as-button:focus-visible, .grid-container.color--brandenburg-red .button-infobox:hover, .grid-container.color--brandenburg-red .button-infobox:focus-visible {
  background: #e34349;
}

.grid-box.color--brandenburg-red .button--link-as-button, .grid-box.color--brandenburg-red .button-infobox {
  background-color: #e02d34 !important;
  color: #333 !important;
}

.grid-box.color--brandenburg-red .button--link-as-button:hover, .grid-box.color--brandenburg-red .button--link-as-button:focus-visible, .grid-box.color--brandenburg-red .button-infobox:hover, .grid-box.color--brandenburg-red .button-infobox:focus-visible {
  background: #e34349 !important;
}

.grid-container.color--greencampus-green .button--link-as-button, .grid-container.color--greencampus-green .button-infobox {
  background-color: #6bb232;
  color: #333;
}

.grid-container.color--greencampus-green .button--link-as-button:hover, .grid-container.color--greencampus-green .button--link-as-button:focus-visible, .grid-container.color--greencampus-green .button-infobox:hover, .grid-container.color--greencampus-green .button-infobox:focus-visible {
  background: #77c638;
}

.grid-box.color--greencampus-green .button--link-as-button, .grid-box.color--greencampus-green .button-infobox {
  background-color: #6bb232 !important;
  color: #333 !important;
}

.grid-box.color--greencampus-green .button--link-as-button:hover, .grid-box.color--greencampus-green .button--link-as-button:focus-visible, .grid-box.color--greencampus-green .button-infobox:hover, .grid-box.color--greencampus-green .button-infobox:focus-visible {
  background: #77c638 !important;
}

.grid-container.color--gwi-red .button--link-as-button, .grid-container.color--gwi-red .button-infobox {
  background-color: #E70457;
  color: white !important;
}

.grid-container.color--gwi-red .button--link-as-button:hover, .grid-container.color--gwi-red .button--link-as-button:focus-visible, .grid-container.color--gwi-red .button-infobox:hover, .grid-container.color--gwi-red .button-infobox:focus-visible {
  background: #ce044e;
}

.grid-box.color--gwi-red .button--link-as-button, .grid-box.color--gwi-red .button-infobox {
  background-color: #E70457 !important;
  color: white !important;
}

.grid-box.color--gwi-red .button--link-as-button:hover, .grid-box.color--gwi-red .button--link-as-button:focus-visible, .grid-box.color--gwi-red .button-infobox:hover, .grid-box.color--gwi-red .button-infobox:focus-visible {
  background: #ce044e !important;
}

.grid-container.color--gwi-turquoise .button--link-as-button, .grid-container.color--gwi-turquoise .button-infobox {
  background-color: #3a9192;
  color: white !important;
}

.grid-container.color--gwi-turquoise .button--link-as-button:hover, .grid-container.color--gwi-turquoise .button--link-as-button:focus-visible, .grid-container.color--gwi-turquoise .button-infobox:hover, .grid-container.color--gwi-turquoise .button-infobox:focus-visible {
  background: #337f80;
}

.grid-box.color--gwi-turquoise .button--link-as-button, .grid-box.color--gwi-turquoise .button-infobox {
  background-color: #3a9192 !important;
  color: white !important;
}

.grid-box.color--gwi-turquoise .button--link-as-button:hover, .grid-box.color--gwi-turquoise .button--link-as-button:focus-visible, .grid-box.color--gwi-turquoise .button-infobox:hover, .grid-box.color--gwi-turquoise .button-infobox:focus-visible {
  background: #337f80 !important;
}

.grid-container.color--infohub-plastic .button--link-as-button, .grid-container.color--infohub-plastic .button-infobox {
  background-color: #3B49BC;
  color: white !important;
}

.grid-container.color--infohub-plastic .button--link-as-button:hover, .grid-container.color--infohub-plastic .button--link-as-button:focus-visible, .grid-container.color--infohub-plastic .button-infobox:hover, .grid-container.color--infohub-plastic .button-infobox:focus-visible {
  background: #3541a9;
}

.grid-box.color--infohub-plastic .button--link-as-button, .grid-box.color--infohub-plastic .button-infobox {
  background-color: #3B49BC !important;
  color: white !important;
}

.grid-box.color--infohub-plastic .button--link-as-button:hover, .grid-box.color--infohub-plastic .button--link-as-button:focus-visible, .grid-box.color--infohub-plastic .button-infobox:hover, .grid-box.color--infohub-plastic .button-infobox:focus-visible {
  background: #3541a9 !important;
}

.grid-container.color--international-green .button--link-as-button, .grid-container.color--international-green .button-infobox {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--international-green .button--link-as-button:hover, .grid-container.color--international-green .button--link-as-button:focus-visible, .grid-container.color--international-green .button-infobox:hover, .grid-container.color--international-green .button-infobox:focus-visible {
  background: #a3e200;
}

.grid-box.color--international-green .button--link-as-button, .grid-box.color--international-green .button-infobox {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--international-green .button--link-as-button:hover, .grid-box.color--international-green .button--link-as-button:focus-visible, .grid-box.color--international-green .button-infobox:hover, .grid-box.color--international-green .button-infobox:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--international-orange .button--link-as-button, .grid-container.color--international-orange .button-infobox {
  background-color: #fd7232;
  color: #333;
}

.grid-container.color--international-orange .button--link-as-button:hover, .grid-container.color--international-orange .button--link-as-button:focus-visible, .grid-container.color--international-orange .button-infobox:hover, .grid-container.color--international-orange .button-infobox:focus-visible {
  background: #fd834b;
}

.grid-box.color--international-orange .button--link-as-button, .grid-box.color--international-orange .button-infobox {
  background-color: #fd7232 !important;
  color: #333 !important;
}

.grid-box.color--international-orange .button--link-as-button:hover, .grid-box.color--international-orange .button--link-as-button:focus-visible, .grid-box.color--international-orange .button-infobox:hover, .grid-box.color--international-orange .button-infobox:focus-visible {
  background: #fd834b !important;
}

.grid-container.color--international-turquoise .button--link-as-button, .grid-container.color--international-turquoise .button-infobox {
  background-color: #008599;
  color: #333;
}

.grid-container.color--international-turquoise .button--link-as-button:hover, .grid-container.color--international-turquoise .button--link-as-button:focus-visible, .grid-container.color--international-turquoise .button-infobox:hover, .grid-container.color--international-turquoise .button-infobox:focus-visible {
  background: #009bb3;
}

.grid-box.color--international-turquoise .button--link-as-button, .grid-box.color--international-turquoise .button-infobox {
  background-color: #008599 !important;
  color: #333 !important;
}

.grid-box.color--international-turquoise .button--link-as-button:hover, .grid-box.color--international-turquoise .button--link-as-button:focus-visible, .grid-box.color--international-turquoise .button-infobox:hover, .grid-box.color--international-turquoise .button-infobox:focus-visible {
  background: #009bb3 !important;
}

.grid-container.color--mid-green .button--link-as-button, .grid-container.color--mid-green .button-infobox {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--mid-green .button--link-as-button:hover, .grid-container.color--mid-green .button--link-as-button:focus-visible, .grid-container.color--mid-green .button-infobox:hover, .grid-container.color--mid-green .button-infobox:focus-visible {
  background: #a3e200;
}

.grid-box.color--mid-green .button--link-as-button, .grid-box.color--mid-green .button-infobox {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--mid-green .button--link-as-button:hover, .grid-box.color--mid-green .button--link-as-button:focus-visible, .grid-box.color--mid-green .button-infobox:hover, .grid-box.color--mid-green .button-infobox:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--mid-orange .button--link-as-button, .grid-container.color--mid-orange .button-infobox {
  background-color: #fd7232;
  color: #333;
}

.grid-container.color--mid-orange .button--link-as-button:hover, .grid-container.color--mid-orange .button--link-as-button:focus-visible, .grid-container.color--mid-orange .button-infobox:hover, .grid-container.color--mid-orange .button-infobox:focus-visible {
  background: #fd834b;
}

.grid-box.color--mid-orange .button--link-as-button, .grid-box.color--mid-orange .button-infobox {
  background-color: #fd7232 !important;
  color: #333 !important;
}

.grid-box.color--mid-orange .button--link-as-button:hover, .grid-box.color--mid-orange .button--link-as-button:focus-visible, .grid-box.color--mid-orange .button-infobox:hover, .grid-box.color--mid-orange .button-infobox:focus-visible {
  background: #fd834b !important;
}

.grid-container.color--mid-pink .button--link-as-button, .grid-container.color--mid-pink .button-infobox {
  background-color: #e075ac;
  color: #333;
}

.grid-container.color--mid-pink .button--link-as-button:hover, .grid-container.color--mid-pink .button--link-as-button:focus-visible, .grid-container.color--mid-pink .button-infobox:hover, .grid-container.color--mid-pink .button-infobox:focus-visible {
  background: #e58ab9;
}

.grid-box.color--mid-pink .button--link-as-button, .grid-box.color--mid-pink .button-infobox {
  background-color: #e075ac !important;
  color: #333 !important;
}

.grid-box.color--mid-pink .button--link-as-button:hover, .grid-box.color--mid-pink .button--link-as-button:focus-visible, .grid-box.color--mid-pink .button-infobox:hover, .grid-box.color--mid-pink .button-infobox:focus-visible {
  background: #e58ab9 !important;
}

.grid-container.color--mid-red .button--link-as-button, .grid-container.color--mid-red .button-infobox {
  background-color: #cc0000;
  color: #333;
}

.grid-container.color--mid-red .button--link-as-button:hover, .grid-container.color--mid-red .button--link-as-button:focus-visible, .grid-container.color--mid-red .button-infobox:hover, .grid-container.color--mid-red .button-infobox:focus-visible {
  background: #e60000;
}

.grid-box.color--mid-red .button--link-as-button, .grid-box.color--mid-red .button-infobox {
  background-color: #cc0000 !important;
  color: #333 !important;
}

.grid-box.color--mid-red .button--link-as-button:hover, .grid-box.color--mid-red .button--link-as-button:focus-visible, .grid-box.color--mid-red .button-infobox:hover, .grid-box.color--mid-red .button-infobox:focus-visible {
  background: #e60000 !important;
}

.grid-container.color--mid-turquoise .button--link-as-button, .grid-container.color--mid-turquoise .button-infobox {
  background-color: #66cbcc;
  color: #333;
}

.grid-container.color--mid-turquoise .button--link-as-button:hover, .grid-container.color--mid-turquoise .button--link-as-button:focus-visible, .grid-container.color--mid-turquoise .button-infobox:hover, .grid-container.color--mid-turquoise .button-infobox:focus-visible {
  background: #79d2d2;
}

.grid-box.color--mid-turquoise .button--link-as-button, .grid-box.color--mid-turquoise .button-infobox {
  background-color: #66cbcc !important;
  color: #333 !important;
}

.grid-box.color--mid-turquoise .button--link-as-button:hover, .grid-box.color--mid-turquoise .button--link-as-button:focus-visible, .grid-box.color--mid-turquoise .button-infobox:hover, .grid-box.color--mid-turquoise .button-infobox:focus-visible {
  background: #79d2d2 !important;
}

.grid-container.color--mid-yellow .button--link-as-button, .grid-container.color--mid-yellow .button-infobox {
  background-color: #fac32f;
  color: #333;
}

.grid-container.color--mid-yellow .button--link-as-button:hover, .grid-container.color--mid-yellow .button--link-as-button:focus-visible, .grid-container.color--mid-yellow .button-infobox:hover, .grid-container.color--mid-yellow .button-infobox:focus-visible {
  background: #fbca48;
}

.grid-box.color--mid-yellow .button--link-as-button, .grid-box.color--mid-yellow .button-infobox {
  background-color: #fac32f !important;
  color: #333 !important;
}

.grid-box.color--mid-yellow .button--link-as-button:hover, .grid-box.color--mid-yellow .button--link-as-button:focus-visible, .grid-box.color--mid-yellow .button-infobox:hover, .grid-box.color--mid-yellow .button-infobox:focus-visible {
  background: #fbca48 !important;
}

.grid-container.color--myanmar-fonts .button--link-as-button, .grid-container.color--myanmar-fonts .button-infobox {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--myanmar-fonts .button--link-as-button:hover, .grid-container.color--myanmar-fonts .button--link-as-button:focus-visible, .grid-container.color--myanmar-fonts .button-infobox:hover, .grid-container.color--myanmar-fonts .button-infobox:focus-visible {
  background: #a3e200;
}

.grid-box.color--myanmar-fonts .button--link-as-button, .grid-box.color--myanmar-fonts .button-infobox {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--myanmar-fonts .button--link-as-button:hover, .grid-box.color--myanmar-fonts .button--link-as-button:focus-visible, .grid-box.color--myanmar-fonts .button-infobox:hover, .grid-box.color--myanmar-fonts .button-infobox:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--petrakelly-blue .button--link-as-button, .grid-container.color--petrakelly-blue .button-infobox {
  background-color: #2c4081;
  color: white !important;
}

.grid-container.color--petrakelly-blue .button--link-as-button:hover, .grid-container.color--petrakelly-blue .button--link-as-button:focus-visible, .grid-container.color--petrakelly-blue .button-infobox:hover, .grid-container.color--petrakelly-blue .button-infobox:focus-visible {
  background: #26376e;
}

.grid-box.color--petrakelly-blue .button--link-as-button, .grid-box.color--petrakelly-blue .button-infobox {
  background-color: #2c4081 !important;
  color: white !important;
}

.grid-box.color--petrakelly-blue .button--link-as-button:hover, .grid-box.color--petrakelly-blue .button--link-as-button:focus-visible, .grid-box.color--petrakelly-blue .button-infobox:hover, .grid-box.color--petrakelly-blue .button-infobox:focus-visible {
  background: #26376e !important;
}

.grid-container.color--petrakelly-green .button--link-as-button, .grid-container.color--petrakelly-green .button-infobox {
  background-color: #008445;
  color: #333;
}

.grid-container.color--petrakelly-green .button--link-as-button:hover, .grid-container.color--petrakelly-green .button--link-as-button:focus-visible, .grid-container.color--petrakelly-green .button-infobox:hover, .grid-container.color--petrakelly-green .button-infobox:focus-visible {
  background: #009e52;
}

.grid-box.color--petrakelly-green .button--link-as-button, .grid-box.color--petrakelly-green .button-infobox {
  background-color: #008445 !important;
  color: #333 !important;
}

.grid-box.color--petrakelly-green .button--link-as-button:hover, .grid-box.color--petrakelly-green .button--link-as-button:focus-visible, .grid-box.color--petrakelly-green .button-infobox:hover, .grid-box.color--petrakelly-green .button-infobox:focus-visible {
  background: #009e52 !important;
}

.grid-container.color--petrakelly-red .button--link-as-button, .grid-container.color--petrakelly-red .button-infobox {
  background-color: #cb322d;
  color: #333;
}

.grid-container.color--petrakelly-red .button--link-as-button:hover, .grid-container.color--petrakelly-red .button--link-as-button:focus-visible, .grid-container.color--petrakelly-red .button-infobox:hover, .grid-container.color--petrakelly-red .button-infobox:focus-visible {
  background: #d4423d;
}

.grid-box.color--petrakelly-red .button--link-as-button, .grid-box.color--petrakelly-red .button-infobox {
  background-color: #cb322d !important;
  color: #333 !important;
}

.grid-box.color--petrakelly-red .button--link-as-button:hover, .grid-box.color--petrakelly-red .button--link-as-button:focus-visible, .grid-box.color--petrakelly-red .button-infobox:hover, .grid-box.color--petrakelly-red .button-infobox:focus-visible {
  background: #d4423d !important;
}

.grid-container.color--state-blue .button--link-as-button, .grid-container.color--state-blue .button-infobox {
  background-color: #0e307f;
  color: white !important;
}

.grid-container.color--state-blue .button--link-as-button:hover, .grid-container.color--state-blue .button--link-as-button:focus-visible, .grid-container.color--state-blue .button-infobox:hover, .grid-container.color--state-blue .button-infobox:focus-visible {
  background: #0b2768;
}

.grid-box.color--state-blue .button--link-as-button, .grid-box.color--state-blue .button-infobox {
  background-color: #0e307f !important;
  color: white !important;
}

.grid-box.color--state-blue .button--link-as-button:hover, .grid-box.color--state-blue .button--link-as-button:focus-visible, .grid-box.color--state-blue .button-infobox:hover, .grid-box.color--state-blue .button-infobox:focus-visible {
  background: #0b2768 !important;
}

.grid-container.color--state-green .button--link-as-button, .grid-container.color--state-green .button-infobox {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--state-green .button--link-as-button:hover, .grid-container.color--state-green .button--link-as-button:focus-visible, .grid-container.color--state-green .button-infobox:hover, .grid-container.color--state-green .button-infobox:focus-visible {
  background: #a3e200;
}

.grid-box.color--state-green .button--link-as-button, .grid-box.color--state-green .button-infobox {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--state-green .button--link-as-button:hover, .grid-box.color--state-green .button--link-as-button:focus-visible, .grid-box.color--state-green .button-infobox:hover, .grid-box.color--state-green .button-infobox:focus-visible {
  background: #a3e200 !important;
}

.button--back-to-top {
  text-decoration: none;
  font-size: 0.8rem;
  line-height: 1;
  background-color: #e2e2e2;
  color: #444;
  box-sizing: border-box;
  margin-right: 12px;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  padding: 12px;
  -webkit-transition:background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  z-index: 2;
}

.darkmode .button--back-to-top span {
  color: #444;
}

.button--back-to-top:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e901";
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  display: block;
  vertical-align: middle;
  text-align: center;
  font-size: 25px;
  margin-bottom: 6px;
}

.button--back-to-top:hover, .button--back-to-top:focus-visible {
  background-color: #eaeaea;
}

/**
 * New Buttons 2024
 */
.button-primary {
  display: inline-block;
  text-decoration: none;
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.3;
  text-decoration: none;
  -webkit-padding-before: 12px;
          padding-block-start: 12px;
  -webkit-padding-after: 10px;
          padding-block-end: 10px;
  padding-inline: 15px;
  cursor: pointer;
  font-weight: 700;
  -webkit-transition:background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  font-size: 1rem;
  line-height: 1;
  background-color: #91c800;
  color: #333;
}

.button-primary:hover, .button-primary:focus-visible {
  background: #a3e200;
}

.grid-container.color--bildungswerk-blue .button-primary {
  background-color: #203c89;
  color: #333;
}

.grid-container.color--bildungswerk-blue .button-primary:hover, .grid-container.color--bildungswerk-blue .button-primary:focus-visible {
  background: #25459e;
}

.grid-box.color--bildungswerk-blue .button-primary {
  background-color: #203c89 !important;
  color: #333 !important;
}

.grid-box.color--bildungswerk-blue .button-primary:hover, .grid-box.color--bildungswerk-blue .button-primary:focus-visible {
  background: #25459e !important;
}

.grid-container.color--bildungswerk-green .button-primary {
  background-color: #198632;
  color: #333;
}

.grid-container.color--bildungswerk-green .button-primary:hover, .grid-container.color--bildungswerk-green .button-primary:focus-visible {
  background: #1d9b3a;
}

.grid-box.color--bildungswerk-green .button-primary {
  background-color: #198632 !important;
  color: #333 !important;
}

.grid-box.color--bildungswerk-green .button-primary:hover, .grid-box.color--bildungswerk-green .button-primary:focus-visible {
  background: #1d9b3a !important;
}

.grid-container.color--boell-blue .button-primary {
  background-color: #0e307f;
  color: white !important;
}

.grid-container.color--boell-blue .button-primary:hover, .grid-container.color--boell-blue .button-primary:focus-visible {
  background: #0b2768;
}

.grid-box.color--boell-blue .button-primary {
  background-color: #0e307f !important;
  color: white !important;
}

.grid-box.color--boell-blue .button-primary:hover, .grid-box.color--boell-blue .button-primary:focus-visible {
  background: #0b2768 !important;
}

.grid-container.color--boell-dark-green .button-primary {
  background-color: #45783a;
  color: white !important;
}

.grid-container.color--boell-dark-green .button-primary:hover, .grid-container.color--boell-dark-green .button-primary:focus-visible {
  background: #3b6732;
}

.grid-box.color--boell-dark-green .button-primary {
  background-color: #45783a !important;
  color: white !important;
}

.grid-box.color--boell-dark-green .button-primary:hover, .grid-box.color--boell-dark-green .button-primary:focus-visible {
  background: #3b6732 !important;
}

.grid-container.color--boell-green .button-primary {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--boell-green .button-primary:hover, .grid-container.color--boell-green .button-primary:focus-visible {
  background: #a3e200;
}

.grid-box.color--boell-green .button-primary {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--boell-green .button-primary:hover, .grid-box.color--boell-green .button-primary:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--boell-orange .button-primary {
  background-color: #fd7232;
  color: #333;
}

.grid-container.color--boell-orange .button-primary:hover, .grid-container.color--boell-orange .button-primary:focus-visible {
  background: #fd834b;
}

.grid-box.color--boell-orange .button-primary {
  background-color: #fd7232 !important;
  color: #333 !important;
}

.grid-box.color--boell-orange .button-primary:hover, .grid-box.color--boell-orange .button-primary:focus-visible {
  background: #fd834b !important;
}

.grid-container.color--boell-red .button-primary {
  background-color: #cc0000;
  color: white !important;
}

.grid-container.color--boell-red .button-primary:hover, .grid-container.color--boell-red .button-primary:focus-visible {
  background: #b30000;
}

.grid-box.color--boell-red .button-primary {
  background-color: #cc0000 !important;
  color: white !important;
}

.grid-box.color--boell-red .button-primary:hover, .grid-box.color--boell-red .button-primary:focus-visible {
  background: #b30000 !important;
}

.grid-container.color--boell-turquoise .button-primary {
  background-color: #008599;
  color: white !important;
}

.grid-container.color--boell-turquoise .button-primary:hover, .grid-container.color--boell-turquoise .button-primary:focus-visible {
  background: #006f80;
}

.grid-box.color--boell-turquoise .button-primary {
  background-color: #008599 !important;
  color: white !important;
}

.grid-box.color--boell-turquoise .button-primary:hover, .grid-box.color--boell-turquoise .button-primary:focus-visible {
  background: #006f80 !important;
}

.grid-container.color--boell-gray .button-primary {
  background-color: #e2e2e2;
  color: #333;
}

.grid-container.color--boell-gray .button-primary:hover, .grid-container.color--boell-gray .button-primary:focus-visible {
  background: #efefef;
}

.grid-box.color--boell-gray .button-primary {
  background-color: #e2e2e2 !important;
  color: #333 !important;
}

.grid-box.color--boell-gray .button-primary:hover, .grid-box.color--boell-gray .button-primary:focus-visible {
  background: #efefef !important;
}

.grid-container.color--boell-yellow .button-primary {
  background-color: #fac32f;
  color: #333;
}

.grid-container.color--boell-yellow .button-primary:hover, .grid-container.color--boell-yellow .button-primary:focus-visible {
  background: #fbca48;
}

.grid-box.color--boell-yellow .button-primary {
  background-color: #fac32f !important;
  color: #333 !important;
}

.grid-box.color--boell-yellow .button-primary:hover, .grid-box.color--boell-yellow .button-primary:focus-visible {
  background: #fbca48 !important;
}

.grid-container.color--brandenburg-blue .button-primary {
  background-color: #0064a7;
  color: white !important;
}

.grid-container.color--brandenburg-blue .button-primary:hover, .grid-container.color--brandenburg-blue .button-primary:focus-visible {
  background: #00558e;
}

.grid-box.color--brandenburg-blue .button-primary {
  background-color: #0064a7 !important;
  color: white !important;
}

.grid-box.color--brandenburg-blue .button-primary:hover, .grid-box.color--brandenburg-blue .button-primary:focus-visible {
  background: #00558e !important;
}

.grid-container.color--brandenburg-green .button-primary {
  background-color: #95bb2e;
  color: #333;
}

.grid-container.color--brandenburg-green .button-primary:hover, .grid-container.color--brandenburg-green .button-primary:focus-visible {
  background: #a4cd35;
}

.grid-box.color--brandenburg-green .button-primary {
  background-color: #95bb2e !important;
  color: #333 !important;
}

.grid-box.color--brandenburg-green .button-primary:hover, .grid-box.color--brandenburg-green .button-primary:focus-visible {
  background: #a4cd35 !important;
}

.grid-container.color--brandenburg-orange .button-primary {
  background-color: #f8ad14;
  color: #333;
}

.grid-container.color--brandenburg-orange .button-primary:hover, .grid-container.color--brandenburg-orange .button-primary:focus-visible {
  background: #f9b62d;
}

.grid-box.color--brandenburg-orange .button-primary {
  background-color: #f8ad14 !important;
  color: #333 !important;
}

.grid-box.color--brandenburg-orange .button-primary:hover, .grid-box.color--brandenburg-orange .button-primary:focus-visible {
  background: #f9b62d !important;
}

.grid-container.color--brandenburg-red .button-primary {
  background-color: #e02d34;
  color: #333;
}

.grid-container.color--brandenburg-red .button-primary:hover, .grid-container.color--brandenburg-red .button-primary:focus-visible {
  background: #e34349;
}

.grid-box.color--brandenburg-red .button-primary {
  background-color: #e02d34 !important;
  color: #333 !important;
}

.grid-box.color--brandenburg-red .button-primary:hover, .grid-box.color--brandenburg-red .button-primary:focus-visible {
  background: #e34349 !important;
}

.grid-container.color--greencampus-green .button-primary {
  background-color: #6bb232;
  color: #333;
}

.grid-container.color--greencampus-green .button-primary:hover, .grid-container.color--greencampus-green .button-primary:focus-visible {
  background: #77c638;
}

.grid-box.color--greencampus-green .button-primary {
  background-color: #6bb232 !important;
  color: #333 !important;
}

.grid-box.color--greencampus-green .button-primary:hover, .grid-box.color--greencampus-green .button-primary:focus-visible {
  background: #77c638 !important;
}

.grid-container.color--gwi-red .button-primary {
  background-color: #E70457;
  color: white !important;
}

.grid-container.color--gwi-red .button-primary:hover, .grid-container.color--gwi-red .button-primary:focus-visible {
  background: #ce044e;
}

.grid-box.color--gwi-red .button-primary {
  background-color: #E70457 !important;
  color: white !important;
}

.grid-box.color--gwi-red .button-primary:hover, .grid-box.color--gwi-red .button-primary:focus-visible {
  background: #ce044e !important;
}

.grid-container.color--gwi-turquoise .button-primary {
  background-color: #3a9192;
  color: white !important;
}

.grid-container.color--gwi-turquoise .button-primary:hover, .grid-container.color--gwi-turquoise .button-primary:focus-visible {
  background: #337f80;
}

.grid-box.color--gwi-turquoise .button-primary {
  background-color: #3a9192 !important;
  color: white !important;
}

.grid-box.color--gwi-turquoise .button-primary:hover, .grid-box.color--gwi-turquoise .button-primary:focus-visible {
  background: #337f80 !important;
}

.grid-container.color--infohub-plastic .button-primary {
  background-color: #3B49BC;
  color: white !important;
}

.grid-container.color--infohub-plastic .button-primary:hover, .grid-container.color--infohub-plastic .button-primary:focus-visible {
  background: #3541a9;
}

.grid-box.color--infohub-plastic .button-primary {
  background-color: #3B49BC !important;
  color: white !important;
}

.grid-box.color--infohub-plastic .button-primary:hover, .grid-box.color--infohub-plastic .button-primary:focus-visible {
  background: #3541a9 !important;
}

.grid-container.color--international-green .button-primary {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--international-green .button-primary:hover, .grid-container.color--international-green .button-primary:focus-visible {
  background: #a3e200;
}

.grid-box.color--international-green .button-primary {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--international-green .button-primary:hover, .grid-box.color--international-green .button-primary:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--international-orange .button-primary {
  background-color: #fd7232;
  color: #333;
}

.grid-container.color--international-orange .button-primary:hover, .grid-container.color--international-orange .button-primary:focus-visible {
  background: #fd834b;
}

.grid-box.color--international-orange .button-primary {
  background-color: #fd7232 !important;
  color: #333 !important;
}

.grid-box.color--international-orange .button-primary:hover, .grid-box.color--international-orange .button-primary:focus-visible {
  background: #fd834b !important;
}

.grid-container.color--international-turquoise .button-primary {
  background-color: #008599;
  color: #333;
}

.grid-container.color--international-turquoise .button-primary:hover, .grid-container.color--international-turquoise .button-primary:focus-visible {
  background: #009bb3;
}

.grid-box.color--international-turquoise .button-primary {
  background-color: #008599 !important;
  color: #333 !important;
}

.grid-box.color--international-turquoise .button-primary:hover, .grid-box.color--international-turquoise .button-primary:focus-visible {
  background: #009bb3 !important;
}

.grid-container.color--mid-green .button-primary {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--mid-green .button-primary:hover, .grid-container.color--mid-green .button-primary:focus-visible {
  background: #a3e200;
}

.grid-box.color--mid-green .button-primary {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--mid-green .button-primary:hover, .grid-box.color--mid-green .button-primary:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--mid-orange .button-primary {
  background-color: #fd7232;
  color: #333;
}

.grid-container.color--mid-orange .button-primary:hover, .grid-container.color--mid-orange .button-primary:focus-visible {
  background: #fd834b;
}

.grid-box.color--mid-orange .button-primary {
  background-color: #fd7232 !important;
  color: #333 !important;
}

.grid-box.color--mid-orange .button-primary:hover, .grid-box.color--mid-orange .button-primary:focus-visible {
  background: #fd834b !important;
}

.grid-container.color--mid-pink .button-primary {
  background-color: #e075ac;
  color: #333;
}

.grid-container.color--mid-pink .button-primary:hover, .grid-container.color--mid-pink .button-primary:focus-visible {
  background: #e58ab9;
}

.grid-box.color--mid-pink .button-primary {
  background-color: #e075ac !important;
  color: #333 !important;
}

.grid-box.color--mid-pink .button-primary:hover, .grid-box.color--mid-pink .button-primary:focus-visible {
  background: #e58ab9 !important;
}

.grid-container.color--mid-red .button-primary {
  background-color: #cc0000;
  color: #333;
}

.grid-container.color--mid-red .button-primary:hover, .grid-container.color--mid-red .button-primary:focus-visible {
  background: #e60000;
}

.grid-box.color--mid-red .button-primary {
  background-color: #cc0000 !important;
  color: #333 !important;
}

.grid-box.color--mid-red .button-primary:hover, .grid-box.color--mid-red .button-primary:focus-visible {
  background: #e60000 !important;
}

.grid-container.color--mid-turquoise .button-primary {
  background-color: #66cbcc;
  color: #333;
}

.grid-container.color--mid-turquoise .button-primary:hover, .grid-container.color--mid-turquoise .button-primary:focus-visible {
  background: #79d2d2;
}

.grid-box.color--mid-turquoise .button-primary {
  background-color: #66cbcc !important;
  color: #333 !important;
}

.grid-box.color--mid-turquoise .button-primary:hover, .grid-box.color--mid-turquoise .button-primary:focus-visible {
  background: #79d2d2 !important;
}

.grid-container.color--mid-yellow .button-primary {
  background-color: #fac32f;
  color: #333;
}

.grid-container.color--mid-yellow .button-primary:hover, .grid-container.color--mid-yellow .button-primary:focus-visible {
  background: #fbca48;
}

.grid-box.color--mid-yellow .button-primary {
  background-color: #fac32f !important;
  color: #333 !important;
}

.grid-box.color--mid-yellow .button-primary:hover, .grid-box.color--mid-yellow .button-primary:focus-visible {
  background: #fbca48 !important;
}

.grid-container.color--myanmar-fonts .button-primary {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--myanmar-fonts .button-primary:hover, .grid-container.color--myanmar-fonts .button-primary:focus-visible {
  background: #a3e200;
}

.grid-box.color--myanmar-fonts .button-primary {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--myanmar-fonts .button-primary:hover, .grid-box.color--myanmar-fonts .button-primary:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--petrakelly-blue .button-primary {
  background-color: #2c4081;
  color: white !important;
}

.grid-container.color--petrakelly-blue .button-primary:hover, .grid-container.color--petrakelly-blue .button-primary:focus-visible {
  background: #26376e;
}

.grid-box.color--petrakelly-blue .button-primary {
  background-color: #2c4081 !important;
  color: white !important;
}

.grid-box.color--petrakelly-blue .button-primary:hover, .grid-box.color--petrakelly-blue .button-primary:focus-visible {
  background: #26376e !important;
}

.grid-container.color--petrakelly-green .button-primary {
  background-color: #008445;
  color: #333;
}

.grid-container.color--petrakelly-green .button-primary:hover, .grid-container.color--petrakelly-green .button-primary:focus-visible {
  background: #009e52;
}

.grid-box.color--petrakelly-green .button-primary {
  background-color: #008445 !important;
  color: #333 !important;
}

.grid-box.color--petrakelly-green .button-primary:hover, .grid-box.color--petrakelly-green .button-primary:focus-visible {
  background: #009e52 !important;
}

.grid-container.color--petrakelly-red .button-primary {
  background-color: #cb322d;
  color: #333;
}

.grid-container.color--petrakelly-red .button-primary:hover, .grid-container.color--petrakelly-red .button-primary:focus-visible {
  background: #d4423d;
}

.grid-box.color--petrakelly-red .button-primary {
  background-color: #cb322d !important;
  color: #333 !important;
}

.grid-box.color--petrakelly-red .button-primary:hover, .grid-box.color--petrakelly-red .button-primary:focus-visible {
  background: #d4423d !important;
}

.grid-container.color--state-blue .button-primary {
  background-color: #0e307f;
  color: white !important;
}

.grid-container.color--state-blue .button-primary:hover, .grid-container.color--state-blue .button-primary:focus-visible {
  background: #0b2768;
}

.grid-box.color--state-blue .button-primary {
  background-color: #0e307f !important;
  color: white !important;
}

.grid-box.color--state-blue .button-primary:hover, .grid-box.color--state-blue .button-primary:focus-visible {
  background: #0b2768 !important;
}

.grid-container.color--state-green .button-primary {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--state-green .button-primary:hover, .grid-container.color--state-green .button-primary:focus-visible {
  background: #a3e200;
}

.grid-box.color--state-green .button-primary {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--state-green .button-primary:hover, .grid-box.color--state-green .button-primary:focus-visible {
  background: #a3e200 !important;
}

.button-secondary {
  display: inline-block;
  text-decoration: none;
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.3;
  text-decoration: none;
  -webkit-padding-before: 12px;
          padding-block-start: 12px;
  -webkit-padding-after: 10px;
          padding-block-end: 10px;
  padding-inline: 15px;
  cursor: pointer;
  font-weight: 700;
  -webkit-transition:background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  font-size: 1rem;
  line-height: 1;
  background-color: var(--boe-color-neutral-80);
  color: var(--boe-color-neutral-20);
}

.button-secondary:hover, .button-secondary:focus-visible {
  background: var(--boe-color-neutral-60);
}

.button-tertiary {
  display: inline-block;
  text-decoration: none;
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.3;
  text-decoration: none;
  -webkit-padding-before: 12px;
          padding-block-start: 12px;
  -webkit-padding-after: 10px;
          padding-block-end: 10px;
  padding-inline: 15px;
  cursor: pointer;
  font-weight: 700;
  -webkit-transition:background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  font-size: 1rem;
  line-height: 1;
  background-color: var(--boe-color-neutral-20);
  color: var(--boe-color-neutral-80);
}

.button-tertiary:hover, .button-tertiary:focus-visible {
  background: var(--boe-color-neutral-40);
}

.button-outline {
  display: inline-block;
  text-decoration: none;
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.3;
  text-decoration: none;
  -webkit-padding-before: 12px;
          padding-block-start: 12px;
  -webkit-padding-after: 10px;
          padding-block-end: 10px;
  padding-inline: 15px;
  cursor: pointer;
  font-weight: 700;
  -webkit-transition:background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  font-size: 1rem;
  line-height: 1;
  -webkit-padding-before: 11px;
          padding-block-start: 11px;
  -webkit-padding-after: 9px;
          padding-block-end: 9px;
  border: 1px solid var(--boe-color-neutral-80);
  color: var(--boe-color-neutral-80);
  -webkit-transition:color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.button-outline:hover, .button-outline:focus-visible {
  background: var(--boe-color-neutral-80);
  color: var(--boe-color-neutral-20);
}

.back-to-top {
  position: -webkit-sticky;
  position: sticky;
  bottom: 10px;
  margin-left: calc(100% - 90px);
  text-align: right;
  opacity: 1;
  -webkit-transition:all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  display: block;
}

.back-to-top.hidden {
  opacity: 0;
  display: none;
}

.theodor-collapsible-text {
  margin-bottom: 32px;
  position: relative;
}

.theodor-collapsible-text.theodor-collapsible-text--collapsed {
  margin-bottom: 56px;
}

.theodor-collapsible-text__text {
  max-height: 2000px;
  overflow: hidden;
  position: relative;
  -webkit-transition:max-height ease-in-out 0.8s;
  transition: max-height ease-in-out 0.8s;
}

.theodor-collapsible-text--collapsed .theodor-collapsible-text__text {
  max-height: 110px;
}

.theodor-collapsible-text--collapsed .theodor-collapsible-text__text:after {
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
  bottom: 0;
  content: '';
  cursor: pointer;
  height: 100px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 1;
}

.theodor-collapsible-text__readmore {
  bottom: -20px;
  color: #7c7c7c;
  cursor: pointer;
  display: none;
  font-weight: 600;
  left: 0;
  position: absolute;
  text-align: center;
  right: 0;
  z-index: 2;
}

.theodor-collapsible-text--collapsed .theodor-collapsible-text__readmore {
  display: block;
}

.theodor-collapsible-text__readmore:hover,
.theodor-collapsible-text__readmore :focus-visible {
  text-decoration: underline;
}

/**
 * MIXINS
 */
/**
 * DEFINITIONS
 */
input, textarea {
  border: 1px solid #e2e2e2;
  padding: 7px;
}

textarea {
  background-color: #f1f1f1;
}

.text-format-wrapper > *:nth-child(2) {
  display: none;
}

.image-link img {
  -webkit-transition:opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.image-link:hover img, .image-link:focus-visible img, .image-link:active img {
  opacity: 0.6;
}

.close {
  position: absolute;
  display: block;
  top: 15px;
  height: 32px;
  width: 32px;
  font-size: 32px;
  line-height: 32px;
  color: #fff;
  z-index: 1;
  padding-left: 8px;
  cursor: pointer;
}

html[dir="ltr"] .close {
  right: 15px;
}

html[dir="rtl"] .close {
  left: 15px;
}

.close:hover, .close:focus-visible {
  background: rgba(0, 0, 0, 0.2);
}

/**
 * MIXINS
 */
/**
 * DEFINITIONS
 */
a {
  color: #444;
}

a[target="_blank"]::after {
  content: '';
  display: inline-block;
  margin-left: 3px;
  margin-right: 3px;
  height: 0.75rem;
  width: 0.75rem;
  background: transparent url("../images/arrow-up-right-from-square-regular.svg") top left no-repeat;
  opacity: 0.8;
  -webkit-transition:margin-left 0.3s ease-in-out;
  transition: margin-left 0.3s ease-in-out;
}

.darkmode a[target="_blank"]::after {
  background: white;
  -webkit-mask-image: url(../images/arrow-up-right-from-square-regular.svg);
          mask-image: url(../images/arrow-up-right-from-square-regular.svg);
}

a[target="_blank"]:hover:after, a[target="_blank"]:focus-visible:after {
  margin-left: 4px;
}

.darkmode a[target="_blank"]:hover:after, .darkmode a[target="_blank"]:focus-visible:after {
  opacity: 1;
}

/* Do not display icon if link itself is an icon or other svg-image */
a[target="_blank"]:has(> svg)::after,
a[target="_blank"]:has(> img)::after,
a[target="_blank"]:has(> div.mask)::after {
  display: none;
}

/* display icon smaller for sociallinks */
a[target="_blank"]:has(> span.sociallinks__label)::after {
  margin-bottom: 5px;
  height: 0.6rem;
  width: 0.6rem;
}

/* display headline as inline-block so icon doesnt slip into the next line */
a.remote-event__link h1.event--title {
  display: inline-block;
}

/**
 * MIXINS
 */
/**
 * DEFINITIONS
 */
/**
 * MIXINS
 */
/**
 * DEFINITIONS
 */
.field--name-field-tags,
.field--name-field-category {
  margin-bottom: 32px;
  font-size: 1.125rem;
}

.field--name-field-tags .field__label,
.field--name-field-category .field__label {
  margin-right: 15px;
  margin-bottom: 7px;
}

.field--name-field-tags .field__item,
.field--name-field-category .field__item {
  display: inline-block;
}

.field--name-field-tags .field__item a,
.field--name-field-category .field__item a {
  color: var(--brand-colors-gray-dark-2);
  border: 1px solid var(--brand-colors-gray-dark-2);
  padding: 0.313rem;
  padding: 0.5rem;
  text-decoration: none;
  display: inline-block;
}

.field--name-field-tags .field__item a:hover, .field--name-field-tags .field__item a:focus-visible,
.field--name-field-category .field__item a:hover,
.field--name-field-category .field__item a:focus-visible {
  text-decoration: underline;
}

.field--name-field-tags .field__label {
  display: block;
  font-size: 1.125rem;
  font-weight: 700;
}

.field--name-field-tags .field__items {
  margin: 0;
  padding: 0;
  font-size: 1.125rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

/**
 * MIXINS
 */
/**
 * DEFINITIONS
 */
/**
 * MIXINS
 */
/**
 * DEFINITIONS
 */
/**
 * MIXINS
 */
/**
 * DEFINITIONS
 */
/**
 * MIXINS
 */
/**
 * DEFINITIONS
 */
/* Grid Box Social Links */
.grid-box-sociallinks .grid-box-prolog {
  margin-bottom: 10px;
}

.grid-box-sociallinks .grid-box-epilog {
  clear: both;
  margin-top: 10px;
}

.grid-box-sociallinks .grid-box-readmore {
  clear: both;
  margin-top: 10px;
  display: block;
}

.sociallinks__list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

.sociallinks__list > li {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 50%;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
  margin: 10px 0 0 0;
}

.sociallinks__list > li:nth-child(1), .sociallinks__list > li:nth-child(2) {
  margin-top: 0;
}

.sociallinks__link {
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.sociallinks__label {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 0;
      -ms-flex: 0 1 0;
          flex: 0 1 0;
  font-size: 0.8125rem;
  padding: 0 8px 0 8px;
}

.sociallinks__link:hover .sociallinks__label, .sociallinks__link:focus-visible .sociallinks__label {
  text-decoration: underline;
}

.sociallinks__btn {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 40px;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
  height: 40px;
  width: 40px;
  font-size: 1.375rem !important;
  border-radius: 20px;
  color: white;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.sociallinks__btn svg {
  width: 20px;
  height: 20px;
}

.sociallinks__link:hover .sociallinks__btn, .sociallinks__link:focus-visible .sociallinks__btn {
  opacity: 0.8;
}

.sociallinks__btn[class*="-facebook"] {
  background-color: #3b5998;
}

.sociallinks__btn[class*="-twitter"] {
  background-color: #0f1419;
}

.sociallinks__btn[class*="-soundcloud"] {
  background-color: #ff8800;
}

.sociallinks__btn[class*="-youtube"] {
  background-color: #cd201f;
}

.sociallinks__btn[class*="-linkedin"] {
  background-color: #0077b5;
}

.sociallinks__btn[class*="-flickr"] {
  background-color: #ff0084;
}

.sociallinks__btn[class*="-rss"] {
  background-color: #f26522;
}

.sociallinks__btn[class*="-mixcloud"] {
  background-color: #2c3e55;
}

.sociallinks__btn[class*="-video-camera"] {
  background-color: #cc0000;
}

.sociallinks__btn[class*="-issuu"] {
  background-color: #f77d6f;
}

.sociallinks__btn[class*="-instagram"] {
  background-color: #3f729b;
}

.sociallinks__btn[class*="-vimeo"] {
  background-color: #1ab7ea;
}

.sociallinks__btn[class*="-spotify"] {
  background-color: #1db954;
}

.sociallinks__btn[class*="-vk"] {
  background-color: #4a76a8;
}

.sociallinks__btn[class*="-mastodon"] {
  background-color: #6364ff;
}

.sociallinks__btn[class*="-tiktok"] {
  background-color: #161823;
}

.sociallinks__btn[class*="-threads"] {
  background-color: #385898;
}

.sociallinks__btn[class*="-bluesky"] {
  background-color: #0385ff;
}

.sociallinks__btn--issuu svg {
  width: 20px;
  height: 20px;
  fill: white;
}

/**
 * MIXINS
 */
/**
 * DEFINITIONS
 */
.horizontal-line {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-top: 2px solid #91c800;
}

.grid-container.color--bildungswerk-blue .horizontal-line {
  border-color: #203c89;
}

.grid-box.color--bildungswerk-blue .horizontal-line {
  border-color: #203c89 !important;
}

.grid-container.color--bildungswerk-green .horizontal-line {
  border-color: #198632;
}

.grid-box.color--bildungswerk-green .horizontal-line {
  border-color: #198632 !important;
}

.grid-container.color--boell-blue .horizontal-line {
  border-color: #0e307f;
}

.grid-box.color--boell-blue .horizontal-line {
  border-color: #0e307f !important;
}

.grid-container.color--boell-dark-green .horizontal-line {
  border-color: #45783a;
}

.grid-box.color--boell-dark-green .horizontal-line {
  border-color: #45783a !important;
}

.grid-container.color--boell-green .horizontal-line {
  border-color: #75A300;
}

.grid-box.color--boell-green .horizontal-line {
  border-color: #75A300 !important;
}

.grid-container.color--boell-orange .horizontal-line {
  border-color: #FD631C;
}

.grid-box.color--boell-orange .horizontal-line {
  border-color: #FD631C !important;
}

.grid-container.color--boell-red .horizontal-line {
  border-color: #cc0000;
}

.grid-box.color--boell-red .horizontal-line {
  border-color: #cc0000 !important;
}

.grid-container.color--boell-turquoise .horizontal-line {
  border-color: #008599;
}

.grid-box.color--boell-turquoise .horizontal-line {
  border-color: #008599 !important;
}

.grid-container.color--boell-gray .horizontal-line {
  border-color: #999;
}

.grid-box.color--boell-gray .horizontal-line {
  border-color: #999 !important;
}

.grid-container.color--boell-yellow .horizontal-line {
  border-color: #BD8C05;
}

.grid-box.color--boell-yellow .horizontal-line {
  border-color: #BD8C05 !important;
}

.grid-container.color--brandenburg-blue .horizontal-line {
  border-color: #0064a7;
}

.grid-box.color--brandenburg-blue .horizontal-line {
  border-color: #0064a7 !important;
}

.grid-container.color--brandenburg-green .horizontal-line {
  border-color: #80A027;
}

.grid-box.color--brandenburg-green .horizontal-line {
  border-color: #80A027 !important;
}

.grid-container.color--brandenburg-orange .horizontal-line {
  border-color: #C68606;
}

.grid-box.color--brandenburg-orange .horizontal-line {
  border-color: #C68606 !important;
}

.grid-container.color--brandenburg-red .horizontal-line {
  border-color: #e02d34;
}

.grid-box.color--brandenburg-red .horizontal-line {
  border-color: #e02d34 !important;
}

.grid-container.color--greencampus-green .horizontal-line {
  border-color: #63A32E;
}

.grid-box.color--greencampus-green .horizontal-line {
  border-color: #63A32E !important;
}

.grid-container.color--gwi-red .horizontal-line {
  border-color: #E70457;
}

.grid-box.color--gwi-red .horizontal-line {
  border-color: #E70457 !important;
}

.grid-container.color--gwi-turquoise .horizontal-line {
  border-color: #3a9192;
}

.grid-box.color--gwi-turquoise .horizontal-line {
  border-color: #3a9192 !important;
}

.grid-container.color--infohub-plastic .horizontal-line {
  border-color: #3B49BC;
}

.grid-box.color--infohub-plastic .horizontal-line {
  border-color: #3B49BC !important;
}

.grid-container.color--international-green .horizontal-line {
  border-color: #75A300;
}

.grid-box.color--international-green .horizontal-line {
  border-color: #75A300 !important;
}

.grid-container.color--international-orange .horizontal-line {
  border-color: #FD631C;
}

.grid-box.color--international-orange .horizontal-line {
  border-color: #FD631C !important;
}

.grid-container.color--international-turquoise .horizontal-line {
  border-color: #008599;
}

.grid-box.color--international-turquoise .horizontal-line {
  border-color: #008599 !important;
}

.grid-container.color--mid-green .horizontal-line {
  border-color: #75A300;
}

.grid-box.color--mid-green .horizontal-line {
  border-color: #75A300 !important;
}

.grid-container.color--mid-orange .horizontal-line {
  border-color: #FD631C;
}

.grid-box.color--mid-orange .horizontal-line {
  border-color: #FD631C !important;
}

.grid-container.color--mid-pink .horizontal-line {
  border-color: #DE6EA8;
}

.grid-box.color--mid-pink .horizontal-line {
  border-color: #DE6EA8 !important;
}

.grid-container.color--mid-red .horizontal-line {
  border-color: #cc0000;
}

.grid-box.color--mid-red .horizontal-line {
  border-color: #cc0000 !important;
}

.grid-container.color--mid-turquoise .horizontal-line {
  border-color: #37A3A4;
}

.grid-box.color--mid-turquoise .horizontal-line {
  border-color: #37A3A4 !important;
}

.grid-container.color--mid-yellow .horizontal-line {
  border-color: #BD8C05;
}

.grid-box.color--mid-yellow .horizontal-line {
  border-color: #BD8C05 !important;
}

.grid-container.color--myanmar-fonts .horizontal-line {
  border-color: #75A300;
}

.grid-box.color--myanmar-fonts .horizontal-line {
  border-color: #75A300 !important;
}

.grid-container.color--petrakelly-blue .horizontal-line {
  border-color: #2c4081;
}

.grid-box.color--petrakelly-blue .horizontal-line {
  border-color: #2c4081 !important;
}

.grid-container.color--petrakelly-green .horizontal-line {
  border-color: #008445;
}

.grid-box.color--petrakelly-green .horizontal-line {
  border-color: #008445 !important;
}

.grid-container.color--petrakelly-red .horizontal-line {
  border-color: #cb322d;
}

.grid-box.color--petrakelly-red .horizontal-line {
  border-color: #cb322d !important;
}

.grid-container.color--state-blue .horizontal-line {
  border-color: #0e307f;
}

.grid-box.color--state-blue .horizontal-line {
  border-color: #0e307f !important;
}

.grid-container.color--state-green .horizontal-line {
  border-color: #75A300;
}

.grid-box.color--state-green .horizontal-line {
  border-color: #75A300 !important;
}

.grid-slot-1d1 .horizontal-line--centered {
  border-color: inherit;
}

@media all and (min-width: 760px) {
  .grid-slot-1d1 .horizontal-line--centered {
    max-width: 800px;
    width: 80%;
  }
}

.openid-connect-login-form {
  margin-bottom: 56px;
}

.media-details {
  max-width: 800px;
  margin: 32px auto;
  padding: 15px;
  background-color: #f1f1f1;
  line-height: 1.3;
}

@media all and (min-width: 760px) {
  .media-details {
    padding: 32px;
    line-height: 1.45;
  }
}

.media-details a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid;
}

.media-details .field {
  margin-bottom: 7px;
}

.media-details .field:last-child {
  margin-bottom: 0;
}

.media-details .field__label {
  font-size: 0.75rem;
}

.media-details .field__item {
  font-size: 1.0625rem;
  margin-left: 0;
}

.messages {
  margin-bottom: 50px;
  border-radius: unset;
}

.search-tabs {
  list-style-type: none;
  padding: 0;
  margin-top: 0;
  margin-bottom: 24px;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  clear: both;
}

.search-tabs > * {
  box-sizing: inherit;
}

.search-tabs__tab {
  background-color: #f1f1f1;
  border-bottom: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
  border-top: 1px solid #e2e2e2;
  box-sizing: border-box;
  color: #7c7c7c;
  display: inline-block;
  -webkit-flex-basis: 33%;
      -ms-flex-preferred-size: 33%;
          flex-basis: 33%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-weight: 600;
  margin: 0;
  min-width: 160px;
  padding: 20px;
  text-align: center;
}

.search-tabs__tab.search-tabs__tab--current {
  background-color: white;
  border-top: 2px solid #7c7c7c;
  color: black;
  font-weight: 600;
  margin-top: -1px;
}

.search-tabs__tab:nth-child(1) {
  border-left: 1px solid #e2e2e2;
}

.search-tabs__tab > a {
  text-decoration: none;
  color: inherit;
}

@media all and (min-width: 1024px) {
  .search-tabs__tab {
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
  }
}

.media-copyright-preview {
  position: relative;
  box-sizing: border-box;
  padding: 15px;
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
}

@media all and (min-width: 0) and (max-width: 759.97px) {
  .media-copyright-preview {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
  }
}

.media-copyright-preview .img {
  width: 30%;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.media-copyright-preview .img video {
  width: 100%;
}

.media-copyright-preview .licence {
  font-size: 0.75rem;
  margin-top: 7px;
}

.media-copyright-preview .licence .licence-link {
  font-size: 0.75rem;
}

.media-copyright-preview .authorinfos {
  padding-left: 15px;
  padding-right: 15px;
}

html[dir="ltr"] .megamenu .hamburger {
  padding-left: 0;
}

html[dir="rtl"] .megamenu .hamburger {
  padding-right: 0;
}

@media all and (min-width: 0) and (max-width: 759.97px) {
  .block-dropdown-language {
    padding-top: 10px;
  }
}

.region-slide-in-menu .theodor-language-switch:before {
  content: "";
  display: block;
  width: calc(100% - 35px);
  border-bottom: 1px solid #666;
  margin-bottom: 25px;
  margin-top: 5px;
}

.theodor-language-switch__links {
  font-size: inherit;
  font-weight: inherit;
  white-space: nowrap;
  padding: 0;
  margin: 0;
}

.theodor-language-switch__links > li {
  display: inline-block;
  margin-right: 24px;
}

.theodor-language-switch__links > li:first-child:before {
  content: "";
  background-image: url(../images/globe.svg);
  width: 17px;
  height: 17px;
  display: inline-block;
  margin-right: 5px;
  background-size: cover;
  position: relative;
  top: 2px;
}

html[dir="rtl"] .theodor-language-switch__links > li:first-child:before {
  margin-left: 5px;
  margin-right: 0;
}

.theodor-language-switch__link {
  font-weight: 600;
}

a.theodor-language-switch__link {
  text-decoration: none;
  -webkit-transition:background 0.3s ease-in, box-shadow 0.3s ease-in;
  transition: background 0.3s ease-in, box-shadow 0.3s ease-in;
  box-shadow: inset 0 -0.15em #c8e480;
}

a.theodor-language-switch__link:hover, a.theodor-language-switch__link:focus-visible {
  background: #c8e480;
  box-shadow: none;
}

.indicator:before {
  content: "";
  display: inline-block;
  position: relative;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  margin: 10px 10px 11px;
  vertical-align: middle;
  background: #91c800;
  box-shadow: 0 0 0 0 #91c800;
  -webkit-animation: pulse-indicator 2s infinite;
          animation: pulse-indicator 2s infinite;
}

@-webkit-keyframes pulse-indicator {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(45, 200, 0, 0.7);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    box-shadow: 0 0 0 10px rgba(45, 200, 0, 0);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(45, 200, 0, 0);
  }
}

@keyframes pulse-indicator {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(45, 200, 0, 0.7);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    box-shadow: 0 0 0 10px rgba(45, 200, 0, 0);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(45, 200, 0, 0);
  }
}

.two-click {
  container: two-click / inline-size;
}

.two-click.default {
  width: 100%;
  position: relative;
}

.two-click .toggler-wrapper {
  --togglerMaxWidth: 30px;
  --togglerSize: calc(var(--togglerMaxWidth)/2);
  --togglerMargin: 3px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 45px;
  width: 100%;
  cursor: pointer;
  position: relative;
  padding: 10px;
  background: #f1f1f1;
}

@container two-click (inline-size > 300px) {
  .two-click .toggler-wrapper {
    --togglerMaxWidth: 40px;
  }
}

@container two-click (inline-size > 400px) {
  .two-click .toggler-wrapper {
    --togglerMaxWidth: 50px;
  }
}

.two-click .toggler-wrapper input[type="checkbox"]:checked + .toggler .toggler-slider .toggler-knob {
  left: calc(100% - var(--togglerSize) + var(--togglerMargin));
}

html[dir="rtl"] .two-click .toggler-wrapper input[type="checkbox"]:checked + .toggler .toggler-slider .toggler-knob {
  right: calc(100% - var(--togglerSize) + var(--togglerMargin));
}

.two-click .toggler-wrapper .toggler {
  max-width: var(--togglerMaxWidth);
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-margin-end: 1rem;
     -moz-margin-end: 1rem;
          margin-inline-end: 1rem;
}

.two-click .toggler-wrapper .toggler .toggler-slider {
  background-color: #ccc;
  border-radius: 100px;
  width: 100%;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  height: var(--togglerSize);
  margin: auto;
}

.two-click .toggler-wrapper .toggler .toggler-knob {
  position: relative;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  width: calc(var(--togglerSize) - var(--togglerMargin) * 2);
  height: calc(var(--togglerSize) - var(--togglerMargin) * 2);
  border-radius: 50%;
  left: var(--togglerMargin);
  top: var(--togglerMargin);
  background-color: #fff;
}

html[dir="rtl"] .two-click .toggler-wrapper .toggler .toggler-knob {
  right: var(--togglerMargin);
}

.two-click .toggler-wrapper .toggle-label {
  margin: auto 0;
}

.two-click input[type="checkbox"] {
  display: none;
}

.two-click input[type="checkbox"]:checked + .toggler .toggler-slider {
  background-color: #45783a;
}

.two-click .two-click__container {
  position: relative;
  background-repeat: no-repeat;
  background-size: 100%, cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  background-position: center center;
  width: 100%;
  min-height: inherit;
  color: white;
  border: 1px solid #e2e2e2;
  background: #91c800;
  background: -webkit-linear-gradient(45deg, #91c800 0%, white 100%);
  background: linear-gradient(45deg, #91c800 0%, white 100%);
  z-index: 1;
}

.two-click iframe {
  width: 100%;
  aspect-ratio: 16/9;
  z-index: 1;
  position: relative;
}

.two-click.youtube iframe, .two-click.vimeo iframe {
  aspect-ratio: 16/9;
  height: 100%;
}

.two-click__provider-link, .two-click__title {
  color: white;
  padding: 5px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-decoration: none;
  margin: 5px;
  z-index: 1;
  position: absolute;
  text-shadow: 0 0 5px black;
}

.grid-container-c-1d3-1d3-1d3 .two-click__provider-link, .grid-container-c-1d3-1d3-1d3 .two-click__title {
  position: relative;
  margin: 0 !important;
  margin-top: auto !important;
  background: black;
  width: 100%;
}

.two-click__title {
  display: block;
}

.grid-container-c-1d3-1d3-1d3 .two-click__title {
  font-size: 0.75rem;
}

.two-click__title.default, .two-click__title.hide {
  display: none;
}

.two-click__disclaimer {
  width: auto;
  color: #444;
  font-size: 0.6875rem;
  margin-top: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateY(-6rem);
      -ms-transform: translateY(-6rem);
          transform: translateY(-6rem);
  max-height: 0;
  opacity: 0;
  -webkit-transition:all 0.25s linear;
  transition: all 0.25s linear;
}

.two-click__disclaimer.show {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  height: 100%;
  max-height: 6rem;
  padding-top: 0.7rem;
  opacity: 1;
}

.two-click__disclaimer .two-click__disclaimer-link {
  text-decoration: none;
  margin: auto;
  margin-left: 10px;
}

html[dir="rtl"] .two-click__disclaimer .two-click__disclaimer-link {
  margin-right: 15px;
}

.two-click__disclaimer .two-click__disclaimer-link svg {
  width: 15px;
  fill: #91c800;
  display: block;
}

@container two-click (inline-size > 300px) {
  .two-click__disclaimer .two-click__disclaimer-link svg {
    width: 20px;
  }
}

@container two-click (inline-size > 400px) {
  .two-click__disclaimer .two-click__disclaimer-link svg {
    width: 25px;
  }
}

.grid-container-c-1d1 .two-click__disclaimer {
  font-size: 1.125rem;
}

.two-click__provider-link {
  margin: auto 5px 5px 5px;
  bottom: 0;
  font-size: 0.75rem;
}

.grid-container-c-1d3-1d3-1d3 .two-click__provider-link {
  position: relative;
  background: black;
  width: 100%;
  margin: 0;
}

.two-click__button-container {
  cursor: pointer;
  height: 2.5rem;
  width: 2.5rem;
  margin: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  border-radius: 50%;
  z-index: 10;
  border: 3px solid white;
  -webkit-transform: scale(2);
      -ms-transform: scale(2);
          transform: scale(2);
  -webkit-transition:all 0.25s linear;
  transition: all 0.25s linear;
}

@container two-click (inline-size > 400px) {
  .two-click__button-container {
    -webkit-transform: scale(2.5);
        -ms-transform: scale(2.5);
            transform: scale(2.5);
  }
}

.two-click__button-container:hover {
  border-color: #91c800;
}

.two-click__button-container:hover .two-click__play-button {
  fill: #91c800;
}

.two-click__play-button {
  fill: white;
  margin: auto;
  -webkit-transform: translateX(2px) scale(0.8);
      -ms-transform: translateX(2px) scale(0.8);
          transform: translateX(2px) scale(0.8);
  -webkit-transition:inherit;
  transition: inherit;
}

.two-click__thumbnail {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 16/9;
}

.two-click__thumbnail.visibility-hidden, .two-click__thumbnail.hide {
  visibility: hidden;
}

.grid-container-c-1d3-1d3-1d3 .two-click__thumbnail {
  -o-object-fit: contain;
     object-fit: contain;
  background: black;
}

.two-click.podigee .two-click__container {
  background: white;
  box-shadow: none;
  border: 1px solid black;
}

@media all and (min-width: 760px) {
  .two-click.podigee .two-click__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.two-click.podigee .two-click__image_container {
  margin: 15px auto;
}

@media all and (min-width: 760px) {
  .two-click.podigee .two-click__image_container {
    margin: 15px;
  }
}

.two-click.podigee .two-click__image_container .two-click__thumbnail {
  aspect-ratio: 1;
  max-height: 300px;
  min-width: 300px;
}

.two-click.podigee .two-click__title, .two-click.podigee .two-click__button-container, .two-click.podigee .two-click__provider-link {
  position: relative;
  color: black;
  text-shadow: none;
}

.two-click.podigee .two-click__title {
  margin: 0;
}

.two-click.podigee .two-click__description_container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 15px;
}

.two-click.podigee .two-click__description_container .two-click__button-container {
  border: none;
  border-radius: 0;
  width: auto;
  height: auto;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  font-weight: 600;
  margin: 0;
  margin-top: auto;
  padding: 15px;
  background: #91c801;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
              -ms-grid-row-align: center;
          align-items: center;
}

.two-click.podigee .two-click__description_container .two-click__button-container .two-click__play-button {
  fill: black;
  margin: 0 10px;
}

.two-click.podigee .two-click__description_container .two-click__provider-link {
  margin: 0;
}

/**
 * a nice loading animation for the boells
 */
/* Keyframes for the pulsating effect */
@-webkit-keyframes pulse {
  0%, 100% {
    height: 25px;
  }
  50% {
    height: 50px;
  }
}
@keyframes pulse {
  0%, 100% {
    height: 25px;
  }
  50% {
    height: 50px;
  }
}

.loading-container {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
              -ms-grid-row-align: flex-end;
          align-items: flex-end;
  width: 46px;
  height: 50px;
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 10;
}

.loading-container .bar {
  width: 13px;
  height: 25px;
  -webkit-animation: pulse 1.5s ease-in-out infinite;
          animation: pulse 1.5s ease-in-out infinite;
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
}

.loading-container .bar_left {
  background-color: var(--boe-color-primary-20);
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

.loading-container .bar_middle {
  background-color: var(--boe-color-primary-80);
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

.loading-container .bar_right {
  background-color: var(--boe-color-primary-40);
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

.is-loading .loading-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.page-node-type-article .article__meta div.field--name-field-tts {
  display: block;
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  margin-top: 10px;
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 12px 10px;
  display: inline-block;
  cursor: pointer;
  -webkit-transition-property:opacity, -webkit-filter;
  transition-property:opacity, -webkit-filter;
  transition-property:opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger:hover, .hamburger:focus-visible {
  opacity: 0.7;
}

.hamburger-box {
  width: 26px;
  height: 17px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1.5px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 26px;
  height: 3px;
  background-color: #7c7c7c;
  border-radius: 4px;
  position: absolute;
  -webkit-transition-property:-webkit-transform;
  transition-property:-webkit-transform;
  transition-property:transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -7px;
}

.hamburger-inner::after {
  bottom: -7px;
}

/*
 * Hamburger Type: Squeeze
 */
.hamburger--squeeze .hamburger-inner, .hamburger[aria-expanded='true'] .hamburger-inner {
  -webkit-transition-duration: 0.075s;
          transition-duration: 0.075s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before, .hamburger[aria-expanded='true'] .hamburger-inner::before {
  -webkit-transition:top 0.075s 0.12s ease, opacity 0.075s ease;
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.hamburger--squeeze .hamburger-inner::after, .hamburger[aria-expanded='true'] .hamburger-inner::after {
  -webkit-transition:bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition:bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition:bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner, .hamburger[aria-expanded='true'] .hamburger-inner {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition-delay: 0.12s;
          transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before, .hamburger[aria-expanded='true'] .hamburger-inner::before {
  top: 0;
  opacity: 0;
  -webkit-transition:top 0.075s ease, opacity 0.075s 0.12s ease;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after, .hamburger[aria-expanded='true'] .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition:bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition:bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition:bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger:focus:not(:focus-visible) {
  outline: none;
}

.hamburger-title {
  font-size: 1.375rem;
  display: none;
}

.no-js .hamburger-title {
  display: inline;
}

.no-js .hamburger-title:after {
  content: ":";
}

.hamburger-title.hamburger-title--visible {
  display: inline;
}

.hamburger-label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.hamburger-close {
  display: none;
  vertical-align: top;
}

@media all and (min-width: 700px) {
  .hamburger-box {
    margin-top: 4px;
  }
}

/**
 * MIXINS
 */
/**
 * DEFINITIONS
 */
.megamenu {
  padding: 0 10px 10px;
  color: #666;
}

@media print {
  .megamenu {
    display: none;
  }
}

@media all and (min-width: 1024px) {
  .megamenu {
    padding-bottom: 8px;
  }
}

.megamenu li {
  list-style: none;
  margin: 0;
}

.megamenu a {
  text-decoration: none;
}

.megamenu a:hover, .megamenu a:focus-visible {
  text-decoration: underline;
}

.megamenu__controls {
  border-top: 1px solid #e2e2e2;
  display: block;
  margin: 0 auto;
  position: relative;
  white-space: nowrap;
  width: 100%;
}

.megamenu__controls:after {
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), white);
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
  bottom: 0;
  content: "";
  display: block;
  height: 100%;
  margin-right: -10px;
  position: absolute;
  pointer-events: none;
  right: 0;
  width: 40px;
}

@media all and (min-width: 760px) {
  .megamenu__controls:after {
    display: none;
  }
}

.megamenu--expanded .megamenu__controls:after {
  display: none;
}

@media all and (min-width: 1024px) {
  .megamenu__controls {
    max-width: 980px;
  }
}

.megamenu--expanded .megamenu__controls {
  border-top: 0;
}

.megamenu__controls > * {
  display: inline-block;
}

.megamenu--expanded {
  background-color: #f1f1f1;
  margin-bottom: 40px;
}

.megamenu--expanded .hamburger-close {
  display: inline;
}

.megamenu__rows {
  display: block;
  margin: 16px auto 0 auto;
}

@media all and (min-width: 1024px) {
  .megamenu__rows {
    max-width: 980px;
  }
}

.js .megamenu__rows {
  display: none;
}

.megamenu--expanded > .megamenu__rows {
  display: block;
}

.megamenu__row {
  font-size: 0.9375rem;
}

.megamenu__row a {
  color: #444;
  display: block;
  margin-bottom: 8px;
}

.megamenu__row p {
  margin: 0;
}

.megamenu__row .region {
  position: relative;
}

@media all and (min-width: 760px) {
  .megamenu__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 auto;
  }
  .megamenu__row > .region {
    margin: 0 20px 0 0;
    line-height: 1.4;
  }
  .megamenu__row > .region:last-child {
    margin-right: 0;
  }
}

@media all and (min-width: 1220px) {
  .megamenu__row {
    width: 980px;
  }
  .megamenu__row > .region {
    min-width: 164px;
  }
}

.megamenu__row1 {
  margin-bottom: 26px;
}

.megamenu__row2 {
  border-top: 1px solid #949494;
  padding: 32px 0 24px;
}

.megamenu__menu {
  padding-left: 0;
}

.megamenu .menu-item {
  padding-top: 0;
}

.megamenu .menu-item a[href^="https://www.youtube.com"], .megamenu .menu-item a[href^="https://www.facebook.com"], .megamenu .menu-item a[href^="https://twitter.com"], .megamenu .menu-item a[href^="https://vimeo.com"], .megamenu .menu-item a[href^="https://www.flickr.com"], .megamenu .menu-item a[href^="https://soundcloud.com"], .megamenu .menu-item a[href^="https://www.mixcloud.com"], .megamenu .menu-item a[href^="https://www.instagram.com"], .megamenu .menu-item a[href^="https://open.spotify.com"], .megamenu .menu-item a[href^="https://vk.com"], .megamenu .menu-item a[href^="https://www.linkedin.com"], .megamenu .menu-item a[href^="https://www.tiktok.com"], .megamenu .menu-item a[href^="https://www.threads.net"], .megamenu .menu-item a[href$="/rss.xml"], .megamenu .menu-item a[href$="/feed.xml"] {
  float: left;
  font-size: 0 !important;
  width: 22px;
  height: 22px;
  margin: 10px 14px 24px 0;
}

html[dir="rtl"] .megamenu .menu-item a[href^="https://www.youtube.com"], html[dir="rtl"] .megamenu .menu-item a[href^="https://www.facebook.com"], html[dir="rtl"] .megamenu .menu-item a[href^="https://twitter.com"], html[dir="rtl"] .megamenu .menu-item a[href^="https://vimeo.com"], html[dir="rtl"] .megamenu .menu-item a[href^="https://www.flickr.com"], html[dir="rtl"] .megamenu .menu-item a[href^="https://soundcloud.com"], html[dir="rtl"] .megamenu .menu-item a[href^="https://www.mixcloud.com"], html[dir="rtl"] .megamenu .menu-item a[href^="https://www.instagram.com"], html[dir="rtl"] .megamenu .menu-item a[href^="https://open.spotify.com"], html[dir="rtl"] .megamenu .menu-item a[href^="https://vk.com"], html[dir="rtl"] .megamenu .menu-item a[href^="https://www.linkedin.com"], html[dir="rtl"] .megamenu .menu-item a[href^="https://www.tiktok.com"], html[dir="rtl"] .megamenu .menu-item a[href^="https://www.threads.net"], html[dir="rtl"] .megamenu .menu-item a[href$="/rss.xml"], html[dir="rtl"] .megamenu .menu-item a[href$="/feed.xml"] {
  float: right;
  margin: 10px 0 24px 14px;
}

.megamenu .menu-item a[href^="https://www.youtube.com"] {
  background: transparent url("../images/megamenu-social-icons/youtube.svg") top left no-repeat;
}

.megamenu .menu-item a[href^="https://www.facebook.com"] {
  background: transparent url("../images/megamenu-social-icons/facebook.svg") top left no-repeat;
}

.megamenu .menu-item a[href^="https://twitter.com"] {
  background: transparent url("../images/megamenu-social-icons/x-twitter.svg") top left no-repeat;
}

.megamenu .menu-item a[href^="https://vimeo.com"] {
  background: transparent url("../images/megamenu-social-icons/vimeo.svg") top left no-repeat;
}

.megamenu .menu-item a[href^="https://www.flickr.com"] {
  background: transparent url("../images/megamenu-social-icons/flickr.svg") top left no-repeat;
}

.megamenu .menu-item a[href^="https://soundcloud.com"] {
  background: transparent url("../images/megamenu-social-icons/soundcloud.svg") center left no-repeat;
}

.megamenu .menu-item a[href^="https://www.mixcloud.com"] {
  background: transparent url("../images/megamenu-social-icons/mixcloud.svg") center left no-repeat;
}

.megamenu .menu-item a[href^="https://www.instagram.com"] {
  background: transparent url("../images/megamenu-social-icons/instagram.svg") top left no-repeat;
}

.megamenu .menu-item a[href^="https://open.spotify.com"] {
  background: transparent url("../images/megamenu-social-icons/spotify.svg") top left no-repeat;
}

.megamenu .menu-item a[href^="https://vk.com"] {
  background: transparent url("../images/megamenu-social-icons/vk.svg") top left no-repeat;
}

.megamenu .menu-item a[href^="https://www.linkedin.com"] {
  background: transparent url("../images/megamenu-social-icons/linkedin.svg") top left no-repeat;
}

.megamenu .menu-item a[href^="https://www.tiktok.com"] {
  background: transparent url("../images/megamenu-social-icons/tiktok.svg") top left no-repeat;
}

.megamenu .menu-item a[href^="https://www.threads.net"] {
  background: transparent url("../images/megamenu-social-icons/threads.svg") top left no-repeat;
}

.megamenu .menu-item a[href$="/rss.xml"], .megamenu .menu-item a[href$="/feed.xml"] {
  background: transparent url("../images/megamenu-social-icons/rss.svg") top left no-repeat;
}

.megamenu .menu-link--has-children,
.megamenu .block-menu:not([class*="menu--service-links"]) > ul > li > .menu-link {
  color: inherit;
  font-size: 1.2em;
  font-weight: 700;
  line-height: 1.5;
}

@media all and (min-width: 760px) {
  .megamenu .menu-link--has-children,
.megamenu .block-menu:not([class*="menu--service-links"]) > ul > li > .menu-link {
    line-height: 1.0;
    min-height: 2.0em;
  }
}

.megamenu__toggler {
  display: block;
  padding: 10px;
  position: absolute;
  right: -10px;
  top: -10px;
  z-index: 10;
}

@media all and (min-width: 760px) {
  .megamenu__toggler {
    display: none;
  }
}

@media all and (min-width: 0) and (max-width: 759.97px) {
  .megamenu__toggler + .megamenu__menu {
    display: block;
    visibility: hidden;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
            transform: translateY(-4px);
    -webkit-transition:visibility 0.3s ease-in-out, max-height 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition:visibility 0.3s ease-in-out, max-height 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition:visibility 0.3s ease-in-out, max-height 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transition: visibility 0.3s ease-in-out, max-height 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  }
}

.megamenu__toggler .megamenu__toggler-icon:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e900";
  font-size: 2em;
}

@media all and (min-width: 0) and (max-width: 759.97px) {
  .megamenu__toggler[aria-expanded="true"] + .megamenu__menu {
    visibility: visible;
    max-height: 100vw;
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition:visibility 0.3s ease-in-out, max-height 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition:visibility 0.3s ease-in-out, max-height 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition:visibility 0.3s ease-in-out, max-height 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transition: visibility 0.3s ease-in-out, max-height 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), transform 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  }
}

.megamenu__toggler-icon {
  display: block;
  color: #949494;
  width: 20px;
  height: 20px;
  -webkit-transition:-webkit-transform 0.3s ease-in-out;
  transition:-webkit-transform 0.3s ease-in-out;
  transition:transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.menu__toggler[aria-expanded="true"] .megamenu__toggler-icon {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.megamenu__toggler-icon svg > * {
  fill: currentColor;
}

/**
 * !!! THIS DEFINITILY NEEDS REFACTORING, MAYBE THROW OUT THE CLASSY STYLES !!!
 */
.region-header {
  position: relative;
}

#block-dropdownlanguage {
  position: absolute;
  top: 30px;
  width: 38px;
}

html[dir="ltr"] #block-dropdownlanguage {
  right: 30px;
}

html[dir="rtl"] #block-dropdownlanguage {
  left: 30px;
}

#block-dropdownlanguage a {
  text-decoration: none;
}

@media screen and (max-width: 760px) {
  #block-dropdownlanguage {
    top: 10px;
  }
  #block-dropdownlanguage .language-link {
    font-size: 0.75rem;
  }
}

#block-dropdownlanguage .contextual {
  display: none;
}

p.ls-element,
p.gs-element {
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-size: 0.9375rem;
  line-height: 1.3;
}

p.ls-element a.ls_link,
p.gs-element a.ls_link {
  color: #666;
  text-decoration: none;
  padding-left: 20px;
  position: relative;
}

p.ls-element a.ls_link:before,
p.gs-element a.ls_link:before {
  content: url("../images/easy-to-read-simple-icon.svg");
  display: inline-block;
  height: 0.9375rem;
  width: 0.9375rem;
  position: absolute;
  top: -1px;
  left: 0;
}

p.ls-element a.gs_link,
p.gs-element a.gs_link {
  color: #666;
  text-decoration: none;
  padding-left: 20px;
  position: relative;
}

p.ls-element a.gs_link:before,
p.gs-element a.gs_link:before {
  content: url("../images/sign-language-simple-icon.svg");
  display: inline-block;
  height: 0.9375rem;
  width: 0.9375rem;
  position: absolute;
  top: -1px;
  left: 0;
}

#block-accessiblelanguage p {
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-size: 0.9375rem;
  line-height: 1.3;
}

#block-accessiblelanguage a {
  color: #666;
  position: relative;
  padding-left: 20px;
  text-decoration: none;
}

#block-accessiblelanguage a:before {
  position: absolute;
  left: 0;
  top: 0;
  color: #333;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
}

#block-accessiblelanguage a:before {
  top: -1px;
}

@media all and (min-width: 0) and (max-width: 759.97px) {
  #block-accessiblelanguage {
    display: none;
  }
}

#block-dropdownlanguage {
  display: inline-block;
}

html[dir="ltr"] #block-dropdownlanguage .dropbutton-widget {
  padding-right: 0;
}

html[dir="rtl"] #block-dropdownlanguage .dropbutton-widget {
  padding-left: 0;
}

#block-dropdownlanguage > p {
  margin: 0;
  line-height: 20px;
}

#block-dropdownlanguage ul.dropdown-language-item > li {
  display: none;
  padding-top: 4px;
}

#block-dropdownlanguage ul.dropdown-language-item .language-link {
  position: relative;
  z-index: 9;
  width: 100%;
}

html[dir="ltr"] #block-dropdownlanguage ul.dropdown-language-item .language-link {
  padding-right: 20px;
}

html[dir="rtl"] #block-dropdownlanguage ul.dropdown-language-item .language-link {
  padding-left: 18px;
}

#block-dropdownlanguage ul.dropdown-language-item > li:first-child {
  display: block;
  cursor: pointer;
  padding-top: 0;
}

#block-dropdownlanguage ul.dropdown-language-item > li:first-child:after {
  position: absolute;
  top: -1px;
  content: "▾";
  display: inline-block;
  padding-bottom: 16px;
  text-align: center;
  -webkit-transform-origin: 50% 55%;
      -ms-transform-origin: 50% 55%;
          transform-origin: 50% 55%;
  -webkit-transition:-webkit-transform .5s;
  transition:-webkit-transform .5s;
  transition:transform .5s;
  transition: transform .5s, -webkit-transform .5s;
  width: 20px;
  height: 18px;
}

html[dir="ltr"] #block-dropdownlanguage ul.dropdown-language-item > li:first-child:after {
  right: 0;
}

html[dir="rtl"] #block-dropdownlanguage ul.dropdown-language-item > li:first-child:after {
  left: 0;
}

#block-dropdownlanguage .dropbutton-wrapper.open li {
  display: block;
  background-color: white;
}

#block-dropdownlanguage .dropbutton-wrapper.open li:first-child:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

#block-dropdownlanguage .dropbutton-toggle {
  display: none !important;
}

#block-dropdownlanguage a,
#block-dropdownlanguage .language-link {
  border: 0;
  display: inline-block;
  font-weight: 400;
  color: #666;
  text-decoration: underline;
  text-transform: uppercase;
}

#block-dropdownlanguage a.active-language,
#block-dropdownlanguage .language-link.active-language {
  text-decoration: none;
}

#block-dropdownlanguage a:hover, #block-dropdownlanguage a:focus-visible,
#block-dropdownlanguage .language-link:hover,
#block-dropdownlanguage .language-link:focus-visible {
  color: #949494;
}

#block-dropdownlanguage a.active,
#block-dropdownlanguage .language-link.active {
  text-decoration: none;
}

#block-dropdownlanguage a.locale-untranslated, #block-dropdownlanguage a.locale-untranslated:hover, #block-dropdownlanguage a.locale-untranslated:focus-visible,
#block-dropdownlanguage .language-link.locale-untranslated,
#block-dropdownlanguage .language-link.locale-untranslated:hover,
#block-dropdownlanguage .language-link.locale-untranslated:focus-visible {
  text-decoration: none;
}

#block-dropdownlanguage a[href$="/leichte-sprache"],
#block-dropdownlanguage .language-link[href$="/leichte-sprache"] {
  text-transform: none;
  text-decoration: none;
}

@media all and (min-width: 0) and (max-width: 759.97px) {
  .header-minimal__locale #block-dropdownlanguage {
    display: none;
  }
}

.header-minimal__locale #block-dropdownlanguage#block-locale-language {
  display: inline-block;
}

.region-header {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  padding: 8px 0 10px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-margin-end: 10px;
     -moz-margin-end: 10px;
          margin-inline-end: 10px;
}

.region-header .block-cart-icon {
  -webkit-margin-end: 1.5rem;
     -moz-margin-end: 1.5rem;
          margin-inline-end: 1.5rem;
}

.region-header .block-cart-icon:has(+ .block-slide-in-menu-block-hamburger) {
  -webkit-margin-end: 0;
     -moz-margin-end: 0;
          margin-inline-end: 0;
}

html[dir="ltr"] body:not(.boell-slide-in-menu--is-used) .region-header {
  padding-right: 100px;
}

html[dir="rtl"] body:not(.boell-slide-in-menu--is-used) .region-header {
  padding-left: 100px;
}

@media all and (min-width: 760px) {
  .region-header {
    padding-top: 10px;
    padding-bottom: 20px;
  }
}

@media all and (min-width: 1024px) {
  .region-header {
    -webkit-margin-end: -62px;
       -moz-margin-end: -62px;
            margin-inline-end: -62px;
  }
}

.region-header .block p {
  margin: 0;
}

@media print {
  .region-header {
    display: none;
  }
}

@media all and (min-width: 760px) {
  .region-header {
    padding-top: 15px;
  }
}

.region-header .hamburger {
  padding: 0.35rem;
  background: #444;
  color: white;
  border: 1px solid #444;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 2.65rem;
}

.region-header .hamburger .hamburger-box {
  margin: auto;
}

.region-header .hamburger .hamburger-inner,
.region-header .hamburger .hamburger-inner:before,
.region-header .hamburger .hamburger-inner:after {
  background-color: white;
}

.region-branding {
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 20px;
}

@media all and (min-width: 1024px) {
  .region-branding {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    width: 980px;
  }
}

.region-branding .block {
  display: block;
  width: 100%;
  max-width: 380px;
}

@media all and (min-width: 1124px) {
  .region-branding .block {
    margin-left: -62px;
  }
}

@media all and (min-width: 1024px) {
  .region-branding .block {
    max-width: 400px;
  }
}

.region-branding .field--name-field-logo-image-first,
.region-branding .field--name-field-logo-image-second {
  width: 100%;
}

@media all and (min-width: 0) and (max-width: 759.97px) {
  .region-branding .field--name-field-logo-image-second {
    display: none;
  }
}

#block-boellcalendar-content .person--body, #block-boellcalendar-content .event--body, #block-boellcalendar-content .person--image {
  max-width: 620px;
}

#block-boellcalendar-content .person--body p, #block-boellcalendar-content .event--body p, #block-boellcalendar-content .person--image p {
  font-size: 1.0625rem;
}

#block-boellcalendar-content .event--image-caption {
  margin-top: 10px;
}

.view-all-trainers-d8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 32px;
}

.view-all-trainers-d8 .trainer {
  margin-bottom: 32px;
  width: 100%;
}

@media all and (min-width: 540px) {
  .view-all-trainers-d8 .trainer {
    max-width: 220px;
    margin-right: 20px;
  }
}

.view-all-trainers-d8 .trainer__name {
  font-size: 1.125rem;
  margin-bottom: 7px;
}

.view-all-trainers-d8 .trainer__name > a {
  text-decoration: none;
}

.view-all-trainers-d8 .trainer__body p {
  margin: 0;
}

.view-all-trainers-d8 .trainer__image {
  float: left;
  max-width: 50%;
  padding-right: 12px;
}

@media all and (min-width: 540px) {
  .view-all-trainers-d8 .trainer__image {
    float: none;
    max-width: 100%;
    padding: 0;
  }
}

.view-all-trainers-d8 .event--image-caption {
  display: none;
}

.page-afar-node .event--image {
  margin-bottom: 30px;
}

.page-afar-node .page--content {
  margin: 0 10px;
}

@media all and (min-width: 1024px) {
  .page-afar-node .page--content {
    margin: 0;
  }
}

.blazy .media.is-b-loading::before {
  content: '';
  display: block;
  width: 50px;
  height: 50px;
  max-width: 100%;
  left: 45%;
  top: 35%;
  -webkit-animation: none;
          animation: none;
  background: url(/themes/theodor/images/Animation_Boell_Logo_gray.gif);
  background-repeat: no-repeat;
  background-size: 50px;
}

.blazy .media--background {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.site-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  max-width: 980px;
}

.boell-slide-in-menu--is-used .site-header {
  margin-bottom: 24px;
}

@media all and (min-width: 760px) {
  .boell-slide-in-menu--is-used .site-header {
    margin-bottom: 44px;
    padding-top: 15px;
  }
}

.site-header a {
  color: #7c7c7c;
}

/* Drupal UI */
.megamenu__row .contextual {
  display: none;
}

.block-tags-glossary .views-summary {
  cursor: pointer;
  border-radius: 4px;
}

.block-tags-glossary .views-summary a {
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  line-height: 1.6;
  color: #444;
  font-size: 0.9375rem;
  text-decoration: none;
}

.layout-container {
  background: white;
  padding-top: 20px;
}

/* Modules are repeating visual patterns (suprise!) that define basic Layout-Elements.
 *
 * Modules are similar to grids' containers, in that, they usually fill 100% of the available width,
 * and are meant to give a part of a page a visual (most often horizontal) structure.
 *
 */
.module {
  width: 100%;
}

/* This class shall be used to */
.module-condensed-content {
  width: 100%;
}

@media all and (min-width: 1024px) {
  .module-condensed-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
  }
}

/* For Pages */
.site-content {
  padding-left: 10px;
  padding-right: 10px;
}

@media all and (min-width: 1024px) {
  .site-content {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    width: 980px;
  }
}

.article__flex-container {
  margin-left: auto;
  margin-right: auto;
}

.darkmode .article__flex-container {
  max-width: 730px;
}

.article__context-menu {
  width: 100%;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}

.article__context-menu .field__label {
  display: none;
}

.article__context-menu .custom-menu {
  padding: 0;
}

.article__context-menu .custom-menu-item {
  list-style: none;
  font-size: 1.0625rem;
  padding: 0 0 20px 0;
}

.article__context-menu .custom-menu-link {
  text-decoration: none;
  white-space: pre-wrap;
}

.article__context-menu .custom-menu-link:hover, .article__context-menu .custom-menu-link:focus-visible {
  text-decoration: underline;
}

.darkmode .article__context-menu .custom-menu-link {
  color: #fff;
}

.article__context-menu .custom-menu--sublevel .custom-menu-item {
  padding: 10px 0 0 16px;
}

.article__context-menu .custom-menu--sublevel .custom-menu-link {
  color: #91c800;
}

.field--name-field-context-menu {
  position: relative;
  background: #000000;
}

@media all and (min-width: 760px) {
  .field--name-field-context-menu {
    width: 200px;
    margin: 0 0 20px 20px;
  }
}

@media all and (min-width: 1024px) {
  .field--name-field-context-menu {
    box-shadow: -5px 2px 12px 3px rgba(0, 0, 0, 0.9);
    border-bottom-left-radius: 4px;
    float: right;
    margin-right: -60px;
    height: 90%;
    padding-left: 24px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10;
  }
}

@media all and (min-width: 1220px) {
  .field--name-field-context-menu {
    margin-right: -210px;
    width: 290px;
  }
}

.article-toc__indicator {
  -webkit-animation: fade-in 400ms ease-in-out;
          animation: fade-in 400ms ease-in-out;
  background-color: white;
  height: 1px;
  left: 0;
  margin-left: 14px;
  position: absolute;
  top: 0;
  -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
          transform-origin: top left;
  -webkit-transition:opacity 400ms linear, -webkit-transform 400ms cubic-bezier(0.86, 0, 0.07, 1);
  transition:opacity 400ms linear, -webkit-transform 400ms cubic-bezier(0.86, 0, 0.07, 1);
  transition:transform 400ms cubic-bezier(0.86, 0, 0.07, 1), opacity 400ms linear;
  transition: transform 400ms cubic-bezier(0.86, 0, 0.07, 1), opacity 400ms linear, -webkit-transform 400ms cubic-bezier(0.86, 0, 0.07, 1);
  width: 4px;
}

.footnotes {
  color: #444;
  margin: 0;
  border: none;
}

.footnotes__item-wrapper {
  margin-block: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.footnotes__item-text p, .footnotes__item-text a, .footnotes__item-backlinks p, .footnotes__item-backlinks a {
  font-size: 1.125rem !important;
  line-height: 1.3 !important;
  font-family: "dinweb", Helvetica, Arial, sans-serif !important;
  color: #444;
  margin: 0;
}

.footnote__citation {
  top: initial;
  vertical-align: auto;
  font-size: 1.2rem;
}

.footnote__citation:before {
  content: "[";
  display: inline-block;
}

.footnote__citation:after {
  content: "]";
  display: inline-block;
}

.littlefoot-footnote {
  border: none;
}

.littlefoot-footnote__host .littlefoot-footnote__button {
  background-color: transparent;
  border: 1px solid;
  line-height: 1.2;
  border-radius: 5px;
  font-size: 0.7em;
  letter-spacing: -1px;
  margin: 0 .1em 4px .2em;
  padding-top: 1px;
  padding-bottom: 1em;
  padding-right: 0.4em;
  padding-left: 0.3em;
  color: #444;
  border-color: #444;
}

.littlefoot-footnote__host .littlefoot-footnote__button:focus:not(:focus-visible) {
  outline: none;
}

.littlefoot-footnote__host .littlefoot-footnote__content {
  border-radius: 5px;
}

.littlefoot-footnote__host .littlefoot-footnote__content p, .littlefoot-footnote__host .littlefoot-footnote__content span,
.littlefoot-footnote__host .littlefoot-footnote__content a {
  color: #444;
}

@media all and (min-width: 0) and (max-width: 759.97px) {
  .littlefoot-footnote__host .littlefoot-footnote.is-active, .littlefoot-footnote__host .littlefoot-footnote.hamburger[aria-expanded='true'] {
    position: absolute;
  }
  .littlefoot-footnote__host .littlefoot-footnote__wrapper, .littlefoot-footnote__host .littlefoot-footnote__content {
    position: fixed;
  }
}

#newsletter-popup_container {
  background: #d9eca6;
  padding: 20px 20px 6px;
  border: 4px solid white;
  -webkit-transition:opacity 500ms;
  transition: opacity 500ms;
  max-width: 640px;
  margin: 30px auto 0;
  display: none;
}

#newsletter-popup_container[data-block-style='popup'] {
  z-index: 99;
  position: fixed;
  top: 10%;
  left: 0;
  right: 0;
}

#newsletter-popup_container h2 {
  font-family: var(--font-noto-serif);
  font-size: 1.75rem;
  margin: 0 34px 10px 2px;
  text-transform: none;
}

form.boell-newsletter-direct-subscribe {
  margin-top: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

form.boell-newsletter-direct-subscribe label {
  display: block;
  color: #444;
}

form.boell-newsletter-direct-subscribe select {
  border: none;
  padding: 7px;
  color: grey;
}

form.boell-newsletter-direct-subscribe .form-required:after {
  content: '';
  vertical-align: super;
  display: inline-block;
  /* Use a background image to prevent screen readers from announcing the text. */
  background-image: url("/core/misc/icons/ee0000/required.svg");
  background-repeat: no-repeat;
  background-size: 6px 6px;
  width: 6px;
  height: 6px;
  margin: 0 0.3em;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

form.boell-newsletter-direct-subscribe .form-select,
form.boell-newsletter-direct-subscribe .form-text {
  min-height: 44px;
}

form.boell-newsletter-direct-subscribe input[type="checkbox"] {
  vertical-align: top;
}

form.boell-newsletter-direct-subscribe .form-item-email {
  width: 100%;
}

form.boell-newsletter-direct-subscribe .form-item-email label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

form.boell-newsletter-direct-subscribe .form-item-email input {
  width: 100%;
}

form.boell-newsletter-direct-subscribe .form-item-street-address {
  -ms-grid-column: 2;
      grid-column-start: 2;
  grid-column-end: end;
}

form.boell-newsletter-direct-subscribe .form-item-consent-note label {
  display: inline;
}

form.boell-newsletter-direct-subscribe .form-item-consent-note {
  margin: 20px 8px;
  grid-column: 1/-1;
}

form.boell-newsletter-direct-subscribe .form-submit {
  font-family: var(--font-dinweb);
  font-size: 1.2rem;
  letter-spacing: 0.02em;
  min-height: 44px;
}

form.boell-newsletter-direct-subscribe.civi--contact-info-just-email .form-item-email {
  -webkit-box-ordinal-group: -1;
  -webkit-order: -2;
      -ms-flex-order: -2;
          order: -2;
  width: 100%;
  -webkit-margin-end: 0;
     -moz-margin-end: 0;
          margin-inline-end: 0;
}

@media all and (min-width: 0) and (max-width: 759.97px) {
  form.boell-newsletter-direct-subscribe.civi--contact-info-just-email .form-item-email {
    margin-bottom: 4px;
  }
}

@media all and (min-width: 760px) {
  form.boell-newsletter-direct-subscribe.civi--contact-info-just-email .form-item-email {
    -webkit-padding-end: 7px;
       -moz-padding-end: 7px;
            padding-inline-end: 7px;
  }
}

form.boell-newsletter-direct-subscribe.civi--contact-info-just-email .form-submit {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
      -ms-flex-order: -1;
          order: -1;
}

@media all and (min-width: 760px) {
  form.boell-newsletter-direct-subscribe.civi--contact-info-just-email {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2fr 1fr;
        grid-template-columns: 2fr 1fr;
  }
}

.newsletter-columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.newsletter-columns div {
  -webkit-margin-end: 20px;
     -moz-margin-end: 20px;
          margin-inline-end: 20px;
}

.newsletter-columns div:last-child {
  -webkit-margin-end: 0;
     -moz-margin-end: 0;
          margin-inline-end: 0;
}

.newsletter-popup_container .form-type-textfield {
  width: 300px;
  -webkit-margin-end: 30px;
     -moz-margin-end: 30px;
          margin-inline-end: 30px;
}

.newsletter-popup_container .form-type-textfield:last-child {
  -webkit-margin-end: 0;
     -moz-margin-end: 0;
          margin-inline-end: 0;
}

.newsletter-popup_container .form-type-textfield.form-item-email {
  width: 100%;
}

.newsletter-popup_container .form-type-select {
  width: 200px;
  -webkit-margin-end: 30px;
     -moz-margin-end: 30px;
          margin-inline-end: 30px;
}

.newsletter-name-container select, .newsletter-address-1 select, .newsletter-address-2 select, .newsletter-organisation select {
  width: 100%;
}

.newsletter-address-1 .form-item:last-child {
  margin-top: 20px;
}

.newsletter-name-container,
.newsletter-address-1,
.newsletter-address-2,
.newsletter-organisation {
  margin: 7px 0;
}

.newsletter-name-container input,
.newsletter-name-container select,
.newsletter-address-1 input,
.newsletter-address-1 select,
.newsletter-address-2 input,
.newsletter-address-2 select,
.newsletter-organisation input,
.newsletter-organisation select {
  width: 100%;
}

@media all and (min-width: 0) and (max-width: 759.97px) {
  .newsletter-name-container .form-item:not(:last-child),
.newsletter-address-1 .form-item:not(:last-child),
.newsletter-address-2 .form-item:not(:last-child),
.newsletter-organisation .form-item:not(:last-child) {
    margin-bottom: 15px;
  }
}

@media all and (min-width: 760px) {
  .newsletter-name-container,
.newsletter-address-1,
.newsletter-address-2,
.newsletter-organisation {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 2fr 2fr;
        grid-template-columns: 1fr 2fr 2fr;
    -webkit-column-gap: 7px;
       -moz-column-gap: 7px;
            column-gap: 7px;
  }
  .newsletter-name-container input,
.newsletter-name-container select,
.newsletter-address-1 input,
.newsletter-address-1 select,
.newsletter-address-2 input,
.newsletter-address-2 select,
.newsletter-organisation input,
.newsletter-organisation select {
    margin-top: 7px;
  }
}

.newsletter-organisation {
  row-gap: 14px;
}

div#newsletter-popup_container input[type="checkbox"],
div#newsletter-popup_container input[type="radio"] {
  height: auto;
  -webkit-margin-end: 0.5em;
     -moz-margin-end: 0.5em;
          margin-inline-end: 0.5em;
}

div#newsletter-popup_container .form-item-consent-note a {
  display: inline-block;
}

a.close-newsletter-popup {
  position: absolute;
  width: 32px;
  height: 32px;
  opacity: 1;
  right: 20px;
  top: 20px;
  cursor: pointer;
}

a.close-newsletter-popup:hover, a.close-newsletter-popup:focus-visible {
  opacity: 0.3;
}

a.close-newsletter-popup:before, a.close-newsletter-popup:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 3px;
  background-color: #444;
}

a.close-newsletter-popup:before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

a.close-newsletter-popup:after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.grid-box-civinewsletter_subscribe.grid-box {
  background: #ddebae;
  padding: 15px;
}

.grid-box-civinewsletter_subscribe.grid-box .boell-newsletter-direct-subscribe {
  margin: 7px 0 0;
}

.grid-box-civinewsletter_subscribe.grid-box .boell-newsletter-direct-subscribe .form-item-email {
  margin-bottom: 7px;
}

.grid-box-civinewsletter_subscribe.grid-box .boell-newsletter-direct-subscribe.civi--contact-info-just-email .form-item-consent-note {
  margin-bottom: 0;
}

@media all and (min-width: 760px) {
  .grid-box-civinewsletter_subscribe.grid-box .boell-newsletter-direct-subscribe.civi--contact-info-just-email .form-item-email {
    margin-bottom: 0;
  }
}

.newsletter-footer_container {
  margin: 0;
  max-width: 100%;
  border: none;
  padding: 1rem;
  padding-bottom: 0;
  background: #91c800;
}

.newsletter-footer_container .newsletter-content {
  max-width: 980px;
  margin: auto;
  color: #444;
}

@media all and (min-width: 760px) {
  .newsletter-footer_container .newsletter-content {
    max-width: 100%;
    margin: 0 5rem;
  }
}

.newsletter-footer_container .newsletter-content * {
  color: inherit;
}

.newsletter-footer_container .newsletter-content h2 {
  font-family: var(--font-dinweb);
  font-size: 1.75rem;
}

.newsletter-footer_container .newsletter-content input.form-text {
  color: #444;
  background: white;
}

.newsletter-footer_container .form-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

@media all and (min-width: 760px) {
  .newsletter-footer_container .form-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.newsletter-footer_container .form-container img {
  width: 100%;
}

@media all and (min-width: 760px) {
  .newsletter-footer_container .form-container img {
    width: 25%;
    -webkit-margin-end: 1rem;
       -moz-margin-end: 1rem;
            margin-inline-end: 1rem;
  }
}

.newsletter-footer_container .form-container .button.form-submit {
  background: #DEEEB2;
  font-weight: 600;
}

@media all and (min-width: 760px) {
  .newsletter-footer_container .form-container .button.form-submit {
    -webkit-margin-start: 1rem;
       -moz-margin-start: 1rem;
            margin-inline-start: 1rem;
  }
}

.newsletter-footer_container .form-container form .form-item-consent-note {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-margin-start: 0;
     -moz-margin-start: 0;
          margin-inline-start: 0;
}

.newsletter-footer_container .form-container form .form-item-consent-note label {
  -webkit-margin-start: 0.75rem;
     -moz-margin-start: 0.75rem;
          margin-inline-start: 0.75rem;
}

.newsletter-footer_container.no-form .newsletter-content {
  text-align: center;
}

.newsletter-footer_container.no-form .form-container {
  display: block;
}

.newsletter-footer_container.no-form .form-container .button {
  margin: 1rem;
}

.pager {
  overflow: hidden;
  clear: both;
  padding-bottom: 24px;
  padding-top: 24px;
}

.pager ul {
  padding-left: 0;
}

.pager .pager__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.pager .pager__item {
  padding-left: unset;
  padding-right: unset;
  margin-top: unset;
  margin-bottom: unset;
  list-style: none;
  /* thank you classy for nothing */
  margin: 0;
  padding: 0 0.2em;
  max-height: 40px;
}

.pager .pager__item a {
  display: block;
  display: inline-block;
  text-decoration: none;
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.3;
  text-decoration: none;
  -webkit-padding-before: 12px;
          padding-block-start: 12px;
  -webkit-padding-after: 10px;
          padding-block-end: 10px;
  padding-inline: 15px;
  cursor: pointer;
  font-weight: 700;
  -webkit-transition:background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  font-size: 1rem;
  line-height: 1;
  background: #f1f1f1;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 7px;
  font-size: 0.75rem;
  padding-top: 10.5px;
  border-radius: 3px;
  border: none;
}

.pager .pager__item.is-active a, .pager .pager__item.hamburger[aria-expanded='true'] a,
.pager .pager__item--next a,
.pager .pager__item--previous a {
  display: inline-block;
  text-decoration: none;
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.3;
  text-decoration: none;
  -webkit-padding-before: 12px;
          padding-block-start: 12px;
  -webkit-padding-after: 10px;
          padding-block-end: 10px;
  padding-inline: 15px;
  cursor: pointer;
  font-weight: 700;
  -webkit-transition:background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  font-size: 1rem;
  line-height: 1;
  background-color: #91c800;
  color: #333;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 7px;
  font-size: 0.75rem;
  padding-top: 10.5px;
  font-weight: 700;
  border: none;
}

.pager .pager__item.is-active a:hover, .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .pager .pager__item.is-active a:focus-visible, .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible,
.pager .pager__item--next a:hover,
.pager .pager__item--next a:focus-visible,
.pager .pager__item--previous a:hover,
.pager .pager__item--previous a:focus-visible {
  background: #a3e200;
}

.grid-container.color--bildungswerk-blue .pager .pager__item.is-active a, .grid-container.color--bildungswerk-blue .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-container.color--bildungswerk-blue .pager .pager__item--next a, .grid-container.color--bildungswerk-blue .pager .pager__item--previous a {
  background-color: #203c89;
  color: #333;
}

.grid-container.color--bildungswerk-blue .pager .pager__item.is-active a:hover, .grid-container.color--bildungswerk-blue .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-container.color--bildungswerk-blue .pager .pager__item.is-active a:focus-visible, .grid-container.color--bildungswerk-blue .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-container.color--bildungswerk-blue .pager .pager__item--next a:hover, .grid-container.color--bildungswerk-blue .pager .pager__item--next a:focus-visible, .grid-container.color--bildungswerk-blue .pager .pager__item--previous a:hover, .grid-container.color--bildungswerk-blue .pager .pager__item--previous a:focus-visible {
  background: #25459e;
}

.grid-box.color--bildungswerk-blue .pager .pager__item.is-active a, .grid-box.color--bildungswerk-blue .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-box.color--bildungswerk-blue .pager .pager__item--next a, .grid-box.color--bildungswerk-blue .pager .pager__item--previous a {
  background-color: #203c89 !important;
  color: #333 !important;
}

.grid-box.color--bildungswerk-blue .pager .pager__item.is-active a:hover, .grid-box.color--bildungswerk-blue .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-box.color--bildungswerk-blue .pager .pager__item.is-active a:focus-visible, .grid-box.color--bildungswerk-blue .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-box.color--bildungswerk-blue .pager .pager__item--next a:hover, .grid-box.color--bildungswerk-blue .pager .pager__item--next a:focus-visible, .grid-box.color--bildungswerk-blue .pager .pager__item--previous a:hover, .grid-box.color--bildungswerk-blue .pager .pager__item--previous a:focus-visible {
  background: #25459e !important;
}

.grid-container.color--bildungswerk-green .pager .pager__item.is-active a, .grid-container.color--bildungswerk-green .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-container.color--bildungswerk-green .pager .pager__item--next a, .grid-container.color--bildungswerk-green .pager .pager__item--previous a {
  background-color: #198632;
  color: #333;
}

.grid-container.color--bildungswerk-green .pager .pager__item.is-active a:hover, .grid-container.color--bildungswerk-green .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-container.color--bildungswerk-green .pager .pager__item.is-active a:focus-visible, .grid-container.color--bildungswerk-green .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-container.color--bildungswerk-green .pager .pager__item--next a:hover, .grid-container.color--bildungswerk-green .pager .pager__item--next a:focus-visible, .grid-container.color--bildungswerk-green .pager .pager__item--previous a:hover, .grid-container.color--bildungswerk-green .pager .pager__item--previous a:focus-visible {
  background: #1d9b3a;
}

.grid-box.color--bildungswerk-green .pager .pager__item.is-active a, .grid-box.color--bildungswerk-green .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-box.color--bildungswerk-green .pager .pager__item--next a, .grid-box.color--bildungswerk-green .pager .pager__item--previous a {
  background-color: #198632 !important;
  color: #333 !important;
}

.grid-box.color--bildungswerk-green .pager .pager__item.is-active a:hover, .grid-box.color--bildungswerk-green .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-box.color--bildungswerk-green .pager .pager__item.is-active a:focus-visible, .grid-box.color--bildungswerk-green .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-box.color--bildungswerk-green .pager .pager__item--next a:hover, .grid-box.color--bildungswerk-green .pager .pager__item--next a:focus-visible, .grid-box.color--bildungswerk-green .pager .pager__item--previous a:hover, .grid-box.color--bildungswerk-green .pager .pager__item--previous a:focus-visible {
  background: #1d9b3a !important;
}

.grid-container.color--boell-blue .pager .pager__item.is-active a, .grid-container.color--boell-blue .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-container.color--boell-blue .pager .pager__item--next a, .grid-container.color--boell-blue .pager .pager__item--previous a {
  background-color: #0e307f;
  color: white !important;
}

.grid-container.color--boell-blue .pager .pager__item.is-active a:hover, .grid-container.color--boell-blue .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-container.color--boell-blue .pager .pager__item.is-active a:focus-visible, .grid-container.color--boell-blue .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-container.color--boell-blue .pager .pager__item--next a:hover, .grid-container.color--boell-blue .pager .pager__item--next a:focus-visible, .grid-container.color--boell-blue .pager .pager__item--previous a:hover, .grid-container.color--boell-blue .pager .pager__item--previous a:focus-visible {
  background: #0b2768;
}

.grid-box.color--boell-blue .pager .pager__item.is-active a, .grid-box.color--boell-blue .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-box.color--boell-blue .pager .pager__item--next a, .grid-box.color--boell-blue .pager .pager__item--previous a {
  background-color: #0e307f !important;
  color: white !important;
}

.grid-box.color--boell-blue .pager .pager__item.is-active a:hover, .grid-box.color--boell-blue .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-box.color--boell-blue .pager .pager__item.is-active a:focus-visible, .grid-box.color--boell-blue .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-box.color--boell-blue .pager .pager__item--next a:hover, .grid-box.color--boell-blue .pager .pager__item--next a:focus-visible, .grid-box.color--boell-blue .pager .pager__item--previous a:hover, .grid-box.color--boell-blue .pager .pager__item--previous a:focus-visible {
  background: #0b2768 !important;
}

.grid-container.color--boell-dark-green .pager .pager__item.is-active a, .grid-container.color--boell-dark-green .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-container.color--boell-dark-green .pager .pager__item--next a, .grid-container.color--boell-dark-green .pager .pager__item--previous a {
  background-color: #45783a;
  color: white !important;
}

.grid-container.color--boell-dark-green .pager .pager__item.is-active a:hover, .grid-container.color--boell-dark-green .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-container.color--boell-dark-green .pager .pager__item.is-active a:focus-visible, .grid-container.color--boell-dark-green .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-container.color--boell-dark-green .pager .pager__item--next a:hover, .grid-container.color--boell-dark-green .pager .pager__item--next a:focus-visible, .grid-container.color--boell-dark-green .pager .pager__item--previous a:hover, .grid-container.color--boell-dark-green .pager .pager__item--previous a:focus-visible {
  background: #3b6732;
}

.grid-box.color--boell-dark-green .pager .pager__item.is-active a, .grid-box.color--boell-dark-green .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-box.color--boell-dark-green .pager .pager__item--next a, .grid-box.color--boell-dark-green .pager .pager__item--previous a {
  background-color: #45783a !important;
  color: white !important;
}

.grid-box.color--boell-dark-green .pager .pager__item.is-active a:hover, .grid-box.color--boell-dark-green .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-box.color--boell-dark-green .pager .pager__item.is-active a:focus-visible, .grid-box.color--boell-dark-green .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-box.color--boell-dark-green .pager .pager__item--next a:hover, .grid-box.color--boell-dark-green .pager .pager__item--next a:focus-visible, .grid-box.color--boell-dark-green .pager .pager__item--previous a:hover, .grid-box.color--boell-dark-green .pager .pager__item--previous a:focus-visible {
  background: #3b6732 !important;
}

.grid-container.color--boell-green .pager .pager__item.is-active a, .grid-container.color--boell-green .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-container.color--boell-green .pager .pager__item--next a, .grid-container.color--boell-green .pager .pager__item--previous a {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--boell-green .pager .pager__item.is-active a:hover, .grid-container.color--boell-green .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-container.color--boell-green .pager .pager__item.is-active a:focus-visible, .grid-container.color--boell-green .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-container.color--boell-green .pager .pager__item--next a:hover, .grid-container.color--boell-green .pager .pager__item--next a:focus-visible, .grid-container.color--boell-green .pager .pager__item--previous a:hover, .grid-container.color--boell-green .pager .pager__item--previous a:focus-visible {
  background: #a3e200;
}

.grid-box.color--boell-green .pager .pager__item.is-active a, .grid-box.color--boell-green .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-box.color--boell-green .pager .pager__item--next a, .grid-box.color--boell-green .pager .pager__item--previous a {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--boell-green .pager .pager__item.is-active a:hover, .grid-box.color--boell-green .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-box.color--boell-green .pager .pager__item.is-active a:focus-visible, .grid-box.color--boell-green .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-box.color--boell-green .pager .pager__item--next a:hover, .grid-box.color--boell-green .pager .pager__item--next a:focus-visible, .grid-box.color--boell-green .pager .pager__item--previous a:hover, .grid-box.color--boell-green .pager .pager__item--previous a:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--boell-orange .pager .pager__item.is-active a, .grid-container.color--boell-orange .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-container.color--boell-orange .pager .pager__item--next a, .grid-container.color--boell-orange .pager .pager__item--previous a {
  background-color: #fd7232;
  color: #333;
}

.grid-container.color--boell-orange .pager .pager__item.is-active a:hover, .grid-container.color--boell-orange .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-container.color--boell-orange .pager .pager__item.is-active a:focus-visible, .grid-container.color--boell-orange .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-container.color--boell-orange .pager .pager__item--next a:hover, .grid-container.color--boell-orange .pager .pager__item--next a:focus-visible, .grid-container.color--boell-orange .pager .pager__item--previous a:hover, .grid-container.color--boell-orange .pager .pager__item--previous a:focus-visible {
  background: #fd834b;
}

.grid-box.color--boell-orange .pager .pager__item.is-active a, .grid-box.color--boell-orange .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-box.color--boell-orange .pager .pager__item--next a, .grid-box.color--boell-orange .pager .pager__item--previous a {
  background-color: #fd7232 !important;
  color: #333 !important;
}

.grid-box.color--boell-orange .pager .pager__item.is-active a:hover, .grid-box.color--boell-orange .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-box.color--boell-orange .pager .pager__item.is-active a:focus-visible, .grid-box.color--boell-orange .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-box.color--boell-orange .pager .pager__item--next a:hover, .grid-box.color--boell-orange .pager .pager__item--next a:focus-visible, .grid-box.color--boell-orange .pager .pager__item--previous a:hover, .grid-box.color--boell-orange .pager .pager__item--previous a:focus-visible {
  background: #fd834b !important;
}

.grid-container.color--boell-red .pager .pager__item.is-active a, .grid-container.color--boell-red .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-container.color--boell-red .pager .pager__item--next a, .grid-container.color--boell-red .pager .pager__item--previous a {
  background-color: #cc0000;
  color: white !important;
}

.grid-container.color--boell-red .pager .pager__item.is-active a:hover, .grid-container.color--boell-red .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-container.color--boell-red .pager .pager__item.is-active a:focus-visible, .grid-container.color--boell-red .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-container.color--boell-red .pager .pager__item--next a:hover, .grid-container.color--boell-red .pager .pager__item--next a:focus-visible, .grid-container.color--boell-red .pager .pager__item--previous a:hover, .grid-container.color--boell-red .pager .pager__item--previous a:focus-visible {
  background: #b30000;
}

.grid-box.color--boell-red .pager .pager__item.is-active a, .grid-box.color--boell-red .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-box.color--boell-red .pager .pager__item--next a, .grid-box.color--boell-red .pager .pager__item--previous a {
  background-color: #cc0000 !important;
  color: white !important;
}

.grid-box.color--boell-red .pager .pager__item.is-active a:hover, .grid-box.color--boell-red .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-box.color--boell-red .pager .pager__item.is-active a:focus-visible, .grid-box.color--boell-red .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-box.color--boell-red .pager .pager__item--next a:hover, .grid-box.color--boell-red .pager .pager__item--next a:focus-visible, .grid-box.color--boell-red .pager .pager__item--previous a:hover, .grid-box.color--boell-red .pager .pager__item--previous a:focus-visible {
  background: #b30000 !important;
}

.grid-container.color--boell-turquoise .pager .pager__item.is-active a, .grid-container.color--boell-turquoise .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-container.color--boell-turquoise .pager .pager__item--next a, .grid-container.color--boell-turquoise .pager .pager__item--previous a {
  background-color: #008599;
  color: white !important;
}

.grid-container.color--boell-turquoise .pager .pager__item.is-active a:hover, .grid-container.color--boell-turquoise .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-container.color--boell-turquoise .pager .pager__item.is-active a:focus-visible, .grid-container.color--boell-turquoise .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-container.color--boell-turquoise .pager .pager__item--next a:hover, .grid-container.color--boell-turquoise .pager .pager__item--next a:focus-visible, .grid-container.color--boell-turquoise .pager .pager__item--previous a:hover, .grid-container.color--boell-turquoise .pager .pager__item--previous a:focus-visible {
  background: #006f80;
}

.grid-box.color--boell-turquoise .pager .pager__item.is-active a, .grid-box.color--boell-turquoise .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-box.color--boell-turquoise .pager .pager__item--next a, .grid-box.color--boell-turquoise .pager .pager__item--previous a {
  background-color: #008599 !important;
  color: white !important;
}

.grid-box.color--boell-turquoise .pager .pager__item.is-active a:hover, .grid-box.color--boell-turquoise .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-box.color--boell-turquoise .pager .pager__item.is-active a:focus-visible, .grid-box.color--boell-turquoise .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-box.color--boell-turquoise .pager .pager__item--next a:hover, .grid-box.color--boell-turquoise .pager .pager__item--next a:focus-visible, .grid-box.color--boell-turquoise .pager .pager__item--previous a:hover, .grid-box.color--boell-turquoise .pager .pager__item--previous a:focus-visible {
  background: #006f80 !important;
}

.grid-container.color--boell-gray .pager .pager__item.is-active a, .grid-container.color--boell-gray .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-container.color--boell-gray .pager .pager__item--next a, .grid-container.color--boell-gray .pager .pager__item--previous a {
  background-color: #e2e2e2;
  color: #333;
}

.grid-container.color--boell-gray .pager .pager__item.is-active a:hover, .grid-container.color--boell-gray .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-container.color--boell-gray .pager .pager__item.is-active a:focus-visible, .grid-container.color--boell-gray .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-container.color--boell-gray .pager .pager__item--next a:hover, .grid-container.color--boell-gray .pager .pager__item--next a:focus-visible, .grid-container.color--boell-gray .pager .pager__item--previous a:hover, .grid-container.color--boell-gray .pager .pager__item--previous a:focus-visible {
  background: #efefef;
}

.grid-box.color--boell-gray .pager .pager__item.is-active a, .grid-box.color--boell-gray .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-box.color--boell-gray .pager .pager__item--next a, .grid-box.color--boell-gray .pager .pager__item--previous a {
  background-color: #e2e2e2 !important;
  color: #333 !important;
}

.grid-box.color--boell-gray .pager .pager__item.is-active a:hover, .grid-box.color--boell-gray .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-box.color--boell-gray .pager .pager__item.is-active a:focus-visible, .grid-box.color--boell-gray .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-box.color--boell-gray .pager .pager__item--next a:hover, .grid-box.color--boell-gray .pager .pager__item--next a:focus-visible, .grid-box.color--boell-gray .pager .pager__item--previous a:hover, .grid-box.color--boell-gray .pager .pager__item--previous a:focus-visible {
  background: #efefef !important;
}

.grid-container.color--boell-yellow .pager .pager__item.is-active a, .grid-container.color--boell-yellow .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-container.color--boell-yellow .pager .pager__item--next a, .grid-container.color--boell-yellow .pager .pager__item--previous a {
  background-color: #fac32f;
  color: #333;
}

.grid-container.color--boell-yellow .pager .pager__item.is-active a:hover, .grid-container.color--boell-yellow .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-container.color--boell-yellow .pager .pager__item.is-active a:focus-visible, .grid-container.color--boell-yellow .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-container.color--boell-yellow .pager .pager__item--next a:hover, .grid-container.color--boell-yellow .pager .pager__item--next a:focus-visible, .grid-container.color--boell-yellow .pager .pager__item--previous a:hover, .grid-container.color--boell-yellow .pager .pager__item--previous a:focus-visible {
  background: #fbca48;
}

.grid-box.color--boell-yellow .pager .pager__item.is-active a, .grid-box.color--boell-yellow .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-box.color--boell-yellow .pager .pager__item--next a, .grid-box.color--boell-yellow .pager .pager__item--previous a {
  background-color: #fac32f !important;
  color: #333 !important;
}

.grid-box.color--boell-yellow .pager .pager__item.is-active a:hover, .grid-box.color--boell-yellow .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-box.color--boell-yellow .pager .pager__item.is-active a:focus-visible, .grid-box.color--boell-yellow .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-box.color--boell-yellow .pager .pager__item--next a:hover, .grid-box.color--boell-yellow .pager .pager__item--next a:focus-visible, .grid-box.color--boell-yellow .pager .pager__item--previous a:hover, .grid-box.color--boell-yellow .pager .pager__item--previous a:focus-visible {
  background: #fbca48 !important;
}

.grid-container.color--brandenburg-blue .pager .pager__item.is-active a, .grid-container.color--brandenburg-blue .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-container.color--brandenburg-blue .pager .pager__item--next a, .grid-container.color--brandenburg-blue .pager .pager__item--previous a {
  background-color: #0064a7;
  color: white !important;
}

.grid-container.color--brandenburg-blue .pager .pager__item.is-active a:hover, .grid-container.color--brandenburg-blue .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-container.color--brandenburg-blue .pager .pager__item.is-active a:focus-visible, .grid-container.color--brandenburg-blue .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-container.color--brandenburg-blue .pager .pager__item--next a:hover, .grid-container.color--brandenburg-blue .pager .pager__item--next a:focus-visible, .grid-container.color--brandenburg-blue .pager .pager__item--previous a:hover, .grid-container.color--brandenburg-blue .pager .pager__item--previous a:focus-visible {
  background: #00558e;
}

.grid-box.color--brandenburg-blue .pager .pager__item.is-active a, .grid-box.color--brandenburg-blue .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-box.color--brandenburg-blue .pager .pager__item--next a, .grid-box.color--brandenburg-blue .pager .pager__item--previous a {
  background-color: #0064a7 !important;
  color: white !important;
}

.grid-box.color--brandenburg-blue .pager .pager__item.is-active a:hover, .grid-box.color--brandenburg-blue .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-box.color--brandenburg-blue .pager .pager__item.is-active a:focus-visible, .grid-box.color--brandenburg-blue .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-box.color--brandenburg-blue .pager .pager__item--next a:hover, .grid-box.color--brandenburg-blue .pager .pager__item--next a:focus-visible, .grid-box.color--brandenburg-blue .pager .pager__item--previous a:hover, .grid-box.color--brandenburg-blue .pager .pager__item--previous a:focus-visible {
  background: #00558e !important;
}

.grid-container.color--brandenburg-green .pager .pager__item.is-active a, .grid-container.color--brandenburg-green .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-container.color--brandenburg-green .pager .pager__item--next a, .grid-container.color--brandenburg-green .pager .pager__item--previous a {
  background-color: #95bb2e;
  color: #333;
}

.grid-container.color--brandenburg-green .pager .pager__item.is-active a:hover, .grid-container.color--brandenburg-green .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-container.color--brandenburg-green .pager .pager__item.is-active a:focus-visible, .grid-container.color--brandenburg-green .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-container.color--brandenburg-green .pager .pager__item--next a:hover, .grid-container.color--brandenburg-green .pager .pager__item--next a:focus-visible, .grid-container.color--brandenburg-green .pager .pager__item--previous a:hover, .grid-container.color--brandenburg-green .pager .pager__item--previous a:focus-visible {
  background: #a4cd35;
}

.grid-box.color--brandenburg-green .pager .pager__item.is-active a, .grid-box.color--brandenburg-green .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-box.color--brandenburg-green .pager .pager__item--next a, .grid-box.color--brandenburg-green .pager .pager__item--previous a {
  background-color: #95bb2e !important;
  color: #333 !important;
}

.grid-box.color--brandenburg-green .pager .pager__item.is-active a:hover, .grid-box.color--brandenburg-green .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-box.color--brandenburg-green .pager .pager__item.is-active a:focus-visible, .grid-box.color--brandenburg-green .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-box.color--brandenburg-green .pager .pager__item--next a:hover, .grid-box.color--brandenburg-green .pager .pager__item--next a:focus-visible, .grid-box.color--brandenburg-green .pager .pager__item--previous a:hover, .grid-box.color--brandenburg-green .pager .pager__item--previous a:focus-visible {
  background: #a4cd35 !important;
}

.grid-container.color--brandenburg-orange .pager .pager__item.is-active a, .grid-container.color--brandenburg-orange .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-container.color--brandenburg-orange .pager .pager__item--next a, .grid-container.color--brandenburg-orange .pager .pager__item--previous a {
  background-color: #f8ad14;
  color: #333;
}

.grid-container.color--brandenburg-orange .pager .pager__item.is-active a:hover, .grid-container.color--brandenburg-orange .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-container.color--brandenburg-orange .pager .pager__item.is-active a:focus-visible, .grid-container.color--brandenburg-orange .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-container.color--brandenburg-orange .pager .pager__item--next a:hover, .grid-container.color--brandenburg-orange .pager .pager__item--next a:focus-visible, .grid-container.color--brandenburg-orange .pager .pager__item--previous a:hover, .grid-container.color--brandenburg-orange .pager .pager__item--previous a:focus-visible {
  background: #f9b62d;
}

.grid-box.color--brandenburg-orange .pager .pager__item.is-active a, .grid-box.color--brandenburg-orange .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-box.color--brandenburg-orange .pager .pager__item--next a, .grid-box.color--brandenburg-orange .pager .pager__item--previous a {
  background-color: #f8ad14 !important;
  color: #333 !important;
}

.grid-box.color--brandenburg-orange .pager .pager__item.is-active a:hover, .grid-box.color--brandenburg-orange .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-box.color--brandenburg-orange .pager .pager__item.is-active a:focus-visible, .grid-box.color--brandenburg-orange .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-box.color--brandenburg-orange .pager .pager__item--next a:hover, .grid-box.color--brandenburg-orange .pager .pager__item--next a:focus-visible, .grid-box.color--brandenburg-orange .pager .pager__item--previous a:hover, .grid-box.color--brandenburg-orange .pager .pager__item--previous a:focus-visible {
  background: #f9b62d !important;
}

.grid-container.color--brandenburg-red .pager .pager__item.is-active a, .grid-container.color--brandenburg-red .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-container.color--brandenburg-red .pager .pager__item--next a, .grid-container.color--brandenburg-red .pager .pager__item--previous a {
  background-color: #e02d34;
  color: #333;
}

.grid-container.color--brandenburg-red .pager .pager__item.is-active a:hover, .grid-container.color--brandenburg-red .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-container.color--brandenburg-red .pager .pager__item.is-active a:focus-visible, .grid-container.color--brandenburg-red .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-container.color--brandenburg-red .pager .pager__item--next a:hover, .grid-container.color--brandenburg-red .pager .pager__item--next a:focus-visible, .grid-container.color--brandenburg-red .pager .pager__item--previous a:hover, .grid-container.color--brandenburg-red .pager .pager__item--previous a:focus-visible {
  background: #e34349;
}

.grid-box.color--brandenburg-red .pager .pager__item.is-active a, .grid-box.color--brandenburg-red .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-box.color--brandenburg-red .pager .pager__item--next a, .grid-box.color--brandenburg-red .pager .pager__item--previous a {
  background-color: #e02d34 !important;
  color: #333 !important;
}

.grid-box.color--brandenburg-red .pager .pager__item.is-active a:hover, .grid-box.color--brandenburg-red .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-box.color--brandenburg-red .pager .pager__item.is-active a:focus-visible, .grid-box.color--brandenburg-red .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-box.color--brandenburg-red .pager .pager__item--next a:hover, .grid-box.color--brandenburg-red .pager .pager__item--next a:focus-visible, .grid-box.color--brandenburg-red .pager .pager__item--previous a:hover, .grid-box.color--brandenburg-red .pager .pager__item--previous a:focus-visible {
  background: #e34349 !important;
}

.grid-container.color--greencampus-green .pager .pager__item.is-active a, .grid-container.color--greencampus-green .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-container.color--greencampus-green .pager .pager__item--next a, .grid-container.color--greencampus-green .pager .pager__item--previous a {
  background-color: #6bb232;
  color: #333;
}

.grid-container.color--greencampus-green .pager .pager__item.is-active a:hover, .grid-container.color--greencampus-green .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-container.color--greencampus-green .pager .pager__item.is-active a:focus-visible, .grid-container.color--greencampus-green .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-container.color--greencampus-green .pager .pager__item--next a:hover, .grid-container.color--greencampus-green .pager .pager__item--next a:focus-visible, .grid-container.color--greencampus-green .pager .pager__item--previous a:hover, .grid-container.color--greencampus-green .pager .pager__item--previous a:focus-visible {
  background: #77c638;
}

.grid-box.color--greencampus-green .pager .pager__item.is-active a, .grid-box.color--greencampus-green .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-box.color--greencampus-green .pager .pager__item--next a, .grid-box.color--greencampus-green .pager .pager__item--previous a {
  background-color: #6bb232 !important;
  color: #333 !important;
}

.grid-box.color--greencampus-green .pager .pager__item.is-active a:hover, .grid-box.color--greencampus-green .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-box.color--greencampus-green .pager .pager__item.is-active a:focus-visible, .grid-box.color--greencampus-green .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-box.color--greencampus-green .pager .pager__item--next a:hover, .grid-box.color--greencampus-green .pager .pager__item--next a:focus-visible, .grid-box.color--greencampus-green .pager .pager__item--previous a:hover, .grid-box.color--greencampus-green .pager .pager__item--previous a:focus-visible {
  background: #77c638 !important;
}

.grid-container.color--gwi-red .pager .pager__item.is-active a, .grid-container.color--gwi-red .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-container.color--gwi-red .pager .pager__item--next a, .grid-container.color--gwi-red .pager .pager__item--previous a {
  background-color: #E70457;
  color: white !important;
}

.grid-container.color--gwi-red .pager .pager__item.is-active a:hover, .grid-container.color--gwi-red .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-container.color--gwi-red .pager .pager__item.is-active a:focus-visible, .grid-container.color--gwi-red .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-container.color--gwi-red .pager .pager__item--next a:hover, .grid-container.color--gwi-red .pager .pager__item--next a:focus-visible, .grid-container.color--gwi-red .pager .pager__item--previous a:hover, .grid-container.color--gwi-red .pager .pager__item--previous a:focus-visible {
  background: #ce044e;
}

.grid-box.color--gwi-red .pager .pager__item.is-active a, .grid-box.color--gwi-red .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-box.color--gwi-red .pager .pager__item--next a, .grid-box.color--gwi-red .pager .pager__item--previous a {
  background-color: #E70457 !important;
  color: white !important;
}

.grid-box.color--gwi-red .pager .pager__item.is-active a:hover, .grid-box.color--gwi-red .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-box.color--gwi-red .pager .pager__item.is-active a:focus-visible, .grid-box.color--gwi-red .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-box.color--gwi-red .pager .pager__item--next a:hover, .grid-box.color--gwi-red .pager .pager__item--next a:focus-visible, .grid-box.color--gwi-red .pager .pager__item--previous a:hover, .grid-box.color--gwi-red .pager .pager__item--previous a:focus-visible {
  background: #ce044e !important;
}

.grid-container.color--gwi-turquoise .pager .pager__item.is-active a, .grid-container.color--gwi-turquoise .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-container.color--gwi-turquoise .pager .pager__item--next a, .grid-container.color--gwi-turquoise .pager .pager__item--previous a {
  background-color: #3a9192;
  color: white !important;
}

.grid-container.color--gwi-turquoise .pager .pager__item.is-active a:hover, .grid-container.color--gwi-turquoise .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-container.color--gwi-turquoise .pager .pager__item.is-active a:focus-visible, .grid-container.color--gwi-turquoise .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-container.color--gwi-turquoise .pager .pager__item--next a:hover, .grid-container.color--gwi-turquoise .pager .pager__item--next a:focus-visible, .grid-container.color--gwi-turquoise .pager .pager__item--previous a:hover, .grid-container.color--gwi-turquoise .pager .pager__item--previous a:focus-visible {
  background: #337f80;
}

.grid-box.color--gwi-turquoise .pager .pager__item.is-active a, .grid-box.color--gwi-turquoise .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-box.color--gwi-turquoise .pager .pager__item--next a, .grid-box.color--gwi-turquoise .pager .pager__item--previous a {
  background-color: #3a9192 !important;
  color: white !important;
}

.grid-box.color--gwi-turquoise .pager .pager__item.is-active a:hover, .grid-box.color--gwi-turquoise .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-box.color--gwi-turquoise .pager .pager__item.is-active a:focus-visible, .grid-box.color--gwi-turquoise .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-box.color--gwi-turquoise .pager .pager__item--next a:hover, .grid-box.color--gwi-turquoise .pager .pager__item--next a:focus-visible, .grid-box.color--gwi-turquoise .pager .pager__item--previous a:hover, .grid-box.color--gwi-turquoise .pager .pager__item--previous a:focus-visible {
  background: #337f80 !important;
}

.grid-container.color--infohub-plastic .pager .pager__item.is-active a, .grid-container.color--infohub-plastic .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-container.color--infohub-plastic .pager .pager__item--next a, .grid-container.color--infohub-plastic .pager .pager__item--previous a {
  background-color: #3B49BC;
  color: white !important;
}

.grid-container.color--infohub-plastic .pager .pager__item.is-active a:hover, .grid-container.color--infohub-plastic .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-container.color--infohub-plastic .pager .pager__item.is-active a:focus-visible, .grid-container.color--infohub-plastic .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-container.color--infohub-plastic .pager .pager__item--next a:hover, .grid-container.color--infohub-plastic .pager .pager__item--next a:focus-visible, .grid-container.color--infohub-plastic .pager .pager__item--previous a:hover, .grid-container.color--infohub-plastic .pager .pager__item--previous a:focus-visible {
  background: #3541a9;
}

.grid-box.color--infohub-plastic .pager .pager__item.is-active a, .grid-box.color--infohub-plastic .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-box.color--infohub-plastic .pager .pager__item--next a, .grid-box.color--infohub-plastic .pager .pager__item--previous a {
  background-color: #3B49BC !important;
  color: white !important;
}

.grid-box.color--infohub-plastic .pager .pager__item.is-active a:hover, .grid-box.color--infohub-plastic .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-box.color--infohub-plastic .pager .pager__item.is-active a:focus-visible, .grid-box.color--infohub-plastic .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-box.color--infohub-plastic .pager .pager__item--next a:hover, .grid-box.color--infohub-plastic .pager .pager__item--next a:focus-visible, .grid-box.color--infohub-plastic .pager .pager__item--previous a:hover, .grid-box.color--infohub-plastic .pager .pager__item--previous a:focus-visible {
  background: #3541a9 !important;
}

.grid-container.color--international-green .pager .pager__item.is-active a, .grid-container.color--international-green .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-container.color--international-green .pager .pager__item--next a, .grid-container.color--international-green .pager .pager__item--previous a {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--international-green .pager .pager__item.is-active a:hover, .grid-container.color--international-green .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-container.color--international-green .pager .pager__item.is-active a:focus-visible, .grid-container.color--international-green .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-container.color--international-green .pager .pager__item--next a:hover, .grid-container.color--international-green .pager .pager__item--next a:focus-visible, .grid-container.color--international-green .pager .pager__item--previous a:hover, .grid-container.color--international-green .pager .pager__item--previous a:focus-visible {
  background: #a3e200;
}

.grid-box.color--international-green .pager .pager__item.is-active a, .grid-box.color--international-green .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-box.color--international-green .pager .pager__item--next a, .grid-box.color--international-green .pager .pager__item--previous a {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--international-green .pager .pager__item.is-active a:hover, .grid-box.color--international-green .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-box.color--international-green .pager .pager__item.is-active a:focus-visible, .grid-box.color--international-green .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-box.color--international-green .pager .pager__item--next a:hover, .grid-box.color--international-green .pager .pager__item--next a:focus-visible, .grid-box.color--international-green .pager .pager__item--previous a:hover, .grid-box.color--international-green .pager .pager__item--previous a:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--international-orange .pager .pager__item.is-active a, .grid-container.color--international-orange .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-container.color--international-orange .pager .pager__item--next a, .grid-container.color--international-orange .pager .pager__item--previous a {
  background-color: #fd7232;
  color: #333;
}

.grid-container.color--international-orange .pager .pager__item.is-active a:hover, .grid-container.color--international-orange .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-container.color--international-orange .pager .pager__item.is-active a:focus-visible, .grid-container.color--international-orange .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-container.color--international-orange .pager .pager__item--next a:hover, .grid-container.color--international-orange .pager .pager__item--next a:focus-visible, .grid-container.color--international-orange .pager .pager__item--previous a:hover, .grid-container.color--international-orange .pager .pager__item--previous a:focus-visible {
  background: #fd834b;
}

.grid-box.color--international-orange .pager .pager__item.is-active a, .grid-box.color--international-orange .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-box.color--international-orange .pager .pager__item--next a, .grid-box.color--international-orange .pager .pager__item--previous a {
  background-color: #fd7232 !important;
  color: #333 !important;
}

.grid-box.color--international-orange .pager .pager__item.is-active a:hover, .grid-box.color--international-orange .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-box.color--international-orange .pager .pager__item.is-active a:focus-visible, .grid-box.color--international-orange .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-box.color--international-orange .pager .pager__item--next a:hover, .grid-box.color--international-orange .pager .pager__item--next a:focus-visible, .grid-box.color--international-orange .pager .pager__item--previous a:hover, .grid-box.color--international-orange .pager .pager__item--previous a:focus-visible {
  background: #fd834b !important;
}

.grid-container.color--international-turquoise .pager .pager__item.is-active a, .grid-container.color--international-turquoise .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-container.color--international-turquoise .pager .pager__item--next a, .grid-container.color--international-turquoise .pager .pager__item--previous a {
  background-color: #008599;
  color: #333;
}

.grid-container.color--international-turquoise .pager .pager__item.is-active a:hover, .grid-container.color--international-turquoise .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-container.color--international-turquoise .pager .pager__item.is-active a:focus-visible, .grid-container.color--international-turquoise .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-container.color--international-turquoise .pager .pager__item--next a:hover, .grid-container.color--international-turquoise .pager .pager__item--next a:focus-visible, .grid-container.color--international-turquoise .pager .pager__item--previous a:hover, .grid-container.color--international-turquoise .pager .pager__item--previous a:focus-visible {
  background: #009bb3;
}

.grid-box.color--international-turquoise .pager .pager__item.is-active a, .grid-box.color--international-turquoise .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-box.color--international-turquoise .pager .pager__item--next a, .grid-box.color--international-turquoise .pager .pager__item--previous a {
  background-color: #008599 !important;
  color: #333 !important;
}

.grid-box.color--international-turquoise .pager .pager__item.is-active a:hover, .grid-box.color--international-turquoise .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-box.color--international-turquoise .pager .pager__item.is-active a:focus-visible, .grid-box.color--international-turquoise .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-box.color--international-turquoise .pager .pager__item--next a:hover, .grid-box.color--international-turquoise .pager .pager__item--next a:focus-visible, .grid-box.color--international-turquoise .pager .pager__item--previous a:hover, .grid-box.color--international-turquoise .pager .pager__item--previous a:focus-visible {
  background: #009bb3 !important;
}

.grid-container.color--mid-green .pager .pager__item.is-active a, .grid-container.color--mid-green .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-container.color--mid-green .pager .pager__item--next a, .grid-container.color--mid-green .pager .pager__item--previous a {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--mid-green .pager .pager__item.is-active a:hover, .grid-container.color--mid-green .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-container.color--mid-green .pager .pager__item.is-active a:focus-visible, .grid-container.color--mid-green .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-container.color--mid-green .pager .pager__item--next a:hover, .grid-container.color--mid-green .pager .pager__item--next a:focus-visible, .grid-container.color--mid-green .pager .pager__item--previous a:hover, .grid-container.color--mid-green .pager .pager__item--previous a:focus-visible {
  background: #a3e200;
}

.grid-box.color--mid-green .pager .pager__item.is-active a, .grid-box.color--mid-green .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-box.color--mid-green .pager .pager__item--next a, .grid-box.color--mid-green .pager .pager__item--previous a {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--mid-green .pager .pager__item.is-active a:hover, .grid-box.color--mid-green .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-box.color--mid-green .pager .pager__item.is-active a:focus-visible, .grid-box.color--mid-green .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-box.color--mid-green .pager .pager__item--next a:hover, .grid-box.color--mid-green .pager .pager__item--next a:focus-visible, .grid-box.color--mid-green .pager .pager__item--previous a:hover, .grid-box.color--mid-green .pager .pager__item--previous a:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--mid-orange .pager .pager__item.is-active a, .grid-container.color--mid-orange .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-container.color--mid-orange .pager .pager__item--next a, .grid-container.color--mid-orange .pager .pager__item--previous a {
  background-color: #fd7232;
  color: #333;
}

.grid-container.color--mid-orange .pager .pager__item.is-active a:hover, .grid-container.color--mid-orange .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-container.color--mid-orange .pager .pager__item.is-active a:focus-visible, .grid-container.color--mid-orange .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-container.color--mid-orange .pager .pager__item--next a:hover, .grid-container.color--mid-orange .pager .pager__item--next a:focus-visible, .grid-container.color--mid-orange .pager .pager__item--previous a:hover, .grid-container.color--mid-orange .pager .pager__item--previous a:focus-visible {
  background: #fd834b;
}

.grid-box.color--mid-orange .pager .pager__item.is-active a, .grid-box.color--mid-orange .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-box.color--mid-orange .pager .pager__item--next a, .grid-box.color--mid-orange .pager .pager__item--previous a {
  background-color: #fd7232 !important;
  color: #333 !important;
}

.grid-box.color--mid-orange .pager .pager__item.is-active a:hover, .grid-box.color--mid-orange .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-box.color--mid-orange .pager .pager__item.is-active a:focus-visible, .grid-box.color--mid-orange .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-box.color--mid-orange .pager .pager__item--next a:hover, .grid-box.color--mid-orange .pager .pager__item--next a:focus-visible, .grid-box.color--mid-orange .pager .pager__item--previous a:hover, .grid-box.color--mid-orange .pager .pager__item--previous a:focus-visible {
  background: #fd834b !important;
}

.grid-container.color--mid-pink .pager .pager__item.is-active a, .grid-container.color--mid-pink .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-container.color--mid-pink .pager .pager__item--next a, .grid-container.color--mid-pink .pager .pager__item--previous a {
  background-color: #e075ac;
  color: #333;
}

.grid-container.color--mid-pink .pager .pager__item.is-active a:hover, .grid-container.color--mid-pink .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-container.color--mid-pink .pager .pager__item.is-active a:focus-visible, .grid-container.color--mid-pink .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-container.color--mid-pink .pager .pager__item--next a:hover, .grid-container.color--mid-pink .pager .pager__item--next a:focus-visible, .grid-container.color--mid-pink .pager .pager__item--previous a:hover, .grid-container.color--mid-pink .pager .pager__item--previous a:focus-visible {
  background: #e58ab9;
}

.grid-box.color--mid-pink .pager .pager__item.is-active a, .grid-box.color--mid-pink .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-box.color--mid-pink .pager .pager__item--next a, .grid-box.color--mid-pink .pager .pager__item--previous a {
  background-color: #e075ac !important;
  color: #333 !important;
}

.grid-box.color--mid-pink .pager .pager__item.is-active a:hover, .grid-box.color--mid-pink .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-box.color--mid-pink .pager .pager__item.is-active a:focus-visible, .grid-box.color--mid-pink .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-box.color--mid-pink .pager .pager__item--next a:hover, .grid-box.color--mid-pink .pager .pager__item--next a:focus-visible, .grid-box.color--mid-pink .pager .pager__item--previous a:hover, .grid-box.color--mid-pink .pager .pager__item--previous a:focus-visible {
  background: #e58ab9 !important;
}

.grid-container.color--mid-red .pager .pager__item.is-active a, .grid-container.color--mid-red .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-container.color--mid-red .pager .pager__item--next a, .grid-container.color--mid-red .pager .pager__item--previous a {
  background-color: #cc0000;
  color: #333;
}

.grid-container.color--mid-red .pager .pager__item.is-active a:hover, .grid-container.color--mid-red .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-container.color--mid-red .pager .pager__item.is-active a:focus-visible, .grid-container.color--mid-red .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-container.color--mid-red .pager .pager__item--next a:hover, .grid-container.color--mid-red .pager .pager__item--next a:focus-visible, .grid-container.color--mid-red .pager .pager__item--previous a:hover, .grid-container.color--mid-red .pager .pager__item--previous a:focus-visible {
  background: #e60000;
}

.grid-box.color--mid-red .pager .pager__item.is-active a, .grid-box.color--mid-red .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-box.color--mid-red .pager .pager__item--next a, .grid-box.color--mid-red .pager .pager__item--previous a {
  background-color: #cc0000 !important;
  color: #333 !important;
}

.grid-box.color--mid-red .pager .pager__item.is-active a:hover, .grid-box.color--mid-red .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-box.color--mid-red .pager .pager__item.is-active a:focus-visible, .grid-box.color--mid-red .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-box.color--mid-red .pager .pager__item--next a:hover, .grid-box.color--mid-red .pager .pager__item--next a:focus-visible, .grid-box.color--mid-red .pager .pager__item--previous a:hover, .grid-box.color--mid-red .pager .pager__item--previous a:focus-visible {
  background: #e60000 !important;
}

.grid-container.color--mid-turquoise .pager .pager__item.is-active a, .grid-container.color--mid-turquoise .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-container.color--mid-turquoise .pager .pager__item--next a, .grid-container.color--mid-turquoise .pager .pager__item--previous a {
  background-color: #66cbcc;
  color: #333;
}

.grid-container.color--mid-turquoise .pager .pager__item.is-active a:hover, .grid-container.color--mid-turquoise .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-container.color--mid-turquoise .pager .pager__item.is-active a:focus-visible, .grid-container.color--mid-turquoise .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-container.color--mid-turquoise .pager .pager__item--next a:hover, .grid-container.color--mid-turquoise .pager .pager__item--next a:focus-visible, .grid-container.color--mid-turquoise .pager .pager__item--previous a:hover, .grid-container.color--mid-turquoise .pager .pager__item--previous a:focus-visible {
  background: #79d2d2;
}

.grid-box.color--mid-turquoise .pager .pager__item.is-active a, .grid-box.color--mid-turquoise .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-box.color--mid-turquoise .pager .pager__item--next a, .grid-box.color--mid-turquoise .pager .pager__item--previous a {
  background-color: #66cbcc !important;
  color: #333 !important;
}

.grid-box.color--mid-turquoise .pager .pager__item.is-active a:hover, .grid-box.color--mid-turquoise .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-box.color--mid-turquoise .pager .pager__item.is-active a:focus-visible, .grid-box.color--mid-turquoise .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-box.color--mid-turquoise .pager .pager__item--next a:hover, .grid-box.color--mid-turquoise .pager .pager__item--next a:focus-visible, .grid-box.color--mid-turquoise .pager .pager__item--previous a:hover, .grid-box.color--mid-turquoise .pager .pager__item--previous a:focus-visible {
  background: #79d2d2 !important;
}

.grid-container.color--mid-yellow .pager .pager__item.is-active a, .grid-container.color--mid-yellow .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-container.color--mid-yellow .pager .pager__item--next a, .grid-container.color--mid-yellow .pager .pager__item--previous a {
  background-color: #fac32f;
  color: #333;
}

.grid-container.color--mid-yellow .pager .pager__item.is-active a:hover, .grid-container.color--mid-yellow .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-container.color--mid-yellow .pager .pager__item.is-active a:focus-visible, .grid-container.color--mid-yellow .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-container.color--mid-yellow .pager .pager__item--next a:hover, .grid-container.color--mid-yellow .pager .pager__item--next a:focus-visible, .grid-container.color--mid-yellow .pager .pager__item--previous a:hover, .grid-container.color--mid-yellow .pager .pager__item--previous a:focus-visible {
  background: #fbca48;
}

.grid-box.color--mid-yellow .pager .pager__item.is-active a, .grid-box.color--mid-yellow .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-box.color--mid-yellow .pager .pager__item--next a, .grid-box.color--mid-yellow .pager .pager__item--previous a {
  background-color: #fac32f !important;
  color: #333 !important;
}

.grid-box.color--mid-yellow .pager .pager__item.is-active a:hover, .grid-box.color--mid-yellow .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-box.color--mid-yellow .pager .pager__item.is-active a:focus-visible, .grid-box.color--mid-yellow .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-box.color--mid-yellow .pager .pager__item--next a:hover, .grid-box.color--mid-yellow .pager .pager__item--next a:focus-visible, .grid-box.color--mid-yellow .pager .pager__item--previous a:hover, .grid-box.color--mid-yellow .pager .pager__item--previous a:focus-visible {
  background: #fbca48 !important;
}

.grid-container.color--myanmar-fonts .pager .pager__item.is-active a, .grid-container.color--myanmar-fonts .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-container.color--myanmar-fonts .pager .pager__item--next a, .grid-container.color--myanmar-fonts .pager .pager__item--previous a {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--myanmar-fonts .pager .pager__item.is-active a:hover, .grid-container.color--myanmar-fonts .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-container.color--myanmar-fonts .pager .pager__item.is-active a:focus-visible, .grid-container.color--myanmar-fonts .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-container.color--myanmar-fonts .pager .pager__item--next a:hover, .grid-container.color--myanmar-fonts .pager .pager__item--next a:focus-visible, .grid-container.color--myanmar-fonts .pager .pager__item--previous a:hover, .grid-container.color--myanmar-fonts .pager .pager__item--previous a:focus-visible {
  background: #a3e200;
}

.grid-box.color--myanmar-fonts .pager .pager__item.is-active a, .grid-box.color--myanmar-fonts .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-box.color--myanmar-fonts .pager .pager__item--next a, .grid-box.color--myanmar-fonts .pager .pager__item--previous a {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--myanmar-fonts .pager .pager__item.is-active a:hover, .grid-box.color--myanmar-fonts .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-box.color--myanmar-fonts .pager .pager__item.is-active a:focus-visible, .grid-box.color--myanmar-fonts .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-box.color--myanmar-fonts .pager .pager__item--next a:hover, .grid-box.color--myanmar-fonts .pager .pager__item--next a:focus-visible, .grid-box.color--myanmar-fonts .pager .pager__item--previous a:hover, .grid-box.color--myanmar-fonts .pager .pager__item--previous a:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--petrakelly-blue .pager .pager__item.is-active a, .grid-container.color--petrakelly-blue .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-container.color--petrakelly-blue .pager .pager__item--next a, .grid-container.color--petrakelly-blue .pager .pager__item--previous a {
  background-color: #2c4081;
  color: white !important;
}

.grid-container.color--petrakelly-blue .pager .pager__item.is-active a:hover, .grid-container.color--petrakelly-blue .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-container.color--petrakelly-blue .pager .pager__item.is-active a:focus-visible, .grid-container.color--petrakelly-blue .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-container.color--petrakelly-blue .pager .pager__item--next a:hover, .grid-container.color--petrakelly-blue .pager .pager__item--next a:focus-visible, .grid-container.color--petrakelly-blue .pager .pager__item--previous a:hover, .grid-container.color--petrakelly-blue .pager .pager__item--previous a:focus-visible {
  background: #26376e;
}

.grid-box.color--petrakelly-blue .pager .pager__item.is-active a, .grid-box.color--petrakelly-blue .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-box.color--petrakelly-blue .pager .pager__item--next a, .grid-box.color--petrakelly-blue .pager .pager__item--previous a {
  background-color: #2c4081 !important;
  color: white !important;
}

.grid-box.color--petrakelly-blue .pager .pager__item.is-active a:hover, .grid-box.color--petrakelly-blue .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-box.color--petrakelly-blue .pager .pager__item.is-active a:focus-visible, .grid-box.color--petrakelly-blue .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-box.color--petrakelly-blue .pager .pager__item--next a:hover, .grid-box.color--petrakelly-blue .pager .pager__item--next a:focus-visible, .grid-box.color--petrakelly-blue .pager .pager__item--previous a:hover, .grid-box.color--petrakelly-blue .pager .pager__item--previous a:focus-visible {
  background: #26376e !important;
}

.grid-container.color--petrakelly-green .pager .pager__item.is-active a, .grid-container.color--petrakelly-green .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-container.color--petrakelly-green .pager .pager__item--next a, .grid-container.color--petrakelly-green .pager .pager__item--previous a {
  background-color: #008445;
  color: #333;
}

.grid-container.color--petrakelly-green .pager .pager__item.is-active a:hover, .grid-container.color--petrakelly-green .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-container.color--petrakelly-green .pager .pager__item.is-active a:focus-visible, .grid-container.color--petrakelly-green .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-container.color--petrakelly-green .pager .pager__item--next a:hover, .grid-container.color--petrakelly-green .pager .pager__item--next a:focus-visible, .grid-container.color--petrakelly-green .pager .pager__item--previous a:hover, .grid-container.color--petrakelly-green .pager .pager__item--previous a:focus-visible {
  background: #009e52;
}

.grid-box.color--petrakelly-green .pager .pager__item.is-active a, .grid-box.color--petrakelly-green .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-box.color--petrakelly-green .pager .pager__item--next a, .grid-box.color--petrakelly-green .pager .pager__item--previous a {
  background-color: #008445 !important;
  color: #333 !important;
}

.grid-box.color--petrakelly-green .pager .pager__item.is-active a:hover, .grid-box.color--petrakelly-green .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-box.color--petrakelly-green .pager .pager__item.is-active a:focus-visible, .grid-box.color--petrakelly-green .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-box.color--petrakelly-green .pager .pager__item--next a:hover, .grid-box.color--petrakelly-green .pager .pager__item--next a:focus-visible, .grid-box.color--petrakelly-green .pager .pager__item--previous a:hover, .grid-box.color--petrakelly-green .pager .pager__item--previous a:focus-visible {
  background: #009e52 !important;
}

.grid-container.color--petrakelly-red .pager .pager__item.is-active a, .grid-container.color--petrakelly-red .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-container.color--petrakelly-red .pager .pager__item--next a, .grid-container.color--petrakelly-red .pager .pager__item--previous a {
  background-color: #cb322d;
  color: #333;
}

.grid-container.color--petrakelly-red .pager .pager__item.is-active a:hover, .grid-container.color--petrakelly-red .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-container.color--petrakelly-red .pager .pager__item.is-active a:focus-visible, .grid-container.color--petrakelly-red .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-container.color--petrakelly-red .pager .pager__item--next a:hover, .grid-container.color--petrakelly-red .pager .pager__item--next a:focus-visible, .grid-container.color--petrakelly-red .pager .pager__item--previous a:hover, .grid-container.color--petrakelly-red .pager .pager__item--previous a:focus-visible {
  background: #d4423d;
}

.grid-box.color--petrakelly-red .pager .pager__item.is-active a, .grid-box.color--petrakelly-red .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-box.color--petrakelly-red .pager .pager__item--next a, .grid-box.color--petrakelly-red .pager .pager__item--previous a {
  background-color: #cb322d !important;
  color: #333 !important;
}

.grid-box.color--petrakelly-red .pager .pager__item.is-active a:hover, .grid-box.color--petrakelly-red .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-box.color--petrakelly-red .pager .pager__item.is-active a:focus-visible, .grid-box.color--petrakelly-red .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-box.color--petrakelly-red .pager .pager__item--next a:hover, .grid-box.color--petrakelly-red .pager .pager__item--next a:focus-visible, .grid-box.color--petrakelly-red .pager .pager__item--previous a:hover, .grid-box.color--petrakelly-red .pager .pager__item--previous a:focus-visible {
  background: #d4423d !important;
}

.grid-container.color--state-blue .pager .pager__item.is-active a, .grid-container.color--state-blue .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-container.color--state-blue .pager .pager__item--next a, .grid-container.color--state-blue .pager .pager__item--previous a {
  background-color: #0e307f;
  color: white !important;
}

.grid-container.color--state-blue .pager .pager__item.is-active a:hover, .grid-container.color--state-blue .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-container.color--state-blue .pager .pager__item.is-active a:focus-visible, .grid-container.color--state-blue .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-container.color--state-blue .pager .pager__item--next a:hover, .grid-container.color--state-blue .pager .pager__item--next a:focus-visible, .grid-container.color--state-blue .pager .pager__item--previous a:hover, .grid-container.color--state-blue .pager .pager__item--previous a:focus-visible {
  background: #0b2768;
}

.grid-box.color--state-blue .pager .pager__item.is-active a, .grid-box.color--state-blue .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-box.color--state-blue .pager .pager__item--next a, .grid-box.color--state-blue .pager .pager__item--previous a {
  background-color: #0e307f !important;
  color: white !important;
}

.grid-box.color--state-blue .pager .pager__item.is-active a:hover, .grid-box.color--state-blue .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-box.color--state-blue .pager .pager__item.is-active a:focus-visible, .grid-box.color--state-blue .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-box.color--state-blue .pager .pager__item--next a:hover, .grid-box.color--state-blue .pager .pager__item--next a:focus-visible, .grid-box.color--state-blue .pager .pager__item--previous a:hover, .grid-box.color--state-blue .pager .pager__item--previous a:focus-visible {
  background: #0b2768 !important;
}

.grid-container.color--state-green .pager .pager__item.is-active a, .grid-container.color--state-green .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-container.color--state-green .pager .pager__item--next a, .grid-container.color--state-green .pager .pager__item--previous a {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--state-green .pager .pager__item.is-active a:hover, .grid-container.color--state-green .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-container.color--state-green .pager .pager__item.is-active a:focus-visible, .grid-container.color--state-green .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-container.color--state-green .pager .pager__item--next a:hover, .grid-container.color--state-green .pager .pager__item--next a:focus-visible, .grid-container.color--state-green .pager .pager__item--previous a:hover, .grid-container.color--state-green .pager .pager__item--previous a:focus-visible {
  background: #a3e200;
}

.grid-box.color--state-green .pager .pager__item.is-active a, .grid-box.color--state-green .pager .pager__item.hamburger[aria-expanded='true'] a, .grid-box.color--state-green .pager .pager__item--next a, .grid-box.color--state-green .pager .pager__item--previous a {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--state-green .pager .pager__item.is-active a:hover, .grid-box.color--state-green .pager .pager__item.hamburger[aria-expanded='true'] a:hover, .grid-box.color--state-green .pager .pager__item.is-active a:focus-visible, .grid-box.color--state-green .pager .pager__item.hamburger[aria-expanded='true'] a:focus-visible, .grid-box.color--state-green .pager .pager__item--next a:hover, .grid-box.color--state-green .pager .pager__item--next a:focus-visible, .grid-box.color--state-green .pager .pager__item--previous a:hover, .grid-box.color--state-green .pager .pager__item--previous a:focus-visible {
  background: #a3e200 !important;
}

.pager.topics-pager {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  width: 100%;
}

.pager.topics-pager .pager__items--topics {
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 0;
}

.pager.topics-pager .pager__item--topics {
  margin: 5px;
  padding: 0;
  width: 37px;
  height: 37px;
}

.pager.topics-pager .pager__item--topic_link {
  cursor: default;
  background: white;
  font-weight: 100;
  border: #ddd solid 1px;
  width: inherit;
  height: inherit;
  text-align: center;
  padding: 0;
  padding-top: 11px;
}

.pager.topics-pager .pager__item--topic_link.is--highlighted {
  cursor: pointer;
  background: #ddd;
  font-weight: 700;
}

.pager.topics-pager .pager__item--topic_link.is--highlighted:hover, .pager.topics-pager .pager__item--topic_link.is--highlighted:focus-visible {
  background: #91c800;
  border-color: #91c800;
  color: #fff;
}

@media all and (min-width: 1024px) {
  .pager.topics-pager .pager__items--topics {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .pager.topics-pager .pager__item--topics {
    margin: 0;
    width: 32px;
    height: 32px;
  }
  .pager.topics-pager .pager__item--topics:first-child {
    margin-left: 0;
  }
  .pager.topics-pager .pager__item--topics:last-child {
    margin-right: 0;
  }
  .pager.topics-pager .pager__item--topic_link {
    padding-top: 9px;
  }
}

.pager.topics-pager.grid-box-topics {
  margin-top: -55px;
}

@media all and (min-width: 1024px) {
  .pager.topics-pager.grid-box-topics {
    padding-bottom: 55px;
  }
}

.block-media-feedback-link-block {
  margin-top: 3em;
  max-width: 800px;
}

.block-media-feedback-link-block .btn {
  display: inline-block;
  text-decoration: none;
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.3;
  text-decoration: none;
  -webkit-padding-before: 12px;
          padding-block-start: 12px;
  -webkit-padding-after: 10px;
          padding-block-end: 10px;
  padding-inline: 15px;
  cursor: pointer;
  font-weight: 700;
  -webkit-transition:background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  font-size: 1rem;
  line-height: 1;
  background-color: #91c800;
  color: #333;
}

.block-media-feedback-link-block .btn:hover, .block-media-feedback-link-block .btn:focus-visible {
  background: #a3e200;
}

.grid-container.color--bildungswerk-blue .block-media-feedback-link-block .btn {
  background-color: #203c89;
  color: #333;
}

.grid-container.color--bildungswerk-blue .block-media-feedback-link-block .btn:hover, .grid-container.color--bildungswerk-blue .block-media-feedback-link-block .btn:focus-visible {
  background: #25459e;
}

.grid-box.color--bildungswerk-blue .block-media-feedback-link-block .btn {
  background-color: #203c89 !important;
  color: #333 !important;
}

.grid-box.color--bildungswerk-blue .block-media-feedback-link-block .btn:hover, .grid-box.color--bildungswerk-blue .block-media-feedback-link-block .btn:focus-visible {
  background: #25459e !important;
}

.grid-container.color--bildungswerk-green .block-media-feedback-link-block .btn {
  background-color: #198632;
  color: #333;
}

.grid-container.color--bildungswerk-green .block-media-feedback-link-block .btn:hover, .grid-container.color--bildungswerk-green .block-media-feedback-link-block .btn:focus-visible {
  background: #1d9b3a;
}

.grid-box.color--bildungswerk-green .block-media-feedback-link-block .btn {
  background-color: #198632 !important;
  color: #333 !important;
}

.grid-box.color--bildungswerk-green .block-media-feedback-link-block .btn:hover, .grid-box.color--bildungswerk-green .block-media-feedback-link-block .btn:focus-visible {
  background: #1d9b3a !important;
}

.grid-container.color--boell-blue .block-media-feedback-link-block .btn {
  background-color: #0e307f;
  color: white !important;
}

.grid-container.color--boell-blue .block-media-feedback-link-block .btn:hover, .grid-container.color--boell-blue .block-media-feedback-link-block .btn:focus-visible {
  background: #0b2768;
}

.grid-box.color--boell-blue .block-media-feedback-link-block .btn {
  background-color: #0e307f !important;
  color: white !important;
}

.grid-box.color--boell-blue .block-media-feedback-link-block .btn:hover, .grid-box.color--boell-blue .block-media-feedback-link-block .btn:focus-visible {
  background: #0b2768 !important;
}

.grid-container.color--boell-dark-green .block-media-feedback-link-block .btn {
  background-color: #45783a;
  color: white !important;
}

.grid-container.color--boell-dark-green .block-media-feedback-link-block .btn:hover, .grid-container.color--boell-dark-green .block-media-feedback-link-block .btn:focus-visible {
  background: #3b6732;
}

.grid-box.color--boell-dark-green .block-media-feedback-link-block .btn {
  background-color: #45783a !important;
  color: white !important;
}

.grid-box.color--boell-dark-green .block-media-feedback-link-block .btn:hover, .grid-box.color--boell-dark-green .block-media-feedback-link-block .btn:focus-visible {
  background: #3b6732 !important;
}

.grid-container.color--boell-green .block-media-feedback-link-block .btn {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--boell-green .block-media-feedback-link-block .btn:hover, .grid-container.color--boell-green .block-media-feedback-link-block .btn:focus-visible {
  background: #a3e200;
}

.grid-box.color--boell-green .block-media-feedback-link-block .btn {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--boell-green .block-media-feedback-link-block .btn:hover, .grid-box.color--boell-green .block-media-feedback-link-block .btn:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--boell-orange .block-media-feedback-link-block .btn {
  background-color: #fd7232;
  color: #333;
}

.grid-container.color--boell-orange .block-media-feedback-link-block .btn:hover, .grid-container.color--boell-orange .block-media-feedback-link-block .btn:focus-visible {
  background: #fd834b;
}

.grid-box.color--boell-orange .block-media-feedback-link-block .btn {
  background-color: #fd7232 !important;
  color: #333 !important;
}

.grid-box.color--boell-orange .block-media-feedback-link-block .btn:hover, .grid-box.color--boell-orange .block-media-feedback-link-block .btn:focus-visible {
  background: #fd834b !important;
}

.grid-container.color--boell-red .block-media-feedback-link-block .btn {
  background-color: #cc0000;
  color: white !important;
}

.grid-container.color--boell-red .block-media-feedback-link-block .btn:hover, .grid-container.color--boell-red .block-media-feedback-link-block .btn:focus-visible {
  background: #b30000;
}

.grid-box.color--boell-red .block-media-feedback-link-block .btn {
  background-color: #cc0000 !important;
  color: white !important;
}

.grid-box.color--boell-red .block-media-feedback-link-block .btn:hover, .grid-box.color--boell-red .block-media-feedback-link-block .btn:focus-visible {
  background: #b30000 !important;
}

.grid-container.color--boell-turquoise .block-media-feedback-link-block .btn {
  background-color: #008599;
  color: white !important;
}

.grid-container.color--boell-turquoise .block-media-feedback-link-block .btn:hover, .grid-container.color--boell-turquoise .block-media-feedback-link-block .btn:focus-visible {
  background: #006f80;
}

.grid-box.color--boell-turquoise .block-media-feedback-link-block .btn {
  background-color: #008599 !important;
  color: white !important;
}

.grid-box.color--boell-turquoise .block-media-feedback-link-block .btn:hover, .grid-box.color--boell-turquoise .block-media-feedback-link-block .btn:focus-visible {
  background: #006f80 !important;
}

.grid-container.color--boell-gray .block-media-feedback-link-block .btn {
  background-color: #e2e2e2;
  color: #333;
}

.grid-container.color--boell-gray .block-media-feedback-link-block .btn:hover, .grid-container.color--boell-gray .block-media-feedback-link-block .btn:focus-visible {
  background: #efefef;
}

.grid-box.color--boell-gray .block-media-feedback-link-block .btn {
  background-color: #e2e2e2 !important;
  color: #333 !important;
}

.grid-box.color--boell-gray .block-media-feedback-link-block .btn:hover, .grid-box.color--boell-gray .block-media-feedback-link-block .btn:focus-visible {
  background: #efefef !important;
}

.grid-container.color--boell-yellow .block-media-feedback-link-block .btn {
  background-color: #fac32f;
  color: #333;
}

.grid-container.color--boell-yellow .block-media-feedback-link-block .btn:hover, .grid-container.color--boell-yellow .block-media-feedback-link-block .btn:focus-visible {
  background: #fbca48;
}

.grid-box.color--boell-yellow .block-media-feedback-link-block .btn {
  background-color: #fac32f !important;
  color: #333 !important;
}

.grid-box.color--boell-yellow .block-media-feedback-link-block .btn:hover, .grid-box.color--boell-yellow .block-media-feedback-link-block .btn:focus-visible {
  background: #fbca48 !important;
}

.grid-container.color--brandenburg-blue .block-media-feedback-link-block .btn {
  background-color: #0064a7;
  color: white !important;
}

.grid-container.color--brandenburg-blue .block-media-feedback-link-block .btn:hover, .grid-container.color--brandenburg-blue .block-media-feedback-link-block .btn:focus-visible {
  background: #00558e;
}

.grid-box.color--brandenburg-blue .block-media-feedback-link-block .btn {
  background-color: #0064a7 !important;
  color: white !important;
}

.grid-box.color--brandenburg-blue .block-media-feedback-link-block .btn:hover, .grid-box.color--brandenburg-blue .block-media-feedback-link-block .btn:focus-visible {
  background: #00558e !important;
}

.grid-container.color--brandenburg-green .block-media-feedback-link-block .btn {
  background-color: #95bb2e;
  color: #333;
}

.grid-container.color--brandenburg-green .block-media-feedback-link-block .btn:hover, .grid-container.color--brandenburg-green .block-media-feedback-link-block .btn:focus-visible {
  background: #a4cd35;
}

.grid-box.color--brandenburg-green .block-media-feedback-link-block .btn {
  background-color: #95bb2e !important;
  color: #333 !important;
}

.grid-box.color--brandenburg-green .block-media-feedback-link-block .btn:hover, .grid-box.color--brandenburg-green .block-media-feedback-link-block .btn:focus-visible {
  background: #a4cd35 !important;
}

.grid-container.color--brandenburg-orange .block-media-feedback-link-block .btn {
  background-color: #f8ad14;
  color: #333;
}

.grid-container.color--brandenburg-orange .block-media-feedback-link-block .btn:hover, .grid-container.color--brandenburg-orange .block-media-feedback-link-block .btn:focus-visible {
  background: #f9b62d;
}

.grid-box.color--brandenburg-orange .block-media-feedback-link-block .btn {
  background-color: #f8ad14 !important;
  color: #333 !important;
}

.grid-box.color--brandenburg-orange .block-media-feedback-link-block .btn:hover, .grid-box.color--brandenburg-orange .block-media-feedback-link-block .btn:focus-visible {
  background: #f9b62d !important;
}

.grid-container.color--brandenburg-red .block-media-feedback-link-block .btn {
  background-color: #e02d34;
  color: #333;
}

.grid-container.color--brandenburg-red .block-media-feedback-link-block .btn:hover, .grid-container.color--brandenburg-red .block-media-feedback-link-block .btn:focus-visible {
  background: #e34349;
}

.grid-box.color--brandenburg-red .block-media-feedback-link-block .btn {
  background-color: #e02d34 !important;
  color: #333 !important;
}

.grid-box.color--brandenburg-red .block-media-feedback-link-block .btn:hover, .grid-box.color--brandenburg-red .block-media-feedback-link-block .btn:focus-visible {
  background: #e34349 !important;
}

.grid-container.color--greencampus-green .block-media-feedback-link-block .btn {
  background-color: #6bb232;
  color: #333;
}

.grid-container.color--greencampus-green .block-media-feedback-link-block .btn:hover, .grid-container.color--greencampus-green .block-media-feedback-link-block .btn:focus-visible {
  background: #77c638;
}

.grid-box.color--greencampus-green .block-media-feedback-link-block .btn {
  background-color: #6bb232 !important;
  color: #333 !important;
}

.grid-box.color--greencampus-green .block-media-feedback-link-block .btn:hover, .grid-box.color--greencampus-green .block-media-feedback-link-block .btn:focus-visible {
  background: #77c638 !important;
}

.grid-container.color--gwi-red .block-media-feedback-link-block .btn {
  background-color: #E70457;
  color: white !important;
}

.grid-container.color--gwi-red .block-media-feedback-link-block .btn:hover, .grid-container.color--gwi-red .block-media-feedback-link-block .btn:focus-visible {
  background: #ce044e;
}

.grid-box.color--gwi-red .block-media-feedback-link-block .btn {
  background-color: #E70457 !important;
  color: white !important;
}

.grid-box.color--gwi-red .block-media-feedback-link-block .btn:hover, .grid-box.color--gwi-red .block-media-feedback-link-block .btn:focus-visible {
  background: #ce044e !important;
}

.grid-container.color--gwi-turquoise .block-media-feedback-link-block .btn {
  background-color: #3a9192;
  color: white !important;
}

.grid-container.color--gwi-turquoise .block-media-feedback-link-block .btn:hover, .grid-container.color--gwi-turquoise .block-media-feedback-link-block .btn:focus-visible {
  background: #337f80;
}

.grid-box.color--gwi-turquoise .block-media-feedback-link-block .btn {
  background-color: #3a9192 !important;
  color: white !important;
}

.grid-box.color--gwi-turquoise .block-media-feedback-link-block .btn:hover, .grid-box.color--gwi-turquoise .block-media-feedback-link-block .btn:focus-visible {
  background: #337f80 !important;
}

.grid-container.color--infohub-plastic .block-media-feedback-link-block .btn {
  background-color: #3B49BC;
  color: white !important;
}

.grid-container.color--infohub-plastic .block-media-feedback-link-block .btn:hover, .grid-container.color--infohub-plastic .block-media-feedback-link-block .btn:focus-visible {
  background: #3541a9;
}

.grid-box.color--infohub-plastic .block-media-feedback-link-block .btn {
  background-color: #3B49BC !important;
  color: white !important;
}

.grid-box.color--infohub-plastic .block-media-feedback-link-block .btn:hover, .grid-box.color--infohub-plastic .block-media-feedback-link-block .btn:focus-visible {
  background: #3541a9 !important;
}

.grid-container.color--international-green .block-media-feedback-link-block .btn {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--international-green .block-media-feedback-link-block .btn:hover, .grid-container.color--international-green .block-media-feedback-link-block .btn:focus-visible {
  background: #a3e200;
}

.grid-box.color--international-green .block-media-feedback-link-block .btn {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--international-green .block-media-feedback-link-block .btn:hover, .grid-box.color--international-green .block-media-feedback-link-block .btn:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--international-orange .block-media-feedback-link-block .btn {
  background-color: #fd7232;
  color: #333;
}

.grid-container.color--international-orange .block-media-feedback-link-block .btn:hover, .grid-container.color--international-orange .block-media-feedback-link-block .btn:focus-visible {
  background: #fd834b;
}

.grid-box.color--international-orange .block-media-feedback-link-block .btn {
  background-color: #fd7232 !important;
  color: #333 !important;
}

.grid-box.color--international-orange .block-media-feedback-link-block .btn:hover, .grid-box.color--international-orange .block-media-feedback-link-block .btn:focus-visible {
  background: #fd834b !important;
}

.grid-container.color--international-turquoise .block-media-feedback-link-block .btn {
  background-color: #008599;
  color: #333;
}

.grid-container.color--international-turquoise .block-media-feedback-link-block .btn:hover, .grid-container.color--international-turquoise .block-media-feedback-link-block .btn:focus-visible {
  background: #009bb3;
}

.grid-box.color--international-turquoise .block-media-feedback-link-block .btn {
  background-color: #008599 !important;
  color: #333 !important;
}

.grid-box.color--international-turquoise .block-media-feedback-link-block .btn:hover, .grid-box.color--international-turquoise .block-media-feedback-link-block .btn:focus-visible {
  background: #009bb3 !important;
}

.grid-container.color--mid-green .block-media-feedback-link-block .btn {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--mid-green .block-media-feedback-link-block .btn:hover, .grid-container.color--mid-green .block-media-feedback-link-block .btn:focus-visible {
  background: #a3e200;
}

.grid-box.color--mid-green .block-media-feedback-link-block .btn {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--mid-green .block-media-feedback-link-block .btn:hover, .grid-box.color--mid-green .block-media-feedback-link-block .btn:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--mid-orange .block-media-feedback-link-block .btn {
  background-color: #fd7232;
  color: #333;
}

.grid-container.color--mid-orange .block-media-feedback-link-block .btn:hover, .grid-container.color--mid-orange .block-media-feedback-link-block .btn:focus-visible {
  background: #fd834b;
}

.grid-box.color--mid-orange .block-media-feedback-link-block .btn {
  background-color: #fd7232 !important;
  color: #333 !important;
}

.grid-box.color--mid-orange .block-media-feedback-link-block .btn:hover, .grid-box.color--mid-orange .block-media-feedback-link-block .btn:focus-visible {
  background: #fd834b !important;
}

.grid-container.color--mid-pink .block-media-feedback-link-block .btn {
  background-color: #e075ac;
  color: #333;
}

.grid-container.color--mid-pink .block-media-feedback-link-block .btn:hover, .grid-container.color--mid-pink .block-media-feedback-link-block .btn:focus-visible {
  background: #e58ab9;
}

.grid-box.color--mid-pink .block-media-feedback-link-block .btn {
  background-color: #e075ac !important;
  color: #333 !important;
}

.grid-box.color--mid-pink .block-media-feedback-link-block .btn:hover, .grid-box.color--mid-pink .block-media-feedback-link-block .btn:focus-visible {
  background: #e58ab9 !important;
}

.grid-container.color--mid-red .block-media-feedback-link-block .btn {
  background-color: #cc0000;
  color: #333;
}

.grid-container.color--mid-red .block-media-feedback-link-block .btn:hover, .grid-container.color--mid-red .block-media-feedback-link-block .btn:focus-visible {
  background: #e60000;
}

.grid-box.color--mid-red .block-media-feedback-link-block .btn {
  background-color: #cc0000 !important;
  color: #333 !important;
}

.grid-box.color--mid-red .block-media-feedback-link-block .btn:hover, .grid-box.color--mid-red .block-media-feedback-link-block .btn:focus-visible {
  background: #e60000 !important;
}

.grid-container.color--mid-turquoise .block-media-feedback-link-block .btn {
  background-color: #66cbcc;
  color: #333;
}

.grid-container.color--mid-turquoise .block-media-feedback-link-block .btn:hover, .grid-container.color--mid-turquoise .block-media-feedback-link-block .btn:focus-visible {
  background: #79d2d2;
}

.grid-box.color--mid-turquoise .block-media-feedback-link-block .btn {
  background-color: #66cbcc !important;
  color: #333 !important;
}

.grid-box.color--mid-turquoise .block-media-feedback-link-block .btn:hover, .grid-box.color--mid-turquoise .block-media-feedback-link-block .btn:focus-visible {
  background: #79d2d2 !important;
}

.grid-container.color--mid-yellow .block-media-feedback-link-block .btn {
  background-color: #fac32f;
  color: #333;
}

.grid-container.color--mid-yellow .block-media-feedback-link-block .btn:hover, .grid-container.color--mid-yellow .block-media-feedback-link-block .btn:focus-visible {
  background: #fbca48;
}

.grid-box.color--mid-yellow .block-media-feedback-link-block .btn {
  background-color: #fac32f !important;
  color: #333 !important;
}

.grid-box.color--mid-yellow .block-media-feedback-link-block .btn:hover, .grid-box.color--mid-yellow .block-media-feedback-link-block .btn:focus-visible {
  background: #fbca48 !important;
}

.grid-container.color--myanmar-fonts .block-media-feedback-link-block .btn {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--myanmar-fonts .block-media-feedback-link-block .btn:hover, .grid-container.color--myanmar-fonts .block-media-feedback-link-block .btn:focus-visible {
  background: #a3e200;
}

.grid-box.color--myanmar-fonts .block-media-feedback-link-block .btn {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--myanmar-fonts .block-media-feedback-link-block .btn:hover, .grid-box.color--myanmar-fonts .block-media-feedback-link-block .btn:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--petrakelly-blue .block-media-feedback-link-block .btn {
  background-color: #2c4081;
  color: white !important;
}

.grid-container.color--petrakelly-blue .block-media-feedback-link-block .btn:hover, .grid-container.color--petrakelly-blue .block-media-feedback-link-block .btn:focus-visible {
  background: #26376e;
}

.grid-box.color--petrakelly-blue .block-media-feedback-link-block .btn {
  background-color: #2c4081 !important;
  color: white !important;
}

.grid-box.color--petrakelly-blue .block-media-feedback-link-block .btn:hover, .grid-box.color--petrakelly-blue .block-media-feedback-link-block .btn:focus-visible {
  background: #26376e !important;
}

.grid-container.color--petrakelly-green .block-media-feedback-link-block .btn {
  background-color: #008445;
  color: #333;
}

.grid-container.color--petrakelly-green .block-media-feedback-link-block .btn:hover, .grid-container.color--petrakelly-green .block-media-feedback-link-block .btn:focus-visible {
  background: #009e52;
}

.grid-box.color--petrakelly-green .block-media-feedback-link-block .btn {
  background-color: #008445 !important;
  color: #333 !important;
}

.grid-box.color--petrakelly-green .block-media-feedback-link-block .btn:hover, .grid-box.color--petrakelly-green .block-media-feedback-link-block .btn:focus-visible {
  background: #009e52 !important;
}

.grid-container.color--petrakelly-red .block-media-feedback-link-block .btn {
  background-color: #cb322d;
  color: #333;
}

.grid-container.color--petrakelly-red .block-media-feedback-link-block .btn:hover, .grid-container.color--petrakelly-red .block-media-feedback-link-block .btn:focus-visible {
  background: #d4423d;
}

.grid-box.color--petrakelly-red .block-media-feedback-link-block .btn {
  background-color: #cb322d !important;
  color: #333 !important;
}

.grid-box.color--petrakelly-red .block-media-feedback-link-block .btn:hover, .grid-box.color--petrakelly-red .block-media-feedback-link-block .btn:focus-visible {
  background: #d4423d !important;
}

.grid-container.color--state-blue .block-media-feedback-link-block .btn {
  background-color: #0e307f;
  color: white !important;
}

.grid-container.color--state-blue .block-media-feedback-link-block .btn:hover, .grid-container.color--state-blue .block-media-feedback-link-block .btn:focus-visible {
  background: #0b2768;
}

.grid-box.color--state-blue .block-media-feedback-link-block .btn {
  background-color: #0e307f !important;
  color: white !important;
}

.grid-box.color--state-blue .block-media-feedback-link-block .btn:hover, .grid-box.color--state-blue .block-media-feedback-link-block .btn:focus-visible {
  background: #0b2768 !important;
}

.grid-container.color--state-green .block-media-feedback-link-block .btn {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--state-green .block-media-feedback-link-block .btn:hover, .grid-container.color--state-green .block-media-feedback-link-block .btn:focus-visible {
  background: #a3e200;
}

.grid-box.color--state-green .block-media-feedback-link-block .btn {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--state-green .block-media-feedback-link-block .btn:hover, .grid-box.color--state-green .block-media-feedback-link-block .btn:focus-visible {
  background: #a3e200 !important;
}

.block-boell-bookmark,
.content-boell-bookmark {
  margin: 0;
}

.media__content-header .block-boell-bookmark, .media__content-header .content-boell-bookmark {
  position: absolute;
  right: 0;
  top: 0;
}

.block-boell-bookmark h2,
.content-boell-bookmark h2 {
  display: none;
}

.block-boell-bookmark button,
.content-boell-bookmark button {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 7px;
  font-size: 0.75rem;
  padding-top: 10.5px;
  background: white;
  border-style: solid;
  border-radius: 5px;
  margin-right: 10px;
}

.block-boell-bookmark .bookmarks_list,
.content-boell-bookmark .bookmarks_list {
  padding: 20px 20px 20px 30px;
  display: block;
  list-style-type: none;
}

.block-boell-bookmark .bookmarks_list li,
.content-boell-bookmark .bookmarks_list li {
  display: block;
  margin-bottom: 10px;
}

.block-boell-bookmark button.delete_bookmark,
.content-boell-bookmark button.delete_bookmark {
  border-radius: 15px;
  margin-left: 20px;
  display: inline-block;
  padding: 2px 6px 1px 6px;
  margin-right: 10px;
  background-color: #91c800;
  border-color: white;
  color: white;
}

.block-boell-bookmark .button_bookmark,
.content-boell-bookmark .button_bookmark {
  font-size: 1.875rem;
  font-family: "Segoe UI",Roboto,Calibri,-apple-system,BlinkMacSystemFont,"PT Sans",Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  color: gray;
  border-width: 0;
  background: transparent;
  padding: 20px;
}

.media__content-header .block-boell-bookmark .button_bookmark, .media__content-header .content-boell-bookmark .button_bookmark {
  padding: 0 0 20px 20px;
}

.block-boell-bookmark .button_bookmark.is_bookmarked,
.content-boell-bookmark .button_bookmark.is_bookmarked {
  color: red;
}

#block-watchlist {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

body.path-bookmarks #block-watchlist {
  display: none;
}

.bookmark_send_via_mail {
  margin: 15px 0;
}

.bookmark_send_via_mail .bookmark_email_input {
  margin-right: 15px;
}

.bookmark_send_via_mail .bookmark_email_label {
  margin-bottom: 5px;
  display: block;
  font-weight: 600;
}

.bookmark_send_via_mail.success:after {
  content: "\2713";
  color: #91c800;
}

.bookmark_send_via_mail.error:after {
  content: "\2716";
  color: #cc0000;
}

.layout-tabs {
  left: 0;
  position: fixed;
  width: 100vw;
  z-index: 20;
}

.layout-tabs a {
  text-decoration: none;
}

.layout-tabs a:hover, .layout-tabs a:focus-visible {
  text-decoration: underline;
}

.layout-tabs .region-tabs {
  width: 100%;
  border-bottom: 1px solid darkgrey;
  box-shadow: 0px 2px 4px darkgrey;
  background-color: white;
  margin-bottom: 12px;
  padding: 7px;
}

.tabs.primary {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style-type: none;
  margin: 0;
  min-height: 30px;
  padding: 3px;
}

.tabs.primary li {
  margin: 5px 20px 5px 0;
}

.tabs.primary li a {
  color: #666;
}

.tabs.primary li a:hover, .tabs.primary li a:focus-visible, .tabs.primary li a:active {
  color: #949494;
}

.tabs.primary li.is-active, .tabs.primary li.hamburger[aria-expanded='true'] {
  text-decoration: none;
  font-weight: 700;
}

@media all and (min-width: 760px) {
  .tabs.primary li {
    margin-right: 35px;
  }
}

.hide-on-mobile {
  display: none;
}

@media all and (min-width: 760px) {
  .hide-on-mobile {
    display: initial;
  }
}

/**
 * cart icon link in header
 */
.boell-shop__cart-icon-wrapper {
  width: 2.65rem;
  height: 2.65rem;
  overflow: visible;
}

.boell-shop__cart-icon-wrapper .boell-shop__cart-link {
  display: inline-block;
  width: 100%;
  height: 100%;
  border: 1px solid var(--boe-color-neutral-80);
  color: var(--boe-color-neutral-80);
  background-color: white;
  -webkit-transition:color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  position: relative;
}

.boell-shop__cart-icon-wrapper .boell-shop__cart-link:hover, .boell-shop__cart-icon-wrapper .boell-shop__cart-link:active {
  background-color: var(--boe-color-neutral-80);
}

.boell-shop__cart-icon-wrapper .boell-shop__cart-link:hover .boell-shop__cart-icon, .boell-shop__cart-icon-wrapper .boell-shop__cart-link:active .boell-shop__cart-icon {
  background-color: white;
}

.boell-shop__cart-icon-wrapper .boell-shop__cart-icon {
  -webkit-mask-image: url("../images/cart.svg");
          mask-image: url("../images/cart.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: .45rem .5rem;
          mask-position: .45rem .5rem;
  -webkit-mask-size: 1.5rem;
          mask-size: 1.5rem;
  background-color: var(--boe-color-neutral-80);
  width: 100%;
  height: 100%;
  display: inline-block;
  -webkit-transition:background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

.boell-shop__cart-icon-wrapper .boell-shop__cart-counter {
  display: inline-block;
  width: 20px;
  height: 20px;
  color: var(--boe-color-neutral-80);
  background-color: var(--boe-color-primary-40);
  border-radius: 50%;
  position: absolute;
  bottom: -10px;
  right: -10px;
  font-size: 0.8rem;
  font-weight: 700;
  padding-top: 4px;
  text-align: center;
  -webkit-transition:-webkit-transform 0.3s ease-in-out;
  transition:-webkit-transform 0.3s ease-in-out;
  transition:transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.boell-shop__cart-icon-wrapper .boell-shop__cart-counter[data-boell-shop-cart-counter="0"] {
  display: none;
}

.boell-shop__cart-icon-wrapper .boell-shop__cart-counter.animate {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}

.boell-shop__cart-price {
  text-align: end;
}

.boell-shop__remove-from-cart {
  display: inline-block;
  width: 14px;
  height: 14px;
  -webkit-mask-image: url("../images/trash.svg");
          mask-image: url("../images/trash.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--boe-color-neutral-80);
}

/*
 * Cart
 */
.boell-shop-cart {
  position: relative;
}

.boell-shop-product-table {
  width: 100%;
  font-size: 1rem;
  line-height: 1.3;
  color: var(--boe-color-neutral-80);
  -webkit-transition:opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

.is-loading .boell-shop-product-table {
  opacity: 0.6;
}

.boell-shop-product-table tr {
  border-top: 1px solid var(--boe-color-neutral-80);
  display: table-row;
}

.boell-shop-product-table td {
  padding: 12px 12px 12px 0;
  vertical-align: top;
  display: table-cell;
}

.boell-shop-product-table .boell-shop-product-table--header {
  border: none;
  font-weight: bold;
}

.boell-shop-product-table .boell-shop-product-title {
  text-decoration: none;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.3;
  -webkit-transition:color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

.boell-shop-product-table .boell-shop-product-title:hover, .boell-shop-product-table .boell-shop-product-title:focus-visible {
  color: var(--boe-color-neutral-60);
}

.boell-shop-product-table .field--name-field-media-image {
  -webkit-transition:opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.boell-shop-product-table .field--name-field-media-image:hover, .boell-shop-product-table .field--name-field-media-image:focus-visible {
  opacity: 0.6;
}

.boell-shop-product-table .total-description {
  text-transform: uppercase;
}

.boell-shop-product-table .total-sum {
  text-align: end;
  font-weight: 700;
}

.boell-shop-product-table .cost-info {
  border: none;
}

.boell-shop-product-table .cost-info-description {
  text-align: end;
}

.boell-shop-buttons {
  margin-top: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

@media all and (min-width: 760px) {
  .boell-shop-buttons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

[data-boell-shop-cart-amount] {
  display: inline-block;
  margin-inline: 10px;
}

[data-boell-shop-cart-amount-nav] {
  font-weight: normal;
  width: 13px !important;
  height: 13px !important;
  line-height: 13px;
  text-align: center;
  padding: 0 !important;
}

.boell-shop-cart-infos {
  max-width: 480px;
  display: inline-block;
}

.boell-shop-cart-infos a:hover, .boell-shop-cart-infos a:active {
  text-decoration: none;
}

/*
 * Cart PopUp
 */
.boell-shop-cart-popup {
  position: fixed;
  max-width: 560px;
  width: 80%;
  left: 50%;
  top: 50%;
  background-color: var(--boe-color-neutral-20);
  padding: 50px 70px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 9999;
}

.boell-shop-cart-popup__close-button {
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 30px;
  right: 30px;
  -webkit-mask-image: url("../images/close-button.svg");
          mask-image: url("../images/close-button.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--boe-color-neutral-80);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  cursor: pointer;
  -webkit-transition:background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

.boell-shop-cart-popup__close-button:hover, .boell-shop-cart-popup__close-button:active, .boell-shop-cart-popup__close-button:focus-visible {
  background-color: var(--boe-color-neutral-60);
}

.boell-shop-cart-popup__title {
  font-size: 1.875rem;
  line-height: 1.2;
  font-weight: 400;
}

.boell-shop-cart-popup__buttons {
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.boell-shop-cart-popup .boell-shop-product-table--header {
  display: none;
}

.boell-shop-cart-popup .hide-on-reduced,
.boell-shop-cart-popup .total-cost {
  display: none;
}

body.boell-shop-show-popup {
  overflow: hidden;
}

body.boell-shop-show-popup:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  z-index: 999;
}

/*
 * Checkout
 */
.boell-shop-checkout-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}

@media all and (min-width: 760px) {
  .boell-shop-checkout-form {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 24% 24% 24% 23%;
        grid-template-columns: 24% 24% 24% 23%;
    grid-template-areas: "header header header header" "company company company company" "salutation . . ." "first-name first-name last-name last-name" "street street street streetnumber" "zipcode city city city" "country country country country" "email email email email" "identical identical identical identical" "ustid ustid ustid ustid" "message message message message" "required-fields-information required-fields-information . ." "back-button . . forward-button";
  }
  .boell-shop-checkout-form.has-delivery {
    grid-template-areas: "header header header header" "company company company company" "salutation . . ." "first-name first-name last-name last-name" "street street street streetnumber" "zipcode city city city" "country country country country" "email email email email" "identical identical identical identical" "delivery-company delivery-company delivery-company delivery-company" "delivery-salutation . . ." "delivery-first-name delivery-first-name delivery-last-name delivery-last-name" "delivery-street delivery-street delivery-street delivery-streetnumber" "delivery-zipcode delivery-city delivery-city delivery-city" "delivery-country delivery-country delivery-country delivery-country" "ustid ustid ustid ustid" "message message message message" "required-fields-information required-fields-information . ." "back-button . . forward-button";
  }
}

.boell-shop-checkout-form.hide-on-reduced {
  display: none;
}

.boell-shop-checkout-form .js-form-item.form-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}

.boell-shop-checkout-form .js-form-item.form-item.hide {
  display: none;
}

.boell-shop-checkout-form .js-form-item.form-item label.form-required {
  font-weight: 600;
}

.boell-shop-checkout-form .js-form-item.form-item label.form-required:after {
  content: "*";
  display: inline-block;
  -webkit-margin-start: .1rem;
     -moz-margin-start: .1rem;
          margin-inline-start: .1rem;
}

.boell-shop-checkout-form .js-form-item.form-item input,
.boell-shop-checkout-form .js-form-item.form-item select {
  border-color: var(--boe-color-neutral-80);
  padding: 0.5rem;
}

.boell-shop-checkout-form .header {
  grid-area: header;
}

.boell-shop-checkout-form .form-item-invoice-company {
  grid-area: company;
}

.boell-shop-checkout-form .form-item-invoice-salutation {
  grid-area: salutation;
}

.boell-shop-checkout-form .form-item-invoice-first-name {
  grid-area: first-name;
}

.boell-shop-checkout-form .form-item-invoice-last-name {
  grid-area: last-name;
}

.boell-shop-checkout-form .form-item-invoice-street {
  grid-area: street;
}

.boell-shop-checkout-form .form-item-invoice-street-number {
  grid-area: streetnumber;
}

.boell-shop-checkout-form .form-item-invoice-zipcode {
  grid-area: zipcode;
}

.boell-shop-checkout-form .form-item-invoice-city {
  grid-area: city;
}

.boell-shop-checkout-form .form-item-invoice-country {
  grid-area: country;
}

.boell-shop-checkout-form .form-item-invoice-and-delivery-identical {
  grid-area: identical;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}

.boell-shop-checkout-form .form-item-email {
  grid-area: email;
}

.boell-shop-checkout-form .form-item-ustid {
  grid-area: ustid;
}

.boell-shop-checkout-form .form-item-order-notes {
  grid-area: message;
}

.boell-shop-checkout-form .form-item-order-notes textarea {
  width: 100%;
  background: white;
  border-color: var(--boe-color-neutral-80);
}

.boell-shop-checkout-form .form-item-required-fields-information {
  grid-area: required-fields-information;
  text-align: start;
  font-weight: 600;
  font-size: 1rem;
  margin-block: 1rem;
}

.boell-shop-checkout-form .form-item-delivery-company {
  grid-area: delivery-company;
}

.boell-shop-checkout-form .form-item-delivery-salutation {
  grid-area: delivery-salutation;
}

.boell-shop-checkout-form .form-item-delivery-first-name {
  grid-area: delivery-first-name;
}

.boell-shop-checkout-form .form-item-delivery-last-name {
  grid-area: delivery-last-name;
}

.boell-shop-checkout-form .form-item-delivery-street {
  grid-area: delivery-street;
}

.boell-shop-checkout-form .form-item-delivery-street-number {
  grid-area: delivery-streetnumber;
}

.boell-shop-checkout-form .form-item-delivery-zipcode {
  grid-area: delivery-zipcode;
}

.boell-shop-checkout-form .form-item-delivery-city {
  grid-area: delivery-city;
}

.boell-shop-checkout-form .form-item-delivery-country {
  grid-area: delivery-country;
}

.boell-shop-checkout-form .back-button {
  grid-area: back-button;
  margin: auto;
}

@media all and (min-width: 760px) {
  .boell-shop-checkout-form .back-button {
    margin: 0;
  }
}

.boell-shop-checkout-form .form-wrapper:has(.form-submit) {
  grid-area: forward-button;
  justify-self: end;
  margin: auto;
}

@media all and (min-width: 760px) {
  .boell-shop-checkout-form .form-wrapper:has(.form-submit) {
    margin: 0;
  }
}

.boell-shop-check-and-order-form tr {
  border: none;
}

.boell-shop-check-and-order-form .boell-shop-product-table--header {
  border: none;
  font-weight: normal;
  border-bottom: 1px solid black;
}

.boell-shop-check-and-order-form a.edit-order {
  width: 1rem;
  height: 1rem;
  display: inline-block;
  float: left;
  border: 1px solid black;
  margin: 0.25rem 0;
  -webkit-margin-end: 1rem;
     -moz-margin-end: 1rem;
          margin-inline-end: 1rem;
  background: url(/themes/theodor/images/edit-pencil.svg);
  background-size: 0.75rem;
  background-repeat: no-repeat;
  background-position: 0.1rem;
}

.boell-shop-check-and-order-form .boell-shop-address {
  border-bottom: 1px solid black;
  margin: 3rem 0;
}

.boell-shop-check-and-order-form .boell-shop-address ul {
  list-style: none;
  padding: 0;
}

.boell-shop-check-and-order-form .boell-shop-address ul li {
  margin: 0.25rem 0;
}

.boell-shop-check-and-order-form .form-item-agbs {
  margin: 25px 0;
}

.boell-shop-check-and-order-form .back-button {
  margin: 1rem auto;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media all and (min-width: 760px) {
  .boell-shop-check-and-order-form .back-button {
    float: left;
  }
}

.boell-shop-check-and-order-form .button {
  margin: 1rem auto;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media all and (min-width: 760px) {
  .boell-shop-check-and-order-form .button.form-submit {
    float: right;
  }
}

.boell-shop-check-and-order-form:after {
  content: " ";
  clear: both;
  display: block;
}

.boell-shop-step-by-step {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  padding: 0;
}

.boell-shop-step-by-step li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  text-align: center;
  gap: 5px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.boell-shop-step-by-step li.active {
  font-weight: 700;
}

.boell-shop-step-by-step li:after {
  content: '';
  display: block;
  background: url("/themes/theodor/images/chevron-right-regular.svg");
  background: url(https://www.boell.de/themes/theodor/images/chevron-right-regular.svg);
  width: .5rem;
  height: 1rem;
  background-size: 0.5rem;
  background-repeat: no-repeat;
}

.boell-shop-step-by-step li:last-of-type:after {
  display: none;
}

.path-shop h1.page-title {
  display: none;
}

.path-shop h1.page-title.boell-shop {
  display: block;
}

.teaser .teaser__text .ph-gallery {
  display: block;
}

.teaser .teaser__text .ph-gallery * {
  display: initial;
}

.teaser .teaser__text .ph-gallery div {
  display: block;
}

.teaser .teaser__text .ph-gallery-items-tiny .ph-gallery-item {
  display: inline-block;
}

.ph-gallery,
.teaser .teaser__text .ph-gallery {
  padding: 10px;
  background-color: lightgrey;
  margin-bottom: 15px;
}

.ph-gallery .media--type-image,
.ph-gallery .field--name-field-media-image,
.ph-gallery .media--image img,
.teaser .teaser__text .ph-gallery .media--type-image,
.teaser .teaser__text .ph-gallery .field--name-field-media-image,
.teaser .teaser__text .ph-gallery .media--image img {
  display: block;
}

.ph-gallery .ph-gallery-items-big .ph-gallery-item,
.teaser .teaser__text .ph-gallery .ph-gallery-items-big .ph-gallery-item {
  display: none;
}

.ph-gallery .ph-gallery-items-big .ph-gallery-item .media,
.teaser .teaser__text .ph-gallery .ph-gallery-items-big .ph-gallery-item .media {
  min-height: 190px;
}

.ph-gallery .ph-gallery-items-big .ph-gallery-item:first-child,
.teaser .teaser__text .ph-gallery .ph-gallery-items-big .ph-gallery-item:first-child {
  display: block;
}

.ph-gallery .ph-gallery-items-tiny,
.teaser .teaser__text .ph-gallery .ph-gallery-items-tiny {
  margin-top: 20px;
  overflow: hidden;
  width: 100%;
}

.ph-gallery .ph-gallery-items-tiny .ph-gallery-item,
.teaser .teaser__text .ph-gallery .ph-gallery-items-tiny .ph-gallery-item {
  max-width: 50px;
  display: inline-block;
  opacity: 0.5;
}

.ph-gallery .ph-gallery-items-tiny .ph-gallery-item.active,
.teaser .teaser__text .ph-gallery .ph-gallery-items-tiny .ph-gallery-item.active {
  opacity: 1;
}

.ph-gallery .ph-gallery-license-notice,
.teaser .teaser__text .ph-gallery .ph-gallery-license-notice {
  display: block;
  margin-top: 20px;
}

.ph-gallery .ph-gallery-tb-wrapper,
.teaser .teaser__text .ph-gallery .ph-gallery-tb-wrapper {
  width: 10000px;
}

.ph-gallery .blazy .media--loading::before,
.teaser .teaser__text .ph-gallery .blazy .media--loading::before {
  display: none;
}

.teaser .teaser__text .ph-gallery .contextual,
.teaser .teaser__text .ph-gallery .contextual-links {
  display: none !important;
}

/* ++++ NEW Gallery beyond this point +++ */
.ph-new-gallery .ph-new-gallery-inner-wrapper .field--name-field-gallery-images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.ph-new-gallery .ph-new-gallery-inner-wrapper .field--name-field-gallery-images > .field__item {
  margin-bottom: 20px;
}

html[dir="ltr"] .ph-new-gallery .ph-new-gallery-inner-wrapper .field--name-field-gallery-images > .field__item {
  margin-right: 20px;
}

html[dir="rtl"] .ph-new-gallery .ph-new-gallery-inner-wrapper .field--name-field-gallery-images > .field__item {
  margin-left: 20px;
}

.ph-new-gallery .ph-new-gallery-controls {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  top: 0px;
  z-index: 3;
}

.ph-new-gallery .ph-new-gallery-controls-hidden {
  display: none;
}

.ph-new-gallery .ph-new-gallery-control-item {
  border: 2px solid #fff;
  border-radius: 50px;
  background-color: rgba(102, 102, 102, 0.5);
  color: white;
  margin: 0 30px;
  width: 45px;
}

html[dir="rtl"] .ph-new-gallery .ph-new-gallery-control-item {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.ph-new-gallery .ph-new-gallery-control-item-backwards {
  padding: 6px 7px 0 5px;
}

.ph-new-gallery .ph-new-gallery-control-item-forwards {
  padding: 6px 5px 0 7px;
}

.ph-new-gallery .ph-new-gallery-control-item:hover,
.ph-new-gallery .ph-new-gallery-control-item:focus-visible {
  border: 2px solid dodgerblue;
  cursor: pointer;
}

.align-fullwidth .ph-new-gallery {
  max-width: 1200px;
}

.ph-new-gallery--sliding-1 .ph-new-gallery-outer-wrapper {
  overflow: hidden;
}

.ph-new-gallery--sliding-1 .ph-new-gallery-outer-wrapper .ph-new-gallery-inner-wrapper .field--name-field-gallery-images {
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  position: relative;
}

html[dir="ltr"] .ph-new-gallery--visible-images-2 .field--name-field-gallery-images > .field__item:nth-child(2n+2), html[dir="ltr"] .ph-new-gallery--visible-images-3 .field--name-field-gallery-images > .field__item:nth-child(3n+3), html[dir="ltr"] .ph-new-gallery--visible-images-4 .field--name-field-gallery-images > .field__item:nth-child(4n+4), html[dir="ltr"] .ph-new-gallery--visible-images-5 .field--name-field-gallery-images > .field__item:nth-child(5n+5), html[dir="ltr"] .ph-new-gallery--visible-images-6 .field--name-field-gallery-images > .field__item:nth-child(6n+6) {
  margin-right: 0;
}

html[dir="rtl"] .ph-new-gallery--visible-images-2 .field--name-field-gallery-images > .field__item:nth-child(2n+2), html[dir="rtl"] .ph-new-gallery--visible-images-3 .field--name-field-gallery-images > .field__item:nth-child(3n+3), html[dir="rtl"] .ph-new-gallery--visible-images-4 .field--name-field-gallery-images > .field__item:nth-child(4n+4), html[dir="rtl"] .ph-new-gallery--visible-images-5 .field--name-field-gallery-images > .field__item:nth-child(5n+5), html[dir="rtl"] .ph-new-gallery--visible-images-6 .field--name-field-gallery-images > .field__item:nth-child(6n+6) {
  margin-left: 0;
}

html[dir="ltr"] .ph-new-gallery--sliding-1 .ph-new-gallery-outer-wrapper .field--name-field-gallery-images > .field__item {
  margin-right: 20px;
}

html[dir="rtl"] .ph-new-gallery--sliding-1 .ph-new-gallery-outer-wrapper .field--name-field-gallery-images > .field__item {
  margin-left: 20px;
}

.ph-new-gallery--visible-images-1 .field--name-field-gallery-images img {
  max-width: 800px;
}

.ph-new-gallery--visible-images-2 .field--name-field-gallery-images img {
  max-width: 390px;
}

.ph-new-gallery--visible-images-3 .field--name-field-gallery-images img {
  max-width: 253px;
}

.ph-new-gallery--visible-images-4 .field--name-field-gallery-images img {
  max-width: 185px;
}

.ph-new-gallery--visible-images-5 .field--name-field-gallery-images img {
  max-width: 144px;
}

.ph-new-gallery--visible-images-6 .field--name-field-gallery-images img {
  max-width: 116px;
}

.align-fullbleed .ph-new-gallery--visible-images-1 .field--name-field-gallery-images img {
  max-width: 1200px;
}

.align-fullbleed .ph-new-gallery--visible-images-2 .field--name-field-gallery-images img {
  max-width: 600px;
}

.align-fullbleed .ph-new-gallery--visible-images-3 .field--name-field-gallery-images img {
  max-width: 393px;
}

.align-fullbleed .ph-new-gallery--visible-images-4 .field--name-field-gallery-images img {
  max-width: 290px;
}

.align-fullbleed .ph-new-gallery--visible-images-5 .field--name-field-gallery-images img {
  max-width: 228px;
}

.align-fullbleed .ph-new-gallery--visible-images-6 .field--name-field-gallery-images img {
  max-width: 186px;
}

.page-node-type-article .align-fullbleed .ph-new-gallery--visible-images-1 .media--view-mode-image-and-licence-article-main-image-5d2,
.page-node-type-article .align-fullbleed .ph-new-gallery--visible-images-1 figure figcaption {
  max-width: 1220px;
}

.ph-gallery-caption {
  margin-top: 0.8em;
}

.ph-gallery-caption,
.page-node-type-article .field--name-body .ph-gallery-caption p {
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.3;
}

html[dir="ltr"] .align-fullbleed .ph-new-gallery--sliding-1 .ph-gallery-caption {
  padding-left: 1em;
}

html[dir="rtl"] .align-fullbleed .ph-new-gallery--sliding-1 .ph-gallery-caption {
  padding-right: 1em;
}

html[dir="ltr"] .align-fullbleed .ph-new-gallery--sliding-0 .ph-gallery-caption {
  padding-left: 0.1em;
}

html[dir="rtl"] .align-fullbleed .ph-new-gallery--sliding-0 .ph-gallery-caption {
  padding-right: 0.1em;
}

html[dir="ltr"] .align-fullbleed .ph-new-gallery figcaption {
  padding-right: 2px;
}

html[dir="rtl"] .align-fullbleed .ph-new-gallery figcaption {
  padding-left: 2px;
}

body.route-entity-media-canonical .region-content .media--view-mode-full {
  margin-top: 24px;
}

body.route-entity-media-canonical .region-content .media--view-mode-full p a[href]:not(.button--link-as-button),
body.route-entity-media-canonical .region-content .media--view-mode-full ul a[href]:not(.button--link-as-button),
body.route-entity-media-canonical .region-content .media--view-mode-full ol a[href]:not(.button--link-as-button),
body.route-entity-media-canonical .region-content .media--view-mode-full blockquote a[href]:not(.button--link-as-button) {
  text-decoration: none;
  -webkit-transition:background 0.3s ease-in, box-shadow 0.3s ease-in;
  transition: background 0.3s ease-in, box-shadow 0.3s ease-in;
  box-shadow: inset 0 -0.2em #c8e480;
}

body.route-entity-media-canonical .region-content .media--view-mode-full p a[href]:not(.button--link-as-button):hover, body.route-entity-media-canonical .region-content .media--view-mode-full p a[href]:not(.button--link-as-button):focus-visible,
body.route-entity-media-canonical .region-content .media--view-mode-full ul a[href]:not(.button--link-as-button):hover,
body.route-entity-media-canonical .region-content .media--view-mode-full ul a[href]:not(.button--link-as-button):focus-visible,
body.route-entity-media-canonical .region-content .media--view-mode-full ol a[href]:not(.button--link-as-button):hover,
body.route-entity-media-canonical .region-content .media--view-mode-full ol a[href]:not(.button--link-as-button):focus-visible,
body.route-entity-media-canonical .region-content .media--view-mode-full blockquote a[href]:not(.button--link-as-button):hover,
body.route-entity-media-canonical .region-content .media--view-mode-full blockquote a[href]:not(.button--link-as-button):focus-visible {
  background: #c8e480;
  box-shadow: none;
}

body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-content-genre {
  font-style: normal;
  font-weight: bold;
  color: #75A300;
}

body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-body,
body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-notes,
body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-press-coverage,
body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-target-group,
body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-related-medias,
body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-advice {
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
}

body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-body .field__label,
body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-notes .field__label,
body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-press-coverage .field__label,
body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-target-group .field__label,
body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-related-medias .field__label,
body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-advice .field__label {
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  color: #444;
}

body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-body p,
body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-body li,
body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-notes p,
body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-notes li,
body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-press-coverage p,
body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-press-coverage li,
body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-target-group p,
body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-target-group li,
body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-related-medias p,
body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-related-medias li,
body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-advice p,
body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-advice li {
  line-height: 1.5;
  font-family: "Noto Serif", Georgia, Palatino, "Palatino Linotype", FreeSerif, serif;
  font-size: 1.0625rem;
}

@media all and (min-width: 760px) {
  body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-body p,
body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-body li,
body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-notes p,
body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-notes li,
body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-press-coverage p,
body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-press-coverage li,
body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-target-group p,
body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-target-group li,
body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-related-medias p,
body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-related-medias li,
body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-advice p,
body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-advice li {
    font-size: 1.1875rem;
    line-height: 1.6;
  }
}

body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-body .field__label,
body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-notes .field__label,
body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-press-coverage .field__label,
body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-target-group .field__label,
body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-related-medias .field__label,
body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-advice .field__label {
  font-size: 1.75rem;
}

body.route-entity-media-canonical .region-content .media--view-mode-full .field--name-field-tags {
  margin-top: 56px;
  margin-bottom: 15px;
}

body.route-entity-media-canonical .region-content .media--view-mode-full .share-buttons {
  margin-top: 32px;
}

body.route-entity-media-canonical .region-content .media--view-mode-full .share-buttons__share-them-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.field--name-field-target-group .field__item:first-child {
  margin-top: 1em;
}

.field--name-field-target-group .field__item:last-child {
  margin-bottom: 1em;
}

.field--name-field-target-group a {
  line-height: 1.5;
  font-family: "Noto Serif", Georgia, Palatino, "Palatino Linotype", FreeSerif, serif;
  font-size: 1.0625rem;
  text-decoration: none;
  -webkit-transition:background 0.3s ease-in, box-shadow 0.3s ease-in;
  transition: background 0.3s ease-in, box-shadow 0.3s ease-in;
  box-shadow: inset 0 -0.2em #c8e480;
}

@media all and (min-width: 760px) {
  .field--name-field-target-group a {
    font-size: 1.1875rem;
    line-height: 1.6;
  }
}

.field--name-field-target-group a:hover, .field--name-field-target-group a:focus-visible {
  background: #c8e480;
  box-shadow: none;
}

.relateds--media {
  border-top: 1px solid #e0e0e0;
  margin-top: 44px;
  padding-top: 44px;
}

/**
 * MIXINS
 */
/**
 * Base theming for all teasers except the illustrated one
 */
/**
 * A Teaser that is split vertical in tablet view
 */
/**
 * DEFINITIONS
 */
.teaser {
  /**
   * Teaser Product
   */
}

.teaser.node--type-product .media--type-image img,
.teaser.node--type-product .media--image img {
  box-shadow: 2px 2px 2px 0 rgba(100, 100, 100, 0.5);
  border-left: 1px solid rgba(100, 100, 100, 0.5);
  border-top: 1px solid rgba(100, 100, 100, 0.5);
}

.teaser + .teaser {
  margin-top: 24px;
}

@media all and (min-width: 760px) {
  .grid-slot-1d2 .teaser--product.teaser--default .teaser__title, .grid-slot-1d3 .teaser--product.teaser--default .teaser__title {
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
  }
}

@media all and (min-width: 0) and (max-width: 759.97px) {
  .teaser--product .teaser__content-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .teaser--product .teaser__image-wrap-link {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
}

@media all and (min-width: 760px) {
  .grid-slot-1d2 .teaser--product.teaser--default .teaser__content-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .grid-slot-1d2 .teaser--product.teaser--default .teaser__image-wrap-link {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
}

/**
 * DEFINITIONS
 */
.media--type-file.teaser--main .media--type-image, .media--type-file.teaser--media .media--type-image {
  background: #f1f1f1;
  height: 0;
  overflow: hidden;
  padding-bottom: 66.6666666667%;
  position: relative;
}

.media--type-file.teaser--main .media--type-image img, .media--type-file.teaser--media .media--type-image img {
  height: calc(100% - 32px);
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 16px;
  width: auto;
}

.media--type-file.teaser--main img, .media--type-file.teaser--media img {
  box-shadow: 2px 2px 2px 0 rgba(100, 100, 100, 0.5);
  border-left: 1px solid rgba(100, 100, 100, 0.5);
  border-top: 1px solid rgba(100, 100, 100, 0.5);
}

/**
 * MIXINS
 */
/**
 * DEFINITIONS
 */
.teaser--minimal {
  display: block;
  text-decoration: none;
  float: none;
  clear: both;
}

.teaser--minimal:after {
  content: "";
  display: block;
  clear: both;
}

.teaser--minimal a {
  text-decoration: none;
}

.teaser--minimal a img {
  -webkit-transition:opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  width: auto;
}

.teaser--minimal .teaser__title {
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  color: #444;
  font-size: 1.25rem;
  margin-bottom: 7px;
  margin-top: 0;
}

.teaser--minimal .teaser__title--thema {
  display: inline-block;
  padding-right: 0.3em;
}

.teaser--minimal .teaser__title--thema img {
  height: 0.8em;
  width: auto;
  margin-top: -5px;
}

.teaser--minimal a:hover,
.teaser--minimal a:focus-visible,
.teaser--minimal a:active {
  cursor: pointer;
}

.teaser--minimal a:hover .teaser__title,
.teaser--minimal a:focus-visible .teaser__title,
.teaser--minimal a:active .teaser__title {
  color: #666;
}

.teaser--minimal a:hover img,
.teaser--minimal a:focus-visible img,
.teaser--minimal a:active img {
  opacity: 0.6;
}

.teaser--minimal .teaser__date {
  margin: 7px 0;
  color: #949494;
}

.teaser--minimal .teaser__body {
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.3;
  text-decoration: none;
  margin-top: 7px;
}

@media all and (min-width: 1024px) {
  .teaser--minimal .teaser__body {
    line-height: 1.5;
  }
}

.teaser--minimal .teaser__body * {
  display: inline;
}

.teaser--minimal .teaser__body .fluid-width-video-wrapper,
.teaser--minimal .teaser__body .fluid-width-video-wrapper > * {
  display: block;
  margin-bottom: 15px;
}

.teaser--minimal .content-authors {
  display: block;
  margin-top: 7px;
  color: #666;
}

.teaser--minimal .field--name-field-content-genre {
  font-style: normal;
  font-weight: bold;
  -webkit-margin-end: 7px;
     -moz-margin-end: 7px;
          margin-inline-end: 7px;
  color: #444;
}

.teaser--minimal.node--type-product .media--type-image {
  background: #f1f1f1;
  height: 0;
  overflow: hidden;
  padding-bottom: 66.6666666667%;
  position: relative;
}

.teaser--minimal.node--type-product .media--type-image img {
  height: calc(100% - 32px);
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 16px;
  width: auto;
}

.teaser--minimal .teaser__title {
  margin-top: 15px;
}

.teaser--minimal.teaser--product .teaser__image-wrap-link {
  width: 100% !important;
}

.teaser--minimal.teaser--product .teaser__content-wrap {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

/**
 * MIXINS
 */
/**
 * DEFINITIONS
 */
.teaser--main {
  display: block;
  text-decoration: none;
  float: none;
  clear: both;
  /**
   * Product teaser
   */
}

.teaser--main:after {
  content: "";
  display: block;
  clear: both;
}

.teaser--main a {
  text-decoration: none;
}

.teaser--main a img {
  -webkit-transition:opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  width: auto;
}

.teaser--main .teaser__title {
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  color: #444;
  font-size: 1.25rem;
  margin-bottom: 7px;
  margin-top: 0;
}

.teaser--main .teaser__title--thema {
  display: inline-block;
  padding-right: 0.3em;
}

.teaser--main .teaser__title--thema img {
  height: 0.8em;
  width: auto;
  margin-top: -5px;
}

.teaser--main a:hover,
.teaser--main a:focus-visible,
.teaser--main a:active {
  cursor: pointer;
}

.teaser--main a:hover .teaser__title,
.teaser--main a:focus-visible .teaser__title,
.teaser--main a:active .teaser__title {
  color: #666;
}

.teaser--main a:hover img,
.teaser--main a:focus-visible img,
.teaser--main a:active img {
  opacity: 0.6;
}

.teaser--main .teaser__date {
  margin: 7px 0;
  color: #949494;
}

.teaser--main .teaser__body {
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.3;
  text-decoration: none;
  margin-top: 7px;
}

@media all and (min-width: 1024px) {
  .teaser--main .teaser__body {
    line-height: 1.5;
  }
}

.teaser--main .teaser__body * {
  display: inline;
}

.teaser--main .teaser__body .fluid-width-video-wrapper,
.teaser--main .teaser__body .fluid-width-video-wrapper > * {
  display: block;
  margin-bottom: 15px;
}

.teaser--main .content-authors {
  display: block;
  margin-top: 7px;
  color: #666;
}

.teaser--main .field--name-field-content-genre {
  font-style: normal;
  font-weight: bold;
  -webkit-margin-end: 7px;
     -moz-margin-end: 7px;
          margin-inline-end: 7px;
  color: #444;
}

.teaser--main .teaser__title {
  margin-top: 24px;
}

.grid-slot-1d1 .teaser--main .teaser__title, .grid-slot-2d3 .teaser--main .teaser__title {
  font-size: 2rem;
  line-height: 1.2;
}

@media all and (min-width: 0) and (max-width: 639.97px) {
  .grid-slot-1d1 .teaser--main .teaser__title, .grid-slot-2d3 .teaser--main .teaser__title {
    font-size: 1.75rem;
    line-height: 1.1;
  }
}

.teaser--main a {
  text-decoration: none;
}

.teaser--main.node--type-product .media--type-image {
  background: #f1f1f1;
  height: 0;
  overflow: hidden;
  padding-bottom: 66.6666666667%;
  position: relative;
}

.teaser--main.node--type-product .media--type-image img {
  height: calc(100% - 32px);
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 16px;
  width: auto;
}

@media all and (min-width: 0) and (max-width: 759.97px) {
  .teaser--main .teaser__content-wrap {
    display: block !important;
  }
  .teaser--main .teaser__image-wrap-link {
    -webkit-flex-shrink: initial;
        -ms-flex-negative: initial;
            flex-shrink: initial;
  }
}

/**
 * MIXINS
 */
/**
 * DEFINITIONS
 */
.teaser--title-first {
  display: block;
  text-decoration: none;
  float: none;
  clear: both;
}

.teaser--title-first:after {
  content: "";
  display: block;
  clear: both;
}

.teaser--title-first a {
  text-decoration: none;
}

.teaser--title-first a img {
  -webkit-transition:opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  width: auto;
}

.teaser--title-first .teaser__title {
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  color: #444;
  font-size: 1.25rem;
  margin-bottom: 7px;
  margin-top: 0;
}

.teaser--title-first .teaser__title--thema {
  display: inline-block;
  padding-right: 0.3em;
}

.teaser--title-first .teaser__title--thema img {
  height: 0.8em;
  width: auto;
  margin-top: -5px;
}

.teaser--title-first a:hover,
.teaser--title-first a:focus-visible,
.teaser--title-first a:active {
  cursor: pointer;
}

.teaser--title-first a:hover .teaser__title,
.teaser--title-first a:focus-visible .teaser__title,
.teaser--title-first a:active .teaser__title {
  color: #666;
}

.teaser--title-first a:hover img,
.teaser--title-first a:focus-visible img,
.teaser--title-first a:active img {
  opacity: 0.6;
}

.teaser--title-first .teaser__date {
  margin: 7px 0;
  color: #949494;
}

.teaser--title-first .teaser__body {
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.3;
  text-decoration: none;
  margin-top: 7px;
}

@media all and (min-width: 1024px) {
  .teaser--title-first .teaser__body {
    line-height: 1.5;
  }
}

.teaser--title-first .teaser__body * {
  display: inline;
}

.teaser--title-first .teaser__body .fluid-width-video-wrapper,
.teaser--title-first .teaser__body .fluid-width-video-wrapper > * {
  display: block;
  margin-bottom: 15px;
}

.teaser--title-first .content-authors {
  display: block;
  margin-top: 7px;
  color: #666;
}

.teaser--title-first .field--name-field-content-genre {
  font-style: normal;
  font-weight: bold;
  -webkit-margin-end: 7px;
     -moz-margin-end: 7px;
          margin-inline-end: 7px;
  color: #444;
}

.teaser--title-first .teaser__title {
  margin-top: 24px;
}

.grid-slot-1d1 .teaser--title-first .teaser__title, .grid-slot-2d3 .teaser--title-first .teaser__title {
  font-size: 2rem;
  line-height: 1.2;
}

@media all and (min-width: 0) and (max-width: 639.97px) {
  .grid-slot-1d1 .teaser--title-first .teaser__title, .grid-slot-2d3 .teaser--title-first .teaser__title {
    font-size: 1.75rem;
    line-height: 1.1;
  }
}

.teaser--title-first a {
  text-decoration: none;
}

@media all and (min-width: 1024px) {
  .teaser--title-first .teaser__content-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .teaser--title-first .teaser__content-wrap .teaser__title {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
  }
  .teaser--title-first .teaser__content-wrap .teaser__image-wrap {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .teaser--title-first .teaser__content-wrap .teaser__body {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .teaser--title-first .teaser__body {
    margin-top: 24px;
  }
}

@media all and (min-width: 0) and (max-width: 639.97px) {
  .teaser--title-first .teaser__content-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .teaser--title-first .teaser__content-wrap .teaser__title {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
  }
  .teaser--title-first .teaser__content-wrap .teaser__image-wrap {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .teaser--title-first .teaser__content-wrap .teaser__body {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .teaser--title-first .teaser__body {
    margin-top: 24px;
  }
}

/**
 * MIXINS
 */
/**
 * DEFINITIONS
 */
.teaser--illustrated {
  display: block;
  text-decoration: none;
  float: none;
  clear: both;
  position: relative;
}

.teaser--illustrated:after {
  content: "";
  display: block;
  clear: both;
}

.teaser--illustrated a {
  text-decoration: none;
}

.teaser--illustrated a img {
  -webkit-transition:opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  width: auto;
}

.teaser--illustrated .teaser__title {
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  color: #444;
  font-size: 1.25rem;
  margin-bottom: 7px;
  margin-top: 0;
}

.teaser--illustrated .teaser__title--thema {
  display: inline-block;
  padding-right: 0.3em;
}

.teaser--illustrated .teaser__title--thema img {
  height: 0.8em;
  width: auto;
  margin-top: -5px;
}

.teaser--illustrated a:hover,
.teaser--illustrated a:focus-visible,
.teaser--illustrated a:active {
  cursor: pointer;
}

.teaser--illustrated a:hover .teaser__title,
.teaser--illustrated a:focus-visible .teaser__title,
.teaser--illustrated a:active .teaser__title {
  color: #666;
}

.teaser--illustrated a:hover img,
.teaser--illustrated a:focus-visible img,
.teaser--illustrated a:active img {
  opacity: 0.6;
}

.teaser--illustrated .teaser__date {
  margin: 7px 0;
  color: #949494;
}

.teaser--illustrated .teaser__body {
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.3;
  text-decoration: none;
  margin-top: 7px;
}

@media all and (min-width: 1024px) {
  .teaser--illustrated .teaser__body {
    line-height: 1.5;
  }
}

.teaser--illustrated .teaser__body * {
  display: inline;
}

.teaser--illustrated .teaser__body .fluid-width-video-wrapper,
.teaser--illustrated .teaser__body .fluid-width-video-wrapper > * {
  display: block;
  margin-bottom: 15px;
}

.teaser--illustrated .content-authors {
  display: block;
  margin-top: 7px;
  color: #666;
}

.teaser--illustrated .field--name-field-content-genre {
  font-style: normal;
  font-weight: bold;
  -webkit-margin-end: 7px;
     -moz-margin-end: 7px;
          margin-inline-end: 7px;
  color: #444;
}

.teaser--illustrated .teaser__image-wrap {
  max-height: 392px;
  overflow: hidden;
}

.teaser--illustrated .teaser__image-wrap img,
.teaser--illustrated .teaser__image-wrap picture {
  width: 100%;
  height: auto;
}

.teaser--illustrated .teaser__title {
  font-size: 1.75rem;
  line-height: 1.1;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  text-shadow: 0 0 10px black;
}

.teaser--illustrated .teaser__title,
.teaser--illustrated .teaser__text {
  color: #fff;
}

.teaser--illustrated .teaser__title *,
.teaser--illustrated .teaser__text * {
  color: #fff;
}

.teaser--illustrated .teaser__title-wrap {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 80%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.teaser--illustrated .teaser__body {
  overflow: hidden;
  display: inline-block;
}

.teaser--illustrated .teaser_content-bottom {
  bottom: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 15px;
  position: absolute;
  right: 15px;
  text-align: center;
  top: 15px;
}

.teaser--illustrated .teaser__read-more-button {
  margin-top: 7px;
}

.teaser--illustrated:hover .button-ghost-white, .teaser--illustrated:focus-visible .button-ghost-white {
  background-color: white;
  color: #444;
  text-shadow: none;
}

@media all and (min-width: 760px) {
  .grid-slot-1d1 .teaser--illustrated .teaser__title, .grid-slot-2d3 .teaser--illustrated .teaser__title {
    font-size: 3rem;
    line-height: 1.2;
  }
}

@media all and (min-width: 1024px) {
  .grid-slot-1d2 .teaser--illustrated .teaser__title {
    font-size: 2rem;
    line-height: 1.2;
  }
}

@media all and (min-width: 760px) and (max-width: 1023.97px) {
  .grid-slot-1d3 .teaser--illustrated .teaser__title {
    font-size: 3rem;
    line-height: 1.2;
  }
}

@media all and (min-width: 1024px) {
  .grid-slot-1d3 .teaser--illustrated .teaser__title {
    font-size: 1.25rem;
  }
}

@media all and (min-width: 760px) {
  .grid-slot-1d1 .teaser--illustrated .teaser_content-bottom {
    top: 56px;
  }
}

@media all and (min-width: 760px) {
  .grid-slot-1d2 .teaser--illustrated .teaser_content-bottom {
    top: 32px;
  }
}

@media all and (min-width: 1220px) {
  .grid-slot-1d2 .teaser--illustrated .teaser_content-bottom {
    top: 56px;
  }
}

@media all and (min-width: 760px) {
  .grid-slot-2d3 .teaser--illustrated .teaser_content-bottom {
    top: 56px;
  }
}

@media all and (min-width: 1024px) {
  .grid-slot-1d3 .teaser--illustrated .teaser__read-more-button a {
    padding-bottom: 7px;
    padding-top: 7px;
  }
}

.grid-box:not(.grid-box--transparent) .teaser--illustrated .teaser__image-wrap:after {
  background: rgba(0, 0, 0, 0.2);
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.teaser--no-image {
  display: block;
  text-decoration: none;
  float: none;
  clear: both;
}

.teaser--no-image:after {
  content: "";
  display: block;
  clear: both;
}

.teaser--no-image a {
  text-decoration: none;
}

.teaser--no-image a img {
  -webkit-transition:opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  width: auto;
}

.teaser--no-image .teaser__title {
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  color: #444;
  font-size: 1.25rem;
  margin-bottom: 7px;
  margin-top: 0;
}

.teaser--no-image .teaser__title--thema {
  display: inline-block;
  padding-right: 0.3em;
}

.teaser--no-image .teaser__title--thema img {
  height: 0.8em;
  width: auto;
  margin-top: -5px;
}

.teaser--no-image a:hover,
.teaser--no-image a:focus-visible,
.teaser--no-image a:active {
  cursor: pointer;
}

.teaser--no-image a:hover .teaser__title,
.teaser--no-image a:focus-visible .teaser__title,
.teaser--no-image a:active .teaser__title {
  color: #666;
}

.teaser--no-image a:hover img,
.teaser--no-image a:focus-visible img,
.teaser--no-image a:active img {
  opacity: 0.6;
}

.teaser--no-image .teaser__date {
  margin: 7px 0;
  color: #949494;
}

.teaser--no-image .teaser__body {
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.3;
  text-decoration: none;
  margin-top: 7px;
}

@media all and (min-width: 1024px) {
  .teaser--no-image .teaser__body {
    line-height: 1.5;
  }
}

.teaser--no-image .teaser__body * {
  display: inline;
}

.teaser--no-image .teaser__body .fluid-width-video-wrapper,
.teaser--no-image .teaser__body .fluid-width-video-wrapper > * {
  display: block;
  margin-bottom: 15px;
}

.teaser--no-image .content-authors {
  display: block;
  margin-top: 7px;
  color: #666;
}

.teaser--no-image .field--name-field-content-genre {
  font-style: normal;
  font-weight: bold;
  -webkit-margin-end: 7px;
     -moz-margin-end: 7px;
          margin-inline-end: 7px;
  color: #444;
}

.teaser--no-image .field--name-field-position {
  font-weight: var(--font-weight--medium);
}

/**
 * MIXINS
 */
/**
 * DEFINITIONS
 */
.teaser--typo {
  display: block;
  text-decoration: none;
  float: none;
  clear: both;
}

.teaser--typo:after {
  content: "";
  display: block;
  clear: both;
}

.teaser--typo a {
  text-decoration: none;
}

.teaser--typo a img {
  -webkit-transition:opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  width: auto;
}

.teaser--typo .teaser__title {
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  color: #444;
  font-size: 1.25rem;
  margin-bottom: 7px;
  margin-top: 0;
}

.teaser--typo .teaser__title--thema {
  display: inline-block;
  padding-right: 0.3em;
}

.teaser--typo .teaser__title--thema img {
  height: 0.8em;
  width: auto;
  margin-top: -5px;
}

.teaser--typo a:hover,
.teaser--typo a:focus-visible,
.teaser--typo a:active {
  cursor: pointer;
}

.teaser--typo a:hover .teaser__title,
.teaser--typo a:focus-visible .teaser__title,
.teaser--typo a:active .teaser__title {
  color: #666;
}

.teaser--typo a:hover img,
.teaser--typo a:focus-visible img,
.teaser--typo a:active img {
  opacity: 0.6;
}

.teaser--typo .teaser__date {
  margin: 7px 0;
  color: #949494;
}

.teaser--typo .teaser__body {
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.3;
  text-decoration: none;
  margin-top: 7px;
}

@media all and (min-width: 1024px) {
  .teaser--typo .teaser__body {
    line-height: 1.5;
  }
}

.teaser--typo .teaser__body * {
  display: inline;
}

.teaser--typo .teaser__body .fluid-width-video-wrapper,
.teaser--typo .teaser__body .fluid-width-video-wrapper > * {
  display: block;
  margin-bottom: 15px;
}

.teaser--typo .content-authors {
  display: block;
  margin-top: 7px;
  color: #666;
}

.teaser--typo .field--name-field-content-genre {
  font-style: normal;
  font-weight: bold;
  -webkit-margin-end: 7px;
     -moz-margin-end: 7px;
          margin-inline-end: 7px;
  color: #444;
}

.teaser--typo .teaser__title {
  font-size: 2.625rem;
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1.05;
  /* THIS SEEMS WAY TO BIG
		.grid-slot-1d1 &,
		.grid-slot-2d3 & {
			@include bp($breakpoint--tablet-landscape) {
				font-size: pxToRem(64);
			}
		}*/
}

.grid-slot-1d3 .teaser--typo .teaser__title, .grid-slot-1d3 .teaser--typo .teaser__title, .grid-slot-1d4 .teaser--typo .teaser__title {
  font-size: 2rem;
}

/**
 * MIXINS
 */
/**
 * DEFINITIONS
 */
.teaser--default {
  display: block;
  text-decoration: none;
  float: none;
  clear: both;
  /**
   * Product teaser
   */
  /**
   * Person teaser
   */
}

.teaser--default:after {
  content: "";
  display: block;
  clear: both;
}

.teaser--default a {
  text-decoration: none;
}

.teaser--default a img {
  -webkit-transition:opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  width: auto;
}

.teaser--default .teaser__title {
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  color: #444;
  font-size: 1.25rem;
  margin-bottom: 7px;
  margin-top: 0;
}

.teaser--default .teaser__title--thema {
  display: inline-block;
  padding-right: 0.3em;
}

.teaser--default .teaser__title--thema img {
  height: 0.8em;
  width: auto;
  margin-top: -5px;
}

.teaser--default a:hover,
.teaser--default a:focus-visible,
.teaser--default a:active {
  cursor: pointer;
}

.teaser--default a:hover .teaser__title,
.teaser--default a:focus-visible .teaser__title,
.teaser--default a:active .teaser__title {
  color: #666;
}

.teaser--default a:hover img,
.teaser--default a:focus-visible img,
.teaser--default a:active img {
  opacity: 0.6;
}

.teaser--default .teaser__date {
  margin: 7px 0;
  color: #949494;
}

.teaser--default .teaser__body {
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.3;
  text-decoration: none;
  margin-top: 7px;
}

@media all and (min-width: 1024px) {
  .teaser--default .teaser__body {
    line-height: 1.5;
  }
}

.teaser--default .teaser__body * {
  display: inline;
}

.teaser--default .teaser__body .fluid-width-video-wrapper,
.teaser--default .teaser__body .fluid-width-video-wrapper > * {
  display: block;
  margin-bottom: 15px;
}

.teaser--default .content-authors {
  display: block;
  margin-top: 7px;
  color: #666;
}

.teaser--default .field--name-field-content-genre {
  font-style: normal;
  font-weight: bold;
  -webkit-margin-end: 7px;
     -moz-margin-end: 7px;
          margin-inline-end: 7px;
  color: #444;
}

.teaser--default .teaser__image {
  width: 100%;
  height: auto;
  margin-bottom: 7px;
  max-width: 111px;
}

html[dir="ltr"] .teaser--default .teaser__image {
  float: left;
  padding-right: 15px;
}

html[dir="rtl"] .teaser--default .teaser__image {
  float: right;
  padding-left: 15px;
}

@media all and (min-width: 760px) {
  .theodor-term-page .teaser--default .teaser__content-wrap, .teaser-collection--images-right .teaser--default .teaser__content-wrap, .grid-slot-1d1 .teaser--default .teaser__content-wrap, .grid-slot-2d3 .teaser--default .teaser__content-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .theodor-term-page .teaser--default .teaser__image-wrap,
.theodor-term-page .teaser--default .teaser__image-wrap-link, .teaser-collection--images-right .teaser--default .teaser__image-wrap,
.teaser-collection--images-right .teaser--default .teaser__image-wrap-link, .grid-slot-1d1 .teaser--default .teaser__image-wrap,
.grid-slot-1d1 .teaser--default .teaser__image-wrap-link, .grid-slot-2d3 .teaser--default .teaser__image-wrap,
.grid-slot-2d3 .teaser--default .teaser__image-wrap-link {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
  .theodor-term-page .teaser--default .teaser__image-wrap .teaser__image,
.theodor-term-page .teaser--default .teaser__image-wrap-link .teaser__image, .teaser-collection--images-right .teaser--default .teaser__image-wrap .teaser__image,
.teaser-collection--images-right .teaser--default .teaser__image-wrap-link .teaser__image, .grid-slot-1d1 .teaser--default .teaser__image-wrap .teaser__image,
.grid-slot-1d1 .teaser--default .teaser__image-wrap-link .teaser__image, .grid-slot-2d3 .teaser--default .teaser__image-wrap .teaser__image,
.grid-slot-2d3 .teaser--default .teaser__image-wrap-link .teaser__image {
    max-width: 221px;
    float: none;
    width: 221px;
  }
  .theodor-term-page .teaser--default .teaser__flexwrap, .teaser-collection--images-right .teaser--default .teaser__flexwrap, .grid-slot-1d1 .teaser--default .teaser__flexwrap, .grid-slot-2d3 .teaser--default .teaser__flexwrap {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}

@media all and (min-width: 760px) {
  .grid-slot-1d2 .teaser--default .teaser__title, .grid-slot-1d3 .teaser--default .teaser__title, .grid-slot-1d4 .teaser--default .teaser__title {
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
  }
}

.teaser--default.node--type-product .teaser__content-wrap {
  float: none;
  clear: both;
}

.teaser--default.node--type-product .teaser__content-wrap:after {
  content: "";
  display: block;
  clear: both;
}

html[dir="ltr"] .teaser--default.node--type-product .teaser__image {
  margin: 0 7px 15px 0;
}

html[dir="rtl"] .teaser--default.node--type-product .teaser__image {
  margin: 0 0 7px 15px;
}

.teaser--default.node--type-product .teaser__title {
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
}

.grid-slot-1d3 .teaser--default.node--type-person .teaser__content-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

.grid-slot-1d3 .teaser--default.node--type-person .teaser__image-wrap,
.grid-slot-1d3 .teaser--default.node--type-person .teaser__image-wrap-link {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.grid-slot-1d3 .teaser--default.node--type-person .teaser__image-wrap .teaser__image,
.grid-slot-1d3 .teaser--default.node--type-person .teaser__image-wrap-link .teaser__image {
  max-width: 111px;
  float: none;
  width: 111px;
}

/* Inline embedded Articles */
.node--view-mode-full .field--name-body .embedded-entity .teaser {
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.node--view-mode-full .field--name-body .embedded-entity .teaser .teaser__content-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

.node--view-mode-full .field--name-body .embedded-entity .teaser .teaser__image-wrap {
  width: 25%;
}

.node--view-mode-full .field--name-body .embedded-entity .teaser .teaser__flexwrap {
  width: 75%;
}

.node--view-mode-full .field--name-body .embedded-entity .teaser .teaser__title {
  margin-top: 0;
}

@media all and (min-width: 760px) {
  .node--view-mode-full .field--name-body .embedded-entity .teaser .teaser__image-wrap {
    width: 12%;
  }
  .node--view-mode-full .field--name-body .embedded-entity .teaser .teaser__flexwrap {
    width: 66%;
  }
}

@media all and (min-width: 1024px) {
  .node--view-mode-full .field--name-body .embedded-entity .teaser .teaser__content-wrap {
    margin-left: -6rem;
  }
  .node--view-mode-full .field--name-body .embedded-entity .teaser .teaser__flexwrap {
    width: 66%;
  }
}

.node--view-mode-full .field--name-body .embedded-entity .teaser .teaser__image {
  float: none;
  max-width: 100%;
}

.node--view-mode-full .field--name-body .embedded-entity .teaser .teaser__body {
  display: none;
}

.node--view-mode-full .field--name-body .embedded-entity .teaser--default::before {
  font-size: 1rem;
  font-weight: 700;
  line-height: 20px;
  display: inherit;
  margin-bottom: 1rem;
}

@media all and (min-width: 1024px) {
  .node--view-mode-full .field--name-body .embedded-entity .teaser--default::before {
    margin-left: -6rem;
  }
}

.node--view-mode-full .field--name-body .embedded-entity .teaser--default:lang(de)::before {
  content: "Mehr zum Thema";
}

.node--view-mode-full .field--name-body .embedded-entity .teaser--default:lang(en)::before {
  content: "More on this topic";
}

/**
 * MIXINS
 */
/**
 * DEFINITIONS
 */
.teaser--cinemascope {
  display: block;
  text-decoration: none;
  float: none;
  clear: both;
}

.teaser--cinemascope:after {
  content: "";
  display: block;
  clear: both;
}

.teaser--cinemascope a {
  text-decoration: none;
}

.teaser--cinemascope a img {
  -webkit-transition:opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  width: auto;
}

.teaser--cinemascope .teaser__title {
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  color: #444;
  font-size: 1.25rem;
  margin-bottom: 7px;
  margin-top: 0;
}

.teaser--cinemascope .teaser__title--thema {
  display: inline-block;
  padding-right: 0.3em;
}

.teaser--cinemascope .teaser__title--thema img {
  height: 0.8em;
  width: auto;
  margin-top: -5px;
}

.teaser--cinemascope a:hover,
.teaser--cinemascope a:focus-visible,
.teaser--cinemascope a:active {
  cursor: pointer;
}

.teaser--cinemascope a:hover .teaser__title,
.teaser--cinemascope a:focus-visible .teaser__title,
.teaser--cinemascope a:active .teaser__title {
  color: #666;
}

.teaser--cinemascope a:hover img,
.teaser--cinemascope a:focus-visible img,
.teaser--cinemascope a:active img {
  opacity: 0.6;
}

.teaser--cinemascope .teaser__date {
  margin: 7px 0;
  color: #949494;
}

.teaser--cinemascope .teaser__body {
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.3;
  text-decoration: none;
  margin-top: 7px;
}

@media all and (min-width: 1024px) {
  .teaser--cinemascope .teaser__body {
    line-height: 1.5;
  }
}

.teaser--cinemascope .teaser__body * {
  display: inline;
}

.teaser--cinemascope .teaser__body .fluid-width-video-wrapper,
.teaser--cinemascope .teaser__body .fluid-width-video-wrapper > * {
  display: block;
  margin-bottom: 15px;
}

.teaser--cinemascope .content-authors {
  display: block;
  margin-top: 7px;
  color: #666;
}

.teaser--cinemascope .field--name-field-content-genre {
  font-style: normal;
  font-weight: bold;
  -webkit-margin-end: 7px;
     -moz-margin-end: 7px;
          margin-inline-end: 7px;
  color: #444;
}

.teaser--cinemascope .teaser__content-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.teaser--cinemascope .teaser__content-wrap .teaser__title {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
      -ms-flex-order: 0;
          order: 0;
}

.teaser--cinemascope .teaser__content-wrap .teaser__image-wrap {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

.teaser--cinemascope .teaser__content-wrap .teaser__body {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}

.teaser--cinemascope .teaser__body {
  margin-top: 24px;
}

.teaser--cinemascope .teaser__title .field--name-title {
  margin-left: unset;
  max-width: none;
}

.grid-slot-1d1 .teaser--cinemascope .teaser__title, .grid-slot-2d3 .teaser--cinemascope .teaser__title {
  margin-top: 24px;
  font-size: 1.75rem;
  line-height: 1.1;
}

@media all and (min-width: 760px) {
  .grid-slot-1d1 .teaser--cinemascope .teaser__title, .grid-slot-2d3 .teaser--cinemascope .teaser__title {
    font-size: 2rem;
    line-height: 1.2;
  }
}

@media all and (min-width: 0) and (max-width: 759.97px) {
  .teaser--cinemascope .teaser__image {
    margin-left: -10px;
    margin-right: -10px;
  }
}

.teaser--cinemascope .teaser__body {
  max-width: 920px;
}

@media all and (min-width: 760px) {
  .teaser--cinemascope .teaser__body {
    font-size: 1.0625rem;
  }
  .teaser--cinemascope .teaser__body p {
    font-size: inherit;
  }
  .teaser--cinemascope .teaser__body .content-authors {
    display: inline-block;
    margin-top: 0;
  }
}

/**
 * MIXINS
 */
/**
 * DEFINITIONS
 */
.teaser--media {
  display: block;
  text-decoration: none;
  float: none;
  clear: both;
}

.teaser--media:after {
  content: "";
  display: block;
  clear: both;
}

.teaser--media a {
  text-decoration: none;
}

.teaser--media a img {
  -webkit-transition:opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  width: auto;
}

.teaser--media .teaser__title {
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  color: #444;
  font-size: 1.25rem;
  margin-bottom: 7px;
  margin-top: 0;
}

.teaser--media .teaser__title--thema {
  display: inline-block;
  padding-right: 0.3em;
}

.teaser--media .teaser__title--thema img {
  height: 0.8em;
  width: auto;
  margin-top: -5px;
}

.teaser--media a:hover,
.teaser--media a:focus-visible,
.teaser--media a:active {
  cursor: pointer;
}

.teaser--media a:hover .teaser__title,
.teaser--media a:focus-visible .teaser__title,
.teaser--media a:active .teaser__title {
  color: #666;
}

.teaser--media a:hover img,
.teaser--media a:focus-visible img,
.teaser--media a:active img {
  opacity: 0.6;
}

.teaser--media .teaser__date {
  margin: 7px 0;
  color: #949494;
}

.teaser--media .teaser__body {
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.3;
  text-decoration: none;
  margin-top: 7px;
}

@media all and (min-width: 1024px) {
  .teaser--media .teaser__body {
    line-height: 1.5;
  }
}

.teaser--media .teaser__body * {
  display: inline;
}

.teaser--media .teaser__body .fluid-width-video-wrapper,
.teaser--media .teaser__body .fluid-width-video-wrapper > * {
  display: block;
  margin-bottom: 15px;
}

.teaser--media .content-authors {
  display: block;
  margin-top: 7px;
  color: #666;
}

.teaser--media .field--name-field-content-genre {
  font-style: normal;
  font-weight: bold;
  -webkit-margin-end: 7px;
     -moz-margin-end: 7px;
          margin-inline-end: 7px;
  color: #444;
}

.teaser--media .teaser__title {
  margin-top: 24px;
}

.grid-slot-1d1 .teaser--media .teaser__title, .grid-slot-2d3 .teaser--media .teaser__title {
  font-size: 2rem;
  line-height: 1.2;
}

@media all and (min-width: 0) and (max-width: 639.97px) {
  .grid-slot-1d1 .teaser--media .teaser__title, .grid-slot-2d3 .teaser--media .teaser__title {
    font-size: 1.75rem;
    line-height: 1.1;
  }
}

.teaser--media a {
  text-decoration: none;
}

.teaser--media .teaser__footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.teaser--media .teaser__footer .field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 15px;
}

.teaser--media .teaser__footer .field__label {
  font-weight: 600;
  margin-right: 0.3em;
}

.teaser--media .teaser__footer .field__label:after {
  content: ": ";
}

.teaser--media .teaser__footer .field__item {
  font-weight: 600;
}

.grid-slot-1d3 .teaser--media.media--type-media-soundcloud .field--name-field-media-oembed-video,
.grid-slot-2d3 .teaser--media.media--type-media-soundcloud .field--name-field-media-oembed-video,
.grid-slot-1d2 .teaser--media.media--type-media-soundcloud .field--name-field-media-oembed-video {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 66.6666666667%;
}

.grid-slot-1d3 .teaser--media.media--type-media-soundcloud .field--name-field-media-oembed-video > img,
.grid-slot-1d3 .teaser--media.media--type-media-soundcloud .field--name-field-media-oembed-video > video,
.grid-slot-1d3 .teaser--media.media--type-media-soundcloud .field--name-field-media-oembed-video > iframe,
.grid-slot-1d3 .teaser--media.media--type-media-soundcloud .field--name-field-media-oembed-video > object,
.grid-slot-1d3 .teaser--media.media--type-media-soundcloud .field--name-field-media-oembed-video > embed,
.grid-slot-2d3 .teaser--media.media--type-media-soundcloud .field--name-field-media-oembed-video > img,
.grid-slot-2d3 .teaser--media.media--type-media-soundcloud .field--name-field-media-oembed-video > video,
.grid-slot-2d3 .teaser--media.media--type-media-soundcloud .field--name-field-media-oembed-video > iframe,
.grid-slot-2d3 .teaser--media.media--type-media-soundcloud .field--name-field-media-oembed-video > object,
.grid-slot-2d3 .teaser--media.media--type-media-soundcloud .field--name-field-media-oembed-video > embed,
.grid-slot-1d2 .teaser--media.media--type-media-soundcloud .field--name-field-media-oembed-video > img,
.grid-slot-1d2 .teaser--media.media--type-media-soundcloud .field--name-field-media-oembed-video > video,
.grid-slot-1d2 .teaser--media.media--type-media-soundcloud .field--name-field-media-oembed-video > iframe,
.grid-slot-1d2 .teaser--media.media--type-media-soundcloud .field--name-field-media-oembed-video > object,
.grid-slot-1d2 .teaser--media.media--type-media-soundcloud .field--name-field-media-oembed-video > embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/**
 * MIXINS
 */
/**
 * DEFINITIONS
 */
.teaser--condensed {
  display: block;
  text-decoration: none;
  float: none;
  clear: both;
  margin-bottom: 2em;
}

.teaser--condensed:after {
  content: "";
  display: block;
  clear: both;
}

.teaser--condensed a {
  text-decoration: none;
}

.teaser--condensed a img {
  -webkit-transition:opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  width: auto;
}

.teaser--condensed .teaser__title {
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  color: #444;
  font-size: 1.25rem;
  margin-bottom: 7px;
  margin-top: 0;
}

.teaser--condensed .teaser__title--thema {
  display: inline-block;
  padding-right: 0.3em;
}

.teaser--condensed .teaser__title--thema img {
  height: 0.8em;
  width: auto;
  margin-top: -5px;
}

.teaser--condensed a:hover,
.teaser--condensed a:focus-visible,
.teaser--condensed a:active {
  cursor: pointer;
}

.teaser--condensed a:hover .teaser__title,
.teaser--condensed a:focus-visible .teaser__title,
.teaser--condensed a:active .teaser__title {
  color: #666;
}

.teaser--condensed a:hover img,
.teaser--condensed a:focus-visible img,
.teaser--condensed a:active img {
  opacity: 0.6;
}

.teaser--condensed .teaser__date {
  margin: 7px 0;
  color: #949494;
}

.teaser--condensed .teaser__body {
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.3;
  text-decoration: none;
  margin-top: 7px;
}

@media all and (min-width: 1024px) {
  .teaser--condensed .teaser__body {
    line-height: 1.5;
  }
}

.teaser--condensed .teaser__body * {
  display: inline;
}

.teaser--condensed .teaser__body .fluid-width-video-wrapper,
.teaser--condensed .teaser__body .fluid-width-video-wrapper > * {
  display: block;
  margin-bottom: 15px;
}

.teaser--condensed .content-authors {
  display: block;
  margin-top: 7px;
  color: #666;
}

.teaser--condensed .field--name-field-content-genre {
  font-style: normal;
  font-weight: bold;
  -webkit-margin-end: 7px;
     -moz-margin-end: 7px;
          margin-inline-end: 7px;
  color: #444;
}

.teaser--condensed .teaser__footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.teaser--condensed .teaser__footer .field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 15px;
  padding-top: 3px;
}

.teaser--condensed .teaser__footer .field__label {
  font-weight: 700;
  margin-right: 7px;
}

.teaser--condensed .teaser__footer .field__label:after {
  content: "";
}

.fullbleed-teaser {
  width: 100%;
  margin-top: 55px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.darkmode .fullbleed-teaser {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  width: 100vw;
}

.js-infinite-scroll-loaded .fullbleed-teaser {
  margin-top: 0;
}

@media all and (min-width: 760px) {
  .fullbleed-teaser {
    min-height: 650px;
    margin-top: 0;
    display: block;
  }
}

.fullbleed-teaser .media__element, .fullbleed-teaser video {
  height: 55vh;
  width: 100vw;
  -o-object-fit: cover;
     object-fit: cover;
}

@media all and (min-width: 760px) {
  .fullbleed-teaser .media__element, .fullbleed-teaser video {
    height: 100vh;
    min-height: 650px;
  }
}

.fullbleed-teaser .titles-overlay-container {
  max-width: 1220px;
  height: 35vh;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media all and (min-width: 760px) {
  .fullbleed-teaser .titles-overlay-container {
    position: absolute;
    display: block;
    left: 50%;
    bottom: 0;
    height: 100vh;
    width: 100%;
    -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
            transform: translate(-50%);
  }
}

.fullbleed-teaser .titles-overlay {
  max-width: 610px;
  margin: auto 10px;
}

@media all and (min-width: 760px) {
  .fullbleed-teaser .titles-overlay {
    position: absolute;
    margin: 0;
    bottom: 80px;
  }
}

@media all and (min-width: 1024px) {
  .fullbleed-teaser .titles-overlay {
    bottom: 70px;
  }
}

@media all and (min-width: 1220px) {
  .fullbleed-teaser .titles-overlay {
    bottom: 90px;
  }
}

.fullbleed-teaser .titles-overlay.titles-overlay-right {
  text-align: right;
  right: 10px;
}

@media all and (min-width: 1024px) {
  .fullbleed-teaser .titles-overlay.titles-overlay-right {
    right: 60px;
  }
}

@media all and (min-width: 1220px) {
  .darkmode .fullbleed-teaser .titles-overlay.titles-overlay-right {
    right: 0;
  }
}

.fullbleed-teaser .titles-overlay.titles-overlay-left {
  text-align: left;
  left: 10px;
}

@media all and (min-width: 1024px) {
  .fullbleed-teaser .titles-overlay.titles-overlay-left {
    left: 60px;
  }
}

@media all and (min-width: 1220px) {
  .darkmode .fullbleed-teaser .titles-overlay.titles-overlay-left {
    left: 0;
  }
}

/*
 SPLIDE HAS SAME FIXED VALUES, BUT IS SET IN GRID.JS
 */
.teaser--vertical {
  height: 355px;
  width: calc( 355px * 0.56);
}

@media all and (min-width: 760px) {
  .teaser--vertical {
    height: 518px;
    width: calc( 518px * 0.56);
  }
}

.teaser--vertical .teaser__content-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.teaser--vertical .teaser__content-wrap .teaser__image-wrap .field--name-field-teaser-image img {
  height: 355px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media all and (min-width: 760px) {
  .teaser--vertical .teaser__content-wrap .teaser__image-wrap .field--name-field-teaser-image img {
    height: 518px;
  }
}

.teaser--vertical .teaser__content-wrap .teaser__image-wrap .teaser__image:after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  background: #666;
  opacity: 0.3;
}

.teaser--vertical .teaser__content-wrap .teaser_content-bottom {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.teaser--vertical .teaser__content-wrap .teaser_content-bottom .teaser__title-wrap {
  margin: 5.938rem 0.938rem auto 0.938rem;
  padding: 1rem;
  text-align: center;
  background: rgba(255, 255, 255, 0.7);
}

.teaser--vertical .teaser__content-wrap .teaser_content-bottom .teaser__title-wrap .teaser__title {
  font-family: var(--font-noto-serif);
  text-rendering: optimizeLegibility;
  color: var(--brand-colors-gray-dark-2);
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  font-size: 1rem;
  margin: 0;
}

@media all and (min-width: 760px) {
  .teaser--vertical .teaser__content-wrap .teaser_content-bottom .teaser__title-wrap .teaser__title {
    font-size: 1.25rem;
  }
}

.teaser--vertical .teaser__content-wrap .teaser_content-bottom .teaser__read-more-button {
  margin: auto 0 50px 0;
}

.teaser--vertical a img {
  -webkit-transition:opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.teaser--vertical a:hover img {
  opacity: 0.6;
}

.teaser--vertical .blazy .media--loading:before, .teaser--vertical .blazy .media.is-b-loading::before {
  display: none;
}

.teaser--mediathek .field--name-field-content-genre {
  text-transform: uppercase;
  margin-top: 24px;
  margin-bottom: 5px;
}

.teaser--mediathek .teaser__title {
  margin-top: 0;
}

.view-solr-term-page {
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
}

.path-tags-glossary .attachment,
.path-content-tags-glossary .attachment,
.path-terms-glossary .attachment,
.view-tags-glossary .attachment {
  margin-bottom: 2em;
}

.path-tags-glossary .view-content .views-row,
.path-content-tags-glossary .view-content .views-row,
.path-terms-glossary .view-content .views-row,
.view-tags-glossary .view-content .views-row {
  line-height: 2.0;
  font-size: 1.25rem;
}

.path-tags-glossary .view-content .field-content a,
.path-content-tags-glossary .view-content .field-content a,
.path-terms-glossary .view-content .field-content a,
.view-tags-glossary .view-content .field-content a {
  text-decoration: none;
}

.path-tags-glossary .view-content .field-content a:hover,
.path-tags-glossary .view-content .field-content a:focus-visible,
.path-content-tags-glossary .view-content .field-content a:hover,
.path-content-tags-glossary .view-content .field-content a:focus-visible,
.path-terms-glossary .view-content .field-content a:hover,
.path-terms-glossary .view-content .field-content a:focus-visible,
.view-tags-glossary .view-content .field-content a:hover,
.view-tags-glossary .view-content .field-content a:focus-visible {
  color: #7c7c7c;
}

.path-tags-glossary .view-content .views-field-description__value,
.path-content-tags-glossary .view-content .views-field-description__value,
.path-terms-glossary .view-content .views-field-description__value,
.view-tags-glossary .view-content .views-field-description__value {
  margin-left: 2em;
}

.view-tags-glossary,
.block-tags-glossary,
.view-terms-glossary,
.block-terms-glossary {
  display: inline-block;
  width: 100%;
}

.view-tags-glossary .views-summary a,
.block-tags-glossary .views-summary a,
.view-terms-glossary .views-summary a,
.block-terms-glossary .views-summary a {
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  line-height: 1.6;
  color: #444;
  font-size: 0.9375rem;
  text-decoration: none;
  cursor: pointer;
  border-radius: 4px;
  background-color: #e2e2e2;
  display: block;
  margin: 5px 3px 0;
  float: left;
  padding-bottom: 0;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 5px;
  min-width: 34px;
  text-align: center;
}

.view-tags-glossary .views-summary:hover a, .view-tags-glossary .views-summary:focus-visible a, .view-tags-glossary .views-summary.active a,
.block-tags-glossary .views-summary:hover a,
.block-tags-glossary .views-summary:focus-visible a,
.block-tags-glossary .views-summary.active a,
.view-terms-glossary .views-summary:hover a,
.view-terms-glossary .views-summary:focus-visible a,
.view-terms-glossary .views-summary.active a,
.block-terms-glossary .views-summary:hover a,
.block-terms-glossary .views-summary:focus-visible a,
.block-terms-glossary .views-summary.active a {
  color: #fff;
  background-color: #91c800;
}

@media all and (min-width: 1220px) {
  .view-tags-glossary .views-summary,
.block-tags-glossary .views-summary,
.view-terms-glossary .views-summary,
.block-terms-glossary .views-summary {
    margin-left: 0;
    margin-right: 0;
  }
}

.view-tags-glossary .pager__item,
.block-tags-glossary .pager__item,
.view-terms-glossary .pager__item,
.block-terms-glossary .pager__item {
  margin-right: 5px;
}

.darkmode .view-tags-glossary .views-summary a,
.darkmode .block-tags-glossary .views-summary a,
.darkmode .view-terms-glossary .views-summary a,
.darkmode .block-terms-glossary .views-summary a {
  color: #444;
}

.darkmode .view-tags-glossary .views-summary:hover a, .darkmode .view-tags-glossary .views-summary:focus-visible a, .darkmode .view-tags-glossary .views-summary.active a,
.darkmode .block-tags-glossary .views-summary:hover a,
.darkmode .block-tags-glossary .views-summary:focus-visible a,
.darkmode .block-tags-glossary .views-summary.active a,
.darkmode .view-terms-glossary .views-summary:hover a,
.darkmode .view-terms-glossary .views-summary:focus-visible a,
.darkmode .view-terms-glossary .views-summary.active a,
.darkmode .block-terms-glossary .views-summary:hover a,
.darkmode .block-terms-glossary .views-summary:focus-visible a,
.darkmode .block-terms-glossary .views-summary.active a {
  color: #fff;
}

@media all and (min-width: 1220px) {
  .view-tags-glossary .attachment-before .view-content,
.block-tags-glossary .view-content,
.view-terms-glossary .attachment-before .view-content,
.block-terms-glossary .view-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.view-tags-glossary .view-content .views-summary,
.block-tags-glossary .view-content .views-summary {
  display: none;
}

.view-playlist {
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.3;
  text-decoration: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
  font-size: 1.1875rem;
}

.view-playlist .field--name-description > p {
  font-size: 1.1875rem;
}

.view-playlist .views-row {
  margin-top: 56px;
}

.view-playlist .views-row .views-field-field-media-oembed-video {
  margin-bottom: 7px;
}

.view-playlist .views-row .views-field-name {
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  color: #444;
  font-size: 1.875rem;
  margin-bottom: 7px;
}

@media all and (min-width: 760px) {
  .view-playlist .views-row .views-field-name {
    font-size: 2.25rem;
  }
}

.view-playlist .views-row .views-field-name a {
  text-decoration: none;
}

.view-playlist .views-row .views-field-field-teaser-text {
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.3;
  text-decoration: none;
  font-size: 1.0625rem;
}

@media all and (min-width: 760px) {
  .view-playlist .views-row .views-field-field-teaser-text {
    font-size: 1.1875rem;
  }
}

.grid-box-linklist ul {
  padding-left: unset;
  padding-right: unset;
  margin-top: unset;
  margin-bottom: unset;
  list-style: none;
  /* thank you classy for nothing */
  margin: 0;
}

.grid-box-linklist ul li {
  display: block;
  border-bottom: 1px solid #e2e2e2;
}

.grid-box-linklist ul li a {
  display: block;
  text-decoration: none;
  padding: 7px;
  padding-left: 0;
  padding-right: 0;
}

.grid-box-linklist ul li a:hover, .grid-box-linklist ul li a:focus-visible {
  color: #666;
}

.grid-box-linklist ul li:last-child {
  border-bottom: none;
}

.grid-box-linklist ul .grid-box-linklist-li {
  clear: right;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-block: 5px;
}

.grid-box-linklist ul img {
  width: 50px;
  height: auto;
  display: block;
  margin-right: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}

.grid-box-linklist ul .grid-box-linklist-li-hd {
  margin-top: 0;
  margin-bottom: 0.5em;
}

.grid-box-linklist ul .grid-box-linklist-li-bd {
  display: inline;
}

.grid-box-linklist ul .grid-box-linklist-li-bd::after {
  display: inline-block;
}

.grid-box-linklist ul .grid-box-linklist-li-bd:hover, .grid-box-linklist ul .grid-box-linklist-li-bd:focus-visible {
  text-decoration: underline;
}

@media all and (min-width: 1024px) {
  .slotter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media all and (min-width: 760px) {
  .grid-container-c-1d2-1d2 > .slotter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.grid-slot {
  position: relative;
  display: block;
  padding: 0;
  background: white;
  margin-right: 0;
  width: 100%;
}

@media all and (min-width: 760px) and (max-width: 1023.97px) {
  .grid-slot-1d2 {
    width: calc(50% - 10px);
    margin-top: 0 !important;
  }
  html[dir="ltr"] .grid-slot-1d2:last-child {
    margin-left: 20px;
  }
  html[dir="rtl"] .grid-slot-1d2:last-child {
    margin-right: 20px;
  }
}

/* 2, 4, 6, 8, 12 usw. */
.grid-slot-1d6,
.grid-slot-1d6 .grid-box {
  /* width: 2 * $slot-width + 1 * $slot-gap - 2 * $slot-padding; */
  width: 100%;
}

.grid-slot-1d6.grid-slot-first, .grid-slot-1d6.grid-slot-first .grid-box, .grid-slot-1d6.grid-slot-final, .grid-slot-1d6.grid-slot-final .grid-box {
  /* width: 2 * $slot-width + 1 * $slot-gap - $slot-padding; */
}

.grid-slot-1d3, .grid-slot-1d3 .grid-box {
  /* width: 4 * $slot-width + 3 * $slot-gap - 2 * $slot-padding; */
  width: 100%;
}

.grid-slot-1d3.grid-slot-first, .grid-slot-1d3.grid-slot-first .grid-box {
  /* width: 4 * $slot-width + 3 * $slot-gap - $slot-padding; */
}

.grid-slot-1d3.grid-slot-final, .grid-slot-1d3.grid-slot-final .grid-box {
  /* width: 4 * $slot-width + 3 * $slot-gap - $slot-padding; */
}

.grid-slot-2d3, .grid-slot-2d3 .grid-box {
  /* width: 8 * $slot-width + 7 * $slot-gap - 2 * $slot-padding; */
  width: 100%;
}

.grid-slot-2d3.grid-slot-first, .grid-slot-2d3.grid-slot-first .grid-box {
  /* width: 8 * $slot-width + 7 * $slot-gap - $slot-padding; */
}

.grid-slot-2d3.grid-slot-final, .grid-slot-2d3.grid-slot-final .grid-box {
  /* width: 8 * $slot-width + 7 * $slot-gap - $slot-padding; */
}

.grid-slot-1d1, .grid-slot-1d1 .grid-box {
  /* width: 12 * $slot-width + 11 * $slot-gap; */
  width: 100%;
}

@media all and (min-width: 1024px) {
  /* first & last */
  html[dir="ltr"] .grid-slot-first {
    margin-left: 0;
  }
  html[dir="rtl"] .grid-slot-first {
    margin-right: 0;
  }
  html[dir="ltr"] .grid-slot-final {
    margin-right: 0;
  }
  html[dir="rtl"] .grid-slot-final {
    margin-left: 0;
  }
  /* 2, 4, 6, 8, 12 usw. */
  .grid-slot-1d3 {
    width: 300px;
    border: 0 solid green;
  }
  html[dir="ltr"] .grid-slot-1d3:not(.grid-slot-first) {
    margin-left: 30px;
  }
  html[dir="rtl"] .grid-slot-1d3:not(.grid-slot-first) {
    margin-right: 30px;
  }
  .grid-slot-2d3 {
    width: 630px;
    border: 0;
  }
  .grid-slot-1d1 {
    width: 980px;
    border: 0;
    margin: 0;
  }
}

.relateds__list {
  margin: 0;
  padding: 0;
}

@media all and (min-width: 760px) and (max-width: 1219.97px) {
  .relateds__list.slotter {
    margin-top: -44px;
  }
  .grid-slot.relateds__list-item {
    margin-top: 44px;
  }
}

/* $grid-slot-gap--mobile: 20px; */
.grid-slots-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.grid-container--vertically-centered .grid-slots-wrapper {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
              -ms-grid-row-align: center;
          align-items: center;
}

.grid-slot {
  width: 100%;
}

@media all and (min-width: 0) and (max-width: 1023.97px) {
  .grid-slot:not(:first-child):not(.grid-slot-1d4) {
    margin-top: 44px;
  }
}

@media all and (min-width: 760px) {
  .grid-slot.grid-slot-1d2 {
    margin-top: 0;
  }
}

@media all and (min-width: 760px) {
  .grid-slot-1d2 {
    width: calc(50% - 10px);
  }
}

@media all and (min-width: 1220px) {
  .grid-slot-1d2 {
    width: calc(50% - 15px);
  }
}

@media all and (min-width: 1024px) {
  .grid-slot-1d3 {
    width: calc(33.3333333333% - 20px);
  }
}

@media all and (min-width: 1024px) {
  .grid-container-c-2d3-1d3 .grid-slot-1d3, .grid-container-c-1d3-2d3 .grid-slot-1d3 {
    width: calc(33.3333333333% - 15px);
  }
}

@media all and (min-width: 1024px) {
  .grid-slot-2d3 {
    width: calc(66.6666666667% - 15px);
  }
}

@media all and (min-width: 760px) {
  .grid-slot-1d4 {
    width: calc(50% - 10px);
  }
}

@media all and (min-width: 760px) and (max-width: 1219.97px) {
  .grid-slot-1d4 {
    margin-top: 24px;
  }
}

@media all and (min-width: 1220px) {
  .grid-slot-1d4 {
    width: calc(25% - 22.5px);
  }
}

.grid-box {
  clear: both;
  overflow: visible;
  position: relative;
  padding-right: 0;
}

.grid-box + .grid-box {
  margin-top: 44px;
}

.grid-box--highlighted {
  background-color: #f1f1f1;
  padding-top: 1px;
}

.grid-box--highlighted .grid-box-title {
  padding-inline: 10px;
}

.grid-box--highlighted .grid-box-inner {
  padding: 10px;
}

.grid-box--highlighted .grid-box-inner > p:last-child {
  margin-bottom: 0;
}

.grid-box--highlighted .teaser--default .teaser__image {
  margin-bottom: 0;
}

.grid-box-title {
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  color: #444;
  font-size: 0.9375rem;
  color: #666;
  border-top: 2px solid #91c800;
  margin: 0 0 15px;
  padding-top: 7px;
}

.grid-container.color--bildungswerk-blue .grid-box-title {
  border-color: #203c89;
}

.grid-box.color--bildungswerk-blue .grid-box-title {
  border-color: #203c89 !important;
}

.grid-container.color--bildungswerk-green .grid-box-title {
  border-color: #198632;
}

.grid-box.color--bildungswerk-green .grid-box-title {
  border-color: #198632 !important;
}

.grid-container.color--boell-blue .grid-box-title {
  border-color: #0e307f;
}

.grid-box.color--boell-blue .grid-box-title {
  border-color: #0e307f !important;
}

.grid-container.color--boell-dark-green .grid-box-title {
  border-color: #45783a;
}

.grid-box.color--boell-dark-green .grid-box-title {
  border-color: #45783a !important;
}

.grid-container.color--boell-green .grid-box-title {
  border-color: #75A300;
}

.grid-box.color--boell-green .grid-box-title {
  border-color: #75A300 !important;
}

.grid-container.color--boell-orange .grid-box-title {
  border-color: #FD631C;
}

.grid-box.color--boell-orange .grid-box-title {
  border-color: #FD631C !important;
}

.grid-container.color--boell-red .grid-box-title {
  border-color: #cc0000;
}

.grid-box.color--boell-red .grid-box-title {
  border-color: #cc0000 !important;
}

.grid-container.color--boell-turquoise .grid-box-title {
  border-color: #008599;
}

.grid-box.color--boell-turquoise .grid-box-title {
  border-color: #008599 !important;
}

.grid-container.color--boell-gray .grid-box-title {
  border-color: #999;
}

.grid-box.color--boell-gray .grid-box-title {
  border-color: #999 !important;
}

.grid-container.color--boell-yellow .grid-box-title {
  border-color: #BD8C05;
}

.grid-box.color--boell-yellow .grid-box-title {
  border-color: #BD8C05 !important;
}

.grid-container.color--brandenburg-blue .grid-box-title {
  border-color: #0064a7;
}

.grid-box.color--brandenburg-blue .grid-box-title {
  border-color: #0064a7 !important;
}

.grid-container.color--brandenburg-green .grid-box-title {
  border-color: #80A027;
}

.grid-box.color--brandenburg-green .grid-box-title {
  border-color: #80A027 !important;
}

.grid-container.color--brandenburg-orange .grid-box-title {
  border-color: #C68606;
}

.grid-box.color--brandenburg-orange .grid-box-title {
  border-color: #C68606 !important;
}

.grid-container.color--brandenburg-red .grid-box-title {
  border-color: #e02d34;
}

.grid-box.color--brandenburg-red .grid-box-title {
  border-color: #e02d34 !important;
}

.grid-container.color--greencampus-green .grid-box-title {
  border-color: #63A32E;
}

.grid-box.color--greencampus-green .grid-box-title {
  border-color: #63A32E !important;
}

.grid-container.color--gwi-red .grid-box-title {
  border-color: #E70457;
}

.grid-box.color--gwi-red .grid-box-title {
  border-color: #E70457 !important;
}

.grid-container.color--gwi-turquoise .grid-box-title {
  border-color: #3a9192;
}

.grid-box.color--gwi-turquoise .grid-box-title {
  border-color: #3a9192 !important;
}

.grid-container.color--infohub-plastic .grid-box-title {
  border-color: #3B49BC;
}

.grid-box.color--infohub-plastic .grid-box-title {
  border-color: #3B49BC !important;
}

.grid-container.color--international-green .grid-box-title {
  border-color: #75A300;
}

.grid-box.color--international-green .grid-box-title {
  border-color: #75A300 !important;
}

.grid-container.color--international-orange .grid-box-title {
  border-color: #FD631C;
}

.grid-box.color--international-orange .grid-box-title {
  border-color: #FD631C !important;
}

.grid-container.color--international-turquoise .grid-box-title {
  border-color: #008599;
}

.grid-box.color--international-turquoise .grid-box-title {
  border-color: #008599 !important;
}

.grid-container.color--mid-green .grid-box-title {
  border-color: #75A300;
}

.grid-box.color--mid-green .grid-box-title {
  border-color: #75A300 !important;
}

.grid-container.color--mid-orange .grid-box-title {
  border-color: #FD631C;
}

.grid-box.color--mid-orange .grid-box-title {
  border-color: #FD631C !important;
}

.grid-container.color--mid-pink .grid-box-title {
  border-color: #DE6EA8;
}

.grid-box.color--mid-pink .grid-box-title {
  border-color: #DE6EA8 !important;
}

.grid-container.color--mid-red .grid-box-title {
  border-color: #cc0000;
}

.grid-box.color--mid-red .grid-box-title {
  border-color: #cc0000 !important;
}

.grid-container.color--mid-turquoise .grid-box-title {
  border-color: #37A3A4;
}

.grid-box.color--mid-turquoise .grid-box-title {
  border-color: #37A3A4 !important;
}

.grid-container.color--mid-yellow .grid-box-title {
  border-color: #BD8C05;
}

.grid-box.color--mid-yellow .grid-box-title {
  border-color: #BD8C05 !important;
}

.grid-container.color--myanmar-fonts .grid-box-title {
  border-color: #75A300;
}

.grid-box.color--myanmar-fonts .grid-box-title {
  border-color: #75A300 !important;
}

.grid-container.color--petrakelly-blue .grid-box-title {
  border-color: #2c4081;
}

.grid-box.color--petrakelly-blue .grid-box-title {
  border-color: #2c4081 !important;
}

.grid-container.color--petrakelly-green .grid-box-title {
  border-color: #008445;
}

.grid-box.color--petrakelly-green .grid-box-title {
  border-color: #008445 !important;
}

.grid-container.color--petrakelly-red .grid-box-title {
  border-color: #cb322d;
}

.grid-box.color--petrakelly-red .grid-box-title {
  border-color: #cb322d !important;
}

.grid-container.color--state-blue .grid-box-title {
  border-color: #0e307f;
}

.grid-box.color--state-blue .grid-box-title {
  border-color: #0e307f !important;
}

.grid-container.color--state-green .grid-box-title {
  border-color: #75A300;
}

.grid-box.color--state-green .grid-box-title {
  border-color: #75A300 !important;
}

.grid-box-title-link {
  text-decoration: none;
  color: inherit;
}

.grid-box-epilog {
  margin-top: 15px;
  margin-bottom: 7px;
}

.theme--is-mediathek .grid-box-prolog a,
.theme--is-mediathek .grid-box-epilog a {
  text-decoration: none;
  -webkit-transition:background 0.3s ease-in, box-shadow 0.3s ease-in;
  transition: background 0.3s ease-in, box-shadow 0.3s ease-in;
  box-shadow: inset 0 -0.15em #c8e480;
}

.theme--is-mediathek .grid-box-prolog a:hover, .theme--is-mediathek .grid-box-prolog a:focus-visible,
.theme--is-mediathek .grid-box-epilog a:hover,
.theme--is-mediathek .grid-box-epilog a:focus-visible {
  background: #c8e480;
  box-shadow: none;
}

.grid-container-readmore,
.grid-box-readmore {
  margin-top: 32px;
  display: inline-block;
  text-decoration: none;
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.3;
  text-decoration: none;
  -webkit-padding-before: 12px;
          padding-block-start: 12px;
  -webkit-padding-after: 10px;
          padding-block-end: 10px;
  padding-inline: 15px;
  cursor: pointer;
  font-weight: 700;
  -webkit-transition:background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  font-size: 1rem;
  line-height: 1;
  background-color: #91c800;
  color: #333;
  font-weight: 700;
  transition: background 0.2s ease-in-out;
  -webkit-padding-before: 10px;
          padding-block-start: 10px;
  text-align: center;
  font-size: 1rem;
}

.grid-container-readmore:hover, .grid-container-readmore:focus-visible,
.grid-box-readmore:hover,
.grid-box-readmore:focus-visible {
  background: #a3e200;
}

.grid-container.color--bildungswerk-blue .grid-container-readmore, .grid-container.color--bildungswerk-blue .grid-box-readmore {
  background-color: #203c89;
  color: #333;
}

.grid-container.color--bildungswerk-blue .grid-container-readmore:hover, .grid-container.color--bildungswerk-blue .grid-container-readmore:focus-visible, .grid-container.color--bildungswerk-blue .grid-box-readmore:hover, .grid-container.color--bildungswerk-blue .grid-box-readmore:focus-visible {
  background: #25459e;
}

.grid-box.color--bildungswerk-blue .grid-container-readmore, .grid-box.color--bildungswerk-blue .grid-box-readmore {
  background-color: #203c89 !important;
  color: #333 !important;
}

.grid-box.color--bildungswerk-blue .grid-container-readmore:hover, .grid-box.color--bildungswerk-blue .grid-container-readmore:focus-visible, .grid-box.color--bildungswerk-blue .grid-box-readmore:hover, .grid-box.color--bildungswerk-blue .grid-box-readmore:focus-visible {
  background: #25459e !important;
}

.grid-container.color--bildungswerk-green .grid-container-readmore, .grid-container.color--bildungswerk-green .grid-box-readmore {
  background-color: #198632;
  color: #333;
}

.grid-container.color--bildungswerk-green .grid-container-readmore:hover, .grid-container.color--bildungswerk-green .grid-container-readmore:focus-visible, .grid-container.color--bildungswerk-green .grid-box-readmore:hover, .grid-container.color--bildungswerk-green .grid-box-readmore:focus-visible {
  background: #1d9b3a;
}

.grid-box.color--bildungswerk-green .grid-container-readmore, .grid-box.color--bildungswerk-green .grid-box-readmore {
  background-color: #198632 !important;
  color: #333 !important;
}

.grid-box.color--bildungswerk-green .grid-container-readmore:hover, .grid-box.color--bildungswerk-green .grid-container-readmore:focus-visible, .grid-box.color--bildungswerk-green .grid-box-readmore:hover, .grid-box.color--bildungswerk-green .grid-box-readmore:focus-visible {
  background: #1d9b3a !important;
}

.grid-container.color--boell-blue .grid-container-readmore, .grid-container.color--boell-blue .grid-box-readmore {
  background-color: #0e307f;
  color: white !important;
}

.grid-container.color--boell-blue .grid-container-readmore:hover, .grid-container.color--boell-blue .grid-container-readmore:focus-visible, .grid-container.color--boell-blue .grid-box-readmore:hover, .grid-container.color--boell-blue .grid-box-readmore:focus-visible {
  background: #0b2768;
}

.grid-box.color--boell-blue .grid-container-readmore, .grid-box.color--boell-blue .grid-box-readmore {
  background-color: #0e307f !important;
  color: white !important;
}

.grid-box.color--boell-blue .grid-container-readmore:hover, .grid-box.color--boell-blue .grid-container-readmore:focus-visible, .grid-box.color--boell-blue .grid-box-readmore:hover, .grid-box.color--boell-blue .grid-box-readmore:focus-visible {
  background: #0b2768 !important;
}

.grid-container.color--boell-dark-green .grid-container-readmore, .grid-container.color--boell-dark-green .grid-box-readmore {
  background-color: #45783a;
  color: white !important;
}

.grid-container.color--boell-dark-green .grid-container-readmore:hover, .grid-container.color--boell-dark-green .grid-container-readmore:focus-visible, .grid-container.color--boell-dark-green .grid-box-readmore:hover, .grid-container.color--boell-dark-green .grid-box-readmore:focus-visible {
  background: #3b6732;
}

.grid-box.color--boell-dark-green .grid-container-readmore, .grid-box.color--boell-dark-green .grid-box-readmore {
  background-color: #45783a !important;
  color: white !important;
}

.grid-box.color--boell-dark-green .grid-container-readmore:hover, .grid-box.color--boell-dark-green .grid-container-readmore:focus-visible, .grid-box.color--boell-dark-green .grid-box-readmore:hover, .grid-box.color--boell-dark-green .grid-box-readmore:focus-visible {
  background: #3b6732 !important;
}

.grid-container.color--boell-green .grid-container-readmore, .grid-container.color--boell-green .grid-box-readmore {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--boell-green .grid-container-readmore:hover, .grid-container.color--boell-green .grid-container-readmore:focus-visible, .grid-container.color--boell-green .grid-box-readmore:hover, .grid-container.color--boell-green .grid-box-readmore:focus-visible {
  background: #a3e200;
}

.grid-box.color--boell-green .grid-container-readmore, .grid-box.color--boell-green .grid-box-readmore {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--boell-green .grid-container-readmore:hover, .grid-box.color--boell-green .grid-container-readmore:focus-visible, .grid-box.color--boell-green .grid-box-readmore:hover, .grid-box.color--boell-green .grid-box-readmore:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--boell-orange .grid-container-readmore, .grid-container.color--boell-orange .grid-box-readmore {
  background-color: #fd7232;
  color: #333;
}

.grid-container.color--boell-orange .grid-container-readmore:hover, .grid-container.color--boell-orange .grid-container-readmore:focus-visible, .grid-container.color--boell-orange .grid-box-readmore:hover, .grid-container.color--boell-orange .grid-box-readmore:focus-visible {
  background: #fd834b;
}

.grid-box.color--boell-orange .grid-container-readmore, .grid-box.color--boell-orange .grid-box-readmore {
  background-color: #fd7232 !important;
  color: #333 !important;
}

.grid-box.color--boell-orange .grid-container-readmore:hover, .grid-box.color--boell-orange .grid-container-readmore:focus-visible, .grid-box.color--boell-orange .grid-box-readmore:hover, .grid-box.color--boell-orange .grid-box-readmore:focus-visible {
  background: #fd834b !important;
}

.grid-container.color--boell-red .grid-container-readmore, .grid-container.color--boell-red .grid-box-readmore {
  background-color: #cc0000;
  color: white !important;
}

.grid-container.color--boell-red .grid-container-readmore:hover, .grid-container.color--boell-red .grid-container-readmore:focus-visible, .grid-container.color--boell-red .grid-box-readmore:hover, .grid-container.color--boell-red .grid-box-readmore:focus-visible {
  background: #b30000;
}

.grid-box.color--boell-red .grid-container-readmore, .grid-box.color--boell-red .grid-box-readmore {
  background-color: #cc0000 !important;
  color: white !important;
}

.grid-box.color--boell-red .grid-container-readmore:hover, .grid-box.color--boell-red .grid-container-readmore:focus-visible, .grid-box.color--boell-red .grid-box-readmore:hover, .grid-box.color--boell-red .grid-box-readmore:focus-visible {
  background: #b30000 !important;
}

.grid-container.color--boell-turquoise .grid-container-readmore, .grid-container.color--boell-turquoise .grid-box-readmore {
  background-color: #008599;
  color: white !important;
}

.grid-container.color--boell-turquoise .grid-container-readmore:hover, .grid-container.color--boell-turquoise .grid-container-readmore:focus-visible, .grid-container.color--boell-turquoise .grid-box-readmore:hover, .grid-container.color--boell-turquoise .grid-box-readmore:focus-visible {
  background: #006f80;
}

.grid-box.color--boell-turquoise .grid-container-readmore, .grid-box.color--boell-turquoise .grid-box-readmore {
  background-color: #008599 !important;
  color: white !important;
}

.grid-box.color--boell-turquoise .grid-container-readmore:hover, .grid-box.color--boell-turquoise .grid-container-readmore:focus-visible, .grid-box.color--boell-turquoise .grid-box-readmore:hover, .grid-box.color--boell-turquoise .grid-box-readmore:focus-visible {
  background: #006f80 !important;
}

.grid-container.color--boell-gray .grid-container-readmore, .grid-container.color--boell-gray .grid-box-readmore {
  background-color: #e2e2e2;
  color: #333;
}

.grid-container.color--boell-gray .grid-container-readmore:hover, .grid-container.color--boell-gray .grid-container-readmore:focus-visible, .grid-container.color--boell-gray .grid-box-readmore:hover, .grid-container.color--boell-gray .grid-box-readmore:focus-visible {
  background: #efefef;
}

.grid-box.color--boell-gray .grid-container-readmore, .grid-box.color--boell-gray .grid-box-readmore {
  background-color: #e2e2e2 !important;
  color: #333 !important;
}

.grid-box.color--boell-gray .grid-container-readmore:hover, .grid-box.color--boell-gray .grid-container-readmore:focus-visible, .grid-box.color--boell-gray .grid-box-readmore:hover, .grid-box.color--boell-gray .grid-box-readmore:focus-visible {
  background: #efefef !important;
}

.grid-container.color--boell-yellow .grid-container-readmore, .grid-container.color--boell-yellow .grid-box-readmore {
  background-color: #fac32f;
  color: #333;
}

.grid-container.color--boell-yellow .grid-container-readmore:hover, .grid-container.color--boell-yellow .grid-container-readmore:focus-visible, .grid-container.color--boell-yellow .grid-box-readmore:hover, .grid-container.color--boell-yellow .grid-box-readmore:focus-visible {
  background: #fbca48;
}

.grid-box.color--boell-yellow .grid-container-readmore, .grid-box.color--boell-yellow .grid-box-readmore {
  background-color: #fac32f !important;
  color: #333 !important;
}

.grid-box.color--boell-yellow .grid-container-readmore:hover, .grid-box.color--boell-yellow .grid-container-readmore:focus-visible, .grid-box.color--boell-yellow .grid-box-readmore:hover, .grid-box.color--boell-yellow .grid-box-readmore:focus-visible {
  background: #fbca48 !important;
}

.grid-container.color--brandenburg-blue .grid-container-readmore, .grid-container.color--brandenburg-blue .grid-box-readmore {
  background-color: #0064a7;
  color: white !important;
}

.grid-container.color--brandenburg-blue .grid-container-readmore:hover, .grid-container.color--brandenburg-blue .grid-container-readmore:focus-visible, .grid-container.color--brandenburg-blue .grid-box-readmore:hover, .grid-container.color--brandenburg-blue .grid-box-readmore:focus-visible {
  background: #00558e;
}

.grid-box.color--brandenburg-blue .grid-container-readmore, .grid-box.color--brandenburg-blue .grid-box-readmore {
  background-color: #0064a7 !important;
  color: white !important;
}

.grid-box.color--brandenburg-blue .grid-container-readmore:hover, .grid-box.color--brandenburg-blue .grid-container-readmore:focus-visible, .grid-box.color--brandenburg-blue .grid-box-readmore:hover, .grid-box.color--brandenburg-blue .grid-box-readmore:focus-visible {
  background: #00558e !important;
}

.grid-container.color--brandenburg-green .grid-container-readmore, .grid-container.color--brandenburg-green .grid-box-readmore {
  background-color: #95bb2e;
  color: #333;
}

.grid-container.color--brandenburg-green .grid-container-readmore:hover, .grid-container.color--brandenburg-green .grid-container-readmore:focus-visible, .grid-container.color--brandenburg-green .grid-box-readmore:hover, .grid-container.color--brandenburg-green .grid-box-readmore:focus-visible {
  background: #a4cd35;
}

.grid-box.color--brandenburg-green .grid-container-readmore, .grid-box.color--brandenburg-green .grid-box-readmore {
  background-color: #95bb2e !important;
  color: #333 !important;
}

.grid-box.color--brandenburg-green .grid-container-readmore:hover, .grid-box.color--brandenburg-green .grid-container-readmore:focus-visible, .grid-box.color--brandenburg-green .grid-box-readmore:hover, .grid-box.color--brandenburg-green .grid-box-readmore:focus-visible {
  background: #a4cd35 !important;
}

.grid-container.color--brandenburg-orange .grid-container-readmore, .grid-container.color--brandenburg-orange .grid-box-readmore {
  background-color: #f8ad14;
  color: #333;
}

.grid-container.color--brandenburg-orange .grid-container-readmore:hover, .grid-container.color--brandenburg-orange .grid-container-readmore:focus-visible, .grid-container.color--brandenburg-orange .grid-box-readmore:hover, .grid-container.color--brandenburg-orange .grid-box-readmore:focus-visible {
  background: #f9b62d;
}

.grid-box.color--brandenburg-orange .grid-container-readmore, .grid-box.color--brandenburg-orange .grid-box-readmore {
  background-color: #f8ad14 !important;
  color: #333 !important;
}

.grid-box.color--brandenburg-orange .grid-container-readmore:hover, .grid-box.color--brandenburg-orange .grid-container-readmore:focus-visible, .grid-box.color--brandenburg-orange .grid-box-readmore:hover, .grid-box.color--brandenburg-orange .grid-box-readmore:focus-visible {
  background: #f9b62d !important;
}

.grid-container.color--brandenburg-red .grid-container-readmore, .grid-container.color--brandenburg-red .grid-box-readmore {
  background-color: #e02d34;
  color: #333;
}

.grid-container.color--brandenburg-red .grid-container-readmore:hover, .grid-container.color--brandenburg-red .grid-container-readmore:focus-visible, .grid-container.color--brandenburg-red .grid-box-readmore:hover, .grid-container.color--brandenburg-red .grid-box-readmore:focus-visible {
  background: #e34349;
}

.grid-box.color--brandenburg-red .grid-container-readmore, .grid-box.color--brandenburg-red .grid-box-readmore {
  background-color: #e02d34 !important;
  color: #333 !important;
}

.grid-box.color--brandenburg-red .grid-container-readmore:hover, .grid-box.color--brandenburg-red .grid-container-readmore:focus-visible, .grid-box.color--brandenburg-red .grid-box-readmore:hover, .grid-box.color--brandenburg-red .grid-box-readmore:focus-visible {
  background: #e34349 !important;
}

.grid-container.color--greencampus-green .grid-container-readmore, .grid-container.color--greencampus-green .grid-box-readmore {
  background-color: #6bb232;
  color: #333;
}

.grid-container.color--greencampus-green .grid-container-readmore:hover, .grid-container.color--greencampus-green .grid-container-readmore:focus-visible, .grid-container.color--greencampus-green .grid-box-readmore:hover, .grid-container.color--greencampus-green .grid-box-readmore:focus-visible {
  background: #77c638;
}

.grid-box.color--greencampus-green .grid-container-readmore, .grid-box.color--greencampus-green .grid-box-readmore {
  background-color: #6bb232 !important;
  color: #333 !important;
}

.grid-box.color--greencampus-green .grid-container-readmore:hover, .grid-box.color--greencampus-green .grid-container-readmore:focus-visible, .grid-box.color--greencampus-green .grid-box-readmore:hover, .grid-box.color--greencampus-green .grid-box-readmore:focus-visible {
  background: #77c638 !important;
}

.grid-container.color--gwi-red .grid-container-readmore, .grid-container.color--gwi-red .grid-box-readmore {
  background-color: #E70457;
  color: white !important;
}

.grid-container.color--gwi-red .grid-container-readmore:hover, .grid-container.color--gwi-red .grid-container-readmore:focus-visible, .grid-container.color--gwi-red .grid-box-readmore:hover, .grid-container.color--gwi-red .grid-box-readmore:focus-visible {
  background: #ce044e;
}

.grid-box.color--gwi-red .grid-container-readmore, .grid-box.color--gwi-red .grid-box-readmore {
  background-color: #E70457 !important;
  color: white !important;
}

.grid-box.color--gwi-red .grid-container-readmore:hover, .grid-box.color--gwi-red .grid-container-readmore:focus-visible, .grid-box.color--gwi-red .grid-box-readmore:hover, .grid-box.color--gwi-red .grid-box-readmore:focus-visible {
  background: #ce044e !important;
}

.grid-container.color--gwi-turquoise .grid-container-readmore, .grid-container.color--gwi-turquoise .grid-box-readmore {
  background-color: #3a9192;
  color: white !important;
}

.grid-container.color--gwi-turquoise .grid-container-readmore:hover, .grid-container.color--gwi-turquoise .grid-container-readmore:focus-visible, .grid-container.color--gwi-turquoise .grid-box-readmore:hover, .grid-container.color--gwi-turquoise .grid-box-readmore:focus-visible {
  background: #337f80;
}

.grid-box.color--gwi-turquoise .grid-container-readmore, .grid-box.color--gwi-turquoise .grid-box-readmore {
  background-color: #3a9192 !important;
  color: white !important;
}

.grid-box.color--gwi-turquoise .grid-container-readmore:hover, .grid-box.color--gwi-turquoise .grid-container-readmore:focus-visible, .grid-box.color--gwi-turquoise .grid-box-readmore:hover, .grid-box.color--gwi-turquoise .grid-box-readmore:focus-visible {
  background: #337f80 !important;
}

.grid-container.color--infohub-plastic .grid-container-readmore, .grid-container.color--infohub-plastic .grid-box-readmore {
  background-color: #3B49BC;
  color: white !important;
}

.grid-container.color--infohub-plastic .grid-container-readmore:hover, .grid-container.color--infohub-plastic .grid-container-readmore:focus-visible, .grid-container.color--infohub-plastic .grid-box-readmore:hover, .grid-container.color--infohub-plastic .grid-box-readmore:focus-visible {
  background: #3541a9;
}

.grid-box.color--infohub-plastic .grid-container-readmore, .grid-box.color--infohub-plastic .grid-box-readmore {
  background-color: #3B49BC !important;
  color: white !important;
}

.grid-box.color--infohub-plastic .grid-container-readmore:hover, .grid-box.color--infohub-plastic .grid-container-readmore:focus-visible, .grid-box.color--infohub-plastic .grid-box-readmore:hover, .grid-box.color--infohub-plastic .grid-box-readmore:focus-visible {
  background: #3541a9 !important;
}

.grid-container.color--international-green .grid-container-readmore, .grid-container.color--international-green .grid-box-readmore {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--international-green .grid-container-readmore:hover, .grid-container.color--international-green .grid-container-readmore:focus-visible, .grid-container.color--international-green .grid-box-readmore:hover, .grid-container.color--international-green .grid-box-readmore:focus-visible {
  background: #a3e200;
}

.grid-box.color--international-green .grid-container-readmore, .grid-box.color--international-green .grid-box-readmore {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--international-green .grid-container-readmore:hover, .grid-box.color--international-green .grid-container-readmore:focus-visible, .grid-box.color--international-green .grid-box-readmore:hover, .grid-box.color--international-green .grid-box-readmore:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--international-orange .grid-container-readmore, .grid-container.color--international-orange .grid-box-readmore {
  background-color: #fd7232;
  color: #333;
}

.grid-container.color--international-orange .grid-container-readmore:hover, .grid-container.color--international-orange .grid-container-readmore:focus-visible, .grid-container.color--international-orange .grid-box-readmore:hover, .grid-container.color--international-orange .grid-box-readmore:focus-visible {
  background: #fd834b;
}

.grid-box.color--international-orange .grid-container-readmore, .grid-box.color--international-orange .grid-box-readmore {
  background-color: #fd7232 !important;
  color: #333 !important;
}

.grid-box.color--international-orange .grid-container-readmore:hover, .grid-box.color--international-orange .grid-container-readmore:focus-visible, .grid-box.color--international-orange .grid-box-readmore:hover, .grid-box.color--international-orange .grid-box-readmore:focus-visible {
  background: #fd834b !important;
}

.grid-container.color--international-turquoise .grid-container-readmore, .grid-container.color--international-turquoise .grid-box-readmore {
  background-color: #008599;
  color: #333;
}

.grid-container.color--international-turquoise .grid-container-readmore:hover, .grid-container.color--international-turquoise .grid-container-readmore:focus-visible, .grid-container.color--international-turquoise .grid-box-readmore:hover, .grid-container.color--international-turquoise .grid-box-readmore:focus-visible {
  background: #009bb3;
}

.grid-box.color--international-turquoise .grid-container-readmore, .grid-box.color--international-turquoise .grid-box-readmore {
  background-color: #008599 !important;
  color: #333 !important;
}

.grid-box.color--international-turquoise .grid-container-readmore:hover, .grid-box.color--international-turquoise .grid-container-readmore:focus-visible, .grid-box.color--international-turquoise .grid-box-readmore:hover, .grid-box.color--international-turquoise .grid-box-readmore:focus-visible {
  background: #009bb3 !important;
}

.grid-container.color--mid-green .grid-container-readmore, .grid-container.color--mid-green .grid-box-readmore {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--mid-green .grid-container-readmore:hover, .grid-container.color--mid-green .grid-container-readmore:focus-visible, .grid-container.color--mid-green .grid-box-readmore:hover, .grid-container.color--mid-green .grid-box-readmore:focus-visible {
  background: #a3e200;
}

.grid-box.color--mid-green .grid-container-readmore, .grid-box.color--mid-green .grid-box-readmore {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--mid-green .grid-container-readmore:hover, .grid-box.color--mid-green .grid-container-readmore:focus-visible, .grid-box.color--mid-green .grid-box-readmore:hover, .grid-box.color--mid-green .grid-box-readmore:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--mid-orange .grid-container-readmore, .grid-container.color--mid-orange .grid-box-readmore {
  background-color: #fd7232;
  color: #333;
}

.grid-container.color--mid-orange .grid-container-readmore:hover, .grid-container.color--mid-orange .grid-container-readmore:focus-visible, .grid-container.color--mid-orange .grid-box-readmore:hover, .grid-container.color--mid-orange .grid-box-readmore:focus-visible {
  background: #fd834b;
}

.grid-box.color--mid-orange .grid-container-readmore, .grid-box.color--mid-orange .grid-box-readmore {
  background-color: #fd7232 !important;
  color: #333 !important;
}

.grid-box.color--mid-orange .grid-container-readmore:hover, .grid-box.color--mid-orange .grid-container-readmore:focus-visible, .grid-box.color--mid-orange .grid-box-readmore:hover, .grid-box.color--mid-orange .grid-box-readmore:focus-visible {
  background: #fd834b !important;
}

.grid-container.color--mid-pink .grid-container-readmore, .grid-container.color--mid-pink .grid-box-readmore {
  background-color: #e075ac;
  color: #333;
}

.grid-container.color--mid-pink .grid-container-readmore:hover, .grid-container.color--mid-pink .grid-container-readmore:focus-visible, .grid-container.color--mid-pink .grid-box-readmore:hover, .grid-container.color--mid-pink .grid-box-readmore:focus-visible {
  background: #e58ab9;
}

.grid-box.color--mid-pink .grid-container-readmore, .grid-box.color--mid-pink .grid-box-readmore {
  background-color: #e075ac !important;
  color: #333 !important;
}

.grid-box.color--mid-pink .grid-container-readmore:hover, .grid-box.color--mid-pink .grid-container-readmore:focus-visible, .grid-box.color--mid-pink .grid-box-readmore:hover, .grid-box.color--mid-pink .grid-box-readmore:focus-visible {
  background: #e58ab9 !important;
}

.grid-container.color--mid-red .grid-container-readmore, .grid-container.color--mid-red .grid-box-readmore {
  background-color: #cc0000;
  color: #333;
}

.grid-container.color--mid-red .grid-container-readmore:hover, .grid-container.color--mid-red .grid-container-readmore:focus-visible, .grid-container.color--mid-red .grid-box-readmore:hover, .grid-container.color--mid-red .grid-box-readmore:focus-visible {
  background: #e60000;
}

.grid-box.color--mid-red .grid-container-readmore, .grid-box.color--mid-red .grid-box-readmore {
  background-color: #cc0000 !important;
  color: #333 !important;
}

.grid-box.color--mid-red .grid-container-readmore:hover, .grid-box.color--mid-red .grid-container-readmore:focus-visible, .grid-box.color--mid-red .grid-box-readmore:hover, .grid-box.color--mid-red .grid-box-readmore:focus-visible {
  background: #e60000 !important;
}

.grid-container.color--mid-turquoise .grid-container-readmore, .grid-container.color--mid-turquoise .grid-box-readmore {
  background-color: #66cbcc;
  color: #333;
}

.grid-container.color--mid-turquoise .grid-container-readmore:hover, .grid-container.color--mid-turquoise .grid-container-readmore:focus-visible, .grid-container.color--mid-turquoise .grid-box-readmore:hover, .grid-container.color--mid-turquoise .grid-box-readmore:focus-visible {
  background: #79d2d2;
}

.grid-box.color--mid-turquoise .grid-container-readmore, .grid-box.color--mid-turquoise .grid-box-readmore {
  background-color: #66cbcc !important;
  color: #333 !important;
}

.grid-box.color--mid-turquoise .grid-container-readmore:hover, .grid-box.color--mid-turquoise .grid-container-readmore:focus-visible, .grid-box.color--mid-turquoise .grid-box-readmore:hover, .grid-box.color--mid-turquoise .grid-box-readmore:focus-visible {
  background: #79d2d2 !important;
}

.grid-container.color--mid-yellow .grid-container-readmore, .grid-container.color--mid-yellow .grid-box-readmore {
  background-color: #fac32f;
  color: #333;
}

.grid-container.color--mid-yellow .grid-container-readmore:hover, .grid-container.color--mid-yellow .grid-container-readmore:focus-visible, .grid-container.color--mid-yellow .grid-box-readmore:hover, .grid-container.color--mid-yellow .grid-box-readmore:focus-visible {
  background: #fbca48;
}

.grid-box.color--mid-yellow .grid-container-readmore, .grid-box.color--mid-yellow .grid-box-readmore {
  background-color: #fac32f !important;
  color: #333 !important;
}

.grid-box.color--mid-yellow .grid-container-readmore:hover, .grid-box.color--mid-yellow .grid-container-readmore:focus-visible, .grid-box.color--mid-yellow .grid-box-readmore:hover, .grid-box.color--mid-yellow .grid-box-readmore:focus-visible {
  background: #fbca48 !important;
}

.grid-container.color--myanmar-fonts .grid-container-readmore, .grid-container.color--myanmar-fonts .grid-box-readmore {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--myanmar-fonts .grid-container-readmore:hover, .grid-container.color--myanmar-fonts .grid-container-readmore:focus-visible, .grid-container.color--myanmar-fonts .grid-box-readmore:hover, .grid-container.color--myanmar-fonts .grid-box-readmore:focus-visible {
  background: #a3e200;
}

.grid-box.color--myanmar-fonts .grid-container-readmore, .grid-box.color--myanmar-fonts .grid-box-readmore {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--myanmar-fonts .grid-container-readmore:hover, .grid-box.color--myanmar-fonts .grid-container-readmore:focus-visible, .grid-box.color--myanmar-fonts .grid-box-readmore:hover, .grid-box.color--myanmar-fonts .grid-box-readmore:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--petrakelly-blue .grid-container-readmore, .grid-container.color--petrakelly-blue .grid-box-readmore {
  background-color: #2c4081;
  color: white !important;
}

.grid-container.color--petrakelly-blue .grid-container-readmore:hover, .grid-container.color--petrakelly-blue .grid-container-readmore:focus-visible, .grid-container.color--petrakelly-blue .grid-box-readmore:hover, .grid-container.color--petrakelly-blue .grid-box-readmore:focus-visible {
  background: #26376e;
}

.grid-box.color--petrakelly-blue .grid-container-readmore, .grid-box.color--petrakelly-blue .grid-box-readmore {
  background-color: #2c4081 !important;
  color: white !important;
}

.grid-box.color--petrakelly-blue .grid-container-readmore:hover, .grid-box.color--petrakelly-blue .grid-container-readmore:focus-visible, .grid-box.color--petrakelly-blue .grid-box-readmore:hover, .grid-box.color--petrakelly-blue .grid-box-readmore:focus-visible {
  background: #26376e !important;
}

.grid-container.color--petrakelly-green .grid-container-readmore, .grid-container.color--petrakelly-green .grid-box-readmore {
  background-color: #008445;
  color: #333;
}

.grid-container.color--petrakelly-green .grid-container-readmore:hover, .grid-container.color--petrakelly-green .grid-container-readmore:focus-visible, .grid-container.color--petrakelly-green .grid-box-readmore:hover, .grid-container.color--petrakelly-green .grid-box-readmore:focus-visible {
  background: #009e52;
}

.grid-box.color--petrakelly-green .grid-container-readmore, .grid-box.color--petrakelly-green .grid-box-readmore {
  background-color: #008445 !important;
  color: #333 !important;
}

.grid-box.color--petrakelly-green .grid-container-readmore:hover, .grid-box.color--petrakelly-green .grid-container-readmore:focus-visible, .grid-box.color--petrakelly-green .grid-box-readmore:hover, .grid-box.color--petrakelly-green .grid-box-readmore:focus-visible {
  background: #009e52 !important;
}

.grid-container.color--petrakelly-red .grid-container-readmore, .grid-container.color--petrakelly-red .grid-box-readmore {
  background-color: #cb322d;
  color: #333;
}

.grid-container.color--petrakelly-red .grid-container-readmore:hover, .grid-container.color--petrakelly-red .grid-container-readmore:focus-visible, .grid-container.color--petrakelly-red .grid-box-readmore:hover, .grid-container.color--petrakelly-red .grid-box-readmore:focus-visible {
  background: #d4423d;
}

.grid-box.color--petrakelly-red .grid-container-readmore, .grid-box.color--petrakelly-red .grid-box-readmore {
  background-color: #cb322d !important;
  color: #333 !important;
}

.grid-box.color--petrakelly-red .grid-container-readmore:hover, .grid-box.color--petrakelly-red .grid-container-readmore:focus-visible, .grid-box.color--petrakelly-red .grid-box-readmore:hover, .grid-box.color--petrakelly-red .grid-box-readmore:focus-visible {
  background: #d4423d !important;
}

.grid-container.color--state-blue .grid-container-readmore, .grid-container.color--state-blue .grid-box-readmore {
  background-color: #0e307f;
  color: white !important;
}

.grid-container.color--state-blue .grid-container-readmore:hover, .grid-container.color--state-blue .grid-container-readmore:focus-visible, .grid-container.color--state-blue .grid-box-readmore:hover, .grid-container.color--state-blue .grid-box-readmore:focus-visible {
  background: #0b2768;
}

.grid-box.color--state-blue .grid-container-readmore, .grid-box.color--state-blue .grid-box-readmore {
  background-color: #0e307f !important;
  color: white !important;
}

.grid-box.color--state-blue .grid-container-readmore:hover, .grid-box.color--state-blue .grid-container-readmore:focus-visible, .grid-box.color--state-blue .grid-box-readmore:hover, .grid-box.color--state-blue .grid-box-readmore:focus-visible {
  background: #0b2768 !important;
}

.grid-container.color--state-green .grid-container-readmore, .grid-container.color--state-green .grid-box-readmore {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--state-green .grid-container-readmore:hover, .grid-container.color--state-green .grid-container-readmore:focus-visible, .grid-container.color--state-green .grid-box-readmore:hover, .grid-container.color--state-green .grid-box-readmore:focus-visible {
  background: #a3e200;
}

.grid-box.color--state-green .grid-container-readmore, .grid-box.color--state-green .grid-box-readmore {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--state-green .grid-container-readmore:hover, .grid-box.color--state-green .grid-container-readmore:focus-visible, .grid-box.color--state-green .grid-box-readmore:hover, .grid-box.color--state-green .grid-box-readmore:focus-visible {
  background: #a3e200 !important;
}

.grid-container-readmore:after,
.grid-box-readmore:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e901";
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: inherit;
  margin-bottom: 3px;
  padding-left: 0.3em;
}

.grid-container-readmore .grid-container-readmore-text,
.grid-container-readmore .grid-box-readmore-text,
.grid-box-readmore .grid-container-readmore-text,
.grid-box-readmore .grid-box-readmore-text {
  display: inline-block;
}

/**
 * MIXINS
 */
/**
 * DEFINITIONS
 */
.grid-container {
  margin-bottom: 56px;
}

.grid-container:last-child {
  margin-bottom: 56px;
}

.grid-container-title {
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  color: #444;
  font-size: 0.9375rem;
  color: #666;
  border-top: 2px solid #91c800;
  margin: 0 0 15px;
  padding-top: 7px;
}

.grid-container.color--bildungswerk-blue .grid-container-title {
  border-color: #203c89;
}

.grid-container.color--bildungswerk-green .grid-container-title {
  border-color: #198632;
}

.grid-container.color--boell-blue .grid-container-title {
  border-color: #0e307f;
}

.grid-container.color--boell-dark-green .grid-container-title {
  border-color: #45783a;
}

.grid-container.color--boell-green .grid-container-title {
  border-color: #75A300;
}

.grid-container.color--boell-orange .grid-container-title {
  border-color: #FD631C;
}

.grid-container.color--boell-red .grid-container-title {
  border-color: #cc0000;
}

.grid-container.color--boell-turquoise .grid-container-title {
  border-color: #008599;
}

.grid-container.color--boell-gray .grid-container-title {
  border-color: #999;
}

.grid-container.color--boell-yellow .grid-container-title {
  border-color: #BD8C05;
}

.grid-container.color--brandenburg-blue .grid-container-title {
  border-color: #0064a7;
}

.grid-container.color--brandenburg-green .grid-container-title {
  border-color: #80A027;
}

.grid-container.color--brandenburg-orange .grid-container-title {
  border-color: #C68606;
}

.grid-container.color--brandenburg-red .grid-container-title {
  border-color: #e02d34;
}

.grid-container.color--greencampus-green .grid-container-title {
  border-color: #63A32E;
}

.grid-container.color--gwi-red .grid-container-title {
  border-color: #E70457;
}

.grid-container.color--gwi-turquoise .grid-container-title {
  border-color: #3a9192;
}

.grid-container.color--infohub-plastic .grid-container-title {
  border-color: #3B49BC;
}

.grid-container.color--international-green .grid-container-title {
  border-color: #75A300;
}

.grid-container.color--international-orange .grid-container-title {
  border-color: #FD631C;
}

.grid-container.color--international-turquoise .grid-container-title {
  border-color: #008599;
}

.grid-container.color--mid-green .grid-container-title {
  border-color: #75A300;
}

.grid-container.color--mid-orange .grid-container-title {
  border-color: #FD631C;
}

.grid-container.color--mid-pink .grid-container-title {
  border-color: #DE6EA8;
}

.grid-container.color--mid-red .grid-container-title {
  border-color: #cc0000;
}

.grid-container.color--mid-turquoise .grid-container-title {
  border-color: #37A3A4;
}

.grid-container.color--mid-yellow .grid-container-title {
  border-color: #BD8C05;
}

.grid-container.color--myanmar-fonts .grid-container-title {
  border-color: #75A300;
}

.grid-container.color--petrakelly-blue .grid-container-title {
  border-color: #2c4081;
}

.grid-container.color--petrakelly-green .grid-container-title {
  border-color: #008445;
}

.grid-container.color--petrakelly-red .grid-container-title {
  border-color: #cb322d;
}

.grid-container.color--state-blue .grid-container-title {
  border-color: #0e307f;
}

.grid-container.color--state-green .grid-container-title {
  border-color: #75A300;
}

.grid-container-title-link {
  text-decoration: none;
  color: inherit;
}

/**
 * STICKY BLACK OVERLAY CONTAINER
 */
.grid-container--black {
  background-color: #000;
  color: white;
  padding-top: 10px;
  padding-bottom: 24px;
  position: relative;
}

@media all and (min-width: 1024px) {
  .grid-container--black {
    padding-bottom: 40px;
  }
}

.grid-container--black:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -120px;
  right: 0;
  border-left: 120px solid #000;
  box-shadow: 120px 0 0 #000;
}

.grid-container--black .grid-slot {
  background-color: inherit;
}

.grid-container--black a:link, .grid-container--black a:visited {
  color: white;
}

.grid-container--black p,
.grid-container--black h1,
.grid-container--black h2,
.grid-container--black h3,
.grid-container--black h4,
.grid-container--black h5,
.grid-container--black h6 {
  color: white;
}

.grid-container--black .grid-container--black__button-hide {
  background-color: transparent;
  border-radius: 50px;
  color: white;
  font-size: 1.875rem;
  padding: 18px 8px 8px;
  text-align: center;
  cursor: pointer;
  position: absolute;
  right: 0;
  z-index: 100;
}

@media all and (min-width: 1024px) {
  .grid-container--black .grid-container--black__button-hide {
    padding-top: 28px;
  }
}

.grid-container--black .grid-container-title {
  border: none;
  color: white;
  display: inline-block;
  letter-spacing: 0.035em;
  margin: 7px 0 24px;
  margin-bottom: 3px !important;
}

@media all and (min-width: 1024px) {
  .grid-container--black .grid-container-title {
    margin-top: 15px;
  }
}

.grid-container--black[data-is-black-highlight=true] {
  z-index: 9998;
}

.grid-container--black[data-is-black-highlight=true] .short {
  display: block;
}

.grid-container--black[data-is-black-highlight=true] .short .grid-slots-wrapper {
  position: relative;
  max-height: 30vh;
  height: 30vh;
}

.grid-container--black[data-is-black-highlight=true] .short .grid-slots-wrapper:after {
  content: ' ';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  background-image: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
  background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
}

.grid-container--black[data-is-black-highlight=true] .grid-slots-wrapper {
  transition: max-height 2s ease-out;
  -webkit-transition: max-height 2s ease-out;
  -moz-transition: max-height 2s ease-out;
  -ms-transition: max-height 2s ease-out;
  -o-transition: max-height 2s ease-out;
  max-height: 900px;
  height: auto;
  overflow: hidden;
}

.grid-container--black[data-is-black-highlight=false] {
  display: none;
}

.grid-container--black .two-click {
  margin-top: 5px;
}

.grid-container--black .two-click .two-click__container {
  min-height: unset;
  border: none;
  box-shadow: none;
}

.grid-container--black .two-click .two-click__container .two-click__thumbnail {
  aspect-ratio: 16/9;
}

.grid-container--black .two-click .two-click__disclaimer .toggler-wrapper {
  background: black;
  color: white;
}

.sticky-wrapper {
  padding-bottom: 30px;
}

.sticky-wrapper.is-sticky {
  z-index: 9998;
}

.grid-container--hidden {
  display: none;
}

.user-logged-in .grid-container--hidden {
  display: block;
  opacity: 0.5;
  position: relative;
}

.user-logged-in .grid-container--hidden:before {
  content: "HIDDEN CONTAINER";
  color: red;
  font-weight: bold;
  position: absolute;
  z-index: 1000;
  top: -10px;
  left: 0;
}

.breaking_news-box {
  left: 0;
  padding: 7px 15px 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 501;
}

.breaking_news-box__headline {
  display: inline-block;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  position: relative;
  text-decoration: none;
}

.breaking_news-box__headline svg {
  fill: currentColor;
  position: absolute;
  margin-left: 15px;
  margin-top: -1px;
  width: 16px;
}

.breaking_news-box__link {
  text-decoration: none;
  color: inherit;
}

.breaking_news-box__close-button {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  color: white;
  cursor: pointer;
  height: 32px;
  position: absolute;
  right: 15px;
  text-align: center;
  top: 6px;
  width: 32px;
  z-index: 100;
}

.breaking_news-box__close-button:before, .breaking_news-box__close-button:after {
  background-color: white;
  content: ' ';
  height: 16px;
  left: 15px;
  position: absolute;
  top: 8px;
  width: 3px;
}

.breaking_news-box__close-button:before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.breaking_news-box__close-button:after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.breaking_news-box--color-blue {
  background-color: #0e307f;
  color: white;
}

.breaking_news-box--color-darkgreen {
  background-color: #45783a;
  color: white;
}

.breaking_news-box--color-gray {
  background-color: #666;
  color: white;
}

.breaking_news-box--color-red {
  background-color: #cc0000;
  color: white;
}

.breaking_news-box--color-yellow {
  background-color: #fac32f;
  color: #000;
}

.grid-box-media_by_selection .views-row,
.grid-box-node_by_selection .views-row,
.grid-box-podcast_by_selection .views-row {
  margin-bottom: 44px;
}

.grid-box-media_by_selection .views-row.views-row-last,
.grid-box-node_by_selection .views-row.views-row-last,
.grid-box-podcast_by_selection .views-row.views-row-last {
  margin-bottom: 0;
}

.grid-box-call_to_action .grid-box-inner {
  padding: 10px;
}

.call_to_action-box {
  background-size: cover;
  background-position: center;
  padding: 15px;
  text-align: center;
  background-color: #f1f1f1;
}

.grid-box--transparent .call_to_action-box {
  background: transparent;
}

.call_to_action-box .call_to_action-box__cta {
  display: inline-block;
  text-decoration: none;
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.3;
  text-decoration: none;
  -webkit-padding-before: 12px;
          padding-block-start: 12px;
  -webkit-padding-after: 10px;
          padding-block-end: 10px;
  padding-inline: 15px;
  cursor: pointer;
  font-weight: 700;
  -webkit-transition:background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  font-size: 1rem;
  line-height: 1;
  background-color: #91c800;
  color: #333;
}

.call_to_action-box .call_to_action-box__cta:hover, .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #a3e200;
}

.grid-container.color--bildungswerk-blue .call_to_action-box .call_to_action-box__cta {
  background-color: #203c89;
  color: #333;
}

.grid-container.color--bildungswerk-blue .call_to_action-box .call_to_action-box__cta:hover, .grid-container.color--bildungswerk-blue .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #25459e;
}

.grid-box.color--bildungswerk-blue .call_to_action-box .call_to_action-box__cta {
  background-color: #203c89 !important;
  color: #333 !important;
}

.grid-box.color--bildungswerk-blue .call_to_action-box .call_to_action-box__cta:hover, .grid-box.color--bildungswerk-blue .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #25459e !important;
}

.grid-container.color--bildungswerk-green .call_to_action-box .call_to_action-box__cta {
  background-color: #198632;
  color: #333;
}

.grid-container.color--bildungswerk-green .call_to_action-box .call_to_action-box__cta:hover, .grid-container.color--bildungswerk-green .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #1d9b3a;
}

.grid-box.color--bildungswerk-green .call_to_action-box .call_to_action-box__cta {
  background-color: #198632 !important;
  color: #333 !important;
}

.grid-box.color--bildungswerk-green .call_to_action-box .call_to_action-box__cta:hover, .grid-box.color--bildungswerk-green .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #1d9b3a !important;
}

.grid-container.color--boell-blue .call_to_action-box .call_to_action-box__cta {
  background-color: #0e307f;
  color: white !important;
}

.grid-container.color--boell-blue .call_to_action-box .call_to_action-box__cta:hover, .grid-container.color--boell-blue .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #0b2768;
}

.grid-box.color--boell-blue .call_to_action-box .call_to_action-box__cta {
  background-color: #0e307f !important;
  color: white !important;
}

.grid-box.color--boell-blue .call_to_action-box .call_to_action-box__cta:hover, .grid-box.color--boell-blue .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #0b2768 !important;
}

.grid-container.color--boell-dark-green .call_to_action-box .call_to_action-box__cta {
  background-color: #45783a;
  color: white !important;
}

.grid-container.color--boell-dark-green .call_to_action-box .call_to_action-box__cta:hover, .grid-container.color--boell-dark-green .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #3b6732;
}

.grid-box.color--boell-dark-green .call_to_action-box .call_to_action-box__cta {
  background-color: #45783a !important;
  color: white !important;
}

.grid-box.color--boell-dark-green .call_to_action-box .call_to_action-box__cta:hover, .grid-box.color--boell-dark-green .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #3b6732 !important;
}

.grid-container.color--boell-green .call_to_action-box .call_to_action-box__cta {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--boell-green .call_to_action-box .call_to_action-box__cta:hover, .grid-container.color--boell-green .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #a3e200;
}

.grid-box.color--boell-green .call_to_action-box .call_to_action-box__cta {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--boell-green .call_to_action-box .call_to_action-box__cta:hover, .grid-box.color--boell-green .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--boell-orange .call_to_action-box .call_to_action-box__cta {
  background-color: #fd7232;
  color: #333;
}

.grid-container.color--boell-orange .call_to_action-box .call_to_action-box__cta:hover, .grid-container.color--boell-orange .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #fd834b;
}

.grid-box.color--boell-orange .call_to_action-box .call_to_action-box__cta {
  background-color: #fd7232 !important;
  color: #333 !important;
}

.grid-box.color--boell-orange .call_to_action-box .call_to_action-box__cta:hover, .grid-box.color--boell-orange .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #fd834b !important;
}

.grid-container.color--boell-red .call_to_action-box .call_to_action-box__cta {
  background-color: #cc0000;
  color: white !important;
}

.grid-container.color--boell-red .call_to_action-box .call_to_action-box__cta:hover, .grid-container.color--boell-red .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #b30000;
}

.grid-box.color--boell-red .call_to_action-box .call_to_action-box__cta {
  background-color: #cc0000 !important;
  color: white !important;
}

.grid-box.color--boell-red .call_to_action-box .call_to_action-box__cta:hover, .grid-box.color--boell-red .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #b30000 !important;
}

.grid-container.color--boell-turquoise .call_to_action-box .call_to_action-box__cta {
  background-color: #008599;
  color: white !important;
}

.grid-container.color--boell-turquoise .call_to_action-box .call_to_action-box__cta:hover, .grid-container.color--boell-turquoise .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #006f80;
}

.grid-box.color--boell-turquoise .call_to_action-box .call_to_action-box__cta {
  background-color: #008599 !important;
  color: white !important;
}

.grid-box.color--boell-turquoise .call_to_action-box .call_to_action-box__cta:hover, .grid-box.color--boell-turquoise .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #006f80 !important;
}

.grid-container.color--boell-gray .call_to_action-box .call_to_action-box__cta {
  background-color: #e2e2e2;
  color: #333;
}

.grid-container.color--boell-gray .call_to_action-box .call_to_action-box__cta:hover, .grid-container.color--boell-gray .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #efefef;
}

.grid-box.color--boell-gray .call_to_action-box .call_to_action-box__cta {
  background-color: #e2e2e2 !important;
  color: #333 !important;
}

.grid-box.color--boell-gray .call_to_action-box .call_to_action-box__cta:hover, .grid-box.color--boell-gray .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #efefef !important;
}

.grid-container.color--boell-yellow .call_to_action-box .call_to_action-box__cta {
  background-color: #fac32f;
  color: #333;
}

.grid-container.color--boell-yellow .call_to_action-box .call_to_action-box__cta:hover, .grid-container.color--boell-yellow .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #fbca48;
}

.grid-box.color--boell-yellow .call_to_action-box .call_to_action-box__cta {
  background-color: #fac32f !important;
  color: #333 !important;
}

.grid-box.color--boell-yellow .call_to_action-box .call_to_action-box__cta:hover, .grid-box.color--boell-yellow .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #fbca48 !important;
}

.grid-container.color--brandenburg-blue .call_to_action-box .call_to_action-box__cta {
  background-color: #0064a7;
  color: white !important;
}

.grid-container.color--brandenburg-blue .call_to_action-box .call_to_action-box__cta:hover, .grid-container.color--brandenburg-blue .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #00558e;
}

.grid-box.color--brandenburg-blue .call_to_action-box .call_to_action-box__cta {
  background-color: #0064a7 !important;
  color: white !important;
}

.grid-box.color--brandenburg-blue .call_to_action-box .call_to_action-box__cta:hover, .grid-box.color--brandenburg-blue .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #00558e !important;
}

.grid-container.color--brandenburg-green .call_to_action-box .call_to_action-box__cta {
  background-color: #95bb2e;
  color: #333;
}

.grid-container.color--brandenburg-green .call_to_action-box .call_to_action-box__cta:hover, .grid-container.color--brandenburg-green .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #a4cd35;
}

.grid-box.color--brandenburg-green .call_to_action-box .call_to_action-box__cta {
  background-color: #95bb2e !important;
  color: #333 !important;
}

.grid-box.color--brandenburg-green .call_to_action-box .call_to_action-box__cta:hover, .grid-box.color--brandenburg-green .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #a4cd35 !important;
}

.grid-container.color--brandenburg-orange .call_to_action-box .call_to_action-box__cta {
  background-color: #f8ad14;
  color: #333;
}

.grid-container.color--brandenburg-orange .call_to_action-box .call_to_action-box__cta:hover, .grid-container.color--brandenburg-orange .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #f9b62d;
}

.grid-box.color--brandenburg-orange .call_to_action-box .call_to_action-box__cta {
  background-color: #f8ad14 !important;
  color: #333 !important;
}

.grid-box.color--brandenburg-orange .call_to_action-box .call_to_action-box__cta:hover, .grid-box.color--brandenburg-orange .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #f9b62d !important;
}

.grid-container.color--brandenburg-red .call_to_action-box .call_to_action-box__cta {
  background-color: #e02d34;
  color: #333;
}

.grid-container.color--brandenburg-red .call_to_action-box .call_to_action-box__cta:hover, .grid-container.color--brandenburg-red .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #e34349;
}

.grid-box.color--brandenburg-red .call_to_action-box .call_to_action-box__cta {
  background-color: #e02d34 !important;
  color: #333 !important;
}

.grid-box.color--brandenburg-red .call_to_action-box .call_to_action-box__cta:hover, .grid-box.color--brandenburg-red .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #e34349 !important;
}

.grid-container.color--greencampus-green .call_to_action-box .call_to_action-box__cta {
  background-color: #6bb232;
  color: #333;
}

.grid-container.color--greencampus-green .call_to_action-box .call_to_action-box__cta:hover, .grid-container.color--greencampus-green .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #77c638;
}

.grid-box.color--greencampus-green .call_to_action-box .call_to_action-box__cta {
  background-color: #6bb232 !important;
  color: #333 !important;
}

.grid-box.color--greencampus-green .call_to_action-box .call_to_action-box__cta:hover, .grid-box.color--greencampus-green .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #77c638 !important;
}

.grid-container.color--gwi-red .call_to_action-box .call_to_action-box__cta {
  background-color: #E70457;
  color: white !important;
}

.grid-container.color--gwi-red .call_to_action-box .call_to_action-box__cta:hover, .grid-container.color--gwi-red .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #ce044e;
}

.grid-box.color--gwi-red .call_to_action-box .call_to_action-box__cta {
  background-color: #E70457 !important;
  color: white !important;
}

.grid-box.color--gwi-red .call_to_action-box .call_to_action-box__cta:hover, .grid-box.color--gwi-red .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #ce044e !important;
}

.grid-container.color--gwi-turquoise .call_to_action-box .call_to_action-box__cta {
  background-color: #3a9192;
  color: white !important;
}

.grid-container.color--gwi-turquoise .call_to_action-box .call_to_action-box__cta:hover, .grid-container.color--gwi-turquoise .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #337f80;
}

.grid-box.color--gwi-turquoise .call_to_action-box .call_to_action-box__cta {
  background-color: #3a9192 !important;
  color: white !important;
}

.grid-box.color--gwi-turquoise .call_to_action-box .call_to_action-box__cta:hover, .grid-box.color--gwi-turquoise .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #337f80 !important;
}

.grid-container.color--infohub-plastic .call_to_action-box .call_to_action-box__cta {
  background-color: #3B49BC;
  color: white !important;
}

.grid-container.color--infohub-plastic .call_to_action-box .call_to_action-box__cta:hover, .grid-container.color--infohub-plastic .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #3541a9;
}

.grid-box.color--infohub-plastic .call_to_action-box .call_to_action-box__cta {
  background-color: #3B49BC !important;
  color: white !important;
}

.grid-box.color--infohub-plastic .call_to_action-box .call_to_action-box__cta:hover, .grid-box.color--infohub-plastic .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #3541a9 !important;
}

.grid-container.color--international-green .call_to_action-box .call_to_action-box__cta {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--international-green .call_to_action-box .call_to_action-box__cta:hover, .grid-container.color--international-green .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #a3e200;
}

.grid-box.color--international-green .call_to_action-box .call_to_action-box__cta {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--international-green .call_to_action-box .call_to_action-box__cta:hover, .grid-box.color--international-green .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--international-orange .call_to_action-box .call_to_action-box__cta {
  background-color: #fd7232;
  color: #333;
}

.grid-container.color--international-orange .call_to_action-box .call_to_action-box__cta:hover, .grid-container.color--international-orange .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #fd834b;
}

.grid-box.color--international-orange .call_to_action-box .call_to_action-box__cta {
  background-color: #fd7232 !important;
  color: #333 !important;
}

.grid-box.color--international-orange .call_to_action-box .call_to_action-box__cta:hover, .grid-box.color--international-orange .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #fd834b !important;
}

.grid-container.color--international-turquoise .call_to_action-box .call_to_action-box__cta {
  background-color: #008599;
  color: #333;
}

.grid-container.color--international-turquoise .call_to_action-box .call_to_action-box__cta:hover, .grid-container.color--international-turquoise .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #009bb3;
}

.grid-box.color--international-turquoise .call_to_action-box .call_to_action-box__cta {
  background-color: #008599 !important;
  color: #333 !important;
}

.grid-box.color--international-turquoise .call_to_action-box .call_to_action-box__cta:hover, .grid-box.color--international-turquoise .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #009bb3 !important;
}

.grid-container.color--mid-green .call_to_action-box .call_to_action-box__cta {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--mid-green .call_to_action-box .call_to_action-box__cta:hover, .grid-container.color--mid-green .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #a3e200;
}

.grid-box.color--mid-green .call_to_action-box .call_to_action-box__cta {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--mid-green .call_to_action-box .call_to_action-box__cta:hover, .grid-box.color--mid-green .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--mid-orange .call_to_action-box .call_to_action-box__cta {
  background-color: #fd7232;
  color: #333;
}

.grid-container.color--mid-orange .call_to_action-box .call_to_action-box__cta:hover, .grid-container.color--mid-orange .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #fd834b;
}

.grid-box.color--mid-orange .call_to_action-box .call_to_action-box__cta {
  background-color: #fd7232 !important;
  color: #333 !important;
}

.grid-box.color--mid-orange .call_to_action-box .call_to_action-box__cta:hover, .grid-box.color--mid-orange .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #fd834b !important;
}

.grid-container.color--mid-pink .call_to_action-box .call_to_action-box__cta {
  background-color: #e075ac;
  color: #333;
}

.grid-container.color--mid-pink .call_to_action-box .call_to_action-box__cta:hover, .grid-container.color--mid-pink .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #e58ab9;
}

.grid-box.color--mid-pink .call_to_action-box .call_to_action-box__cta {
  background-color: #e075ac !important;
  color: #333 !important;
}

.grid-box.color--mid-pink .call_to_action-box .call_to_action-box__cta:hover, .grid-box.color--mid-pink .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #e58ab9 !important;
}

.grid-container.color--mid-red .call_to_action-box .call_to_action-box__cta {
  background-color: #cc0000;
  color: #333;
}

.grid-container.color--mid-red .call_to_action-box .call_to_action-box__cta:hover, .grid-container.color--mid-red .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #e60000;
}

.grid-box.color--mid-red .call_to_action-box .call_to_action-box__cta {
  background-color: #cc0000 !important;
  color: #333 !important;
}

.grid-box.color--mid-red .call_to_action-box .call_to_action-box__cta:hover, .grid-box.color--mid-red .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #e60000 !important;
}

.grid-container.color--mid-turquoise .call_to_action-box .call_to_action-box__cta {
  background-color: #66cbcc;
  color: #333;
}

.grid-container.color--mid-turquoise .call_to_action-box .call_to_action-box__cta:hover, .grid-container.color--mid-turquoise .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #79d2d2;
}

.grid-box.color--mid-turquoise .call_to_action-box .call_to_action-box__cta {
  background-color: #66cbcc !important;
  color: #333 !important;
}

.grid-box.color--mid-turquoise .call_to_action-box .call_to_action-box__cta:hover, .grid-box.color--mid-turquoise .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #79d2d2 !important;
}

.grid-container.color--mid-yellow .call_to_action-box .call_to_action-box__cta {
  background-color: #fac32f;
  color: #333;
}

.grid-container.color--mid-yellow .call_to_action-box .call_to_action-box__cta:hover, .grid-container.color--mid-yellow .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #fbca48;
}

.grid-box.color--mid-yellow .call_to_action-box .call_to_action-box__cta {
  background-color: #fac32f !important;
  color: #333 !important;
}

.grid-box.color--mid-yellow .call_to_action-box .call_to_action-box__cta:hover, .grid-box.color--mid-yellow .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #fbca48 !important;
}

.grid-container.color--myanmar-fonts .call_to_action-box .call_to_action-box__cta {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--myanmar-fonts .call_to_action-box .call_to_action-box__cta:hover, .grid-container.color--myanmar-fonts .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #a3e200;
}

.grid-box.color--myanmar-fonts .call_to_action-box .call_to_action-box__cta {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--myanmar-fonts .call_to_action-box .call_to_action-box__cta:hover, .grid-box.color--myanmar-fonts .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--petrakelly-blue .call_to_action-box .call_to_action-box__cta {
  background-color: #2c4081;
  color: white !important;
}

.grid-container.color--petrakelly-blue .call_to_action-box .call_to_action-box__cta:hover, .grid-container.color--petrakelly-blue .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #26376e;
}

.grid-box.color--petrakelly-blue .call_to_action-box .call_to_action-box__cta {
  background-color: #2c4081 !important;
  color: white !important;
}

.grid-box.color--petrakelly-blue .call_to_action-box .call_to_action-box__cta:hover, .grid-box.color--petrakelly-blue .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #26376e !important;
}

.grid-container.color--petrakelly-green .call_to_action-box .call_to_action-box__cta {
  background-color: #008445;
  color: #333;
}

.grid-container.color--petrakelly-green .call_to_action-box .call_to_action-box__cta:hover, .grid-container.color--petrakelly-green .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #009e52;
}

.grid-box.color--petrakelly-green .call_to_action-box .call_to_action-box__cta {
  background-color: #008445 !important;
  color: #333 !important;
}

.grid-box.color--petrakelly-green .call_to_action-box .call_to_action-box__cta:hover, .grid-box.color--petrakelly-green .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #009e52 !important;
}

.grid-container.color--petrakelly-red .call_to_action-box .call_to_action-box__cta {
  background-color: #cb322d;
  color: #333;
}

.grid-container.color--petrakelly-red .call_to_action-box .call_to_action-box__cta:hover, .grid-container.color--petrakelly-red .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #d4423d;
}

.grid-box.color--petrakelly-red .call_to_action-box .call_to_action-box__cta {
  background-color: #cb322d !important;
  color: #333 !important;
}

.grid-box.color--petrakelly-red .call_to_action-box .call_to_action-box__cta:hover, .grid-box.color--petrakelly-red .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #d4423d !important;
}

.grid-container.color--state-blue .call_to_action-box .call_to_action-box__cta {
  background-color: #0e307f;
  color: white !important;
}

.grid-container.color--state-blue .call_to_action-box .call_to_action-box__cta:hover, .grid-container.color--state-blue .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #0b2768;
}

.grid-box.color--state-blue .call_to_action-box .call_to_action-box__cta {
  background-color: #0e307f !important;
  color: white !important;
}

.grid-box.color--state-blue .call_to_action-box .call_to_action-box__cta:hover, .grid-box.color--state-blue .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #0b2768 !important;
}

.grid-container.color--state-green .call_to_action-box .call_to_action-box__cta {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--state-green .call_to_action-box .call_to_action-box__cta:hover, .grid-container.color--state-green .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #a3e200;
}

.grid-box.color--state-green .call_to_action-box .call_to_action-box__cta {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--state-green .call_to_action-box .call_to_action-box__cta:hover, .grid-box.color--state-green .call_to_action-box .call_to_action-box__cta:focus-visible {
  background: #a3e200 !important;
}

.call_to_action-box .call_to_action-box__logo {
  margin: 0 auto;
}

.call_to_action-box .call_to_action-box__headline {
  color: #444;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}

.call_to_action-box .call_to_action-box__teaser {
  color: #444;
  margin-bottom: 0.8em;
}

.call_to_action-box__white-text .call_to_action-box__headline,
.call_to_action-box__white-text .call_to_action-box__teaser * {
  color: white;
  text-rendering: optimizeLegibility;
  text-shadow: 0 0 20px black;
}

.grid-box-call_to_action_fullbleed {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  max-height: 1000px;
  -webkit-transition:max-height 0.8s ease-in-out;
  transition: max-height 0.8s ease-in-out;
  padding: 15px;
}

.grid-box-call_to_action_fullbleed.is-toggled {
  max-height: 60px;
}

@media all and (min-width: 760px) {
  .grid-box-call_to_action_fullbleed {
    padding-bottom: 15px;
    padding-top: 15px;
  }
}

.grid-box-call_to_action_fullbleed .grid-box-call_to_action_fullbleed__header {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.grid-box-call_to_action_fullbleed .grid-box-call_to_action_fullbleed__inner {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

@media all and (min-width: 760px) {
  .grid-box-call_to_action_fullbleed .grid-box-call_to_action_fullbleed__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media all and (min-width: 1220px) {
  .grid-box-call_to_action_fullbleed .grid-box-call_to_action_fullbleed__inner {
    margin-right: auto;
  }
}

.grid-box-call_to_action_fullbleed .call_to_action-box__text-wrap {
  text-align: center;
}

@media all and (min-width: 760px) {
  .grid-box-call_to_action_fullbleed .call_to_action-box__text-wrap {
    -webkit-flex-basis: 66.66666666%;
        -ms-flex-preferred-size: 66.66666666%;
            flex-basis: 66.66666666%;
    text-align: left;
  }
}

.grid-box-call_to_action_fullbleed .call_to_action-box__indicator {
  background: white;
  padding: 0 5px;
  border-radius: 5px;
  font-weight: 700;
  font-size: 0.75rem;
  width: 55px;
  position: absolute;
  top: 0;
  margin: 8px 0 10px;
}

@media all and (min-width: 760px) {
  .grid-box-call_to_action_fullbleed .call_to_action-box__indicator {
    position: relative;
    margin-right: 10px;
  }
}

.grid-box-call_to_action_fullbleed .call_to_action-box__indicator:before {
  height: 8px;
  width: 8px;
  margin: 5px;
  vertical-align: bottom;
}

.grid-box-call_to_action_fullbleed .call_to_action-box__headline {
  text-align: center;
  font-size: 1rem;
  margin: 0;
  margin-top: auto;
}

@media all and (min-width: 760px) {
  .grid-box-call_to_action_fullbleed .call_to_action-box__headline {
    font-size: 1.125rem;
    text-align: left;
    margin: 0;
  }
}

.grid-box-call_to_action_fullbleed .call_to_action-box__headline,
.grid-box-call_to_action_fullbleed .call_to_action-box__teaser,
.grid-box-call_to_action_fullbleed .call_to_action-box__teaser p {
  color: white;
}

@media all and (min-width: 760px) {
  .grid-box-call_to_action_fullbleed .call_to_action-box__teaser {
    max-width: 600px;
  }
}

.grid-box-call_to_action_fullbleed .call_to_action-box__cta {
  background-color: white;
  color: #000;
  margin-top: 10px;
}

.grid-box-call_to_action_fullbleed .grid-box-call_to_action_fullbleed__header .call_to_action-box__cta {
  margin: 0 0 0 auto;
  opacity: 0;
  visibility: hidden;
  -webkit-transition:opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.grid-box-call_to_action_fullbleed.is-toggled .grid-box-call_to_action_fullbleed__header .call_to_action-box__cta, .grid-box-call_to_action_fullbleed.has-no-media .grid-box-call_to_action_fullbleed__header .call_to_action-box__cta {
  opacity: 1;
  visibility: visible;
}

@media all and (min-width: 760px) {
  .grid-box-call_to_action_fullbleed__media {
    -webkit-flex-basis: 33.3333333%;
        -ms-flex-preferred-size: 33.3333333%;
            flex-basis: 33.3333333%;
    margin: 0 30px 0 0;
    display: block;
  }
}

.grid-box-call_to_action_fullbleed__media img {
  display: none;
}

@media all and (min-width: 760px) {
  .grid-box-call_to_action_fullbleed__media img {
    display: block;
  }
}

.grid-box-call_to_action_fullbleed--blue {
  background-color: #0e307f;
}

.grid-box-call_to_action_fullbleed--darkgreen {
  background-color: #45783a;
}

.grid-box-call_to_action_fullbleed--gray {
  background-color: #666;
}

.grid-box-call_to_action_fullbleed--red {
  background-color: #cc0000;
}

.grid-box-call_to_action_fullbleed--yellow {
  background-color: #fac32f;
}

.grid-box-call_to_action_fullbleed--white {
  background-color: white;
}

.grid-box-call_to_action_fullbleed__close-button {
  color: white;
  cursor: pointer;
  font-size: 1.875rem;
  height: 32px;
  width: 32px;
  position: relative;
  z-index: 100;
}

.grid-box-call_to_action_fullbleed--white .grid-box-call_to_action_fullbleed__close-button {
  color: #000;
}

.grid-box-call_to_action_fullbleed__close-button:before, .grid-box-call_to_action_fullbleed__close-button:after {
  background-color: white;
  content: ' ';
  height: 16px;
  right: 4px;
  position: absolute;
  top: 6px;
  width: 3px;
}

.grid-box-call_to_action_fullbleed__close-button:before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.grid-box-call_to_action_fullbleed__close-button:after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.grid-box-call_to_action_fullbleed__toggle-button {
  cursor: pointer;
  width: 46px;
  height: 46px;
  color: white;
  border-radius: 100%;
  background-color: inherit;
  position: absolute;
  top: -16px;
  left: 50%;
  padding: 8px 0 0 14px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.grid-box-call_to_action_fullbleed__toggle-button:before {
  content: "";
  background-size: contain;
  display: inline-block;
  width: 18px;
  height: 11px;
  background-color: white;
  -webkit-mask-image: url("../images/chevron-down.svg");
  mask-image: url("../images/chevron-down.svg");
  -webkit-transition:-webkit-transform 0.3s ease-in-out;
  transition:-webkit-transform 0.3s ease-in-out;
  transition:transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.is-toggled .grid-box-call_to_action_fullbleed__toggle-button:before {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.grid-box-civinewsletter .form-type-checkbox .description {
  margin-left: 20px;
  color: #949494;
}

.grid-box-civinewsletter .description-mailing-link {
  margin-top: 4px;
}

.grid-box-civinewsletter .description-mailing-link a {
  color: inherit;
}

.grid-box-civinewsletter .description-mailing-link a:hover, .grid-box-civinewsletter .description-mailing-link a:focus-visible, .grid-box-civinewsletter .description-mailing-link a:active {
  color: #444;
}

.grid-box-civinewsletter .form-item {
  margin-bottom: 24px;
}

.grid-box-civinewsletter label {
  color: #444;
}

.grid-box-civinewsletter .button {
  display: inline-block;
  text-decoration: none;
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.3;
  text-decoration: none;
  -webkit-padding-before: 12px;
          padding-block-start: 12px;
  -webkit-padding-after: 10px;
          padding-block-end: 10px;
  padding-inline: 15px;
  cursor: pointer;
  font-weight: 700;
  -webkit-transition:background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  font-size: 1rem;
  line-height: 1;
  background-color: #91c800;
  color: #333;
}

.grid-box-civinewsletter .button:hover, .grid-box-civinewsletter .button:focus-visible {
  background: #a3e200;
}

.grid-container.color--bildungswerk-blue .grid-box-civinewsletter .button {
  background-color: #203c89;
  color: #333;
}

.grid-container.color--bildungswerk-blue .grid-box-civinewsletter .button:hover, .grid-container.color--bildungswerk-blue .grid-box-civinewsletter .button:focus-visible {
  background: #25459e;
}

.grid-box.color--bildungswerk-blue .grid-box-civinewsletter .button {
  background-color: #203c89 !important;
  color: #333 !important;
}

.grid-box.color--bildungswerk-blue .grid-box-civinewsletter .button:hover, .grid-box.color--bildungswerk-blue .grid-box-civinewsletter .button:focus-visible {
  background: #25459e !important;
}

.grid-container.color--bildungswerk-green .grid-box-civinewsletter .button {
  background-color: #198632;
  color: #333;
}

.grid-container.color--bildungswerk-green .grid-box-civinewsletter .button:hover, .grid-container.color--bildungswerk-green .grid-box-civinewsletter .button:focus-visible {
  background: #1d9b3a;
}

.grid-box.color--bildungswerk-green .grid-box-civinewsletter .button {
  background-color: #198632 !important;
  color: #333 !important;
}

.grid-box.color--bildungswerk-green .grid-box-civinewsletter .button:hover, .grid-box.color--bildungswerk-green .grid-box-civinewsletter .button:focus-visible {
  background: #1d9b3a !important;
}

.grid-container.color--boell-blue .grid-box-civinewsletter .button {
  background-color: #0e307f;
  color: white !important;
}

.grid-container.color--boell-blue .grid-box-civinewsletter .button:hover, .grid-container.color--boell-blue .grid-box-civinewsletter .button:focus-visible {
  background: #0b2768;
}

.grid-box.color--boell-blue .grid-box-civinewsletter .button {
  background-color: #0e307f !important;
  color: white !important;
}

.grid-box.color--boell-blue .grid-box-civinewsletter .button:hover, .grid-box.color--boell-blue .grid-box-civinewsletter .button:focus-visible {
  background: #0b2768 !important;
}

.grid-container.color--boell-dark-green .grid-box-civinewsletter .button {
  background-color: #45783a;
  color: white !important;
}

.grid-container.color--boell-dark-green .grid-box-civinewsletter .button:hover, .grid-container.color--boell-dark-green .grid-box-civinewsletter .button:focus-visible {
  background: #3b6732;
}

.grid-box.color--boell-dark-green .grid-box-civinewsletter .button {
  background-color: #45783a !important;
  color: white !important;
}

.grid-box.color--boell-dark-green .grid-box-civinewsletter .button:hover, .grid-box.color--boell-dark-green .grid-box-civinewsletter .button:focus-visible {
  background: #3b6732 !important;
}

.grid-container.color--boell-green .grid-box-civinewsletter .button {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--boell-green .grid-box-civinewsletter .button:hover, .grid-container.color--boell-green .grid-box-civinewsletter .button:focus-visible {
  background: #a3e200;
}

.grid-box.color--boell-green .grid-box-civinewsletter .button {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--boell-green .grid-box-civinewsletter .button:hover, .grid-box.color--boell-green .grid-box-civinewsletter .button:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--boell-orange .grid-box-civinewsletter .button {
  background-color: #fd7232;
  color: #333;
}

.grid-container.color--boell-orange .grid-box-civinewsletter .button:hover, .grid-container.color--boell-orange .grid-box-civinewsletter .button:focus-visible {
  background: #fd834b;
}

.grid-box.color--boell-orange .grid-box-civinewsletter .button {
  background-color: #fd7232 !important;
  color: #333 !important;
}

.grid-box.color--boell-orange .grid-box-civinewsletter .button:hover, .grid-box.color--boell-orange .grid-box-civinewsletter .button:focus-visible {
  background: #fd834b !important;
}

.grid-container.color--boell-red .grid-box-civinewsletter .button {
  background-color: #cc0000;
  color: white !important;
}

.grid-container.color--boell-red .grid-box-civinewsletter .button:hover, .grid-container.color--boell-red .grid-box-civinewsletter .button:focus-visible {
  background: #b30000;
}

.grid-box.color--boell-red .grid-box-civinewsletter .button {
  background-color: #cc0000 !important;
  color: white !important;
}

.grid-box.color--boell-red .grid-box-civinewsletter .button:hover, .grid-box.color--boell-red .grid-box-civinewsletter .button:focus-visible {
  background: #b30000 !important;
}

.grid-container.color--boell-turquoise .grid-box-civinewsletter .button {
  background-color: #008599;
  color: white !important;
}

.grid-container.color--boell-turquoise .grid-box-civinewsletter .button:hover, .grid-container.color--boell-turquoise .grid-box-civinewsletter .button:focus-visible {
  background: #006f80;
}

.grid-box.color--boell-turquoise .grid-box-civinewsletter .button {
  background-color: #008599 !important;
  color: white !important;
}

.grid-box.color--boell-turquoise .grid-box-civinewsletter .button:hover, .grid-box.color--boell-turquoise .grid-box-civinewsletter .button:focus-visible {
  background: #006f80 !important;
}

.grid-container.color--boell-gray .grid-box-civinewsletter .button {
  background-color: #e2e2e2;
  color: #333;
}

.grid-container.color--boell-gray .grid-box-civinewsletter .button:hover, .grid-container.color--boell-gray .grid-box-civinewsletter .button:focus-visible {
  background: #efefef;
}

.grid-box.color--boell-gray .grid-box-civinewsletter .button {
  background-color: #e2e2e2 !important;
  color: #333 !important;
}

.grid-box.color--boell-gray .grid-box-civinewsletter .button:hover, .grid-box.color--boell-gray .grid-box-civinewsletter .button:focus-visible {
  background: #efefef !important;
}

.grid-container.color--boell-yellow .grid-box-civinewsletter .button {
  background-color: #fac32f;
  color: #333;
}

.grid-container.color--boell-yellow .grid-box-civinewsletter .button:hover, .grid-container.color--boell-yellow .grid-box-civinewsletter .button:focus-visible {
  background: #fbca48;
}

.grid-box.color--boell-yellow .grid-box-civinewsletter .button {
  background-color: #fac32f !important;
  color: #333 !important;
}

.grid-box.color--boell-yellow .grid-box-civinewsletter .button:hover, .grid-box.color--boell-yellow .grid-box-civinewsletter .button:focus-visible {
  background: #fbca48 !important;
}

.grid-container.color--brandenburg-blue .grid-box-civinewsletter .button {
  background-color: #0064a7;
  color: white !important;
}

.grid-container.color--brandenburg-blue .grid-box-civinewsletter .button:hover, .grid-container.color--brandenburg-blue .grid-box-civinewsletter .button:focus-visible {
  background: #00558e;
}

.grid-box.color--brandenburg-blue .grid-box-civinewsletter .button {
  background-color: #0064a7 !important;
  color: white !important;
}

.grid-box.color--brandenburg-blue .grid-box-civinewsletter .button:hover, .grid-box.color--brandenburg-blue .grid-box-civinewsletter .button:focus-visible {
  background: #00558e !important;
}

.grid-container.color--brandenburg-green .grid-box-civinewsletter .button {
  background-color: #95bb2e;
  color: #333;
}

.grid-container.color--brandenburg-green .grid-box-civinewsletter .button:hover, .grid-container.color--brandenburg-green .grid-box-civinewsletter .button:focus-visible {
  background: #a4cd35;
}

.grid-box.color--brandenburg-green .grid-box-civinewsletter .button {
  background-color: #95bb2e !important;
  color: #333 !important;
}

.grid-box.color--brandenburg-green .grid-box-civinewsletter .button:hover, .grid-box.color--brandenburg-green .grid-box-civinewsletter .button:focus-visible {
  background: #a4cd35 !important;
}

.grid-container.color--brandenburg-orange .grid-box-civinewsletter .button {
  background-color: #f8ad14;
  color: #333;
}

.grid-container.color--brandenburg-orange .grid-box-civinewsletter .button:hover, .grid-container.color--brandenburg-orange .grid-box-civinewsletter .button:focus-visible {
  background: #f9b62d;
}

.grid-box.color--brandenburg-orange .grid-box-civinewsletter .button {
  background-color: #f8ad14 !important;
  color: #333 !important;
}

.grid-box.color--brandenburg-orange .grid-box-civinewsletter .button:hover, .grid-box.color--brandenburg-orange .grid-box-civinewsletter .button:focus-visible {
  background: #f9b62d !important;
}

.grid-container.color--brandenburg-red .grid-box-civinewsletter .button {
  background-color: #e02d34;
  color: #333;
}

.grid-container.color--brandenburg-red .grid-box-civinewsletter .button:hover, .grid-container.color--brandenburg-red .grid-box-civinewsletter .button:focus-visible {
  background: #e34349;
}

.grid-box.color--brandenburg-red .grid-box-civinewsletter .button {
  background-color: #e02d34 !important;
  color: #333 !important;
}

.grid-box.color--brandenburg-red .grid-box-civinewsletter .button:hover, .grid-box.color--brandenburg-red .grid-box-civinewsletter .button:focus-visible {
  background: #e34349 !important;
}

.grid-container.color--greencampus-green .grid-box-civinewsletter .button {
  background-color: #6bb232;
  color: #333;
}

.grid-container.color--greencampus-green .grid-box-civinewsletter .button:hover, .grid-container.color--greencampus-green .grid-box-civinewsletter .button:focus-visible {
  background: #77c638;
}

.grid-box.color--greencampus-green .grid-box-civinewsletter .button {
  background-color: #6bb232 !important;
  color: #333 !important;
}

.grid-box.color--greencampus-green .grid-box-civinewsletter .button:hover, .grid-box.color--greencampus-green .grid-box-civinewsletter .button:focus-visible {
  background: #77c638 !important;
}

.grid-container.color--gwi-red .grid-box-civinewsletter .button {
  background-color: #E70457;
  color: white !important;
}

.grid-container.color--gwi-red .grid-box-civinewsletter .button:hover, .grid-container.color--gwi-red .grid-box-civinewsletter .button:focus-visible {
  background: #ce044e;
}

.grid-box.color--gwi-red .grid-box-civinewsletter .button {
  background-color: #E70457 !important;
  color: white !important;
}

.grid-box.color--gwi-red .grid-box-civinewsletter .button:hover, .grid-box.color--gwi-red .grid-box-civinewsletter .button:focus-visible {
  background: #ce044e !important;
}

.grid-container.color--gwi-turquoise .grid-box-civinewsletter .button {
  background-color: #3a9192;
  color: white !important;
}

.grid-container.color--gwi-turquoise .grid-box-civinewsletter .button:hover, .grid-container.color--gwi-turquoise .grid-box-civinewsletter .button:focus-visible {
  background: #337f80;
}

.grid-box.color--gwi-turquoise .grid-box-civinewsletter .button {
  background-color: #3a9192 !important;
  color: white !important;
}

.grid-box.color--gwi-turquoise .grid-box-civinewsletter .button:hover, .grid-box.color--gwi-turquoise .grid-box-civinewsletter .button:focus-visible {
  background: #337f80 !important;
}

.grid-container.color--infohub-plastic .grid-box-civinewsletter .button {
  background-color: #3B49BC;
  color: white !important;
}

.grid-container.color--infohub-plastic .grid-box-civinewsletter .button:hover, .grid-container.color--infohub-plastic .grid-box-civinewsletter .button:focus-visible {
  background: #3541a9;
}

.grid-box.color--infohub-plastic .grid-box-civinewsletter .button {
  background-color: #3B49BC !important;
  color: white !important;
}

.grid-box.color--infohub-plastic .grid-box-civinewsletter .button:hover, .grid-box.color--infohub-plastic .grid-box-civinewsletter .button:focus-visible {
  background: #3541a9 !important;
}

.grid-container.color--international-green .grid-box-civinewsletter .button {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--international-green .grid-box-civinewsletter .button:hover, .grid-container.color--international-green .grid-box-civinewsletter .button:focus-visible {
  background: #a3e200;
}

.grid-box.color--international-green .grid-box-civinewsletter .button {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--international-green .grid-box-civinewsletter .button:hover, .grid-box.color--international-green .grid-box-civinewsletter .button:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--international-orange .grid-box-civinewsletter .button {
  background-color: #fd7232;
  color: #333;
}

.grid-container.color--international-orange .grid-box-civinewsletter .button:hover, .grid-container.color--international-orange .grid-box-civinewsletter .button:focus-visible {
  background: #fd834b;
}

.grid-box.color--international-orange .grid-box-civinewsletter .button {
  background-color: #fd7232 !important;
  color: #333 !important;
}

.grid-box.color--international-orange .grid-box-civinewsletter .button:hover, .grid-box.color--international-orange .grid-box-civinewsletter .button:focus-visible {
  background: #fd834b !important;
}

.grid-container.color--international-turquoise .grid-box-civinewsletter .button {
  background-color: #008599;
  color: #333;
}

.grid-container.color--international-turquoise .grid-box-civinewsletter .button:hover, .grid-container.color--international-turquoise .grid-box-civinewsletter .button:focus-visible {
  background: #009bb3;
}

.grid-box.color--international-turquoise .grid-box-civinewsletter .button {
  background-color: #008599 !important;
  color: #333 !important;
}

.grid-box.color--international-turquoise .grid-box-civinewsletter .button:hover, .grid-box.color--international-turquoise .grid-box-civinewsletter .button:focus-visible {
  background: #009bb3 !important;
}

.grid-container.color--mid-green .grid-box-civinewsletter .button {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--mid-green .grid-box-civinewsletter .button:hover, .grid-container.color--mid-green .grid-box-civinewsletter .button:focus-visible {
  background: #a3e200;
}

.grid-box.color--mid-green .grid-box-civinewsletter .button {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--mid-green .grid-box-civinewsletter .button:hover, .grid-box.color--mid-green .grid-box-civinewsletter .button:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--mid-orange .grid-box-civinewsletter .button {
  background-color: #fd7232;
  color: #333;
}

.grid-container.color--mid-orange .grid-box-civinewsletter .button:hover, .grid-container.color--mid-orange .grid-box-civinewsletter .button:focus-visible {
  background: #fd834b;
}

.grid-box.color--mid-orange .grid-box-civinewsletter .button {
  background-color: #fd7232 !important;
  color: #333 !important;
}

.grid-box.color--mid-orange .grid-box-civinewsletter .button:hover, .grid-box.color--mid-orange .grid-box-civinewsletter .button:focus-visible {
  background: #fd834b !important;
}

.grid-container.color--mid-pink .grid-box-civinewsletter .button {
  background-color: #e075ac;
  color: #333;
}

.grid-container.color--mid-pink .grid-box-civinewsletter .button:hover, .grid-container.color--mid-pink .grid-box-civinewsletter .button:focus-visible {
  background: #e58ab9;
}

.grid-box.color--mid-pink .grid-box-civinewsletter .button {
  background-color: #e075ac !important;
  color: #333 !important;
}

.grid-box.color--mid-pink .grid-box-civinewsletter .button:hover, .grid-box.color--mid-pink .grid-box-civinewsletter .button:focus-visible {
  background: #e58ab9 !important;
}

.grid-container.color--mid-red .grid-box-civinewsletter .button {
  background-color: #cc0000;
  color: #333;
}

.grid-container.color--mid-red .grid-box-civinewsletter .button:hover, .grid-container.color--mid-red .grid-box-civinewsletter .button:focus-visible {
  background: #e60000;
}

.grid-box.color--mid-red .grid-box-civinewsletter .button {
  background-color: #cc0000 !important;
  color: #333 !important;
}

.grid-box.color--mid-red .grid-box-civinewsletter .button:hover, .grid-box.color--mid-red .grid-box-civinewsletter .button:focus-visible {
  background: #e60000 !important;
}

.grid-container.color--mid-turquoise .grid-box-civinewsletter .button {
  background-color: #66cbcc;
  color: #333;
}

.grid-container.color--mid-turquoise .grid-box-civinewsletter .button:hover, .grid-container.color--mid-turquoise .grid-box-civinewsletter .button:focus-visible {
  background: #79d2d2;
}

.grid-box.color--mid-turquoise .grid-box-civinewsletter .button {
  background-color: #66cbcc !important;
  color: #333 !important;
}

.grid-box.color--mid-turquoise .grid-box-civinewsletter .button:hover, .grid-box.color--mid-turquoise .grid-box-civinewsletter .button:focus-visible {
  background: #79d2d2 !important;
}

.grid-container.color--mid-yellow .grid-box-civinewsletter .button {
  background-color: #fac32f;
  color: #333;
}

.grid-container.color--mid-yellow .grid-box-civinewsletter .button:hover, .grid-container.color--mid-yellow .grid-box-civinewsletter .button:focus-visible {
  background: #fbca48;
}

.grid-box.color--mid-yellow .grid-box-civinewsletter .button {
  background-color: #fac32f !important;
  color: #333 !important;
}

.grid-box.color--mid-yellow .grid-box-civinewsletter .button:hover, .grid-box.color--mid-yellow .grid-box-civinewsletter .button:focus-visible {
  background: #fbca48 !important;
}

.grid-container.color--myanmar-fonts .grid-box-civinewsletter .button {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--myanmar-fonts .grid-box-civinewsletter .button:hover, .grid-container.color--myanmar-fonts .grid-box-civinewsletter .button:focus-visible {
  background: #a3e200;
}

.grid-box.color--myanmar-fonts .grid-box-civinewsletter .button {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--myanmar-fonts .grid-box-civinewsletter .button:hover, .grid-box.color--myanmar-fonts .grid-box-civinewsletter .button:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--petrakelly-blue .grid-box-civinewsletter .button {
  background-color: #2c4081;
  color: white !important;
}

.grid-container.color--petrakelly-blue .grid-box-civinewsletter .button:hover, .grid-container.color--petrakelly-blue .grid-box-civinewsletter .button:focus-visible {
  background: #26376e;
}

.grid-box.color--petrakelly-blue .grid-box-civinewsletter .button {
  background-color: #2c4081 !important;
  color: white !important;
}

.grid-box.color--petrakelly-blue .grid-box-civinewsletter .button:hover, .grid-box.color--petrakelly-blue .grid-box-civinewsletter .button:focus-visible {
  background: #26376e !important;
}

.grid-container.color--petrakelly-green .grid-box-civinewsletter .button {
  background-color: #008445;
  color: #333;
}

.grid-container.color--petrakelly-green .grid-box-civinewsletter .button:hover, .grid-container.color--petrakelly-green .grid-box-civinewsletter .button:focus-visible {
  background: #009e52;
}

.grid-box.color--petrakelly-green .grid-box-civinewsletter .button {
  background-color: #008445 !important;
  color: #333 !important;
}

.grid-box.color--petrakelly-green .grid-box-civinewsletter .button:hover, .grid-box.color--petrakelly-green .grid-box-civinewsletter .button:focus-visible {
  background: #009e52 !important;
}

.grid-container.color--petrakelly-red .grid-box-civinewsletter .button {
  background-color: #cb322d;
  color: #333;
}

.grid-container.color--petrakelly-red .grid-box-civinewsletter .button:hover, .grid-container.color--petrakelly-red .grid-box-civinewsletter .button:focus-visible {
  background: #d4423d;
}

.grid-box.color--petrakelly-red .grid-box-civinewsletter .button {
  background-color: #cb322d !important;
  color: #333 !important;
}

.grid-box.color--petrakelly-red .grid-box-civinewsletter .button:hover, .grid-box.color--petrakelly-red .grid-box-civinewsletter .button:focus-visible {
  background: #d4423d !important;
}

.grid-container.color--state-blue .grid-box-civinewsletter .button {
  background-color: #0e307f;
  color: white !important;
}

.grid-container.color--state-blue .grid-box-civinewsletter .button:hover, .grid-container.color--state-blue .grid-box-civinewsletter .button:focus-visible {
  background: #0b2768;
}

.grid-box.color--state-blue .grid-box-civinewsletter .button {
  background-color: #0e307f !important;
  color: white !important;
}

.grid-box.color--state-blue .grid-box-civinewsletter .button:hover, .grid-box.color--state-blue .grid-box-civinewsletter .button:focus-visible {
  background: #0b2768 !important;
}

.grid-container.color--state-green .grid-box-civinewsletter .button {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--state-green .grid-box-civinewsletter .button:hover, .grid-container.color--state-green .grid-box-civinewsletter .button:focus-visible {
  background: #a3e200;
}

.grid-box.color--state-green .grid-box-civinewsletter .button {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--state-green .grid-box-civinewsletter .button:hover, .grid-box.color--state-green .grid-box-civinewsletter .button:focus-visible {
  background: #a3e200 !important;
}

@media screen and (min-width: 653px) {
  .grid-container-c-1d1:not(.grid-container--no-width-limit-1d1) .grid-box-html {
    max-width: calc((100% / 3) * 2);
    margin-left: auto;
    margin-right: auto;
  }
}

.grid-box-html h1 a, .grid-box-html h2 a, .grid-box-html h3 a, .grid-box-html h4 a, .grid-box-html h5 a, .grid-box-html h6 a {
  text-decoration: none;
}

.grid-box-html h1 a:hover, .grid-box-html h1 a:focus-visible, .grid-box-html h2 a:hover, .grid-box-html h2 a:focus-visible, .grid-box-html h3 a:hover, .grid-box-html h3 a:focus-visible, .grid-box-html h4 a:hover, .grid-box-html h4 a:focus-visible, .grid-box-html h5 a:hover, .grid-box-html h5 a:focus-visible, .grid-box-html h6 a:hover, .grid-box-html h6 a:focus-visible {
  color: #7c7c7c;
}

@media all and (min-width: 1024px) {
  .grid-box-html p {
    line-height: 1.5;
  }
}

.grid-box-html .grid-box-inner > p:first-child {
  margin-top: 0;
}

.grid-box-html .grid-box-inner > h1:first-child,
.grid-box-html .grid-box-inner > h2:first-child,
.grid-box-html .grid-box-inner > h3:first-child {
  margin-top: 10px;
}

.grid-box-image img {
  display: block;
  margin: 0;
  width: 100%;
}

.grid-box-image .grid-box-epilog {
  margin-top: 2px;
}

.grid-box-image + .grid-box {
  margin-top: 5px;
}

.grid-box-image + .grid-box.boe-box-highlighted {
  margin-top: 0;
}

.grid-box-image + .grid-box.boe-box-highlighted > .grid-box-inner {
  border-top: 0;
}

.grid-box-image .grid-box-image-licence {
  color: #000;
  display: block;
  margin-top: 7px;
}

html[dir="ltr"] .grid-box-image figure figcaption.copyright-only {
  float: right;
}

html[dir="rtl"] .grid-box-image figure figcaption.copyright-only {
  float: left;
}

.grid-slot-1d4 .grid-box-image img {
  margin-bottom: 3px;
}

.grid p.grid-image-caption {
  color: #949494;
  font-size: 0.8125rem;
  line-height: 1.0625rem;
}

@media all and (min-width: 1024px) {
  .grid-box-image {
    display: block;
    margin-bottom: 24px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
  }
  .grid-box-image img {
    display: block;
    width: 100%;
    height: auto;
  }
  .grid-slot-1d6 .grid-box-image {
    margin-bottom: 12px;
  }
}

@media screen and (min-width: 653px) {
  .grid-container-c-1d1:not(.grid-container--no-width-limit-1d1) .grid-box-plaintext {
    max-width: calc((100% / 3) * 2);
    margin-left: auto;
    margin-right: auto;
  }
}

.grid-box-podcast a img {
  -webkit-transition:opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.grid-box-podcast a:hover img, .grid-box-podcast a:focus-visible img, .grid-box-podcast a:active img {
  opacity: 0.6;
}

.grid-box-podcast img {
  margin-bottom: 15px;
}

#podlove-subscribe-popup #podlove-subscribe-panel-podcast .podcast-has-subtitles img.podcast-cover, #podlove-subscribe-popup #podlove-subscribe-panel-podcast .podcast-has-subtitles .podcast-cover-placeholder {
  height: 160px !important;
  width: auto !important;
}

.grid-box-quote {
  overflow: hidden;
  clear: both;
}

.grid-box-quote .grid-box-prolog p {
  font-size: 1.75rem;
  line-height: 1.75rem;
  color: #75A300;
  margin-top: 0;
  margin-bottom: 7px;
  font-weight: 700;
}

.grid-box[class*="color--"] .grid-box-quote .grid-box-prolog p {
  color: inherit !important;
}

.grid-container[class*="color--"] .grid-box-quote .grid-box-prolog p {
  color: inherit;
}

.grid-box-quote blockquote {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  line-height: 1.4em;
  margin-bottom: 0;
  margin-top: 0;
  text-align: left;
  font-style: italic;
  font-size: 1.875rem !important;
}

.grid-box-quote blockquote, .grid-box-quote blockquote p {
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  color: #444;
  font-size: 1.875rem;
}

@media all and (min-width: 760px) {
  .grid-box-quote blockquote, .grid-box-quote blockquote p {
    font-size: 2.25rem;
  }
}

.grid-box-quote blockquote, .grid-box-quote blockquote * {
  font-weight: 100;
}

.grid-box-quote blockquote, .grid-box-quote blockquote * {
  color: #75A300;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
}

.grid-box-quote blockquote p {
  display: inline;
}

.grid-box-quote blockquote .grid-slot-1d3 {
  font-size: 1.875rem;
}

.grid-box-quote blockquote:before {
  display: inline;
  content: "»";
  margin-right: 4px;
}

.grid-box-quote blockquote > p:last-child:after {
  content: "«";
  margin-left: 0.1em;
}

.grid-box-quote blockquote:before, .grid-box-quote blockquote:after {
  content: '';
  display: none;
}

.grid-box-quote blockquote:before {
  display: inline;
  content: "„";
  font-size: 9.375rem;
  line-height: 0;
  top: -15px;
  left: 0;
  position: relative;
}

.grid-box-quote blockquote.grid-box-quote-withkeytext:before {
  display: none;
}

.grid-box[class*="color--"] .grid-box-quote blockquote {
  color: inherit !important;
}

.grid-container[class*="color--"] .grid-box-quote blockquote {
  color: inherit;
}

.grid-box-quote cite {
  color: #75A300;
  float: right;
  display: block;
  font-style: normal;
  margin-top: 7px;
}

.grid-box[class*="color--"] .grid-box-quote cite {
  color: inherit !important;
}

.grid-container[class*="color--"] .grid-box-quote cite {
  color: inherit;
}

.grid-box-quote .grid-box-quote-keytext {
  font-size: 4.375rem;
  line-height: 3.75rem;
  display: block;
  font-weight: 700;
  margin: 15px 0;
}

.grid-box[class*="color--"] .grid-box-quote .grid-box-quote-keytext {
  color: inherit !important;
}

.grid-container[class*="color--"] .grid-box-quote .grid-box-quote-keytext {
  color: inherit;
}

.grid-box-boell_rss .item-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.aggregator {
  text-decoration: none;
  display: block;
  border-bottom: 1px solid #e2e2e2;
  padding: 10px 0 10px 20px;
  position: relative;
}

.aggregator:before {
  content: '';
  display: block;
  position: absolute;
  top: 12px;
  left: 0;
  height: 12px;
  width: 12px;
  background: transparent url("../images/arrow-up-right.svg") top left no-repeat;
  opacity: 0.4;
}

.aggregator [role=title] {
  margin-bottom: 5px;
  display: inline-block;
}

.aggregator [role=date] {
  font-size: 0.75rem;
  color: #949494;
}

.aggregator .image_wrapper {
  width: 25%;
  float: left;
  margin-right: 10px;
}

.last .aggregator {
  border: none;
}

.feed-item h3 a {
  text-decoration: none;
}

.aggregator .teasertext {
  font-size: 0.8125rem;
  color: #949494;
}

@media all and (min-width: 760px) {
  .grid-slot-1d1 .grid-box-titlebox {
    max-width: 800px;
    width: 80%;
  }
  .grid-slot-1d1 .grid-box-titlebox .grid-box-epilog {
    width: 80%;
  }
}

.grid-box-titlebox__title {
  margin: 0;
  padding: 0;
  color: #444;
  line-height: 1.2;
  font-style: normal;
  font-weight: 700;
  text-transform: none;
  font-size: 2rem;
  margin-bottom: 6px;
  overflow: visible;
}

.grid-box[class*="color--"] .grid-box-titlebox__title {
  color: inherit !important;
}

.grid-container[class*="color--"] .grid-box-titlebox__title {
  color: inherit;
}

.grid-box-titlebox__title a {
  text-decoration: none;
  color: inherit;
}

@media all and (min-width: 760px) {
  .grid-box-titlebox__title {
    font-size: 2rem;
    line-height: 1.1;
  }
}

@media all and (min-width: 1024px) {
  .grid-box-titlebox__title {
    font-size: 2.625rem;
  }
}

@media all and (min-width: 1220px) {
  .grid-box-titlebox__title {
    font-size: 3rem;
  }
}

.grid-box-titlebox--small .grid-box-titlebox__title {
  font-size: 1.75rem;
}

.grid-box-titlebox--smaller .grid-box-titlebox__title {
  font-size: 1.25rem;
}

.grid-box-titlebox--black-headline .grid-box-titlebox__title {
  color: #444 !important;
}

.grid-box[class*="color--"] .grid-box-titlebox--black-headline .grid-box-titlebox__title, .grid-container[class*="color--"] .grid-box-titlebox--black-headline .grid-box-titlebox__title {
  color: #444 !important;
}

.grid-titlebox--overline {
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  color: #444;
  font-size: 1.25rem;
}

.grid-titlebox--overline ~ .grid-box-titlebox__innertitle {
  display: block;
}

.grid-box-titlebox--centered {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.grid-box-titlebox--centered .grid-box-epilog {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.grid-box-titlebox--left-aligned {
  text-align: left;
  margin-left: 0;
  margin-right: auto;
}

.grid-box-titlebox--left-aligned .grid-box-epilog {
  margin-left: 0;
  margin-right: auto;
}

.grid-box-titlebox--right-aligned {
  text-align: right;
  margin-left: auto;
  margin-right: 0;
}

.grid-box-titlebox--right-aligned .grid-box-epilog {
  margin-left: auto;
  margin-right: 0;
}

.grid-box-titlebox__content_genre {
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  color: #444;
  font-size: 1.25rem;
}

.grid-box-titlebox__subtitle {
  font-size: 1.375rem;
  margin-top: 10px;
  font-weight: 400;
  color: #444;
}

.grid-box-titlebox--small .grid-box-titlebox__subtitle, .grid-box-titlebox--smaller .grid-box-titlebox__subtitle {
  font-size: 1rem;
}

.grid-box-title {
  margin-top: 0;
}

.grid-box-video .grid-box-inner {
  min-height: 250px;
  width: 100%;
}

.grid-box-video iframe {
  width: 100%;
}

.grid-box-video .grid-box-video--two-click-container {
  position: relative;
  background-repeat: no-repeat;
  background-size: 100%, cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  background-position: center center;
  width: 100%;
  min-height: inherit;
  color: white;
}

.grid-box-video .grid-box-video--two-click-container .grid-box-video--providerlink, .grid-box-video .grid-box-video--two-click-container .grid-box-video--title {
  color: currentColor;
  padding: 5px;
  background: rgba(1, 1, 1, 0.25);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-decoration: none;
  margin: 5px;
  z-index: 1;
  position: absolute;
}

.grid-box-video .grid-box-video--two-click-container .grid-box-video--providerlink {
  margin: auto 5px 5px 5px;
  bottom: 0;
}

.grid-box-video .grid-box-video--button-container {
  cursor: pointer;
  height: 35px;
  width: 35px;
  margin: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(1, 1, 1, 0.5);
  border-radius: 50%;
  -webkit-transform: scale(2.5);
      -ms-transform: scale(2.5);
          transform: scale(2.5);
  z-index: 10;
}

.grid-box-video .grid-box-video--button-container .grid-box-video--play-button {
  fill: currentColor;
  -webkit-transform: translateX(2px);
      -ms-transform: translateX(2px);
          transform: translateX(2px);
  margin: auto;
}

.grid-container-c-1d2-1d2 .grid-box-video .grid-box-video--button-container {
  -webkit-transform: scale(2);
      -ms-transform: scale(2);
          transform: scale(2);
}

.grid-container-c-1d3-1d3-1d3 .grid-box-video .grid-box-video--button-container {
  -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
          transform: scale(1.5);
}

.grid-box-video .grid-box-video--thumbnail {
  min-height: inherit;
  -o-object-fit: cover;
     object-fit: cover;
}

.grid-box-video .video-hover {
  --hover-max-width: 600px;
}

.grid-box-video .video-hover .is-live {
  background: #f1f1f1;
  display: block;
  padding: 0.5rem;
  margin: 0.5rem 0;
  font-weight: 700;
  font-size: 1.25rem;
  width: 100%;
  color: #cc0000;
  text-transform: uppercase;
}

.grid-box-video .video-hover .is-live.indicator:before {
  height: 1rem;
  width: 1rem;
  top: -1px;
  background: #cc0000;
  box-shadow: 0 0 0 0 #cc0000;
}

@keyframes pulse-indicator {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    box-shadow: 0 0 0 0 #cc0000b3;
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    box-shadow: 0 0 0 10px rgba(45, 200, 0, 0);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(45, 200, 0, 0);
  }
}

.grid-box-video .video-hover.in-grid {
  background: #f1f1f1;
}

.grid-box-video .video-hover.in-grid .video-controls .is-live {
  display: none;
}

.grid-box-video .video-hover.in-grid .is-live {
  position: absolute;
  bottom: 10px;
  right: 10px;
  display: block;
  width: auto;
  border-radius: 5px;
  margin: 0;
  padding-top: 2px;
  padding-bottom: 0;
  -webkit-padding-start: 0.35rem;
     -moz-padding-start: 0.35rem;
          padding-inline-start: 0.35rem;
  -webkit-padding-end: 1rem;
     -moz-padding-end: 1rem;
          padding-inline-end: 1rem;
  font-size: 0.75rem;
  z-index: 1;
}

.grid-box-video .video-hover.in-grid .is-live.indicator:before {
  height: 0.75rem;
  width: 0.75rem;
}

.grid-box-video .video-hover.in-grid .playing + .is-live {
  display: none;
}

.grid-box-video .video-hover .provider {
  position: relative;
  font-size: inherit;
  color: black;
  text-shadow: none;
}

.grid-box-video .video-hover.is-hovering .video-container {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f1f1f1;
  padding: 15px;
  padding-top: 0;
  margin: 0 15px;
  z-index: 999999;
  -webkit-animation: fromBottom;
  animation: fromBottom;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

@media all and (min-width: 760px) {
  .grid-box-video .video-hover.is-hovering .video-container {
    left: unset;
    bottom: 15px;
    right: 15px;
    max-width: 25vw;
    min-width: 400px;
  }
}

.grid-box-video .video-hover.is-hovering .video-container .video-controls {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-block: 7px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.grid-box-video .video-hover.is-hovering .video-container .video-controls .is-live {
  position: relative;
  display: block;
  padding: 0;
  top: 0;
}

.grid-box-video .video-hover.is-hovering .video-container .video-controls .close {
  position: static;
  color: black;
  background: #f1f1f1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 20px;
  -webkit-margin-start: auto;
     -moz-margin-start: auto;
          margin-inline-start: auto;
}

.grid-box-video .video-hover.is-hovering .video-container .video-controls .close:after {
  content: '';
  background: url(../images/close-button.svg);
  width: 1rem;
  height: 1rem;
  background-repeat: no-repeat;
  background-size: 1rem;
}

.grid-box-video .video-hover.is-hovering .video-container .two-click .two-click__container {
  box-shadow: none;
}

.grid-box-video .video-hover.is-hovering .video-container .two-click .two-click__container .is-live.indicator {
  display: none;
}

@-webkit-keyframes fromBottom {
  0% {
    bottom: -500px;
    opacity: 0;
  }
  100% {
    bottom: 0;
    opacity: 1;
  }
}

@keyframes fromBottom {
  0% {
    bottom: -500px;
    opacity: 0;
  }
  100% {
    bottom: 0;
    opacity: 1;
  }
}

.grid-box-video .video-hover.in-grid .close {
  display: none;
}

.grid-box-video .video-hover + .grid-box-epilog {
  padding: 0.75rem;
  padding-top: 0;
  margin: 0;
}

.grid-box-video .video-hover + .grid-box-epilog h2 {
  font-size: 1.25rem;
  margin-top: 1.6rem;
  margin-bottom: 0.45rem;
}

.grid-box-video .video-hover + .grid-box-epilog p {
  font-size: 0.9375rem;
  margin-top: 0.45rem;
}

.grid-box-video:has(.video-hover.in-grid) {
  background: #f1f1f1;
}

.grid-box .boe-youtube-channel .video {
  display: none;
}

.grid-box .boe-youtube-channel .thumbs {
  list-style: none;
  padding: 0;
  margin-top: 0;
}

.grid-box .boe-youtube-channel .thumbs .thumb {
  display: inline-block;
  cursor: pointer;
  margin: 8px 0 4px 0;
}

.grid-slot-1d1 .grid-box .boe-youtube-channel .thumb {
  margin-right: 23px;
}

.grid-slot-1d1 .grid-box .boe-youtube-channel .thumb:nth-child(7) {
  margin-right: 0;
}

.grid-slot-1d2 .grid-box .boe-youtube-channel .thumb,
.grid-slot-2d3 .grid-box .boe-youtube-channel .thumb {
  margin-right: 7px;
}

.grid-slot-1d2 .grid-box .boe-youtube-channel .thumb:nth-child(5n),
.grid-slot-2d3 .grid-box .boe-youtube-channel .thumb:nth-child(5n) {
  margin-right: 0;
}

.grid-slot-1d3 .grid-box .boe-youtube-channel .thumb {
  box-sizing: border-box;
  width: 32.6%;
  margin-right: 1%;
}

.grid-slot-1d3 .grid-box .boe-youtube-channel .thumb:nth-child(3n) {
  margin-right: 0;
}

.remote-event-list ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  color: inherit;
}

.remote-event {
  border-bottom: 1px solid #e2e2e2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 20px 0;
  padding-bottom: 10px;
  text-align: center;
  /**
   * Grid: slot-specific behaviour
   */
}

@media all and (min-width: 760px) {
  .remote-event {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 20px 0 15px;
    padding-bottom: 15px;
    text-align: initial;
  }
}

.remote-event .event--title {
  margin: 0 0 7px 0;
  font-size: 1.5625rem;
  padding-top: 22px;
}

.remote-event .remote-event__link {
  text-decoration: none;
  position: relative;
  display: block;
}

.remote-event .remote-event__link:hover .event--title, .remote-event .remote-event__link:focus-visible .event--title {
  color: #666;
}

.remote-event .remote-event__leftside {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto 15px;
}

@media all and (min-width: 760px) {
  .remote-event .remote-event__leftside {
    margin-left: 15px;
    margin-right: 15px;
  }
}

.remote-event .remote-event__big-wrap {
  margin-right: auto;
}

.remote-event .remote-event__big-wrap.visibility-hidden {
  display: none;
}

@media all and (min-width: 760px) {
  .remote-event .remote-event__big-wrap.visibility-hidden {
    display: block;
  }
}

.remote-event .remote-event__big-date {
  font-size: 3.75rem;
  line-height: 1.1;
  text-align: center;
  color: #75A300;
}

.grid-box[class*="color--"] .remote-event .remote-event__big-date {
  color: inherit !important;
}

.grid-container[class*="color--"] .remote-event .remote-event__big-date {
  color: inherit;
}

.remote-event .remote-event__big-month {
  color: #666;
  font-weight: 700;
  margin-top: -9px;
  text-align: center;
}

.remote-event .remote-event__meta {
  font-size: 0.9375rem;
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
  white-space: nowrap;
}

.remote-event .remote-event__meta .field--event_type {
  color: #444;
  margin-right: 7px;
  font-weight: 700;
}

@media all and (min-width: 760px) {
  .remote-event .remote-event__meta {
    width: auto;
    text-align: left;
  }
}

.remote-event .remote-event__date {
  display: none;
}

@media all and (min-width: 760px) {
  .remote-event .remote-event__date {
    display: initial;
  }
}

.remote-event .remote-event__date div,
.remote-event .remote-event__city div {
  display: inline-block;
}

.remote-event .remote-event__subtitle {
  font-size: 1.0625rem;
  color: #444;
}

.remote-event .remote-event__livestream-link {
  display: block;
  margin-top: 7px;
}

.remote-event .remote-event__livestream-link:not([href*="boell"]):after {
  content: '';
  display: inline-block;
  margin-left: 2px;
  height: 0.75rem;
  width: 0.75rem;
  background: transparent url("../images/arrow-up-right-from-square-regular.svg") top left no-repeat;
  opacity: 0.8;
  -webkit-transition:margin-left 0.2s ease-in-out;
  transition: margin-left 0.2s ease-in-out;
}

.remote-event .remote-event__livestream-link:hover, .remote-event .remote-event__livestream-link:focus-visible {
  text-decoration: none;
}

.remote-event .remote-event__livestream-link:hover:after, .remote-event .remote-event__livestream-link:focus-visible:after {
  margin-left: 3px;
}

@media all and (min-width: 760px) {
  .grid-slot-1d1 .remote-event .remote-event__leftside, .grid-slot-2d3 .remote-event .remote-event__leftside {
    width: 15%;
  }
  .grid-slot-1d1 .remote-event .remote-event__rightside, .grid-slot-2d3 .remote-event .remote-event__rightside {
    width: 85%;
  }
}

@media all and (min-width: 1024px) {
  .grid-slot-1d1 .remote-event {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}

.grid-slot-1d3 .remote-event, .grid-slot-1d4 .remote-event {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}

.grid-slot-1d3 .remote-event .remote-event__meta, .grid-slot-1d4 .remote-event .remote-event__meta {
  width: 100%;
  text-align: center;
}

.grid-slot-1d3 .remote-event .remote-event__date, .grid-slot-1d4 .remote-event .remote-event__date {
  display: none;
}

@media all and (min-width: 760px) and (max-width: 1023.97px) {
  .grid-slot-1d3 .remote-event, .grid-slot-1d4 .remote-event {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .grid-slot-1d3 .remote-event .remote-event__leftside, .grid-slot-1d4 .remote-event .remote-event__leftside {
    width: 15%;
  }
  .grid-slot-1d3 .remote-event .remote-event__rightside, .grid-slot-1d4 .remote-event .remote-event__rightside {
    width: 85%;
  }
}

@media all and (min-width: 1024px) {
  .grid-slot-1d3 .remote-event .remote-event__leftside, .grid-slot-1d4 .remote-event .remote-event__leftside {
    margin: 0 auto 15px;
  }
  .grid-slot-1d3 .remote-event .event--title, .grid-slot-1d4 .remote-event .event--title {
    font-size: 1.25rem;
  }
}

.grid-box-boellcalendar .no-events {
  text-align: center;
}

.grid-box-fullbleed_lead .fullbleed-lead-box {
  background-position: center;
  background-size: cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  position: relative;
  text-rendering: optimizeLegibility;
  text-shadow: 0 0 10px black;
  margin-left: -10px;
  margin-right: -10px;
  height: 75vh;
}

@media all and (min-width: 760px) {
  .grid-box-fullbleed_lead .fullbleed-lead-box {
    margin-left: -10px;
    margin-right: -10px;
    min-height: 600px;
  }
}

@media all and (min-width: 1024px) {
  .grid-box-fullbleed_lead .fullbleed-lead-box {
    margin-left: -22px;
    margin-right: -22px;
  }
}

@media all and (min-width: 1220px) {
  .grid-box-fullbleed_lead .fullbleed-lead-box {
    margin-left: -120px;
    margin-right: -120px;
  }
}

.grid-box-fullbleed_lead .fullbleed-lead-box h1 a, .grid-box-fullbleed_lead .fullbleed-lead-box h2 a, .grid-box-fullbleed_lead .fullbleed-lead-box h3 a, .grid-box-fullbleed_lead .fullbleed-lead-box h4 a, .grid-box-fullbleed_lead .fullbleed-lead-box h5 a, .grid-box-fullbleed_lead .fullbleed-lead-box h6 a {
  text-decoration: none;
}

.grid-box-fullbleed_lead .fullbleed-lead-box:before {
  background: rgba(0, 0, 0, 0.2);
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.grid-box-fullbleed_lead .teaser__scroll-down {
  position: absolute;
  left: calc(50% - 35px);
  bottom: 50px;
  -webkit-animation: pulse 2s infinite;
          animation: pulse 2s infinite;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

@media all and (min-width: 760px) {
  .grid-box-fullbleed_lead .teaser__scroll-down {
    display: none;
  }
}

.grid-box-fullbleed_lead .teaser__scroll-down svg {
  width: 70px;
  height: 100px;
}

.grid-box-fullbleed_lead .teaser__scroll-down svg g {
  fill: white;
}

.grid-box-fullbleed_lead .teaser__scroll-down svg #mouse-outline,
.grid-box-fullbleed_lead .teaser__scroll-down svg #mouse-wheel {
  display: none;
}

.grid-box-fullbleed_lead.color--white {
  color: white;
}

.grid-box-fullbleed_lead.color--white .fullbleed-lead-box__more-link {
  background: rgba(0, 0, 0, 0.4);
  border: 2px solid white;
  color: white;
  display: inline-block;
  font-size: 1.0625rem;
  font-weight: 700;
  padding: 17px;
  text-decoration: none;
  text-shadow: 0 0 10px black;
  -webkit-transition:background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
}

.grid-box-fullbleed_lead.color--white .fullbleed-lead-box__more-link:hover, .grid-box-fullbleed_lead.color--white .fullbleed-lead-box__more-link:focus-visible {
  background-color: white;
  color: black;
  text-shadow: none;
}

.grid-box-fullbleed_lead.color--black {
  color: black;
}

.grid-box-fullbleed_lead.color--black .fullbleed-lead-box__more-link {
  color: black;
  background: rgba(0, 0, 0, 0.4);
  border: 2px solid black;
  padding: 17px;
  font-size: 1.0625rem;
  font-weight: 700;
  text-decoration: none;
  text-shadow: 0 0 10px black;
  -webkit-transition:background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
}

.grid-box-fullbleed_lead.color--black .fullbleed-lead-box__more-link:hover, .grid-box-fullbleed_lead.color--black .fullbleed-lead-box__more-link:focus-visible {
  background-color: transparent;
  color: black;
  text-shadow: none;
}

.fullbleed-lead-box__video {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

.fullbleed-lead-box__video--right {
  bottom: 0;
  right: 0;
}

.fullbleed-lead-box__words {
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 32px 32px 24px;
  position: relative;
  text-align: center;
  margin: auto 0;
}

@media all and (min-width: 760px) {
  .fullbleed-lead-box__words {
    margin: auto 10px 0;
    max-width: 1200px;
  }
}

@media all and (min-width: 760px) and (max-width: 1023.97px) {
  .grid-slot-1d1 .fullbleed-lead-box__words, .grid-slot-2d3 .fullbleed-lead-box__words, .grid-slot-1d3 .fullbleed-lead-box__words {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-right: 40px;
    text-align: left;
  }
}

@media all and (min-width: 1024px) {
  .grid-slot-1d1 .fullbleed-lead-box__words {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 980px;
    max-width: 980px;
    padding-left: 0;
    padding-right: 8px;
    text-align: left;
  }
}

.fullbleed-lead-box__words.align--center, .fullbleed-lead-box__words.align--end, .fullbleed-lead-box__words.align--start {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

@media all and (min-width: 1024px) {
  .fullbleed-lead-box__words.align--end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: end;
    padding-right: 0;
  }
  .fullbleed-lead-box__words.align--start {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: start;
  }
}

.grid-container--vertically-centered .fullbleed-lead-box__words {
  margin: auto;
}

@media all and (min-width: 760px) {
  .fullbleed-lead-box__header {
    margin-top: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.fullbleed-lead-box__intro {
  color: inherit;
  text-transform: uppercase;
  margin-bottom: -5px;
}

.fullbleed-lead-box__title {
  color: inherit;
  margin: 10px 0;
  overflow: visible;
  /* shadow */
}

.grid-box[class*="color--"] .fullbleed-lead-box__title {
  color: inherit;
}

.grid-slot-1d1 .fullbleed-lead-box__title, .grid-slot-2d3 .fullbleed-lead-box__title {
  font-size: 1.75rem;
  line-height: 1.1;
}

@media all and (min-width: 760px) {
  .grid-slot-1d1 .fullbleed-lead-box__title, .grid-slot-2d3 .fullbleed-lead-box__title {
    font-size: 2rem;
    line-height: 1.2;
  }
}

.fullbleed-lead-box__title a {
  color: inherit;
}

.fullbleed-lead-box__title a:hover, .fullbleed-lead-box__title a:focus-visible {
  color: inherit;
}

.fullbleed-lead-box__description {
  font-size: 0.9375rem;
  line-height: 1.3;
  color: inherit;
  max-width: 600px;
}

@media all and (min-width: 1024px) {
  .fullbleed-lead-box__description {
    line-height: 1.5;
  }
}

.fullbleed-lead-box__description p,
.fullbleed-lead-box__description a {
  color: inherit;
}

@media all and (min-width: 760px) {
  .grid-slot-1d1 .fullbleed-lead-box__description {
    font-size: 1.125rem;
  }
}

.fullbleed-lead-box__more-link-wrapper {
  margin-bottom: 30px;
  padding: 40px 0 20px;
}

@keyframes pulse {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

/**
 * MIXINS
 */
/**
 * DEFINITIONS
 */
.grid-search-form label, .grid-fastsearch-form label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.grid-search-form .form--inline, .grid-search-form.form--inline, .grid-fastsearch-form .form--inline, .grid-fastsearch-form.form--inline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.grid-search-form .form-text, .grid-fastsearch-form .form-text {
  display: block;
  background-color: white;
  border: 1px solid #f1f1f1;
  font-size: 1rem;
  height: 40px;
  line-height: 1;
  padding: 4px 26px 0 10px;
}

.grid-search-form .form-text::-webkit-input-placeholder, .grid-fastsearch-form .form-text::-webkit-input-placeholder {
  font-size: 1rem;
}

.grid-search-form .form-text::-moz-placeholder, .grid-fastsearch-form .form-text::-moz-placeholder {
  font-size: 1rem;
}

.grid-search-form .form-text:-ms-input-placeholder, .grid-fastsearch-form .form-text:-ms-input-placeholder {
  font-size: 1rem;
}

.grid-search-form .form-text::placeholder, .grid-fastsearch-form .form-text::placeholder {
  font-size: 1rem;
}

@media all and (min-width: 760px) {
  .grid-search-form .form-text, .grid-fastsearch-form .form-text {
    font-size: 1.125rem;
  }
  .grid-search-form .form-text::-webkit-input-placeholder, .grid-fastsearch-form .form-text::-webkit-input-placeholder {
    font-size: 1.125rem;
  }
  .grid-search-form .form-text::-moz-placeholder, .grid-fastsearch-form .form-text::-moz-placeholder {
    font-size: 1.125rem;
  }
  .grid-search-form .form-text:-ms-input-placeholder, .grid-fastsearch-form .form-text:-ms-input-placeholder {
    font-size: 1.125rem;
  }
  .grid-search-form .form-text::placeholder, .grid-fastsearch-form .form-text::placeholder {
    font-size: 1.125rem;
  }
}

.grid-search-form .form-select, .grid-fastsearch-form .form-select {
  -webkit-appearance: none;
  background-color: white;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6' viewBox='0 0 9 6'%3E%3Cpath fill='none' fill-rule='evenodd' stroke='%23666' stroke-linecap='round' stroke-linejoin='round' d='M8.518.527l-4.03 4.03L.46.532'/%3E%3C/svg%3E");
  background-position: center right 10px;
  background-repeat: no-repeat;
  border-radius: 0;
  border: 1px solid #f1f1f1;
  height: 40px;
  padding-left: 20px;
  padding-right: 30px;
}

.grid-search-form .form-submit, .grid-fastsearch-form .form-submit {
  background-color: #91c800;
  border: 1px solid #f1f1f1;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: 40px;
  line-height: 1.75rem;
  margin: 0 0 0 -1px;
  padding-left: 16px;
  padding-right: 16px;
}

.grid-search-form .form-item, .grid-fastsearch-form .form-item {
  margin-top: 0;
  margin-right: 0;
}

.grid-search-form .form-type-select, .grid-fastsearch-form .form-type-select {
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
}

.grid-search-form .form-select, .grid-fastsearch-form .form-select {
  width: 100%;
}

@media all and (min-width: 760px) {
  .grid-search-form .form-select, .grid-fastsearch-form .form-select {
    border-left: 0;
    width: auto;
  }
}

.grid-search-form .form-item-search-term, .grid-fastsearch-form .form-item-search-term {
  display: block;
  width: 100%;
}

.grid-search-form .form-submit, .grid-fastsearch-form .form-submit {
  line-height: unset;
}

.grid-search-form .form-text, .grid-fastsearch-form .form-text {
  width: 100%;
}

@media all and (min-width: 0) and (max-width: 759.97px) {
  .grid-search-form--has-dropdown {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

.thematic-focus-box {
  background-position: center;
  background-size: cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 400px;
  overflow: hidden;
  position: relative;
  text-rendering: optimizeLegibility;
  text-shadow: 0 0 10px black;
  background-color: black;
  margin-left: -10px;
  margin-right: -10px;
}

.thematic-focus-box h1 a, .thematic-focus-box h2 a, .thematic-focus-box h3 a, .thematic-focus-box h4 a, .thematic-focus-box h5 a, .thematic-focus-box h6 a {
  text-decoration: none;
}

@media all and (min-width: 1024px) {
  .thematic-focus-box {
    margin-left: 0;
    margin-right: 0;
  }
}

.grid-slot-1d1 .grid-box-first .thematic-focus-box {
  margin-top: -15px;
}

@media all and (min-width: 1024px) {
  .megamenu-is-hidden .grid-slot-1d1 .grid-box-first .thematic-focus-box {
    margin-top: -24px;
  }
}

@media all and (min-width: 1024px) and (max-width: 1219.97px) {
  .grid-slot-1d1 .thematic-focus-box {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
  }
}

@media all and (min-width: 1220px) {
  .grid-slot-1d1 .thematic-focus-box {
    margin-left: -120px;
    margin-right: -120px;
  }
}

.grid-box:not(.grid-box--transparent) .thematic-focus-box:before {
  background: rgba(0, 0, 0, 0.2);
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.thematic-focus-box__video {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

.thematic-focus-box__video--right {
  bottom: 0;
  right: 0;
}

.thematic-focus-box__words {
  width: 100%;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 32px 32px 24px;
  position: relative;
  text-align: center;
}

@media all and (min-width: 760px) and (max-width: 1023.97px) {
  .grid-slot-1d1 .thematic-focus-box__words, .grid-slot-2d3 .thematic-focus-box__words, .grid-slot-1d3 .thematic-focus-box__words {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-right: 40px;
    text-align: left;
  }
  html[dir="rtl"] .grid-slot-1d1 .thematic-focus-box__words, html[dir="rtl"] .grid-slot-2d3 .thematic-focus-box__words, html[dir="rtl"] .grid-slot-1d3 .thematic-focus-box__words {
    text-align: right;
  }
}

@media all and (min-width: 1024px) {
  .grid-slot-1d1 .thematic-focus-box__words {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 980px;
    padding-left: 0;
    padding-right: 8px;
    text-align: left;
  }
  html[dir="rtl"] .grid-slot-1d1 .thematic-focus-box__words {
    text-align: right;
  }
}

@media all and (min-width: 760px) {
  .thematic-focus-box__header {
    margin-top: 30px;
  }
}

.thematic-focus-box__intro {
  color: white;
  text-transform: uppercase;
  margin-bottom: -5px;
}

.thematic-focus-box__title {
  color: white;
  margin: 10px 0;
  overflow: visible;
  /* shadow */
}

.grid-box[class*="color--"] .thematic-focus-box__title {
  color: inherit;
}

.grid-slot-1d1 .thematic-focus-box__title, .grid-slot-2d3 .thematic-focus-box__title {
  font-size: 1.75rem;
  line-height: 1.1;
}

@media all and (min-width: 760px) {
  .grid-slot-1d1 .thematic-focus-box__title, .grid-slot-2d3 .thematic-focus-box__title {
    font-size: 2rem;
    line-height: 1.2;
  }
}

.thematic-focus-box__title a {
  color: inherit;
}

.thematic-focus-box__title a:hover, .thematic-focus-box__title a:focus-visible {
  color: inherit;
}

.thematic-focus-box__description {
  font-size: 0.9375rem;
  line-height: 1.3;
  color: white;
}

@media all and (min-width: 1024px) {
  .thematic-focus-box__description {
    line-height: 1.5;
  }
}

.thematic-focus-box__description p,
.thematic-focus-box__description a {
  color: inherit;
}

@media all and (min-width: 760px) {
  .thematic-focus-box__description p {
    max-width: 90%;
  }
  .grid-slot-1d1 .thematic-focus-box__description {
    font-size: 1.125rem;
  }
}

.thematic-focus-box__more-link-wrapper {
  margin-bottom: 30px;
  padding: 40px 0 20px;
}

.thematic-focus-box__more-link {
  background: rgba(0, 0, 0, 0.4);
  border: 2px solid white;
  color: white;
  display: inline-block;
  font-size: 1.0625rem;
  font-weight: 700;
  padding: 17px;
  text-decoration: none;
  text-shadow: 0 0 10px black;
  -webkit-transition:background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
}

.thematic-focus-box__more-link:hover, .thematic-focus-box__more-link:focus-visible {
  background-color: white;
  color: black;
  text-shadow: none;
}

.color--bildungswerk-blue .thematic-focus-box__more-link {
  background-color: #203c89;
  text-shadow: none;
}

.color--bildungswerk-green .thematic-focus-box__more-link {
  background-color: #198632;
  text-shadow: none;
}

.color--boell-blue .thematic-focus-box__more-link {
  background-color: #0e307f;
  text-shadow: none;
  color: white;
}

.color--boell-blue .thematic-focus-box__more-link a:hover, .color--boell-blue .thematic-focus-box__more-link a:focus-visible {
  color: white;
}

.color--boell-dark-green .thematic-focus-box__more-link {
  background-color: #45783a;
  text-shadow: none;
  color: white;
}

.color--boell-dark-green .thematic-focus-box__more-link a:hover, .color--boell-dark-green .thematic-focus-box__more-link a:focus-visible {
  color: white;
}

.color--boell-green .thematic-focus-box__more-link {
  background-color: #91c800;
  text-shadow: none;
}

.color--boell-orange .thematic-focus-box__more-link {
  background-color: #fd7232;
  text-shadow: none;
}

.color--boell-red .thematic-focus-box__more-link {
  background-color: #cc0000;
  text-shadow: none;
  color: white;
}

.color--boell-red .thematic-focus-box__more-link a:hover, .color--boell-red .thematic-focus-box__more-link a:focus-visible {
  color: white;
}

.color--boell-turquoise .thematic-focus-box__more-link {
  background-color: #008599;
  text-shadow: none;
  color: white;
}

.color--boell-turquoise .thematic-focus-box__more-link a:hover, .color--boell-turquoise .thematic-focus-box__more-link a:focus-visible {
  color: white;
}

.color--boell-gray .thematic-focus-box__more-link {
  background-color: #e2e2e2;
  text-shadow: none;
}

.color--boell-yellow .thematic-focus-box__more-link {
  background-color: #fac32f;
  text-shadow: none;
}

.color--brandenburg-blue .thematic-focus-box__more-link {
  background-color: #0064a7;
  text-shadow: none;
  color: white;
}

.color--brandenburg-blue .thematic-focus-box__more-link a:hover, .color--brandenburg-blue .thematic-focus-box__more-link a:focus-visible {
  color: white;
}

.color--brandenburg-green .thematic-focus-box__more-link {
  background-color: #95bb2e;
  text-shadow: none;
}

.color--brandenburg-orange .thematic-focus-box__more-link {
  background-color: #f8ad14;
  text-shadow: none;
}

.color--brandenburg-red .thematic-focus-box__more-link {
  background-color: #e02d34;
  text-shadow: none;
}

.color--greencampus-green .thematic-focus-box__more-link {
  background-color: #6bb232;
  text-shadow: none;
}

.color--gwi-red .thematic-focus-box__more-link {
  background-color: #E70457;
  text-shadow: none;
  color: white;
}

.color--gwi-red .thematic-focus-box__more-link a:hover, .color--gwi-red .thematic-focus-box__more-link a:focus-visible {
  color: white;
}

.color--gwi-turquoise .thematic-focus-box__more-link {
  background-color: #3a9192;
  text-shadow: none;
  color: white;
}

.color--gwi-turquoise .thematic-focus-box__more-link a:hover, .color--gwi-turquoise .thematic-focus-box__more-link a:focus-visible {
  color: white;
}

.color--infohub-plastic .thematic-focus-box__more-link {
  background-color: #3B49BC;
  text-shadow: none;
  color: white;
}

.color--infohub-plastic .thematic-focus-box__more-link a:hover, .color--infohub-plastic .thematic-focus-box__more-link a:focus-visible {
  color: white;
}

.color--international-green .thematic-focus-box__more-link {
  background-color: #91c800;
  text-shadow: none;
}

.color--international-orange .thematic-focus-box__more-link {
  background-color: #fd7232;
  text-shadow: none;
}

.color--international-turquoise .thematic-focus-box__more-link {
  background-color: #008599;
  text-shadow: none;
}

.color--mid-green .thematic-focus-box__more-link {
  background-color: #91c800;
  text-shadow: none;
}

.color--mid-orange .thematic-focus-box__more-link {
  background-color: #fd7232;
  text-shadow: none;
}

.color--mid-pink .thematic-focus-box__more-link {
  background-color: #e075ac;
  text-shadow: none;
}

.color--mid-red .thematic-focus-box__more-link {
  background-color: #cc0000;
  text-shadow: none;
}

.color--mid-turquoise .thematic-focus-box__more-link {
  background-color: #66cbcc;
  text-shadow: none;
}

.color--mid-yellow .thematic-focus-box__more-link {
  background-color: #fac32f;
  text-shadow: none;
}

.color--myanmar-fonts .thematic-focus-box__more-link {
  background-color: #91c800;
  text-shadow: none;
}

.color--petrakelly-blue .thematic-focus-box__more-link {
  background-color: #2c4081;
  text-shadow: none;
  color: white;
}

.color--petrakelly-blue .thematic-focus-box__more-link a:hover, .color--petrakelly-blue .thematic-focus-box__more-link a:focus-visible {
  color: white;
}

.color--petrakelly-green .thematic-focus-box__more-link {
  background-color: #008445;
  text-shadow: none;
}

.color--petrakelly-red .thematic-focus-box__more-link {
  background-color: #cb322d;
  text-shadow: none;
}

.color--state-blue .thematic-focus-box__more-link {
  background-color: #0e307f;
  text-shadow: none;
  color: white;
}

.color--state-blue .thematic-focus-box__more-link a:hover, .color--state-blue .thematic-focus-box__more-link a:focus-visible {
  color: white;
}

.color--state-green .thematic-focus-box__more-link {
  background-color: #91c800;
  text-shadow: none;
}

.thematic-focus-box__link {
  color: white;
  display: block;
  text-decoration: none;
  -webkit-transition:color 0.3s;
  transition: color 0.3s;
}

.thematic-focus-box__link:first-child {
  padding-top: 30px;
}

.thematic-focus-box__link:hover, .thematic-focus-box__link:focus-visible {
  color: white;
  text-shadow: none;
  -webkit-transition:text-shadow 0.3s;
  transition: text-shadow 0.3s;
}

.thematic-focus-box__link-intro {
  display: block;
  text-transform: uppercase;
}

.thematic-focus-box__link-label {
  display: block;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.2;
}

.thematic-focus-box__links {
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.thematic-focus-box__links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.thematic-focus-box__links ul li {
  padding: 0 0 30px 0;
  margin: 0;
}

.thematic-focus-box__links ul li:not(:first-child)::before {
  content: "";
  display: block;
  border-top: 1px solid white;
}

@media all and (min-width: 760px) {
  .grid-slot-1d1 .thematic-focus-box__links ul li:not(:first-child)::before {
    width: 140px;
  }
}

@media all and (min-width: 760px) and (max-width: 1023.97px) {
  .grid-slot-2d3 .thematic-focus-box__links ul li:not(:first-child)::before, .grid-slot-1d1 .thematic-focus-box__links ul li:not(:first-child)::before {
    width: 140px;
  }
}

@media all and (min-width: 760px) {
  .grid-slot-1d1 .thematic-focus-box__links {
    max-width: 40%;
    margin-left: 25px;
    margin-right: 0;
  }
}

@media all and (min-width: 760px) and (max-width: 1023.97px) {
  .grid-slot-2d3 .thematic-focus-box__links, .grid-slot-1d1 .thematic-focus-box__links {
    max-width: 40%;
    margin-left: 25px;
    margin-right: 0;
  }
}

.has-css-grid .grid-boxes-wrapper {
  display: -ms-grid;
  display: grid;
  grid-gap: 15px;
  width: 100%;
}

@media all and (min-width: 760px) {
  .has-css-grid .grid-boxes-wrapper {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    grid-gap: 25px;
  }
}

@media all and (min-width: 1024px) {
  .has-css-grid .grid-boxes-wrapper {
    -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 25px;
  }
}

.has-css-grid .grid-box + .grid-box {
  margin-top: 0;
}

.grid-box-topics:hover .topics-box__read-more-button .topics-box__button, .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button {
  background: white !important;
  color: black !important;
}

.grid-container.color--bildungswerk-blue .grid-box-topics:hover .topics-box__read-more-button .topics-box__button, .grid-box-topics:hover .topics-box__read-more-button .topics-box__button.color--bildungswerk-blue, .grid-container.color--bildungswerk-blue .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button.color--bildungswerk-blue {
  background: white !important;
  color: black !important;
}

.grid-container.color--bildungswerk-green .grid-box-topics:hover .topics-box__read-more-button .topics-box__button, .grid-box-topics:hover .topics-box__read-more-button .topics-box__button.color--bildungswerk-green, .grid-container.color--bildungswerk-green .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button.color--bildungswerk-green {
  background: white !important;
  color: black !important;
}

.grid-container.color--boell-blue .grid-box-topics:hover .topics-box__read-more-button .topics-box__button, .grid-box-topics:hover .topics-box__read-more-button .topics-box__button.color--boell-blue, .grid-container.color--boell-blue .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button.color--boell-blue {
  background: white !important;
  color: black !important;
}

.grid-container.color--boell-dark-green .grid-box-topics:hover .topics-box__read-more-button .topics-box__button, .grid-box-topics:hover .topics-box__read-more-button .topics-box__button.color--boell-dark-green, .grid-container.color--boell-dark-green .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button.color--boell-dark-green {
  background: white !important;
  color: black !important;
}

.grid-container.color--boell-green .grid-box-topics:hover .topics-box__read-more-button .topics-box__button, .grid-box-topics:hover .topics-box__read-more-button .topics-box__button.color--boell-green, .grid-container.color--boell-green .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button.color--boell-green {
  background: white !important;
  color: black !important;
}

.grid-container.color--boell-orange .grid-box-topics:hover .topics-box__read-more-button .topics-box__button, .grid-box-topics:hover .topics-box__read-more-button .topics-box__button.color--boell-orange, .grid-container.color--boell-orange .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button.color--boell-orange {
  background: white !important;
  color: black !important;
}

.grid-container.color--boell-red .grid-box-topics:hover .topics-box__read-more-button .topics-box__button, .grid-box-topics:hover .topics-box__read-more-button .topics-box__button.color--boell-red, .grid-container.color--boell-red .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button.color--boell-red {
  background: white !important;
  color: black !important;
}

.grid-container.color--boell-turquoise .grid-box-topics:hover .topics-box__read-more-button .topics-box__button, .grid-box-topics:hover .topics-box__read-more-button .topics-box__button.color--boell-turquoise, .grid-container.color--boell-turquoise .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button.color--boell-turquoise {
  background: white !important;
  color: black !important;
}

.grid-container.color--boell-gray .grid-box-topics:hover .topics-box__read-more-button .topics-box__button, .grid-box-topics:hover .topics-box__read-more-button .topics-box__button.color--boell-gray, .grid-container.color--boell-gray .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button.color--boell-gray {
  background: white !important;
  color: black !important;
}

.grid-container.color--boell-yellow .grid-box-topics:hover .topics-box__read-more-button .topics-box__button, .grid-box-topics:hover .topics-box__read-more-button .topics-box__button.color--boell-yellow, .grid-container.color--boell-yellow .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button.color--boell-yellow {
  background: white !important;
  color: black !important;
}

.grid-container.color--brandenburg-blue .grid-box-topics:hover .topics-box__read-more-button .topics-box__button, .grid-box-topics:hover .topics-box__read-more-button .topics-box__button.color--brandenburg-blue, .grid-container.color--brandenburg-blue .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button.color--brandenburg-blue {
  background: white !important;
  color: black !important;
}

.grid-container.color--brandenburg-green .grid-box-topics:hover .topics-box__read-more-button .topics-box__button, .grid-box-topics:hover .topics-box__read-more-button .topics-box__button.color--brandenburg-green, .grid-container.color--brandenburg-green .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button.color--brandenburg-green {
  background: white !important;
  color: black !important;
}

.grid-container.color--brandenburg-orange .grid-box-topics:hover .topics-box__read-more-button .topics-box__button, .grid-box-topics:hover .topics-box__read-more-button .topics-box__button.color--brandenburg-orange, .grid-container.color--brandenburg-orange .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button.color--brandenburg-orange {
  background: white !important;
  color: black !important;
}

.grid-container.color--brandenburg-red .grid-box-topics:hover .topics-box__read-more-button .topics-box__button, .grid-box-topics:hover .topics-box__read-more-button .topics-box__button.color--brandenburg-red, .grid-container.color--brandenburg-red .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button.color--brandenburg-red {
  background: white !important;
  color: black !important;
}

.grid-container.color--greencampus-green .grid-box-topics:hover .topics-box__read-more-button .topics-box__button, .grid-box-topics:hover .topics-box__read-more-button .topics-box__button.color--greencampus-green, .grid-container.color--greencampus-green .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button.color--greencampus-green {
  background: white !important;
  color: black !important;
}

.grid-container.color--gwi-red .grid-box-topics:hover .topics-box__read-more-button .topics-box__button, .grid-box-topics:hover .topics-box__read-more-button .topics-box__button.color--gwi-red, .grid-container.color--gwi-red .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button.color--gwi-red {
  background: white !important;
  color: black !important;
}

.grid-container.color--gwi-turquoise .grid-box-topics:hover .topics-box__read-more-button .topics-box__button, .grid-box-topics:hover .topics-box__read-more-button .topics-box__button.color--gwi-turquoise, .grid-container.color--gwi-turquoise .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button.color--gwi-turquoise {
  background: white !important;
  color: black !important;
}

.grid-container.color--infohub-plastic .grid-box-topics:hover .topics-box__read-more-button .topics-box__button, .grid-box-topics:hover .topics-box__read-more-button .topics-box__button.color--infohub-plastic, .grid-container.color--infohub-plastic .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button.color--infohub-plastic {
  background: white !important;
  color: black !important;
}

.grid-container.color--international-green .grid-box-topics:hover .topics-box__read-more-button .topics-box__button, .grid-box-topics:hover .topics-box__read-more-button .topics-box__button.color--international-green, .grid-container.color--international-green .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button.color--international-green {
  background: white !important;
  color: black !important;
}

.grid-container.color--international-orange .grid-box-topics:hover .topics-box__read-more-button .topics-box__button, .grid-box-topics:hover .topics-box__read-more-button .topics-box__button.color--international-orange, .grid-container.color--international-orange .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button.color--international-orange {
  background: white !important;
  color: black !important;
}

.grid-container.color--international-turquoise .grid-box-topics:hover .topics-box__read-more-button .topics-box__button, .grid-box-topics:hover .topics-box__read-more-button .topics-box__button.color--international-turquoise, .grid-container.color--international-turquoise .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button.color--international-turquoise {
  background: white !important;
  color: black !important;
}

.grid-container.color--mid-green .grid-box-topics:hover .topics-box__read-more-button .topics-box__button, .grid-box-topics:hover .topics-box__read-more-button .topics-box__button.color--mid-green, .grid-container.color--mid-green .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button.color--mid-green {
  background: white !important;
  color: black !important;
}

.grid-container.color--mid-orange .grid-box-topics:hover .topics-box__read-more-button .topics-box__button, .grid-box-topics:hover .topics-box__read-more-button .topics-box__button.color--mid-orange, .grid-container.color--mid-orange .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button.color--mid-orange {
  background: white !important;
  color: black !important;
}

.grid-container.color--mid-pink .grid-box-topics:hover .topics-box__read-more-button .topics-box__button, .grid-box-topics:hover .topics-box__read-more-button .topics-box__button.color--mid-pink, .grid-container.color--mid-pink .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button.color--mid-pink {
  background: white !important;
  color: black !important;
}

.grid-container.color--mid-red .grid-box-topics:hover .topics-box__read-more-button .topics-box__button, .grid-box-topics:hover .topics-box__read-more-button .topics-box__button.color--mid-red, .grid-container.color--mid-red .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button.color--mid-red {
  background: white !important;
  color: black !important;
}

.grid-container.color--mid-turquoise .grid-box-topics:hover .topics-box__read-more-button .topics-box__button, .grid-box-topics:hover .topics-box__read-more-button .topics-box__button.color--mid-turquoise, .grid-container.color--mid-turquoise .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button.color--mid-turquoise {
  background: white !important;
  color: black !important;
}

.grid-container.color--mid-yellow .grid-box-topics:hover .topics-box__read-more-button .topics-box__button, .grid-box-topics:hover .topics-box__read-more-button .topics-box__button.color--mid-yellow, .grid-container.color--mid-yellow .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button.color--mid-yellow {
  background: white !important;
  color: black !important;
}

.grid-container.color--myanmar-fonts .grid-box-topics:hover .topics-box__read-more-button .topics-box__button, .grid-box-topics:hover .topics-box__read-more-button .topics-box__button.color--myanmar-fonts, .grid-container.color--myanmar-fonts .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button.color--myanmar-fonts {
  background: white !important;
  color: black !important;
}

.grid-container.color--petrakelly-blue .grid-box-topics:hover .topics-box__read-more-button .topics-box__button, .grid-box-topics:hover .topics-box__read-more-button .topics-box__button.color--petrakelly-blue, .grid-container.color--petrakelly-blue .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button.color--petrakelly-blue {
  background: white !important;
  color: black !important;
}

.grid-container.color--petrakelly-green .grid-box-topics:hover .topics-box__read-more-button .topics-box__button, .grid-box-topics:hover .topics-box__read-more-button .topics-box__button.color--petrakelly-green, .grid-container.color--petrakelly-green .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button.color--petrakelly-green {
  background: white !important;
  color: black !important;
}

.grid-container.color--petrakelly-red .grid-box-topics:hover .topics-box__read-more-button .topics-box__button, .grid-box-topics:hover .topics-box__read-more-button .topics-box__button.color--petrakelly-red, .grid-container.color--petrakelly-red .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button.color--petrakelly-red {
  background: white !important;
  color: black !important;
}

.grid-container.color--state-blue .grid-box-topics:hover .topics-box__read-more-button .topics-box__button, .grid-box-topics:hover .topics-box__read-more-button .topics-box__button.color--state-blue, .grid-container.color--state-blue .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button.color--state-blue {
  background: white !important;
  color: black !important;
}

.grid-container.color--state-green .grid-box-topics:hover .topics-box__read-more-button .topics-box__button, .grid-box-topics:hover .topics-box__read-more-button .topics-box__button.color--state-green, .grid-container.color--state-green .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box-topics:focus-visible .topics-box__read-more-button .topics-box__button.color--state-green {
  background: white !important;
  color: black !important;
}

.topics-box__content-wrap {
  width: 100%;
}

.topics-box__content-wrap .topics-box__image img {
  width: 100%;
}

.topics-box__content-wrap .topics-box__content-bottom {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.topics-box__content-wrap .topics-box__teaser-wrap {
  max-height: 53%;
  width: 100%;
  opacity: 0.85;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
  -webkit-transition:all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

@media all and (min-width: 1024px) {
  .no-touchevents .topics-box__content-wrap .topics-box__teaser-wrap {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    max-height: 100%;
    opacity: 0;
    -webkit-box-ordinal-group: NaN;
    -webkit-order: initial;
        -ms-flex-order: initial;
            order: initial;
  }
}

.topics-box__content-wrap .topics-box__teaser {
  margin: 0;
  padding: 15px;
  font-weight: 700;
  color: white;
  letter-spacing: 0.5px;
}

@media all and (min-width: 760px) {
  .topics-box__content-wrap .topics-box__teaser {
    font-size: 1.0625rem;
  }
}

.topics-box__content-wrap .topics-box__read-more-button {
  width: 80%;
  max-width: 250px;
  z-index: 10;
  text-align: center;
  margin-bottom: 15px;
}

.topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  display: inline-block;
  text-decoration: none;
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.3;
  text-decoration: none;
  -webkit-padding-before: 12px;
          padding-block-start: 12px;
  -webkit-padding-after: 10px;
          padding-block-end: 10px;
  padding-inline: 15px;
  cursor: pointer;
  font-weight: 700;
  -webkit-transition:background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  font-size: 1rem;
  line-height: 1;
  background-color: #91c800;
  color: #333;
  width: 100%;
  padding: 12px;
  font-weight: 700 !important;
  font-size: 1.0625rem !important;
  border: none;
}

.topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #a3e200;
}

.grid-container.color--bildungswerk-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #203c89;
  color: #333;
}

.grid-container.color--bildungswerk-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--bildungswerk-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #25459e;
}

.grid-box.color--bildungswerk-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #203c89 !important;
  color: #333 !important;
}

.grid-box.color--bildungswerk-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--bildungswerk-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #25459e !important;
}

.grid-container.color--bildungswerk-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #198632;
  color: #333;
}

.grid-container.color--bildungswerk-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--bildungswerk-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #1d9b3a;
}

.grid-box.color--bildungswerk-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #198632 !important;
  color: #333 !important;
}

.grid-box.color--bildungswerk-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--bildungswerk-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #1d9b3a !important;
}

.grid-container.color--boell-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #0e307f;
  color: white !important;
}

.grid-container.color--boell-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--boell-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #0b2768;
}

.grid-box.color--boell-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #0e307f !important;
  color: white !important;
}

.grid-box.color--boell-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--boell-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #0b2768 !important;
}

.grid-container.color--boell-dark-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #45783a;
  color: white !important;
}

.grid-container.color--boell-dark-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--boell-dark-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #3b6732;
}

.grid-box.color--boell-dark-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #45783a !important;
  color: white !important;
}

.grid-box.color--boell-dark-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--boell-dark-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #3b6732 !important;
}

.grid-container.color--boell-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--boell-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--boell-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #a3e200;
}

.grid-box.color--boell-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--boell-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--boell-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--boell-orange .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #fd7232;
  color: #333;
}

.grid-container.color--boell-orange .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--boell-orange .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #fd834b;
}

.grid-box.color--boell-orange .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #fd7232 !important;
  color: #333 !important;
}

.grid-box.color--boell-orange .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--boell-orange .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #fd834b !important;
}

.grid-container.color--boell-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #cc0000;
  color: white !important;
}

.grid-container.color--boell-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--boell-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #b30000;
}

.grid-box.color--boell-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #cc0000 !important;
  color: white !important;
}

.grid-box.color--boell-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--boell-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #b30000 !important;
}

.grid-container.color--boell-turquoise .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #008599;
  color: white !important;
}

.grid-container.color--boell-turquoise .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--boell-turquoise .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #006f80;
}

.grid-box.color--boell-turquoise .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #008599 !important;
  color: white !important;
}

.grid-box.color--boell-turquoise .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--boell-turquoise .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #006f80 !important;
}

.grid-container.color--boell-gray .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #e2e2e2;
  color: #333;
}

.grid-container.color--boell-gray .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--boell-gray .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #efefef;
}

.grid-box.color--boell-gray .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #e2e2e2 !important;
  color: #333 !important;
}

.grid-box.color--boell-gray .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--boell-gray .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #efefef !important;
}

.grid-container.color--boell-yellow .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #fac32f;
  color: #333;
}

.grid-container.color--boell-yellow .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--boell-yellow .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #fbca48;
}

.grid-box.color--boell-yellow .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #fac32f !important;
  color: #333 !important;
}

.grid-box.color--boell-yellow .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--boell-yellow .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #fbca48 !important;
}

.grid-container.color--brandenburg-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #0064a7;
  color: white !important;
}

.grid-container.color--brandenburg-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--brandenburg-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #00558e;
}

.grid-box.color--brandenburg-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #0064a7 !important;
  color: white !important;
}

.grid-box.color--brandenburg-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--brandenburg-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #00558e !important;
}

.grid-container.color--brandenburg-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #95bb2e;
  color: #333;
}

.grid-container.color--brandenburg-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--brandenburg-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #a4cd35;
}

.grid-box.color--brandenburg-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #95bb2e !important;
  color: #333 !important;
}

.grid-box.color--brandenburg-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--brandenburg-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #a4cd35 !important;
}

.grid-container.color--brandenburg-orange .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #f8ad14;
  color: #333;
}

.grid-container.color--brandenburg-orange .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--brandenburg-orange .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #f9b62d;
}

.grid-box.color--brandenburg-orange .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #f8ad14 !important;
  color: #333 !important;
}

.grid-box.color--brandenburg-orange .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--brandenburg-orange .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #f9b62d !important;
}

.grid-container.color--brandenburg-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #e02d34;
  color: #333;
}

.grid-container.color--brandenburg-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--brandenburg-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #e34349;
}

.grid-box.color--brandenburg-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #e02d34 !important;
  color: #333 !important;
}

.grid-box.color--brandenburg-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--brandenburg-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #e34349 !important;
}

.grid-container.color--greencampus-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #6bb232;
  color: #333;
}

.grid-container.color--greencampus-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--greencampus-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #77c638;
}

.grid-box.color--greencampus-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #6bb232 !important;
  color: #333 !important;
}

.grid-box.color--greencampus-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--greencampus-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #77c638 !important;
}

.grid-container.color--gwi-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #E70457;
  color: white !important;
}

.grid-container.color--gwi-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--gwi-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #ce044e;
}

.grid-box.color--gwi-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #E70457 !important;
  color: white !important;
}

.grid-box.color--gwi-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--gwi-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #ce044e !important;
}

.grid-container.color--gwi-turquoise .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #3a9192;
  color: white !important;
}

.grid-container.color--gwi-turquoise .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--gwi-turquoise .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #337f80;
}

.grid-box.color--gwi-turquoise .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #3a9192 !important;
  color: white !important;
}

.grid-box.color--gwi-turquoise .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--gwi-turquoise .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #337f80 !important;
}

.grid-container.color--infohub-plastic .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #3B49BC;
  color: white !important;
}

.grid-container.color--infohub-plastic .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--infohub-plastic .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #3541a9;
}

.grid-box.color--infohub-plastic .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #3B49BC !important;
  color: white !important;
}

.grid-box.color--infohub-plastic .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--infohub-plastic .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #3541a9 !important;
}

.grid-container.color--international-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--international-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--international-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #a3e200;
}

.grid-box.color--international-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--international-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--international-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--international-orange .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #fd7232;
  color: #333;
}

.grid-container.color--international-orange .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--international-orange .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #fd834b;
}

.grid-box.color--international-orange .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #fd7232 !important;
  color: #333 !important;
}

.grid-box.color--international-orange .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--international-orange .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #fd834b !important;
}

.grid-container.color--international-turquoise .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #008599;
  color: #333;
}

.grid-container.color--international-turquoise .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--international-turquoise .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #009bb3;
}

.grid-box.color--international-turquoise .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #008599 !important;
  color: #333 !important;
}

.grid-box.color--international-turquoise .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--international-turquoise .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #009bb3 !important;
}

.grid-container.color--mid-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--mid-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--mid-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #a3e200;
}

.grid-box.color--mid-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--mid-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--mid-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--mid-orange .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #fd7232;
  color: #333;
}

.grid-container.color--mid-orange .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--mid-orange .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #fd834b;
}

.grid-box.color--mid-orange .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #fd7232 !important;
  color: #333 !important;
}

.grid-box.color--mid-orange .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--mid-orange .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #fd834b !important;
}

.grid-container.color--mid-pink .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #e075ac;
  color: #333;
}

.grid-container.color--mid-pink .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--mid-pink .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #e58ab9;
}

.grid-box.color--mid-pink .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #e075ac !important;
  color: #333 !important;
}

.grid-box.color--mid-pink .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--mid-pink .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #e58ab9 !important;
}

.grid-container.color--mid-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #cc0000;
  color: #333;
}

.grid-container.color--mid-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--mid-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #e60000;
}

.grid-box.color--mid-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #cc0000 !important;
  color: #333 !important;
}

.grid-box.color--mid-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--mid-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #e60000 !important;
}

.grid-container.color--mid-turquoise .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #66cbcc;
  color: #333;
}

.grid-container.color--mid-turquoise .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--mid-turquoise .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #79d2d2;
}

.grid-box.color--mid-turquoise .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #66cbcc !important;
  color: #333 !important;
}

.grid-box.color--mid-turquoise .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--mid-turquoise .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #79d2d2 !important;
}

.grid-container.color--mid-yellow .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #fac32f;
  color: #333;
}

.grid-container.color--mid-yellow .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--mid-yellow .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #fbca48;
}

.grid-box.color--mid-yellow .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #fac32f !important;
  color: #333 !important;
}

.grid-box.color--mid-yellow .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--mid-yellow .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #fbca48 !important;
}

.grid-container.color--myanmar-fonts .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--myanmar-fonts .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--myanmar-fonts .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #a3e200;
}

.grid-box.color--myanmar-fonts .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--myanmar-fonts .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--myanmar-fonts .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--petrakelly-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #2c4081;
  color: white !important;
}

.grid-container.color--petrakelly-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--petrakelly-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #26376e;
}

.grid-box.color--petrakelly-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #2c4081 !important;
  color: white !important;
}

.grid-box.color--petrakelly-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--petrakelly-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #26376e !important;
}

.grid-container.color--petrakelly-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #008445;
  color: #333;
}

.grid-container.color--petrakelly-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--petrakelly-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #009e52;
}

.grid-box.color--petrakelly-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #008445 !important;
  color: #333 !important;
}

.grid-box.color--petrakelly-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--petrakelly-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #009e52 !important;
}

.grid-container.color--petrakelly-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #cb322d;
  color: #333;
}

.grid-container.color--petrakelly-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--petrakelly-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #d4423d;
}

.grid-box.color--petrakelly-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #cb322d !important;
  color: #333 !important;
}

.grid-box.color--petrakelly-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--petrakelly-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #d4423d !important;
}

.grid-container.color--state-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #0e307f;
  color: white !important;
}

.grid-container.color--state-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--state-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #0b2768;
}

.grid-box.color--state-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #0e307f !important;
  color: white !important;
}

.grid-box.color--state-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--state-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #0b2768 !important;
}

.grid-container.color--state-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--state-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--state-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #a3e200;
}

.grid-box.color--state-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--state-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--state-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: #a3e200 !important;
}

.topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: white !important;
  color: black !important;
}

.grid-container.color--bildungswerk-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--bildungswerk-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--bildungswerk-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible, .grid-box.color--bildungswerk-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: white !important;
  color: black !important;
}

.grid-container.color--bildungswerk-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--bildungswerk-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--bildungswerk-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible, .grid-box.color--bildungswerk-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: white !important;
  color: black !important;
}

.grid-container.color--boell-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--boell-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--boell-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible, .grid-box.color--boell-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: white !important;
  color: black !important;
}

.grid-container.color--boell-dark-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--boell-dark-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--boell-dark-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible, .grid-box.color--boell-dark-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: white !important;
  color: black !important;
}

.grid-container.color--boell-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--boell-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--boell-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible, .grid-box.color--boell-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: white !important;
  color: black !important;
}

.grid-container.color--boell-orange .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--boell-orange .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--boell-orange .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible, .grid-box.color--boell-orange .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: white !important;
  color: black !important;
}

.grid-container.color--boell-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--boell-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--boell-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible, .grid-box.color--boell-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: white !important;
  color: black !important;
}

.grid-container.color--boell-turquoise .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--boell-turquoise .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--boell-turquoise .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible, .grid-box.color--boell-turquoise .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: white !important;
  color: black !important;
}

.grid-container.color--boell-gray .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--boell-gray .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--boell-gray .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible, .grid-box.color--boell-gray .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: white !important;
  color: black !important;
}

.grid-container.color--boell-yellow .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--boell-yellow .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--boell-yellow .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible, .grid-box.color--boell-yellow .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: white !important;
  color: black !important;
}

.grid-container.color--brandenburg-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--brandenburg-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--brandenburg-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible, .grid-box.color--brandenburg-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: white !important;
  color: black !important;
}

.grid-container.color--brandenburg-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--brandenburg-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--brandenburg-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible, .grid-box.color--brandenburg-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: white !important;
  color: black !important;
}

.grid-container.color--brandenburg-orange .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--brandenburg-orange .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--brandenburg-orange .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible, .grid-box.color--brandenburg-orange .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: white !important;
  color: black !important;
}

.grid-container.color--brandenburg-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--brandenburg-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--brandenburg-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible, .grid-box.color--brandenburg-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: white !important;
  color: black !important;
}

.grid-container.color--greencampus-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--greencampus-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--greencampus-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible, .grid-box.color--greencampus-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: white !important;
  color: black !important;
}

.grid-container.color--gwi-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--gwi-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--gwi-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible, .grid-box.color--gwi-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: white !important;
  color: black !important;
}

.grid-container.color--gwi-turquoise .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--gwi-turquoise .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--gwi-turquoise .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible, .grid-box.color--gwi-turquoise .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: white !important;
  color: black !important;
}

.grid-container.color--infohub-plastic .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--infohub-plastic .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--infohub-plastic .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible, .grid-box.color--infohub-plastic .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: white !important;
  color: black !important;
}

.grid-container.color--international-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--international-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--international-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible, .grid-box.color--international-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: white !important;
  color: black !important;
}

.grid-container.color--international-orange .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--international-orange .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--international-orange .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible, .grid-box.color--international-orange .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: white !important;
  color: black !important;
}

.grid-container.color--international-turquoise .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--international-turquoise .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--international-turquoise .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible, .grid-box.color--international-turquoise .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: white !important;
  color: black !important;
}

.grid-container.color--mid-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--mid-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--mid-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible, .grid-box.color--mid-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: white !important;
  color: black !important;
}

.grid-container.color--mid-orange .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--mid-orange .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--mid-orange .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible, .grid-box.color--mid-orange .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: white !important;
  color: black !important;
}

.grid-container.color--mid-pink .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--mid-pink .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--mid-pink .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible, .grid-box.color--mid-pink .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: white !important;
  color: black !important;
}

.grid-container.color--mid-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--mid-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--mid-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible, .grid-box.color--mid-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: white !important;
  color: black !important;
}

.grid-container.color--mid-turquoise .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--mid-turquoise .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--mid-turquoise .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible, .grid-box.color--mid-turquoise .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: white !important;
  color: black !important;
}

.grid-container.color--mid-yellow .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--mid-yellow .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--mid-yellow .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible, .grid-box.color--mid-yellow .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: white !important;
  color: black !important;
}

.grid-container.color--myanmar-fonts .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--myanmar-fonts .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--myanmar-fonts .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible, .grid-box.color--myanmar-fonts .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: white !important;
  color: black !important;
}

.grid-container.color--petrakelly-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--petrakelly-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--petrakelly-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible, .grid-box.color--petrakelly-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: white !important;
  color: black !important;
}

.grid-container.color--petrakelly-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--petrakelly-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--petrakelly-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible, .grid-box.color--petrakelly-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: white !important;
  color: black !important;
}

.grid-container.color--petrakelly-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--petrakelly-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--petrakelly-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible, .grid-box.color--petrakelly-red .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: white !important;
  color: black !important;
}

.grid-container.color--state-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--state-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--state-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible, .grid-box.color--state-blue .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: white !important;
  color: black !important;
}

.grid-container.color--state-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-box.color--state-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:hover, .grid-container.color--state-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible, .grid-box.color--state-green .topics-box__content-wrap .topics-box__read-more-button .topics-box__button:focus-visible {
  background: white !important;
  color: black !important;
}

.topics-box__content-wrap:hover .topics-box__teaser-wrap, .topics-box__content-wrap:focus-visible .topics-box__teaser-wrap {
  opacity: 1;
}

.topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button {
  background: white !important;
  color: black !important;
}

.grid-container.color--bildungswerk-blue .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-box.color--bildungswerk-blue .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-container.color--bildungswerk-blue .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box.color--bildungswerk-blue .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button {
  background: white !important;
  color: black !important;
}

.grid-container.color--bildungswerk-green .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-box.color--bildungswerk-green .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-container.color--bildungswerk-green .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box.color--bildungswerk-green .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button {
  background: white !important;
  color: black !important;
}

.grid-container.color--boell-blue .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-box.color--boell-blue .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-container.color--boell-blue .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box.color--boell-blue .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button {
  background: white !important;
  color: black !important;
}

.grid-container.color--boell-dark-green .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-box.color--boell-dark-green .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-container.color--boell-dark-green .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box.color--boell-dark-green .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button {
  background: white !important;
  color: black !important;
}

.grid-container.color--boell-green .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-box.color--boell-green .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-container.color--boell-green .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box.color--boell-green .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button {
  background: white !important;
  color: black !important;
}

.grid-container.color--boell-orange .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-box.color--boell-orange .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-container.color--boell-orange .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box.color--boell-orange .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button {
  background: white !important;
  color: black !important;
}

.grid-container.color--boell-red .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-box.color--boell-red .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-container.color--boell-red .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box.color--boell-red .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button {
  background: white !important;
  color: black !important;
}

.grid-container.color--boell-turquoise .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-box.color--boell-turquoise .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-container.color--boell-turquoise .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box.color--boell-turquoise .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button {
  background: white !important;
  color: black !important;
}

.grid-container.color--boell-gray .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-box.color--boell-gray .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-container.color--boell-gray .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box.color--boell-gray .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button {
  background: white !important;
  color: black !important;
}

.grid-container.color--boell-yellow .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-box.color--boell-yellow .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-container.color--boell-yellow .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box.color--boell-yellow .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button {
  background: white !important;
  color: black !important;
}

.grid-container.color--brandenburg-blue .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-box.color--brandenburg-blue .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-container.color--brandenburg-blue .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box.color--brandenburg-blue .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button {
  background: white !important;
  color: black !important;
}

.grid-container.color--brandenburg-green .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-box.color--brandenburg-green .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-container.color--brandenburg-green .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box.color--brandenburg-green .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button {
  background: white !important;
  color: black !important;
}

.grid-container.color--brandenburg-orange .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-box.color--brandenburg-orange .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-container.color--brandenburg-orange .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box.color--brandenburg-orange .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button {
  background: white !important;
  color: black !important;
}

.grid-container.color--brandenburg-red .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-box.color--brandenburg-red .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-container.color--brandenburg-red .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box.color--brandenburg-red .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button {
  background: white !important;
  color: black !important;
}

.grid-container.color--greencampus-green .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-box.color--greencampus-green .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-container.color--greencampus-green .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box.color--greencampus-green .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button {
  background: white !important;
  color: black !important;
}

.grid-container.color--gwi-red .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-box.color--gwi-red .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-container.color--gwi-red .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box.color--gwi-red .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button {
  background: white !important;
  color: black !important;
}

.grid-container.color--gwi-turquoise .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-box.color--gwi-turquoise .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-container.color--gwi-turquoise .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box.color--gwi-turquoise .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button {
  background: white !important;
  color: black !important;
}

.grid-container.color--infohub-plastic .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-box.color--infohub-plastic .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-container.color--infohub-plastic .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box.color--infohub-plastic .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button {
  background: white !important;
  color: black !important;
}

.grid-container.color--international-green .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-box.color--international-green .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-container.color--international-green .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box.color--international-green .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button {
  background: white !important;
  color: black !important;
}

.grid-container.color--international-orange .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-box.color--international-orange .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-container.color--international-orange .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box.color--international-orange .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button {
  background: white !important;
  color: black !important;
}

.grid-container.color--international-turquoise .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-box.color--international-turquoise .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-container.color--international-turquoise .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box.color--international-turquoise .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button {
  background: white !important;
  color: black !important;
}

.grid-container.color--mid-green .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-box.color--mid-green .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-container.color--mid-green .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box.color--mid-green .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button {
  background: white !important;
  color: black !important;
}

.grid-container.color--mid-orange .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-box.color--mid-orange .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-container.color--mid-orange .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box.color--mid-orange .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button {
  background: white !important;
  color: black !important;
}

.grid-container.color--mid-pink .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-box.color--mid-pink .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-container.color--mid-pink .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box.color--mid-pink .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button {
  background: white !important;
  color: black !important;
}

.grid-container.color--mid-red .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-box.color--mid-red .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-container.color--mid-red .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box.color--mid-red .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button {
  background: white !important;
  color: black !important;
}

.grid-container.color--mid-turquoise .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-box.color--mid-turquoise .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-container.color--mid-turquoise .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box.color--mid-turquoise .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button {
  background: white !important;
  color: black !important;
}

.grid-container.color--mid-yellow .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-box.color--mid-yellow .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-container.color--mid-yellow .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box.color--mid-yellow .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button {
  background: white !important;
  color: black !important;
}

.grid-container.color--myanmar-fonts .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-box.color--myanmar-fonts .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-container.color--myanmar-fonts .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box.color--myanmar-fonts .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button {
  background: white !important;
  color: black !important;
}

.grid-container.color--petrakelly-blue .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-box.color--petrakelly-blue .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-container.color--petrakelly-blue .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box.color--petrakelly-blue .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button {
  background: white !important;
  color: black !important;
}

.grid-container.color--petrakelly-green .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-box.color--petrakelly-green .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-container.color--petrakelly-green .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box.color--petrakelly-green .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button {
  background: white !important;
  color: black !important;
}

.grid-container.color--petrakelly-red .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-box.color--petrakelly-red .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-container.color--petrakelly-red .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box.color--petrakelly-red .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button {
  background: white !important;
  color: black !important;
}

.grid-container.color--state-blue .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-box.color--state-blue .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-container.color--state-blue .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box.color--state-blue .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button {
  background: white !important;
  color: black !important;
}

.grid-container.color--state-green .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-box.color--state-green .topics-box__content-wrap:hover .topics-box__read-more-button .topics-box__button, .grid-container.color--state-green .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button, .grid-box.color--state-green .topics-box__content-wrap:focus-visible .topics-box__read-more-button .topics-box__button {
  background: white !important;
  color: black !important;
}

.grid-topics__overview {
  width: 100%;
  display: inline-block;
  margin-bottom: 56px;
}

.grid-topics__overview .grid-topics__title {
  text-align: left;
}

html[dir="rtl"] .grid-topics__overview .grid-topics__title {
  text-align: right;
}

.grid-topics__overview .grid-topics__list * {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.grid-topics__overview .grid-topics__list p {
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  text-align: start;
  line-height: 2.5;
  font-size: 1.125rem;
}

@media all and (min-width: 760px) {
  .grid-topics__overview .grid-topics__list p {
    text-align: justify;
  }
}

.grid-topics__overview .grid-topics__list p .grid-topics__letter {
  font-style: normal;
  font-weight: bold;
  color: black;
  margin-right: 25px;
}

.grid-topics__overview .grid-topics__list p .grid-topics__link {
  margin-right: 25px;
  text-decoration: none;
}

.grid-topics__overview .grid-topics__list p .has-marker:after {
  content: "|";
  margin-left: 10px;
  margin-right: -15px;
}

html[dir="rtl"] .grid-topics__overview .grid-topics__list p .has-marker:after {
  margin-right: 10px;
  margin-left: -15px;
}

.grid-container-topics--gray-background {
  box-shadow: 80px 0 0 40px #EBEBEB;
  background: #EBEBEB;
}

.grid-container-topics--gray-background .grid-container-content {
  box-shadow: -80px 0px 0px 40px #EBEBEB;
}

.grid-container-topics--gray-background .grid-slot {
  background: #EBEBEB;
}

.grid-container-topics--gray-background + .grid-container:not(.grid-container-topics--gray-background) {
  padding-top: 56px;
}

.grid-container--carousel {
  padding-left: 1.8rem;
  padding-right: 1.8rem;
}

.grid-container--carousel .grid-slots-wrapper {
  margin-bottom: 25px;
}

.grid-container--carousel .splide .splide__arrow {
  -webkit-transition:opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

@media all and (min-width: 1220px) {
  .grid-container--carousel .splide .splide__arrows .splide__arrow--prev {
    left: -50px;
  }
  .grid-container--carousel .splide .splide__arrows .splide__arrow--next {
    right: -50px;
  }
}

.grid-container--carousel .splide .splide__pagination {
  bottom: -25px;
}

.grid-container--carousel .splide .splide__pagination .splide__pagination__page {
  -webkit-transition:background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  opacity: 1;
}

.grid-container--carousel .splide .splide__pagination .splide__pagination__page:hover, .grid-container--carousel .splide .splide__pagination .splide__pagination__page:focus-visible, .grid-container--carousel .splide .splide__pagination .splide__pagination__page:active, .grid-container--carousel .splide .splide__pagination .splide__pagination__page.is-active, .grid-container--carousel .splide .splide__pagination .splide__pagination__page.hamburger[aria-expanded='true'] {
  background: #7c7c7c;
}

@media all and (min-width: 0) and (max-width: 759.97px) {
  .grid-container--carousel .splide .splide__arrow {
    background: white;
  }
}

/* This CSS is for the first type of Facettes used in the Calendar and Mediathekes */
.route-view-facets-facetsearch #wrap-facets {
  position: relative;
}

.route-view-facets-facetsearch #wrap-facets #facet-active-list {
  margin-bottom: 3rem;
  padding-top: 1rem;
}

.route-view-facets-facetsearch #wrap-facets #facet-active-list .remove-filters {
  display: none;
}

.route-view-facets-facetsearch #wrap-facets .block-facet--checkbox.open ~ #facet-active-list {
  padding: .75rem .5rem .2rem .5rem;
}

.route-view-facets-facetsearch #wrap-facets .block-facet--checkbox.open ~ #facet-active-list:not(empty) {
  border-top: none;
}

.route-view-facets-facetsearch #wrap-facets .block-facet--checkbox.open ~ #facet-active-list.empty {
  background-color: transparent;
  border: none;
}

.route-view-facets-facetsearch #wrap-facets #facet-filter-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  padding: 0 16px 0;
  text-align: center;
  border-bottom: 0;
}

.route-view-facets-facetsearch #wrap-facets #facet-filter-list button {
  position: relative;
  white-space: nowrap;
  border: none;
  border-bottom: 6px solid transparent;
  padding: 8px 2px 0 2px;
  margin: 0 0 4px 5px;
  font-size: 0.9375rem;
  -webkit-flex-basis: calc(100% - 20px);
      -ms-flex-preferred-size: calc(100% - 20px);
          flex-basis: calc(100% - 20px);
  height: 44px;
  background-color: #fff;
}

.route-view-facets-facetsearch #wrap-facets #facet-filter-list button:focus:not(:focus-visible) {
  outline: none;
}

.route-view-facets-facetsearch #wrap-facets #facet-filter-list button:disabled {
  height: 47px;
}

.route-view-facets-facetsearch #wrap-facets #facet-filter-list button:after {
  content: "▾";
  display: inline-block;
  margin: 0 0 0 4px;
  -webkit-transition:-webkit-transform .5s;
  transition:-webkit-transform .5s;
  transition:transform .5s;
  transition: transform .5s, -webkit-transform .5s;
  -webkit-transform-origin: 50% 55%;
      -ms-transform-origin: 50% 55%;
          transform-origin: 50% 55%;
}

.route-view-facets-facetsearch #wrap-facets #facet-filter-list button[disabled=disabled]:hover, .route-view-facets-facetsearch #wrap-facets #facet-filter-list button[disabled=disabled]:focus-visible {
  border-bottom: none;
  cursor: auto;
}

.route-view-facets-facetsearch #wrap-facets #facet-filter-list button[disabled=disabled]:after {
  display: none;
}

.route-view-facets-facetsearch #wrap-facets #facet-filter-list button:hover, .route-view-facets-facetsearch #wrap-facets #facet-filter-list button:focus-visible {
  cursor: pointer;
  border-bottom: 6px solid #008599;
}

.route-view-facets-facetsearch #wrap-facets #facet-filter-list button.active {
  font-weight: 400;
  border-bottom: 6px solid #f1f1f1;
}

.route-view-facets-facetsearch #wrap-facets #facet-filter-list button.active:after {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
  position: relative;
}

.route-view-facets-facetsearch #wrap-facets .block-facet--checkbox {
  margin: 0;
  padding: 0;
}

.route-view-facets-facetsearch #wrap-facets .block-facet--checkbox h2 {
  display: none;
}

.route-view-facets-facetsearch #wrap-facets .block-facet--checkbox .facets-widget-checkbox {
  padding-top: 20px;
  padding-bottom: 10px;
  margin-bottom: 0;
  margin-top: 0;
}

.route-view-facets-facetsearch #wrap-facets .block-facet--checkbox .facets-widget-checkbox ul {
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 0;
}

.route-view-facets-facetsearch .facet-item {
  display: inline-block;
  font-size: 0.9375rem;
  list-style: none;
  margin-left: 10px;
  padding-bottom: 10px;
}

.route-view-facets-facetsearch .facet-item input[type=checkbox] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.route-view-facets-facetsearch .facet-item input[type=checkbox] + label {
  border-radius: 4px;
  border: 2px solid #91c800;
  cursor: pointer;
  display: inline-block;
  padding: 10px 14px 6px 14px;
}

.route-view-facets-facetsearch .facet-item input[type=checkbox] + label:hover, .route-view-facets-facetsearch .facet-item input[type=checkbox] + label:focus-visible, .route-view-facets-facetsearch .facet-item input[type=checkbox] + label:active {
  background-color: #7faf00;
}

.route-view-facets-facetsearch .facet-item input[type=checkbox]:checked + label {
  background-color: #7faf00;
  padding: 10px 14px 6px 14px;
  border-radius: 4px;
  cursor: pointer;
}

.route-view-facets-facetsearch .facet-item input[type=checkbox]:checked + label:before {
  padding: 0 6px;
  display: inline-block;
  content: " x ";
}

.route-view-facets-facetsearch .facet-item.site-filter {
  display: block;
  margin-top: -.85rem;
  margin-bottom: 1.637rem;
  margin-left: 0;
  font-size: 1.375rem;
}

.route-view-facets-facetsearch .facet-item.site-filter input[type=checkbox]:checked + label {
  background: transparent;
  color: #c82da0;
  border: 2px solid #999;
  padding-top: 9px;
  font-size: calc(1rem + 1.2vw);
  font-weight: 700;
}

.route-view-facets-facetsearch #block-facet-search-block .form--inline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media all and (min-width: 760px) {
  .route-view-facets-facetsearch #block-facet-search-block .form--inline {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.route-view-facets-facetsearch #block-facet-search-block .form--inline #edit-submit-facets {
  padding: 9px 30px 6px 30px;
  margin-top: 10px;
}

@media all and (min-width: 760px) {
  .route-view-facets-facetsearch #block-facet-search-block .form--inline #edit-submit-facets {
    margin: 0 0 0 10px;
  }
}

.route-view-facets-facetsearch .theodor-view--facets .block-facets .item-list__checkbox {
  padding-left: 0;
}

.route-view-facets-facetsearch .theodor-view--facets .block-facets > h2 {
  font-weight: 600;
  font-size: 1.25rem;
}

/* This CSS is for the second type of Facettes used in 2024 Publications Page */
.route-entity-taxonomyterm-canonical,
.route-view-productpage-page1 {
  /* Displaye Results at all */
}

.route-entity-taxonomyterm-canonical .view-publication-facets-type-two h2,
.route-entity-taxonomyterm-canonical .view-publication-facets-type-two .contextual,
.route-view-productpage-page1 .view-publication-facets-type-two h2,
.route-view-productpage-page1 .view-publication-facets-type-two .contextual {
  display: none;
}

.route-entity-taxonomyterm-canonical .view-publication-facets-searchform,
.route-view-productpage-page1 .view-publication-facets-searchform {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-top: 0.4rem;
}

.route-entity-taxonomyterm-canonical .view-publication-facets-searchform .form--inline,
.route-view-productpage-page1 .view-publication-facets-searchform .form--inline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid var(--brand-colors-black-1);
  height: 40px;
}

.route-entity-taxonomyterm-canonical .view-publication-facets-searchform .form-type-textfield,
.route-view-productpage-page1 .view-publication-facets-searchform .form-type-textfield {
  display: block;
  margin-right: 0.875rem;
  width: 100%;
}

.route-entity-taxonomyterm-canonical .view-publication-facets-searchform .form-text,
.route-view-productpage-page1 .view-publication-facets-searchform .form-text {
  display: block;
  border: none;
  background-color: transparent;
  width: 100%;
  height: 100%;
  font-size: 1.25rem;
}

.route-entity-taxonomyterm-canonical .view-publication-facets-searchform .form-submit,
.route-view-productpage-page1 .view-publication-facets-searchform .form-submit {
  display: block;
  border: none;
  background-color: transparent;
  color: var(--brand-colors-gray-dark-2);
  font-weight: 500;
  height: 100%;
  padding-top: 0.5rem;
  background-image: url("/themes/theodor/images/magnifying-glass.svg");
  font-size: 0;
  background-repeat: no-repeat;
  background-position-y: 4px;
}

.route-entity-taxonomyterm-canonical .block-views-exposed-filter-blockproductpage-page-1,
.route-view-productpage-page1 .block-views-exposed-filter-blockproductpage-page-1 {
  width: 80%;
  padding-bottom: 0.5rem;
}

.route-entity-taxonomyterm-canonical .facets-widget-checkbox ul,
.route-view-productpage-page1 .facets-widget-checkbox ul {
  list-style-type: none;
  padding-left: 0;
}

.route-entity-taxonomyterm-canonical .facet-item,
.route-view-productpage-page1 .facet-item {
  line-height: 2rem;
}

.route-entity-taxonomyterm-canonical .facet-item__value,
.route-view-productpage-page1 .facet-item__value {
  margin-left: 1rem;
  position: relative;
  top: -0.063rem;
}

.route-entity-taxonomyterm-canonical .view-publication-facets-wrapper.inactive,
.route-view-productpage-page1 .view-publication-facets-wrapper.inactive {
  display: none;
}

.route-entity-taxonomyterm-canonical .view-publication-facets-wrapper,
.route-view-productpage-page1 .view-publication-facets-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  background-color: var(--brand-colors-gray-light-2b);
  padding: 1.75rem;
}

.route-entity-taxonomyterm-canonical .view-publication-facets-section,
.route-view-productpage-page1 .view-publication-facets-section {
  width: 30%;
  margin-right: 1.75rem;
}

.route-entity-taxonomyterm-canonical .view-publication-facets-section h3,
.route-view-productpage-page1 .view-publication-facets-section h3 {
  text-transform: uppercase;
}

.route-entity-taxonomyterm-canonical .view-publication-facets-section:last-child,
.route-view-productpage-page1 .view-publication-facets-section:last-child {
  margin-right: 1.75rem;
}

.route-entity-taxonomyterm-canonical .view-publication-facets-filter-button,
.route-view-productpage-page1 .view-publication-facets-filter-button {
  width: 20%;
  padding: 0.5rem;
  padding-top: 0.4rem;
  margin-top: 0;
  margin-left: 0.875rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 40px;
  cursor: pointer;
}

.route-entity-taxonomyterm-canonical .view-publication-facets-filter-button.inactive,
.route-view-productpage-page1 .view-publication-facets-filter-button.inactive {
  border: 1px solid var(--brand-colors-black-1);
}

.route-entity-taxonomyterm-canonical .view-publication-facets-filter-button.inactive > .active,
.route-view-productpage-page1 .view-publication-facets-filter-button.inactive > .active {
  display: none;
}

.route-entity-taxonomyterm-canonical .view-publication-facets-filter-button.inactive > .inactive,
.route-view-productpage-page1 .view-publication-facets-filter-button.inactive > .inactive {
  display: inline-block;
}

.route-entity-taxonomyterm-canonical .view-publication-facets-filter-button.active,
.route-view-productpage-page1 .view-publication-facets-filter-button.active {
  background-color: var(--brand-colors-gray-light-2b);
  border: 1px solid var(--brand-colors-gray-light-2b);
}

.route-entity-taxonomyterm-canonical .view-publication-facets-filter-button.active > .active,
.route-view-productpage-page1 .view-publication-facets-filter-button.active > .active {
  display: inline-block;
}

.route-entity-taxonomyterm-canonical .view-publication-facets-filter-button.active > .inactive,
.route-view-productpage-page1 .view-publication-facets-filter-button.active > .inactive {
  display: none;
}

.route-entity-taxonomyterm-canonical .view-publication-facets-filter-button-label,
.route-view-productpage-page1 .view-publication-facets-filter-button-label {
  padding-top: 1px;
  font-size: 1.25rem;
  font-weight: bold;
}

.route-entity-taxonomyterm-canonical .view-publication-facets-filter-button-icon,
.route-view-productpage-page1 .view-publication-facets-filter-button-icon {
  height: 2rem;
  padding-top: 0.1rem;
}

.route-entity-taxonomyterm-canonical .view-publication-facets-selected-filter-item,
.route-view-productpage-page1 .view-publication-facets-selected-filter-item {
  display: inline-block;
  border: 1px solid var(--brand-colors-black-1);
  padding: 0.1rem 0.2rem;
  margin-top: 1.75rem;
  margin-right: 0.875rem;
}

.route-entity-taxonomyterm-canonical .view-publication-facets-selected-filter-item:hover,
.route-view-productpage-page1 .view-publication-facets-selected-filter-item:hover {
  background-color: var(--brand-colors-gray-dark-2);
  color: var(--brand-colors-gray-light-3);
  cursor: pointer;
}

.route-entity-taxonomyterm-canonical .view-publication-facets-selected-filter-item .remover,
.route-view-productpage-page1 .view-publication-facets-selected-filter-item .remover {
  border: 1px solid transparent;
  display: inline-block;
  line-height: 0.6rem;
}

.route-entity-taxonomyterm-canonical .view-publication-facets-selected-filter-item:hover .remover,
.route-view-productpage-page1 .view-publication-facets-selected-filter-item:hover .remover {
  border: 1px solid var(--brand-colors-gray-light-3);
  line-height: 0.6rem;
}

.route-entity-taxonomyterm-canonical .view-publication-facets-selected-filter-delete-all,
.route-view-productpage-page1 .view-publication-facets-selected-filter-delete-all {
  display: inline-block;
  text-decoration: underline;
}

.route-entity-taxonomyterm-canonical .view-publication-facets-selected-filter-delete-all:hover,
.route-view-productpage-page1 .view-publication-facets-selected-filter-delete-all:hover {
  cursor: pointer;
}

.route-entity-taxonomyterm-canonical .views-element-container .view-id-productpage .view-header,
.route-view-productpage-page1 .views-element-container .view-id-productpage .view-header {
  text-align: center;
  font-size: 1.25rem;
  margin-bottom: 1.75rem;
}

.route-entity-taxonomyterm-canonical .views-element-container .view-id-productpage .view-header,
.route-entity-taxonomyterm-canonical .views-element-container .view-id-productpage .view-content,
.route-entity-taxonomyterm-canonical .views-element-container .view-id-productpage .pager,
.route-view-productpage-page1 .views-element-container .view-id-productpage .view-header,
.route-view-productpage-page1 .views-element-container .view-id-productpage .view-content,
.route-view-productpage-page1 .views-element-container .view-id-productpage .pager {
  display: none;
}

.theodor-view--taxonomy-term .block-boell-publications-search {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.theodor-view--taxonomy-term .block-boell-publications-search .block-views-exposed-filter-blockproductpage-page-1 {
  width: 100%;
}

.site-header-search__open-icon {
  display: block;
  margin-top: -13px;
}

.site-header-search__open-icon:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e902";
  font-size: 2em;
  color: #75A300;
}

#block-site-header-search #edit-submit-search {
  background: transparent;
  color: #666;
}

.search-api-autocomplete-suggestion {
  text-transform: capitalize;
}

/* Site Search */
.site-header-search {
  margin: 0;
  position: absolute;
  top: 24px;
  z-index: 10;
}

html[dir="ltr"] .site-header-search {
  right: 0;
}

html[dir="rtl"] .site-header-search {
  left: 0;
}

.site-header-search .contextual {
  display: none;
}

.site-header-search--expanded {
  box-shadow: 10px 0 0 18px white;
  background-color: white;
  position: absolute;
  right: 0;
  width: 100%;
  top: 20px;
}

@media all and (min-width: 760px) {
  .site-header-search--expanded {
    top: 32px;
    width: calc(100% - 422px);
  }
}

@media all and (min-width: 1220px) {
  .site-header-search--expanded {
    width: calc(100% - 360px);
  }
}

.site-header-search__form {
  display: none;
  width: calc(100% - 40px);
}

.site-header-search__form label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.site-header-search__form .form--inline, .site-header-search__form.form--inline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.site-header-search__form .form-text {
  display: block;
  background-color: white;
  border: 1px solid #f1f1f1;
  font-size: 1rem;
  height: 40px;
  line-height: 1;
  padding: 4px 26px 0 10px;
}

.site-header-search__form .form-text::-webkit-input-placeholder {
  font-size: 1rem;
}

.site-header-search__form .form-text::-moz-placeholder {
  font-size: 1rem;
}

.site-header-search__form .form-text:-ms-input-placeholder {
  font-size: 1rem;
}

.site-header-search__form .form-text::placeholder {
  font-size: 1rem;
}

@media all and (min-width: 760px) {
  .site-header-search__form .form-text {
    font-size: 1.125rem;
  }
  .site-header-search__form .form-text::-webkit-input-placeholder {
    font-size: 1.125rem;
  }
  .site-header-search__form .form-text::-moz-placeholder {
    font-size: 1.125rem;
  }
  .site-header-search__form .form-text:-ms-input-placeholder {
    font-size: 1.125rem;
  }
  .site-header-search__form .form-text::placeholder {
    font-size: 1.125rem;
  }
}

.site-header-search__form .form-select {
  -webkit-appearance: none;
  background-color: white;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6' viewBox='0 0 9 6'%3E%3Cpath fill='none' fill-rule='evenodd' stroke='%23666' stroke-linecap='round' stroke-linejoin='round' d='M8.518.527l-4.03 4.03L.46.532'/%3E%3C/svg%3E");
  background-position: center right 10px;
  background-repeat: no-repeat;
  border-radius: 0;
  border: 1px solid #f1f1f1;
  height: 40px;
  padding-left: 20px;
  padding-right: 30px;
}

.site-header-search__form .form-submit {
  background-color: #91c800;
  border: 1px solid #f1f1f1;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: 40px;
  line-height: 1.75rem;
  margin: 0 0 0 -1px;
  padding-left: 16px;
  padding-right: 16px;
}

.site-header-search--expanded .site-header-search__form {
  display: block;
}

.site-header-search__form .form-item,
.site-header-search__form .form-actions {
  margin: 0;
}

.site-header-search__open {
  position: relative;
  display: block;
  top: 2px;
}

@media all and (min-width: 760px) {
  .site-header-search__open {
    top: 15px;
  }
}

.site-header-search__open:hover, .site-header-search__open:focus-visible {
  cursor: pointer;
}

.site-header-search__open svg {
  width: 28px;
  height: 28px;
}

@media all and (min-width: 760px) {
  .site-header-search__open svg {
    width: 32px;
    height: 32px;
  }
}

.site-header-search--expanded .site-header-search__open {
  display: none;
}

.site-header-search__close {
  display: none;
  height: 28px;
  position: absolute;
  right: 0;
  top: 8px;
  width: 30px;
}

.site-header-search__close:hover, .site-header-search__close:focus-visible {
  cursor: pointer;
}

.site-header-search--expanded .site-header-search__close {
  display: block;
}

.site-header-search__close-inner {
  display: inline-block;
  margin-top: -1.5px;
  position: relative;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.site-header-search__close-inner, .site-header-search__close-inner::after {
  height: 3px;
  background-color: #7c7c7c;
  border-radius: 4px;
  width: 26px;
}

.site-header-search__close-inner::after {
  content: "";
  display: block;
  bottom: 0;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.search-results .views-row {
  margin-top: 24px;
}

@media all and (min-width: 1024px) {
  .search-results .views-row {
    margin-top: 32px;
  }
}

.boell-search-tabs-title {
  float: left;
}

.boell-search-tabs-counter {
  float: right;
}

.path-search-media .views-exposed-form {
  font-size: 1.125rem;
  border-bottom: 1px solid #3a9192;
}

.path-search-media .views-exposed-form #edit-search-api-fulltext {
  width: 100%;
  font-size: 1.25rem;
}

.path-search-media .views-exposed-form .form-item {
  margin-bottom: 2em;
}

.path-search-media .views-exposed-form .form-item-field-audio-languages,
.path-search-media .views-exposed-form .form-item-field-subtitle-languages,
.path-search-media .views-exposed-form .form-item-field-media-genre,
.path-search-media .views-exposed-form .form-item-advanced-date-decade,
.path-search-media .views-exposed-form .form-item-advanced-date-start,
.path-search-media .views-exposed-form .form-item-advanced-date-end {
  margin-right: 20px;
}

.path-search-media .views-exposed-form .form-item-field-audio-languages label,
.path-search-media .views-exposed-form .form-item-field-subtitle-languages label,
.path-search-media .views-exposed-form .form-item-field-media-genre label,
.path-search-media .views-exposed-form .form-item-advanced-date-decade label,
.path-search-media .views-exposed-form .form-item-advanced-date-start label,
.path-search-media .views-exposed-form .form-item-advanced-date-end label {
  margin-bottom: 10px;
}

.path-search-media .views-exposed-form .form-item-field-audio-languages label,
.path-search-media .views-exposed-form .form-item-field-audio-languages select,
.path-search-media .views-exposed-form .form-item-field-subtitle-languages label,
.path-search-media .views-exposed-form .form-item-field-subtitle-languages select,
.path-search-media .views-exposed-form .form-item-field-media-genre label,
.path-search-media .views-exposed-form .form-item-field-media-genre select,
.path-search-media .views-exposed-form .form-item-advanced-date-decade label,
.path-search-media .views-exposed-form .form-item-advanced-date-decade select,
.path-search-media .views-exposed-form .form-item-advanced-date-start label,
.path-search-media .views-exposed-form .form-item-advanced-date-start select,
.path-search-media .views-exposed-form .form-item-advanced-date-end label,
.path-search-media .views-exposed-form .form-item-advanced-date-end select {
  display: block;
}

.path-search-media .views-exposed-form .form-item-field-audio-languages select,
.path-search-media .views-exposed-form .form-item-field-subtitle-languages select,
.path-search-media .views-exposed-form .form-item-field-media-genre select,
.path-search-media .views-exposed-form .form-item-advanced-date-decade select,
.path-search-media .views-exposed-form .form-item-advanced-date-start select,
.path-search-media .views-exposed-form .form-item-advanced-date-end select {
  padding: 5px;
}

.path-search-media .views-exposed-form .form-item-field-audio-languages,
.path-search-media .views-exposed-form .form-item-field-subtitle-languages,
.path-search-media .views-exposed-form .form-item-advanced-date-decade,
.path-search-media .views-exposed-form .form-item-advanced-date-start,
.path-search-media .views-exposed-form .form-item-advanced-date-end {
  float: left;
}

.path-search-media .views-exposed-form .form-item-advanced-date-decade {
  clear: left;
}

@media all and (min-width: 760px) {
  .path-search-media .views-exposed-form .form-item-advanced-date-start {
    margin-left: 60px;
  }
}

.path-search-media .views-exposed-form .form-actions {
  float: left;
  margin-top: 2em;
  margin-left: 40px;
}

.path-search-media .view-empty {
  font-size: 1.25rem;
  margin-top: 4em;
  margin-bottom: 6em;
  font-weight: bold;
}

.view-newsearch #edit-submit-newsearch {
  height: 38px;
}

.view-newsearch .ph-new-search--input-wrapper {
  margin-bottom: 25px;
  position: relative;
}

.view-newsearch .ph-new-search--input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 25px;
}

.view-newsearch .ph-new-search--input .form-item-search-api-fulltext {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

html[dir="ltr"] .view-newsearch .ph-new-search--input .form-item-search-api-fulltext {
  margin-right: 10px;
}

html[dir="rtl"] .view-newsearch .ph-new-search--input .form-item-search-api-fulltext {
  margin-left: 10px;
}

.view-newsearch .ph-new-search--input .form-item-search-api-fulltext input {
  width: 100%;
  height: 38px;
  box-sizing: border-box;
  border: 1px solid #949494;
  padding: 5px 25px;
  padding-top: 7px;
}

.view-newsearch .view-header {
  border-bottom: 1px solid #e2e2e2;
}

.view-newsearch .view-header .ph-new-search--title {
  margin: 5px 0;
}

.view-newsearch select {
  border-color: #e2e2e2;
  padding: 5px;
  padding-top: 10px;
  max-width: 100%;
}

.view-newsearch .ph-new-search--mobile-filter-toggle {
  cursor: pointer;
  margin-bottom: 15px;
}

@media all and (min-width: 760px) {
  .view-newsearch .ph-new-search--mobile-filter-toggle {
    display: none;
  }
}

.view-newsearch .ph-new-search--mobile-filter-toggle svg.fa-sliders-h {
  color: #666;
  width: 20px;
  display: block;
  float: left;
  margin-right: 10px;
}

@media all and (min-width: 760px) {
  .view-newsearch .ph-new-search--mobile-filter-toggle svg.fa-sliders-h {
    display: none;
  }
}

.view-newsearch .ph-new-search--filter {
  max-height: 0;
  width: 100%;
  opacity: 0;
  padding: 0 15px;
  border: 0 solid;
  border-color: #e2e2e2;
  -webkit-transition:all 0.5s ease-in;
  transition: all 0.5s ease-in;
}

.view-newsearch .ph-new-search--filter.active {
  padding: 15px;
  opacity: 1;
  border: 1px solid #e2e2e2;
  max-height: 1000px;
}

@media all and (min-width: 760px) {
  .view-newsearch .ph-new-search--filter {
    opacity: 1;
    position: absolute;
    visibility: visible;
    width: 30%;
    max-height: 1000px;
    padding: 15px;
    padding-bottom: 25px;
    border: 1px solid #e2e2e2;
  }
  html[dir="ltr"] .view-newsearch .ph-new-search--filter {
    right: 0;
  }
  html[dir="rtl"] .view-newsearch .ph-new-search--filter {
    left: 0;
  }
}

.view-newsearch .ph-new-search--filter .form-item {
  margin-top: 30px;
}

.view-newsearch .ph-new-search--filter .form-item label, .view-newsearch .ph-new-search--filter .form-item .fieldset-legend {
  display: block;
  font-weight: 600;
  margin-bottom: 5px;
  line-height: 2;
}

.view-newsearch .ph-new-search--filter .form-item.form-type-checkbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.view-newsearch .ph-new-search--filter .form-item.form-type-checkbox label.option {
  margin: auto 15px !important;
}

.view-newsearch .ph-new-search--filter .form-item.form-type-checkbox label.option:hover {
  text-decoration: underline;
}

.view-newsearch .ph-new-search--filter .form-item.form-type-checkbox .form-checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  height: 25px;
  width: 25px;
  -webkit-transition:all 0.15s ease-out 0s;
  transition: all 0.15s ease-out 0s;
  background: transparent;
  border: 1px solid #e2e2e2;
  color: #fff;
  cursor: pointer;
  display: inline-block;
}

.view-newsearch .ph-new-search--filter .form-item.form-type-checkbox .form-checkbox:focus:not(:focus-visible) {
  outline: none;
}

.view-newsearch .ph-new-search--filter .form-item.form-type-checkbox .form-checkbox:hover,
.view-newsearch .ph-new-search--filter .form-item.form-type-checkbox .form-checkbox:focus-visible {
  background: #949494;
  border-color: #949494;
}

.view-newsearch .ph-new-search--filter .form-item.form-type-checkbox .form-checkbox:checked {
  background: #949494;
  border-color: #949494;
}

.view-newsearch .ph-new-search--filter .form-item.form-type-checkbox .form-checkbox:checked::before {
  width: 100%;
  content: 'X';
  display: inline-block;
  font-size: 1.3125rem;
  text-align: center;
}

.view-newsearch .ph-new-search--filter .item-list__checkbox .facet-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.view-newsearch .ph-new-search--filter .item-list__checkbox .facet-item label {
  margin: auto 15px !important;
  cursor: pointer;
}

.view-newsearch .ph-new-search--filter .item-list__checkbox .facet-item label:hover {
  text-decoration: underline;
}

.view-newsearch .ph-new-search--filter .item-list__checkbox .facet-item .facets-checkbox {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 25px;
  width: 25px;
  -webkit-transition:all 0.15s ease-out 0s;
  transition: all 0.15s ease-out 0s;
  background: transparent;
  border: 1px solid #e2e2e2;
  color: #fff;
  cursor: pointer;
  display: inline-block;
}

.view-newsearch .ph-new-search--filter .item-list__checkbox .facet-item .facets-checkbox:focus:not(:focus-visible) {
  outline: none;
}

.view-newsearch .ph-new-search--filter .item-list__checkbox .facet-item .facets-checkbox:hover,
.view-newsearch .ph-new-search--filter .item-list__checkbox .facet-item .facets-checkbox:focus-visible {
  background: #949494;
  border-color: #949494;
}

.view-newsearch .ph-new-search--filter .item-list__checkbox .facet-item .facets-checkbox:checked {
  background: #949494;
  border-color: #949494;
}

.view-newsearch .ph-new-search--filter .item-list__checkbox .facet-item .facets-checkbox:checked::before {
  width: 100%;
  content: 'X';
  display: inline-block;
  font-size: 1.3125rem;
  text-align: center;
}

.view-newsearch .ph-new-search--filter .item-list__checkbox .facet-item label .facet-item__value:before {
  content: "";
  width: 1rem;
  height: 1rem;
  display: inline-block;
  margin: auto;
  -webkit-margin-end: 0.5rem;
     -moz-margin-end: 0.5rem;
          margin-inline-end: 0.5rem;
  background-repeat: no-repeat !important;
}

.view-newsearch .ph-new-search--filter .item-list__checkbox .facet-item label[for="ls-gs-regular-ls"] .facet-item__value:before {
  background-image: url(/themes/theodor/images/accessibility-simple-language.svg);
}

.view-newsearch .ph-new-search--filter .item-list__checkbox .facet-item label[for="ls-gs-regular-gs"] .facet-item__value:before {
  background-image: url(/themes/theodor/images/accessibility-sign-language.svg);
}

.view-newsearch .ph-new-search--filter .item-list__checkbox .facet-item label[for="ls-gs-regular-ats"] .facet-item__value:before {
  background-image: url(/themes/theodor/images/accessibility-transcript.svg);
}

.view-newsearch .ph-new-search--filter .item-list__checkbox .facet-item label[for="ls-gs-regular-rg"] .facet-item__value:before {
  background-image: url(/themes/theodor/images/chevron-left-solid.svg);
}

.view-newsearch .ph-new-search--filter #ls-gs-regular-rg {
  display: none;
}

.view-newsearch .ph-new-search--filter #ls-gs-regular-rg:before {
  display: none;
}

.view-newsearch .ph-new-search--filter #ls-gs-regular-rg:checked {
  display: none;
}

.view-newsearch .ph-new-search--filter #ls-gs-regular-rg:checked + label {
  display: none;
}

.view-newsearch .ph-new-search--filter .fieldgroup .form-item {
  margin: 10px 0;
}

.view-newsearch .ph-new-search--filter .fieldgroup .form-item label {
  display: inline-block;
  font-weight: normal;
  margin: 0;
}

.view-newsearch .ph-new-search--content {
  border: 1px solid #e2e2e2;
  padding: 15px;
}

@media all and (min-width: 760px) {
  .view-newsearch .ph-new-search--content {
    width: calc(70% - 10px);
    min-height: 500px;
  }
}

.view-newsearch .ph-new-search--content .view-content .views-row {
  margin-bottom: 32px;
  border-bottom: 1px solid #e2e2e2;
}

.view-newsearch .ph-new-search--content .view-content .views-row:last-child {
  border: none;
}

.block-views-exposed-filter-blockfacets-facetsearch .form--inline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
}

.block-views-exposed-filter-blockfacets-facetsearch .form--inline input {
  height: 100%;
}

.site-footer {
  margin: auto;
  max-width: 1220px;
}

.site-footer .site-footer-bottom-wrapper {
  background-color: #91c800;
  color: #444;
}

.site-footer .site-footer-bottom-wrapper > .inner {
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 10px;
  padding-right: 10px;
  overflow: hidden;
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 980px;
}

@media all and (min-width: 1024px) {
  .site-footer .site-footer-bottom-wrapper > .inner {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    width: 980px;
  }
}

.site-footer .site-footer-bottom-wrapper a {
  text-decoration: none;
}

.site-footer .site-footer-bottom-wrapper a:hover, .site-footer .site-footer-bottom-wrapper a:focus-visible {
  text-decoration: underline;
}

.site-footer .site-footer-bottom-wrapper * {
  color: #444;
}

.site-footer .site-footer-bottom-wrapper .site-footer-bottom__copyright {
  overflow: hidden;
  clear: both;
  font-style: normal;
  font-weight: bold;
  font-size: 0.8125rem;
}

@media all and (min-width: 760px) {
  .site-footer .site-footer-bottom-wrapper .site-footer-bottom__menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.site-footer .site-footer-bottom-wrapper .site-footer-bottom__menu li a {
  font-style: normal;
  font-weight: bold;
  display: block;
}

@media all and (min-width: 760px) {
  .site-footer .site-footer-bottom-wrapper .site-footer-bottom__menu li a {
    -webkit-margin-end: 15px;
       -moz-margin-end: 15px;
            margin-inline-end: 15px;
  }
}

.site-footer .site-footer-bottom-wrapper .site-footer-bottom-top {
  overflow: hidden;
  clear: both;
}

.site-footer .site-footer-bottom-wrapper .site-footer-bottom-top a {
  display: block;
  margin-bottom: 6px;
}

.site-footer .site-footer-bottom-wrapper .site-footer-bottom-top h2,
.site-footer .site-footer-bottom-wrapper .site-footer-bottom-top li {
  font-style: normal;
  font-weight: bold;
}

.site-footer .site-footer-bottom-wrapper .site-footer-bottom__menu {
  padding-left: unset;
  padding-right: unset;
  margin-top: unset;
  margin-bottom: unset;
  list-style: none;
  /* thank you classy for nothing */
  margin: 0;
  margin-bottom: 15px;
}

.site-footer .site-footer-bottom-wrapper .site-footer-bottom__menu a {
  display: block;
}

.site-footer .site-footer-bottom-wrapper .site-footer-bottom__menu .expanded > .menu {
  margin-top: 7px;
}

@media screen and (max-width: 760px) {
  .site-footer .site-footer-bottom__copyright {
    text-align: center;
    padding-bottom: 15px;
  }
  .site-footer .site-footer-bottom-wrapper .site-footer-bottom__menu li {
    float: none;
    text-align: center;
  }
}

@media all and (min-width: 760px) {
  .site-footer .site-footer-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.site-footer--tabs .site-footer-top-wrapper {
  display: block;
}

.site-footer--tabs .site-footer-top-wrapper .inner {
  width: auto;
  margin-top: 3rem;
  max-width: 100%;
}

.site-footer--tabs .site-footer-top-wrapper .region-footer-top {
  background-color: #f1f1f1;
  color: #333;
}

.site-footer--tabs .site-footer-top-wrapper .region-footer-top .block-menu {
  padding: 0 1rem;
  padding-top: 24px;
  padding-bottom: 15px;
}

@media all and (min-width: 760px) {
  .site-footer--tabs .site-footer-top-wrapper .region-footer-top .block-menu {
    padding: 0 5rem;
    padding-top: 24px;
    padding-bottom: 15px;
  }
}

.site-footer--tabs .site-footer-top-wrapper .region-footer-top .block-menu h2, .site-footer--tabs .site-footer-top-wrapper .region-footer-top .block-menu li, .site-footer--tabs .site-footer-top-wrapper .region-footer-top .block-menu a {
  font-style: normal;
  font-weight: bold;
  font-size: 0.8125rem;
  font-weight: normal;
}

.site-footer--tabs .site-footer-top-wrapper .region-footer-top .block-menu h2 {
  text-transform: uppercase;
  margin-bottom: 15px;
  font-style: normal;
  font-weight: bold;
}

.site-footer--tabs .site-footer-top-wrapper .region-footer-top .block-menu ul.menu {
  display: block;
  overflow: hidden;
  clear: both;
  padding-left: unset;
  padding-right: unset;
  margin-top: unset;
  margin-bottom: unset;
  list-style: none;
  /* thank you classy for nothing */
  margin: 0;
  margin-bottom: 15px;
}

html[dir="ltr"] .site-footer--tabs .site-footer-top-wrapper .region-footer-top .block-menu ul.menu li {
  float: left;
}

html[dir="rtl"] .site-footer--tabs .site-footer-top-wrapper .region-footer-top .block-menu ul.menu li {
  float: right;
}

.site-footer--tabs .site-footer-top-wrapper .region-footer-top .block-menu ul.menu li a {
  display: block;
  -webkit-margin-end: 15px;
     -moz-margin-end: 15px;
          margin-inline-end: 15px;
  margin-bottom: 7px;
  text-decoration: none;
  color: #333;
}

.site-footer--tabs .site-footer-top-wrapper .region-footer-top .block-menu ul.menu li a:hover, .site-footer--tabs .site-footer-top-wrapper .region-footer-top .block-menu ul.menu li a:focus-visible {
  text-decoration: underline;
}

.site-footer--tabs .site-footer-middle-wrapper {
  display: block;
  background: #DEEEB2;
}

.site-footer--tabs .site-footer-middle-wrapper > .inner {
  margin-inline: 0;
  width: 100%;
  max-width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: none;
  padding-top: 0;
}

@media all and (min-width: 760px) {
  .site-footer--tabs .site-footer-middle-wrapper > .inner {
    padding: 4rem 0px;
  }
}

.site-footer--tabs .site-footer-middle-wrapper > .inner .region-footer-content {
  width: 100%;
}

@media all and (min-width: 760px) {
  .site-footer--tabs .site-footer-middle-wrapper > .inner .region-footer-content {
    width: 30%;
  }
}

.site-footer--tabs .region-footify-submenu {
  width: auto;
  margin-top: 1.2rem;
}

.site-footer--tabs + .site-footer-bottom-wrapper {
  background: white;
}

.site-footer--tabs + .site-footer-bottom-wrapper > .inner {
  padding-top: 1rem;
  -webkit-margin-start: 5rem;
     -moz-margin-start: 5rem;
          margin-inline-start: 5rem;
  -webkit-margin-end: 6rem;
     -moz-margin-end: 6rem;
          margin-inline-end: 6rem;
  width: auto;
  max-width: 100%;
}

.site-footer--tabs + .site-footer-bottom-wrapper .site-footer-bottom__menu {
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

@media all and (min-width: 760px) {
  .site-footer--tabs + .site-footer-bottom-wrapper .site-footer-bottom__menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
                -ms-grid-row-align: stretch;
            align-items: stretch;
  }
}

.site-footer--tabs + .site-footer-bottom-wrapper .site-footer-bottom__menu li {
  list-style: none;
}

.site-footer--tabs + .site-footer-bottom-wrapper .site-footer-bottom__menu li a {
  font-weight: 700;
  font-size: 0.8rem;
}

.site-footer--tabs + .site-footer-bottom-wrapper .site-footer-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.site-footer--tabs + .site-footer-bottom-wrapper .site-footer-bottom .block:has(.field--name-field-logo-image-first),
.site-footer--tabs + .site-footer-bottom-wrapper .site-footer-bottom .block:has(.field--name-field-logo-image-second) {
  width: 75%;
  -webkit-box-ordinal-group: 100;
  -webkit-order: 99;
      -ms-flex-order: 99;
          order: 99;
  margin: 15px;
}

@media all and (min-width: 760px) {
  .site-footer--tabs + .site-footer-bottom-wrapper .site-footer-bottom {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
                -ms-grid-row-align: center;
            align-items: center;
  }
  .site-footer--tabs + .site-footer-bottom-wrapper .site-footer-bottom .block:has(.field--name-field-logo-image-first),
.site-footer--tabs + .site-footer-bottom-wrapper .site-footer-bottom .block:has(.field--name-field-logo-image-second) {
    width: 400px;
    -webkit-box-ordinal-group: NaN;
    -webkit-order: unset;
        -ms-flex-order: unset;
            order: unset;
  }
  .site-footer--tabs + .site-footer-bottom-wrapper .site-footer-bottom .menu--footer {
    -webkit-margin-start: auto;
       -moz-margin-start: auto;
            margin-inline-start: auto;
  }
  .site-footer--tabs + .site-footer-bottom-wrapper .site-footer-bottom .menu--footer .site-footer-bottom__menu {
    margin: 0;
  }
}

.site-footer--tabs + .site-footer-bottom-wrapper .site-footer-bottom .field--type-file img {
  width: 100%;
}

.site-footer--tabs .social-links .mask {
  background: #DEEEB2;
}

.site-footer--slots {
  margin-top: 32px;
  background-color: #91c800;
}

@media print {
  .site-footer--slots {
    display: none;
  }
}

.site-footer--slots h1, .site-footer--slots h2, .site-footer--slots h3, .site-footer--slots h4, .site-footer--slots h5, .site-footer--slots li, .site-footer--slots a {
  font-size: 0.8125rem;
  font-weight: normal;
}

.site-footer--slots h1, .site-footer--slots h2, .site-footer--slots h3, .site-footer--slots h4, .site-footer--slots h5 {
  margin-bottom: 7px;
  text-transform: uppercase;
}

.site-footer--slots ul.menu {
  padding-left: unset;
  padding-right: unset;
  margin-top: unset;
  margin-bottom: unset;
  list-style: none;
  /* thank you classy for nothing */
  margin: 0;
  margin-bottom: 15px;
}

.site-footer--slots ul.menu a {
  display: block;
}

.site-footer--slots ul.menu .expanded > .menu {
  margin-top: 7px;
}

.site-footer--slots .site-footer-top-wrapper a,
.site-footer--slots .site-footer-middle-wrapper a {
  display: block;
  margin-bottom: 6px;
}

.site-footer--slots .site-footer-top-wrapper h2,
.site-footer--slots .site-footer-top-wrapper li,
.site-footer--slots .site-footer-middle-wrapper h2,
.site-footer--slots .site-footer-middle-wrapper li {
  font-style: normal;
  font-weight: bold;
}

.site-footer--slots .site-footer-top-wrapper {
  background-color: #f1f1f1;
  color: #333;
}

.site-footer--slots .site-footer-top-wrapper .region-footer-top {
  padding-top: 24px;
  padding-bottom: 15px;
}

.site-footer--slots .site-footer-top-wrapper .region-footer-top h2 {
  margin-bottom: 15px;
  font-style: normal;
  font-weight: bold;
}

.site-footer--slots .site-footer-top-wrapper .region-footer-top ul.menu {
  display: block;
  overflow: hidden;
  clear: both;
}

html[dir="ltr"] .site-footer--slots .site-footer-top-wrapper .region-footer-top ul.menu li {
  float: left;
}

html[dir="rtl"] .site-footer--slots .site-footer-top-wrapper .region-footer-top ul.menu li {
  float: right;
}

.site-footer--slots .site-footer-top-wrapper .region-footer-top ul.menu li a {
  -webkit-margin-end: 15px;
     -moz-margin-end: 15px;
          margin-inline-end: 15px;
  margin-bottom: 7px;
  text-decoration: none;
  color: #333;
}

.site-footer--slots .site-footer-top-wrapper .region-footer-top ul.menu li a:hover, .site-footer--slots .site-footer-top-wrapper .region-footer-top ul.menu li a:focus-visible {
  text-decoration: underline;
}

.site-footer--slots .site-footer-middle-wrapper {
  background-color: #91c800;
  color: #444;
}

.site-footer--slots .site-footer-middle-wrapper > .inner {
  padding-top: 24px;
  padding-bottom: 24px;
  padding-bottom: 15px;
  border-bottom: 1px solid #666;
}

.site-footer--slots .site-footer-middle-wrapper a {
  text-decoration: none;
}

.site-footer--slots .site-footer-middle-wrapper a:hover, .site-footer--slots .site-footer-middle-wrapper a:focus-visible {
  text-decoration: underline;
}

.site-footer--slots .site-footer-middle-wrapper * {
  color: #444;
}

.site-footer--slots .site-footer-middle-wrapper .region {
  width: 23%;
}

html[dir="ltr"] .site-footer--slots .site-footer-middle-wrapper .region {
  float: left;
  margin-right: 2%;
}

html[dir="rtl"] .site-footer--slots .site-footer-middle-wrapper .region {
  float: right;
  margin-left: 2%;
}

.site-footer--slots .block-boell-analytics-block {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.site-footer--slots .site-footer-top-wrapper > .inner,
.site-footer--slots .site-footer-middle-wrapper > .inner {
  padding-left: 10px;
  padding-right: 10px;
  overflow: hidden;
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 980px;
}

@media all and (min-width: 1024px) {
  .site-footer--slots .site-footer-top-wrapper > .inner,
.site-footer--slots .site-footer-middle-wrapper > .inner {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    width: 980px;
  }
}

@media screen and (max-width: 760px) {
  .site-footer--slots .site-footer-top-wrapper,
.site-footer--slots .site-footer-middle-wrapper {
    display: none;
  }
}

.boell-copyright-footer {
  background: rgba(0, 0, 0, 0.2);
  margin-top: 24px;
}

.boell-copyright-footer > .inner {
  position: relative;
}

.boell-copyright-footer .list-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.boell-copyright-footer .entry,
.boell-copyright-footer a,
.boell-copyright-footer .above {
  font-size: 0.75rem;
}

.boell-copyright-footer a, .boell-copyright-footer a:hover, .boell-copyright-footer a:focus {
  color: black;
}

.boell-copyright-footer a:hover, .boell-copyright-footer a:focus {
  text-decoration: underline;
}

.boell-copyright-footer .above {
  padding: 24px 15px 7px;
}

html[dir="ltr"] .boell-copyright-footer .above {
  padding-right: 60px;
}

html[dir="rtl"] .boell-copyright-footer .above {
  padding-left: 60px;
}

.boell-copyright-footer .close {
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  font-size: 1.5rem;
}

.boell-copyright-footer .close:hover, .boell-copyright-footer .close:focus-visible {
  background: transparent;
}

@media screen and (max-width: 980px) {
  .boell-copyright-footer {
    box-sizing: border-box;
    margin: 15px 15px 0;
  }
  .boell-copyright-footer .above {
    text-align: center;
  }
  html[dir="ltr"] .boell-copyright-footer .above {
    padding-right: 50px;
  }
  html[dir="rtl"] .boell-copyright-footer .above {
    padding-left: 50px;
  }
}

.node--type-infobox {
  overflow: hidden;
  clear: both;
}

@media all and (min-width: 1220px) {
  .node--type-infobox .field--type-infobox-item .boe-field-infobox-text > h2, .node--type-infobox .field--type-infobox-item .boe-field-infobox-text > h3 {
    margin-top: 0;
  }
  .node--type-infobox .field--type-infobox-item .boe-field-infobox-text > p:last-child {
    margin-bottom: 0;
  }
}

.alignment-default .node--type-infobox, .entity-infobox:not(.alignment-fullwidth):not(.alignment-floating_left) .node--type-infobox {
  background: #EBEBEB;
  margin-bottom: 44px;
  padding: 24px;
}

@media all and (min-width: 1220px) {
  .node__content--article .alignment-default .node--type-infobox, .node__content--article .entity-infobox:not(.alignment-fullwidth):not(.alignment-floating_left) .node--type-infobox {
    margin-left: -245px;
    margin-right: -245px;
  }
}

@media all and (min-width: 760px) {
  .alignment-default .node--type-infobox, .entity-infobox:not(.alignment-fullwidth):not(.alignment-floating_left) .node--type-infobox {
    padding: 44px;
  }
}

@media all and (min-width: 1024px) {
  .alignment-default .node--type-infobox .boe-field-infobox--has-tabtitles, .entity-infobox:not(.alignment-fullwidth):not(.alignment-floating_left) .node--type-infobox .boe-field-infobox--has-tabtitles {
    padding-left: 30% !important;
  }
  .alignment-default .node--type-infobox .boe-field-infobox--no-tabtitles, .entity-infobox:not(.alignment-fullwidth):not(.alignment-floating_left) .node--type-infobox .boe-field-infobox--no-tabtitles {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 980px;
  }
  .alignment-default .node--type-infobox.has-no-image .boe-field-infobox, .entity-infobox:not(.alignment-fullwidth):not(.alignment-floating_left) .node--type-infobox.has-no-image .boe-field-infobox {
    padding-left: 0;
  }
  .alignment-default .node--type-infobox ul, .entity-infobox:not(.alignment-fullwidth):not(.alignment-floating_left) .node--type-infobox ul {
    padding-left: 55px;
  }
}

@media all and (min-width: 1220px) {
  .alignment-default .node--type-infobox, .entity-infobox:not(.alignment-fullwidth):not(.alignment-floating_left) .node--type-infobox {
    margin-left: -120px;
    margin-right: -120px;
  }
}

.alignment-fullwidth .node--type-infobox, .alignment-floating_left .node--type-infobox {
  border: 1px solid #91c800;
  margin: 60px 0;
  border-left: none;
  border-right: none;
  padding: 10px 0;
}

@media all and (min-width: 1220px) {
  .alignment-fullwidth .node--type-infobox, .alignment-floating_left .node--type-infobox {
    padding: 15px 0;
    margin: 80px 0;
  }
}

.alignment-fullwidth .node--type-infobox .boe-field-infobox-text p, .alignment-floating_left .node--type-infobox .boe-field-infobox-text p {
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.3;
}

.alignment-floating_left .node--type-infobox {
  width: 100%;
}

@media all and (min-width: 760px) {
  .alignment-floating_left .node--type-infobox {
    width: 320px;
    float: left;
    margin-right: 50px;
  }
}

@media all and (min-width: 1024px) {
  .alignment-floating_left .node--type-infobox {
    width: 430px;
    margin-left: -80px;
    margin-right: 50px;
  }
}

@media all and (min-width: 1220px) {
  .alignment-floating_left .node--type-infobox {
    width: 430px;
    margin-left: -160px;
    margin-right: 50px;
  }
}

.node--type-infobox .field--name-field-infobox-image {
  width: 100%;
}

@media all and (min-width: 760px) {
  .node--type-infobox .field--name-field-infobox-image {
    width: 25%;
    margin-right: 2em;
    margin-bottom: 1em;
    float: left;
  }
}

.node--type-infobox .boe-field-portraitbox-text {
  width: 70%;
  float: left;
}

.node--type-infobox .boe-field-infobox-text a {
  font-size: inherit;
}

.node--type-infobox p,
.node--type-infobox li {
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.3;
  text-decoration: none;
}

.node--type-infobox .boe-field-infobox .boe-field-infobox-text p {
  font-family: "dinweb", Helvetica, Arial, sans-serif;
}

.node--type-infobox li {
  font-size: 0.75rem;
}

.node--type-infobox > h2 {
  display: none;
}

.node--type-infobox h2 a {
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  font-size: 1.5rem;
  text-decoration: none;
}

.node--type-infobox h2 a:hover, .node--type-infobox h2 a:focus-visible {
  color: #7c7c7c;
}

.node--type-infobox .boe-field-infobox .align-left {
  width: 100%;
}

@media all and (min-width: 760px) {
  .node--type-infobox .boe-field-infobox .align-left {
    width: 190px;
    height: auto;
    margin: 0 20px 10px 0;
  }
}

.node--type-infobox .boe-field-infobox-subject {
  cursor: pointer;
  display: block;
}

@media all and (min-width: 1024px) {
  .node--type-infobox .boe-field-infobox-subject {
    width: 22%;
  }
}

.node--type-infobox .field__item.is-visible .boe-field-infobox-subject {
  font-style: normal;
  font-weight: bold;
}

.node--type-infobox .field__item.is-hidden .boe-field-infobox-text {
  display: none;
}

@media all and (min-width: 1024px) {
  .node--type-infobox .boe-field-infobox-subject {
    position: absolute;
    left: 0;
    padding: 15px;
    border-bottom: 1px solid #e2e2e2;
  }
}

.node--type-infobox .field__item:last-child .boe-field-infobox-subject {
  border-bottom: none;
}

.node--type-infobox .node__content {
  position: relative;
}

.darkmode .node--type-infobox {
  color: #fff;
}

.darkmode .node--type-infobox p,
.darkmode .node--type-infobox li {
  color: inherit;
}

@media all and (min-width: 1024px) {
  .node-portraitbox .boe-field-infobox--no-tabtitles {
    padding-left: 30%;
  }
  .node-portraitbox img {
    width: 100%;
  }
}

.field--type-comment {
  position: relative;
  padding-top: 50px;
  max-width: 730px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.field--type-comment .title {
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  color: #444;
  font-size: 0.9375rem;
  color: #75A300;
}

.field--type-comment .js-form-type-textarea label {
  display: none;
  display: none !important;
}

.field--type-comment .js-form-item label {
  display: block;
  font-size: 0.9375rem;
  color: #444;
}

.field--type-comment .js-form-item input {
  margin-top: 10px;
  margin-bottom: 10px;
}

.field--type-comment .comment-form-head {
  overflow: hidden;
  clear: both;
  padding-bottom: 7px;
}

.field--type-comment .comment-form-counter {
  float: left;
}

.field--type-comment .comment-form-toggler {
  float: right;
  cursor: pointer;
  background-color: #f1f1f1;
  border: 1px solid #e2e2e2;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  padding: 7px 7px 5px 7px;
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1.0625rem;
  text-align: center;
  color: #444;
  display: inline-block;
  text-decoration: none;
}

.field--type-comment #comment-form {
  padding-bottom: 24px;
}

.field--type-comment .comment {
  position: relative;
  border-top: 1px solid #e2e2e2;
  padding-top: 24px;
  padding-bottom: 24px;
}

.field--type-comment .comment > .inner {
  position: relative;
}

.field--type-comment .comment .comment__submitted {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 0;
  font-size: 0.75rem;
  font-style: italic;
  color: #949494;
  font-style: normal;
}

.field--type-comment .comment h3 {
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  color: #444;
  font-size: 1.125rem;
}

.field--type-comment .comment h3 a {
  text-decoration: none;
}

.field--type-comment .comment .links li:first-child {
  padding-left: 0;
}

#sliding-popup h1,
#sliding-popup h2,
#sliding-popup h3,
#sliding-popup p,
#sliding-popup label,
#sliding-popup div,
.eu-cookie-compliance-more-button,
.eu-cookie-compliance-secondary-button,
.eu-cookie-withdraw-tab {
  color: black !important;
}

.eu-cookie-compliance-banner {
  text-align: center;
  padding: 0 20px;
  margin: 0 auto;
  background-color: #f7f7f7;
  border: 1px solid #e2e2e2;
  border-bottom: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}

.eu-cookie-compliance-banner .find-more-button, .eu-cookie-compliance-banner .eu-cookie-compliance-more-button, .eu-cookie-compliance-banner .find-more-button-processed {
  display: none;
}

.eu-cookie-compliance-banner h2 {
  font-size: 1rem;
  font-weight: normal;
  color: #000;
}

.eu-cookie-compliance-banner #popup-buttons {
  margin-top: 10px;
}

@media (min-width: 980px) {
  .eu-cookie-compliance-banner {
    left: 50%;
    margin-left: -490px;
    width: 980px;
    right: auto;
    box-sizing: border-box;
  }
}

.eu-cookie-compliance-banner {
  background-color: #f7f7f7;
  border: 1px solid #e2e2e2;
}

#sliding-popup .eu-cookie-compliance-content {
  max-width: 90%;
  padding: 12px 12px;
}

#sliding-popup .eu-cookie-compliance-message {
  max-width: 100%;
}

#sliding-popup #popup-buttons {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 0;
}

#sliding-popup .eu-cookie-compliance-message p {
  color: #000;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.375rem;
}

.disagree-button.eu-cookie-compliance-more-button, .eu-cookie-compliance-agree-button,
.eu-cookie-compliance-default-button, .eu-cookie-compliance-hide-button,
.eu-cookie-compliance-more-button-thank-you,
.eu-cookie-withdraw-button, .eu-cookie-compliance-save-preferences-button {
  margin-top: 0;
}

.eu-cookie-compliance-buttons button,
.eu-cookie-compliance-buttons button:hover,
.eu-cookie-compliance-buttons button:focus-visible {
  padding: 0;
  border: none;
  font: inherit;
  color: transparent !important;
  background-color: transparent;
  /* show a hand cursor on hover; some argue that we
  should keep the default arrow cursor for buttons */
  cursor: pointer;
  background-image: none;
}

.eu-cookie-compliance-buttons button:before {
  content: 'x';
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  display: block;
  cursor: pointer;
  color: red;
  font-weight: bold;
  line-height: 20px;
  position: absolute;
  right: 5px;
  top: 6px;
  width: 20px;
  height: 20px;
}

.eu-cookie-compliance-buttons button:hover:before {
  color: white;
  background-color: red;
}

.eu-cookie-compliance-secondary-button {
  cursor: pointer;
  border: none;
  background: none;
  margin-top: 0em;
  padding: 0 8px;
  vertical-align: middle;
}

.decline-button {
  display: none;
}

@media all and (min-width: 760px) {
  .podcast-series {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .podcast-series__cover {
    width: 50%;
  }
  .podcast-series__description {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 40%;
    margin: 0 auto;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
  }
  .podcast-series__description .field__label {
    display: none;
  }
}

.share-button {
  display: inline-block;
  margin: 0 0 0 4px;
}

.share-button:first-child {
  margin-left: 0;
}

.share-button__link {
  border-radius: 20px;
  color: white;
  display: block;
  height: 40px;
  text-align: center;
  text-decoration: none;
}

.share-button__link:hover, .share-button__link:focus-visible {
  color: white;
  opacity: 0.8;
}

.share-button--x-twitter .share-button__link {
  background-color: #0f1419;
}

.share-button--facebook .share-button__link {
  background-color: #3b5998;
}

.share-button--email .share-button__link, .share-button--print .share-button__link {
  background-color: #949494;
}

.share-button--whatsapp .share-button__link {
  background-color: #4dc247;
}

.share-button__text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

@media all and (min-width: 760px) {
  .share-button--whatsapp {
    display: none;
  }
}

.share-buttons {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 730px;
}

@media print {
  .share-buttons {
    display: none;
  }
}

.share-buttons__list {
  list-style: none;
  margin: 0 0 32px;
  padding: 0;
}

.share-buttons__share-them-text {
  font-size: 0.75rem;
  margin-bottom: 15px;
}

.share-button__icon {
  width: 40px;
  display: inline-block;
}

.share-button__icon > svg {
  height: 40px;
}

.sociallinks__list svg {
  fill: #fff;
  max-width: 20px;
  max-height: 20px;
}

.social-links .leaf a {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.social-links .background {
  width: 35px;
  height: 35px;
  background: #444444;
  border-radius: 50%;
  display: inline-block;
}

.social-links .mask {
  width: 35px;
  height: 35px;
  background: white;
  border-radius: 50%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  top: 0;
  position: absolute;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 20px 20px;
          mask-size: 20px 20px;
  display: inline-block;
}

html[dir="ltr"] .social-links .mask {
  left: 0;
}

html[dir="rtl"] .social-links .mask {
  right: 0;
}

.social-links .bluesky .mask,
.social-links .mask.bluesky {
  -webkit-mask-image: url(/themes/theodor/images/social-icons/bluesky.svg);
          mask-image: url(/themes/theodor/images/social-icons/bluesky.svg);
}

.social-links .facebook .mask,
.social-links .mask.facebook {
  -webkit-mask-image: url(/themes/theodor/images/social-icons/facebook.svg);
          mask-image: url(/themes/theodor/images/social-icons/facebook.svg);
}

.social-links .flickr .mask,
.social-links .mask.flickr {
  -webkit-mask-image: url(/themes/theodor/images/social-icons/flickr_alt.svg);
          mask-image: url(/themes/theodor/images/social-icons/flickr_alt.svg);
}

.social-links .instagram .mask,
.social-links .mask.instagram {
  -webkit-mask-image: url(/themes/theodor/images/social-icons/instagram.svg);
          mask-image: url(/themes/theodor/images/social-icons/instagram.svg);
}

.social-links .linkedin .mask,
.social-links .mask.linkedin {
  -webkit-mask-image: url(/themes/theodor/images/social-icons/linkedin.svg);
          mask-image: url(/themes/theodor/images/social-icons/linkedin.svg);
}

.social-links .livestream .mask,
.social-links .mask.livestream {
  -webkit-mask-position: 10px;
          mask-position: 10px;
  -webkit-mask-image: url(/themes/theodor/images/social-icons/livestream.svg);
          mask-image: url(/themes/theodor/images/social-icons/livestream.svg);
}

.social-links .mastodon .mask,
.social-links .mask.mastodon {
  -webkit-mask-image: url(/themes/theodor/images/social-icons/mastodon.svg);
          mask-image: url(/themes/theodor/images/social-icons/mastodon.svg);
}

.social-links .mixcloud .mask,
.social-links .mask.mixcloud {
  -webkit-mask-image: url(/themes/theodor/images/social-icons/mixcloud.svg);
          mask-image: url(/themes/theodor/images/social-icons/mixcloud.svg);
}

.social-links .podcast .mask,
.social-links .podigee .mask,
.social-links .mask.podcast,
.social-links .mask.podigee {
  -webkit-mask-image: url(/themes/theodor/images/social-icons/podcast.svg);
          mask-image: url(/themes/theodor/images/social-icons/podcast.svg);
}

.social-links .rss .mask,
.social-links .mask.rss {
  -webkit-mask-image: url(/themes/theodor/images/social-icons/rss.svg);
          mask-image: url(/themes/theodor/images/social-icons/rss.svg);
  -webkit-mask-size: 18px;
          mask-size: 18px;
  -webkit-mask-position: 9px;
          mask-position: 9px;
}

.social-links .signal .mask,
.social-links .mask.signal {
  -webkit-mask-image: url(/themes/theodor/images/social-icons/signal.svg);
          mask-image: url(/themes/theodor/images/social-icons/signal.svg);
}

.social-links .soundcloud .mask,
.social-links .mask.soundcloud {
  -webkit-mask-image: url(/themes/theodor/images/social-icons/soundcloud.svg);
          mask-image: url(/themes/theodor/images/social-icons/soundcloud.svg);
}

.social-links .spotify .mask,
.social-links .mask.spotify {
  -webkit-mask-image: url(/themes/theodor/images/social-icons/spotify.svg);
          mask-image: url(/themes/theodor/images/social-icons/spotify.svg);
}

.social-links .threads .mask,
.social-links .mask.threads {
  -webkit-mask-image: url(/themes/theodor/images/social-icons/threads.svg);
          mask-image: url(/themes/theodor/images/social-icons/threads.svg);
}

.social-links .tiktok .mask,
.social-links .mask.tiktok {
  -webkit-mask-image: url(/themes/theodor/images/social-icons/tiktok.svg);
          mask-image: url(/themes/theodor/images/social-icons/tiktok.svg);
}

.social-links .x-twitter .mask,
.social-links .mask.x-twitter,
.social-links .twitter .mask,
.social-links .mask.twitter,
.social-links .x .mask,
.social-links .mask.x {
  -webkit-mask-image: url(/themes/theodor/images/social-icons/x-twitter.svg);
          mask-image: url(/themes/theodor/images/social-icons/x-twitter.svg);
}

.social-links .youtube .mask,
.social-links .mask.youtube {
  -webkit-mask-image: url(/themes/theodor/images/social-icons/youtube.svg);
          mask-image: url(/themes/theodor/images/social-icons/youtube.svg);
}

.social-links .issuu .mask,
.social-links .mask.issuu {
  -webkit-mask-image: url(/themes/theodor/images/social-icons/issuu.svg);
          mask-image: url(/themes/theodor/images/social-icons/issuu.svg);
  -webkit-mask-position: 8px 8px;
          mask-position: 8px 8px;
}

.boell-oembed-entity-sharing-import-node .js-form-type-url label,
.boell-oembed-media-sharing-import-media .js-form-type-url label {
  display: block;
  margin-bottom: 0.6rem;
}

.boell-oembed-entity-sharing-import-node .js-form-type-url, .boell-oembed-entity-sharing-import-node .form-radios,
.boell-oembed-media-sharing-import-media .js-form-type-url,
.boell-oembed-media-sharing-import-media .form-radios {
  margin-bottom: 1.5rem;
}

.boell-oembed-entity-sharing-import-node .js-form-type-radio,
.boell-oembed-media-sharing-import-media .js-form-type-radio {
  padding-bottom: 0.4rem;
}

.boell-oembed-entity-sharing-import-node .js-form-item-import-translations,
.boell-oembed-media-sharing-import-media .js-form-item-import-translations {
  display: none;
  margin-block: 1rem;
}

/* Additional CSS for other components when Slide-in Menu is enabled */
.boell-slide-in-menu.megamenu-is-hidden .site-header .region-branding .field--name-field-logo-image-first img {
  min-height: 75px;
}

.boell-slide-in-menu.megamenu-is-hidden .site-header .region-header {
  margin-top: 15px;
}

@media all and (min-width: 1220px) {
  .boell-slide-in-menu.megamenu-is-hidden .site-header .region-header {
    margin: 0;
    padding: 0;
    margin-right: -64px;
    margin-top: 24px;
  }
  .boell-slide-in-menu.megamenu-is-hidden .site-header .region-header .block-slide-in-menu-block-hamburger {
    position: static;
  }
  .boell-slide-in-menu.megamenu-is-hidden .site-header .region-header .block-slide-in-menu-block-hamburger .contextual button {
    right: -30px;
  }
}

/*Hamburger styling*/
.slide-in-menu__controls {
  cursor: pointer;
  -webkit-margin-start: 1rem;
     -moz-margin-start: 1rem;
          margin-inline-start: 1rem;
}

@media all and (min-width: 760px) {
  .slide-in-menu__controls {
    -webkit-margin-start: 1.5rem;
       -moz-margin-start: 1.5rem;
            margin-inline-start: 1.5rem;
  }
}

.slide-in-menu__controls .menu {
  display: none;
}

html[lang="en"] .slide-in-menu__controls .menu, html[lang="de"] .slide-in-menu__controls .menu {
  display: block;
  margin-top: 0.5rem;
  font-size: 1rem;
  text-align: center;
}

/* slide in and positioning styling */
/* STATE = NOT ACTIVE */
.region-slide-in-menu .boell-slideinmenu--header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 25px 35px;
  min-height: 100px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.region-slide-in-menu .boell-slideinmenu--header .boell-slide-in-menu--header-blockwrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.region-slide-in-menu .boell-slideinmenu--header .boell-slide-in-menu--header-blockwrap > * {
  margin-right: 25px;
}

.region-slide-in-menu .boell-slideinmenu--header .views-exposed-form.site-header-search, .region-slide-in-menu .boell-slideinmenu--header .block-views.site-header-search {
  margin-right: 25px;
}

html[dir="rtl"] .region-slide-in-menu .boell-slideinmenu--header .views-exposed-form.site-header-search, html[dir="rtl"] .region-slide-in-menu .boell-slideinmenu--header .block-views.site-header-search {
  margin-left: 25px;
  left: 0;
  right: unset;
}

.region-slide-in-menu .boell-slideinmenu--header .views-exposed-form.site-header-search .site-header-search__open, .region-slide-in-menu .boell-slideinmenu--header .block-views.site-header-search .site-header-search__open {
  top: 25px;
}

.region-slide-in-menu .boell-slideinmenu--header .views-exposed-form.site-header-search .site-header-search__open .site-header-search__open-icon:after, .region-slide-in-menu .boell-slideinmenu--header .block-views.site-header-search .site-header-search__open .site-header-search__open-icon:after {
  font-size: 1.5625rem;
  display: inline-block;
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
  color: #666;
}

.region-slide-in-menu .boell-slideinmenu--header .views-exposed-form.site-header-search .site-header-search__form, .region-slide-in-menu .boell-slideinmenu--header .block-views.site-header-search .site-header-search__form {
  position: relative;
  top: 6px;
  width: 100%;
}

@media all and (min-width: 760px) {
  .region-slide-in-menu .boell-slideinmenu--header .views-exposed-form.site-header-search .site-header-search__form, .region-slide-in-menu .boell-slideinmenu--header .block-views.site-header-search .site-header-search__form {
    top: -4px;
    width: calc(100% - 40px);
  }
}

.region-slide-in-menu .boell-slideinmenu--header .views-exposed-form.site-header-search .site-header-search__close, .region-slide-in-menu .boell-slideinmenu--header .block-views.site-header-search .site-header-search__close {
  width: 35px;
  top: 15px;
}

html[dir="rtl"] .region-slide-in-menu .boell-slideinmenu--header .views-exposed-form.site-header-search .site-header-search__close, html[dir="rtl"] .region-slide-in-menu .boell-slideinmenu--header .block-views.site-header-search .site-header-search__close {
  left: 0;
  right: unset;
}

@media all and (min-width: 760px) {
  .region-slide-in-menu .boell-slideinmenu--header .views-exposed-form.site-header-search .site-header-search__close, .region-slide-in-menu .boell-slideinmenu--header .block-views.site-header-search .site-header-search__close {
    top: 4px;
  }
}

.region-slide-in-menu .boell-slideinmenu--header .views-exposed-form.site-header-search .site-header-search__close .site-header-search__close-inner, .region-slide-in-menu .boell-slideinmenu--header .views-exposed-form.site-header-search .site-header-search__close .site-header-search__close-inner::after, .region-slide-in-menu .boell-slideinmenu--header .block-views.site-header-search .site-header-search__close .site-header-search__close-inner, .region-slide-in-menu .boell-slideinmenu--header .block-views.site-header-search .site-header-search__close .site-header-search__close-inner::after {
  width: 35px;
}

.region-slide-in-menu .boell-slideinmenu--header .block-new-search {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}

.region-slide-in-menu .boell-slideinmenu--header .block-new-search .new-search-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

.region-slide-in-menu .boell-slideinmenu--header .block-new-search .new-search-form label, .region-slide-in-menu .boell-slideinmenu--header .block-new-search .new-search-form .description, .region-slide-in-menu .boell-slideinmenu--header .block-new-search .new-search-form .form-submit {
  display: none;
}

.region-slide-in-menu .boell-slideinmenu--header .block-new-search .new-search-form .form-item-new-search {
  margin-right: 5px;
}

.region-slide-in-menu .boell-slideinmenu--header .block-new-search .new-search-form .form-item-new-search input {
  width: 250px;
  max-width: 60vw;
  height: 40px;
  position: absolute;
  padding: 0;
  right: 0;
  top: 5px;
  font-size: 1.125rem;
  border: none;
  border-bottom: 1px solid #666;
}

html[dir="rtl"] .region-slide-in-menu .boell-slideinmenu--header .block-new-search .new-search-form .form-item-new-search input {
  left: 0;
  right: unset;
}

@media all and (min-width: 760px) {
  .region-slide-in-menu .boell-slideinmenu--header .block-new-search .new-search-form .form-item-new-search input {
    max-width: initial;
    top: 3px;
  }
}

.region-slide-in-menu .boell-slideinmenu--header .block-new-search .new-search-form .form-item-new-search input:focus:not(:focus-visible) {
  outline: none;
}

.region-slide-in-menu .boell-slideinmenu {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 !important;
  overflow: auto;
  padding-bottom: 24px;
  position: fixed;
  top: 0;
  z-index: -1;
  background: white;
  -webkit-transition:all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

html[dir="ltr"] .region-slide-in-menu .boell-slideinmenu {
  right: -100%;
}

html[dir="rtl"] .region-slide-in-menu .boell-slideinmenu {
  left: -100%;
}

.region-slide-in-menu .boell-slideinmenu *:not(.form-submit), .region-slide-in-menu .boell-slideinmenu a {
  color: #666;
}

@media all and (min-width: 1024px) {
  .region-slide-in-menu .boell-slideinmenu {
    width: 30%;
    min-width: 500px;
    -webkit-transition:all 0.4s linear;
    transition: all 0.4s linear;
  }
  html[dir="ltr"] .region-slide-in-menu .boell-slideinmenu {
    right: -100%;
  }
  html[dir="rtl"] .region-slide-in-menu .boell-slideinmenu {
    left: -100%;
  }
}

.region-slide-in-menu .boell-slideinmenu.hide {
  display: none;
}

.region-slide-in-menu .slide-in-menu__controls {
  z-index: 999;
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
      -ms-flex-order: -1;
          order: -1;
}

.region-slide-in-menu .slide-in-menu__site-header-search {
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
      -ms-flex-order: 10;
          order: 10;
}

.region-slide-in-menu .slide-in-menu__site-header-search:hover, .region-slide-in-menu .slide-in-menu__site-header-search:focus-visible {
  opacity: 0.7;
  -webkit-transition:opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.region-slide-in-menu .slide-in-menu__site-header-search .site-header-search__open {
  position: static;
}

.region-slide-in-menu .slide-in-menu__site-header-search a {
  text-decoration: none;
}

.region-slide-in-menu .slide-in-menu__site-header-search .site-header-search__open-icon {
  -webkit-transform: scale(-1, 1);
      -ms-transform: scale(-1, 1);
          transform: scale(-1, 1);
  margin: 0;
  margin-top: -2px;
}

.region-slide-in-menu .slide-in-menu__site-header-search .site-header-search__open-icon:after {
  font-size: 2.5rem;
}

.region-slide-in-menu .boell-slideinmenu--body {
  /* menu styling*/
}

.region-slide-in-menu .boell-slideinmenu--body .block-menu {
  width: 100%;
  z-index: 99999;
  -webkit-transition:all 1s linear;
  transition: all 1s linear;
}

.region-slide-in-menu .boell-slideinmenu--body .block-menu .menu {
  margin: 0;
  list-style: none;
  padding: 0;
}

.region-slide-in-menu .boell-slideinmenu--body .block-menu.menu--main ul {
  font-weight: 800;
}

.region-slide-in-menu .boell-slideinmenu--body .block-menu .menu-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 70px;
  border-top: 1px solid #91c800;
}

.region-slide-in-menu .boell-slideinmenu--body .block-menu .menu-item:hover, .region-slide-in-menu .boell-slideinmenu--body .block-menu .menu-item:focus-visible {
  background: #91c800;
  -webkit-transition:all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.region-slide-in-menu .boell-slideinmenu--body .block-menu .menu-item:hover a, .region-slide-in-menu .boell-slideinmenu--body .block-menu .menu-item:focus-visible a {
  -webkit-transition:all 0.2s ease-in;
  transition: all 0.2s ease-in;
  color: #444;
}

.region-slide-in-menu .boell-slideinmenu--body .block-menu .menu-item:last-child {
  border-bottom: 1px solid #91c800;
}

.region-slide-in-menu .boell-slideinmenu--body .block-menu .menu-item a {
  height: 100%;
  line-height: 1.2;
  font-size: 1.375rem;
  text-decoration: none;
  font-weight: 700;
  margin: 0 35px;
  width: 100%;
  display: block;
}

@media all and (min-width: 1024px) {
  .region-slide-in-menu .boell-slideinmenu--body .block-menu .menu-item a {
    line-height: 70px;
  }
}

.region-slide-in-menu .boell-slideinmenu--footer {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.region-slide-in-menu .boell-slideinmenu--footer * {
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-size: 1.0625rem;
  font-weight: 600;
  text-decoration: none;
  list-style: none;
  line-height: 1;
}

.region-slide-in-menu .boell-slideinmenu--footer .block {
  width: 100%;
  margin-top: 20px;
  margin-left: 35px;
}

html[dir="rtl"] .region-slide-in-menu .boell-slideinmenu--footer .block {
  margin-right: 35px;
}

.region-slide-in-menu .boell-slideinmenu--footer .menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0;
  padding: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.region-slide-in-menu .boell-slideinmenu--footer .menu .menu-item {
  margin-right: 35px;
  margin-top: 20px;
}

.region-slide-in-menu .boell-slideinmenu--footer .menu .menu-item:first-child {
  margin-top: 0;
}

.region-slide-in-menu .boell-slideinmenu--footer .menu--social-links {
  border-top: 1px solid #666;
  padding-top: 24px;
  margin-right: 35px;
}

.region-slide-in-menu .boell-slideinmenu--footer .menu--social-links .menu {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
  gap: 0.7rem;
}

.region-slide-in-menu .boell-slideinmenu--footer .menu--social-links .menu-item {
  position: relative;
  top: 2px;
  margin: 0 0 15px 0;
}

.region-slide-in-menu .boell-slideinmenu--footer .menu--social-links a {
  font-size: 0;
}

.region-slide-in-menu .boell-slideinmenu--footer .menu--social-links a .background {
  width: 25px;
  height: 25px;
  background: #666;
}

.region-slide-in-menu .boell-slideinmenu--footer .menu--social-links a .mask {
  width: 25px;
  height: 25px;
  background: white;
  -webkit-mask-size: 15px 15px;
          mask-size: 15px 15px;
  -webkit-mask-position: center;
          mask-position: center;
}

html[dir="rtl"] .region-slide-in-menu .boell-slideinmenu--footer .menu--social-links {
  left: 0;
}

.region-slide-in-menu .boell-slideinmenu--footer .block-menu.navigation:after {
  /*
      content: "";
      display: block;
      width: calc(100% - 35px);
      border-bottom: 1px solid $color-gray1;
      margin-top: 25px;
      margin-bottom: 5px;*/
}

.region-slide-in-menu .boell-slideinmenu--footer .block-menu.navigation:last-child:after {
  border: none;
}

.region-slide-in-menu .block-boell-slide-in-menu__button.hamburger {
  padding: 0;
}

.region-slide-in-menu .block-boell-slide-in-menu__button.hamburger .hamburger-inner, .region-slide-in-menu .block-boell-slide-in-menu__button.hamburger .hamburger-inner:before, .region-slide-in-menu .block-boell-slide-in-menu__button.hamburger .hamburger-inner::after {
  background-color: #91c800;
  width: 40px;
}

.region-slide-in-menu #block-accessiblelanguage {
  display: initial;
}

.region-slide-in-menu .block-dropdown-language, .region-slide-in-menu #block-dropdownlanguage {
  position: initial;
  padding-top: 0;
  width: 100%;
}

.region-slide-in-menu .block-dropdown-language ul, .region-slide-in-menu #block-dropdownlanguage ul {
  font-size: inherit;
  font-weight: inherit;
  white-space: nowrap;
}

.region-slide-in-menu .block-dropdown-language ul > li:first-child:before, .region-slide-in-menu #block-dropdownlanguage ul > li:first-child:before {
  content: "";
  background-image: url(../images/globe.svg);
  width: 17px;
  height: 17px;
  display: inline-block;
  margin-right: 5px;
  background-size: cover;
  position: relative;
  top: 2px;
}

html[dir="rtl"] .region-slide-in-menu .block-dropdown-language ul > li:first-child:before, html[dir="rtl"] .region-slide-in-menu #block-dropdownlanguage ul > li:first-child:before {
  margin-left: 5px;
  margin-right: 0;
}

.region-slide-in-menu .block-dropdown-language li, .region-slide-in-menu #block-dropdownlanguage li {
  background: transparent;
}

.region-slide-in-menu .block-dropdown-language .language-link, .region-slide-in-menu #block-dropdownlanguage .language-link {
  font-size: inherit;
  font-weight: 600;
  display: inline-block;
}

.region-slide-in-menu .block-dropdown-language .dropbutton-wrapper, .region-slide-in-menu .block-dropdown-language .dropbutton-widget, .region-slide-in-menu #block-dropdownlanguage .dropbutton-wrapper, .region-slide-in-menu #block-dropdownlanguage .dropbutton-widget {
  display: inline-block;
}

.region-slide-in-menu .block-dropdown-language .dropbutton-wrapper .dropbutton, .region-slide-in-menu .block-dropdown-language .dropbutton-widget .dropbutton, .region-slide-in-menu #block-dropdownlanguage .dropbutton-wrapper .dropbutton, .region-slide-in-menu #block-dropdownlanguage .dropbutton-widget .dropbutton {
  position: absolute;
  top: -15px;
  background: white;
}

.region-slide-in-menu .block-dropdown-language .dropbutton-wrapper .dropbutton .dropbutton-action.secondary-action, .region-slide-in-menu .block-dropdown-language .dropbutton-widget .dropbutton .dropbutton-action.secondary-action, .region-slide-in-menu #block-dropdownlanguage .dropbutton-wrapper .dropbutton .dropbutton-action.secondary-action, .region-slide-in-menu #block-dropdownlanguage .dropbutton-widget .dropbutton .dropbutton-action.secondary-action {
  margin-left: 22px;
}

html[dir="rtl"] .region-slide-in-menu .block-dropdown-language .dropbutton-wrapper .dropbutton .dropbutton-action.secondary-action, html[dir="rtl"] .region-slide-in-menu .block-dropdown-language .dropbutton-widget .dropbutton .dropbutton-action.secondary-action, html[dir="rtl"] .region-slide-in-menu #block-dropdownlanguage .dropbutton-wrapper .dropbutton .dropbutton-action.secondary-action, html[dir="rtl"] .region-slide-in-menu #block-dropdownlanguage .dropbutton-widget .dropbutton .dropbutton-action.secondary-action {
  margin-right: 22px;
}

.region-slide-in-menu .block-dropdown-language .dropbutton-wrapper .dropbutton .dropbutton-toggle, .region-slide-in-menu .block-dropdown-language .dropbutton-widget .dropbutton .dropbutton-toggle, .region-slide-in-menu #block-dropdownlanguage .dropbutton-wrapper .dropbutton .dropbutton-toggle, .region-slide-in-menu #block-dropdownlanguage .dropbutton-widget .dropbutton .dropbutton-toggle {
  margin-right: 40px;
  position: static;
}

/* STATE = ACTIVE */
.slide-in-menu-active .region-slide-in-menu .menu--slide-in-menu {
  -webkit-transition:all 0.3s ease-in;
  transition: all 0.3s ease-in;
  z-index: 9999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

html[dir="ltr"] .slide-in-menu-active .region-slide-in-menu .menu--slide-in-menu {
  right: 0;
}

html[dir="rtl"] .slide-in-menu-active .region-slide-in-menu .menu--slide-in-menu {
  left: 0;
}

.slide-in-menu-active .region-slide-in-menu .after-slide-in-menu {
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  -webkit-transition:all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.boell-civi-newsletter-unsubscribe label,
.civicrm-newsletter-subscription-form label {
  display: block;
  max-width: 800px;
  color: #666;
  font-size: 1.125rem;
}

.boell-civi-newsletter-unsubscribe input[type="text"],
.boell-civi-newsletter-unsubscribe select,
.civicrm-newsletter-subscription-form input[type="text"],
.civicrm-newsletter-subscription-form select {
  margin-top: 7px;
  margin-bottom: 24px;
}

.boell-civi-newsletter-unsubscribe input[type="text"],
.civicrm-newsletter-subscription-form input[type="text"] {
  background-color: #f1f1f1;
  border: 2px solid #e0e0e0;
  font-size: 1.25rem;
  line-height: 1.3;
  padding: 0.5rem;
  width: 100%;
}

@media all and (min-width: 760px) {
  .boell-civi-newsletter-unsubscribe input[type="text"],
.civicrm-newsletter-subscription-form input[type="text"] {
    width: 55%;
  }
}

.boell-civi-newsletter-unsubscribe select,
.civicrm-newsletter-subscription-form select {
  background-color: #f1f1f1;
  border: 2px solid #e0e0e0;
  font-size: 1.25rem;
  line-height: 1.3;
  color: #7c7c7c;
  font-family: inherit;
  padding: 0.5rem;
  padding-right: 2em;
  width: 100%;
}

@media all and (min-width: 760px) {
  .boell-civi-newsletter-unsubscribe select,
.civicrm-newsletter-subscription-form select {
    width: auto;
  }
}

@media all and (min-width: 760px) {
  .boell-civi-newsletter-unsubscribe .form-item-country select,
.civicrm-newsletter-subscription-form .form-item-country select {
    width: 55%;
  }
}

.boell-civi-newsletter-unsubscribe .form-type-checkbox label,
.civicrm-newsletter-subscription-form .form-type-checkbox label {
  display: inline;
  margin-bottom: 24px;
}

.boell-civi-newsletter-unsubscribe input[type="checkbox"],
.civicrm-newsletter-subscription-form input[type="checkbox"] {
  display: inline-block;
  margin-right: 7px;
  vertical-align: top;
  margin-top: 2px;
}

.boell-civi-newsletter-unsubscribe input[type="submit"],
.civicrm-newsletter-subscription-form input[type="submit"] {
  margin-top: 15px;
  margin-bottom: 15px;
}

.boell-civi-newsletter-unsubscribe .form-required:after,
.civicrm-newsletter-subscription-form .form-required:after {
  content: '';
  vertical-align: super;
  display: inline-block;
  /* Use a background image to prevent screen readers from announcing the text. */
  background-image: url("/core/misc/icons/ee0000/required.svg");
  background-repeat: no-repeat;
  background-size: 8px 8px;
  width: 8px;
  height: 8px;
  margin: 0 0.3em;
}

.boell-civi-newsletter-unsubscribe .form-item-consent-note .form-required:after,
.civicrm-newsletter-subscription-form .form-item-consent-note .form-required:after {
  content: none;
}

.civicrm-newsletter-subscription-form input[type="text"] {
  max-width: 720px;
  width: 100%;
}

.civicrm-newsletter-subscription-form .form-item-conditions-public {
  margin-top: 32px;
}

.civicrm-newsletter-subscription-form .form-item-conditions-public label {
  font-weight: var(--font-weight--bold);
}

.civicrm-newsletter-subscription-form .form-item-conditions-public textarea[name="conditions_public"] {
  background: white;
  border: none;
  font-size: 1.125rem;
  max-width: 800px;
  padding-left: 0;
  width: 100%;
}

@supports (field-sizing: content) {
  .civicrm-newsletter-subscription-form .form-item-conditions-public textarea[name="conditions_public"] {
    field-sizing: content;
    resize: none;
  }
}

.civicrm-newsletter-subscription-form .form-item-mailing-lists {
  border: none;
  margin: 32px 0 0;
  padding: 0;
}

.civicrm-newsletter-subscription-form .form-item-mailing-lists .description {
  margin-top: 7px;
  margin-left: 24px;
}

.civicrm-newsletter-subscription-form .form-item-mailing-lists legend,
.civicrm-newsletter-subscription-form .form-item-mailing-lists .toggle-all {
  display: none;
}

.webform-submission-form label {
  margin-bottom: 5px;
  width: 40%;
}

@media all and (min-width: 760px) {
  .webform-submission-form label {
    width: 10%;
    margin-right: 20px;
  }
}

.webform-submission-form label.option {
  width: 100%;
}

@media all and (min-width: 760px) {
  .webform-submission-form label.option {
    width: 40%;
  }
}

.webform-submission-form label.form-required:after {
  content: " *";
}

.webform-submission-form .webform-flexbox {
  margin-top: 0;
}

.webform-submission-form .js-form-item {
  margin-top: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.webform-submission-form .webform-button--submit {
  margin: 50px 0;
}

.webform-submission-form .webform-element-help {
  background-color: #3a9192;
  border: 2px solid #3a9192;
}

.webform-submission-form input, .webform-submission-form textarea {
  width: 100%;
}

@media all and (min-width: 760px) {
  .webform-submission-form input, .webform-submission-form textarea {
    width: 70%;
  }
}

@media all and (min-width: 1220px) {
  .webform-submission-form input, .webform-submission-form textarea {
    width: 50%;
  }
}

.webform-submission-form input[type="checkbox"], .webform-submission-form input[type="radio"] {
  width: 15px;
  margin-right: 10px;
}

.blocked-content {
  display: block;
  padding: 25px;
  background: #e2e2e2;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALAQMAAACTYuVlAAAABlBMVEXY2Nj///8B0aRxAAAAIklEQVQIHQXBMQ0AMAgAsEJ27EQCUpCGdFqLZlhB8vgUzTgnRwHgfnOqxQAAAABJRU5ErkJggg==") repeat;
  margin: 0;
}

@media all and (min-width: 760px) {
  .blocked-content {
    padding: 50px;
  }
}

.blocked-content .blocked-center > h2 {
  margin-top: 0 !important;
}

.blocked-content.hide {
  display: none;
}

.blocked-content .sliderbox,
.blocked-content--accepted .sliderbox {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  margin-right: 1em;
  float: left;
  margin-top: 0.4em;
}

.blocked-content .sliderbox .slider,
.blocked-content--accepted .sliderbox .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  border-top: 0;
  margin-right: 0;
}

.blocked-content .sliderbox .slider:before,
.blocked-content--accepted .sliderbox .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.blocked-content .sliderbox .slider.accepted,
.blocked-content--accepted .sliderbox .slider.accepted {
  background: #91c800;
}

.blocked-content .sliderbox .slider.accepted:before,
.blocked-content--accepted .sliderbox .slider.accepted:before {
  left: 30px;
}

.blocked-content .sliderbox form input[type="checkbox"],
.blocked-content--accepted .sliderbox form input[type="checkbox"] {
  margin-left: 0;
  font-size: 1.45em;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
}

.blocked-content--accepted {
  display: none;
  margin-top: 12px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALAQMAAACTYuVlAAAABlBMVEXY2Nj///8B0aRxAAAAIklEQVQIHQXBMQ0AMAgAsEJ27EQCUpCGdFqLZlhB8vgUzTgnRwHgfnOqxQAAAABJRU5ErkJggg==") repeat;
  padding: 20px;
}

.blocked-content--accepted.show {
  display: block;
}

.blocked-content--accepted .sliderbox {
  margin-top: 0;
}

.blocked-content--accepted .blocked-content--accepted-message {
  margin: 0;
  padding: 5px;
}

.article__navigation {
  width: 100%;
  background: #e2e2e2;
  padding: 15px 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.article__navigation svg {
  width: 15px;
  height: 15px;
}

@media all and (min-width: 760px) {
  .article__navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 15px 30px;
  }
}

@media all and (min-width: 1220px) {
  .article__navigation {
    padding: 20px 80px;
  }
}

.article__navigation div {
  display: inline-block;
}

.article__navigation a {
  text-decoration: none;
  color: #444444;
}

.article__navigation .article__previous-article,
.article__navigation .article__next-article {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 1.3rem;
}

.article__navigation .article__next-article {
  text-align: right;
}

.article__navigation .article__next-article svg {
  margin-left: 5px;
  fill: #444444;
}

.article__navigation .article__previous-article svg {
  margin-right: 5px;
  fill: #444444;
}

.js .download-overlay--wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  z-index: 10;
}

.js .download-overlay--wrapper.hide {
  display: none;
}

.js .download-overlay--wrapper .download-overlay--content {
  margin: auto auto;
  padding: 25px;
  max-width: 75%;
  background: #f1f1f1;
}

@media all and (min-width: 1220px) {
  .js .download-overlay--wrapper .download-overlay--content {
    padding: 80px;
    padding-bottom: 60px;
  }
}

.js .download-overlay--wrapper .close-button {
  position: relative;
  cursor: pointer;
  width: 15px;
  float: right;
  top: -5px;
  right: -5px;
  color: #666;
}

@media all and (min-width: 1220px) {
  .js .download-overlay--wrapper .close-button {
    width: 20px;
    top: -25px;
    right: -20px;
  }
}

.no-js #button-product--download {
  display: none;
}

.no-js .download-overlay--wrapper {
  display: block;
}

.no-js .download-overlay--content {
  margin: 25px 0;
}

.no-js .close-button {
  display: none;
}

@media all and (min-width: 1220px) {
  .scrollover__container {
    margin-left: -245px;
    margin-right: -245px;
  }
}

.darkmode .scrollover__container {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}

.no-touchevents .darkmode .scrollover__container {
  margin-left: calc(-50vw + 50% + 8px);
  margin-right: calc(-50vw + 50% + 8px);
}

.scrollover__container .align-sticky.embedded-entity,
.scrollover__container .align-sticky.media {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.scrollover__container .align-sticky.embedded-entity .field.field--name-field-media-image,
.scrollover__container .align-sticky.media .field.field--name-field-media-image {
  position: relative;
  max-width: 100vw;
  height: 100svh;
  width: 100%;
}

.scrollover__container .align-sticky.embedded-entity figcaption,
.scrollover__container .align-sticky.media figcaption {
  display: none;
}

.scrollover__container .align-sticky.embedded-entity img,
.scrollover__container .align-sticky.media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.scrollover__container .scrollover__caption-container {
  position: relative;
  margin-top: 25svh;
  height: 100svh;
  color: white;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

html[dir="rtl"] .scrollover__container .scrollover__caption-container {
  padding-right: 30px;
}

.scrollover__container .scrollover__caption-container .scrollover__caption {
  font-size: 1.3125rem;
  font-family: var(--font-dinweb);
  font-weight: var(--font-weight--bold);
  line-height: 2;
  max-width: calc(100% - 40px);
  margin-left: 24px;
}

@media all and (min-width: 760px) {
  .scrollover__container .scrollover__caption-container .scrollover__caption {
    font-size: 1.5rem;
    margin-left: 0;
  }
  .scrollover__container .scrollover__caption-container .scrollover__caption:not(.scrollover__caption--align-left), .scrollover__container .scrollover__caption-container .scrollover__caption:not(.scrollover__caption--align-right) {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 730px;
  }
  .scrollover__container .scrollover__caption-container .scrollover__caption.scrollover__caption--align-right {
    float: right;
    margin-right: 15%;
    max-width: 350px;
  }
  .scrollover__container .scrollover__caption-container .scrollover__caption.scrollover__caption--align-left {
    float: left;
    margin-left: 15%;
    max-width: 350px;
  }
}

.scrollover__container + p:empty {
  display: none;
}

.scrollover__caption-inner {
  background: #000;
  box-shadow: 12px 0 0 #000, -12px 0 0 #000;
  display: inline;
  padding: 15px 0;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}

.infinite-scroll--loading.loading-indicator {
  width: 100vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 0;
}

.infinite-scroll--loading.loading-indicator::before {
  content: '';
  display: block;
  width: 100px;
  height: 50px;
  max-width: 100%;
  margin: 0 auto;
  -webkit-animation: none;
  animation: none;
  background: url(/themes/theodor/images/Animation_Boell_Logo.gif);
  background-repeat: no-repeat;
  background-size: 100px;
}

body.js-infinite-scroll .article__footer {
  border-top: none;
}

.site-footer--tabs .block-footify-block .menu, .site-footer--tabs .block-footify-block .field--name-body,
.site-footer--tabs .region-footify-submenu .menu,
.site-footer--tabs .region-footify-submenu .field--name-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  list-style: none;
  gap: 1rem;
  margin: 1rem 2rem;
  padding: 0;
}

@media all and (min-width: 760px) {
  .site-footer--tabs .block-footify-block .menu, .site-footer--tabs .block-footify-block .field--name-body,
.site-footer--tabs .region-footify-submenu .menu,
.site-footer--tabs .region-footify-submenu .field--name-body {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    height: 600px;
  }
}

.site-footer--tabs .block-footify-block .menu > *, .site-footer--tabs .block-footify-block .field--name-body > *,
.site-footer--tabs .region-footify-submenu .menu > *,
.site-footer--tabs .region-footify-submenu .field--name-body > * {
  font-size: 1rem !important;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
}

.site-footer--tabs .block-footify-block .menu .leaf, .site-footer--tabs .block-footify-block .field--name-body .leaf,
.site-footer--tabs .region-footify-submenu .menu .leaf,
.site-footer--tabs .region-footify-submenu .field--name-body .leaf {
  font-weight: normal;
  font-size: 1rem;
}

.site-footer--tabs .block-footify-block .menu .submenu-head, .site-footer--tabs .block-footify-block .field--name-body .submenu-head,
.site-footer--tabs .region-footify-submenu .menu .submenu-head,
.site-footer--tabs .region-footify-submenu .field--name-body .submenu-head {
  width: 250px;
  font-weight: 700;
  list-style: none;
}

.site-footer--tabs .block-footify-block .menu .submenu, .site-footer--tabs .block-footify-block .field--name-body .submenu,
.site-footer--tabs .region-footify-submenu .menu .submenu,
.site-footer--tabs .region-footify-submenu .field--name-body .submenu {
  list-style: none;
  padding: 0;
  line-height: 1.7rem;
  margin-top: 5px;
}

.site-footer--tabs .block-footify-block .menu a, .site-footer--tabs .block-footify-block .field--name-body a,
.site-footer--tabs .region-footify-submenu .menu a,
.site-footer--tabs .region-footify-submenu .field--name-body a {
  font-size: 1rem;
  margin-bottom: 0;
  text-decoration: none;
}

.site-footer--tabs .block-footify-block .menu a:hover, .site-footer--tabs .block-footify-block .field--name-body a:hover,
.site-footer--tabs .region-footify-submenu .menu a:hover,
.site-footer--tabs .region-footify-submenu .field--name-body a:hover {
  text-decoration: underline;
}

.site-footer--tabs .block-footify-block .menu a img, .site-footer--tabs .block-footify-block .field--name-body a img,
.site-footer--tabs .region-footify-submenu .menu a img,
.site-footer--tabs .region-footify-submenu .field--name-body a img {
  width: 35px;
  -webkit-margin-end: 1rem;
     -moz-margin-end: 1rem;
          margin-inline-end: 1rem;
}

.site-footer--tabs .block-footify-block .menu p, .site-footer--tabs .block-footify-block .field--name-body p,
.site-footer--tabs .region-footify-submenu .menu p,
.site-footer--tabs .region-footify-submenu .field--name-body p {
  margin: 0 !important;
}

.site-footer--tabs .block-footify-block .menu p strong, .site-footer--tabs .block-footify-block .field--name-body p strong,
.site-footer--tabs .region-footify-submenu .menu p strong,
.site-footer--tabs .region-footify-submenu .field--name-body p strong {
  display: inline-block;
  margin-bottom: -10px;
}

.site-footer--tabs .block-footify-block .field--name-body a,
.site-footer--tabs .region-footify-submenu .field--name-body a {
  margin: 5px 0;
  display: inline-block;
  text-decoration: underline;
}

.site-footer--tabs .block-footify-block .field--name-body ul,
.site-footer--tabs .region-footify-submenu .field--name-body ul {
  list-style: none;
}

.site-footer--tabs .block-footify-block {
  cursor: pointer;
  padding: 1rem;
  -webkit-padding-start: 4rem;
     -moz-padding-start: 4rem;
          padding-inline-start: 4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 2px solid;
  border-color: #91C800;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #444;
}

.site-footer--tabs .block-footify-block:last-of-type {
  border-bottom: none;
}

@media all and (min-width: 760px) {
  .site-footer--tabs .block-footify-block {
    border-bottom: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .site-footer--tabs .block-footify-block.active, .site-footer--tabs .block-footify-block:hover {
    background: #B2D84C;
  }
}

@media all and (min-width: 1024px) {
  .site-footer--tabs .block-footify-block {
    -webkit-padding-start: 6rem;
       -moz-padding-start: 6rem;
            padding-inline-start: 6rem;
  }
}

.site-footer--tabs .block-footify-block h2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.1rem;
  text-transform: none;
  color: inherit;
}

.site-footer--tabs .block-footify-block h2:after {
  content: '';
  display: block;
  background: url(../images/chevron-right-regular.svg);
  width: 1.1rem;
  height: 1.75rem;
  background-size: 1em;
  background-repeat: no-repeat;
  -webkit-margin-start: auto;
     -moz-margin-start: auto;
          margin-inline-start: auto;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition:-webkit-transform 0.25s linear;
  transition:-webkit-transform 0.25s linear;
  transition:transform 0.25s linear;
  transition: transform 0.25s linear, -webkit-transform 0.25s linear;
}

@media all and (min-width: 760px) {
  html[dir="ltr"] .site-footer--tabs .block-footify-block h2:after {
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  html[dir="rtl"] .site-footer--tabs .block-footify-block h2:after {
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
  }
}

.site-footer--tabs .block-footify-block.active h2:after {
  content: '';
  display: block;
  background: url(../images/chevron-right-regular.svg);
  width: 1.1rem;
  height: 1.75rem;
  background-size: 1em;
  background-repeat: no-repeat;
  -webkit-margin-start: auto;
     -moz-margin-start: auto;
          margin-inline-start: auto;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

@media all and (min-width: 760px) {
  html[dir="ltr"] .site-footer--tabs .block-footify-block.active h2:after {
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  html[dir="rtl"] .site-footer--tabs .block-footify-block.active h2:after {
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
  }
}

.site-footer--tabs .block-footify-block .menu, .site-footer--tabs .block-footify-block .field--name-body {
  max-height: 0;
  color: inherit;
  padding: 0;
  overflow: hidden;
  margin: 0;
  -webkit-transition:all 0.25s linear;
  transition: all 0.25s linear;
}

@media all and (min-width: 760px) {
  .site-footer--tabs .block-footify-block .menu, .site-footer--tabs .block-footify-block .field--name-body {
    max-height: 100%;
    display: none;
  }
}

.site-footer--tabs .block-footify-block .menu *, .site-footer--tabs .block-footify-block .field--name-body * {
  color: inherit;
}

.site-footer--tabs .block-footify-block.active .menu, .site-footer--tabs .block-footify-block.active .field--name-body {
  max-height: 2000px;
  -webkit-transition:all 0.25s linear;
  transition: all 0.25s linear;
  margin: 1rem 0;
}

@media all and (min-width: 760px) {
  .site-footer--tabs .region-footify-submenu {
    width: 65%;
  }
}

.site-footer--tabs .region-footify-submenu .menu,
.site-footer--tabs .region-footify-submenu .field--name-body {
  display: none;
  color: inherit;
}

.site-footer--tabs .region-footify-submenu .menu *,
.site-footer--tabs .region-footify-submenu .field--name-body * {
  color: inherit;
}

@media all and (min-width: 760px) {
  .site-footer--tabs .region-footify-submenu .menu,
.site-footer--tabs .region-footify-submenu .field--name-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }
}

@media all and (min-width: 1024px) {
  .site-footer--tabs .region-footify-submenu .menu,
.site-footer--tabs .region-footify-submenu .field--name-body {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

#profile-popup-container {
  background: var(--brand-colors-gray-light-2);
  width: 100%;
  display: none;
  position: absolute;
  top: -4px;
  /* prevent German umlauts from peeking up behind overlay */
  left: 0%;
  z-index: 99;
  padding: 0 10px 60px 10px;
  line-height: 1.5;
  font-family: "Noto Serif", Georgia, Palatino, "Palatino Linotype", FreeSerif, serif;
  font-size: 1.0625rem;
  font-family: var(--font-dinweb);
}

@media all and (min-width: 760px) {
  #profile-popup-container {
    font-size: 1.1875rem;
    line-height: 1.6;
  }
}

#profile-popup-container .person-header {
  position: relative;
  margin: 24px 0 39px 0;
}

@media all and (min-width: 760px) {
  #profile-popup-container .person-header {
    margin: 48px 0 15px 0;
  }
}

#profile-popup-container .close-button-container {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 100%;
  max-width: 980px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0 10px;
}

#profile-popup-container .close-button {
  height: 26px;
  width: 26px;
  cursor: pointer;
}

#profile-popup-container .close-button svg {
  width: 100%;
  height: 100%;
}

@media all and (min-width: 760px) {
  #profile-popup-container .close-button {
    top: 17px;
  }
}

#profile-popup-container .node__content {
  max-width: 730px;
  margin: 0 auto;
}

#profile-popup-container .node__content .person-information {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  gap: 15px;
  text-align: center;
}

@media all and (min-width: 760px) {
  #profile-popup-container .node__content .person-information {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start;
    text-align: left;
    gap: 28px;
  }
}

#profile-popup-container .node__content .person-information .field--name-field-media-image img {
  height: 100px;
  width: 100px;
  max-width: 100px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

#profile-popup-container .node__content .person-information .person-name .field--name-title {
  font-size: 1.75rem;
  font-weight: var(--font-weight--bold);
  margin-bottom: 6px;
}

@media all and (min-width: 760px) {
  #profile-popup-container .node__content .person-information .person-name .field--name-title {
    font-size: 2.0625rem;
  }
}

#profile-popup-container .node__content .person-information .person-name .field--name-field-position {
  font-size: 1.125rem;
  font-style: italic;
  color: var(--brand-colors-gray-3);
  font-weight: var(--font-weight--bold);
  max-width: 450px;
}

#profile-popup-container .node__content .person-body .text-formatted {
  margin-bottom: 60px;
}

#profile-popup-container .node__content .person-body .text-formatted p {
  line-height: 1.5;
  font-family: "Noto Serif", Georgia, Palatino, "Palatino Linotype", FreeSerif, serif;
  font-size: 1.0625rem;
  font-family: var(--font-dinweb);
}

@media all and (min-width: 760px) {
  #profile-popup-container .node__content .person-body .text-formatted p {
    font-size: 1.1875rem;
    line-height: 1.6;
  }
}

@media all and (min-width: 760px) {
  #profile-popup-container .node__content .person-body .text-formatted {
    padding-top: 18px;
  }
}

#profile-popup-container .node__content .person-body .person-contact .field__label {
  font-size: 1.40625rem;
  font-weight: var(--font-weight--bold);
}

#profile-popup-container .node__content .person-body .person-contact .field__item p {
  margin-top: 7px;
}

#profile-popup-container .node__content .person-articles {
  border-top: 1px solid var(--brand-colors-gray-dark-2);
  margin-top: 14px;
}

@media all and (min-width: 760px) {
  #profile-popup-container .node__content .person-articles .person-articles__title {
    margin-top: 33px;
  }
}

#profile-popup-container .node__content .person-articles .view-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 28px;
}

#profile-popup-container .node__content .person-articles .view-content .views-field-title a {
  font-weight: var(--font-weight--medium);
  text-decoration: none;
}

#profile-popup-backdrop {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 98;
  pointer-events: none;
}

.accessibility-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  gap: 0;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.accessibility-button {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 40px;
  height: 40px;
  padding: 10px;
  border: 1px solid var(--boe-color-neutral-80);
  color: var(--boe-color-neutral-80);
  background-color: white;
  -webkit-transition:color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

.accessibility-button:not(:first-child) {
  margin-left: -1px;
}

.accessibility-button:hover, .accessibility-button:active, .accessibility-button.current, .accessibility-button:focus-visible {
  background-color: var(--boe-color-primary-20);
}

.accessibility-button:before {
  content: "";
  background: url(/themes/theodor/images/accessibility-simple-language.svg) no-repeat;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.accessibility-button.simple-language:before {
  background: url(/themes/theodor/images/accessibility-simple-language.svg) no-repeat;
}

.accessibility-button.sign-language:before {
  background: url(/themes/theodor/images/accessibility-sign-language.svg) no-repeat;
}

.accessibility-button.transcript:before {
  background: url(/themes/theodor/images/accessibility-transcript.svg) no-repeat;
}

.accessibility-button.back-to-overview:before {
  background: url(/themes/theodor/images/chevron-left-solid.svg) no-repeat;
}

ul[data-drupal-facet-id="ls_gs_regular"] {
  list-style: none;
  padding: 0;
}

ul[data-drupal-facet-id="ls_gs_regular"] .facet-item {
  margin: 1rem auto;
}

.path-publikationsseite .page-title {
  color: var(--boe-color-primary-100);
  font-size: 3rem;
}

.path-publikationsseite .grid-container-title {
  font-size: 2.1333rem;
  color: var(--boe-color-neutral-80);
  border: none;
}

.path-publikationsseite #block-theodor-filterforpublications:has(.view-publication-facets-selected-filter-item) {
  position: -webkit-sticky;
  position: sticky;
  top: -54px;
  z-index: 99;
  background-color: white;
}

.path-publikationsseite .view-publication-facets-type-two {
  padding-bottom: 1.75rem;
}

body[class*="path-taxonomy-term-"] .block-page-title-block,
body[class*="path-taxonomy-term-"] .views-element-container:not(.block),
body.theodor-view--taxonomy-term .block-page-title-block,
body.theodor-view--taxonomy-term .views-element-container:not(.block),
body.path-taxonomy .block-page-title-block,
body.path-taxonomy .views-element-container:not(.block),
body.path-terms .block-page-title-block,
body.path-terms .views-element-container:not(.block),
body.path-term .block-page-title-block,
body.path-term .views-element-container:not(.block),
body.theodor-view--media-tags .block-page-title-block,
body.theodor-view--media-tags .views-element-container:not(.block),
.teaser-collection--images-right .block-page-title-block,
.teaser-collection--images-right .views-element-container:not(.block) {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
}

body[class*="path-taxonomy-term-"] .view-header,
body.theodor-view--taxonomy-term .view-header,
body.path-taxonomy .view-header,
body.path-terms .view-header,
body.path-term .view-header,
body.theodor-view--media-tags .view-header,
.teaser-collection--images-right .view-header {
  margin-bottom: 44px;
}

body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link,
body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link,
body.path-taxonomy .view-header .taxonomy--content-media-cross-link,
body.path-terms .view-header .taxonomy--content-media-cross-link,
body.path-term .view-header .taxonomy--content-media-cross-link,
body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link,
.teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  display: inline-block;
  text-decoration: none;
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.3;
  text-decoration: none;
  -webkit-padding-before: 12px;
          padding-block-start: 12px;
  -webkit-padding-after: 10px;
          padding-block-end: 10px;
  padding-inline: 15px;
  cursor: pointer;
  font-weight: 700;
  -webkit-transition:background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  font-size: 1rem;
  line-height: 1;
  background-color: #91c800;
  color: #333;
  font-weight: 700;
  transition: background 0.2s ease-in-out;
  -webkit-padding-before: 10px;
          padding-block-start: 10px;
}

body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible,
body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover,
body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible,
body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover,
body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible,
body.path-terms .view-header .taxonomy--content-media-cross-link:hover,
body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible,
body.path-term .view-header .taxonomy--content-media-cross-link:hover,
body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible,
body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover,
body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible,
.teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover,
.teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #a3e200;
}

.grid-container.color--bildungswerk-blue body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-container.color--bildungswerk-blue body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--bildungswerk-blue body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-container.color--bildungswerk-blue body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-container.color--bildungswerk-blue body.path-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--bildungswerk-blue body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-container.color--bildungswerk-blue .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #203c89;
  color: #333;
}

.grid-container.color--bildungswerk-blue body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--bildungswerk-blue body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--bildungswerk-blue body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--bildungswerk-blue body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--bildungswerk-blue body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--bildungswerk-blue body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--bildungswerk-blue body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--bildungswerk-blue body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--bildungswerk-blue body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--bildungswerk-blue body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--bildungswerk-blue body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--bildungswerk-blue body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--bildungswerk-blue .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--bildungswerk-blue .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #25459e;
}

.grid-box.color--bildungswerk-blue body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-box.color--bildungswerk-blue body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--bildungswerk-blue body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-box.color--bildungswerk-blue body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-box.color--bildungswerk-blue body.path-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--bildungswerk-blue body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-box.color--bildungswerk-blue .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #203c89 !important;
  color: #333 !important;
}

.grid-box.color--bildungswerk-blue body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--bildungswerk-blue body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--bildungswerk-blue body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--bildungswerk-blue body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--bildungswerk-blue body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--bildungswerk-blue body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--bildungswerk-blue body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--bildungswerk-blue body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--bildungswerk-blue body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--bildungswerk-blue body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--bildungswerk-blue body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--bildungswerk-blue body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--bildungswerk-blue .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--bildungswerk-blue .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #25459e !important;
}

.grid-container.color--bildungswerk-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-container.color--bildungswerk-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--bildungswerk-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-container.color--bildungswerk-green body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-container.color--bildungswerk-green body.path-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--bildungswerk-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-container.color--bildungswerk-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #198632;
  color: #333;
}

.grid-container.color--bildungswerk-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--bildungswerk-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--bildungswerk-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--bildungswerk-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--bildungswerk-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--bildungswerk-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--bildungswerk-green body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--bildungswerk-green body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--bildungswerk-green body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--bildungswerk-green body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--bildungswerk-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--bildungswerk-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--bildungswerk-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--bildungswerk-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #1d9b3a;
}

.grid-box.color--bildungswerk-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-box.color--bildungswerk-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--bildungswerk-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-box.color--bildungswerk-green body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-box.color--bildungswerk-green body.path-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--bildungswerk-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-box.color--bildungswerk-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #198632 !important;
  color: #333 !important;
}

.grid-box.color--bildungswerk-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--bildungswerk-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--bildungswerk-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--bildungswerk-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--bildungswerk-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--bildungswerk-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--bildungswerk-green body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--bildungswerk-green body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--bildungswerk-green body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--bildungswerk-green body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--bildungswerk-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--bildungswerk-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--bildungswerk-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--bildungswerk-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #1d9b3a !important;
}

.grid-container.color--boell-blue body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-blue body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-blue body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-blue body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-blue body.path-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-blue body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-blue .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #0e307f;
  color: white !important;
}

.grid-container.color--boell-blue body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-blue body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-blue body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-blue body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-blue body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-blue body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-blue body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-blue body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-blue body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-blue body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-blue body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-blue body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-blue .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-blue .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #0b2768;
}

.grid-box.color--boell-blue body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-blue body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-blue body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-blue body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-blue body.path-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-blue body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-blue .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #0e307f !important;
  color: white !important;
}

.grid-box.color--boell-blue body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-blue body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-blue body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-blue body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-blue body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-blue body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-blue body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-blue body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-blue body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-blue body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-blue body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-blue body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-blue .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-blue .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #0b2768 !important;
}

.grid-container.color--boell-dark-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-dark-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-dark-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-dark-green body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-dark-green body.path-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-dark-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-dark-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #45783a;
  color: white !important;
}

.grid-container.color--boell-dark-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-dark-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-dark-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-dark-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-dark-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-dark-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-dark-green body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-dark-green body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-dark-green body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-dark-green body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-dark-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-dark-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-dark-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-dark-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #3b6732;
}

.grid-box.color--boell-dark-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-dark-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-dark-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-dark-green body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-dark-green body.path-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-dark-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-dark-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #45783a !important;
  color: white !important;
}

.grid-box.color--boell-dark-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-dark-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-dark-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-dark-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-dark-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-dark-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-dark-green body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-dark-green body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-dark-green body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-dark-green body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-dark-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-dark-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-dark-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-dark-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #3b6732 !important;
}

.grid-container.color--boell-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-green body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-green body.path-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--boell-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-green body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-green body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-green body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-green body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #a3e200;
}

.grid-box.color--boell-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-green body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-green body.path-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--boell-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-green body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-green body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-green body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-green body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--boell-orange body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-orange body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-orange body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-orange body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-orange body.path-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-orange body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-orange .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #fd7232;
  color: #333;
}

.grid-container.color--boell-orange body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-orange body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-orange body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-orange body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-orange body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-orange body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-orange body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-orange body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-orange body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-orange body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-orange body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-orange body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-orange .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-orange .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #fd834b;
}

.grid-box.color--boell-orange body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-orange body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-orange body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-orange body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-orange body.path-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-orange body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-orange .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #fd7232 !important;
  color: #333 !important;
}

.grid-box.color--boell-orange body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-orange body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-orange body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-orange body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-orange body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-orange body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-orange body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-orange body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-orange body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-orange body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-orange body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-orange body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-orange .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-orange .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #fd834b !important;
}

.grid-container.color--boell-red body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-red body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-red body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-red body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-red body.path-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-red body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-red .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #cc0000;
  color: white !important;
}

.grid-container.color--boell-red body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-red body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-red body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-red body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-red body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-red body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-red body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-red body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-red body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-red body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-red body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-red body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-red .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-red .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #b30000;
}

.grid-box.color--boell-red body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-red body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-red body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-red body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-red body.path-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-red body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-red .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #cc0000 !important;
  color: white !important;
}

.grid-box.color--boell-red body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-red body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-red body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-red body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-red body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-red body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-red body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-red body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-red body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-red body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-red body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-red body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-red .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-red .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #b30000 !important;
}

.grid-container.color--boell-turquoise body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-turquoise body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-turquoise body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-turquoise body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-turquoise body.path-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-turquoise body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-turquoise .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #008599;
  color: white !important;
}

.grid-container.color--boell-turquoise body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-turquoise body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-turquoise body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-turquoise body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-turquoise body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-turquoise body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-turquoise body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-turquoise body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-turquoise body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-turquoise body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-turquoise body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-turquoise body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-turquoise .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-turquoise .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #006f80;
}

.grid-box.color--boell-turquoise body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-turquoise body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-turquoise body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-turquoise body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-turquoise body.path-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-turquoise body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-turquoise .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #008599 !important;
  color: white !important;
}

.grid-box.color--boell-turquoise body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-turquoise body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-turquoise body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-turquoise body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-turquoise body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-turquoise body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-turquoise body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-turquoise body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-turquoise body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-turquoise body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-turquoise body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-turquoise body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-turquoise .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-turquoise .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #006f80 !important;
}

.grid-container.color--boell-gray body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-gray body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-gray body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-gray body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-gray body.path-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-gray body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-gray .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #e2e2e2;
  color: #333;
}

.grid-container.color--boell-gray body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-gray body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-gray body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-gray body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-gray body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-gray body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-gray body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-gray body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-gray body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-gray body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-gray body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-gray body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-gray .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-gray .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #efefef;
}

.grid-box.color--boell-gray body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-gray body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-gray body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-gray body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-gray body.path-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-gray body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-gray .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #e2e2e2 !important;
  color: #333 !important;
}

.grid-box.color--boell-gray body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-gray body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-gray body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-gray body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-gray body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-gray body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-gray body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-gray body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-gray body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-gray body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-gray body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-gray body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-gray .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-gray .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #efefef !important;
}

.grid-container.color--boell-yellow body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-yellow body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-yellow body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-yellow body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-yellow body.path-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-yellow body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-container.color--boell-yellow .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #fac32f;
  color: #333;
}

.grid-container.color--boell-yellow body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-yellow body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-yellow body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-yellow body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-yellow body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-yellow body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-yellow body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-yellow body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-yellow body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-yellow body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-yellow body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-yellow body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--boell-yellow .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--boell-yellow .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #fbca48;
}

.grid-box.color--boell-yellow body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-yellow body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-yellow body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-yellow body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-yellow body.path-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-yellow body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-box.color--boell-yellow .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #fac32f !important;
  color: #333 !important;
}

.grid-box.color--boell-yellow body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-yellow body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-yellow body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-yellow body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-yellow body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-yellow body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-yellow body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-yellow body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-yellow body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-yellow body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-yellow body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-yellow body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--boell-yellow .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--boell-yellow .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #fbca48 !important;
}

.grid-container.color--brandenburg-blue body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-container.color--brandenburg-blue body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--brandenburg-blue body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-container.color--brandenburg-blue body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-container.color--brandenburg-blue body.path-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--brandenburg-blue body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-container.color--brandenburg-blue .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #0064a7;
  color: white !important;
}

.grid-container.color--brandenburg-blue body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--brandenburg-blue body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--brandenburg-blue body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--brandenburg-blue body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--brandenburg-blue body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--brandenburg-blue body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--brandenburg-blue body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--brandenburg-blue body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--brandenburg-blue body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--brandenburg-blue body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--brandenburg-blue body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--brandenburg-blue body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--brandenburg-blue .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--brandenburg-blue .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #00558e;
}

.grid-box.color--brandenburg-blue body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-box.color--brandenburg-blue body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--brandenburg-blue body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-box.color--brandenburg-blue body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-box.color--brandenburg-blue body.path-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--brandenburg-blue body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-box.color--brandenburg-blue .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #0064a7 !important;
  color: white !important;
}

.grid-box.color--brandenburg-blue body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--brandenburg-blue body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--brandenburg-blue body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--brandenburg-blue body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--brandenburg-blue body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--brandenburg-blue body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--brandenburg-blue body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--brandenburg-blue body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--brandenburg-blue body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--brandenburg-blue body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--brandenburg-blue body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--brandenburg-blue body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--brandenburg-blue .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--brandenburg-blue .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #00558e !important;
}

.grid-container.color--brandenburg-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-container.color--brandenburg-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--brandenburg-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-container.color--brandenburg-green body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-container.color--brandenburg-green body.path-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--brandenburg-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-container.color--brandenburg-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #95bb2e;
  color: #333;
}

.grid-container.color--brandenburg-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--brandenburg-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--brandenburg-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--brandenburg-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--brandenburg-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--brandenburg-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--brandenburg-green body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--brandenburg-green body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--brandenburg-green body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--brandenburg-green body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--brandenburg-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--brandenburg-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--brandenburg-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--brandenburg-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #a4cd35;
}

.grid-box.color--brandenburg-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-box.color--brandenburg-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--brandenburg-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-box.color--brandenburg-green body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-box.color--brandenburg-green body.path-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--brandenburg-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-box.color--brandenburg-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #95bb2e !important;
  color: #333 !important;
}

.grid-box.color--brandenburg-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--brandenburg-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--brandenburg-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--brandenburg-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--brandenburg-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--brandenburg-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--brandenburg-green body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--brandenburg-green body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--brandenburg-green body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--brandenburg-green body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--brandenburg-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--brandenburg-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--brandenburg-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--brandenburg-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #a4cd35 !important;
}

.grid-container.color--brandenburg-orange body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-container.color--brandenburg-orange body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--brandenburg-orange body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-container.color--brandenburg-orange body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-container.color--brandenburg-orange body.path-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--brandenburg-orange body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-container.color--brandenburg-orange .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #f8ad14;
  color: #333;
}

.grid-container.color--brandenburg-orange body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--brandenburg-orange body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--brandenburg-orange body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--brandenburg-orange body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--brandenburg-orange body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--brandenburg-orange body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--brandenburg-orange body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--brandenburg-orange body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--brandenburg-orange body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--brandenburg-orange body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--brandenburg-orange body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--brandenburg-orange body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--brandenburg-orange .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--brandenburg-orange .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #f9b62d;
}

.grid-box.color--brandenburg-orange body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-box.color--brandenburg-orange body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--brandenburg-orange body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-box.color--brandenburg-orange body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-box.color--brandenburg-orange body.path-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--brandenburg-orange body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-box.color--brandenburg-orange .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #f8ad14 !important;
  color: #333 !important;
}

.grid-box.color--brandenburg-orange body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--brandenburg-orange body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--brandenburg-orange body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--brandenburg-orange body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--brandenburg-orange body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--brandenburg-orange body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--brandenburg-orange body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--brandenburg-orange body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--brandenburg-orange body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--brandenburg-orange body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--brandenburg-orange body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--brandenburg-orange body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--brandenburg-orange .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--brandenburg-orange .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #f9b62d !important;
}

.grid-container.color--brandenburg-red body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-container.color--brandenburg-red body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--brandenburg-red body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-container.color--brandenburg-red body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-container.color--brandenburg-red body.path-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--brandenburg-red body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-container.color--brandenburg-red .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #e02d34;
  color: #333;
}

.grid-container.color--brandenburg-red body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--brandenburg-red body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--brandenburg-red body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--brandenburg-red body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--brandenburg-red body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--brandenburg-red body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--brandenburg-red body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--brandenburg-red body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--brandenburg-red body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--brandenburg-red body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--brandenburg-red body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--brandenburg-red body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--brandenburg-red .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--brandenburg-red .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #e34349;
}

.grid-box.color--brandenburg-red body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-box.color--brandenburg-red body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--brandenburg-red body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-box.color--brandenburg-red body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-box.color--brandenburg-red body.path-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--brandenburg-red body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-box.color--brandenburg-red .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #e02d34 !important;
  color: #333 !important;
}

.grid-box.color--brandenburg-red body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--brandenburg-red body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--brandenburg-red body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--brandenburg-red body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--brandenburg-red body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--brandenburg-red body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--brandenburg-red body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--brandenburg-red body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--brandenburg-red body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--brandenburg-red body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--brandenburg-red body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--brandenburg-red body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--brandenburg-red .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--brandenburg-red .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #e34349 !important;
}

.grid-container.color--greencampus-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-container.color--greencampus-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--greencampus-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-container.color--greencampus-green body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-container.color--greencampus-green body.path-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--greencampus-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-container.color--greencampus-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #6bb232;
  color: #333;
}

.grid-container.color--greencampus-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--greencampus-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--greencampus-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--greencampus-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--greencampus-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--greencampus-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--greencampus-green body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--greencampus-green body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--greencampus-green body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--greencampus-green body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--greencampus-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--greencampus-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--greencampus-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--greencampus-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #77c638;
}

.grid-box.color--greencampus-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-box.color--greencampus-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--greencampus-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-box.color--greencampus-green body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-box.color--greencampus-green body.path-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--greencampus-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-box.color--greencampus-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #6bb232 !important;
  color: #333 !important;
}

.grid-box.color--greencampus-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--greencampus-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--greencampus-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--greencampus-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--greencampus-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--greencampus-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--greencampus-green body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--greencampus-green body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--greencampus-green body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--greencampus-green body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--greencampus-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--greencampus-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--greencampus-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--greencampus-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #77c638 !important;
}

.grid-container.color--gwi-red body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-container.color--gwi-red body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--gwi-red body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-container.color--gwi-red body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-container.color--gwi-red body.path-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--gwi-red body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-container.color--gwi-red .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #E70457;
  color: white !important;
}

.grid-container.color--gwi-red body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--gwi-red body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--gwi-red body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--gwi-red body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--gwi-red body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--gwi-red body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--gwi-red body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--gwi-red body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--gwi-red body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--gwi-red body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--gwi-red body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--gwi-red body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--gwi-red .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--gwi-red .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #ce044e;
}

.grid-box.color--gwi-red body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-box.color--gwi-red body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--gwi-red body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-box.color--gwi-red body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-box.color--gwi-red body.path-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--gwi-red body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-box.color--gwi-red .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #E70457 !important;
  color: white !important;
}

.grid-box.color--gwi-red body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--gwi-red body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--gwi-red body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--gwi-red body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--gwi-red body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--gwi-red body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--gwi-red body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--gwi-red body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--gwi-red body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--gwi-red body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--gwi-red body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--gwi-red body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--gwi-red .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--gwi-red .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #ce044e !important;
}

.grid-container.color--gwi-turquoise body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-container.color--gwi-turquoise body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--gwi-turquoise body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-container.color--gwi-turquoise body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-container.color--gwi-turquoise body.path-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--gwi-turquoise body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-container.color--gwi-turquoise .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #3a9192;
  color: white !important;
}

.grid-container.color--gwi-turquoise body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--gwi-turquoise body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--gwi-turquoise body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--gwi-turquoise body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--gwi-turquoise body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--gwi-turquoise body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--gwi-turquoise body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--gwi-turquoise body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--gwi-turquoise body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--gwi-turquoise body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--gwi-turquoise body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--gwi-turquoise body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--gwi-turquoise .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--gwi-turquoise .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #337f80;
}

.grid-box.color--gwi-turquoise body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-box.color--gwi-turquoise body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--gwi-turquoise body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-box.color--gwi-turquoise body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-box.color--gwi-turquoise body.path-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--gwi-turquoise body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-box.color--gwi-turquoise .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #3a9192 !important;
  color: white !important;
}

.grid-box.color--gwi-turquoise body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--gwi-turquoise body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--gwi-turquoise body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--gwi-turquoise body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--gwi-turquoise body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--gwi-turquoise body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--gwi-turquoise body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--gwi-turquoise body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--gwi-turquoise body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--gwi-turquoise body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--gwi-turquoise body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--gwi-turquoise body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--gwi-turquoise .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--gwi-turquoise .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #337f80 !important;
}

.grid-container.color--infohub-plastic body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-container.color--infohub-plastic body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--infohub-plastic body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-container.color--infohub-plastic body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-container.color--infohub-plastic body.path-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--infohub-plastic body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-container.color--infohub-plastic .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #3B49BC;
  color: white !important;
}

.grid-container.color--infohub-plastic body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--infohub-plastic body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--infohub-plastic body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--infohub-plastic body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--infohub-plastic body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--infohub-plastic body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--infohub-plastic body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--infohub-plastic body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--infohub-plastic body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--infohub-plastic body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--infohub-plastic body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--infohub-plastic body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--infohub-plastic .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--infohub-plastic .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #3541a9;
}

.grid-box.color--infohub-plastic body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-box.color--infohub-plastic body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--infohub-plastic body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-box.color--infohub-plastic body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-box.color--infohub-plastic body.path-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--infohub-plastic body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-box.color--infohub-plastic .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #3B49BC !important;
  color: white !important;
}

.grid-box.color--infohub-plastic body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--infohub-plastic body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--infohub-plastic body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--infohub-plastic body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--infohub-plastic body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--infohub-plastic body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--infohub-plastic body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--infohub-plastic body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--infohub-plastic body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--infohub-plastic body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--infohub-plastic body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--infohub-plastic body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--infohub-plastic .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--infohub-plastic .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #3541a9 !important;
}

.grid-container.color--international-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-container.color--international-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--international-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-container.color--international-green body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-container.color--international-green body.path-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--international-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-container.color--international-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--international-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--international-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--international-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--international-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--international-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--international-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--international-green body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--international-green body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--international-green body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--international-green body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--international-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--international-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--international-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--international-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #a3e200;
}

.grid-box.color--international-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-box.color--international-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--international-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-box.color--international-green body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-box.color--international-green body.path-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--international-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-box.color--international-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--international-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--international-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--international-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--international-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--international-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--international-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--international-green body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--international-green body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--international-green body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--international-green body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--international-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--international-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--international-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--international-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--international-orange body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-container.color--international-orange body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--international-orange body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-container.color--international-orange body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-container.color--international-orange body.path-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--international-orange body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-container.color--international-orange .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #fd7232;
  color: #333;
}

.grid-container.color--international-orange body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--international-orange body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--international-orange body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--international-orange body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--international-orange body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--international-orange body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--international-orange body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--international-orange body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--international-orange body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--international-orange body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--international-orange body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--international-orange body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--international-orange .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--international-orange .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #fd834b;
}

.grid-box.color--international-orange body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-box.color--international-orange body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--international-orange body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-box.color--international-orange body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-box.color--international-orange body.path-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--international-orange body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-box.color--international-orange .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #fd7232 !important;
  color: #333 !important;
}

.grid-box.color--international-orange body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--international-orange body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--international-orange body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--international-orange body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--international-orange body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--international-orange body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--international-orange body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--international-orange body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--international-orange body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--international-orange body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--international-orange body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--international-orange body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--international-orange .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--international-orange .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #fd834b !important;
}

.grid-container.color--international-turquoise body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-container.color--international-turquoise body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--international-turquoise body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-container.color--international-turquoise body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-container.color--international-turquoise body.path-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--international-turquoise body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-container.color--international-turquoise .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #008599;
  color: #333;
}

.grid-container.color--international-turquoise body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--international-turquoise body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--international-turquoise body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--international-turquoise body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--international-turquoise body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--international-turquoise body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--international-turquoise body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--international-turquoise body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--international-turquoise body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--international-turquoise body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--international-turquoise body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--international-turquoise body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--international-turquoise .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--international-turquoise .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #009bb3;
}

.grid-box.color--international-turquoise body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-box.color--international-turquoise body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--international-turquoise body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-box.color--international-turquoise body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-box.color--international-turquoise body.path-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--international-turquoise body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-box.color--international-turquoise .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #008599 !important;
  color: #333 !important;
}

.grid-box.color--international-turquoise body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--international-turquoise body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--international-turquoise body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--international-turquoise body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--international-turquoise body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--international-turquoise body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--international-turquoise body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--international-turquoise body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--international-turquoise body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--international-turquoise body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--international-turquoise body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--international-turquoise body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--international-turquoise .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--international-turquoise .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #009bb3 !important;
}

.grid-container.color--mid-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-container.color--mid-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--mid-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-container.color--mid-green body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-container.color--mid-green body.path-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--mid-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-container.color--mid-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--mid-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--mid-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--mid-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--mid-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--mid-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--mid-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--mid-green body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--mid-green body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--mid-green body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--mid-green body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--mid-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--mid-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--mid-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--mid-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #a3e200;
}

.grid-box.color--mid-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-box.color--mid-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--mid-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-box.color--mid-green body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-box.color--mid-green body.path-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--mid-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-box.color--mid-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--mid-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--mid-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--mid-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--mid-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--mid-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--mid-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--mid-green body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--mid-green body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--mid-green body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--mid-green body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--mid-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--mid-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--mid-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--mid-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--mid-orange body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-container.color--mid-orange body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--mid-orange body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-container.color--mid-orange body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-container.color--mid-orange body.path-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--mid-orange body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-container.color--mid-orange .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #fd7232;
  color: #333;
}

.grid-container.color--mid-orange body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--mid-orange body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--mid-orange body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--mid-orange body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--mid-orange body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--mid-orange body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--mid-orange body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--mid-orange body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--mid-orange body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--mid-orange body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--mid-orange body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--mid-orange body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--mid-orange .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--mid-orange .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #fd834b;
}

.grid-box.color--mid-orange body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-box.color--mid-orange body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--mid-orange body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-box.color--mid-orange body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-box.color--mid-orange body.path-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--mid-orange body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-box.color--mid-orange .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #fd7232 !important;
  color: #333 !important;
}

.grid-box.color--mid-orange body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--mid-orange body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--mid-orange body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--mid-orange body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--mid-orange body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--mid-orange body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--mid-orange body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--mid-orange body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--mid-orange body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--mid-orange body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--mid-orange body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--mid-orange body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--mid-orange .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--mid-orange .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #fd834b !important;
}

.grid-container.color--mid-pink body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-container.color--mid-pink body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--mid-pink body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-container.color--mid-pink body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-container.color--mid-pink body.path-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--mid-pink body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-container.color--mid-pink .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #e075ac;
  color: #333;
}

.grid-container.color--mid-pink body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--mid-pink body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--mid-pink body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--mid-pink body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--mid-pink body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--mid-pink body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--mid-pink body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--mid-pink body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--mid-pink body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--mid-pink body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--mid-pink body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--mid-pink body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--mid-pink .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--mid-pink .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #e58ab9;
}

.grid-box.color--mid-pink body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-box.color--mid-pink body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--mid-pink body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-box.color--mid-pink body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-box.color--mid-pink body.path-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--mid-pink body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-box.color--mid-pink .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #e075ac !important;
  color: #333 !important;
}

.grid-box.color--mid-pink body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--mid-pink body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--mid-pink body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--mid-pink body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--mid-pink body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--mid-pink body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--mid-pink body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--mid-pink body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--mid-pink body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--mid-pink body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--mid-pink body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--mid-pink body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--mid-pink .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--mid-pink .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #e58ab9 !important;
}

.grid-container.color--mid-red body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-container.color--mid-red body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--mid-red body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-container.color--mid-red body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-container.color--mid-red body.path-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--mid-red body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-container.color--mid-red .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #cc0000;
  color: #333;
}

.grid-container.color--mid-red body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--mid-red body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--mid-red body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--mid-red body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--mid-red body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--mid-red body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--mid-red body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--mid-red body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--mid-red body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--mid-red body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--mid-red body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--mid-red body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--mid-red .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--mid-red .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #e60000;
}

.grid-box.color--mid-red body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-box.color--mid-red body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--mid-red body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-box.color--mid-red body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-box.color--mid-red body.path-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--mid-red body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-box.color--mid-red .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #cc0000 !important;
  color: #333 !important;
}

.grid-box.color--mid-red body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--mid-red body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--mid-red body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--mid-red body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--mid-red body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--mid-red body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--mid-red body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--mid-red body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--mid-red body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--mid-red body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--mid-red body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--mid-red body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--mid-red .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--mid-red .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #e60000 !important;
}

.grid-container.color--mid-turquoise body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-container.color--mid-turquoise body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--mid-turquoise body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-container.color--mid-turquoise body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-container.color--mid-turquoise body.path-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--mid-turquoise body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-container.color--mid-turquoise .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #66cbcc;
  color: #333;
}

.grid-container.color--mid-turquoise body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--mid-turquoise body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--mid-turquoise body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--mid-turquoise body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--mid-turquoise body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--mid-turquoise body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--mid-turquoise body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--mid-turquoise body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--mid-turquoise body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--mid-turquoise body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--mid-turquoise body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--mid-turquoise body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--mid-turquoise .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--mid-turquoise .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #79d2d2;
}

.grid-box.color--mid-turquoise body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-box.color--mid-turquoise body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--mid-turquoise body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-box.color--mid-turquoise body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-box.color--mid-turquoise body.path-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--mid-turquoise body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-box.color--mid-turquoise .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #66cbcc !important;
  color: #333 !important;
}

.grid-box.color--mid-turquoise body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--mid-turquoise body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--mid-turquoise body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--mid-turquoise body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--mid-turquoise body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--mid-turquoise body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--mid-turquoise body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--mid-turquoise body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--mid-turquoise body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--mid-turquoise body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--mid-turquoise body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--mid-turquoise body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--mid-turquoise .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--mid-turquoise .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #79d2d2 !important;
}

.grid-container.color--mid-yellow body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-container.color--mid-yellow body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--mid-yellow body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-container.color--mid-yellow body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-container.color--mid-yellow body.path-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--mid-yellow body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-container.color--mid-yellow .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #fac32f;
  color: #333;
}

.grid-container.color--mid-yellow body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--mid-yellow body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--mid-yellow body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--mid-yellow body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--mid-yellow body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--mid-yellow body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--mid-yellow body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--mid-yellow body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--mid-yellow body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--mid-yellow body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--mid-yellow body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--mid-yellow body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--mid-yellow .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--mid-yellow .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #fbca48;
}

.grid-box.color--mid-yellow body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-box.color--mid-yellow body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--mid-yellow body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-box.color--mid-yellow body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-box.color--mid-yellow body.path-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--mid-yellow body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-box.color--mid-yellow .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #fac32f !important;
  color: #333 !important;
}

.grid-box.color--mid-yellow body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--mid-yellow body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--mid-yellow body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--mid-yellow body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--mid-yellow body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--mid-yellow body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--mid-yellow body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--mid-yellow body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--mid-yellow body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--mid-yellow body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--mid-yellow body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--mid-yellow body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--mid-yellow .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--mid-yellow .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #fbca48 !important;
}

.grid-container.color--myanmar-fonts body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-container.color--myanmar-fonts body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--myanmar-fonts body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-container.color--myanmar-fonts body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-container.color--myanmar-fonts body.path-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--myanmar-fonts body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-container.color--myanmar-fonts .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--myanmar-fonts body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--myanmar-fonts body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--myanmar-fonts body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--myanmar-fonts body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--myanmar-fonts body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--myanmar-fonts body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--myanmar-fonts body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--myanmar-fonts body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--myanmar-fonts body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--myanmar-fonts body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--myanmar-fonts body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--myanmar-fonts body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--myanmar-fonts .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--myanmar-fonts .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #a3e200;
}

.grid-box.color--myanmar-fonts body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-box.color--myanmar-fonts body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--myanmar-fonts body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-box.color--myanmar-fonts body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-box.color--myanmar-fonts body.path-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--myanmar-fonts body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-box.color--myanmar-fonts .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--myanmar-fonts body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--myanmar-fonts body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--myanmar-fonts body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--myanmar-fonts body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--myanmar-fonts body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--myanmar-fonts body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--myanmar-fonts body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--myanmar-fonts body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--myanmar-fonts body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--myanmar-fonts body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--myanmar-fonts body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--myanmar-fonts body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--myanmar-fonts .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--myanmar-fonts .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #a3e200 !important;
}

.grid-container.color--petrakelly-blue body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-container.color--petrakelly-blue body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--petrakelly-blue body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-container.color--petrakelly-blue body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-container.color--petrakelly-blue body.path-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--petrakelly-blue body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-container.color--petrakelly-blue .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #2c4081;
  color: white !important;
}

.grid-container.color--petrakelly-blue body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--petrakelly-blue body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--petrakelly-blue body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--petrakelly-blue body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--petrakelly-blue body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--petrakelly-blue body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--petrakelly-blue body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--petrakelly-blue body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--petrakelly-blue body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--petrakelly-blue body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--petrakelly-blue body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--petrakelly-blue body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--petrakelly-blue .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--petrakelly-blue .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #26376e;
}

.grid-box.color--petrakelly-blue body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-box.color--petrakelly-blue body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--petrakelly-blue body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-box.color--petrakelly-blue body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-box.color--petrakelly-blue body.path-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--petrakelly-blue body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-box.color--petrakelly-blue .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #2c4081 !important;
  color: white !important;
}

.grid-box.color--petrakelly-blue body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--petrakelly-blue body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--petrakelly-blue body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--petrakelly-blue body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--petrakelly-blue body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--petrakelly-blue body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--petrakelly-blue body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--petrakelly-blue body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--petrakelly-blue body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--petrakelly-blue body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--petrakelly-blue body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--petrakelly-blue body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--petrakelly-blue .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--petrakelly-blue .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #26376e !important;
}

.grid-container.color--petrakelly-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-container.color--petrakelly-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--petrakelly-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-container.color--petrakelly-green body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-container.color--petrakelly-green body.path-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--petrakelly-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-container.color--petrakelly-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #008445;
  color: #333;
}

.grid-container.color--petrakelly-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--petrakelly-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--petrakelly-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--petrakelly-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--petrakelly-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--petrakelly-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--petrakelly-green body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--petrakelly-green body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--petrakelly-green body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--petrakelly-green body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--petrakelly-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--petrakelly-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--petrakelly-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--petrakelly-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #009e52;
}

.grid-box.color--petrakelly-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-box.color--petrakelly-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--petrakelly-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-box.color--petrakelly-green body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-box.color--petrakelly-green body.path-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--petrakelly-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-box.color--petrakelly-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #008445 !important;
  color: #333 !important;
}

.grid-box.color--petrakelly-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--petrakelly-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--petrakelly-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--petrakelly-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--petrakelly-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--petrakelly-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--petrakelly-green body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--petrakelly-green body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--petrakelly-green body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--petrakelly-green body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--petrakelly-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--petrakelly-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--petrakelly-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--petrakelly-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #009e52 !important;
}

.grid-container.color--petrakelly-red body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-container.color--petrakelly-red body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--petrakelly-red body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-container.color--petrakelly-red body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-container.color--petrakelly-red body.path-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--petrakelly-red body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-container.color--petrakelly-red .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #cb322d;
  color: #333;
}

.grid-container.color--petrakelly-red body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--petrakelly-red body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--petrakelly-red body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--petrakelly-red body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--petrakelly-red body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--petrakelly-red body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--petrakelly-red body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--petrakelly-red body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--petrakelly-red body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--petrakelly-red body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--petrakelly-red body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--petrakelly-red body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--petrakelly-red .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--petrakelly-red .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #d4423d;
}

.grid-box.color--petrakelly-red body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-box.color--petrakelly-red body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--petrakelly-red body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-box.color--petrakelly-red body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-box.color--petrakelly-red body.path-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--petrakelly-red body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-box.color--petrakelly-red .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #cb322d !important;
  color: #333 !important;
}

.grid-box.color--petrakelly-red body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--petrakelly-red body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--petrakelly-red body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--petrakelly-red body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--petrakelly-red body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--petrakelly-red body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--petrakelly-red body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--petrakelly-red body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--petrakelly-red body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--petrakelly-red body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--petrakelly-red body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--petrakelly-red body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--petrakelly-red .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--petrakelly-red .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #d4423d !important;
}

.grid-container.color--state-blue body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-container.color--state-blue body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--state-blue body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-container.color--state-blue body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-container.color--state-blue body.path-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--state-blue body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-container.color--state-blue .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #0e307f;
  color: white !important;
}

.grid-container.color--state-blue body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--state-blue body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--state-blue body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--state-blue body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--state-blue body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--state-blue body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--state-blue body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--state-blue body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--state-blue body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--state-blue body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--state-blue body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--state-blue body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--state-blue .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--state-blue .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #0b2768;
}

.grid-box.color--state-blue body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-box.color--state-blue body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--state-blue body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-box.color--state-blue body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-box.color--state-blue body.path-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--state-blue body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-box.color--state-blue .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #0e307f !important;
  color: white !important;
}

.grid-box.color--state-blue body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--state-blue body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--state-blue body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--state-blue body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--state-blue body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--state-blue body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--state-blue body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--state-blue body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--state-blue body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--state-blue body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--state-blue body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--state-blue body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--state-blue .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--state-blue .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #0b2768 !important;
}

.grid-container.color--state-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-container.color--state-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--state-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-container.color--state-green body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-container.color--state-green body.path-term .view-header .taxonomy--content-media-cross-link, .grid-container.color--state-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-container.color--state-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #91c800;
  color: #333;
}

.grid-container.color--state-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--state-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--state-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--state-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--state-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--state-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--state-green body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--state-green body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--state-green body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--state-green body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--state-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--state-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-container.color--state-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-container.color--state-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #a3e200;
}

.grid-box.color--state-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link, .grid-box.color--state-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--state-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link, .grid-box.color--state-green body.path-terms .view-header .taxonomy--content-media-cross-link, .grid-box.color--state-green body.path-term .view-header .taxonomy--content-media-cross-link, .grid-box.color--state-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link, .grid-box.color--state-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link {
  background-color: #91c800 !important;
  color: #333 !important;
}

.grid-box.color--state-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--state-green body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--state-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--state-green body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--state-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--state-green body.path-taxonomy .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--state-green body.path-terms .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--state-green body.path-terms .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--state-green body.path-term .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--state-green body.path-term .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--state-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--state-green body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:focus-visible, .grid-box.color--state-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:hover, .grid-box.color--state-green .teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:focus-visible {
  background: #a3e200 !important;
}

body[class*="path-taxonomy-term-"] .view-header .taxonomy--content-media-cross-link:after,
body.theodor-view--taxonomy-term .view-header .taxonomy--content-media-cross-link:after,
body.path-taxonomy .view-header .taxonomy--content-media-cross-link:after,
body.path-terms .view-header .taxonomy--content-media-cross-link:after,
body.path-term .view-header .taxonomy--content-media-cross-link:after,
body.theodor-view--media-tags .view-header .taxonomy--content-media-cross-link:after,
.teaser-collection--images-right .view-header .taxonomy--content-media-cross-link:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e901";
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: inherit;
  margin-bottom: 3px;
  padding-left: 0.3em;
}

body[class*="path-taxonomy-term-"] .views-row,
body.theodor-view--taxonomy-term .views-row,
body.path-taxonomy .views-row,
body.path-terms .views-row,
body.path-term .views-row,
body.theodor-view--media-tags .views-row,
.teaser-collection--images-right .views-row {
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 32px;
}

body[class*="path-taxonomy-term-"] .views-row > article,
body.theodor-view--taxonomy-term .views-row > article,
body.path-taxonomy .views-row > article,
body.path-terms .views-row > article,
body.path-term .views-row > article,
body.theodor-view--media-tags .views-row > article,
.teaser-collection--images-right .views-row > article {
  margin-top: 32px;
}

body[class*="path-taxonomy-term-"] .views-row > article:last-child,
body.theodor-view--taxonomy-term .views-row > article:last-child,
body.path-taxonomy .views-row > article:last-child,
body.path-terms .views-row > article:last-child,
body.path-term .views-row > article:last-child,
body.theodor-view--media-tags .views-row > article:last-child,
.teaser-collection--images-right .views-row > article:last-child {
  border-bottom: none;
  margin-bottom: 32px;
}

body[class*="path-taxonomy-term-"] .ph-insert-embed > iframe,
body.theodor-view--taxonomy-term .ph-insert-embed > iframe,
body.path-taxonomy .ph-insert-embed > iframe,
body.path-terms .ph-insert-embed > iframe,
body.path-term .ph-insert-embed > iframe,
body.theodor-view--media-tags .ph-insert-embed > iframe,
.teaser-collection--images-right .ph-insert-embed > iframe {
  max-width: 100%;
}

@media all and (min-width: 760px) {
  body[class*="path-taxonomy-term-"] .teaser.teaser--default .teaser__flexwrap,
body.theodor-view--taxonomy-term .teaser.teaser--default .teaser__flexwrap,
body.path-taxonomy .teaser.teaser--default .teaser__flexwrap,
body.path-terms .teaser.teaser--default .teaser__flexwrap,
body.path-term .teaser.teaser--default .teaser__flexwrap,
body.theodor-view--media-tags .teaser.teaser--default .teaser__flexwrap,
.teaser-collection--images-right .teaser.teaser--default .teaser__flexwrap {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  body[class*="path-taxonomy-term-"] .teaser.teaser--default .teaser__image-wrap,
body[class*="path-taxonomy-term-"] .teaser.teaser--default .teaser__image-wrap-link,
body.theodor-view--taxonomy-term .teaser.teaser--default .teaser__image-wrap,
body.theodor-view--taxonomy-term .teaser.teaser--default .teaser__image-wrap-link,
body.path-taxonomy .teaser.teaser--default .teaser__image-wrap,
body.path-taxonomy .teaser.teaser--default .teaser__image-wrap-link,
body.path-terms .teaser.teaser--default .teaser__image-wrap,
body.path-terms .teaser.teaser--default .teaser__image-wrap-link,
body.path-term .teaser.teaser--default .teaser__image-wrap,
body.path-term .teaser.teaser--default .teaser__image-wrap-link,
body.theodor-view--media-tags .teaser.teaser--default .teaser__image-wrap,
body.theodor-view--media-tags .teaser.teaser--default .teaser__image-wrap-link,
.teaser-collection--images-right .teaser.teaser--default .teaser__image-wrap,
.teaser-collection--images-right .teaser.teaser--default .teaser__image-wrap-link {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  body[class*="path-taxonomy-term-"] .teaser.teaser--default .teaser__image,
body.theodor-view--taxonomy-term .teaser.teaser--default .teaser__image,
body.path-taxonomy .teaser.teaser--default .teaser__image,
body.path-terms .teaser.teaser--default .teaser__image,
body.path-term .teaser.teaser--default .teaser__image,
body.theodor-view--media-tags .teaser.teaser--default .teaser__image,
.teaser-collection--images-right .teaser.teaser--default .teaser__image {
    max-width: 221px;
    padding: 0 0 0 15px;
    margin: 0;
  }
}

.taxonomy-term .field--name-description,
.taxonomy-term .field--name-description * {
  font-size: 1.125rem;
}

@media all and (min-width: 760px) {
  .taxonomy-term .field--name-description,
.taxonomy-term .field--name-description * {
    font-size: 1.25rem;
  }
}

.taxonomy-term .field--name-description {
  max-width: 800px;
}

.taxonomy-term .field--name-description a {
  text-decoration: none;
  -webkit-transition:background 0.3s ease-in, box-shadow 0.3s ease-in;
  transition: background 0.3s ease-in, box-shadow 0.3s ease-in;
  box-shadow: inset 0 -0.15em #c8e480;
}

.taxonomy-term .field--name-description a:hover, .taxonomy-term .field--name-description a:focus-visible {
  background: #c8e480;
  box-shadow: none;
}

.taxonomy-term .field--name-description ul {
  margin: 0.5em;
  list-style: square;
}

/**
 * see module boell_termpage
 */
.theodor-term-page__segment-title {
  margin-top: 3rem;
  border-bottom: 2px solid var(--brand-colors-boell-green);
}

@media all and (min-width: 0) and (max-width: 759.97px) {
  .theodor-term-page_description--with-image .media {
    float: left;
    max-width: 50%;
    padding-right: 15px;
    margin-bottom: 7px;
  }
}

@media all and (min-width: 760px) {
  .theodor-term-page_description--with-image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .theodor-term-page_description--with-image p:first-child {
    margin-top: 0;
  }
  .theodor-term-page_description--with-image .media {
    width: 221px;
    padding: 0 0 0 15px;
    margin: 0;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
}

.page-node-type-article main[role=main] {
  position: relative;
}

.page-node-type-article .page-title {
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  color: #444;
  font-size: 1.875rem;
  margin-bottom: 0.8em;
}

@media all and (min-width: 760px) {
  .page-node-type-article .page-title {
    font-size: 2.25rem;
  }
}

.page-node-type-article .field--name-field-content-genre {
  font-style: normal;
  font-weight: bold;
  float: left;
  -webkit-margin-end: 7px;
     -moz-margin-end: 7px;
          margin-inline-end: 7px;
  color: #444444;
}

.page-node-type-article .site-content {
  width: 100%;
}

.page-node-type-article .teaser .readmore {
  color: #75A300;
}

.page-node-type-article .teaser .field--name-field-content-genre {
  color: #444444 !important;
}

.page-node-type-article .article__lead,
.page-node-type-article .article__lead * {
  font-size: 1.125rem;
}

@media all and (min-width: 760px) {
  .page-node-type-article .article__lead,
.page-node-type-article .article__lead * {
    font-size: 1.25rem;
  }
}

.page-node-type-article .article__lead {
  margin-bottom: 24px;
}

.page-node-type-article .article__lead a {
  text-decoration: none;
  -webkit-transition:background 0.3s ease-in, box-shadow 0.3s ease-in;
  transition: background 0.3s ease-in, box-shadow 0.3s ease-in;
  box-shadow: inset 0 -0.15em #c8e480;
}

.page-node-type-article .article__lead a:hover, .page-node-type-article .article__lead a:focus-visible {
  background: #c8e480;
  box-shadow: none;
}

.page-node-type-article .article__lead ul {
  margin: 0.5em;
  list-style: square;
}

@media all and (min-width: 760px) {
  .page-node-type-article .article__lead {
    margin-bottom: 32px;
  }
}

.page-node-type-article .article__meta {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 730px;
  color: #444;
  margin-bottom: 24px;
  font-size: 1.125rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  /*    & > * {
      display: inline-block;
    }*/
}

@media all and (min-width: 760px) {
  .page-node-type-article .article__meta {
    font-size: 1.25rem;
    margin-bottom: 32px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.page-node-type-article .article__meta .meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.page-node-type-article .article__meta .meta .submeta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.page-node-type-article .article__date {
  margin-right: 15px;
}

.page-node-type-article .article__reading-time:before {
  display: inline-block;
  height: 1.1em;
  width: 1.1em;
  content: '';
  -webkit-mask: url(../images/clock.svg) no-repeat 50% 50%;
          mask: url(../images/clock.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
          mask-size: cover;
  background-color: #666666;
  vertical-align: top;
  margin-right: 0.3em;
}

.page-node-type-article .article__meta-print {
  display: none;
}

.page-node-type-article .content-authors {
  display: block;
  margin-bottom: 7px;
}

.page-node-type-article .content-authors .content-authors__byline {
  text-transform: lowercase;
}

.page-node-type-article .content-authors a {
  text-decoration: none;
  -webkit-transition:background 0.3s ease-in, box-shadow 0.3s ease-in;
  transition: background 0.3s ease-in, box-shadow 0.3s ease-in;
  box-shadow: inset 0 -0.15em #c8e480;
  color: #444;
}

.page-node-type-article .content-authors a:hover, .page-node-type-article .content-authors a:focus-visible {
  background: #c8e480;
  box-shadow: none;
}

.page-node-type-article .article__lead,
.page-node-type-article .field--name-title {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 730px;
}

.page-node-type-article .field--name-body,
.page-node-type-article .article__footer {
  width: 100%;
  font-size: 1rem;
}

.page-node-type-article .field--name-body .text-tiny {
  font-size: 0.7em;
}

.page-node-type-article .field--name-body .text-small {
  font-size: 0.85em;
}

.page-node-type-article .field--name-body .text-big {
  font-size: 1.4em;
}

.page-node-type-article .field--name-body .text-huge {
  font-size: 1.8em;
}

.page-node-type-article .field--name-body .custom-highlight-pen-boell-green {
  background: transparent;
  color: #91c800;
}

.page-node-type-article .article__footer {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 730px;
  margin-top: 44px;
  clear: both;
}

@media print {
  .page-node-type-article .article__footer {
    display: none;
  }
}

.page-node-type-article .media--view-mode-image-and-licence-article-main-image,
.page-node-type-article .media--view-mode-image-and-licence-article-main-image-5d2,
.page-node-type-article .field--name-field-teaser-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 980px;
}

.page-node-type-article .relateds {
  max-width: 730px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.page-node-type-article .article__footer--category_and_license_wrapper {
  margin-bottom: 10px;
  font-size: 1rem;
  color: #666;
  line-height: 170%;
}

.page-node-type-article .article__footer--category_and_license_wrapper .field--name-field-category {
  display: block;
  font-size: 1.125rem;
}

.page-node-type-article .article__footer--category_and_license_wrapper .field--name-field-category .field__label, .page-node-type-article .article__footer--category_and_license_wrapper .field--name-field-category .field__items {
  display: inline-block;
}

.page-node-type-article .article__footer--category_and_license_wrapper .license *,
.page-node-type-article .article__footer--category_and_license_wrapper .license {
  display: inline;
  font-style: normal;
  font-size: 1.125rem;
}

.page-node-type-article .share-buttons {
  margin-top: 32px;
}

.page-node-type-article .share-buttons__share-them-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.page-node-type-article .relateds .grid-container-title {
  border-top: 0px;
}

@media print {
  .page-node-type-article figure {
    display: none;
  }
}

.page-node-type-article td {
  padding: 5px;
}

.page-node-type-article .presentation-mode-reduced .media__title.page-title {
  margin: 0 0 0.67em 0;
}

.page-node-type-article .presentation-mode-reduced .field--name-field-content-genre {
  font-weight: 700;
  color: #444444;
  float: none;
  max-width: 730px;
  margin: 0 auto 10px auto;
  font-size: 1.125rem;
}

.article-special-container {
  line-height: 1.5;
  font-family: "Noto Serif", Georgia, Palatino, "Palatino Linotype", FreeSerif, serif;
  font-size: 1.0625rem;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  background: #EBEBEB;
  margin-top: 32px;
  padding-top: 32px;
  padding-bottom: 32px;
  max-width: 1220px;
}

@media all and (min-width: 760px) {
  .article-special-container {
    font-size: 1.1875rem;
    line-height: 1.6;
  }
}

.page-node-type-article .field--name-body .article-special-container h2, .page-node-type-article .field--name-body .article-special-container h3, .page-node-type-article .field--name-body .article-special-container h4, .page-node-type-article .field--name-body .article-special-container h5, .page-node-type-article .field--name-body .article-special-container h6 {
  margin-top: 0;
}

.page-node-type-article .field--name-body h2.article-special-container,
.page-node-type-article .field--name-body h3.article-special-container,
.page-node-type-article .field--name-body h4.article-special-container,
.page-node-type-article .field--name-body h5.article-special-container,
.page-node-type-article .field--name-body h6.article-special-container {
  margin-top: 0;
  margin-bottom: 0;
}

.node__content--article .article-special-container {
  margin-left: -7px;
  margin-right: -7px;
  padding-left: 7px;
  padding-right: 7px;
}

@media all and (min-width: 1220px) {
  .node__content--article .article-special-container {
    margin-left: -245px;
    margin-right: -245px;
  }
}

@media all and (min-width: 1220px) {
  .node__content--article .article-special-container {
    padding-left: 210px;
    padding-right: 210px;
  }
}

.article-special-container + .article-special-container {
  margin-top: 0;
  padding-top: 0;
}

.article-special-container + p {
  margin-top: 32px;
}

.article-special-container .inner {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 730px;
  padding-left: 15px;
  padding-right: 15px;
}

@media all and (min-width: 1220px) {
  .article-special-container .inner {
    padding: 0;
  }
}

.page-node-type-article .field--name-body,
.cke_editable {
  /*
  > p,
  > h1,
  > h2,
  > h3,
  > h4,
  > h5,
  > h6,
  > hr,
  > ul,
  > ol,
  > blockquote,
  > .article__url-embed {
    max-width: $article-width;
    @include block-center;
  }*/
}

.page-node-type-article .field--name-body p,
.page-node-type-article .field--name-body li,
.cke_editable p,
.cke_editable li {
  line-height: 1.5;
  font-family: "Noto Serif", Georgia, Palatino, "Palatino Linotype", FreeSerif, serif;
  font-size: 1.0625rem;
}

@media all and (min-width: 760px) {
  .page-node-type-article .field--name-body p,
.page-node-type-article .field--name-body li,
.cke_editable p,
.cke_editable li {
    font-size: 1.1875rem;
    line-height: 1.6;
  }
}

.page-node-type-article .field--name-body td,
.cke_editable td {
  line-height: 1.5;
  font-family: "Noto Serif", Georgia, Palatino, "Palatino Linotype", FreeSerif, serif;
  font-size: 1.0625rem;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
}

@media all and (min-width: 760px) {
  .page-node-type-article .field--name-body td,
.cke_editable td {
    font-size: 1.1875rem;
    line-height: 1.6;
  }
}

.page-node-type-article .field--name-body table > caption,
.cke_editable table > caption {
  text-align: left;
}

.page-node-type-article .field--name-body p a[href]:not(.button--link-as-button),
.page-node-type-article .field--name-body ul a[href]:not(.button--link-as-button),
.page-node-type-article .field--name-body ol a[href]:not(.button--link-as-button),
.page-node-type-article .field--name-body blockquote a[href]:not(.button--link-as-button),
.cke_editable p a[href]:not(.button--link-as-button),
.cke_editable ul a[href]:not(.button--link-as-button),
.cke_editable ol a[href]:not(.button--link-as-button),
.cke_editable blockquote a[href]:not(.button--link-as-button) {
  text-decoration: none;
  -webkit-transition:background 0.3s ease-in, box-shadow 0.3s ease-in;
  transition: background 0.3s ease-in, box-shadow 0.3s ease-in;
  box-shadow: inset 0 -0.2em #c8e480;
}

.page-node-type-article .field--name-body p a[href]:not(.button--link-as-button):hover, .page-node-type-article .field--name-body p a[href]:not(.button--link-as-button):focus-visible,
.page-node-type-article .field--name-body ul a[href]:not(.button--link-as-button):hover,
.page-node-type-article .field--name-body ul a[href]:not(.button--link-as-button):focus-visible,
.page-node-type-article .field--name-body ol a[href]:not(.button--link-as-button):hover,
.page-node-type-article .field--name-body ol a[href]:not(.button--link-as-button):focus-visible,
.page-node-type-article .field--name-body blockquote a[href]:not(.button--link-as-button):hover,
.page-node-type-article .field--name-body blockquote a[href]:not(.button--link-as-button):focus-visible,
.cke_editable p a[href]:not(.button--link-as-button):hover,
.cke_editable p a[href]:not(.button--link-as-button):focus-visible,
.cke_editable ul a[href]:not(.button--link-as-button):hover,
.cke_editable ul a[href]:not(.button--link-as-button):focus-visible,
.cke_editable ol a[href]:not(.button--link-as-button):hover,
.cke_editable ol a[href]:not(.button--link-as-button):focus-visible,
.cke_editable blockquote a[href]:not(.button--link-as-button):hover,
.cke_editable blockquote a[href]:not(.button--link-as-button):focus-visible {
  background: #c8e480;
  box-shadow: none;
}

.page-node-type-article .field--name-body h2,
.page-node-type-article .field--name-body h3,
.cke_editable h2,
.cke_editable h3 {
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.4;
  margin-top: 1.7em;
  margin-bottom: 0.5em;
}

.page-node-type-article .field--name-body h2,
.cke_editable h2 {
  font-size: 1.4em;
}

@media all and (min-width: 760px) {
  .page-node-type-article .field--name-body h2,
.cke_editable h2 {
    font-size: 1.7em;
  }
}

.page-node-type-article .field--name-body h3,
.cke_editable h3 {
  font-size: 1.2em;
}

@media all and (min-width: 760px) {
  .page-node-type-article .field--name-body h3,
.cke_editable h3 {
    font-size: 1.4em;
  }
}

.page-node-type-article .field--name-body h2 + p,
.page-node-type-article .field--name-body h3 + p,
.cke_editable h2 + p,
.cke_editable h3 + p {
  margin-top: 0;
}

.page-node-type-article .field--name-body hr,
.cke_editable hr {
  border: 0;
  background: #e2e2e2;
  height: 1px;
}

.page-node-type-article .field--name-body .pullquote--fullwidth--big,
.cke_editable .pullquote--fullwidth--big {
  text-align: center;
}

.page-node-type-article .field--name-body .pullquote--fullwidth--big, .page-node-type-article .field--name-body .pullquote--fullwidth--big p,
.cke_editable .pullquote--fullwidth--big,
.cke_editable .pullquote--fullwidth--big p {
  font-size: 1.5rem;
  line-height: 1.3;
}

@media all and (min-width: 760px) {
  .page-node-type-article .field--name-body .pullquote--fullwidth--big, .page-node-type-article .field--name-body .pullquote--fullwidth--big p,
.cke_editable .pullquote--fullwidth--big,
.cke_editable .pullquote--fullwidth--big p {
    font-size: 1.875rem;
  }
}

.page-node-type-article .field--name-body .pullquote--fullwidth--big, .page-node-type-article .field--name-body .pullquote--fullwidth--big *,
.cke_editable .pullquote--fullwidth--big,
.cke_editable .pullquote--fullwidth--big * {
  font-weight: 600;
}

.page-node-type-article .field--name-body .pullquote--fullwidth--big, .page-node-type-article .field--name-body .pullquote--fullwidth--big *,
.cke_editable .pullquote--fullwidth--big,
.cke_editable .pullquote--fullwidth--big * {
  color: #75A300;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
}

.page-node-type-article .field--name-body .pullquote--fullwidth--big p,
.cke_editable .pullquote--fullwidth--big p {
  display: inline;
}

.page-node-type-article .field--name-body .pullquote--fullwidth--big .grid-slot-1d3,
.cke_editable .pullquote--fullwidth--big .grid-slot-1d3 {
  font-size: 1.875rem;
}

.page-node-type-article .field--name-body .pullquote--fullwidth--big:before,
.cke_editable .pullquote--fullwidth--big:before {
  display: inline;
  content: "»";
  margin-right: 4px;
}

.page-node-type-article .field--name-body .pullquote--fullwidth--big > p:last-child:after,
.cke_editable .pullquote--fullwidth--big > p:last-child:after {
  content: "«";
  margin-left: 0.1em;
}

@media all and (min-width: 760px) {
  .page-node-type-article .field--name-body .pullquote--fullwidth--big,
.cke_editable .pullquote--fullwidth--big {
    margin-left: calc(-48vw + 50%);
    margin-right: calc(-48vw + 50%);
  }
}

@media all and (min-width: 1024px) {
  .page-node-type-article .field--name-body .pullquote--fullwidth--big,
.cke_editable .pullquote--fullwidth--big {
    margin-left: -50px;
    margin-right: -50px;
  }
}

.page-node-type-article .field--name-body .pullquote--left,
.page-node-type-article .field--name-body .pullquote--right,
.cke_editable .pullquote--left,
.cke_editable .pullquote--right {
  text-align: center;
}

@media all and (min-width: 760px) {
  .page-node-type-article .field--name-body .pullquote--left,
.page-node-type-article .field--name-body .pullquote--right,
.cke_editable .pullquote--left,
.cke_editable .pullquote--right {
    max-width: 380px;
    margin-top: 7px;
    margin-bottom: 24px;
    width: 50%;
    text-align: left;
  }
  html[dir="rtl"] .page-node-type-article .field--name-body .pullquote--left, html[dir="rtl"] .page-node-type-article .field--name-body .pullquote--right, html[dir="rtl"] .cke_editable .pullquote--left, html[dir="rtl"] .cke_editable .pullquote--right {
    text-align: right;
  }
}

.page-node-type-article .field--name-body .pullquote--left, .page-node-type-article .field--name-body .pullquote--left p,
.cke_editable .pullquote--left,
.cke_editable .pullquote--left p {
  font-size: 1.5rem;
  line-height: 1.3;
}

@media all and (min-width: 760px) {
  .page-node-type-article .field--name-body .pullquote--left, .page-node-type-article .field--name-body .pullquote--left p,
.cke_editable .pullquote--left,
.cke_editable .pullquote--left p {
    font-size: 1.875rem;
  }
}

.page-node-type-article .field--name-body .pullquote--left, .page-node-type-article .field--name-body .pullquote--left *,
.cke_editable .pullquote--left,
.cke_editable .pullquote--left * {
  font-weight: 600;
}

.page-node-type-article .field--name-body .pullquote--left, .page-node-type-article .field--name-body .pullquote--left *,
.cke_editable .pullquote--left,
.cke_editable .pullquote--left * {
  color: #75A300;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
}

.page-node-type-article .field--name-body .pullquote--left p,
.cke_editable .pullquote--left p {
  display: inline;
}

.page-node-type-article .field--name-body .pullquote--left .grid-slot-1d3,
.cke_editable .pullquote--left .grid-slot-1d3 {
  font-size: 1.875rem;
}

.page-node-type-article .field--name-body .pullquote--left:before,
.cke_editable .pullquote--left:before {
  display: inline;
  content: "»";
  margin-right: 4px;
}

.page-node-type-article .field--name-body .pullquote--left > p:last-child:after,
.cke_editable .pullquote--left > p:last-child:after {
  content: "«";
  margin-left: 0.1em;
}

@media all and (min-width: 760px) {
  .page-node-type-article .field--name-body .pullquote--left,
.cke_editable .pullquote--left {
    margin-left: -15px;
  }
}

@media all and (min-width: 1024px) {
  .page-node-type-article .field--name-body .pullquote--left,
.cke_editable .pullquote--left {
    margin-left: -125px;
  }
}

@media all and (min-width: 1220px) {
  .page-node-type-article .field--name-body .pullquote--left,
.cke_editable .pullquote--left {
    margin-left: -140px;
  }
}

@media all and (min-width: 760px) {
  .page-node-type-article .field--name-body .pullquote--left,
.cke_editable .pullquote--left {
    float: left;
    margin-right: 32px;
  }
}

.page-node-type-article .field--name-body .pullquote--right, .page-node-type-article .field--name-body .pullquote--right p,
.cke_editable .pullquote--right,
.cke_editable .pullquote--right p {
  font-size: 1.5rem;
  line-height: 1.3;
}

@media all and (min-width: 760px) {
  .page-node-type-article .field--name-body .pullquote--right, .page-node-type-article .field--name-body .pullquote--right p,
.cke_editable .pullquote--right,
.cke_editable .pullquote--right p {
    font-size: 1.875rem;
  }
}

.page-node-type-article .field--name-body .pullquote--right, .page-node-type-article .field--name-body .pullquote--right *,
.cke_editable .pullquote--right,
.cke_editable .pullquote--right * {
  font-weight: 600;
}

.page-node-type-article .field--name-body .pullquote--right, .page-node-type-article .field--name-body .pullquote--right *,
.cke_editable .pullquote--right,
.cke_editable .pullquote--right * {
  color: #75A300;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
}

.page-node-type-article .field--name-body .pullquote--right p,
.cke_editable .pullquote--right p {
  display: inline;
}

.page-node-type-article .field--name-body .pullquote--right .grid-slot-1d3,
.cke_editable .pullquote--right .grid-slot-1d3 {
  font-size: 1.875rem;
}

.page-node-type-article .field--name-body .pullquote--right:before,
.cke_editable .pullquote--right:before {
  display: inline;
  content: "»";
  margin-right: 4px;
}

.page-node-type-article .field--name-body .pullquote--right > p:last-child:after,
.cke_editable .pullquote--right > p:last-child:after {
  content: "«";
  margin-left: 0.1em;
}

@media all and (min-width: 760px) {
  .page-node-type-article .field--name-body .pullquote--right,
.cke_editable .pullquote--right {
    margin-right: -15px;
  }
}

@media all and (min-width: 1024px) {
  .page-node-type-article .field--name-body .pullquote--right,
.cke_editable .pullquote--right {
    margin-right: -125px;
  }
}

@media all and (min-width: 1220px) {
  .page-node-type-article .field--name-body .pullquote--right,
.cke_editable .pullquote--right {
    margin-right: -140px;
  }
}

@media all and (min-width: 760px) {
  .page-node-type-article .field--name-body .pullquote--right,
.cke_editable .pullquote--right {
    float: right;
    margin-left: 32px;
  }
}

.node__content--article {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 730px;
}

.node__content--article iframe[src*="podigee"] {
  width: 100%;
  min-height: 260px;
}

.node__content--article .field--name-body > .embedded-entity.entity-image.align-fullwidth,
.node__content--article .field--name-body > figure.align-fullwidth {
  position: relative;
}

@media all and (min-width: 760px) {
  .node__content--article .field--name-body > .embedded-entity.entity-image.align-fullwidth,
.node__content--article .field--name-body > figure.align-fullwidth {
    margin-left: calc(-48vw + 50%);
    margin-right: calc(-48vw + 50%);
  }
}

@media all and (min-width: 1024px) {
  .node__content--article .field--name-body > .embedded-entity.entity-image.align-fullwidth,
.node__content--article .field--name-body > figure.align-fullwidth {
    margin-left: -125px;
    margin-right: -125px;
    width: calc(100% + 2 * 125px);
  }
}

@media all and (min-width: 1220px) {
  .node__content--article .field--name-body > .embedded-entity.entity-image.align-fullwidth,
.node__content--article .field--name-body > figure.align-fullwidth {
    margin-left: -150px;
    margin-right: -150px;
    width: calc(100% + 2 * 150px);
  }
}

.node__content--article .field--name-body > .embedded-entity.entity-image.align-fullwidth img,
.node__content--article .field--name-body > figure.align-fullwidth img {
  width: 100%;
}

.node__content--article .field--name-body > .embedded-entity.entity-image.align-fullwidth figcaption,
.node__content--article .field--name-body > figure.align-fullwidth figcaption {
  max-width: none;
}

@media all and (min-width: 760px) {
  .node__content--article .field--name-body > .embedded-entity.entity-image.align-left, .node__content--article .field--name-body > .embedded-entity.entity-image.align-marginalia, .node__content--article .field--name-body > .embedded-entity.entity-image.align-right, .node__content--article .field--name-body > .embedded-entity.entity-image.align-apostille,
.node__content--article .field--name-body > figure.align-left,
.node__content--article .field--name-body > figure.align-marginalia,
.node__content--article .field--name-body > figure.align-right,
.node__content--article .field--name-body > figure.align-apostille {
    max-width: 320px;
  }
  .node__content--article .field--name-body > .embedded-entity.entity-image.align-left img, .node__content--article .field--name-body > .embedded-entity.entity-image.align-marginalia img, .node__content--article .field--name-body > .embedded-entity.entity-image.align-right img, .node__content--article .field--name-body > .embedded-entity.entity-image.align-apostille img,
.node__content--article .field--name-body > figure.align-left img,
.node__content--article .field--name-body > figure.align-marginalia img,
.node__content--article .field--name-body > figure.align-right img,
.node__content--article .field--name-body > figure.align-apostille img {
    width: auto;
  }
}

@media all and (min-width: 1024px) {
  .node__content--article .field--name-body > .embedded-entity.entity-image.align-left, .node__content--article .field--name-body > .embedded-entity.entity-image.align-marginalia, .node__content--article .field--name-body > .embedded-entity.entity-image.align-right, .node__content--article .field--name-body > .embedded-entity.entity-image.align-apostille,
.node__content--article .field--name-body > figure.align-left,
.node__content--article .field--name-body > figure.align-marginalia,
.node__content--article .field--name-body > figure.align-right,
.node__content--article .field--name-body > figure.align-apostille {
    max-width: 430px;
  }
}

@media all and (min-width: 760px) {
  .node__content--article .field--name-body > .embedded-entity.entity-image.align-left, .node__content--article .field--name-body > .embedded-entity.entity-image.align-marginalia,
.node__content--article .field--name-body > figure.align-left,
.node__content--article .field--name-body > figure.align-marginalia {
    margin-left: -15px;
  }
}

@media all and (min-width: 1024px) {
  .node__content--article .field--name-body > .embedded-entity.entity-image.align-left, .node__content--article .field--name-body > .embedded-entity.entity-image.align-marginalia,
.node__content--article .field--name-body > figure.align-left,
.node__content--article .field--name-body > figure.align-marginalia {
    margin-left: -125px;
  }
}

@media all and (min-width: 1220px) {
  .node__content--article .field--name-body > .embedded-entity.entity-image.align-left, .node__content--article .field--name-body > .embedded-entity.entity-image.align-marginalia,
.node__content--article .field--name-body > figure.align-left,
.node__content--article .field--name-body > figure.align-marginalia {
    margin-left: -140px;
  }
}

@media all and (min-width: 760px) {
  .node__content--article .field--name-body > .embedded-entity.entity-image.align-left, .node__content--article .field--name-body > .embedded-entity.entity-image.align-marginalia,
.node__content--article .field--name-body > figure.align-left,
.node__content--article .field--name-body > figure.align-marginalia {
    float: left;
    margin-right: 2rem;
  }
}

@media all and (min-width: 760px) {
  .node__content--article .field--name-body > .embedded-entity.entity-image.align-right, .node__content--article .field--name-body > .embedded-entity.entity-image.align-apostille,
.node__content--article .field--name-body > figure.align-right,
.node__content--article .field--name-body > figure.align-apostille {
    margin-right: -15px;
  }
}

@media all and (min-width: 1024px) {
  .node__content--article .field--name-body > .embedded-entity.entity-image.align-right, .node__content--article .field--name-body > .embedded-entity.entity-image.align-apostille,
.node__content--article .field--name-body > figure.align-right,
.node__content--article .field--name-body > figure.align-apostille {
    margin-right: -125px;
  }
}

@media all and (min-width: 1220px) {
  .node__content--article .field--name-body > .embedded-entity.entity-image.align-right, .node__content--article .field--name-body > .embedded-entity.entity-image.align-apostille,
.node__content--article .field--name-body > figure.align-right,
.node__content--article .field--name-body > figure.align-apostille {
    margin-right: -140px;
  }
}

@media all and (min-width: 760px) {
  .node__content--article .field--name-body > .embedded-entity.entity-image.align-right, .node__content--article .field--name-body > .embedded-entity.entity-image.align-apostille,
.node__content--article .field--name-body > figure.align-right,
.node__content--article .field--name-body > figure.align-apostille {
    float: right;
    margin-left: 2rem;
  }
}

@media screen and (max-width: 930px) {
  .node__content--article .field--name-body > .embedded-entity.entity-image,
.node__content--article .field--name-body > figure {
    float: none;
  }
  .node__content--article .field--name-body > .embedded-entity.entity-image img,
.node__content--article .field--name-body > figure img {
    width: 100%;
  }
}

.node__content--article .align-fullbleed {
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  position: relative;
  right: 50%;
  width: 100vw;
}

.node__content--article .align-fullbleed.text-overlay-alignment-left .overlay-text {
  bottom: 50px;
  left: 10px;
}

@media all and (min-width: 760px) {
  .node__content--article .align-fullbleed.text-overlay-alignment-left .overlay-text {
    bottom: 70px;
    left: 60px;
  }
}

@media all and (min-width: 1024px) {
  .node__content--article .align-fullbleed.text-overlay-alignment-left .overlay-text {
    bottom: 90px;
    left: 110px;
  }
}

@media all and (min-width: 1220px) {
  .node__content--article .align-fullbleed.text-overlay-alignment-left .overlay-text {
    bottom: 120px;
    left: 140px;
  }
}

.node__content--article .align-fullbleed.text-overlay-alignment-right .overlay-text {
  bottom: 50px;
  right: 10px;
}

@media all and (min-width: 760px) {
  .node__content--article .align-fullbleed.text-overlay-alignment-right .overlay-text {
    right: 60px;
    bottom: 70px;
  }
}

@media all and (min-width: 1024px) {
  .node__content--article .align-fullbleed.text-overlay-alignment-right .overlay-text {
    bottom: 90px;
    right: 110px;
  }
}

@media all and (min-width: 1220px) {
  .node__content--article .align-fullbleed.text-overlay-alignment-right .overlay-text {
    bottom: 120px;
    right: 140px;
  }
}

.node__content--article .align-fullbleed.text-color-light .overlay-text span, .node__content--article .align-fullbleed.text-color-light .overlay-text h1 {
  color: #fff;
}

.node__content--article .align-fullbleed.text-color-dark .overlay-text span, .node__content--article .align-fullbleed.text-color-dark .overlay-text h1 {
  color: #444;
}

@media all and (min-width: 760px) {
  .node__content--article .align-fullbleed img, .node__content--article .align-fullbleed video {
    height: 100vh;
    width: 100vw;
    min-height: 650px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.node__content--article .align-fullbleed .overlay-text {
  position: absolute;
  max-width: 513px;
  text-align: center;
}

.node__content--article .align-fullbleed .overlay-text span {
  text-transform: uppercase;
  font-size: 1.1875rem;
  line-height: 1.5;
}

.node__content--article .align-fullbleed .overlay-text h1 {
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  margin-top: 0;
  font-size: 1.875rem;
  letter-spacing: 0;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1.1;
}

@media all and (min-width: 760px) {
  .node__content--article .align-fullbleed .overlay-text h1 {
    font-size: 4.375rem;
  }
}

@media all and (min-width: 1024px) {
  .node__content--article .align-fullbleed .overlay-text h1 {
    font-size: 5.9375rem;
  }
}

.node__content--article .align-fullbleed figcaption {
  margin-left: 24px;
}

[dir=rtl] .node__content--article .align-fullbleed figcaption {
  margin-left: 0;
  margin-right: 24px;
}

.teaser-img-container {
  position: relative;
}

.teaser-img-container article {
  max-width: none !important;
}

.teaser-img-container .titles-overlay {
  color: #444;
}

@media all and (min-width: 760px) {
  .teaser-img-container .titles-overlay {
    color: #fff;
    text-shadow: 0 0 10px black;
  }
}

.teaser-img-container .titles-overlay .field--name-field-supertitle {
  text-transform: uppercase;
  font-size: 1.1875rem;
  line-height: 1.5;
}

.darkmode .teaser-img-container .titles-overlay .field--name-field-supertitle {
  padding-bottom: 15px;
}

.teaser-img-container .titles-overlay h1 {
  color: inherit;
  font-size: 2rem;
}

@media all and (min-width: 1024px) {
  .teaser-img-container .titles-overlay h1 {
    font-size: 2.625rem;
  }
}

@media all and (min-width: 1220px) {
  .teaser-img-container .titles-overlay h1 {
    font-size: 3rem;
  }
}

.darkmode .teaser-img-container .titles-overlay {
  color: #fff;
}

.darkmode .teaser-img-container .titles-overlay h1 {
  margin: 0;
}

.darkmode .teaser-img-container .titles-overlay h1 span {
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  margin-top: 0;
  font-size: 3.125rem;
  letter-spacing: 0;
  margin-bottom: 0;
  text-transform: none;
  line-height: 1.1;
  font-family: "kepler-std", "Noto Serif", Georgia, Palatino, "Palatino Linotype", FreeSerif, serif;
  font-weight: 400;
}

@media all and (min-width: 760px) {
  .darkmode .teaser-img-container .titles-overlay h1 span {
    font-size: 5rem;
  }
}

@media all and (min-width: 1220px) {
  .darkmode .teaser-img-container .titles-overlay h1 span {
    font-size: 5.9375rem;
  }
}

.teaser-img-container.lead-image .lead-overlay {
  position: absolute;
  bottom: 30px;
  max-width: 640px;
}

html[dir="ltr"] .teaser-img-container.lead-image .lead-overlay {
  left: 10px;
}

html[dir="rtl"] .teaser-img-container.lead-image .lead-overlay {
  right: 10px;
}

@media all and (min-width: 760px) {
  .teaser-img-container.lead-image .lead-overlay {
    bottom: 60px;
  }
  html[dir="ltr"] .teaser-img-container.lead-image .lead-overlay {
    left: 40px;
  }
  html[dir="rtl"] .teaser-img-container.lead-image .lead-overlay {
    right: 40px;
  }
}

.teaser-img-container.lead-image .lead-overlay p {
  font-size: 1.125rem;
  line-height: 1.3;
  font-weight: bold;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  color: white;
}

@media all and (min-width: 760px) {
  .teaser-img-container.lead-image .lead-overlay p {
    font-size: 1.5rem;
  }
  .darkmode .teaser-img-container.lead-image .lead-overlay p {
    font-size: 1.875rem;
  }
}

.teaser-img-container-normal {
  position: relative;
}

.teaser-img-container-normal .titles-overlay {
  position: absolute;
  max-width: 375px;
  bottom: 70px;
  text-align: center;
}

@media all and (min-width: 760px) {
  .teaser-img-container-normal .titles-overlay {
    bottom: 150px;
  }
}

@media all and (min-width: 1024px) {
  .teaser-img-container-normal .titles-overlay {
    bottom: 80px;
  }
}

.teaser-img-container-normal .titles-overlay.titles-overlay-right {
  right: 20px;
}

@media all and (min-width: 760px) {
  .teaser-img-container-normal .titles-overlay.titles-overlay-right {
    right: 0;
  }
}

@media all and (min-width: 1024px) {
  .teaser-img-container-normal .titles-overlay.titles-overlay-right {
    right: 50px;
  }
}

.teaser-img-container-normal .titles-overlay.titles-overlay-left {
  left: 20px;
}

@media all and (min-width: 760px) {
  .teaser-img-container-normal .titles-overlay.titles-overlay-left {
    left: 0;
  }
}

@media all and (min-width: 1024px) {
  .teaser-img-container-normal .titles-overlay.titles-overlay-left {
    left: 50px;
  }
}

.teaser-img-container-normal .titles-overlay span {
  text-transform: uppercase;
  font-size: 1.1875rem;
  line-height: 2.5;
}

.teaser-img-container-normal .titles-overlay h1 {
  margin: 0;
}

.teaser-img-container-normal .titles-overlay h1 span {
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  margin-top: 0;
  font-size: 1.5625rem;
  letter-spacing: 0;
  font-weight: normal;
  margin-bottom: 0;
  text-transform: none;
  line-height: 1;
}

@media all and (min-width: 760px) {
  .teaser-img-container-normal .titles-overlay h1 span {
    font-size: 2.1875rem;
  }
}

@media all and (min-width: 1024px) {
  .teaser-img-container-normal .titles-overlay h1 span {
    font-size: 2.8125rem;
  }
}

.text-below-img {
  margin: 50px auto 65px auto;
  position: relative;
  display: block;
  max-width: 730px;
}

@media all and (min-width: 760px) {
  .text-below-img {
    margin: 85px auto 65px auto;
  }
  .darkmode .text-below-img {
    margin: 100px auto 85px auto;
  }
}

.darkmode .text-below-img h1 {
  margin: 0;
  font-family: "kepler-std", "Noto Serif", Georgia, Palatino, "Palatino Linotype", FreeSerif, serif;
  font-weight: 400;
}

.darkmode .text-below-img h1 span {
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  margin-top: 0;
  font-size: 2.1875rem;
  letter-spacing: 0;
  font-weight: normal;
  margin-bottom: 0;
  text-transform: none;
  line-height: 1;
  padding-bottom: 45px;
}

@media all and (min-width: 760px) {
  .darkmode .text-below-img h1 span {
    font-size: 5.625rem;
  }
}

@media all and (min-width: 1024px) {
  .darkmode .text-below-img h1 span {
    font-size: 5.9375rem;
  }
}

.darkmode .text-below-img h1:after {
  position: absolute;
  content: "";
  height: 2px;
  background-color: #fff;
  width: 30%;
  bottom: 0;
}

.lead-teaserimage-fullbleed--with-text .media:after {
  content: "";
  display: block;
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.field.field--name-field-teaser-image-caption {
  display: block;
  margin-left: auto;
  margin-right: auto;
  font-size: 0.75rem;
  color: #949494;
  margin-bottom: 24px;
  margin-top: 7px;
  max-width: 730px;
}

/**
 * ASSETS FOR DOWNLOADING
 */
.article-assets {
  background-color: #EBEBEB;
  padding: 24px 32px;
  margin-bottom: 32px;
}

.article-assets__title {
  font-weight: 700;
  margin-bottom: 1em;
}

.article-assets__item {
  line-height: 1.5em;
  margin-bottom: 7px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.article-assets__item:before {
  content: "";
  background: url("../images/file-download-solid.svg") no-repeat top left;
  background-size: contain;
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: baseline;
  margin-right: 6px;
  margin-top: 2px;
}

.article-assets__item a {
  text-decoration: none;
}

.article-assets__item a:hover, .article-assets__item a:focus-visible {
  text-decoration: underline;
}

.presentation-mode-reduced .field--name-body p, .presentation-mode-reduced .field--name-body ul, .presentation-mode-reduced .field--name-body ol {
  font-size: 1.1875rem;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  line-height: 1.6;
  margin: 1.5em 0;
}

.presentation-mode-reduced .field--name-body li {
  font-size: 1.1875rem;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  line-height: 1.6;
}

.page-node-type-page .region-content {
  max-width: 730px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 1.5em;
}

.page-node-type-page .region-content .node__content p, .page-node-type-page .region-content .node__content ul, .page-node-type-page .region-content .node__content ol {
  font-size: 1.1875rem;
  line-height: 1.6;
  margin: 1.5em 0;
}

body.page-node-type-person .site-content {
  width: unset;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

body.page-node-type-person .person-header {
  background-color: #EBEBEB;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 24px 15%;
  min-height: 150px;
  margin-bottom: 15px;
}

@media all and (min-width: 760px) {
  body.page-node-type-person .person-header {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    margin-bottom: 32px;
  }
}

body.page-node-type-person .person-name {
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  color: #444;
  font-size: 1.875rem;
  padding: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 640px;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}

@media all and (min-width: 760px) {
  body.page-node-type-person .person-name {
    font-size: 2.25rem;
  }
}

@media all and (min-width: 760px) {
  body.page-node-type-person .person-name {
    padding-left: 0;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start;
    margin-left: 25px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
}

body.page-node-type-person .person-name .field--name-title {
  width: 100%;
}

body.page-node-type-person .person-name .field--name-field-last-name {
  padding-left: 7px;
}

body.page-node-type-person .person-name .field--name-field-position, body.page-node-type-person .person-name .person-pronoun {
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  color: #444;
  font-size: 0.9375rem;
  font-style: italic;
  color: #949494;
  margin-top: 7px;
  width: 100%;
  text-align: center;
  font-size: 1.1875rem;
}

@media all and (min-width: 760px) {
  body.page-node-type-person .person-name .field--name-field-position, body.page-node-type-person .person-name .person-pronoun {
    text-align: start;
  }
}

body.page-node-type-person .field--name-field-image-person {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 111px;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

@media all and (min-width: 760px) {
  body.page-node-type-person .field--name-field-image-person {
    max-width: 221px;
    margin-right: 40px;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
}

body.page-node-type-person .field--name-field-image-person img {
  border-radius: 50%;
}

body.page-node-type-person .person-body, body.page-node-type-person .person-articles {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

@media all and (min-width: 1024px) {
  body.page-node-type-person .person-body, body.page-node-type-person .person-articles {
    width: 800px;
  }
}

body.page-node-type-person .person-articles {
  border-top: 1px solid #e2e2e2;
  margin-top: 44px;
  padding-left: 15px;
  padding-right: 15px;
}

@media all and (min-width: 1024px) {
  body.page-node-type-person .person-articles {
    padding-left: 0;
    padding-right: 0;
  }
}

body.page-node-type-person .person-articles .pager__items {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

body.page-node-type-person .person-articles__title {
  margin-top: 32px;
}

body.page-node-type-person .person-body p, body.page-node-type-person .person-body ul li, body.page-node-type-person .person-body ol, body.page-node-type-person .person-body blockquote {
  line-height: 1.5;
  font-size: 1.0625rem;
}

@media all and (min-width: 760px) {
  body.page-node-type-person .person-body p, body.page-node-type-person .person-body ul li, body.page-node-type-person .person-body ol, body.page-node-type-person .person-body blockquote {
    font-size: 1.1875rem;
    line-height: 1.6;
  }
}

body.page-node-type-person .person-body a:not(.button--link-as-button) {
  text-decoration: none;
  -webkit-transition:background 0.3s ease-in, box-shadow 0.3s ease-in;
  transition: background 0.3s ease-in, box-shadow 0.3s ease-in;
  box-shadow: inset 0 -0.15em #c8e480;
  line-height: 1.5;
  font-size: 1.0625rem;
}

body.page-node-type-person .person-body a:not(.button--link-as-button):hover, body.page-node-type-person .person-body a:not(.button--link-as-button):focus-visible {
  background: #c8e480;
  box-shadow: none;
}

@media all and (min-width: 760px) {
  body.page-node-type-person .person-body a:not(.button--link-as-button) {
    font-size: 1.1875rem;
    line-height: 1.6;
  }
}

body.page-node-type-person .person-body .field--name-field-biography {
  padding: 15px;
  padding-top: 0;
}

@media all and (min-width: 1024px) {
  body.page-node-type-person .person-body .field--name-field-biography {
    padding-left: 0;
    padding-right: 0;
  }
}

body.page-node-type-person .person-body .person-contact {
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 44px;
}

@media all and (min-width: 1024px) {
  body.page-node-type-person .person-body .person-contact {
    padding-left: 0;
    padding-right: 0;
  }
}

body.page-node-type-person .person-body .person-contact h2 {
  margin-bottom: 7px;
  margin-top: 0;
}

body.page-node-type-person .person-body .person-contact .field--name-field-contact p {
  margin-top: 0;
}

body.page-node-type-person .views-element-container .views-row {
  margin-bottom: 24px;
  font-size: 1.0625rem;
}

@media all and (min-width: 760px) {
  body.page-node-type-person .views-element-container .views-row {
    font-size: 1.1875rem;
    line-height: 1.6;
  }
}

body.page-node-type-person .views-element-container .views-row .views-field-title {
  font-weight: 600;
}

body.page-node-type-person .views-element-container .views-row .views-field {
  display: block;
}

body.page-node-type-person .views-element-container .views-row .views-field a {
  text-decoration: none;
}

body.page-node-type-person .views-element-container .views-row .views-field-created {
  color: #949494;
}

body.page-node-type-person .views-element-container .views-row .teaser__image {
  max-width: 100%;
}

@media all and (min-width: 760px) {
  body.page-node-type-person .views-element-container .views-row .teaser__image {
    max-width: 45%;
  }
}

body.page-node-type-person .views-element-container .pager__item.is-active, body.page-node-type-person .views-element-container .pager__item.hamburger[aria-expanded='true'] {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}

.teaser--default.node--type-person .teaser__title {
  margin-bottom: 0;
}

.teaser--default.node--type-person .teaser__body {
  margin-top: 0;
}

.teaser--default.node--type-person .teaser__body * {
  display: block;
}

.teaser--default.node--type-person .teaser__image {
  max-width: 50%;
}

.teaser--default.node--type-person .field--type-email {
  display: inline-block;
  text-decoration: none;
  -webkit-transition:background 0.3s ease-in, box-shadow 0.3s ease-in;
  transition: background 0.3s ease-in, box-shadow 0.3s ease-in;
  box-shadow: inset 0 -0.15em #c8e480;
}

.teaser--default.node--type-person .field--type-email:hover, .teaser--default.node--type-person .field--type-email:focus-visible {
  background: #c8e480;
  box-shadow: none;
}

.teaser--main.node--type-person .teaser__title {
  margin-top: 15px;
  margin-bottom: 0;
}

.teaser--main.node--type-person .teaser__body {
  margin-top: 0;
}

.teaser--main.node--type-person .teaser__body * {
  display: block;
}

.teaser--main.node--type-person .field--type-email {
  display: inline-block;
  text-decoration: none;
  -webkit-transition:background 0.3s ease-in, box-shadow 0.3s ease-in;
  transition: background 0.3s ease-in, box-shadow 0.3s ease-in;
  box-shadow: inset 0 -0.15em #c8e480;
}

.teaser--main.node--type-person .field--type-email:hover, .teaser--main.node--type-person .field--type-email:focus-visible {
  background: #c8e480;
  box-shadow: none;
}

.person-so-me a[href^="https://bsky.app"], .person-so-me a[href^="https://www.youtube.com"], .person-so-me a[href^="https://www.facebook.com"], .person-so-me a[href^="https://facebook.com"], .person-so-me a[href^="https://twitter.com"], .person-so-me a[href^="https://x.com"], .person-so-me a[href*="mastodon"], .person-so-me a[href*="@"], .person-so-me a[href^="https://vimeo.com"], .person-so-me a[href^="https://www.flickr.com"], .person-so-me a[href^="https://soundcloud.com"], .person-so-me a[href^="https://www.mixcloud.com"], .person-so-me a[href^="https://www.instagram.com"], .person-so-me a[href^="https://open.spotify.com"], .person-so-me a[href^="https://vk.com"], .person-so-me a[href^="https://www.linkedin.com"], .person-so-me a[href^="https://www.xing.com"], .person-so-me a[href^="https://www.threads.net"], .person-so-me a[href^="https://www.tiktok.net"], .person-so-me a[href^="mailto:"], .person-so-me a[href$="/rss.xml"], .person-so-me a[href$="/feed.xml"] {
  float: left;
  font-size: 0 !important;
  width: 22px;
  height: 22px;
  margin: 10px 20px 0 0;
}

html[dir="rtl"] .person-so-me a[href^="https://bsky.app"], html[dir="rtl"] .person-so-me a[href^="https://www.youtube.com"], html[dir="rtl"] .person-so-me a[href^="https://www.facebook.com"], html[dir="rtl"] .person-so-me a[href^="https://facebook.com"], html[dir="rtl"] .person-so-me a[href^="https://twitter.com"], html[dir="rtl"] .person-so-me a[href^="https://x.com"], html[dir="rtl"] .person-so-me a[href*="mastodon"], html[dir="rtl"] .person-so-me a[href*="@"], html[dir="rtl"] .person-so-me a[href^="https://vimeo.com"], html[dir="rtl"] .person-so-me a[href^="https://www.flickr.com"], html[dir="rtl"] .person-so-me a[href^="https://soundcloud.com"], html[dir="rtl"] .person-so-me a[href^="https://www.mixcloud.com"], html[dir="rtl"] .person-so-me a[href^="https://www.instagram.com"], html[dir="rtl"] .person-so-me a[href^="https://open.spotify.com"], html[dir="rtl"] .person-so-me a[href^="https://vk.com"], html[dir="rtl"] .person-so-me a[href^="https://www.linkedin.com"], html[dir="rtl"] .person-so-me a[href^="https://www.xing.com"], html[dir="rtl"] .person-so-me a[href^="https://www.threads.net"], html[dir="rtl"] .person-so-me a[href^="https://www.tiktok.net"], html[dir="rtl"] .person-so-me a[href^="mailto:"], html[dir="rtl"] .person-so-me a[href$="/rss.xml"], html[dir="rtl"] .person-so-me a[href$="/feed.xml"] {
  float: right;
  margin: 10px 0 24px 14px;
}

.person-so-me a[href^="https://bsky.app"] {
  background: transparent url("../images/social-icons/old/bluesky.svg") top left no-repeat;
}

.person-so-me a[href^="https://www.youtube.com"] {
  background: transparent url("../images/social-icons/old/youtube.svg") top left no-repeat;
}

.person-so-me a[href^="https://www.facebook.com"], .person-so-me a[href^="https://facebook.com"] {
  background: transparent url("../images/social-icons/old/facebook.svg") top left no-repeat;
}

.person-so-me a[href^="https://twitter.com"], .person-so-me a[href^="https://x.com"] {
  background: transparent url("../images/social-icons/old/x-twitter.svg") top left no-repeat;
}

.person-so-me a[href*="mastodon"], .person-so-me a[href*="/@"] {
  background: transparent url("../libs/fontawesome/svgs/brands/mastodon.svg") top left no-repeat;
}

.person-so-me a[href^="https://vimeo.com"] {
  background: transparent url("../images/megamenu-social-icons/vimeo.svg") top left no-repeat;
}

.person-so-me a[href^="https://www.flickr.com"] {
  background: transparent url("../images/social-icons/old/flickr.svg") top left no-repeat;
}

.person-so-me a[href^="https://soundcloud.com"] {
  background: transparent url("../images/social-icons/old/soundcloud.svg") center left no-repeat;
}

.person-so-me a[href^="https://www.mixcloud.com"] {
  background: transparent url("../images/megamenu-social-icons/mixcloud.svg") center left no-repeat;
}

.person-so-me a[href^="https://www.instagram.com"] {
  background: transparent url("../images/social-icons/old/instagram.svg") top left no-repeat;
}

.person-so-me a[href^="https://open.spotify.com"] {
  background: transparent url("../images/megamenu-social-icons/spotify.svg") top left no-repeat;
}

.person-so-me a[href^="https://vk.com"] {
  background: transparent url("../images/megamenu-social-icons/vk.svg") top left no-repeat;
}

.person-so-me a[href^="https://www.linkedin.com"] {
  background: transparent url("../images/social-icons/old/linkedin.svg") top left no-repeat;
}

.person-so-me a[href^="https://www.xing.com"] {
  background: transparent url("../images/megamenu-social-icons/xing.svg") top left no-repeat;
}

.person-so-me a[href^="https://www.tiktok.com"] {
  background: transparent url("../images/megamenu-social-icons/tiktok.svg") top left no-repeat;
}

.person-so-me a[href^="https://www.threads.net"] {
  background: transparent url("../images/megamenu-social-icons/threads.svg") top left no-repeat;
}

.person-so-me a[href^="mailto:"] {
  background: transparent url("../images/megamenu-social-icons/envelope-solid.svg") top left no-repeat;
}

.person-so-me a[href$="/rss.xml"], .person-so-me a[href$="/feed.xml"] {
  background: transparent url("../images/social-icons/old/rss.svg") top left no-repeat;
}

.person-so-me .field--name-field-social-media-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.person-so-me .field--name-field-social-media-links a {
  margin: 10px 10px 0;
}

@media all and (min-width: 760px) {
  .person-so-me .field--name-field-social-media-links .field__item:first-child a {
    margin-left: 0;
  }
}

.page-node-type-product {
  /* Everything for the sticky header */
  /* Other General Styles */
}

.page-node-type-product .site-header .region-header .field--name-body {
  margin: 0 auto;
  padding: 0;
  border: none;
}

.page-node-type-product .region-content {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 24px;
  max-width: 800px;
}

.page-node-type-product .product-cover-image img {
  max-width: 18.75rem;
  width: 100%;
}

@media all and (min-width: 0) and (max-width: 759.97px) {
  .page-node-type-product .product-cover-image {
    margin: auto;
    margin-bottom: 32px;
  }
  .page-node-type-product .product-cover-image .media--image, .page-node-type-product .product-cover-image .media--type-image {
    position: static;
  }
  .page-node-type-product .product-cover-image img {
    display: block;
    margin: auto;
  }
}

@media all and (min-width: 760px) {
  html[dir="ltr"] .page-node-type-product .product-cover-image {
    margin: 0 1.75rem 15px 0;
  }
  html[dir="rtl"] .page-node-type-product .product-cover-image {
    margin: 0 0 15px 1.75rem;
  }
  .page-node-type-product .product-cover-image .field--name-field-teaser-image {
    box-shadow: 2px 2px 2px 0 rgba(100, 100, 100, 0.5);
    border-left: 1px solid rgba(100, 100, 100, 0.5);
    border-top: 1px solid rgba(100, 100, 100, 0.5);
  }
  .page-node-type-product .product-cover-image img {
    max-width: 18.75rem;
    width: 18.75rem;
  }
}

.page-node-type-product .product-cover-image .field--name-field-teaser-image {
  background: none;
}

.page-node-type-product .product-header {
  position: relative;
  top: 0;
  background-color: white;
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
  z-index: 10;
}

@media all and (min-width: 760px) {
  .page-node-type-product .product-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
  }
}

.page-node-type-product .product-head {
  color: var(--brand-colors-gray-dark-1);
  font-size: 2rem;
}

.page-node-type-product .field--name-field-content-genre {
  color: var(--brand-colors-gray-dark-2);
  font-weight: 400;
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
  line-height: 1.375rem;
}

.page-node-type-product .product-title {
  font-size: 2rem;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 2.576rem;
}

.page-node-type-product .field--name-field-subtitle {
  font-size: 2rem;
  line-height: 2.576rem;
  margin-bottom: 1.75rem;
}

.page-node-type-product .content-authors {
  font-weight: 600;
  margin-bottom: 1.75rem;
}

.page-node-type-product .content-authors a {
  text-decoration: underline;
}

.page-node-type-product .content-authors a:hover, .page-node-type-product .content-authors a:focus-visible {
  text-decoration: underline;
}

.page-node-type-product .field--name-field-series {
  margin-bottom: 1.75rem;
}

.page-node-type-product .field--name-field-series .field__label {
  font-weight: 400;
}

.page-node-type-product .field--name-field-series a:not(.button--link-as-button) {
  text-decoration: none;
  -webkit-transition:background 0.3s ease-in, box-shadow 0.3s ease-in;
  transition: background 0.3s ease-in, box-shadow 0.3s ease-in;
  box-shadow: inset 0 -0.15em #c8e480;
}

.page-node-type-product .field--name-field-series a:not(.button--link-as-button):hover, .page-node-type-product .field--name-field-series a:not(.button--link-as-button):focus-visible {
  background: #c8e480;
  box-shadow: none;
}

.page-node-type-product .field--name-field-authors,
.page-node-type-product .field--name-field-series,
.page-node-type-product .field--name-field-price {
  font-size: 1.25rem;
  font-weight: 400;
  margin-bottom: 1.75rem;
}

.page-node-type-product .product-header.fixed .product-title,
.page-node-type-product .product-header.fixed .field--name-field-subtitle {
  font-size: 1.25rem;
}

.page-node-type-product .product-header.fixed .field--name-field-subtitle {
  margin-bottom: 0.875rem;
}

.page-node-type-product .product-header.fixed .field--name-field-content-genre,
.page-node-type-product .product-header.fixed .field--name-field-price,
.page-node-type-product .product-header.fixed .field--name-field-authors,
.page-node-type-product .product-header.fixed .field--name-field-series {
  display: none;
}

.page-node-type-product .product-header.fixed .field--name-field-authors a {
  text-decoration: underline;
}

.page-node-type-product .product-header.fixed .product-cover-image {
  -webkit-margin-end: 2rem;
     -moz-margin-end: 2rem;
          margin-inline-end: 2rem;
}

.page-node-type-product .product-header.fixed .product-cover-image img {
  height: 10rem;
  width: auto;
}

.page-node-type-product .product-header.loose .product-title,
.page-node-type-product .product-header.loose .field--name-field-subtitle {
  font-size: 2rem;
}

.page-node-type-product .product-header.loose .field--name-field-subtitle {
  margin-bottom: 0.875rem;
}

.page-node-type-product .product-header.loose .field--name-field-content-genre,
.page-node-type-product .product-header.loose .field--name-field-price {
  display: block;
}

.page-node-type-product .product-header.loose .product-cover-image {
  margin-left: 0px;
}

.page-node-type-product .product-header.loose .product-cover-image img {
  width: 18.75rem;
}

.page-node-type-product .product-head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.page-node-type-product .field--name-body {
  display: block;
  margin-left: auto;
  margin-right: auto;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
}

.page-node-type-product .field--name-body p,
.page-node-type-product .field--name-body li {
  line-height: 1.5;
  font-family: "Noto Serif", Georgia, Palatino, "Palatino Linotype", FreeSerif, serif;
  font-size: 1.0625rem;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
}

@media all and (min-width: 760px) {
  .page-node-type-product .field--name-body p,
.page-node-type-product .field--name-body li {
    font-size: 1.1875rem;
    line-height: 1.6;
  }
}

.page-node-type-product .field--name-body p a[href]:not(.button--link-as-button),
.page-node-type-product .field--name-body ul a[href]:not(.button--link-as-button),
.page-node-type-product .field--name-body ol a[href]:not(.button--link-as-button),
.page-node-type-product .field--name-body blockquote a[href]:not(.button--link-as-button) {
  text-decoration: none;
  -webkit-transition:background 0.3s ease-in, box-shadow 0.3s ease-in;
  transition: background 0.3s ease-in, box-shadow 0.3s ease-in;
  box-shadow: inset 0 -0.15em #c8e480;
}

.page-node-type-product .field--name-body p a[href]:not(.button--link-as-button):hover, .page-node-type-product .field--name-body p a[href]:not(.button--link-as-button):focus-visible,
.page-node-type-product .field--name-body ul a[href]:not(.button--link-as-button):hover,
.page-node-type-product .field--name-body ul a[href]:not(.button--link-as-button):focus-visible,
.page-node-type-product .field--name-body ol a[href]:not(.button--link-as-button):hover,
.page-node-type-product .field--name-body ol a[href]:not(.button--link-as-button):focus-visible,
.page-node-type-product .field--name-body blockquote a[href]:not(.button--link-as-button):hover,
.page-node-type-product .field--name-body blockquote a[href]:not(.button--link-as-button):focus-visible {
  background: #c8e480;
  box-shadow: none;
}

.page-node-type-product .field--label-inline > * {
  display: inline;
}

.page-node-type-product .field--label-inline .field__label:after {
  content: ':';
}

.page-node-type-product .product-details {
  margin-block: 32px;
}

.page-node-type-product .product-details__fields,
.page-node-type-product .product-toc__fields {
  margin-block: 24px;
  font-size: 0.9375rem;
}

.page-node-type-product .product-details__fields .field {
  margin-bottom: 7px;
}

@media all and (min-width: 760px) {
  .page-node-type-product .product-details__fields .field {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.page-node-type-product .product-details__fields .field__label {
  font-weight: 500;
  margin-right: 7px;
}

@media all and (min-width: 760px) {
  .page-node-type-product .product-details__fields .field__label {
    -webkit-flex-basis: 30%;
        -ms-flex-preferred-size: 30%;
            flex-basis: 30%;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
}

.page-node-type-product .boe-product .button-product-wrapper {
  margin: 4px 0 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 10px;
}

@media all and (min-width: 1024px) {
  .page-node-type-product .boe-product .button-product-wrapper {
    width: 600px;
  }
}

.grid-box--highlighted .page-node-type-product .boe-product .button-product-wrapper a[role='button'] {
  background-color: white;
}

.page-node-type-product .boe-product .field--name-field-table-of-contents > .field__label {
  margin-top: 56px;
}

.page-node-type-product .button-product a {
  background-color: transparent;
  text-decoration: none;
}

.page-node-type-product .button-product {
  font-size: 1rem;
  font-weight: 700;
  background-color: var(--brand-colors-gray-light-1);
}

.page-node-type-product .button-product:hover {
  background-color: var(--brand-colors-gray-light-4);
}

.page-node-type-product .button-product svg {
  height: 1.25rem;
  position: relative;
}

.page-node-type-product .boe-shoppingcart-list-head {
  font-weight: 700;
}

.page-node-type-product .boe-shoppingcart-list {
  margin-top: -5px;
  width: 100%;
}

.page-node-type-product .boe-shoppingcart-list tr {
  border-bottom: 1px solid;
}

.page-node-type-product .boe-shoppingcart-list tr:last-child {
  border-bottom: none;
}

.page-node-type-product .boe-shoppingcart-list td {
  padding: 11px 4px 9px;
}

.page-node-type-product .entypo-block {
  display: block;
  width: 16px;
  height: 16px;
  position: relative;
  bottom: 3px;
}

.page-node-type-product .entypo-block:before {
  content: "";
  position: absolute;
  display: block;
  width: 4px;
  left: 4px;
  height: 100%;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.page-node-type-product .entypo-block:after {
  content: "";
  position: absolute;
  display: block;
  width: 4px;
  left: 4px;
  height: 100%;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.page-node-type-product .boe-shipping-costs-select {
  position: relative;
  padding: 4px 2px 0 2px;
}

.page-node-type-product .field--name-shopping-cart select {
  display: block;
  height: 30px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
  border: 1px solid;
  min-width: 30px;
  width: auto;
}

.page-node-type-product .field--name-shopping-cart select option {
  padding: 6px 4px;
}

.page-node-type-product .field--name-shopping-cart .form-item {
  width: 100%;
}

.page-node-type-product .field--name-shopping-cart .form-submit {
  line-height: 2em;
}

.page-node-type-product #edit-address select {
  margin-top: 10px;
  padding-top: 4px;
}

/* Dowload Overlay */
.download-overlay--description {
  font-size: 2rem;
}

.download-overlay--meta-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

.download-overlay--image {
  width: 30%;
  margin-right: 1.75rem;
}

.download-overlay--title-n-buttons {
  width: 65%;
}

.download-overlay--title-n-buttons .field--name-title {
  font-weight: 700;
  display: block;
}

.download-overlay--title-n-buttons .field--name-title,
.download-overlay--title-n-buttons .field--name-field-subtitle {
  font-size: 1.15rem !important;
  line-height: 1.688rem;
}

.part--overlay__texts-without-image .download-overlay--title-n-buttons {
  width: 100%;
}

.download-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 1rem;
  border-top: 1px solid var(--brand-colors-gray-dark-2);
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  text-decoration: none;
}

.download-link:last-child {
  border-bottom: 1px solid var(--brand-colors-gray-dark-2);
}

.media--type-audio .audio-embed,
.media--type-podigee-episode .audio-embed {
  margin-bottom: 32px;
}

.media--type-audio .series-subscription-box,
.media--type-podigee-episode .series-subscription-box {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 56px;
  margin-bottom: 44px;
  max-width: 800px;
}

.media--type-audio .series-subscription-box__title,
.media--type-podigee-episode .series-subscription-box__title {
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  color: #444;
  font-size: 1.25rem;
  margin-bottom: 24px;
}

.media--type-external-media .two-click.default iframe {
  margin-left: auto !important;
  margin-right: auto !important;
}

.media--type-media-soundcloud .soundcloud-embed {
  margin-bottom: 32px;
}

.media--type-media-soundcloud .series-subscription-box {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 56px;
  margin-bottom: 44px;
  max-width: 800px;
}

.media--type-media-soundcloud .series-subscription-box__title {
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  color: #444;
  font-size: 1.25rem;
  margin-bottom: 24px;
}

.page-title {
  font-size: 3rem;
  color: var(--boe-color-neutral-80);
}

.media__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 30px;
}

.media__content .media__url {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 56px;
}

@media all and (min-width: 760px) {
  .media__content .media__url {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.media__content .media__url--label {
  font-size: 1.1875rem;
  font-weight: 600;
  margin-right: 15px;
}

.media__content .media__url--link {
  color: #999;
  font-size: 1.125rem;
  word-break: break-all;
}

@media all and (min-width: 760px) {
  .media__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-top: 60px;
  }
}

.media__content .media__content-text {
  width: 100%;
}

@media all and (min-width: 760px) {
  .media__content .media__content-text {
    width: 70%;
    padding-right: 50px;
  }
}

.media__content .media__content-text .media__title {
  margin-top: 0;
}

.media__content .media__content-text .field--name-field-content-genre {
  margin-bottom: 10px;
  font-size: 1.1875rem;
}

.media__content .media__metadata {
  width: 100%;
}

@media all and (min-width: 760px) {
  .media__content .media__metadata {
    width: 30%;
  }
}

.media__content .media-details {
  background: none;
  padding: 0;
  margin-top: 0;
}

.media__content .media-details .field {
  margin: 15px 0;
}

.media__content .media-details .field:first-child {
  margin-top: 0;
}

.media__content .media-details .field__label {
  font-size: 1.1875rem;
  font-weight: 600;
}

.media__content .media-details .file--audio {
  padding-left: 0;
  background: none;
}

.media__content .media__availability-notice {
  font-style: italic;
  font-size: 1.25rem;
}

.boell-bookmark--is-active .media__content-header {
  position: relative;
}

.boell-bookmark--is-active .media__content-header .field--name-field-content-genre,
.boell-bookmark--is-active .media__content-header .media__title {
  padding-right: 44px;
}

.media__main-asset.external-embed iframe {
  max-height: 640px;
  width: 100%;
}

.media__main-asset.audio-embed iframe {
  width: 100%;
  min-height: 450px;
}

@media all and (min-width: 600px) {
  .media__main-asset.audio-embed iframe {
    min-height: 260px;
  }
}

@media all and (min-width: 760px) {
  .media__main-asset.audio-embed iframe {
    min-height: 370px;
  }
}

.media__main-asset.media__main-asset-image {
  margin-bottom: 32px;
}

.media__main-asset.media__main-asset-image .field--name-field-teaser-image {
  background: #f1f1f1;
  height: 0;
  overflow: hidden;
  padding-bottom: 66.6666666667%;
  position: relative;
}

.media__main-asset.media__main-asset-image .field--name-field-teaser-image img {
  height: calc(100% - 32px);
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 16px;
  width: auto;
}

.media--type-file .media__main-asset.media__main-asset-image img {
  box-shadow: 2px 2px 2px 0 rgba(100, 100, 100, 0.5);
  border-left: 1px solid rgba(100, 100, 100, 0.5);
  border-top: 1px solid rgba(100, 100, 100, 0.5);
}

.media__main-asset.media__main-asset-image .field--name-field-teaser-image {
  background: rgba(145, 200, 0, 0.1);
}

.media__main-asset.media__main-asset-image .media--image, .media__main-asset.media__main-asset-image .media--type-image {
  position: static;
}

.media__main-asset .two-click__disclaimer-link:after {
  content: none;
}

.print-copyright-container {
  display: none;
}

@media print {
  .layout-tabs {
    display: none;
  }
  @page {
    size: auto;
    margin: 15mm 20mm 20mm 20mm;
  }
  .print-copyright-container {
    padding: 10px;
    display: block;
  }
  #block-theodor-page-title .field--name-title {
    font-size: 16pt;
  }
  #block-theodor-content .article__lead p {
    font-size: 11pt;
    hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
  }
  #block-theodor-content .article__lead .field--name-field-content-genre {
    float: none;
  }
  #block-theodor-content .article__meta {
    display: none;
  }
  #block-theodor-content .article__meta-print {
    display: block;
    font-size: 12pt;
    line-height: 15pt;
    font-weight: bold;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid lightgrey;
  }
  #block-theodor-content .article__meta-print a {
    box-shadow: none;
  }
  #block-theodor-content .node__content--article p, #block-theodor-content .node__content--article li {
    font-size: 10pt;
    hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
  }
  #block-theodor-content .node__content--article h2, #block-theodor-content .node__content--article h3 {
    font-size: 12pt;
    page-break-after: avoid;
    -webkit-column-break-after: avoid;
            break-after: avoid;
  }
  #block-theodor-content figure {
    display: block;
    margin: auto;
    max-width: 50%;
    page-break-inside: avoid;
  }
  #block-theodor-content .entity-infobox {
    page-break-inside: avoid;
  }
  #block-theodor-content .entity-infobox .boe-field-infobox-subject {
    font-size: 12pt;
    font-weight: bold;
  }
  #block-theodor-content .entity-infobox .boe-field-infobox-text {
    display: block;
  }
}

.route-boellafar-endpoint .event--meta .field--event_type,
.route-boellafar-endpoint .views-row .date,
.route-boellafar-home .event--meta .field--event_type,
.route-boellafar-home .views-row .date {
  color: #75A300;
}

.route-boellafar-endpoint .search-results-month,
.route-boellafar-home .search-results-month {
  border-top: 1px solid #91c800;
  border-bottom: 1px solid #91c800;
  color: #91c800;
}

.route-boellafar-endpoint .facet-item input[type=checkbox]:checked + label,
.route-boellafar-endpoint .views-exposed-form input[type="submit"],
.route-boellafar-home .facet-item input[type=checkbox]:checked + label,
.route-boellafar-home .views-exposed-form input[type="submit"] {
  background: #91c800;
}

.route-boellafar-endpoint #wrap-facets #facet-filter-list button:hover,
.route-boellafar-endpoint #wrap-facets #facet-filter-list button:focus-visible,
.route-boellafar-endpoint #wrap-facets #facet-filter-list button.active,
.route-boellafar-home #wrap-facets #facet-filter-list button:hover,
.route-boellafar-home #wrap-facets #facet-filter-list button:focus-visible,
.route-boellafar-home #wrap-facets #facet-filter-list button.active {
  border-bottom: 6px solid #91c800;
}

.route-boellafar-endpoint .views-row .date.multiple,
.route-boellafar-home .views-row .date.multiple {
  background: #91c800;
  -webkit-mask-image: url(/themes/boellcalendar/images/event-multiple-days.svg);
  mask-image: url(/themes/boellcalendar/images/event-multiple-days.svg);
}

.route-boellafar-endpoint .views-row .eventlist-white-wrapper .event--title:after,
.route-boellafar-home .views-row .eventlist-white-wrapper .event--title:after {
  background: #91c800;
  -webkit-mask-image: url(/themes/boellcalendar/images/arrow-right.svg);
  mask-image: url(/themes/boellcalendar/images/arrow-right.svg);
}

.route-boellafar-endpoint .facet-item input[type=checkbox] + label,
.route-boellafar-home .facet-item input[type=checkbox] + label {
  background: #e2e2e2;
  color: #444;
}

.route-boellafar-endpoint .facet-item input[type=checkbox] + label:hover, .route-boellafar-endpoint .facet-item input[type=checkbox] + label:focus-visible,
.route-boellafar-home .facet-item input[type=checkbox] + label:hover,
.route-boellafar-home .facet-item input[type=checkbox] + label:focus-visible {
  background: #91c800;
  color: white;
}

.route-boellafar-endpoint .facet-item input[type=checkbox]:checked + label,
.route-boellafar-home .facet-item input[type=checkbox]:checked + label {
  background: #91c800;
  color: white;
}

.route-boellafar-endpoint .facet-item input[type=checkbox]:checked + label:before,
.route-boellafar-home .facet-item input[type=checkbox]:checked + label:before {
  content: "";
}

.route-boellafar-endpoint .views-element-container nav,
.route-boellafar-endpoint .views-element-container footer,
.route-boellafar-home .views-element-container nav,
.route-boellafar-home .views-element-container footer {
  font-size: 1.1875rem;
}

.route-boellafar-endpoint .no-results-info,
.route-boellafar-home .no-results-info {
  display: none;
}

.route-boellafar-endpoint .event--wrapper .event--format,
.route-boellafar-home .event--wrapper .event--format {
  color: #75A300;
}
/*# sourceMappingURL=boell-green.css.map */