{"id":65,"date":"2025-05-04T15:25:34","date_gmt":"2025-05-04T13:25:34","guid":{"rendered":"http:\/\/192.168.178.45\/?page_id=65"},"modified":"2025-08-03T21:56:51","modified_gmt":"2025-08-03T19:56:51","slug":"hochzeit","status":"publish","type":"page","link":"https:\/\/12122026.de\/","title":{"rendered":"Hochzeit"},"content":{"rendered":"<!DOCTYPE html>\r\n<html lang=\"de\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n  <title>Hochzeit Hannah & Ramon<\/title>\r\n\r\n  <!-- Schriftarten -->\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display&display=swap\" rel=\"stylesheet\" \/>\r\n  <link href=\"https:\/\/fonts.cdnfonts.com\/css\/brittany-signature\" rel=\"stylesheet\" \/>\r\n  <link href=\"https:\/\/fonts.cdnfonts.com\/css\/the-seasons\" rel=\"stylesheet\" \/>\r\n\r\n  <!-- AOS Animation -->\r\n  <link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\" \/>\r\n\r\n  <style>\r\n    body {\r\n      margin: 0;\r\n      padding: 0;\r\n      background: #fff;\r\n      color: #111;\r\n      scroll-snap-type: y mandatory;\r\n      overflow-y: scroll;\r\n      font-family: 'Playfair Display', serif;\r\n    }\r\n\r\n\t  \r\n    .hochzeit-header {\r\n  height: 100vh;\r\n  background: url('http:\/\/savethedate.ramonpeschke.de\/wp-content\/uploads\/2025\/08\/Bild-1.jpeg') center\/cover no-repeat;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  padding: 2rem 5vw;\r\n  color: white;\r\n  border-radius: 30px; \r\n  overflow: hidden;    \r\n  margin: 2rem;        \r\n}\r\n\r\n.hochzeit-header h1 {\r\n  font-family: 'Brittany Signature';\r\n  font-size: clamp(4rem, 10vw, 5.5rem);\r\n   margin: -5rem 0 0 0; \r\n  line-height: 1.1;\r\n  color: black;\r\n  padding-left: 2rem; \/* oder z.B. 5vw f\u00fcr relative Verschiebung *\/\r\n}\r\n\t \r\n\t  h2 {\r\n  font-family: 'Brittany Signature', cursive;\r\n  font-size: 2.5rem;\r\n  font-weight: normal;\r\n  margin-bottom: 1rem;\r\n}\r\n\t  \r\n.center-heading {\r\n  text-align: center;\r\n\tfont-family: 'Brittany Signature', cursive;\r\n  font-size: 2.5rem;\r\n}\r\n\t  \r\n    .hochzeit-header p {\r\n      font-family: 'The Seasons', serif;\r\n      font-size: 3.5rem;\r\n      margin-top: 1rem;\r\n    }\r\n\r\n\t  .date-heading {\r\n  font-family: 'The Seasons', serif;\r\n  text-align: center;\r\n  font-size: 3.5rem;\r\n  margin: 1rem 0;\r\n}\r\n\t  \r\n    .content-section {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 4rem;\r\n      max-width: 1200px;\r\n      margin: 5vh auto;\r\n      padding: 5vh 2rem;\r\n      background: #fff;\r\n      border-radius: 20px;\r\n      box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);\r\n    }\r\n\r\n    .content-section.left {\r\n      flex-direction: row;\r\n    }\r\n\r\n    .content-section.right {\r\n      flex-direction: row-reverse;\r\n    }\r\n\r\n    .content-image img {\r\n      width: 100%;\r\n      max-width: 500px;\r\n      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\r\n      border-radius: 20px;\r\n    }\r\n\r\n    .content-text {\r\n      max-width: 500px;\r\n    }\r\n\r\n    #countdown {\r\n      font-size: 2.2rem;\r\n      font-weight: bold;\r\n      letter-spacing: 1px;\r\n      text-align: center;\r\n      padding: 5vh 2rem;\r\n      font-family: 'Brittany Signature';\r\n    }\r\n\r\n    .form-section {\r\n      flex-direction: column;\r\n      background: #f9f9f9;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      text-align: center;\r\n      padding: 5vh 2rem;\r\n      border-radius: 20px;\r\n      box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05);\r\n      margin: 5vh auto;\r\n      max-width: 800px;\r\n    }\r\n\r\n    form {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 1rem;\r\n      max-width: 600px;\r\n      width: 100%;\r\n      font-family: 'The Seasons', serif;\r\n    }\r\n\r\n    input,\r\n    textarea {\r\n      padding: 1rem;\r\n      border-radius: 15px;\r\n      border: 1px solid #ccc;\r\n      font-size: 1rem;\r\n    }\r\n\r\n    button {\r\n      padding: 1rem 2rem;\r\n      border: none;\r\n      border-radius: 999px;\r\n      background: #444;\r\n      color: white;\r\n      font-size: 1rem;\r\n      cursor: pointer;\r\n    }\r\n\r\n    footer {\r\n      text-align: center;\r\n      padding: 3vh 2rem;\r\n      font-size: 0.9rem;\r\n      color: #777;\r\n      font-family: 'The Seasons', serif;\r\n    }\r\n\r\n    .only-mobile {\r\n      display: none;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .content-section {\r\n        flex-direction: column !important;\r\n        text-align: center;\r\n        padding: 5vh 1rem;\r\n      }\r\n\r\n      .content-image img {\r\n        max-width: 90%;\r\n        margin: 0 auto;\r\n      }\r\n\r\n      .content-text {\r\n        max-width: 100%;\r\n      }\r\n\r\n      .hochzeit-header h1 {\r\n        font-size: clamp(1.5rem, 8vw, 3rem);\r\n      }\r\n\r\n      .hochzeit-header p {\r\n        font-size: 2rem;\r\n      }\r\n\r\n      #countdown {\r\n        font-size: 1.4rem;\r\n        padding: 3vh 1rem;\r\n      }\r\n\r\n      .form-section form {\r\n        padding: 0 1rem;\r\n      }\r\n\r\n      input,\r\n      textarea {\r\n        font-size: 0.95rem;\r\n      }\r\n\r\n      button {\r\n        font-size: 1rem;\r\n        padding: 0.8rem 1.5rem;\r\n      }\r\n\r\n      .only-mobile {\r\n        display: inline;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <div class=\"hochzeit-header\">\r\n    <h1><span class=\"mobile-break\">Wir <br class=\"only-mobile\">heiraten!<\/span><\/h1>\r\n    \r\n  <\/div>\r\n\r\n<h2 class=\"date-heading\">12|12|26<\/h2>\r\n  <div id=\"countdown\"><\/div>\r\n\r\n  <section class=\"content-section left\">\r\n    <div class=\"content-image\">\r\n      <img decoding=\"async\" src=\"http:\/\/savethedate.ramonpeschke.de\/wp-content\/uploads\/2025\/08\/Bild-4-e1754325770384.jpeg\" alt=\"Bild 4\" \/>\r\n    <\/div>\r\n    <div class=\"content-text\" data-aos=\"fade-left\">\r\n      <p>Wir freuen uns von Herzen, diesen Tag mit euch teilen zu d\u00fcrfen.\r\nDamit eure pers\u00f6nliche Einladung sicher ankommt, tragt bitte eure aktuelle Adresse ein.\ud83d\udda4<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"form-section section-content\" data-aos=\"fade-up\">\r\n    <h2 style=\"margin-bottom: 2rem;\">Adresse eintragen<\/h2>\r\n    <form onsubmit=\"return redirectWithName(this)\" action=\"https:\/\/formsubmit.co\/ramon.peschke@googlemail.com\" method=\"POST\">\r\n      <input type=\"hidden\" name=\"_captcha\" value=\"false\" \/>\r\n      <input type=\"hidden\" name=\"_subject\" value=\"Adresse f\u00fcr Einladungskarte\" \/>\r\n      <input type=\"hidden\" name=\"_template\" value=\"table\" \/>\r\n      <input type=\"text\" name=\"Name\" placeholder=\"Name\" required \/>\r\n      <input type=\"text\" name=\"Stra\u00dfe\" placeholder=\"Stra\u00dfe & Hausnummer\" required \/>\r\n      <input type=\"text\" name=\"PLZ\" placeholder=\"Postleitzahl\" required \/>\r\n      <input type=\"text\" name=\"Ort\" placeholder=\"Ort \/ Stadt\" required \/>\r\n      <button type=\"submit\">Adresse abschicken<\/button>\r\n    <\/form>\r\n  <\/section>\r\n\r\n  <section class=\"content-section right\">\r\n    <div class=\"content-image\">\r\n      <img decoding=\"async\" src=\"http:\/\/savethedate.ramonpeschke.de\/wp-content\/uploads\/2025\/08\/Bild-2.jpeg\" alt=\"Bild 2\" \/>\r\n    <\/div>\r\n    <div class=\"content-text\" data-aos=\"fade-right\">\r\n      <h2>Standort der Location<\/h2>\r\n      <p>Q-Stall<br \/>Orrer Str.<br \/>50259 Pulheim<br \/>Mit dem Taxi oder Uber ist die Location gut erreichbar.<br \/>\r\nParkm\u00f6glichkeiten sind ebenfalls vorhanden.<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"content-section left\">\r\n    <div class=\"content-image\">\r\n      <img decoding=\"async\" src=\"http:\/\/savethedate.ramonpeschke.de\/wp-content\/uploads\/2025\/08\/Bild-3.jpeg\" alt=\"Bild 3\" \/>\r\n    <\/div>\r\n    <div class=\"content-text\" data-aos=\"fade-left\">\r\n     <h2>Hotelempfehlungen<\/h2>\r\n<p>\r\n  Wir empfehlen euch, fr\u00fchzeitig zu buchen, da K\u00f6ln zur Weihnachtszeit stark besucht ist.  \r\n  <br \/><br \/>\r\n  In der N\u00e4he der Location:  \r\n  <br \/>\r\n  \u2022 PLAZA INN K\u00f6ln Pulheim  \r\n  \u2022 Home&Work Pulheim  \r\n  <br \/><br \/>\r\n  In K\u00f6ln und Umgebung:  \r\n  <br \/> \r\n  \u2022 Day8 Hotel K\u00f6ln S\u00fclz  \r\n  \u2022 numa | Cologne Ehrenfeld  \r\n  \u2022 Mercure Hotel K\u00f6ln West\r\n<\/p>\r\n    <\/div>\r\n\t  \r\n  <\/section>\r\n\t\r\n<h2 class=\"center-heading\">Hannah & Ramon<\/h2>\r\n\t\r\n\t\r\n  <\/div>\r\n  <footer>\r\n    &copy; 2026 Hannah & Ramon \u2013 Wir freuen uns auf dich \ud83d\udda4\r\n  <\/footer>\r\n\r\n  <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n  <script>\r\n    AOS.init({ duration: 1000, once: true });\r\n\r\n    function updateCountdown() {\r\n      const targetDate = new Date(\"2026-12-12T14:00:00\");\r\n      const now = new Date();\r\n      const diff = targetDate - now;\r\n\r\n      if (diff <= 0) {\r\n        document.getElementById(\"countdown\").textContent = \"Heute ist unser gro\u00dfer Tag!\";\r\n        return;\r\n      }\r\n\r\n      const days = Math.floor(diff \/ (1000 * 60 * 60 * 24));\r\n      const hours = Math.floor((diff \/ (1000 * 60 * 60)) % 24);\r\n      const minutes = Math.floor((diff \/ (1000 * 60)) % 60);\r\n      const seconds = Math.floor((diff \/ 1000) % 60);\r\n\r\n      document.getElementById(\"countdown\").textContent =\r\n        `${days} Tage, ${hours} Std, ${minutes} Min, ${seconds} Sek`;\r\n    }\r\n\r\n    updateCountdown();\r\n    setInterval(updateCountdown, 1000);\r\n  <\/script>\r\n<\/body>\r\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"normal-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-65","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/12122026.de\/index.php\/wp-json\/wp\/v2\/pages\/65","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/12122026.de\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/12122026.de\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/12122026.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/12122026.de\/index.php\/wp-json\/wp\/v2\/comments?post=65"}],"version-history":[{"count":12,"href":"https:\/\/12122026.de\/index.php\/wp-json\/wp\/v2\/pages\/65\/revisions"}],"predecessor-version":[{"id":110,"href":"https:\/\/12122026.de\/index.php\/wp-json\/wp\/v2\/pages\/65\/revisions\/110"}],"wp:attachment":[{"href":"https:\/\/12122026.de\/index.php\/wp-json\/wp\/v2\/media?parent=65"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}