/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */

/**
* individuell angepasst für infradesign 
* durch Andreas Wasner
* Stand: 23.01.2021
*/

/* owl-nav */
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .owl-theme .owl-nav [class*='owl-'] {
        margin: 0 15px 0 0;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .owl-theme .owl-nav [class*='owl-'] {
        margin: 0 15px 0 0;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .owl-theme .owl-nav [class*='owl-'] {
        margin: 0 15px 0 0;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .owl-theme .owl-nav [class*='owl-'] {
        margin: 0 10% 0 0;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width:1200px) {
    .owl-theme .owl-nav [class*='owl-'] {
        margin: 0 20% 0 20%;
    }
}

    .owl-theme .owl-nav {
        margin-top: 0;
        text-align: center;
        -webkit-tap-highlight-color: transparent;
    }

        .owl-theme .owl-nav [class*='owl-'] {
            color: #FFF;
            font-size: 14px;
            padding: 0 7px;
            background: #D6D6D6;
            display: inline-block;
            cursor: pointer;
            border-radius: 1px;
        }

            .owl-theme .owl-nav [class*='owl-']:hover {
                background: #869791;
                color: #FFF;
                text-decoration: none;
            }

        .owl-theme .owl-nav .disabled {
            opacity: 0.3;
            cursor: default;
        }

            .owl-theme .owl-nav.disabled + .owl-dots {
                margin-top: 0;
            }

    /* owl-dots */
    /* Extra small devices (phones, 600px and down) */
    @media only screen and (max-width: 600px) {
        .owl-theme .owl-dots {
            margin-left: 15px;
        }

            .owl-theme .owl-dots .owl-dot span {
                width: 15px;
                height: 2px;
            }
    }

    /* Small devices (portrait tablets and large phones, 600px and up) */
    @media only screen and (min-width: 600px) {
        .owl-theme .owl-dots {
            margin-left: 15px;
        }

            .owl-theme .owl-dots .owl-dot span {
                width: 15px;
                height: 2px;
            }
    }

    /* Medium devices (landscape tablets, 768px and up) */
    @media only screen and (min-width: 768px) {
        .owl-theme .owl-dots {
            margin-left: 15px;
        }

            .owl-theme .owl-dots .owl-dot span {
                width: 20px;
                height: 3px;
            }
    }

    /* Large devices (laptops/desktops, 992px and up) */
    @media only screen and (min-width: 992px) {
        .owl-theme .owl-dots {
            margin-left: 10%;
        }

            .owl-theme .owl-dots .owl-dot span {
                width: 20px;
                height: 3px;
            }
    }

    /* Extra large devices (large laptops and desktops, 1200px and up) */
    @media only screen and (min-width:1200px) {
        .owl-theme .owl-dots {
            margin-left: 20%;
        }

            .owl-theme .owl-dots .owl-dot span {
                width: 25px;
                height: 3px;
            }
    }

    .owl-theme .owl-dots {
        text-align: left;
        -webkit-tap-highlight-color: transparent;
    }

        .owl-theme .owl-dots .owl-dot {
            display: inline-block;
            zoom: 1;
            *display: inline;
        }

            .owl-theme .owl-dots .owl-dot span {
                margin: 0 1px;
                background-color: slategray;
                display: block;
                -webkit-backface-visibility: visible;
                transition: opacity 200ms ease;
                border-radius: 0;
            }

            .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
                background: gold;
            }