/* small { color: #1C3A69; font-size: .675em;} */
div.tipp > small { color: #ffffff;}
.form-select-xl {
  padding: 1rem; /* Erhöhtes Padding */
  font-size: 1.25rem; /* Größere Schrift */
  border-radius: 0.3rem; /* Leicht abgerundete Ecken */
}

.form-input-xl {
  padding: 1rem; /* Erhöhtes Padding */
  font-size: 1.25rem; /* Größere Schrift */
  border-radius: 0.3rem; /* Leicht abgerundete Ecken */
}

div.sticky {
  position: sticky;
  bottom: 0;  
  text-align:center;
}

div.sticky-area { 
  bottom:0;
}

.score {
  display: block;
  font-size: 17px;
  position: relative;
  overflow: hidden;
}

.score-wrap {
  display: inline-block;
  position: relative;
  height: 24px;
  text-align:left;
}

.score .stars-active {
  color: #EEBD01;
  position: relative;
  z-index: 10;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  left:0px;
}

.score .stars-inactive {
  color: grey;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-text-stroke: initial;
  /* overflow: hidden; */
}


label{
	position: relative;
	display: block;
	font-weight: 400;
	font-size: .8em;
	
}
label.btn{
	padding: 1em 0;
}

.btn-radio,
.btn-checkbox{
	font-size: 1em;
	width: 100%;
	margin-bottom: 10px;
	white-space: normal;
}

.btn-radio i,
.btn-checkbox i{
	font-size: 2em;
	margin-bottom: 5px;
}
.btn-radio,
.btn-checkbox {
	color: #333;
	line-height: normal;
	text-align: center;
	border: 1px solid #333;
	background-color: #fff;
}

.btn-radio:active,
.btn-radio:hover,
.btn-checkbox:active,
.btn-checkbox:hover{
	color: #333;
	line-height: normal;
	text-align: center;
	border: 1px dashed #333;
	background-color: #AEB6C1;
}

.btn-radio.invalid,
.btn-checkbox.invalid{
	border-color: #dd3211;
}

.btn-radio.checked,
.btn-checkbox.checked{
	color: #ffffff;
	font-weight:bold;
	border: 1px solid #91A4C4;
	background-color: #91A4C4;
}


.btn-radio input,
.btn-checkbox input{ display:none; }

.btn-funnel-check {
  position: absolute;
  clip: rect(0,0,0,0);
  pointer-events: none;
}

.btn-funnel-check:checked+.btn, .btn.active, .btn.show
/*, .btn:first-child:active
 , :not(.btn-funnel-check)+.btn:active  */
{
  color: #1C3A69;
  font-weight: bold;
  border: 1px solid #1C3A69;
  background-color: #1c3a6931;
}



.autocomplete-dropdown {
  position: relative;
}
.autocomplete-items {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1000;
  border: 1px solid #ddd;
  background-color: white;
  max-height: 200px;
  overflow-y: auto;
}
.autocomplete-item {
  padding: 10px;
  cursor: pointer;
}
.autocomplete-item:hover {
  background-color: #e9ecef;
}

input.valid{color:#00bb8f;}
label.btn.invalid,input.invalid{color:#dd3211;}
input.invalid::placeholder{color:#dd3211;}

.ui-widget-header {
	border: 1px solid #1C3A69!IMPORTANT;
	background: #5D7DA8!IMPORTANT;
	color: #333333;
	font-weight: bold;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #1C3A69!IMPORTANT;
	background: #1C3A69!IMPORTANT;
	font-weight: normal;
	color: #ffffff;
}


@media (max-width: 991.98px) {
	.btn-radio {
		font-size:12px;		
	}
}

.btn-cebaufinanz {
    --bs-btn-color: #fff;
    --bs-btn-bg: #1C3A69;
    --bs-btn-border-color: #1C3A69;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5D7DA8;
    --bs-btn-hover-border-color: #255C8E;
    --bs-btn-focus-shadow-rgb: 130,138,145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #255C8E;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #1C3A69;
    --bs-btn-disabled-border-color: #1C3A69;
   
}

.btn.btn-cebaufinanz:hover {
  text-decoration: none;
}

.bg-cebaufinanz {
  --bs-bg-opacity: 1;
  background-color: rgba(28, 58, 105, var(--bs-bg-opacity)) !important;
}

.tipp {	
  background: #1C3A69!IMPORTANT;
  color: #FFF;
  padding: 10px 0px;
}
@media (min-width: 767.98px) {
	.ti-widget[data-layout-id='60'][data-set-id='light-minimal'] { max-height:50px!IMPORTANT; }
	
.ti-header { padding-top: 0!IMPORTANT; padding-bottom: 5px!IMPORTANT; }
	
}
.ti-widget[data-layout-id='60'][data-set-id='light-minimal'] .ti-header .ti-stars .ti-star {
			width: 25px;
			height: 25px;
			display: inline-block;
			margin: 0 !important;
			margin-right: 1px !important;
			background-repeat: no-repeat;
		} 
	
.ti-widget[data-layout-id='60'][data-set-id='light-minimal'] .ti-header span, .ti-widget[data-layout-id='60'][data-set-id='light-minimal'] .ti-header strong {
    font-size: 20px;
    color: #000000 !important;
}
.ti-small-logo{ padding-top:0px; }
.ti-mob-row { padding-bottom:5px;}


.ti-widget[data-layout-id='5'][data-set-id='drop-shadow'] .ti-widget-container {
    color: #000000;
    margin-bottom: 0px!IMPORTANT;
    margin-top: 5px;
}

.form-floating>label{
  max-width: 100%;
}


/*.loader {
  width: 175px;
  height: 80px;
  display: block;
  margin:auto;
 background-image: radial-gradient(circle 50px at 50px 50px, #FFF 100%, transparent 0);
  background-size: 64px 6px, 50px 50px, 100px 76px, 50px 50px, 120px 40px;
 background-position: 55px 60px, 0px 30px, 37px 0px, 122px 30px, 25px 40px;
  background-repeat: no-repeat;
  position: relative;
  box-sizing: border-box;
}

.loader::after {
  content: '';  
  position: absolute;
  left: 50%;
  transform: translateX(-50%) rotate(-180deg);
  top: 40px;
  height: 64px;
  width: 60px;
  background-color: #FFF;
  background-image: linear-gradient(#DDD 20px, transparent 0), linear-gradient(#DDD 5px, transparent 0), linear-gradient(#DDD 10px, transparent 0), linear-gradient(#DDD 10px, transparent 0);
  background-size: 50px 20px;
  background-position: 5px 36px, 5px 25px, 5px 10px;
  background-repeat: no-repeat;
  border-radius: 2px 2px 4px 4px;
  z-index: 10;
  box-shadow: 0px -4px 7px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  animation: animloader 4s linear infinite;
}

@keyframes animloader {
  0% {
    height: 64px;
  }
  90%, 100% {
    height: 0px;
  }
} */

.loader {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
  margin:15px auto;
  position: relative;
  color: #FFF;
  left: -100px;
  box-sizing: border-box;
  animation: shadowRolling 2s linear infinite;
}

@keyframes shadowRolling {
  0% {
    box-shadow: 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  12% {
    box-shadow: 100px 0 white, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  25% {
    box-shadow: 110px 0 white, 100px 0 white, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  36% {
    box-shadow: 120px 0 white, 110px 0 white, 100px 0 white, 0px 0 rgba(255, 255, 255, 0);
  }
  50% {
    box-shadow: 130px 0 white, 120px 0 white, 110px 0 white, 100px 0 white;
  }
  62% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 white, 120px 0 white, 110px 0 white;
  }
  75% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 white, 120px 0 white;
  }
  87% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 white;
  }
  100% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0);
  }
}
    
.funnel-boxed { padding:30px 10px;box-shadow: 0 10px 16px 0 rgb(28, 58, 105,0.2),0 6px 20px 0 rgba(28, 58, 105,0.19) !important}

@media (max-width: 768px) {
  input[type="checkbox"], input[type="radio"] {
      appearance: none;
  }

  /* Optional: Bei Klick das Standard-Erscheinungsbild anzeigen */
  input[type="checkbox"]:checked, input[type="radio"]:checked {
      appearance: checkbox; /* oder radio für radio-buttons */
  }

  .funnel-boxed { padding: 15px 15px;}
  .sticky-area  { background:none!IMPORTANT;}
}