body { 
  background-color: #292a2b;
 }

/* center the blockquote in the page */
.blockquote-wrapper {
   display: flex;
   height: auto;
   padding: 0 20px;
}

/* Blockquote main style */
.blockquote {
    position: relative;
    font-family: 'Lato', sans-serif;
	max-width: 550px;
    margin-bottom: 30px;
	margin-top: auto;
    align-self: center;
	margin-left: auto; /* Horizontale Zentrierung */
	margin-right: auto; /* Horizontale Zentrierung */
}


/* Neuer Stil für den Zitattext */
.quote-content {
    font-family: 'Lato', sans-serif;
    color: #424242;
    font-size: 1.75rem;
    line-height: 1.2;
}

/* Anführungszeichen am Anfang des Zitats */
.quote-content:before {
    content: "“";
    /*color: #e74848;*/
	color: #bf2027;
    font-size: 8rem;
    position: absolute;
    top: 0px;
    left: 10px; /* Position nach links anpassen */
    z-index: 0;
}

/* Anführungszeichen am Ende des Zitats */
.quote-content:after {
    content: "”";
    /*color: #e74848;*/
	color: #bf2027;
    font-size: 8rem;
    position: absolute;
    bottom: 10;
    right: 10px; /* Position nach rechts anpassen */
    z-index: 0;
}

/* Blockquote quote text */
.quote-text {
    position: relative; /* Wichtig für die Positionierung von Pseudo-Elementen */
    font-family: 'Lato', sans-serif;
    color: #424242;
    font-size: 2.0rem;
    line-height: 1.2;
    margin: 0;
    /*border: 2px solid #e74848;*/
	border: 2px solid #bf2027;
    border-radius: 20px;
	padding-top: 25px;
	padding-bottom: 25px;
    padding-left: 45px;
	padding-right: 45px;
}

/* Blockquote right double quotes (kleiner Schnipsel) */
.quote-text:after {
    content: "";
    position: absolute;
    /*border: 2px solid #e74848;*/
	border: 2px solid #bf2027;
    border-radius: 0 50px 0 0;
    width: 60px;
    height: 60px;
    bottom: -60px;
    left: 50px;
    border-bottom: none;
    border-left: none;
    z-index: 3;
}

/* white background to create break in red border on lower left side */
.quote-text:before {
    content:"";
    position: absolute;
    width: 80px;
    border: 6px solid #FFFFFF;
    bottom: -3px;
    left: 50px;
    z-index: 2;
}

/* Name of the author and source */
.author-source {
    font-family: 'Lato', sans-serif;
    color: #424242;
    font-size: 1.3rem;
    line-height: 1.2;
    margin: 0;
    padding-top: 15px;
    z-index: 1;
    margin-left:150px;
    padding-left:12px;
}

/* Media query for larger screens */
@media all and (min-width: 600px) {
    .quote-text {
        font-size: 1.75rem;
        line-height: 1.2;
   }
}
