.elementor-1243 .elementor-element.elementor-element-08fc295:not(.elementor-motion-effects-element-type-background), .elementor-1243 .elementor-element.elementor-element-08fc295 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3E5369;}.elementor-1243 .elementor-element.elementor-element-08fc295{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1243 .elementor-element.elementor-element-08fc295 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1243 .elementor-element.elementor-element-2b0e2cc > .elementor-widget-container{background-color:#3F5369;}.elementor-1243 .elementor-element.elementor-element-3d40e95{--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;}.elementor-1243 .elementor-element.elementor-element-3d40e95:not(.elementor-motion-effects-element-type-background), .elementor-1243 .elementor-element.elementor-element-3d40e95 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}/* Start custom CSS for bdevs-image-slider, class: .elementor-element-f37afd6 *//* Hauptnavigation auf Inter setzen */
.navbar,
.navbar-nav .nav-link {
  font-family: "Inter", sans-serif !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  letter-spacing: 3px !important;
}

/* Menülinks Hover auf Gelb */
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
  color: #eae555 !important; /* dein Gelbcode */
}

/* Hauptnavigation auf Inter setzen */
.navbar,
.navbar-nav .nav-link {
  font-family: "Inter", sans-serif !important;
  font-size: 12px !important;
  font-weight: 300 !important;
  letter-spacing: 3px !important;
}

/* Menülinks Hover auf Gelb */
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
  color: #eae555 !important; /* dein Gelbcode */
}

/* Aktiver Menüpunkt auf Gelb */
.navbar-nav .nav-link.active,
.navbar-nav .nav-item.active .nav-link,
.navbar-nav .nav-link[aria-current="page"],
.navbar-nav .current-menu-item > .nav-link,
.navbar-nav .current-menu-ancestor > .nav-link,
.navbar-nav .current_page_item > .nav-link,
.navbar-nav .current_page_ancestor > .nav-link,
.navbar-nav .current-menu-parent > .nav-link,
.navbar-nav .current_page_parent > .nav-link {
  color: #eae555 !important;
}/* End custom CSS */
/* Start custom CSS for bdevs-restaurant-section, class: .elementor-element-5a23c6e */.elementor-1243 .elementor-element.elementor-element-5a23c6e .section-title {
font-size: 44px;
font-family: 'Inter', serif;
font-weight: 650;
color: #3f5369;
position: relative;
margin-bottom: 20px;
line-height: 1.25em;
letter-spacing: 1px !important;
}

.elementor-1243 .elementor-element.elementor-element-5a23c6e .section-subtitle {
font-size: 15px;
font-family: 'Inter', serif;
font-weight: 300;
color: #3f5369;
position: relative;
margin-bottom: 20px;
line-height: 1em;
}

.elementor-1243 .elementor-element.elementor-element-5a23c6e p {
font-family: 'Inter', sans-serif;
font-size: 15px;
font-weight: 300;
color: #3f5369 !important;
}

.elementor-1243 .elementor-element.elementor-element-5a23c6e h6 {
font-family: 'Inter', sans-serif;
font-size: 26px;
font-weight: 650;
color: #3f5369 !important;
margin-bottom: 20px;
margin-top: 30px;
letter-spacing: 1px;
}/* End custom CSS */
/* Start custom CSS for bdevs-testimonial-section, class: .elementor-element-649b7f9 */.elementor-1243 .elementor-element.elementor-element-649b7f9 .testimonials .item h5 {
font-size: 44px;
font-family: 'Inter' !important;
font-weight: 650;
color: #fff;
}

.elementor-1243 .elementor-element.elementor-element-649b7f9 .testimonials .item h6 {
font-size: 15px;
font-family: 'Inter' !important;
font-weight: 650;
color: #fff;
}/* End custom CSS */
/* Start custom CSS for bdevs-restaurant-menu, class: .elementor-element-2b0e2cc */.elementor-1243 .elementor-element.elementor-element-2b0e2cc .restaurant-menu .tabs-icon .owl-item.actived .item, .restaurant-menu .tabs-icon .item.active {
position: relative;
background: transparent;
padding: 15px;
margin-left: 20px;
margin-right: 20px;
background-color: #e94d41; 
}



.elementor-1243 .elementor-element.elementor-element-2b0e2cc .section-title {
font-size: 44px;
font-family: 'Inter', serif;
font-weight: 650;
color: #fff;
position: relative;
margin-bottom: 50px;
letter-spacing: 3px;
}


.elementor-1243 .elementor-element.elementor-element-2b0e2cc .section-subtitle span {
color: #fff;
font-family: 'Inter'!important;
margin-bottom: 10px;
font-weight: 300; 
font-size: 15px; 
}

.elementor-1243 .elementor-element.elementor-element-2b0e2cc .restaurant-menu .restaurant-menu-content .cont p {
font-size: 15px;
color: #ffffff !important;
margin-bottom: 30px;
font-family: 'Inter' !important;
font-size: 15px;
font-weight: 300;
letter-spacing: 1px;
}

.elementor-1243 .elementor-element.elementor-element-2b0e2cc .restaurant-menu .restaurant-menu-content .cont h5 {
font-size: 15px;
color: #ffffff !important;
margin-bottom: 5px;
font-family: 'Inter' !important;
font-size: 15px;
font-weight: 650;
letter-spacing: 1px;
}

.elementor-1243 .elementor-element.elementor-element-2b0e2cc .restaurant-menu .restaurant-menu-content .cont span {
font-size: 15px;
color: #ffffff !important;
margin-bottom: 5px;
font-family: 'Inter' !important;
font-size: 15px;
font-weight: 650;
letter-spacing: 1px;
}

.elementor-1243 .elementor-element.elementor-element-2b0e2cc .restaurant-menu .owl-theme .owl-nav [class*=owl-] {
position: absolute;
background: #e94d41;
color: #fff;
width: 50px;
height: 50px;
line-height: 40px;
border-radius: 50%;
border: 0px solid var(--clr-theme);
opacity: 100;
-webkit-transition: all .5s;
transition: all .5s;
}

/* Inaktive Tabs */
.elementor-1243 .elementor-element.elementor-element-2b0e2cc 
  .restaurant-menu .tabs-icon .item:not(.active) h6 {
  color: #ffffff;
  font-size: 15px;
  margin-bottom: 0;
  font-family: 'Inter' !important;
  font-weight: 300;
  letter-spacing: 1px;
}

/* Aktive Tabs – kommt NACH der inaktiven Regel */
.elementor-1243 .elementor-element.elementor-element-2b0e2cc 
  .restaurant-menu .tabs-icon .item.active h6 {
  color: #ffffff !important;
}

.elementor-1243 .elementor-element.elementor-element-2b0e2cc .elementor-kit-7 h6 {
font-family: "Inter", Sans-serif;
font-size: 15px !important;
font-weight: 300 !important;
letter-spacing: 1px !important;
}

/* Basis für alle Tab-Titel – unabhängig von aktiv/inaktiv */
.elementor-1243 .elementor-element.elementor-element-2b0e2cc
  .restaurant-menu .tabs-icon .item h6{
  font-family: "Inter", sans-serif !important;
  font-weight: 300;
  font-size: 15px;
  letter-spacing: 1px;
  margin: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d96a7b5 *//* Gelber Bereich */
.menu-section.pdf-cards {
  background-color: #eae555;
  padding: 80px 20px;
  text-align: center;
}

/* Überschriften */
.menu-section.pdf-cards .section-subtitle span{
  font-family:'Inter',sans-serif; font-size:15px; font-weight:300;
  letter-spacing:3px; text-transform:uppercase; color:#3f5369;
  display:inline-block; margin-bottom:10px;
}
.menu-section.pdf-cards .section-title{
  font-family:'Inter',sans-serif; font-weight:650; font-size:44px;
  letter-spacing:2px; color:#3f5369; margin-bottom:40px;
}

/* Button-Gruppe */
.menu-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}

/* Button-Basis (blau, ohne Rand) */
.menu-btn{
  position:relative; display:inline-block; overflow:hidden;
  padding:15px 25px;
  border:none;                 /* kein Rand mehr */
  
  border-radius:0;
  background:#3f5369; color:#ffffff; text-decoration:none;
  font-family:'Inter',sans-serif; font-weight:500; text-transform:uppercase;
  font-size:15px; letter-spacing:2px;
  transition:transform .2s ease, box-shadow .2s ease;
}


/* Text oberhalb vom Overlay */
.menu-btn > span{ position:relative; z-index:2; }

/* Cover-Overlay (wischt von links nach rechts) */
.menu-btn::after{
  content:""; position:absolute; inset:0; z-index:1;
  background:#ffffff;              /* Wipe-Farbe: Weiß */
  transform:translateX(-100%);     /* startet links außerhalb */
  transition:transform .35s ease;
}

/* Hover: Wipe reinfahren + Textfarbe wechseln zu Gelb */
.menu-btn:hover::after,
.menu-btn:focus::after{ transform:translateX(0); }

.menu-btn:hover,
.menu-btn:focus{
  color:#e94d41;                   /* Text Gelb auf weißem Wipe */
  box-shadow:0 6px 16px rgba(0,0,0,.15);
  text-decoration:none;
}

/* Mobile */
@media (max-width:768px){
  .menu-section.pdf-cards{padding:60px 18px}
  .menu-section.pdf-cards .section-title{font-size:32px;margin-bottom:30px}
  .menu-buttons{gap:14px}
  .menu-btn{padding:12px 22px;font-size:14px;letter-spacing:1px}
}/* End custom CSS */
/* Start custom CSS for bdevs-reservation-section, class: .elementor-element-d07980e *//* Font auf Inter setzen, nur für diese Überschrift im Booking-Formular */
.elementor-1243 .elementor-element.elementor-element-d07980e .booking-box h4 {
  font-family: 'Inter', sans-serif !important;
  font-weight: 300 !important;   /* oder 400 / 500 / 700 je nach Wunsch */
  font-size: 26px !important;    /* aktuelle Größe anpassen falls nötig */
  line-height: 1.3 !important;
  letter-spacing: 3px !important;
  color: #ffffff !important;     /* Farbe anpassen */
  text-transform: none !important;
}

/* Booking-Button: Schrift = Inter, Größe & Gewicht steuerbar (nur in diesem Widget) */
.elementor-1243 .elementor-element.elementor-element-d07980e input.wpcf7-submit.btn-form1-submit[type="submit"] {
  font-family: 'Inter', sans-serif !important;
  font-weight: 400 !important;   /* 300/400/500/600/700 nach Wunsch */
  font-size: 15px !important;     /* anpassen */
  line-height: 1.2 !important;
  letter-spacing: 0 !important;   /* ggf. ändern */
  text-transform: uppercase !important;/* Template setzt oft uppercase */
  padding: 20px; 
}

input[type="password"], input[type="email"], input[type="text"], input[type="file"], textarea {
max-width: 100%;
margin-bottom: 15px;
padding: 15px;
height: auto;
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
display: block;
width: 100%;
line-height: 1.5em;
font-family: 'Inter', sans-serif;
font-size: 15px;
font-weight: 400 !important;
}
/* Telefon-Icon im Info-Block gelb färben */
.flaticon-call {
    color: #eae555 !important; /* Gold-Gelb */
}
/* Telefon-Mail im Info-Block gelb färben */
.flaticon-envelope {
    color: #eae555 !important; /* dein Gelb */
    
}

.elementor-1243 .elementor-element.elementor-element-d07980e h5 
    {
        font-family: Inter;
        font-size: 15px;
        font-weight: 400px;
        letter-spacing: 0px;
        
    }

/* Gesamter Bereich Reservations */
.reservations {
    font-family: 'Inter', sans-serif !important;
    margin-top: 90px;
}

/* Icon-Größe und Farbe */
.reservations .flaticon-call:before {
    font-size: 44px; /* Icon-Größe anpassen */
    color: #eae555;  /* Gelb */
}

/* Text "Reservation" */
.reservations p {
    font-size: 16px !important; /* Größe anpassen */
    font-weight: 200; /* Regular */
    margin-left: 20px !important;
    font-family: Inter;
    letter-spacing: 3px;

}

/* Telefonnummer */
.reservations a {
    font-size: 26px !important; /* Größe der Nummer */
    font-weight: 2
    400; /* Semibold */    margin-left: 20px !important;/* End custom CSS */