/* Digitale Werft — deliberately scoped; existing landing pages keep their skin. */
.site-main--werft,
.ws-werft-page {
  --wf-paper: #f4f6f3;
  --wf-ink: #102b3b;
  --wf-muted: #465d67;
  --wf-blue: #216b80;
  --wf-orange: #e9693b;
  --wf-line: #c9d3d2;
}
.ws-werft-page { background: var(--wf-paper); }
.wf-skip { position: fixed; top: 8px; left: 8px; z-index: 300; transform: translateY(-160%); padding: 12px 20px; background: var(--wf-ink); color: #fff; }
.wf-skip:focus { transform: none; color: #fff; }
.ws-werft-page .site-header { background: var(--wf-paper); backdrop-filter: none; border-color: var(--wf-line); padding-inline: max(24px, calc((100% - 1200px) / 2)); }
.ws-werft-page .site-logo img { width: 176px; height: auto; }
.ws-werft-page .site-nav-desktop > ul > li > a,
.ws-werft-page .site-nav-desktop .nav-link,
.ws-werft-page .nav-toggle { color: var(--wf-ink); }
.ws-werft-page .header-cta .btn { background: var(--wf-ink); color: #fff; border-radius: 2px; box-shadow: none; border-color: var(--wf-ink); }
.ws-werft-page .site-header a:focus-visible,
.ws-werft-page .site-header button:focus-visible { outline-color: var(--wf-blue); }
.ws-werft-page .site-nav-desktop .nav-dropdown { background: var(--wf-ink); border-color: #49606b; border-radius: 2px; box-shadow: 0 8px 20px #102b3b26; transition: opacity .2s ease, transform .2s ease; }
.ws-werft-page .site-nav-desktop .nav-dropdown a { color: #d4e0e3; border-radius: 0; white-space: normal; }
.ws-werft-page .site-nav-desktop .nav-dropdown a:focus-visible { outline-color: #fff; }
.site-main--werft { gap: 0; background: var(--wf-paper); color: var(--wf-ink); overflow: clip; }
.site-main--werft :is(h1,h2,h3,p,a) { color: inherit; }
.site-main--werft p { line-height: 1.65; }
.site-main--werft :is(a,summary):focus-visible { outline: 3px solid var(--wf-blue); outline-offset: 5px; }
.site-main--werft section[id] { scroll-margin-top: 6rem; }
.wf-wrap { width: min(1200px, calc(100% - 80px)); margin-inline: auto; }
.wf-section { padding-block: clamp(72px, 8vw, 112px); }
.site-main--werft .wf-kicker { font-family: Inter, sans-serif; font-weight: 600; font-size: .8rem; line-height: 1.65; letter-spacing: .075em; text-transform: uppercase; color: var(--wf-blue); margin-bottom: 22px; }
.site-main--werft .wf-heading { font-size: clamp(30px, 3.5vw, 46px); letter-spacing: -.045em; line-height: 1.16; margin-bottom: 26px; text-wrap: balance; }
.site-main--werft .wf-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 30px; padding: 16px 23px; background: var(--wf-ink); color: #fff; border: 1px solid var(--wf-ink); border-radius: 2px; font-weight: 600; font-size: .9rem; transition: background .2s, color .2s; }
.site-main--werft .wf-button:hover { background: var(--wf-blue); border-color: var(--wf-blue); }
.wf-button span { font-size: 1.35rem; line-height: 1; }
.site-main--werft .wf-text-link { display: inline-flex; align-items: center; justify-content: space-between; gap: 18px; padding-block: 9px; border-bottom: 1px solid currentColor; font-weight: 600; font-size: .875rem; }
.site-main--werft .wf-text-link:hover { color: var(--wf-blue); }
.wf-hero { padding: 32px 0 48px; }
.wf-hero-grid { display: grid; grid-template-columns: 1.2fr 1fr; align-items: center; gap: 20px; min-height: 630px; }
.wf-hero-copy { position: relative; z-index: 1; padding-block: 40px; }
.site-main--werft .wf-display { font-family: Poppins, sans-serif; font-weight: 600; font-size: clamp(42px, 4.65vw, 68px); letter-spacing: -.055em; line-height: 1.1; margin: 28px 0; }
.wf-display span { color: var(--wf-blue); }
.site-main--werft .wf-lead { font-size: 1.05rem; max-width: 465px; color: var(--wf-muted); }
.wf-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 25px; margin-top: 30px; }
.site-main--werft .wf-hero-signature { display: flex; align-items: center; gap: 12px; margin-top: 36px; font-size: .72rem; color: var(--wf-muted); }
.wf-signature-line { width: 27px; height: 2px; flex-shrink: 0; background: var(--wf-orange); }
.wf-hero-art { position: relative; display: flex; align-items: center; justify-content: center; min-width: 0; }
.wf-object { display: block; margin: 0; }
.wf-object img { width: 100%; height: auto; }
.wf-guide-objects { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); align-items: center; gap: 24px; margin-top: 32px; }
.wf-guide-objects figure { margin: 0; }
.wf-guide-objects figcaption { margin-top: 16px; font-size: .75rem; }
.wf-guide-logo { width: 250px; height: auto; margin-bottom: 36px; }
.wf-guide-dark { padding: 40px; background: #102b3b; }
.wf-guide-dark .wf-guide-logo { margin-bottom: 0; }
.wf-object--sailboat { width: 100%; max-width: 480px; transform-origin: 50% 88%; }
.wf-hero-art.is-animated .wf-object--sailboat { animation: wf-sail 8s ease-in-out infinite; }
.wf-hero-art.is-paused .wf-object--sailboat { animation-play-state: paused; }
.wf-motion-toggle { position: absolute; bottom: -24px; right: 20px; padding: 12px 0; min-height: 44px; border: 0; border-bottom: 1px solid var(--wf-line); color: var(--wf-muted); background: transparent; font: inherit; font-size: .65rem; cursor: pointer; }
.wf-motion-toggle:hover { color: var(--wf-ink); border-color: var(--wf-ink); }
.site-main--werft .wf-motion-toggle:focus-visible { outline: 3px solid var(--wf-blue); outline-offset: 3px; }
.site-main--werft :is(a,button,summary) { touch-action: manipulation; -webkit-tap-highlight-color: #277c9533; scroll-margin-block: 6rem 2rem; }
.ws-werft-page .site-nav { overscroll-behavior: contain; }
.wf-art-note { position: absolute; font-size: .58rem; text-transform: uppercase; letter-spacing: .15em; color: var(--wf-muted); right: -15px; top: 45%; writing-mode: vertical-rl; }
.wf-entry { background: var(--wf-ink); color: var(--wf-paper); padding-block: 36px 24px; }
.wf-entry-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 28px; }
.wf-entry h2 { font-size: 1.25rem; letter-spacing: -.03em; }
.wf-entry-heading p { font-size: .8rem; color: #bbcbd0; }
.wf-entry-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-block: 1px solid #49606b; }
.wf-entry-grid > a { padding: 25px 24px 23px; display: flex; flex-direction: column; border-right: 1px solid #49606b; transition: background .2s; }
.wf-entry-grid > a:first-child { padding-left: 0; }
.wf-entry-grid > a:last-child { border-right: 0; padding-right: 0; }
.wf-entry-grid > a:hover { background: #1c3b4c; }
.wf-entry-grid h3 { font-family: Inter, sans-serif; font-size: 1.05rem; font-weight: 600; line-height: 1.4; margin-bottom: 10px; }
.wf-entry-grid p { font-size: .82rem; color: #bbcbd0; flex: 1; }
.wf-entry-action { display: flex; align-items: center; justify-content: space-between; gap: 6px; font-size: .72rem; margin-top: 26px; }
.wf-entry-action > span { color: #ff9b71; font-size: 1.4rem; }
.site-main--werft .wf-support-link { margin-top: 20px; color: #bbcbd0; font-size: .8rem; }
.wf-support-link a { display: inline-block; margin-left: 10px; color: #fff; text-decoration: underline; text-underline-offset: 4px; }
.site-main--werft .wf-entry :is(a,summary):focus-visible { outline-color: #fff; outline-offset: -4px; }
.wf-ai-grid { display: grid; grid-template-columns: 1fr 1.08fr; gap: 100px; }
.wf-ai-intro > p:not(.wf-kicker) { max-width: 400px; color: var(--wf-muted); }
.wf-object--compass { width: 270px; margin-top: 28px; }
.wf-benefits article { padding-block: 24px; border-top: 1px solid var(--wf-line); }
.wf-benefit-label { display: block; font-size: .73rem; color: var(--wf-blue); margin-bottom: 9px; }
.wf-benefits h3 { font-size: 1.3rem; letter-spacing: -.035em; margin-bottom: 12px; }
.wf-benefits article p { font-size: .925rem; color: var(--wf-muted); }
.site-main--werft .wf-fineprint { font-size: .7rem; margin-top: 16px; color: var(--wf-muted); }
.wf-work { background: #e7edeb; }
.wf-section-head { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 45px; }
.wf-section-head .wf-heading { margin-bottom: 0; }
.wf-project-grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 48px 56px; align-items: start; }
.wf-project:first-child { grid-row: auto; }
.wf-project:nth-child(3) { grid-column: 2; grid-row: 2; }
.wf-work-note { grid-column: 1; grid-row: 2; align-self: center; max-width: 400px; border-top: 1px solid #bdcdca; padding-top: 25px; }
.wf-work-note p { color: var(--wf-muted); font-size: .9rem; }
.wf-work-note a { display: inline-block; margin-top: 16px; font-size: .75rem; text-decoration: underline; text-underline-offset: 4px; }
.wf-project:not(:first-child) { display: grid; grid-template-columns: 1fr; }
.wf-project-image { overflow: hidden; background: #d4dddb; border: 1px solid #c3cfcc; padding: 15px; }
.wf-project:first-child .wf-project-image { padding: 34px 24px; }
.wf-project-image img { width: 100%; height: auto; transition: transform .35s; }
.wf-project:hover img { transform: scale(1.025); }
.site-main--werft .wf-project-category { color: var(--wf-blue); font-size: .69rem; margin-block: 20px 8px; }
.wf-project h3 { display: flex; justify-content: space-between; gap: 12px; font-size: 1.3rem; letter-spacing: -.035em; margin-bottom: 8px; }
.wf-project h3 span { color: var(--wf-blue); }
.wf-project > p:last-child { max-width: 450px; font-size: .875rem; color: var(--wf-muted); }
.wf-person-grid { display: grid; grid-template-columns: .9fr 1fr; gap: 90px; align-items: center; }
.wf-person-photo { margin: 0; max-width: 480px; }
.wf-person-photo img { aspect-ratio: 1; object-fit: cover; }
.wf-person-photo figcaption { display: flex; justify-content: space-between; gap: 10px; font-size: .8rem; padding-block: 15px; border-bottom: 1px solid var(--wf-line); }
.wf-person-photo figcaption span { color: var(--wf-muted); }
.wf-person-copy .wf-heading { font-size: clamp(28px, 3.05vw, 42px); }
.wf-person-copy > p:not(.wf-kicker) { color: var(--wf-muted); margin-bottom: 20px; }
.wf-region { background: #e2eae8; }
.wf-region-grid { display: grid; grid-template-columns: .85fr 1.1fr; gap: 100px; }
.wf-region-art { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.wf-object--lighthouse { max-width: 330px; width: 90%; }
.wf-object--lighthouse img { mix-blend-mode: multiply; }
.wf-region-art .wf-kicker { text-align: center; margin-top: 32px; }
.wf-region-copy > p:not(.wf-kicker) { color: var(--wf-muted); }
.wf-service-list { margin-top: 26px; }
.wf-service-list article { border-top: 1px solid #bdcdca; padding-block: 18px; }
.wf-service-list h3 { font-family: Inter, sans-serif; font-weight: 600; font-size: 1rem; margin-bottom: 8px; }
.wf-service-list p { font-size: .875rem; color: var(--wf-muted); }
.wf-service-list a { display: inline-block; font-size: .75rem; text-decoration: underline; text-underline-offset: 4px; margin: 10px 16px 0 0; }
.site-main--werft .wf-audiences { font-size: .75rem; margin-top: 20px; }
.wf-audiences a { text-decoration: underline; text-underline-offset: 3px; }
.wf-faq-grid { display: grid; grid-template-columns: .85fr 1.1fr; gap: 100px; }
.wf-questions { border-top: 1px solid var(--wf-line); }
.wf-questions details { border-bottom: 1px solid var(--wf-line); }
.wf-questions summary { display: flex; justify-content: space-between; gap: 15px; padding: 22px 0; cursor: pointer; list-style: none; font-size: .925rem; font-weight: 600; }
.wf-questions summary::-webkit-details-marker { display: none; }
.wf-questions summary span { color: var(--wf-blue); font-size: 1.4rem; line-height: 1.2; }
.wf-questions [open] summary span { transform: rotate(45deg); }
.wf-questions details p { color: var(--wf-muted); font-size: .875rem; padding: 0 28px 25px 0; }
.wf-contact { background: var(--wf-ink); color: var(--wf-paper); padding-block: clamp(60px,7vw,96px); }
.wf-contact-grid { display: grid; grid-template-columns: minmax(0,1.6fr) minmax(0,1fr); gap: 80px; align-items: center; }
.site-main--werft .wf-contact .wf-kicker { color: #b5d4db; }
.wf-contact h2 { max-width: 18ch; font-size: clamp(34px,4.3vw,58px); letter-spacing: -.045em; line-height: 1.16; text-wrap: balance; }
.site-main--werft .wf-contact-intro { max-width: 57ch; margin-top: 24px; color: #c4d4d8; }
.wf-contact-action { border-left: 1px solid #49606b; padding-left: 44px; }
.site-main--werft .wf-contact-person { font-weight: 600; margin-bottom: 24px; }
.wf-contact-person span { display: block; color: #c4d4d8; font-size: .85rem; font-weight: 400; margin-top: 4px; }
.wf-contact .wf-button { min-height: 52px; background: var(--wf-orange); border-color: var(--wf-orange); color: var(--wf-ink); }
.wf-contact .wf-button:hover { background: #ffa17b; border-color: #ffa17b; color: var(--wf-ink); }
.site-main--werft .wf-contact-phone { display: table; min-height: 44px; padding-block: 12px; margin-top: 10px; color: #c4d4d8; font-size: .85rem; text-decoration: underline; text-underline-offset: 4px; }
.site-main--werft .wf-contact-phone:hover { color: #fff; }
.site-main--werft .wf-contact a:focus-visible { outline-color: #fff; }
/* One light, editorial footer; no legacy rounded badges or repeated CTA. */
.ws-werft-page .site-footer { background: var(--wf-paper); color: var(--wf-ink); border-top: 1px solid var(--wf-line); }
.ws-werft-page .footer-grid { max-width: 1200px; grid-template-columns: minmax(0,1.2fr) minmax(0,2fr) minmax(0,1fr); gap: 56px; padding: 64px 0 48px; }
.ws-werft-page .footer-col { min-width: 0; }
.ws-werft-page .footer-brand-logo { width: 218px; max-width: 100%; margin-bottom: 18px; }
.ws-werft-page .footer-tagline { color: var(--wf-muted); margin-bottom: 16px; }
.ws-werft-page .footer-heading { display: flex; align-items: center; min-height: 24px; margin-bottom: 18px; color: var(--wf-ink); font-size: .8rem; letter-spacing: .06em; text-transform: uppercase; }
.ws-werft-page .footer-heading a { display: inline-flex; align-items: center; min-height: 24px; }
.ws-werft-page .site-footer a { color: var(--wf-ink); transition: color .2s,background .2s,border-color .2s; }
.ws-werft-page .site-footer a:hover { color: var(--wf-blue); text-decoration: underline; text-underline-offset: 4px; }
.ws-werft-page .site-footer a:focus-visible { outline: 3px solid var(--wf-blue); outline-offset: 4px; }
.ws-werft-page .footer-company { display: flex; flex-wrap: wrap; gap: 0 18px; margin-bottom: 20px; }
.ws-werft-page .footer-company a { display: inline-flex; align-items: center; min-height: 40px; font-size: .85rem; }
.ws-werft-page .footer-list { display: grid; grid-template-rows: repeat(6,auto); grid-auto-flow: column; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 28px; padding: 0; }
.ws-werft-page .footer-list li { margin: 0; }
.ws-werft-page .footer-list a { display: flex; align-items: center; min-height: 40px; padding-block: 7px; font-size: .85rem; line-height: 1.55; }
.ws-werft-page .footer-contact address { font-style: normal; font-size: .875rem; }
.ws-werft-page .footer-contact address p { color: var(--wf-muted); line-height: 1.7; margin-bottom: 12px; }
.ws-werft-page .footer-contact address a { display: table; padding-block: 9px; min-height: 40px; }
.ws-werft-page .footer-contact-link { display: inline-flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 44px; margin-top: 12px; border-bottom: 1px solid var(--wf-ink); font-size: .85rem; font-weight: 600; }
.ws-werft-page .footer-contact-link span { color: var(--wf-blue); }
.ws-werft-page .footer-google-review { min-height: 44px; gap: 10px; padding: 10px 0; border: 0; border-bottom: 1px solid var(--wf-line); border-radius: 0; background: transparent; box-shadow: none; }
.ws-werft-page .footer-google-review:hover { transform: none; box-shadow: none; border-color: var(--wf-blue); }
.ws-werft-page .footer-google-review img { width: 24px; height: 24px; }
.ws-werft-page .footer-google-review-text { display: inline; font-size: .75rem; line-height: 1.5; }
.ws-werft-page .footer-proof { display: flex; align-items: center; justify-content: space-between; gap: 24px; border-top: 1px solid var(--wf-line); padding-block: 28px; }
.ws-werft-page .footer-proof > p { color: var(--wf-muted); font-size: .8rem; line-height: 1.6; }
.ws-werft-page .footer-logo-strip { max-width: none; gap: 20px; padding: 0; margin: 0; justify-content: flex-start; }
.ws-werft-page .footer-logo-card img { height: 48px; }
.ws-werft-page .footer-logo-card--erecht img { border-radius: 0; }
.ws-werft-page .footer-divider { border-color: var(--wf-line); }
.ws-werft-page .footer-bottom { max-width: 1200px; padding: 18px 0; gap: 12px 24px; }
.ws-werft-page .footer-bottom p { font-size: .75rem; color: var(--wf-muted); }
.ws-werft-page .footer-bottom nav { display: flex; flex-wrap: wrap; gap: 0 22px; }
.ws-werft-page .footer-bottom a { display: inline-flex; align-items: center; min-height: 40px; font-size: .75rem; }
.ws-werft-page .ws-cookie-card { background: var(--wf-paper); color: var(--wf-ink); border: 1px solid var(--wf-line); border-radius: 2px; box-shadow: 0 12px 48px #102b3b26; }
.ws-werft-page .ws-cookie-card h2 { color: var(--wf-ink); }
.ws-werft-page .ws-cookie-card p { color: var(--wf-muted); }
.ws-werft-page .ws-cookie-card a { color: var(--wf-blue); text-decoration: underline; text-underline-offset: 3px; }
.ws-werft-page .ws-cookie-card .btn { background: var(--wf-ink); border-color: var(--wf-ink); border-radius: 2px; color: #fff; }
.ws-werft-page .site-nav:not(.is-open) { visibility: hidden; box-shadow: none; }
.ws-werft-page .site-nav.is-open { visibility: visible; }
@keyframes wf-sail { 0%,100% { transform: translateY(0) rotate(-.5deg); } 50% { transform: translateY(-7px) rotate(.5deg); } }
@media (max-width: 1100px) {
  .wf-contact-grid { gap: 40px; }
  .wf-contact-action { padding-left: 28px; }
  .ws-werft-page .footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 36px 50px; }
  .ws-werft-page .footer-identity { order: 1; }
  .ws-werft-page .footer-contact { order: 2; }
  .ws-werft-page .footer-services { order: 3; grid-column: 1 / -1; }
  .wf-ai-grid,.wf-person-grid,.wf-region-grid,.wf-faq-grid { gap: 50px; }
  .wf-hero-grid { min-height: 550px; }
  .wf-entry-grid > a { padding-inline: 16px; }
  .wf-person-copy .wf-heading { font-size: 31px; }
}
@media (max-width: 900px) {
  .wf-wrap { width: calc(100% - 48px); }
  .wf-hero-grid { grid-template-columns: 1.15fr 1fr; gap: 0; min-height: 500px; }
  .site-main--werft .wf-display { font-size: 42px; }
  .site-main--werft .wf-lead { font-size: .925rem; }
  .wf-actions { gap: 14px; }
  .site-main--werft .wf-button { padding: 14px 18px; gap: 14px; font-size: .8rem; }
  .wf-hero-signature { max-width: 300px; }
  .wf-entry-grid { grid-template-columns: repeat(2,1fr); }
  .wf-entry-grid > a { padding: 24px; border-bottom: 1px solid #49606b; }
  .wf-entry-grid > a:nth-child(2n) { border-right: 0; }
  .wf-entry-grid > a:nth-child(2n+1) { padding-left: 0; }
  .wf-entry-grid > a:nth-child(n+3) { border-bottom: 0; }
  .wf-entry-grid h3 { font-size: 1.15rem; }
  .wf-ai-grid { gap: 45px; grid-template-columns: .9fr 1.1fr; }
  .wf-project-grid { gap: 36px; }
  .wf-person-grid { gap: 35px; grid-template-columns: .85fr 1.15fr; }
  .wf-person-copy .wf-heading { font-size: clamp(24px,3.4vw,31px); }
  .wf-region-grid,.wf-faq-grid { gap: 45px; grid-template-columns: .75fr 1.25fr; }
}
@media (max-width: 700px) {
  .wf-guide-objects { grid-template-columns: 1fr; }
  .wf-wrap { width: calc(100% - 40px); }
  .wf-section { padding-block: 60px; }
  .wf-hero { padding-block: 14px 32px; }
  .wf-hero-grid { grid-template-columns: 1fr; }
  .wf-hero-copy { padding-block: 25px 10px; }
  .site-main--werft .wf-kicker { font-size: .7rem; margin-bottom: 18px; }
  .site-main--werft .wf-display { font-size: clamp(37px,8vw,52px); margin-block: 22px; }
  .site-main--werft .wf-lead { max-width: 460px; }
  .wf-actions { gap: 20px; margin-top: 24px; }
  .site-main--werft .wf-hero-signature { max-width: none; font-size: .67rem; margin-top: 25px; }
  .wf-hero-art { margin-top: 12px; }
  .wf-object--sailboat { max-width: 290px; }
  .wf-art-note { right: 0; font-size: .52rem; }
  .wf-entry-heading { display: block; margin-bottom: 20px; }
  .wf-entry-heading p { margin-top: 7px; }
  .wf-entry-grid > a { padding: 20px 14px; }
  .wf-entry-grid h3 { font-size: .94rem; }
  .wf-entry-grid p { font-size: .75rem; }
  .wf-entry-action { font-size: .65rem; margin-top: 18px; }
  .wf-support-link a { display: block; margin: 5px 0 0; }
  .wf-ai-grid,.wf-person-grid,.wf-region-grid,.wf-faq-grid { grid-template-columns: 1fr; gap: 30px; }
  .wf-ai-intro { position: relative; }
  .wf-object--compass { width: 180px; margin: 25px auto 0; }
  .wf-section-head { align-items: start; flex-direction: column; gap: 20px; margin-bottom: 30px; }
  .wf-project-grid { grid-template-columns: 1fr; gap: 44px; }
  .wf-project:first-child { grid-row: auto; }
  .wf-project:nth-child(3),.wf-work-note { grid-column: auto; grid-row: auto; }
  .wf-project:first-child .wf-project-image { padding: 20px; }
  .wf-person-photo { max-width: 440px; }
  .wf-person-copy .wf-heading { font-size: clamp(26px,6.1vw,36px); }
  .wf-region-art { order: 2; }
  .wf-object--lighthouse { max-width: 190px; }
  .wf-region-art .wf-kicker { margin-top: 15px; }
  .wf-contact-grid { grid-template-columns: 1fr; gap: 30px; }
  .wf-contact-action { border-left: 0; border-top: 1px solid #49606b; padding: 26px 0 0; }
  .wf-contact h2 { max-width: 18ch; }
  .ws-werft-page .footer-grid { grid-template-columns: 1fr; padding-block: 44px 36px; gap: 36px; }
  .ws-werft-page .footer-services { order: 2; }
  .ws-werft-page .footer-contact { order: 3; }
  .ws-werft-page .footer-heading { margin-bottom: 12px; }
  .ws-werft-page .footer-list { column-gap: 20px; }
  .ws-werft-page .footer-proof { flex-direction: column; align-items: start; }
  .ws-werft-page .footer-logo-strip { gap: 12px; }
  .ws-werft-page .footer-logo-card img { height: 40px; }
  .ws-werft-page .footer-bottom { align-items: start; flex-direction: column; }
  .ws-werft-page .footer-bottom nav { gap: 0 18px; }
}
@media (max-width: 370px) {
  .ws-werft-page .footer-list { grid-template-columns: 1fr; grid-template-rows: none; grid-auto-flow: row; }
  .ws-werft-page .footer-logo-card img { height: 34px; }
  .wf-entry-grid { grid-template-columns: 1fr; }
  .wf-entry-grid > a { padding-inline: 0; border-right: 0; }
  .wf-entry-grid > a:nth-child(3) { border-bottom: 1px solid #49606b; }
  .wf-entry-action { margin-top: 10px; }
  .wf-actions { align-items: start; flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
  .wf-hero-art.is-animated .wf-object--sailboat { animation: none; }
  .wf-motion-toggle { display: none; }
  .wf-project-image img { transition: none; }
  .ws-werft-page #page-wrap,.ws-werft-page .site-nav { transition: none; }
}