/* Billedfri, dekorativ CSS-grafik */
.visual-art{position:relative;width:100%;height:100%;overflow:hidden;background:linear-gradient(145deg,#dbe9e4,#a8cbc0)}
.visual-art:before{content:"";position:absolute;width:54%;aspect-ratio:1;border:2px solid rgba(255,255,255,.8);border-radius:50%;right:-13%;top:-12%}
.visual-art:after{content:"";position:absolute;width:130px;height:170px;left:50%;top:50%;transform:translate(-50%,-48%) rotate(45deg);background:#fbfaf6;border-radius:54% 54% 45% 45%;box-shadow:0 24px 50px rgba(22,60,54,.17)}
.visual-art i,.visual-art b{position:absolute;z-index:2;background:inherit;border:15px solid #fbfaf6;border-radius:50%;width:88px;height:120px;top:calc(50% - 80px)}
.visual-art i{left:calc(50% - 77px);transform:rotate(17deg)}
.visual-art b{right:calc(50% - 77px);transform:rotate(-17deg)}
.visual-art span{position:absolute;z-index:3;width:14px;height:14px;background:#d7b36c;border-radius:50%;left:calc(50% - 7px);top:calc(50% - 7px);box-shadow:0 0 0 12px rgba(215,179,108,.22)}
.hero-art{background:linear-gradient(155deg,#c9ded7 0 48%,#8db7aa 48%)}
.hero-art:before{width:74%;right:-20%;top:8%}
.card-art{background:linear-gradient(145deg,color-mix(in srgb,var(--card-accent) 30%,#f4f0e7),color-mix(in srgb,var(--card-accent) 75%,#fff))}
.card-art:after{width:78px;height:104px}
.card-art i,.card-art b{width:54px;height:76px;border-width:10px;top:calc(50% - 51px)}
.card-art i{left:calc(50% - 48px)}.card-art b{right:calc(50% - 48px)}.card-art span{width:9px;height:9px}
.about-art{background:linear-gradient(135deg,#d7b36c,#ede0bd)}
.about-art:before{border-color:rgba(22,60,54,.24);width:85%;right:-35%}
.about-art:after{transform:translate(-50%,-48%) rotate(45deg) scale(1.2)}
.guide-art,.inline-art{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 22%,#f4f0e7),color-mix(in srgb,var(--accent) 76%,#fff))}
.inline-art:before{right:auto;left:-12%;top:auto;bottom:-30%}
.inline-art:after{transform:translate(-50%,-48%) rotate(45deg) scale(.82)}
.content-section:nth-of-type(even) .inline-art{background:linear-gradient(35deg,color-mix(in srgb,var(--accent) 65%,#fff),#ebe5d8)}
.content-section:nth-of-type(3n) .inline-art:after{transform:translate(-50%,-48%) rotate(225deg) scale(.82)}

/* Én selvstændig illustration pr. guide */
.guide-visual-1 .guide-art{background:linear-gradient(135deg,#f1d7d1 0 52%,#c95c48 52%)}
.guide-visual-1 .guide-art:before{width:38%;right:8%;top:10%;border-style:dashed}
.guide-visual-2 .guide-art{background:repeating-linear-gradient(125deg,#dbeae5 0 34px,#c2ddd5 34px 68px)}
.guide-visual-2 .guide-art:after{transform:translate(-50%,-48%) rotate(45deg) scale(.85)}
.guide-visual-3 .guide-art{background:radial-gradient(circle at 20% 20%,#fff 0 5%,transparent 5.5%),radial-gradient(circle at 80% 72%,#fff 0 8%,transparent 8.5%),linear-gradient(145deg,#e8dcf0,#9a6bb7)}
.guide-visual-3 .guide-art span{box-shadow:0 0 0 22px rgba(255,255,255,.23)}
.guide-visual-4 .guide-art{background:linear-gradient(45deg,#f0dadd 25%,transparent 25%),linear-gradient(-45deg,#f0dadd 25%,transparent 25%),#b85f67;background-size:72px 72px}
.guide-visual-4 .guide-art:before{border-radius:0;transform:rotate(18deg)}
.guide-visual-5 .guide-art{background:linear-gradient(160deg,#dae5ed 0 38%,#567c9c 38% 68%,#b9ccd9 68%)}
.guide-visual-5 .guide-art:after{transform:translate(-50%,-48%) rotate(225deg)}
.guide-visual-6 .guide-art{background:radial-gradient(circle at center,#f8efd9 0 24%,#d8bb7e 24.5% 36%,#b08945 36.5% 60%,#efe6d4 60.5%)}
.guide-visual-6 .guide-art:before{width:70%;right:15%;top:15%;border-color:#fff}