/* kampagnen-audit: authored composition; shared elements, roles and states. */
.audit-main { display:block; color:var(--fraz-color-muted); padding-top:0; padding-right:0; padding-bottom:0; padding-left:0; background-color:var(--fraz-color-bg); }
.audit-hero { padding-top:var(--fraz-layout-hero-top); padding-right:0; padding-bottom:0; padding-left:0; display:block; }
.audit-wrap { min-width:0; padding-top:0; padding-bottom:0; }
.audit-intro { min-width:0; max-width:960px; }
.audit-eyebrow { margin-bottom:var(--fraz-layout-label-gap); color:var(--fraz-color-lavender); }
.audit-fraz-h1 { color:var(--fraz-color-text); overflow-wrap:anywhere; max-width:var(--fraz-layout-title-measure); }
.audit-fraz-h1-accent { font-style:italic; font-weight:inherit; font-size:inherit; line-height:inherit; font-family:inherit; color:var(--fraz-color-lavender); }
.audit-lead { max-width:var(--fraz-layout-lead-measure); margin-top:var(--fraz-layout-title-lead-gap); margin-bottom:var(--fraz-space-wide); color:var(--fraz-color-muted); }
.audit-case-section { scroll-margin-top:24px; padding-top:0; padding-right:0; padding-bottom:0; padding-left:0; display:block; margin-top:var(--fraz-layout-section-gap); }
.audit-wrap--siworks { min-width:0; display:grid; grid-template-columns:1fr 1fr; align-items:start; padding-top:0; padding-bottom:0; }
.audit-case-panel { min-width:0; padding-top:var(--fraz-space-wide); padding-right:var(--fraz-space-large); padding-bottom:var(--fraz-space-block); padding-left:var(--fraz-space-wide); min-height:340px; display:flex; flex-direction:column; justify-content:space-between; row-gap:var(--fraz-space-wide); column-gap:var(--fraz-space-wide); background-color:var(--fraz-color-light-blue); color:var(--fraz-color-bg); }
.audit-eyebrow--siworks { color:var(--fraz-color-bg); }
.audit-div { min-width:0; }
.audit-h2 { color:var(--fraz-color-bg); margin-bottom:var(--fraz-space-stack); overflow-wrap:anywhere; }
.audit-p { color:#1b2533; max-width:440px; }
.audit-quote { position:relative; background-color:var(--fraz-color-bg); padding-top:var(--fraz-space-stack); padding-right:var(--fraz-space-stack); padding-bottom:var(--fraz-space-stack); padding-left:var(--fraz-space-stack); border-top-width:4px; border-top-style:solid; border-top-color:var(--fraz-color-light-blue); margin-top:80px; margin-right:0; margin-bottom:0; margin-left:calc(-1 * var(--fraz-space-wide)); display:block; }
.audit-blockquote { padding-top:0; padding-right:0; padding-bottom:0; padding-left:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0; font-style:italic; font-weight:400; font-size:30px; line-height:1.32; font-family:var(--fraz-heading-font) , serif; color:var(--fraz-color-text); }
.audit-figcaption { margin-top:28px; display:block; text-align:center; }
.audit-b { display:block; font-style:normal; font-weight:400; font-size:13px; line-height:1.5; font-family:var(--fraz-mono-font) , monospace; letter-spacing:.1em; text-transform:uppercase; color:var(--fraz-color-light-blue); }
.audit-span { display:block; font-size:16px; line-height:1.5; margin-top:var(--fraz-space-tight); }
.audit-work { padding-top:0; scroll-margin-top:24px; display:block; margin-top:var(--fraz-layout-section-gap); padding-bottom:0; }
.audit-heading { margin-bottom:56px; min-width:0; }
.audit-work-title { color:var(--fraz-color-text); overflow-wrap:anywhere; }
.audit-ice { font-family:var(--fraz-heading-font), serif; font-style:italic; font-weight:400; color:var(--fraz-color-lavender); }
.audit-rail { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.5fr); row-gap:0; column-gap:0; position:relative; min-width:0; }
.audit-task,.audit-task--pruefumfang,.audit-task--pruefumfang-03-anfragen-erfassen-und-weitergeben { position:relative; min-width:0; padding-right:var(--fraz-space-group); display:block; }
.audit-task::before,.audit-task--pruefumfang::before,.audit-task--pruefumfang-03-anfragen-erfassen-und-weitergeben::before { content:""; position:absolute; top:28px; left:0; right:0; height:3px; background-color:var(--element-accent); }
.audit-dot { position:relative; display:flex; align-items:center; justify-content:center; width:56px; height:56px; margin-bottom:var(--fraz-space-group); background-color:var(--element-accent); color:var(--fraz-color-bg); font-style:normal; font-weight:600; font-size:14px; line-height:1; font-family:var(--fraz-mono-font) , monospace; }
.audit-h3 { color:var(--element-accent); margin-bottom:var(--fraz-space-compact); overflow-wrap:anywhere; }
.audit-result { grid-column-start:auto; grid-column-end:auto; grid-row-start:auto; grid-row-end:auto; transform:none; background-color:var(--fraz-color-ice); padding-top:28px; padding-right:28px; padding-bottom:28px; padding-left:28px; margin-top:calc(-1 * var(--fraz-space-group)); align-self:start; color:var(--fraz-color-bg); min-width:0; display:block; position:relative; }
.audit-eyebrow--pruefumfang { color:var(--fraz-color-bg); margin-bottom:var(--fraz-space-small); }
.audit-eyebrow--pruefumfang::before { display:none; content:""; background-color:var(--fraz-color-gold); height:2px; width:24px; margin-bottom:var(--fraz-space-compact); }
.audit-h3--pruefumfang { color:var(--fraz-color-bg); margin-bottom:var(--fraz-space-small); overflow-wrap:anywhere; }
.audit-handover { color:var(--fraz-color-bg); max-width:30ch; }
.audit-boundary { margin-top:var(--fraz-space-wide); border-left-width:2px; border-left-style:solid; border-left-color:var(--fraz-color-ice); padding-left:var(--fraz-space-small); max-width:620px; color:var(--fraz-color-muted); }
.audit-people { display:flex; flex-wrap:wrap; row-gap:var(--fraz-space-group); column-gap:var(--fraz-space-group); min-width:0; margin-top:var(--fraz-space-stack); flex-direction:column; }
.audit-person,.audit-person--kontakt { display:inline-flex; align-items:center; row-gap:var(--fraz-space-compact); column-gap:var(--fraz-space-compact); min-width:0; background-color:rgba(0, 0, 0, 0); cursor:pointer; }
.audit-img { width:40px; height:40px; object-fit:cover; flex:none; vertical-align:middle; max-width:100%; display:inline-block; flex-shrink:0; }
.audit-b--kontakt { font-style:normal; font-weight:400; font-size:24px; line-height:1.1; font-family:var(--fraz-heading-font) , serif; display:block; color:var(--fraz-color-text); }
.audit-em { color:var(--element-accent); font-family:var(--fraz-heading-font), serif; font-style:italic; font-weight:400; }
.audit-small { color:var(--fraz-color-muted); display:block; margin-top:var(--fraz-space-tight); font-style:normal; font-weight:400; font-size:14px; line-height:1.5; font-family:var(--fraz-mono-font) , monospace; letter-spacing:.1em; text-transform:uppercase; }
.audit-next { list-style:none; padding-top:0; padding-right:0; padding-bottom:0; padding-left:0; margin-top:var(--fraz-space-stack);  margin-bottom:0; margin-right:0; margin-left:0; }
.audit-li,.audit-li--kontakt,.audit-li--kontakt-03-offerte-erhalten { min-width:0; display:grid; grid-template-columns:40px 1fr; row-gap:var(--fraz-space-compact); column-gap:var(--fraz-space-compact); padding-top:var(--fraz-space-small); padding-right:0; padding-bottom:var(--fraz-space-small); padding-left:0;  color:var(--fraz-color-text); }
.audit-span--kontakt { font-style:italic; font-weight:400; font-size:28px; line-height:1; font-family:var(--fraz-heading-font) , serif; color:var(--element-accent); }
.audit-main>.fraz-contact { margin-top:var(--fraz-layout-section-gap); }
@media (max-width:1199.98px) {
.audit-rail { grid-template-columns:repeat(3,minmax(0,1fr)); row-gap:var(--fraz-space-wide); }
.audit-result { grid-column-start:2; grid-column-end:4; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0; max-width:480px; justify-self:end; }
}
@media (max-width:991.98px) {
.audit-hero { padding-top:var(--fraz-layout-hero-top); }
.audit-lead { margin-top:var(--fraz-layout-title-lead-gap); }
.audit-case-section,.audit-work { margin-top:var(--fraz-layout-section-gap); }
.audit-case-panel { padding-top:var(--fraz-space-stack); padding-right:var(--fraz-space-block); padding-bottom:var(--fraz-space-stack); padding-left:var(--fraz-space-stack); min-height:320px; }
.audit-quote { padding-top:28px; padding-right:28px; padding-bottom:28px; padding-left:28px; margin-left:calc(-1 * var(--fraz-space-group)); }
.audit-blockquote { font-size:26px; }
.audit-people { flex-direction:row; }
}
@media (max-width:767.98px) {
.audit-hero { padding-top:var(--fraz-layout-hero-top); }
.audit-lead { margin-top:var(--fraz-layout-title-lead-gap); margin-bottom:var(--fraz-space-stack); }
.audit-case-section,.audit-work { margin-top:var(--fraz-layout-section-gap); }
.audit-wrap--siworks { grid-template-columns:1fr; }
.audit-case-panel { padding-right:var(--fraz-space-stack); min-height:280px; }
.audit-quote { padding-top:var(--fraz-space-group); padding-right:var(--fraz-space-group); padding-bottom:var(--fraz-space-group); padding-left:var(--fraz-space-group); border-top-width:3px; margin-top:0; margin-left:var(--fraz-space-group); }
.audit-blockquote { font-size:24px; }
.audit-heading { margin-bottom:var(--fraz-space-wide); }
.audit-rail { grid-template-columns:1fr; row-gap:28px; column-gap:28px; }
.audit-task,.audit-task--pruefumfang,.audit-task--pruefumfang-03-anfragen-erfassen-und-weitergeben { padding-right:0; padding-top:0; padding-bottom:0; padding-left:72px; min-height:56px; }
.audit-task::before,.audit-task--pruefumfang::before { top:0; left:23px; right:auto; height:auto; bottom:-28px; width:2px; opacity:.5; }
.audit-dot { position:absolute; width:48px; height:48px; margin-bottom:20px; left:0; top:0; }
.audit-h3 { padding-top:var(--fraz-space-tight); }
.audit-task--pruefumfang-03-anfragen-erfassen-und-weitergeben::before { top:0; left:23px; right:auto; height:auto; bottom:0; width:2px; opacity:.5; }
.audit-result { grid-column-start:1; grid-column-end:auto; padding-top:var(--fraz-space-group); padding-right:var(--fraz-space-group); padding-bottom:var(--fraz-space-group); padding-left:var(--fraz-space-group); margin-top:var(--fraz-space-micro); width:100%; justify-self:stretch; }
.audit-boundary { margin-top:var(--fraz-space-stack); }
.audit-people { flex-direction:column; }
.audit-b--kontakt { font-size:22px; }
}
@media (max-width:767px) {
.audit-eyebrow,.audit-lead,.audit-eyebrow--siworks,.audit-p,.audit-handover,.audit-boundary,.audit-li,.audit-li--kontakt,.audit-li--kontakt-03-offerte-erhalten { text-wrap:pretty; }
.audit-h2,.audit-work-title,.audit-h3,.audit-h3--pruefumfang { text-wrap:balance; }
.audit-eyebrow--pruefumfang { margin-bottom:20px; text-wrap:pretty; }
}
@media (max-width:379.98px) {
.audit-case-panel { padding-top:var(--fraz-space-group); padding-right:var(--fraz-space-group); padding-bottom:var(--fraz-space-group); padding-left:var(--fraz-space-group); }
.audit-quote { padding-right:20px; padding-left:20px; margin-left:var(--fraz-space-small); }
.audit-result { margin-top:var(--fraz-space-tight); }
}