/* =============================================================
   NEW WORKER ACADEMY · WEBSITE-STYLESHEET (Produktseiten)
   Editoriale „neu worker"-Designsprache — fürs Web adaptiert:
     · Open Sans (300 Display · 800 Akzent · uppercase Labels)
     · Night (Charcoal) / helle Creme
     · Erkennungsmarke: mint→pink Gradient-Haarlinie (Pink dezent)
   Eine Quelle für Übersicht + alle vier Produkt-Detailseiten.
   Logos sind als CSS-Variablen weiter unten inline eingebettet.
   ============================================================= */
:root{
  --mint:#6ddfc3; --mint-soft:#8ee9cd; --mint-deep:#1c8d76;
  --pink:#ef7aa8; --pink-soft:#f4a3c0;
  --char:#2a2826; --char-soft:#33302d; --char-deep:#211f1e;
  --cream:#f4f0e8; --cream-warm:#ece5d8; --cream-lite:#f6f4ef; --cream-soft:#e9e4db;
  --ink:#211f1d; --stone:#8c867f; --line:#ddd5c7;

  --on-dark:#f4f0e8;
  --on-dark-soft:rgba(244,240,232,.74);
  --on-dark-faint:rgba(244,240,232,.42);

  --grad:linear-gradient(100deg, var(--mint) 0%, var(--mint-soft) 52%, var(--pink) 128%);
  --grad-btn:linear-gradient(100deg, var(--mint) 0%, var(--pink) 100%);

  --sans:"Open Sans", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --wrap:1160px;
  --nav-h:60px;
  --logo-neg:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNDE5LjEgMTEyLjYiPgogIDxkZWZzPgogICAgCiAgPC9kZWZzPgogIDxwYXRoIGZpbGw9IiNmNGYwZTgiIGQ9Ik0wLDE2LjJ2OC43YzItMi42LDQuMy01LDYuOS03di0xLjdIMFpNMS42LDQ2LjZsLS42LDIuMy0xLDIuOHY1LjZoNi45di0yMi43YzAtLjMsMC0uNiwwLS45LTIuNCw0LTQuMSw4LjMtNS4zLDEyLjhaTTI3LjgsMjdjLjEuMy4yLjYuMy44LjQsMS41LjYsMywuNiw0LjZ2MjQuOWg2Ljl2LTE5LjVjLTIuNi00LjMtNS04LjItNy44LTEwLjhaIj48L3BhdGg+CiAgPHBhdGggZmlsbD0iI2Y0ZjBlOCIgZD0iTTc4LjgsMjMuNmMtMS0xLjgtMi4zLTMuMy0zLjktNC42LTEuNi0xLjMtMy41LTIuMi01LjQtMi44LTIuMS0uNy00LjMtMS02LjUtMS0zLDAtNS45LjYtOC42LDEuNy0yLjQsMS4xLTQuNiwyLjctNi4zLDQuNy0xLjcsMi4xLTMuMSw0LjQtMy45LDctLjIuNS0uMywxLjEtLjUsMS42LjgsMS4zLDEuNiwyLjYsMi4zLDMuOSwxLjQsMi40LDIuOCw0LjcsNC4xLDYuOGwyNS42LTkuNGMuOS0yLjYsMi01LjIsMy4zLTcuNiwwLS4xLS4xLS4zLS4yLS40Wk00OS43LDM2Ljh2LTEuMWMwLTEuOS4zLTMuOS45LTUuOC41LTEuNywxLjQtMy40LDIuNS00LjgsMS4xLTEuNCwyLjUtMi41LDQuMS0zLjMsMS45LS45LDMuOS0xLjMsNS45LTEuMiwyLjQsMCw0LjcuNiw2LjYsMiwxLjgsMS40LDMuMiwzLjMsMy44LDUuNWwtMjMuOSw4LjZaIj48L3BhdGg+CiAgPHBhdGggZmlsbD0iI2Y0ZjBlOCIgZD0iTTE0Niw1Ny4zaDYuMnYtNy42Yy0xLjcsMi44LTMuOCw1LjMtNi4yLDcuNlpNMTQ1LjIsMTYuMnYyNC4xYy44LTEuNiwxLjctMy4zLDIuNS00LjksMS4zLTIuNywyLjgtNS41LDQuNC04LjN2LTEwLjhoLTdaTTEyMy41LDQxLjJ2LTI0LjloLTYuOXYxMy41YzEsMS44LDEuOSwzLjcsMi44LDUuNSwxLjQsMi45LDIuOCw1LjgsNC4zLDguMiwwLS44LS4xLTEuNi0uMS0yLjNaTTExNCw0OC4yYzAsLjEtLjIuMi0uMi4zLTEsMS4zLTIuMiwyLjMtMy42LDMtMS42LjgtMy4zLDEuMi01LjEsMS4xLTEuNiwwLTMuMS0uMy00LjUtLjktMS4yLS41LTIuMy0xLjQtMy4xLTIuNC0uOS0xLjEtMS41LTIuMy0xLjgtMy42LS40LTEuNS0uNi0zLS42LTQuNnYtMTAuMWMtMi45LjItNC44LDItNi45LDYuMnY2LjZjMCw0LjQsMS4zLDcuOSwzLjksMTAuNXM2LjEsMy45LDEwLjUsMy45YzMuMy4xLDYuNi0uOCw5LjQtMi41LDEuNy0xLjIsMy4xLTIuNyw0LjEtNC41LS43LTEtMS4zLTItMS45LTNoMFoiPjwvcGF0aD4KICA8cGF0aCBmaWxsPSIjZjRmMGU4IiBkPSJNMjM4LjUsNTZjLS41LjQtMSwuNy0xLjUsMS4xdi4zaDYuOXYtNi42Yy0xLjcsMS45LTMuNSwzLjctNS40LDUuMlpNMjM3LDE2LjJ2MjIuN2MwLDEuMy0uMSwyLjUtLjQsMy44LDEuOS0yLjIsMy42LTQuNiw1LjQtN2wxLjctMi40YzAtLjEuMi0uMi4yLS4zdi0xNi43aC02LjlaTTIxNS45LDQ1LjdjLS40LTEuNS0uNi0zLS42LTQuNnYtMjQuOWgtNi45djE4LjhsMiwzLjNjMS42LDIuNywzLjQsNS4zLDUuNiw3LjYsMCwwLDAsMCwwLS4xWk0yMDYuNCw1MS4zYy0uNi0uNy0xLjEtMS4zLTEuNi0yLS44LjgtMS43LDEuNS0yLjYsMi0uMSwwLS4yLjEtLjMuMi0xLjYuOC0zLjQsMS4yLTUuMSwxLjEtMS42LDAtMy4xLS4zLTQuNS0uOS0xLjItLjUtMi4zLTEuNC0zLjItMi40LS45LTEuMS0xLjUtMi4zLTEuOC0zLjYtLjQtMS41LS42LTMtLjYtNC42di0yNC45aC02Ljl2MjcuNmMwLDQuNCwxLjMsNy45LDMuOSwxMC41LDIuNSwyLjQsNS44LDMuOCw5LjIsMy45aDEuM2MzLjMuMSw2LjYtLjgsOS40LTIuNSwxLjQtMSwyLjYtMi4yLDMuNS0zLjdoMGMtLjItLjItLjQtLjUtLjYtLjdaIj48L3BhdGg+CiAgPHBhdGggZmlsbD0iI2Y0ZjBlOCIgZD0iTTI4NS43LDM5LjZjLS41LTEtMS0yLTEuNS0zaDBjMCwyLjEtLjIsNC4xLS44LDYtLjUsMS45LTEuMywzLjYtMi40LDUuMi0xLDEuNS0yLjQsMi43LTQsMy42LTMuNywxLjktOC4xLDEuOS0xMS44LDAtMS42LS45LTMtMi4xLTQtMy42LTEuMS0xLjYtMS45LTMuMy0yLjMtNS4yLTEtMy45LTEtOCwwLTExLjhoMGMtMi4xLDIuNS00LjIsNS41LTYuNCw4LjZsLS4zLjUtLjcsMWMuMiwxLjQuNSwyLjcuOSw0LC44LDIuNSwyLjEsNC45LDMuOCw2LjksMS43LDIsMy44LDMuNiw2LjIsNC43LDUuNiwyLjMsMTEuOSwyLjMsMTcuNSwwLDIuNC0xLjEsNC41LTIuNyw2LjItNC43LDEuMy0xLjYsMi4zLTMuMywzLjEtNS4yLTEuMy0yLjMtMi41LTQuNy0zLjctN1oiPjwvcGF0aD4KICA8cGF0aCBmaWxsPSIjZjRmMGU4IiBkPSJNMzIwLjQsMTUuM2gtMWMtMywwLTYsLjctOC43LDIuMi0yLjUsMS42LTQuNSw0LTUuNSw2Ljh2LThoLTYuOXYyNC42YzIuMSw0LDQuNCw3LjQsNi45LDkuNHYtMTUuNmMwLTEuNy4yLTMuNS43LTUuMi40LTEuNiwxLjItMy4xLDIuMS00LjQsMS0xLjMsMi4yLTIuMywzLjYtMywxLjYtLjgsMy4zLTEuMiw1LjEtMS4xbDQuNC01LjZjLS4zLDAtLjUsMC0uOCwwWiI+PC9wYXRoPgogIDxwYXRoIGZpbGw9IiNmNGYwZTgiIGQ9Ik0zMzkuMyw0MC44Yy0xLjMsMS44LTIuNiwzLjYtNCw1LjNsOC4zLDExLjJoNy42bC0xMS45LTE2LjVaTTMyNS42LDB2NDFjMi4zLTIuOSw0LjYtNi4xLDYuOS05LjJWMGgtNi45Wk0zMjUuNiw1Ni40di45aDYuOXYtNy44Yy0yLjEsMi41LTQuNCw0LjgtNi45LDYuOVoiPjwvcGF0aD4KICA8cGF0aCBmaWxsPSIjZjRmMGU4IiBkPSJNMzgyLjIsNDIuM2MtLjEsMS41LS41LDMtMS4xLDQuMy0uNiwxLjMtMS40LDIuNC0yLjUsMy4zLTEsLjktMi4zLDEuNy0zLjYsMi4yLTEuNC41LTIuOS44LTQuNC43LTEuNywwLTMuNS0uMy01LjEtLjktMS40LS42LTIuNy0xLjQtMy43LTIuNS0xLjEtMS4xLTEuOS0yLjQtMi41LTMuOC0uNy0xLjQtMS4xLTMtMS4zLTQuNmwyMy4zLTguNWgwYy0uNC0xLjMtLjktMi41LTEuNS0zLjdsLTIxLjksNy45di0xLjFjMC0xLjkuMy0zLjkuOS01LjguNS0xLjcsMS40LTMuNCwyLjUtNC44LDEuMS0xLjQsMi41LTIuNSw0LjEtMy4zLDEuNS0uNywzLjItMS4xLDQuOS0xLjItMS43LS41LTMuNC0uNy01LjEtLjctMi45LDAtNS43LjUtOC41LDEuNS0uMSwwLS4zLjEtLjQuMiwwLDAsMCwwLDAsMC0xLjgsMi0zLjEsNC40LTMuOSw3LS45LDIuOC0xLjQsNS43LTEuMyw4LjYsMCwyLjguNCw1LjYsMS40LDguMi45LDIuNCwyLjIsNC43LDMuOSw2LjcsMS43LDEuOSwzLjgsMy40LDYuMiw0LjUsMi42LDEuMSw1LjQsMS43LDguMiwxLjYsMi4zLDAsNC42LS4zLDYuOC0xLjEsMi0uNywzLjktMS44LDUuNi0zLjIsMS42LTEuNCwzLTMuMSw0LTUsMS4xLTIuMSwxLjctNC40LDEuOS02LjdoLTYuNloiPjwvcGF0aD4KICA8cGF0aCBmaWxsPSIjZjRmMGU4IiBkPSJNNDE4LjIsMTUuM2gtMWMtMywwLTYsLjctOC43LDIuMi0yLjUsMS42LTQuNSw0LTUuNSw2Ljh2LThoLTYuOXY0MWg2Ljl2LTIyLjdjMC0xLjcuMi0zLjUuNy01LjIuNS0xLjYsMS4yLTMuMSwyLjItNC40LjktMS4zLDIuMi0yLjMsMy42LTMsMS42LS44LDMuMy0xLjIsNS4xLTEuMWw0LjQtNS42Yy0uMywwLS42LDAtLjksMFoiPjwvcGF0aD4KICA8cGF0aCBmaWxsPSIjZjRmMGU4IiBkPSJNMTQ5LjksMzYuNWMtNC41LDktOC43LDE3LjQtMTYuNCwxNy40aDBjLTcuNywwLTExLjgtOC41LTE2LjItMTcuNS00LjgtOS44LTEwLjItMjAuOC0yMS42LTIwLjloMGMtMTEuNiwwLTE1LjUsMTAuOS0xOSwyMC42LTMuNywxMC40LTYuNSwxNi43LTEzLjQsMTYuOGgtLjJjLTksMC0xMy45LTguNC0xOS4xLTE3LjQtNS41LTkuNS0xMS44LTIwLjMtMjQuNC0yMC4zaDBjLS42LDAtMTEsLjctMTkuMiwxMy41djE0LjJjNi43LTIwLjYsMTktMjEuNywxOS40LTIxLjgsOSwwLDEzLjksOC40LDE5LjEsMTcuMyw1LjYsOS42LDEyLDIwLjQsMjQuNSwyMC4zLDExLjYtLjEsMTUuNS0xMS4xLDE5LTIwLjcsMy43LTEwLjQsNi41LTE2LjYsMTMuMy0xNi42aDBjNy42LDAsMTEuOCw4LjUsMTYuMiwxNy41LDQuOCw5LjgsMTAuMiwyMC44LDIxLjYsMjAuOWgwYzksMCwxNC40LTcsMTguNi0xNC44di0xMy4xYy0uOCwxLjUtMS41LDMtMi4zLDQuNVoiPjwvcGF0aD4KICA8cGF0aCBmaWxsPSIjZjRmMGU4IiBkPSJNMzg5LjEsMjkuOGwtNS42LDJjLTIuMS02LjEtNS41LTEwLjMtMTAtMTIuNC03LjctMy42LTE2LjctLjUtMTcuNi0uMS01LjMsMi0xMC42LDkuNC0xNi4yLDE3LjItOC4xLDExLjItMTcuMywyMy45LTI5LjcsMjMuOWgwYy0xMS4zLDAtMTYuOC0xMS4xLTIyLTIxLjgtNC42LTkuNS05LTE4LjQtMTYuNy0xOC40aDBjLTcuOSwwLTE0LjEsOC43LTIwLjYsMTgtMi4xLDMuMS00LjMsNi4yLTYuNiw5LTIsMi42LTQuNCw0LjktNi45LDctMy4zLDIuOC03LjUsNC40LTExLjgsNC41aC0uMmMtMS41LDAtMi45LS4yLTQuNC0uNWgwYy0zLjUtLjgtNi42LTIuNi05LjItNS4xLTEuMS0xLTIuMS0yLjEtMy0zLjItLjctLjgtMS40LTEuNy0yLTIuNi42LTEsMS0yLDEuMy0zLjEuNC0xLjUuNy0zLC43LTQuNiw0LjQsNy4yLDkuMSwxMy4xLDE2LjYsMTMuMWguMWMuNCwwLC43LDAsMS4xLDAsMi43LS40LDUuMy0xLjYsNy4zLTMuMywzLjYtMi45LDctNy4zLDEwLjQtMTIuMmwxLjctMi40YzcuMS0xMC4xLDE0LjQtMjAuNSwyNS40LTIwLjVoMGMxMS40LDAsMTYuOCwxMS4xLDIyLDIxLjgsNC42LDkuNSw5LDE4LjQsMTYuNiwxOC40aDBjOS40LDAsMTcuMi0xMC45LDI0LjgtMjEuNSw2LjItOC42LDEyLTE2LjYsMTktMTkuMywyLS43LDEyLjUtNC4zLDIyLjMuMyw2LDIuOCwxMC41LDguMSwxMy4xLDE1LjhaIj48L3BhdGg+CiAgPHRleHQgZmlsbD0iI2Y0ZjBlOCIgZm9udC1mYW1pbHk9IkFyaWFsLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWYiIGZvbnQtd2VpZ2h0PSI3MDAiIGZvbnQtc2l6ZT0iMjIiIGxldHRlci1zcGFjaW5nPSIyMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzMuNCA5OC4yKSI+PHRzcGFuIHg9IjAiIHk9IjAiPkFDQURFTVk8L3RzcGFuPjwvdGV4dD4KPC9zdmc+");
  --logo-pos:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDQxOS4xIDExMi42Ij4KICA8ZGVmcz4KICAgIAogICAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQiIHgxPSIyOC45IiB5MT0iNzYuMiIgeDI9IjQ1Ny44IiB5Mj0iNTkuOCIgZ3JhZGllbnRUcmFuc2Zvcm09InRyYW5zbGF0ZSgwIDExNCkgc2NhbGUoMSAtMSkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMDFmNjEwIj48L3N0b3A+CiAgICAgIDxzdG9wIG9mZnNldD0iLjMiIHN0b3AtY29sb3I9IiMwNmZjZjUiPjwvc3RvcD4KICAgICAgPHN0b3Agb2Zmc2V0PSIuNiIgc3RvcC1jb2xvcj0iI2Y1ODQ0ZCI+PC9zdG9wPgogICAgICA8c3RvcCBvZmZzZXQ9Ii44IiBzdG9wLWNvbG9yPSIjZWMxZjc4Ij48L3N0b3A+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzZmMmM4ZSI+PC9zdG9wPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+CiAgPHBhdGggZmlsbD0idXJsKCNsaW5lYXItZ3JhZGllbnQpIiBkPSJNMCwxNi4ydjguN2MyLTIuNiw0LjMtNSw2LjktN3YtMS43SDBaTTEuNiw0Ni42bC0uNiwyLjMtMSwyLjh2NS42aDYuOXYtMjIuN2MwLS4zLDAtLjYsMC0uOS0yLjQsNC00LjEsOC4zLTUuMywxMi44Wk0yNy44LDI3Yy4xLjMuMi42LjMuOC40LDEuNS42LDMsLjYsNC42djI0LjloNi45di0xOS41Yy0yLjYtNC4zLTUtOC4yLTcuOC0xMC44WiI+PC9wYXRoPgogIDxwYXRoIGZpbGw9InVybCgjbGluZWFyLWdyYWRpZW50KSIgZD0iTTc4LjgsMjMuNmMtMS0xLjgtMi4zLTMuMy0zLjktNC42LTEuNi0xLjMtMy41LTIuMi01LjQtMi44LTIuMS0uNy00LjMtMS02LjUtMS0zLDAtNS45LjYtOC42LDEuNy0yLjQsMS4xLTQuNiwyLjctNi4zLDQuNy0xLjcsMi4xLTMuMSw0LjQtMy45LDctLjIuNS0uMywxLjEtLjUsMS42LjgsMS4zLDEuNiwyLjYsMi4zLDMuOSwxLjQsMi40LDIuOCw0LjcsNC4xLDYuOGwyNS42LTkuNGMuOS0yLjYsMi01LjIsMy4zLTcuNiwwLS4xLS4xLS4zLS4yLS40Wk00OS43LDM2Ljh2LTEuMWMwLTEuOS4zLTMuOS45LTUuOC41LTEuNywxLjQtMy40LDIuNS00LjgsMS4xLTEuNCwyLjUtMi41LDQuMS0zLjMsMS45LS45LDMuOS0xLjMsNS45LTEuMiwyLjQsMCw0LjcuNiw2LjYsMiwxLjgsMS40LDMuMiwzLjMsMy44LDUuNWwtMjMuOSw4LjZaIj48L3BhdGg+CiAgPHBhdGggZmlsbD0idXJsKCNsaW5lYXItZ3JhZGllbnQpIiBkPSJNMTQ2LDU3LjNoNi4ydi03LjZjLTEuNywyLjgtMy44LDUuMy02LjIsNy42Wk0xNDUuMiwxNi4ydjI0LjFjLjgtMS42LDEuNy0zLjMsMi41LTQuOSwxLjMtMi43LDIuOC01LjUsNC40LTguM3YtMTAuOGgtN1pNMTIzLjUsNDEuMnYtMjQuOWgtNi45djEzLjVjMSwxLjgsMS45LDMuNywyLjgsNS41LDEuNCwyLjksMi44LDUuOCw0LjMsOC4yLDAtLjgtLjEtMS42LS4xLTIuM1pNMTE0LDQ4LjJjMCwuMS0uMi4yLS4yLjMtMSwxLjMtMi4yLDIuMy0zLjYsMy0xLjYuOC0zLjMsMS4yLTUuMSwxLjEtMS42LDAtMy4xLS4zLTQuNS0uOS0xLjItLjUtMi4zLTEuNC0zLjEtMi40LS45LTEuMS0xLjUtMi4zLTEuOC0zLjYtLjQtMS41LS42LTMtLjYtNC42di0xMC4xYy0yLjkuMi00LjgsMi02LjksNi4ydjYuNmMwLDQuNCwxLjMsNy45LDMuOSwxMC41czYuMSwzLjksMTAuNSwzLjljMy4zLjEsNi42LS44LDkuNC0yLjUsMS43LTEuMiwzLjEtMi43LDQuMS00LjUtLjctMS0xLjMtMi0xLjktM2gwWiI+PC9wYXRoPgogIDxwYXRoIGZpbGw9InVybCgjbGluZWFyLWdyYWRpZW50KSIgZD0iTTIzOC41LDU2Yy0uNS40LTEsLjctMS41LDEuMXYuM2g2Ljl2LTYuNmMtMS43LDEuOS0zLjUsMy43LTUuNCw1LjJaTTIzNywxNi4ydjIyLjdjMCwxLjMtLjEsMi41LS40LDMuOCwxLjktMi4yLDMuNi00LjYsNS40LTdsMS43LTIuNGMwLS4xLjItLjIuMi0uM3YtMTYuN2gtNi45Wk0yMTUuOSw0NS43Yy0uNC0xLjUtLjYtMy0uNi00LjZ2LTI0LjloLTYuOXYxOC44bDIsMy4zYzEuNiwyLjcsMy40LDUuMyw1LjYsNy42LDAsMCwwLDAsMC0uMVpNMjA2LjQsNTEuM2MtLjYtLjctMS4xLTEuMy0xLjYtMi0uOC44LTEuNywxLjUtMi42LDItLjEsMC0uMi4xLS4zLjItMS42LjgtMy40LDEuMi01LjEsMS4xLTEuNiwwLTMuMS0uMy00LjUtLjktMS4yLS41LTIuMy0xLjQtMy4yLTIuNC0uOS0xLjEtMS41LTIuMy0xLjgtMy42LS40LTEuNS0uNi0zLS42LTQuNnYtMjQuOWgtNi45djI3LjZjMCw0LjQsMS4zLDcuOSwzLjksMTAuNSwyLjUsMi40LDUuOCwzLjgsOS4yLDMuOWgxLjNjMy4zLjEsNi42LS44LDkuNC0yLjUsMS40LTEsMi42LTIuMiwzLjUtMy43aDBjLS4yLS4yLS40LS41LS42LS43WiI+PC9wYXRoPgogIDxwYXRoIGZpbGw9InVybCgjbGluZWFyLWdyYWRpZW50KSIgZD0iTTI4NS43LDM5LjZjLS41LTEtMS0yLTEuNS0zaDBjMCwyLjEtLjIsNC4xLS44LDYtLjUsMS45LTEuMywzLjYtMi40LDUuMi0xLDEuNS0yLjQsMi43LTQsMy42LTMuNywxLjktOC4xLDEuOS0xMS44LDAtMS42LS45LTMtMi4xLTQtMy42LTEuMS0xLjYtMS45LTMuMy0yLjMtNS4yLTEtMy45LTEtOCwwLTExLjhoMGMtMi4xLDIuNS00LjIsNS41LTYuNCw4LjZsLS4zLjUtLjcsMWMuMiwxLjQuNSwyLjcuOSw0LC44LDIuNSwyLjEsNC45LDMuOCw2LjksMS43LDIsMy44LDMuNiw2LjIsNC43LDUuNiwyLjMsMTEuOSwyLjMsMTcuNSwwLDIuNC0xLjEsNC41LTIuNyw2LjItNC43LDEuMy0xLjYsMi4zLTMuMywzLjEtNS4yLTEuMy0yLjMtMi41LTQuNy0zLjctN1oiPjwvcGF0aD4KICA8cGF0aCBmaWxsPSJ1cmwoI2xpbmVhci1ncmFkaWVudCkiIGQ9Ik0zMjAuNCwxNS4zaC0xYy0zLDAtNiwuNy04LjcsMi4yLTIuNSwxLjYtNC41LDQtNS41LDYuOHYtOGgtNi45djI0LjZjMi4xLDQsNC40LDcuNCw2LjksOS40di0xNS42YzAtMS43LjItMy41LjctNS4yLjQtMS42LDEuMi0zLjEsMi4xLTQuNCwxLTEuMywyLjItMi4zLDMuNi0zLDEuNi0uOCwzLjMtMS4yLDUuMS0xLjFsNC40LTUuNmMtLjMsMC0uNSwwLS44LDBaIj48L3BhdGg+CiAgPHBhdGggZmlsbD0idXJsKCNsaW5lYXItZ3JhZGllbnQpIiBkPSJNMzM5LjMsNDAuOGMtMS4zLDEuOC0yLjYsMy42LTQsNS4zbDguMywxMS4yaDcuNmwtMTEuOS0xNi41Wk0zMjUuNiwwdjQxYzIuMy0yLjksNC42LTYuMSw2LjktOS4yVjBoLTYuOVpNMzI1LjYsNTYuNHYuOWg2Ljl2LTcuOGMtMi4xLDIuNS00LjQsNC44LTYuOSw2LjlaIj48L3BhdGg+CiAgPHBhdGggZmlsbD0idXJsKCNsaW5lYXItZ3JhZGllbnQpIiBkPSJNMzgyLjIsNDIuM2MtLjEsMS41LS41LDMtMS4xLDQuMy0uNiwxLjMtMS40LDIuNC0yLjUsMy4zLTEsLjktMi4zLDEuNy0zLjYsMi4yLTEuNC41LTIuOS44LTQuNC43LTEuNywwLTMuNS0uMy01LjEtLjktMS40LS42LTIuNy0xLjQtMy43LTIuNS0xLjEtMS4xLTEuOS0yLjQtMi41LTMuOC0uNy0xLjQtMS4xLTMtMS4zLTQuNmwyMy4zLTguNWgwYy0uNC0xLjMtLjktMi41LTEuNS0zLjdsLTIxLjksNy45di0xLjFjMC0xLjkuMy0zLjkuOS01LjguNS0xLjcsMS40LTMuNCwyLjUtNC44LDEuMS0xLjQsMi41LTIuNSw0LjEtMy4zLDEuNS0uNywzLjItMS4xLDQuOS0xLjItMS43LS41LTMuNC0uNy01LjEtLjctMi45LDAtNS43LjUtOC41LDEuNS0uMSwwLS4zLjEtLjQuMiwwLDAsMCwwLDAsMC0xLjgsMi0zLjEsNC40LTMuOSw3LS45LDIuOC0xLjQsNS43LTEuMyw4LjYsMCwyLjguNCw1LjYsMS40LDguMi45LDIuNCwyLjIsNC43LDMuOSw2LjcsMS43LDEuOSwzLjgsMy40LDYuMiw0LjUsMi42LDEuMSw1LjQsMS43LDguMiwxLjYsMi4zLDAsNC42LS4zLDYuOC0xLjEsMi0uNywzLjktMS44LDUuNi0zLjIsMS42LTEuNCwzLTMuMSw0LTUsMS4xLTIuMSwxLjctNC40LDEuOS02LjdoLTYuNloiPjwvcGF0aD4KICA8cGF0aCBmaWxsPSJ1cmwoI2xpbmVhci1ncmFkaWVudCkiIGQ9Ik00MTguMiwxNS4zaC0xYy0zLDAtNiwuNy04LjcsMi4yLTIuNSwxLjYtNC41LDQtNS41LDYuOHYtOGgtNi45djQxaDYuOXYtMjIuN2MwLTEuNy4yLTMuNS43LTUuMi41LTEuNiwxLjItMy4xLDIuMi00LjQuOS0xLjMsMi4yLTIuMywzLjYtMywxLjYtLjgsMy4zLTEuMiw1LjEtMS4xbDQuNC01LjZjLS4zLDAtLjYsMC0uOSwwWiI+PC9wYXRoPgogIDxwYXRoIGZpbGw9InVybCgjbGluZWFyLWdyYWRpZW50KSIgZD0iTTE0OS45LDM2LjVjLTQuNSw5LTguNywxNy40LTE2LjQsMTcuNGgwYy03LjcsMC0xMS44LTguNS0xNi4yLTE3LjUtNC44LTkuOC0xMC4yLTIwLjgtMjEuNi0yMC45aDBjLTExLjYsMC0xNS41LDEwLjktMTksMjAuNi0zLjcsMTAuNC02LjUsMTYuNy0xMy40LDE2LjhoLS4yYy05LDAtMTMuOS04LjQtMTkuMS0xNy40LTUuNS05LjUtMTEuOC0yMC4zLTI0LjQtMjAuM2gwYy0uNiwwLTExLC43LTE5LjIsMTMuNXYxNC4yYzYuNy0yMC42LDE5LTIxLjcsMTkuNC0yMS44LDksMCwxMy45LDguNCwxOS4xLDE3LjMsNS42LDkuNiwxMiwyMC40LDI0LjUsMjAuMywxMS42LS4xLDE1LjUtMTEuMSwxOS0yMC43LDMuNy0xMC40LDYuNS0xNi42LDEzLjMtMTYuNmgwYzcuNiwwLDExLjgsOC41LDE2LjIsMTcuNSw0LjgsOS44LDEwLjIsMjAuOCwyMS42LDIwLjloMGM5LDAsMTQuNC03LDE4LjYtMTQuOHYtMTMuMWMtLjgsMS41LTEuNSwzLTIuMyw0LjVaIj48L3BhdGg+CiAgPHBhdGggZmlsbD0idXJsKCNsaW5lYXItZ3JhZGllbnQpIiBkPSJNMzg5LjEsMjkuOGwtNS42LDJjLTIuMS02LjEtNS41LTEwLjMtMTAtMTIuNC03LjctMy42LTE2LjctLjUtMTcuNi0uMS01LjMsMi0xMC42LDkuNC0xNi4yLDE3LjItOC4xLDExLjItMTcuMywyMy45LTI5LjcsMjMuOWgwYy0xMS4zLDAtMTYuOC0xMS4xLTIyLTIxLjgtNC42LTkuNS05LTE4LjQtMTYuNy0xOC40aDBjLTcuOSwwLTE0LjEsOC43LTIwLjYsMTgtMi4xLDMuMS00LjMsNi4yLTYuNiw5LTIsMi42LTQuNCw0LjktNi45LDctMy4zLDIuOC03LjUsNC40LTExLjgsNC41aC0uMmMtMS41LDAtMi45LS4yLTQuNC0uNWgwYy0zLjUtLjgtNi42LTIuNi05LjItNS4xLTEuMS0xLTIuMS0yLjEtMy0zLjItLjctLjgtMS40LTEuNy0yLTIuNi42LTEsMS0yLDEuMy0zLjEuNC0xLjUuNy0zLC43LTQuNiw0LjQsNy4yLDkuMSwxMy4xLDE2LjYsMTMuMWguMWMuNCwwLC43LDAsMS4xLDAsMi43LS40LDUuMy0xLjYsNy4zLTMuMywzLjYtMi45LDctNy4zLDEwLjQtMTIuMmwxLjctMi40YzcuMS0xMC4xLDE0LjQtMjAuNSwyNS40LTIwLjVoMGMxMS40LDAsMTYuOCwxMS4xLDIyLDIxLjgsNC42LDkuNSw5LDE4LjQsMTYuNiwxOC40aDBjOS40LDAsMTcuMi0xMC45LDI0LjgtMjEuNSw2LjItOC42LDEyLTE2LjYsMTktMTkuMywyLS43LDEyLjUtNC4zLDIyLjMuMyw2LDIuOCwxMC41LDguMSwxMy4xLDE1LjhaIj48L3BhdGg+CiAgPHRleHQgZmlsbD0iIzI2MWQzNyIgZm9udC1mYW1pbHk9IkFyaWFsLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWYiIGZvbnQtd2VpZ2h0PSI3MDAiIGZvbnQtc2l6ZT0iMjIiIGxldHRlci1zcGFjaW5nPSIyMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzMuNCA5OC4yKSI+PHRzcGFuIHg9IjAiIHk9IjAiPkFDQURFTVk8L3RzcGFuPjwvdGV4dD4KPC9zdmc+");
}

*{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; }
body{ background:var(--cream); color:var(--ink); font-family:var(--sans);
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; line-height:1.6; }
img{ max-width:100%; display:block; }
a{ color:inherit; }
.grad-text{ background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent; }

/* ============================ NAV (sticky, Night) ============================ */
.nav{ position:sticky; top:0; z-index:50;
  background:rgba(38,36,33,.86); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(244,240,232,.08); }
.nav-inner{ max-width:var(--wrap); margin:0 auto; display:flex; align-items:center; gap:24px;
  padding:14px clamp(18px,4vw,40px); }
.nav-logo{ display:block; width:170px; height:32px; flex-shrink:0;
  background:var(--logo-neg) left center/contain no-repeat; }
.nav-links{ display:flex; gap:26px; margin-left:auto; list-style:none; }
.nav-links a{ font-size:.74rem; letter-spacing:.14em; text-transform:uppercase; font-weight:700;
  color:var(--on-dark-soft); text-decoration:none; transition:color .2s; white-space:nowrap; }
.nav-links a:hover, .nav-links a.is-active{ color:var(--mint); }
.nav-cta{ display:inline-flex; align-items:center; gap:8px; padding:10px 20px; border-radius:999px;
  background:var(--grad-btn); color:#fff; font-size:.7rem; letter-spacing:.14em; text-transform:uppercase;
  font-weight:700; text-decoration:none; white-space:nowrap; transition:transform .18s, filter .18s; }
.nav-cta:hover{ transform:translateY(-1px); filter:brightness(1.05); }
@media(max-width:860px){ .nav-links{ display:none; } }

/* ============================ PRODUCT HERO (Night) ============================ */
.phero{ position:relative; overflow:hidden; color:var(--on-dark);
  background:
    radial-gradient(120% 70% at 50% 112%, rgba(239,122,168,.06), transparent 60%),
    radial-gradient(90% 60% at 50% -8%, rgba(109,223,195,.16), transparent 60%),
    linear-gradient(180deg,#2c2927 0%, #2a2826 56%, #232120 100%);
  padding:clamp(56px,9vw,120px) clamp(20px,5vw,64px) clamp(48px,7vw,96px); }
.phero::before{ content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:repeating-linear-gradient(115deg, rgba(244,240,232,.02) 0 1px, transparent 1px 18px); opacity:.7; }
.phero-inner{ position:relative; z-index:2; max-width:var(--wrap); margin:0 auto; }
.crumb{ display:flex; align-items:center; gap:10px; font-size:.7rem; letter-spacing:.18em;
  text-transform:uppercase; font-weight:700; color:var(--on-dark-faint); margin:0 0 28px; }
.crumb a{ color:var(--on-dark-faint); text-decoration:none; transition:color .2s; }
.crumb a:hover{ color:var(--mint); }
.phero-grid{ display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(32px,5vw,72px); align-items:center; }
@media(max-width:840px){ .phero-grid{ grid-template-columns:1fr; gap:36px; } }
.kick{ display:flex; align-items:center; gap:16px; margin:0 0 22px; }
.kick span{ font-size:clamp(10px,1.05vw,12px); letter-spacing:.34em; text-transform:uppercase;
  font-weight:700; color:var(--mint); white-space:nowrap; }
.kick .ln{ height:2px; width:clamp(36px,6vw,90px); border-radius:999px; background:var(--grad); opacity:.6; }
.phero h1{ font-weight:300; font-size:clamp(2.3rem,5.4vw,4.4rem); line-height:1.05; letter-spacing:-.02em;
  color:var(--cream); text-wrap:balance; }
.phero h1 b{ font-weight:800; }
.phero-sub{ font-weight:300; font-style:italic; font-size:clamp(1.05rem,1.8vw,1.45rem); line-height:1.5;
  color:var(--mint-soft); max-width:46ch; margin:24px 0 0; }
.phero-actions{ display:flex; gap:14px; flex-wrap:wrap; margin:36px 0 0; }
.pill{ display:inline-flex; align-items:center; gap:10px; padding:13px 26px; border:0; border-radius:999px;
  background:var(--grad-btn); color:#fff; font-family:var(--sans); font-weight:700; font-size:.74rem;
  letter-spacing:.16em; text-transform:uppercase; text-decoration:none; cursor:pointer;
  box-shadow:0 10px 28px rgba(40,36,30,.28); transition:transform .18s, box-shadow .18s, filter .18s; }
.pill:hover{ transform:translateY(-2px); box-shadow:0 16px 38px rgba(40,36,30,.36); filter:brightness(1.04); }
.pill .arr{ transition:transform .2s; }
.pill:hover .arr{ transform:translateX(4px); }
.ghost{ display:inline-flex; align-items:center; gap:10px; padding:13px 26px; border-radius:999px;
  border:1px solid rgba(109,223,195,.4); background:transparent; color:var(--on-dark);
  font-family:var(--sans); font-weight:700; font-size:.74rem; letter-spacing:.16em; text-transform:uppercase;
  text-decoration:none; cursor:pointer; transition:border-color .2s, background .2s; }
.ghost:hover{ border-color:var(--mint); background:rgba(109,223,195,.08); }

/* hero figure (image dropzone) */
.phero-fig{ position:relative; aspect-ratio:4/5; border:1px dashed rgba(109,223,195,.34); border-radius:4px;
  background:#34312d; display:flex; align-items:center; justify-content:center; text-align:center;
  padding:24px; overflow:hidden; }
.phero-fig::before{ content:""; position:absolute; left:0; top:0; width:90px; height:3px; background:var(--grad); }
.phero-fig::after{ content:""; position:absolute; left:0; top:0; width:3px; height:90px; background:var(--grad); }
.phero-fig span{ font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; color:var(--on-dark-faint);
  line-height:1.6; }

/* ============================ FACT STRIP ============================ */
.facts{ background:var(--char-deep); color:var(--on-dark);
  border-top:1px solid rgba(244,240,232,.06); }
.facts-inner{ max-width:var(--wrap); margin:0 auto; display:grid; grid-template-columns:repeat(4,1fr);
  gap:1px; background:rgba(244,240,232,.08); }
.fact{ background:var(--char-deep); padding:clamp(22px,3vw,34px) clamp(20px,3vw,32px); }
.fact dt{ font-size:.66rem; letter-spacing:.22em; text-transform:uppercase; font-weight:700;
  color:var(--mint); margin:0 0 8px; }
.fact dd{ font-weight:300; font-size:clamp(1.05rem,1.5vw,1.35rem); color:var(--cream); line-height:1.25; }
.fact dd b{ font-weight:800; }
@media(max-width:760px){ .facts-inner{ grid-template-columns:1fr 1fr; } }

/* ============================ SECTIONS (Cream) ============================ */
.belt{ position:relative; background:linear-gradient(180deg,#f4eee2 0%,#ece4d5 100%);
  padding:clamp(56px,8vw,110px) clamp(20px,5vw,64px); }
.belt:nth-of-type(even){ background:var(--cream-lite); }
.belt-inner{ max-width:var(--wrap); margin:0 auto; }
.belt-inner.narrow{ max-width:760px; }
.sec-head{ margin:0 0 clamp(36px,5vw,56px); }
.sec-head.center{ text-align:center; }
.kicker{ font-size:clamp(10px,1.05vw,12px); letter-spacing:.34em; text-transform:uppercase;
  font-weight:700; color:var(--mint-deep); margin:0 0 14px; }
.sec-head h2{ font-weight:300; font-size:clamp(1.7rem,3.4vw,2.8rem); line-height:1.1;
  letter-spacing:-.015em; color:var(--ink); text-wrap:balance; }
.sec-head h2 b{ font-weight:800; }
.lede{ font-weight:300; font-style:italic; font-size:clamp(1.05rem,1.6vw,1.3rem); line-height:1.5;
  color:var(--mint-deep); max-width:62ch; margin:18px 0 0; text-wrap:balance; }
.sec-head.center .lede{ margin-left:auto; margin-right:auto; }

.prose{ font-size:clamp(1rem,1.2vw,1.1rem); line-height:1.72; color:#3a3733; max-width:64ch; }
.prose p{ margin:0 0 1.1em; }
.prose p:last-child{ margin-bottom:0; }
.prose .accent{ font-weight:700; color:var(--ink); }
.prose em{ font-style:italic; font-weight:600; color:var(--mint-deep); }
.prose .pink-key{ color:var(--pink); font-weight:600; }

/* numbered movements */
.steps{ display:grid; gap:clamp(20px,3vw,30px); margin:clamp(34px,4vw,48px) 0 0; }
.step{ display:grid; grid-template-columns:auto 1fr; gap:clamp(18px,3vw,34px); align-items:start;
  padding:clamp(22px,3vw,32px) 0; border-top:1px solid var(--line); }
.step:first-child{ border-top:0; }
.step__num{ font-weight:800; font-size:clamp(1.6rem,3vw,2.4rem); line-height:1;
  background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent; }
.step__body h3{ font-weight:800; font-size:clamp(1.1rem,1.7vw,1.35rem); color:var(--mint-deep);
  margin:0 0 .5em; letter-spacing:-.005em; }
.step__body p{ font-size:clamp(.98rem,1.15vw,1.06rem); line-height:1.66; color:#3a3733; }

/* company panel */
.panel{ position:relative; border:1px solid var(--line); background:rgba(255,255,255,.6);
  padding:clamp(28px,4vw,44px); margin:clamp(34px,4vw,48px) 0 0; }
.panel::before{ content:""; position:absolute; left:0; top:0; width:90px; height:3px; background:var(--grad); }
.panel::after{ content:""; position:absolute; left:0; top:0; width:3px; height:90px; background:var(--grad); }
.panel h3{ font-weight:800; font-size:clamp(1.15rem,1.8vw,1.45rem); color:var(--ink); margin:0 0 .7em;
  letter-spacing:-.005em; }
.panel p{ font-size:clamp(.98rem,1.15vw,1.06rem); line-height:1.66; color:#3a3733; margin:0 0 .8em; }
.panel p:last-child{ margin-bottom:0; }
.panel .accent{ font-weight:700; color:var(--ink); }
.panel .pink-key{ color:var(--pink); font-weight:600; }

/* pull quote */
.pull{ text-align:center; max-width:62ch; margin:0 auto; }
.pull__mark{ font-weight:800; font-size:3rem; line-height:.5; height:1.4rem;
  background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent; }
.pull__q{ font-weight:300; font-style:italic; font-size:clamp(1.3rem,2.6vw,2rem); line-height:1.36;
  color:var(--ink); margin:24px 0 0; text-wrap:balance; }
.pull__a{ font-size:.78rem; letter-spacing:.22em; text-transform:uppercase; font-weight:700;
  color:var(--mint-deep); margin:20px 0 0; }

/* ============================ CTA BAND (Night) ============================ */
.cta{ position:relative; overflow:hidden; color:var(--on-dark); text-align:center;
  background:
    radial-gradient(90% 70% at 50% 0%, rgba(109,223,195,.12), transparent 60%),
    linear-gradient(180deg,#2c2927 0%,#201e1d 100%);
  padding:clamp(56px,8vw,104px) clamp(20px,5vw,64px); }
.cta-inner{ max-width:760px; margin:0 auto; }
.cta h2{ font-weight:300; font-size:clamp(1.8rem,3.6vw,3rem); line-height:1.08; letter-spacing:-.015em;
  color:var(--cream); text-wrap:balance; }
.cta h2 b{ font-weight:800; }
.cta p{ font-weight:300; font-style:italic; font-size:clamp(1.05rem,1.6vw,1.3rem); color:var(--mint-soft);
  margin:18px 0 34px; }

/* ============================ FOOTER (Night) ============================ */
.footer{ color:var(--on-dark);
  background:radial-gradient(90% 70% at 50% 0%, rgba(109,223,195,.08), transparent 60%),
    linear-gradient(180deg,#2a2826 0%,#201e1d 100%);
  padding:clamp(48px,6vw,76px) clamp(20px,5vw,64px) 26px; }
.footer-inner{ max-width:var(--wrap); margin:0 auto; }
.footer-divider{ height:1px;
  background:linear-gradient(90deg,transparent,rgba(109,223,195,.5) 18%,rgba(239,122,168,.3) 88%,transparent); }
.footer-cols{ display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:36px; padding:clamp(30px,4vw,48px) 0; }
@media(max-width:900px){ .footer-cols{ grid-template-columns:1fr 1fr; gap:32px; } }
@media(max-width:480px){ .footer-cols{ grid-template-columns:1fr; gap:26px; } }
.footer-logo{ width:200px; max-width:100%; height:40px; background:var(--logo-neg) left center/contain no-repeat;
  margin:0 0 16px; }
.footer-brand p{ font-weight:300; font-style:italic; font-size:1.05rem; line-height:1.5; color:var(--mint-soft); }
.footer-col h4{ font-size:.72rem; letter-spacing:.24em; text-transform:uppercase; font-weight:800;
  color:var(--mint); margin:0 0 14px; }
.footer-col a, .footer-col p{ display:block; font-weight:300; font-size:1rem; line-height:1.7;
  color:var(--on-dark-soft); text-decoration:none; transition:color .2s; }
.footer-col a:hover{ color:var(--mint); }
.footer-legal{ display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; padding-top:22px;
  font-size:.78rem; color:var(--on-dark-faint); }
.footer-legal a{ color:var(--on-dark-faint); text-decoration:none; margin-left:20px; transition:color .2s; }
.footer-legal a:hover{ color:var(--mint); }

@media (prefers-reduced-motion: reduce){ html{ scroll-behavior:auto; } }

/* =============================================================
   ÜBERSICHT (produkte.html)
   ============================================================= */
.idx-hero{ position:relative; overflow:hidden; color:var(--on-dark);
  background:
    radial-gradient(120% 70% at 50% 112%, rgba(239,122,168,.06), transparent 60%),
    radial-gradient(90% 60% at 50% -8%, rgba(109,223,195,.16), transparent 60%),
    linear-gradient(180deg,#2c2927 0%,#2a2826 56%,#232120 100%);
  /* Fullscreen: Video füllt die ganze erste Bildschirmhöhe (randlos unter der Nav) */
  min-height:100vh; min-height:100svh;
  margin-top:calc(-1 * var(--nav-h));
  display:flex; flex-direction:column; justify-content:center;
  padding:calc(var(--nav-h) + clamp(24px,4vw,56px)) clamp(20px,5vw,64px) clamp(48px,7vw,80px);
  text-align:center; }
.idx-hero::before{ content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:repeating-linear-gradient(115deg, rgba(244,240,232,.02) 0 1px, transparent 1px 18px); opacity:.7; }
/* hero-loop video (bottom layer) + Night-Overlay für Lesbarkeit — wie auf der Wand */
.idx-hero-video{ position:absolute; inset:0; z-index:0; width:100%; height:100%;
  object-fit:cover; pointer-events:none; }
.idx-hero-overlay{ position:absolute; inset:0; z-index:1; pointer-events:none;
  background:
    radial-gradient(90% 60% at 50% -8%, rgba(109,223,195,.18), transparent 60%),
    radial-gradient(120% 70% at 50% 112%, rgba(239,122,168,.07), transparent 60%),
    linear-gradient(180deg, rgba(35,33,32,.80) 0%, rgba(35,33,32,.50) 30%, rgba(35,33,32,.56) 66%, rgba(35,33,32,.88) 100%); }
@media (prefers-reduced-motion: reduce){ .idx-hero-video{ display:none; } }
.idx-hero-inner{ position:relative; z-index:2; max-width:900px; margin:0 auto; }
.idx-hero .kick{ justify-content:center; }
.idx-hero h1{ font-weight:300; font-size:clamp(2.4rem,6vw,4.8rem); line-height:1.04; letter-spacing:-.02em;
  color:var(--cream); text-wrap:balance; }
.idx-hero h1 b{ font-weight:800; }
.idx-hero .phero-sub{ margin-left:auto; margin-right:auto; max-width:54ch; }

/* product cards */
.cards{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(16px,2vw,22px);
  max-width:var(--wrap); margin:0 auto; }
@media(max-width:760px){ .cards{ grid-template-columns:1fr; } }
.card{ position:relative; display:flex; flex-direction:column; text-decoration:none; color:inherit;
  background:rgba(255,255,255,.62); border:1px solid var(--line); overflow:hidden;
  transition:transform .16s, box-shadow .16s, border-color .16s; }
.card::before{ content:""; position:absolute; left:0; top:0; width:110px; height:3px; background:var(--grad); }
.card::after{ content:""; position:absolute; left:0; top:0; width:3px; height:110px; background:var(--grad); }
.card:hover{ transform:translateY(-4px); border-color:rgba(28,141,118,.4); box-shadow:0 20px 44px rgba(40,36,30,.14); }
.card__b{ padding:clamp(26px,3vw,40px); display:flex; flex-direction:column; gap:9px; flex:1; }
.card__no{ font-size:.7rem; letter-spacing:.26em; text-transform:uppercase; font-weight:700; color:var(--mint-deep); }
.card__t{ font-weight:800; font-size:clamp(1.4rem,2.4vw,1.9rem); line-height:1.06; color:var(--ink);
  letter-spacing:-.01em; }
.card__d{ font-weight:300; font-style:italic; font-size:clamp(1.05rem,1.5vw,1.25rem); color:var(--mint-deep);
  line-height:1.35; }
.card__p{ font-size:.98rem; line-height:1.6; color:#3a3733; margin:4px 0 0; }
.card__go{ font-size:.74rem; letter-spacing:.16em; text-transform:uppercase; font-weight:700; color:var(--ink);
  margin-top:auto; padding-top:18px; display:inline-flex; align-items:center; gap:8px; }
.card__go b{ background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent; }

/* der weg — funnel */
.weg{ display:flex; align-items:flex-start; justify-content:center; gap:clamp(6px,1.2vw,18px);
  flex-wrap:nowrap; margin:clamp(34px,4vw,52px) 0 0; }
.weg-step{ display:flex; flex-direction:column; align-items:center; gap:6px; flex:0 1 160px;
  min-width:0; text-align:center; }
.weg-roman{ font-weight:800; font-size:clamp(.74rem,1vw,.88rem);
  background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent; }
.weg-word{ font-weight:800; font-size:clamp(1.15rem,2vw,1.7rem); line-height:1.05; color:var(--ink); }
.weg-sub{ font-weight:300; font-style:italic; font-size:clamp(.9rem,1.2vw,1.05rem); color:var(--mint-deep); }
.weg-conn{ flex:0 0 clamp(12px,3vw,48px); height:2px; border-radius:999px; margin-top:clamp(18px,2.4vw,26px);
  background:var(--grad); opacity:.45; }
@media(max-width:760px){
  .weg{ flex-wrap:wrap; gap:28px 16px; }
  .weg-step{ flex:0 0 calc(33.333% - 12px); }
  .weg-conn{ display:none; }
}
@media(max-width:460px){ .weg-step{ flex:0 0 calc(50% - 8px); } }