/* ===================================
   Typography: Headings & Text
   =================================== */

/* Headings Basis */
h1, h2, h3, h4, h5, h6 {
  line-height: 1.2;
  font-weight: 600;
  display: block;
  width: 100%;
  margin-bottom: 1rem;
  font-family:var(--font-secondary);
}

/* Heading Sizes */
h1 { font-size: 4.5rem; color: var(--color-primary); }
h2 { font-size: 3rem; }
h3 { font-size: 2.4rem!important; font-weight: 600; color: var(--color-primary); }
h4 { font-size: 1.8rem; font-weight: 600; }
h5 { font-size: 1.6rem!important; font-weight: 600;color: var(--color-primary);}
h6 { font-size: 1.2rem; font-weight: 300; }


.has-x-large-font-size{font-size: 4.5rem!important;}
.has-large-font-size{font-size: 3rem!important;}
.has-medium-font-size{ font-size: 2.4rem!important;}
.has-small-font-size {font-size: 1.6rem!important;}


/* Mobile Anpassung */
@media (max-width: 767.98px) {
  h1 { font-size: 3rem; }
  h2 { font-size: 2rem; }
  h3 { font-size: 1.8rem; }
  h5 { font-size: 1.3rem!important; }

.has-x-large-font-size{font-size: 3rem!important;}
.has-large-font-size{ font-size: 2rem!important; }
.has-medium-font-size{ font-size: 1.8rem!important;}
.has-small-font-size {font-size: 1.3rem!important; }
}



a {
  color: var(--color-primary);
  position: relative;
  z-index: 10;
  text-decoration: none;
}
a:hover {
  color: var(--color-secondary);
}

p {
  margin-bottom: 1.5rem;
  line-height: 1.6;
}

b, strong {
  font-weight: 700;
}

i, em {
  font-style: italic;
}

p {
  margin-bottom: 1.5rem;
  line-height: 1.6;
}

hr {
  margin: 2rem 0;
}

ul.no-points {
  list-style: none;
  padding-left: 0;
}

.color-text{color:var(--color-text);}
.red{color:var(--color-primary);}

.underline-link {
  text-decoration: underline;
  text-underline-offset: 0.2em; /* optional für schöneres Aussehen */
}