.Cards {
    display: flex;
    align-items: center;
    padding: 20px 30px;
    background-color: white;
    border-radius: 5px;
    /* Der komplexe Schatteneffekt */
		box-shadow: 10px 10px 0 0px var(--tlog-color-dark-background);
    border: 1px solid var(--tlog-color-dark-background); /* Optional: Um die Kanten klarer abzugrenzen */
    max-width: 400px;
    position: relative;
    /* Angleichung an die Bildproportionen */
    gap: 20px;
}
/* Container für die Symbole */
.cardsIconWrap {
  	/*  position: relative;
	font-size: 60px;
    line-height: 1;*/
}

/* Text-Inhalte */
.cardsText {
    display: flex;
    flex-direction: column;
    /* Stellt sicher, dass der Text linksbündig bleibt */
    align-items: flex-start;
}
.cardsHeader h2, .cardsHeader h3 {
	font-size:1.25rem;
	margin-bottom:0.5em;
}
/*responsive*/
/*xl //X-Large devices (large desktops, less than 1400px)*/
@media screen and (max-width: 1399.98px) {



}
/*lg // Large devices (desktops, less than 1200px)*/
@media screen and (max-width: 1199.98px) {

}
/*md // Medium devices (tablets, less than 992px)*/
@media screen and (max-width: 991.98px) {
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .roomsContent h3 { font-size: 1.25rem;}
}
/*sm // Small devices (landscape phones, less than 768px)*/
@media screen and (max-width: 767.98px) {

}
/*xs // X-Small devices (portrait phones, less than 576px)*/
@media screen and (max-width: 575.98px) {
	.roomsHeader h2, .roomsHeader h3 { font-size: 1.25rem;}

}
@media screen and (max-width: 435px) {
	.roomsHeader h2, .roomsHeader h3 { font-size: 1rem;}

}
@media screen and (max-width: 365px) {

}
/* Created by Content Blocks */