:root {
    --table--border--width: 2.5px;
}

.hidden {
    display: none;
}

.page--header {
    margin-left: 10px;
}

.page--manchet {
    font-style: italic;
}

.sidebar--image {
    width: 100%;
    aspect-ratio: 1/0.64;
    overflow: hidden;
    border: 1px solid var(--color-theme);
}

.sidebar--image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.author--image {
    width: 100%;
    aspect-ratio: 1/1;
    overflow: hidden;
    border: 1px solid var(--color-theme);
    border-radius: 100%;
}

.author--image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Strapi code (pre block) */
.strapi--code {
    width: 100%;
    max-width: 700px;
    overflow-x: auto;
    box-sizing: border-box;
    white-space: pre;
    background: #eee;
    font-size: 10pt;
    margin: auto;
}

.strapihtml ol {
    padding-left: 30px;
    margin: 10px 0px;
}

/* This is the "h6"-element as a div with centered text */
.strapi-caption {
    text-align: center;
    font-style: italic;
    color: #999;
    font-size: 12pt;
}

.content-column {
    /* Just for designing */
    border: 0px solid #000;
}

/*.smart-ol {
    list-style-type: decimal;
}
.smart-ol ol {
    list-style-type: lower-alpha;
}
.smart-ol ol ol {
    list-style-type: lower-roman;
}
.smart-ol ol ol ol {
    list-style-type: upper-alpha;
}
.smart-ol ol ol ol ol {
    list-style-type: upper-roman;
}*/

.strapihtml ul {
    padding-left: 30px;
    margin: 10px 0px;
}

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

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

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

/* Strapi Colours */
/* Meta categories for 'current format' */
.formatcolor--transparent {
    background: rgba(255, 255, 255, 0);
}

.formatcolor--light {
    background: var(
        --color-theme-light
    ); /* This is specified in praksis_case_ramme */
}

.formatcolor--partial {
    background: var(
        --color-theme-partial
    ); /* This is specified in praksis_case_ramme */
}

.formatcolor--solid {
    background: var(--color-theme);
}

.formatcolor--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid var(--color-theme);
    border-top: var(--table--border--width) solid var(--color-theme);
}

/* Transparent */
.white--transparent {
    background: rgba(255, 255, 255, 0);
    color: black;
}
.blue--transparent {
    background: rgba(0, 61, 115, 0);
    color: black;
}
.bluedark--transparent {
    background: rgba(0, 37, 70, 0);
    color: black;
}
.purple--transparent {
    background: rgba(101, 90, 159, 0);
    color: black;
}
.purpledark--transparent {
    background: rgba(40, 28, 65, 0);
    color: black;
}
.cyan--transparent {
    background: rgba(55, 160, 203, 0);
    color: black;
}
.cyandark--transparent {
    background: rgba(0, 62, 92, 0);
    color: black;
}
.turquoise--transparent {
    background: rgba(0, 171, 164, 0);
    color: black;
}
.turquoisedark--transparent {
    background: rgba(0, 69, 67, 0);
    color: black;
}
.green--transparent {
    background: rgba(139, 173, 63, 0);
    color: black;
}
.greendark--transparent {
    background: rgba(66, 88, 33, 0);
    color: black;
}
.yellow--transparent {
    background: rgba(250, 187, 0, 0);
    color: black;
}
.yellowdark--transparent {
    background: rgba(99, 75, 3, 0);
    color: black;
}
.orange--transparent {
    background: rgba(238, 127, 0, 0);
    color: black;
}
.orangedark--transparent {
    background: rgba(95, 52, 8, 0);
    color: black;
}
.red--transparent {
    background: rgba(226, 0, 26, 0);
    color: black;
}
.reddark--transparent {
    background: rgba(91, 12, 12, 0);
    color: black;
}
.magenta--transparent {
    background: rgba(226, 0, 122, 0);
    color: black;
}
.magentadark--transparent {
    background: rgba(95, 0, 48, 0);
    color: black;
}
.gray--transparent {
    background: rgba(135, 135, 135, 0);
    color: black;
}
.graydark--transparent {
    background: rgba(75, 75, 74, 0);
    color: black;
}

/* LIGHT */
.white--light {
    background: rgba(255, 255, 255, 0.1);
    color: black;
}
.blue--light {
    background: rgba(0, 61, 115, 0.1);
    color: black;
}
.bluedark--light {
    background: rgba(0, 37, 70, 0.1);
    color: black;
}
.purple--light {
    background: rgba(101, 90, 159, 0.1);
    color: black;
}
.purpledark--light {
    background: rgba(40, 28, 65, 0.1);
    color: black;
}
.cyan--light {
    background: rgba(55, 160, 203, 0.1);
    color: black;
}
.cyandark--light {
    background: rgba(0, 62, 92, 0.1);
    color: black;
}
.turquoise--light {
    background: rgba(0, 171, 164, 0.1);
    color: black;
}
.turquoisedark--light {
    background: rgba(0, 69, 67, 0.1);
    color: black;
}
.green--light {
    background: rgba(139, 173, 63, 0.1);
    color: black;
}
.greendark--light {
    background: rgba(66, 88, 33, 0.1);
    color: black;
}
.yellow--light {
    background: rgba(250, 187, 0, 0.1);
    color: black;
}
.yellowdark--light {
    background: rgba(99, 75, 3, 0.1);
    color: black;
}
.orange--light {
    background: rgba(238, 127, 0, 0.1);
    color: black;
}
.orangedark--light {
    background: rgba(95, 52, 8, 0.1);
    color: black;
}
.red--light {
    background: rgba(226, 0, 26, 0.1);
    color: black;
}
.reddark--light {
    background: rgba(91, 12, 12, 0.1);
    color: black;
}
.magenta--light {
    background: rgba(226, 0, 122, 0.1);
    color: black;
}
.magentadark--light {
    background: rgba(95, 0, 48, 0.1);
    color: black;
}
.gray--light {
    background: rgba(135, 135, 135, 0.1);
    color: black;
}
.graydark--light {
    background: rgba(75, 75, 74, 0.1);
    color: black;
}

/* PARTIAL */
.white--partial {
    background: rgba(255, 255, 255, 0.4);
    color: black;
}
.blue--partial {
    background: rgba(0, 61, 115, 0.4);
    color: black;
}
.bluedark--partial {
    background: rgba(0, 37, 70, 0.4);
    color: black;
}
.purple--partial {
    background: rgba(101, 90, 159, 0.4);
    color: black;
}
.purpledark--partial {
    background: rgba(40, 28, 65, 0.4);
    color: black;
}
.cyan--partial {
    background: rgba(55, 160, 203, 0.4);
    color: black;
}
.cyandark--partial {
    background: rgba(0, 62, 92, 0.4);
    color: black;
}
.turquoise--partial {
    background: rgba(0, 171, 164, 0.4);
    color: black;
}
.turquoisedark--partial {
    background: rgba(0, 69, 67, 0.4);
    color: black;
}
.green--partial {
    background: rgba(139, 173, 63, 0.4);
    color: black;
}
.greendark--partial {
    background: rgba(66, 88, 33, 0.4);
    color: black;
}
.yellow--partial {
    background: rgba(250, 187, 0, 0.4);
    color: black;
}
.yellowdark--partial {
    background: rgba(99, 75, 3, 0.4);
    color: black;
}
.orange--partial {
    background: rgba(238, 127, 0, 0.4);
    color: black;
}
.orangedark--partial {
    background: rgba(95, 52, 8, 0.4);
    color: black;
}
.red--partial {
    background: rgba(226, 0, 26, 0.4);
    color: black;
}
.reddark--partial {
    background: rgba(91, 12, 12, 0.4);
    color: black;
}
.magenta--partial {
    background: rgba(226, 0, 122, 0.4);
    color: black;
}
.magentadark--partial {
    background: rgba(95, 0, 48, 0.4);
    color: black;
}
.gray--partial {
    background: rgba(135, 135, 135, 0.4);
    color: black;
}
.graydark--partial {
    background: rgba(75, 75, 74, 0.4);
    color: black;
}

/* SOLID */
.white--solid {
    background: rgba(255, 255, 255, 1);
    color: black;
}
.blue--solid {
    background: rgba(0, 61, 115, 1);
    color: white;
}
.bluedark--solid {
    background: rgba(0, 37, 70, 1);
    color: white;
}
.purple--solid {
    background: rgba(101, 90, 159, 1);
    color: white;
}
.purpledark--solid {
    background: rgba(40, 28, 65, 1);
    color: white;
}
.cyan--solid {
    background: rgba(55, 160, 203, 1);
    color: white;
}
.cyandark--solid {
    background: rgba(0, 62, 92, 1);
    color: white;
}
.turquoise--solid {
    background: rgba(0, 171, 164, 1);
    color: white;
}
.turquoisedark--solid {
    background: rgba(0, 69, 67, 1);
    color: white;
}
.green--solid {
    background: rgba(139, 173, 63, 1);
    color: white;
}
.greendark--solid {
    background: rgba(66, 88, 33, 1);
    color: white;
}
.yellow--solid {
    background: rgba(250, 187, 0, 1);
    color: white;
}
.yellowdark--solid {
    background: rgba(99, 75, 3, 1);
    color: white;
}
.orange--solid {
    background: rgba(238, 127, 0, 1);
    color: white;
}
.orangedark--solid {
    background: rgba(95, 52, 8, 1);
    color: white;
}
.red--solid {
    background: rgba(226, 0, 26, 1);
    color: white;
}
.reddark--solid {
    background: rgba(91, 12, 12, 1);
    color: white;
}
.magenta--solid {
    background: rgba(226, 0, 122, 1);
    color: white;
}
.magentadark--solid {
    background: rgba(95, 0, 48, 1);
    color: white;
}
.gray--solid {
    background: rgba(135, 135, 135, 1);
    color: white;
}
.graydark--solid {
    background: rgba(75, 75, 74, 1);
    color: white;
}

/* Color for table border-bottoms */
.white--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid rgba(255, 255, 255, 1);
    border-top: var(--table--border--width) solid rgba(255, 255, 255, 1);
}
.blue--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid rgba(0, 61, 115, 1);
    border-top: var(--table--border--width) solid rgba(0, 61, 115, 1);
}
.bluedark--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid rgba(0, 37, 70, 1);
    border-top: var(--table--border--width) solid rgba(0, 37, 70, 1);
}
.purple--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid rgba(101, 90, 159, 1);
    border-top: var(--table--border--width) solid rgba(101, 90, 159, 1);
}
.purpledark--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid rgba(40, 28, 65, 1);
    border-top: var(--table--border--width) solid rgba(40, 28, 65, 1);
}
.cyan--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid rgba(55, 160, 203, 1);
    border-top: var(--table--border--width) solid rgba(55, 160, 203, 1);
}
.cyandark--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid rgba(0, 62, 92, 1);
    border-top: var(--table--border--width) solid rgba(0, 62, 92, 1);
}
.turquoise--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid rgba(0, 171, 164, 1);
    border-top: var(--table--border--width) solid rgba(0, 171, 164, 1);
}
.turquoisedark--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid rgba(0, 69, 67, 1);
    border-top: var(--table--border--width) solid rgba(0, 69, 67, 1);
}
.green--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid rgba(139, 173, 63, 1);
    border-top: var(--table--border--width) solid rgba(139, 173, 63, 1);
}
.greendark--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid rgba(66, 88, 33, 1);
    border-top: var(--table--border--width) solid rgba(66, 88, 33, 1);
}
.yellow--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid rgba(250, 187, 0, 1);
    border-top: var(--table--border--width) solid rgba(250, 187, 0, 1);
}
.yellowdark--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid rgba(99, 75, 3, 1);
    border-top: var(--table--border--width) solid rgba(99, 75, 3, 1);
}
.orange--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid rgba(238, 127, 0, 1);
    border-top: var(--table--border--width) solid rgba(238, 127, 0, 1);
}
.orangedark--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid rgba(95, 52, 8, 1);
    border-top: var(--table--border--width) solid rgba(95, 52, 8, 1);
}
.red--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid rgba(226, 0, 26, 1);
    border-top: var(--table--border--width) solid rgba(226, 0, 26, 1);
}
.reddark--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid rgba(91, 12, 12, 1);
    border-top: var(--table--border--width) solid rgba(91, 12, 12, 1);
}
.magenta--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid rgba(226, 0, 122, 1);
    border-top: var(--table--border--width) solid rgba(226, 0, 122, 1);
}
.magentadark--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid rgba(95, 0, 48, 1);
    border-top: var(--table--border--width) solid rgba(95, 0, 48, 1);
}
.gray--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid rgba(135, 135, 135, 1);
    border-top: var(--table--border--width) solid rgba(135, 135, 135, 1);
}
.graydark--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid rgba(75, 75, 74, 1);
    border-top: var(--table--border--width) solid rgba(75, 75, 74, 1);
}

/* STRAPI RESSOURCE LIST */
.ressourcelist--wrap {
    padding: 0px 10px;
}

/* STRAPI CONSIDER BOX */
.considerbox--wrap {
    background: var(--color-theme-partial);
    padding: 10px;
}

.considerbox--wrap > h2 {
    margin: 0;
}

/* STRAPI FURTHER READING BOX */
.furtherreadingbox--wrap {
    background: var(--color-theme-partial);
    padding: 10px;
}

.furtherreadingbox--wrap > h2 {
    margin: 0;
}

.furtherreadingbox--wrap > h3 {
    margin: 0;
}

/* STRAPI RICH TEXT */
.richtext--wrap {
    padding: 0px 10px;
}

/* CARD GRID */
.cardgrid {
    width: 100%;
    padding: 10px;
}

.cardgrid--tworows {
    /* This is columns though! */
    width: var(--itemgrid-width-twocols);
    aspect-ratio: 1 / var(--card-total-ratio);
}

.cardgrid--threerows {
    /* This is columns though! */
    width: var(--itemgrid-width-threecols);
    aspect-ratio: 1 / var(--card-total-ratio);
}

.cardgrid--fourrows {
    /* This is columns though! */
    width: var(--itemgrid-width-fourcols);
    aspect-ratio: 1 / var(--card-total-ratio);
}

/* Button Grids */
.buttongrid {
    width: 100%;
    padding: 10px;
}

.buttongrid--grid {
    /* This will also align with '.grid-wrap' */
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    row-gap: 1rem;
    column-gap: 1%;
    flex-wrap: wrap;
    margin: auto;
}

.button--fourrows {
    /* This is columns though! */
    width: var(--itemgrid-width-fourcols);
}

.button--threerows {
    /* This is columns though! */
    width: var(--itemgrid-width-threecols);
}

.button--tworows {
    /* This is columns though! */
    width: var(--itemgrid-width-twocols);
}

.strapi--button {
    /* This extends AU button */
    cursor: pointer;
    width: 100% !important;
    padding: 10px 20px;
    /*display: flex;*/
    align-items: center;
}

.button--icon::before {
    /* This overwrites Delphinus directly to valign icons in buttons */
    align-self: center;
}

/* SIMPLE ROW: Text layout */
.simplerow--text {
    margin: 5px;
}

/* SIMPLE ROW: Table layout */
.simplerow--table {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.simplerow--left {
    width: 20%;
    background: #3ca29e80;
    margin: 5px;
    padding: 5px;
}

.simplerow--right {
    margin: 5px;
    padding: 5px;
    width: 80%;
    background: white;
}

/* CONTENTBOX */
.contentbox {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 10px;
}

.contentbox--content {
    display: flex;
    flex-direction: column; /* Normal content */
    width: 50%;
    padding: 10px;
}

/* CONTENT LIST */
.contentlist {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 10px;
}

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

.contentlist--title > h3 {
    margin: var(--spacing-m2) 0;
}

.contentlist--row {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: stretch;
}

.contentlist--icon {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    width: 18%;
    padding: 1%;
}

.contentlist--main {
    display: flex;
    flex-direction: column;
    padding: 5px;
    padding: 1%;
    flex-grow: 1;
    width: 78%;
}

.contentlist--main > h1 {
    margin: 0;
}

.contentlist--main > h2 {
    margin: 0;
}

.contentlist--main > h3 {
    margin: 0;
}

.contentlist--main > h4 {
    margin: 0;
}

.contentlist--main > h5 {
    margin: 0;
}

.contentlist--main > p {
    margin: 0px;
}

/* CARD LIST ROW: CardList layout */
.cardlist {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 10px;
}

.cardlist--row {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: stretch;
    justify-content: space-between;
}

.cardlist--row-reverse {
    flex-direction: row-reverse;
}

.cardlist--text {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    padding: 0px;
}

.cardlist--text > h1 {
    margin: 0;
}

.cardlist--text > h2 {
    margin: 0;
}

.cardlist--text > h3 {
    margin: 0;
}

.cardlist--text > h4 {
    margin: 0;
}

.cardlist--text > h5 {
    margin: 0;
}

.cardlist--text > p {
    margin: 0px;
}

.cardlist--card {
    /*display: flex;*/
    padding: 0px;
}

/* Table */
.strapi--table {
    width: 100%;
    padding: 10px;
}

.strapi--tablerow {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.strapi--tablecolumn {
    padding: 10px;
    flex-grow: 1;
}

/* Image */
.image--wrap-left {
    width: 100%;
    padding: 10px;
    display: flex;
    flex-direction: column;
}

.image--wrap-center {
    width: 100%;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.image--title {
    width: 100%;
}

.image--content-center {
    width: 70%;
}

.image--content-smallleft {
    width: 50%;
}

.image--content-small {
    width: 25%;
}

.image--content-medium {
    width: 50%;
}

.image--content-large {
    width: 75%;
}

.image--content-full {
    width: 100%;
}

.image--field {
    width: 100%;
}

.image--caption {
    width: 100%;
    text-align: center;
    /*font-size: 10pt;
    /*line-height: normal;*/
}

.image--caption p {
    font-size: 12pt;
    line-height: normal;
    margin-top: 0px;
    font-style: italic;
}

/* Iframe */
.iframe--wrap {
    width: 100%;
    padding: 10px;
    display: flex;
    flex-direction: column;
}

.iframe--wrap-center {
    width: 100%;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.iframe--content {
    width: 100%;
    display: flex;
    flex-direction: row;
    column-gap: 2rem;
}

.iframe--content-reverse {
    flex-direction: row-reverse;
}

.iframe--title {
    width: 100%;
}

.iframe--frame-full {
    width: 100%;
}

.iframe--frame-medium {
    width: 70%;
    margin: auto;
}

.iframe--frame-small {
    width: 50%;
}

.iframe--text {
    width: 50%;
}

.iframe--field {
    width: 100%;
}

.iframe--caption {
    width: 100%;
    text-align: center;
}

.iframe--caption p {
    font-size: 12pt;
    line-height: normal;
    margin-top: 10px;
    font-style: italic;
}

/* STEP */
.step--list {
    width: 100%;
    padding: 0px 10px;
}

.step {
    /*display: flex;
    flex-direction: row;*/
    margin-bottom: 0px;
    /*margin-top: calc(-5px);*/
    margin-top: 1rem;
    width: 100%;

    display: inline-grid;
    grid-template-columns: calc(min(15vw, 120px)) auto;
}

.step--right {
    /*width: 74vw;*/
    margin-left: 0;
    margin-top: -8px; /* THIS IS HACKY */
    /*margin-top: calc(4px + 0.8vw);*/

    margin-right: 1vw;
    /*display: table-cell;
    /*flex-grow: 1;*/
}

/* This was previously .step--left */
.step--icon-wrap {
    width: 98px;
    box-sizing: border-box;
    margin-left: 0;
}

.step--circle > div {
    text-align: center;
}

.step--circle-container {
    width: 100%;
    max-width: 80px;
    min-width: 30px;
    margin-left: 20px;
}

.step--circle {
    width: 100%;
    padding-top: 100%; /* This maintains the 1:1 aspect ratio */
    position: relative;
    border-radius: 50%;
    border: 0px solid #000;
    background-color: var(--color-theme);
    box-sizing: border-box;
    height: 100%;
}

.step--circle-ctn {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    justify-content: center;
    align-items: center;
}

.step--circle-top {
    height: 50%;
    margin-top: 5%;
}

.step--circle-top > img {
    height: 100%;
}

.step--circle-bottom {
    /*height: 5%;*/
    margin-bottom: 20%;
    margin-left: 0px;
    text-align: center;
    font-size: calc(8px + 0.5vw);
}

/* Collapsible */
.au-collapsible {
    width: 100%;
    /*position: relative;
    margin-bottom: 11px;*/
    /*border-top: 2px solid var(--praksis-color);
    border-bottom: 2px solid var(--praksis-color);*/
    /*margin-top: -2px;*/
    margin-top: 15px;
    padding: 11px;
    display: flex;
    flex-direction: column;
    /*background: #3ca29e33; /* rgba(60, 162, 158, 0.2 ); */
}

.csc-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    cursor: pointer;
}
.csc-heading {
    font-size: 22px;
    width: 95%;
    cursor: pointer;
}
.csc-heading > h3 {
    margin: 0;
}
.au-collapse-toggle {
    width: 3%;
    font-family: "au_icons";
    font-size: 32px;
    right: 3.3px;
    /*line-height: 48px;
    margin-top: 1.65px;*/
}