@media screen {
.fw-site :is(.fw-editorial, .fw-r3-professional) :is(p, ul, ol, figcaption),
.fw-site :is(.fw-case-header, .fw-process-title, .fw-screening-result) :is(p, ul, ol),
.fw-site :is(.fw-r41-guide, .fw-r41-workspace) :is(.fw-editorial-note, .fw-source-block) > :is(p, ul, ol),
.fw-site #projekte > .fw-project-intro {
    max-width: none;
    max-inline-size: none;
}

.fw-site .fw-pool-map .fw-hotspot-views {
    margin-block-end: clamp(8px, 1.2vw, 14px);
}

.fw-site .fw-terrace-method-figure {
    margin: .625rem 0 .875rem;
    background: var(--fw-cream);
    border: 1px solid var(--fw-line);
}

.fw-site .fw-terrace-method-figure svg {
    display: block;
    inline-size: 100%;
    block-size: auto;
    aspect-ratio: 15 / 7;
}

.fw-site .fw-terrace-symbols {
    position: absolute;
}

.fw-site [data-fw-screening-r57] .fw-checkpoints > li > svg.fw-checkpoint-image {
    display: block;
    aspect-ratio: 5 / 3;
}

.fw-site [data-fw-screening-r57] .fw-screening-result .fw-actions {
    align-items: center;
    justify-content: flex-start;
    gap: 8px 16px;
}

.fw-site [data-fw-screening-r57] .fw-screening-result .fw-actions > .fw-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-block-size: 44px;
    overflow-wrap: anywhere;
}

.fw-site [data-fw-level-quantity]:not([hidden]) {
    margin-block: 12px;
    padding: 10px 13px;
    border-inline-start: 3px solid var(--fw-red-dark);
    background: rgb(255 255 255 / 82%);
    overflow-wrap: anywhere;
}

.fw-site [data-fw-level-quantity] > :is(h3, p) {
    margin-block: 0;
}

.fw-site [data-fw-level-quantity] > h3 + p {
    margin-block-start: 4px;
}

@media (forced-colors: none) {
    .fw-site .fw-checklist-project {
        isolation: isolate;
        position: relative;
    }

    .fw-site .fw-checklist-project::before {
        content: "";
        position: absolute;
        z-index: -1;
        pointer-events: none;
        inset: 0;
        border-radius: inherit;
        background: rgb(255 255 255 / 18%);
    }

    .fw-site .fw-checklist-project::after {
        content: "";
        position: absolute;
        z-index: -1;
        pointer-events: none;
        inset: auto 10px -2px 9px;
        block-size: 24px;
        border-radius: 45%;
        box-shadow: -7px 9px 12px -10px rgb(49 38 29 / 25%),
                    12px 12px 17px -12px rgb(58 43 29 / 32%),
                    1px 3px 7px -5px rgb(58 43 29 / 27%);
    }

    .fw-site .fw-checklist-project [data-fw-check-sheet] :is(.fw-checklist-summary, .fw-checklist-measures input, .fw-checklist-notes textarea),
    .fw-site .fw-checklist-project .fw-paper-actions .fw-btn-light {
        background-color: rgb(255 255 255 / 86%);
    }
}

/* Start with a still photo until the hero enters the viewport. */
.fw-site .fw-mood-hero > .fw-mood-media > picture > img {
    animation: none;
}

.fw-site .fw-aufmass-download {
    margin-block: .45rem .8rem;
}

.fw-site .fw-aufmass-download > a {
    display: inline-flex;
    align-items: center;
    min-block-size: 44px;
    max-inline-size: 100%;
    overflow-wrap: anywhere;
}

.fw-site #projekte.fw-hub-topics .fw-project-grid {
    grid-template-columns: minmax(0, 1fr);
}

.fw-site .fw-hub-level {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .65rem;
    margin-block-start: 1.15rem;
}

.fw-site .fw-hub-level > h3 {
    margin: 0;
}

.fw-site .fw-hub-level .fw-project-link {
    display: grid;
    grid-template-columns: clamp(86px, 27vw, 136px) minmax(0, 1fr);
}

.fw-site .fw-hub-level .fw-project-media {
    min-block-size: 100px;
}

.fw-site #projekte .fw-hub-level .fw-project-image {
    position: absolute;
    inset: 0;
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: auto;
}

.fw-site .fw-hub-level .fw-project-content h4 {
    display: flex;
    align-items: center;
    gap: .4em;
    margin: 0 0 .25rem;
    font-size: clamp(19px, 2.5vw, 24px);
}

.fw-site .fw-hub-level .fw-project-link:is(:hover, :focus-visible) h4 {
    text-decoration: underline;
    text-underline-offset: .18em;
}

.fw-site .fw-hub-checks > .fw-editorial-card {
    display: grid;
    align-items: start;
    grid-template-columns: clamp(46px, 6vw, 72px) minmax(0, 1fr);
    gap: .85rem;
}

.fw-site .fw-hub-checks h3,
.fw-site .fw-hub-checks p {
    margin-block: 0;
}

.fw-site .fw-hub-checks h3 + p {
    margin-block-start: .35rem;
}

.fw-site .fw-hub-check-drawing {
    display: block;
    inline-size: 100%;
    block-size: auto;
    color: #59483a;
    stroke: currentColor;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.fw-site .fw-hub-check-drawing .fw-hub-drawing-mark { stroke: #a0121e; }
.fw-site .fw-hub-check-drawing .fw-hub-drawing-water { stroke: #13717b; }

.fw-site .fw-hub-large-format > a,
.fw-site .fw-hub-extra > summary {
    min-block-size: 44px;
}

.fw-site .fw-hub-large-format > a {
    display: inline-flex;
    align-items: center;
}

.fw-site .fw-hub-extra {
    margin: 14px 0 0;
}

.fw-site .fw-hub-extra > summary {
    box-sizing: border-box;
    padding: 10px 0;
    color: var(--fw-ink);
    font-weight: 700;
    cursor: pointer;
}

.fw-site .fw-hub-extra > .fw-checklist-project {
    margin-block-start: .55rem;
}

@media (min-width: 560px) {
    .fw-site #projekte.fw-hub-topics .fw-project-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .fw-site .fw-hub-topics .fw-project-grid .fw-project-media .fw-project-image {
        aspect-ratio: 16 / 8;
        max-block-size: 180px;
    }

    .fw-site .fw-hub-level {
        grid-template-columns: minmax(205px, .6fr) minmax(0, 1.4fr);
        align-items: center;
    }
}

@media (min-width: 1000px) {
    .fw-site .fw-mood-hero-hub {
        min-block-size: clamp(410px, 52svh, 560px);
    }

    .fw-site #projekte.fw-hub-topics .fw-project-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.fw-site .fw-hero-motion-control {
    position: absolute;
    z-index: 2;
    inset: auto 12px 38px auto;
    box-sizing: border-box;
    inline-size: 44px;
    block-size: 44px;
    padding: 0;
    border: 1px solid rgb(255 255 255 / .72);
    border-radius: 50%;
    background: rgb(25 22 18 / .82);
    color: #fff;
    cursor: pointer;
}

.fw-site .fw-hero-motion-control:not([hidden]) {
    display: grid;
    place-items: center;
}

.fw-site .fw-hero-motion-control::before {
    content: "";
    box-sizing: border-box;
    inline-size: 12px;
    block-size: 15px;
    border-inline: 4px solid currentColor;
}

.fw-site [data-fw-hero-paused] .fw-hero-motion-control::before {
    inline-size: 0;
    block-size: 0;
    border: 8px solid transparent;
    border-inline: 12px solid currentColor;
    border-inline-end: 0;
    margin-inline-start: 2px;
}

.fw-site .fw-hero-motion-control[aria-disabled="true"] {
    cursor: default;
}

.fw-site .fw-hero-motion-control:focus-visible {
    outline: 3px solid #fff;
    outline-offset: 2px;
    box-shadow: 0 0 0 6px #332820;
}

@media (forced-colors: active) {
    .fw-site .fw-hero-motion-control {
        border-color: ButtonText;
        background: ButtonFace;
        color: ButtonText;
    }

    .fw-site .fw-hero-motion-control:focus-visible {
        outline-color: Highlight;
        box-shadow: none;
    }
}

@media (min-width: 1000px) and (prefers-reduced-motion: no-preference) {
    .fw-site [data-fw-hero-animated] {
        --fw-hero-pan-inline: .75%;
    }

    .fw-site .fw-mood-hero-hub[data-fw-hero-animated] {
        --fw-hero-pan-inline: -.75%;
    }

    .fw-site [data-fw-hero-animated] > .fw-mood-media > picture > img {
        animation: fw-hero-pan 12s cubic-bezier(.37, 0, .40, 1) both;
    }

    .fw-site [data-fw-hero-animated][data-fw-hero-paused] > .fw-mood-media > picture > img {
        animation-play-state: paused;
    }

    @keyframes fw-hero-pan {
        from { transform: none; }
        to { transform: translate(var(--fw-hero-pan-inline), -.4%) scale(1.055); }
    }
}

/* Keep the checklist hierarchy readable even when the shop uses a 10 px root. */
.fw-site .fw-checklist-project .fw-checklist-group > legend {
    margin-block-end: .65em;
    color: var(--fw-ink);
    font-size: max(16px, 1em);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.fw-site .fw-checklist-project .fw-checklist-measures > legend,
.fw-site fieldset[data-fw-material-options] > legend {
    color: var(--fw-ink);
    font-size: max(18px, 1.12em);
    line-height: 1.3;
}

.fw-site .fw-checklist-measures label > span {
    min-inline-size: 0;
    overflow-wrap: anywhere;
}

.fw-site fieldset[data-fw-material-options] > p {
    margin-block: .45em .85em;
}

.fw-site [data-fw-material-options] :is(.fw-material-option-fields, .fw-project-fugenauswahl-inputs) {
    gap: .65em 1em;
}

.fw-site [data-fw-material-options] .fw-project-fugenauswahl-inputs > label:has(input[type="number"]) {
    display: grid;
    justify-items: start;
    gap: .3em;
}

.fw-site .fw-amount[open] > summary + :is(p, form) {
    margin-block-start: .8em;
}

.fw-site .fw-amount > summary,
.fw-site .fw-checklist-summary :is(p, li) {
    overflow-wrap: anywhere;
}

.fw-site .fw-amount :is(li, p) > .fw-link {
    max-inline-size: 100%;
    overflow-wrap: anywhere;
}

.fw-site .fw-amount :is([data-fw-area], [data-fw-cut-area]) {
    display: block;
    inline-size: 100%;
    min-inline-size: 0;
    min-block-size: 44px;
    margin-block-start: 4px;
    padding: 7px;
    border: 1px solid #8b8175;
    color: var(--fw-ink);
    background: var(--fw-white);
    font: inherit;
}

.fw-site :is(a, button) :is(.icon, .fw-action-icon, .fw-ux-action-icon, .fw-shortcut-icon) {
    display: inline-block;
    flex-shrink: 0;
    text-decoration: none;
}

.fw-site :is(a, button) :is(.icon, .fw-ux-action-icon)::before {
    display: inline-block;
    text-decoration: none;
}

.fw-site :is(a, button).fw-link:has(> :is(.icon, .fw-action-icon, .fw-ux-action-icon)) {
    column-gap: .45em;
}

.fw-site .fw-material-cards > .fw-item,
.fw-site [data-fw-project] .fw-project-row[data-fw-row-kind="product"] {
    min-inline-size: 0;
    padding: clamp(12px, 1.4vw, 16px);
    border-radius: 4px;
    background: var(--fw-white);
}

.fw-site [data-fw-project] .fw-project-row[data-fw-row-kind="product"].is-done {
    background: #f1f7f1;
}

.fw-site .fw-material-cards > .fw-item > .fw-product-photo,
.fw-site [data-fw-project] .fw-project-row[data-fw-row-kind="product"] > .fw-project-thumbnail {
    display: block;
    align-self: start;
    inline-size: 100%;
    block-size: clamp(140px, 15vw, 176px);
    max-block-size: none;
    padding: 4px;
    border: 0;
    border-radius: 0;
    background: var(--fw-white);
    object-fit: contain;
    object-position: center;
}

.fw-site [data-fw-project] .fw-project-row[data-fw-row-kind="product"] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: 1fr auto;
    gap: 10px;
}

.fw-site [data-fw-project] .fw-project-row[data-fw-row-kind="product"].has-thumbnail {
    grid-template-rows: auto 1fr auto;
}

.fw-site [data-fw-project] [data-fw-row-kind="product"] .fw-project-item > strong {
    display: block;
    font-size: max(18px, 1.07em);
    line-height: 1.32;
}

.fw-site [data-fw-project] [data-fw-row-kind="product"] .fw-project-item > small {
    display: block;
    margin-block: .35em 0;
}

.fw-site :is(.fw-material-cards .fw-item, [data-fw-row-kind="product"]) p.fw-project-estimate {
    margin-block: .6em .15em;
    padding: .55em .65em;
    border-inline-start: 2px solid #86725e;
    background: var(--fw-cream);
    color: var(--fw-ink);
    font-size: max(14px, .92em);
    font-weight: 700;
    line-height: 1.38;
}

.fw-site .fw-material-cards > .fw-item > .fw-item-actions,
.fw-site [data-fw-project] [data-fw-row-kind="product"] > .fw-ux-row-actions {
    inline-size: 100%;
    padding-block-start: 4px;
    border-block-start: 1px solid var(--fw-line);
}

.fw-site [data-fw-project] [data-fw-row-kind="product"] > .fw-ux-row-actions {
    grid-template-columns: minmax(0, 1fr);
    justify-items: start;
    row-gap: 0;
}

.fw-site [data-fw-project] [data-fw-row-kind="product"] .fw-ux-row-quantity {
    flex-wrap: wrap;
    gap: .5em;
}

.fw-site [data-fw-project] [data-fw-row-kind="product"] .fw-ux-row-check {
    flex-wrap: nowrap;
}

.fw-site [data-fw-project] [data-fw-row-kind="product"] .fw-ux-row-check > input {
    flex: none;
}

.fw-site [data-fw-project] [data-fw-row-kind="product"] > .fw-ux-row-actions > .fw-project-estimate-apply {
    max-inline-size: 100%;
    min-block-size: 44px;
    cursor: pointer;
    overflow-wrap: anywhere;
}

.fw-site .fw-level-products > .fw-level-product {
    grid-template-columns: clamp(92px, 10vw, 126px) minmax(0, 1fr);
}

.fw-site .fw-level-product > img {
    block-size: clamp(85px, 8vw, 104px);
    object-fit: contain;
}

.fw-site [data-fw-project] [data-fw-row-kind="planning"] > .fw-ux-row-actions,
.fw-site [data-fw-project] [data-fw-row-kind="planning"] .fw-ux-row-links {
    justify-content: start;
    justify-items: start;
}

.fw-site [data-fw-project] [data-fw-row-kind="planning"] .fw-ux-row-links > :is(a, button) {
    text-align: start;
}

@media (min-width: 760px) {
    .fw-site [data-fw-project] [data-fw-row-kind="planning"] .fw-ux-row-links {
        display: grid;
    }
}

@media (max-width: 559px) {
    .fw-site [data-fw-project] .fw-project-row[data-fw-row-kind="product"].has-thumbnail {
        grid-template-columns: clamp(85px, 27vw, 115px) minmax(0, 1fr);
        grid-template-rows: 1fr auto;
    }

    .fw-site [data-fw-project] .fw-project-row[data-fw-row-kind="product"] > .fw-project-thumbnail {
        block-size: clamp(85px, 27vw, 115px);
        padding: 2px;
    }
}

@media (forced-colors: active) {
    .fw-site :is(.fw-material-cards .fw-item, [data-fw-row-kind="product"]) p.fw-project-estimate {
        border-inline-start-color: CanvasText;
    }
}
.fw-site #projekte .fw-hub-level {
    display: block;
    margin-block-start: clamp(14px, 2.5vw, 24px);
    border: 1px solid var(--fw-line);
    border-inline-start: 3px solid var(--fw-red);
    background: var(--fw-cream);
}

.fw-site .fw-hub-level-link {
    display: grid;
    grid-template-columns: clamp(76px, 23vw, 112px) minmax(0, 1fr);
    grid-template-areas: "photo copy" "photo action";
    align-items: center;
    gap: 8px 16px;
    padding: 12px;
    color: var(--fw-ink);
    text-decoration: none;
}

.fw-site .fw-hub-level-link:is(:hover, :focus-visible) {
    color: var(--fw-ink);
    background: #eee8df;
    text-decoration: none;
}

.fw-site .fw-hub-level-link:focus-visible {
    outline: 3px solid #005d7a;
    outline-offset: 2px;
}

.fw-site .fw-hub-level-link .fw-project-media {
    grid-area: photo;
    align-self: stretch;
    min-block-size: 84px;
    margin: 0;
}

.fw-site .fw-hub-level-content {
    grid-area: copy;
    align-self: end;
}

.fw-site .fw-hub-level-content > h3 {
    margin: 0 0 .165em;
    font-size: clamp(23px, 2.65vw, 29px);
}

.fw-site .fw-hub-level-content > p {
    margin: 0;
    max-inline-size: none;
}

.fw-site .fw-hub-level-action {
    grid-area: action;
    justify-self: start;
    display: inline-flex;
    min-block-size: 44px;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    border: 1px solid var(--fw-red);
    background: var(--fw-red);
    color: #fff;
    font-weight: 700;
    line-height: 1.3;
}

.fw-site .fw-hub-level-link:is(:hover, :focus-visible) .fw-hub-level-action {
    background: var(--fw-red-dark);
    border-color: var(--fw-red-dark);
}

.fw-site .fw-hub-level-action svg {
    flex: none;
}

@media (min-width: 800px) {
    .fw-site .fw-hub-level-link {
        grid-template-columns: 132px minmax(0, 1fr) max-content;
        grid-template-areas: "photo copy action";
        gap: 20px;
        padding: 12px 16px 12px 12px;
    }

    .fw-site .fw-hub-level-content {
        align-self: center;
    }
}

@media (forced-colors: active) {
    .fw-site .fw-hub-level-link:focus-visible {
        outline-color: Highlight;
    }
}

.fw-site :is(.fw-shortcut-label > span, .fw-hub-level-content, .fw-editorial-card p, .fw-hotspot-figure figcaption, .fw-checklist-item > span, .fw-level-product > div, .fw-option > span) {
    overflow-wrap: anywhere;
    hyphens: auto;
}

.fw-site .fw-hub-level-action {
    min-inline-size: 0;
    max-inline-size: 100%;
    overflow-wrap: anywhere;
}

.fw-site .fw-hub-level-link .fw-project-credit {
    max-inline-size: calc(100% - 12px);
    white-space: normal;
    overflow-wrap: anywhere;
}

.fw-site .fw-contact > * {
    min-inline-size: 0;
    overflow-wrap: anywhere;
}

@media (min-width: 951px) {
    .fw-site aside.fw-contact {
        grid-template-columns: minmax(min(55%, 22em), 1fr) minmax(0, max-content);
    }
}

body > .popover.fw-help-popover {
    max-width: min(24rem, calc(100vw - 24px));
    width: max-content;
    color: #25211d;
    background-color: #fff;
    border-color: #817466;
    box-shadow: 0 4px 14px rgb(40 30 20 / 17%);
    font: inherit;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

body > .popover.fw-help-popover .popover-content {
    padding: 10px 13px;
}

body > .popover.fw-help-popover.top > .arrow {
    border-top-color: #817466;
}

body > .popover.fw-help-popover.bottom > .arrow {
    border-bottom-color: #817466;
}

@media (forced-colors: active) {
    body > .popover.fw-help-popover {
        border-color: CanvasText;
    }

    body > .popover.fw-help-popover.top > .arrow {
        border-top-color: CanvasText;
    }

    body > .popover.fw-help-popover.bottom > .arrow {
        border-bottom-color: CanvasText;
    }
}

.fw-site .fw-hub-level-feature > .fw-hub-level-link {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "photo" "copy" "action";
    gap: 0;
    padding: 0;
}

.fw-site #projekte .fw-hub-level-feature .fw-project-media {
    position: relative;
    inline-size: 100%;
    min-inline-size: 0;
    min-block-size: 196px;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.fw-site .fw-hub-level-feature .fw-project-image {
    object-fit: cover;
    object-position: center;
}

.fw-site .fw-hub-level-feature .fw-hub-level-content {
    margin: 18px 16px 12px;
}

.fw-site .fw-hub-level-feature .fw-hub-level-action {
    margin: 0 16px 18px;
    max-inline-size: calc(100% - 32px);
}

.fw-site .fw-hub-resource-list {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.fw-site .fw-hub-resource-link {
    display: grid;
    grid-template-columns: 1.2em minmax(0, 1fr);
    align-items: start;
    gap: .65em;
    block-size: 100%;
    min-block-size: 44px;
    box-sizing: border-box;
    padding: 14px;
    border: 1px solid var(--fw-line);
    background: #fff;
    color: var(--fw-ink);
    text-decoration: none;
    overflow-wrap: anywhere;
    hyphens: auto;
}

.fw-site .fw-hub-resource-link > i {
    margin-block-start: .17em;
    color: var(--fw-red-dark);
}

.fw-site .fw-hub-resource-link strong,
.fw-site .fw-hub-resource-link > span > span {
    display: block;
}

.fw-site .fw-hub-resource-link strong {
    color: var(--fw-red-dark);
}

.fw-site .fw-hub-resource-link > span > span {
    margin-block-start: .2em;
}

.fw-site .fw-hub-resource-link:is(:hover, :focus-visible) {
    border-color: var(--fw-red-dark);
    color: var(--fw-ink);
    text-decoration: none;
}

.fw-site .fw-hub-resource-link:is(:hover, :focus-visible) strong {
    text-decoration: underline;
    text-underline-offset: .18em;
}

.fw-site .fw-hub-resource-link:focus-visible {
    outline: 3px solid #005d7a;
    outline-offset: 2px;
}

@media (min-width: 610px) {
    .fw-site .fw-hub-level-feature > .fw-hub-level-link {
        grid-template-columns: minmax(0, 32%) minmax(0, 1fr);
        grid-template-areas: "photo copy" "photo action";
        grid-template-rows: 1fr auto;
    }

    .fw-site #projekte .fw-hub-level-feature .fw-project-media {
        align-self: stretch;
        min-block-size: 160px;
        aspect-ratio: auto;
    }

    .fw-site .fw-hub-level-feature .fw-hub-level-content {
        align-self: center;
        margin: 18px 22px 12px;
    }

    .fw-site .fw-hub-level-feature .fw-hub-level-action {
        margin-inline: 22px;
        max-inline-size: calc(100% - 44px);
    }

    .fw-site .fw-hub-resource-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1000px) {
    .fw-site .fw-hub-level-feature > .fw-hub-level-link {
        grid-template-columns: minmax(0, 30%) minmax(0, 1fr) minmax(0, max-content);
        grid-template-areas: "photo copy action";
        grid-template-rows: auto;
    }

    .fw-site .fw-hub-level-feature .fw-hub-level-content {
        margin: 22px 0 22px 24px;
    }

    .fw-site .fw-hub-level-feature .fw-hub-level-action {
        margin: 22px 24px;
        max-inline-size: none;
    }

    .fw-site .fw-hub-resource-list {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (forced-colors: active) {
    .fw-site .fw-hub-resource-link:focus-visible {
        outline-color: Highlight;
    }
}
.fw-site .fw-adviser-heading {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: clamp(10px, 1.6vw, 16px);
    margin-block-end: clamp(12px, 2vw, 18px);
}

.fw-site .fw-adviser-heading > :is(h2, h3) {
    min-inline-size: 0;
    margin: 0;
    overflow-wrap: anywhere;
}

.fw-site .fw-screening-result > .fw-adviser-heading > h3 {
    margin: 0;
    font-size: clamp(22px, 2.3vw, 28px);
}

.fw-site .fw-adviser-heading > .fw-adviser-mark {
    display: grid;
    place-items: center;
    inline-size: clamp(40px, 4.5vw, 56px);
    aspect-ratio: 1;
    border: 1px solid currentColor;
    border-radius: 6px;
    background: var(--fw-white);
    color: var(--fw-red-dark);
    font-size: clamp(20px, 2.5vw, 29px);
    font-weight: 400;
    line-height: 1;
}

.fw-site .fw-project-fugenauswahl[data-fw-material-options] {
    padding: clamp(12px, 2vw, 20px);
}

.fw-site .fw-project-fugenauswahl[data-fw-material-options] > legend {
    float: left;
    inline-size: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    overflow-wrap: anywhere;
}

.fw-site .fw-project-fugenauswahl[data-fw-material-options] > p {
    clear: both;
    margin: 0 0 .85em;
    padding-block-start: .45em;
}
}

@media screen {
    .fw-site .fw-level-controls > .fw-level-shopping {
        flex: 0 1 100%;
        grid-column: 1 / -1;
        inline-size: 100%;
    }

    .fw-site .fw-level-shopping-option {
        margin-block-start: 1em;
        padding-block-start: .75em;
        border-block-start: 1px solid var(--fw-line);
    }

    .fw-site .fw-level-shopping-option > :is(h4, p) {
        margin-block: 0 .4em;
    }

    .fw-site .fw-level-shopping-option > ul {
        margin-block: .45em .85em;
        padding-inline-start: 1.25em;
    }

    .fw-site .fw-level-shopping-option > ul > li + li {
        margin-block-start: .4em;
    }

    .fw-site .fw-project-sale-unit {
        display: block;
    }

    .fw-site .fw-project-shopping-handoff {
        margin-block: .5em 1em;
    }
}

@media screen {
    .fw-site [data-fw-project] .fw-project-buy {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: .35em .75em;
        grid-column: 1 / -1;
        min-inline-size: 0;
        max-inline-size: 100%;
        margin-block-start: .25em;
    }

    .fw-site [data-fw-project] .fw-project-buy-amount {
        flex-basis: 100%;
        margin: 0;
        font-size: .875em;
        overflow-wrap: anywhere;
    }

    .fw-site [data-fw-project] .fw-project-buy-link {
        display: inline-flex;
        align-items: center;
        min-block-size: 44px;
        max-inline-size: 100%;
    }
}

@media screen {
.fw-site .fw-level-shopping ul {
    margin-block: .5em 1em;
    padding-inline-start: 1.35em;
}

.fw-site .fw-level-shopping li + li {
    margin-block-start: .5em;
}

.fw-site .fw-level-shopping li > :is(strong, span) {
    display: block;
}

}

@media screen {
    .fw-site .fw-aufmass-heading {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: .1rem 1.5rem;
        margin-block-end: .65rem;
    }

    .fw-site .fw-aufmass-heading > h2 {
        margin: 0;
        min-inline-size: 0;
        overflow-wrap: anywhere;
    }

    .fw-site .fw-aufmass-heading > a.fw-aufmass-download {
        display: inline-flex;
        align-items: center;
        column-gap: .45em;
        min-block-size: 44px;
        max-inline-size: 100%;
        margin: 0 0 0 auto;
        overflow-wrap: anywhere;
    }

    .fw-site a.fw-aufmass-download > span {
        min-inline-size: 0;
    }
}

@media screen and (min-width: 760px) {
    .fw-site .fw-aufmass-heading {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, max-content);
    }
}

@media screen {
    .fw-site .fw-paper-project-actions {
        margin-block: .75rem 1rem;
    }

    .fw-site .fw-paper-project-actions [data-fw-project-status]:not(:empty) {
        margin-block: .45rem 0;
    }
}

@media screen and (forced-colors: none) {
    .fw-site [data-fw-r41-checklist-details] {
        background: transparent;
        border-color: transparent;
        filter: drop-shadow(0 1px 2px rgb(51 40 31 / 14%))
                drop-shadow(2px 7px 6px rgb(51 40 31 / 19%));
    }

    .fw-site [data-fw-r41-checklist-details] > .fw-checklist-project {
        border-radius: 0;
        clip-path: polygon(
            0 2px, 7% 0, 17% 2px, 26% 1px, 36% 3px, 44% 1px, 57% 2px, 69% 0, 81% 2px, 92% 1px,
            calc(100% - 1px) 3px, 100% 12%, calc(100% - 2px) 22%, calc(100% - 1px) 36%,
            100% 50%, calc(100% - 2px) 66%, 100% 81%, calc(100% - 2px) 93%, calc(100% - 1px) calc(100% - 1px),
            93% calc(100% - 3px), 83% calc(100% - 1px), 71% calc(100% - 2px), 62% 100%,
            46% calc(100% - 2px), 34% calc(100% - 1px), 28% 100%, 13% calc(100% - 2px), 0 calc(100% - 1px),
            2px 91%, 1px 76%, 2px 64%, 0 52%, 2px 39%, 1px 21%, 2px 9%
        );
    }

    .fw-site [data-fw-r41-checklist-details] > .fw-checklist-project::after {
        content: none;
    }
}

@media screen and (forced-colors: none) and (max-width: 650px) {
    .fw-site [data-fw-r41-checklist-details] {
        margin-inline: 5px;
    }
}

@media screen {
    .fw-site .fw-product-new-tab {
        display: inline-block;
        flex: none;
        margin: 0;
        font-size: .86em;
        font-weight: 400;
        line-height: 1;
        text-decoration: none;
        vertical-align: baseline;
    }
    .fw-site .fw-external-link-label {
        min-inline-size: 0;
        overflow-wrap: anywhere;
    }


    .fw-site .fw-project-buy-link {
        flex-wrap: wrap;
    }

    .fw-site .fw-purchase-discovery {
        scroll-margin-top: 130px;
        border: 1px solid var(--fw-line);
        border-inline-start: 3px solid var(--fw-red, #b70916);
        background: #f7f4ef;
        padding: clamp(.9rem, 2vw, 1.5rem);
    }

    .fw-site .fw-purchase-discovery > h2 {
        margin: 0 0 .3em;
    }

    .fw-site .fw-purchase-discovery > p {
        margin: 0;
    }

    .fw-site .fw-purchase-links {
        display: flex;
        flex-wrap: wrap;
        gap: .55rem 1.6rem;
        margin: .65rem 0 0;
        padding: 0;
        list-style: none;
    }

    .fw-site .fw-purchase-links > li {
        flex: 1 1 12rem;
    }

    .fw-site .fw-purchase-condition {
        display: block;
        font-size: .92em;
        margin-block-start: .12rem;
    }

    .fw-site .fw-shopping-shortcut {
        margin-block-start: .9rem;
    }

    .fw-site :is(#projektliste, #einkauf) > h2 {
        scroll-margin-top: 130px;
    }

    .fw-site.fw-r41-ready [data-fw-advisor][data-fw-r41-examples] [data-fw-shopping-shortcut] {
        display: none;
    }
}


@media screen {
    .fw-site [data-fw-screening-r57] .fw-screening-result > .fw-actions {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, max-content));
        justify-content: start;
        align-items: stretch;
        gap: 8px;
    }
    .fw-site [data-fw-screening-r57] .fw-screening-result > .fw-actions > :is(.fw-btn, .fw-link) {
        text-align: center;
    }
    .fw-site [data-r3-level-mengen]:not([hidden]) {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .fw-site [data-r3-level-mengen] > :is(button[type="submit"], [data-r3-level-result], .fw-level-calculator-next, .fw-level-shopping) {
        grid-column: 1 / -1;
    }
    .fw-site [data-r3-level-mengen] > button[type="submit"] {
        justify-self: end;
    }
    @media (max-width: 600px) {
        .fw-site [data-fw-screening-r57] .fw-screening-result > .fw-actions {
            grid-template-columns: minmax(0, 1fr);
        }
    }
    @media (max-width: 700px) {
        .fw-site [data-r3-level-mengen]:not([hidden]) {
            grid-template-columns: minmax(0, 1fr);
        }
    }
}

.fw-site :is(.fw-amount, .fw-project-options) > h3,
.fw-site .fw-step-fallback > h4 {
    display: flex;
    align-items: baseline;
    gap: .5em;
    margin: 0;
    color: var(--fw-ink);
    overflow-wrap: anywhere;
}

.fw-site .fw-project-options > h3 {
    padding: 10px 13px;
    border-block-end: 1px solid var(--fw-line);
    background: var(--fw-cream);
}

.fw-site .fw-amount > h3 + :is(p, form),
.fw-site .fw-project-options > h3 + :is(p, ul) {
    margin-block-start: .75em;
}

@media (max-width: 520px) {
    .fw-site .fw-nav > .fw-r41-nav-links {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        align-items: stretch;
        gap: 0 5px;
        padding-inline: 5px;
    }

    .fw-site .fw-r41-nav-links .fw-nav-link {
        min-inline-size: 0;
        padding-inline: 4px;
        white-space: normal;
        line-height: 1.2;
        overflow-wrap: anywhere;
    }

    .fw-site .fw-r41-nav-links .fw-nav-icon {
        display: none;
    }
}

@media screen {
    .fw-site :is(.fw-field-help-heading, .fw-advisor-legend-heading) {
        display: grid;
        grid-template-columns: fit-content(calc(100% - 44px)) 44px;
        align-items: center;
        justify-content: start;
        min-inline-size: 0;
    }

    .fw-site .fw-field-help-heading > label {
        display: inline;
        min-inline-size: 0;
        margin: 0;
    }

    .fw-site .fw-field-with-help .fw-field-help-label {
        display: inline;
        min-block-size: 0;
        padding-inline-end: 0;
    }

    .fw-site .fw-advisor .fw-advisor-question-with-help > legend {
        padding-inline-end: 0;
    }

    .fw-site .fw-advisor .fw-advisor-legend-heading > .fw-advisor-legend-text {
        line-height: 1.25;
        font-size: clamp(18px, 4vw, 26px);
    }

    .fw-site :is(.fw-field-help-heading, .fw-advisor-legend-heading) > .fw-field-help-toggle {
        position: static;
    }
}
.fw-site button.fw-project-correction:not([hidden]) {
    display: inline-block;
    min-block-size: 44px;
    padding: 0 4px;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.fw-site .fw-confirmed-options {
    margin: 1rem 0;
}
.fw-site .fw-confirmed-choice + .fw-confirmed-choice:not([hidden]) {
    margin-top: .75rem;
}
.fw-site .fw-confirmed-choice label {
    display: block;
    margin-block: .35rem;
}
.fw-site .fw-confirmed-choice input[type="number"] {
    width: 7rem;
}
.fw-site .fw-material-options label[hidden],
.fw-site .fw-confirmed-options [hidden] {
    display: none !important;
}

.fw-site .fw-r41-example-material.fw-materials {
    padding: clamp(12px, 2.6vw, 23px);
}

.fw-site .fw-level-products > .fw-level-product {
    padding-inline: clamp(10px, 1.5vw, 14px);
    background: var(--fw-white);
}

.fw-site [data-fw-project] .fw-project-row[data-fw-row-kind="product"].is-done {
    background: var(--fw-white);
}

@media screen {
    .fw-site [data-fw-screening-pending] [data-fw-exterior-products],
    .fw-site [data-fw-screening-conflict] [data-fw-exterior-products],
    .fw-site [data-fw-exterior-products] [hidden] {
        display: none !important;
    }

    .fw-site .fw-exterior-result-products {
        margin-block: .75rem 1rem;
    }

    .fw-site .fw-exterior-fields {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
        gap: .6rem .9rem;
        margin-block: .75rem;
    }

    .fw-site .fw-exterior-field {
        display: grid;
        align-content: start;
        gap: .25rem;
    }

    .fw-site .fw-exterior-field :is(input, select) {
        min-inline-size: 0;
        min-block-size: 44px;
    }

    .fw-site .fw-exterior-check {
        margin: 0;
        min-block-size: 44px;
        align-self: end;
    }

    .fw-site .fw-exterior-quantity {
        background: #f2f6f2;
        border-inline-start: 3px solid #376a4a;
        padding: .55rem .7rem;
    }

    .fw-site .fw-exterior-rank > h4 {
        margin-block: .85rem .35rem;
    }

    .fw-site ul.fw-exterior-products {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr));
        list-style: none;
        padding: 0;
        gap: .65rem;
        margin-block: 0 .6rem;
    }

    .fw-site .fw-exterior-product {
        display: grid;
        grid-template-columns: minmax(52px, 22%) minmax(0, 1fr);
        gap: .65rem;
        padding: .65rem;
        border: 1px solid var(--fw-line);
        background-color: #fff;
        overflow-wrap: anywhere;
    }

    .fw-site .fw-exterior-product img {
        display: block;
        inline-size: 100%;
        block-size: auto;
        max-block-size: 85px;
        object-fit: contain;
    }

    .fw-site .fw-exterior-product h5 {
        font: inherit;
        font-weight: 700;
        margin: 0;
    }

    .fw-site .fw-exterior-product p {
        margin-block: .25rem;
    }

    .fw-site .fw-exterior-product small {
        display: block;
        margin-block-end: .25rem;
    }
}

@media print {
    .fw-site [data-fw-exterior-products] {
        display: none !important;
    }
}

@media screen {
    .fw-site .fw-advisor-heading[hidden] {
        display: none;
    }

    .fw-site .fw-case-header > .fw-example-photo {
        display: none;
    }

    .fw-site [data-fw-advisor][data-fw-r41-examples] .fw-case-header:has(> .fw-example-photo) {
        display: grid;
        align-items: start;
        gap: 1rem 1.5rem;
    }

    .fw-site [data-fw-advisor][data-fw-r41-examples] .fw-case-header > .fw-example-photo {
        display: block;
        margin: 0;
    }

    .fw-site .fw-example-photo img {
        display: block;
        inline-size: 100%;
        block-size: auto;
    }

    .fw-site .fw-example-photo figcaption {
        margin-block-start: .35rem;
        color: var(--fw-muted);
        font-size: .85rem;
    }

    @media (min-width: 1000px) {
        .fw-site [data-fw-advisor][data-fw-r41-examples] .fw-case-header:has(> .fw-example-photo) {
            grid-template-columns: minmax(0, 1fr) minmax(220px, 30%);
        }
    }
}

@media print {
    .fw-site .fw-example-photo {
        display: none;
    }
}
.fw-site aside.fw-contact {
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(16px, 3vw, 30px);
}

.fw-site #fachberatung .fw-cta-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    justify-content: stretch;
}

.fw-site #fachberatung .fw-cta-actions a {
    justify-content: flex-start;
    gap: .625em;
    padding-inline: .9em;
    text-align: start;
}

.fw-site #fachberatung .fw-cta-actions .icon {
    flex: none;
    inline-size: 1.15em;
    text-align: center;
}

/* Decorative Font Awesome glyphs for the three destinations above. */
.fw-site #fachberatung [href^="tel:"] .icon::before {
    content: "\f095";
}

.fw-site #fachberatung [href="https://baufachmarkt-remscheid.de/kontakt.php"] .icon::before {
    content: "\f3c5";
}

.fw-site #fachberatung [href*="cl=contact"] .icon::before {
    content: "\f0e0";
}

@media (min-width: 760px) {
    .fw-site aside.fw-contact {
        grid-template-columns: minmax(0, 1fr) minmax(0, 17.5em);
    }
}

.fw-site .fw-hub-resource-list {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
}

.fw-site .fw-hub-resource-link {
    grid-template-columns: 1.05em minmax(0, 1fr);
    gap: .5em;
    padding: 11px 12px;
    line-height: 1.38;
}

.fw-site .fw-hub-resource-link > span > span {
    margin-block-start: .3em;
    color: var(--fw-muted);
    font-size: .925em;
}

@media (min-width: 510px) and (max-width: 689px) {
    .fw-site .fw-hub-resource-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .fw-site .fw-hub-resource-list > li:last-child {
        grid-column: 1 / -1;
    }
}

@media (min-width: 690px) {
    .fw-site .fw-hub-resource-list {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .fw-site .fw-hub-resource-list > li {
        grid-column: span 2;
    }

    .fw-site .fw-hub-resource-list > li:nth-last-child(-n+2) {
        grid-column: span 3;
    }
}

@media (min-width: 1050px) {
    .fw-site .fw-hub-resource-list {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .fw-site .fw-hub-resource-list > li:nth-last-child(-n+2),
    .fw-site .fw-hub-resource-list > li {
        grid-column: auto;
    }
}

@media screen {
    .fw-site .fw-example-tools:not([hidden]) {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: .6rem 1rem;
        margin-block: .65rem 1rem;
    }

    .fw-site .fw-example-tools > :is(.fw-examples-heading, .fw-bad-example-picker) {
        min-inline-size: 0;
        margin: 0;
    }

    .fw-site .fw-example-tools > .fw-btn {
        margin-inline-start: auto;
    }

    .fw-site [data-fw-advisor][data-fw-r41-examples] .fw-case-header:has(> .fw-example-photo) {
        grid-template-columns: minmax(0, 1fr);
        align-items: stretch;
    }

    .fw-site [data-fw-advisor][data-fw-r41-examples] .fw-example-copy {
        display: flex;
        flex-direction: column;
        min-inline-size: 0;
    }

    .fw-site [data-fw-advisor][data-fw-r41-examples] .fw-example-copy > .fw-cta-actions {
        justify-content: flex-end;
        margin-block-start: auto;
        padding-block-start: .9rem;
    }

    @media (min-width: 900px) {
        .fw-site [data-fw-advisor][data-fw-r41-examples] .fw-case-header:has(> .fw-example-photo) {
            grid-template-columns: minmax(180px, 30%) minmax(0, 1fr);
        }
    }
}

@media screen {
    .fw-site fieldset:is(.fw-confirmed-options, [data-fw-material-options]) {
        min-inline-size: 0;
        margin-block: 1rem;
        padding: clamp(12px, 2vw, 20px);
        border: 1px solid var(--fw-line);
        background: var(--fw-white);
    }

    .fw-site fieldset:is(.fw-confirmed-options, [data-fw-material-options]) > legend {
        float: left;
        inline-size: 100%;
        margin: 0 0 .7rem;
        padding: 0 0 .55rem;
        border: 0;
        border-block-end: 1px solid var(--fw-line);
        color: var(--fw-ink);
        font-size: max(18px, 1.1em);
        font-weight: 700;
        line-height: 1.3;
    }

    .fw-site fieldset:is(.fw-confirmed-options, [data-fw-material-options]) > legend + * {
        clear: both;
    }

    .fw-site .fw-confirmed-title {
        margin: 0 0 .45rem;
        color: var(--fw-ink);
        font-weight: 700;
    }

    .fw-site :is(.fw-confirmed-inputs, [data-fw-material-options] .fw-material-option-fields,
        [data-fw-material-options] .fw-project-fugenauswahl-inputs) {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr));
        gap: .55rem .8rem;
        align-items: stretch;
    }

    .fw-site :is(.fw-confirmed-inputs, [data-fw-material-options] .fw-material-option-fields,
        [data-fw-material-options] .fw-project-fugenauswahl-inputs) > label:not([hidden]) {
        display: grid;
        align-content: start;
        justify-items: start;
        gap: .3rem .55rem;
        min-inline-size: 0;
        margin: 0;
        padding: .55rem .65rem;
        border: 1px solid var(--fw-line);
        background: var(--fw-paper, #f7f4ee);
        line-height: 1.4;
    }

    .fw-site :is(.fw-confirmed-inputs, [data-fw-material-options] .fw-material-option-fields,
        [data-fw-material-options] .fw-project-fugenauswahl-inputs) > label:not([hidden]):has(input[type="checkbox"]) {
        grid-template-columns: auto minmax(0, 1fr);
        align-items: start;
        cursor: pointer;
    }

    .fw-site :is(.fw-confirmed-inputs, [data-fw-material-options] .fw-material-option-fields,
        [data-fw-material-options] .fw-project-fugenauswahl-inputs) > label > input[type="checkbox"] {
        margin: .15em 0 0;
    }

    .fw-site :is(.fw-confirmed-inputs, [data-fw-material-options] .fw-material-option-fields,
        [data-fw-material-options] .fw-project-fugenauswahl-inputs) > label > input[type="number"] {
        inline-size: min(100%, 7rem);
        min-block-size: 44px;
    }

    .fw-site .fw-confirmed-hint {
        color: var(--fw-muted);
    }

    .fw-site .fw-product-info-heading {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: .2rem;
    }

    .fw-site .fw-product-info-heading > button {
        position: static;
    }
}

@media screen {
    .fw-site .fw-exterior-fields {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
        gap: .9rem;
        align-items: start;
    }

    .fw-site .fw-exterior-group {
        min-inline-size: 0;
        margin: 0;
        padding: .45rem .8rem .75rem;
        border: 1px solid var(--fw-line);
        background: var(--fw-white);
    }

    .fw-site .fw-exterior-group legend {
        float: none;
        inline-size: auto;
        max-inline-size: 100%;
        padding-inline: .3rem;
        margin: 0 0 .35rem;
        border: 0;
        color: var(--fw-ink);
        font: inherit;
        font-weight: 700;
    }

    .fw-site .fw-exterior-group-body {
        display: grid;
        gap: .55rem;
    }

    .fw-site .fw-exterior-field > label {
        display: grid;
        gap: .3rem;
        margin: 0;
        min-inline-size: 0;
        font-weight: 600;
    }

    .fw-site .fw-exterior-field :is(input, select) {
        inline-size: 100%;
        font-weight: 400;
    }

    .fw-site .fw-exterior-check {
        align-self: start;
        align-items: flex-start;
        gap: .65rem;
        padding: .4rem 0;
    }

    .fw-site .fw-exterior-check > input {
        flex: 0 0 auto;
        margin-block-start: .2rem;
    }

    .fw-site .fw-exterior-check-label small {
        display: block;
        margin-block-start: .12rem;
        color: var(--fw-muted);
        font-size: .88em;
    }

    .fw-site .fw-exterior-cut-fields {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 11rem), 1fr));
        gap: .65rem;
    }

    .fw-site .fw-exterior-cut-fields label {
        grid-template-rows: minmax(1.5em, auto) 44px;
    }

    .fw-site .fw-exterior-result-products .fw-exterior-error {
        margin: 0;
        color: var(--fw-red, #a71926);
        font-size: .88em;
    }

    .fw-site .fw-exterior-field input[aria-invalid="true"] {
        border-color: var(--fw-red, #a71926);
    }

    .fw-site .fw-exterior-result-products .fw-exterior-quantity {
        margin: 0;
    }

    .fw-site .fw-exterior-result-products .fw-exterior-detail:not([hidden]) {
        padding: .55rem .7rem;
        border-inline-start: 3px solid var(--fw-line);
        background: #f7f5f0;
    }
}
@media screen {
    .fw-site {
        --fw-topic-ink: #85442b;
        --fw-topic-wash: #f8eee3;
        --fw-topic-line: #dec9b5;
    }
    .fw-site:has(.fw-nav-link[aria-current="page"][href$="/bad-dusche/"]) {
        --fw-topic-ink: #245f59;
        --fw-topic-wash: #e9f3ef;
        --fw-topic-line: #b9d3ca;
    }
    .fw-site:has(.fw-nav-link[aria-current="page"][href$="/innenboden/"]) {
        --fw-topic-ink: #79552e;
        --fw-topic-wash: #f7efe1;
        --fw-topic-line: #dcc7aa;
    }
    .fw-site:has(.fw-nav-link[aria-current="page"][href$="/terrasse-balkon/"]) {
        --fw-topic-ink: #466045;
        --fw-topic-wash: #ecf2e6;
        --fw-topic-line: #bccbb2;
    }
    .fw-site:has(.fw-nav-link[aria-current="page"][href$="/pool/"]) {
        --fw-topic-ink: #235e72;
        --fw-topic-wash: #e9f3f8;
        --fw-topic-line: #b4cfd9;
    }
    .fw-site:has(.fw-nav-link[aria-current="page"][href$="/nivelliersysteme/"]) {
        --fw-topic-ink: #71506b;
        --fw-topic-wash: #f4edf3;
        --fw-topic-line: #d9c5d6;
    }
    .fw-site :is(.fw-case-header, .fw-hero-content, .fw-screening-result):not([hidden]) {
        background-color: var(--fw-topic-wash);
        border-color: var(--fw-topic-line);
    }
    .fw-site :is(.fw-case-header, .fw-screening-result, .fw-level, .fw-hero-content) .fw-kicker {
        color: var(--fw-topic-ink);
    }
    .fw-site .fw-case-header {
        border-inline-start-color: var(--fw-topic-ink);
    }
    .fw-site .fw-nav-link[aria-current="page"] {
        border-color: var(--fw-topic-line);
        background-color: var(--fw-topic-wash);
        color: var(--fw-topic-ink);
    }
    .fw-site aside.fw-contact {
        border-radius: 6px;
        border-block-start: 4px solid var(--fw-topic-ink);
    }
    .fw-site .fw-hub-resource-list {
        gap: clamp(10px, 1.65vw, 20px);
    }
    .fw-site .fw-hub-resource-link {
        --fw-resource-wash: #f7eee4;
        --fw-resource-ink: #71361f;
        position: relative;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto 1fr;
        gap: 0;
        padding: 0;
        border-radius: 7px;
        background: var(--fw-resource-wash);
        hyphens: manual;
    }
    .fw-site .fw-hub-resource-link.fw-resource-abdichtung {
        --fw-resource-wash: #eaf3ef;
        --fw-resource-ink: #245e56;
    }
    .fw-site .fw-hub-resource-link.fw-resource-werkzeug {
        --fw-resource-wash: #f9ede8;
        --fw-resource-ink: #833d29;
    }
    .fw-site .fw-hub-resource-link.fw-resource-zuschnitt {
        --fw-resource-wash: #eef3f7;
        --fw-resource-ink: #31576d;
    }
    .fw-site .fw-hub-resource-link.fw-resource-profile {
        --fw-resource-wash: #eef3e8;
        --fw-resource-ink: #486044;
    }
    .fw-site .fw-hub-resource-link > img {
        background: #fff;
        display: block;
        inline-size: 100%;
        aspect-ratio: 2 / 1;
        block-size: auto;
        object-fit: cover;
        border-radius: 6px 6px 0 0;
    }
    .fw-site .fw-hub-resource-link > .fw-resource-copy {
        align-self: start;
        padding: 14px 48px 15px 14px;
    }
    .fw-site .fw-resource-copy strong {
        font-size: 1.12em;
        color: var(--fw-resource-ink);
    }
    .fw-site .fw-resource-copy strong .icon {
        margin-inline-end: .2em;
    }
    .fw-site .fw-hub-resource-link > .fw-resource-arrow {
        position: absolute;
        inset: auto 12px 14px auto;
        display: grid;
        place-items: center;
        inline-size: 28px;
        block-size: 28px;
        border-radius: 50%;
        background: #fff;
        color: var(--fw-resource-ink);
    }
    .fw-site #sortiment {
        scroll-margin-block-start: 125px;
    }
    .fw-site [data-fw-screening-r57] .fw-screening-result > .fw-actions {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
    }
    .fw-site :is(.fw-btn, .fw-screening-result > .fw-actions > .fw-link),
    .fw-site [data-r3-level-mengen] > button[type="submit"] {
        max-inline-size: 100%;
        white-space: nowrap;
        hyphens: manual;
        overflow-wrap: normal;
    }
    .fw-site :is(.fw-btn, .fw-screening-result > .fw-actions > .fw-link) .icon {
        flex-shrink: 0;
    }
    @media (min-width: 690px) {
        .fw-site .fw-hub-resource-list {
            grid-template-columns: repeat(6, minmax(0, 1fr));
        }
        .fw-site .fw-hub-resource-list > li {
            grid-column: span 2;
        }
        .fw-site .fw-hub-resource-list > li:nth-last-child(-n+2) {
            grid-column: span 3;
        }
        .fw-site .fw-hub-resource-list > li:nth-last-child(-n+2) img {
            aspect-ratio: 2.65 / 1;
        }
        .fw-site .fw-resource-profile img {
            object-fit: contain;
        }
    }
    @media (max-width: 430px) {
        .fw-site :is(.fw-btn, .fw-screening-result > .fw-actions > .fw-link) {
            font-size: .925rem;
            padding-inline: .65em;
        }
    }
}

@media screen {
    .fw-site :is(.fw-confirmed-inputs, [data-fw-material-options] .fw-material-option-fields,
        [data-fw-material-options] .fw-project-fugenauswahl-inputs) {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr));
    }

    .fw-site :is(.fw-confirmed-inputs, [data-fw-material-options] .fw-material-option-fields,
        [data-fw-material-options] .fw-project-fugenauswahl-inputs) > .fw-option-card:not([hidden]):has(input[type="checkbox"]) {
        grid-template-columns: auto auto minmax(0, 1fr);
        gap: .65rem;
        align-items: center;
        min-block-size: 70px;
        padding: .65rem .7rem;
        background: var(--fw-white, #fff);
    }

    .fw-site :is(.fw-confirmed-inputs, [data-fw-material-options] .fw-material-option-fields,
        [data-fw-material-options] .fw-project-fugenauswahl-inputs) > .fw-option-card:is(:hover, :has(input:checked)) {
        border-color: #3d7168;
    }

    .fw-site .fw-option-copy {
        display: grid;
        gap: .16rem;
        min-inline-size: 0;
        hyphens: manual;
        overflow-wrap: anywhere;
    }

    .fw-site .fw-option-copy small {
        color: var(--fw-ink);
        font-size: .9em;
        line-height: 1.35;
    }

    .fw-site .fw-option-thumb {
        display: grid;
        place-items: center;
        inline-size: clamp(44px, 14vw, 64px);
        block-size: 48px;
        border-radius: 3px;
        color: #354a50;
        background: #f0f4f3;
    }

    .fw-site .fw-option-thumb img {
        display: block;
        inline-size: 100%;
        block-size: 100%;
        object-fit: contain;
    }

    .fw-site .fw-option-card:focus-within {
        outline: 2px solid #3d7168;
        outline-offset: 2px;
    }

    .fw-site .fw-w1-material:not([hidden]) {
        margin-inline-end: .55rem;
        margin-block-end: .3rem;
    }

    .fw-site :is([data-fw-material-option^="ax40-"], .fw-project-group > h3) {
        scroll-margin-top: 7rem;
    }
}

@media screen {
    .fw-site [data-fw-screening] {
        --fw-exterior-tint: #edf4f1;
        --fw-exterior-accent: #307164;
    }

    .fw-site [data-fw-screening="terrasse-balkon"] {
        --fw-exterior-tint: #f7efe2;
        --fw-exterior-accent: #955128;
    }

    .fw-site [data-fw-screening-pending] .fw-exterior-entry,
    .fw-site [data-fw-screening-conflict] .fw-exterior-entry {
        display: none;
    }

    .fw-site :is(.fw-exterior-entry, .fw-exterior-shop-summary) {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: .45rem .9rem;
        justify-content: space-between;
        padding: .55rem .75rem;
        border: 1px solid var(--fw-line);
        border-inline-start: 3px solid var(--fw-exterior-accent);
        background: var(--fw-exterior-tint);
    }

    .fw-site .fw-exterior-entry {
        margin-block: .65rem .85rem;
    }

    .fw-site .fw-exterior-entry p {
        flex: 1 1 15rem;
        margin: 0;
    }

    .fw-site :is(.fw-exterior-entry, .fw-exterior-shop-summary) > .fw-btn {
        white-space: nowrap;
    }

    .fw-site :is([data-fw-screening-links] > h4, .fw-exterior-shop-title) {
        scroll-margin-block-start: 6rem;
    }

    .fw-site .fw-exterior-group legend {
        border-radius: .15rem;
        background: var(--fw-exterior-tint);
    }

    .fw-site [data-fw-exterior-products] .fw-exterior-check {
        display: flex;
        align-items: flex-start;
        padding: .45rem .55rem;
        border: 1px solid var(--fw-line);
        border-radius: .15rem;
        cursor: pointer;
        min-inline-size: 0;
    }

    .fw-site [data-fw-exterior-products] .fw-exterior-check:has(input:checked) {
        border-color: var(--fw-exterior-accent);
        background: var(--fw-exterior-tint);
    }

    .fw-site .fw-exterior-check-label {
        flex: 1 1 auto;
        min-inline-size: 0;
        overflow-wrap: anywhere;
    }

    .fw-site .fw-exterior-thumb {
        flex: 0 0 auto;
        inline-size: clamp(34px, 10vw, 60px);
        block-size: 46px;
        object-fit: contain;
        background: #fff;
        border: 1px solid var(--fw-line);
        border-radius: .15rem;
    }

    .fw-site .fw-exterior-preview {
        display: flex;
        align-items: center;
        gap: .65rem;
        padding: .45rem .55rem;
        border: 1px solid var(--fw-line);
        background: var(--fw-exterior-tint);
    }

    .fw-site .fw-exterior-result-products .fw-exterior-detail:not([hidden]) {
        border-inline-start-color: var(--fw-exterior-accent);
        background: var(--fw-exterior-tint);
    }

    .fw-site :is(.fw-exterior-shop-title, .fw-exterior-category-heading) {
        margin-block: 1rem .45rem;
    }

    .fw-site .fw-exterior-results .fw-exterior-rank > h5 {
        margin-block: .85rem .35rem;
        font: inherit;
        font-weight: 700;
    }

    .fw-site .fw-exterior-product h6 {
        margin: 0;
        font: inherit;
        font-weight: 700;
    }

    .fw-site .fw-exterior-order-amount {
        font-weight: 700;
    }

    .fw-site .fw-exterior-status {
        font-weight: 700;
    }

    .fw-site ul.fw-exterior-editorial-list {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr));
        list-style: none;
        padding: 0;
        gap: .65rem;
    }

    .fw-site .fw-exterior-editorial-list > li {
        display: grid;
        grid-template-columns: clamp(48px, 15%, 74px) minmax(0, 1fr);
        gap: .65rem;
        margin: 0;
        padding: .7rem;
        border: 1px solid var(--fw-line);
        background: #fff;
        overflow-wrap: anywhere;
    }

    .fw-site .fw-exterior-editorial-list li > div > span {
        display: block;
    }

    .fw-site .fw-exterior-editorial-image {
        inline-size: 100%;
        block-size: auto;
        max-block-size: 62px;
        object-fit: contain;
    }
}

@media screen {
    .fw-site #level-fix:not([hidden]) .fw-level-measure-actions {
        display: flex;
        flex-wrap: wrap;
        gap: .5rem 1rem;
    }

    .fw-site .fw-level-purchase-choices {
        margin-block: 1rem;
        padding: clamp(.75rem, 2vw, 1.25rem);
        background: #f1f5f1;
        border: 1px solid #c6d3c9;
    }

    .fw-site .fw-level-purchase-choices > h3 {
        margin-block: 0 .7rem;
    }

    .fw-site .fw-level-choice-grid,
    .fw-site .fw-level-shopping .fw-level-shopping-products {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, max(290px, 19em)), 1fr));
        gap: .65rem;
    }

    .fw-site .fw-level-choice,
    .fw-site .fw-level-shopping .fw-level-shopping-products > li {
        display: grid;
        grid-template-columns: clamp(3.5rem, 9vw, 5.25rem) minmax(0, 1fr);
        gap: .65rem;
        align-items: start;
        margin: 0;
        padding: .7rem;
        border: 1px solid #d9d3c7;
        background: #fff;
    }

    .fw-site .fw-level-choice[hidden],
    .fw-site .fw-level-purchase-choices[hidden],
    .fw-site .fw-level-measure-actions a[hidden] {
        display: none;
    }

    .fw-site .fw-level-choice:nth-child(1) { border-block-start: 3px solid #a74c39; }
    .fw-site .fw-level-choice:nth-child(2) { border-block-start: 3px solid #317264; }
    .fw-site .fw-level-choice:nth-child(3) { border-block-start: 3px solid #876543; }

    .fw-site .fw-level-choice img,
    .fw-site .fw-level-shopping-products img {
        inline-size: 100%;
        block-size: auto;
        aspect-ratio: 1;
        object-fit: contain;
    }

    .fw-site .fw-level-choice {
        align-items: stretch;
    }

    .fw-site .fw-level-choice > div {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .fw-site .fw-level-choice :is(h4, p) {
        margin-block: 0 .4rem;
    }

    .fw-site .fw-level-choice h4,
    .fw-site .fw-level-shopping-products a {
        font-weight: 700;
    }

    .fw-site .fw-level-choice .fw-level-choice-note {
        color: #6d3a14;
    }

    .fw-site .fw-level-choice .fw-btn {
        display: inline-flex;
        align-items: center;
        min-block-size: 44px;
        margin-block-start: auto;
        padding-inline: .55rem;
        white-space: nowrap;
    }

    .fw-site .fw-level-shopping .fw-level-shopping-products {
        margin-block: .5rem 1rem;
        padding: 0;
        list-style: none;
    }

    .fw-site .fw-level-shopping-products li > div > :is(span, strong) {
        display: block;
        margin-block-start: .3em;
        overflow-wrap: anywhere;
    }

    @media (max-width: 630px) {
        .fw-site .fw-level-choice-grid,
        .fw-site .fw-level-shopping .fw-level-shopping-products {
            grid-template-columns: minmax(0, 1fr);
        }

        .fw-site .fw-level-choice :is(h4, p) {
            overflow-wrap: anywhere;
        }
    }

    @media (max-width: 450px) {
        .fw-site .fw-level-choice,
        .fw-site .fw-level-shopping .fw-level-shopping-products > li {
            grid-template-columns: 3.5rem minmax(0, 1fr);
        }

        .fw-site .fw-level-choice .fw-btn {
            font-size: .875em;
        }
    }
}
@media screen {
    .fw-site .fw-hub-topics {
        scroll-margin-block-start: 125px;
    }

    .fw-site #projekte .fw-project-content {
        border-block-start: 3px solid var(--fw-project-accent);
        background: var(--fw-project-tint);
    }

    .fw-site #projekte .fw-project-link[href$="/bad-dusche/"] {
        --fw-project-accent: #245f59;
        --fw-project-tint: #e9f3ef;
    }

    .fw-site #projekte .fw-project-link[href$="/innenboden/"] {
        --fw-project-accent: #79552e;
        --fw-project-tint: #f7efe1;
    }

    .fw-site #projekte .fw-project-link[href$="/terrasse-balkon/"] {
        --fw-project-accent: #466045;
        --fw-project-tint: #ecf2e6;
    }

    .fw-site #projekte .fw-project-link[href$="/pool/"] {
        --fw-project-accent: #235e72;
        --fw-project-tint: #e9f3f8;
    }

    .fw-site #projekte .fw-project-link .fw-project-icon {
        color: var(--fw-project-accent);
    }
}

@media screen {
    .fw-site .fw-material-brief {
        margin-block: .55em 0;
        padding: .6em .75em;
        border-inline-start: 3px solid var(--fw-topic-ink, #465e4f);
        background: #fff;
        font-weight: 700;
    }
    .fw-site .fw-material-result-actions {
        margin-block: .4em .9em;
    }
    .fw-site .fw-material-result-actions .fw-shopping-shortcut {
        margin-block-start: 0;
    }
    .fw-site .fw-inline-confirm {
        margin-block: .75em;
    }
    .fw-site .fw-independent-choice:not([hidden]) {
        display: flex;
        align-items: flex-start;
        gap: .55em;
        padding: .55em .7em;
        margin-block: .6em;
        border: 1px solid var(--fw-line);
        background: #fff;
        cursor: pointer;
    }
    .fw-site .fw-independent-choice input {
        flex: 0 0 auto;
    }
    .fw-site :is(.fw-estimate-import, .fw-independent-jump) {
        margin-block-end: .65em;
    }
    .fw-site .fw-estimate-notice:focus-visible {
        outline: 3px solid #005d7a;
        outline-offset: 2px;
    }
}

@media screen {
    .fw-site .fw-exterior-partial:not([hidden]) {
        margin: .85em 0;
        padding: .8em;
        border-inline-start: 3px solid var(--fw-exterior-accent);
        background: var(--fw-exterior-tint);
    }

    .fw-site .fw-exterior-partial h3 {
        margin-block-start: .7em;
    }

    .fw-site .fw-exterior-cut-prompt:not([hidden]),
    .fw-site .fw-exterior-next-question {
        margin: .45em 0;
        font-weight: 700;
    }

    .fw-site .fw-exterior-quantity > strong {
        display: block;
    }

    .fw-site .fw-exterior-method-links p {
        margin: .2em 0 .45em;
    }

    .fw-site [data-fw-exterior-partial-products] :is(.fw-exterior-rank, .fw-exterior-product) {
        min-inline-size: 0;
        overflow-wrap: anywhere;
    }
}
@media screen {
    .fw-site [data-fw-exterior-partial-products] [hidden] {
        display: none !important;
    }

    .fw-site [data-fw-exterior-partial-products] .fw-exterior-check {
        display: flex;
        padding: .45rem .55rem;
        border: 1px solid var(--fw-line);
    }

    .fw-site [data-fw-exterior-partial-products] .fw-exterior-check:has(input:checked) {
        border-color: var(--fw-exterior-accent);
        background: var(--fw-exterior-tint);
    }

    .fw-site .fw-exterior-partial > div {
        margin-block-start: .7em;
    }

    .fw-site .fw-exterior-partial [data-fw-exterior-partial-products] > h3 {
        margin: 0 0 .5em;
    }
}

@media print {
    .fw-site .fw-exterior-partial {
        display: none !important;
    }
}

@media screen {
    .fw-site #r3-laschen-plan,
    .fw-site #r3-laschen-skizze {
        scroll-margin-top: 120px;
    }

    .fw-site #r3-laschen-plan + .fw-level-entry,
    .fw-site #fw-level-example-title {
        margin-top: clamp(1rem, 2vw, 1.6rem);
    }

    .fw-site .fw-level-next-measure {
        font-weight: 700;
    }

    .fw-site .fw-level-choice .fw-level-choice-measure,
    .fw-site .fw-level-order-basis {
        font-weight: 700;
        color: #354b39;
    }

    .fw-site #r3-laschen-skizze {
        margin-block: .85rem 0;
    }

    .fw-site #r3-laschen-skizze > svg {
        max-inline-size: 440px;
    }
}
@media screen {
    .fw-site [data-r3-level-mengen].fw-level-modes > :is(.fw-level-count-mode, .fw-level-count-inputs, .fw-level-count-note) {
        grid-column: 1 / -1;
    }
    .fw-site .fw-level-count-inputs:not([hidden]) {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
        align-items: end;
        gap: .65em;
        margin: 0;
        padding: .6em;
        min-inline-size: 0;
        border: 1px solid var(--fw-line);
    }
    .fw-site .fw-level-count-inputs > legend {
        float: none;
        width: auto;
        margin: 0;
        padding-inline: .35em;
        border: 0;
        font: inherit;
        font-weight: 700;
    }
    .fw-site .fw-level-count-inputs > p,
    .fw-site .fw-level-count-note {
        grid-column: 1 / -1;
        margin: 0;
    }
    .fw-site [data-r3-level-split-choice] {
        align-self: center;
    }
    .fw-site [data-r3-level-reuse]:not([hidden]) {
        grid-column: span 2;
    }
    @media (max-width: 700px) {
        .fw-site [data-r3-level-reuse]:not([hidden]) { grid-column: 1 / -1; }
    }
}

@media screen {
    .fw-site .fw-exterior-drain-reference:not([hidden]) {
        margin: .6em 0;
        padding: .65em .8em;
        border: 1px solid var(--fw-line);
        border-inline-start: 3px solid var(--fw-exterior-accent);
        background: #fff;
    }

    .fw-site .fw-exterior-drain-reference h4,
    .fw-site .fw-exterior-drain-reference p {
        margin: 0 0 .25em;
    }

    .fw-site .fw-exterior-drain-reference li + li {
        margin-block-start: .2em;
    }

    .fw-site .fw-exterior-partial [data-fw-finish-tools]:not([hidden]) {
        margin-block-start: .6em;
        background: #fff;
    }

    .fw-site [data-fw-screening-pending] .fw-screening-result [data-fw-finish-tools],
    .fw-site [data-fw-screening-conflict] [data-fw-finish-tools] {
        display: none !important;
    }
}