@font-face {
  font-family: "GillSansStdMedium";
  src: url("../fonts/GillSansStdMedium/font.woff2") format("woff2"), url("../fonts/GillSansStdMedium/font.woff") format("woff");
}
@font-face {
  font-family: "GillSansStdLight";
  src: url("../fonts/GillSansStdLight/font.woff2") format("woff2"), url("../fonts/GillSansStdLight/font.woff") format("woff");
}
@font-face {
  font-family: "GillSansStdBold";
  src: url("../fonts/GillSansStdBold/font.woff2") format("woff2"), url("../fonts/GillSansStdBold/font.woff") format("woff");
}


:root {
  --aquion-cream: #f7f0e8;
  --aquion-rose: #FBD9CA;
  --aquion-gold: #b08a65;
  --aquion-brown-1: #452914;
  --aquion-brown-2: #704820;
  --aquion-brown-3: #513019;
}

/* Gill-Schriftschnitte – unabhängig von Größe und Farbe */
.gill-bold {
  font-family: GillSansStdBold, "Gill Sans", Arial, sans-serif !important;
}

.gill-medium  {
  font-family: GillSansStdMedium, "Gill Sans", Arial, sans-serif !important;
}

.gill-light {
  font-family: GillSansStdLight, "Gill Sans", Arial, sans-serif !important;
}

/* Hintergrund und Grundfarben */
.aquion-section,
.uk-section.aquion-section {
  min-height: 100svh;
  overflow: hidden;
  color: #f7f0e8 !important;
  color: var(--aquion-cream) !important;
  background-color: #704820 !important;
  background-color: var(--aquion-brown-2) !important;
  background-image:
	radial-gradient(
	  circle at 78% 42%,
	  rgba(187, 130, 65, 0.18) 0%,
	  rgba(187, 130, 65, 0) 34%
	),
	linear-gradient(
	  135deg,
	  #452914 0%,
	  #704820 54%,
	  #513019 100%
	) !important;
  background-size: 150% 150% !important;
  background-repeat: no-repeat !important;
}

.aquion-section h1,
.aquion-section h2,
.aquion-section h3,
.aquion-section h4,
.aquion-section h5,
.aquion-section h6,
.aquion-section p,
.aquion-section .el-title,
.aquion-section .el-content {
  color: #f7f0e8 !important;
  color: var(--aquion-cream) !important;
}

/* Textfarben – unabhängig von Schrift und YTP-Größe */
.aquion-color-white, .white {
  color: #fff !important;
}

.aquion-color-cream, .cream {
  color: #f7f0e8 !important;
  color: var(--aquion-cream) !important;
}

.aquion-color-rose, .rose {
  color: #FBD9CA !important;
  color: var(--aquion-rose) !important;
}

.aquion-color-gold, .gold {
  color: #b08a65 !important;
  color: var(--aquion-gold) !important;
}

.aquion-color-brown-1, .brown-1 {
  color: #452914 !important;
  color: var(--aquion-brown-1) !important;
}

.aquion-color-brown-2 {
  color: #704820 !important;
  color: var(--aquion-brown-2) !important;
}

.aquion-color-brown-3 {
  color: #513019 !important;
  color: var(--aquion-brown-3) !important;
}

/* Individuelle Verlaufspositionen */
.aquion-section--01 {
  background-position: 10% 20% !important;
}

.aquion-section--02 {
  background-position: 38% 30% !important;
}

.aquion-section--03 {
  background-position: 70% 44% !important;
}

.aquion-section--04 {
  background-position: 20% 70% !important;
}

.aquion-section--05 {
  background-position: 58% 48% !important;
}

.aquion-section--06 {
  background-position: 82% 76% !important;
}

/* Grundlayout der Inhaltsbereiche */
.aquion-stage {
  box-sizing: border-box;
  width: min(100%, 920px);
  min-height: 100svh;
  margin: 0 auto;
  padding: clamp(40px, 6vh, 80px) 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.aquion-stage * {
  box-sizing: border-box;
}

.aquion-stage p {
  margin: 0;
}

.aquion-stage--long {
  min-height: auto;
  padding-top: clamp(56px, 7vh, 84px);
  padding-bottom: clamp(56px, 7vh, 84px);
}

/* Einzige individuelle Textgröße: Fragezeichen in Section 1 */
.aquion-question {
color: rgba(207, 174, 144, 0.58) !important;
	font-family: GillSansStdMedium, "Gill Sans", Arial, sans-serif;
	font-size: clamp(350px, 52vw, 767px) !important;
	font-weight: 400;
	line-height: 0.72;
	transform: rotate(9deg);
}

@media (max-width: 639px) {
  .aquion-question,
  .aquion-question .el-content {
	font-size: clamp(260px, 88vw, 430px) !important;
  }

  .aquion-stage {
	min-height: 100dvh;
	padding: clamp(32px, 5vh, 52px) 18px;
  }

  .aquion-section {
	min-height: 100dvh;
  }
}