/*text box bei buchung weite aendern*/
#em-booking .em-booking-form-details input.input, 
.em-booking-form-details textarea { 
    width: 400px; /* Standardbreite für größere Bildschirme */
    max-width: 100%; /* Sorgt dafür, dass es nicht breiter als der Container wird */
}

/* Für kleinere Bildschirme (max. 600px, also typisches Handy) */
@media (max-width: 600px) {
    #em-booking .em-booking-form-details input.input, 
    .em-booking-form-details textarea { 
        width: 100%; /* Füllt den Container aus */
    }
}


/*mainmenu groesse aendern*/
.dt_navbar-nav .nav-link {
    font-size: 20px; /* Schriftgröße anpassen */
    font-weight: bold; /* Optional: Gewicht des Textes ändern */
    text-transform: none; /* Optional: Groß-/Kleinschreibung steuern */
}

/*undermenu groesse*/
.dt_navbar-nav .dropdown-item {
    font-size: 16px; /* Schriftgröße für Dropdown-Elemente */
}

/*button stornieren bei anmelden ausblenden*/
.em-login-cancel {
    display: none !important;
}

/*etwas Abstand bei Tickets in Eventdetails*/
.em-booking-section-title {
    margin-top: 20px;
}
/*WpLogin Abstand*/
.em-login {
    margin-bottom: 20px;
}
/*Hauptfarbe Seite*/
:root {
    --dt-main-rgb: 130, 150, 170;
}
/*SeitenTitel Grösse*/
.dt_pagetitle .dt_pagetitle_content .title > * {
    font-size: 3rem;
}
/*Kategorie und sku entfernen*/
.product_meta {
    display: none !important;
}
/*ähnliche Produkte block entfernen*/
.related.products {
    display: none !important;
}
/*Produkttitel Shop*/
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 20px;
}
/*Produktseite Preis Font Grösse*/
.woocommerce.single .product .woocommerce-Price-amount, .woocommerce.single .product .price {
    font-size: 31px;
}

/*Kasse&Warenkorb Abstand zum header footer*/
.dt-py-default {
    padding-top: 2em;
    padding-bottom: 2rem;
}


/*LoginForm kleiner Zoomeffekt*/
.login form {
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.login form:hover {
    transform: scale(1.02);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
}


/*Mobile Version Zusatz Menu Links (emwc)*/
@media (min-width: 1025px) { /* Desktop-Version */
    .mobile-only {
        display: none !important;
    }
}

/* ================Meine Buchungen Anfang========== */
/* Allgemeine Tabellen-Optimierung */
#dbem-bookings-table {
    width: 100%;
    border-collapse: collapse; /* Ändere zurück zu collapse */
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    background: white;
}

/* Tabellenkopf */
#dbem-bookings-table thead {
    background-color: var(--dt-main-rgb, #112547); /* Hauptfarbe des Themes */
    color: white;
    text-align: left;
    font-weight: bold;
}

#dbem-bookings-table thead th {
    padding: 15px;
    text-transform: uppercase;
    font-size: 14px;
}

/* Zeilen-Styling */
#dbem-bookings-table tbody tr {
    transition: background-color 0.3s ease-in-out;
}

#dbem-bookings-table tbody tr:nth-child(even) {
    background-color: #f9f9f9;
}

#dbem-bookings-table tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

/* Zellen-Styling */
#dbem-bookings-table tbody td {
    padding: 12px 15px;
    border-bottom: 1px solid #ddd;
    text-align: left;
}

/* Links im Text farblich anpassen */
#dbem-bookings-table tbody td a {
    color: var(--dt-main-rgb, #112547);
    font-weight: bold;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}

#dbem-bookings-table tbody td a:hover {
    color: #777675;
}

/* Status Styling */
#dbem-bookings-table tbody td:nth-child(4) {
    font-weight: bold;
    color: #9F9F9F;
}

/* Button-Styling für Aktionen */
.em-bookings-cancel {
    display: inline-block;
    padding: 8px 12px;
    border-radius: 8px;
    background-color: #B4B4B4;
    color: white;
    text-decoration: none;
    transition: background 0.3s ease-in-out;
}

.em-bookings-cancel:hover {
    background-color: #CBC7C7;
}


/* Button-Styling für Aktionen */
.em-booking-pay {
    display: inline-block;
    padding: 8px 12px;
    border-radius: 8px;
    background-color: #8296AA;
    color: white;
    text-decoration: none;
    transition: background 0.3s ease-in-out;
}

.em-booking-pay:hover {
    background-color: #B1C5D8;
}


/* Mobile Optimierung - KEINE THEAD ENTFERNUNG MEHR! */
@media (max-width: 768px) {
    #dbem-bookings-table {
        box-shadow: none;
    }

    #dbem-bookings-table tbody tr {
        display: block;
        margin-bottom: 15px;
        border-radius: 12px;
        background: white;
        padding: 10px;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
    }

    #dbem-bookings-table tbody td {
        display: block;
        text-align: left;
        padding: 8px;
        border-bottom: none;
    }
}


/* 🎯 Abstand zwischen "Stornieren" und "Bezahlen" */
.em-my-bookings-actions-content a:not(:last-child) {
    margin-bottom: 8px;
}

/* 📱 Mobile Optimierung */
@media (max-width: 768px) {
    #dbem-bookings-table thead {
        display: none; /* Tabellenkopf ausblenden */
    }

    #dbem-bookings-table tbody tr {
        display: block;
        margin-bottom: 15px;
        border-radius: 12px;
        background: white;
        padding: 12px;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.08);
    }

    #dbem-bookings-table tbody td {
        display: block;
        text-align: right;
        padding: 8px;
        border-bottom: none;
        position: relative;
    }

    /* Labels für mobile Ansicht */
    #dbem-bookings-table tbody td:before {
        content: attr(data-label);
        position: absolute;
        left: 10px;
        text-align: left;
        font-weight: bold;
        color: #666;
    }
	
	  #dbem-bookings-table tbody td:nth-child(3) {
        display: none;
    }
}
/* ================Meine Buchungen Ende============ */


/* ================OrderViewAnfang============ */
.woocommerce table.shop_table {
    border-collapse: collapse;
}
/* Mobile Stile */
@media (max-width: 990px) {
    .woocommerce-table th.woocommerce-table__product-table,
    .woocommerce-table td.woocommerce-table__product-total {
        display: none; /* Gesamtsumme Spalte in der mobilen Version ausblenden */
    }

    .woocommerce-table th,
    .woocommerce-table td {
        display: block;
        width: 100%;
        box-sizing: border-box;
        border: none; /* Ränder entfernen */
    }

    .woocommerce-table__product-name {
        margin-bottom: 10px;
    }

    .woocommerce-item-meta {
        margin-left: 0; /* Meta-Informationen links ausrichten */
    }

    .woocommerce-columns--addresses {
        display: flex;
        flex-direction: column;
    }

    .woocommerce-column {
        width: 100%;
        margin-bottom: 20px;
    }

    .wc-item-meta {
        padding-left: 0; /* Meta-Informationen links ausrichten */
    }

    .woocommerce-table__line-item {
        padding-bottom: 10px; /* Abstände zwischen den Zeilen */
        border-bottom: 1px solid #ddd; /* Linie unter den Zeilen */
    }

    .woocommerce-table__line-item .woocommerce-table__product-name,
    .woocommerce-table__line-item .woocommerce-table__product-total {
        width: 100%;
    }

    .woocommerce .order_details li {
        margin: 0px 0px; /* Ganze Breite nutzen */
			border-right: 0px solid
    }

    .woocommerce .order_details {
        border-right: none; /* Rechtsrand entfernen */
    }
}
    .woocommerce .order_details li {
        margin: 0px 0px; /* Ganze Breite nutzen */
			border-right: 0px solid
    }
    .wc-item-meta {
        padding-left: 0; /* Meta-Informationen links ausrichten */
        width: 100%; /* Ganze Breite nutzen */
    }
/* ================OrderViewEnde============ */



/* ======== WoocommerceMenu&BookList Anfang ======= */

.woocommerce-MyAccount-navigation {
    background: rgba(); 
    border-radius: 8px;
    padding: 15px;
    width: 100%;
    max-width: px;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.woocommerce-MyAccount-navigation li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* Dezente Trennlinie */
}


.woocommerce-MyAccount-navigation a {
    display: block;
    color: #fff;
    font-weight: 600;
    padding: 12px 15px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    border-radius: 6px;
}



/* ========== TABELLE - WOO-COMMERCE ORDERS ======== */

.woocommerce-orders-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
}

.woocommerce-account .woocommerce-MyAccount-content {
    float: left;
    width: 68%;
    padding: 13px;
}

/* Kopfzeile der Tabelle */
.woocommerce-orders-table thead {
    background: rgba(17, 17, 17, 0.95); /* Dunkles Schwarz */
    color: white;
    text-align: left;
    font-weight: bold;
}

.woocommerce-orders-table thead th {
    padding: 14px;
    font-size: 14px;
    text-transform: uppercase;
}

/* Tabellenzellen */
.woocommerce-orders-table td, 
.woocommerce-orders-table th {
    padding: 12px 15px;
    border-bottom: 1px solid #ddd; /* Einheitliche Linie */
}

/* Letzte Zeile ohne Rand */
.woocommerce-orders-table tbody tr:last-child td {
    border-bottom: none;
}

/* Status-Anzeige */
.woocommerce-orders-table__cell-order-status {
    font-weight: 600;
    color: #333;
}



.woocommerce-orders-table__cell-order-actions a:hover {
    background: #5a1e94; /* Dunklerer Violettton */
}



/* =============== MOBILE-OPTIMIERUNG ============== */
@media (max-width: 990px) {
    .woocommerce-MyAccount-navigation {
        max-width: 100%;
        text-align: center;
        padding: 10px;
    }

	.woocommerce-account .woocommerce-MyAccount-content {
    width: 70%;
}
	
    .woocommerce-MyAccount-navigation li {
        border-bottom: none;
    }

    .woocommerce-orders-table thead {
        display: none; /* Kopfzeile ausblenden */
    }

    .woocommerce-orders-table tbody tr {
        display: block;
        margin-bottom: 10px;
        background: white;
        box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
        border-radius: 8px;
        padding: 12px;
    }

    .woocommerce-orders-table td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px;
        text-align: left;
        border-bottom: none;
        font-size: 14px;
    }
a
    .woocommerce-orders-table__cell-order-actions a {
        width: 100%;
        text-align: center;
        padding: 10px;
    }
}

@media (max-width: 768px) {
	.woocommerce-account .woocommerce-MyAccount-content {
    width: 100%;
    }
}
/* ========= WoocommerceMenu&BookList Ende ======= */

/* ========== Woocommerce Checkout Anfang ==========*/
/* Layout-Wechsel Checkout schon ab 900px */
@media (max-width: 900px) {
  .wc-block-components-sidebar-layout {
    flex-direction: column !important;
  }

  .wc-block-components-main,
  .wc-block-components-sidebar {
    width: 100% !important;
    max-width: 100% !important;
  }
}
@media (max-width: 900px) {
  .wc-block-components-sidebar-layout {
    flex-direction: column !important;
  }

  .wc-block-components-main,
  .wc-block-components-sidebar {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;      /* 🛠️ Entfernt alle Ränder */
    padding: 0 !important;     /* 🛠️ Entfernt alle Innenabstände */
  }

  .wc-block-components-sidebar {
    margin-top: 2rem; /* ✅ Optional: ein schöner Abstand nach oben */
  }
}



@media (max-width: 735px) {
  .wc-block-components-sidebar-layout {
    display: flex !important;
    flex-direction: column !important;
  }
}




/* Optional: Bei Desktopansicht verhindern, dass 'Bearbeiten' zu wenig Platz hat */
.wc-block-components-address-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.wc-block-components-address-card__address-section {
  display: block;
}

/* Button "Bearbeiten" besser lesbar und geschützt */
.wc-block-components-address-card__edit {
  white-space: nowrap; /* verhindert Zeilenumbruch */
  margin-left: 15px;
}
/* ========== Woocommerce Checkout Ende ==========*/
	
/*Slider Anpassung Anfang*/
.dt_slider-content {
    position: relative;
    z-index: 10; /* Sicherstellen, dass der Text nicht unter den Pfeilen liegt */
    max-width: 80%;
    margin: auto;
    text-align: center;
    padding: 20px;
}


.owl-carousel {
    overflow: hidden; /* Verhindert, dass das Bild überläuft */
    max-width: 100%;
}

.owl-stage-outer {
    max-height: 100vh;
}



body, html {
    overflow-x: hidden !important; /* Kein unnötiges Scrollen */
    margin: 0;
    padding: 0;
    width: 100%;
}

.owl-carousel {
    width: 100vw !important; /* Sicherstellen, dass es 100% der Breite nutzt */
    max-width: 100vw;
}




/* Stellt sicher, dass die Pfeile über dem Text bleiben */
.dt_slider-wrapper .slick-prev, 
.dt_slider-wrapper .slick-next {
    z-index: 20; /* Damit die Pfeile sichtbar bleiben */
}


/* Fix für den Bereich zwischen 700px und 1700px */
@media (min-width: 700px) and (max-width: 1700px) {
    .dt_slider-inner {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        padding: 40px 10px; /* Mehr Abstand zum Rand */
    }

    .dt_slider-content {
        max-width: 70%; /* Damit der Text kompakter bleibt */
        padding: 40px; /* Mehr Innenabstand */
    }

    /* Falls nötig, die Höhe der Pfeile anpassen */
    .dt_slider-wrapper .slick-prev, 
    .dt_slider-wrapper .slick-next {
        top: 50%; /* Position auf Höhe des mittleren Texts */
        transform: translateY(-50%);
    }
}

		
.dt_slider-wrapper img {
    object-fit: contain !important;  /* Verhindert abgeschnittene Bilder */
    max-height: 100%;
    width: 100%;
    transform: scale(1.1); /* Verhindert zu starken Zoom */
}
/*Slider Anpassung Ende*/


/*LOGO Fix Mobile*/
.site--logo img {
    max-height: 9rem !important;
}
img.custom-logo {
    object-fit: contain;
    width: auto;
    height: auto;
}


/*QuickLinks etwas nach rechts*/
.widget.widget_nav_menu {
    margin-left: 90px; /* Abstand nach links */
    margin-right: 10px; /* Abstand nach rechts */
}

/*ZahlungBestätigung Fett*/
.woocommerce ul.order_details { 
	font-weight: bold!important; }



/* Deaktiviert den Link, macht ihn nicht anklickbar und entfernt den Stil */
.dt_navbar-shopcart .woocommerce-mini-cart-item a {
    pointer-events: none; /* Macht den Link nicht anklickbar */
    color: inherit; /* Erbt die Textfarbe des umgebenden Textes */
    text-decoration: none; /* Entfernt die Unterstreichung */
}


/* ===== mini Warenkorb Anfang ===== */
/* Entfernt das Bild und passt das Layout der Produktdetails an */
.dt_navbar-shopcart .woocommerce-mini-cart-item {
    display: flex;
    align-items: center; /* Stellt sicher, dass die Items vertikal ausgerichtet sind */
    justify-content: space-between; /* Verhindert, dass die Items zu nah beieinander sind */
    width: 100%; /* Stellt sicher, dass der gesamte Platz verwendet wird */
}

/* Versteckt das Bild vollständig */
.dt_navbar-shopcart .woocommerce-mini-cart-item img {
    display: none !important;
}

/* Macht den Textbereich flexibler und lässt ihn den Platz einnehmen */
.dt_navbar-shopcart .woocommerce-mini-cart-item a,
.dt_navbar-shopcart .woocommerce-mini-cart-item .quantity {
    flex: 1; /* Nimmt den gesamten verfügbaren Platz ein */
    padding-left: 10px; /* Optionaler Abstand zu den anderen Elementen */
}

/* Entfernt die Produkt-Meta-Informationen und stellt den Text an den Anfang */
.dt_navbar-shopcart .woocommerce-mini-cart-item .variation {
    display: none; /* Entfernt die Meta-Informationen wie Event-Datum, Buchungs-ID etc. */
}

/* Sorgt dafür, dass der Preis und die Menge gut ausgerichtet sind */
.dt_navbar-shopcart .woocommerce-mini-cart-item .quantity {
    text-align: right; /* Setzt den Preis nach rechts */
    padding-right: 10px;
}

/* Setzt sicher, dass der gesamte Dropdown-Bereich ausgenutzt wird */
.dt_navbar-shopcart .widget_shopping_cart {
    width: 100%; /* Nimmt die gesamte verfügbare Breite ein */
}
/* ===== mini Warenkorb Ende ===== */

/* ===== Warenkorb Anfang ===== */
/* Macht den Link nicht klickbar und entfernt den Link-Stil */
.wc-block-components-product-name {
    pointer-events: none; /* Verhindert das Klicken auf den Link */
    color: inherit; /* Erbt die Textfarbe des umgebenden Textes */
    text-decoration: none; /* Entfernt die Unterstreichung */
}

/* ===== Warenkorb Ende ===== */