/* flyer.css - für Angebotskästchen */

article.gridflyer	{display: grid; justify-content: center;
									grid-template-columns: 1fr 1fr; gap: 0.4em;
									box-sizing: border-box; margin: 2.0em 3%}

article#flyercontainer a {text-decoration: none}
article#flyercontainer a:visited {text-decoration: none}

article.gridflyer section		{border-radius: 0 0.6em 0.6em 0.6em;
		border: 2px dashed;
		border-color: #961284;
		padding: 0.2em;
		position: relative
}

article.gridflyer section#flyerzeitraum							{background-color: #FBBFD8; color: #961284; border: none;				grid-column: 1 / 2								}
article.gridflyer section#flyerzeitraum	#gueltigztr {font-family: "DaxCompactBold";}

article.gridflyer section	.art_txt			{text-align: left; color: #961284}
article.gridflyer section	p.art_bez			{margin: 0; font-family: "DaxCompactBold";}
article.gridflyer section	p.art_mgeinh	{margin: 0; font-family: "DaxCompact"; font-size: 80%}

article.gridflyer section figure				{margin: 0; }
article.gridflyer section figure img		{max-height: 13em; max-width: 95%}

article.gridflyer section div.biozid		{position: absolute; right: 0; bottom: 5.0em; width: 8.5em; padding: 0.2em 0.3em 0 0; border-bottom: 0.2em solid #FFF;
																				text-align: justify; color: #E22; font-weight: bold; font-size: 60%; line-height: 1.1em}
article.gridflyer section div.biozid::after		{content: "Biozidprodukte vorsichtig verwenden. Vor Gebrauch stets Etikett und Produkt-informationen lesen.";}

article.gridflyer section #sparkasten		{position: absolute; right: 0; bottom: 3.0em; width: 5.0em; padding: 0.2em 0.3em 0 0; border-bottom: 0.2em solid #FFF;
																				text-align: right; color: #961284; background-color: #FBBFD8; font-weight: bold}
article.gridflyer section #sparkasten span					{font-weight: normal; font-size: 60%}
article.gridflyer section #sparkasten span::after		{content: "Sie sparen ";}

article.gridflyer section #preisbox				{position: absolute; right: 0; bottom: 0; width: 5.3em; height: 3.0em; border-radius: 0 0 0.6em 0; text-align: right;
																					color: #F9F9F9; background-color: #961284;
																					background-repeat: no-repeat; background-size: contain; background-position: center right 3px}
article.gridflyer section #preisbox div.euro	{position: relative; right: 0.9em; top: 0.35em; font-family: "DaxCompactBold"; font-weight: bold; font-size: 2.9em;
																							text-align: right}
article.gridflyer section #preisbox div.cent	{position: relative; right: 0.2em; top: -0.5em; font-family: "DaxCompactBold"; font-weight: bold; font-size: 1.4em;
																							text-align: right}
article.gridflyer section #preisbox div.cent::after	{content: "€";}
article.gridflyer section #preisbox div.eurostern		{position: relative; right: 0.05em; top: -3.6em; font-family: "DaxCompactBold"; font-weight: lighter; font-size: 0.6em;}	/*	Formatierung "*"	*/
article.gridflyer section #preisbox div.uvp	{position: relative; left: -0.2em; top: -3.2em; font-family: "DaxCompact"; font-weight: normal; font-size: 0.55em;
																							text-align: right; line-height: 1.05em}
article.gridflyer section #preisbox div.uvpstern	{position: relative; left: -0.05em; top: -3.7em; font-family: "DaxCompact"; font-weight: normal; font-size: 0.55em;
																							text-align: right; line-height: 1.05em}

@media (min-width: 48em) {article.gridflyer		 {display: grid; grid-template-columns: repeat(3, 1fr); max-width: 50em; margin: 2.0em auto; padding: 0 1em 0 1em}
													article.gridflyer section#flyerzeitraum	{font-size: 3em; line-height: normal; grid-column: 1 / 3}}