.home-view-toolbar { position: fixed; top: 8px; right: 8px; z-index: 10000; }
#home-view-toggle { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; padding: 7px; border: 1px solid #c5b9b1; border-radius: 5px; color: #554038; background: #fffefd; font: 14px Arial,sans-serif; cursor: pointer; }
#home-view-toggle span { display: none; }
#home-view-toggle svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; }
#home-view-toggle[aria-pressed="true"] .home-eye-slash { display: none; }
#home-view-toggle[aria-pressed="true"] { border-color: #69874d; background: #f2f6ed; }
#home-view-toggle:hover { border-color: #8c4960; }
.home-callback a:focus-visible, #home-view-toggle:focus-visible { outline: 2px solid #8c4960; outline-offset: 3px; }
body.home-customer-view #right .mod_login, body.home-customer-view .new-customer-sidebar-box, body.home-customer-view .prepaid-access-box { display: none !important; }
#home-callback[hidden], #home-customer-account[hidden] { display: none !important; }
.home-callback { position: relative; box-sizing: border-box; padding: 52px 12px 10px; border: solid transparent; border-width: 0 5px 5px; border-image: url('/site/assets/images/boxenbilder/2ed60343fd90ad7f0f38711c.jpg') 0 5 5 / 0 5px 5px / 0 stretch; border-radius: 0; background: #f8f3ed url('/site/assets/images/boxenbilder/hg-box-flaeche-kachel.png') repeat; box-shadow: 0 2px 6px #46231a29; }
.home-callback::after { content: ''; position: absolute; bottom: -5px; left: -5px; width: calc(100% + 10px); height: 10px; background-image: url('/site/assets/images/boxenbilder/hg-box-rand-unten-links.png'),url('/site/assets/images/boxenbilder/hg-box-rand-unten-rechts.png'),url('/site/assets/images/boxenbilder/hg-box-rand-unten-mitte.png'); background-position: left bottom,right bottom,center bottom; background-size: 20px 10px,20px 10px,24px 10px; background-repeat: no-repeat,no-repeat,repeat-x; pointer-events: none; }
.home-callback-status { display: inline-flex; align-items: center; gap: 5px; margin-left: 8px; padding: 2px 7px; border: 1px solid #c8d6ba; border-radius: 10px; background: #f2f6ed; color: #3e6025; font: 700 11px/16px Arial,sans-serif; text-transform: none; }
.home-callback-status::before { content: ''; width: 8px; height: 8px; background: #68894b; border-radius: 50%; }
.home-callback h2 { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 0 5px; box-sizing: border-box; position: absolute; top: 0; left: -5px; width: calc(100% + 10px); height: 44px; margin: 0; padding: 0 28px; color: #7c1033; font: 17px/22px 'Times New Roman',serif; text-transform: uppercase; text-align: center; background-image: url('/site/assets/images/zahlung/hg-box-oben-links.png'),url('/site/assets/images/zahlung/hg-box-oben-rechts.png'),url('/site/assets/images/zahlung/hg-box-oben-mitte.png'); background-position: left top,right top,center top; background-size: 67px 44px,67px 44px,24px 44px; background-repeat: no-repeat,no-repeat,repeat-x; }
.home-callback h2 a { color: #7c1033; }
.home-callback dl { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin: 0; }
.home-callback dl div { min-width: 0; padding: 0; }
.home-callback dt { color: #73665c; font-size: 12px; }
.home-callback dd { margin: 2px 0 0; color: #51453d; font-size: 13px; font-weight: 700; overflow-wrap: anywhere; }
#home-customer-account { box-sizing: border-box; }
#right #home-callback { margin: 0 0 20px; padding: 68px 10px 14px; }
#right #home-callback h2 { height: 60px; padding: 0 20px; font-size: 18px; background-size: 92px 60px,92px 60px,24px 60px; }
#right .home-callback-person { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-bottom: 12px; }
#right .home-callback-person a { color: #7c1033; font: 700 14px/1.4 Arial,sans-serif; }
#right .home-callback-status { margin: 0; }
#right .home-callback dl { display: flex; flex-direction: column; gap: 9px; }
#right .home-callback dl div { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; padding-bottom: 7px; border-bottom: 1px solid #ded5cc; }
#right .home-callback dl div:last-child { border: 0; padding-bottom: 0; }
#right .home-callback dt { font: 11px/1.5 Arial,sans-serif; }
#right .home-callback dd { font: 700 12px/1.5 Arial,sans-serif; text-align: right; }
#home-mobile-account:empty { display: none; }
@media(max-width:1100px) {
 .home-view-toolbar { display: none; }
}
 #home-mobile-account:not(:empty) { margin-top: 14px; }
 #home-mobile-account #home-customer-account { display: block; position: relative; width: 100%; height: auto; margin: 0; padding: 68px 14px 18px; background: #f8f3ed url('/site/assets/images/boxenbilder/hg-box-flaeche-kachel.png') repeat; border: solid transparent; border-width: 0 5px 5px; border-image: url('/site/assets/images/boxenbilder/2ed60343fd90ad7f0f38711c.jpg') 0 5 5 / 0 5px 5px / 0 stretch; border-radius: 0; box-shadow: 0 2px 6px #46231a29; }
 #home-mobile-account #home-customer-account::after { content: ''; position: absolute; bottom: -5px; left: -5px; width: calc(100% + 10px); height: 10px; background-image: url('/site/assets/images/boxenbilder/hg-box-rand-unten-links.png'),url('/site/assets/images/boxenbilder/hg-box-rand-unten-rechts.png'),url('/site/assets/images/boxenbilder/hg-box-rand-unten-mitte.png'); background-position: left bottom,right bottom,center bottom; background-size: 20px 10px,20px 10px,24px 10px; background-repeat: no-repeat,no-repeat,repeat-x; pointer-events: none; }
 #home-mobile-account .bh { display: flex; align-items: center; justify-content: center; box-sizing: border-box; position: absolute; top: 0; left: -5px; width: calc(100% + 10px); height: 60px; margin: 0; padding: 0 65px; color: #7c1033; font: 18px/20px 'Times New Roman',serif; text-transform: uppercase; text-align: center; background-image: url('/site/assets/images/zahlung/hg-box-oben-links.png'),url('/site/assets/images/zahlung/hg-box-oben-rechts.png'),url('/site/assets/images/zahlung/hg-box-oben-mitte.png'); background-position: left top,right top,center top; background-size: 92px 60px,92px 60px,24px 60px; background-repeat: no-repeat,no-repeat,repeat-x; }
 #home-mobile-account .infos { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: 0 0 14px; padding: 0; list-style: none; }
 #home-mobile-account .infos li { min-width: 0; margin: 0; padding: 10px; background: #fffdf9; border: 1px solid #e1d9d1; border-radius: 4px; font: 14px/1.5 Arial,sans-serif; }
 #home-mobile-account .infos li.user { grid-column: 1/-1; display: flex; align-items: center; justify-content: space-between; padding: 0 0 10px; background: none; border: 0; border-bottom: 1px solid #d5c9bd; border-radius: 0; font-weight: 700; }
 #home-mobile-account form { height: auto; }
 #home-mobile-account .account-topup-button { display: block; box-sizing: border-box; width: 100%; height: auto; min-height: 46px; padding: 12px; color: white; background: #53ac29 url('/site/assets/images/buttons-hintergrund/button-aktion-gruen-elegant.webp') center/cover; text-align: center; border-radius: 4px; font: 700 15px/22px Arial,sans-serif; }
 #home-mobile-account .account-logout-icon { display: inline-flex; vertical-align: middle; align-items: center; justify-content: center; width: 30px; height: 30px; margin-left: 8px; padding: 4px; border: 1px solid #c5b9b1; border-radius: 4px; background: #fffefd; color: #554038; cursor: pointer; }
 #home-mobile-account .account-logout-icon svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.5; }
@media(max-width:600px) {
 .home-callback { padding: 68px 12px 12px; }
 .home-callback h2 { height: 60px; padding: 7px 24px; font-size: 16px; background-size: 92px 60px,92px 60px,24px 60px; align-content: center; }
 .home-callback dl { grid-template-columns: repeat(2,minmax(0,1fr)); }

}



.home-account-page #main .home-callback { margin-bottom: 16px; }
.home-account-page #main #home-customer-account { max-width: none; }