:root
{
	/* colors */
	--color-slate-50: #F8FAFC;
	--color-slate-100: #F1F5F9;
	--color-slate-200: #E2E8F0;
	--color-slate-300: #CBD5E1;
	--color-slate-400: #94A3B8;
	--color-slate-500: #64748B;
	--color-slate-600: #475569;
	--color-slate-700: #334155;
	--color-slate-800: #1E293B;
	--color-slate-800-permanent: #1E293B;
	--color-slate-900: #0F172A;
	--color-slate-900-permanent: #0F172A;
	--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-red-500: #FB2C36;
	--color-black: #000000;
	--color-white: #FFFFFF;
	--color-white-permanent: #FFFFFF;
	--color-body-bg: var(--color-white);
	/*  */
	--font-size-base: 16px;
	--font-size-h1: 48px;
	--font-size-h2: 40px;
	--font-size-h3: 32px;
	--font-size-h4: 28px;
	--font-size-h5: 24px;
	--font-size-h6: 18px;
	--font-size-small: 14px;
	--font-size-smaller: 12px;
	/* images */
	--bg-img-fmh-logo: url(https://cdn1.fmh.de/images/fmh.svg);
	--bg-img-award: url(https://cdn1.fmh.de/images/fmh/award.svg);
	--bg-img-award-permanent: url(https://cdn1.fmh.de/images/fmh/award.svg);
	--bg-img-award-line: url(https://cdn1.fmh.de/images/fmh/award-line.svg);
	--bg-img-award-line-permanent: url(https://cdn1.fmh.de/images/fmh/award-line.svg);
	--bg-img-chevron-down-select: url(https://cdn1.fmh.de/images/fmh/chevron-down-select.svg);
	--bg-img-gift-fill: url(https://cdn1.fmh.de/images/fmh/gift-fill.svg);
	--bg-img-gift-fill-permanent: url(https://cdn1.fmh.de/images/fmh/gift-fill.svg);
	--bg-img-info-circle: url(https://cdn1.fmh.de/images/fmh/info-circle.svg);
	--bg-img-info-circle-permanent: url(https://cdn1.fmh.de/images/fmh/info-circle.svg);
	--bg-img-location-fill: url(https://cdn1.fmh.de/images/fmh/location-fill.svg);
	--bg-img-location-on: url(https://cdn1.fmh.de/images/fmh/location-on.svg);
	--bg-img-question-fill: url(https://cdn1.fmh.de/images/fmh/question-fill.svg);
	--bg-img-question-fill-permanent: url(https://cdn1.fmh.de/images/fmh/question-fill.svg);
	/* fmh-index */
	--color-chart1: #D946EF;
	--color-chart2: #20B4F3;
	--color-chart3: #00AB97;
	--color-chart4: #F97316;
	--bg-img-tendenz-right: url(/images/fmh-iframe/tendenz-right.svg);
	--bg-img-tendenz-right-down-anlage: url(/images/fmh-iframe/tendenz-right-down-anlage.svg);
	--bg-img-tendenz-right-down-kredit: url(/images/fmh-iframe/tendenz-right-down-kredit.svg);
	--bg-img-tendenz-right-up-anlage: url(/images/fmh-iframe/tendenz-right-up-anlage.svg);
	--bg-img-tendenz-right-up-kredit: url(/images/fmh-iframe/tendenz-right-up-kredit.svg);
}

body
{
	margin: 0px;
	background-color: var(--color-body-bg);
}

div.alfag *
{
	font-family: Inter, serif;
	font-size: var(--font-size-base);
	font-weight: normal;
	box-sizing: border-box;
	line-height: 125%;
	color: var(--color-slate-900);
}
div.alfag
{
	width: 100%;
	max-width: 1024px;
	position: relative;
	clear: both;
}

div.alfag .line
{
	width: 100%;
	border-top: solid 1px #10346B;
	line-height: 0px;
	font-size: 0px;
}

div.alfag h1, div.alfag h2, div.alfag h3, div.alfag h4
{
	font-family: Recursive, serif;
	font-weight: bold;
}
div.alfag h1
{
	font-size: var(--font-size-h1);
	margin: 10px 0;
}
div.alfag h2
{
	font-size: var(--font-size-h2);
	margin: 10px 0;
	padding: 0;
}
div.alfag h3, div.alfag h3 a
{
	font-size: var(--font-size-h3);
	padding: 0;
	margin: 10px 0;
}
div.alfag h4
{
	font-size: var(--font-size-h4);
	padding: 8px 0;
	margin: 5px;
}

div.alfag .heading
{
	font-family: Recursive, serif;
	font-weight: bold;
}
div.alfag .input-headline
{
	color: var(--color-slate-800-permanent);
	font-size: var(--font-size-h3);
	font-weight: bold;
	padding: 20px;
	margin-bottom: 16px;
	background-color: var(--color-green-200);
	border-radius: 6px;
}

div.alfag p
{
	margin: 10px 0;
	padding: 0;
}
div.alfag table
{
	border-collapse: collapse;
	width: 100%;
}
div.alfag table td, div.alfag table th
{
	margin: 0;
	padding: 0;
}

div.alfag .spacerrow
{
	clear: both;
	height: 20px;
}

div.alfag .cbox
{
	border-bottom: solid 1px var(--color-slate-300);
}

div.alfag .tac
{
	text-align: center;
}

/* ------------------------- */
div.alfag .produkt
{
	/*position: relative;*/
	page-break-inside: avoid;
	clear: both;
}

div.alfag .produkt .keywords
{
	margin-bottom: 12px;
}
div.alfag .produkt .keywords h4 a
{
	color: #0176BC !important;
}

/* ------------------------- */
div.alfag .detailsview
{
	/*clear: both;*/
	position: relative;
	float: left;
	width: 55%;
	min-height: 280px;
	margin-right: 30px;
	margin-bottom: 20px;
}
div.alfag .detailstable
{
	width: 100%;
	line-height: 180%;
	/*float: left;*/
	margin-top: 24px;
}
div.alfag #ucFmhIndexDetails_BG .detailsview
{
	/*margin-bottom: 20px;*/
}
div.alfag #ucFmhIndexDetails_BG .detailstable
{
	/*margin-top: 0px;*/
}
div.alfag .detailstable td, div.alfag .detailstable th
{
	padding: 4px 4px 4px 4px;
	vertical-align: top;
}
div.alfag .headerrow td
{
	/*font-weight: bold;*/
}
div.alfag .datarow1 td, div.alfag .datarow2 td, div.alfag .datarow3 td, div.alfag .datarow4 td
{
	border-top: 1px solid var(--color-slate-300);
}
div.alfag .datarow td
{
	font-size: var(--font-size-smaller);
	color: var(--color-slate-500);
	padding-top: 0;
}

div.alfag .hc1
{
	/*width: 55px;*/
	width: 15%;
}
div.alfag .hc2
{
	/*width: 75px;*/
	width: 20%;
}
div.alfag .hc12
{
	/*width: 130px;*/
	width: 35%;
}
div.alfag .dc1, div.alfag .dc2, div.alfag .dc3
{
	/*width: 60px;*/
	width: 16%;
}

div.alfag .cbc1, div.alfag .cbc2, div.alfag .cbc3, div.alfag .cbc4
{
	width: 33%;
	white-space: nowrap;
}
div.alfag #ucFmhIndexDetails_BG .cbc1, div.alfag #ucFmhIndexDetails_BG .cbc2, div.alfag #ucFmhIndexDetails_BG .cbc3, div.alfag #ucFmhIndexDetails_BG .cbc4
{
	width: 25%;
	/*width: 100px;
	float: left;*/
}
div.alfag .cbc1 *
{
	color: var(--color-chart1);
}
div.alfag .cbc2 *
{
	color: var(--color-chart2);
}
div.alfag .cbc3 *
{
	color: var(--color-chart3);
}
div.alfag .cbc4 *
{
	color: var(--color-chart4);
}

div.alfag .datarow1 td
{
	color: var(--color-chart1);
}
div.alfag .datarow2 td
{
	color: var(--color-chart2);
}
div.alfag .datarow3 td
{
	color: var(--color-chart3);
}
div.alfag .datarow4 td
{
	color: var(--color-chart4);
}
div.alfag .dc1, div.alfag .dc2, div.alfag .dc3, div.alfag .dc4
{
	text-align: right;
}
div.alfag .dc1
{
	/*background-color: #F2FAFD;*/
	background-color: var(--color-slate-100);
}
div.alfag .dc1
{
	font-weight: bold;
	color: var(--color-slate-900) !important;
}
div.alfag .dc2, div.alfag .dc3
{
	color: var(--color-slate-500) !important;
}

/* ------------------------- */
div.alfag .chartview
{
	width: 300px;
	float: left;
	margin-bottom: 20px;
}

div.alfag .charts
{
	width: 300px;
	float: left;
	margin-bottom: 20px;
}
div.alfag #ucFmhIndexDetails_BG .charts
{
	margin-bottom: 20px;
}
div.alfag .charts input
{
	border: none;
	padding: 2px;
	margin-right: 4px;
}

/* ------------------------- */
div.alfag .mvview
{
	width: 300px;
	float: left;
	margin-bottom: 20px;
}
div.alfag .mvview .hl3
{
	font-weight: bold;
	margin: 8px 0;
}

div.alfag .mvtable
{
	width: 100%;
	line-height: 180%;
	border: 1px solid #EAEAEA;
}
div.alfag .mvtable td, div.alfag .mvtable th
{
	padding: 6px 4px 6px 4px;
	/*vertical-align: top;*/
	border: 1px solid #EAEAEA;
	text-align: center;
}

div.alfag .mvtable .headerrow td
{
	/*font-weight: bold;*/
}



/* ------------------------- */
div.alfag .hinweis-fmh-index
{
	/*float: left;*/
	/*width: 100%;*/
	/*position: absolute;*/
	/*bottom: 20px;*/
	margin: 20px 0;
}
div.alfag #ucFmhIndexDetails_BG .hinweis-fmh-index
{
	/*top: 205px;*/
	/*bottom: 0px;*/
}
div.alfag .hinweis-fmh-index p
{
	font-size: var(--font-size-smaller);
	line-height: 150%;
}
div.alfag .hinweis-produkt
{
	/*float: left;*/
	/*width: 370px;*/
	position: absolute;
	/*bottom: 20px;*/
	margin: 20px 0;
}
div.alfag .hinweis-produkt p
{
	font-size: var(--font-size-smaller);
}
div.alfag .hinweis-euribor
{
	/*float: left;*/
	/*width: 370px;*/
	position: absolute;
	bottom: 30px;
}
div.alfag .hinweis-euribor p
{
	font-size: var(--font-size-smaller);
}

div.alfag .zeitraum_headline p
{
	/*color: #0176BC;*/
}

/* ------------------------- */
div.alfag .tendenz {
	/*font-family: "FmhIcons";*/
	/*font-size: 11px;*/
	padding-left: 18px;
	background: no-repeat left center;
}
div.alfag .uv {
	background-image: var(--bg-img-tendenz-right);
}
div.alfag .a_o {
	background-image: var(--bg-img-tendenz-right-up-anlage);
}
div.alfag .a_u {
	background-image: var(--bg-img-tendenz-right-down-anlage);
}
div.alfag .k_o {
	background-image: var(--bg-img-tendenz-right-up-kredit);
}
div.alfag .k_u {
	background-image: var(--bg-img-tendenz-right-down-kredit);
}
/* ------------------------- */
div.alfag .legende
{
	clear: both;
}
div.alfag .legende td
{
	padding: 5px 2px 5px 2px;
	vertical-align: top;
	/*background-position: left center !important;*/
}
div.alfag .legende th
{
	text-align: left;
	padding: 5px 0;
}
div.alfag .legende .tendenz
{
	display: inline-block;
	padding: 6px 4px 6px 18px;
}

/* ------------------------- */
/*        Verlinkung         */
/* ------------------------- */
div.alfag a
{
	color: var(--color-slate-800);
	text-decoration: none;
}
div.alfag a:hover
{
	transition: 300ms ease-out;
	text-decoration: underline;
}

div.alfag a.fmhlink
{
	color: #10346b;
	font-weight: bold;
	text-decoration: none;
}
div.alfag a.fmhlink:hover
{
	color: #FF7900;
}

div.alfag a.rechnerlink
{
	vertical-align: middle;
	min-width: 250px;
	padding: 8px 0;
}
div.alfag a.rechnerlink::before
{
	font-size: 14px;
	content: "\BB";
	margin: 0 4px 0 0;
}

div.alfag a.viewlink
{
	display: inline-block;
	vertical-align: middle;
	min-width: 250px;
	padding: 8px 0;
	cursor: pointer;
}

div.alfag a.viewlink::before
{
	font-size: 14px;
	content: "\BB";
	margin: 0 4px 0 0;
}

/* Printlink */
div.alfag .printlink
{
	float: right;
	margin: 4px 0 8px 0;
}
div.alfag p.print
{
	margin-left: 0px;
}

/*-----------------------------------*/
div.alfag .footer
{
	padding: 5px;
}
div.alfag .footer *
{
	color: #505050;
	font-size: 9px;
}

/*-----------------------------------*/
/* Checkboxen                        */
/*-----------------------------------*/
.ui-helper-hidden-accessible {
    /*position: absolute !important;*/
    /*clip: rect(1px 1px 1px 1px);*/
    /*clip: rect(1px, 1px, 1px, 1px);*/
	clip: auto;
}
div.alfag .checkboxen .ui-corner-all 
{
	border: none;
}
div.alfag .checkboxen .ui-state-default
{
	background: none;
	font-weight: normal;
}

div.alfag .checkboxen .ui-icon-checkbox
{
	background-image: url(/images/fmh-index/checkbox00.png);
	width: 12px;
	height: 12px;
}

div.alfag .cbc1 .ui-state-active .ui-icon-checkbox
{
	background-image: url(/images/fmh-index/checkbox1.png);
}
div.alfag .cbc2 .ui-state-active .ui-icon-checkbox
{
	background-image: url(/images/fmh-index/checkbox2.png);
}
div.alfag .cbc3 .ui-state-active .ui-icon-checkbox
{
	background-image: url(/images/fmh-index/checkbox3.png);
}
div.alfag .cbc4 .ui-state-active .ui-icon-checkbox
{
	background-image: url(/images/fmh-index/checkbox4.png);
}

div.alfag .cbc1 .ui-state-active
{
}
div.alfag .cbc2 .ui-state-active .ui-icon-unchecked
{
}
div.alfag .cbc3 .ui-state-active .ui-icon-unchecked
{
}
div.alfag .cbc4 .ui-state-active .ui-icon-unchecked
{
}

div.alfag .checkboxen .ui-state-active .ui-button-text
{
	font-weight: bold;
}

div.alfag .checkboxen .ui-button-text
{
	padding: 2px 2px 2px 22px;
}

div.alfag .cbc1 input, div.alfag .cbc2 input, div.alfag .cbc3 input, div.alfag .cbc4 input
{
	width: 16px;
	height: 16px;
	margin: 4px 6px 4px 4px;
	vertical-align: middle;
	accent-color: var(--color-chart1);
}
div.alfag .cbc1 input
{
	accent-color: var(--color-chart1);
}
div.alfag .cbc2 input
{
	accent-color: var(--color-chart2);
}
div.alfag .cbc3 input
{
	accent-color: var(--color-chart3);
}
div.alfag .cbc4 input
{
	accent-color: var(--color-chart4);
}
div.alfag .cbc1 label, div.alfag .cbc2 label, div.alfag .cbc3 label, div.alfag .cbc4 label
{
	vertical-align: middle;
}


/*-----------------------------------*/
/* Slider                            */
/*-----------------------------------*/
div.alfag .slider
{
	margin-top: 0px;
	margin-left: 15px;
}
div.alfag .slider .ui-slider-handle
{
	border: none;
	background: url(/images/fmh-iframe/slider_handle.png) no-repeat;
	width: 10px;
	height: 10px;
	margin-left: -5px;
	top: 2px;
}

div.alfag .slider .ui-slider-horizontal .ui-state-default
{
	
}

div.alfag .slider .ui-corner-all
{
	border-radius: 0;
}

div.alfag .slider .ui-slider
{
	width: 280px;
	height: 14px;
}
div.alfag .slider .ui-slider-horizontal
{
	background: url(/images/fmh-iframe/slider_rail.png) 0 7px repeat-x;
	border: none;
}

div.alfag .slider_scale
{
	margin: 0;
	padding: 0;
	overflow: hidden;
	list-style-type: none;	
	position: absolute;
	top: 5px;
	left: -20px;
	width: 320px;
	
}
div.alfag .slider_scale li
{
	margin: 0;
	padding: 0;
	overflow: hidden;
	float: left;
	width: 40px;
	height: 23px;
	padding-top: 8px;
	background: url(/images/fmh-iframe/slider_mark.png) center 0 no-repeat;
	
	/*color: #0176BC;*/
	font-size: var(--font-size-smaller);
	text-align: center;
}
div.alfag .slider_scale_label
{
	font-size: var(--font-size-smaller);
	margin-top: 18px;
	margin-left: -2px;
}