/* Ausschliesslich Mehr als eine Moschee. Originalfoto unveraendert. */
.community-feature{position:relative;isolation:isolate;background:linear-gradient(110deg,#f3f9fa,#f9fbfa 58%,#f9f6ee);border-block:1px solid #e1ecee;padding:44px 0;overflow:hidden}
.community-feature::before{content:'';position:absolute;inset:0;z-index:-1;background:url('/assets/quiet-pattern.svg') left center/190px;opacity:.12;pointer-events:none}
.community-feature::after{content:'';position:absolute;left:0;top:44px;bottom:44px;width:3px;background:linear-gradient(#1687a9,#d5b575);opacity:.7}
.community-feature-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr);gap:48px;align-items:center}
.community-feature-copy{max-width:480px;min-width:0}
.community-feature-copy .eyebrow{font-size:10px;letter-spacing:.15em;margin-bottom:18px;color:#8e6b30}
.community-feature-copy h2{font-size:clamp(42px,4.2vw,60px);font-weight:400;line-height:1.07;letter-spacing:-.04em;max-width:470px;margin:0 0 22px;color:#233b43;text-wrap:balance}
.community-feature-copy h2 span{display:block;color:#137e99;position:relative;width:fit-content}
.community-feature-copy h2 span::after{content:'';position:absolute;left:2px;right:2px;bottom:-7px;height:2px;background:linear-gradient(90deg,#bc954f,#e7ce9b 65%,transparent)}
.community-feature-text{max-width:420px;padding-top:3px}.community-feature-text p{font-size:15px;line-height:1.8;color:#566b73;margin:0}.community-feature-text p+p{margin-top:9px}
.community-pillars{display:flex;flex-wrap:wrap;gap:10px 17px;list-style:none;padding:0;margin:23px 0 0}
.community-pillars li{display:flex;align-items:center;gap:7px;color:#25515e;font-size:12px;font-weight:500;line-height:1.5}
.community-pillars svg{width:19px;height:19px;color:#14839e;stroke-width:1.55;flex:none}.community-pillars li:nth-child(2) svg{color:#af8743}
.community-feature-copy .btn{margin-top:25px;font-size:12px;padding:12px 18px;min-height:46px;box-shadow:0 6px 16px #126b8614}
.community-feature-media{position:relative;min-width:0;margin:0;padding:10px 0 10px 10px}
.community-feature-media::before{content:'';position:absolute;inset:0 18px 0 0;border:1px solid #c7aa71;border-radius:24px 7px 24px 7px;z-index:-1;opacity:.7}
.community-feature-frame{position:relative;height:390px;overflow:hidden;border-radius:18px;background:#e7eff0;box-shadow:0 16px 32px #20475619}
.community-feature-frame::after{content:'';position:absolute;inset:11px;border:1px solid #ffffff66;border-radius:10px;pointer-events:none}
.community-feature-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:60% 45%;transition:transform .7s cubic-bezier(.2,.7,.3,1)}
.community-feature-label{position:absolute;bottom:20px;left:20px;display:inline-flex;align-items:center;gap:7px;max-width:calc(100% - 40px);padding:8px 12px;background:#fffdf5f2;border:1px solid #ddc896;border-radius:7px;color:#304e57;font-size:11px;line-height:1.5;box-shadow:0 3px 12px #193f4412}
.community-feature-label svg{width:14px;height:14px;color:#a77f3d;flex:none}
@media(hover:hover){.community-feature-media:hover img{transform:scale(1.035)}.community-feature-copy .btn:hover{box-shadow:0 8px 22px #126b8625}}
@keyframes community-enter{from{opacity:.55;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.cf-reveal.cf-visible{animation:community-enter .65s cubic-bezier(.2,.7,.3,1) both}.community-feature-media.cf-visible{animation-delay:.09s}
@media(max-width:1050px){.community-feature-grid{gap:28px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.community-feature-copy h2{font-size:45px}.community-feature-frame{height:390px}.community-feature-text p{font-size:14px}.community-pillars{gap:9px 12px}.community-pillars li{font-size:11px}}
@media(max-width:700px){.community-feature{padding:32px 0}.community-feature::after{top:32px;bottom:32px;width:2px}.community-feature-grid{grid-template-columns:1fr;gap:26px}.community-feature-copy{max-width:none}.community-feature-copy .eyebrow{font-size:9px;margin-bottom:15px}.community-feature-copy h2{font-size:clamp(39px,10.5vw,47px);max-width:420px;margin-bottom:22px}.community-feature-text{max-width:480px}.community-feature-text p{font-size:14px;line-height:1.75}.community-pillars{margin-top:20px;gap:12px 16px}.community-pillars li{font-size:11px}.community-pillars svg{width:18px;height:18px}.community-feature-copy .btn{margin-top:22px;min-height:46px}.community-feature-media{padding:8px 0 8px 8px}.community-feature-frame{height:auto;aspect-ratio:1.5;border-radius:14px}.community-feature-media::before{border-radius:19px 6px 19px 6px}.community-feature-frame::after{inset:8px;border-radius:8px}.community-feature-label{bottom:14px;left:14px;max-width:calc(100% - 28px);font-size:10px;padding:6px 9px}}
@media(prefers-reduced-motion:reduce){.cf-reveal.cf-visible{animation:none}.community-feature-frame img{transition:none}.community-feature-media:hover img{transform:none}.community-feature .btn{transition:none}.community-feature .btn:hover{transform:none}}