@charset "UTF-8";
@font-face {
  font-family: "PFBague";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/PFBague/PFBagueLight.woff2") format("woff2"), url("../fonts/PFBague/PFBagueLight.woff") format("woff");
}
@font-face {
  font-family: "PFBague";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/PFBague/PFBagueLightItalic.woff2") format("woff2"), url("../fonts/PFBague/PFBagueLightItalic.woff") format("woff");
}
@font-face {
  font-family: "PFBague";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/PFBague/PFBagueRegular.woff2") format("woff2"), url("../fonts/PFBague/PFBagueRegular.woff") format("woff");
}
@font-face {
  font-family: "PFBague";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/PFBague/PFBagueRegularItalic.woff2") format("woff2"), url("../fonts/PFBague/PFBagueRegularItalic.woff") format("woff");
}
@font-face {
  font-family: "PFBague";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/PFBague/PFBagueMedium.woff2") format("woff2"), url("../fonts/PFBague/PFBagueMedium.woff") format("woff");
}
@font-face {
  font-family: "PFBague";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/PFBague/PFBagueBold.woff2") format("woff2"), url("../fonts/PFBague/PFBagueBold.woff") format("woff");
}
@font-face {
  font-family: "PFBague";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/PFBague/PFBagueBlack.ttf") format("truetype");
}
@font-face {
  font-family: "YoungSerif";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/YoungSerif/YoungSerif-Regular.woff2") format("woff2"), url("../fonts/YoungSerif/YoungSerif-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "YoungSerif";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/YoungSerif/YoungSerif-Bold.woff2") format("woff2"), url("../fonts/YoungSerif/YoungSerif-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "YoungSerif VF";
  font-style: normal;
  font-weight: 300 700;
  src: url("../fonts/YoungSerif/YoungSerifVF.woff2") format("woff2 supports variations"), url("../fonts/YoungSerif/YoungSerifVF.woff2") format("woff2-variations");
}
@font-face {
  font-family: "SVKIcons";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/SVKIcons/SVKIcons-Regular.woff2") format("woff2"), url("../fonts/SVKIcons/SVKIcons-Regular.woff") format("woff");
}
[class^=svk-icon-] {
  font-family: "SVKIcons";
  font-weight: normal;
  font-style: normal;
}

.svk-icon-phone::before {
  content: "\f095";
}

.svk-icon-envelop::before {
  content: "\f003";
}

.svk-icon-facebook::before {
  content: "\f39e";
}

.svk-icon-instagram::before {
  content: "\f16d";
}

.svk-icon-linkedin::before {
  content: "\f08c";
}

.svk-icon-eye::before {
  content: "\f06e";
}

.svk-icon-speechbubble::before {
  content: "\f150";
}

.svk-icon-envelope-k::before {
  content: "\f155";
}

.svk-icon-pin-address::before {
  content: "\f160";
}

.svk-icon-sieveking::before {
  content: "\f400";
}

.svk-icon-up-arrow::before {
  content: "↑";
}

.svk-icon-right-arrow::before {
  content: "→";
}

.svk-icon-down-arrow::before {
  content: "↓";
}

.svk-icon-left-arrow::before {
  content: "←";
}

.svk-icon-angle-left::before {
  content: "\f104";
}

.svk-icon-angle-right::before {
  content: "\f105";
}

.svk-icon-angle-up::before {
  content: "\f106";
}

.svk-icon-angle-down::before {
  content: "\f107";
}

.svk-icon-angle-left_lighter::before {
  content: "\f114";
}

.svk-icon-angle-right_lighter::before {
  content: "\f115";
}

.svk-icon-angle-up_lighter::before {
  content: "\f116";
}

.svk-icon-angle-down_lighter::before {
  content: "\f117";
}

*,
*::before,
*::after {
  box-sizing: inherit;
  font-synthesis: none !important;
  -webkit-font-smoothing: antialiased;
  text-underline-position: from-font;
}

a:link {
  color: var(--col-ih-tx-link_pos);
}
a:visited {
  color: var(--col-ih-tx-link_pos_visited);
}
a:hover, a:focus, a:active {
  color: var(--col-ih-tx-link_pos_active);
}

html {
  font-size: 100%;
  box-sizing: border-box;
}

body {
  background-color: var(--col-ih-bg-white);
  color: var(--col-ih-tx);
  font-family: "PFBague", Arial, Helvetica, sans-serif;
  font-size: var(--font-size-cm);
  line-height: var(--lh-copy);
  letter-spacing: var(--ls-mixed);
  margin: 0;
  padding: 0;
  min-height: 100vh;
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
}

p {
  margin-top: 0;
  margin-bottom: 0.5em;
}

img {
  display: block;
  max-width: 100%;
}

@media (prefers-color-scheme: dark) {
  :root img,
  :root source {
    filter: brightness(0.85) contrast(0.9);
  }
}
:root[data-theme=dark] {
  color-scheme: only dark;
}
:root[data-theme=dark] img,
:root[data-theme=dark] source {
  filter: brightness(0.85) contrast(0.9);
}

@media (prefers-contrast: less) {
  :root img,
  :root source {
    filter: brightness(1) contrast(0.8);
  }
}
:root[data-theme=less-contrast] img,
:root[data-theme=less-contrast] source {
  filter: brightness(1) contrast(0.8);
}

@media (prefers-contrast: more) {
  :root img,
  :root source {
    filter: brightness(1) contrast(1.2);
  }
}
:root[data-theme=more-contrast] img,
:root[data-theme=more-contrast] source {
  filter: brightness(1) contrast(1.2);
}

.svk-color-wrapper {
  display: contents;
}

.svkn-container-outer {
  width: 100%;
}

.svkn-container-inner {
  padding-inline: var(--pd-default);
  padding-block: var(--pd-default);
}
@media (min-width: 87.5rem) {
  .svkn-container-inner--default {
    max-width: 1400px;
    margin-inline: auto;
  }
}
@media (min-width: 87.5rem) {
  .svkn-container-inner--full-width {
    max-width: 100%;
  }
}
.svkn-container-inner--full-width-no-padding {
  padding-inline: 0;
  max-width: 100%;
}
@media (min-width: 87.5rem) {
  .svkn-container-inner--full-width-right {
    max-width: calc(50% + 700px);
    margin-left: auto;
  }
}
@media (min-width: 87.5rem) {
  .svkn-container-inner--full-width-left {
    max-width: calc(50% + 700px);
    margin-right: auto;
  }
}

.visually-hidden,
.svk-form-item--kontaktinfo {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.svk-form-item--kontaktinfo {
  pointer-events: none;
  user-select: none;
}

.remove-link-decoration a:link, .remove-link-decoration a:visited, .remove-link-decoration a:hover, .remove-link-decoration a:focus, .remove-link-decoration a:active,
a.remove-link-decoration:link,
a.remove-link-decoration:visited,
a.remove-link-decoration:hover,
a.remove-link-decoration:focus,
a.remove-link-decoration:active {
  text-decoration: none;
  color: inherit;
}

:root {
  --svk-link-color: var(--col-ih-tx-link_pos);
  --svk-link-color-visited: var(--col-ih-tx-link_pos_visited);
  --svk-link-color-active: var(--col-ih-tx-link_pos_active);
}

.remove-link-color a:link, .remove-link-color a:visited, .remove-link-color a:hover, .remove-link-color a:focus, .remove-link-color a:active,
a.remove-link-color:link,
a.remove-link-color:visited,
a.remove-link-color:hover,
a.remove-link-color:focus,
a.remove-link-color:active,
a:has(.reference-block-caption.remove-link-color):link,
a:has(.reference-block-caption.remove-link-color):visited,
a:has(.reference-block-caption.remove-link-color):hover,
a:has(.reference-block-caption.remove-link-color):focus,
a:has(.reference-block-caption.remove-link-color):active,
a:has(.project-archive-item__content.remove-link-color):link,
a:has(.project-archive-item__content.remove-link-color):visited,
a:has(.project-archive-item__content.remove-link-color):hover,
a:has(.project-archive-item__content.remove-link-color):focus,
a:has(.project-archive-item__content.remove-link-color):active {
  color: inherit !important;
}

.svk-link-pos-color-global a:link,
a.svk-link-pos-color-global:link,
.remove-link-color .svk-link-pos-color-global a:link,
.remove-link-color a.svk-link-pos-color-global:link {
  color: var(--svk-link-pos-global-color) !important;
}
.svk-link-pos-color-global a:visited,
a.svk-link-pos-color-global:visited,
.remove-link-color .svk-link-pos-color-global a:visited,
.remove-link-color a.svk-link-pos-color-global:visited {
  color: var(--svk-link-pos-global-color--visited) !important;
}
.svk-link-pos-color-global a:hover, .svk-link-pos-color-global a:focus, .svk-link-pos-color-global a:active,
a.svk-link-pos-color-global:hover,
a.svk-link-pos-color-global:focus,
a.svk-link-pos-color-global:active,
.remove-link-color .svk-link-pos-color-global a:hover,
.remove-link-color .svk-link-pos-color-global a:focus,
.remove-link-color .svk-link-pos-color-global a:active,
.remove-link-color a.svk-link-pos-color-global:hover,
.remove-link-color a.svk-link-pos-color-global:focus,
.remove-link-color a.svk-link-pos-color-global:active {
  color: var(--svk-link-pos-global-color--active) !important;
}

.svk-link-neg-color-global a:link,
a.svk-link-neg-color-global:link,
.remove-link-color .svk-link-neg-color-global a:link,
.remove-link-color a.svk-link-neg-color-global:link {
  color: var(--svk-link-neg-global-color) !important;
}
.svk-link-neg-color-global a:visited,
a.svk-link-neg-color-global:visited,
.remove-link-color .svk-link-neg-color-global a:visited,
.remove-link-color a.svk-link-neg-color-global:visited {
  color: var(--svk-link-neg-global-color--visited) !important;
}
.svk-link-neg-color-global a:hover, .svk-link-neg-color-global a:focus, .svk-link-neg-color-global a:active,
a.svk-link-neg-color-global:hover,
a.svk-link-neg-color-global:focus,
a.svk-link-neg-color-global:active,
.remove-link-color .svk-link-neg-color-global a:hover,
.remove-link-color .svk-link-neg-color-global a:focus,
.remove-link-color .svk-link-neg-color-global a:active,
.remove-link-color a.svk-link-neg-color-global:hover,
.remove-link-color a.svk-link-neg-color-global:focus,
.remove-link-color a.svk-link-neg-color-global:active {
  color: var(--svk-link-neg-global-color--active) !important;
}

.link-color a:link,
a.link-color:link,
a:has(.reference-block-caption.link-color):link,
a:has(.project-archive-item__content.link-color):link,
a:has(.reference-block-caption.link-color--hover):link,
a:has(.project-archive-item__content.link-color--hover):link {
  color: var(--svk-link-color);
}
.link-color a:visited,
a.link-color:visited,
a:has(.reference-block-caption.link-color):visited,
a:has(.project-archive-item__content.link-color):visited,
a:has(.reference-block-caption.link-color--hover):visited,
a:has(.project-archive-item__content.link-color--hover):visited {
  color: var(--svk-link-color-visited);
}
.link-color a:hover, .link-color a:focus, .link-color a:active,
a.link-color:hover,
a.link-color:focus,
a.link-color:active,
a:has(.reference-block-caption.link-color):hover,
a:has(.reference-block-caption.link-color):focus,
a:has(.reference-block-caption.link-color):active,
a:has(.project-archive-item__content.link-color):hover,
a:has(.project-archive-item__content.link-color):focus,
a:has(.project-archive-item__content.link-color):active,
a:has(.reference-block-caption.link-color--hover):hover,
a:has(.reference-block-caption.link-color--hover):focus,
a:has(.reference-block-caption.link-color--hover):active,
a:has(.project-archive-item__content.link-color--hover):hover,
a:has(.project-archive-item__content.link-color--hover):focus,
a:has(.project-archive-item__content.link-color--hover):active {
  color: var(--svk-link-color-active);
}

.link-color--hover a:link, .link-color--hover a:visited,
a.link-color--hover:link,
a.link-color--hover:visited,
a:has(.reference-block-caption.link-color--hover):link,
a:has(.reference-block-caption.link-color--hover):visited,
a:has(.project-archive-item__content.link-color--hover):link,
a:has(.project-archive-item__content.link-color--hover):visited {
  color: inherit !important;
}
.link-color--hover a:hover, .link-color--hover a:focus, .link-color--hover a:active,
a.link-color--hover:hover,
a.link-color--hover:focus,
a.link-color--hover:active,
a:has(.reference-block-caption.link-color--hover):hover,
a:has(.reference-block-caption.link-color--hover):focus,
a:has(.reference-block-caption.link-color--hover):active,
a:has(.project-archive-item__content.link-color--hover):hover,
a:has(.project-archive-item__content.link-color--hover):focus,
a:has(.project-archive-item__content.link-color--hover):active {
  color: var(--svk-link-color-active) !important;
}

.links-in-text-color a:link, .links-in-text-color a:visited, .links-in-text-color a:hover, .links-in-text-color a:focus, .links-in-text-color a:active,
a.links-in-text-color:link,
a.links-in-text-color:visited,
a.links-in-text-color:hover,
a.links-in-text-color:focus,
a.links-in-text-color:active,
a:has(.reference-block-caption.links-in-text-color):link,
a:has(.reference-block-caption.links-in-text-color):visited,
a:has(.reference-block-caption.links-in-text-color):hover,
a:has(.reference-block-caption.links-in-text-color):focus,
a:has(.reference-block-caption.links-in-text-color):active,
a:has(.project-archive-item__content.links-in-text-color):link,
a:has(.project-archive-item__content.links-in-text-color):visited,
a:has(.project-archive-item__content.links-in-text-color):hover,
a:has(.project-archive-item__content.links-in-text-color):focus,
a:has(.project-archive-item__content.links-in-text-color):active,
a:has(.reference-block-caption.links-in-text-color--hover):link,
a:has(.reference-block-caption.links-in-text-color--hover):visited,
a:has(.reference-block-caption.links-in-text-color--hover):hover,
a:has(.reference-block-caption.links-in-text-color--hover):focus,
a:has(.reference-block-caption.links-in-text-color--hover):active,
a:has(.project-archive-item__content.links-in-text-color--hover):link,
a:has(.project-archive-item__content.links-in-text-color--hover):visited,
a:has(.project-archive-item__content.links-in-text-color--hover):hover,
a:has(.project-archive-item__content.links-in-text-color--hover):focus,
a:has(.project-archive-item__content.links-in-text-color--hover):active {
  color: inherit;
}

.svk-link-td-global a:link, .svk-link-td-global a:visited,
a.svk-link-td-global:link,
a.svk-link-td-global:visited {
  text-decoration: var(--svk-link-global-td) !important;
}
.svk-link-td-global a:hover, .svk-link-td-global a:focus, .svk-link-td-global a:active,
a.svk-link-td-global:hover,
a.svk-link-td-global:focus,
a.svk-link-td-global:active {
  text-decoration: var(--svk-link-global-td--hover) !important;
}

.remove-link-underline a:link, .remove-link-underline a:visited, .remove-link-underline a:hover, .remove-link-underline a:focus, .remove-link-underline a:active,
a.remove-link-underline:link,
a.remove-link-underline:visited,
a.remove-link-underline:hover,
a.remove-link-underline:focus,
a.remove-link-underline:active {
  text-decoration: none;
}

.link-underline-hover-only a:link, .link-underline-hover-only a:visited,
a.link-underline-hover-only:link,
a.link-underline-hover-only:visited {
  text-decoration: none;
}
.link-underline-hover-only a:hover, .link-underline-hover-only a:focus, .link-underline-hover-only a:active,
a.link-underline-hover-only:hover,
a.link-underline-hover-only:focus,
a.link-underline-hover-only:active {
  text-decoration: underline;
}

.link-underline a:link, .link-underline a:visited, .link-underline a:hover, .link-underline a:focus, .link-underline a:active,
a.link-underline:link,
a.link-underline:visited,
a.link-underline:hover,
a.link-underline:focus,
a.link-underline:active {
  text-decoration: underline;
}

svg, g {
  fill: currentColor;
  stroke: currentColor;
}

.svkn-container-outer--default h2 {
  font-size: var(--font-size-cl);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: var(--ls-caps-cmp);
  line-height: var(--lh-default);
  text-align: center;
}

:root {
  --bp-xxl: calc( 1400 * 1px );
  --lh-compressed: 1.15em;
  --lh-default: 1.2em;
  --lh-semi-expanded: 1.3em;
  --lh-copy: 1.4em;
  --lh-mobile-menu: 1.6em;
  --border: 1px;
  --border-bold: 2px;
}
@media (prefers-contrast: more) {
  :root {
    --border: 2px;
    --border-bold: 4px;
  }
}
:root {
  --content-max: 1400px;
}
:root {
  --header-row-height: 6.875rem;
  --left-column-width: 3.75rem;
  --right-column-width: 6.875rem;
}
:root {
  --scale: calc(1rem / 16px);
  --font-size-mm: 25px;
  --font-size-accs: 16px;
  --font-size-accm: 18px;
  --font-size-cs: 16px;
  --font-size-cm: 20px;
  --font-size-ca: 20px;
  --font-size-cl: 24px;
  --font-size-cxl: 40px;
  --font-size-sph1: 32px;
  --font-size-sph2: 22px;
  --font-size-sph3: 17px;
  --font-size-cdhl: clamp(30px, calc(30px + 1.25vw), 46px);
  --font-size-cdtx: clamp(18px, calc(18px + 0.46875vw), 24px);
  --font-size-uxl: 40px;
  --font-size-ym: 24px;
  --font-size-yl: 32px;
  --font-size-yxl: 40px;
  --font-size-btn: 22px;
  --font-size-fs: 16px;
}
@media (min-width: 360px) {
  :root {
    --font-size-mm: 25px;
    --font-size-accs: clamp(16px, calc(14.4347826087px + 0.4347826087vw), 20px);
    --font-size-accm: clamp(18px, calc(15.652173913px + 0.652173913vw), 24px);
    --font-size-cs: clamp(16px, calc(14.2352941176px + 0.4901960784vw), 18px);
    --font-size-cm: clamp(20px, calc(18.4347826087px + 0.4347826087vw), 24px);
    --font-size-ca: clamp(20px, calc(19.2173913043px + 0.2173913043vw), 22px);
    --font-size-cl: clamp(24px, calc(20.7469879518px + 0.9036144578vw), 30px);
    --font-size-cxl: clamp(40px, calc(35.5882352941px + 1.2254901961vw), 45px);
    --font-size-sph1: clamp(32px, calc(28.4705882353px + 0.9803921569vw), 36px);
    --font-size-sph2: clamp(22px, calc(20.2352941176px + 0.4901960784vw), 24px);
    --font-size-sph3: clamp(17px, calc(15.2352941176px + 0.4901960784vw), 19px);
    --font-size-uxl: clamp(40px, calc(35.5882352941px + 1.2254901961vw), 45px);
    --font-size-ym: clamp(24px, calc(21.652173913px + 0.652173913vw), 30px);
    --font-size-yl: clamp(32px, calc(28.0869565217px + 1.0869565217vw), 42px);
    --font-size-yxl: clamp(40px, calc(31.1764705882px + 2.4509803922vw), 50px);
    --font-size-btn: 22px;
  }
}
@media (min-width: 480px) {
  :root {
    --font-size-fs: clamp(16px, calc(14.2352941176px + 0.3676470588vw), 18px);
  }
}
@media (min-width: 768px) {
  :root {
    --font-size-cs: clamp(18px, calc(15px + 0.390625vw), 20px);
    --font-size-cxl: clamp(45px, calc(30px + 1.953125vw), 50px);
    --font-size-sph1: clamp(36px, calc(24px + 1.5625vw), 40px);
    --font-size-sph2: clamp(24px, calc(15px + 1.171875vw), 27px);
    --font-size-sph3: clamp(19px, calc(16px + 0.390625vw), 20px);
    --font-size-uxl: clamp(45px, calc(30px + 1.953125vw), 50px);
    --font-size-yxl: clamp(50px, calc(20px + 3.90625vw), 60px);
  }
}
@media (min-width: 1024px) {
  :root {
    --font-size-mm: clamp(25px, calc(13px + 1.171875vw), 28px);
    --font-size-cl: clamp(30px, calc(-2px + 3.125vw), 38px);
    --font-size-cxl: clamp(50px, calc(-54px + 10.15625vw), 76px);
    --font-size-sph1: clamp(40px, calc(0px + 3.90625vw), 50px);
    --font-size-sph2: clamp(27px, calc(3px + 2.34375vw), 33px);
    --font-size-sph3: clamp(20px, calc(-4px + 2.34375vw), 26px);
    --font-size-uxl: clamp(50px, calc(-54px + 10.15625vw), 76px);
    --font-size-yxl: clamp(60px, calc(-40px + 9.765625vw), 85px);
    --font-size-fs: 18px;
  }
}
@media (min-width: 1280px) {
  :root {
    --font-size-mm: 28px;
    --font-size-accs: 20px;
    --font-size-accm: 24px;
    --font-size-cs: 20px;
    --font-size-cm: 24px;
    --font-size-ca: 22px;
    --font-size-cl: 38px;
    --font-size-cxl: 76px;
    --font-size-sph1: 50px;
    --font-size-sph2: 33px;
    --font-size-sph3: 26px;
    --font-size-cdhl: 46px;
    --font-size-cdtx: 24px;
    --font-size-uxl: 76px;
    --font-size-ym: 30px;
    --font-size-yl: 42px;
    --font-size-yxl: 85px;
    --font-size-btn: 22px;
  }
}
:root {
  --scale: calc(1rem / 16px);
  --ls-mixed: clamp(0.05rem, calc(0.05rem + -0.076171875vw), 0.00125rem);
  --ls-caps-cmp: clamp(0.1rem, calc(0.1rem + -0.1494140625vw), 0.004375rem);
  --ls-caps: clamp(0.2rem, calc(0.2rem + -0.2978515625vw), 0.009375rem);
}
@media (min-width: 64rem) {
  :root {
    --ls-mixed: clamp(0.02rem, calc(0.1rem + -0.125vw), 0rem);
    --ls-caps-cmp: clamp(0.07rem, calc(0.3375rem + -0.41796875vw), 0.003125rem);
    --ls-caps: clamp(0.15rem, calc(0.725rem + -0.8984375vw), 0.00625rem);
  }
}
@media (min-width: 80rem) {
  :root {
    --ls-mixed: 0rem;
    --ls-caps-cmp: 0.05rem;
    --ls-caps: 0.1rem;
  }
}
:root {
  --scale: calc(1rem / 16px);
  --pd-mini: clamp(0.25rem, calc(0.25rem + 0.5859375vw), 0.625rem);
  --pd-mini-plus: clamp(0.625rem, calc(0.625rem + 0.9765625vw), 1.25rem);
  --pd-default: clamp(1.25rem, calc(1.25rem + 0.9765625vw), 1.875rem);
  --spacing-s: clamp(1.25rem, calc(1.25rem + 0.9765625vw), 1.875rem);
  --spacing-m: clamp(1.875rem, calc(1.875rem + 2.9296875vw), 3.75rem);
  --spacing-l: clamp(2.5rem, calc(2.5rem + 8.7890625vw), 8.125rem);
  --button-height: 2rem;
  --indicator-size: 1.625rem;
  --slider-arrow: 2.5rem;
}
@media (min-width: 22.5rem) {
  :root {
    --indicator-size: clamp(1.625rem, calc(1.1838235294rem + 1.9607843137vw), 2.125rem);
  }
}
@media (min-width: 30rem) {
  :root {
    --slider-arrow: clamp(2.5rem, calc(2.0588235294rem + 1.4705882353vw), 3rem);
  }
}
@media (min-width: 48rem) {
  :root {
    --indicator-size: 2.125rem;
  }
}
@media (min-width: 64rem) {
  :root {
    --pd-mini: 0.625rem;
    --pd-mini-plus: 1.25rem;
    --pd-default: clamp(1.875rem, calc(-0.625rem + 3.90625vw), 2.5rem);
    --spacing-s: clamp(1.875rem, calc(-0.625rem + 3.90625vw), 2.5rem);
    --spacing-m: clamp(3.75rem, calc(-3.75rem + 11.71875vw), 5.625rem);
    --spacing-l: clamp(8.125rem, calc(-9.375rem + 27.34375vw), 12.5rem);
    --slider-arrow: 3rem;
  }
}
@media (min-width: 80rem) {
  :root {
    --pd-default: 2.5rem;
    --spacing-s: 2.5rem;
    --spacing-m: 5.625rem;
    --spacing-l: 12.5rem;
  }
}
:root {
  --mg-xs-em: 0.5em;
  --mg-s-em: 0.75em;
  --mg-default-em: 1em;
  --mg-l-em: 1.4em;
}
:root {
  --scale: calc(1rem / 16px);
  --menu-bar-height: 3.75rem;
  --menu-logo-height: 1.625rem;
  --menu-icon-height: 1.4375rem;
  --menu-mobile-icon-font-size: 1.25rem;
  --menu-desktop-icon-font-size: 1.625rem;
}
@media (min-width: 48rem) {
  :root {
    --menu-bar-height: clamp(3.75rem, calc(0rem + 7.8125vw), 5rem);
  }
}
@media (min-width: 64rem) {
  :root {
    --menu-bar-height: 5rem;
  }
}

/* 
    Temporary styles for developement.
    TODO: Remove this file when developement is complete.
*/
.font-size-ms {
  font-size: var(--font-size-ms);
  font-family: "PFBague";
}

.font-size-mm {
  font-size: var(--font-size-mm);
  font-family: "PFBague";
}

.font-size-cs {
  font-size: var(--font-size-cs);
  font-family: "PFBague";
}

.font-size-cm {
  font-size: var(--font-size-cm);
  font-family: "PFBague";
}

.font-size-cl {
  font-size: var(--font-size-cl);
  font-family: "PFBague";
}

.font-size-cxl {
  font-size: var(--font-size-cxl);
  font-family: "PFBague";
}

.font-size-ym {
  font-size: var(--font-size-ym);
  font-family: "YoungSerif VF";
  font-weight: 700;
}

.font-size-yl {
  font-size: var(--font-size-yl);
  font-family: "YoungSerif VF";
  font-weight: 700;
}

.font-size-yxl {
  font-size: var(--font-size-yxl);
  font-family: "YoungSerif VF";
  font-weight: 700;
}

/* / END / Temporary styles for developement. */
html[data-show-breakpoints=true] body::before {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100000;
  padding: 1px 4px 1px 4px;
  font-size: 0.75em;
  text-transform: uppercase;
  letter-spacing: 0.2ex;
  font-weight: 600;
  background-color: aquamarine;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  content: "xxs / 0 – 359 px";
}
@media (min-width: 22.5rem) {
  html[data-show-breakpoints=true] body::before {
    content: "xs / 360 – 479 px";
  }
}
@media (min-width: 30rem) {
  html[data-show-breakpoints=true] body::before {
    content: "s / 480 – 767 px";
  }
}
@media (min-width: 48rem) {
  html[data-show-breakpoints=true] body::before {
    content: "m / 768 – 1023 px";
  }
}
@media (min-width: 64rem) {
  html[data-show-breakpoints=true] body::before {
    content: "l / 1024 – 1279 px";
  }
}
@media (min-width: 80rem) {
  html[data-show-breakpoints=true] body::before {
    content: "xl / 1280 – 1399 px";
  }
}
@media (min-width: 87.5rem) {
  html[data-show-breakpoints=true] body::before {
    content: "xxl / ab 1400 px";
  }
}

html[data-show-columns=true] body {
  background-image: linear-gradient(to right, transparent 0, transparent var(--pd-default), rgba(0, 255, 255, 0.13) var(--pd-default), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + calc((100% - 0 * var(--pd-default) - 2 * var(--pd-default)) / 1)), transparent calc(100% - var(--pd-default)), transparent 100%);
}
@media (min-width: 22.5rem) {
  html[data-show-columns=true] body {
    background-image: linear-gradient(to right, transparent 0, transparent var(--pd-default), rgba(0, 255, 255, 0.13) var(--pd-default), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + calc((100% - 1 * var(--pd-default) - 2 * var(--pd-default)) / 2)), transparent calc(var(--pd-default) + calc((100% - 1 * var(--pd-default) - 2 * var(--pd-default)) / 2)), transparent calc(var(--pd-default) + 1 * calc((100% - 1 * var(--pd-default) - 2 * var(--pd-default)) / 2) + 1 * var(--pd-default)), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + (2 - 1) * (calc((100% - 1 * var(--pd-default) - 2 * var(--pd-default)) / 2) + var(--pd-default))), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + 2 * calc((100% - 1 * var(--pd-default) - 2 * var(--pd-default)) / 2) + (2 - 1) * var(--pd-default)), transparent calc(100% - var(--pd-default)), transparent 100%);
  }
}
@media (min-width: 30rem) {
  html[data-show-columns=true] body {
    background-image: linear-gradient(to right, transparent 0, transparent var(--pd-default), rgba(0, 255, 255, 0.13) var(--pd-default), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8)), transparent calc(var(--pd-default) + calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8)), transparent calc(var(--pd-default) + 1 * calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + 1 * var(--pd-default)), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + (2 - 1) * (calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + var(--pd-default))), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + 2 * calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + (2 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 2 * calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + (2 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 2 * calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + 2 * var(--pd-default)), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + (3 - 1) * (calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + var(--pd-default))), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + 3 * calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + (3 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 3 * calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + (3 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 3 * calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + 3 * var(--pd-default)), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + (4 - 1) * (calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + var(--pd-default))), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + 4 * calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + (4 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 4 * calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + (4 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 4 * calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + 4 * var(--pd-default)), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + (5 - 1) * (calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + var(--pd-default))), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + 5 * calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + (5 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 5 * calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + (5 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 5 * calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + 5 * var(--pd-default)), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + (6 - 1) * (calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + var(--pd-default))), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + 6 * calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + (6 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 6 * calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + (6 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 6 * calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + 6 * var(--pd-default)), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + (7 - 1) * (calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + var(--pd-default))), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + 7 * calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + (7 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 7 * calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + (7 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 7 * calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + 7 * var(--pd-default)), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + (8 - 1) * (calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + var(--pd-default))), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + 8 * calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + (8 - 1) * var(--pd-default)), transparent calc(100% - var(--pd-default)), transparent 100%);
  }
}
@media (min-width: 48rem) {
  html[data-show-columns=true] body {
    background-image: linear-gradient(to right, transparent 0, transparent var(--pd-default), rgba(0, 255, 255, 0.13) var(--pd-default), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8)), transparent calc(var(--pd-default) + calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8)), transparent calc(var(--pd-default) + 1 * calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + 1 * var(--pd-default)), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + (2 - 1) * (calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + var(--pd-default))), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + 2 * calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + (2 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 2 * calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + (2 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 2 * calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + 2 * var(--pd-default)), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + (3 - 1) * (calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + var(--pd-default))), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + 3 * calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + (3 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 3 * calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + (3 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 3 * calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + 3 * var(--pd-default)), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + (4 - 1) * (calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + var(--pd-default))), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + 4 * calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + (4 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 4 * calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + (4 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 4 * calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + 4 * var(--pd-default)), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + (5 - 1) * (calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + var(--pd-default))), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + 5 * calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + (5 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 5 * calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + (5 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 5 * calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + 5 * var(--pd-default)), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + (6 - 1) * (calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + var(--pd-default))), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + 6 * calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + (6 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 6 * calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + (6 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 6 * calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + 6 * var(--pd-default)), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + (7 - 1) * (calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + var(--pd-default))), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + 7 * calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + (7 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 7 * calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + (7 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 7 * calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + 7 * var(--pd-default)), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + (8 - 1) * (calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + var(--pd-default))), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + 8 * calc((100% - 7 * var(--pd-default) - 2 * var(--pd-default)) / 8) + (8 - 1) * var(--pd-default)), transparent calc(100% - var(--pd-default)), transparent 100%);
  }
}
@media (min-width: 64rem) {
  html[data-show-columns=true] body {
    background-image: linear-gradient(to right, transparent 0, transparent var(--pd-default), rgba(0, 255, 255, 0.13) var(--pd-default), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12)), transparent calc(var(--pd-default) + calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12)), transparent calc(var(--pd-default) + 1 * calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + 1 * var(--pd-default)), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + (2 - 1) * (calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + var(--pd-default))), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + 2 * calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + (2 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 2 * calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + (2 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 2 * calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + 2 * var(--pd-default)), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + (3 - 1) * (calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + var(--pd-default))), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + 3 * calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + (3 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 3 * calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + (3 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 3 * calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + 3 * var(--pd-default)), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + (4 - 1) * (calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + var(--pd-default))), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + 4 * calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + (4 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 4 * calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + (4 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 4 * calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + 4 * var(--pd-default)), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + (5 - 1) * (calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + var(--pd-default))), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + 5 * calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + (5 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 5 * calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + (5 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 5 * calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + 5 * var(--pd-default)), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + (6 - 1) * (calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + var(--pd-default))), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + 6 * calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + (6 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 6 * calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + (6 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 6 * calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + 6 * var(--pd-default)), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + (7 - 1) * (calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + var(--pd-default))), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + 7 * calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + (7 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 7 * calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + (7 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 7 * calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + 7 * var(--pd-default)), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + (8 - 1) * (calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + var(--pd-default))), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + 8 * calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + (8 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 8 * calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + (8 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 8 * calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + 8 * var(--pd-default)), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + (9 - 1) * (calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + var(--pd-default))), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + 9 * calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + (9 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 9 * calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + (9 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 9 * calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + 9 * var(--pd-default)), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + (10 - 1) * (calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + var(--pd-default))), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + 10 * calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + (10 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 10 * calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + (10 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 10 * calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + 10 * var(--pd-default)), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + (11 - 1) * (calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + var(--pd-default))), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + 11 * calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + (11 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 11 * calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + (11 - 1) * var(--pd-default)), transparent calc(var(--pd-default) + 11 * calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + 11 * var(--pd-default)), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + (12 - 1) * (calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + var(--pd-default))), rgba(0, 255, 255, 0.13) calc(var(--pd-default) + 12 * calc((100% - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + (12 - 1) * var(--pd-default)), transparent calc(100% - var(--pd-default)), transparent 100%);
  }
}
@media (min-width: 87.5rem) {
  html[data-show-columns=true] body {
    background-image: linear-gradient(to right, transparent 0, transparent calc((100% - 87.5rem) / 2), transparent calc(calc((100% - 87.5rem) / 2) + var(--pd-default)), rgba(0, 255, 255, 0.13) calc(calc((100% - 87.5rem) / 2) + var(--pd-default)), rgba(0, 255, 255, 0.13) calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12)), transparent calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12)), transparent calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + 1 * calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + 1 * var(--pd-default)), rgba(0, 255, 255, 0.13) calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + (2 - 1) * (calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + var(--pd-default))), rgba(0, 255, 255, 0.13) calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + 2 * calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + (2 - 1) * var(--pd-default)), transparent calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + 2 * calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + (2 - 1) * var(--pd-default)), transparent calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + 2 * calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + 2 * var(--pd-default)), rgba(0, 255, 255, 0.13) calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + (3 - 1) * (calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + var(--pd-default))), rgba(0, 255, 255, 0.13) calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + 3 * calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + (3 - 1) * var(--pd-default)), transparent calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + 3 * calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + (3 - 1) * var(--pd-default)), transparent calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + 3 * calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + 3 * var(--pd-default)), rgba(0, 255, 255, 0.13) calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + (4 - 1) * (calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + var(--pd-default))), rgba(0, 255, 255, 0.13) calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + 4 * calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + (4 - 1) * var(--pd-default)), transparent calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + 4 * calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + (4 - 1) * var(--pd-default)), transparent calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + 4 * calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + 4 * var(--pd-default)), rgba(0, 255, 255, 0.13) calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + (5 - 1) * (calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + var(--pd-default))), rgba(0, 255, 255, 0.13) calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + 5 * calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + (5 - 1) * var(--pd-default)), transparent calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + 5 * calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + (5 - 1) * var(--pd-default)), transparent calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + 5 * calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + 5 * var(--pd-default)), rgba(0, 255, 255, 0.13) calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + (6 - 1) * (calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + var(--pd-default))), rgba(0, 255, 255, 0.13) calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + 6 * calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + (6 - 1) * var(--pd-default)), transparent calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + 6 * calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + (6 - 1) * var(--pd-default)), transparent calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + 6 * calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + 6 * var(--pd-default)), rgba(0, 255, 255, 0.13) calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + (7 - 1) * (calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + var(--pd-default))), rgba(0, 255, 255, 0.13) calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + 7 * calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + (7 - 1) * var(--pd-default)), transparent calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + 7 * calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + (7 - 1) * var(--pd-default)), transparent calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + 7 * calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + 7 * var(--pd-default)), rgba(0, 255, 255, 0.13) calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + (8 - 1) * (calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + var(--pd-default))), rgba(0, 255, 255, 0.13) calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + 8 * calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + (8 - 1) * var(--pd-default)), transparent calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + 8 * calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + (8 - 1) * var(--pd-default)), transparent calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + 8 * calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + 8 * var(--pd-default)), rgba(0, 255, 255, 0.13) calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + (9 - 1) * (calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + var(--pd-default))), rgba(0, 255, 255, 0.13) calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + 9 * calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + (9 - 1) * var(--pd-default)), transparent calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + 9 * calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + (9 - 1) * var(--pd-default)), transparent calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + 9 * calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + 9 * var(--pd-default)), rgba(0, 255, 255, 0.13) calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + (10 - 1) * (calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + var(--pd-default))), rgba(0, 255, 255, 0.13) calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + 10 * calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + (10 - 1) * var(--pd-default)), transparent calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + 10 * calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + (10 - 1) * var(--pd-default)), transparent calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + 10 * calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + 10 * var(--pd-default)), rgba(0, 255, 255, 0.13) calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + (11 - 1) * (calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + var(--pd-default))), rgba(0, 255, 255, 0.13) calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + 11 * calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + (11 - 1) * var(--pd-default)), transparent calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + 11 * calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + (11 - 1) * var(--pd-default)), transparent calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + 11 * calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + 11 * var(--pd-default)), rgba(0, 255, 255, 0.13) calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + (12 - 1) * (calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + var(--pd-default))), rgba(0, 255, 255, 0.13) calc(calc((100% - 87.5rem) / 2) + var(--pd-default) + 12 * calc((87.5rem - 11 * var(--pd-default) - 2 * var(--pd-default)) / 12) + (12 - 1) * var(--pd-default)), transparent calc(calc((100% - 87.5rem) / 2) + 87.5rem - var(--pd-default)), transparent calc(calc((100% - 87.5rem) / 2) + 87.5rem), transparent 100%);
  }
}
html[data-show-columns=true] .svkft-n-main-menu {
  border-bottom: 1px solid #33a;
}

footer {
  padding-inline: var(--pd-default);
  padding-top: calc(var(--pd-default) * 1.8);
  background-color: var(--col-ft-bg);
  color: var(--col-ft-tx);
  font-size: var(--font-size-fs);
  font-weight: 500;
  font-style: normal;
  letter-spacing: var(--ls-mixed);
}
footer a,
footer a:link,
footer a:active,
footer a:hover,
footer a:visited {
  color: inherit;
  text-decoration: none;
}
footer p, footer li {
  margin-block: 0;
  padding-bottom: 12px;
  line-height: 1.6;
}
footer p:last-child, footer li:last-child {
  padding-bottom: 0;
}

.footer__h {
  font-size: var(--font-size-fs);
  font-weight: 500;
  font-style: normal;
  letter-spacing: var(--ls-mixed);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: var(--ls-caps);
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: var(--border-bold) solid;
}

ul.footer__list {
  list-style: none;
  padding-left: 0;
}

.footer__text,
.footer__list li,
.footer_copyright {
  font-size: var(--font-size-fs);
  font-weight: 500;
  font-style: normal;
  letter-spacing: var(--ls-mixed);
}

.c__footer {
  max-width: 80rem;
  margin-inline: auto;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto auto;
  grid-template-areas: "footer_logo" "footer_contact" "footer_info" "footer_copy";
  background-color: var(--col-ft-bg);
}
@media (min-width: 30rem) {
  .c__footer {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
    grid-template-areas: "footer_logo footer_logo" "footer_contact footer_info" "footer_copy footer_copy";
    column-gap: var(--pd-default);
  }
}
@media (min-width: 48rem) {
  .c__footer {
    grid-template-columns: 3fr 3fr 2fr;
    grid-template-rows: auto auto auto;
    grid-template-areas: "footer_logo footer_logo footer_logo" "footer_contact footer_info footer_agentur" "footer_copy footer_copy footer_copy";
  }
}
@media (min-width: 64rem) {
  .c__footer {
    grid-template-columns: 3fr 2fr 2fr;
    grid-template-rows: auto auto auto auto;
    grid-template-areas: "footer_logo footer_logo footer_logo" "footer_contact footer_agentur ." "footer_info footer_social footer_verlag" "footer_copy footer_copy footer_copy";
  }
}
@media (min-width: 80rem) {
  .c__footer {
    grid-template-columns: 10.625rem 14.375rem 1fr 1fr 1fr 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: "footer_logo footer_contact footer_agentur footer_info footer_social footer_verlag" "footer_copy footer_copy footer_copy footer_copy footer_copy footer_copy";
  }
}

.footer_block__logo,
.footer_block__contact,
.footer_block__agentur,
.footer_block__info,
.footer_block__social,
.footer_block__verlag,
.footer_block__copyright {
  margin-bottom: calc(var(--pd-default) * 1.5);
}

.footer_block__agentur {
  display: none;
}
@media (min-width: 48rem) {
  .footer_block__agentur {
    display: block;
  }
}

.footer_block__social,
.footer_block__verlag {
  display: none;
}
@media (min-width: 64rem) {
  .footer_block__social,
  .footer_block__verlag {
    display: block;
  }
}

.footer_block__logo {
  grid-area: footer_logo;
  line-height: 0;
}
.footer_block__logo a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.footer_block__logo svg {
  width: 6rem;
  height: 1.1875rem;
}

.footer_block__contact {
  grid-area: footer_contact;
}

.footer_block__agentur {
  grid-area: footer_agentur;
}

.footer_block__info {
  grid-area: footer_info;
}

.footer_block__social {
  grid-area: footer_social;
}

.footer_block__verlag {
  grid-area: footer_verlag;
}

.footer_block__copyright {
  grid-area: footer_copy;
  border-top: var(--border-bold) solid;
  padding-top: calc(var(--pd-default) * 1);
  text-align: center;
}
.footer_block__copyright p {
  margin-block: 0;
}
@media (min-width: 80rem) {
  .footer_block__copyright {
    margin-bottom: calc(var(--pd-default) * 2);
  }
}

#totop.svk-transparent {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

#totop:not(.svk-transparent) {
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
}

.totop {
  position: fixed;
  bottom: 1.875rem;
  right: 1.875rem;
  height: 3.125rem;
  width: 3.125rem;
  background-color: var(--col-mn-bg);
  border: 0.1875rem solid var(--col-mn-bg);
  border-radius: 100%;
  color: var(--col-mn-tx);
  opacity: 0.7;
}
.totop:hover {
  opacity: 1;
}
.totop .svk-icon-up-arrow {
  position: relative;
  top: 0.55rem;
  font-weight: 400;
  font-size: 3.4375rem;
}
@media (min-width: 64rem) {
  .totop {
    height: 4.375rem;
    width: 4.375rem;
  }
  .totop .svk-icon-up-arrow {
    top: 1.15rem;
    font-size: 5rem;
  }
}

.svkft-n-main-menu--container {
  color: var(--col-mn-tx);
  background-color: var(--col-mn-bg);
  z-index: 1000;
}
@media (max-width: 63.9375rem) {
  .svkft-n-main-menu--container {
    margin-bottom: var(--menu-bar-height);
  }
}

.svkft-n-main-menu {
  background-color: var(--col-mn-bg);
  padding-inline: var(--pd-default);
  max-width: var(--content-max);
  margin-inline: auto;
}
.svkft-n-main-menu .current-menu-ancestor > a, .svkft-n-main-menu .current-menu-ancestor > a:active, .svkft-n-main-menu .current-menu-ancestor > a:link, .svkft-n-main-menu .current-menu-ancestor > a:hover, .svkft-n-main-menu .current-menu-ancestor > a:visited {
  text-decoration: underline;
}
@media (max-width: 63.9375rem) {
  .svkft-n-main-menu {
    display: none;
    opacity: 0.93;
    padding-block: var(--pd-default);
    position: fixed;
    z-index: 1200;
    top: var(--menu-bar-height);
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
  }
}
@media (min-width: 64rem) {
  .svkft-n-main-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    height: var(--menu-bar-height);
  }
}

.svkft-n-main-menu--mobile-bg {
  background-color: var(--col-mn-bg);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: var(--menu-bar-height);
  z-index: 1000;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
@media (min-width: 64rem) {
  .svkft-n-main-menu--mobile-bg {
    display: none;
  }
}

.header__hamburger_label {
  position: relative;
  display: block;
  height: var(--menu-bar-height);
  width: var(--menu-bar-height);
  cursor: pointer;
}
.header__hamburger_label::after {
  content: "";
  mask-image: url("../img/hmbgr-h.svg");
  background-color: var(--col-mn-tx);
  background-repeat: no-repeat;
  background-position: center;
  background-size: var(--menu-icon-height);
  width: var(--menu-icon-height);
  height: var(--menu-icon-height);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 64rem) {
  .header__hamburger_label {
    display: none;
  }
}

.header__overlay {
  position: fixed;
  z-index: 1100;
  top: 0;
  right: var(--menu-bar-height);
  height: var(--menu-bar-height);
  left: var(--menu-bar-height);
  background-color: var(--col-mn-bg);
  display: none;
}

.header__hamburger_cb:checked ~ .header__overlay {
  display: block;
}

.header__hamburger_cb:checked ~ .svkft-n-main-menu--mobile-bg .header__hamburger_label::after {
  mask-image: url("../img/hmbgr-x.svg");
}
.header__hamburger_cb:checked ~ .svkft-n-main-menu {
  display: block;
}

.svkft-n-main-menu--mobile--logo {
  display: flex;
  justify-content: center;
  align-items: center;
}

.header__logo_home {
  height: var(--menu-logo-height);
}
.header__logo_home span {
  height: inherit;
  padding: 0;
}
.header__logo_home span svg {
  color: var(--col-mn-tx);
  height: inherit;
}
.header__logo_home span svg g {
  stroke: none;
}

.svkft-n-main-menu--mobile--accessibility {
  height: var(--menu-bar-height);
  width: var(--menu-bar-height);
  color: var(--col-mn-tx);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.svkft-n-main-menu--mobile--accessibility .svk-icon-eye {
  font-size: var(--menu-mobile-icon-font-size);
}

@media (min-width: 64rem) {
  .header__menu_contact {
    display: none;
  }
}

.header__menu_contact_phone {
  background-color: var(--col-mn-bg);
  position: fixed;
  top: 0;
  right: 0;
  height: var(--menu-bar-height);
  width: var(--menu-bar-height);
  font-size: var(--menu-icon-font-size);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 64rem) {
  .header__menu_contact_phone {
    display: none;
  }
}

.svkft-n-main-menu--desktop-logo {
  margin-top: 0.6rem;
}
@media (max-width: 63.9375rem) {
  .svkft-n-main-menu--desktop-logo {
    display: none;
  }
}

@media (min-width: 64rem) {
  .svkft-n-main-menu .menu-item-home {
    display: none;
  }
}

.header__menu_main {
  text-align: center;
}
.header__menu_main ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.header__menu_main li {
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: "PFBague", Arial, sans-serif;
  font-weight: 400;
  font-size: var(--font-size-mm);
  line-height: var(--lh-mobile-menu);
}
.header__menu_main li a {
  text-underline-position: from-font;
  text-decoration: none;
  color: inherit;
}
.header__menu_main li.current-menu-item a {
  text-decoration: underline;
}
.header__menu_main li.current-menu-item a:hover, .header__menu_main li.current-menu-item a:focus, .header__menu_main li.current-menu-item a:active {
  color: inherit;
}
@media (min-width: 64rem) {
  .header__menu_main ul {
    display: inline-flex;
    flex-direction: row;
    gap: 2rem;
  }
}

.header__menu_lang {
  text-align: center;
}
@media (min-width: 64rem) {
  .header__menu_lang {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 2rem;
  }
}

.header__menu_lang_item__contact a {
  padding-top: 0;
  text-decoration: none;
  color: --var(--col-mn-tx-kontakt);
}
@media (max-width: 63.9375rem) {
  .header__menu_lang_item__contact a {
    margin-block: 2.5rem;
  }
}

.header__menu_lang_item {
  font-family: "PFBague", Arial, sans-serif;
  font-weight: 400;
  font-size: var(--font-size-mm);
  line-height: var(--lh-mobile-menu);
}
.header__menu_lang_item__languages {
  margin-bottom: 0;
}
@media (max-width: 63.9375rem) {
  .header__menu_lang_item__languages {
    margin-bottom: 2.5rem;
  }
}
.header__menu_lang_item a {
  text-decoration: none;
  color: inherit;
}
.header__menu_lang_item--active {
  color: var(--col-mn-tx-active);
  font-weight: 500;
}
@media (min-width: 64rem) {
  .header__menu_lang_item--active {
    display: none;
  }
}
.header__menu_lang_item--seperator {
  margin: 0 0.5em;
}
@media (min-width: 64rem) {
  .header__menu_lang_item--seperator {
    display: none;
  }
}

.header__menu_lang_item__accessibility .svk-icon-eye {
  font-size: var(--menu-desktop-icon-font-size);
}
@media (max-width: 63.9375rem) {
  .header__menu_lang_item__accessibility {
    display: none !important;
  }
}

.header__menu_social {
  border-top: var(--border) solid var(--col-mn-tx);
  border-bottom: var(--border) solid var(--col-mn-tx);
  display: flex;
  justify-content: space-between;
}
@media (min-width: 64rem) {
  .header__menu_social {
    display: none;
  }
}
.header__menu_social .header__menu_social_facebook,
.header__menu_social .header__menu_social_instagram,
.header__menu_social .header__menu_social_linkedin {
  height: var(--menu-bar-height);
  width: var(--menu-bar-height);
  color: var(--col-mn-tx);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header__menu_social .header__menu_social_facebook .svk-icon-facebook,
.header__menu_social .header__menu_social_facebook .svk-icon-instagram,
.header__menu_social .header__menu_social_facebook .svk-icon-linkedin,
.header__menu_social .header__menu_social_instagram .svk-icon-facebook,
.header__menu_social .header__menu_social_instagram .svk-icon-instagram,
.header__menu_social .header__menu_social_instagram .svk-icon-linkedin,
.header__menu_social .header__menu_social_linkedin .svk-icon-facebook,
.header__menu_social .header__menu_social_linkedin .svk-icon-instagram,
.header__menu_social .header__menu_social_linkedin .svk-icon-linkedin {
  font-size: var(--menu-icon-font-size);
}

.header__overlay_acc {
  display: none;
  position: absolute;
  z-index: 400;
  top: 0;
  width: 100%;
  bottom: 0;
  background-color: var(--col-mn-bg-overlay);
}

.header__menu_lang_item__accessibility[id=header__accessibility_button] {
  z-index: 410;
}

.header__menu__accessibility_overlay {
  display: none;
  position: fixed;
  right: 1em;
  top: var(--menu-bar-height);
  transform: translateY(1em);
  min-width: 12.5rem;
  width: 18.75rem;
  max-width: 90vw;
  z-index: 500;
  text-align: left;
}
@media (min-width: 64rem) {
  .header__menu__accessibility_overlay {
    position: absolute;
    top: var(--menu-bar-height);
  }
}
@media (min-width: 87.5rem) {
  .header__menu__accessibility_overlay {
    right: calc((100% - var(--content-max)) / 2);
  }
}

.accessibility-option {
  line-height: var(--lh-semi-expanded);
  padding: 0.8em;
  margin-bottom: 10px;
  border-radius: 8px;
  background-color: var(--col-mn-bg);
  box-shadow: 0 0px 16px rgba(0, 0, 0, 0.2);
  transition: box-shadow 0.2s ease;
}
.accessibility-option:hover {
  box-shadow: 0 0px 20px rgba(0, 0, 0, 0.3);
}
.accessibility-option:last-child {
  margin-bottom: 0;
}
.accessibility-option > .hl {
  font-weight: 500;
  font-size: var(--font-size-accm);
  letter-spacing: var(--ls-mixed);
  line-height: var(--lh-compressed);
  text-transform: uppercase;
  letter-spacing: var(--ls-caps);
  line-height: var(--lh-default);
  padding-bottom: 0.4em;
  border-bottom: 1px solid var(--col-mn-tx);
  margin-bottom: 0.5em;
}
.accessibility-option > .hl.hl-top {
  padding-top: 0;
}
.accessibility-option .acc-label {
  font-weight: 500;
  font-size: var(--font-size-accm);
  letter-spacing: var(--ls-mixed);
  line-height: var(--lh-compressed);
  padding-top: 0.6em;
}
.accessibility-option label {
  font-weight: 500;
  font-size: var(--font-size-accs);
  letter-spacing: var(--ls-mixed);
  display: block;
}
.accessibility-option input {
  transform: translateY(-0.5ex);
}
.accessibility-option .radio-label,
.accessibility-option .checkbox-label {
  margin-left: 0.3em;
}
@media (min-width: 48rem) {
  .accessibility-option {
    line-height: var(--lh-mobile-menu);
    padding: 1.75em;
  }
}

.projects-filter--project-info {
  margin-top: 4px;
  display: none;
}

:root[data-js=false] .projects-filter--toggle,
:root[data-reduce-motion=true] .projects-filter--toggle {
  display: none;
}
:root[data-js=false] .projects-filter--list,
:root[data-reduce-motion=true] .projects-filter--list {
  margin: 0;
  padding: 0;
  line-height: 2.2em;
}
:root[data-js=false] .projects-filter--item,
:root[data-reduce-motion=true] .projects-filter--item {
  color: var(--col-mn-tx);
  font-size: var(--font-size-btn);
  font-weight: 500;
  border-width: 2px;
  box-sizing: border-box;
  padding-inline: 1rem;
  line-height: 1.35em;
  display: inline-block;
  border-radius: 2rem;
  border-width: 2px;
  border-style: solid;
  text-align: center;
  height: var(--button-height);
  margin-right: 0.8em;
}
:root[data-js=false] .projects-filter--item.current,
:root[data-reduce-motion=true] .projects-filter--item.current {
  color: var(--col-mn-tx-kontakt);
  background-color: var(--col-mn-bg-kontakt);
  border-color: var(--col-mn-bg-kontakt);
}
@media (max-width: 29.9375rem) {
  :root[data-js=false] .projects-filter--item,
  :root[data-reduce-motion=true] .projects-filter--item {
    width: 100%;
  }
  :root[data-js=false] .projects-filter--item a,
  :root[data-reduce-motion=true] .projects-filter--item a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media (prefers-reduced-motion: reduce) {
  .projects-filter--toggle {
    display: none;
  }
  .projects-filter--list {
    margin: 0;
    padding: 0;
    line-height: 2.2em;
  }
  .projects-filter--item {
    color: var(--col-mn-tx);
    font-size: var(--font-size-btn);
    font-weight: 500;
    border-width: 2px;
    box-sizing: border-box;
    padding-inline: 1rem;
    line-height: 1.35em;
    display: inline-block;
    border-radius: 2rem;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    height: var(--button-height);
    margin-right: 0.8em;
  }
  .projects-filter--item.current {
    color: var(--col-mn-tx-kontakt);
    background-color: var(--col-mn-bg-kontakt);
    border-color: var(--col-mn-bg-kontakt);
  }
}
@media (prefers-reduced-motion: reduce) and (max-width: 29.9375rem) {
  .projects-filter--item {
    width: 100%;
  }
  .projects-filter--item a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
:root[data-reduce-motion=false][data-js=true] .svkn-container-inner--projekt-filter {
  height: calc(var(--button-height) + 2 * var(--pd-default));
  display: flex;
  justify-content: space-between;
}
:root[data-reduce-motion=false][data-js=true] .projects-filter {
  position: absolute;
  z-index: 100;
  display: inline grid;
  grid-template-columns: 1.25rem 1fr;
  gap: 0px 1rem;
  border-width: var(--border-bold);
  border-style: solid;
  border-radius: calc(0.5 * var(--button-height));
  padding: 0.0625rem 0.8125rem 0.0625rem 0.6875rem;
}
:root[data-reduce-motion=false][data-js=true] .projects-filter--toggle {
  grid-column: 1/2;
  grid-row: 1/2;
  order: 1;
  place-self: center start;
  cursor: pointer;
}
:root[data-reduce-motion=false][data-js=true] .projects-filter--toggle svg {
  width: 1.25rem;
  display: block;
}
:root[data-reduce-motion=false][data-js=true] .projects-filter--toggle svg, :root[data-reduce-motion=false][data-js=true] .projects-filter--toggle g, :root[data-reduce-motion=false][data-js=true] .projects-filter--toggle rect {
  stroke: none;
}
:root[data-reduce-motion=false][data-js=true] .projects-filter--list {
  margin: 0;
  padding-left: 0;
  display: contents;
}
:root[data-reduce-motion=false][data-js=true] .projects-filter--item {
  grid-column: 2/3;
  list-style: none;
  order: 3;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: var(--font-size-btn);
  font-weight: 500;
  letter-spacing: var(--ls-mixed);
  line-height: var(--lh-copy);
  transition: max-width 0.25s ease, max-height 0.25s ease, opacity 0.2s ease;
}
:root[data-reduce-motion=false][data-js=true] .projects-filter--item.current {
  order: 2;
}
:root[data-reduce-motion=false][data-js=true] .projects-filter[aria-expanded=false] {
  color: var(--col-mn-bg-kontakt);
  border-color: currentColor;
  background-color: var(--col-mn-tx-kontakt);
}
:root[data-reduce-motion=false][data-js=true] .projects-filter[aria-expanded=false] .projects-filter--item {
  max-width: 0;
  max-height: 0;
  opacity: 0;
}
:root[data-reduce-motion=false][data-js=true] .projects-filter[aria-expanded=false] .projects-filter--item.current {
  max-width: 20em;
  max-height: 4em;
  opacity: 1;
}
:root[data-reduce-motion=false][data-js=true] .projects-filter[aria-expanded=true] {
  color: var(--col-mn-tx-kontakt);
  border-color: var(--col-mn-bg-kontakt);
  background-color: var(--col-mn-bg-kontakt);
  padding: 0.375rem 1rem 0.4375rem 0.8125rem;
}
:root[data-reduce-motion=false][data-js=true] .projects-filter[aria-expanded=true] .projects-filter--item {
  max-width: 20em;
  max-height: 4em;
  opacity: 1;
  line-height: var(--lh-mobile-menu);
}
@media (min-width: 64rem) {
  :root[data-reduce-motion=false][data-js=true] .projects-filter--project-info {
    display: block;
  }
}

@media (prefers-reduced-motion: no-preference) {
  :root[data-js=true]:not([data-reduce-motion]) .svkn-container-inner--projekt-filter {
    height: calc(var(--button-height) + 2 * var(--pd-default));
    display: flex;
    justify-content: space-between;
  }
  :root[data-js=true]:not([data-reduce-motion]) .projects-filter {
    position: absolute;
    z-index: 100;
    display: inline grid;
    grid-template-columns: 1.25rem 1fr;
    gap: 0px 1rem;
    border-width: var(--border-bold);
    border-style: solid;
    border-radius: calc(0.5 * var(--button-height));
    padding: 0.0625rem 0.8125rem 0.0625rem 0.6875rem;
  }
  :root[data-js=true]:not([data-reduce-motion]) .projects-filter--toggle {
    grid-column: 1/2;
    grid-row: 1/2;
    order: 1;
    place-self: center start;
    cursor: pointer;
  }
  :root[data-js=true]:not([data-reduce-motion]) .projects-filter--toggle svg {
    width: 1.25rem;
    display: block;
  }
  :root[data-js=true]:not([data-reduce-motion]) .projects-filter--toggle svg, :root[data-js=true]:not([data-reduce-motion]) .projects-filter--toggle g, :root[data-js=true]:not([data-reduce-motion]) .projects-filter--toggle rect {
    stroke: none;
  }
  :root[data-js=true]:not([data-reduce-motion]) .projects-filter--list {
    margin: 0;
    padding-left: 0;
    display: contents;
  }
  :root[data-js=true]:not([data-reduce-motion]) .projects-filter--item {
    grid-column: 2/3;
    list-style: none;
    order: 3;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: var(--font-size-btn);
    font-weight: 500;
    letter-spacing: var(--ls-mixed);
    line-height: var(--lh-copy);
    transition: max-width 0.25s ease, max-height 0.25s ease, opacity 0.2s ease;
  }
  :root[data-js=true]:not([data-reduce-motion]) .projects-filter--item.current {
    order: 2;
  }
  :root[data-js=true]:not([data-reduce-motion]) .projects-filter[aria-expanded=false] {
    color: var(--col-mn-bg-kontakt);
    border-color: currentColor;
    background-color: var(--col-mn-tx-kontakt);
  }
  :root[data-js=true]:not([data-reduce-motion]) .projects-filter[aria-expanded=false] .projects-filter--item {
    max-width: 0;
    max-height: 0;
    opacity: 0;
  }
  :root[data-js=true]:not([data-reduce-motion]) .projects-filter[aria-expanded=false] .projects-filter--item.current {
    max-width: 20em;
    max-height: 4em;
    opacity: 1;
  }
  :root[data-js=true]:not([data-reduce-motion]) .projects-filter[aria-expanded=true] {
    color: var(--col-mn-tx-kontakt);
    border-color: var(--col-mn-bg-kontakt);
    background-color: var(--col-mn-bg-kontakt);
    padding: 0.375rem 1rem 0.4375rem 0.8125rem;
  }
  :root[data-js=true]:not([data-reduce-motion]) .projects-filter[aria-expanded=true] .projects-filter--item {
    max-width: 20em;
    max-height: 4em;
    opacity: 1;
    line-height: var(--lh-mobile-menu);
  }
}
@media (prefers-reduced-motion: no-preference) and (min-width: 64rem) {
  :root[data-js=true]:not([data-reduce-motion]) .projects-filter--project-info {
    display: block;
  }
}
.projects-filter .filter-icon-bar--t,
.projects-filter .filter-icon-bar--b {
  transform-box: fill-box;
  transform-origin: center;
  transition: transform 0.25s ease;
}
.projects-filter .filter-icon-nob {
  transition: opacity 0.08s ease;
}
.projects-filter .filter-icon-bar__line {
  transition: transform 0.25s ease, opacity 0.08s ease;
}
.projects-filter .filter-icon-bar--c .filter-icon-bar__line {
  transform-origin: center; /* shrink/grow from center */
}
.projects-filter[aria-expanded=false] .filter-icon-nob {
  opacity: 1;
  transition-delay: 0.25s;
}
.projects-filter[aria-expanded=false] .filter-icon-bar--t {
  transform: translate(0, 0) rotate(0deg);
}
.projects-filter[aria-expanded=false] .filter-icon-bar--c .filter-icon-bar__line {
  transform: scaleX(1);
  opacity: 1;
  transition-delay: 0.25s, 0.25s;
}
.projects-filter[aria-expanded=false] .filter-icon-bar--b {
  transform: translate(0, 0) rotate(0deg);
}
.projects-filter[aria-expanded=false] .filter-icon-bar--t,
.projects-filter[aria-expanded=false] .filter-icon-bar--b {
  transition-delay: 0s;
}
.projects-filter[aria-expanded=true] .filter-icon-nob {
  opacity: 0;
  transition-delay: 0s;
}
.projects-filter[aria-expanded=true] .filter-icon-bar--t {
  transform: translate(0, 6px) rotate(-45deg);
  transition-delay: 0.2s;
}
.projects-filter[aria-expanded=true] .filter-icon-bar--c .filter-icon-bar__line {
  transform: scaleX(0);
  opacity: 0;
  transition: transform 0.25s ease 0.2s, opacity 0.08s ease 0.15s;
}
.projects-filter[aria-expanded=true] .filter-icon-bar--b {
  transform: translate(0, -6px) rotate(45deg);
  transition-delay: 0.2s;
}

.projects-filter--project-info {
  font-size: var(--font-size-cs);
  opacity: 0.55;
  transition: opacity 0.5s ease;
}
.projects-filter--project-info:hover {
  opacity: 1;
}

.projects-filter--client {
  font-weight: 500;
  font-size: calc(var(--font-size-cs) * 0.95);
  text-transform: uppercase;
  letter-spacing: var(--ls-caps);
}

.projects-filter--project-title {
  font-weight: 300;
  letter-spacing: var(--ls-caps-cmp);
}

/* (alte Version mit "column")
// CONTAINER LISTE
// ---------------

.projekte-container {
    // background-color: #f9f1;
    column-count: 3;
    column-gap: var(--pd-default);
    padding-bottom: var(--pd-default);

    // padding-top: var(--pd-default); // (only mobile)

    @include u.media-bp-mm('s') {
        column-count: 2;
        // padding-top: var(--pd-default);
    }
    @include u.media-bp-mm('m') {
        column-count: 3;
        // padding-top: 0;
    }
}
*/
/* (alte Version mit "column")
// PROJEKT-THUMBNAIL
// -----------------

.projekt-single {
    display: inline-block;
    width: 100%;
    break-inside: avoid;
    position: relative;

    margin-bottom: var(--pd-default);

    figure,
    figcaption p {
        margin: 0;
        padding: 0;
    }

    .svk-edit-link {
        position: absolute;
        top: 5px;
        left: 5px;
        background-color: #fffb;
        padding: 5px;
        border-radius: 5px;
    }

    .picture {
        width: 100%;
    }

    .project-archive-item__customer {
        padding-top: u.rem(20);
        padding-bottom: u.rem(4);
        // @include u.font(700, var(--font-size-int-s), "uppercase"); // 🆎
        font-size: var(--font-size-cs);                               // 🆎  
        font-weight: 700;
        text-transform: uppercase;
    }

    .project-archive-item__subtitle {
        // @include u.font(400, var(--font-size-int-s));              // 🆎
        font-size: var(--font-size-cs);                               // 🆎  
        font-weight: 400;
    }
}
*/
.projekt-navigation__category-info {
  padding-top: 1.5em;
  text-align: center;
}

.projekte-container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--pd-default);
  /* Old nth-child rules (replaced by class-based grid-cols-* from PHP) */
  /*
  @include u.media-bp-mm('m'){
      & > .projekt-single:nth-child(13n+1)  { grid-column: span 12; }
      & > .projekt-single:nth-child(13n+2),
      & > .projekt-single:nth-child(13n+3)  { grid-column: span  6; }
      & > .projekt-single:nth-child(13n+4),
      & > .projekt-single:nth-child(13n+5)  { grid-column: span  6; }
      & > .projekt-single:nth-child(13n+6)  { grid-column: span 12; }
      & > .projekt-single:nth-child(13n+7),
      & > .projekt-single:nth-child(13n+8)  { grid-column: span  6; }
  }
  @include u.media-bp-mm('xl'){
      & > .projekt-single:nth-child(13n+1)  { grid-column: span 12; }
      & > .projekt-single:nth-child(13n+2),
      & > .projekt-single:nth-child(13n+3),
      & > .projekt-single:nth-child(13n+4)  { grid-column: span 4; }
      & > .projekt-single:nth-child(13n+5),
      & > .projekt-single:nth-child(13n+6)  { grid-column: span 6; }
      & > .projekt-single:nth-child(13n+7)  { grid-column: span 12; }
      & > .projekt-single:nth-child(13n+8),
      & > .projekt-single:nth-child(13n+9),
      & > .projekt-single:nth-child(13n+10) { grid-column: span 4; }
      & > .projekt-single:nth-child(13n+11),
      & > .projekt-single:nth-child(13n+12),
      & > .projekt-single:nth-child(13n+13) { grid-column: span 4; }
  }
  */
}
.projekte-container > .projekt-single {
  grid-column: span 12;
}
@media (min-width: 48rem) {
  .projekte-container > .projekt-single.grid-cols-m--12 {
    grid-column: span 12;
  }
  .projekte-container > .projekt-single.grid-cols-m--6 {
    grid-column: span 6;
  }
  .projekte-container > .projekt-single.grid-cols-m--4 {
    grid-column: span 4;
  }
  .projekte-container > .projekt-single.grid-cols-m--3 {
    grid-column: span 3;
  }
  .projekte-container > .projekt-single.grid-cols-m--2 {
    grid-column: span 2;
  }
  .projekte-container > .projekt-single.grid-cols-m--1 {
    grid-column: span 1;
  }
}
@media (min-width: 80rem) {
  .projekte-container > .projekt-single.grid-cols-xl--12 {
    grid-column: span 12;
  }
  .projekte-container > .projekt-single.grid-cols-xl--6 {
    grid-column: span 6;
  }
  .projekte-container > .projekt-single.grid-cols-xl--4 {
    grid-column: span 4;
  }
  .projekte-container > .projekt-single.grid-cols-xl--3 {
    grid-column: span 3;
  }
  .projekte-container > .projekt-single.grid-cols-xl--2 {
    grid-column: span 2;
  }
  .projekte-container > .projekt-single.grid-cols-xl--1 {
    grid-column: span 1;
  }
}

.projekte-container {
  line-height: var(--lh-default);
  padding-top: 0;
}
.projekte-container figure {
  margin: 0;
}
.projekte-container img {
  width: 100%;
}
.projekte-container .project-archive-item__customer {
  margin: 0;
  padding-top: 1rem;
  font-size: var(--font-size-cs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: var(--ls-caps-cmp);
}
.projekte-container .project-archive-item__subtitle {
  margin: 0;
  font-size: var(--font-size-cs);
  font-weight: 400;
  letter-spacing: var(--ls-mixed);
  margin-bottom: -0.3em !important;
}

.project-archive-item__customer,
.project-archive-item__subtitle {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.projekte-container .svk-picture-wrapper {
  display: block;
  width: 100%;
  overflow: hidden;
}
.projekte-container .svk-picture-wrapper picture {
  display: block;
  height: 100%;
}
.projekte-container .svk-picture-wrapper[data-height-xxs="0"] {
  aspect-ratio: auto;
}
.projekte-container .svk-picture-wrapper[data-height-xxs="1"] {
  aspect-ratio: 1/0.4;
}
.projekte-container .svk-picture-wrapper[data-height-xxs="2"] {
  aspect-ratio: 1/0.5;
}
.projekte-container .svk-picture-wrapper[data-height-xxs="3"] {
  aspect-ratio: 1/0.6;
}
.projekte-container .svk-picture-wrapper[data-height-xxs="4"] {
  aspect-ratio: 1/0.7;
}
.projekte-container .svk-picture-wrapper[data-height-xxs="5"] {
  aspect-ratio: 1/0.75;
}
.projekte-container .svk-picture-wrapper[data-height-xxs="6"] {
  aspect-ratio: 1/0.85;
}
.projekte-container .svk-picture-wrapper[data-height-xxs="7"] {
  aspect-ratio: 1/1;
}
.projekte-container .svk-picture-wrapper[data-height-xxs="8"] {
  aspect-ratio: 0.9/1;
}
@media (min-width: 48rem) {
  .projekte-container .svk-picture-wrapper[data-height-m="0"] {
    aspect-ratio: auto;
  }
  .projekte-container .svk-picture-wrapper[data-height-m="1"] {
    aspect-ratio: 1/0.4;
  }
  .projekte-container .svk-picture-wrapper[data-height-m="2"] {
    aspect-ratio: 1/0.5;
  }
  .projekte-container .svk-picture-wrapper[data-height-m="3"] {
    aspect-ratio: 1/0.6;
  }
  .projekte-container .svk-picture-wrapper[data-height-m="4"] {
    aspect-ratio: 1/0.7;
  }
  .projekte-container .svk-picture-wrapper[data-height-m="5"] {
    aspect-ratio: 1/0.75;
  }
  .projekte-container .svk-picture-wrapper[data-height-m="6"] {
    aspect-ratio: 1/0.85;
  }
  .projekte-container .svk-picture-wrapper[data-height-m="7"] {
    aspect-ratio: 1/1;
  }
  .projekte-container .svk-picture-wrapper[data-height-m="8"] {
    aspect-ratio: 0.9/1;
  }
}
@media (min-width: 80rem) {
  .projekte-container .svk-picture-wrapper[data-height-xl="0"] {
    aspect-ratio: auto;
  }
  .projekte-container .svk-picture-wrapper[data-height-xl="1"] {
    aspect-ratio: 1/0.4;
  }
  .projekte-container .svk-picture-wrapper[data-height-xl="2"] {
    aspect-ratio: 1/0.5;
  }
  .projekte-container .svk-picture-wrapper[data-height-xl="3"] {
    aspect-ratio: 1/0.6;
  }
  .projekte-container .svk-picture-wrapper[data-height-xl="4"] {
    aspect-ratio: 1/0.7;
  }
  .projekte-container .svk-picture-wrapper[data-height-xl="5"] {
    aspect-ratio: 1/0.75;
  }
  .projekte-container .svk-picture-wrapper[data-height-xl="6"] {
    aspect-ratio: 1/0.85;
  }
  .projekte-container .svk-picture-wrapper[data-height-xl="7"] {
    aspect-ratio: 1/1;
  }
  .projekte-container .svk-picture-wrapper[data-height-xl="8"] {
    aspect-ratio: 0.9/1;
  }
}

.svktf-contact-page .entry-header {
  padding-top: var(--spacing-s);
}
.svktf-contact-page h1 {
  font-size: var(--font-size-sph1);
  font-weight: 500;
}

.svktf-support-page {
  line-height: var(--lh-semi-expanded);
  letter-spacing: var(--ls-mixed);
  margin-bottom: var(--spacing-m);
}
.svktf-support-page .entry-header {
  padding-top: var(--spacing-s);
}
.svktf-support-page h1 {
  font-size: var(--font-size-sph1);
  font-weight: 500;
}
.svktf-support-page .svktf-cols h2 {
  margin: 2.5em 0 1.3em 0;
  font-size: var(--font-size-sph2);
  font-weight: 500;
}
.svktf-support-page .svktf-cols h2 + h3 {
  margin-top: 1.9em;
}
.svktf-support-page .svktf-cols h3, .svktf-support-page .svktf-cols h4 {
  margin: 2.5em 0 1.3em 0;
  font-size: var(--font-size-sph3);
  font-weight: 500;
}
.svktf-support-page .svktf-cols h3 + h4 {
  margin-top: 1.9em;
}
.svktf-support-page .svktf-cols h4 {
  text-transform: none;
  font-weight: 500;
}
.svktf-support-page .svktf-cols p {
  font-size: var(--font-size-cs);
}

.svkn-container-inner *:last-child {
  margin-bottom: 0;
}

.svkn-container-inner--spacing-top-none, .svkn-container-inner--spacing-top-none.svkn-container-inner {
  padding-top: 0;
}

.svkn-container-inner--spacing-middle-none, .svkn-container-inner--spacing-middle-none.svkn-container-inner {
  padding-bottom: 0;
}

.svkn-container-inner--spacing-bottom-none, .svkn-container-inner--spacing-bottom-none.svkn-container-inner {
  padding-bottom: 0;
}

.svkn-container-inner--spacing-top-s, .svkn-container-inner--spacing-top-s.svkn-container-inner {
  padding-top: var(--spacing-s);
}

.svkn-container-inner--spacing-middle-s, .svkn-container-inner--spacing-middle-s.svkn-container-inner {
  padding-bottom: var(--spacing-s);
}

.svkn-container-inner--spacing-bottom-s, .svkn-container-inner--spacing-bottom-s.svkn-container-inner {
  padding-bottom: var(--spacing-s);
}

.svkn-container-inner--spacing-top-m, .svkn-container-inner--spacing-top-m.svkn-container-inner {
  padding-top: var(--spacing-m);
}

.svkn-container-inner--spacing-middle-m, .svkn-container-inner--spacing-middle-m.svkn-container-inner {
  padding-bottom: var(--spacing-m);
}

.svkn-container-inner--spacing-bottom-m, .svkn-container-inner--spacing-bottom-m.svkn-container-inner {
  padding-bottom: var(--spacing-m);
}

.svkn-container-inner--spacing-top-l, .svkn-container-inner--spacing-top-l.svkn-container-inner {
  padding-top: var(--spacing-l);
}

.svkn-container-inner--spacing-middle-l, .svkn-container-inner--spacing-middle-l.svkn-container-inner {
  padding-bottom: var(--spacing-l);
}

.svkn-container-inner--spacing-bottom-l, .svkn-container-inner--spacing-bottom-l.svkn-container-inner {
  padding-bottom: var(--spacing-l);
}

.svkn-container-inner--spacing-after-first-block-s > :first-child {
  padding-bottom: calc(0.25 * var(--spacing-s));
}
.svkn-container-inner--spacing-after-first-block-m > :first-child {
  padding-bottom: calc(0.25 * var(--spacing-m));
}
.svkn-container-inner--spacing-after-first-block-l > :first-child {
  padding-bottom: calc(0.25 * var(--spacing-l));
}

.svkn-container-inner--minheight-100vh-m, .svkn-container-inner--minheight-100vh-l {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 48rem) {
  .svkn-container-inner--minheight-100vh-m {
    margin-block: auto;
    min-height: 100vh;
  }
}
@media (min-width: 64rem) {
  .svkn-container-inner--minheight-100vh-l {
    margin-block: auto;
    min-height: 100vh;
  }
}

/*
// Typo
.col-typography--s-mixed {
    @include t.bg-small;
    // font-size: var(--font-size-cs);
}

.col-typography--m-mixed {
    @include t.bg-medium;
    // font-size: var(--font-size-cl);
    // line-height: var(--lh-default);
}

.col-typography--l-upper {
    @include t.bg-large-upper;
    // font-weight: 700;
    // line-height: var(--lh-compressed);
    // font-size: var(--font-size-cxl);
    // text-transform: uppercase;
    * {
        margin-bottom: 0;
    }
}
*/
.svktf-cols--head-text > :nth-child(1) {
  font-weight: 700;
  line-height: var(--lh-compressed);
  font-size: var(--font-size-cxl);
  text-transform: uppercase;
  letter-spacing: var(--ls-caps-cmp);
}
.svktf-cols--head-text > :nth-child(1) * {
  margin-bottom: 0;
}
.svktf-cols--head-text > :nth-child(2) {
  font-size: var(--font-size-cs);
  font-weight: 500;
  line-height: var(--lh-semi-expanded);
}
.svktf-cols--text-head > :nth-child(1) {
  font-size: var(--font-size-cs);
  font-weight: 500;
  line-height: var(--lh-semi-expanded);
}
.svktf-cols--text-head > :nth-child(2) {
  font-weight: 700;
  line-height: var(--lh-compressed);
  font-size: var(--font-size-cxl);
  text-transform: uppercase;
  letter-spacing: var(--ls-caps-cmp);
}
.svktf-cols--text-head > :nth-child(2) * {
  margin-bottom: 0;
}
.svktf-cols--image-text > :nth-child(2) {
  font-size: var(--font-size-cl);
  line-height: var(--lh-default);
}
.svktf-cols--text-image > :nth-child(1) {
  font-size: var(--font-size-cl);
  line-height: var(--lh-default);
}

/* 

html [data-js="true"]
...

div .svkn-container-outer
    .svkn-container-outer--akkordeon

    div .svkn-container-inner
        .svkn-container-inner--default

    ┌─────────────────────────────────────────────────────────────┐
    │                                                             │
    │   // Head, visible when closed                              │
    │                                                             │
    │   div.svkn-akkordeon-abschnitt                              │
    │       [data-open-state="closed"]                            │
    │                                                             │
    │       button.svkn-akkordeon-abschnitt--toggle               │
    │       hgroup                                                │
    │           h2.svkn-akkordeon-abschnitt--heading              │
    │           p .svkn-akkordeon-abschnitt--secondary-heading    │
    │           p .svkn-akkordeon-abschnitt--secondary-heading    │
    │       // pictogram moved by js  <╺╺╺╺╺╺╺╺╺╺╺╺╺╺╺╺╺╺╺╺╺╺┓    │
    │                                                        ╻    │
    ├─────────────────────────────────────────────────────── ╻ ───┤
    │                                                        ╻    │
    │       div.svkn-akkordeon-abschnitt--main               ╻    │
    │           span.svk-picture-wrapper ╺╺╺╺╺╺╺╺╺╺╺╺╺╺╺╺╺╺╺╺┛    │
    │                                                             │
    │       ┌────────────────────────────────────────────────┐    │
    │       │   // Primary content section                   │    │
    │       │                                                │    │
    │       │   div .svkn-akkordeon-inhalt                   │    │
    │       │       .svkn-akkordeon-inhalt--primary          │    │
    │       │       [data-open-state="open"]                 │    │
    │       │       // always "open" for primary block       │    │
    │       │                                                │    │
    │       │       h2                                       │    │
    │       │       p                                        │    │
    │       │       ul                                       │    │
    │       │           li                                   │    │
    │       │       span.svk-picture-wrapper                 │    │
    │       ├────────────────────────────────────────────────┤    │
    │       │   // Secondary content section                 │    │
    │       │                                                │    │
    │       │   div.svkn-akkordeon-inhalt                    │    │
    │       │       [data-open-state="open"]                 │    │
    │       │       // "open" / "closed" set in backend      │    │
    │       │       ...                                      │    │
    │       │       p.svk-button                             │    │
    │       │       span.svk-picture-wrapper                 │    │
    │       └────────────────────────────────────────────────┘    │
    │                                                             │
    └─────────────────────────────────────────────────────────────┘

        div .svkn-akkordeon-abschnitt 
            ...
*/
.svkn-akkordeon-abschnitt {
  display: grid;
  grid-template-columns: var(--left-column-width) 1fr;
  grid-template-rows: var(--header-row-height) 1fr;
  grid-template-areas: "toggle header" "content content";
  gap: 0;
}
@media (min-width: 48rem) {
  .svkn-akkordeon-abschnitt {
    grid-template-columns: var(--left-column-width) 1fr var(--right-column-width);
    grid-template-rows: var(--header-row-height) 1fr;
    grid-template-areas: "toggle header picto" ". content content";
  }
}

.svkn-akkordeon-abschnitt--toggle {
  grid-area: toggle;
}

.svkn-akkordeon-abschnitt > hgroup {
  grid-area: header;
}

.svkn-akkordeon-abschnitt > .svk-picture-wrapper {
  grid-area: picto;
}

.svkn-akkordeon-abschnitt--main {
  grid-area: content;
}

@media (min-width: 48rem) {
  .svkn-akkordeon-inhalt {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 var(--pd-default);
  }
  .svkn-akkordeon-inhalt > * {
    grid-column: 1;
  }
  .svkn-akkordeon-inhalt > h2:first-child {
    grid-column: 1/2;
  }
  .svkn-akkordeon-inhalt > .svk-picture-wrapper:last-of-type {
    grid-column: 2;
    grid-row: 2/span 50;
    align-self: stretch;
  }
}

html[data-js=false] .svkn-akkordeon-abschnitt--toggle {
  display: none;
}
html[data-js=false] .svkn-akkordeon-abschnitt > hgroup p {
  display: none;
}
html[data-js=false] .svkn-akkordeon-abschnitt--main > .svk-picture-wrapper {
  display: none;
}

html[data-js=true] .svkn-akkordeon-abschnitt--toggle {
  border: none;
  background: none;
  justify-self: start;
  padding: 0;
}
html[data-js=true] .svkn-akkordeon-abschnitt[data-open-state=open] > hgroup p {
  display: none;
}
html[data-js=true] .svkn-akkordeon-abschnitt > .svk-picture-wrapper {
  display: none;
}
@media (min-width: 48rem) {
  html[data-js=true] .svkn-akkordeon-abschnitt[data-open-state=closed] > .svk-picture-wrapper {
    display: block flex;
    justify-content: center;
  }
  html[data-js=true] .svkn-akkordeon-abschnitt[data-open-state=closed] > .svk-picture-wrapper > svg {
    width: 100%;
  }
}
html[data-js=true] .svkn-akkordeon-abschnitt[data-open-state=closed] > .svkn-akkordeon-abschnitt--main {
  display: none;
}
html[data-js=true] .svkn-akkordeon-inhalt[data-open-state=closed] > * {
  display: none;
}
html[data-js=true] .svkn-akkordeon-inhalt[data-open-state=closed] > *:first-child {
  display: block;
}

.svkn-akkordeon-abschnitt--toggle,
.svkn-akkordeon-abschnitt > hgroup,
.svkn-akkordeon-abschnitt > .svk-picture-wrapper,
.svkn-akkordeon-inhalt--secondary > *:first-child {
  cursor: pointer;
}

button.svkn-akkordeon-abschnitt--toggle {
  color: currentColor;
}
button.svkn-akkordeon-abschnitt--toggle svg {
  overflow: visible;
}

.svkn-akkordeon-inhalt--secondary > h2:first-child {
  padding-top: 1.5em;
  padding-left: 1.4em;
  position: relative;
}
.svkn-akkordeon-inhalt--secondary > h2:first-child:before {
  position: absolute;
  top: calc(0.125rem + 1.5em);
  left: 0;
  content: "";
  display: inline-block;
  width: 1.0625rem;
  height: 1.0625rem;
  background-color: currentColor;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}
.svkn-akkordeon-inhalt--secondary[data-open-state=closed] > h2:first-child {
  padding-bottom: 0;
}
.svkn-akkordeon-inhalt--secondary[data-open-state=closed] > h2:first-child:before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'%3E%3Crect fill='black' x='7' width='3' height='17'/%3E%3Crect fill='black' y='7' width='17' height='3'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'%3E%3Crect fill='black' x='7' width='3' height='17'/%3E%3Crect fill='black' y='7' width='17' height='3'/%3E%3C/svg%3E");
}
.svkn-akkordeon-inhalt--secondary[data-open-state=open] > h2:first-child {
  padding-bottom: 1em;
}
.svkn-akkordeon-inhalt--secondary[data-open-state=open] > h2:first-child:before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'%3E%3Crect fill='black' y='7' width='17' height='3'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'%3E%3Crect fill='black' y='7' width='17' height='3'/%3E%3C/svg%3E");
}

.svkn-akkordeon-inhalt--primary > h1, .svkn-akkordeon-inhalt--primary > h2 {
  display: none;
}

.svkn-container-outer--akkordeon {
  padding-bottom: var(--pd-default);
}

.svkn-akkordeon-abschnitt {
  border-bottom: 1.5px solid currentColor;
}
.svkn-akkordeon-abschnitt:first-child {
  border-top: 1.5px solid currentColor;
}
.svkn-akkordeon-abschnitt h2 {
  font-size: var(--font-size-ca);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: var(--ls-caps);
  line-height: var(--lh-compressed);
}
.svkn-akkordeon-abschnitt h3 {
  font-weight: 700;
  font-size: var(--font-size-cs);
  line-height: var(--lh-semi-expanded);
}
.svkn-akkordeon-abschnitt p, .svkn-akkordeon-abschnitt li, .svkn-akkordeon-abschnitt dd, .svkn-akkordeon-abschnitt dt {
  font-weight: 500;
  font-size: var(--font-size-cs);
  line-height: var(--lh-semi-expanded);
}
.svkn-akkordeon-abschnitt > hgroup {
  padding-inline: var(--pd-default);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.svkn-akkordeon-abschnitt > hgroup > * {
  margin: 0;
  font-size: var(--font-size-ca);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: var(--ls-caps);
  line-height: var(--lh-compressed);
}
.svkn-akkordeon-abschnitt .svkn-akkordeon-inhalt,
.svkn-akkordeon-abschnitt .svkn-akkordeon-inhalt > .svk-picture-wrapper:last-of-type {
  padding-left: var(--pd-default);
}
.svkn-akkordeon-abschnitt svg .bar_v,
.svkn-akkordeon-abschnitt svg .bar_h {
  transform-origin: center;
  transition: transform 0.3s ease;
}
.svkn-akkordeon-abschnitt[data-open-state=closed] svg .bar_v {
  transform: rotate(-360deg);
}
.svkn-akkordeon-abschnitt[data-open-state=closed] svg .bar_h {
  transform: rotate(-360deg);
}
.svkn-akkordeon-abschnitt[data-open-state=open] svg .bar_v {
  transform: rotate(-270deg);
}
.svkn-akkordeon-abschnitt[data-open-state=open] svg .bar_h {
  transform: rotate(-180deg);
}

@media (max-width: 47.9375rem) {
  .svkn-akkordeon-abschnitt--main {
    padding-top: var(--pd-default);
  }
  .svkn-akkordeon-abschnitt--main .svkn-akkordeon-inhalt {
    padding-left: 0;
  }
}
.svkn-akkordeon-inhalt {
  padding-bottom: var(--pd-default);
}
.svkn-akkordeon-inhalt h3 {
  margin-bottom: 0;
}
.svkn-akkordeon-inhalt h3:nth-of-type(n + 2) {
  margin-top: 2em;
}
.svkn-akkordeon-inhalt ul {
  margin-block: 0;
  margin-left: 1em;
  padding: 0;
}
.svkn-akkordeon-inhalt li {
  list-style: none;
  position: relative;
}
.svkn-akkordeon-inhalt li:before {
  content: "•";
  position: absolute;
  left: -1em;
}

.svkn-akkordeon-abschnitt > .svk-picture-wrapper {
  padding-block: calc(var(--header-row-height) * 0.1);
}
.svkn-akkordeon-abschnitt > .svk-picture-wrapper svg {
  max-width: calc(var(--header-row-height) * 0.8);
  max-height: calc(var(--header-row-height) * 0.8);
}

.svk-button {
  font-size: var(--font-size-btn);
  font-weight: 500;
}
.svk-button.svk-align-center {
  text-align: center;
}
.svk-button.svk-align-right {
  text-align: right;
}
.svk-button a:link, .svk-button a:visited, .svk-button a:hover, .svk-button a:focus, .svk-button a:active {
  text-decoration: none;
  color: inherit;
}
.svk-button a.svk-negative:link, .svk-button a.svk-negative:visited, .svk-button a.svk-negative:hover, .svk-button a.svk-negative:focus, .svk-button a.svk-negative:active {
  text-decoration: none;
  color: var(--col-ih-tx-neg);
}
.svk-button a.svk-positive:link, .svk-button a.svk-positive:visited, .svk-button a.svk-positive:hover, .svk-button a.svk-positive:focus, .svk-button a.svk-positive:active {
  text-decoration: none;
  color: var(--col-ih-tx);
}
.svk-button .svk-button--inner {
  border-width: 2px;
  box-sizing: border-box;
  padding-inline: 1rem;
  line-height: 1.35em;
  display: inline-block;
  border-radius: 2rem;
  border-width: 2px;
  border-style: solid;
  text-align: center;
  height: var(--button-height);
  transition: box-shadow 0.25s;
  --shadow: color-mix(in srgb, var(--col-ih-tx) 50%, transparent);
}
@media (prefers-reduced-motion: no-preference) {
  .svk-button .svk-button--inner:hover {
    box-shadow: 0 0 7px 0px var(--shadow);
  }
}
.svk-button a.svk-button--inner, .svk-button a.svk-button--inner:link, .svk-button a.svk-button--inner:hover, .svk-button a.svk-button--inner:focus, .svk-button a.svk-button--inner:active, .svk-button a.svk-button--inner:visited {
  color: inherit !important;
  text-decoration: none !important;
}

.svk-button--pd-top-10,
.svk-style-wrapper--pd-top-10 {
  padding-top: calc(0.4 * var(--pd-default));
  display: block;
}
.svk-button--pd-top-20,
.svk-style-wrapper--pd-top-20 {
  padding-top: calc(0.8 * var(--pd-default));
  display: block;
}
.svk-button--pd-top-30,
.svk-style-wrapper--pd-top-30 {
  padding-top: calc(1.7 * var(--pd-default));
  display: block;
}
.svk-button--pd-bottom-10,
.svk-style-wrapper--pd-bottom-10 {
  padding-bottom: calc(0.4 * var(--pd-default));
  display: block;
}
.svk-button--pd-bottom-20,
.svk-style-wrapper--pd-bottom-20 {
  padding-bottom: calc(0.8 * var(--pd-default));
  display: block;
}
.svk-button--pd-bottom-30,
.svk-style-wrapper--pd-bottom-30 {
  padding-bottom: calc(1.7 * var(--pd-default));
  display: block;
}

.svk-button--width-10 {
  min-width: 12.5rem;
}

.svk-button--width-20 {
  min-width: 17.1875rem;
}

.svk-button--width-30 {
  min-width: 21.875rem;
}

.svk-button--width-100 {
  min-width: 100%;
}

.svk-button--upper {
  text-transform: uppercase;
}

.svk-button-contact {
  display: inline-block;
  padding-inline: 1rem;
  padding-block: 2px;
  border-width: 2px;
  box-sizing: border-box;
  border-radius: 2rem;
  height: var(--button-height);
  font-size: var(--font-size-btn);
  font-weight: 500;
  transition: box-shadow 0.25s;
  --shadow: color-mix(in srgb, var(--col-ih-tx) 50%, transparent);
}
.svk-button-contact:link, .svk-button-contact:visited, .svk-button-contact:hover, .svk-button-contact:focus, .svk-button-contact:active {
  background-color: var(--col-mn-bg-kontakt);
  color: var(--col-mn-tx-kontakt);
  text-decoration: none;
  cursor: pointer;
}
@media (prefers-reduced-motion: no-preference) {
  .svk-button-contact:hover {
    box-shadow: 0 0 7px 0px var(--shadow);
  }
}

.svk-copyrights--page-title {
  text-transform: uppercase;
  letter-spacing: var(--ls-caps-cmp);
}

.svk-missing-copyrights,
.svk-skipped-copyrights,
.svk-copyrights-note {
  border: 15px solid transparent;
  padding: 20px;
  margin-bottom: 20px;
}
.svk-missing-copyrights p,
.svk-skipped-copyrights p,
.svk-copyrights-note p {
  margin-top: -5px;
}

.svk-missing-copyrights {
  border-color: #fcc;
}

.svk-skipped-copyrights {
  border-color: #bec;
}

.svk-copyrights-note {
  border-color: #bce;
  margin-top: 20px;
}
.svk-copyrights-note p {
  margin-bottom: 0;
}

.svk-copyrights-thumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.svkn-container-outer--cta {
  position: relative;
}
.svkn-container-outer--cta h2 {
  text-align: center;
  border: none;
  font-size: var(--font-size-cl);
  font-weight: 700;
  line-height: var(--lh-default);
}
.svkn-container-outer--cta p {
  text-align: center;
}

.svkn-container-outer--cta h2 + p:not(.svk-cta-button-parent) {
  margin-top: -0.4em;
}

p + .svk-cta-button-parent {
  padding-top: 0.4em;
  margin-top: var(--pd-inline);
}

.svkn-container-outer--line-v {
  margin-top: 260px;
  padding-top: 160px;
}
.svkn-container-outer--line-v:before {
  content: " ";
  display: block;
  position: absolute;
  top: -120px;
  width: 50%;
  height: 240px;
  border-right: 1px solid currentColor;
}

.svkn-container-inner--expertise > .svk-picture-wrapper:first-of-type img {
  max-width: 400px;
}
.svkn-container-inner--expertise h2 {
  font-size: var(--font-size-cl);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: var(--ls-caps-cmp);
  line-height: var(--lh-default);
  text-align: left;
}
.svkn-container-inner--expertise h3 {
  font-weight: 700;
  font-size: var(--font-size-cs);
  line-height: var(--lh-semi-expanded);
}
.svkn-container-inner--expertise p, .svkn-container-inner--expertise li, .svkn-container-inner--expertise dd, .svkn-container-inner--expertise dt {
  font-weight: 500;
  font-size: var(--font-size-cs);
  line-height: var(--lh-semi-expanded);
}
@media (max-width: 47.9375rem) {
  .svkn-container-inner--expertise {
    padding-inline: var(--pd-default);
    display: grid;
    grid-template-columns: 1fr;
    gap: 0 var(--pd-default);
  }
  .svkn-container-inner--expertise > h1, .svkn-container-inner--expertise > h2, .svkn-container-inner--expertise > h3, .svkn-container-inner--expertise > h4 {
    grid-column: 1;
  }
  .svkn-container-inner--expertise .svk-picture-wrapper {
    grid-column: 1;
  }
  .svkn-container-inner--expertise .svkn-expertise--idicator {
    grid-column: 1;
  }
  .svkn-container-inner--expertise .svkn-expertise--abschnitt {
    grid-column: 1;
  }
  .svkn-container-inner--expertise .svk-button {
    grid-column: 1;
  }
}
@media (min-width: 48rem) {
  .svkn-container-inner--expertise {
    padding-inline: 0;
    max-width: calc(6 * ((100% - 2 * var(--pd-default) + var(--pd-default)) / 8 - var(--pd-default) + var(--pd-default)) - var(--pd-default));
    margin-inline: auto;
    display: grid;
    grid-template-columns: calc(1 * ((100% + var(--pd-default)) / 6 - var(--pd-default) + var(--pd-default)) - var(--pd-default)) calc(4 * ((100% + var(--pd-default)) / 6 - var(--pd-default) + var(--pd-default)) - var(--pd-default)) calc(1 * ((100% + var(--pd-default)) / 6 - var(--pd-default) + var(--pd-default)) - var(--pd-default));
    gap: 0 var(--pd-default);
  }
  .svkn-container-inner--expertise .svkn-expertise--idicator {
    grid-column: 1/2;
    grid-row: 3/span 10;
  }
  .svkn-container-inner--expertise > h1, .svkn-container-inner--expertise > h2, .svkn-container-inner--expertise > h3, .svkn-container-inner--expertise > h4 {
    grid-column: 2/3;
  }
  .svkn-container-inner--expertise .svk-picture-wrapper {
    grid-column: 2/3;
  }
  .svkn-container-inner--expertise .svkn-expertise--abschnitt {
    grid-column: 2/3;
  }
  .svkn-container-inner--expertise .svk-button {
    grid-column: 2/3;
  }
}
@media (min-width: 64rem) {
  .svkn-container-inner--expertise {
    padding-inline: var(--pd-default);
    max-width: none;
    grid-template-columns: calc(1 * ((100% + var(--pd-default)) / 12 - var(--pd-default) + var(--pd-default)) - var(--pd-default)) calc(5 * ((100% + var(--pd-default)) / 12 - var(--pd-default) + var(--pd-default)) - var(--pd-default)) calc(6 * ((100% + var(--pd-default)) / 12 - var(--pd-default) + var(--pd-default)) - var(--pd-default));
  }
  .svkn-container-inner--expertise .svkn-expertise--idicator {
    grid-column: 1/2;
    grid-row: 1/span 10;
  }
  .svkn-container-inner--expertise > h1, .svkn-container-inner--expertise > h2, .svkn-container-inner--expertise > h3, .svkn-container-inner--expertise > h4 {
    grid-column: 2/3;
  }
  .svkn-container-inner--expertise .svk-picture-wrapper {
    grid-column: 3/4;
    grid-row: 1/span 10;
    align-self: start;
  }
  .svkn-container-inner--expertise .svk-picture-wrapper:first-of-type img {
    max-width: none;
  }
  .svkn-container-inner--expertise .svkn-expertise--abschnitt {
    grid-column: 2/3;
  }
  .svkn-container-inner--expertise .svk-button {
    grid-column: 2/3;
  }
  .svkn-container-inner--expertise.svkn-container-inner--text-right {
    grid-template-columns: calc(5 * ((100% + var(--pd-default)) / 12 - var(--pd-default) + var(--pd-default)) - var(--pd-default)) calc(1 * ((100% + var(--pd-default)) / 12 - var(--pd-default) + var(--pd-default)) - var(--pd-default)) calc(6 * ((100% + var(--pd-default)) / 12 - var(--pd-default) + var(--pd-default)) - var(--pd-default));
  }
  .svkn-container-inner--expertise.svkn-container-inner--text-right .svkn-expertise--idicator {
    grid-column: 2/3;
    grid-row: 1/span 10;
  }
  .svkn-container-inner--expertise.svkn-container-inner--text-right > h1, .svkn-container-inner--expertise.svkn-container-inner--text-right > h2, .svkn-container-inner--expertise.svkn-container-inner--text-right > h3, .svkn-container-inner--expertise.svkn-container-inner--text-right > h4 {
    grid-column: 3/4;
  }
  .svkn-container-inner--expertise.svkn-container-inner--text-right .svk-picture-wrapper {
    grid-column: 1/2;
    grid-row: 1/span 10;
    align-self: start;
  }
  .svkn-container-inner--expertise.svkn-container-inner--text-right .svk-picture-wrapper:first-of-type img {
    max-width: none;
  }
  .svkn-container-inner--expertise.svkn-container-inner--text-right .svkn-expertise--abschnitt {
    grid-column: 3/4;
  }
  .svkn-container-inner--expertise.svkn-container-inner--text-right .svk-button {
    grid-column: 3/4;
  }
}
@media (min-width: 80rem) {
  .svkn-container-inner--expertise {
    max-width: 1400px;
    grid-template-columns: calc(1 * ((100% + var(--pd-default)) / 12 - var(--pd-default) + var(--pd-default)) - var(--pd-default)) calc(1 * ((100% + var(--pd-default)) / 12 - var(--pd-default) + var(--pd-default)) - var(--pd-default)) calc(5 * ((100% + var(--pd-default)) / 12 - var(--pd-default) + var(--pd-default)) - var(--pd-default)) calc(5 * ((100% + var(--pd-default)) / 12 - var(--pd-default) + var(--pd-default)) - var(--pd-default));
  }
  .svkn-container-inner--expertise .svkn-expertise--idicator {
    grid-column: 2/3;
    grid-row: 1/span 10;
  }
  .svkn-container-inner--expertise > h1, .svkn-container-inner--expertise > h2, .svkn-container-inner--expertise > h3, .svkn-container-inner--expertise > h4 {
    grid-column: 3/4;
  }
  .svkn-container-inner--expertise .svk-picture-wrapper {
    grid-column: 4/5;
  }
  .svkn-container-inner--expertise .svkn-expertise--abschnitt {
    grid-column: 3/4;
  }
  .svkn-container-inner--expertise .svk-button {
    grid-column: 3/4;
  }
  .svkn-container-inner--expertise.svkn-container-inner--text-right {
    grid-template-columns: calc(5 * ((100% + var(--pd-default)) / 12 - var(--pd-default) + var(--pd-default)) - var(--pd-default)) calc(1 * ((100% + var(--pd-default)) / 12 - var(--pd-default) + var(--pd-default)) - var(--pd-default)) calc(5 * ((100% + var(--pd-default)) / 12 - var(--pd-default) + var(--pd-default)) - var(--pd-default)) calc(1 * ((100% + var(--pd-default)) / 12 - var(--pd-default) + var(--pd-default)) - var(--pd-default));
  }
  .svkn-container-inner--expertise.svkn-container-inner--text-right .svkn-expertise--idicator {
    grid-column: 2/3;
    grid-row: 1/span 10;
  }
  .svkn-container-inner--expertise.svkn-container-inner--text-right > h1, .svkn-container-inner--expertise.svkn-container-inner--text-right > h2, .svkn-container-inner--expertise.svkn-container-inner--text-right > h3, .svkn-container-inner--expertise.svkn-container-inner--text-right > h4 {
    grid-column: 3/4;
  }
  .svkn-container-inner--expertise.svkn-container-inner--text-right .svk-picture-wrapper {
    grid-column: 1/2;
  }
  .svkn-container-inner--expertise.svkn-container-inner--text-right .svkn-expertise--abschnitt {
    grid-column: 3/4;
  }
  .svkn-container-inner--expertise.svkn-container-inner--text-right .svk-button {
    grid-column: 3/4;
  }
}

:root[data-js=true] .svkn-container-inner--expertise .svkn-expertise--abschnitt {
  opacity: 0;
  transition: opacity 0.5s ease;
}
:root[data-js=true] .svkn-container-inner--expertise .svkn-expertise--abschnitt[data-section-active=true] {
  opacity: 1;
}
@media (max-width: 47.9375rem) {
  :root[data-js=true] .svkn-container-inner--expertise > h1, :root[data-js=true] .svkn-container-inner--expertise > h2, :root[data-js=true] .svkn-container-inner--expertise > h3, :root[data-js=true] .svkn-container-inner--expertise > h4 {
    grid-row: 1;
  }
  :root[data-js=true] .svkn-container-inner--expertise .svk-picture-wrapper {
    grid-row: 2;
  }
  :root[data-js=true] .svkn-container-inner--expertise .svkn-expertise--idicator {
    grid-row: 3;
  }
  :root[data-js=true] .svkn-container-inner--expertise .svkn-expertise--abschnitt {
    grid-row: 4;
  }
  :root[data-js=true] .svkn-container-inner--expertise .svk-button {
    grid-row: 10;
  }
}
@media (min-width: 48rem) {
  :root[data-js=true] .svkn-container-inner--expertise > h1, :root[data-js=true] .svkn-container-inner--expertise > h2, :root[data-js=true] .svkn-container-inner--expertise > h3, :root[data-js=true] .svkn-container-inner--expertise > h4 {
    grid-row: 1;
  }
  :root[data-js=true] .svkn-container-inner--expertise .svk-picture-wrapper {
    grid-row: 2;
  }
  :root[data-js=true] .svkn-container-inner--expertise .svkn-expertise--abschnitt {
    grid-row: 3;
  }
  :root[data-js=true] .svkn-container-inner--expertise .svk-button {
    grid-row: 10;
  }
}
@media (min-width: 64rem) {
  :root[data-js=true] .svkn-container-inner--expertise .svkn-expertise--idicator {
    grid-row: 1/span 10;
  }
  :root[data-js=true] .svkn-container-inner--expertise > h1, :root[data-js=true] .svkn-container-inner--expertise > h2, :root[data-js=true] .svkn-container-inner--expertise > h3, :root[data-js=true] .svkn-container-inner--expertise > h4 {
    grid-row: 1;
  }
  :root[data-js=true] .svkn-container-inner--expertise .svk-picture-wrapper {
    grid-row: 1/span 10;
    align-self: center;
  }
  :root[data-js=true] .svkn-container-inner--expertise .svkn-expertise--abschnitt {
    grid-row: 2;
  }
  :root[data-js=true] .svkn-container-inner--expertise .svk-button {
    grid-row: 10;
  }
}

@media (max-width: 63.9375rem) {
  .svkn-container-inner--expertise .svk-picture-wrapper {
    display: block;
    padding-block: var(--pd-default);
  }
}

.svkn-container-outer--expertise .svkn-expertise--idicator {
  padding-top: 0.375rem;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: calc(0.7 * var(--pd-default));
  flex-direction: row;
}
@media (min-width: 48rem) {
  .svkn-container-outer--expertise .svkn-expertise--idicator {
    flex-direction: column;
  }
}
.svkn-container-outer--expertise .svkn-expertise--idicator button {
  cursor: pointer;
  font-family: "PFBague", Arial, sans-serif;
  font-weight: 500;
  font-size: var(--font-size-ca);
  width: var(--indicator-size);
  height: var(--indicator-size);
  border-radius: var(--indicator-size);
  padding: 0;
  color: var(--button-col);
  border: 2px solid var(--button-col);
  background-color: transparent;
}
.svkn-container-outer--expertise .svkn-expertise--idicator button[data-section-active=true] {
  font-weight: 700;
  color: var(--button-bg-col);
  border-color: transparent;
  background-color: var(--button-col);
}
.svkn-container-outer--expertise .svkn-container-inner > h2 {
  margin: 0;
}
.svkn-container-outer--expertise .svkn-list-style--bulleted ul {
  columns: 12.5rem 2;
  column-gap: var(--pd-default);
  margin-block: 0;
  margin-left: 1em;
  padding: 0;
}
.svkn-container-outer--expertise .svkn-list-style--bulleted li {
  list-style: none;
  position: relative;
}
.svkn-container-outer--expertise .svkn-list-style--bulleted li:before {
  content: "•";
  position: absolute;
  left: -1em;
}
.svkn-container-outer--expertise .svkn-list-style--attached ul {
  margin-block: 0;
  margin-left: 0;
  padding: 0;
}
.svkn-container-outer--expertise .svkn-list-style--attached li {
  list-style: none;
  position: relative;
  display: inline;
}
.svkn-container-outer--expertise .svkn-list-style--attached li:after {
  content: "  |  ";
}
.svkn-container-outer--expertise .svkn-list-style--attached li:last-of-type:after, .svkn-container-outer--expertise .svkn-list-style--attached li.last-of-line:after {
  opacity: 0;
}

.svkn-expertise--abschnitt h3:first-of-type {
  padding-top: var(--pd-mini);
  padding-bottom: var(--pd-default);
  margin-bottom: 0;
}
.svkn-expertise--abschnitt li {
  break-inside: avoid;
}

:root[data-js=false] .svkn-expertise--abschnitt + .svkn-expertise--abschnitt h3:first-of-type {
  padding-top: calc(1.3 * var(--pd-default));
}

.svkn-container-outer {
  --col-width: 100%;
}
@media (min-width: 22.5rem) and (max-width: 29.9375rem) {
  .svkn-container-outer {
    --col-width: calc(6 * ((100% + var(--pd-default)) / 8 - var(--pd-default) + var(--pd-default)) - var(--pd-default));
  }
}
@media (min-width: 30rem) and (max-width: 47.9375rem) {
  .svkn-container-outer[data-columns="2"] {
    --col-width: calc(6 * ((100% + var(--pd-default)) / 8 - var(--pd-default) + var(--pd-default)) - var(--pd-default));
  }
  .svkn-container-outer[data-columns="3"], .svkn-container-outer[data-columns="4"], .svkn-container-outer[data-columns="6"] {
    --col-width: 100%;
  }
  .svkn-container-outer[data-columns="3"] .svkn-container-inner--default, .svkn-container-outer[data-columns="4"] .svkn-container-inner--default, .svkn-container-outer[data-columns="6"] .svkn-container-inner--default {
    width: calc(8 * ((100% + var(--pd-default)) / 12 - var(--pd-default) + var(--pd-default)) - var(--pd-default));
    margin: auto;
  }
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
  .svkn-container-outer[data-columns="2"] {
    --col-width: calc(4 * ((100% + var(--pd-default)) / 8 - var(--pd-default) + var(--pd-default)) - var(--pd-default));
  }
  .svkn-container-outer[data-columns="3"], .svkn-container-outer[data-columns="4"] {
    --col-width: calc(4 * ((100% + var(--pd-default)) / 8 - var(--pd-default) + var(--pd-default)) - var(--pd-default));
  }
  .svkn-container-outer[data-columns="3"] .svkn-container-inner--default, .svkn-container-outer[data-columns="4"] .svkn-container-inner--default {
    width: calc(6 * ((100% + var(--pd-default)) / 8 - var(--pd-default) + var(--pd-default)) - var(--pd-default));
    margin: auto;
  }
  .svkn-container-outer[data-columns="6"] {
    --col-width: calc(2 * ((100% + var(--pd-default)) / 8 - var(--pd-default) + var(--pd-default)) - var(--pd-default));
  }
}
@media (min-width: 64rem) {
  .svkn-container-outer[data-columns="2"] {
    --col-width: calc(6 * ((100% + var(--pd-default)) / 12 - var(--pd-default) + var(--pd-default)) - var(--pd-default));
  }
  .svkn-container-outer[data-columns="3"] {
    --col-width: calc(4 * ((100% + var(--pd-default)) / 12 - var(--pd-default) + var(--pd-default)) - var(--pd-default));
  }
  .svkn-container-outer[data-columns="4"] {
    --col-width: calc(3 * ((100% + var(--pd-default)) / 12 - var(--pd-default) + var(--pd-default)) - var(--pd-default));
  }
  .svkn-container-outer[data-columns="6"] {
    --col-width: calc(2 * ((100% + var(--pd-default)) / 12 - var(--pd-default) + var(--pd-default)) - var(--pd-default));
  }
}

.svkn-container-inner--none,
.svkn-container-inner--verantwortung,
.svkn-container-inner--usps {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: var(--pd-default);
  row-gap: calc(2 * var(--pd-default));
}
@media (min-width: 48rem) {
  .svkn-container-inner--none,
  .svkn-container-inner--verantwortung,
  .svkn-container-inner--usps {
    row-gap: calc(1.5 * var(--pd-default));
  }
}
@media (min-width: 64rem) {
  .svkn-container-inner--none,
  .svkn-container-inner--verantwortung,
  .svkn-container-inner--usps {
    row-gap: var(--pd-default);
  }
}
.svkn-container-inner--none .svkn-flex-spalte,
.svkn-container-inner--verantwortung .svkn-flex-spalte,
.svkn-container-inner--usps .svkn-flex-spalte {
  width: var(--col-width);
}

.svkn-container-inner--verantwortung .svkn-flex-spalte,
.svkn-container-inner--usps .svkn-flex-spalte {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.svkn-container-inner--verantwortung .svkn-flex-spalte .svk-color-wrapper:nth-child(1), .svkn-container-inner--verantwortung .svkn-flex-spalte p:nth-child(1), .svkn-container-inner--verantwortung .svkn-flex-spalte .svk-picture-wrapper:nth-child(1),
.svkn-container-inner--usps .svkn-flex-spalte .svk-color-wrapper:nth-child(1),
.svkn-container-inner--usps .svkn-flex-spalte p:nth-child(1),
.svkn-container-inner--usps .svkn-flex-spalte .svk-picture-wrapper:nth-child(1) {
  width: 100%;
  aspect-ratio: 5/4;
  display: flex;
  justify-content: center;
  align-items: center;
}
.svkn-container-inner--verantwortung .svkn-flex-spalte .svk-color-wrapper:nth-child(3), .svkn-container-inner--verantwortung .svkn-flex-spalte p:nth-child(3), .svkn-container-inner--verantwortung .svkn-flex-spalte .svk-picture-wrapper:nth-child(3),
.svkn-container-inner--usps .svkn-flex-spalte .svk-color-wrapper:nth-child(3),
.svkn-container-inner--usps .svkn-flex-spalte p:nth-child(3),
.svkn-container-inner--usps .svkn-flex-spalte .svk-picture-wrapper:nth-child(3) {
  text-align: center;
}
.svkn-container-inner--verantwortung .svkn-flex-spalte .svk-color-wrapper:nth-child(4), .svkn-container-inner--verantwortung .svkn-flex-spalte p:nth-child(4), .svkn-container-inner--verantwortung .svkn-flex-spalte .svk-picture-wrapper:nth-child(4),
.svkn-container-inner--usps .svkn-flex-spalte .svk-color-wrapper:nth-child(4),
.svkn-container-inner--usps .svkn-flex-spalte p:nth-child(4),
.svkn-container-inner--usps .svkn-flex-spalte .svk-picture-wrapper:nth-child(4) {
  text-align: center;
}

.svkn-container-inner--verantwortung .svkn-flex-spalte .svk-picture-wrapper:nth-child(1) {
  margin-bottom: var(--pd-default);
  max-width: 90%;
}
.svkn-container-inner--verantwortung .svkn-flex-spalte .svk-picture-wrapper:nth-child(1) img {
  max-width: 100%;
  aspect-ratio: 5/4;
  object-fit: contain;
}
.svkn-container-inner--verantwortung .svkn-flex-spalte .svk-picture-wrapper:nth-child(1) svg {
  width: 100%;
  height: 100%;
}
.svkn-container-inner--verantwortung .svkn-flex-spalte .svk-color-wrapper:nth-child(2), .svkn-container-inner--verantwortung .svkn-flex-spalte p:nth-child(2) {
  display: none;
}
.svkn-container-inner--verantwortung .svkn-flex-spalte .svk-color-wrapper:nth-child(3), .svkn-container-inner--verantwortung .svkn-flex-spalte p:nth-child(3) {
  font-size: var(--font-size-cm);
  font-weight: 700;
  line-height: var(--lh-compressed);
  color: var(--headingColor);
}
.svkn-container-inner--verantwortung .svkn-flex-spalte .svk-color-wrapper:nth-child(4), .svkn-container-inner--verantwortung .svkn-flex-spalte p:nth-child(4) {
  font-size: var(--font-size-cs);
  font-weight: 500;
  line-height: var(--lh-compressed);
}

.svkn-container-inner--usps .svkn-flex-spalte .svk-picture-wrapper:nth-child(1) {
  order: 3;
  margin-bottom: calc(0.5 * var(--pd-default));
  max-width: 75%;
}
.svkn-container-inner--usps .svkn-flex-spalte .svk-picture-wrapper:nth-child(1) img {
  max-width: 100%;
  aspect-ratio: 5/4;
  object-fit: contain;
}
.svkn-container-inner--usps .svkn-flex-spalte .svk-picture-wrapper:nth-child(1) svg {
  width: 100%;
  height: 100%;
}
.svkn-container-inner--usps .svkn-flex-spalte .svk-color-wrapper:nth-child(2), .svkn-container-inner--usps .svkn-flex-spalte p:nth-child(2) {
  order: 1;
  font-size: var(--font-size-uxl);
  font-weight: 900;
}
.svkn-container-inner--usps .svkn-flex-spalte .svk-color-wrapper:nth-child(3), .svkn-container-inner--usps .svkn-flex-spalte p:nth-child(3) {
  order: 2;
  font-size: var(--font-size-cs);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: var(--ls-caps-cmp);
  height: 1.6em;
  overflow: visible;
}
.svkn-container-inner--usps .svkn-flex-spalte .svk-color-wrapper:nth-child(4), .svkn-container-inner--usps .svkn-flex-spalte p:nth-child(4) {
  order: 4;
  font-size: var(--font-size-cs);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: var(--ls-caps-cmp);
}

.svkn-home-head {
  height: calc(100vh - var(--menu-bar-height));
  padding: var(--pd-default);
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 50% 1fr var(--button-height);
  grid-template-areas: "slider" "claim" "button";
  column-gap: var(--pd-default);
  row-gap: var(--pd-default);
}
.svkn-home-head .svk-slider {
  grid-area: slider;
}
.svkn-home-head .svkn-home-head--claim {
  grid-area: claim;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  font-family: "YoungSerif", "Times", "Times New Roman", serif;
  font-weight: 700;
  font-size: var(--font-size-yxl);
  line-height: var(--lh-compressed);
}
@supports (font-variation-settings: normal) {
  .svkn-home-head .svkn-home-head--claim {
    font-weight: 600;
    font-family: "YoungSerif VF";
  }
}
.svkn-home-head .svkn-home-head--claim p {
  margin: 0;
  padding: 0;
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
  .svkn-home-head .svkn-home-head--claim p br {
    display: none;
  }
}
.svkn-home-head .svkn-button {
  grid-area: button;
}
@media (min-width: 64rem) {
  .svkn-home-head {
    margin-top: 0;
    --column-width: calc( 8.333vw - 1.083 * var(--pd-default));
    --slider-width: calc( 7 * var(--column-width) + 6 * var(--pd-default));
    --claim-width: 1fr;
    grid-template-columns: var(--slider-width) var(--claim-width);
    grid-template-rows: 1fr var(--button-height);
    grid-template-areas: "slider claim" "slider button";
  }
}
@media (min-width: 80rem) {
  .svkn-home-head {
    --slider-width: calc( 8 * var(--column-width) + 7 * var(--pd-default));
  }
}
@media (min-width: 87.5rem) {
  .svkn-home-head {
    --slider-width: calc( 50vw + 160px );
    --claim-width: calc(540px - 2 * var(--pd-default));
  }
}

.svk-introtext-big {
  font-family: "YoungSerif";
  font-weight: 700;
  font-size: var(--font-size-ym);
  line-height: var(--lh-semi-expanded);
}
@supports (font-variation-settings: normal) {
  .svk-introtext-big {
    font-family: "YoungSerif VF";
  }
}
.svk-introtext-big p:last-child {
  margin-bottom: 0;
}
.svk-introtext-big.svk-introtext-big--no-pb {
  padding-bottom: 0;
}

.svk-cards--container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--pd-default);
  margin-inline: auto;
}
.svk-cards--container .svk-cards--inner {
  width: 21.875rem;
  max-width: calc(100vw - 2 * var(--pd-default));
}
@media (min-width: 64rem) {
  .svk-cards--container .svk-cards--inner {
    width: 25rem;
  }
}
@media (min-width: 87.5rem) {
  .svk-cards--container .svk-cards--inner {
    flex-grow: 1;
  }
}
.svk-cards--container.svk-cards--spacing-top-none {
  padding-top: 0;
}
.svk-cards--container.svk-cards--spacing-bottom-none {
  padding-bottom: 0;
}
.svk-cards--container.svk-cards--spacing-top-s {
  padding-top: var(--spacing-s);
}
.svk-cards--container.svk-cards--spacing-bottom-s {
  padding-bottom: var(--spacing-s);
}
.svk-cards--container.svk-cards--spacing-top-m {
  padding-top: var(--spacing-m);
}
.svk-cards--container.svk-cards--spacing-bottom-m {
  padding-bottom: var(--spacing-m);
}
.svk-cards--container.svk-cards--spacing-top-l {
  padding-top: var(--spacing-l);
}
.svk-cards--container.svk-cards--spacing-bottom-l {
  padding-bottom: var(--spacing-l);
}
.svk-cards--inner {
  padding: var(--pd-mini-plus);
  aspect-ratio: 1/1.2;
  display: grid;
  grid-template-columns: 1fr 2.875rem;
  grid-template-rows: auto auto 1fr;
}
.svk-cards--inner p {
  grid-column: 1/3;
}
.svk-cards--inner .svk-cards--image {
  grid-column: 1/2;
  justify-self: start;
  align-self: end;
}
.svk-cards--inner .svk-cards--link {
  grid-column: 2/3;
  justify-self: end;
  align-self: end;
}
.svk-cards--inner p.svk-cards--headline {
  font-size: var(--font-size-cdhl);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: var(--ls-caps-cmp);
  line-height: var(--lh-compressed);
}
.svk-cards--inner p {
  font-size: var(--font-size-cdtx);
  font-weight: 500;
  letter-spacing: var(--ls-mixed);
  line-height: var(--lh-default);
}
.svk-cards--inner .svk-cards--image {
  padding-top: calc(0.5 * var(--pd-default));
}
.svk-cards--inner .svk-cards--image .svk-picture-wrapper img, .svk-cards--inner .svk-cards--image .svk-picture-wrapper svg {
  width: 65%;
}
.svk-cards--inner .svk-cards--link {
  width: 2.875rem;
  height: 2.875rem;
  padding: 0;
}

.svk-contact-info--block {
  margin-bottom: var(--pd-default);
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 60vw 1fr;
  gap: 0;
  justify-items: stretch;
  align-items: stretch;
}
.svk-contact-info--block p {
  margin: 0;
  text-align: center;
}
.svk-contact-info--block .svk-contact-info-icon {
  font-size: 4em;
  line-height: 0.9em;
}
@media (min-width: 48rem) {
  .svk-contact-info--block {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
  }
}

.svk-contact-info--image {
  grid-column: 1/span 1;
  grid-row: 1/span 1;
}
.svk-contact-info--image img {
  width: 100%;
  height: 100%;
}

.svk-contact-info--textbox {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  gap: calc(var(--pd-default) * 0.5);
  padding: 0.9375rem 0 2.1875rem 0;
  grid-column: 1/span 1;
  grid-row: 2/span 1;
}
@media (min-width: 48rem) {
  .svk-contact-info--textbox {
    grid-column: 2/span 1;
    grid-row: 1/span 1;
  }
}

.svk-contact-form-block {
  margin-top: var(--pd-default);
}
.svk-contact-form-block hgroup {
  margin-bottom: calc(2 * var(--pd-default));
}
.svk-contact-form-block hgroup h2 {
  margin-bottom: 1.875rem;
}

.svk-contact-form-message {
  display: none;
}
.svk-contact-form-message.error-msg, .svk-contact-form-message.result-msg, .svk-contact-form-message.state-msg {
  display: block;
  color: var(--col-ih-tx-error);
  border: 2px solid var(--col-ih-tx-error);
  padding: 0.5rem 0.75rem;
  margin-bottom: var(--pd-default);
  font-weight: 500;
  font-size: var(--font-size-cm);
}
.svk-contact-form-message.result-msg, .svk-contact-form-message.state-msg {
  color: var(--col-ih-tx-link_pos);
  border-color: var(--col-ih-tx-link_pos);
}

@media (min-width: 48rem) {
  .svk-contact-form {
    display: flex;
    flex-wrap: wrap;
    gap: var(--pd-default);
  }
}

.svk-form-item {
  padding: 0.5rem 0.75rem;
  margin-bottom: 10px;
}
.svk-form-item.svk-form-item--has-input {
  background-color: var(--col-ih-bg-white);
}
@media (min-width: 48rem) {
  .svk-form-item {
    width: calc(50% - var(--pd-default) / 2);
    margin-bottom: 0;
  }
}
.svk-form-item:focus-within, .svk-form-item.active {
  border-color: var(--col-ih-tx-link_pos);
}
.svk-form-item:focus-within label, .svk-form-item.active label {
  color: var(--col-ih-tx-link_pos);
}
.svk-form-item.error {
  border-color: var(--col-ih-tx-error);
  border-width: var(--border-bold);
}
.svk-form-item.error label {
  color: var(--col-ih-tx-error);
  font-weight: 500;
}
.svk-form-item label {
  display: block;
  margin-bottom: 0.3125rem;
  font-weight: 400;
  font-size: var(--font-size-cs);
}
.svk-form-item input,
.svk-form-item textarea {
  background-color: transparent;
  border: none;
  width: 100%;
  display: block;
  margin-bottom: 0.3125rem;
  font-family: inherit;
  font-weight: 400;
  font-size: var(--font-size-cm);
}

.svk-form-item--message {
  position: relative;
}
@media (min-width: 48rem) {
  .svk-form-item--message {
    width: 100%;
  }
}
.svk-form-item--message:after {
  content: attr(data-char-count);
  position: absolute;
  right: 0.9375rem;
  bottom: 0.625rem;
  font-weight: 400;
  font-size: var(--font-size-cs);
}

.svk-form-item--checkbox-container,
.svk-form-item--info-required {
  padding: 0;
  display: flex;
  align-items: flex-start;
}

.required--info {
  display: inline-block;
  width: 1em;
}

.svk-form-item--checkbox,
input.svk-form-item--checkbox {
  border: var(--col-ih-tx);
  margin-top: 0.3125rem;
  width: 2rem;
  height: var(--font-size-cm);
}

.svk-form-item.svk-form-item--submit {
  display: flex;
  justify-content: center;
  padding-block: var(--pd-default);
}
@media (min-width: 48rem) {
  .svk-form-item.svk-form-item--submit {
    justify-content: flex-end;
    padding-top: 0;
  }
}
.svk-form-item.svk-form-item--submit p {
  margin: 0;
  text-align: center;
}
.svk-form-item.svk-form-item--submit button {
  background-color: var(--col-ih-bg-white);
  color: currentColor;
  border-color: currentColor;
  font-family: "PFBague", Arial, Helvetica, sans-serif;
  font-size: var(--font-size-btn);
  font-weight: 500;
  padding-block: 0;
}

.svk-form-item--info-required {
  font-size: var(--font-size-cs);
  font-weight: 400;
}
.svk-form-item--info-required .required--info {
  width: 2rem;
  min-width: 2rem;
}

.svkn-raster-kunden {
  display: grid;
  gap: var(--pd-default);
  grid-template-columns: repeat(1, 1fr);
}
.svkn-raster-kunden svg,
.svkn-raster-kunden img {
  width: 120px;
  height: 90px;
  margin: 10px;
  object-fit: contain;
}
.svkn-raster-kunden img {
  display: inline;
  filter: grayscale(100%) invert(1);
  border: 2px dashed #f9f;
}
@media (min-width: 22.5rem) {
  .svkn-raster-kunden {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 30rem) {
  .svkn-raster-kunden {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 48rem) {
  .svkn-raster-kunden {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 64rem) {
  .svkn-raster-kunden {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 80rem) {
  .svkn-raster-kunden {
    grid-template-columns: repeat(6, 1fr);
  }
}

.svk-kundenlogo-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.svk-kundenlogo-container svg {
  transform: scale(calc(var(--scaling) / 100));
}

.svg-preview-content {
  fill: #000;
  max-width: 300px;
}

.svkn-kundenstimmen--slider {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--pd-default);
}
.svkn-kundenstimmen--slider .svkn-kundenstimmen--slide {
  display: contents;
}
.svkn-kundenstimmen--slider .svkn-kundenstimmen--slide-image {
  grid-column: 1/2;
  grid-row: 1/2;
}
.svkn-kundenstimmen--slider .svkn-kundenstimmen--indicator {
  grid-column: 1/2;
  grid-row: 2/3;
}
.svkn-kundenstimmen--slider .svkn-kundenstimmen--quote {
  grid-column: 1/2;
  grid-row: 3/4;
}
.svkn-kundenstimmen--slider .svkn-kundenstimmen--cite {
  grid-column: 1/2;
  grid-row: 4/5;
}
@media (min-width: 48rem) {
  .svkn-kundenstimmen--slider {
    grid-template-columns: calc(1 * ((100% + var(--pd-default)) / 8 - var(--pd-default) + var(--pd-default)) - var(--pd-default)) calc(6 * ((100% + var(--pd-default)) / 8 - var(--pd-default) + var(--pd-default)) - var(--pd-default)) calc(1 * ((100% + var(--pd-default)) / 8 - var(--pd-default) + var(--pd-default)) - var(--pd-default));
    grid-template-rows: 1fr auto auto;
  }
  .svkn-kundenstimmen--slider .svkn-kundenstimmen--indicator {
    grid-column: 1/2;
    grid-row: 2/span 2;
  }
  .svkn-kundenstimmen--slider .svkn-kundenstimmen--quote {
    grid-column: 2/3;
    grid-row: 2/3;
  }
  .svkn-kundenstimmen--slider .svkn-kundenstimmen--cite {
    grid-column: 2/3;
    grid-row: 3/4;
  }
  .svkn-kundenstimmen--slider .svkn-kundenstimmen--slide-image {
    grid-column: 1/4;
  }
}
@media (min-width: 64rem) {
  .svkn-kundenstimmen--slider {
    grid-template-columns: calc(1 * ((100% + var(--pd-default)) / 12 - var(--pd-default) + var(--pd-default)) - var(--pd-default)) calc(10 * ((100% + var(--pd-default)) / 12 - var(--pd-default) + var(--pd-default)) - var(--pd-default)) calc(1 * ((100% + var(--pd-default)) / 12 - var(--pd-default) + var(--pd-default)) - var(--pd-default));
    grid-template-rows: 1fr auto auto;
  }
  .svkn-kundenstimmen--slider .svkn-kundenstimmen--quote {
    grid-column: 2/3;
  }
  .svkn-kundenstimmen--slider .svkn-kundenstimmen--cite {
    grid-column: 2/3;
  }
  .svkn-kundenstimmen--slider .svkn-kundenstimmen--slide-image {
    grid-column: 2/3;
  }
}
@media (min-width: 80rem) {
  .svkn-kundenstimmen--slider {
    grid-template-columns: calc(1 * ((100% + var(--pd-default)) / 12 - var(--pd-default) + var(--pd-default)) - var(--pd-default)) calc(5 * ((100% + var(--pd-default)) / 12 - var(--pd-default) + var(--pd-default)) - var(--pd-default)) calc(6 * ((100% + var(--pd-default)) / 12 - var(--pd-default) + var(--pd-default)) - var(--pd-default));
    grid-template-rows: 1fr auto auto;
  }
  .svkn-kundenstimmen--slider .svkn-kundenstimmen--slide-image {
    grid-column: 3/4;
    grid-row: 1/3;
  }
  .svkn-kundenstimmen--slider .svkn-kundenstimmen--quote {
    grid-column: 2/3;
    grid-row: 2/3;
  }
  .svkn-kundenstimmen--slider .svkn-kundenstimmen--cite {
    grid-column: 2/3;
    grid-row: 3/4;
  }
}

:root[data-js=true] .svkn-kundenstimmen--slider .svkn-kundenstimmen--slide-image,
:root[data-js=true] .svkn-kundenstimmen--slider .svkn-kundenstimmen--quote,
:root[data-js=true] .svkn-kundenstimmen--slider .svkn-kundenstimmen--cite {
  pointer-events: none;
  z-index: 0;
  opacity: 0;
  transition: opacity 0.5s ease;
}
:root[data-js=true] .svkn-kundenstimmen--slider .svkn-kundenstimmen--slide-image[data-section-active=true],
:root[data-js=true] .svkn-kundenstimmen--slider .svkn-kundenstimmen--quote[data-section-active=true],
:root[data-js=true] .svkn-kundenstimmen--slider .svkn-kundenstimmen--cite[data-section-active=true] {
  pointer-events: auto;
  z-index: 1;
  opacity: 1;
}
:root[data-js=true] .svkn-kundenstimmen--slider .svkn-kundenstimmen--indicator button {
  cursor: pointer;
}
:root[data-js=true] .svkn-kundenstimmen--slider .svkn-kundenstimmen--indicator button[data-section-active=true] {
  font-weight: 700;
}

@media (max-width: 79.9375rem) {
  :root[data-js=false] .svkn-kundenstimmen--quote {
    grid-row: auto;
  }
  :root[data-js=false] .svkn-kundenstimmen--cite {
    grid-row: auto;
  }
  :root[data-js=false] .svkn-kundenstimmen--slide-image {
    grid-row: auto;
  }
}
@media (min-width: 80rem) {
  :root[data-js=false] .svkn-kundenstimmen--slider > .svkn-kundenstimmen--slide:not(:first-of-type) {
    display: none;
  }
}

.svkn-kundenstimmen--indicator {
  padding-top: 0.375rem;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: calc(0.7 * var(--pd-default));
  flex-direction: row;
}
@media (min-width: 48rem) {
  .svkn-kundenstimmen--indicator {
    flex-direction: column;
  }
}
.svkn-kundenstimmen--indicator button {
  cursor: pointer;
  font-family: "PFBague", Arial, sans-serif;
  font-weight: 500;
  font-size: var(--font-size-ca);
  width: var(--indicator-size);
  height: var(--indicator-size);
  border-radius: var(--indicator-size);
  padding: 0;
  color: var(--button-col);
  border: 2px solid var(--button-col);
  background-color: transparent;
}
.svkn-kundenstimmen--indicator button[data-section-active=true] {
  font-weight: 700;
  color: var(--button-bg-col);
  border-color: transparent;
  background-color: var(--button-col);
}

.svkn-kundenstimmen--slide-image .svk-reference-block {
  margin-bottom: 0;
}

.svkn-kundenstimmen--cite p:last-child, .svkn-kundenstimmen--quote p:last-child {
  margin-bottom: -0.3em;
}

.svkn-kundenstimmen--quote {
  padding: 0;
  margin: 0;
  font-size: var(--font-size-cm);
  font-weight: 500;
  letter-spacing: var(--ls-mixed);
  line-height: var(--lh-semi-expanded);
}

.svkn-kundenstimmen--cite .svkn-kundenstimmen--source {
  margin-bottom: 0;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: var(--ls-caps-cmp);
}
.svkn-kundenstimmen--cite .svkn-kundenstimmen--position {
  font-style: normal;
  letter-spacing: var(--ls-mixed);
  font-weight: 400;
}

:root[data-js=false] .svkn-persons-arrow {
  display: none;
}
:root[data-js=false] .svk-persons--wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: var(--pd-default);
  translate: 0;
  padding-inline: var(--pd-default);
  max-width: 1400px;
  margin: auto;
}
:root[data-js=false] .svk-persons--wrapper .svk-persons--single {
  width: 100%;
}
@media (min-width: 48rem) {
  :root[data-js=false] .svk-persons--wrapper .svk-persons--single {
    width: calc(4 * ((100% + var(--pd-default)) / 8 - var(--pd-default) + var(--pd-default)) - var(--pd-default));
  }
}
@media (min-width: 64rem) {
  :root[data-js=false] .svk-persons--wrapper .svk-persons--single {
    width: calc(4 * ((100% + var(--pd-default)) / 12 - var(--pd-default) + var(--pd-default)) - var(--pd-default));
  }
}
:root[data-js=false] .svk-persons--wrapper.svkn-container-inner--full-width {
  padding-inline: var(--pd-default);
}
@media (min-width: 87.5rem) {
  :root[data-js=false] .svk-persons--wrapper.svkn-container-inner--full-width {
    max-width: 1400px;
    margin-inline: auto;
  }
}

:root[data-js=true] .svk-persons--container {
  --img_width_from_m: calc(
      min( 50vw, 0.5 * 1400px) -
      3 * var(--pd-default)
  );
}
:root[data-js=true] .svk-persons--outer-wrapper {
  position: relative;
}
:root[data-js=true] .svkn-persons-arrow {
  display: none;
}
:root[data-js=true] .svkn-persons-arrow--inactive {
  opacity: 0.25;
  cursor: default !important;
}
@media (min-width: 48rem) {
  :root[data-js=true] .svk-persons--outer-wrapper {
    overflow-x: hidden;
  }
  :root[data-js=true] .svkn-persons-arrow {
    display: block;
    background-color: var(--arrow-color);
    border-radius: 100%;
    margin: 2px;
    cursor: pointer;
    position: absolute;
    z-index: 60;
    top: calc(var(--img_width_from_m) * 0.5 / 1.5 - 0.4 * var(--slider-arrow));
    width: calc(var(--slider-arrow) - 4px);
    height: calc(var(--slider-arrow) - 4px);
  }
  :root[data-js=true] .svkn-persons-arrow:before {
    position: absolute;
    top: -1px;
    left: -1px;
    width: var(--slider-arrow);
    height: var(--slider-arrow);
    background-color: currentColor;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45 45' xml:space='preserve'%3E%3Cpath d='M22.5,0C22.5,0,22.5,0,22.5,0C10.1,0,0,10.1,0,22.5c0,0,0,0,0,0C0,34.9,10.1,45,22.5,45C34.9,45,45,34.9,45,22.5 C45,10.1,34.9,0,22.5,0z M23.4,38.5l-2.8-2.8l10.9-10.9H6.5v-4h24.9l-11-11l2.8-2.8l13.8,13.8h0.1v0.1l1.9,1.9l0,0l0,0L23.4,38.5z'%3E%3C/path%3E%3C/svg%3E");
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    content: "";
  }
}
:root[data-js=true] .svkn-persons-arrow--prev {
  left: calc(-0.5 * var(--slider-arrow) + max(var(--pd-default), var(--pd-default) + 0.5 * (100% - 1400px)));
}
:root[data-js=true] .svkn-persons-arrow--prev:before {
  transform: scaleX(-1);
}
:root[data-js=true] .svkn-persons-arrow--next {
  right: calc(-0.5 * var(--slider-arrow) + max(var(--pd-default), var(--pd-default) + 0.5 * (100% - 1400px)));
}
:root[data-js=true] .svk-persons--wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: var(--pd-default);
}
@media (max-width: 47.9375rem) {
  :root[data-js=true] .svk-persons--wrapper {
    translate: 0 !important;
  }
}
@media (min-width: 48rem) {
  :root[data-js=true] .svk-persons--wrapper {
    display: grid;
    overflow: visible;
    touch-action: pan-x;
    will-change: translate;
    transform: translateZ(0);
    transition: translate 0.4s ease;
    translate: max(var(--pd-default), 50% - 700px + var(--pd-default));
  }
}
:root[data-js=true] .svk-persons--wrapper .svk-persons--single {
  width: calc(100% - 2 * var(--pd-default));
  margin: auto;
}
@media (min-width: 48rem) {
  :root[data-js=true] .svk-persons--wrapper .svk-persons--single {
    width: var(--img_width_from_m);
    grid-row: 1/2;
    min-height: 1px;
    contain: none;
    backface-visibility: visible;
  }
}

.svk-persons--wrapper.svkn-container-inner--default, .svk-persons--wrapper.svkn-container-inner--full-width-left, .svk-persons--wrapper.svkn-container-inner--full-width-right {
  padding-inline: var(--pd-default);
}
.svk-persons--wrapper .svk-picture-wrapper {
  display: block;
  aspect-ratio: 3/2;
  padding-bottom: calc(0.5 * var(--pd-default));
}
.svk-persons--wrapper p {
  margin: 0;
  line-height: var(--lh-copy);
}
.svk-persons--wrapper .svk-persons--name {
  font-size: var(--font-size-cm);
  font-weight: 700;
}
.svk-persons--wrapper .svk-persons--function {
  font-size: var(--font-size-cs);
}
.svk-persons--wrapper .svk-persons--mail {
  font-size: var(--font-size-cs);
}

.project-grid {
  display: flex;
  flex-direction: column;
  gap: var(--pd-default);
}
@media (min-width: 48rem) {
  .project-grid {
    display: grid;
  }
}

.project-grid--item {
  color: grey;
}

@media (min-width: 48rem) {
  .project-grid--image {
    overflow: hidden;
  }
  .project-grid--image[data-item-height="1"] {
    aspect-ratio: 2.25/1;
  }
  .project-grid--image[data-item-height="2"] {
    aspect-ratio: 1.9/1;
  }
  .project-grid--image[data-item-height="3"] {
    aspect-ratio: 1.75/1;
  }
  .project-grid--image[data-item-height="4"] {
    aspect-ratio: 1.55/1;
  }
  .project-grid--image[data-item-height="5"] {
    aspect-ratio: 1.3/1;
  }
  .project-grid--image[data-item-height="6"] {
    aspect-ratio: 1/1;
  }
  .project-grid--image[data-item-height="7"] {
    aspect-ratio: 0.85/1;
  }
}

.project-grid--cite {
  color: blue;
  display: flex;
  flex-direction: column;
  font-style: italic;
  text-align: center;
}
@media (min-width: 22.5rem) and (max-width: 47.9375rem) {
  .project-grid--cite {
    padding-inline: var(--pd-default);
    max-width: 31.25rem;
    margin-inline: auto;
    padding-block: var(--spacing-s);
  }
}
.project-grid--cite .project-grid--cite-source {
  font-style: normal;
  font-weight: 500;
  font-size: var(--font-size-cs);
  text-transform: uppercase;
  letter-spacing: var(--ls-caps-cmp);
}

.project-grid--info h2 {
  text-align: left;
  font-size: var(--font-size-shp3);
  text-transform: uppercase;
  letter-spacing: var(--ls-caps);
  margin-top: 1.75em;
  margin-bottom: 0.75em;
}
.project-grid--info h2:first-child {
  margin-top: 0;
}
.project-grid--info p, .project-grid--info li {
  font-size: var(--font-size-cs);
  letter-spacing: var(--ls-mixed);
}

@media (min-width: 48rem) {
  .cite-left-aligned {
    text-align: left;
  }
  .cite-left-aligned > * {
    margin-right: auto;
  }
  .cite-centered > * {
    margin-inline: auto;
  }
  .cite-right-aligned {
    text-align: right;
  }
  .cite-right-aligned > * {
    margin-left: auto;
  }
  .cite-top-aligned {
    justify-content: flex-start;
  }
  .cite-v-centered {
    justify-content: center;
  }
  .cite-bottom-aligned {
    justify-content: flex-end;
  }
  .cite-line-left {
    padding-inline: var(--pd-default);
    border-left: var(--border-bold) solid currentColor;
  }
  .cite-line-right {
    padding-inline: var(--pd-default);
    border-right: var(--border-bold) solid currentColor;
  }
  .cite-text-width-1 > * {
    max-width: 44%;
  }
  .cite-text-width-2 > * {
    max-width: 56%;
  }
  .cite-text-width-3 > * {
    max-width: 68%;
  }
  .cite-text-width-4 > * {
    max-width: 80%;
  }
  .cite-text-width-5 > * {
    max-width: 90%;
  }
  .cite-text-width-6 > * {
    max-width: 95%;
  }
}
@media (min-width: 64rem) {
  .cite-text-width-1 > * {
    max-width: 32%;
  }
  .cite-text-width-2 > * {
    max-width: 46%;
  }
  .cite-text-width-3 > * {
    max-width: 59%;
  }
  .cite-text-width-4 > * {
    max-width: 71%;
  }
  .cite-text-width-5 > * {
    max-width: 82%;
  }
  .cite-text-width-6 > * {
    max-width: 92%;
  }
}
.project-grid--cite-logo {
  padding-bottom: 2rem;
}
.project-grid--cite-logo svg {
  display: inline-block;
  height: 2.625rem;
}

/*
div .svkn-container-outer 
    .svkn-container-outer--projekt-head
    [style="background-color:var(--col-ih-bg-none)"]

    div .svkn-container-inner 
        .svkn-container-inner--default 
        .svkn-container-inner--minheight-none 
        .svkn-container-inner--spacing-top-none 
        .svkn-container-inner--spacing-bottom-none

        span.svk-picture-wrapper
            picture
                source[sizes][srcset]
                    img
                        .svk-object-fit--cover
                        [data-focuspoint][sizes][srcset][decoding="async"]
*/
.svkn-container-outer--projekt-head img {
  aspect-ratio: 1/0.53;
}

.site-main--projekt ul {
  padding-left: 1.375rem;
  list-style-type: none;
}
.site-main--projekt li {
  position: relative;
}
.site-main--projekt li:before {
  content: "•";
  position: absolute;
  left: -1.375rem;
}

.svk-projekt-intro--tx ul {
  padding-left: 1.25rem;
  list-style-type: none;
}
.svk-projekt-intro--tx li {
  position: relative;
}
.svk-projekt-intro--tx li:before {
  content: "•";
  position: absolute;
  left: -1.25rem;
}

@media (max-width: 47.9375rem) {
  :root[data-js=false] .svk-projekt-intro--hl,
  :root[data-reduce-motion=true] .svk-projekt-intro--hl {
    padding: 0 0 var(--pd-default) 0;
  }
  :root[data-js=false] .svk-projekt-intro--vr,
  :root[data-reduce-motion=true] .svk-projekt-intro--vr {
    display: none;
  }
  :root[data-js=false] .svk-projekt-intro--tx,
  :root[data-reduce-motion=true] .svk-projekt-intro--tx {
    padding: 0;
  }
}

@media (prefers-reduced-motion: reduce) and (max-width: 47.9375rem) {
  .svk-projekt-intro--hl {
    padding: 0 0 var(--pd-default) 0;
  }
  .svk-projekt-intro--vr {
    display: none;
  }
  .svk-projekt-intro--tx {
    padding: 0;
  }
}
@media (max-width: 47.9375rem) {
  :root[data-reduce-motion=false][data-js=true] .svk-projekt-intro {
    display: grid;
    grid-template-columns: [col_1] 55px [col_1_end col_2] 1fr [col_2_end];
  }
  :root[data-reduce-motion=false][data-js=true] .svk-projekt-intro--hl {
    display: contents;
  }
  :root[data-reduce-motion=false][data-js=true] .svk-projekt-intro--toggle {
    grid-column: col_1/col_1_end;
    grid-row: 2/3;
    display: block;
    cursor: pointer;
    color: currentColor;
    border: none;
    background: none;
    padding: 0.3125rem 0 0 0;
    justify-self: start;
    align-self: start;
  }
  :root[data-reduce-motion=false][data-js=true] .svk-projekt-intro--toggle svg {
    overflow: visible;
  }
  :root[data-reduce-motion=false][data-js=true] .svk-projekt-intro--hl1 {
    grid-column: col_2/col_2_end;
    grid-row: 1/2;
    padding: 0 0 var(--pd-default) 0;
  }
  :root[data-reduce-motion=false][data-js=true] .svk-projekt-intro--hl2 {
    grid-column: col_2/col_2_end;
    grid-row: 2/3;
    padding: 0 0 var(--pd-default) 0;
  }
  :root[data-reduce-motion=false][data-js=true] .svk-projekt-intro--vr {
    display: none;
  }
  :root[data-reduce-motion=false][data-js=true] .svk-projekt-intro--tx {
    grid-column: col_2/col_2_end;
    grid-row: 3/4;
    padding: 0;
    display: block;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transform: translateY(-0.25rem);
    transition: max-height 0.35s ease, opacity 0.2s ease, transform 0.2s ease;
    will-change: max-height, opacity, transform;
  }
  :root[data-reduce-motion=false][data-js=true] .svk-projekt-intro[data-open-state=closed] .svk-projekt-intro--tx {
    max-height: 0;
    opacity: 0;
    transform: translateY(-0.25rem);
    pointer-events: none;
  }
  :root[data-reduce-motion=false][data-js=true] .svk-projekt-intro[data-open-state=open] .svk-projekt-intro--tx {
    max-height: 200vh;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
  :root[data-reduce-motion=false][data-js=true] .svk-projekt-intro svg .bar_v,
  :root[data-reduce-motion=false][data-js=true] .svk-projekt-intro svg .bar_h {
    transform-origin: center;
    transition: transform 0.3s ease;
  }
  :root[data-reduce-motion=false][data-js=true] .svk-projekt-intro[data-open-state=closed] svg .bar_v {
    transform: rotate(-360deg);
  }
  :root[data-reduce-motion=false][data-js=true] .svk-projekt-intro[data-open-state=closed] svg .bar_h {
    transform: rotate(-360deg);
  }
  :root[data-reduce-motion=false][data-js=true] .svk-projekt-intro[data-open-state=open] svg .bar_v {
    transform: rotate(-270deg);
  }
  :root[data-reduce-motion=false][data-js=true] .svk-projekt-intro[data-open-state=open] svg .bar_h {
    transform: rotate(-180deg);
  }
}
@media (min-width: 30rem) and (max-width: 47.9375rem) {
  :root[data-reduce-motion=false][data-js=true] .svk-projekt-intro {
    grid-template-columns: [col_1] 55px [col_1_end col_2] 1fr [col_2_end] 40px;
  }
}

@media (prefers-reduced-motion: no-preference) and (max-width: 47.9375rem) {
  :root[data-js=true]:not([data-reduce-motion]) .svk-projekt-intro {
    display: grid;
    grid-template-columns: [col_1] 55px [col_1_end col_2] 1fr [col_2_end];
  }
  :root[data-js=true]:not([data-reduce-motion]) .svk-projekt-intro--hl {
    display: contents;
  }
  :root[data-js=true]:not([data-reduce-motion]) .svk-projekt-intro--toggle {
    grid-column: col_1/col_1_end;
    grid-row: 2/3;
    display: block;
    cursor: pointer;
    color: currentColor;
    border: none;
    background: none;
    padding: 0.3125rem 0 0 0;
    justify-self: start;
    align-self: start;
  }
  :root[data-js=true]:not([data-reduce-motion]) .svk-projekt-intro--toggle svg {
    overflow: visible;
  }
  :root[data-js=true]:not([data-reduce-motion]) .svk-projekt-intro--hl1 {
    grid-column: col_2/col_2_end;
    grid-row: 1/2;
    padding: 0 0 var(--pd-default) 0;
  }
  :root[data-js=true]:not([data-reduce-motion]) .svk-projekt-intro--hl2 {
    grid-column: col_2/col_2_end;
    grid-row: 2/3;
    padding: 0 0 var(--pd-default) 0;
  }
  :root[data-js=true]:not([data-reduce-motion]) .svk-projekt-intro--vr {
    display: none;
  }
  :root[data-js=true]:not([data-reduce-motion]) .svk-projekt-intro--tx {
    grid-column: col_2/col_2_end;
    grid-row: 3/4;
    padding: 0;
    display: block;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transform: translateY(-0.25rem);
    transition: max-height 0.35s ease, opacity 0.2s ease, transform 0.2s ease;
    will-change: max-height, opacity, transform;
  }
  :root[data-js=true]:not([data-reduce-motion]) .svk-projekt-intro[data-open-state=closed] .svk-projekt-intro--tx {
    max-height: 0;
    opacity: 0;
    transform: translateY(-0.25rem);
    pointer-events: none;
  }
  :root[data-js=true]:not([data-reduce-motion]) .svk-projekt-intro[data-open-state=open] .svk-projekt-intro--tx {
    max-height: 200vh;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
  :root[data-js=true]:not([data-reduce-motion]) .svk-projekt-intro svg .bar_v,
  :root[data-js=true]:not([data-reduce-motion]) .svk-projekt-intro svg .bar_h {
    transform-origin: center;
    transition: transform 0.3s ease;
  }
  :root[data-js=true]:not([data-reduce-motion]) .svk-projekt-intro[data-open-state=closed] svg .bar_v {
    transform: rotate(-360deg);
  }
  :root[data-js=true]:not([data-reduce-motion]) .svk-projekt-intro[data-open-state=closed] svg .bar_h {
    transform: rotate(-360deg);
  }
  :root[data-js=true]:not([data-reduce-motion]) .svk-projekt-intro[data-open-state=open] svg .bar_v {
    transform: rotate(-270deg);
  }
  :root[data-js=true]:not([data-reduce-motion]) .svk-projekt-intro[data-open-state=open] svg .bar_h {
    transform: rotate(-180deg);
  }
}
@media (prefers-reduced-motion: no-preference) and (min-width: 30rem) and (max-width: 47.9375rem) {
  :root[data-js=true]:not([data-reduce-motion]) .svk-projekt-intro {
    grid-template-columns: [col_1] 55px [col_1_end col_2] 1fr [col_2_end] 40px;
  }
}
@media (min-width: 48rem) {
  .svk-projekt-intro {
    display: grid;
    grid-template-columns: 0rem [col_1] 1fr [col_1_end] 0px [col_2] 1fr [col_2_end] 0rem;
    grid-template-rows: [top] 0rem [row_1] 1fr [row_1_end] 0rem [bottom];
  }
}
.svk-projekt-intro--toggle {
  display: none;
}
.svk-projekt-intro--hl {
  grid-column: col_1/col_1_end;
  grid-row: row_1/row_1_end;
  align-self: center;
}
.svk-projekt-intro--vr {
  grid-column: col_1_end/col_2;
  grid-row: top/bottom;
}
.svk-projekt-intro--tx {
  grid-column: col_2/col_2_end;
  grid-row: row_1/row_1_end;
  align-self: center;
}
.svk-projekt-intro--hl1 {
  font-size: var(--font-size-cl);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: var(--ls-caps-cmp);
  line-height: var(--lh-semi-expanded);
  margin: 0;
  padding-bottom: var(--pd-default);
}
.svk-projekt-intro--hl2 {
  font-size: var(--font-size-ca);
  font-weight: 500;
  letter-spacing: var(--ls-mixed);
  line-height: var(--lh-compressed);
}
.svk-projekt-intro--hl2 p {
  margin: 0;
}
.svk-projekt-intro--vr {
  border-left: var(--border-bold) solid currentColor;
}
.svk-projekt-intro--tx {
  font-size: var(--font-size-ca);
  font-weight: 400;
  letter-spacing: var(--ls-mixed);
  line-height: var(--lh-compressed);
}
.svk-projekt-intro--tx p {
  margin-bottom: 1em;
}
.svk-projekt-intro--tx p:last-child {
  margin-bottom: 0;
}
@media (min-width: 48rem) {
  .svk-projekt-intro--hl, .svk-projekt-intro--tx {
    padding: var(--pd-default);
  }
  .svk-projekt-intro--hl {
    padding-left: 0;
    justify-self: end;
  }
  .svk-projekt-intro--tx {
    padding-right: 0;
    justify-self: start;
  }
}
@media (min-width: 64rem) {
  .svk-projekt-intro--hl, .svk-projekt-intro--tx {
    max-width: 38.5vw;
  }
}
@media (min-width: 80rem) {
  .svk-projekt-intro--hl, .svk-projekt-intro--tx {
    max-width: calc(28.75rem + var(--pd-default));
  }
}

/*
div .projekt-navigation 
    .svkn-container-outer 
    [style]

	div .projekt-navigation__links 
        .svkn-container-inner 
        .svkn-container-inner--default

        div .projekt-navigation__prev
            span.projekt-navigation__info {Erstes Projekt}

		div .projekt-navigation__category
			a   .projekt-navigation__category-link
                [href]

    			span.projekt-navigation__category-name {Corporate Design}

        div .projekt-navigation__next
            ...
*/
.projekt-navigation__links {
  display: none;
}
@media (min-width: 30rem) {
  .projekt-navigation__links {
    display: flex;
    justify-content: center;
    gap: calc(0.5 * var(--pd-default));
    font-size: var(--font-size-cs);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: var(--ls-caps);
    line-height: var(--lh-semi-expanded);
  }
}

.project-navigation__term-projekt {
  display: none;
}
@media (min-width: 48rem) {
  .project-navigation__term-projekt {
    display: inline;
  }
}

.projekt-navigation__prev,
.projekt-navigation__category,
.projekt-navigation__next {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.projekt-navigation__prev .projekt-navigation__link > span:before {
  content: "<";
}

.projekt-navigation__next .projekt-navigation__link > span:after {
  content: ">";
}

.projekt-navigation__category {
  display: none;
}
@media (min-width: 64rem) {
  .projekt-navigation__category {
    display: block;
    padding-inline: calc(0.5 * var(--pd-default));
    border-left-width: var(--border-bold);
    border-left-style: solid;
    border-left-color: currentColor;
    border-right-width: var(--border-bold);
    border-right-style: solid;
    border-right-color: currentColor;
  }
}

@media (max-width: 63.9375rem) {
  .projekt-navigation__prev {
    padding-right: calc(0.5 * var(--pd-default));
    border-right-width: var(--border-bold);
    border-right-style: solid;
    border-right-color: currentColor;
  }
}

/* page-reference-n-block
 * ======================
 * 
 * div.svk-reference-block[data-height="3"]
 *     .rb-height-wrapper.remove-link-underline[href]
 * 
 *         <!-- INNER BLOCKS: 
 *              global-responsive-media-block 
 *         -->
 * 
 *         div.reference-block-caption
 *             p.ref-link-name
 *             p.ref-link-title
 */
.svk-reference-block {
  padding: 0;
  margin: 0 0 var(--pd-default) 0;
  width: 100%;
}
.svk-reference-block .rb-height-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
}
.svk-reference-block .rb-height-wrapper .svk-picture-wrapper {
  flex-grow: 100;
  flex-shrink: 100;
  height: 100%;
  display: flex;
}
.svk-reference-block .rb-height-wrapper .svk-picture-wrapper > * {
  flex-grow: 1;
}
.svk-reference-block .rb-height-wrapper .reference-block-caption {
  flex-grow: 0;
  flex-shrink: 0;
}
.svk-reference-block[data-height="0"] .rb-height-wrapper {
  aspect-ratio: auto;
}
.svk-reference-block[data-height="1"] .rb-height-wrapper {
  aspect-ratio: 1/0.45;
}
.svk-reference-block[data-height="2"] .rb-height-wrapper {
  aspect-ratio: 1/0.55;
}
.svk-reference-block[data-height="3"] .rb-height-wrapper {
  aspect-ratio: 1/0.67;
}
.svk-reference-block[data-height="4"] .rb-height-wrapper {
  aspect-ratio: 1/0.82;
}
.svk-reference-block[data-height="5"] .rb-height-wrapper {
  aspect-ratio: 1/0.95;
}
.svk-reference-block[data-height="6"] .rb-height-wrapper {
  aspect-ratio: 0.88/1;
}
.svk-reference-block[data-height="7"] .rb-height-wrapper {
  aspect-ratio: 0.75/1;
}
.svk-reference-block[data-height="8"] .rb-height-wrapper {
  aspect-ratio: 0.6/1;
}

.ref-link-name {
  margin: 1em 0 0 0;
}

.ref-link-title {
  margin: 0.2em 0 0 0;
}

/*
 * home-reference-container-block
 * ==============================
 *
 * div.svkn-container-outer
 *    .svk-reference-container
 *    .layout-image-only             ──┬──  eine dieser Klassen
 *        // (»Referenz groß«)         │
 *    .layout-similar-projects       ──┘
 *        // (»Ähnliche Projekte«)
 * 
 *    .layout-text-left-image-right  ──┬──  (nicht mehr aktuell)
 *    .layout-image-left-text-right  ──┘
 *    [style]
 * 
 *     div.svkn-container-inner
 *         div.svk-reference-content          ────────────────┐
 *             blockquote.svk-reference-quote{'Text Zital'}   │
 *                 cite.svk-reference-source   ───────────────┤
 *                                                    (nicht mehr aktuell)
 *         div.svk-reference-image
 *
 *             <!-- INNER BLOCKS: 
 *                  svktf-page-reference-n-block
 *                  ----------------------------
 *             -->
 *
 *             div.svk-reference-block[data-height="3"]
 *                 a
 *
 *                     <!-- INNER BLOCKS: 
 *                          global-responsive-media-block 
 *                          -----------------------------
 *                     -->
 *
 *                     div.reference-block-caption
 *                         p.ref-link-name
 *                         p.ref-link-title
 */
.svk-reference-container .svk-reference-block {
  margin: 0;
}
.svk-reference-container .svk-reference-image a {
  display: block;
}

.svk-reference-container .ref-link-title {
  margin: 0;
}
.svk-reference-container .svk-reference-quote {
  margin: 0;
  padding-right: var(--pd-default);
  font-size: var(--font-size-cm);
  font-weight: 500;
  letter-spacing: var(--ls-mixed);
  line-height: var(--lh-semi-expanded);
}
.svk-reference-container .svk-reference-cite {
  padding-top: var(--pd-default);
  display: block;
}
.svk-reference-container .ref-link-name,
.svk-reference-container .svk-reference-source {
  display: block;
  font-size: var(--font-size-cs);
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: var(--ls-caps-cmp);
}
.svk-reference-container .ref-link-title,
.svk-reference-container .svk-reference-dates,
.svk-reference-container .svk-reference-position {
  font-style: normal;
  font-size: var(--font-size-cs);
  letter-spacing: var(--ls-mixed);
}
.svk-reference-container .ref-link-title,
.svk-reference-container .svk-reference-position {
  font-weight: 400;
  display: block;
}

.layout-image-only .svkn-container-outer {
  padding-block: var(--pd-default);
  background-color: transparent;
}
.layout-image-only .svk-reference-image .svk-reference-block {
  margin: 0;
}
.layout-image-only .svk-reference-image .reference-block-caption {
  max-width: 1400px;
  margin-inline: auto;
}

.layout-similar-projects .svk-reference-image {
  display: flex;
  flex-direction: column;
  gap: var(--pd-default);
}
@media (min-width: 48rem) {
  .layout-similar-projects .svk-reference-image {
    flex-direction: row;
    gap: var(--pd-default);
  }
}

/*
.svk-reference-container {
    // @include u.media-bp-mm('m') {
    //     margin-block: 0;
    // }
    .svkn-container-inner {
        display: flex; 
        flex-direction: column;
        align-items: flex-start;
        gap: var(--pd-default);
        @include u.media-bp-mm('m') {
            flex-direction: row;
        }
        .svk-reference-image {
            @include u.media-bp-mm('m') {
                width: calc(66vw - (2 * var(--pd-default)) + var(--pd-default));
                flex-grow: 2;
            }
            @include u.media-bp-mm('xl') {
                width: calc(.66 * g.$bp-xxl-value);
                flex-grow: 2;
            }
        }
        .svk-reference-content {
            @include u.media-bp-mm('m') {
                width: calc(33vw - 3 * var(--pd-default));
            }
            @include u.media-bp-mm('xl') {
                // width: calc(.33 * map.get(u.$breakpoints, 'lg'));
                width: calc(.33 * g.$bp-xxl-value);
            }
        }
    }
} 
*/
@media (min-width: 48rem) {
  .layout-image-left-text-right .svkn-container-inner {
    flex-direction: row-reverse;
  }
}

/*
// Spacing / Reduced spacing between consecutive containers:
// -------------------------

// Small container followed by a small container:
// smaller padding-bottom
.svk-reference-container:has(+ .svk-reference-container .svkn-container-inner) {
    .svkn-container-inner {
        padding-bottom: calc( .75 * var(--pd-default) - .75em);
    }
}

// Container before full-width-container:
// bigger padding-top – correct for missing padding bottom of prev. container
.svk-reference-container:has(+ .svk-reference-container .svkn-container-outer) {
    .svkn-container-inner, .svkn-container-outer {
        padding-bottom: calc( 1.5 * var(--pd-default) - .75em);
    }
}

// Consecutive small containers:
// smaller padding-top
.svk-reference-container + .svk-reference-container {
    .svkn-container-inner {
        padding-top: calc( 0.75 * var(--pd-default) );
    }
}

// Full-width-container:
// no padding-top – background visible only below image
.svk-reference-container {
    .svkn-container-outer {
        padding-top: 0;        
    }
}

// // small container, followed by full width container:
// // Move all padding to top container.
// // Remove padding from full width container 
// // (background color stays with small container)
.svk-reference-container:has(+ .svk-reference-container .svkn-container-inner) {
    .svkn-container-outer {
        padding-bottom: calc( 0.75 * var(--pd-default) - .75em );
    }
}
*/
/* global-responsive-media-block
 * =============================
 * 
 * IMAGE
 * -----
 * span.svk-picture-wrapper
 *     picture.svk-global-responsive-media
 *         source[media][sizes][srcset]
 *         img.svk-object-fit--{cover|contain}[data-focuspoint="5"][sizes][srcset]
 * 
 * SVG
 * ---
 * span.svk-picture-wrapper
 *     svg.svk-object-fit--{cover|contain}[data-focuspoint]
 * 
 * VIDEO
 * -----
 * span.svk-picture-wrapper
 *     div.video-container
 *         video.svk-object-fit--{cover|contain}[autoplay][muted][loop][disablepictureinpicture][preload][poster]
 *             source[src][type][media]
 *             p.video-fallback 
 *                 { Ihr Browser unterstützt keine Video-Wiedergabe. }
 *                 a[href] 
 *                     { Video herunterladen }
 *         div.custom-controls.visually-hidden
 *             button[onclick] 
 *                 { Play/Pause }
 */
.svk-picture-wrapper picture img,
.svk-picture-wrapper .video-container video {
  height: auto;
  width: 100%;
}
.svk-picture-wrapper picture img.svk-object-fit--cover,
.svk-picture-wrapper .video-container video.svk-object-fit--cover {
  height: 100%;
  object-fit: cover;
}
.svk-picture-wrapper picture img.svk-object-fit--cover[data-focuspoint="1"],
.svk-picture-wrapper .video-container video.svk-object-fit--cover[data-focuspoint="1"] {
  object-position: left top;
}
.svk-picture-wrapper picture img.svk-object-fit--cover[data-focuspoint="2"],
.svk-picture-wrapper .video-container video.svk-object-fit--cover[data-focuspoint="2"] {
  object-position: center top;
}
.svk-picture-wrapper picture img.svk-object-fit--cover[data-focuspoint="3"],
.svk-picture-wrapper .video-container video.svk-object-fit--cover[data-focuspoint="3"] {
  object-position: right top;
}
.svk-picture-wrapper picture img.svk-object-fit--cover[data-focuspoint="4"],
.svk-picture-wrapper .video-container video.svk-object-fit--cover[data-focuspoint="4"] {
  object-position: left center;
}
.svk-picture-wrapper picture img.svk-object-fit--cover[data-focuspoint="5"],
.svk-picture-wrapper .video-container video.svk-object-fit--cover[data-focuspoint="5"] {
  object-position: center center;
}
.svk-picture-wrapper picture img.svk-object-fit--cover[data-focuspoint="6"],
.svk-picture-wrapper .video-container video.svk-object-fit--cover[data-focuspoint="6"] {
  object-position: right center;
}
.svk-picture-wrapper picture img.svk-object-fit--cover[data-focuspoint="7"],
.svk-picture-wrapper .video-container video.svk-object-fit--cover[data-focuspoint="7"] {
  object-position: left bottom;
}
.svk-picture-wrapper picture img.svk-object-fit--cover[data-focuspoint="8"],
.svk-picture-wrapper .video-container video.svk-object-fit--cover[data-focuspoint="8"] {
  object-position: center bottom;
}
.svk-picture-wrapper picture img.svk-object-fit--cover[data-focuspoint="9"],
.svk-picture-wrapper .video-container video.svk-object-fit--cover[data-focuspoint="9"] {
  object-position: right bottom;
}
.svk-picture-wrapper picture img.svk-object-fit--contain,
.svk-picture-wrapper .video-container video.svk-object-fit--contain {
  object-fit: contain;
}

.svk-slider {
  overflow: hidden;
  width: 100%;
  position: relative;
}
.svk-slider.svk-slider--kundenstimmen {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: "slide";
}
.svk-slider.svk-slider--kundenstimmen .svk-slide {
  position: relative;
  grid-area: slide;
}

p:has(+ style.svk-slider--custom-styles) {
  padding-bottom: 1.5em;
}

.svk-slider + p {
  padding-top: 1.5em;
}

.svk-slider--global-head {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 50; /* Ensure it's above slides */
  /* Optional: Add some spacing from edges */
  width: 80%;
  text-align: center;
  /* Ensure proper stacking context */
  pointer-events: auto;
  /* Ensure the head content is properly styled */
}
.svk-slider--global-head hgroup {
  margin: 0;
  padding: 0;
}
.svk-slider--global-head hgroup span {
  background-color: var(--col-ih-bg-white);
  padding: 0.05em 0.25em;
}

.svk-slider--kundenstimmen .svk-slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.svk-slider--kundenstimmen .svk-testimonial {
  padding-inline: 3.75em;
  padding-block: 1em;
  margin-inline: auto;
  max-width: 950px;
}
@media (min-width: 48rem) {
  .svk-slider--kundenstimmen .svk-testimonial {
    padding-inline: 5em;
    padding-block: 2em;
  }
}

/* Global arrows container positioning */
.svk-slider--global-arrows {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  z-index: 60; /* Below global-head but above slides */
  /* Ensure proper stacking and pointer events */
  pointer-events: none; /* Container doesn't block clicks */
  display: none;
}

/* Individual arrow styling and positioning */
.svk-slider--arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  /* Button styling */
  /* Enable pointer events for the actual buttons */
  pointer-events: auto;
  background: color-mix(in srgb, var(--col-ih-bg-white) 80%, transparent);
  color: color-mix(in srgb, var(--col-ih-tx) 95%, transparent);
  border: none;
  border-radius: 50%;
  width: var(--slider-arrow);
  height: var(--slider-arrow);
  cursor: pointer;
  transition: all 0.3s ease;
  /* Center the arrow icon within the button */
  display: flex;
  align-items: center;
  justify-content: center;
  transition: box-shadow 0.25s;
  --shadow: color-mix(in srgb, var(--col-ih-tx) 50%, transparent);
}
@media (prefers-reduced-motion: no-preference) {
  .svk-slider--arrow:hover {
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 0 7px 0px var(--shadow);
  }
}
.svk-slider--arrow.svk-slider--arrow-inactive {
  background: color-mix(in srgb, var(--col-ih-bg-white) 45%, transparent);
  color: color-mix(in srgb, var(--col-ih-tx) 30%, transparent);
  cursor: default;
}

.svk-negative .svk-slider--arrow {
  background: color-mix(in srgb, var(--col-ih-bg-white) 80%, transparent);
  color: color-mix(in srgb, var(--col-ih-tx) 95%, transparent);
  --shadow: color-mix(in srgb, var(--col-ih-bg-white) 50%, transparent);
}
.svk-negative .svk-slider--arrow.svk-slider--arrow-inactive {
  background: color-mix(in srgb, var(--col-ih-bg-white) 30%, transparent);
  color: color-mix(in srgb, var(--col-ih-tx) 30%, transparent);
}

.svk-slider--global-arrows,
.svk-slider--global-arrows * {
  touch-action: pan-y;
}

/* Previous arrow - positioned on the left */
.svk-slider--arrow-prev {
  left: 20px;
}

/* Next arrow - positioned on the right */
.svk-slider--arrow-next {
  right: 20px;
}

/* Arrow icon styling (if using SVG or pseudo-elements) */
.svk-slider--arrow::before {
  content: "";
  width: calc(var(--slider-arrow) / 4);
  height: calc(var(--slider-arrow) / 4);
  border-style: solid;
  border-width: 2px 2px 0 0;
  display: block;
}

/* Previous arrow icon */
.svk-slider--arrow-prev::before {
  transform: rotate(-135deg);
  margin-left: 4px;
}

/* Next arrow icon */
.svk-slider--arrow-next::before {
  transform: rotate(45deg);
  margin-right: 4px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .svk-slider--arrow-prev {
    left: 10px;
  }
  .svk-slider--arrow-next {
    right: 10px;
  }
}
/* Reverse slide order by manipulating z-index */
.svk-slide:nth-child(1) {
  z-index: 29;
}

.svk-slide:nth-child(2) {
  z-index: 28;
}

.svk-slide:nth-child(3) {
  z-index: 27;
}

.svk-slide:nth-child(4) {
  z-index: 26;
}

.svk-slide:nth-child(5) {
  z-index: 25;
}

.svk-slide:nth-child(6) {
  z-index: 24;
}

.svk-slide:nth-child(7) {
  z-index: 23;
}

.svk-slide:nth-child(8) {
  z-index: 22;
}

.svk-slide:nth-child(9) {
  z-index: 21;
}

.svk-slide:nth-child(10) {
  z-index: 20;
}

.svk-slide:nth-child(11) {
  z-index: 19;
}

.svk-slide:nth-child(12) {
  z-index: 18;
}

.svk-slide:nth-child(13) {
  z-index: 17;
}

.svk-slide:nth-child(14) {
  z-index: 16;
}

.svk-slide:nth-child(15) {
  z-index: 15;
}

.svk-slide:nth-child(16) {
  z-index: 14;
}

.svk-slide:nth-child(17) {
  z-index: 13;
}

.svk-slide:nth-child(18) {
  z-index: 12;
}

.svk-slide:nth-child(19) {
  z-index: 11;
}

.svk-slide:nth-child(20) {
  z-index: 10;
}

.svk-slide:nth-child(21) {
  z-index: 9;
}

.svk-slide:nth-child(22) {
  z-index: 8;
}

.svk-slide:nth-child(23) {
  z-index: 7;
}

.svk-slide:nth-child(24) {
  z-index: 6;
}

.svk-slide:nth-child(25) {
  z-index: 5;
}

/*
outputs this: 
.svk-slide:nth-last-child(1) { z-index: 25; } 
.svk-slide:nth-last-child(2) { z-index: 24; }
.svk-slide:nth-last-child(3) { z-index: 23; }
      ... bis zum 25. Kind
.svk-slide:nth-last-child(25) { z-index: 1; }
*/
/* Individual slide positioning and scaling */
.svk-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity var(--transition-time) ease;
}
.svk-slide--active {
  opacity: 1;
}
.svk-slide--transitioning {
  z-index: 999;
}
.svk-slide .video-container {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
}
.svk-slide svg,
.svk-slide .svk-picture-wrapper,
.svk-slide .wp-block-group {
  display: block;
  width: 100%;
  height: 100%;
}
.svk-slide .custom-controls {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: rgba(204, 153, 153, 0.4);
}
.svk-slide .wp-block-group {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: var(--column-gap);
}
.svk-slide .wp-block-group p {
  margin: 0;
}

.svk-initialize-slider .svk-slide:first-child {
  opacity: 1;
}

/* Active slide */
.svktf-cols {
  display: flex;
  flex-direction: column;
  gap: var(--pd-default);
}
@media (min-width: 48rem) {
  .svktf-cols.svktf-cols--valign-stretch {
    align-items: stretch;
  }
  .svktf-cols.svktf-cols--valign-flex-start {
    align-items: flex-start;
  }
  .svktf-cols.svktf-cols--valign-center {
    align-items: center;
  }
  .svktf-cols.svktf-cols--valign-flex-end {
    align-items: flex-end;
  }
}

.svktf-cols + .svktf-cols {
  padding-top: 0;
}

.svktf-cols--equal-width p:first-child,
.svktf-cols--200-x p:first-child,
.svktf-cols--500-x p:first-child {
  margin-top: 0;
}

@media (min-width: 48rem) {
  .svktf-cols {
    flex-direction: row;
  }
  .svktf-cols .svk-cols--column {
    flex-basis: 50%;
  }
  .svktf-cols--s-x .svk-cols--column:first-child {
    min-width: calc(2 * ((100% + var(--pd-default)) / 8 - var(--pd-default) + var(--pd-default)) - var(--pd-default));
    max-width: calc(2 * ((100% + var(--pd-default)) / 8 - var(--pd-default) + var(--pd-default)) - var(--pd-default));
  }
  .svktf-cols--m-x .svk-cols--column:first-child {
    min-width: calc(3 * ((100% + var(--pd-default)) / 8 - var(--pd-default) + var(--pd-default)) - var(--pd-default));
    max-width: calc(3 * ((100% + var(--pd-default)) / 8 - var(--pd-default) + var(--pd-default)) - var(--pd-default));
  }
  .svktf-cols--200-x .svk-cols--column:first-child {
    min-width: 12.5rem;
    max-width: 12.5rem;
  }
  .svktf-cols--500-x .svk-cols--column:first-child {
    min-width: 31.25rem;
    max-width: 31.25rem;
  }
}
@media (min-width: 64rem) {
  .svktf-cols--s-x .svk-cols--column:first-child {
    min-width: calc(2 * ((100% + var(--pd-default)) / 12 - var(--pd-default) + var(--pd-default)) - var(--pd-default));
    max-width: calc(2 * ((100% + var(--pd-default)) / 12 - var(--pd-default) + var(--pd-default)) - var(--pd-default));
  }
  .svktf-cols--m-x .svk-cols--column:first-child {
    min-width: calc(4 * ((100% + var(--pd-default)) / 12 - var(--pd-default) + var(--pd-default)) - var(--pd-default));
    max-width: calc(4 * ((100% + var(--pd-default)) / 12 - var(--pd-default) + var(--pd-default)) - var(--pd-default));
  }
}
@media (min-width: 48rem) {
  .svktf-cols--separator:before {
    content: "";
    border-width: 1px;
    border-style: solid;
    align-self: stretch;
  }
  .svktf-cols--separator .svk-cols--column:first-child {
    order: -1;
  }
}
.svk-cols--column {
  flex-grow: 1;
}
.svk-cols--column h2 {
  text-align: left;
  border-right: none;
  border-left: none;
  padding: 0;
  margin: 2em 0 1em 0;
}
.svk-cols--column h2:first-child {
  margin-top: 0;
}
.svk-cols--column h3 {
  margin: 2em 0 1em 0;
  font-size: var(--font-size-cm);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: var(--ls-caps);
}
.svk-cols--column h3 + p {
  margin-top: 0;
}
.svk-cols--column h4 {
  margin-top: 1em;
}
@media (min-width: 48rem) {
  .svk-cols--column.col-width--s * {
    width: 80%;
  }
}
@media (min-width: 48rem) {
  .svk-cols--column.col-width--m * {
    width: 85%;
  }
}
.svk-cols--column.col-position--center * {
  margin-inline: auto;
}
.svk-cols--column.col-position--inside:nth-child(2n-1) * {
  margin-left: auto;
}

.svktf-cols--vspacing-mg-s {
  margin-block: var(--spacing-s);
}
.svktf-cols--vspacing-mg-m {
  margin-block: var(--spacing-m);
}
.svktf-cols--vspacing-mg-l {
  margin-block: var(--spacing-l);
}

@media (min-width: 87.5rem) {
  .svkn-container-inner--full-width-right .svktf-cols--equal-width .svk-cols--column:first-child {
    max-width: calc(700px - 1.5 * var(--pd-default));
  }
  .svkn-container-inner--full-width-left .svktf-cols--equal-width .svk-cols--column:last-child {
    max-width: calc(700px - 1.5 * var(--pd-default));
  }
}
.svk-cols--column .svk-sitemap-container ul {
  margin-top: 0;
}

.svkn-sw--ys-hl-medium {
  text-align: center;
  font-family: "YoungSerif", "Times", "Times New Roman", serif;
  font-weight: 700;
  font-size: var(--font-size-yl);
  line-height: var(--lh-compressed);
}
@supports (font-variation-settings: normal) {
  .svkn-sw--ys-hl-medium {
    font-family: "YoungSerif VF";
  }
}
.svkn-sw--ys-introtext-big {
  font-family: "YoungSerif";
  font-weight: 700;
  font-size: var(--font-size-ym);
  line-height: var(--lh-semi-expanded);
}
@supports (font-variation-settings: normal) {
  .svkn-sw--ys-introtext-big {
    font-family: "YoungSerif VF";
  }
}
.svkn-sw--ys-introtext-big:last-child {
  margin-bottom: 0;
}

.col-typography--s-mixed {
  font-size: var(--font-size-cs);
  font-weight: 500;
  line-height: var(--lh-semi-expanded);
}

.col-typography--m-mixed {
  font-size: var(--font-size-cl);
  line-height: var(--lh-default);
}

.col-typography--l-upper {
  font-weight: 700;
  line-height: var(--lh-compressed);
  font-size: var(--font-size-cxl);
  text-transform: uppercase;
  letter-spacing: var(--ls-caps-cmp);
}
.col-typography--l-upper * {
  margin-bottom: 0;
}

.svk-usps-container {
  overflow: hidden;
  position: relative;
}

.svk-usps-container-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: var(--pd-default);
  justify-content: space-between;
  touch-action: pan-x;
  overflow-x: auto;
  overscroll-behavior-x: contain; /* keep horizontal in track */
  overscroll-behavior-y: auto; /* allow vertical to bubble to page */
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; /* Firefox */
  --svk-usp-cols: 1;
}
.svk-usps-container-inner:-webkit-scrollbar { /* WebKit */
  display: none;
}
.svk-usps-container-inner.usps-no-js {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
  scroll-behavior: smooth;
}
.svk-usps-container-inner.usps-no-js::-webkit-scrollbar {
  display: none; /* Chrome/Safari */
}
.svk-usps-container-inner .svk-usp {
  flex-shrink: 1;
  flex-grow: 1;
  scroll-snap-align: start;
  min-width: calc(99.9vw - 2 * var(--pd-default));
}
@media (min-width: 30rem) {
  .svk-usps-container-inner {
    --svk-usp-cols: 2;
  }
  .svk-usps-container-inner .svk-usp {
    min-width: calc(49.9vw - 1.5 * var(--pd-default));
  }
}
@media (min-width: 48rem) {
  .svk-usps-container-inner {
    --svk-usp-cols: 3;
  }
  .svk-usps-container-inner .svk-usp {
    min-width: calc(33.2vw - 1.34 * var(--pd-default));
  }
}
@media (min-width: 64rem) {
  .svk-usps-container-inner {
    --svk-usp-cols: 4;
  }
}

.svk-usp {
  text-align: center;
  position: relative;
}
.svk-usp p {
  margin: 0;
}
.svk-usp p:nth-child(1) {
  font-weight: 800;
  font-size: var(--font-size-uxl);
  text-transform: uppercase;
}
.svk-usp p:nth-child(2),
.svk-usp p:nth-child(4) {
  font-weight: 700;
  font-size: var(--font-size-cs);
  text-transform: uppercase;
}
.svk-usp .svk-picture-wrapper picture,
.svk-usp .svk-picture-wrapper svg {
  display: inline-block;
  width: 150px;
  margin-bottom: 25px;
  margin-top: 10px;
}
.svk-usp:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(var(--pd-default) * -0.5);
  transform: translateY(-50%);
  width: 1px;
  height: 30%;
  background: currentColor;
  z-index: 1;
}