﻿@media (prefers-color-scheme: dark)
{
	:root
	{
		/* colors */
		--color-neutral-0: #000000;
		--color-neutral-100: #151515;
		--color-neutral-200: #2a2a2a;
		--color-neutral-300: #555555;
		--color-neutral-400: #767676;
		--color-neutral-500: #aaaaaa;
		--color-neutral-600: #d5d5d5;
		--color-neutral-700: #eaeaea;
		--color-neutral-800: #f5f5f5;
		--color-neutral-1000: #ffffff;
		--color-neutral-opacity-1000-5: #ffffff0d;
		--color-neutral-opacity-1000-10: #ffffff1a;
		--color-green-400: #85ffa1;
		--color-green-600: #007a12;
		--color-red-400: #ff87a3;
		--color-red-600: #d50031;
		--color-blue-focus-480: #0096d6;
		--color-blue-focus-520: #008fcc;
		--color-black: #FFFFFF;
		--color-white: #000000;
		--color-body-bg: var(--color-neutral-100);
		/* 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-exposed: url(https://cdn1.fmh.de/images/fmh/award-exposed-dm.svg);
		--bg-img-chevron-down-select: url(https://cdn1.fmh.de/images/handelsblatt/chevron-down-select-dm.svg);
		--bg-img-filter-minus: url(https://cdn1.fmh.de/images/handelsblatt/filter-minus-dm.svg);
		--bg-img-filter-plus: url(https://cdn1.fmh.de/images/handelsblatt/filter-plus-dm.svg);
		--bg-img-info-circle: url(https://cdn1.fmh.de/images/handelsblatt/info-circle-dm.svg);
		--bg-img-question-fill: url(https://cdn1.fmh.de/images/handelsblatt/question-fill-dm.svg);
	}

	div.alfag select option:hover, div.alfag select option:checked
	{
		/*		color: var(--color-slate-100);*/
	}

	div.alfag .submit, div.alfag .angebotslink
	{
		/*		background: var(--color-slate-200);*/
	}

	div.alfag .submit:hover, div.alfag .angebotslink:hover
	{
		/*		background: var(--color-slate-100);*/
	}

	div.alfag .mlink
	{
	}

	div.alfag .mlink:hover
	{
		/*		color: var(--color-slate-100);*/
		/*		background: var(--color-green-300);*/
	}
}

@media (max-width: 920px)
{
	div.alfag .inputrow label
	{
		width: 100%;
	}
}

@media (max-width: 840px)
{
}

@media (max-width: 719px)
{
	div.alfag *
	{
		-webkit-text-size-adjust: none;
	}

	div.alfag .input-col1 label, div.alfag .input-col2 label
	{
		width: 100%;
	}
}

@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;
	}
}

@media (max-width: 560px)
{
	div.alfag .inputrow-xs
	{
		display: block;
	}

	div.alfag .input-col1, div.alfag .input-col2, div.alfag .input-col
	{
		width: 100%;
		padding: 8px 0;
	}

	div.alfag .input-col3
	{
		width: 100%;
		text-align: left;
		display: none;
	}
	/*div.alfag .input-col1 label, div.alfag .input-col2 label
	{
		width: 100%;
	}*/
	div.alfag .input-col1-xs, div.alfag .input-col2-xs, div.alfag .input-col3-xs
	{
		width: 80%;
		margin: 0 10% 0 10%;
	}

	div.alfag .tb
	{
		width: 90%;
	}

	div.alfag .sb
	{
		width: 90%;
	}

	div.alfag .submit
	{
		width: 90%;
		max-width: 90%;
	}

	div.alfag table.resulttable, div.alfag table.resulttable > tbody, div.alfag table.resulttable > tr
	{
		display: block;
	}

	div.alfag .resulttable .datarow1 td, div.alfag .resulttable .datarow2 td
	{
		display: inline-block;
	}

	div.alfag .resulttable td.col-anbieter
	{
		width: 100%;
		border-bottom: none;
		padding-top: 60px;
		padding-bottom: 0px;
	}

	div.alfag .resulttable .has-callout td.col-anbieter
	{
		padding-top: 92px;
	}

	div.alfag .resulttable td.col-zinssatz, div.alfag .resulttable td.col-zinsen
	{
		width: 50%;
		padding: 8px 16px;
		border-top: none;
		border-bottom: none;
	}

	div.alfag .resulttable td.col-angebot
	{
		width: 100%;
		padding-top: 8px;
		border-top: none;
	}

	div.alfag .resulttable .result-anbietername
	{
		white-space: normal;
	}

	div.alfag .resulttable .col-anbieter .result-awardlink
	{
		display: block;
		top: 50px;
	}

	div.alfag .resulttable .col-angebot .result-awardlink
	{
		display: none;
	}

	div.alfag .details-table
	{
		width: 100%;
	}

	div.alfag .angebotslink
	{
		max-width: 100%;
	}

	div.alfag .dclink
	{
		margin: 16px 0 0 0;
	}
}

@media (max-width: 480px)
{
	div.alfag .printlink
	{
		display: none;
	}

	div.alfag .headerrow th, div.alfag .headerrow td
	{
		white-space: normal;
	}

	div.alfag.schnellcheck .resulttable .col-zinsen
	{
		/*display: none;*/
	}

	div.alfag.schnellcheck .resulttable .col-angebot
	{
		/*padding-top: 32px;*/
	}

	div.alfag .angebotslink
	{
		white-space: normal;
		line-height: 150%;
		padding: 8px 8px;
	}

	div.alfag .col-anbieter .dlink
	{
		margin-left: 8px;
	}
}

@media (max-width: 400px)
{
	div.alfag .dlink
	{
		white-space: normal;
	}

	div.alfag .angebotlink
	{
		/*font-size: 8px;*/
		white-space: normal;
	}

	div.alfag .details-table
	{
		width: 100%;
	}
}

@supports (-webkit-overflow-scrolling: touch)
{
	div.alfag input, div.alfag select,
	div.alfag .schnellcheck-buttonset .rb label, div.alfag .schnellcheck-buttonset .cb label,
	div.alfag .schnellcheck-buttonset li span
	{
		/*font-family: Arial Narrow, sans-serif;*/
		/*font-size: 16px;*/
	}
}
