/* <style> */
        /* CSS for desktop */
		@media (min-width: 992px) {
			.hide-on-desktop-faqs {
				display: none; /* Hide on desktop */
			}
			.hide-on-desktop-bre {
				display: none; /* Hide on desktop */
			}
		}
		/* </style> */
		/* <style> */
		@media (min-width: 767px) and (max-width: 1500px) {
			.column {
				padding: 30px;
				box-sizing: border-box;
			}
		}
		/* </style> */
/* <!--	 <style>
		@media (min-width: 601px) {
			.column {
			    padding: 30px;
			    box-sizing: border-box;
			}
		}
		</style>  -->*/
		/* <style> */
		    @media (min-width: 992px) {
		        .schnell-sichern {
		            display: none;
		        }
		    }
			@media (max-width: 767px) {
			        .entferne-3-spaces {
			            display: none;
			        }
			    }
		/* </style> */
		/* <style> */
			/* Inhaltsverzeichnis */
		    .text-accent-dark.list-ordered {
		        color: #c9c92e;
		        border: 1px solid #c9c92e;
		        padding: 20px; /* Optional: Adds some space inside the border */
		        padding-left: 40px; /* Adds extra space on the left side */
				line-height: 20px;
		    }

		    .text-accent-dark.list-ordered a {
		        color: #c9c92e;
		    }
		/* </style> */
		/* <style> */
		.page-title-extra-small h2 {
		    font-size: 2.75rem;
		    line-height: 3.75rem;
		}
		/* </style> */
		/* <style> */
	    /* reduce font size by 20% */
			   @media (max-width: 768px) {
			     .reduce-font-size-on-mobile {
			       font-size: 80%; /* Reducing the font size by 20% */
			     }
			   }
		/* hide hero banner on mobile */
			   @media (max-width: 768px) {	   
			   .ipad-top-space-margin.hero-banner {
					display: none;
		        }
		    }
		/* </style> */
		/* <style> */
		.fs-40 {
		    font-size: 2.1rem;
		    line-height: 2.5rem;
		}
		/* </style> */
		/* <style> */
		.faq {
		    background-color: #f3f8f8;
		    padding: 20px;
		    margin: 20px 0;
		    border-top: solid #c2c800 2px;
		}
		.note {
		    clear: both;
			background-color: #f3f8f8;
		    border-top: 2px solid #c2c800;
		    padding: 20px;
		    margin-bottom: 30px;
			margin-top: 30px;
		}
		.bg-very-light-gray {
		    background-color: #f3f8f8;
		}
		.bg-solitude-blue {
			background-color: #F3F8F8;
		}
		ol, ul {
			padding-left: 0rem;
		}
		/* </style> */
		/* <style> */
		.consultant {
			border: 1px solid #c2c800;
			border-radius: 8px;
			padding: 25px;
			margin-bottom: 20px;
			margin-top: 20px;
			font-family: Arial, sans-serif;
			clear: both;
		}

		.top {
			display: flex;
			align-items: center;
			margin-bottom: -10px;
			margin-top: -15px;
		}

		.portrait {
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-right: 16px;
		}

		.avatar {
			border-radius: 50%;
			border: 1px solid #c2c800;
			width: 80px;
			height: 80px;
			object-fit: cover;
			margin-top: 30px;
		}

		.name {
			margin-top: 8px;
			font-size: 16px;
			font-weight: bold;
		}

		.quote {
			flex: 1;
		}

		.quote-bubble {
			background-color: #F3F8F8;
			border-radius: 4px;
			padding: 12px;
			font-size: 14px;
			line-height: 1.5;
			color: #333;
			position: relative;
			display: inline-block;
			max-width: 100%;
		}

		.quote-bubble:before {
			content: "";
			position: absolute;
			top: 10px;
			left: -10px;
			border-width: 10px;
			border-style: solid;
			border-color: transparent #f7f7f7 transparent transparent;
		}
		
		/* </style> */
		/* <style> */

.card { 
    position: relative; 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-box-orient: vertical; 
    -webkit-box-direction: normal; 
    -ms-flex-direction: column; 
    flex-direction: column; 
    min-width: 0; 
    word-wrap: break-word; 
    background-color: #fff; 
    background-clip: border-box; 
    border: 1px solid #C2C800; 
    border-radius: 20px;
} 

.card  { 
    margin: 0 auto; 
    padding: 1.5rem;
} 

.card:hover  { 
    background-color: #fff!important; 
    border-color: #D5D52B!important;
} 


main.main p { 
    -ms-word-break: break-all; 
    word-break: break-all; 
    word-break: break-word; 
    overflow-wrap: break-word; 
    word-wrap: break-word; 
    -webkit-hyphens: auto; 
    -ms-hyphens: auto; 
    hyphens: auto;
} 

.single-ratgeber main .social-share-container p { 
    font-size: 1.125rem; 
    color: #336b62;
} 

.social-list  { 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex; 
    -ms-flex-pack: distribute; 
    justify-content: space-around; 
    -ms-flex-wrap: wrap; 
    flex-wrap: wrap;
} 

a { 
    color: #336b62; 
    text-decoration: none; 
    background-color: transparent;
} 

main.main a { 
    -ms-word-break: break-all; 
    word-break: break-all; 
    word-break: break-word; 
    overflow-wrap: break-word; 
    word-wrap: break-word; 
    -webkit-hyphens: auto; 
    -ms-hyphens: auto; 
    hyphens: auto;
} 

main.main a[href^="mailto:"]:not(.btn) { 
    text-decoration: underline;
} 

.social-list a  { 
    padding: .75rem 1.25rem; 
    border-radius: 3.75rem; 
    margin-left: .5rem; 
    margin-right: .5rem;
} 

.social-list a  { 
    background-color: #d5d52b59; 
    color: #313e3b; 
    border: 1px solid #d5d52b59; 
    text-decoration: none!important;
} 

a:hover { 
    color: #1a3733; 
    text-decoration: underline;
} 

 .single-ratgeber main .social-share-container .social-list a:hover { 
    background-color: #313e3b; 
    color: #d5d52b59;
} 

.matching-ratgeber .social-box .social-list a:hover, .matching-ratgeber .social-share-container .social-list a:hover, .single-product main .social-box .social-list a:hover, .single-product main .social-share-container .social-list a:hover, .single-ratgeber main .social-box .social-list a:hover, .single-ratgeber main .social-share-container .social-list a:hover { 
    text-decoration: none;
} 

.matching-ratgeber .social-box .social-list a:hover, .matching-ratgeber .social-share-container .social-list a:hover, .single-product main .social-box .social-list a:hover, .single-product main .social-share-container .social-list a:hover, .single-ratgeber main .social-box .social-list a:hover, .single-ratgeber main .social-share-container .social-list a:hover { 
    background-color: #313e3b; 
    color: #d5d52b59;
} 

main.main span { 
    -ms-word-break: break-all; 
    word-break: break-all; 
    word-break: break-word; 
    overflow-wrap: break-word; 
    word-wrap: break-word; 
    -webkit-hyphens: auto; 
    -ms-hyphens: auto; 
    hyphens: auto;
} 

.social-list a span  { 
    margin-right: .9375rem;
} 

[class^="icon-rm-"] { 
    font-family: rigtmart!important; 
    speak: none; 
    font-style: normal; 
    font-weight: 400; 
    font-variant: normal; 
    text-transform: none; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale;
} 

[class^="icon-rm-"] { 
    line-height: 1;
} 

.social-list a i  { 
    font-size: 1.125rem;
} 

.icon-rm-envelope:before { 
    content: "\E909";
} 

.icon-rm-social-whatsapp:before { 
    content: "\E912";
} 

.icon-rm-social-facebook:before { 
    content: "\E90D";
} 

.icon-rm-social-linkedin:before { 
    content: "\E910";
} 

.icon-rm-social-twitter:before { 
    content: "\E911";
} 

@media (max-width: 1440px) and (max-height: 900px),
       (max-width: 1512px) and (max-height: 982px),
       (max-width: 1710px) and (max-height: 1107px) {
    a.share-button.email {
        display: none;
    }
}
@media (max-width: 1366px) and (max-height: 768px) {
    a.share-button.email,
    a.share-button.twitter {
        display: none;
    }
}
@media (max-width: 767px) {
	a.share-button.twitter,
    a.share-button.linkedin {
        margin-top: 10px;
    }
}
@media (max-width: 767px) {
    .mt-30px {
        margin-top: 0 !important; /* !important wird verwendet, um sicherzustellen, dass diese Regel Vorrang hat */
    }
}
		/* </style> */

/* start Reading progress */
.eael-reading-progress-wrap .eael-reading-progress {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
}

.eael-reading-progress-wrap .eael-reading-progress {
    height: 4px !important;
}

.eael-reading-progress {
    background-color: var(--e-global-color-e208d91);
}

#eael-reading-progress-755559 .eael-reading-progress .eael-reading-progress-fill {
    background-color: #D5D52B;
}

/* andere Farbe: #1fd18e */

.eael-reading-progress-wrap .eael-reading-progress .eael-reading-progress-fill {
    transition: width 50ms ease;
}

.eael-reading-progress-wrap .eael-reading-progress .eael-reading-progress-fill {
    height: 5px !important;
}
/* end Reading progress */

/* start H4 */
.custom-headline {
    font-size: 15px;
    display: inline; /* So bleibt das Icon auf der gleichen Linie */
    margin: 0; /* Entfernt den Standardabstand von H4-Elementen */
	line-height: 30px;
}
.icon-feather-arrow-right {
    margin-left: 10px; /* Passt den Abstand zwischen Text und Icon an */
}
/* end H3 */
.custom-headline-x {
    font-size: 16px;
    display: inline; /* So bleibt das Icon auf der gleichen Linie */
    margin: 0; /* Entfernt den Standardabstand von H4-Elementen */
	line-height: 20px;
}