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

/* =========================================================
   Unsortiert
========================================================= */

.usp-kasten{--pt:50px!important;--pb:40px!important;--px:40px!important;padding:var(--pt) var(--px) var(--pb) var(--px)!important}

.legaltext h6 { color: var( --e-global-color-fb4908a ); letter-spacing: 1px; }
.legaltext h4:not(:first-of-type) { margin-block: 2em 0.7em; }
.legaltext h6 { margin-block: 2em 0.7em; }

/* =========================================================
   Cookie-Richtlinie
========================================================= */


.post-3320 { max-width: 1380px !important; padding: 140px 40px 100px 40px !important; }
.post-3320 .cmplz-document { max-width: 100% !important;}

/* =========================================================
   Z-Index Bug wegen Essential Addons Wrapper Link gefixt
========================================================= */

[data-eael-wrapper-link]{position:relative;}
[data-eael-wrapper-link] > a[class*="eael-wrapper-link-"]{z-index:10!important;}

/* =========================================================
   Links / Content
========================================================= */

.bloggy a,
.bloggy a:visited,
.bloggy a:hover,
a:active {
  color: inherit !important;
  text-decoration-color: inherit !important;
}

.page-content a,
.comments-area a { text-decoration: none; }

/* =========================================================
   Form / Embed
========================================================= */

.formu .elementor-select-wrapper select {
  font-size: 18px !important;
  color: var(--e-global-color-abbccff) !important;
}

.elementor-custom-embed-play svg { opacity: 1 !important; }

/* =========================================================
   Hover / Buttons / Teaser
========================================================= */

.butto:hover {
  transition-duration: 0s !important;
  transition-delay: 0s !important;
  --overlay-transition: 0s !important;
}

.butto:hover .elementor-icon-box-title,
.telbutto .elementor-button:hover .elementor-button-text,
.teaser:hover .sign .elementor-icon { color: #fff !important; }

.teaser:hover .sign .elementor-icon svg,
.bgcontainer:hover .elementor-icon-list-icon svg { fill: #fff !important; }

.teaser:hover .bgcontainer {
  background-image: linear-gradient(
    146deg,
    var(--e-global-color-8c88a95) 0%,
    var(--e-global-color-fb4908a) 100%
  ) !important;
}

/* =========================================================
   Icon Styles (Teaser / Step)
========================================================= */

.teasi .elementor-icon,
.step .elementor-icon {
  background-color: transparent;
  background-image: linear-gradient(
    90deg,
    var(--e-global-color-fb4908a) 0%,
    var(--e-global-color-8c88a95) 100%
  );
  color: #fff !important;
  border-color: #fff !important;
}

.teasimonty .elementor-icon {
  background-color: transparent;
  background-image: linear-gradient(
    146deg,
    var(--e-global-color-03f028e) 0%,
    var(--e-global-color-9c4eaf6) 100%
  );
  color: #fff !important;
  border-color: #fff !important;
}

.teasimonty:hover .elementor-icon {
  background-image: linear-gradient(
    90deg,
    var(--e-global-color-fb4908a) 0%,
    var(--e-global-color-8c88a95) 100%
  );
}


.teasidark .elementor-icon {
  background-color: #fff !important;
  color: var(--e-global-color-fb4908a) !important;
  border-color: var(--e-global-color-fb4908a) !important;
}

.step:hover .elementor-icon {
  background-color: #fff !important;
  background-image: none;
  color: var(--e-global-color-fb4908a) !important;
  border-color: var(--e-global-color-fb4908a) !important;
  box-shadow: 8px -8px 0 0 rgba(17, 17, 17, 0.16) !important;
}

.step:hover .elementor-icon svg {
  fill: var(--e-global-color-fb4908a) !important;
  border-color: var(--e-global-color-fb4908a) !important;
}

/* =========================================================
   Teaser Text / Motion
========================================================= */

.elementor-widget-text-editor p:last-child { margin-block-end: 0;}

.teaser .transcontainer .bgcontainer {
  transform: translateY(calc(var(--headline-height) - 95px));
  transition: transform 0.3s ease;
}

.teaser:hover .transcontainer .bgcontainer { transform: translateY(0); }

/* =========================================================
   Responsive Padding Helpers
========================================================= */

.respo { padding: 100px 40px !important; }
.respo-katalog { padding: 50px 40px !important; }
.respo-small { padding: 30px 40px !important; }
.respo-side { padding: 0 40px !important; }
.respo-members { padding: 100px 0 !important; }
.respo-up { padding: 100px 40px 0 !important; }
.respo-down { padding: 0 40px 100px !important; }
.respo-head { padding: 20px 20px 0 !important; }
.respo-headmobi { padding: 20px 40px !important; }
.respo-footer { padding: 100px 40px !important; }
.respo-footerzeile { padding: 10px 40px !important; }

.spacer-xxxl .elementor-spacer-inner { height: 200px !important; }
.spacer-xxl  .elementor-spacer-inner { height: 150px !important; }
.spacer-xl   .elementor-spacer-inner { height: 100px !important; }
.spacer-l    .elementor-spacer-inner { height: 70px !important; }
.spacer-m    .elementor-spacer-inner { height: 50px !important; }
.spacer-s    .elementor-spacer-inner { height: 40px !important; }
.spacer-small .elementor-spacer-inner { height: 30px !important; }
.spacer-xs   .elementor-spacer-inner { height: 20px !important; }
.spacer-xxs  .elementor-spacer-inner { height: 10px !important; }

.divider-xxxl .elementor-divider{padding-block-start:200px!important;padding-block-end:200px!important;}
.divider-xxl .elementor-divider{padding-block-start:150px!important;padding-block-end:150px!important;}
.divider-xl .elementor-divider{padding-block-start:100px!important;padding-block-end:100px!important;}
.divider-l .elementor-divider{padding-block-start:70px!important;padding-block-end:70px!important;}
.divider-m .elementor-divider{padding-block-start:50px!important;padding-block-end:50px!important;}
.divider-s .elementor-divider{padding-block-start:40px!important;padding-block-end:40px!important;}
.divider-small .elementor-divider{padding-block-start:30px!important;padding-block-end:30px!important;}
.divider-xsV2 .elementor-divider{padding-block-start:20px!important;padding-block-end:20px!important;}
.divider-xxs .elementor-divider{padding-block-start:10px!important;padding-block-end:10px!important;}

/* =========================================================
   Breakpoints
========================================================= */

@media (max-width: 1460px) { .invbox { display: none; }}

@media(max-width:1380px) and (min-width:1025px){
	.greycont{ 
		padding-left:40px;
		padding-right:30px;
		--width: 50% !important}
	
	.elementskit-section-title{font-size:calc(48px + (60 - 48)*((100vw - 1024px)/(1380 - 1024))) !important;}
	.elementskit-section-title span span{font-size:calc(50px + (62 - 50)*((100vw - 1024px)/(1380 - 1024))) !important;}
	
}

@media(max-width:1380px) { 
	.cta-img-lappi {display: none;}
	.sprungziel { --align-items: flex-start !important;}
}

@media (max-width: 1179px) { .dreisteps { display: none; }}

@media (max-width: 1024px) {
  .respo { padding: 50px 30px !important; }
  .respo-katalog { padding: 40px 30px !important; }
  .respo-template { padding: 50px 20px !important; }
  .respo-small { padding: 20px 30px !important; }
  .respo-side { padding: 0 30px !important; }
  .respo-experts { padding-left: 20px !important; padding-right: 20px !important; }
  .respo-services { padding-left: 10px !important; padding-right: 10px !important; }
  .respo-members { padding: 50px 0 !important; }
  .respo-up { padding: 50px 30px 0 !important; }
  .respo-down { padding: 0 30px 50px !important; }
  .respo-head { padding: 20px 20px 0 !important; }
  .respo-headmobi { padding: 20px 30px !important; }
  .respo-footer { padding: 90px 30px !important; }
  .respo-footerzeile { padding: 10px 30px !important; }
	
  .spacer-xxxl .elementor-spacer-inner { height: 170px !important; }
  .spacer-xxl  .elementor-spacer-inner { height: 130px !important; }
  .spacer-xl   .elementor-spacer-inner { height: 75px !important; }
  .spacer-l    .elementor-spacer-inner { height: 60px !important; }
  .spacer-m    .elementor-spacer-inner { height: 40px !important; }
  .spacer-s    .elementor-spacer-inner { height: 34px !important; }
  .spacer-small .elementor-spacer-inner { height: 24px !important; }
  .spacer-xs   .elementor-spacer-inner { height: 17px !important; }
  .spacer-xxs  .elementor-spacer-inner { height: 9px !important; }

  .divider-xxxl .elementor-divider{padding-block-start:170px!important;padding-block-end:170px!important;}
  .divider-xxl .elementor-divider{padding-block-start:130px!important;padding-block-end:130px!important;}
  .divider-xl .elementor-divider{padding-block-start:75px!important;padding-block-end:75px!important;}
  .divider-l .elementor-divider{padding-block-start:60px!important;padding-block-end:60px!important;}
  .divider-m .elementor-divider{padding-block-start:40px!important;padding-block-end:40px!important;}
  .divider-s .elementor-divider{padding-block-start:34px!important;padding-block-end:34px!important;}
  .divider-small .elementor-divider{padding-block-start:24px!important;padding-block-end:24px!important;}
  .divider-xsV2 .elementor-divider{padding-block-start:17px!important;padding-block-end:17px!important;}
  .divider-xxs .elementor-divider{padding-block-start:9px!important;padding-block-end:9px!important;}

  .mymontyapp img, .shoptablet img { opacity: 0.1; }
  .montycar img {	opacity: 0.07; filter: brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 4px ) hue-rotate( 0deg ) !important; }
	
  .teaser .transcontainer .bgcontainer { transform: translateY(calc(var(--headline-height) - 86px));}
	
  .usp-kasten{--pt:40px!important;--pb:30px!important;--px:30px!important;}	
	
  .post-3320 { padding-left: 30px !important; padding: 30px !important;}
}

@media (max-width: 767px) {
  .respo { padding: 40px 25px !important; }
  .respo-katalog { padding: 30px 25px !important; }
  .respo-template { padding: 40px 15px !important; }
  .respo-small { padding: 15px 25px !important; }
  .respo-side { padding: 0 25px !important; }
  .respo-experts { padding-left: 15px !important; padding-right: 15px !important; }
  .respo-services { padding-left: 5px !important; padding-right: 5px !important; }
  .respo-members { padding: 40px 0 !important; }
  .respo-up { padding: 40px 25px 0 !important; }
  .respo-down { padding: 0 25px 40px !important; }
  .respo-head { padding: 20px 20px 0 !important; }
  .respo-headmobi { padding: 20px 25px !important; }
  .respo-footer { padding: 90px 25px !important; }
  .respo-footerzeile { padding: 10px 25px !important; }
	
  .spacer-xxxl .elementor-spacer-inner { height: 140px !important; }
  .spacer-xxl  .elementor-spacer-inner { height: 100px !important; }
  .spacer-xl   .elementor-spacer-inner { height: 65px !important; }
  .spacer-l    .elementor-spacer-inner { height: 50px !important; }
  .spacer-m    .elementor-spacer-inner { height: 35px !important; }
  .spacer-s    .elementor-spacer-inner { height: 25px !important; }
  .spacer-small .elementor-spacer-inner { height: 21px !important; }
  .spacer-xs   .elementor-spacer-inner { height: 14px !important; }
  .spacer-xxs  .elementor-spacer-inner { height: 7px !important; }

 .divider-xxxl .elementor-divider{padding-block-start:140px!important;padding-block-end:140px!important;}
 .divider-xxl .elementor-divider{padding-block-start:100px!important;padding-block-end:100px!important;}
 .divider-xl .elementor-divider{padding-block-start:65px!important;padding-block-end:65px!important;}
 .divider-l .elementor-divider{padding-block-start:50px!important;padding-block-end:50px!important;}
 .divider-m .elementor-divider{padding-block-start:35px!important;padding-block-end:35px!important;}
 .divider-s .elementor-divider{padding-block-start:25px!important;padding-block-end:25px!important;}
 .divider-small .elementor-divider{padding-block-start:21px!important;padding-block-end:21px!important;}
 .divider-xsV2 .elementor-divider{padding-block-start:14px!important;padding-block-end:14px!important;}
 .divider-xxs .elementor-divider{padding-block-start:7px!important;padding-block-end:7px!important;}
	
 .teaser .transcontainer .bgcontainer { transform: translateY(calc(var(--headline-height) - 69px));}	
 
 .usp-kasten{--pt:30px!important;--pb:30px!important;--px:20px!important}
	
 .post-3320 { padding-left: 25px !important; padding: 25px !important;	}
	 
 .sprungziel { --align-items: center !important;}	
}