{"id":38,"date":"2026-06-01T16:21:04","date_gmt":"2026-06-01T14:21:04","guid":{"rendered":"https:\/\/jalves.ch\/?page_id=38"},"modified":"2026-06-03T19:57:20","modified_gmt":"2026-06-03T17:57:20","slug":"impressum","status":"publish","type":"page","link":"https:\/\/jalves.ch\/de\/impressum\/","title":{"rendered":"Impressum &amp; Datenschutz"},"content":{"rendered":"<style>\n.ja-legal-page {\n  --ja-cream: #f5f0ea;\n  --ja-beige: #e8ddd2;\n  --ja-warm: #d4c4b0;\n  --ja-brown: #2c1f14;\n  --ja-brown-mid: #6b4c32;\n  --ja-accent: #c4a882;\n  --ja-white: #faf8f5;\n\n  font-family: 'DM Sans', sans-serif;\n  color: var(--ja-brown);\n  background: var(--ja-white);\n  overflow: hidden;\n}\n\n.ja-legal-hero {\n  min-height: 100vh;\n  display: flex;\n  align-items: center;\n  padding: 120px 8vw;\n  background: var(--ja-cream);\n  position: relative;\n  overflow: hidden;\n}\n\n.ja-legal-hero::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(ellipse at 80% 20%, rgba(196,168,130,0.16), transparent 55%);\n  pointer-events: none;\n}\n\n.ja-legal-inner {\n  width: 100%;\n  max-width: 980px;\n  margin: 0 auto;\n  position: relative;\n  z-index: 1;\n}\n\n.ja-legal-label {\n  font-size: 11px;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  color: var(--ja-brown-mid);\n  margin-bottom: 32px;\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n\n.ja-legal-label::after {\n  content: '';\n  width: 44px;\n  height: 1px;\n  background: var(--ja-warm);\n}\n\n.ja-legal-hero h1,\n.ja-legal-section h2 {\n  font-family: 'Cormorant Garamond', serif;\n  font-weight: 300;\n  line-height: 1.05;\n  letter-spacing: -1px;\n}\n\n.ja-legal-hero h1 {\n  font-size: clamp(56px, 9vw, 128px);\n  margin-bottom: 28px;\n}\n\n.ja-legal-hero p {\n  max-width: 620px;\n  font-size: 17px;\n  line-height: 1.85;\n  color: var(--ja-brown-mid);\n  font-weight: 300;\n}\n\n.ja-legal-content {\n  background: var(--ja-white);\n}\n\n.ja-legal-section {\n  min-height: 100vh;\n  height: 100vh;\n  margin: 0;\n  padding: 0 8vw;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-bottom: 1px solid var(--ja-beige);\n  overflow: hidden;\n}\n\n.ja-legal-section:last-child {\n  border-bottom: 0;\n}\n\n.ja-legal-scroll-frame {\n  width: 100%;\n  max-width: 980px;\n  height: 74vh;\n  overflow: hidden;\n  position: relative;\n}\n\n.ja-legal-section-inner {\n  width: 100%;\n  will-change: transform;\n}\n\n.ja-legal-section h2 {\n  font-size: clamp(38px, 5vw, 72px);\n  margin-bottom: 36px;\n}\n\n.ja-legal-block {\n  margin-bottom: 34px;\n}\n\n.ja-legal-block:last-child {\n  margin-bottom: 0;\n}\n\n.ja-legal-block h3 {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 28px;\n  font-weight: 400;\n  margin-bottom: 12px;\n}\n\n.ja-legal-block p,\n.ja-legal-block li {\n  font-size: 15px;\n  line-height: 1.9;\n  color: var(--ja-brown-mid);\n  font-weight: 300;\n}\n\n.ja-legal-card {\n  background: var(--ja-cream);\n  border: 1px solid rgba(212,196,176,0.7);\n  border-radius: 20px;\n  padding: 34px;\n  margin: 28px 0 34px;\n}\n\n.ja-legal-card p {\n  margin-bottom: 8px;\n}\n\n.ja-legal-card p:last-child {\n  margin-bottom: 0;\n}\n\n.ja-legal-link {\n  color: var(--ja-brown);\n  text-decoration: none;\n  border-bottom: 1px solid var(--ja-accent);\n}\n\n.ja-legal-link:hover {\n  color: var(--ja-brown-mid);\n}\n\n.ja-legal-note {\n  margin-top: 56px;\n  padding-left: 28px;\n  border-left: 1px solid var(--ja-accent);\n  color: var(--ja-brown-mid);\n}\n\n.ja-legal-reveal {\n  opacity: 0;\n  transform: translateY(26px);\n}\n\n@media (max-width: 767px) {\n  .ja-legal-hero {\n    min-height: 100svh;\n    padding: 90px 6vw;\n  }\n\n  .ja-legal-section {\n    min-height: 100svh;\n    height: 100svh;\n    padding: 0 6vw;\n  }\n\n  .ja-legal-scroll-frame {\n    height: 76svh;\n  }\n\n  .ja-legal-card {\n    padding: 26px;\n  }\n}\n<\/style>\n\n<div class=\"ja-legal-page\">\n\n  <section class=\"ja-legal-hero\">\n    <div class=\"ja-legal-inner ja-legal-reveal\">\n      <div class=\"ja-legal-label\">JA Designs \u2014 Legal<\/div>\n      <h1>Impressum &amp;<br>Datenschutz<\/h1>\n      <p>Transparente Informationen dar\u00fcber, wer hinter dieser Website steht und wie personenbezogene Daten verarbeitet werden.<\/p>\n    <\/div>\n  <\/section>\n\n  <main class=\"ja-legal-content\">\n\n    <section class=\"ja-legal-section ja-legal-scroll-section\">\n      <div class=\"ja-legal-scroll-frame\">\n        <div class=\"ja-legal-section-inner ja-legal-reveal\">\n          <div class=\"ja-legal-label\">Legal Notice<\/div>\n          <h2>Impressum<\/h2>\n\n          <div class=\"ja-legal-card\">\n            <p><strong>Verantwortlich f\u00fcr diese Website:<\/strong><\/p>\n            <p>Jonathan Alves Marinho<\/p>\n            <p>Switzerland<\/p>\n            <p>\n              E-Mail:\n              <a class=\"ja-legal-link\" href=\"mailto:jonathan.alvesmarinho96@gmail.com\">jonathan.alvesmarinho96@gmail.com<\/a>\n            <\/p>\n          <\/div>\n\n          <div class=\"ja-legal-block\">\n            <h3>Zweck der Website<\/h3>\n            <p>Diese Website dient als pers\u00f6nliches Portfolio und zur Pr\u00e4sentation von Webdesign-, WordPress- und digitalen Dienstleistungen von JA Designs.<\/p>\n          <\/div>\n\n          <div class=\"ja-legal-block\">\n            <h3>Haftung f\u00fcr Inhalte<\/h3>\n            <p>Die Inhalte dieser Website wurden sorgf\u00e4ltig erstellt. Dennoch kann keine Gew\u00e4hr f\u00fcr die Richtigkeit, Vollst\u00e4ndigkeit und Aktualit\u00e4t der Inhalte \u00fcbernommen werden.<\/p>\n          <\/div>\n\n          <div class=\"ja-legal-block\">\n            <h3>Haftung f\u00fcr Links<\/h3>\n            <p>Diese Website kann Links zu externen Websites enthalten. F\u00fcr deren Inhalte sind ausschlie\u00dflich die jeweiligen Betreiber verantwortlich.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"ja-legal-section ja-legal-scroll-section\">\n      <div class=\"ja-legal-scroll-frame\">\n        <div class=\"ja-legal-section-inner ja-legal-reveal\">\n          <div class=\"ja-legal-label\">Privacy Policy<\/div>\n          <h2>Datenschutzerkl\u00e4rung<\/h2>\n\n          <div class=\"ja-legal-block\">\n            <h3>Allgemeine Hinweise<\/h3>\n            <p>Der Schutz personenbezogener Daten ist wichtig. Diese Datenschutzerkl\u00e4rung erkl\u00e4rt, welche Daten beim Besuch dieser Website und bei der Nutzung des Kontaktformulars verarbeitet werden k\u00f6nnen.<\/p>\n          <\/div>\n\n          <div class=\"ja-legal-block\">\n            <h3>Kontaktaufnahme<\/h3>\n            <p>Wenn Sie \u00fcber das Kontaktformular oder per E-Mail Kontakt aufnehmen, werden die \u00fcbermittelten Angaben zur Bearbeitung der Anfrage verwendet. Dazu k\u00f6nnen Name, E-Mail-Adresse, Betreff und Nachricht geh\u00f6ren.<\/p>\n          <\/div>\n\n          <div class=\"ja-legal-block\">\n            <h3>WPForms<\/h3>\n            <p>F\u00fcr das Kontaktformular wird WPForms verwendet. Die eingegebenen Daten werden zur \u00dcbermittlung und Bearbeitung der Anfrage verarbeitet. Je nach WordPress-Konfiguration k\u00f6nnen Formular\u00fcbermittlungen zus\u00e4tzlich im WordPress-Backend gespeichert werden.<\/p>\n          <\/div>\n\n          <div class=\"ja-legal-block\">\n            <h3>Hosting und Server-Logfiles<\/h3>\n            <p>Beim Besuch dieser Website k\u00f6nnen technische Daten automatisch durch den Hosting-Anbieter erfasst werden. Dazu geh\u00f6ren beispielsweise IP-Adresse, Browsertyp, Betriebssystem, Zeitpunkt des Zugriffs und aufgerufene Seiten. Diese Daten dienen dem sicheren und stabilen Betrieb der Website.<\/p>\n          <\/div>\n\n          <div class=\"ja-legal-block\">\n            <h3>Google Fonts<\/h3>\n            <p>Diese Website kann Google Fonts zur Darstellung von Schriftarten verwenden. Dabei k\u00f6nnen Verbindungen zu Servern von Google hergestellt werden. Falls die Schriften lokal eingebunden werden, findet keine externe Verbindung zu Google Fonts statt.<\/p>\n          <\/div>\n\n          <div class=\"ja-legal-block\">\n            <h3>Cookies<\/h3>\n            <p>Diese Website kann technisch notwendige Cookies verwenden, zum Beispiel durch WordPress oder eingesetzte Plugins. Werden zuk\u00fcnftig Analyse- oder Marketing-Tools eingesetzt, wird diese Datenschutzerkl\u00e4rung entsprechend erg\u00e4nzt.<\/p>\n          <\/div>\n\n          <div class=\"ja-legal-block\">\n            <h3>Anti-Spam<\/h3>\n            <p>Falls Anti-Spam-Funktionen wie WPForms Anti-Spam, Captcha oder Akismet verwendet werden, k\u00f6nnen technische Daten verarbeitet werden, um Spam und Missbrauch zu verhindern.<\/p>\n          <\/div>\n\n          <div class=\"ja-legal-block\">\n            <h3>Ihre Rechte<\/h3>\n            <p>Sie k\u00f6nnen Auskunft \u00fcber gespeicherte personenbezogene Daten verlangen sowie Berichtigung oder L\u00f6schung anfragen, soweit keine gesetzlichen Aufbewahrungspflichten entgegenstehen.<\/p>\n          <\/div>\n\n          <div class=\"ja-legal-block\">\n            <h3>Kontakt f\u00fcr Datenschutzfragen<\/h3>\n            <p>Bei Fragen zum Datenschutz k\u00f6nnen Sie sich jederzeit per E-Mail melden:\n              <a class=\"ja-legal-link\" href=\"mailto:jonathan.alvesmarinho96@gmail.com\">jonathan.alvesmarinho96@gmail.com<\/a>\n            <\/p>\n          <\/div>\n\n          <div class=\"ja-legal-note\">\n            <p>Hinweis: Diese Seite ist eine allgemeine Vorlage und ersetzt keine rechtliche Beratung. F\u00fcr eine verbindliche Pr\u00fcfung sollte eine Fachperson beigezogen werden.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n  <\/main>\n\n<\/div>\n\n<script>\nwindow.addEventListener(\"load\", function () {\n  const legalPage = document.querySelector(\".ja-legal-page\");\n  if (!legalPage) return;\n\n  const isMobile = window.innerWidth <= 767;\n\n  const lenis = new Lenis({\n    duration: 0.20,\n    easing: (t) => 1 - Math.pow(1 - t, 3),\n    smooth: true,\n  });\n\n  gsap.registerPlugin(ScrollTrigger);\n\n  gsap.ticker.add((time) => {\n    lenis.raf(time * 1000);\n  });\n\n  gsap.ticker.lagSmoothing(0);\n  lenis.on(\"scroll\", ScrollTrigger.update);\n\n  const heroContent = document.querySelector(\".ja-legal-hero .ja-legal-reveal\");\n\n  if (heroContent) {\n    gsap.set(heroContent, { y: isMobile ? 24 : 36, opacity: 0 });\n\n    gsap.timeline({\n      scrollTrigger: {\n        trigger: \".ja-legal-hero\",\n        start: \"top top\",\n        end: isMobile ? \"+=150%\" : \"+=170%\",\n        pin: true,\n        pinSpacing: true,\n        scrub: 0.8,\n        anticipatePin: 1,\n      },\n    })\n      .to(heroContent, {\n        y: 0,\n        opacity: 1,\n        duration: 0.25,\n        ease: \"power3.out\",\n      })\n      .to(heroContent, {\n        y: 0,\n        opacity: 1,\n        duration: 0.55,\n      })\n      .to(heroContent, {\n        y: isMobile ? -18 : -24,\n        opacity: 0,\n        duration: 0.2,\n        ease: \"power3.in\",\n      });\n  }\n\n  gsap.utils.toArray(\".ja-legal-scroll-section\").forEach((section) => {\n    const frame = section.querySelector(\".ja-legal-scroll-frame\");\n    const content = section.querySelector(\".ja-legal-section-inner\");\n\n    if (!frame || !content) return;\n\n    const getOverflow = () => Math.max(0, content.scrollHeight - frame.clientHeight);\n\n    gsap.set(content, { y: isMobile ? 24 : 36, opacity: 0 });\n\n    const timeline = gsap.timeline({\n      scrollTrigger: {\n        trigger: section,\n        start: \"top top\",\n        end: () => {\n          const overflow = getOverflow();\n\n          \/*\n            More scroll time:\n            - first part: fade in \/ settle\n            - middle: inner text scroll\n            - last part: fade out \/ transition to next block\n          *\/\n          const base = isMobile ? window.innerHeight * 3.0 : window.innerHeight * 2.8;\nconst contentDistance = overflow * (isMobile ? 1.7 : 1.55);\n\nreturn \"+=\" + Math.max(base, contentDistance + window.innerHeight * 1.8);\n        },\n        pin: true,\n        pinSpacing: true,\n        scrub: 0.85,\n        anticipatePin: 1,\n        invalidateOnRefresh: true,\n      },\n    });\n\n    timeline\n      .to(content, {\n        y: 0,\n        opacity: 1,\n        duration: 0.22,\n        ease: \"power3.out\",\n      })\n      .to(content, {\n        y: () => -getOverflow(),\n        opacity: 1,\n        duration: 0.58,\n        ease: \"none\",\n      })\n      .to(content, {\n        y: () => -getOverflow() - (isMobile ? 18 : 26),\n        opacity: 0,\n        duration: 0.2,\n        ease: \"power3.in\",\n      });\n  });\n\n  ScrollTrigger.sort();\n  ScrollTrigger.refresh();\n});\n<\/script>","protected":false},"excerpt":{"rendered":"<p>JA Designs \u2014 Legal Impressum &amp;Datenschutz Transparente Informationen dar\u00fcber, wer hinter dieser Website steht und wie personenbezogene Daten verarbeitet werden. Legal Notice Impressum Verantwortlich f\u00fcr diese Website: Jonathan Alves Marinho Switzerland E-Mail: jonathan.alvesmarinho96@gmail.com Zweck der Website Diese Website dient als pers\u00f6nliches Portfolio und zur Pr\u00e4sentation von Webdesign-, WordPress- und digitalen Dienstleistungen von JA Designs. Haftung&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-38","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jalves.ch\/de\/wp-json\/wp\/v2\/pages\/38","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jalves.ch\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jalves.ch\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jalves.ch\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jalves.ch\/de\/wp-json\/wp\/v2\/comments?post=38"}],"version-history":[{"count":10,"href":"https:\/\/jalves.ch\/de\/wp-json\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":384,"href":"https:\/\/jalves.ch\/de\/wp-json\/wp\/v2\/pages\/38\/revisions\/384"}],"wp:attachment":[{"href":"https:\/\/jalves.ch\/de\/wp-json\/wp\/v2\/media?parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}