@font-face { font-family: "Crimson Text"; font-style: italic; font-weight: 400; font-display: swap; src: url("/assets/fonts/crimson-text-400-italic-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: "Crimson Text"; font-style: italic; font-weight: 400; font-display: swap; src: url("/assets/fonts/crimson-text-400-italic-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; }
@font-face { font-family: "Crimson Text"; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/fonts/crimson-text-400-normal-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: "Crimson Text"; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/fonts/crimson-text-400-normal-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; }
@font-face { font-family: "Crimson Text"; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/fonts/crimson-text-600-normal-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: "Crimson Text"; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/fonts/crimson-text-600-normal-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; }
@font-face { font-family: "Crimson Text"; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/fonts/crimson-text-700-normal-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: "Crimson Text"; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/fonts/crimson-text-700-normal-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; }
@font-face { font-family: "Karla"; font-style: normal; font-weight: 200 800; font-display: swap; src: url("/assets/fonts/karla-200-800-normal-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: "Karla"; font-style: normal; font-weight: 200 800; font-display: swap; src: url("/assets/fonts/karla-200-800-normal-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; }

:root {
  --rand: clamp(20px, 5vw, 96px);
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --cvw: min(1vw, 25.6px);
  --edge: max(0px, calc((100vw - 2560px) / 2));
  --gnoise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.06'/%3E%3C/svg%3E");
  --admin-bar-h: 0px;
  --no5-gutter: calc(min(100vw, 2560px) * .05);
  --no5-radius: 125px;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
html.reduce-motion { scroll-behavior: auto; }
body { margin: 0; background: var(--weiss); color: var(--schwarz); font-family: var(--f-body); font-size: 18px; line-height: 1.6; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
img, video, svg { display: block; max-width: 100%; }
a { color: inherit; }
p { margin: 0 0 1em; }
h1, h2, h3, h4 { margin: 0; font-weight: 600; overflow-wrap: break-word; }
button { -webkit-appearance: none; appearance: none; border: 0; background-color: transparent; color: inherit; font: inherit; cursor: pointer; -webkit-tap-highlight-color: transparent; padding: 0; }
input, select, textarea { -webkit-appearance: none; appearance: none; font: inherit; }
::selection { background: var(--sand-dunkel); color: var(--weiss); }
:focus-visible { outline: 2px solid var(--rot); outline-offset: 3px; }
.diw-on-dark :focus-visible, .no5-dark :focus-visible { outline-color: var(--weiss); }
.sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }

#main { overflow-x: hidden; overflow-x: clip; }
#main:focus { outline: none; }
section[id], main [id], [id].diw-anchor { scroll-margin-top: var(--diw-header-offset, 110px); }

.diw-skip { position: fixed; left: 16px; top: -100px; z-index: 120; background: var(--schwarz); color: var(--weiss); padding: 14px 20px; font: 700 16px/1 var(--f-body); text-decoration: none; border-radius: 999px; }
.diw-skip:focus { top: calc(var(--admin-bar-h) + 12px); }

.diw-icon { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.diw-brand { width: 22px; height: 22px; flex: none; fill: currentColor; }

.no5-island { position: fixed; z-index: 60; top: calc(var(--admin-bar-h) + 16px); left: calc(var(--edge) + 16px); right: calc(var(--edge) + 16px); max-width: 1440px; margin: 0 auto; display: flex; align-items: center; gap: 18px; height: 68px; padding: 0 10px 0 20px; background: rgb(var(--weiss-rgb) / .95); border: 1px solid rgb(var(--sand-rgb) / .5); border-radius: 999px; box-shadow: 0 14px 44px -18px rgba(0,0,0,.45); }
.no5-island-logo { flex: none; display: block; }
.no5-island-logo img { height: 46px; width: auto; }
.no5-nav { display: none; }
.no5-nav ul { display: flex; align-items: center; gap: 2px; list-style: none; margin: 0; padding: 0; }
.no5-nav a { display: block; padding: 10px; font: 700 15px/1 var(--f-body); letter-spacing: .1em; text-transform: uppercase; text-decoration: none; color: var(--schwarz); border-radius: 999px; transition: color .3s var(--ease); }
.no5-nav a:hover, .no5-nav a[aria-current="true"] { color: var(--sand-dunkel); }
.no5-island-cta { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.no5-round { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 50%; border: 1.5px solid rgb(var(--sand-rgb) / .9); color: var(--schwarz); text-decoration: none; transition: background-color .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease); }
.no5-round svg { width: 22px; height: 22px; }
.no5-round:hover { background: var(--sand-dunkel); border-color: var(--sand-dunkel); color: var(--weiss); }
.no5-round--route { display: none; }
.no5-round--wa { display: none; }
.no5-call { display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: 46px; height: 46px; padding: 0; border-radius: 999px; background: var(--sand-dunkel); color: var(--weiss); text-decoration: none; white-space: nowrap; font: 700 15px/1 var(--f-body); letter-spacing: .06em; transition: background-color .4s var(--ease); }
.no5-call svg { width: 20px; height: 20px; color: var(--weiss); }
.no5-call-number { display: none; }
@media (hover: hover) and (pointer: fine) {
  .no5-call:hover svg { animation: no5-ring .8s var(--ease) both; }
}
.no5-call:focus-visible svg { animation: no5-ring .8s var(--ease) both; }
@keyframes no5-ring { 0%, 100% { transform: rotate(0); } 20% { transform: rotate(-16deg); } 40% { transform: rotate(14deg); } 60% { transform: rotate(-9deg); } 80% { transform: rotate(5deg); } }
html.reduce-motion .no5-call:hover svg, html.reduce-motion .no5-call:focus-visible svg { animation: none; }
html.reduce-motion .no5-call:hover { background: var(--schwarz); }
.no5-menu-toggle { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 50%; background: var(--sand-dunkel); color: var(--weiss); }
.no5-menu-toggle svg { width: 22px; height: 22px; }
.no5-menu-toggle .no5-i-close { display: none; }
.no5-island.is-open .no5-menu-toggle .no5-i-open { display: none; }
.no5-island.is-open .no5-menu-toggle .no5-i-close { display: block; }
.no5-menu { position: absolute; left: 0; right: 0; top: calc(100% + 10px); background: var(--weiss); border: 1px solid rgb(var(--sand-rgb) / .5); border-radius: 28px; padding: 14px 18px 20px; box-shadow: 0 24px 60px -20px rgba(0,0,0,.5); max-height: calc(100svh - 120px); overflow-y: auto; overscroll-behavior: contain; }
.no5-menu[hidden] { display: none; }
.no5-island.is-open .no5-menu { animation: no5-drop .35s var(--ease) both; }
@keyframes no5-drop { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }
html.reduce-motion .no5-island.is-open .no5-menu { animation-name: no5-fade; }
@keyframes no5-fade { from { opacity: 0; } to { opacity: 1; } }
.no5-menu ul { list-style: none; margin: 0; padding: 0; }
.no5-menu li + li { border-top: 1px solid rgb(var(--sand-rgb) / .3); }
.no5-menu-link { display: block; padding: 14px 4px; font: 600 26px/1.1 var(--f-head); font-variant: small-caps; color: var(--sand-dunkel); text-decoration: none; }
.no5-menu-link[aria-current="true"] { color: var(--schwarz); }
.no5-menu-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.no5-pill { display: inline-flex; align-items: center; gap: 10px; padding: 14px 18px; border-radius: 999px; border: 1.5px solid var(--sand); font: 700 14px/1 var(--f-body); letter-spacing: .08em; text-transform: uppercase; text-decoration: none; color: var(--schwarz); }
.no5-pill svg { width: 20px; height: 20px; }
.no5-pill--dark { background: var(--sand-dunkel); border-color: var(--sand-dunkel); color: var(--weiss); letter-spacing: .06em; }
.no5-pill--dark svg { color: var(--weiss); }

.no5-row { width: 90%; max-width: 2304px; margin-inline: auto; }
.no5-section { position: relative; padding-block: clamp(72px, calc(7.5 * var(--cvw)), 192px); }
.no5-h2 { display: table; margin: 0 auto 0.6em; padding-bottom: .22em; border-bottom: 5px solid var(--sand); font: 500 37px/1.2 var(--f-head); font-variant: small-caps; color: var(--sand); text-align: center; letter-spacing: 2px; max-width: 100%; }
.no5-h2--left { margin-left: 0; text-align: left; }
.no5-h3 { font: 700 26px/1.15 var(--f-head); font-variant: small-caps; letter-spacing: 2px; color: var(--kupfer); margin: 0 0 .9em; }
.no5-lead { font: 500 16px/1.8 var(--f-body); }
.no5-lead--justify { text-align: justify; -webkit-hyphens: auto; hyphens: auto; }
.no5-lead--centre { text-align: center; max-width: 1500px; margin-inline: auto; }
.no5-claim { font-weight: 800; text-decoration: underline; text-underline-offset: .18em; text-decoration-thickness: 1px; }

.no5-hero { position: relative; z-index: 1; height: 500px; overflow: hidden; background: var(--stein); box-shadow: rgba(0,0,0,.39) 0 80px 38px -50px; }
.no5-hero-img { position: absolute; inset: 0; }
.no5-hero-img img { width: 100%; height: 100%; object-fit: cover; }
.no5-hero-img--desk { display: none; }

.no5-intro { padding-top: clamp(48px, calc(4.2 * var(--cvw)), 110px); padding-bottom: clamp(48px, calc(4.2 * var(--cvw)), 110px); }
.no5-logo-title { margin: 0 0 clamp(28px, 2.6vw, 52px); width: 100%; }
.no5-logo-title img { width: 100%; height: auto; }

.no5-band { position: relative; z-index: 2; width: calc(100% + 70px); height: 169px; margin: clamp(16px, calc(1.25 * var(--cvw)), 32px) 0 0 -35px; border-top: 20px solid var(--schwarz); background-color: var(--schwarz); background-repeat: repeat-x; background-position: center; background-size: contain; filter: saturate(1.45) contrast(1.63); transform: rotate(-2deg); }
.no5-band--tall { height: 189px; border-bottom: 20px solid var(--schwarz); }

.no5-detail { margin-top: -60px; padding-top: 120px; padding-bottom: clamp(72px, calc(6.25 * var(--cvw)), 160px); background-color: var(--schwarz); background-size: cover; background-position: center; border-radius: 0 0 var(--no5-radius) var(--no5-radius); overflow: hidden; color: var(--sand); }
.no5-detail::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.35); pointer-events: none; }
.no5-detail-grid { position: relative; display: grid; gap: 40px; align-items: center; }
.no5-detail-figure { margin: 0 0 0 calc(-1 * var(--no5-gutter)); border: 5px solid var(--sand); border-left: 0; border-radius: 0 var(--no5-radius) var(--no5-radius) 0; overflow: hidden; box-shadow: rgba(0,0,0,.07) 0 2px 80px 80px; }
.no5-detail-figure .lightbox-trigger { position: relative; }
.no5-detail-figure img { width: 100%; aspect-ratio: 980 / 656; object-fit: cover; }
.no5-detail-text p { color: var(--sand); }

.no5-wellbeing .no5-lead { margin-bottom: clamp(32px, 3vw, 64px); }
.no5-frame { margin: 0; border: 12px solid var(--weiss); background: var(--weiss); box-shadow: rgba(0,0,0,.07) 0 2px 41px 51px; }
.no5-frame .lightbox-trigger { position: relative; }
.no5-frame img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }

.lightbox-trigger { display: block; width: 100%; cursor: zoom-in; padding: 0; }
.lightbox-trigger[hidden] { display: none; }
.no5-gallery { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(14px, calc(2.2 * var(--cvw)), 56px); }
.no5-gallery li { margin: 0; }
.no5-tile { position: relative; overflow: hidden; border: 7px solid var(--weiss); background: var(--weiss); box-shadow: 0 2px 22px 2px rgba(0,0,0,.3); }
.no5-tile img { width: 100%; aspect-ratio: 400 / 284; object-fit: cover; transition: transform .8s var(--ease); }
@media (hover: hover) and (pointer: fine) { .no5-tile:hover img { transform: scale(1.04); } }
html.reduce-motion .no5-tile img { transition: none; transform: none; }

.no5-offers { padding-bottom: 0; }
.no5-prices { position: relative; margin-top: 8px; padding: clamp(48px, calc(4.2 * var(--cvw)), 110px) 0 clamp(72px, calc(8 * var(--cvw)), 237px); border-radius: var(--no5-radius) var(--no5-radius) 0 0; box-shadow: rgba(0,0,0,.3) 0 -80px 59px -80px; background: var(--weiss); }
.no5-price-cols { display: grid; gap: 56px; }
.no5-price-col { display: flex; flex-direction: column; gap: 40px; }
.no5-price-col .no5-h3 + .no5-offer { margin-top: -14px; }
.no5-offer h4, .no5-offer-meta, .no5-offer .no5-offer-sub, .no5-price-col .no5-offer-sub { font: 700 22px/1.1 var(--f-head); letter-spacing: 2px; color: var(--schwarz); margin: 0; }
.no5-offer-meta { margin-top: 4px; }
.no5-offer-img { margin: 0 auto 22px; width: min(490px, 100%); }
.no5-offer-img img { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 50%; }
.no5-offer p:not(.no5-offer-meta):not(.no5-offer-sub), .no5-offer ul { font-weight: 300; font-size: 17px; line-height: 1.1; margin: 0 0 .5em; }
.no5-offer-meta + p:not(.no5-offer-sub), .no5-offer-sub + p, .no5-offer-sub + ul { margin-top: 14px !important; }
.no5-offer ul { padding-left: 20px; }
.no5-offer li + li { margin-top: .25em; }
.no5-price-col > div > .no5-offer-sub { margin-bottom: 18px; }
.no5-extras { list-style: none; margin: 0; padding: 0; }
.no5-extras li { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; border-bottom: 1px solid rgb(var(--sand-rgb) / .35); font: 700 22px/1.1 var(--f-head); letter-spacing: 2px; }
.no5-extras li span:last-child { white-space: nowrap; }

.no5-brand-logo { margin: clamp(28px, 2.6vw, 56px) auto 0; width: min(756px, 80%); }
.no5-brand-logo img { width: 100%; height: auto; }
.no5-brand .no5-h2 { max-width: 1076px; }
.no5-gallery--four { margin-top: clamp(48px, calc(4.2 * var(--cvw)), 110px); }

.no5-reviews { background: var(--stein); }
.no5-score { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 22px; margin: 0 auto clamp(36px, 3.4vw, 72px); text-align: center; }
.no5-score-value { font: 600 72px/1 var(--f-head); color: var(--sand-dunkel); }
.no5-stars { display: inline-flex; gap: 4px; color: var(--sand); }
.no5-stars svg { width: 26px; height: 26px; fill: currentColor; }
.no5-score-text { font: 500 18px/1.5 var(--f-body); margin: 0; flex-basis: 100%; }
.no5-score-note { font: 500 15px/1.5 var(--f-body); color: var(--grau); margin: 0; flex-basis: 100%; }
.no5-rev { --rev-gap: clamp(18px, calc(1.6 * var(--cvw)), 40px); --rev-start: calc(var(--edge) + var(--no5-gutter)); }
.no5-rev-viewport { overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scroll-snap-type: x proximity; scroll-padding-inline: var(--rev-start); scrollbar-width: none; -webkit-overflow-scrolling: touch; padding: 24px 0 40px; }
.no5-rev-viewport::-webkit-scrollbar { display: none; }
.no5-rev-viewport:focus-visible { outline: 2px solid var(--rot); outline-offset: -4px; }
.no5-rev-track { display: flex; align-items: stretch; gap: var(--rev-gap); width: max-content; list-style: none; margin: 0; padding: 0 0 0 var(--rev-start); }
.no5-rev-track::after { content: ""; flex: 0 0 max(1px, calc(var(--rev-start) - var(--rev-gap))); }
.no5-rev-card { display: flex; flex: 0 0 min(430px, 80vw); scroll-snap-align: start; }
.no5-review { position: relative; width: 100%; margin: 0; padding: 34px 28px 26px; background: var(--weiss); border-radius: 0 60px 0 60px; box-shadow: 0 2px 22px 2px rgba(0,0,0,.12); display: flex; flex-direction: column; gap: 14px; }
.no5-review .no5-stars svg { width: 18px; height: 18px; }
.no5-review blockquote { margin: 0; font: 400 18px/1.65 var(--f-body); }
.no5-review blockquote p { margin: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; line-clamp: 7; overflow: hidden; }
.no5-review figcaption { margin-top: auto; font: 700 15px/1.4 var(--f-body); letter-spacing: .04em; color: var(--sand-dunkel); }
.no5-review figcaption span { font-weight: 500; color: var(--grau); }
.no5-rev-nav { display: none; }
.diw-js .no5-rev-nav { display: flex; align-items: center; justify-content: center; gap: 14px; }
.no5-rev-btn { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 50%; border: 1.5px solid var(--sand); color: var(--schwarz); background: var(--weiss); transition: background-color .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease); }
.no5-rev-btn[hidden] { display: none; }
.no5-rev-btn svg { width: 20px; height: 20px; }
.no5-rev-btn:hover { background: var(--sand-dunkel); border-color: var(--sand-dunkel); color: var(--weiss); }
.no5-rev-toggle .no5-rev-i-play, .no5-rev-toggle.is-paused .no5-rev-i-pause { display: none; }
.no5-rev-toggle.is-paused .no5-rev-i-play { display: block; }
.no5-review-source { display: flex; justify-content: center; margin-top: clamp(28px, 2.6vw, 52px); }
.no5-review-source a { display: inline-flex; align-items: center; gap: 12px; padding: 14px 22px; border-radius: 999px; border: 1.5px solid var(--sand); text-decoration: none; font: 700 14px/1 var(--f-body); letter-spacing: .08em; text-transform: uppercase; color: var(--schwarz); transition: background-color .3s var(--ease), color .3s var(--ease); }
.no5-review-source a:hover { background: var(--sand-dunkel); border-color: var(--sand-dunkel); color: var(--weiss); }
.no5-review-source .diw-brand { width: 20px; height: 20px; }

.no5-photoband { height: 320px; background-color: var(--stein); background-size: cover; background-position: center; box-shadow: 0 2px 40px 25px rgba(0,0,0,.12); }

.no5-quotes-section { padding-bottom: 164px; background-repeat: no-repeat; background-position: center bottom; background-size: contain; }
.no5-quotes { position: relative; max-width: 1555px; margin: 0 auto; padding: 48px 56px 30px; background: rgb(var(--sand-rgb) / .9); color: var(--weiss); box-shadow: rgba(0,0,0,.22) 0 2px 40px 25px; text-align: center; }
.no5-quotes-track { display: block; }
.no5-quote { margin: 0 0 32px; }
.diw-js .no5-quotes-track { display: grid; }
.diw-js .no5-quote { grid-area: 1 / 1; margin: 0; opacity: 0; visibility: hidden; transition: opacity .45s ease-in-out, visibility 0s linear .45s; }
.diw-js .no5-quote.is-active { opacity: 1; visibility: visible; transition: opacity .7s ease-in-out .4s, visibility 0s; }
html.reduce-motion .no5-quote { transition: none !important; }
.no5-quote blockquote { margin: 0 0 18px; }
.no5-quote blockquote p { margin: 0; font: italic 400 26px/1.5 var(--f-head); text-transform: uppercase; letter-spacing: 2px; }
.no5-quote figcaption { font: 400 16px/1.8 var(--f-body); }
.no5-quotes-nav { display: none; }
.diw-js .no5-quotes-nav { display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 24px; }
.no5-quotes-arrow { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; color: var(--weiss); transition: opacity .3s ease-in-out; }
.no5-quotes-arrow svg { width: 34px; height: 34px; stroke-width: 1.4; }
.no5-quotes-dot { width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; }
.no5-quotes-dot::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--weiss); opacity: .5; transition: opacity .3s ease-in-out; }
.no5-quotes-dot[aria-current="true"]::before { opacity: 1; }
.no5-quotes :focus-visible { outline-color: var(--weiss); }

.diw-footer { color: var(--weiss); background: var(--weiss); }
.no5-contact { position: relative; padding: clamp(72px, calc(6.25 * var(--cvw)), 160px) 0; background-color: var(--schwarz); background-repeat: no-repeat; background-position: left bottom; background-size: min(70%, 900px) auto; border-radius: var(--no5-radius) var(--no5-radius) 0 0; color: var(--sand); }
.no5-contact-grid { display: grid; gap: 40px; align-items: start; grid-template-areas: "img" "text" "blurbs"; }
.no5-contact-figure { grid-area: img; margin: 0; border-radius: var(--no5-radius); overflow: hidden; max-width: 816px; }
.no5-contact-figure img { width: 100%; aspect-ratio: 816 / 1220; object-fit: cover; }
.no5-contact-text { grid-area: text; }
.no5-contact-text p { color: var(--sand); }
.no5-contact-blurbs { grid-area: blurbs; display: grid; gap: 40px; }
.no5-blurb { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 0 15px; align-items: start; color: var(--sand); }
.no5-blurb-icon { display: block; width: 56px; height: 56px; color: var(--sand); grid-row: span 2; }
.no5-blurb-icon svg { width: 56px; height: 56px; stroke-width: 1.1; }
.no5-blurb h3 { font: 700 23px/1.4 var(--f-head); text-transform: uppercase; letter-spacing: 2px; color: var(--sand); margin: 8px 0 4px; }
.no5-blurb p, .no5-blurb address { margin: 0; font: normal 600 19px/1.7 var(--f-body); color: var(--sand); }
.no5-blurb a { color: var(--sand); text-decoration: none; }
.no5-blurb a:hover { text-decoration: underline; text-underline-offset: 4px; }
.no5-blurb .no5-more { display: inline-block; margin-top: 10px; font-weight: 700; }

.no5-footband { height: 77px; border-bottom: 5px solid var(--schwarz); background-color: var(--schwarz); background-repeat: repeat-x; background-position: center; background-size: contain; filter: saturate(1.43) contrast(1.64); }
.no5-legal ul { display: flex; flex-wrap: wrap; gap: 4px 0; list-style: none; margin: 0; padding: 0; }
.no5-legal li { display: flex; align-items: center; }
.no5-legal li + li::before { content: "|"; margin: 0 8px; }
.no5-legal a { text-transform: uppercase; letter-spacing: .04em; text-decoration: none; color: var(--schwarz); }
.no5-legal a:hover { color: var(--sand-dunkel); text-decoration: underline; text-underline-offset: 3px; }

.diw-footer-bottom { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px 28px; padding: clamp(40px, calc(4.6 * var(--cvw)), 88px) var(--rand) 22px; background: var(--weiss); color: var(--schwarz); font: 600 13px/1.5 var(--f-body); }
.diw-footer-bottom p { margin: 0; }
.diw-footer-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 22px; }
.diw-footer-tools button { display: inline-flex; align-items: center; gap: 8px; font: inherit; color: inherit; padding: 8px 0; }
.diw-footer-tools button .diw-icon { width: 16px; height: 16px; opacity: .85; }
.diw-footer-tools button:hover { color: var(--schwarz); }
.diw-footer-tools button[aria-pressed="true"] { color: var(--sand-dunkel); }
.diw-credit-line { text-align: right; }
.diw-credit-line a { color: inherit; }

.diw-texthead { padding: calc(var(--diw-header-offset, 110px) + clamp(24px, 4vw, 64px)) var(--rand) clamp(28px, 3vw, 48px); max-width: 1400px; margin-inline: auto; }
.diw-texthead h1 { font: 600 clamp(38px, 4vw, 68px)/1.05 var(--f-head); font-variant: small-caps; color: var(--sand-dunkel); margin: 0 0 20px; max-width: 1100px; }
.diw-texthead .diw-lead { color: var(--anthrazit); max-width: 820px; margin: 0; }
.diw-texthead--meta { font: 500 16px/1.4 var(--f-body); color: var(--sand-dunkel); margin-bottom: 18px; }
.diw-title { font-family: var(--f-head); }

.diw-crumbs { font: 500 15px/1.4 var(--f-body); margin: 0 0 22px; }
.diw-crumbs ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 10px; }
.diw-crumbs li { display: inline-flex; align-items: center; gap: 10px; }
.diw-crumbs li + li::before { content: ""; width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-top: 1.5px solid currentColor; transform: rotate(45deg); opacity: .6; }
.diw-crumbs a { text-decoration: none; opacity: .85; }
.diw-crumbs a:hover { opacity: 1; text-decoration: underline; text-underline-offset: 4px; }
.diw-crumbs [aria-current] { opacity: .75; }

.diw-section { padding: clamp(72px, 9vw, 160px) var(--rand); position: relative; }
.diw-section--tight { padding-top: clamp(28px, 3vw, 56px); padding-bottom: clamp(56px, 6vw, 104px); max-width: 1400px; margin-inline: auto; }
.diw-section h2 { font: 600 clamp(28px, 2.6vw, 44px)/1.1 var(--f-head); margin: 0 0 20px; }
.diw-section h3 { font: 700 clamp(21px, 1.6vw, 26px)/1.2 var(--f-head); margin: 0 0 12px; }

.diw-prose { max-width: 900px; }
.diw-prose h2 { font: 600 clamp(26px, 2.2vw, 36px)/1.15 var(--f-head); font-variant: small-caps; color: var(--sand-dunkel); margin: 48px 0 14px; }
.diw-prose h3 { font: 700 22px/1.3 var(--f-head); margin: 30px 0 10px; }
.diw-prose p, .diw-prose li { color: var(--schwarz); }
.diw-prose ul { padding-left: 22px; }
.diw-prose a { text-decoration: underline; text-underline-offset: 3px; }
.diw-prose .diw-credit { border-top: 1px solid rgb(var(--anthrazit-rgb) / .14); padding: 18px 0; overflow-wrap: anywhere; }
.diw-prose .diw-credit b { display: block; }
.diw-credit-files { margin: 0 0 12px; }
.diw-credit-files summary { list-style: none; cursor: pointer; display: inline-block; padding: 6px 0; font: 600 15px/1.4 var(--f-body); color: var(--sand-dunkel); text-decoration: underline; text-underline-offset: 4px; }
.diw-credit-files summary::-webkit-details-marker { display: none; }
.diw-credit-files summary:focus-visible { outline: 2px solid var(--anthrazit); outline-offset: 3px; }
.diw-credit-files[open] summary { margin-bottom: 12px; }
.diw-credit-files ul { margin: 0; font-size: 15px; overflow-wrap: anywhere; }

.diw-form { display: grid; gap: 18px; }
.diw-field label { display: block; font: 600 15px/1.3 var(--f-body); color: var(--anthrazit); margin-bottom: 8px; }
.diw-field input, .diw-field select, .diw-field textarea { width: 100%; font: 400 17px/1.35 var(--f-body); color: var(--schwarz); background: var(--weiss); border: 1px solid rgb(var(--anthrazit-rgb) / .28); border-radius: 0; padding: 15px 14px; }
.diw-field textarea { min-height: 130px; resize: vertical; }
.diw-field select { background-image: linear-gradient(45deg, transparent 50%, var(--schwarz) 50%), linear-gradient(135deg, var(--schwarz) 50%, transparent 50%); background-position: calc(100% - 22px) 52%, calc(100% - 16px) 52%; background-size: 6px 6px; background-repeat: no-repeat; padding-right: 44px; }
.diw-field input:focus, .diw-field select:focus, .diw-field textarea:focus { outline: 2px solid var(--gruen); outline-offset: 1px; border-color: var(--gruen); }
.diw-field [aria-invalid="true"] { border-color: var(--rot); }
.diw-field .diw-err { display: block; color: var(--rot-dunkel); font: 600 14px/1.4 var(--f-body); margin-top: 6px; }
.diw-field .diw-hint, .diw-hint { display: block; color: var(--anthrazit); font: 400 14px/1.4 var(--f-body); margin-top: 6px; }
.diw-row2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.diw-hp { position: absolute !important; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.diw-status { font: 500 16px/1.5 var(--f-body); padding: 14px 16px; display: none; }
.diw-status.is-ok { display: block; background: var(--gruen); color: var(--weiss); }
.diw-status.is-error { display: block; background: var(--stein); color: var(--schwarz); border-left: 4px solid var(--rot); }
.diw-formsteps { display: flex; flex-wrap: wrap; gap: 10px 28px; list-style: none; margin: 0 0 4px; padding: 0; font: 600 17px/1.3 var(--f-body); color: var(--anthrazit); }
.diw-formsteps li { display: flex; align-items: center; gap: 10px; }
.diw-formsteps b { display: inline-grid; place-items: center; width: 34px; height: 34px; border: 1px solid rgb(var(--anthrazit-rgb) / .55); font-weight: 600; }
.diw-formsteps [aria-current="step"] { color: var(--schwarz); }
.diw-formsteps [aria-current="step"] b { background: var(--anthrazit); border-color: var(--anthrazit); color: var(--weiss); }
.diw-formstep { display: grid; gap: 18px; border: 0; margin: 0; padding: 0; min-width: 0; }
.diw-formstep[hidden] { display: none; }
.diw-formstep-nav { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 14px; margin-top: 6px; }
.diw-formstep-nav .diw-btn:only-child { margin-left: auto; }
.diw-formstep-nav svg { width: 22px; height: 22px; }
.diw-consent { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 6px 14px; align-items: start; }
.diw-consent input { width: 26px; height: 26px; margin: 1px 0 0; border: 2px solid var(--anthrazit); border-radius: 0; background: var(--weiss) center / 18px no-repeat; cursor: pointer; }
.diw-consent input:checked { background-color: var(--gruen); border-color: var(--gruen); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.4' stroke-linecap='square'%3E%3Cpath d='M4.5 12.5l5 5L19.5 7'/%3E%3C/svg%3E"); }
.diw-consent input:focus-visible { outline: 2px solid var(--gruen); outline-offset: 2px; }
.diw-consent input[aria-invalid="true"] { border-color: var(--rot); }
.diw-consent label { font: 400 16px/1.5 var(--f-body); color: var(--schwarz); cursor: pointer; }
.diw-consent label a { color: inherit; }
.diw-consent .diw-err { grid-column: 2; display: block; color: var(--rot-dunkel); font: 600 14px/1.4 var(--f-body); }
@media (forced-colors: active) { .diw-consent input { -webkit-appearance: checkbox; appearance: auto; } }

.diw-dialog { position: fixed; inset: 0; z-index: 90; display: flex; align-items: flex-end; justify-content: center; visibility: hidden; pointer-events: none; transition: visibility 0s linear .5s; }
.diw-dialog.is-open { visibility: visible; pointer-events: auto; transition: visibility 0s linear 0s; }
.diw-dialog-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,0); transition: background-color .5s var(--ease); }
.diw-dialog.is-open .diw-dialog-backdrop { background: rgba(0,0,0,.55); }
.diw-dialog-sheet { position: relative; width: min(980px, 100%); max-height: min(92vh, 980px); max-height: min(92svh, 980px); overflow-y: auto; overscroll-behavior: contain; background: var(--weiss); transform: translateY(100%); transition: transform .55s var(--ease); }
.diw-dialog.is-open .diw-dialog-sheet { transform: translateY(0); }
.diw-dialog-head { position: sticky; top: 0; z-index: 2; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 22px clamp(20px, 4vw, 48px); background: var(--weiss); border-bottom: 1px solid rgb(var(--anthrazit-rgb) / .12); }
.diw-dialog-head h2 { font: 600 clamp(26px, 2.4vw, 34px)/1.15 var(--f-head); font-variant: small-caps; color: var(--sand-dunkel); }
.diw-dialog-head h2:focus { outline: none; }
.diw-dialog-title-done { display: none; }
.diw-dialog-close { display: inline-flex; align-items: center; gap: 10px; font: 700 15px/1 var(--f-body); padding: 13px 18px; background: var(--schwarz); color: var(--weiss); border-radius: 999px; }
.diw-dialog-close:hover { background: var(--sand-dunkel); }
.diw-dialog-close svg { width: 20px; height: 20px; }
.diw-dialog-body { padding: 26px clamp(20px, 4vw, 48px) 36px; }
.diw-dialog-lead { font: 400 19px/1.5 var(--f-body); color: var(--anthrazit); margin: 0 0 24px; max-width: 700px; }
.diw-dialog-done { display: none; align-items: center; gap: 24px; padding: 4px 0 8px; }
.diw-dialog-done p { font: 400 19px/1.5 var(--f-body); color: var(--anthrazit); margin: 0; max-width: 700px; }
.diw-dialog-done .diw-done-lead { font: 700 23px/1.3 var(--f-body); color: var(--schwarz); margin-bottom: 4px; }
.diw-done-mark { flex: none; width: 72px; height: 72px; }
.diw-done-mark circle { fill: var(--gruen); }
.diw-done-mark path { fill: none; stroke: var(--weiss); stroke-width: 4.5; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 40; stroke-dashoffset: 0; }
.diw-dialog.is-done .diw-form, .diw-dialog.is-done .diw-dialog-lead, .diw-dialog.is-done .diw-dialog-title-form { display: none; }
.diw-dialog.is-done .diw-dialog-done { display: flex; }
.diw-dialog.is-done .diw-done-mark { animation: diw-done-pop .5s var(--ease) both; }
.diw-dialog.is-done .diw-done-mark path { animation: diw-done-draw .45s var(--ease) .25s both; }
@keyframes diw-done-pop { from { opacity: 0; transform: scale(.5); } to { opacity: 1; transform: none; } }
@keyframes diw-done-draw { from { stroke-dashoffset: 40; } to { stroke-dashoffset: 0; } }
html.reduce-motion .diw-dialog.is-done .diw-done-mark, html.reduce-motion .diw-dialog.is-done .diw-done-mark path { animation: none; }
.diw-dialog.is-done .diw-dialog-title-done { display: inline; }

.diw-dockrail { position: absolute; right: 18px; bottom: calc(100% + 24px); height: 100000px; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; gap: 14px; pointer-events: none; }
.diw-dockrail > * { pointer-events: auto; }
.diw-totop { position: sticky; z-index: 45; bottom: 24px; width: 54px; height: 54px; display: flex; align-items: center; justify-content: center; border: 1.5px solid rgb(var(--sand-rgb) / .9); border-radius: 50%; background: rgb(var(--weiss-rgb) / .95); color: var(--schwarz); opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity .3s var(--ease), transform .3s var(--ease), visibility 0s linear .3s, background-color .3s var(--ease), border-color .3s var(--ease), color .3s var(--ease); }
.diw-totop.is-shown { opacity: 1; visibility: visible; transform: none; transition: opacity .3s var(--ease), transform .3s var(--ease), visibility 0s, background-color .3s var(--ease), border-color .3s var(--ease), color .3s var(--ease); }
@media (hover: hover) and (pointer: fine) {
  .diw-totop:hover { background: var(--sand-dunkel); border-color: var(--sand-dunkel); color: var(--weiss); }
}
.diw-totop:focus-visible { background: var(--sand-dunkel); border-color: var(--sand-dunkel); color: var(--weiss); box-shadow: 0 0 0 5px var(--weiss); }
.diw-totop svg { width: 22px; height: 22px; }

.diw-vidbox { position: relative; }
.diw-vidctl { position: absolute; z-index: 4; right: 14px; bottom: 14px; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.55); color: var(--weiss); border: 1px solid rgba(255,255,255,.35); transition: background-color .3s var(--ease); }
.diw-vidctl:hover { background: rgba(0,0,0,.85); }
.diw-vidctl svg { width: 18px; height: 18px; }
.diw-vidctl .diw-play { display: none; }
.diw-vidctl.is-paused .diw-play { display: block; }
.diw-vidctl.is-paused .diw-pause { display: none; }

.media-loading::before { content: ""; position: absolute; z-index: 3; right: 16px; top: 16px; width: 22px; height: 22px; border: 2px solid rgb(var(--weiss-rgb) / .35); border-top-color: var(--sand); border-radius: 50%; animation: diw-spin 1s linear infinite; pointer-events: none; }
@keyframes diw-spin { to { transform: rotate(360deg); } }
html.reduce-motion .media-loading::before { animation: diw-pulse 2s ease-in-out infinite; }
@keyframes diw-pulse { 50% { opacity: .35; } }

.erscheint { animation: diw-appear linear both; animation-timeline: view(); animation-range: cover 0% cover 15vh; }
@keyframes diw-appear { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: none; } }
@supports not (animation-timeline: view()) { .erscheint { animation: none; } }
html.reduce-motion .erscheint { animation-name: diw-appear-calm; }
@keyframes diw-appear-calm { from { opacity: 0; } to { opacity: 1; } }
.erscheint.diw-hold { opacity: var(--diw-hold-op) !important; transform: var(--diw-hold-tf) !important; }
html.reduce-motion .diw-dialog-sheet { transition-duration: .01s; transform: none; }
html.reduce-motion .diw-totop { transform: none; }

html:has(> body.admin-bar-on) { --admin-bar-h: 36px; }

@media (min-width: 768px) {
  .no5-h2 { font-size: 55px; line-height: .8; }
  .no5-lead { font-size: 22px; line-height: 1.5; }
  .no5-offer h4, .no5-offer-meta, .no5-offer .no5-offer-sub, .no5-price-col .no5-offer-sub, .no5-extras li { font-size: 24px; }
  .no5-offer p:not(.no5-offer-meta):not(.no5-offer-sub), .no5-offer ul { font-size: 19px; }
  .no5-hero { height: 782px; }
  .no5-hero-img--desk { display: block; }
  .no5-hero-img--mob { display: none; }
  .no5-frame { border-width: 30px; }
  .no5-photoband { height: 520px; }
  .no5-quote blockquote p { font-size: 35px; }
  .no5-quote figcaption { font-size: 18px; }
  .no5-quotes-section { padding-bottom: 280px; }
  .no5-quotes-arrow { position: absolute; top: 50%; margin-top: -22px; }
  .no5-quotes-arrow[data-quotes-prev] { left: 12px; }
  .no5-quotes-arrow[data-quotes-next] { right: 12px; }
  .no5-contact-grid { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); grid-template-areas: "text text" "img blurbs"; column-gap: 40px; }
  .no5-blurb p, .no5-blurb address { font-size: 20px; }
  .no5-round--wa { display: inline-flex; }
}
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .no5-quotes .no5-quotes-arrow { opacity: 0; }
  .no5-quotes:hover .no5-quotes-arrow, .no5-quotes:focus-within .no5-quotes-arrow { opacity: 1; }
}
@media (min-width: 1024px) {
  .no5-h2 { font-size: 90px; }
  .no5-lead { font-size: 26px; }
  .no5-tile { border-width: 15px; }
  .no5-hero { height: max(928px, calc(48.333 * var(--cvw))); }
  .no5-band { height: max(161px, calc(9.323 * var(--cvw))); }
  .no5-band--tall { height: max(181px, calc(10.365 * var(--cvw))); }
  .no5-footband { height: max(67px, calc(4.427 * var(--cvw))); }
  .no5-logo-title { width: 47.22%; }
  .no5-nav { display: block; }
  .no5-menu-toggle, .no5-menu { display: none !important; }
  .no5-detail { margin-top: -112px; padding-top: 171px; }
  .no5-detail-grid { grid-template-columns: minmax(0, 54fr) minmax(0, 46fr); gap: 6%; }
  .no5-detail-figure { margin-left: calc(-1 * var(--no5-gutter) - 8.75 * var(--cvw)); }
  .no5-price-cols { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3.5%; }
  .no5-gallery { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .no5-photoband { height: max(775px, calc(40.365 * var(--cvw))); }
  .no5-quotes { padding: 64px 96px 40px; }
  .no5-quote blockquote p { font-size: 42px; line-height: 1.2; }
  .no5-quote figcaption { font-size: 25px; }
  .no5-quotes-section { padding-bottom: 400px; }
  .no5-quotes-arrow[data-quotes-prev] { left: 24px; }
  .no5-quotes-arrow[data-quotes-next] { right: 24px; }
  .no5-quotes-arrow svg { width: 44px; height: 44px; }
  .no5-offer p:not(.no5-offer-meta):not(.no5-offer-sub), .no5-offer ul { font-size: 22px; }
  .no5-blurb h3 { font-size: 26px; }
  .no5-blurb p, .no5-blurb address { font-size: 22px; }
}
@media (min-width: 1281px) {
  .no5-contact-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-areas: "img text" "img blurbs"; grid-template-rows: auto 1fr; column-gap: 5.56%; row-gap: 0; }
  .no5-round--route { display: inline-flex; }
  .no5-call { width: auto; padding: 0 22px 0 16px; }
  .no5-call-number { display: inline; }
}
@media (max-width: 1023.98px) {
  body { font-size: 17px; }
  .diw-footer-bottom { justify-content: flex-start; }
  .diw-credit-line { margin-left: 0; text-align: left; flex-basis: 100%; }
  .diw-dialog-sheet { max-height: 94svh; }
}
@media (max-width: 639.98px) {
  :root { --rand: max(4px, 1vw); --no5-gutter: calc(min(100vw, 2560px) * .01); }
  .no5-row { width: 98%; }
  .no5-island { left: 8px; right: 8px; top: calc(var(--admin-bar-h) + 8px); height: 60px; padding: 0 7px 0 14px; gap: 8px; }
  .no5-island-logo img { height: 38px; }
  .no5-round, .no5-call, .no5-menu-toggle { width: 42px; height: 42px; }
  .no5-call { justify-content: center; padding: 0; }
  .no5-quotes { padding: 36px 18px 24px; }
  .no5-review { border-radius: 0 40px 0 40px; padding: 28px 18px 20px; }
  .no5-score-value { font-size: 58px; }
  .diw-row2 { grid-template-columns: minmax(0, 1fr); }
  .diw-dialog-close span { display: none; }
  .diw-dialog-done { gap: 18px; }
  .diw-done-mark { width: 56px; height: 56px; }
  .diw-totop { width: 38px; height: 38px; bottom: 18px; }
  .diw-totop svg { width: 18px; height: 18px; }
  .diw-dockrail { right: 12px; bottom: calc(100% + 18px); gap: 8px; }
}