.card { border: none; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); }
        .list-group-item { cursor: pointer; border: 1px solid #eee; margin-bottom: 5px; border-radius: 8px !important; transition: all 0.2s; }
        .list-group-item:hover { background-color: #e9ecef; }
        .form-check-input { cursor: pointer; width: 1.5em; height: 1.5em; }
        .limit-reached { opacity: 0.5; cursor: not-allowed; background-color: #f8f9fa; }

/* Angstkalkulator */



       .main-card { max-width: 100%; margin: 40px auto; background: #F0F8FE; padding: 30px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
        
        .list-group { display: flex; flex-direction: column; gap: 5px; }

        /* Basis-Stil für die Fragen (Link-Optik) */
        .list-item { 
            display: flex; 
            align-items: center; 
            gap: 15px; 
            padding: 12px 15px; 
            border: 1px solid #ddd; 
            border-radius: 8px; 
            cursor: pointer; 
            transition: all 0.2s;
            color: #333;
        }

        /* Hover-Effekt: Grau hinterlegt */
        .list-item:hover { 
            background-color: #e9ecef; 
        }

        /* Spezial-Stil: Wenn das Limit von 2 erreicht ist und die Box NICHT gewählt wurde */
        .limit-reached { 
            color: #bbb !important;       /* Text wird hellgrau */
            background-color: #fafafa;    /* Ganz leichter Hintergrund */
            border-color: #eee;
            cursor: default !important;   /* Kein Link-Finger mehr */
        }
        
        .limit-reached:hover {
            background-color: #fafafa !important; /* Kein Hover-Effekt mehr */
        }

        /* Aktive Auswahl hervorheben (Optional) */
        .is-checked {
            background-color: #f0f7ff !important;
            border-color: #0056b3;
            font-weight: bold;
        }

        .survey-box { transform: scale(1.2); }
        .btn { padding: 15px; border-radius: 100px; border: none; font-weight: 700; margin-top: 20px; font-size: 16px; white-space: nowrap;}
        .buttonangst {text-align: center;}
        .btn-primary { box-sizing: border-box;
  border: 2px solid #6c757d;
  text-transform: none;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  font-size: 1em;
  font-family: inherit;
  font-weight: 700;
  border-radius: 100px;
  color: #6c757d;
  background: transparent;
  transition: .3s; }



.btn-success { box-sizing: border-box;
  border: 2px solid var(--red);
  text-transform: none;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  font-size: 1em;
  font-family: inherit;
  font-weight: 700;
  border-radius: 100px;
  color: var(--red);
  cursor: pointer;
  background: transparent;
  transition: .3s; cursor: pointer; }
        .erklaer-box { background-color: white; border: 2px solid #fff; padding: 20px; border-radius: 10px; text-align: center; margin-bottom: 20px; }
        .result-box { background-color: white; border: 1px solid #ddd; padding: 20px; border-radius: 10px; text-align: center; margin-bottom: 20px; }
. result-box a {text-decoration: none; }