/* 60-product.css
 * Generated from the active LibertyRoots Code Snippets export.
 * Each block keeps the original snippet ID for safe comparison and future cleanup.
 */

/* ============================================================
 * Original Snippet ID 54: WooCommerce - Produktkategorien auf Productseite ausblenden CSS
 * Produktkategorien auf Productseite ausblenden
 * ============================================================ */
/*kategorien auf productseite ausblenden*/
	.posted_in {display: none;}


/* ============================================================
 * Original Snippet ID 55: WooCommerce - Produkt-Tabs Produktseite klein und inline dargestellt CSS
 * Woocommerce Tabs Produktseite klein und inline dargestellt sowie hover-farbe auf theme angepasst
 * ============================================================ */
/*woocommerce tabs produktseite*/
	.woocommerce div.product .woocommerce-tabs ul.tabs li{border-radius:2px;}
	.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:#edbe00;}
	#top div div.product .woocommerce-tabs ul.tabs li.active a{color:#fffffe !important;}
	#top .woocommerce-tabs h2 {font-size: 16px;display: none;}
	
	@media only screen and (max-width: 767px) {#top div div.product .woocommerce-tabs ul.tabs li a {padding: 4px 10px 4px 10px;}
	#top div div.product .woocommerce-tabs ul.tabs li.active a {padding: 4px 10px 4px 10px;}
	#commentform input[type='checkbox'] + label {max-width: 90% ;position:absolute;padding: 0;}
	#top div.product .woocommerce-tabs { margin: 0; }
	#top div div.product .woocommerce-tabs .panel { padding: 15px 6%; }}

	/*Produkt Bewertungen Stylen*/
	.product .woocommerce-Reviews{
		padding: 0 18px;
	}


/* ============================================================
 * Original Snippet ID 56: WooCommerce • Produktseite Layout, Zoom und Lupenmodus • CSS Snippet 
 * Produktseite Zoom Weißer Hintergrund und Bildtitel im Lupenmodus auf Produktseite ausblenden - Layout Produktseite Produktbild anpassen - Layout Produktseite Produktbild Thumpnails anpassen - Produkt Tabs näher an oberen Content - Balken über ähnliche Produkte entfernen - Produkttitel Abstand korigieren - produktbild zoom - Bildtitel im Lupenmodus auf Produktseite ausblenden - Produktbild Buybox 50zu50 - Bundle Beschreibung Material
 * ============================================================ */
/*PRODUKTSEITE ANPASSEN*/
	
	/* Layout Produktseite Produktbild anpassen */
	.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
		width: 12.5%;
	}

	/* Layout Produktseite Produktbild Thumpnails anpassen */
@media only screen and (max-width: 1279px) and (min-width:768px) {
	.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
		width: 16.65%;
	}
	
	/* Produkt Tabs näher an oberen Content */
	#top div.product .woocommerce-tabs {
		padding-top: 0px;
	}
}
	
@media only screen and (max-width: 479px) {
	.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
		width: 16.65%;
	}
}
	
	
	/* Balken über ähnliche Produkte entfernen */
	.single-product div.avia-section:nth-child(3) {
		margin-top: -5px;
	}
	
	
	/* Produkttitel Abstand korigieren */
@media only screen and (max-width: 767px) {
	div.product .product_title {
		padding-left: 0;}
}

	
	/* produktbild zoom */
	#top .product div.images img {
		background: white;
		/*background-image: radial-gradient(farthest-corner at 50% 322%, rgba(0,0,0,0.2) 30%, transparent 55%);*/
	}

	
	/* Bildtitel im Lupenmodus auf Produktseite ausblenden */
	div .mfp-title {
		display: none;
	}
	
	
	/* Produktbild Buybox 50zu50 und 3D Stylen */
	.single-product-main-image {
		overflow: visible;
		width: 50%;
	}
	
	.single-product-main-image .flex-viewport{
		border-radius: var(--radius-element) !important;
		
    			box-shadow: var(--background-image-shadow);
		-webkit-box-shadow: var(--background-image-shadow);
		   -moz-box-shadow: var(--background-image-shadow);
	}
	
	.single-product-main-image .flex-viewport a{
		border: none !important;
		padding: 0;
	}
	
	div.product div.images img {
		padding: 0;
	    border-radius: 10px;
	}
	
	/*.product .single-product-main-image { 
		padding-bottom: 0; 
	}*/
	
	
	/* Bundle Beschreibung Material */
@media only screen and (max-width: 359px) {
	.bundle-material{width: 100% !important;
	}
}
	
	.single-product .title_container .breadcrumb, 
	.single-product .alternate_color .breadcrumb a {
    	color: #37393f !important;
	}
	
	
	/* Beschreibung auf Produktseite Stylen */
	
	#top div.product .woocommerce-tabs .panel,
	#top div div.product .woocommerce-tabs .panel {
		border: none;
		border-radius: 0 1em 1em 1em;
		
			    box-shadow: var(--element-3d);
		-webkit-box-shadow: var(--element-3d);
		   -moz-box-shadow: var(--element-3d);
	}
	
	#top div div.product .woocommerce-tabs ul.tabs li.active a{
		border: none !important;
		border-radius: 0.5em 0.5em 0 0 !important;
		
			    box-shadow: var(--element-3d);
		-webkit-box-shadow: var(--element-3d);
		   -moz-box-shadow: var(--element-3d);
	}
	
	#top div div.product .woocommerce-tabs ul.tabs li a {
   		border: none !important;
		border-radius: 0.5em 0.5em 0 0 !important;
	}
	
	.woocommerce div.product .woocommerce-tabs ul.tabs li {
    	border-radius: 0.5em 0.5em 0 0 !important;
		
			    box-shadow: var(--element-3d);
		-webkit-box-shadow: var(--element-3d);
		   -moz-box-shadow: var(--element-3d);
	}
	
	.last-trust-element-product{
		padding: 0;
	}
	
	.product .inside-grid-column{
		margin-bottom: 0;
	}
	
	/*.produkt-trust-icon{
		margin-bottom: -40px;
	}*/
	
	/* Buybox 3D Stylen */
	#top .variations_form {
	    border: none;
		border-radius: var(--radius-element);
		
			    box-shadow: var(--element-3d);
		-webkit-box-shadow: var(--element-3d);
		   -moz-box-shadow: var(--element-3d);
	}
	
@media only screen and (min-width: 768px) {
	.single-product-summary {
    	overflow: initial;
    	max-width: 47%;
    	float: right;
	}
	
	.single-product-main-image{
		margin-right: 3%;
	}
}
	
@media only screen and (max-width: 767px) {
	.single-product-summary {
    	overflow: initial;
    	max-width: 100%;
	}
}
	
	.iconic-was-swatches--border.iconic-was-swatches--visual .iconic-was-swatch--selected::before { 
		border-radius: 10px;
	}
	.iconic-was-swatches--border.iconic-was-swatches--visual .iconic-was-swatch:before { 
		border-radius: 10px;
		border: none;
	}
	
	
	/* Größen Tabelle */
	table.groessen-tabelle, .groessen-tabelle tbody, .groessen-tabelle tr, .groessen-tabelle td{
		border-color: #1c1d21;
	}
	.groessen-tabelle tr:nth-child(even){
		background-color: #26272b;
	}
	
	/* Alles für Dropdown Produktbeschreibung und andere neue sachen */
		.product-beschreibung-main {
		
	}
	
	.produktbeschreibung-tablist-main .avia-icon-list li {
    	padding: 0;
	}	
	
	.produktbeschreibung-titel{
		padding-left: 5px;
	}
	
	.produktbeschreibung-tablist{
		background:transparent !important;
		padding: 20px 55px 15px 5px !important;
	}
	
	.produktbeschreibung-tablist-main .toggle_content{
		padding: 0 5px 15px 5px !important;
	}
	
	.spaltenabstand-produktbeschreibung{
		width: 1% !important;
	}
	
	.produktbeschreibung-trustpoints{
		padding-right: 5px;
	}
	
	@media only screen and (min-width: 990px){
		.aufdesktopausblenden{
			display: none !important;
		}
		.product-beschreibung-main h4 {
			font-size: 25px !important;
		}
	
		/* Produktbeschreibung auf Desktop Rand */
		.spaltenabstand-produktbeschreibung {
		  width: 3% !important;
		}
		.single-product div.avia-section:nth-child(3) {
		  margin-top: -32px;
		  padding-top: 32px;
		}
		.product-beschreibung-main {
		  padding: 0 18px;
			margin-top: 30px !important;
		}
	}

	@media only screen and (max-width: 989px){
		.aufmobilausblenden{
			display: none !important;
		}
	
		.produktbeschreibung-tablist-main h5{
			text-transform: lowercase !important;
			margin-bottom: 5px !important;
			font-size: 17px !important;
		}
	}
	
	@media only screen and (max-width: 989px) {
		.produktbeschreibung-tablist{
			padding: 15px 55px 10px 5px !important;
		}
		.keine-border-oben {
			border-top: none !important;
		}
		.produktbeschreibung-titel{
			display: none;
		}
		.product-beschreibung-main{
			margin-top: 0 !important;
		}
		.product-beschreibung-main .togglecontainer{
		    margin: 0;
		}
		#werte-und-nachhaltigkeit .toggle_content {
    		padding: 10px 18px 0px 10px !important;
		}
	}
	
	
	@media only screen and (max-width: 489px) {
		.produktbeschreibung-tablist{
			padding: 15px 55px 10px 18px !important;
		}
		#top div div.product .woocommerce-tabs .panel { 
			padding: 4px 2px !important; 
		}
		.produktbeschreibung-tablist-main .toggle_content {
			padding: 0 18px !important;
		}
		.produktbeschreibung-tablist-main #schnitte-im-vergleich .toggle_content, 
		.produktbeschreibung-tablist-main #groessentabelle .toggle_content {
			padding: 0 3px !important;
		}
		.produktbeschreibung-titel{
			display: none;
		}
		.product-beschreibung-main .togglecontainer{
		    margin: 0;
		}
		.groessentabelle_tasche{
			padding-left: 18px;
		}
	}
	
	/* Tabliste Border */
	.produktbeschreibung-tablist-main #schnitte-im-vergleich .toggle_content { 
		border-bottom: none;
	}
	.product-beschreibung-main .flex_column {
		margin-bottom: 0 !important;
	}
	.keine-border-unten,
	.keine-border-unten .toggle_content{
		border-bottom: none !important;
	}
	#schnitte-im-vergleich .toggle_content{
		background: transparent;
	}
	.produktbeschreibung-tablist{
		border-style: solid;
    	border-width: 1px;
	}
	
	.produktbeschreibung-tablist-main p {
    	margin: 0 0 20px;
	}
	.produktbeschreibung-tablist{
		border-top-width: 1px !important;
	}

	.siegel-produktseite{
		max-width: 575px;
	}


/* ============================================================
 * Original Snippet ID 47: WooCommerce - Buy Box CSS
 * CSS der Buy Box anpassen so das mehr übersicht entsteht, Farb und Größen Atribut auf Produktseite anpassen
 * ============================================================ */
/*Kurzbeschreibung ausblenden (farben)*/
	.woocommerce-variation-description { display: none; }
	
	.av-icon-char{
		    color: #ffd500;
	}

	/*Buy Box Anpassen*/
	.product .price {
    	padding: 0 10px;
	}
	
	.product .inner_product_header .price {
    	padding: 0 10px 0 0;
	}
	.woocommerce-loop-product__title {
    	padding-bottom: 5px;
	}
	
	#top .variations_form{
    	padding: 0 10px 0 0;
	}
	
	.variations_form label {
    	display: flex;
    	margin: 0;
	}
	
	.iconic-was-chosen-attribute{
		padding-left: 5px;	
		width: max-content;
	}
	
	.product .legal-price-info{
		padding-left: 10px;
		line-height: 1;
	}
	.entry-summary > div.legal-price-info:nth-child(2), 
	.entry-summary > div.legal-price-info:nth-child(3){
		display: none;
	}
	
	div.variations_button {
    	padding: 10px 10px 8% 10px;
	}
	
	th.label {
		border: none !important;
	}
	
	.product p.wc-gzd-additional-info { 
		margin-top: 0px; 
	}
	
	#top .price, #top .price span, #top del, #top ins { 
		font-size: 25px;
	}
	
	.iconic-was-swatches { 
		margin:  0; 
		padding: 0; 
	}
	
	.single_variation_wrap { 
		/*margin: 0 0 10px 10px;*/
		margin: 0 0 0 10px;
	}
	
	div.product .product_title { 
		font-size: 25px; 
	}
	
	.variations_form a.reset_variations { 
		display: none; 
	}
	
	.product .product_meta { 
		display: none; 
	}
	
	#top .variations_form .variations th{
		padding: 9px 12px 0;
	}
	
	#top .variations_form > table {
    	margin: 0 0 20px 10px;
	}
	
@media only screen and (min-width: 768px) { 
	#zahlungsarten-buybox{
		padding: 0 10px 20px 20px !important;
	}}
	#zahlungsarten-buybox img{
		margin: auto;
		width: 400px;
	}
		
	@media only screen and (max-width: 767px) { 
		#top div.product .woocommerce-tabs { 
			padding: 0; }
		#top .variations_form { 
			padding: 0 3%;}
		.single-product .template-shop { 
			padding-top: 30px; }
		div.product .product_title { 
			font-size: 25px; }
		.usp_check > ul:nth-child(1) {
			padding-left: 5%;}}
	@media only screen and (max-width: 489px) { 
		#top .variations_form { 
			padding: 0;}
	}
	
	/* Steuer Hinweis in Buybox Schriftgröße */


	/*Farb und Größen Atribut auf Produktseite anpassen*/
	#top .variations td.label { 
		width:150px; }
	#top .variations .label label { 
		text-align: left !important ; }
	#top .variations_form .variations tr { 
		background: rgba(0,0,0,0); 
		margin-bottom: 0px; }
	
	.iconic-was-swatches--border.iconic-was-swatches--visual .iconic-was-swatch--selected::before {
		border: 2px solid #ffd500 !important;}
	.reset_variations {
		display: none;}
	
	/*Streichpreis überall gleich*/
	div.product p.price del {
		text-decoration: line-through !important;
		text-decoration-thickness: 3px !important;
		color: #999; }


/* ============================================================
 * Original Snippet ID 194: WooCommerce - Gutschein Seite - CSS Snippet 
 * Das ist ein Beispiel-Snippet zur Demonstration, wie Du eigenen CSS-Code zu Deiner Website hinzufügen kannst. Du kannst es entfernen, oder bearbeiten, um eigenen Inhalt hinzuzufügen.
 * ============================================================ */
/* Überschrift bei Produktvorschlägen ausblenden */
	/*Brief*/
	.postid-22731 .wt-crp-heading,
	.postid-22862 .wt-crp-heading,
	.postid-22865 .wt-crp-heading,
	.postid-22868 .wt-crp-heading,
	
	/*Druck*/
	.postid-22226 .wt-crp-heading,
	.postid-22262 .wt-crp-heading,
	.postid-22266 .wt-crp-heading,
	.postid-22268 .wt-crp-heading
	 {display: none;}


/* ============================================================
 * Original Snippet ID 328: WooCommerce - oLO von Borg Produktseite - CSS Snippet
 * Das ist ein Beispiel-Snippet zur Demonstration, wie Du eigenen CSS-Code zu Deiner Website hinzufügen kannst. Du kannst es entfernen, oder bearbeiten, um eigenen Inhalt hinzuzufügen.
 * ============================================================ */
.postid-28180 .wt-crp-heading,
		.postid-27253 .wt-crp-heading,
		.postid-27243 .wt-crp-heading,
		.postid-27239 .wt-crp-heading,
		.postid-27226 .wt-crp-heading,
		.postid-27215 .wt-crp-heading,
		.postid-27218 .wt-crp-heading{
			display: none !important;
		}
