/* Additional style overrides for Kostka */

/* Das Firmenlogo ist randlos, daher muss es ein paar Pixel abgesetzt werden */
.logo-default {
    margin-top: 6px;
    margin-bottom: 6px;
}
.logo-dark {
    margin-top: 6px;
    margin-bottom: 6px;
}
/* Sieht ansonsten mit Serifen ziemlich schlecht aus */
#footer {
    font-family: sans-serif;
    font-size: 0.95rem;
}
/* Alpha-Hintergrund mit Firmenfarbe dient dem Absetzen von Text gegen den Hintergrund */
.swiper-alpha-background {
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.4);
}

/* Anker von Link-Zielen um die Höhe des Headers versetzen */
:target {
    scroll-margin-top: 75px;
}

/* Kostka-Seite ist sehr textlastig, daher halbieren wir die großzügigen Abstände der Textbereiche */
.kostka-info p {
    margin-bottom: 15px;
}
.kostka-info h3 {
    margin-bottom: 15px;
}
.kostka-info li {
    margin-left: 1em;
}

/* Fade in/out des Carousel sliders */
.testimonials-carousel .owl-item {
    opacity: 0.25;
    transform: scale(.9);
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}

.testimonials-carousel .owl-item.active.center {
    opacity: 1;
    transform: scale(1);
}

.clients { max-height: 50px; }

.owl-stage-outer::before,
.owl-stage-outer::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 300px;
    height: 100%;
    z-index: 1;
    background: -moz-linear-gradient(left, rgba(249,249,249,1) 52%, rgba(249,249,249,0.06) 90%, rgba(249,249,249,0) 100%);
    background: -webkit-linear-gradient(left, rgba(249,249,249,1) 52%,rgba(249,249,249,0.06) 90%,rgba(249,249,249,0) 100%);
    background: linear-gradient(to right, rgba(249,249,249,1) 52%,rgba(249,249,249,0.06) 90%,rgba(249,249,249,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#00f9f9f9',GradientType=1 );
}

.owl-stage-outer::after {
    left: auto;
    right: 0;
    background: -moz-linear-gradient(right, rgba(249,249,249,1) 52%, rgba(249,249,249,0.06) 90%, rgba(249,249,249,0) 100%);
    background: -webkit-linear-gradient(right, rgba(249,249,249,1) 52%,rgba(249,249,249,0.06) 90%,rgba(249,249,249,0) 100%);
    background: linear-gradient(to left, rgba(249,249,249,1) 52%,rgba(249,249,249,0.06) 90%,rgba(249,249,249,0) 100%);
}

/* Overlay container for images on location page */
.kostka-overlay-container {
    position: relative;
}

.kostka-overlay-image {
    display: block;
    width: 100%;
    height: auto;
}

.kostka-overlay {
    position: absolute;
    background: rgba(0, 0, 0, 0.5); /* Black see-through */
    color: #f1f1f1;
    width: 100%;
    padding: 10px;
    padding-left: 20px;
    text-align: left;
}
.kostka-overlay-top {
    top: 0;
}
.kostka-overlay-bottom {
    bottom: 0;
}

/* Homepage Gestaltung */
.stroked {
    -webkit-text-stroke-color:black;
    text-stroke-color:black;
    -webkit-text-stroke-width:2px;
    text-stroke-width:1px;
}

.membership {
    filter: Grayscale(100%);
    text-align: center;
}