/* 
Theme Name: umbera.ch - Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: umbera.ch is a child theme of Hello Elementor, created by Elementor team, customized by webgearing AG
Author: webgearing AG
Author URI: https://www.webgearing.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
*/

/* TYPO */

p strong, p b, ul li strong, ul li b {
	font-weight:700 !important;
}

h1 strong, h1 b, h2 strong, h2 b {
	font-weight:900 !important;
}

/* --- Header Sticky --- */

body .header-bar {
	transition:all ease .5s;
	width:100% !important;
	background:#fff !important;
	padding-top:15px;
	padding-bottom:15px;
}

@media (max-width: 767px) {
	body .header-bar {
		width:100vw !important;
	}
}

body.sticky .header-bar {
	transition:all ease .3s;
	background:#fff !important;
	border-bottom:var(--e-global-color-febcaf1) 1px solid;
}

body.sticky .header-bar > .e-con-inner {
	padding-top:15px !important;
	padding-bottom:15px !important;
}

body .header-bar .logo {
	height:50px;
	width:auto;
	margin:0;
	transition:all ease .3s;
}

body.sticky .header-bar .logo {
	height:50px;
	margin:0;
	transition:all ease .3s;
}

body .header-bar .logo img {
	opacity:1;
	height:50px;
	width:auto;
	transition:all ease .3s;
}

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

@media (max-width: 1024px) {
	body .header-bar .logo {
		width:100px;
		margin:0;
		transition:all ease .3s;
	}	
}


/* --- Header --- */

.header-text h1, .header-text h2 {
	font-weight:300 !important;
	font-size:60px !important;
	line-height:65px !important;
	display:inline;
	hyphens:auto;
		-webkit-hyphens:auto;
		-moz-hyphens:auto;
}

.header-text h1:after, .header-text h2:after {
	content:" ";
}

@media (max-width: 1024px) {
	.header-text h1, .header-text h2 {
		font-weight:300 !important;
		font-size:35px !important;
		line-height:40px !important;
		display:inline;
		hyphens:auto;
		-webkit-hyphens:auto;
		-moz-hyphens:auto;
	}
	
	.header-text h1:after, .header-text h2:after {
		content:" ";
	}
	
	.header-bar .btn_arrow {
		transform:scale(0.8);
		
	}
}

@media (max-width: 767px) { 
	.header-text h1, .header-text h2 {
		font-weight:300 !important;
		font-size:30px !important;
		line-height:35px !important;
		display:inline;
		hyphens:auto;
		-webkit-hyphens:auto;
		-moz-hyphens:auto;
	}
}

@media (max-width: 767px) {
	.header-bar .btn_arrow {
		transform:scale(0.6);
		right:-30px;
	}
}

.header-text h3 {
	font-weight:900 !important;
	font-size:70px !important;
	line-height:75px !important;
	display:inline;
	
}

.header-text p {
	font-weight:700 !important;
	font-size:25px !important;
	line-height:35px !important;
	display:block;
	margin-top:50px;
}

.header-text ul li {
	font-weight:700 !important;
	font-size:25px !important;
	line-height:35px !important;
}

@media (max-width: 1024px) {
	.header-text h2 {
		font-weight:300 !important;
		font-size:35px !important;
		line-height:40px !important;
		display:inline;
	}
	
	.header-text h2:after {
		content:" ";
	}
	
	.header-text h3 {
		font-weight:900 !important;
		font-size:35px !important;
		line-height:40px !important;
		display:inline;
		
	}
	
	.header-text p {
		font-weight:700 !important;
		font-size:18px !important;
		line-height:22px !important;
		display:block;
		margin-top:50px;
	}
	
	.header-text ul li {
		font-weight:700 !important;
		font-size:18px !important;
		line-height:22px !important;
	}
}

@media (max-width: 767px) {
	body .header-bar .logo img {
		height:40px !important;;
	}
}

/* Google Rating */

.google-rating a.ti-header {
	position: absolute;
	right: -15px;
	top: 38px;
	background-color: var(--e-global-color-fd3d7a6) !important;
	border-radius: 0px !important;
	
}

/*@media (max-width: 1024px) {
	.header-bar .btn_arrow .elementor-button-text {
		line-height:20px !important;
		font-size:20px !important;
		height:20px !important;
		transition:all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
	}
	
	.header-bar .btn_arrow .elementor-button {
		padding:10px 90px 10px 29px !important;
		position:relative;
		height:44px;
	}
}*/


/* Navigation */

.nav-desktop .menu-item {
	margin-top:10px;
}


/* LAYOUT */

.offset {
	padding-left:30px !important;
	padding-right:30px !important;
}

@media (max-width: 767px) {
	.offset.header-box, .offset.testimonials-box {
		padding-left:0px !important;
		padding-right:0px !important;
	}
	
	.offset {
		padding-left:15px !important;
		padding-right:15px !important;
	}
}

/* Marquee */

.marquee-item h4 {
	font-weight:900 !important;
	line-height:1em;
	font-size:30px;
}

.maruqee-item .splash {
	height:60px !important;
	width:60px !important;
}

/* btn_arrow */

.btn_arrow .elementor-button {
	padding:10px 60px 10px 29px !important;
	position:relative;
	height:45px;
	background-color:var(--e-global-color-accent) !important;
}

.btn_arrow .elementor-button-icon {
	position:absolute;
	top:7px;
	right:11px;
	z-index:1;
	background-color:var(--e-global-color-fd3d7a6) !important;
	padding:15px 11px 15px 11px !important;
	border-radius:44px !important;
	width:29px !important;
	height:29px !important;
	transition:all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.btn_arrow:hover .elementor-button-icon {	
	top:0px;
	right:0px;
	width:100% !important;
	height:45px !important;	
	background-color:var(--e-global-color-e63390a) !important;
	transition:all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.btn_arrow .elementor-button-icon svg {
	position:absolute;
	right:8px;
	width:1em;
	transition:all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.btn_arrow:hover .elementor-button-icon svg {
	position:absolute;
	right:19px;
	width:1em;
	transition:all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.btn_arrow .elementor-button-icon svg path {
	fill:var(--e-global-color-accent) !important;
	transition:all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.btn_arrow:hover .elementor-button-icon svg path {
	fill:var(--e-global-color-fd3d7a6) !important;
	transition:all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.btn_arrow .elementor-button-text {
	line-height:26px !important;
	margin-left:0px;
	z-index:2;
	font-size:14px !important;
	font-weight:700 !important;
	height:29px;
	overflow:hidden;
	color:var(--e-global-color-fd3d7a6);
	transition:all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.btn_arrow:hover .elementor-button-text {
	color:var(--e-global-color-fd3d7a6) !important;
	transition:all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* .soft */

.btn_arrow.soft:hover .elementor-button {
	background:var(--e-global-color-a6ad555);
}

.btn_arrow.soft:hover .elementor-button-icon {
	top:7px !important;
	right:11px !important;
	height:29px !important;
	width:29px !important;
}

.btn_arrow.soft:hover .elementor-button-text {
	color:var(--e-global-color-secondary) !important;
	transition:all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.btn_arrow.soft:hover .elementor-button-icon svg path {
	fill:var(--e-global-color-a6ad555) !important;
	transition:all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* .btn_green.soft */

.btn_arrow.btn_green.soft .elementor-button {
	background:var(--e-global-color-secondary) !important;
}

.btn_arrow.btn_green.soft .elementor-button-text {
	color:var(--e-global-color-accent) !important;
	transition:all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.btn_arrow.btn_green.soft .elementor-button-icon {
	background:var(--e-global-color-accent) !important;
}

.btn_arrow.btn_green.soft:hover .elementor-button {
	background:var(--e-global-color-a6ad555) !important;
}

.btn_arrow.btn_green.soft:hover .elementor-button-icon {
	top:7px !important;
	right:11px !important;
	height:29px !important;
	width:29px !important;
}

.btn_arrow.btn_green.soft:hover .elementor-button-text {
	color:var(--e-global-color-accent) !important;
	transition:all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.btn_arrow.btn_green.soft:hover .elementor-button-icon svg path {
	fill:var(--e-global-color-a6ad555) !important;
	transition:all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.btn_arrow.btn_green.soft .elementor-button-icon svg {
	position:absolute;
	right:7px;
	height:1em;
	width:1em;
	transition:all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
}

@media (max-width: 767px) {
	.btn_arrow.btn_green.soft .elementor-button-text {
		font-size:13px !important;
	}
}

/* btn_simple */

.btn_simple .elementor-button-icon svg{
	height:1em;
}




/* Tablepress */

.tablepress {
	--head-active-bg-color:var(--e-global-color-primary) !important;
	--head-bg-color:var(--e-global-color-primary) !important;
  --text-color: var(--e-global-color-text);
  --head-text-color: #fff;
  --odd-text-color: var(--text-color);
  --odd-bg-color: #fff;
  --even-text-color: var(--text-color);
  --even-bg-color: #f9f9f9;
  --hover-text-color: var(--text-color);
  --hover-bg-color: #f3f3f3;
  --border-color: #ddd;
  --padding: 0.5rem;

} 

/* Carousel */

.carousel-text {
	bottom:60px;
	left:60px;
}

.carousel-text h4 {
	font-size:30px !important;
	line-height:35px !important;
	font-weight:700 !important;
}

.carousel-text p {
	margin-bottom:0px !important;
	font-size:20px !important;
	line-height:35px !important;
	font-weight:900 !important;
}

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

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

@media (max-width: 1024px) {
	.carousel-text {
		bottom:0px;
		left:0px;
		width:100% !important;
	}
	
	.carousel-text h4 {
		font-size:18px !important;
		line-height:25px !important;
		font-weight:700 !important;
	}
	
	.carousel-text p {
		margin-bottom:0px !important;
		font-size:18px !important;
		line-height:25px !important;
		font-weight:900 !important;
	}
	
	.swiper-pagination-bullet {
		background:var(--e-global-color-primary) !important;
	}
	.swiper-pagination-bullet-active {
		background:var(--e-global-color-primary) !important;
	}
}

/* Akkordeon */
@media (max-width: 1024px) {
	.e-n-accordion-item-title-text {
		hyphens:auto;
		-moz-hyphens:auto;
		-webkit-hyphens:auto;
	}
	
	.e-n-accordion-item-title-icon span svg {
		height:25px;
		width:25px;
	}
	
	.e-n-accordion-item p {
		font-size:18px;
		line-height:25px;
	}
	
	.e-n-accordion-item > .elementor-element {
		padding-left:0px !important;
	}
} 

/* .teaser-box */

@media (max-width: 1024px) {
	.teaser-box h3 {
		hyphens:auto;
		-webkit-hyphens:auto;
		-moz-hyphens:auto;
	}
}

@media (max-width: 1024px) { 

	.teaser-box img {
		height:30px !important;
		width:30px !important;
	}
	
	.teaser-box h3 {
		font-size:25px !important;
		line-height:30px !important;
	}

}

/* Container Violet */

.violet {
	background:var(--e-global-color-1b47b0f) !important;
}

/* .teaser-box.violet-box */

.teaser-box.violet-box h3, .teaser-box.violet-box p {
	color:var(--e-global-color-secondary) !important;
}

/* Accordion */

.accordion-faq p, .accordion-faq .e-n-accordion-item-title-text {
	color:var(--e-global-color-e63390a) !important;
}

.accordion-faq .e-opened svg, .accordion-faq .e-closed svg {
	width:45px;
}

/* Blog */

.blog-item {
	position:relative;
	padding-bottom:90px;
}

.blog-item .btn_blog {
	position:absolute;
	bottom:30px;
}

@media (max-width: 1024px) {
	.blog-item h2 {
		font-size:25px !important;
		line-height:30px !important;
		hyphens:auto;
		-moz-hyphens:auto;
		-webkit-hyphens:auto;
	}
}

.text-box-blog ul {
	margin-bottom:15px;
}

.text-box-blog ul li {
	margin-bottom:10px;
}

.text-box-blog h3 {
	font-size:35px;
	line-height:40px;
	font-weight:700;
	margin-bottom:30px;
}

.text-box-blog ul li, .text-box-blog p {
	font-size:20px;
	line-height:25px;
}

/* Ninja Forms */

.nf-form-fields-required {
	display:none;
}

.list-container .nf-field-label {
	display:none;
}

.list-container.erreichbarkeit .nf-field-label {
	display:block;
}

/* Radiobuttons */

#nf-field-7-wrap input[type="radio"] {
	display:none !important;
}

#nf-field-7-wrap.listradio-wrap .nf-field-element label::after, #nf-field-7-wrap.listradio-wrap .nf-field-element label.nf-checked-label::after, #nf-field-7-wrap.listradio-wrap .nf-field-element label.nf-checked-label::before {
	display:none !important;
}

#nf-field-7-wrap.listradio-wrap .nf-field-element label {
	border-radius:100px;
	padding:19px 30px;
	background-color:var( --e-global-color-fd3d7a6 ) !important;
	border:1px var(--e-global-color-primary) solid;
	margin:0px 20px 20px 0px;
	transition:all ease 0.3s;
	font-size:20px;
}

#nf-field-7-wrap.listradio-wrap .nf-field-element label.nf-checked-label, #nf-field-7-wrap.listradio-wrap .nf-field-element label:hover {
	background-color:var(--e-global-color-secondary) !important;
	border:1px var(--e-global-color-secondary) solid;
	color:var(--e-global-color-primary);
	transition:all ease 0.3s;
}

#nf-field-7-wrap.listradio-wrap .nf-field-element label.nf-checked-label {
	background-color:var(--e-global-color-secondary) !important;
	border:1px var(--e-global-color-secondary) solid;
	color:var(--e-global-color-primary);
	font-weight:700;
	transition:all ease 0.3s;
}

#nf-field-7-wrap.listradio-wrap .nf-field-element label {
	margin-left:0px !important;
}

#nf-field-7-wrap.list-radio-wrap .nf-field-element li {
	display:inline-block;
}

.info-box {
	background-color:var(--e-global-color-secondary) !important;
	padding:30px !important;
	display:block !important;
}

div.info p {
	color:var(--e-global-color-primary);
	font-weight:700;
}

input[type="text"], input[type="tel"], input[type="email"] {
	border-radius:100px;
	padding:19px 30px;
}

.nf-multi-cell .nf-cell {
	padding:0px 15px !important;
}

/* (Allgemeine) Select-Basis */
select {
	border-radius:100px;
	background:var(--e-global-color-fd3d7a6) !important;
	padding:19px 30px;
}

select option {
	background:var(--e-global-color-fd3d7a6) !important;
}

input.ninja-forms-field[type="submit"], button[type="button"] {
	background:var(--e-global-color-primary) !important;
	border:none !important;
	color:var(--e-global-color-secondary) !important;
	border-radius:100px;
	font-size:20px !important;
	font-weight:700 !important;
	line-height:44px;
	padding:10px 30px 10px 30px !important;
	transition:all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
}

input.ninja-forms-field[type="submit"]:hover, button[type="button"]:hover {
	color:var(--e-global-color-primary) !important;
	border:none !important;
	background:var(--e-global-color-secondary) !important;
	transition:all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.offertsteller, .listradio-container {
	margin-bottom:60px !important;
}

.offertsteller .listradio-wrap ul li, .listradio-container .listradio-wrap ul li {
	display:inline-block !important;
	margin-right:30px !important;
}

.offertsteller .listradio-wrap ul li label, .listradio-container .listradio-wrap ul li label {
	font-weight:300 !important;
	font-size:20px !important;
	line-height:1em !important; 
}

/* Basis wie oben: Liste und Label */
.offertsteller .nf-field-element ul, .listradio-container .nf-field-element ul {
  list-style:none; margin:0; padding:0;
  display:flex; flex-wrap:wrap; gap:1rem;
}
.offertsteller .nf-field-element li label, .listradio-container .nf-field-element li label {
  position:relative;
  padding-left:1.8rem;
  cursor:pointer;
  margin-left:0px !important;
  padding-left:30px !important;
}

.listradio-container .nf-field-element li label {
	padding-left:50px !important;
}

.umzugsart .nf-field-element li label {
	padding-left:0rem;
}

/* äußerer Kreis */
.offertsteller .nf-field-element li label::before, .listradio-container .nf-field-element li label::before {
  content:"";
  position:absolute; left:0; top:50%; transform:translateY(-50%);
  width:2rem; height:2rem; border-radius:50%;
  border:2px solid var(--e-global-color-text); background:transparent;
}

.umzugsart .nf-field-element li label::before {
  content:"";
  position:absolute; left:0; top:50%; transform:translateY(-50%);
  width:0rem; height:0rem; border-radius:50%;
  border:0px solid var(--e-global-color-text); background:#fff;
}

/* innerer Punkt wenn checked */
.offertsteller .nf-field-element li:has(input[type="radio"]:checked) label::after, .listradio-container .nf-field-element li:has(input[type="radio"]:checked) label::after {
  content:"";
  position:absolute; 
  left: .4rem;
  top: .04rem;
  width: 1.2rem;
  height: 1.2rem; border-radius:50%; background:var(--e-global-color-text);
}

/* Fokusrahmen */
.offertsteller .nf-field-element li:has(input[type="radio"]:focus-visible) label, .listradio-container .nf-field-element li:has(input[type="radio"]:focus-visible) label {
  outline:2px dashed var(--e-global-color-text); outline-offset:3px;
}

/* Input visuell verstecken, aber fokussierbar lassen */
.offertsteller .nf-field-element input[type="radio"], .listradio-container .nf-field-element input[type="radio"] {
  position:absolute; opacity:0; width:1px; height:1px; pointer-events:none;
}


/* ——— Vorhandene „select { appearance:none… + Pfeil als BG }“-Regel wurde NICHT gelöscht,
      aber unten überschreiben wir sie gezielt für Ninja Forms ——— */

/* (ältere allgemeine Select-Regel mit eingebettetem Pfeil)
   — bleibt bestehen, wirkt aber NICHT mehr auf Ninja Forms dank spezifischer Overrides unten */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  width: 100%;
  padding: 12px 2.5em 12px 1em; /* Platz rechts für den Pfeil */
  border: 1px solid #1F3632;     /* gleiche Farbe wie Text */
  border-radius: 50px;           /* pillenförmig */
  font-size: 1.2rem;
  color: #1F3632;
  background-color: #fff;

  /* Pfeil aus Figma als SVG eingebettet */
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 1L6 6L11 1' stroke='%231F3632' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat;
  background-position: right 1em center;
  background-size: 1em auto;
}

select:focus {
  outline: none;
  border-color: #1F3632;
}



/* ===========================
   Checkboxen – quadratischer Stil
   =========================== */

.listcheckbox-container  .nf-field-element input[type="checkbox"]{
  /* Verstecken, aber erreichbar für Screenreader & Tastatur */
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  pointer-events: none;
}

/* Label als Klickfläche */
.listcheckbox-container  .nf-field-element li label, .checkbox-container .nf-field-element li label {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  padding-left: 2rem; /* Platz fürs Kästchen links */
  font-size: 18px;    /* Textgröße anpassen */
  line-height: 1.4;
  margin-left:0 !important;
}

/* Quadrat zeichnen */
.listcheckbox-container  .nf-field-element li label::before, checkbox-container .nf-field-element li label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.2rem;
  height: 1.2rem;
  border: 1px solid #0c2f2a;  /* Rahmenfarbe */
  border-radius: 0px;         /* leicht abgerundet, für clean look */
  background: #fff;
  box-sizing: border-box;
  transition: all 0.15s ease-in-out;
}

/* Häkchen bei checked */
.listcheckbox-container  .nf-field-element li:has(input[type="checkbox"]:checked) label::after, .checkbox-container .nf-field-element li:has(input[type="checkbox"]:checked) label::after {
  content: "";
  position: absolute;
  left: 0.45rem;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 0.35rem;
  height: 0.7rem;
  border-right: 3px solid #0c2f2a;
  border-bottom: 3px solid #0c2f2a;
}

/* Hover-Effekt */
.listcheckbox-container  .nf-field-element li:hover label::before, .checkbox-container .nf-field-element li:hover label::before {
  border-color: #145a50;
}

/* Fokusrahmen (Tastatur-Nutzer) */
.listcheckbox-container  .nf-field-element li:has(input[type="checkbox"]:focus-visible) label::before, .checkbox-container  .nf-field-element li:has(input[type="checkbox"]:focus-visible) label::before {
  outline: 2px dashed #145a50;
  outline-offset: 3px;
}

fieldset {
	padding: 30px;
  border-radius: 30px;
  border-color: var(--e-global-color-text);
  border-width: 1px;
}

fieldset legend {
	padding-left:15px;
	padding-right:15px;
}

textarea {
	border-radius: 30px !important;
}

.textarea-wrap label {
	display:none;
}

.time-wrap {
	margin-top:15px;
}

input.datepicker {
	font-size:18px;
}

/* --- Footer --- */

.footer p, .footer p a, .footer ul li {
	color:var(--e-global-color-text);
	font-size:18px;
	line-height:28px;
}

.footer p a{
	color:var(--e-global-color-accent);
	text-decoration:underline;
}

.footer h4 {
	color:var(--e-global-color-text) !important;
	font-size:20px;
	line-height:30px;
	font-weight:900 !important;
}

.footer .btn_arrow .elementor-button-text {
	font-size:14px !important;
	line-height:26px !important;
}	

.footer .augenweide a {
	font-size:16px !important;
	line-height:30px !important;
	color:#939b98 !important;
}

body .footer .logo img, body.sticky .footer .logo img {
	opacity:1;
	height:50px;
	width:auto;
	transition:all ease .3s;
	z-index:1;
}

.cookie-notice-container span, .cn-buttons-container a {
	font-family: var( --e-global-typography-text-font-family ), Sans-serif !important;
}

#cookie-notice .cn-button:not(.cn-button-custom) {
	border-radius:0px;
}

.elementor-social-icon {
	background-color:var( --e-global-color-primary ) !important;
}

@media (max-width: 1024px) {
	.footer h4 {
		font-size:18px;
		line-height:1.2em;
		hyphens:auto;
		-webkit-hyphens:auto;
	}
	
	.footer p, .footer p a, .footer ul li {
		font-size:14px;
		line-height:1.2em;
		hyphens:auto;
		-webkit-hyphens-auto;
	}
	
}

@media (max-width: 767px) { 
	.footer h4 {
		font-size:16px !important;
		line-height:20px !important;
	}
}


/* === Ninja Forms Select mit Pfeil === */

/* Basis Select */
.nf-form-cont select.ninja-forms-field {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;

  width: 100%;
  height: 64px;
  padding: 0 64px 0 24px;           /* Platz rechts für Pfeil */
  border: 1px solid #1F3632;
  border-radius: 9999px;
  background-color: var(--e-global-color-fd3d7a6) !important;
  color: #1F3632;
  font-size: 18px;
  line-height: 1.2;
  box-sizing: border-box;
  outline: none;

  background: none !important;      /* evtl. alte BG-Icons killen */
  position: relative;               /* für ::after nötig */
}

/* Pfeil nur bei Select */
.nf-form-cont select.ninja-forms-field::after {
  content: "";
  position: absolute;
  right: 20px;                       /* << Pfeil nach links? Zahl erhöhen */
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231F3632' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  z-index: 2;
}

/* IE/alt Edge */
.nf-form-cont select.ninja-forms-field::-ms-expand { display: none; }


/* Pfeil NUR wenn Select im Feld enthalten ist */
.nf-form-cont .nf-field-element:has(select.ninja-forms-field)::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231F3632' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
}

/* Testimonials */

.testimonial p {
	margin-bottom:0px !important; 
}

.testimonial .sterne {
	padding-left:0px !important;
	padding-right:0px !important;
}

@media (max-width: 767px) { 
	.testimonial p {
		font-size:18px !important;
		line-height:22px !important;
	}
}

/* --- Formular Multi Steps --- */

/* Progress Bar */

.nf-progress-container, .nf-progress {
	height:5px !important;
	background-color:var( --e-global-color-fd3d7a6 ) !important;
	border:none !important;
}

.nf-progress-container {
	margin-bottom:-60px;
}

.nf-progress {
	background-color:var( --e-global-color-primary ) !important;
}

/* Breadcrumbs */

#nf-form-5-cont .nf-breadcrumbs {
	padding-left:60px !important;
}

.nf-breadcrumbs li a {
	background: var(--e-global-color-fd3d7a6);
	border:1px solid var(--e-global-color-primary);
	color: var(--e-global-color-primary) !important;
	border-radius: 50%;
	height: 70px;
	width: 70px;
	line-height: 70px;
	text-align: center;
	font-size: 36px  !important;
	font-weight:900;
	margin-right:20px !important;
}

@media (max-width: 767px) { 
	.nf-breadcrumbs {
		position: relative;
		top:45px;
	}
	
	.nf-breadcrumbs li a {
		height: 30px;
		width: 30px;
		line-height: 30px;
		font-size: 12px  !important;	
	}
	
	#nf-form-5-cont .nf-breadcrumbs {
		padding-left:15px !important;
		display:flex;
		justify-content:center;
	}
}

.nf-breadcrumbs .active a {
	background: var(--e-global-color-primary);
	color: var(--e-global-color-secondary) !important;
	font-weight:900 !important;
}

/*.nf-breadcrumbs li.active:before {
	background:var(--e-global-color-primary);
	height:5px;
	width:20px;
	display:inline-block;
	top:-10px;
	position:relative;
	content:"";
}*/

/* Body */

#nf-form-5-cont .nf-mp-body {
	background:var(--e-global-color-secondary) !important;
	padding:45px 60px;
}

#nf-form-5-cont .nf-mp-footer {
	background:var(--e-global-color-secondary) !important;
	padding:45px 60px;
}

@media (max-width: 767px) { 
	#nf-form-5-cont .nf-mp-body {
		padding:30px;
	}
	
	#nf-form-5-cont .nf-mp-footer {
		padding:30px;
	}
}

/* Navigation */

.nf-next-previous li {
	float:left !important;
}

.nf-next-previous li.nf-previous-item {
	margin-right:20px !important;
}

/* Radiobuttons Umzugsart */

#nf-field-190-wrap ul li {
	margin-right:0px !important;
}

#nf-field-190-wrap input[type="radio"] {
	display:none !important;
}

#nf-field-190-wrap.listradio-wrap .nf-field-element label::after, #nf-field-190-wrap.listradio-wrap .nf-field-element label.nf-checked-label::after, #nf-field-190-wrap.listradio-wrap .nf-field-element label.nf-checked-label::before {
	display:none !important;
}

#nf-field-190-wrap.listradio-wrap .nf-field-element label {
	border-radius:100px;
	padding:19px 30px !important;
	background-color:var( --e-global-color-secondary ) !important;
	border:1px var(--e-global-color-primary) solid;
	margin:0px 20px 20px 0px;
	transition:all ease 0.3s;
	font-size:20px;
}

@media (max-width: 767px) { 
	#nf-field-190-container {
		margin-bottom:0px !important;
	}
	#nf-field-190-wrap.listradio-wrap .nf-field-element label {
		font-size:16px !important;
		padding:14px 20px !important;
	}
		
	#nf-field-190-wrap .nf-field-element ul {
		gap:0px !important;
	}
}



#nf-field-190-wrap.listradio-wrap .nf-field-element label.nf-checked-label, #nf-field-190-wrap.listradio-wrap .nf-field-element label:hover {
	background-color:var(--e-global-color-primary) !important;
	border:1px var(--e-global-color-primary) solid;
	color:var(--e-global-color-fd3d7a6);
	transition:all ease 0.3s;
}

#nf-field-190-wrap.listradio-wrap .nf-field-element label.nf-checked-label {
	background-color:var(--e-global-color-primary) !important;
	border:1px var(--e-global-color-primary) solid;
	color:var(--e-global-color-fd3d7a6);
	font-weight:900 !important;
	transition:all ease 0.3s;
}

#nf-field-190-wrap.listradio-wrap .nf-field-element label {
	margin-left:0px !important;
}

#nf-field-190-wrap.list-radio-wrap .nf-field-element li {
	display:inline-block;
}

#nf-field-190-wrap.listradio-wrap .nf-field-element li label::before {
	display:none !important;
}

/* Label anzeigen/verstecken */

#nf-form-5-cont .list-container .nf-field-label, #nf-field-241-wrap label, #nf-field-249-wrap .nf-field-label label, #nf-field-250-wrap .nf-field-label label {
	display:block;
}

#nf-field-188-wrap .nf-field-label, #nf-field-190-wrap .nf-field-label, #nf-field-192-wrap .nf-field-label, #nf-field-231-wrap .nf-field-label, #nf-field-253-wrap .nf-field-label {
	display:none !important;
}

/* Textfelder */

#nf-form-5-cont input[type="text"], #nf-form-5-cont input[type="email"], #nf-form-5-cont input[type="tel"], textarea {
	background:transparent;
}

/* Checkboxen */

#nf-form-5-cont .listcheckbox-container .nf-field-element li label::before, #nf-form-5-cont .checkbox-container .nf-field-element li label::before {
	background:transparent;
}

/* Prev / Next Buttons */

.nf-next, .nf-previous {
	padding:10px 20px !important;
	height:45px;
	background-color:var(--e-global-color-primary) !important;
	border:1px solid var(--e-global-color-primary) !important;
	color:var(--e-global-color-fd3d7a6) !important;
	border-radius:30px;
}