:root {
    --textel-fs-h1: 4rem;
    --textel-fs-h2: 2.5rem;
    --textel-fs-h3: 1.9rem;
    --textel-padding: 2rem 0;
    --margin-default: 2rem;
}
.textelement {
    display: flex;
    flex-direction: column;
    padding: var(--textel-padding);
}

.textelement.text-left {
    text-align: left;
}
.textelement.text-center {
    text-align: center;
    margin: 0 auto;
}
.textelement.text-right {
    text-align: right;
}
.textelement__headline h1 {
    font-size: var(--textel-fs-h1);
    margin-bottom: var(--margin-default);
    line-height: 1.1;
}
.textelement__headline h2 {
    font-size: var(--textel-fs-h2);
    line-height: 1.1;
}
.textelement__headline h3 {
    font-size: var(--textel-fs-h3);
    line-height: 1.1;
}

.subline {
    margin-top: 1rem;
}

@media(min-width: 2200px) {
    /* #subpage-content .textelement, #subpage-gal .textelement {
        width: calc(100% - 20%) !important;
    } */
}


@media(min-width: 768px) and (max-width: 1024px) {
    .textelement.text-center { width: 85% !important;}
}

@media(max-width: 591px) {

  .textelement__headline h1 {line-height: 1;}
  .textelement__headline h2 {
    font-size: 1.8rem;
  }

  .textelement.text-center, .textelement.text-left {
    width: 100% !important;
  }
  .textelement__body p {
    font-size: 1.1rem !important;
  }
}