@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------------------*/
/* ABSTÄNDE GLOBAL
/*-----------------------------------------------------------------*/
.nav-header {
    grid-area: 1 / 1 / 2 / 4;
    position: absolute;
    top: 0;
}
.header {
    grid-area: 1 / 1 / 3 / 13;
    margin-bottom: 10rem;
}
.header-inner {
    background-image: url("../3-img/implantate/prothesen-im-wasserglas_1.jpg");
    position: relative;
    z-index: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 100%;
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
}
.header-headline {
    text-align: center;
    padding-bottom: 1.5rem;
}
.article-imp-1 {
    grid-area: 10 / 1 / 11 / 13;
}
.article-imp-1-inner, .article-imp-2-inner, .article-imp-3-inner {
    display: flex;
    flex-wrap: wrap;
}
.imp-img-big-1 {
    grid-area: 30 / 1 / 31 / 13;
}
.imp-big-headline-1 {
    grid-area: 40 / 1 / 41 / 13;
}
.imp-img-1 {
    grid-area: 41 / 1 / 42 / 13;
}
.imp-img-1-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    align-content: center;
}
.zoom-gallery {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    flex: 1 1 50%;
    justify-content: center;
    align-items: flex-end;
}
.box-schwarz-a2 {
    flex: 45%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background: #000;
    color: #fff;
    padding: 0 4rem 0 0;
}
.imp-img-1-inner-gallery-1 {
    flex-basis: 50%;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    background: #000;
}
.box-schwarz-1, .box-schwarz-2, .box-schwarz-3, .box-schwarz-4, .box-schwarz-5, .box-schwarz-6, .box-schwarz-7, .box-schwarz-8, .box-schwarz-9 {
    flex-basis: 31%;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.imp-img-big-2 {
    grid-area: 50 / 1 / 51 / 13;
}
.article-imp-2 {
    grid-area: 60 / 1 / 61 / 13;
}
.imp-img-big-3 {
    grid-area: 70 / 1 / 71 / 13;
}
.imp-img-big-3-img, .imp-img-big-4-img {
    background-image: url("../3-img/implantate/ohne-zaehne_2.jpg");
    background-attachment: fixed;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 85vh;
    position: relative;
}
.imp-big-headline-2 {
    grid-area: 71 / 1 / 72 / 13;
}
.imp-img-big-4-img {
    background-image: url("../3-img/implantate/ohne-zaehne_3.jpg");
}
.imp-big-headline-2-inner {
    padding: 5rem 2.3rem;
    text-align: center;
}
.imp-big-headline-2-inner .bold-headline {
    padding-bottom: 0;
}
.imp-img-big-4 {
    grid-area: 72 / 1 / 73 / 13;
}
.article-imp-3 {
    grid-area: 80 / 1 / 81 / 13;
}
.imp-img-big-5 {
    grid-area: 90 / 1 / 91 / 13;
}
.imp-img-big-5-border {
    grid-area: 91 / 1 / 92 / 13;
    position: relative;
    display: flex;
    align-items: flex-start;
    margin-bottom: 10rem;
}
.cut-out {
    background: rgba(176, 201, 206, 1);
    padding: 0 0 0 4rem;
    width: 75%;
    margin: -2rem 0 0 2rem;
}
.imp-img-2 {
    grid-area: 100 / 1 / 101 / 13;
}
.imp-img-2 .bold-headline, .imp-img-1 .bold-headline {
    padding: 2rem 0 2.5rem 1.5rem;
}
.imp-img-2-inner {
    display: flex;
    flex-wrap: wrap;
}
.box-schwarz-10, .box-schwarz-11, .box-schwarz-12, .box-schwarz-13 {
    flex-basis: 50%;
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    text-align: left;
    border: 1px solid gray;
    flex-direction: column;
}
.box-schwarz-11, .box-schwarz-12 {
    padding: 4rem;
}
.box-schwarz-12 {
    order: 1;
}
.box-schwarz-13 {
    order: 2;
}
.imp-img-big-6 {
    grid-area: 110 / 1 / 111 / 13;
}
.imp-img-big-6-border {
    grid-area: 111 / 1 / 112 / 13;
    position: relative;
    display: flex;
    align-items: flex-start;
    margin-bottom: 10rem;
}
.imp-img-3 {
    grid-area: 120 / 1 / 121 / 13;
}
.imp-img-3-inner {
    display: flex;
    flex-wrap: wrap;
}
.box-schwarz-14, .box-schwarz-15, .box-schwarz-16, .box-schwarz-17, .box-schwarz-18, .box-schwarz-19 {
    flex-basis: 50%;
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
}
.box-schwarz-14 {
    padding: 0 4rem 0 0;
}
.box-schwarz-17 {
    padding: 0 2rem;
}
.box-schwarz-16 {
    order: 1;
}
.box-schwarz-17 {
    order: 2;
}
.box-schwarz-18 {
    order: 3;
}
.box-schwarz-19 {
    order: 4;
}
.article-imp-4 {
    grid-area: 130 / 1 / 131 / 13;
}
.article-imp-4-inner {
    display: flex;
    flex-wrap: wrap;
}
.imp-big-headline-3 {
    grid-area: 140 / 1 / 141 / 13;
}
.imp-big-headline-3-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
    background: rgba(176, 201, 206, 1);
    padding: 5rem;
}
.imp-big-headline-3 .h-l {
    margin: 0;
}
.imp-img-big-7 {
    grid-area: 141 / 1 / 142 / 13;
    margin-bottom: 0rem;
}
.imp-img-big-7 img {
    filter: grayscale(100%);
    transition: all 0.3s ease-in-out;
}
.imp-img-big-7 img:hover {
    filter: grayscale(0%);
}
.article-imp-5 {
    grid-area: 150 / 1 / 151 / 13;
}
/*.article-imp-5-inner {
    display: flex;
    flex-wrap: wrap;
}*/
.imp-img-grid {
    grid-area: 160 / 1 / 161 / 13;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10rem;
}
.imp-img-grid-1 {
    order: 1;
}
.imp-img-grid-2 {
    order: 2;
}
.imp-img-grid-3 {
    order: 3;
}
.imp-img-grid-4 {
    order: 4;
}
.imp-img-grid-5 {
    order: 6;
}
.imp-img-grid-6 {
    order: 5;
}
.imp-img-grid-7 {
    order: 8;
}
.imp-img-grid-8 {
    order: 7;
}
.imp-img-grid-2, .imp-img-grid-4, .imp-img-grid-6, .imp-img-grid-8 {
    flex-basis: 25%;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    align-items: center;
    border: 1px solid rgba(176, 201, 206, 1.00);
    flex-wrap: wrap;
    padding: 2rem;
    position: relative;
    background: rgba(176, 201, 206, 1);
}
.imp-img-grid-1, .imp-img-grid-3, .imp-img-grid-5, .imp-img-grid-7 {
    flex-basis: 25%;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    align-items: center;
    border: 1px solid rgba(176, 201, 206, 1.00);
    flex-wrap: wrap;
    position: relative;
}
.imp-img-grid-2 img, .imp-img-grid-4 img, .imp-img-grid-6 img, .imp-img-grid-8 img {
    padding-top: 2rem;
    width: 50%;
}
.imp-img-grid-2 p, .imp-img-grid-4 p, .imp-img-grid-6 p, .imp-img-grid-8 p {
    line-height: 1.2;
    padding-top: 1rem;
}
.imp-big-headline-4 {
    grid-area: 170 / 1 / 171 / 13;
}
.imp-big-headline-4-inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.imp-img-4 {
    grid-area: 180 / 1 / 181 / 13;
}
.imp-img-4-inner {
    display: flex;
    flex-wrap: wrap;
}
.box-schwarz-20 {
    flex-basis: 30%;
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    text-align: left;
}
.imp-img-4-imgleft {
    flex-basis: 30%;
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    align-items: flex-end;
}
.box-schwarz-21 {
    flex-basis: 70%;
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    text-align: left;
    padding: 0 0 2rem 10rem;
    align-items: flex-end;
}
.carousel {
    grid-area: 190 / 1 / 191 / 13;
    margin: 1.5rem 0 7.5rem 0;
}
.article-imp-6 {
    grid-area: 200 / 1 / 201 / 13;
}
.article-imp-6-inner {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.slick-carousel {
    grid-area: 210 / 2 / 211 / 12;
    margin-bottom: 10rem;
}
/*-----------------------------------------------------------------*/
/* MEDIA QUERYS
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/*1200
/*-----------------------------------------------------------------*/
@media screen and (max-width: 1280px) {
    .box-schwarz-21 {
        padding: 0 0 2rem 5rem;
    }
    .box-schwarz-11, .box-schwarz-12 {
        padding: 3rem;
    }
}
/*-----------------------------------------------------------------*/
/*1024
/*-----------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
    .box-schwarz-11, .box-schwarz-12 {
        padding: 1.5rem;
    }
    .imp-img-grid-2, .imp-img-grid-4, .imp-img-grid-6, .imp-img-grid-8 {
        padding: 1rem;
    }
    .imp-img-grid .p-xxxs {
        font-size: clamp(0.8em, 1.1149825783972125vw, 0.8em);
    }
}
/*-----------------------------------------------------------------*/
/*992
/*-----------------------------------------------------------------*/
@media screen and (max-width: 992px) {
    .header-inner {
        align-items: center;
    }
    .header-headline {
        text-align: center;
        margin-top: 35rem;
    }
    .imp-img-big-3-img {
        background-image: url("../3-img/implantate/ohne-zaehne_2-1024-1.jpg");
    }
    .imp-img-big-4-img {
        background-image: url("../3-img/implantate/ohne-zaehne_3-1024.jpg");
    }
    .imp-img-grid .p-xxxs {
        font-size: clamp(0.9em, 1.1149825783972125vw, 0.8em);
    }
    .box-schwarz-11 .p-xxs, .box-schwarz-12 .p-xxs {
        font-size: clamp(0.7em, 1.1149825783972125vw, 0.8em);
    }
    .imp-img-1-inner-gallery-1 {
        flex: 100%;
        margin-top: 2.5rem;
    }
    .box-schwarz-11, .box-schwarz-12 {
        padding: 2rem;
    }
    .imp-img-grid-2 img, .imp-img-grid-4 img, .imp-img-grid-6 img, .imp-img-grid-8 img {
        margin-top: 1rem;
        width: 75%;
    }
    .imp-img-grid-2, .imp-img-grid-4, .imp-img-grid-6, .imp-img-grid-8 {
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
        padding: 2rem;
    }
    .imp-img-grid-1, .imp-img-grid-2, .imp-img-grid-3, .imp-img-grid-4, .imp-img-grid-5, .imp-img-grid-6, .imp-img-grid-7, .imp-img-grid-8 {
        flex-basis: 50%;
    }
    .imp-img-grid-3 {
        order: 4;
    }
    .imp-img-grid-4 {
        order: 3;
    }
    .imp-img-grid-5 {
        order: 5;
    }
    .imp-img-grid-6 {
        order: 6;
    }
}
/*-----------------------------------------------------------------*/
/* 768
/*-----------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
    .header-headline {
        margin-top: 28rem;
    }
    .imp-img-1-inner-gallery-1 .fa.fa-search.fa-2x {
        right: 45px;
    }
    .header-inner {
        background-image: url("../3-img/implantate/prothesen-im-wasserglas_420.jpg");
        background-position: 50% 25%;
    }
    .box-schwarz-a2 {
        flex: 100%;
        padding: 0;
        margin-bottom: 5rem;
    }
    .box-schwarz-11, .box-schwarz-12 {
        padding: 3rem;
    }
    .box-schwarz-11 .p-xxs, .box-schwarz-12 .p-xxs {
        font-size: clamp(0.9em, 1.1149825783972125vw, 0.8em);
    }
    .box-schwarz-14, .box-schwarz-15, .box-schwarz-16, .box-schwarz-17, .box-schwarz-18, .box-schwarz-19 {
        flex-basis: 100%;
    }
    .box-schwarz-14 {
        text-align: center;
        padding: 0;
    }
    .box-schwarz-12 {
        order: 2;
    }
    .box-schwarz-13 {
        order: 1;
    }
    .box-schwarz-16 {
        order: 3;
    }
    .box-schwarz-17 {
        order: 2;
    }
    .box-schwarz-17 {
        padding: 0;
    }
    .imp-big-headline-4-inner {
        text-align: center;
    }
    .box-schwarz-20 {
        flex-basis: 100%;
    }
    .imp-img-4-imgleft {
        flex-basis: 100%;
    }
    .box-schwarz-20 img {
        width: 70%;
    }
    .box-schwarz-21 {
        flex-basis: 100%;
        padding: 2.5rem 0 0 0;
    }
    .imp-img-grid-2, .imp-img-grid-4, .imp-img-grid-6, .imp-img-grid-8 {
        padding: 2rem;
    }
    .carousel-caption, .carousel-indicators {
        display: none;
    }
    .slick-carousel {
        margin-bottom: 2.5rem;
    }
    .slick-next {
        right: -15px;
    }
    .box-schwarz-10, .box-schwarz-11, .box-schwarz-12, .box-schwarz-13 {
        flex-basis: 100%;
        margin: 0.5rem 0;
    }
    .cut-out.bold-headline {
        padding: 0 0 0 1.5rem;
        width: 80%;
    }
    .cut-out {
        margin: -1rem 1rem 0 1rem;
    }
}
/*-----------------------------------------------------------------*/
/* 576
/*-----------------------------------------------------------------*/
@media only screen and (max-width: 576px) {
    .header-headline {
        margin: 15rem 1.3rem 0 1.3rem;
    }
    .box-schwarz-1, .box-schwarz-2, .box-schwarz-3, .box-schwarz-4, .box-schwarz-5, .box-schwarz-6, .box-schwarz-7, .box-schwarz-8, .box-schwarz-9 {
        flex-basis: 47%;
        margin: 0.25rem;
    }
    .zoom-gallery img {
        border: 1px solid rgba(64, 64, 64, 1);
    }
    .box-schwarz-11, .box-schwarz-12 {
        padding: 2rem;
    }
    .imp-img-grid-2, .imp-img-grid-4, .imp-img-grid-6, .imp-img-grid-8 {
        flex-basis: 100%;
        margin: 0.5rem 0;
        /*padding: 2.5rem;*/
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .imp-img-grid-1, .imp-img-grid-3, .imp-img-grid-5, .imp-img-grid-7 {
        flex-basis: 100%;
        margin: 0.5rem 0;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .imp-img-grid-1 {
        order: 1;
    }
    .imp-img-grid-2 {
        order: 2;
    }
    .imp-img-grid-3 {
        order: 3;
    }
    .imp-img-grid-4 {
        order: 4;
    }
    .imp-img-grid-5 {
        order: 6;
    }
    .imp-img-grid-6 {
        order: 6;
    }
    .imp-img-grid-7 {
        order: 7;
    }
    .imp-img-grid-8 {
        order: 8;
    }
    .box-schwarz-a2 {
        flex: 100%;
        padding: 0;
    }
    .bold-headline {
        padding: 2rem 0 2.5rem 1.5rem;
    }
}
/*-----------------------------------------------------------------*/
/* 420
/*-----------------------------------------------------------------*/
@media only screen and (max-width: 420px) {
    .header-headline {
        bottom: 70px;
    }
}