/* Guest stories: supplied photographs paired with each guest's own review. */
.jjj-showcase { background:#fcfaf6; color:#183448; }
.jjj-showcase main { overflow:clip; padding-top:90px; }
.jjj-showcase .btn_contact { width:72px; height:72px; right:18px; bottom:20px; border-width:2px; }
.jjj-showcase .btn_contact a { font-size:10px; gap:3px; }
.jjj-showcase .btn_contact a i { font-size:27px; }
.jjj-showcase .btn_whatsapp_float { width:54px; height:54px; right:27px; bottom:102px; border-width:2px; }
.jjj-showcase .btn_whatsapp_float i { font-size:28px; }
.showcase-hero { max-width:1200px; margin:0 auto; padding:54px 36px 66px; display:grid; grid-template-columns:1.16fr .84fr; gap:64px; align-items:center; }
.showcase-kicker { margin:0 0 18px; font:600 12px/1.5 Arial,sans-serif; letter-spacing:.13em; color:#826947; text-transform:uppercase; }
.showcase-hero h1 { margin:0 0 24px; text-align:left; font:400 clamp(42px,4.8vw,67px)/1.08 Georgia,serif; letter-spacing:-.035em; }
.showcase-hero h1 em { color:#9c5734; font-weight:400; }
.showcase-hero__intro { max-width:480px; font:400 18px/1.7 Arial,sans-serif; margin:0 0 20px; color:#485a63; }
.showcase-language { font:600 15px/1.6 Arial,sans-serif; margin:0 0 18px; }
.showcase-facts { display:flex; gap:9px 18px; flex-wrap:wrap; list-style:none; margin:0 0 25px; padding:0; }
.showcase-facts li { font:400 13px/1.6 Arial,sans-serif; border-bottom:1px solid #d5cbb9; padding-bottom:5px; }
.showcase-actions { display:flex; flex-wrap:wrap; gap:16px; align-items:center; }
.showcase-actions .jjj-primary { border-radius:4px; font:600 15px/1.4 Arial,sans-serif; }
.showcase-text-link { display:inline-block; color:#183448; font:600 14px/1.6 Arial,sans-serif; text-decoration:underline; text-underline-offset:5px; }
.showcase-help { font:400 13px/1.6 Arial,sans-serif; margin-top:17px; }
.showcase-help a { color:#183448; text-decoration:underline; text-underline-offset:3px; }
.showcase-german-link { display:block; margin-top:20px; padding-top:17px; border-top:1px solid #ddd4c6; color:#8a4c2d; font:600 14px/1.6 Arial,sans-serif; }
.showcase-hero__photo { position:relative; margin:0; }
.showcase-hero__photo img { display:block; width:100%; height:550px; object-fit:cover; object-position:center 25%; border-radius:120px 7px 7px 7px; }
.showcase-hero__photo figcaption { font:400 12px/1.5 Arial,sans-serif; color:#66716d; padding:12px 0 0; text-align:right; }
.guest-stories { padding:62px 36px; background:#f0ece3; }
.guest-stories__heading { max-width:740px; margin:0 auto 42px; text-align:center; }
.guest-stories__heading h2 { font:400 clamp(30px,3.2vw,43px)/1.2 Georgia,serif; margin:0 0 18px; letter-spacing:-.025em; }
.guest-stories__heading>p:last-child { font:400 16px/1.7 Arial,sans-serif; color:#58645f; max-width:570px; margin:auto; }
.guest-story { max-width:1060px; margin:0 auto 24px; padding:28px; display:grid; grid-template-columns:1fr 1.15fr; gap:38px; background:#fffdf9; border:1px solid #e0d8c9; border-radius:7px; align-items:center; }
.guest-story__photo { margin:0; }
.guest-story__photo img { width:100%; height:auto; display:block; border-radius:3px; }
.guest-story__photo--03 { max-width:248px; margin:0 auto; }
.guest-story__body { padding:10px 6px; min-width:0; }
.guest-story__body .showcase-kicker { margin-bottom:13px; font-size:11px; }
.guest-story__rating { display:flex; align-items:center; gap:11px; font:400 12px/1.4 Arial,sans-serif; }
.guest-story__rating span:first-child { font-size:18px; color:#996726; letter-spacing:3px; }
.guest-story blockquote { margin:18px 0; padding:0; font:400 clamp(19px,2vw,25px)/1.47 Georgia,serif; color:#183448; }
.guest-story__byline { margin:0; font:400 12px/1.7 Arial,sans-serif; }
.guest-story__byline strong { display:block; font-size:14px; color:#183448; }
.guest-story__byline span { color:#657066; }
.guest-story__note { margin:10px 0 14px; color:#6e756f; font:400 11px/1.6 Arial,sans-serif; }
.guest-story details { border-top:1px solid #e4decf; padding-top:12px; font:400 14px/1.8 Arial,sans-serif; }
.guest-story summary { cursor:pointer; font-size:12px; font-weight:600; color:#183448; }
.guest-story details[open] summary { margin-bottom:15px; }
.guest-story__original h3 { text-align:left; font:600 16px/1.6 Arial,sans-serif; margin:0 0 8px; }
.guest-story__original p { font-size:14px; margin-bottom:14px; }
.guest-story details a { color:#183448; text-decoration:underline; }
.guest-stories__more { text-align:center; padding-top:12px; }
.showcase-about { max-width:1060px; margin:0 auto; padding:64px 28px; display:grid; grid-template-columns:.8fr 1.2fr; gap:50px; border-bottom:1px solid #d9d1c2; }
.showcase-about h2 { font:400 43px/1.2 Georgia,serif; text-align:left; margin:0; }
.showcase-about p:not(.showcase-kicker) { font:400 17px/1.8 Arial,sans-serif; margin:0 0 20px; }
.jjj-showcase .plan_section { padding-top:50px; }
.jjj-showcase .plan_section>.sec-title { font-family:Georgia,serif; font-weight:400; }
.gr-guest-photo { display:block; width:100%; height:auto; margin:0 auto 20px; border-radius:5px; }
.gr-guest-photo--03 { max-width:230px; }
.showcase-text-link:focus-visible,.showcase-help a:focus-visible,.showcase-german-link:focus-visible,.guest-story summary:focus-visible { outline:3px solid #a86230; outline-offset:5px; }
@media(max-width:899px) {
 .jjj-showcase main { padding-top:75px; }
 .showcase-hero { gap:30px; padding:38px 26px 45px; grid-template-columns:1.1fr .9fr; }
 .showcase-hero h1 { font-size:45px; }
 .showcase-hero__photo img { height:480px; border-top-left-radius:90px; }
 .showcase-hero__intro { font-size:16px; }
 .guest-story { gap:24px; padding:24px; }
 .guest-stories { padding:45px 22px; }
}
@media(max-width:620px) {
 .jjj-showcase .btn_contact { width:60px; height:60px; right:12px; bottom:14px; }
 .jjj-showcase .btn_contact a i { font-size:23px; }
 .jjj-showcase .btn_whatsapp_float { width:46px; height:46px; right:19px; bottom:82px; }
 .showcase-hero { display:flex; flex-direction:column; padding:34px 24px 40px; gap:28px; align-items:stretch; }
 .showcase-hero h1 { font-size:48px; line-height:1.07; }
 .showcase-kicker { font-size:10px; margin-bottom:16px; }
 .showcase-hero__intro { font-size:16px; line-height:1.65; margin-bottom:17px; }
 .showcase-facts { gap:9px 13px; margin-bottom:21px; }
 .showcase-facts li { font-size:12px; }
 .showcase-actions { flex-direction:column; align-items:stretch; gap:13px; }
 .showcase-actions .showcase-text-link { text-align:center; }
 .showcase-help { text-align:center; }
 .showcase-hero__photo { max-width:365px; width:100%; margin:auto; }
 .showcase-hero__photo img { height:auto; width:100%; border-radius:80px 5px 5px 5px; }
 .guest-stories { padding:40px 18px; }
 .guest-stories__heading { margin-bottom:25px; }
 .guest-stories__heading h2 { font-size:32px; }
 .guest-stories__heading>p:last-child { font-size:15px; }
 .guest-story { display:flex; flex-direction:column; align-items:stretch; padding:18px; gap:14px; margin-bottom:20px; }
 .guest-story__photo--03 { max-width:220px; }
 .guest-story__body { padding:6px 2px; }
 .guest-story blockquote { font-size:23px; }
 .showcase-about { display:block; padding:40px 25px; }
 .showcase-about h2 { font-size:36px; margin-bottom:22px; }
 .showcase-about p:not(.showcase-kicker) { font-size:16px; }
}