{"title":"Der kleinste Sommersale in der ForSchur Geschichte","description":"\u003csection class=\"fs-sale-header\" aria-labelledby=\"fs-sale-title\"\u003e\n  \u003cstyle\u003e\n    .fs-sale-header {\n      --fs-red: #d9344f;\n      --fs-red-dark: #b92c43;\n      --fs-grey: #f2f2f2;\n      --fs-grey-soft: #f7f7f7;\n      --fs-border: #dddddd;\n      --fs-text: #323232;\n\n      max-width: 1180px;\n      margin: 0 auto 44px;\n      padding: 24px 18px 10px;\n      color: var(--fs-text);\n      font-family: \"Futura Light\", Futura, \"Futura PT\", \"Avenir Next\", Avenir, Montserrat, sans-serif;\n      font-weight: 300;\n    }\n\n    .fs-sale-header * {\n      box-sizing: border-box;\n    }\n\n    .fs-sale-hero {\n      display: grid;\n      grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);\n      gap: 0;\n      align-items: stretch;\n      background: var(--fs-grey);\n      border-radius: 0;\n      padding: 0;\n      overflow: hidden;\n    }\n\n    .fs-sale-copy {\n      align-self: center;\n      max-width: 650px;\n      padding: clamp(34px, 5vw, 72px) clamp(28px, 5vw, 64px);\n    }\n\n    .fs-sale-kicker {\n      margin: 0 0 14px;\n      color: var(--fs-red);\n      font-family: Futura, \"Futura PT\", \"Avenir Next\", Avenir, Montserrat, sans-serif;\n      font-size: 13px;\n      font-weight: 500;\n      letter-spacing: 0.1em;\n      text-transform: uppercase;\n    }\n\n    .fs-sale-title {\n      margin: 0;\n      color: #111;\n      font-family: Futura, \"Futura PT\", \"Avenir Next\", Avenir, Montserrat, sans-serif;\n      font-size: clamp(32px, 4.4vw, 54px);\n      font-weight: 400;\n      line-height: 1.08;\n      letter-spacing: 0.01em;\n    }\n\n    .fs-sale-lead {\n      margin: 18px 0 0;\n      max-width: 58ch;\n      font-size: clamp(17px, 1.8vw, 21px);\n      font-weight: 300;\n      line-height: 1.55;\n    }\n\n    .fs-sale-lead strong {\n      color: #111;\n      font-weight: 500;\n    }\n\n    .fs-sale-countdown {\n      margin-top: 28px;\n      padding: 20px 18px;\n      border: 1px solid var(--fs-border);\n      background: #fff;\n    }\n\n    .fs-sale-countdown-label {\n      margin: 0 0 16px;\n      color: #323232;\n      font-family: Futura, \"Futura PT\", \"Avenir Next\", Avenir, Montserrat, sans-serif;\n      font-size: 13px;\n      font-weight: 500;\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n    }\n\n    .fs-sale-countdown-grid {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 12px;\n    }\n\n    .fs-sale-countdown-grid div {\n      padding: 14px 10px;\n      background: var(--fs-grey-soft);\n      text-align: center;\n    }\n\n    .fs-sale-countdown-grid strong {\n      display: block;\n      color: var(--fs-red);\n      font-family: Futura, \"Futura PT\", \"Avenir Next\", Avenir, Montserrat, sans-serif;\n      font-size: clamp(32px, 4.5vw, 48px);\n      font-weight: 400;\n      line-height: 1;\n    }\n\n    .fs-sale-countdown-grid span {\n      display: block;\n      margin-top: 9px;\n      color: #323232;\n      font-size: 12px;\n      font-weight: 300;\n      letter-spacing: 0.06em;\n      text-transform: uppercase;\n    }\n\n    .fs-sale-countdown-note {\n      margin: 16px 0 0;\n      color: #323232;\n      font-size: 14.5px;\n      font-weight: 300;\n      line-height: 1.45;\n    }\n\n    .fs-sale-actions {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n      margin-top: 24px;\n    }\n\n    .fs-sale-button {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 52px;\n      padding: 15px 28px;\n      border: 2px solid var(--fs-red);\n      background: var(--fs-red);\n      color: #fff;\n      font-family: Futura, \"Futura PT\", \"Avenir Next\", Avenir, Montserrat, sans-serif;\n      font-size: 14px;\n      font-weight: 500;\n      letter-spacing: 0.08em;\n      line-height: 1;\n      text-decoration: none;\n      text-transform: uppercase;\n    }\n\n    .fs-sale-button:hover {\n      background: var(--fs-red-dark);\n      border-color: var(--fs-red-dark);\n      color: #fff;\n    }\n\n    .fs-sale-image {\n      position: relative;\n      min-height: 430px;\n      border-radius: 0;\n      background:\n        linear-gradient(rgba(47, 59, 53, 0.02), rgba(47, 59, 53, 0.02)),\n        url(\"https:\/\/cdn.shopify.com\/s\/files\/1\/0564\/3183\/7257\/files\/Sommerschlussverkauf_2026.png?v=1783420503\")\n        center \/ cover no-repeat;\n      overflow: hidden;\n    }\n\n    .fs-sale-image::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(180deg, rgba(255,255,255,0) 58%, rgba(0,0,0,0.24) 100%);\n    }\n\n    .fs-sale-image-note {\n      position: absolute;\n      right: 22px;\n      bottom: 22px;\n      left: 22px;\n      margin: 0;\n      padding: 14px 18px;\n      border-radius: 0;\n      color: #fff;\n      background: rgba(217, 52, 79, 0.92);\n      font-size: 15px;\n      font-weight: 400;\n      line-height: 1.35;\n      letter-spacing: 0.02em;\n    }\n\n    .fs-sale-benefits {\n      display: grid;\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n      gap: 14px;\n      margin: 18px 0 0;\n    }\n\n    .fs-sale-benefit {\n      min-height: 118px;\n      padding: 20px 18px;\n      border: 1px solid var(--fs-border);\n      border-radius: 0;\n      background: #fff;\n    }\n\n    .fs-sale-benefit-badge {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      min-width: 54px;\n      height: 28px;\n      margin: 0 0 12px;\n      padding: 0 12px;\n      border: 1px solid var(--fs-red);\n      border-radius: 0;\n      color: #fff;\n      background: var(--fs-red);\n      font-family: Futura, \"Futura PT\", \"Avenir Next\", Avenir, Montserrat, sans-serif;\n      font-size: 12px;\n      font-weight: 500;\n      letter-spacing: 0.04em;\n      line-height: 1;\n      text-transform: uppercase;\n    }\n\n    .fs-sale-benefit h3 {\n      margin: 0 0 6px;\n      color: #111;\n      font-family: Futura, \"Futura PT\", \"Avenir Next\", Avenir, Montserrat, sans-serif;\n      font-size: 17px;\n      font-weight: 500;\n      line-height: 1.2;\n    }\n\n    .fs-sale-benefit p {\n      margin: 0;\n      font-size: 14.5px;\n      font-weight: 300;\n      line-height: 1.42;\n    }\n\n    .fs-sale-details {\n      margin: 18px 0 0;\n      border: 1px solid var(--fs-border);\n      border-radius: 0;\n      background: #fff;\n      overflow: hidden;\n    }\n\n    .fs-sale-details summary {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 14px;\n      padding: 18px 22px;\n      color: #111;\n      cursor: pointer;\n      font-family: Futura, \"Futura PT\", \"Avenir Next\", Avenir, Montserrat, sans-serif;\n      font-size: 16px;\n      font-weight: 500;\n      letter-spacing: 0.03em;\n      list-style: none;\n      text-transform: uppercase;\n    }\n\n    .fs-sale-details summary::-webkit-details-marker {\n      display: none;\n    }\n\n    .fs-sale-details summary::after {\n      content: \"+\";\n      flex: 0 0 auto;\n      width: 30px;\n      height: 30px;\n      border-radius: 0;\n      color: #fff;\n      background: var(--fs-red);\n      text-align: center;\n      font-size: 22px;\n      font-weight: 400;\n      line-height: 29px;\n    }\n\n    .fs-sale-details[open] summary::after {\n      content: \"-\";\n      line-height: 25px;\n    }\n\n    .fs-sale-detail-content {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 22px;\n      padding: 0 22px 22px;\n      font-size: 15.5px;\n      font-weight: 300;\n      line-height: 1.6;\n    }\n\n    .fs-sale-detail-content p {\n      margin: 0 0 12px;\n    }\n\n    .fs-sale-detail-content p:last-child {\n      margin-bottom: 0;\n    }\n\n    .fs-sale-note {\n      padding: 16px 18px;\n      border-radius: 0;\n      background: var(--fs-grey-soft);\n      border-left: 5px solid var(--fs-red);\n    }\n\n    @media (max-width: 900px) {\n      .fs-sale-hero {\n        grid-template-columns: 1fr;\n      }\n\n      .fs-sale-image {\n        min-height: 310px;\n        order: -1;\n      }\n\n      .fs-sale-benefits {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n\n      .fs-sale-detail-content {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    @media (max-width: 560px) {\n      .fs-sale-header {\n        margin-bottom: 30px;\n        padding-inline: 12px;\n      }\n\n      .fs-sale-hero {\n        gap: 20px;\n      }\n\n      .fs-sale-image {\n        min-height: 250px;\n      }\n\n      .fs-sale-image-note {\n        font-size: 13.5px;\n      }\n\n      .fs-sale-countdown {\n        margin-top: 22px;\n        padding: 18px 12px;\n      }\n\n      .fs-sale-countdown-grid {\n        gap: 8px;\n      }\n\n      .fs-sale-countdown-note {\n        font-size: 13.5px;\n      }\n\n      .fs-sale-benefits {\n        grid-template-columns: 1fr;\n      }\n\n      .fs-sale-benefit {\n        min-height: 0;\n      }\n\n      .fs-sale-benefit-badge {\n        height: 26px;\n        font-size: 11px;\n      }\n\n      .fs-sale-details summary,\n      .fs-sale-detail-content {\n        padding-left: 16px;\n        padding-right: 16px;\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"fs-sale-hero\"\u003e\n    \u003cdiv class=\"fs-sale-copy\"\u003e\n      \u003cp class=\"fs-sale-kicker\"\u003eSommerschlussverkauf ab 01.08.\u003c\/p\u003e\n      \u003ch1 class=\"fs-sale-title\" id=\"fs-sale-title\"\u003eUnser kleinster Sommersale bisher.\u003c\/h1\u003e\n      \u003cp class=\"fs-sale-lead\"\u003e\n        Dieses Jahr wurde besonders achtsam bestellt und vieles erst auf Vorbestellung genäht. Deshalb gibt es weniger Lagerware als sonst - aber alles, was du hier findest, ist \u003cstrong\u003edirekt verfügbar\u003c\/strong\u003e und ab Sale-Start mit \u003cstrong\u003e25 % Vorteil\u003c\/strong\u003e reduziert.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"fs-sale-countdown\" data-sale-start=\"2026-08-01T10:00:00+02:00\"\u003e\n        \u003cp class=\"fs-sale-countdown-label\"\u003eStartet in\u003c\/p\u003e\n        \u003cdiv class=\"fs-sale-countdown-grid\" aria-live=\"polite\"\u003e\n          \u003cdiv\u003e\n            \u003cstrong data-countdown-days\u003e--\u003c\/strong\u003e\n            \u003cspan\u003eTage\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003cstrong data-countdown-hours\u003e--\u003c\/strong\u003e\n            \u003cspan\u003eStd.\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003cstrong data-countdown-minutes\u003e--\u003c\/strong\u003e\n            \u003cspan\u003eMin.\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"fs-sale-countdown-note\"\u003e\n          Die Produkte sind schon sichtbar. Reduziert wird ab dem 01.08. um 10 Uhr.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fs-sale-actions\"\u003e\n        \u003ca class=\"fs-sale-button\" href=\"#collection-products\"\u003eSale schon ansehen\u003c\/a\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fs-sale-image\" role=\"img\" aria-label=\"Sommerliche ForSchur Kleidung aus dem Sommerschlussverkauf\"\u003e\n      \u003cp class=\"fs-sale-image-note\"\u003e\n        Nur lagernde Produkte. Direkt lieferbar. Was weg ist, ist weg.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"fs-sale-benefits\" aria-label=\"Informationen zum ForSchur Sommerschlussverkauf\"\u003e\n    \u003carticle class=\"fs-sale-benefit\"\u003e\n      \u003cspan class=\"fs-sale-benefit-badge\" aria-hidden=\"true\"\u003e25 %\u003c\/span\u003e\n      \u003ch3\u003eAuf alles in dieser Kategorie\u003c\/h3\u003e\n      \u003cp\u003eDer Vorteil gilt ab Sale-Start auf alle lagernden Produkte in dieser Sale-Kategorie.\u003c\/p\u003e\n    \u003c\/article\u003e\n\n    \u003carticle class=\"fs-sale-benefit\"\u003e\n      \u003cspan class=\"fs-sale-benefit-badge\" aria-hidden=\"true\"\u003eDirekt\u003c\/span\u003e\n      \u003ch3\u003eSofort verfügbar\u003c\/h3\u003e\n      \u003cp\u003eKeine Vorbestellung: Alles ist bereits genäht und kann direkt auf den Weg.\u003c\/p\u003e\n    \u003c\/article\u003e\n\n    \u003carticle class=\"fs-sale-benefit\"\u003e\n      \u003cspan class=\"fs-sale-benefit-badge\" aria-hidden=\"true\"\u003eKlein\u003c\/span\u003e\n      \u003ch3\u003eWeniger als sonst\u003c\/h3\u003e\n      \u003cp\u003eUnser kleinster Sommersale bisher, weil ihr so bewusst bestellt habt.\u003c\/p\u003e\n    \u003c\/article\u003e\n\n    \u003carticle class=\"fs-sale-benefit\"\u003e\n      \u003cspan class=\"fs-sale-benefit-badge\" aria-hidden=\"true\"\u003eEinmalig\u003c\/span\u003e\n      \u003ch3\u003eWas weg ist, ist weg\u003c\/h3\u003e\n      \u003cp\u003eGrößen und Farben werden im Sale nicht nachproduziert.\u003c\/p\u003e\n    \u003c\/article\u003e\n  \u003c\/div\u003e\n\n  \u003cdetails class=\"fs-sale-details\"\u003e\n    \u003csummary\u003eMehr über diesen Sale erfahren\u003c\/summary\u003e\n    \u003cdiv class=\"fs-sale-detail-content\"\u003e\n      \u003cdiv\u003e\n        \u003cp\u003e\n          In den letzten Jahren waren unsere Sommerschlussverkäufe oft größer. Dieses Mal ist es anders: Wir haben viel achtsamer geplant und überwiegend auf Vorbestellung gefertigt.\n        \u003c\/p\u003e\n        \u003cp\u003e\n          Das ist nachhaltiger und passt viel besser zu ForSchur - bedeutet aber auch, dass im Sale nur eine kleinere Auswahl verfügbar ist.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fs-sale-note\"\u003e\n        \u003cp\u003e\n          Gut zu wissen: In dieser Kategorie findest du ausschließlich lagernde Produkte. Es gibt keine Vorbestellartikel, keine Nachproduktion und keine langen Fertigungszeiten.\n        \u003c\/p\u003e\n        \u003cp\u003e\n          Wenn deine Größe oder Lieblingsfarbe weg ist, kommt sie in diesem Sale nicht noch einmal nach.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\n  \u003cscript\u003e\n    function initForSchurSaleCountdown() {\n      var countdowns = document.querySelectorAll(\".fs-sale-countdown\");\n\n      countdowns.forEach(function (countdown) {\n        if (countdown.getAttribute(\"data-countdown-ready\") === \"true\") return;\n        countdown.setAttribute(\"data-countdown-ready\", \"true\");\n\n        var startValue = countdown.getAttribute(\"data-sale-start\");\n        var startDate = new Date(startValue);\n\n        var daysEl = countdown.querySelector(\"[data-countdown-days]\");\n        var hoursEl = countdown.querySelector(\"[data-countdown-hours]\");\n        var minutesEl = countdown.querySelector(\"[data-countdown-minutes]\");\n        var labelEl = countdown.querySelector(\".fs-sale-countdown-label\");\n        var noteEl = countdown.querySelector(\".fs-sale-countdown-note\");\n        var buttonEl = countdown.closest(\".fs-sale-copy\").querySelector(\".fs-sale-button\");\n\n        if (!startValue || isNaN(startDate.getTime()) || !daysEl || !hoursEl || !minutesEl) {\n          return;\n        }\n\n        function updateCountdown() {\n          var now = new Date();\n          var distance = startDate.getTime() - now.getTime();\n\n          if (distance \u003c= 0) {\n            labelEl.textContent = \"Der Sommersale ist gestartet\";\n            daysEl.textContent = \"25\";\n            hoursEl.textContent = \"%\";\n            minutesEl.textContent = \"\";\n            noteEl.textContent = \"Alle lagernden Produkte in dieser Kategorie sind reduziert, solange sie verfügbar sind.\";\n            if (buttonEl) buttonEl.textContent = \"Sale entdecken\";\n            return;\n          }\n\n          var days = Math.floor(distance \/ (1000 * 60 * 60 * 24));\n          var hours = Math.floor((distance \/ (1000 * 60 * 60)) % 24);\n          var minutes = Math.floor((distance \/ (1000 * 60)) % 60);\n\n          daysEl.textContent = days;\n          hoursEl.textContent = hours;\n          minutesEl.textContent = minutes;\n        }\n\n        updateCountdown();\n        setInterval(updateCountdown, 60000);\n      });\n    }\n\n    if (document.readyState === \"loading\") {\n      document.addEventListener(\"DOMContentLoaded\", initForSchurSaleCountdown);\n    } else {\n      initForSchurSaleCountdown();\n    }\n\n    document.addEventListener(\"shopify:section:load\", initForSchurSaleCountdown);\n  \u003c\/script\u003e\n\u003c\/section\u003e","products":[],"url":"https:\/\/forschur.com\/collections\/der-kleinste-sommersale-in-der-forschur-geschichte.oembed","provider":"ForSchur","version":"1.0","type":"link"}