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

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

/* Heading Sizes */
h1 { font-size: 4.5rem;font-weight:700;margin-bottom: 2rem;}
h2 { font-size: 3rem;margin-bottom: 2rem;}
h3, .has-medium-font-size{ font-size: 2.4rem!important; font-weight: 600;margin-bottom: 2rem;}
h4 {position:relative;font-size: 1.8rem;padding-bottom:3rem;margin-bottom:3rem;}
h4::after{position:absolute;content:"";bottom:0;left:0;width:5rem;height:0.2rem;background:var(--color-primary);border-radius:0.2rem;}
h5, .has-small-font-size { font-size: 1.6rem!important; font-weight: 600;}
h6 { font-size: 1.2rem;color:var(--color-primary);font-weight: 600;}

/* 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; }
}


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

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{
  margin-bottom:2rem;
}

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

ul li {
  margin-bottom: 0.3rem;
}


ul li::marker {
  color: var(--color-primary);
  font-size: 1.2em;
}


/* =================================== Project Individuals =================================== */

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

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

.underline-heading{display:block;width:5rem;background:var(--color-primary);border-radius:0.2rem;margin-bottom:4rem;height:0.2rem;margin-left:3rem;}

.indent-left{padding-left:2rem;}
@media(max-width: 1200px){.indent-left{padding-left:0rem;}}

.blue{color:var(--color-primary)!important;}