@font-face {
  font-family: "ORFUniversalBasicTX";
  src: url("../fonts/ORFUniversalBasicTX_W_Regular.woff2") format("woff2"), url("../fonts/ORFUniversalBasicTX_W_Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "ORFUniversalBasicTX";
  src: url("../fonts/ORFUniversalBasicTX_W_RegularItalic.woff2") format("woff2"), url("../fonts/ORFUniversalBasicTX_W_RegularItalic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: "ORFUniversalBasicTX";
  src: url("../fonts/ORFUniversalBasicTX_W_Bold.woff2") format("woff2"), url("../fonts/ORFUniversalBasicTX_W_Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "ORFUniversalBasicTX";
  src: url("../fonts/ORFUniversalBasicTX_W_BoldItalic.woff2") format("woff2"), url("../fonts/ORFUniversalBasicTX_W_BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: "ORFUniversalCondTX";
  src: url("../fonts/ORFUniversalCondTX_W_Regular.woff2") format("woff2"), url("../fonts/ORFUniversalCondTX_W_Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "ORFUniversalCondTX";
  src: url("../fonts/ORFUniversalCondTX_W_RegularItalic.woff2") format("woff2"), url("../fonts/ORFUniversalCondTX_W_RegularItalic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: "ORFUniversalCondTX";
  src: url("../fonts/ORFUniversalCondTX_W_Medium.woff2") format("woff2"), url("../fonts/ORFUniversalCondTX_W_Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "ORFUniversalCondTX";
  src: url("../fonts/ORFUniversalCondTX_W_MediumItalic.woff2") format("woff2"), url("../fonts/ORFUniversalCondTX_W_MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: "ORFUniversalCondTX";
  src: url("../fonts/ORFUniversalCondTX_W_Bold.woff2") format("woff2"), url("../fonts/ORFUniversalCondTX_W_Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "ORFUniversalCondTX";
  src: url("../fonts/ORFUniversalCondTX_W_BoldItalic.woff2") format("woff2"), url("../fonts/ORFUniversalCondTX_W_BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: "obviously-narrow";
  src: url("../fonts/Obviously-NarrowBlack.woff2") format("woff2"), url("../fonts/Obviously-NarrowBlack.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "obviously-narrow";
  src: url("../fonts/Obviously-NarrowMedium.woff2") format("woff2"), url("../fonts/Obviously-NarrowMedium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: block;
}
:root {
  --sideSpacing: 1.1rem;
  --headerHeight: 0rem;
  --fontSize8: 0.266rem;
  --fontSize10: 0.33rem;
  --fontSize12: 0.4rem;
  --fontSize14: 0.466rem;
  --fontSize15: 0.5rem;
  --fontSize15Fixed: clamp(11px, 0.5rem, 15px);
  --fontSize16: 0.533rem;
  --fontSize17: 0.566rem;
  --fontSize18: 0.6rem;
  --fontSize20: 0.66667rem;
  --fontSize20Fixed: clamp(13px, 0.66667rem, 20px);
  --fontSize22: 0.733rem;
  --fontSize24: 0.8rem;
  --fontSize28: 0.933rem;
  --fontSize28Fixed: clamp(18px, 0.933rem, 28px);
  --fontSize29: 0.966rem;
  --fontSize29Fixed: clamp(18px, 0.966rem, 29px);
  --fontSize30: 1rem;
  --fontSize30Fixed: clamp(18px, 1rem, 30px);
  --fontSize32: 1.06rem;
  --fontSize34: 1.133rem;
  --fontSize34Fixed: clamp(20px, 1.133rem, 34px);
  --fontSize38: 1.26667rem;
  --fontSize38Fixed: clamp(20px, 1.26667rem, 38px);
  --fontSize46: 1.533rem;
  --fontSize48: 1.6rem;
  --fontSize54: 1.8rem;
  --fontSize59: 1.966rem;
  --fontSize62: 2.066rem;
  --fontSize75: 2.5rem;
  --fontSize75Fixed: clamp(40px, 2.5rem, 75px);
  --fontSize80: 2.666rem;
  --fontSize81: 2.7rem;
  --fontSize81Fixed: clamp(40px, 2.7rem, 81px);
  --fontSize96: 3.2rem;
  --fontSize100: 3.33rem;
  --fontSize150: 5rem;
  --fontSize120: 4rem;
  --fontSize167: 5.566rem;
  --colorGreyLight: #F0F0F0;
  --colorWhite: #FFF;
  --color_00_Orange: #FF7E1F;
  --color_00_Rot: #FF0000;
  --color_01_Blau: #173254;
  --color_01_Gelb: #DB8817;
  --color_01_Gruen: #01451F;
  --color_01_Orange: #E7582A;
  --color_01_Rot: #B81A15;
  --color_01_Weiss: #FFFFFF;
  --color_02_Blau: #4D91E5;
  --color_02_Gelb: #FFC052;
  --color_02_Gruen: #016934;
  --color_02_Orange: #FFA361;
  --color_02_Rot: #EB5842;
  --color_02_Schwarz: #000000;
  --color_03_Blau: #DBE9FA;
  --color_03_Gruen: #54B25D;
  --color_03_Orange: #FEE2D0;
  --color_03_Rot: #FFD9D9;
  --color_04_Blau: #044991;
  --color_04_Gelb: #FFEDBB;
  --color_04_Gruen: #DFEEDD;
  --pcolor: var(--color_01_Weiss);
  --colorNavColorBase: var(--color_01_Weiss);
  --mobileHeaderBackground: transparent;
  --hamburgerColor: var(--color_01_Weiss);
  --footerColor: var(--color_00_Rot);
}
@media only screen and (max-width: 1024px) {
  :root {
    --headerHeight: 5rem;
  }
}
@media only screen and (max-width: 700px) {
  :root {
    --sideSpacing: 0.65rem;
    --headerHeight: 1.9rem;
  }
}

input[type=text],
input[type=email],
input[type=tel],
input[type=url],
input[type=search],
input[type=submit],
button {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

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

*:focus:not(:focus-visible) {
  outline: 0;
}

html, body {
  scrollbar-gutter: stable;
}

html {
  font-size: 25px;
}
@media only screen and (max-width: 1600px) {
  html {
    font-size: 1.563vw;
  }
}
@media only screen and (max-width: 700px) {
  html {
    font-size: 8vw;
  }
}

body {
  margin: 0;
  padding: 0;
  text-align: left;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1rem;
  line-height: 1.26;
  font-family: "ORFUniversalBasicTX";
  font-weight: 400;
}
body[data-page=start] {
  --primaryColor: var(--color_00_Rot);
  --secondaryColor: var(--color_03_Orange);
  --videoBackgroundColor: #ff0200;
  --mobileHeadlineMaxWidth: 3em;
  --mobileHeaderBackground: var(--color_00_Rot);
  --hamburgerColor: var(--colorWhite);
  --colorStartText: var(--color_00_Rot);
  --colorStartHeadline: var(--color_00_Rot);
  --colorNavColor: var(--color_00_Rot);
  --colorNavBackgroundColor: var(--color_03_Orange);
}
body[data-page=impressum] {
  --primaryColor: var(--color_00_Rot);
  --secondaryColor: var(--color_03_Orange);
  --videoBackgroundColor: #ff0200;
  --mobileHeadlineMaxWidth: 3em;
  --mobileHeaderBackground: var(--color_00_Rot);
  --hamburgerColor: var(--colorWhite);
  --colorStartText: var(--color_00_Rot);
  --colorNavColor: var(--color_00_Rot);
  --colorNavBackgroundColor: var(--color_03_Orange);
}
body[data-page=alle-fragen] {
  --primaryColor: var(--color_02_Schwarz);
  --secondaryColor: var(--colorGreyLight);
  --mobileHeaderBackground: var(--colorWhite);
  --hamburgerColor: var(--color_02_Schwarz);
  --colorNavColorBase: var(--color_02_Schwarz);
  --colorNavColor: var(--color_02_Schwarz);
  --colorNavBackgroundColor: var(--colorGreyLight);
}
body[data-page=individueller-wert] {
  --primaryColor: var(--color_00_Orange);
  --secondaryColor: var(--color_03_Orange);
  --videoBackgroundColor: #eb632e;
  --mobileHeaderBackground: var(--color_01_Orange);
  --hamburgerColor: var(--colorWhite);
  --colorStartText: var(--color_01_Orange);
  --colorStartHeadline: var(--color_01_Weiss);
  --colorNavColor: var(--color_00_Orange);
  --colorNavBackgroundColor: var(--color_03_Orange);
  --footerColor: var(--color_01_Orange);
}
body[data-page=gesellschaftswert] {
  --primaryColor: var(--color_02_Gruen);
  --secondaryColor: var(--color_04_Gruen);
  --videoBackgroundColor: #00743b;
  --mobileHeaderBackground: var(--color_02_Gruen);
  --hamburgerColor: var(--colorWhite);
  --colorStartText: var(--color_02_Gruen);
  --colorStartHeadline: var(--color_01_Weiss);
  --colorNavColor: var(--color_03_Gruen);
  --colorNavBackgroundColor: var(--color_04_Gruen);
  --footerColor: var(--color_02_Gruen);
}
body[data-page=oesterreichwert] {
  --primaryColor: var(--color_01_Rot);
  --secondaryColor: var(--color_03_Rot);
  --videoBackgroundColor: #c01c15;
  --mobileHeaderBackground: var(--color_01_Rot);
  --hamburgerColor: var(--colorWhite);
  --colorStartText: var(--color_01_Rot);
  --colorStartHeadline: var(--color_01_Weiss);
  --colorNavColor: var(--color_00_Rot);
  --colorNavBackgroundColor: var(--color_03_Rot);
  --footerColor: var(--color_01_Rot);
}
body[data-page=internationaler-wert] {
  --primaryColor: var(--color_01_Blau);
  --secondaryColor: var(--color_03_Blau);
  --videoBackgroundColor: #02559d;
  --mobileHeaderBackground: var(--color_04_Blau);
  --hamburgerColor: var(--colorWhite);
  --colorStartText: var(--color_04_Blau);
  --colorStartHeadline: var(--color_01_Weiss);
  --colorNavColor: var(--color_02_Blau);
  --colorNavBackgroundColor: var(--color_03_Blau);
  --footerColor: var(--color_04_Blau);
}
body[data-page=unternehmenswert] {
  --primaryColor: var(--color_01_Gelb);
  --secondaryColor: var(--color_04_Gelb);
  --videoBackgroundColor: #df9319;
  --mobileHeaderBackground: var(--color_01_Gelb);
  --hamburgerColor: var(--colorWhite);
  --colorStartText: var(--color_01_Gelb);
  --colorStartHeadline: var(--color_01_Weiss);
  --colorNavColor: var(--color_01_Gelb);
  --colorNavBackgroundColor: var(--color_04_Gelb);
  --footerColor: var(--color_01_Gelb);
}

.only-desktop {
  display: block;
}

.only-mobile {
  display: none;
}
@media only screen and (max-width: 700px) {
  .only-mobile {
    display: block;
  }
}

.preview_check {
  position: fixed;
  left: 10px;
  top: 10px;
  z-index: 999999;
}

body:not(.wp-admin) .preview {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 0.8rem;
  transform: translateX(-50%);
  height: auto;
  z-index: 999999;
  pointer-events: none;
  opacity: 0.4;
  display: none;
  max-width: 1600px;
}

.preview_check:checked + .preview {
  display: block;
}

img {
  border: 0;
}

.innerwrapper {
  width: 100%;
  padding-inline: var(--sideSpacing);
  margin: 0 auto;
  max-width: 1600px;
}

.innercontainer {
  padding-inline: 1rem;
}
@media only screen and (max-width: 1024px) {
  .innercontainer {
    padding-inline: 0;
  }
}

section {
  width: 100%;
}

header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9999;
  background-color: var(--mobileHeaderBackground);
}
@media only screen and (max-width: 1024px) {
  header {
    background-color: var(--mobileHeaderBackground);
    --colorNavColorBase: var(--color_01_Weiss);
  }
  header:has(nav.is-active) {
    --hamburgerColor: var(--color_01_Weiss);
  }
}
header .innerwrapper {
  height: var(--headerHeight);
  display: flex;
  align-items: center;
}
header .innerwrapper .hamburger {
  display: none;
  font-size: 0;
  line-height: 0;
  margin-left: auto;
}
header .innerwrapper .hamburger svg {
  width: 100%;
  height: auto;
}
header .innerwrapper .hamburger svg path {
  stroke: var(--hamburgerColor);
}
@media only screen and (max-width: 1024px) {
  header .innerwrapper .hamburger {
    display: block;
    width: 3rem;
    position: relative;
    z-index: 99;
  }
}
@media only screen and (max-width: 700px) {
  header .innerwrapper .hamburger {
    width: 1.3rem;
  }
}
header .innerwrapper nav {
  font-size: var(--fontSize15Fixed);
  text-transform: uppercase;
  letter-spacing: 0.035rem;
  width: 100%;
  line-height: 1.66;
}
@media only screen and (max-width: 1024px) {
  header .innerwrapper nav {
    position: fixed;
    left: 0;
    top: 0;
    height: 100dvh;
    width: 100%;
    background-color: var(--color_00_Rot);
    font-size: var(--fontSize24);
    padding: 2.4rem 0.6rem;
    z-index: 98;
    pointer-events: none;
    transform: translateY(-110%);
    transition: transform 500ms ease-out;
  }
  header .innerwrapper nav.is-active {
    pointer-events: auto;
    transform: translateY(0%);
  }
}
header .innerwrapper nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 1024px) {
  header .innerwrapper nav ul {
    flex-direction: column;
    justify-content: flex-start;
    gap: 1rem 0;
  }
}
header .innerwrapper nav ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
header .innerwrapper nav ul li a {
  padding: 0.5em 1.8em 0.5em 1.8em;
  text-decoration: none;
  color: var(--colorNavColorBase);
  border-radius: 1.2em;
}
@media only screen and (max-width: 1100px) {
  header .innerwrapper nav ul li a {
    padding-inline: 1em;
  }
}
@media only screen and (max-width: 1024px) {
  header .innerwrapper nav ul li a {
    padding: 0em 0em 0em 0em;
    border-bottom: 1px solid var(--colorNavColorBase);
    border-radius: 0;
    display: block;
  }
}
@media (hover: hover) {
  header .innerwrapper nav ul li a:hover {
    color: var(--colorNavColor);
    background-color: var(--colorNavBackgroundColor);
  }
}
@media only screen and (max-width: 1024px) {
  header .innerwrapper nav ul li:first-child a {
    border: 1px solid var(--colorNavColorBase);
  }
}
@media only screen and (max-width: 1024px) and (max-width: 1024px) {
  header .innerwrapper nav ul li:first-child a {
    padding: 0.2em 0.6em 0em 0.6em;
    border-radius: 1.2em;
    display: inline-block;
  }
}
@media only screen and (min-width: 1025px) {
  header .innerwrapper nav ul li.current a {
    color: var(--colorNavColor);
    background-color: var(--colorNavBackgroundColor);
  }
}

.section__start {
  --backgroundColor: var(--videoBackgroundColor);
  --bottomBlockHeight: 7.8rem;
  background-color: var(--backgroundColor);
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) var(--bottomBlockHeight), var(--backgroundColor) var(--bottomBlockHeight), var(--backgroundColor) 100%);
  margin-bottom: 0.9rem;
  overflow: clip;
}
@media only screen and (max-width: 700px) {
  .section__start {
    --bottomBlockHeight: 2.52rem;
  }
}
.section__start {
  /*
  @at-root body[data-page="impressum"] .section__start {
  	@media only screen and (max-width: 700px) {
  		.innerwrapper {
  			.innercontainer {
  				.cover__video {
  					padding-top: 0;

  					img {
  						margin-top: -4.5rem;
  					}
  				}
  			}
  		}
  	}
  }
  */
}
.section__start .innerwrapper {
  padding-top: var(--headerHeight);
}
@media only screen and (max-width: 700px) {
  .section__start .innerwrapper {
    padding-top: 0;
  }
}
.section__start .innerwrapper .innercontainer {
  position: relative;
  padding-inline: 0;
  /*
  &:after {
  	content: '';
  	display: block;
  	position: absolute;
  	left: 0;
  	top: 0;
  	width: 100%;
  	height: 100%;
  	z-index: 9;
  	pointer-events: none;
  	background-color: rgba(yellow,0.2);
  }
  */
}
.section__start .innerwrapper .innercontainer h1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  height: calc(100% - var(--bottomBlockHeight));
  text-align: left;
  color: var(--color_01_Weiss);
  font-size: var(--fontSize150);
  line-height: 1;
  font-weight: 500;
  margin: 0;
  padding: 2.5rem 1.2rem 3rem 1rem;
  justify-content: space-between;
  z-index: 3;
}
@media only screen and (max-width: 700px) {
  .section__start .innerwrapper .innercontainer h1 {
    font-size: var(--fontSize48);
    padding: var(--headerHeight) 0 0 0.1rem;
    display: block;
  }
}
.section__start .innerwrapper .innercontainer h1 > span {
  grid-column: 1/1;
  grid-row: 1/1;
}
@media only screen and (max-width: 700px) {
  .section__start .innerwrapper .innercontainer h1 > span {
    grid-column: unset;
    grid-row: unset;
    text-align: left !important;
  }
  .section__start .innerwrapper .innercontainer h1 > span:not(.only-mobile) {
    display: none;
  }
}
.section__start .innerwrapper .innercontainer h1 > span.right {
  margin-left: auto;
  text-align: right;
  margin-top: auto;
}
@media only screen and (max-width: 700px) {
  .section__start .innerwrapper .innercontainer h1 > span.right {
    margin-left: 0;
  }
}
.section__start .innerwrapper .innercontainer h1 u {
  text-decoration-thickness: 0.07em;
  text-underline-offset: 0.13em;
  text-decoration: none;
  --underlineWidth: 100%;
  position: relative;
}
.section__start .innerwrapper .innercontainer h1 u:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0.05em;
  height: 0.07em;
  width: var(--underlineWidth);
  background-color: currentColor;
}
.section__start .innerwrapper .innercontainer .cover__video {
  width: calc(100% + var(--sideSpacing) + var(--sideSpacing));
  margin-inline: calc(var(--sideSpacing) * -1);
  font-size: 0;
  line-height: 0;
}
@media only screen and (max-width: 700px) {
  .section__start .innerwrapper .innercontainer .cover__video {
    width: calc(100% + var(--sideSpacing) + var(--sideSpacing));
    margin-inline: calc(var(--sideSpacing) * -1);
  }
}
.section__start .innerwrapper .innercontainer .cover__video video,
.section__start .innerwrapper .innercontainer .cover__video img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
@media only screen and (max-width: 700px) {
  .section__start .innerwrapper .innercontainer .cover__video video,
  .section__start .innerwrapper .innercontainer .cover__video img {
    aspect-ratio: 800/1100;
  }
}

.section__start_new {
  position: relative;
  padding-top: 0;
  font-size: 0;
  line-height: 0;
}
.section__start_new .innerwrapper {
  padding-top: 0;
  /*position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  height: 100%;*/
  position: relative;
  padding-inline: 0;
}
.section__start_new .innerwrapper .badge {
  display: block;
  font-size: 0;
  line-height: 0;
  width: 22%;
  position: absolute;
  right: 3%;
  top: 9%;
}
.section__start_new .innerwrapper .badge svg {
  width: 100%;
  height: auto;
}
.section__start_new .innerwrapper > img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center bottom;
     object-position: center bottom;
}

h2 {
  margin: 0;
  padding: 0;
  font-size: var(--fontSize81Fixed);
  font-weight: 500;
  letter-spacing: -0.01em;
  text-align: center;
  font-family: "obviously-narrow", sans-serif;
  font-weight: 800;
  font-style: normal;
  text-transform: uppercase;
}
@media only screen and (max-width: 700px) {
  h2 {
    font-size: var(--fontSize38);
    letter-spacing: 0.02533rem;
    text-wrap: balance;
  }
}

h3 {
  font-size: var(--fontSize38);
  line-height: 1.18;
  margin: 0;
  font-weight: 500;
  text-align: left;
  letter-spacing: 0.015em;
}

h4 {
  margin: 0;
  padding: 0;
  font-size: var(--fontSize20Fixed);
  font-weight: 700;
  text-transform: uppercase;
  color: var(--primaryColor);
  letter-spacing: 0.02em;
  line-height: 1.35;
  font-family: "ORFUniversalBasicTX";
}
@media only screen and (max-width: 700px) {
  h4 {
    font-size: var(--fontSize10);
  }
}

[data-p=true]:after {
  content: "P";
  display: block;
  position: absolute;
  right: 0.5em;
  bottom: 0.5em;
  font-size: var(--fontSize20);
  line-height: 1;
  color: var(--pcolor);
  z-index: 5;
}
@media only screen and (max-width: 700px) {
  [data-p=true]:after {
    font-size: var(--fontSize8);
  }
}
[data-p=true]:has(.img_holder):after {
  display: none;
}
[data-p=true]:has(.img_holder) .img_holder {
  position: relative;
}
[data-p=true]:has(.img_holder) .img_holder:after {
  content: "P";
  display: block;
  position: absolute;
  left: 0.5em;
  bottom: 0.5em;
  font-size: var(--fontSize20);
  line-height: 1;
  color: var(--pcolor);
  z-index: 5;
}
@media only screen and (max-width: 700px) {
  [data-p=true]:has(.img_holder) .img_holder:after {
    font-size: var(--fontSize8);
  }
}

.section__big-text-intro .innerwrapper {
  padding-top: 3.3rem;
  padding-bottom: 3.3rem;
}
@media only screen and (max-width: 700px) {
  .section__big-text-intro .innerwrapper {
    padding-top: 2rem;
    padding-bottom: 2.3rem;
  }
}
.section__big-text-intro .innerwrapper .content {
  font-size: var(--fontSize38Fixed);
  line-height: 1.236;
  text-align: center;
  color: var(--color_00_Rot);
  font-family: "obviously-narrow";
  font-weight: 500;
}
@media only screen and (max-width: 700px) {
  .section__big-text-intro .innerwrapper .content {
    font-size: var(--fontSize18);
    line-height: 1.25;
    letter-spacing: 0.01em;
  }
}
.section__big-text-intro .innerwrapper .content p {
  margin-inline: auto;
  max-width: 28em;
}
.section__big-text-intro .innerwrapper .content p:last-child {
  margin-bottom: 0;
}
.section__big-text-intro .innerwrapper .content h4 {
  color: var(--color_00_Rot);
  font-weight: 700;
  margin-bottom: 0.5em;
}
.section__big-text-intro .innerwrapper .content h2 {
  text-align: center;
  font-family: "obviously-narrow", sans-serif;
  font-weight: 800;
  font-style: normal;
  text-transform: uppercase;
  color: var(--color_00_Rot);
}
.section__big-text-intro .innerwrapper .content h2 + p {
  margin-top: 1.2em;
}

.section__small-text-intro {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 700px) {
  .section__small-text-intro {
    margin-top: 1rem;
    margin-bottom: 0;
  }
}
.section__small-text-intro .innerwrapper {
  min-height: 7.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 700px) {
  .section__small-text-intro .innerwrapper {
    display: flex;
    flex-direction: column;
    padding-bottom: 1rem;
    min-height: 0;
  }
}
.section__small-text-intro .innerwrapper .content {
  font-size: var(--fontSize30Fixed);
  line-height: 1.26;
  letter-spacing: 0.01em;
  text-align: center;
  color: var(--colorStartText);
}
@media only screen and (max-width: 700px) {
  .section__small-text-intro .innerwrapper .content {
    font-size: var(--fontSize16);
    line-height: 1.25;
    letter-spacing: 0.01em;
    position: relative;
    /*
    &:before {
    	content: '';
    	display: block;
    	position: absolute;
    	background: linear-gradient(to top, white, transparent);
    	left: 0;
    	bottom: 0;
    	width: 100%;
    	height: 50%;
    	pointer-events: none;
    }

    &:has(+ .read_more.is-active){
    	&:before {
    		opacity: 0;
    	}
    }
    */
  }
}
.section__small-text-intro .innerwrapper .content p {
  margin-inline: auto;
  max-width: 46.5em;
}
.section__small-text-intro .innerwrapper .content p:last-child {
  margin-bottom: 0;
}
.section__small-text-intro .innerwrapper .content strong {
  font-weight: 900;
}
.section__small-text-intro .innerwrapper .content h4 {
  text-align: center;
  color: var(--colorStartText);
}
.section__small-text-intro .innerwrapper .content h4 + p {
  margin-top: 0.6em;
}
@media only screen and (max-width: 700px) {
  .section__small-text-intro .innerwrapper .content h4 + p {
    margin-top: 0.3em;
  }
}
.section__small-text-intro .innerwrapper .read_more {
  display: none;
}
@media only screen and (max-width: 700px) {
  .section__small-text-intro .innerwrapper .read_more {
    display: inline-flex;
    font-size: var(--fontSize14);
    line-height: 1.25;
    letter-spacing: 0.01em;
    margin-inline: auto;
    gap: 0 0.5em;
    color: var(--colorStartText);
    margin-top: 0.5rem;
  }
  .section__small-text-intro .innerwrapper .read_more.is-active svg {
    transform: rotate(180deg);
  }
  .section__small-text-intro .innerwrapper .read_more svg {
    width: 1em;
    height: auto;
    transition: 100ms ease-out;
  }
  .section__small-text-intro .innerwrapper .read_more svg path {
    stroke: var(--colorStartText);
  }
}

.single__teaser {
  font-size: 0;
  line-height: 0;
  display: block;
  position: relative;
  text-decoration: none;
  color: var(--color_01_Weiss);
}
.single__teaser h4 {
  color: inherit;
  position: absolute;
  top: 0;
  left: 0;
  padding: calc(var(--fontSize30Fixed) * 0.3) calc(var(--fontSize30Fixed) * 0.35) 0 calc(var(--fontSize30Fixed) * 0.35);
  text-align: left;
  font-size: var(--fontSize20);
}
@media only screen and (max-width: 1240px) {
  .single__teaser h4 {
    font-size: var(--fontSize20Fixed);
  }
}
@media only screen and (max-width: 700px) {
  .single__teaser h4 {
    font-size: var(--fontSize16);
    letter-spacing: 0.03em;
  }
}
.single__teaser h3 {
  color: inherit;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 calc(var(--fontSize30Fixed) * 0.35) calc(var(--fontSize30Fixed) * 0.2) calc(var(--fontSize30Fixed) * 0.35);
  text-align: left;
  text-wrap: balance;
  letter-spacing: 0.015em;
}
@media only screen and (max-width: 1240px) {
  .single__teaser h3 {
    font-size: 2.2rem;
  }
}
@media only screen and (max-width: 700px) {
  .single__teaser h3 {
    font-size: var(--fontSize32);
    padding-bottom: 0;
  }
}
.single__teaser img {
  width: 100%;
  height: auto;
}

.single__wide-teaser {
  font-size: 0;
  line-height: 0;
  display: block;
  position: relative;
  text-decoration: none;
  color: var(--color);
  background-color: #F7F7F7;
}
@media (hover: hover) {
  .single__wide-teaser:hover {
    background-color: #E9E9E9;
  }
}
.single__wide-teaser .number {
  position: absolute;
  right: 0.5rem;
  bottom: 0.5rem;
  background-color: var(--color_02_Schwarz);
  color: var(--color_01_Weiss);
}
@media only screen and (max-width: 700px) {
  .single__wide-teaser .number {
    right: 0.2rem;
    bottom: 0.2rem;
    --size: 1.8em;
    font-size: var(--fontSize10);
  }
}
.single__wide-teaser h3 {
  color: inherit;
  position: absolute;
  top: 0;
  left: 0;
  padding: calc(var(--fontSize30Fixed) * 0.7) calc(var(--fontSize30Fixed) * 0.35) calc(var(--fontSize30Fixed) * 0.2) calc(var(--fontSize30Fixed) * 0.8);
  text-align: left;
  text-wrap: balance;
  letter-spacing: -0.01em;
  font-family: "obviously-narrow", sans-serif;
}
@media only screen and (max-width: 700px) {
  .single__wide-teaser h3 {
    font-size: var(--fontSize15);
    padding: 0.3rem;
    line-height: 1.3;
  }
}
.single__wide-teaser img {
  width: 100%;
  height: auto;
}

.section__question-teaser {
  margin: 3.4rem 0;
  position: relative;
  /*
  &:before {
  	content: "";
  	display: block;
  	position: absolute;
  	left: 0;
  	top: 43%;
  	height: 100%;
  	width: 100%;
  	background-color: var(--colorGreyLight);
  	z-index: -1;

  	@media only screen and (max-width: 1240px) {
  		height: 73%;	
  	}

  	@media only screen and (max-width: 700px) {
  		height: 100%;	
  	}

  }
  */
}
@media only screen and (max-width: 700px) {
  .section__question-teaser {
    margin-top: 1.3rem;
    margin-bottom: 1.5rem;
  }
}
.section__question-teaser.random__questions {
  margin: 2.6rem 0;
}
@media only screen and (max-width: 700px) {
  .section__question-teaser.random__questions {
    margin-top: 1.3rem;
    margin-bottom: 0;
  }
}
.section__question-teaser.random__questions .innerwrapper h4 + h2 {
  margin-top: 0.3em;
}
@media only screen and (max-width: 700px) {
  .section__question-teaser.random__questions .innerwrapper h4 + h2 {
    margin-top: 0.1em;
  }
}
.section__question-teaser.random__questions .innerwrapper .teaser__holder {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
@media only screen and (max-width: 700px) {
  .section__question-teaser.random__questions .innerwrapper .teaser__holder {
    grid-template-columns: 100%;
  }
}
.section__question-teaser.random__questions + .section__wide-teaser {
  margin-top: 4rem;
}
@media only screen and (max-width: 700px) {
  .section__question-teaser.random__questions + .section__wide-teaser {
    margin-top: 1.5rem;
  }
}
.section__question-teaser .innerwrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 700px) {
  .section__question-teaser .innerwrapper h4 + h2 {
    margin-top: 0.1em;
  }
}
.section__question-teaser .innerwrapper .tns-nav {
  display: flex;
  justify-content: center;
  gap: 0 0.3rem;
  margin-top: 0.7rem;
}
.section__question-teaser .innerwrapper .tns-nav button {
  --size: 0.4rem;
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  font-size: 0;
  line-height: 0;
  width: var(--size);
  height: var(--size);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='11' fill='none' viewBox='0 0 11 11'><circle cx='5.172' cy='5.079' r='4.578' fill='%23fff' stroke='red'/></svg>");
  background-repeat: no-repeat;
  background-size: var(--size) auto;
}
.section__question-teaser .innerwrapper .tns-nav button.tns-nav-active {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='11' fill='none' viewBox='0 0 11 11'><circle cx='5.157' cy='5.078' r='5.078' fill='red'/></svg>");
}
.section__question-teaser .innerwrapper .teaser__holder {
  --gap: 1rem;
  gap: var(--gap);
  margin-top: 2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media only screen and (max-width: 700px) {
  .section__question-teaser .innerwrapper .teaser__holder {
    display: block;
  }
}
.section__question-teaser .innerwrapper .teaser__holder .single__teaser,
.section__question-teaser .innerwrapper .teaser__holder .single__teaser-column {
  width: calc(20% - var(--gap) * 4 / 5);
}
@media only screen and (max-width: 1240px) {
  .section__question-teaser .innerwrapper .teaser__holder .single__teaser,
  .section__question-teaser .innerwrapper .teaser__holder .single__teaser-column {
    width: calc(33.33% - var(--gap) * 2 / 3);
  }
}
@media only screen and (max-width: 700px) {
  .section__question-teaser .innerwrapper .teaser__holder .single__teaser,
  .section__question-teaser .innerwrapper .teaser__holder .single__teaser-column {
    width: 100%;
  }
}

.section__wide-teaser {
  margin: 3rem 0 2.4rem 0;
}
@media only screen and (max-width: 700px) {
  .section__wide-teaser {
    margin-top: 1.3rem;
    margin-bottom: 0.7rem;
  }
}
.section__wide-teaser .innerwrapper h2 {
  text-align: center;
  font-family: "obviously-narrow", sans-serif;
  font-weight: 800;
  font-style: normal;
  text-transform: uppercase;
  color: #000;
  margin-bottom: 3rem;
}
@media only screen and (max-width: 700px) {
  .section__wide-teaser .innerwrapper h2 {
    margin-bottom: 1.2rem;
  }
}
.section__wide-teaser .innerwrapper h2 + p {
  margin-top: 0.6em;
}
.section__wide-teaser .innerwrapper .teaser__holder {
  /*display: grid;
  grid-template-columns: 1fr 1fr;*/
  display: flex;
  flex-wrap: wrap;
  --gap: 1rem;
  gap: var(--gap);
  justify-content: center;
}
@media only screen and (max-width: 700px) {
  .section__wide-teaser .innerwrapper .teaser__holder {
    flex-direction: column;
    --gap: 0.32rem;
  }
}
.section__wide-teaser .innerwrapper .teaser__holder .single__wide-teaser {
  width: calc(50% - var(--gap) * 0.5);
}
@media only screen and (max-width: 700px) {
  .section__wide-teaser .innerwrapper .teaser__holder .single__wide-teaser {
    width: 100%;
  }
}

.button-bestof {
  --backgroundColor: var(--footerColor);
  --color: var(--color_01_Weiss);
  --hoverBackgroundColor: var(--backgroundColor);
  --hoverColor: var(--color);
  background-color: transparent;
  border: 1px solid var(--backgroundColor);
  color: var(--backgroundColor);
  text-decoration: none;
  font-size: var(--fontSize15Fixed);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  line-height: 1.35;
  display: flex;
  padding: 0.3em 1.4em 0.3em 1.4em;
  border-radius: 2em;
  gap: 0 0.5em;
  align-items: center;
  overflow: clip;
  position: relative;
  height: 3.3em;
  margin-right: auto;
}
@media only screen and (max-width: 700px) {
  .button-bestof {
    font-size: var(--fontSize10);
    padding: 0.3em 2.5em 0.3em 2.5em;
    border-radius: 2em;
    margin-inline: auto;
  }
}
@media (hover: hover) {
  .button-bestof {
    --transition: 200ms;
  }
  .button-bestof:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 0%;
    transform: translateY(101%) translateX(-50%);
    background-color: var(--hoverBackgroundColor);
    border-radius: 50%;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    transition: var(--transition) ease-out;
    z-index: 0;
  }
  .button-bestof > span {
    overflow: clip;
  }
  .button-bestof > span > span {
    transition: var(--transition) ease-out;
    display: block;
  }
  .button-bestof > span:after {
    content: attr(data-title);
    padding-top: 0.2em;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    transform: translateY(101%);
    color: var(--hoverColor);
    white-space: nowrap;
    z-index: 2;
    transition: var(--transition) ease-out;
  }
  .button-bestof:hover:before {
    border-radius: 0%;
    transform: translateY(0%) translateX(-50%);
  }
  .button-bestof:hover > span > span {
    transform: translateY(-101%);
  }
  .button-bestof:hover > span:after {
    transform: translateY(0%);
  }
}
.button-bestof > span {
  display: block;
  padding-top: 0.2em;
  position: relative;
  z-index: 1;
}

.button-download {
  --backgroundColor: var(--footerColor);
  --color: var(--color_01_Weiss);
  --hoverBackgroundColor: var(--color);
  --hoverColor: var(--backgroundColor);
  background-color: var(--backgroundColor);
  color: var(--color);
  text-decoration: none;
  font-size: var(--fontSize15Fixed);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  line-height: 1.35;
  display: grid;
  grid-template-columns: 1fr 2.7em;
  padding: 0.3em 1em 0.3em 3em;
  border-radius: 2em;
  gap: 0 1.3em;
  align-items: center;
  overflow: clip;
  position: relative;
}
@media only screen and (max-width: 700px) {
  .button-download {
    font-size: var(--fontSize10);
    grid-template-columns: 1fr 3.2em;
    padding: 0.3em 0.7em 0.3em 2.5em;
    border-radius: 2em;
    gap: 0 1.6em;
  }
}
@media (hover: hover) {
  .button-download {
    --transition: 200ms;
  }
  .button-download:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 0%;
    transform: translateY(101%) translateX(-50%);
    background-color: var(--hoverBackgroundColor);
    border-radius: 50%;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    transition: var(--transition) ease-out;
    z-index: 0;
  }
  .button-download > span {
    overflow: clip;
  }
  .button-download > span > span {
    transition: var(--transition) ease-out;
    display: block;
  }
  .button-download > span:after {
    content: "DOWNLOAD PUBLIC VALUE BERICHT";
    padding-top: 0.2em;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    transform: translateY(101%);
    color: var(--hoverColor);
    white-space: nowrap;
    z-index: 2;
    transition: var(--transition) ease-out;
  }
  .button-download:hover:before {
    border-radius: 0%;
    transform: translateY(0%) translateX(-50%);
  }
  .button-download:hover > span > span {
    transform: translateY(-101%);
  }
  .button-download:hover > span:after {
    transform: translateY(0%);
  }
  .button-download:hover svg path {
    fill: var(--hoverColor);
  }
}
.button-download {
  /*
  @media (hover: hover) {
  	&:hover {
  		--backgroundColor: var(--color_01_Weiss);
  		--color: var(--color_00_Rot);
  	}	
  }
  */
}
.button-download > span {
  display: block;
  padding-top: 0;
  position: relative;
  z-index: 1;
}
.button-download img,
.button-download svg {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}

.headline-fade {
  opacity: 0;
}

.number {
  font-size: var(--fontSize28);
  --size: 2.142em;
  width: var(--size);
  height: var(--size);
  background-color: var(--color_01_Weiss);
  color: var(--color_02_Schwarz);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  padding-top: 0.3em;
}
@media only screen and (max-width: 700px) {
  .number {
    --size: 1.8em;
    font-size: var(--fontSize17);
  }
}

.button_switch {
  --space: 0.3em;
  display: grid;
  grid-template-columns: 1fr 1fr;
  font-size: var(--fontSize20Fixed);
  font-weight: 400;
  line-height: 1.35;
  border-radius: 2.08333em;
  padding: var(--space);
  height: 3.2em;
  background-color: var(--colorGreyLight);
  position: relative;
}
@media only screen and (max-width: 700px) {
  .button_switch {
    font-size: 0.33rem;
  }
}
.button_switch:before {
  content: "";
  display: block;
  position: absolute;
  width: calc(50% - var(--space));
  height: calc(100% - var(--space) - var(--space));
  top: var(--space);
  left: var(--space);
  border-radius: 2.08333em;
  background-color: var(--color_01_Weiss);
  z-index: 0;
  transition: transform 100ms ease-out;
}
.button_switch[data-selected=list]:before {
  transform: translateX(100%);
}
@media (hover: hover) {
  .button_switch:has(button[data-type=grid]:hover):before {
    transform: translateX(0%);
  }
  .button_switch:has(button[data-type=list]:hover):before {
    transform: translateX(100%);
  }
}
.button_switch button {
  margin: 0;
  padding: 0;
  border: 0;
  display: flex;
  background-color: transparent;
  height: 100%;
  width: 4.8em;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 700px) {
  .button_switch button {
    width: 3.2em;
  }
}
.button_switch button svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.button_switch button[data-type=grid] svg {
  width: 52%;
}
.button_switch button[data-type=list] svg {
  width: 52%;
}

.section__alle-fragen .innerwrapper {
  padding-top: 4.5rem;
  padding-bottom: 5.5rem;
}
@media only screen and (max-width: 700px) {
  .section__alle-fragen .innerwrapper {
    padding-top: calc(var(--headerHeight) + 1rem);
  }
}
.section__alle-fragen .innerwrapper h1 {
  font-size: var(--fontSize120);
  margin: 0;
  padding: 0;
  font-weight: 500;
}
@media only screen and (max-width: 700px) {
  .section__alle-fragen .innerwrapper h1 {
    font-size: var(--fontSize38);
    line-height: 1.052;
  }
}
.section__alle-fragen .innerwrapper .question__holder {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  gap: 4rem 0;
  margin-inline: auto;
}
@media only screen and (max-width: 700px) {
  .section__alle-fragen .innerwrapper .question__holder {
    margin-top: 1.3rem;
    gap: 1.7rem 0;
  }
}
.section__alle-fragen .innerwrapper .question__holder .question__row {
  --gap: 1rem;
  display: flex;
  flex-direction: column;
  gap: var(--gap) 0;
}
@media only screen and (max-width: 700px) {
  .section__alle-fragen .innerwrapper .question__holder .question__row {
    --gap: 0.5rem;
  }
}
.section__alle-fragen .innerwrapper .question__holder .question__row[data-type=einleitung] .number {
  background-color: var(--color_02_Schwarz) !important;
  color: var(--color_01_Weiss) !important;
}
.section__alle-fragen .innerwrapper .question__holder .question__row[data-type=individueller-wert] {
  --primaryColor: var(--color_01_Orange);
  --secondaryColor: var(--color_03_Orange);
}
.section__alle-fragen .innerwrapper .question__holder .question__row[data-type=gesellschaftswert] {
  --primaryColor: var(--color_02_Gruen);
  --secondaryColor: var(--color_04_Gruen);
}
.section__alle-fragen .innerwrapper .question__holder .question__row[data-type=oesterreichwert] {
  --primaryColor: var(--color_01_Rot);
  --secondaryColor: var(--color_03_Rot);
}
.section__alle-fragen .innerwrapper .question__holder .question__row[data-type=internationaler-wert] {
  --primaryColor: var(--color_01_Blau);
  --secondaryColor: var(--color_03_Blau);
}
.section__alle-fragen .innerwrapper .question__holder .question__row[data-type=unternehmenswert] {
  --primaryColor: var(--color_01_Gelb);
  --secondaryColor: var(--color_04_Gelb);
}
.section__alle-fragen .innerwrapper .question__holder .question__row .question__header {
  display: flex;
  justify-content: space-between;
}
.section__alle-fragen .innerwrapper .question__holder .question__row .question__header h2 {
  background-color: var(--secondaryColor);
  color: var(--primaryColor);
  font-size: var(--fontSize20Fixed);
  font-weight: 400;
  line-height: 1.35; /* 135% */
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border-radius: 2.08333em;
  padding: 0.1em 1.7em 0.1em 1.7em;
  height: 3.2em;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 700px) {
  .section__alle-fragen .innerwrapper .question__holder .question__row .question__header h2 {
    font-size: var(--fontSize10);
  }
}
.section__alle-fragen .innerwrapper .question__holder .question__row .question__wrapper {
  gap: var(--gap);
}
.section__alle-fragen .innerwrapper .question__holder .question__row .question__wrapper .single__question {
  background-color: var(--secondaryColor);
  color: var(--primaryColor);
  text-decoration: none;
  font-size: var(--fontSize28Fixed);
  border-radius: 1em;
  line-height: 1.2;
}
@media only screen and (max-width: 700px) {
  .section__alle-fragen .innerwrapper .question__holder .question__row .question__wrapper .single__question {
    font-size: var(--fontSize14);
    line-height: 1.285;
    border-radius: 1.3em;
  }
}
@media (hover: hover) {
  .section__alle-fragen .innerwrapper .question__holder .question__row .question__wrapper .single__question {
    transition: border-radius 100ms ease-out;
  }
  .section__alle-fragen .innerwrapper .question__holder .question__row .question__wrapper .single__question:hover {
    border-radius: 1.5em;
  }
}
.section__alle-fragen .innerwrapper .question__holder .question__row .question__wrapper .single__question h3 {
  font-size: var(--fontSize28Fixed);
  margin: 0;
  padding: 0;
  font-weight: 400;
  line-height: 1.2;
}
@media only screen and (max-width: 700px) {
  .section__alle-fragen .innerwrapper .question__holder .question__row .question__wrapper .single__question h3 {
    font-size: var(--fontSize14);
    line-height: 1.285;
    text-wrap: balance;
  }
}
.section__alle-fragen .innerwrapper .question__holder .question__row .question__wrapper .single__question .number {
  font-size: var(--fontSize28Fixed);
}
@media only screen and (max-width: 700px) {
  .section__alle-fragen .innerwrapper .question__holder .question__row .question__wrapper .single__question .number {
    font-size: var(--fontSize17);
    flex-shrink: 0;
  }
}
.section__alle-fragen .innerwrapper .question__holder[data-type=list] {
  max-width: 1080px;
}
.section__alle-fragen .innerwrapper .question__holder[data-type=list] .question__row .question__wrapper {
  display: flex;
  flex-direction: column;
}
.section__alle-fragen .innerwrapper .question__holder[data-type=list] .question__row .question__wrapper .single__question {
  display: flex;
  justify-content: space-between;
  padding: 1em 1em 1em 1.3em;
  align-items: center;
}
@media only screen and (max-width: 700px) {
  .section__alle-fragen .innerwrapper .question__holder[data-type=list] .question__row .question__wrapper .single__question {
    padding: 0.1em 1.2em 0.1em 1.3em;
    min-height: 3.8em;
    gap: 0 1em;
  }
}
.section__alle-fragen .innerwrapper .question__holder[data-type=list] .question__row .question__wrapper .single__question .number {
  background-color: var(--primaryColor);
  color: var(--color_01_Weiss);
  transform: translateY(-0.1em);
}
.section__alle-fragen .innerwrapper .question__holder[data-type=grid] .question__row .question__wrapper {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
@media only screen and (max-width: 1100px) {
  .section__alle-fragen .innerwrapper .question__holder[data-type=grid] .question__row .question__wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
  .section__alle-fragen .innerwrapper .question__holder[data-type=grid] .question__row .question__wrapper .single__question {
    height: 11em !important;
  }
}
@media only screen and (max-width: 700px) {
  .section__alle-fragen .innerwrapper .question__holder[data-type=grid] .question__row .question__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .section__alle-fragen .innerwrapper .question__holder[data-type=grid] .question__row .question__wrapper .single__question {
    height: 9.1em !important;
  }
}
.section__alle-fragen .innerwrapper .question__holder[data-type=grid] .question__row .question__wrapper .single__question {
  display: flex;
  flex-direction: column;
  padding: 0.5em 0.5em 0.3em 0.5em;
  height: 9.3em;
  justify-content: space-between;
}
@media only screen and (max-width: 700px) {
  .section__alle-fragen .innerwrapper .question__holder[data-type=grid] .question__row .question__wrapper .single__question {
    padding: 0.9em 0.7em 0.6em 0.8em;
  }
}
.section__alle-fragen .innerwrapper .question__holder[data-type=grid] .question__row .question__wrapper .single__question h3 {
  order: 2;
}
@media only screen and (max-width: 700px) {
  .section__alle-fragen .innerwrapper .question__holder[data-type=grid] .question__row .question__wrapper .single__question h3 {
    order: 1;
  }
}
.section__alle-fragen .innerwrapper .question__holder[data-type=grid] .question__row .question__wrapper .single__question .number {
  order: 1;
  background-color: var(--color_01_Weiss);
  color: var(--primaryColor);
}
@media only screen and (max-width: 700px) {
  .section__alle-fragen .innerwrapper .question__holder[data-type=grid] .question__row .question__wrapper .single__question .number {
    order: 2;
    margin-left: auto;
  }
}

footer {
  background-color: var(--colorGreyLight);
  margin-top: 6rem;
}
@media only screen and (max-width: 700px) {
  footer {
    margin-top: 1rem;
  }
}
footer .innerwrapper {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding-block: 15px;
  position: relative;
}
@media only screen and (max-width: 700px) {
  footer .innerwrapper {
    display: flex;
    flex-direction: column;
    padding-block: 20px;
    gap: 0.7rem 0;
  }
}
footer .innerwrapper .impressum_link {
  color: var(--footerColor);
  text-decoration: none;
  font-size: var(--fontSize15Fixed);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  line-height: 1.35;
  margin-top: 0.1em;
  margin-left: auto;
}
@media only screen and (max-width: 700px) {
  footer .innerwrapper .impressum_link {
    position: relative;
    margin-inline: auto;
    font-size: var(--fontSize10);
  }
}

.tns-outer {
  padding: 0 !important;
}

.tns-outer [hidden] {
  display: none !important;
}

.tns-outer [aria-controls], .tns-outer [data-action] {
  cursor: pointer;
}

.tns-slider {
  transition: all 0s;
}

.tns-slider > .tns-item {
  box-sizing: border-box;
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap;
}

.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}

.tns-horizontal.tns-no-subpixel:after {
  content: "";
  display: table;
  clear: both;
}

.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left;
}

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%;
}

.tns-no-calc {
  position: relative;
  left: 0;
}

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px;
}

.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  transition: transform 0s, opacity 0s;
}

.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important;
}

.tns-gallery > .tns-moving {
  transition: all 0.25s;
}

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

.tns-lazy-img {
  transition: opacity 0.6s;
  opacity: 0.6;
}

.tns-lazy-img.tns-complete {
  opacity: 1;
}

.tns-ah {
  transition: height 0s;
}

.tns-ovh {
  overflow: hidden;
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em;
}

.tns-transparent {
  opacity: 0;
  visibility: hidden;
}

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0;
}

.tns-normal, .tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}

.tns-vpfix {
  white-space: nowrap;
}

.tns-vpfix > div, .tns-vpfix > li {
  display: inline-block;
}

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden;
}

.tns-t-ct {
  width: 2333.3333333%;
  width: -moz-calc(100% * 70 / 3);
  width: 2333.3333333333%;
  position: absolute;
  right: 0;
}

.tns-t-ct:after {
  content: "";
  display: table;
  clear: both;
}

.tns-t-ct > div {
  width: 1.4285714%;
  width: -moz-calc(100% / 70);
  width: 1.4285714286%;
  height: 10px;
  float: left;
}


.section__big-teaser {
  overflow: clip;
}
.section__big-teaser .innerwrapper .teaser__holder {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: calc(100% + var(--sideSpacing) + var(--sideSpacing));
  margin-inline: calc(var(--sideSpacing) * -1);
}
@media only screen and (max-width: 700px) {
  .section__big-teaser .innerwrapper .teaser__holder {
    grid-template-columns: 100%;
    margin-inline: 0;
    width: 100%;
  }
}

@keyframes enter {
  from {
    transform: translate(0, 0) skew(0deg, 0deg) scale(1);
  }
  to {
    transform: translate(var(--xTransform), var(--yTransform)) skew(var(--xSkew), var(--ySkew)) scale(1.05);
  }
}
@keyframes exit {
  from {
    transform: translate(var(--xTransform), var(--yTransform)) skew(var(--xSkew), var(--ySkew)) scale(1.05);
  }
  to {
    transform: translate(0, 0) skew(0deg, 0deg) scale(1);
  }
}
.single__big-teaser {
  font-size: 0;
  line-height: 0;
  display: block;
  position: relative;
  text-decoration: none;
  color: var(--color_01_Weiss);
  overflow: clip;
  --badgeColor: var(--color);
}
.single__big-teaser > * {
  pointer-events: none;
}
.single__big-teaser.wide {
  grid-column: span 2;
}
@media only screen and (max-width: 700px) {
  .single__big-teaser.wide {
    grid-column: unset;
  }
}
.single__big-teaser.wide {
  /*
  h3 {
  	font-size: var(--fontSize80);
  	max-width: 15.5em;
  	line-height: 1.12;

  	@media only screen and (max-width: 700px) {
  		font-size: var(--fontSize24);
  		line-height: 1.25;	
  		max-width: none;
  	}
  }
  */
  /*
  &.headline-half {
  	h3 {
  		max-width: 8.4em;

  		@media only screen and (max-width: 700px) {
  			max-width: none;	
  		}
  	}
  }
  */
}
.single__big-teaser.extra-wide {
  grid-column: span 3;
}
@media only screen and (max-width: 700px) {
  .single__big-teaser.extra-wide {
    grid-column: unset;
  }
}
.single__big-teaser.extra-wide {
  /*
  h3 {
  	font-size: var(--fontSize96);
  	max-width: 8em;
  	line-height: 1.12;

  	@media only screen and (max-width: 700px) {
  		font-size: var(--fontSize24);	
  		line-height: 1.25;	
  		max-width: none;	
  	}
  }


  &.mobile-extra {
  	h3 {
  		@media only screen and (max-width: 700px) {
  			max-width: 9em;
  		}
  	}
  }
  */
}
.single__big-teaser .badge {
  color: var(--badgeColor);
  position: absolute;
  top: 0.7rem;
  left: 0.7rem;
  font-size: var(--fontSize20);
  line-height: 1;
  border: 1px solid var(--badgeColor);
  border-radius: 1.5em;
  letter-spacing: 0.07em;
  padding: 0.5em 1em 0.5em 1em;
}
@media only screen and (max-width: 700px) {
  .single__big-teaser .badge {
    font-size: var(--fontSize14);
    top: 0.5rem;
    left: 0.3rem;
  }
}
.single__big-teaser h3 {
  color: inherit;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0.7rem;
  text-align: left;
  letter-spacing: 0.09em;
  font-size: var(--fontSize34);
  color: var(--color);
  font-weight: 400;
  z-index: 5;
  max-width: 14em;
}
@media only screen and (max-width: 700px) {
  .single__big-teaser h3 {
    font-size: var(--fontSize24);
    line-height: 1.25;
    padding: 0.3rem;
  }
}
.single__big-teaser .number {
  position: absolute;
  right: 0.5rem;
  bottom: 0.5rem;
  background-color: var(--secondaryColor);
  color: var(--primaryColor);
  z-index: 5;
}
@media only screen and (max-width: 700px) {
  .single__big-teaser .number {
    right: 0.2rem;
    bottom: 0.2rem;
    --size: 1.8em;
    font-size: var(--fontSize10);
  }
}
.single__big-teaser img {
  width: 100%;
  height: auto;
  display: block;
}
@media (hover: hover) {
  .single__big-teaser img {
    transform-origin: 50% 50%;
    animation: exit 500ms forwards;
  }
  .single__big-teaser:hover img {
    animation: enter 500ms forwards;
  }
}

.section__page {
  margin-top: 3.2rem;
}
@media only screen and (max-width: 700px) {
  .section__page {
    margin-top: 0;
  }
}
.section__page .innerwrapper {
  color: var(--color_00_Rot);
  padding-bottom: 2rem;
}
.section__page .innerwrapper .content {
  max-width: 1170px;
  margin-inline: auto;
}
@media only screen and (max-width: 700px) {
  .section__page .innerwrapper .content {
    font-size: var(--fontSize16);
  }
}
.section__page .innerwrapper .content p {
  margin: 1.1em 0;
}
.section__page .innerwrapper h5 {
  background-color: var(--color_03_Rot);
  color: var(--color_00_Rot);
  font-size: var(--fontSize20Fixed);
  font-weight: 400;
  line-height: 1.35; /* 135% */
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border-radius: 2.08333em;
  padding: 0.2em 1.7em 0 1.7em;
  height: 3.2em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
}
@media only screen and (max-width: 700px) {
  .section__page .innerwrapper h5 {
    font-size: var(--fontSize10);
  }
}

.section__top-links .innerwrapper {
  padding-top: 1rem;
}
@media only screen and (max-width: 700px) {
  .section__top-links .innerwrapper {
    padding-bottom: 1rem;
  }
}
.section__top-links .innerwrapper .innercontainer {
  display: flex;
  justify-content: space-between;
  font-size: var(--fontSize15Fixed);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  align-items: center;
}
@media only screen and (max-width: 700px) {
  .section__top-links .innerwrapper .innercontainer {
    font-size: var(--fontSize12);
  }
}
.section__top-links .innerwrapper .innercontainer a,
.section__top-links .innerwrapper .innercontainer span {
  text-decoration: none;
  color: var(--color_00_Rot);
}
.section__top-links .innerwrapper .innercontainer .share-article {
  position: relative;
}
.section__top-links .innerwrapper .innercontainer .share-article > span {
  display: grid;
  grid-template-columns: 1fr 1.8em;
  gap: 0 0.3em;
  cursor: pointer;
  align-items: center;
}
.section__top-links .innerwrapper .innercontainer .share-article > span > svg {
  width: 100%;
  height: auto;
  transform: translateY(-0.15em) rotate(180deg);
  transition: 100ms ease-out;
}
.section__top-links .innerwrapper .innercontainer .share-article > span > svg rect,
.section__top-links .innerwrapper .innercontainer .share-article > span > svg path {
  transition: 100ms ease-out;
}
.section__top-links .innerwrapper .innercontainer .share-article:not(.is-active) > span > svg rect {
  fill: transparent;
}
.section__top-links .innerwrapper .innercontainer .share-article:not(.is-active) > span > svg path {
  fill: var(--color_00_Rot);
}
.section__top-links .innerwrapper .innercontainer .share-article.is-active > span > svg {
  transform: translateY(-0.15em) rotate(0deg);
}
.section__top-links .innerwrapper .innercontainer .share-article.is-active .share-icons-holder {
  opacity: 1;
  pointer-events: auto;
}
.section__top-links .innerwrapper .innercontainer .share-article .share-icons-holder {
  font-size: var(--fontSize15Fixed);
  display: flex;
  gap: 0 1em;
  position: absolute;
  right: 0;
  top: calc(100% + 0.5em);
  background-color: #FFC9C9;
  border-radius: 9em;
  padding: 0.4em 1.3em;
  pointer-events: none;
  opacity: 0;
  transition: 100ms ease-out;
}
@media only screen and (max-width: 700px) {
  .section__top-links .innerwrapper .innercontainer .share-article .share-icons-holder {
    font-size: var(--fontSize12);
  }
}
.section__top-links .innerwrapper .innercontainer .share-article .share-icons-holder a {
  display: block;
  line-height: 0;
}
@media (hover: hover) {
  .section__top-links .innerwrapper .innercontainer .share-article .share-icons-holder a:hover svg path {
    fill: #FFF;
  }
}
.section__top-links .innerwrapper .innercontainer .share-article .share-icons-holder a svg {
  --size: 1.4em;
  width: var(--size);
  height: var(--size);
  -o-object-fit: contain;
     object-fit: contain;
}

.single__teaser-new {
  width: 100%;
  aspect-ratio: 640/914;
  position: relative;
  display: grid;
  color: inherit;
  text-decoration: none;
  overflow: clip;
  --foregroundGradient: transparent;
  --backgroundGradient: #000;
}
.single__teaser-new.wide {
  grid-column: span 2;
  aspect-ratio: 1280/914;
}
@media only screen and (max-width: 700px) {
  .single__teaser-new.wide {
    grid-column: unset;
    aspect-ratio: 640/914;
  }
}
.single__teaser-new[data-foregroundTextColor=white] {
  --foregroundTextColor: #fff;
}
.single__teaser-new[data-foregroundTextColor=green] {
  --foregroundTextColor: #1d4e2e;
}
.single__teaser-new[data-foregroundTextColor=orange] {
  --foregroundTextColor: #9a3019;
}
.single__teaser-new[data-foregroundTextColor=yellow] {
  --foregroundTextColor: #9c5c06;
}
.single__teaser-new[data-foregroundTextColor=red] {
  --foregroundTextColor: #761212;
}
.single__teaser-new[data-foregroundGradient=green] {
  --foregroundGradient: linear-gradient(135deg, #8eff8e, #2cfd55);
}
.single__teaser-new[data-foregroundGradient=orange] {
  --foregroundGradient: linear-gradient(135deg, #ffac70, #ff8730);
}
.single__teaser-new[data-foregroundGradient=yellow] {
  --foregroundGradient: linear-gradient(135deg, #fff267, #ffec18);
}
.single__teaser-new[data-foregroundGradient=red] {
  --foregroundGradient: linear-gradient(135deg, #fd7777, #f52d2d);
}
.single__teaser-new[data-foregroundGradient=black] {
  --foregroundGradient: linear-gradient(135deg, #000, #000);
}
.single__teaser-new[data-backgroundTextColor=orange] {
  --backgroundTextColor: #9a3019;
}
.single__teaser-new[data-backgroundTextColor=green] {
  --backgroundTextColor: #1d4e2e;
}
.single__teaser-new[data-backgroundTextColor=blue] {
  --backgroundTextColor: #103b68;
}
.single__teaser-new[data-backgroundTextColor=white] {
  --backgroundTextColor: #fff;
}
.single__teaser-new[data-backgroundTextColor=red] {
  --backgroundTextColor: #761212;
}
.single__teaser-new[data-backgroundTextColor=black] {
  --backgroundTextColor: #000;
}
.single__teaser-new[data-backgroundTextColor=yellow] {
  --backgroundTextColor: #9c5c06;
}
.single__teaser-new[data-backgroundGradient=orange] {
  --backgroundGradient: linear-gradient(135deg, #ffac70, #ff8730);
}
.single__teaser-new[data-backgroundGradient=yellow] {
  --backgroundGradient: linear-gradient(135deg, #fff267, #ffec18);
}
.single__teaser-new[data-backgroundGradient=blue] {
  --backgroundGradient: linear-gradient(135deg, #8de7ff, #08cafe);
}
.single__teaser-new[data-backgroundGradient=green] {
  --backgroundGradient: linear-gradient(135deg, #8eff8e, #2cfd55);
}
.single__teaser-new[data-backgroundGradient=red] {
  --backgroundGradient: linear-gradient(135deg, #fd7777, #f52d2d);
}
.single__teaser-new[data-backgroundGradient=black] {
  --backgroundGradient: linear-gradient(135deg, #838383, #fff);
}
.single__teaser-new .front,
.single__teaser-new .back {
  grid-column: 1/2;
  grid-row: 1/2;
  width: 100%;
  position: relative;
}
.single__teaser-new .front {
  z-index: 1;
  display: flex;
  flex-direction: column;
  padding: 1.7rem 1.3rem 1rem;
  position: relative;
  color: var(--foregroundTextColor);
  background: var(--foregroundGradient);
}
@media only screen and (max-width: 700px) {
  .single__teaser-new .front {
    padding: 0.7rem;
  }
}
.single__teaser-new .front:has(> img)::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.4) 100%);
}
.single__teaser-new .front .overlay {
  position: absolute;
  inset: 0;
  z-index: 3;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: none;
}
.single__teaser-new .front > img {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.single__teaser-new .front .title {
  position: relative;
  z-index: 2;
  display: block;
  margin-bottom: auto;
  font-family: "obviously-narrow", sans-serif;
  font-weight: 800;
  font-size: var(--fontSize100);
  text-transform: uppercase;
  letter-spacing: -0.03em;
}
@media only screen and (max-width: 700px) {
  .single__teaser-new .front .title {
    font-size: 1.7rem;
  }
}
.single__teaser-new .front .text {
  position: relative;
  z-index: 2;
  font-family: "obviously-narrow", sans-serif;
  font-weight: 500;
  font-size: var(--fontSize59);
  line-height: 1.13;
}
.single__teaser-new .front .text.max-width {
  max-width: 14em;
}
@media only screen and (max-width: 700px) {
  .single__teaser-new .front .text {
    font-size: 1.05rem;
  }
}
.single__teaser-new .back {
  --offset: 8rem;
  z-index: 5;
  display: grid;
  place-items: center;
  position: relative;
}
@media only screen and (max-width: 700px) {
  .single__teaser-new .back {
    --offset: 4rem;
  }
}
.single__teaser-new .back .back__svg,
.single__teaser-new .back .back__video-layer {
  grid-column: 1/2;
  grid-row: 1/2;
  width: calc(100% + var(--offset));
  max-width: 30rem;
  aspect-ratio: 708/686;
}
.single__teaser-new .back .back__svg {
  position: relative;
  z-index: 2;
  display: block;
  height: auto;
  margin-inline: calc(var(--offset) / 2 * -1);
  overflow: visible;
}
.single__teaser-new .back foreignObject {
  display: none;
}
.single__teaser-new .back .back__svg .svg-title {
  font-family: "obviously-narrow", sans-serif;
  font-weight: 800;
  font-size: 52px;
  letter-spacing: -0.01em;
  opacity: 0;
}
.single__teaser-new .back .back__svg .svg-image-darkener {
  pointer-events: none;
}
.single__teaser-new .back .back__video-layer {
  position: absolute;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
}
.single__teaser-new .back .back__video-layer video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.single__teaser-new .back .back__video-layer::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.2);
  pointer-events: none;
}

.single__small-teaser-new {
  width: 100%;
  color: inherit;
  text-decoration: none;
}
.single__small-teaser-new .img_holder {
  font-size: 0;
  line-height: 0;
  position: relative;
  margin-bottom: 0.75rem;
}
@media only screen and (max-width: 700px) {
  .single__small-teaser-new .img_holder {
    margin-bottom: 0.3rem;
  }
}
.single__small-teaser-new .img_holder:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  height: 40%;
  bottom: auto;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
}
.single__small-teaser-new .img_holder .title {
  font-size: var(--fontSize48);
  font-family: "obviously-narrow", sans-serif;
  font-weight: 800;
  position: absolute;
  left: 0.8rem;
  top: 1rem;
  line-height: 1.2;
  color: #FFF;
  text-transform: uppercase;
  z-index: 4;
}
.single__small-teaser-new .img_holder img {
  width: 100%;
  height: auto;
  aspect-ratio: 332/430;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}
.single__small-teaser-new h3 {
  font-size: var(--fontSize32);
  line-height: 1.1;
  font-family: "obviously-narrow", sans-serif;
  font-weight: 400;
  color: #000;
}
@media only screen and (max-width: 700px) {
  .single__small-teaser-new h3 {
    font-size: var(--fontSize24);
  }
}
@media (hover: hover) {
  .single__small-teaser-new .img_holder .title:before {
    content: "";
    display: block;
    position: absolute;
    height: 0.05em;
    width: 0%;
    bottom: 0;
    left: 0;
    background-color: #FFF;
    transition: width 200ms ease-out;
  }
  .single__small-teaser-new:hover .img_holder .title:before {
    width: 100%;
  }
}