#content	{	position: relative; width: 100.0%; margin: 0 auto; background: pink !important; }

.txt						{	margin: 5.00rem 0 0; }
.txt > .row > div			{	flex: 1 1 320px; display: flex; flex-flow: column wrap; justify-content: space-between; align-content: stretch; align-items: stretch; }
.txt > .row > div > img		{	width: 100.0%; height: auto; }

/* --- Preisliste --- */

#table				{	overflow-x: auto; }
.table				{	width: calc(100.0% - 2.00rem - 2px); min-width: calc(900px - 2.00rem - 2px); padding: 1.00rem; border-width: 1px; background-color: white; }
.table div			{	width: 100.0%; display: flex; flex-flow: row wrap; justify-content: space-between; align-content: stretch; align-items: stretch; }
.table 	img			{	width: 90.00%; height: auto; }
.table > div		{	width: 100.0%; }
.table > div > div	{	width: 100.0%; }

.table > div > div > div				{	position: relative; flex: 1 1 200px; min-height: 1.50rem; border-right-width: 1px; padding: 0.30rem 0.50rem; border-bottom-width: 1px; justify-content: center; align-content: center; align-items: center; }
.table > div > div > div:nth-child(1)	{	flex: 6 1 10.00%; padding-right: 2.00rem; border-left-width: 0; justify-content: flex-start; }
.table > div > div > div:nth-child(4)	{	border-right-width: 0; }

.table > div > div > div > span			{	display: block; width: 90.00%; margin: 0 auto; text-align: center; }
.table > div > div > div > .yes			{	width: 1.20rem; height: 1.20rem; margin: -0.15rem auto; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url('../img/picts/check_circle.svg'); }

.table .btn		{	margin: 1.00rem auto 0; }

/* --- Flap --- */

.table > div > div > div.flap						{	flex: 0 0 100.0%; height: auto; max-height: 0; min-height: inherit; padding: 0; border-width: 0 1px; overflow: hidden; }
.table > div > div > div.flap > span				{	display: block; width: 100.0%; margin: 0; border-bottom-width: 1px; }
.table > div > div > div.flap > span > span			{	display: block; margin: 0; text-align: left; }
.table > div > div > div.flap > span > span	> span	{	display: block; }

.table > div > div > div.flap > span > .txt			{	display: block; width: calc(100.0% - 1.00rem); padding: 0.50rem; text-align: left; column-width: 20.00rem; column-count: 3; column-gap: 1.00rem; }
.table > div > div > div.flap > span > .txt	> span	{	display: block; margin: 0; padding: 0; }

.table > div > div > div.flap > span > .row			{	width: 100.0%; padding: 0.50rem 0; display: flex; flex-flow: row wrap; justify-content: flex-start; align-content: stretch; align-items: stretch; }
.table > div > div > div.flap > span > .row > span	{	flex: 1 1 20.00rem; margin: 0 0.50rem; }

.table .flap ul > li:before			{	content: '●'; position: relative; top: inherit; bottom: 0.10em; left: inherit; width: inherit; height: inherit; display: inline-block; margin: 0 0.80em 0 -1.50em; opacity: 0.50; background: transparent;}
.table .flap ul > ul > li			{	margin-top: 0; }
.table .flap ul > ul > li:before	{	content: '-'; }

.toggle-flap-6-01,
.toggle-flap-6-02,
.toggle-flap-6-03,
.toggle-flap-6-04,
.toggle-flap-6-05		{	cursor: pointer; background-repeat: no-repeat; background-position: top 0.35rem right 0.35rem; background-size: 1.20rem; background-image: url('../img/picts/info.svg'); }

.flap-6-01-on .toggle-flap-6-01,
.flap-6-02-on .toggle-flap-6-02,
.flap-6-03-on .toggle-flap-6-03,
.flap-6-04-on .toggle-flap-6-04,
.flap-6-05-on .toggle-flap-6-05		{	background-image: url('../img/picts/minimize.svg'); }

.flap-6-01-on .toggle-flap-6-01 ~ .flap,
.flap-6-02-on .toggle-flap-6-02 ~ .flap,
.flap-6-03-on .toggle-flap-6-03 ~ .flap,
.flap-6-04-on .toggle-flap-6-04 ~ .flap,
.flap-6-05-on .toggle-flap-6-05 ~ .flap		{	max-height: 500px; }

/* Head */

.table > div.head > div > div 					{	border-bottom-width: 0; }
.table > div.head > div > div:nth-child(2) 		{	border-top-width: 1px; }

/* Tipp */

.table > div.tipp 						 		{	position: relative; z-index: 3; }
.table > div.tipp > div > div			 		{	border-bottom-width: 0; }
.table > div.tipp > div > div:nth-child(3) 		{	}

/* Bandarole */

.table > div.tipp > div > div:nth-child(3) > .banderole 	{	position: absolute; top: -2px; left: -0.75rem; height: 100.00%; width: calc(100.0% + 1.50rem + 1px); transform: skewY(-3deg);
    display: flex; flex-flow: row wrap; justify-content: center; align-content: center; align-items: center;
    box-shadow: 0 5px 5px 0 rgba(000,000,000,0.30); text-shadow: -1px 2px 3px rgba(000,000,000,0.30);
    background-image: linear-gradient(-30deg, transparent 50.00%, rgba(000,000,000,0.12) 100.0%),
    linear-gradient(30deg, transparent 0%, rgba(255,255,255,0.75) 100.0%); }

.table > div.tipp > div > div:nth-child(3) > .banderole > span					{	position: absolute; bottom: -1.20rem; height: 1.20rem; width: 0.75rem; overflow: hidden; background: transparent; }
.table > div.tipp > div > div:nth-child(3) > .banderole > span:nth-child(1)		{	left:  0; }
.table > div.tipp > div > div:nth-child(3) > .banderole > span:nth-child(2)		{	right: 0; }

.table > div.tipp > div > div:nth-child(3) > .banderole > span:before				{	position: absolute; top: 0; height: 1.20rem; width: 1.20rem; background: black; opacity: 0.90; content: ''; }
.table > div.tipp > div > div:nth-child(3) > .banderole > span:nth-child(1):before	{	left:  0; transform: rotate(-40deg); transform-origin: 0 0; }
.table > div.tipp > div > div:nth-child(3) > .banderole > span:nth-child(2):before	{	right: 0; transform: rotate(45deg);   transform-origin: 100.0% 0; }

/* Tarif */

.table > div.tarif > div > div 						{	display: flex; flex-flow: column wrap; justify-content: space-between; align-content: center; align-items: center; }
.table > div.tarif > div > div > * 					{	margin-top:    0.50rem; }
.table > div.tarif > div > div > *:first-child		{	margin-top:    0.50rem; }
.table > div.tarif > div > div > *:last-child		{	margin-bottom: 1.00rem; }

.table > div.tarif > div:nth-child(1) > div 					{	border-bottom-width: 0; justify-content: flex-start; }
.table > div.tarif > div:nth-child(1) > div > span:last-child 	{	margin-bottom: 0; }
.table > div.tarif > div:nth-child(2) > div > span:first-child 	{	margin-top: 0; }

.table > div.tarif > div:nth-child(1) > div > *:nth-child(1)	{	font-size: 1.50rem; font-family: 'sofo-300'; }
.table > div.tarif > div:nth-child(1) > div > *:nth-child(2)	{	font-size: 1.10rem; margin-bottom: 0.50rem; }

.table > div.tarif > div > div .price					{	margin-top: 0; padding: 0.25rem 0; display: flex; flex-flow: row wrap; justify-content: space-between; align-content: flex-end; align-items: flex-end; border-bottom-width: 1px; }
.table > div.tarif > div > div .price span:first-child	{	width: 38.00%; text-align: left; text-transform: uppercase; }
.table > div.tarif > div > div .price span:last-child	{	width: 62.00%; text-align: right; font-size: 1.50rem; text-transform: none; font-family: 'sofo-300'; }

.table > div.tarif > div > div .price.normal     span:last-child	{	text-decoration: line-through; }
.table > div.tarif > div > div .price.txt-sofa   span:last-child,
.table > div.tarif > div > div .price.txt-action span:last-child	{	font-family: 'sofo-700'; }

.table > div.tarif > div > div .price.normal    {	margin-top: 1.00rem; border-top-width: 1px; }

.table > div.tarif > div > div .btn				{	margin-top: 1.00rem; }


/* Aktions-Block */

.table > div.action > div > div:nth-child(3):before,
.table > div.action > div > div:nth-child(4):after		{	position: absolute; top: -1px; width: 4px; height: calc(100.0% + 2px); content: ''; background: red; }
.table > div.action > div > div:nth-child(3):before		{	left:  0; }
.table > div.action > div > div:nth-child(4):after		{	right: 0; }

.table > div.actionend > div:last-child > div:nth-child(3),
.table > div.actionend > div:last-child > div:nth-child(4)	{	border-bottom-width: 4px; }

/* --- Style --- */

.table > div.head > div > div:nth-child(3),
.table > div.head > div > div:nth-child(4),
.table > div.action > div > div:nth-child(3):before,
.table > div.action > div > div:nth-child(4):after,
.table > div.tipp > div > div:nth-child(3) > .banderole		{	background-color: rgba(249,178,000,1.00); color: rgba(255,255,255,1.00); }

.table > div.head > div > div:nth-child(2)					{	background-color: rgba(045,150,205,1.00); color: rgba(255,255,255,1.00); }

.table > div > div > div:nth-child(3)						{	background-color: rgba(045,150,205,0.05); }

.table > div.actionend > div:last-child > div:nth-child(3),
.table > div.actionend > div:last-child > div:nth-child(4)	{	border-bottom-color: rgba(249,178,000,1.00); }

/* --- Typo --- */

p > a	{	display: inline-block; white-space: nowrap; }

.pricehead			{	font-size: 2.00rem; line-height: 1.20; }
.pricehead > span	{	font-size: 0.85em; display: block; }
.pricehead + p		{	font-size: 1.25rem; }

.banderole			{	font-size: 13px; text-transform: uppercase; line-height: 1.00; letter-spacing: 0.05em; word-spacing: 0.50; }

.table, .overlay	{	font-size: 12px; }
.table .flap span	{	line-height: 1.40; }

.note p + p		    {	font-size: 12px; margin-top: 0.50rem; margin-left: 1.00em; text-indent: -1.00em; }
.note p.item	    {	margin-left: 3.00em; text-indent: 0; }

.table > div.head > div > div:nth-child(2),
.table > div.head > div > div:nth-child(3),
.table > div.head > div > div:nth-child(4),
.table > div.tipp > div > div:nth-child(3) span,
.pricehead > span,
.table .action,
.table .sub,
.banderole			{	font-family: 'sofo-300', Arial, Helvetica, sans-serif; font-style: normal; font-weight: 300; }

.pricehead,
strong,
.banderole 		    {	font-family: 'sofo-700', Arial, Helvetica, sans-serif; font-style: normal; font-weight: 300; }




@media print
{
    .link, .btn     { display: none; }
    header          { position: relative; }
}


/*	=================================
		END
	================================= */