/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/

html, body{ overflow-x:hidden;}
a, a:hover{ transition: all 0.4s ease-in-out;}
p:last-child, .elementor-kit-5 p:last-child{ margin-bottom:0px!important;}
.fullimg .elementor-widget-container img{ width:100%; display:block;}
body:not(.elementor-editor-active) .header{ width: 100%; position: absolute; top: 0; left: 0; z-index: 999;}
body.elementor-editor-active .header{ background-color: #000;}

.header{ z-index: 999; position: relative;}
.header .elementor-container{ z-index: 9;}
body small {font-size: 60%;}
.btn .elementor-button{position: relative; z-index: 1;}
body sub{ bottom: 0;}
.downloadApp img{ max-height: 66px; width: auto; }

.elementor-heading-title sub, .elementor-heading-title sup {font-size: 50%;}
.elementor-heading-title sub.normal{text-transform: initial;}



.studio_section{ overflow: hidden;}
.studioSlider .slick-slide>div{ padding: 0 15px; position: relative;}
.studioSlider .slideItem{ position: relative; border-radius: 4px; overflow: hidden;}
.studioSlider .slider_content{ width: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.studioSlider .ultimate-slide-img{ width: 100%; display: block;}
body .slider .owl-prev::before, body .slider .owl-next::before {padding: 10px !important;}
.studioSlider .carousel_btn_span{ display: inline-block; padding: 0 0 40px; width: 100%;}
.studioSlider .ultimate_carousel_btn{font-family: var( --e-global-typography-primary-font-family ), Sans-serif!important; font-weight: 900!important; display: inline-block; background-color: #000!important; border-radius: 6px; font-size: 15px!important; padding: 12px 24px!important;}
.studioSlider .ultimate_carousel_btn:hover{ background: #fff!important; color: #000!important;}
.studioSlider .sliderText{ padding:30px 20px; text-align: center; background: rgba(255,255,255,0.7);}
.studioSlider .sliderText h3{ margin: 0; font-family: var( --e-global-typography-primary-font-family ), Sans-serif!important; font-weight: 900!important; color: #000; text-transform: uppercase;}
.studioSlider .sliderText p{ margin: 15px 0 0;}

.slider .owl-prev, .slider .owl-next{ top: 50%; transform: translateY(-50%); position: absolute;}
.slider .owl-prev{ left: 15px;}
.slider .owl-next{ right: 15px;}
.owl-carousel .owl-item img{ width: 100%; display: block;}





.accordion .elementor-accordion-item:not(:first-child){ border-top: 1px solid var( --e-global-color-primary )!important;}
.accordion .elementor-accordion-icon{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.accordion .elementor-tab-title{ position: relative; padding-right: 25px!important;}


.tabs .elementor-tabs-wrapper{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.tabs .elementor-tab-title{ background: rgba(0,0,0,0.5); border-radius: 6px; width: calc(50% - 5px);padding: 12px 20px !important; margin: 5px 0; text-align: center;}
.tabs .elementor-tab-title.elementor-active{ background: #000;}
.tabs .elementor-tab-content{ padding: 20px 0 0!important;}
.tabs .elementor-tab-content h3{font-family: var( --e-global-typography-primary-font-family ), Sans-serif!important; font-weight: 900!important;}


.deine_img .elementor-image-box-wrapper{ position: relative; border-radius: 8px; overflow: hidden; display: block;}
.deine_img .elementor-image-box-img{ display: block!important; width: 100%;}
.deine_img .elementor-image-box-img img{ display: block; width: 100%; transition: all 0.4s ease-in-out; filter: grayscale(1);}
.deine_img .elementor-image-box-content{ position: absolute;transition: all 0.4s ease-in-out; bottom: 0; left: 0; width: 100%; padding: 20px; text-align: center; background: rgba(255,255,255,0.7);}
.deine_img .elementor-image-box-title{ margin: 0; font-size: 13px; line-height: 1.2;}


.deine_img.active .elementor-image-box-wrapper .elementor-image-box-content{ bottom: 8%; background-color: #fff; transition: all 0.4s ease-in-out; }
.deine_img.active  .elementor-image-box-wrapper .elementor-image-box-img img{transition: all 0.4s ease-in-out; filter: grayscale(0);}

.deine_col .elementor-widget-wrap{ padding: 0!important;}
.deine_col{ min-width: calc(33.33% + 30px)!important;}
.deine_col:nth-child(2), .deine_col:nth-child(3){ margin-left: -20px;}
.deine_col .elementor-widget:not(:last-child) {margin-bottom: 10px!important;}



.stform .elementor-field-type-submit{ display: none;}

#wpflStudios{ background-color: #000; background-image: url(images/sarw.svg); background-repeat: no-repeat; background-position: calc(100% - 15px) 50%; background-size: 15px; color: #fff; border-radius: 8px; padding: 18px 25px; font-size: 16px; border: 0; font-weight: 900;font-family: var( --e-global-typography-primary-font-family ), Sans-serif!important;}
#wpflStudios{appearance:none; -moz-appearance:none; -webkit-appearance:none;} 

.jobsTable{font-family: var( --e-global-typography-primary-font-family ), Sans-serif!important; font-weight: 900;}
.jobsTable table{ border-collapse: collapse; border: 0!important;}
.jobsTable table th{ text-align: left; padding:10px 15px; border: 0!important; background: #fff!important;}
.jobsTable table td{ padding:10px 15px; text-align: left; border: 0!important; background: #fff!important;}
.jobsTable table td a{ display: inline-block; background: #000; color: #fff; border-radius: 4px;padding: 5px 12px;font-size: 14px;}
.jobsTable table th:nth-child(1), .jobsTable table td:nth-child(1){ padding-left: 0;}
.jobsTable table td a:hover{ background: #eeeeee; color: #000;}


.priceText li{ margin: 5px 0;}

.price_subheading .elementor-widget-container{ background-color: #fff; display: inline-block; align-items: center; margin-left: auto; margin-right: 0; box-shadow: 0 3px 6px rgba(0,0,0,0.2); padding: 0 15px; border-radius: 5px; overflow: hidden;}
.price_subheading.best .elementor-widget-container{ padding-left: 0;}
.price_subheading .elementor-heading-title{ display: flex; align-items: center; height: 38px;}

.price_subheading.best .elementor-widget-container strong{ position: relative; height: 100%; display: flex; align-items: center; padding: 0 30px 0 10px; background: linear-gradient(90deg, #ad2418 0%, #ad2418 60%, #ffffff 100%); font-size: 70%; color: #fff;}
.price_subheading.blue .elementor-widget-container strong{background: linear-gradient(90deg, #0000ad 0%, #0000ad 60%, #ffffff 100%); }

.studio_btns .elementor-widget-wrap{ column-gap: 20px;}
.studio_btns .stbtn{ flex-grow: 1;}
.studio_btns .elementor-button-link{ min-width: 225px; text-align: center;}
.studio_btns .active .elementor-button-link{ background: #000!important; color: #fff!important;}


.studiobox .elementor-image-box-wrapper{ position: relative; overflow: hidden; border-radius: 5px;}
.studiobox .elementor-image-box-img{ display: block!important; margin: 0!important; position: relative; z-index: 1;}
.studiobox .elementor-image-box-content{ z-index: 11; position: absolute; top: 0; width: 100%; text-align: center; background: rgba(255,255,255,0.7); padding:25px 20px;}
.studiobox .elementor-image-box-content h3{ margin: 0;}
.studiobox .elementor-image-box-img img{ width: 100%; display: block; filter: grayscale(100); transition: all 0.4s ease-in-out;}
.studiobox .elementor-image-box-img a{ position: relative; display: block;}
.studiobox .elementor-image-box-img a:after{ content: 'Zum Studio'; position: absolute; bottom: 25px; left: 0; right: 0; margin: 0 auto; background: #000; color: #fff; text-transform: uppercase; border-radius: 6px; padding: 10px 20px;}
.studiobox .elementor-image-box-img a:after{font-family: var( --e-global-typography-primary-font-family ), Sans-serif!important; font-weight: 900; width:180px; font-size: 14px; transition: all 0.3s ease-in-out;}
.studiobox .elementor-image-box-img a:hover:after{ background: #fff; color: #000;}
.studiobox .elementor-image-box-img a:hover img{filter: grayscale(0); transition: all 0.4s ease-in-out;}
.studiorow .elementor-widget-wrap{ flex-wrap: wrap; justify-content: space-between;}
.studiorow .studiobox{ width: calc(50% - 15px); margin: 15px 0;}


.elementor-field-type-acceptance .elementor-field-option {display: flex; position: relative;}
.elementor-field-group input[type="checkbox"]{ visibility: hidden; position: absolute; top: 0; left: 0;}

.elementor-field-group input[type="checkbox"] + label::before, 
.elementor-field-option input[type="radio"] + label::before, 
.wpcf7 input[type="checkbox"] + span::before, 
.wpcf7 input[type="radio"] + span::before {width: 20px;height: 20px;border: 2px solid #fff; content: "";position: absolute;left:0px;top: 8px;}
.elementor-field-group input[type="checkbox"]:checked + label::before, 
.wpcf7 input[type="checkbox"]:checked + span::before{ background-color: #fff; color: #000;}
.elementor-field-group input[type="checkbox"]:checked + label::after, 
.wpcf7 input[type="checkbox"]:checked + span::after {-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal; text-rendering: auto;line-height: 1;font-family: "Font Awesome 5 Free";font-weight: 900;content: "\f00c";color: #000;	position: absolute; font-size: 10px;left: 5px; top: 13px;}

.elementor-field-type-acceptance label {font-size: 16px;font-weight: 400!important; color: #fff!important; position: relative; cursor: pointer; padding-left: 35px; display: inline-block!important; width: 100%; line-height: 22px;}
.elementor-field-type-acceptance label a{ color: #fff; text-decoration: underline;}
.elementor-field-type-acceptance label a:hover{ text-decoration: underline;}

.dialog-lightbox-widget{backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);}

.toggle_button{ padding-bottom: 4px;}
.toggle_button a{ position: relative;}
.toggle_button.active a::before{ content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 5px; background: #0000ad;}
.toggle_button.red.active a::before{ background: #ad2418;}

.jobsTable table td a {white-space: nowrap;}










@supports (-webkit-touch-callout: none) {
  .elementor-button-content-wrapper{ padding-top: 5px;}
  .tabs .elementor-tab-title{padding: 16px 20px 12px!important;}
  .elementor-9 .elementor-element.elementor-element-aa9b4d9 .tm-slider .ultimate_carousel_btn { padding: 14px 20px 10px 20px !important; }
  .elementor-form .elementor-button {padding: 14px 20px 10px 20px!important;}

}




@media(max-width:1024px){
  .deine_row .elementor-container{ flex-wrap: nowrap;}
  .deine_col {min-width: calc(33.33% + 13px) !important;}
}



@media(max-width:767px){
    .header_col1{ width: 140px!important;}
    .header_col2{ width: calc(100% - 140px)!important;}
    .footermenu .elementor-nav-menu{ justify-content: center!important;}
    .vorteile_section .row2 .elementor-widget:not(:last-child) {margin-bottom: 10px!important;}
    .studioSlider .ultimate_carousel_btn{ font-size: 14px!important;}
    .studioSlider .slick-slide > div {padding: 0 7px;}
    .studioSlider .sliderText{ padding: 20px 10px;}
    .elementor-kit-12 .studioSlider .sliderText h3{ font-size: 16px; line-height: 22px;}
    .downloadApp img {max-height: 52px;}

    .deine_col:nth-child(2), .deine_col:nth-child(3){ margin-left: 0;}
    .deine_row .elementor-container{ flex-wrap: wrap;}
    .deine_img .elementor-image-box-title {font-size: 14px;}
    .tabs .elementor-tab-title{ width: 100%;}
    .tabs .elementor-tab-content{ padding: 15px 0 25px!important;}
    .priceText  .elementor-widget-container ul{ padding-left: 15px;}

    .pricehead .order2{ order: 2;}
    .pricehead .order1{ order: 1;}

    .studiorow .studiobox{ width: 100%; margin: 15px 0;}
    .studio_btns .elementor-widget-wrap{ flex-wrap: nowrap; overflow-x: scroll;column-gap: 10px;}
    .studio_btns .elementor-button-link {min-width: auto;white-space: nowrap;font-size: 12px !important;padding: 8px 15px !important;}
    .studiobox .elementor-image-box-content{ padding: 15px;}
    .studiobox .elementor-image-box-img a::after {width: 140px;font-size: 12px; padding: 6px 10px; bottom: 15px;}
    .studiobox .elementor-image-box-img img {height: 220px;object-fit: cover;object-position: center;}
    .studio_btns .elementor-widget-wrap h3{ font-size: 16px!important;}
    
    .jobsTable table tbody tr{ width: 100%; display: flex; flex-direction: column; border-top: 1px solid #e5e5e5; padding: 15px 0;}
    .jobsTable table td{ width: 100%; display: block;}
    .jobsTable table tbody td{ padding: 0 10px!important;}
    .jobsTable table tbody td a{ margin-top: 15px;}

    .e-form__indicators{flex-wrap: wrap!important; justify-content: center!important;}
    .e-form__indicators__indicator__separator{ display: none!important;}
    .e-form__indicators__indicator{width: 50%; padding: 10px!important;}
    .elementor-form .elementor-button {padding: 10px 25px 10px 25px!important;}


}