:root{--green:#171717;--paper:#FFF9FA;--lime:#FD1843;--ink:#171717;--muted:#585657;--line:#d1cccd;--soft:#f1ebec;--on-primary:#FFF9FA;--on-accent:#171717;--inverse-muted:#d5d0d1;--marker:#FD1843;--field:#fffcfd;--hover:#333333}
.button:hover{background:var(--hover);color:var(--on-primary)}
.button,.reviewbar{color:var(--on-primary)}
.button.outline{color:var(--green)}
.hero h1 em:after{background:var(--marker)}
.partner-block,.calc-result,.about-visual{color:var(--on-primary)}
.partner-block h2,.partner-block h3,.about-visual h2{color:var(--on-primary)}
.partner-block p,.calc-result .small{color:var(--inverse-muted)}
.partner-block .eyebrow,.model-list>div>span,.about-visual .eyebrow{color:var(--lime)}
.model-list>div,.cost-row{border-color:color-mix(in srgb,var(--on-primary) 30%,var(--green))}
.partner-block .button{color:var(--on-accent)}
.partner-block .button:hover{background:var(--lime);color:var(--on-accent);filter:brightness(.96)}
.closing{color:var(--on-accent)}
.closing h2,.closing .eyebrow,.closing .small{color:var(--on-accent)}
.closing .button{color:var(--on-primary)}
.closing .button:hover{background:var(--hover);color:var(--on-primary)}
.photo-stamp{color:var(--on-accent)}
.calculator input,.calculator select,input,select,textarea{background:var(--field);border-color:var(--line)}
.calculator output{color:var(--lime)}
.skip{color:var(--on-accent)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline-color:var(--green)}

.contact-card{background:var(--soft);padding:40px;border-radius:8px}.contact-email{display:block;font-size:clamp(19px,2.2vw,30px);font-weight:700;letter-spacing:-.04em;overflow-wrap:anywhere;margin-bottom:20px}.contact-card .small{margin-top:20px}.contact-card hr{border:0;border-top:1px solid var(--line);margin:35px 0}.legal-copy h2{font-size:28px;margin-top:44px;letter-spacing:-.035em}.legal-copy h2:first-child{margin-top:0}.legal-copy a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.legal-copy dl{display:grid;grid-template-columns:1fr 1.5fr;gap:12px 24px}.legal-copy dt{font-weight:700}.legal-copy dd{margin:0}.legal-copy{padding-bottom:100px}.site-header{border-bottom:1px solid var(--line)}.demo-note{font-size:11px}.contact-card a:focus-visible{outline:3px solid var(--ink)}@media(max-width:650px){.contact-card{padding:26px}.legal-copy dl{grid-template-columns:1fr;gap:4px}.legal-copy dd{margin-bottom:14px}}
/* Systeme, Integrationen und Referenzen der Agnes Agency */
.agency-references{padding-block:70px;border-bottom:1px solid var(--line)}.reference-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:32px}.reference-heading .eyebrow{margin-bottom:15px}.reference-heading h2{font-size:clamp(30px,3vw,44px);margin:0}.reference-heading>p{max-width:360px;color:var(--muted);margin:0}.reference-logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.reference-logo{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;border:1px solid var(--line);border-radius:7px;min-width:0;padding:18px 12px 13px;text-align:center;gap:12px}.reference-logo img{width:100%;height:92px;object-fit:contain}.reference-logo figcaption{font-size:10px;line-height:1.35;color:#585657;min-height:27px;display:flex;align-items:center;justify-content:center}.reference-caption{font-size:11px;line-height:1.55;color:var(--muted);margin:18px 0 0;max-width:850px}.system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.system-card{padding:40px;background:#fff;border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;align-items:start}.system-logo{display:flex;align-items:center;height:94px;margin-bottom:28px}.system-logo img{width:210px;height:76px;object-fit:contain;object-position:left center}.system-card .eyebrow{margin-bottom:13px}.system-card h3{font-size:30px;max-width:360px}.system-card>p:not(.eyebrow):not(.system-detail){max-width:440px;color:var(--muted)}.system-detail{border-top:1px solid var(--line);padding-top:18px;font-size:12px;font-weight:600;width:100%;margin:auto 0 0}.section-jumps{display:flex;flex-wrap:wrap;gap:16px 30px;margin-top:30px;font-size:13px;font-weight:600}.section-jumps a{border-bottom:1px solid var(--line);padding-bottom:5px}.ecosystem-section{background:var(--soft)}.ecosystem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ecosystem-card{background:var(--paper);padding:32px;border-radius:8px;display:flex;flex-direction:column;align-items:start;border:1px solid var(--line);position:relative}.tool-number{font-size:12px;font-weight:700;margin-bottom:30px;color:var(--muted)}.ecosystem-card .eyebrow{font-size:10px;margin-bottom:16px;letter-spacing:.08em}.ecosystem-card h3{font-size:27px;line-height:1.14}.ecosystem-card>p:not(.eyebrow){font-size:14px;color:var(--muted)}.tool-brands{display:flex;gap:18px;align-items:center;flex-wrap:wrap;width:100%;border-top:1px solid var(--line);padding-top:22px;margin-top:auto}.tool-brand{display:flex;align-items:center;justify-content:center;max-width:100%;min-width:0}.tool-brand img{height:29px;width:auto;max-width:115px;object-fit:contain}.icon-brand{gap:8px;font-size:12px;font-weight:600}.icon-brand img{width:26px;height:26px}.text-brand{font-size:17px;font-weight:700;letter-spacing:-.035em}.tool-label{font-size:11px;color:var(--muted)}.ecosystem-note{background:var(--green);color:var(--paper);justify-content:center}.ecosystem-note .eyebrow,.ecosystem-note h3{color:var(--paper)}.ecosystem-note>p:not(.eyebrow){color:var(--inverse-muted)}.ecosystem-note .textlink{color:var(--paper);border-color:var(--lime)}.ecosystem-disclosure{font-size:12px;color:var(--muted);max-width:900px;margin:26px 0 0}.system-criteria{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-bottom:35px}.system-criteria span{display:block;font-size:13px;font-weight:700;color:var(--muted);margin-bottom:25px}.system-criteria h3{font-size:23px}.system-criteria p{font-size:14px;color:var(--muted)}.system-logo-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;background:white;padding:42px;border:1px solid var(--line);border-radius:8px}.system-logo-strip .tool-brand{height:65px}.system-logo-strip .tool-brand img{height:60px;max-width:175px;width:100%}.systems-teaser-bottom{display:flex;justify-content:space-between;gap:40px;align-items:center;margin-top:25px}.systems-teaser-bottom p{max-width:590px;font-size:14px;color:var(--muted);margin:0}.systems-teaser-bottom a{flex-shrink:0}.site-header nav{gap:20px}.site-header nav>a:not(.button){font-size:12px}.footer-bottom>div{flex-wrap:wrap}
@media(min-width:921px) and (max-width:1120px){.site-header{height:auto;min-height:110px;flex-wrap:wrap;gap:18px;padding-block:20px}.site-header nav{width:100%;justify-content:space-between}}@media(max-width:1050px){.reference-logos{grid-template-columns:repeat(3,minmax(0,1fr))}.ecosystem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.system-criteria{grid-template-columns:repeat(2,minmax(0,1fr))}.system-logo-strip{gap:18px;padding:28px}.system-logo-strip .tool-brand img{max-width:145px}.systems-teaser-bottom{align-items:start;flex-direction:column;gap:20px}}
@media(max-width:650px){.agency-references{padding-block:48px}.reference-heading{display:block;margin-bottom:25px}.reference-heading>p{margin-top:20px;font-size:14px}.reference-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reference-logo{padding:12px 10px 8px}.reference-logo img{height:80px}.reference-logo figcaption{font-size:9px}.reference-caption{font-size:10px}.system-grid,.ecosystem-grid{grid-template-columns:1fr}.system-card{padding:28px}.system-card h3{font-size:29px}.system-logo{height:74px;margin-bottom:26px}.system-logo img{height:65px;width:195px}.ecosystem-card{padding:28px}.system-criteria{gap:20px}.system-criteria h3{font-size:21px}.system-logo-strip{grid-template-columns:repeat(2,minmax(0,1fr));padding:22px;gap:18px}.system-logo-strip .tool-brand{height:52px}.system-logo-strip .tool-brand img{height:47px;max-width:145px}.section-jumps{font-size:12px;gap:15px 20px}.site-header nav>a:not(.button){font-size:15px}.reference-logos .ref-preisinger img{background:#fff}}

/* Personen-Zertifizierungen Markus Fennes */
.qualification-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.qualification-card{padding:38px;background:#fff;border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;align-items:start}.qualification-logo{height:135px;width:100%;display:flex;align-items:center;justify-content:flex-start;margin-bottom:30px;background:#fff}.qualification-logo a{display:flex;align-items:center;width:100%;height:100%}.qualification-logo img{display:block;width:auto;max-width:100%;height:auto;max-height:125px;object-fit:contain;object-position:left center}.qualification-person{font-size:12px;line-height:1.5;font-weight:700;color:var(--ink);margin-bottom:18px;padding:7px 11px;border-radius:4px;background:var(--paper)}.qualification-card h3{font-size:29px;line-height:1.15}.qualification-card>p:not(.qualification-person){color:var(--muted);font-size:15px}.qualification-card .textlink{margin-top:auto}.qualification-card .small{font-size:12px!important}.qualification-scope{font-size:12px;max-width:880px;color:var(--muted);margin:24px 0 0}.personal-qualifications{border-top:1px solid var(--line)}@media(max-width:650px){.qualification-grid{grid-template-columns:1fr}.qualification-card{padding:26px}.qualification-logo{height:105px;margin-bottom:24px}.qualification-logo img{max-height:100px}.qualification-card h3{font-size:27px}}
.qualification-wifi img{width:83px;height:100px;max-height:100px;image-rendering:auto}