body {
	font-family: "Roboto", sans-serif;
	background:#f3f5f7;
}

* { border-radius: 0 }
a, a:focus, a:hover, a:active, button, button:hover { outline: 0 !important; }
a:focus { text-decoration: none; }
hr { margin: 30px 0; }
p {
    clear: both;
}
td, th {
    padding: 4px;

}
a { color: #0089c8; text-decoration:none; }
a:hover { color: #005188; }
.link::before {
	content: '\f105';
	font-family: FontAwesome;
}
.link::before { padding-right: 5px; }
/* Modal Abfrage ***************************************************************/

.abfrage { /*min-height:350px;*/ font-size:26px; background-color:#f3f5f7; padding:30px; /*text-align:center;*/ }
.abfrage h3 {font-size:34px; padding-bottom:50px; font-weight: 200; line-height:34px}
.abfrage table {width: 100%; text-align:left}
.abfrage td {padding: 8px}
.abfrage-li {float: left; width:35%;/*text-align:right;*/ padding-right:15px}
.abfrage-re {float: left; width:55%; text-align:left}


@media (min-width: 0px) and (max-width: 560px) {
	.abfrage { text-align:left;font-size:22px;}
	.abfrage-li, .abfrage-re {width: 100%; text-align:left; }
	.abfrage h3 {font-size:28px; line-height:30px}
}

/*---------------------------------- Lists ------------------------------------*/

ul {
	list-style-type: none;
	padding-left: 0;
	margin: 0
}
ul li {
	position: relative;
	padding-left: 12px;
	margin: 5px; /*margin-bottom: 10px*/
}
ul li:before {
	position: absolute;
	top: 4px;
	left: 0;
	font-family: FontAwesome;
	content: "\f105";
	color: #005286;
}
ol {
	padding-left: 20px;
}
ul li ul li{
	position: relative;
	padding-left: 42px;
	/*margin: 5px;*/ /*margin-bottom: 10px*/
}
ul li ul li:before {
	position: absolute;
	top: 0;
	left: 30px;
	font-family: FontAwesome;
	content: "\f0da";
	color: #005286;
}