.crmFinancePanel>.crmFinanceMetrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0 8px;display:grid}.crmFinanceMetrics>div{align-items:flex-start;min-height:108px;padding:16px 12px}.crmFinanceMetrics .crmMetricIcon{margin-top:3px}.crmFinanceMetrics .contactOutlineIcon{width:23px;height:23px}.crmFinanceMetrics strong{white-space:normal;overflow-wrap:anywhere;margin:4px 0;font-size:clamp(18px,1.8vw,26px)}.crmFinanceMetrics small{line-height:1.5}.crmFinancePanel>p.crmFinanceCalculation{color:#607892;margin:0 0 18px;font-size:12px}.crmFinancePanel>.crmSubscriptionsBox{margin-top:16px!important}.crmFinancePanel .crmInvoiceList>header{margin-bottom:14px}.crmFinancePanel .crmInvoiceList h4{margin:0}@media (width<=1050px){.crmFinancePanel>.crmFinanceMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.crmFinancePanel>.crmFinanceMetrics{gap:8px}.crmFinanceMetrics>div{gap:8px;padding:10px}.crmFinanceMetrics .contactOutlineIcon{width:19px;height:19px}.crmFinancePanel>.crmSubscriptionsBox{padding:12px}}@media (width<=380px){.crmFinancePanel>.crmFinanceMetrics{grid-template-columns:1fr}}html body .contactModernHeader{flex-wrap:wrap;color:#fffdf7!important;background:#123f4b!important;border-radius:12px!important;align-items:center!important;gap:18px!important;padding:20px!important;display:flex!important;position:static!important}html body .contactModernHeader h2,html body .contactModernHeader h3{color:#fffdf7!important;margin:4px 0!important}html body .contactModernHeader p{color:#e2ede8!important;margin:6px 0!important}html body .contactModernHeader a{color:inherit;overflow-wrap:anywhere}html body .contactModernActions{flex-wrap:wrap;margin-left:auto;align-items:center!important;gap:10px!important;width:auto!important;max-width:none!important;display:flex!important}html body .contactModernActions .contactPrimary{justify-content:center;align-items:center;gap:8px;min-height:44px;display:inline-flex;color:#fff!important;background:#a65e30!important;border:1px solid #c77b45!important;border-radius:24px!important;padding:10px 16px!important;font-size:15px!important;text-decoration:none!important}html body .contactModernActions .contactPrimary svg{width:19px;height:19px;color:inherit!important}html body .contactModernActions .contactPrimary:disabled{opacity:.55;cursor:not-allowed}html body .contactModernPhone{min-height:32px;color:inherit!important;font:inherit!important;background:0 0!important;border:0!important;padding:0!important;text-decoration:none!important}html body nav.contactModernTabs{overscroll-behavior-x:contain;scrollbar-width:thin;max-width:100%;overflow-x:auto;background:0 0!important;border:0!important;flex-wrap:nowrap!important;gap:4px!important;margin:0!important;padding:10px 0!important;display:flex!important}html body nav.contactModernTabs>button{white-space:nowrap;color:#163f46!important;width:auto!important;min-width:0!important;min-height:44px!important;box-shadow:none!important;background:#edf4ef!important;border:1px solid #b9cec5!important;border-radius:8px!important;flex-direction:row!important;flex:none!important;align-items:center!important;gap:7px!important;margin:0!important;padding:9px 13px!important;font-size:14px!important;display:inline-flex!important}html body nav.contactModernTabs>button>span{display:inline!important}html body nav.contactModernTabs>button svg{width:18px!important;height:18px!important;color:var(--type-icon,#806622)!important}html body nav.contactModernTabs>button[aria-pressed=true],html body nav.contactModernTabs>button[aria-current=page]{outline:0;font-weight:700;color:#fffdf7!important;background:#123f4b!important;border-color:#c77b45!important;box-shadow:inset 0 -3px #c77b45!important}html body nav.contactModernTabs .crmTabIcon{position:relative;background:0 0!important;width:auto!important;height:auto!important;padding:0!important;display:inline-flex!important}html body nav.contactModernTabs .crmTabCount{margin-left:4px;font-size:11px;position:static!important}html body .contactModernOverview{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px;gap:18px!important;display:grid!important}html body .contactModernOverview>article,html body .contactModernOverview>.contactModernRight{border-radius:12px;min-width:0;color:#163f46!important;background:#fffdf7!important;border:1px solid #b9cec5!important;padding:22px!important}html body .contactModernOverview h3,html body .contactModernOverview h4{color:#163f46!important}html body .contactModernOverview dl{margin:12px 0}html body .contactModernOverview dl>div{border-bottom:1px solid #b9cec566;grid-template-columns:minmax(100px,35%) minmax(0,1fr);gap:10px;padding:10px 0;display:grid}html body .contactModernOverview dd{overflow-wrap:anywhere;margin:0}html body .contactTechnical{color:#526b70;overflow-wrap:anywhere;margin-top:20px;font-size:13px}html body .contactTechnical summary{cursor:pointer;min-height:32px}html body .contactRecentActivity{border-top:1px solid #b9cec5;margin-top:22px;padding-top:12px}html body .contactRecentActivity ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}html body .contactRecentActivity li{align-items:flex-start;gap:12px;font-size:15px;display:flex}html body .contactRecentActivity svg{color:#a65e30;flex:none;width:19px;height:19px}html body .contactRecentActivity time{color:#526b70;margin-top:4px;font-size:13px;display:block}html body .contactRecentActivity p{color:#526b70;font-size:14px}html body .contactModernRight .crmContactNotes{background:0 0!important;border:0!important;padding:0!important}@media (width<=760px){html body .contactModernOverview{grid-template-columns:1fr!important}html body .contactModernActions{margin-left:0;width:100%!important}html body .contactModernHeader,html body .contactModernOverview>article,html body .contactModernOverview>.contactModernRight{padding:16px!important}html body header.contactModernHeader{box-sizing:border-box;min-width:0;max-width:100%;grid-template-columns:52px minmax(0,1fr)!important;gap:12px!important;display:grid!important}html body .contactModernHeader>.crmContactIdentity{grid-column:1/-1;grid-template-columns:52px minmax(0,1fr);gap:12px;min-width:0;display:grid!important}html body .contactModernHeader .crmAvatar{min-width:52px;width:52px!important;height:52px!important;margin:0!important;position:static!important;transform:none!important}html body .contactModernHeader>div:not(.contactModernActions),html body .crmContactIdentity>div{overflow-wrap:anywhere;min-width:0}html body .contactModernHeader>.contactModernActions{grid-column:1/-1;flex-wrap:wrap!important;justify-content:flex-start!important;gap:8px!important;width:100%!important;max-width:100%!important;margin:0!important;display:flex!important}html body .contactModernActions .contactPrimary{flex:120px;min-width:0;padding:8px!important;font-size:14px!important}.actaContactDetailBanner.contactModernHeader{grid-template-columns:52px minmax(0,1fr)!important;align-items:start!important;gap:12px!important;padding:16px!important;display:grid!important}.actaContactDetailBanner.contactModernHeader>div:first-child{width:52px!important;min-width:52px!important;height:52px!important;margin:0!important;position:static!important;transform:none!important}.actaContactDetailBanner.contactModernHeader>div:nth-child(2){overflow-wrap:anywhere;grid-column:2;min-width:0!important}.actaContactDetailBanner.contactModernHeader>.contactModernActions{flex-wrap:wrap!important;grid-column:1/-1!important;justify-content:flex-start!important;width:100%!important;display:flex!important}.actaContactDetailBanner.contactModernHeader>.contactModernActions .contactPrimary{flex:110px!important;min-width:0!important;padding:10px!important;font-size:14px!important}}html body .contactOverviewHead{background:0 0;border:0;flex-wrap:wrap;align-items:center;gap:20px;margin:0 0 24px;padding:0;display:flex}html body .contactOverviewHead h1,html body .contactOverviewHead h2{color:#fffdf7;margin:0;font-size:28px}html body .contactOverviewControls{flex-wrap:wrap;flex:1;justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}html body .contactOverviewSearch{color:#fffdf7;gap:4px;width:clamp(240px,30vw,440px);max-width:100%;font-size:14px;display:grid}html body .contactOverviewSearch input{box-sizing:border-box;color:#123f4b;background:#fffdf7;border:1px solid #8fada5;border-radius:12px;width:100%;min-width:0;min-height:44px;padding:10px 14px}html body .contactOverviewFilters{color:#fffdf7;position:relative}html body .contactOverviewFilters summary{cursor:pointer;box-sizing:border-box;border:1px solid #8fada5;border-radius:24px;min-height:44px;padding:12px}html body .contactOverviewFilters>div{flex-wrap:wrap;gap:12px;padding:12px 0;display:flex}html body .contactOverviewFilters label{gap:6px;min-width:150px;display:grid}html body .contactOverviewFilters select{max-width:100%;min-height:40px}html body .contactOverviewGrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:18px;display:grid}html body .contactOverviewCard{color:#123f4b;background:#f6f8f3;border:1px solid #a4bfb6;border-radius:16px;align-items:center;gap:12px;min-width:0;margin:0;padding:20px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}html body .contactOverviewCard:focus-within{border-color:#c77b45;box-shadow:0 3px 14px #071e3314}html body .contactOverviewCard:has(.contactOverviewOpen:hover){border-color:#c77b45;box-shadow:0 3px 14px #071e3314}html body button.contactOverviewOpen{text-align:left;min-width:0;box-shadow:none;cursor:pointer;border-radius:8px;flex:1;align-self:stretch;align-items:center;gap:18px;padding:0;font-weight:400;display:flex;color:#123f4b!important;background:0 0!important;border:0!important}html body .contactOverviewIdentity{overflow-wrap:anywhere;gap:6px;min-width:0;line-height:1.4;display:grid}html body .contactOverviewIdentity strong{color:#123f4b;font-size:21px}html body .contactOverviewIdentity>span{color:#466a6c;font-size:15px}html body .contactOverviewOpen .crmAvatar{flex:0 0 58px;width:58px!important;height:58px!important;margin:0!important;position:static!important;transform:none!important}html body .contactOverviewCard nav{flex:none;margin:0;padding:0;display:block!important}html body .contactOverviewControls .contactPrimary{min-height:44px;color:#fff!important;background:#a55d2b!important;border:1px solid #c77b45!important}@media (width<=700px){html body .contactOverviewHead{display:block}html body .contactOverviewControls{justify-content:flex-start;margin-top:16px}html body .contactOverviewSearch{order:-1;width:100%}html body .contactOverviewFilters[open]{flex-basis:100%}html body .contactOverviewCard{gap:10px;padding:16px}html body .contactOverviewOpen{gap:12px!important}html body .contactOverviewOpen .crmAvatar{flex-basis:44px;width:44px!important;height:44px!important}html body .contactOverviewIdentity strong{font-size:19px}}html body .actaContactsWorkspace,html body .crmContactOverview:not(.crmContactOnly){box-sizing:border-box;background:linear-gradient(#092c3b55,#092c3b22),url(/images/buendlio-kontakte-waldsee.png) bottom/cover no-repeat;min-height:calc(100dvh - 190px);padding:24px}@media (width<=700px){html body .actaContactsWorkspace,html body .crmContactOverview:not(.crmContactOnly){min-height:calc(100dvh - 140px);padding:16px}}
