/* The same material colours follow a visitor from navigation to ordering and maps. */
:root {
  --circle-brand-gold:#c5a24e;
  color-scheme:light;
  --paper:#faf8f2; --surface-card:#fffdf7; --panel:#f0eedf; --field:#fffefa;
  --ink:#282b24; --sub:#51564b; --rim:#d6d5c5; --field-edge:#848878;
  --gold-ink:#755a2a; --button:#2d392d; --button-text:#fffdf3; --ring:#a57a36;
  --certified:#27633d; --training:#9a3e37; --map-canvas:#f5f4e9; --map-pin:#fffdf6;
}
:root[data-circle-theme=dark] {
  color-scheme:dark;
  --paper:#171b17; --surface-card:#20261f; --panel:#292e25; --field:#1c211b;
  --ink:#f6f2e6; --sub:#d0d0bf; --rim:#4b5242; --field-edge:#8e957e;
  --gold-ink:#e0c58e; --button:#e4cd99; --button-text:#24251c; --ring:#dfbd78;
  --certified:#9dd9ad; --training:#f2a79c; --map-canvas:#222820; --map-pin:#30382c;
}
body[class] {--bg:var(--paper);--surface:var(--surface-card);--text:var(--ink);--muted:var(--sub);--line:var(--rim);--gold:var(--gold-ink);--gold-light:var(--gold-ink)}
.circle-extra-scheme {display:inline-grid;place-items:center;flex:0 0 42px;align-self:center;height:42px;width:42px;border-radius:50%;background:var(--paper);color:var(--ink);border:1px solid var(--field-edge);cursor:pointer}
.circle-extra-scheme:focus-visible,body :where(a,button,input,select,textarea,summary):focus-visible {outline-color:var(--ring)}
html:has(.circle-main) {scroll-padding-top:82px}
.circle-main {background:var(--paper);color:var(--ink)}
.circle-main .audience-view:not(#home) {background:var(--paper);padding-bottom:0}
.circle-main #main .audience-view:not(#home) :where(.section,.bbt-section,.assessment-after-bbt,.consumer-product,.network-intro,.premium-hero,.network-stage-heading,.application-form,.country-intro,.hotel-offer,.ambassador-section) {background:var(--paper);color:var(--ink);border-color:var(--rim)}
.circle-main #main :where(.section h1,.section h2,.section h3,.section h4,.section h5,.section label,.section summary,.section em,.section .eyebrow) {color:var(--ink)}
.circle-main #main .audience-view:not(#home) :where(.section p,.section small,.section dd,.section dt,.section li,.section .microcopy,.section .page-lead,.compact-details summary>span) {color:var(--sub)}
.circle-main #main .audience-view:not(#home) :where(.section h1,.section-heading h2,.network-stage-heading h2,.professional-training-title,.section>h2,.bbt-page-intro h1) {font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em;line-height:1.12}
.circle-main #main :where(.text-link,.personal-email,.section .eyebrow,.section-heading em,.network-stage-heading em,.section h1 em,.section .editorial-number,.section .image-kicker,.production-link,.contact-signature,.country-detail-heading em,.network-stage-heading a) {color:var(--gold-ink)}
.circle-main #main .audience-view:not(#home) :where(.compact-details,.compact-details[open],.product-copy,.product-specs,.consumer-offer,.trade-box,.quote-card,.application-form,.request-form,.country-card,.country-terms,.country-contacts,.country-map-panel,.ambassador-profile,.ambassador-name-grid>*,.value-grid>*,.hotel-inclusions,.hotel-offer-status,.risk-test-card,.bbt-selfpay,.bbt-availability-note,.insurance-notice,.insurer-offer,.hotel-registration) {background:var(--surface-card);color:var(--ink);border-color:var(--rim)}
.circle-main #main :where(.section .button,.bbt-download-circle,.training-circle,.purchase-button,.application-submit,.bbt-consultation-actions .button) {border-radius:28px;background:var(--button);color:var(--button-text);border-color:var(--button);box-shadow:none;text-transform:none;letter-spacing:normal}
.circle-main #main :where(.section .button span,.section .button strong) {color:inherit}
.circle-main #main :where(.gold-link-circle,.riecher-arrow) {background:transparent;color:inherit;border-color:currentColor}
.circle-main #main :where(.section .button-outline,.section .button-outline:hover,.bbt-professional-link,.circle-locator-link,.section .outline) {background:transparent;color:var(--ink);border-color:var(--field-edge)}
.circle-main #main :where(input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea) {background:var(--field);color:var(--ink);border-color:var(--field-edge);border-radius:8px}
.circle-main #main :where(input::placeholder,textarea::placeholder) {color:var(--sub);opacity:1}
.circle-main #main :where(.section .insurance-notice h2,.section .insurance-notice h3) {color:var(--ink)!important}
.circle-main #main .section .insurance-notice p {color:var(--sub)!important}
.circle-main #main :where(.risk-test-card h2,.bbt-selfpay strong,.bbt-availability-note strong,.consumer-total strong,.product-specs strong,.insurer-offer strong,.bbt-consultation-intro strong,.bbt-download strong) {color:var(--ink)}
.circle-main #main .bbt-availability-note {border-left:3px solid var(--certified)}
.circle-main #main :where(.input-error:not(:empty),[aria-invalid=true]) {color:var(--training)}
.circle-main #main :where(.campaign,.ambassador-art,.consumer-product-visual,.product-stage,.bbt-video-frame,.breathe-test-card,.dilli-video-frame) {--gold-light:#ebd49e;--gold:#e0be76;--text:#f7f5ed;--muted:#ded8ca}
.circle-main #main :where(.campaign .button,.campaign .button-outline) {background:#ddc58c;color:#24241d;border-color:#ddc58c}
.circle-main #main .campaign :where(.campaign-description,.campaign-content h1,.campaign-content em) {color:#f7f2e4}
.circle-main #main :where(.breathe-test-card h3,.ambassador-art .photo-caption,.stage-caption,.image-label) {color:#f7f4e9}
.circle-main #main .breathe-test-answer strong {color:inherit}
.circle-main #main :where(.consumer-stepper,.pack-stepper) {background:var(--field);border-color:var(--field-edge);border-radius:28px;color:var(--ink)}
.circle-main #main :where(.consumer-stepper button,.pack-stepper button) {color:var(--ink);background:transparent;border-color:var(--rim)}
.circle-main #main :where(.consumer-offer h3,.consumer-quantity-field label,.price-table caption) {color:var(--ink)}
.circle-main #main :where(.consumer-stepper input,.pack-stepper input) {background:transparent;border-radius:0}
.circle-main #main :where(.bbt-video-play) {background:#2d392d;color:#fffdf3}
.circle-main #footer,.circle-footer {background:#233024;color:#f7f5ea;border-color:#65715f;--gold-light:#e3cf9f}
.circle-main #footer :where(.footer-contact,.footer-audiences a,.brand span,.footer-bottom,.footer-bottom a,.bc-analytics-settings,.footer-top) {color:#f3efdf;border-color:#69735e}
.circle-main .mobile-sales-bar {background:var(--paper);color:var(--ink);border-color:var(--rim)}
.circle-main .mobile-sales-bar a {color:var(--ink)}
.circle-main .mobile-sales-bar .mobile-sales-buy {background:var(--button);color:var(--button-text)}

/* The active story and the permanent comparison are siblings. */
.circle-main #home .home-editorial {display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:clamp(28px,5.6vw,86px);padding:clamp(32px,4vw,62px) var(--inset);background:var(--panel);border-bottom:1px solid var(--rim)}
.home-editorial #riecher-aktuell {min-width:0;max-width:none;padding:0;background:transparent;color:var(--ink)}
.home-editorial #riecher-aktuell h2 {font:400 clamp(32px,3.7vw,56px)/1.08 Georgia,serif;letter-spacing:-.035em;color:var(--ink);margin:12px 0 18px}
.home-editorial :is(.riecher-meta,.riecher-all-posts,.riecher-share-trigger) {color:var(--gold-ink)}
.home-editorial .riecher-home-teaser p {color:var(--sub);font-size:16px;line-height:1.55}
.home-editorial .latest-photo {display:block;max-width:220px;margin-bottom:16px}
.home-editorial .latest-photo img {display:block;width:100%;height:110px;object-fit:contain;object-position:left;border-radius:8px}
.home-editorial .permanent-comparison {min-width:0;scroll-margin-top:80px}
.home-editorial .permanent-comparison h2 {font:400 clamp(22px,2.1vw,34px)/1.14 Georgia,serif;letter-spacing:-.025em;color:var(--ink);margin:0 0 15px}
.home-editorial .dilli-comparison {width:100%;max-width:none;margin:0}
.home-editorial .dilli-stage img {display:block;width:100%;height:100%;object-fit:cover}
.home-editorial .dilli-comparison figcaption,.home-editorial .dilli-comparison figcaption span {color:var(--sub)}
.home-editorial:has(.permanent-comparison:only-child) {grid-template-columns:minmax(0,760px);justify-content:center}
.circle-main #main :where(.riecher-button),.riecher-page .riecher-button {border-radius:24px;background:var(--button);color:var(--button-text);border-color:var(--button)}
.circle-main #main :where(.riecher-post-card,.riecher-series,.journal-hero),.riecher-page .riecher-feature-portrait,.riecher-page .riecher-health-note {background:var(--surface-card);border-color:var(--rim)}
.circle-main #main .riecher-series {background:var(--paper)}
.circle-main #main .riecher-post-card :where(h3,p),.riecher-page :where(h1,h2,h3,strong) {color:var(--ink)}
.circle-main #main .riecher-share-trigger,.riecher-page .riecher-share-trigger,.riecher-page :where(.riecher-meta,.riecher-byline a,.riecher-feature-portrait a) {color:var(--gold-ink)}
.circle-main #main :where(.riecher-share,.riecher-all-posts),.riecher-page :where(.riecher-share,.riecher-byline,.riecher-page-header,.riecher-article-body section) {border-color:var(--rim)}
.riecher-page {background:var(--paper);color:var(--ink)}
.riecher-page :is(h1,h2,h3,.riecher-byline strong,.riecher-feature-portrait strong) {color:var(--ink)}
.riecher-page :is(.riecher-lead,.riecher-article-body p,.riecher-feature-portrait figcaption,.riecher-byline,.dilli-comparison figcaption,.dilli-comparison figcaption span) {color:var(--sub)}
.riecher-page .riecher-page-header>a:nth-child(2) {margin-left:auto}
.riecher-page .riecher-article-footer {background:var(--panel);color:var(--ink)}
.riecher-page .riecher-arrow {background:transparent;color:inherit;border-color:currentColor}
@media(max-width:700px) {
  .circle-main #home .home-editorial {grid-template-columns:1fr;gap:24px}
  .home-editorial .permanent-comparison {order:-1;border-bottom:1px solid var(--rim);padding-bottom:20px}
  .home-editorial .permanent-comparison h2 {font-size:25px}
  .riecher-page .riecher-page-header {gap:12px;flex-wrap:wrap;padding:12px 20px}
}

/* Professional purchasing and training keep their live forms and destinations. */
.circle-main #main #schulung {border:0;padding:0 var(--inset) clamp(30px,5vw,72px);background:var(--paper);color:var(--ink)}
#schulung .training-simple-heading {display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(24px,5vw,76px);padding:clamp(30px,4vw,64px) 0;margin:0;border-bottom:1px solid var(--rim);background:transparent}
#schulung .training-simple-heading h1 {color:var(--ink);font:400 clamp(38px,4.4vw,72px)/1.04 Georgia,serif;letter-spacing:-.045em;margin:12px 0 18px;max-width:18ch}
#schulung .training-simple-heading .eyebrow,#schulung .training-module .eyebrow,#schulung .purchase-b2b-heading .eyebrow {color:var(--gold-ink);font:700 11px/1.4 Arial,sans-serif;letter-spacing:.13em}
#schulung .pro-intro {font:400 17px/1.55 Arial,sans-serif;max-width:43ch;color:var(--sub)}
#schulung .pro-heading-photo {margin:0;overflow:hidden;border-radius:14px;background:#11130f}
#schulung .pro-heading-photo img {display:block;width:100%;height:clamp(210px,23vw,350px);object-fit:cover;object-position:50% 48%}
#schulung .professional-actions {gap:10px;align-items:center;flex-direction:row}
#schulung .professional-actions a,#schulung .training-circle {display:inline-flex;align-items:center;justify-content:center;gap:10px;width:auto;height:auto;min-height:44px;padding:12px 18px;border-radius:26px;border:1px solid var(--button);background:var(--button);color:var(--button-text);font:600 14px/1.4 Arial,sans-serif;letter-spacing:0;text-transform:none;text-align:center;text-decoration:none}
#schulung .professional-actions .text-link {color:var(--ink);border-color:var(--field-edge);background:transparent}
#schulung .purchase-b2b {margin:0;padding:clamp(28px,4vw,56px) 0;border:0;background:transparent}
#schulung :is(.purchase-b2b-heading h2,.professional-training-title,.training-models>h2) {font:400 clamp(29px,3.3vw,48px)/1.12 Georgia,serif;letter-spacing:-.035em;color:var(--ink)}
#schulung #kaufen,#schulung #trade-panel {padding:0;background:transparent;border:0}
#schulung .trade-grid {align-items:stretch;gap:clamp(16px,2.5vw,36px)}
#schulung .trade-grid>div {min-width:0;padding:clamp(16px,2.6vw,36px);border:1px solid var(--rim);border-radius:14px;background:var(--surface-card)}
#schulung .trade-grid>.quote-card {background:var(--panel)}
#schulung .price-table :is(td,th),#schulung .price-table caption {border-color:var(--rim);background:transparent;color:var(--ink)}
#schulung .price-table caption {font:600 15px/1.35 Arial,sans-serif;padding-bottom:16px}
#schulung .price-table :is(small,th) {color:var(--sub)}
#schulung .quote-card :is(label,.pack-summary,.quote-result strong),#schulung .price-table td:last-child {color:var(--ink)}
#schulung .quote-result {border-color:var(--rim);background:transparent}
#schulung .quote-result strong {font:400 clamp(33px,3.1vw,48px)/1.14 Georgia,serif}
#schulung .quote-card :is(.retail-fact,.quote-result>span,.microcopy),#schulung .trade-abroad {color:var(--sub);border-color:var(--rim)}
#schulung .trade-abroad a,#schulung .retail-fact span {color:var(--gold-ink)}
#schulung #order-link {color:var(--button-text);background:var(--button);border-color:var(--button)}
#schulung .professional-training-title {padding-top:26px;border-top:1px solid var(--rim);margin-top:0}
#schulung .professional-training-note {max-width:78ch}
#schulung .training-module {background:var(--surface-card);border:1px solid var(--rim);border-top:3px solid var(--gold-ink);border-radius:15px;padding:clamp(22px,3vw,40px);gap:18px}
#schulung .training-module h2 {color:var(--ink);font:400 clamp(25px,2.6vw,39px)/1.13 Georgia,serif;letter-spacing:-.035em}
#schulung .training-module-fact {font-weight:600;color:var(--gold-ink)}
#schulung .training-circle {flex-direction:row;margin-top:auto}
#schulung .training-circle svg {width:16px;height:16px;margin:0}
#schulung .training-module-requirement {border-top:1px solid var(--rim);padding-top:12px}
#schulung .training-completion {color:var(--sub);border-color:var(--rim)}
.circle-main #main .partner-purchase {--purchase-gold:var(--gold-ink);--purchase-cream:var(--ink)}
.circle-main #main .partner-purchase-card {border:1px solid var(--rim);background:var(--surface-card);color:var(--ink);border-radius:14px}
.circle-main #main .partner-purchase-card :is(h2,h3,.purchase-price,.purchase-price-row strong) {color:var(--ink)}
.circle-main #main .partner-purchase-card .purchase-price {font-family:Georgia,serif;letter-spacing:-.03em}
.circle-main #main :where(.purchase-description,.purchase-note,.purchase-price-detail,.purchase-regular,.purchase-next-step,.purchase-card-top,.purchase-onboarding,.purchase-benefit) {color:var(--sub);border-color:var(--rim)}
.circle-main #main .purchase-benefit {background:var(--panel);border-color:var(--rim)}
.circle-main #main .purchase-benefit :is(strong,span),.circle-main #main .purchase-kicker {color:var(--gold-ink)}
.circle-main #main .partner-purchase-card .purchase-button {color:var(--button-text);background:var(--button);border-color:var(--button)}
@media(max-width:760px) {
  #schulung .training-simple-heading {grid-template-columns:1fr;gap:18px}
  #schulung .pro-heading-photo img {height:clamp(135px,42vw,240px)}
  #schulung .trade-grid {grid-template-columns:1fr}
}

/* A common map frame. Keep canton grouping, selected pins and qualification colours. */
.circle-main #main .directory {background:var(--paper);color:var(--ink);border-color:var(--rim);scroll-margin-top:80px}
.circle-main #main .directory .circle-map-heading {font:400 clamp(30px,3.4vw,48px)/1.12 Georgia,serif;color:var(--ink);margin:0 0 16px;letter-spacing:-.035em}
.circle-map-switch {display:flex;flex-wrap:wrap;gap:7px;margin:0 0 22px}
.circle-map-switch a {border:1px solid var(--rim);border-radius:22px;padding:9px 14px;background:var(--surface-card);color:var(--ink);font:600 14px/1.45 Arial,sans-serif;text-decoration:none}
.circle-map-switch a:is([aria-current],:hover) {background:var(--button);border-color:var(--button);color:var(--button-text)}
.circle-main #main .directory :is(.bbt-map-panel,.bbt-results-panel,.bbt-location-filters,.bbt-location,.bbt-location-list,.directory-empty) {background:var(--surface-card);color:var(--ink);border-color:var(--rim)}
.circle-main #main .directory :is(.bbt-map-panel,.bbt-results-panel) {border:1px solid var(--rim);border-radius:14px;overflow:hidden}
.circle-main #main .directory :is(.directory-map,.bbt-map-art) {background:var(--map-canvas)}
.circle-main #main .directory :is(.bbt-map-legend,.bbt-map-top,.bbt-result-bar,.bbt-location-top,.bbt-location-body,.bbt-map-source,.bbt-status-legend small,.directory-service-note,.directory-help,.bbt-legend-number) {color:var(--sub);border-color:var(--rim)}
.circle-main #main .directory :is(.bbt-location h3,.bbt-location h4,.directory-service-note strong,.bbt-status-legend strong,.bbt-map-legend strong,.bbt-location-filters label,.bbt-location-filters h3,.bbt-map-top>span:first-child,.bbt-location-top i) {color:var(--ink)}
.circle-main #main .directory :is(.bbt-map-legend small,.directory-location summary p,.directory-location summary small,.bbt-result-bar span) {color:var(--sub)}
.circle-main #main .directory :is(.bbt-location[open],.directory-location:hover,.directory-service-note,.directory-help,.directory-provider-kind) {background:var(--panel)}
.circle-main #main .directory :is(.directory-filters,.directory-support-filters) :is(button,a),.circle-main #main .directory .dilli-solution-card {background:var(--surface-card);color:var(--ink);border:1px solid var(--rim);border-radius:14px}
.circle-main #main .directory :is(.directory-filters,.directory-support-filters) button:is([aria-pressed=true],.active,.selected,:hover) {background:var(--panel);border-color:var(--gold-ink);color:var(--ink)}
.circle-main #main .directory .directory-pin {background:var(--map-pin);color:var(--ink);border-color:var(--gold-ink)}
.circle-main #main .directory .directory-pin.has-status-ring {border-color:transparent;background:linear-gradient(var(--map-pin),var(--map-pin)) padding-box,var(--status-ring) border-box}
.circle-main #main .directory .directory-pin:is(:hover,[aria-pressed=true]) {background:var(--button);color:var(--button-text);outline:2px solid var(--gold-ink);outline-offset:3px}
.circle-main #main .directory .directory-pin.has-status-ring:is(:hover,[aria-pressed=true]) {background:linear-gradient(var(--button),var(--button)) padding-box,var(--status-ring) border-box}
.circle-main #main .directory :is(.bbt-pin-count,.bbt-pin-name) {color:inherit}
.circle-main #main .directory :is(.bbt-location-links a,.directory-evidence a,.directory-provider-kind,.location-product,.directory-filter-orbit,.directory-filter-name,.directory-card-arrow,.location-bbt-status) {color:var(--gold-ink)}
.circle-main #main .directory :is(.directory-filter-orbit,.bbt-legend-number) {background:var(--panel);border-color:var(--rim)}
.circle-main #main .location-bbt-status.is-certified {color:var(--certified)}
.circle-main #main .location-bbt-status.is-training {color:var(--training)}
.circle-main #main :is(.bbt-status-legend,.location-bbt-status,.training-completion) .status-circle {background:var(--surface-card)}
.circle-main #main .status-circle.is-certified {border-color:var(--certified)}
.circle-main #main .status-circle.is-training {border-color:var(--training)}
.circle-main:has(.directory:target) .thomas-invitation {display:none!important}
.circle-directory-list {margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Arial,sans-serif}
.circle-directory-list>header {display:flex;align-items:center;gap:18px;padding:12px max(20px,5vw);border-bottom:1px solid var(--rim)}
.circle-directory-list .list-brand {margin-right:auto;font:500 21px Georgia,serif;text-decoration:none}
.circle-directory-list main {max-width:960px;margin:auto;padding:35px 20px 70px}
.circle-directory-list h1,.circle-directory-list h2 {font:400 clamp(30px,4vw,52px)/1.14 Georgia,serif;letter-spacing:-.04em}
.circle-directory-list h2 {font-size:30px;margin:35px 0 12px}
.circle-directory-list article {border-top:1px solid var(--rim);padding:14px 0}
.circle-directory-list article :is(h3,p) {margin:5px 0}
.circle-directory-list a {color:var(--gold-ink);text-underline-offset:3px}
.circle-directory-list .is-certified {color:var(--certified)}
.circle-directory-list .is-training {color:var(--training)}
.circle-country {background:var(--paper);color:var(--ink);--light:var(--gold-ink)}
.circle-country header {background:var(--paper);border-bottom:1px solid var(--rim)}
.circle-country header nav {margin-left:auto}
.circle-country :is(.license,.map,aside,.cards>article,.cards>a,.steps a:hover) {background:var(--panel);border-color:var(--rim)}
.circle-country :is(h1,h2) {font-family:Georgia,serif;letter-spacing:-.035em}
.circle-country :is(.note,.cards p) {color:var(--sub)}
.circle-country :is(.button,.button i) {background:var(--button);border-color:var(--button);color:var(--button-text)}
.circle-country :is(.outline,input,select,.filters a,.steps b) {background:var(--field);color:var(--ink);border-color:var(--field-edge)}
.circle-country .green {color:var(--certified)}.circle-country .red {color:var(--training)}
@media(max-width:760px) {.circle-map-switch {display:grid;grid-template-columns:1fr 1fr}.circle-map-switch a {text-align:center;padding:9px 5px;font-size:13px}}

.circle-main #main .consumer-total>span,.circle-main #main .bbt-video figcaption {color:var(--sub)}
.circle-main #main .production-link :is(strong,span) {color:#f5e6c2}
.circle-main #main .production-showcase figcaption {background:var(--surface-card);color:var(--ink);border-color:var(--rim)}
.circle-main #main .bbt-next-steps,.circle-main #main .ambassador-partner-links .text-link {background:var(--panel);border-color:var(--rim)}
.circle-main #main .directory :is(.bbt-map-top>span,.directory-services,.directory-filter-label,.assessment-action,.bbt-location-actions>a) {color:var(--gold-ink)}
.circle-main #main .ambassador-number,.circle-main #main .country-terms>strong,.circle-main #main .country-card strong {color:var(--gold-ink)}
.circle-main #main .country-card span span {color:var(--sub)}
.circle-main #main .contact-call .button {background:var(--button);color:var(--button-text);border-color:var(--button)}
@media(prefers-reduced-motion:no-preference) {
  .circle-map-switch a:hover,.circle-extra-scheme:hover {transition:border-color .15s ease}
}
.circle-header .circle-languages>span {color:var(--sub)}
.circle-main #main .journal-emblem>span {color:var(--gold-ink)}
.riecher-page .riecher-page-footer,.riecher-page .riecher-page-footer .bc-analytics-settings {background:var(--panel);color:var(--ink);border-color:var(--rim)}
.circle-country .test-overlay {color:#f5f3e8}
@media(max-width:700px){
 .circle-country :is(.hero,.split,.product,.map-layout,.cards,.license-benefits)>* {min-width:0}
 .circle-country img {max-width:100%}
 .circle-country :is(.button,.outline) {max-width:100%;box-sizing:border-box}
 .circle-country .steps {position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
 .circle-country .steps a {gap:6px;min-width:0;padding:10px 4px}
 .circle-country header {gap:12px}
 .circle-country :is(.filters a,h1,h2,.button) {overflow-wrap:anywhere}
}
.circle-main #main .directory input::placeholder {color:var(--sub);opacity:1}
.circle-main #main .directory {scroll-margin-top:8px;padding-top:clamp(16px,2vw,32px)}
.circle-main #main #dilli-vergleich {scroll-margin-top:12px}
.circle-main #main :is(#b2b,#schulungen,#modul-1,#modul-2) {scroll-margin-top:12px}