/* Gemeinsame Basis-Stilklasse */
.heading-style {
  text-align: center;
  color: white;
  padding: 3rem 2rem;
  margin: 2rem auto 1rem auto;
  border-radius: 2rem;
  letter-spacing: 0.12em;
  text-shadow: 4px 4px 14px rgba(0, 0, 0, 0.7);
  box-shadow: 4px 4px 18px rgba(0, 0, 0, 0.35),
              -4px -4px 14px rgba(255, 255, 255, 0.3);
  transform: translateY(-8px);
  text-transform: uppercase;
  cursor: default;
  z-index: var(--z-index-heading);
  max-width: 85vw;
  white-space: normal;
  line-height: 1.3;
}

/* main-heading bleibt wie angegeben */
.main-heading {
  font-size: clamp(2rem, 4vh, 3rem);
  font-weight: 900;
  background: var(--petrol-color); /* linear-gradient(145deg, #03393d, #3a7b87);*/
}

/* Stufenweise Anpassung */
.sub-heading {
  font-size: clamp(2.5rem, 5.5vh, 5rem);
  font-weight: 700;
  background: linear-gradient(145deg, #1c4d56, #5c9ea8);
}

.sub-sub-heading {
  font-size: clamp(2.1rem, 5vh, 4rem);
  font-weight: 600;
  background: linear-gradient(145deg, #2b5f6d, #7fb6be);
}

.content-text {
  font-size: clamp(1.8rem, 4.5vh, 3.5rem);
  font-weight: 600;
  background: linear-gradient(145deg, #3c7480, #a0d0d7);
}


/* main-heading bleibt wie angegeben */
.main-description {
  text-align: center;
  padding: 3rem 2rem;
  margin: 2rem auto 1rem auto;
  border-radius: 2rem;
  letter-spacing: 0.12em;

  font-size: clamp(1.2rem, 2.7vh, 2.2rem);
  font-weight: 900;
  color: var(--petrol-color); /* linear-gradient(145deg, #03393d, #3a7b87);*/
  text-transform: uppercase;

}







/* Stil für handschriftlichen Begrüßungstitel */
.handschrift {
    font-family: var(--font-family-2);
    font-size: clamp(2rem, 6vw, 8rem); /* Min: 2rem, Max: 8rem */
    color: white;
    white-space: nowrap;
    display: inline-block;
    letter-spacing: 0.1em;
    text-shadow:
        4px 4px 0 #555,
        8px 8px 0 #333,
        12px 12px 20px rgba(0, 0, 0, 0.6);
    filter: drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.5));
    transform: perspective(10000px) rotateX(1deg);
    transition: all 0.3s ease-in-out;
}