.indent-1 {
    margin-inline-start: 40px;
}

.indent-2 {
    margin-inline-start: 80px;
}

.indent-3 {
    margin-inline-start: 120px;
}
.indent-4 {
    margin-inline-start: 170px;
}

.indent-5 {
  margin-inline-start: 200px;
}
.text-red {
     color: #800000;
}

.text-start {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-end {
    text-align: right;
}
.mainmidtext p.text-end {
    text-align: right;
}

.text-justify {
    text-align: justify;
}

.image-before {
    position: relative;
    display: inline-block;
    padding-left: 1.5rem;
}

.image-before::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0em;
    width: 1.25rem;
    height: 1.25rem;
    background-image: url("/typo3conf/ext/reha_verein_site_package/Resources/Public/Images/RTEmagicC_item_quadrat_kl.gif");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.image-before-gr {
  display: inline-flex;
  align-items: baseline;
  gap: 15px;
}

.image-before-gr::before {
  content: "";
  display: inline-block;
  flex: 0 0 82px;
  width: 82px;
  height: 70px;
  background-image: url("/typo3conf/ext/reha_verein_site_package/Resources/Public/Images/item_quadrat_gr.gif");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 82px 70px;
}



.content-columns {
    display: grid;
    gap: 10px;
    align-items: start;
    float:left;
}
.content-columns .content-columns {
    display: grid;
    gap: 5px;
    align-items: start;
    float:left;
}

.content-columns--2.content-columns--equal {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    width: 100%;
}

.content-columns--2.content-columns--one-third-two-thirds {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}

.content-columns--2.content-columns--two-thirds-one-third {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    width: 100%;
}

.content-columns--2.content-columns--one-quarter-three-quarters {
    grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
}
/* 60 / 40 */
.content-columns--2.content-columns--sixty-forty {
  grid-template-columns:
    minmax(0, 3fr)
    minmax(0, 2fr);
    width:100%
}

/* 80 / 20 */
.content-columns--2.content-columns--eighty-twenty {
  grid-template-columns:
    minmax(0, 4fr)
    minmax(0, 1fr);
    width:100%
}

/*angepasst, hatte nicht 100%*/
.content-columns--2.content-columns--three-quarters-one-quarter {
    grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
    width: 100%;
}
.content-columns--3 {
    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr)
        minmax(0, 1fr);
    /* width: 100%; */
}

/* 33 / 33 / 33 */
.content-columns--3.content-columns--equal {
    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr)
        minmax(0, 1fr);
}
/* 30 / 40 / 30 */
.content-columns--3.content-columns--thirty-forty-thirty {
    grid-template-columns:
        minmax(0, 3fr)
        minmax(0, 4fr)
        minmax(0, 3fr);
}
/* 20 / 50 / 30 */
.content-columns--3.content-columns--twenty-fifty-thirty {
  grid-template-columns:
    minmax(0, 2fr)
    minmax(0, 5fr)
    minmax(0, 3fr);
}

/* 25 / 50 / 25 */
.content-columns--3.content-columns--quarter-half-quarter {
    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 2fr)
        minmax(0, 1fr);
}

/* 25 / 25 / 50 */
.content-columns--3.content-columns--quarter-quarter-half {
    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr)
        minmax(0, 2fr);
}

/* 50 / 25 / 25 */
.content-columns--3.content-columns--half-quarter-quarter {
    grid-template-columns:
        minmax(0, 2fr)
        minmax(0, 1fr)
        minmax(0, 1fr);
}

/* ungefähr 20 / 40 / 40 */
.content-columns--3.content-columns--narrow-left {
    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 2fr)
        minmax(0, 2fr);
}

/* ungefähr 40 / 40 / 20 */
.content-columns--3.content-columns--narrow-right {
    grid-template-columns:
        minmax(0, 2fr)
        minmax(0, 2fr)
        minmax(0, 1fr);
}
/* 25 / 25 / 25 / 25 */
.content-columns--4.content-columns--equal {
    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr)
        minmax(0, 1fr)
        minmax(0, 1fr);
}

/* 20 / 30 / 30 / 20 */
.content-columns--4.content-columns--twenty-thirty-thirty-twenty {
    grid-template-columns:
        minmax(0, 2fr)
        minmax(0, 3fr)
        minmax(0, 3fr)
        minmax(0, 2fr);
}

/* 20 / 20 / 30 / 30 */
.content-columns--4.content-columns--twenty-twenty-thirty-thirty {
    grid-template-columns:
        minmax(0, 2fr)
        minmax(0, 2fr)
        minmax(0, 3fr)
        minmax(0, 3fr);
}

/* 30 / 30 / 20 / 20 */
.content-columns--4.content-columns--thirty-thirty-twenty-twenty {
    grid-template-columns:
        minmax(0, 3fr)
        minmax(0, 3fr)
        minmax(0, 2fr)
        minmax(0, 2fr);
}

/* 15 / 35 / 35 / 15 */
.content-columns--4.content-columns--fifteen-thirtyfive-thirtyfive-fifteen {
    grid-template-columns:
        minmax(0, 15fr)
        minmax(0, 35fr)
        minmax(0, 35fr)
        minmax(0, 15fr);
}

/* 40 / 20 / 20 / 20 */
.content-columns--4.content-columns--forty-twenty-twenty-twenty {
    grid-template-columns:
        minmax(0, 4fr)
        minmax(0, 2fr)
        minmax(0, 2fr)
        minmax(0, 2fr);
}

/* 20 / 20 / 20 / 40 */
.content-columns--4.content-columns--twenty-twenty-twenty-forty {
    grid-template-columns:
        minmax(0, 2fr)
        minmax(0, 2fr)
        minmax(0, 2fr)
        minmax(0, 4fr);
}
.content-columns--4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 700px) {
    .content-columns--2 {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}
@media (max-width: 900px) {
    .content-columns--3 {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}
@media (max-width: 1000px) {
    .content-columns--4 {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr) !important;
    }
}

@media (max-width: 650px) {
    .content-columns--4 {
        grid-template-columns:
            minmax(0, 1fr) !important;
    }
}