{"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    .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;\r\n    }\r\n\r\n    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\r\n    .center-heading {\r\n      text-align: center;\r\n      font-family: 'Brittany Signature', cursive;\r\n      font-size: 2.5rem;\r\n      margin: 4rem 0;\r\n    }\r\n\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\t  .ablauf-section {\r\n  text-align: center;\r\n  margin: 0 auto;\r\n  max-width: 700px;\r\n}\r\n\r\n.ablauf-section p {\r\n  line-height: 1.8;\r\n  font-family: 'The Seasons', serif;\r\n  font-size: 1.2rem;\r\n}\r\n\r\n.ablauf-section strong {\r\n  font-size: 1.3rem;\r\n  font-weight: normal;\r\n}\r\n\r\n    .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\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\r\n  <div class=\"hochzeit-header\">\r\n    <h1>\r\n      <span class=\"mobile-break\">\r\n        Wir <br class=\"only-mobile\">heiraten!\r\n      <\/span>\r\n    <\/h1>\r\n  <\/div>\r\n\r\n  <h2 class=\"date-heading\">12|12|26<\/h2>\r\n\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  <\/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\r\n    <div class=\"content-text\" data-aos=\"fade-right\">\r\n      <h2>Standort der Location<\/h2>\r\n      <p>\r\n        Q-Stall<br>\r\n        Orrer Str.<br>\r\n        50259 Pulheim<br><br>\r\n\r\n        Mit dem Taxi oder Uber ist die Location gut erreichbar.<br>\r\n        Parkm\u00f6glichkeiten sind ebenfalls vorhanden.\r\n      <\/p>\r\n    <\/div>\r\n  <\/section>\r\n  <\/section>\r\n\r\n <!-- ABLAUF -->\r\n<section class=\"content-section left\">\r\n  <div class=\"content-text ablauf-section\" data-aos=\"fade-up\">\r\n    <h2>Ablauf<\/h2>\r\n\r\n    <p>\r\n      <strong>14:00 Uhr<\/strong><br>\r\n      \u2013 Eintreffen der G\u00e4ste \u2013<br><br>\r\n\r\n      <strong>14:30 Uhr<\/strong><br>\r\n      \u2013 Freie Trauung -<br><br>\r\n\r\n      <strong>15:00 Uhr<\/strong><br>\r\n      \u2013 Sektempfang und Flammkuchen -<br><br>\r\n\r\n      <strong> ... weiteres folgt ...<\/strong><br><br>\r\n      <strong> Die freie Trauung sowie die anschlie\u00dfende Feier finden in der beheizten Scheune statt.<br>\r\nSektempfang mit Flammkuchen erwartet euch drau\u00dfen im Innenhof. <\/strong><br>\r\n    <\/p>\r\n  <\/div>\r\n<\/section>\r\n<section class=\"content-section left\">\r\n\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\r\n  <div class=\"content-text\" data-aos=\"fade-left\">\r\n    <h2>Dresscode<\/h2>\r\n\r\n    <p>\r\n      Festlich elegant.<br><br>\r\nKommt gerne in winterlichen Farben, schwarz ist auch gerne gesehen.\r\n     <br> Da die Feier im Dezember stattfindet, bringt euch etwas warmes zum \u00fcberziehen f\u00fcr den Sektempfang mit.\r\n    <\/p>\r\n  <\/div>\r\n\r\n<\/section>\r\n  <h2 class=\"center-heading\">Hannah & Ramon<\/h2>\r\n\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\r\n  <script>\r\n    AOS.init({\r\n      duration: 1000,\r\n      once: true\r\n    });\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 =\r\n          \"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\r\n<\/body>\r\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/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}]}}