/*.price-box { font-size:1.6rem; font-weight:900; color:darkorange; }
#s_von #s_bis{font-size:1.1rem;}

@media (max-device-width: 790px) {
    .price-box { font-size:2.1rem; font-weight:900; color:darkorange; }
    #s_von #s_bis{font-size:1.1rem;}
}
@media (max-width: 1920px) {
    .price-box { font-size:2.1rem; font-weight:900; color:darkorange; }
    #s_von #s_bis{font-size:1.1rem;}
}    */
    @media (max-device-width: 790px) {
    .smart-steps .wizard > .steps a, .smart-steps .wizard > .steps a:hover, .smart-steps .wizard > .steps a:active {height:42px;line-height:40px;}
    .wizard > .steps > ul > li{ width: 100%;}
	.smart-steps .wizard > .steps > ul > li{ width: 100%;}
    .smart-steps .wizard > .steps a {font-size:14px;}
    .smart-container {margin:14px auto;}
    .smart-forms .form-body {padding:18px 9px;}
    .smart-forms .switch, .smart-forms .option, .smart-forms .field-label {font-size:17px;}
    .smart-steps .wizard > .steps a, .smart-steps .wizard > .steps a:hover, .smart-steps .wizard > .steps a:active {padding:  0em;padding-left:0 em;}
    .smart-steps .wizard > .steps > ul > li {width: 23%; margin: 0 3px;}
    .smart-forms .price-box h5 {color:cornflowerblue;}
    }
    @media (min-device-width: 1290px) {
       .smart-forms .form-body {padding:40px 30px;}
       .smart-forms .switch, .smart-forms .option, .smart-forms .field-label {font-size:17px;}
       .smart-forms .price-box h5 {color:cornflowerblue;}
    }    
 .steps-theme-black .wizard > .actions a,
.steps-theme-black .wizard > .actions a:hover,
.steps-theme-black .wizard > .actions a:active,
.steps-theme-black .wizard > .steps .current a,
.steps-theme-black .wizard > .steps .current a:hover,
.steps-theme-black .wizard > .steps .current a:active,
.steps-theme-black .wizard > .steps .current:before,
.steps-theme-black .wizard > .steps .current .number{
    background: #0e334b;
	color: #fff;
}
.wizard > .steps .disabled a,
.wizard > .steps .disabled a:hover,
.wizard > .steps .disabled a:active{
    background:#ECEDEE;
	cursor: default;
    color: #aaa;
}
    .text-indigo {color: #4f46e5;}
    .bg-indigo { background-color: #4f46e5;}
    .bg-green-dark {background-color: #16a34a;}
    .bg-yellow-dark {background-color: #f59e0b;}
    .card-hover {transition: transform 0.2s ease, background-color 0.2s ease;text-decoration: none;}
    .card-hover:hover {transform: scale(1.02);}
    .hover-bg-blue:hover {background-color: #3730a3;}
    .hover-bg-green:hover {background-color: #15803d;}
    .hover-bg-yellow:hover {background-color: #d97706;}
    /* Fade-in Animation */
    @keyframes fadeInUp { from {
        opacity: 0;
        transform: translateY(20px); }
    to { opacity: 1;
        transform: translateY(0);  } }
    .fade-in { opacity: 0; animation: fadeInUp 0.6s ease forwards;}
    .fade-in-delay-1 {animation-delay: 0.2s;}
    .fade-in-delay-2 {animation-delay: 0.4s;}
    .fade-in-delay-3 {animation-delay: 0.6s;}

    .login-card { background-color: #f5f5f5;padding: 2rem;border-radius: 0.5rem;}
    .tagline-bs { font-size: 1.25rem;font-weight: bold;color: #FF700A;margin-bottom: 1rem;}
     .custom-field-icon {
      position: absolute;
      left: 1rem;
      top: 50%;
      transform: translateY(-50%);
      color: #6c757d;
      pointer-events: none;
    }

    .custom-gui-input {padding-left: 2.5rem;}
    .btn-login,.btn-back,
    .btn-reg {
      display: inline-block;
      margin-top: 1rem;
      text-decoration: none;
      color: white;
      padding: 0.5rem 1rem;
      border-radius: 0.25rem;
      font-weight: bold;
    }

    .btn-login {background-color: #4f46e5;}
    .btn-login:hover {background-color: #3730a3;}
    .btn-reg {background-color: #16a34a;}
    .btn-reg:hover {background-color: #15803d;}
.tooltip-info::before {
      content: attr(data-tip);
      position: absolute;
      bottom: 100%;
      left: 50%;
      transform: translateX(-50%);
      background: #333;
      color: #fff;
      padding: 0.5rem 1rem;
      border-radius: 0.375rem;
      white-space: pre-line;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.3s;
      font-size: 0.875rem;
      max-width: 450px;
      z-index: 10;
}

    .tooltip-info:hover::before {
      opacity: 1;
    }
.spinner {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    animation: spin 1s linear infinite;
    margin: 20px auto;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#loader {
    position: relative;
    padding: 20px;
}