/*--- Dynamic State Start ---*/

.status-box {
	font-size: 14px;
	    font-weight: 500;
	    color: #2b2b2b;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    gap: 4px;
	    margin-bottom: 8px;
	    text-align: center;
	}
	
	.status-box-after {
		font-size: 20px;
		    font-weight: 700;
		    color: #2b2b2b;
		    display: flex;
		    justify-content: center;
		    align-items: center;
		    gap: 4px;
		    margin-bottom: 16px;
		    text-align: center;
		}
		
@media screen and (max-width: 768px){	
  .dynStateStep {
      position: fixed;
      margin-top: -40px;
      z-index: 999;
      left: 50%;
      transform: translate(-50%, 0%);
      width: 100%;
  }
  .dynStateFinal {
      position: fixed;
      margin-top: -2px;
      z-index: 999;
      left: 50%;
      transform: translate(-50%, 0%);
      width: 100%;
  }
.dynState{	
    position: fixed;
    margin-top: -15px;
    z-index: 999;
    left: 50%;
    transform: translate(-50%, 0%);
	width:100%;
}
}

@media screen and (min-width: 768px){	
  .dynStateStep {
      position: fixed;
      margin-top: -75px;
      z-index: 999;
      left: 50%;
      transform: translate(-50%, 0%);
      width: 100%;
  }
  .dynStateFinal {
      position: fixed;
      margin-top: 22px;
      z-index: 999;
      left: 50%;
      transform: translate(-50%, 0%);
      width: 100%;
  }
  .dynState {
      position: fixed;
      margin-top: -5px;
      z-index: 999;
      left: 50%;
      transform: translate(-50%, 0%);
      width: 100%;
  }
  .dynStatePadding{
	  padding-top: 120px;
	  padding-bottom: 60px;
  }
}
	
	.currentStatus{
		font-weight:400;
	}
	


.status-dots span {
    opacity: 0.2;
    animation: pulseDots 1.4s infinite;
}

.status-dots span:nth-child(1) {
    animation-delay: 0s;
}

.status-dots span:nth-child(2) {
    animation-delay: 0.2s;
}

.status-dots span:nth-child(3) {
    animation-delay: 0.4s;
}

@keyframes pulseDots {
    0%   { opacity: 0.2; }
    20%  { opacity: 1; }
    100% { opacity: 0.2; }
}

p:empty {
    display: none!important;
}

.system-label {
    font-size: 10px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #7a7a7a;
    margin-bottom: 6px;
    text-align: center;
    position: relative;
	font-weight: 300;
}

.system-label::before,
.system-label::after {
    content: "";
    display: inline-block;
    width: 40px;
    height: 1px;
    background: #dcdcdc;
    vertical-align: middle;
    margin: 0 10px;
}



/*--- Dynamic State End ---*/

/*--- Seite 1 VarB dynState Start ---*/

  .OFSTAM1B1 .novabackgrounded{
    font-size: 14px !important;
    padding: 4px 10px 4px 15px;
    box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.15);
    border-radius: 0px 0px 10px 10px;
}


.OFSTAM1B1 .uspimg{
 width:30%!important;
 margin-top:-160px;
}

.OFSTAM1B1 .card {
    margin-top: 0px;
}

.OFSTAM1B1 .hexagonTCCwrap1{
	filter: drop-shadow(0 4px 10px rgba(0, 128, 0, 0.5));
margin-top:-70px;
}

.OFSTAM1B1 .hexagonTCCwrap2{
	filter: drop-shadow(0 4px 10px rgba(7, 160, 227, 0.5));
}
.OFSTAM1B1 .hexagonTCC {
           position: relative;
           width: 280px;
           height: 320px;
           background: white;
           clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
           display: flex;
           flex-direction: column;
           align-items: center;
           justify-content: center;
           text-align: center;
       }

       .OFSTAM1B1 .hexagonTCC img {
           width: 30%;
           height: auto;
           border-radius: 50%;
           margin-bottom: 10px;
       }

       .OFSTAM1B1 .hexagonTCC p {
           font-size: 16px;
           color: #333;
           margin: 0;
       }
	
.OFSTAM1B1 .accordionTCC {
            max-width: 600px;
            margin: 20px auto;
            border-radius: 5px;
            overflow: hidden;
        }

        .OFSTAM1B1 .accordion-item {
            border-bottom: 1px solid #ddd;
        }

       .OFSTAM1B1 .accordion-item:last-child {
            border-bottom: none;
        }

       .OFSTAM1B1 .accordion-header {
            background: #dadada;
            cursor: pointer;
            padding: 15px;
            font-size: 20px;
            font-weight: bold;
            display: flex;
            justify-content: space-between;
            align-items: center;
	 
        }

        .OFSTAM1B1 .accordion-header:hover {
            background: #eee;
        }

        .OFSTAM1B1 .accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease;
            padding: 0 15px;
            background: #fff;
        }

        .OFSTAM1B1 .accordion-content p {
            margin: 15px 0;
        }

        .OFSTAM1B1 .accordion-item.active .accordion-content {
            max-height: 150px;
        }
		.OFSTAM1B1 .herosection {
			margin-top: 60px;
			padding-bottom: 430px !important;
			background:white;
			background-image: url('../img/HeaderOHNEXL.jpg');
			background-repeat: no-repeat;
			background-size: cover;
			text-align: center !important;
	
			}
			
			.OFSTAM1B1 .herosection h1 {
		
				text-align: center !important;
	
				}
				
	
				@media screen and (min-width:768px){
				.OFSTAM1B1 .custom-checkbox {
				    width: 48px!important;
				    height: 20px;
				    border: 2px solid #ccc;
				    border-radius: 0px;
				    display: flex;
				    align-items: center;
				    justify-content: center;
				    cursor: pointer;
				    margin-right: 10px;
				    position: relative;
				}
				.OFSTAM1B1 .herosection {
				margin-top: 60px;
				padding-bottom: 430px !important;
				padding-top:110px!important;
	
				}
				}

				@media screen and (max-width:768px){
				.OFSTAM1B1 .custom-checkbox {
				    width: 68px!important;
				    height: 20px;
				    border: 2px solid #ccc;
				    border-radius: 0px;
				    display: flex;
				    align-items: center;
				    justify-content: center;
				    cursor: pointer;
				    margin-right: 10px;
				    position: relative;
				}
				.OFSTAM1B1 .herosection {
				margin-top: 45px;
				padding-bottom: 115px !important;
				background:white;
				background-image: url('../img/BGmob.jpg');
				background-repeat: no-repeat;
				background-size: cover;
				text-align: center !important;
	
				}
				.OFSTAM1B1 .adjustform {
				margin-top: -113px;
				}
				.OFSTAM1B1 .counter {
					margin-bottom: 40px !important;
				}
			    .OFSTAM1B1 .card {
			 	 margin-left:0%;
			 	 margin-right:0%;
			  }
			  }

/*--- Seite 1 VarB dynState End ---*/
				
/*--- Seite 2 VarE dynState Start ---*/
			  
			  .OFSTAM2EB .novabackgrounded{
			    font-size: 14px !important;
			    padding: 4px 10px 4px 15px;
			    box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.15);
			    border-radius: 0px 0px 10px 10px;
			}
			  
				@media (max-width: 768px) {
				    .OFSTAM2EB .card {
				        margin-left: 0%;
				        margin-right: 0%;
				        margin-top: -95px !important;
				    }
				    .OFSTAM2EB .creditcard1 .custom-radio {
				        width: 20px;
				    }
	  			  .OFSTAM2EB .novabackgrounded{
	    		        font-size: 14px !important;
	    		        padding: 4px 10px 4px 15px;
	    		        box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.15);
	    		        border-radius: 0px 0px 10px 10px;
	    		    }
				    .OFSTAM2EB .herosection {
				        margin-top: 67px;
				        padding-bottom: 115px !important;
				        background: white;
				        background-image: url("/assets/FXL3zr/img/BGmob.jpg");
				        background-repeat: no-repeat;
				        background-size: cover;
				        text-align: center !important;
				    }
				    .OFSTAM2EB .adjustform {
				        margin-top: -43px;
				    }
				    .OFSTAM2EB .counter {
				        margin-bottom: 40px !important;
				    }
				    .OFSTAM2EB .step-container {
				        padding-left: 4%;
				        padding-right: 4%;
				    }
				    .OFSTAM2EB .creditcard1 .custom-checkbox {
				        width: 20px !important;
				    }
				    .OFSTAM2EB .creditcard2 .custom-checkbox {
				        width: 20px !important;
				    }
				    .OFSTAM2EB .custom-checkbox {
				        width: 68px !important;
				        height: 20px;
				        border: 2px solid #ccc;
				        border-radius: 0px;
				        display: flex;
				        align-items: center;
				        justify-content: center;
				        cursor: pointer;
				        margin-right: 10px;
				        position: relative;
				    }
				}
				.OFSTAM2EB .uspimg {
				    width: 30% !important;
				    margin-top: -160px;
				}
				.OFSTAM2EB .card {
				    margin-top: 0px;
				}
				.OFSTAM2EB .hexagonTCCwrap1 {
				    filter: drop-shadow(0 4px 10px rgba(0, 128, 0, 0.5));
				    margin-top: -70px;
				}
				.OFSTAM2EB .hexagonTCCwrap2 {
				    filter: drop-shadow(0 4px 10px rgba(7, 160, 227, 0.5));
				}
				.OFSTAM2EB .hexagonTCC {
				    position: relative;
				    width: 280px;
				    height: 320px;
				    background: white;
				    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
				    display: flex;
				    flex-direction: column;
				    align-items: center;
				    justify-content: center;
				    text-align: center;
				}
				.OFSTAM2EB .hexagonTCC img {
				    width: 30%;
				    height: auto;
				    border-radius: 50%;
				    margin-bottom: 10px;
				}
				.OFSTAM2EB .hexagonTCC p {
				    font-size: 16px;
				    color: #333;
				    margin: 0;
				}
				.OFSTAM2EB .accordionTCC {
				    max-width: 600px;
				    margin: 20px auto;
				    border-radius: 5px;
				    overflow: hidden;
				}
				.OFSTAM2EB .accordion-item {
				    border-bottom: 1px solid #ddd;
				}
				.OFSTAM2EB .accordion-item:last-child {
				    border-bottom: none;
				}
				.OFSTAM2EB .accordion-header {
				    background: #dadada;
				    cursor: pointer;
				    padding: 15px;
				    font-size: 20px;
				    font-weight: bold;
				    display: flex;
				    justify-content: space-between;
				    align-items: center;
				}
				.OFSTAM2EB .accordion-header:hover {
				    background: #eee;
				}
				.OFSTAM2EB .accordion-content {
				    max-height: 0;
				    overflow: hidden;
				    transition: max-height 0.3s ease;
				    padding: 0 15px;
				    background: #fff;
				}
				.OFSTAM2EB .accordion-content p {
				    margin: 15px 0;
				}
				.OFSTAM2EB .accordion-item.active .accordion-content {
				    max-height: 200px;
				}
				.OFSTAM2EB .herosection {
				    margin-top: 45px;
				    padding-bottom: 430px !important;
				    background: white;
				    background-image: url("/assets/FXL3zr/img/HeaderOHNEXL.jpg");
				    background-repeat: no-repeat;
				    background-size: cover;
				    text-align: center !important;
				}
				.OFSTAM2EB .herosection h1 {
				    text-align: center !important;
				}
				.OFSTAM2EB .adjustform {
				    margin-top: -430px;
				}
				@media screen and (min-width: 768px) {
				    .OFSTAM2EB .custom-checkbox {
				        width: 48px !important;
				        height: 20px;
				        border: 2px solid #ccc;
				        border-radius: 0px;
				        display: flex;
				        align-items: center;
				        justify-content: center;
				        cursor: pointer;
				        margin-right: 10px;
				        position: relative;
				    }
					.OFSTAM2EB .herosection {
					margin-top: 60px;
					padding-bottom: 430px !important;
					padding-top:110px!important;
	
					}
				    .OFSTAM2EB .creditcard1 .custom-radio {
				        width: 20px;
				    }
				}
				.OFSTAM2EB .radio-group.creditcard1 {
				    display: flex;
				    align-items: center;
				    width: 108%;
				    margin-left: -4%;
				}
				.OFSTAM2EB .creditcard1 {
				    position: relative;
				    margin-bottom: 20px;
				    background-color: #d3e6fb;
				    padding: 15px;
				    border-radius: 12px;
				    margin-top: 40px;
				}
				.OFSTAM2EB .creditcard1 input[type="radio"] {
				    display: none;
				}
				.OFSTAM2EB .custom-radio {
				    background-color: #fff;
				    display: flex;
				    align-items: center;
				    justify-content: center;
				}
				.OFSTAM2EB .creditcard1 .creditcard-label {
				    display: flex;
				    flex-direction: column;
				    cursor: pointer;
				    position: relative;
				    flex: 1;
				}
				.OFSTAM2EB .creditcard1 .highlight-tag {
				    position: absolute;
				    top: -42px;
				    left: -5px;
				    background-color: #3fac3c;
				    color: #ffffff;
				    padding: 2px 20px;
				    border-radius: 10px 10px 0px 0px;
				    font-weight: 700;
				    font-size: 16px;
				}
				.OFSTAM2EB .creditcard1 .creditcard-headline {
				    margin-bottom: 12px;
				}
				.OFSTAM2EB .creditcard1 .creditcard1-title {
				    font-size: 17px;
				    font-weight: 700;
				    display: block;
				}
				.OFSTAM2EB .creditcard1 .subline {
				    font-size: 14px;
				    color: #444;
				    margin-top: -5px;
				    display: block;
				}
				.OFSTAM2EB .creditcard1 .creditcard-content {
				    display: flex;
				    justify-content: space-between;
				    align-items: center;
				    gap: 20px;
				}
				.OFSTAM2EB .creditcard1 .creditcard-text {
				    flex: 1;
				}
				.OFSTAM2EB .creditcard1 .cta {
				    font-size: 14px;
				    margin-bottom: 20px;
				    display: inline-block;
				    font-weight: 500;
				    line-height: 1.2;
				}
				.OFSTAM2EB .creditcard1 .creditcard-image {
				    position: relative;
				    margin-left: 20px;
				}
				.OFSTAM2EB .creditcard1 .creditcard-image img {
				    width: 130px;
				    border-radius: 8px;
				}
				@media (max-width: 600px) {
				    .OFSTAM2EB .creditcard1 .creditcard-content {
				        flex-direction: row;
				        align-items: flex-start;
				        gap: 15px;
				    }
				    .OFSTAM2EB .creditcard1 .creditcard-image {
				        margin-left: 0;
				    }
				    .OFSTAM2EB .creditcard1 .creditcard-image img {
				        width: 120px;
				        height: auto;
				    }
				}
				@media (min-width: 601px) {
				    .OFSTAM2EB .creditcard1 .creditcard-content {
				        margin-top: -20px;
				    }
				}

				.OFSTAM2EB .styled-list1 li {
				    margin-bottom: 0px;
				    font-size: 15px;
				    color: #333;
				    line-height: 1.1em;
				    margin-left: 0px;
				}

				.OFSTAM2EB .styled-list1 {
				    list-style-type: none;
				    padding: 0;
				}

				.OFSTAM2EB .styled-list1 li i {
				    margin-right: 5px;
				    color: #3fac3c;
				}
				@media (max-width: 600px) {
				    .OFSTAM2EB .creditcard1 .creditcard-image {
				        margin-left: 0;
				        margin-top: -25px;
				    }
				}

				.OFSTAM2EB .creditcard1 .creditcard-headline {
				    margin-bottom: 0px;
				}

				@media (max-width: 768px) {
				    .OFSTAM2EB .creditcard1 .custom-radio {
				        width: 20px;
				        margin-top: 55px;
				    }
				}

				@media (min-width: 769px) {
				    .OFSTAM2EB .creditcard1 .custom-radio {
				        margin-top: 35px;
				    }
				}

/*--- Seite 2 VarE dynState End ---*/
				
/*--- RSV Würzburger VarB dynState Start ---*/
	
				#OFSTANFVO_userDataArea, #OFSTANFVO_infoArea {
				    display: none;
				}
	.OFSTANFVO .backgrounded {font-size: 15px !important; font-weight: 500;}
				.OFSTANFVO .checkbox-group label {
				    font-size: 16px;
				}
	
				@media (max-width: 992px) {
				    .OFSTANFVO .navbar-expand-lg {
				        left: 70px;
				    }
				}

				@media (max-width: 768px) {
					.OFSTANFVO .laststephero{
	margin-top: 57px;
    padding-bottom: 80px !important;
    background: #DFF6DE !important;
    margin-bottom: 50px;
					}
					.OFSTANFVO body .info .custom-checkbox {
					width: 35px !important;
					}
		
					.OFSTANFVO body .sepa .custom-checkbox {
					width: 180px !important;
					}
		
				    .OFSTANFVO .custom-checkbox {
				        width: 60px !important;
				    }
		
					.OFSTANFVO body .bigheadline {
					font-size: 22px !important;
					line-height: 1em !important;
				}	
	
				.OFSTANFVO .content {
					margin-top: 10px;
				}
	
				.OFSTANFVO .backgrounded {font-size: 14px !important; font-weight: 500;}
				.OFSTANFVO .linksdarunter {font-size: 13px !important;}
		
				    .OFSTANFVO .boxpaddingbig {
				        padding: 10px 20px 10px 20px;
				    }
		
					    .OFSTANFVO .bordergreen .col-md-4 {
					        text-align: center;
					        margin-top: 5px;
					        margin-bottom: 10px;
					    }
						.OFSTANFVO img.arrow{
							left:32%;
						}
						.OFSTANFVO .order-2{
							order:1!important;
						}
						.OFSTANFVO .order-1{
							order:2!important;
						}
				}
	
				.OFSTANFVO .infoshort{
					text-align:center;
					font-weight:700;
					font-size:16px;
				}
	
				.OFSTANFVO .logo 
				{width:150px!important;}
	
				.OFSTANFVO .underline{
					text-decoration: underline;
					text-decoration-skip-ink: none;
					text-decoration-color: #40ac3c!important;
					text-decoration-thickness: 5px;
				}
				.OFSTANFVO .content{
					padding-left:6%;
					padding-right:6%;
				}
	
				.OFSTANFVO .linksdarunter {
					font-weight: 700;
					color: darkgreen;
				}
	
				.OFSTANFVO .smarttext {
					font-size: 14px;
				}
	
				.OFSTANFVO .linksdarunter a {
					font-weight: 700;
					color: darkgreen;
					text-decoration: none;
				}
	
					.OFSTANFVO .backgrounded {
					    background-color: white !important;
	    		        padding: 4px 10px 4px 15px;
	    		        box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.15);
	    		        border-radius: 0px 0px 10px 10px;
					}
					
	
				.OFSTANFVO ul li{ display: flex; padding: 10px 0; } 
	
				.OFSTANFVO .fa-circle-check{
					color:#40ac3c!important;
				}
	
				.OFSTANFVO .bordergray {
				    border: 2px solid #b5b5b5;
				    border-radius: 20px;
				    padding: 5px 10px 5px 10px;
				}
	
				.OFSTANFVO .bordergreen {
				    border: 2px solid #00D425;
				    border-radius: 20px;
				    padding: 5px 10px 5px 10px;
					background:#DFF6DE;
				}
	
				.OFSTANFVO .bordergreen:hover {
				    border: 2px solid #009a1b;
				    border-radius: 20px;
					background:#e8f8e7;
				}

	
				.OFSTANFVO .bigheadline {
					font-size: 48px !important;
					line-height:1.1em!important;
				}
	
				.OFSTANFVO .bordergray:hover {
					border: 2px solid #e25151;
		
				}
	
				.OFSTANFVO .check1 .costum-checkbox {
					width: 20px;
				}
	

	
				.OFSTANFVO .yellowbutton {
				    padding: 0;
				    border-radius: 0px;
				    background-color: transparent;
				    border: 0px solid white;
				    box-shadow: none;
				    color: black !important;
				    font-weight: 900 !important;
				}
	
				.OFSTANFVO .graybackground{
				        background-color: #f1f1f1;
				        padding: 20px;
				        margin-left: 4%;
				        width: 92%;
				        margin-bottom: 15px;
				    }
	    
				    .OFSTANFVO body .submit-btn {
					    background-color: #FFD700;
					    color: black !important;
				    }

				@media (min-width:768px){
					.OFSTANFVO .laststephero{
						margin-top: 100px;
						padding-top: 70px !important;
						padding-bottom: 80px !important;
						background: #DFF6DE !important;
						margin-bottom: 50px;
					}
					.OFSTANFVO body .info .custom-checkbox {
					width: 22px !important;
					}
		
					.OFSTANFVO body .sepa .custom-checkbox {
					width: 105px !important;
					}
		
					.OFSTANFVO .herosection {
						padding-bottom:80px!important;
					}

		
					.OFSTANFVO .hideonDesktop{
						display:none;
					}
				.OFSTANFVO .col-md-6 {
				flex: 0 0 auto;
				width: 100%!important;
				}
				.OFSTANFVO .col-md-4 {
				flex: 0 0 auto;
				width: 100%;
				}
				.OFSTANFVO .bordergray {
				border: 2px solid #b5b5b5;
				border-radius: 20px;
				padding: 20px 20px 10px 10px;
				text-align:center;
				}
				.OFSTANFVO .bordergreen {
				border: 2px solid #00D425;
				border-radius: 20px;
				padding: 20px 20px 10px 10px;
				background: #DFF6DE;
				text-align:center;
				}
				.OFSTANFVO img.arrow{
					left:22%;
				}
				.OFSTANFVO .order-md-2 {
				order: 1!important;
				}
				.OFSTANFVO .graybackground {
				background-color: #ededed;
				padding: 20px;
				margin-left: 0%;
				width: 40%;
				margin-bottom: 15px;
				border-radius: 30px;
				margin-top: 35px;
				}
				.OFSTANFVO h1{
					font-size:40px;
				}
	
				.OFSTANFVO .fa-shield-check {font-size: 32px;
							position: relative;
							top: 4px;
							right: 5px;
							color: #82cc11;}
	
			}
			.OFSTANFVO .submit-btn {
			    color: black !important;
			    font-weight: 900 !important;
				font-size:17px;
			}
	
/*--- RSV Würzburger VarB dynState End ---*/
			
/*--- RSV Parigon VarC dynState Start ---*/
			
			.OFSTANHPO .backgrounded {
			    background-color: white !important;
		        padding: 4px 10px 4px 15px!important;
		        box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.15);
		        border-radius: 0px 0px 10px 10px!important;
			}
	
			.OFSTANHPO body{
						font-size:16px!important;
					}
					.OFSTANHPO .info-box p {
					    font-size: 13px;
					}
					
					.OFSTANHPO .backgrounded {
					    font-size:15px!important;
						font-weight:500;
					}
		
		
					.OFSTANHPO .submit-btn{
						background-color:#FFD700!important;
					}
		
					.OFSTANHPO #OFSTANHPO_userDataArea, .OFSTANHPO #OFSTANHPO_infoArea {
					    display: none;
					}
		
					.OFSTANHPO .minitext {
					    font-size: 13px;
					}
					.OFSTANHPO .checkbox-group label {
					    font-size: 16px;
					}
		
					@media (max-width: 992px) {

					}

					@media (max-width: 768px) {
					    .OFSTANHPO .bigheadline {
					        font-size: 34px !important;
					    }
						
						.OFSTANHPO .laststephero{
							margin-top: 57px;
	    					padding-bottom: 80px !important;
	    					background: #DFF6DE !important;
	    					margin-bottom: 50px;
						}
						
						.OFSTANHPO .backgrounded {
						    font-size:14px!important;
							font-weight:500;
						}
			
		
						    .OFSTANHPO .custom-checkbox {
						        width: 55px !important;
						    }
				

							    .OFSTANHPO .custom-checkbox1 {
							        width: 105px!important;
								}
			
					    .OFSTANHPO .boxpaddingbig {
					        padding: 10px 20px 10px 20px;
							border-radius:5px;
					    }
					    .OFSTANHPO .herosection {
					        margin-top: 20px;
					        padding-bottom: 85px !important;
					        background: #ffdd0e;
					        clip-path: polygon(100% 0, 100% 91%, 69% 88%, 45% 93%, 16% 89%, 0 93%, 0 0);
					    }
			
						.OFSTANHPO h2{
							font-size:18px;
						}
						    .OFSTANHPO .bordergreen .col-md-4 {
						        text-align: center;
						        margin-top: 5px;
						        margin-bottom: 10px;
						    }
							.OFSTANHPO img.arrow{
								left:32%;
							}
							.OFSTANHPO .order-2{
								order:1!important;
							}
							.OFSTANHPO .order-1{
								order:2!important;
							}
					}
		
					.OFSTANHPO .linksdarunter {
						font-weight: 700;
						color: darkgreen;
					}
		
					.OFSTANHPO .smarttext {
						font-size: 12px;
					}
		
					.OFSTANHPO .linksdarunter a {
						font-weight: 700;
						color: darkgreen;
						text-decoration: none;
					}		
		
		
					.OFSTANHPO .underline{
						text-decoration: underline;
						text-decoration-skip-ink: none;
						text-decoration-color: #40ac3c;
						text-decoration-thickness: 5px;
					}
					.OFSTANHPO .laststephero2{
						background-image:none!important;
						background: #DFF6DE!important;
					}
					.OFSTANHPO .content{
						padding-left:6%;
						padding-right:6%;
					}
		
					.OFSTANHPO .backgrounded {
					    background-color: white !important;
					    padding: 5px 10px 5px 15px;
					    border-radius: 30px;
					}
		
					.OFSTANHPO ul li{ display: flex; padding: 10px 0; } 
		
					.OFSTANHPO .fa-circle-check{
						color:#40ac3c!important;
					}
		
					.OFSTANHPO .bordergray {
					    border: 2px solid #b5b5b5;
					    border-radius: 20px;
					    padding: 5px 10px 5px 10px;
					}
		
					.OFSTANHPO .bordergreen {
					    border: 2px solid #00D425;
					    border-radius: 20px;
					    padding: 5px 10px 5px 10px;
						background:#DFF6DE;
					}
		
					.OFSTANHPO .yellowbutton {
					    padding: 0;
					    border-radius: 0px;
					    background-color: transparent;
					    border: 0px solid white;
					    box-shadow: none;
					    color: black !important;
					    font-weight: 900 !important;
					}
		
					.OFSTANHPO .graybackground{
					        background-color: #ededed;
					        padding: 20px;
					        margin-left: 4%;
					        width: 92%;
					        margin-bottom: 15px;
					    }

					@media (min-width:768px){
			
					    .OFSTANHPO .custom-checkbox1 {
					        width: 65px!important;
						}
			
						.OFSTANHPO .hideonDesktop{
							display:none;
						}
					.OFSTANHPO .col-md-6 {
					flex: 0 0 auto;
					width: 100%!important;
					}
					.OFSTANHPO .col-md-4 {
					flex: 0 0 auto;
					width: 100%;
					}
					.OFSTANHPO .bordergray {
					border: 2px solid #b5b5b5;
					border-radius: 20px;
					padding: 20px 20px 10px 10px;
					text-align:center;
					}
					.OFSTANHPO .bordergreen {
					border: 2px solid #00D425;
					border-radius: 20px;
					padding: 20px 20px 10px 10px;
					background: #DFF6DE;
					text-align:center;
					}
					.OFSTANHPO img.arrow{
						left:22%;
					}
					.OFSTANHPO .order-md-2 {
					order: 1!important;
					}
					.OFSTANHPO .graybackground {
					background-color: #ededed;
					padding: 20px;
					margin-left: 0%;
					width: 40%;
					margin-bottom: 15px;
					border-radius: 30px;
					margin-top: 35px;
					}
					.OFSTANHPO .laststephero{
						margin-top: 100px;
						padding-top: 70px !important;
						padding-bottom: 80px !important;
						background: #DFF6DE !important;
						margin-bottom: 50px;
					}
					.OFSTANHPO h1{
						font-size:40px;
						text-align:center!important;
					}
		
				}
				.OFSTANHPO .submit-btn {
				    color: black !important;
				    font-weight: 900 !important;
					font-size:17px;
				}
	
/*--- RSV Parigon VarC dynState End ---*/	
				
				/*-- zuschuss plus VarA Start ---*/
				
				.OFSTANJX9 .novabackgrounded{
					    font-size: 14px !important;
						padding: 4px 10px 4px 15px;
						box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.15);
						border-radius: 0px 0px 10px 10px;
				}

				@media (max-width: 768px) {
				    .OFSTANJX9 .novagraybackground {
						width:100%!important;
						background-color:#ffffff;
						margin-left:0!important;
						}
					}

				@media (max-width: 992px) {
				    .OFSTANJX9 .navbar-expand-lg {
				        left: 25px;
				    }
				}

				 .OFSTANJX9 .logo img{
					content:url('/assets/FXL3zr/img/NovaSedesVarELogo.svg');
					width:100%;
					padding-left:4%;
				}



				 .OFSTANJX9 .nova-steps{
					-webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 25%);
					-moz-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 25%);
					box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 25%);
					border-radius: 10px;
					height: 40px;
					padding-top:10px;
					font-size:14px;
					margin-bottom:8px;
					padding-left:15px;
					}
	
						.OFSTANJX9 p, ul, li, .borderyellow, a{
							font-weight:100;
							color:#000000;
						}
	
						.OFSTANJX9 .borderyellow{
							border: 2px solid #fade4b;
							    border-radius: 10px;
							    padding: 10px;
						}
	
						 .OFSTANJX9 a{
							text-decoration:none;
						}
	
						 .OFSTANJX9 li {
							color:#000000;
						}
	
						 .OFSTANJX9 .nova-submit-btn {
							font-weight:800!important;
							color:#394B05!important;
							background: rgb(159,214,10);
							background: linear-gradient(54deg, rgba(159,214,10,1) 0%, rgba(219,244,33,1) 100%);
						}


						 .OFSTANJX9 .nav-link{
							font-weight:400!important;
						}
	
						 .OFSTANJX9 .form-row {
							display:block;
						}
	
						 .OFSTANJX9 .fa-circle-check{
							color:#a3cf11!important;
						}
		
							 .OFSTANJX9 .footerlinks{
								color:#ffffff!important;
								font-weight:400!important;
			
							}
		
							 .OFSTANJX9 .footerlinks a{
								color:#ffffff!important;
								font-weight:400!important;
						}
	
						 .OFSTANJX9 .shadow{
							box-shadow:0px 0px 15px 0px rgb(0 0 0 / 30%)!important;
						}
	
						@media screen and (min-width:768px){
						 .OFSTANJX9 .laststephero{
						background: url(/assets/FXL3zr/img/HeaderNovaAltDesk.svg)!important;
						clip-path:none!important;
					    background-position: center !important;
					    background-repeat: no-repeat !important;
					    background-size: cover !important;
					}
					.OFSTANJX9 .novabackgrounded{
						    font-size: 15px !important;
							padding: 4px 10px 4px 15px;
					}
	
					 .OFSTANJX9 .nova-steps{
						width:100%!important;
						-webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 25%);
						-moz-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 25%);
						box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 25%);
						border-radius: 10px;
						height: 40px;
						padding-top:10px;
						font-size:14px;
						padding-left:25px;
						padding-right:25px;
						}
		
				        .OFSTANJX9 .connector.right {
				          transform: rotate(0deg);
				 		 left:104%;
				 		 opacity:33%;
				        }

				        .OFSTANJX9 .connector.left {
				          transform: rotate(180deg);
				 		 left:-18%;
				 		 opacity:33%;
				        }
		
						.OFSTANJX9 .flag-top{
							margin-top:-40px;
						}

					 .OFSTANJX9 h4{
						font-weight:800;
						font-size:24px;
						color:#000000;
					}

					 .OFSTANJX9 .novaherosection{
						padding-bottom:280px!important;
					}

					 .OFSTANJX9 .left-side{
						margin-top:-275px!important;
					}

					 .OFSTANJX9 .right-side{
						margin-top:-70px!important;
					}
					 .OFSTANJX9 .novabigheadline{
						font-size: 2.8vw !important;
						    text-align: left !important;
						    font-weight: 800 !important;
						    color: #000000;
							line-height:1em!important;
						}
				}

						@media screen and (max-width:768px){
						 .OFSTANJX9 .laststephero{
						background: url(/assets/FXL3zr/img/HeaderBGNovaSedesVarEmob.jpg)!important;
						clip-path:none!important;
					    background-repeat: no-repeat !important;
					    background-size: contain !important;
						margin-top:70px!important;
						padding-top:15px!important;
						padding-bottom:60px!important;
					}

					 .OFSTANJX9 h4{
						font-weight:800;
						font-size:18px;
						color:#000000;
					}
					 .OFSTANJX9 .novabigheadline{
						font-size: 2.2em !important;
						    text-align: center !important;
						    font-weight: 800 !important;
						    color: #000000;
							line-height:1em!important;
						}
	
						 .OFSTANJX9 .nova-content {
						    padding-left: 5%;
						    padding-right: 5%;
							padding-top: 40px;
						}
		
						.OFSTANJX9 .flag-top{
							margin-top:-35px;
						}
				}

					@media screen and (max-width:1199px) and (min-width:768px){
					    .OFSTANJX9 .container{
					    	max-width:1000px!important;
					    }
					}	
	
					.OFSTANJX9 hr.divider {
					  border-top: 2px solid #FCCC21;
					  border-radius: 0px;
					  width:70px;
					  opacity:1;
					}
	
					@media (max-width: 768px) {
					    .OFSTANJX9 h4.novah4 {
					        font-weight: 900;
					        font-size: 24px;
					    }
				        .OFSTANJX9 .connector.right {
				          transform: rotate(0deg);
				 		 left:97%;
				 		 opacity:33%;
				        }

				        .OFSTANJX9 .connector.left {
				          transform: rotate(180deg);
				 		 left:-21%;
				 		 opacity:33%;
				        }
	   
					}
	
					.OFSTANJX9 .steps-container{
						width:93%;
						margin:auto;
					}
	
				    .OFSTANJX9 .connector {
				         position: relative;
				         top: 100%;
				         width: 60px;
				         height: 80px;
				         margin-top:-60px
				       }
	   
					   .OFSTANJX9 .scrollbox-list {
					       border: solid 1px #EBEBEB;
					       border-radius: 20px;
					       padding: 10px 10px 10px 10px;
					       height: 220px;
					       overflow: scroll;
						   margin-bottom:20px;
	   
					   }
	   
					   .OFSTANJX9 .scrollbox-list2 {
					          position:relative;
					          padding: 10px 10px 10px 10px;
					   	       height: 130px;
					   	       overflow: scroll;
					   	   }
       
					          .OFSTANJX9 .info-section2{
					         position: relative;
					         width: 100%;
					         height: 100px;
					         overflow: hidden;
					         border-radius: 20px;
					         border: solid 1px #EBEBEB;
					       }
       
					            .OFSTANJX9 .fade-bottom {
					         position: absolute;
					         bottom: 0;
					         left: 0;
					         width: 100%;
					         height: 50px;
					         background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
					         pointer-events: none; /* damit der Benutzer trotzdem scrollen kann */
					       }
	   
	   
				       .OFSTANJX9 svg {
				         display: block;
				       }
	   
	   

					/*--- zuschuss plus VarA dynState End ---*/
					
					/*--- Fides VarB dynState Start***/
					
					.OFSTANLCC .novabackgrounded{
						    font-size: 14px !important;
							padding: 4px 10px 4px 15px;
							box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.15);
							border-radius: 0px 0px 10px 10px;
					}

					@media (max-width: 768px) {
					    .OFSTANLCC .novagraybackground {
							width:100%!important;
							background-color:#ffffff;
							margin-left:0!important;
							}
							.OFSTANLCC .novabackgrounded{
								    font-size: 13px !important;
									padding: 4px 10px 4px 15px;
							}
						}

					@media (max-width: 992px) {
					    .OFSTANLCC .navbar-expand-lg {
					        left: 25px;
					    }
					}


					 .OFSTANLCC .logo img{
						content:url('/assets/FXL3zr/img/NovaSedesVarELogo.svg');
						width:100%;
						padding-left:4%;
					}



					 .OFSTANLCC .nova-steps{
						-webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 25%);
						-moz-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 25%);
						box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 25%);
						border-radius: 10px;
						height: 40px;
						padding-top:10px;
						font-size:14px;
						margin-bottom:8px;
						padding-left:15px;
						}
	
							.OFSTANLCC p, ul, li, .borderyellow, a{
								font-weight:100;
								color:#000000;
							}
	
							.OFSTANLCC .borderyellow{
								border: 2px solid #fade4b;
								    border-radius: 10px;
								    padding: 10px;
							}
	
							 .OFSTANLCC a{
								text-decoration:none;
							}
	
							 .OFSTANLCC li {
								color:#000000;
							}
	
							 .OFSTANLCC .nova-submit-btn {
								font-weight:800!important;
								color:#394B05!important;
								background: rgb(159,214,10);
								background: linear-gradient(54deg, rgba(159,214,10,1) 0%, rgba(219,244,33,1) 100%);
							}


							 .OFSTANLCC .nav-link{
								font-weight:400!important;
							}
	
							 .OFSTANLCC .form-row {
								display:block;
							}
	
							 .OFSTANLCC .fa-circle-check{
								color:#a3cf11!important;
							}
		
								 .OFSTANLCC .footerlinks{
									color:#ffffff!important;
									font-weight:400!important;
			
								}
		
								 .OFSTANLCC .footerlinks a{
									color:#ffffff!important;
									font-weight:400!important;
							}
	
							 .OFSTANLCC .shadow{
								box-shadow:0px 0px 15px 0px rgb(0 0 0 / 30%)!important;
							}
	
							@media screen and (min-width:768px){
							 .OFSTANLCC .laststephero{
							background: url(/assets/FXL3zr/img/HeaderNovaAltDesk.svg)!important;
							clip-path:none!important;
						    background-position: center !important;
						    background-repeat: no-repeat !important;
						    background-size: cover !important;
						}
						.OFSTANLCC .novabackgrounded{
							    font-size: 15px !important;
								padding: 4px 10px 4px 15px;
						}
	
						 .OFSTANLCC .nova-steps{
							width:100%!important;
							-webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 25%);
							-moz-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 25%);
							box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 25%);
							border-radius: 10px;
							height: 40px;
							padding-top:10px;
							font-size:14px;
							padding-left:25px;
							padding-right:25px;
							}
		
					        .OFSTANLCC .connector.right {
					          transform: rotate(0deg);
					 		 left:104%;
					 		 opacity:33%;
					        }

					        .OFSTANLCC .connector.left {
					          transform: rotate(180deg);
					 		 left:-18%;
					 		 opacity:33%;
					        }
		
							.OFSTANLCC .flag-top{
								margin-top:-43px;
							}

						 .OFSTANLCC h4{
							font-weight:800;
							font-size:24px;
							color:#000000;
						}

						 .OFSTANLCC .novaherosection{
							padding-bottom:280px!important;
						}

						 .OFSTANLCC .left-side{
							margin-top:-275px!important;
						}

						 .OFSTANLCC .right-side{
							margin-top:-70px!important;
						}
						 .OFSTANLCC .novabigheadline{
							font-size: 2.8vw !important;
							    text-align: left !important;
							    font-weight: 800 !important;
							    color: #000000;
								line-height:1em!important;
							}
					}

							@media screen and (max-width:768px){
							 .OFSTANLCC .laststephero{
							background: url(/assets/FXL3zr/img/HeaderBGNovaSedesVarEmob.jpg)!important;
							clip-path:none!important;
						    background-repeat: no-repeat !important;
						    background-size: contain !important;
							margin-top:70px!important;
							padding-top:15px!important;
							padding-bottom:60px!important;
						}

						 .OFSTANLCC h4{
							font-weight:800;
							font-size:18px;
							color:#000000;
						}
						 .OFSTANLCC .novabigheadline{
							font-size: 2.2em !important;
							    text-align: center !important;
							    font-weight: 800 !important;
							    color: #000000;
								line-height:1em!important;
							}
	
							 .OFSTANLCC .nova-content {
							    padding-left: 5%;
							    padding-right: 5%;
						        padding-top: 40px;
							}
		
							.OFSTANLCC .flag-top{
								margin-top:-38px;
							}
					}

						@media screen and (max-width:1199px) and (min-width:768px){
						    .OFSTANLCC .container{
						    	max-width:1000px!important;
						    }
						}	
	
						.OFSTANLCC hr.divider {
						  border-top: 2px solid #FCCC21;
						  border-radius: 0px;
						  width:70px;
						  opacity:1;
						}
	
						@media (max-width: 768px) {
						    .OFSTANLCC h4.novah4 {
						        font-weight: 900;
						        font-size: 24px;
						    }
					        .OFSTANLCC .connector.right {
					          transform: rotate(0deg);
					 		 left:97%;
					 		 opacity:33%;
					        }

					        .OFSTANLCC .connector.left {
					          transform: rotate(180deg);
					 		 left:-21%;
					 		 opacity:33%;
					        }
	   
						}
	
						.OFSTANLCC .steps-container{
							width:93%;
							margin:auto;
						}
	
					    .OFSTANLCC .connector {
					         position: relative;
					         top: 100%;
					         width: 60px;
					         height: 80px;
					         margin-top:-60px
					       }
	   
						   .OFSTANLCC .scrollbox-list {
						       border: solid 1px #EBEBEB;
						       border-radius: 20px;
						       padding: 10px 10px 10px 10px;
						       height: 220px;
						       overflow: scroll;
							   margin-bottom:20px;
	   
						   }
	   
						   .OFSTANLCC .scrollbox-list2 {
						          position:relative;
						          padding: 10px 10px 10px 10px;
						   	       height: 130px;
						   	       overflow: scroll;
						   	   }
       
						          .OFSTANLCC .info-section2{
						         position: relative;
						         width: 100%;
						         height: 100px;
						         overflow: hidden;
						         border-radius: 20px;
						         border: solid 1px #EBEBEB;
						       }
       
						            .OFSTANLCC .fade-bottom {
						         position: absolute;
						         bottom: 0;
						         left: 0;
						         width: 100%;
						         height: 50px;
						         background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
						         pointer-events: none; /* damit der Benutzer trotzdem scrollen kann */
						       }
	   
	   
					       .OFSTANLCC svg {
					         display: block;
					       }
	   
	   

						/*--- Fides VarB dynState End ---*/

/*--- VWL BKM VarC dynState Start ---*/	
						
						.OFSTANLU7 .novabackgrounded{
							    font-size: 14px !important;
								padding: 4px 10px 4px 15px;
								box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.15);
								border-radius: 0px 0px 10px 10px;
						}		
						@media screen and (min-width:768px){
						.OFSTANLU7 .backgrounded{
							    font-size: 15px !important;
								padding: 4px 10px 4px 15px;
								border-radius:30px;
								background-color: #fff!important;
						}
						.OFSTANLU7 .laststephero{
								margin-top: 96px;
								padding-top: 70px !important;
								padding-bottom: 80px !important;
								margin-bottom: 50px;
						}
					}
					
					@media screen and (max-width:768px){
					.OFSTANLU7 .backgrounded{
						    font-size: 13px !important;
							padding: 4px 10px 4px 15px;
							border-radius:30px;
							background-color: #fff!important;
					}
					.OFSTANLU7 .laststephero {
					        margin-top: 57px;
					        padding-bottom: 80px !important;
					        margin-bottom: 50px;
					    }
				}
										
/*--- VWL BKM VarC dynState Start ---*/	
				
				
				/*--- Gehaltsupload VarC dynState Start ---*/	
				
				.OFSTAM3IZ .novabackgrounded{
					    font-size: 14px !important;
						padding: 4px 10px 4px 15px;
						box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.15);
						border-radius: 0px 0px 10px 10px;
						text-align:center;
				}
				
				@media screen and (max-width:768px){
					   .OFSTAM3IZ .inner-hero-title {
					   padding-top: 50px;
					   
					   }
				}	
				
					/*--- Gehaltsupload VarC dynState End ---*/