/**
 * @version 08.07.2024
 *
 * mobile/articles/styles.r.2-tablet.css
 *
 * Skin "mobile"
 */

.ym-gr {
	float: right;
	/*margin: 0 0 0 0px;*/
}

/*** filters in column 1 ***/
.ym-col1 ul.filters > li {
	width: 100%;
}
.ym-col1 ul.filters.count-4 > li.filter-group,
.ym-col1 ul.filters.count-4 > li.filter-articlesPrices {
	width: 100%;
}
.ym-col1 ul.filters.count-4 > li.filter-articlesAvailability,
.ym-col1 ul.filters.count-4 > li.filter-articlesVoting {
	width: 50%;
}

/*** banner "Shop Features" ***/

/*** article.view-details ***/

article.view-details > div.ym-grid > div {
	width: 100%;
	float: left;
}
article.view-details > .ym-grid.block-picture-panel > div {
	display: block;
	width: 100%;
}

article.view-details > .ym-grid.block-picture-panel > div > div {
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}

article.view-details.variants.view-table > .ym-grid.block-picture-panel > div > .col-picture,
article.view-details > .ym-grid.block-picture-panel > div > .col-picture {
	width: 100%;
}

article.view-details.variants.view-table > .ym-grid.block-picture-panel > div > .col-panel,
article.view-details > .ym-grid.block-picture-panel > div > .col-panel {
	width: 100%;
	margin-top: 1em;
	padding: 0;
}
/*
article.view-details > .ym-grid.block-picture-panel > div > .col-description {
}

article.view-details > div.block-picture-panel > .col-picture {

}
*/

article.view-details > div.ym-grid > div.ym-gr {
	margin: 10px 0 0 0px;
}


article.view-details > .ym-grid > .col-1 section.description {
	margin-top: 0em;
}
section.description div.panel-notes div.panel-note-wrapper {
	padding-bottom: 0px;
}
/*
article.view-details section.description .panel-notes .panel-note-wrapper.wrapper-visible > .panel-note > .content {

}

section.description #tabsArticleDetails.ui-tabs .ui-tabs-nav li {

}
*/
section.description #tabsArticleDetails.ui-tabs .ui-tabs-panel {
    padding: 10px 10px;
}

article.view-details section.panel,
article.view-details section.downloads {
	background-image: none;
}

/*
article.view-details section.panel.variations {

}
*/
article.view-details > .ym-grid > .col-2 > .ym-gbox {
	padding: 0px 0px 0px 0;
}

/** table.article-variants-plain **/
table.article-variants-plain .col-article-number {
	width: 15%;
}
table.article-variants-plain .col-price-item {
    display: none;
}

/*** table.variations-articles-table ***/
table.variations-articles-table .col_PartNr,
table.variations-articles-table .col_Ean,
table.variations-articles-table .col_GoodsGroup,
table.variations-articles-table .col_Voting,
table.variations-articles-table .cols_Variations,
table.variations-articles-table .col_PriceItem {
	display: none;
}

table.article-variants-plain .col-article-name div.part-number span.label {
	font-weight: 600;
	font-size: 0.9em;
}
table.article-variants-plain .col-article-name div.part-number span.label:AFTER {
	content: ':';
}

@media screen and ( max-width: 510px )  {
    /** table.article-variants-plain **/
    table.article-variants-plain.with-unit-cells .col-availability,
    table.article-variants-plain.with-unit-cells .col-part-number,
    table.article-variants-plain.with-unit-cells .col-article-number {
		display: none;
    }
	table.article-variants-plain.with-unit-cells .col-article-name div.part-number,
	table.article-variants-plain.with-unit-cells .col-article-name div.availability-number {
		display: block;
	}
	table.article-variants-plain.with-unit-cells .col-price-total {
		hyphens: auto;
	}

	/*** table.variations-articles-table ***/
	table.variations-articles-table.with-unit-cells .col_Availability,
	table.variations-articles-table.with-unit-cells .col_ArtNr {
		display: none;
	}
	table.variations-articles-table.with-unit-cells .col_ArtName div.availability-number {
		display: block;
	}
}

/*** Voting ***/
/** section.details-top-votes **/
section.details-top-votes section.link-to-wizard {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 68%;
}

@media (max-width: 660px) {
	section.details-top-votes > ul {
		grid-template-columns: 50% 50%;
	}
	section.details-top-votes section.link-to-wizard > div.title {
		white-space: normal;
	}
}

@media (max-width: 560px) {
	section.stars-overview {
		--stars-overview-max-width: 100%;
	}
	section.details-top-votes > ul {
		grid-template-areas:
		"summary"
		"to-wizard";
		grid-template-columns: 100%;
	}
	section.details-top-votes section.link-to-wizard {
		position: static;
		padding-top: 2em;
		padding-bottom: 1em;
		transform: translate(0,0);
		width: 100%;
	}
	section.details-top-votes section.link-to-wizard > div,
	section.details-top-votes section.link-to-wizard > div > section > div {
		text-align: center;
		float: none;
	}
	/*.ym-grid.buttons-template.for-wizard.final-step.count-1 > .ym-gr,
	.ym-grid.buttons-template.for-wizard.final-step.count-1 > .ym-gl {
		width: 100%;
		text-align: center;
		float: none;
	}*/
}

/** Voting: Wizard step "Data" **/
@media (max-width: 700px) {
	section.data-article-vote > div {
		grid-template-areas:
		  "article-info"
		  "."
		  "article-vote";
		grid-template-columns: 100%;
		grid-template-rows: auto 10px auto;
	}
	/*
	section.data-article-vote.input > div > .article-info {

	}
	*/
	section.data-article-vote > div > .article-info h2.article-name {
		display: block;
	}
	section.data-article-vote > div > .article-vote h2.article-name {
		display: none;
	}
	section.data-article-vote > div > .article-info section.picture img {
		width: auto;
		/*max-height: 200px;*/
		max-height: var(--section-picture-height);
	}

	/* voting stars */
	section.data-article-vote.input div.field-ajax-fields.stars ul.stars-legend {
		margin-top: 1em;
	}
	section.data-article-vote.input div.field-ajax-fields.stars ul.stars-legend > li {
		width: 100%;
	}
	section.data-article-vote.input div.field-ajax-fields.stars ul.stars-legend > li > div {
		display: block;
		float: none;
		margin: 0 auto;
		text-align: center;
	}
}



/*** Voting ***/
/** bundle bar **/
@media (max-width: 990px) {
	section.data-article-vote > div > div.article-vote div.bundle-bar {
		grid-template-areas: "filter-sort";
		grid-template-columns: 100%;
	}
	section.data-article-vote > div > div.article-vote div.bundle-bar > .ym-gl {
		display: none;
    }
}
/*** Voting: the all votes ***/

section.data-article-vote > div > div.article-info section.summary { /* 08.04.2022 */
	float: none;
}
section.data-article-vote > div > div.article-info section.summary section.stars-overview { /* 08.04.2022 */
	margin: 1em auto;
}
/*
section.data-article-vote.votes {

}
*/
section.data-article-vote > div > div.article-vote div.bundle-bar > .ym-gr {
	width: 100%;
}

section.data-article-vote > div > div.article-vote div.bundle-bar > .ym-gr {
	padding-bottom: 0.5em;
	margin: 0;
}

section.data-article-vote.votes > .ym-grid > .article-vote div.pages-bar.top {
	display: none;
}


/**** start page ****/

.ym-wrapper.wide .free-title.ui-state-default {
	height: 100px;
	padding: 20px 0 0 0px;
	text-align: left;
}

.ym-wrapper.wide .alternate.preview .free-title.ui-state-default {
	padding: 0px 0 0 0px;
}
/*
.ym-wrapper.wide.slider-group-articles {

}
*/