.elementor-346 .elementor-element.elementor-element-ac1fe57{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:4px 0px 0px 0px;--border-top-width:4px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );--padding-top:60px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-346 .elementor-element.elementor-element-ac1fe57:not(.elementor-motion-effects-element-type-background), .elementor-346 .elementor-element.elementor-element-ac1fe57 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://wirtshaus-frauental.de/wp-content/uploads/2026/04/Footer.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-346 .elementor-element.elementor-element-ac1fe57::before, .elementor-346 .elementor-element.elementor-element-ac1fe57 > .elementor-background-video-container::before, .elementor-346 .elementor-element.elementor-element-ac1fe57 > .e-con-inner > .elementor-background-video-container::before, .elementor-346 .elementor-element.elementor-element-ac1fe57 > .elementor-background-slideshow::before, .elementor-346 .elementor-element.elementor-element-ac1fe57 > .e-con-inner > .elementor-background-slideshow::before, .elementor-346 .elementor-element.elementor-element-ac1fe57 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#090C13;--background-overlay:'';}.elementor-346 .elementor-element.elementor-element-01c8f78{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-346 .elementor-element.elementor-element-8ee0d14{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-346 .elementor-element.elementor-element-c493458{text-align:start;}.elementor-346 .elementor-element.elementor-element-c493458 img{width:290px;}.elementor-346 .elementor-element.elementor-element-c308d43{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-346 .elementor-element.elementor-element-eb33132 .elementor-heading-title{color:var( --e-global-color-c7f6233 );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-346 .elementor-element.elementor-element-32e0d45 .elementor-icon-list-icon i{color:var( --e-global-color-698728d );transition:color 0.3s;}.elementor-346 .elementor-element.elementor-element-32e0d45 .elementor-icon-list-icon svg{fill:var( --e-global-color-698728d );transition:fill 0.3s;}.elementor-346 .elementor-element.elementor-element-32e0d45 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-accent );}.elementor-346 .elementor-element.elementor-element-32e0d45 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );}.elementor-346 .elementor-element.elementor-element-32e0d45{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-346 .elementor-element.elementor-element-32e0d45 .elementor-icon-list-text{color:var( --e-global-color-698728d );transition:color 0.3s;}.elementor-346 .elementor-element.elementor-element-32e0d45 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-accent );}.elementor-346 .elementor-element.elementor-element-4a36081{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-346 .elementor-element.elementor-element-8f66d51 .elementor-heading-title{color:var( --e-global-color-c7f6233 );}.elementor-346 .elementor-element.elementor-element-e87cf1d .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-346 .elementor-element.elementor-element-e87cf1d .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-346 .elementor-element.elementor-element-e87cf1d{--e-icon-list-icon-size:14px;--icon-vertical-align:flex-start;--icon-vertical-offset:8px;}.elementor-346 .elementor-element.elementor-element-e87cf1d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-346 .elementor-element.elementor-element-e87cf1d .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:14;font-weight:400;line-height:1.6em;}.elementor-346 .elementor-element.elementor-element-e87cf1d .elementor-icon-list-text{color:var( --e-global-color-698728d );transition:color 0.3s;}.elementor-346 .elementor-element.elementor-element-ae592a9{--grid-template-columns:repeat(0, auto);text-align:left;--icon-size:18px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-346 .elementor-element.elementor-element-ae592a9 .elementor-social-icon{background-color:var( --e-global-color-accent );}.elementor-346 .elementor-element.elementor-element-ae592a9 .elementor-icon{border-radius:6px 6px 6px 6px;}.elementor-346 .elementor-element.elementor-element-ae592a9 .elementor-social-icon:hover{background-color:var( --e-global-color-698728d );}.elementor-346 .elementor-element.elementor-element-ae592a9 .elementor-social-icon:hover i{color:var( --e-global-color-accent );}.elementor-346 .elementor-element.elementor-element-ae592a9 .elementor-social-icon:hover svg{fill:var( --e-global-color-accent );}.elementor-346 .elementor-element.elementor-element-5395e67{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#F3ECDB24;--border-color:#F3ECDB24;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-346 .elementor-element.elementor-element-0e9e3cb{font-family:"Playfair Display", Sans-serif;font-size:14px;font-weight:600;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-698728d );}.elementor-346 .elementor-element.elementor-element-0e9e3cb p{margin-block-end:0px;}.elementor-346 .elementor-element.elementor-element-0e9e3cb a{color:var( --e-global-color-c7f6233 );}.elementor-346 .elementor-element.elementor-element-0e9e3cb a:hover, .elementor-346 .elementor-element.elementor-element-0e9e3cb a:focus{color:var( --e-global-color-accent );}.elementor-346 .elementor-element.elementor-element-8900c0b .elementor-icon-list-item:not(:last-child):after{content:"";border-color:#ddd;}.elementor-346 .elementor-element.elementor-element-8900c0b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-346 .elementor-element.elementor-element-8900c0b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-346 .elementor-element.elementor-element-8900c0b .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-346 .elementor-element.elementor-element-8900c0b .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-346 .elementor-element.elementor-element-8900c0b .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-346 .elementor-element.elementor-element-8900c0b{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-346 .elementor-element.elementor-element-8900c0b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-346 .elementor-element.elementor-element-8900c0b .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.6em;}.elementor-346 .elementor-element.elementor-element-8900c0b .elementor-icon-list-text{color:var( --e-global-color-698728d );transition:color 0.3s;}.elementor-346 .elementor-element.elementor-element-8900c0b .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-accent );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-346 .elementor-element.elementor-element-5395e67{--min-height:60px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:7px 7px;--row-gap:7px;--column-gap:7px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-346 .elementor-element.elementor-element-0e9e3cb{text-align:center;}.elementor-346 .elementor-element.elementor-element-0e9e3cb p{margin-block-end:16px;}}/* Start custom CSS for html, class: .elementor-element-b75c69e *//* --- Global Form Container --- */
.ft-modal-form {
color: #334155;
font-family: 'Inter', sans-serif; /* Fallback font */
overflow: hidden;
}
/* --- Header Section --- */
.ft-modal-head {
background: #fbf2df;
padding: 16px 20px;
position: relative;
}
.ft-modal-head h3 {
margin: 0;
font-family: "Playfair Display", serif;
font-size: 22px;
color: #071225;
}
/* --- Body Spacing --- */
.ft-modal-body {
padding: 20px;
}
.ft-modal-form p,
.ft-modal-form br {
display: none;
}
/* Specifically show only the P tags we want as containers */
.ft-modal-body > p,
.ft-modal-body .ft-grid > p,
.ft-modal-body .ft-area-wrap > p {
display: block;
margin-bottom: 18px;
}
/* --- Labels & Inputs --- */
.ft-modal-form label {
display: block;
font-size: 14px;
font-weight: 600;
color: #1e293b;
margin-bottom: 8px;
}
.ft-modal-form input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]),
.ft-modal-form select,
.ft-modal-form textarea {
margin-top:6px;
width: 100%;
border: 1px solid #cbd5e1;
border-radius: 6px;
padding: 10px 12px;
font-size: 15px;
color: #0f172a;
transition: border-color 0.2s;
background-color: #fff;
}
.ft-modal-form input:focus,
.ft-modal-form select:focus,
.ft-modal-form textarea:focus {
outline: none;
border-color: #b91c1c;
}
/* --- Icon Field Layout --- */
.ft-icon-field {
position: relative;
display: block;
}
/* Push text to the right to make room for icon */
.ft-icon-field input,
.ft-icon-field select {
padding-left: 42px !important;
}
.form-svg-icon {
position: absolute;
left: 14px;
top: 50%;
transform: translateY(-50%);
width: 18px;
height: 18px;
z-index: 2;
opacity: 0.5;
pointer-events: none;
}
/* --- Grid for Date/Time --- */
.ft-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
/* --- Area Selection Cards --- */
.ft-area-wrap {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
margin-top: 5px;
}
.ft-area-card {
cursor: pointer;
margin-bottom: 0 !important;
}
.ft-area-card input {
display: none; /* Hide the actual radio button */
}
.ft-area-card span {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 15px;
border: 1px solid #e2e8f0;
border-radius: 8px;
background: #fff;
font-weight: 700;
font-size: 15px;
transition: all 0.2s ease;
min-height: 85px;
}
.card-svg-icon {
width: 28px;
height: 28px;
margin-bottom: 8px;
opacity: 0.8;
}
/* Selected State for Cards */
.ft-area-card input:checked + span {
border-color: #b91c1c;
background-color: #fbf2df;
}
/* --- Message Box --- */
.ft-modal-form textarea {
max-height: 90px ;
resize: none;
}
/* --- Acceptance Checkbox --- */
.ft-acceptance {
margin: 15px 0;
}
.ft-acceptance label {
display: flex;
align-items: flex-start;
gap: 10px;
font-weight: 400;
font-size: 13px;
cursor: pointer;
}
.ft-acceptance input {
margin-top: 3px;
}
/* --- Submit Button --- */
.ft-submit {
width: 100% !important;
background-color: #a71919 !important;
color: #fff !important;
border: none;
border-radius: 6px;
padding: 14px;
font-size: 16px;
font-weight: 700;
cursor: pointer;
transition: background 0.3s;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.ft-submit:hover {
background-color: #8d1515 !important;
}
/* Mobile Responsiveness */
@media (max-width: 480px) {
.ft-grid, .ft-area-wrap {
grid-template-columns: 1fr;
}
}
/* --- Area Selection Cards Fix --- */
.ft-area-wrap {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
margin-top: 5px;
}
.ft-area-card {
cursor: pointer;
position: relative;
margin: 0 !important; /* Remove any theme margins */
}
/* Hide the actual radio button but keep it functional */
.ft-area-card input[type="radio"] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}
/* The box container */
.ft-area-card span {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 15px;
border: 1px solid #e2e8f0;
border-radius: 8px;
background: #fff;
font-weight: 700;
font-size: 15px;
color: #071225;
transition: all 0.2s ease-in-out;
min-height: 85px;
text-align: center;
}
/* The Icon inside the card */
.card-svg-icon {
width: 28px;
height: 28px;
margin-bottom: 8px;
opacity: 0.8;
}
/* --- THE FIX: SELECTED STATE --- */
/* We use ~ (general sibling) to find the span even if there are
tags in between */
.ft-area-card input[type="radio"]:checked ~ span {
border: 1.5px solid #b91c1c !important;
background-color: #fbf2df !important;
color: #071225 !important;
}
/* Hover effect for better UX */
.ft-area-card:hover span {
border-color: #cbd5e1;
background-color: #fcfcfc;
}
/* Hide the extra
tags CF7 adds inside labels */
.ft-area-card br {
display: none !important;
}
.wpcf7-spinner {
display: none ;
}
/* Modal Overlay Background */
.ft-modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
display: none; /* Hidden by default */
justify-content: center;
align-items: center;
z-index: 99999;
padding: 20px;
}
/* Modal Box */
.ft-modal-content {
background: #fff;
width: 100%;
max-width: 550px;
max-height: 90vh;
overflow-y: auto;
position: relative;
border-radius: 12px;
animation: ftFadeIn 0.3s ease-out;
}
/* Close Button */
.ft-modal-close {
position: absolute;
top: 15px;
right: 20px;
font-size: 30px;
background: none;
border: none;
color: #333;
cursor: pointer;
z-index: 10;
}
/* Trigger Button Style (Optional) */
.ft-trigger-button {
background: #a71919;
color: #fff;
padding: 12px 24px;
border: none;
border-radius: 5px;
cursor: pointer;
font-weight: bold;
}
@keyframes ftFadeIn {
from { opacity: 0; transform: translateY(-20px); }
to { opacity: 1; transform: translateY(0); }
}
/* Ensure the modal shows when active */
.ft-modal-overlay.is-active {
display: flex;
}
#close-reservation-btn {
padding: 0px !important;
line-height: 1em !important;
}
.ft-acceptance-container p,
.ft-acceptance-container .wpcf7-list-item-label {
display: inline !important;
}
.ft-acceptance-container input[type="checkbox"] {
display: inline-block !important;
visibility: visible !important;
opacity: 1 !important;
width: 18px !important;
height: 18px !important;
margin-right: 10px !important;
position: relative !important;
z-index: 999 !important;
cursor: pointer !important;
}
/* Hides the message box ONLY when the form is successfully sent */
.wpcf7-form.sent .wpcf7-response-output {
display: none !important;
}
/* Make the auto-generated tag transparent to the grid layout */
#wpcf7-f687-o1 > form > div.ft-modal-form > div.ft-modal-body > div.ft-grid p,
#wpcf7-f687-o1 > form > div.ft-modal-form > div.ft-modal-body > div.ft-area-wrap p {
display: contents !important;
}
/* Make the auto-generated
tag transparent to the grid layout */
#wpcf7-f687-o1 > form > div.ft-modal-form > div.ft-modal-body > div.ft-area-wrap {
padding-bottom: 10px;
}
/* Hide all the auto-generated line breaks from Contact Form 7 */
.ft-area-wrap br {
display: none !important;
}
/* Ensure the cards themselves display as flex/grid internally to fix their layout */
.ft-area-card {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}/* End custom CSS */