Application Navigation (Icons)
CODE
×
HTML
<ul class='accordion an v3 level-1' data-accordion data-allow-all-closed='true'> <li class='an-item-1 icon-1' data-accordion-item> <a class='an-title with-subs profil-icon' href="#Mein-Profil"><span>Mein Profil</span></a> <div class='accordion-content an' data-tab-content><ul class='accordion an level-2' data-accordion data-allow-all-closed='true'> <li> <a id="Zugangsdaten" class="an-title without-subs not_prevent" href="#Zugangsdaten"><span>Zugangsdaten</span></a> </li> <li> <a id="Account-loeschen" class="an-title without-subs not_prevent" href="#Account-loeschen"><span>Account löschen</span></a> </li> </ul></div> </li> <li class='an-item-2 icon-2' data-accordion-item> <a class='an-title with-subs email-icon' href="#Mein-Postfach"><span>Mein Postfach</span></a> <div class='accordion-content an' data-tab-content><ul class='accordion an level-2' data-accordion data-allow-all-closed='true'> <li> <a id="Posteingang" class="an-title not_prevent without-subs" href="#Posteingang"><span>Posteingang</span></a> </li> <li> <a id="Gesendet" class="an-title not_prevent without-subs" href="#Gesendet"><span>Gesendet</span></a> </li> <li> <a id="Geloescht" class="an-title not_prevent without-subs" href="#Geloescht"><span>Gelöscht</span></a> </li> <li data-accordion-item> <a href="#Einstellungen" class='an-title with-subs'><span>Einstellungen</span></a> <div class='accordion-content an' data-tab-content> <ul class='accordion an level-3' data-accordion data-allow-all-closed='true'> <li><a id="Benutzerkonto" class="an-title not_prevent without-subs" href="#Benutzerkonto"><span>Benutzerkonto</span></a></li> <li><a id="Anmelde-Daten" class="an-title not_prevent without-subs" href="#Anmelde-Daten"><span>Anmelde-Daten</span></a></li> <li><a id="Benachrichtigungen" class="an-title not_prevent without-subs" href="#Benachrichtigungen"><span>Benachrichtigungen</span></a></li> </div> </li> </ul></div> </li> <li class='an-item-3 icon-3'> <a class='an-title without-subs not_prevent icon' href="#Abmelden" id="Abmelden"><span>Abmelden</span></a> </li> </ul>
CSS
@media screen and (max-width: 1119px) { ul.accordion.an.v3.level-1 { margin-top: 45px; margin-right: 30px; margin-bottom: 45px; margin-left: 30px !important; } } @media screen and (max-width: 767px) { ul.accordion.an.v3.level-1 { margin-top: 45px; margin-right: 20px; margin-bottom: 45px; margin-left: 20px !important; width: calc(100% - 40px); max-width: calc(100% - 40px); min-width: calc(100% - 40px); } } ul.accordion.an.v3 { background-color: transparent; border-color: transparent; } ul.accordion.an.v3 a.an-title { background-color: #FAF1E3; /* Sand */ } ul.accordion.an.v3 *:focus-visible { outline: none; border-left: 1px solid #1775D3; border-top: 1px solid #1775D3 !important; border-right: 1px solid #1775D3 !important; border-bottom: 1px solid #1775D3 !important;} ul.accordion.an.v3 a.an-title.with-subs[aria-selected='true']::after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); transition: all 250ms ease-in-out } ul.accordion.an.v3 a.an-title.with-subs[aria-selected='true']::before { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } ul.accordion.an.v3 ul.accordion.an.level-2 a { font-size: 18px; line-height: 26px; height: 52px; position: relative; display: block; text-decoration: none; color: rgba(0,0,0,1); letter-spacing: 0.01rem; word-spacing: 0.025rem; font-family: 'Roboto'; font-style: normal; font-weight: 300; padding-top: 13px; padding-right: 65px; padding-bottom: 13px; padding-left: 60px; width: 100%; max-width: 100%; min-width: 100%; } ul.accordion.an.v3 ul.accordion.an.level-3 a { font-size: 16px; line-height: 26px; height: 45px; position: relative; display: block; text-decoration: none; color: rgba(0,0,0,1); letter-spacing: 0.01rem; word-spacing: 0.025rem; font-family: 'Roboto'; font-style: normal; font-weight: 300; padding-top: 9px; padding-right: 65px; padding-bottom: 9px; padding-left: 75px; width: 100%; max-width: 100%; min-width: 100%; } ul.accordion.an.v3 ul.accordion.an.level-2 a.an-title.with-subs::before { top: 20px; } ul.accordion.an.v3 a.an-title:hover > span, ul.accordion.an.v3 a.an-title:focus > span { border-bottom: 1px solid #000; } ul.accordion.an.v3 a.an-title[aria-selected='true'] { background-color: #FCF8F3; /* Light Sand */ font-weight: 400; } ul.accordion.an.v3 a.an-title[aria-selected='true']:hover > span, ul.accordion.an.v3 a.an-title[aria-selected='true']:focus > span { border-bottom: 1px solid #000; } ul.accordion.an.v3 a.an-title.without-subs:target { background-color: #FFFFFF !important; /* white */ border-left-color: #EA161F; border-left-width: 6px; border-left-style: solid; padding-left: 54px !important; font-weight: 500 !important; border-right: 1px solid #F7E9D2; } ul.accordion.an.v3.level-1 > li > a.an-title.without-subs:target { padding-left: 54px !important; } ul.accordion.an.v3.level-1 > li:first-of-type: > a.an-title.without-subs:target { border-top: 1px solid #EBD3AE; border-right: 1px solid #EBD3AE; } ul.accordion.an.v3.level-1 > li:last-of-type > a.an-title.without-subs:target { border-bottom: 1px solid #EBD3AE; border-right: 1px solid #EBD3AE; } ul.accordion.an.v3.level-1 > li:last-of-type > a.an-title.without-subs:target { border-right: 1px solid #EBD3AE; border-bottom: 1px solid #EBD3AE; } ul.accordion.an.v3 ul.accordion.an.level-3 a.an-title.without-subs:target { padding-left: 69px !important; } ul.accordion.an.v3 a.an-title.without-subs:target > span, ul.accordion.an.v3 a.an-title.without-subs:target:hover > span, ul.accordion.an.v3 a.an-title.without-subs:target:focus > span { border-bottom: none !important; } ul.accordion.an.v3 a.an-title.without-subs:active { font-weight: 500 !important; } ul.accordion.an.v3 div.accordion-content.an, ul.accordion.an.v3 ul.accordion.an { margin: 0; background-color: #FCF8F3; /* Light Sand */ } ul.accordion.an.v3 ul.accordion.an div.accordion-content.an, ul.accordion.an.v3 ul.accordion.an ul.accordion.an { margin: 0; background-color: #FCF8F3; /* Light Sand */ border: none; } ul.accordion.an.v3 ul.accordion.an a.an-title { background-color: #FCF8F3; /* Light Sand */ } ul.accordion.an.v3 ul.accordion.an a.an-title:hover > span, ul.accordion.an.v3 ul.accordion.an a.an-title:focus > span { border-bottom: 1px solid #000; } ul.accordion.an.v3 ul.accordion.an.level-2 > li:last-of-type { padding-bottom: 6px; } ul.accordion.an.v3 ul.accordion.an.level-3 > li:last-of-type { padding-bottom: 4px; } ul.accordion { margin-bottom: 36px; margin-top: 36px; margin-left: 0px !important; margin-right: 0; max-width: 800px; background-color:transparent; } ul.accordion a.acc-title:hover::before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } ul.accordion a.acc-title[aria-selected='true']::before { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out } ul.accordion a.acc-title[aria-selected='true']:hover { background-color: rgba(242,224,195,1) !important; } ul.accordion a.acc-title[aria-selected='true']:hover::before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } div.accordion-content.an { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; width: 330px; max-width: 330px; min-width: 330px; } a.an-title.without-subs.not_prevent.icon { position:relative; display:block; text-decoration:none; color: var(--black); letter-spacing: 0.01rem; word-spacing: 0.025rem; font-size: 21px; line-height: 25px; font-family: 'Roboto'; font-style: normal; font-weight: 300; padding-top: 21px; padding-right: 65px; padding-bottom: 21px; padding-left: 60px; width: 330px; max-width: 330px; min-width: 330px; height: 68px; } a.an-title.with-subs.profil-icon { position:relative; display:block; text-decoration:none; color: var(--black); letter-spacing: 0.01rem; word-spacing: 0.025rem; font-size: 21px; line-height: 25px; font-family: 'Roboto'; font-style: normal; font-weight: 300; padding-top: 21px; padding-right: 65px; padding-bottom: 21px; padding-left: 60px; width: 330px; max-width: 330px; min-width: 330px; height: 68px; } a.an-title.with-subs.email-icon { position:relative; display:block; text-decoration:none; color: var(--black); letter-spacing: 0.01rem; word-spacing: 0.025rem; font-size: 21px; line-height: 25px; font-family: 'Roboto'; font-style: normal; font-weight: 300; padding-top: 21px; padding-right: 65px; padding-bottom: 21px; padding-left: 60px; width: 330px; max-width: 330px; min-width: 330px; height: 68px; } a.an-title.without-subs.not_prevent.icon:before { background-image: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjUgMjUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNNy40NzU3MyAyMi44MzI5QzcuNDg3NCAyMi44MzI5IDcuNDk5MDcgMjIuODMyOSA3LjUxMjQgMjIuODMyOUM3LjY4OTA3IDIyLjgzMjkgNy44NjA3MyAyMi45MDEyIDcuOTg5MDcgMjMuMDIyOUM4LjEwNDA3IDIzLjEzOTYgOC4xNzI0IDIzLjMxMjkgOC4xNjU3MyAyMy40ODk2VjIzLjUwMTJWMjMuNTEyOUM4LjE3MjQgMjMuNjg3OSA4LjEwNTc0IDIzLjg2MTIgNy45ODI0IDIzLjk4NjJDNy44NTI0IDI0LjEwNzkgNy42NjU3MyAyNC4xNzc5IDcuNDc3NCAyNC4xNjc5SDcuNDYwNzRINC41MDA3M0MzLjUzMjQgMjQuMTg3OSAyLjU3NzQgMjMuODAxMiAxLjg5OTA3IDIzLjEwNzlDMS4yMDA3NCAyMi40MjQ2IDAuODE0MDY3IDIxLjQ3NzkgMC44MzQwNjcgMjAuNTA3OVY0LjQ5NDU3QzAuODE0MDY3IDMuNTI0NTcgMS4yMDA3MyAyLjU3NzkxIDEuODk0MDcgMS44OTk1N0MyLjU2MDczIDEuMjE3OTEgMy40Nzc0IDAuODM0NTcxIDQuNDIyNCAwLjgzNDU3MUM0LjQ0NzQgMC44MzQ1NzEgNC40NzA3MyAwLjgzNDU3MSA0LjQ5NDA2IDAuODM0NTcxSDcuNDc5MDdDNy42Njc0IDAuODIyOTA0IDcuODU0MDcgMC44OTI5MDUgNy45OTI0IDEuMDIyOTFDOC4xMDc0IDEuMTM5NTcgOC4xNzU3NCAxLjMxMjkgOC4xNjkwNyAxLjQ4OTU3VjEuNTAxMjRWMS41MTI5MUM4LjE3NTc0IDEuNjg3OTEgOC4xMDkwNiAxLjg2MTIzIDcuOTg1NzMgMS45ODYyM0M3Ljg1NTczIDIuMTA3OSA3LjY2OTA3IDIuMTc3OSA3LjQ4MDc0IDIuMTY3OUg3LjQ2NDA2SDQuNTA0MDZINC40OTc0QzMuODg1NzMgMi4xNjc5IDMuMjkyMzkgMi40MjEyNCAyLjg2OTA2IDIuODY0NTdDMi40MjQwNiAzLjI4OTU3IDIuMTY5MDYgMy44ODYyNCAyLjE3MjQgNC41MDEyNFYyMC40OTk2QzIuMTcwNzMgMjEuMTE0NiAyLjQyNDA2IDIxLjcwOTYgMi44NjkwNiAyMi4xMzQ2QzMuMjkyMzkgMjIuNTc3OSAzLjg4NTczIDIyLjgzMjkgNC40OTkwNyAyMi44MzI5IiBmaWxsPSJibGFjayIvPg0KPHBhdGggZD0iTTIzLjIyNzUgMTAuMjU5NkwxNy45NDI1IDQuOTc0NTlDMTcuNjA5MSA0LjY0NDU5IDE3LjE4NTggNC40Mjc5MiAxNi43MjI1IDQuMzQ3OTJDMTYuMjM5MSA0LjI0OTU5IDE1Ljc1NDEgNC4yOTc5MSAxNS4zMDkxIDQuNDg2MjVDMTQuODc0MSA0LjY2NDU4IDE0LjUxMjUgNC45NjYyNCAxNC4yNjA4IDUuMzU5NThDMTQuMDA0MSA1Ljc0NzkxIDEzLjg3MjUgNi4xOTYyNSAxMy44NzQxIDYuNjU3OTJWOC44MzI5M0g5LjU0MDc5QzguODEyNDYgOC44MTc5MyA4LjExOTEyIDkuMTAxMjUgNy42MTkxMiA5LjYxMjkxQzcuMTEyNDUgMTAuMDk3OSA2LjgyOTEzIDEwLjc2NjMgNi44MzQxMyAxMS40NTYzVjEzLjUzOTZDNi44MjkxMyAxNC4yMzI5IDcuMTEyNDUgMTQuOTAxMiA3LjYxMDc5IDE1LjM3NzlDOC4xMTkxMiAxNS44OTYyIDguODIwNzkgMTYuMTg0NiA5LjUzNDEzIDE2LjE2NjNIMTMuNzk0MVYxOC4zMjI5QzEzLjg0MjUgMTguNzg5NiAxNC4wMDI1IDE5LjI0NDYgMTQuMjU5MSAxOS42Mzc5QzE0LjUwNDEgMjAuMDIxMyAxNC44NzU4IDIwLjI5NzkgMTUuMzEwOCAyMC40MTk2TDE1LjM2OTEgMjAuNDQxMkMxNS42NDQxIDIwLjU3NzkgMTUuOTU0MSAyMC42NTEzIDE2LjI1NzUgMjAuNjQ2M0MxNi44OTI1IDIwLjY2MTMgMTcuNDkyNSAyMC40MzQ2IDE3Ljk1NTggMjAuMDEyOUwyMy4yMjkxIDE0LjczOTZDMjMuODM0MSAxNC4xNTc5IDI0LjE3NTggMTMuMzQyOSAyNC4xNjc1IDEyLjUwMjlDMjQuMTc3NSAxMS42NTYyIDIzLjgzNTggMTAuODQxMiAyMy4yMjkxIDEwLjI1OTZIMjMuMjI3NVpNMTYuOTcyNSAxOS4wNTYzQzE2Ljc5NDEgMTkuMjQ5NiAxNi41NDI1IDE5LjM1MjkgMTYuMjg1OCAxOS4zNTI5QzE2LjEzNDEgMTkuMzUyOSAxNS45ODA4IDE5LjMxNjMgMTUuODM5MSAxOS4yNDI5QzE1LjQ3OTEgMTkuMDk5NiAxNS4yMTc1IDE4Ljc5MTMgMTUuMTM0MSAxOC40MTEzTDE1LjEyNTggMTguMzM5NkwxNS4xMzQxIDE1LjM4NjJDMTUuMTYyNSAxNS4yNTc5IDE1LjExNTggMTUuMTIyOSAxNS4wMTI1IDE1LjA0MTNMMTQuOTk0MSAxNS4wMjYyQzE0Ljg1OTEgMTQuOTAyOSAxNC42ODI1IDE0LjgzNDYgMTQuNTAwOCAxNC44MzQ2SDkuNDYwNzlDOS4xMjA3OSAxNC44NDYyIDguNzg0MTMgMTQuNzAxMyA4LjU0MjQ2IDE0LjQ1MjlDOC4yODU3OSAxNC4xODI5IDguMTUwNzkgMTMuODE5NiA4LjE2NzQ2IDEzLjQ1MjlWMTEuNTQ5NkM4LjE1MDc5IDExLjE4MjkgOC4yODU3OSAxMC44MTk2IDguNTM5MTIgMTAuNTUyOUw4LjU1MjQ2IDEwLjUzOTZDOC44MTkxMyAxMC4yODYzIDkuMTg0MTIgMTAuMTUxMiA5LjU1MDc5IDEwLjE2NzlIMTQuNTAyNUMxNC42ODU4IDEwLjE2NzkgMTQuODYyNSAxMC4wOTk2IDE0Ljk5NzUgOS45NzQ1OUMxNS4xNDI1IDkuODQ2MjYgMTUuMjE5MSA5LjY2NDU5IDE1LjIwOTEgOS40NzYyNlY2LjY2MTI1QzE1LjIxNDEgNi4yNDk1OSAxNS40NzQxIDUuODg3OTEgMTUuODU1OCA1Ljc1MTI0QzE2LjI1NDEgNS41NjYyNCAxNi43MTkxIDUuNjM2MjUgMTcuMDQ1OCA1LjkzMjkyTDIyLjMzOTEgMTEuMjI2M0MyMi42NjkxIDExLjU2NDYgMjIuODQ5MSAxMi4wMjc5IDIyLjgzNDEgMTIuNDk5NkMyMi44NDkxIDEyLjk3MTMgMjIuNjY5MSAxMy40MzQ2IDIyLjMzOTEgMTMuNzcyOSIgZmlsbD0iYmxhY2siLz4NCjwvc3ZnPg=='); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; } a.an-title.with-subs.profil-icon:before { background-image: url('../img/user.svg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; } a.an-title.with-subs.email-icon:before { background-image: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjUgMjUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMjMuNTMxNyAxOS4zNTMzQzIzLjk1MzQgMTguNjQgMjQuMTcxNyAxNy44MjY3IDI0LjE2NjcgMTcuMDAxN1Y3Ljk5OTk4QzI0LjE3MTcgNy4xNzE2NSAyMy45NTM0IDYuMzU5OTggMjMuNTMzNCA1LjY0OTk4QzIzLjEyNTEgNC45NDMzMiAyMi41MzM0IDQuMzYzMzIgMjEuODIwMSAzLjk3MzMyQzIxLjExODQgMy41ODE2NSAyMC4yNzIgMy4yOTQ5OCAxOS41MzAxIDMuMjk0OThINS41NDgzOEM0LjcyMzM4IDMuMzM5OTggMy45MDUwNSAzLjU3NDk4IDMuMTgwMDUgMy45NzMzMkMyLjQ2NjcyIDQuMzY0OTggMS44NzUwNSA0Ljk0MzMyIDEuNDY4MzggNS42NDgzMkMxLjA0NjcyIDYuMzU5OTggMC44MjgzODIgNy4xNzE2NSAwLjgzMzM4MiA3Ljk5NjY1VjE3QzAuODI4MzgyIDE3LjgyODMgMS4wNDY3MiAxOC42NCAxLjQ2NjcyIDE5LjM1QzEuODc1MDUgMjAuMDU2NyAyLjQ2NjcyIDIwLjYzNjcgMy4xODAwNSAyMS4wMjY3QzMuODgxNzIgMjEuNDE4MyA0LjY3MTcyIDIxLjY1MzMgNS40NzAwNSAyMS43MDVIMTkuNTMwMUMyMC4zMjg0IDIxLjY1MzMgMjEuMTIwMSAyMS40MTgzIDIxLjgxODQgMjEuMDI2N0MyMi41MzUxIDIwLjYzNSAyMy4xMjY3IDIwLjA1NSAyMy41MzE3IDE5LjM1MTdWMTkuMzUzM1pNMi40MjUwNSA2Ljc2OTk4QzIuNjQzMzggNi4xMzY2NSAzLjA3NjcyIDUuNTkzMzIgMy42NDMzOCA1LjIzNjY1QzQuMTQ1MDUgNC45MTMzMiA0LjgwNjcxIDQuNjQ4MzEgNS40MDMzOCA0LjYyNDk4SDE5LjU3MDFDMjAuMDg3IDQuNjI0OTggMjAuODIzNCA0Ljg5NDk4IDIxLjM2MDEgNS4yMzY2NUMyMS45MjUxIDUuNTkxNjUgMjIuMzU2NyA2LjEzNjY1IDIyLjU3NTEgNi43NjgzMkwyMi42NDM0IDYuOTY0OThMMTQuODk2NyAxNC43OTE3QzE0LjI4NTEgMTUuNDE2NyAxMy40MzY3IDE1Ljc3MTcgMTIuNTYxNyAxNS43NzE3QzEyLjUzODQgMTUuNzcxNyAxMi41MTUxIDE1Ljc3MTcgMTIuNDkxNyAxNS43NzE3QzExLjYwODQgMTUuNzkgMTAuNzMwMSAxNS40MzMzIDEwLjEwMDEgMTQuNzkxN0wyLjM1NjcyIDYuOTY2NjVMMi40MjUwNSA2Ljc2OTk4Wk0xOS40NTY3IDIwLjI5MzNINS41NDAwNUM1LjUxMzM4IDIwLjI5MzMgNS40ODgzOCAyMC4yOTMzIDUuNDYxNzIgMjAuMjkzM0M0LjYxMDA1IDIwLjI5MzMgMy43NjgzOCAxOS45NTUgMy4xNDgzOCAxOS4zNkMyLjUwMDA1IDE4Ljc0ODMgMi4xNDE3MiAxNy44ODUgMi4xNjY3MiAxNi45OVY4LjcyMTY1TDkuMjEzMzggMTUuNjgxN0M5Ljc5MzM4IDE2LjI3IDEwLjUxNjcgMTYuNjk2NyAxMS4zMDg0IDE2LjkxODNDMTIuMDg4NCAxNy4xNDE3IDEyLjkxMDEgMTcuMTQxNyAxMy42ODY3IDE2LjkxODNDMTQuNDgwMSAxNi42OTY3IDE1LjIwMzQgMTYuMjcgMTUuNzgxNyAxNS42ODVMMjIuODMxNyA4LjcyMTY1VjE3QzIyLjg1NjcgMTcuODg1IDIyLjQ5ODQgMTguNzQ4MyAyMS44NDY3IDE5LjM2MzNDMjEuMjExNyAxOS45NzUgMjAuMzQwMSAyMC4zMTUgMTkuNDUzNCAyMC4yOTMzSDE5LjQ1NjdaIiBmaWxsPSJibGFjayIvPg0KPC9zdmc+'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; } a.an-title.with-subs.profil-icon:after { background-image: url('data:image/svg+xml;utf8,
'); content: ' '; position: absolute; width: 18px; height: 12px; right: 25px; top: 28px; background-size: 18px 12px; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } a.an-title.with-subs.email-icon:after { background-image: url('data:image/svg+xml;utf8,
'); content: ' '; position: absolute; width: 18px; height: 12px; right: 25px; top: 28px; background-size: 18px 12px; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } @media screen and (max-width: 767px) { div.accordion-content.an { width: 100%; max-width: 100%; min-width: 100%; } a.an-title.without-subs.not_prevent.icon { width: 100%; max-width: 100%; min-width: 100%; } a.an-title.with-subs.profil-icon { width: 100%; max-width: 100%; min-width: 100%; } a.an-title.with-subs.email-icon { width: 100%; max-width: 100%; min-width: 100%; } } a.an-title.with-subs.email-icon::before { content: ' '; position: absolute; width: 25px; height: 25px; left: 21px; top: 20px; } div.accordion-content { display:none; border:none; background-color: rgba(250,241,227,1); padding-top: 25px; padding-bottom: 25px; padding-left: 25px; padding-right: 65px; max-width: 800px; padding-right: 25px; padding-bottom: 25px; } a { color: var(--black); } a:hover, a:focus { color: var(--black); }
JS
Application Navigation (Icons)
Erstellt: 18.09.2024 - 21:17 Uhr
Letzte Änderung: 22.09.2024 - 16:05 Uhr
×
Mein Profil
Zugangsdaten
Account löschen
Mein Postfach
Posteingang
Gesendet
Gelöscht
Einstellungen
Benutzerkonto
Anmelde-Daten
Benachrichtigungen
Abmelden