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

/* Add your custom styles here */
.mob-menu .dialog-close-button {
    padding: 8px;
    border-radius: 50%;
}
.mob-menu .dialog-close-button:focus-visible {
    outline: unset;
}
.sub-title .elementor-heading-title {
    position: relative;
    padding-left: 16px;
}
.sub-title .elementor-heading-title:before {
	content: '';
    position: absolute;
	left: 0;
	top: 50%;
	width: 8px;
	height: 8px;
	border-radius: 50%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
	background: var(--e-global-color-secondary);
}
.leistungen-items {
    max-width: calc( (100% - 2px) / 3 );
}
.leistungen-items:hover  {
    background-color: #0F1A28 !important;
}
.leistungen-items:hover .leistungen-num .elementor-heading-title,
.leistungen-items:hover .leistungen-title .elementor-heading-title,
.leistungen-items:hover .leistungen-text p {
    color: var(--e-global-color-93e186c);
}

.kontakt-form .wpforms-container-full:not(:empty) {
    margin: 0;
}
.kontakt-form .wpforms-container .wpforms-field,
.kontakt-form .wp-core-ui div.wpforms-container .wpforms-field {
	padding: 0;
}
.kontakt-form .wpforms-container-full .wpforms-field-label,
.kontakt-form .wp-core-ui .wpforms-container-full .wpforms-field-label {
	color: var(--e-global-color-primary);
	font-family: var(--e-global-typography-2201d12-font-family);
    font-size: var(--e-global-typography-2201d12-font-size);
    font-weight: var(--e-global-typography-2201d12-font-weight);
    line-height: var(--e-global-typography-2201d12-line-height);
	margin-bottom: 12px;
}

.kontakt-form .wpforms-container-full input::-webkit-input-placeholder, .kontakt-form .wpforms-container-full textarea::-webkit-input-placeholder {
	font-family: var(--e-global-typography-2201d12-font-family) !important;
    font-size: var(--e-global-typography-2201d12-font-size) !important;
    font-weight: var(--e-global-typography-2201d12-font-weight) !important;
    line-height: var(--e-global-typography-2201d12-line-height) !important;
}

.kontakt-form .wpforms-container-full input::-moz-placeholder, .kontakt-form .wpforms-container-full textarea::-moz-placeholder {
	font-family: var(--e-global-typography-2201d12-font-family) !important;
    font-size: var(--e-global-typography-2201d12-font-size) !important;
    font-weight: var(--e-global-typography-2201d12-font-weight) !important;
    line-height: var(--e-global-typography-2201d12-line-height) !important;
}

.kontakt-form .wpforms-container-full input:-ms-input-placeholder, .kontakt-form .wpforms-container-full textarea:-ms-input-placeholder {
	font-family: var(--e-global-typography-2201d12-font-family) !important;
    font-size: var(--e-global-typography-2201d12-font-size) !important;
    font-weight: var(--e-global-typography-2201d12-font-weight) !important;
    line-height: var(--e-global-typography-2201d12-line-height) !important;
}

.kontakt-form .wpforms-container-full input::-ms-input-placeholder, .kontakt-form .wpforms-container-full textarea::-ms-input-placeholder {
	font-family: var(--e-global-typography-2201d12-font-family) !important;
    font-size: var(--e-global-typography-2201d12-font-size) !important;
    font-weight: var(--e-global-typography-2201d12-font-weight) !important;
    line-height: var(--e-global-typography-2201d12-line-height) !important;
}

.kontakt-form .wpforms-field-checkbox .wpforms-field-label-inline,
.kontakt-form .wpforms-container-full input,
.kontakt-form .wpforms-container-full select,
.kontakt-form .wpforms-container-full textarea,
.kontakt-form .wpforms-container-full input::placeholder,
.kontakt-form .wpforms-container-full textarea::placeholder {
	font-family: var(--e-global-typography-2201d12-font-family) !important;
    font-size: var(--e-global-typography-2201d12-font-size) !important;
    font-weight: var(--e-global-typography-2201d12-font-weight) !important;
    line-height: var(--e-global-typography-2201d12-line-height) !important;
}

.kontakt-form .wpforms-container-full input:focus:invalid,
.kontakt-form .wpforms-container-full select:focus:invalid,
.kontakt-form .wpforms-container-full textarea:focus {
    border-color: rgba(58, 74, 92, 0.80) !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}
.kontakt-form .wpforms-container-full .wpforms-field-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px 8px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.kontakt-form .wpforms-container-full .wpforms-field-container .wpforms-field {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 100%;
	        flex: 0 0 100%;
	max-width: 100%;
}

.kontakt-form .wpforms-container-full .wpforms-field-container .wpforms-field.wpforms-field-text,
.kontakt-form .wpforms-container-full .wpforms-field-container .wpforms-field.wpforms-field-email,
.kontakt-form .wpforms-container-full .wpforms-field-container .wpforms-field.wpforms-field-phone {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 calc( (100% - 8px) / 2 );
	        flex: 0 0 calc( (100% - 8px) / 2 );
}
.kontakt-form .wpforms-field.wpforms-field-checkbox ul {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 16px 8px !important;
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
}
.kontakt-form .wpforms-field.wpforms-field-checkbox ul .depth-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc( (100% - 8px) / 2 );
            flex: 0 0 calc( (100% - 8px) / 2 );
    max-width: calc( (100% - 8px) / 2 );
    border: 1px solid rgba(58, 74, 92, 0.40);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 8px 12px;
    border-radius: 4px;
    min-height: 42px;
}
.kontakt-form .wpforms-field.wpforms-field-checkbox ul .depth-1 input[type="checkbox"] {
    width: 14px;
    min-width: 14px;
    height: 14px;
    margin: 0;
	border-radius: 3px;
}
.kontakt-form .wpforms-field.wpforms-field-checkbox ul .depth-1 input[type="checkbox"]:before {
    width: 14px;
    height: 14px;
    border-color: var(--e-global-color-secondary);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    top: 0;
    left: 0;
}

.kontakt-form .wpforms-field.wpforms-field-checkbox ul .depth-1 input+label {
	-webkit-padding-start: 8px;
	        padding-inline-start: 8px;
}
.kontakt-form .wpforms-field.wpforms-field-checkbox ul .depth-1 input[type=checkbox]:checked:after {
    border: none;
    width: 8px;
    height: 8px;
    background: var(--e-global-color-secondary);
    -webkit-transform: unset;
        -ms-transform: unset;
            transform: unset;
    left: 3px;
    top: 3px;
    border-radius: 2px;
}
.kontakt-form .wpforms-container-full .wpforms-form .wpforms-submit-container {
    margin-top: 24px;
}
.kontakt-form .wpforms-container-full .wpforms-submit {
    width: 100% !important;
    min-height: 48px;
    color: var(--e-global-color-93e186c) !important;
    font-family: var(--e-global-typography-accent-font-family);
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    line-height: var(--e-global-typography-accent-line-height);
    letter-spacing: var(--e-global-typography-accent-letter-spacing);
    border: 1.5px solid #D0B99A;
    background: #A8874E;
}
.kontakt-form .wpforms-container-full .wpforms-submit:hover {
	border: 1.5px solid var(--e-global-color-primary);
    background: var(--e-global-color-primary);
}
/*.uber-mich-items {
    max-width: calc( (100% - 84px) / 3 );
}*/

@media all and (min-width: 2000px) {
	.uber-mich-sec .uber-mich-image {
		background-position: 0 !important;
	}
	.uber-mich-sec .uber-mich-cont .uber-mich-inner {
		width: 52%;
	}
	.uber-mich-sec,
	.uber-mich-sec .e-con-inner{
		-webkit-box-pack: justify !important;
		    -ms-flex-pack: justify !important;
		        justify-content: space-between !important;
	}
	.uber-mich-sec .uber-mich-image {
		position: relative;
		width: 45%;
	}
}

@media all and (max-width: 1025px) {
	.uber-mich-sec .uber-mich-image {
		background-position: 65% 0 !important;
	}
}

@media all and (max-width: 770px) {
	.uber-mich-sec .uber-mich-image {
		background-position: 100% 0 !important;
		min-height: 500px;
	}
	.uber-mich-sec .uber-mich-image .elementor-hidden-tablet {
		display: block;
	}
	.uber-mich-sec .uber-mich-cont,
	.uber-mich-sec .uber-mich-image {
		width: 100%;
	}
	/*.uber-mich-items {
		max-width: calc( (100% - 48px) / 3 );
	}*/
	.footer-left {
		width: 38%;
	}
	.footer-right {
		width: 55%;
		gap: 30px;
	}
	.footer-right .footer-right-info {
		width: 60%;
	}
}

@media all and (max-width: 440px) {
	.uber-mich-sec .uber-mich-image {
		background-position: 100% 0 !important;
		min-height: 350px;
	}
	/*.uber-mich-items {
		max-width: calc( (100% - 12px) / 2 );
	}*/
	.kontakt-form .wpforms-container-full .wpforms-field-container .wpforms-field.wpforms-field-text,
	.kontakt-form .wpforms-container-full .wpforms-field-container .wpforms-field.wpforms-field-email,
	.kontakt-form .wpforms-container-full .wpforms-field-container .wpforms-field.wpforms-field-phone,
	.kontakt-form .wpforms-field.wpforms-field-checkbox ul .depth-1,
	.leistungen-items {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
	}
	.kontakt-form .wpforms-container-full .wpforms-field-label, .kontakt-form .wp-core-ui .wpforms-container-full .wpforms-field-label {
		margin-bottom: 6px;
	}
	.footer-left {
		width: 100%;
	}
	.footer-right {
		width: 100%;
	}
	.footer-right .footer-right-info {
		width: 100%;
	}
}