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


/*Audio Player*/
.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body {
    background: var(--e-global-color-primary) !important;
}

/*404 Page Language Switcher*/

.error404 .elementor-widget-wpml-language-switcher {display:none}

/*Sidebar Menu*/
.sidebar .uc-side-menu-items ul li a {
justify-content: space-between !important;
}


/*Image Slider Custom Margin-bottom*/

.slider-margin-top .swiper .swiper-pagination-bullets.swiper-pagination-horizontal {bottom: -10px;}
.slider-margin-top {margin-bottom:15px !important}

/* Iconlist Background Round*/

.icon-bg-white .elementor-icon-list-icon {
    background-color: #ffffff;
    border-radius: 50%;
  height: 50px;
  width: 50px;
}
.icon-bg-white .elementor-icon-list-icon svg {margin: 0 auto !important;
  padding: 4%;
    
}
  

/* Flipbox Back-Hover Text Bottom*/

.align-bottom .elementor-flip-box__back .elementor-flip-box__layer__overlay {
  margin-top: 35%;
}

.motion-corner-left .elementor-motion-effects-container{
    border-bottom-left-radius: 50px;
}

.motion-corner-right .elementor-motion-effects-container{
    border-bottom-right-radius: 50px;
}

.certificate .elementor-flip-box {
  height:150px !important;
}


@media only screen and (max-width: 1080px) and (min-width: 768px) {
.zertifikate .elementor-flip-box {
    height: 150px !important;

}
}

/* Add your custom styles here */


.hero-icon .widget-image-caption {
    display:none;
  transition: 1s;
}
.hero-icon:hover .widget-image-caption {
    display:block;
 rotate: -28deg;
margin-left: -90px;
  margin-right: 90px;
  padding: 5px;


}

.elementor-button-text {
  align-content: center;
}

.button-hover-icon-circle .elementor-button-icon{
    background: #000;
    border-radius: 100px;
    padding: 7px;
}

.button-hover-icon-circle .elementor-button-icon .cls-1{
    fill: #000 !important;

}

.lila.button-hover-icon-circle .elementor-button-icon{
    background: var(--e-global-color-003cdb8)!important;
}

.yellow.button-hover-icon-circle .elementor-button-icon{
    background: var(--e-global-color-68536fd)!important;
}

.light.pink.button-hover-icon-circle .elementor-button-icon{
    background: var(--e-global-color-9b87182)!important;
}

.pink.button-hover-icon-circle .elementor-button-icon{
    background: var(--e-global-color-7232150)!important;
}

.orange.button-hover-icon-circle .elementor-button-icon{
    background: var(--e-global-color-f77ac10)!important;
}

.green.button-hover-icon-circle .elementor-button-icon{
    background: var(--e-global-color-accent)!important;
}

.grey.button-hover-icon-circle .elementor-button-icon{
    background: var(--e-global-color-secondary)!important;
}

.blue.button-hover-icon-circle .elementor-button-icon{
    background: var(--e-global-color-38763d4)!important;
}

.light.pink.button-hover-icon-circle .elementor-button:hover,
.lila.button-hover-icon-circle .elementor-button:hover,
.yellow.button-hover-icon-circle .elementor-button:hover,
.pink.button-hover-icon-circle .elementor-button:hover,
.orange.button-hover-icon-circle .elementor-button:hover,
.green.button-hover-icon-circle .elementor-button:hover,
.grey.button-hover-icon-circle .elementor-button:hover,
.blue.button-hover-icon-circle .elementor-button:hover
{
    box-shadow: -7px 7px 0px 0px #D9D9D9;
}

.yellow.button-hover-icon-circle .elementor-button:hover .elementor-button-content-wrapper .elementor-button-icon .e-font-icon-svg,
.lila.button-hover-icon-circle .elementor-button:hover .elementor-button-content-wrapper .elementor-button-icon .e-font-icon-svg,
.pink.button-hover-icon-circle .elementor-button:hover .elementor-button-content-wrapper .elementor-button-icon .e-font-icon-svg,
.orange.button-hover-icon-circle .elementor-button:hover .elementor-button-content-wrapper .elementor-button-icon .e-font-icon-svg,
.grey.button-hover-icon-circle .elementor-button:hover .elementor-button-content-wrapper .elementor-button-icon .e-font-icon-svg,
.green.button-hover-icon-circle .elementor-button:hover .elementor-button-content-wrapper .elementor-button-icon .e-font-icon-svg,
.blue.button-hover-icon-circle .elementor-button:hover .elementor-button-content-wrapper .elementor-button-icon .e-font-icon-svg,
.light.pink.button-hover-icon-circle .elementor-button:hover .elementor-button-content-wrapper .elementor-button-icon .e-font-icon-svg

 {
	fill: black !important;
}
.yellow.button-hover-icon-circle .elementor-button:hover svg, 
.lila.button-hover-icon-circle .elementor-button:hover svg,
.pink.button-hover-icon-circle .elementor-button:hover svg,
.orange.button-hover-icon-circle .elementor-button:hover svg,
.green.button-hover-icon-circle .elementor-button:hover svg,
.grey.button-hover-icon-circle .elementor-button:hover svg,
.blue.button-hover-icon-circle .elementor-button:hover svg,
.light.pink.button-hover-icon-circle .elementor-button:hover svg, 
 {
	fill: black !important;
}


.white.button-hover-icon-circle .elementor-button-icon { 
    fill: white !important;
}


.button-hover-icon-circle .elementor-button-content-wrapper{
   align-items: center; /* Vertically center items */
}


.button-hover-icon-circle .elementor-button:hover .elementor-button-content-wrapper .elementor-button-icon .e-font-icon-svg { 
    fill: white;
}


.border-corner-top.elementor-element .elementor-motion-effects-container {border-radius: 50px 0 0 0;}
  
.border-corner-bottom.elementor-element .elementor-motion-effects-container {border-radius: 0 0 50px 0;}

.flip-box-bottom-round-corner .elementor-flip-box{ border-radius: 0 0 50px 0; 
}
.top.flip-box-bottom-round-corner .elementor-flip-box {
  border-radius: 50px 0 0 0 !important;
}

.custom-text-div {
    margin-top: 20px;
    padding: 10px;
    background: #f1f1f1;
    border-left: 4px solid #0073aa;
}



.switch.hero-caption .widget-image-caption {
border-radius: 0 50px 0 50px !important;
margin-right: auto !important;
  margin-left: 0px !important;
}


.hero-caption .widget-image-caption {
border-radius: 50px 0 50px 0;
  padding: 7%;
  width: fit-content;
  margin-left: auto;
}





@media only screen and (max-width: 767px) {
          .hover-caption .widget-image-caption {
          width: 100%; 
        }
        
        
        
        .left.hover-caption .widget-image-caption {
             margin-left: 0% !important;
        } 
        
        .vertretung h6 {
            background-color:var(--e-global-color-primary);
            padding: 5px;
            color:white;
            
        }
}

/* Slider Pagination Mobil */

@media only screen and (min-width: 1201px) {
            .desktop-no-swiper-pagination .swiper-pagination {
                display:none;}
    
}


/* START für FORMULARE in wpforms */
.kontakform-head .wpforms-field-label {font-size: 1.5em !important; line-height: 1.2em !important;}

 .kontakform-subhead { padding-bottom: 20px; }
 
 .kontakform-subhead .wpforms-field-label {font-size: 1.25em !important; padding-top: 10px !important;}


.wpforms-field-description {
    color: #000 !important;}




.wpforms-layout-row {
        display: flow !important;
}
label.wpforms-field-label {
    margin-bottom:5px  !important;
}
 div.wpforms-container-full input[type=radio]:before {
    height: 24px !important;    
    width: 24px !important;
    left: -6px  !important;
    top: -6px  !important;
}
 div.wpforms-container-full input[type=radio]:checked:before {
    height: 24px !important;    
    width: 24px !important;
        border-color: #000000 !important;
        box-shadow: 0 0 0 1px #000000, 0px 1px 2px rgba(0, 0, 0, 0.15)  !important;
}
div.wpforms-container-full input[type=radio]:checked:after {
    left: calc(-4px + var(--wpforms-field-border-size, 6px));
    top: calc(-4px + var(--wpforms-field-border-size, 6px));
        background-color: #000000 !important;

}
.wpforms-two-sixths-custom {
    width: calc(100% / 2.4 - 20px) !important;
}


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

        .wpforms-one-half, .wpforms-one-sixth, .wpforms-two-sixths, .wpforms-two-sixths-custom {
        width: 100% !important;
        margin-left: 0 !important;
        }
}
/* ENDE für FORMULARE in wpforms */