{"id":11169,"date":"2017-01-24T08:14:13","date_gmt":"2017-01-24T08:14:13","guid":{"rendered":"https:\/\/barista.qodeinteractive.com\/elementor\/?page_id=11169"},"modified":"2026-08-16T09:17:27","modified_gmt":"2026-08-16T07:17:27","slug":"buchung","status":"publish","type":"page","link":"https:\/\/cafe01.shop\/index.php\/buchung\/","title":{"rendered":"Buchung"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11169\" class=\"elementor elementor-11169\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-85da8cc edgtf-elementor-container-inner elementor-section-boxed elementor-section-height-default elementor-section-height-default edgtf-section edgtf-parallax-section-holder-touch-disabled edgtf-parallax-section-no\" data-id=\"85da8cc\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&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-da5efb9\" data-id=\"da5efb9\" 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-eb90ad7 elementor-widget elementor-widget-text-editor\" data-id=\"eb90ad7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"wpb_text_column wpb_content_element \">\n<div class=\"wpb_wrapper\">\n<h2>Reservieren Sie hier Ihren Tisch.\n<\/h2>\n<\/div>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6aa5111 elementor-widget elementor-widget-edgtf_separator\" data-id=\"6aa5111\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"edgtf_separator.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"edgtf-separator-holder clearfix  edgtf-separator-left edgtf-separator-normal\">\n\t<div class=\"edgtf-separator\" style=\"border-color: #C7A17A;border-style: solid;width: 120px;border-bottom-width: 3px\"><\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0f3098d elementor-widget elementor-widget-text-editor\" data-id=\"0f3098d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Alienum phaedrum torquatos nec eu, vis detraxit periculis ex, nihil expetendis in mei. Mei an pericula euripidis, \u00a0hinc partem ei est. Eos ei nisl graecis, vix aperiri nsequat an. Eius lorem tincidunt vix at, vel pertinax sensibus id.error epicurei mea.<\/p>\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-8c24b9a\" data-id=\"8c24b9a\" 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-d024376 elementor-widget elementor-widget-image\" data-id=\"d024376\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"644\" height=\"416\" src=\"https:\/\/cafe01.shop\/wp-content\/uploads\/2017\/01\/open-table-img-1.png\" class=\"attachment-full size-full wp-image-12594\" alt=\"a\" srcset=\"https:\/\/cafe01.shop\/wp-content\/uploads\/2017\/01\/open-table-img-1.png 644w, https:\/\/cafe01.shop\/wp-content\/uploads\/2017\/01\/open-table-img-1-600x388.png 600w, https:\/\/cafe01.shop\/wp-content\/uploads\/2017\/01\/open-table-img-1-300x194.png 300w\" sizes=\"(max-width: 644px) 100vw, 644px\" \/>\t\t\t\t\t\t\t\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-1ac3be7 edgtf-elementor-container-inner elementor-section-boxed elementor-section-height-default elementor-section-height-default edgtf-section edgtf-parallax-section-holder-touch-disabled edgtf-parallax-section-no\" data-id=\"1ac3be7\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&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-100 elementor-top-column elementor-element elementor-element-ab6a581\" data-id=\"ab6a581\" 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-2708306 elementor-widget elementor-widget-shortcode\" data-id=\"2708306\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n<div class=\"cbb-full-width-wrapper\">\r\n    <div class=\"cbb-centered-container\">\r\n        <form id=\"cbb-main-booking-form\" class=\"cbb-booking-bar\">\r\n            \r\n            <div class=\"cbb-field-group\">\r\n                <div class=\"cbb-input-box\">\r\n                    <select name=\"guests\" id=\"cbb-guests\">\r\n                        <option value=\"1\">1 Person<\/option>\r\n                        <option value=\"2\">2 Personen<\/option>\r\n                        <option value=\"3\">3 Personen<\/option>\r\n                        <option value=\"4\">4 Personen<\/option>\r\n                        <option value=\"5\">5 Personen<\/option>\r\n                        <option value=\"10\">6+ Personen<\/option>\r\n                    <\/select>\r\n                    <div class=\"cbb-field-icon\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\"><path fill=\"#c5a47e\" d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5s-3 1.34-3 3 1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"\/><\/svg><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <span class=\"cbb-connector-label\">F\u00dcR<\/span>\r\n\r\n            <div class=\"cbb-field-group\">\r\n                <div class=\"cbb-input-box\">\r\n                    <input type=\"text\" id=\"cbb-datepicker\" name=\"date\" placeholder=\"Datum w\u00e4hlen\" readonly>\r\n                    <div class=\"cbb-field-icon\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\"><path fill=\"#c5a47e\" d=\"M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10z\"\/><\/svg><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <span class=\"cbb-connector-label\">IN<\/span>\r\n\r\n            <div class=\"cbb-field-group\">\r\n                <div class=\"cbb-input-box\">\r\n                   <select name=\"branch\" id=\"cbb-branch-select\">\r\n    <option value=\"\">Filiale w\u00e4hlen<\/option>\r\n                        <option value=\"3\">Caf\u00e9 #01 @ Iserlohn<\/option>\r\n                    <option value=\"2\">Caf\u00e9 #01 @ Wuppertal<\/option>\r\n                    <option value=\"1\">Cafe#01 @ Unna<\/option>\r\n            <\/select>\r\n\r\n                    <div class=\"cbb-field-icon\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\"><path fill=\"#c5a47e\" d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z\"\/><\/svg><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <span class=\"cbb-connector-label\">UM<\/span>\r\n\r\n            <div class=\"cbb-field-group\">\r\n                <div class=\"cbb-input-box\">\r\n                    <select name=\"time\" id=\"cbb-time-slots\">\r\n                        <option value=\"\">Uhrzeit<\/option>\r\n                    <\/select>\r\n                    <div class=\"cbb-field-icon\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\"><path fill=\"#c5a47e\" d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm.5 13H11v-6l5.25 3.15.75-1.23-4.5-2.67z\"\/><\/svg><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <button type=\"submit\" class=\"cbb-main-submit-btn\">TISCH RESERVIEREN<\/button>\r\n        <\/form>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* --- FULL WIDTH BREAKOUT LOGIC --- *\/\r\n.cbb-full-width-wrapper {\r\n    width: 100vw;\r\n    position: relative;\r\n    left: 50%;\r\n    right: 50%;\r\n    margin-left: -50vw;\r\n    margin-right: -50vw;\r\n    background-color: #edece6; \/* Beige Background *\/\r\n    padding: 15px 0;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* --- CENTERED CONTENT --- *\/\r\n.cbb-centered-container {\r\n    max-width: 1200px; \/* Adjust to match your theme container width *\/\r\n    margin: 0 auto;\r\n    padding: 0 20px;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* --- THE FLEX BAR --- *\/\r\n.cbb-booking-bar {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    width: 100%;\r\n}\r\n\r\n.cbb-field-group {\r\n    flex: 1;\r\n    min-width: 140px;\r\n}\r\n\r\n.cbb-input-box {\r\n    background: #ffffff;\r\n    height: 48px;\r\n    display: flex;\r\n    align-items: center;\r\n    border-radius: 4px;\r\n    position: relative;\r\n    border: 1px solid transparent;\r\n}\r\n\r\n\/* Select & Input Styling *\/\r\n.cbb-input-box select, \r\n.cbb-input-box input,\r\n.cbb-input-box .flatpickr-input {\r\n    border: none !important;\r\n    background: transparent !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    padding: 0 45px 0 15px !important;\r\n    font-family: 'Playfair Display', serif;\r\n    font-style: italic;\r\n    font-weight: 600;\r\n    font-size: 15px;\r\n    color: #333;\r\n    outline: none;\r\n    appearance: none;\r\n    cursor: pointer;\r\n    box-shadow: none !important;\r\n}\r\n\r\n\/* Icon Positioning *\/\r\n.cbb-field-icon {\r\n    position: absolute;\r\n    right: 12px;\r\n    border-left: 1px solid #f0f0f0;\r\n    padding-left: 10px;\r\n    display: flex;\r\n    align-items: center;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* Connector Text *\/\r\n.cbb-connector-label {\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-weight: 800;\r\n    font-size: 13px;\r\n    color: #1a1a1a;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n\/* Main Action Button *\/\r\n.cbb-main-submit-btn {\r\n    background-color: #c5a47e; \/* Primary Brand Blue *\/\r\n    color: #ffffff;\r\n    border: none;\r\n    padding: 0 35px;\r\n    height: 48px;\r\n    border-radius: 8px; \/* Pill Shape *\/\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-weight: 700;\r\n    font-size: 13px;\r\n    letter-spacing: 1px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    white-space: nowrap;\r\n}\r\n\r\n.cbb-main-submit-btn:hover {\r\n    background-color: #987e60;\r\n    transform: translateY(-1px);\r\n    box-shadow: 0 4px 12px rgba(0, 102, 255, 0.2);\r\n}\r\n\r\n\/* --- RESPONSIVE FIXES --- *\/\r\n@media (max-width: 1024px) {\r\n    .cbb-booking-bar {\r\n        flex-wrap: wrap;\r\n        gap: 10px;\r\n    }\r\n    .cbb-field-group {\r\n        flex: 1 1 45%;\r\n    }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    .cbb-booking-bar {\r\n        flex-direction: column;\r\n    }\r\n    .cbb-field-group, \r\n    .cbb-main-submit-btn {\r\n        margin-top: 25px !important;\r\n        width: 100%;\r\n    }\r\n    .cbb-connector-label {\r\n        margin: 4px 0;\r\n    }\r\n    .cbb-centered-container {\r\n        padding: 0 30px;\r\n    }\r\n}\r\n<\/style><\/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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Reservieren Sie hier Ihren Tisch. Alienum phaedrum torquatos nec eu, vis detraxit periculis ex, nihil expetendis in mei. Mei an pericula euripidis, \u00a0hinc partem ei est. Eos ei nisl graecis,&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"full-width.php","meta":{"footnotes":""},"class_list":["post-11169","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cafe01.shop\/index.php\/wp-json\/wp\/v2\/pages\/11169","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cafe01.shop\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cafe01.shop\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cafe01.shop\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cafe01.shop\/index.php\/wp-json\/wp\/v2\/comments?post=11169"}],"version-history":[{"count":7,"href":"https:\/\/cafe01.shop\/index.php\/wp-json\/wp\/v2\/pages\/11169\/revisions"}],"predecessor-version":[{"id":16238,"href":"https:\/\/cafe01.shop\/index.php\/wp-json\/wp\/v2\/pages\/11169\/revisions\/16238"}],"wp:attachment":[{"href":"https:\/\/cafe01.shop\/index.php\/wp-json\/wp\/v2\/media?parent=11169"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}