:root {
    /* Colors: */
    --wh-red: #E2001A;
    --unnamed-color-ffffff: #FFFFFF;
    --unnamed-color-000000: #000000;

    --wh-grau-8: #433F40;
    --wh-grau-7: #676666;

    --wh-grau-2: #D8D8D8;
    --wh-grau-3: #EFEFEF;

    --duf-gelb: #ffdd00;
    --duf-hellgrau: #ededed;
    --duf-dunkelgrau: #7c7c7b;
    --backtotopcolor: var(--wh-red);
}

.doa-design-tc {
    --backtotopcolor: var(--duf-gelb);
}

img {
    max-width: unset;
}

body {
    font-family:PT Sans,sans-serif;
}

p {
    line-height: 1.4em;
}

hr {
    color: var(--wh-grau-2);
}

.doa-design-tc hr {
    color: var(--duf-gelb);
}


.mainheader {
    width: 100%;
    background-color: var(--wh-grau-3);
    /*height: 9em;*/
}

.doa-design-tc .mainheader {
    background-color: white;
}

.mainnav {
    max-width: 120rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 4rem;
    padding-right: 4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mainnav__menu {
    font-size: 1.375em;
    list-style: none;
    padding: 3.4em 2em 1.65em 2em;
    font-weight: bold;
    line-height: 1.35em;
    margin: 0;
    flex-grow: 1;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    display: flex;
    justify-content: space-evenly;
}



.mainnav__link {
    text-decoration: none;
    color: black;
    transition: color 0.2s ease-in;
}

.mainnav__link:hover {
    color: var(--wh-red);
}

.doa-design-tc .mainnav__link:hover {
    color: var(--duf-gelb);
}

.mainnav__logolink {
    flex-shrink: 0;
}

.mainnav__logoimage {
    height: 6.875em;
    display: block;
    padding-bottom: 2.125em;
}


.mainnav__button {
    margin-top: 2.6875em;
    margin-bottom: 1.65em;
}

.menubutton__text {
    display: none;
}

.menubutton {
    display: none;
}

.menubutton__icon {
    border: 1px solid white;
    border-radius: 0.25em;
    height: 3.125em;
    width: 3.125em;
    padding: 0.75em;
    background: white;
}

.loginbutton {
    display: flex;
    transition: color 0.2s ease-in;
    color: black;
    text-decoration: none;
}


.doa-design-tc .loginbutton__text {
    background-color: var(--duf-gelb);
}

.loginbutton:hover {
    color: var(--wh-red);
}

.doa-design-tc .loginbutton:hover {
        color: var(--duf-hellgrau);
}

.loginbutton__text {
    background: var(--wh-grau2);
    border: 1px solid white;
    border-radius: 0.25em;
    height: 3.125em;
    padding-left: 4.6875em;
    padding-right: 4.6875em;
    padding-top: 1em;
    padding-bottom: 1em;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.09em;
}

.loginbutton__icon {
    border: 1px solid white;
    border-radius: 0.25em;
    height: 3.125em;
    width: 3.125em;
    padding: 0.75em;
    background: white;
}

.loginbutton__svg {
    width: 100%;
    height: 100%;
}

.menubutton__svg {
    width: 100%;
    height: 100%;
}

/* new doablock css */



.doablock--bottommargin {
    margin-bottom: 110px;
}


.doablock__content {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 120rem;
    padding-left: 4rem;
    padding-right: 4rem;
}

.doablock.doablock--order-text_left .doablock__content {
    flex-direction: row-reverse;
}


.doablock__text {
    width: 50%;
    margin-left: 1rem;
    font-size: 1.125rem;
}

.doablock.doablock--order-text_left .doablock__text {
    margin-right: 1rem;
    margin-left: 0;
}


.doablock__richtext {
    max-width: 41.5rem;
}

.doablock__image {
    width: 50%;
}
.doablock__image img {
    width: 100%;
    height: auto;
}



.block--bottommargin {
    margin-bottom: 110px;
}

.bgimageblock {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    background-color: var(--wh-grau-3);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.bgimageblock--reverse {
    background-position: right;
}

.bgimageblock__content {
    max-width: 120rem;
    width: 100%;
    padding-left: 4rem;
    padding-right: 4rem;
    display: flex;
    justify-content: stretch;
    align-items: center;
}

.imageblock__button {
    margin-top: 1.5rem;
}



.imageblock__richtext {
    width: 50%;
    margin-left: auto;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-right: 4rem;
    padding-left: 1rem;
    font-size: 1.2rem;
}

.imageblock__richtext.imageblock__richtext--textleft {
    margin-left: 0;
    padding-left: 0rem;
    padding-right: 0;
    margin-right: auto;
    order: 1;
}


.imageblock__image img {
    max-width: 100%;
    height: 100%;
}

.imageblock__image {
    width: 40%;
}

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


.imageblock--textleft {
    background-position: right
}



.imageblock__richtext.imageblock__richtext--textleft {
    margin-right: auto;
    margin-left: unset;

}

.imageblock__textcontainer {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    font-size: 3.125rem;
    width: 66%;
}

.imageblock__subtext {
    color: white;
    letter-spacing: 0.1875rem;
    line-height: 1.28em;
    display: inline-block;
    background: var(--wh-grau-7);
    max-width: 47.8125rem;
    padding: 0.25em 0.4em 0.25em 0.4em;
}

.imageblock__subtext span {
    hyphens: auto;
}


.imageblock__text--red {
    font-size: 3.125rem;
    text-transform: uppercase;
    letter-spacing: 0.1875rem;
    font-weight: bold;
    color: white;
    display: inline-block;
}

.imageblock__text--red span {
    background-color: var(--wh-red);
    padding: 0.25em 0.4em 0.25em 0.4em;
    line-height: 1.5em;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.doa-design-tc .imageblock__text--red span {
    background-color: var(--duf-gelb);
    color: var(--duf-dunkelgrau);
}

.videoblock {
    background-color: var(--wh-grau-3);
    padding-top: 1rem;
    padding-bottom: 2rem;

    background: linear-gradient(103.6deg, var(--wh-grau-2) 15%, var(--wh-grau-3) 15%, var(--wh-grau-3) 85%, var(--wh-grau-2) 85%);
}

.doa-design-tc .videoblock {
        background: linear-gradient(103.6deg, var(--duf-gelb) 15%, var(--duf-hellgrau) 15%, var(--duf-hellgrau) 85%, var(--duf-gelb) 85%);
}

.videoblock__embed {
    max-width: 50rem;
    margin-left: auto;
    margin-right: auto;
}


.videoblock__container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.videoblock__container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.videoblock__richtext {
    text-align: center;
    max-width: 50rem;
    margin-left: auto;
    margin-right: auto;
    padding: 1rem;
    font-size: 1.2rem;
}

.button {
    cursor:pointer;
    border: none;
    font-weight: bold;
    font-size: 1rem;
    text-transform: uppercase;
    color: white;
    padding: 0.5rem 2rem 0.5rem 2rem;
    min-width: 200px;
    background-color: var(--wh-grau-8);
    line-height: normal;
    text-decoration: none;
    text-align: center;
    display: inline-block;
}

.button--light {
    color: var(--wh-grau-8);
    background-color: white;
}


.productblock {
    background-color: var(--wh-grau-3);
}
.productblock.productblock--textleft {
    background-color: white;
}

.productblock__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 87rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    font-size: 1.125rem;
    letter-spacing: 0.01em;
}

.productblock__richtext {
    max-width: 41.5rem;
    order: 2;
}
.productblock.productblock--textleft .productblock__richtext {
    order: 0;
}



.button.productblock__button {
    margin-right: 2rem;
    min-width: 15.4375rem;
    margin-bottom: 1rem;
}


.imagecardsblock__richtext {
    text-align: center;
    max-width: 45rem;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.2rem;

}

.imagecardsblock {
    margin-left: auto;
    margin-right: auto;
    max-width: 120rem;
    padding-left: 4rem;
    padding-right: 4rem;
}

.imagecardsblock__cards {
    list-style: none;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0;
    padding: 2rem 0 0 0;

}

.imagecard {
    width: 49.5%;
    margin-bottom: 1.5rem;
    height: auto;
    position: relative;
}

.imagecard img {
    height: 100%;
    width: 100%;
}

.imagecard__overlay {
    position: absolute;
    /*height: 9.0625rem;*/
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(67, 63, 64, 0.51);
    color: white;
    font-weight: bold;
    font-size: 1.875rem;
    padding: 1.5rem;
    letter-spacing: 0.1125rem;
    line-height: 1.6em;
}
.iconcardsblock {
    margin-left: auto;
    margin-right: auto;
    max-width: 120rem;
    padding-left: 4rem;
    padding-right: 4rem;
    font-size: 1.125rem;
    line-height: 1.875em;
}

.iconcardsblock__cards {
    list-style: none;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0;
    padding: 2rem 0 0 0;
}
.iconcard img {
    height: 5rem;
    width: auto;
}

.iconcard {
    display: flex;
    flex-direction: column;
    justify-content: start;
    width: 32%;
    background: var(--wh-grau-3);
    padding: 4rem 3rem 4rem 3rem;
    text-align: center;
    margin-bottom: 2%;
}

.iconcard[data-lightbox] {
    cursor: pointer;
}

.iconcardsblock__richtext {
    padding-left: 4rem;
    padding-right: 4rem;
    text-align: center;
    max-width: 53rem;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.2rem;
}

.iconcard__richtext h3 {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.41em;
    letter-spacing: 0.06em;
}

.iconcard__richtext h4 {
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.4em;
    letter-spacing: 0.06em;
}


.personsblock {
    margin-left: auto;
    margin-right: auto;
    max-width: 102.4375rem;
    font-size: 1.125rem;
    line-height: 1.875em;
}

.personsblock__richtext {
    text-align: center;
    max-width: 45rem;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.2rem;
}

.personsblock__persons {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.person {
    display: flex;
    align-items: center;
}

.person__infos {
    width: 50%;
    padding: 1rem 1rem 1rem 2rem;
    font-size: 1.2rem;
    line-height: 2em;
}

.person__image {
    width: 50%;
    box-sizing: border-box;
    text-align: right;
}

.quotesblock {
    padding-top: 1rem;

    background: linear-gradient(103.6deg, var(--wh-grau-3) 50%, var(--wh-grau-2) 50%);
    width: 100%;
}
.doa-design-tc .quotesblock {
   background: linear-gradient(103.6deg, var(--duf-dunkelgrau) 50%, var(--duf-hellgrau) 50%);

}

.quotesblock__richtext {

    text-align: center;
    max-width: 45rem;
    margin-left: auto;
    margin-right: auto;
}

.quotesblock__quotes {
    max-width: 120rem;
    padding-left: 4rem;
    padding-right: 4rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.125rem;
    line-height: 1.875em;

    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.quote {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.quote__text {
    font-size: 1.2rem;
    position: relative;
    margin-top: 3rem;
    margin-bottom: 1rem;
    margin-right: 3rem;

    line-height: 1.66;
}

.quote__text::before {
    font-size: 5rem;
    content: "„";
    position: absolute;
    top: -7rem;
    display: block;
    left: 0;
}

.quote__text::after {
    font-size: 5rem;
    content: "“";
    position: absolute;
    bottom: -5rem;
    display: block;
    right: -2rem;
}

.quote__byline {
    font-size: 1.2rem;
    padding-top: 0em;
    font-weight: bold;
}

.middletext {
    background: linear-gradient(103.6deg, var(--wh-grau-2) 15%, var(--wh-grau-3) 15%, var(--wh-grau-3) 85%, var(--wh-grau-2) 85%);
}

.doa-design-tc .middletext {
    background: linear-gradient(103.6deg, var(--duf-dunkelgrau) 15%, var(--duf-hellgrau) 15%, var(--duf-hellgrau) 85%, var(--duf-dunkelgrau) 85%);
}


.middletext__content {
    width: 60%;
    padding: 4rem 2rem 4rem 2rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 1.2rem;
}

.middletext__icon {
    height: 5rem;
    width: auto;
}


.mainfooter {
    background: linear-gradient(103.6deg, var(--wh-grau-8) 48.2%, var(--wh-grau-7) 48.2%);
    background-position-x: 10%;

}

.doa-design-tc .mainfooter {
    background: var(--duf-dunkelgrau);
}

.mainfooter__content {
    padding-left: 4rem;
    padding-right: 4rem;
    max-width: 120rem;
    margin-left: auto;
    margin-right: auto;
}

.mainfooter__sections {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: space-between;
    margin-top: 0;
    padding-bottom: 1rem;
}

.mainfooter__section {
    width: 33%;
}

.mainfooter__sectiontitle {
    text-transform: uppercase;
    font-size: 1.875rem;
    color: white;
    letter-spacing: 0.1125rem;
}

.mainfooter__linklist {
    list-style-type: none;
    font-size: 1.125rem;
    margin: 0;
    padding-left: 0em;
    color: white;

}
.mainfooter__item {
        padding: 0.25rem 0 0.25rem 0;
}

.mainfooter__link {
    color: white;
    text-decoration: none;
}

.mainfooter__separator {
    color: white;
    margin-top: 2rem;
}

.socialfooter {
    max-width: 120rem;
    margin-left: auto;
    margin-right: auto;
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 4rem;
    margin-bottom: 4rem;
}

.socialfooter__link {
    text-indent: -9999px;
    margin-right: 2rem;
}

.socialfooter__icon {
    height: 2rem;
    width: auto;
}

.socialfooter__item:last-child .socialfooter__link {
    margin-right: 0;
}



.copyright {
    font-size: 0.9375rem;
    color: white;
    width: 100%;
    text-align: center;
    letter-spacing: 0.05625rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.formpage {
    background-color: white;
}

.formpage__content {
    margin-left: auto;
    margin-right: auto;
    max-width: 86rem;
    padding-left: 4rem;
    padding-right: 4rem;
}

.formpage__richtext {
    margin-top: 4rem;
    font-size: 1.2rem;
}

.formpage__form {
    background: var(--wh-grau-3);
    padding: 2.375rem;
    margin-bottom: 2rem;
}

.formpage .formpage__helptext {
    margin-top: 0;
    color: #777;
    font-size: 0.8em;
}

.formpage__fieldwrapper input, .formpage__fieldwrapper textarea {
    border-radius: 0.5rem;
    border: 0.5px solid #707070;
    font-size: 1.2rem;
    padding: 0.5rem;
    margin-top: 0.5rem;
    margin-bottom: 0.25rem;
}

.formpage__buttonwrapper {
    text-align: right;

}

.formpage__fieldwrapper {
    margin: 1em 0 1em 0;
}

.formpage__fieldwrapper--errors input, .formpage__fieldwrapper--errors textarea {
    border-color: #ba0000;
}

.formpage .errorlist {
    list-style: none;
    margin: 0;
    max-width: 70rem;
    padding: 0;

    color: #ba0000;
    font-size: 0.8em;
}

.formpage__form label[for^=wagtailcaptcha] {
    margin-bottom: 0.5rem;
}

img.captcha {
    background: white;
    padding: 0.5rem;
    border: 1px solid black;
    float: left;
}

.formpage__form label {
    display: block;
    font-weight: bold;
}

.formpage__fieldwrapper--required label:after {
    content: "*";
}



.formpage__form input, .formpage__form textarea {
    width: 100%;
}

.formpage__form input[name^=wagtailcaptcha] {
    width: 12rem;
    margin: 1rem;
}

.formpage__form input[type="submit"] {
    width: unset;
}

.formpage__form input:required {
    position: relative;
}

.formpage__hint {
    float: left;
}

.formpage__form input:required::after {
    content: " *";
    color: #ba0000;
    position: absolute;
    bottom: 0;
    left: -2rem;
}

.fulltext {
    background-color: var(--wh-grau-3);
    font-size: 1.1rem;
}
.fulltext__richtext {
    background: white;
    padding: 4rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 80rem;
}

.codeentry {
    background: white;
}

.codeentry__richtext {
    padding: 2rem 4rem 2rem 4rem;
    max-width: 85rem;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.2rem;
}

.codeentry__form {
    max-width: 45rem;
    margin-left: auto;
    margin-right: auto;
    padding: 2.5rem;
}

.codeentry__formwrapper {
    background-color: var(--wh-grau-3);
    width: 100%;
    max-width: 85rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 4rem;
    padding-right: 4rem;
}

.codeentry__submit {
    display: block;
    margin-top: 2rem;
    margin-bottom: 2rem;
    font-size: 1.5rem;
    margin-left: auto;
    margin-right: auto;
}

.codeentry__label {
    display: block;
    font-weight: bold;
    font-size: 1.2rem;
}

.codeentry__codeinput {
    border-radius: 0.5rem;
    border: 0.5px solid #707070;
    font-size: 1.2rem;
    padding: 0.5rem;
    margin-top: 0.5rem;
    margin-bottom: 0.25rem;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
}

.codeentry__error {
    color: #bd0000;
    font-weight: bold;
    display: inline-block;
    font-size: 1.2rem;
}

.codeentry--error .codeentry__codeinput {
    border-color: #bd0000;
}


.doa-design-tc {


    .mainnav__logoimage {
        padding-bottom: 1rem;
        padding-top: 1rem;
    }
    .mainnav__menu {
        padding: 0;
    }

    .fulltext {
        background-color: unset;
    }
    .fulltext__richtext {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    p a, .fulltext a {
        color: #7c7c7b;
    }

    p a:hover, .fulltext a:hover {
         color: #ededed
    }

    .pricetier {
        margin-top: 4rem;
    }

    .pricetier__richtext {
            margin-left: auto;
        margin-right: auto;
        max-width: 85rem;

    }

    .pricetier__cards {
        margin-left: auto;
        margin-right: auto;
        max-width: 85rem;

        list-style-type: none;
        padding: 0;
        display: flex;
        gap: 1%;

        justify-content: space-around;

    }
    .pricecard {
        width: 30%;
        text-align: center;
        border: 2px solid var(--duf-dunkelgrau);
        font-size: 1.2rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .pricecard--highlighted {
        border-color: var(--duf-gelb);
    }

    .pricecard__text, .pricecard__button {
            padding: 2%;
    }

    .pricecard__button {
        padding-bottom: 2rem;
    }

    .pricecard__title {
        width: 100%;
        padding: 1rem 1% 1rem 1%;
        margin: 0;
        font-size: 1.6rem;
        color: #fafafa;
        background-color: var(--duf-dunkelgrau);
    }

    .pricecard--highlighted .pricecard__title {
        background-color: var(--duf-gelb);
    }

    .pricecard__button .button {
        background-color: white;
        border: 1px solid var(--duf-dunkelgrau);
        color: var(--duf-dunkelgrau);
        padding: 0.75rem 1.5rem 0.75rem 1.5rem;
    }

    .pricecard__text p {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }
    .pricecard--highlighted .pricecard__button .button {
        border-color: var(--duf-gelb);
        background-color: var(--duf-gelb);
        color: var(--duf-dunkelgrau);
    }

    .featuretable > table {
        margin-left: auto;
        margin-right: auto;
        max-width: 85rem;
    }

    .featuretable > table {
        & {
            width: 100%;

        }

        tbody th {
            text-align: left;
        }
        tbody td {
            text-align: center;
        }

        td,th  {
            font-size: 1.2rem;
            padding-top: 1rem;
            padding-bottom: 1rem;
            border-bottom: 1px solid var(--duf-hellgrau);
        }
        td:not(:empty) {
            Xbackground-color: green;
        }

        th {
            font-weight: bold;

        }
    }



    .featuretable > table caption {
        margin: 1rem 0 1rem 0;
    }
    .iconcard {
        width: auto;
        flex: 0 0 33.3333%;
        margin-bottom: 0;
    }
     .iconcard__richtext {
         text-align: left;
     }
    .iconcard__richtext h2 {
        border-bottom: 5px solid;
        min-height: 4rem;
        padding-bottom: 0.5rem;
    }
    .iconcard:nth-child(3), .iconcard:nth-child(5), .iconcard:nth-child(9n), .iconcard:nth-child(11n) {
        background-color: #ffdd00;
    }

    .iconcard:nth-child(1), .iconcard:nth-child(6), iconcard:nth-child(7n),  iconcard:nth-child(12n) {
        background-color: #aaaac3;
    }
    .iconcard:nth-child(2), .iconcard:nth-child(4), .iconcard:nth-child(8n),  .iconcard:nth-child(10n) {
        background-color: #ededed;
    }

    .iconcardsblock--iconsareimages .iconcard img {
        height: 15rem;
        width: 100%;
        object-fit: cover;
    }

    .iconcardsblock--iconsareimages .iconcard  {
        padding:0
    }
    .iconcardsblock--iconsareimages .iconcard .iconcard__richtext {
        padding: 3rem 2rem 3rem 2rem;
    }

    .iconcardsblock--iconsareimages .iconcard__richtext h2 {
        border-bottom: none;
        border-top: 5px solid;
        min-height: 4rem;
        padding-top: 2.5rem;
    }
    .iconcardsblock--iconsareimages .iconcard {
        background-color: white;
    }



}


@media screen and (max-width: 115rem) {
    .mainnav {
        font-size: 0.8rem;
    }

    .imageblock__richtext {
        font-size: 1rem;
    }
    .imageblock__text--red {
        font-size: 2.125rem;
    }
    .imageblock__textcontainer {
        font-size: 1.8rem;
    }

}

@media screen and (max-width: 100rem) {



    .mainnav {
        font-size: 0.6rem;
    }

    .imageblock__richtext {
        font-size: 0.9rem;
    }


    .loginbutton {
        right: 8.625em; // 1em abstand
    }
    .loginbutton__text {
        display: none;
    }

}

@media screen and (max-width: 78rem) {
    .imageblock__richtext {
        font-size: 0.7rem;
    }


    .imageblock__textcontainer {
        font-size: 1.5rem;
    }
}



@media screen and (max-width: 65rem) {
    .doa-design-tc {
        .pricetier__cards {
            flex-direction: column;
            align-items: center;
        }

        .pricecard {
            margin-top: 2rem;
            width: 90%;
        }
    }

    .mainnav__menu {
        padding: 0 0 3rem 0;
        display: none;
    }
    .mainnav__menu--visible {
        display: block;
    }

    .mainnav__menuitem {
        padding: 0.25em 0 0.25em 0;
        display: block;

    }



    .mainnav__button {
        display: block;
        position: absolute;
        top: 3.125rem;
        height: 2.625rem;
        width: 2.625rem;
    }

    .menubutton {
        right: 2.375rem;
    }



    .mainnav__button {
        margin: 0;
    }

    .mainnav {
        padding-left: 2.375rem;
        padding-right: 2.375rem;
        flex-direction: column;
        justify-content: start;
        align-items: stretch;
        position: relative;
    }

    .mainnav__logoimage {
        height: 5.75rem;
    }



    .mainnav__menu {
        font-size: 1rem;
    }


    .imageblock__text--red span {
        padding: 0.3rem;
        line-height: 3rem;
    }
    .imageblock__text--red {
        font-size: 1.6rem;
    }

    .imageblock__richtext {
        font-size: 0.8rem;
    }

    .videoblock {
        background: var(--wh-grau-3);
    }

    .videoblock__embed {
        padding: 0 1rem 0 1rem;
    }

    .codeentry {
        background: none;
    }

    .codeentry__richtext {
        font-size: 1rem;
        padding: 0 2.375rem 0 2.375rem;
    }
    .codeentry__formwrapper {
        padding-left: 2.375rem;
        padding-right: 2.375rem;
    }

    .bgimageblock {
        background-size: cover;
        aspect-ratio: auto !important;
        background-position: center;
    }

    .bgimageblock.bgimageblock__imageblock {
        background-size: 100%;
        background-position: top;
    }

    .imageblock__image {
        margin-left: 0;
        width: 100%;
    }

    .imageblock__richtext {
        margin-top: 70%;
        margin-bottom: 4rem;
        width: 100%;
        padding: 0rem;
        font-size: 1rem;
    }

    .mainnav__logoimage {
        height: 4.5rem;
    }
    .mainnav__menu {
        font-size: 1rem;
    }

    .imagecard__overlay {
        font-size: 1.2rem;
        line-height: 2em;

    }
    .imagecardsblock {
        padding: 0;
    }
    .imagecardsblock__cards {
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .imagecardsblock__richtext {
        padding: 0 1rem 0 1rem;
    }

    .imagecard {
        width: 100%;
        margin: 0 0 1.5rem 0;
    }

    .imageblock {
        flex-direction: column;
        aspect-ratio: auto !important;
        background-position: top;
        background-size: cover;
        justify-content: center;
        align-items: stretch;
        padding-left: 2.375rem;
        padding-right: 2.375rem;
    }

    .bgimageblock__content {
        padding-left: 2.375rem;
        padding-right: 2.375rem;
    }


    .imageblock__textcontainer {
        max-width: unset;
        width: auto;
        padding-top: 2rem;
        padding-bottom: 2rem;
        font-size: 1.6rem;
    }

    .imageblock .imageblock--reverse {
        flex-direction: column-reverse;
    }
    .iconcardsblock {
        padding: 0;
    }
    .iconcardsblock__richtext {
        padding-left: 2.375rem;
        padding-right: 2.375rem;
    }
    .iconcardsblock__cards {
        flex-direction: column;
    }
    .iconcard {
        width: 100%;
    }

    .personsblock {
        margin-left: 1rem;
        margin-right: 1rem;
    }
    .person {
        flex-direction: column;
    }
    .person__infos, .person__image {
        text-align: center;
        width: 100%;
    }


    .quotesblock__quotes {
        padding-left: 2.375rem;
        padding-right: 2.375rem;
        flex-direction: column;
    }
    .quote {
        width: 100%;
    }
    .productblock__wrapper {
        flex-direction: column-reverse;
    }

    .productblock.productblock--textleft .productblock__wrapper {
        flex-direction: column;
    }

    .productblock__wrapper.
    .productblock__image {
        padding: 2rem;
    }
    .productblock__image img {
        height: auto;
        width: 100%;
    }
    .productblock__buttons {
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: space-around;
        align-items: center;
    }
    .button.productblock__button {
        margin-right: 0;
    }

    .middletext__content {
        width: 100%;
        text-align: unset;
    }

    .mainfooter__section {
        width: 100%;
    }
    .mainfooter__sections {
        flex-direction: column;
    }


    .doablock__content {
        padding-left: 2.375rem;
        padding-right: 2.375rem;
    }

    .doablock.doablock--order-text_left .doablock__content,
    .doablock__content {
        flex-direction: column;
    }
    .doablock__image {
        text-align: center;
    }
    .doablock.doablock--order-text_left .doablock__text,
    .doablock__text, .doablock__image {
        width: 100%;
        margin: 0;
    }
    .doablock__text {
        font-size: 1rem;
    }
    .doablock__image.doablock__image--noimage {
        Xmargin-top: 100%;
    }
    .formpage__content {
        padding-left: 0;
        padding-right: 0;
    }
    .formpage__richtext {
        padding-left: 2.375rem;
        padding-right: 2.375rem;
    }
}