/* bestellung.css */

header.bestheaderro		{background-image: url(../img/freiwahl.jpg); background-position: center center; background-size: cover; background-clip: border-box;
				background-repeat: no-repeat; height: 40vh}

header.bestheaderko		{background-image: url(../img/vorbest.jpg); background-position: center center; background-size: cover; background-clip: border-box;
				background-repeat: no-repeat; height: 40vh}

.bestell			{flex: 1; padding: 0.5em 0.5em 0.5em 0.5em; max-width: 25.0em}
.bestell h1		{margin: 0 0 0.2em 0; font-size: 1.4em; line-height: 1.2em; text-align: left; color: #961284}
.bestell ul		{list-style-type:circle; margin-top: 0; margin-bottom: 0.5em; margin-left: 0; padding-left: 1.1em}
.bestell li		{margin-left: 0; margin-top: 0.3em; padding-left: 0.2em;}
.bestellfenster	{flex: 1; max-width: 30.0em; margin: 1.0em}
@media (min-width: 48em) {.bestell {flex-grow: 0.5; flex-basis: 50%; flex-shrink: 1;}
													.bestellfenster {max-width: 50.0em; flex-grow: 0.5; flex-basis: 99%; flex-shrink: 1;}}

article#bestellbild	{display: flex; flex-direction: column; justify-content: center; font-size: 1.0em;}
@media (min-width: 48em) {article#bestellbild {flex-direction: row;}}

/*	tabnav		*/
#tabnav {
  width:100%;
  font-size:130%;
  line-height:normal;
  }

#tabnav ul {
  list-style:none; display: flex;
  margin: 0;
  padding: 0;
  border-bottom:  2px solid #888;
  height: 3.0em;			/*	gleiche Höhe von ul und li#aktiv !	*/
  }

#tabnav li {
  flex: 1;
  margin: 0 0.2em 0 0.2em;
  padding:0;
  background-color: #E0E0DE;
  border-top: 2px solid #888;
  border-right: 2px solid #888;
  border-left: 2px solid #888;
  cursor: pointer;
  }

#tabnav li:first-of-type {margin-left: 0;}
#tabnav li:last-of-type {margin-right: 0;}

li#tabrez			{background-color: #FCECEF;}
li#tabsonst		{background-color: #D7EBE0;}

#tabnav li.tabaktiv{
	background-color: #F6F6F6;
	height: 3.0em;
}

#tabnav li.tabaktiv {
	color: #961284; font-weight: bold;
}

@media (min-width: 48em) {
	#tabnav		{font-size: 110%}
	#tabnav li { margin: 0 0.4em 0 0.4em;}
}

/*	tabnav	ENDE	*/

/*	allg. Rezeptfarben	(z.B. auswahl.html	*/
.rx_r       {background-color: #FCECEF; border-color: #F2AFBF; border-style: solid; color: #606060}
.rx_g       {background-color: #FFFFF5; border-color: #D69AC9; border-style: solid; color: #606060}
.rx_b       {background-color: #E4EBF7; border-color: #7983D1; border-style: solid; color: #606060}
.rx_s				{border: 1px solid #D7EBE0; color: #606060}

.infofeldb      {border: 1px solid #E4EBF7; color: #666; background-color: #E4EBF7}
.infofeldg      {border: 1px solid #FFFFF5; color: #666; background-color: #FFFFF5}
.infofeldv      {border: 1px solid #EFEFEF; color: #666; background-color: #EFEFEF}
/*	---	*/

/*	Formatierung Fehlermeldung id='Fehlerhinweis' Fehler n = neutral	*/
div.fehlerkasten_f			{font-family: DaxCompact; font-size:1.1em; font-weight: bold; color: #E22; border: 2px solid #E22; padding: 4px; margin: 0.5em 0.5em 0 0}
div.fehlerkasten_n			{font-family: DaxCompact; font-size:1.1em; font-weight: bold; color: #606060; border: 2px solid #EEF; padding: 4px; margin: 0.5em 0.5em 0 0}
div.fehlerkasten_sonst	{font-family: DaxCompact; font-size:1.1em; font-weight: bold; color: #E22; border: 2px solid #D7EBE0; padding: 4px; margin: 0.5em}
div.fehlerkasten_rxr		{font-family: DaxCompact; font-size:1.1em; font-weight: bold; color: #E22; border: 2px solid #FCECEF; padding: 4px; margin: 0.5em}
div.fehlerkasten_rxg		{font-family: DaxCompact; font-size:1.1em; font-weight: bold; color: #E22; border: 2px solid #FFFFF5; padding: 4px; margin: 0.5em}
div.fehlerkasten_rxb		{font-family: DaxCompact; font-size:1.1em; font-weight: bold; color: #E22; border: 2px solid #E4EBF7; padding: 4px; margin: 0.5em}

/* Frame - Definitionen	*/
iframe	{width: 100%; border: none}
body.rahmenfoto	{padding: 0; margin: 0; background-color: #EEF; font-family: 'DaxCompact';
						border-left: 2px solid #888; border-right: 2px solid #888; border-bottom: 2px solid #888}
body.rahmenrezr	{padding: 0; margin: 0; background-color: #FCECEF; font-family: 'DaxCompact';
						border-left: 2px solid #888; border-right: 2px solid #888; border-bottom: 2px solid #888}
body.rahmenrezg	{padding: 0; margin: 0; background-color: #FFFFF5; font-family: 'DaxCompact';
						border-left: 2px solid #888; border-right: 2px solid #888; border-bottom: 2px solid #888}
body.rahmenrezb	{padding: 0; margin: 0; background-color: #E4EBF7; font-family: 'DaxCompact';
						border-left: 2px solid #888; border-right: 2px solid #888; border-bottom: 2px solid #888}
body.rahmensonst	{padding: 0; margin: 0; background-color: #D7EBE0; font-family: 'DaxCompact';
						border-left: 2px solid #888; border-right: 2px solid #888; border-bottom: 2px solid #888}
body.rahmenauswahl	{padding: 0; margin: 0; background-color: #F9F9F9; font-family: 'DaxCompact';
						border-left: 2px solid #888; border-right: 2px solid #888; border-bottom: 2px solid #888}
@media (min-width: 48em)  {iframe	{width: 100%; }}

/* Formularfelder	- Bestellformulare	*/
/* umschließende Blöcke für Formulargruppen (formblock: rechts + unten)	*/

.fileinputblock					{display: inline-block; vertical-align: top; max-width: 98%; overflow: hidden}
input:invalid						{border-color: red;}
.formblock							{display: inline-block; width: 90%}
.formblock div					{text-align: left;}
.inputfoto, .inputfototoggle			{position: relative; top: 0.5em; margin-bottom: 2.0em;}
.inputfoto	label				{position: absolute; top: -1.2em; color: #666; font-size: 1.2em}
.inputfoto	input, .inputfototoggle input	{font-family: DaxCompact; min-width: 95%; font-size: 1.3em; margin-top: 0.2em; border: 2px solid #FBBFD8; border-radius: 4px}

::placeholder		 {color: #666;	opacity: 0.7; font-size: 0.9em}
 
.inputsonst					{display: inline-block; position: relative; top: 1.5em; margin-bottom: 2.0em; width: 100%}
.inputsonst label		{position: absolute; top: -1.5em; color: #666; font-size: 1.2em}
.inputsonst	input		{font-family: DaxCompact; width: 94%; font-size: 1.3em; margin-top: 0.2em; border: 1px solid #3D785F; border-radius: 4px}
.inputzeile					{position: relative; top: 1.3em; margin-bottom: 2.0em;}			/*	grün	*/
.inputzeile+.inputzeile {top: 0}
.inputzeile+.inputzeile+.inputzeile {top: -1.3em; margin-bottom: 0}
.inputzeile label		{position: absolute; top: -1.3em; color: #666; font-size: 1.2em}
.inputzeile	input		{font-family: DaxCompact; width: 94%; font-size: 1.3em; margin-top: 0.2em; border: 1px solid #3D785F; border-radius: 4px}

.inputrxr, .inputrxg, .inputrxb										{position: relative; top: 1.5em; margin-bottom: 2.0em;}
.inputrxr label, .inputrxg label, .inputrxb label	{position: absolute; top: -1.5em; color: #666; font-size: 1.2em}
.inputrxr	input						{font-family: DaxCompact; width: 94%; font-size: 1.3em; margin-top: 0.2em; border: 1px solid #F2AFBF; border-radius: 4px}
.inputrxr1, .inputrxb1							{display: inline-block; position: relative; top: 1.5em; margin-bottom: 2.0em; width: 100%}			/*	Wie inputrxr, jedoch 2-spaltig und volle Breite	*/
.inputrxr1 label, .inputrxb1 label	{position: absolute; top: -1.5em; color: #666; font-size: 1.2em}
.inputrxr1 input		{font-family: DaxCompact; width: 94%; font-size: 1.3em; margin-top: 0.2em; border: 1px solid #F2AFBF; border-radius: 4px}
.inputrxb1 input		{font-family: DaxCompact; width: 94%; font-size: 1.3em; margin-top: 0.2em; border: 1px solid #7983D1; border-radius: 4px}
.inputrxr2					{display: inline-block; position: relative; top: 1.5em; margin-bottom: 2.0em;}			/*	Wie inputrxr, jedoch 2-spaltig	*/
.inputrxr2 label		{position: absolute; top: -1.5em; color: #666; font-size: 1.2em}
.inputrxr2	input		{font-family: DaxCompact; max-width: 6.0em; font-size: 1.3em; margin-top: 0.2em; border: 1px solid #F2AFBF; border-radius: 4px}

.inputrxg	input		{font-family: DaxCompact; width: 94%; font-size: 1.3em; margin-top: 0.2em; border: 1px solid #D69AC9; border-radius: 4px}
.inputrxb	input		{font-family: DaxCompact; width: 94%; font-size: 1.3em; margin-top: 0.2em; border: 1px solid #7983D1; border-radius: 4px}

.bestellnr					{position: relative; left: 2.0em;}
.bestellnr	label		{position: absolute; left: -2.2em; top: 0.1em; color: #666; font-family: DaxCompact; font-size: 0.85em}
.bestellnr	input		{font-family: DaxCompact; font-size: 0.8em; min-width: 98%; color: #666; border: 0; margin: 0; background: none} /* wie normalen Text formatieren	*/
.bestellnrrx				{border: 0; margin: 0;}
.bestellnrrx	label	{color: #666; font-family: DaxCompact; font-size: 1.0em}
.bestellnrrx	input	{font-family: DaxCompact; font-size: 1.0em; color: #666; border: 0; margin: 0; background: none} /* wie normalen Text formatieren	*/

@media (min-width: 48em)  {.inputfoto	input, .inputfototoggle input {min-width: 20.0em;}
													 .inputrxr input		{ width: inherit; min-width: 20.0em; max-width: 94%;}
													 .inputsonst				{ width: 49%;}
													 .inputsonst	input	{ width: inherit; width: 95%;}
													 .inputzeile	input	{ width: inherit; width: 96%;}		/* grün!	*/
													 .inputzeilesonst		{ width: 94%;}
													 .inputrxr1					{ width: 45%;}
													 .inputrxr1	input		{ width: inherit; width: 95%;}
													 .inputrxr2	input		{ width: inherit; min-width: 8.0em;  max-width: 80%;}
													 .formblock					{width: 50%}}

/*	Bestellung: Tabelle - Abholzeiten	*/
table#t_abholzeiten_ro, table#t_abholzeiten_ko							{font-family: DaxCompact; font-size: 1.0em; border-collapse: separate; border-spacing: 0;}
table#t_abholzeiten_ro th,	 table#t_abholzeiten_ko	th					{font-weight: bold; padding: 0.3em 0 0.3em 0; background-color: #CCE986; border-right: 1px solid #CCE986; border-left: 1px solid #CCE986}
table#t_abholzeiten_ro td,	 table#t_abholzeiten_ko	td					{line-height: 1.2em}
table#t_abholzeiten_ro th::after,		 table#t_abholzeiten_ko	th::after			{content: "Medikament bestellt bis:";}
table#t_abholzeiten_ro th+th::after, table#t_abholzeiten_ko	th+th::after	{content: "abholbereit ab:\00A0\00A0\00A0";}

table#t_abholzeiten_ro tr:nth-of-type(2) td				{min-width: 4.0em; border-left: 2px solid #99D420}
table#t_abholzeiten_ro tr:nth-of-type(2) td::after	{content: "Mo.-Fr."; font-weight: normal;}
table#t_abholzeiten_ro tr:nth-of-type(2) td+td				{min-width: 6.0em; border-left: 0}
table#t_abholzeiten_ro tr:nth-of-type(2) td+td::after	{content: "11:00 Uhr";}
table#t_abholzeiten_ro tr:nth-of-type(2) td+td+td				{min-width: 4.0em; border-left: 2px solid #99D420}
table#t_abholzeiten_ro tr:nth-of-type(2) td+td+td::after	{content: "Mo.-Fr.";}
table#t_abholzeiten_ro tr:nth-of-type(2) td+td+td+td				{min-width: 5.0em; border-left: 0; border-right: 2px solid #99D420}
table#t_abholzeiten_ro tr:nth-of-type(2) td+td+td+td::after	{content: "14:00 Uhr";}
table#t_abholzeiten_ro tr:nth-of-type(3) td				{border-left: 2px solid #99D420}
table#t_abholzeiten_ro tr:nth-of-type(3) td::after	{content: "\00A0";}
table#t_abholzeiten_ro tr:nth-of-type(3) td+td				{border-left: 0}
table#t_abholzeiten_ro tr:nth-of-type(3) td+td::after	{content: "14:00 Uhr";}
table#t_abholzeiten_ro tr:nth-of-type(3) td+td+td				{border-left: 2px solid #99D420}
table#t_abholzeiten_ro tr:nth-of-type(3) td+td+td::after	{content: "\00A0";}
table#t_abholzeiten_ro tr:nth-of-type(3) td+td+td+td			{border-left: 0; border-right: 2px solid #99D420}
table#t_abholzeiten_ro tr:nth-of-type(3) td+td+td+td::after	{content: "17:00 Uhr";}
table#t_abholzeiten_ro tr:nth-of-type(4) td				{border-left: 2px solid #99D420}
table#t_abholzeiten_ro tr:nth-of-type(4) td::after	{content: "\00A0";}
table#t_abholzeiten_ro tr:nth-of-type(4) td+td				{border-left: 0}
table#t_abholzeiten_ro tr:nth-of-type(4) td+td::after	{content: "17:00 Uhr";}
table#t_abholzeiten_ro tr:nth-of-type(4) td+td+td				{border-left: 2px solid #99D420}
table#t_abholzeiten_ro tr:nth-of-type(4) td+td+td::after	{content: "\00A0";}
table#t_abholzeiten_ro tr:nth-of-type(4) td+td+td+td			{border-left: 0; border-right: 2px solid #99D420}
table#t_abholzeiten_ro tr:nth-of-type(4) td+td+td+td::after	{content: "08:00 Uhr";}
table#t_abholzeiten_ro tr:nth-of-type(5) td				{border-left: 2px solid #99D420; border-bottom: 2px solid #99D420}
table#t_abholzeiten_ro tr:nth-of-type(5) td::after	{content: "nur Sa.";}
table#t_abholzeiten_ro tr:nth-of-type(5) td+td				{border-left: 0}
table#t_abholzeiten_ro tr:nth-of-type(5) td+td::after	{content: "12:00 Uhr";}
table#t_abholzeiten_ro tr:nth-of-type(5) td+td+td				{border-left: 2px solid #99D420}
table#t_abholzeiten_ro tr:nth-of-type(5) td+td+td::after	{content: "nur Sa.";}
table#t_abholzeiten_ro tr:nth-of-type(5) td+td+td+td			{border-left: 0; border-right: 2px solid #99D420}
table#t_abholzeiten_ro tr:nth-of-type(5) td+td+td+td::after	{content: "15:00 Uhr";}

table#t_abholzeiten_ko tr:nth-of-type(2) td				{min-width: 4.0em; border-left: 2px solid #99D420}
table#t_abholzeiten_ko tr:nth-of-type(2) td::after	{content: "Mo.-Fr."; font-weight: normal;}
table#t_abholzeiten_ko tr:nth-of-type(2) td+td				{min-width: 6.0em; border-left: 0}
table#t_abholzeiten_ko tr:nth-of-type(2) td+td::after	{content: "09:00 Uhr";}
table#t_abholzeiten_ko tr:nth-of-type(2) td+td+td				{min-width: 4.0em; border-left: 2px solid #99D420}
table#t_abholzeiten_ko tr:nth-of-type(2) td+td+td::after	{content: "Mo.-Fr.";}
table#t_abholzeiten_ko tr:nth-of-type(2) td+td+td+td				{min-width: 5.0em; border-left: 0; border-right: 2px solid #99D420}
table#t_abholzeiten_ko tr:nth-of-type(2) td+td+td+td::after	{content: "16:00 Uhr";}
table#t_abholzeiten_ko tr:nth-of-type(3) td				{border-left: 2px solid #99D420}
table#t_abholzeiten_ko tr:nth-of-type(3) td::after	{content: "\00A0";}
table#t_abholzeiten_ko tr:nth-of-type(3) td+td				{border-left: 0}
table#t_abholzeiten_ko tr:nth-of-type(3) td+td::after	{content: "12:00 Uhr";}
table#t_abholzeiten_ko tr:nth-of-type(3) td+td+td				{border-left: 2px solid #99D420}
table#t_abholzeiten_ko tr:nth-of-type(3) td+td+td::after	{content: "\00A0";}
table#t_abholzeiten_ko tr:nth-of-type(3) td+td+td+td			{border-left: 0; border-right: 2px solid #99D420}
table#t_abholzeiten_ko tr:nth-of-type(3) td+td+td+td::after	{content: "18:00 Uhr";}
table#t_abholzeiten_ko tr:nth-of-type(4) td				{border-left: 2px solid #99D420}
table#t_abholzeiten_ko tr:nth-of-type(4) td::after	{content: "\00A0";}
table#t_abholzeiten_ko tr:nth-of-type(4) td+td				{border-left: 0}
table#t_abholzeiten_ko tr:nth-of-type(4) td+td::after	{content: "18:00 Uhr";}
table#t_abholzeiten_ko tr:nth-of-type(4) td+td+td				{border-left: 2px solid #99D420}
table#t_abholzeiten_ko tr:nth-of-type(4) td+td+td::after	{content: "\00A0";}
table#t_abholzeiten_ko tr:nth-of-type(4) td+td+td+td			{border-left: 0; border-right: 2px solid #99D420}
table#t_abholzeiten_ko tr:nth-of-type(4) td+td+td+td::after	{content: "09:00 Uhr";}
table#t_abholzeiten_ko tr:nth-of-type(5) td				{border-left: 2px solid #99D420; border-bottom: 2px solid #99D420}
table#t_abholzeiten_ko tr:nth-of-type(5) td::after	{content: "nur Sa.";}
table#t_abholzeiten_ko tr:nth-of-type(5) td+td				{border-left: 0}
table#t_abholzeiten_ko tr:nth-of-type(5) td+td::after	{content: "09:00 Uhr";}
table#t_abholzeiten_ko tr:nth-of-type(5) td+td+td				{border-left: 2px solid #99D420}
table#t_abholzeiten_ko tr:nth-of-type(5) td+td+td::after	{content: "nur Sa.";}
table#t_abholzeiten_ko tr:nth-of-type(5) td+td+td+td			{border-left: 0; border-right: 2px solid #99D420}
table#t_abholzeiten_ko tr:nth-of-type(5) td+td+td+td::after	{content: "13:30 Uhr";}


/* Bestellzeilentabelle mit ai-Feld (links)		*/
table.bestellzeilen	{font-family: DaxCompact; padding-left: 0.9em; width: 94%; margin-top: 0.5em; margin-bottom: 1.5em}
td.aitext						{width: 2.6em; font-size: 0.9em; line-height: 100%; color: #666}							/*	= Spaltenbreite ai-Spalte		*/
td.labeltext				{font-size: 1.3em; color: #666; text-align: left}
td.inputaizeiler, td.inputaizeileg, td.inputaizeileb			{display: inline-block; width: 100%;}																					/* für Bestellzeile Rezept nach ai-Feld	*/
td.inputaizeiler input	{font-family: DaxCompact; width: 100%; font-size: 1.3em; margin-top: 0.2em; border: 1px solid #F2AFBF; border-radius: 4px}
td.inputaizeileg input	{font-family: DaxCompact; width: 100%; font-size: 1.3em; margin-top: 0.2em; border: 1px solid #D69AC9; border-radius: 4px}
td.inputaizeileb input	{font-family: DaxCompact; width: 100%; font-size: 1.3em; margin-top: 0.2em; border: 1px solid #7983D1; border-radius: 4px}

/*	checkboxen Kundenkarte, Zuzahlungsbefreiung		*/

.checkbox_kkzz						{display: inline-block; text-align: center; height: 2.0em; position: relative; top: 0.5em; margin-left: 0.5em; margin-bottom: 2.0em; width: 8.0em;}
.checkbox_kk							{display: block; height: 2.0em; position: relative; top: 1.5em; margin-bottom: 2.0em;}
.checkbox_kkzz label			{position: absolute; top: -2.7em; left: 0; color: #666; font-size: 1.3em; width: 100%}
.checkbox_kk	 label			{position: absolute; top: -2.7em; left: 0; color: #666; font-size: 1.3em; width: 100%}
.checkbox_kkzz input[type="checkbox"], .checkbox_kk input[type="checkbox"]	{display:none;}

.checkbox_kkzz input[type="checkbox"] + label p {
		display: block;
		width:	1.2em;
    height:	1.2em; border-radius: 4px;
		position: relative; top: 4.2em; left: 2.1em; z-index: 2;
		background-color: #FFF;	border: 1px solid #F2AFBF;
}
.checkbox_kk input[type="checkbox"] + label p {
		display: block;
		width:	1.2em;
    height:	1.2em; border-radius: 4px;
		position: relative; top: 2.8em; left: 45%; z-index: 2;
		background-color: #FFF;
}
.checkbox_kkzz input[type="checkbox"] + label span, .checkbox_kk input[type="checkbox"] + label span {
    display: block;
    position: relative; top: -0.1em; left: -0.1em; z-index: 3;
    width:	1.5em;
    height:	1.5em;
    margin: 0;
    /*	background:url(none) no-repeat;	*/
    cursor:pointer;
}

.checkbox_kkzz input[type="checkbox"]:checked + label span, .checkbox_kk input[type="checkbox"]:checked + label span {
    background:url(../img/dialog-ok-apply32.png) no-repeat;
}
@media (min-width: 48em)  {.checkbox_kkzz				{top: 1.5em; width: 16.0em;}
													 .checkbox_kk					{min-width: 20.0em; height: 3.0em}
													 .checkbox_kkzz label {left: -1.0em;}
													 .checkbox_kk		label {font-size: 1.2em}
													 .checkbox_kkzz input[type="checkbox"] + label p {top: 3.0em; left: 5.6em}
													 .checkbox_kk		input[type="checkbox"] + label p {top: 3.0em; left: 48.5%}
													}

/* Bildvorschau (orderform_foto.html), Ladekreis	*/
.vorschau {
	max-width: 11.0em;
	margin: 0.2em;
	position: relative;
	z-index: 0;
}
#loading	{position: absolute; left: 45%; top: 0; width: 3em; height: auto; transform: translate(-50%,-100%); display: none;
					z-index: 2
}
@media (min-width: 48em)  {.vorschau {margin: 1.0em 1.0em 0 0;}}

/*	Buttons in Rezeptformularen	(absenden u.s.w. unten)	*/
div.buttons										{margin-top: 1.0em; margin-bottom: 1.0em}
body.rahmenrezr div.buttons button, body.rahmenrezg div.buttons button, body.rahmenrezb div.buttons button, body.rahmensonst  div.buttons button, body.rahmenfoto  div.buttons button
									 {height: 2.0em; width: 6.5em; font-family: DaxCompact; font-size: 1.3em; font-weight: bold; color: #FFFFFF;
										border: 2px solid #961284; border-radius: 0 0.3em 0.3em 0.3em; background-color: #961284;
										transition: background-color .25s ease-in-out;  transition: color .25s ease-in-out;
										cursor: pointer;}
body.rahmenrezr div.buttons button:link, body.rahmenrezg div.buttons button:link, body.rahmenrezb div.buttons button:link, body.rahmensonst div.buttons button:link, body.rahmenfoto div.buttons button:link				{color: #FFFFFF;}
body.rahmenrezr div.buttons button:hover, body.rahmenrezg div.buttons button:hover, body.rahmenrezb div.buttons button:hover, body.rahmensonst div.buttons button:hover, body.rahmenfoto div.buttons button:hover			{color: #961284; background-color: #F6F6F6;}
body.rahmenrezr div.buttons button:active, body.rahmenrezg div.buttons button:active, body.rahmenrezb div.buttons button:active, body.rahmensonst div.buttons button:active, body.rahmenfoto div.buttons button:active		{color: #961284; background-color: #F6F6F6;}
body.rahmenrezr div.buttons button:visited, body.rahmenrezg div.buttons button:visited, body.rahmenrezb div.buttons button:visited, body.rahmensonst div.buttons button:visited, body.rahmenfoto div.buttons button:visited	{color: #FFFFFF;}

/*	body.rahmensonst div.buttons button {height: 2.0em; width: 6.5em; font-family: DaxCompact; font-size: 1.3em; font-weight: bold; color: #FFFFFF;
										border: 2px solid #961284; border-radius: 0 0.3em 0.3em 0.3em; background-color: #961284;
										transition: background-color .25s ease-in-out;  transition: color .25s ease-in-out;
										cursor: pointer;}	*/

@media (min-width: 48em)  { div.buttons button {font-size: 1.1em;}}

/*	Hilfetexte	(Details, summary)	*/
details, summary	{text-align: left;}
summary						{padding-left: 0.3em; background-color: #FBBFD8; color: #961284}
details[open]			{background-color: #E9E9EF}
details[open]	p		{margin-left: 0.5em; margin-right: 0.5em}