<div class= "container" >
<div class= "row" >
<div class= "col-12 col-md-10 offset-md-1" >
<div class= "quote" >
<div class= "quote__wrapper" >
<div class= "quote__text" >
<p> Es fühlt sich an, als sei unsere Alternative zum herkömmlichen Hotel nie relevanter gewesen.</p>
</div>
<div class= "quote__author" >
<p> Jana Hövels, Project Sales Hospitality Kampmann</p>
</div>
</div>
</div>
</div>
</div>
</div>
.quote {
background : $gray-light ;
padding-top : 50px ;
padding-bottom : 50px ;
position : relative ;
margin-top : 30px ;
& :after {
content : '' ;
display : block ;
position : absolute ;
width : 228px ;
height : 192px ;
right : 0 ;
top : 0 ;
transform : translate ( 16% , -16% );
background-repeat : no-repeat ;
background-size : contain ;
background-position : center ;
background : url("data:image/svg+xml,%3c%3fxml version='1.0' encoding='utf-8'%3f%3e %3c!-- Generator: Adobe Illustrator 26.3.1%2c SVG Export Plug-In . SVG Version: 6.00 Build 0) --% 3e %3csvg version = '1.1' id = 'quotes' xmlns = 'http://www.w3.org/2000/svg' xmlns : xlink = 'http://www.w3.org/1999/xlink' x = '0px' y = '0px' viewBox = '0 0 228 192' style = 'enable-background:new 0 0 228 192%3b' xml : space = 'preserve' %3e%3cpath id = 'quote' style = 'fill:%23D7D5CD%3bfill-opacity:0.3469%3b' d = 'M0%2c44.3c0%2c28.1%2c19.9%2c45%2c44.3%2c45c7.4%2c0%2c12.5-2.2%2c14.8-3.7 c-0.7%2c31.8-22.9%2c64.2-55.3%2c71.6V192c41.3-5.9%2c98.1-42.1%2c98.1-129.2C101.8%2c20.7%2c76.7%2c0%2c48%2c0C20.7%2c0%2c0%2c19.9%2c0%2c44.3z M126.2%2c44.3 c0%2c28.1%2c19.9%2c45%2c44.3%2c45c7.4%2c0%2c12.5-2.2%2c14.8-3.7c-0.7%2c31.8-22.9%2c64.2-55.3%2c71.6V192c41.3-5.9%2c98.1-42.1%2c98.1-129.2 C228%2c20.7%2c202.9%2c0%2c174.1%2c0C146.8%2c0%2c126.2%2c19.9%2c126.2%2c44.3z' /% 3e %3c / svg %3e ");
}
&__wrapper {
width: calc(100% / 12 * 10);
margin-left: calc(100% / 12 * 1);
}
&__text {
font-size: $h3-font-size;
line-height: 1.385;
font-weight: normal;
margin-bottom: 0.5rem;
p {
margin: 0;
}
}
&__author {
text-transform: uppercase;
p {
margin: 0;
}
}
}