{"id":540,"date":"2024-03-29T14:56:18","date_gmt":"2024-03-29T13:56:18","guid":{"rendered":"https:\/\/uflow7.de\/hsr\/?page_id=540"},"modified":"2026-09-17T11:25:12","modified_gmt":"2026-09-17T09:25:12","slug":"contact","status":"publish","type":"page","link":"https:\/\/www.hotel-raphael.de\/en\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\n<!-- === Fullscreen Video Hero === -->\n<section class=\"raphael-hero booting\" id=\"raphael-hero\">\n\n      <img\n      src=\"https:\/\/www.hotel-raphael.de\/wp-content\/uploads\/Empfang_3-1200x666.png\"\n      alt=\"\"\n      class=\"raphael-hero-image\"\n      loading=\"eager\"\n      decoding=\"async\"\n    >\n    <span class=\"hsr-ai-scene\"><button type=\"button\" class=\"hsr-ai-scene-trigger\" aria-label=\"AI scene: We use AI in this image to present our spaces and services more vividly. People shown may be generated and, if so, are not real guests or staff.\"><span aria-hidden=\"true\" class=\"hsr-ai-scene-icon\">i<\/span> AI scene<\/button><span class=\"hsr-ai-scene-tooltip\" aria-hidden=\"true\">We use AI in this image to present our spaces and services more vividly. People shown may be generated and, if so, are not real guests or staff.<\/span><\/span>  \n  <div class=\"raphael-video-overlay\"><\/div>\n\n  <div class=\"raphael-hero-content\">\n    <div class=\"raphael-hero-text fade-in-item delay-1\">\n              <h1 class=\"raphael-hero-heading\">\n                      <span class=\"subtitel-top\">Get in touch<\/span>\n                                <span class=\"raphael-hero-title fade-in-item delay-2\">\n              St. Raphael                              <span>Contact<\/span>\n                          <\/span>\n                  <\/h1>\n      \n \n    <\/div>\n\n      <\/div>\n\n  \n  <!-- Optional: Highlight-Circle wie im neuen Header, aktuell noch statisch -->\n\t\n<\/section>\n\n<script>\njQuery(function($){\n\n  var $body     = $('body');\n  var $modal    = $('#popup');\n  var $backdrop = $('.modal-backdrop');\n  var $video    = $('#myVideo');\n\n  if (!$modal.length || !$video.length) return;\n\n  var initialized = false;\n\n  function ensureBackdrop() {\n    if (!$backdrop.length) {\n      $backdrop = $('<div class=\"modal-backdrop\" style=\"display:none;\"><\/div>').appendTo($body);\n    }\n  }\n\n  \/\/ Lazyload nur f\u00fcr das Modal-Video (Hero l\u00e4uft \u00fcber dein globales Lazyload-Script)\n  function initVideoSrc() {\n    if (initialized) return;\n\n    var dataSrc = $video.attr('data-src');\n    if (dataSrc && !$video.attr('src')) {\n      $video.attr('src', dataSrc);\n    }\n\n    $video.find('source[data-src]').each(function () {\n      var $s   = $(this);\n      var sSrc = $s.attr('data-src');\n      if (sSrc && !$s.attr('src')) {\n        $s.attr('src', sSrc);\n      }\n    });\n\n    initialized = true;\n  }\n\n  function startPlayback() {\n    var el = $video[0];\n    el.muted  = false;\n    el.volume = 1;\n\n    var playPromise = el.play();\n    if (playPromise && playPromise.catch) {\n      playPromise.catch(function(err){\n        console.warn('Video play() wurde blockiert:', err);\n      });\n    }\n  }\n\n  function openModal(trigger) {\n    ensureBackdrop();\n    initVideoSrc();\n\n    $modal\n      .data('open', true)\n      .attr('aria-hidden', 'false')\n      .addClass('in');\n\n    $backdrop.show().addClass('in');\n    $body.addClass('modal-open');\n\n    startPlayback();\n  }\n\n  function closeModal() {\n    if (!$modal.data('open')) return;\n\n    var el = $video[0];\n    try { el.pause(); } catch(e){}\n\n    $modal\n      .data('open', false)\n      .attr('aria-hidden', 'true')\n      .removeClass('in');\n\n    $body.removeClass('modal-open');\n\n    if ($backdrop && $backdrop.length) {\n      $backdrop.removeClass('in').hide();\n    }\n  }\n\n  $(document).on('click', '[data-toggle=\"modal\"][data-target=\"#popup\"], a[href=\"#popup\"]', function(e){\n    e.preventDefault();\n    openModal(this);\n  });\n\n  $(document).on('click', '[data-dismiss=\"modal\"]', function(e){\n    e.preventDefault();\n    closeModal();\n  });\n\n  $modal.on('mousedown', function(e){\n    if ($(e.target).is('.modal')) {\n      closeModal();\n    }\n  });\n\n  $(document).on('keydown', function(e){\n    if (e.key === 'Escape') {\n      closeModal();\n    }\n  });\n\n});\n<\/script>\n\n<script>\n(function () {\n  const hero = document.getElementById('raphael-hero');\n  if (!hero) return; \/\/ Auf Seiten ohne Hero: sofort aussteigen\n\n  const heroContent = hero.querySelector('.raphael-hero-content');\n  const video       = document.getElementById('raphael-video');\n\n  let heroStart  = 0;\n  let heroHeight = 0;\n  let resizeTO;\n\n  \/* --------------------------------\n     Hero-Position f\u00fcr Text-Fade\n  ----------------------------------- *\/\n  function measureHero() {\n    const r = hero.getBoundingClientRect();\n    const scrollY = window.scrollY || window.pageYOffset || 0;\n    heroStart  = scrollY + r.top;\n    heroHeight = r.height || heroHeight || window.innerHeight || 0;\n  }\n\n  \/* --------------------------------\n     Hero-Scroll: Text langsam ausblenden\n  ----------------------------------- *\/\n  function updateHeroOnScroll() {\n    if (!heroContent) return;\n\n    const y = window.scrollY || window.pageYOffset || 0;\n    const progressRaw = (y - heroStart) \/ heroHeight;\n    const progress    = Math.max(0, Math.min(1, progressRaw));\n\n    const fadeStart = 0.45; \/\/ bis 45% im Hero: Text voll sichtbar\n    const fadeEnd   = 0.98; \/\/ kurz vorm Ende: Text weg\n\n    let alpha    = 1;\n    let translate = 0;\n\n    if (progress <= fadeStart) {\n      alpha = 1;\n      translate = 0;\n    } else if (progress >= fadeEnd) {\n      alpha = 0;\n      translate = 20;\n    } else {\n      const t = (progress - fadeStart) \/ (fadeEnd - fadeStart); \/\/ 0 \u2192 1\n      alpha    = 1 - t;\n      translate = t * 20; \/\/ bis 20px nach unten\n    }\n\n    heroContent.style.opacity   = alpha;\n    heroContent.style.transform = 'translateY(' + translate + 'px)';\n  }\n\n  \/* --------------------------------\n     Boot: Hero einblenden, Video fixen\n  ----------------------------------- *\/\n  function bootHero() {\n    measureHero();\n    updateHeroOnScroll();\n\n    \/\/ Sicherstellen, dass das Video nur leicht gezoomt ist (kein Parallax-Transform \u00fcbrig)\n    if (video) {\n      video.style.transform = 'scale(1.05)';\n    }\n\n    \/\/ Boot-Zustand sauber entfernen, damit CSS-Transitions greifen\n    if (hero.classList.contains('booting')) {\n      requestAnimationFrame(function () {\n        hero.classList.remove('booting');\n      });\n    }\n  }\n\n  \/\/ Scroll-Listener nur f\u00fcr Hero-Text\n  window.addEventListener('scroll', updateHeroOnScroll, { passive: true });\n\n  \/\/ Resize-Listener (debounced)\n  window.addEventListener('resize', function () {\n    clearTimeout(resizeTO);\n    resizeTO = setTimeout(function () {\n      measureHero();\n      updateHeroOnScroll();\n    }, 120);\n  });\n\n  \/\/ Nach vollst\u00e4ndigem Laden (absichern gegen Layout-Shifts)\n  window.addEventListener('load', function () {\n    measureHero();\n    updateHeroOnScroll();\n  });\n\n  \/\/ Starten\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', bootHero, { once: true });\n  } else {\n    bootHero();\n  }\n\n})();\n<\/script>\n\n\n\n<section class=\"wp-block-group margin-bottom\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns  gap-five is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<h2 class=\"wp-block-heading\">Contact details &amp;<br><strong>form<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Use our contact form to send us your enquiry quickly and easily. We will get back to you promptly.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">St. Raphael im Allg\u00e4u<br>Bischof-Freundorfer-Weg 24<br>87439 Kempten<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"tel:+498315404330\">0831 5404 330<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"mailto:anfrage@hotel-raphael.de\">Email<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column bold-border is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<h3 id=\"kontaktformular\" class=\"wp-block-heading has-text-align-center\">Contact us now<\/h3>\n\n\n\n<div style=\"height:17px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-contact-form-7-contact-form-selector\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f2822-o1\" lang=\"en-GB\" dir=\"ltr\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/pages\/540#wpcf7-f2822-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"2822\" \/>\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"5.9.6\" \/>\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_GB\" \/>\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f2822-o1\" \/>\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/>\n<input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/div>\n<label class=\"contact-field-label\" for=\"contact-2822-your-name\">Full name *<\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"80\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" id=\"contact-2822-your-name\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Name\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n<label class=\"contact-field-label\" for=\"contact-2822-your-email\">Email address *<\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"80\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" id=\"contact-2822-your-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Email\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n<label class=\"contact-field-label\" for=\"contact-2822-your-subject\">Subject *<\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"your-subject\"><input size=\"40\" maxlength=\"80\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" id=\"contact-2822-your-subject\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Subject\" value=\"\" type=\"text\" name=\"your-subject\" \/><\/span>\n<label class=\"contact-field-label\" for=\"contact-2822-your-message\">Message<\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-textarea\" id=\"contact-2822-your-message\" aria-invalid=\"false\" placeholder=\"Message\" name=\"your-message\"><\/textarea><\/span>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"acceptance-884\"><span class=\"wpcf7-form-control wpcf7-acceptance invert\"><span class=\"wpcf7-list-item\"><input type=\"checkbox\" name=\"acceptance-884\" value=\"1\" class=\"d-none\" aria-invalid=\"false\" \/><\/span><\/span><\/span>\n<div class=\"datenschutz-box\"><span class=\"wpcf7-form-control-wrap\" data-name=\"datenschutz\"><span class=\"wpcf7-form-control wpcf7-acceptance\"><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"datenschutz\" value=\"1\" aria-invalid=\"false\" \/><span class=\"wpcf7-list-item-label\">I agree that my information from the form will be collected and processed to answer my inquiry. Detailed information on how your data is handled can be found in our <a href=\"https:\/\/hotel-raphael.de\/datenschutz\/\">privacy policy (German).<\/a><\/span><\/label><\/span><\/span><\/span><\/div>\n<input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Send message\" \/><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/section>\n\n\n\n<section class=\"wp-block-group margin-bottom bg-grey\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<h3 class=\"wp-block-heading has-text-align-center has-medium-font-size\"><strong>We look forward to making your stay at St. Raphael in the Allg\u00e4u memorable. Please contact us with any questions or for further information.<\/strong><\/h3>\n<\/div>\n<\/div>\n<\/div><\/section>\n\n\n    <section class=\"hsr-footer-reviews hsr-booking-close\" aria-label=\"Plan your stay\">\n      <div class=\"hsr-fr-inner\">\n        <div class=\"hsr-fr-copy\"><p class=\"hsr-fr-kicker\">St. Raphael \u00b7 Time for you<\/p>\n          <h2>Your next<br><em>memorable stay.<\/em><\/h2>\n          <p class=\"hsr-close-intro\">Arrive, unwind and feel at home. We look forward to welcoming you.<\/p>\n        <\/div>\n        <div class=\"hsr-fr-rating\"><div class=\"hsr-fr-value\"><strong>4.7<\/strong><span>out of 5<\/span><\/div>\n          <span class=\"hsr-r-stars\" aria-hidden=\"true\"><span>\u2605\u2605\u2605\u2605\u2605<\/span><span style=\"width:94%\">\u2605\u2605\u2605\u2605\u2605<\/span><\/span><p class=\"hsr-fr-count\">746 reviews on Google<\/p>\n          <a class=\"hsr-close-reviews\" href=\"https:\/\/www.hotel-raphael.de\/en\/reviews\/\">Explore all guest reviews \u2197<\/a>\n          <p class=\"hsr-r-source\">Source: <a href=\"https:\/\/www.google.com\/maps?cid=5462203133111349525\" target=\"_blank\" rel=\"noopener\">Google reviews<\/a><span> \u00b7 As of 12 September 2026<\/span><\/p><p class=\"hsr-fr-note\">Manually updated review snapshot.<\/p>\n        <\/div>\n        <div class=\"hsr-close-form\">\n          <form action=\"https:\/\/v4.ibe.dirs21.de\/channels\/st-raphael-im-allgaeude\/\" class=\"booking-form\">\n<div class=\"date-field\">\n    <label for=\"booking-1arrival\">Arrival<\/label>\n    <input type=\"date\" value=\"2026-11-01\" name=\"arrival\" id=\"booking-1arrival\" required \/>\n<\/div>\n<div class=\"date-field\">\n    <label for=\"booking-1departure\">Departure<\/label>\n    <input type=\"date\" value=\"2026-11-01\" name=\"departure\" id=\"booking-1departure\" required \/>\n<\/div>\n<div class=\"hsr-close-guests\"><label for=\"booking-1guests\">Guests<\/label>\n<select class=\"booking-guests\" id=\"booking-1guests\" name=\"room\">\n    <option value=\"a\">1 guest<\/option>\n    <option value=\"a,a\">2 guests<\/option>\n<\/select><\/div>\n<input type=\"submit\" class=\"booking-submit\" value=\"Check availability\">\n<\/form>\n          <div class=\"hsr-close-contact\"><p>Prefer to plan with us personally?<\/p><a href=\"https:\/\/www.hotel-raphael.de\/en\/contact\/anfragen\/\">Meeting enquiry<\/a><a href=\"tel:+498315404330\">+49 831 540 4330<\/a><\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n    \n\n","protected":false},"excerpt":{"rendered":"<p>Contact details &amp;form Use our contact form to send us your enquiry quickly and easily. We will get back to you promptly. St. Raphael im Allg\u00e4uBischof-Freundorfer-Weg 2487439 Kempten Contact us now We look forward to making your stay at St. Raphael in the Allg\u00e4u memorable. Please contact us with any questions or for further information.<\/p>\n","protected":false},"author":1,"featured_media":5185,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-540","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hotel-raphael.de\/en\/wp-json\/wp\/v2\/pages\/540","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hotel-raphael.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hotel-raphael.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hotel-raphael.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hotel-raphael.de\/en\/wp-json\/wp\/v2\/comments?post=540"}],"version-history":[{"count":12,"href":"https:\/\/www.hotel-raphael.de\/en\/wp-json\/wp\/v2\/pages\/540\/revisions"}],"predecessor-version":[{"id":5804,"href":"https:\/\/www.hotel-raphael.de\/en\/wp-json\/wp\/v2\/pages\/540\/revisions\/5804"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hotel-raphael.de\/en\/wp-json\/wp\/v2\/media\/5185"}],"wp:attachment":[{"href":"https:\/\/www.hotel-raphael.de\/en\/wp-json\/wp\/v2\/media?parent=540"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}