
.faqh3 {

    width: 70%;
    position: relative; left: 5%;
    text-align: start;
}

.faqP {
    font-size: clamp(0.7rem, 0.8vw, 1.3rem);
	width: 40%; 
	position: relative; 
	left: 5%;
	text-align: justify;
	margin-bottom: 10vh;
	border: solid 1px var(--accent-color);
	padding: 25px;
	border-radius: 25px;
}


.faqP:hover {

	background-color: var(--accent-color);

}

.faqList {
	border: solid 1px var(--accent-color) ;
	padding: 25px;
	border-radius: 25px;
	position: relative; left: 0%; top: -5vh; width: 100%;
    margin-top: 5px;
}

.faqList:hover {
	background-color:var(--accent-color) ;

}

.faqContentParent {
	display: flex; 
	justify-content: center;

	flex-direction: row;
	
}

.faqDSGVOParent {
	width: 40%; position: relative; left: 5%; text-align: start;
}

.faqIMG {
	max-height: 400px;
	position: relative;
	left: 0%;

	border-radius: 25px;
	padding: 25px;
}

#TimeIMG {
	max-height: 175px;
	
}

#KostenIMG {
		min-height: 700px;
}

#dsgvoIMG {
		max-height: 200px;
}





#bubble1FAQ {
    width: 300px;
    height: 300px;
    position: absolute;
    top: 70%;
    left: 10%;
}


#bubble2FAQ {
    width: 750px;
    height: 750px;
    position: absolute;
    bottom:  -90%;
    right: 50%;
}

#bubble3FAQ {
    width: 600px;
    height: 600px;
    position: absolute;
    top: 5%;
    left: 15%;
}

#bubble4FAQ {
    width: 600px;
    height: 600px;
    position: absolute;
    top: 60%;
    right: 20%;
}


#bubble7FAQ {
    width: 600px;
    height: 600px;
    position: absolute;
    top: 20%;
    right: 10%;
}