/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

.noopacity {
	opacity: 0;
	pointer-events: none;
}
.videofilter .nectar-video-bg {
    transform: scale(1.1);
}
span.red {
    color:#e42421!important;
}

.videofilter video {
    filter: brightness(1.06);
}
.videofilter {
    min-height: 500px;
}
p.textbubbles {
    font-size: clamp(16px, 1.1vw, 9999px)!important;
    margin-top:-15px;
}
.nectar-highlighted-text[data-using-custom-color="false"]:not([data-style="text_outline"]) p.textbubbles em {
    background: #e42421 !important;
    padding: 8px 10px;
    border-radius: 7px;
    display: inline-block;
    margin-top: 10px;
    font-size: 18px;
}

.videofilter .nectar-video-bg {
        object-fit: contain!important;
}
.heroshoooot {
    background:#fff;
}
.listgrey .nectar-fancy-ul ul li .icon-default-style[class^="icon-"] {
    line-height: 32px;
    background: #F4F4F4;
    width: 30px;
    border-radius: 30px;
    height: 30px;
    margin-top: -3px;
}
.listgrey .nectar-fancy-ul ul li {
    list-style: none;
    position: relative;
    padding-left: 44px;
}
.cf7-two-columns {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.cf7-two-columns .form-col {
  width: 100%;
}

@media (min-width: 600px) {
  .cf7-two-columns .form-col {
    width: calc(50% - 10px); /* für 2 Spalten mit Abstand */
  }
}

@media screen and (min-width:1600px) {
  .listgrey .nectar-fancy-ul ul li .icon-default-style[class^="icon-"] {
    margin-top: 3px;
}  
}

@media screen and (max-width:599px) {
    .videofilter {
    min-height: 320px;
}
.nectar-highlighted-text[data-using-custom-color="false"]:not([data-style="text_outline"]) p.textbubbles em {
    font-size: 14px;
}
body .row .nectar-text-inline-images.font_size_phone_5vw * {
        font-size: 26px;
}
.floating-field {
    flex: 1 1 calc(100% - 12px)!important;
}
.cf7-floating {
    gap: 0px 24px!important;
}
.nopadmob {
    padding-left:0px!important;
    padding-right: 5p!important;
}
.hidemobile {
    display: none!important;
}
.nomargbot {
    margin-bottom: 0px!important;
}
.sliderfacts h3 {
    font-size: 24px!important;
    line-height: 1.3em!important;
}
}







.wpcf7-form .wpcf7-not-valid-tip {
    box-shadow: none;
    padding: 2px 0px;
}

.cf7-floating {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 24px;
}

.floating-field {
  position: relative;
  flex: 1 1 calc(50% - 12px);
  margin-bottom: 0px;
}

.floating-field.fullwidth {
  flex-basis: 100%;
}

.floating-field input,
.floating-field textarea {
  width: 100%;
  padding: 12px 0;
  font-size: 16px;
  font-family: inherit;
  border: none;
  border-bottom: 1px solid #ccc;
  background: transparent;
  outline: none;
  border-radius: 0;
  box-shadow: none !important;
  transition: border-color 0.3s ease;
}

.floating-field label {
  position: absolute;
  top: 12px;
  left: 0;
  font-size: 16px;
  color: #999;
  pointer-events: none;
  transition: 0.2s ease all;
}

.floating-field label.active {
  top: -10px;
  font-size: 12px !important;
  color: #999;
  font-weight: 500;
}

.wpcf7-not-valid {
  border-bottom: 1px solid #e63946 !important;
}

.wpcf7 input[type="submit"] {
  background: #0A0000;
  color: white;
  border: none;
  padding: 14px 24px;
  font-size: 16px;
  border-radius: 25px;
  cursor: pointer;
  transition: background 0.3s ease;
  font-family: inherit;
}

.wpcf7 input[type="submit"]:hover {
  background: #1a1b3c;
}

input:-webkit-autofill {
  box-shadow: 0 0 0px 1000px white inset !important;
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
  -webkit-text-fill-color: #000;
  transition: background-color 5000s ease-in-out 0s;
}
.floating-field textarea {
    height: 141px;
}

.container-wrap input[type=text], .container-wrap input[type=email], .container-wrap input[type=password], .container-wrap input[type=tel], .container-wrap input[type=url], .container-wrap input[type=search], .container-wrap input[type=date], .container-wrap input[type=number], .container-wrap textarea, .container-wrap select, body > #review_form_wrapper.modal input[type=text], body > #review_form_wrapper.modal textarea, body > #review_form_wrapper.modal select, body > #review_form_wrapper.modal input[type=email], .select2-container--default .select2-selection--single, body[data-fancy-form-rcs="1"] .select2-container--default .select2-selection--single, .woocommerce input#coupon_code, .material.woocommerce-page[data-form-style="default"] input#coupon_code, body[data-form-style="minimal"] input[type="text"], body[data-form-style="minimal"] textarea, body[data-form-style="minimal"] input[type="email"], body[data-form-style="minimal"] input[type=password], body[data-form-style="minimal"] input[type=tel], body[data-form-style="minimal"] input[type=url], body[data-form-style="minimal"] input[type=search], body[data-form-style="minimal"] input[type=date], body[data-form-style="minimal"] input[type=number], body[data-form-style="minimal"] select {
    font-size: 18px;
}


body.material input[type=text]:focus, body.material textarea:focus, body.material input[type=email]:focus, body.material input[type=search]:focus, body.material input[type=password]:focus, body.material input[type=tel]:focus, body.material input[type=url]:focus, body.material input[type=date]:focus, body.material input[type=number]:focus, body.material select:focus {
    border-color: #000!important;
}

.glassbox { 
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.25);
    box-shadow: 0 8px 32px 0 rgba(155, 38, 135, 0.17);
    border: 1px solid rgba(255, 255, 255, 0.18);
}
.marginpls {
    margin-bottom: 5px!important;
}
.footerlogo {
    background: #fff;
    padding: 20px 23px!important;
    border-radius: 10px;
    margin-bottom: 20px!important;
}

#logo {
  display: inline-block;
  position: relative;
}

#logo::after {
    content: "";
    display: block;
    width: 743px;
    height: 27px;
    background-image: url(https://winterandmore.de/wp-content/uploads/2025/05/effective.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left;
    margin-top: 8px;
}

@media only screen and (min-width: 1000px) {
    #header-outer #logo, #header-outer .logo-clone, #header-outer .logo-spacing {
        margin-bottom: 24px;
	}
}


@media only screen and (max-width: 1520px) {
	#logo::after {
    width: 532px;
    height: 20px;
}
}
@media only screen and (max-width: 1290px) {
	#logo::after {
    width: 418px;
    height: 48px;
    background-image: url(https://winterandmore.de/wp-content/uploads/2025/05/effective-two-rows.svg);
}
}

@media only screen and (max-width: 1150px) {
	#logo::after {
    width: 418px;
    height: 48px;
    background-image: url(https://winterandmore.de/wp-content/uploads/2025/05/effective-two-rows.svg);
}
}

@media only screen and (max-width: 1149px) {
	#logo::after {
    width: 418px;
    height: 17px;
    background-image: url(https://winterandmore.de/wp-content/uploads/2025/05/effective.svg);
}
}
@media only screen and (max-width: 600px) {
	#logo::after {
    width: 300px;
    height: 31px;
    background-image: url(https://winterandmore.de/wp-content/uploads/2025/05/effective-two-rows.svg);
	margin-top: 4px!important;
}
	    body #header-outer {
        padding: 12px 0 3px 0!important;
    }
	.footerlogo {
    background: #fff;
    padding: 16px 14px !important;
	}
}

@media only screen and (max-width: 999px) {
	.leistungen h3.tab-nav-heading {
    font-size: 26px;
    line-height: 1.3em;
	}
    .leistungen .menu-content {
	padding-top: 25px;
}
	.leistungen .nectar-scrolling-tabs[data-tab-spacing="20%"] .scrolling-tab-content > div {
		padding-top: 20px;
        padding-bottom: 20px;
	}
	h1 .snow.splan-break, h2 .snow.splan-break, p .snow.splan-break {
    display: block;
	}
	h1 .snow.splan-break::before, h2 .snow.splan-break::before, p .snow.splan-break::before {
    margin-right: 10px;
}
}

@media only screen and (min-width:1000px) and (max-width: 1716px) {
.newbreak {
	display:block;
}
}
@media only screen and (min-width:1000px) and (max-width: 1100px) {
.effectivenew h2 {
	font-size: 24px!important;
}
	.heroshoooot h1 {
		font-size: 37px !important;
	}
}