Back-to-Overview Link
CODE
×
HTML
<a class='back2overview' href='#'>zurück zur Übersicht</a>
CSS
a.back2overview { display:block; position:relative; font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; letter-spacing: 0.01rem; word-spacing: 0.025rem; line-height: 125%; float:right; text-decoration:none; border-bottom: 1px solid rgba(255,255,255,1); margin-bottom: 12px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } a.back2overview:hover, a.back2overview:focus { border-bottom: 1px solid rgba(0,0,0,1); } a.back2overview:before { background-image: url('../img/arrow-back.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; content:''; position:absolute; width: 20px; height: 20px; top: 1px; left: -20px; } @media screen and (max-width: 767px) { a.back2overview { font-size: 13px; line-height: 17px; } } @media screen and (max-width: 767px) { a.back2overview::before { width: 18px; height: 18px; top: 0px; } } a { color: var(--black); } a:hover, a:focus { color: var(--black); }
JS
Back-to-Overview Link
barrierefrei
Letzte Änderung: 08.03.2023 - 17:42 Uhr
×
zurück zur Übersicht