/*
Theme Name: WBS Child
Description: WBS Child Theme --> Parent Theme --> Hello Theme --> by GREATIK
Author: GREATIK
Author URI: https://www.greatik.de
Template: hello-elementor
Version: 1.0.1
Text Domain: wbs-child
*/
/*=====================Responsive Styles===================*/
@media only screen and (max-width: 768px) {
  .woocommerce-page table.cart td.actions .coupon .input-text,
  .woocommerce-page table.cart td.actions .coupon input,
  .woocommerce-page table.cart td.actions .coupon .input-text + .button {
    width: 100%;
    margin-bottom: 10px;
    box-sizing: border-box;
  }
  .elementor-344
    .elementor-element.elementor-element-4629d10
    .elementor-icon-list-text,
  .foot_links {
    color: #ffffff;
    text-shadow: 1px 1px 2px #000000a6 !important;
  }
}

/*=================== ALLGEMEIN ==================*/

/*Breadcrumb*/
.breadcrumb {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
}
.breadcrumb a:active {
  color: #04102f !important;
}

/* Font */

h3 {
  margin: 0px 0px 10px 0px;
  font-family: "DNSGibsonsTwo", Sans-serif;
  font-size: 35px;
  color: #04102f;
}

a {
  color: #44bcd8;
}

a:hover {
  color: #262626;
}

.white-link a {
  color: #04102f;
}

.white-link a:hover {
  color: #ffffff;
}

ul {
  margin-bottom: 10px;
}

[type="button"]:focus,
[type="button"]:hover,
[type="submit"]:focus,
[type="submit"]:hover,
button:focus,
button:hover {
  color: #fff;
  background-color: #41bcd7 !important;
  text-decoration: none;
}

/*===================== HEADER =====================*/
.elementor-sticky--effects {
  z-index: 19;
}
.elementor-30017
  .elementor-element.elementor-element-8a05bb7
  .elementor-nav-menu--dropdown
  a:hover,
.elementor-30017
  .elementor-element.elementor-element-8a05bb7
  .elementor-nav-menu--dropdown
  a.elementor-item-active,
.elementor-30017
  .elementor-element.elementor-element-8a05bb7
  .elementor-nav-menu--dropdown
  a.highlighted,
.elementor-30017
  .elementor-element.elementor-element-8a05bb7
  .elementor-menu-toggle:hover {
  color: #ffffff !important;
}

.elementor-30017.elementor-location-header {
  position: absolute;
  width: 100%;
  z-index: 100;
}

.elementor-sticky--effects.elementor-sticky--active.elementor-section--handles-inside {
  background-color: #fff !important;
}

.elementor-2
  .elementor-element.elementor-element-164367b
  .eael-fancy-text-strings {
  color: #ffffff;
  padding: 0px 0px 0px 0px;
}

/*stickyLogo Change Logo*/
/* Header is the css class to wrap both logo*/

.elementor-sticky--effects .header_logo {
  display: none;
}

.header_logo_sticky {
  display: none;
}

.elementor-sticky--effects .header_logo_sticky {
  display: block;
}

.elementor-sticky--effects
  .elementor-element.elementor-element-8a05bb7
  div.elementor-menu-toggle {
  color: #04102f;
}

.cta-hero-icon .elementor-icon {
  animation: shake 12s infinite;
}

/*=================== FORMULARE ==================*/

.nf-form-layout form h3 {
  font-size: 45px;
  text-transform: uppercase;
  color: #04102f;
  font-family: "DNSGibsonsTwo", Sans-serif;
  font-weight: 600;
}

.nf-form-layout form h4 {
  font-size: 35px;
  text-transform: uppercase;
  color: #41bcd7;
  font-family: "DNSGibsonsTwo", Sans-serif;
  font-weight: 300;
  margin-top: -30px;
}

.nf-form-layout form .listcheckbox-wrap .nf-field-element label:after {
  background: #ffffff !important;
  border-color: #04102f !important;
  border-width: 2px !important;
  border-radius: 4px !important;
  width: 22px !important;
  height: 22px !important;
  top: 0px !important;
}

.nf-form-layout
  form
  .listcheckbox-wrap
  .nf-field-element
  label.nf-checked-label:before {
  color: #41bcd7 !important;
}

.nf-form-layout form .nf-field-element li label {
  font-size: 22px;
  margin-top: 10px;
  font-weight: 400;
}

.nf-form-layout form input:not([type="button"]),
select,
textarea {
  border: solid 2px #04102f !important;
  border-radius: 8px !important;
  color: #000 !important;
}

.nf-form-layout form input[type="button"] {
  background-color: #04102f !important;
  border-radius: 8px !important;
  padding: 10px 15px !important;
  display: block !important;
  width: auto !important;
}

.nf-form-layout form input[type="button"]:hover {
  background-color: #41bcd7 !important;
  color: #fff !important;
}

.nf-error.field-wrap .nf-field-element:after {
  border-radius: 8px;
}

.ninja-forms-req-symbol {
  color: #41bcd7 !important;
}

.nf-field-description {
  font-size: 14px;
  margin-bottom: 20px;
}

/* Kindergeburtstag */

.nf-form-content.kindergeburtstag {
  padding: 15px 0px;
  max-width: 100%;
}

.nf-form-content.kindergeburtstag .nf-pass.field-wrap .nf-field-element:after {
  display: none !important;
}

p.formular-error {
  color: #df0000;
  font-size: 18px;
}

p.formular-error.error-right {
  text-align: right;
}
/*==========================FORMULARE ENDE=================================
****
****
****/
/*=================== SHOP ==================*/

/*Ausblenden View my Bookings*/
.wc-booking-summary-actions {
  display: none !important;
}

/*=================GUTSCHEIN=================*/
.gift-cards_form > h3 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.gift-card-content-editor.step-content h5 {
  margin-top: 15px !important;
}

/* Shopübersicht */
ul.product-categories {
  list-style: none;
  padding: 0px;
  color: #fff;
}

ul.product-categories li a:hover {
  color: #fff;
}

/* Produktansicht */
form.cart.rnb-cart {
  display: block !important;
}

.quantity input {
  min-width: 80px !important;
}

.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover {
  background-color: #04102f;
}

/*Variation TD Label Background Color*/
.woocommerce div.product.elementor form.cart table.variations td.label {
  width: 25%;
  background-color: transparent;
}
.woocommerce div.product.elementor form.cart table.variations td.value {
  position: relative;
  width: 75%;
  background-color: transparent;
}

/*Cursor Pointer Variation*/
.woocommerce
  .elementor-1548
  .elementor-element.elementor-element-fa83344
  form.cart
  table.variations
  td.value
  select,
.woocommerce
  div.product.elementor.elementor-1548
  .elementor-element.elementor-element-fa83344
  form.cart
  table.variations
  td.value:before {
  cursor: pointer;
}

/*Reset Auswahl Button*/
.woocommerce div.product form.cart .reset_variations {
  padding-left: 35px;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: #04102f;
}

/* Warenkorb */
.woocommerce .button {
  background-color: #04102f !important;
  color: #fff !important;
}

.woocommerce .button:hover {
  background-color: #44bcd8 !important;
}

/* Off Canvas Warenkorb */
.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name,
.elementor-menu-cart__product-price.product-price,
.elementor-menu-cart__subtotal,
.elementor-widget-woocommerce-menu-cart
  .elementor-menu-cart__footer-buttons
  .elementor-button {
  font-family: "Roboto", Sans-serif !important;
  font-weight: 400;
  font-size: 16px !important;
}

.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a {
  font-family: "DNSGibsonsTwo", Sans-serif !important;
  font-size: 25px !important;
}

dl.variation dd {
  margin-left: 0px;
  font-weight: 900;
}

.elementor-menu-cart__footer-buttons a {
  background-color: #04102f !important;
  border-radius: 8px !important;
  padding: 10px 15px !important;
  display: table !important;
  width: auto !important;
  height: 55px;
}

.elementor-menu-cart__footer-buttons a:hover {
  background-color: #41bcd7 !important;
  color: #fff !important;
}

span.elementor-button-text {
  display: table-cell;
  vertical-align: middle;
}

/*Datepicker Inline Block für Buchungsbutton unterhalb*/
.woocommerce
  div.product.elementor
  form.cart.variations_form
  .woocommerce-variation-add-to-cart,
.woocommerce
  div.product.elementor
  form.cart:not(.grouped_form):not(.variations_form) {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: inline !important;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
/*
td.ui-datepicker-unselectable.ui-state-disabled.bookable {
  background-color: #f50000;
}*/

td.ui-datepicker-week-end.ui-datepicker-unselectable.ui-state-disabled
  span.ui-state-default,
td.ui-datepicker-unselectable.ui-state-disabled.bookable span.ui-state-default {
  color: #999999;
}

/* Datepicker Konflikt */

.wc-bookings-date-picker .ui-datepicker-header {
  background-color: #999999;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#999),
    to(#aaa)
  );
  background-image: linear-gradient(to top, #999 0%, #aaa 100%);
}

.wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev,
.wc-bookings-date-picker .ui-datepicker .ui-datepicker-next {
  height: 100% !important;
  text-align: center;
}

.wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev:before,
.wc-bookings-date-picker .ui-datepicker .ui-datepicker-next:before {
  margin-top: 18px;
  display: block;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
}

.wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev:before {
  content: "\f053" !important;
}

.wc-bookings-date-picker .ui-datepicker .ui-datepicker-next:before {
  content: "\f054" !important;
}

.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
  border-radius: 6px 6px 0px 0px;
}

/*Datepicker Label Font und Größe geändert*/
.wc-bookings-booking-form label {
  display: block;
  margin-bottom: 10px;
  font-family: "DNSGibsonsTwo", Sans-serif;
  font-size: 18px;
}

/*Datepicker Farbe geändert*/
.wc-bookings-date-picker .ui-datepicker td.bookable a {
  background-color: #41bcd7 !important;
  background-image: none !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
  color: #fff !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.wc-bookings-date-picker .ui-datepicker td.bookable-range .ui-state-default {
  background: #04102f !important;
  color: #fff;
}

/*Datepicker Box Shadow*/
.wc-bookings-booking-form {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}
/*Datepicker Abstand unten*/
.wc-bookings-booking-form .block-picker {
  padding-bottom: 20px;
}
/*Datepicker Uhrzeit auswahl*/
.wc-bookings-booking-form .block-picker li:nth-child(odd) a:hover,
.wc-bookings-booking-form .block-picker li:nth-child(odd) a:focus {
  background: #41bcd7;
  color: #fff;
  font-family: "DNSGibsonsTwo", Sans-serif;
  font-size: 20px;
}

.wc-pao-addon-description p {
  margin: 10px 0px;
  font-size: 13px;
  font-weight: 300;
  color: #f50000;
}

.woocommerce form .form-row select {
  cursor: pointer;
  margin: 10px 0px;
  border-radius: 5px !important;
}

.wc-bookings-booking-form .block-picker li:nth-child(odd) a {
  background: #f5f5f5;
  color: #04102f;
  font-family: "DNSGibsonsTwo", Sans-serif;
  font-size: 20px;
  margin-right: 5px;
}
.wc-bookings-booking-form .block-picker li:nth-child(even) a {
  background: #f5f5f5;
  color: #04102f;
  font-family: "DNSGibsonsTwo", Sans-serif;
  font-size: 20px;
}
.wc-bookings-booking-form .block-picker li:nth-child(even) a:hover,
.wc-bookings-booking-form .block-picker li:nth-child(even) a:focus {
  background: #41bcd7;
  color: #fff;
}

.wc-bookings-booking-form .block-picker li a.selected {
  background: #41bcd7 !important;
  color: #fff !important;
  border: 1px solid #04102f;
}

/*-----------------------------------------------------------------------------------------*/

/*Produktaddon Styling unterhalb des Kalenders*/
div.product-addon-totals .wc-pao-subtotal-line {
  border: none;
}

.single-product
  div.product
  div.product-addon-totals
  .wc-pao-subtotal-line
  p.price {
  color: #04102f;
  font-family: "DNSGibsonsTwo", Sans-serif;
  font-size: 20px;
}

.wc-pao-col1 {
  color: #04102f;
  font-family: "DNSGibsonsTwo", Sans-serif;
  font-size: 20px;
}

/*-----------------------------------------------------------------------------------------*/

/*Produktanzeige Schatten und Borderradius*/
.elementor-686
  .elementor-element.elementor-element-97e0aeb
  .eael-product-grid
  .woocommerce
  ul.products
  li.product {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}

ul.product-categories {
  list-style: none;
  padding: 0px;
  color: #04102f;
  font-family: "DNSGibsonsTwo", Sans-serif;
  font-size: 25px;
}
ul.product-categories a {
  color: #04102f;
}
ul.product-categories a:hover {
  color: #41bcd7 !important;
}

.woocommerce-message {
  border-top-color: #8fae1b;
  display: none;
}

.woocommerce-info {
  border-top-color: #41bcd7;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  padding: 1em 2em 1em 3.5em;
  margin: 0 0 2em;
  position: relative;
  background-color: #ffffff;
  color: #515151;
  border-top: 3px solid #41bcd7;
  list-style: none outside;
  width: auto;
  word-wrap: break-word;
}

table tbody > tr:nth-child(odd) > td,
table tbody > tr:nth-child(odd) > th {
  background-color: #fff;
}

.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
  width: 50%;
}
.woocommerce a.remove:hover {
  color: #41bcd7 !important;
  background: transparent;
}

.woocommerce #content table.cart img,
.woocommerce table.cart img,
.woocommerce-page #content table.cart img,
.woocommerce-page table.cart img {
  height: auto;
  width: 50%;
}

.woocommerce table.shop_table th {
  font-family: "DNSGibsonsTwo", Sans-serif;
  font-size: 20px;
  padding: 9px 12px;
  line-height: 1.5em;
}

input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
select,
textarea {
  padding: 0.19rem 1rem;
}

.hidden-anchor {
  position: absolute;
  top: -100px;
}

/*Deaktiviere Germanmarket Versandkosten anzeige*/
.woocommerce_de_versandkosten {
  display: none !important;
}

/*===========================Segelbootverleih Buttons===============*/
.elementor-element-d16f7e3 .elementor-button:active {
	    background-color: #44BCD8!important;
}

.elementor-element-df75dbd .elementor-button:active {
	    background-color: #44BCD8!important;
}

.elementor-element-d46919d .elementor-button:active {
	    background-color: #44BCD8!important;
}

.d-block {
  display: block;
}

.shop_table .product-quantity {
  display: none;
}

.active-interval {
  background-color: #45bcd8 !important;
}

.termine-fieldset,
.termine-desc {
  display: none;
}