﻿@media (prefers-color-scheme: dark)
{
	:root
	{
		/* colors */
		--color-slate-50: #F8FAFC;
		--color-slate-100: #1E293B;
		--color-slate-200: #334155;
		--color-slate-300: #475569;
		--color-slate-400: #64748B;
		--color-slate-500: #94A3B8;
		--color-slate-600: #CBD5E1;
		--color-slate-700: #E2E8F0;
		--color-slate-800: #F1F5F9;
		--color-slate-900: #FFFFFF;
		--color-green-50: #F0FDF4;
		--color-green-100: #DCFCE7;
		--color-green-200: #BBF7D0;
		--color-green-300: #86EFAC;
		--color-green-400: #4ADE80;
		--color-green-500: #22C55E;
		--color-green-700: #15803D;
		--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-award: url(https://cdn1.fmh.de/images/fmh/award-dm.svg);
		--bg-img-award-line: url(https://cdn1.fmh.de/images/fmh/award-line-dm.svg);
		--bg-img-chevron-down-select: url(https://cdn1.fmh.de/images/fmh2/chevron-down-select.svg);
		--bg-img-info-circle: url(https://cdn1.fmh.de/images/fmh/info-circle-dm.svg);
		--bg-img-location-fill: url(https://cdn1.fmh.de/images/fmh/location-fill-dm.svg);
		--bg-img-location-on: url(https://cdn1.fmh.de/images/fmh/location-on-dm.svg);
		--bg-img-question-fill: url(https://cdn1.fmh.de/images/fmh/question-fill-dm.svg);
	}

	div.alfag select option:hover, div.alfag select option:checked
	{
		color: var(--color-slate-100);
	}
	div.alfag ul.tabs li.active a
	{
		background: var(--color-slate-200);
	}
	div.alfag ul.tabs li.active a:hover
	{
		background: var(--color-slate-100);
	}
	div.alfag #btSubmit
	{
		background: var(--color-slate-200);
	}
	div.alfag #btSubmit:hover
	{
		background: var(--color-slate-100);
	}
	div.alfag .btn-variante2:hover
	{
		color: var(--color-slate-100);
		background: var(--color-green-300);
	}
	div.alfag .inputrow .rb input:checked + label
	{
		background: var(--color-slate-200);
	}
	div.alfag .inputrow .rb input:checked + label:hover
	{
		background: var(--color-slate-100);
	}

}

@media (max-width: 940px)
{
	div.alfag .inputrow .col1
	{
		width: 40%;
	}

	div.alfag #tblResultSummary
	{
		overflow: auto;
		display: block;
	}
}

@media (max-width: 740px)
{
	div.alfag #tblResultSummary colgroup col:nth-child(4)
	{
		/*display: none;*/
	}
	div.alfag #tblResultSummary th:nth-child(4), div.alfag #tblResultSummary td:nth-child(4)
	{
		/*display: none;*/
	}
	div.alfag #tblResultSummary tr:nth-child(1)
	{
		/*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 .inputrow .col1
	{
		width: 80%;
	}
	div.alfag .inputrow .col2
	{
		width: 20%;
	}
	div.alfag .inputrow .col3, div.alfag .inputrow .col4
	{
		width: 50%;
	}

	div.alfag #tblResultSummary colgroup col:nth-child(5)
	{
		/*display: none;*/
	}
	div.alfag #tblResultSummary th:nth-child(5), div.alfag #tblResultSummary td:nth-child(5)
	{
		/*display: none;*/
	}
}

@media (max-width: 560px)
{
	div.alfag .input-advice
	{
		display: none;
	}
	div.alfag .container td:nth-child(4)
	{
		display: none;
	}
	div.alfag .container colgroup col:nth-child(1)
	{
		width: 60% !important;
	}
	div.alfag .container colgroup col:nth-child(3)
	{
		width: 35% !important;
	}
	
	/*
	div.alfag #tblResultFinancingSummary, div.alfag #tblResultFinancingSummary tbody, div.alfag #tblResultFinancingSummary tr
	{
		display: block;
	}
	div.alfag #tblResultFinancingSummary td
	{
		display: inline-block;
	}
	div.alfag #tblResultFinancingSummary td:nth-child(1)
	{
		width: 50%;
	}
	div.alfag #tblResultFinancingSummary td:nth-child(2)
	{
		width: 40%;
	}
	div.alfag #tblResultFinancingSummary td:nth-child(3)
	{
		width: 100%;
	}
	*/
	
	div.alfag #tblResultFinancingSummary colgroup col:nth-child(3), div.alfag #tblResultFinancingSummary colgroup col:nth-child(4), div.alfag #tblResultFinancingSummary colgroup col:nth-child(5)
	{
		display: none;
	}
	div.alfag #tblResultFinancingSummary tbody td:nth-child(3), div.alfag #tblResultFinancingSummary tbody td:nth-child(4), div.alfag #tblResultFinancingSummary tbody td:nth-child(5)
	{
		display: none;
	}
	div.alfag #tblResultFinancingSummary tfoot td:nth-child(2), div.alfag #tblResultFinancingSummary tfoot td:nth-child(3)
	{
		display: none;
	}
	
	div.alfag #tblResultSummary colgroup col:nth-child(9)
	{
		/*display: none;*/
	}
	div.alfag #tblResultSummary th:nth-child(9), div.alfag #tblResultSummary td:nth-child(9)
	{
		/*display: none;*/
	}
}

@media (max-width: 480px)
{
	.printlink
	{
		display: none;
	}

	div.alfag .container table, div.alfag .container tbody, div.alfag .container tr
	{
		display: block;
	}
	div.alfag .container td
	{
		display: inline-block;
	}
	div.alfag .container td:nth-child(1)
	{
		width: 90%;
	}
	div.alfag .container td:nth-child(2)
	{
		width: 5%;
	}
	div.alfag .container td:nth-child(3)
	{
		width: 100%;
	}
	
	div.alfag #tblResultSummary colgroup col:nth-child(8)
	{
		/*display: none;*/
	}
	div.alfag #tblResultSummary th:nth-child(8), div.alfag #tblResultSummary td:nth-child(8)
	{
		/*display: none;*/
	}
	div.alfag #tblResultSummary colgroup col:nth-child(3)
	{
		/*display: none;*/
	}
	div.alfag #tblResultSummary th:nth-child(3), div.alfag #tblResultSummary td:nth-child(3)
	{
		/*display: none;*/
	}

	/*div.alfag #tblResultBox
	{
		overflow: auto;
		display: block;
	}*/

	
	div.alfag #tblResultBox, div.alfag #tblResultBox tbody, div.alfag #tblResultBox tr
	{
		display: block;
	}
	div.alfag #tblResultBox tr
	{
	}
	div.alfag #tblResultBox td
	{
		display: inline-block;
	}
	div.alfag #tblResultBox td:nth-child(1), div.alfag #tblResultBox td:nth-child(5)
	{
		width: 50%;
	}
	div.alfag #tblResultBox td:nth-child(2), div.alfag #tblResultBox td:nth-child(6)
	{
		width: 40%;
		vertical-align: bottom;
	}
	
	div.alfag #tblResultBox colgroup col:nth-child(3)
	{
		display: none;
	}	
	div.alfag #tblResultBox th:nth-child(3), div.alfag #tblResultBox td:nth-child(3)
	{
		display: none;
	}
	div.alfag #tblResultBox td:nth-child(4)
	{
		display: none;
	}
	div.alfag #tblResultBox colgroup col:nth-child(7)
	{
		display: none;
	}
	div.alfag #tblResultBox th:nth-child(7), div.alfag #tblResultBox td:nth-child(7)
	{
		display: none;
	}
}

@media (max-width: 400px)
{
	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-size: var(--font-size-small);
	}
}