@media (prefers-color-scheme: dark)
{
	:root
	{
		/* colors */
		--color-salems-fur: #F7F9FC;
		--color-snow: #0A0C14;
		--color-catskill-white: #495166;
		--color-trout: #A3AABF;
		--color-manatee: #A3AABF;
		--color-botticelli: #495166;
		--color-white-lilac: #262C3B;
		--color-alpine: #171B26;
		--color-ottoman: #0B231A;
		--color-bridesmaid: #381721;

		--color-black: #0F172A;
		--color-white: #1E293B;
		--color-body-bg: var(--color-black);
		/* images */
		--bg-img-fmh-logo: url(https://cdn1.fmh.de/images/fmh.svg);
		--bg-img-bar-chart-4: url(https://cdn1.fmh.de/images/common/icons/bar-chart-4-dm.svg);

		--bg-img-award: url(https://cdn1.fmh.de/images/t-online/award-dm.svg);
		--bg-img-award-line: url(https://cdn1.fmh.de/images/t-online/award-line-dm.svg);
		--bg-img-chevron-down-select: url(https://cdn1.fmh.de/images/fmh2/chevron-down-select.svg);
		--bg-img-gift-fill: url(https://cdn1.fmh.de/images/t-online/gift-fill-dm.svg);
		--bg-img-info-circle: url(https://cdn1.fmh.de/images/t-online/info-circle-dm.svg);
		--bg-img-location-fill: url(https://cdn1.fmh.de/images/t-online/location-fill-dm.svg);
		--bg-img-location-on: url(https://cdn1.fmh.de/images/t-online/location-on-dm.svg);
		--bg-img-question-fill: url(https://cdn1.fmh.de/images/t-online/question-fill-dm.svg);
	}

	div.alfag .fmh-footer-title1
	{
		background-image: var(--bg-img-bar-chart-4);
	}
}

@media (max-width: 940px)
{
	div.alfag .schnellcheck-buttonset li.col1
	{
		width: 30%;
	}
	div.alfag .schnellcheck-buttonset li.col2
	{
		width: 70%;
	}

	div.alfag .details-box
	{
		width: 50%;
	}
}

@media (max-width: 840px)
{
	div.alfag.schnellcheck .resulttable .col-besonderheiten, div.alfag.schnellcheck .resulttable .col-auszeichnung
	{
		display: none;
	}
}

@media (max-width: 740px)
{
	div.alfag *
	{
		-webkit-text-size-adjust: none;
	}
	
	div.alfag .schnellcheck-buttonset .inputcol1
	{
		width: 100%;
	}
	div.alfag .schnellcheck-buttonset .inputcol2
	{
		width: 100%;
	}
	
	div.alfag .schnellcheck-buttonset li.col1
	{
		width: 30%;
	}
	div.alfag .schnellcheck-buttonset li.col2
	{
		width: 70%;
	}
	
	div.alfag.schnellcheck .resulttable .col-sparplaene
	{
		display: none;
	}
	
	div.alfag .emptyrow
	{
		display: none;
	}

	div.alfag .details-box
	{
		width: 90%;
	}

	div.alfag .details-col2
	{
		width: 100%;
	}

	div.alfag.schnellcheck .resulttable .col-depotkosten
	{
		display: none;
	}
}

@media (max-width: 640px)
{
	:root
	{
		/*  */
		--font-size-h1: 32px;
		--font-size-h2: 28px;
		--font-size-h3: 26px;
		--font-size-h4: 22px;
		--font-size-h5: 20px;
		--font-size-h6: 18px;
	}

	div.alfag .schnellcheck-buttonset li.col1
	{
		width: 100%;
	}
	div.alfag .schnellcheck-buttonset li.col2
	{
		width: 100%;
	}

	div.alfag .sparplaene table, div.alfag .sparplaene table tbody, div.alfag .sparplaene tr
	{
		display: block;
	}
	div.alfag .sparplaene th, div.alfag .sparplaene td
	{
		display: inline-block;
	}
	div.alfag .sparplaene th
	{
		width: 45%;
	}

	
	div.alfag.anbieterliste .resulttable .col-sparplaene-anbieterliste
	{
		display: none;
	}
}

@media (max-width: 560px)
{
	div.alfag .schnellcheck-buttonset-header
	{
		display: block;
		text-align: center;
	}
	div.alfag .schnellcheck-buttonset
	{
		display: none;
	}
	
	div.alfag fieldset li:nth-child(1), div.alfag fieldset li:nth-child(3)
	{
		width: 55%;
	}
	div.alfag fieldset li:nth-child(2), div.alfag fieldset li:nth-child(4)
	{
		width: 45%;
	}
				
	div.alfag .anbieter-details-tabs li
	{
		width: 50%;
	}
	
	div.alfag .anbieter-details-tab th
	{
		width: 160px;
	}
	
	div.alfag.schnellcheck .resulttable .col-orderkosten
	{
		display: none;
	}
}

@media (max-width: 480px)
{
	div.alfag .printlink
	{
		display: none;
	}
	
	div.alfag .schnellcheck-buttonset .tb, div.alfag .schnellcheck-buttonset .sb, 
	div.alfag .schnellcheck-buttonset .button, div.alfag .schnellcheck-buttonset .button2, 
	div.alfag .schnellcheck-buttonset .rb, div.alfag .schnellcheck-buttonset .cb
	{
		width: 32%;
		/*height: 32px;*/
	}
	div.alfag .schnellcheck-buttonset .tb
	{
		width: 40%;
		/*height: 32px;*/
	}
	div.alfag .schnellcheck-buttonset .rb2, div.alfag .schnellcheck-buttonset .sb2
	{
		width: 45%;
	}
	div.alfag .schnellcheck-buttonset .rb label, div.alfag .schnellcheck-buttonset .cb label
	{
		width: 100%;
		height: 100%;
		vertical-align: middle;
		line-height: 30px;
	}
		
	div.alfag fieldset input.submit
	{
		width: 100%;
	}
		
	
	div.alfag .headerrow th, div.alfag .headerrow td
	{
		white-space: normal;
	}
	
	div.alfag .anbieterlink.vermittler, div.alfag .anbieterlink-via
	{
		display: none;
	}

	
	
	div.alfag .angebotslink
	{
		white-space: normal;
		line-height: 150%;
		padding: 4px 8px;
	}
	
	div.alfag .col-anbieter .dlink
	{
		margin-left: 8px;
	}
		
	div.alfag .bonus-sticker
	{
		display: none;
	}
	div.alfag .zinskonditionen
	{
		width: 90%;
	}
	
	div.alfag .anbieter-details-tabs li
	{
		width: 100%;
	}

	div.alfag .dalink
	{
		display: block;
		float: none;
		width: 80%;
		margin: 0 auto;
		white-space: nowrap;
		text-align: center;
	}
}

@media (max-width: 400px)
{
	

	div.alfag .anbieterlink img
	{
		width: 90px !important;
		height: auto !important;
	}

	div.alfag .dlink
	{
		white-space: normal;
	}

	div.alfag .angebotlink
	{
		font-size: 8px;
		font-size: 0.5rem;
		white-space: normal;
	}
}

@media (max-width: 340px)
{
	div.alfag.schnellcheck .resulttable .col-orderkosten
	{
		display: none;
	}
}