/* ==========================================================================
   LEISTUNGSSEITEN, Kopfbereich nach Vorlage (09.10.)
   1 l = 1 Pixel der Vorlage (1774 px breit). Ab 1100 px proportional,
   darunter gestapelt. Farben: Navy #0B2545, Petrol #05434E, Gold #C9962A.
   ========================================================================== */
:root { --l: calc(min(100vw, 1920px) / 1774); }
.ls-hero { position: relative; isolation: isolate; overflow: hidden; background: linear-gradient(180deg, #F9FBFC 0, #fff 100%); color: #0B2545; font-family: var(--font-body); padding: 26px 0 40px; }
.ls-hero__grid { display: grid; gap: 28px; }
.ls-hero__copy { padding-inline: 20px; }
.ls-hero__eyebrow { position: relative; display: inline-block; margin: 0; padding-bottom: 12px; font-size: .9rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #C9962A; }
.ls-hero__eyebrow::after { content: ""; position: absolute; left: 0; bottom: 0; width: 56px; height: 2px; background: #D9B665; }
.ls-hero h1 { margin: 16px 0 0; font-family: var(--font-body); font-weight: 700; letter-spacing: -.03em; text-transform: none; color: #0B2545; font-size: clamp(2.6rem, 11vw, 4.2rem); line-height: 1.06; }
.ls-hero__lead { max-width: 36em; margin: 18px 0 0; color: #565f6c; font-size: 1.05rem; line-height: 1.55; }
.ls-hero__actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 26px; }
.ls-btn { display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-height: 56px; padding: 0 26px; border-radius: 10px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.ls-btn--primary { background: #05434E; color: #fff; box-shadow: 0 10px 26px rgb(5 67 78 / 26%); }
.ls-btn--primary:hover { background: #0A5663; }
.ls-btn--secondary { background: #fff; color: #0B2545; border: 1px solid #E3E8ED; box-shadow: 0 4px 14px rgb(11 37 69 / 5%); }
.ls-btn--secondary:hover { border-color: #C9962A; }
.ls-hero__media { margin: 0; padding-inline: 20px; }
.ls-hero__media img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 12px; }
.ls-trust { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin: 28px 20px 0; padding: 6px 4px; background: #fff; border-radius: 14px; box-shadow: 0 12px 38px rgb(11 45 73 / 9%), 0 0 0 1px rgb(11 45 73 / 4%); }
.ls-trust li { display: flex; align-items: center; gap: 16px; padding: 16px 16px; }
.ls-trust__icon { display: grid; place-items: center; flex: none; width: 56px; height: 56px; border-radius: 50%; background: #EEF1F4; color: #1A2B44; }
.ls-trust strong { display: block; color: #0B2545; font-size: 1rem; line-height: 1.3; }
.ls-trust li > span:last-child { color: #5d6672; font-size: .92rem; line-height: 1.4; }
@media (max-width: 640px) { .ls-trust { grid-template-columns: minmax(0, 1fr); } .ls-btn { white-space: normal; text-align: center; width: 100%; } }
@media (min-width: 1100px) {
  .ls-hero { padding: calc(35 * var(--l)) 0 calc(60 * var(--l)); }
  .ls-hero__grid { grid-template-columns: calc(786 * var(--l)) minmax(0, 1fr); gap: 0; align-items: start; }
  .ls-hero__copy { padding: calc(80 * var(--l)) 0 0 calc(100 * var(--l)); }
  .ls-hero__eyebrow { font-size: max(12px, calc(18 * var(--l))); padding-bottom: calc(12 * var(--l)); }
  .ls-hero__eyebrow::after { width: calc(56 * var(--l)); }
  .ls-hero h1 { margin-top: calc(12 * var(--l)); font-size: calc(79 * var(--l)); line-height: calc(80 * var(--l)); font-weight: 800; letter-spacing: -.035em; }
  .ls-hero__lead { max-width: calc(520 * var(--l)); margin-top: calc(20 * var(--l)); font-size: max(14px, calc(21.4 * var(--l))); line-height: calc(29 * var(--l)); }
  .ls-hero__actions { gap: calc(22 * var(--l)); margin-top: calc(36 * var(--l)); flex-wrap: nowrap; }
  .ls-btn { height: calc(68 * var(--l)); min-height: 48px; padding: 0; gap: calc(16 * var(--l)); font-size: max(13px, calc(17.5 * var(--l))); border-radius: calc(10 * var(--l)); }
  .ls-btn svg:first-child { width: calc(26 * var(--l)); height: calc(26 * var(--l)); }
  .ls-btn--primary { width: calc(357 * var(--l)); }
  .ls-btn--secondary { width: calc(288 * var(--l)); }
  .ls-arrow { width: calc(22 * var(--l)); height: calc(22 * var(--l)); }
  .ls-hero__media { padding: 0; }
  .ls-hero__media img { height: calc(626 * var(--l)); aspect-ratio: auto; border-radius: calc(12 * var(--l)) 0 0 calc(12 * var(--l)); }
  .ls-trust { grid-template-columns: 385fr 419fr 430fr 366fr; width: calc(1600 * var(--l)); margin: calc(20 * var(--l)) 0 0 calc(94 * var(--l)); padding: 0; height: calc(140 * var(--l)); border-radius: calc(14 * var(--l)); position: relative; z-index: 1; }
  .ls-trust li { align-items: flex-start; gap: calc(24 * var(--l)); padding: calc(28 * var(--l)) calc(14 * var(--l)) 0 calc(22 * var(--l)); }
  .ls-trust li:nth-child(4) { padding-right: calc(60 * var(--l)); }
  .ls-trust li:nth-child(3) { padding-right: calc(50 * var(--l)); }
  .ls-trust li + li { border-left: 1px solid #E6EAEE; margin-block: calc(26 * var(--l)); padding-top: calc(2 * var(--l)); }
  .ls-trust li > span:last-child { padding-top: calc(6 * var(--l)); }
  .ls-trust__icon { width: calc(70 * var(--l)); height: calc(70 * var(--l)); }
  .ls-trust__icon svg { width: calc(32 * var(--l)); height: calc(32 * var(--l)); }
  .ls-trust strong { font-size: max(14px, calc(18.5 * var(--l))); line-height: calc(26 * var(--l)); }
  .ls-trust li > span:last-child { font-size: max(12.5px, calc(17 * var(--l))); line-height: calc(26 * var(--l)); }
}

/* ==========================================================================
   UMZUG: "Wie viel sollen wir uebernehmen?" nach Vorlage (1 m = 1 Pixel bei 1600 px)
   ========================================================================== */
:root { --m: calc(min(100vw, 1920px) / 1600); }
.ls-scope { background: linear-gradient(180deg, #F8FAFB 0, #F5F7F9 100%); color: #0B2545; font-family: var(--font-body); padding: 48px 0 64px; overflow: hidden; }
.ls-scope__inner { width: calc(100% - 40px); margin-inline: auto; }
.ls-eyebrow { display: flex; align-items: center; gap: 14px; margin: 0; font-size: .82rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #05434E; }
.ls-eyebrow::before { content: ""; width: 35px; height: 2px; background: #D9A441; flex: none; }
.ls-scope h2 { margin: 18px 0 0; font-family: var(--font-body); font-weight: 700; letter-spacing: -.03em; text-transform: none; color: #0B2545; font-size: clamp(2rem, 7vw, 3.3rem); line-height: 1.1; }
.ls-scope__intro { max-width: 34em; margin: 16px 0 0; color: #5a6b7b; font-size: 1.1rem; line-height: 1.5; }
.ls-scope__grid { display: grid; gap: 18px; margin-top: 30px; }
.ls-opt { position: relative; overflow: hidden; display: flex; gap: 20px; padding: 24px; background: #fff; border: 1px solid #E3E8EE; border-radius: 20px; }
.ls-opt::after { content: ""; position: absolute; right: -40px; bottom: -70px; width: 150px; height: 150px; border: 1px solid #EDF0F3; border-radius: 50%; }
.ls-opt__icon { display: grid; place-items: center; flex: none; width: 60px; height: 60px; border-radius: 14px; background: #E9EDF1; color: #1A2B44; }
.ls-opt__icon svg { stroke-width: 1.5; }
.ls-opt h3 { margin: 4px 0 0; font-family: var(--font-body); font-weight: 700; letter-spacing: -.02em; text-transform: none; color: #0B2545; font-size: 1.4rem; line-height: 1.2; }
.ls-opt p { max-width: 38em; margin: 8px 0 0; color: #4b5b6b; font-size: 1rem; line-height: 1.5; }
.ls-chips { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 0; padding: 0; }
.ls-chips li { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 12px; border-radius: 16px; background: #EEF2F5; color: #0B2545; font-size: .82rem; font-weight: 600; }
.ls-chips li::before { content: "✓"; font-size: .75rem; }
.ls-opt__no { position: absolute; right: 24px; top: 20px; color: #8A97A6; font-size: .95rem; letter-spacing: .08em; }
.ls-full { position: relative; overflow: hidden; padding: 30px 26px; border-radius: 20px; color: #fff; background: linear-gradient(135deg, #0B4B5C 0, #04323F 100%); box-shadow: 0 24px 50px rgb(5 50 63 / 24%); }
.ls-full__eyebrow { display: flex; align-items: center; gap: 14px; margin: 0; font-size: .78rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: #E3EEF1; }
.ls-full__eyebrow span { color: #E9B11E; letter-spacing: .1em; }
.ls-full h3 { margin: 14px 0 0; font-family: var(--font-body); font-weight: 700; letter-spacing: -.03em; text-transform: none; color: #fff; font-size: 2.3rem; line-height: 1.1; }
.ls-full__lead { max-width: 24em; margin: 12px 0 0; color: #D7E3E8; font-size: 1.05rem; line-height: 1.45; }
.ls-full__list { list-style: none; margin: 26px 0 0; padding: 0; border-top: 1px solid rgb(255 255 255 / 14%); }
.ls-full__list li { display: flex; align-items: center; gap: 14px; padding: 13px 0; border-bottom: 1px solid rgb(255 255 255 / 14%); font-size: 1rem; }
.ls-full__list li::before { content: "✓"; display: grid; place-items: center; flex: none; width: 24px; height: 24px; border-radius: 50%; background: rgb(255 255 255 / 15%); font-size: .75rem; }
.ls-full__note { margin: 20px 0 0; color: #A9C0C8; font-size: .85rem; }
.ls-scope__foot { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; margin-top: 28px; }
.ls-scope__foot p { margin: 0; color: #5a6b7b; line-height: 1.45; }
.ls-scope__foot strong { display: block; color: #0B2545; font-size: 1.1rem; }
.ls-scope__btn { display: inline-flex; align-items: center; justify-content: center; gap: 20px; min-height: 56px; padding: 0 26px; border-radius: 8px; background: #06394A; color: #fff; font-weight: 600; text-decoration: none; box-shadow: 0 10px 24px rgb(6 57 74 / 22%); }
.ls-scope__btn:hover { background: #0A4A5E; }
@media (max-width: 520px) { .ls-opt { flex-direction: column; gap: 14px; } .ls-opt__no { top: 22px; } .ls-scope__btn { width: 100%; } }
@media (min-width: 1100px) {
  .ls-scope { padding: calc(64 * var(--m)) 0 calc(100 * var(--m)); }
  .ls-scope__inner { width: calc(1408 * var(--m)); }
  .ls-scope__head { display: grid; grid-template-columns: calc(910 * var(--m)) 1fr; align-items: end; }
  .ls-eyebrow { gap: calc(14 * var(--m)); font-size: max(11px, calc(14.5 * var(--m))); }
  .ls-eyebrow::before { width: calc(35 * var(--m)); }
  .ls-scope h2 { margin-top: calc(14 * var(--m)); max-width: calc(560 * var(--m)); font-size: calc(54 * var(--m)); line-height: calc(60 * var(--m)); }
  .ls-scope__intro { max-width: calc(494 * var(--m)); margin: 0 0 calc(4 * var(--m)); font-size: max(14px, calc(20.4 * var(--m))); line-height: calc(31 * var(--m)); }
  .ls-scope__grid { grid-template-columns: calc(814 * var(--m)) calc(570 * var(--m)); grid-template-rows: calc(220 * var(--m)) calc(220 * var(--m)); gap: calc(20 * var(--m)) calc(24 * var(--m)); margin-top: calc(36 * var(--m)); }
  .ls-opt { gap: calc(34 * var(--m)); padding: calc(30 * var(--m)) calc(32 * var(--m)); border-radius: calc(20 * var(--m)); }
  .ls-opt__icon { width: calc(70 * var(--m)); height: calc(70 * var(--m)); border-radius: calc(14 * var(--m)); }
  .ls-opt__icon svg { width: calc(34 * var(--m)); height: calc(34 * var(--m)); }
  .ls-opt h3 { margin-top: calc(4 * var(--m)); font-size: max(18px, calc(26 * var(--m))); }
  .ls-opt p { max-width: calc(620 * var(--m)); margin-top: calc(8 * var(--m)); font-size: max(13.5px, calc(18 * var(--m))); line-height: calc(24 * var(--m)); }
  .ls-chips { gap: calc(8 * var(--m)); margin-top: calc(18 * var(--m)); }
  .ls-chips li { height: calc(32 * var(--m)); min-height: 26px; padding: 0 calc(12 * var(--m)); border-radius: calc(16 * var(--m)); font-size: max(11.5px, calc(14 * var(--m))); }
  .ls-opt__no { right: calc(30 * var(--m)); top: calc(30 * var(--m)); font-size: max(12px, calc(17 * var(--m))); }
  .ls-full { grid-column: 2; grid-row: 1 / span 2; padding: calc(36 * var(--m)) calc(39 * var(--m)); border-radius: calc(20 * var(--m)); }
  .ls-full__eyebrow { gap: calc(14 * var(--m)); font-size: max(11px, calc(15 * var(--m))); }
  .ls-full h3 { margin-top: calc(14 * var(--m)); font-size: max(28px, calc(44 * var(--m))); line-height: calc(52 * var(--m)); }
  .ls-full__lead { max-width: calc(470 * var(--m)); margin-top: calc(8 * var(--m)); font-size: max(14px, calc(20 * var(--m))); line-height: calc(28 * var(--m)); }
  .ls-full__list { margin-top: calc(20 * var(--m)); }
  .ls-full__list li { gap: calc(14 * var(--m)); padding: 0; height: calc(51 * var(--m)); min-height: 40px; font-size: max(13.5px, calc(18 * var(--m))); }
  .ls-full__list li::before { width: calc(24 * var(--m)); height: calc(24 * var(--m)); min-width: 20px; min-height: 20px; }
  .ls-full__note { margin-top: calc(16 * var(--m)); font-size: max(12px, calc(14.5 * var(--m))); }
  .ls-scope__foot { flex-direction: row; justify-content: space-between; align-items: center; margin-top: calc(29 * var(--m)); }
  .ls-scope__foot strong { font-size: max(15px, calc(20 * var(--m))); }
  .ls-scope__foot p { font-size: max(13.5px, calc(18 * var(--m))); line-height: calc(29 * var(--m)); }
  .ls-scope__btn { width: calc(324 * var(--m)); height: calc(59 * var(--m)); min-height: 48px; padding: 0; gap: calc(22 * var(--m)); font-size: max(13.5px, calc(17 * var(--m))); }
}

/* Ueberschriften: Archivo statt der Kondensschrift der Ortsseiten */
.page-calw main > section.ls-scope h2, .page-calw main > section.ls-scope h3 { font-family: var(--font-body); text-transform: none; font-weight: 700; }
.page-calw main > section.ls-scope h2 { letter-spacing: -.03em; line-height: 1.1; }
.page-calw main > section.ls-scope .ls-opt h3 { letter-spacing: -.02em; }
.page-calw main > section.ls-scope .ls-full h3 { letter-spacing: -.03em; }
@media (min-width: 1100px) {
  .page-calw main > section.ls-scope h2 { font-size: calc(54 * var(--m)); line-height: calc(60 * var(--m)); }
  .page-calw main > section.ls-scope .ls-opt h3 { font-size: max(18px, calc(26 * var(--m))); line-height: 1.2; }
  .page-calw main > section.ls-scope .ls-full h3 { font-size: max(28px, calc(44 * var(--m))); line-height: calc(52 * var(--m)); }
}
@media (max-width: 1099px) {
  .page-calw main > section.ls-scope h2 { font-size: clamp(2rem, 7vw, 3.3rem); }
  .page-calw main > section.ls-scope .ls-opt h3 { font-size: 1.4rem; }
  .page-calw main > section.ls-scope .ls-full h3 { font-size: 2.3rem; }
}

/* ==========================================================================
   UMZUG: "Aus der Praxis" nach Vorlage (1 q = 1 Pixel bei 1774 px)
   ========================================================================== */
:root { --q: calc(min(100vw, 1920px) / 1774); }
.ls-cases { position: relative; overflow: hidden; background: linear-gradient(180deg, #fff 0, #FBFCFD 100%); color: #0B2545; font-family: var(--font-body); padding: 48px 0 60px; }
.ls-cases__inner { width: calc(100% - 40px); margin-inline: auto; display: grid; gap: 28px; }
.ls-cases__eyebrow { position: relative; display: inline-block; margin: 0; padding-bottom: 12px; font-size: .85rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #D4860B; }
.ls-cases__eyebrow::after { content: ""; position: absolute; left: 0; bottom: 0; width: 118px; height: 1px; background: #DADFE5; }
.page-calw main > section.ls-cases h2 { margin: 22px 0 0; font-family: var(--font-body); font-weight: 800; letter-spacing: -.03em; text-transform: none; color: #0B2545; font-size: clamp(2rem, 7vw, 3.1rem); line-height: 1.1; }
.ls-cases__lead { max-width: 30em; margin: 16px 0 0; color: #5b6472; font-size: 1.05rem; line-height: 1.55; }
.ls-cases__list { display: grid; gap: 20px; }
.ls-case { display: grid; padding: 4px; background: #fff; border-radius: 16px; box-shadow: 0 14px 40px rgb(11 45 73 / 9%), 0 0 0 1px rgb(11 45 73 / 4%); }
.ls-case__media { position: relative; margin: 0; min-height: 220px; }
.ls-case__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 12px; }
.ls-case__media figcaption { position: absolute; left: 16px; top: 16px; padding: 10px 20px; border-radius: 999px; background: #fff; color: #0B2545; font-weight: 600; font-size: .95rem; box-shadow: 0 4px 14px rgb(11 37 69 / 12%); }
.ls-case__body { padding: 24px 22px 22px; }
.page-calw main > section.ls-cases h3 { margin: 0; font-family: var(--font-body); font-weight: 800; letter-spacing: -.03em; text-transform: none; color: #0B2545; font-size: 1.7rem; line-height: 1.15; }
.ls-case__route { margin: 6px 0 0; font-size: 1.3rem; font-weight: 800; letter-spacing: -.02em; color: #0B2545; }
.ls-case__route span { color: #C9760F; margin-inline: 6px; }
.ls-case__text { max-width: 38em; margin: 14px 0 0; color: #5b6472; line-height: 1.5; }
.ls-case__facts { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 22px; padding-top: 22px; border-top: 1px solid #E5E8EC; }
.ls-case__facts ul { list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 14px 22px; flex: 1; margin: 0; padding: 0; }
.ls-case__facts li { display: flex; align-items: center; gap: 12px; }
.ls-fact__icon { display: grid; place-items: center; flex: none; width: 48px; height: 48px; border-radius: 50%; background: #F0F2F5; color: #1A2B44; }
.ls-fact__icon svg { stroke-width: 1.5; }
.ls-case__facts strong { display: block; color: #0B2545; font-size: .85rem; }
.ls-case__facts li > span:last-child { color: #5b6472; font-size: .92rem; line-height: 1.35; }
.ls-case__go { display: grid; place-items: center; flex: none; width: 48px; height: 48px; border-radius: 50%; background: #FDF3E4; color: #C9760F; }
.ls-case__go:hover { background: #F9E6C8; }
@media (min-width: 700px) { .ls-case { grid-template-columns: minmax(0, 42%) minmax(0, 1fr); } .ls-case__media { min-height: 280px; } }
@media (min-width: 1100px) {
  .ls-cases { padding: calc(60 * var(--q)) 0 calc(60 * var(--q)); }
  .ls-cases__inner { width: calc(1668 * var(--q)); margin-left: calc(57 * var(--q)); margin-right: 0; grid-template-columns: calc(460 * var(--q)) calc(1168 * var(--q)); gap: calc(40 * var(--q)); align-items: start; }
  .ls-cases__head { padding-top: calc(160 * var(--q)); }
  .ls-cases__eyebrow { font-size: max(11px, calc(15 * var(--q))); padding-bottom: calc(15 * var(--q)); }
  .ls-cases__eyebrow::after { width: calc(118 * var(--q)); }
  .page-calw main > section.ls-cases h2 { margin-top: calc(26 * var(--q)); font-size: calc(50 * var(--q)); line-height: calc(54 * var(--q)); }
  .ls-cases__lead { margin-top: calc(18 * var(--q)); max-width: calc(460 * var(--q)); font-size: max(14px, calc(20 * var(--q))); line-height: calc(27 * var(--q)); }
  .ls-cases__list { gap: calc(28 * var(--q)); }
  .ls-case { grid-template-columns: calc(498 * var(--q)) minmax(0, 1fr); padding: calc(4 * var(--q)); border-radius: calc(16 * var(--q)); }
  .ls-case__media { min-height: 0; }
  .ls-case__media img { border-radius: calc(12 * var(--q)); }
  .ls-case__media figcaption { left: calc(21 * var(--q)); top: calc(21 * var(--q)); padding: 0 calc(22 * var(--q)); height: calc(43 * var(--q)); display: flex; align-items: center; font-size: max(12px, calc(17 * var(--q))); }
  .ls-case__body { padding: calc(30 * var(--q)) calc(28 * var(--q)) calc(24 * var(--q)) calc(37 * var(--q)); }
  .page-calw main > section.ls-cases h3 { font-size: max(20px, calc(38 * var(--q))); line-height: calc(44 * var(--q)); }
  .ls-case__route { margin-top: calc(2 * var(--q)); font-size: max(17px, calc(30 * var(--q))); line-height: calc(44 * var(--q)); }
  .ls-case__text { max-width: calc(520 * var(--q)); margin-top: calc(14 * var(--q)); font-size: max(13.5px, calc(19.5 * var(--q))); line-height: calc(26 * var(--q)); }
  .ls-case__facts { gap: calc(20 * var(--q)); margin-top: calc(30 * var(--q)); padding-top: calc(30 * var(--q)); }
  .ls-case__facts ul { grid-template-columns: repeat(3, auto); justify-content: space-between; gap: 0 calc(20 * var(--q)); }
  .ls-case__facts li { gap: calc(12 * var(--q)); }
  .ls-fact__icon { width: calc(58 * var(--q)); height: calc(58 * var(--q)); }
  .ls-fact__icon svg { width: calc(28 * var(--q)); height: calc(28 * var(--q)); }
  .ls-case__facts strong { font-size: max(12px, calc(15 * var(--q))); }
  .ls-case__facts li > span:last-child { font-size: max(12px, calc(17 * var(--q))); line-height: calc(21 * var(--q)); }
  .ls-case__go { width: calc(51 * var(--q)); height: calc(51 * var(--q)); }
}
.ls-case__facts li:nth-child(n+2) > span:last-child { white-space: nowrap; }

/* ==========================================================================
   Varianten fuer die weiteren Leistungsseiten
   ========================================================================== */
/* lange Woerter in der Hauptueberschrift */
.page-calw .ls-hero h1.ls-h1--long { font-size: clamp(1.9rem, 8.4vw, 3.4rem); }
@media (min-width: 1100px) { .page-calw .ls-hero h1.ls-h1--long { font-size: calc(60 * var(--l)); line-height: calc(68 * var(--l)); } }

/* Umfang: dunkle Karte links (flip) */
@media (min-width: 1100px) {
  .ls-scope--flip .ls-scope__grid { grid-template-columns: calc(570 * var(--m)) calc(814 * var(--m)); }
  .ls-scope--flip .ls-full { grid-column: 1; grid-row: 1 / span 2; }
  .ls-scope--flip .ls-opt { grid-column: 2; }
  .ls-scope--flip .ls-scope__foot { flex-direction: row-reverse; }
  .ls-scope--flip .ls-scope__foot p { text-align: right; }
}
@media (max-width: 1099px) { .ls-scope--flip .ls-full { order: -1; } }

/* Umfang: drei Spalten (cols) */
.ls-scope--cols .ls-opt { flex-direction: column; gap: 18px; }
.ls-scope--cols .ls-opt__no { top: 24px; }
@media (min-width: 1100px) {
  .ls-scope--cols .ls-scope__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: none; gap: calc(24 * var(--m)); }
  .ls-scope--cols .ls-opt { gap: calc(22 * var(--m)); padding: calc(34 * var(--m)) calc(32 * var(--m)); }
  .ls-scope--cols .ls-full { grid-column: auto; grid-row: auto; padding: calc(34 * var(--m)) calc(32 * var(--m)); }
  .ls-scope--cols .ls-full h3 { font-size: max(24px, calc(38 * var(--m))); line-height: calc(46 * var(--m)); }
  .ls-scope--cols .ls-full__note { margin-top: calc(24 * var(--m)); }
}

/* Praxis: Karte links, Text rechts (flip) */
@media (min-width: 1100px) {
  .ls-cases--flip .ls-cases__inner { grid-template-columns: calc(1168 * var(--q)) calc(460 * var(--q)); margin-left: calc(50 * var(--q)); }
  .ls-cases--flip .ls-cases__list { order: -1; }
  .ls-cases--flip .ls-cases__head { padding-top: calc(110 * var(--q)); }
}
@media (min-width: 1100px) { .ls-case__media img { min-height: 0; } }
@media (min-width: 1100px) {
  .ls-scope__btn { width: auto; min-width: calc(324 * var(--m)); padding: 0 calc(30 * var(--m)); white-space: nowrap; }
  .page-calw main > section.ls-scope.ls-scope--cols h2 { max-width: calc(800 * var(--m)); }
}
@media (min-width: 1100px) { .ls-scope__foot p { max-width: calc(880 * var(--m)); } }

/* ==========================================================================
   Ortsseiten: "Gut zu wissen", Einsatzgebiet, Praxis ohne Foto
   ========================================================================== */
.ls-guide, .ls-areas { color: #0B2545; font-family: var(--font-body); padding: 52px 0; }
.ls-guide { background: #fff; }
.ls-areas { background: linear-gradient(180deg, #F6F8FA 0, #fff 100%); }
.ls-guide__inner, .ls-areas__inner { width: calc(100% - 40px); margin-inline: auto; }
.page-calw main > section.ls-guide h2, .page-calw main > section.ls-areas h2 { margin: 18px 0 0; font-family: var(--font-body); font-weight: 700; letter-spacing: -.03em; text-transform: none; color: #0B2545; font-size: clamp(1.8rem, 6vw, 2.8rem); line-height: 1.12; max-width: 22em; }
.page-calw main > section.ls-guide h3, .page-calw main > section.ls-areas h3 { margin: 0; font-family: var(--font-body); font-weight: 700; letter-spacing: -.02em; text-transform: none; color: #0B2545; font-size: 1.35rem; line-height: 1.2; }
.ls-guide__intro, .ls-areas__head p:not(.ls-eyebrow) { max-width: 40em; margin: 14px 0 0; color: #5b6472; line-height: 1.55; }
.ls-guide__cols { display: grid; gap: 20px; margin-top: 30px; }
.ls-guide__card { padding: 26px 24px; background: #fff; border: 1px solid #E3E8EE; border-radius: 18px; box-shadow: 0 12px 34px rgb(11 45 73 / 6%); }
.ls-guide__card ul { list-style: none; margin: 18px 0 0; padding: 0; display: grid; gap: 0; }
.ls-guide__card li { padding: 16px 0 16px 34px; border-top: 1px solid #E9EDF1; color: #5b6472; line-height: 1.5; position: relative; font-size: .97rem; }
.ls-guide__card li::before { content: "✓"; position: absolute; left: 0; top: 17px; display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: #EEF2F5; color: #05434E; font-size: .72rem; }
.ls-guide__card strong { display: block; margin-bottom: 4px; color: #0B2545; font-size: 1.02rem; }
.ls-areas__cols { display: grid; gap: 28px; margin-top: 28px; }
.ls-tags { list-style: none; display: flex; flex-wrap: wrap; gap: 10px; margin: 16px 0 0; padding: 0; }
.ls-tags li { display: inline-flex; align-items: center; height: 38px; padding: 0 16px; border-radius: 999px; background: #fff; border: 1px solid #DCE3EA; color: #0B2545; font-weight: 600; font-size: .92rem; }
.ls-areas__note { margin: 14px 0 0; color: #5b6472; line-height: 1.5; font-size: .95rem; }
.ls-case--plain .ls-case__body { padding: 28px 26px; }
.ls-case--plain { display: block; }
@media (min-width: 1100px) {
  .ls-guide, .ls-areas { padding: calc(80 * var(--m)) 0; }
  .ls-guide__inner, .ls-areas__inner { width: calc(1408 * var(--m)); }
  .page-calw main > section.ls-guide h2, .page-calw main > section.ls-areas h2 { font-size: calc(46 * var(--m)); line-height: calc(54 * var(--m)); margin-top: calc(16 * var(--m)); }
  .page-calw main > section.ls-guide h3, .page-calw main > section.ls-areas h3 { font-size: max(18px, calc(26 * var(--m))); }
  .ls-guide__intro, .ls-areas__head p:not(.ls-eyebrow) { font-size: max(14px, calc(19 * var(--m))); line-height: calc(29 * var(--m)); margin-top: calc(14 * var(--m)); }
  .ls-guide__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: calc(24 * var(--m)); margin-top: calc(40 * var(--m)); }
  .ls-guide__card { padding: calc(36 * var(--m)) calc(38 * var(--m)); border-radius: calc(20 * var(--m)); }
  .ls-guide__card li { font-size: max(13.5px, calc(17 * var(--m))); padding-block: calc(18 * var(--m)); padding-left: calc(40 * var(--m)); }
  .ls-guide__card li::before { top: calc(19 * var(--m)); width: max(20px, calc(24 * var(--m))); height: max(20px, calc(24 * var(--m))); }
  .ls-guide__card strong { font-size: max(14.5px, calc(19 * var(--m))); }
  .ls-areas__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: calc(60 * var(--m)); margin-top: calc(40 * var(--m)); }
  .ls-tags li { height: calc(44 * var(--m)); min-height: 34px; padding: 0 calc(20 * var(--m)); font-size: max(12.5px, calc(17 * var(--m))); }
  .ls-areas__note { margin-top: calc(16 * var(--m)); font-size: max(13px, calc(17 * var(--m))); line-height: calc(27 * var(--m)); }
  .ls-case--plain .ls-case__body { padding: calc(40 * var(--q)) calc(44 * var(--q)); }
}
@media (min-width: 1100px) { .ls-case--plain .ls-case__facts ul { grid-template-columns: repeat(4, auto); } }
.ls-case--plain .ls-case__facts li > span:last-child { white-space: normal !important; overflow-wrap: anywhere; }

/* Vorher / Nachher */
.ls-ba { background: #fff; color: #0B2545; font-family: var(--font-body); padding: 52px 0; }
.ls-ba__inner { width: calc(100% - 40px); margin-inline: auto; }
.page-calw main > section.ls-ba h2 { margin: 18px 0 0; font-family: var(--font-body); font-weight: 700; letter-spacing: -.03em; text-transform: none; color: #0B2545; font-size: clamp(1.8rem, 6vw, 2.8rem); line-height: 1.12; max-width: 22em; }
.ls-ba__head > p:not(.ls-eyebrow) { max-width: 40em; margin: 14px 0 0; color: #5b6472; line-height: 1.55; }
.ls-ba__pair { display: grid; gap: 16px; margin-top: 28px; }
.ls-ba figure { position: relative; margin: 0; }
.ls-ba img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 14px; box-shadow: 0 12px 34px rgb(11 45 73 / 10%); }
.ls-ba figcaption { position: absolute; left: 14px; top: 14px; padding: 8px 18px; border-radius: 999px; background: #fff; color: #0B2545; font-weight: 600; font-size: .92rem; box-shadow: 0 4px 14px rgb(11 37 69 / 12%); }
.ls-case__more { margin: 14px 0 0; }
.ls-case__more a { color: #C9760F; font-weight: 600; }
@media (min-width: 700px) { .ls-ba__pair { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1100px) {
  .ls-ba { padding: calc(80 * var(--m)) 0; }
  .ls-ba__inner { width: calc(1408 * var(--m)); }
  .page-calw main > section.ls-ba h2 { font-size: calc(46 * var(--m)); line-height: calc(54 * var(--m)); margin-top: calc(16 * var(--m)); }
  .ls-ba__head > p:not(.ls-eyebrow) { font-size: max(14px, calc(19 * var(--m))); line-height: calc(29 * var(--m)); }
  .ls-ba__pair { gap: calc(24 * var(--m)); margin-top: calc(40 * var(--m)); }
  .ls-ba img { border-radius: calc(16 * var(--m)); }
  .ls-ba figcaption { left: calc(20 * var(--m)); top: calc(20 * var(--m)); padding: 0 calc(22 * var(--m)); height: calc(42 * var(--m)); display: flex; align-items: center; font-size: max(12px, calc(17 * var(--m))); }
}

/* ==========================================================================
   CALW: Kopfbereich und Leistungen nach Vorlage (12.10.)
   Vorlage ist massstabsgetreu: 1 m = 1 Pixel der Vorlage.
   Ab 1100 px proportional zur Breite, darunter gestapelt.
   ========================================================================== */
.page-calw {
  --cw-navy: #0B2545;
  --cw-petrol: #05434E;
  --cw-gold: #B5832B;
  --cw-gold-line: #D9A441;
  --cw-muted: #5A6675;
  --cw-line: #E5E9ED;
  --cw-tile: #EEF2F5;
  --cw-card: #fff;
}
.cw-wrap { width: calc(100% - 40px); margin-inline: auto; }

.cw-eyebrow { display: flex; align-items: center; gap: 14px; margin: 0; font-size: .8rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--cw-gold); }
.cw-eyebrow::before { content: ""; flex: none; width: 37px; height: 2px; background: var(--cw-gold-line); }

.cw-btn { display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-height: 54px; padding: 0 24px; border-radius: 10px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.cw-btn--primary { background: var(--cw-petrol); color: #fff; box-shadow: 0 10px 26px rgb(5 67 78 / 24%); }
.cw-btn--primary:hover { background: #0A5663; }
.cw-btn--secondary { background: #fff; color: var(--cw-navy); border: 1px solid var(--cw-line); box-shadow: 0 4px 14px rgb(11 37 69 / 6%); }
.cw-btn--secondary:hover { border-color: var(--cw-gold-line); }

/* --- Kopfbereich --- */
.cw-hero { position: relative; isolation: isolate; overflow: hidden; background: #FBFCFD; color: var(--cw-navy); font-family: var(--font-body); padding: 26px 0 0; }
.cw-hero__inner { position: relative; }
.cw-hero__copy { padding-inline: 20px; }
.page-calw main > section.cw-hero h1 { margin: 16px 0 0; font-family: var(--font-body); font-weight: 800; letter-spacing: -.035em; text-transform: none; color: var(--cw-navy); font-size: clamp(2.6rem, 11vw, 4.2rem); line-height: 1.06; }
.cw-dot { color: var(--cw-gold-line); }
.cw-hero__lead { max-width: 36em; margin: 18px 0 0; color: var(--cw-muted); font-size: 1.05rem; line-height: 1.55; }
.cw-hero__lead--2 { margin-top: 12px; }
.cw-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.cw-checks { list-style: none; display: flex; flex-wrap: wrap; gap: 10px 26px; margin: 20px 0 0; padding: 0; color: var(--cw-muted); font-size: .86rem; }
.cw-checks li { display: flex; align-items: center; gap: 8px; }
.cw-checks li::before { content: "✓"; color: var(--cw-navy); font-size: .8rem; }
.cw-hero__media { margin: 28px 20px 0; }
.cw-hero__media img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 12px; }

.cw-trust { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-block: 28px 0; padding: 6px 4px; background: var(--cw-card); border-radius: 14px; box-shadow: 0 12px 38px rgb(11 45 73 / 9%), 0 0 0 1px rgb(11 45 73 / 4%); }
.cw-trust li { display: flex; align-items: center; gap: 16px; padding: 16px; }
.cw-trust__icon { display: grid; place-items: center; flex: none; width: 56px; height: 56px; border-radius: 14px; background: var(--cw-tile); color: #1A2B44; }
.cw-trust strong { display: block; color: var(--cw-navy); font-size: 1rem; line-height: 1.3; }
.cw-trust li > span:last-child { color: var(--cw-muted); font-size: .9rem; line-height: 1.4; }

/* --- Leistungen --- */
.cw-scope { background: #FDFDFE; color: var(--cw-navy); font-family: var(--font-body); padding: 48px 0 56px; }
.cw-scope__head { display: grid; gap: 16px; }
.page-calw main > section.cw-scope h2 { margin: 16px 0 0; font-family: var(--font-body); font-weight: 800; letter-spacing: -.03em; text-transform: none; color: var(--cw-navy); font-size: clamp(2rem, 7vw, 3.3rem); line-height: 1.1; }
.cw-scope__intro { max-width: 34em; margin: 0; color: var(--cw-muted); font-size: 1.02rem; line-height: 1.45; }
.cw-cards { display: grid; gap: 16px; margin-top: 30px; }
.cw-card { position: relative; display: flex; flex-direction: column; padding: 26px; background: var(--cw-card); border: 1px solid var(--cw-line); border-radius: 18px; box-shadow: 0 10px 30px rgb(11 45 73 / 6%); transition: background-color .25s ease, border-color .25s ease, box-shadow .25s ease, translate .25s ease; }
@media (hover: hover) {
  .cw-card:hover { background: #063541; border-color: #063541; box-shadow: 0 26px 54px rgb(4 40 50 / 28%); translate: 0 -4px; }
  .cw-card__no { position: absolute; right: 26px; top: 26px; color: #94A1AF; font-size: .95rem; letter-spacing: .08em; }
  .cw-card__icon { display: grid; place-items: center; flex: none; width: 62px; height: 62px; border-radius: 16px; background: #F0F4F7; color: #15273F; transition: background-color .25s ease, color .25s ease; }
  .page-calw main > section.cw-scope .cw-card h3 { margin: 22px 0 0; font-family: var(--font-body); font-weight: 800; letter-spacing: -.02em; text-transform: none; color: var(--cw-navy); font-size: 1.45rem; line-height: 1.2; }
  .cw-card > p { margin: 10px 0 0; color: var(--cw-muted); font-size: .96rem; line-height: 1.5; }
  .cw-list { list-style: none; margin: 22px 0 0; padding: 20px 0 0; border-top: 1px solid var(--cw-line); display: grid; gap: 12px; }
  .cw-list li { display: flex; align-items: center; gap: 14px; color: var(--cw-navy); font-size: .94rem; line-height: 1.35; }
  .cw-list li::before { content: "✓"; display: grid; place-items: center; flex: none; width: 22px; height: 22px; border-radius: 50%; background: #E2EFEF; color: #0D4A52; font-size: .68rem; transition: background-color .25s ease, color .25s ease; }
  .page-calw main > section.cw-scope .cw-card:hover h3 { color: #E3A94E; }
  .cw-card:hover .cw-list li { color: #fff; }
  .cw-card:hover > p { color: #CFE0E4; }
  .cw-card:hover .cw-card__no { color: #7E9AA2; }
  .cw-card:hover .cw-card__icon { background: rgb(255 255 255 / 10%); color: var(--cw-gold-line); }
  .cw-card:hover .cw-list { border-top-color: rgb(255 255 255 / 16%); }
  .cw-card:hover .cw-list li::before { background: #E3A94E; color: #06323D; }
}

.cw-foot { display: grid; gap: 18px; margin-top: 18px; padding: 24px 26px; background: var(--cw-card); border: 1px solid var(--cw-line); border-radius: 14px; box-shadow: 0 10px 30px rgb(11 45 73 / 6%); }
.cw-foot__icon { display: grid; place-items: center; flex: none; width: 56px; height: 56px; border-radius: 14px; background: var(--cw-tile); color: #1A2B44; }
.cw-foot__text strong { display: block; color: var(--cw-navy); font-size: 1.05rem; line-height: 1.3; }
.cw-foot__text p { margin: 8px 0 0; color: var(--cw-muted); font-size: .92rem; line-height: 1.5; }
.cw-foot__actions { display: flex; flex-wrap: wrap; gap: 12px; }

@media (max-width: 640px) {
  .cw-btn { width: 100%; white-space: normal; text-align: center; }
  .cw-trust { grid-template-columns: minmax(0, 1fr); }
}

@media (min-width: 1100px) {
  .cw-wrap { width: calc(1497 * var(--m)); }
  .cw-eyebrow { gap: calc(11.2 * var(--m)); font-size: max(11px, calc(11.2 * var(--m))); }
  .cw-eyebrow::before { width: calc(37.2 * var(--m)); height: calc(2.1 * var(--m)); }
  .cw-btn { height: calc(53.3 * var(--m)); min-height: 48px; padding: 0; gap: calc(11.2 * var(--m)); border-radius: calc(7.7 * var(--m)); font-size: max(13px, calc(15 * var(--m))); }
  .cw-btn svg:first-child { width: calc(21 * var(--m)); height: calc(21 * var(--m)); }
  .cw-arrow { width: calc(16.8 * var(--m)); height: calc(16.8 * var(--m)); }

  .cw-hero { padding: 0; }
  .cw-hero__media { position: absolute; inset: 0 0 auto 0; height: calc(100% - 57 * var(--m)); margin: 0; }
  .cw-hero__media img { height: 100%; aspect-ratio: auto; border-radius: 0; }
  .cw-hero__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #FBFCFD 0, #FBFCFD 44%, rgb(251 252 253 / 0) 74%); }
  .cw-hero__copy { padding: calc(61.7 * var(--m)) 0 0 calc(19.6 * var(--m)); }
  .page-calw main > section.cw-hero h1 { margin-top: calc(14 * var(--m)); font-size: calc(75.7 * var(--m)); line-height: calc(72.2 * var(--m)); }
  .cw-hero__lead { max-width: calc(408.8 * var(--m)); margin-top: calc(16.8 * var(--m)); font-size: max(14px, calc(16.5 * var(--m))); line-height: calc(23.8 * var(--m)); }
  .cw-hero__lead--2 { margin-top: calc(14 * var(--m)); }
  .cw-actions { gap: calc(11.9 * var(--m)); margin-top: calc(26.6 * var(--m)); flex-wrap: nowrap; }
  .cw-btn--primary { width: calc(290.3 * var(--m)); }
  .cw-btn--secondary { width: calc(232.1 * var(--m)); }
  .cw-checks { gap: calc(28.1 * var(--m)); margin-top: calc(26.6 * var(--m)); font-size: max(12px, calc(12.6 * var(--m))); flex-wrap: nowrap; }
  .cw-checks li { gap: calc(7 * var(--m)); }

  .cw-trust { position: relative; grid-template-columns: 276fr 288fr 248fr 238fr; height: calc(101 * var(--m)); margin-top: calc(42.8 * var(--m)); padding: 0; border-radius: calc(11.9 * var(--m)); }
  .cw-trust li { align-items: center; gap: calc(18.2 * var(--m)); padding: 0 calc(14 * var(--m)) 0 calc(19.6 * var(--m)); }
  .cw-trust li + li { border-left: 1px solid var(--cw-line); }
  .cw-trust__icon { width: calc(47.7 * var(--m)); height: calc(47.7 * var(--m)); border-radius: calc(11.2 * var(--m)); }
  .cw-trust__icon svg { width: calc(22.4 * var(--m)); height: calc(22.4 * var(--m)); }
  .cw-trust strong { font-size: max(13px, calc(13.3 * var(--m))); line-height: calc(18.2 * var(--m)); }
  .cw-trust li > span:last-child { font-size: max(12px, calc(12.3 * var(--m))); line-height: calc(17.5 * var(--m)); }

  .cw-scope { padding: calc(58.9 * var(--m)) 0 calc(42.1 * var(--m)); }
  .cw-scope__head { grid-template-columns: minmax(0, 1fr) calc(370.3 * var(--m)); align-items: end; justify-content: space-between; gap: 0; padding-left: calc(19.6 * var(--m)); }
  .page-calw main > section.cw-scope h2 { margin-top: calc(20 * var(--m)); font-size: calc(57 * var(--m)); line-height: calc(60 * var(--m)); }
  .cw-scope__intro { max-width: none; margin-bottom: calc(10 * var(--m)); font-size: max(13px, calc(20 * var(--m))); line-height: calc(31 * var(--m)); }
  .cw-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: calc(19 * var(--m)); margin-top: calc(45 * var(--m)); }
  .cw-card { padding: calc(38 * var(--m)) calc(38 * var(--m)) calc(34 * var(--m)); border-radius: calc(22 * var(--m)); }
  .cw-card__no { right: calc(38 * var(--m)); top: calc(46 * var(--m)); font-size: max(12px, calc(19 * var(--m))); }
  .cw-card__icon { width: calc(88 * var(--m)); height: calc(88 * var(--m)); border-radius: calc(20 * var(--m)); }
  .cw-card__icon svg { width: calc(38 * var(--m)); height: calc(38 * var(--m)); }
  .page-calw main > section.cw-scope .cw-card h3 { margin-top: calc(6 * var(--m)); font-size: max(20px, calc(36 * var(--m))); line-height: calc(38 * var(--m)); }
  .cw-card > p { margin-top: calc(12 * var(--m)); font-size: max(13px, calc(20 * var(--m))); line-height: calc(28 * var(--m)); }
  .cw-list { margin-top: calc(32 * var(--m)); padding-top: calc(32 * var(--m)); gap: calc(21 * var(--m)); }
  .cw-list li { gap: calc(17 * var(--m)); font-size: max(12.5px, calc(20 * var(--m))); line-height: calc(26 * var(--m)); }
  .cw-list li::before { width: calc(30 * var(--m)); height: calc(30 * var(--m)); min-width: 20px; min-height: 20px; font-size: max(9px, calc(14 * var(--m))); }
  
  .cw-foot { grid-template-columns: auto minmax(0, 1fr) max-content; align-items: center; gap: calc(26 * var(--m)); height: calc(119 * var(--m)); margin-top: calc(33 * var(--m)); padding: 0 calc(30 * var(--m)); border-radius: calc(22 * var(--m)); }
  .cw-foot__icon { width: calc(62 * var(--m)); height: calc(62 * var(--m)); border-radius: calc(18 * var(--m)); }
  .cw-foot__icon svg { width: calc(28 * var(--m)); height: calc(28 * var(--m)); }
  .cw-foot__text strong { font-size: max(13px, calc(19 * var(--m))); }
  .cw-foot__text p { margin-top: calc(6 * var(--m)); font-size: max(12px, calc(17 * var(--m))); line-height: calc(24 * var(--m)); }
  .cw-foot__actions { gap: calc(11.9 * var(--m)); flex-wrap: nowrap; }
  .cw-foot .cw-btn { height: calc(56 * var(--m)); font-size: max(12.5px, calc(17 * var(--m))); }
  .cw-foot .cw-btn--primary { width: auto; min-width: calc(239.8 * var(--m)); padding-inline: calc(18 * var(--m)); }
  .cw-foot .cw-btn--secondary { width: auto; min-width: calc(182.3 * var(--m)); padding-inline: calc(18 * var(--m)); }
}

/* Besichtigung oder Bilder senden */
.ls-visit { background: linear-gradient(180deg, #F6F8FA 0, #EEF2F5 100%); color: #0B2545; font-family: var(--font-body); padding: 52px 0; }
.ls-visit__inner { width: calc(100% - 40px); margin-inline: auto; }
.page-calw main > section.ls-visit h2 { margin: 18px 0 0; font-family: var(--font-body); font-weight: 700; letter-spacing: -.03em; text-transform: none; color: #0B2545; font-size: clamp(1.8rem, 6vw, 2.8rem); line-height: 1.12; max-width: 22em; }
.page-calw main > section.ls-visit h3 { margin: 18px 0 0; font-family: var(--font-body); font-weight: 700; letter-spacing: -.02em; text-transform: none; color: #0B2545; font-size: 1.5rem; line-height: 1.2; }
.ls-visit__head > p:not(.ls-eyebrow) { max-width: 40em; margin: 14px 0 0; color: #5b6472; line-height: 1.55; }
.ls-visit__cards { display: grid; gap: 18px; margin-top: 28px; }
.ls-visit__card { display: flex; flex-direction: column; align-items: flex-start; padding: 30px 28px; background: #fff; border: 1px solid #E3E8EE; border-radius: 20px; box-shadow: 0 14px 40px rgb(11 45 73 / 8%); }
.ls-visit__icon { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: #EEF1F4; color: #1A2B44; }
.ls-visit__icon svg { stroke-width: 1.5; }
.ls-visit__card p { max-width: 34em; margin: 12px 0 24px; color: #5b6472; line-height: 1.55; }
.ls-visit__card .ls-btn { margin-top: auto; }
.ls-visit__call { margin: 22px 0 0; color: #5b6472; }
.ls-visit__call a { color: #05434E; font-weight: 700; text-decoration: none; border-bottom: 1px solid #C9962A; }
@media (min-width: 700px) { .ls-visit__cards { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1100px) {
  .ls-visit { padding: calc(80 * var(--m)) 0; }
  .ls-visit__inner { width: calc(1408 * var(--m)); }
  .page-calw main > section.ls-visit h2 { font-size: calc(46 * var(--m)); line-height: calc(54 * var(--m)); margin-top: calc(16 * var(--m)); }
  .page-calw main > section.ls-visit h3 { font-size: max(20px, calc(30 * var(--m))); margin-top: calc(22 * var(--m)); }
  .ls-visit__head > p:not(.ls-eyebrow) { font-size: max(14px, calc(19 * var(--m))); line-height: calc(29 * var(--m)); }
  .ls-visit__cards { gap: calc(24 * var(--m)); margin-top: calc(40 * var(--m)); }
  .ls-visit__card { padding: calc(42 * var(--m)) calc(44 * var(--m)); border-radius: calc(22 * var(--m)); }
  .ls-visit__icon { width: calc(76 * var(--m)); height: calc(76 * var(--m)); min-width: 56px; min-height: 56px; }
  .ls-visit__card p { font-size: max(14px, calc(18.5 * var(--m))); line-height: calc(28 * var(--m)); margin-block: calc(14 * var(--m)) calc(30 * var(--m)); }
  .ls-visit__call { margin-top: calc(30 * var(--m)); font-size: max(13.5px, calc(18 * var(--m))); }
}
.ls-visit__card .ls-btn { width: auto; padding: 0 28px; }
.ls-visit__call { max-width: none; }

/* ==========================================================================
   CALW: "Ein echter Umzug aus Calw" nach Vorlage (12.10.)
   Vorlage 1981 px breit, massstabsgetreu auf 1600: Faktor 1/1,238.
   ========================================================================== */
.cw-case { background: #FAFCFB; color: var(--cw-navy); font-family: var(--font-body); padding: 48px 0 56px; }
.cw-case__grid { display: grid; gap: 22px; }
.cw-case__intro { padding-inline: 20px; }
.page-calw main > section.cw-case h2 { margin: 16px 0 0; font-family: var(--font-hero); font-weight: 800; letter-spacing: -.03em; text-transform: none; color: var(--cw-navy); font-size: clamp(2.2rem, 8vw, 3.5rem); line-height: 1.02; }
.cw-case__lead { max-width: 34em; margin: 16px 0 0; color: var(--cw-muted); font-size: 1rem; line-height: 1.5; }
.cw-case__points { list-style: none; display: grid; gap: 18px; margin: 26px 0 0; padding: 0; }
.cw-case__points li { display: flex; align-items: center; gap: 16px; }
.cw-case__tile { display: grid; place-items: center; flex: none; width: 48px; height: 48px; border-radius: 12px; background: var(--cw-tile); color: #1A2B44; }
.cw-case__points strong { display: block; color: var(--cw-navy); font-size: 1rem; line-height: 1.3; }
.cw-case__points li > span:last-child { color: var(--cw-muted); font-size: .92rem; line-height: 1.4; }

/* Bild mit Beschriftungsplakette */
.cw-shot { position: relative; margin: 0; overflow: hidden; border-radius: 14px; }
.cw-shot img { display: block; width: 100%; height: 100%; object-fit: cover; }
.cw-shot figcaption { position: absolute; left: 12px; bottom: 12px; width: fit-content; max-width: calc(100% - 24px); display: flex; align-items: center; gap: 12px; padding: 10px 14px; border-radius: 10px; background: rgb(14 28 42 / 82%); color: #fff; }
.cw-shot__icon { display: grid; place-items: center; flex: none; color: #EAF2F5; }
.cw-shot figcaption strong { display: block; color: #fff; font-weight: 700; font-size: .92rem; line-height: 1.3; }
.cw-shot figcaption > span:last-child { color: #DCE5EA; font-size: .82rem; line-height: 1.35; }
.cw-shot--big img { aspect-ratio: 870 / 1086; }

/* Auftragskarte */
.cw-case__card { padding: 22px; background: var(--cw-card); border: 1px solid var(--cw-line); border-radius: 14px; box-shadow: 0 10px 30px rgb(11 45 73 / 6%); }
.cw-case__badge { display: inline-block; margin: 0; padding: 7px 16px; border-radius: 999px; background: var(--cw-tile); color: var(--cw-navy); font-size: .86rem; font-weight: 700; }
.page-calw main > section.cw-case h3 { margin: 14px 0 0; font-family: var(--font-hero); font-weight: 800; letter-spacing: -.02em; text-transform: none; color: var(--cw-navy); font-size: 1.8rem; line-height: 1.15; }
.cw-case__arrow { color: var(--cw-gold-line); margin-inline: 6px; }
.cw-case__text { margin: 12px 0 0; color: var(--cw-muted); font-size: .97rem; line-height: 1.5; }
.cw-facts { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 20px 0 0; padding: 20px 0 0; border-top: 1px solid var(--cw-line); }
.cw-facts li { display: flex; align-items: flex-start; gap: 12px; }
.cw-facts__icon { display: grid; place-items: center; flex: none; color: var(--cw-navy); }
.cw-facts strong { display: block; color: var(--cw-navy); font-size: .88rem; line-height: 1.3; }
.cw-facts li > span:last-child { color: var(--cw-muted); font-size: .88rem; line-height: 1.35; }
.cw-facts li > span:last-child span { display: block; white-space: nowrap; }
.cw-case__shots { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 20px; }
.cw-case__shots .cw-shot img { aspect-ratio: 299 / 280; }

@media (max-width: 520px) {
  .cw-facts { grid-template-columns: minmax(0, 1fr); }
  .cw-case__shots { grid-template-columns: minmax(0, 1fr); }
}

@media (min-width: 1100px) {
  .cw-case { padding: calc(60 * var(--m)) 0 calc(70 * var(--m)); }
  .cw-case__grid { grid-template-columns: 355fr 473fr 625fr; gap: calc(22 * var(--m)); align-items: stretch; }
  .cw-case__intro { padding: calc(28 * var(--m)) 0 0 calc(20 * var(--m)); }
  .page-calw main > section.cw-case h2 { margin-top: calc(18 * var(--m)); font-size: calc(56 * var(--m)); line-height: calc(57 * var(--m)); }
  .cw-case__lead { max-width: calc(330 * var(--m)); margin-top: calc(26 * var(--m)); font-size: max(13px, calc(17 * var(--m))); line-height: calc(25 * var(--m)); }
  .cw-case__points { gap: calc(26 * var(--m)); margin-top: calc(44 * var(--m)); }
  .cw-case__points li { gap: calc(18 * var(--m)); }
  .cw-case__tile { width: calc(47 * var(--m)); height: calc(47 * var(--m)); border-radius: calc(12 * var(--m)); }
  .cw-case__tile svg { width: calc(22 * var(--m)); height: calc(22 * var(--m)); }
  .cw-case__points strong { font-size: max(13px, calc(19 * var(--m))); line-height: calc(26 * var(--m)); }
  .cw-case__points li > span:last-child { font-size: max(12px, calc(16 * var(--m))); line-height: calc(24 * var(--m)); }

  .cw-shot { border-radius: calc(19 * var(--m)); }
  .cw-shot figcaption { left: calc(18 * var(--m)); right: auto; bottom: calc(18 * var(--m)); max-width: calc(100% - 36 * var(--m)); gap: calc(14 * var(--m)); padding: calc(13 * var(--m)) calc(18 * var(--m)); border-radius: calc(13 * var(--m)); }
  .cw-shot figcaption strong { font-size: max(12px, calc(17 * var(--m))); line-height: calc(24 * var(--m)); }
  .cw-shot figcaption > span:last-child { font-size: max(11px, calc(15 * var(--m))); line-height: calc(22 * var(--m)); }
  .cw-shot--big { height: 100%; }
  .cw-shot--big img { aspect-ratio: auto; height: 100%; }

  .cw-case__card { padding: calc(22 * var(--m)); border-radius: calc(19 * var(--m)); }
  .cw-case__badge { padding: calc(8 * var(--m)) calc(18 * var(--m)); font-size: max(12px, calc(16 * var(--m))); }
  .page-calw main > section.cw-case h3 { margin-top: calc(14 * var(--m)); font-size: max(20px, calc(34 * var(--m))); line-height: calc(38 * var(--m)); white-space: nowrap; }
  .cw-case__text { margin-top: calc(14 * var(--m)); font-size: max(13px, calc(17 * var(--m))); line-height: calc(24 * var(--m)); }
  .cw-facts { display: flex; justify-content: space-between; gap: 0; margin-top: calc(20 * var(--m)); padding-top: calc(18 * var(--m)); }
  .cw-facts li { gap: calc(9 * var(--m)); padding-inline: calc(5 * var(--m)); min-width: 0; }
  .cw-facts li > span:last-child { min-width: 0; }
  .cw-facts li:last-child { flex: none; }
  .cw-facts li:first-child { padding-left: 0; }
  .cw-facts li + li { border-left: 1px solid var(--cw-line); }
  .cw-facts__icon svg { width: calc(26 * var(--m)); height: calc(26 * var(--m)); }
  .cw-facts strong { font-size: max(11px, calc(13 * var(--m))); line-height: calc(19 * var(--m)); }
  .cw-facts li > span:last-child { font-size: max(11px, calc(13 * var(--m))); line-height: calc(18 * var(--m)); }
  .cw-case__shots { gap: calc(8 * var(--m)); margin-top: calc(18 * var(--m)); }
  .cw-case__shots .cw-shot img { aspect-ratio: auto; height: calc(280 * var(--m)); }
  .cw-case__shots .cw-shot figcaption { left: calc(9 * var(--m)); right: auto; bottom: calc(9 * var(--m)); max-width: calc(100% - 14 * var(--m)); padding: calc(9 * var(--m)) calc(12 * var(--m)); gap: calc(9 * var(--m)); }
  .cw-case__shots .cw-shot figcaption strong { font-size: max(11px, calc(15 * var(--m))); line-height: calc(21 * var(--m)); }
  .cw-case__shots .cw-shot figcaption > span:last-child { font-size: max(10px, calc(11.5 * var(--m))); line-height: calc(16 * var(--m)); }
}

/* ==========================================================================
   CALW: Banner oben nach Vorlage (13.10.)
   Vorlage 1672 px breit, massstabsgetreu: 1 cb = 1 Pixel bei 1600.
   ========================================================================== */
.cb { position: relative; isolation: isolate; overflow: hidden; background: #FDFEFE; color: var(--cw-navy); font-family: var(--font-body); padding: 40px 0 48px; }
.cb__deco { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.cb__blob { position: absolute; border-radius: 50%; background: #EDF3F9; }
.cb__blob--1 { left: -6%; top: 4%; width: 34%; height: 46%; }
.cb__blob--2 { left: 8%; bottom: -14%; width: 26%; height: 44%; background: #F0F5FA; }
.cb__blob--3 { right: -4%; top: 10%; width: 30%; height: 60%; background: #F2F6FA; }
.cb__dots { position: absolute; background-image: radial-gradient(#D9A441 1.4px, transparent 1.5px); background-size: 12px 12px; opacity: .5; }
.cb__dots--1 { left: 36%; top: 12%; width: 70px; height: 92px; }
.cb__dots--2 { left: 33%; bottom: 16%; width: 54px; height: 70px; }

.cb__grid { position: relative; display: grid; gap: 26px; }
.cb__intro { padding-inline: 20px; }
.cb__eyebrow { margin: 0; font-size: .82rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--cw-gold); }
.cb__eyebrow::after { content: ""; display: block; width: 56px; height: 3px; margin-top: 10px; background: var(--cw-gold-line); }
.page-calw main > section.cb h1 { margin: 18px 0 0; font-family: var(--font-body); font-weight: 800; letter-spacing: -.035em; text-transform: none; color: var(--cw-navy); font-size: clamp(2.4rem, 9vw, 4.3rem); line-height: 1.04; }
.cb__lead { max-width: 34em; margin: 18px 0 0; color: var(--cw-muted); font-size: 1.02rem; line-height: 1.55; }
.cb__points { list-style: none; display: grid; gap: 20px; margin: 28px 0 0; padding: 0; }
.cb__points li { display: flex; align-items: flex-start; gap: 16px; }
.cb__tile { display: grid; place-items: center; flex: none; width: 52px; height: 52px; border-radius: 50%; background: #E8F1F0; color: #15405A; }
.cb__points strong { display: block; margin-bottom: 3px; color: var(--cw-navy); font-size: 1.05rem; line-height: 1.3; }
.cb__points li > span:last-child { color: var(--cw-muted); font-size: .95rem; line-height: 1.45; }
.cb__btn { display: inline-flex; align-items: center; justify-content: center; gap: 16px; min-height: 58px; margin-top: 28px; padding: 0 30px; border-radius: 12px; background: #11453F; color: #fff; font-weight: 700; text-decoration: none; box-shadow: 0 12px 28px rgb(17 69 63 / 22%); }
.cb__btn:hover { background: #17564E; }

.cb__card { position: relative; padding: 26px 24px; background: #fff; border: 1px solid #EDF1F4; border-radius: 22px; box-shadow: 0 26px 60px rgb(16 40 70 / 10%); }
.cb__card-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.cb__badge { display: inline-block; padding: 8px 18px; border-radius: 999px; background: #E6F1EF; color: #11453F; font-size: .88rem; font-weight: 600; }
.cb__ref { color: #1C4A6B; font-weight: 600; font-size: .86rem; }
.page-calw main > section.cb h2.cb__route { margin: 18px 0 0; font-family: var(--font-body); font-weight: 800; letter-spacing: -.03em; text-transform: none; color: var(--cw-navy); font-size: 1.9rem; line-height: 1.15; }
.cb__arrow { color: var(--cw-navy); margin-inline: 4px; }
.cb__text { margin: 14px 0 0; color: var(--cw-muted); font-size: 1rem; line-height: 1.6; }
.cb__text strong { color: var(--cw-navy); font-weight: 700; }
.cb__steps { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 22px 0 0; padding: 22px 0 0; border-top: 1px solid #EDF1F4; }
.cb__steps li { position: relative; display: grid; justify-items: center; text-align: center; gap: 0; }
.cb__step-no { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: #FBEFD6; color: #9A6B18; font-size: .9rem; font-weight: 700; }
.cb__step-icon { display: grid; place-items: center; width: 54px; height: 54px; margin-top: 10px; border-radius: 50%; background: #E9F1F5; color: #15405A; }
.cb__steps strong { margin-top: 10px; color: var(--cw-navy); font-size: 1.05rem; }
.cb__steps span:not([class]) { color: var(--cw-navy); font-size: .95rem; }
.cb__step-sub { color: var(--cw-muted); font-size: .9rem; }

.cb__shots { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 22px 0 0; padding: 0; }
.cb__shots figure { margin: 0; }
.cb__shots img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 12px; }
.cb__shots figcaption { margin-top: 10px; color: var(--cw-muted); font-size: .88rem; line-height: 1.45; }

.cb__sum { display: flex; align-items: center; gap: 16px; margin: 22px 0 0; padding: 16px 18px; border-radius: 16px; background: #F2F8F7; }
.cb__sum-icon { display: grid; place-items: center; flex: none; width: 44px; height: 44px; border-radius: 50%; background: #11453F; color: #fff; }
.cb__sum strong { display: block; margin-bottom: 3px; color: var(--cw-navy); font-size: 1rem; }
.cb__sum > span:last-child { color: var(--cw-muted); font-size: .9rem; line-height: 1.45; }

.cb__side { display: none; }
.cb__hand { display: none; }

@media (max-width: 520px) {
  .cb__steps, .cb__shots { grid-template-columns: minmax(0, 1fr); }
  .cb__btn { width: 100%; }
}

@media (min-width: 1100px) {
  .cb { padding: calc(56 * var(--m)) 0 calc(64 * var(--m)); }
  .cb__grid { grid-template-columns: 501fr 775fr 185fr; gap: calc(18 * var(--m)); align-items: start; }
  .cb__intro { padding: calc(28 * var(--m)) 0 0 calc(20 * var(--m)); }
  .cb__eyebrow { font-size: max(11px, calc(15 * var(--m))); }
  .cb__eyebrow::after { width: calc(54 * var(--m)); height: calc(3 * var(--m)); margin-top: calc(11 * var(--m)); }
  .page-calw main > section.cb h1 { margin-top: calc(22 * var(--m)); font-size: calc(62 * var(--m)); line-height: calc(66 * var(--m)); }
  .cb__lead { max-width: calc(500 * var(--m)); margin-top: calc(26 * var(--m)); font-size: max(13px, calc(19 * var(--m))); line-height: calc(28 * var(--m)); }
  .cb__points { gap: calc(28 * var(--m)); margin-top: calc(42 * var(--m)); }
  .cb__points li { gap: calc(18 * var(--m)); }
  .cb__tile { width: calc(56 * var(--m)); height: calc(56 * var(--m)); }
  .cb__tile svg { width: calc(26 * var(--m)); height: calc(26 * var(--m)); }
  .cb__points strong { font-size: max(13px, calc(19 * var(--m))); line-height: calc(26 * var(--m)); }
  .cb__points li > span:last-child { font-size: max(12px, calc(17 * var(--m))); line-height: calc(25 * var(--m)); }
  .cb__btn { height: calc(62 * var(--m)); min-height: 48px; margin-top: calc(40 * var(--m)); padding: 0 calc(32 * var(--m)); border-radius: calc(12 * var(--m)); gap: calc(18 * var(--m)); font-size: max(13px, calc(18 * var(--m))); }

  .cb__card { padding: calc(26 * var(--m)) calc(34 * var(--m)) calc(28 * var(--m)); border-radius: calc(26 * var(--m)); }
  .cb__badge { padding: calc(9 * var(--m)) calc(20 * var(--m)); font-size: max(12px, calc(16 * var(--m))); }
  .cb__ref { font-size: max(11px, calc(17 * var(--m))); }
  .page-calw main > section.cb h2.cb__route { margin-top: calc(20 * var(--m)); font-size: calc(38 * var(--m)); line-height: calc(46 * var(--m)); white-space: nowrap; }
  .cb__text { margin-top: calc(12 * var(--m)); font-size: max(13px, calc(18 * var(--m))); line-height: calc(27 * var(--m)); }
  .cb__steps { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: calc(16 * var(--m)); margin-top: calc(20 * var(--m)); padding-top: calc(22 * var(--m)); }
  .cb__steps li::before { content: ""; position: absolute; top: calc(21 * var(--m)); left: calc(50% + 28 * var(--m)); width: calc(100% - 56 * var(--m)); height: 2px; background: #E8C98C; }
  .cb__steps li:last-child::before { display: none; }
  .cb__step-no { width: calc(42 * var(--m)); height: calc(42 * var(--m)); font-size: max(11px, calc(16 * var(--m))); }
  .cb__step-icon { width: calc(54 * var(--m)); height: calc(54 * var(--m)); margin-top: calc(12 * var(--m)); }
  .cb__step-icon svg { width: calc(26 * var(--m)); height: calc(26 * var(--m)); }
  .cb__steps strong { margin-top: calc(6 * var(--m)); font-size: max(13px, calc(20 * var(--m))); line-height: calc(26 * var(--m)); }
  .cb__steps span:not([class]) { font-size: max(12px, calc(18 * var(--m))); line-height: calc(24 * var(--m)); }
  .cb__step-sub { font-size: max(11px, calc(16 * var(--m))); line-height: calc(22 * var(--m)); }

  .cb__shots { gap: calc(18 * var(--m)); margin-top: calc(22 * var(--m)); }
  .cb__shots img { aspect-ratio: auto; height: calc(179 * var(--m)); border-radius: calc(12 * var(--m)); }
  .cb__shots figcaption { margin-top: calc(12 * var(--m)); font-size: max(11px, calc(16 * var(--m))); line-height: calc(22 * var(--m)); }

  .cb__sum { gap: calc(18 * var(--m)); margin-top: calc(20 * var(--m)); padding: calc(14 * var(--m)) calc(20 * var(--m)); border-radius: calc(16 * var(--m)); }
  .cb__sum-icon { width: calc(48 * var(--m)); height: calc(48 * var(--m)); }
  .cb__sum-icon svg { width: calc(24 * var(--m)); height: calc(24 * var(--m)); }
  .cb__sum strong { font-size: max(12px, calc(18 * var(--m))); }
  .cb__sum > span:last-child { font-size: max(11px, calc(16 * var(--m))); line-height: calc(22 * var(--m)); }

  /* rechte Zone: Notizzettel, Karte, Polaroid */
  .cb__side { display: block; position: relative; height: 100%; }
  .cb__map { position: absolute; right: calc(-34 * var(--m)); top: calc(60 * var(--m)); width: calc(260 * var(--m)); height: auto; }
  .cb__pin { position: absolute; margin: 0; color: var(--cw-navy); font-size: max(11px, calc(15 * var(--m))); font-weight: 600; line-height: 1.25; }
  .cb__pin--1 { right: calc(-26 * var(--m)); top: calc(78 * var(--m)); }
  .cb__pin--2 { right: calc(-10 * var(--m)); top: calc(332 * var(--m)); }
  .cb__photo { position: absolute; right: calc(-50 * var(--m)); bottom: calc(-20 * var(--m)); width: calc(210 * var(--m)); margin: 0; padding: calc(10 * var(--m)); background: #fff; border-radius: calc(4 * var(--m)); box-shadow: 0 18px 40px rgb(16 40 70 / 16%); rotate: -5deg; }
  .cb__photo img { display: block; width: 100%; height: calc(150 * var(--m)); object-fit: cover; }

  .cb__hand { display: flex; align-items: flex-start; gap: calc(14 * var(--m)); grid-column: 2; grid-row: 2; justify-self: end; margin: calc(18 * var(--m)) 0 0; color: var(--cw-navy); font-family: var(--font-hand); font-weight: 600; font-size: calc(23 * var(--m)); line-height: calc(26 * var(--m)); }
  .cb__hand-arrow { flex: none; width: calc(86 * var(--m)); height: calc(58 * var(--m)); }
}

/* Deko-Funken am Banner */
.cb__spark { display: none; }
@media (min-width: 1100px) {
  .cb__spark { display: block; position: absolute; width: calc(34 * var(--m)); height: calc(34 * var(--m)); background-image: linear-gradient(#E9B23C, #E9B23C), linear-gradient(#E9B23C, #E9B23C), linear-gradient(#E9B23C, #E9B23C); background-repeat: no-repeat; background-size: calc(3 * var(--m)) calc(16 * var(--m)), calc(3 * var(--m)) calc(16 * var(--m)), calc(3 * var(--m)) calc(16 * var(--m)); background-position: 0 calc(10 * var(--m)), calc(12 * var(--m)) 0, calc(24 * var(--m)) calc(6 * var(--m)); rotate: 20deg; }
  .cb__spark--1 { right: calc(-6 * var(--m)); top: calc(-46 * var(--m)); }
  .cb__spark--2 { right: calc(-52 * var(--m)); bottom: calc(150 * var(--m)); rotate: -14deg; }
}