.cardFanLayer{
  width: var(--singleUserWindowWidth);
  height: var(--singleUserWindowHeight);
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
  overflow: hidden;
}

.cardFanTitleContainer{
  width: auto;
  height: var(--mainHeaderLineHeight);
  position: absolute;
  top: var(--spacerUnit);
  left: var(--spacerUnit);
  padding: 0px;
  margin: 0px;
  display: block;
  box-sizing: border-box;
}

.cardContainer{
  width: var(--cardContainerWidth);
  height: calc(var(--cardHeight) + var(--dotSliderDotSize) + var(--dotSliderOffsetTop));
  position: absolute;
  top: var(--cardContainerY);
  left: var(--cardContainerX);
  padding: 0px;
  margin: 0px;
}

.card{
  width: var(--cardWidth);
  height: var(--cardHeight);
  position: absolute;
  top: 0px;
  left: calc(var(--cardContainerWidth) / 2);
  padding: var(--spacerUnit);
  margin-left: calc(var(--cardWidth) / -2);
  display: block;
  box-sizing: border-box;
  background-color: var(--bmwi_white_100);
  border-radius: var(--cardBorderRadius);
  box-shadow: 7px 7px 5px rgba(0,75,118,0.5);
}

.cardText{
  width: calc(var(--cardWidth) - 2 * var(--spacerUnit));
  height: auto;
  position: absolute;
  top: var(--spacerUnit);
  left: var(--spacerUnit);
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: var(--cardTextIconOffset);
  padding: 0px;
}

.cardIcon{
  width: auto;
  height: var(--cardIconMaxHeight);
  position: relative;
  padding: 0px;
  margin: 0px auto 0px auto;
}

.cardAnswerSection{
  width: var(--introTextWidth);
  height: auto;
  position: absolute;
  top: var(--introTextY);
  left: var(--introTextX);
  padding: 0px;
  margin: 0px;
  display: block;
  box-sizing: border-box;
}

h1.cardFanHeadline{
  font-size: var(--mainHeaderSize);
  line-height: var(--mainHeaderLineHeight);
  font-weight: bold;
  font-style: normal;
  color: var(--bmwi_white_100);
  padding: 0px;
  margin: 0px;
}

h4.cardText{
  font-size: var(--cardFontSize);
  line-height: var(--cardLineHeight);
  font-weight: bold;
  color: var(--bmwi_blue_100);
}

h4.cardAnswerText{
  font-size: var(--mainFontSize);
  font-weight: normal;
  line-height: var(--mainLineHeight);
  padding: 0px;
  margin: 0px;
  color: var(--bmwi_blue_100);
}