/* 
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: Nina Obermüller
Author URI: https://nina-obermueller.de
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
*/


/* General */

body {
	overflow-x: hidden;
}

a {
	outline: none !important;
}

a:focus {
    outline: 0 !important;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
}

figure.elementor-image-box-img {
	position: relative;
}

/* Frontpage */

@media (min-width: 1025px) and (max-height: 1025px) {
	#home-intro h1 {
		font-size: 40px;
		line-height: 52px;
	}
	#home-intro h2 {
		font-size: 30px;
	}
}

@media (max-height: 710px) {
	#home-intro > div {
		padding-top: 70px;
		padding-left: 50px;
		padding-right: 50px;
	}
}

@media (max-height: 635px) {
	#home-intro h2 {
		display: none;
		height: 0;
	}
	#home-intro > div:before {
		background-image: linear-gradient(360deg, rgba(243,239,232,0) 0%, rgba(243,239,232,1) 100%);
		opacity: 0.6;
	}
}

/* Headlines */

div.wave-blue h3:before {
	content: '';
	display: block;
	position: absolute;
	height: 23px;
	width: 300px;
	top: -60px;
	left: -60px;
	background-image: url('../../uploads/2023/06/wave-single-blue.svg');
}

div.wave-beige h3:before {
	content: '';
	display: block;
	position: absolute;
	height: 23px;
	width: 300px;
	top: -60px;
	left: -60px;
	background-image: url('../../uploads/2023/06/wave-single-beige.svg');
}

div.wave-mint h3:before {
	content: '';
	display: block;
	position: absolute;
	height: 23px;
	width: 300px;
	top: -60px;
	left: -60px;
	background-image: url('../../uploads/2023/06/wave-single-mint.svg');
}

h3+p {
	margin-top: 35px;
}

@media (max-width: 1024px) {
	div.wave-blue h3:before,
	div.wave-beige h3:before,
	div.wave-mint h3:before {
		top: -40px;
	}

}

/* Lists */

p+ul {
	margin-top: -14px;
}

/* Text */

.elementor-widget-container p:last-child {
	margin-bottom: 0;
}

@media (max-width: 767px) {
	.quote-blue {
		background-color: #c0d1db !important;
	}
	.quote-mint {
		background-color: var(--e-global-color-0c09fc8) !important;
	}
}

@media (min-width: 500px) {
	br.mobile {
		display: none;
	}
}

@media (max-width: 767px) {
	br.desktop {
		display: none;
	}
}

/* Buttons */

.button-wave p {
	position: relative;
	padding: 0 0 0 33px;
}

.button-wave p:before {
	content: '';
	display: block;
	position: absolute;
	height: 5px;
	width: 30px;
	top: 13px;
	left: 0px;
	background-image: url('../../uploads/2023/06/icon-wave.svg');
	background-size: contain;
	background-repeat: no-repeat;
}

/* Images */

.wave-mint-left img,
.wave-blue-right img {
	position: relative;
	z-index: 0;
}

.wave-mint-left figure:before {
	content: '';
	display: block;
	position: absolute;
	height: 49px;
	width: 360px;
	top: 180px;
	left: -250px;
	background-image: url('../../uploads/2023/06/wave-double-mint.svg');
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 1;
}

.wave-blue-right figure:before {
	content: '';
	display: block;
	position: absolute;
	height: 49px;
	width: 360px;
	top: 110px;
	right: -270px;
	background-image: url('../../uploads/2023/06/wave-double-blue.svg');
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 1;
}

@media (max-width: 1024px) {
	.wave-blue-right figure:before,
	.wave-mint-left figure:before {
		display: none;
	}
}

.wobble-left>div,
.wobble-right>div {
	position: relative;
}

.wobble-left img,
.wobble-right img {
	z-index: 2;
	position: relative;
}

.wobble-left>div:before {
	content: '';
	display: block;
	position: absolute;
	height: 395px;
	width: 100%;
	top: 30%;
	left: -10%;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 1;
}

.wobble-right>div:before {
	content: '';
	display: block;
	position: absolute;
	height: 100%;
	width: 120%;
	top: -25%;
	right: -20%;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 1;
}

.wobble-1>div:before {
	bottom: -10%;
	top: unset;
	left: -10%;
}

.wobble-3>div:before {
	left: -70%;
	top: -20%;
	width: 120%;
	height: 100%;
}

@media (max-width: 1024px) {
	.wobble-right>div:before {
		top: -15%;
    	right: -10%;
    	width: 90%;
	}
}

@media (max-width: 767px) {
	.wobble-right>div:before {
		right: -30px;
	}
}

.wobble-left>div:before,
.wobble-right>div:before {
	background-image: url('../../uploads/2023/06/wobble-hellbeige.svg');
}

/* Header*/

.menu-button .elementor-icon {
	position: relative;
}

/*.menu-button .elementor-icon:before {
	content: 'MEN\00fc';
	position: absolute;
	text-transform: uppercase;
	width: 75px;
	height: 100px;
	left: 0;
	top: 5px;
	font-weight: 900;
    letter-spacing: 2px;
    color: var(--e-global-color-text);
    font-size: 20px;
    text-align: right;
}

@media (max-width: 767px) {
	.menu-button .elementor-icon:before {
		content: '';
	}
}*/

/* Icons */

.eicon-close {
	width: 31px;
	height: 31px;
	background-image: url('../../uploads/2023/06/icon-close.svg');
	background-size: contain;
	background-repeat: no-repeat;
}

/* Popup Menu */

.dialog-message ul>li>a {
	text-align: center;
}

.footerLeft a {
	padding: 5px 0px;
}

.footerLeft {
	margin-top: 6px;
}

/* Different Elements */

@media (max-width: 1024px) {

	section#glueck {
		background-image: linear-gradient(180deg, var(--e-global-color-primary ) 55%, var(--e-global-color-5f5f879 ) 55%);
	}

}

@media (max-width: 767px) {

	section#glueck {
		background-image: linear-gradient(180deg, var(--e-global-color-primary ) 75%, var(--e-global-color-5f5f879 ) 75%);
	}
	#anker {
		background-color: #FFF;
	}

}

.elementor-location-footer a.elementor-button {
	width: 100%;
}


/* WPML Sprachenumschalter im Klappmenü */

.elementor-popup-modal .wpml-elementor-ls .wpml-ls-legacy-list-vertical {
	display: flex;
    justify-content: flex-end;
}

.elementor-popup-modal .wpml-elementor-ls .wpml-ls-legacy-list-vertical .wpml-ls-item {
	display: inline-block;
}

.elementor-popup-modal .wpml-elementor-ls .wpml-ls-legacy-list-vertical a {
	font-size: 14px;
	letter-spacing: 2px;
	padding: 5px 6px;
}

@media (max-width: 767px) {
	.elementor-popup-modal .wpml-elementor-ls .wpml-ls-legacy-list-vertical a {
		font-size: 12px;
	}
	.elementor-popup-modal .wpml-elementor-ls .wpml-ls-legacy-list-vertical {
		justify-content: center;
	}
}