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

/* Heading Sizes */
h1{ font-size: 4rem;font-weight:700;margin-bottom: 2rem;}
h2 { font-size: 3rem;font-weight:700;margin-bottom: 2rem;}
h3{ font-size: 2.4rem;font-weight: 600;margin-bottom: 2rem;}
h4 {position:relative;font-size: 1.8rem;}
h5{position:relative;font-size: 1.6rem!important; font-weight: 700;color:#fff;padding-bottom:1.5rem;margin-bottom:1.5rem;}
h5::after{content:"";display:block;position:absolute;bottom:0;left:0;width:3rem;height:0.2rem;background:var(--color-primary);}
h6 { font-size: 1.2rem;color:var(--color-primary);font-weight: 600;}

.has-x-large-font-size{font-size: 4rem!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: 2.5rem; }
  h2 { font-size: 2rem; }
  h3 { font-size: 1.8rem; }
  h4 {font-size: 1.5rem;}
  h5 { font-size: 1.3rem}

.has-x-large-font-size{font-size: 2.5rem!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-text);
}

#content a{color: var(--color-secondary);text-decoration:underline;}
#content a:hover{color: var(--color-secondary-alt);}

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

.mustard{color:var(--color-primary)!important;}
.white{color:#fff;}