ol li { margin-left: 24px;}
ol li:before {
	display: inline-block;
	min-width: 25px;
/*	margin-left: -37px;*/
}

ol.roman li { border: none;  padding-top: 3px; padding-right: 3.5em; margin-bottom: .75em; margin-left: 25px; position: relative;}
ol.roman > li:before {
	position: absolute;
content: counter(li, upper-roman) ".";
list-style-type: upper-roman;
counter-increment: li;
left: 0px;
background: transparent;
color: #565656;
font-weight: bold;
border: none;
padding: 0 10px 0 0;
font-size: 1em;
border-right: 1px solid $bogen; border-radius: 50px;
font-family: 'Playfair Display', serif;
margin-left: -37px;
}
ol.numbers {margin-left: 88px;}
ol.numbers ol[type="a"] {list-style: none}
ol.numbers ol[type="a"] li:before { content: counter(li, lower-alpha) "."; font-size: 1em;
}
.roman { font-family: 'Playfair Display', serif;}
h2 { margin-left: 63px;}
h2 span.roman {margin-left: -63px; display: inline-block; min-width: 63px;}
.ratgeber { overflow-x:hidden;}


@media only screen and (max-device-width:568px) {
	h2 { margin-left: 0px;}
	h2 span.roman {margin-left: 0px; display: inline-block; min-width: 25px;}
	ol.numbers {margin-left: 15px;}
	ol.numbers li { margin-left: 18px; position:relative;}
	ol.numbers li:before { margin-right: 0px; margin-left: 0px;position: absolute; left: -33px;}
}

#hkTool{display:none!important;}