.slide {
      display: none;
      height: auto !important;  /* Force reset any inherited height */
    }
    .active {
      display: block;
    }
    button {
      margin-top: 20px;
      padding: 10px 20px;
      font-size: 16px;
    }

  .button-container {
    margin-top:3rem;
  }
 	.option .andereoption{
    display:inline-block !important;
		width:80%;
		border:2px solid #f8b400;
  }
  .next-btn {
  width: 309px !important;
  text-align: center !important;
  white-space: normal !important; /* allow line breaks */
  line-height: 1.2 !important;
  background-color: #FDB913 !important;
  color: white !important;
  font-weight: bold !important;
  border: none !important;
  border-radius: 2em 0 2em 0 !important;
  font-size: 21px !important;
  cursor: pointer !important;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
  transition: background 0.3s ease !important;
	display:inline-block;
}


  .next-btn:hover {
    background-color: #e2a807 ; /* Slightly darker on hover */
  }

 .question-subtitle {
      color: #f8b400;
      font-weight: bold;
  }
 
  h1 , h2{
  color: #3681BB !important;
 }

 .we_input{
	 width:100%;
 }

    .options, .optioncheckboxs {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      margin: 30px 0;
    }

    .option, .optioncheckbox {
      flex: 1 1 100%;
      border: 2px solid #f8b400;
      border-radius: 30px 10px;
      padding: 15px 20px;
      background: #fff;
      color: #f8b400;
      font-weight: bold;
      cursor: pointer;
      position: relative;
      transition: all 0.3s ease;
			font-size:1.2rem;
    }

    .option input ,.optioncheckbox input {
      display: none;
    }

    .option::before,.optioncheckbox::before {
      content: '';
      display: inline-block;
      width: 16px;
      height: 16px;
      border: 2px solid #f8b400;
      border-radius: 50%;
      margin-right: 10px;
      vertical-align: middle;
    }

    .option.selected, .optioncheckbox.selected {
      background-color: #f8b400;
      color: #fff;
    }

    .option.selected::before,.optioncheckbox.selected::before {
      background-color: #fff;
    }

   .formteil label{
		 color:var(--vfm-yellow-100);
		 font-size: 1.5em !important;
  	 font-weight: 600;
   }
   
   .formteil input{
		 border:2px solid var(--vfm-yellow-100);
		 border-radius:0px;
	 }

.websiteLink{
  /*	white-space: nowrap !important;        Prevent text wrap */
    background-color: var(--vfm-light-blue-20) !important; /* Yellow like in your image */
    color: var(--vfm-dark-blue-100) !important;
    font-weight: 600 !important;
    border: 2px solid var(--vfm-medium-blue-70) !important;
    border-radius: 2em 0 2em 0 !important;
    font-size: 21px !important;
    cursor: pointer !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
    transition: background 0.3s ease !important;
}
.hero-text_nav blockquote {
  font-family: "Caveat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
    "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 7vw;
  line-height: 1.2;
  font-weight: 700;
  color: var(--vfm-dark-blue-100);
  transform: rotate(-2deg);
  margin: 0;
}


@media (max-width: 992px) {
	.hero-container:before{
		 content: "";
			position: absolute;
			width: 99.7%;
			height: 100%;
			top: 0;
			left: 0;
			z-index: 99;
			background-image: url('/_shared/img/hero-mask-mf.svg');
			background-repeat: no-repeat;
			background-size: 98%;
			background-position: center top;
			pointer-events: none;
	}
	.hero-mask::before{
	 display:none;
	}
	.hero-content-container{
		border-top:0px!important;
		border-radius: 0em 0 3em 0 !important;
	}
	.row{
		margin-right: 9px !important;
		margin-left:9px !important;
	}
	.hero-content-container {
		border-left: 2px solid var(--vfm-light-blue-70) !important;
	}
	.hero-text{
		display:none;
 }
}

 .next-btn.disabled {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}

.progress-container {
  width: 100%;
  background-color: #fff ;
  overflow: hidden;
  height: 100%;
  margin-bottom: 20px;
}

.progress-bar {
  height: 100%;
  width: 0;
  background-color:#FDB913;
  transition: width 0.4s ease-in-out;
}


#happy-smiley::before {
   content: "\1F60A";  /* optional styling */
}
#pointed-Rect::before{
 content: "\1F449";
 margin-right:2px;
}
@media (min-width: 614px) { /* md */
		.mt-md-6{
		  margin-top:8rem !important;
	 }
}
@media (min-width: 992px) { /* md */
		.mt-md-6{
		  margin-top:0rem !important;
	 }
	.option, .optioncheckbox{
	 flex: 1 1 40% !important;
	}

}
@media (min-width: 1720px) {
  .hero-container .hero-text_nav blockquote {
    font-size: 4em;
  }
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size:2.125rem;
  }
}