/* 
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;}
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;}
.header{ z-index: 999; position: relative;}
.header .elementor-container{ z-index: 9;}
body small {font-size: 60%;}
.elementor-nav-menu li .elementor-item-active{ font-weight: 700!important;}
.elementor-nav-menu li .elementor-item:hover{ opacity: 0.8;}

.btn .elementor-button{position: relative; z-index: 1; min-width: 240px;}
.btn .elementor-button-wrapper{ display: inline-block; position: relative; }
.btn .elementor-button-wrapper::after{ content: ''; position: absolute; top: 8px; left: 8px; width: 100%; height: 100%; background: #66794E; transition: all 0.3s ease-in-out;}
.btn .elementor-button-wrapper:hover::after{ background-color: #fff; transition: all 0.3s ease-in-out;}


.elementor-heading-title strong, .elementor-image-box-title strong{ font-weight: 700; display: block;}
.imgbox1 .elementor-image-box-img{ position: relative;}
.imgbox1 .elementor-image-box-img img{ position: relative; display: block; margin: 0 auto; max-width: 110px;z-index: 1;}
.imgbox1 .elementor-image-box-img:after{ content: ''; position: absolute; bottom:-10px; left: 0; width: 100%; height: 100%; background: url(images/bg1.png) no-repeat center bottom;background-size: 200px;}





.accordion .elementor-accordion-item { margin: 0 0 20px; border: 3px solid #2c3224!important; background: linear-gradient(90deg, #252a1f 0%, #1a1c16 100%);  }
.accordion .elementor-accordion-item .elementor-tab-content{ border: 0!important;}
.title .elementor-widget-container{ position: relative; padding: 0 50px;}
.title .elementor-widget-container::before{ content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 125px; background: linear-gradient(90deg, rgba(102,121,78,1) 0%, rgba(36,41,30,0) 100%); }
.title .elementor-heading-title{ position: relative; z-index: 1;}
.title.right .elementor-widget-container::before{ left: auto; right: 0; background: linear-gradient(90deg, rgba(36,41,30,0) 0%, rgba(102,121,78,1) 100%);}

.rvcol .elementor-image-box-content .elementor-image-box-title{ margin: 5px 0 !important;}
.rvcol  .elementor-image-box-img{ min-width: 65px;}
.rvcol  .elementor-image-box-img img{ width: 100%; display: block;}

.studio_section{ overflow: hidden;}
.studioSlider .elementor-widget-container{ min-width: 140%; position: relative;}
.studioSlider .elementor-widget-container::before{ content: ''; position: absolute; top: 0; right: 0; width: 45%; height: 100%; z-index: 1; background: linear-gradient(90deg, rgba(19,20,18,0) 0%, #131412 55%, #131412 100%);}

.studio_section .content_section{ display: none;}
.studioSlider .ultimate-slide-img{ width: 100%; display: block;}
.slick-prev, .slick-next{ padding:0!important;}
button.slick-prev.slick-arrow{ left: 15px!important;}
button.slick-next.slick-arrow{ right: 15px!important;}

.slider1 .content_section{ position: absolute; bottom: 0; left: 0; padding: 30px; color: #fff;}
.slider1 .slidetext{ max-width: 400px;}
.slider1 .slidetext h3{font-family: var( --e-global-typography-primary-font-family ), Sans-serif; font-weight: 300;}
.slider1 .slidetext h3 strong{ font-weight: 700; display: block;}
.slider1 .slidetext p{font-family: "Roboto", Sans-serif; margin: 20px 0 0; font-size: 18px; line-height: 28px;}
.slider1 .slideitem{ position: relative;}
.slider1 .slideitem>a, .slider1 .ultimate-slide-img{ width: 100%; display: block!important;}

.slider1 .slidetext h3 br{ display: none;}
.slider1 .slick-dots{ padding:15px; text-align: right; bottom: 30px; right: 15px; left: auto; width: 50%;}
.slider1 .slick-dots button, .slider1 .slick-dots button:hover{ background: none!important;}
.slick-dots li{ margin: 0 3px;}
.slick-dots li button::before{ width: 18px; height: 18px; background: #fff; opacity: 0.5; transform: scale(0.7);}
.slick-dots li.slick-active button::before{ transform: scale(1); opacity: 1;}

.herobanner .elementor-container{ position: relative;}
.herobanner .elementor-container:before{ content: ''; position: absolute; top: -50px; right: -5%; width: 32%; height: calc(100% + 50px); background: linear-gradient(180deg, rgba(102,121,78,1) 0%, rgba(19,20,18,1) 100%); }

.hero_title .elementor-heading-title strong{ display: block; position: relative; padding: 0 50px; z-index: 1; font-size: 130%;}
.hero_title .elementor-heading-title strong::before{ content: ''; z-index: -1; position: absolute; top: 0; left: 0; height: 100%; width: 120px; background: linear-gradient(90deg, rgba(102,121,78,1) 0%, rgba(36,41,30,0) 100%); }
.hero_title .elementor-heading-title span{ display: block; padding: 0 12%; text-align: right;}

.unsere_slider .slideitem{ position: relative;}
.unsere_slider .slideitem>a{ display: block;}
.unsere_slider .slideitem .ultimate-slide-img, .unsere_slider .slideitem .ultimate-slide-img img{ display: block!important;}
.unsere_slider .content_section{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.unsere_slider .slidetext{ width: 75%; margin: 0 auto;font-family: "Roboto", Sans-serif; color: #fff;}

.unsere_slider h2{ position: relative; padding: 0 50px; z-index: 1;font-family: var( --e-global-typography-primary-font-family ), Sans-serif; font-weight: var( --e-global-typography-primary-font-weight );}
.unsere_slider h2::before{ content: ''; z-index: -1; position: absolute; top: 0; left: 0; height: 100%; width: 120px; background: linear-gradient(90deg, rgba(102,121,78,1) 0%, rgba(36,41,30,0) 100%); }
.unsere_slider h2 strong{ font-weight: 700;}
.unsere_slider .slidetext p{ margin: 20px 0 0;}

.slick-dots li button, .slick-dots li button:hover{ background: transparent!important;} 

.priceCol{ position: relative; overflow: hidden;}
.priceCol.special::before{ content: ''; position: absolute; top: 11px; left: -10px; z-index: 1; width: 100%; height: 147px; background: url(images/special.png) no-repeat; background-size: 160px; background-position: top right;}
.priceHead{ display: flex; align-items: center; min-height: 190px; position: relative; z-index: 1;}
.priceHead img{ max-height: 150px; width: auto;height: auto; display: block;}



body .tt_tabs_navigation li a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif; font-weight:400;font-size: 18px !important; color: #fff !important; text-transform: uppercase;}
.tt_timetable th{font-family: var( --e-global-typography-text-font-family ), Sans-serif; font-weight:400;font-size: 16px !important; color: #131412;}
.tt_timetable .event .hours_container {margin: 20px 0 0;font-family: var( --e-global-typography-text-font-family ), Sans-serif;font-weight: 400;}

.tt_timetable .event a, .tt_timetable .event .event_header {font-size: 16px; text-transform: uppercase; font-family: var( --e-global-typography-primary-font-family ), Sans-serif;}
.tt_timetable .event_container {padding: 10px !important;}
.tt_tabs_navigation li a:hover, .tt_tabs_navigation li a.selected, .tt_tabs_navigation li.ui-tabs-active a {border-color: #879D6C !important;color: #879D6C !important;}
.tt_timetable td.tt_hours_column {text-align: center;vertical-align: middle;font-family: var( --e-global-typography-text-font-family ), Sans-serif;}
.tt_tabs_navigation li.ui-tabs-active a{ font-weight: 700;}

body .dialog-widget-content{ box-shadow: none!important; position: relative;}
body .dialog-widget-content::before{ content: ''; position: absolute; top: 10px; left: 10px; width: 100%; height: 100%; background: #66794E;z-index: -1;}


.popupform .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-type-acceptance label {font-size: 16px;font-weight: 700!important; color: #131412!important; position: relative; cursor: pointer; padding-left: 35px; display: inline-block!important; width: 100%; line-height: 22px;}
.elementor-field-type-acceptance label a{ color: #66794E;}
.elementor-field-type-acceptance label a:hover{ text-decoration: underline;}
.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 #66794E;content: "";position: absolute;left:0px;top: 3px;}
.elementor-field-group input[type="checkbox"]:checked + label::before, 
.wpcf7 input[type="checkbox"]:checked + span::before{ background-color: #66794E;}
.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: #fff;	position: absolute; font-size: 10px;left: 5px; top: 8px;}
.elementor-message{text-align: center;  color: #fff;  font-weight: 800; font-size: 16px; padding: 10px; }
.elementor-message-success{ color: #4AB346;}
.popupform .elementor-field-type-submit{ padding: 20px 0 10px!important;}

.popupform .elementor-button{ position: relative; z-index: 1; padding: 0!important;}
.popupform  .elementor-button>span {display: block;position: relative;width: 100%; background: var( --e-global-color-27e3813 ); padding: 15px 40px; z-index: 1;}
.popupform  .elementor-button:hover>span{ background-color: #131412;}
.popupform .elementor-button::before{ content: ''; position: absolute; top: 8px; left: 8px; width: 100%; height: 100%; background: #131412; transition: all 0.3s ease-in-out; z-index: -1;}
.popupform .elementor-button:hover::before{ background-color: #66794E; transition: all 0.3s ease-in-out;}


@media(max-width:1024px){
    .herobanner .elementor-container:before{ display: none;}
}


@media(max-width:767px){
    .title .elementor-widget-container{ padding: 0 20px;}
    .title .elementor-widget-container::before{ width: 100px;}
    .slider1 .slick-dots{ width: 100%; bottom: -30px; text-align: center;right: 0; padding: 0;}
    .slick-dots li button::before { width: 14px; height: 14px;}
    .imgbox1 .elementor-image-box-img img {max-width: 90px;}
    .slider1 .content_section{ position: static; padding: 20px; margin-top: -100px;}
    .slider1 .content_section p{ font-size: 16px; line-height: 24px;margin: 10px 0 0;}
    .rvcol .elementor-widget-image-box .elementor-image-box-wrapper{ display: flex; align-items: center;}
    .rvcol .elementor-widget-image-box .elementor-image-box-content{ text-align: left; padding-left: 20px;}
    .btn .elementor-button{ min-width: 180px;}
    .unsere_slider .content_section{ position: static; height: initial;margin-top: -100px;  }
    .unsere_slider .slidetext{ width: 100%; padding-top: 30px;display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
    .hero_title .elementor-heading-title strong { padding: 0 25px;font-size: 110%;}
    .elementor-13 .elementor-element.elementor-element-29a703e .tm-slider .slick-dots {bottom: -50px !important;}
    .unsere_slider h2 {padding: 0 25px;}



}