/*

                                            ------
                                            BASICS
                                            ------

*/

html,
body {
    margin: 0;
    padding: 0;
    font-size: 19;
    font-family: "Open Sans", sans-serif;
}

nav {
    position: fixed;
    width: 100%;
    background: rgba(28, 28, 28, 0.5);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    top: 0;
    z-index: 9999;
    margin: 0;
    padding: 0;
}


/*


                                            ----------
                                              COOKIES
                                            ----------



*/

.cookieinfo {
    height: 100%;
    -webkit-box-shadow: 0 10px 50px #00000048;
    box-shadow: 0 10px 50px #00000048;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.cookieinfo-close {
    font-family: "Open Sans", sans-serif;
    margin-top: 10px;
    border: solid 1px #0069a9;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.cookieinfo-close:hover {
    background: #0069a9 !important;
    color: #fff !important;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.cookieinfo span {
    width: calc(100% - 150px);
}

@media only screen and (min-width: 68.75em) {
    .page-footer .legal-nav {
      display: block;
    }
    .page-footer .legal-nav li:first-child {
      border-left: none;
    }
}

.grid-container {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    grid-gap: 0px 2px;
    width: 100%;
    max-width: inherit;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 5px;
}

.grid-container .grid-item {
    text-align: left;
    padding: 5px 10px;
}

.grid-container .grid-item p {
    margin: 0;
}

.grid-container .item1 {
    background-color: #0069a9;
    font-weight: 600;
    grid-row: 1;
}

.grid-container .item1 p {
    color: #FFFFFF;
}

@media only screen and (max-width: 500px) {
    .cookieinfo-close {
        position: fixed;
        bottom: 0;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        height: 25px;
    }
    .cookieinfo span {
        width: 95%;
        height: 100%;
        margin-bottom: 70px;
    }
    .galerie-video iframe {
        width: 90% !important;
    }
    #small-screen-logo {
        padding-top: 80px !important;
    }
}


/*


                                            ----------
                                            NAVIGATION
                                            ----------


*/

.nav-content {
    margin: 0 auto;
    max-width: 800px;
    padding: 0 150px;
    position: relative;
    z-index: 2;
    height: 100px;
    font-size: 19px;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.shrink {
    height: 80px;
    margin-top: -10px;
}

.top-logo {
    display: block;
    position: absolute;
    width: 40px;
    margin: 0;
    padding: 0;
    left: 30px;
    top: 22px;
    opacity: 0;
    -o-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.shrink-logo {
    opacity: 1;
}

.toggle {
    display: block;
}

.toggle img {
    display: none;
    z-index: 3;
}

.top-logo img {
    display: block;
}

.toggle ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 0;
    padding-top: 20px;
}

.toggle ul li {
    padding: 0 2px;
}

.toggle ul li a {
    font-size: 19px;
    font-weight: 300;
    color: #fff;
    text-decoration: none;
    z-index: 1;
    border-bottom: 2px solid transparent;
    white-space: nowrap;
    -o-transition: border-bottom 0s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border-bottom 0s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transition: border-bottom 0s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.menu-neu a {
    border-bottom: 2px solid transparent;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.menu-neu a:hover {
    border-bottom: 2px solid #fff !important;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.nav-toggle {
    display: none;
}

#reload {
    display: none;
}


/*

                                                --------------
                                                NAVIGATION NEU
                                                --------------

*/

.menu-neu {
    height: 100%;
    margin: auto 0;
    padding: auto;
    float: right;
}

.menu-neu a {
    text-decoration: none;
    color: #fff;
    margin: 0 10px;
    font-weight: 300;
    line-height: 90px;
}

.nav-content label {
    position: relative;
    font-weight: 300;
    font-size: 30px;
    float: right;
    margin: 20px 40px 0 0;
    color: #fff;
    display: none;
}

#toggle-neu {
    display: none;
}


/*

                                                ------
                                                FOOTER
                                                ------

*/

footer {
    background: #0069a9;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin-top: 14px;
}

.footer {
    max-width: 960px;
    margin: auto;
    display: grid;
    display: -ms-grid;
    grid-gap: 150px;
    padding: 50px;
    grid-template-areas: "anschrift kontakt oeffnung";
}

.footer div p,
.footer div a {
    font-weight: 300;
    font-size: 14px;
}

.anschrift-footer {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-row: 1;
    -ms-grid-row: 1;
    grid-column: 1;
    -ms-grid-column: 1;
    grid-area: anschrift;
    width: 170px;
}

.anschrift-footer h5 {
    margin: 0;
    line-height: 2em;
    font-weight: 600;
}

.anschrift-footer p {
    margin: 0;
    line-height: 2em;
}

.mail-tel-footer {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-row: 1;
    -ms-grid-row: 1;
    grid-column: 2;
    -ms-grid-column: 2;
    grid-area: kontakt;
    width: 200px;
}

.mail-tel-footer a {
    text-decoration: none;
    color: #fff;
    display: block;
    line-height: 2em;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.mail-tel-footer a:hover {
    color: #c1c1c1;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.mail-tel-footer p {
    margin: 0;
    line-height: 2em;
}

.oeffnungszeiten {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    grid-row: 1;
    -ms-grid-row: 1;
    grid-column: 3;
    -ms-grid-column: 3;
    grid-area: oeffnung;
}

.footer-zertifikate a,
.footer-zertifikate-small a {
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.footer-zertifikate a:hover,
.footer-zertifikate-small a:hover {
    opacity: 0.8;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media only screen and (max-width: 900px) {
    .anschrift-footer {
        grid-row: 1;
        -ms-grid-row: 1;
        grid-column: 1;
        -ms-grid-column: 1;
    }
    .mail-tel-footer {
        grid-row: 2;
        -ms-grid-row: 2;
        grid-column: 1;
        -ms-grid-column: 1;
    }
    .oeffnungszeiten {
        grid-row: 3;
        -ms-grid-row: 3;
        grid-column: 1;
        -ms-grid-column: 1;
    }
}

.weekdays p {
    width: 100px;
    margin: 0;
    line-height: 2em;
}

.times p {
    width: 200px;
    margin: 0;
    line-height: 2em;
}

.bot-bar {
    background: #fff;
}

.footer-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 70px;
    padding: 30px;
    width: 960px;
    margin: auto;
}

.footer-zertifikate {
    display: flex;
    flex-direction: row;
}

.footer-zertifikate a {
    text-decoration: none;
}

.footer-zertifikate-small {
    display: none;
}

.footer-zertifikate img:first-child {
    padding-right: 20px;
    width: 60%;
}

.footer-ref {
    max-width: 600px;
    height: 30px;
    padding-right: 40px;
    float: left;
}

.footer-ref a {
    display: block;
    text-decoration: none;
    color: #0069a9;
    font-weight: 300;
    font-size: 16px;
}

.footer-logo {
    width: 80px;
    height: 70px;
    float: right;
}


/*

                                            ------------------
                                            SLIDER INDEX.HTML
                                            ------------------

*/

.slider-container {
    position: relative;
    width: 100%;
    height: 710px;
    background: #fff;
    background-position: center center;
    background-size: cover;
}

.slide-img {
    position: absolute;
    width: 100%;
    height: 100%;
}

.slide-img .image-one,
.slide-img .image-two,
.slide-img .image-three {
    width: 100%;
    height: 100%;
}

.image-one {
    background: url(../img/slider.jpg);
    background-size: cover;
    background-position: center;
}

.image-one-mobil {
    display: none;
    background: url(../img/slider-mobil.jpg);
    background-size: cover;
    background-position: center;
}

.image-two {
    background: url(../img/bild4.jpg);
    background-size: cover;
    background-position: center;
}

.image-two-mobil {
    display: none;
    background: url(../img/bild4-mobil.jpg);
    background-size: cover;
    background-position: center;
}

.image-three {
    background: url(../img/bild6.jpg);
    background-size: cover;
    background-position: center;
}

.image-three-mobil {
    display: none;
    background: url(../img/bild6-mobil.jpg);
    background-size: cover;
    background-position: center;
}

#i1,
#i2,
#i3 {
    display: none;
}

.pre,
.nxt {
    width: 200px;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 99;
    cursor: pointer;
    margin: 0;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.pre:hover {
    background: -webkit-gradient( linear, left top, right top, from(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0)));
    background: -webkit-gradient( linear, left top, right top, from(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient( left, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
    background: -o-linear-gradient( left, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
    background: linear-gradient( to right, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.nxt:hover {
    background: -webkit-gradient( linear, right top, left top, from(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0)));
    background: -webkit-gradient( linear, right top, left top, from(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient( right, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
    background: -o-linear-gradient( right, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
    background: linear-gradient( to left, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.pre {
    left: 0;
}

.nxt {
    right: 0;
}

.slider-nav-dots {
    width: 100%;
    height: 11px;
    bottom: 30px;
    position: absolute;
    text-align: center;
    z-index: 99;
}

.slider-dots {
    top: -5px;
    width: 14px;
    height: 14px;
    margin: 0 4px;
    position: relative;
    border-radius: 50%;
    display: inline-block;
    background: rgba(255, 255, 255, 0.6);
    cursor: pointer;
}

.slide-img {
    z-index: -1;
}

#i1:checked~#slider-one,
#i2:checked~#slider-two,
#i3:checked~#slider-three {
    z-index: 9;
    -webkit-animation: scroll 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    animation: scroll 1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#i1:checked~.slider-nav-dots #dot1,
#i2:checked~.slider-nav-dots #dot2,
#i3:checked~.slider-nav-dots #dot3 {
    background: rgba(0, 105, 169, 0.8);
}

@-webkit-keyframes scroll {
    0% {
        opacity: 0.8;
    }
    100% {
        opacity: 1;
    }
}

@keyframes scroll {
    0% {
        opacity: 0.8;
    }
    100% {
        opacity: 1;
    }
}

.slider-text {
    width: 100%;
    height: 100%;
    background: rgba(28, 28, 28, 0.5);
    text-align: center;
    color: #fff;
}

.slider-text a {
    color: #fff;
    text-decoration: none;
    font-weight: 300;
    font-size: 22px;
    /* -webkit-font-smoothing: antialiased; */
}

.slider-text a img {
    width: 600px;
    padding-top: 300px;
}

#eintreten {
    margin-top: 28px;
    display: inline-block;
}

#eintreten p {
    margin-top: -20px;
    border-bottom: 2px solid #0069a9;
    font-weight: 300;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

#eintreten p:hover {
    border-bottom: 2px solid #fff;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

#small-screen-logo {
    display: none;
}

#start-subline {
    font-size: 20px;
    padding: 0 20px;
}

#sec-start-za {
    margin-top: -20px;
}

.no-margin {
    margin-bottom: -20px;
}


/*

                                            ----------------------
                                            SLIDER LEISTUNGEN.HTML
                                            ----------------------

*/

.slider-leistungen {
    position: relative;
    height: 364px;
    width: 100%;
    background: url(../img/instrumente.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
}

.slider-leistungen-mobil {
    display: none;
    position: relative;
    height: 364px;
    width: 100%;
    background: url(../img/instrumente-mobil.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
}

#leistungen-slider {
    margin: auto;
    width: 100%;
    height: 100%;
    background: rgba(28, 28, 28, 0.25);
}

#leistungen-slider a p,
#leistungen-slider-mobil a p {
    display: initial;
    width: 100%;
    font-size: 28px;
    font-weight: 300;
    color: #fff;
    margin: 0;
    border-bottom: 2px solid #0069a9;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

#leistungen-slider a p:hover,
#leistungen-slider-mobil a p:hover {
    border-bottom: 2px solid #fff;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

#leistungen-slider a,
#leistungen-slider-mobil a {
    text-decoration: none;
}

#leistungen-slider-mobil {
    display: none;
    margin: auto;
    width: 100%;
    height: 100%;
    background: rgba(28, 28, 28, 0.25);
}

#inside-leistungen {
    display: block;
    width: 240px;
    margin: auto;
    padding-top: 200px;
}


/*

                                            --------------------------
                                            SLIDER PRAXISRUNDGANG.HTML
                                            --------------------------

*/

.slider-galerie {
    position: relative;
    height: 364px;
    width: 100%;
    background: url(../img/rundgang.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
}

.slider-galerie-mobil {
    display: none;
    position: relative;
    height: 364px;
    width: 100%;
    background: url(../img/rundgang-mobil.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
}

#galerie-slider {
    margin: auto;
    width: 100%;
    height: 100%;
    background: rgba(28, 28, 28, 0.25);
}

#galerie-slider a p,
#galerie-slider-mobil a p {
    display: initial;
    width: 100%;
    font-size: 28px;
    font-weight: 300;
    color: #fff;
    margin: 0;
    border-bottom: 2px solid #0069a9;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

#galerie-slider a p:hover,
#glaerie-slider-mobild a p:hover {
    border-bottom: 2px solid #fff;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

#galerie-slider a,
#galerie-slider-mobil a {
    text-decoration: none;
}

#galerie-slider-mobil {
    display: none;
    margin: auto;
    width: 100%;
    height: 100%;
    background: rgba(28, 28, 28, 0.25);
}

#inside-galerie {
    display: block;
    width: 200px;
    margin: auto;
    padding-top: 200px;
}


/*

                                            ----------------
                                            SLIDER TEAM.HTML
                                            ----------------

*/

.slider-team {
    position: relative;
    height: 364px;
    width: 100%;
    background: url(../img/team.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
}

.slider-team-mobil {
    display: none;
    position: relative;
    height: 364px;
    width: 100%;
    background: url(../img/team-mobil.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
}

#team-slider {
    margin: auto;
    width: 100%;
    height: 100%;
    background: rgba(28, 28, 28, 0.25);
}

#team-slider a p,
#team-slider-mobil a p {
    display: initial;
    width: 100%;
    font-size: 28px;
    font-weight: 300;
    color: #fff;
    margin: 0;
    border-bottom: 2px solid #0069a9;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

#team-slider a p:hover {
    border-bottom: 2px solid #fff;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

#team-slider a {
    text-decoration: none;
}

#team-slider-mobil {
    display: none;
    margin: auto;
    width: 100%;
    height: 100%;
    background: rgba(28, 28, 28, 0.25);
}

#inside-team {
    display: block;
    width: 200px;
    margin: auto;
    padding-top: 200px;
}


/*

                                            ---------------------
                                            SLIDER AKTUELLES.HTML
                                            ---------------------

*/

.slider-aktuelles {
    position: relative;
    height: 364px;
    width: 100%;
    background: url(../img/aktuelles.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
}

.slider-aktuelles-mobil {
    display: none;
    position: relative;
    height: 364px;
    width: 100%;
    background: url(../img/aktuelles-mobil.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
}

#aktuelles-slider {
    margin: auto;
    width: 100%;
    height: 100%;
    background: rgba(28, 28, 28, 0.25);
}

#aktuelles-slider a p {
    display: initial;
    width: 100%;
    font-size: 28px;
    font-weight: 300;
    color: #fff;
    margin: 0;
    border-bottom: 2px solid #0069a9;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

#aktuelles-slider a p:hover {
    border-bottom: 2px solid #fff;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

#aktuelles-slider a {
    text-decoration: none;
}

#inside-aktuelles {
    display: block;
    width: 200px;
    margin: auto;
    padding-top: 200px;
}


/*

                                            -------------------
                                            SLIDER KONTAKT.HTML
                                            -------------------

*/

.slider-kontakt {
    position: relative;
    height: 364px;
    width: 100%;
    background: url(../img/phone.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
}

.slider-kontakt-mobil {
    display: none;
    position: relative;
    height: 364px;
    width: 100%;
    background: url(../img/phone-mobil.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
}

#kontakt-slider {
    margin: auto;
    width: 100%;
    height: 100%;
    background: rgba(28, 28, 28, 0.25);
}

#kontakt-slider a p {
    display: initial;
    width: 100%;
    font-size: 28px;
    font-weight: 300;
    color: #fff;
    margin: 0;
    border-bottom: 2px solid #0069a9;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

#kontakt-slider a p:hover {
    border-bottom: 2px solid #fff;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

#kontakt-slider a {
    text-decoration: none;
}

#inside-kontakt {
    display: block;
    width: 200px;
    margin: auto;
    padding-top: 200px;
}

.terminvereinbarung a {
    text-decoration: none;
    color: #1c1c1c;
}

.terminvereinbarung a:hover {
    color: #c1c1c1;
}


/*

                                    ----------------------------
                                    START-CONTAINER 1 INDEX.HTML
                                    ----------------------------

*/

.start-container-1 {
    position: relative;
    width: 100%;
    height: auto;
    background: #fff;
    color: #1c1c1c;
    margin: 0;
    padding: 0;
    display: inline-block;
    text-align: center;
}

.start-container-1 h2 {
    margin: 0;
    margin-top: 60px;
    margin-bottom: 30px;
    font-weight: 600;
    font-size: 19px;
}

#taetigkeit {
    font-weight: 400;
    margin-top: -14px;
}

.start-container-1 h3,
.flexbox-aktuelles-content h3 {
    font-weight: 400;
    font-size: 19px;
    line-height: 2em;
}

#diagnostik {
    margin: 20px auto 50px auto;
    display: inline-block;
    background: #fff;
    padding: 10px 20px;
    border: 1px solid #0069a9;
    border-radius: 5px;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

#diagnostik:hover {
    background: #0069a9;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

#diagnostik h3 {
    display: inline;
    font-weight: 400;
    font-size: 19px;
}

.start-container-1 div a {
    color: #0069a9;
    text-decoration: none;
}

.start-container-1 div a:hover {
    color: #fff;
}


/*

                                    ----------------------------
                                    START-CONTAINER 2 INDEX.HTML
                                    ----------------------------

*/

.start-container-2 {
    width: 100%;
    height: 850px;
    background: #dbeaf3;
    padding-bottom: 50px;
}

.flexcontainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flexbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: auto;
    margin-bottom: 30px;
}

.flexcontainer a {
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.inner-flexbox {
    margin-top: 70px;
    margin-left: 25px;
    margin-right: 25px;
    height: 100%;
    width: 339px;
}

.flexbox .img {
    width: 339px;
    height: 226.5px;
    background: #c1c1c1;
    margin: 0;
    margin-bottom: 30px;
    padding: 0;
}

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

.inner-flexbox p {
    font-weight: 300;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 30px;
    line-height: 2em;
}

.flexbox a {
    color: #1c1c1c;
    text-decoration: none;
    font-weight: 300;
    font-size: 16px;
    border-bottom: 2px solid #0069a9;
    padding-bottom: 5px;
    display: inline;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.flexbox a:hover {
    border-bottom: 2px solid #fff;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.button {
    border: 1px solid #0069a9;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.39);
    text-decoration: none;
    padding: 10px 20px;
    color: #0069a9;
    font-weight: 300;
    cursor: pointer;
}

.button p {
    margin: 0;
    font-size: 16px;
}

.button:hover {
    background: #0069a9;
    color: #fff;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.flexbox .img-s1 {
    background: url(../img/cerec.jpg);
    background-position: center;
    background-size: cover;
}

.flexbox .img-s2 {
    background: url(../img/ze-implantat.jpg);
    background-position: center;
    background-size: cover;
}

.flexbox .img-s3 {
    background: url(../img/rundgang.jpg);
    background-position: center;
    background-size: cover;
}

.inner-inner-start {
    position: relative;
    text-align: left;
    height: 400px;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.inner-inner-start-header {
    display: block;
    height: 55px;
}

.inner-inner-start-main {
    height: 250px;
}

.inner-inner-start-footer {
    display: inline-block;
}

.inner-inner-start-footer a {
    margin: 0;
    text-align: left;
    display: inline;
}

.flexbox h3 {
    display: table;
    font-weight: 300;
    font-size: 19px;
    height: 52px;
}

#sectionstart {
    position: absolute;
    top: -70px;
}


/*

                                    ----------------------------
                                    START-CONTAINER 3 INDEX.HTML
                                    ----------------------------

*/

.start-container-3 {
    width: 100%;
    height: 540px;
    background: #fff;
    text-align: center;
    padding: 50px 0;
}

.aktuelles-start {
    width: 100%;
    height: 100%;
    display: inline-block;
    text-align: center;
}

.aktuelles-start h2 {
    font-size: 19px;
    margin: 0;
    padding-bottom: 30px;
    font-weight: 600;
}

.flexbox-aktuelles-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto;
    padding: 0 50px;
    margin-bottom: 70px;
}

.aktuelles-start .flexbox-aktuelles-start a {
    margin: 0;
}

.aktuelles-start a {
    margin: auto;
    display: inline;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#aktuelles-foto {
    width: 280px;
    padding-right: 50px;
}

#aktuelles-foto img {
    width: 280px;
}

.flexbox-aktuelles-content {
    text-align: left;
    width: 735px;
    height: 100%;
}

.flexbox-aktuelles-content h3 {
    font-size: 19px;
    margin: 0;
    margin-bottom: 15px;
}

.flexbox-aktuelles-content a {
    font-size: 16px;
    font-weight: 300;
    color: #1c1c1c;
    text-decoration: none;
    border-bottom: 2px solid #0069a9;
    float: left;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.flexbox-aktuelles-content a:hover {
    border-bottom: 2px solid #fff;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.date {
    font-size: 14px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 15px;
}

.aktuelles-text {
    line-height: 2em;
    font-weight: 300;
    margin: 0;
    margin-bottom: 20px;
}

.button-2 {
    display: block;
    border: 1px solid #0069a9;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.39);
    text-decoration: none;
    padding: 10px 20px;
    color: #0069a9;
    font-weight: 300;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.button-2 a {
    display: inline;
}

.button-2 p {
    display: inline;
    margin: 0;
    font-size: 16px;
}

.button-2:hover {
    background: #0069a9;
    color: #fff;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}


/*

                                                ----------
                                                MEHR LESEN
                                                ----------

*/

.read-more-wrap {
    font-size: 16px;
    font-weight: 300;
    line-height: 2em;
}

.read-more-state {
    display: none;
}

.read-more-target {
    opacity: 0;
    max-height: 0;
    font-size: 0;
    -webkit-transition: 0s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: 0s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: 0s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.read-more-state:checked~.read-more-wrap .read-more-target {
    opacity: 1;
    font-size: inherit;
    max-height: 999em;
}

.read-more-state~.read-more-trigger:before {
    content: "Mehr lesen";
}

.read-more-state:checked~.read-more-trigger:before {
    content: "Weniger";
}

.read-more-trigger {
    cursor: pointer;
    display: inline-block;
    color: #1c1c1c;
    font-size: 16px;
    font-weight: 300;
    line-height: 2em;
    border-bottom: 2px solid #0069a9;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.read-more-trigger:hover {
    border-bottom: 2px solid #fff;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}


/*

                                    ----------------------------
                                    START-CONTAINER 4 INDEX.HTML
                                    ----------------------------

*/

.start-container-4 {
    display: none;
    background: #fff4d8;
    margin: 0;
    padding: 40px 0;
    text-align: center;
}

.start-container-4 h2 {
    font-size: 19px;
    margin-top: 10px;
    font-weight: 600;
}

.ueberweiser a {
    margin: auto;
    display: inline;
}

.ueberweiser p {
    display: block;
    font-weight: 300;
    max-width: 680px;
    width: 80%;
    margin: auto;
    line-height: 2em;
    margin-bottom: 50px;
    margin-top: 20px;
    font-size: 16px;
}

.button-3 {
    display: block;
    border: 1px solid #0069a9;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.39);
    text-decoration: none;
    padding: 10px 20px;
    color: #0069a9;
    font-weight: 300;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.button-3 p {
    display: inline;
    margin: 0;
}

.button-3:hover {
    background: #0069a9;
    color: #fff;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}


/*

                                    ----------------------------
                                    START-CONTAINER 5 INDEX.HTML
                                    ----------------------------

*/

.start-container-5 {
    width: 100%;
    height: auto;
    background: rgba(255, 255, 255, 1);
    padding: 50px 0;
}

.flexbox-container-5 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 60%;
    height: 500px;
    border: 1px solid #0069a9;
    border-radius: 4px;
    background: rgba(255, 255, 255, 1);
    padding: 10px 20px;
    margin: auto;
}

.flexbox-container-5 iframe {
    margin-left: 0 !important;
}


/*

                                                ----------
                                                STICKY BAR
                                                ----------

*/

.leistungen-container {
    height: 100;
}

.unsichtbar {
    padding-top: 55px;
    background: #dbeaf3;
}

.sticky {
    top: 0;
    width: 100%;
    padding: 1em 0;
    background-color: #fff4d8;
    background-size: 100px 100px;
    color: #0069a9;
    text-align: center;
    z-index: 4;
}

.fixed {
    position: fixed;
    top: 70px;
}

.sticky a {
    color: #0069a9;
    font-size: 16px;
    font-weight: 400;
    padding: 0 50px;
    text-decoration: none;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.sticky a:hover {
    opacity: 0.5;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}


/*

                                        ----------------------------
                                        LEISTUNGEN CONTENT CONTAINER
                                        ----------------------------

*/

.leistungen-content-container-1 {
    height: 100%;
    width: 100%;
    background: #fff;
    padding-bottom: 100px;
    position: relative;
}

#leistungen-anker,
#hightech-anker,
#service-anker {
    position: absolute;
    margin-top: -100px;
}

.leistungen-content-container-2 {
    height: 100%;
    width: 100%;
    background: #dbeaf3;
    padding-bottom: 100px;
    position: relative;
}

.leistungen-content-container-3 {
    height: 100%;
    width: 100%;
    background: #fff;
    padding-bottom: 100px;
    position: relative;
}


/*

                                                ---------
                                                ACCORDION
                                                ---------

*/

.accordion-global {
    max-width: 960px;
    margin: auto;
    padding-top: 50px;
}

.accordion {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.accordion>.accordion-toggle {
    position: absolute;
    opacity: 0;
    display: none;
}

.accordion>label {
    position: relative;
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0 50px;
    font-size: 19px;
    font-weight: 300;
    border-bottom: 1px solid #a7a7a7;
    cursor: pointer;
}

.accordion>label:after {
    content: "▸";
    color: #0069a9;
    position: absolute;
    top: 0px;
    left: 0;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.accordion>section {
    opacity: 0;
    max-height: 0;
    font-size: 0;
    overflow: hidden;
}

.accordion>.accordion-toggle:checked~label:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.accordion>.accordion-toggle:checked~section {
    opacity: 1;
    font-size: inherit;
    max-height: 999em;
}

.accordion>section p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 2em;
}

.accordion section p:last-child {
    margin-bottom: 20px;
}

#bold {
    font-weight: 600;
}

.accordion-text {
    text-align: center;
    padding-bottom: 50px;
}

.accordion-text h3 {
    font-size: 28px;
    font-weight: 300;
    color: #0069a9;
    -webkit-font-smoothing: antialiased;
    line-height: 2em;
}

.accordion-text h4 {
    font-weight: 600;
    margin: 0;
    line-height: 2em;
}

.accordion-text p {
    font-weight: 300;
    margin: 0;
    line-height: 2em;
}

section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

section li {
    font-weight: 300;
    line-height: 2em;
}

.accordion-text-box {
    width: 75%;
    margin-right: 50px;
}

.accordion-image-box {
    width: 200px;
    height: 200px;
    margin: auto;
    border-radius: 5px;
}

#aib-1
/*Endo*/

{
    background: url(../img/endo.jpg);
}

#aib-2
/*Prophy-Fissuren*/

{
    background: url(../img/fissuren.jpg);
}

#aib-3
/*PZR-Kinder*/

{
    background: url(../img/pzr-kinder.jpg);
}

#aib-4
/*PZR-Speichel*/

{
    background: url(../img/pzr-speichel.jpeg);
}

#aib-5
/*ZE-Kronen*/

{
    background: url(../img/ze-krone.jpg);
}

#aib-6
/*ZE-Brücken*/

{
    background: url(../img/ze-bruecke.jpg);
}

#aib-7
/*ZE-Prothesen*/

{
    background: url(../img/ze-prothese.jpg);
}

#aib-8
/*ZE-Implantate*/

{
    background: url(../img/ze-implantat.jpg);
}

#aib-9
/*Füllungen*/

{
    background: url(../img/fuellung.jpg);
}

#aib-10
/*Inlays*/

{
    background: url(../img/inlays.jpg);
}

#aib-11
/*Bleaching*/

{
    background: url(../img/bleaching.JPG);
}

#aib-12
/*Kiefer*/

{
    background: url(../img/kiefer.jpg);
}

#aib-13
/*Paro*/

{
    background: url(../img/paro.jpg);
}

#aib-14
/*Lachgas*/

{
    background: url(../img/lachgas.jpg);
}

#aib-15
/*Zahnschmuck*/

{
    background: url(../img/zahnschmuck.jpg);
}

#aib-16
/*Cerec*/

{
    background: url(../img/cerec.jpg);
}

#aib-17
/*Dig Röntgen*/

{
    background: url(../img/digitales-roentgen.jpg);
}

#aib-18
/*3D Röntgen*/

{
    background: url(../img/3d-roentgen.jpg);
}

#aib-19
/*Recall*/

{
    background: url(../img/recall.jpg);
}

#aib-20
/*Öffnungszeiten*/

{
    background: url(../img/oeffnung.jpg);
}

#aib-21
/*pzr*/

{
    background: url(../img/pzr.jpg);
}

#aib-1,
#aib-2,
#aib-3,
#aib-4,
#aib-5,
#aib-6,
#aib-7,
#aib-8,
#aib-9,
#aib-10,
#aib-11,
#aib-12,
#aib-13,
#aib-14,
#aib-15,
#aib-16,
#aib-17,
#aib-18,
#aib-19,
#aib-20,
#aib-21 {
    background-position: center;
    background-size: cover;
}

#sectionanker {
    position: absolute;
    top: -200px;
}

#sectionanker2,
#sectionanker4 {
    position: absolute;
    top: -150px;
}

#sectionanker3 {
    position: absolute;
    top: 800px;
}


/*

                                                --------
                                                GALLERIE
                                                --------

*/

.galerie-text {
    text-align: center;
    margin: auto;
    margin-top: 50px;
}

.galerie-text h3 {
    font-weight: 600;
    margin: 0;
    font-size: 16px;
    line-height: 2em;
}

.galerie-text p {
    margin: auto;
    line-height: 2em;
    max-width: 960px;
    font-size: 16px;
    font-weight: 300;
}

.galerie-video {
    max-width: 970px;
    margin: auto;
    margin-top: 80px;
    margin-bottom: 80px;
    text-align: center;
}

.galerie-video iframe {
    width: 60%;
}

.flexbox-gallery {
    max-width: 970px;
    margin: auto;
    margin-top: 80px;
    margin-bottom: 100px;
}

.flexelement-gallery {
    width: 300px;
    height: 300px;
    padding: 0;
    text-decoration: none;
}

.flexelement-gallery-1 {
    width: 250px;
    height: 255px;
    padding: 0;
}

#bild10 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
    grid-row: 1;
    -ms-grid-row: 1;
    grid-column: 1;
    -ms-grid-column: 1;
    grid-area: bild1;
}

.flexbox-gallery2>#bild10 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

#bild20 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-row: 1;
    -ms-grid-row: 1;
    grid-column: 2;
    -ms-grid-column: 2;
    grid-area: bild2;
}

.flexbox-gallery a {
    display: inline-block;
    width: 300px;
    height: 300px;
    margin: 10px;
}

.flexbox-gallery2>#bild20 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

@media only screen and (max-width: 500px) {
    #bild10 {
        grid-row: 1;
        -ms-grid-row: 1;
        grid-column: 1;
        -ms-grid-column: 1;
    }
    #bild20 {
        grid-row: 3;
        -ms-grid-row: 3;
        grid-column: 1;
        -ms-grid-column: 1;
    }
}

@media only screen and (max-width: 1000px) {
    #bild10 {
        grid-row: 1;
        -ms-grid-row: 1;
        grid-column: 1;
        -ms-grid-column: 1;
    }
    #bild20 {
        grid-row: 1;
        -ms-grid-row: 1;
        grid-column: 2;
        -ms-grid-column: 2;
    }
}

#bild30 {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    grid-row: 1;
    -ms-grid-row: 1;
    grid-column: 3;
    -ms-grid-column: 3;
    grid-area: bild3;
}

#bild40 {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
    grid-row: 3;
    -ms-grid-row: 3;
    grid-column: 3;
    -ms-grid-column: 3;
    grid-area: bild4;
}

#bild50 {
    -ms-grid-row: 3;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
    grid-row: 3;
    -ms-grid-row: 3;
    -ms-grid-row-span: 3;
    grid-column: 2;
    -ms-grid-column: 2;
    grid-area: bild5;
}

#bild60 {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    grid-row: 5;
    -ms-grid-row: 5;
    grid-column: 1;
    -ms-grid-column: 1;
    grid-area: bild6;
}

#bild70 {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    grid-row: 7;
    -ms-grid-row: 7;
    grid-column: 1;
    -ms-grid-column: 1;
    grid-area: bild7;
}

#bild80 {
    -ms-grid-row: 7;
    -ms-grid-column: 3;
    grid-row: 7;
    -ms-grid-row: 7;
    grid-column: 2;
    -ms-grid-column: 2;
    grid-area: bild8;
}

#bild90 {
    -ms-grid-row: 5;
    -ms-grid-row-span: 3;
    -ms-grid-column: 5;
    grid-row: 5;
    -ms-grid-row: 5;
    -ms-grid-row-span: 3;
    grid-column: 3;
    -ms-grid-column: 3;
    grid-area: bild9;
}

@media only screen and (max-width: 500px) {
    #bild10 {
        grid-row: 1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        grid-column: 1;
        -ms-grid-column: 1;
    }
    #bild20 {
        grid-row: 5;
        -ms-grid-row: 5;
        grid-column: 1;
        -ms-grid-column: 1;
    }
    #bild30 {
        grid-row: 17;
        -ms-grid-row: 17;
        grid-column: 1;
        -ms-grid-column: 1;
    }
    #bild40 {
        grid-row: 19;
        -ms-grid-row: 19;
        grid-column: 1;
        -ms-grid-column: 1;
    }
    #bild50 {
        grid-row: 7;
        -ms-grid-row: 7;
        -ms-grid-row-span: 3;
        grid-column: 1;
        -ms-grid-column: 1;
    }
    #bild60 {
        grid-row: 11;
        -ms-grid-row: 11;
        grid-column: 1;
        -ms-grid-column: 1;
    }
    #bild70 {
        grid-row: 21;
        -ms-grid-row: 21;
        grid-column: 1;
        -ms-grid-column: 1;
    }
    #bild80 {
        grid-row: 23;
        -ms-grid-row: 23;
        grid-column: 1;
        -ms-grid-column: 1;
    }
    #bild90 {
        grid-row: 13;
        -ms-grid-row: 13;
        -ms-grid-row-span: 3;
        grid-column: 1;
        -ms-grid-column: 1;
    }
}

@media only screen and (max-width: 1000px) {
    #bild10 {
        grid-row: 1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        grid-column: 1;
        -ms-grid-column: 1;
    }
    #bild20 {
        grid-row: 1;
        -ms-grid-row: 1;
        grid-column: 2;
        -ms-grid-column: 2;
    }
    #bild30 {
        grid-row: 4;
        -ms-grid-row: 4;
        grid-column: 2;
        -ms-grid-column: 2;
    }
    #bild40 {
        grid-row: 5;
        -ms-grid-row: 5;
        grid-column: 2;
        -ms-grid-column: 2;
    }
    #bild50 {
        grid-row: 2;
        -ms-grid-row: 2;
        -ms-grid-row-span: 2;
        grid-column: 2;
        -ms-grid-column: 2;
    }
    #bild60 {
        grid-row: 3;
        -ms-grid-row: 3;
        grid-column: 1;
        -ms-grid-column: 1;
    }
    #bild70 {
        grid-row: 6;
        -ms-grid-row: 6;
        grid-column: 1;
        -ms-grid-column: 1;
    }
    #bild80 {
        grid-row: 6;
        -ms-grid-row: 6;
        grid-column: 2;
        -ms-grid-column: 2;
    }
    #bild90 {
        grid-row: 4;
        -ms-grid-row: 4;
        -ms-grid-row-span: 2;
        grid-column: 1;
        -ms-grid-column: 1;
    }
}

.gallery-img-small {
    height: 212.5px;
}

.gallery-img-big {
    height: 455px;
}


/*

                                                ------------
                                                TEAM CONTENT
                                                ------------

*/

.team-content-container-1 {
    max-width: 960px;
    width: 80%;
    margin: auto;
    height: 100%;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 20px;
}

.team-content-container-1 h3 {
    font-weight: 600;
    font-size: 16px;
    line-height: 2em;
    margin: 0 auto;
}

.team-content-container-1 p {
    font-weight: 300;
    font-size: 16px;
    line-height: 2em;
    margin: 0 auto;
}

.team-content-container-2 {
    height: 100%;
    padding: 30px;
}

.team-content-container-3 {
    height: 100%;
    background: #dbeaf3;
    padding: 30px;
}

.team-content-container-4 {
    height: 100%;
    padding: 30px;
}

.team-content-container-5 {
    height: 100%;
    background: #dbeaf3;
    padding: 30px;
}

.team-content-container-6 {
    height: 100%;
    padding: 30px;
}

.team-content-container-7 {
    height: 100%;
    background: #dbeaf3;
    padding: 30px;
}

.team-inside-container-1,
.team-inside-container-2,
.team-inside-container-3,
.team-inside-container-4,
.team-inside-container-5,
.team-inside-container-6 {
    max-width: 1080px;
    margin: auto;
    display: -ms-grid;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.team-img {
    position: relative;
    float: left;
    width: 200px;
    height: 300px;
    padding: 30px 0 80px 0;
}

.team-img#blanko-s {
    z-index: -1;
}

.team-bild-1 {
    background: url(../img/team/uelker.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 150px;
    height: 200px;
}

.team-bild-2 {
    background: url(../img/team/leszczynska.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 150px;
    height: 200px;
}

.team-bild-3 {
    background: url(../img/team/koch.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 150px;
    height: 200px;
}

.team-bild-4 {
    background: url(../img/team/schulz.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 150px;
    height: 200px;
}

.team-bild-5 {
    background: url(../img/team/goebel.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 150px;
    height: 200px;
}

.team-bild-8 {
    background: url(../img/team/lodomez.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 150px;
    height: 200px;
}

.team-bild-6 {
    background: url(../img/team/garcia.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 150px;
    height: 200px;
}

.team-bild-7 {
    background: url(../img/team/michael.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 150px;
    height: 200px;
}

.team-bild-9 {
    background: url(../img/team/avatar.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 150px;
    height: 200px;
}

.team-bild-10 {
    background: url(../img/team/kreidt.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 150px;
    height: 200px;
}

.team-bild-11 {
    background: url(../img/team/11.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 150px;
    height: 200px;
}

.team-bild-12 {
    background: url(../img/team/schauermann.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 150px;
    height: 200px;
}

.team-bild-13 {
    background: url(../img/team/olbertz.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 150px;
    height: 200px;
}

.team-bild-großgarten {
    background: url(../img/team/großgarten.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 150px;
    height: 200px;
}

.team-bild-azeez {
    background: url(../img/team/azeez.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 150px;
    height: 200px;
}

.team-bild-imberg {
    background: url(../img/team/imberg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 150px;
    height: 200px;
}

.team-bild-sandmann {
    background: url(../img/team/sandmann.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 150px;
    height: 200px;
}

@media only screen and (max-width: 1000px) {
}

@media only screen and (max-width: 650px) {
    .sticky a {
        padding: 0 10px;
    }
    #leistungen-anker,
    #hightech-anker,
    #service-anker {
        position: absolute;
        margin-top: -220px;
    }
    /* #koch {
        grid-row: 1;
        -ms-grid-row: 1;
        grid-column: 1;
        -ms-grid-column: 1;
    }
    #fischer {
        grid-row: 3;
        -ms-grid-row: 3;
        grid-column: 1;
        -ms-grid-column: 1;
    }
    #hempel {
        grid-row: 5;
        -ms-grid-row: 5;
        grid-column: 1;
        -ms-grid-column: 1;
    }
    #lejeune {
        grid-row: 7;
        -ms-grid-row: 7;
        grid-column: 1;
        -ms-grid-column: 1;
    }
    #kreidt {
        grid-row: 8;
        -ms-grid-row: 1;
        grid-column: 1;
        -ms-grid-column: 1;
    } */
}

.team-content-text p,
.info-img-text p {
    font-size: 19px;
    font-weight: 300;
    margin-bottom: 10px;
}

.team-content-text h6,
.info-img-text h6 {
    font-size: 14px;
    font-weight: 300;
    margin: 0;
    padding-bottom: 20px;
}

.team-content-text a {
    text-decoration: none;
    color: #1c1c1c;
}

.team-content-text a p {
    display: inline-block;
    width: 120px;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    border-bottom: 2px solid #fff;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.team-content-text a p:hover {
    border-bottom: 2px solid #0069a9;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

#michael .team-content-text h6,
#olbertz .team-content-text h6 {
    padding-bottom: 20px;
    padding-top: 26px;
}

.flexbox-gallery2 {
    max-width: 960px;
    margin: auto;
    margin-top: 80px;
    margin-bottom: 100px;
    display: -ms-grid;
    display: grid;
    grid-gap: 30px;
    grid-template-areas: "bild1 bild2";
}

.team-content-text ul {
    padding-left: 0px;
    list-style-type: none;
}

.team-content-text ul li {
    font-weight: 300;
    font-size: 7px;
}

.team-content-text ul li p {
    font-weight: 300;
    font-size: 14px;
}

#info-text-push {
    margin-top: 42px;
}

#team-mail-button {
    display: none;
    width: 110px;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

#team-mail-button:hover {
    opacity: .7;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.team-mail-reveal {
    visibility: hidden;
    opacity: 0;
    margin-top: 14px;
    font-size: 14px;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.team-mail-reveal-extension {
    visibility: visible;
    opacity: 1;
    margin-top: 10px;
    font-size: 14px;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}


/*

                                                ----------
                                                TEAM INFOS
                                                ----------

*/

.team-info-container {
    max-width: 1000px;
    width: 80%;
    height: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 30px;
    padding-bottom: 100px;
}

.team-info-content {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.team-info-img {
    width: 180px;
    height: 220px;
    padding-right: 50px;
}

.info-img-schauermann {
    width: 180px;
    height: 220px;
    background: url(../img/team/schauermann.jpg);
    background-size: cover;
    background-position: center;
    margin: 0;
    margin-top: 10px;
}

.info-img-olbertz {
    width: 180px;
    height: 220px;
    background: url(../img/team/olbertz.jpg);
    background-size: cover;
    background-position: center;
    margin: 0;
    margin-top: 10px;
}

.info-img-michael {
    width: 180px;
    height: 220px;
    background: url(../img/team/michael.jpg);
    background-size: cover;
    background-position: center;
    margin: 0;
    margin-top: 10px;
}

.team-info-container-rechts {
    width: 80%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.team-info-text {
    font-weight: 300;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
    padding-left: 50px;
    padding-bottom: 30px;
}

.team-info-text ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    padding: 0;
}

.team-info-text ul li {
    line-height: 2em;
}

.zertifikat-images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.zertifikat-images img:first-child {
    padding-left: 40px;
}

.zertifikat-images img:last-child {
    padding-top: 30px;
}

.team-info-bot {
    padding-left: 40px;
}

.team-info-bot a {
    display: inline-block;
    text-decoration: none;
    color: #1c1c1c;
}

.team-info-bot a p {
    font-weight: 300;
    padding: 0 2px;
    padding-bottom: 5px;
    border-bottom: 2px solid #0069a9;
    margin: 0 auto;
}


/*

                                                ---------
                                                AKTUELLES
                                                ---------

*/

.aktuelles-container-1,
.danke-text,
.fehler-text {
    width: 100%;
    height: 100%;
    background: #fff;
    color: #1c1c1c;
    margin: auto;
    padding: 0;
    text-align: center;
    max-width: 960px;
}

.aktuelles-container-1 h2 {
    margin: 0;
    margin-top: 60px;
    font-weight: 600;
    font-size: 28px;
    font-size: 16px;
    line-height: 2em;
}

.danke-text h2,
.fehler-text h2 {
    margin: 8% 0;
    font-weight: 600;
    font-size: 28px;
    font-size: 16px;
    line-height: 2em;
}

.fehler-text h2 {
    color: #ff3232;
}

.aktuelles-container-1 p {
    font-weight: 300;
    font-size: 16px;
    line-height: 2em;
    margin: 0 auto;
    margin-bottom: 50px;
}

.aktuelles-container-1 div {
    margin-top: 50px;
}

.start-container-3 {
    width: 100%;
    height: 100%;
    background: #fff;
    text-align: center;
}

.aktuelles-aktuelles {
    width: 100%;
    height: 100%;
    display: inline-block;
    text-align: center;
}

.aktuelles-aktuelles h2 {
    margin: 0;
    padding-top: 30px;
    padding-bottom: 50px;
    font-weight: 600;
}

.flexbox-aktuelles-aktuelles {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto;
    padding: 0 50px;
    margin-bottom: 50px;
}

.aktuelles-aktuelles a {
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#aktuelles-bg-color {
    background-color: #dbeaf3;
    padding-bottom: 0;
}

#aktuelles-slim {
    padding-bottom: 0;
}


/*

                                            -----------
                                            GOOGLE MAPS
                                            -----------

*/

.map {
    padding-top: 30px;
}

.map {
    margin: 0;
    padding: 0;
}

.iframe-placeholder {
    margin: 0;
    position: relative;
    height: 505px;
    width: 100%;
    background: url(../img/maps-holder.png);
    background-position: center;
    background-size: cover;
}

.iframe-placeholder p,
.iframe-placeholder a {
    margin: auto;
    text-align: center;
    font-weight: 200;
    font-size: 16px;
}

.iframe-placeholder-content {
    width: 80%;
    max-width: 750px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#maps-button {
    display: block;
    margin: auto;
    margin-top: 50px;
    width: 100px;
    text-align: center;
    padding: 5px 20px;
    background: #fff;
    border: solid 1px #0069a9;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

#maps-button:hover {
    background: #0069a9;
    color: #fff;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}


/*

                                            -------
                                            KONTAKT
                                            -------

*/

.contact-global {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
    height: 100%;
}

.contact-global h3 {
    font-weight: 600;
    padding-bottom: 20px;
}

.contact-wrap {
    width: 960px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: auto;
}

.terminvereinbarung {
    text-align: left;
    padding-right: 40px;
    width: 280px;
}

.terminvereinbarung p {
    font-weight: 300;
    margin: 0;
    padding: 0;
    line-height: 2em;
}

.terminvereinbarung p:first-child {
    font-weight: 600;
}

.contact {
    color: none;
    width: 80%;
    max-width: 1213px;
    margin: auto;
}

.feld {
    text-align: left;
    width: 30.7%;
    margin: px 0;
}

.feld input {
    width: 100%;
    height: 40px;
    border-color: #464646;
    border-width: 0;
    border: 0.5px solid #8fa3a1;
}

.feld:first-child {
    margin-bottom: 0;
}

label {
    margin: 10px 0;
    font-weight: 700;
}

input {
    margin: 10px 0;
    font-size: 16px;
    color: #464646;
    padding-left: 10px;
}

input,
textarea {
    font-family: "Open Sans", sans-serif;
}

#contactmitte {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#nachricht {
    text-align: left;
    width: 100%;
}

#message {
    margin-bottom: 0;
}

.textarea {
    width: 100%;
    height: 150px;
    text-align: left;
    border-color: #464646;
    border-width: 0;
    border: 0.5px solid #8fa3a1;
    border-radius: 0;
    margin: 10px 0;
    font-size: 16px;
    color: #464646;
    padding-left: 10px;
    padding-top: 10px;
}

#botcont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    width: 101%;
}

#pflichtfeld {
    float: right;
    margin: 0;
}

#pflichtfeld p {
    font-size: 12px;
}

#checkbox {
    display: block;
    text-align: left;
}

#checkbox p:first-child {
    font-weight: 600;
    margin-bottom: 0;
}

#checkbox div label {
    font-weight: 300;
}

#checkbox div {
    float: left;
}

#checkbox div input {
    margin-right: 5px;
}

.checkbox-sub {
    margin-top: 50px;
    width: 100%;
}

#datenschutz-text {
    font-size: 14px;
}

.captchasenden {
    margin: 0;
    padding: 0;
}

.absenden1 {
    float: right;
}

.absenden-btn {
    color: #1c1c1c;
    background: none;
    border: none;
    border-bottom: 2px solid #0069a9;
    height: 35px;
    padding: 0;
    margin-top: 250px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.absenden-btn:hover {
    border-bottom: 2px solid transparent;
    color: #0069a9;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

#anliegen,
#erreichbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

#anliegen div,
#erreichbar div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0 20px;
}

#anliegen div:first-child,
#erreichbar div:first-child {
    padding-left: 0;
}

#anliegen div input,
#erreichbar div input {
    margin-right: 7px;
    height: 25px;
}


/*

                                                ---------
                                                IMPRESSUM
                                                ---------

*/

.impressum-container-1 {
    max-width: 960px;
    height: 100%;
    margin: 0 auto;
    padding: 0 10%;
    padding-top: 50px;
    padding-bottom: 100px;
    text-align: center;
}

.impressum-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 300;
    padding-top: 40px;
}

.impressum-wrapper h4 {
    font-weight: 600;
}

#impressumbold {
    font-weight: 700;
}

.impressum-text-links {
    text-align: left;
    width: 45%;
}

.impressum-text-links ul {
    padding-left: 20px;
    list-style: disc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    line-height: 2em;
}

.impressum-text-links ul li a {
    text-decoration: none;
    color: #1c1c1c;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.impressum-text-links ul li a:hover {
    color: #0069a9;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.impressum-text-rechts {
    text-align: left;
    width: 45%;
}

.impressum-text-links p,
.impressum-text-links h4,
.impressum-text-rechts p,
.impressum-text-rechts h4 {
    padding: 0;
    margin: 0;
    line-height: 2em;
}


/*

                                                -----------
                                                MEDIA QUERY
                                                -----------

*/


/* ------------------------------------------------------------- */

@media only screen and (max-width: 1200px) {
    .nav-content a {
        font-size: 16px;
    }
    .start-container-2 {
        height: 850px;
    }
    .flexbox {
        margin-bottom: 0;
    }
    .inner-flexbox {
        width: 250px;
    }
    .inner-inner-start {
        height: 460px;
    }
    .inner-inner-start-header {
        height: 55px;
    }
    .inner-inner-start-main {
        height: 320px;
    }
    .flexbox .img {
        width: 250px;
        height: 167.03px;
    }
    .leistungen-container {
        width: 100%;
    }
    .leistungen-content-container-1,
    .leistungen-content-container-2,
    .leistungen-content-container-3 {
        width: 80%;
        margin: auto;
    }
    .leistungen-content-container-2 {
        background: none;
    }
    .unsichtbar {
        background: none;
    }
    .footer {
        grid-gap: 50px;
    }
    .footer div p,
    .footer div a {
        font-weight: 300;
        font-size: 14px;
    }
    .footer-container {
        width: auto;
    }
    .footer-ref a {
        font-size: 14px;
    }
}

@media only screen and (max-width: 1025px) {
    .slider-text a img {
        padding-top: 230px;
    }
    .flexbox-container-5 {
        width: 80%;
    }
}

@media only screen and (max-width: 1000px) {
    .flexbox-gallery {
        max-width: 645px;
    }
    .flexbox-gallery2 {
        width: 80%;
        grid-template-areas: "bild1 bild2";
    }
    .flexelement-gallery {
        margin: 0 auto;
        width: 100%;
        height: 100%;
    }
    .galerie-text {
        width: 80%;
    }
    .team-content-container-1 {
        margin: auto;
        width: 80%;
    }
    .team-inside-container-1 {
        max-width: 1080px;
        margin: auto;
        display: -ms-grid;
        display: grid;
        grid-gap: 10px;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .team-inside-container-2 {
        max-width: 1080px;
        margin: auto;
        width: 100%;
        display: -ms-grid;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .team-inside-container-3 {
        max-width: 1080px;
        margin: auto;
        width: 100%;
        display: -ms-grid;
        display: grid;
        grid-gap: 50px;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .team-inside-container-4 {
        max-width: 1080px;
        margin: auto;
        width: 100%;
        display: -ms-grid;
        display: grid;
        grid-gap: 50px;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .team-inside-container-5 {
        max-width: 1080px;
        margin: auto;
        width: 100%;
        display: -ms-grid;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .team-img {
        margin: auto;
        height: 100%;
        padding-bottom: 20px;
    }
    .team-img a div {
        margin: auto;
    }
    #blanko {
        display: none;
    }
    .team-bild-1,
    .team-bild-2,
    .team-bild-3,
    .team-bild-4,
    .team-bild-5,
    .team-bild-6,
    .team-bild-7,
    .team-bild-8,
    .team-bild-9,
    .team-bild-10,
    .team-bild-11,
    .team-bild-12,
    .team-bild-13,
    .team-bild-14,
    .team-bild-großgarten,
    .team-bild-azeez,
    .team-bild-sandmann,
    .team-bild-imberg {
        margin: auto;
        width: 200px;
        height: 300px;
    }
    .aktuelles-container-1 div {
        width: 80%;
        margin: auto;
    }
    .contact-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }
    .terminvereinbarung {
        padding: 0;
        margin: auto;
        text-align: center;
        margin-bottom: 30px;
    }
    .contact-form {
        width: 100%;
    }
    #bild10 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        -ms-grid-column: 1;
    }
    .flexbox-gallery2>#bild10 {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    #bild20 {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }
    .flexbox-gallery2>#bild20 {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }
    #bild30 {
        -ms-grid-row: 7;
        -ms-grid-column: 3;
    }
    #bild40 {
        -ms-grid-row: 9;
        -ms-grid-column: 3;
    }
    #bild50 {
        -ms-grid-row: 3;
        -ms-grid-row-span: 3;
        -ms-grid-column: 3;
    }
    #bild60 {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
    }
    #bild70 {
        -ms-grid-row: 11;
        -ms-grid-column: 1;
    }
    #bild80 {
        -ms-grid-row: 11;
        -ms-grid-column: 3;
    }
    #bild90 {
        -ms-grid-row: 7;
        -ms-grid-row-span: 3;
        -ms-grid-column: 1;
    }
    /* #schauermann {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    #lucas {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }
    #michael {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }
    #goebel {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    #lodomez {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
    }
    #uelker {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    #klahr {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }
    #koch {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    #kreidt {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
    }
    #fischer {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }
    #hempel {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }
    #lejeune {
        -ms-grid-row: 3;
        -ms-grid-column: 3;
    } */
}


/* ---------------------------------------------------------- */

@media only screen and (max-width: 900px) {
    .nav-content {
        padding: 0 10% 0 150px;
    }
    .start-container-2 {
        height: auto;
    }
    .flexbox {
        text-align: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: auto;
        margin-bottom: 70px;
        width: 80%;
        height: auto;
    }
    .inner-flexbox {
        margin: 50px auto;
        width: 100%;
        height: auto;
    }
    .inner-inner-start {
        height: auto;
        width: 100%;
    }
    .inner-inner-start-header,
    .inner-inner-start-main,
    .inner-inner-start-footer {
        width: 100%;
    }
    .inner-inner-start-header {
        height: 100%;
    }
    .inner-inner-start-main {
        height: 150px;
    }
    .inner-inner-start-footer {
        height: auto;
    }
    .flexbox .img {
        width: 100%;
        height: 400px;
    }
    .footer {
        grid-template-areas: "anschrift" "kontakt" "oeffnung";
        text-align: center;
    }
    .anschrift-footer,
    .mail-tel-footer {
        width: 100%;
    }
    .weekdays,
    .times {
        text-align: left;
    }
    .team-info-container {
        width: 100%;
    }
    .team-info-content {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .team-info-img {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%;
        height: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 50px;
    }
    .team-info-text {
        padding: 0;
        width: 90%;
        margin: auto;
    }
    .info-img-schauermann,
    .info-img-olbertz,
    .info-img-michael {
        margin: 0;
        margin-right: 30px;
    }
    .info-img-text {
        margin: auto 0;
    }
    .team-info-container-rechts {
        margin: auto;
    }
    #checkbox div {
        display: block;
    }
    .anschrift-footer {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    .mail-tel-footer {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }
    .oeffnungszeiten {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
    }
}


/* ------------------------------------------------------- */

@media only screen and (max-width: 800px) {
    nav {
        background: rgba(28, 28, 28, 0.5);
    }
    .nav-content label {
        display: block;
        cursor: pointer;
    }
    .nav-content {
        background: rgba(28, 28, 28, 0.5);
        padding: 0;
        height: 80px;
        margin-top: -10px;
    }
    .menu-neu {
        margin-top: 22px;
        text-align: center;
        width: 100%;
        display: none;
    }
    .menu-neu a {
        display: block;
        border-bottom: 1px solid #fff;
        color: #fff;
        background: #a7a7a7;
        margin: 0;
    }
    .menu-neu a:hover {
        border-bottom: 1px solid #fff;
    }
    .icon--close {
        font-size: 28px;
    }
    #query-gray {
        background: #c1c1c1;
    }
    #toggle-neu {
        cursor: pointer;
    }
    #toggle-neu:checked~.menu-neu {
        display: block;
    }
    #toggle-neu:checked~label span:first-child {
        display: none;
    }
    #toggle-neu:checked~label span:last-child {
        display: block;
        margin-right: 4px;
    }
    #toggle-neu~label span:last-child {
        display: none;
    }
    .image-one-mobil,
    .image-two-mobil,
    .image-three-mobil {
        display: block;
        height: 100%;
    }
    .image-one,
    .image-two,
    .image-three {
        display: none;
    }
    .slider-leistungen,
    .slider-aktuelles,
    .slider-galerie,
    .slider-kontakt,
    .slider-team {
        display: none;
    }
    .slider-leistungen-mobil,
    .slider-aktuelles-mobil,
    .slider-galerie-mobil,
    .slider-kontakt-mobil,
    .slider-team-mobil {
        display: block;
    }
    .fixed {
        top: 70px;
    }
    .sticky {
        text-align: center;
    }
    .sticky a {
        display: inline-block;
        line-height: 2.5em;
    }
    .aktuelles-container-1 {
        height: 100%;
    }
    .flexbox-aktuelles-aktuelles,
    .flexbox-aktuelles-start {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .flexbox-aktuelles-content {
        width: 90%;
        margin: auto;
        margin-top: 30px;
        text-align: center;
    }
    .flexbox-aktuelles-content div {
        text-align: left;
    }
    .flexbox-aktuelles-content div:last-child {
        text-align: center;
    }
    #aktuelles-foto {
        margin: auto;
        padding: 0;
    }
    .flexbox-aktuelles-start {
        margin-bottom: 40px;
    }
    .impressum-text-links p,
    .impressum-text-links h4,
    .impressum-text-rechts p,
    .impressum-text-rechts h4,
    .impressum-text-links li {
        font-size: 14px;
    }
    #checkbox div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    section {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .accordion-image-box {
        margin-top: 20px;
    }
    .accordion-text-box {
        width: 100%;
        margin: 0;
        margin-top: 30px;
    }
    .unsichtbar {
        padding: 0;
    }
}


/* ------------------------------------------------------ */

@media only screen and (max-width: 700px) {
    .slider-text a img {
        padding-top: 90px !important;
    }
    #logotext a img {
        width: 500px;
    }
    .team-info-text ul li {
        font-size: 14px;
    }
    .impressum-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .impressum-text-links,
    .impressum-text-rechts {
        width: 100%;
    }
    .impressum-text-rechts {
        padding-top: 20px;
    }
    #anliegen,
    #erreichbar {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 20px 0;
    }
    #anliegen div,
    #erreichbar div {
        padding: 0;
    }
    #pflichtfeld {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .absenden-btn {
        margin: 0;
    }
    .menu-neu a {
        height: 50px;
        line-height: 50px;
    }
    .inner-flexbox .img {
        height: 200px;
        margin: 0 auto;
    }
    .inner-inner-start-footer {
        margin: 20px 0;
    }
}


/* ------------------------------------------------------- */

@media only screen and (max-width: 650px) {
    .flexbox-gallery {
        max-width: 320px;
    }
    .accordion-global {
        padding-top: 0;
    }
    .start-container-2 {
        padding-bottom: 50px;
        height: 100%;
    }
    .flexcontainer {
        height: 100%;
    }
    .flexbox {
        width: 80%;
        text-align: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: auto;
        margin-bottom: 70px;
        padding-top: 20px;
        height: 100%;
    }
    .inner-flexbox {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        padding: 30px 0;
    }
    .flexbox .img {
        margin: 0 auto;
        width: 100%;
    }
    .inner-inner-start,
    .inner-inner-start-header,
    .inner-inner-start-main,
    .inner-inner-start-footer {
        margin: 0;
    }
    .inner-inner-start-main {
        height: 100%;
    }
    .inner-inner-start-footer {
        margin: 20px 0;
    }
    .inner-inner-start-header h3 {
        height: auto;
    }
    .flexbox-aktuelles-start {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: auto;
        padding: 0 50px;
        margin-bottom: 70px;
    }
    #aktuelles-foto {
        margin: 0 auto;
        padding: 0;
    }
    .flexbox-aktuelles-content {
        margin: 0 auto;
        margin-top: 30px;
        width: 100%;
    }
    .footer-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 90%;
        height: 100%;
        padding: 20px 0;
    }
    .footer-container a:first-child,
    .footer-container a:last-child {
        padding: 0;
    }
    .footer-container div {
        width: 100%;
        height: auto;
    }
    .footer-right div:first-child {
        width: 170px;
        margin: auto;
    }
    .footer-zertifikate-small a:first-child {
        float: left;
    }
    .footer-zertifikate-small a:last-child {
        float: right;
    }
    .footer-logo {
        width: 100%;
        text-align: center;
    }
    .footer-logo a {
        margin: auto;
    }
    .footer-ref {
        padding: 30px 0;
        margin: 0;
        width: 100%;
        text-align: center;
    }
    .footer-zertifikate {
        display: none;
    }
    .footer-zertifikate-small {
        display: block;
        width: 100%;
        margin: 0;
        text-align: center;
    }
    .footer-zertifikate-small a {
        text-decoration: none;
        padding: 0 20px;
    }
    .footer-zertifikate-small a {
        width: 100%;
    }
    .team-inside-container-1 {
        max-width: 100%;
        margin: auto;
        display: -ms-grid;
        display: grid;
        grid-gap: 10px;
        grid-template-columns: 1fr;
    }
    .team-inside-container-2 {
        max-width: 100%;
        margin: auto;
        display: -ms-grid;
        display: grid;
        grid-gap: 10px;
        grid-template-columns: 1fr;
    }
    .team-inside-container-3 {
        max-width: 100%;
        margin: auto;
        display: -ms-grid;
        display: grid;
        grid-gap: 10px;
        grid-template-columns: 1fr;
    }
    .team-inside-container-4 {
        max-width: 100%;
        margin: auto;
        display: -ms-grid;
        display: grid;
        grid-gap: 10px;
        grid-template-columns: 1fr;
    }
    .team-inside-container-5 {
        max-width: 100%;
        margin: auto;
        display: -ms-grid;
        display: grid;
        grid-gap: 10px;
        grid-template-columns: 1fr;
    }
    #blanko-s {
        display: none;
    }
    #olbertz .team-content-text h6,
    #michael .team-content-text h6 {
        padding-bottom: 20px;
    }
    #contactmitte {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .feld {
        width: 100%;
    }
    .form {
        padding: 0;
    }
    .textarea {
        padding-top: 10px;
    }
    .contact {
        height: 100%;
    }
    .contact-global {
        height: 100%;
    }
    #schauermann {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    #olbertz {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }
    #michael {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
    }
    #goebel {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    #lodomez {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }
    #uelker {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    #klahr {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }
    #koch {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    #kreidt {
        -ms-grid-row: 8;
        -ms-grid-column: 1;
    }
    #fischer {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }
    #hempel {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
    }
    #lejeune {
        -ms-grid-row: 7;
        -ms-grid-column: 1;
    }
}


/* ----------------------------------------------------- */

@media only screen and (max-width: 550px) {
    #logotext a img {
        width: 400px;
    }
    .footer-ref {
        width: 50px;
        height: 100%;
    }
    .footer-ref a {
        display: block;
        width: 100%;
        line-height: 2em;
    }
    .footer-ref span {
        display: none;
    }
    .zertifikat-images {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .zertifikat-images img {
        width: 220px;
        height: 220px;
        margin: auto;
    }
    .zertifikat-images img:first-child {
        padding: 0;
    }
    .zertifikat-images img:last-child {
        padding-bottom: 40px;
    }
}

@media only screen and (max-width: 500px) {
    #logotext {
        display: none;
    }
    #eintreten {
        font-size: 16px;
    }
    #small-screen-logo {
        padding-top: 165px;
        display: block;
        text-align: center;
        margin: 0 auto;
    }
    #small-screen-logo h3 {
        font-weight: 300;
        margin-top: 20px;
        padding: 0 20px;
    }
    .accordion {
        height: 100%;
    }
    .accordion label {
        height: 100%;
        line-height: 2em;
    }
    .flexbox-gallery {
        grid-gap: 50px;
        grid-template-areas: "bild1" "bild1" "bild2" "bild5" "bild5" "bild6" "bild9" "bild9" "bild3" "bild4" "bild7" "bild8";
    }
    .flexbox-gallery2 {
        grid-gap: 50px;
        grid-template-areas: "bild1" "bild2";
    }
    .team-info-img {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        height: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: auto;
        margin-bottom: 50px;
    }
    .info-img-schauermann,
    .info-img-olbertz,
    .info-img-michael {
        margin: auto;
    }
    .info-img-text {
        text-align: center;
    }
    #bild10 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        -ms-grid-column: 1;
    }
    .flexbox-gallery2>#bild10 {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    #bild20 {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
    }
    .flexbox-gallery2>#bild20 {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }
    #bild30 {
        -ms-grid-row: 17;
        -ms-grid-column: 1;
    }
    #bild40 {
        -ms-grid-row: 19;
        -ms-grid-column: 1;
    }
    #bild50 {
        -ms-grid-row: 7;
        -ms-grid-row-span: 3;
        -ms-grid-column: 1;
    }
    #bild60 {
        -ms-grid-row: 11;
        -ms-grid-column: 1;
    }
    #bild70 {
        -ms-grid-row: 21;
        -ms-grid-column: 1;
    }
    #bild80 {
        -ms-grid-row: 23;
        -ms-grid-column: 1;
    }
    #bild90 {
        -ms-grid-row: 13;
        -ms-grid-row-span: 3;
        -ms-grid-column: 1;
    }
}

@media only screen and (max-width: 400px) {
    .sticky {
        display: none;
    }
    .footer div p,
    .footer div a {
        font-size: 12px;
    }
    .footer div {
        width: 170px;
        margin: auto;
    }
    .footer {
        padding: 40px 0;
        margin: auto;
    }
    .flexbox-container-5 {
        height: 500px;
    }
}