/*
  Theme Name: Stadtrundfahrt
  Theme URI: https://stadtrundfahrt-stuttgart.de
  Version: 1.0.0
  Template: Divi
  Author: INTERMENUE
  Author URI: https://www.intermenue.de
  Text Domain: stadtrundfahrt
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


.telefon a{
	color:#e49600!important;
}

#top-menu li {
  padding-right: 16px;
}
#top-menu li li a {
  padding: 6px 0px;
}



.et_mobile_menu .first-level > a, .et_mobile_menu .pll-parent-menu-item > a {
position: relative;
}
.et_mobile_menu .first-level > a:after,.et_mobile_menu .pll-parent-menu-item > a:after {
font-family: 'ETmodules';
content: '\4c';
font-weight: normal;
position: absolute;
font-size: 16px;
top: 13px;
right: 10px;
}
.et_mobile_menu .first-level > .icon-switch:after, .et_mobile_menu .pll-parent-menu-item > .icon-switch:after{
content: '\4d';
}
.second-level, .lang-item {
display: none;
}
.reveal-items {
display: block;
}
/* ?? Störende Animationen und Transformationen entfernen */
nav#top-menu-nav ul.sub-menu {
  animation: none !important;
  transform: none !important;
  perspective: none !important;
  backface-visibility: visible !important;
}

/* ?? Übergänge sauber definieren */
nav#top-menu-nav ul.sub-menu {
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px); /* Optional: leicht nach unten „reinrutschen“ */
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
  pointer-events: none;
}

/* ?? Aktiver Zustand beim Hover */
nav#top-menu-nav li.menu-item-has-children:hover > ul.sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  background: #ffffff;
  padding: 1em;
  box-shadow: 0px 0px 16px 5px rgba(204,204,204,0.8);
}
.et_shop_image {
  margin: -1em -1em 0 -1em;
}
.woocommerce-loop-short-description {
    font-size: 15px;
    color: #333;
    margin-top: 10px;
    line-height: 1.4em;
}
.woocommerce ul.products li.product .product-detail-button {
    background-color: #666;
    color: #fff;
    padding: 10px 20px;
    text-align: center;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    transition: background 0.3s ease;
    margin-top: 10px;
}

.woocommerce ul.products li.product .product-detail-button:hover {
    background-color: #444;
}

.woocommerce ul.products li.product .custom-cart-button {
    background-color: #E49600;
    color: #fff;
    border-radius: 4px;
    padding: 10px 20px;
    margin-top: 10px;
}


#anfrage-wrapper {
    background-color: rgba(255, 255, 255, 0.95);
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    max-width: 500px;
    margin-top: 20px;
    animation: fadeIn 0.5s ease-in-out;
}

/* Optional: sanfte Einblendung */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}


/* Buttons nebeneinander */
.cart {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

/* Unverbindliche Anfrage Button */
.anfrage-trigger.button {
    background-color: #0074d9 !important;
    color: #fff !important;
    padding: 12px 20px;
    border-radius: 5px;
    font-weight: bold;
font-size:25px !important;
    text-decoration: none;
    transition: background 0.3s ease;
    border: none !important;
    cursor: pointer;
    white-space: nowrap;
margin:-10px 0 0 8px !important;
}

.anfrage-trigger.button:hover {
    background-color: #005fa3;
}

/* Anfrageformular Button anpassen */
.wpcf7-form input.wpcf7-submit {
    background-color: #f5a623; /* gleiche Farbe wie der Warenkorb-Button */
    color: #fff;
    border: none;
    padding: 12px 24px;
    font-weight: bold;
    border-radius: 3px;
    cursor: pointer;
    transition: background 0.3s ease;
    font-size: 16px;
}

.wpcf7-form input.wpcf7-submit:hover {
    background-color: #d4881c;
}

/* Text auf dem Button ändern */
.wpcf7-submit[value="Senden"] {
    content: "Anfragen";
}

@media (max-width: 980px) {
  .et_pb_shop ul.products.columns-1 li.product, .et_pb_shop ul.products.columns-2 li.product, .et_pb_shop ul.products.columns-3 li.product, .et_pb_shop ul.products.columns-4 li.product, .et_pb_shop ul.products.columns-5 li.product, .et_pb_shop ul.products.columns-6 li.product {
    width: 100% !important;
    margin-right: 4% !important;
  }
}

// et_mobile_nav_menu
// top-menu-nav
@media only screen and (max-width: 1124px) {
  #main-header .container {
    flex-wrap: wrap;
    justify-content: center;
  }

  #et_mobile_nav_menu {
    display: block !important;
  }

  #et_top_nav, #et_secondary_nav {
    display: none !important;
  }

  .et_header_style_split #et-top-navigation {
    display: none !important;
  }
}

/* Mobile Menü (Hamburger) erst anzeigen ab 1124px */
@media only screen and (max-width: 1224px) {
  #et_mobile_nav_menu {
    display: block !important;
  }
  #et_top_navigation, #et_secondary_nav {
    display: none !important;
  }
}


/* Desktop Menü bei Mobilgrößen ausblenden */
@media only screen and (max-width: 1224px) {
  #top-menu-nav {
    display: none !important;
  }
}

@media only screen and (min-width: 600px) and (max-width: 700px) {
  .wpcf7-form textarea {
    width: 100% !important;
    max-width: 600px !important;
    box-sizing: border-box !important;
  }
}


/* Tab Navigation im Woo Product Tabs Modul auffälliger gestalten */
.et_pb_woo_tabs .woocommerce-tabs .wc-tabs li a {
    background-color: #f5f5f5;     /* inaktive Tab-Hintergrund */
    color: #333333;                /* inaktive Tab-Textfarbe */
    padding: 12px 20px;
    margin-right: 5px;
    border-radius: 4px 4px 0 0;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.et_pb_woo_tabs .woocommerce-tabs .wc-tabs li a:hover {
    background-color: #e0e0e0;
    color: #000000;
}

.et_pb_woo_tabs .woocommerce-tabs .wc-tabs li.active a,
.et_pb_woo_tabs .woocommerce-tabs .wc-tabs li a:focus {
    background-color: #0074d9;     /* aktive Tab Hintergrundfarbe */
    color: #ffffff !important;     /* aktiver Tab Text in weiß */
    position: relative;
}

.et_pb_woo_tabs .woocommerce-tabs .wc-tabs li.active a::after {
    content: "";
    display: block;
    height: 4px;
    background-color: #005fa3;     /* Unterlinie beim aktiven Tab */
    position: absolute;
    bottom: 0;
    left: 10%;
    right: 10%;
    border-radius: 2px;
}

.woocommerce-tabs .panel {
    padding: 20px;
    border: 1px solid #e0e0e0;
    border-top: none;              /* sodass Tab-Reiter oben dran sitzen */
    background-color: #ffffff;
}