:root{--ih-green:#063d2d;--ih-green2:#0c6549;--ih-burgundy:#8f3f50;--ih-burgundy-soft:#f5e9ec;--ih-gold:#c59a45;--ih-gold2:#efd08b;--ih-cream:#f7f4ed;--ih-ink:#14261e;--ih-muted:#617068;--ih-white:#fff;--ih-shadow:0 24px 70px rgba(4,45,31,.13)}
body.home{background:var(--ih-cream)!important;color:var(--ih-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;text-align:left!important;overflow-x:hidden}body.home #main{padding:0!important}body.home #content-wrap,body.home #primary,body.home #content{width:100%;max-width:none;padding:0}body.home .page-header{display:none}.icel-home *{box-sizing:border-box}.icel-home a{text-decoration:none}.icel-home-wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}
body.home #site-header{position:absolute;inset:0 0 auto;z-index:50;background:linear-gradient(180deg,rgba(2,31,23,.88),transparent)!important;border:0;box-shadow:none!important;backdrop-filter:none!important}body.home #site-header-inner{width:min(1180px,calc(100% - 40px));max-width:1180px;height:92px}body.home #site-logo #site-logo-inner{height:92px}body.home #site-logo #site-logo-inner a img{width:290px;max-height:62px}body.home #site-navigation-wrap{height:92px}body.home #site-navigation-wrap .dropdown-menu>li>a{height:46px;line-height:46px;color:rgba(255,255,255,.84);font-size:14px;font-weight:750;padding:0 16px;border-radius:999px}body.home #site-navigation-wrap .dropdown-menu>li>a:hover,body.home #site-navigation-wrap .dropdown-menu>.current-menu-item>a{color:#fff;background:rgba(255,255,255,.1)}
.icel-home-hero{position:relative;min-height:790px;display:grid;align-items:center;background:#062e23 var(--hero) center/cover no-repeat;color:#fff;isolation:isolate}.icel-home-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(2,25,19,.96) 0%,rgba(3,38,28,.84) 42%,rgba(3,31,23,.2) 75%)}.icel-home-hero:after{content:"";position:absolute;inset:auto 0 0;height:180px;z-index:-1;background:linear-gradient(transparent,rgba(3,30,22,.62))}.icel-home-hero__inner{padding-top:105px}.icel-home-hero__copy{max-width:680px}.icel-home-kicker{display:flex;align-items:center;gap:12px;margin:0 0 20px;color:var(--ih-gold2);font-size:12px;font-weight:850;letter-spacing:.17em;text-transform:uppercase}.icel-home-kicker:before{content:"";width:42px;height:1px;background:var(--ih-gold)}.icel-home-kicker--dark{color:#8d6a28}.icel-home-hero h1{margin:0 0 24px;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:clamp(52px,6vw,84px);font-weight:500;letter-spacing:-.045em;line-height:1.01}.icel-home-hero h1 em{color:var(--ih-gold2);font-style:normal}.icel-home-lead{max-width:600px;margin:0;color:rgba(255,255,255,.78);font-size:clamp(17px,2vw,21px);line-height:1.7}.icel-home-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}.icel-home-btn{min-height:58px;display:inline-flex;align-items:center;justify-content:center;padding:0 25px;border-radius:999px;color:#fff;font-weight:800;transition:.25s}.icel-home-btn:hover{color:#fff;transform:translateY(-2px)}.icel-home-btn--gold{background:linear-gradient(135deg,#d0a751,#a77b29);box-shadow:0 16px 38px rgba(0,0,0,.25)}.icel-home-btn--glass{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.07);backdrop-filter:blur(10px)}.icel-home-scroll{position:absolute;left:50%;bottom:25px;width:34px;height:52px;border:1px solid rgba(255,255,255,.35);border-radius:20px}.icel-home-scroll span{position:absolute;top:10px;left:50%;width:4px;height:8px;margin-left:-2px;border-radius:4px;background:#fff;animation:ihscroll 1.8s infinite}@keyframes ihscroll{to{transform:translateY(20px);opacity:0}}
.icel-home-quick{position:relative;z-index:3;margin-top:-1px;background:#052f24;color:#fff}.icel-home-quick__grid{display:grid;grid-template-columns:repeat(4,1fr)}.icel-home-quick a{display:grid;grid-template-columns:48px 1fr;column-gap:14px;align-items:center;padding:27px 25px;border-right:1px solid rgba(255,255,255,.1);color:#fff}.icel-home-quick a:last-child{border:0}.icel-home-quick a:hover{background:rgba(255,255,255,.055)}.icel-home-icon{grid-row:1/3;width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:rgba(197,154,69,.14);color:var(--ih-gold2);font-size:22px}.icel-home-quick strong{align-self:end;font-size:15px}.icel-home-quick small{align-self:start;color:rgba(255,255,255,.55);font-size:12px}
.icel-home-section{padding:110px 0}.icel-home-section h2,.icel-home-head h2{margin:0 0 22px;color:var(--ih-ink);font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,5vw,60px);font-weight:500;letter-spacing:-.04em;line-height:1.08}.icel-home-section p{color:var(--ih-muted);font-size:17px;line-height:1.85}.icel-home-split{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;align-items:center}.icel-home-about{background:#fff}.icel-home-about__mark{min-height:430px;display:grid;place-items:center;border-radius:30px;background:radial-gradient(circle,#fff 0 24%,transparent 25%),linear-gradient(145deg,#e9f1eb,#f7f3e9);position:relative;overflow:hidden}.icel-home-about__mark:after{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle at 0 0,transparent 0 34px,rgba(10,91,64,.035) 35px 36px)}.icel-home-about__mark img{position:relative;z-index:1;width:240px}.icel-home-textlink{display:inline-flex;gap:10px;align-items:center;margin-top:15px;color:var(--ih-burgundy);font-weight:850}.icel-home-textlink span{transition:.2s}.icel-home-textlink:hover{color:#6f2e3d}.icel-home-textlink:hover span{transform:translateX(5px)}
.icel-home-services{background:var(--ih-cream)}.icel-home-head{max-width:720px;margin:0 auto 55px;text-align:center}.icel-home-head .icel-home-kicker{justify-content:center}.icel-home-head>p:last-child{margin:0}.icel-home-servicegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.icel-home-card{min-height:190px;padding:30px;border:1px solid #dfe4dd;border-radius:22px;background:rgba(255,255,255,.78);box-shadow:0 8px 28px rgba(4,45,31,.04);transition:.25s}.icel-home-card:hover{transform:translateY(-5px);border-color:rgba(197,154,69,.55);box-shadow:var(--ih-shadow)}.icel-home-card span{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#e4f0e9;color:var(--ih-green2);font-size:23px}.icel-home-card:nth-child(3n+2) span{background:var(--ih-burgundy-soft);color:var(--ih-burgundy)}.icel-home-card h3{margin:25px 0 0;color:var(--ih-ink);font-family:Georgia,serif;font-size:22px;font-weight:600}
.icel-home-mosque{background:#fff}.icel-home-mosque__grid{display:grid;grid-template-columns:1.12fr .88fr;gap:75px;align-items:center}.icel-home-mosque__image{min-height:560px;border-radius:30px;background:var(--mosque) center/cover no-repeat;box-shadow:var(--ih-shadow)}
.icel-home-prayer{background:linear-gradient(145deg,#073c2d,#052e23);color:#fff}.icel-home-head--light h2{color:#fff}.icel-home-head--light>p:last-child{color:rgba(255,255,255,.62)}.icel-home-prayer__panel{max-width:900px;margin:auto;padding:30px;border:1px solid rgba(255,255,255,.13);border-radius:28px;background:rgba(255,255,255,.07)}.icel-home-prayer .day-date{color:var(--ih-gold2);font-size:18px}.icel-home-prayer .prayer-list{max-width:100%;margin:10px 0;background:transparent}.icel-home-prayer .prayer-item{min-height:58px;padding:12px 18px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);color:#fff}.icel-home-prayer .prayer-title,.icel-home-prayer .prayer-time{color:#fff}.icel-home-prayer .current-prayer{border-color:rgba(239,208,139,.5);background:linear-gradient(135deg,#b78d39,#8e6824)}.icel-home-prayer .prayer-info-icon{background:rgba(255,255,255,.18)}.icel-home-notice{max-width:900px;margin:22px auto 0;padding:20px 24px;border-radius:16px;background:rgba(0,0,0,.14)}.icel-home-notice p{margin:5px;color:rgba(255,255,255,.68);font-size:13px;line-height:1.6}.icel-home-notice p[lang=ar]{font-family:"Noto Naskh Arabic",Tahoma,sans-serif;font-size:16px}
.icel-home-friday{background:#fff}.icel-home-friday__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.icel-home-friday aside{padding:38px;border-radius:24px;background:#edf4ef}.icel-home-friday aside h3{margin:0 0 20px;font-family:Georgia,serif;font-size:25px}.icel-home-friday ul{display:grid;grid-template-columns:1fr 1fr;gap:12px 25px;margin:0;padding:0;list-style:none}.icel-home-friday li{position:relative;padding-left:22px;color:var(--ih-muted)}.icel-home-friday li:before{content:"✓";position:absolute;left:0;color:var(--ih-green2);font-weight:900}.icel-home-weekly{background:var(--ih-cream)}.icel-home-days{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.icel-home-days div{padding:25px;border-radius:18px;background:#fff;border:1px solid #dfe5df;text-align:center}.icel-home-days strong,.icel-home-days span{display:block}.icel-home-days strong{font-family:Georgia,serif;font-size:20px}.icel-home-days span{margin-top:7px;color:var(--ih-muted);font-size:13px}
@media(max-width:900px){.icel-home-hero{min-height:730px;background-position:63% center}.icel-home-hero:before{background:linear-gradient(90deg,rgba(2,25,19,.96),rgba(3,38,28,.82) 65%,rgba(3,31,23,.3))}.icel-home-quick__grid{grid-template-columns:1fr 1fr}.icel-home-quick a:nth-child(2){border-right:0}.icel-home-quick a{border-bottom:1px solid rgba(255,255,255,.1)}.icel-home-split,.icel-home-mosque__grid,.icel-home-friday__grid{grid-template-columns:1fr;gap:45px}.icel-home-about__mark{min-height:350px}.icel-home-mosque__image{min-height:440px}.icel-home-servicegrid{grid-template-columns:1fr 1fr}.icel-home-days{grid-template-columns:repeat(3,1fr)}}
@media(max-width:767px){.icel-home-wrap{width:min(100% - 30px,1180px)}.icel-home-hero{min-height:720px;background-position:68% center}.icel-home-hero:before{background:linear-gradient(90deg,rgba(2,25,19,.97),rgba(3,38,28,.88) 78%,rgba(3,31,23,.45))}.icel-home-hero__inner{padding-top:80px}.icel-home-hero h1{font-size:clamp(43px,13vw,61px)}.icel-home-lead{font-size:16px}.icel-home-actions{align-items:stretch;flex-direction:column;max-width:330px}.icel-home-scroll{display:none}.icel-home-quick__grid{grid-template-columns:1fr}.icel-home-quick a{border-right:0;padding:21px 5px}.icel-home-section{padding:76px 0}.icel-home-section h2,.icel-home-head h2{font-size:clamp(35px,10vw,46px)}.icel-home-section p{font-size:16px}.icel-home-split{gap:35px}.icel-home-about__mark{min-height:280px}.icel-home-about__mark img{width:180px}.icel-home-servicegrid{grid-template-columns:1fr}.icel-home-card{min-height:145px}.icel-home-mosque__image{min-height:390px}.icel-home-prayer__panel{padding:17px 12px;border-radius:20px}.icel-home-prayer .prayer-item{padding:11px 12px}.icel-home-friday aside{padding:27px 23px}.icel-home-friday ul{grid-template-columns:1fr}.icel-home-days{grid-template-columns:1fr 1fr}.icel-home-head{margin-bottom:38px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.icel-home-scroll span{animation:none}.icel-home *{transition:none!important}}

/* Autentiske ICEL-billeder som rolige sektionsbaggrunde. */
.icel-home-services{background:linear-gradient(rgba(247,244,237,.92),rgba(247,244,237,.96)),var(--icel-interior) center 42%/cover fixed}
.icel-home-services .icel-home-card{border-color:rgba(255,255,255,.72);background:rgba(255,255,255,.86);backdrop-filter:blur(10px)}
.icel-home-prayer{background:linear-gradient(145deg,rgba(4,53,39,.94),rgba(3,37,28,.97)),var(--icel-interior) center/cover fixed}
.icel-home-friday{background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.91)),var(--icel-entrance) center/cover no-repeat}
@media(max-width:767px){.icel-home-services,.icel-home-prayer{background-attachment:scroll}}

/* Levende center-dashboard umiddelbart efter heroen. */
.icel-home-quick{z-index:6;margin-top:-58px;padding:0 0 68px;background:linear-gradient(to bottom,transparent 0 58px,#fff 58px);color:var(--ih-ink)}
.icel-home-quick__grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid rgba(8,69,49,.1);border-radius:25px;background:rgba(255,255,255,.96);box-shadow:0 28px 75px rgba(4,45,31,.17);backdrop-filter:blur(18px)}
.icel-home-quick a.icel-home-quick__item{position:relative;min-width:0;min-height:150px;display:grid;grid-template-columns:50px minmax(0,1fr) 25px;column-gap:15px;align-items:center;padding:27px 22px;border:0;border-right:1px solid #e5e9e5;color:var(--ih-ink);background:transparent;transition:background .22s ease,transform .22s ease}
.icel-home-quick a.icel-home-quick__item:last-child{border-right:0}.icel-home-quick a.icel-home-quick__item:hover{background:#f4f8f5;transform:none}.icel-home-quick a.icel-home-quick__item--live{background:linear-gradient(145deg,#0b6549,#06422f);color:#fff}.icel-home-quick a.icel-home-quick__item--live:hover{background:linear-gradient(145deg,#117657,#064832)}
.icel-home-quick .icel-home-icon{grid-row:auto;width:50px;height:50px;border-radius:15px;background:#e7f1eb;color:var(--ih-green2)}.icel-home-quick__item--live .icel-home-icon{background:rgba(255,255,255,.13);color:var(--ih-gold2)}.icel-home-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.icel-home-quick__copy{display:flex;min-width:0;flex-direction:column}.icel-home-quick__eyebrow{margin-bottom:4px;color:#8b6a2c;font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.icel-home-quick__item--live .icel-home-quick__eyebrow{color:var(--ih-gold2)}.icel-home-quick a.icel-home-quick__item strong{font-family:Georgia,"Times New Roman",serif;font-size:19px;line-height:1.2}.icel-home-quick a.icel-home-quick__item small{margin-top:6px;color:#718078;font-size:12px;line-height:1.35}.icel-home-quick .icel-home-quick__item--live small{color:rgba(255,255,255,.68)}.icel-home-quick__arrow{color:#9aa59f;font-size:20px;transition:transform .2s}.icel-home-quick__item--live .icel-home-quick__arrow{color:var(--ih-gold2)}.icel-home-quick__item:hover .icel-home-quick__arrow{transform:translateX(4px)}
@media(max-width:900px){.icel-home-quick__grid{grid-template-columns:1fr 1fr}.icel-home-quick a.icel-home-quick__item{border-right:1px solid #e5e9e5;border-bottom:1px solid #e5e9e5}.icel-home-quick a.icel-home-quick__item:nth-child(2n){border-right:0}.icel-home-quick a.icel-home-quick__item:nth-last-child(-n+2){border-bottom:0}}
@media(max-width:620px){.icel-home-quick{margin-top:-30px;padding-bottom:50px;background:linear-gradient(to bottom,transparent 0 30px,#fff 30px)}.icel-home-quick__grid{width:calc(100% - 24px);grid-template-columns:1fr 1fr;border-radius:21px}.icel-home-quick a.icel-home-quick__item{min-height:142px;grid-template-columns:42px 1fr;padding:18px 13px;column-gap:10px}.icel-home-quick .icel-home-icon{width:42px;height:42px;border-radius:13px}.icel-home-quick__arrow{display:none}.icel-home-quick a.icel-home-quick__item strong{font-size:16px}.icel-home-quick a.icel-home-quick__item small{font-size:10px}.icel-home-quick__eyebrow{font-size:8px}}

/* Elegant overgang efter hero: én rolig flade frem for et dashboard af kort. */
.icel-home-quick{margin-top:-42px;padding:0 0 86px;background:linear-gradient(to bottom,transparent 0 42px,#fff 42px);color:var(--ih-ink)}
.icel-home-quick__grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);overflow:hidden;border:1px solid rgba(7,58,42,.09);border-radius:18px;background:rgba(255,255,255,.97);box-shadow:0 20px 55px rgba(5,43,31,.12);backdrop-filter:blur(16px)}
.icel-home-quick a.icel-home-quick__item{min-height:88px;display:flex;align-items:center;gap:12px;padding:15px 22px;border:0;border-right:1px solid rgba(7,58,42,.09);color:var(--ih-ink);background:transparent;transition:background-color .2s ease}
.icel-home-quick a.icel-home-quick__item:last-child{border-right:0}
.icel-home-quick a.icel-home-quick__item:hover{background:#f6f8f6;transform:none}
.icel-home-quick a.icel-home-quick__item--live,.icel-home-quick a.icel-home-quick__item--live:hover{background:#0a533d;color:#fff}
.icel-home-quick .icel-home-icon{flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:#edf3ef;color:#0a6348}
.icel-home-quick .icel-home-quick__item--live .icel-home-icon{background:rgba(255,255,255,.1);color:#e6c680}
.icel-home-quick .icel-home-icon svg{width:19px;height:19px}
.icel-home-quick__copy{display:flex;min-width:0;flex:1;flex-direction:column}
.icel-home-quick__eyebrow{margin:0 0 3px;color:#8b6a2c;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.icel-home-quick__item--live .icel-home-quick__eyebrow{color:#e6c680}
.icel-home-quick a.icel-home-quick__item strong{font-family:inherit;font-size:16px;font-weight:750;line-height:1.25}
.icel-home-quick a.icel-home-quick__item strong{align-self:auto}
.icel-home-quick a.icel-home-quick__item small{display:none}
.icel-home-quick__arrow{margin-left:auto;color:#a2aca6;font-size:17px}
.icel-home-quick__item--live .icel-home-quick__arrow{color:#e6c680}

@media(max-width:900px){
  .icel-home-quick{padding-bottom:68px}
  .icel-home-quick__grid{grid-template-columns:1.25fr repeat(3,1fr)}
  .icel-home-quick a.icel-home-quick__item{min-height:82px;gap:9px;padding:13px 12px;border-right:1px solid rgba(7,58,42,.09);border-bottom:0}
  .icel-home-quick .icel-home-icon{flex-basis:36px;width:36px;height:36px}
  .icel-home-quick__arrow{display:none}
}
@media(max-width:620px){
  .icel-home-quick{margin-top:-24px;padding-bottom:58px;background:linear-gradient(to bottom,transparent 0 24px,#fff 24px)}
  .icel-home-quick__grid{width:calc(100vw - 30px);max-width:calc(100vw - 30px);grid-template-columns:repeat(3,minmax(0,1fr));border-radius:16px}
  .icel-home-quick a.icel-home-quick__item{min-width:0;min-height:66px;justify-content:center;gap:7px;padding:10px 5px;border-right:1px solid rgba(7,58,42,.09);border-bottom:0;text-align:center}
  .icel-home-quick a.icel-home-quick__item--live{grid-column:1/-1;min-height:62px;justify-content:flex-start;padding:10px 18px;border-right:0;border-bottom:1px solid rgba(255,255,255,.12);text-align:left}
  .icel-home-quick .icel-home-icon{display:none}
  .icel-home-quick .icel-home-quick__item--live .icel-home-icon{display:grid;flex-basis:38px;width:38px;height:38px}
  .icel-home-quick__copy{align-items:center}
  .icel-home-quick__item--live .icel-home-quick__copy{align-items:flex-start}
  .icel-home-quick__eyebrow{display:none}
  .icel-home-quick__item--live .icel-home-quick__eyebrow{display:block}
  .icel-home-quick a.icel-home-quick__item strong{font-size:13px}
  .icel-home-quick a.icel-home-quick__item:not(.icel-home-quick__item--live) strong{white-space:normal}
  .icel-home-quick a.icel-home-quick__item--live strong{font-size:17px}
}

/* Ren identitetssektion: logoet står frit uden kort, rammer eller UI-effekter. */
.icel-home-about{padding:88px 0 112px;background:#fff}
.icel-home-about:before{display:none}
.icel-home-about .icel-home-split{grid-template-columns:minmax(390px,.86fr) minmax(0,1.14fr);gap:96px;align-items:center}
.icel-home-about__mark{min-height:470px;display:grid;place-items:center;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none;perspective:none;isolation:auto}
.icel-home-about__mark:before,.icel-home-about__mark:after,.icel-home-about__year,.icel-home-about__orbit,.icel-home-about__explore{display:none}
.icel-home-about__mark img{width:760px;max-width:none;filter:drop-shadow(0 18px 22px rgba(4,45,31,.16));transform:none;transition:transform .35s ease,filter .35s ease}
.icel-home-about__mark:hover img,.icel-home-about__mark:focus-visible img{filter:drop-shadow(0 23px 26px rgba(4,45,31,.2));transform:translateY(-5px) scale(1.015)}
.icel-home-about__copy{padding:5px 0 5px 46px;border-left:1px solid rgba(183,141,57,.38)}
.icel-home-about__copy:before{display:none}
.icel-home-about__copy .icel-home-kicker{margin-bottom:22px}
.icel-home-about__copy h2{font-size:clamp(44px,4.6vw,64px)}

@media(max-width:900px){
  .icel-home-about{padding:76px 0 90px}
  .icel-home-about .icel-home-split{grid-template-columns:1fr;gap:42px}
  .icel-home-about__mark{min-height:390px;overflow:hidden}
  .icel-home-about__mark img{width:700px}
  .icel-home-about__copy{padding:0;border-left:0}
}
@media(max-width:620px){
  .icel-home-about{padding:56px 0 76px}
  .icel-home-about .icel-home-split{gap:30px}
  .icel-home-about__mark{min-height:300px}
  .icel-home-about__mark img{width:535px}
}

/* Historieblok — ICELs identitet siden 1991. */
.icel-home-about{position:relative;overflow:hidden;padding:96px 0 118px;background:linear-gradient(135deg,#f8f7f2 0%,#fff 52%,#f2f6f3 100%)}
.icel-home-about:before{content:"";position:absolute;right:-12%;bottom:-55%;width:680px;height:680px;border:1px solid rgba(9,83,60,.06);border-radius:50%;box-shadow:0 0 0 80px rgba(9,83,60,.025),0 0 0 160px rgba(9,83,60,.018);pointer-events:none}
.icel-home-about .icel-home-split{grid-template-columns:minmax(420px,.94fr) minmax(0,1.06fr);gap:92px}
.icel-home-about__mark{--mx:0deg;--my:0deg;position:relative;min-height:500px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:32px;background:radial-gradient(circle at var(--glow-x,50%) var(--glow-y,45%),rgba(212,173,91,.22),transparent 30%),linear-gradient(145deg,#0a5941,#032e23);box-shadow:0 32px 75px rgba(4,45,31,.2);isolation:isolate;perspective:900px}
.icel-home-about__mark:before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.09);border-radius:23px;pointer-events:none}
.icel-home-about__mark:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.07) 48%,transparent 70%);transform:translateX(-100%);transition:transform .8s ease}
.icel-home-about__mark:hover:after,.icel-home-about__mark:focus-visible:after{transform:translateX(100%)}
.icel-home-about__mark img{position:relative;z-index:2;width:min(135%,680px);max-width:none;filter:drop-shadow(0 24px 24px rgba(0,0,0,.32));transform:rotateX(var(--mx)) rotateY(var(--my)) scale(1);transition:transform .18s ease-out,filter .3s ease}
.icel-home-about__mark:hover img,.icel-home-about__mark:focus-visible img{filter:drop-shadow(0 30px 28px rgba(0,0,0,.4));transform:rotateX(var(--mx)) rotateY(var(--my)) scale(1.035)}
.icel-home-about__year{position:absolute;top:-24px;right:-14px;z-index:-1;color:rgba(255,255,255,.055);font-family:Georgia,"Times New Roman",serif;font-size:clamp(120px,15vw,210px);font-weight:700;letter-spacing:-.08em;line-height:1}
.icel-home-about__orbit{position:absolute;width:390px;height:390px;border:1px solid rgba(226,194,125,.18);border-radius:50%;box-shadow:0 0 0 38px rgba(255,255,255,.025),0 0 0 76px rgba(255,255,255,.018)}
.icel-home-about__orbit:before,.icel-home-about__orbit:after{content:"";position:absolute;border-radius:50%;background:#deb967;box-shadow:0 0 18px rgba(222,185,103,.65)}
.icel-home-about__orbit:before{top:39px;right:48px;width:7px;height:7px}.icel-home-about__orbit:after{bottom:46px;left:37px;width:4px;height:4px}
.icel-home-about__explore{position:absolute;right:34px;bottom:30px;z-index:3;display:flex;align-items:center;gap:9px;color:rgba(255,255,255,.7);font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.icel-home-about__explore b{width:29px;height:29px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;color:#e6c680;font-size:13px;transition:transform .25s ease,background .25s ease}
.icel-home-about__mark:hover .icel-home-about__explore b{transform:rotate(45deg);background:rgba(255,255,255,.08)}
.icel-home-about__copy{position:relative;padding-left:5px}
.icel-home-about__copy:before{content:"1991";display:block;margin-bottom:26px;color:rgba(9,83,60,.09);font-family:Georgia,"Times New Roman",serif;font-size:82px;font-weight:700;letter-spacing:-.07em;line-height:.65}
.icel-home-about__copy .icel-home-kicker{margin-bottom:24px}
.icel-home-about__copy h2{max-width:650px;font-size:clamp(44px,4.8vw,66px)}
.icel-home-about__copy>p:not(.icel-home-kicker){max-width:650px;margin:0;color:#596a62;font-size:17px;line-height:1.9}

@media(max-width:900px){
  .icel-home-about{padding:80px 0 92px}
  .icel-home-about .icel-home-split{grid-template-columns:1fr;gap:58px}
  .icel-home-about__mark{min-height:460px}
  .icel-home-about__mark img{width:min(115%,650px)}
  .icel-home-about__copy{max-width:720px}
}
@media(max-width:620px){
  .icel-home-about{padding:62px 0 78px}
  .icel-home-about .icel-home-split{gap:46px}
  .icel-home-about__mark{min-height:360px;border-radius:24px}
  .icel-home-about__mark:before{inset:12px;border-radius:17px}
  .icel-home-about__mark img{width:min(145%,560px)}
  .icel-home-about__orbit{width:275px;height:275px}
  .icel-home-about__year{top:5px;font-size:105px}
  .icel-home-about__explore{right:24px;bottom:21px}
  .icel-home-about__copy:before{margin-bottom:22px;font-size:64px}
  .icel-home-about__copy h2{font-size:clamp(37px,11vw,48px)}
}

/* Endelig, enkel identitetssektion. */
.icel-home-about{position:relative;overflow:hidden;padding:88px 0 112px;background:#fff}
.icel-home-about>.icel-home-wrap{width:min(calc(100% - 64px),1320px)}
.icel-home-about:before{display:none}
.icel-home-about .icel-home-split{grid-template-columns:minmax(440px,.9fr) minmax(0,1.1fr);gap:108px;align-items:center}
.icel-home-about__mark{position:relative;min-height:470px;display:grid;place-items:center;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none;perspective:none;isolation:auto}
.icel-home-about__mark:before,.icel-home-about__mark:after,.icel-home-about__year,.icel-home-about__orbit,.icel-home-about__explore{display:none}
.icel-home-about__mark img{position:relative;width:760px;max-width:none;filter:drop-shadow(0 18px 22px rgba(4,45,31,.16));transform:none;transition:transform .35s ease,filter .35s ease}
.icel-home-about__mark:hover img,.icel-home-about__mark:focus-visible img{filter:drop-shadow(0 23px 26px rgba(4,45,31,.2));transform:translateY(-5px) scale(1.015)}
.icel-home-about__copy{position:relative;padding:5px 0 5px 46px;border-left:1px solid rgba(183,141,57,.38)}
.icel-home-about__copy:before{display:none}
.icel-home-about__copy .icel-home-kicker{margin-bottom:22px}
.icel-home-about__copy h2{font-size:clamp(44px,4.6vw,64px)}

@media(max-width:900px){
  .icel-home-about{padding:76px 0 90px}
  .icel-home-about>.icel-home-wrap{width:min(calc(100% - 40px),760px)}
  .icel-home-about .icel-home-split{grid-template-columns:1fr;gap:42px}
  .icel-home-about__mark{min-height:390px;overflow:hidden;border-radius:0}
  .icel-home-about__mark:before{display:none}
  .icel-home-about__mark img{width:700px}
  .icel-home-about__copy{padding:0;border-left:0}
}
@media(max-width:620px){
  .icel-home-about{padding:56px 0 76px}
  .icel-home-about>.icel-home-wrap{width:calc(100% - 30px)}
  .icel-home-about .icel-home-split{gap:30px}
  .icel-home-about__mark{min-height:300px;border-radius:0}
  .icel-home-about__mark img{width:535px}
  .icel-home-about__copy:before{display:none}
}

/* Hjælp og aktiviteter — et samlet, arkitektonisk serviceområde. */
.icel-home-services{position:relative;overflow:hidden;padding:116px 0 126px;background:linear-gradient(100deg,rgba(3,39,29,.98) 0%,rgba(4,55,40,.94) 52%,rgba(3,36,27,.82) 100%),var(--icel-interior) center 47%/cover fixed;color:#fff;isolation:isolate}
.icel-home-services:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 0 49%,rgba(220,183,105,.08) 49% 49.1%,transparent 49.1%),radial-gradient(circle at 82% 28%,rgba(222,185,103,.15),transparent 27%);pointer-events:none}
.icel-home-services>.icel-home-wrap{width:min(calc(100% - 64px),1320px)}
.icel-home-services .icel-home-head{max-width:850px;margin:0 0 62px;text-align:left}
.icel-home-services .icel-home-head .icel-home-kicker{justify-content:flex-start;color:#e5c477}
.icel-home-services .icel-home-head h2{color:#fff;font-size:clamp(48px,5.2vw,72px)}
.icel-home-services .icel-home-head>p:last-child{max-width:650px;color:rgba(255,255,255,.63)}
.icel-home-services .icel-home-servicegrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.icel-home-services .icel-home-card{position:relative;min-height:218px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:28px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(255,255,255,.055);box-shadow:none;backdrop-filter:blur(12px);transition:transform .3s ease,border-color .3s ease,background .3s ease,box-shadow .3s ease}
.icel-home-services .icel-home-card:after{content:"";position:absolute;right:28px;bottom:25px;width:34px;height:1px;background:#d9b261;transform:scaleX(.35);transform-origin:right;opacity:.55;transition:transform .35s ease,opacity .35s ease}
.icel-home-services .icel-home-card:hover{transform:translateY(-5px);border-color:rgba(224,189,113,.48);background:rgba(255,255,255,.11);box-shadow:0 24px 50px rgba(0,0,0,.18)}
.icel-home-services .icel-home-card:hover:after{transform:scaleX(1);opacity:1}
.icel-home-card__number{position:absolute!important;top:25px;right:27px;width:auto!important;height:auto!important;border-radius:0!important;background:none!important;color:rgba(255,255,255,.28)!important;font-family:Georgia,"Times New Roman",serif;font-size:14px!important;letter-spacing:.12em}
.icel-home-services .icel-home-card__icon{position:absolute;top:25px;left:28px;width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(229,196,119,.28);border-radius:50%;background:rgba(229,196,119,.08);color:#e5c477;transition:background .3s ease,color .3s ease,transform .3s ease}
.icel-home-services .icel-home-card:hover .icel-home-card__icon{background:#d5aa50;color:#073d2d;transform:rotate(-5deg)}
.icel-home-services .icel-home-card__icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.icel-home-services .icel-home-card h3{max-width:82%;margin:0;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:clamp(21px,2vw,27px);font-weight:500;line-height:1.2}

@media(max-width:900px){
  .icel-home-services{padding:90px 0 100px;background-attachment:scroll}
  .icel-home-services>.icel-home-wrap{width:min(calc(100% - 40px),760px)}
  .icel-home-services .icel-home-servicegrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .icel-home-services{padding:74px 0 82px}
  .icel-home-services>.icel-home-wrap{width:calc(100% - 30px)}
  .icel-home-services .icel-home-head{margin-bottom:42px}
  .icel-home-services .icel-home-head h2{font-size:clamp(42px,13vw,56px)}
  .icel-home-services .icel-home-servicegrid{grid-template-columns:1fr;gap:10px}
  .icel-home-services .icel-home-card{min-height:154px;padding:22px}
  .icel-home-services .icel-home-card__icon{top:20px;left:22px;width:42px;height:42px}
  .icel-home-card__number{top:22px;right:22px}
  .icel-home-services .icel-home-card:after{right:22px;bottom:23px}
}

/* Servicekort med individuelle, autentiske billedmotiver. */
.icel-home-services .icel-home-card{min-height:310px;display:flex;justify-content:flex-end;padding:28px;isolation:isolate;background:#062f24;border-color:rgba(255,255,255,.16)}
.icel-home-services .icel-home-card:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(1,24,18,.06) 25%,rgba(2,28,21,.22) 52%,rgba(2,25,19,.94) 100%);transition:background .35s ease}
.icel-home-services .icel-home-card:after{right:28px;bottom:34px;z-index:2}
.icel-home-services .icel-home-card>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.88) contrast(1.03);transform:scale(1.001);transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .4s ease}
.icel-home-services .icel-home-card:hover>img{filter:saturate(1) contrast(1.04);transform:scale(1.055)}
.icel-home-services .icel-home-card:hover:before{background:linear-gradient(180deg,rgba(1,24,18,0) 20%,rgba(2,28,21,.16) 48%,rgba(2,25,19,.94) 100%)}
.icel-home-services .icel-home-card__number{top:22px;right:23px;width:38px!important;height:38px!important;display:grid!important;place-items:center;border:1px solid rgba(255,255,255,.24)!important;border-radius:50%!important;background:rgba(3,39,29,.52)!important;color:#fff!important;font-family:inherit;font-size:10px!important;font-weight:800;letter-spacing:.1em;backdrop-filter:blur(8px)}
.icel-home-services .icel-home-card h3{position:relative;z-index:2;max-width:calc(100% - 45px);font-size:clamp(23px,2vw,29px);text-shadow:0 2px 15px rgba(0,0,0,.35)}
.icel-home-services .icel-home-card__icon{display:none!important}

@media(max-width:900px){.icel-home-services .icel-home-card{min-height:290px}}
@media(max-width:620px){
  .icel-home-services .icel-home-card{min-height:250px;padding:23px}
  .icel-home-services .icel-home-card:after{right:23px;bottom:29px}
  .icel-home-services .icel-home-card__number{top:18px;right:18px}
}

/* Samlet moskéforløb — billederne understøtter indholdet uden visuel uro. */
.icel-home-mosque>.icel-home-wrap{width:min(calc(100% - 64px),1320px)}
.icel-home-mosque__image{overflow:hidden;box-shadow:0 28px 70px rgba(4,45,31,.15);transition:transform .5s ease,box-shadow .5s ease}
.icel-home-mosque__image:hover{transform:translateY(-5px);box-shadow:0 34px 80px rgba(4,45,31,.2)}

.icel-home-prayer{position:relative;background:linear-gradient(100deg,rgba(3,43,32,.96),rgba(3,37,28,.86)),var(--prayer-scene) center/cover fixed}
.icel-home-prayer:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,24,18,.18),rgba(1,24,18,.42));pointer-events:none}
.icel-home-prayer>.icel-home-wrap{position:relative;width:min(calc(100% - 64px),1180px)}
.icel-home-prayer__panel{border-color:rgba(255,255,255,.18);background:rgba(3,35,26,.68);box-shadow:0 28px 75px rgba(0,0,0,.22);backdrop-filter:blur(16px)}

.icel-home-friday{padding:112px 0;background:#fff}
.icel-home-friday>.icel-home-wrap{width:min(calc(100% - 64px),1320px)}
.icel-home-friday__grid{grid-template-columns:.88fr 1.12fr;gap:34px 76px;align-items:center}
.icel-home-friday__copy{padding-right:16px}
.icel-home-friday__image{min-height:460px;border-radius:28px;background:linear-gradient(180deg,transparent 60%,rgba(2,28,21,.18)),url('services/fredagstale.webp') center/cover no-repeat;box-shadow:0 26px 70px rgba(4,45,31,.17)}
.icel-home-friday aside{grid-column:1/-1;margin-top:16px;padding:31px 34px;border:1px solid #dce7e0;border-radius:20px;background:#f1f6f3}
.icel-home-friday aside h3{margin-bottom:22px}
.icel-home-friday ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 32px}

.icel-home-weekly{padding:112px 0;background:#f6f3eb}
.icel-home-weekly>.icel-home-wrap{width:min(calc(100% - 64px),1320px)}
.icel-home-weekly__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:76px;align-items:center}
.icel-home-weekly__image{min-height:610px;border-radius:28px;background:linear-gradient(90deg,rgba(2,28,21,.12),transparent 48%),url('mosque-flow/weekly-learning.webp') center/cover no-repeat;box-shadow:0 28px 72px rgba(4,45,31,.16)}
.icel-home-weekly .icel-home-head{margin:0 0 36px;text-align:left}
.icel-home-weekly .icel-home-head .icel-home-kicker{justify-content:flex-start}
.icel-home-weekly .icel-home-days{grid-template-columns:1fr;gap:8px}
.icel-home-weekly .icel-home-days div{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-radius:12px;text-align:left;transition:transform .2s ease,border-color .2s ease}
.icel-home-weekly .icel-home-days div:hover{transform:translateX(5px);border-color:rgba(183,141,57,.45)}
.icel-home-weekly .icel-home-days strong,.icel-home-weekly .icel-home-days span{display:inline;margin:0}

@media(max-width:900px){
  .icel-home-mosque>.icel-home-wrap,.icel-home-prayer>.icel-home-wrap,.icel-home-friday>.icel-home-wrap,.icel-home-weekly>.icel-home-wrap{width:min(calc(100% - 40px),760px)}
  .icel-home-prayer{background-attachment:scroll}
  .icel-home-friday__grid,.icel-home-weekly__grid{grid-template-columns:1fr;gap:42px}
  .icel-home-friday__image{min-height:440px}
  .icel-home-friday aside{grid-column:auto;margin-top:0}
  .icel-home-friday ul{grid-template-columns:1fr 1fr}
  .icel-home-weekly__image{min-height:500px}
}
@media(max-width:620px){
  .icel-home-mosque>.icel-home-wrap,.icel-home-prayer>.icel-home-wrap,.icel-home-friday>.icel-home-wrap,.icel-home-weekly>.icel-home-wrap{width:calc(100% - 30px)}
  .icel-home-friday,.icel-home-weekly{padding:76px 0}
  .icel-home-friday__image{min-height:320px;border-radius:20px}
  .icel-home-friday aside{padding:25px 21px}
  .icel-home-friday ul{grid-template-columns:1fr}
  .icel-home-weekly__image{min-height:340px;border-radius:20px}
}

/* Levende bønnetidsmodul. */
.icel-home-prayer{padding:118px 0 106px}
.icel-home-prayer .icel-home-head{max-width:900px;margin:0 0 54px;text-align:left}
.icel-home-prayer .icel-home-head .icel-home-kicker{justify-content:flex-start}
.icel-home-prayer .icel-home-head h2{font-size:clamp(52px,6vw,76px)}
.icel-home-prayer__dashboard{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px;align-items:stretch}
.icel-home-prayer__focus{position:relative;min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:38px 28px;border:1px solid rgba(230,198,128,.3);border-radius:28px;background:linear-gradient(155deg,rgba(183,141,57,.96),rgba(112,77,23,.96));box-shadow:0 28px 70px rgba(0,0,0,.24);text-align:center;isolation:isolate}
.icel-home-prayer__focus:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 15%,rgba(255,255,255,.22),transparent 38%),repeating-radial-gradient(circle at 100% 100%,transparent 0 34px,rgba(255,255,255,.035) 35px 36px)}
.icel-home-prayer__focus-label{margin-bottom:25px;color:#fff;font-size:10px;font-weight:850;letter-spacing:.2em;text-transform:uppercase}
.icel-home-prayer__dial{--prayer-progress:0deg;position:relative;width:154px;height:154px;display:grid;place-items:center;margin-bottom:27px;border-radius:50%;background:conic-gradient(#fff var(--prayer-progress),rgba(255,255,255,.16) 0);box-shadow:0 18px 45px rgba(0,0,0,.18);transition:--prayer-progress .6s ease}
.icel-home-prayer__dial:before{content:"";position:absolute;inset:6px;border-radius:50%;background:#987029}
.icel-home-prayer__dial span{position:relative;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 0 8px rgba(255,255,255,.12)}
.icel-home-prayer__dial span:before,.icel-home-prayer__dial span:after{content:"";position:absolute;left:3px;bottom:3px;width:2px;border-radius:2px;background:#fff;transform-origin:bottom}
.icel-home-prayer__dial span:before{height:37px;transform:rotate(28deg)}.icel-home-prayer__dial span:after{height:25px;transform:rotate(112deg)}
.icel-home-prayer__focus>strong{color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:31px;font-weight:500;line-height:1.15}
.icel-home-prayer__focus>time{margin-top:7px;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:58px;line-height:1}
.icel-home-prayer__focus>p{margin:16px 0 0;color:rgba(255,255,255,.72);font-size:13px;line-height:1.4}
.icel-home-prayer__live{position:absolute;right:22px;bottom:20px;display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.64);font-size:11px;font-weight:750;letter-spacing:.08em}
.icel-home-prayer__live span{width:6px;height:6px;border-radius:50%;background:#d8f2df;box-shadow:0 0 0 5px rgba(216,242,223,.1);animation:ihpulse 2s ease-out infinite}
@keyframes ihpulse{50%{box-shadow:0 0 0 9px rgba(216,242,223,0)}}
.icel-home-prayer__panel{max-width:none;margin:0;padding:23px;border-radius:28px}
.icel-home-prayer__panel>div{height:100%;display:flex;flex-direction:column}
.icel-home-prayer .day-date{display:flex;align-items:center;min-height:50px;margin:0 0 12px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.12);color:#e6c680;font-size:14px;font-weight:750;letter-spacing:.04em;text-align:left}
.icel-home-prayer .prayer-list{flex:1;display:flex;margin:0 0 7px}
.icel-home-prayer .prayer-list:last-child{margin-bottom:0}
.icel-home-prayer .prayer-item{position:relative;width:100%;min-height:60px;display:grid;grid-template-columns:minmax(130px,1fr) auto 30px;align-items:center;gap:15px;padding:11px 16px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.045);transition:transform .2s ease,background .2s ease,border-color .2s ease}
.icel-home-prayer .prayer-item:hover{transform:translateX(3px);border-color:rgba(230,198,128,.34);background:rgba(255,255,255,.08)}
.icel-home-prayer .prayer-title{font-size:12px;font-weight:850;letter-spacing:.1em}
.icel-home-prayer .prayer-time{font-family:Georgia,"Times New Roman",serif;font-size:25px;font-weight:500}
.icel-home-prayer .current-prayer{border-color:rgba(230,198,128,.5);background:linear-gradient(90deg,rgba(183,141,57,.34),rgba(183,141,57,.13));box-shadow:inset 3px 0 #e6c680}
.icel-home-prayer .prayer-info-icon{position:relative;width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:transparent;color:rgba(255,255,255,.72);cursor:help}
.icel-home-prayer .prayer-info-icon:after{content:attr(data-info);position:absolute;right:-8px;bottom:calc(100% + 12px);z-index:20;width:min(330px,70vw);padding:15px 17px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#03271d;box-shadow:0 18px 45px rgba(0,0,0,.32);color:rgba(255,255,255,.82);font-size:12px;font-weight:400;line-height:1.55;text-align:left;opacity:0;visibility:hidden;transform:translateY(5px);transition:.2s;pointer-events:none}
.icel-home-prayer .prayer-info-icon:hover:after,.icel-home-prayer .prayer-info-icon:focus:after{opacity:1;visibility:visible;transform:none}
.icel-home-prayer .icel-home-notice{display:grid;grid-template-columns:1fr 1fr;gap:25px;max-width:none;margin-top:18px;padding:21px 24px;border:1px solid rgba(255,255,255,.08);background:rgba(1,24,18,.38);backdrop-filter:blur(12px)}

@media(max-width:900px){
  .icel-home-prayer{padding:92px 0 88px}
  .icel-home-prayer__dashboard{grid-template-columns:1fr}
  .icel-home-prayer__focus{min-height:320px;display:grid;grid-template-columns:170px 1fr;grid-template-rows:auto auto auto;column-gap:25px;text-align:left}
  .icel-home-prayer__focus-label{grid-column:2;margin:0 0 8px}
  .icel-home-prayer__dial{grid-row:1/4;margin:0}
  .icel-home-prayer__focus>strong,.icel-home-prayer__focus>time,.icel-home-prayer__focus>p{grid-column:2}
  .icel-home-prayer__focus>time{font-size:52px}
}
@media(max-width:620px){
  .icel-home-prayer{padding:76px 0 72px}
  .icel-home-prayer .icel-home-head{margin-bottom:38px}
  .icel-home-prayer .icel-home-head h2{font-size:clamp(43px,13vw,58px)}
  .icel-home-prayer__focus{min-height:290px;display:flex;padding:26px 20px;text-align:center}
  .icel-home-prayer__focus-label{margin-bottom:17px}
  .icel-home-prayer__dial{width:108px;height:108px;margin-bottom:18px}
  .icel-home-prayer__dial span:before{height:27px}.icel-home-prayer__dial span:after{height:18px}
  .icel-home-prayer__focus>time{font-size:48px}
  .icel-home-prayer__panel{padding:13px 10px;border-radius:20px}
  .icel-home-prayer .prayer-item{grid-template-columns:1fr auto 27px;gap:8px;padding:10px 11px}
  .icel-home-prayer .prayer-time{font-size:21px}
  .icel-home-prayer .icel-home-notice{grid-template-columns:1fr;gap:8px;padding:17px}
}

/* ===========================================================================
   FREDAGSBOENNEN OG UGENTLIGE OPLAEG - billedet som baggrund
   ===========================================================================
   Tilfoejet 4. september 2026.

   Foer laa billederne i hver sin lille kasse ved siden af teksten, og selve
   sektionen var hvid. Nu fylder billedet hele sektionen, og teksten staar
   ovenpaa.

   Billederne er skaaret ned og gemt som webp i assets/sektioner/:
     fredagsboen.webp       1600 px, 237 KB  (var 329 KB)
     ugentlige-oplaeg.webp  1600 px,  66 KB  (var 101 KB)
   De 5 ubrugte PNG-filer paa 11,7 MB er flyttet til ~/backup/icel-forside-png/.

   Slaeret over billedet er ikke pynt. Uden det kan hvid tekst ikke laeses paa
   et lyst sted i billedet, og hvor teksten lander, skifter med skaermbredden.
   Derfor er slaeret kraftigst dér, hvor teksten staar, og letter mod hoejre,
   saa man stadig kan se, hvad billedet forestiller.
   =========================================================================== */

.icel-home-friday,
.icel-home-weekly {
    position: relative;
    isolation: isolate;
    padding: clamp(72px, 10vw, 128px) 0;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.icel-home-friday {
    background-image:
        linear-gradient(100deg,
            rgba(4, 32, 23, .95) 0%,
            rgba(4, 32, 23, .90) 38%,
            rgba(5, 40, 29, .55) 72%,
            rgba(6, 46, 33, .35) 100%),
        url('sektioner/fredagsboen.webp');
}

.icel-home-weekly {
    background-image:
        linear-gradient(100deg,
            rgba(4, 32, 23, .95) 0%,
            rgba(4, 32, 23, .90) 38%,
            rgba(5, 40, 29, .58) 74%,
            rgba(6, 46, 33, .38) 100%),
        url('sektioner/ugentlige-oplaeg.webp');
}

/* Indholdet holdes i venstre side, hvor slaeret er kraftigst. */
.icel-home-friday > .icel-home-wrap,
.icel-home-weekly > .icel-home-wrap {
    position: relative;
    width: min(1180px, calc(100% - 40px));
}

.icel-home-friday__grid,
.icel-home-weekly__grid {
    display: block;
    max-width: 660px;
}

/* Billedkasserne er overfloedige nu - billedet ER sektionen. */
.icel-home-friday__image,
.icel-home-weekly__image {
    display: none;
}

/* ---------- Tekst ---------- */

.icel-home-friday .icel-home-kicker,
.icel-home-weekly .icel-home-kicker {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
    color: var(--ih-gold2, #efd08b);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .17em;
    text-transform: uppercase;
}

.icel-home-friday .icel-home-kicker::after,
.icel-home-weekly .icel-home-kicker::after {
    content: "";
    flex: 1;
    max-width: 90px;
    height: 1px;
    background: rgba(239, 208, 139, .55);
}

.icel-home-friday h2,
.icel-home-weekly h2 {
    margin: 0 0 22px;
    color: #fff;
    font-size: clamp(38px, 5vw, 62px);
    line-height: 1.06;
    letter-spacing: -.02em;
}

.icel-home-friday p,
.icel-home-weekly p {
    color: rgba(233, 243, 238, .88);
    font-size: 18px;
    line-height: 1.7;
}

.icel-home-friday__copy p,
.icel-home-weekly .icel-home-head p {
    max-width: 56ch;
    margin: 0 0 34px;
}

.icel-home-weekly .icel-home-head {
    margin-bottom: 34px;
    text-align: left;
}

/* ---------- Fredag: listen over forberedelser ---------- */

.icel-home-friday aside {
    margin-top: 6px;
    padding: 30px 34px;
    border: 1px solid rgba(239, 208, 139, .28);
    border-radius: 20px;
    background: rgba(255, 255, 255, .07);
    backdrop-filter: blur(6px);
}

.icel-home-friday aside h3 {
    margin: 0 0 20px;
    color: var(--ih-gold2, #efd08b);
    font-family: inherit;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.icel-home-friday ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 30px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.icel-home-friday li {
    position: relative;
    padding-left: 28px;
    color: rgba(233, 243, 238, .92);
    font-size: 16px;
    line-height: 1.5;
}

.icel-home-friday li::before {
    content: "";
    position: absolute;
    top: .45em;
    left: 0;
    width: 16px;
    height: 9px;
    border: 2px solid var(--ih-gold2, #efd08b);
    border-top: 0;
    border-right: 0;
    transform: rotate(-45deg);
}

/* ---------- Ugentlige oplaeg: dagene ---------- */

.icel-home-weekly .icel-home-days {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(112px, 1fr));
    gap: 12px;
    max-width: 660px;
}

.icel-home-weekly .icel-home-days div {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 18px 14px;
    border: 1px solid rgba(239, 208, 139, .26);
    border-radius: 16px;
    background: rgba(255, 255, 255, .07);
    backdrop-filter: blur(6px);
    text-align: center;
    transition: border-color .2s ease, background-color .2s ease;
}

.icel-home-weekly .icel-home-days div:hover {
    transform: none;
    border-color: rgba(239, 208, 139, .55);
    background: rgba(255, 255, 255, .12);
}

.icel-home-weekly .icel-home-days strong {
    display: block;
    margin: 0;
    color: #fff;
    font-family: inherit;
    font-size: 17px;
    font-weight: 700;
}

.icel-home-weekly .icel-home-days span {
    display: block;
    margin: 0;
    color: var(--ih-gold2, #efd08b);
    font-size: 13px;
    font-weight: 600;
}

/* ---------- Tablet og telefon ---------- */

@media (max-width: 900px) {
    .icel-home-friday,
    .icel-home-weekly {
        /* Teksten daekker hele bredden her, saa slaeret skal vaere jaevnt
           kraftigt - ellers bliver de sidste ord uleselige. */
        background-position: 62% center;
    }

    .icel-home-friday {
        background-image:
            linear-gradient(rgba(4, 32, 23, .93), rgba(4, 32, 23, .88)),
            url('sektioner/fredagsboen.webp');
    }

    .icel-home-weekly {
        background-image:
            linear-gradient(rgba(4, 32, 23, .93), rgba(4, 32, 23, .88)),
            url('sektioner/ugentlige-oplaeg.webp');
    }

    .icel-home-friday__grid,
    .icel-home-weekly__grid,
    .icel-home-weekly .icel-home-days {
        max-width: none;
    }
}

@media (max-width: 620px) {
    .icel-home-friday > .icel-home-wrap,
    .icel-home-weekly > .icel-home-wrap {
        width: calc(100% - 30px);
    }

    .icel-home-friday aside { padding: 24px 22px; }
    .icel-home-friday ul { grid-template-columns: 1fr; }

    .icel-home-weekly .icel-home-days {
        grid-template-columns: repeat(auto-fit, minmax(96px, 1fr));
        gap: 9px;
    }

    .icel-home-weekly .icel-home-days div { padding: 14px 8px; }
    .icel-home-weekly .icel-home-days strong { font-size: 15px; }
    .icel-home-weekly .icel-home-days span { font-size: 12px; }

    .icel-home-friday p,
    .icel-home-weekly p { font-size: 16px; }
}

/* Store skaerme: billedet maa ikke staa stille og blive kornet. */
@media (min-width: 1600px) {
    .icel-home-friday,
    .icel-home-weekly { background-position: center 40%; }
}

/* ---------------------------------------------------------------------------
   Justeret 4. september 2026, efter at de rigtige billeder kom ind.

   Foerste forsoeg lagde et groent slaer paa 95 % henover hele billedet. Det
   gjorde teksten letlaeselig, men druknede billedet - og de to fotos er
   varme og gyldne, saa det groenne slog farven ihjel.

   Nu er slaeret naesten sort med et strejf af varme i stedet for groent, og
   det letter hurtigere mod hoejre: kraftigt dér hvor teksten staar, naesten
   vaek ude i hoejre side, hvor man skal kunne se minbaren og lanternen.

   Graensen for laesbarhed er 4,5:1 mod baggrunden. Ved 88 % maerke over det
   moerkeste sted i billedet ligger hvid tekst paa omkring 12:1 - rigelig
   luft, ogsaa hvis billedet en dag skiftes ud med et lysere.
   --------------------------------------------------------------------------- */

.icel-home-friday {
    background-image:
        linear-gradient(100deg,
            rgba(6, 20, 15, .92) 0%,
            rgba(6, 20, 15, .86) 30%,
            rgba(8, 26, 19, .62) 52%,
            rgba(10, 30, 22, .28) 74%,
            rgba(12, 32, 24, .12) 100%),
        url('sektioner/fredagsboen.webp');
    background-position: center 58%;
}

.icel-home-weekly {
    background-image:
        linear-gradient(100deg,
            rgba(6, 20, 15, .93) 0%,
            rgba(6, 20, 15, .87) 30%,
            rgba(8, 26, 19, .64) 52%,
            rgba(10, 30, 22, .30) 74%,
            rgba(12, 32, 24, .14) 100%),
        url('sektioner/ugentlige-oplaeg.webp');
    background-position: center 62%;
}

/* Kassen med de seks punkter laa som en lys plade midt i billedet. Den
   skal vaere en ramme, man kan se igennem - ikke en klat. */
.icel-home-friday aside {
    max-width: 640px;
    padding: 26px 30px;
    border-color: rgba(239, 208, 139, .34);
    background: rgba(6, 20, 15, .42);
    backdrop-filter: blur(3px);
}

.icel-home-weekly .icel-home-days div {
    border-color: rgba(239, 208, 139, .32);
    background: rgba(6, 20, 15, .45);
    backdrop-filter: blur(3px);
}

/* Teksten skal have en anelse skygge, saa den holder, ogsaa hvor billedet
   er lyst bag den. */
.icel-home-friday h2,
.icel-home-weekly h2,
.icel-home-friday__copy p,
.icel-home-weekly .icel-home-head p {
    text-shadow: 0 1px 18px rgba(4, 14, 10, .55);
}

/* Sektionerne var for hoeje - der stod tomt under indholdet. */
.icel-home-friday,
.icel-home-weekly {
    padding: clamp(64px, 8vw, 104px) 0;
}

@media (max-width: 900px) {
    /* Paa smal skaerm daekker teksten hele bredden, saa slaeret skal vaere
       jaevnt - men stadig lettere end foer, saa billedet kan ses. */
    .icel-home-friday {
        background-image:
            linear-gradient(rgba(6, 20, 15, .90), rgba(6, 20, 15, .84)),
            url('sektioner/fredagsboen.webp');
    }

    .icel-home-weekly {
        background-image:
            linear-gradient(rgba(6, 20, 15, .91), rgba(6, 20, 15, .85)),
            url('sektioner/ugentlige-oplaeg.webp');
    }
}

/* ---------------------------------------------------------------------------
   Teksten 40 % taettere paa venstre kant.

   Indholdet laa i sidens almindelige spalte paa 1180 px, centreret. Paa en
   skaerm i 1440 px startede teksten derfor 130 px inde. Den skal 40 % taettere
   paa kanten, altsaa 78 px inde.

   Det kan ikke goeres med ét fast tal, for afstanden vokser med skaermen: paa
   1920 px var den 370 px. Formlen herunder rammer 60 % af den gamle afstand
   paa enhver bredde:

     ny bredde = 40 % af skaermen + 60 % af den gamle spalte

   Og yderst holder max()-delen mindst 24 px luft til kanten, saa teksten ikke
   klistrer sig fast paa en smal skaerm.

        skaerm    foer    nu
        1440 px   130    78
        1680 px   250   150
        1920 px   370   222

   Begge sektioner faar det. Ligger de to over hinanden med hver sin
   venstrekant, ser det ud som en fejl.
   --------------------------------------------------------------------------- */

.icel-home-friday > .icel-home-wrap,
.icel-home-weekly > .icel-home-wrap {
    width: min(
        calc(40% + min(708px, 60% - 24px)),
        calc(100% - 48px)
    );
}

@media (max-width: 900px) {
    /* Under 900 px er der ikke afstand at give af - spalten er allerede
       naesten hele bredden. */
    .icel-home-friday > .icel-home-wrap,
    .icel-home-weekly > .icel-home-wrap {
        width: calc(100% - 40px);
    }
}

@media (max-width: 620px) {
    .icel-home-friday > .icel-home-wrap,
    .icel-home-weekly > .icel-home-wrap {
        width: calc(100% - 30px);
    }
}

/* ---------------------------------------------------------------------------
   "Det er ønskeligt før du kommer" - tre punkter pr. raekke.

   Seks punkter i tre spalter giver to lige raekker. I to spalter stod de i
   tre raekker og fyldte hoejere end noedvendigt.

   Kassen er samtidig gjort bredere. Med tre spalter i 640 px ville hver
   spalte kun vaere 200 px, og "At tage et bad for fredagsbønnen" ville
   braekke over tre linjer. Ved 820 px har hver spalte 250 px, og de
   laengste punkter holder paa to linjer.
   --------------------------------------------------------------------------- */

.icel-home-friday aside {
    max-width: 820px;
}

.icel-home-friday ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px 22px;
}

.icel-home-friday li {
    font-size: 15px;
    line-height: 1.45;
}

/* Under 900 px er der ikke plads til tre - saa to. */
@media (max-width: 900px) {
    .icel-home-friday ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Paa telefon staar de under hinanden. */
@media (max-width: 560px) {
    .icel-home-friday ul { grid-template-columns: 1fr; }
}

/* ---------------------------------------------------------------------------
   RETTELSE: teksten stod 390 px inde, ikke 78 som tilsigtet.

   Aarsagen var, at spalten og indholdsboksen er det SAMME element:
       <div class="icel-home-wrap icel-home-friday__grid">
   .icel-home-wrap gav den margin-inline:auto, og .icel-home-friday__grid gav
   den max-width:660px. Breddeformlen naaede altsaa aldrig at virke - de 660 px
   blev centreret i stedet, og teksten landede midt paa siden.

   Nu begraenses INDHOLDET i stedet for beholderen. Beholderen faar lov at
   vaere 1284 px og starte 78 px inde; tekstsoejlen indeni er 660 px og
   starter samme sted.
   --------------------------------------------------------------------------- */

.icel-home-friday__grid,
.icel-home-weekly__grid {
    max-width: none;
    margin-inline: auto;
}

.icel-home-friday__copy,
.icel-home-friday aside,
.icel-home-weekly__content {
    max-width: 660px;
    margin-inline: 0;
}

/* Kassen med de seks punkter maa gerne vaere lidt bredere end broedteksten,
   saa de tre spalter har plads. */
.icel-home-friday aside {
    max-width: 820px;
}

@media (max-width: 900px) {
    .icel-home-friday__copy,
    .icel-home-friday aside,
    .icel-home-weekly__content {
        max-width: none;
    }
}

/* ---------------------------------------------------------------------------
   Guldlinje mellem sektionerne.

   Linjen staar kraftigst paa midten og toner ud mod begge kanter. Det er med
   vilje: en streg, der loeber helt ud i kanten, skaerer siden over i kasser.
   Naar den fader, laeser oejet den som en overgang i stedet for en vaeg.

   Den ligger som ::before paa hver sektion, DER FOELGER EFTER en anden
   sektion. Derfor kommer der ingen linje over den foerste - dér gaar heroen
   og genvejene i ét - og ingen under den sidste, hvor bundfeltet begynder.
   Det giver fem linjer: om, service, moskeen, boennetider, fredag, ugentlig.

   To lag oven paa hinanden:
     · en 1 px streg i guld, der baerer formen
     · et bredere, meget svagt skaer, der gør overgangen bloed i stedet for
       skarp - uden det ligner en 1 px streg en fejl i billedet
   --------------------------------------------------------------------------- */

.icel-home-section {
    position: relative;
}

.icel-home-section + .icel-home-section::before,
.icel-home-section + .icel-home-section::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    pointer-events: none;
    z-index: 3;
}

/* Selve stregen */
.icel-home-section + .icel-home-section::before {
    top: 0;
    height: 1px;
    background: linear-gradient(90deg,
        rgba(197, 154, 69, 0) 0%,
        rgba(197, 154, 69, .18) 12%,
        rgba(222, 184, 106, .62) 34%,
        rgba(239, 208, 139, .85) 50%,
        rgba(222, 184, 106, .62) 66%,
        rgba(197, 154, 69, .18) 88%,
        rgba(197, 154, 69, 0) 100%);
}

/* Det bloede skaer omkring den */
.icel-home-section + .icel-home-section::after {
    top: -1px;
    height: 3px;
    filter: blur(2px);
    background: linear-gradient(90deg,
        rgba(239, 208, 139, 0) 0%,
        rgba(239, 208, 139, .10) 30%,
        rgba(239, 208, 139, .26) 50%,
        rgba(239, 208, 139, .10) 70%,
        rgba(239, 208, 139, 0) 100%);
}

/* Paa de moerke sektioner maa skaeret gerne vaere lidt kraftigere -
   guld mod moerkegroent taaler mere end guld mod hvidt. */
.icel-home-section + .icel-home-prayer::after,
.icel-home-section + .icel-home-friday::after,
.icel-home-section + .icel-home-weekly::after {
    height: 4px;
    background: linear-gradient(90deg,
        rgba(239, 208, 139, 0) 0%,
        rgba(239, 208, 139, .14) 30%,
        rgba(239, 208, 139, .34) 50%,
        rgba(239, 208, 139, .14) 70%,
        rgba(239, 208, 139, 0) 100%);
}

/* Paa telefon er skaermen saa smal, at udtoningen ikke naar at ses.
   Der holder vi den enkle streg. */
@media (max-width: 620px) {
    .icel-home-section + .icel-home-section::after { display: none; }

    .icel-home-section + .icel-home-section::before {
        background: linear-gradient(90deg,
            rgba(197, 154, 69, 0) 0%,
            rgba(239, 208, 139, .7) 50%,
            rgba(197, 154, 69, 0) 100%);
    }
}

/* ---------------------------------------------------------------------------
   Arabisk tekst skrives fra hoejre mod venstre.

   Markuppen har allerede lang="ar" dir="rtl", og det er dét, der goer
   arbejdet - det fortaeller ogsaa oplaesningsprogrammer, hvilket sprog der
   staar, og hvor en linje begynder.

   Reglerne herunder er et sikkerhedsnet: falder attributten ud ved en senere
   rettelse i skabelonen, staar teksten stadig rigtigt. De vaelger paa sproget,
   ikke paa en klasse, saa de virker for al arabisk tekst paa forsiden.
   --------------------------------------------------------------------------- */

.icel-home [lang="ar"],
.icel-home [lang^="ar-"] {
    direction: rtl;
    text-align: right;
    unicode-bidi: isolate;
}

/* Tal og latinske ord midt i arabisk tekst skal ikke vende linjen. */
.icel-home [lang="ar"] * {
    unicode-bidi: isolate;
}

/* ---------------------------------------------------------------------------
   Guldlinjer i hjoernerne.

   Fra hvert af de fire hjoerner loeber en vandret og en lodret streg ind mod
   midten og toner ud undervejs. De moedes aldrig - det er dét, der goer, at
   de laeses som en ramme, der antydes, frem for en kasse, der lukker.

   ALLE OTTE STREGER TEGNES I ÉT ELEMENT. Et afsnit har kun to
   pseudo-elementer, og det ene bruges allerede til skillelinjen mellem
   sektionerne. Derfor er stregen og dens skaer lagt sammen i ::before, og
   ::after tegner hjoernerne som otte baggrundslag - fire vandrette og fire
   lodrette. Ingen ekstra elementer i koden, ingen billedfiler.

   Laengden er sat i procent af sektionens bredde og hoejde, saa stregerne
   holder samme forhold, uanset hvor hoej sektionen er. Loftet paa 150 px
   holder dem fra at loebe helt ind mod midten paa en meget bred skaerm.
   --------------------------------------------------------------------------- */

/* Skillelinjen: streg OG skaer i samme lag, saa ::after bliver fri. */
.icel-home-section + .icel-home-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    z-index: 3;
    pointer-events: none;
    background:
        /* selve stregen */
        linear-gradient(90deg,
            rgba(197, 154, 69, 0) 0%,
            rgba(197, 154, 69, .18) 12%,
            rgba(222, 184, 106, .62) 34%,
            rgba(239, 208, 139, .85) 50%,
            rgba(222, 184, 106, .62) 66%,
            rgba(197, 154, 69, .18) 88%,
            rgba(197, 154, 69, 0) 100%) top left / 100% 1px no-repeat,
        /* det bloede skaer under den */
        linear-gradient(90deg,
            rgba(239, 208, 139, 0) 0%,
            rgba(239, 208, 139, .12) 30%,
            rgba(239, 208, 139, .30) 50%,
            rgba(239, 208, 139, .12) 70%,
            rgba(239, 208, 139, 0) 100%) top left / 100% 4px no-repeat;
}

/* Hjoernerne. */
.icel-home-section::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    background-repeat: no-repeat;
    background-image:
        /* oeverst venstre: vandret, lodret */
        linear-gradient(90deg,  rgba(239, 208, 139, .78), rgba(239, 208, 139, 0)),
        linear-gradient(180deg, rgba(239, 208, 139, .78), rgba(239, 208, 139, 0)),
        /* oeverst hoejre */
        linear-gradient(270deg, rgba(239, 208, 139, .78), rgba(239, 208, 139, 0)),
        linear-gradient(180deg, rgba(239, 208, 139, .78), rgba(239, 208, 139, 0)),
        /* nederst venstre */
        linear-gradient(90deg,  rgba(239, 208, 139, .78), rgba(239, 208, 139, 0)),
        linear-gradient(0deg,   rgba(239, 208, 139, .78), rgba(239, 208, 139, 0)),
        /* nederst hoejre */
        linear-gradient(270deg, rgba(239, 208, 139, .78), rgba(239, 208, 139, 0)),
        linear-gradient(0deg,   rgba(239, 208, 139, .78), rgba(239, 208, 139, 0));
    background-size:
        min(150px, 16%) 1px,  1px min(120px, 22%),
        min(150px, 16%) 1px,  1px min(120px, 22%),
        min(150px, 16%) 1px,  1px min(120px, 22%),
        min(150px, 16%) 1px,  1px min(120px, 22%);
    background-position:
        left top,      left top,
        right top,     right top,
        left bottom,   left bottom,
        right bottom,  right bottom;
}

/* Paa de lyse sektioner forsvinder lys guld. Der bruges en moerkere tone,
   saa stregen kan ses uden at raabe. */
.icel-home-about::after,
.icel-home-services::after,
.icel-home-mosque::after {
    background-image:
        linear-gradient(90deg,  rgba(166, 124, 46, .55), rgba(166, 124, 46, 0)),
        linear-gradient(180deg, rgba(166, 124, 46, .55), rgba(166, 124, 46, 0)),
        linear-gradient(270deg, rgba(166, 124, 46, .55), rgba(166, 124, 46, 0)),
        linear-gradient(180deg, rgba(166, 124, 46, .55), rgba(166, 124, 46, 0)),
        linear-gradient(90deg,  rgba(166, 124, 46, .55), rgba(166, 124, 46, 0)),
        linear-gradient(0deg,   rgba(166, 124, 46, .55), rgba(166, 124, 46, 0)),
        linear-gradient(270deg, rgba(166, 124, 46, .55), rgba(166, 124, 46, 0)),
        linear-gradient(0deg,   rgba(166, 124, 46, .55), rgba(166, 124, 46, 0));
}

/* Paa telefon er der ikke plads til at stregerne naar at tone ud, foer de
   loeber sammen. Der goeres de kortere. */
@media (max-width: 620px) {
    .icel-home-section::after {
        background-size:
            70px 1px,  1px 55px,
            70px 1px,  1px 55px,
            70px 1px,  1px 55px,
            70px 1px,  1px 55px;
    }
}

/* ---------------------------------------------------------------------------
   RETTELSE: hjoernestregerne blev aldrig tegnet.

   Skillelinjens skaer laa foerst i `.icel-home-section + .icel-home-section
   ::after`. Da hjoernerne bagefter blev lagt paa `.icel-home-section::after`,
   tabte de: to klasser vejer tungere end én, saa den gamle regel vandt paa
   alle sektioner undtagen den allerfoerste - og den satte baade hoejde,
   position og en blur, der viskede alt ud.

   Skaeret er flyttet til ::before sammen med selve stregen. Her nulstilles
   den gamle regel, og hjoernerne skrives paa BEGGE vaelgere, saa der ikke
   kan opstaa tvivl om, hvem der vinder.

   Laengderne er faste px i stedet for min(). Det er lettere at regne efter,
   og telefonen faar sine egne tal laengere nede.
   --------------------------------------------------------------------------- */

.icel-home-section::after,
.icel-home-section + .icel-home-section::after {
    content: "";
    position: absolute;
    inset: 0;
    top: 0;
    height: auto;
    z-index: 3;
    pointer-events: none;
    filter: none;
    display: block;

    background-repeat: no-repeat;
    background-image:
        /* oeverst venstre: vandret, lodret */
        linear-gradient(90deg,  rgba(239, 208, 139, .85), rgba(239, 208, 139, 0)),
        linear-gradient(180deg, rgba(239, 208, 139, .85), rgba(239, 208, 139, 0)),
        /* oeverst hoejre */
        linear-gradient(270deg, rgba(239, 208, 139, .85), rgba(239, 208, 139, 0)),
        linear-gradient(180deg, rgba(239, 208, 139, .85), rgba(239, 208, 139, 0)),
        /* nederst venstre */
        linear-gradient(90deg,  rgba(239, 208, 139, .85), rgba(239, 208, 139, 0)),
        linear-gradient(0deg,   rgba(239, 208, 139, .85), rgba(239, 208, 139, 0)),
        /* nederst hoejre */
        linear-gradient(270deg, rgba(239, 208, 139, .85), rgba(239, 208, 139, 0)),
        linear-gradient(0deg,   rgba(239, 208, 139, .85), rgba(239, 208, 139, 0));
    background-size:
        190px 2px,  2px 130px,
        190px 2px,  2px 130px,
        190px 2px,  2px 130px,
        190px 2px,  2px 130px;
    background-position:
        left top,     left top,
        right top,    right top,
        left bottom,  left bottom,
        right bottom, right bottom;
}

/* Paa de lyse sektioner forsvinder lys guld mod hvidt. Moerkere tone dér. */
.icel-home-about::after,
.icel-home-services::after,
.icel-home-mosque::after,
.icel-home-section + .icel-home-about::after,
.icel-home-section + .icel-home-services::after,
.icel-home-section + .icel-home-mosque::after {
    background-image:
        linear-gradient(90deg,  rgba(166, 124, 46, .7), rgba(166, 124, 46, 0)),
        linear-gradient(180deg, rgba(166, 124, 46, .7), rgba(166, 124, 46, 0)),
        linear-gradient(270deg, rgba(166, 124, 46, .7), rgba(166, 124, 46, 0)),
        linear-gradient(180deg, rgba(166, 124, 46, .7), rgba(166, 124, 46, 0)),
        linear-gradient(90deg,  rgba(166, 124, 46, .7), rgba(166, 124, 46, 0)),
        linear-gradient(0deg,   rgba(166, 124, 46, .7), rgba(166, 124, 46, 0)),
        linear-gradient(270deg, rgba(166, 124, 46, .7), rgba(166, 124, 46, 0)),
        linear-gradient(0deg,   rgba(166, 124, 46, .7), rgba(166, 124, 46, 0));
}

@media (max-width: 900px) {
    .icel-home-section::after,
    .icel-home-section + .icel-home-section::after {
        background-size:
            120px 2px,  2px 90px,
            120px 2px,  2px 90px,
            120px 2px,  2px 90px,
            120px 2px,  2px 90px;
    }
}

@media (max-width: 620px) {
    .icel-home-section::after,
    .icel-home-section + .icel-home-section::after {
        display: block;
        background-size:
            70px 1px,  1px 55px,
            70px 1px,  1px 55px,
            70px 1px,  1px 55px,
            70px 1px,  1px 55px;
    }
}

/* ===========================================================================
   UNDERSIDER: Om os og Kontakt os
   ===========================================================================
   Tilfoejet 4. september 2026.

   Siderne laa i Elementor med et lyseroedt slaer over et foto, centreret
   broedtekst, en lyseblaa overskrift og indhold gemt bag faneblade. De er nu
   bygget af forsidens egne dele.

   Der staar med vilje faa regler herunder. Alt, hvad forsiden allerede kan -
   afsnitshoejde, overskrifter, knapper, guldlinjen mellem sektioner og
   guldhjoernerne - genbruges ved at saette forsidens egne klasser paa:
   icel-home-about (logo til venstre, tekst til hoejre), icel-home-split,
   icel-home-head, icel-home-actions. Kun det, de to sider har, som forsiden
   ikke har, staar her.

   EN KLASSE MAA MAN IKKE LAANE: icel-home-services. Den hedder noget, der
   lyder generelt, men paa forsiden er den bygget om til en moerkegroen
   sektion med moskébilledet bagved, hvid venstrestillet overskrift og en
   bredere ramme. Laante man den til "Det laver vi", forsvandt overskriften
   i det lyse, og kortene blev til fire i bredden. Derfor har de nye
   sektioner deres egne klasser med deres egen baggrund.

   VIGTIGT OM body.home: sidens grundregler oeverst i filen er skrevet til
   body.home, som kun findes paa forsiden. En underside har page-id-17.
   Uden noget videre ville baggrund, skrifttype og fuldbredde altsaa ikke
   gaelde der. Klassen icel-side-fuld saettes nu af plugin-koden paa hver side,
   vi overtager - forsiden inklusive - saa reglerne staar ét sted. De gamle
   body.home-regler siger det samme og goer ingen skade.
   =========================================================================== */

body.icel-side-fuld {
    background: var(--ih-cream) !important;
    color: var(--ih-ink);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
    text-align: left !important;
    overflow-x: hidden;
}

body.icel-side-fuld #main { padding: 0 !important; }

body.icel-side-fuld #content-wrap,
body.icel-side-fuld #primary,
body.icel-side-fuld #content {
    width: 100%;
    max-width: none;
    padding: 0;
}

body.icel-side-fuld .page-header { display: none; }

/* ---------- Hero paa undersider ----------
   620 px paa hver eneste underside - ogsaa kursus- og tilmeldingssiden, som
   tegnes af det andet plugin. Forsiden er hoejere (790 px), fordi den skal
   tage imod; en underside skal komme til sagen. Naar de fire undersider har
   samme hoejde, samme foto og samme bjaelke, staar toppen helt stille, naar
   man klikker rundt i menuen. */

.icel-home-hero.icel-side-hero { min-height: 620px; }

.icel-home-hero.icel-side-hero h1 {
    font-size: clamp(40px, 5.2vw, 66px);
    line-height: 1.05;
}


/* ---------- Sektionernes baggrunde ----------
   Samme to toner som forsiden veksler mellem: hvid og creme. */

.icel-side-omraader { background: var(--ih-cream); }
.icel-side-kontakt  { background: #fff; }

/* Forsidens "om"-blok er skrevet til ét afsnit, saa den saetter margin:0 paa
   afsnittene. Her staar der tre, og uden luft imellem blev de til én mur af
   tekst. To klasser plus :not() skal der til for at slaa den regel. */
.icel-home-about__copy > p:not(.icel-home-kicker) + p {
    margin-top: 22px;
}

/* ---------- De fem omraader ----------
   Laa foer i faneblade, som skjulte fire femtedele af indholdet bag et klik.
   Kortene er bygget som forsidens servicekort - samme kant, samme skygge,
   samme loeft ved museover. */

.icel-side-omraadegrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
    gap: 20px;
}

.icel-side-omraade {
    position: relative;
    padding: 34px 32px 30px;
    border: 1px solid #dfe4dd;
    border-radius: 22px;
    background: rgba(255, 255, 255, .78);
    box-shadow: 0 8px 28px rgba(4, 45, 31, .04);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.icel-side-omraade:hover {
    transform: translateY(-5px);
    border-color: rgba(197, 154, 69, .55);
    box-shadow: var(--ih-shadow);
}

.icel-side-omraade__ikon {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    margin-bottom: 20px;
    border-radius: 16px;
    background: #e4f0e9;
    color: var(--ih-green2);
}

/* Hvert tredje kort i vinroed, praecis som paa forsiden. */
.icel-side-omraade:nth-child(3n+2) .icel-side-omraade__ikon {
    background: var(--ih-burgundy-soft);
    color: var(--ih-burgundy);
}

.icel-side-omraade__ikon svg { width: 26px; height: 26px; fill: none; stroke: currentColor; }

/* Nummeret staar diskret i hjoernet - det ordner raekkefoelgen uden at tage
   plads fra overskriften. */
.icel-side-omraade__nr {
    position: absolute;
    top: 28px;
    right: 30px;
    font-size: 13px;
    font-weight: 850;
    letter-spacing: .1em;
    color: rgba(197, 154, 69, .8);
    font-variant-numeric: tabular-nums;
}

.icel-side-omraade h3 {
    margin: 0 0 12px;
    color: var(--ih-ink);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.25;
}

.icel-side-omraade p {
    margin: 0;
    font-size: 16px;
    line-height: 1.7;
    color: var(--ih-muted);
}

/* ---------- Tjenester (moerk sektion) ----------
   To i bredden. Med tre blev linjerne saa korte, at hver saetning knaekkede
   fem gange, og den fjerde stod alene paa en raekke for sig. */

.icel-side-tjenester {
    background: linear-gradient(145deg, #073c2d, #052e23);
    color: #fff;
}

.icel-side-tjenesteliste {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(460px, 1fr));
    gap: 16px;
    margin: 0 0 46px;
    padding: 0;
    list-style: none;
}

.icel-side-tjenesteliste li {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 24px 26px;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 18px;
    background: rgba(255, 255, 255, .07);
    font-size: 16px;
    line-height: 1.65;
    color: rgba(255, 255, 255, .88);
}

.icel-side-tjenesteliste svg {
    flex: none;
    width: 21px;
    height: 21px;
    margin-top: 2px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.3;
    color: var(--ih-gold2);
}

/* ---------- Kontakt: de fire kort ---------- */

.icel-side-kontaktgrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(255px, 1fr));
    gap: 18px;
}

.icel-side-kort {
    padding: 32px 28px;
    border: 1px solid #dfe4dd;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 8px 28px rgba(4, 45, 31, .04);
}

.icel-side-kort__ikon {
    display: grid;
    place-items: center;
    width: 50px;
    height: 50px;
    margin-bottom: 18px;
    border-radius: 15px;
    background: #f6efdf;
    color: #a67c2e;
}

.icel-side-kort__ikon svg { width: 24px; height: 24px; fill: none; stroke: currentColor; }

.icel-side-kort h3 {
    margin: 0 0 10px;
    color: var(--ih-ink);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 21px;
    font-weight: 600;
}

.icel-side-kort p {
    margin: 0;
    font-size: 17px;
    line-height: 1.6;
    color: var(--ih-ink);
}

/* Adresse, nummer og mail er links man skal kunne se er links. */
.icel-side-kort a {
    color: var(--ih-green2);
    border-bottom: 1px solid rgba(12, 101, 73, .28);
}

.icel-side-kort a:hover { border-bottom-color: var(--ih-green2); }

/* Undtagen "Vis paa kort" og "Se dagens boennetider" - de er forsidens
   pilelinks og har deres eget udseende. */
.icel-side-kort a.icel-home-textlink {
    margin-top: 14px;
    font-size: 15px;
    border-bottom: 0;
}

/* To klasser, saa noten slaar .icel-home-section p og bliver mindre. */
.icel-side-kort .icel-side-kort__note {
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.55;
    color: var(--ih-muted);
}

.icel-side-kontaktnote {
    max-width: 760px;
    margin: 38px auto 0;
    padding-top: 26px;
    border-top: 1px solid #e6eae5;
    text-align: center;
}

.icel-side-kontaktnote a {
    color: var(--ih-burgundy);
    font-weight: 700;
}

/* ---------- Kortet ----------
   Rammen har et fast forhold, saa siden ikke hopper, mens kortet hentes. */

.icel-side-kortsektion {
    background: linear-gradient(145deg, #073c2d, #052e23);
    color: #fff;
}

.icel-side-kortramme {
    position: relative;
    aspect-ratio: 16 / 7;
    overflow: hidden;
    margin-bottom: 34px;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 26px;
    background: rgba(255, 255, 255, .07);
}

.icel-side-kortramme iframe {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Guldet i hjoernerne er lyst og forsvinder mod en lys baggrund. Forsidens
   lyse sektioner faar derfor en moerkere tone - det skal de nye ogsaa. */
.icel-side-omraader::after,
.icel-side-kontakt::after,
.icel-home-section + .icel-side-omraader::after,
.icel-home-section + .icel-side-kontakt::after {
    background-image:
        linear-gradient(90deg,  rgba(166, 124, 46, .7), rgba(166, 124, 46, 0)),
        linear-gradient(180deg, rgba(166, 124, 46, .7), rgba(166, 124, 46, 0)),
        linear-gradient(270deg, rgba(166, 124, 46, .7), rgba(166, 124, 46, 0)),
        linear-gradient(180deg, rgba(166, 124, 46, .7), rgba(166, 124, 46, 0)),
        linear-gradient(90deg,  rgba(166, 124, 46, .7), rgba(166, 124, 46, 0)),
        linear-gradient(0deg,   rgba(166, 124, 46, .7), rgba(166, 124, 46, 0)),
        linear-gradient(270deg, rgba(166, 124, 46, .7), rgba(166, 124, 46, 0)),
        linear-gradient(0deg,   rgba(166, 124, 46, .7), rgba(166, 124, 46, 0));
}

/* ---------- Tablet og telefon ---------- */

@media (max-width: 900px) {
    .icel-home-hero.icel-side-hero { min-height: 540px; }
    .icel-side-omraadegrid   { grid-template-columns: 1fr; }
    .icel-side-tjenesteliste { grid-template-columns: 1fr; }
    .icel-side-kortramme     { aspect-ratio: 4 / 3; }
}

@media (max-width: 767px) {
    /* Menubjaelken staar i icel-faelles.css - den gaelder alle fem sider. */

    .icel-home-hero.icel-side-hero { min-height: 480px; }

    .icel-home-hero.icel-side-hero h1 { font-size: clamp(34px, 11vw, 48px); }

    .icel-side-omraade { padding: 27px 23px 25px; }
    .icel-side-omraade__nr { top: 22px; right: 22px; }
    .icel-side-omraade h3 { font-size: 21px; }

    .icel-side-kort { padding: 25px 22px; }
    .icel-side-tjenesteliste li { padding: 19px 20px; }
    .icel-side-kontaktnote { margin-top: 30px; text-align: left; }
    .icel-side-kortramme { aspect-ratio: 1 / 1; }
}


/* ===========================================================================
   GULDHJOERNERNE: kun den vandrette streg, og kun mellem to afsnit
   ===========================================================================
   5. september 2026.

   To rettelser samme dag:

   1. Hvert hjoerne havde to streger - én vandret langs kanten og én lodret
      ned ad siden. De lodrette er taget ud. Stregen skal foelge kanten
      mellem afsnittene, ikke krybe ned ad siden.

   2. Det foerste afsnit under heroet skal slet ikke have hjoernestreger.
      Dér er der ingen skillelinje at pynte paa, og resultatet var, at
      linjen fadede ud mod kanten og saa dukkede op igen som et lyst stykke
      yderst i hver side. Det lignede en fejl.

      Loesningen er selektoren: hjoernerne tegnes kun paa et afsnit, der
      *foelger efter* et andet afsnit. Det foerste afsnit paa siden har
      ingen foran sig og faar derfor ingenting. Der gaar intet tabt
      nederst i det: dets nederste hjoerner laa alligevel praecis dér, hvor
      det naeste afsnit tegner sine oeverste.

   Baggrunden staar med billede, stoerrelse og placering samlet: listerne
   skal have lige mange led, og lader man de gamle stoerrelser staa, faar
   den anden vandrette streg maalene fra en lodret og bliver 2 px bred og
   130 px hoej.

   Det her afsnit ligger sidst i filen og gaelder derfor foran de to aeldre
   saet hjoerneregler laengere oppe. De kan ryddes, naeste gang filen
   skrives om.
   =========================================================================== */

/* Udgangspunktet: ingen hjoerner. Kun afsnit med et afsnit foran sig faar
   dem tilbage i de to regler herunder. */
.icel-home-section::after {
    background-image: none;
}

.icel-home-section + .icel-home-section::after {
    background-image:
        linear-gradient(90deg,  rgba(239, 208, 139, .85), rgba(239, 208, 139, 0)),
        linear-gradient(270deg, rgba(239, 208, 139, .85), rgba(239, 208, 139, 0)),
        linear-gradient(90deg,  rgba(239, 208, 139, .85), rgba(239, 208, 139, 0)),
        linear-gradient(270deg, rgba(239, 208, 139, .85), rgba(239, 208, 139, 0));
    background-size: 190px 2px, 190px 2px, 190px 2px, 190px 2px;
    background-position: left top, right top, left bottom, right bottom;
}

/* Lys guld forsvinder mod en lys baggrund. De lyse afsnit faar en moerkere
   tone - baade forsidens og de to nye paa undersiderne. */
.icel-home-section + .icel-home-about::after,
.icel-home-section + .icel-home-services::after,
.icel-home-section + .icel-home-mosque::after,
.icel-home-section + .icel-side-omraader::after,
.icel-home-section + .icel-side-kontakt::after {
    background-image:
        linear-gradient(90deg,  rgba(166, 124, 46, .7), rgba(166, 124, 46, 0)),
        linear-gradient(270deg, rgba(166, 124, 46, .7), rgba(166, 124, 46, 0)),
        linear-gradient(90deg,  rgba(166, 124, 46, .7), rgba(166, 124, 46, 0)),
        linear-gradient(270deg, rgba(166, 124, 46, .7), rgba(166, 124, 46, 0));
}

@media (max-width: 900px) {
    .icel-home-section + .icel-home-section::after {
        background-size: 120px 2px, 120px 2px, 120px 2px, 120px 2px;
    }
}

@media (max-width: 620px) {
    .icel-home-section + .icel-home-section::after {
        background-size: 70px 1px, 70px 1px, 70px 1px, 70px 1px;
    }
}