:root{
  --spacerUnit: 45px;

  /* FONT SIZES */

  --mainHeaderSize: 55px;
	--mainHeaderLineHeight: 55px;

  --chapterHeaderSize: 45px;
	--chapterHeaderLineHeight: 45px;

  --mainFontSize: 26px;
  --mainLineHeight: 37px;

  --teaserFontSize: 21px;
  --teaserLineHeight: calc(var(--teaserFontSize) * 1.4);

  --graphicLabelFontSize: 21px;
  --graphicLabelLineHeight: 21px;

  --turntableLabelFontSize: 36px;
  --turntableLabelLineHeight: 62px;

  --cardFontSize: 28px;
  --cardLineHeight: calc(var(--cardFontSize) * 1.4);

  --menuLabelFontSize: 24px;
  --menuLabelLineHeight: 22px;

  --buttonFontSize: 26px;

  --sidebarLabelFontsize: 14px;
	--sidebarLabelLineHeight: 20px;

  --filterLabelSize: 26px;

  /* --- */

	--beltHeight: 993px;
	--beltDividerHeight: 174px;
	--beltDividerLogoMargin: 37px;
	--beltDividerLogoHeight: 100px;
  --beltElementWidth: 1055px;
	--beltElementTitleX: 135px;
	--beltElementTitleY: 65px;
	--beltElementSubtitleOffset: 35px;
	--beltElementIconMaxHeight: 500px;
	--beltElementIconMaxWidth: 700px;

	--sidebarWidth: 135px;
	--sidebarIconWidth: 80px;
	--sidebarLabelOffset: 10px;


  --languageButtonSize: 65px;
  --languageButtonOffsetX: 35px;
  --languageButtonOffsetY: 35px;

  --dotSliderDotSize: 15px;
  --dotSliderDotStrokeSize: 1px;
  --dotSliderOffsetTop: 11px;

  --cardHeight: 450px;
  --cardBorderRadius: 15px;
  --cardContainerWidth: 1178px;
  --cardContainerY: 230px;
  --cardContainerX: 298px;
  --cardOffsetTop: 230px;
  --cardTextIconOffset: 65px;
  --cardWidth: 350px;
  --cardIconMaxHeight: 80px;

  --introTextWidth: 1125px;
  --introTextX: 324px;
  --introTextY: 776px;

  --singleUserWindowBorderSize: 9px;

  --scrollMaskOffset: 36px;
  --scrollMaskBlurSize: 0px;
  --scrollMaskBottomFadeout: 50px;
  --scrollMaskRightFadeout: 50px;

  --sectionMarginTop: calc(45px - var(--singleUserWindowBorderSize));
  --sectionMarginBottom: calc(40px - var(--singleUserWindowBorderSize));
  --sectionMarginLeft: calc(45px - var(--singleUserWindowBorderSize));
  --sectionMarginRight: calc(45px - var(--singleUserWindowBorderSize));

  --sectionScrollMaskWidth: calc(var(--singleUserWindowWidth) - (var(--singleUserWindowBorderSize) * 2) - var(--sectionMarginLeft) - var(--sectionMarginRight));
  --sectionScrollMaskHeight: calc(var(--singleUserWindowHeight) - (var(--singleUserWindowBorderSize) * 2) - var(--sectionMarginTop) - var(--sectionMarginBottom) + var(--scrollMaskOffset));

  --turntableWidth: 1195px;
  --turntableHeight: 450px;
  --turntableWheelElementWidth: 350px;
  --turntableWheelElementHeight: 350px;
  --turntableMarkerSize: 26px;
  --turntableContainerWidth: calc(var(--turntableWidth) + (var(--spacerUnit) * 2));
  --turntableContainerHeight: calc(var(--turntableHeight) + (var(--spacerUnit) * 2) +  var(--turntableLabelLineHeight));
  --turntableContainerLeft: calc((var(--singleUserWindowWidth) - var(--turntableContainerWidth)) / 2 - var(--singleUserWindowBorderSize));
  --turntableContainerMarginTop: calc(188px - var(--singleUserWindowBorderSize) - var(--sectionMarginTop) - var(--mainHeaderLineHeight) * 2);

  --subsectionStartPosition: 620px;

  --subsectionMarginLeft: calc(50px - var(--sectionMarginLeft));
  --subsectionMarginRight: calc(134px - var(--sectionMarginRight));
  --subsectionMarginBottom: calc(50px - var(--sectionMarginBottom));
  --subsectionMarginTop: calc(171px - var(--sectionMarginTop));

  --subsectionStoryWidth: calc(var(--sectionScrollMaskWidth) - var(--subsectionMarginLeft) - var(--subsectionMarginRight));

  --subsectionIntroWidth: 1125px;
  --subsectionIntroMarginBottom: 75px;

  --subsectionMenuHeight: calc(120px - var(--singleUserWindowBorderSize));
  --subsectionMenuBorderSize: 6px;

  --subsectionMenuMarginLeft: calc(35px - var(--singleUserWindowBorderSize));

  --subsectionMenuButtonMarginRight: 35px;
  --subsectionMenuButtonMarginTop: calc(53px - var(--singleUserWindowBorderSize));

  --subsectionStoryContainerWidth: 1590px;

  --interactiveGraphicWidth: 755px;
  --interactiveGraphicButtonRadius: 23px;
  --interactiveGraphicButtonStrokeSize: 2px;

  --interactiveGraphicHiddenButtonLabelWidth: calc(var(--interactiveGraphicWidth) / 3);
  --interactiveGraphicHiddenButtonLabelCenterOffsetX: calc(var(--interactiveGraphicHiddenButtonLabelWidth) / -2);
  --interactiveGraphicHiddenButtonLabelRightOffsetX: calc(var(--interactiveGraphicHiddenButtonLabelWidth) * -1);
  --interactiveGraphicHiddenButtonLabelOffsetY: calc(var(--graphicLabelLineHeight) / 2);


  --scrollDownIconWidth: 45px;
  --scrollDownIconLeft: calc((var(--singleUserWindowWidth) - var(--scrollDownIconWidth)) / 2 - var(--singleUserWindowBorderSize));

  --overlayerMarginRight: calc(134px - var(--singleUserWindowBorderSize));
  --overlayerMarginLeft: calc(var(--spacerUnit) - var(--singleUserWindowBorderSize));
  --overlayerMarginTop: calc(144px - var(--singleUserWindowBorderSize));

  --overlayerFooterHeight: 150px;
  --overlayerColumnWidth: 755px;
  --overlayerQRLinkTop: 0px;
  --overlayerQRLinkFontSize: 24px;
  --overlayerQRIconSize: 85px;
  --overlayerMapLinkFontSize: 24px;
  --overlayerMapIconWidth: 34px;
  --overlayerMapIconHeight: 44px;
  --overlayerIconMarginRight: 25px;
  --overlayerInteractiveGraphicMarginTop: 106px;
  --overlayerTextBoxMarginTop: calc(var(--overlayerInteractiveGraphicMarginTop) - var(--chapterHeaderLineHeight));
  --overlayerImageSliderMarginTop: 70px;

  --impressumMarginTop: 200px;

}