/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/



/*Allgemein*/
	/*Liste Chrome*/
		.entry-content-wrapper ul {list-style: disc inside;}
		@media screen and (-webkit-min-device-pixel-ratio:0) {}
	/*Fonts*/
	.av-special-heading-tag {font-weight: 400 !important;text-transform: none !important;font-size: 3em;}
	h2.woocommerce-loop-product__title {font-weight:600 !important;min-height: 45px;}
	.price,.price span{font-weight:normal !important;}
	.entry-content ul li {list-style-position: outside !important;margin-left: 1em !important;}

/*Header*/
	/*Logo*/
		.logo a {padding:10%;}
	/*Menü*/
	#menu-item-283 {display: none;}

/*Slider*/
.caption_framed .slideshow_caption .avia-caption-title {background: rgba(0, 0, 0, 0.3);font-size: 3em;font-weight: 400;}

/*Woocommerce*/
	/*Auswahl*/
	.woocommerce_de_versandkosten {display:inline-flex !important;}
	/*Produktansicht*/
		.versandkosten {padding-left: 2px;}
		.product_meta {display:none;}
		.woocommerce-price-suffix,.woocommerce-price-suffix > span:nth-child(1),.woocommerce-price-suffix > span:nth-child(1) > span:nth-child(1) {font-size:10px!important;}
		/*Custom Tab*/
			#tab-title-therapeuten_tab{display: none;}
	/*Shop*/
		/*Buttons*/
		.main_color .avia_cart_buttons.single_button {background-color: #005eab;opacity: 1;}
		.main_color .avia_cart_buttons.single_button:hover {opacity:0.92;}
		.main_color .avia_cart_buttons.single_button a {color:#ffffff !important;}
		.alternate_color .avia_cart_buttons.single_button {background-color: #ffffff;opacity: 1;}
		.alternate_color .avia_cart_buttons.single_button:hover {opacity:1;background-color:#005eab;}
		.alternate_color .avia_cart_buttons.single_button:hover a {color:#ffffff !important;}
		.alternate_color .avia_cart_buttons.single_button a {color:#005eab !important;}
		.product-sorting {color:#969696;}
		.product-sorting .currently-selected,.sort-param > li:hover > span {color:#969696 !important;}
		.sort-param .current-param .avia-bullet,
		.currently-selected strong,
		.alternate_color .sort-param .current-param .avia-bullet,
		.alternate_color .sort-param a:hover,
		.alternate_color .sort-param .current-param a{color:#969696 !important;font-weight:600!important;border-left-color:#969696 !important;}
		.avia-bullet {border-left-color:#969696 !important;}
		/*Widget*/
			.product_list_widget .wgm-info {display: none!important;}
		/*Katalog*/
			.products .product-category {background-color:#005eab;}
			.products .product-category .woocommerce-loop-category__title{color:#ffffff;min-height: 60px;text-align:center;line-height:2.5em;font-size: 1.2em;}
			.page-thumb {display: none;}
	/*Warenkorb*/
	.cart_totals,.checkout-button.button.alt.wc-forward {float:right !important;}
	.woocommerce-cart-form .woocommerce-info {background-color:#005eab;color:#ffffff;}
	/*Checkout*/
	 strong.product-quantity {color:#000000;}
	 #payment {margin:20px 0 40px 0;}
	 .shop_table.woocommerce-checkout-review-order-table {margin:20px 0;}
	 .woocommerce-shipping-fields {display:flex;}
/*Bestellliste*/
.wpt_varition_section select {margin-bottom:0 !important;-webkit-appearance: menulist !important;min-width: 120px;}
.wpt_varition_section {display:inline-flex !important;width:55%;justify-content:end;}
.wpt_product_title {width: 15%;}
.wpt_category {width: 15%;}
.wpt_message {width: 100%;padding: 7px;min-width:90px;}
.wpt_woo_add_cart_button {padding: 5px 8px!important;background: #005eab !important;}
.wpt_table_header_row th {font-size:0.9em !important;text-align:center;}
.all_check_header,
.wpt_live_cart_box {display: none;}
.wpt_product_price span,
.wpt_price span {vertical-align: baseline;}
.wpt_price .wgm-info {display:none !important;}
.wpt_load_more_wrapper {display: none !important;}
#wpt_table {margin-bottom:0;}


/*Newsletter*/
.av-mailchimp-widget .button {background-color:#142f5b !important;color:#ffffff !important; border:none;}


/* ============================================================
   DESKTOP OPTIMIERUNG (BIOCARE DEUTSCHLAND)
   Gilt nur ab 1025px Breite – Mobile/Tablet bleiben unberührt
   ============================================================ */

@media only screen and (min-width: 1025px) {

	/* ---------- 1. Header kompakter & Menü lesbarer ---------- */

	
	/* Hauptmenü: etwas „ruhiger“ und besser klickbar */
	#top .main_menu ul:first-child > li > a {
		padding: 0 18px;
		font-size: 15px;
		letter-spacing: 0.02em;
	}

	/* ---------- 2. Startseite: Produktübersichten als Karten ---------- */

	/* Karten-Style für Produktkacheln (Neue Produkte, Angebote, Katalog) */
	#top .products .product {
		background: #ffffff;
		border: 1px solid #e5e5e5;
		border-radius: 6px;
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
		padding: 15px 15px 20px;
		transition: transform 0.15s ease-out, box-shadow 0.15s ease-out;
	}

	#top .products .product:hover {
		transform: translateY(-3px);
		box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
	}

	/* Produktbilder etwas angleichen und zentrieren */
	#top .products .product img {
		max-height: 220px;
		width: auto;
		margin: 0 auto 10px;
		display: block;
	}

	/* Preis & Buttons optisch besser gruppieren */
	#top .products .product .price {
		font-size: 1.1em;
		font-weight: 600;
		margin-bottom: 6px;
	}

	#top .products .product .button {
		font-size: 0.95em;
		padding: 9px 14px;
	}

	/* ---------- 3. Blog-Teaser / News ---------- */

	/* Mehr Luft zwischen den Beiträgen */
	.template-blog .post,
	.template-page .newsbox .news-wrap {
		margin-bottom: 40px;
	}

	.template-blog .post-title,
	.newsbox .news-headline {
		margin-bottom: 10px;
	}

	/* Teasertext etwas besser lesbar */
	.template-blog .post .entry-content,
	.newsbox .news-excerpt {
		line-height: 1.6;
	}

	/* ---------- 4. Allgemeine Lesbarkeit im Content & Sidebar ---------- */

	/* Standard-Text auf Desktop etwas luftiger */
	.content {
		line-height: 1.6;
	}

	/* Sidebar minimal kleiner, damit sie dezenter wirkt */
	.sidebar {
		font-size: 0.95em;
		line-height: 1.5;
	}

	/* Listen in der Sidebar etwas lockern */
	.sidebar .widget li {
		margin-bottom: 4px;
	}

	/* ---------- 5. Footer aufräumen ---------- */

	#footer .widget {
		margin-bottom: 25px;
	}

	#footer .widgettitle {
		text-transform: uppercase;
		font-size: 0.85em;
		letter-spacing: 0.08em;
		margin-bottom: 10px;
	}
}


/* ============================================================
   FINETUNING FÜR ALLE SEITEN (BIOCARE DEUTSCHLAND)
   – wirkt auf Home, Shop, Bestellliste, News, Team, Konto usw.
   ============================================================ */


/* ---------- 0. Allgemeine Basis-Verbesserungen ---------- */

/* Einheitliche Abstände unter Haupt-Überschriften & Breadcrumbs */
.main_color .title_container .main-title,
.main_color .title_container .breadcrumb {
    margin-bottom: 8px;
}

.breadcrumb {
    font-size: 0.9em;
    opacity: 0.9;
}

/* Lesbarkeit von Textblöcken erhöhen */
.entry-content p {
    line-height: 1.6;
    margin-bottom: 1em;
}

/* Bilder in Inhaltsseiten schön einpassen */
.entry-content img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}

/* Links im Fließtext etwas deutlicher machen */
.entry-content a {
    text-decoration: underline;
    text-decoration-thickness: 1px;
}


/* ---------- 1. Startseite: Blöcke klarer trennen ---------- */

/* Überschriften-Abstände auf der Startseite: „Neue Produkte“, „Angebote“, Blog-Tipps */
.home .content .post-title,
.home .content h2,
.home .content h3 {
    margin-top: 25px;
    margin-bottom: 12px;
}

/* Blog-Teaser am Ende der Startseite etwas luftiger */
.home .content .newsbox {
    margin-top: 25px;
}


/* ---------- 2. Shop-Übersicht (Produkte Archiv / Kategorien) ---------- */

/* Gilt für /shop und Produktkategorien */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    margin-bottom: 28px;
}

/* Produkt-Titel lesbarer und auf 2 Zeilen begrenzen */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    font-size: 1.05em;
    line-height: 1.4;
    min-height: 2.8em; /* zwei Zeilen Platz */
}

/* Meta-Zeile (Preis + Steuerhinweis) etwas komprimieren */
.woocommerce ul.products li.product .price {
    margin-bottom: 4px;
}

/* Dropdowns „Sortieren nach… / Produkte pro Seite“ klarer */
.woocommerce-ordering select,
.woocommerce .woocommerce-result-count {
    font-size: 0.95em;
}


/* ---------- 3. Bestellliste (Produkt-Tabelle) ---------- */

/* Desktop: Tabelle klarer strukturiert */
@media only screen and (min-width: 1025px) {

    /* Kopfzeile stärker abheben */
    #wpt_table table.wpt_product_table thead th {
        background: #f5f5f5;
        font-weight: 600;
        padding: 10px 12px;
        border-bottom: 1px solid #ddd;
    }

    #wpt_table table.wpt_product_table tbody td {
        padding: 8px 12px;
        border-bottom: 1px solid #eee;
        vertical-align: middle;
    }

    /* Produktbild-Spalte schmal halten */
    #wpt_table .wpt_product_image {
        width: 80px;
    }

    #wpt_table .wpt_product_image img {
        max-width: 70px;
        height: auto;
    }

    /* Produkt-Titel hervorheben */
    #wpt_table .wpt_product_title a {
        font-weight: 600;
        line-height: 1.4;
    }

    /* Preis-Spalte rechtsbündig, Menge kompakter */
    #wpt_table .wpt_price {
        text-align: right;
        white-space: nowrap;
    }

    #wpt_table .wpt_quantity {
        white-space: nowrap;
    }
}

/* Mobile Ergänzung: Buttons/Mengen untereinander */
@media only screen and (max-width: 767px) {

    /* etwas mehr Abstand zwischen den Produkten */
    #wpt_table tbody tr {
        border-bottom: 1px solid #eee;
    }

    #wpt_table .wpt_product_title,
    #wpt_table .wpt_price {
        margin-bottom: 4px;
    }

    #wpt_table .wpt_cart_button,
    #wpt_table .wpt_quantity {
        display: inline-block;
        margin-top: 3px;
    }
}


/* ---------- 4. News / Blog ---------- */

/* Blogübersicht (News) – Teaserblöcke trennen */
.blog .post,
.archive .post,
.page-id-? .newsbox .news-wrap { /* Fällt nur, wenn ID passt – schadet nicht, wenn nicht vorhanden */
    margin-bottom: 40px;
}

/* Datum / Kategorien etwas dezenter */
.blog .post .post-meta-infos,
.archive .post .post-meta-infos {
    font-size: 0.9em;
    opacity: 0.8;
}

/* Einzelner Blogartikel – Zeilenlänge begrenzen auf Desktop */
@media only screen and (min-width: 1025px) {
    .single-post .entry-content {
        max-width: 800px;
        margin: 0 auto 40px;
    }
}


/* ---------- 5. Team-Seite ---------- */

/* Bilder & Text besser sortieren */
.page-template-default .team-member,
.page-id-team .entry-content { /* falls eine spezielle ID vorhanden ist */
    text-align: left;
}

/* Team-Bilder zentrieren und absetzen */
.page .entry-content img {
    display: block;
    margin: 0 auto 15px;
}

/* Desktop: Textbreite etwas einschränken, damit sich lange Bios besser lesen */
@media only screen and (min-width: 1025px) {
    .page .entry-content {
        max-width: 900px;
        margin-left: auto;
        margin-right: auto;
    }
}


/* ---------- 6. Mein Konto, Login/Registrierung, Checkout-Formulare ---------- */

/* Formulare allgemein: volle Breite auf kleinen Geräten */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
    width: 100%;
    box-sizing: border-box;
}

/* Desktop: Login/Registrierung und Checkout zentriert & begrenzt */
@media only screen and (min-width: 768px) {

    .woocommerce-account .u-column1,
    .woocommerce-account .u-column2,
    .woocommerce-checkout form.checkout {
        max-width: 480px;
        margin-left: auto;
        margin-right: auto;
    }

    .woocommerce-account .u-column1,
    .woocommerce-account .u-column2 {
        margin-bottom: 40px;
    }
}

/* Login/Registrierung – Buttons etwas breiter und klarer */
.woocommerce form.login .button,
.woocommerce form.register .button {
    padding: 8px 18px;
}


/* ---------- 7. Warenkorb & Summen ---------- */

/* Desktop: Warenkorb-Tabelle lesbarer */
@media only screen and (min-width: 1025px) {
    .woocommerce-cart table.shop_table th,
    .woocommerce-cart table.shop_table td {
        padding: 10px 12px;
    }

    .woocommerce-cart .product-thumbnail img {
        max-width: 70px;
        height: auto;
    }
}

/* Mobile: wir erlauben horizontales Scrollen (Fallback für ältere Themes) */
@media only screen and (max-width: 767px) {
    .woocommerce-cart table.shop_table {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}


/* ---------- 8. Kontakt / Allgemeine Seiten-Footer ---------- */

/* Kontakt-Text etwas größer und luftiger */
.page-id-kontakt .entry-content,
.page-id-?kontakt .entry-content { /* falls Slug/ID variieren – schadet nicht */
    font-size: 1.02em;
    line-height: 1.7;
}

/* Footer-Listen minimal lockern (Service / Informationen / Kategorien) */
#footer .widget ul li {
    margin-bottom: 3px;
}


/* ---------- 9. Kleinere Mobile-Finishes ---------- */

@media only screen and (max-width: 480px) {

    /* Hauptüberschriften auf wirklich kleinen Geräten etwas kleiner */
    h1, .main_color .main-title {
        font-size: 1.6em;
    }

    h2 {
        font-size: 1.3em;
    }

    /* Abstand unter Absätzen leicht vergrößern */
    .entry-content p {
        margin-bottom: 1.1em;
    }
}



/* Responsive Anpassungen */

	@media screen and (min-width:767px) and (max-width: 1200px) {
		.wpt_thumbnails {display: none;}
		#wpt_table .data_product_variations {font-size: 0.8em;display: inline-flex;}
.wpt_varition_section {    display: inline-block !important;width: inherit; justify-content: inherit;}
.wpt_product_price ins::before {display: none !important;}

	}

  @media screen and (max-width: 766px) {
.wpt_product_title {width: inherit;}
.wpt_varition_section {width: inherit; }
.wpt_quantity {padding:0 !important;}
table div.quantity {margin:0 !important;}
  }
	@media screen and (max-width: 600px) {
.logo {width:40% !important;}

	}
	
	/* ============================================================
   MOBILE & TABLET OPTIMIERUNG (BIOCARE DEUTSCHLAND)
   ============================================================ */

/* ---------- 1. Header & Logo ---------- */
/* Logo-Padding auf kleineren Geräten verkleinern,
   damit der Header nicht so hoch ist */
@media only screen and (max-width: 1024px) {
	.logo a {
		padding: 10px 0;
	}
}

/* ---------- 2. Typografie & Slider auf kleineren Screens ---------- */
/* Überschriften und Slider-Titel etwas kleiner, damit nichts umbrechen
   oder abgeschnitten werden muss */

@media only screen and (max-width: 1024px) {
	/* Enfold Spezial-Überschriften */
	.av-special-heading-tag {
		font-size: 2.4em;
	}

	/* Slider-Titel */
	.caption_framed .slideshow_caption .avia-caption-title {
		font-size: 2.2em;
	}
}

@media only screen and (max-width: 767px) {
	.av-special-heading-tag {
		font-size: 2em;
	}

	.caption_framed .slideshow_caption .avia-caption-title {
		font-size: 1.6em;
	}
}

/* ---------- 3. WooCommerce / Shop ---------- */

/* Versandkosten-Hinweis: auf dem Handy untereinander statt nebeneinander */
@media only screen and (max-width: 767px) {
	.woocommerce_de_versandkosten {
		display: block !important;
		margin: 10px 0;
	}
}

/* Checkout: Versandfelder untereinander statt nebeneinander (Flex auflösen) */
@media only screen and (max-width: 767px) {
	.woocommerce-shipping-fields {
		display: block;
	}
}

/* Warenkorb-Layout: Buttons & Summen schön untereinander anordnen */
@media only screen and (max-width: 767px) {
	.cart_totals,
	.checkout-button.button.alt.wc-forward {
		float: none !important;
		width: 100%;
		text-align: right;
	}

	.checkout-button.button.alt.wc-forward {
		display: block;
		margin-top: 10px;
	}
}

/* Warenkorb-/Bestelltabellen: horizontales Scrollen erlauben statt Layoutbruch */
@media only screen and (max-width: 767px) {
	.shop_table {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.shop_table thead th {
		white-space: nowrap;
	}
}

/* ---------- 4. Bestellliste (WPT-Tabelle) ---------- */
/* Die Spalten der Bestellliste sollen auf Tablet/Mobile nicht gequetscht
   oder abgeschnitten sein. */

@media only screen and (max-width: 1024px) {
	#wpt_table {
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	/* Tabelle scrollbar machen, falls es doch eng wird */
	#wpt_table {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	/* Titel, Kategorie und Variations-Auswahl jeweils in ganzer Breite */
	.wpt_product_title,
	.wpt_category,
	.wpt_varition_section {
		width: 100%;
		text-align: left;
	}

	.wpt_varition_section {
		display: block !important;
		margin-top: 5px;
	}

	.wpt_message {
		width: 100%;
		min-width: 0;
	}

	/* Mengenfeld enger machen, damit nichts übersteht */
	.wpt_quantity {
		padding: 0 !important;
	}

	table div.quantity {
		margin: 0 !important;
	}
}

/* ---------- 5. Newsletter / Footer-Formulare ---------- */
/* Formularfelder im Newsletter-Widget auf Mobilgeräten untereinander
   und in voller Breite anzeigen */

@media only screen and (max-width: 767px) {
	.av-mailchimp-widget input[type="email"],
	.av-mailchimp-widget input[type="text"],
	.av-mailchimp-widget select {
		width: 100%;
		box-sizing: border-box;
	}

	.av-mailchimp-widget .button {
		width: 100%;
		text-align: center;
		margin-top: 5px;
	}
}

/* ---------- 6. Allgemeine kleine Feinheiten ---------- */

/* Standard-Schriftgröße auf sehr kleinen Geräten etwas anpassen, 
   damit alles gut lesbar bleibt */
@media only screen and (max-width: 480px) {
	body {
		font-size: 15px;
	}
}