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

/*Add your own styles here:*/

.ush_search_1.w-search input, .ush_search_1.w-search button {
    background: white !important;
    color: #666666 !important;
}


/*Ninja Absenden Button mittig*/

input[type=button].ninja-forms-field {
    min-width: 150px;
    padding: 0;
}


/*CALCULATOR*/
/* Endsumme Calculator färben */
.btQuoteBookingForm.btActive .btTotalNextWrapper .btQuoteTotal.currencyAfter {
	background-color: #A0C53D !important;
	border-radius: 10px;
}

/* Endsumme Form stylen */
.btQuoteBooking .btQuoteTotalCalc {
	border-radius: 10px 0px 0px 10px;
}
.currencyAfter .btQuoteTotalCurrency {
	border-radius: 0px 10px 10px 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

/*Endsumme Wert + Währung - Position anpassen*/
span.btQuoteTotalCalc, span.btQuoteTotalCurrency {
	padding-top: 10px !important;
}

/* Button (On/Off-Switch) Calculator färben */
.btQuoteBooking .btQuoteSwitch.on .btQuoteSwitchInner {
	background-color: #A0C53D !important;
}
/* Button (On/Off-Switch) - Position -> Rechts*/
div.btQuoteSwitch.btQuoteElement {
	position: absolute;
	right: 3%;
}
/* Button (On/Off-Switch) - Abstand zu Description Text */
.btQuoteBooking .btQuoteSwitch {
	margin-top: -1% !important;
}

/* Button (On/Off-Switch) - Abstand zu Description Text für Mobile anpassen */
@media only screen and (max-width: 650px){
	.btQuoteBooking .btQuoteSwitch {
    margin-top: -12% !important;
	}}

/* Selectfield (Ease-In des gewählten Feldes) färben */
.btQuoteBooking .dd.ddcommon.borderRadiusTp .ddTitleText, .btQuoteBooking .dd.ddcommon.borderRadiusBtm .ddTitleText {
	box-shadow: 5px 0 0 #A0C53D inset, 0 2px 10px rgb(0 0 0 / 20%);
}

/* Button (Anfragen) stylen */
.btQuoteBooking .btQuoteBookingForm.btActive .btContactNext {
    width: 100%;
	color: #A0C53D !important;
    border: #A0C53D;
	background-color: transparent;
	border-radius: 10px;	
	font-weight: bold;
	font-size: 1.1em;
	padding-left: 12.5%;
}

/* Button (Anfragen) stylen - on hover */
.btQuoteBooking:hover .btQuoteBookingForm.btActive:hover .btContactNext:hover {
    width: 100%;
	color: #555555 !important;
    border: rgb(133, 133, 133);
	background-color: transparent;
	border-radius: 10px;
	box-shadow: 0px 0px 15px rgb(133, 133, 133);
	font-weight: bold;
	font-size: 1.1em;
	padding-left: 12.5%;
}

/*Endsumme (nach klick auf Anfragen) stylen*/
div.btQuoteTotal.currencyAfter {
	background-color: #A0C53D !important;
	border-radius: 10px;
}
div.btTotalNextWrapper > div.btQuoteTotal.currencyAfter {
	border-radius: 10px 10px 10px 10px;
}
div.btQuoteTotal.currencyAfter > span.btQuoteTotalCurrency {
		border-radius: 0px 10px 10px 0px;
		background-color: #78942E;
}

/*Inputfields (Name, Mail, etc.) stylen*/
/*Ease-In des Feldes - on hover*/
.btQuoteBooking input[type=text]:hover, .btQuoteBooking input[type=email]:hover, .btQuoteBooking input[type=password]:hover, .btQuoteBooking input[type=url]:hover, .btQuoteBooking input[type=tel]:hover, .btQuoteBooking input[type=number]:hover, .btQuoteBooking input[type=date]:hover, .btQuoteBooking textarea:hover, .btQuoteBooking .fancy-select .trigger:hover, .btQuoteBooking .btContactFieldMandatory input:hover, .btQuoteBooking .btContactFieldMandatory textarea:hover {	
	box-shadow: 5px 0 0 #A0C53D inset, 0 2px 10px rgb(0 0 0 / 20%);
}
/*Ease-In des ausgewählten Feldes*/
.btQuoteBooking input[type=text]:focus, .btQuoteBooking input[type=email]:focus, .btQuoteBooking input[type=password]:focus, .btQuoteBooking input[type=url]:focus, .btQuoteBooking input[type=tel]:focus, .btQuoteBooking input[type=number]:focus, .btQuoteBooking input[type=date]:focus, .btQuoteBooking textarea:focus, .btQuoteBooking .fancy-select .trigger:focus {	box-shadow: 5px 0 0 #A0C53D inset, 0 2px 10px rgb(0 0 0 / 20%);
}

/*Checkbox + Text anpassung (Wording + Position)*/
#content-1555391902343-52024f9f-d829 > div > div > div > div.btTotalQuoteContactGroup.btActive > div > form > div.bt_cc_email_confirmation_container {
	font-size: 0px;
}
#content-1555391902343-52024f9f-d829 > div > div > div > div.btTotalQuoteContactGroup.btActive > div > form > div.bt_cc_email_confirmation_container::after {
	content: "Mit dem Absenden stimmen Sie den Datenschutzbestimmungen zu.";
	font-size: 20px;
	margin-top: 100px;
}
#content-1555391902343-52024f9f-d829 > div > div > div > div.btTotalQuoteContactGroup.btActive > div > form > div.bt_cc_email_confirmation_container > label::before {
	margin-top: -25%;
}
#content-1555391902343-52024f9f-d829 > div > div > div > div.btTotalQuoteContactGroup.btActive > div > form > div.bt_cc_email_confirmation_container > label::after {
	margin-top: -60%;
}

/*SENDEN Button - Wording + Position + Größe anpassen*/
#content-1555391902343-52024f9f-d829 > div > div > div > div.btTotalQuoteContactGroup.btActive > div > form > div.boldBtn.btnAccent.btnSmall.btnIco > button {
	font-size: 0px;
	width: 95%;
	border: 2px #A0C53D solid;
	border-radius: 5px 5px 5px 5px;
	height: 40px;
}
#content-1555391902343-52024f9f-d829 > div > div > div > div.btTotalQuoteContactGroup.btActive > div > form > div.boldBtn.btnAccent.btnSmall.btnIco > button::after {
	content: "SENDEN";
	font-size: 20px;
}

/*SENDEN Button - Style hover*/
#content-1555391902343-52024f9f-d829 > div > div > div > div.btTotalQuoteContactGroup.btActive > div > form > div.boldBtn.btnAccent.btnSmall.btnIco > button:hover {
	font-size: 0px;
	width: 95%;
	border: 2px #85a333 solid;
	border-radius: 5px 5px 5px 5px;
	height: 40px;
}

/*Fehlermessage - Alle benötigten Felder ausfüllen stylen*/
.btQuoteBooking .btSubmitMessage {
    color: red;
    font-weight: 600;
    text-align: center;
    line-height: 30px;
    height: 30px;
	margin-top: 1em;
}
/*Benötigte Felder - Farbige hervorhebung anpassen*/
.btQuoteBooking .btContactFieldMandatory.btContactFieldError input, .btQuoteBooking .btContactFieldMandatory.btContactFieldError textarea {
	border: 1px solid darkred;
    box-shadow: 0 0 0 1px red inset;
    -webkit-transition: all 380ms ease;
    transition: all 380ms ease;
	box-shadow: 5px 0 0 red inset, 0 2px 10px rgb(0 0 0 / 20%);
}
/*CALCULATOR (END)*/