{"id":5696,"date":"2023-08-07T11:50:55","date_gmt":"2023-08-07T11:50:55","guid":{"rendered":"http:\/\/ai-hub-inner-page-features-1.local\/?page_id=36"},"modified":"2026-07-28T22:35:34","modified_gmt":"2026-07-28T20:35:34","slug":"about","status":"publish","type":"page","link":"https:\/\/tunelockr.com\/de\/about\/","title":{"rendered":"TuneLockr : technologie de protection musicale"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"5696\" class=\"elementor elementor-5696\">\n\t\t\t\t<div class=\"elementor-element elementor-element-947001f e-flex e-con-boxed e-con e-parent\" data-id=\"947001f\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d63a1a elementor-widget elementor-widget-html\" data-id=\"8d63a1a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =========================================================\nTUNELOCKR \u2014 \u00c0 PROPOS\nHero fusionn\u00e9 + probl\u00e8me cr\u00e9ateur\nVersion simplifi\u00e9e et am\u00e9lior\u00e9e pour Elementor\n========================================================= -->\n\n<section class=\"tl-about-fused\" aria-labelledby=\"tl-about-fused-title\">\n  <span class=\"tl-about-fused-glow tl-about-fused-glow-a\" aria-hidden=\"true\"><\/span>\n  <span class=\"tl-about-fused-glow tl-about-fused-glow-b\" aria-hidden=\"true\"><\/span>\n\n  <div class=\"tl-about-fused-shell\">\n\n    <div class=\"tl-about-fused-hero\">\n\n      <div class=\"tl-about-fused-copy\">\n        <span class=\"tl-about-fused-kicker\">\n          \u00dcber TuneLockr\n        <\/span>\n\n        <h1 id=\"tl-about-fused-title\">\n          Musik verbreitet sich schnell.\n          <strong>Der Nachweis muss folgen.<\/strong>\n        <\/h1>\n\n        <p class=\"tl-about-fused-lead\">\n          TuneLockr entstand aus einer einfachen Beobachtung: Demos, Beats, Toplines und Arbeitsdateien werden oft weitergegeben, bevor ihre Entstehung klar dokumentiert ist.\n        <\/p>\n\n        <p class=\"tl-about-fused-text\">\n          Unsere Aufgabe ist es, K\u00fcnstlern, Songwritern, Beatmakern und Produzenten zu helfen, einen datierten Ursprungsnachweis zu erstellen, bevor ein Werk zu zirkulieren beginnt.\n        <\/p>\n\n        <div class=\"tl-about-fused-trust\" aria-label=\"TuneLockr-Funktionen\">\n          <span>\ud83d\udd12 Private Dateien<\/span>\n          <span>\ud83e\uddec Tezos-Fu\u00dfabdruck<\/span>\n          <span>\u2713 \u00dcberpr\u00fcfbares Zertifikat<\/span>\n        <\/div>\n\n        <a href=\"https:\/\/app.tunelockr.com\/depot\" class=\"tl-about-fused-cta\">\n          Ein Werk einreichen\n          <span aria-hidden=\"true\">\u2192<\/span>\n        <\/a>\n      <\/div>\n\n      <a\n        href=\"https:\/\/app.tunelockr.com\/\"\n        class=\"tl-about-fused-visual\"\n        aria-label=\"TuneLockr-Plattform \u00f6ffnen\"\n      >\n        <span class=\"tl-about-fused-visual-glow\" aria-hidden=\"true\"><\/span>\n\n        <div class=\"tl-about-fused-frame\">\n          <img fetchpriority=\"high\"\n            src=\"https:\/\/tunelockr.com\/wp-content\/uploads\/2024\/01\/TuneLockr3.png\"\n            alt=\"TuneLockr-Oberfl\u00e4che im \u00dcberblick\"\n            width=\"1200\"\n            height=\"900\"\n            loading=\"eager\"\n            decoding=\"async\"\n          \/>\n        <\/div>\n\n        <div class=\"tl-about-fused-floating\" aria-hidden=\"true\">\n          <span class=\"tl-about-fused-floating-icon\">\u2713<\/span>\n          <div>\n            <small>Ablage abgeschlossen<\/small>\n            <strong>Zertifikat verf\u00fcgbar<\/strong>\n          <\/div>\n        <\/div>\n      <\/a>\n\n    <\/div>\n\n    <div class=\"tl-about-fused-problems\" aria-label=\"Warum gibt es TuneLockr\">\n\n      <article class=\"tl-about-fused-problem\">\n        <span class=\"tl-about-fused-problem-icon\" aria-hidden=\"true\">\u266a<\/span>\n        <div>\n          <h2>Demos zirkulieren<\/h2>\n          <p>\n            Ein Werk kann an mehrere Personen verschickt werden, noch bevor es offiziell ver\u00f6ffentlicht ist.\n          <\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"tl-about-fused-problem\">\n        <span class=\"tl-about-fused-problem-icon\" aria-hidden=\"true\">\u2197<\/span>\n        <div>\n          <h2>Nutzungen vervielfachen sich<\/h2>\n          <p>\n            Reposts, Ausschnitte, Remixe und generierte Inhalte machen es schwieriger, die Herkunft eines Songs nachzuvollziehen.\n          <\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"tl-about-fused-problem\">\n        <span class=\"tl-about-fused-problem-icon\" aria-hidden=\"true\">\u25ce<\/span>\n        <div>\n          <h2>Zusammenarbeit ver\u00e4ndert sich<\/h2>\n          <p>\n            Eine klare Chronologie hilft, Versionen und beteiligte Personen am Projekt zu dokumentieren.\n          <\/p>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n    <p class=\"tl-about-fused-note\">\n      Urheberrecht entsteht mit der Sch\u00f6pfung. TuneLockr hilft, die Existenz und den Ursprung anhand einer bestimmten Datei zu dokumentieren.\n    <\/p>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* =========================================================\nTUNELOCKR \u2014 \u00c0 PROPOS FUSIONN\u00c9\nStyles isol\u00e9s pour Elementor\n========================================================= *\/\n\n.tl-about-fused,\n.tl-about-fused * {\n  box-sizing: border-box;\n}\n\n.tl-about-fused {\n  --tl-af-orange: #fa8d32;\n  --tl-af-orange-dark: #e86f18;\n  --tl-af-orange-soft: #fff2e6;\n  --tl-af-text: #111827;\n  --tl-af-muted: #667085;\n  --tl-af-line: rgba(17, 24, 39, 0.08);\n  --tl-af-font: -apple-system, BlinkMacSystemFont, \"Inter\", \"Helvetica Neue\", Arial, sans-serif;\n\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  padding: clamp(76px, 8vw, 112px) 24px clamp(48px, 6vw, 78px);\n  background:\n    radial-gradient(circle at 9% 0%, rgba(250, 141, 50, 0.08), transparent 29%),\n    linear-gradient(180deg, #fffaf6 0%, #ffffff 62%);\n  color: var(--tl-af-text);\n  font-family: var(--tl-af-font);\n}\n\n.tl-about-fused-shell {\n  position: relative;\n  z-index: 2;\n  width: min(1240px, 100%);\n  margin: 0 auto;\n}\n\n.tl-about-fused-glow {\n  position: absolute;\n  z-index: 0;\n  border-radius: 999px;\n  filter: blur(110px);\n  pointer-events: none;\n}\n\n.tl-about-fused-glow-a {\n  width: 340px;\n  height: 340px;\n  top: -150px;\n  left: -120px;\n  background: rgba(250, 141, 50, 0.12);\n}\n\n.tl-about-fused-glow-b {\n  width: 260px;\n  height: 260px;\n  right: -110px;\n  bottom: 40px;\n  background: rgba(250, 141, 50, 0.06);\n}\n\n\/* Hero *\/\n.tl-about-fused-hero {\n  display: grid;\n  grid-template-columns: minmax(0, 1.02fr) minmax(420px, 0.98fr);\n  align-items: center;\n  gap: clamp(44px, 7vw, 88px);\n}\n\n.tl-about-fused-copy {\n  max-width: 690px;\n}\n\n.tl-about-fused-kicker {\n  display: inline-flex;\n  align-items: center;\n  padding: 9px 14px;\n  margin-bottom: 21px;\n  border: 1px solid rgba(250, 141, 50, 0.20);\n  border-radius: 999px;\n  background: rgba(255, 247, 237, 0.95);\n  color: #a9430c;\n  font-size: 0.71rem;\n  font-weight: 840;\n  letter-spacing: 0.11em;\n  text-transform: uppercase;\n}\n\n.tl-about-fused-copy h1 {\n  max-width: 760px;\n  margin: 0 0 23px;\n  color: var(--tl-af-text);\n  font-size: clamp(2.8rem, 5.7vw, 5.7rem);\n  font-weight: 930;\n  line-height: 0.93;\n  letter-spacing: -0.073em;\n  text-wrap: balance;\n}\n\n.tl-about-fused-copy h1 strong {\n  display: block;\n  color: var(--tl-af-orange-dark);\n  font-weight: inherit;\n}\n\n.tl-about-fused-lead,\n.tl-about-fused-text {\n  max-width: 670px;\n  margin: 0;\n  color: var(--tl-af-muted);\n  font-size: 1rem;\n  line-height: 1.76;\n}\n\n.tl-about-fused-lead {\n  margin-bottom: 12px;\n  color: #475467;\n  font-weight: 580;\n}\n\n.tl-about-fused-trust {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 9px;\n  margin: 27px 0 24px;\n}\n\n.tl-about-fused-trust span {\n  min-height: 38px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 8px 13px;\n  border: 1px solid var(--tl-af-line);\n  border-radius: 999px;\n  background: #ffffff;\n  color: #475467;\n  box-shadow: 0 7px 20px rgba(17, 24, 39, 0.035);\n  font-size: 0.78rem;\n  font-weight: 700;\n}\n\n.tl-about-fused-cta {\n  min-height: 51px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  padding: 13px 21px;\n  border: 1px solid rgba(168, 67, 12, 0.08);\n  border-radius: 999px;\n  background: linear-gradient(135deg, var(--tl-af-orange-dark), var(--tl-af-orange));\n  color: #ffffff;\n  box-shadow:\n    0 13px 30px rgba(250, 141, 50, 0.25),\n    inset 0 1px 0 rgba(255, 255, 255, 0.28);\n  font-size: 0.91rem;\n  font-weight: 820;\n  text-decoration: none;\n  transition:\n    transform 170ms ease,\n    box-shadow 170ms ease;\n}\n\n.tl-about-fused-cta:hover,\n.tl-about-fused-cta:focus-visible {\n  transform: translateY(-2px);\n  box-shadow:\n    0 18px 38px rgba(250, 141, 50, 0.34),\n    inset 0 1px 0 rgba(255, 255, 255, 0.32);\n  outline: none;\n}\n\n.tl-about-fused-cta span {\n  transition: transform 170ms ease;\n}\n\n.tl-about-fused-cta:hover span,\n.tl-about-fused-cta:focus-visible span {\n  transform: translateX(3px);\n}\n\n\/* Visual *\/\n.tl-about-fused-visual {\n  position: relative;\n  display: block;\n  color: inherit;\n  text-decoration: none;\n  outline: none;\n  transition:\n    transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1),\n    filter 220ms ease;\n}\n\n.tl-about-fused-visual:hover,\n.tl-about-fused-visual:focus-visible {\n  transform: translateY(-5px);\n  outline: none;\n}\n\n.tl-about-fused-visual:focus-visible {\n  border-radius: 32px;\n  box-shadow: 0 0 0 4px rgba(250, 141, 50, 0.20);\n}\n\n.tl-about-fused-visual-glow {\n  position: absolute;\n  inset: 12% 10% 8%;\n  border-radius: 999px;\n  background: rgba(250, 141, 50, 0.15);\n  filter: blur(45px);\n  pointer-events: none;\n}\n\n.tl-about-fused-frame {\n  position: relative;\n  z-index: 1;\n  overflow: hidden;\n  border: 1px solid rgba(17, 24, 39, 0.07);\n  border-radius: 32px;\n  background: #ffffff;\n  box-shadow:\n    0 35px 80px rgba(17, 24, 39, 0.13),\n    inset 0 1px 0 rgba(255, 255, 255, 0.96);\n}\n\n.tl-about-fused-frame img {\n  width: 100%;\n  height: auto;\n  display: block;\n}\n\n.tl-about-fused-floating {\n  position: absolute;\n  z-index: 2;\n  left: -26px;\n  bottom: 28px;\n  min-width: 225px;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 15px 17px;\n  border: 1px solid rgba(17, 24, 39, 0.08);\n  border-radius: 17px;\n  background: rgba(255, 255, 255, 0.95);\n  box-shadow: 0 19px 42px rgba(17, 24, 39, 0.13);\n  backdrop-filter: blur(14px);\n  -webkit-backdrop-filter: blur(14px);\n}\n\n.tl-about-fused-floating-icon {\n  width: 36px;\n  height: 36px;\n  display: grid;\n  place-items: center;\n  flex: 0 0 auto;\n  border-radius: 11px;\n  background: var(--tl-af-orange);\n  color: #ffffff;\n  font-size: 0.9rem;\n  font-weight: 900;\n}\n\n.tl-about-fused-floating small,\n.tl-about-fused-floating strong {\n  display: block;\n}\n\n.tl-about-fused-floating small {\n  margin-bottom: 3px;\n  color: #98a2b3;\n  font-size: 0.63rem;\n  font-weight: 760;\n  letter-spacing: 0.07em;\n  text-transform: uppercase;\n}\n\n.tl-about-fused-floating strong {\n  color: var(--tl-af-text);\n  font-size: 0.83rem;\n  line-height: 1.2;\n}\n\n\/* Problems *\/\n.tl-about-fused-problems {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 15px;\n  margin-top: clamp(48px, 7vw, 78px);\n}\n\n.tl-about-fused-problem {\n  display: grid;\n  grid-template-columns: 48px 1fr;\n  gap: 15px;\n  align-items: start;\n  min-height: 100%;\n  padding: 23px 22px;\n  border: 1px solid var(--tl-af-line);\n  border-radius: 20px;\n  background:\n    linear-gradient(145deg, rgba(255, 255, 255, 0.99), rgba(255, 249, 244, 0.94));\n  box-shadow: 0 13px 32px rgba(17, 24, 39, 0.045);\n  transition:\n    transform 170ms ease,\n    border-color 170ms ease,\n    box-shadow 170ms ease;\n}\n\n.tl-about-fused-problem:hover {\n  transform: translateY(-3px);\n  border-color: rgba(250, 141, 50, 0.20);\n  box-shadow: 0 18px 39px rgba(17, 24, 39, 0.07);\n}\n\n.tl-about-fused-problem-icon {\n  width: 48px;\n  height: 48px;\n  display: grid;\n  place-items: center;\n  border: 1px solid rgba(250, 141, 50, 0.18);\n  border-radius: 15px;\n  background: var(--tl-af-orange-soft);\n  color: var(--tl-af-orange-dark);\n  font-size: 1rem;\n  font-weight: 900;\n}\n\n.tl-about-fused-problem h2 {\n  margin: 2px 0 7px;\n  color: var(--tl-af-text);\n  font-size: 1rem;\n  font-weight: 820;\n  line-height: 1.26;\n  letter-spacing: -0.022em;\n}\n\n.tl-about-fused-problem p {\n  margin: 0;\n  color: var(--tl-af-muted);\n  font-size: 0.84rem;\n  line-height: 1.62;\n}\n\n.tl-about-fused-note {\n  max-width: 790px;\n  margin: 23px auto 0;\n  color: #98a2b3;\n  font-size: 0.72rem;\n  font-weight: 560;\n  line-height: 1.55;\n  text-align: center;\n}\n\n\/* Responsive *\/\n@media (max-width: 980px) {\n  .tl-about-fused-hero {\n    grid-template-columns: 1fr;\n  }\n\n  .tl-about-fused-copy {\n    max-width: 760px;\n  }\n\n  .tl-about-fused-visual {\n    width: min(720px, 100%);\n    margin: 0 auto;\n  }\n\n  .tl-about-fused-problems {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (max-width: 680px) {\n  .tl-about-fused {\n    padding: 68px 16px 44px;\n  }\n\n  .tl-about-fused-copy {\n    text-align: center;\n  }\n\n  .tl-about-fused-copy h1 {\n    font-size: clamp(2.45rem, 13vw, 3.5rem);\n  }\n\n  .tl-about-fused-trust {\n    justify-content: center;\n  }\n\n  .tl-about-fused-cta {\n    width: 100%;\n  }\n\n  .tl-about-fused-floating {\n    position: relative;\n    left: auto;\n    bottom: auto;\n    width: 100%;\n    min-width: 0;\n    margin-top: 14px;\n  }\n\n  .tl-about-fused-problems {\n    margin-top: 42px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .tl-about-fused-cta,\n  .tl-about-fused-cta span,\n  .tl-about-fused-visual,\n  .tl-about-fused-problem {\n    transition: none !important;\n  }\n}\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-67e370c e-flex e-con-boxed e-con e-parent\" data-id=\"67e370c\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0735b08 elementor-widget elementor-widget-html\" data-id=\"0735b08\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =========================================================\nTUNELOCKR \u2014 \u00c0 PROPOS \/ SECTION 2\nPourquoi TuneLockr existe\nVersion resserr\u00e9e et premium pour Elementor\n========================================================= -->\n\n<section class=\"tl-origin\" aria-labelledby=\"tl-origin-title\">\n  <span class=\"tl-origin-glow tl-origin-glow-a\" aria-hidden=\"true\"><\/span>\n  <span class=\"tl-origin-glow tl-origin-glow-b\" aria-hidden=\"true\"><\/span>\n\n  <div class=\"tl-origin-shell\">\n    <div class=\"tl-origin-layout\">\n\n      <div class=\"tl-origin-copy\">\n        <span class=\"tl-origin-kicker\">Warum gibt es TuneLockr<\/span>\n\n        <h2 id=\"tl-origin-title\">\n          Der Schutz musste\n          <strong>mit dem Tempo der Kreativen mithalten.<\/strong>\n        <\/h2>\n\n        <p class=\"tl-origin-lead\">\n          Werke verbreiten sich heute innerhalb von Sekunden. Dennoch war der Nachweis bislang h\u00e4ufig langsam, komplex oder f\u00fcr die Bed\u00fcrfnisse unabh\u00e4ngiger K\u00fcnstler unzureichend.\n        <\/p>\n\n        <p class=\"tl-origin-text\">\n          TuneLockr wurde entwickelt, um den Nachweis n\u00e4her an den Sch\u00f6pfungsmoment zu bringen: Eine Datei hochladen, das Werk dokumentieren und ein Zertifikat erhalten, bevor sie erstmals geteilt wird.\n        <\/p>\n\n        <blockquote>\n          <span aria-hidden=\"true\">\u201c<\/span>\n          Ein hilfreicher Nachweis muss verf\u00fcgbar sein, sobald ein Werk zu zirkulieren beginnt.\n        <\/blockquote>\n      <\/div>\n\n      <div class=\"tl-origin-principles\" aria-label=\"Grunds\u00e4tze von TuneLockr\">\n\n        <article class=\"tl-origin-card\">\n          <span class=\"tl-origin-card-number\">01<\/span>\n\n          <span class=\"tl-origin-card-icon\" aria-hidden=\"true\">\n            <svg viewbox=\"0 0 24 24\">\n              <path d=\"M13 2 4 14h7l-1 8 9-12h-7l1-8Z\"><\/path>\n            <\/svg>\n          <\/span>\n\n          <div>\n            <h3>Sofort<\/h3>\n            <p>\n              Ein kurzer Ablauf, um ein Werk einzureichen, bevor es verschickt oder ver\u00f6ffentlicht wird.\n            <\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"tl-origin-card tl-origin-card-featured\">\n          <span class=\"tl-origin-card-status\">Das Herzst\u00fcck der Infrastruktur<\/span>\n          <span class=\"tl-origin-card-number\">02<\/span>\n\n          <span class=\"tl-origin-card-icon\" aria-hidden=\"true\">\n            <svg viewbox=\"0 0 24 24\">\n              <path d=\"M12 3v18\"><\/path>\n              <path d=\"m8 7 4-4 4 4\"><\/path>\n              <path d=\"m8 17 4 4 4-4\"><\/path>\n              <path d=\"M3 12h18\"><\/path>\n            <\/svg>\n          <\/span>\n\n          <div>\n            <h3>\u00dcberpr\u00fcfbar<\/h3>\n            <p>\n              Ein Zeitstempel und ein Zertifikat sind mit einer bestimmten Dateiversion verbunden.\n            <\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"tl-origin-card\">\n          <span class=\"tl-origin-card-number\">03<\/span>\n\n          <span class=\"tl-origin-card-icon\" aria-hidden=\"true\">\n            <svg viewbox=\"0 0 24 24\">\n              <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path>\n              <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n              <path d=\"M19 8v6\"><\/path>\n              <path d=\"M16 11h6\"><\/path>\n            <\/svg>\n          <\/span>\n\n          <div>\n            <h3>F\u00fcr Selbstst\u00e4ndige entwickelt<\/h3>\n            <p>\n              K\u00fcnstler, Autoren, Beatmaker, Produzenten und kleine Kreativteams\n            <\/p>\n          <\/div>\n        <\/article>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.tl-origin,\n.tl-origin * {\n  box-sizing: border-box;\n}\n\n.tl-origin {\n  --tl-origin-bg: #0d1118;\n  --tl-origin-bg-2: #07090d;\n  --tl-origin-orange: #fa8d32;\n  --tl-origin-orange-light: #ffb36f;\n  --tl-origin-text: #ffffff;\n  --tl-origin-muted: rgba(255, 255, 255, 0.68);\n  --tl-origin-line: rgba(255, 255, 255, 0.09);\n  --tl-origin-font: -apple-system, BlinkMacSystemFont, \"Inter\", \"Helvetica Neue\", Arial, sans-serif;\n\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  padding: clamp(72px, 8vw, 108px) 24px;\n  background:\n    radial-gradient(circle at 10% 0%, rgba(250, 141, 50, 0.11), transparent 29%),\n    linear-gradient(180deg, var(--tl-origin-bg) 0%, var(--tl-origin-bg-2) 100%);\n  color: var(--tl-origin-text);\n  font-family: var(--tl-origin-font);\n}\n\n.tl-origin-shell {\n  position: relative;\n  z-index: 2;\n  width: min(1180px, 100%);\n  margin: 0 auto;\n}\n\n.tl-origin-glow {\n  position: absolute;\n  z-index: 0;\n  border-radius: 999px;\n  filter: blur(110px);\n  pointer-events: none;\n}\n\n.tl-origin-glow-a {\n  width: 320px;\n  height: 320px;\n  top: -140px;\n  left: -120px;\n  background: rgba(250, 141, 50, 0.15);\n}\n\n.tl-origin-glow-b {\n  width: 280px;\n  height: 280px;\n  right: -130px;\n  bottom: -130px;\n  background: rgba(60, 116, 166, 0.08);\n}\n\n.tl-origin-layout {\n  display: grid;\n  grid-template-columns: minmax(0, 0.95fr) minmax(420px, 1.05fr);\n  align-items: center;\n  gap: clamp(46px, 7vw, 86px);\n}\n\n.tl-origin-copy {\n  max-width: 610px;\n}\n\n.tl-origin-kicker {\n  display: inline-flex;\n  align-items: center;\n  padding: 9px 14px;\n  margin-bottom: 20px;\n  border: 1px solid rgba(250, 141, 50, 0.21);\n  border-radius: 999px;\n  background: rgba(250, 141, 50, 0.09);\n  color: #ffc28e;\n  font-size: 0.7rem;\n  font-weight: 840;\n  letter-spacing: 0.11em;\n  text-transform: uppercase;\n}\n\n.tl-origin-copy h2 {\n  max-width: 680px;\n  margin: 0 0 22px;\n  color: #ffffff;\n  font-size: clamp(2.35rem, 4.7vw, 4.55rem);\n  font-weight: 920;\n  line-height: 0.96;\n  letter-spacing: -0.064em;\n  text-wrap: balance;\n}\n\n.tl-origin-copy h2 strong {\n  display: block;\n  color: var(--tl-origin-orange-light);\n  font-weight: inherit;\n}\n\n.tl-origin-lead,\n.tl-origin-text {\n  max-width: 620px;\n  margin: 0;\n  color: var(--tl-origin-muted);\n  font-size: 0.98rem;\n  line-height: 1.76;\n}\n\n.tl-origin-lead {\n  margin-bottom: 13px;\n  color: rgba(255, 255, 255, 0.78);\n  font-weight: 580;\n}\n\n.tl-origin-copy blockquote {\n  position: relative;\n  margin: 29px 0 0;\n  padding: 21px 22px 21px 54px;\n  border: 1px solid rgba(250, 141, 50, 0.17);\n  border-radius: 20px;\n  background:\n    linear-gradient(135deg, rgba(250, 141, 50, 0.10), rgba(255, 255, 255, 0.035));\n  color: rgba(255, 255, 255, 0.88);\n  box-shadow: 0 17px 38px rgba(0, 0, 0, 0.15);\n  font-size: 0.94rem;\n  font-weight: 690;\n  line-height: 1.65;\n}\n\n.tl-origin-copy blockquote > span {\n  position: absolute;\n  top: 14px;\n  left: 20px;\n  color: rgba(250, 141, 50, 0.55);\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: 2.45rem;\n  line-height: 1;\n}\n\n.tl-origin-principles {\n  display: grid;\n  gap: 14px;\n}\n\n.tl-origin-card {\n  position: relative;\n  display: grid;\n  grid-template-columns: 54px 1fr;\n  align-items: start;\n  gap: 17px;\n  min-height: 100%;\n  padding: 24px 23px;\n  overflow: hidden;\n  border: 1px solid var(--tl-origin-line);\n  border-radius: 22px;\n  background:\n    linear-gradient(145deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.027));\n  box-shadow: 0 17px 38px rgba(0, 0, 0, 0.15);\n  backdrop-filter: blur(14px);\n  -webkit-backdrop-filter: blur(14px);\n  transition:\n    transform 180ms ease,\n    border-color 180ms ease,\n    background 180ms ease;\n}\n\n.tl-origin-card::after {\n  content: \"\";\n  position: absolute;\n  right: -50px;\n  bottom: -65px;\n  width: 135px;\n  height: 135px;\n  border-radius: 999px;\n  background: rgba(250, 141, 50, 0.045);\n  pointer-events: none;\n}\n\n.tl-origin-card:hover {\n  transform: translateX(4px);\n  border-color: rgba(250, 141, 50, 0.23);\n  background:\n    linear-gradient(145deg, rgba(250, 141, 50, 0.09), rgba(255, 255, 255, 0.03));\n}\n\n.tl-origin-card-featured {\n  border-color: rgba(250, 141, 50, 0.22);\n  background:\n    linear-gradient(145deg, rgba(250, 141, 50, 0.105), rgba(255, 255, 255, 0.033));\n}\n\n.tl-origin-card-status {\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  max-width: 190px;\n  padding: 7px 10px;\n  border: 1px solid rgba(250, 141, 50, 0.20);\n  border-radius: 999px;\n  background: rgba(250, 141, 50, 0.09);\n  color: #ffc28e;\n  font-size: 0.58rem;\n  font-weight: 820;\n  letter-spacing: 0.075em;\n  text-transform: uppercase;\n}\n\n.tl-origin-card-number {\n  position: absolute;\n  right: 19px;\n  bottom: 12px;\n  color: rgba(255, 255, 255, 0.045);\n  font-size: 2.2rem;\n  font-weight: 900;\n  letter-spacing: -0.05em;\n}\n\n.tl-origin-card-icon {\n  position: relative;\n  z-index: 1;\n  width: 54px;\n  height: 54px;\n  display: grid;\n  place-items: center;\n  border: 1px solid rgba(250, 141, 50, 0.20);\n  border-radius: 17px;\n  background:\n    linear-gradient(145deg, rgba(250, 141, 50, 0.17), rgba(250, 141, 50, 0.07));\n  box-shadow:\n    0 10px 24px rgba(250, 141, 50, 0.09),\n    inset 0 1px 0 rgba(255, 255, 255, 0.07);\n}\n\n.tl-origin-card-icon svg {\n  width: 24px;\n  height: 24px;\n  fill: none;\n  stroke: var(--tl-origin-orange-light);\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.tl-origin-card h3 {\n  position: relative;\n  z-index: 1;\n  margin: 3px 0 7px;\n  padding-right: 90px;\n  color: #ffffff;\n  font-size: 1.03rem;\n  font-weight: 830;\n  line-height: 1.25;\n  letter-spacing: -0.022em;\n}\n\n.tl-origin-card p {\n  position: relative;\n  z-index: 1;\n  margin: 0;\n  padding-right: 20px;\n  color: rgba(255, 255, 255, 0.62);\n  font-size: 0.85rem;\n  line-height: 1.62;\n}\n\n@media (max-width: 980px) {\n  .tl-origin-layout {\n    grid-template-columns: 1fr;\n  }\n\n  .tl-origin-copy {\n    max-width: 760px;\n  }\n\n  .tl-origin-principles {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n\n  .tl-origin-card {\n    grid-template-columns: 1fr;\n  }\n\n  .tl-origin-card h3,\n  .tl-origin-card p {\n    padding-right: 0;\n  }\n\n  .tl-origin-card-status {\n    position: static;\n    width: fit-content;\n    margin-bottom: 2px;\n    grid-column: 1 \/ -1;\n  }\n}\n\n@media (max-width: 760px) {\n  .tl-origin {\n    padding: 68px 16px;\n  }\n\n  .tl-origin-copy {\n    text-align: center;\n  }\n\n  .tl-origin-copy h2 {\n    font-size: clamp(2.3rem, 12vw, 3.3rem);\n  }\n\n  .tl-origin-principles {\n    grid-template-columns: 1fr;\n  }\n\n  .tl-origin-card {\n    grid-template-columns: 50px 1fr;\n    padding: 21px 20px;\n    text-align: left;\n  }\n\n  .tl-origin-card-icon {\n    width: 50px;\n    height: 50px;\n  }\n\n  .tl-origin-card-status {\n    position: static;\n    grid-column: 1 \/ -1;\n    margin-bottom: 4px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .tl-origin-card {\n    transition: none !important;\n  }\n}\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-05bdff2 e-flex e-con-boxed e-con e-parent\" data-id=\"05bdff2\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6b940b elementor-widget elementor-widget-html\" data-id=\"c6b940b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =========================================================\nTUNELOCKR \u2014 COMMENT FONCTIONNE LA PREUVE\nVersion minimale et am\u00e9lior\u00e9e pour Elementor\n========================================================= -->\n\n<section class=\"tl-proof-mini\" aria-label=\"Wie der TuneLockr-Nachweis funktioniert\">\n  <div class=\"tl-proof-mini-shell\">\n\n    <div class=\"tl-proof-mini-grid\">\n\n      <article class=\"tl-proof-mini-step\">\n        <span class=\"tl-proof-mini-number\">01<\/span>\n\n        <span class=\"tl-proof-mini-icon\" aria-hidden=\"true\">\n          <svg viewbox=\"0 0 24 24\">\n            <path d=\"M4 7h5l2 2h9v10H4V7Z\"><\/path>\n            <path d=\"M4 7V5h6l2 2\"><\/path>\n          <\/svg>\n        <\/span>\n\n        <div>\n          <h2>Datei hochladen<\/h2>\n          <p>\n            F\u00fcgen Sie einen Song, Beat, Text, eine Partitur oder ein Arbeitsprojekt hinzu.\n          <\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"tl-proof-mini-step tl-proof-mini-step-featured\">\n        <span class=\"tl-proof-mini-status\">Tezos-Fingerabdruck<\/span>\n        <span class=\"tl-proof-mini-number\">02<\/span>\n\n        <span class=\"tl-proof-mini-icon\" aria-hidden=\"true\">\n          <svg viewbox=\"0 0 24 24\">\n            <path d=\"M8 4h8\"><\/path>\n            <path d=\"M6 8h12\"><\/path>\n            <path d=\"M5 12h14\"><\/path>\n            <path d=\"M7 16h10\"><\/path>\n            <path d=\"M9 20h6\"><\/path>\n          <\/svg>\n        <\/span>\n\n        <div>\n          <h2>Ein Fingerabdruck wird mit einem Zeitstempel versehen<\/h2>\n          <p>\n            TuneLockr erstellt eine kryptografische Signatur, die genau mit dieser Version der Datei verkn\u00fcpft ist.\n          <\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"tl-proof-mini-step\">\n        <span class=\"tl-proof-mini-number\">03<\/span>\n\n        <span class=\"tl-proof-mini-icon\" aria-hidden=\"true\">\n          <svg viewbox=\"0 0 24 24\">\n            <path d=\"M6 3h9l3 3v15H6V3Z\"><\/path>\n            <path d=\"M15 3v4h4\"><\/path>\n            <path d=\"m9 14 2 2 4-4\"><\/path>\n          <\/svg>\n        <\/span>\n\n        <div>\n          <h2>Ihr Zertifikat erhalten<\/h2>\n          <p>\n            Der datierte Nachweis bleibt in Ihrem TuneLockr-Bereich verf\u00fcgbar.\n          <\/p>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n    <p class=\"tl-proof-mini-note\">\n      Ihre Dateien bleiben privat: Es wird ausschlie\u00dflich der digitale Fingerabdruck verwendet, um den Nachweis zu erstellen.\n    <\/p>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* =========================================================\nTUNELOCKR \u2014 PREUVE MINIMALE\nStyles isol\u00e9s pour Elementor\n========================================================= *\/\n\n.tl-proof-mini,\n.tl-proof-mini * {\n  box-sizing: border-box;\n}\n\n.tl-proof-mini {\n  --tl-pm-orange: #fa8d32;\n  --tl-pm-orange-dark: #e86f18;\n  --tl-pm-text: #111827;\n  --tl-pm-muted: #667085;\n  --tl-pm-line: rgba(17, 24, 39, 0.08);\n  --tl-pm-font: -apple-system, BlinkMacSystemFont, \"Inter\", \"Helvetica Neue\", Arial, sans-serif;\n\n  position: relative;\n  padding: clamp(40px, 5vw, 66px) 24px;\n  background:\n    radial-gradient(circle at 50% 0%, rgba(250, 141, 50, 0.055), transparent 38%),\n    linear-gradient(180deg, #ffffff 0%, #fffaf6 100%);\n  font-family: var(--tl-pm-font);\n}\n\n.tl-proof-mini-shell {\n  width: min(1120px, 100%);\n  margin: 0 auto;\n}\n\n.tl-proof-mini-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 15px;\n}\n\n.tl-proof-mini-step {\n  position: relative;\n  min-height: 100%;\n  padding: 24px 22px 23px;\n  overflow: hidden;\n  border: 1px solid var(--tl-pm-line);\n  border-radius: 21px;\n  background:\n    linear-gradient(145deg, rgba(255, 255, 255, 0.99), rgba(255, 249, 244, 0.95));\n  box-shadow: 0 14px 34px rgba(17, 24, 39, 0.05);\n  transition:\n    transform 170ms ease,\n    border-color 170ms ease,\n    box-shadow 170ms ease;\n}\n\n.tl-proof-mini-step:hover {\n  transform: translateY(-3px);\n  border-color: rgba(250, 141, 50, 0.22);\n  box-shadow: 0 19px 40px rgba(17, 24, 39, 0.08);\n}\n\n.tl-proof-mini-step-featured {\n  border-color: rgba(250, 141, 50, 0.23);\n  background:\n    linear-gradient(145deg, rgba(255, 247, 239, 0.99), rgba(255, 255, 255, 0.98));\n}\n\n.tl-proof-mini-number {\n  position: absolute;\n  right: 18px;\n  bottom: 9px;\n  color: rgba(17, 24, 39, 0.045);\n  font-size: 2.35rem;\n  font-weight: 900;\n  letter-spacing: -0.06em;\n}\n\n.tl-proof-mini-status {\n  position: absolute;\n  top: 15px;\n  right: 15px;\n  padding: 7px 10px;\n  border: 1px solid rgba(250, 141, 50, 0.20);\n  border-radius: 999px;\n  background: rgba(250, 141, 50, 0.09);\n  color: #a9430c;\n  font-size: 0.58rem;\n  font-weight: 820;\n  letter-spacing: 0.075em;\n  text-transform: uppercase;\n}\n\n.tl-proof-mini-icon {\n  width: 49px;\n  height: 49px;\n  display: grid;\n  place-items: center;\n  margin-bottom: 18px;\n  border: 1px solid rgba(250, 141, 50, 0.18);\n  border-radius: 15px;\n  background: rgba(250, 141, 50, 0.08);\n}\n\n.tl-proof-mini-icon svg {\n  width: 23px;\n  height: 23px;\n  fill: none;\n  stroke: var(--tl-pm-orange-dark);\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.tl-proof-mini-step h2 {\n  position: relative;\n  z-index: 1;\n  margin: 0 0 9px;\n  color: var(--tl-pm-text);\n  font-size: 1.02rem;\n  font-weight: 830;\n  line-height: 1.28;\n  letter-spacing: -0.023em;\n}\n\n.tl-proof-mini-step p {\n  position: relative;\n  z-index: 1;\n  margin: 0;\n  color: var(--tl-pm-muted);\n  font-size: 0.86rem;\n  line-height: 1.65;\n}\n\n.tl-proof-mini-note {\n  max-width: 760px;\n  margin: 18px auto 0;\n  color: #98a2b3;\n  font-size: 0.7rem;\n  font-weight: 580;\n  line-height: 1.55;\n  text-align: center;\n}\n\n@media (max-width: 840px) {\n  .tl-proof-mini-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .tl-proof-mini-step {\n    display: grid;\n    grid-template-columns: 49px 1fr;\n    gap: 16px;\n    align-items: start;\n  }\n\n  .tl-proof-mini-icon {\n    margin-bottom: 0;\n  }\n\n  .tl-proof-mini-status {\n    position: static;\n    width: fit-content;\n    grid-column: 1 \/ -1;\n    margin-bottom: -2px;\n  }\n}\n\n@media (max-width: 600px) {\n  .tl-proof-mini {\n    padding: 32px 16px;\n  }\n\n  .tl-proof-mini-step {\n    padding: 21px 19px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .tl-proof-mini-step {\n    transition: none !important;\n  }\n}\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a4f04a6 e-flex e-con-boxed e-con e-parent\" data-id=\"a4f04a6\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-276b3ad elementor-widget elementor-widget-html\" data-id=\"276b3ad\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =========================================================\nTUNELOCKR \u2014 ABOUT SECTION 5\nWHAT TUNELOCKR PROTECTS\nDIFFERENT \/ VISUAL \/ COMPLEMENTARY\n========================================================= -->\n\n<section class=\"tl-about-assets\">\n\n  <!-- GLOW -->\n  <div class=\"tl-about-assets-glow tl-about-assets-glow-1\"><\/div>\n\n  <!-- INNER -->\n  <div class=\"tl-about-assets-inner\">\n\n    <!-- =========================================================\n    LEFT VISUAL\n    ========================================================== -->\n\n    <div class=\"tl-about-assets-visual\">\n\n      <!-- CENTRAL CIRCLE -->\n      <div class=\"tl-about-assets-core\">\n\n        <div class=\"tl-about-assets-core-icon\">\n          \ud83d\udee1\ufe0f\n        <\/div>\n\n        <div class=\"tl-about-assets-core-title\">\n          TuneLockr\n        <\/div>\n\n        <div class=\"tl-about-assets-core-sub\">\n          Kreativer Schutz\n        <\/div>\n\n      <\/div>\n\n      <!-- FLOATING ITEMS -->\n\n      <div class=\"tl-about-assets-float tl-float-1\">\n        \ud83c\udfb5 Musik\n      <\/div>\n\n      <div class=\"tl-about-assets-float tl-float-2\">\n        \ud83c\udfa7 Beats\n      <\/div>\n\n      <div class=\"tl-about-assets-float tl-float-3\">\n        \ud83d\udcdd Texte\n      <\/div>\n\n      <div class=\"tl-about-assets-float tl-float-4\">\n        \ud83c\udfbc Noten\n      <\/div>\n\n      <div class=\"tl-about-assets-float tl-float-5\">\n        \ud83d\udca1 Toplines\n      <\/div>\n\n      <div class=\"tl-about-assets-float tl-float-6\">\n        \ud83d\udcc2 DAW-Projekte\n      <\/div>\n\n      <div class=\"tl-about-assets-float tl-float-7\">\n        \ud83e\udd1d Splits\n      <\/div>\n\n      <div class=\"tl-about-assets-float tl-float-8\">\n        \ud83d\udcc4 Dokumente\n      <\/div>\n\n    <\/div>\n\n    <!-- =========================================================\n    RIGHT CONTENT\n    ========================================================== -->\n\n    <div class=\"tl-about-assets-content\">\n\n      <div class=\"tl-about-assets-badge\">\n        \ud83c\udfa8 Was TuneLockr sch\u00fctzt\n      <\/div>\n\n      <h2 class=\"tl-about-assets-title\">\n\n        Jede Kreationverdient einen Nachweis.\n\n      <\/h2>\n\n      <p class=\"tl-about-assets-text\">\n\n        TuneLockr sch\u00fctzt nicht nurfertige Songs.Die ersten Ideen,Demos,Rohfassungen,Toplines,laufende Projekte,Zusammenarbeitenoder kreative Dokumentek\u00f6nnen ebenfalls eingereicht werden.\n\n      <\/p>\n\n      <p class=\"tl-about-assets-text\">\n\n        In der Praxistreten die meisten Konfliktelange vor der offiziellen Ver\u00f6ffentlichung auf:bei privatem Austausch,in Kollaborationen,beim Versenden von Beatsoder beim vorzeitigen Teilen.\n\n      <\/p>\n\n      <!-- LIST -->\n      <div class=\"tl-about-assets-list\">\n\n        <div class=\"tl-about-assets-item\">\n          \u2714 Musik &amp; Masters\n        <\/div>\n\n        <div class=\"tl-about-assets-item\">\n          \u2714 Beats &amp; Instrumentals\n        <\/div>\n\n        <div class=\"tl-about-assets-item\">\n          \u2714 Toplines &amp; Melodien\n        <\/div>\n\n        <div class=\"tl-about-assets-item\">\n          \u2714 Songtexte &amp; Lyrics\n        <\/div>\n\n        <div class=\"tl-about-assets-item\">\n          \u2714 Stems &amp; DAW-Projekte\n        <\/div>\n\n        <div class=\"tl-about-assets-item\">\n          \u2714 Vertr\u00e4ge &amp; Splits\n        <\/div>\n\n      <\/div>\n\n      <!-- CTA -->\n      <a href=\"https:\/\/app.tunelockr.com\/depot\"\n         class=\"tl-about-assets-btn\">\n\n        \ud83d\ude80 Eine Kreation einreichen\n\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n\n\/* =========================================================\nSECTION\n========================================================= *\/\n\n.tl-about-assets{\n\n  position:relative;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      180deg,\n      #fffaf5,\n      #ffffff\n    );\n\n  isolation:isolate;\n}\n\n\/* =========================================================\nGLOW\n========================================================= *\/\n\n.tl-about-assets-glow{\n\n  position:absolute;\n\n  width:380px;\n  height:380px;\n\n  top:-140px;\n  right:-140px;\n\n  border-radius:999px;\n\n  background:\n    rgba(249,115,22,.08);\n\n  filter:blur(120px);\n\n  pointer-events:none;\n}\n\n\/* =========================================================\nINNER\n========================================================= *\/\n\n.tl-about-assets-inner{\n\n  position:relative;\n  z-index:2;\n\n  width:100%;\n  max-width:1320px;\n\n  margin:0 auto;\n\n  padding:\n    120px 24px;\n\n  display:grid;\n\n  grid-template-columns:\n    .95fr 1.05fr;\n\n  gap:90px;\n\n  align-items:center;\n}\n\n\/* =========================================================\nVISUAL\n========================================================= *\/\n\n.tl-about-assets-visual{\n\n  position:relative;\n\n  width:100%;\n  height:640px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n}\n\n\/* =========================================================\nCORE\n========================================================= *\/\n\n.tl-about-assets-core{\n\n  position:relative;\n  z-index:3;\n\n  width:240px;\n  height:240px;\n\n  border-radius:999px;\n\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  justify-content:center;\n\n  background:\n    linear-gradient(\n      135deg,\n      #111827,\n      #0b0b0c\n    );\n\n  box-shadow:\n    0 40px 100px rgba(15,23,42,.18);\n\n  border:\n    1px solid rgba(255,255,255,.06);\n\n  text-align:center;\n}\n\n\/* =========================================================\nCORE ICON\n========================================================= *\/\n\n.tl-about-assets-core-icon{\n\n  font-size:3rem;\n\n  margin-bottom:12px;\n}\n\n\/* =========================================================\nCORE TEXT\n========================================================= *\/\n\n.tl-about-assets-core-title{\n\n  color:#ffffff;\n\n  font-size:1.4rem;\n  font-weight:900;\n\n  letter-spacing:-0.04em;\n}\n\n.tl-about-assets-core-sub{\n\n  margin-top:6px;\n\n  color:rgba(255,255,255,.65);\n\n  font-size:.84rem;\n}\n\n\/* =========================================================\nFLOATS\n========================================================= *\/\n\n.tl-about-assets-float{\n\n  position:absolute;\n\n  padding:\n    1rem 1.1rem;\n\n  border-radius:20px;\n\n  background:#ffffff;\n\n  border:\n    1px solid rgba(15,23,42,.05);\n\n  box-shadow:\n    0 18px 40px rgba(15,23,42,.08);\n\n  color:#111827;\n\n  font-size:.86rem;\n  font-weight:750;\n}\n\n\/* =========================================================\nPOSITIONS\n========================================================= *\/\n\n.tl-float-1{ top:40px; left:90px; }\n.tl-float-2{ top:120px; right:40px; }\n.tl-float-3{ top:280px; left:0; }\n.tl-float-4{ bottom:160px; right:10px; }\n.tl-float-5{ bottom:40px; left:120px; }\n.tl-float-6{ top:200px; right:120px; }\n.tl-float-7{ bottom:260px; left:80px; }\n.tl-float-8{ bottom:80px; right:90px; }\n\n\/* =========================================================\nBADGE\n========================================================= *\/\n\n.tl-about-assets-badge{\n\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n\n  padding:\n    .55rem .95rem;\n\n  border-radius:999px;\n\n  background:#fff7ed;\n\n  border:\n    1px solid rgba(249,115,22,.12);\n\n  color:#c2410c;\n\n  font-size:.74rem;\n  font-weight:850;\n\n  letter-spacing:.10em;\n  text-transform:uppercase;\n\n  margin-bottom:28px;\n}\n\n\/* =========================================================\nTITLE\n========================================================= *\/\n\n.tl-about-assets-title{\n\n  font-size:clamp(2.8rem,5vw,5rem);\n\n  line-height:.94;\n\n  letter-spacing:-0.08em;\n\n  font-weight:950;\n\n  color:#111827;\n\n  margin:\n    0 0 28px;\n}\n\n\/* =========================================================\nTEXT\n========================================================= *\/\n\n.tl-about-assets-text{\n\n  font-size:1.05rem;\n  line-height:1.95;\n\n  color:#374151;\n\n  margin:\n    0 0 24px;\n}\n\n\/* =========================================================\nLIST\n========================================================= *\/\n\n.tl-about-assets-list{\n\n  display:grid;\n\n  grid-template-columns:\n    1fr 1fr;\n\n  gap:14px;\n\n  margin:\n    40px 0;\n}\n\n\/* =========================================================\nITEM\n========================================================= *\/\n\n.tl-about-assets-item{\n\n  padding:\n    1rem 1rem;\n\n  border-radius:18px;\n\n  background:#ffffff;\n\n  border:\n    1px solid rgba(15,23,42,.05);\n\n  box-shadow:\n    0 10px 24px rgba(15,23,42,.04);\n\n  color:#111827;\n\n  font-size:.88rem;\n  font-weight:750;\n}\n\n\/* =========================================================\nBUTTON\n========================================================= *\/\n\n.tl-about-assets-btn{\n\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n\n  padding:\n    1.05rem 1.45rem;\n\n  border-radius:20px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #f97316,\n      #fb923c\n    );\n\n  color:#ffffff;\n\n  text-decoration:none;\n\n  font-size:.94rem;\n  font-weight:900;\n\n  box-shadow:\n    0 24px 54px rgba(249,115,22,.18);\n\n  transition:\n    transform .16s ease,\n    box-shadow .16s ease;\n}\n\n.tl-about-assets-btn:hover{\n\n  transform:\n    translateY(-2px);\n\n  box-shadow:\n    0 30px 64px rgba(249,115,22,.24);\n}\n\n\/* =========================================================\nRESPONSIVE\n========================================================= *\/\n\n@media(max-width:1080px){\n\n  .tl-about-assets-inner{\n\n    grid-template-columns:1fr;\n\n    gap:70px;\n  }\n\n}\n\n@media(max-width:768px){\n\n  .tl-about-assets-inner{\n\n    padding:\n      80px 20px;\n  }\n\n  .tl-about-assets-title{\n\n    font-size:2.5rem;\n\n    line-height:.98;\n  }\n\n  .tl-about-assets-text{\n\n    font-size:.98rem;\n\n    line-height:1.8;\n  }\n\n  .tl-about-assets-visual{\n\n    height:520px;\n  }\n\n  .tl-about-assets-core{\n\n    width:180px;\n    height:180px;\n  }\n\n  .tl-about-assets-float{\n\n    font-size:.72rem;\n\n    padding:\n      .75rem .85rem;\n  }\n\n  .tl-about-assets-list{\n\n    grid-template-columns:1fr;\n  }\n\n  .tl-about-assets-btn{\n\n    width:100%;\n  }\n\n}\n\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2e7eccf e-flex e-con-boxed e-con e-parent\" data-id=\"2e7eccf\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-66115e9 elementor-widget elementor-widget-html\" data-id=\"66115e9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =========================================================\nTUNELOCKR \u2014 TEAM SECTION\nPREMIUM TEAM GRID\n========================================================= -->\n\n<section class=\"tl-about-team\">\n\n  <!-- GLOW -->\n  <div class=\"tl-about-team-glow\"><\/div>\n\n  <!-- INNER -->\n  <div class=\"tl-about-team-inner\">\n\n    <!-- =========================================================\n    HEAD\n    ========================================================== -->\n\n    <div class=\"tl-about-team-head\">\n\n      <div class=\"tl-about-team-badge\">\n        \ud83d\udc65 Das TuneLockr-Team\n      <\/div>\n\n      <h2 class=\"tl-about-team-title\">\n\n        Ein Team voller Leidenschaft f\u00fcr den Schutz von Kreativen.\n\n      <\/h2>\n\n      <p class=\"tl-about-team-text\">\n\n        Entwickler, Kreative, Produktspezialisten, Blockchain-Experten und Musikliebhaber: TuneLockr vereint vielf\u00e4ltige Kompetenzen um ein gemeinsames Ziel: den Schutz digitaler Werke.\n\n      <\/p>\n\n    <\/div>\n\n    <!-- =========================================================\n    GRID\n    ========================================================== -->\n\n    <div class=\"tl-about-team-grid\">\n\n      <!-- =========================================================\n      MEMBER\n      ========================================================== -->\n\n      <div class=\"tl-about-member\">\n\n        <div class=\"tl-about-member-image\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?q=80&w=1200&auto=format&fit=crop\"\n            alt=\"Alex Mercer\">\n\n        <\/div>\n\n        <div class=\"tl-about-member-content\">\n\n          <h3>\n            Alex Mercer\n          <\/h3>\n\n          <div class=\"tl-about-member-role\">\n            CEO &amp; Produktvision\n          <\/div>\n\n          <p>\n\n            Produktvision, kreative Infrastruktur und Nutzererfahrung.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- =========================================================\n      MEMBER\n      ========================================================== -->\n\n      <div class=\"tl-about-member\">\n\n        <div class=\"tl-about-member-image\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?q=80&w=1200&auto=format&fit=crop\"\n            alt=\"Sophie Klein\">\n\n        <\/div>\n\n        <div class=\"tl-about-member-content\">\n\n          <h3>\n            Sophie Klein\n          <\/h3>\n\n          <div class=\"tl-about-member-role\">\n            Recht &amp; Urheberrecht\n          <\/div>\n\n          <p>\n\n            Urheberrecht, Compliance und Schutz digitaler Werke.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- =========================================================\n      MEMBER\n      ========================================================== -->\n\n      <div class=\"tl-about-member tl-about-member-center\">\n\n        <div class=\"tl-about-member-live\">\n          Kernteam\n        <\/div>\n\n        <div class=\"tl-about-member-image\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/images.unsplash.com\/photo-1506794778202-cad84cf45f1d?q=80&w=1200&auto=format&fit=crop\"\n            alt=\"Marcus Lee\">\n\n        <\/div>\n\n        <div class=\"tl-about-member-content\">\n\n          <h3>\n            Marcus Lee\n          <\/h3>\n\n          <div class=\"tl-about-member-role\">\n            Blockchain-Entwickler\n          <\/div>\n\n          <p>\n\n            Tezos-Infrastruktur, kryptografische Sicherheit und Blockchain-Nachverfolgbarkeit.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- =========================================================\n      MEMBER\n      ========================================================== -->\n\n      <div class=\"tl-about-member\">\n\n        <div class=\"tl-about-member-image\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/images.unsplash.com\/photo-1438761681033-6461ffad8d80?q=80&w=1200&auto=format&fit=crop\"\n            alt=\"Lina Morel\">\n\n        <\/div>\n\n        <div class=\"tl-about-member-content\">\n\n          <h3>\n            Lina Morel\n          <\/h3>\n\n          <div class=\"tl-about-member-role\">\n            Kreative Partnerschaften\n          <\/div>\n\n          <p>\n\n            K\u00fcnstlerbeziehungen, kreative Community und Kooperationen.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- =========================================================\n      MEMBER\n      ========================================================== -->\n\n      <div class=\"tl-about-member\">\n\n        <div class=\"tl-about-member-image\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/images.unsplash.com\/photo-1504593811423-6dd665756598?q=80&w=1200&auto=format&fit=crop\"\n            alt=\"Daniel Scott\">\n\n        <\/div>\n\n        <div class=\"tl-about-member-content\">\n\n          <h3>\n            Daniel Scott\n          <\/h3>\n\n          <div class=\"tl-about-member-role\">\n            Sicherheit &amp; Infrastruktur\n          <\/div>\n\n          <p>\n\n            Cloud-Architektur, Datenschutz und Datensicherheit.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n\n\/* =========================================================\nSECTION\n========================================================= *\/\n\n.tl-about-team{\n\n  position:relative;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      180deg,\n      #fffaf5 0%,\n      #ffffff 100%\n    );\n\n  isolation:isolate;\n}\n\n\/* =========================================================\nGLOW\n========================================================= *\/\n\n.tl-about-team-glow{\n\n  position:absolute;\n\n  width:420px;\n  height:420px;\n\n  top:-180px;\n  right:-140px;\n\n  border-radius:999px;\n\n  background:\n    rgba(249,115,22,.08);\n\n  filter:blur(120px);\n\n  pointer-events:none;\n}\n\n\/* =========================================================\nINNER\n========================================================= *\/\n\n.tl-about-team-inner{\n\n  position:relative;\n  z-index:2;\n\n  width:100%;\n  max-width:1320px;\n\n  margin:0 auto;\n\n  padding:\n    110px 24px;\n}\n\n\/* =========================================================\nHEAD\n========================================================= *\/\n\n.tl-about-team-head{\n\n  max-width:900px;\n\n  margin:\n    0 auto\n    70px;\n\n  text-align:center;\n}\n\n\/* =========================================================\nBADGE\n========================================================= *\/\n\n.tl-about-team-badge{\n\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n\n  padding:\n    .55rem .95rem;\n\n  border-radius:999px;\n\n  background:#fff7ed;\n\n  border:\n    1px solid rgba(249,115,22,.12);\n\n  color:#c2410c;\n\n  font-size:.74rem;\n  font-weight:850;\n\n  letter-spacing:.10em;\n  text-transform:uppercase;\n\n  margin-bottom:28px;\n}\n\n\/* =========================================================\nTITLE\n========================================================= *\/\n\n.tl-about-team-title{\n\n  font-size:clamp(2.8rem,5vw,5rem);\n\n  line-height:.94;\n\n  letter-spacing:-0.08em;\n\n  font-weight:950;\n\n  color:#111827;\n\n  margin:\n    0 0 28px;\n}\n\n\/* =========================================================\nTEXT\n========================================================= *\/\n\n.tl-about-team-text{\n\n  font-size:1.05rem;\n  line-height:1.95;\n\n  color:#374151;\n\n  margin:0;\n}\n\n\/* =========================================================\nGRID\n========================================================= *\/\n\n.tl-about-team-grid{\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(5,minmax(0,1fr));\n\n  gap:22px;\n}\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n.tl-about-member{\n\n  position:relative;\n\n  overflow:hidden;\n\n  border-radius:34px;\n\n  background:#ffffff;\n\n  border:\n    1px solid rgba(15,23,42,.05);\n\n  box-shadow:\n    0 24px 54px rgba(15,23,42,.05);\n\n  transition:\n    transform .16s ease,\n    box-shadow .16s ease;\n}\n\n.tl-about-member:hover{\n\n  transform:\n    translateY(-5px);\n\n  box-shadow:\n    0 34px 70px rgba(15,23,42,.08);\n}\n\n\/* =========================================================\nCENTER\n========================================================= *\/\n\n.tl-about-member-center{\n\n  border:\n    1px solid rgba(249,115,22,.14);\n\n  box-shadow:\n    0 30px 70px rgba(249,115,22,.08);\n}\n\n.tl-about-member-live{\n\n  position:absolute;\n\n  top:18px;\n  right:18px;\n\n  z-index:3;\n\n  padding:\n    .42rem .72rem;\n\n  border-radius:999px;\n\n  background:#111827;\n\n  color:#ffffff;\n\n  font-size:.64rem;\n  font-weight:850;\n\n  letter-spacing:.08em;\n  text-transform:uppercase;\n}\n\n\/* =========================================================\nIMAGE\n========================================================= *\/\n\n.tl-about-member-image{\n\n  position:relative;\n\n  aspect-ratio:1\/1;\n\n  overflow:hidden;\n}\n\n.tl-about-member-image img{\n\n  width:100%;\n  height:100%;\n\n  object-fit:cover;\n\n  display:block;\n}\n\n\/* =========================================================\nCONTENT\n========================================================= *\/\n\n.tl-about-member-content{\n\n  padding:\n    24px 22px 26px;\n}\n\n\/* =========================================================\nTEXT\n========================================================= *\/\n\n.tl-about-member-content h3{\n\n  font-size:1.08rem;\n\n  line-height:1.1;\n\n  letter-spacing:-0.03em;\n\n  font-weight:900;\n\n  color:#111827;\n\n  margin:\n    0 0 8px;\n}\n\n.tl-about-member-role{\n\n  color:#f97316;\n\n  font-size:.78rem;\n  font-weight:800;\n\n  letter-spacing:.08em;\n  text-transform:uppercase;\n\n  margin-bottom:14px;\n}\n\n.tl-about-member-content p{\n\n  font-size:.88rem;\n  line-height:1.75;\n\n  color:#6b7280;\n\n  margin:0;\n}\n\n\/* =========================================================\nRESPONSIVE\n========================================================= *\/\n\n@media(max-width:1200px){\n\n  .tl-about-team-grid{\n\n    grid-template-columns:\n      repeat(3,minmax(0,1fr));\n  }\n\n}\n\n@media(max-width:768px){\n\n  .tl-about-team-inner{\n\n    padding:\n      80px 20px;\n  }\n\n  .tl-about-team-title{\n\n    font-size:2.5rem;\n\n    line-height:.98;\n  }\n\n  .tl-about-team-text{\n\n    font-size:.98rem;\n\n    line-height:1.8;\n  }\n\n  .tl-about-team-grid{\n\n    grid-template-columns:1fr;\n  }\n\n}\n\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7fb4edf e-flex e-con-boxed e-con e-parent\" data-id=\"7fb4edf\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c47d2d6 elementor-widget elementor-widget-html\" data-id=\"c47d2d6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =========================================================\nTUNELOCKR \u2014 TIMELINE SECTION\nPREMIUM HISTORY TIMELINE\n========================================================= -->\n\n<section class=\"tl-about-timeline\">\n\n  <!-- GLOWS -->\n  <div class=\"tl-about-timeline-glow tl-about-timeline-glow-1\"><\/div>\n  <div class=\"tl-about-timeline-glow tl-about-timeline-glow-2\"><\/div>\n\n  <!-- INNER -->\n  <div class=\"tl-about-timeline-inner\">\n\n    <!-- =========================================================\n    HEAD\n    ========================================================== -->\n\n    <div class=\"tl-about-timeline-head\">\n\n      <div class=\"tl-about-timeline-badge\">\n        \u23f3 Die Entwicklung von TuneLockr\n      <\/div>\n\n      <h2 class=\"tl-about-timeline-title\">\n\n        Eine moderne Infrastruktur f\u00fcr Kreative aufbauen.\n\n      <\/h2>\n\n      <p class=\"tl-about-timeline-text\">\n\n        Seit seiner Gr\u00fcndung verfolgt TuneLockr eine klare Mission: den Schutz kreativer Werke schneller, zug\u00e4nglicher und zeitgem\u00e4\u00df zu gestalten.\n\n      <\/p>\n\n    <\/div>\n\n    <!-- =========================================================\n    TIMELINE\n    ========================================================== -->\n\n    <div class=\"tl-about-timeline-wrap\">\n\n      <!-- LINE -->\n      <div class=\"tl-about-timeline-line\"><\/div>\n\n      <!-- =========================================================\n      ITEM\n      ========================================================== -->\n\n      <div class=\"tl-about-timeline-item\">\n\n        <div class=\"tl-about-timeline-dot\"><\/div>\n\n        <div class=\"tl-about-timeline-card\">\n\n          <div class=\"tl-about-timeline-year\">\n            2019\n          <\/div>\n\n          <h3>\n            Erste Erkenntnisse\n          <\/h3>\n\n          <p>\n\n            Erkennung der Herausforderungen, mit denen unabh\u00e4ngige K\u00fcnstler bei der Nachweisf\u00fchrung der Urheberschaft ihrer Werke konfrontiert sind.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- =========================================================\n      ITEM\n      ========================================================== -->\n\n      <div class=\"tl-about-timeline-item\">\n\n        <div class=\"tl-about-timeline-dot\"><\/div>\n\n        <div class=\"tl-about-timeline-card\">\n\n          <div class=\"tl-about-timeline-year\">\n            2020\n          <\/div>\n\n          <h3>\n            Entwicklung der Infrastruktur\n          <\/h3>\n\n          <p>\n\n            Aufbau der ersten Systeme f\u00fcr Einreichung, kryptographische Fingerprints und sicheres Zeitstempeln.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- =========================================================\n      ITEM\n      ========================================================== -->\n\n      <div class=\"tl-about-timeline-item tl-about-timeline-item-center\">\n\n        <div class=\"tl-about-timeline-dot tl-about-timeline-dot-active\"><\/div>\n\n        <div class=\"tl-about-timeline-live\">\n          Meilenstein\n        <\/div>\n\n        <div class=\"tl-about-timeline-card tl-about-timeline-card-center\">\n\n          <div class=\"tl-about-timeline-year\">\n            2022\n          <\/div>\n\n          <h3>\n            Integration der Tezos Blockchain\n          <\/h3>\n\n          <p>\n\n            Implementierung einer Blockchain-Infrastruktur, die ein modernes, \u00fcberpr\u00fcfbares und nachhaltiges Zeitstempeln erm\u00f6glicht.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- =========================================================\n      ITEM\n      ========================================================== -->\n\n      <div class=\"tl-about-timeline-item\">\n\n        <div class=\"tl-about-timeline-dot\"><\/div>\n\n        <div class=\"tl-about-timeline-card\">\n\n          <div class=\"tl-about-timeline-year\">\n            2024\n          <\/div>\n\n          <h3>\n            Internationales Wachstum\n          <\/h3>\n\n          <p>\n\n            Tausende gesch\u00fctzte Werke in \u00fcber 170 L\u00e4ndern durch K\u00fcnstler, Beatmaker und Produzenten.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- =========================================================\n      ITEM\n      ========================================================== -->\n\n      <div class=\"tl-about-timeline-item\">\n\n        <div class=\"tl-about-timeline-dot\"><\/div>\n\n        <div class=\"tl-about-timeline-card\">\n\n          <div class=\"tl-about-timeline-year\">\n            Heute\n          <\/div>\n\n          <h3>\n            Neue Generation des Schutzes\n          <\/h3>\n\n          <p>\n\n            TuneLockr entwickelt sich st\u00e4ndig weiter, um Kreative in einer von KI und digitalen Inhalten dominierten Welt zu unterst\u00fctzen.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n\n\/* =========================================================\nSECTION\n========================================================= *\/\n\n.tl-about-timeline{\n\n  position:relative;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      180deg,\n      #111827 0%,\n      #0b0b0c 100%\n    );\n\n  isolation:isolate;\n}\n\n\/* =========================================================\nGLOWS\n========================================================= *\/\n\n.tl-about-timeline-glow{\n\n  position:absolute;\n\n  border-radius:999px;\n\n  filter:blur(120px);\n\n  pointer-events:none;\n}\n\n.tl-about-timeline-glow-1{\n\n  width:380px;\n  height:380px;\n\n  background:\n    rgba(249,115,22,.10);\n\n  top:-180px;\n  left:-120px;\n}\n\n.tl-about-timeline-glow-2{\n\n  width:260px;\n  height:260px;\n\n  background:\n    rgba(59,130,246,.05);\n\n  bottom:-120px;\n  right:-100px;\n}\n\n\/* =========================================================\nINNER\n========================================================= *\/\n\n.tl-about-timeline-inner{\n\n  position:relative;\n  z-index:2;\n\n  width:100%;\n  max-width:1180px;\n\n  margin:0 auto;\n\n  padding:\n    110px 24px;\n}\n\n\/* =========================================================\nHEAD\n========================================================= *\/\n\n.tl-about-timeline-head{\n\n  max-width:860px;\n\n  margin:\n    0 auto\n    90px;\n\n  text-align:center;\n}\n\n\/* =========================================================\nBADGE\n========================================================= *\/\n\n.tl-about-timeline-badge{\n\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n\n  padding:\n    .55rem .95rem;\n\n  border-radius:999px;\n\n  background:\n    rgba(249,115,22,.10);\n\n  border:\n    1px solid rgba(249,115,22,.16);\n\n  color:#fdba74;\n\n  font-size:.72rem;\n  font-weight:850;\n\n  letter-spacing:.10em;\n  text-transform:uppercase;\n\n  margin-bottom:28px;\n}\n\n\/* =========================================================\nTITLE\n========================================================= *\/\n\n.tl-about-timeline-title{\n\n  font-size:clamp(2.8rem,5vw,5rem);\n\n  line-height:.94;\n\n  letter-spacing:-0.08em;\n\n  font-weight:950;\n\n  color:#ffffff;\n\n  margin:\n    0 0 28px;\n}\n\n\/* =========================================================\nTEXT\n========================================================= *\/\n\n.tl-about-timeline-text{\n\n  font-size:1.05rem;\n  line-height:1.95;\n\n  color:rgba(255,255,255,.74);\n\n  margin:0;\n}\n\n\/* =========================================================\nTIMELINE WRAP\n========================================================= *\/\n\n.tl-about-timeline-wrap{\n\n  position:relative;\n\n  display:flex;\n  flex-direction:column;\n\n  gap:34px;\n}\n\n\/* =========================================================\nLINE\n========================================================= *\/\n\n.tl-about-timeline-line{\n\n  position:absolute;\n\n  top:0;\n  bottom:0;\n  left:20px;\n\n  width:2px;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(249,115,22,.5),\n      rgba(255,255,255,.08)\n    );\n}\n\n\/* =========================================================\nITEM\n========================================================= *\/\n\n.tl-about-timeline-item{\n\n  position:relative;\n\n  padding-left:70px;\n}\n\n\/* =========================================================\nDOT\n========================================================= *\/\n\n.tl-about-timeline-dot{\n\n  position:absolute;\n\n  top:28px;\n  left:11px;\n\n  width:20px;\n  height:20px;\n\n  border-radius:999px;\n\n  background:\n    rgba(255,255,255,.16);\n\n  border:\n    3px solid #111827;\n\n  z-index:2;\n}\n\n\/* =========================================================\nACTIVE DOT\n========================================================= *\/\n\n.tl-about-timeline-dot-active{\n\n  background:#f97316;\n\n  box-shadow:\n    0 0 24px rgba(249,115,22,.7);\n}\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n.tl-about-timeline-card{\n\n  position:relative;\n\n  padding:\n    32px 34px;\n\n  border-radius:34px;\n\n  background:\n    rgba(255,255,255,.04);\n\n  border:\n    1px solid rgba(255,255,255,.06);\n\n  backdrop-filter:blur(10px);\n\n  transition:\n    transform .16s ease,\n    box-shadow .16s ease;\n}\n\n.tl-about-timeline-card:hover{\n\n  transform:\n    translateY(-4px);\n\n  box-shadow:\n    0 30px 60px rgba(0,0,0,.30);\n}\n\n\/* =========================================================\nCENTER CARD\n========================================================= *\/\n\n.tl-about-timeline-card-center{\n\n  border:\n    1px solid rgba(249,115,22,.16);\n\n  box-shadow:\n    0 24px 54px rgba(249,115,22,.08);\n}\n\n.tl-about-timeline-live{\n\n  position:absolute;\n\n  top:16px;\n  right:20px;\n\n  padding:\n    .42rem .72rem;\n\n  border-radius:999px;\n\n  background:#ffffff;\n\n  color:#111827;\n\n  font-size:.64rem;\n  font-weight:850;\n\n  letter-spacing:.08em;\n  text-transform:uppercase;\n\n  z-index:3;\n}\n\n\/* =========================================================\nYEAR\n========================================================= *\/\n\n.tl-about-timeline-year{\n\n  color:#fdba74;\n\n  font-size:.82rem;\n  font-weight:900;\n\n  letter-spacing:.16em;\n  text-transform:uppercase;\n\n  margin-bottom:14px;\n}\n\n\/* =========================================================\nTEXT\n========================================================= *\/\n\n.tl-about-timeline-card h3{\n\n  font-size:1.4rem;\n\n  line-height:1.05;\n\n  letter-spacing:-0.04em;\n\n  font-weight:900;\n\n  color:#ffffff;\n\n  margin:\n    0 0 14px;\n}\n\n.tl-about-timeline-card p{\n\n  font-size:.96rem;\n  line-height:1.85;\n\n  color:rgba(255,255,255,.70);\n\n  margin:0;\n}\n\n\/* =========================================================\nRESPONSIVE\n========================================================= *\/\n\n@media(max-width:768px){\n\n  .tl-about-timeline-inner{\n\n    padding:\n      80px 20px;\n  }\n\n  .tl-about-timeline-title{\n\n    font-size:2.5rem;\n\n    line-height:.98;\n  }\n\n  .tl-about-timeline-text{\n\n    font-size:.98rem;\n\n    line-height:1.8;\n  }\n\n  .tl-about-timeline-item{\n\n    padding-left:58px;\n  }\n\n  .tl-about-timeline-card{\n\n    padding:26px 24px;\n  }\n\n  .tl-about-timeline-card h3{\n\n    font-size:1.18rem;\n  }\n\n}\n\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d8c3713 e-flex e-con-boxed e-con e-parent\" data-id=\"d8c3713\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u00c0 propos de TuneLockr La musique circule vite. La preuve doit suivre. TuneLockr est n\u00e9 d\u2019un constat simple&nbsp;: les d\u00e9mos, beats, toplines et fichiers de travail sont souvent partag\u00e9s avant que leur histoire ne soit clairement document\u00e9e. Notre r\u00f4le est d\u2019aider les artistes, auteurs, beatmakers et producteurs \u00e0 constituer une preuve d\u2019ant\u00e9riorit\u00e9 horodat\u00e9e avant qu\u2019une [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6683,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5696","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/tunelockr.com\/de\/wp-json\/wp\/v2\/pages\/5696","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tunelockr.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tunelockr.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tunelockr.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tunelockr.com\/de\/wp-json\/wp\/v2\/comments?post=5696"}],"version-history":[{"count":78,"href":"https:\/\/tunelockr.com\/de\/wp-json\/wp\/v2\/pages\/5696\/revisions"}],"predecessor-version":[{"id":9187,"href":"https:\/\/tunelockr.com\/de\/wp-json\/wp\/v2\/pages\/5696\/revisions\/9187"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tunelockr.com\/de\/wp-json\/wp\/v2\/media\/6683"}],"wp:attachment":[{"href":"https:\/\/tunelockr.com\/de\/wp-json\/wp\/v2\/media?parent=5696"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}