/* ===================================
   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-primary);
  font-weight:400;
}

/* Heading Sizes */
h1 {position:relative;display:inline-block;font-size: 4rem;padding-bottom:2rem;margin-bottom: 2rem;font-weight:600;color:#fff;background:var(--color-primary);padding: 2rem 4rem 2rem 4rem;}
h1::after{position:absolute;content:"";top:-1rem;left:4rem;width:4rem;height:4rem;background:var(--color-primary);transform: rotate(45deg);z-index:-1;}
h2 { font-size: 3rem;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;padding:2rem;}
  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;
}
a:hover {
  color: var(--color-primary-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-primary);
  font-size: 1.2em;
}


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