html[data-theme=light] :is(.services-section-cta,.shop-inquiry) .secondary-button{color:var(--text);background:var(--surface);border-color:var(--field-border)}html[data-theme=light] :is(.services-section-cta,.shop-inquiry) .secondary-button:hover{color:var(--surface);background:var(--text)}html[data-theme] :is(.landing,.shop-consulting-page) :is(.service-hero .primary-button,.review-write-link,.shop-consulting-button,.social-package-actions .primary-button),html[data-theme] :is(.landing,.shop-consulting-page) :is(.service-hero .primary-button,.review-write-link,.shop-consulting-button,.social-package-actions .primary-button):hover{background:var(--service-palette-highlight,var(--primary-button-bg));border-color:var(--service-palette-highlight,var(--primary-button-bg));color:var(--service-highlight-ink,#fff)}html[data-theme=light]{--muted:#4f4f58}html[data-theme] :is(.package-overview-eyebrow,.package-worlds-heading>.eyebrow,.packages-mix>.eyebrow,.package-overview-icon,.package-overview-number){color:var(--text)}html[data-theme=dark] .case-card{--case-accent-text:color-mix(in srgb, var(--case-accent) 40%, #fff)}html .package-overview-card:has(.package-overview-button[href]){cursor:pointer}html .package-overview-card .package-overview-button{filter:none;position:static;transform:none}html .package-overview-card .package-overview-button:is(:hover,:focus-visible){filter:none;transform:none}html .package-overview-card .package-overview-button:after{content:"";z-index:5;position:absolute;inset:0}html .package-overview-card:has(.package-overview-button:focus-visible){outline:3px solid var(--text);outline-offset:5px}html[data-theme] :is(.landing,.shop-consulting-page) :is(.landing-services-grid,.shop-benefit-grid) article:not(:has(a[href])):hover{filter:none;transform:none}html[data-theme] .landing .landing-services-grid article:not(:has(a[href])):hover :is(.landing-service-motif,.landing-secondary-card-motif,img){filter:none;transform:none}html :is(.contact-form,.compact-lead-form,.inquiry-assistant__form,.ranking-checker__form,.addon-options) :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select,textarea){border-color:var(--field-border);background:var(--field);color:var(--text);color-scheme:normal}html :is(.contact-form,.compact-lead-form,.inquiry-assistant__form,.ranking-checker__form,.addon-options) :is(input,textarea)::placeholder{color:var(--muted);opacity:1}@media (hover:hover){html :is(.contact-form,.compact-lead-form,.inquiry-assistant__form,.ranking-checker__form,.addon-options) :is(input,select,textarea):not(:disabled):hover{border-color:var(--field-hover-border)}}html :is(.contact-form,.compact-lead-form,.inquiry-assistant__form,.ranking-checker__form,.addon-options) :is(input,select,textarea):focus-visible{border-color:var(--field-hover-border);outline:3px solid var(--focus-ring);outline-offset:3px}html :is(.contact-form,.compact-lead-form,.inquiry-assistant__form) :is(input,select,textarea)[aria-invalid=true]{border-color:var(--form-error)}html[data-theme=light] :is(.contact-hero,.references-hero,.blog-overview-hero,.html-sitemap-hero,.cta-section,.landing-intents,.highlight-strip,.video-showcase,.shop-inquiry,.shop-commerce-story){background:radial-gradient(ellipse at 85% 10%, color-mix(in srgb, var(--landing-accent,var(--pink)) 8%, transparent), transparent 55%), var(--surface-strong);color:var(--text);border-color:var(--line)}html[data-theme=light] .landing :is(.landing-intents,.cta-section,.highlight-strip){--landing-accent:inherit}html[data-theme=light] :is(.contact-hero-copy>p:not(.eyebrow),.references-hero>p:not(.eyebrow),.blog-overview-hero>p:not(.eyebrow),.html-sitemap-hero>p:not(.eyebrow),.cta-section>p:not(.eyebrow),.cta-section__content>p:not(.eyebrow),.landing-intents article p,.highlight-strip p,.video-showcase-copy>p:not(.eyebrow),.video-showcase-copy dt,.video-showcase-privacy,.shop-commerce-story-copy>p:not(.eyebrow),.shop-commerce-story-copy li,.shop-inquiry-intro>p:not(.eyebrow)){color:var(--muted)}html[data-theme=light] :is(.video-showcase-copy h2,.video-showcase-copy dd,.shop-commerce-story-copy h2){color:var(--text)}html[data-theme=light] :is(.landing-intents article,.highlight-strip article,.video-showcase-copy dl,.video-showcase-copy dl div){border-color:var(--line)}html[data-theme=light] :is(.landing-intents article,.shop-inquiry-form){background:var(--surface)}html[data-theme=light] :is(.cta-section,.shop-consulting-hero) .secondary-button{border-color:var(--field-border);color:var(--text)}html[data-theme=light] :is(.cta-section,.shop-consulting-hero) .secondary-button:hover{background:var(--text);border-color:var(--text);color:var(--surface)}html[data-theme=light] .landing .cta-section .primary-button--light:hover{color:#fff}html[data-theme=light] .shop-consulting-page{--shop-accent:#087a70}html[data-theme=light] .social-marketing-page{--shop-accent:#08745c}html[data-theme] .social-marketing-page :is(.social-channel-board,.social-reporting-visual){--shop-accent:var(--service-palette-highlight);--landing-accent:var(--service-palette-highlight)}html[data-theme] :is(.social-marketing-page,.shop-consulting-page--commerce) .shop-benefit-card-head>span{color:#fff;opacity:.85}html[data-theme=light] .social-platforms span{color:var(--text);background:var(--surface);border-color:var(--line)}html[data-theme] .social-marketing-page .social-package-grid strong{color:var(--landing-accent)}@media (max-width:640px){.social-package-preview h2{font-size:clamp(24px,6vw,38px)}}html[data-theme=light] .shop-commerce-visual:after{background:0 0}html[data-theme=light] .shop-commerce-chip{background:var(--surface);border-color:var(--line)}html[data-theme=light] .shop-inquiry-avatar--brand img{background:var(--surface-strong)}html[data-theme=light] .shop-consulting-float-card{background:var(--surface);border-color:var(--line);color:var(--text)}html[data-theme=light] .inquiry-assistant__compact-icon svg{stroke:var(--text)}html[data-theme=light] .inquiry-assistant .inquiry-assistant__visibility-toggle{color:var(--text)}html[data-theme=light] .inquiry-assistant__visibility-toggle:before{background:var(--surface)}html[data-theme=light] .inquiry-assistant .inquiry-assistant__visibility-toggle:hover{color:#fff}html[data-theme=light] .inquiry-assistant__visibility-toggle:hover:before{background:var(--pink)}html[data-theme=light] .service-hero--with-visual,html[data-theme=light] .shop-consulting-hero{background:radial-gradient(ellipse at 80% 30%, color-mix(in srgb, var(--landing-accent,var(--pink)) 10%, transparent), transparent 65%), var(--paper);color:var(--text)}html[data-theme=light] .service-hero--with-visual .service-hero-overlay{background:linear-gradient(90deg, var(--paper), color-mix(in srgb, var(--paper) 85%, transparent))}html[data-theme=light] .service-hero--with-visual :is(.fluid-backdrop,.service-hero-background){opacity:.12}html[data-theme=light] .service-hero--with-visual .service-hero-eyebrow{color:var(--landing-accent)}html[data-theme=light] :is(.service-hero--with-visual .service-hero-copy p,.shop-consulting-hero-copy>p:not(.shop-consulting-badge)){color:var(--muted)}html[data-theme=light] .service-hero--with-visual .secondary-button{color:var(--text);border-color:var(--field-border)}html[data-theme=light] .service-hero--with-visual .secondary-button:hover{background:var(--text);border-color:var(--text);color:var(--surface)}html[data-theme=light] :is(.landing-visual-frame,.service-hero-visual){background:var(--surface-strong)}html[data-theme=light] .landing-visual-frame:after{background:0 0}html :is(.landing-service-motif,.landing-secondary-card-motif,.shop-commerce-visual,.legacy-editorial-visual,.landing-visual-frame,.landing-proof-image):has(>img[data-theme-variant]){aspect-ratio:1;min-height:0;max-height:none}html[data-theme=light] img[data-theme-variant=light]{object-fit:cover;object-position:center;padding:0}html[data-theme=light] .service-hero-visual-media img[data-theme-hero=light]{object-position:center}html[data-theme=light] .service-card :is(.service-card-proof,.service-card-tags li){background:#07050e33;border-color:#ffffff61}html[data-theme=light] .service-card-media:after{background:0 0}html[data-theme=light] .positioning-section{background:radial-gradient(circle at 12% 15%, #ff009e0f, transparent 40%), var(--paper);color:var(--text)}html[data-theme=light] .positioning-photo{border-color:var(--line);background:var(--surface);box-shadow:0 24px 64px #2812231a}html[data-theme=light] .positioning-photo:before{border-color:color-mix(in srgb, var(--pink) 28%, transparent);background:#f4e7ef;box-shadow:0 18px 48px #2812230f}html[data-theme=light] .positioning-photo figcaption{background:var(--surface);border-color:var(--line);color:var(--muted)}html[data-theme=light] .positioning-photo figcaption span{color:var(--text)}html[data-theme=light] :is(.positioning-lead,.positioning-proof span){color:var(--muted)}html[data-theme=light] :is(.positioning-proof,.positioning-proof li){border-color:var(--line)}html[data-theme=light] .positioning-link,html[data-theme] .landing :is(.landing-service-feature,.landing-secondary-card) h3{color:var(--pink)}:is(.service-card--pink,.landing--webdesign){--service-tile-background:linear-gradient(135deg, #df008b, #a50075);--service-tile-ink:#fff;--service-tile-light-accent:#b00068}:is(.service-card--purple,.landing--commerce,.shop-consulting-page--commerce){--service-tile-background:linear-gradient(135deg, #7728ed, #30105f 62%, #16082d);--service-tile-ink:#fff;--service-tile-light-accent:#6132c5}:is(.service-card--green,.landing--seo){--service-tile-background:linear-gradient(135deg, #0c6d47, #063227);--service-tile-ink:#fff;--service-tile-light-accent:#0c6d47}:is(.service-card--yellow,.landing--marketing){--service-tile-background:linear-gradient(135deg, #fff200, #ffad00);--service-tile-ink:#17120b;--service-tile-light-accent:#8a6a00}:is(.service-card--ai,.landing--ai){--service-tile-background:radial-gradient(circle at 78% 24%, #00d4ff61, transparent 24%), linear-gradient(135deg, #063b50, #14266f 48%, #512aa8);--service-tile-ink:#fff;--service-tile-light-accent:#006f8a}:is(.service-card--newsletter,.landing-page--newsletterversand){--service-tile-background:radial-gradient(circle at 76% 18%, #b8ff5b52, transparent 25%), linear-gradient(135deg, #0c5136, #063128 56%, #041f1a);--service-tile-ink:#fff;--service-tile-light-accent:#527a10}html[data-theme=light] :is(.service-card,.landing,.landing-services-grid article,.shop-consulting-page--commerce){--service-tile-background:linear-gradient(135deg, oklch(from var(--service-tile-light-accent) .48 .19 h), oklch(from var(--service-tile-light-accent) .33 .13 h));--service-tile-ink:#fff}html[data-theme] .service-card{background:var(--service-tile-background);color:var(--service-tile-ink)}html[data-theme] :is(.shop-consulting-page--commerce,.social-marketing-page) .shop-benefit-grid article{--landing-accent:var(--service-palette-bright);--shop-accent:var(--service-palette-bright);background:var(--service-tile-background);color:var(--service-tile-ink)}html[data-theme] :is(.shop-consulting-page--commerce,.social-marketing-page) .shop-benefit-grid :is(h3,p){color:var(--service-tile-ink)}html .landing .landing-services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}html .landing-services-grid>:is(.landing-service-showcase,.landing-card-grid--secondary){display:contents}html .landing-services-grid>.landing-card-grid--secondary:not(:has(.landing-secondary-card-motif)){grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:0;display:grid}html[data-theme] .landing .landing-services-grid :is(.landing-service-feature,.landing-secondary-card){--card-accent:var(--landing-accent-solid,var(--landing-accent));min-width:0;min-height:0;color:var(--service-tile-ink);border-color:color-mix(in srgb, var(--card-accent) 55%, #25122c);background:var(--service-tile-background);border-radius:26px;flex-direction:column;padding:24px;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s;display:flex;box-shadow:inset 0 1px #ffffff29}.landing-service-card-header{flex-wrap:wrap;order:-2;justify-content:space-between;align-items:center;gap:18px;margin-bottom:clamp(18px,2.2vw,28px);display:flex}.landing-service-card-number{font-variant-numeric:tabular-nums;letter-spacing:-.07em;opacity:.88;flex:none;font-size:clamp(38px,4vw,62px);font-weight:800;line-height:.76}.landing-service-card-badge{letter-spacing:.07em;text-transform:uppercase;background:#07050e33;border:1px solid #ffffff61;border-radius:999px;max-width:72%;padding:8px 12px;font-size:10px;font-weight:700;line-height:1.1}html .landing .landing-services-grid :is(.landing-service-motif,.landing-secondary-card-motif){aspect-ratio:4/3;border:1px solid #ffffff38;border-radius:18px;flex:none;order:-1;width:100%;min-height:0;max-height:none;margin:0;transition:transform .6s cubic-bezier(.16,1,.3,1)}html .landing .landing-services-grid :is(.landing-service-motif,.landing-secondary-card-motif) img{transition:transform .7s cubic-bezier(.16,1,.3,1),filter .7s}html .landing .landing-services-grid .landing-service-feature-copy{flex:1;order:0;justify-content:flex-start;padding:clamp(18px,2.2vw,28px) 0 0}html[data-theme] .landing .landing-services-grid article h3{color:var(--service-tile-ink);letter-spacing:var(--tracking-heading);-webkit-hyphens:manual;hyphens:manual;overflow-wrap:normal;word-break:normal;margin:0 0 18px;font-size:clamp(26px,2.5vw,38px);line-height:1.15}html .landing .landing-services-grid .landing-icon{margin:0}html[data-theme] .landing .landing-services-grid article p{color:var(--service-tile-ink);margin:0;font-size:16px;line-height:1.7}html[data-theme] .landing .landing-services-grid .text-link{color:var(--service-tile-ink);letter-spacing:.1em;text-transform:uppercase;border-color:currentColor;border-bottom-style:solid;border-bottom-width:1px;align-items:center;gap:12px;margin-top:auto;padding-top:24px;padding-bottom:7px;font-size:12px;font-weight:800;display:inline-flex}html .landing .landing-services-grid .text-link span{flex:none;font-size:18px;transition:translate .3s}html[data-theme] .landing .landing-services-grid .text-link:focus-visible{outline-offset:5px;outline:2px solid}html .landing-services-grid article:has(.text-link[href]){cursor:pointer}html .landing .landing-services-grid .text-link{position:static}html .landing .landing-services-grid article:has(.text-link[href]) .landing-service-feature-copy{position:static}html .landing .landing-services-grid .text-link:after{content:"";z-index:5;border-radius:inherit;position:absolute;inset:0}html[data-theme] .landing-services-grid article:has(.text-link:focus-visible){outline:3px solid var(--landing-accent-solid,var(--pink));outline-offset:5px}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){html[data-theme] .landing .landing-services-grid article:hover{transform:translateY(-12px)rotateX(1.5deg)rotateY(-1.5deg);box-shadow:0 42px 100px #00000040}html .landing .landing-services-grid article:hover :is(.landing-service-motif,.landing-secondary-card-motif){transform:translateY(-3px)}html .landing .landing-services-grid article:hover :is(.landing-service-motif,.landing-secondary-card-motif) img{transform:scale(1.055)}html .landing .landing-services-grid article:hover .text-link span{translate:5px -5px}}@media (hover:none),(prefers-reduced-motion:reduce){html[data-theme] .landing .landing-services-grid article,html .landing .landing-services-grid :is(.landing-service-motif,.landing-secondary-card-motif),html .landing .landing-services-grid :is(.landing-service-motif,.landing-secondary-card-motif) img,html .landing .landing-services-grid .text-link span{filter:none;transition:none;transform:translate(0,0)}}@media (max-width:760px){:is(html .landing .landing-services-grid,html .landing-services-grid>.landing-card-grid--secondary:not(:has(.landing-secondary-card-motif))){grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.landing-service-card-badge{font-size:9px}.landing-page--beratung-datenschutz-dsgvo .service-hero--with-visual .service-hero-title--long{font-size:clamp(24px,6.5vw,40px)}.shop-consulting-page--commerce .shop-consulting-portrait-wrap{grid-template-columns:auto 1fr;gap:18px 10px;display:grid}.shop-consulting-page--commerce .shop-consulting-portrait-frame{grid-column:1/-1;width:100%}.shop-consulting-page--commerce .shop-consulting-float-card{align-content:start;position:static}}.landing-page--wordpress-agentur .service-hero-visual{grid-template-rows:auto auto;align-self:center;min-height:0;transform:none}.landing-page--wordpress-agentur .service-hero-visual-media--wordpress-workstation{aspect-ratio:4/3;height:auto;min-height:0}.landing-page--wordpress-agentur .service-hero-visual-media--wordpress-workstation img{object-fit:contain;object-position:center;transition:none;scale:1}.wordpress-workstation-mark,.wordpress-workstation-chest{z-index:1;pointer-events:none;aspect-ratio:1;position:absolute}.wordpress-workstation-mark{background:#fff;border-radius:50%;width:2.07%;top:28.18%;left:2.07%}.wordpress-workstation-chest{width:5.3%;top:66%;left:83%;transform:rotate(8deg)}.wordpress-workstation-mark img,.wordpress-workstation-chest img{width:100%;height:auto;display:block}html .landing-visual-story>.landing-visual-frame img{object-fit:cover;padding:0}@media (min-width:1081px) and (hover:hover){html .landing-visual-story>.landing-visual-frame{aspect-ratio:auto;align-self:stretch}.landing-page--wordpress-agentur .landing-visual-frame img{object-position:left center}.landing-page--wordpress-wartung .landing-visual-frame img{object-position:right center}}html[data-theme] .landing.service-benefit-cards{--service-tile-background:linear-gradient(135deg, var(--service-palette-start), var(--service-palette-end));--service-tile-ink:inherit;--landing-accent:inherit;--landing-accent-solid:inherit;--landing-accent-on-dark:inherit;--landing-glow:inherit;background:0 0;width:100%}
html[data-theme] [class]:is(.landing-page--webdesign,.service-card--pink){--service-highlight-ink:#09090c;--service-palette-highlight:#ff009e;--service-palette-start:#df008b;--service-palette-end:#a50075;--service-palette-bright:var(--service-palette-highlight);--service-palette-link:#b00068;--landing-accent-solid:var(--service-palette-link);--landing-accent-on-dark:var(--service-palette-highlight);--landing-accent:var(--service-palette-highlight);--landing-glow:color-mix(in srgb, var(--service-palette-highlight) 22%, transparent);--service-tile-background:linear-gradient(135deg, var(--service-palette-start), var(--service-palette-end));--service-tile-ink:#fff;--shop-accent:var(--landing-accent);--shop-accent-deep:var(--service-palette-link)}html[data-theme=light] [class]:is(.landing-page--webdesign,.service-card--pink){--landing-accent:var(--service-palette-link)}html[data-theme] [class].landing-page--ui-ux-design-agentur{--service-highlight-ink:#09090c;--service-palette-highlight:#ff9eae;--service-palette-start:#a43f58;--service-palette-end:#602036;--service-palette-bright:var(--service-palette-highlight);--service-palette-link:#9a3851;--landing-accent-solid:var(--service-palette-link);--landing-accent-on-dark:var(--service-palette-highlight);--landing-accent:var(--service-palette-highlight);--landing-glow:color-mix(in srgb, var(--service-palette-highlight) 22%, transparent);--service-tile-background:linear-gradient(135deg, var(--service-palette-start), var(--service-palette-end));--service-tile-ink:#fff;--shop-accent:var(--landing-accent);--shop-accent-deep:var(--service-palette-link)}html[data-theme=light] [class].landing-page--ui-ux-design-agentur{--landing-accent:var(--service-palette-link)}html[data-theme] [class]:is(.landing-page--webshop-beratung,.service-card--purple,.shop-consulting-page--commerce){--service-highlight-ink:#09090c;--service-palette-highlight:#20d6bf;--service-palette-start:#086f64;--service-palette-end:#043e39;--service-palette-bright:var(--service-palette-highlight);--service-palette-link:#086f64;--landing-accent-solid:var(--service-palette-link);--landing-accent-on-dark:var(--service-palette-highlight);--landing-accent:var(--service-palette-highlight);--landing-glow:color-mix(in srgb, var(--service-palette-highlight) 22%, transparent);--service-tile-background:linear-gradient(135deg, var(--service-palette-start), var(--service-palette-end));--service-tile-ink:#fff;--shop-accent:var(--landing-accent);--shop-accent-deep:var(--service-palette-link)}html[data-theme=light] [class]:is(.landing-page--webshop-beratung,.service-card--purple,.shop-consulting-page--commerce){--landing-accent:var(--service-palette-link)}html[data-theme] [class]:is(.landing-page--suchmaschinenoptimierung-seo,.service-card--green){--service-highlight-ink:#09090c;--service-palette-highlight:#91cc69;--service-palette-start:#0c6d47;--service-palette-end:#063227;--service-palette-bright:var(--service-palette-highlight);--service-palette-link:#477c2e;--landing-accent-solid:var(--service-palette-link);--landing-accent-on-dark:var(--service-palette-highlight);--landing-accent:var(--service-palette-highlight);--landing-glow:color-mix(in srgb, var(--service-palette-highlight) 22%, transparent);--service-tile-background:linear-gradient(135deg, var(--service-palette-start), var(--service-palette-end));--service-tile-ink:#fff;--shop-accent:var(--landing-accent);--shop-accent-deep:var(--service-palette-link)}html[data-theme=light] [class]:is(.landing-page--suchmaschinenoptimierung-seo,.service-card--green){--landing-accent:var(--service-palette-link)}html[data-theme] [class]:is(.landing-page--online-marketing-agentur-geldern,.service-card--yellow){--service-highlight-ink:#09090c;--service-palette-highlight:#fbd705;--service-palette-start:#fbd705;--service-palette-end:#ffad00;--service-palette-bright:var(--service-palette-highlight);--service-palette-link:#8a6a00;--landing-accent-solid:var(--service-palette-link);--landing-accent-on-dark:var(--service-palette-highlight);--landing-accent:var(--service-palette-highlight);--landing-glow:color-mix(in srgb, var(--service-palette-highlight) 22%, transparent);--service-tile-background:linear-gradient(135deg, var(--service-palette-start), var(--service-palette-end));--service-tile-ink:#17120b;--shop-accent:var(--landing-accent);--shop-accent-deep:var(--service-palette-link)}html[data-theme=light] [class]:is(.landing-page--online-marketing-agentur-geldern,.service-card--yellow){--landing-accent:var(--service-palette-link)}html[data-theme] [class]:is(.landing-page--ki-beratung-unternehmen,.service-card--ai){--service-highlight-ink:#09090c;--service-palette-highlight:#7ee7ff;--service-palette-start:#063b50;--service-palette-end:#14266f;--service-palette-bright:var(--service-palette-highlight);--service-palette-link:#006f8a;--landing-accent-solid:var(--service-palette-link);--landing-accent-on-dark:var(--service-palette-highlight);--landing-accent:var(--service-palette-highlight);--landing-glow:color-mix(in srgb, var(--service-palette-highlight) 22%, transparent);--service-tile-background:linear-gradient(135deg, var(--service-palette-start), var(--service-palette-end));--service-tile-ink:#fff;--shop-accent:var(--landing-accent);--shop-accent-deep:var(--service-palette-link)}html[data-theme=light] [class]:is(.landing-page--ki-beratung-unternehmen,.service-card--ai){--landing-accent:var(--service-palette-link)}html[data-theme] [class].landing-page--wordpress-wartung{--service-highlight-ink:#09090c;--service-palette-highlight:#00bfff;--service-palette-start:#145a79;--service-palette-end:#103649;--service-palette-bright:var(--service-palette-highlight);--service-palette-link:#145a79;--landing-accent-solid:var(--service-palette-link);--landing-accent-on-dark:var(--service-palette-highlight);--landing-accent:var(--service-palette-highlight);--landing-glow:color-mix(in srgb, var(--service-palette-highlight) 22%, transparent);--service-tile-background:linear-gradient(135deg, var(--service-palette-start), var(--service-palette-end));--service-tile-ink:#fff;--shop-accent:var(--landing-accent);--shop-accent-deep:var(--service-palette-link)}html[data-theme=light] [class].landing-page--wordpress-wartung{--landing-accent:var(--service-palette-link)}html[data-theme] [class].landing-page--workshops-und-schulungen{--service-highlight-ink:#09090c;--service-palette-highlight:#ff8a00;--service-palette-start:#994900;--service-palette-end:#5e2e00;--service-palette-bright:var(--service-palette-highlight);--service-palette-link:#994900;--landing-accent-solid:var(--service-palette-link);--landing-accent-on-dark:var(--service-palette-highlight);--landing-accent:var(--service-palette-highlight);--landing-glow:color-mix(in srgb, var(--service-palette-highlight) 22%, transparent);--service-tile-background:linear-gradient(135deg, var(--service-palette-start), var(--service-palette-end));--service-tile-ink:#fff;--shop-accent:var(--landing-accent);--shop-accent-deep:var(--service-palette-link)}html[data-theme=light] [class].landing-page--workshops-und-schulungen{--landing-accent:var(--service-palette-link)}html[data-theme] [class].landing-page--wordpress-agentur{--service-highlight-ink:#09090c;--service-palette-highlight:#8db7ff;--service-palette-start:#3565b1;--service-palette-end:#172c50;--service-palette-bright:var(--service-palette-highlight);--service-palette-link:#315f9e;--landing-accent-solid:var(--service-palette-link);--landing-accent-on-dark:var(--service-palette-highlight);--landing-accent:var(--service-palette-highlight);--landing-glow:color-mix(in srgb, var(--service-palette-highlight) 22%, transparent);--service-tile-background:linear-gradient(135deg, var(--service-palette-start), var(--service-palette-end));--service-tile-ink:#fff;--shop-accent:var(--landing-accent);--shop-accent-deep:var(--service-palette-link)}html[data-theme=light] [class].landing-page--wordpress-agentur{--landing-accent:var(--service-palette-link)}html[data-theme] [class].landing-page--woocommerce-agentur{--service-highlight-ink:#09090c;--service-palette-highlight:#a98bff;--service-palette-start:#7728ed;--service-palette-end:#30105f;--service-palette-bright:var(--service-palette-highlight);--service-palette-link:#6132c5;--landing-accent-solid:var(--service-palette-link);--landing-accent-on-dark:var(--service-palette-highlight);--landing-accent:var(--service-palette-highlight);--landing-glow:color-mix(in srgb, var(--service-palette-highlight) 22%, transparent);--service-tile-background:linear-gradient(135deg, var(--service-palette-start), var(--service-palette-end));--service-tile-ink:#fff;--shop-accent:var(--landing-accent);--shop-accent-deep:var(--service-palette-link)}html[data-theme=light] [class].landing-page--woocommerce-agentur{--landing-accent:var(--service-palette-link)}html[data-theme] [class].landing-page--shopify-agentur{--service-highlight-ink:#09090c;--service-palette-highlight:#95e600;--service-palette-start:#3f6415;--service-palette-end:#243c0b;--service-palette-bright:var(--service-palette-highlight);--service-palette-link:#3f6415;--landing-accent-solid:var(--service-palette-link);--landing-accent-on-dark:var(--service-palette-highlight);--landing-accent:var(--service-palette-highlight);--landing-glow:color-mix(in srgb, var(--service-palette-highlight) 22%, transparent);--service-tile-background:linear-gradient(135deg, var(--service-palette-start), var(--service-palette-end));--service-tile-ink:#fff;--shop-accent:var(--landing-accent);--shop-accent-deep:var(--service-palette-link)}html[data-theme=light] [class].landing-page--shopify-agentur{--landing-accent:var(--service-palette-link)}html[data-theme] [class].landing-page--shopware-agentur{--service-highlight-ink:#09090c;--service-palette-highlight:#00e0d4;--service-palette-start:#00656c;--service-palette-end:#123b50;--service-palette-bright:var(--service-palette-highlight);--service-palette-link:#00656c;--landing-accent-solid:var(--service-palette-link);--landing-accent-on-dark:var(--service-palette-highlight);--landing-accent:var(--service-palette-highlight);--landing-glow:color-mix(in srgb, var(--service-palette-highlight) 22%, transparent);--service-tile-background:linear-gradient(135deg, var(--service-palette-start), var(--service-palette-end));--service-tile-ink:#fff;--shop-accent:var(--landing-accent);--shop-accent-deep:var(--service-palette-link)}html[data-theme=light] [class].landing-page--shopware-agentur{--landing-accent:var(--service-palette-link)}html[data-theme] [class]:is(.landing-page--social-media-marketing,.social-marketing-page,.configurator--social,.package-overview-card--social,.legacy-page--social){--service-highlight-ink:#09090c;--service-palette-highlight:#d4ed31;--service-palette-start:#08745c;--service-palette-end:#043c35;--service-palette-bright:var(--service-palette-highlight);--service-palette-link:#596510;--landing-accent-solid:var(--service-palette-link);--landing-accent-on-dark:var(--service-palette-highlight);--landing-accent:var(--service-palette-highlight);--landing-glow:color-mix(in srgb, var(--service-palette-highlight) 22%, transparent);--service-tile-background:linear-gradient(135deg, var(--service-palette-start), var(--service-palette-end));--service-tile-ink:#fff;--shop-accent:var(--landing-accent);--shop-accent-deep:var(--service-palette-link)}html[data-theme=light] [class]:is(.landing-page--social-media-marketing,.social-marketing-page,.configurator--social,.package-overview-card--social,.legacy-page--social){--landing-accent:var(--service-palette-link)}html[data-theme] [class]:is(.landing-page--newsletterversand,.service-card--newsletter){--service-highlight-ink:#09090c;--service-palette-highlight:#b7eb58;--service-palette-start:#0c5136;--service-palette-end:#063128;--service-palette-bright:var(--service-palette-highlight);--service-palette-link:#527a10;--landing-accent-solid:var(--service-palette-link);--landing-accent-on-dark:var(--service-palette-highlight);--landing-accent:var(--service-palette-highlight);--landing-glow:color-mix(in srgb, var(--service-palette-highlight) 22%, transparent);--service-tile-background:linear-gradient(135deg, var(--service-palette-start), var(--service-palette-end));--service-tile-ink:#fff;--shop-accent:var(--landing-accent);--shop-accent-deep:var(--service-palette-link)}html[data-theme=light] [class]:is(.landing-page--newsletterversand,.service-card--newsletter){--landing-accent:var(--service-palette-link)}html[data-theme] [class].landing-page--google-bewertungen{--service-highlight-ink:#09090c;--service-palette-highlight:#ffc400;--service-palette-start:#805728;--service-palette-end:#473018;--service-palette-bright:var(--service-palette-highlight);--service-palette-link:#805728;--landing-accent-solid:var(--service-palette-link);--landing-accent-on-dark:var(--service-palette-highlight);--landing-accent:var(--service-palette-highlight);--landing-glow:color-mix(in srgb, var(--service-palette-highlight) 22%, transparent);--service-tile-background:linear-gradient(135deg, var(--service-palette-start), var(--service-palette-end));--service-tile-ink:#fff;--shop-accent:var(--landing-accent);--shop-accent-deep:var(--service-palette-link)}html[data-theme=light] [class].landing-page--google-bewertungen{--landing-accent:var(--service-palette-link)}html[data-theme] [class].landing-page--unternehmensvideos{--service-highlight-ink:#09090c;--service-palette-highlight:#9b5cff;--service-palette-start:#4945a1;--service-palette-end:#261f54;--service-palette-bright:var(--service-palette-highlight);--service-palette-link:#4945a1;--landing-accent-solid:var(--service-palette-link);--landing-accent-on-dark:var(--service-palette-highlight);--landing-accent:var(--service-palette-highlight);--landing-glow:color-mix(in srgb, var(--service-palette-highlight) 22%, transparent);--service-tile-background:linear-gradient(135deg, var(--service-palette-start), var(--service-palette-end));--service-tile-ink:#fff;--shop-accent:var(--landing-accent);--shop-accent-deep:var(--service-palette-link)}html[data-theme=light] [class].landing-page--unternehmensvideos{--landing-accent:var(--service-palette-link)}html[data-theme] [class].landing-page--beratung-datenschutz-dsgvo{--service-highlight-ink:#09090c;--service-palette-highlight:#00e6a8;--service-palette-start:#17634f;--service-palette-end:#103b31;--service-palette-bright:var(--service-palette-highlight);--service-palette-link:#17634f;--landing-accent-solid:var(--service-palette-link);--landing-accent-on-dark:var(--service-palette-highlight);--landing-accent:var(--service-palette-highlight);--landing-glow:color-mix(in srgb, var(--service-palette-highlight) 22%, transparent);--service-tile-background:linear-gradient(135deg, var(--service-palette-start), var(--service-palette-end));--service-tile-ink:#fff;--shop-accent:var(--landing-accent);--shop-accent-deep:var(--service-palette-link)}html[data-theme=light] [class].landing-page--beratung-datenschutz-dsgvo{--landing-accent:var(--service-palette-link)}html[data-theme] .package-overview-card--social{--package-accent:var(--service-palette-highlight);--package-button:var(--service-palette-highlight)}html[data-theme] .package-overview-card--social .package-overview-button,html[data-theme] .configurator--social .primary-button{background:var(--service-palette-highlight);border-color:var(--service-palette-highlight);color:var(--service-highlight-ink)}html[data-theme] :is(.service-card-proof,.landing-services-grid .landing-service-card-badge){background:var(--service-palette-highlight,var(--surface));border-color:var(--service-palette-highlight,var(--line));color:var(--service-highlight-ink,var(--text))}html[data-theme] .landing-services-grid article:not([class*=landing-page--]){--service-tile-background:inherit;--service-tile-ink:inherit}html[data-theme] :is(.service-card,.landing .landing-services-grid article,.shop-consulting-page--commerce .shop-benefit-grid article,.social-marketing-page .shop-benefit-grid article){isolation:isolate;transform-style:flat;position:relative}html[data-theme] :is(.service-card,.landing .landing-services-grid article,.shop-consulting-page--commerce .shop-benefit-grid article,.social-marketing-page .shop-benefit-grid article):before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(155deg, var(--service-palette-end,#00000029), var(--service-palette-start,transparent));opacity:0;transition:opacity .48s;position:absolute;inset:0;transform:none}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){html[data-theme] :is(.service-card,.landing .landing-services-grid article,.shop-consulting-page--commerce .shop-benefit-grid article,.social-marketing-page .shop-benefit-grid article):is(:hover,:focus-within):before{opacity:.65;transform:none}html[data-theme] :is(.service-card,.landing .landing-services-grid article,.shop-consulting-page--commerce .shop-benefit-grid article,.social-marketing-page .shop-benefit-grid article):hover{transform:translateY(-6px);box-shadow:0 22px 48px #00000038}}@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){html[data-theme] :is(.service-card,.landing .landing-services-grid article,.shop-consulting-page--commerce .shop-benefit-grid article,.social-marketing-page .shop-benefit-grid article):before{opacity:0;transition:none}html[data-theme] :is(.service-card,.landing .landing-services-grid article,.shop-consulting-page--commerce .shop-benefit-grid article,.social-marketing-page .shop-benefit-grid article):hover,html[data-theme] .service-card:hover :is(.service-card-media,.service-card-media img,.service-card-cta span){filter:none;transition:none;transform:translate(0,0)}}
.service-hero-portrait-legacy{display:contents}html[data-theme] .service-hero.service-hero--standard{--hero-accent:var(--service-palette-highlight,var(--landing-accent,#ff009e));isolation:isolate;background:linear-gradient(color-mix(in srgb, var(--hero-accent) 3%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--hero-accent) 3%, transparent) 1px, transparent 1px), radial-gradient(ellipse at 78% 38%, color-mix(in srgb, var(--hero-accent) 9%, transparent), transparent 62%), #080c13;background-size:54px 54px,54px 54px,auto,auto;height:auto;min-height:min(850px,100svh - 70px);padding:clamp(64px,8vw,120px) max(clamp(24px,6vw,96px),50vw - 750px);animation:none;display:grid;position:relative;overflow:hidden}html[data-theme=light] .service-hero.service-hero--standard{background:linear-gradient(color-mix(in srgb, var(--hero-accent) 5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--hero-accent) 5%, transparent) 1px, transparent 1px), radial-gradient(ellipse at 78% 38%, color-mix(in srgb, var(--hero-accent) 8%, transparent), transparent 62%), #f8fafb;background-size:54px 54px,54px 54px,auto,auto}html[data-theme] .service-hero--standard:before,html[data-theme] .service-hero--standard:after{content:none}html[data-theme] .service-hero--standard .service-hero-content{z-index:1;text-align:left;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(32px,4vw,72px);width:100%;max-width:none;margin:0;padding:0;display:grid;position:relative}html[data-theme] .service-hero--standard .service-hero-message{min-width:0;max-width:none}html[data-theme] .service-hero--standard .service-hero-eyebrow{border:1px solid color-mix(in srgb, var(--hero-accent) 28%, transparent);background:color-mix(in srgb, var(--hero-accent) 6%, transparent);max-width:100%;color:var(--landing-accent,var(--hero-accent));letter-spacing:.1em;border-radius:999px;margin:0 0 24px;padding:9px 14px;font-size:11px;font-weight:800;line-height:1.5;display:table}html[data-theme] .service-hero--standard .service-hero-title{color:#f7f8fc;letter-spacing:-.055em;text-align:left;text-transform:none;text-wrap:balance;overflow-wrap:normal;-webkit-hyphens:manual;hyphens:manual;max-width:100%;text-shadow:none;margin:0;font-size:clamp(40px,4.2vw,68px);font-weight:800;line-height:1.04}html[data-theme] .service-hero--standard .service-hero-title--multiline{font-size:clamp(34px,3.5vw,56px)}html[data-theme] .service-hero--standard .service-hero-title--long{font-size:clamp(32px,3.5vw,56px)}html[data-theme] .service-hero--standard .service-hero-title--wide-word{font-size:clamp(26px,2.85vw,46px)}html[data-theme] .service-hero--standard .service-hero-title--extended{font-size:clamp(20px,2.6vw,42px)}html[data-theme] .service-hero--standard .service-hero-copy{max-width:650px;margin:30px 0 0}html[data-theme] .service-hero--standard .service-hero-copy>p{color:#bfc7d3;margin:0;font-size:clamp(16px,1.4vw,20px);line-height:1.72}html[data-theme=light] .service-hero--standard .service-hero-title{color:#10151c}html[data-theme=light] .service-hero--standard .service-hero-copy>p{color:#495363}html[data-theme] .service-hero--standard .service-hero-actions{flex-wrap:wrap;justify-content:flex-start;gap:14px;margin-top:38px;display:flex}html[data-theme] .service-hero--standard .service-hero-actions a{white-space:normal;text-align:center;max-width:100%}html[data-theme] .service-hero--standard .standard-hero-portrait{width:min(90%,648px);min-width:0;margin-inline:auto;transition:transform .35s;position:relative}html[data-theme] .service-hero--standard .service-hero-visual{border:1px solid color-mix(in srgb, var(--hero-accent) 24%, transparent);width:100%;min-height:0;box-shadow:24px 24px 0 color-mix(in srgb, var(--hero-accent) 10%, transparent), 0 28px 70px #0003;background:#080c13;border-radius:clamp(28px,4vw,60px) clamp(28px,4vw,60px) 70px;grid-template-rows:minmax(0,1fr) auto;margin:0;transition:box-shadow .35s,border-color .35s;display:grid;overflow:hidden;transform:rotate(1.4deg)}html[data-theme] .service-hero--standard .service-hero-visual-media{aspect-ratio:8/9;min-height:0;position:relative;overflow:hidden}html[data-theme] .service-hero--standard .service-hero-visual-media:is(.service-hero-visual-media--contain,.service-hero-visual-media--family-wide,.service-hero-visual-media--wordpress-workstation){aspect-ratio:4/3}html[data-theme] .service-hero--standard .service-hero-visual-media img{transition:scale .5s;scale:1}html[data-theme] .service-hero--standard .service-hero-visual-media--subject-right>img{object-position:right center}html[data-theme] .service-hero--standard .service-hero-visual-media--subject-right-upper>img{object-position:right 20%}html[data-theme] .service-hero--standard .service-hero-visual figcaption{border-top:1px solid color-mix(in srgb, var(--hero-accent) 20%, transparent);background:#080c13;flex-wrap:wrap;gap:8px 18px;min-height:68px;padding:16px 48px 18px 22px;font-size:10px;line-height:1.5;display:flex;position:relative}html[data-theme] .service-hero--standard .service-hero-visual figcaption span{color:color-mix(in srgb, var(--hero-accent) 30%, white);flex:0 auto}html[data-theme] .service-hero--standard .service-hero-visual figcaption strong{color:#f7f8fc;text-align:left}.service-hero--standard .standard-hero-orbit{z-index:-1;aspect-ratio:1;border:1px solid color-mix(in srgb, var(--hero-accent) 9%, transparent);pointer-events:none;border-radius:50%;width:850px;position:absolute;top:25%;left:50%}.service-hero--standard .shop-pointer-backdrop{z-index:0;pointer-events:none;background:radial-gradient(circle, color-mix(in srgb, var(--hero-accent) 14%, transparent), transparent 65%);opacity:0;width:700px;height:700px;transition:left .18s ease-out,top .18s ease-out,opacity .25s;position:absolute;transform:translate(-50%,-50%)}html[data-theme=light] .service-hero--standard .shop-pointer-backdrop{background:radial-gradient(circle, color-mix(in srgb, var(--service-palette-link,var(--hero-accent)) 9%, transparent), transparent 65%)}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){html[data-theme] .service-hero--standard .standard-hero-portrait:hover{transform:translateY(-6px)}html[data-theme] .service-hero--standard .standard-hero-portrait:hover .service-hero-visual{border-color:color-mix(in srgb, var(--hero-accent) 60%, transparent);box-shadow:24px 24px 0 color-mix(in srgb, var(--hero-accent) 18%, transparent), 0 0 48px color-mix(in srgb, var(--hero-accent) 36%, transparent)}html[data-theme] .service-hero--standard .standard-hero-portrait:hover .service-hero-visual-media:not(.service-hero-visual-media--contain):not(.service-hero-visual-media--wordpress-workstation) img{scale:1.025}}@media (max-width:900px){html[data-theme] .service-hero--standard .service-hero-content{grid-template-columns:minmax(0,1fr);gap:48px}html[data-theme] .service-hero--standard .service-hero-title{font-size:clamp(36px,8vw,52px)}html[data-theme] .service-hero--standard .service-hero-title--wide-word{font-size:clamp(26px,6.8vw,46px)}html[data-theme] .service-hero--standard .service-hero-title--extended{font-size:clamp(20px,5.6vw,42px)}html[data-theme] .service-hero--standard .standard-hero-portrait{width:min(84.6%,612px)}html[data-theme] .service-hero--standard .service-hero-visual-media{aspect-ratio:4/3}}@media (max-width:640px){html[data-theme] .service-hero--standard .service-hero-visual-media:has(picture){aspect-ratio:1122/1402}html[data-theme] .service-hero--standard .service-hero-visual figcaption{padding:14px 32px 18px 18px}}@media (prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){.service-hero--standard .shop-pointer-backdrop{display:none}html[data-theme] .service-hero--standard .standard-hero-portrait,html[data-theme] .service-hero--standard .service-hero-visual,html[data-theme] .service-hero--standard .service-hero-visual-media img{transition:none}}html[data-theme] :is(.landing-page--webagentur-geldern,.landing-page--webagentur) .service-hero--standard .service-hero-visual-media{aspect-ratio:3/2}html[data-theme] :is(.landing-page--webagentur-geldern,.landing-page--webagentur) .service-hero--standard .service-hero-visual-media img{object-position:center}html[data-theme] :is(.landing-page--seo-krefeld,.landing-page--suchmaschinenoptimierung-krefeld,.landing-page--suchmaschinenoptimierung-moers,.landing-page--google-bewertungen,.landing-page--wordpress-wartung,.landing-page--online-marketing-agentur-geldern) .service-hero--standard .service-hero-visual-media{aspect-ratio:4/3}html[data-theme] :is(.landing-page--seo-krefeld,.landing-page--suchmaschinenoptimierung-krefeld,.landing-page--suchmaschinenoptimierung-moers,.landing-page--google-bewertungen,.landing-page--wordpress-wartung,.landing-page--online-marketing-agentur-geldern) .service-hero--standard .service-hero-visual-media>img{object-position:left center}html[data-theme] .landing-page--workshops-und-schulungen .service-hero--standard .service-hero-visual-media{aspect-ratio:3/2}html[data-theme] .landing-page--workshops-und-schulungen .service-hero--standard .service-hero-visual-media>img{object-position:center}html[data-theme] .landing-page--webdesign .service-hero--standard .service-hero-visual-media{aspect-ratio:4/3}html[data-theme] .landing-page--webdesign .service-hero--standard .service-hero-visual-media>img{object-position:70% center}html[data-theme] .landing-page--webdesign .service-hero--standard .service-hero-visual-media>img[data-theme-hero=light]{object-position:center}