#progressbar{
	margin: 0;
	padding: 0;
	font-size: 12px;
	text-align: right;
}

#progressbar li {
	color:#000;
}

#progressbar li span {
	border-radius: 50px;
	width: 25px;
	border: 1px solid #00a900;
	display: inline-block;
	height: 25px;
	line-height: 21px;
	background: #fff;
	font-size:11px;
    margin-right: 5px;
	text-align: center;
	color: #000;
}

#progressbar li.active span {
	border: 1px solid #fff;
	background: #00a900;
	color:#fff;

}

#progressbar li.active {
	text-decoration: underline;
}

/* Overlay: nur sichtbar mit Klasse .is-sichtbar (sonst Seite nie blockieren) */
#page-loader.icar24-page-loader,
#page-loader{
	position: fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	background: rgba(255,255,255,0.82);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	display: none !important;
	align-items: center;
	justify-content: center;
	z-index: 99999;
	pointer-events: none;
}
#page-loader.icar24-page-loader.is-sichtbar,
#page-loader.is-sichtbar{
	display: flex !important;
	pointer-events: auto;
}

.loader-content{
	text-align:center;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	padding: 32px 28px;
	max-width: 820px;
}

.spinner,
.icar24-spinner-gross{
	width: 128px;
	height: 128px;
	border: 8px solid #d7ead4;
	border-top-color: #00a900;
	border-radius: 50%;
	animation: spin 0.75s linear infinite;
	margin: 0 auto 28px auto;
}

@keyframes spin{
	to{ transform:rotate(360deg); }
}

.loader-text{
	font-size: 38px;
	font-weight: 100;
	line-height: 1.35;
	color: #6b7280;
	letter-spacing: -0.02em;
}

/*.active {
	color:green;
}*/
	
/* Nur Rechner (#inqbox) – nie global (sonst Markenseite/Filter/Fieldsets kaputt). */
#inqbox fieldset{
	display:none;
	width: 100%;
	padding: 0px;
}


#inqbox .avia_ajax_form fieldset,
.avia_ajax_form fieldset{
	display:inline-block;
	
}


#inqbox #first,
#first{
    display:block;
	width: 100%;
	padding: 0;
	}
	
#inqbox input[type=text],
#inqbox input[type=password],
#inqbox select {
	width:100%;
	margin:5px 0;
	 height: auto;
    min-height: 30px;
	padding: 0 5px;
	border: 1px solid #757575;
	}
	
#inqbox textarea{
	width:100%;
	margin:5px 0;
	/*height:70px;*/
	 height: auto;
    min-height: 35px;
	padding:5px;
	font-size: 12px;
	border: 1px solid #757575;
}
#inqbox textarea.bigger{ height:70px}


#inqbox input,
#inqbox select {
	font-size: 12px!important;
}

.selectauswahl {
	width:100%;
	margin:5px 0;
	height:30px;
	padding: 0px 5px;
	border: 1px solid #757575;
}


.js-example-basic-multiple-limit.selectauswahl {
    width:100%;
    margin:5px 0;
    max-height:70px;
	overflow: scroll;
	background: #fff;
	height: auto;
    padding: 0px 5px;
    border: 1px solid #757575;
}


.select2-results li {
    color:#000;
}

	
input[type=submit],
input[type=button]{
/*	width: 120px;
	margin:15px 25px;
	padding: 5px;
	height: 40px;
	background-color: sienna;
	border: none;
	border-radius: 4px;
	color: white;
	font-family: 'Droid Serif', serif;*/
	}

.lpinfobox form {
    margin-top: 5px;
}

.lpinfobox .next_btn.button {
    position: relative;
    float: right;
    margin-top: 20px;

    font-size: 14px;
    padding: 5px 30px;
}

.lpinfobox .pre_btn.button {
    position: relative;
    float: left;
    margin-top: 20px;

    font-size: 14px;
    padding: 5px 30px;
}

.lpinfobox .submit_btn.button {
    position: relative;
    float: right;
    margin-top: 20px;
    font-weight: 500;
    margin-right: -10px;
    font-size: 14px;
    padding: 5px 30px;
}


.button_send {
	color:#fff;
}


.select2-container.error {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #ff0000;
	color: #626262;
}

.check.error + span, .check.error + span a {
	color: #ff0000;
}


textarea.error {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #ff0000;
	color: #626262;
}


.titlefirstform {
	padding-bottom: 5px;
	padding-left: 15px;
	font-size: 12px;
}

	
/* Progressbar-Schritte – NIE unscoped `li` (zerstört Markenseiten-Grid: Alle/Elektro/Karten). */
#progressbar li{
	margin-right:10px;
	display:inline;
	color:#c1c5cc;
}



/*---------------------------------------------
	CSS For right side advertisement
-----------------------------------------------*/	
.formget{
	float:right;
	margin-top:30px;
	}


#answer-error { background: none repeat scroll 0 0 #ff0000; display: block !important; height: 30px; left: -20px; position: absolute; top: -45px; width: 10px; z-index: 1; }


input.error + .radio {
	border: 2px solid #d6151f;
}


#bedingung-error { background: none repeat scroll 0 0 #ff0000; display: block; height: 30px;  left: -20px; position: absolute; top: -5px; width: 10px; z-index: 1;}
label.error{ color:#CC0000; font-size:0px; margin:0px; font-style:italic; width:200px; display:none !important; }
.text_field.error, select.error { border: 1px solid #ff0000 !important; background:#fff!important; color:#626262;}
#bedingung.error {border: 1px solid #ff0000 !important; background:#fff!important; color:#626262;}

/* Kundendaten: vergessene Felder – schnell rotierender roter Rahmen */
#inqbox #second input.error,
#inqbox #second select.error,
#inqbox #second textarea.error {
	border: 2px solid #ff0000 !important;
	background: #fff !important;
	color: #626262 !important;
	animation: icar-error-spin 0.4s linear infinite;
}
@keyframes icar-error-spin {
	0%   { border-color: #ff0000 !important; box-shadow:  2px 0 0 #ff0000, 0 -2px 0 #ff5252, -2px 0 0 #b71c1c, 0 2px 0 #ff0000; }
	25%  { border-color: #ff5252 !important; box-shadow:  0 -2px 0 #ff0000, -2px 0 0 #ff5252, 0 2px 0 #b71c1c, 2px 0 0 #ff0000; }
	50%  { border-color: #b71c1c !important; box-shadow: -2px 0 0 #ff0000, 0 2px 0 #ff5252, 2px 0 0 #b71c1c, 0 -2px 0 #ff0000; }
	75%  { border-color: #ff0000 !important; box-shadow:  0 2px 0 #ff0000, 2px 0 0 #ff5252, 0 -2px 0 #b71c1c, -2px 0 0 #ff0000; }
	100% { border-color: #ff0000 !important; box-shadow:  2px 0 0 #ff0000, 0 -2px 0 #ff5252, -2px 0 0 #b71c1c, 0 2px 0 #ff0000; }
}

/* Nach Versand: kompakte Download-Kachel unter Linien/Motoren; Seite startet oben bei der ersten Kachel */
#result_forms {
	width: 100%;
	float: none;
	clear: both;
	margin: 24px 0 40px;
	scroll-margin-top: calc(var(--icar-header-h, 140px) + 12px);
}
#result_forms .icar-erfolg-kachel {
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 28px 24px 32px;
	background: #fff;
	border-radius: 18px;
	border: 1px solid #e4e6e5;
	text-align: center;
	font-size: 14px;
	line-height: 1.45;
	color: #1c1c1c;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
#result_forms .icar-erfolg-kachel p {
	margin: 0 auto;
	max-width: 100%;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.35;
}
#result_forms .icar-erfolg-kachel .icar-download-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 19px;
	margin-top: 22px;
	font-size: 36px !important;
	font-weight: 700;
	line-height: 1.1;
	text-decoration: underline;
	text-underline-offset: 0.12em;
	color: #00a900;
	animation: icar-download-pulse 1.1s ease-in-out infinite;
}
#result_forms .icar-erfolg-kachel .icar-download-link i {
	font-size: 48px;
	vertical-align: middle;
	color: inherit;
}
#result_forms .icar-erfolg-kachel .icar-zurueck-adresse-wrap {
	display: flex;
	justify-content: flex-start;
	width: 100%;
	margin-top: 22px;
	text-align: left;
}
#result_forms .icar-erfolg-kachel .icar-zurueck-adresse {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 0;
	padding: 12px 18px;
	border: 1px solid #d5d8d6;
	border-radius: 12px;
	background: #fff;
	color: #374151;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
	cursor: pointer;
	box-shadow: none;
}
#result_forms .icar-erfolg-kachel .icar-zurueck-adresse:hover,
#result_forms .icar-erfolg-kachel .icar-zurueck-adresse:focus {
	border-color: #00a900;
	color: #067a0c;
	background: #f3fff3;
}
@keyframes icar-download-pulse {
	0%, 100% { color: #00a900; }
	50% { color: #e30613; }
}

#result_forms_error span{ float: left; font-size: 14px;
	padding: 10px 0 10px; text-align: center; text-transform: normal; width: 100%;border: 2px solid red;}