/**
 * @version 03.07.2025
 *
 * styles.r.1-resized.css
 *
 * Skin "mobile"
 */

html.touch-screen-mode div.icon-development,
html.touch-screen-mode div.icon-debug {
	color: red;
}

/*** header ***/
/* h1 {
	line-height: 1em;
} */

/*** .parallax.route-start-page ***/
.parallax.ym-wrapper.wide.layout-footer-prefix {
	background-size: auto calc(var(--prefix-height) * 1.2);
}

.type-1-3 .ym-col1,
.type-1-3-2 .ym-col1 {
	float: none;
	width: 100%;
}
.type-1-3 .ym-col3 {
	margin: 0;
}

/** Layouts titles **/
.type-1-3 .ym-col3 .layout-title.default {
	display: none;
}
.ym-col1 .layout-title.responsive {
	display: block;
}

/** .ui-accordion **/
.ui-accordion .ui-accordion-header {
	margin: 2px 0 1em 0;
}
/** #siteUploads.ui-accordion **/
.ui-accordion .ui-accordion-header {
	margin-bottom: 0;
}

.ui-accordion .ui-accordion-header.ui-accordion-header-active {
	border-style: dashed;
}

.ui-accordion .ui-accordion-content {
	padding: 0 0 0 0;
	border: 0;
}

/**** site uploads accordion ****/
#siteUploads.ui-accordion .ui-accordion-content  {
	--picture-max-width: 100px;
	padding: 10px 10px 10px 10px;
}

#accordionCrossArticles.ui-accordion .ui-accordion-content section.cross-articles {
	border: 0px solid red;
	margin-top: 0em;
}

/** page wide teaser **/
div.page-wideTeaser > div.teaserText {
	padding: 0 0em 1em 0em;
}

/** skin-selector **/
header ul.search-line li section.skin-selector {
    display: none;
}

div.app-dialog-process {
	max-width: 300px;
}

nav#menuPrimaryTouchScreen .ym-wrapper > .ym-wbox {
	padding: 0 !important;
}

nav.articles-groups.horizontal > .ym-wrapper > .ym-wbox  {
   padding: 0 0em !important;
}

ul.ui-autocomplete.menu-touch div.autocomplete-row{
	font-size: 1.5em;
	line-height: 1.5em;
}

article.teaser,
ul.mode-cells > li.item {
   --item-width: 20%; /* 25% > 20% because the left column switched off */
}

@media ( max-width: 1028px ) {
	article.teaser,
	ul.mode-cells > li.item {
		--item-width: 25%; /* 25% = 25% because is less space now for the cells */
	}
}

/* for noted list, where the buttons label is "In den Warenkorb" */
ul.articles-bundle-list.mode-cells > li.item section.buttons > .add-to-shopcart button {
	font-size: 10px;
	font-size: 11px;
}

/*** .cookies-info.detailed ***/
section.cookies-info.detailed {
	width: 100%;
	bottom: 0em;
	left: 0;
	max-width: none;
}

/*** footer ***/
footer ul.layout-footer > li {
	width: 33%;
}
footer ul.layout-footer > li.company-info {
	width: 25%;
}
footer ul.layout-footer > li.site-links {
	width: 100%;
	border: 0px solid;
}

footer ul.site-links {
	border: 0px solid red;
	width: auto;
	margin: 0 auto 1em;
}
footer ul.site-links > li:FIRST-CHILD {
	border-left: 0;
}

@media ( max-width: 840px ) {
    header ul.search-line > li.col-1 {
        width: 68%;
    }
}

/*** footer prefix banner ***/
.ym-wrapper.wide.layout-footer-prefix {
	min-height: 350px;
}
/* titles container */
.ym-wrapper.wide.layout-footer-prefix div.content {
	padding-left: 1em;
	padding-right: 1em; /* because  */
}
/* title small */
.ym-wrapper.wide.layout-footer-prefix div.content div.title-small {
	font-size: 2vw;
}
.ym-wrapper.wide.layout-footer-prefix div.content div.title-big div {
	font-size: 3vw;
}