/* ADON FotoBusiness colour language. Layout and editorial source are preserved. */
:root {
 --bg:#fcfbf8; --white:#fff; --ink:#292333; --body-c:#6c6672; --muted:#756c7e; --ink-3:#6c6672;
 --rule:#e4e0e6; --night:#292233; --night-2:#352b40; --night-3:#221b2b;
 --lila:#9333ea; --lila-deep:#8524cf; --lila-light:#d6b3f3; --lila-soft:#f5eaff;
 --radius:12px; --radius-lg:24px; --btn-radius:10px;
 --adon-gradient:linear-gradient(90deg,#9333ea 0%,#c313de 50%,#df177a 100%);
 --adon-surface:linear-gradient(110deg,#efe4fa 0%,#fbe9f3 100%);
}
/* Preserve the original dark header and opening photograph. */
#header, .hero-a {
 --bg:#F7F6F1; --ink:#221B31; --night:#161020; --night-2:#1F1730; --night-3:#0E0A16;
 --body-c:#3E3947; --muted:#726C7E; --rule:#E4E1D9; --lila:#7C55CE;
 --lila-deep:#6743B4; --lila-light:#B394EE; --lila-soft:#EFE9FB; --btn-radius:14px;
}
/* Buttons: same gradient and quieter arrow treatment as FotoBusiness. */
#header .btn.solid, main .btn.solid, .mcta-bar, .vmodal__cta, .final-cta a {
 background:var(--adon-gradient); border-color:transparent; color:#fff;
 box-shadow:0 10px 26px #bd35e51a;
}
#header .btn.solid:hover, main .btn.solid:hover, .mcta-bar:hover, .vmodal__cta:hover, .final-cta a:hover {
 background:var(--adon-gradient); border-color:transparent; filter:brightness(1.045);
 box-shadow:0 10px 26px #bd35e526;
}
#header .btn.solid .arr, main .btn.solid .arr {background:transparent;color:#fff;border-radius:0}
#header .btn.solid::before, main .btn.solid::before {background:transparent}
/* Extend the shared brand gradient to the opening hero accents. */
.hero-a {--lila:#9333ea;--lila-deep:#8524cf;--lila-light:#d6b3f3}
.hero-a .btn.light .arr, .hero-a .btn.light:hover .arr,
.hero-a__guar-ic, .hero-a .eyebrow::before {background:var(--adon-gradient);color:#fff}
.hero-a .eyebrow::before {box-shadow:inset 0 0 0 3px var(--night),0 0 0 2px #bf3dec}
/* Existing sections keep their dimensions, order and grids. */
.s3b, .fb-band, .pillars-band {background:var(--adon-surface)}
.s4d {background:var(--bg)}
.s3b .b-card, .s4d .d4-card, .dcard, .art, .review, .p-card {
 background:#fff;border-color:#e6e0e9;border-radius:12px;box-shadow:0 14px 32px #39234608;
}
.s3b .b-card:hover, .art:hover {border-color:#d7a5ed;box-shadow:0 14px 30px #3923460c}
.s3b .b-ic, .s4d .d4-card:first-child .d4-ic, .s2p .ap-arr,
.s5d .d-badge, .stat-lila, .sg-guar-ic, .sg-stamp .sg-ic {
 background:var(--adon-gradient);color:#fff;
}
.s3b .b-card + .b-card .b-ic {background:#f5eaff;color:#9333ea}
.s3b .b-pill {background:#f4edf8;color:#6c6672}
.s3b .b-go {background:#f5eaff;color:#8524cf}
.s3b .b-card:hover .b-go {background:var(--adon-gradient);color:#fff}
.s4d .d4-card:first-child {background:var(--adon-surface);border-color:#e6c7f6}
.s2p .ap-end, .q {background:var(--adon-surface);border-left-color:#bf3dec;box-shadow:none}
.s2p .ap-pain li::before {background:var(--adon-gradient)}
.ph-box, .s5d .d-img, .art-hero, .art-figure {border-radius:12px}
/* Existing testimonials stay in exactly the same arrangement. */
.sg-sec {background:var(--adon-surface);border:1px solid #e8dfee}
.sg {--sg-paper:#fcfbf8;--sg-ink:#292333;--sg-muted:#6c6672;background:var(--sg-paper);border-radius:16px}
.sg-frame, .sg-item.sg-photo, .sg-item.sg-note {
 border-radius:12px;border:1px solid #e6e0e9;box-shadow:0 14px 30px #3923460c;
}
.sg-item.sg-photo .sg-frame {border:0;border-radius:8px}
.sg-item.sg-note, .sg-item.sg-photo .sg-slip {background:#fff}
.sg-cta {background:var(--adon-surface);border:1px solid #e6c7f6;color:#292333;border-radius:16px}
.sg-cta__t strong, .sg-cta__s {color:#292333!important}
.sg-cta__a a {background:var(--adon-gradient);color:#fff}
.sg-cta__a a .sg-arr {background:transparent;color:#fff}
.sg-cta__a .sg-micro {color:#6c6672}
.sg-cta__guar {color:#8524cf;background:#fff;border-color:#e6c7f6}
/* Existing closing panels echo the light FotoBusiness closing section. */
.fin:not(.ct) {background:#f3f1ed;color:#292333;border:1px solid #e4e0e6}
.fin:not(.ct)::before, .fin:not(.ct)::after {background:none}
.fin:not(.ct) h1, .fin:not(.ct) h2:not(.eyebrow), .fin:not(.ct) .fx-fill.done .word {color:#292333}
.fin:not(.ct) .fx-fill .word {color:#292333}
.fin:not(.ct) .cta-note, .fin:not(.ct) .cta-guar, .fin:not(.ct) .fin-sub {color:#6c6672}
.fin:not(.ct) .btn:focus-visible {outline-color:#9333ea}
.foot {background:#292233}
/* Existing labels get the shared purple–fuchsia–pink accent. */
@supports ((background-clip:text) or (-webkit-background-clip:text)) {
 main .eyebrow, main .accent, .hero-a__guar-more,
 .sg-eyebrow, .case-num, .s4d .d4-n {
  background-image:var(--adon-gradient);background-clip:text;-webkit-background-clip:text;
  color:transparent;-webkit-text-fill-color:transparent;
 }
}
/* Light FotoBusiness surfaces on every subpage; the home header stays dark. */
.adon-light-page #header {--ink:#292333;--lila:#9333ea;--lila-light:#9333ea;--btn-radius:10px;background:#fcfbf8;border-bottom:1px solid #e4e0e6}
.adon-light-page #header::before {background:#fcfbf8;opacity:0}
/* Das Zeichen steckt hier drin statt in einer eigenen Datei. Als Datei
   fand der Browser es erst nach dem Lesen dieser Tabelle: gemessen stand
   die Kopfzeile auf hellen Seiten 1064 ms ohne Marke, und die Datei war
   ausserdem 1643 Pixel breit fuer einen Platz von 114. Jetzt kommt es mit
   der Tabelle an, kostet einen Aufruf weniger und 24,6 statt 4,4 KB.
   Quelle: assets/img/adon-logo-dark.png, auf 229x76 verkleinert. */
.adon-light-page #header .logo img {content:url(data:image/webp;base64,UklGRgoNAABXRUJQVlA4TP0MAAAv5MASEHfBqLZtJecL7t7hlyQQKQjAlAoM/wi3Goxq21ZyPu7uEQhEHlL+DiyGPrtsItt2cv4nZ2gxEE1gAj+owARekAFd7uJjVNu2knu/IAk0OWHo4DLTCixmvBsgROAHiB32gNlCGGFDne+yqFJpHGMGUL00FK+kAw7gAB4kh4yiVaP2HwZhWAXG++s7hOO0a3x9nbMLp0Bx3JqMAE2If8sH5aW9Wf8RDNvQgL+uhdnpWpzNghbtMMistZYl97bODDoMWy9427Y9r+pm2+QgxECWZCtOWw6YAxrlhVGXmeP//z37eJMgLx8j+k9RtpVAkvTcyqrqMaseCIJo7QfgP4rm2vSZaK3tJtpub7ztk+uGvwHcbgDBdwhgIrNPI0ElCjf82i1AsHf1ILMAbzaAz5W6ecSUnuAT+cejgQUpSi09ECq33SZ3OF7Eui5HW2s8WTQFEKlkNjLDcLyqZZ7nXCpi+wTcXJ3PltSRAVy2WWy5LDUhWjoExLjked5IOwgu8SAjC7BSASIGg1QFw6jHY2HybyXhJ3xHwLKdnCuCHVwspjeddyzzpvErj+gtyBZso+AxSqJtGYIb7mOYZib6nQ36H5aE7xrvdd4s9Fb0BmwV7z/p4nxSpBpmdqoRcyu2wPRCMbVgZTdvCwaDZDPs0zh0qqAO/89ds6AOMMDYVEPgWuefJIkhQeBy/ykIWFXJ8y5jMPGEzoZytJxFvc0RvcBa0OlSY0qxLoKWK36IF8FKPwHOg8E+K95G9xYZgwmZsNhB1NucJmLu3kVOehEop0XQZGs68jAMMOW0u4HYz96S5LsN33zwjelNcnQeELjn4O1g18LthlileUnHtmIYjuAejVPNbXhv0fxNCCxfDYBYZYYB+XPFb8KAul8Fdsf3GWRLbRoJYQR5U3Q0vnfmnW2QWL5gFZ9ujNlW8CoLc8Ui3MKgDP1QsBHkKKK5u3EApqxceedOIL7yqQPOyREEpxcE5VOEwE64iLeMhW9Z9ON1+4xv8FjYsGbeuRc3VwUV3bg7FPwwz6IRg4RCyeRhUOIGE2MHUdMwCnf4yFg7Jj/uvXCY+MQFwN9XB6phHmJwdgK2JXLKt5FoL1n6mxJot5WO6bigkAGjMI10AncsTNCbaCdNjxVRUIeEwmeu5KdxCLJjRBcCin2gDVoGXfhYPAv+AlYY2LgdXRY8Xl+wPnHnRRFT4rd8DINrJLJKdL17FImMeRKc+VEaKUDXjZXi/4gPfH41rbiY3i/oxAsXLmIYhXc5/0hTU3P0iGFQbyYg9/Ez6x+E+Rnxws1kHF4DC5TD0CYQXZ9oZGpy1mSDxWOFufwDCxP2rhfc6kCD+UZQkFC45W0MPmRzeWnEtr+P/gbg1BO6A1JM6r+MwM5xUfAehFvCEHgXpWdBj+EqfsPFd6fODvi8Ac61loRsa9ybPVOEnjegoe3CLRIGJZLZMX7qN3Q/3Qs2w2biReg85jbAnd+WLLeBdJsMaWyiG4CA0bg8V74huX1M7wwJjpYgCp278AOzjYK/fJfi8/964rMGF4DfMgRK/mH1noKhu7exFfQ9aE6wcwDk+VRfpqVAMvKtrhzdFs4MTl6Xqd8woLd18WSHZOYVIUg58y/mO6t6ER08l7kX/lsW0417W2pC1dIDd/Y2gHe2wwsBM+EfQhYyx0le/Yjp0AM6HfvEK369AFyV/EMLaXWT43bX4s4G3tmKe4dFdEEYs45VQM1/3RSMSSShZ5qY0z519543uQmdLZgCTJjKJnpgwEdpzpUqEkGuSFjgwktWMOS5TYYJX1G9FXecXV7lJnRWEN6ZF9S8sbnUXlvy72ptSQMPsAPQ5GdDPuUhKLc439u7ynQ4mYh3epUwpLhmfUj3JqxFVlOVMLVmAx4xbxPRn0jmFvTXiJCGzCcXRuz6+gq8JYiC4ZnqvdKQVaneuyr1XtDqvQGNaMctIobmH0yO+O+Iaups7W3zowmk3OmLVO51iI7eiy4bA7LpU1GuwCTvunpHtEdfO7Yc8WcxVejbg7HDhZDNkGcL89bQSifT/tR5F3prBZMmpYF3HbtpF02QW89umgWi9vrgMZvzRXc8uD611LnZehsD+C+iZXXsi/oh+6IRA5pg8IPtgPHZmn9MHpeZY4p9hXyHIKQbzZqaLAiWHe41vg3d4e7E7mLHxe2XLHubbFmSLir+tzt1fmMHENDQXkVG6ccotAtQRe3msxKTdFahHa+kMRME+BFUMyZkUndl8Kk5kdCrNA8m9E37hj/dqZN9zMZIR0GpaQUl0RIveRMJ8VEQds8NnUlriGhlNJ2Odw3hV7/T5mzK8E3Q++tLAtLuvUmRVBZViZRM57Isg5fDcpYsCyaH6IOYmD5490UPFH1NYX5x1vwD8FHZ/H23pM7hE+AxLkdLHfbsAsZItjN2XM/PxB8+YcQG5h8u4Go6kXGPRU6d9/GAc624kTKfva2nq3J9bBn3L/KIpvzDuzNkWcJxm9L4syi2KAZmuAbLvFWOc5Pqq2Ay5R8Bfy2b8dAJ4KKkzl8OxEDrp1/684+dqQCOzzdO9c7LqfPrF0Se+cVhXde14pdo/lc5/wD98y3p4QdWKyMh3njvIahEAkwGwNEmzg3O8BuuQHCwCKY4TugLae7RDjb3uxePjzpKbtfwodQhaAClRtVRgAhK6tyaAungLOMjhbcw5IL0YooG1sjmNCGDlZyaf1BeyyxDX+j4rgrMhFiXUspSEb2Q+ZajrQnRKQjr0SL+wRziP/HgTEs0hbhHIGwqNkq/UvoHY3cyjSfrV6wnmfo7TlQjb5WQi+jUZ2175YaXsmn/elWTjdCROjdMZd74ScpGQkaeN7Y8a+gkeHyYNxb2A+aNrK6ysDTfCj6TLgVBpX++CjQCRrbYyWQ3/A5rZuQWdLYdQjKXsuxKeW2ML+LqZZLgmph+ntvwisNtJXkngsRAhjKfkP2PgJmoSv/BGzw5p+aUBKngbiwoocfjz6teC8Gai7po/a6lzkFddZUlE4HffhZW70JkHIdNRMCq0vcMioufa3FJ6hXBmn/cMCza4/F4EHFAnWHF1Bl2J5VdmM3V41HDROmtKaSa6UCkPnzEGAlRskh755gSpQ/hwum/CCeUYlxoHWjCyDbx3pZzXe8my/HCgnBTu20ZkFrUtopL857U2U2ZO1Zdw2FodRMc7eGklMOtD4C4z8JtgeFJpg+EvgeKTCReqFIZCJNqLii9N930ytvxENLjOyWX0FJnrxTQyhpJBKQ0MkJDl6iGInbiF58I/IufBIQe+hXf9uCJUivDvNSnM7dvHFc5/8AHtduCXlJ30Z7aZFu2C7t9c17hTEml4OYcUdvaC4cUCOLFPRP67uTSNPoRSaSgeJ0yDShzqYhO2CEU8w82myuTvHERL+lRpPjBdP52GhaPJggyYYLlU4BJou8QZPpJxrOTjusXQKfs7lFxFkP5FXaMHYcznXaAoTmW+FzXzCWMmGRA/iJIHYAmFRa3ApYTx9JfObdTFh/kw5kIwQkNwZY6n6b8UJfMp1DJvh1+3htuiPQNs0oj/BUx1SKfHnfyKmbW2nqKhkQB8uytNfnwRuIffCGzasyEDJJPwhNX5rwCJgz5VFMLrgXMOtwudZHpO0rfAqLM+ITn6LIpSI3Nhm7B8XlftKwSU7pK+0cp6j7UHtdDCd8uF7p6YjZa8T4EpBN+ChRvODmmMyThnAMonsXLhdKPGE76dNiCCde4HNxTupE0dMFAZywrlqObEqKGNJJuTf50tuWkW+gBoAdh/xAKP6pVWXIDNMtb0iXVWcFcdkxRSEKumAT6aaEMkwmRk4vioY3Finp0EwuLMOAhiBLoeOVlydRQEzPAzA/8wh2fQn5aHUYDdx7hc5mVdHKV6W/51d9sf6bJwbKIm+VGbIV2kxOVgRf07HdhpN+cnFOE2w67aQGjtFNVNhXkTIQhZ0aNfk7Yggl7miWpF/lHAJZvu7cUg0eAFi9dC8u8CRPKToyKEzljZkNsr5lJ/zwlHkvWsvF00pXtgLLEs9DnSzwguMwbnT8ei+DqzSNau5RH7aeR/KDDAIhVrkj+tay/YUMaGNZMfKciYXIGUZLRY3CUUy4R11L+Ra1wQspzRTjZlBWDTn8nu5NnSSDhdOJcxkeislqIIJUnWg6yYdMRb8Yf0Ix5L9Y7IIFWCXlKaUKcJsEqnxIV/ZzC0othu/DpSczqFPqIaP/hMxP1GeA74m728gXQN3OxPdv+0VrC98TN9puTNvGJNCHIu2TIsr0boxTgHYRUfiLFSETCxnO2tHR2z+k7uN2EEb3dYKIMgiIjcTDR0MVNR8voXcq8KegsPk3N9f7s3DWnk9R5Dfr1eic56WWeyc5qPuNVD/OduLgVdNv5L60FfD33Vsmy03cOy8EKYqx6I/u5f3UPSS0uDGDYwcz7v8D/SUOAo41STwum5h3+028IAA==);filter:none}
.adon-light-page #nav a, .adon-light-page .hd-phone {color:#4e4658}
.adon-light-page #nav a:hover, .adon-light-page #nav a.act, .adon-light-page .hd-phone:hover {color:#8524cf}
.adon-light-page #nav a::after {background:var(--adon-gradient)}
.adon-light-page .burger span {background:#292333}
.adon-light-page .sub-hero, .adon-light-page .lp-hero, .adon-light-page main .on-dark, .adon-light-page .fin.ct {background:var(--adon-surface);color:#6c6672;border-color:#e4e0e6}
.adon-light-page .sub-hero::after, .adon-light-page .fin.ct::after, .adon-light-page main .grid-bg::before, .adon-light-page .fin.ct::before {background:none}
.adon-light-page .sub-hero h1, .adon-light-page .lp-hero h1, .adon-light-page main .on-dark :is(h1,h2,h3,h4,strong), .adon-light-page .fin.ct :is(h1,h2:not(.eyebrow)), .adon-light-page main .on-dark .fx-fill .word {color:#292333}
.adon-light-page .sub-hero :is(.lede,.hero-trust,.cta-note), .adon-light-page .lp-hero :is(.lp-hero-sub,.lp-hero-assure), .adon-light-page main .on-dark p {color:#6c6672}
.adon-light-page main .eyebrow::before {background:var(--adon-gradient);box-shadow:inset 0 0 0 3px #fcfbf8,0 0 0 2px #bd35e5}
.adon-light-page main .btn.light {color:#292333;border-color:#d2c8d9}
.adon-light-page main .btn.light .arr {background:var(--adon-gradient);color:#fff}
.adon-light-page main .btn.light::before {background:#fff}
.adon-light-page main .on-dark .q {background:#fff;border-left-color:#bf3dec}
.adon-light-page main .on-dark :is(.q cite,.stern), .adon-light-page .sub-hero .stern {color:#8524cf}
/* Contact and consultation: readable white cards on a subtle shared gradient. */
.adon-light-page :is(.ct-form,.qz) {background:#fff;border:1px solid #e4dce9;border-radius:16px;box-shadow:0 14px 40px #3923460a;color:#292333}
.adon-light-page :is(.ct-sub,.ct-step-t span,.ct-viktor-t span,.ct-stats span,.ct-alt,.cta-note,.qz-count,.qz-hint,.qz-speicher,.qz-noscript,.qz-alt,.qz-fallback,.qz-back) {color:#6c6672}
.adon-light-page :is(.ct-step-t b,.ct-viktor-t b,.qz-count b), .adon-light-page .lead-form .lf-field span {color:#292333}
.adon-light-page .ct-stats b {color:#9333ea}
.adon-light-page :is(.ct-step-n,.qz-fill) {background:var(--adon-gradient);color:#fff}
.adon-light-page .ct-step-n {box-shadow:0 0 0 4px #f8effb}
.adon-light-page .ct-grid::before, .adon-light-page .ct-steps::before {background:#e4dce9}
.adon-light-page .ct-grid::after {background:var(--adon-gradient)}
.adon-light-page .ct-person {border-color:#e4dce9}
.adon-light-page .ct-gar {background:#fff;border-color:#dec8ec;color:#6c6672}
.adon-light-page .ct-gar b {color:#292333}
.adon-light-page .ct-gar:hover {background:#f5eaff}
.adon-light-page :is(.ct-gar svg,.ct-gar u,.ct-alt a,.qz-alt a,.qz-fallback a,.qz-noscript a) {color:#8524cf}
.adon-light-page .lead-form :is(input,textarea) {background:#fcfbfd;border:1px solid #9b8da5;color:#292333;caret-color:#9333ea}
.adon-light-page .lead-form :is(input,textarea):focus {background:#fff;border-color:#9333ea}
.adon-light-page .lead-form :is(input,textarea):focus-visible {outline-color:#9333ea}
.adon-light-page .lead-form :is(.lf-field em,.lf-dsg,.lf-consent) {color:#6c6672}
.adon-light-page .lead-form :is(.lf-dsg a,.lf-consent a,.lf-status a) {color:#8524cf}
.adon-light-page .lead-form .lf-consent {background:#faf6fd;border-color:#9b8da5}
.adon-light-page .qz-bar {background:#eee5f4}
.adon-light-page .qz-opt {background:#fcfbfd;border-color:#9b8da5;color:#292333}
.adon-light-page .qz-opt:hover, .adon-light-page .qz-opt.is-on {background:#f5eaff;border-color:#9333ea;color:#652198}
.adon-light-page [data-multi] .qz-opt::before {border-color:#9b8da5}
.adon-light-page [data-multi] .qz-opt.is-on::before {background:var(--adon-gradient);border-color:#9333ea}
.adon-light-page .qz-back:hover {color:#8524cf}
.adon-light-page .fin .qz-nav .btn.is-off {background:#eee8f2;color:#6c6672;border-color:#9b8da5;box-shadow:none}
.adon-light-page .fin .qz-nav .btn.is-off .arr {background:transparent;color:#6c6672}
.adon-light-page .qz-weiter-fix .qz-nav {background:#fcfbf8;border-color:#e4dce9}
.adon-light-page :is(.qz-nav-hinweis,.lf-error,.lf-status.err) {color:#a32935}
.adon-light-page .lead-form .lf-field.is-fehlend :is(input,textarea) {border-color:#a32935;background:#fff6f6}
.adon-light-page .lead-form .lf-status.ok {color:#356a46}
@media(max-width:1000px){.adon-light-page #nav {background:#fcfbf8;border-color:#e4e0e6}.adon-light-page #nav a {border-bottom-color:#e4e0e6}}
/* Requested private photoshoot categories, directly below the opening hero. */
.adon-shooting-band {background:#f3f0f6;border-top:1px solid #e9e0ef;border-bottom:1px solid #e9e0ef;color:#766482;padding:7px 0;overflow:hidden}
.adon-shooting-band__row {display:flex;align-items:center;gap:40px;white-space:nowrap;width:max-content;position:relative;left:50%;transform:translateX(-50%);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.4;font-weight:400}
.adon-shooting-band__row span {flex:none}
.adon-shooting-band__row i {flex:none;color:#bf73d9;font-size:9px;font-style:normal}
@media(max-width:600px){.adon-shooting-band{padding:6px 0}.adon-shooting-band__row{font-size:14px;gap:32px}}
@media(forced-colors:active){main .eyebrow,main .accent,.hero-a__guar-more,.sg-eyebrow,.case-num,.s4d .d4-n{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}#header .btn.solid,main .btn.solid{background:ButtonFace;color:ButtonText;border:1px solid ButtonText}}

/* ---- Ergaenzung ADON, 27.09.2026 ----
   Die Zeile mit Viktors Bild im Einstieg der Landingpages entstand am
   26.09. und fehlt im Stand des Webdesigners. Sein Thema macht die
   Unterseiten hell; die Zeile war fuer dunklen Grund gebaut und stand
   danach weiss auf weiss - gemessen 1,03:1. Sie folgt jetzt denselben
   Farben wie .lp-hero-assure daneben. */
.adon-light-page .lp-hero-wer{color:#6c6672}
.adon-light-page .lp-hero-wer a{color:#292333}
.adon-light-page .lp-hero-wer a:hover{color:#8524cf}
.adon-light-page .lp-hero-wer__bild{border-color:rgba(41,35,51,.18)}

/* ---- Einstieg der Landingpages, Ergaenzung ADON 27.09.2026 ----
   Das Thema faerbt im hellen Einstieg nur Ueberschrift und Unterzeile um.
   Alles Uebrige stammt aus der eingebetteten Vorlage der Landingpages und
   war fuer dunklen Grund gemacht. Gemessen im Stand des Webdesigners
   selbst, 1440 und 390 px: Brotkrumen 1,03:1, der erlaeuternde Satz zur
   Garantie 1,03, die Beschriftung der Karten 1,03, der Verweis
   "Garantiebedingungen" 1,75, das Sternchen 1,75, die Zahlen in den Karten
   1,75. Weiss auf Weiss, auf allen 66 Landingpages.
   Zwei Ursachen: unmittelbar gesetztes Weiss aus der Vorlage, und
   --lila-light, das im Thema auf #d6b3f3 steht - ein Ton fuer dunklen
   Grund, der als Schrift auf hellem Grund verschwindet. */
.adon-light-page .lp-crumbs{color:#6c6672}
.adon-light-page .lp-crumbs a{color:#4e4658}
.adon-light-page .lp-crumbs a:hover{color:#8524cf}
.adon-light-page .lp-hero-micro{color:#3e3947}
.adon-light-page .lp-hero .lp-guar-t{color:#292333}
.adon-light-page .lp-hero .lp-guar-chip .more{color:#8524cf}
.adon-light-page .lp-hero .stern{color:#8524cf}
.adon-light-page .lp-stat b{color:#8524cf}
.adon-light-page .lp-stat span{color:#3e3947}

/* Das Thema hellt vier Behaelter auf - .sub-hero, .lp-hero, main .on-dark
   und .fin.ct - faerbt darin aber nur Ueberschriften und zwei Klassen um.
   Alles andere behaelt sein Weiss aus der dunklen Vorlage. Auf den
   Landingpages liegen auch die Ablaufkarten und die Bildkarte im
   .lp-hero, deshalb standen sie weiss auf hellem Verlauf: gemessen
   1,17 bis 1,31:1. Hier die uebrigen Kinder, in denselben Toenen wie
   die Nachbarn. */
.adon-light-page .lp-hero .lp-crumbs,
.adon-light-page .lp-hero .lp-crumbs span{color:#6c6672}
.adon-light-page .lp-hero .lp-proc-card h2{color:#292333}
.adon-light-page .lp-hero .lp-proc-card p{color:#3e3947}
.adon-light-page .lp-hero .eyebrow{color:#8524cf}

/* /aktionen: der Einstieg ist ein .sub-hero, also hell. Einleitung,
   Brotkrume und die drei Verweise in die Bereiche blieben weiss -
   gemessen 1,19 bis 1,52:1. Es ist die Navigation in 63 Seiten. */
.adon-light-page .sub-hero .note-wide{color:#4e4658}
.adon-light-page .sub-hero .note-wide a{color:#8524cf}
.adon-light-page .sub-hero .lp-crumbs,
.adon-light-page .sub-hero .lp-crumbs span{color:#6c6672}

/* Bei .lp-faq traegt details overflow:hidden, und der Ring mit
   outline-offset:3px wird restlos abgeschnitten: beim Vergleich der
   Aufnahmen mit und ohne Fokus aenderte sich kein einziger Bildpunkt,
   auf anderen Seiten sind es rund 130 000. Nach innen gezeichnet ist
   er wieder da, ohne am overflow zu ruehren. */
.lp-faq summary:focus-visible{outline-offset:-3px}

/* Die Zeile mit Verfasser und Datum blieb weiss: das Thema faerbt
   .sub-hero :is(.lede,.hero-trust,.cta-note) um, .art-byline stand nicht
   in der Liste. Auf dem hellen Kopf der 19 Beitraege waren das gemessen
   1,15 zu 1 - zu sehen war praktisch nichts. */
.adon-light-page .art-byline{color:#4e4658}
.adon-light-page .art-byline a{color:#292333;border-bottom-color:rgba(41,35,51,.35)}
.adon-light-page .art-byline a:hover{color:#8524cf;border-bottom-color:#8524cf}

/* Auffangnetz: eine Verknuepfung ohne eigene Regel faellt sonst auf das
   Blau des Browsers zurueck. Gefunden auf /werbekampagnen (drei, eine
   davon "AGB Teil C Ziffer 5") und /wissensdatenbank (drei) - dort mit
   ueber 2000 blauen Bildpunkten gut zu sehen. Mit :where() traegt die
   Regel kein Gewicht: jede vorhandene Festlegung gewinnt weiter, nur
   der Vorgabewert des Browsers verliert. */
:where(main p, main li) :where(a:not([class])){color:#8524cf;
  text-decoration:underline;text-underline-offset:3px}

/* Die drei Karten im Kopf der Landeseiten behielten aus der dunklen
   Vorlage ihre Flaeche: background rgba(255,255,255,.045) und einen
   Rahmen aus rgba(255,255,255,.10). Auf dem hellen Kopf sind das
   gemessen 1 von 255 Unterschied - zu sehen waren drei nackte Spalten
   statt Karten. Dieselben Toene, die das Thema schon fuer .ct-form und
   .art fuehrt. Die Regeln stehen in der eingebauten Vorlage der Seite,
   diese Tabelle kommt danach und gewinnt. */
.adon-light-page .lp-hero :is(.lp-proc-card,.lp-stat){
  background:#fff;border-color:#e4dce9;
  box-shadow:0 1px 2px rgba(41,35,51,.05)}

/* Und die Trennung: die Spalte ist 144 bis 195 Pixel breit, deutsche
   Komposita sind laenger, und overflow-wrap:break-word haut sie mitten
   durch - im ersten Bild aller 66 Landeseiten stand
   "Stilberatungsgespraec | h fuer Paare", bei 1024 dazu
   "Anfrageformula | r". Die Seite ist als deutsch ausgezeichnet, also
   trennt der Browser an der richtigen Stelle und setzt einen Strich. */
.lp-hero :is(.lp-proc-card h2,.lp-proc-card p,.lp-stat span){
  -webkit-hyphens:auto;hyphens:auto}

/* Die feste Weiter-Leiste war auf hellem Grund vollstaendig deckend:
   die dunkle Fassung hat oben 14 Pixel Verlauf, das Thema hat sie mit
   einer glatten Farbe ueberschrieben. Damit fehlte das einzige
   Zeichen, dass die Liste weitergeht - bei 320 Pixeln sind von acht
   Antworten drei zu sehen, und nichts sagte, dass da noch fuenf sind.
   Derselbe Verlauf wie im Dunkeln, nur in der hellen Farbe. */
.adon-light-page .qz-weiter-fix .qz-nav{
  background:linear-gradient(180deg,rgba(252,251,248,0) 0,#fcfbf8 14px)}