@charset "UTF-8";
:root {
  --app-height: 100vh;
  --scrollbar-width: 0px;
  --p-fs: 1rem;
  --p-lh: 1.25em;
  --h1-fs: 2rem;
  --h1-lh: 1.25em;
  --h2-fs: 1.5rem;
  --h2-lh: 1.25em;
  --h3-fs: 1.17rem;
  --h3-lh: 1.25em;
  --h4-fs: 1rem;
  --h4-lh: 1.25em;
  --h5-fs: .83rem;
  --h5-lh: 1.25em;
  --h6-fs: .67rem;
  --h6-lh: 1.25em;
  --animation-time: 1000ms;
  --animation-time-fast: 500ms;
  --animation-time-faster: 250ms;
  --animation-time-fasterer: 125ms;
  --space-xxs: .125rem;
  --space-xs: .25rem;
  --space-ser: .33rem;
  --space-s: .5rem;
  --space-sm: .75rem;
  --space-m: 1rem;
  --space-ml: 1.5rem;
  --space-l: 2rem;
  --space-xl: 4rem;
  --space-xxl: 8rem;
  --space-xxxl: 16rem;
  --akcore-border-width: 2px;
  --akcore-border-radius: 8px;
  --w: #FFF;
  --sw: rgba(255, 255, 255, 0.66);
  --lsw: rgba(255, 255, 255, 0.33);
  --vlsw: rgba(255, 255, 255, 0.17);
  --b: #000;
  --sb: rgba(0, 0, 0, 0.33);
  --lsb: rgba(0, 0, 0, 0.17);
  --vlsb: rgba(0, 0, 0, 0.08);
  --g: #CCC;
  --lg: #EEE;
  --vlg: rgb(245, 245, 245);
  --blue: #00E;
  --purple: #551A8B;
  --red: #E00;
  --akblue: #001EA8;
  --akbluem: #1540FF;
  --akbluel: #798FF2;
  --akbluevl: #99ABFF;
  --akblued: #000084;
  --akblue2: #128;
  --akblue2m: #239;
  --akblue2d: #016;
  --aknavy: #1C2338;
  --akpurple: #6B5B95;
  --akred: #C83349;
  --akredm: #FF4B3E;
  --akredl: #E06377;
  --akred2: #E94B3C;
  --akred3: #E1364C;
  --akgreen: #34A853;
  --akgreenm: #13A10E;
  --akgreenl: #44DA6C;
  --akgreen2: #2DE0A5;
  --akgreen3: #25D198;
  --akyellow: #F5DA79;
  --akyellowm: #FFCC5C;
  --akyellowl: #FFEF96;
  --akyellowvl: #FFE;
  --akgrey: #3D404C;
  --akgreym: #818899;
  --akgreyl: #A8AABB;
  --akgreyvl: #D7D8DD;
  --akgreyd: #2B2B2B;
  --akgreyvd: #101011;
}

@keyframes blink {
  to {
    visibility: hidden;
  }
}
@keyframes dotdotdot {
  0% {
    content: "";
  }
  25% {
    content: ".";
  }
  50% {
    content: "..";
  }
  75% {
    content: "...";
  }
  100% {
    content: "";
  }
}
@keyframes pulse {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes shake {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  2% {
    transform: translate(-2px, -4px) rotate(-1deg);
  }
  4% {
    transform: translate(-6px, 0px) rotate(1deg);
  }
  6% {
    transform: translate(6px, 4px) rotate(0deg);
  }
  8% {
    transform: translate(2px, -1px) rotate(1deg);
  }
  10% {
    transform: translate(-2px, 4px) rotate(-1deg);
  }
  12% {
    transform: translate(-6px, 2px) rotate(0deg);
  }
  14% {
    transform: translate(6px, 2px) rotate(-1deg);
  }
  16% {
    transform: translate(-2px, -2px) rotate(1deg);
  }
  18% {
    transform: translate(2px, 4px) rotate(0deg);
  }
  20% {
    transform: translate(0, 0) rotate(0deg);
  }
}
:root {
  --app-height: 100vh;
  --animation-time-slow: 2000ms;
  --animation-time: 1000ms;
  --animation-time-fast: 500ms;
  --animation-time-faster: 250ms;
  --animation-time-fastest: 125ms;
  --animation-time-megafast: 50ms;
  --animation-delay: 1000ms;
  --animation-delay-fast: 500ms;
  --animation-delay-faster: 250ms;
  --animation-delay-fastest: 125ms;
  --animation-delay-megafast: 50ms;
  --animation-delay-slow: 1500ms;
  --animation-delay-slower: 2000ms;
  --animation-delay-slowest: 40000ms;
  --vmargin-xl: 16rem;
  --vmargin-lest: 8rem;
  --vmargin-ler: 6rem;
  --vmargin-l: 4rem;
  --vmargin-m: 2rem;
  --vmargin-s: 1rem;
  --vmargin-ser: .75rem;
  --vmargin-sest: .5rem;
  --vmargin-xs: .25rem;
  --hmargin: 1rem;
  --hmargin-s: .5rem;
  --hmargin-s: .5rem;
  --hmargin-xs: .25rem;
  --hmargin: 1rem;
  --hmargin-l: 4rem;
  --hmargin-xl: 4rem;
  --menu-height: 2.25rem;
  --menu-s-height: 1.25rem;
  --max-width-text: 72rem;
  --max-width-image: calc( 72rem + 2* var(--hmargin));
  --line-thickness: 2px;
  --p-fs: 1rem;
  --p-lh: 1.25em;
  --h1-fs: 2.5rem;
  --h1-lh: 1em;
  --h2-fs: 2.5rem;
  --h2-lh: 0.9375em;
  --h3-fs: 1.5rem;
  --h3-lh: 1.25em;
  --h4-fs: 1.2rem;
  --h4-lh: 1.25em;
  --h5-fs: .9rem;
  --h5-lh: 1.25em;
  --h6-fs: .65rem;
  --h6-lh: 1.25em;
  --p-lh-rem: 1.25rem;
}

@media (min-width: 720.1px) {
  :root {
    --hmargin: 2rem;
    --hmargin-s: 1rem;
    --hmargin-s: 1rem;
    --hmargin-xs: .5rem;
    --hmargin: 2rem;
    --hmargin-l: 2rem;
    --hmargin-xl: 4rem;
  }
}
html {
  font-size: 16px;
  line-height: 1.25em;
}

body {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, a, td, th {
  margin: 0;
  padding: 0;
  text-align: inherit;
  font-weight: inherit;
}

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

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

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

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

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

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

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

a {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  text-decoration: inherit;
  cursor: pointer;
}
a:hover {
  text-decoration: underline;
}

strong, .strong {
  font-weight: bold;
}

ul, li {
  font-size: inherit;
}

figure, picture {
  position: relative;
  display: block;
  margin: 0;
}

img, svg {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
}

figure {
  overflow: hidden;
}

img[loading] {
  transition: opacity 500ms;
  z-index: 10;
}
img[loading]:not([data-loaded^=ok]) {
  opacity: 0.001;
  max-height: 1px !important;
}

img[data-loaded^=ok] ~ svg.placeholder, picture[data-loaded^=ok] ~ svg.placeholder {
  max-height: 0 !important;
}

img[data-loaded=error] + svg.placeholder {
  box-shadow: inset 0 0 0 1px rgba(225, 54, 76, 0.25);
}

svg.placeholder {
  background: rgb(245, 245, 245);
}

figure[data-natural=too-low]::after {
  content: " ";
  position: absolute;
  z-index: 1000;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  background-color: #C83349;
  opacity: 0.1;
  pointer-events: none;
  background: repeating-linear-gradient(45deg, #c83349 0, #c83349 1rem, rgba(200, 51, 73, 0) 1rem, rgba(200, 51, 73, 0) 2rem);
}

figure[data-natural=too-low-warn]::after {
  content: " ";
  position: absolute;
  z-index: 1000;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  background-color: #C83349;
  opacity: 0.25;
  pointer-events: none;
  background: repeating-linear-gradient(45deg, #c83349 0, #c83349 1rem, rgba(200, 51, 73, 0) 1rem, rgba(200, 51, 73, 0) 2rem);
}

figure[data-natural=too-good]::after {
  content: " ";
  position: absolute;
  z-index: 1000;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  background-color: #25D198;
  opacity: 0.1;
  pointer-events: none;
  background: repeating-linear-gradient(45deg, #25d198 0, #25d198 1rem, rgba(37, 209, 152, 0) 1rem, rgba(37, 209, 152, 0) 2rem);
}

figure[data-natural=too-good-warn]::after {
  content: " ";
  position: absolute;
  z-index: 1000;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  background-color: #25D198;
  opacity: 0.25;
  pointer-events: none;
  background: repeating-linear-gradient(45deg, #25d198 0, #25d198 1rem, rgba(37, 209, 152, 0) 1rem, rgba(37, 209, 152, 0) 2rem);
}

figure[data-natural^=error]::after {
  content: " ";
  position: absolute;
  z-index: 1000;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  background-color: #C83349;
  opacity: 0.1;
  pointer-events: none;
  background: #C83349;
}

figure .debug {
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 1001;
  font-size: 10px;
  line-height: 1em;
  color: #C83349;
}

figure:has(img[src$=".svg"]) .debug {
  display: none;
}
figure:has(img[src$=".svg"]):after {
  display: none;
}

input, select {
  font: inherit;
  border-radius: 0;
}

html input::-webkit-input-placeholder, html textarea::-webkit-input-placeholder {
  font: inherit;
  color: rgba(0, 0, 0, 0.33);
  opacity: 1;
  line-height: inherit;
}
html input::-moz-placeholder, html textarea::-moz-placeholder {
  font: inherit;
  color: rgba(0, 0, 0, 0.33);
  opacity: 1;
  line-height: inherit;
}
html input:-ms-input-placeholder, html textarea:-ms-input-placeholder {
  font: inherit;
  color: rgba(0, 0, 0, 0.33);
  opacity: 1;
  line-height: inherit;
}
html input:-moz-placeholder, html textarea:-moz-placeholder {
  font: inherit;
  color: rgba(0, 0, 0, 0.33);
  opacity: 1;
  line-height: inherit;
}
html input::placeholder, html textarea::placeholder {
  font: inherit;
  color: rgba(0, 0, 0, 0.33);
  opacity: 1;
  line-height: inherit;
}
html input:focus::-webkit-input-placeholder, html textarea:focus::-webkit-input-placeholder {
  opacity: 0.1;
}
html input:focus::-moz-placeholder, html textarea:focus::-moz-placeholder {
  opacity: 0.1;
}
html input:focus:-ms-input-placeholder, html textarea:focus:-ms-input-placeholder {
  opacity: 0.1;
}
html input:focus:-moz-placeholder, html textarea:focus:-moz-placeholder {
  opacity: 0.1;
}
html input:focus::placeholder, html textarea:focus::placeholder {
  opacity: 0.1;
}
html input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #FFF inset;
  -webkit-text-fill-color: #000 !important;
}

html:not([lang=de]) [data-lang=de] {
  display: none !important;
}

html[lang=de] [data-lang=en] {
  display: none !important;
}

.block-sprachumschalter ul li.is-active {
  display: none;
}

@media (max-width: 380px) {
  [data-mu=xxs] {
    display: none;
  }
}

@media (min-width: 380.1px) {
  [data-md=xxs] {
    display: none;
  }
}

@media (max-width: 400px) {
  [data-mu=xs] {
    display: none;
  }
}

@media (min-width: 400.1px) {
  [data-md=xs] {
    display: none;
  }
}

@media (max-width: 500px) {
  [data-mu=sest] {
    display: none;
  }
}

@media (min-width: 500.1px) {
  [data-md=sest] {
    display: none;
  }
}

@media (max-width: 625px) {
  [data-mu=ser] {
    display: none;
  }
}

@media (min-width: 625.1px) {
  [data-md=ser] {
    display: none;
  }
}

@media (max-width: 800px) {
  [data-mu=s] {
    display: none;
  }
}

@media (min-width: 800.1px) {
  [data-md=s] {
    display: none;
  }
}

@media (max-width: 1000px) {
  [data-mu=sm] {
    display: none;
  }
}

@media (min-width: 1000.1px) {
  [data-md=sm] {
    display: none;
  }
}

@media (max-width: 1100px) {
  [data-mu=m] {
    display: none;
  }
}

@media (min-width: 1100.1px) {
  [data-md=m] {
    display: none;
  }
}

@media (max-width: 1300px) {
  [data-mu=ml] {
    display: none;
  }
}

@media (min-width: 1300.1px) {
  [data-md=ml] {
    display: none;
  }
}

@media (max-width: 1500px) {
  [data-mu=l] {
    display: none;
  }
}

@media (min-width: 1500.1px) {
  [data-md=l] {
    display: none;
  }
}

@media (max-width: 1900px) {
  [data-mu=xl] {
    display: none;
  }
}

@media (min-width: 1900.1px) {
  [data-md=xl] {
    display: none;
  }
}

@media (max-width: 2400px) {
  [data-mu=xxl] {
    display: none;
  }
}

@media (min-width: 2400.1px) {
  [data-md=xxl] {
    display: none;
  }
}

#copyright {
  position: relative;
}
#copyright span {
  display: inline-block;
  white-space: nowrap;
  transition: opacity 250ms 0ms;
}
#copyright span a, #copyright span a:hover, #copyright span a:active, #copyright span a:focus {
  color: inherit;
  text-decoration: none;
}
#copyright span#akamcomputer {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
#copyright > div {
  position: relative;
  display: inline-block;
}
#copyright > div:hover span {
  transition: opacity 250ms 1000ms;
}
#copyright > div:hover span:not(#akamcomputer) {
  opacity: 0;
}
#copyright > div:hover span#akamcomputer {
  opacity: 1;
}

.ak-outdated-browser, .ak-no-javascript {
  font-weight: bold;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9002;
  background: #E1364C;
  color: #FFF;
  padding: 0.625rem 0.75rem;
  font-size: 1rem;
  line-height: 1.25rem;
  min-height: 5rem;
}
.ak-outdated-browser a, .ak-no-javascript a {
  text-decoration: none;
}
.ak-outdated-browser a:hover, .ak-no-javascript a:hover {
  text-decoration: underline;
}

@media screen and (min-width: 0\0 ) {
  body {
    margin-top: 5rem !important;
  }
  .ak-outdated-browser {
    display: block !important;
  }
}
.debug1 {
  box-shadow: 0 0 0 2px rgba(251, 140, 255, 0.25), inset 0 0 0 2px rgba(251, 140, 255, 0.25), 0 0 0 1px rgba(251, 140, 255, 0.5), inset 0 0 0 1px rgba(251, 140, 255, 0.5) !important;
}

.debug2 {
  box-shadow: 0 0 0 2px rgba(188, 142, 245, 0.25), inset 0 0 0 2px rgba(188, 142, 245, 0.25), 0 0 0 1px rgba(188, 142, 245, 0.5), inset 0 0 0 1px rgba(188, 142, 245, 0.5) !important;
}

.debug3 {
  box-shadow: 0 0 0 2px rgba(159, 166, 255, 0.25), inset 0 0 0 2px rgba(159, 166, 255, 0.25), 0 0 0 1px rgba(159, 166, 255, 0.5), inset 0 0 0 1px rgba(159, 166, 255, 0.5) !important;
}

.debug4 {
  box-shadow: 0 0 0 2px rgba(148, 209, 255, 0.25), inset 0 0 0 2px rgba(148, 209, 255, 0.25), 0 0 0 1px rgba(148, 209, 255, 0.5), inset 0 0 0 1px rgba(148, 209, 255, 0.5) !important;
}

.debug5 {
  box-shadow: 0 0 0 2px rgba(128, 255, 246, 0.25), inset 0 0 0 2px rgba(128, 255, 246, 0.25), 0 0 0 1px rgba(128, 255, 246, 0.5), inset 0 0 0 1px rgba(128, 255, 246, 0.5) !important;
}

html {
  font-weight: 400;
  font-feature-settings: "ss02";
  font-family: "Moderat", Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: var(--p-lh);
}
@media (max-width: 1440px) {
  html {
    font-size: 18px;
  }
}
@media (max-width: 1280px) {
  html {
    font-size: 16px;
  }
}
@media (max-width: 1080px) {
  html {
    font-size: 15px;
  }
}
@media (min-width: 1920.1px) {
  html {
    font-size: 22px;
  }
}
@media (min-width: 2560.1px) {
  html {
    font-size: 25px;
  }
}
html {
  background: #000;
}
html:has(header.scrolled-up) {
  background: #FFF;
}

* {
  position: relative;
  box-sizing: border-box;
}

body {
  background: #FFF;
  font-size: var(--p-fs);
  line-height: var(--p-lh);
  color: #000;
  overflow-x: hidden;
}
@media (max-width: 720px) {
  body:has(button#sandwich-mobile.open) {
    overflow: hidden;
  }
  body:has(button#sandwich-mobile.open) > main {
    pointer-events: none;
  }
  body:has(button#sandwich-mobile.open) > footer {
    pointer-events: none;
  }
}

h1:not(:last-child), h2:not(:last-child), h3:not(:last-child), h4:not(:last-child), h5:not(:last-child), h6:not(:last-child), p:not(:last-child) {
  padding-bottom: var(--p-lh);
}

p {
  font-size: var(--p-fs);
  line-height: var(--p-lh);
}
p:not(:last-child) {
  padding-bottom: var(--p-lh);
}

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

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

h3 {
  font-size: var(--h3-fs);
  line-height: var(--h3-lh);
}
h3:not(:last-child) {
  padding-bottom: calc(var(--h3-lh) * 0.75);
}

h4 {
  font-size: var(--h4-fs);
  line-height: var(--h4-lh);
}
h4:not(:last-child) {
  padding-bottom: calc(var(--h4-lh) * 0.5);
}

h5 {
  font-size: var(--h5-fs);
  line-height: var(--h5-lh);
}
h5:not(:last-child) {
  padding-bottom: calc(var(--h5-lh) * 0.5);
}

h6 {
  font-size: var(--h6-fs);
  line-height: var(--h6-lh);
}
h6:not(:last-child) {
  padding-bottom: calc(var(--h6-lh) * 0.5);
}

a {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  text-decoration: inherit;
  cursor: pointer;
}
a:hover {
  text-decoration: underline;
}
a {
  outline: none;
}

strong {
  font-weight: 400;
}

ul, li {
  list-style: none;
}

.text-long ul {
  padding-bottom: var(--p-lh);
}

figure {
  overflow: hidden;
}

img, svg {
  font-size: 0.5rem;
  color: transparent;
  font-weight: normal;
}

html[lang=en] [data-lang]:not([data-lang=en]) {
  display: none !important;
}

html[lang=de] [data-lang]:not([data-lang=de]) {
  display: none !important;
}

html[lang=cs] [data-lang]:not([data-lang=cs]) {
  display: none !important;
}

body.admin:not(.manager) .ruler {
  position: fixed;
  top: 0;
  left: 0;
  height: 2rem;
  pointer-events: none;
  z-index: 9001;
  font-size: 16px;
  mix-blend-mode: difference;
}
body.admin:not(.manager) .ruler span {
  position: absolute;
  height: 100%;
  border-left: 1px solid rgb(127.5, 127.5, 127.5);
  color: rgb(127.5, 127.5, 127.5);
  display: none;
}
body.admin:not(.manager) .ruler span::after {
  position: absolute;
  right: 0;
  padding: 0 0.25em;
}
body.admin:not(.manager) .ruler span:nth-child(odd)::after {
  top: 0.5rem;
}
body.admin:not(.manager) .ruler span:nth-child(1) {
  left: 380px;
  display: block;
}
body.admin:not(.manager) .ruler span:nth-child(1)::after {
  content: "xxs";
}
body.admin:not(.manager) .ruler span:nth-child(2) {
  left: 400px;
  display: block;
}
body.admin:not(.manager) .ruler span:nth-child(2)::after {
  content: "xs";
}
body.admin:not(.manager) .ruler span:nth-child(3) {
  left: 500px;
  display: block;
}
body.admin:not(.manager) .ruler span:nth-child(3)::after {
  content: "sest";
}
body.admin:not(.manager) .ruler span:nth-child(4) {
  left: 625px;
  display: block;
}
body.admin:not(.manager) .ruler span:nth-child(4)::after {
  content: "ser";
}
body.admin:not(.manager) .ruler span:nth-child(5) {
  left: 800px;
  display: block;
}
body.admin:not(.manager) .ruler span:nth-child(5)::after {
  content: "s";
}
body.admin:not(.manager) .ruler span:nth-child(6) {
  left: 1000px;
  display: block;
}
body.admin:not(.manager) .ruler span:nth-child(6)::after {
  content: "sm";
}
body.admin:not(.manager) .ruler span:nth-child(7) {
  left: 1100px;
  display: block;
}
body.admin:not(.manager) .ruler span:nth-child(7)::after {
  content: "m";
}
body.admin:not(.manager) .ruler span:nth-child(8) {
  left: 1300px;
  display: block;
}
body.admin:not(.manager) .ruler span:nth-child(8)::after {
  content: "ml";
}
body.admin:not(.manager) .ruler span:nth-child(9) {
  left: 1500px;
  display: block;
}
body.admin:not(.manager) .ruler span:nth-child(9)::after {
  content: "l";
}
body.admin:not(.manager) .ruler span:nth-child(10) {
  left: 1900px;
  display: block;
}
body.admin:not(.manager) .ruler span:nth-child(10)::after {
  content: "xl";
}
body.admin:not(.manager) .ruler span:nth-child(11) {
  left: 2400px;
  display: block;
}
body.admin:not(.manager) .ruler span:nth-child(11)::after {
  content: "xxl";
}

button, input {
  font-family: "IBM Plex Sans", Helvetica, Arial, sans-serif;
  font-size: var(--p-fs);
  line-height: var(--p-lh);
}

input[type=submit],
[type=button],
[type=reset],
[type=submit] {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: 0 0 0 var(--line-thickness) var(--b);
  color: inherit;
  font-size: inherit;
  line-height: 1em;
  text-transform: inherit;
  text-align: center;
  white-space: nowrap;
  text-decoration: none !important;
  text-transform: uppercase;
  letter-spacing: 0.066em;
  cursor: pointer;
}
input[type=submit]:hover, input[type=submit]:focus,
[type=button]:hover,
[type=button]:focus,
[type=reset]:hover,
[type=reset]:focus,
[type=submit]:hover,
[type=submit]:focus {
  border-color: transparent;
}
input[type=submit]:active,
[type=button]:active,
[type=reset]:active,
[type=submit]:active {
  box-shadow: inset 0 0 0 var(--line-thickness) var(--b);
  color: var(--w);
  background: var(--b);
}
input[type=submit] .deactivated,
[type=button] .deactivated,
[type=reset] .deactivated,
[type=submit] .deactivated {
  opacity: 0.15;
  pointer-events: none;
}
input[type=submit] a[href],
[type=button] a[href],
[type=reset] a[href],
[type=submit] a[href] {
  text-decoration: none;
}
input[type=submit],
[type=button],
[type=reset],
[type=submit] {
  margin: 0.5em 0;
  padding: 0.25em 0.66em;
}
input[type=submit] a, input[type=submit] a:hover,
[type=button] a,
[type=button] a:hover,
[type=reset] a,
[type=reset] a:hover,
[type=submit] a,
[type=submit] a:hover {
  text-decoration: inherit;
}

button {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: 0 0 0 var(--line-thickness) var(--b);
  color: inherit;
  font-size: inherit;
  line-height: 1em;
  text-transform: inherit;
  text-align: center;
  white-space: nowrap;
  text-decoration: none !important;
  text-transform: uppercase;
  letter-spacing: 0.066em;
  cursor: pointer;
}
button:hover, button:focus {
  border-color: transparent;
}
button:active {
  box-shadow: inset 0 0 0 var(--line-thickness) var(--b);
  color: var(--w);
  background: var(--b);
}
button .deactivated {
  opacity: 0.15;
  pointer-events: none;
}
button a[href] {
  text-decoration: none;
}
button a, button a:hover {
  text-decoration: inherit;
}

input[type=checkbox], input[type=radio] {
  display: inline-block;
  vertical-align: middle;
  appearance: none;
  min-height: 1.25em;
  max-height: 1.25em;
  min-width: 1.25em;
  max-width: 1.25em;
  background-image: none;
  background-color: black;
  border-radius: 1.25em;
  background-repeat: no-repeat;
  background-size: 1em 1em;
  background-position: center;
  border: var(--line-thickness) solid;
  line-height: 1em;
  padding: 0;
  margin: 0.25em;
}
input[type=checkbox]:checked, input[type=radio]:checked {
  background-image: url("../svg/checkmark.svg");
}
input[type=checkbox]:focus, input[type=radio]:focus {
  box-shadow: 0 0 0 1.25px #FFF, 0 0 0 2.5px #000;
}
input[type=checkbox] + label, input[type=radio] + label {
  display: inline-block;
  vertical-align: middle;
}

select {
  font: inherit;
  line-height: inherit;
  border: 0;
  background: transparent;
  color: inherit;
  padding: 0.15em 0.25em;
  border: 0;
  border-bottom: 1px solid;
  margin: 0.5rem 0;
}
select:focus {
  box-shadow: 0 0 0 1px #000;
  border-radius: 2px;
  border-color: transparent;
}

label.form-required::after {
  content: " *";
}

.js-form-item .description {
  font-size: var(--h6-fs);
  line-height: var(--h6-lh);
}

.js-form-type-select label {
  display: none;
}

.js-form-type-checkbox, .js-form-type-select {
  display: grid;
  grid-template-columns: auto 1fr;
  margin: 1.25em 0;
}
.js-form-type-checkbox > input, .js-form-type-select > input {
  min-width: 1.25em;
  grid-column: 1/2;
  margin-right: 0.75rem;
}
.js-form-type-checkbox > *, .js-form-type-select > * {
  grid-column: 2/3;
}
.js-form-type-checkbox label, .js-form-type-select label {
  padding: 0;
}
.js-form-type-checkbox .description, .js-form-type-select .description {
  margin-top: 0.5rem;
}

body {
  overflow-x: hidden;
}

main {
  min-height: calc(100vh - 4rem);
}
@media (max-width: 440px) {
  main {
    min-height: calc(100vh - 2.75rem);
  }
}
main {
  overflow: hidden;
}

.vp-fade {
  transition: opacity var(--animation-time), transform var(--animation-time);
  position: relative;
}
.vp-fade.vp-out {
  opacity: 0.1;
  transform: translate3d(0, 10vh, 0);
}

p a[href], .field-text a[href] {
  text-decoration: underline;
}

.ui-autocomplete {
  font-family: "Moderat", Helvetica, Arial, sans-serif;
  z-index: 8000;
}
.ui-autocomplete li {
  font-size: var(--p-fs);
  line-height: var(--p-lh);
}

#sliding-popup {
  width: 100%;
}

.eu-cookie-compliance-banner, .eu-cookie-withdraw-banner {
  background: #FFF;
  padding-top: 0.5rem;
  border-top: 1px solid #000;
  width: 100%;
}
.eu-cookie-compliance-banner button, .eu-cookie-withdraw-banner button {
  font-size: var(--h5-fs);
  line-height: var(--h5-lh);
  line-height: 1em;
  border: 0;
  box-shadow: inset 0 0 0 2px #000;
  border-radius: 3rem;
  padding: 0.5em 1em;
  text-transform: none;
}
.eu-cookie-compliance-banner button:hover, .eu-cookie-compliance-banner button:focus, .eu-cookie-compliance-banner button:active, .eu-cookie-withdraw-banner button:hover, .eu-cookie-withdraw-banner button:focus, .eu-cookie-withdraw-banner button:active {
  border-radius: 2rem;
  background: #000;
  color: #FFF;
}

button.eu-cookie-withdraw-tab {
  font-size: var(--h6-fs);
  line-height: var(--h6-lh);
  box-shadow: none;
  border: 1px solid #000;
  border-bottom: 0px;
  margin: 0;
  background: transparent;
  right: 0;
  left: auto;
}
button.eu-cookie-withdraw-tab:hover, button.eu-cookie-withdraw-tab:focus, button.eu-cookie-withdraw-tab:active {
  box-shadow: none !important;
  border: 1px solid #000;
  border-bottom: 0px;
  background: inherit;
  color: #000;
  border-radius: 0;
}

body > .version {
  display: none !important;
}

main {
  margin-top: 2.5rem;
}
@media (min-width: 720.1px) {
  main {
    margin-top: 4.5rem;
  }
}
@media (min-width: 1280.1px) {
  main {
    margin-top: 4.5rem;
  }
}

header:has(.main-navigation) + main {
  margin-top: 4.5rem;
}
@media (min-width: 720.1px) and (max-width: 1280px) {
  header:has(.main-navigation) + main {
    margin-top: 7rem;
  }
}

header {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  background: #FFF;
  z-index: 3000;
  display: grid;
  grid-template-columns: 1fr auto auto auto;
  grid-template-rows: 2rem 2.5rem 0;
}
@media (max-width: 1280px) {
  header:has(> .main-navigation) {
    grid-template-rows: 2rem 2.5rem 2.5rem;
  }
}
@media (min-width: 1280.1px) {
  header {
    grid-template-rows: 2rem 2.5rem 0;
  }
}
@media (max-width: 720px) {
  header {
    grid-template-rows: 0 2.5rem 0 !important;
  }
}
header {
  padding: 0 var(--hmargin);
  transition: grid-template-rows var(--animation-time-faster);
}
header > nav.main-navigation, header > nav.pre-navigation, header > nav.language-switcher-language-url {
  transition: opacity var(--animation-time-fast);
}
header > nav.main-navigation li.service, header > nav.pre-navigation li.service, header > nav.language-switcher-language-url li.service {
  margin-left: auto;
}
header > nav.main-navigation li.service ul, header > nav.pre-navigation li.service ul, header > nav.language-switcher-language-url li.service ul {
  right: calc(-1 * var(--hmargin));
  text-align: right;
}
header.scrolled-down {
  grid-template-rows: 0 2.5rem 0;
  overflow: hidden;
}
header.scrolled-down > nav.main-navigation, header.scrolled-down > nav.pre-navigation, header.scrolled-down > nav.language-switcher-language-url {
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
body[data-ad] header {
  transition: box-shadow var(--animation-time-faster);
}

header {
  box-shadow: 0 50vh 0 50vh transparent;
}
@media (min-width: 720.1px) {
  header:not(.scrolled-down):not(.scrolled-up), header:has(li.hover), header:hover {
    box-shadow: 0 50vh 0 50vh rgba(0, 0, 0, 0.08);
  }
}
header nav {
  display: flex;
}
header nav ul {
  display: flex;
  line-height: 1em;
}
header nav ul[data-level="0"] > li {
  margin-right: var(--hmargin-s);
}
header nav ul[data-level="0"] > li:last-child {
  margin-right: 0;
}
header nav li.hover > a, header nav li.hover > span {
  color: #BBBBBB !important;
}
header nav li > a, header nav li > span {
  display: block;
  height: 100%;
  text-decoration: none !important;
  white-space: nowrap;
}
header nav.pre-navigation {
  background: #000;
  color: #FFF;
  font-size: var(--p-fs);
}
header nav:not(.pre-navigation) {
  grid-row: 2/3;
}
header nav.main-navigation {
  font-size: var(--p-fs);
}
header > nav.pre-navigation {
  grid-row: 1/2;
  grid-column: 1/-1;
  margin: 0 calc(-1 * var(--hmargin));
  padding: 0 var(--hmargin);
}
header > nav.pre-navigation ul[data-level="0"] > li > a, header > nav.pre-navigation ul[data-level="0"] > li > span {
  padding-top: 0.45em;
}
header > nav.pre-navigation ul[data-level="0"] > li[data-trail-path=active]::after {
  content: "";
  display: block;
  border: 0.3em solid #FFF;
  border-top-color: transparent;
  border-left-color: transparent;
  transform: rotate(225deg) translate(-60%, -60%);
  transform-origin: top left;
  left: 50%;
  position: absolute;
  top: 100%;
}
header > nav.pre-navigation ul[data-level="0"]:has(li[data-trail-path=active]) li:not([data-trail-path=active]) {
  color: #888888;
}
header > nav.pre-navigation ul[data-level="0"]:has(li[data-trail-path=active]) li:not([data-trail-path=active]).hover {
  color: #BBBBBB;
}
header > nav.pre-navigation ul.shop {
  margin-left: auto !important;
}
header > nav.pre-navigation ul.shop li {
  display: flex;
}
header > nav.pre-navigation ul.shop li::before {
  padding: 0.5rem 0.25rem;
  content: "";
  background-image: url("../img/fl_shop_w.svg") !important;
  background-repeat: no-repeat !important;
  background-size: 1rem 1rem !important;
  background-position: center center !important;
  height: 1rem;
  width: 1rem;
  display: inline-block;
  vertical-align: text-bottom;
}
header > nav ul[data-level="0"] > li > ul {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  background: #FFF;
  padding: 0 var(--hmargin) var(--hmargin-s) var(--hmargin);
  margin-left: calc(-1 * var(--hmargin));
  display: grid;
  gap: 0;
}
header > nav ul[data-level="0"] > li > ul > li:has(> a) {
  grid-column: 1/10;
}
header > nav ul[data-level="0"] > li > ul > li:has(> a):has(+ li > span) {
  padding-bottom: var(--vmargin-s);
}
header > nav ul[data-level="0"] > li > ul li:has(> span) {
  grid-row: 10/11;
}
header > nav ul[data-level="0"] > li > ul li:has(> span) + li:has(> span) {
  padding-left: var(--hmargin);
}
header > nav ul[data-level="0"] > li > ul li:has(> span) > span {
  color: #BBBBBB;
}
header > nav ul {
  transition: opacity var(--animation-time-faster);
}

header > nav ul[data-level="0"] > li > ul li {
  padding-top: 0.5rem;
}
header > nav ul[data-level="0"] > li > ul li:hover > a, header > nav ul[data-level="0"] > li > ul li:hover > span {
  color: #BBBBBB;
}
header > nav ul[data-level="0"] > li > ul:has(> li > ul) {
  flex-direction: row;
  align-items: flex-start;
}
header > nav ul[data-level="0"] > li > ul:has(> li > ul) ul {
  flex-direction: column;
}
header > nav ul[data-level="0"] > li.hover > ul {
  opacity: 1;
  pointer-events: all;
}

header > nav.main-navigation {
  height: 2.5rem;
}
@media (max-width: 1280px) {
  header > nav.main-navigation {
    grid-row: 3/4;
    grid-column: 1/-1;
  }
}
header > nav.main-navigation ul[data-level="0"] {
  width: 100%;
}
header > nav.main-navigation ul[data-level="0"] > li > a, header > nav.main-navigation ul[data-level="0"] > li > span {
  padding-top: 0.6em;
}
header > nav.main-navigation li:has(+ li[data-name=Kataloge]), header > nav.main-navigation li:has(+ li[data-name=Catalogs]), header > nav.main-navigation li:has(+ li[data-name=Katalogy]) {
  margin-right: auto;
}
header > nav.main-navigation li:has(+ li[data-name=Kataloge]) ~ li > ul, header > nav.main-navigation li:has(+ li[data-name=Catalogs]) ~ li > ul, header > nav.main-navigation li:has(+ li[data-name=Katalogy]) ~ li > ul {
  right: 0;
  margin-left: 0;
  margin-right: calc(-1 * var(--hmargin));
}
@media (max-width: 720px) {
  header > nav.main-navigation, header > nav.pre-navigation {
    display: none !important;
  }
}
header #sandwich-nav {
  transform: translateX(-100%);
  pointer-events: none;
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}
@media (min-width: 720.1px) {
  header #sandwich-nav {
    display: none !important;
  }
}
header #sandwich-nav {
  position: fixed;
  top: 2.5rem;
  left: 0;
  right: 0;
  max-height: calc(100% - 2.5rem);
  z-index: 8000;
  background: #FFF;
  box-shadow: 0 100vmax 0 100vmax transparent;
}
header #sandwich-nav nav {
  flex-direction: column;
  font-size: var(--h3-fs);
}
header #sandwich-nav nav ul {
  flex-direction: column;
  margin: 0;
}
header #sandwich-nav nav > ul > li > ul:first-child {
  padding-top: var(--hmargin);
}
header #sandwich-nav nav > ul > li > ul:last-child {
  padding-bottom: var(--hmargin);
}
header #sandwich-nav nav li a, header #sandwich-nav nav li span {
  padding: var(--vmargin-ser) var(--hmargin);
}
header #sandwich-nav nav.pre-navigation {
  font-size: var(--h3-fs);
}
header #sandwich-nav nav.pre-navigation:has(li[data-trail-path=active]):not(.open) {
  max-height: 4.5em;
}
header #sandwich-nav nav.pre-navigation:has(li[data-trail-path=active]):not(.open) ul {
  max-height: 100%;
  overflow: hidden;
}
header #sandwich-nav nav.pre-navigation:has(li[data-trail-path=active]):not(.open) ul.shop {
  display: none;
}
header #sandwich-nav nav.pre-navigation:has(li[data-trail-path=active]):not(.open):before {
  content: "";
  display: block;
  position: absolute;
  background: linear-gradient(transparent, #000);
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  height: 2.5em;
  pointer-events: none;
}
header #sandwich-nav nav.pre-navigation:has(li[data-trail-path=active]):not(.open) li[data-trail-path=active] {
  order: -1;
}
header #sandwich-nav nav.pre-navigation:has(li[data-trail-path=active]):not(.open) li:not([data-trail-path=active]) {
  color: #888888;
}
header #sandwich-nav nav.pre-navigation:has(li[data-trail-path=active]):not(.open)::after {
  content: "";
  display: block;
  border: 0.35em solid #000;
  border-top-color: transparent;
  border-left-color: transparent;
  transform: rotate(45deg) translate(-52%, -52%);
  transform-origin: top left;
  left: 50%;
  position: absolute;
  top: 100%;
}
header #sandwich-nav nav.pre-navigation:has(li[data-trail-path=active]).open li:not([data-trail-path=active]) {
  opacity: 0;
}
header #sandwich-nav nav.pre-navigation:has(li[data-trail-path=active]).open li:not([data-trail-path=active]) > a, header #sandwich-nav nav.pre-navigation:has(li[data-trail-path=active]).open li:not([data-trail-path=active]) > span {
  color: #888888;
}
header #sandwich-nav nav.pre-navigation:has(li[data-trail-path=active]).open.is-open li:not([data-trail-path=active]) {
  transition: opacity var(--animation-time-fast);
  opacity: 1;
}
header #sandwich-nav nav.main-navigation ul[data-level="0"] ul {
  margin-left: var(--hmargin);
}
body[data-ad] header #sandwich-nav {
  transition: transform var(--animation-time-fast), box-shadow var(--animation-time-fast);
}

header button#sandwich-mobile.open ~ #sandwich-nav {
  transform: translateX(0);
  pointer-events: all;
  box-shadow: 0 100vmax 0 100vmax rgba(0, 0, 0, 0.17);
}
header button.sandwich {
  position: absolute;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0.25rem;
}
@media (min-width: 720.1px) {
  header button.sandwich#sandwich-mobile {
    display: none !important;
  }
}
header button.sandwich {
  transition: opacity var(--animation-time-faster) var(--animation-time-faster);
}
header:not(.scrolled-down) button.sandwich#sandwich-desktop {
  opacity: 0;
  transition: opacity var(--animation-time-faster);
}

@media (max-width: 720px) {
  header button.sandwich#sandwich-desktop {
    display: none !important;
  }
}
header button.sandwich::after, header button.sandwich::before {
  transition: transform 250ms;
}
header button.sandwich::after {
  content: "";
  background-image: url("../svg/menu.svg") !important;
  background-repeat: no-repeat !important;
  background-size: 2rem 2rem !important;
  background-position: center center !important;
  height: 2rem;
  width: 2rem;
  display: inline-block;
  vertical-align: text-bottom;
  display: block;
}
header button.sandwich::before {
  content: "";
  background-image: url("../svg/times-solid.svg") !important;
  background-repeat: no-repeat !important;
  background-size: 2rem 2rem !important;
  background-position: center center !important;
  height: 2rem;
  width: 2rem;
  display: inline-block;
  vertical-align: text-bottom;
  display: block;
  position: absolute;
  transform: scaleY(0);
}
header button.sandwich.open::after {
  transform: scaleY(0);
}
header button.sandwich.open::before {
  transform: scaleY(1);
}
header button.sandwich:hover {
  background-color: transparent;
}
header #logo {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  z-index: 100;
}
header #logo figure {
  height: 100%;
  padding: 0.25rem 0 0.4rem;
  height: 2.5rem;
}
header #logo figure img {
  height: 100%;
  width: auto;
}
header #logo .debug {
  display: none;
}
header nav#buttons {
  display: none !important;
  margin-left: var(--hmargin-s);
  display: flex;
}
header nav#buttons #pinboard-button {
  display: none !important;
}
header nav#buttons .search-button, header nav#buttons .search {
  display: none !important;
}
header nav#buttons .search-button {
  display: none;
}
header nav#buttons .search {
  display: none;
  background: #FFF;
}
body.education header nav#buttons #search-button-edu, body.education header nav#buttons #search-edu {
  display: block;
}

body.profilsystem header nav#buttons #search-button-ps, body.profilsystem header nav#buttons #search-ps {
  display: block;
}

body.profilsystem-evolution header #search-button-pse, body.profilsystem-evolution header #search-pse {
  display: block;
}

@media (max-width: 720px) {
  header nav#buttons .search-button {
    display: none;
  }
}
header nav#buttons .search-button a {
  display: block;
  margin: 0;
  border: 0;
  height: 100%;
}
header nav#buttons .search-button figure,
header nav#buttons .search-button img {
  height: 2rem;
  width: auto;
}
header nav#buttons .search {
  width: 14.5rem;
  z-index: 100;
}
@media (max-width: 1080px) {
  header nav#buttons .search {
    width: 8rem;
  }
}
header nav#buttons .search {
  height: calc(1.25em + 0.5rem);
  margin: 0.25rem;
}
@media (max-width: 720px) {
  header nav#buttons .search {
    display: none;
  }
}
header nav#buttons .search:not(.open) {
  display: none !important;
}
header nav#buttons .search .form-item {
  padding: 0;
}
header nav#buttons .search input {
  margin: 0;
  max-width: 100%;
  padding: 0.25rem;
  border-bottom: 2px solid;
}
header nav#buttons .search input.ui-autocomplete-loading {
  background: none;
}
header nav#buttons .search input[type=submit] {
  display: none;
}
header nav#buttons [data-drupal-selector=edit-search]:focus {
  border-radius: 0;
  box-shadow: none;
}
header nav#buttons [data-drupal-selector=edit-search]:focus::placeholder {
  opacity: 0.5;
}
ul.search-api-autocomplete-search {
  position: fixed !important;
  right: 2.5rem !important;
  left: auto !important;
  width: 20rem !important;
  top: 3.5rem !important;
  border: 2px solid !important;
  border-top: 0 !important;
  border-top: 0;
  padding: 0.25rem;
  max-width: 100%;
}
ul.search-api-autocomplete-search li:hover {
  background: transparent;
}
ul.search-api-autocomplete-search li:hover article.search-index {
  color: #BBBBBB;
}
ul.search-api-autocomplete-search article.search-index > * {
  flex: 0 1 auto;
}
ul.search-api-autocomplete-search article.search-index {
  display: flex;
  flex-flow: row nowrap;
  overflow: hidden;
  align-items: center;
  padding: 0 0.25rem;
}
ul.search-api-autocomplete-search article.search-index .row > * {
  flex: 0 1 auto;
}
ul.search-api-autocomplete-search article.search-index .row {
  display: flex;
  flex-flow: row nowrap;
  overflow: hidden;
  align-items: center;
}
ul.search-api-autocomplete-search article.search-index .row .col.image {
  flex: 0 1 4rem;
  min-width: 4rem;
  max-width: 4rem;
}
ul.search-api-autocomplete-search article.search-index .row .col.title {
  padding-left: 1rem;
}
ul.search-api-autocomplete-search article.search-index .field-product-image-thumbnail {
  padding-bottom: 100%;
  width: 4rem;
  height: 0;
}
ul.search-api-autocomplete-search article.search-index .field-product-image-thumbnail figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
ul.search-api-autocomplete-search article.search-index .field-product-image-thumbnail img, ul.search-api-autocomplete-search article.search-index .field-product-image-thumbnail svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

main.profilsystem ~ ul.search-api-autocomplete-search {
  right: 7.25rem !important;
}

header nav.block-lang-switch {
  grid-column: -1/-2;
}
header nav.block-lang-switch ul {
  padding: 0.25rem 0;
  margin-left: var(--hmargin-s);
}
header nav.block-lang-switch ul[data-level="0"] {
  overflow: visible;
}
header nav.block-lang-switch a.languages {
  display: block;
}
header nav.block-lang-switch a.languages::after {
  content: "";
  background-image: url("../img/fl_icon_globus.svg") !important;
  background-repeat: no-repeat !important;
  background-size: 2rem 2rem !important;
  background-position: center center !important;
  height: 2rem;
  width: 2rem;
  display: inline-block;
  vertical-align: text-bottom;
}

footer {
  background: #000;
  color: #FFF;
}
footer.product-ps, footer.katalogübersicht {
  background: #FFF;
  color: #000;
}
footer {
  z-index: 2990;
}
footer > div {
  max-width: 72rem;
}
footer > div > * {
  flex: 0 1 auto;
}
footer > div {
  display: flex;
  flex-flow: row wrap;
  margin: 0 auto;
  justify-content: flex-start;
}
footer nav {
  flex: 1 1 16.6666666667%;
  max-width: 16.6666666667%;
}
@media (max-width: 1080px) {
  footer nav {
    flex: 0 1 25%;
    max-width: 25%;
  }
}
@media (max-width: 720px) {
  footer nav {
    flex: 0 1 50%;
    max-width: 50%;
  }
}
@media (max-width: 440px) {
  footer nav {
    flex: 0 1 100%;
    max-width: 100%;
  }
}
footer nav {
  padding: var(--vmargin-l) var(--hmargin);
}
footer nav a {
  font-size: var(--h4-fs);
  line-height: var(--h4-lh);
}
footer .block-footer-socialmedia ul.profilsystem {
  font-size: var(--h4-fs);
  line-height: var(--h4-lh);
  padding-top: 1.25em;
}
body:not(.profilsystem) footer .block-footer-socialmedia ul.profilsystem {
  display: none;
}

footer section.block-footertext {
  margin: 0 0 var(--vmargin-l) 0;
}
footer section.block-footertext > * {
  flex: 0 1 auto;
}
footer section.block-footertext {
  display: flex;
  flex-flow: row wrap;
  color: #BBBBBB;
}
footer section.block-footertext p {
  font-size: var(--h6-fs);
  line-height: var(--h6-lh);
  color: #BBBBBB;
}
footer section.block-footertext .copyright {
  padding: 0 var(--hmargin);
  flex: 1 1 33.3333333333%;
  max-width: 33.3333333333%;
}
@media (max-width: 1080px) {
  footer section.block-footertext .copyright {
    flex: 0 1 25%;
    max-width: 25%;
  }
}
@media (max-width: 720px) {
  footer section.block-footertext .copyright {
    flex: 0 1 100%;
    max-width: 100%;
    order: 10;
    margin-top: var(--vmargin-l);
  }
}
footer section.block-footertext .field-text {
  padding: 0 var(--hmargin);
  flex: 4 4 66.6666666667%;
  max-width: 66.6666666667%;
}
@media (max-width: 1080px) {
  footer section.block-footertext .field-text {
    flex: 0 1 75%;
    max-width: 75%;
  }
}
@media (max-width: 720px) {
  footer section.block-footertext .field-text {
    flex: 0 1 100%;
    max-width: 100%;
  }
}

main.page .title h1, main.page-group .title h1 {
  display: none;
}

.tags {
  margin: var(--hmargin);
}

.tags {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
@media (max-width: 1440px) {
  .tags {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1080px) {
  .tags {
    grid-template-columns: auto repeat(3, 1fr);
  }
}
@media (max-width: 720px) {
  .tags {
    grid-template-columns: 1fr;
  }
}
.tags {
  grid-gap: var(--hmargin-xs) var(--vmargin-s);
}
.tags .field-title h1 {
  font-size: var(--h3-fs);
  line-height: var(--h3-lh);
}
@media (max-width: 720px) {
  .tags .field-title {
    grid-column: 1/-1;
    margin-bottom: var(--vmargin-s);
  }
}
.tags .field-text {
  grid-column: 1/-1;
  margin-bottom: var(--vmargin-m);
}
@media (min-width: 720.1px) {
  .tags .field-tags {
    grid-column: 2/-1;
  }
}
.tags .field-tags + .subtags {
  margin-top: var(--vmargin-s);
}
.tags .field-tags + .subtags:not(:has(.active)) {
  display: none;
}
.tags .field-tags {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1440px) {
  .tags .field-tags {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 640px) {
  .tags .field-tags {
    grid-template-columns: repeat(2, 1fr);
  }
}
.tags .field-tags.small {
  justify-self: start;
}
.tags .field-tags.small [data-tag] {
  width: 5rem;
}
.tags .field-tags {
  grid-gap: var(--hmargin-xs) var(--vmargin-s);
}
.tags .field-tags [data-parent]:not(.active) {
  display: none !important;
  order: 1000 !important;
}

.products-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
@media (max-width: 1440px) {
  .products-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1080px) {
  .products-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 720px) {
  .products-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 440px) {
  .products-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.products-grid {
  grid-gap: var(--hmargin-xs) var(--vmargin-s);
  margin: var(--hmargin);
}
.products-grid > article.product.teaser h3 {
  font-size: var(--h5-fs);
  line-height: var(--h5-lh);
  text-align: center;
}
.products-grid > article.product.teaser .field-title {
  margin-top: 1rem;
}
.products-grid > article.product.teaser figure {
  aspect-ratio: 1/1;
}
.products-grid > article.product.teaser figure img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: contain;
}
.products-grid > article.product.teaser:hover figure {
  transform: scale(1.05);
}

.tagged:has(article.selected) > article:not(.selected) {
  display: none;
}
.tagged > article.selected-other {
  order: 1000;
}
.tagged > .this-products {
  display: none;
  order: -100;
  grid-column: 1/-1;
  padding-bottom: var(--hmargin);
}
.tagged > .this-products h2 {
  font-size: var(--h3-fs);
  line-height: var(--h3-lh);
}
.tagged:has(article.selected) > .this-products {
  display: block;
}
.tagged > .other-products {
  display: none;
  order: 999;
  grid-column: 1/-1;
  padding-top: var(--hmargin-xxl);
  padding-bottom: var(--hmargin);
}
.tagged > .other-products h2 {
  font-size: var(--h3-fs);
  line-height: var(--h3-lh);
}
.tagged:has(article.selected-other) > .other-products {
  display: block;
}

main.product {
  padding-bottom: 0;
}

.view.main.scenes > * {
  flex: 0 1 auto;
}
.view.main.scenes {
  display: flex;
  flex-flow: row wrap;
  margin-left: var(--hmargin);
  margin-bottom: var(--vmargin-l);
}
@media (max-width: 440px) {
  .view.main.scenes {
    margin-top: -4rem;
  }
}
.view.main.scenes > article.scene.teaser {
  flex: 0 1 33.33%;
}
@media (max-width: 720px) {
  .view.main.scenes > article.scene.teaser {
    flex: 0 1 50%;
  }
}
@media (max-width: 440px) {
  .view.main.scenes > article.scene.teaser {
    flex: 0 1 100%;
  }
}
.view.main.scenes > article.scene.teaser {
  padding: var(--vmargin-m) var(--hmargin) 0 0;
}

.view.references.main {
  max-width: 72rem;
  margin: 4rem auto;
  margin-top: 1rem;
}

.view.references.header:first-child {
  margin-top: var(--vmargin-l);
}

.view.references.header, .view.references.footer {
  max-width: 72rem;
  margin: 4rem auto;
  margin-bottom: 1rem;
}
.view.references.header > div > *, .view.references.footer > div > * {
  flex: 0 1 auto;
}
.view.references.header > div, .view.references.footer > div {
  display: flex;
  flex-flow: row nowrap;
  overflow: hidden;
}
.view.references.header > div > span, .view.references.footer > div > span {
  flex: 1 1 0;
  padding-right: 1rem;
}
.view.references.header:not(:first-child), .view.references.footer:not(:first-child) {
  margin-top: var(--vmargin-l);
}
.view.references.header h2, .view.references.footer h2 {
  padding-bottom: calc(var(--p-lh) * 0.5);
}

.view.references.footer > * {
  flex: 0 1 auto;
}
.view.references.footer {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  margin-bottom: var(--vmargin-l);
  padding: 0 2rem;
}
.view.references.footer h2 {
  padding-bottom: 0.5rem;
  margin-right: 1.5rem;
}
.view.references.footer a {
  margin: 0;
}

body.adminservice {
  padding: 1px;
}
body.adminservice .view {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
body.adminservice article {
  border: 1px solid black;
  margin: 1px;
  font-size: 10px;
  line-height: 12px;
  padding: 0.25rem;
}
body.adminservice article img {
  margin-top: 0.25rem;
  max-height: 100px;
  width: auto;
  cursor: pointer;
  border: 1px dashed grey;
}
body.adminservice article.downloaded::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: black;
  opacity: 0.33;
}
body.adminservice article:has([data-online="0"]) {
  opacity: 0.33;
}

main.future-learning {
  background: #000;
  color: #FFF;
  margin-top: 2.25rem;
  min-height: calc(100vh - 2.25rem);
  padding-top: 2.25rem;
  padding-bottom: 2rem;
}
@media (max-width: 720px) {
  main.future-learning {
    margin-top: 4.5rem;
    min-height: calc(100vh - 4.5rem);
  }
}
main.future-learning #block-contactoverlay-button, main.future-learning #open-shop, main.future-learning button.open-contactoverlay {
  filter: invert(1);
}

.popup.from-center {
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  position: fixed;
}
@media (max-width: 720px) {
  .popup.from-center {
    min-width: calc(480px - 4rem);
  }
}
@media (max-width: 440px) {
  .popup.from-center {
    min-width: calc(100vw - 4rem);
  }
}
body[data-ad] .popup.from-center {
  transition: opacity var(--animation-time-fast) var(--animation-delay-faster), transform var(--animation-time-fast) var(--animation-delay-faster);
}

.popup.from-center:not(.open) {
  opacity: 0 !important;
  transform: translate(-50%, -50%) scale(2);
  pointer-events: none;
}

.popup.from-right {
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  position: fixed;
  left: 100%;
  transform: translate(-100%, -50%);
}
body[data-ad] .popup.from-right {
  transition: opacity var(--animation-time-fast) var(--animation-delay-faster), left var(--animation-time-fast) var(--animation-delay-faster), transform var(--animation-time-fast) var(--animation-delay-faster), filter var(--animation-time-fast) var(--animation-delay-faster);
}

.popup.from-right {
  border-right: 0;
  overflow: visible;
  min-width: 40rem;
}
.popup.from-right:not(.open) {
  transform: translate(0%, -50%);
  pointer-events: none;
}
.popup.from-right > * {
  flex: 0 1 auto;
}
.popup.from-right {
  display: flex;
  flex-flow: row nowrap;
  overflow: hidden;
}
@media (max-width: 720px) {
  .popup.from-right > * {
    flex: 0 1 auto;
  }
  .popup.from-right {
    display: flex;
    flex-flow: column nowrap;
    max-width: 100%;
    min-width: 320px;
  }
}

.popup {
  z-index: 4010;
  background: #FFF;
  color: #000;
  border: 2px solid #000;
  padding: var(--hmargin);
}

[data-popup=contact].popup .text p {
  font-size: var(--h3-fs);
  line-height: var(--h3-lh);
}
@media (min-width: 720.1px) {
  [data-popup=contact].popup .text {
    min-width: 50%;
    border-right: 2px solid #000;
    padding-right: var(--hmargin);
  }
}
@media (max-width: 720px) {
  [data-popup=contact].popup .text {
    border-bottom: 2px solid #000;
    padding-bottom: var(--vmargin-s);
  }
}
[data-popup=contact].popup .icons {
  min-width: 50%;
}
[data-popup=contact].popup .icons > * {
  flex: 0 1 auto;
}
[data-popup=contact].popup .icons {
  display: flex;
  flex-flow: column nowrap;
  margin: 0;
  overflow: visible;
}
@media (min-width: 720.1px) {
  [data-popup=contact].popup .icons {
    padding-left: var(--hmargin);
  }
}
@media (max-width: 720px) {
  [data-popup=contact].popup .icons {
    padding-top: var(--vmargin-s);
  }
}
[data-popup=contact].popup .icons a > * {
  flex: 0 1 auto;
}
[data-popup=contact].popup .icons a {
  display: flex;
  flex-flow: row nowrap;
  overflow: hidden;
  font-size: var(--h4-fs);
  line-height: var(--h4-lh);
  align-items: center;
  white-space: nowrap;
}
[data-popup=contact].popup .icons a:before {
  transition: transform var(--animation-time-megafast);
}
[data-popup=contact].popup .icons a:hover {
  text-decoration: none;
  color: #BBBBBB;
}
[data-popup=contact].popup .icons a:hover::before {
  transform: scale(1.15);
}
[data-popup=contact].popup .icons .field-mail a::before {
  content: "";
  background-image: url("../img/fl_mail.svg") !important;
  background-repeat: no-repeat !important;
  background-size: 3rem 3rem !important;
  background-position: center center !important;
  height: 3rem;
  width: 3rem;
  display: inline-block;
  vertical-align: text-bottom;
}
[data-popup=contact].popup .icons .field-phone a::before {
  content: "";
  background-image: url("../img/fl_telefon.svg") !important;
  background-repeat: no-repeat !important;
  background-size: 3rem 3rem !important;
  background-position: center center !important;
  height: 3rem;
  width: 3rem;
  display: inline-block;
  vertical-align: text-bottom;
}
[data-popup=contact].popup .icons .field-shop-link a::before {
  content: "";
  background-image: url("../img/fl_shop.svg") !important;
  background-repeat: no-repeat !important;
  background-size: 3rem 3rem !important;
  background-position: center center !important;
  height: 3rem;
  width: 3rem;
  display: inline-block;
  vertical-align: text-bottom;
}
[data-popup=contact].popup .icons .field-whatsapp a::before {
  content: "";
  background-image: url("../img/fl_icon_whatsapp.svg") !important;
  background-repeat: no-repeat !important;
  background-size: 3rem 3rem !important;
  background-position: center center !important;
  height: 3rem;
  width: 3rem;
  display: inline-block;
  vertical-align: text-bottom;
}
[data-popup=contact].popup .icons a::before {
  margin: 0.25rem 0.75rem 0.25rem 0.25rem;
  min-width: 3rem;
}

[data-popup=contact-form-ed].popup form {
  margin-top: -1rem;
  margin-bottom: -0.5rem;
}
[data-popup=contact-form-ed].popup form > .form-item label {
  padding-top: 0;
  padding-bottom: 0;
}
[data-popup=contact-form-ed].popup form > .form-item input {
  margin-bottom: 0;
  padding-top: 0;
}
[data-popup=contact-form-ed].popup form select {
  width: 100%;
  border-radius: 0px;
  margin-top: 1rem;
  margin-bottom: 0;
  border-color: #000;
  padding-left: 0;
}
[data-popup=contact-form-ed].popup form select:focus {
  box-shadow: none;
  border-color: #000;
}
[data-popup=contact-form-ed].popup form .webform-select-other .webform-select-other-input input {
  border-top: 3px solid white;
  margin-top: -2px;
}
[data-popup=contact-form-ed].popup form .form-item-message {
  margin-top: 0.25rem;
}
[data-popup=contact-form-ed].popup form .form-item-message label {
  transform: scale(0.75);
  transform-origin: bottom left;
  padding-bottom: 0;
}
[data-popup=contact-form-ed].popup form .form-item-message textarea {
  resize: vertical;
}

[id^=edit-accept-text] {
  padding-top: var(--vmargin-s);
}
[id^=edit-accept-text] p {
  font-size: var(--h6-fs);
  line-height: var(--h6-lh);
}

[id^=block-newsletter] .overlay.popup .field-overlay-title {
  font-size: var(--h3-fs);
  line-height: var(--h3-lh);
  text-align: center;
  margin-bottom: var(--vmargin-s);
  padding-bottom: var(--vmargin-s);
  border-bottom: 2px solid #000;
}
[id^=block-newsletter] .overlay.popup .field-success, [id^=block-newsletter] .overlay.popup .field-error {
  text-align: center;
}
[id^=block-newsletter] .overlay.popup .field-success p, [id^=block-newsletter] .overlay.popup .field-error p {
  font-size: var(--h4-fs);
  line-height: var(--h4-lh);
}
[id^=block-newsletter] .overlay.popup .error {
  color: #C83349;
  text-align: center;
  margin-top: var(--vmargin-s);
}

.popup-button {
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
}
main[class*=viewreferences] .popup-button {
  top: calc(100% - 8rem);
}

.popup-button {
  position: fixed;
  z-index: 2900;
  right: -8rem;
}
body[data-ad*="1000"] .popup-button {
  right: var(--hmargin-s);
}

body[data-ad] .popup-button {
  transition: right var(--animation-time-faster) 2000ms, transform var(--animation-time-faster) 2000ms;
}

body:not([data-ad]) .popup-button {
  display: none !important;
}

.popup-button.open {
  right: -8rem !important;
}
body[data-ad] .popup-button.open {
  transition: right var(--animation-time-faster), transform var(--animation-time-faster);
}

.popup-button button, .popup-button a {
  box-shadow: none;
  margin: 0;
  padding: 0;
}
.popup-button button.open-contactoverlay, .popup-button a.open-contactoverlay {
  content: "";
  background-image: url("../img/fl_kontakt-4rem.svg") !important;
  background-repeat: no-repeat !important;
  background-size: 4rem 4rem !important;
  background-position: center center !important;
  height: 4rem;
  width: 4rem;
  display: inline-block;
  vertical-align: text-bottom;
}
.popup-button button:hover, .popup-button a:hover {
  background: transparent;
}
.popup-button a.open-shop {
  content: "";
  background-image: url("../img/fl_shop-4rem.svg") !important;
  background-repeat: no-repeat !important;
  background-size: 4rem 4rem !important;
  background-position: center center !important;
  height: 4rem;
  width: 4rem;
  display: inline-block;
  vertical-align: text-bottom;
}
.popup-button .bubble {
  opacity: 0;
}
.popup-button:hover:not(.open) .bubble, .popup-button:not(.open).show-bubble .bubble {
  opacity: 1;
}

.popup-button .bubble {
  position: absolute;
  right: calc(100% - 0.5rem);
  bottom: calc(50% + 0.5rem);
  box-shadow: inset 0 0 0 var(--line-thickness) #000;
  border-radius: 2rem;
  border-bottom-right-radius: 0;
  padding: 0.5rem 1rem 0.7em;
  background: #FFF;
  white-space: nowrap;
  pointer-events: none;
  transition: opacity 250ms;
}
.popup-button.shake:not(:hover) button {
  animation: shake 2.5s infinite;
}
.popup-button:hover:not(.open) button::before, .popup-button:hover:not(.open) a::before, .popup-button:not(.open).show-bubble button::before, .popup-button:not(.open).show-bubble a::before {
  content: "";
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  z-index: -1;
  background: #FFF;
  border-radius: 2rem;
}

#block-shop-button {
  display: none;
}
[data-shopoverlay] ~ #block-shop-button {
  display: block;
}

#block-shop-button.override {
  display: block;
}
#block-shop-button {
  margin-top: -2.5rem;
}
body[data-ad] #block-shop-button {
  transition-delay: 1875ms;
}
body[data-ad] #block-shop-button.open {
  transition-delay: 125ms;
}

#block-shop-button + #block-contactoverlay-button {
  margin-top: 2.5rem;
}
#block-shop-button .bubble.universal {
  display: none;
}
[data-shopoverlay] ~ #block-shop-button .bubble.universal {
  display: block;
}
[data-shopoverlay] ~ #block-shop-button .bubble:not(.universal) {
  display: none;
}

.popup-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 4005;
  cursor: pointer;
}

.popup-background {
  display: none;
}

.popup.open ~ .popup-background {
  display: block;
}

#popup-override {
  display: none !important;
}

.block-catalogue-order {
  background: rgb(235.45, 235.45, 235.45);
  color: #000;
  z-index: 2910;
  overflow: hidden;
}
.block-catalogue-order figure {
  overflow: visible;
}
.block-catalogue-order[class^=block-catalogue-order-ps] {
  background: #000 !important;
}
.block-catalogue-order[class^=block-catalogue-order-ps] input[type=submit]:hover {
  background: #FFF;
  color: #000;
}
body.profilsystem main.product .block-catalogue-order {
  display: none;
}

.block-catalogue-order .row {
  max-width: 72rem;
  padding: var(--vmargin-m) var(--hmargin);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr 8rem 24rem;
}
@media (max-width: 960px) {
  .block-catalogue-order .row {
    grid-template-columns: 1fr 1fr 1rem 24rem;
  }
}
.block-catalogue-order .row {
  grid-template-rows: auto auto;
}
.block-catalogue-order .col.ps {
  grid-column: 1/3;
}
.block-catalogue-order .col.rz {
  grid-column: 1/2;
}
.block-catalogue-order .col.sk {
  grid-column: 2/3;
  grid-row: 1/2;
}
.block-catalogue-order .col.form {
  grid-row: 1/-1;
  grid-column: -1/-2;
  align-self: center;
}
.block-catalogue-order .col.form.ps {
  filter: invert(1);
}
@media (max-width: 720px) {
  .block-catalogue-order .row {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .block-catalogue-order .col.form {
    grid-column: 1/-1;
    grid-row: 5/6;
  }
  .block-catalogue-order .col:not(.form).ps {
    grid-column: 1/4;
    grid-row: 2/3;
  }
  .block-catalogue-order .col:not(.form).ps figure {
    max-width: 24rem;
    margin-left: auto;
  }
  .block-catalogue-order .col:not(.form).rz, .block-catalogue-order .col:not(.form).sk {
    grid-row: 2/3;
  }
  .block-catalogue-order .col:not(.form).rz {
    grid-column: 2/3;
  }
  .block-catalogue-order .col:not(.form).sk {
    grid-column: 3/4;
  }
}
@media (max-width: 440px) {
  .block-catalogue-order .row {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
  }
  .block-catalogue-order .col.form form {
    max-width: none;
  }
  .block-catalogue-order .col:not(.form).rz {
    grid-column: 1/2;
  }
  .block-catalogue-order .col:not(.form).sk {
    grid-column: 2/3;
  }
}
.block-catalogue-order form {
  color: #000;
  max-width: 24rem;
  padding-right: 0.5rem;
}
@media (max-width: 720px) {
  .block-catalogue-order form {
    margin-left: auto;
  }
}
.block-catalogue-order form .js-form-type-select {
  margin-bottom: 0;
}
.block-catalogue-order .form-item-accept {
  margin-top: 0;
  margin-bottom: 1rem;
}
.block-catalogue-order .form-item-city {
  margin-bottom: 1rem;
}
.block-catalogue-order .description {
  font-size: var(--h6-fs);
  line-height: var(--h6-lh);
}
.block-catalogue-order .form-item-bymail {
  margin-bottom: 0;
}
.block-catalogue-order [id^=edit-accept-text] {
  margin-top: 1.5rem;
}
.block-catalogue-order .form-actions {
  margin-top: 0.75em;
}

footer section[class^=block-newsletter], main article.newsletter > section {
  padding: var(--vmargin-l) var(--hmargin);
  flex: 4 4 66.66%;
  max-width: 66.66%;
}
@media (max-width: 1080px) {
  footer section[class^=block-newsletter], main article.newsletter > section {
    flex: 0 1 50%;
    max-width: 50%;
  }
}
@media (max-width: 720px) {
  footer section[class^=block-newsletter], main article.newsletter > section {
    flex: 0 1 100%;
    max-width: 100%;
  }
}
footer section[class^=block-newsletter] form input[type=checkbox], footer section[class^=block-newsletter] form input[type=radio], main article.newsletter > section form input[type=checkbox], main article.newsletter > section form input[type=radio] {
  box-shadow: 0 0 0 var(--line-thickness) var(--w);
  border: 0;
}
footer section[class^=block-newsletter] form input[type=checkbox]:checked, footer section[class^=block-newsletter] form input[type=radio]:checked, main article.newsletter > section form input[type=checkbox]:checked, main article.newsletter > section form input[type=radio]:checked {
  box-shadow: 0 0 0 var(--line-thickness) var(--w);
}
footer section[class^=block-newsletter] form input[type=text]:focus, footer section[class^=block-newsletter] form input[type=email]:focus, main article.newsletter > section form input[type=text]:focus, main article.newsletter > section form input[type=email]:focus {
  box-shadow: 0 0 0 var(--line-thickness) var(--w);
}
footer section[class^=block-newsletter] form input[type=submit], main article.newsletter > section form input[type=submit] {
  color: var(--w);
  box-shadow: inset 0 0 0 var(--line-thickness) var(--w);
}
footer section[class^=block-newsletter] form input[type=submit]:hover, footer section[class^=block-newsletter] form input[type=submit]:focus, main article.newsletter > section form input[type=submit]:hover, main article.newsletter > section form input[type=submit]:focus {
  border-color: transparent;
}
footer section[class^=block-newsletter] form input[type=submit]:active, main article.newsletter > section form input[type=submit]:active {
  box-shadow: 0 0 0 var(--line-thickness) var(--w);
  color: var(--b);
  background: var(--w);
}
footer section[class^=block-newsletter] form ul, main article.newsletter > section form ul {
  margin: 1rem 0;
}
footer section[class^=block-newsletter] form li.email-input, main article.newsletter > section form li.email-input {
  flex: 1 1 auto;
  margin-right: 1rem;
}
footer section[class^=block-newsletter] form li.more, main article.newsletter > section form li.more {
  display: none;
}
footer section[class^=block-newsletter] form li.radio-input .radio > *, main article.newsletter > section form li.radio-input .radio > * {
  flex: 0 1 auto;
}
footer section[class^=block-newsletter] form li.radio-input .radio, main article.newsletter > section form li.radio-input .radio {
  display: flex;
  flex-flow: row wrap;
}
footer section[class^=block-newsletter] form li.radio-input .radio .vFormRadio > *, main article.newsletter > section form li.radio-input .radio .vFormRadio > * {
  flex: 0 1 auto;
}
footer section[class^=block-newsletter] form li.radio-input .radio .vFormRadio, main article.newsletter > section form li.radio-input .radio .vFormRadio {
  display: flex;
  flex-flow: row wrap;
}
footer section[class^=block-newsletter] form li.radio-input .radio .vFormRadio__label, main article.newsletter > section form li.radio-input .radio .vFormRadio__label {
  margin: 0.25em;
}
footer section[class^=block-newsletter] .field-newsletter-lega, main article.newsletter > section .field-newsletter-lega {
  padding: 0.25rem 0 0.25rem 0;
  margin-top: calc(var(--p-lh) * 0.5);
  margin-bottom: calc(var(--p-lh) * 0.5);
}
@media (min-width: 1080.1px) {
  footer section[class^=block-newsletter] .field-newsletter-lega, main article.newsletter > section .field-newsletter-lega {
    padding-right: 8rem;
  }
}
footer section[class^=block-newsletter] .field-newsletter-lega p, main article.newsletter > section .field-newsletter-lega p {
  font-size: var(--h6-fs);
  line-height: var(--h6-lh);
}
footer section[class^=block-newsletter] .field-newsletter-title, main article.newsletter > section .field-newsletter-title {
  font-size: var(--h4-fs);
  line-height: var(--h4-lh);
}

main article.newsletter > section {
  padding: 4rem 2rem;
  margin: auto;
  margin-top: 50vh;
  transform: translateY(-50%);
  flex: 4 4 66.66%;
  max-width: 48rem;
}
@media (max-width: 1080px) {
  main article.newsletter > section {
    flex: 0 1 75%;
    max-width: 75%;
  }
}
@media (max-width: 720px) {
  main article.newsletter > section {
    flex: 0 1 100%;
    max-width: 100%;
  }
}
main article.newsletter > section form li.more {
  display: block;
}

main article.newsletter aside.popup, main article.newsletter .popup-background {
  display: none !important;
}

footer.newsletter section[class^=block-newsletter] {
  display: none;
}

article {
  display: block;
}
article .text-long {
  hyphens: auto;
}
article .text-long ul {
  padding-left: 1.25em;
}
article .text-long ul li::before {
  content: "+";
  margin-left: -1.25em;
  padding-right: 0.7em;
}
article .text-long ul.bullet li::before {
  content: "●";
}
article .text-long button[data-link-href] {
  margin-top: calc(var(--p-lh) * 0.5);
}
article .text-long p:has(+ p button:first-child) {
  padding-bottom: 0;
}
button[data-popup-href], button[data-link-href], a[data-popup-href], a[data-link-href], a.button {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: 0 0 0 var(--line-thickness) var(--b);
  color: inherit;
  font-size: inherit;
  line-height: 1em;
  text-transform: inherit;
  text-align: center;
  white-space: nowrap;
  text-decoration: none !important;
  text-transform: uppercase;
  letter-spacing: 0.066em;
  cursor: pointer;
}
button[data-popup-href]:hover, button[data-popup-href]:focus, button[data-link-href]:hover, button[data-link-href]:focus, a[data-popup-href]:hover, a[data-popup-href]:focus, a[data-link-href]:hover, a[data-link-href]:focus, a.button:hover, a.button:focus {
  border-color: transparent;
}
button[data-popup-href]:active, button[data-link-href]:active, a[data-popup-href]:active, a[data-link-href]:active, a.button:active {
  box-shadow: inset 0 0 0 var(--line-thickness) var(--b);
  color: var(--w);
  background: var(--b);
}
button[data-popup-href] .deactivated, button[data-link-href] .deactivated, a[data-popup-href] .deactivated, a[data-link-href] .deactivated, a.button .deactivated {
  opacity: 0.15;
  pointer-events: none;
}
button[data-popup-href] a[href], button[data-link-href] a[href], a[data-popup-href] a[href], a[data-link-href] a[href], a.button a[href] {
  text-decoration: none;
}
button[data-popup-href], button[data-link-href], a[data-popup-href], a[data-link-href], a.button {
  padding: 0.25rem 1rem 0.35em;
  border-radius: 2em;
  font-size: var(--p-fs);
  line-height: 1em;
  margin: var(--p-lh) 2rem 0.5rem 0;
}
button[data-popup-href] a[href], button[data-link-href] a[href], a[data-popup-href] a[href], a[data-link-href] a[href], a.button a[href] {
  text-decoration: none;
}
main.future-learning button[data-popup-href], main.future-learning button[data-link-href], main.future-learning a[data-popup-href], main.future-learning a[data-link-href], main.future-learning a.button {
  color: var(--w);
  box-shadow: inset 0 0 0 var(--line-thickness) var(--w);
}
main.future-learning button[data-popup-href]:hover, main.future-learning button[data-popup-href]:focus, main.future-learning button[data-link-href]:hover, main.future-learning button[data-link-href]:focus, main.future-learning a[data-popup-href]:hover, main.future-learning a[data-popup-href]:focus, main.future-learning a[data-link-href]:hover, main.future-learning a[data-link-href]:focus, main.future-learning a.button:hover, main.future-learning a.button:focus {
  border-color: transparent;
}
main.future-learning button[data-popup-href]:active, main.future-learning button[data-link-href]:active, main.future-learning a[data-popup-href]:active, main.future-learning a[data-link-href]:active, main.future-learning a.button:active {
  box-shadow: 0 0 0 var(--line-thickness) var(--w);
  color: var(--b);
  background: var(--w);
}

article .tags.dimensions {
  margin-top: 0 !important;
}
article div[data-tag] {
  font-size: var(--h5-fs);
  line-height: var(--h5-lh);
}
@media (max-width: 440px) {
  article div[data-tag] {
    font-size: var(--h6-fs);
    line-height: var(--h6-lh);
  }
}
article div[data-tag] {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  box-shadow: inset 0 0 0 2px #000;
  padding: 0.25rem 0.25rem;
  border-radius: 2rem;
}
article div[data-tag].deactivated {
  display: none;
}
body.in article div[data-tag].deactivated {
  display: block;
  opacity: 0.15;
  pointer-events: none;
}

article div[data-tag].selected, article div[data-tag]:hover, article div[data-tag]:active {
  background: #000;
  color: #FFF;
}
article div[data-tag].selected::after {
  content: "×";
  position: absolute;
  right: 0.66rem;
  transform: translateY(-0.05rem);
}
article .slick-arrow {
  position: absolute;
  height: 100%;
  top: 0;
  width: 4rem;
  z-index: 100;
  font-size: 0;
  box-shadow: none;
  margin: 0;
  padding: 0;
  transition: transform 250ms;
}
article .slick-arrow:hover, article .slick-arrow:focus {
  background: none;
  transform: scale(1.1);
  box-shadow: none;
}
article .slick-arrow.slick-disabled {
  opacity: 0.25;
}
article .slick-prev {
  left: 0;
}
article .slick-prev:after {
  content: "";
  background-image: url("../img/fl_pfeil.svg") !important;
  background-repeat: no-repeat !important;
  background-size: 2rem 2rem !important;
  background-position: center center !important;
  height: 2rem;
  width: 2rem;
  display: inline-block;
  vertical-align: text-bottom;
  transform: rotate(90deg);
}
article .slick-next {
  right: 0;
}
article .slick-next:after {
  content: "";
  background-image: url("../img/fl_pfeil.svg") !important;
  background-repeat: no-repeat !important;
  background-size: 2rem 2rem !important;
  background-position: center center !important;
  height: 2rem;
  width: 2rem;
  display: inline-block;
  vertical-align: text-bottom;
  transform: rotate(-90deg);
}
article .slick-track {
  margin-left: 0;
}
article .field-table table {
  width: 100%;
}
article .field-table table td, article .field-table table th {
  padding: 0.25em 0;
  padding-right: 0.5em;
}
article .field-table table th, article .field-table table td {
  border-bottom: 1px solid #000;
}
article a.node-edit-link {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 8001;
}
article.full + article.full a.node-edit-link {
  left: 1.5rem;
}

article.full.unpublished::after {
  content: "OFFLINE";
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  position: fixed;
  z-index: 10000;
  opacity: 1;
  pointer-events: none;
  font-size: 2rem;
  line-height: 1em;
  font-weight: 400;
  color: rgb(127.5, 127.5, 127.5);
  mix-blend-mode: difference;
}

article.start .field-history-elements {
  margin-top: 0 !important;
}

article[data-nodeid="258"] img[src*="FLT-Stuehle-5-2.jpg"] {
  object-fit: contain !important;
  background: #f1f1f1;
}

article .field-modules > [class^=field-] {
  max-width: 72rem;
  margin: var(--vmargin-l) auto;
  padding: 0;
}
article .field-modules strong {
  font-weight: bold;
}
article .field-modules blockquote {
  color: #ad916c;
  padding-bottom: var(--p-lh);
}
article .field-modules blockquote p {
  font-size: var(--h4-fs);
  line-height: var(--h4-lh);
  font-weight: bold;
}
article .field-modules > .field-headline, article .field-modules > .field-headline-2col {
  margin: var(--vmargin-m) auto;
  padding: 0 var(--hmargin);
}
article .field-modules > .field-headline:first-child, article .field-modules > .field-headline-2col:first-child {
  margin-top: var(--vmargin-l);
}
article .field-modules > .field-headline[data-text-size=l], article .field-modules > .field-headline-2col[data-text-size=l] {
  font-size: var(--h2-fs);
  line-height: var(--h2-lh);
  margin: var(--vmargin-l) auto;
}
article .field-modules > .field-headline[data-text-size=m], article .field-modules > .field-headline-2col[data-text-size=m] {
  font-size: var(--h3-fs);
  line-height: var(--h3-lh);
}
article .field-modules > .field-headline[data-text-size=s], article .field-modules > .field-headline-2col[data-text-size=s] {
  font-size: var(--h4-fs);
  line-height: var(--h4-lh);
}
article .field-modules > .field-headline[data-text-size] h1, article .field-modules > .field-headline[data-text-size] h2, article .field-modules > .field-headline[data-text-size] h3, article .field-modules > .field-headline-2col[data-text-size] h1, article .field-modules > .field-headline-2col[data-text-size] h2, article .field-modules > .field-headline-2col[data-text-size] h3 {
  font-size: inherit;
  line-height: inherit;
}
article .field-modules > .field-headline {
  display: grid;
  overflow: visible;
}
article .field-modules > .field-headline[data-text-hpos=c] {
  justify-content: center;
}
article .field-modules > .field-headline[data-text-hpos=r] {
  justify-content: end;
}
article .field-modules > .field-headline[data-text-hpos=l] {
  justify-content: start;
}
article .field-modules > .field-headline-2col.row > * {
  flex: 0 1 auto;
}
article .field-modules > .field-headline-2col.row {
  display: flex;
  flex-flow: row nowrap;
  overflow: hidden;
}
article .field-modules > .field-headline-2col.row > .col {
  flex: 1 1 50%;
}
article .field-modules > .field-headline-2col.row > .col.left {
  margin-right: var(--hmargin);
}
article .field-modules > .field-text {
  margin: var(--vmargin-m) auto;
  padding: 0 var(--hmargin);
}
article .field-modules > .field-text[data-text-size=l] p {
  font-size: var(--h3-fs);
  line-height: var(--h3-lh);
}
article .field-modules > .field-text[data-text-size=m] p {
  font-size: var(--p-fs);
  line-height: var(--p-lh);
}
article .field-modules > .field-text[data-text-size=s] p {
  font-size: var(--h5-fs);
  line-height: var(--h5-lh);
}
article .field-modules > .field-text[data-text-columns="2"] {
  column-count: 2;
  column-gap: var(--hmargin);
}
@media (max-width: 720px) {
  article .field-modules > .field-text[data-text-columns="2"] {
    column-count: 1;
    column-gap: 0;
  }
}
article .field-modules > .field-text[data-text-columns="2"] h1, article .field-modules > .field-text[data-text-columns="2"] h2, article .field-modules > .field-text[data-text-columns="2"] h3, article .field-modules > .field-text[data-text-columns="2"] h4 {
  column-span: all;
}
article .field-modules > .field-text[data-text-columns="2"] .field-links {
  column-span: all;
}
article .field-modules > .field-text + .field-text {
  border-top: 0 !important;
}
article .field-modules > .field-text[data-manual] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: calc(var(--p-lh) * 0.5);
}
article .field-modules > .field-text[data-manual] h4:first-child, article .field-modules > .field-text[data-manual] .field-links {
  grid-column: 1/-1;
  padding-bottom: 0;
}
article .field-modules > .field-text[data-manual] h4:first-child a, article .field-modules > .field-text[data-manual] .field-links a {
  margin-top: 0;
}
article .field-modules > .field-textblocks {
  margin: var(--vmargin-m) auto;
  padding: 0 var(--hmargin);
}
article .field-modules > .field-textblocks.row > * {
  flex: 0 1 auto;
}
article .field-modules > .field-textblocks.row {
  display: flex;
  flex-flow: row wrap;
}
article .field-modules > .field-textblocks.row > .col {
  flex: 1 1 50%;
  padding: 0 1rem var(--vmargin-m) 0;
}
article .field-modules > .field-textblocks + .field-text {
  border-top: 0 !important;
}
article .field-modules .image figcaption {
  font-size: var(--h5-fs);
  line-height: var(--h5-lh);
  padding: 0.25em 0;
}
article .field-modules > .field-image:first-child {
  margin-top: 0rem;
}
article .field-modules > .field-image.nomargin {
  border-top: 0 !important;
  max-width: none;
  padding: 0;
}
article .field-modules > .field-image.nomargin figcaption {
  margin-left: var(--hmargin);
}
article .field-modules > .field-image.nomargin img {
  width: 100%;
}
article .field-modules > .field-image.margin figure, article .field-modules > .field-image.margin img, article .field-modules > .field-image.margin picture {
  max-height: 75vh;
}
article .field-modules > .field-image-text {
  padding: 0 var(--hmargin);
  display: grid;
}
@media (min-width: 720.1px) {
  article .field-modules > .field-image-text {
    grid-template-columns: 1fr 1fr;
  }
}
article .field-modules > .field-image-text {
  gap: var(--vmargin-m) var(--hmargin);
}
article .field-modules > .field-image-text .text {
  max-width: 55ch;
}
article .field-modules > .field-image-text .text .field-title {
  margin-bottom: var(--p-lh);
}
article .field-modules > .field-image-text .image img {
  width: 100%;
}
article .field-modules > .field-image-text .image .field-images {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: var(--vmargin-m) var(--hmargin);
}
article .field-modules > .field-image-text[data-images-text-pos=b] .image {
  order: -1;
}
@media (min-width: 1080.1px) {
  article .field-modules > .field-image-text[data-image-size^=wide] {
    grid-template-columns: 1fr 2fr;
  }
}
article .field-modules > .field-image-text[data-image-size=wide_nomargin] {
  margin-right: -2rem;
}
article .field-modules > .field-image-text[data-image-size=wide_nomargin][data-image-text-pos=lr] {
  margin-right: auto;
  margin-left: -2rem;
}
article .field-modules > .field-image-text[data-image-text-pos=lr], article .field-modules > .field-image-text[data-images-text-pos=lr] {
  direction: rtl;
}
article .field-modules > .field-image-text[data-image-text-pos=lr] > *, article .field-modules > .field-image-text[data-images-text-pos=lr] > * {
  direction: ltr;
}
article .field-modules > .field-image-text[data-image-text-pos=o] {
  grid-template-columns: 1fr;
  max-width: none;
  margin-right: -2rem;
  margin-left: -2rem;
  direction: ltr;
}
article .field-modules > .field-image-text[data-image-text-pos=o] .text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 20;
  text-align: center;
  color: #FFF;
}
article .field-modules > .field-image-text[data-image-text-pos=o] .image figcaption {
  position: absolute;
  bottom: var(--vmargin-s);
  left: var(--hmargin-s);
  z-index: 15;
}
article .field-modules > .field-image-text[data-images-text-pos=t], article .field-modules > .field-image-text[data-images-text-pos=b] {
  grid-template-columns: 1fr;
}
article .field-modules > .field-image-text[data-text-size=l] .text p {
  font-size: var(--h3-fs);
  line-height: var(--h3-lh);
}
article .field-modules > .field-image-text[data-text-size=l] .text h3 {
  font-size: var(--h2-fs);
  line-height: var(--h2-lh);
}
article .field-modules > .field-image-text[data-text-size=m] .text p {
  font-size: var(--p-fs);
  line-height: var(--p-lh);
}
article .field-modules > .field-image-text[data-text-size=m] .text h3 {
  font-size: var(--h3-fs);
  line-height: var(--h3-lh);
}
article .field-modules > .field-image-text[data-text-size=s] .text p {
  font-size: var(--h5-fs);
  line-height: var(--h5-lh);
}
article .field-modules > .field-image-text[data-text-size=s] .text h3 {
  font-size: var(--h4-fs);
  line-height: var(--h4-lh);
}
article .field-modules > .field-image-text[data-text-pos=u] .text {
  align-self: start;
}
article .field-modules > .field-image-text[data-text-pos=c] .text {
  align-self: center;
}
article .field-modules > .field-image-text[data-text-pos=l] .text {
  align-self: end;
}
article .field-modules > .field-image-text[data-images-grid="2"] .image .field-images {
  grid-template-columns: 1fr 1fr;
}
article .field-modules > .field-image-text[data-images-grid="3"] .image .field-images {
  grid-template-columns: 1fr 1fr 1fr;
}
article .field-modules > .field-image-text[data-images-grid="4"] .image .field-images {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
article .field-modules > .field-image-text-2col {
  margin: var(--vmargin-m) auto;
  padding: 0 var(--hmargin);
}
article .field-modules > .field-image-text-2col.row > * {
  flex: 0 1 auto;
}
article .field-modules > .field-image-text-2col.row {
  display: flex;
  flex-flow: row nowrap;
  overflow: hidden;
}
article .field-modules > .field-image-text-2col.row > .col {
  flex: 1 1 50%;
}
article .field-modules > .field-image-text-2col.row > .col.left {
  margin-right: var(--hmargin);
}
article .field-modules > .field-image-text-2col.row > .col .field-text, article .field-modules > .field-image-text-2col.row > .col .field-text2 {
  padding-right: var(--hmargin-s);
}
@media (min-width: 1080.1px) {
  article .field-modules > .field-image-text-2col.row > .col.row > * {
    flex: 0 1 auto;
  }
  article .field-modules > .field-image-text-2col.row > .col.row {
    display: flex;
    flex-flow: row nowrap;
    overflow: hidden;
  }
  article .field-modules > .field-image-text-2col.row > .col.row > .col {
    flex: 1 1 50%;
  }
}
@media (max-width: 1080px) {
  article .field-modules > .field-image-text-2col.row > .col.row {
    display: block;
  }
  article .field-modules > .field-image-text-2col.row > .col.row .field-text, article .field-modules > .field-image-text-2col.row > .col.row .field-text2 {
    margin-bottom: var(--vmargin-s);
  }
}
@media (max-width: 440px) {
  article .field-modules > .field-image-text-2col:not(.doesnotbreak).row > * {
    flex: 0 1 auto;
  }
  article .field-modules > .field-image-text-2col:not(.doesnotbreak).row {
    display: flex;
    flex-flow: column nowrap;
  }
  article .field-modules > .field-image-text-2col:not(.doesnotbreak).row > .col.left {
    margin-bottom: var(--vmargin-m);
  }
}
article .field-modules > .field-text-2col {
  margin: var(--vmargin-ler) auto;
  padding: 0 var(--hmargin);
}
@media (min-width: 720.1px) {
  article .field-modules > .field-text-2col.row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }
}
article .field-modules > .field-text-2col.row .col {
  margin-bottom: var(--vmargin-l);
  max-width: 66ch;
}
article .field-modules > .field-text-3col {
  margin: var(--vmargin-ler) auto;
  padding: 0 var(--hmargin);
}
@media (min-width: 1080.1px) {
  article .field-modules > .field-text-3col.row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem;
  }
}
article .field-modules > .field-text-3col.row .col {
  margin-bottom: var(--vmargin-l);
  max-width: 66ch;
}
article .field-modules > .field-bigimage-text {
  margin: var(--vmargin-m) auto;
  padding: 0 var(--hmargin);
}
article .field-modules > .field-bigimage-text.nomargin[data-image-text-pos=rl] {
  margin-right: 0;
  padding-right: 0;
}
@media (max-width: 1080px) {
  article .field-modules > .field-bigimage-text.nomargin[data-image-text-pos=rl] .col.text {
    margin-right: var(--hmargin);
  }
}
article .field-modules > .field-bigimage-text.nomargin[data-image-text-pos=lr] {
  margin-left: 0;
  padding-left: 0;
}
@media (max-width: 1080px) {
  article .field-modules > .field-bigimage-text.nomargin[data-image-text-pos=lr] .col.text {
    margin-left: var(--hmargin);
  }
}
article .field-modules > .field-bigimage-text {
  display: grid;
}
@media (min-width: 1080.1px) {
  article .field-modules > .field-bigimage-text {
    grid-template-columns: 1fr 2fr;
  }
}
article .field-modules > .field-bigimage-text {
  gap: var(--vmargin-m) var(--hmargin);
}
article .field-modules > .field-bigimage-text .col.text {
  max-width: 55ch;
}
article .field-modules > .field-bigimage-text .col.text .field-title {
  margin-bottom: var(--p-lh);
}
@media (min-width: 1080.1px) {
  article .field-modules > .field-bigimage-text[data-image-text-pos=lr] {
    grid-template-columns: 2fr 1fr;
  }
}
article .field-modules > .field-bigimage-text[data-image-text-pos=lr] .col.image {
  order: -1;
}
article .field-modules > .field-bigimage-text[data-text-size=l] .col.text p {
  font-size: var(--h3-fs);
  line-height: var(--h3-lh);
}
article .field-modules > .field-bigimage-text[data-text-size=m] .col.text p {
  font-size: var(--p-fs);
  line-height: var(--p-lh);
}
article .field-modules > .field-bigimage-text[data-text-size=s] .col.text p {
  font-size: var(--h5-fs);
  line-height: var(--h5-lh);
}
article .field-modules > .field-bigimage-text[data-text-pos=u] .col.text {
  align-self: start;
}
article .field-modules > .field-bigimage-text[data-text-pos=c] .col.text {
  align-self: center;
}
article .field-modules > .field-bigimage-text[data-text-pos=l] .col.text {
  align-self: end;
}
article .field-modules > .field-fullimage-text {
  margin: 0;
  max-width: none;
}
article .field-modules > .field-fullimage-text .image figure, article .field-modules > .field-fullimage-text .image picture, article .field-modules > .field-fullimage-text .image img {
  display: block;
}
article .field-modules > .field-fullimage-text .image figcaption:empty {
  padding: 0;
}
article .field-modules > .field-fullimage-text::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: black;
  pointer-events: none;
  opacity: 0.2;
  transition: opacity 1000ms;
}
article .field-modules > .field-fullimage-text:hover::after {
  opacity: 0.5;
}
article .field-modules > .field-fullimage-text .text {
  position: absolute;
  z-index: 11;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  color: #FFF;
  text-align: center;
}
article .field-modules > .field-fullimage-text .text .field-title + .field-text {
  margin-top: 1em;
}
article .field-modules > .field-fullimage-text[data-text-size=l] .text p {
  font-size: var(--h3-fs);
  line-height: var(--h3-lh);
}
article .field-modules > .field-fullimage-text[data-text-size=m] .text p {
  font-size: var(--p-fs);
  line-height: var(--p-lh);
}
article .field-modules > .field-fullimage-text[data-text-size=s] .text p {
  font-size: var(--h5-fs);
  line-height: var(--h5-lh);
}
article .field-modules > .field-2image-text {
  margin: var(--vmargin-m) auto;
  padding: 0 var(--hmargin);
}
article .field-modules > .field-2image-text figure img, article .field-modules > .field-2image-text figure svg {
  max-height: 75vh;
}
@media (min-width: 720.1px) {
  article .field-modules > .field-2image-text.row > * {
    flex: 0 1 auto;
  }
  article .field-modules > .field-2image-text.row {
    display: flex;
    flex-flow: row nowrap;
    overflow: hidden;
  }
  article .field-modules > .field-2image-text.row > .col.image {
    flex: 1 1 75%;
  }
  article .field-modules > .field-2image-text.row > .col.image > .row > * {
    flex: 0 1 auto;
  }
  article .field-modules > .field-2image-text.row > .col.image > .row {
    display: flex;
    flex-flow: row nowrap;
    overflow: hidden;
  }
  article .field-modules > .field-2image-text.row > .col.image > .row .field-image + .field-image2 {
    margin-left: var(--hmargin);
  }
  article .field-modules > .field-2image-text.row > .col.text {
    flex: 1 1 25%;
  }
}
@media (max-width: 720px) {
  article .field-modules > .field-2image-text.row > * {
    flex: 0 1 auto;
  }
  article .field-modules > .field-2image-text.row {
    display: flex;
    flex-flow: column nowrap;
  }
  article .field-modules > .field-2image-text.row > .col.image > .row .field-image + .field-image2 {
    margin-top: var(--vmargin-m);
  }
}
@media (min-width: 440.1px) and (max-width: 720px) {
  article .field-modules > .field-2image-text.row .col {
    max-width: 66.66%;
  }
}
@media (min-width: 720.1px) {
  article .field-modules > .field-2image-text[data-image-text-ratio=half].row > * {
    flex: 0 1 auto;
  }
  article .field-modules > .field-2image-text[data-image-text-ratio=half].row {
    display: flex;
    flex-flow: row nowrap;
    overflow: hidden;
  }
  article .field-modules > .field-2image-text[data-image-text-ratio=half].row > .col.image {
    flex: 1 1 50%;
  }
  article .field-modules > .field-2image-text[data-image-text-ratio=half].row > .col.image > .row > * {
    flex: 0 1 auto;
  }
  article .field-modules > .field-2image-text[data-image-text-ratio=half].row > .col.image > .row {
    display: flex;
    flex-flow: row nowrap;
    overflow: hidden;
  }
  article .field-modules > .field-2image-text[data-image-text-ratio=half].row > .col.image > .row .field-image + .field-image2 {
    margin-left: var(--hmargin);
  }
  article .field-modules > .field-2image-text[data-image-text-ratio=half].row > .col.text {
    flex: 1 1 50%;
  }
}
@media (max-width: 720px) {
  article .field-modules > .field-2image-text[data-image-text-ratio=half].row > * {
    flex: 0 1 auto;
  }
  article .field-modules > .field-2image-text[data-image-text-ratio=half].row {
    display: flex;
    flex-flow: column nowrap;
  }
  article .field-modules > .field-2image-text[data-image-text-ratio=half].row > .col {
    width: 100%;
  }
  article .field-modules > .field-2image-text[data-image-text-ratio=half].row > .col.image > .row .field-image + .field-image2 {
    margin-top: var(--vmargin-m);
  }
}
@media (min-width: 440.1px) and (max-width: 720px) {
  article .field-modules > .field-2image-text[data-image-text-ratio=half].row .col {
    max-width: 66.66%;
  }
}
article .field-modules > .field-2image-text[data-text-size=l] .col.text p {
  font-size: var(--h3-fs);
  line-height: var(--h3-lh);
}
article .field-modules > .field-2image-text[data-text-size=m] .col.text p {
  font-size: var(--p-fs);
  line-height: var(--p-lh);
}
article .field-modules > .field-2image-text[data-text-size=s] .col.text p {
  font-size: var(--h5-fs);
  line-height: var(--h5-lh);
}
@media (min-width: 720.1px) {
  article .field-modules > .field-2image-text[data-text-pos=u] .col.text {
    align-self: flex-start;
  }
  article .field-modules > .field-2image-text[data-text-pos=c] .col.text {
    align-self: center;
  }
  article .field-modules > .field-2image-text[data-text-pos=l] .col.text {
    align-self: flex-end;
  }
}
@media (min-width: 720.1px) {
  article .field-modules > .field-2image-text[data-image-text-pos=rl] .col.text {
    margin-right: var(--hmargin);
  }
}
@media (max-width: 720px) {
  article .field-modules > .field-2image-text[data-image-text-pos=rl] .col.text {
    margin-bottom: var(--vmargin-m);
  }
}
@media (min-width: 440.1px) and (max-width: 720px) {
  article .field-modules > .field-2image-text[data-image-text-pos=rl] .col {
    align-self: flex-end;
  }
}
@media (min-width: 720.1px) {
  article .field-modules > .field-2image-text[data-image-text-pos=lr] .col.text {
    margin-left: var(--hmargin);
  }
}
@media (max-width: 720px) {
  article .field-modules > .field-2image-text[data-image-text-pos=lr] .col.text {
    margin-bottom: var(--vmargin-m);
  }
}
@media (min-width: 720.1px) {
  article .field-modules > .field-2image-text[data-image-text-pos=lr] .col.image {
    order: -1;
  }
}
article .field-modules > .field-images-texts {
  margin: var(--vmargin-m) auto;
  padding: 0 var(--hmargin);
}
article .field-modules > .field-images-texts .field-images {
  display: grid;
  gap: var(--hmargin);
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 440px) {
  article .field-modules > .field-images-texts .field-images {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 440.1px) {
  article .field-modules > .field-images-texts .field-images[data-grid-images="3"] {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 440px) {
  article .field-modules > .field-images-texts .field-images[data-grid-images="3"] {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 720.1px) {
  article .field-modules > .field-images-texts .field-images[data-grid-images="4"] {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
article .field-modules > .field-images-texts .field-images figcaption {
  margin: var(--vmargin-s) var(--vmargin-sest) var(--vmargin-m) 0;
  overflow: hidden;
  font-size: var(--h5-fs);
  line-height: var(--h5-lh);
}
article .field-modules > .field-images-texts .field-text {
  margin: var(--vmargin-m) auto;
}
article .field-modules > .field-images-texts > :first-child {
  margin-top: var(--vmargin-ler);
}
article .field-modules > .field-images-texts > :last-child {
  margin-bottom: var(--vmargin-ler);
}
article .field-modules > .field-product-carousel {
  width: 100%;
  max-width: 100%;
  margin-top: var(--vmargin-lest);
}
article .field-modules > .field-product-carousel.products-grid {
  margin: var(--hmargin);
  width: auto;
}
article .field-modules > .field-product-carousel.products-grid article {
  order: unset !important;
}
article .field-modules > .field-product-carousel .carousel > article.product.teaser:not(:first-child), article .field-modules > .field-product-carousel .carousel > article.product-addon.teaser:not(:first-child) {
  display: none !important;
}
article .field-modules > .field-product-carousel .carousel article.product.teaser {
  padding: 1rem;
  width: 16rem;
}
article .field-modules > .field-product-carousel .carousel article.product.teaser:hover figure {
  transform: scale(1.05);
}
article .field-modules > .field-product-carousel .carousel article.product.teaser img, article .field-modules > .field-product-carousel .carousel article.product.teaser svg {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: contain;
}
article .field-modules > .field-product-carousel .carousel article.product.teaser h3 {
  font-size: var(--h5-fs);
  line-height: var(--h5-lh);
  text-align: center;
}
article .field-modules > .field-product-carousel .carousel.slick-initialized svg.placeholder {
  display: none;
}
article .field-modules > .field-product-carousel .carousel.slick-initialized img {
  max-height: none !important;
  opacity: 1 !important;
}
article .field-modules > .field-references-carousel {
  width: 100%;
  max-width: 100%;
}
article .field-modules > .field-references-carousel .field-references {
  max-width: 100%;
  margin: 4rem auto;
}
article .field-modules > .field-references-carousel .field-references > .reference-group:not(:first-child) {
  display: none !important;
}
article .field-modules > .field-references-carousel .reference-group > * {
  flex: 0 1 auto;
}
article .field-modules > .field-references-carousel .reference-group {
  display: flex;
  flex-flow: column nowrap;
}
article .field-modules > .field-references-carousel article.reference.mini {
  padding: 1rem 1rem;
}
article .field-modules > .field-references-carousel article.reference.mini figure {
  height: 0;
  width: auto;
  padding-bottom: 66.66%;
}
article .field-modules > .field-references-carousel article.reference.mini img, article .field-modules > .field-references-carousel article.reference.mini picture, article .field-modules > .field-references-carousel article.reference.mini svg.placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
article .field-modules > .field-references-carousel article.reference.mini .field-title, article .field-modules > .field-references-carousel article.reference.mini .field-subtitle {
  display: none;
}
article .field-modules > .field-references-carousel article.reference.mini span {
  font-size: var(--h5-fs);
  line-height: var(--h5-lh);
  display: block;
  padding: 0.25em 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
article .field-modules > .field-references-carousel article.reference.mini a:hover {
  text-decoration: none;
  color: #BBBBBB;
}
article .field-modules > .field-line {
  width: 100%;
}
article .field-modules > .field-line hr {
  border: 0;
  border-bottom: 2px solid #000;
}
article .field-modules > .field-video:has(> .field-hero-video) {
  margin: 0;
  max-width: 100%;
  background: #EEE;
  aspect-ratio: 16/9;
  overflow: hidden;
}
article .field-modules > .field-video:has(> .field-hero-video):first-child {
  padding-top: 0;
  margin-top: -2.25rem;
}
article .field-modules > .field-video:has(> .field-hero-video) .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
article .field-modules > .field-video:has(> .field-hero-video) video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
article .field-modules > .field-video:has(> .text + .video) {
  margin: var(--vmargin-m) auto;
  padding: 0 var(--hmargin);
  display: grid;
}
@media (min-width: 720.1px) {
  article .field-modules > .field-video:has(> .text + .video) {
    grid-template-columns: 1fr 1fr;
  }
}
article .field-modules > .field-video:has(> .text + .video) {
  gap: var(--vmargin-m) var(--hmargin);
}
article .field-modules > .field-video:has(> .text + .video) .text {
  max-width: 55ch;
}
article .field-modules > .field-video:has(> .text + .video) .video video {
  display: block;
  width: 100%;
}
article .field-modules > .field-video:has(> .text + .video)[data-video-text-pos=b] .video {
  order: -1;
}
@media (min-width: 1080.1px) {
  article .field-modules > .field-video:has(> .text + .video)[data-video-size^=wide] {
    grid-template-columns: 1fr 2fr;
  }
}
article .field-modules > .field-video:has(> .text + .video)[data-video-size=wide_nomargin] {
  margin-right: -2rem;
}
article .field-modules > .field-video:has(> .text + .video)[data-video-size=wide_nomargin][data-video-text-pos=lr] {
  margin-right: auto;
  margin-left: -2rem;
}
article .field-modules > .field-video:has(> .text + .video)[data-video-text-pos=lr] {
  direction: rtl;
}
article .field-modules > .field-video:has(> .text + .video)[data-video-text-pos=lr] > * {
  direction: ltr;
}
article .field-modules > .field-video:has(> .text + .video)[data-video-text-pos=t], article .field-modules > .field-video:has(> .text + .video)[data-video-text-pos=b] {
  grid-template-columns: 1fr;
}
article .field-modules > .field-video:has(> .text + .video)[data-text-pos=u] .text {
  align-self: start;
}
article .field-modules > .field-video:has(> .text + .video)[data-text-pos=c] .text {
  align-self: center;
}
article .field-modules > .field-video:has(> .text + .video)[data-text-pos=l] .text {
  align-self: end;
}
article .field-modules > .field-news {
  margin: var(--vmargin-m) auto;
  padding: 0 var(--hmargin);
}
@media (min-width: 720.1px) {
  article .field-modules > .field-news {
    max-width: 66.66%;
  }
}
article .field-modules > .field-news {
  display: grid;
  grid-template-columns: 8rem 1fr;
}
@media (max-width: 440px) {
  article .field-modules > .field-news {
    grid-template-columns: 5rem 1fr;
  }
}
article .field-modules > .field-news {
  gap: var(--hmargin-xl) var(--hmargin-s);
}
article .field-modules > .field-news .news-element {
  grid-column: 1/-1;
  transition: opacity var(--animation-time);
  display: grid;
}
article .field-modules > .field-news .news-element:not(.show) {
  display: none;
  opacity: 0;
}
article .field-modules > .field-news .news-element {
  grid-template-columns: 8rem 1fr;
}
@media (max-width: 440px) {
  article .field-modules > .field-news .news-element {
    grid-template-columns: 5rem 1fr;
  }
}
article .field-modules > .field-news .news-element {
  gap: var(--hmargin-s);
}
article .field-modules > .field-news .news-element .field-title {
  grid-column: 1/2;
}
article .field-modules > .field-news .news-element .field-text, article .field-modules > .field-news .news-element .field-links {
  margin: 0;
  grid-column: 2/3;
}
article .field-modules > .field-news button.load-more {
  grid-column: 2/3;
  justify-self: start;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: 0 0 0 var(--line-thickness) var(--b);
  color: inherit;
  font-size: inherit;
  line-height: 1em;
  text-transform: inherit;
  text-align: center;
  white-space: nowrap;
  text-decoration: none !important;
  text-transform: uppercase;
  letter-spacing: 0.066em;
  cursor: pointer;
}
article .field-modules > .field-news button.load-more:hover, article .field-modules > .field-news button.load-more:focus {
  border-color: transparent;
}
article .field-modules > .field-news button.load-more:active {
  box-shadow: inset 0 0 0 var(--line-thickness) var(--b);
  color: var(--w);
  background: var(--b);
}
article .field-modules > .field-news button.load-more .deactivated {
  opacity: 0.15;
  pointer-events: none;
}
article .field-modules > .field-news button.load-more a[href] {
  text-decoration: none;
}
article .field-modules > .field-news button.load-more {
  padding: 0.25rem 1rem 0.35em;
  border-radius: 2em;
}
article .field-modules > .field-downloads {
  margin: 2rem auto;
  padding: 0 2rem;
}
article .field-modules > .field-downloads .field-file .file-size {
  display: none;
}
article .field-modules > .field-downloads .field-file span {
  display: block;
}
article .field-modules > .field-downloads .field-file .file a::before {
  content: "-> ";
}
article .field-modules > .field-downloads .field-file .file a:hover {
  text-decoration: none;
  color: #BBBBBB;
}
article .field-modules > .field-downloads .field-file:not(:last-child) {
  margin-bottom: var(--p-lh);
}
article .field-modules > .field-downloads .field-file:not(:first-child) {
  margin-top: var(--p-lh);
}
article .field-modules > .field-slides {
  width: 100%;
  max-width: none;
  overflow: hidden;
  margin: var(--vmargin-l) auto;
}
article .field-modules > .field-slides > .field-slide:not(:first-child) {
  display: none !important;
}
article .field-modules > .field-slides .slick-list {
  padding: 0;
}
article .field-modules > .field-slides .field-slide {
  display: block !important;
}
article .field-modules > .field-slides .slick-slide {
  width: 100%;
}
article .field-modules > .field-slides .field-slide .field-slide-image {
  width: 100%;
  height: 0;
  padding-bottom: 40%;
}
@media (max-width: 1080px) {
  article .field-modules > .field-slides .field-slide .field-slide-image {
    padding-bottom: 60%;
  }
}
@media (max-width: 720px) {
  article .field-modules > .field-slides .field-slide .field-slide-image {
    padding-bottom: 100%;
  }
}
article .field-modules > .field-slides .field-slide figure, article .field-modules > .field-slides .field-slide picture, article .field-modules > .field-slides .field-slide img, article .field-modules > .field-slides .field-slide svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  width: 100%;
}
article .field-modules > .field-slides .field-slide figure img, article .field-modules > .field-slides .field-slide picture img, article .field-modules > .field-slides .field-slide img img, article .field-modules > .field-slides .field-slide svg img {
  object-fit: cover;
}
article .field-modules > .field-slides .field-slide .text {
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  padding: 0 4rem;
  color: #FFF;
  font-size: var(--h1-fs);
  line-height: var(--h1-lh);
}
@media (max-width: 1080px) {
  article .field-modules > .field-slides .field-slide .text {
    font-size: var(--h2-fs);
    line-height: var(--h2-lh);
  }
}
@media (max-width: 720px) {
  article .field-modules > .field-slides .field-slide .text {
    font-size: var(--h3-fs);
    line-height: var(--h3-lh);
  }
}
article .field-modules > .field-slides .field-slide .text {
  text-align: center;
  z-index: 11;
}
article .field-modules > .field-slides .field-slide .text .field-slide-subtitle {
  padding-top: 0.5rem;
  width: 100%;
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
}
article .field-modules > .field-slides .field-slide .text .field-slide-links {
  font-size: var(--p-fs);
  line-height: var(--p-lh);
  padding-top: var(--vmargin-s);
  padding-bottom: var(--vmargin-s);
}
article .field-modules > .field-slides .field-slide .text .field-slide-links a {
  margin: 0 0.5rem;
}
article .field-modules > .field-slides .field-slide .text .field-slide-links a:hover {
  color: #BBBBBB;
  text-decoration: none;
}
article .field-modules > .field-slides .field-slide .text .field-slide-link a {
  margin-top: 1rem;
  font-size: var(--h4-fs);
  line-height: var(--h4-lh);
  display: inline-block;
  border-radius: 2rem;
  border: 2px solid #FFF;
  padding: 0.2rem 1.5rem 0.3rem;
}
article .field-modules > .field-slides .field-slide .text .field-slide-link a:hover {
  text-decoration: inherit;
  background: #FFF;
  color: #000;
}
article .field-modules > .field-slides .field-slide .text .field-slide-subtitle, article .field-modules > .field-slides .field-slide .text .field-slide-links, article .field-modules > .field-slides .field-slide .text .field-slide-link {
  opacity: 0;
  transition: max-height 500ms 250ms, opacity 250ms 250ms, transform 500ms 0ms;
  max-height: 0;
  pointer-events: none;
}
article .field-modules > .field-slides .field-slide .text .field-slide-subtitle {
  transform: translateY(3rem);
}
article .field-modules > .field-slides .field-slide .text .field-slide-links {
  transform: translateY(6rem);
}
article .field-modules > .field-slides .field-slide .text .field-slide-link {
  transform: translateY(9rem);
}
article .field-modules > .field-slides .field-slide:hover .text .field-slide-subtitle, article .field-modules > .field-slides .field-slide:hover .text .field-slide-links, article .field-modules > .field-slides .field-slide:hover .text .field-slide-link {
  opacity: 1;
  max-height: calc(var(--p-lh) * 4);
  pointer-events: all;
  transform: translateY(0);
}
article .field-modules > .field-slides .field-slide:hover .text .field-slide-subtitle {
  transition: max-height 500ms 250ms, opacity 250ms 250ms, transform 500ms 250ms;
}
article .field-modules > .field-slides .field-slide:hover .text .field-slide-links {
  transition: max-height 500ms 250ms, opacity 250ms 500ms, transform 500ms 500ms;
}
article .field-modules > .field-slides .field-slide:hover .text .field-slide-link {
  transition: max-height 500ms 250ms, opacity 250ms 750ms, transform 500ms 750ms;
}
article .field-modules > .field-slides .field-slide::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: black;
  pointer-events: none;
  opacity: 0.2;
  transition: opacity 1000ms;
}
article .field-modules > .field-slides .field-slide:hover::after {
  opacity: 0.5;
}
article .field-modules > .field-slides .slick-arrow {
  filter: invert(1);
}
article .field-modules > .field-slides ul.slick-dots {
  transform: translateX(-50%);
  position: absolute;
  left: 50%;
  bottom: 0;
}
article .field-modules > .field-slides ul.slick-dots > * {
  flex: 0 1 auto;
}
article .field-modules > .field-slides ul.slick-dots {
  display: flex;
  flex-flow: row nowrap;
  overflow: hidden;
  width: 100%;
}
article .field-modules > .field-slides ul.slick-dots li {
  flex: 1 1 0;
  border-top: 2px solid #FFF;
  height: 1rem;
  margin: 0 0.5rem;
  cursor: pointer;
  opacity: 0.5;
}
article .field-modules > .field-slides ul.slick-dots li.slick-active {
  opacity: 1;
}
article .field-modules > .field-slides ul.slick-dots li button {
  display: none;
  border: 0;
  font-size: 0;
}
article .field-modules > .field-text-slider-texts {
  max-width: none;
  background: rgb(252.4471153846, 233.5841346154, 228.0528846154);
  margin: 0;
  max-height: var(--menu-height);
  min-height: var(--menu-height);
  overflow: hidden;
}
article .field-modules > .field-text-slider-texts > p:not(:first-child) {
  display: none;
}
article .field-modules > .field-text-slider-texts .slick-slide > div {
  height: var(--menu-height);
  padding: 0 var(--hmargin);
}
@media (max-width: 1080px) {
  article .field-modules > .field-text-slider-texts p {
    font-size: var(--h5-fs);
    line-height: var(--h5-lh);
    line-height: var(--menu-height);
  }
}
@media (max-width: 720px) {
  article .field-modules > .field-text-slider-texts p {
    line-height: var(--menu-height);
  }
}
article .field-modules > .field-text-slider-texts p {
  text-align: center;
  line-height: var(--menu-height);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
article .field-modules > .field-text-slider-texts .slick-arrow {
  display: none !important;
}
article .field-modules > .field-text-slider-texts + .field-slides {
  margin-top: 0;
}
article .field-modules > .field-grids > * {
  flex: 0 1 auto;
}
article .field-modules > .field-grids {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  padding: 0 var(--hmargin);
  max-width: var(--max-width-image);
  margin: var(--vmargin-l) auto;
}
article .field-modules > .field-grids .grid-item {
  flex: 1 1 50%;
  max-width: calc(50% - var(--hmargin-xs));
}
@media (max-width: 720px) {
  article .field-modules > .field-grids .grid-item {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
article .field-modules > .field-grids .grid-item {
  margin-bottom: var(--vmargin-s);
  position: relative;
  overflow: hidden;
}
article .field-modules > .field-grids .grid-item .field-image {
  height: 0;
  width: 100%;
  padding-bottom: 66.66%;
}
article .field-modules > .field-grids .grid-item .field-image figure, article .field-modules > .field-grids .grid-item .field-image picture, article .field-modules > .field-grids .grid-item .field-image img, article .field-modules > .field-grids .grid-item .field-image svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
article .field-modules > .field-grids .grid-item img {
  transition: transform var(--animation-time-slow);
}
article .field-modules > .field-grids .grid-item:hover img {
  transform: scale(1.1);
}
article .field-modules > .field-grids a:hover {
  text-decoration: none;
  color: #BBBBBB;
}
article .field-modules > .field-grids .field-text p:last-child::after {
  content: "->";
  margin-left: 0.25em;
}

article.product.teaser {
  cursor: pointer;
}
article.product.teaser a {
  text-decoration: none !important;
}
article.product.teaser h3 {
  font-size: var(--h5-fs);
  line-height: var(--h5-lh);
}
article.product.teaser a:hover {
  color: #BBBBBB;
}
article.product.teaser figure {
  transition: transform var(--animation-time);
}

article.product.full > .title {
  max-width: 72rem;
  margin: 0 auto;
  padding: 3rem var(--hmargin) 1rem;
}
article.product.full.product-ps .title .title-text, article.product.full.product-pse .title .title-text {
  flex: 1 1 83.3333333333%;
}
article.product.full.product-ps .product-field-dimensions, article.product.full.product-pse .product-field-dimensions {
  max-width: 72rem;
  margin: 0 auto;
  padding: 0 var(--hmargin);
}
article.product.full .field-colors {
  display: none;
  font-size: 0;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  position: absolute;
  left: var(--hmargin-s);
  z-index: 100;
}
article.product.full .field-colors > * {
  flex: 0 1 auto;
}
article.product.full .field-colors {
  display: flex;
  flex-flow: column nowrap;
}
article.product.full .field-colors button {
  display: block;
  box-shadow: none;
  margin: 0;
  padding: 0;
}
article.product.full .field-colors button:first-child:last-child {
  display: none;
}
article.product.full .field-colors button {
  padding: 0.25rem;
  margin: 0;
}
article.product.full .field-colors button > div {
  font-size: 0;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 1.25rem;
  transition: transform 250ms;
}
article.product.full .field-colors button:hover, article.product.full .field-colors button.active {
  background: transparent;
}
article.product.full .field-colors button:hover > div, article.product.full .field-colors button.active > div {
  transform: translateX(0.33rem);
}
article.product.full .field-colors button[data-color="#FFFFFF"] > div, article.product.full .field-colors button[data-color="#FFF"] > div, article.product.full .field-colors button[data-color="#EEEFEB"] > div, article.product.full .field-colors button[data-color="#ECECEC"] > div {
  box-shadow: inset 0 0 0 var(--line-thickness) #000;
}
article.product.full .field-colors button[data-color="#484846"] {
  order: 3 !important;
}
article.product.full .field-colors button[data-color="#3f4247"] {
  order: -1 !important;
}
article.product.full .field-field-product-image-sets {
  height: 66vh;
}
article.product.full .field-field-product-image-sets:empty::after {
  content: "Fehlende Produktfotos";
  display: flex;
  justify-content: center;
  align-items: center;
  height: 66vh;
  width: 100%;
}
article.product.full .field-field-product-image-sets .slick-arrow {
  display: none;
}
article.product.full .field-field-product-image-sets .slick-slide:not(.slick-current) {
  cursor: pointer;
}
article.product.full .field-field-product-image-sets > .field-product-image:not(:first-child) {
  display: none;
}
article.product.full .field-field-product-image-sets .field-product-image {
  height: 66vh;
}
article.product.full .field-field-product-image-sets .field-product-image:empty::after {
  content: "Fehlendes Produktfoto";
  display: flex;
  justify-content: center;
  align-items: center;
  height: 66vh;
  width: 66vh;
}
article.product.full .field-field-product-image-sets .field-product-image figure:not(:first-child) {
  display: none;
}
article.product.full .field-field-product-image-sets .field-product-image figure {
  height: 66vh;
  width: 66vh;
  padding-bottom: 100%;
}
article.product.full .field-field-product-image-sets .field-product-image img, article.product.full .field-field-product-image-sets .field-product-image picture, article.product.full .field-field-product-image-sets .field-product-image svg.placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
html.portrait article.product.full .field-field-product-image-sets {
  height: 75vw;
}
html.portrait article.product.full .field-field-product-image-sets .field-product-image {
  height: 75vw;
}
html.portrait article.product.full .field-field-product-image-sets .field-product-image:empty::after {
  height: 75vw;
  width: 75vw;
}
html.portrait article.product.full .field-field-product-image-sets .field-product-image figure {
  height: 75vw;
  width: 75vw;
}

article.product.full .field-product-text {
  max-width: 72rem;
  margin: var(--vmargin-l) auto;
  padding: 0 var(--hmargin);
}
@media (min-width: 720.1px) {
  article.product.full .field-product-text > * {
    flex: 0 1 auto;
  }
  article.product.full .field-product-text {
    display: flex;
    flex-flow: row nowrap;
    overflow: hidden;
  }
  article.product.full .field-product-text > * {
    flex: 1 1 0;
  }
  article.product.full .field-product-text div + div {
    margin-left: 1rem;
  }
}
article.product.full .field-hero-element .field-image, article.product.full .field-hero-element .field-images, article.product.full .field-hero-element .field-video {
  width: 100%;
}
article.product.full .field-hero-element .field-image figure, article.product.full .field-hero-element .field-image picture, article.product.full .field-hero-element .field-image img, article.product.full .field-hero-element .field-image svg, article.product.full .field-hero-element .field-images figure, article.product.full .field-hero-element .field-images picture, article.product.full .field-hero-element .field-images img, article.product.full .field-hero-element .field-images svg, article.product.full .field-hero-element .field-video figure, article.product.full .field-hero-element .field-video picture, article.product.full .field-hero-element .field-video img, article.product.full .field-hero-element .field-video svg {
  width: 100%;
  object-fit: cover;
}
article.product.full .field-hero-element .field-images > figure:not(:first-child) {
  display: none;
}
article.product.full .field-hero-element .field-images figure {
  max-widht: 100%;
  overflow-x: hidden;
}
article.product.full .field-hero-element .field-images img, article.product.full .field-hero-element .field-images svg {
  width: 100vw;
  height: 56vw;
  object-fit: cover;
}
article.product.full .field-hero-element .field-hero-video {
  overflow: hidden;
}
article.product.full .field-hero-element .field-hero-video video {
  width: 100vw;
  height: 56vw;
  object-fit: cover;
}
article.product.full .field-product-text-2 {
  max-width: 72rem;
  margin: var(--vmargin-l) auto;
  padding: 0 var(--hmargin);
}
article.product.full .field-product-text-2 p + ul {
  margin-top: -1.25rem;
}
article.product.full .field-product-text-2 .title {
  font-size: var(--h3-fs);
  line-height: var(--h3-lh);
  display: block;
  margin-bottom: 1rem;
}
article.product.full .field-icons > * {
  flex: 0 1 auto;
}
article.product.full .field-icons {
  display: flex;
  flex-flow: row wrap;
  max-width: 72rem;
  margin: var(--vmargin-l) auto;
  padding: 0 var(--hmargin);
}
article.product.full .field-icons figure, article.product.full .field-icons svg {
  display: block;
  flex: 0 1 auto;
  margin: 0 1rem 1rem 0;
}
article.product.full .field-icons svg, article.product.full .field-icons img {
  max-height: 4rem;
  width: auto;
}
article.product.full .field-icons img {
  width: auto;
  height: auto;
}
article.product.full .field-icons svg.placeholder {
  display: none !important;
}
article.product.full .field-product-text-2 + .field-icons {
  margin-top: -3rem;
}
article.product.full .field-product-icons > * {
  flex: 0 1 auto;
}
article.product.full .field-product-icons {
  display: flex;
  flex-flow: row wrap;
  max-width: 72rem;
  margin: var(--vmargin-l) auto;
}
article.product.full .field-product-icons .icon {
  margin: 0 1rem 0 0;
}
article.product.full .field-product-icons .icon figure, article.product.full .field-product-icons .icon img, article.product.full .field-product-icons .icon svg {
  height: 4rem;
  width: auto;
}
article.product.full .field-product-icons .icon .title {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  bottom: calc(100% - 0.5rem);
  left: calc(50% + 0.5rem);
  z-index: 11;
  background: #FFF;
  box-shadow: inset 0 0 0 var(--line-thickness) #000;
  border-radius: 2rem;
  border-bottom-left-radius: 0;
  padding: 0.5rem 1rem 0.7em;
  background: #FFF;
  white-space: nowrap;
  pointer-events: none;
  transition: opacity 250ms;
}
article.product.full .field-product-icons .icon:hover .title {
  opacity: 1;
}
.product-tabs {
  max-width: 72rem;
  margin: var(--vmargin-l) auto;
  display: grid;
}
@media (min-width: 720.1px) {
  .product-tabs {
    grid-template-columns: 1fr 1fr;
  }
}
.product-tabs {
  gap: var(--hmargin);
}

.field-product-tabs-image {
  overflow: hidden;
}
.field-product-tabs-image figure, .field-product-tabs-image picture {
  display: flex;
}
.field-product-tabs-image figure img, .field-product-tabs-image picture img {
  object-fit: cover;
}
.field-product-tabs-image > figure:not(:first-child) {
  display: none;
}

.field-product-tabs:first-child {
  padding-left: var(--hmargin);
}
.field-product-tabs {
  padding-right: var(--hmargin);
}
@media (max-width: 720px) {
  .field-product-tabs {
    padding-left: var(--hmargin);
  }
}
.field-product-tabs .field-title {
  font-size: var(--h4-fs);
  line-height: var(--h4-lh);
  cursor: pointer;
  padding: 1rem 0;
  padding-right: 1rem;
}
.field-product-tabs .field-title::after {
  content: "";
  background-image: url("../img/fl_pfeil.svg") !important;
  background-repeat: no-repeat !important;
  background-size: 1.2rem 1.2rem !important;
  background-position: center center !important;
  height: 1.2rem;
  width: 1.2rem;
  display: inline-block;
  vertical-align: text-bottom;
  position: absolute;
  right: 0.25rem;
  margin-top: 0.15rem;
  transition: transform 350ms;
}
.field-product-tabs .field-title.open::after {
  transform: rotate(180deg);
}
.field-product-tabs > [class^=field-]:not(.field-title) {
  display: none;
}
.field-product-tabs .wrapped {
  border-bottom: 2px solid #000;
  padding: 0;
  overflow: hidden;
  transition: max-height var(--animation-time-fast);
}
.field-product-tabs .wrapped > :last-child {
  padding-bottom: 1rem;
}
.field-product-tabs .field-title:not(.open) + .wrapped {
  max-height: 0px !important;
}
.field-product-tabs .field-title.open + .wrapped {
  max-height: none;
}
.field-product-tabs .field-image {
  margin: 1rem 0;
}
.field-product-tabs .no-child::after {
  display: none;
}
.field-product-tabs .field-table {
  margin: 0;
  padding: 0;
  max-width: auto;
}
.field-product-tabs .field-file .file-size {
  display: none;
}
.field-product-tabs .field-file span {
  display: block;
}
.field-product-tabs .field-file .file a::before {
  content: "-> ";
}
.field-product-tabs .field-file .file a:hover {
  text-decoration: none;
  color: #BBBBBB;
}
.field-product-tabs .field-file:not(:last-child) {
  margin-bottom: var(--p-lh);
}
.field-product-tabs .field-file:not(:first-child) {
  margin-top: var(--p-lh);
}

article.product.full .field-table {
  max-width: 72rem;
  margin: var(--vmargin-l) auto;
  padding: 0 var(--hmargin);
}
article .field-colorgrid-title,
article .field-page-modules > .field-colorgrid-title {
  max-width: 72rem;
  margin: var(--vmargin-l) auto var(--vmargin-m);
  padding: 0 var(--hmargin);
  font-size: var(--h3-fs);
  line-height: var(--h3-lh);
  z-index: 1;
}

article .field-colorgrid,
article .field-page-modules > .field-colorgrid {
  max-width: 72rem;
  margin: var(--vmargin-l) auto var(--vmargin-m);
  padding: 0 var(--hmargin);
}
article .field-colorgrid .field-grid-images > *,
article .field-page-modules > .field-colorgrid .field-grid-images > * {
  flex: 0 1 auto;
}
article .field-colorgrid .field-grid-images,
article .field-page-modules > .field-colorgrid .field-grid-images {
  display: flex;
  flex-flow: row wrap;
}
@media (min-width: 640.1px) {
  article .field-colorgrid .field-grid-images,
  article .field-page-modules > .field-colorgrid .field-grid-images {
    padding: 4rem 0 0 8rem;
  }
}
article .field-colorgrid .field-grid-images figure,
article .field-page-modules > .field-colorgrid .field-grid-images figure {
  flex: 0 1 25%;
  transition: transform var(--animation-time);
}
article .field-colorgrid .field-grid-images figure img,
article .field-page-modules > .field-colorgrid .field-grid-images figure img {
  z-index: 0;
  pointer-events: none;
}
@media (max-width: 640px) {
  article .field-colorgrid .field-label-vertical, article .field-colorgrid .field-label-horizontal,
  article .field-page-modules > .field-colorgrid .field-label-vertical,
  article .field-page-modules > .field-colorgrid .field-label-horizontal {
    display: none !important;
  }
}
article .field-colorgrid .field-label-vertical, article .field-colorgrid .field-label-horizontal,
article .field-page-modules > .field-colorgrid .field-label-vertical,
article .field-page-modules > .field-colorgrid .field-label-horizontal {
  position: absolute;
  z-index: 10;
}
article .field-colorgrid .field-label-vertical label, article .field-colorgrid .field-label-horizontal label,
article .field-page-modules > .field-colorgrid .field-label-vertical label,
article .field-page-modules > .field-colorgrid .field-label-horizontal label {
  display: block;
}
article .field-colorgrid .field-label-vertical label > *, article .field-colorgrid .field-label-horizontal label > *,
article .field-page-modules > .field-colorgrid .field-label-vertical label > *,
article .field-page-modules > .field-colorgrid .field-label-horizontal label > * {
  flex: 0 1 auto;
}
article .field-colorgrid .field-label-vertical label, article .field-colorgrid .field-label-horizontal label,
article .field-page-modules > .field-colorgrid .field-label-vertical label,
article .field-page-modules > .field-colorgrid .field-label-horizontal label {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
  padding-bottom: 1rem;
}
article .field-colorgrid .field-label-vertical > *,
article .field-page-modules > .field-colorgrid .field-label-vertical > * {
  flex: 0 1 auto;
}
article .field-colorgrid .field-label-vertical,
article .field-page-modules > .field-colorgrid .field-label-vertical {
  display: flex;
  flex-flow: column nowrap;
  padding-top: 4rem;
  width: 8rem;
  height: 100%;
}
article .field-colorgrid .field-label-vertical > label,
article .field-page-modules > .field-colorgrid .field-label-vertical > label {
  flex: 1 1 25%;
  padding-bottom: 3rem;
}
@media (max-width: 640px) {
  article .field-colorgrid .field-label-vertical > label,
  article .field-page-modules > .field-colorgrid .field-label-vertical > label {
    display: none;
  }
}
article .field-colorgrid .field-label-vertical > label,
article .field-page-modules > .field-colorgrid .field-label-vertical > label {
  overflow: hidden;
}
article .field-colorgrid .field-label-horizontal > *,
article .field-page-modules > .field-colorgrid .field-label-horizontal > * {
  flex: 0 1 auto;
}
article .field-colorgrid .field-label-horizontal,
article .field-page-modules > .field-colorgrid .field-label-horizontal {
  display: flex;
  flex-flow: row nowrap;
  overflow: hidden;
  width: calc(100% - 4rem);
  padding-left: 8rem;
  height: 4rem;
}
article .field-colorgrid .field-label-horizontal > label,
article .field-page-modules > .field-colorgrid .field-label-horizontal > label {
  flex: 1 1 25%;
  padding-left: 3rem;
}
@media (max-width: 1080px) {
  article .field-colorgrid .field-label-horizontal > label,
  article .field-page-modules > .field-colorgrid .field-label-horizontal > label {
    padding-left: 2.5rem;
  }
}
@media (max-width: 960px) {
  article .field-colorgrid .field-label-horizontal > label,
  article .field-page-modules > .field-colorgrid .field-label-horizontal > label {
    padding-left: 2rem;
  }
}
@media (max-width: 720px) {
  article .field-colorgrid .field-label-horizontal > label,
  article .field-page-modules > .field-colorgrid .field-label-horizontal > label {
    padding-left: 1rem;
  }
}
@media (max-width: 640px) {
  article .field-colorgrid .field-label-horizontal > label,
  article .field-page-modules > .field-colorgrid .field-label-horizontal > label {
    display: none;
  }
}
article .field-colorgrid .field-label-horizontal > label,
article .field-page-modules > .field-colorgrid .field-label-horizontal > label {
  overflow: hidden;
}
@media (min-width: 640.1px) {
  article .field-colorgrid .field-text-mobile,
  article .field-page-modules > .field-colorgrid .field-text-mobile {
    display: none;
  }
}
article .field-colorgrid .field-text-mobile,
article .field-page-modules > .field-colorgrid .field-text-mobile {
  padding-top: 2rem;
}

article.product.full .field-product-option-sets {
  max-width: 72rem;
  margin: var(--vmargin-l) auto;
  padding: 0 var(--hmargin);
}
article.product.full .field-product-option-sets .field-option-title {
  font-size: var(--h3-fs);
  line-height: var(--h3-lh);
  margin-bottom: var(--vmargin-m);
}
article.product.full .field-product-option-sets .field-option-title:not(first-child) {
  margin-top: var(--vmargin-l);
}
article.full .field-option-images {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: var(--hmargin-s);
}
@media (max-width: 720px) {
  article.full .field-option-images {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
article.full .field-option-images[data-grid="1"] {
  grid-template-columns: 1fr;
}
@media (max-width: 720px) {
  article.full .field-option-images[data-grid="1"] {
    grid-template-columns: 1fr;
  }
}
article.full .field-option-images[data-grid="2"] {
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 720px) {
  article.full .field-option-images[data-grid="2"] {
    grid-template-columns: 1fr 1fr;
  }
}
article.full .field-option-images[data-grid="3"] {
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 720px) {
  article.full .field-option-images[data-grid="3"] {
    grid-template-columns: 1fr 1fr;
  }
}
article.full .field-option-images[data-grid="4"] {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 720px) {
  article.full .field-option-images[data-grid="4"] {
    grid-template-columns: 1fr 1fr;
  }
}
article.full .field-option-images[data-grid="6"] {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
@media (max-width: 720px) {
  article.full .field-option-images[data-grid="6"] {
    grid-template-columns: 1fr 1fr;
  }
}
article.full .field-option-images[data-grid="9"] {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
@media (max-width: 720px) {
  article.full .field-option-images[data-grid="9"] {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
article.full .field-option-images a {
  cursor: pointer;
  text-decoration: none;
}
article.full .field-option-images img, article.full .field-option-images picture, article.full .field-option-images svg.placeholder {
  aspect-ratio: 1/1;
  object-fit: contain;
  object-position: 50% 50%;
}
article.full .field-option-images figcaption {
  margin: 0;
  margin-top: var(--vmargin-s);
  overflow: hidden;
  font-size: var(--h5-fs);
  line-height: var(--h5-lh);
  text-align: center;
}

article.product.full .field-product-option-sets .field-option-text {
  margin-top: var(--vmargin-m);
  margin-bottom: var(--vmargin-m);
  grid-column: 1/-1;
}
article.product.full .field-product-option-sets + .field-product-links {
  border-top: 1px solid #000;
}
article.product.full .field-product-quote-element {
  margin: var(--vmargin-m) auto var(--vmargin-l);
}
article.product.full .field-product-quote-element > .field-text {
  max-width: 72rem;
  margin: var(--vmargin-l) auto;
  padding: 0 var(--hmargin);
}
article.product.full .field-product-quote-element > .field-text p {
  font-size: var(--h3-fs);
  line-height: var(--h3-lh);
  line-height: 1.75rem;
  background: repeating-linear-gradient(0deg, #FFF 0, #FFF calc(1.75rem - 4px), #000 calc(1.75rem - 4px), #000 calc(1.75rem - 2px), #FFF calc(1.75rem - 2px), #FFF 1.75rem);
  padding-left: 0.25em;
  padding-right: 0.25em;
  padding-bottom: 1.75rem;
}
article.product.full .field-product-quote-element > .field-text strong {
  font-size: var(--h5-fs);
  line-height: var(--h5-lh);
  line-height: var(--p-lh-rem);
  text-transform: unset;
}
article.product.full .field-product-quote-element > .field-image-text {
  display: grid;
}
@media (min-width: 640.1px) {
  article.product.full .field-product-quote-element > .field-image-text {
    grid-template-columns: 1fr 1fr;
  }
}
article.product.full .field-product-quote-element > .field-image-text {
  gap: var(--hmargin);
  justify-content: center;
}
@media (min-width: 640.1px) {
  article.product.full .field-product-quote-element > .field-image-text {
    border-top: 1px solid #000;
    padding-top: var(--vmargin-m);
  }
}
article.product.full .field-product-quote-element > .field-image-text {
  border-bottom: 1px solid #000;
  padding-bottom: var(--vmargin-m);
}
article.product.full .field-product-quote-element > .field-image-text .field-image {
  align-self: stretch;
}
article.product.full .field-product-quote-element > .field-image-text .field-image figure {
  min-height: 100%;
}
article.product.full .field-product-quote-element > .field-image-text .field-image figure, article.product.full .field-product-quote-element > .field-image-text .field-image picture {
  display: flex;
}
article.product.full .field-product-quote-element > .field-image-text .field-image img {
  object-fit: cover;
}
article.product.full .field-product-quote-element > .field-image-text .field-image svg {
  object-fit: contain;
}
article.product.full .field-product-quote-element > .field-image-text .field-texts {
  padding-left: var(--hmargin);
}
@media (max-width: 640px) {
  article.product.full .field-product-quote-element > .field-image-text .field-texts {
    padding-right: var(--hmargin);
    order: 2;
  }
}
article.product.full .field-product-quote-element > .field-image-text .field-texts {
  align-self: center;
  display: grid;
  gap: var(--hmargin);
  justify-items: center;
}
article.product.full .field-product-quote-element > .field-image-text .field-texts * {
  text-align: center;
}
article.product.full .field-product-quote-element > .field-image-text .field-text {
  max-width: 44ch;
}
article.product.full .field-product-quote-element > .field-image-text .field-text * {
  font-size: var(--h3-fs);
  line-height: var(--h3-lh);
}
article.product.full .field-product-quote-element > .field-image figure, article.product.full .field-product-quote-element > .field-image picture, article.product.full .field-product-quote-element > .field-image img, article.product.full .field-product-quote-element > .field-image svg {
  width: 100%;
}
article.product.full .field-product-links-title, article.product.full .field-product-addons-title, article.product.full .field-product-series-title {
  max-width: 72rem;
  margin: var(--vmargin-m) auto var(--vmargin-m);
  padding: 0 var(--hmargin);
  font-size: var(--h3-fs);
  line-height: var(--h3-lh);
}
article.product.full .field-product-links, article.product.full .field-product-addons, article.product.full .field-product-series {
  max-width: 72rem;
  margin: var(--vmargin-l) auto;
  margin-top: 0;
}
article.product.full .field-product-links > article.product.teaser, article.product.full .field-product-links > article.product-addon.teaser, article.product.full .field-product-addons > article.product.teaser, article.product.full .field-product-addons > article.product-addon.teaser, article.product.full .field-product-series > article.product.teaser, article.product.full .field-product-series > article.product-addon.teaser {
  max-height: 18rem;
}
article.product.full .field-product-links > article.product.teaser:not(:first-child), article.product.full .field-product-links > article.product-addon.teaser:not(:first-child), article.product.full .field-product-addons > article.product.teaser:not(:first-child), article.product.full .field-product-addons > article.product-addon.teaser:not(:first-child), article.product.full .field-product-series > article.product.teaser:not(:first-child), article.product.full .field-product-series > article.product-addon.teaser:not(:first-child) {
  display: none !important;
}
article.product.full .field-product-links article.product.teaser, article.product.full .field-product-links article.product-addon.teaser, article.product.full .field-product-addons article.product.teaser, article.product.full .field-product-addons article.product-addon.teaser, article.product.full .field-product-series article.product.teaser, article.product.full .field-product-series article.product-addon.teaser {
  padding: var(--vmargin-s);
}
article.product.full .field-product-links article.product.teaser .field-title, article.product.full .field-product-links article.product.teaser .field-subtitle, article.product.full .field-product-links article.product.teaser .field-title-long, article.product.full .field-product-links article.product-addon.teaser .field-title, article.product.full .field-product-links article.product-addon.teaser .field-subtitle, article.product.full .field-product-links article.product-addon.teaser .field-title-long, article.product.full .field-product-addons article.product.teaser .field-title, article.product.full .field-product-addons article.product.teaser .field-subtitle, article.product.full .field-product-addons article.product.teaser .field-title-long, article.product.full .field-product-addons article.product-addon.teaser .field-title, article.product.full .field-product-addons article.product-addon.teaser .field-subtitle, article.product.full .field-product-addons article.product-addon.teaser .field-title-long, article.product.full .field-product-series article.product.teaser .field-title, article.product.full .field-product-series article.product.teaser .field-subtitle, article.product.full .field-product-series article.product.teaser .field-title-long, article.product.full .field-product-series article.product-addon.teaser .field-title, article.product.full .field-product-series article.product-addon.teaser .field-subtitle, article.product.full .field-product-series article.product-addon.teaser .field-title-long {
  font-size: var(--h5-fs);
  line-height: var(--h5-lh);
}
article.product.full .field-product-links article.product.teaser .field-title, article.product.full .field-product-links article.product.teaser .field-title-long, article.product.full .field-product-links article.product-addon.teaser .field-title, article.product.full .field-product-links article.product-addon.teaser .field-title-long, article.product.full .field-product-addons article.product.teaser .field-title, article.product.full .field-product-addons article.product.teaser .field-title-long, article.product.full .field-product-addons article.product-addon.teaser .field-title, article.product.full .field-product-addons article.product-addon.teaser .field-title-long, article.product.full .field-product-series article.product.teaser .field-title, article.product.full .field-product-series article.product.teaser .field-title-long, article.product.full .field-product-series article.product-addon.teaser .field-title, article.product.full .field-product-series article.product-addon.teaser .field-title-long {
  margin-top: var(--page-vmargin-s);
}
article.product.full .field-product-links article.product.teaser figure, article.product.full .field-product-links article.product-addon.teaser figure, article.product.full .field-product-addons article.product.teaser figure, article.product.full .field-product-addons article.product-addon.teaser figure, article.product.full .field-product-series article.product.teaser figure, article.product.full .field-product-series article.product-addon.teaser figure {
  aspect-ratio: 1/1;
  transition: transform var(--animation-time);
}
article.product.full .field-product-links article.product.teaser:hover a figure, article.product.full .field-product-links article.product-addon.teaser:hover a figure, article.product.full .field-product-addons article.product.teaser:hover a figure, article.product.full .field-product-addons article.product-addon.teaser:hover a figure, article.product.full .field-product-series article.product.teaser:hover a figure, article.product.full .field-product-series article.product-addon.teaser:hover a figure {
  transform: scale(1.05);
}
article.product.full .field-product-links article.product.teaser img, article.product.full .field-product-links article.product.teaser picture, article.product.full .field-product-links article.product.teaser svg.placeholder, article.product.full .field-product-links article.product-addon.teaser img, article.product.full .field-product-links article.product-addon.teaser picture, article.product.full .field-product-links article.product-addon.teaser svg.placeholder, article.product.full .field-product-addons article.product.teaser img, article.product.full .field-product-addons article.product.teaser picture, article.product.full .field-product-addons article.product.teaser svg.placeholder, article.product.full .field-product-addons article.product-addon.teaser img, article.product.full .field-product-addons article.product-addon.teaser picture, article.product.full .field-product-addons article.product-addon.teaser svg.placeholder, article.product.full .field-product-series article.product.teaser img, article.product.full .field-product-series article.product.teaser picture, article.product.full .field-product-series article.product.teaser svg.placeholder, article.product.full .field-product-series article.product-addon.teaser img, article.product.full .field-product-series article.product-addon.teaser picture, article.product.full .field-product-series article.product-addon.teaser svg.placeholder {
  aspect-ratio: 1/1;
}
article.product.full .field-product-links article.product.teaser .title, article.product.full .field-product-links article.product-addon.teaser .title, article.product.full .field-product-addons article.product.teaser .title, article.product.full .field-product-addons article.product-addon.teaser .title, article.product.full .field-product-series article.product.teaser .title, article.product.full .field-product-series article.product-addon.teaser .title {
  text-align: center;
  margin-top: var(--vmargin-s);
}
article.product.full .field-attention {
  max-width: 72rem;
  margin: var(--vmargin-l) auto;
  padding: 0 var(--hmargin);
  color: #ED6841;
}
@media (min-width: 640.1px) {
  article.product.full .field-attention p {
    max-width: 50%;
  }
}
@media (min-width: 1080.1px) {
  article.product.full .field-attention p {
    max-width: 25%;
  }
}
article.product.full .field-attention::before {
  margin-bottom: 0.5rem;
  content: "";
  background-image: url("../img/fl_info.svg") !important;
  background-repeat: no-repeat !important;
  background-size: 1.5rem 1.5rem !important;
  background-position: center center !important;
  height: 1.5rem;
  width: 1.5rem;
  display: inline-block;
  vertical-align: text-bottom;
}
article.product.full img[alt=fl_logos_auszeichnungen] {
  width: 75%;
}
#flex-table-fuenfecktisch .field-subtitle::after {
  display: block;
  content: "FLEX TABLE Fünfecktisch\aunder license of EinrichtWerk";
  white-space: pre;
  text-align: right;
  font-size: var(--p-fs);
  line-height: var(--p-lh);
  font-weight: 400;
  font-feature-settings: "ss02";
  margin-top: 0.33em;
  width: auto;
  color: #BBBBBB;
  border-radius: 1px;
  position: absolute;
  z-index: 10;
  content: url("../img/EinrichtWerk_g.svg");
  width: 10em;
  padding: 0.25em 0.15em;
}
.product.teaser #flex-table-fuenfecktisch .field-subtitle::after {
  font-size: 0.55em;
}

h1#flex-table-fuenfecktisch .field-subtitle::after {
  font-size: var(--p-fs);
  line-height: var(--p-lh);
}

h2#flex-table-fuenfecktisch .field-subtitle::after {
  font-size: var(--h6-fs);
  line-height: var(--h6-lh);
}

figure[data-filename="2022-07/floetotto_klassenraum_pro_chair_drehstuhl_flex_table_fuenfecktisch_1.jpg"][data-loaded=ok]::after,
figure[data-filename="2022-07/NEUE Klassenraume_01_F_21-06-2022.jpg"][data-loaded=ok]::after,
figure[data-filename="2022-07/NEUE Klassenraume_02_F_21-06-2022_bea_1.jpg"][data-loaded=ok]::after,
figure[data-filename="2022-07/NEUE Klassenraume_01_F_21-06-2022_1.jpg"][data-loaded=ok]::after,
figure[data-filename="2022-07/NEUE Klassenraume_02_F_21-06-2022_bea_0.jpg"][data-loaded=ok]::after {
  display: block;
  content: "FLEX TABLE Fünfecktisch under license of EinrichtWerk";
  position: absolute;
  z-index: 10;
  bottom: 0.5em;
  left: 0.5em;
  font-size: var(--h6-fs);
  line-height: var(--h6-lh);
  color: #000;
  content: url("../img/EinrichtWerk_b.svg");
  width: 10em;
  padding: 0.25em 0.15em;
  font-size: 0.75em;
}

figure[data-filename="2022-07/NEUE Klassenraume_02_F_21-06-2022_bea_1.jpg"]::after {
  bottom: 1.75em;
  left: 0.75em;
}

.scene.teaser > .field-scene-image figure[data-filename="2022-07/NEUE Klassenraume_01_F_21-06-2022_1.jpg"]::after,
.scene.teaser > .field-scene-image figure[data-filename="2022-07/NEUE Klassenraume_02_F_21-06-2022_bea_0.jpg"]::after {
  font-size: 0.5em;
}

article.scene.teaser {
  position: static;
  cursor: pointer;
  transition: margin 500ms;
  overflow: hidden;
}
article.scene.teaser .title h2 {
  margin-top: 0.5em;
  font-size: var(--h5-fs);
  line-height: var(--h5-lh);
}
@media (max-width: 440px) {
  article.scene.teaser .title {
    display: none;
  }
}
article.scene.teaser > .image {
  transition: opacity 500ms;
}
@media (max-width: 440px) {
  article.scene.teaser > .image {
    display: none;
  }
}
@media (max-width: 440px) {
  article.scene.teaser {
    margin-bottom: 0 !important;
  }
}
article.scene.teaser .full {
  display: grid;
  grid-template-rows: 1fr auto;
  row-gap: 0.5rem;
  overflow: visible;
  background: #FFF;
}
@media (min-width: 440.1px) {
  article.scene.teaser .full {
    transition: max-height 500ms, opacity 500ms;
    opacity: 0;
    overflow: visible;
    position: absolute;
    left: 0;
    margin: 0 2rem 0 0;
  }
}
article.scene.teaser.open {
  z-index: 100;
}
@media (min-width: 440.1px) {
  article.scene.teaser.open {
    margin-bottom: 100vh;
  }
  article.scene.teaser.open .full {
    opacity: 1;
  }
  article.scene.teaser.open > .image {
    opacity: 0.5;
  }
}

article.scene.teaser .full .field-scene-image {
  grid-row: 2/3;
  width: 100%;
  position: relative;
  max-height: 100vh;
  overflow: visible;
}
article.scene.teaser .full .field-scene-image figure {
  overflow: visible;
}
article.scene.teaser .full .field-scene-image .bubble {
  position: absolute;
  z-index: 100;
  width: 2rem;
  height: 2rem;
  border-radius: 2rem;
  transition: background 500ms 1000ms;
  background: #FFF;
  transform: translate(-50%, -50%);
}
article.scene.teaser .full .field-scene-image .bubble > div {
  opacity: 0;
  transition: opacity 250ms;
  pointer-events: none;
  background: #FFF;
  width: 8rem;
  height: auto;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -100%);
  padding: 0.5rem;
  border-radius: 0;
  z-index: 101;
}
article.scene.teaser .full .field-scene-image .bubble > div span, article.scene.teaser .full .field-scene-image .bubble > div a {
  font-size: var(--h6-fs);
  line-height: var(--h6-lh);
  text-align: center;
}
article.scene.teaser .full .field-scene-image .bubble > div span {
  border-bottom: 2px solid #000;
  padding-bottom: 0.35em;
}
article.scene.teaser .full .field-scene-image .bubble > div a.link-to-product {
  padding-top: 0.15em;
}
article.scene.teaser .full .field-scene-image .bubble > div a.link-to-product::before {
  content: "-> ";
}
article.scene.teaser .full .field-scene-image .bubble > div a.link-to-product:hover {
  text-decoration: none;
  color: #BBBBBB;
}
article.scene.teaser .full .field-scene-image .bubble > div figure, article.scene.teaser .full .field-scene-image .bubble > div img, article.scene.teaser .full .field-scene-image .bubble > div picture, article.scene.teaser .full .field-scene-image .bubble > div span, article.scene.teaser .full .field-scene-image .bubble > div a {
  display: block;
}
article.scene.teaser .full .field-scene-image .bubble > div figure, article.scene.teaser .full .field-scene-image .bubble > div picture, article.scene.teaser .full .field-scene-image .bubble > div img {
  height: auto;
  width: 100%;
  object-fit: contain;
}
article.scene.teaser .full .field-scene-image .bubble > div:after {
  content: "";
  border: 0.75rem solid transparent;
  border-top-color: #FFF;
  position: absolute;
  top: calc(100% - 2px);
  left: 50%;
  transform: translateX(-50%);
}
article.scene.teaser .full .field-scene-image .bubble > div .close {
  line-height: 0.66em;
}
article.scene.teaser .full .field-scene-image .bubble::before {
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  content: "×";
  content: "+";
  font-size: var(--h3-fs);
  line-height: var(--h3-lh);
  text-align: center;
  margin-top: -0.1em;
  transition: opacity 500ms 1000ms;
  opacity: 1;
}
article.scene.teaser .full .field-scene-image .bubble.open {
  transition: background 150ms 0ms;
  background: transparent;
  z-index: 102;
}
article.scene.teaser .full .field-scene-image .bubble.open > div {
  opacity: 1;
  pointer-events: all;
}
article.scene.teaser .full .field-scene-image .bubble.open::before {
  opacity: 0;
  transition: opacity 150ms 0ms;
  pointer-events: none;
}
article.scene.teaser .full .caption {
  grid-row: 3/4;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (min-width: 440.1px) {
  article.scene.teaser .full .caption {
    padding-bottom: 4rem;
  }
}
article.scene.teaser .full .caption .field-title, article.scene.teaser .full .caption .field-scene-products {
  margin-top: 0.5em;
  font-size: var(--h5-fs);
  line-height: var(--h5-lh);
}
article.scene.teaser .full .caption .field-title {
  flex: 0 1 33.33%;
  margin-right: var(--hmargin);
}
article.scene.teaser .full .caption .field-scene-products {
  flex: 0 1 66.66%;
  margin-right: var(--hmargin);
}
article.scene.teaser .full .caption .product-link {
  cursor: pointer;
}
article.scene.teaser .full .caption .product-link .bubble {
  display: none;
}
article.scene.teaser .full .caption .product-link.open {
  text-decoration: underline;
}
article.scene.teaser .full .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.5rem;
  display: inline-block;
  line-height: 0.66em;
}
article.scene.teaser .full .close:hover {
  text-decoration: none;
}
@media (max-width: 440px) {
  article.scene.teaser .full .close {
    display: none;
  }
}
article.scene.teaser .full > .close {
  position: relative;
  grid-row: 1/2;
  justify-self: end;
}
article.scene.teaser a.node-edit-link {
  display: block;
  width: 1.5rem;
  position: absolute;
  top: 3rem;
  left: 0;
  z-index: 1000;
  background: transparent;
}

article.reference.teaser, .view.references.header {
  margin: 0 auto;
  padding: 0 2rem;
}
article.reference.teaser > a > *, article.reference.teaser > div > *, .view.references.header > a > *, .view.references.header > div > * {
  flex: 0 1 auto;
}
article.reference.teaser > a, article.reference.teaser > div, .view.references.header > a, .view.references.header > div {
  display: flex;
  flex-flow: row nowrap;
  overflow: hidden;
}
article.reference.teaser > a > span, article.reference.teaser > div > span, .view.references.header > a > span, .view.references.header > div > span {
  flex: 1 1 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 1rem;
}
article.reference.teaser > a > span.field-reference-title, article.reference.teaser > div > span.field-reference-title, .view.references.header > a > span.field-reference-title, .view.references.header > div > span.field-reference-title {
  flex: 2 2 0;
}
@media (max-width: 720px) {
  article.reference.teaser > a > span.field-reference-city, article.reference.teaser > div > span.field-reference-city, .view.references.header > a > span.field-reference-city, .view.references.header > div > span.field-reference-city {
    display: none;
  }
}
article.reference.teaser > a:hover, .view.references.header > a:hover {
  color: #BBBBBB;
  text-decoration: none;
}
article.reference.teaser > a:active, .view.references.header > a:active {
  color: #000;
}
article.reference.teaser.open > a, .view.references.header.open > a {
  color: #000;
}
article.reference.teaser h2, .view.references.header h2 {
  font-size: var(--h2-fs);
  line-height: var(--h2-lh);
}
article.reference.teaser a.loading, .view.references.header a.loading {
  color: #BBBBBB;
}
article.reference.teaser .field-reference-title.hasimages::after, .view.references.header .field-reference-title.hasimages::after {
  content: "->";
  color: #BBBBBB;
  display: inline-block;
  margin-left: 0.25em;
  transition: transform var(--animation-time-fastest);
}
article.reference.teaser.open .field-reference-title.hasimages::after, article.reference.teaser:active .field-reference-title.hasimages::after, .view.references.header.open .field-reference-title.hasimages::after, .view.references.header:active .field-reference-title.hasimages::after {
  color: #000;
}
article.reference.teaser.open .field-reference-title.hasimages::after, .view.references.header.open .field-reference-title.hasimages::after {
  transform: rotate(90deg);
}
article.reference.teaser.open .field-reference-title.loading::after, .view.references.header.open .field-reference-title.loading::after {
  transform: rotate(90deg);
}
main.viewreferencesmain .view.header > div .field-reference-title, main.viewreferencesmain .view.main article.reference.teaser .field-reference-title {
  flex: 3 1 0;
}
@media (min-width: 440.1px) {
  main.viewreferencesmain .view.header > div .field-reference-title, main.viewreferencesmain .view.main article.reference.teaser .field-reference-title {
    max-width: calc(50% + 1rem);
    min-width: calc(50% + 1rem);
  }
}
@media (max-width: 720px) {
  main.viewreferencesmain .view.header > div .field-reference-city, main.viewreferencesmain .view.main article.reference.teaser .field-reference-city {
    display: none;
  }
}
@media (max-width: 440px) {
  main.viewreferencesmain .view.header > div .field-reference-country, main.viewreferencesmain .view.main article.reference.teaser .field-reference-country {
    display: none;
  }
}

article.reference.teaser .ajax-content, .view.references.header .ajax-content {
  transition: max-height var(--animation-time-fast);
  max-height: 0;
  display: grid;
}
article.reference.teaser .ajax-content .reference-info, .view.references.header .ajax-content .reference-info {
  font-size: var(--h5-fs);
  line-height: var(--h5-lh);
  margin-bottom: var(--p-lh-rem);
}
@media (min-width: 720.1px) {
  article.reference.teaser .ajax-content .reference-info, .view.references.header .ajax-content .reference-info {
    display: none;
  }
}
article.reference.teaser .ajax-content .field-reference-images, .view.references.header .ajax-content .field-reference-images {
  aspect-ratio: 3/2;
  overflow: hidden;
}
article.reference.teaser .ajax-content .field-reference-images figure, .view.references.header .ajax-content .field-reference-images figure {
  background: rgb(245, 245, 245);
}
article.reference.teaser .ajax-content .field-reference-images figure img, article.reference.teaser .ajax-content .field-reference-images figure svg, .view.references.header .ajax-content .field-reference-images figure img, .view.references.header .ajax-content .field-reference-images figure svg {
  aspect-ratio: 3/2;
  overflow: hidden;
  object-fit: contain;
}
article.reference.teaser .ajax-content .field-reference-images > figure:not(:first-child), .view.references.header .ajax-content .field-reference-images > figure:not(:first-child) {
  display: none;
}
article.reference.teaser .ajax-content .info, .view.references.header .ajax-content .info {
  padding: var(--p-lh-rem) 0 0 0;
}
@media (min-width: 440.1px) {
  article.reference.teaser .ajax-content .info, .view.references.header .ajax-content .info {
    padding-bottom: var(--p-lh-rem);
  }
}
article.reference.teaser .ajax-content .info, .view.references.header .ajax-content .info {
  font-size: var(--h5-fs);
  line-height: var(--h5-lh);
}
article.reference.teaser .ajax-content .info .title, .view.references.header .ajax-content .info .title {
  display: block;
}
@media (min-width: 440.1px) {
  article.reference.teaser .ajax-content .info .title, .view.references.header .ajax-content .info .title {
    margin-bottom: var(--p-lh-rem);
  }
}
article.reference.teaser .ajax-content .info .field-reference-products a, .view.references.header .ajax-content .info .field-reference-products a {
  display: block;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow: visible;
}
article.reference.teaser .ajax-content .info .field-reference-products a::after, .view.references.header .ajax-content .info .field-reference-products a::after {
  content: "->";
  margin-left: 0.25em;
  color: #BBBBBB;
}
article.reference.teaser .ajax-content .info .field-reference-products a:hover, .view.references.header .ajax-content .info .field-reference-products a:hover {
  text-decoration: none;
}
article.reference.teaser .ajax-content .info .field-reference-products a:hover::after, .view.references.header .ajax-content .info .field-reference-products a:hover::after {
  color: #000;
}
article.reference.teaser .ajax-content a.node-edit-link, .view.references.header .ajax-content a.node-edit-link {
  width: 1.5rem;
  position: absolute;
  left: 0;
  top: -1rem;
}
article.reference.teaser.open .ajax-content, .view.references.header.open .ajax-content {
  max-height: 100vw;
}

@media (max-width: 440px) {
  article.future-learning .field-page-modules > .field-history-elements {
    margin: 4rem auto;
  }
}
article.future-learning .field-history-element .col.image {
  margin-bottom: 0.5rem !important;
}

article[data-nodeid="123"] .field-page-modules .col.right {
  color: #ED6841;
}
@media (min-width: 720.1px) {
  article[data-nodeid="123"] .field-image-text-2col .col.image {
    max-width: 66.66%;
  }
}
article[data-nodeid="123"] .field-image-text-2col .col.text li + li {
  margin-top: calc(var(--p-lh) * 0.25);
}
@media (max-width: 720px) {
  article[data-nodeid="123"] .field-image-text-2col .col.text ul {
    margin-left: -1rem;
    padding-left: 1rem;
  }
  article[data-nodeid="123"] .field-image-text-2col .col.text ul li::before {
    margin-left: -1rem;
    padding-right: 0.55em;
  }
}
@media (max-width: 720px) {
  article[data-nodeid="123"] .field-image-text-2col .col.text p, article[data-nodeid="123"] .field-image-text-2col .col.text li {
    font-size: var(--h5-fs);
    line-height: var(--h5-lh);
  }
}
@media (max-width: 1080px) {
  article[data-nodeid="123"] .col.row {
    justify-content: space-between;
  }
  article[data-nodeid="123"] .col.row.left {
    align-items: flex-end;
  }
}

@media (min-width: 720.1px) {
  article[data-nodeid="543"] .field-image-text {
    grid-template-columns: 1fr auto;
  }
}
article[data-nodeid="543"] .field-image-text .field-image figure {
  width: 200px;
}

article.material.product .field-text {
  max-width: 72rem;
  margin: var(--vmargin-l) auto;
  padding: 0 var(--hmargin);
}
article.material.product .field-images > * {
  flex: 0 1 auto;
}
article.material.product .field-images {
  display: flex;
  flex-flow: row wrap;
}
article.material.product .field-images > figure {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  min-width: 33.33%;
  mix-blend-mode: multiply;
}
article.material.product .field-images > figure img {
  transform: scale(0.9);
}
article.material.product .field-images > figure:hover img {
  transform: scale(1);
}
article.material.product .field-images figcaption {
  padding: var(--hmargin-s);
}

[data-magnifying=true] figure {
  overflow: visible;
}
[data-magnifying=true] .img-magnifier-container {
  position: relative;
}
[data-magnifying=true] .img-magnifier-container .img-magnifier-glass {
  transition: opacity var(--animation-time-faster);
  pointer-events: none;
  position: absolute;
  box-shadow: inset 0 0 0 var(--line-thickness) #000;
  border-radius: 50%;
  cursor: none;
  width: 8rem;
  height: 8rem;
  z-index: 100;
}
[data-magnifying=true] .img-magnifier-container:not(:hover) .img-magnifier-glass {
  opacity: 0;
}
[data-magnifying=true] .img-magnifier-container:has(img[data-loaded^=ok]) ~ svg.placeholder {
  max-height: 0 !important;
}

main article .field-page-modules > .field-history-elements > * {
  flex: 0 1 auto;
}
main article .field-page-modules > .field-history-elements {
  display: flex;
  flex-flow: row wrap;
  margin: 8rem auto;
  padding: 0 2rem;
}
main article .field-page-modules > .field-history-elements > .field-history-element {
  flex: 0 1 50%;
  padding-right: 0;
}
@media (max-width: 720px) {
  main article .field-page-modules > .field-history-elements > .field-history-element {
    flex: 0 1 100%;
  }
}
main article .field-page-modules .field-history-element > * {
  flex: 0 1 auto;
}
main article .field-page-modules .field-history-element {
  display: flex;
  flex-flow: row nowrap;
  overflow: hidden;
}
@media (min-width: 720.1px) and (max-width: 1080px) {
  main article .field-page-modules .field-history-element {
    flex-direction: column-reverse;
    align-items: flex-end;
  }
}
@media (max-width: 720px) {
  main article .field-page-modules .field-history-element {
    flex-direction: column-reverse;
    align-items: flex-end;
  }
}
main article .field-page-modules .field-history-element {
  align-items: flex-start;
  margin-bottom: 2rem;
}
main article .field-page-modules .field-history-element > .col {
  flex: 1 1 50%;
}
main article .field-page-modules .field-history-element .col.text {
  margin: 0 1rem;
}
@media (max-width: 440px) {
  main article .field-page-modules .field-history-element .col.text {
    margin: 0 !important;
  }
}
@media (min-width: 720.1px) and (max-width: 1080px) {
  main article .field-page-modules .field-history-element .col.image {
    margin-top: 4rem;
    margin-bottom: -2.25rem;
  }
}
@media (max-width: 440px) {
  main article .field-page-modules .field-history-element .col.image {
    max-width: 66.66%;
    margin-top: 4rem;
    margin-bottom: -2.25rem;
  }
}
main article .field-page-modules .field-history-element .field-title {
  font-size: var(--h1-fs);
  line-height: var(--h1-lh);
  border-bottom: 3px solid #000;
  padding-bottom: 0.25rem;
  margin-bottom: 0.25rem;
}
main article .field-page-modules .field-history-element.noimage .col.text {
  margin-top: 20%;
}
@media (min-width: 720.1px) {
  main article .field-page-modules .field-history-element:nth-child(even) {
    transform: translateY(12rem);
  }
  main article .field-page-modules .field-history-element:nth-child(even):last-child {
    padding-bottom: 12rem;
  }
}
@media (min-width: 720.1px) and (max-width: 1080px) {
  main article .field-page-modules .field-history-element:nth-child(even) .col.text {
    margin-right: 0;
  }
}
@media (max-width: 720px) {
  main article .field-page-modules .field-history-element:nth-child(even) .col.text {
    margin-left: 0;
    margin-right: 2rem;
  }
}
@media (min-width: 720.1px) and (max-width: 1080px) {
  main article .field-page-modules .field-history-element:nth-child(odd) .col.text {
    margin-left: 0;
  }
}
@media (max-width: 720px) {
  main article .field-page-modules .field-history-element:nth-child(odd) .col.text {
    margin-right: 0;
    margin-left: 2rem;
  }
}
main article .field-page-modules .field-history-element:nth-child(4n+1), main article .field-page-modules .field-history-element:nth-child(4n+3) {
  flex-direction: row-reverse;
}
@media (min-width: 720.1px) and (max-width: 1080px) {
  main article .field-page-modules .field-history-element:nth-child(4n+1), main article .field-page-modules .field-history-element:nth-child(4n+3) {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}
@media (max-width: 720px) {
  main article .field-page-modules .field-history-element:nth-child(4n+1), main article .field-page-modules .field-history-element:nth-child(4n+3) {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}
main article .field-page-modules .field-history-element:nth-child(4n+1), main article .field-page-modules .field-history-element:nth-child(4n+3) {
  text-align: right;
}

.field-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: calc(var(--p-lh)) 0;
}
.field-links:last-child {
  margin-bottom: 0;
}
.field-links a {
  display: block;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: 0 0 0 var(--line-thickness) var(--b);
  color: inherit;
  font-size: inherit;
  line-height: 1em;
  text-transform: inherit;
  text-align: center;
  white-space: nowrap;
  text-decoration: none !important;
  text-transform: uppercase;
  letter-spacing: 0.066em;
  cursor: pointer;
}
.field-links a:hover, .field-links a:focus {
  border-color: transparent;
}
.field-links a:active {
  box-shadow: inset 0 0 0 var(--line-thickness) var(--b);
  color: var(--w);
  background: var(--b);
}
.field-links a .deactivated {
  opacity: 0.15;
  pointer-events: none;
}
.field-links a a[href] {
  text-decoration: none;
}
.field-links a {
  padding: 0.25rem 1rem 0.35em;
  border-radius: 2em;
  font-size: var(--p-fs);
  line-height: 1em;
  margin-top: calc(var(--p-lh) * 0.5);
}

main.search .search-form {
  display: none;
}
main.search .search-form + h2 {
  display: none;
}

#akstarfield {
  top: 0 !important;
  left: 0 !important;
  position: fixed !important;
  z-index: 100 !important;
  width: 100vw !important;
  height: 100vh !important;
  overflow: hidden !important;
}

#system4xx {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  font-size: 16px !important;
  line-height: 1.25em !important;
  font-family: "IBM Plex Sans", Helvetica, Arial, sans-serif !important;
  vertical-align: baseline !important;
  display: flex !important;
  flex-flow: column nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  top: 0 !important;
  left: 0 !important;
  position: fixed !important;
  z-index: 1000 !important;
  width: 100vw !important;
  height: 100vh !important;
  overflow: hidden !important;
  font-family: "IBM Plex Sans", Helvetica, Arial, sans-serif !important;
  color: white !important;
  background: transparent !important;
}
#system4xx > * {
  flex: 0 1 auto !important;
  height: auto !important;
}

#system4xx, #system4xx * {
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  font-family: "IBM Plex Sans", Helvetica, Arial, sans-serif !important;
  background: transparent !important;
  color: white !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 1em !important;
}
#system4xx h1, #system4xx * h1 {
  padding: 0.5em !important;
  display: block !important;
  color: white !important;
  font-size: 4em !important;
  line-height: 1.25em !important;
  font-weight: bold !important;
  text-align: center !important;
  text-transform: uppercase !important;
  margin: 0 0 0.5em !important;
  padding: 0.25em !important;
}
#system4xx h1 + h5, #system4xx * h1 + h5 {
  margin-bottom: 2em !important;
  font-weight: normal !important;
}
#system4xx button.system4xx-back, #system4xx * button.system4xx-back {
  margin: 2em 0 0 0 !important;
  background: transparent !important;
  border: 1px solid white !important;
  font-family: "IBM Plex Sans", Helvetica, Arial, sans-serif !important;
  cursor: pointer !important;
  padding: 0 !important;
  border-color: white !important;
}
#system4xx button.system4xx-back a, #system4xx * button.system4xx-back a {
  color: white !important;
  font-size: 1em !important;
  line-height: 1.25em !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  text-decoration: none !important;
  padding: 1em 1.25em !important;
  display: block !important;
}
#system4xx button.system4xx-back:hover, #system4xx button.system4xx-back:active, #system4xx * button.system4xx-back:hover, #system4xx * button.system4xx-back:active {
  background: white !important;
}
#system4xx button.system4xx-back:hover a, #system4xx button.system4xx-back:active a, #system4xx * button.system4xx-back:hover a, #system4xx * button.system4xx-back:active a {
  color: black !important;
}
/*# sourceMappingURL=app.css.map */