/* 
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
*/

/* Add your custom styles here */

body.elementor-editor-active .leistungen-teaser > .e-con-inner > .elementor-element, .start-animation > .e-con-inner > .elementor-element {
	opacity: 1 !important;
}



h1, h2, h3, h4, h5, .elementor-heading-title {
    hyphens: auto;
    word-break: break-word;
}

p {
    hyphens: auto;
}

.elementor-widget-counter {
	.elementor-counter {
		.elementor-counter-title {
			text-align: center;
		}
	}
}


.text-bg {
    h1, h2, h3, h4, h5, h6, p {
        padding: 3px 15px;
        background: black;
        display: inline;
        line-height: 1.7 !important;

        @media (max-width: 1200px) {
            padding: 0;
        }
    }

    &.orange {
        h1, h2, h3, h4, h5, h6, p {
            background: #F7A600;
            color: white;
        }
    }

    &.black {
        h1, h2, h3, h4, h5, h6, p {
            background: black;
            color: white;
        }
    }
}

@media (min-width: 768px) {
    .mg-left {
        margin-left: 50px;
    }
}

.orangee {
    color: #F7A600 !important;

    * {
        color: #F7A600 !important;
    }
}

.white {
    color: white !important;

    * {
        color: white !important;
    }
}

.strong-orange {
    strong {
        color: #F7A600 !important;
    }
}

.mg-left-form {
    margin-left: 30px;
}

/* Tabelle */
table {
    tr {
        td,
        th {
            padding: 0;
            border: 0;
        }
    }

    tbody > tr:nth-child(odd) > td,
    table tbody > tr:nth-child(odd) > th {
        background: transparent !important;
    }
}



.elementor-widget-call-to-action {
    .elementor-cta__bg-overlay {
        display: none;
    }
}

.masonry-startseite {
    > .e-con-inner {
        .elementor-element {
            &:hover,
            &:focus,
            &:focus-within {
                z-index: 999;
            }

            .elementor-widget-container {
                a {
                    display: block;
                    transform: scale(1);
                    border: 0 solid #363636;
                    transition: all 300ms ease-in-out;

                    &:hover,
                    &:focus,
                    &:focus-within {
                        border: 1px solid #363636;
                        transform: scale(1.075);
                        z-index: 9999;
                    }
                }
            }
        }
    }
}

.logo.elementor-widget-heading * {
    font-weight: 700 !important;
}

.gda-floating-contact {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 16px;
    z-index: 9999;
}

@media (max-width: 800px) {
    .gda-floating-contact {
        top: unset;
        bottom: 32px;
    }
}
.gda-floating-btn {
    width: 75px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease;
}

.gda-floating-btn.gda-floating-btn--phone,
.gda-floating-btn.gda-floating-btn--mail {
    background-color: #4F735C !important; /* Platzhalter – wird durch Screenshot-Farbe ersetzt */
}

.gda-floating-btn.gda-floating-btn--phone:hover,
.gda-floating-btn.gda-floating-btn--phone:focus,
.gda-floating-btn.gda-floating-btn--phone:focus-within,
.gda-floating-btn.gda-floating-btn--mail:hover,
.gda-floating-btn.gda-floating-btn--mail:focus,
.gda-floating-btn.gda-floating-btn--mail:focus-within {
    background-color: #4f735cbf !important; /* Platzhalter – wird durch Screenshot-Farbe ersetzt */
}


/* Mobile: Buttons kleiner darstellen, optional */
@media (max-width: 768px) {
    .gda-floating-btn {
        width: 70px;
        height: 70px;
    }
    .gda-floating-btn img {
        width: 28px;
        height: 28px;
    }
}