/*
Theme Name: Markstein Hello
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Markstein -> 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
*/

/* NAVIGATION */

.navigation p a {
	color:#fff !important;
	padding-left:0px;
	transition:all ease .5s;
	hyphens:auto;
	-webkit-hyphens:auto;
}

.navigation p a:hover {
	color:#fff !important;
	padding-left:10px;
	transition:all ease .5s;
}



/* HOME */

.text-box-home p, .text-box-home .elementor-widget-button {
	margin-bottom:0;
}

@media (max-width: 767px){
	.text-box-home {
	    position:absolute;
	    bottom:30px !important;
	    left:60px;
	    right:0px;
	    width:100%;
	    max-width:370px !important;
	    z-index:99;
	}
}

/* Slider */

.swiper-pagination {
	margin-top:-45px;
	left:120px !important;
}

.swiper-pagination-bullet {
	background:var( --e-global-color-880d90f ) !important;
}

.swiper-pagination-bullet-active {
	background:var( --e-global-color-880d90f ) !important;
}

/* Buttons */

.btn_arrow .elementor-button-text {
	padding-top:8px;
	font-size:16px !important;
	font-weight:500;
	text-transform: uppercase !important;
}

.elementor-button-icon .e-font-icon-svg {
	height:30px;
}

.elementor-button-icon svg {
	width:30px;
}

.btn_arrow .elementor-button-icon svg path {
	fill:var( --e-global-color-880d90f ) !important;
}

.btn_arrow .elementor-button-text {
	color:var( --e-global-color-accent ) !important;
}

.btn_arrow.btn_white .elementor-button-icon svg path {
	fill:#fff !important;
}

.btn_arrow.btn_white .elementor-button-text {
	color:#fff !important;
}


/* Button Anleger */

.btn_anleger {
	position:fixed;
	margin: 0; /* Remove default margin for the paragraph */
	writing-mode: vertical-lr; /* Set writing mode from bottom to top */
	text-orientation: mixed; /* Allow the text to be displayed vertically */
	transform: rotate(-180deg); /* Rotate the text to display it properly */
	top:350px;
	right:0px;
	background-color:var( --e-global-color-primary );
	padding:10px;
	z-index:99;
	border:var(--e-global-color-secondary) 1px solid;
}

.btn_anleger .elementor-button-text {
	font-size:18px;
}

.btn_anleger .elementor-button-icon {
	transform: rotate(90deg);
	margin-left: -1px !important;
	margin-top: 10px;
}

.btn_anleger .elementor-button-icon svg path {
	fill:#fff !important;
}

.btn_anleger .elementor-button-text {
	color:#fff !important;
}

/* Button Wohnträume */

.btn_wohntraeume {
	position:fixed;
	margin: 0; /* Remove default margin for the paragraph */
	writing-mode: vertical-lr; /* Set writing mode from bottom to top */
	text-orientation: mixed; /* Allow the text to be displayed vertically */
	transform: rotate(-180deg); /* Rotate the text to display it properly */
	top:350px;
	right:0px;
	background-color:var( --e-global-color-accent );
	padding:10px;
	z-index:99;
}

.btn_wohntraeume .elementor-button-text {
	font-size:18px;
}

.btn_wohntraeume .elementor-button-icon {
	transform: rotate(90deg);
	margin-left: -1px !important;
	margin-top: 10px;
}

.btn_wohntraeume .elementor-button-icon svg path {
	fill:#fff !important;
}

.btn_wohntraeume .elementor-button-text {
	color:#fff !important;
}


/* Button Popup */

.btn_popup {
	position:fixed;
	margin: 0; /* Remove default margin for the paragraph */
	top:600px;
	right:0px;
	background-color:var( --e-global-color-accent );
	padding:10px;
	z-index:99;
}

.btn_popup .elementor-icon svg {
	width:22px;
	height:22px;
}

/*
.btn_popup .elementor-button-icon svg path {
	fill:#fff !important;
}

.btn_popup .elementor-button-text {
	color:#fff !important;
}
*/

/* ACC Form */

.acc_form .e-n-accordion-item-title-icon svg path {
	fill:var( --e-global-color-880d90f ) !important;
}

.acc_form .e-n-accordion-item-title {
	padding:0
}


/* FOOTER */

#footer p {
	color:#fff !important;
	font-size:14px;
}

#footer p a {
	color:#fff !important;
}

/* Box .inner-shadow */

.inner-shadow {
	box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.4);
}

/* Header Sticky */

body .header-bar {
	transition:all ease .5s;
	width:100vw !important;
}

body.sticky .header-bar {
	background-color:#fff !important;
	padding:30px 60px;
	transition:all ease .5s;
}

body.sticky .header-bar .logo img {
	height:50px !important;
	transition:all ease .5s;
}

/* Loop Gründe */

.nummer {
	margin-bottom:0 !important;
}

.nummer .elementor-widget-container {
	margin:0 !important;
	background-color:var( --e-global-color-primary ) !important;
	color:var( --e-global-color-secondary ) !important;
	padding: 5px;
	display: inline-block;
	height: 40px !important;
	line-height: 30px;
	font-weight: 500;
	width: 40px;
	font-size: 30px;
	text-align: center;
	border-radius:50%;
}

.grund-titel {
	hyphens:auto;
	-webkit-hyphens:auto;
}


/* TEAM */

.team-container {
	flex-wrap: wrap;
}

.team-item {
	flex: 0 0 calc(33.33333% - 15px) !important;
	overflow:hidden;
}

@media (max-width: 960px){
    .team-item {
		flex: 0 0 calc(50% - 15px) !important;
	}
}

@media (max-width: 767px){
    .team-item {
		flex: 0 0 100% !important;
	}
}



.team-item .team-content {
	transition:all ease .5s;
	background-color:rgba(142,146,155,0.75) !important;
	display:block;
	z-index:2;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:80px;
	padding:15px;
	overflow:hidden;
	--justify-content: flex-start;
}

.team-item:hover .team-content {
	height:100%;
	transition:all ease .5s;
	--justify-content: flex-end;
}

.team-content .vorname .elementor-widget-container {
	color:#fff !important;
	font-size:30px !important;
	line-height:30px !important;
}

.team-content .name .elementor-widget-container{
	color:#fff !important;
	font-size:30px !important;
	line-height:30px !important;
}

.team-content .funktion .elementor-widget-container{
	color:#fff !important;
	font-size:15px !important;
	line-height:19px !important;
}

/* FORMULAR */

.nf-field-element input {
	font-family: var( --e-global-typography-text-font-family ), Sans-serif !important;
	padding:5px;
}

.nf-field-label {
	display:none;
	font-family: var( --e-global-typography-text-font-family ), Sans-serif !important;
}

.nf-field-element::placeholder {
	color:var( --e-global-color-primary) !important;
	font-family: var( --e-global-typography-text-font-family ), Sans-serif !important;
}

.nf-form-content .listradio-wrap li {
	display:inline-block !important;
}

.nf-form-content .listradio-wrap li label {
	color:#fff !important;
}

.bg-sekundaer .nf-form-content .listradio-wrap li label {
	color:var( --e-global-color-text) !important; !important;
}

.listradio-wrap .nf-field-element label::after {
	background:var( --e-global-color-primary) !important;
	border:1px solid #fff !important;
}

.listradio-wrap .nf-field-element label.nf-checked-label::after {
	background:#fff !important;
	border:1px solid #fff !important;
}

.listradio-wrap .nf-field-element label.nf-checked-label::before {
	background:#fff !important;
}

.bg-sekundaer .listradio-wrap .nf-field-element label::after {
	background:#fff !important;
	border:1px solid #fff !important;
}

.bg-sekundaer .listradio-wrap .nf-field-element label.nf-checked-label::after {
	background:var( --e-global-color-primary) !important;
	border:1px solid #fff !important;
}

.bg-sekundaer .listradio-wrap .nf-field-element label.nf-checked-label::before {
	background:var( --e-global-color-primary) !important;
}

.nf-before-form-content {
	display:none;
}

nf-cells .nf-cell {
	padding:0 0 0 10px !important;
}

nf-cells .nf-cell:first-child {
	padding:0 10px 0 0 !important;
}

.nf-error.field-wrap .nf-field-element::after {
	background:var( --e-global-color-accent) !important;
}

.nf-error .nf-error-msg, .nf-error-msg {
	color:var( --e-global-color-accent) !important;
}

.nf-field-container .nf-error .ninja-forms-field {
	border-color:var( --e-global-color-accent) !important;
}


/* Accordeon */

.accordeon-img img {
	width:250px !important;
	height:auto !important;
}

/* Text Box Link */

.elementor-widget-text-editor p a {
	color:var( --e-global-color-accent );
}

/* Blog */

.e-loop-nothing-found-message__text {
	background:#fff;
	padding:90px;
	color:var( --e-global-color-accent );
	font-size:28px;
	line-height:36px;
	font-weight:500;
}

/* Icon Liste */

.elementor-icon-list-text {
	font-size:22px !important;
	font-weight:300 !important;
	line-height:28px !important;
}

.elementor-widget .elementor-icon-list-icon {
	top:9px !important;
}

/* Mobile Styles */

@media (max-width: 767px){

	/* Generelles Padding */

	.page-content > .elementor > .elementor-element {
		padding-left:30px;
		padding-right:30px;
	}

	/* Lead Intro */

	.lead-intro h2 {
		font-size:32px !important;
		line-height:38px !important;
	}

	.lead-intro p {
		font-size:26px;
		line-height:32px;
	}

	/* Slider Fullscreen */

	.page-content > .elementor > .slider-fullscreen {
		padding-left:0px;
		padding-right:0px;
	}

	.btn_arrow .elementor-button-text {
		padding-top:4px;
		font-size:18px !important;
		font-weight:500;
		text-transform: uppercase !important;
	}

	.elementor-button-icon .e-font-icon-svg {
		height:22px;
	}

	.elementor-button-icon svg {
		width:22px;
	}

}