.faq-section{
	border-radius:30px;
    border:0.7px solid #a7a5a5;
	overflow:hidden;
}

.faq-section .kt-accordion-pane {
    border-bottom: 0.7px solid #a7a5a5;
    padding-top: 20px;
    padding-bottom: 20px;
}

.faq-section .kt-accordion-pane:last-child {
  border: none !important;
}


.circle-cta .kt-inside-inner-col {
    width: 253px;
    height: 253px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -130px;
    right: -130px;
    overflow: hidden; /* Optional: clips child overflow */
}

.circle-text {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    padding: 25px;
    position: absolute;
    z-index: 999;
    border-radius: 50%;
    margin-top: 0 !important;
    background-color: transparent; /* Optional: ensures no background bleed */
}

.circle-img {
    max-width: 253px !important;
    height: 253px;
    position: absolute;
    transition: transform 0.6s ease-in-out;
    backface-visibility: hidden; /* Improves rotation performance */
	z-index:-1;
}

.active .circle-img{
    transform: rotate(-180deg);
}

.circle-img-2 {
    max-width: 172px !important;
    height: 133px;
    position: absolute;
    left: 33px;
    top: 28.5%;
	z-index:-1;
}


.circle-cta-2 .kt-inside-inner-col {
    width: 253px;
    height: 253px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -130px;
    left: -130px;
    overflow: hidden; /* Optional: clips child overflow */
}


.circle-cta-2 .circle-img-2 {
    max-width: 172px !important;
    height: 133px;
    position: absolute;
	left:unset !important; 
    right: 19px !important;
    top: 24.5% !important;
    z-index: -1;
    transform: rotate(277deg);
}

.circle-cta-2  .circle-img {
    max-width: 253px !important;
    height: 253px;
    position: absolute;
    transition: transform 0.6s ease-in-out;
    backface-visibility: hidden;
    z-index: -1;
    transform: rotate(277deg);
}


.active .circle-cta-2 .circle-img {
    transform: rotate(97deg);
}



/* Make header clickable */
.faq-section .kt-blocks-accordion-header.kt-acccordion-button-label-show {
    cursor: pointer;
}

/* Base icon styling */
.faq-section .kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger {
    content: url(/wp-content/uploads/2025/09/faq-arrow-icon.svg);
    display: inline-block;
    width: 27px;
    height: 27px;
    background: transparent !important;
    object-fit: contain;
    position: relative;
    transform: rotate(
0deg);
    transform-origin: center;
    transition: transform 0.4s ease-in-out;
}
.faq-section .kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger{
	    /* width: 49px; */
	    /* height: 49px; */
}
/* Remove background from ::after if used */
.faq-section .kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger::after {
    background: transparent !important;
}

/* Active state: only rotate, no position change */
.faq-section .kt-accodion-icon-style-arrow 
.kt-blocks-accordion-header.kt-accordion-panel-active 
.kt-blocks-accordion-icon-trigger {
    transform: rotate(
89deg);
}
.faq-section .kt-blocks-accordion-title {
    font-size: 27px;
    line-height: 1.3;
}

/* Responsive adjustments */
@media (max-width: 768px) {
      .faq-section .kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger {
        width: 20px;
        height: 20px;
    }
}


.vrt-line {
    position: relative; /* Required for absolute positioning inside */
}

.vrt-line::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    width: 150vw; /* Adjust length of the line */
    height:0.5px;
    background-color:#a7a5a5;
}

.h-lined{
    position: relative; /* Required for absolute positioning inside */
}


.h-lined::after {
    content: "";
    position: absolute;
    bottom: 220px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 100vw;
    height: 1px;
    background-color: #a7a5a5;
    margin-bottom: 8px;
    pointer-events: none;
    z-index: -1;
}


.fh-lined::after {
    content: "";
    position: absolute;
    bottom: 220px;
    left: 67%;
    transform: translateX(-57%);
    display: block;
    width: 84vw;
    height: 1px;
    background-color: #a7a5a5;
    margin-bottom: 8px;
    pointer-events: none;
    z-index: -1;
}

.werkzeuge-page{
	padding-left:0 !important;
	padding-right:0 !important;
}


@media only screen and (max-width:1650px) {
	
	.circle-cta .kt-inside-inner-col {
    position: absolute;
    top: -155px;
    right: -48px;
	}

   .circle-cta-2 .kt-inside-inner-col {
    position: absolute;
    top: -152px;
	left: -46px;
	}
}

@media only screen and (max-width:1154px) {
	.h-lined::after,.fh-lined::after,.vrt-line::after{
	 width:0px;
	 height:0px;
	 background-color:translate;	
	}
}

@media only screen and (max-width:1025px) {
		.circle-cta .kt-inside-inner-col {
    position: absolute;
   top: -152px;
	left: -46px;
	}


	.img-d-none{
	  display:none;	
	}
}

@media only screen and (max-width:600px) {
	
	.circle-text {
		font-size: 24px !important;
		margin-top: -2px !important;
	}
	
	.circle-cta .kt-inside-inner-col {
    width: 180px;
    height: 180px;
	        position: absolute;
        top: -114px;
        left: -21px;	
 }
     .circle-img-2 {
        max-width: 123px !important;
        height: 123px;
        position: absolute;
        left: 23px;
        top: 27.5%;
        z-index: -1;
    }

.circle-img {
    max-width: 180px !important;
    height: 180px;
 }	
	

.circle-cta-2 .kt-inside-inner-col {
    width: 180px;
    height: 180px;
	top: -114px;
        left: -21px;	

}


.circle-cta-2 .circle-img-2 {
    max-width: 123px !important;
    height: 123px;
    position: absolute;
	left:unset !important; 
right: 0px !important;
        top:17% !important;
}

.circle-cta-2  .circle-img {
     max-width: 180px !important;
    height: 180px;
}
	
	
	
	
}