/* Oversikt — LydBibel.com, 19. oktober 2026. Bare forsiden. */
:root{--ov-navy:#10264b;--ov-gold:#c58b1f;--ov-gold-dark:#ad7815;--ov-ink:#253e64;--ov-cream:#fcfaf6}
html{scroll-behavior:smooth}body.lb-new-oversikt{margin:0;min-width:0;overflow-x:clip;background:#fefdfb;color:var(--ov-navy);font-family:Poppins,"Segoe UI",Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}
.lb-new-oversikt *{box-sizing:border-box}.lb-new-oversikt a{color:inherit}.lb-new-oversikt .ov-container{max-width:1190px;margin-left:auto;margin-right:auto;padding-left:22px;padding-right:22px}
.lb-new-oversikt .ov-hero{min-height:535px;background-image:linear-gradient(90deg,rgba(251,249,246,.94) 0%,rgba(250,248,243,.79) 27%,rgba(253,248,233,.36) 49%,rgba(255,255,255,0) 73%),var(--hero);background-position:center,center 52%;background-size:cover;background-repeat:no-repeat;display:flex;align-items:center;position:relative;isolation:isolate}
.lb-new-oversikt .ov-hero-content{width:100%;padding-top:60px;padding-bottom:75px}.lb-new-oversikt .ov-hero h1{font-size:clamp(3.2rem,5.3vw,5.5rem);font-weight:700;font-family:Georgia,Times,serif;line-height:1.03;letter-spacing:-1.6px;color:#10234a;margin:0 0 19px;max-width:620px}.lb-new-oversikt .ov-hero p{font-size:clamp(1rem,1.44vw,1.32rem);line-height:1.55;max-width:610px;color:#132c50;font-weight:500;margin:0 0 28px}.lb-new-oversikt .ov-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:13px}
.lb-new-oversikt .ov-button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:46px;padding:11px 22px;border-radius:7px;font-family:Poppins,"Segoe UI",Arial,sans-serif;font-weight:700;font-size:15px;text-decoration:none;line-height:1.35;box-shadow:0 3px 10px rgba(3,14,31,.08);transition:filter .2s,transform .2s}.lb-new-oversikt .ov-button:hover{filter:brightness(1.09);transform:translateY(-1px)}.lb-new-oversikt .ov-button:focus-visible,.lb-new-oversikt .ov-card:focus-visible,.lb-new-oversikt .ov-video-preview:focus-visible{outline:3px solid #bd801b;outline-offset:4px}.lb-new-oversikt .ov-primary{background:#0d2b55;color:white}.lb-new-oversikt .ov-gold{background:linear-gradient(110deg,#ba7e13,#e0a432);color:#fff}.lb-new-oversikt .ov-icon-play{font-size:13px}
.lb-new-oversikt .ov-video-section{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.25fr);gap:clamp(24px,4.6vw,65px);align-items:center;padding-top:65px;padding-bottom:68px}.lb-new-oversikt .ov-eyebrow{color:#b57b16;font-size:13px;letter-spacing:.055em;font-weight:750;line-height:1.4;margin:0 0 8px}.lb-new-oversikt .ov-video-copy h2,.lb-new-oversikt .ov-explore h2,.lb-new-oversikt .ov-lbo h2{font-family:Georgia,Times,serif;color:#10264b;font-weight:700;letter-spacing:-.6px;line-height:1.13}.lb-new-oversikt .ov-video-copy h2{font-size:clamp(2.1rem,3.45vw,3.2rem);margin:0 0 19px}.lb-new-oversikt .ov-video-copy>p:not(.ov-eyebrow){font-size:16px;line-height:1.6;color:#264368;margin:0 0 16px;max-width:430px}.lb-new-oversikt .ov-video-copy .ov-list-intro{margin-top:21px;margin-bottom:9px}.lb-new-oversikt .ov-checks{margin:0 0 23px;padding:0;list-style:none;color:#16345d}.lb-new-oversikt .ov-checks li{position:relative;padding:5px 0 5px 29px;font-weight:500}.lb-new-oversikt .ov-checks li:before{content:'✓';position:absolute;left:0;top:3px;font-size:19px;color:#c58b1f;font-weight:800}.lb-new-oversikt .ov-youtube{font-size:14px;white-space:normal}.lb-new-oversikt .ov-video-preview{position:relative;display:block;overflow:hidden;border-radius:13px;border:7px solid #fff;background:#f5f0f9;text-decoration:none;box-shadow:0 15px 32px rgba(22,43,75,.13);aspect-ratio:16 / 9}.lb-new-oversikt .ov-video-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.lb-new-oversikt .ov-preview-bottom{position:absolute;inset:auto 0 0 0;color:white;display:flex;align-items:center;gap:10px;padding:22px 14px 13px;background:linear-gradient(transparent,rgba(9,17,31,.93));font-size:12px;font-weight:700;letter-spacing:.02em;opacity:.92}.lb-new-oversikt .ov-preview-play{font-size:15px}.lb-new-oversikt .ov-preview-youtube{margin-left:auto;font-size:11px}.lb-new-oversikt .ov-video-preview:hover .ov-preview-bottom{opacity:1}
.lb-new-oversikt .ov-explore{padding-top:30px;padding-bottom:23px}.lb-new-oversikt .ov-center{text-align:center}.lb-new-oversikt .ov-explore h2{text-align:center;font-size:clamp(2.05rem,3.65vw,3.85rem);margin:0 0 6px}.lb-new-oversikt .ov-explore-intro{text-align:center;font-size:16px;color:#385173;margin:0 auto 28px;line-height:1.55}.lb-new-oversikt .ov-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.lb-new-oversikt .ov-card{border-radius:12px;overflow:hidden;background:#fff;text-decoration:none;display:flex;flex-direction:column;box-shadow:0 10px 27px rgba(23,33,54,.065);transition:transform .2s,box-shadow .2s}.lb-new-oversikt .ov-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(23,33,54,.1)}.lb-new-oversikt .ov-card-image{height:158px;overflow:hidden}.lb-new-oversikt .ov-card-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.lb-new-oversikt .ov-card-body{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:194px;padding:27px 20px 21px}.lb-new-oversikt .ov-symbol{position:absolute;top:-26px;left:17px;width:47px;height:47px;border-radius:50%;border:3px solid #fff;background:white;box-shadow:0 3px 9px rgba(10,32,62,.12);display:flex;align-items:center;justify-content:center;color:var(--ov-gold);font-size:28px;line-height:1}.lb-new-oversikt .ov-symbol-music{font-size:30px}.lb-new-oversikt .ov-card h3{font:700 26px/1.18 Georgia,Times,serif;letter-spacing:-.3px;margin:1px 0 11px;color:#10264b}.lb-new-oversikt .ov-card p{font-size:14px;line-height:1.47;color:#2e496f;margin:0 0 16px}.lb-new-oversikt .ov-round-arrow{margin-top:auto;align-self:flex-end;background:linear-gradient(110deg,#bd7e10,#dba02d);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:500;width:39px;height:39px;line-height:1}
.lb-new-oversikt .ov-lbo{padding-top:15px;padding-bottom:45px}.lb-new-oversikt .ov-lbo-panel{position:relative;isolation:isolate;display:grid;grid-template-columns:33% minmax(0,1fr);align-items:center;min-height:267px;border-radius:12px;overflow:hidden;background-image:linear-gradient(90deg,rgba(255,251,241,.64),rgba(255,253,247,.97) 37%,rgba(255,251,240,.81) 64%,rgba(253,241,222,.20)),var(--lbo-bg);background-size:cover;background-position:center,center 43%;box-shadow:0 11px 29px rgba(23,33,54,.08)}.lb-new-oversikt .ov-lbo-picture{height:100%;min-height:267px;background-image:url('oversikt-2026/lbo-telefon.jpg');background-size:cover;background-position:center 40%;mask-image:linear-gradient(to right,#000 0%,#000 70%,transparent 100%)}.lb-new-oversikt .ov-lbo-content{position:relative;z-index:1;padding:28px 45px 30px 10px;max-width:765px}.lb-new-oversikt .ov-lbo-content .ov-eyebrow{margin:0 0 4px;font-size:12px}.lb-new-oversikt .ov-lbo h2{font-size:clamp(1.7rem,2.3vw,2.45rem);margin:0 0 10px}.lb-new-oversikt .ov-lbo-content>p:not(.ov-eyebrow){font-size:15px;line-height:1.5;color:#203d65;margin:0 0 9px;max-width:660px}.lb-new-oversikt .ov-lbo .ov-button{margin-top:9px}
.lb-new-oversikt .ov-footer{position:relative;isolation:isolate;overflow:hidden;border-top:1px solid #e5e6e5;background:linear-gradient(180deg,#fefdfb 0%,#fcfcfa 63%,#e6edf2 100%);padding-top:43px;color:#172e54}.lb-new-oversikt .ov-footer:before{content:'';position:absolute;z-index:-1;inset:auto -4% -8px -4%;height:115px;opacity:.20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 1400 180' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%238baac1' d='M0 130L76 82l53 35 78-72 72 60 61-53 88 67 91-48 66 44 85-80 85 76 63-44 69 40 86-64 113 80 76-38 65 47 97-68 73 52V180H0Z'/%3E%3Cpath fill='%23667f99' fill-opacity='.5' d='M0 165l109-45 69 36 90-34 105 46 100-55 122 59 117-43 81 31 98-56 102 46 110-55 103 58 102-42 102 30v51H0z'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat;pointer-events:none}.lb-new-oversikt .ov-footer-inner{display:grid;grid-template-columns:1.45fr .9fr 1fr 1.2fr;gap:38px;padding-bottom:37px}.lb-new-oversikt .ov-footer h3{font-size:15px;font-weight:700;margin:2px 0 13px}.lb-new-oversikt .ov-footer-brand img{display:block;width:187px;height:auto;max-width:100%}.lb-new-oversikt .ov-footer-brand>p{font-size:13px;line-height:1.58;max-width:240px;margin:12px 0 12px}.lb-new-oversikt .ov-footer-brand .ov-heart{display:flex;align-items:center;gap:11px;font-size:13px}.lb-new-oversikt .ov-heart span{font-family:Arial,sans-serif;color:var(--ov-gold);font-size:30px}.lb-new-oversikt .ov-footer-links,.lb-new-oversikt .ov-footer-contact{padding:0;margin:0;list-style:none}.lb-new-oversikt .ov-footer-links li{position:relative;padding:2px 0 2px 16px;line-height:1.45}.lb-new-oversikt .ov-footer-links li:before{content:'›';position:absolute;left:0;top:-1px;color:#b88622;font-size:21px}.lb-new-oversikt .ov-footer a{color:#1d3960;text-decoration:none}.lb-new-oversikt .ov-footer a:hover{text-decoration:underline;color:#a57118}.lb-new-oversikt .ov-footer-links a,.lb-new-oversikt .ov-footer-contact{font-size:13px}.lb-new-oversikt .ov-footer-contact li{display:flex;gap:10px;align-items:center;line-height:1.5;margin:6px 0;overflow-wrap:anywhere}.lb-new-oversikt .ov-footer-contact li>span{min-width:19px;text-align:center;color:var(--ov-gold);font-size:18px;font-weight:700}.lb-new-oversikt .ov-footer h3.ov-social-title{margin-top:22px}.lb-new-oversikt .ov-footer-bottom{border-top:1px solid #cfb47c;padding-top:14px;padding-bottom:17px;text-align:center;font-size:11px;color:#4f6889}
@media(max-width:1000px){.lb-new-oversikt .ov-hero{min-height:450px}.lb-new-oversikt .ov-video-section{grid-template-columns:1fr 1.2fr}.lb-new-oversikt .ov-card-body{padding-left:16px;padding-right:16px}.lb-new-oversikt .ov-card h3{font-size:23px}.lb-new-oversikt .ov-footer-inner{gap:23px}}
@media(max-width:750px){.lb-new-oversikt .ov-container{padding-left:18px;padding-right:18px}.lb-new-oversikt .ov-hero{min-height:440px;background-position:center,62% center;background-image:linear-gradient(90deg,rgba(255,252,247,.95) 0%,rgba(255,251,245,.88) 45%,rgba(255,247,234,.36) 100%),var(--hero)}.lb-new-oversikt .ov-hero-content{padding-top:58px;padding-bottom:58px}.lb-new-oversikt .ov-hero h1{font-size:clamp(2.8rem,7vw,3.7rem)}.lb-new-oversikt .ov-video-section{display:grid;grid-template-columns:1fr;gap:22px;padding-top:44px;padding-bottom:39px}.lb-new-oversikt .ov-video-copy h2 br{display:none}.lb-new-oversikt .ov-video-copy h2{font-size:2.65rem}.lb-new-oversikt .ov-video-preview{max-width:100%}.lb-new-oversikt .ov-explore{padding-top:25px}.lb-new-oversikt .ov-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.lb-new-oversikt .ov-card-body{min-height:190px}.lb-new-oversikt .ov-lbo-panel{grid-template-columns:29% 1fr}.lb-new-oversikt .ov-lbo-content{padding:24px 20px 26px 7px}.lb-new-oversikt .ov-lbo h2{font-size:1.72rem}.lb-new-oversikt .ov-footer-inner{grid-template-columns:1fr 1fr;row-gap:31px}}
@media(max-width:520px){.lb-new-oversikt .ov-hero{min-height:435px;background-position:center,57% center}.lb-new-oversikt .ov-hero h1{font-size:2.85rem;letter-spacing:-1px}.lb-new-oversikt .ov-hero p{font-size:15px;max-width:310px}.lb-new-oversikt .ov-hero-actions{gap:9px}.lb-new-oversikt .ov-button{font-size:13px;padding:10px 12px;min-height:43px}.lb-new-oversikt .ov-video-copy h2{font-size:2.38rem}.lb-new-oversikt .ov-video-copy>p:not(.ov-eyebrow){font-size:15px}.lb-new-oversikt .ov-explore h2{font-size:2.25rem}.lb-new-oversikt .ov-explore-intro{font-size:14px}.lb-new-oversikt .ov-cards{gap:11px}.lb-new-oversikt .ov-card-image{height:116px}.lb-new-oversikt .ov-card-body{min-height:195px;padding:23px 13px 12px}.lb-new-oversikt .ov-symbol{height:38px;width:38px;top:-23px;left:11px;font-size:23px}.lb-new-oversikt .ov-card h3{font-size:21px;margin-bottom:9px}.lb-new-oversikt .ov-card p{font-size:12px;line-height:1.47}.lb-new-oversikt .ov-round-arrow{height:34px;width:34px;font-size:20px}.lb-new-oversikt .ov-lbo-panel{display:block;padding-top:132px;background-position:center,57% center}.lb-new-oversikt .ov-lbo-picture{position:absolute;inset:0 auto auto 0;height:145px;min-height:0;width:100%;background-size:auto 250px;background-position:left 38% top 10%;mask-image:linear-gradient(to bottom,#000 0%,transparent 100%)}.lb-new-oversikt .ov-lbo-content{padding:15px 20px 25px;background:linear-gradient(180deg,rgba(255,253,249,.93),rgba(255,253,249,.87))}.lb-new-oversikt .ov-lbo h2{font-size:1.85rem}.lb-new-oversikt .ov-lbo-content>p:not(.ov-eyebrow){font-size:14px}.lb-new-oversikt .ov-footer-inner{grid-template-columns:1fr 1fr;column-gap:16px}.lb-new-oversikt .ov-footer-brand img{width:150px}.lb-new-oversikt .ov-footer-brand>p{font-size:12px}.lb-new-oversikt .ov-footer-links a,.lb-new-oversikt .ov-footer-contact{font-size:12px}}
@media(max-width:370px){.lb-new-oversikt .ov-hero h1{font-size:2.55rem}.lb-new-oversikt .ov-explore h2{font-size:2rem}.lb-new-oversikt .ov-cards{grid-template-columns:1fr}.lb-new-oversikt .ov-card-image{height:140px}.lb-new-oversikt .ov-card-body{min-height:155px}}
@media(prefers-reduced-motion:reduce){.lb-new-oversikt *{scroll-behavior:auto;transition:none!important}}

/* Photography is a real <img>, not a CSS-variable URL. This renders reliably both locally and on Pages. */
.lb-new-oversikt .ov-hero{background-image:none!important}
.lb-new-oversikt .ov-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%;z-index:-2}
.lb-new-oversikt .ov-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(252,249,245,.96) 0%,rgba(253,250,246,.89) 23%,rgba(253,249,242,.48) 48%,transparent 78%)}
.lb-new-oversikt .ov-lbo-panel{background-image:none!important}
.lb-new-oversikt .ov-lbo-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 54%;z-index:-2}
.lb-new-oversikt .ov-lbo-panel::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(255,248,238,.72),rgba(255,253,247,.98) 34%,rgba(255,252,247,.77) 65%,rgba(251,241,222,.12))}
@media(max-width:750px){.lb-new-oversikt .ov-hero-photo{object-position:62% center}.lb-new-oversikt .ov-hero::before{background:linear-gradient(90deg,rgba(255,252,247,.97),rgba(255,251,245,.89) 43%,rgba(255,247,234,.38))}}
@media(max-width:520px){.lb-new-oversikt .ov-hero-photo{object-position:57% center}.lb-new-oversikt .ov-lbo-bg{object-position:57% center}}

.lb-new-oversikt .ov-symbol svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.lb-new-oversikt .ov-card .ov-symbol-music svg{width:25px;height:25px}
.lb-new-oversikt .ov-lbo-panel{background:linear-gradient(105deg,#fffaf4,#fdfaf2 65%,#eee7dc)}
.lb-new-oversikt .ov-lbo-bg{left:auto;right:0;width:42%;height:100%;object-position:center center;mask-image:linear-gradient(to right,transparent 0%,#000 46%)}
.lb-new-oversikt .ov-lbo-panel::before{background:linear-gradient(90deg,rgba(255,249,240,.25),rgba(255,252,246,.97) 32%,rgba(255,252,246,.78) 66%,rgba(255,250,244,.08) 100%)}
@media(max-width:520px){.lb-new-oversikt .ov-lbo-bg{inset:auto 0 0 auto;height:100%;width:100%;mask-image:linear-gradient(to bottom,transparent,#000)}}


/* 20 Oct 2026: Compact, approved reading-and-listening card (Oversikt only). */
.lb-new-oversikt .ov-video-section{
 display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.08fr);
 align-items:center;gap:clamp(24px,3.4vw,44px);
 max-width:1190px;margin-top:34px;margin-bottom:28px;
 padding:24px 30px;
 border:1px solid #f0ece4;border-radius:19px;
 background:linear-gradient(110deg,#fffcf7 0%,#fffdfb 48%,#fff 100%);
 box-shadow:0 11px 30px rgba(20,39,68,.075);
}
.lb-new-oversikt .ov-video-copy{min-width:0;padding:1px 0 2px}
.lb-new-oversikt .ov-video-copy h2{
 font-size:clamp(2.0rem,2.9vw,2.85rem);line-height:1.09;
 margin:0 0 14px;letter-spacing:-.6px;
}
.lb-new-oversikt .ov-video-copy>p:not(.ov-eyebrow){
 font-size:15px;line-height:1.55;margin:0 0 14px;max-width:460px;
}
.lb-new-oversikt .ov-video-points{
 display:flex;gap:8px 17px;flex-wrap:wrap;align-items:center;
 list-style:none;padding:0;margin:0 0 18px;color:#17355e;
}
.lb-new-oversikt .ov-video-points li{
 display:flex;gap:7px;align-items:center;font-size:12.5px;line-height:1.4;
 font-weight:500;white-space:nowrap;
}
.lb-new-oversikt .ov-video-points li:before{
 content:'✓';color:#c58b1f;font-size:19px;line-height:1;font-weight:700;
}
.lb-new-oversikt .ov-video-section .ov-youtube{font-size:13px;min-height:43px;padding:10px 17px;}
.lb-new-oversikt .ov-video-section .ov-video-preview{
 border:0;border-radius:12px;background:#f8f9fc;
 aspect-ratio:1106 / 622;box-shadow:0 9px 21px rgba(10,30,61,.14);
}
.lb-new-oversikt .ov-video-section .ov-preview-bottom{padding:18px 12px 9px;font-size:10px}
.lb-new-oversikt .ov-explore{padding-top:19px}
@media(max-width:900px){
 .lb-new-oversikt .ov-video-section{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:20px;padding:20px 22px}
 .lb-new-oversikt .ov-video-copy h2{font-size:clamp(1.95rem,3.6vw,2.35rem)}
 .lb-new-oversikt .ov-video-points{gap:7px 12px}
}
@media(max-width:750px){
 .lb-new-oversikt .ov-video-section{grid-template-columns:1fr;gap:23px;margin-top:26px;margin-bottom:18px;padding:25px 22px 23px}
 .lb-new-oversikt .ov-video-copy h2{font-size:clamp(2.05rem,6vw,2.65rem)}
 .lb-new-oversikt .ov-video-copy h2 br{display:none}
 .lb-new-oversikt .ov-video-points{margin-bottom:18px}
}
@media(max-width:520px){
 .lb-new-oversikt .ov-video-section{margin-top:19px;margin-bottom:12px;padding:20px 16px 19px;border-radius:14px}
 .lb-new-oversikt .ov-video-copy h2{font-size:clamp(1.85rem,7vw,2.25rem)}
 .lb-new-oversikt .ov-video-copy>p:not(.ov-eyebrow){font-size:14px}
 .lb-new-oversikt .ov-video-points{gap:5px 13px}
 .lb-new-oversikt .ov-video-points li{font-size:11px}
 .lb-new-oversikt .ov-explore{padding-top:20px}
}

/* Keep the screenshot preview caption legible over the existing thumbnail. */
.lb-new-oversikt .ov-video-section .ov-preview-bottom{
 inset:auto 0 0;min-height:30px;display:flex;align-items:center;
 gap:8px;white-space:nowrap;overflow:hidden;
 padding:6px 11px;background:rgba(8,22,42,.88);font-size:10px;
}
.lb-new-oversikt .ov-video-section .ov-preview-youtube{margin-left:auto;flex-shrink:0}
