{"id":919,"date":"2026-09-14T16:18:50","date_gmt":"2026-09-14T16:18:50","guid":{"rendered":"https:\/\/durhack.de\/?page_id=919"},"modified":"2026-09-19T12:44:21","modified_gmt":"2026-09-19T12:44:21","slug":"919-2","status":"publish","type":"page","link":"https:\/\/durhack.de\/?page_id=919","title":{"rendered":"Hochzeit von Jan &#038; Julia"},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Jan &amp; Julia \u2014 Unsere Hochzeit<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&amp;family=Jost:wght@300;400;500&amp;display=swap\" rel=\"stylesheet\">\n<style>\n  :root{\n    --ivory:#FAF6EF;\n    --ivory-deep:#F1EADC;\n    --ink:#2B2620;\n    --rose:#C08A8E;\n    --rose-deep:#A8686E;\n    --sage:#8B9A7C;\n    --gold:#B9975B;\n    --line:#DDD3C2;\n    --max-w:1100px;\n  }\n  *{box-sizing:border-box;}\n  html{scroll-behavior:smooth;}\n  html, body{\n    background:var(--ivory) !important;\n    overflow-x:hidden !important;\n  }\n  body{\n    margin:0;\n    color:var(--ink);\n    font-family:'Jost', sans-serif;\n    font-weight:300;\n    line-height:1.7;\n    -webkit-font-smoothing:antialiased;\n  }\n  \/* L\u00e4sst Abschnitte \u00fcber die schmale Theme-Spalte hinaus auf volle\n     Bildschirmbreite wachsen, unabh\u00e4ngig von der Seiten-Vorlage. *\/\n  .full-bleed{\n    width:100vw;\n    position:relative;\n    left:50%;\n    right:50%;\n    margin-left:-50vw;\n    margin-right:-50vw;\n  }\n  h1,h2,h3,.serif{\n    font-family:'Cormorant Garamond', serif;\n    font-weight:500;\n    margin:0;\n  }\n  a{color:inherit;}\n  img{max-width:100%;display:block;}\n  .wrap{max-width:var(--max-w);margin:0 auto;padding:0 32px;}\n\n  \/* ---------- NAV ---------- *\/\n  .nav{\n    position:fixed;top:0;left:0;right:0;\n    z-index:50;\n    display:flex;justify-content:center;\n    padding:22px 0;\n    mix-blend-mode:normal;\n    transition:background .4s ease, box-shadow .4s ease;\n  }\n  .nav.scrolled{background:rgba(250,246,239,.92);box-shadow:0 1px 0 var(--line);backdrop-filter:blur(6px);}\n  .nav-inner{\n    width:100%;max-width:var(--max-w);padding:0 32px;\n    display:flex;align-items:center;justify-content:space-between;\n  }\n  .nav-mark{font-family:'Cormorant Garamond',serif;font-size:22px;letter-spacing:.06em;color:var(--ink);text-decoration:none;}\n  .nav-links{display:flex;gap:34px;list-style:none;margin:0;padding:0;}\n  .nav-links a{font-size:14px;text-decoration:none;color:var(--ink);opacity:.75;transition:opacity .2s;}\n  .nav-links a:hover{opacity:1;}\n  @media (max-width:700px){ .nav-links{display:none;} }\n\n  \/* ---------- HERO ---------- *\/\n  .hero{\n    position:relative;\n    height:100svh;\n    min-height:560px;\n    display:flex;\n    align-items:flex-end;\n    overflow:hidden;\n  }\n  .hero-photo{\n    position:absolute;inset:0;\n    background:\n      linear-gradient(180deg, rgba(43,38,32,0) 40%, rgba(43,38,32,.55) 100%),\n      linear-gradient(120deg, #cbb8a8 0%, #b79f8b 45%, #a98d7c 100%);\n    background-size:cover;background-position:center;\n  }\n  .hero-photo::after{\n    content: \"Hier Hero-Foto einf\u00fcgen\";\n    position:absolute;inset:0;\n    display:flex;align-items:center;justify-content:center;\n    color:rgba(255,255,255,.55);\n    font-family:'Jost',sans-serif;font-size:13px;letter-spacing:.03em;\n    padding:0 20px;text-align:center;\n  }\n  .hero-content{\n    position:relative;z-index:2;\n    width:100%;\n    padding:0 32px 64px;\n    color:#FAF6EF;\n    text-align:center;\n  }\n  .hero-date{\n    font-size:13px;letter-spacing:.18em;\n    opacity:.85;margin-bottom:18px;\n  }\n  .hero-names{\n    font-size:clamp(48px,9vw,104px);\n    line-height:1;\n    font-style:italic;\n    font-weight:400;\n  }\n  .hero-names .amp{\n    display:inline-block;\n    color:var(--rose);\n    font-style:normal;\n    margin:0 18px;\n    font-size:.7em;\n    vertical-align:middle;\n  }\n  .hero-sub{\n    margin-top:20px;\n    font-size:15px;\n    opacity:.9;\n    max-width:480px;\n    margin-left:auto;margin-right:auto;\n  }\n\n  \/* ---------- SECTION HEADINGS ---------- *\/\n  section{padding:120px 0;}\n  .section-head{\n    max-width:560px;margin:0 auto 64px;text-align:center;\n  }\n  .section-head .kicker{\n    color:var(--rose-deep);\n    font-size:14px;\n    font-style:italic;\n    font-family:'Cormorant Garamond',serif;\n    margin-bottom:10px;\n  }\n  .section-head h2{\n    font-size:clamp(30px,4vw,42px);\n  }\n  .section-head p{\n    margin-top:14px;font-size:16px;color:#5c554b;\n  }\n\n  \/* ---------- STORY \/ TIMELINE ---------- *\/\n  .story{background:var(--ivory-deep);}\n  .story-row{\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:70px;\n    align-items:center;\n    max-width:var(--max-w);\n    margin:0 auto 90px;\n    padding:0 32px;\n  }\n  .story-row:last-child{margin-bottom:0;}\n  .story-row.reverse{direction:rtl;}\n  .story-row.reverse > *{direction:ltr;}\n  .story-photo{\n    aspect-ratio:4\/5;\n    border-radius:2px;\n    background:linear-gradient(150deg,#dccbb8,#c4a98e);\n    display:flex;align-items:center;justify-content:center;\n    color:rgba(43,38,32,.4);\n    font-size:13px;text-align:center;padding:20px;\n  }\n  .story-year{\n    font-family:'Cormorant Garamond',serif;\n    font-size:15px;color:var(--gold);\n    letter-spacing:.1em;margin-bottom:10px;\n  }\n  .story-text h3{font-size:30px;margin-bottom:14px;}\n  .story-text p{font-size:16px;color:#5c554b;max-width:400px;}\n  @media (max-width:820px){\n    .story-row, .story-row.reverse{grid-template-columns:1fr;direction:ltr;gap:28px;}\n  }\n\n  \/* ---------- GALLERY ---------- *\/\n  .gallery{\n    background:var(--ivory);\n  }\n  .gallery-grid{\n    display:grid;\n    grid-template-columns:repeat(6,1fr);\n    grid-auto-rows:120px;\n    gap:14px;\n    max-width:var(--max-w);\n    margin:0 auto;\n    padding:0 32px;\n  }\n  .g-item{\n    background:linear-gradient(160deg,#d8c6b0,#b99b7c);\n    display:flex;align-items:center;justify-content:center;\n    color:rgba(43,38,32,.45);\n    font-size:12px;text-align:center;padding:10px;\n    border-radius:2px;\n  }\n  .g-item span{opacity:.8;}\n  .g1{grid-column:span 3;grid-row:span 3;}\n  .g2{grid-column:span 3;grid-row:span 2;}\n  .g3{grid-column:span 2;grid-row:span 2;}\n  .g4{grid-column:span 2;grid-row:span 2;}\n  .g5{grid-column:span 2;grid-row:span 2;}\n  .g6{grid-column:span 4;grid-row:span 3;}\n  .g7{grid-column:span 2;grid-row:span 3;}\n  @media (max-width:820px){\n    .gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:160px;}\n    .g-item{grid-column:span 1 !important;grid-row:span 1 !important;}\n  }\n\n  \/* ---------- QUOTE ---------- *\/\n  .quote{\n    padding:100px 0;\n    text-align:center;\n    background:var(--ivory);\n  }\n  .quote blockquote{\n    font-family:'Cormorant Garamond',serif;\n    font-style:italic;\n    font-size:clamp(24px,3.4vw,34px);\n    max-width:680px;margin:0 auto;\n    color:var(--ink);\n  }\n  .quote cite{\n    display:block;margin-top:22px;font-style:normal;\n    font-family:'Jost',sans-serif;font-size:13px;letter-spacing:.1em;\n    color:var(--rose-deep);\n  }\n\n  \/* ---------- DETAILS ---------- *\/\n  .details{\n    background:var(--ink);\n    color:var(--ivory);\n    text-align:center;\n  }\n  .details .section-head h2{color:var(--ivory);}\n  .details .section-head p{color:#c9c2b6;}\n  .details .kicker{color:var(--rose);}\n  .detail-cards{\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:1px;\n    background:rgba(250,246,239,.14);\n    max-width:var(--max-w);margin:0 auto;\n    padding:0 32px;\n  }\n  .d-card{\n    background:var(--ink);\n    padding:44px 28px;\n  }\n  .d-card .serif{font-size:26px;margin-bottom:10px;color:var(--gold);}\n  .d-card p{font-size:15px;color:#d8d2c6;margin:0;}\n  @media (max-width:700px){ .detail-cards{grid-template-columns:1fr;} }\n\n  \/* ---------- FOTOS EINGESETZT ---------- *\/\n  .has-photo{\n    background-size:cover !important;\n    background-repeat:no-repeat !important;\n  }\n  .hero-photo.has-photo{background-size:cover, cover !important;}\n  .hero-photo.has-photo::after{content:none;}\n  .story-photo.has-photo{color:transparent;}\n\n  \/* Hochkant-Fotos in der Galerie bekommen eine hohe Kachel *\/\n  .g-item.is-portrait{\n    grid-column:span 2 !important;\n    grid-row:span 4 !important;\n  }\n\n  \/* Bild vollst\u00e4ndig zeigen, nichts abschneiden *\/\n  .fit-whole{\n    background-size:contain !important;\n    background-color:var(--ivory-deep);\n  }\n\n  @media (max-width:820px){\n    .g-item.is-portrait{grid-column:span 1 !important;grid-row:span 2 !important;}\n  }\n\n  \/* ---------- FOOTER ---------- *\/\n  footer{\n    padding:60px 0 40px;\n    text-align:center;\n    background:var(--ivory);\n  }\n  footer .serif{font-size:24px;margin-bottom:8px;}\n  footer p{font-size:13px;color:#8a8377;}\n<\/style>\n\n\n\n<!-- ============================================================\n     HIER \u00c4NDERN \u2014 alles Weitere aktualisiert sich automatisch.\n     ============================================================ -->\n<script>\n  const WEDDING = {\n    name1: \"Jan\",\n    name2: \"Julia\",\n    dateDisplay: \"28. August 2026\",      \/\/ wie es angezeigt wird, z.B. \"14. Juni 2026\"\n    locationShort: \"Rauchhaus\",     \/\/ Name des Ortes\n    locationFull: \"M\u00f6llin, Mecklenburg-Vorpommern\", \/\/ Ort mit Region\n    ceremonyTime: \"11:00 Uhr\",\n    ceremonyText: \"Freie Trauung im Rauchhaus\",\n    receptionLabel: \"Bis in die Nacht\",\n    receptionText: \"Feier, Dinner & Tanz im Rauchhaus\",\n    heroSubtitle: \"Ein Tag, an dem aus zwei Wegen einer wurde \u2014 hier halten wir die sch\u00f6nsten Momente fest.\",\n\n    \/\/ ---------- FOTOS ----------\n    \/\/ url    = Bild-URL aus der WordPress-Mediathek (leer = Platzhalter bleibt)\n    \/\/ focus  = welcher Bildbereich sichtbar bleibt, wenn zugeschnitten wird.\n    \/\/          \"center\" (Standard), \"top\", \"bottom\", \"left\", \"right\"\n    \/\/          oder fein justiert z.B. \"50% 25%\" (links\/rechts, oben\/unten)\n    \/\/ hoch   = true  -> hohe Bildfl\u00e4che f\u00fcr Hochkant-Fotos (nur Galerie)\n    \/\/ ganz   = true  -> Bild wird komplett gezeigt, nichts abgeschnitten\n    \/\/                   (daf\u00fcr entsteht rundum etwas Freiraum)\n\n    heroPhoto: \"https:\/\/durhack.de\/wp-content\/uploads\/2026\/09\/IMG_2521_172340.jpeg\",\n    heroFocus: \"center\",\n\n    storyPhotos: [\n      { url: \"https:\/\/durhack.de\/wp-content\/uploads\/2026\/09\/Sommerschlacht-Jan-und-Julia-2-e1789665570634.png\", focus: \"center\" },   \/\/ 2019 \u2014 Der Anfang\n      { url: \"https:\/\/durhack.de\/wp-content\/uploads\/2026\/09\/2023-4-30-Julia-Jan-002_070902-scaled-e1789709969417.png\", ganz: \"true\" },   \/\/ 2023 \u2014 Schl\u00fcssel\u00fcbergabe vom Haus\n      { url: \"https:\/\/durhack.de\/wp-content\/uploads\/2026\/09\/DSC_0289_070546-scaled-e1789709719491.png\", ganz: \"true\" }    \/\/ 2024 - Unser Nachwuchs\n    ],\n\ngalleryPhotos: [\n      { url: \"https:\/\/durhack.de\/wp-content\/uploads\/2026\/08\/Gross-IMG_8983.jpeg\", caption: \"Trauung \u2014 gro\u00dfes Bild\", focus: \"center\" },\n      { url: \"https:\/\/durhack.de\/wp-content\/uploads\/2026\/09\/11-_7M43212-e1789491844571.jpg\", caption: \"Ringe\",                 focus: \"center\" },\n      { url: \"https:\/\/durhack.de\/wp-content\/uploads\/2026\/09\/IMG_2494-scaled.jpeg\", caption: \"Brautstrau\u00df\",           focus: \"center\" },\n      { url: \"https:\/\/durhack.de\/wp-content\/uploads\/2026\/08\/Gross-IMG_2543.jpeg\", caption: \"Ankunft\",               focus: \"center\" },\n      { url: \"https:\/\/durhack.de\/wp-content\/uploads\/2026\/09\/2026-8-28-Julia-Jan-Kuss.jpeg\", caption: \"Erster Kuss\",           focus: \"top\" },\n      { url: \"https:\/\/durhack.de\/wp-content\/uploads\/2026\/09\/IMG_2611-scaled.jpeg\", caption: \"Gruppenfoto Familie\",   focus: \"center\" },\n      { url: \"https:\/\/durhack.de\/wp-content\/uploads\/2026\/09\/IMG_9232_071841-scaled-e1789709656802.png\", caption: \"Julius\",   focus: \"center\" },\n      { url: \"https:\/\/durhack.de\/wp-content\/uploads\/2026\/09\/Hochzeitstorte.png\", caption: \"Hochzeitstorte\",   ganz: \"true\" },\n      { url: \"https:\/\/durhack.de\/wp-content\/uploads\/2026\/08\/Gross-IMG_2581.jpeg\", caption: \"Torte\",   focus: \"center\" },\n      { url: \"https:\/\/durhack.de\/wp-content\/uploads\/2026\/08\/Gross-IMG_9293.jpeg\", caption: \"Feier am Abend\",        focus: \"center\" }\n    ],\n\n    \/\/ Zweite, kleinere Galerie ganz am Seitenende (vor dem Footer) \u2014\n    \/\/ z.B. f\u00fcr Deko, Vorbereitung, G\u00e4stebuch, sonstige Eindr\u00fccke.\n    \/\/ Gleiches Prinzip wie oben: Zeilen hinzuf\u00fcgen\/l\u00f6schen nach Bedarf.\n    extraPhotos: [\n      { url: \"https:\/\/durhack.de\/wp-content\/uploads\/2026\/08\/Gross-IMG_9155.jpeg\", caption: \"Die H\u00fcpfburg\" },\n      { url: \"https:\/\/durhack.de\/wp-content\/uploads\/2026\/08\/Gross-IMG_2553.jpeg\", caption: \"DAs Hochzeitsfahrzeug\" },\n      { url: \"https:\/\/durhack.de\/wp-content\/uploads\/2026\/08\/Gross-IMG_9089.jpeg\", caption: \"Hochzeits Suppe\" },\n      { url: \"https:\/\/durhack.de\/wp-content\/uploads\/2026\/09\/IMG_9217-scaled.jpg\", caption: \"Deko\" },\n      { url: \"https:\/\/durhack.de\/wp-content\/uploads\/2026\/09\/IMG_9181-scaled.jpg\", caption: \"Deko\" },\n      { url: \"https:\/\/durhack.de\/wp-content\/uploads\/2026\/09\/IMG_9178-scaled.jpg\", caption: \"Candy Bar\" },\n      { url: \"https:\/\/durhack.de\/wp-content\/uploads\/2026\/08\/Gross-20260828_232500-2.jpeg\", caption: \"Fotobox\" },\n      { url: \"https:\/\/durhack.de\/wp-content\/uploads\/2026\/08\/Gross-20260828_221946-0.jpeg\", caption: \"Fotobox\" },\n      { url: \"https:\/\/durhack.de\/wp-content\/uploads\/2026\/08\/Gross-20260828_211113.jpeg\", caption: \"Fotobox\" }\n    ]\n  };\n<\/script>\n<!-- ============================================================ -->\n\n<nav class=\"nav\" id=\"nav\">\n  <div class=\"nav-inner\">\n    <a class=\"nav-mark\" href=\"#\" id=\"navMark\">J &amp; J<\/a>\n    <ul class=\"nav-links\">\n      <li><a href=\"#geschichte\">Unsere Geschichte<\/a><\/li>\n      <li><a href=\"#galerie\">Galerie<\/a><\/li>\n      <li><a href=\"#details\">Der Tag<\/a><\/li>\n      <li><a href=\"#weitere\">Weitere Momente<\/a><\/li>\n    <\/ul>\n  <\/div>\n<\/nav>\n\n<header class=\"hero full-bleed\">\n  <div class=\"hero-photo\" id=\"heroPhoto\"><\/div>\n  <div class=\"hero-content\">\n    <div class=\"hero-date\" id=\"heroDate\">28. August 2026 \u00b7 Rauchhaus M\u00f6llin<\/div>\n    <h1 class=\"hero-names\"><span id=\"heroName1\">Jan<\/span><span class=\"amp\">&amp;<\/span><span id=\"heroName2\">Julia<\/span><\/h1>\n    <p class=\"hero-sub\" id=\"heroSubtitle\">Ein Tag, an dem aus zwei Wegen einer wurde \u2014 hier halten wir die sch\u00f6nsten Momente fest.<\/p>\n  <\/div>\n<\/header>\n\n<section class=\"story full-bleed\" id=\"geschichte\">\n  <div class=\"section-head\">\n    <div class=\"kicker\">Wie alles begann<\/div>\n    <h2>Unsere Geschichte<\/h2>\n    <p>Von der ersten Begegnung bis zum Ja-Wort \u2014 die 3 wichtigsten Momente unseres Lebens.<\/p>\n  <\/div>\n\n  <div class=\"story-row\">\n    <div class=\"story-photo\" data-story=\"0\">Foto: erstes gemeinsames Bild<\/div>\n    <div class=\"story-text\">\n      <div class=\"story-year\">2019<\/div>\n      <h3>Der Anfang<\/h3>\n      <p>Auf der Sommerschlacht haben wir uns kennengelernt.<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"story-row reverse\">\n    <div class=\"story-photo\" data-story=\"1\">Foto: gemeinsame Reise oder Umzug<\/div>\n    <div class=\"story-text\">\n      <div class=\"story-year\">2023<\/div>\n      <h3>Zusammen wachsen<\/h3>\n      <p>Nach 3 Wohnungen, endlich das eigene Heim.<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"story-row\">\n    <div class=\"story-photo\" data-story=\"2\">Foto: Verlobung<\/div>\n    <div class=\"story-text\">\n      <div class=\"story-year\">2024<\/div>\n      <h3>Unser Nachwuchs<\/h3>\n      <p>Das beste, was aus unserer Liebe entstanden ist &#8211; Julius.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"gallery full-bleed\" id=\"galerie\">\n  <div class=\"section-head\">\n    <div class=\"kicker\">In Bildern<\/div>\n    <h2>Die Hochzeit<\/h2>\n    <p>Ausgew\u00e4hlte Aufnahmen des Tages \u2014 von der Trauung bis zur letzten Tanzrunde.<\/p>\n  <\/div>\n  <div class=\"gallery-grid\" id=\"galleryGrid\"><\/div>\n<\/section>\n\n<section class=\"quote full-bleed\">\n  <blockquote>\n    \u201eLiebe ist nicht, sich in die Augen zu schauen, sondern gemeinsam in dieselbe Richtung zu blicken.\u201c\n    <cite>\u2014 Antoine de Saint-Exup\u00e9ry<\/cite>\n  <\/blockquote>\n<\/section>\n\n<section class=\"details full-bleed\" id=\"details\">\n  <div class=\"section-head\">\n    <div class=\"kicker\">Save the details<\/div>\n    <h2>Der gro\u00dfe Tag<\/h2>\n    <p>Alle wichtigen Informationen f\u00fcr Familie und Freunde auf einen Blick.<\/p>\n  <\/div>\n  <div class=\"detail-cards\">\n    <div class=\"d-card\">\n      <div class=\"serif\" id=\"ceremonyTime\">11:00 Uhr<\/div>\n      <p id=\"ceremonyText\">Freie Trauung im Rauchhaus<\/p>\n    <\/div>\n    <div class=\"d-card\">\n      <div class=\"serif\" id=\"locationShort\">Rauchhaus<\/div>\n      <p id=\"locationFull\">M\u00f6llin, Mecklenburg-Vorpommern<\/p>\n    <\/div>\n    <div class=\"d-card\">\n      <div class=\"serif\" id=\"receptionLabel\">Bis in die Nacht<\/div>\n      <p id=\"receptionText\">Feier, Dinner &amp; Tanz im Rauchhaus<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"gallery full-bleed\" id=\"weitere\">\n  <div class=\"section-head\">\n    <div class=\"kicker\">Und sonst so<\/div>\n    <h2>Weitere Momente<\/h2>\n    <p>Kleine Eindr\u00fccke abseits der gro\u00dfen B\u00fchne.<\/p>\n  <\/div>\n  <div class=\"gallery-grid\" id=\"extraGrid\"><\/div>\n<\/section>\n\n<footer class=\"full-bleed\">\n  <div class=\"serif\" id=\"footerNames\">Jan &amp; Julia<\/div>\n  <p id=\"footerDate\">Mit Liebe festgehalten \u00b7 28. August 2026<\/p>\n<\/footer>\n\n<script>\n  window.addEventListener('scroll', function(){\n    document.getElementById('nav').classList.toggle('scrolled', window.scrollY > 40);\n  });\n<\/script>\n\n<script>\n  \/\/ Bef\u00fcllt alle Textstellen anhand des WEDDING-Objekts oben im Code.\n  \/\/ Hier muss nichts angepasst werden \u2014 nur die Werte oben \u00e4ndern.\n  (function(){\n    const w = WEDDING;\n    const setText = (id, text) => { const el = document.getElementById(id); if (el) el.textContent = text; };\n\n    document.title = `${w.name1} & ${w.name2} \u2014 Unsere Hochzeit`;\n    setText('navMark', `${w.name1[0]} & ${w.name2[0]}`);\n    setText('heroDate', `${w.dateDisplay.toUpperCase()} \u00b7 ${w.locationShort.toUpperCase()} ${w.locationFull.split(',')[0].toUpperCase()}`);\n    setText('heroName1', w.name1);\n    setText('heroName2', w.name2);\n    setText('heroSubtitle', w.heroSubtitle);\n    setText('ceremonyTime', w.ceremonyTime);\n    setText('ceremonyText', w.ceremonyText);\n    setText('locationShort', w.locationShort);\n    setText('locationFull', w.locationFull);\n    setText('receptionLabel', w.receptionLabel);\n    setText('receptionText', w.receptionText);\n    setText('footerNames', `${w.name1} & ${w.name2}`);\n    setText('footerDate', `Mit Liebe festgehalten \u00b7 ${w.dateDisplay}`);\n\n    \/\/ ---------- FOTOS ----------\n    \/\/ Wandelt \"top\"\/\"left\" usw. in g\u00fcltige CSS-Positionen um.\n    const focusMap = {\n      center: \"center center\",\n      top:    \"center top\",\n      bottom: \"center bottom\",\n      left:   \"left center\",\n      right:  \"right center\"\n    };\n    const toFocus = f => focusMap[f] || f || \"center center\";\n\n    \/\/ Hero-Foto\n    if (w.heroPhoto) {\n      const hero = document.getElementById('heroPhoto');\n      hero.style.backgroundImage =\n        `linear-gradient(180deg, rgba(43,38,32,0) 40%, rgba(43,38,32,.55) 100%), url('${w.heroPhoto}')`;\n      hero.style.backgroundPosition = `center, ${toFocus(w.heroFocus)}`;\n      hero.classList.add('has-photo');\n    }\n\n    \/\/ Geschichte-Fotos (akzeptiert auch eine einfache URL als Text)\n    document.querySelectorAll('[data-story]').forEach(el => {\n      let entry = (w.storyPhotos || [])[Number(el.dataset.story)];\n      if (typeof entry === 'string') entry = { url: entry };\n      if (entry && entry.url) {\n        el.style.backgroundImage = `url('${entry.url}')`;\n        el.style.backgroundPosition = toFocus(entry.focus);\n        el.classList.add('has-photo');\n        if (entry.ganz) el.classList.add('fit-whole');\n        el.textContent = '';\n      }\n    });\n\n    \/\/ Galerie \u2014 Raster wird automatisch aus der Liste aufgebaut\n    const layout = ['g1','g2','g3','g4','g5','g6','g7'];\n    const buildGrid = (containerId, photos) => {\n      const grid = document.getElementById(containerId);\n      if (!grid) return;\n      (photos || []).forEach((photo, i) => {\n        const item = document.createElement('div');\n        item.className = `g-item ${layout[i % layout.length]}`;\n        if (photo.hoch) item.classList.add('is-portrait');\n        if (photo.url) {\n          item.style.backgroundImage = `url('${photo.url}')`;\n          item.style.backgroundPosition = toFocus(photo.focus);\n          item.classList.add('has-photo');\n          if (photo.ganz) item.classList.add('fit-whole');\n          if (photo.caption) item.setAttribute('aria-label', photo.caption);\n        } else {\n          const span = document.createElement('span');\n          span.textContent = photo.caption || '';\n          item.appendChild(span);\n        }\n        grid.appendChild(item);\n      });\n    };\n    buildGrid('galleryGrid', w.galleryPhotos);\n    buildGrid('extraGrid', w.extraPhotos);\n  })();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Jan &amp; Julia \u2014 Unsere Hochzeit J &amp; J Unsere Geschichte Galerie Der Tag Weitere Momente 28. August 2026 \u00b7 Rauchhaus M\u00f6llin Jan&amp;Julia Ein Tag, an dem aus zwei Wegen einer wurde \u2014 hier halten wir die sch\u00f6nsten Momente fest. Wie alles begann Unsere Geschichte Von der ersten Begegnung bis zum Ja-Wort \u2014 die 3 &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/durhack.de\/?page_id=919\" class=\"more-link\"><span class=\"screen-reader-text\">\u201eHochzeit von Jan &#038; Julia\u201c <\/span>weiterlesen<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-919","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/durhack.de\/index.php?rest_route=\/wp\/v2\/pages\/919","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/durhack.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/durhack.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/durhack.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/durhack.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=919"}],"version-history":[{"count":43,"href":"https:\/\/durhack.de\/index.php?rest_route=\/wp\/v2\/pages\/919\/revisions"}],"predecessor-version":[{"id":997,"href":"https:\/\/durhack.de\/index.php?rest_route=\/wp\/v2\/pages\/919\/revisions\/997"}],"wp:attachment":[{"href":"https:\/\/durhack.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=919"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}