/* website-migration: authored composition; shared elements, roles and states. */
.migration-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); }
.migration-hero { padding-top:var(--fraz-layout-hero-top); padding-right:0; padding-bottom:0; padding-left:0; display:block; }
.migration-wrap { grid-template-columns:minmax(0,8fr) minmax(0,4fr); row-gap:var(--fraz-space-large); column-gap:var(--fraz-space-large); align-items:end; min-width:0; padding-top:0; padding-bottom:0; display:grid; }
.migration-intro { min-width:0; }
.migration-eyebrow { margin-bottom:var(--fraz-layout-label-gap); color:var(--fraz-color-ice); }
.migration-fraz-h1 { color:var(--fraz-color-text); overflow-wrap:anywhere; max-width:var(--fraz-layout-title-measure); }
.migration-fraz-h1-accent { font-style:italic; font-weight:inherit; font-size:inherit; line-height:inherit; font-family:inherit; color:var(--fraz-color-ice); }
.migration-lead { margin-top:var(--fraz-layout-title-lead-gap); margin-bottom:var(--fraz-space-stack); color:var(--fraz-color-muted); max-width:var(--fraz-layout-lead-measure); }
.migration-summary { min-height:0; box-shadow:none; border-top-width:4px; border-top-style:solid; border-top-color:var(--fraz-color-ice); padding-top:28px; padding-right:28px; padding-bottom:28px; padding-left:28px; margin-bottom:var(--fraz-space-tight); background-color:color-mix(in srgb,var(--fraz-color-ice) 8%,transparent); min-width:0; display:block; }
.migration-eyebrow--inhalt { margin-bottom:var(--fraz-space-small); color:var(--fraz-color-ice); }
.migration-p,.migration-p--aufgaben,.migration-cms-title,.migration-p--zusammenarbeit { color:var(--fraz-color-muted); }
.migration-case-section { padding-top:var(--fraz-space-block); padding-right:0; padding-bottom:var(--fraz-space-block); padding-left:0; background-color:color-mix(in srgb,var(--fraz-color-steel) 8%,transparent); scroll-margin-top:24px; display:block; margin-top:var(--fraz-layout-section-gap); }
.migration-wrap--arbeitsbeleg { min-width:0; padding-top:0; padding-bottom:0; }
.migration-case { max-width:none; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0; padding-top:0; padding-right:0; padding-bottom:0; padding-left:0; box-shadow:none; background-color:transparent; grid-template-columns:minmax(0,6fr) minmax(0,5fr); row-gap:var(--fraz-space-large); column-gap:var(--fraz-space-large); min-width:0; position:relative; display:grid; align-items:center; isolation:isolate; }
.migration-case::before { display:none; content:""; position:absolute; z-index:-1; top:0; right:calc(-1 * (var(--fraz-space-stack) + max(0, -600px + 50vw))); bottom:0; left:0; background-color:color-mix(in srgb,var(--fraz-color-steel) 8%,transparent); pointer-events:none; }
.migration-case::after { display:none; }
.migration-case-copy { grid-column-start:2; grid-column-end:auto; grid-row-start:1; grid-row-end:auto; min-width:0; }
.migration-eyebrow--arbeitsbeleg { margin-bottom:var(--fraz-layout-label-gap); color:var(--fraz-color-steel); }
.migration-case-title { margin-bottom:var(--fraz-space-stack); color:var(--fraz-color-text); overflow-wrap:anywhere; max-width:16ch; }
.migration-date { color:var(--fraz-color-gold); margin-bottom:20px; }
.migration-p--arbeitsbeleg { color:var(--fraz-color-muted); max-width:40ch; }
.migration-art { position:relative; width:100%; max-width:600px; aspect-ratio:10/7; grid-column-start:1; grid-column-end:auto; grid-row-start:1; grid-row-end:auto; min-width:0; }
.migration-source { position:absolute; top:0; right:45%; bottom:40%; left:0; padding-top:6%; padding-right:6%; padding-bottom:6%; padding-left:6%; background-color:color-mix(in srgb,var(--fraz-color-steel) 16%,transparent); font-style:italic; font-weight:400; font-size:clamp(32px,4vw,56px); line-height:1; font-family:var(--fraz-heading-font) , serif; color:var(--fraz-color-steel); letter-spacing:-.03em; min-width:0; }
.migration-destination { position:absolute; top:36%; right:0; bottom:0; left:35%; display:flex; align-items:end; padding-top:6%; padding-right:6%; padding-bottom:6%; padding-left:6%; background-color:var(--fraz-color-steel); font-style:normal; font-weight:400; font-size:clamp(64px,9vw,132px); line-height:.9; font-family:var(--fraz-heading-font) , serif; color:var(--fraz-color-bg); letter-spacing:-.05em; min-width:0; }
.migration-turn { position:absolute; left:31%; top:30%; width:48px; height:48px; display:flex; align-items:center; justify-content:center; background-color:var(--fraz-color-gold); font-size:26px; color:var(--fraz-color-bg); }
.migration-work { padding-top:0; scroll-margin-top:24px; display:block; margin-top:var(--fraz-layout-section-gap); padding-bottom:0; }
.migration-heading { margin-bottom:56px; min-width:0; }
.migration-work-title { color:var(--fraz-color-text); overflow-wrap:anywhere; }
.migration-ice { font-family:var(--fraz-heading-font), serif; font-style:italic; font-weight:400; color:var(--fraz-color-ice); }
.migration-rail { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.3fr); row-gap:0; column-gap:0; position:relative; min-width:0; }
.migration-task,.migration-task--aufgaben,.migration-task--aufgaben-03-links-prufen-interne-links-aktualisieren-u,.migration-task--aufgaben-04-go-live-prufen-seiten-downloads-und-kontak { position:relative; min-width:0; padding-right:var(--fraz-space-group); display:block; }
.migration-task::before,.migration-task--aufgaben::before,.migration-task--aufgaben-03-links-prufen-interne-links-aktualisieren-u::before,.migration-task--aufgaben-04-go-live-prufen-seiten-downloads-und-kontak::before { content:""; position:absolute; top:28px; left:0; right:0; height:3px; background-color:var(--element-accent); }
.migration-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; }
.migration-h3 { color:var(--element-accent); margin-bottom:var(--fraz-space-compact); overflow-wrap:anywhere; }
.migration-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; }
.migration-eyebrow--aufgaben { color:var(--fraz-color-bg); margin-bottom:var(--fraz-space-small); }
.migration-eyebrow--aufgaben::before { display:none; content:""; background-color:var(--fraz-color-gold); height:2px; width:24px; margin-bottom:var(--fraz-space-compact); }
.migration-result-title { color:var(--fraz-color-bg); margin-bottom:var(--fraz-space-small); overflow-wrap:anywhere; }
.migration-handover { color:var(--fraz-color-bg); max-width:30ch; }
.migration-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); }
.migration-systems { padding-top:0; display:block; margin-top:var(--fraz-layout-section-gap); padding-bottom:0; }
.migration-frame { border-top-width:1px; border-top-style:solid; border-top-color:var(--fraz-color-line); border-right-width:1px; border-right-style:solid; border-right-color:var(--fraz-color-line); border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:var(--fraz-color-line); border-left-width:1px; border-left-style:solid; border-left-color:var(--fraz-color-line); padding-top:var(--fraz-space-stack); padding-right:var(--fraz-space-wide); padding-bottom:var(--fraz-space-stack); padding-left:var(--fraz-space-wide); position:relative; min-width:0; }
.migration-frame::before { content:""; position:absolute; left:calc(-1 * var(--fraz-space-compact)); top:var(--fraz-space-stack); width:24px; height:56px; background-color:var(--fraz-color-ice); }
.migration-ul { list-style:none; display:flex; flex-wrap:wrap; row-gap:var(--fraz-space-small); column-gap:36px; padding-top:0; padding-right:0; padding-bottom:0; padding-left:0; margin-top:0; margin-bottom:0; margin-right:0; margin-left:0; }
.migration-li { font-style:normal; font-weight:400; font-size:34px; line-height:1.15; font-family:var(--fraz-heading-font) , serif; color:var(--fraz-color-text); min-width:0; }
.migration-band { display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); row-gap:var(--fraz-space-block); column-gap:var(--fraz-space-block); background-color:color-mix(in srgb,var(--fraz-color-ice) 6%,transparent); padding-top:var(--fraz-space-block); padding-right:var(--fraz-space-block); padding-bottom:var(--fraz-space-block); padding-left:var(--fraz-space-block); margin-top:0; margin-right:calc(-1 * var(--fraz-space-group)); margin-bottom:0; margin-left:calc(-1 * var(--fraz-space-group)); min-width:0; }
.migration-collab-title { margin-bottom:var(--fraz-space-stack); color:var(--fraz-color-text); overflow-wrap:anywhere; }
.migration-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); }
.migration-person,.migration-person--zusammenarbeit { 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; }
.migration-img { width:72px; height:72px; object-fit:cover; flex:none; vertical-align:middle; max-width:100%; display:inline-block; flex-shrink:0; }
.migration-b { 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); }
.migration-em { color:var(--element-accent); font-family:var(--fraz-heading-font), serif; font-style:italic; font-weight:400; }
.migration-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; }
.migration-cost { align-self:start; background-color:var(--fraz-color-bg); border-top-width:4px; border-top-style:solid; border-top-color:var(--fraz-color-gold); padding-top:var(--fraz-space-stack); padding-right:var(--fraz-space-stack); padding-bottom:var(--fraz-space-stack); padding-left:var(--fraz-space-stack); margin-top:calc(-1 * var(--fraz-space-section-desktop)); margin-right:calc(-1 * var(--fraz-space-block)); margin-bottom:0; margin-left:0; min-width:0; display:block; }
.migration-h3--zusammenarbeit { color:var(--fraz-color-gold); margin-bottom:var(--fraz-space-small); overflow-wrap:anywhere; }
.migration-p--zusammenarbeit-budget-vorhanden-wir-klaren-was-darin-moglich { margin-top:var(--fraz-space-compact); color:var(--fraz-color-muted); }
.migration-btn--zusammenarbeit { margin-top:28px; }
.migration-flow { grid-column-start:1; grid-column-end:-1; list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding-top:0; padding-right:0; padding-bottom:0; padding-left:0; margin-top:var(--fraz-space-tight); row-gap:0; column-gap:0; margin-bottom:0; margin-right:0; margin-left:0; }
.migration-li--zusammenarbeit,.migration-li--zusammenarbeit-02-aufgaben-und-termin-klaren,.migration-li--zusammenarbeit-03-offerte-erhalten { border-top-width:3px; border-top-style:solid; border-top-color:var(--element-accent); padding-top:var(--fraz-space-group); padding-right:var(--fraz-space-group); padding-bottom:0; padding-left:0; color:var(--fraz-color-text); min-width:0; }
.migration-span { display:block; font-style:italic; font-weight:400; font-size:64px; line-height:1; font-family:var(--fraz-heading-font) , serif; color:var(--element-accent); margin-bottom:var(--fraz-space-compact); }
.migration-wrap--fragen { display:grid; grid-template-columns:minmax(0,4fr) minmax(0,7fr); row-gap:80px; column-gap:80px; min-width:0; padding-top:0; padding-bottom:0; }
.migration-accent { display:block; width:56px; height:2px; background-color:var(--fraz-color-ice); margin-top:28px; }
.migration-main>.fraz-contact { margin-top:var(--fraz-layout-section-gap); }
@media (max-width:1199.98px) {
.migration-wrap { grid-template-columns:minmax(0,7fr) minmax(0,3fr); row-gap:var(--fraz-space-stack); column-gap:var(--fraz-space-stack); }
.migration-rail { grid-template-columns:repeat(4,minmax(0,1fr)); row-gap:var(--fraz-space-wide); }
.migration-result { grid-column-start:3; grid-column-end:5; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0; }
.migration-band { grid-template-columns:minmax(0,1fr) minmax(0,.8fr); row-gap:var(--fraz-space-stack); column-gap:var(--fraz-space-stack); }
.migration-people { flex-direction:column; }
.migration-cost { padding-top:28px; padding-right:28px; padding-bottom:28px; padding-left:28px; margin-right:calc(-1 * var(--fraz-space-stack)); }
.migration-wrap--fragen { row-gap:var(--fraz-space-block); column-gap:var(--fraz-space-block); }
}
@media (max-width:991.98px) {
.migration-hero { padding-top:var(--fraz-layout-hero-top); }
.migration-wrap { grid-template-columns:1fr; }
.migration-lead { margin-top:var(--fraz-layout-title-lead-gap); }
.migration-summary { margin-bottom:0; max-width:440px; justify-self:end; margin-top:0; margin-right:0; margin-left:0; }
.migration-case-section { padding-top:var(--fraz-space-wide); padding-bottom:var(--fraz-space-wide); margin-top:var(--fraz-layout-section-gap); }
.migration-case { row-gap:var(--fraz-space-wide); column-gap:var(--fraz-space-wide); }
.migration-work,.migration-systems { margin-top:var(--fraz-layout-section-gap); }
.migration-band { grid-template-columns:1fr; row-gap:var(--fraz-space-wide); column-gap:var(--fraz-space-wide); padding-top:var(--fraz-space-wide); padding-right:var(--fraz-space-wide); padding-bottom:var(--fraz-space-wide); padding-left:var(--fraz-space-wide); margin-right:0; margin-left:0; }
.migration-people { flex-direction:row; }
.migration-cost { margin-top:0; margin-right:0; max-width:560px; justify-self:end; }
.migration-flow { grid-column-start:auto; grid-column-end:auto; }
.migration-wrap--fragen { grid-template-columns:minmax(0,4fr) minmax(0,6fr); row-gap:var(--fraz-space-stack); column-gap:var(--fraz-space-stack); }
}
@media (max-width:991px) {
.migration-case::before { right:calc(-1 * var(--fraz-space-group)); }
}
@media (max-width:900px) {
.migration-summary { display:grid; grid-template-columns:120px minmax(0, 1fr); row-gap:var(--fraz-space-group); column-gap:var(--fraz-space-group); }
.migration-eyebrow--inhalt { padding-top:2px; }
.migration-p { max-width:52ch; }
}
@media (max-width:767.98px) {
.migration-hero { padding-top:var(--fraz-layout-hero-top); }
.migration-lead { margin-top:var(--fraz-layout-title-lead-gap); margin-bottom:var(--fraz-space-stack); }
.migration-summary { max-width:none; width:100%; }
.migration-case-section { padding-top:var(--fraz-space-stack); padding-bottom:var(--fraz-space-stack); margin-top:var(--fraz-layout-section-gap); }
.migration-case { grid-template-columns:1fr; row-gap:var(--fraz-space-stack); column-gap:var(--fraz-space-stack); }
.migration-case-copy { grid-column-start:1; grid-row-start:2; }
.migration-art { max-width:500px; margin-top:auto; margin-right:auto; margin-bottom:auto; margin-left:auto; }
.migration-source { font-size:clamp(32px,8vw,48px); }
.migration-destination { font-size:clamp(64px,20vw,112px); }
.migration-turn { width:40px; height:40px; font-size:22px; }
.migration-work,.migration-systems { margin-top:var(--fraz-layout-section-gap); }
.migration-heading { margin-bottom:var(--fraz-space-wide); }
.migration-rail { grid-template-columns:1fr 1fr; row-gap:var(--fraz-space-stack); }
.migration-task,.migration-task--aufgaben-03-links-prufen-interne-links-aktualisieren-u { padding-right:20px; }
.migration-task::before,.migration-task--aufgaben::before,.migration-task--aufgaben-03-links-prufen-interne-links-aktualisieren-u::before,.migration-task--aufgaben-04-go-live-prufen-seiten-downloads-und-kontak::before { top:var(--fraz-space-group); }
.migration-dot { width:48px; height:48px; margin-bottom:20px; }
.migration-task--aufgaben,.migration-task--aufgaben-04-go-live-prufen-seiten-downloads-und-kontak { padding-right:0; }
.migration-result { grid-column-start:1; grid-column-end:-1; padding-top:var(--fraz-space-group); padding-right:var(--fraz-space-group); padding-bottom:var(--fraz-space-group); padding-left:var(--fraz-space-group); max-width:440px; width:100%; justify-self:end; }
.migration-boundary { margin-top:var(--fraz-space-stack); }
.migration-frame { padding-top:28px; padding-right:var(--fraz-space-group); padding-bottom:28px; padding-left:var(--fraz-space-stack); }
.migration-frame::before { left:calc(-1 * var(--fraz-space-tight)); width:16px; height:48px; }
.migration-ul { column-gap:var(--fraz-space-group); }
.migration-li { font-size:28px; }
.migration-band { row-gap:var(--fraz-space-stack); column-gap:var(--fraz-space-stack); padding-top:var(--fraz-space-stack); padding-right:var(--fraz-space-stack); padding-bottom:var(--fraz-space-stack); padding-left:var(--fraz-space-stack); }
.migration-b { font-size:22px; }
.migration-cost { padding-top:var(--fraz-space-group); padding-right:var(--fraz-space-group); padding-bottom:var(--fraz-space-group); padding-left:var(--fraz-space-group); }
.migration-flow,.migration-wrap--fragen { grid-template-columns:1fr; }
.migration-li--zusammenarbeit,.migration-li--zusammenarbeit-02-aufgaben-und-termin-klaren { padding-top:20px; padding-right:0; padding-bottom:20px; display:grid; grid-template-columns:48px 1fr; align-items:center; row-gap:var(--fraz-space-small); column-gap:var(--fraz-space-small); }
.migration-span { font-size:40px; margin-bottom:0; margin-top:0; margin-right:0; margin-left:0; }
.migration-li--zusammenarbeit-03-offerte-erhalten { padding-top:20px; padding-right:0; display:grid; grid-template-columns:48px 1fr; align-items:center; row-gap:var(--fraz-space-small); column-gap:var(--fraz-space-small); }
}
@media (max-width:767px) {
.migration-eyebrow,.migration-lead,.migration-eyebrow--arbeitsbeleg,.migration-date,.migration-p--aufgaben,.migration-handover,.migration-boundary,.migration-cms-title,.migration-li,.migration-p--zusammenarbeit,.migration-p--zusammenarbeit-budget-vorhanden-wir-klaren-was-darin-moglich,.migration-li--zusammenarbeit,.migration-li--zusammenarbeit-02-aufgaben-und-termin-klaren,.migration-li--zusammenarbeit-03-offerte-erhalten { text-wrap:pretty; }
.migration-summary { display:block; grid-template-columns:revert; row-gap:revert; column-gap:revert; }
.migration-eyebrow--inhalt { text-wrap:pretty; padding-top:revert; }
.migration-p { text-wrap:pretty; max-width:revert; }
.migration-case::before { right:0; }
.migration-case-title,.migration-work-title,.migration-h3,.migration-result-title,.migration-collab-title,.migration-h3--zusammenarbeit { text-wrap:balance; }
.migration-p--arbeitsbeleg { text-wrap:pretty; max-width:none; }
.migration-eyebrow--aufgaben { margin-bottom:20px; text-wrap:pretty; }
}
@media (max-width:379.98px) {
.migration-rail { grid-template-columns:1fr; }
.migration-task,.migration-task--aufgaben-03-links-prufen-interne-links-aktualisieren-u { padding-right:0; padding-left:var(--fraz-space-large); }
.migration-task::before,.migration-task--aufgaben::before,.migration-task--aufgaben-03-links-prufen-interne-links-aktualisieren-u::before { top:0; left:23px; right:auto; height:auto; width:2px; bottom:calc(-1 * var(--fraz-space-stack)); opacity:.4; }
.migration-dot { position:absolute; left:0; top:0; }
.migration-task--aufgaben,.migration-task--aufgaben-04-go-live-prufen-seiten-downloads-und-kontak { padding-left:var(--fraz-space-large); }
.migration-task--aufgaben-04-go-live-prufen-seiten-downloads-und-kontak::before { top:0; left:23px; right:auto; height:auto; width:2px; bottom:0; opacity:.4; }
.migration-result { margin-top:var(--fraz-space-tight); }
}