.AD19_Breadcrumb>ul li { display: inline-block; float: left; list-style: none; margin: 0 8px 0 0; padding: 0 17px 0 0; position: relative; } .AD19_Breadcrumb>ul li:after { -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); background: url(../icons-vorlagen/breadcrumb.svg) no-repeat 0 0; background-size: contain; content: ""; display: inline-block; height: 12px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 8px; } .AD19_Breadcrumb>ul li a { color: #11284e; display: inline-block; font-size: .75rem; font-style: normal; font-weight: 300; line-height: 1rem; padding-bottom: 1px; text-decoration: none; white-space: normal; } .AD19_Breadcrumb>ul li:last-child a { font-style: normal; font-weight: 700; } .AD19_Breadcrumb>ul::after { clear: both; content: ""; display: block; } .AD19_Breadcrumb>ul li:last-child:after { content: none; } .AD19_Breadcrumb>ul,.AD19_Breadcrumb>ul li:last-child { margin: 0; padding: 0; } .AD19_Breadcrumb { margin-bottom: 13px; } @media (min-width: 1024px) { .AD19_Breadcrumb>ul li { margin: 0 11px 0 0; padding: 0 21px 0 0; } .AD19_Breadcrumb>ul li a { font-size: .875rem; line-height: 1.1875rem; } .AD19_Breadcrumb { margin-left:10px; } }