/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0.20241209
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/

/* https://www.fluid-type-scale.com/calculate?minFontSize=16&minWidth=320&minRatio=1.125&maxFontSize=18&maxWidth=1280&maxRatio=1.2&steps=xs%2Cs%2Cm%2Cl%2Cxl&baseStep=m&prefix=text&useContainerWidth=true&includeFallbacks=true&useRems=true&remValue=16&decimals=2&previewFont=Inter&previewText=Almost+before+we+knew+it%2C+we+had+left+the+ground&previewWidth=1280 */

/* For browsers that support clamp and container queries */
@supports (font-size: clamp(1rem, 1cqi, 1rem)) {
  :root {
		--text-xs: clamp(0.79rem, -0.01cqi + 0.79rem, 0.78rem);
		--text-s: clamp(0.89rem, 0.08cqi + 0.87rem, 0.94rem);
		--text-m: clamp(1rem, 0.21cqi + 0.96rem, 1.13rem);
		--text-l: clamp(1.13rem, 0.37cqi + 1.05rem, 1.35rem);
		--text-xl: clamp(1.27rem, 0.59cqi + 1.15rem, 1.62rem);
  }
}
/* For browsers that don't support clamp or container queries */
@supports not (font-size: clamp(1rem, 1cqi, 1rem)) {
  :root {
		--text-xs: 0.79rem;
		--text-s: 0.89rem;
		--text-m: 1rem;
		--text-l: 1.13rem;
		--text-xl: 1.27rem;
  }
  @media screen and (min-width: 1280px) {
    :root {
		--text-xs: 0.78rem;
		--text-s: 0.94rem;
		--text-m: 1.13rem;
		--text-l: 1.35rem;
		--text-xl: 1.62rem;
    }
  }
}

/* https://www.fluid-type-scale.com/calculate?minFontSize=18&minWidth=320&minRatio=1.125&maxFontSize=22&maxWidth=1280&maxRatio=1.25&steps=h6%2Ch5%2Ch4%2Ch3%2Ch2%2Ch1%2Ctitle&baseStep=h3&prefix=heading&useContainerWidth=true&includeFallbacks=true&useRems=true&remValue=16&decimals=2&previewFont=Inter&previewText=Almost+before+we+knew+it%2C+we+had+left+the+ground&previewWidth=1280 */

/* For browsers that support clamp and container queries */
@supports (font-size: clamp(1rem, 1cqi, 1rem)) {
  :root {
		--heading-h6: clamp(0.79rem, -0.14cqi + 0.82rem, 0.7rem);
		--heading-h5: clamp(0.89rem, -0.01cqi + 0.89rem, 0.88rem);
		--heading-h4: clamp(1rem, 0.17cqi + 0.97rem, 1.1rem);
		--heading-h3: clamp(1.13rem, 0.42cqi + 1.04rem, 1.38rem);
		--heading-h2: clamp(1.27rem, 0.76cqi + 1.11rem, 1.72rem);
		--heading-h1: clamp(1.42rem, 1.21cqi + 1.18rem, 2.15rem);
		--heading-title: clamp(1.6rem, 1.81cqi + 1.24rem, 2.69rem);
  }
}
/* For browsers that don't support clamp or container queries */
@supports not (font-size: clamp(1rem, 1cqi, 1rem)) {
  :root {
		--heading-h6: 0.79rem;
		--heading-h5: 0.89rem;
		--heading-h4: 1rem;
		--heading-h3: 1.13rem;
		--heading-h2: 1.27rem;
		--heading-h1: 1.42rem;
		--heading-title: 1.6rem;
  }
  @media screen and (min-width: 1280px) {
    :root {
		--heading-h6: 0.7rem;
		--heading-h5: 0.88rem;
		--heading-h4: 1.1rem;
		--heading-h3: 1.38rem;
		--heading-h2: 1.72rem;
		--heading-h1: 2.15rem;
		--heading-title: 2.69rem;
    }
  }
}

/* general css */
/* font declaration */
.seitentitel {
	font-family: foco!important;
	font-size: clamp(1.45rem, 1.3rem + 0.75vw, 1.9rem)!important;
	font-weight: 400!important;
	line-height: 1.125!important;
	font-style: italic!important;
}

.untertitel {
	font-family: foco!important;
	font-size: clamp(1.27rem, 1.12rem + 0.75vw, 1.72rem)!important;
	font-weight: 400!important;
	line-height: 1.14!important;
	font-style: italic!important;
}

.spezialtitel {
	font-family: foco!important;
	font-size: clamp(1.17rem, 1.12rem + 0.25vw, 1.32rem)!important;
	font-weight: 700!important;
	line-height: 1.07!important;
	font-style: italic!important;
}

.blocktitel-regular {
	font-family: foco!important;
	font-size: clamp(1.08rem, 1.0333rem + 0.2333vw, 1.22rem)!important;
	font-weight: 400!important;
	line-height: 1.24!important;
	font-style: italic!important;
}

.blocktitel-bold {
	font-family: foco!important;
	font-size: clamp(1.08rem, 1.0333rem + 0.2333vw, 1.22rem)!important;
	font-weight: 700!important;
	line-height: 1.24!important;
	font-style: italic!important;
}

.specialtitel-small-bold {
	font-family: foco!important;
	font-size: clamp(1.08rem, 1.0333rem + 0.2333vw, 1.22rem)!important;
	font-weight: 700!important;
	line-height: 1.24!important;
	font-style: italic!important;
}

.lauftext-einleitung-regular {
	font-family: proxima-nova!important;
	font-size: clamp(1rem, 0.9567rem + 0.2167vw, 1.13rem)!important;
	font-weight: 400!important;
	line-height: 1.39!important;
}

.lauftext-einleitung-bold {
	font-family: proxima-nova!important;
	font-size: clamp(1rem, 0.9567rem + 0.2167vw, 1.13rem)!important;
	font-weight: 700!important;
	line-height: 1.39!important;
}

.lauftext-einleitung-extrabold {
	font-family: proxima-nova!important;
	font-size: clamp(1rem, 0.9567rem + 0.2167vw, 1.13rem)!important;
	font-weight: 800!important;
	line-height: 1.39!important;
}

.lauftext-klein-regular {
	font-family: proxima-nova!important;
	font-size: clamp(0.89rem, 0.8733rem + 0.0833vw, 0.94rem)!important;
	font-weight: 400!important;
	line-height: 1.44!important;
}

.lauftext-klein-extrabold {
	font-family: proxima-nova!important;
	font-size: clamp(0.89rem, 0.8733rem + 0.0833vw, 0.94rem)!important;
	font-weight: 800!important;
	line-height: 1.44!important;
}

.lauftext-versall-regular {
	font-family: proxima-nova!important;
	font-size: clamp(0.89rem, 0.8733rem + 0.0833vw, 0.94rem)!important;
	font-weight: 400!important;
	line-height: 1.33!important;
	text-transform: uppercase!important;
}

.button-box {
	font-family: proxima-nova!important;
	font-size: clamp(0.78rem, 0.78rem + 0vw, 0.78rem)!important;
	font-weight: 400!important;
	line-height: 1.2!important;
	text-transform: none!important;
}

.button-box-foco-bold {
	font-family: foco!important;
	font-size: clamp(0.78rem, 0.78rem + 0vw, 0.78rem)!important;
	font-weight: 700!important;
	font-style: italic!important;
	line-height: 1.2!important;
	text-transform: none!important;
	padding-bottom: 0.8em!important;
	padding-top: 0.8em!important;
}

.button-pfeil {
	font-family: proxima-nova!important;
	font-size: clamp(0.78rem, 0.78rem + 0vw, 0.78rem)!important;
	font-weight: 400!important;
	line-height: 1.2!important;
	text-transform: none!important;
}

.button-text {
	font-family: proxima-nova!important;
	font-size: clamp(0.78rem, 0.78rem + 0vw, 0.78rem)!important;
	font-weight: 400!important;
	line-height: 1.2!important;
	text-transform: none!important;
}

.footer-text {
	font-family: proxima-nova!important;
	font-size: clamp(0.78rem, 0.78rem + 0vw, 0.78rem)!important;
	font-weight: 400!important;
	line-height: 1.8!important;
	text-transform: none!important;
}

.font-sky-blue {
	color: var(--color-sky-blue)!important;
}

.font-smoky-black {
	color: var(--color-smoky-black)!important;
}

.font-white {
	color: var(--color-white)!important;
}

hr.border-sky-blue {
	border-color: var(--color-sky-blue)!important;
}

hr.border-smoky-black {
	border-color: var(--color-smoky-black)!important;
}

hr.border-white {
	border-color: var(--color-white)!important;
}

.my_post_hover a:hover {
	color: var(--color-sky-blue)!important;
}

/*.responsive {
  width: 100%;
  height: auto;
}*/

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

.w-btn-wrapper {margin: 0!important;}

.my_columns {
    column-count: 2;
    column-gap: 2.8em
}

@media (max-width: 1024px) {
    .my_columns {
        column-count:1
    }
}

.my_columns p {
    margin: 0 0 .8em
}

span.big_black {
	color: var(--color-smoky-black)!important;
	font-size: var(--heading-h1)!important;
}
span.big_white {
	color: var(--color-white)!important;
	font-size: var(--heading-h1)!important;
}

span.big_blue {
	color: var(--color-sky-blue)!important;
	font-size: var(--heading-h1)!important;
}

.my_google_rankings p {
	margin-bottom: 0.4rem!important;
}

.my_first_links p {
	margin-bottom: 0rem!important;
}

.my_second_links p {
	margin-bottom: 0rem!important;
}

.my_social_footer i {
	color: var(--color-smoky-black)!important;
	font-size: unset!important;
}

.my_social_footer a.w-socials-item-link:hover i {
	color: #FFFFFF!important;
	font-size: unset!important;
}

/* w-btn */
.w-btn {
	padding-top: 0.6rem!important;
}


/* button css */
button.btn-black {
    font-family: proxima-nova!important;
	font-size: clamp(0.78rem, 0.78rem + 0vw, 0.78rem)!important;
    line-height: 1.8;
	font-weight: 400;
	color: var(--color-sky-blue)!important;
    background-color: transparent;
    padding: 8px 32px 8px 40px;
    cursor: pointer;
    display: flex;
    align-content: stretch;
    flex-wrap: wrap;
    align-items: center;
}

.btn-black {
  /*border: 4px solid #000000;*/
  color: var(--color-smoky-black)!important;
}

.btn-grey {
  border: 4px solid #45423C;
  color: #45423C;
}

button.btn-black:hover .arrow {
  width: 52px;
  margin-right: 4px;
}

.arrow-black {
  background: black;
}

.arrow-grey {
  background: #45423C;
}

.arrow:before,
.arrow:after {
  content: "";
  background: black;
  position: absolute;
  height: 2px;
  width: 10px;
  border-radius: 30%;
}

.arrow:before {
  right: -2px;
  bottom: -3px;
  transform: rotate(-45deg);
}

.arrow:after {
  right: -2px;
  top: -3px;
  transform: rotate(45deg);
}

button.btn-black {padding-left: 10px;}

button.btn-black span.arrow {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 0.11rem;
  /* margin: 8.8px 0;*/
  margin-bottom: 2px;
  /*margin-top: -5px;*/
  margin-right: 5px;
  margin-left: 0px;
  border-radius: 9999px;
  background-color: var(--color-smoky-black)!important;
  cursor: pointer;
  transition: all .4s ease;
}

button.btn-black span.arrow::before,
button.btn-black span.arrow::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: 0;
  width: 10px;
  height: 0.11rem;
  border-radius: 9999px;
  background-color: var(--color-smoky-black)!important;
  transform-origin: calc(100% - 1px) 50%;
}

button.btn-black span.arrow::before {
  transform: rotate(45deg);
}

button.btn-black span.arrow::after {
  transform: rotate(-45deg);
}

/* logo slider and grid css */

div.my_carousel {
	margin-top: 0!important;
}

.my_logos img {
	vertical-align: middle!important;
	/*max-height: 60px!important;
	max-width: 160px!important;*/
	margin-left: auto!important;
	margin-right: auto!important;
	margin-bottom: 0.4rem!important;
	margin-top: 0.4rem!important;
}

@media (min-width: 601px) and (max-width: 1024px) {
	.my_logos img {
		vertical-align: middle!important;
		/*max-height: 50px!important;
		max-width: 120px!important;*/
		margin-left: auto!important;
		margin-right: auto!important;
	}
}

@media (max-width: 600px) {
	.my_logos img {
		vertical-align: middle!important;
		/*max-height: 40px!important;
		max-width: 80px!important;*/
		margin-left: auto!important;
		margin-right: auto!important;
	}
}

/* startseite mobile */
.my_mobile_iconbox div.w-iconbox-icon {
	display: none!important;
}

.my_mobile_iconbox .w-iconbox-title {
	font-family: foco!important;
	font-size: clamp(1.08rem, 1.0333rem + 0.2333vw, 1.22rem)!important;
	font-weight: 700!important;
	line-height: 1.24!important;
	font-style: italic!important;
	padding-bottom: 0!important;
}

.my_mobile_iconbox .w-iconbox-text {
	font-family: foco!important;
	font-size: clamp(1.08rem, 1.0333rem + 0.2333vw, 1.22rem)!important;
	font-weight: 400!important;
	line-height: 1.24!important;
	font-style: italic!important;
	padding-bottom: 0.5rem!important;
}

.my_mobile_icons p {
	display: flex!important;
}

.my_mobile_icons img {
	margin: 0.2rem!important;
}

/* conversion box homepage */
.my_conversion_box {
	width: 80%!important;
}

.my_conversion_box .w-iconbox-title {
	font-family: foco!important;
	font-size: clamp(1.08rem, 1.0333rem + 0.2333vw, 1.22rem)!important;
	font-weight: 700!important;
	line-height: 1.24!important;
	font-style: italic!important;
}

.my_conversion_box .w-iconbox-text {
	font-family: foco!important;
	font-size: clamp(1.08rem, 1.0333rem + 0.2333vw, 1.22rem)!important;
	font-weight: 400!important;
	line-height: 1.24!important;
	font-style: italic!important;
}

.my_conversion_box .conversion_text {
	margin-left: 5.2rem!important;
}

.my_conversion_box .w-iconbox-icon {
	font-size: 4.4rem!important;
	margin-right: 0.8rem!important;
	width: auto!important;
}

.my_conversion_box_2 {
	width: 100%!important;
}

.my_conversion_box_2 .w-iconbox-title {
	font-family: foco!important;
	font-size: clamp(1.08rem, 1.0333rem + 0.2333vw, 1.22rem)!important;
	font-weight: 700!important;
	line-height: 1.24!important;
	font-style: italic!important;
}

.my_conversion_box_2 .w-iconbox-text {
	font-family: foco!important;
	font-size: clamp(1.08rem, 1.0333rem + 0.2333vw, 1.22rem)!important;
	font-weight: 400!important;
	line-height: 1.24!important;
	font-style: italic!important;
}

.my_conversion_box_2 .conversion_text {
	margin-left: 5.2rem!important;
}

.my_conversion_box_2 .w-iconbox-icon {
	font-size: 4.4rem!important;
	margin-right: 0.8rem!important;
	width: auto!important;
}

/* gravity forms css */

.gfield_label {display: none!important;}

#gform_1 input {
	font-family: proxima-nova!important;
	font-size: clamp(0.78rem, 0.78rem + 0vw, 0.78rem)!important;
	font-weight: 400!important;
	line-height: 1.44!important;
}

#gform_1 input[type=submit] {
	font-family: proxima-nova!important;
	font-size: clamp(0.78rem, 0.78rem + 0vw, 0.78rem)!important;
	font-weight: 400!important;
	line-height: 1.44!important;
	background-color: #FFFFFF!important;
}

#gform_1 input[type=submit]:hover {
	background-color: #80c1c9!important;
}

#gform_1 #field_1_1 {
	margin: 0.3rem!important;
	width: 16%!important;
}

#gform_1 fieldset#field_1_3 {
    margin: 0!important;
}

#gform_1 #input_1_3 {
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
}

#gform_1 #input_1_3 span {
    width: 100%!important;
    padding: 0.3rem!important;
}

#gform_1 #field_1_4 {
	padding: 0.3rem!important;
}
#gform_1 #field_1_5 {
	padding: 0.3rem!important;
	font-size: var(--text-s)!important;
}
#gform_1 #field_1_7 {
	padding: 0.3rem!important;
	font-size: var(--text-s)!important;
}
#gform_1 #field_1_8 {
	padding: 0.3rem!important;
	font-size: var(--text-s)!important;
}

.gfmc-field {
    flex-direction: row!important;
}

.gfmc-field div:not(.gchoice) {
    padding-bottom: 0!important;
}

#gform_1 #field_1_10 {
	padding: 0.3rem!important;
	width: 25%!important;
	font-size: var(--text-s)!important;
}

#gform_1 #field_1_11 {
	padding: 0.3rem!important;
	width: 75%!important;
	font-size: var(--text-s)!important;
}

#gform_1 #field_1_18 {
	padding: 0.3rem!important;
	width: 42%!important;
	font-size: var(--text-s)!important;
}

#gform_1 #field_1_19 {
	padding: 0.3rem!important;
	width: 42%!important;
	font-size: var(--text-s)!important;
}

#gform_1 #field_1_12 {
	padding: 0.3rem!important;
}

#gform_1 #gform_submit_button_1 {
	margin: 0.3rem!important;
}
#gform_1 input::placeholder, #gform_1 textarea::placeholder {
  color: var(--color-smoky-black); /* Change this to your desired color */
  opacity: 1; /* Ensures full opacity */
}

/* For WebKit browsers (e.g., Chrome, Safari, Edge) */
#gform_1 input::-webkit-input-placeholder {
  color: var(--color-smoky-black); /* Change this to your desired color */
}

/* For Mozilla Firefox */
#gform_1 input::-moz-placeholder, #gform_1 textarea::-moz-placeholder {
  color: var(--color-smoky-black); /* Change this to your desired color */
  opacity: 1; /* Ensures full opacity */
}

/* For Microsoft Edge and Internet Explorer */
#gform_1 input:-ms-input-placeholder, #gform_1 textarea:-ms-input-placeholder {
  color: var(--color-smoky-black); /* Change this to your desired color */
}

/* For Internet Explorer 10+ */
#gform_1 input::-ms-input-placeholder, #gform_1 textarea::-ms-input-placeholder {
  color: var(--color-smoky-black); /* Change this to your desired color */
}
#gform_1 input[type="text"],
#gform_1 input[type="email"],
#gform_1 input[type="number"],
#gform_1 input[type="tel"],
#gform_1 input[type="url"],
#gform_1 input[type="date"],
#gform_1 input[type="time"],
#gform_1 input[type="search"],
#gform_1 input[type="file"],
#gform_1 textarea,
#gform_1 select {
    border: none; /* Remove all borders */
    /* border-bottom: 1px solid var(--color-sky-blue)!important;  /* Add bottom border */
    outline: none; /* Remove the default focus outline */
    box-sizing: border-box; /* Include padding in width calculation */
	background-color: #FFFFFF; /* Ensure background is transparent */
    transition: background-color 0.3s ease; /* Smooth background transition */
	font-size: clamp(0.78rem, 0.78rem + 0vw, 0.78rem)!important;
}

#gform_1 input[type="text"]:focus,
#gform_1 input[type="email"]:focus,
#gform_1 input[type="number"]:focus,
#gform_1 input[type="tel"]:focus,
#gform_1 input[type="url"]:focus,
#gform_1 input[type="date"]:focus,
#gform_1 input[type="time"]:focus,
#gform_1 input[type="search"]:focus,
#gform_1 input[type="file"]:focus,
#gform_1 textarea:focus,
#gform_1 select:focus {
    /*background-color: var(--color-white-smoke)!important;  Change background color */
    outline: none;  Remove the default focus outline */
}

#gform_1 textarea {
    line-height: 1.2; /* Set a consistent line height */
    height: calc(3 * 1.5em + 3 * 4px); /* 3 rows + top/bottom padding */
    /* padding: 2px; /* Adjust padding as needed */
    resize: none; /* Prevent manual resizing */
	overflow: hidden!important;
	font-size: clamp(0.78rem, 0.78rem + 0vw, 0.78rem)!important;
}

.gfield_validation_message {
	font-size: 60%!important;
	text-align: center;
	color: red!important;
}
.gform_validation_errors {
	padding: 6px;
	background-color: var(--color-sky-blue-light)!important;
}
.gform_submission_error {
	font-size: 16px!important;
	font-weight: 500;
	text-align: center;
}
#gform_confirmation_wrapper_1 {
	background-color: unset!important;
}
#gform_confirmation_message_1 {
	color: var(--color-smoky-black)!important;
	font-family: proxima-nova!important;
	font-size: clamp(1rem, 0.9567rem + 0.2167vw, 1.13rem)!important;
	font-weight: 400!important;
	line-height: 1.39!important;
}

#gform_2 input {
	font-family: proxima-nova!important;
	font-size: clamp(0.78rem, 0.78rem + 0vw, 0.78rem)!important;
	font-weight: 400!important;
	line-height: 1.44!important;
}

#gform_2 input[type=submit] {
	font-family: proxima-nova!important;
	font-size: clamp(0.78rem, 0.78rem + 0vw, 0.78rem)!important;
	font-weight: 400!important;
	line-height: 1.44!important;
	background-color: #FFFFFF!important;
}

#gform_2 input[type=submit]:hover {
	background-color: #80c1c9!important;
}

#gform_2 #field_2_1 {
	margin: 0.3rem!important;
	width: 50%!important;
}

#gform_2 #field_2_3 {
	margin: 0.3rem!important;
	width: 50%!important;
}

#gform_2 #field_2_4 {
	padding: 0.3rem!important;
}

#gform_2 #field_2_7 {
	padding: 0.3rem!important;
}

#gform_2 input[type="text"],
#gform_2 input[type="email"],
#gform_2 input[type="number"],
#gform_2 input[type="tel"],
#gform_2 input[type="url"],
#gform_2 input[type="date"],
#gform_2 input[type="time"],
#gform_2 input[type="search"],
#gform_2 input[type="file"],
#gform_2 textarea,
#gform_2 select {
    border: none; /* Remove all borders */
    /* border-bottom: 1px solid var(--color-sky-blue)!important;  /* Add bottom border */
    outline: none; /* Remove the default focus outline */
    box-sizing: border-box; /* Include padding in width calculation */
	background-color: #FFFFFF; /* Ensure background is transparent */
    transition: background-color 0.3s ease; /* Smooth background transition */
	font-size: clamp(0.78rem, 0.78rem + 0vw, 0.78rem)!important;
}

#gform_2 input::placeholder, #gform_2 textarea::placeholder {
  color: var(--color-smoky-black); /* Change this to your desired color */
  opacity: 1; /* Ensures full opacity */
}

/* For WebKit browsers (e.g., Chrome, Safari, Edge) */
#gform_2 input::-webkit-input-placeholder {
  color: var(--color-smoky-black); /* Change this to your desired color */
}

/* For Mozilla Firefox */
#gform_2 input::-moz-placeholder, #gform_2 textarea::-moz-placeholder {
  color: var(--color-smoky-black); /* Change this to your desired color */
  opacity: 1; /* Ensures full opacity */
}

/* For Microsoft Edge and Internet Explorer */
#gform_2 input:-ms-input-placeholder, #gform_2 textarea:-ms-input-placeholder {
  color: var(--color-smoky-black); /* Change this to your desired color */
}

/* For Internet Explorer 10+ */
#gform_2 input::-ms-input-placeholder, #gform_2 textarea::-ms-input-placeholder {
  color: var(--color-smoky-black); /* Change this to your desired color */
}

#gform_2 #gform_submit_button_2 {
    margin: 0.3rem !important;
}

#gform_2 input[type=submit] {
    font-family: proxima-nova !important;
    font-size: clamp(0.78rem, 0.78rem + 0vw, 0.78rem) !important;
    font-weight: 400 !important;
    line-height: 1.44 !important;
    background-color: transparent!important;
	border-color: #FFFFFF!important;
	border-style: solid 1px!important;
}

#gform_2 input[type=submit]:hover {
    background-color: #80c1c9 !important;
}

/* angebotsseite */

.my_bold {
	font-weight: 800;
}

.my_process button.w-tabs-item {
	margin-bottom: 0.4rem!important;
	background: -moz-linear-gradient(90deg, rgba(128,193,201,1) 38%, rgba(180,218,223,1) 95%)!important;
	background: -webkit-linear-gradient(90deg, rgba(128,193,201,1) 38%, rgba(180,218,223,1) 95%)!important;
	background: linear-gradient(90deg, rgba(128,193,201,1) 38%, rgba(180,218,223,1) 95%)!important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80c1c9",endColorstr="#b4dadf",GradientType=1)!important;
	color: var(--color-smoky-black)!important;
}

.my_process span.w-tabs-item-title {
	color: var(--color-smoky-black)!important;
	font-family: foco!important;
	font-size: clamp(0.9rem, 0.79rem + 0.55vw, 1.23rem)!important;
	font-weight: 700!important;
	line-height: 1.24!important;
	font-style: italic!important;
}

.my_process button.w-tabs-item {
	opacity: 1!important;
}

.my_process button.w-tabs-item.active::after {
	content: "\f178"!important;
	font-family: 'fontawesome'!important;
	font-weight: 300!important;
	position: absolute;
	right: 4%;
	color: var(--color-smoky-black)!important;
	font-size: var(--text-xl);
	top: 17%;
	transform: rotate(0deg);
	transition: transform .3s;
}

.my_process button.w-tabs-item::after {
	content: "\f178"!important;
	font-family: 'fontawesome'!important;
	font-weight: 300!important;
	position: absolute;
	right: 4%;
	color: var(--color-smoky-black)!important;
	font-size: var(--text-xl);
	top: 17%;
	transform: rotate(90deg);
	transition: transform .3s;
}

.my_process button.defined-active, .my_process button.w-tabs-section-header {
	margin-bottom: 0.4rem!important;
	background: -moz-linear-gradient(90deg, rgba(128,193,201,1) 38%, rgba(180,218,223,1) 95%)!important;
	background: -webkit-linear-gradient(90deg, rgba(128,193,201,1) 38%, rgba(180,218,223,1) 95%)!important;
	background: linear-gradient(90deg, rgba(128,193,201,1) 38%, rgba(180,218,223,1) 95%)!important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80c1c9",endColorstr="#b4dadf",GradientType=1)!important;
	color: var(--color-smoky-black)!important;
	font-family: foco!important;
	font-weight: 700;
}

.my_process button.w-tabs-section-header {
	margin-bottom: 0.4rem!important;
	background: -moz-linear-gradient(90deg, rgba(128,193,201,1) 38%, rgba(180,218,223,1) 95%)!important;
	background: -webkit-linear-gradient(90deg, rgba(128,193,201,1) 38%, rgba(180,218,223,1) 95%)!important;
	background: linear-gradient(90deg, rgba(128,193,201,1) 38%, rgba(180,218,223,1) 95%)!important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80c1c9",endColorstr="#b4dadf",GradientType=1)!important;
	border-radius: 3em;
	color: var(--color-smoky-black)!important;
	font-family: foco!important;
	font-size: clamp(0.9rem, 0.79rem + 0.55vw, 1.23rem)!important;
	font-weight: 700!important;
	line-height: 1.24!important;
	font-style: italic!important;
}

.my_process_check button.w-tabs-section-header {
	margin-bottom: 0.4rem!important;
	background: var(--color-platinum)!important;
	color: var(--color-smoky-black)!important;
	border-radius: 3em;
	font-family: foco!important;
	font-size: clamp(0.9rem, 0.79rem + 0.55vw, 1.23rem)!important;
	font-weight: 700!important;
	line-height: 1.24!important;
	font-style: italic!important;
}

.my_process_home button.w-tabs-section-header {
	margin-bottom: 0.4rem!important;
	background: -moz-linear-gradient(90deg, rgba(128,193,201,1) 38%, rgba(180,218,223,1) 95%)!important;
	background: -webkit-linear-gradient(90deg, rgba(128,193,201,1) 38%, rgba(180,218,223,1) 95%)!important;
	background: linear-gradient(90deg, rgba(128,193,201,1) 38%, rgba(180,218,223,1) 95%)!important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80c1c9",endColorstr="#b4dadf",GradientType=1)!important;
	border-radius: 3em;
	color: var(--color-smoky-black)!important;
	font-family: foco!important;
	font-size: clamp(0.9rem, 0.79rem + 0.55vw, 1.23rem)!important;
	font-weight: 700!important;
	line-height: 1.24!important;
	font-style: italic!important;
}

.my_process button div.w-tabs-section-control,
.my_process_check button div.w-tabs-section-control,
.my_process_home button div.w-tabs-section-control {
	display: block!important;
	position: absolute;
	right: 4%!important;
}

.my_process button div.w-tabs-section-control::after,
.my_process_check button div.w-tabs-section-control::after, 
.my_process_home button div.w-tabs-section-control::after {
	content: "\f178"!important;
	font-family: 'fontawesome'!important;
	font-weight: 300!important;
	color: var(--color-smoky-black)!important;
	font-size: var(--text-xl);
	top: 6%;
	transform: rotate(90deg);
	transition: transform .3s;
}

.my_process .w-tabs-section.active>.w-tabs-section-header .w-tabs-section-control,
.my_process_check .w-tabs-section.active>.w-tabs-section-header .w-tabs-section-control,
.my_process_home .w-tabs-section.active>.w-tabs-section-header .w-tabs-section-control {
    transform: rotate(90deg)!important;
}

.my_process button div.w-tabs-section-control::after,
.my_process_check button div.w-tabs-section-control::after,
.my_process_home button div.w-tabs-section-control::after {
	position: relative!important;
	content: "\f178"!important;
	font-family: 'fontawesome'!important;
	font-weight: 300!important;
	color: var(--color-smoky-black)!important;
	font-size: var(--heading-h1);
	top: 6%;
	right: 30%;
	transform: rotate(45deg);
	transition: transform .3s;
}

.my_process button div.w-tabs-section-control,
.my_process_check button div.w-tabs-section-control,
.my_process_home button div.w-tabs-section-control {
	display: block!important;
	font-style: normal!important;
}

@media (max-width: 600px) {
    section.my_special_row .vc_column_container {
        width: 100%;
        margin: 0!important;
    }
}

/* team seite */
/*.my_team_line img {
	margin-bottom: 0.2rem!important;
}*/
ul.my_team {
	margin-left: 1.5rem!important;
	margin-bottom: 0!important;
}
p:has(span.my_year) {
	margin-bottom: 0rem!important;
}

p span.my_year {
	margin-bottom: 0rem!important;
}

span.my_small_title {
	font-family: "foco";
	font-weight: 800;
}

img.my_image_team {
	margin-right: 0!important;
	margin-bottom: 0.4rem!important;
}

/* projekte seite */

div.my_category_switcher button.g-filters-item {
	padding: 0.6em 1.1em;
}

div.my_category_switcher button.g-filters-item.active {
	background-color: var(--color-sky-blue)!important;
	color: var(--color-white)!important;
	text-transform: uppercase;
	font-weight: 400;
	border-radius: 0!important;
	font-size: var(--text-s) !important;
	width: auto;
}
div.my_category_switcher button.g-filters-item {
	background-color: var(--color-white)!important;
	color: var(--color-sky-blue)!important;
	text-transform: uppercase;
	font-weight: 400;
	margin: 0.2rem;
	border-radius: 0!important;
	font-size: var(--text-s) !important;
	border: 1px solid var(--color-sky-blue)!important;
	width: auto;
	line-height: 1!important;
}
@media screen and (max-width: 480px) {
	div.my_category_switcher .g-filters-item, .w-filter.state_desktop[class*="style_switch_"] .w-filter-item-value {
		margin: 0.2rem!important;
	}
}
div.my_category_switcher .g-filters {
	margin-bottom: 0.8rem!important;
}

/* KundenSeite */
section.unsere_kunden p {
	margin-bottom: 0.4em;
}
ul.styled-list, ol.styled-list {
  font-family: proxima-nova!important;
  font-size: clamp(0.89rem, 0.8733rem + 0.0833vw, 0.94rem)!important;
  font-weight: 400!important;
  line-height: 1.44!important;
  padding: 0; /* Remove default padding */
  margin-left: 1.2rem;
}

ul.styled-list li, ol.styled-list li {
  padding: 0.4em 0; /* Add spacing between items */
  margin: 0; /* Reset margin */
  position: relative; /* Positioning for pseudo-element */
}

ul.styled-list li::after, ol.styled-list li::after {
  content: ""; /* Pseudo-element for the line */
  display: block;
  width: 100%;
  height: 1px; /* Line thickness */
  background-color: var(--color-sky-blue); /* Line color */
  position: absolute;
  bottom: 0;
  left: -1.2rem; /* Matches margin on both sides */
}

ul.styled-list-no-last, ol.styled-list-no-last {
  font-family: proxima-nova!important;
  font-size: clamp(0.89rem, 0.8733rem + 0.0833vw, 0.94rem)!important;
  font-weight: 400!important;
  line-height: 1.44!important;
  padding: 0; /* Remove default padding */
  margin-left: 0!important;
  list-style: none!important;
  margin-bottom: 0!important;
}

ul.styled-list-no-last li, ol.styled-list-no-last li {
  padding: 0.4em 0; /* Add spacing between items */
  margin: 0; /* Reset margin */
  position: relative; /* Positioning for pseudo-element */
}

ul.styled-list-no-last li:not(:last-child)::after, ol.styled-list-no-last li:not(:last-child)::after {
  content: ""; /* Pseudo-element for the line */
  display: block;
  width: 100%;
  height: 1px; /* Line thickness */
  background-color: var(--color-sky-blue); /* Line color */
  position: absolute;
  bottom: 0;
  left: 0rem; /* Matches margin on both sides */
}

ul.styled-list-no-last-line {
  font-family: proxima-nova!important;
  font-size: clamp(0.89rem, 0.8733rem + 0.0833vw, 0.94rem)!important;
  font-weight: 400!important;
  line-height: 1.44!important;
  padding: 0; /* Remove default padding */
  margin-left: 0!important;
  list-style: none!important;
  margin-bottom: 0!important;
}

ul.styled-list-no-last-line li {
  padding: 0.4em 0; /* Add spacing between items */
  margin: 0; /* Reset margin */
  position: relative; /* Positioning for pseudo-element */
}

/* faq */

.w-tabs-section-content-h {
	font-family: proxima-nova!important;
	font-size: clamp(1rem, 0.9567rem + 0.2167vw, 1.13rem)!important;
	font-weight: 400!important;
	line-height: 1.39!important;
}


/* glossary */
.glossary p.title {
	font-family: foco !important;
    font-size: clamp(1.27rem, 1.12rem + 0.75vw, 1.72rem) !important;
    font-weight: 400 !important;
    line-height: 1.14 !important;
    font-style: italic !important;
    margin-top: 20px;
    color: var(--color-sky-blue);
    border-top: 1px solid var(--color-sky-blue); /* Horizontal line under each letter heading */
    padding-top: 12px;
    margin-bottom: 10px;
}

.glossary p.title:first-child {
	font-family: foco !important;
    font-size: clamp(1.27rem, 1.12rem + 0.75vw, 1.72rem) !important;
    font-weight: 400 !important;
    line-height: 1.14 !important;
    font-style: italic !important;
    margin-top: 20px;
    color: var(--color-sky-blue);
    border-top: unset!important; /* Horizontal line under each letter heading */
    padding-top: 12px;
    margin-bottom: 10px;
}

.glossary ul {
    list-style: none;
    padding: 0;
    margin: 0 0 20px; /* Add spacing after each grouped list */
}

.glossary li {
    margin-bottom: 15px;
	font-size: var(--text-s);
	font-family: 'proxima-nova';
	color: var(--color-smoky-black);
}

.glossary strong {
    font-size: var(--text-m);
    color: var(--color-smoky-black);
	font-weight: 800;
}

/* footer */
.my_footer a {
	color: var(--color-white)!important;
}

.my_footer a:hover {
	color: var(--color-sky-blue)!important;
}

.my_bottom_footer a {
	color: var(--color-smoky-black)!important;
}

.my_bottom_footer a:hover {
	color: var(--color-sky-blue)!important;
}

.w-search-form input {
	border-radius: 3em!important;
	border-width: 0!important;
}

/* footer css */

div.w-search-form {
	display: flex!important;
	flex-direction: row!important;
}

.w-search.layout_simple input {
	background-color: #FFFFFF!important;
	font-size: var(--text-xs)!important;
	color: var(--color-smoky-black)!important;
	font-weight: 400;
}
button.w-search-form-btn i:before {
	color: var(--color-sky-blue)!important;
}

.w-search-form input::placeholder, .w-search-form input::-moz-placeholder,
.w-search-form input:-moz-placeholder, .w-search-form input:-ms-input-placeholder {
	font-size: var(--text-xs)!important;
	color: var(--color-smoky-black)!important;
	font-weight: 400;
}
.w-search-form .w-btn i {
    font-size: var(--text-xs)!important;
    vertical-align: top!important;
    line-height: 1.8!important;
}

.my_footer_icons {
	flex-direction: row!important;
}

.my_footer_myclimate {
	margin-left: auto!important;
}

#footer_mobile {
	padding-bottom: 0!important;
}

ul.my_mobile_ul {
  display: flex;
  justify-content: space-between; /* Ensures even spacing between items */
  list-style-type: none; /* Removes default bullet points */
  padding: 0; /* Removes default padding */
  margin: 0; /* Removes default margin */
}

ul.my_mobile_ul li {
  margin: 0; /* Optional: removes default margin for list items */
}

ul.my_mobile_ul li a:hover {
	color: var(--color-smoky-black)!important;
}

/* projekt seite */
.custom-post-navigation span {
	font-size: var(--text-xs)!important;
}

.custom-post-navigation span.nav-button {
	padding: 1.2rem!important;
}

.custom-post-navigation span.prev {
	margin-left: -12px;
}

/* Kontakt Seite */
.my_social_links_kontakt .w-socials-list {
	/*display: grid!important;*/
}

.my_social_links_kontakt i {
    color: var(--color-smoky-black) !important;
    font-size: 1.3em !important;
}

/* angebots seite */
.my_service_cards .post_content p {
	margin-bottom: 0!important;
}

/* my cliama seite */
img.my_clima_logo {
	margin-bottom: 0!important;
	margin-right: 0!important;
}

/* popup */
div.w-popup-closer {
    top: 0;
    right: 0;
    text-align: center;
    font-size: 1rem;
    line-height: 3rem;
    width: 3rem;
    cursor: pointer;
}

/* home new */
.my_home_button_wrapper {
	display:flex!important;
    flex-direction: row!important;
    justify-content: space-around!important;
}

.my_home_button_wrapper_mobile .w-btn-wrapper {
	margin: 0.3rem 0!important;
}

.my_home_button {
	border-radius: 3em!important;
	background: -moz-linear-gradient(90deg, rgba(128,193,201,1) 38%, rgba(180,218,223,1) 95%)!important;
	background: -webkit-linear-gradient(90deg, rgba(128,193,201,1) 38%, rgba(180,218,223,1) 95%)!important;
	background: linear-gradient(90deg, rgba(128,193,201,1) 38%, rgba(180,218,223,1) 95%)!important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80c1c9",endColorstr="#b4dadf",GradientType=1)!important;
}

.my_home_button:hover {
	background: var(--color-smoky-black)!important;
}

/* search result page */
.my_search_result_grid strong {
	color: var(--color-sky-blue)!important;
}

/* additional footer css */
.my_google_rankings a:hover #mystars .st4 {
  fill: #fff; /* Changes the fill color to white */
}

.my_footer_myclimate a:hover img {
	opacity: 80%!important;
}

.my_sgd_logo a:hover img {
	opacity: 80%!important;
}

/* grid effect */
/* Initial state for the articles */
.my_logo_grid .w-grid-item {
    opacity: 0;
    transform: translateY(150px);
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}

/* When the article is in view */
.my_logo_grid .w-grid-item.show {
    opacity: 1;
    transform: translateY(0);
	padding-bottom: 0.8rem!important;
}