/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

html, body {
    overflow-x: hidden;
    width: 100%;
}

.otgs-development-site-front-end {
    display: none!important;
}

/* BUTTONS */

/* Primary */
.button-primary a,
.button-primary-white a {
    position: relative;
    display: inline-block;
    padding: 1em 0 0.8em; /* Abstand zu den Linien */
    text-align: center;
}

.button-primary a::before,
.button-primary a::after,
.button-primary-white a::before,
.button-primary-white a::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.button-primary a::before {
    top: 0;
    background-image: url('assets/images/button-primary-line-top-red.svg');
}

.button-primary-white a::before {
    top: 0;
    background-image: url('assets/images/button-primary-line-top-white.svg');
}

.button-primary a::after {
    bottom: 0;
    background-image: url('assets/images/button-primary-line-bottom-red.svg');
}

.button-primary-white a::after {
    bottom: 0;
    background-image: url('assets/images/button-primary-line-bottom-white.svg');
}

/* Secondary */
.button-secondary a,
.button-secondary-white a {
    position: relative;
    display: inline-block;
    padding: 0 1.5em 0.8em;
    text-align: center;
}

.button-secondary a::after,
.button-secondary-white a::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    transition: all 0.3s ease;
}

/*.button-secondary a:hover::after,
.button-secondary a:focus::after,
.button-secondary a:active::after,
.button-secondary-white a:hover::after,
.button-secondary-white a:focus::after,
.button-secondary-white a:active::after {
    background-size: 90%;
}*/

.button-secondary a::after {
    bottom: 0;
    background-image: url('assets/images/button-secondary-line-red.svg');
}

.button-secondary-white a::after {
    bottom: 0;
    background-image: url('assets/images/button-secondary-line-white.svg');
}

/* Image-Slider */
.wastl-image-slider {
    height: 100%;
}

.wastl-image-slider .swiper {
    height: 100%;
}

.wastl-image-slider:not(.nav-left) .swiper {
    margin-left: 0;
}

.wastl-image-slider.nav-left .swiper {
    margin-right: 0;
}

.wastl-image-slider .swiper-slide-inner {
    display: flex;
    height: 100%;
    line-height: 0;
}

.wastl-image-slider .swiper-slide-inner img {
    object-fit: cover;
}

.wastl-image-slider:not(.nav-left).elementor-swiper-button-prev,
.wastl-image-slider:not(.nav-left).elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button-prev,
.wastl-image-slider:not(.nav-left).elementor-element.elementor-arrows-position-outside .swiper~.elementor-swiper-button-prev,
.wastl-image-slider:not(.nav-left).elementor-lightbox.elementor-arrows-position-outside .swiper .elementor-swiper-button-prev,
.wastl-image-slider:not(.nav-left).elementor-lightbox.elementor-arrows-position-outside .swiper~.elementor-swiper-button-prev {
    top: calc(50% - 43px); /* 38px (icon size) + 5px margin*/
    left: initial;
    right: 0;
}

.wastl-image-slider.nav-left.elementor-swiper-button-prev,
.wastl-image-slider.nav-left.elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button-prev,
.wastl-image-slider.nav-left.elementor-element.elementor-arrows-position-outside .swiper~.elementor-swiper-button-prev,
.wastl-image-slider.nav-left.elementor-lightbox.elementor-arrows-position-outside .swiper .elementor-swiper-button-prev,
.wastl-image-slider.nav-left.elementor-lightbox.elementor-arrows-position-outside .swiper~.elementor-swiper-button-prev {
    top: calc(50% - 43px); /* 38px (icon size) + 5px margin*/
}

.wastl-image-slider:not(.nav-left).elementor-swiper-button-next,
.wastl-image-slider:not(.nav-left).elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button-next,
.wastl-image-slider:not(.nav-left).elementor-element.elementor-arrows-position-outside .swiper~.elementor-swiper-button-next,
.wastl-image-slider:not(.nav-left).elementor-lightbox.elementor-arrows-position-outside .swiper .elementor-swiper-button-next,
.wastl-image-slider:not(.nav-left).elementor-lightbox.elementor-arrows-position-outside .swiper~.elementor-swiper-button-next {
    top: calc(50% + 5px); /* 5px margin*/
}

.wastl-image-slider.nav-left.elementor-swiper-button-next,
.wastl-image-slider.nav-left.elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button-next,
.wastl-image-slider.nav-left.elementor-element.elementor-arrows-position-outside .swiper~.elementor-swiper-button-next,
.wastl-image-slider.nav-left.elementor-lightbox.elementor-arrows-position-outside .swiper .elementor-swiper-button-next,
.wastl-image-slider.nav-left.elementor-lightbox.elementor-arrows-position-outside .swiper~.elementor-swiper-button-next {
    top: calc(50% + 5px); /* 5px margin*/
    left: 0;
    right: initial;
}

/* FORMIDABLE */
.frm_repeat_buttons a.frm_remove_form_row, .frm_repeat_buttons a.frm_add_form_row {
    border-radius: 0;
    transition: background-color 0.3s ease;
}

@media (max-width: 1024px) {

    /* Image-Slider */
    .wastl-image-slider:not(.nav-left) .swiper,
    .wastl-image-slider.nav-left .swiper {
        margin-left: 0;
    }

    .wastl-image-slider:not(.nav-left).elementor-swiper-button-prev,
    .wastl-image-slider:not(.nav-left).elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button-prev,
    .wastl-image-slider:not(.nav-left).elementor-element.elementor-arrows-position-outside .swiper~.elementor-swiper-button-prev,
    .wastl-image-slider:not(.nav-left).elementor-lightbox.elementor-arrows-position-outside .swiper .elementor-swiper-button-prev,
    .wastl-image-slider:not(.nav-left).elementor-lightbox.elementor-arrows-position-outside .swiper~.elementor-swiper-button-prev
    .wastl-image-slider.nav-left.elementor-swiper-button-prev,
    .wastl-image-slider.nav-left.elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button-prev,
    .wastl-image-slider.nav-left.elementor-element.elementor-arrows-position-outside .swiper~.elementor-swiper-button-prev,
    .wastl-image-slider.nav-left.elementor-lightbox.elementor-arrows-position-outside .swiper .elementor-swiper-button-prev,
    .wastl-image-slider.nav-left.elementor-lightbox.elementor-arrows-position-outside .swiper~.elementor-swiper-button-prev {
        left: initial;
        right: 0;
    }

    .wastl-image-slider:not(.nav-left).elementor-swiper-button-next,
    .wastl-image-slider:not(.nav-left).elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button-next,
    .wastl-image-slider:not(.nav-left).elementor-element.elementor-arrows-position-outside .swiper~.elementor-swiper-button-next,
    .wastl-image-slider:not(.nav-left).elementor-lightbox.elementor-arrows-position-outside .swiper .elementor-swiper-button-next,
    .wastl-image-slider:not(.nav-left).elementor-lightbox.elementor-arrows-position-outside .swiper~.elementor-swiper-button-next,
    .wastl-image-slider.nav-left.elementor-swiper-button-next,
    .wastl-image-slider.nav-left.elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button-next,
    .wastl-image-slider.nav-left.elementor-element.elementor-arrows-position-outside .swiper~.elementor-swiper-button-next,
    .wastl-image-slider.nav-left.elementor-lightbox.elementor-arrows-position-outside .swiper .elementor-swiper-button-next,
    .wastl-image-slider.nav-left.elementor-lightbox.elementor-arrows-position-outside .swiper~.elementor-swiper-button-next {
        left: initial;
        right: 0;
    }

}