@charset "UTF-8";
/* ------------ sanitize */
/*! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */
*,
::after,
::before {
  background-repeat: no-repeat;
  box-sizing: inherit;
}
::after,
::before {
  text-decoration: inherit;
  vertical-align: inherit;
}
html {
  box-sizing: border-box;
  cursor: default;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
body {
  margin: 0;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
figcaption,
figure,
main {
  display: block;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
nav ol,
nav ul {
  list-style: none;
}
pre {
  font-family: monospace,monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace,monospace;
  font-size: 1em;
}
dfn {
  font-style: italic;
}
mark {
  background-color: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
::-moz-selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none;
}
::selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none;
}
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
audio,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
img {
  border-style: none;
}
svg {
  fill: currentColor;
}
svg:not(:root) {
  overflow: hidden;
}
table {
  border-collapse: collapse;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
}
button,
input,
select,
textarea {
  background-color: transparent;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[type=reset],
[type=submit],
button,
html [type=button] {
  -webkit-appearance: button;
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  display: inline-block;
  vertical-align: baseline;
}
textarea {
  overflow: auto;
  resize: vertical;
}
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details,
menu {
  display: block;
}
summary {
  display: list-item;
}
canvas {
  display: inline-block;
}
template {
  display: none;
}
[tabindex],
a,
area,
button,
input,
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
[hidden] {
  display: none;
}
[aria-busy=true] {
  cursor: progress;
}
[aria-controls] {
  cursor: pointer;
}
[aria-hidden=false][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  display: inherit;
  position: absolute;
}
[aria-disabled] {
  cursor: default;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
/**
 * Swiper 11.2.8
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 23, 2025
 */
/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
}
:host {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}
.swiper {
  display: block;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  box-sizing: initial;
  display: flex;
  height: 100%;
  position: relative;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  width: 100%;
  z-index: 1;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  display: block;
  flex-shrink: 0;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-slides-offset-before);
  scroll-margin-inline-start: var(--swiper-slides-offset-before);
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:last-child {
  margin-inline-end: var(--swiper-slides-offset-after);
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-slides-offset-before);
  scroll-margin-block-start: var(--swiper-slides-offset-before);
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:last-child {
  margin-block-end: var(--swiper-slides-offset-after);
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  height: var(--swiper-centered-offset-after);
  min-width: 1px;
  width: 100%;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: #00000026;
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(180deg, #00000080, #0000);
}
.swiper-lazy-preloader {
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top: 4px solid #0000;
  box-sizing: border-box;
  height: 42px;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
  position: absolute;
  top: 50%;
  transform-origin: 50%;
  width: 42px;
  z-index: 10;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s linear infinite;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
  height: var(--swiper-virtual-size);
  width: 1px;
}
:root {
  --swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
  align-items: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  cursor: pointer;
  display: flex;
  height: var(--swiper-navigation-size);
  justify-content: center;
  position: absolute;
  width: var(--swiper-navigation-size);
  z-index: 10;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  cursor: auto;
  opacity: 0.35;
  pointer-events: none;
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  cursor: auto;
  opacity: 0;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}
.swiper-button-next svg,
.swiper-button-prev svg {
  height: 100%;
  object-fit: contain;
  transform-origin: center;
  width: 100%;
  fill: currentColor;
  pointer-events: none;
}
.swiper-button-lock {
  display: none;
}
.swiper-button-next,
.swiper-button-prev {
  margin-top: calc(0px - var(--swiper-navigation-size)/2);
  top: var(--swiper-navigation-top-offset, 50%);
}
.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
}
.swiper-button-prev .swiper-navigation-icon {
  transform: rotate(180deg);
}
.swiper-button-next {
  left: auto;
  right: var(--swiper-navigation-sides-offset, 4px);
}
.swiper-horizontal .swiper-button-next,
.swiper-horizontal .swiper-button-prev,
.swiper-horizontal ~ .swiper-button-next,
.swiper-horizontal ~ .swiper-button-prev {
  margin-left: 0;
  margin-top: calc(0px - var(--swiper-navigation-size)/2);
  top: var(--swiper-navigation-top-offset, 50%);
}
.swiper-horizontal.swiper-rtl .swiper-button-next,
.swiper-horizontal.swiper-rtl ~ .swiper-button-next,
.swiper-horizontal ~ .swiper-button-prev,
.swiper-horizontal .swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
}
.swiper-horizontal.swiper-rtl .swiper-button-prev,
.swiper-horizontal.swiper-rtl ~ .swiper-button-prev,
.swiper-horizontal ~ .swiper-button-next,
.swiper-horizontal .swiper-button-next {
  left: auto;
  right: var(--swiper-navigation-sides-offset, 4px);
}
.swiper-horizontal.swiper-rtl .swiper-button-next .swiper-navigation-icon,
.swiper-horizontal.swiper-rtl ~ .swiper-button-next .swiper-navigation-icon,
.swiper-horizontal ~ .swiper-button-prev .swiper-navigation-icon,
.swiper-horizontal .swiper-button-prev .swiper-navigation-icon {
  transform: rotate(180deg);
}
.swiper-horizontal.swiper-rtl .swiper-button-prev .swiper-navigation-icon,
.swiper-horizontal.swiper-rtl ~ .swiper-button-prev .swiper-navigation-icon {
  transform: rotate(0deg);
}
.swiper-vertical .swiper-button-next,
.swiper-vertical .swiper-button-prev,
.swiper-vertical ~ .swiper-button-next,
.swiper-vertical ~ .swiper-button-prev {
  left: var(--swiper-navigation-top-offset, 50%);
  margin-left: calc(0px - var(--swiper-navigation-size)/2);
  margin-top: 0;
  right: auto;
}
.swiper-vertical .swiper-button-prev,
.swiper-vertical ~ .swiper-button-prev {
  bottom: auto;
  top: var(--swiper-navigation-sides-offset, 4px);
}
.swiper-vertical .swiper-button-prev .swiper-navigation-icon,
.swiper-vertical ~ .swiper-button-prev .swiper-navigation-icon {
  transform: rotate(-90deg);
}
.swiper-vertical .swiper-button-next,
.swiper-vertical ~ .swiper-button-next {
  bottom: var(--swiper-navigation-sides-offset, 4px);
  top: auto;
}
.swiper-vertical .swiper-button-next .swiper-navigation-icon,
.swiper-vertical ~ .swiper-button-next .swiper-navigation-icon {
  transform: rotate(90deg);
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transform: translateZ(0);
  transition: opacity 0.3s;
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination.swiper-pagination-disabled,
.swiper-pagination-disabled > .swiper-pagination {
  display: none !important;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  left: 0;
  top: var(--swiper-pagination-top, auto);
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  font-size: 0;
  overflow: hidden;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  display: inline-block;
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
}
button.swiper-pagination-bullet {
  appearance: none;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  opacity: var(--swiper-pagination-bullet-opacity, 1);
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  left: var(--swiper-pagination-left, auto);
  right: var(--swiper-pagination-right, 8px);
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  display: block;
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: transform 0.2s, top 0.2s;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform 0.2s, left 0.2s;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform 0.2s, right 0.2s;
}
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, #00000040);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0);
  transform-origin: left top;
  width: 100%;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
  width: 100%;
}
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar {
  height: 100%;
  left: 0;
  top: 0;
  width: var(--swiper-pagination-progressbar-size, 4px);
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  background: var(--swiper-scrollbar-bg-color, #0000001a);
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
}
.swiper-scrollbar.swiper-scrollbar-disabled,
.swiper-scrollbar-disabled > .swiper-scrollbar {
  display: none !important;
}
.swiper-scrollbar.swiper-scrollbar-horizontal,
.swiper-horizontal > .swiper-scrollbar {
  bottom: var(--swiper-scrollbar-bottom, 4px);
  height: var(--swiper-scrollbar-size, 4px);
  left: var(--swiper-scrollbar-sides-offset, 1%);
  position: absolute;
  top: var(--swiper-scrollbar-top, auto);
  width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
  z-index: 50;
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
  left: var(--swiper-scrollbar-left, auto);
  position: absolute;
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  width: var(--swiper-scrollbar-size, 4px);
  z-index: 50;
}
.swiper-scrollbar-drag {
  background: var(--swiper-scrollbar-drag-bg-color, #00000080);
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  height: 100%;
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  text-align: center;
  width: 100%;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}
.swiper .swiper-notification {
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
  margin: 0 auto;
  transition-timing-function: ease-out;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-direction: column;
  flex-wrap: wrap;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper.swiper-cube {
  overflow: visible;
}
.swiper-cube .swiper-slide {
  backface-visibility: hidden;
  height: 100%;
  pointer-events: none;
  transform-origin: 0 0;
  visibility: hidden;
  width: 100%;
  z-index: 1;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
  bottom: 0;
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  width: 100%;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
  background: #000;
  bottom: 0;
  content: "";
  filter: blur(50px);
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  backface-visibility: hidden;
  z-index: 0;
}
.swiper.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
  backface-visibility: hidden;
  pointer-events: none;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  backface-visibility: hidden;
  z-index: 0;
}
.swiper-creative .swiper-slide {
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}
.swiper.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  backface-visibility: hidden;
  overflow: hidden;
  transform-origin: center bottom;
}
/* ---------------------------------------------------------------------------------- */
/* sofa modifications */
/* ---------------------------------------------------------------------------------- */
.swiper .sf-swiper-textoverlay-text h1 {
  margin-bottom: calc(var(--margin) / 4);
}
.swiper .sf-swiper-textoverlay-text h2 {
  margin-bottom: 0.2em;
}
.swiper .sf-swiper-textoverlay-text h3 {
  margin-bottom: 0.1em;
}
.swiper .sf-swiper-textoverlay-text h4 {
  margin-bottom: 0;
}
.swiper,
.swiper-wrapper,
.swiper-slide {
  position: relative;
  height: auto;
}
.swiper-linear .swiper-wrapper {
  -webkit-transition-timing-function: linear!important;
  -o-transition-timing-function: linear!important;
  transition-timing-function: linear!important;
}
.touch-icon .swiper-slide {
  cursor: grab;
}
.touch-icon .swiper-slide:active {
  cursor: grabbing;
}
.swiper-slide .container-wrapper {
  width: 100%;
  display: flex;
}
/* Vertikal */
.swiper-slide .container-wrapper.bottom {
  align-items: flex-end;
}
.swiper-slide .container-wrapper.vertical-center {
  align-items: center;
}
/* Horizontal LTR */
.swiper-slide .container-wrapper.left {
  justify-content: flex-start;
}
.swiper-slide .container-wrapper.center {
  justify-content: center;
}
.swiper-slide .container-wrapper.right {
  justify-content: flex-end;
}
/* Horizontal RTL – visuell gleich lassen (left bleibt links, right bleibt rechts) */
.swiper-rtl .swiper-slide .container-wrapper.left {
  justify-content: flex-start;
}
.swiper-rtl .swiper-slide .container-wrapper.right {
  justify-content: flex-end;
}
.swiper-rtl .swiper-slide .container-wrapper {
  direction: ltr;
}
/* overlay colors */
.swiper .overlay-black {
  background: linear-gradient(70deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 70%);
}
.swiper .overlay-white {
  background: linear-gradient(70deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 70%);
}
.swiper .overlay-colored {
  background: linear-gradient(70deg, rgba(30, 156, 216, 0.6) 0%, rgba(30, 156, 216, 0) 70%);
}
/* dots */
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--padding);
  width: 70%;
  left: 15%;
}
.swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}
.swiper-pagination-bullet {
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 0.5rem;
  opacity: 1;
  background: var(--swiper-dot-inactive);
  transition: width 0.3s ease, height 0.3s ease, border-radius 0.3s ease, background-color 0.3s ease;
}
.swiper-pagination-bullet-active {
  width: 2.7rem;
  height: 0.7rem;
  border-radius: 0.7rem;
  opacity: 1;
  background: var(--swiper-theme-color);
}
/* buttons */
.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 150%;
}
/*
.swiper-button-next{
	left: auto; 
	right: clamp(0px,5vw,20px);
}
.swiper-button-prev {
	left: clamp(0px,5vw,20px);
	right: auto;
}
*/
/* size + overlay */
.swiper-slide img {
  position: absolute;
  width: 100%;
  height: calc(100% + 1px);
  object-fit: cover;
  box-sizing: border-box;
}
.sf-swiper-textoverlay {
  position: absolute;
  top: 0;
  display: flex;
  width: 100%;
  height: 100%;
  z-index: 2;
}
div.sf-swiper-textoverlay-text {
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  transform: translateX(0);
  opacity: 1;
}
/* text animation delay */
.sf-pull-to-right {
  transform: translateX(50vw);
  opacity: 0;
}
.sf-pull-to-left {
  transform: translateX(-50vw);
  opacity: 0;
}
.sf-force-hide {
  -o-transition: all 0s ease-in-out;
  -ms-transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
  -webkit-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}
/* video */
.swiper-slide video {
  width: 100%;
  height: calc(100% + 1px);
  /* Safari Pixel Bug, den ich auch im Chrome habe */
  object-fit: cover;
  display: block;
  z-index: 1;
  /* Video festnageln gegen Geflacker im Safari/iOS */
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* */
@media only screen and (max-width: 555px) {
  .sf-swiper-image-landscape {
    display: none;
  }
  .sf-swiper-image-portrait {
    display: block;
  }
  .swiper-button-next {
    left: auto;
    right: var(--swiper-navigation-sides-offset-mobile);
  }
  .swiper-button-prev {
    left: var(--swiper-navigation-sides-offset-mobile);
    right: auto;
  }
}
/* NUR im Auto-Modus: Slides dürfen nicht 100% breit sein */
.swiper.is-spv-auto .swiper-slide {
  width: auto !important;
  flex-shrink: 0;
}
/* Optional sinnvoll für Logos */
.swiper.is-spv-auto .swiper-slide img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
}
/* ------------ custom settings ------------ */
:root {
  --hyphenation: manual;
  --site-max-width: 1350px;
  --container-width: min(90%, 1350px);
  --container-small-width: min(70%, 1200px);
  --grid-gap: clamp(10px, calc(40/1350*100vw), 40px);
  --margin: clamp(40px, calc(100/1350*100vw), 100px);
  /* vorher 40 / 80 / 80 */
  --padding: clamp(20px, calc(40/1350*100vw), 40px);
  --padding-overlay: calc(var(--padding) * 1);
  --radius: 20px;
  --radius-button: 5px;
  --radius-dynamic-content: 10px;
  --radius-team-content: 10px;
  --animation-move-text-distance: 30px;
  --animation-move-text-speed: 0.5s;
  --animation-move-block-distance: 30px;
  --animation-move-block-speed: 0.3s;
  --swiper-theme-color: #CD2015;
  --swiper-dot-inactive: #E5E5DF;
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  --swiper-navigation-size: 2rem;
  --swiper-navigation-sides-offset: calc(var(--padding) / 4);
  --swiper-navigation-sides-offset-mobile: 0;
  --swiper-navigation-top-offset: calc(50% - var(--swiper-navigation-size) / 2);
  --swiper-pagination-bullet-horizontal-gap: 5px;
}
:root,
.sf-light-mode {
  --col-default-font: black;
  --col-headline-font: #009EE3;
  --col-preheadline-font: #C7D316;
  --col-link: currentColor;
  --col-link-hover: #CD2015;
  --col-footer: #C0A159;
  --col-footer-link: white;
  --col-footer-link-hover: white;
  --col-logo: #CD2015;
  --col-logo-mobile-overlay: white;
  --col-logo-not-top: #CD2015;
  --col-website-background-top: #fff;
  --col-website-background-not-top: #000;
  /* Navigation */
  --col-navigation-background-color-top: rgba(255, 255, 255, 0);
  --col-navigation-background-color-not-top: rgba(255, 255, 255, 0.95);
  --col-navigation-color-top: black;
  --col-navigation-color-top-hover: #C0A159;
  --col-navigation-color-not-top: black;
  --col-navigation-color-not-top-hover: #C0A159;
  /* Subnavigation */
  --col-subnavigation-color: white;
  --col-subnavigation-color-hover: black;
  --col-subnavigation-color-active: white;
  --col-subnavigation-background: #C0A159;
  /* Mobile Navigation */
  --col-mobile-navigation-color: white;
  --col-mobile-navigation-color-hover: black;
  --col-mobile-navigation-color-active: white;
  --col-mobile-subnavigation-color: white;
  --col-mobile-subnavigation-color-active: white;
  --col-mobile-subnavigation-color-hover: black;
  --col-mobile-navigation-background: #C0A159;
  /* */
  --col-lightgrey: #E5E5DF;
  --col-darkgrey: #34444B;
  --col-selected: #CD2015;
  --col-image-overlay-start: #f7392b;
  --col-image-overlay-end: #140069;
  --col-button: #CD2015;
  --col-button-hover: #f01d0f;
  --col-button-selected: #CD2015;
  --col-button-inactive: #b3c0c7;
  --col-button-font: white;
  --col-button-font-hover: white;
  --col-button-font-selected: white;
  --col-button-font-inactive: #787878;
  --col-light-dark-mode-top: #787878;
  --col-light-dark-mode-not-top: #787878;
  --col-light-dark-mode-background-color: #ffffff;
}
.sf-dark-mode {
  --col-default-font: white;
  --col-headline-font: white;
  --col-preheadline-font: #CD2015;
  --col-link: white;
  --col-link-hover: #CD2015;
  --col-footer: rgba(52, 68, 75, 0.2);
  --col-footer-link: #ffffff;
  --col-footer-link-hover: #CD2015;
  --col-logo: #CD2015;
  --col-logo-mobile-overlay: white;
  --col-logo-not-top: #CD2015;
  --col-website-background-top: #009EE3;
  --col-website-background-not-top: #34444B;
  --col-navigation-background-color-top: rgba(0, 0, 0, 0);
  --col-navigation-background-color-not-top: rgba(0, 0, 0, 0.7);
  --col-navigation-color-top: #white;
  --col-navigation-color-top-hover: yellow;
  --col-navigation-color-not-top: white;
  --col-navigation-color-not-top-hover: yellow;
  --col-subnavigation-color: white;
  --col-subnavigation-color-hover: black;
  --col-subnavigation-color-active: white;
  --col-subnavigation-background: #009EE3;
  --col-lightgrey: #E5E5DF;
  --col-darkgrey: #34444B;
  --col-selected: #CD2015;
  --col-image-overlay-start: #f7392b;
  --col-image-overlay-end: #140069;
  --col-button: #CD2015;
  --col-button-hover: #f01d0f;
  --col-button-selected: #CD2015;
  --col-button-inactive: #b3c0c7;
  --col-button-font: white;
  --col-button-font-hover: white;
  --col-button-font-selected: white;
  --col-button-font-inactive: #787878;
  --col-light-dark-mode-top: white;
  --col-light-dark-mode-not-top: white;
  --col-light-dark-mode-background-color: #000000;
}
/* ------------ */
.col_1h > *,
.col_2h > *,
.col_3h > * {
  position: relative;
}
.col_1h > *::before,
.col_2h > *::before,
.col_3h > *::before {
  content: "→";
  font-family: "icon-font";
  font-size: clamp(22px, calc(30/1350*100vw), 30px);
  position: absolute;
  top: calc(var(--padding) + 0.1em);
  left: 4em;
  /*width: 0;
						height: 0;
						/*
						border-bottom: 15px solid transparent;
						border-top: 15px solid transparent;
						border-left: 20px solid var(--col-button);
						*/
}
hr {
  height: 0.5px;
  margin: 0;
  border: none;
  background: black;
  margin-bottom: 1em;
}
hr.negative,
.sf-dark-mode hr {
  background: white;
}
/* filter category label + color */
.sf-filter-item-container:has(.sf-category-label) {
  display: inline-block;
}
.sf-button.sf-filter-item {
  color: white;
  background: var(--col-button-inactive);
}
.sf-button.sf-filter-item.active {
  background: var(--col-button-selected);
}
/* ------------ */
html {
  overflow-x: hidden;
}
body {
  width: 100%;
  min-height: 100vh;
  -webkit-backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  font-family: "base-font", sans-serif;
  font-weight: 300;
  margin: 0;
  hyphens: var(--hyphenation);
  color: var(--col-default-font);
  overflow-x: clip;
  display: flex;
  flex-direction: column;
}
.body-top {
  background-color: linear-gradient(to top, white 100%, var(--col-website-background-top) 100%), var(--col-website-background-top);
}
.body-not-top {
  background-color: linear-gradient(to bottom, white 100%, var(--col-website-background-not-top) 100%), var(--col-website-background-not-top);
}
.isNotLive {
  background: repeating-linear-gradient(45deg, rgba(255, 0, 0, 0.1), rgba(255, 0, 0, 0.1) 10px, transparent 10px, transparent 20px);
}
/*
body::-webkit-scrollbar{
					width: 8px;
					border-left: 1px solid #eee;
					}
body::-webkit-scrollbar-thumb{
					background-color: #dedede;
					border-radius: 10px;
					border-left: 1px solid #eee;
					}
*/
.prevent_scrolling {
  margin: 0;
  height: 100%;
  overflow: hidden;
}
#sf-frontend {
  /*opacity: 0;
					transition: opacity .2s linear;*/
}
.sf-light-mode {
  background-color: white;
  transition: background-color 0.4s linear;
}
.sf-dark-mode {
  background-color: grey;
  transition: background-color 0.4s linear;
}
/* ---------------- colors */
.default-text-color {
  color: var(--col-default-font);
}
.white,
.white a {
  color: white;
}
.colored {
  color: #1E9CD8;
}
.red {
  color: #E40615;
}
.grey {
  color: #999999;
}
.darkgrey {
  color: var(--col-darkgrey);
}
.cyan {
  color: #009EE3;
}
.pink {
  color: #E52A7E;
}
.yellow {
  color: #FFEC00;
}
.highlight {
  color: #aacd28;
}
.warning {
  color: #E40615;
}
/* ---------------- background colors */
.bg {
  background-color: rgba(0, 0, 0, 0.1);
}
.bg-white {
  background-color: white;
}
.bg-lightgrey {
  background-color: #3b4347;
}
.bg-grey {
  background-color: #3b4347;
}
/* ---------------- grid layout */
.flex {
  display: flex;
  flex-direction: column;
}
.grid {
  display: grid;
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-gap);
  position: relative;
}
.no-grid-gap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
.grid-gap {
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-gap);
}
.grid-gap-l {
  grid-column-gap: calc(var(--grid-gap) * 3);
  grid-row-gap: calc(var(--grid-gap) * 3);
}
.no-row-grid-gap {
  grid-row-gap: 0px;
}
.col_1 {
  grid-template-columns: 1fr;
}
.col_2 {
  grid-template-columns: 1fr 1fr;
}
.col_3 {
  grid-template-columns: repeat(3, 1fr);
}
.col_4 {
  grid-template-columns: repeat(4, 1fr);
}
.col_5 {
  grid-template-columns: repeat(5, 1fr);
}
.col_6 {
  grid-template-columns: repeat(6, 1fr);
}
.col_1_2 {
  grid-template-columns: 1fr 1fr 1fr;
}
.col_1_2 > div:nth-of-type(even) {
  grid-column: 2 / span 2;
}
.col_2_1 {
  grid-template-columns: 1fr 1fr 1fr;
}
.col_2_1 > div:nth-of-type(odd) {
  grid-column: 1 / span 2;
}
.col_3_1 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.col_3_1 > div:nth-of-type(odd) {
  grid-column: 1 / span 3;
}
.col_3_1 > div:nth-of-type(even) {
  grid-column: 4;
}
.col_1_3 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.col_1_3 > div:nth-of-type(odd) {
  grid-column: 1 / span 1;
}
.col_1_3 > div:nth-of-type(even) {
  grid-column: 2 / span 3;
}
.col_hybrid_2 {
  grid-template-columns: repeat(2, 1fr);
}
.col_hybrid_2 > *:nth-child(3n) {
  grid-column: 1 / -1;
  aspect-ratio: 2/1;
}
.col_hybrid_2 > *:nth-child(3n) .overview-image {
  aspect-ratio: 2/1 !important;
}
.col_hybrid_3 {
  grid-template-columns: repeat(3, 1fr);
}
.col_hybrid_3 > *:nth-child(4n) {
  grid-column: 1 / -1;
  aspect-ratio: 2/1;
}
.col_hybrid_3 > *:nth-child(4n) .overview-image {
  aspect-ratio: 2/1 !important;
}
.col_hybrid_4 {
  grid-template-columns: repeat(4, 1fr);
}
.col_hybrid_4 > *:nth-child(6n-1),
.col_hybrid_4 > *:nth-child(6n) {
  grid-column: span 2;
  aspect-ratio: 2/1;
}
.col_hybrid_4 > *:nth-child(6n-1) .overview-image,
.col_hybrid_4 > *:nth-child(6n) .overview-image {
  aspect-ratio: 2/1 !important;
}
.col_1_auto {
  grid-template-columns: 1fr auto;
}
.col_auto_1 {
  grid-template-columns: auto 1fr;
}
.col_1_auto_1 {
  grid-template-columns: 1fr auto 1fr;
}
.col_2_1_1 {
  grid-template-columns: calc((100% - var(--grid-gap)) / 2) calc((100% - 3 * var(--grid-gap)) / 4) calc((100% - 3 * var(--grid-gap)) / 4);
}
.col_1_1_2 {
  grid-template-columns: calc((100% - 3 * var(--grid-gap)) / 4) calc((100% - 3 * var(--grid-gap)) / 4) calc((100% - var(--grid-gap)) / 2);
}
.col_20_80 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.col_20_80 > div:nth-of-type(1) {
  grid-column: 1 / span 2;
}
.col_20_80 > div:nth-of-type(2) {
  grid-column: 3 / span 8;
}
.col_20_60_20 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.col_20_60_20 > div:nth-of-type(1) {
  grid-column: 1 / span 2;
}
.col_20_60_20 > div:nth-of-type(2) {
  grid-column: 3 / span 6;
}
.col_20_60_20 > div:nth-of-type(3) {
  grid-column: 9 / span 2;
}
.col_50_30_20 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.col_50_30_20 > div:nth-of-type(1) {
  grid-column: 1 / span 5;
}
.col_50_30_20 > div:nth-of-type(2) {
  grid-column: 6 / span 3;
}
.col_50_30_20 > div:nth-of-type(3) {
  grid-column: 9 / span 2;
}
.col_20_30_50 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.col_20_30_50 > div:nth-of-type(1) {
  grid-column: 1 / span 2;
}
.col_20_30_50 > div:nth-of-type(2) {
  grid-column: 3 / span 3;
}
.col_20_30_50 > div:nth-of-type(3) {
  grid-column: 6 / span 5;
}
.col_1h {
  --visible: 1.06;
}
.col_2h {
  --visible: 2.12;
}
.col_3h {
  --visible: 3.18;
}
.col_1h,
.col_2h,
.col_3h {
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - (var(--grid-gap) * (var(--visible) - 1))) / var(--visible));
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: inline mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  scroll-behavior: smooth;
  scrollbar-gutter: stable;
}
.col_1h::-webkit-scrollbar,
.col_2h::-webkit-scrollbar,
.col_3h::-webkit-scrollbar {
  display: none;
}
.col_1h > *,
.col_2h > *,
.col_3h > * {
  scroll-snap-align: start;
  scroll-snap-stop: always;
}
.col_xh {
  display: flex;
  gap: var(--grid-gap);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  align-items: stretch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.col_xh::-webkit-scrollbar {
  display: none;
}
.col_xh > * {
  flex: 0 0 auto;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  max-width: 100%;
}
.hscroller {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable both-edges;
}
.hscroller:focus,
.hscroller:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
.hstrip-controls {
  display: flex;
  gap: 1em;
  justify-content: center;
  /* oder center/space-between */
  margin-top: 1rem;
}
.hstrip-btn {
  width: 2em;
  height: 2em;
  font-size: 1em;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: var(--radius-button);
  cursor: pointer;
  color: var(--col-button-font);
  background: var(--col-button);
}
.hstrip-btn:hover {
  color: var(--col-button-font);
  background: var(--col-button-hover);
}
.hstrip-btn:disabled {
  cursor: default;
  color: var(--col-button-font-inactive);
  background: var(--col-button-inactive);
}
@media (prefers-reduced-motion: reduce) {
  .hscroller {
    scroll-behavior: auto;
  }
}
/* ---------------- layout container */
.fullwidth {
  /*width: 100%;*/
}
.fullwidth-padding {
  margin-left: var(--grid-gap);
  margin-right: var(--grid-gap);
}
.fullheight {
  height: 100vh;
  height: 100dvh;
  display: grid;
  align-items: center;
  overflow: hidden;
}
.fullheight-max {
  max-height: 100vh;
  max-height: 100dvh;
  overflow: hidden;
}
.container,
.container-small {
  width: var(--container-width);
  max-width: var(--site-max-width);
  margin: 0 auto;
}
.container-small {
  width: var(--container-small-width);
  /*max-width: var(--container-small-width);*/
}
.content-block {
  position: relative;
  z-index: 1;
}
.bg-media {
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: 0;
  pointer-events: none;
}
.bg-media .bg-media-asset {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.text-container {
  position: relative;
  z-index: 1;
}
.media-container {
  position: relative;
  display: grid;
}
figure {
  margin: 0;
  padding: 0;
}
td,
th {
  vertical-align: top;
}
.control-output {
  grid-gap: 0px;
  font-size: 14px;
  margin-bottom: 1em;
  background: #ffdede;
}
.control-output div {
  border-bottom: 1px solid #ffb4b4;
  padding: 0 10px;
}
/* ---------------- margin */
.margin-bottom-grid {
  margin-bottom: var(--grid-gap);
}
.margin-bottom-s {
  margin-bottom: calc(var(--margin) / 2);
}
.margin-bottom {
  margin-bottom: var(--margin);
}
.margin-bottom-l {
  margin-bottom: calc(var(--margin) * 2);
}
.margin-bottom-xl {
  margin-bottom: calc(var(--margin) * 3);
}
.margin-top-grid {
  margin-top: var(--grid-gap);
}
.margin-top-s {
  margin-top: calc(var(--margin) / 2);
}
.margin-top {
  margin-top: var(--margin);
}
.margin-top-l {
  margin-top: calc(var(--margin) * 2);
}
.margin-top-xl {
  margin-top: calc(var(--margin) * 3);
}
.no_margin {
  margin: 0;
}
.no_vertical_margin {
  margin-top: 0;
  margin-bottom: 0;
}
/* ---------------- padding */
.padding-overlay {
  padding: var(--padding-overlay);
}
.padding-logo-slider {
  padding: calc(var(--padding) / 1.5);
}
.padding-s {
  padding: calc(var(--padding) / 2);
}
.padding {
  padding: var(--padding);
}
.padding-l {
  padding: calc(var(--padding) * 2);
}
.padding-xl {
  padding: calc(var(--padding) * 3);
}
.padding-vertical {
  padding-top: var(--padding);
  padding-bottom: var(--padding);
}
.padding-vertical-l {
  padding-top: calc(var(--padding) * 2);
  padding-bottom: calc(var(--padding) * 2);
}
.padding-vertical-xl {
  padding-top: calc(var(--padding) * 3);
  padding-bottom: calc(var(--padding) * 3);
}
.padding-top-s {
  padding-top: calc(var(--padding) / 2);
}
.padding-top {
  padding-top: var(--padding);
}
.padding-top-l {
  padding-top: calc(var(--padding) * 2);
}
.padding-top-xl {
  padding-top: calc(var(--padding) * 3);
}
.padding-bottom-s {
  padding-bottom: calc(var(--padding) / 2) !important;
}
.padding-bottom {
  padding-bottom: var(--padding);
}
.padding-bottom-l {
  padding-bottom: calc(var(--padding) * 2);
}
.padding-bottom-xl {
  padding-bottom: calc(var(--padding) * 3);
}
.no-padding {
  padding: 0px;
}
.no-top-padding {
  padding-top: 0px;
}
.no-bottom-padding {
  padding-bottom: 0px;
  overflow-y: clip;
}
.no-horizontal-padding {
  padding-left: 0;
  padding-right: 0;
}
.vertical-padding-l {
  padding-top: calc(var(--padding) * 2);
  padding-bottom: calc(var(--padding) * 2);
  background: red;
}
.vertical-padding-xl {
  padding-top: calc(var(--padding) * 3);
  padding-bottom: calc(var(--padding) * 3);
  background: red;
}
.padding-vertical-l {
  padding-top: calc(var(--padding) * 2);
  padding-bottom: calc(var(--padding) * 2);
}
.padding-vertical-xl {
  padding-top: calc(var(--padding) * 3);
  padding-bottom: calc(var(--padding) * 3);
}
/* ---------------- general styling */
.dropshadow {
  filter: drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.2));
}
.circle-image {
  border-radius: 50%;
  aspect-ratio: 1/1;
}
.border-radius {
  border-radius: var(--radius);
  overflow: hidden;
}
.overflow-visible {
  overflow: visible !important;
}
.hidden {
  display: none;
}
.sf-sticky {
  position: sticky !important;
}
.vertical_align_top,
.vertical-align-top {
  align-content: start;
  display: grid;
}
.vertical_align_middle,
.vertical-align-middle {
  align-content: center;
  display: grid;
}
.vertical_align_bottom,
.vertical-align-bottom {
  align-content: end;
  display: grid;
}
.vertical_align_middle .caption,
.vertical-align-middle .caption,
.vertical_align_bottom .caption,
.vertical-align-bottom .caption {
  margin-bottom: 0;
}
.caption-overlay {
  position: absolute;
  bottom: calc(var(--padding) / 2);
  left: calc(var(--padding) / 2);
  color: white;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
  text-align: left;
  max-width: 60%;
  z-index: 2;
  margin-top: 0;
}
.image-figure {
  display: grid;
  grid-template-rows: 1fr auto;
}
.horizontal_align_left {
  justify-self: start;
  display: grid;
}
.horizontal_align_right {
  justify-self: end;
  display: grid;
}
.horizontal_align_center {
  justify-self: center;
  display: grid;
}
/* ---------------- content block */
.focus-point {
  position: absolute;
  font-family: "icon-font";
  font-size: 200%;
  color: red;
}
.pointer {
  cursor: pointer;
}
.no-pointer-events {
  pointer-events: none;
}
.text-image-overlay {
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: var(--padding-overlay);
  overflow-y: scroll;
}
.text-align-overlay-vertical-center {
  justify-content: center;
}
.text-align-overlay-bottom {
  justify-content: end;
}
.text-align-overlay-right {
  align-self: end;
}
.text-align-overlay-center {
  align-self: center;
}
.bg-media {
  position: absolute;
  inset: 0;
  background: aqua;
  width: 100%;
  height: 100%;
}
.desktop-image {
  display: block;
}
.mobile-image {
  display: none;
}
@media screen and (max-width: 555px) {
  .content-block-image-wrapper {
    height: auto;
  }
  .content-block-image-wrapper img {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: auto;
  }
  .desktop-image {
    display: none;
  }
  .mobile-image {
    display: block;
  }
}
/* ---------------- Old Browser */
#sf-old-browser {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 10vh 0;
  background-color: white;
  z-index: 10;
}
#sf-old-browser h1 {
  font-size: 23vh;
  font-weight: 700;
  letter-spacing: -5px;
  line-height: 80%;
  color: var(--col-selected);
}
#sf-old-browser .sf-button {
  margin-top: 5vh;
  margin-right: 0;
}
/* ---------------- IsInView */
/*
.isNotInView img,
.isNotInView spline-viewer,
dotlottie-player.isNotInView{
	display: none !important;	
}
*/
/* ---------------- Search */
.sf-search-overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100vh;
  display: none;
  z-index: 7000000;
}
.sf-search-container {
  height: 100vh;
  display: grid;
  grid-template-rows: 1fr 1fr;
  padding-top: 15%;
}
.page-no-content input[type="text"],
.sf-search-overlay input[type="text"] {
  font-family: "base-font";
  font-weight: 300;
  font-size: 150%;
  width: 60%;
  border-bottom: 1px solid black;
  padding: 10px 10px 10px 2px;
  background: rgba(0, 0, 0, 0);
}
.sf-dark-mode .page-no-content input[type="text"],
.sf-dark-mode .sf-search-overlay input[type="text"] {
  border-bottom: 1px solid white;
}
.sf-search-overlay .sf-button,
.page-no-content .sf-button {
  margin-top: 1em;
}
.sf-search-footer {
  display: flex;
  align-items: end;
  padding-bottom: 10%;
}
.sf-light-mode #header-navigation.header-top.open-search-overlay .header-logo svg path {
  fill: var(--col-logo);
}
.sf-light-mode #header-navigation.header-top.open-search-overlay .menu > .menu-item > a,
.sf-light-mode #header-navigation.header-top.open-search-overlay .navigation-addon.menu-item.icon-font {
  color: var(--col-navigation-color-top) !important;
}
.sf-light-mode #header-navigation.header-top.open-search-overlay .center-circle {
  fill: var(--col-navigation-color-top) !important;
}
.sf-light-mode #header-navigation.header-top.open-search-overlay .rays {
  stroke: var(--col-navigation-color-top) !important;
}
.sf-dark-mode body,
.sf-light-mode body {
  background: var(--col-light-dark-mode-background-color);
}
.sf-dark-mode .sf-search-overlay,
.sf-light-mode .sf-search-overlay {
  background: var(--col-light-dark-mode-background-color);
}
/* */
.sf-search-result {
  padding-top: 1em;
  border-top: 1px solid black;
}
.sf-search-result:hover {
  background-color: #efefef;
}
.sf-search-result a,
.sf-search-result a:hover {
  text-decoration: none;
}
.sf-search-category {
  display: inline-block;
  color: var(--col-selected);
}
.sf-search-info {
  margin-top: 0.8em;
}
@media screen and (max-width: 555px) {
  .sf-search-container {
    padding-top: 25%;
  }
}
/* ---------------- Search no content */
.page-no-content {
  width: 100%;
  min-height: 50vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10vh 0 20vh 0;
}
.page-no-content h1 {
  font-size: 14vh;
  font-weight: 700;
  letter-spacing: -5px;
  line-height: 80%;
  color: var(--col-selected);
}
.no-content-search-form {
  padding-left: 1em;
}
.no-content-search-form .sf-search-field {
  width: 80% !important;
}
/* ---------------- Load more */
.sf-loading-spinner {
  position: relative;
  display: none;
  width: 1em;
  height: 1em;
  top: 0.15em;
  left: 0.5em;
  margin-right: 0.5em;
  border-radius: 50%;
  border: 2px solid #fff;
  border-color: #fff rgba(255, 255, 255, 0.8) #fff rgba(255, 255, 255, 0.8);
  animation: loading-spinner 1.2s linear infinite;
}
@keyframes loading-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* ---------------- Video */
.video-wrapper {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-wrapper video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* ---------------- Copyright */
.sf_copyright {
  position: absolute;
  right: var(--padding);
  bottom: var(--padding);
  min-width: 1rem;
  min-height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 1rem;
  z-index: 20;
  line-height: 80%;
  font-size: 80%;
  color: white;
}
.sf_copyright_name {
  display: none;
}
.sf_copyright:hover > .sf_copyright_name {
  display: inline-block;
}
.copyright-on-mobile {
  display: none;
}
@media screen and (max-width: 555px) {
  .copyright-on-mobile {
    display: flex;
  }
  .copyright-on-desktop {
    display: none;
  }
}
/* ---------------- Form + Buttons */
.sf-button,
.sf-button-big,
.sf-button-fullwidth,
.eg-posts-filter-btn {
  position: relative;
  font-family: "base-font";
  font-size: 85%;
  font-weight: 700;
  display: inline-block;
  padding: 5px 15px 7px;
  white-space: nowrap;
  border: none;
  outline: 0;
  color: var(--col-button-font);
  background-color: var(--col-button);
  transition: all 0.3s ease-in-out;
  margin-right: 0.5em;
  border-radius: var(--radius-button);
  margin-bottom: 1em;
}
.sf-button-big,
.sf-button-fullwidth {
  font-size: 200%;
  padding: 20px 25px;
}
.sf-button:hover,
.sf-button-big:hover,
.eg-posts-filter-btn:hover {
  background-color: var(--col-button-hover);
  cursor: pointer;
  transform: scale(1.05);
  color: var(--col-button-font-hover);
}
.sf-button.sf-button-arrow:before {
  content: "→";
  font-family: "icon-font";
  font-size: 130%;
  position: relative;
  top: 2px;
  padding-right: 0.2em;
}
.sf-button.sf-button-download:before {
  content: "𐔕";
  font-family: "icon-font";
  font-size: 130%;
  position: relative;
  top: 2px;
  padding-right: 0.2em;
}
.sf-button-fullwidth {
  font-family: "headline-font";
  width: 100%;
  text-align: center;
  padding: calc(var(--padding) * 1.5);
  margin-bottom: 0;
}
.sf-button-fullwidth:hover {
  transform: scale(1.02);
}
a.sf-button,
a.sf-button:hover {
  text-decoration: none;
}
/* ---------------- remove standard-styles */
input,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  width: auto;
  outline: none;
  padding: 5px 10px;
}
/* ---------------- Input & Textarea */
input,
textarea {
  border-radius: 0px;
  background: rgba(0, 0, 0, 0.07);
}
textarea {
  resize: vertical;
}
select {
  width: 100%;
}
input:hover,
input:active,
textarea:hover,
textarea:active {
  /*border-bottom: 1px solid #00c6ff;*/
  outline: none;
}
::placeholder {
  opacity: 0.3;
}
.sf-light-mode input::placeholder {
  color: black;
}
.sf-dark-mode input::placeholder {
  color: white;
}
/* ---------------- Akkordeon */
.akkordeon-group > .akkordeon:last-of-type .akkordeon-text.open {
  margin-bottom: 0;
}
.akkordeon-group > .akkordeon .grid {
  grid-template-columns: 1fr fit-content(50px);
}
.akkordeon-group > .akkordeon .akkordeon-headline {
  font-size: 110%;
  font-weight: bold;
  margin-bottom: 0.5em;
}
.akkordeon-group > .akkordeon .akkordeon-headline:hover {
  cursor: pointer;
}
.akkordeon-group > .akkordeon .akkordeon-item-container {
  height: 0;
  opacity: 0;
  overflow: hidden;
}
.akkordeon-group > .akkordeon .akkordeon-item-container.col_2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--grid-gap);
}
.akkordeon-group > .akkordeon .akkordeon-item-container.col_2 div:nth-child(3n) {
  grid-column: 1 / -1;
  /* volle Breite */
}
.akkordeon-group > .akkordeon .akkordeon-item-container p:has(img.aligncenter) {
  text-align: center;
}
.akkordeon-group > .akkordeon .akkordeon-item-container.open {
  height: auto;
  opacity: 1;
  margin-bottom: var(--grid-gap);
}
.akkordeon-group > hr:last-child {
  display: none;
}
.akkordeon-group > hr:not(:last-child) {
  margin: 10px 0 20px 0;
}
@media screen and (max-width: 555px) {
  .akkordeon-group > .akkordeon .akkordeon-headline {
    font-size: 110%;
    font-weight: bold;
    margin-bottom: 0.5em;
  }
  .akkordeon-group > .akkordeon .akkordeon-item-container.col_2 {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--grid-gap);
  }
}
/* ---------------- 404 */
.page-404 {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10vh 0;
}
.page-404 h1 {
  font-size: 25vh;
  font-weight: 700;
  letter-spacing: -5px;
  line-height: 80%;
  color: var(--col-selected);
}
.page-404 .sf-button {
  margin-top: 5vh;
  margin-right: 0;
}
/* --------- animations */
.animate {
  transition: all 0.3s ease-in-out;
}
.animate-fast {
  transition: all 0.2s ease-in-out;
}
.pulsate {
  -webkit-animation: pulsate 3s ease-out;
  -webkit-animation-iteration-count: infinite;
  opacity: 0.5;
}
@-webkit-keyframes pulsate {
  0% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
.site-main .sf-default-animation {
  position: relative;
  transition: all var(--animation-move-block-speed) ease-in-out;
  opacity: 0;
  top: var(--animation-move-text-distance);
}
.site-main .sf-default-animation.isInView {
  opacity: 1;
  top: 0px;
}
.site-main .sf-move-text-up {
  position: relative;
  transition: all var(--animation-move-text-speed) ease-in-out;
  opacity: 0;
  top: var(--animation-move-text-distance);
}
.site-main .sf-move-text-up.isInView {
  opacity: 1;
  top: 0px;
}
.site-main .sf-scale-text-down {
  position: relative;
  transition: all var(--animation-move-text-speed) ease-in-out;
  opacity: 0;
  transform: scale(2);
}
.site-main .sf-scale-text-down.isInView {
  opacity: 1;
  transform: scale(1);
}
.site-main .sf-fade-in {
  position: relative;
  transition: all var(--animation-move-block-speed) ease-in-out;
  opacity: 0;
}
.site-main .sf-fade-in.isInView {
  opacity: 1;
}
.site-main .sf-move-up {
  position: relative;
  transition: all var(--animation-move-block-speed) ease-in-out;
  opacity: 0;
  top: var(--animation-move-block-distance);
}
.site-main .sf-move-up.isInView {
  opacity: 1;
  top: 0px;
}
.site-main .sf-move-down {
  position: relative;
  transition: all var(--animation-move-block-speed) ease-in-out;
  opacity: 0;
  top: calc(var(--animation-move-block-distance) * -1);
}
.site-main .sf-move-down.isInView {
  opacity: 1;
  top: 0px;
}
.site-main .sf-move-right {
  position: relative;
  transition: all var(--animation-move-block-speed) ease-in-out;
  opacity: 0;
  left: -100px;
}
.site-main .sf-move-right.isInView {
  opacity: 1;
  left: 0px;
}
.site-main .sf-move-left {
  position: relative;
  transition: all var(--animation-move-block-speed) ease-in-out;
  opacity: 0;
  left: 100px;
}
.site-main .sf-move-left.isInView {
  opacity: 1;
  left: 0px;
}
/* KenBurns */
@keyframes kenBurnsEffect {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
.sf-ken-burns {
  overflow: hidden;
  animation: kenBurnsEffect 80s infinite;
}
/* ---------------- responsive changes */
/* ---------------- tablets landscape */
/* ---------------- tablets portrait */
/* ---------------- small tablets */
/* ---------------- smartphones */
@media only screen and (max-width: 555px) {
  .col_2 {
    grid-template-columns: 1fr;
  }
  .col_3 {
    grid-template-columns: 1fr;
  }
  .col_4 {
    grid-template-columns: 1fr 1fr;
  }
  .col_5 {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .col_1_2 {
    grid-template-columns: 1fr;
    grid-column-gap: 0;
  }
  .col_2_1 {
    grid-template-columns: 1fr;
    grid-column-gap: 0;
  }
  .col_1_2 > div:nth-of-type(even) {
    grid-column: 1 / span 1;
  }
  .col_2_1 > div:nth-of-type(odd) {
    grid-column: 1 / span 1;
  }
  .col_20_80 {
    grid-template-columns: 1fr;
  }
  .col_20_80 > div:nth-of-type(1) {
    grid-column: auto;
  }
  .col_20_80 > div:nth-of-type(2) {
    grid-column: auto;
  }
  .col_20_60_20 {
    grid-template-columns: 1fr;
  }
  .col_20_60_20 > div:nth-of-type(1) {
    grid-column: auto;
  }
  .col_20_60_20 > div:nth-of-type(2) {
    grid-column: auto;
  }
  .col_20_60_20 > div:nth-of-type(3) {
    grid-column: auto;
  }
  .col_50_30_20 {
    grid-template-columns: 1fr;
  }
  .col_20_30_50 {
    grid-template-columns: 1fr;
  }
  .col_50_30_20 > div:nth-of-type(1) {
    grid-column: auto;
  }
  .col_50_30_20 > div:nth-of-type(2) {
    grid-column: auto;
  }
  .col_50_30_20 > div:nth-of-type(3) {
    grid-column: auto;
  }
  .col_20_30_50 > div:nth-of-type(1) {
    grid-column: auto;
  }
  .col_20_30_50 > div:nth-of-type(2) {
    grid-column: auto;
  }
  .col_20_30_50 > div:nth-of-type(3) {
    grid-column: auto;
  }
  .col_1_auto {
    grid-template-columns: 1fr;
  }
  .col_auto_1 {
    grid-template-columns: 1fr;
  }
  .col_1_auto_1 {
    grid-template-columns: 1fr;
  }
  .col_2_1_1 {
    grid-template-columns: 1fr 1fr;
  }
  .col_2_1_1 > div:nth-of-type(1) {
    grid-column: 1 / -1;
  }
  .col_2_1_1 > div:nth-of-type(2),
  .col_2_1_1 > div:nth-of-type(3) {
    grid-column: auto;
  }
  .col_1h,
  .col_2h,
  .col_3h {
    --visible: 1.3;
    grid-auto-columns: calc((100% - (var(--grid-gap) * (var(--visible) - 1))) / var(--visible));
  }
  .grid.col_2 > *:empty,
  .grid.col_1 > *:not(:has(*)),
  .grid.col_2 > *:not(:has(*)),
  .grid.col_3 > *:not(:has(*)),
  .grid.col_1_2 > *:not(:has(*)),
  .grid.col_2_1 > *:not(:has(*)),
  .grid.col_50_30_20 > *:not(:has(*)),
  .grid.col_20_30_50 > *:not(:has(*)) {
    display: none;
  }
  .container-small {
    width: var(--container-width);
  }
  .reverse-order div:first-child {
    order: 2;
  }
  .sf-sticky {
    position: relative !important;
    top: 0px !important;
    padding-bottom: 0px !important;
  }
}
/* ---------------- Admin CSS */
.is-root-container {
  background: white;
}
.editor-styles-wrapper {
  background: white;
}
/* Seitentitel */
.editor-visual-editor__post-title-wrapper,
.edit-post-visual-editor__post-title-wrapper {
  margin-top: 0 !important;
  margin-bottom: 1em;
  background: black;
  color: white;
}
/* Block Breite im Editor */
.wp-block {
  width: 96%;
  max-width: 96%;
}
.wp-block.wp-block-post-title {
  font-weight: normal;
  font-size: 1.5em;
  padding: 0.3em 0;
}
/* Hintergrund Textfelder */
.mce-content-body {
  background: repeating-linear-gradient(90deg, #e8e8e8, #e8e8e8 40px, #e0e0e0 40px, #e0e0e0 80px);
  padding: 0 10px;
}
.iris-picker {
  width: 260px !important;
  height: 230px !important;
}
.iris-border {
  border: none !important;
}
.iris-picker-inner,
.iris-border .iris-palette-container {
  left: 0 !important;
}
.acf-field-repeater {
  background: #ddd;
}
.acf-repeater .acf-row {
  border-bottom: 30px solid #ddd;
}
.acf-repeater td.acf-fields {
  padding: 20px !important;
}
/* Versuche, den Rahmen für das aktive Button-Element zu erzwingen */
.mce-btn.mce-no-hyphenation-button.mce-active {
  outline: 1px solid #50575E !important;
  outline-offset: -1px;
  background-color: rgba(255, 0, 0, 0.1) !important;
}
.no-hyphenation {
  hyphens: none;
}
#tinymce .no-hyphenation {
  background-color: rgba(255, 0, 0, 0.05);
  background-image: repeating-linear-gradient(-45deg, rgba(255, 0, 0, 0.05) 0, rgba(255, 0, 0, 0.05) 2px, transparent 2px, transparent 6px);
}
.shy-hyphenation {
  font-family: "icon-font";
}
/* ------------ typography */
/* ------------ local type embed */
@font-face {
  font-family: "base-font";
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/SofaSans-300.woff") format("woff");
}
@font-face {
  font-family: "base-font";
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/SofaSans-500.woff") format("woff");
}
@font-face {
  font-family: "base-font";
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/SofaSans-700.woff") format("woff");
}
@font-face {
  font-family: "base-font";
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/SofaSans-900.woff") format("woff");
}
@font-face {
  font-family: "headline-font";
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/qq-black.woff2") format("woff2");
}
/*
@font-face {
  font-family: "headline-font";
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/SofaSans-500.woff") format("woff");
}
@font-face {
  font-family: "headline-font";
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/SofaSans-700.woff") format("woff");
}
@font-face {
  font-family: "headline-font";
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/SofaSans-900.woff") format("woff");
}
*/
@font-face {
  font-family: "icon-font";
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/SofaIcons-Regular.woff") format("woff");
}
/* ------------ typography */
body {
  font-size: clamp(15px, calc(18/1350*100vw), 20px);
  line-height: 160%;
}
.base-font {
  font-family: "base-font";
}
.headline-font {
  font-family: "headline-font";
}
h1,
h2,
h3,
h4,
h5,
h6,
.gigantic,
.like-h1,
.like-h2,
.like-h3,
.like-h4,
.like-h5,
.like-h6 {
  font-family: "headline-font", sans-serif;
  font-weight: 700;
  line-height: 120%;
  position: relative;
  hyphens: manual;
  /*color: var(--col-headline-font);*/
}
:is(
	h1, h2, h3, h4, h5, h6,
	.like-h1, .like-h2, .like-h3, .like-h4, .like-h5, .like-h6
					):has( + :is(
						p,
						h1, h2, h3, h4, h5, h6,
						.like-h1, .like-h2, .like-h3, .like-h4, .like-h5, .like-h6
					  )) {
  margin-bottom: 1rem;
  /*calc(var(--margin) / 4);*/
}
h1,
.like-h1 {
  font-size: clamp(42px, calc(100/1350*100vw), 100px);
  line-height: 100%;
  margin-left: -0.3%;
  font-weight: 900;
}
h2,
.like-h2 {
  font-size: clamp(32px, calc(60/1350*100vw), 60px);
  line-height: 110%;
  font-weight: 700;
  letter-spacing: 0;
  margin-left: -0.3%;
}
h3,
.like-h3 {
  font-size: clamp(22px, calc(30/1350*100vw), 30px);
  font-weight: 700;
  margin-left: -0.2%;
}
h4,
.like-h4 {
  font-size: clamp(20px, calc(28/1350*100vw), 28px);
  margin-left: -0.15%;
}
h5,
.like-h5 {
  font-size: clamp(18px, calc(24/1350*100vw), 24px);
  font-family: "base-font", serif;
  font-weight: 700;
  letter-spacing: 0;
  margin-left: -0.1%;
}
h6,
.like-h6 {
  font-size: clamp(16px, calc(20/1350*100vw), 20px);
}
.gigantic {
  display: inline-block;
  font-size: clamp(48px, calc(150/1350*100vw), 170px);
  line-height: 100%;
  margin-left: -1%;
}
a.header-logo {
  text-decoration: none !important;
  hyphens: none;
}
a.header-logo .logo-type {
  font-family: "headline-font", sans-serif;
  font-weight: 900;
  font-size: clamp(20px, calc(40 / 1350 * 100vw), 40px);
  margin-left: -1%;
  color: var(--col-logo);
}
a.header-logo .logo-type-subline {
  font-family: "headline-font", sans-serif;
  font-weight: 500;
  font-size: clamp(10px, calc(12/1600*100vw), 12px);
  color: black;
}
.preheadline {
  font-family: "base-font";
  font-size: clamp(15px, calc(22/1350*100vw), 22px);
  font-weight: 300;
  letter-spacing: 0.5px;
  display: block;
  margin-bottom: calc(var(--margin) / 4);
}
.preheadline:not(:has( + :is(
						h1, h2, h3, h4, h5, h6,
						.like-h1, .like-h2, .like-h3, .like-h4, .like-h5, .like-h6
					))) {
  margin-bottom: 0;
}
.intro {
  display: inline-block;
  font-size: clamp(18px, calc(22/1350*100vw), 26px);
  line-height: 150%;
}
.footnote {
  display: inline-block;
  font-size: clamp(14px, calc(16/1350*100vw), 18px);
  line-height: 150%;
}
.caption {
  display: block;
  font-size: clamp(12px, calc(14/1350*100vw), 16px);
  line-height: 150%;
  margin-top: calc(var(--margin) / 6);
  text-align: right;
}
.media-copyright {
  font-size: 11px;
  line-height: 100%;
  color: white;
  padding: 6px 6px 6px 6px;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  right: calc(var(--grid-gap) / 2);
  bottom: calc(var(--grid-gap) / 2);
  transition: all 0.5s ease;
  z-index: 1;
  cursor: pointer;
}
.task {
  font-family: "headline-font";
  display: inline-block;
  font-size: clamp(12px, calc(16/1350*100vw), 18px);
  line-height: 150%;
  letter-spacing: 0px;
  text-transform: uppercase;
}
.bg-color {
  font-weight: 500;
  line-height: 194%;
  background: black;
  color: white;
  letter-spacing: 0.5px;
  padding: 4px 6px;
  white-space: nowrap;
}
.light {
  font-weight: 300;
}
ul {
  list-style-position: outside;
  padding-left: 1em;
}
ol {
  margin-top: 10px;
  list-style-position: outside;
  list-style-type: decimal;
  padding-left: 1em;
}
#header-navigation ul {
  padding-left: 0;
}
strong .gigantic {
  font-weight: 700;
}
b,
.b,
strong {
  font-weight: 900;
}
.uc {
  text-transform: uppercase;
}
.underline {
  text-decoration: underline;
}
.text-align-center {
  text-align: center;
}
.icon-font {
  font-family: "icon-font";
}
.icon-font.big {
  font-size: 200%;
}
.icon-font.big span {
  font-size: 50%;
}
a:has(.icon-font),
a.icon-font:hover {
  font-size: 1.2em;
  text-decoration: none;
}
a {
  position: relative;
  color: var(--col-link);
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
  vertical-align: baseline;
  cursor: pointer;
  transition: color 0.2s ease, background-color 0.2s ease;
}
a:hover {
  color: var(--col-link-hover);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  /*background: color-mix(in srgb, var(--col-link-hover) 20%, transparent);*/
}
a:has(> strong) {
  text-decoration-thickness: 2px;
}
a:has(> strong):hover {
  text-decoration-thickness: 2px;
}
a:has(.overview-text-container) {
  text-decoration: none;
}
/*
a.flexblock-link,
a.flexblock-link:hover{ text-decoration: none; }
*/
.width_100 {
  width: 100%;
}
.width_85 {
  width: 85%;
}
.width_80 {
  width: 80%;
}
.width_75 {
  width: 75%;
}
.width_70 {
  width: 70%;
}
.width_60 {
  width: 60%;
}
.width_50 {
  width: 50%;
}
.width_30 {
  width: 30%;
}
.breadcrumb {
  font-size: 16px;
  margin-bottom: calc(var(--margin) / 2);
}
.breadcrumb .sf_icon {
  color: var(--col-lightgrey);
}
@media only screen and (max-width: 555px) {
  .width_30,
  .width_50,
  .width_60,
  .width_70,
  .width_75,
  .width_80,
  .width_85 {
    width: 100%;
  }
}
.privacy-policy h1 {
  margin-bottom: 0em;
  hyphens: auto;
}
.privacy-policy h2 {
  font-size: 120%;
  font-weight: 700;
  color: black;
  margin-top: 2em;
  hyphens: auto;
}
.privacy-policy h3 {
  font-family: "base-font", serif;
  font-size: 100%;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-top: 2em;
  hyphens: auto;
}
.privacy-policy h4 {
  font-family: "base-font", serif;
  font-size: 100%;
  font-weight: 500;
  letter-spacing: 0;
  color: black;
  margin-top: 2em;
  hyphens: auto;
}
.privacy-policy p {
  margin-bottom: 0.7em;
  hyphens: auto;
}
.privacy-policy a {
  overflow-wrap: anywhere;
}
/* Textanimationen */
/********************************************
 * Wortweises Animations-Setup (wordfade-…)
 ********************************************/
/*
  1) .wordfade-left-to-right: 
	 Hier definieren wir im CSS eine Custom Property --fade-offset
	 (z. B. 1em). Du kannst sie natürlich nach Belieben ändern oder
	 überschreiben.
*/
.wordfade-left-to-right {
  --fade-offset: 15px;
  /* vertikaler Versatz in px oder em */
  opacity: 0;
  /* Sofort nach Laden unsichtbar */
}
#tinymce .wordfade-left-to-right,
.acf-block-preview .wordfade-left-to-right {
  opacity: 1 !important;
  background-color: rgba(0, 158, 227, 0.05);
  background-image: repeating-linear-gradient(-45deg, rgba(0, 158, 227, 0.05) 0, rgba(0, 158, 227, 0.05) 2px, transparent 2px, transparent 6px);
}
/* Wort-Spans: Transform greift auf --fade-offset */
.wordfade-word {
  display: inline-block;
  opacity: 0;
  transform: translateY(var(--fade-offset));
}
.wordfade-left-to-right.wordfade-animated .wordfade-word {
  animation-name: wordfade_fadeSlideIn;
  animation-duration: var(--speed, 0.8s);
  animation-fill-mode: forwards;
  animation-timing-function: ease;
  animation-delay: calc(var(--element-delay, 0s) + (var(--word-index, 0) * 0.05s));
}
@keyframes wordfade_fadeSlideIn {
  0% {
    opacity: 0;
    /*
	  Für den Start: Wir verwenden dieselbe CSS-Variable.
	  => transform: translateY(var(--fade-offset));
	*/
    transform: translateY(var(--fade-offset));
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/********************************************
 * Buchstabenweises Animations-Setup (letterfade-…)
 ********************************************/
/* 
   Auch hier legen wir ein --fade-offset fest (standard: 1em).
   Außerdem: white-space: pre-wrap, damit Leerzeichen/Zeilenumbrüche
   beim Buchstabensplitting erhalten bleiben.
*/
.letterfade-left-to-right {
  --fade-offset: 0.3em;
  white-space: pre-wrap;
  opacity: 0;
  /* Sofort nach Laden unsichtbar */
}
#tinymce .letterfade-left-to-right,
.acf-block-preview .letterfade-left-to-right {
  opacity: 1 !important;
  background-color: rgba(0, 158, 227, 0.05);
  background-image: repeating-linear-gradient(-45deg, rgba(0, 158, 227, 0.05) 0, rgba(0, 158, 227, 0.05) 2px, transparent 2px, transparent 6px);
}
/* Buchstaben-Spans */
.letterfade-letter {
  display: inline-block;
  opacity: 0;
  transform: translateY(var(--fade-offset));
}
.letterfade-left-to-right.letterfade-animated .letterfade-letter {
  animation-name: letterfade_fadeSlideIn;
  animation-duration: var(--speed, 0.8s);
  animation-fill-mode: forwards;
  animation-timing-function: ease;
  animation-delay: calc(var(--element-delay, 0s) + (var(--letter-index, 0) * 0.05s));
}
@keyframes letterfade_fadeSlideIn {
  0% {
    opacity: 0;
    transform: translateY(var(--fade-offset));
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.wordfade-left-to-right.wordfade-processed,
.letterfade-left-to-right.letterfade-processed {
  opacity: 1;
  /* Nach dem Text-Splitting sichtbar */
}
/********************************************
 * Typewriter
 ********************************************/
.sofa-typewriter {
  /* Bei Bedarf 'pre' oder 'pre-wrap' verwenden:
	  - pre: behält Zeilenumbrüche und bricht NICHT automatisch um
	  - pre-wrap: behält Zeilenumbrüche und bricht sehr lange Zeilen um */
  white-space: pre-wrap;
  overflow: hidden;
  opacity: 0;
  /* Unsichtbar beim Laden */
}
/* Sichtbar nach der Verarbeitung */
.sofa-typewriter.typewriter-processed {
  opacity: 1;
}
#tinymce .sofa-typewriter,
.acf-block-preview .sofa-typewriter {
  opacity: 1 !important;
  background-color: rgba(0, 158, 227, 0.05);
  background-image: repeating-linear-gradient(-45deg, rgba(0, 158, 227, 0.05) 0, rgba(0, 158, 227, 0.05) 2px, transparent 2px, transparent 6px);
}
/* Standardmäßig blinkt der Cursor in einer unendlichen 0,7s-Animation,
	mit 50% (0,35s) sichtbar und 50% (0,35s) unsichtbar */
.sofa-typewriter::after {
  content: "●";
  animation: blink 0.7s infinite step-end;
}
@keyframes blink {
  0%,
  50% {
    opacity: 1;
  }
  51%,
  100% {
    opacity: 0;
  }
}
/* Für den finalen Zustand (Cursor dauerhaft ausgeblendet) */
.cursor-hidden::after {
  content: "";
  animation: none;
}
/* ---------------- navigation */
/* ---------------- header logo */
.header-logo {
  width: clamp(70px, calc(120 / 1350 * 100vw), 140px);
  z-index: 50;
}
.header-logo img,
.header-logo svg {
  width: 100%;
}
.header-logo svg path,
.header-top .header-logo svg path {
  fill: var(--col-logo);
}
.header-not-top .header-logo svg path {
  fill: var(--col-logo-not-top);
}
/* Global Navigation Styles */
.menu li {
  list-style-type: none;
}
.menu-item a {
  text-decoration: none;
}
/* ---------------- Navigation Desktop */
#header-navigation {
  display: block;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 99998;
}
#header-navigation.header-top {
  background-color: var(--col-navigation-background-color-top);
}
#header-navigation.header-not-top {
  background-color: var(--col-navigation-background-color-not-top);
}
#header-navigation.header-navigation-hide {
  top: -150px !important;
}
.header-navigation-grid {
  display: grid;
  grid-column-gap: var(--grid-gap);
  grid-template-columns: auto 1fr;
  align-items: center;
  padding: calc(var(--padding) / 1) 0;
}
.header-navigation-grid a {
  /*width: fit-content;*/
}
.header-navigation-container .menu > .menu-item-has-children > a::after {
  content: " ";
  font-family: icon-font;
}
/* Farbe Navigation top */
.header-navigation-container .menu > .menu-item > a,
.header-top .header-navigation-container .menu > .menu-item > a,
.header-top .header-navigation-container .icon-font {
  color: var(--col-navigation-color-top);
}
.header-navigation-container .menu > .current-menu-item > a,
.header-top .header-navigation-container .menu > .current-menu-item > a,
.header-top .header-navigation-container .menu > .current-menu-parent > a {
  font-weight: 700;
  color: var(--col-navigation-color-top-hover);
}
.header-navigation-container .menu > .menu-item > a:hover,
.header-top .header-navigation-container .menu > .menu-item > a:hover,
.header-top .header-navigation-container .icon-font:hover {
  color: var(--col-navigation-color-top-hover);
  cursor: pointer;
}
/* Farbe Navigation not top */
.header-not-top .header-navigation-container .menu > .menu-item > a,
.header-not-top .header-navigation-container .icon-font {
  color: var(--col-navigation-color-not-top);
}
.header-not-top .header-navigation-container .menu > .current-menu-item > a,
.header-not-top .header-navigation-container .menu > .current-menu-parent > a {
  font-weight: 700;
  color: var(--col-navigation-color-not-top-hover);
}
.header-not-top .header-navigation-container .menu > .menu-item > a:hover,
.header-not-top .header-navigation-container .icon-font:hover {
  color: var(--col-navigation-color-not-top-hover);
  cursor: pointer;
}
/* Subnavigation */
.header-navigation-container .sub-menu > .menu-item > a {
  font-size: 80%;
  line-height: 250%;
  padding: 5px 20px;
  font-weight: normal;
  color: var(--col-subnavigation-color);
}
.header-navigation-container .sub-menu > .current-menu-item > a {
  font-weight: 700;
  color: var(--col-subnavigation-color-active);
}
.header-navigation-container .sub-menu > .current-menu-item > a:hover {
  font-weight: 700;
  color: var(--col-subnavigation-color-hover);
}
.header-navigation-container .sub-menu > .menu-item > a:hover {
  color: var(--col-subnavigation-color-hover);
}
/* */
.header-navigation-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 120%;
  line-height: normal;
  letter-spacing: 0.08vw;
  /*text-transform: uppercase;*/
  /* sub menu */
}
.header-navigation-container .menu-hauptnavigation-container {
  display: inline-block;
}
.header-navigation-container .menu {
  display: inline-block;
}
.header-navigation-container .navigation-addon {
  display: none;
}
.header-navigation-container .navigation-addon.mobile {
  display: none;
}
.header-navigation-container .navigation-addon.desktop {
  display: block;
}
.header-navigation-container .menu > .menu-item {
  display: inline-block;
  position: relative;
  margin-left: var(--grid-gap);
  cursor: pointer;
}
.header-navigation-container .navigation-addon.menu-item.icon-font {
  margin-left: var(--grid-gap);
}
.header-navigation-container .menu-item.icon-font {
  position: relative;
  font-size: 1.3em;
}
.header-navigation-container .mobile-navigation {
  display: none;
}
.header-navigation-container .mobile-navigation.permanent {
  display: block;
}
@media only screen and (max-width: 555px) {
  .header-navigation-container .header-navigation {
    display: none;
  }
  .header-navigation-container .mobile-navigation {
    display: block;
  }
  .header-navigation-container .icon-font {
    font-size: 180%;
  }
  .header-navigation-container .navigation-addon.desktop {
    display: none;
  }
  .header-navigation-container .navigation-addon.mobile {
    display: block;
  }
}
.header-navigation-container .sub-menu {
  display: none;
  position: absolute;
  padding-top: 10px;
}
.header-navigation-container .menu-item:hover > .sub-menu {
  display: block;
}
.header-navigation-container .sub-menu > .menu-item {
  display: block;
  margin-left: 0;
  white-space: nowrap;
  background: var(--col-subnavigation-background);
}
.header-navigation-container .sub-menu > .menu-item:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding-top: 15px;
  padding-bottom: 0;
}
.header-navigation-container .sub-menu > .menu-item:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding-top: 0;
  padding-bottom: 15px;
}
/* ---------------- Navigation Mobile */
.mobile-navigation {
  display: inline-block;
}
.mobile-navigation.icon-font {
  margin-left: var(--margin);
}
#mobile-navigation-overlay ul {
  padding-left: 0px;
}
#mobile-navigation-overlay {
  display: none;
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 10000000;
  color: var(--col-mobile-navigation-color);
  background: var(--col-mobile-navigation-background);
  overflow-y: auto;
}
#mobile-navigation-overlay .header-logo svg path {
  fill: var(--col-logo-mobile-overlay);
}
#mobile-navigation-overlay .mobile-navigation.icon-font {
  cursor: pointer;
}
#mobile-navigation-overlay #mobile-navigation-overlay-grid {
  display: grid;
  grid-template-rows: auto 1fr auto;
  height: 100%;
}
#mobile-navigation-overlay .mobile-navigation-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
#mobile-navigation-overlay .mobile-navigation-container ul {
  list-style-type: none;
}
#mobile-navigation-overlay .mobile-navigation-container .menu-item {
  position: relative;
  font-size: clamp(22px, calc(40 / 1350 * 100vw), 40px);
  line-height: 200%;
}
#mobile-navigation-overlay .mobile-navigation-container .menu-item > a {
  display: inline-block;
  font-size: 1em;
  line-height: 1;
  color: var(--col-mobile-navigation-color);
  vertical-align: middle;
}
#mobile-navigation-overlay .mobile-navigation-container .menu-item > a:hover {
  color: var(--col-mobile-navigation-color-hover);
}
#mobile-navigation-overlay .mobile-navigation-container .mobile-menu > .menu-item {
  opacity: 0;
  transform: translateY(18px);
  animation: navFadeUp 0.5s ease forwards;
}
#mobile-navigation-overlay .mobile-navigation-container .mobile-menu > .menu-item:nth-child(1) {
  animation-delay: 0.05s;
}
#mobile-navigation-overlay .mobile-navigation-container .mobile-menu > .menu-item:nth-child(2) {
  animation-delay: 0.12s;
}
#mobile-navigation-overlay .mobile-navigation-container .mobile-menu > .menu-item:nth-child(3) {
  animation-delay: 0.19s;
}
#mobile-navigation-overlay .mobile-navigation-container .mobile-menu > .menu-item:nth-child(4) {
  animation-delay: 0.26s;
}
#mobile-navigation-overlay .mobile-navigation-container .mobile-menu > .menu-item:nth-child(5) {
  animation-delay: 0.33s;
}
#mobile-navigation-overlay .mobile-navigation-container .mobile-menu > .menu-item:nth-child(6) {
  animation-delay: 0.4s;
}
#mobile-navigation-overlay .mobile-navigation-container .mobile-menu > .menu-item:nth-child(7) {
  animation-delay: 0.47s;
}
#mobile-navigation-overlay .mobile-navigation-container .mobile-menu > .menu-item:nth-child(8) {
  animation-delay: 0.54s;
}
#mobile-navigation-overlay .mobile-navigation-container .mobile-menu > .menu-item:nth-child(9) {
  animation-delay: 0.61s;
}
#mobile-navigation-overlay .mobile-navigation-container .mobile-menu > .menu-item:nth-child(10) {
  animation-delay: 0.68s;
}
#mobile-navigation-overlay .mobile-navigation-container .mobile-menu > .menu-item.current-page-parent > a,
#mobile-navigation-overlay .mobile-navigation-container .mobile-menu > .menu-item.current-menu-parent > a,
#mobile-navigation-overlay .mobile-navigation-container .mobile-menu > .menu-item.current-menu-ancestor > a,
#mobile-navigation-overlay .mobile-navigation-container .mobile-menu > .menu-item.current-menu-item > a {
  font-weight: 700;
  color: var(--col-mobile-navigation-color-active);
}
#mobile-navigation-overlay .mobile-navigation-container .mobile-menu .sub-menu .menu-item.current-menu-item > a {
  font-weight: 700;
  color: var(--col-mobile-subnavigation-color-active);
}
#mobile-navigation-overlay .mobile-navigation-container .menu-item-has-children > a {
  padding-right: 0;
}
#mobile-navigation-overlay .mobile-navigation-container .menu-item-has-children > .submenu-toggle {
  font-family: 'icon-font';
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.35em;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
  color: var(--col-mobile-navigation-color);
  vertical-align: middle;
  font-size: clamp(22px, calc(40 / 1350 * 100vw), 40px);
  line-height: 200%;
}
#mobile-navigation-overlay .mobile-navigation-container .menu-item-has-children > .submenu-toggle::before {
  content: "";
  display: block;
  font-size: 1em;
  line-height: 1;
}
#mobile-navigation-overlay .mobile-navigation-container .menu-item-has-children.submenu-open > .submenu-toggle::before {
  content: "";
}
#mobile-navigation-overlay .mobile-navigation-container .menu-item-has-children.submenu-open > .sub-menu {
  max-height: 1000px;
  opacity: 1;
  visibility: visible;
}
#mobile-navigation-overlay .mobile-navigation-container .menu-item-has-children.submenu-open > .sub-menu > .menu-item {
  opacity: 0;
  transform: translateY(14px);
  animation: navFadeUp 0.4s ease forwards;
}
#mobile-navigation-overlay .mobile-navigation-container .menu-item-has-children.submenu-open > .sub-menu > .menu-item:nth-child(1) {
  animation-delay: 0.05s;
}
#mobile-navigation-overlay .mobile-navigation-container .menu-item-has-children.submenu-open > .sub-menu > .menu-item:nth-child(2) {
  animation-delay: 0.1s;
}
#mobile-navigation-overlay .mobile-navigation-container .menu-item-has-children.submenu-open > .sub-menu > .menu-item:nth-child(3) {
  animation-delay: 0.15s;
}
#mobile-navigation-overlay .mobile-navigation-container .menu-item-has-children.submenu-open > .sub-menu > .menu-item:nth-child(4) {
  animation-delay: 0.2s;
}
#mobile-navigation-overlay .mobile-navigation-container .menu-item-has-children.submenu-open > .sub-menu > .menu-item:nth-child(5) {
  animation-delay: 0.25s;
}
#mobile-navigation-overlay .mobile-navigation-container .menu-item-has-children.submenu-open > .sub-menu > .menu-item:nth-child(6) {
  animation-delay: 0.3s;
}
#mobile-navigation-overlay .mobile-navigation-container .menu-item-has-children.submenu-open > .sub-menu > .menu-item:nth-child(7) {
  animation-delay: 0.35s;
}
#mobile-navigation-overlay .mobile-navigation-container .menu-item-has-children.submenu-open > .sub-menu > .menu-item:nth-child(8) {
  animation-delay: 0.4s;
}
#mobile-navigation-overlay .mobile-navigation-container .sub-menu {
  display: block;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  margin-left: var(--grid-gap);
  transition: max-height 0.35s ease, opacity 0.25s ease, visibility 0.25s ease;
}
#mobile-navigation-overlay .mobile-navigation-container .sub-menu > .menu-item {
  display: block;
  /*
				&::before {
					content: "→ ";
					font-family: "icon-font";
					position: relative;
					top: .1em;
				}*/
}
#mobile-navigation-overlay .mobile-navigation-container .sub-menu > .menu-item > a {
  display: inline-block;
  font-size: 80%;
  line-height: 140%;
  color: var(--col-mobile-subnavigation-color);
}
#mobile-navigation-overlay .mobile-navigation-container .sub-menu > .menu-item > a:hover {
  color: var(--col-mobile-subnavigation-color-hover);
}
#mobile-navigation-overlay .mobile-navigation-container .sub-menu .menu-item {
  opacity: 0;
  transform: translateY(14px);
}
#mobile-navigation-overlay .mobile-navigation-overlay-footer {
  padding-bottom: var(--margin);
}
#mobile-navigation-overlay .mobile-navigation-overlay-footer .menu-item > a {
  font-size: clamp(16px, calc(24 / 1350 * 100vw), 24px);
  line-height: 200%;
  color: var(--col-mobile-navigation-color);
}
#mobile-navigation-overlay .mobile-navigation-overlay-footer .menu-item > a:hover {
  color: var(--col-mobile-navigation-color-hover);
}
#mobile-navigation-overlay .mobile-navigation-overlay-footer .menu-item.current-menu-item > a {
  font-weight: 700;
  color: var(--col-mobile-navigation-color-active);
}
#mobile-navigation-overlay .mobile-navigation-overlay-footer .menu-item.current-menu-item > a:hover {
  color: var(--col-mobile-navigation-color-hover);
}
@keyframes navFadeUp {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
#footer ul.footer-navigation {
  padding-left: 0;
}
#footer .menu-item {
  display: inline-block;
  width: fit-content;
  color: white;
  margin-right: 1em;
}
/* Light- & Dark-Mode */
.sf-light-dark-mode-container svg {
  position: relative;
  top: -3px;
  width: 0.9em;
  height: 1em;
}
.svg-icon {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  cursor: pointer;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: center;
}
.svg-icon.light {
  transform: rotate(90deg);
}
.svg-icon.dark {
  transform: rotate(40deg);
}
.mask-group {
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: 12px 12px;
  transform: translate(0, -8px);
}
.svg-icon.light .mask-group {
  transform: translate(18px, -12px);
}
.center-circle {
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), fill 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: 12px 12px;
  transform: scale(calc(9/9));
  mask: url(#mask);
  stroke: none !important;
}
.svg-icon.light .center-circle {
  transform: scale(calc(5/9));
  /* r=5 */
  mask: url(#mask);
}
.header-top .center-circle {
  fill: var(--col-light-dark-mode-top);
}
.header-not-top .center-circle {
  fill: var(--col-light-dark-mode-not-top);
}
.header-top .svg-icon.light .center-circle {
  fill: var(--col-light-dark-mode-top);
}
.header-not-top .svg-icon.light .center-circle {
  fill: var(--col-light-dark-mode-not-top);
}
.rays {
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
}
.header-top .rays {
  stroke: var(--col-light-dark-mode-top);
}
.header-not-top .rays {
  stroke: var(--col-light-dark-mode-not-top);
}
.svg-icon.light .rays {
  opacity: 1;
}
/* --------- Footer --------- */
#footer {
  margin-top: auto;
  /*
	position: relative;
	margin-top: auto;
	padding: calc(var(--padding) * 2) 0 calc(var(--padding) * 2) 0;
	background-color: var(--col-footer);
	font-size: 80%;
	line-height: 140%;
	color: white;
	
	a{
		color: var(--col-footer-link);
		text-underline-offset: 8px;
		text-decoration: none;
		//background: rgba(0, 0, 0, 0.109);
		&:hover{
			color: var(--col-footer-link-hover);
			border-bottom: 1px solid var(--col-footer-link-hover);
		}
	}
	
	.menu-footer-container ul{
		padding-left: 0;
	}
	
	.grid-footer{
		display: grid;
		grid-template-columns: 2fr 1fr 1fr;
		grid-column-gap: calc(var(--grid-gap) * 2);
		grid-row-gap: var(--grid-gap);
		grid-template-areas: 
		"footer-logo footer-logo footer-logo"
		"footer-text footer-navigation footer-navigation-service"
		"footer-links footer-navigation footer-contact";
		margin-bottom: var(--grid-gap);
	}
	
	.footer-logo{
		grid-area: footer-logo;
		width: clamp(160px,calc(200/1340*100vw),200px);
	}
*/
  /* footer widgets */
  /*	
	.footer-text{
		grid-area: footer-text;
	}
	.footer-address{
		grid-area: footer-address;
	}
	.footer-contact{
		grid-area: footer-contact;
	}
	.footer-partner{
		grid-area: footer-partner;
	}
	.footer-links{
		grid-area: footer-links;
	}
	.footer-navigation{
		grid-area: footer-navigation;
	}
	.footer-navigation-service{
		grid-area: footer-navigation-service;;
	}
	.footer-copyright{
		grid-area: footer-copyright;
		display: inline-block;
	
		> div{
			display: inline-block;
		}
	}

	/* -- */
  /*		
	.menu-footer-container{
		display: block;
	}
	.menu .menu-item{
		display: block;
		&.current-menu-parent > a{
			font-weight: 700;
		}
		&.current-menu-item > a{
			font-weight: 700;
		}
	}
	.fingerprint{
		display: inline-block;
		color: white;
		margin-left: .5em;
	}
	.fingerprint:before{
		content: "//";
		margin-right: .5em;
	}
	.fingerprint a{
		position: relative;
		font-size: 120%;
		color: white;
		opacity: .7;
	}
	.fingerprint a:hover{
		opacity: 1;
	}
	//}
	
	@media only screen and (max-width: 700px) {
		.container{
			width: var(--container-width);
		}
		.grid-footer{
			grid-template-columns: 1fr;
			grid-column-gap: 0;
			grid-template-areas: 
			"footer-logo"
			"footer-text"
			"footer-links"
			"footer-contact"
			"footer-navigation"
			"footer-navigation-service";
		
			margin-bottom: var(--grid-gap);
		}
	}
*/
}
/* tooltip */
.sf-tooltip {
  cursor: pointer;
  z-index: 999999;
}
.sf-tooltip-style {
  background-color: black;
  border-radius: var(--radius);
  font-size: 100%;
  font-weight: 700;
  letter-spacing: 0px;
  color: white;
  padding: 10px 20px;
  box-shadow: 5px 5px 40px -10px #000000;
  position: fixed;
  z-index: 2147483647;
  pointer-events: none;
}
/* filter */
.sf-filter-container {
  display: block;
  margin-bottom: calc(var(--margin) / 4);
  /* Filter-Items Grundzustand (wird unten gezielt für Buttons überschrieben) */
}
.sf-filter-container .sf-filter-header {
  display: flex;
  font-size: 180%;
  width: fit-content;
  cursor: pointer;
  margin-bottom: calc(var(--grid-gap) / 2);
  background: transparent;
  border: 0;
  padding: 0;
  appearance: none;
  -webkit-appearance: none;
}
.sf-filter-container .sf-filter-group {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
}
.sf-filter-container .sf-filter-group.open {
  max-height: 2000px;
  overflow: visible;
}
.sf-filter-container .sf-filter-item {
  opacity: 0;
  transform: translateY(-6px);
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.sf-filter-container .sf-filter-item.sf-filter-item-show {
  opacity: 1;
  transform: translateY(0);
}
.sf-filter-container .sf-filter-item.sf-filter-item-hide {
  opacity: 0;
  transform: translateY(-6px);
}
.sf-filter-container .sf-filter-label {
  font-family: "headline-font";
  font-size: 50%;
  font-weight: 500;
  text-transform: uppercase;
  margin-left: 0.5em;
}
.sf-filter-container .eg-posts-filter-bar {
  padding-bottom: 0em;
}
.sf-filter-container .eg-posts-filter-bar .eg-posts-filter-btn {
  font-size: 75%;
  font-weight: 700;
  padding: 3px 10px 5px;
  color: var(--col-button-font);
  background-color: var(--col-button);
  opacity: 0.6;
}
.sf-filter-container .eg-posts-filter-bar .eg-posts-filter-btn.is-active {
  background-color: var(--col-button-hover);
  color: var(--col-button-font-hover);
  opacity: 1;
}
.sf-filter-container .eg-posts-filter-bar .eg-posts-filter-btn.eg-posts-filter-clear {
  color: black;
  padding: 3px 0px 5px;
  background: transparent;
  /* nur zeigen wenn aktiv */
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
.sf-filter-container .eg-posts-filter-bar .eg-posts-filter-btn.eg-posts-filter-clear.is-visible {
  opacity: 1;
  pointer-events: auto;
}
.sf-filter-container .eg-posts-filter-bar .eg-posts-filter-btn.sf-filter-item.sf-filter-item-hide {
  opacity: 0 !important;
  transform: translateY(-6px);
  pointer-events: none;
}
.sf-filter-container .eg-posts-filter-bar .eg-posts-filter-btn.sf-filter-item.sf-filter-item-show {
  opacity: 0.6;
  /* dein Default */
  transform: translateY(0);
  pointer-events: auto;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.sf-filter-container .eg-posts-filter-bar .eg-posts-filter-btn.eg-posts-filter-clear.sf-filter-item.sf-filter-item-show {
  opacity: 0 !important;
  pointer-events: none;
}
.sf-filter-container .eg-posts-filter-bar .eg-posts-filter-btn.eg-posts-filter-clear.sf-filter-item.sf-filter-item-show.is-visible {
  opacity: 1 !important;
  pointer-events: auto;
}
.sf-filter-container .eg-posts-filter-bar .eg-posts-filter-btn.is-active {
  opacity: 1;
}
/* load more */
.ajax-posts {
  transition: height 0.5s ease;
  height: auto;
  /* wird per JS temporär überschrieben */
}
/* posts */
.sf-block-cases,
.sf-block-news,
.sf-block-team {
  position: relative;
  /* Overall design style */
  /* default design changes */
  /* textoverlay design changes */
  /* additional content */
}
.sf-block-cases .content-item,
.sf-block-news .content-item,
.sf-block-team .content-item {
  position: relative;
}
.sf-block-cases .content-item .overview-image,
.sf-block-news .content-item .overview-image,
.sf-block-team .content-item .overview-image {
  position: relative;
  width: 100%;
  margin-bottom: 1.5em;
  /*calc(var(--margin) / 4);*/
  overflow: hidden;
  border-radius: var(--radius-dynamic-content);
}
.sf-block-cases .content-item .overview-image img,
.sf-block-news .content-item .overview-image img,
.sf-block-team .content-item .overview-image img {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sf-block-cases .content-item .overview-image video,
.sf-block-news .content-item .overview-image video,
.sf-block-team .content-item .overview-image video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sf-block-cases .content-item .overview-text-container .post-title,
.sf-block-news .content-item .overview-text-container .post-title,
.sf-block-team .content-item .overview-text-container .post-title {
  font-size: 1.3em;
  font-weight: bold;
  margin-bottom: 0.2em;
}
.sf-block-cases .content-item .overview-text-container .post-title-addon,
.sf-block-news .content-item .overview-text-container .post-title-addon,
.sf-block-team .content-item .overview-text-container .post-title-addon {
  font-size: 0.9em;
  margin-bottom: 0.5em;
}
.sf-block-cases .content-item .overview-text-container .post-excerpt,
.sf-block-news .content-item .overview-text-container .post-excerpt,
.sf-block-team .content-item .overview-text-container .post-excerpt {
  font-size: 1em;
  margin-bottom: 0.5em;
}
.sf-block-cases .content-item .overview-text-container .post-date,
.sf-block-news .content-item .overview-text-container .post-date,
.sf-block-team .content-item .overview-text-container .post-date {
  font-size: 0.8em;
  margin-bottom: 0.5em;
}
.sf-block-cases .content-item .overview-text-container .post-author,
.sf-block-news .content-item .overview-text-container .post-author,
.sf-block-team .content-item .overview-text-container .post-author {
  font-size: 0.65em;
  font-weight: bold;
  letter-spacing: 0.5px;
}
.sf-block-cases .content-item .overview-text-container .sf-button,
.sf-block-news .content-item .overview-text-container .sf-button,
.sf-block-team .content-item .overview-text-container .sf-button {
  margin-top: 0.9em;
  margin-bottom: 0;
  text-decoration: none;
}
.sf-block-cases.textoverlay-design .content-item .overview-image,
.sf-block-news.textoverlay-design .content-item .overview-image,
.sf-block-team.textoverlay-design .content-item .overview-image {
  overflow: hidden;
  margin-bottom: 0px;
}
.sf-block-cases.textoverlay-design .content-item .overview-text-container,
.sf-block-news.textoverlay-design .content-item .overview-text-container,
.sf-block-team.textoverlay-design .content-item .overview-text-container {
  position: absolute;
  inset: 0;
  display: grid;
  padding: var(--padding);
  align-items: flex-end;
  justify-content: flex-start;
  color: white;
  background: linear-gradient(20deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 60%);
  border-radius: var(--radius-dynamic-content);
  box-sizing: border-box;
  z-index: 2;
  /* GPU festnageln für Safari/iOS */
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
}
.sf-block-cases.textoverlay-design .content-item:hover .overview-text-container > div,
.sf-block-news.textoverlay-design .content-item:hover .overview-text-container > div,
.sf-block-team.textoverlay-design .content-item:hover .overview-text-container > div {
  transform: scale(1.03);
}
.sf-block-cases.textoverlay-design .content-item:hover .overview-image img,
.sf-block-news.textoverlay-design .content-item:hover .overview-image img,
.sf-block-team.textoverlay-design .content-item:hover .overview-image img {
  transform: scale(1.1) rotate(1deg);
}
.sf-block-cases .load-more.sf-button,
.sf-block-news .load-more.sf-button,
.sf-block-team .load-more.sf-button {
  margin-bottom: 0;
}
/* Cases */
.sf-block-cases .content-item .overview-text-container .post-title {
  text-transform: uppercase;
  margin-bottom: 0.2em;
}
/* News */
.sf-block-news .content-item .overview-text-container .post-title {
  /*margin-bottom: .2em;*/
}
.sf-block-news .content-item .overview-text-container .post-title-addon {
  font-size: 1em;
  font-weight: bold;
}
/* Team */
.sf-block-team .content-item .overview-text-container .post-title {
  font-weight: normal;
  margin-bottom: 0.2em;
}
.sf-block-team .content-item .overview-text-container .team-email {
  display: inline-block;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
}
.sf-block-team .content-item .overview-text-container .team-email:has(.icon-font) {
  border-bottom: 0;
}
/* Jobs */
.sf-block-jobs .content-item .job-name {
  font-size: 1.5em;
  font-weight: normal;
  margin-bottom: 0.5em;
}
.sf-block-jobs .content-item .header {
  background: white;
}
.sf-block-jobs .content-item .header span.icon-font {
  display: inline-block;
  width: 1.1em;
  font-size: 1.2em;
}
.sf-block-jobs .content-item .header .label {
  margin-right: 1em;
}
.sf-block-jobs .content-item .header a {
  text-decoration: none;
}
.sf-block-jobs .content-item .header a:hover {
  text-decoration: underline;
}
.sf-block-jobs .content-item .description {
  margin: 1em 0 1em 0;
  max-height: 2000px;
  overflow: hidden;
}
.sf-block-jobs .content-item .description .email .email-show {
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
}
.sf-block-jobs .content-item .description .email .email-show:hover {
  color: var(--col-link-hover);
}
.sf-block-jobs .content-item .description.hide {
  max-height: 0px;
  margin: 0 0 1em 0;
}
.sf-block-jobs .content-item .sf-button {
  margin: 0 0 0 0;
}
/* Post-Page defaults */
.single .site-main .title-media-wrapper img,
.single .site-main .title-media-wrapper video {
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 16/7;
}
.single .site-main .company-data .title {
  font-size: 150%;
  font-weight: normal;
}
.single .site-main .company-data .company-description {
  margin-top: 1em;
}
.single .site-main .company-data .company-link {
  margin-top: 1em;
}
.single .site-main .hashtags {
  margin-top: 1em;
}
.single .site-main .hashtags .hashtag {
  background: black;
  color: white;
  font-size: 80%;
  padding: 0.2em 0.4em;
  margin-right: 0.5em;
}
.single .site-main .gallery {
  margin-bottom: var(--margin);
  /* Falls du nicht schon display:grid woanders setzt: */
  /* Abwechselndes Layout */
  /* -------- Helper: halfN = floor(i/2) ohne floor/ceil -------- */
  /* Basis */
  /* ---------- halbieren: i / (i/2) / i / (i/2) ... ---------- */
  /* halfN berechnen (floor(i/2)) und dann anwenden – ohne @halfN-Scoping-Probleme */
  /* wendet das Pattern mit übergebenem halfN an */
  /* startet die Berechnung für dieses i */
  /* ---------- verdoppeln: i / (2i) / i / (2i) ... ---------- */
  /* Basis */
  /* ---------- halbieren: i / (i/2) / i / (i/2) ... ---------- */
  /* halfN berechnen (floor(i/2)) und dann anwenden – ohne @halfN-Scoping-Probleme */
  /* wendet das Pattern mit übergebenem halfN an */
  /* startet die Berechnung für dieses i */
  /* Grid auf 2*i Spalten */
  /* normale Reihe: i Elemente => span 2 */
  /* half-reihe: halfN Elemente => span 4 (ergibt i/2 Elemente pro Reihe) */
  /* ---------- verdoppeln: i / (2i) / i / (2i) ... ---------- */
  /* Basis */
  /* ---------- halbieren: i / (i/2) / i / (i/2) ... ---------- */
  /* halfN berechnen (floor(i/2)) und dann anwenden – ohne @halfN-Scoping-Probleme */
  /* wendet das Pattern mit übergebenem halfN an */
  /* startet die Berechnung für dieses i */
  /* Grid auf 2*i Spalten */
  /* normale Reihe: i Elemente => span 2 */
  /* half-reihe: halfN Elemente => span 4 (ergibt i/2 Elemente pro Reihe) */
  /* ---------- verdoppeln: i / (2i) / i / (2i) ... ---------- */
  /* Basis */
  /* ---------- halbieren: i / (i/2) / i / (i/2) ... ---------- */
  /* halfN berechnen (floor(i/2)) und dann anwenden – ohne @halfN-Scoping-Probleme */
  /* wendet das Pattern mit übergebenem halfN an */
  /* startet die Berechnung für dieses i */
  /* Grid auf 2*i Spalten */
  /* normale Reihe: i Elemente => span 2 */
  /* half-reihe: halfN Elemente => span 4 (ergibt i/2 Elemente pro Reihe) */
  /* ---------- verdoppeln: i / (2i) / i / (2i) ... ---------- */
  /* Basis */
  /* ---------- halbieren: i / (i/2) / i / (i/2) ... ---------- */
  /* halfN berechnen (floor(i/2)) und dann anwenden – ohne @halfN-Scoping-Probleme */
  /* wendet das Pattern mit übergebenem halfN an */
  /* startet die Berechnung für dieses i */
  /* Grid auf 2*i Spalten */
  /* normale Reihe: i Elemente => span 2 */
  /* half-reihe: halfN Elemente => span 4 (ergibt i/2 Elemente pro Reihe) */
  /* ---------- verdoppeln: i / (2i) / i / (2i) ... ---------- */
  /* Basis */
  /* ---------- halbieren: i / (i/2) / i / (i/2) ... ---------- */
  /* halfN berechnen (floor(i/2)) und dann anwenden – ohne @halfN-Scoping-Probleme */
  /* wendet das Pattern mit übergebenem halfN an */
  /* startet die Berechnung für dieses i */
  /* Grid auf 2*i Spalten */
  /* normale Reihe: i Elemente => span 2 */
  /* half-reihe: halfN Elemente => span 4 (ergibt i/2 Elemente pro Reihe) */
  /* ---------- verdoppeln: i / (2i) / i / (2i) ... ---------- */
  /* Basis */
  /* ---------- halbieren: i / (i/2) / i / (i/2) ... ---------- */
  /* halfN berechnen (floor(i/2)) und dann anwenden – ohne @halfN-Scoping-Probleme */
  /* wendet das Pattern mit übergebenem halfN an */
  /* startet die Berechnung für dieses i */
  /* Grid auf 2*i Spalten */
  /* normale Reihe: i Elemente => span 2 */
  /* half-reihe: halfN Elemente => span 4 (ergibt i/2 Elemente pro Reihe) */
  /* ---------- verdoppeln: i / (2i) / i / (2i) ... ---------- */
  /* Basis */
  /* ---------- halbieren: i / (i/2) / i / (i/2) ... ---------- */
  /* halfN berechnen (floor(i/2)) und dann anwenden – ohne @halfN-Scoping-Probleme */
  /* wendet das Pattern mit übergebenem halfN an */
  /* startet die Berechnung für dieses i */
  /* Grid auf 2*i Spalten */
  /* normale Reihe: i Elemente => span 2 */
  /* half-reihe: halfN Elemente => span 4 (ergibt i/2 Elemente pro Reihe) */
  /* ---------- verdoppeln: i / (2i) / i / (2i) ... ---------- */
}
.single .site-main .gallery.grid {
  display: grid;
  gap: var(--grid-gap);
  grid-auto-flow: dense;
  /* hilft gegen Löcher */
}
.single .site-main .gallery img,
.single .site-main .gallery video {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.single .site-main .gallery.col_1 {
  --cols: 1;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.single .site-main .gallery.col_1.double {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.single .site-main .gallery.col_1.double > * {
  grid-column: span 2;
}
.single .site-main .gallery.col_1.double > *:nth-child(3n + 2) {
  grid-column: span 1;
}
.single .site-main .gallery.col_1.double > *:nth-child(3n + 3) {
  grid-column: span 1;
}
.single .site-main .gallery.col_2 {
  --cols: 2;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.single .site-main .gallery.col_2.half {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-flow: dense;
}
.single .site-main .gallery.col_2.half > * {
  grid-column: span 2;
}
.single .site-main .gallery.col_2.half > *:nth-child(3n + 3) {
  grid-column: span 4;
}
.single .site-main .gallery.col_2.double {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.single .site-main .gallery.col_2.double > * {
  grid-column: span 2;
}
.single .site-main .gallery.col_2.double > *:nth-child(6n + 3) {
  grid-column: span 1;
}
.single .site-main .gallery.col_2.double > *:nth-child(6n + 4) {
  grid-column: span 1;
}
.single .site-main .gallery.col_2.double > *:nth-child(6n + 5) {
  grid-column: span 1;
}
.single .site-main .gallery.col_2.double > *:nth-child(6n + 6) {
  grid-column: span 1;
}
.single .site-main .gallery.col_3 {
  --cols: 3;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.single .site-main .gallery.col_3.half {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-auto-flow: dense;
}
.single .site-main .gallery.col_3.half > * {
  grid-column: span 2;
}
.single .site-main .gallery.col_3.half > *:nth-child(4n + 4) {
  grid-column: span 4;
}
.single .site-main .gallery.col_3.double {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.single .site-main .gallery.col_3.double > * {
  grid-column: span 2;
}
.single .site-main .gallery.col_3.double > *:nth-child(9n + 4) {
  grid-column: span 1;
}
.single .site-main .gallery.col_3.double > *:nth-child(9n + 5) {
  grid-column: span 1;
}
.single .site-main .gallery.col_3.double > *:nth-child(9n + 6) {
  grid-column: span 1;
}
.single .site-main .gallery.col_3.double > *:nth-child(9n + 7) {
  grid-column: span 1;
}
.single .site-main .gallery.col_3.double > *:nth-child(9n + 8) {
  grid-column: span 1;
}
.single .site-main .gallery.col_3.double > *:nth-child(9n + 9) {
  grid-column: span 1;
}
.single .site-main .gallery.col_4 {
  --cols: 4;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.single .site-main .gallery.col_4.half {
  grid-template-columns: repeat(8, minmax(0, 1fr));
  grid-auto-flow: dense;
}
.single .site-main .gallery.col_4.half > * {
  grid-column: span 2;
}
.single .site-main .gallery.col_4.half > *:nth-child(6n + 5) {
  grid-column: span 4;
}
.single .site-main .gallery.col_4.half > *:nth-child(6n + 6) {
  grid-column: span 4;
}
.single .site-main .gallery.col_4.double {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.single .site-main .gallery.col_4.double > * {
  grid-column: span 2;
}
.single .site-main .gallery.col_4.double > *:nth-child(12n + 5) {
  grid-column: span 1;
}
.single .site-main .gallery.col_4.double > *:nth-child(12n + 6) {
  grid-column: span 1;
}
.single .site-main .gallery.col_4.double > *:nth-child(12n + 7) {
  grid-column: span 1;
}
.single .site-main .gallery.col_4.double > *:nth-child(12n + 8) {
  grid-column: span 1;
}
.single .site-main .gallery.col_4.double > *:nth-child(12n + 9) {
  grid-column: span 1;
}
.single .site-main .gallery.col_4.double > *:nth-child(12n + 10) {
  grid-column: span 1;
}
.single .site-main .gallery.col_4.double > *:nth-child(12n + 11) {
  grid-column: span 1;
}
.single .site-main .gallery.col_4.double > *:nth-child(12n + 12) {
  grid-column: span 1;
}
.single .site-main .gallery.col_5 {
  --cols: 5;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.single .site-main .gallery.col_5.half {
  grid-template-columns: repeat(10, minmax(0, 1fr));
  grid-auto-flow: dense;
}
.single .site-main .gallery.col_5.half > * {
  grid-column: span 2;
}
.single .site-main .gallery.col_5.half > *:nth-child(7n + 6) {
  grid-column: span 4;
}
.single .site-main .gallery.col_5.half > *:nth-child(7n + 7) {
  grid-column: span 4;
}
.single .site-main .gallery.col_5.double {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
.single .site-main .gallery.col_5.double > * {
  grid-column: span 2;
}
.single .site-main .gallery.col_5.double > *:nth-child(15n + 6) {
  grid-column: span 1;
}
.single .site-main .gallery.col_5.double > *:nth-child(15n + 7) {
  grid-column: span 1;
}
.single .site-main .gallery.col_5.double > *:nth-child(15n + 8) {
  grid-column: span 1;
}
.single .site-main .gallery.col_5.double > *:nth-child(15n + 9) {
  grid-column: span 1;
}
.single .site-main .gallery.col_5.double > *:nth-child(15n + 10) {
  grid-column: span 1;
}
.single .site-main .gallery.col_5.double > *:nth-child(15n + 11) {
  grid-column: span 1;
}
.single .site-main .gallery.col_5.double > *:nth-child(15n + 12) {
  grid-column: span 1;
}
.single .site-main .gallery.col_5.double > *:nth-child(15n + 13) {
  grid-column: span 1;
}
.single .site-main .gallery.col_5.double > *:nth-child(15n + 14) {
  grid-column: span 1;
}
.single .site-main .gallery.col_5.double > *:nth-child(15n + 15) {
  grid-column: span 1;
}
.single .site-main .gallery.col_6 {
  --cols: 6;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.single .site-main .gallery.col_6.half {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-auto-flow: dense;
}
.single .site-main .gallery.col_6.half > * {
  grid-column: span 2;
}
.single .site-main .gallery.col_6.half > *:nth-child(9n + 7) {
  grid-column: span 4;
}
.single .site-main .gallery.col_6.half > *:nth-child(9n + 8) {
  grid-column: span 4;
}
.single .site-main .gallery.col_6.half > *:nth-child(9n + 9) {
  grid-column: span 4;
}
.single .site-main .gallery.col_6.double {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.single .site-main .gallery.col_6.double > * {
  grid-column: span 2;
}
.single .site-main .gallery.col_6.double > *:nth-child(18n + 7) {
  grid-column: span 1;
}
.single .site-main .gallery.col_6.double > *:nth-child(18n + 8) {
  grid-column: span 1;
}
.single .site-main .gallery.col_6.double > *:nth-child(18n + 9) {
  grid-column: span 1;
}
.single .site-main .gallery.col_6.double > *:nth-child(18n + 10) {
  grid-column: span 1;
}
.single .site-main .gallery.col_6.double > *:nth-child(18n + 11) {
  grid-column: span 1;
}
.single .site-main .gallery.col_6.double > *:nth-child(18n + 12) {
  grid-column: span 1;
}
.single .site-main .gallery.col_6.double > *:nth-child(18n + 13) {
  grid-column: span 1;
}
.single .site-main .gallery.col_6.double > *:nth-child(18n + 14) {
  grid-column: span 1;
}
.single .site-main .gallery.col_6.double > *:nth-child(18n + 15) {
  grid-column: span 1;
}
.single .site-main .gallery.col_6.double > *:nth-child(18n + 16) {
  grid-column: span 1;
}
.single .site-main .gallery.col_6.double > *:nth-child(18n + 17) {
  grid-column: span 1;
}
.single .site-main .gallery.col_6.double > *:nth-child(18n + 18) {
  grid-column: span 1;
}
.single .site-main .gallery.col_7 {
  --cols: 7;
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.single .site-main .gallery.col_7.half {
  grid-template-columns: repeat(14, minmax(0, 1fr));
  grid-auto-flow: dense;
}
.single .site-main .gallery.col_7.half > * {
  grid-column: span 2;
}
.single .site-main .gallery.col_7.half > *:nth-child(10n + 8) {
  grid-column: span 4;
}
.single .site-main .gallery.col_7.half > *:nth-child(10n + 9) {
  grid-column: span 4;
}
.single .site-main .gallery.col_7.half > *:nth-child(10n + 10) {
  grid-column: span 4;
}
.single .site-main .gallery.col_7.double {
  grid-template-columns: repeat(14, minmax(0, 1fr));
}
.single .site-main .gallery.col_7.double > * {
  grid-column: span 2;
}
.single .site-main .gallery.col_7.double > *:nth-child(21n + 8) {
  grid-column: span 1;
}
.single .site-main .gallery.col_7.double > *:nth-child(21n + 9) {
  grid-column: span 1;
}
.single .site-main .gallery.col_7.double > *:nth-child(21n + 10) {
  grid-column: span 1;
}
.single .site-main .gallery.col_7.double > *:nth-child(21n + 11) {
  grid-column: span 1;
}
.single .site-main .gallery.col_7.double > *:nth-child(21n + 12) {
  grid-column: span 1;
}
.single .site-main .gallery.col_7.double > *:nth-child(21n + 13) {
  grid-column: span 1;
}
.single .site-main .gallery.col_7.double > *:nth-child(21n + 14) {
  grid-column: span 1;
}
.single .site-main .gallery.col_7.double > *:nth-child(21n + 15) {
  grid-column: span 1;
}
.single .site-main .gallery.col_7.double > *:nth-child(21n + 16) {
  grid-column: span 1;
}
.single .site-main .gallery.col_7.double > *:nth-child(21n + 17) {
  grid-column: span 1;
}
.single .site-main .gallery.col_7.double > *:nth-child(21n + 18) {
  grid-column: span 1;
}
.single .site-main .gallery.col_7.double > *:nth-child(21n + 19) {
  grid-column: span 1;
}
.single .site-main .gallery.col_7.double > *:nth-child(21n + 20) {
  grid-column: span 1;
}
.single .site-main .gallery.col_7.double > *:nth-child(21n + 21) {
  grid-column: span 1;
}
.single .site-main .gallery.col_8 {
  --cols: 8;
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.single .site-main .gallery.col_8.half {
  grid-template-columns: repeat(16, minmax(0, 1fr));
  grid-auto-flow: dense;
}
.single .site-main .gallery.col_8.half > * {
  grid-column: span 2;
}
.single .site-main .gallery.col_8.half > *:nth-child(12n + 9) {
  grid-column: span 4;
}
.single .site-main .gallery.col_8.half > *:nth-child(12n + 10) {
  grid-column: span 4;
}
.single .site-main .gallery.col_8.half > *:nth-child(12n + 11) {
  grid-column: span 4;
}
.single .site-main .gallery.col_8.half > *:nth-child(12n + 12) {
  grid-column: span 4;
}
.single .site-main .gallery.col_8.double {
  grid-template-columns: repeat(16, minmax(0, 1fr));
}
.single .site-main .gallery.col_8.double > * {
  grid-column: span 2;
}
.single .site-main .gallery.col_8.double > *:nth-child(24n + 9) {
  grid-column: span 1;
}
.single .site-main .gallery.col_8.double > *:nth-child(24n + 10) {
  grid-column: span 1;
}
.single .site-main .gallery.col_8.double > *:nth-child(24n + 11) {
  grid-column: span 1;
}
.single .site-main .gallery.col_8.double > *:nth-child(24n + 12) {
  grid-column: span 1;
}
.single .site-main .gallery.col_8.double > *:nth-child(24n + 13) {
  grid-column: span 1;
}
.single .site-main .gallery.col_8.double > *:nth-child(24n + 14) {
  grid-column: span 1;
}
.single .site-main .gallery.col_8.double > *:nth-child(24n + 15) {
  grid-column: span 1;
}
.single .site-main .gallery.col_8.double > *:nth-child(24n + 16) {
  grid-column: span 1;
}
.single .site-main .gallery.col_8.double > *:nth-child(24n + 17) {
  grid-column: span 1;
}
.single .site-main .gallery.col_8.double > *:nth-child(24n + 18) {
  grid-column: span 1;
}
.single .site-main .gallery.col_8.double > *:nth-child(24n + 19) {
  grid-column: span 1;
}
.single .site-main .gallery.col_8.double > *:nth-child(24n + 20) {
  grid-column: span 1;
}
.single .site-main .gallery.col_8.double > *:nth-child(24n + 21) {
  grid-column: span 1;
}
.single .site-main .gallery.col_8.double > *:nth-child(24n + 22) {
  grid-column: span 1;
}
.single .site-main .gallery.col_8.double > *:nth-child(24n + 23) {
  grid-column: span 1;
}
.single .site-main .gallery.col_8.double > *:nth-child(24n + 24) {
  grid-column: span 1;
}
/* news */
.single.single-news .site-main .title-addon {
  font-weight: bold;
  margin-bottom: 0.5em;
}
.single.single-news .site-main h1 {
  margin-bottom: 0.2em;
}
.single.single-news .site-main .post-date {
  font-size: 0.8em;
}
.single.single-news .site-main .post-author {
  font-size: 0.8em;
  font-weight: bold;
  letter-spacing: 0.5px;
}
/* team */
.single.single-team .site-main .title-media-wrapper img {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: var(--radius);
}
.single.single-team .site-main h1 {
  margin-bottom: 0.2em;
  margin-top: 20%;
}
.single.single-team .site-main .team-position {
  font-weight: normal;
  margin-top: 0.7em;
}
.single.single-team .site-main .team-excerpt {
  margin-top: 1em;
}
.single.single-team .site-main .team-quote {
  font-size: 120%;
  line-height: 140%;
  margin-top: 1.5em;
  font-weight: bold;
}
.single.single-team .site-main .team-email-show {
  color: var(--col-link);
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
  vertical-align: baseline;
}
.single.single-team .site-main .contact {
  margin-top: 2em;
}
.single.single-team .site-main .contact p {
  display: inline-block;
  margin-right: 1em;
}
.single.single-team .site-main .icon {
  height: 1.5em;
  position: relative;
  top: -0.1em;
  margin-right: 0.2em;
}
.single.single-team .site-main .icon.social {
  height: 1.3em;
  margin-right: 1em;
}
@media only screen and (max-width: 555px) {
  .single.single-team .site-main h1 {
    margin-top: 0;
  }
}
/* events */
.post-event .event-title {
  margin-bottom: 0.1em;
}
.post-event .event-date {
  font-weight: 500;
  margin-bottom: 0.5em;
}
.post-event .event-time {
  font-weight: 500;
}
.post-event .event-excerpt {
  margin-bottom: 0.5em;
}
.post-event .event-location {
  margin-bottom: 0.5em;
}
.post-event .event-image {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 3/2;
  margin-bottom: calc(var(--margin) / 2);
  border-radius: var(--radius-dynamic-content);
}
.post-event .event-link {
  text-decoration: none;
}
.post-event.event-internal .event-link {
  color: var(--col-selected);
}
.post-event:hover .event-image {
  transform: scale(1.03);
}
.event-overview-page .post-event.event-internal .event-link {
  color: var(--col-button);
}
/* Wird im Wordpress Block unter "erweitert" gesetzt */
.sf-block-event .sf-button {
  background-color: var(--col-button-hover);
  color: var(--col-button-font);
  text-decoration: none;
}
.sf-block-event .sf-button:hover {
  color: var(--col-button-font-hover);
}
/* events page */
.post-event-page .event-text {
  width: 75%;
}
@media only screen and (max-width: 555px) {
  .post-event-page .event-text {
    width: 100%;
  }
}
/* Company */
.post-company-page .logo-container {
  text-align: center;
  padding: var(--padding);
  border-radius: var(--radius);
  background: #efefef;
}
.post-company-page .logo {
  width: auto;
  height: 100px;
  object-fit: contain;
  max-width: 350px;
}
.post-company-page .title {
  text-align: left;
}
.post-company-page .address {
  text-align: left;
}