@media (min-width:1920px){
	.img-header {
    width: 19vw;
    max-width: 330px;
    position: absolute;
    margin-left: 650px!important;
    margin-top: -120px!important;
}
}

@media (max-width:1300px) and (min-width:980px){
	.tcc-title{
font-size:40px!important;
}
}

.tcc-none{
	display:none!important;
}

sup {
font-size: .6em;
top: -1.2em;
}

.header{
		display:none;
	}
	.sec-pad {
	    padding: 20px 0px;
	}
	.form-box {
	    background: none;
	}
	
	p, h1, h2, h3, h4, h5, h6, body{
		font-family:'open-sans'!important;
	}
  summary{
	  list-style-type:none!important;
  }
	
	.container{
		max-width:1920px!important;
	}
	
	.yellow-bg{
		background: radial-gradient(
		  ellipse at center,#fff58d 0%,#ffe53b 30%,#ffd000 60%,#fbc300 80%,#f9b700 100%);
		  background-repeat: no-repeat;
		  background-size: cover;
		  margin: 0;
		  padding:20px;
		  border-radius:30px;
	}
	
	.yellow-bg-faq{
		background: radial-gradient(
		  ellipse at center,#fff58d 0%,#ffe53b 30%,#ffd000 60%,#fbc300 80%,#f9b700 100%);
		  background-repeat: no-repeat;
		  background-size: cover;
		  margin: 0;
		  padding:1px 40px 50px 40px;
		  border-radius:30px;
	}
	
	.tcc-vert-align{
		margin:auto;
	}
	
	.tcc-title{
		font-weight: 700;
		text-transform: uppercase;
		font-size: 52px;
		margin:0px;
		line-height:1.1em;
		}
		
		.tcc-toptitle{
			text-transform:uppercase;
			font-weight:100;
			font-size:20px;
			margin:0px;
		}
		
		.tcc-subtitle{
			font-weight:100;
			font-size:18px;
			margin:0px 0px 10px 0px;
			max-width:63%;
		}
		
		.tcc-refs{
			color:#ffffff;
			font-weight:700;
			text-align:center;
		}
		
		.img-header{
		    width: 19vw;
			max-width:330px;
		    position: absolute;
		    margin-left: 32%;
		    margin-top: -7%;
		}
		
		.top-space-header{
			margin-top: 80px;
			margin-bottom: 80px;
		}
		
		.form{
			padding:0 10%;
		}
		
		.form-logo{
			margin: 0px 20px 20px 20px;
			    width: 150px;
		}
		
		.form-select, .form-control{
			font-family:'open-sans'!important;
		}
		
		.form-heading{
			font-weight: 700;
			    font-size: 25px;
			    margin-top: 0px;
			    margin-bottom: 10px;
		}
		
		.form-heading1 {
			font-weight: 700;
			    font-size: 25px;
			    margin-top: 30px;
			    margin-bottom: 10px;
		}
		
		.form-check-label {
		   color:#818181;
		   font-weight:100;
		}
		
		.tcc-birthdate{
			font-size:16px;
			font-weight:700;
		}
		
		.tcc-addition{
			font-size:14px;
			font-weight:700;
			line-height:1.1em;
			padding-bottom:20px;
		}
		
		.button-zp-tcc{
		    background-color: #FFD511;
		    border-radius: 30px;
		    color: #000000;
		    width: 100% !important;
		    font-size: 20px;
		    font-weight: 900;
	    padding: 9px 0px;
	    transition: all 0.3s ease-in-out;
		border:none;
	}
	.button-zp-tcc:hover{
	    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px;
	    transform: translateY(2px);
		background-color: #FFD511;
	}
	
	.tcc-mask {
		  mask-image: linear-gradient(to right, transparent 0%, black 30%, black 70%, transparent 100%);
		  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 30%, black 70%, transparent 100%);
		}
		
		.tcc-companies{
			margin-top:13vw;
		}
		
		.tcc-img-comp{
			width: 100%;
			    height: auto;
			    padding-left: 10%;
			    padding-right: 10%;
		}
		
		.usp-check{
			  		width: 15px;
			  		margin-right: 5px;
			  	}
				
		.usp-check1 {
			  	    width: 30px;
			  	    margin-right: 10px;
					}
		p.usp-text{
			  		font-weight:100;
					font-size:16px;
			  	}
				.tcc-info-block{
					padding:10px 30px;
					font-weight:100!important;
				}
				.tcc-info-block1{
					    padding: 10px 30px;
					    font-weight: 100 !important;
					    line-height: 1.1em;
					    font-size: 14px;
				}
				
		.tcc-details {
				    padding-top: 15px !important;
				    padding-bottom: 15px !important;
				    padding-left: 0px!important;
				    background-color: transparent;
				    border-radius: 0px !important;
				    padding-right: 0px;
				    border-bottom: solid 2px #000000 !important;
					
				}
				ol.tcc-stepper {
				  --default-b: lightgrey;
				  --default-c: #FDC606;
				  --active-b: #FDC606;
				  --active-c: #000000;
				  --circle: 2.2em; /* size of circle */
				  --b: 7px; /* line thickness */
  
				  display: flex;
				  list-style: none;
				  justify-content: space-between;
				  counter-reset: step;
				  padding: 0;
				  font-size: 30px;
				  counter-reset: step;
				  overflow: hidden;
				  padding-left:30px;
				}
				ol.tcc-stepper li {
				  place-items: center;
				  gap: 35px;
				  position: relative;
				  font-weight:700;
				  line-height:1.2em;
				}
				ol.tcc-stepper li::before {
				  content: counter(step) " ";
				  counter-increment: step;
				  display: grid;
				  border:4px #FDC606 solid;
				  place-content: center;
				  aspect-ratio: 1;
				  height: var(--circle);
				  box-sizing: border-box;
				  background: var(--active-b);
				  color: var(--active-c);
				  border-radius: 50%;
				  font-family: 'open-sans';
				  font-weight:900;
				  z-index: 1;
				}

				  ol.tcc-stepper {
				   display: grid;
				   gap: 60px;
				  }
				  ol.tcc-stepper li {
				    display: flex;
				  }
				  ol.tcc-stepper li.active::after {
				    content: "";
				    position: absolute;
				    width: var(--b);
				    bottom: 100%;
				    left: calc((var(--circle) - var(--b))/2);
				    top: auto;
				    right: auto;
				    height: 100vw;
				    background: var(--active-b);
				  }
				  .tcc-stepper-li-text{
					  font-size:16px;
					  line-height:1.4em;
				  }
				  
				  .tcc-col{
				  	    padding: 0px 3%;
				  }
				  
				  .tcc-900{
					  font-weight:900!important;
				  }
				  
				  .tcc-700{
					  font-weight:700!important;
				  }
				  
				  .tcc-details-container{
				  	    padding: 0px 30px 0px 30px;
				  }
				  
				  .details__title {
					  font-weight:700;
				  }
				  
				  .details__desc-inner{
					  font-weight:100;
				  }
				  .TCC-form-head {
				      display: flex;
				      flex-direction: row;
				      width: 100%;
				    }

				    .left-column {
				      width: 30%;
					  display: flex;
					  align-items: center;
				    }

				    .right-column {
				      width: 70%;
				     padding:0rem 0rem 0rem 1rem;
				    }
					a.info-circle{
					    background-color: #ffffff;
					    font-weight: 600;
					    border-radius: 80px;
					    padding: 0px 11px 0px 11px;
						cursor: pointer;
					}
					.hier-show {
						font-weight:100;
						font-size:14px;
					}
				    p.usp-text {
				        display: flex;
				        align-items: center;
				        gap: 15px;
				}
				  
				  
				  @media screen and (max-width:768px){
				  	.tcc-title{
				  		font-size: 5.5vw;
				        margin-top: 10px;
				        margin-bottom: 10px;
				  		}
					    .img-header {
					        width: 150px;
					        margin-left: 50%;
					        margin-top: -85px;
					    }
					.tcc-toptitle {
						font-size: 15px;
						max-width: 100%;
						line-height:1.1em;
						}
					.tcc-subtitle {
						font-size: 15px;
						max-width:100%;
						line-height:1.3em;
						}
					.top-space-header {
						margin-top: 1em;
						margin-bottom:10px!important;
						}
						.tcc-companies {
						margin-top: 20px;
						}
					    .col-form {
					    margin-top: 10px;
					    }
						.tcc-refs {
						color: #ffffff;
						font-weight: 700;
						text-align: center;
						font-size: 14px;
					    line-height: 1.1em;
						margin-bottom:0px;
						}
						.form {
					    padding: 0 0%;
						}
					.yellow-bg {
						margin-top:10px;
					}
					.form-head-left{
						max-width:40%;
					}
					.form-head-right{
						max-width:60%;
						padding-left:20px;
					}
					.form-heading {
					    font-size: 16px;
					    margin-top: 0px;
					    margin-bottom: 10px;
						line-height: 1.0;
					}
					
					.form-heading1 {
					    font-size: 16px;
					    margin-top: 0px;
					    margin-bottom: 10px;
						line-height: 1.0;
					}
				    .form-logo {
				        display: block;
				        width: 100%;
				        max-width: 80px;
				        margin: 10px 0px 10px 20px;
				    }
					.tcc-subtitle-mob{
						max-width:100%!important;
					}
					.tcc-mob-50{
						width:50%!important;
					}
					.tcc-mob-33{
						width:33.3%!important;
					}
					.tcc-details-container {
				    padding: 0px 0px 0px 0px;
					}
					.yellow-bg-faq{
				    padding: 30px 40px 30px 40px;
					}
					.tcc-details, .tcc-info-block, p.usp-text, .details__title {
					font-size:15px;
					}
					p.usp-text{
					    display: flex;
					    align-items: center;
					    gap: 15px;
					}
					ol.tcc-stepper {
					padding-left:0px;
					gap: 20px;
					margin-top:30px;
					}
  				  .tcc-stepper-li-text{
  					  font-size:15px;
  					  line-height:1.1em;
  				  }
				  ol.tcc-stepper li {
					  gap:10px!important;
				  }
				  .trust{
					  width:70%;
				  }
				  }
				  
		  		@media (min-width: 768px) {
		  		    .mb-md-4 {
		  		        margin-bottom: 0.5rem!important;
		  		    }
		  			.trust{
		  			    width: 50%;
		  			}
					.notondesktop{
						display:none;
					}
		  		}
				  
				  @media screen and (max-width:991px) and (min-width:768px){
				  .img-header {
			      width: 220px!important;
			      position: absolute;
			      margin-left: 57%;
			      margin-top: -4%;
				  }
				  .form-heading{
					  margin-top:0px;
			  }
			  .form-box {
				  padding:0px 0px 30px 0px;
			  }
				  }
			    @media (min-width: 992px) {
			      .TCC-form-head {
			        flex-direction: column;
			      }

			      .left-column,
			      .right-column {
			        width: 100%;
			      }
			    }
				@media (max-width:991px){
				ol.tcc-stepper li.active::after{
					transform:translateY(10px);
				}
			}

/* ===== Tooltip Sternchen im Hero (zuschuss plus) – additiv, stoert bestehende Styles nicht ===== */
.tcc-tip{
	position: relative;
	cursor: pointer;
	padding: 6px;
	margin: -6px;
	outline: none;
	-webkit-tap-highlight-color: transparent;
}
.tcc-tip-content{
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 10px;
	width: 320px;
	max-width: 90vw;
	background: #1a1a1a;
	color: #ffffff;
	font-family: 'open-sans';
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
	line-height: 1.45em;
	letter-spacing: normal;
	text-align: left;
	text-transform: none;
	padding: 14px 16px;
	border-radius: 14px;
	box-shadow: rgba(0,0,0,0.28) 0px 8px 24px;
	z-index: 1000;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.2s ease-in-out;
}
.tcc-tip-content::before{
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	border: 9px solid transparent;
	border-bottom-color: #1a1a1a;
}
.tcc-tip:hover .tcc-tip-content,
.tcc-tip.tcc-tip-open .tcc-tip-content{
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
.tcc-tip:focus-visible .tcc-tip-content{
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}