{"id":16,"date":"2026-03-30T11:40:29","date_gmt":"2026-03-30T11:40:29","guid":{"rendered":"https:\/\/charming-lamarr.185-194-237-137.plesk.page\/?page_id=16"},"modified":"2026-04-22T12:02:19","modified_gmt":"2026-04-22T12:02:19","slug":"zimmer","status":"publish","type":"page","link":"https:\/\/www.hotel-rid.de\/en\/zimmer\/","title":{"rendered":"ROOMS"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16\" class=\"elementor elementor-16\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-674966d elementor-section-full_width elementor-hidden-mobile elementor-section-height-default elementor-section-height-default\" data-id=\"674966d\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-cb4399a\" data-id=\"cb4399a\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-97c625b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"97c625b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-047a94c elementor-invisible\" data-id=\"047a94c\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;animation&quot;:&quot;fadeInDown&quot;,&quot;animation_delay&quot;:100,&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:863,&quot;url&quot;:&quot;https:\\\/\\\/www.hotel-rid.de\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/imgi_2_MINISLIDER1.jpg&quot;},{&quot;id&quot;:864,&quot;url&quot;:&quot;https:\\\/\\\/www.hotel-rid.de\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/imgi_2_MINISLIDER2.jpg&quot;}],&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d052bd4 elementor-widget elementor-widget-spacer\" data-id=\"d052bd4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-dcc8f49 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"dcc8f49\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-c6b9119 animated-slow elementor-invisible\" data-id=\"c6b9119\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:1000}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-072414e elementor-widget elementor-widget-html\" data-id=\"072414e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"wrapper-1\" class=\"hotel-outer-box\">\r\n    <svg viewBox=\"0 0 500 500\" preserveAspectRatio=\"none\" class=\"hotel-line-svg\">\r\n        <path d=\"M450,2 L2,2 L2,498 L465,498\" class=\"drawing-path\"><\/path>\r\n    <\/svg>\r\n\r\n    <div class=\"hotel-text-content\">\r\n        <p>In bester Lage stehen Ihnen moderne wie auch konventionelle R\u00e4umlichkeiten zur Verf\u00fcgung \u2013 gr\u00f6\u00dftenteils Einzelzimmer. Genie\u00dfen Sie w\u00e4hrend Ihres Aufenthaltes eine angenehme Atmosph\u00e4re, die jedes Zimmer in sich vereint und die ganzj\u00e4hrig stabilen Preise. Tradition wird bei uns gro\u00dfgeschrieben!  <\/p>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* 1. INITIAL HIDDEN STATES *\/\r\n#btn-1, #wrapper-1 { \r\n    opacity: 0; \r\n    visibility: hidden; \r\n}\r\n\r\n.hotel-outer-box {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 600px;\r\n    display: inline-block; \r\n}\r\n\r\n\/* 2. THE LINE - WHITE VERSION *\/\r\n.hotel-line-svg {\r\n    position: absolute;\r\n    top: 0; left: 0;\r\n    width: 100%; height: 100%;\r\n    fill: none;\r\n    z-index: 1;\r\n}\r\n\r\n#wrapper-1 .drawing-path {\r\n    stroke: #5a4741; \/* WHITE LINE *\/\r\n    stroke-width: 2;\r\n    stroke-dasharray: 3500;\r\n    stroke-dashoffset: 3500;\r\n    vector-effect: non-scaling-stroke;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    will-change: stroke-dashoffset;\r\n}\r\n\r\n\/* 3. THE TEXT CONTENT - WHITE VERSION *\/\r\n#wrapper-1 .hotel-text-content {\r\n    position: relative;\r\n    z-index: 2;\r\n    padding: 70px 40px 40px 40px; \r\n    font-family: 'Roboto Condensed', sans-serif;\r\n    font-weight: 300;\r\n    font-size: 14px;\r\n    line-height: 1.7;\r\n    color: #0c0d0e; \/* WHITE TEXT *\/\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n    \r\n    margin: 10px 10px;\r\n}\r\n\r\n\r\n@media (max-width: 767px) {\r\n    #wrapper-1 .hotel-text-content {\r\n        \/* Reduce padding so text has more room on small screens *\/\r\n        padding:50px 15px 5px 15px; \r\n        margin-left: 10px;\r\n    }\r\n\r\n    .hotel-heading {\r\n        font-size: 19px; \/* Slightly smaller heading *\/\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    #wrapper-1 .hotel-text-content p {\r\n        font-size: 12px; \/* Slightly smaller text for better fit *\/\r\n        line-height: 1.5;\r\n    }\r\n\r\n    #wrapper-1 .drawing-path {\r\n        stroke-width: 1.5; \/* Thinner line looks cleaner on small screens *\/\r\n    }\r\n}\r\n\r\n\/* 4. ANIMATION SEQUENCING *\/\r\n\r\n\/* Step 1: Button Slides from Right *\/\r\n.animate-now#btn-1 {\r\n    animation: revealFromRight 1.4s cubic-bezier(0.77, 0, 0.175, 1) forwards;\r\n    visibility: visible;\r\n    opacity: 1;\r\n}\r\n\r\n\/* Step 2: Line Starts (1.2s delay for smooth handoff) *\/\r\n.animate-now#wrapper-1 { visibility: visible; opacity: 1; }\r\n\r\n.animate-now#wrapper-1 .drawing-path { \r\n    animation: snakeDraw 3s ease-in-out forwards 1s; \r\n}\r\n\r\n\/* Step 3: Text Fades In *\/\r\n.animate-now#wrapper-1 .hotel-text-content { \r\n    animation: fadeInFinal 1s ease forwards 2s; \r\n}\r\n\r\n\/* MIRRORED BUTTON ANIMATION *\/\r\n@keyframes revealFromRight {\r\n    0% { clip-path: inset(0 0 0 100%); opacity: 0; transform: translateX(20px); }\r\n    100% { clip-path: inset(0 0 0 0); opacity: 1; transform: translateX(0); }\r\n}\r\n\r\n@keyframes snakeDraw {\r\n    from { stroke-dashoffset: 3500; }\r\n    to { stroke-dashoffset: 0; }\r\n}\r\n\r\n@keyframes fadeInFinal { \r\n    to { opacity: 1; transform: translateY(0); } \r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function($) {\r\n    $(window).on('load scroll', function() {\r\n        var wrapper = $('#wrapper-1');\r\n        var btn = $('#btn-1');\r\n        \r\n        if (wrapper.length) {\r\n            var topOfWindow = $(window).scrollTop();\r\n            var bottomOfWindow = topOfWindow + $(window).height();\r\n            var topOfElement = wrapper.offset().top;\r\n\r\n            if (bottomOfWindow > (topOfElement + 150)) {\r\n                if (!wrapper.hasClass('animate-now')) {\r\n                    wrapper.addClass('animate-now');\r\n                    btn.addClass('animate-now');\r\n                }\r\n            }\r\n        }\r\n    });\r\n})(jQuery);\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-e9b4e7f elementor-hidden-mobile elementor-invisible\" data-id=\"e9b4e7f\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:868,&quot;url&quot;:&quot;https:\\\/\\\/www.hotel-rid.de\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/imgi_1_BIGSLIDER1.jpg&quot;},{&quot;id&quot;:869,&quot;url&quot;:&quot;https:\\\/\\\/www.hotel-rid.de\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/imgi_1_BIGSLIDER3.jpg&quot;}],&quot;animation&quot;:&quot;slideInRight&quot;,&quot;animation_delay&quot;:150,&quot;background_slideshow_slide_duration&quot;:4000,&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9a46e87 elementor-align-left elementor-mobile-align-left elementor-hidden-mobile elementor-widget elementor-widget-button\" data-id=\"9a46e87\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"btn-1\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Unsere Zimmer<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-79828c5 elementor-section-full_width elementor-hidden-desktop elementor-hidden-tablet elementor-section-height-default elementor-section-height-default\" data-id=\"79828c5\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-974104e\" data-id=\"974104e\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-b4cbde2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b4cbde2\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-f4f5852 elementor-invisible\" data-id=\"f4f5852\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;animation&quot;:&quot;fadeInDown&quot;,&quot;animation_delay&quot;:100,&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:863,&quot;url&quot;:&quot;https:\\\/\\\/www.hotel-rid.de\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/imgi_2_MINISLIDER1.jpg&quot;},{&quot;id&quot;:864,&quot;url&quot;:&quot;https:\\\/\\\/www.hotel-rid.de\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/imgi_2_MINISLIDER2.jpg&quot;}],&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-58d975a elementor-widget elementor-widget-spacer\" data-id=\"58d975a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-c89c6f0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c89c6f0\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-a789926 animated-slow elementor-invisible\" data-id=\"a789926\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:1000}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1de2328 elementor-align-left elementor-mobile-align-right elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-button\" data-id=\"1de2328\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"btn-01\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;,&quot;_animation_mobile&quot;:&quot;none&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Unsere Zimmer<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a0c142b elementor-widget elementor-widget-html\" data-id=\"a0c142b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"wrapper-01\" class=\"hotel-outer-box\">\r\n    <svg viewBox=\"0 0 500 500\" preserveAspectRatio=\"none\" class=\"hotel-line-svg\">\r\n        <path d=\"M350,2 L2,2 L2,498 L465,498\" class=\"drawing-path\"><\/path>\r\n    <\/svg>\r\n\r\n    <div class=\"hotel-text-content\">\r\n        <p>In bester Lage stehen Ihnen moderne wie auch konventionelle R\u00e4umlichkeiten zur Verf\u00fcgung \u2013 gr\u00f6\u00dftenteils Einzelzimmer. Genie\u00dfen Sie w\u00e4hrend Ihres Aufenthaltes eine angenehme Atmosph\u00e4re, die jedes Zimmer in sich vereint und die ganzj\u00e4hrig stabilen Preise. Tradition wird bei uns gro\u00dfgeschrieben!  <\/p>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* 1. INITIAL HIDDEN STATES *\/\r\n#btn-1, #wrapper-01 { \r\n    opacity: 0; \r\n    visibility: hidden; \r\n}\r\n\r\n.hotel-outer-box {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 600px;\r\n    display: inline-block; \r\n}\r\n\r\n\/* 2. THE LINE - WHITE VERSION *\/\r\n.hotel-line-svg {\r\n    position: absolute;\r\n    top: 0; left: 0;\r\n    width: 100%; height: 100%;\r\n    fill: none;\r\n    z-index: 1;\r\n}\r\n\r\n#wrapper-01 .drawing-path {\r\n    stroke: #5a4741; \/* WHITE LINE *\/\r\n    stroke-width: 2;\r\n    stroke-dasharray: 3500;\r\n    stroke-dashoffset: 3500;\r\n    vector-effect: non-scaling-stroke;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    will-change: stroke-dashoffset;\r\n}\r\n\r\n\/* 3. THE TEXT CONTENT - WHITE VERSION *\/\r\n#wrapper-01 .hotel-text-content {\r\n    position: relative;\r\n    z-index: 2;\r\n    padding: 70px 40px 40px 40px; \r\n    font-family: 'Roboto Condensed', sans-serif;\r\n    font-weight: 300;\r\n    font-size: 14px;\r\n    line-height: 1.7;\r\n    color: #0c0d0e; \/* WHITE TEXT *\/\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n    \r\n    margin: 10px 10px;\r\n}\r\n\r\n\r\n@media (max-width: 767px) {\r\n    #wrapper-01 .hotel-text-content {\r\n        \/* Reduce padding so text has more room on small screens *\/\r\n        padding:50px 15px 5px 15px; \r\n        margin-left: 10px;\r\n    }\r\n\r\n    .hotel-heading {\r\n        font-size: 19px; \/* Slightly smaller heading *\/\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    #wrapper-01 .hotel-text-content p {\r\n        font-size: 12px; \/* Slightly smaller text for better fit *\/\r\n        line-height: 1.5;\r\n    }\r\n\r\n    #wrapper-01 .drawing-path {\r\n        stroke-width: 1.5; \/* Thinner line looks cleaner on small screens *\/\r\n    }\r\n}\r\n\r\n\/* 4. ANIMATION SEQUENCING *\/\r\n\r\n\/* Step 1: Button Slides from Right *\/\r\n.animate-now#btn-01 {\r\n    animation: revealFromRight 1.4s cubic-bezier(0.77, 0, 0.175, 1) forwards;\r\n    visibility: visible;\r\n    opacity: 1;\r\n}\r\n\r\n\/* Step 2: Line Starts (1.2s delay for smooth handoff) *\/\r\n.animate-now#wrapper-01 { visibility: visible; opacity: 1; }\r\n\r\n.animate-now#wrapper-01 .drawing-path { \r\n    animation: snakeDraw 3s ease-in-out forwards 1s; \r\n}\r\n\r\n\/* Step 3: Text Fades In *\/\r\n.animate-now#wrapper-01 .hotel-text-content { \r\n    animation: fadeInFinal 1s ease forwards 2s; \r\n}\r\n\r\n\/* MIRRORED BUTTON ANIMATION *\/\r\n@keyframes revealFromRight {\r\n    0% { clip-path: inset(0 0 0 100%); opacity: 0; transform: translateX(20px); }\r\n    100% { clip-path: inset(0 0 0 0); opacity: 1; transform: translateX(0); }\r\n}\r\n\r\n@keyframes snakeDraw {\r\n    from { stroke-dashoffset: 3500; }\r\n    to { stroke-dashoffset: 0; }\r\n}\r\n\r\n@keyframes fadeInFinal { \r\n    to { opacity: 1; transform: translateY(0); } \r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function($) {\r\n    $(window).on('load scroll', function() {\r\n        var wrapper = $('#wrapper-01');\r\n        var btn = $('#btn-01');\r\n        \r\n        if (wrapper.length) {\r\n            var topOfWindow = $(window).scrollTop();\r\n            var bottomOfWindow = topOfWindow + $(window).height();\r\n            var topOfElement = wrapper.offset().top;\r\n\r\n            if (bottomOfWindow > (topOfElement + 150)) {\r\n                if (!wrapper.hasClass('animate-now')) {\r\n                    wrapper.addClass('animate-now');\r\n                    btn.addClass('animate-now');\r\n                }\r\n            }\r\n        }\r\n    });\r\n})(jQuery);\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a14a8e9 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"a14a8e9\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-7ab4d60 elementor-invisible\" data-id=\"7ab4d60\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:880,&quot;url&quot;:&quot;https:\\\/\\\/www.hotel-rid.de\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/imgi_4_SMALLSLIDER2.jpg&quot;},{&quot;id&quot;:881,&quot;url&quot;:&quot;https:\\\/\\\/www.hotel-rid.de\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/imgi_3_SMALLSLIDER1_1.jpg&quot;}],&quot;animation&quot;:&quot;slideInLeft&quot;,&quot;animation_delay&quot;:250,&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-ea4e73e\" data-id=\"ea4e73e\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e1124d5 elementor-invisible elementor-widget elementor-widget-button\" data-id=\"e1124d5\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"btn-2\" data-settings=\"{&quot;_animation_delay&quot;:500,&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Informationen<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-32bc6f8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"32bc6f8\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-06fe338 animated-slow elementor-invisible\" data-id=\"06fe338\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:1000}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7a7806c elementor-widget elementor-widget-html\" data-id=\"7a7806c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"wrapper-2\" class=\"hotel-outer-box\">\r\n    <svg viewBox=\"0 0 500 500\" preserveAspectRatio=\"none\" class=\"hotel-line-svg\">\r\n        <path d=\"M100,2 L498,2 L498,498 L72,498\" class=\"drawing-path\"><\/path>\r\n    <\/svg>\r\n\r\n    <div class=\"hotel-text-content\">\r\n        <p class=\"align-left\">EZ ab 91,00\u20ac - DZ ab 137,00\u20ac - Dreibettzimmer ab 163,00\u20ac jeweils inklusive Fr\u00fchst\u00fcck<\/p>\r\n        <p class=\"align-left\">LCD Flachbildfernseher<\/p>\r\n        <p class=\"align-left\">Kostenloses WLAN<\/p>\r\n        <p class=\"align-left\">Dusche, WC, F\u00f6hn, Sauna, Fitnessraum<\/p>\r\n        <p class=\"align-left\">\u00dcber die Rezeption erhalten Sie Wasserkocher, B\u00fcgelbrett, B\u00fcgeleisen.<\/p>\r\n        <p class=\"align-left\">Haustiere sind in unseren Zimmern nicht erlaubt!<\/p>\r\n       <div class=\"sauna-times\">\r\n <div class=\"sauna-times\">\r\n  <p>\r\n  <strong>\u00d6ffnungszeiten der Sauna<\/strong><br>\r\nMo \u2013 Do: 18 \u2013 21 Uhr<br>\r\nFreitag: Auf Anfrage<br>\r\nWochenende: Geschlossen\r\n<style>\r\n\/* 1. INITIAL HIDDEN STATES *\/\r\n#btn-2, #wrapper-2 { \r\n    opacity: 0; \r\n    visibility: hidden; \r\n}\r\n\r\n.hotel-outer-box {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 800px;\r\n    display: inline-block; \r\n}\r\n\r\n\/* 2. THE LINE - WHITE *\/\r\n.hotel-line-svg {\r\n    position: absolute;\r\n    top: 0; left: 0;\r\n    width: 100%; height: 100%;\r\n    fill: none;\r\n    z-index: 1;\r\n}\r\n\r\n#wrapper-2 .drawing-path {\r\n    stroke: #ffffff;\r\n    stroke-width: 2;\r\n    stroke-dasharray: 3500;\r\n    stroke-dashoffset: 3500;\r\n    vector-effect: non-scaling-stroke;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    will-change: stroke-dashoffset;\r\n}\r\n\r\n\/* 3. THE TEXT CONTENT CONTAINER *\/\r\n#wrapper-2 .hotel-text-content {\r\n    position: relative;\r\n    z-index: 2;\r\n    padding: 80px 30px 40px 0px; \r\n    font-family: 'Roboto Condensed', sans-serif;\r\n    color: #ffffff;\r\n    opacity: 1; \/* Keep container visible, we animate children instead *\/\r\n    visibility: visible;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n\/* --- CUSTOM PARAGRAPH BACKGROUND STYLING --- *\/\r\n#wrapper-2 .hotel-text-content p {\r\n    background-color: #6b554e; \r\n    border-radius: 0px; \r\n    padding: 12px 15px 12px 70px;\r\n    margin-top: 0;\r\n    margin-bottom: 2px; \r\n    font-weight: 300;\r\n    font-size: 14px;\r\n    line-height: 1.3;\r\n    display: block; \r\n    width: 92%; \r\n    max-width: 400px;\r\n    \r\n    \/* INITIAL STATE FOR STAGGER ANIMATION *\/\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n}\r\n\r\n\/* --- STAGGERED DELAYS --- \r\n   The line finishes drawing around 4s, so we start entering text \r\n   shortly after the line begins to move for a smooth flow.\r\n*\/\r\n.animate-now#wrapper-2 p:nth-child(1) { animation: slideUpBox 0.6s ease forwards 1.8s; }\r\n.animate-now#wrapper-2 p:nth-child(2) { animation: slideUpBox 0.6s ease forwards 2.0s; }\r\n.animate-now#wrapper-2 p:nth-child(3) { animation: slideUpBox 0.6s ease forwards 2.2s; }\r\n.animate-now#wrapper-2 p:nth-child(4) { animation: slideUpBox 0.6s ease forwards 2.4s; }\r\n.animate-now#wrapper-2 p:nth-child(5) { animation: slideUpBox 0.6s ease forwards 2.6s; }\r\n.animate-now#wrapper-2 p:nth-child(6) { animation: slideUpBox 0.6s ease forwards 2.8s; }\r\n\r\n\/* --- NEW ANIMATION KEYFRAME --- *\/\r\n@keyframes slideUpBox {\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n\/* --- HORIZONTAL ALIGNMENT CONTROLS --- *\/\r\n.align-left { margin-right: auto !important; text-align: left; }\r\n.align-right { margin-left: auto !important; text-align: left; }\r\n\r\n#wrapper-2 a { color: inherit; text-decoration: none; }\r\n\r\n\/* --- MOBILE STYLES --- *\/\r\n@media (max-width: 767px) {\r\n    #wrapper-2 .hotel-text-content { padding: 65px 20px 20px 20px; }\r\n    #wrapper-2 .hotel-text-content p { font-size: 12px; padding: 8px 12px; width: 95%; }\r\n    #wrapper-2 .drawing-path {\r\n        stroke-width: 1.5; \/* Thinner line looks cleaner on small screens *\/\r\n    }\r\n}\r\n\r\n\/* 4. ANIMATION SEQUENCING *\/\r\n.animate-now#btn-2 {\r\n    animation: revealFromLeft 1.4s cubic-bezier(0.77, 0, 0.175, 1) forwards;\r\n    visibility: visible;\r\n    opacity: 1;\r\n}\r\n\r\n.animate-now#wrapper-2 { visibility: visible; opacity: 1; }\r\n\r\n.animate-now#wrapper-2 .drawing-path { \r\n    animation: snakeDraw 3s ease-in-out forwards 1s; \r\n}\r\n\r\n@keyframes revealFromLeft {\r\n    0% { clip-path: inset(0 100% 0 0); opacity: 0; transform: translateX(-20px); }\r\n    100% { clip-path: inset(0 0 0 0); opacity: 1; transform: translateX(0); }\r\n}\r\n\r\n@keyframes snakeDraw {\r\n    from { stroke-dashoffset: 3500; }\r\n    to { stroke-dashoffset: 0; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function($) {\r\n    $(window).on('load scroll', function() {\r\n        var wrapper = $('#wrapper-2');\r\n        var btn = $('#btn-2');\r\n        if (wrapper.length) {\r\n            var bottomOfWindow = $(window).scrollTop() + $(window).height();\r\n            var topOfElement = wrapper.offset().top;\r\n            if (bottomOfWindow > (topOfElement + 150)) {\r\n                if (!wrapper.hasClass('animate-now')) {\r\n                    wrapper.addClass('animate-now');\r\n                    btn.addClass('animate-now');\r\n                }\r\n            }\r\n        }\r\n    });\r\n})(jQuery);\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-b677ed8 elementor-hidden-mobile elementor-invisible\" data-id=\"b677ed8\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:883,&quot;url&quot;:&quot;https:\\\/\\\/www.hotel-rid.de\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/imgi_4_SMALLSLIDER4.jpg&quot;},{&quot;id&quot;:884,&quot;url&quot;:&quot;https:\\\/\\\/www.hotel-rid.de\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/imgi_4_SMALLSLIDER6.jpg&quot;}],&quot;animation&quot;:&quot;fadeInRight&quot;,&quot;animation_delay&quot;:250,&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6fe580e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6fe580e\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4b20726\" data-id=\"4b20726\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5caa92b elementor-widget elementor-widget-heading\" data-id=\"5caa92b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">FORTFAHREN ZU:<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5e28e25 elementor-section-full_width animated-slow elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"5e28e25\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-179b61c\" data-id=\"179b61c\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9792b40 elementor-align-right elementor-widget elementor-widget-button\" data-id=\"9792b40\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.hotel-rid.de\/uber-uns\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u00dcber Uns<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-9bb4cb7\" data-id=\"9bb4cb7\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-45339e4 elementor-align-left elementor-widget elementor-widget-button\" data-id=\"45339e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.hotel-rid.de\/tagungsraume\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">tagungsraume<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>In bester Lage stehen Ihnen moderne wie auch konventionelle R\u00e4umlichkeiten zur Verf\u00fcgung \u2013 gr\u00f6\u00dftenteils Einzelzimmer. Genie\u00dfen Sie w\u00e4hrend Ihres Aufenthaltes eine angenehme Atmosph\u00e4re, die jedes Zimmer in sich vereint und die ganzj\u00e4hrig stabilen Preise. Tradition wird bei uns gro\u00dfgeschrieben! Unsere Zimmer Unsere Zimmer In bester Lage stehen Ihnen moderne wie auch konventionelle R\u00e4umlichkeiten zur Verf\u00fcgung [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.hotel-rid.de\/en\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hotel-rid.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hotel-rid.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hotel-rid.de\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hotel-rid.de\/en\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":235,"href":"https:\/\/www.hotel-rid.de\/en\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":2042,"href":"https:\/\/www.hotel-rid.de\/en\/wp-json\/wp\/v2\/pages\/16\/revisions\/2042"}],"wp:attachment":[{"href":"https:\/\/www.hotel-rid.de\/en\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}