*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#29211d;background:#fffaf6;line-height:1.6}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.header{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:10}.nav{min-height:138px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px}.brand-logo{width:118px;height:118px;object-fit:contain;display:block}.brand strong{display:block;font-size:18px}.brand span{display:block;font-size:13px;color:#746861}.lang{display:flex;gap:10px;align-items:center;font-size:17px;font-weight:800}.lang-btn{border:1px solid #eaded8;background:#fffaf6;font-weight:800;color:#5f514b;cursor:pointer;padding:10px 14px;border-radius:12px;font-size:17px;line-height:1}.lang-btn.active{color:#b92742;background:#f9ebe7;border-color:#e6c7bd}.hero{padding:86px 0;background:linear-gradient(135deg,#fff8f2,#f8ebe6)}.hero-grid,.split{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#b92742;font-size:12px;font-weight:800;margin:0 0 12px}.eyebrow:empty{display:none}h1{font-family:Georgia,serif;font-size:clamp(42px,6vw,70px);line-height:1.03;margin:0 0 24px;font-weight:500}h2{font-family:Georgia,serif;font-size:clamp(30px,4vw,46px);line-height:1.12;margin:0 0 18px;font-weight:500}.lead{font-size:19px;color:#5d514b;max-width:650px}.actions,.contact{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-block;text-decoration:none;border-radius:999px;padding:13px 22px;font-weight:700}.primary{background:#b92742;color:white}.secondary{border:1px solid #b92742;color:#9f1f38;background:white}.photo-placeholder{min-height:430px;border-radius:30px;background:#ead8ce;display:grid;place-items:center;text-align:center;padding:35px;color:#8a7469;border:1px dashed #c7aa9c}.photo-placeholder.small{min-height:330px}.section{padding:85px 0}.soft{background:#f7eee9}.intro{max-width:760px;color:#655953}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}.features article{background:white;border:1px solid #eee2dc;border-radius:20px;padding:25px}.features article span{font-size:27px}.features h3{margin:12px 0 5px;font-size:17px}.features p{margin:0;color:#6c605a;font-size:14px}.application{text-align:center}.application-box{max-width:880px;background:white;border:1px solid #eaded8;border-radius:28px;padding:55px}.application-box .contact{justify-content:center}.footer-brand{display:flex;align-items:center;gap:12px}.footer-logo{width:52px;height:52px;object-fit:contain;background:white;border-radius:50%}footer{background:#2c211d;color:#f7eee9;padding:35px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:14px}@media(max-width:800px){.hero{padding:55px 0}.hero-grid,.split{grid-template-columns:1fr;gap:35px}.features{grid-template-columns:1fr 1fr}.photo-placeholder{min-height:300px}.section{padding:60px 0}.application-box{padding:35px 22px}.footer-inner{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.brand-logo{width:82px;height:82px}.brand strong{font-size:15px}.brand span{font-size:12px}.nav{min-height:94px}.lang{gap:3px}}@media(max-width:520px){.wrap{width:min(100% - 26px,1120px)}.features{grid-template-columns:1fr}.button{width:100%;text-align:center}h1{font-size:42px}.brand strong{max-width:190px;line-height:1.2}}
/* V5.1: tighter spacing around About section */
.about-section{padding:55px 0 35px}.about-section + .application{padding-top:35px}
@media(max-width:800px){.about-section{padding:42px 0 28px}.about-section + .application{padding-top:28px}}
/* V5.2: imprint + localized German mosque name */
.legal-section{padding:55px 0;background:#fffaf6}.legal-box{max-width:880px}.legal-box h2{margin-bottom:22px}.legal-box p{margin:18px 0 0}.legal-box a{color:#9f1f38}.footer-meta{text-align:right}.footer-links{margin-top:5px}.footer-links a{color:#f7eee9;text-decoration:underline;text-underline-offset:3px}@media(max-width:800px){.legal-section{padding:42px 0}.footer-meta{text-align:left}}
/* V5.3: compact German-only imprint inside footer */
.footer-imprint{margin-top:22px;padding-top:16px;border-top:1px solid rgba(247,238,233,.18);font-size:10px;line-height:1.55;color:#cfc2bc}
.footer-imprint strong{color:#f7eee9}.footer-imprint a{color:#cfc2bc;text-decoration:none}
@media(max-width:800px){.footer-imprint{margin-top:18px;padding-top:14px;font-size:10px}}
#bewerbung{scroll-margin-top:160px}@media(max-width:620px){#bewerbung{scroll-margin-top:110px}}
.hero-photo { border-radius: 34px; overflow: hidden; min-height: 420px; }
.hero-photo img { width: 100%; height: 100%; min-height: 420px; display: block; object-fit: cover; object-position: center; }
@media (max-width: 800px) { .hero-photo, .hero-photo img { min-height: 300px; } }
.room-photo{height:330px;border-radius:30px;overflow:hidden}
.room-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
@media(max-width:800px){.room-photo{height:360px}.room-photo img{object-position:center}}
/* V5.4: unified feature icons */
.feature-icon{width:28px;height:28px;display:block;color:#b92742}
.feature-icon svg{width:28px;height:28px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* V5.5: keep the section heading visible when using “Mehr erfahren” */
#wohnen{scroll-margin-top:105px}
@media(max-width:620px){#wohnen{scroll-margin-top:65px}}
/* V5.6: smartphone-only refinement — desktop/tablet styles above remain unchanged */
@media(max-width:620px){
.wrap{width:min(100% - 28px,1120px)}
.nav{min-height:88px;gap:8px}
.brand{gap:8px;min-width:0;flex:1}
.brand-logo{width:62px;height:62px;flex:0 0 62px}
.brand>div{min-width:0}
.brand strong{font-size:13.5px;line-height:1.15;max-width:150px}
.brand span{font-size:11px;line-height:1.25;margin-top:3px}
.lang{gap:2px;font-size:14px;flex:0 0 auto}
.lang-btn{padding:7px 8px;border-radius:10px;font-size:14px}
.hero{padding:42px 0 38px}
.hero-grid{gap:28px}
h1{font-size:36px;line-height:1.04;margin-bottom:18px}
h2{font-size:34px;line-height:1.08}
.lead{font-size:16.5px;line-height:1.55;margin:0}
.actions{margin-top:24px;gap:10px}
.button{padding:12px 18px}
.hero-photo,.hero-photo img{min-height:0;height:250px}
.hero-photo{border-radius:24px}
.section{padding:48px 0}
.features{margin-top:28px;gap:14px}
.features article{padding:20px;border-radius:18px}
.features h3{font-size:17px}
.features p{font-size:14px}
.split{gap:26px}
.room-photo{height:260px;border-radius:24px}
.about-section{padding:40px 0 26px}
.about-section + .application{padding-top:26px}
.application-box{padding:30px 18px;border-radius:22px}
.application-box h2{font-size:34px}
.application-box .contact{margin-top:24px;gap:10px}
#bewerbung{scroll-margin-top:96px}
#wohnen{scroll-margin-top:92px}
}
@media(max-width:380px){
.wrap{width:min(100% - 22px,1120px)}
.brand-logo{width:56px;height:56px;flex-basis:56px}
.brand strong{font-size:12.5px;max-width:132px}
.brand span{font-size:10.5px}
.lang-btn{padding:6px 7px;font-size:13px}
h1{font-size:33px}
}