/* ©2026 VORJUN · https://www.vorjun.de */
/* Separate navigation geometry: stays usable with custom content themes. */
body:has(.dc-sidebar){box-sizing:border-box;padding-right:304px!important}
.dc-sidebar{position:fixed!important;inset:0 0 0 auto!important;width:280px!important;max-width:100%!important;overflow:auto!important;overscroll-behavior:contain;padding:18px!important;background:#fff!important;color:#1f2937!important;border-left:1px solid #d9dfe5!important;z-index:30!important;box-sizing:border-box!important;font:16px/1.45 system-ui,sans-serif!important}
.dc-sidebar *{box-sizing:border-box!important}
.dc-sidebar details{margin:0 0 10px!important;padding:0!important;position:static!important}
.dc-sidebar summary{display:flex!important;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;padding:12px!important;min-height:48px!important;border:1px solid #d9dfe5!important;border-radius:10px!important;background:#f5f7f8!important;color:#1f2937!important;font-weight:700!important;overflow-wrap:anywhere}
.dc-sidebar nav{display:block!important;position:static!important;min-width:0!important;background:#fff!important;padding:8px 0!important;box-shadow:none!important;border:0!important}
.dc-sidebar a,.dc-sidebar button{display:block!important;width:100%!important;min-height:44px!important;margin:2px 0!important;padding:11px 14px!important;white-space:normal!important;text-align:left!important;overflow-wrap:anywhere;background:#fff!important;color:#1f2937!important;border:0!important;border-radius:8px!important;font:inherit!important;text-decoration:none!important;box-shadow:none!important}
.dc-sidebar a[aria-current],.dc-sidebar a:hover,.dc-sidebar button:hover{background:#e3f5f7!important;color:#125963!important}
.dc-sidebar :focus-visible{outline:3px solid #0097a7!important;outline-offset:2px!important}
@media(max-width:1050px){body:has(.dc-sidebar){padding-right:0!important}.dc-sidebar{position:relative!important;inset:auto!important;width:100%!important;max-height:none!important;border-left:0!important;border-bottom:1px solid #d9dfe5!important;margin:0 0 16px!important}.dc-sidebar nav{max-height:65vh;overflow:auto}.site-header:has(.dc-sidebar){flex-wrap:wrap}.site-header .dc-sidebar{flex-basis:100%}}
@media print{body:has(.dc-sidebar){padding-right:0!important}.dc-sidebar{display:none!important}}

/* Compact phone layout; the menu stays in document flow and covers no content. */
@media(max-width:650px){
 .dc-sidebar.dc-mobile-footer{margin:0!important;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px))!important;border-top:1px solid #d9dfe5!important;border-bottom:0!important}
 .dc-mobile-footer .dc-menu{margin:0!important}
 .dc-mobile-footer summary{padding:9px 12px!important;min-height:44px!important}
 .dc-mobile-footer nav{max-height:none!important;overflow:visible!important}
 .dc-mobile-footer .dc-group:last-child{margin-bottom:0!important}
 body.customer{font-size:16px!important;line-height:1.45!important}
 .customer .site-header{padding:12px 14px!important}
 .customer .brand-logo{max-height:44px!important;max-width:58px!important}
 .customer .brand b{font-size:19px!important}
 .customer .brand-mark{height:42px!important;width:38px!important;font-size:24px!important}
 .customer .customer-wrap{margin:8px auto 18px!important;padding:0 12px!important}
 .customer .card{padding:16px 14px!important;margin-bottom:12px!important;border-radius:14px!important}
 .customer h1{font-size:1.55rem!important;line-height:1.2!important;margin-bottom:12px!important}
 .customer h2{font-size:1.25rem!important;line-height:1.25!important;margin-bottom:10px!important}
 .customer p{margin-top:8px;margin-bottom:10px}
 .customer .intro{font-size:1rem!important}
 .customer .steps{margin:4px 0 12px!important}
 .customer .steps p{margin-bottom:7px!important}
 .customer .steps li{padding-bottom:7px!important}
 .customer .choice-cards{gap:8px!important;margin:12px 0!important}
 .customer .choice-card{padding:12px!important;gap:9px!important}
 .customer .choice-card:has(input:checked){padding:11px!important}
 .customer .choice-card b{font-size:1rem!important}
 .customer .choice-card small{margin-top:4px!important}
 .customer .form-grid,.customer .photo-editor{gap:12px!important}
 .customer label{margin-top:9px;margin-bottom:5px}
 .customer input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.customer select,.customer textarea{font-size:16px!important;min-height:44px!important;padding:10px!important}
 .customer button,.customer .btn{min-height:44px!important;padding:10px 12px!important}
 .customer .flow-actions{gap:8px!important;padding:12px 0 2px!important}
 .customer .flow-actions.sticky{padding:10px 0!important}
 .customer .upload-box{padding:14px!important;margin:14px 0!important}
 .customer .cookie-notice{padding:12px!important;margin:0 12px 12px!important}
 .customer .summary-list li{padding:10px 0!important}
 .customer .site-footer{padding:16px 14px 12px!important}
 .customer .site-footer nav{gap:2px 16px!important}
}