.elementor-9200 .elementor-element.elementor-element-0472c80{--display:flex;overflow:visible;}.elementor-9200 .elementor-element.elementor-element-ffd0970{--display:flex;overflow:visible;}.elementor-9200 .elementor-element.elementor-element-124a43d{text-align:center;}.elementor-9200 .elementor-element.elementor-element-0145664{--spacer-size:30px;}.elementor-9200 .elementor-element.elementor-element-1f1d486{--display:flex;overflow:visible;}.elementor-9200 .elementor-element.elementor-element-d939644{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;backdrop-filter:brightness( 0 ) contrast( 1 ) saturate( 1 ) grayscale( 1 ) blur( 0px ) hue-rotate( 0deg );-webkit-backdrop-filter:brightness( 0 ) contrast( 1 ) saturate( 1 ) blur( 0px ) grayscale( 1 ) hue-rotate( 0deg );border-radius:2px 2px 2px 2px;box-shadow:-2px 8px 32px -6px rgba(0,0,0,0.5);}.elementor-9200 .elementor-element.elementor-element-d939644 iframe{height:390px;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-c8960f5 *//* ============================
   Booking Form – Frank Vermietung
   Scoped via .booking-form
   ============================ */

.booking-form .wpcf7-form {
  max-width: 100%;
}

/* Group spacing */
.booking-form .booking-form-group {
  margin-bottom: 1.25rem;
}

/* Inputs, selects, textareas */
.booking-form .form-control,
.booking-form .wpcf7-form-control {
  width: 100%;
  display: block;
  padding: 12px 16px;
  border-radius: 999px;
  border: 1px solid #d8dde8;
  background: #ffffff;
  font-size: 15px;
  line-height: 1.4;
  color: #0A2A44;
  outline: none;
  box-shadow: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

/* Textareas */
.booking-form textarea.form-control,
.booking-form textarea.wpcf7-form-control {
  border-radius: 16px;
  min-height: 110px;
  resize: vertical;
}

/* Placeholder */
.booking-form .form-control::placeholder,
.booking-form .wpcf7-form-control::placeholder {
  color: #9aa3b8;
  opacity: 1;
}

/* Focus */
.booking-form .form-control:focus,
.booking-form .wpcf7-form-control:focus {
  border-color: #FF6600;
  box-shadow: 0 0 0 3px rgba(255, 102, 0, 0.12);
}

/* Select arrow */
.booking-form select.form-control,
.booking-form select.wpcf7-form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%239aa3b8' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 12px 8px;
  padding-right: 40px;
}

/* Submit button */
.booking-form .btn-default,
.booking-form input[type="submit"].btn-default {
  background: #FF6600;
  border-radius: 30px;
  border: none;
  padding: 12px 26px;
  font-weight: 600;
  font-size: 15px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;
}

.booking-form .btn-default:hover,
.booking-form input[type="submit"].btn-default:hover {
  background: #e65500;
  box-shadow: 0 10px 20px rgba(255, 102, 0, 0.25);
  transform: translateY(-1px);
}

.booking-form .btn-default:active,
.booking-form input[type="submit"].btn-default:active {
  background: #cc4a00;
  box-shadow: none;
  transform: translateY(0);
}

/* CF7 validation + response messages */
.booking-form .wpcf7-not-valid-tip {
  font-size: 13px;
  color: #d93025;
  margin-top: 4px;
}

.booking-form .wpcf7-response-output {
  margin-top: 20px;
  padding: 12px 16px;
  border-radius: 12px;
  font-size: 14px;
}

.booking-form .wpcf7-response-output.wpcf7-mail-sent-ok {
  border: 1px solid #35a854;
  background: #e9f7ef;
  color: #256d3b;
}

.booking-form .wpcf7-response-output.wpcf7-validation-errors,
.booking-form .wpcf7-response-output.wpcf7-mail-sent-ng {
  border: 1px solid #d93025;
  background: #fdecea;
  color: #b3261e;
}

/* Responsive */
@media (max-width: 767px) {
  .booking-form .booking-form-group {
    margin-bottom: 1rem;
  }

  .booking-form .btn-default,
  .booking-form input[type="submit"].btn-default {
    width: 100%;
    text-align: center;
  }
}/* ======================================
   Smaller Submit Button
   ====================================== */

.booking-form .btn-default,
.booking-form input[type="submit"].btn-default {
  background: #FF6600;
  border-radius: 30px;
  border: none;
  padding: 10px 20px !important; /* smaller padding */
  font-weight: 600;
  font-size: 14px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;
  width: auto !important; /* ensure it's not expanding full width */
}

/* Button Hover */
.booking-form .btn-default:hover,
.booking-form input[type="submit"].btn-default:hover {
  background: #e65500;
  box-shadow: 0 6px 16px rgba(255, 102, 0, 0.25);
  transform: translateY(-1px);
}

/* ======================================
   Subtle Form Outline
   ====================================== */

/* Wrap the entire form in a soft card */
.booking-form .wpcf7-form {
  background: #ffffff;
  border: 1px solid #e6e6e6;     /* subtle outline */
  border-radius: 20px;           /* rounded corners matching your theme */
  padding: 30px 25px;            /* breathing room */
  box-shadow: 0 2px 10px rgba(0,0,0,0.03); /* super soft shadow */
}/* End custom CSS */