.amara {
    --color-light: #ffffff;
    --color-middle: #ffffff;
    --color-dark: #a7886e;
    --color-primary: #a7886e;
    --color-font: #7f7f7f;
    --color-font-dark: #404040;

    --wallpaper-border-radius: 0;
    --wallpaper-border-width: 0;
}

.amara * {
    font-family: "Rasch Sans Light", "Open Sans", sans-serif;
}

.amara a {
    font-family: "Rasch Sans Bold", "Open Sans", sans-serif;
}

.amara #logo-right {
    position: relative;
    /* align-content: center; */
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    /* align-items: flex-start; */
    width: 100%;
    top: 0;
}

.amara #logo-left img {
    width: 200px;
}

.amara #logo-right img {
    width: 170px;
}

@media all and (max-width: 550px) {
    .amara #logo-left {
        top: 11rem;
        display: block;
        position: relative;
        margin: 0 auto;
        width: 300px;
    }

    .amara #logo-left img {
        margin: 0 auto;
    }

    .amara #logo-right {
        position: absolute;
        top: 0.1rem;
        left: 1rem;
        width: 100%;
    }

    .amara #logo-right img {
        width: 100px !important;
    }
}

.amara h1,
.amara h1 *,
.amara h2,
.amara h2 *,
.amara h3,
.amara h3 *,
.amara h4,
.amara h4 *,
.amara h5,
.amara h5 * {
    font-family: "Fraunces", "Rasch Sans Bold", "Rasch Sans", sans-serif;
    color: var(--color-primary);
    font-weight: 400;
}

.amara .wrapper-inner h2 {
    text-transform: none;
}

/*.amara h2 {*/
/*  font-family: 'RecifeDisplay', 'Open Sans', sans-serif;*/
/*  letter-spacing: 5px;*/
/*}*/

.amara .light:not(.is-child-paragraph) {
    background-color: var(--color-light);
}

.amara .middle:not(.is-child-paragraph) {
    background-color: var(--color-middle);
}

.amara .dark:not(.is-child-paragraph) {
    background-color: var(--color-dark);
}

.amara .primary:not(.is-child-paragraph) {
    background-color: var(--color-primary);
}

.amara .light p,
.amara .middle p {
    color: var(--color-font);
}

.amara .primary p,
.amara .primary h1,
.amara .primary h2,
.amara .primary h3,
.amara .primary h4,
.amara .primary h5,
.amara .dark p,
.amara .dark h1,
.amara .dark h2,
.amara .dark h3,
.amara .dark h4,
.amara .dark h5 {
    color: var(--color-light);
}

.amara h1 {
    font-size: 80px;
}

.amara h2 {
    font-size: 80px;
}

.amara h3 {
    font-size: 80px;
}

.amara .dark:not(.is-child-paragraph) .media .description p,
.amara .primary:not(.is-child-paragraph) .media .description p {
    color: #f0f1f3;
    font-family: "Rasch Sans", "Open Sans", sans-serif;
}

.amara .light:not(.is-child-paragraph) .media .description p,
.amara .middle:not(.is-child-paragraph) .media .description p {
    color: var(--color-font-dark);
    font-family: "Rasch Sans", "Open Sans", sans-serif;
    font-weight: 300;
}

.amara article.media.image[view_mode="tapete_1_1"] img {
    border-radius: var(--wallpaper-border-radius);
    border: none;
    margin: 0 auto;
}

.amara .slick-prev {
    background: url(../factory/arrow_left_black.svg) 50% 43% no-repeat;
    width: 3rem;
    left: 5rem;
}

.amara .slick-next {
    background: url(../factory/arrow_right_black.svg) 50% 43% no-repeat;
    width: 3rem;
    right: 5rem;
}

.amara .dark .slick-prev,
.amara .primary .slick-prev {
    background: url(../factory/arrow_left_white.svg) 50% 43% no-repeat;
}

.amara .dark .slick-next,
.amara .primary .slick-next {
    background: url(../factory/arrow_right_white.svg) 50% 43% no-repeat;
}

.front.amara .scroll-down {
    width: 42px;
    right: 9vw;
    top: 85vh;
}

.front.amara .scroll-down img {
    width: 42px;
}

.amara footer #block-footertext span {
    font-family: "Rasch Sans Bold", "Open Sans", sans-serif;
}

.amara footer nav#block-fusszeile ul li a {
    font-family: "Rasch Sans Bold", "Open Sans", sans-serif;
    color: var(--color-light);
}

.amara #block-brandingderwebsite img {
    width: 225px;
}

.amara.not-front #logos {
    display: none;
}

.amara #block-sprachumschalter ul li a {
    text-decoration: none;
    color: var(--color-font);
    font-family: "Rasch Sans", "Open Sans", sans-serif;
}

.amara #block-sprachumschalter ul li:hover a,
.amara #block-sprachumschalter ul li.is-active a {
    font-family: "Rasch Sans Bold", "Open Sans", sans-serif;
}

.amara .narrow > * {
    max-width: 159rem;
}

.amara #logos {
    top: 4em;
}

.amara .paragraph:not(.is-child-paragraph) > .p-big {
    /*padding-top: 12rem !important;*/
    /*padding-bottom: 12rem !important;*/
}

.amara footer,
.amara footer a {
    background-color: var(--color-dark);
    color: var(--color-light);
}

.amara footer #block-brandingderwebsite {
    align-items: center;
}

.amara [data-items-in-a-row="8"] > div {
    align-items: baseline;
}

.amara [data-items-in-a-row="8"] article.media.image[view_mode="tapete_1_1"] {
    padding: 1em;
}

.amara footer > div > nav {
    justify-content: flex-end;
}

/*
first slider
 */
.amara #block-client-content > article > div > div.paragraph:first-of-type {
    min-height: 100vh;
    padding-bottom: 12rem;
}
.amara
    #block-client-content
    > article
    > div
    > div.paragraph:first-of-type
    > .row {
    max-width: 137rem;
    top: 14rem;
}
.amara
    #block-client-content
    > article
    > div
    > div.paragraph:first-of-type
    > .row
    .slick-list
    .is-child-paragraph
    img {
    width: 100%;
}

.amara
    #block-client-content
    > article
    > div
    > div.paragraph:first-of-type
    > .row
    .slick-next {
    right: -5rem;
}
.amara
    #block-client-content
    > article
    > div
    > div.paragraph:first-of-type
    > .row
    .slick-prev {
    left: -5rem;
}

.amara
    #block-client-content
    > article
    > div
    > div.paragraph:first-of-type
    > .row
    .slick-next,
.amara
    #block-client-content
    > article
    > div
    > div.paragraph:first-of-type
    > .row
    .slick-prev {
    background-position-y: 50%;
}

/*
In case the slider images should have a box-shadow, you can add this to the CSS:

.amara article.media.image[view_mode = 'tapete_1_1'] img {
  box-shadow: 0 20px 35px #00000029;
}
.amara .wide .slick-list {
  max-width: calc(170rem - 25px);
  margin: 0 auto;
  padding: 0;
}
*/

@media screen and (min-width: 1501px) {
    .front.amara .scroll-down {
        right: 5vw;
    }
}

@media screen and (max-width: 1500px) {
    .front.amara .scroll-down {
        right: 3rem;
    }

    .amara .slick-prev {
        width: 2rem;
        left: 2rem;
    }

    .amara .slick-next {
        width: 2rem;
        right: 2rem;
    }

    .amara h1 {
        font-size: 48px;
    }

    .amara h2 {
        font-size: 80px;
    }

    .amara h3 {
        font-size: 55px;
    }
}

@media screen and (max-width: 1400px) {
    .amara
        #block-client-content
        > article
        > div
        > div.paragraph:first-of-type
        > .row {
        max-width: 125rem;
    }

    .amara .slick-prev {
        width: 2.5rem;
        left: 1rem;
    }

    .amara .slick-next {
        width: 2.5rem;
        right: 1rem;
    }

    .amara h1 {
        font-size: 43px;
    }

    .amara h2 {
        font-size: 70px;
    }

    .amara h3 {
        font-size: 50px;
    }
}

@media screen and (max-width: 1330px) {
    .amara #block-client-content > article > div > div.paragraph:first-of-type {
        min-height: unset;
        padding-bottom: 20rem;
    }

    .amara #logos {
        max-width: 94vw;
    }

    .amara
        #block-client-content
        > article
        > div
        > div.paragraph:first-of-type
        > .row {
        max-width: 90vw;
    }

    .amara h1 {
        font-size: 40px;
    }

    .amara h2 {
        font-size: 60px;
    }

    .amara h3 {
        font-size: 47px;
    }
}

@media screen and (max-width: 1050px) {
    .amara h1 {
        font-size: 36px;
    }

    .amara h2 {
        font-size: 55px;
    }

    .amara h3 {
        font-size: 42px;
    }
}

@media screen and (max-width: 900px) {
    .amara
        #block-client-content
        > article
        > div
        > div.paragraph:first-of-type
        > .row
        .slick-next {
        right: -3rem;
        width: 2rem;
    }
    .amara
        #block-client-content
        > article
        > div
        > div.paragraph:first-of-type
        > .row
        .slick-prev {
        left: -3rem;
        width: 2rem;
    }

    .amara
        #block-client-content
        > article
        > div
        > div.paragraph:first-of-type
        > .row {
        max-width: 85vw;
    }

    .amara #block-sprachumschalter ul {
        height: 16px;
    }

    .amara h1 {
        font-size: 32px;
    }

    .amara h2 {
        font-size: 50px;
    }

    .amara h3 {
        font-size: 40px;
    }
}

@media screen and (max-width: 786px) {
    .amara
        #block-client-content
        > article
        > div
        > div.paragraph:first-of-type
        > .row
        .slick-next {
        right: -3rem;
        width: 2rem;
    }
    .amara
        #block-client-content
        > article
        > div
        > div.paragraph:first-of-type
        > .row
        .slick-prev {
        left: -3rem;
        width: 2rem;
    }

    .amara
        #block-client-content
        > article
        > div
        > div.paragraph:first-of-type
        > .row {
        max-width: 85vw;
    }

    .amara #logo-right img {
        width: 200px;
        margin: 0 auto;
    }

    .amara
        #block-client-content
        > article
        > div
        > div.paragraph:first-of-type
        > .row {
        top: 17rem;
    }

    .amara #block-client-content > article > div > div.paragraph:first-of-type {
        padding-bottom: 23rem;
    }

    .amara #logos {
        max-width: 90vw;
    }

    .amara h1 {
        font-size: 27px;
    }

    .amara h2 {
        font-size: 40px;
    }

    .amara h3 {
        font-size: 33px;
    }
}

@media screen and (max-width: 550px) {
    .amara
        #block-client-content
        > article
        > div
        > div.paragraph:first-of-type
        > .row {
        top: 25rem;
    }

    .amara #block-client-content > article > div > div.paragraph:first-of-type {
        padding-bottom: 33rem;
    }

    .amara #block-sprachumschalter ul.active {
        height: 100%;
    }

    .amara #block-sprachumschalter {
        z-index: 999999;
    }

    .amara h1 {
        font-size: 22px;
    }

    .amara h2 {
        font-size: 30px;
    }

    .amara h3 {
        font-size: 27px;
    }
}

.amara #block-client-local-tasks ul li a {
    color: var(--color-dark);
}

.amara
    .paragraph--type--etagen-wrapper:not([data-items-in-a-row="8"])
    .wrapper-inner {
    align-items: stretch;
}
.amara
    .paragraph--type--etagen-wrapper:not([data-items-in-a-row="8"])
    .paragraph--type--etagen-media-image
    > div,
.amara
    .paragraph--type--etagen-wrapper:not([data-items-in-a-row="8"])
    .paragraph--type--etagen-media-image
    article {
    height: 100%;
}
.amara
    .paragraph--type--etagen-wrapper:not([data-items-in-a-row="8"])
    .paragraph--type--etagen-media-image
    img {
    height: 100%;
    object-fit: cover;
}