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

/* Headings Basis */
h1, h2, h3, h4, h5, h6, .has-x-large-font-size, .has-large-font-size, .has-medium-font-size, .has-small-font-size{
  line-height: 1.2;
  display: block;
  margin-bottom: 1rem;
  font-family:var(--font-primary);
  color: var(--color-white);
  font-weight:400;
}

/* Heading Sizes */
h1 { font-size: 3rem;margin-bottom: 2rem;}
h2{ font-size: 2.5rem;margin-bottom:2rem;}
h3{position:relative;font-size: 2rem; font-weight: 600;margin-bottom:1.5rem;padding-left:2rem;}
h3::after{position:absolute;content:"";top:0.6rem;left:0;width:1rem;height:1rem;background:var(--color-primary);}
h4 {position:relative;font-size: 1.3rem;padding-bottom:1rem;margin-bottom:3rem;font-weight: 600;}
h4::after{position:absolute;content:"";top:-1.5rem;left:0;width:2rem;height:0.2rem;background:var(--color-primary);}
h5{ font-size: 1.2rem; font-weight: 600;}
h6 { font-size: 1.2rem;color:var(--color-primary);}

.has-x-large-font-size{font-size: 3rem!important;}
.has-large-font-size{font-size: 2.5rem!important;}
.has-medium-font-size{position:relative;font-size: 2rem!important;font-weight: 600;margin-bottom:1.5rem;padding-left:2rem;}
.has-medium-font-size::after{position:absolute;content:"";top:0.6rem;left:0;width:1rem;height:1rem;background:var(--color-primary);}
.has-small-font-size {font-size: 1.2rem!important;}


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

.has-x-large-font-size{font-size: 2rem!important;}
.has-large-font-size{ font-size: 1.8rem!important; }
.has-medium-font-size{ font-size: 1.5em!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-text);
}

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

b, strong {
  font-weight: 600;
}

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