/* Dorthe Broeng – site-specific styles on top of BOZA v7.
   Source: migration/build/site-base.css (this part) + the generated homepage part below.
   Direction "A3 Midnat": deep blue, ivory and sand; gold only as lines, small labels and the logo. */
body {
	--amber-soft: #E3C77E;
	--on-ink-dim-green: #C3C8DE;
	--ph-from: #EDE6D6;
	--ph-to: #DDD3BD;
	--ph-fg: #A99C80;
	--ph-dark: linear-gradient(150deg, #3A4478, #2F3765);
	--db-gold: #C9A24B;
	/* The logo's blue (#2F3765, from the client's logo files 2026-10-21) for every blue ground. */
	--db-night: #2F3765;
	--db-blue: #2F3765;
	--db-ivory: #F7F2E4;
	--db-ivory-soft: #C3C8DE;
	--db-foil: linear-gradient(120deg, #8E6B1E 0%, #D9B65A 20%, #F6E7A6 38%, #C99A32 56%, #F1D98A 76%, #9A7424 100%);
}

/* ---------- Comfortaa, the logo's typeface (SIL Open Font Licence), served from the site itself:
   no request to Google's servers. Variable font 300–700, Latin and Latin Extended only. ---------- */
@font-face {
	font-family: "Comfortaa";
	font-style: normal;
	font-weight: 300 700;
	font-display: swap;
	src: url(fonts/comfortaa-latin-ext.woff2) format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "Comfortaa";
	font-style: normal;
	font-weight: 300 700;
	font-display: swap;
	src: url(fonts/comfortaa-latin.woff2) format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ---------- small labels and buttons: spaced capitals, as on the business card ---------- */
.kicker,
.is-style-boza-kicker {
	font-family: var(--sans);
	font-style: normal;
	font-size: .7rem;
	font-weight: 600;
	letter-spacing: .26em;
	text-transform: uppercase;
}

.btn {
	font-size: .74rem;
	font-weight: 600;
	letter-spacing: .2em;
	text-transform: uppercase;
}

/* A price on a card: the figure in the display face, its unit small beside it. */
body h3.wp-block-heading.db-price {
	font-family: var(--serif);
	font-size: var(--fs-h2);
	font-weight: var(--fw-head);
	line-height: 1.05;
	letter-spacing: -.015em;
	margin: .1em 0 .2em;
}

body h3.wp-block-heading.db-price span {
	font-family: var(--sans);
	font-size: var(--fs-body);
	font-weight: 400;
	letter-spacing: 0;
	color: var(--ink-soft);
}

/* ---------- the blue grounds carry the mandala, entering from the top left corner ---------- */
.sec-ink,
.sec-accent {
	background-image: url(mandala-ny.webp);
	background-repeat: no-repeat;
	background-position: -400px -470px;
	background-size: 1080px 1080px;
}

/* ---------- one warm, muted tone over the photographs (the two brick-wall portraits are the reference) ---------- */
main img {
	filter: url(#varm);
}

main img[src*="Dortheweb-2454"],
main img[src*="L3A2454"],
main img[src*="L3A2544"],
main img[src*="L3A2469"],
main img[src$=".png"],
main img[src$=".svg"] {
	filter: none;
}

/* ---------- header: night blue, the gold logo on a row of its own ---------- */
.hdr {
	--paper: #2F3765;
	--ink: #F7F2E4;
	--ink-soft: #C3C8DE;
	--tint: rgba(255, 255, 255, .06);
	--tint-deep: rgba(255, 255, 255, .1);
	--line: rgba(255, 255, 255, .14);
	--line-dark: rgba(201, 162, 75, .4);
	--green: #F7F2E4;
	background: var(--db-night);
	color: var(--db-ivory);
	position: fixed;
	top: var(--hdr-top, 0px);
	left: 0;
	right: 0;
	transition: transform .15s ease-in-out;
}

/* The header is out of the flow: the page keeps the room it took (site.js measures it). */
body {
	padding-top: var(--db-hdr-h, 81px);
}

@media (min-width: 1101px) {
	body {
		padding-top: var(--db-hdr-h, 191px);
	}
}

.db-hdr-hidden .hdr {
	transform: translateY(calc(-100% - var(--hdr-top, 0px)));
}

.hdr .brand {
	gap: 14px;
}

.hdr .brand img.mk,
.compact-on.scrolled .hdr .brand img.mk {
	height: 44px;
	width: auto;
}

.hdr .brand .wm,
.compact-on.scrolled .hdr .brand .wm {
	/* the name in the logo's own typeface, where the full logo has no room */
	font-family: "Comfortaa", var(--sans);
	font-size: .72rem;
	font-weight: 500;
	letter-spacing: .3em;
	line-height: 1.5;
	text-transform: uppercase;
	background: var(--db-foil);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.hdr .brand .wm-sub {
	margin: 0;
	font: inherit;
	letter-spacing: inherit;
	color: inherit;
}

.hdr .ic-btn {
	color: var(--db-ivory);
	border-color: rgba(201, 162, 75, .6);
	background: none;
}

.hdr .hdr-act .btn {
	background: none;
	color: var(--db-ivory);
	border: 0;
	border-bottom: 1px solid var(--db-gold);
	border-radius: 0;
	min-height: 0;
	height: auto;
	padding: 0 0 7px;
	box-shadow: none;
	font-size: .74rem;
	font-weight: 500;
	letter-spacing: .2em;
	line-height: 1.2;
	text-transform: uppercase;
}

@media (min-width: 1101px) {
	.hdr .hdr-in {
		grid-template-columns: 1fr auto 1fr;
		row-gap: 0;
		padding-block: 0;
		position: relative;
	}

	.hdr .hdr-in::before {
		content: "";
		grid-column: 1 / -1;
		grid-row: 2;
		align-self: start;
		height: 1px;
		margin: 0 calc(50% - 50vw);
		background: rgba(201, 162, 75, .4);
	}

	.hdr .brand {
		grid-column: 1 / -1;
		grid-row: 1;
		justify-self: center;
		flex-direction: column;
		gap: 12px;
		padding: 28px 0 24px;
		text-align: center;
	}

	.hdr .brand img.mk,
	.compact-on.scrolled .hdr .brand img.mk {
		height: 64px;
	}

	.hdr .brand .wm,
	.compact-on.scrolled .hdr .brand .wm {
		font-size: .98rem;
		letter-spacing: .34em;
		padding-left: .34em;
	}

	.hdr .nav {
		grid-column: 1 / -1;
		grid-row: 2;
		justify-self: center;
		gap: 0;
		height: 60px;
	}

	.hdr .nav .top {
		height: 60px;
		padding: 0 24px;
		display: inline-flex;
		align-items: center;
		gap: 8px;
		border-radius: 0;
		background: none;
		color: var(--db-ivory);
		font-size: .74rem;
		font-weight: 500;
		letter-spacing: .2em;
		text-transform: uppercase;
		white-space: nowrap;
	}

	.hdr .nav .top .t {
		padding: 8px 0;
		border-bottom: 1px solid transparent;
		transition: border-color .3s linear;
	}

	.hdr .nav .top:hover .t,
	.hdr .nav .top[aria-expanded="true"] .t {
		border-bottom-color: var(--db-gold);
	}

	.hdr .nav .top svg {
		color: var(--db-gold);
	}

	.hdr .hdr-act {
		grid-column: 3;
		grid-row: 2;
		justify-self: end;
		z-index: 1;
	}

	/* the drop-down: the blue band across the page, an introduction and a two-column list */
	.hdr .mm-layer {
		top: 100%;
	}

	.hdr .mm-box {
		top: 0;
		left: 0 !important;
		width: 100% !important;
		transform: none !important;
		background: var(--db-blue) url(mandala-ny.webp) no-repeat -400px -470px / 1080px 1080px;
		color: var(--db-ivory);
		border: 0;
		border-top: 1px solid rgba(201, 162, 75, .5);
		border-radius: 0;
		box-shadow: 0 30px 60px -30px rgba(5, 8, 30, .6);
	}

	.hdr .mm.w-full {
		width: 100% !important;
		left: 0 !important;
	}

	.hdr .mm-two {
		grid-template-columns: .8fr 1.9fr;
		gap: 70px;
		align-items: center;
		max-width: 1220px;
		margin: 0 auto;
		padding: 0 28px;
	}

	.hdr .mm-two .side {
		order: -1;
		background: none;
		border: 0;
		padding: 56px 0;
		gap: 16px;
	}

	.hdr .mm-two .side .kicker {
		color: var(--db-gold);
	}

	.hdr .mm-two .side h4 {
		font-family: var(--serif);
		font-size: 1.9rem;
		font-weight: 400;
		line-height: 1.15;
		color: var(--db-ivory);
	}

	.hdr .mm-two .side p {
		font-size: 1rem;
		color: var(--db-ivory-soft);
	}

	.hdr .mm-two .side a {
		justify-self: start;
		color: var(--db-ivory);
		font-size: .74rem;
		font-weight: 600;
		letter-spacing: .2em;
		text-transform: uppercase;
		text-decoration: none;
		border-bottom: 1px solid var(--db-gold);
		padding-bottom: 7px;
	}

	.hdr .mm-two .side a svg {
		display: none;
	}

	.hdr .mm-pad {
		padding: 36px 0;
	}

	.hdr .mr {
		row-gap: 2px;
		column-gap: 34px;
	}

	/* the same answer the therapy photographs give: a darker veil, a thin gold frame, "Læs mere" */
	.hdr .mr a {
		position: relative;
		display: block;
		padding: 13px 150px 13px 26px;
		border-radius: 0;
		background: none;
		color: var(--db-ivory);
		transition: background .45s linear, box-shadow .45s linear;
	}

	.hdr .mr a .ic {
		display: none;
	}

	.hdr .mr a b {
		display: block;
		font-family: var(--serif);
		font-size: 1.3rem;
		font-weight: 400;
		line-height: 1.2;
	}

	.hdr .mr a > span > span {
		color: var(--db-ivory-soft);
		font-size: .9rem;
	}

	.hdr .mr a::after {
		content: "Læs mere  →";
		position: absolute;
		right: 26px;
		top: 50%;
		transform: translateY(-50%);
		font-size: .68rem;
		font-weight: 600;
		letter-spacing: .26em;
		text-transform: uppercase;
		opacity: 0;
		transition: opacity .45s linear;
	}

	.hdr .mr a:hover,
	.hdr .mr a:focus-visible {
		background: rgba(18, 26, 62, .62);
		box-shadow: inset 0 0 0 1px var(--db-gold);
	}

	.hdr .mr a:hover::after,
	.hdr .mr a:focus-visible::after {
		opacity: 1;
	}
}

/* ---------- compact header once the page has left the top: the logo beside the menu on one row ---------- */
@media (min-width: 1101px) {
	.db-scrolled .hdr .hdr-in::before {
		display: none;
	}

	.db-scrolled .hdr .brand {
		grid-column: 1;
		grid-row: 1;
		justify-self: start;
		flex-direction: row;
		gap: 14px;
		padding: 0;
		text-align: left;
	}

	.db-scrolled .hdr .brand img.mk {
		height: 40px;
	}

	.db-scrolled .hdr .brand .wm {
		font-size: .7rem;
		letter-spacing: .3em;
		padding-left: 0;
		white-space: nowrap;
	}

	.db-scrolled .hdr .brand .wm-sub {
		display: block;
	}

	.db-scrolled .hdr .nav {
		grid-column: 2;
		grid-row: 1;
		height: 68px;
	}

	.db-scrolled .hdr .nav .top {
		height: 68px;
		padding: 0 18px;
	}

	.db-scrolled .hdr .hdr-act {
		grid-column: 3;
		grid-row: 1;
	}
}

@media (prefers-reduced-motion: reduce) {
	.hdr {
		transition: none;
	}
}

/* ---------- the top band of every sub-page: photograph, text box with the gold mandala, blue edge ---------- */
.db-sub .db-tb {
	display: grid;
	grid-template-columns: 1fr 1fr 92px;
	min-height: 62vh;
	background: var(--bg2);
}

.db-sub .db-fig img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 420px;
	object-fit: cover;
}

.db-sub .db-tx {
	display: grid;
	gap: 22px;
	align-content: center;
	justify-items: start;
	padding: 84px clamp(28px, 5vw, 88px);
	background: var(--bg2) url(mandala-ny-guld.webp) no-repeat -400px -470px / 1080px 1080px;
}

.db-sub .db-crumb {
	display: flex;
	gap: 12px;
	align-items: center;
	margin: 0;
	font: 500 .68rem/1 var(--sans);
	letter-spacing: .22em;
	text-transform: uppercase;
	color: var(--ink-soft);
}

.db-sub .db-crumb a {
	color: inherit;
	text-decoration: none;
}

.db-sub .db-crumb i {
	font-style: normal;
	color: var(--gold-deep);
}

.db-sub h1 {
	font-size: clamp(2.3rem, 3.8vw, 3.5rem);
	color: var(--ink);
}

.db-sub .db-act {
	display: flex;
	align-items: center;
	gap: 34px;
	flex-wrap: wrap;
	margin-top: 10px;
}

.db-sub .db-act .db-btns {
	margin: 0;
}

.db-sub .db-tel svg {
	color: var(--gold-deep);
}

.db-sub .db-edge {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	padding: 34px 0 30px;
	background: var(--dark);
}

.db-sub .db-edge span {
	writing-mode: vertical-rl;
	font: 600 .8rem/1 var(--sans);
	letter-spacing: .42em;
	text-transform: uppercase;
	white-space: nowrap;
	background: linear-gradient(180deg, #D9B65A, #F8ECBC 30%, #E2C06A 60%, #D2AC52);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.db-sub .db-edge i {
	display: block;
	width: 1px;
	flex: 1;
	margin: 22px 0;
	background: rgba(201, 162, 75, .55);
}

.db-sub .db-edge .db-lotus {
	width: 44px;
	height: auto;
	background: none;
	filter: none;
}

@media (max-width: 900px) {
	.db-sub .db-tb {
		grid-template-columns: 1fr;
		min-height: 0;
	}

	.db-sub .db-fig img {
		min-height: 0;
		height: 46vh;
	}

	.db-sub .db-tx {
		padding: 56px 28px;
	}

	.db-sub .db-edge {
		flex-direction: row;
		padding: 14px 28px;
	}

	.db-sub .db-edge span {
		writing-mode: horizontal-tb;
	}

	.db-sub .db-edge i {
		width: auto;
		height: 1px;
		margin: 0 18px;
	}
}

/* ---------- contact: the map across the whole band ---------- */
.entry-content > .db-map,
.db-map {
	margin-block: 0 !important;
}

.db-map iframe {
	display: block;
	width: 100%;
	height: min(70vh, 620px);
	min-height: 420px;
	border: 0;
}

/* ---------- contact: the form inside the top band ---------- */
.db-sub .db-form {
	width: 100%;
	max-width: 560px;
}

.db-sub .db-fine {
	margin: 0;
	font-size: .82rem;
	color: var(--ink-soft);
}

.db-sub .db-tx:has(.db-form) {
	gap: 16px;
	padding-block: 56px;
}

.db-sub .db-form textarea {
	height: 112px;
	min-height: 0;
}

.db-sub .db-form .frm_form_field {
	margin-bottom: 12px;
}

.db-sub .db-form .frm_submit {
	margin-top: 4px;
}

/* ---------- bands across the whole page on sub-pages: photograph or film in one half, words in the other ---------- */
.db-sub .db-halftx {
	background: var(--bg2);
}

.db-sub .db-halftx h2 {
	color: var(--ink);
}

.db-sub .db-halftx p {
	color: var(--ink-soft);
	margin: 0;
}

.db-home.db-sub .db-vid {
	--h: 0px;
	min-height: 0;
}

.db-home.db-sub .db-half > .db-halftx {
	padding-block: 64px;
}

.db-home.db-sub .db-half:not(.db-vid) {
	min-height: 520px;
}

/* no gap between a full-width band and the sections around it */
.entry-content > .db-sub,
.entry-content > .db-home,
.entry-content > [class*="wp-block-db-"] {
	margin-block: 0 !important;
}

/* the site's own blocks (blocks.php): small things the generated homepage styles do not cover */
.db-home .db-kicker.db-kicker-c {
	justify-content: center;
}

.db-home .db-half > .db-halftx {
	background: var(--bg2);
}

.db-home .db-half > .db-dark .db-btns {
	margin-top: 6px;
}

.db-home:not(.db-sub) .db-half .db-more {
	margin-top: 10px;
}

.db-sub .db-play,
.db-sub .db-frame {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	min-height: 28.125vw;
	padding: 0;
	border: 0;
	background: #2F3765;
	overflow: hidden;
}

.db-sub .db-play {
	cursor: pointer;
}

.db-sub .db-play img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.db-sub .db-play::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(18, 26, 62, .62);
	opacity: 0;
	transition: opacity .5s linear;
	z-index: 1;
}

.db-sub .db-play::after {
	content: "";
	position: absolute;
	inset: 22px;
	border: 1px solid var(--gold);
	opacity: 0;
	transform: scale(1.03);
	transition: opacity .5s linear, transform .6s cubic-bezier(.22, 1, .36, 1);
	z-index: 2;
}

.db-sub .db-play:hover::before,
.db-sub .db-play:focus-visible::before,
.db-sub .db-play:hover::after,
.db-sub .db-play:focus-visible::after {
	opacity: 1;
}

.db-sub .db-play:hover::after,
.db-sub .db-play:focus-visible::after {
	transform: none;
}

.db-sub .db-play-ic {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 3;
	width: 84px;
	height: 84px;
	margin: -42px 0 0 -42px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: var(--on-dark);
	color: var(--dark2);
}

.db-sub .db-play-ic svg {
	width: 26px;
	height: 26px;
}

.db-sub .db-cap {
	position: absolute;
	left: 30px;
	bottom: 26px;
	z-index: 3;
	font: italic 400 1.05rem/1.2 var(--serif);
	color: var(--on-dark);
	text-shadow: 0 1px 3px rgba(0, 0, 0, .5);
}

.db-sub .db-frame iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

@media (max-width: 900px) {
	.db-sub .db-play,
	.db-sub .db-frame {
		min-height: 56.25vw;
	}
}

/* ---------- a picture across the whole band ---------- */
.db-wideimg img {
	display: block;
	width: 100%;
	height: auto;
}

.db-sub .db-more {
	line-height: 1.6;
}

/* ---------- film bands on tablets and phones: the film always keeps its own 16:9 shape,
   above the words, so a long text can never stretch or squeeze it ---------- */
@media (max-width: 1100px) {
	.db-home.db-sub .db-vid {
		grid-template-columns: 1fr;
	}

	.db-home.db-sub .db-vid .db-play,
	.db-home.db-sub .db-vid .db-frame {
		height: auto;
		min-height: 0;
		aspect-ratio: 16 / 9;
	}

	.db-home.db-sub .db-vid > .db-halftx {
		padding: 48px 28px 56px;
	}
}

@media (max-width: 600px) {
	.db-sub .db-play-ic {
		width: 60px;
		height: 60px;
		margin: -30px 0 0 -30px;
	}

	.db-sub .db-play-ic svg {
		width: 20px;
		height: 20px;
	}

	.db-sub .db-cap {
		left: 18px;
		right: 18px;
		bottom: 12px;
		font-size: .9rem;
	}

	.db-sub .db-play::after {
		inset: 10px;
	}
}

.db-home.db-sub .db-frame iframe {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	max-width: none;
	margin: 0;
	border: 0;
}

.db-home.db-sub .db-more {
	line-height: 1.6;
}

.db-home.db-sub figure.db-frame {
	margin: 0;
	padding: 0;
}

/* ==== The theme's own blocks dressed in the approved design (Page top, Split band, Section with a half photo, buttons) ==== */

/* the phone number in a button row: the number itself, large, with the phone in a fine gold ring */
.btn[href^="tel:"] {
	gap: 16px;
	min-height: 0;
	padding: 0;
	border: 0;
	background: none;
	box-shadow: none;
	color: inherit;
	font: 400 clamp(1.5rem, 2.1vw, 1.9rem)/1 var(--serif);
	letter-spacing: .02em;
	text-transform: none;
}

.btn[href^="tel:"]:hover {
	background: none;
	color: inherit;
}

.btn[href^="tel:"] svg {
	width: 46px;
	height: 46px;
	padding: 12px;
	border: 1px solid var(--amber);
	border-radius: 50%;
	color: var(--amber-ink);
	flex: none;
}

.on-ink .btn[href^="tel:"] svg,
.sec-ink .btn[href^="tel:"] svg {
	color: var(--amber);
}

.btn-row:has(> .btn[href^="tel:"]) {
	align-items: center;
	column-gap: 34px;
}

/* Page top: the gold mandala behind the words, the page's name in gold foil on the edge */
.pagetop__words {
	background: url(mandala-ny-guld.webp) no-repeat -400px -470px / 1080px 1080px;
}

.pagetop h1 {
	font-size: clamp(2.3rem, 3.8vw, 3.5rem);
}

.pagetop__edge span {
	background: linear-gradient(180deg, #D9B65A, #F8ECBC 30%, #E2C06A 60%, #D2AC52);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.pagetop__edge i {
	background: rgba(201, 162, 75, .55);
	opacity: 1;
}

.pagetop .wp-block-boza-form {
	width: 100%;
	max-width: 560px;
}

/* Split band: the film fills its half, with the same veil, gold frame and play chip as the photographs */
.split .vid {
	overflow: hidden;
}

.split .vid img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.split .vid figcaption,
.split .vid .cap {
	position: absolute;
	left: 30px;
	bottom: 26px;
	z-index: 3;
	margin: 0;
	font: italic 400 1.05rem/1.2 var(--serif);
	color: #F7F2E4;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .5);
}

.split__words h2 {
	color: var(--ink);
}

/* a picture across the whole page */
.entry-content > .wp-block-image.alignfull {
	margin-block: 0;
}

.entry-content > .wp-block-image.alignfull img {
	display: block;
	width: 100%;
	height: auto;
}

/* a text link in a button row: spaced capitals over a fine gold line, as on the homepage */
.link-more {
	padding-bottom: 7px;
	border-bottom: 1px solid var(--amber);
	color: var(--ink);
	font: 600 .74rem/1.6 var(--sans);
	letter-spacing: .2em;
	text-transform: uppercase;
}

.link-more .txt {
	padding-bottom: 0;
}

.link-more .txt::before,
.link-more .txt::after,
.link-more svg {
	display: none;
}

/* the film in a Split band: no frame of its own, the photographs' veil and gold frame on hover, a large ivory play chip */
.split .vid {
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.split .vid::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: rgba(18, 26, 62, .62);
	opacity: 0;
	transition: opacity .5s linear;
}

.split .vid::after {
	content: "";
	position: absolute;
	inset: 22px;
	z-index: 2;
	border: 1px solid var(--amber);
	opacity: 0;
	transform: scale(1.03);
	transition: opacity .5s linear, transform .6s cubic-bezier(.22, 1, .36, 1);
	pointer-events: none;
}

.split .vid:not(.loaded):hover::before,
.split .vid:not(.loaded):focus-visible::before,
.split .vid:not(.loaded):hover::after,
.split .vid:not(.loaded):focus-visible::after {
	opacity: 1;
	transform: none;
}

.split .vid .play {
	z-index: 3;
	width: 84px;
	height: 84px;
	border: 0;
	background: #F7F2E4;
	color: #2F3765;
}

.split .vid:hover .play {
	background: #F7F2E4;
	color: #2F3765;
}

/* the contact form inside the Page top: compact, across the words' width */
.pagetop__words:has(.wp-block-boza-form) {
	gap: 16px;
	padding-block: 56px;
}

.pagetop .wp-block-boza-form,
.pagetop .wp-block-boza-form .frm-house {
	width: 100%;
	max-width: 560px;
}

.pagetop .wp-block-boza-form textarea {
	height: 112px;
	min-height: 0;
}

/* the map shown at once: no still picture or chip while the real map arrives */
/* Only when the visitor has accepted functional cookies does the map load at once (site.js marks
   the page db-maps-auto); then the still picture and its "Vis kortet" chip are not flashed first.
   Without consent they stay, so the visitor can open the map with a click. */
.db-maps-auto .db-map-live .gmap .plate,
.db-maps-auto .db-map-live .gmap .map-chip {
	visibility: hidden;
}

.db-maps-auto .db-map-live .gmap {
	cursor: default;
}

/* ==== The homepage, built from the theme's blocks: each Section carries a class naming its part ==== */

/* Photo with motto: the motto in gold foil, the heart in gold */
.photomotto__line > span {
	background: linear-gradient(180deg, #D9B65A 0%, #F8ECBC 24%, #E2C06A 48%, #FBF1CC 70%, #D2AC52 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	filter: drop-shadow(0 1px 3px rgba(20, 12, 2, .8));
}

.photomotto__heart {
	color: #E2C06A;
	filter: drop-shadow(0 1px 2px rgba(40, 25, 5, .55));
}

/* the opening words under the photograph, and every centred blue band */
.sec.sec-center .boza-section__inner {
	max-width: 900px;
	margin-inline: auto;
	display: grid;
	gap: 24px;
	justify-items: center;
}

.sec.sec-center .boza-section__inner > * {
	margin: 0;
}

.sec.sec-center .is-style-boza-lead {
	max-width: 36em;
}

.sec.sec-center .btn-row {
	justify-content: center;
}

.db-opening h1 {
	font-size: clamp(2.6rem, 4.6vw, 4.2rem);
	line-height: 1.08;
}

/* the gold accent rule */
.wp-block-boza-separator {
	color: var(--amber);
}

.sec .wp-block-boza-separator {
	width: 64px;
	margin-block: 0;
}

/* Therapies: tall photographs, words under them on the sand, a blue veil and a gold frame with "Læs mere" on hover */
.db-therapies {
	background: var(--tint);
	padding-bottom: 100px;
}

.db-therapies .wp-block-boza-tiles {
	gap: 0;
	margin-top: 40px;
	border-top: 1px solid var(--line);
}

.db-therapies .card {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	background: none;
}

.db-therapies .card + .card {
	border-left: 1px solid var(--line);
}

.db-therapies .card:nth-child(3n + 1) {
	border-left: 0;
}

.db-therapies .tile-img .media {
	aspect-ratio: 4 / 4.7;
	border-radius: 0;
}

.db-therapies .tile-img .media::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: rgba(18, 26, 62, .62);
	opacity: 0;
	transition: opacity .5s linear;
}

.db-therapies .tile-img .media::after {
	content: "Læs mere  →";
	position: absolute;
	inset: 22px;
	z-index: 2;
	display: grid;
	place-items: center;
	border: 1px solid var(--amber);
	color: #F7F2E4;
	font: 600 .74rem/1 var(--sans);
	letter-spacing: .26em;
	text-transform: uppercase;
	opacity: 0;
	transform: scale(1.03);
	transition: opacity .5s linear, transform .6s cubic-bezier(.22, 1, .36, 1);
}

.db-therapies .card:hover .media::before,
.db-therapies .card:focus-visible .media::before,
.db-therapies .card:hover .media::after,
.db-therapies .card:focus-visible .media::after {
	opacity: 1;
	transform: none;
}

.db-therapies .card:hover .media img {
	transform: none;
}

.db-therapies .tile-img .body {
	gap: 12px;
	padding: 38px 44px 30px;
}

.db-therapies .tile-img .body > * {
	margin: 0;
}

.db-therapies .tile-img .label {
	display: none;
}

.db-therapies .tile-img h3 {
	font-size: 1.8rem;
}

.db-therapies .tile-img p:not(.kicker) {
	color: var(--ink-soft);
	font-size: 1rem;
}

/* the courses: the photograph across the band, the words on a blue panel at the right */
.db-panel {
	min-height: 86vh;
	display: grid;
	align-items: center;
}

.db-panel::after {
	display: none;
}

.db-panel .container {
	width: 100%;
}

.db-panel .boza-section__inner {
	display: grid;
	gap: 20px;
	width: min(540px, 100%);
	margin-left: auto;
	padding: 54px 52px 44px;
	background: rgba(47, 55, 101, .95);
}

.db-panel .boza-section__inner > * {
	margin: 0;
}

.db-panel .db-rows {
	display: grid;
	margin: 8px 0 0;
	padding: 0;
	list-style: none;
}

.db-panel .db-rows li {
	display: block;
	margin: 0;
	padding: 0;
	border-top: 1px solid rgba(255, 255, 255, .14);
}

.db-panel .db-rows li a {
	position: relative;
	display: grid;
	width: auto;
	gap: 4px;
	margin-inline: -26px;
	padding: 20px 150px 20px 26px;
	background: none;
	color: #F7F2E4;
	font: 400 1.25rem/1.2 var(--serif);
	text-decoration: none;
	transition: background .45s linear, box-shadow .45s linear;
}

.db-panel .db-rows a::before {
	display: none;
}

.db-panel .db-rows .sub {
	color: #C3C8DE;
	font: 400 .9rem/1.4 var(--sans);
}

/* the same mouse-over as the rows of the drop-down menu: a darker veil, a thin gold frame, "Læs mere →" */
.db-panel .db-rows li a::after {
	content: "Læs mere  →";
	position: absolute;
	inset: 50% 26px auto auto;
	width: auto;
	height: auto;
	background: none;
	clip-path: none;
	transform: translateY(-50%);
	color: #F7F2E4;
	font: 600 .68rem/1 var(--sans);
	letter-spacing: .26em;
	text-transform: uppercase;
	opacity: 0;
	transition: opacity .45s linear;
}

.db-panel .db-rows a:hover,
.db-panel .db-rows a:focus-visible {
	background: rgba(18, 26, 62, .62);
	box-shadow: inset 0 0 0 1px var(--amber);
	text-decoration: none;
}

.db-panel .db-rows li a:hover::after,
.db-panel .db-rows li a:focus-visible::after {
	opacity: 1;
	clip-path: none;
}

/* "Kan du nikke genkendende": heading at the left, the questions as lines at the right, the closing words in italics */
.db-questions {
	background: var(--paper);
}

.db-questions .wp-block-boza-column:first-child {
	gap: 22px;
}

.db-questions .wp-block-boza-column:last-child > p:not(.db-closing) {
	margin: 0;
	padding: 30px 0;
	border-top: 1px solid var(--line);
	font-size: 1.1rem;
	line-height: 1.7;
}

.db-questions .wp-block-boza-column:last-child > p:nth-last-child(2) {
	border-bottom: 1px solid var(--line);
}

.db-questions .db-closing {
	max-width: 30em;
	margin-top: 46px;
	font: italic 400 1.5rem/1.5 var(--serif);
}

/* the two tall half-photo bands of the homepage */
.sec.db-tall {
	min-height: 82vh;
}

.db-tall .wp-block-boza-list.db-lines {
	display: grid;
	gap: 0;
	margin: 8px 0 0;
	padding: 0;
}

/* each line sits in the middle between its two hairlines */
.db-tall .db-lines li {
	align-items: center;
	padding: 18px 0;
	border-top: 1px solid var(--line);
	font: 400 1.25rem/1.3 var(--serif);
}

.db-tall .db-lines li:last-child {
	border-bottom: 1px solid var(--line);
}

.db-tall .db-lines li::before,
.db-tall .db-lines .ii {
	display: none;
}

.wp-block-image.db-sign img {
	width: 180px;
	filter: none !important;
}

/* the two testimonials side by side, a gold hairline between them */
.db-voices .wp-block-boza-columns {
	margin-top: 46px;
	text-align: left;
}

.db-voices .wp-block-boza-column + .wp-block-boza-column {
	border-left: 1px solid rgba(201, 162, 75, .55);
}

.db-voices .wp-block-boza-column {
	padding: 10px 64px;
}

.db-voices .wp-block-boza-quote blockquote {
	font: italic 400 clamp(1.4rem, 2.1vw, 1.85rem)/1.4 var(--serif);
	color: #F7F2E4;
}

.db-voices .wp-block-boza-quote .attr {
	font: 600 .72rem/1 var(--sans);
	letter-spacing: .22em;
	text-transform: uppercase;
}

/* the meditation photograph across the page, cropped to a band */
.entry-content > .wp-block-image.db-band-photo img {
	height: 74vh;
	min-height: 420px;
	object-fit: cover;
	object-position: 50% 45%;
}

@media (max-width: 900px) {
	.db-therapies .card + .card {
		border-left: 0;
	}

	.db-panel {
		display: block;
		min-height: 0;
		padding-top: 46vh;
	}

	/* The photo fills only the strip above the card, so the people in it are seen
	   rather than the sky behind them (the full-height photo put them behind the card). */
	.db-panel > img.bg {
		inset: 0 0 auto 0;
		height: calc(46vh + 48px);
	}

	.db-panel .boza-section__inner {
		width: auto;
		padding: 44px 28px 34px;
	}

	.db-voices .wp-block-boza-column {
		padding: 10px 0;
	}

	.db-voices .wp-block-boza-column + .wp-block-boza-column {
		border-left: 0;
	}

	.entry-content > .wp-block-image.db-band-photo img {
		height: 50vh;
	}
}

/* the therapy cards run from edge to edge, as in the approved design */
.db-therapies .wp-block-boza-tiles {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
}

.sec.sec-center h1,
.sec.sec-center h2 {
	max-width: none;
}

.db-voices.sec-center .boza-section__inner {
	max-width: 1220px;
}

/* ==== The footer, built from the theme's blocks ==== */
.db-footer {
	background-color: #2F3765;
}

.db-footer .boza-section__inner {
	max-width: 1220px;
	gap: 28px;
}

.db-footer .brand {
	flex-direction: column;
	gap: 14px;
	text-align: center;
}

.db-footer .brand img.mk {
	width: 120px;
	height: auto;
}

.db-footer .brand .wm {
	font: 600 .9rem/1.5 var(--sans);
	letter-spacing: .3em;
	text-transform: uppercase;
	color: #E2C06A;
}

.db-footer .db-motto {
	margin: 0;
	font: italic 400 1.5rem/1.2 var(--serif);
	background: linear-gradient(120deg, #8E6B1E 0%, #D9B65A 20%, #F6E7A6 38%, #C99A32 56%, #F1D98A 76%, #9A7424 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.db-footer .db-footlinks {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px 34px;
	margin: 0;
	padding: 0;
}

.db-footer .db-footlinks a {
	color: #C3C8DE;
	font: 600 .72rem/1 var(--sans);
	letter-spacing: .22em;
	text-transform: uppercase;
	text-decoration: none;
}

.db-footer .db-footlinks a:hover,
.db-footer .is-style-boza-small a:hover {
	color: #F7F2E4;
}

.db-footer .is-style-boza-small {
	max-width: 60em;
	color: #C3C8DE;
}

.db-footer .is-style-boza-small a {
	color: inherit;
	text-decoration: none;
}

.db-footer .db-footlinks {
	width: 100%;
	max-width: none;
}

.db-footer .db-footlinks li {
	margin: 0;
}

/* ==== The logo (2026-10-15): the full gold logo where there is room, the lotus alone where there is not ====
   The site logo (custom logo) is the lotus alone; the full logo with the name is drawn in place of the
   brand's words, which stay in the page for screen readers. */
.db-footer .brand img.mk {
	display: none;
}

.db-footer .brand .wm {
	display: block;
	width: 300px;
	height: 136px;
	background: url(logo-guld.svg) center / contain no-repeat;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	color: transparent;
	font-size: 0;
}

@media (min-width: 1101px) {
	html:not(.db-scrolled) .hdr .brand img.mk {
		display: none;
	}

	html:not(.db-scrolled) .hdr .brand .wm {
		display: block;
		width: 250px;
		height: 113px;
		padding: 0;
		background: url(logo-guld.svg) center / contain no-repeat;
		-webkit-background-clip: border-box;
		background-clip: border-box;
		color: transparent;
		font-size: 0;
	}
}

.db-footer .brand .wm .wm-sub {
	font-size: 0;
	color: transparent;
}

@media (min-width: 1101px) {
	html:not(.db-scrolled) .hdr .brand .wm .wm-sub {
		font-size: 0;
		color: transparent;
	}
}

/* the homepage's closing contact band on the plain light sand, so the blue footer stands alone below it */
.sec.db-contact-light {
	background: var(--tint);
}

.db-contact-light h2 {
	color: var(--ink);
}

/* the two rows of footer links sit close together, as one group */
.db-footer .db-footlinks + .db-footlinks {
	margin-top: -16px;
}

/* the address and membership lines in Fraunces, like the headings (client's choice A, 2026-10-15) */
.db-footer .is-style-boza-small {
	font-family: var(--serif);
	font-size: .9rem;
	font-weight: 400;
	letter-spacing: .01em;
	line-height: 1.6;
}

/* the two lines close together, as one block of small print */
.db-footer .is-style-boza-small + .is-style-boza-small {
	margin-top: -20px;
}

/* Lists in two columns: each column runs on its own, so a long point no longer pushes the point beside it
   down and leaves gaps (the theme lays them out as a grid of rows). */
.ilist.cols-2 {
	display: block;
	column-count: 2;
	column-gap: 56px;
}

.ilist.cols-2 > li {
	break-inside: avoid;
	margin-bottom: 14px;
}

@media (max-width: 640px) {
	.ilist.cols-2 {
		column-count: 1;
	}
}

/* ==== Prices as a light band (client's choice "B lys", 2026-10-15) ==== */
.db-priceband .wp-block-boza-columns {
	margin-top: 26px;
	align-items: stretch;
}

.db-priceband .g-rules > .wp-block-boza-column + .wp-block-boza-column {
	border-left-color: rgba(201, 162, 75, .7);
}

.db-priceband h3.db-price {
	margin: 0;
	font: 400 clamp(2.4rem, 4vw, 3.4rem)/1 var(--serif);
	color: var(--ink);
}

.db-priceband h3.db-price span {
	margin-left: 6px;
	font: 400 1rem var(--sans);
	color: var(--ink-soft);
}

.db-priceband .db-price-cap {
	margin: 14px 0 0;
	font: 600 .68rem/1.4 var(--sans);
	letter-spacing: .22em;
	text-transform: uppercase;
	color: var(--amber-ink);
}

.db-priceband .db-price-note {
	margin: 6px 0 0;
	max-width: 24em;
	font-size: .9rem;
	color: var(--ink-soft);
}

.db-priceband .wp-block-boza-column[class*="align-right"] .btn-row {
	justify-content: flex-end;
	align-items: center;
	column-gap: 28px;
}

/* "Effekt af psoas shaking": the heading centred, the two columns of effects wider and centred under it */
.db-effect .ilist.cols-2 {
	width: 100%;
	max-width: 1040px;
	margin-inline: auto;
	column-gap: 96px;
	text-align: left;
}

/* every price band on the light page ground (client, 2026-10-15); bands that follow each other are parted by a hairline */
.sec.db-priceband {
	background: var(--paper);
}

.sec.db-priceband + .sec.db-priceband {
	border-top: 1px solid var(--line);
}

/* quotes in three sizes: Stor (as before), Mellem and Lille – chosen under Styles in the editor */
.wp-block-boza-quote.is-style-db-mellem blockquote {
	font-size: clamp(1.2rem, 1.9vw, 1.55rem);
	line-height: 1.45;
}

.wp-block-boza-quote.is-style-db-lille blockquote {
	font-size: clamp(1.02rem, 1.3vw, 1.15rem);
	line-height: 1.55;
}

.wp-block-boza-quote.is-style-db-lille .qmark {
	font-size: 4rem;
	top: -18px;
}

/* Narrow sections: the 860 px column already sets the line length, so text uses the column's full width
   instead of stopping short and leaving a gap on the right (the theme's own measure is narrower). */
.c-narrow .boza-section__inner > p,
.c-narrow .boza-section__inner > .wp-block-heading,
.c-narrow .boza-section__inner > ul {
	max-width: none;
}

/* Centred sections: every block in the middle of the column, whatever its own width */
.sec-center .boza-section__inner > * {
	margin-inline: auto;
}

/* Columns with hairlines between them: the theme pads them 40 px above and below so the hairlines reach past
   the words, which leaves a large gap under a section heading. A small overhang keeps the hairline and the rhythm. */
.colgrid.g-rules {
	--rule-block: 8px;
}

/* a section heading sits closer to its words (the theme leaves 58 px) */
.sec .sec-head {
	margin-bottom: 32px;
}

/* price bands: a calmer height, and a hairline where one follows a section on the same light ground */
.sec.db-priceband {
	padding-block: 64px;
}

.sec:not(.sec-tint):not(.sec-ink):not(.sec-warm) + .sec.db-priceband {
	border-top: 1px solid var(--line);
}

.db-priceband .db-price-after {
	margin: 34px 0 0;
	padding-top: 22px;
	border-top: 1px solid var(--line);
	font-size: .9rem;
	color: var(--ink-soft);
}

/* payment buttons: one per line, the same width, under their price */
.db-priceband-pay .wp-block-boza-column .btn-row {
	flex-direction: column;
	align-items: stretch;
	gap: 10px;
	max-width: 330px;
	margin-top: 18px;
}

.db-priceband-pay .wp-block-boza-column .btn-row .btn {
	justify-content: space-between;
}

/* workshop dates: the date lines as quiet sub-headings, the price under them like the price bands */
.db-events .wp-block-boza-column h3:not(.db-price) {
	margin: 0;
	font-size: 1.25rem;
}

.db-events .wp-block-boza-column h3.db-price {
	margin-top: 22px;
	font-size: clamp(2rem, 3vw, 2.6rem);
}

.db-effect .sec-head {
	text-align: center;
	justify-items: center;
}

.db-effect .sec-head h2 {
	margin-inline: auto;
}

/* ==== The Priser page: a compact price list (theme Table, label-and-price pairs) ==== */
.db-pricelist .wp-block-boza-column {
	gap: 14px;
}

.db-pricelist .wp-block-boza-column > h3 {
	margin: 34px 0 0;
	font: 400 1.6rem/1.2 var(--serif);
	color: var(--amber-ink); /* dark bronze, the client's choice for these headings (2026-10-15) */
}

.db-pricelist .wp-block-boza-column > h3:first-child {
	margin-top: 0;
}

/* the unit ("/ time") on its own line under the price */
.db-pricelist table.lv td:last-child small {
	display: block;
	margin-top: 4px;
}

.db-pricelist .tbl-card {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	background: none;
	padding: 0;
	border-top: 1px solid var(--line);
}

.db-pricelist table.lv {
	width: 100%;
}

.db-pricelist table.lv td {
	padding: 16px 0;
	border-bottom: 1px solid var(--line);
	vertical-align: baseline;
	font: 400 1.15rem/1.3 var(--serif);
	color: var(--ink);
}

.db-pricelist table.lv td:last-child {
	padding-left: 24px;
	text-align: right;
	white-space: nowrap;
	font-size: 1.35rem;
}

.db-pricelist table.lv small {
	display: inline;
	font: 400 .86rem/1.5 var(--sans);
	color: var(--ink-soft);
}

.db-pricelist table.lv td:first-child small {
	display: block;
	margin-top: 4px;
}

/* the map runs down to the footer with no strip of page ground under it */
.db-map-live .gmap {
	margin: 0;
}

/* ==== Testimonials: each on its own card, a gold quotation mark, the name as a signature ==== */
.db-voices-list {
	gap: 22px;
}

.db-voices-list .wp-block-boza-tile {
	position: relative;
	padding: 52px 56px 40px;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.db-voices-list .wp-block-boza-tile::before {
	content: "“";
	position: absolute;
	top: 14px;
	left: 50px;
	font: 400 4rem/1 var(--serif);
	color: var(--amber);
	opacity: .7;
}

.db-voices-list .wp-block-boza-tile p {
	margin: 0 0 14px;
	font-size: 1.02rem;
	line-height: 1.7;
}

.db-voices-list .db-voice-name {
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 22px 0 0 !important;
	font: 600 .72rem/1.3 var(--sans) !important;
	letter-spacing: .22em;
	text-transform: uppercase;
	color: var(--amber-ink);
}

.db-voices-list .db-voice-name::before {
	content: "";
	width: 34px;
	height: 1px;
	background: var(--amber);
}

@media (max-width: 640px) {
	.db-voices-list .wp-block-boza-tile {
		padding: 46px 24px 30px;
	}

	.db-voices-list .wp-block-boza-tile::before {
		left: 20px;
	}
}

/* Cookie banner (CookieYes): its colours are set to the site's navy in the plugin; here its
   buttons darken on hover like the site's own buttons (#22284A = the theme's green-deep mix of #2F3765) instead of fading. CookieYes writes its
   colours as inline styles, hence !important. */
.cky-consent-container .cky-btn,
.cky-modal .cky-btn {
	/* The site's button lettering and square corners (as .btn), a little lower than the
	   site's 56px so three buttons fit side by side in the banner. */
	font-family: "Instrument Sans", system-ui, sans-serif;
	font-size: 0.74rem;
	font-weight: 600;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	line-height: 1.2;
	min-height: 48px;
	padding: 0 12px;
	border-width: 1px;
	border-radius: 0;
}

.cky-consent-container .cky-btn:hover,
.cky-modal .cky-btn:hover {
	opacity: 1;
}

.cky-consent-container .cky-btn-accept:hover,
.cky-consent-container .cky-btn-reject:hover,
.cky-modal .cky-btn-accept:hover,
.cky-modal .cky-btn-reject:hover {
	background-color: #22284A !important;
	border-color: #22284A !important;
}

.cky-consent-container .cky-btn-customize:hover,
.cky-modal .cky-btn-preferences:hover {
	background-color: #2F3765 !important;
	color: #FFFFFF !important;
}

/* The narrowest phones (320px): long Danish words in headings ("Persondatapolitik",
   "traumebehandling") are hyphenated, and broken as a last resort, instead of pushing
   the page sideways. Only words of 12+ letters, so "effektiv" stays whole. */
@media (max-width: 360px) {
	main :is(h1, h2, h3),
	.piclist__title {
		hyphens: auto;
		hyphenate-limit-chars: 12 5 5;
		overflow-wrap: anywhere;
	}
}

/* ==== Kurser & workshops: the psoas photograph as the ground, its words as real text (2026-10-21) ====
   Tall enough to show the whole scene, the words at the top right over the misty sky, and a light
   veil behind them instead of the theme's dark tint (the photograph is bright). */
.db-psoas {
	display: grid;
	align-content: start;
	min-height: clamp(520px, 54vw, 860px);
}

.db-psoas::after {
	background: linear-gradient(180deg, rgba(250, 247, 240, .7) 0%, rgba(250, 247, 240, .35) 30%, rgba(250, 247, 240, 0) 55%);
}

.db-psoas h2 {
	max-width: 15ch;
}

.db-psoas .is-style-boza-lead {
	max-width: 34ch;
	color: var(--ink);
}

.db-psoas .container {
	width: 100%;
}

/* in a grid the theme's photograph would sit at its static place, below the words */
.db-psoas > img.bg {
	inset: 0;
}

/* the words on the right, over the sky, clear of the person lying on the left */
.db-psoas .boza-section__inner {
	width: min(500px, 100%);
	margin-left: auto;
}

/* Phones: the words on the paper ground above, the whole photograph below them at its own shape. */
@media (max-width: 640px) {
	.db-psoas {
		min-height: 0;
		padding-bottom: calc(64.7vw + 28px);
		background: var(--paper);
	}

	.db-psoas::after {
		display: none;
	}

	.db-psoas > img.bg {
		inset: auto 0 0 0;
		height: 64.7vw;
	}

	.db-psoas .boza-section__inner {
		margin-left: 0;
	}
}

/* Comfortaa runs wider than the sans it replaced: on phones the name keeps to two lines. */
@media (max-width: 480px) {
	.hdr .brand .wm,
	.compact-on.scrolled .hdr .brand .wm {
		font-size: .86rem;
		letter-spacing: .22em;
		white-space: nowrap;
	}
}

/* The narrowest phones (320px): smaller still, so the menu button stays on the screen. */
@media (max-width: 360px) {
	.hdr .brand .wm,
	.compact-on.scrolled .hdr .brand .wm {
		font-size: .68rem;
		letter-spacing: .12em;
	}

	.hdr .brand img.mk {
		height: 34px;
		width: auto;
	}
}

/* ==== Kontakt: the map behind a slim address line (option C, client 2026-10-22) ====
   The drawn stand-in is not shown; the line with the address, "Vis kortet her" and the route link
   stands in its place, and the Google map unfolds under it on a click or after consent (site.js). */
.db-mapwrap .gmap:not(.loaded) {
	display: none;
}

.db-mapstrip {
	background: var(--db-ivory, #F7F2E4);
	border-top: 1px solid #E4DCC8;
	border-bottom: 1px solid #E4DCC8;
}

.db-mapstrip__in {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px 24px;
	max-width: 1220px;
	margin: 0 auto;
	padding: 32px 28px;
}

.db-mapstrip__pin {
	display: inline-flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border: 1px solid var(--db-gold);
	border-radius: 50%;
	color: #80641A;
}

.db-mapstrip__words {
	flex: 1 1 220px;
	min-width: 0;
}

.db-mapstrip__kicker {
	margin: 0 0 6px;
	color: #80641A;
	font: 600 .66rem/1.2 var(--sans);
	letter-spacing: .26em;
	text-transform: uppercase;
}

.db-mapstrip__address {
	margin: 0;
	color: var(--ink);
	font-family: var(--serif);
	font-size: clamp(1.35rem, 2.4vw, 1.75rem);
	line-height: 1.15;
}

.db-mapstrip__acts {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.db-mapstrip__acts .btn {
	min-height: 48px;
}

.db-mapstrip__show[hidden] {
	display: none;
}

/* the unfolded map: a taller shape on phones, where 21:9 is only a strip */
@media (max-width: 640px) {
	.db-mapwrap .gmap.loaded {
		aspect-ratio: 4 / 3 !important;
	}

	.db-mapstrip__acts,
	.db-mapstrip__acts .btn {
		width: 100%;
	}

	.db-mapstrip__acts .btn {
		justify-content: center;
	}
}


/* ==== Homepage and footer: the approved design, scoped under .db-home (generated by migration/build/wp_build.py) ==== */
.db-home{--bg:#FAF7F0;--bg2:#F2ECDD;--card:#FFFFFF;--ink:#2F3765;--ink-soft:#4D5579;--dark:#2F3765;--dark2:#2F3765;--on-dark:#F7F2E4;--on-dark-soft:#C3C8DE;--gold:#C9A24B;--gold-deep:#80641A;--line:#E4DCC8;--mandala-dark:#8FA0E0;--mandala-light:#C9A24B}
.db-home *{box-sizing:border-box}
.db-home{--foil:linear-gradient(120deg,#8E6B1E 0%,#D9B65A 20%,#F6E7A6 38%,#C99A32 56%,#F1D98A 76%,#9A7424 100%);--foil-deep:linear-gradient(120deg,#6F5415 0%,#A9842C 30%,#8A6A1C 55%,#B8923A 80%,#6F5415 100%);--serif:Fraunces,Georgia,serif;--sans:"Instrument Sans",system-ui,sans-serif;--r:18px}
.db-home{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
.db-home img{display:block;max-width:100%}
.db-home a{color:inherit}
.db-home .db-wrap{max-width:1220px;margin:0 auto;padding:0 28px}
.db-home h1,.db-home h2,.db-home h3{font-family:var(--serif);font-weight:460;letter-spacing:-.015em;line-height:1.08;margin:0;text-wrap:balance}
.db-home h1{font-size:clamp(2.5rem,5vw,4.3rem)}
.db-home h2{font-size:clamp(1.9rem,3.2vw,2.8rem)}
.db-home h3{font-size:1.5rem}
.db-home p{margin:0}
.db-home .db-foil{background:var(--foil);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:italic}
.db-home .db-on-light .db-foil{background-image:var(--foil-deep)}
.db-home .db-kicker{font:600 .74rem/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gold-deep);display:flex;align-items:center;gap:12px}
.db-home .db-kicker::before{content:"";width:34px;height:1px;background:var(--foil)}
.db-home .db-dark .db-kicker{color:var(--gold)}
.db-home .db-lead{font-size:1.2rem;color:var(--ink-soft);max-width:34em}
.db-home .db-dark{background:var(--dark);color:var(--on-dark);--lotus-fill:var(--dark)}
.db-home .db-dark .db-lead,.db-home .db-dark p{color:var(--on-dark-soft)}
.db-home .db-on-light{--lotus-fill:var(--bg)}
.db-home .db-btn{display:inline-flex;align-items:center;gap:10px;height:54px;padding:0 28px;border-radius:999px;font:600 .98rem/1 var(--sans);text-decoration:none;white-space:nowrap}
.db-home .db-btn-gold{background:var(--foil);color:#1c1a10;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 10px 26px -14px rgba(120,90,20,.7)}
.db-home .db-btn-ink{background:var(--dark);color:var(--on-dark)}
.db-home .db-btn-line{border:1px solid var(--gold);color:inherit}
.db-home .db-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.db-home .db-demo{background:#111;color:#eee;font:500 .82rem/1 var(--sans)}
.db-home .db-demo .db-wrap{display:flex;align-items:center;gap:18px;height:46px;flex-wrap:wrap}
.db-home .db-demo b{font-weight:600}
.db-home .db-demo nav{margin-left:auto;display:flex;gap:6px}
.db-home .db-demo nav a{padding:8px 13px;border-radius:999px;text-decoration:none;color:#bbb}
.db-home .db-demo nav a[aria-current]{background:#eee;color:#111}
.db-home .db-hdr{position:relative;z-index:3;border-bottom:1px solid var(--line)}
.db-home .db-hdr.db-dark{border-bottom-color:rgba(255,255,255,.14)}
.db-home .db-hdr .db-wrap{display:flex;align-items:center;gap:36px;height:84px}
.db-home .db-brand{display:flex;align-items:center;gap:13px;text-decoration:none}
.db-home .db-lotus{width:66px;height:auto;flex:none}
.db-home .db-wm{font:600 .98rem/1.25 var(--sans);letter-spacing:.24em;text-transform:uppercase}
.db-home .db-wm span{display:block;font-size:.66rem;letter-spacing:.3em;color:var(--gold-deep);margin-top:3px}
.db-home .db-dark .db-wm span{color:var(--gold)}
.db-home .db-nav{display:flex;gap:30px;margin-left:auto;font-size:.95rem;font-weight:500}
.db-home .db-nav a{text-decoration:none;opacity:.86}
.db-home .db-hdr .db-btn{height:44px;padding:0 22px;font-size:.9rem}
.db-home .db-hero{position:relative;overflow:hidden}
.db-home .db-hero .db-wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;padding-top:84px;padding-bottom:96px}
.db-home .db-hero h1{margin:22px 0 24px}
.db-home .db-mandala{position:absolute;width:1080px;height:1080px;pointer-events:none;z-index:1}
.db-home .db-dark .db-mandala{color:var(--mandala-dark);opacity:.2}
.db-home .db-on-light .db-mandala,.db-home .db-goldband .db-mandala{color:var(--mandala-light);opacity:.3}
.db-home .db-hero .db-mandala{left:-360px;top:-420px}
.db-home .db-photo{position:relative}
.db-home .db-photo img{border-radius:var(--r);aspect-ratio:4/4.4;object-fit:cover;object-position:62% 30%;width:100%;position:relative;z-index:1}
.db-home .db-photo::before{content:"";position:absolute;inset:18px -18px -18px 18px;border-radius:var(--r);padding:1.5px;background:var(--foil);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.db-home .db-say{position:absolute;z-index:2;left:-26px;bottom:34px;background:var(--dark2);color:var(--on-dark);padding:14px 22px;border-radius:12px;font:italic 460 1.12rem/1 var(--serif);box-shadow:0 18px 40px -20px rgba(0,0,0,.6)}
.db-home .db-say i{background:var(--foil);-webkit-background-clip:text;background-clip:text;color:transparent}
.db-home .db-sec{padding:96px 0}
.db-home .db-sec.db-alt{background:var(--bg2)}
.db-home .db-head{display:grid;gap:18px;margin-bottom:46px;max-width:44em}
.db-home .db-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.db-home .db-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;box-shadow:0 22px 44px -34px rgba(20,25,60,.5)}
.db-home .db-card img{aspect-ratio:4/3;object-fit:cover;width:100%}
.db-home .db-card div{padding:26px 28px 30px;display:grid;gap:10px;border-top:2px solid transparent;border-image:var(--foil) 1}
.db-home .db-card p{color:var(--ink-soft);font-size:.98rem}
.db-home .db-card small{font:600 .7rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-deep)}
.db-home .db-band{position:relative;overflow:hidden;text-align:center;padding:110px 0}
.db-home .db-band .db-wrap{position:relative;z-index:2;max-width:900px}
.db-home .db-band .db-mandala{left:50%;top:50%;transform:translate(-50%,-50%)}
.db-home .db-band h2{margin:24px 0 20px}
.db-home .db-band .db-kicker{justify-content:center}
.db-home .db-band .db-kicker::after{content:"";width:34px;height:1px;background:var(--foil)}
.db-home .db-band .db-btns{justify-content:center}
.db-home .db-goldband{background:linear-gradient(120deg,#E9D49A 0%,#F7ECC4 30%,#E3C77E 62%,#F3E3B0 100%);color:var(--ink);--lotus-fill:transparent}
.db-home .db-goldband .db-lead{color:var(--ink);margin:0 auto}
.db-home .db-goldband .db-foil{background:none;color:var(--ink)}
.db-home .db-goldband .db-mandala{color:#fff;opacity:.55}
.db-home .db-goldband .db-kicker{color:var(--ink)}
.db-home .db-goldband .db-kicker::before,.db-home .db-goldband .db-kicker::after{background:var(--ink)}
.db-home .db-band .db-lead{margin:0 auto}
.db-home .db-quote{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}
.db-home .db-quote img{border-radius:var(--r);aspect-ratio:1/1.1;object-fit:cover;width:100%}
.db-home blockquote{margin:0;font:italic 420 clamp(1.5rem,2.4vw,2.05rem)/1.32 var(--serif)}
.db-home .db-who{margin-top:26px;font-weight:600}
.db-home .db-who span{display:block;font-weight:400;color:var(--ink-soft);font-size:.92rem}
.db-home .db-foot{background:var(--dark2);color:var(--on-dark);position:relative;overflow:hidden;--lotus-fill:var(--dark2)}
.db-home .db-foot .db-mandala{right:-420px;bottom:-560px;color:var(--mandala-dark);opacity:.16}
.db-home .db-foot .db-wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:60px;padding-top:76px;padding-bottom:64px}
.db-home .db-foot p,.db-home .db-foot li{color:var(--on-dark-soft);font-size:.95rem}
.db-home .db-foot ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:9px}
.db-home .db-foot h4{margin:0;font:600 .72rem/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.db-home .db-foot .db-motto{font:italic 420 1.5rem/1.2 var(--serif);margin-top:26px}
.db-home .db-pal{padding:70px 0 90px;background:#fff;color:#222;border-top:1px solid #e6e6e6}
.db-home .db-pal h2{font-size:1.7rem;margin-bottom:10px;color:#222}
.db-home .db-pal>div>p{color:#555;max-width:52em}
.db-home .db-sw{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:32px}
.db-home .db-sw div{font:500 .88rem/1.35 var(--sans)}
.db-home .db-sw i{display:block;height:92px;border-radius:12px;border:1px solid rgba(0,0,0,.1);margin-bottom:12px}
.db-home .db-sw span{display:block;color:#666;font-weight:400;font-size:.82rem}
@media(max-width:900px){.db-home .db-nav{display:none}
.db-home .db-hdr .db-btn{margin-left:auto}
.db-home .db-hero .db-wrap,.db-home .db-quote{grid-template-columns:1fr;gap:44px;padding-top:54px;padding-bottom:70px}
.db-home .db-cards,.db-home .db-foot .db-wrap{grid-template-columns:1fr}
.db-home .db-sw{grid-template-columns:repeat(2,1fr)}
.db-home .db-sec{padding:64px 0}
.db-home .db-band{padding:76px 0}
.db-home .db-say{left:14px}
.db-home .db-photo::before{inset:12px -10px -12px 12px}
.db-home .db-demo .db-wrap{height:auto;padding-top:10px;padding-bottom:10px}
.db-home .db-demo nav{margin-left:0}}
.db-home{--r:2px}
.db-home{overflow-x:hidden;font-size:17px}
.db-home h1,.db-home h2,.db-home h3{font-weight:400;letter-spacing:-.01em}
.db-home h1{font-size:clamp(2.3rem,3.9vw,3.5rem);line-height:1.14}
.db-home h2{font-size:clamp(1.9rem,3vw,2.7rem);line-height:1.16}
.db-home h3{font-size:1.55rem}
.db-home .db-foil{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:inherit;font-style:italic}
.db-home .db-kicker{font-size:.7rem;letter-spacing:.26em}
.db-home .db-lead{font-size:1.14rem;line-height:1.7}
.db-home .db-btn{border-radius:2px;height:52px;padding:0 30px;font:600 .74rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase}
.db-home .db-btn-1{background:var(--on-dark);color:var(--dark2)}
.db-home .db-on-light .db-btn-1{background:var(--dark);color:var(--on-dark)}
.db-home .db-btn-2{border:0;padding:0 2px;height:auto;align-self:center;padding-bottom:7px;border-bottom:1px solid var(--gold);border-radius:0;color:inherit}
.db-home .db-more{font:600 .74rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:7px;display:inline-block}
.db-home .db-clogo{display:grid;justify-items:center;gap:2px;text-decoration:none}
.db-home .db-clogo .db-lotus{width:58px;height:auto;margin-bottom:8px}
.db-home .db-clogo span{font:600 .8rem/1.4 var(--sans);letter-spacing:.32em;text-transform:uppercase;background:var(--foil);-webkit-background-clip:text;background-clip:text;color:transparent;padding-left:.32em}
.db-home .db-clogo.db-big .db-lotus{width:104px;margin-bottom:14px}
.db-home .db-clogo.db-big span{font-size:1.05rem}
.db-home .db-hd{background:var(--dark2);--lotus-fill:var(--dark2);color:var(--on-dark)}
.db-home .db-hd .db-wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:40px;padding-top:22px;padding-bottom:22px}
.db-home .db-hd nav{display:flex;gap:36px;font:500 .74rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;align-items:center}
.db-home .db-hd nav a{text-decoration:none;opacity:.9}
.db-home .db-hd nav.db-r{justify-content:flex-end}
.db-home .db-hd nav .db-cta{border-bottom:1px solid var(--gold);padding-bottom:7px;opacity:1}
.db-home .db-dark{--lotus-fill:var(--dark)}
.db-home .db-dark .db-mandala{color:var(--mandala-dark);opacity:.16}
.db-home .db-rule{width:64px;height:1px;background:var(--foil);border:0;margin:0}
.db-home .db-card-photo{position:relative;overflow:hidden;background:#cdbfae}
.db-home .db-card-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.db-home .db-mv{position:absolute;right:clamp(14px,2vw,34px);top:9%;bottom:7%;margin:0;writing-mode:vertical-rl;display:flex;align-items:center;justify-content:space-between;gap:18px;z-index:2}
.db-home .db-card-photo::after{content:"";position:absolute;inset:0 0 0 auto;width:15%;background:linear-gradient(270deg,rgba(24,15,6,.62),rgba(24,15,6,0));z-index:1}
.db-home .db-mv span{font:italic 600 clamp(1.45rem,2.2vw,2.15rem)/1 var(--serif);letter-spacing:.01em;background:linear-gradient(180deg,#D9B65A 0%,#F8ECBC 24%,#E2C06A 48%,#FBF1CC 70%,#D2AC52 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 3px rgba(20,12,2,.8))}
.db-home .db-hrt{width:clamp(20px,1.9vw,30px);height:auto;filter:drop-shadow(0 1px 2px rgba(40,25,5,.55))}
.db-home .db-top1 .db-card-photo{height:62vh;min-height:440px}
.db-home .db-top1 .db-card-photo>img{width:133%;max-width:none;object-position:0% 19%}
.db-home .db-top1 .db-ord{position:relative;overflow:hidden;text-align:center;padding:84px 0 92px}
.db-home .db-top1 .db-ord .db-mandala{left:50%;top:50%;margin:-540px 0 0 -540px}
.db-home .db-top1 .db-ord .db-wrap{position:relative;z-index:2;max-width:900px;display:grid;gap:24px;justify-items:center}
.db-home .db-top1 .db-ord .db-lead{max-width:36em}
.db-home .db-top1 .db-btns{justify-content:center;align-items:center;gap:34px;margin-top:10px}
.db-home .db-top2{display:grid;grid-template-columns:1fr 1fr;min-height:78vh}
.db-home .db-top2 .db-ord{position:relative;overflow:hidden;display:grid;align-content:center;gap:26px;padding:90px clamp(28px,6vw,104px) 90px max(28px,calc((100vw - 1164px)/2))}
.db-home .db-top2 .db-ord>*:not(.db-mandala){position:relative;z-index:2}
.db-home .db-top2 .db-ord .db-mandala{left:-430px;top:-430px;z-index:1}
.db-home .db-top2 .db-card-photo>img{object-position:20% 22%}
.db-home .db-top2 .db-btns{align-items:center;gap:34px;margin-top:8px}
.db-home .db-sec{padding:128px 0}
.db-home .db-sec.db-sand{background:var(--bg2)}
.db-home .db-c2{display:grid;grid-template-columns:.8fr 1.2fr;gap:96px;align-items:start}
.db-home .db-c2 .db-hx{display:grid;gap:22px;position:sticky;top:40px}
.db-home .db-lines{display:grid}
.db-home .db-lines>*{border-top:1px solid var(--line);padding:30px 0}
.db-home .db-lines>*:last-child{border-bottom:1px solid var(--line)}
.db-home .db-lines p{font-size:1.1rem;line-height:1.7}
.db-home .db-inner{font:italic 400 1.5rem/1.5 var(--serif);max-width:30em;margin-top:46px}
.db-home .db-svc{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:stretch}
.db-home .db-svc>img{width:100%;height:100%;min-height:680px;object-fit:cover}
.db-home .db-list a{display:grid;grid-template-columns:120px 1fr 28px;gap:20px;align-items:baseline;padding:30px 0;border-top:1px solid var(--line);text-decoration:none}
.db-home .db-list a:last-child{border-bottom:1px solid var(--line)}
.db-home .db-list small{font:600 .68rem/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gold-deep)}
.db-home .db-list h3{margin-bottom:8px}
.db-home .db-list p{color:var(--ink-soft);font-size:.99rem}
.db-home .db-list i{font-style:normal;color:var(--gold-deep);transition:transform .4s cubic-bezier(.22,1,.36,1)}
.db-home .db-list a:hover i{transform:translateX(6px)}
.db-home .db-list a.db-s{padding:20px 0}
.db-home .db-list a.db-s h3{font-size:1.2rem;margin:0}
.db-home .db-trio{display:grid;grid-template-columns:repeat(3,1fr)}
.db-home .db-trio a{text-decoration:none;display:grid;align-content:start;padding:0 0 10px}
.db-home .db-trio a+a{border-left:1px solid var(--line)}
.db-home .db-trio img{width:100%;aspect-ratio:4/4.6;object-fit:cover}
.db-home .db-trio div{padding:38px 44px 20px;display:grid;gap:12px}
.db-home .db-trio small{font:600 .68rem/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gold-deep)}
.db-home .db-trio p{color:var(--ink-soft)}
.db-home .db-band{position:relative;overflow:hidden;text-align:center;padding:130px 0}
.db-home .db-band .db-wrap{max-width:880px;display:grid;gap:26px;justify-items:center;position:relative;z-index:2}
.db-home .db-band .db-mandala{left:50%;top:50%;margin:-540px 0 0 -540px;transform:none}
.db-home .db-band .db-btns{justify-content:center;margin-top:6px}
.db-home .db-wide{display:block;width:100%;height:74vh;min-height:420px;object-fit:cover}
.db-home .db-cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:64px}
.db-home .db-cols3 a{border-top:1px solid var(--gold);padding-top:30px;display:grid;gap:12px;text-decoration:none;align-content:start}
.db-home .db-cols3 p{color:var(--ink-soft)}
.db-home .db-half{display:grid;grid-template-columns:1fr 1fr;min-height:82vh}
.db-home .db-half>img{width:100%;height:100%;object-fit:cover;min-height:420px}
.db-home .db-half>div{padding:100px clamp(28px,7vw,120px);display:grid;align-content:center;gap:24px;position:relative;overflow:hidden}
.db-home .db-half>div>*:not(.db-mandala){position:relative;z-index:2}
.db-home .db-half .db-mandala{right:-660px;bottom:-660px;z-index:1}
.db-home .db-half.db-flip>img{order:2}
.db-home .db-badges{display:flex;gap:30px;align-items:center;flex-wrap:wrap;margin-top:6px}
.db-home .db-badges img{height:64px;width:auto;background:none}
.db-home .db-on-light .db-badges img.db-inv{filter:invert(1) brightness(.25)}
.db-home .db-sign{width:180px;background:none}
.db-home .db-quiet{text-align:center}
.db-home .db-quiet .db-wrap{max-width:860px;display:grid;gap:26px;justify-items:center}
.db-home .db-bq{font:italic 400 clamp(1.6rem,2.7vw,2.3rem)/1.4 var(--serif);margin:0}
.db-home .db-who{font:600 .72rem/1 var(--sans);letter-spacing:.22em;text-transform:uppercase}
.db-home .db-who span{font-weight:400;opacity:.7}
.db-home .db-tel{font:400 clamp(2rem,3.4vw,3rem)/1 var(--serif);text-decoration:none}
.db-home .db-ft{background:var(--dark2);--lotus-fill:var(--dark2);color:var(--on-dark-soft);text-align:center;padding:96px 0 64px;position:relative;overflow:hidden}
.db-home .db-ft .db-wrap{display:grid;gap:28px;justify-items:center;position:relative;z-index:2}
.db-home .db-ft ul{list-style:none;padding:0;margin:0;display:flex;gap:36px;flex-wrap:wrap;justify-content:center;font:500 .72rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase}
.db-home .db-ft .db-adr{font:400 .95rem/1.6 var(--sans);letter-spacing:0;text-transform:none}
.db-home img{background:#d9d4c6}
.db-home .db-lotus{background:none}
@media(max-width:900px){.db-home .db-hd .db-wrap{grid-template-columns:1fr;justify-items:center}
.db-home .db-hd nav{display:none}
.db-home .db-top2,.db-home .db-c2,.db-home .db-svc,.db-home .db-trio,.db-home .db-cols3,.db-home .db-half{grid-template-columns:1fr}
.db-home .db-top2 .db-card-photo{height:60vh}
.db-home .db-top2 .db-ord{padding:64px 28px}
.db-home .db-c2,.db-home .db-svc{gap:44px}
.db-home .db-c2 .db-hx{position:static}
.db-home .db-svc>img{min-height:380px}
.db-home .db-trio a+a{border-left:0}
.db-home .db-sec{padding:80px 0}
.db-home .db-half>div{padding:64px 28px}
.db-home .db-half.db-flip>img{order:0}
.db-home .db-list a{grid-template-columns:1fr 24px}
.db-home .db-list small{grid-column:1/-1}
.db-home .db-wide{height:50vh}
.db-home .db-top1 .db-card-photo{height:52vh}}
.db-home .db-top1 .db-card-photo{height:68vh;min-height:500px}
.db-home .db-mv{right:clamp(18px,2.6vw,46px);top:6%;bottom:6%}
.db-home .db-mv span{font-size:clamp(1.7rem,min(3vw,4.6vh),2.9rem);font-weight:600;white-space:nowrap}
.db-home .db-hrt{width:clamp(34px,min(3.4vw,5.4vh),52px);height:clamp(34px,min(3.4vw,5.4vh),52px);flex:none}
.db-home .db-card-photo::after{width:22%;background:linear-gradient(270deg,rgba(24,15,6,.68),rgba(24,15,6,.3) 55%,rgba(24,15,6,0))}
.db-home .db-top1 .db-ord .db-tel{margin-top:10px}
.db-home .db-tel{color:inherit;display:inline-flex;align-items:center;gap:16px;font:400 clamp(1.5rem,2.1vw,1.9rem)/1 var(--serif);letter-spacing:.02em;text-decoration:none}
.db-home .db-tel svg{width:46px;height:46px;padding:12px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);flex:none}
.db-home .db-band .db-btns,.db-home .db-top1 .db-btns{margin-top:4px}
.db-home .db-rows{background:var(--bg2);padding:128px 0 0}
.db-home .db-rows .db-hx{display:grid;gap:22px;max-width:46em;padding-bottom:64px}
.db-home .db-trio{border-top:1px solid var(--line)}
.db-home .db-trio+.db-trio{margin-top:0}
.db-home .db-trio img{aspect-ratio:4/4.7}
.db-home .db-trio h3{font-size:1.8rem}
.db-home .db-trio i{font-style:normal;color:var(--gold-deep);margin-top:6px}
.db-home .db-rows .db-end{height:100px}
.db-home .db-half .db-list4{display:grid;margin-top:8px}
.db-home .db-half .db-list4 span{border-top:1px solid var(--line);padding:16px 0;font:400 1.25rem/1.3 var(--serif)}
.db-home .db-half .db-list4 span:last-child{border-bottom:1px solid var(--line)}
.db-home .db-voices{position:relative;overflow:hidden;padding:140px 0}
.db-home .db-voices .db-mandala{left:50%;top:50%;margin:-540px 0 0 -540px}
.db-home .db-voices .db-wrap{position:relative;z-index:2}
.db-home .db-voices .db-hx{display:grid;gap:20px;justify-items:center;text-align:center;margin-bottom:70px}
.db-home .db-voices .db-two{display:grid;grid-template-columns:1fr 1fr;gap:0}
.db-home .db-voices .db-two>div{padding:10px 64px;display:grid;gap:26px;align-content:start}
.db-home .db-voices .db-two>div+div{border-left:1px solid rgba(201,162,75,.55)}
.db-home .db-voices .db-bq{font-size:clamp(1.4rem,2.1vw,1.85rem);color:var(--on-dark)}
.db-home .db-voices .db-who{color:var(--on-dark)}
.db-home .db-voices .db-who span{display:inline;color:var(--on-dark-soft);opacity:1}
.db-home .db-dark>.db-mandala,.db-home .db-top1 .db-ord .db-mandala,.db-home .db-band .db-mandala,.db-home .db-half .db-mandala,.db-home .db-voices .db-mandala{left:-400px!important;top:-470px!important;right:auto!important;bottom:auto!important;margin:0!important;transform:none;opacity:.2}
@media(max-width:900px){.db-home .db-voices .db-two{grid-template-columns:1fr}
.db-home .db-voices .db-two>div{padding:30px 0}
.db-home .db-voices .db-two>div+div{border-left:0;border-top:1px solid rgba(201,162,75,.55)}
.db-home .db-rows{padding-top:80px}}
.db-home .db-trio a{position:relative}
.db-home .db-ph{display:block;overflow:hidden;position:relative}
.db-home .db-ph img{display:block}
.db-home .db-trio i{display:inline-block;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.db-home .db-trio a:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
.db-home .db-ph::before{content:"";position:absolute;inset:0;background:rgba(18,26,62,.62);opacity:0;transition:opacity .5s linear;z-index:1}
.db-home .db-ph::after{content:"Læs mere  →";position:absolute;inset:22px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--on-dark);font:600 .74rem/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;opacity:0;transform:scale(1.03);transition:opacity .5s linear,transform .6s cubic-bezier(.22,1,.36,1);z-index:2}
.db-home .db-trio a:hover .db-ph::before,.db-home .db-trio a:focus-visible .db-ph::before,.db-home .db-trio a:hover .db-ph::after,.db-home .db-trio a:focus-visible .db-ph::after{opacity:1}
.db-home .db-trio a:hover .db-ph::after,.db-home .db-trio a:focus-visible .db-ph::after{transform:none}
.db-home .db-trio a:hover i,.db-home .db-trio a:focus-visible i{transform:translateX(10px)}
@media(prefers-reduced-motion:reduce){.db-home .db-trio i,.db-home .db-ph::after{transition:none;transform:none!important}}
.db-home section img:not(.db-sign),.db-home img.db-wide{filter:url(#varm)}
.db-home section img[src*="Dortheweb-2454"],.db-home section img[src*="L3A2544"]{filter:none}
.db-home .db-ft a{color:inherit;text-decoration:none}
.db-home .db-ft a:hover{color:var(--on-dark)}
.db-home .db-ft .db-motto2{font:italic 400 1.5rem/1.2 var(--serif);margin:0;background:var(--foil);-webkit-background-clip:text;background-clip:text;color:transparent}
.db-home .db-ft .db-adr{max-width:60em}
.db-home{overflow-x:clip}
.db-home .db-c2 .db-hx{top:110px}
.db-home .db-dark .db-mandala,.db-home .db-dark>.db-mandala,.db-home .db-top1 .db-ord .db-mandala,.db-home .db-band .db-mandala,.db-home .db-half .db-mandala,.db-home .db-voices .db-mandala{opacity:.11}
.db-home .db-kurs{position:relative;min-height:86vh;display:grid;align-items:center;overflow:hidden}
.db-home .db-kurs>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.db-home .db-kp{position:relative;z-index:2;justify-self:end;width:min(540px,calc(100% - 56px));margin:72px max(28px,calc((100vw - 1164px)/2)) 72px 0;background:rgba(27,37,83,.95);color:var(--on-dark);padding:54px 52px 44px;display:grid;gap:20px}
.db-home .db-kp .db-kicker{color:var(--gold)}
.db-home .db-kp p{color:var(--on-dark-soft)}
.db-home .db-kl{display:grid;margin-top:8px}
.db-home .db-kl a{display:grid;grid-template-columns:1fr auto;column-gap:20px;padding:17px 0;border-top:1px solid rgba(255,255,255,.14);text-decoration:none;color:var(--on-dark);align-items:center}
.db-home .db-kl b{font:400 1.25rem/1.2 var(--serif);grid-column:1}
.db-home .db-kl span{grid-column:1;color:var(--on-dark-soft);font-size:.9rem}
.db-home .db-kl i{grid-column:2;grid-row:1/3;font-style:normal;color:var(--gold);transition:transform .4s cubic-bezier(.22,1,.36,1)}
.db-home .db-kl a:hover i{transform:translateX(8px)}
.db-home .db-kurs+.db-half{position:relative;margin-top:136px}
.db-home .db-kurs+.db-half::before{content:"";position:absolute;top:-68px;left:50%;width:64px;height:1px;margin-left:-32px;background:var(--foil)}
@media(max-width:900px){.db-home .db-kurs+.db-half{margin-top:80px}
.db-home .db-kurs+.db-half::before{top:-40px}}
@media(max-width:900px){.db-home .db-kurs{display:block;min-height:0}
.db-home .db-kurs>img{position:static;height:46vh}
.db-home .db-kp{width:auto;margin:0;padding:44px 28px 34px}}
@media(max-width:900px){.db-home .db-top1 .db-card-photo{height:62vh;min-height:0}
.db-home .db-top1 .db-card-photo>img{width:100%;object-position:58% 20%}
.db-home .db-mv span{font-size:1.5rem}
.db-home .db-hrt{width:28px;height:28px}}
.db-home .db-ft.db-dark{background:var(--dark2);--lotus-fill:var(--dark2)}