.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );font-style:var( --e-global-typography-accent-font-style );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );font-style:var( --e-global-typography-secondary-font-style );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );font-style:var( --e-global-typography-secondary-font-style );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-1955 .elementor-element.elementor-element-mmll1{--grid-columns:1;}.elementor-1955 .elementor-element.elementor-element-mmll0{--grid-columns:1;}.elementor-1955 .elementor-element.elementor-element-405f6fc{--grid-columns:1;}.elementor-1955 .elementor-element.elementor-element-7b581db{--grid-columns:1;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-1955 .elementor-element.elementor-element-mmll1{--grid-columns:1;}.elementor-1955 .elementor-element.elementor-element-mmll0{--grid-columns:1;}.elementor-1955 .elementor-element.elementor-element-405f6fc{--grid-columns:1;}.elementor-1955 .elementor-element.elementor-element-7b581db{--grid-columns:1;}}@media(max-width:767px){.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-1955 .elementor-element.elementor-element-mmll1{--grid-columns:1;}.elementor-1955 .elementor-element.elementor-element-mmll0{--grid-columns:1;}.elementor-1955 .elementor-element.elementor-element-405f6fc{--grid-columns:1;}.elementor-1955 .elementor-element.elementor-element-7b581db{--grid-columns:1;}}/* Start custom CSS *//* ===== Header V4 (Vorlage 1955): Glas-Leiste, Dropdowns fuer Leistungen und Projekte, eigenes Off-Canvas-Menue ===== */
/* Leiste fest oben, blendet beim Runterscrollen aus und beim Hochscrollen ein */
.elementor .hd.hd{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:9990!important;display:block!important;width:100%!important;padding:14px 24px!important;font-family:var(--sp-font-ui),sans-serif!important;transition:transform .45s cubic-bezier(.2,.7,.2,1)!important}
body.admin-bar .elementor .hd.hd{top:32px!important}
@media screen and (max-width:782px){body.admin-bar .elementor .hd.hd{top:46px!important}}
.elementor .hd.hd.is-hidden{transform:translateY(-120%)!important}
.elementor .hd .e-div-block-base{padding:0!important;min-width:0!important}
.elementor .hd .e-paragraph-base{margin:0!important}
.elementor .hd a,.elementor .hd a *,.elementor .hd button{cursor:pointer!important}
.elementor .hd .hd-sys.hd-sys{display:none!important}
.elementor .hd .hd-bar.hd-bar{max-width:1280px!important;margin:0 auto!important;height:64px!important;padding:0 10px 0 22px!important;display:flex!important;align-items:center!important;gap:24px!important;border-radius:50px!important;border:1px solid transparent!important;transition:background-color .35s,border-color .35s,box-shadow .35s!important}
.elementor .hd.is-scrolled .hd-bar.hd-bar{background:rgba(18,24,26,.72)!important;border-color:var(--sp-line)!important;-webkit-backdrop-filter:blur(16px) saturate(140%)!important;backdrop-filter:blur(16px) saturate(140%)!important;box-shadow:0 20px 50px -30px rgba(0,0,0,.9)!important}
.elementor .hd .hd-logoimg.hd-logoimg{display:block!important;flex:none!important;width:auto!important}
.elementor .hd .hd-logoimg img,.elementor .hd img.hd-logoimg{display:block!important;height:28px!important;width:auto!important}
/* Navigation */
.elementor .hd .hd-nav.hd-nav{display:flex!important;align-items:center!important;gap:2px!important;margin:0 auto!important}
.elementor .hd .hd-item.hd-item{position:relative!important;display:flex!important;align-items:center!important}
.elementor .hd .hd-link.hd-link a,.elementor .hd a.hd-link{display:block!important;padding:9px 14px!important;border-radius:50px!important;color:var(--sp-text)!important;font-size:15px!important;font-weight:500!important;line-height:1.4!important;text-decoration:none!important;transition:background-color .2s,color .2s!important}
.elementor .hd .hd-item:hover .hd-link a,.elementor .hd .hd-item:focus-within .hd-link a,.elementor .hd .hd-item:hover a.hd-link{background:rgba(255,255,255,.08)!important;color:var(--sp-text-strong)!important}
.elementor .hd .hd-has .hd-link a,.elementor .hd .hd-has a.hd-link{padding-right:28px!important}
.elementor .hd .hd-chev.hd-chev{position:absolute!important;right:12px!important;top:50%!important;width:9px!important;height:6px!important;margin-top:-3px!important;background:#e4e4e4!important;pointer-events:none!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat!important;transition:transform .3s!important}
.elementor .hd .hd-item:hover .hd-chev,.elementor .hd .hd-item:focus-within .hd-chev{transform:rotate(180deg)!important}
/* Dropdown mit den Leistungen und Projekten aus den Loop-Vorlagen 1957 und 1958 */
.elementor .hd .hd-drop.hd-drop{position:absolute!important;top:100%!important;left:50%!important;padding-top:16px!important;opacity:0;visibility:hidden;transform:translate(-50%,8px)!important;transition:opacity .25s,transform .3s cubic-bezier(.2,.7,.2,1),visibility .25s!important;z-index:5!important}
.elementor .hd .hd-item:hover .hd-drop.hd-drop,.elementor .hd .hd-item:focus-within .hd-drop.hd-drop{opacity:1;visibility:visible;transform:translate(-50%,0)!important}
.elementor .hd .hd-drop-in.hd-drop-in{width:600px!important;padding:12px!important;border-radius:24px!important;background:rgba(20,25,27,.96)!important;border:1px solid var(--sp-line)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;box-shadow:0 40px 80px -30px rgba(0,0,0,.9)!important}
.elementor .hd .hd-loop .elementor-loop-container{gap:2px!important;--grid-column-gap:2px!important;--grid-row-gap:2px!important}
.elementor .hd .hd-loop .elementor-widget,.elementor .hd .hd-dropslot .elementor-widget{margin:0!important}
.elementor .hd .hd-loop .e-loop-item > .e-con.mi{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--gap:0px}
.elementor .hd .mi.mi{display:flex!important;flex-direction:column!important;gap:2px!important;padding:12px 14px!important;border-radius:14px!important;text-decoration:none!important;transition:background-color .2s!important}
.elementor .hd .mi.mi:hover{background:rgba(255,255,255,.07)!important}
.elementor .hd .mi .elementor-widget{margin:0!important}
.elementor .hd .mi-t .elementor-heading-title{font-family:var(--sp-font-ui),sans-serif!important;font-size:15px!important;font-weight:600!important;line-height:1.35!important;color:var(--sp-text-strong)!important}
.elementor .hd .mi-s .elementor-heading-title{font-family:var(--sp-font-ui),sans-serif!important;font-size:12.5px!important;line-height:1.45!important;color:var(--sp-muted)!important;display:-webkit-box!important;-webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.elementor .hd .hd-all.hd-all{margin:8px 0 0!important;padding:12px 14px 4px!important;border-top:1px solid var(--sp-line)!important}
.elementor .hd .hd-all a{display:inline-flex!important;align-items:center!important;gap:8px!important;color:var(--sp-text-strong)!important;font-size:14px!important;font-weight:600!important;text-decoration:none!important}
.elementor .hd .hd-all a::after,.elementor .hd a.hd-all::after{content:""!important;width:20px!important;height:20px!important;background:currentColor!important;-webkit-mask:url(/wp-content/uploads/2026/08/icon-sparrow.svg) center/130% no-repeat!important;mask:url(/wp-content/uploads/2026/08/icon-sparrow.svg) center/130% no-repeat!important;transition:transform .25s!important}
.elementor .hd .hd-all a:hover::after{transform:translateX(3px)!important}
/* Rechte Seite: Social, Button, Burger */
.elementor .hd .hd-right.hd-right{display:flex!important;align-items:center!important;gap:12px!important;flex:none!important}

/* Social-Icons als runde Glas-Buttons mit Masken-Icons */
.elementor .hd .hd-social.hd-social{display:flex!important;align-items:center!important;gap:8px!important}
.elementor .hd .hd-soc.hd-soc{position:relative!important;display:block!important;width:36px!important;height:36px!important;min-width:0!important;padding:0!important;border-radius:50%!important;border:1px solid var(--sp-line-strong)!important;background:rgba(255,255,255,.05)!important;transition:background-color .25s,border-color .25s,transform .25s!important}
.elementor .hd .hd-soc.hd-soc::after{content:""!important;position:absolute!important;inset:9px!important;background:#fff!important}
.elementor .hd .hd-soc.hd-ig::after{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.5' cy='6.5' r='1.1' fill='%23000' stroke='none'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.5' cy='6.5' r='1.1' fill='%23000' stroke='none'/%3E%3C/svg%3E") center/contain no-repeat!important}
.elementor .hd .hd-soc.hd-li::after{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.98 3.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5zM3 9h4v12H3zM9 9h3.8v1.7h.1c.5-1 1.8-2 3.8-2 4 0 4.8 2.6 4.8 6V21h-4v-5.6c0-1.3 0-3-1.9-3s-2.2 1.5-2.2 2.9V21H9z'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.98 3.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5zM3 9h4v12H3zM9 9h3.8v1.7h.1c.5-1 1.8-2 3.8-2 4 0 4.8 2.6 4.8 6V21h-4v-5.6c0-1.3 0-3-1.9-3s-2.2 1.5-2.2 2.9V21H9z'/%3E%3C/svg%3E") center/contain no-repeat!important}
.elementor .hd .hd-soc.hd-fb::after{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 21v-7.5h2.6l.4-3h-3V8.6c0-.9.3-1.5 1.6-1.5h1.6V4.4c-.3 0-1.2-.1-2.3-.1-2.3 0-3.9 1.4-3.9 4v2.2H8v3h2.5V21z'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 21v-7.5h2.6l.4-3h-3V8.6c0-.9.3-1.5 1.6-1.5h1.6V4.4c-.3 0-1.2-.1-2.3-.1-2.3 0-3.9 1.4-3.9 4v2.2H8v3h2.5V21z'/%3E%3C/svg%3E") center/contain no-repeat!important}
.elementor .hd .hd-soc.hd-soc:hover{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.35)!important;transform:translateY(-1px)!important}


/* Primaerbutton weiss mit Sparrow-Icon ohne Kreis und Flip-Text */
.elementor .hd a.rg-btn.rg-btn{display:inline-flex!important;align-items:center!important;gap:10px!important;width:auto!important;padding:10px 16px 10px 20px!important;border-radius:50px!important;background:#fff!important;border:1px solid #fff!important;color:var(--sp-ink)!important;font-family:var(--sp-font-ui),sans-serif!important;font-size:15px!important;font-weight:600!important;line-height:22px!important;text-decoration:none!important;white-space:nowrap!important;box-shadow:0 8px 30px -12px rgba(255,255,255,.35)!important;transition:background-color .25s,transform .25s!important}
.elementor .hd a.rg-btn.rg-btn:hover{background:#e9e9e9!important;transform:translateY(-1px)!important}
.elementor .hd .rg-fwrap.rg-fwrap{position:relative!important;overflow:hidden!important;display:block!important;height:22px!important;padding:0!important;min-width:0!important}
.elementor .hd .rg-flip.rg-flip{display:block!important;margin:0!important;white-space:nowrap!important;line-height:22px!important;color:inherit!important;transition:transform .35s cubic-bezier(.2,.7,.2,1)!important}
.elementor .hd .rg-flip2.rg-flip2{position:absolute!important;left:0!important;top:100%!important}
.elementor .hd a.rg-btn:hover .rg-flip.rg-flip{transform:translateY(-100%)!important}
.elementor .hd .rg-ficon.rg-ficon{width:20px!important;height:20px!important;min-width:0!important;padding:0!important;background:transparent!important;display:flex!important;flex:none!important;transition:transform .25s!important}
.elementor .hd a.rg-btn:hover .rg-ficon.rg-ficon{transform:translateX(3px)!important}
.elementor .hd .rg-arrowico.rg-arrowico{width:20px!important;height:20px!important;min-width:0!important;padding:0!important;background-color:currentColor!important;-webkit-mask:url(/wp-content/uploads/2026/08/icon-sparrow.svg) center/130% no-repeat!important;mask:url(/wp-content/uploads/2026/08/icon-sparrow.svg) center/130% no-repeat!important}

.elementor .hd .hd-burger.hd-burger{display:none!important;position:relative!important;width:46px!important;height:46px!important;min-width:0!important;padding:0!important;border-radius:50%!important;border:1px solid var(--sp-line-strong)!important;background:rgba(255,255,255,.06)!important;transition:background-color .25s!important}
.elementor .hd .hd-burger:hover{background:rgba(255,255,255,.14)!important}
.elementor .hd .hd-line.hd-line{position:absolute!important;left:14px!important;right:14px!important;width:auto!important;height:1.5px!important;min-width:0!important;padding:0!important;background:#fff!important;border-radius:2px!important;transition:transform .35s cubic-bezier(.2,.7,.2,1),top .35s!important}
.elementor .hd .hd-line.hd-line:first-child{top:19px!important}
.elementor .hd .hd-line.hd-line:last-child{top:25px!important}
/* Off-Canvas-Menue: Panel von rechts, Hintergrund abgedunkelt */
html.hd-lock,html.hd-lock body{overflow:hidden!important}
.elementor .hd .hd-oc-bg.hd-oc-bg{position:fixed!important;inset:0!important;z-index:9991!important;background:rgba(0,0,0,.55)!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;opacity:0;pointer-events:none!important;transition:opacity .4s!important}
.elementor .hd.is-open .hd-oc-bg.hd-oc-bg{opacity:1;pointer-events:auto!important}
.elementor .hd .hd-oc.hd-oc{position:fixed!important;top:0!important;right:0!important;bottom:0!important;z-index:9992!important;width:min(460px,100%)!important;overflow-y:auto!important;overscroll-behavior:contain!important;background:radial-gradient(90% 50% at 100% 0,rgba(255,255,255,.07),transparent 60%),var(--sp-surface)!important;border-left:1px solid var(--sp-line)!important;transform:translateX(100%)!important;visibility:hidden;transition:transform .55s cubic-bezier(.2,.7,.2,1),visibility .55s!important}
.elementor .hd.is-open .hd-oc.hd-oc{transform:none!important;visibility:visible}
.elementor .hd .hd-oc-in.hd-oc-in{min-height:100%!important;display:flex!important;flex-direction:column!important;gap:28px!important;padding:22px 26px 32px!important}
.elementor .hd .hd-oc-top.hd-oc-top{display:flex!important;align-items:center!important;justify-content:space-between!important}
.elementor .hd .hd-oc .rg-chip.rg-chip{display:inline-flex!important;align-items:center!important;gap:8px!important;font-size:12px!important;font-weight:600!important;letter-spacing:.12em!important;text-transform:uppercase!important;padding:6px 13px!important;border-radius:50px!important;background:rgba(255,255,255,.08)!important;border:1px solid var(--sp-line-strong)!important;color:var(--sp-text-strong)!important}
.elementor .hd .hd-oc .rg-chip.rg-chip::before{content:""!important;width:6px!important;height:6px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 0 12px rgba(255,255,255,.9)!important}
.elementor .hd .hd-close.hd-close{position:relative!important;width:46px!important;height:46px!important;min-width:0!important;padding:0!important;border-radius:50%!important;border:1px solid var(--sp-line-strong)!important;background:rgba(255,255,255,.06)!important;transition:background-color .25s,transform .35s!important}
.elementor .hd .hd-close.hd-close::before,.elementor .hd .hd-close.hd-close::after{content:""!important;position:absolute!important;left:14px!important;right:14px!important;top:22px!important;height:1.5px!important;background:#fff!important;border-radius:2px!important;transform:rotate(45deg)!important}
.elementor .hd .hd-close.hd-close::after{transform:rotate(-45deg)!important}
.elementor .hd .hd-close.hd-close:hover{background:rgba(255,255,255,.14)!important;transform:rotate(90deg)!important}
.elementor .hd .hd-oc-nav.hd-oc-nav{display:flex!important;flex-direction:column!important}
.elementor .hd .hd-oc-group.hd-oc-group{border-bottom:1px solid var(--sp-line)!important;opacity:0;transform:translateX(24px);transition:opacity .4s,transform .5s cubic-bezier(.2,.7,.2,1)!important}
.elementor .hd.is-open .hd-oc-group.hd-oc-group{opacity:1;transform:none}
.elementor .hd.is-open .hd-oc-group:nth-child(1){transition-delay:.12s!important}
.elementor .hd.is-open .hd-oc-group:nth-child(2){transition-delay:.18s!important}
.elementor .hd.is-open .hd-oc-group:nth-child(3){transition-delay:.24s!important}
.elementor .hd.is-open .hd-oc-group:nth-child(4){transition-delay:.3s!important}
.elementor .hd .hd-oc-row.hd-oc-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
.elementor .hd .hd-oc-link a{display:block!important;padding:14px 0!important;color:var(--sp-text-strong)!important;font-size:34px!important;font-weight:500!important;line-height:1.1!important;letter-spacing:-.015em!important;text-decoration:none!important;transition:opacity .2s!important}
.elementor .hd .hd-oc-link a:hover{opacity:.75!important}
.elementor .hd .hd-oc-tog.hd-oc-tog{position:relative!important;flex:none!important;width:40px!important;height:40px!important;min-width:0!important;padding:0!important;border-radius:50%!important;border:1px solid var(--sp-line-strong)!important;background:transparent!important;transition:transform .35s,background-color .25s!important}
.elementor .hd .hd-oc-tog.hd-oc-tog::before,.elementor .hd .hd-oc-tog.hd-oc-tog::after{content:""!important;position:absolute!important;left:50%!important;top:50%!important;width:12px!important;height:1.5px!important;margin:-.75px 0 0 -6px!important;background:#fff!important}
.elementor .hd .hd-oc-tog.hd-oc-tog::after{transform:rotate(90deg)!important}
.elementor .hd .hd-oc-group.is-open .hd-oc-tog.hd-oc-tog{transform:rotate(45deg)!important;background:rgba(255,255,255,.1)!important}
.elementor .hd .hd-oc-sub.hd-oc-sub{display:grid!important;grid-template-rows:0fr!important;transition:grid-template-rows .45s cubic-bezier(.2,.7,.2,1)!important}
.elementor .hd .hd-oc-sub > *{overflow:hidden!important;min-height:0!important}
.elementor .hd .hd-oc-group.is-open .hd-oc-sub.hd-oc-sub{grid-template-rows:1fr!important}
.elementor .hd .hd-oc-sub .mi.mi{padding:9px 0!important;border-radius:0!important}
.elementor .hd .hd-oc-sub .mi.mi:hover{background:transparent!important;opacity:.75!important}
.elementor .hd .hd-oc-sub .hd-loop{padding-bottom:14px!important}
.elementor .hd .hd-oc-sub .mi-t .elementor-heading-title{font-size:17px!important;font-weight:500!important}
.elementor .hd .hd-oc-foot.hd-oc-foot{margin-top:auto!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:18px!important}
.elementor .hd .hd-oc-foot a.rg-btn.rg-btn{width:100%!important;justify-content:space-between!important;padding:14px 18px 14px 22px!important;font-size:16px!important}
.elementor .hd .hd-oc-contact.hd-oc-contact{display:flex!important;flex-direction:column!important;gap:4px!important}
.elementor .hd .hd-oc-contact a{color:var(--sp-muted)!important;font-size:15px!important;text-decoration:none!important;transition:color .2s!important}
.elementor .hd .hd-oc-contact a:hover{color:var(--sp-text-strong)!important}
/* Burger wird zum X */
.elementor .hd.is-open .hd-line.hd-line:first-child{top:22px!important;transform:rotate(45deg)!important}
.elementor .hd.is-open .hd-line.hd-line:last-child{top:22px!important;transform:rotate(-45deg)!important}
/* Tablet: Navigation ins Menue, Button bleibt */
@media screen and (max-width:1100px){
.elementor .hd .hd-nav.hd-nav,.elementor .hd .hd-bar .hd-social.hd-social{display:none!important}
.elementor .hd .hd-burger.hd-burger{display:block!important}
.elementor .hd .hd-right.hd-right{margin-left:auto!important}
}
/* Smartphone: nur Logo und Burger */
@media screen and (max-width:767px){
.elementor .hd.hd{padding:10px 12px!important}
.elementor .hd .hd-bar.hd-bar{height:58px!important;padding:0 6px 0 16px!important}
.elementor .hd .hd-bar a.rg-btn.hd-cta{display:none!important}
.elementor .hd .hd-logoimg img,.elementor .hd img.hd-logoimg{height:24px!important}
.elementor .hd .hd-oc-in.hd-oc-in{padding:16px 20px 28px!important}
.elementor .hd .hd-oc-link a{font-size:30px!important}
}
@media (prefers-reduced-motion:reduce){.elementor .hd,.elementor .hd *,.elementor .hd *::before,.elementor .hd *::after{transition:none!important;animation:none!important}}

/* Breitenkorrektur: V4-Bloecke im Header nehmen nur ihre Inhaltsbreite ein */
.elementor .hd .e-div-block-base{width:auto!important}
.elementor .hd .hd-bar > *,.elementor .hd .hd-nav > *,.elementor .hd .hd-right > *{flex:0 0 auto!important}
.elementor .hd img.hd-logoimg{max-width:none!important}

/* Off-Canvas unter der WordPress-Adminleiste, Untermenue-Schalter wird zum Minus */
body.admin-bar .elementor .hd .hd-oc.hd-oc{top:32px!important}
@media screen and (max-width:782px){body.admin-bar .elementor .hd .hd-oc.hd-oc{top:46px!important}}
.elementor .hd .hd-oc-group.is-open .hd-oc-tog.hd-oc-tog{transform:none!important}
.elementor .hd .hd-oc-tog.hd-oc-tog::after{transition:transform .3s!important}
.elementor .hd .hd-oc-group.is-open .hd-oc-tog.hd-oc-tog::after{transform:rotate(90deg) scaleX(0)!important}

/* Schliessen-X: feste Linienbreite statt Elementor-Overlay-Masse */
.elementor .hd .hd-close.hd-close::before,.elementor .hd .hd-close.hd-close::after{width:18px!important;height:1.5px!important;left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;margin:-.75px 0 0 -9px!important;transform-origin:50% 50%!important;opacity:1!important;mix-blend-mode:normal!important}
.elementor .hd .hd-close.hd-close:focus-visible{outline:2px solid #fff!important;outline-offset:3px!important}

/* Geschlossene Untermenues komplett ohne Resthoehe */
.elementor .hd .hd-oc-sub .hd-loop.hd-loop{padding-bottom:0!important}
.elementor .hd .hd-oc-sub .elementor-loop-container{padding-bottom:14px!important}

/* ---------- Ratgeber-Megamenü: Kategorien aus der View "menue-ratgeber" (Name plus Feld subline) ---------- */
.elementor .hd .hd-mbv .elementor-shortcode{display:block!important}
.elementor .hd .mi-list.mi-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:2px!important}
.elementor .hd .mi-k .mi-t{display:block!important;font-family:var(--sp-font-ui),sans-serif!important;font-size:15px!important;font-weight:600!important;line-height:1.35!important;color:var(--sp-text-strong)!important}
.elementor .hd .mi-k .mi-s{display:-webkit-box!important;font-family:var(--sp-font-ui),sans-serif!important;font-size:12.5px!important;line-height:1.45!important;color:var(--sp-muted)!important;-webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.elementor .hd .hd-oc-sub .mi-list.mi-list{grid-template-columns:1fr!important;padding-bottom:14px!important}
.elementor .hd .hd-oc-sub .mi-k .mi-t{font-size:17px!important;font-weight:500!important}
/* ---------- Social-Icons immer kreisrund, auch im Editor (leere Div-Blöcke bekommen dort sonst eine Mindesthöhe) ---------- */
.elementor .hd-soc.hd-soc,.elementor .hd-soc.hd-soc.e-empty,.elementor-edit-area .hd-soc.hd-soc{width:36px!important;height:36px!important;min-height:0!important;max-height:36px!important;min-width:36px!important;flex:0 0 36px!important;aspect-ratio:1 / 1!important;border-radius:50%!important;padding:0!important}
/* ---------- Menü etwas größer, Kopfleiste beim Scrollen mit Schatten und Abstand ---------- */
.elementor .hd .hd-link.hd-link a,.elementor .hd a.hd-link{font-size:16px!important}
.elementor .hd.is-scrolled .hd-bar.hd-bar{box-shadow:0 18px 40px -18px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.04)!important}
/* Mega-Menü Leistungen: breiteres Dropdown, größere Schrift */
@media (min-width:1025px){.elementor .hd-drop.hd-drop{width:780px!important}.elementor .hd .hd-drop .hd-drop-in.hd-drop-in{width:780px!important;max-width:calc(100vw - 48px)!important}.elementor .hd .hd-drop .hd-dropslot.hd-dropslot{width:100%!important}.elementor .hd-dropslot .elementor-loop-container.elementor-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.hd-dropslot .e-loop-item .mi-t .elementor-heading-title{font-size:17px!important}
.hd-dropslot .e-loop-item .mi-s .elementor-heading-title{font-size:14px!important;line-height:1.4!important}
/* Mega-Menü: Linien-Icon je Leistung links neben Titel und Untertitel */
.hd-dropslot .e-loop-item.leistung .mi.mi{position:relative!important;padding-left:66px!important}
.hd-dropslot .e-loop-item.leistung .mi.mi::before{content:""!important;position:absolute!important;left:12px!important;top:50%!important;width:42px!important;height:42px!important;margin-top:-21px!important;border-radius:12px!important;border:1px solid color-mix(in srgb,var(--sp-lila) 18%,transparent)!important;background-color:color-mix(in srgb,var(--sp-lila) 6%,transparent)!important;background-repeat:no-repeat!important;background-position:center!important;background-size:24px 24px!important;transition:border-color .25s,background-color .25s,transform .25s!important}
.hd-dropslot .e-loop-item.leistung .mi.mi:hover::before{border-color:color-mix(in srgb,var(--sp-lila) 45%,transparent)!important;background-color:color-mix(in srgb,var(--sp-lila) 12%,transparent)!important;transform:translateY(-1px)!important}
.hd-dropslot .e-loop-item-562 .mi.mi::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%224%22%20y1%3D%224%22%20x2%3D%2244%22%20y2%3D%2244%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239fd8ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b4b2ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url(%23g)%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%2040h32%22%2F%3E%3Cpath%20d%3D%22M12%2040V30%22%2F%3E%3Cpath%20d%3D%22M22%2040V24%22%2F%3E%3Cpath%20d%3D%22M32%2040V17%22%2F%3E%3Cpath%20d%3D%22M29%2011l5-5%205%205%22%2F%3E%3Cpath%20d%3D%22M34%206v10%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}
.hd-dropslot .e-loop-item-563 .mi.mi::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%224%22%20y1%3D%224%22%20x2%3D%2244%22%20y2%3D%2244%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239fd8ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b4b2ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url(%23g)%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%226%22%20y%3D%229%22%20width%3D%2236%22%20height%3D%2230%22%20rx%3D%225%22%2F%3E%3Cpath%20d%3D%22M6%2017h36%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%2222%22%20width%3D%2211%22%20height%3D%2211%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M28%2024h8%22%2F%3E%3Cpath%20d%3D%22M28%2030h6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}
.hd-dropslot .e-loop-item-564 .mi.mi::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%224%22%20y1%3D%224%22%20x2%3D%2244%22%20y2%3D%2244%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239fd8ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b4b2ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url(%23g)%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%2210%22%20y%3D%2216%22%20width%3D%2228%22%20height%3D%2224%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M10%2022h28%22%2F%3E%3Cpath%20d%3D%22M20%2016v6M28%2016v6%22%2F%3E%3Cpath%20d%3D%22M41%2010a6%206%200%201%201-6-4%22%2F%3E%3Cpath%20d%3D%22M35%203v3h3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}
.hd-dropslot .e-loop-item-565 .mi.mi::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%224%22%20y1%3D%224%22%20x2%3D%2244%22%20y2%3D%2244%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239fd8ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b4b2ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url(%23g)%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%2216%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%229%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M34%2014l7-7%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}
.hd-dropslot .e-loop-item-566 .mi.mi::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%224%22%20y1%3D%224%22%20x2%3D%2244%22%20y2%3D%2244%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239fd8ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b4b2ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url(%23g)%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10%2010h28a4%204%200%200%201%204%204v14a4%204%200%200%201-4%204H22l-8%207v-7h-4a4%204%200%200%201-4-4V14a4%204%200%200%201%204-4z%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2221%22%20r%3D%221.6%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2221%22%20r%3D%221.6%22%2F%3E%3Ccircle%20cx%3D%2231%22%20cy%3D%2221%22%20r%3D%221.6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}
.hd-dropslot .e-loop-item-567 .mi.mi::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%224%22%20y1%3D%224%22%20x2%3D%2244%22%20y2%3D%2244%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239fd8ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b4b2ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url(%23g)%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2217%22%20r%3D%226%22%2F%3E%3Cpath%20d%3D%22M7%2038c0-6%205-10%2011-10s11%204%2011%2010%22%2F%3E%3Ccircle%20cx%3D%2233%22%20cy%3D%2215%22%20r%3D%225%22%2F%3E%3Cpath%20d%3D%22M32%2025c5%200%209%204%209%209%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}
.hd-dropslot .e-loop-item-568 .mi.mi::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%224%22%20y1%3D%224%22%20x2%3D%2244%22%20y2%3D%2244%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239fd8ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b4b2ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url(%23g)%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M17%2015l-9%209%209%209%22%2F%3E%3Cpath%20d%3D%22M31%2015l9%209-9%209%22%2F%3E%3Cpath%20d%3D%22M27%2011l-6%2026%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}
.hd-dropslot .e-loop-item-1823 .mi.mi::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%224%22%20y1%3D%224%22%20x2%3D%2244%22%20y2%3D%2244%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239fd8ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b4b2ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url(%23g)%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%228%22%20y%3D%227%22%20width%3D%2232%22%20height%3D%2234%22%20rx%3D%226%22%2F%3E%3Cpath%20d%3D%22M15%2018l3%203%205-5.5%22%2F%3E%3Cpath%20d%3D%22M15%2030l3%203%205-5.5%22%2F%3E%3Cpath%20d%3D%22M28%2018.5h6%22%2F%3E%3Cpath%20d%3D%22M28%2030.5h6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}
.hd-dropslot .e-loop-item-1825 .mi.mi::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%224%22%20y1%3D%224%22%20x2%3D%2244%22%20y2%3D%2244%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239fd8ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b4b2ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url(%23g)%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%206h16l8%208v12%22%2F%3E%3Cpath%20d%3D%22M28%206v8h8%22%2F%3E%3Cpath%20d%3D%22M12%206v36h12%22%2F%3E%3Cpath%20d%3D%22M18%2020h10%22%2F%3E%3Cpath%20d%3D%22M18%2027h6%22%2F%3E%3Ccircle%20cx%3D%2233%22%20cy%3D%2234%22%20r%3D%226%22%2F%3E%3Cpath%20d%3D%22M37.5%2038.5%2042%2043%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}
.hd-dropslot .e-loop-item-1827 .mi.mi::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%224%22%20y1%3D%224%22%20x2%3D%2244%22%20y2%3D%2244%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239fd8ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b4b2ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url(%23g)%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%227%22%20y%3D%2212%22%20width%3D%2234%22%20height%3D%2224%22%20rx%3D%224%22%2F%3E%3Cpath%20d%3D%22M8%2014l16%2012%2016-12%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}
.hd-dropslot .e-loop-item-1830 .mi.mi::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%224%22%20y1%3D%224%22%20x2%3D%2244%22%20y2%3D%2244%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239fd8ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b4b2ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url(%23g)%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%2034a16%2016%200%200%201%2032%200%22%2F%3E%3Cpath%20d%3D%22M12%2034h-3M39%2034h-3%22%2F%3E%3Cpath%20d%3D%22M24%2034l8-10%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2234%22%20r%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}

/* Mega-Menü Ratgeber: Linien-Icon je Kategorie wie bei den Leistungen */
.elementor .hd a.mi.mi-k{position:relative!important;padding-left:66px!important}
.elementor .hd a.mi.mi-k::before{content:""!important;position:absolute!important;left:12px!important;top:50%!important;width:42px!important;height:42px!important;margin-top:-21px!important;border-radius:12px!important;border:1px solid color-mix(in srgb,var(--sp-lila) 18%,transparent)!important;background-color:color-mix(in srgb,var(--sp-lila) 6%,transparent)!important;background-repeat:no-repeat!important;background-position:center!important;background-size:24px 24px!important;transition:border-color .25s,background-color .25s,transform .25s!important}
.elementor .hd a.mi.mi-k:hover::before{border-color:color-mix(in srgb,var(--sp-lila) 45%,transparent)!important;background-color:color-mix(in srgb,var(--sp-lila) 12%,transparent)!important;transform:translateY(-1px)!important}
.elementor .hd a.mi.mi-k[href$="/ratgeber/content-creation/"]::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%224%22%20y1%3D%224%22%20x2%3D%2244%22%20y2%3D%2244%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239fd8ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b4b2ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url(%23g)%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10%2010h28a4%204%200%200%201%204%204v14a4%204%200%200%201-4%204H22l-8%207v-7h-4a4%204%200%200%201-4-4V14a4%204%200%200%201%204-4z%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2221%22%20r%3D%221.6%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2221%22%20r%3D%221.6%22%2F%3E%3Ccircle%20cx%3D%2231%22%20cy%3D%2221%22%20r%3D%221.6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}
.elementor .hd a.mi.mi-k[href$="/ratgeber/digital-marketing/"]::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%224%22%20y1%3D%224%22%20x2%3D%2244%22%20y2%3D%2244%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239fd8ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b4b2ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url(%23g)%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%2216%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%229%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M34%2014l7-7%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}
.elementor .hd a.mi.mi-k[href$="/ratgeber/recruiting/"]::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%224%22%20y1%3D%224%22%20x2%3D%2244%22%20y2%3D%2244%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239fd8ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b4b2ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url(%23g)%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2217%22%20r%3D%226%22%2F%3E%3Cpath%20d%3D%22M7%2038c0-6%205-10%2011-10s11%204%2011%2010%22%2F%3E%3Ccircle%20cx%3D%2233%22%20cy%3D%2215%22%20r%3D%225%22%2F%3E%3Cpath%20d%3D%22M32%2025c5%200%209%204%209%209%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}
.elementor .hd a.mi.mi-k[href$="/ratgeber/seo/"]::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%224%22%20y1%3D%224%22%20x2%3D%2244%22%20y2%3D%2244%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239fd8ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b4b2ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url(%23g)%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%2040h32%22%2F%3E%3Cpath%20d%3D%22M12%2040V30%22%2F%3E%3Cpath%20d%3D%22M22%2040V24%22%2F%3E%3Cpath%20d%3D%22M32%2040V17%22%2F%3E%3Cpath%20d%3D%22M29%2011l5-5%205%205%22%2F%3E%3Cpath%20d%3D%22M34%206v10%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}
.elementor .hd a.mi.mi-k[href$="/ratgeber/webdesign/"]::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%224%22%20y1%3D%224%22%20x2%3D%2244%22%20y2%3D%2244%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239fd8ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b4b2ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url(%23g)%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%226%22%20y%3D%229%22%20width%3D%2236%22%20height%3D%2230%22%20rx%3D%225%22%2F%3E%3Cpath%20d%3D%22M6%2017h36%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%2222%22%20width%3D%2211%22%20height%3D%2211%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M28%2024h8%22%2F%3E%3Cpath%20d%3D%22M28%2030h6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}
.elementor .hd a.mi.mi-k[href$="/ratgeber/wordpress/"]::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%224%22%20y1%3D%224%22%20x2%3D%2244%22%20y2%3D%2244%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239fd8ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b4b2ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url(%23g)%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2224%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%2237%22%20cy%3D%2224%22%20r%3D%225%22%2F%3E%3Cpath%20d%3D%22M16%2024h16%22%2F%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2224%22%20r%3D%222.2%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}

/* Überschriften: Verlaufs-Hervorhebungen mit Platz für Unterlängen, damit g, j, p und y nicht abgeschnitten werden */
.elementor .h2g.h2g,.elementor .hp-grad.hp-grad,.elementor h1 .grad,.elementor h2 .grad,.elementor .lp-grad.lp-grad{display:inline-block!important;padding-bottom:.18em!important;margin-bottom:-.18em!important;padding-right:.04em!important}

/* Rechtliche Seiten (Impressum, Datenschutz, AGB): Inhaltscontainer .lg auf 90rem Breite wie die übrigen Sektionen */
.elementor .e-con.lg.lg{max-width:90rem!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}

/* Mobiles Menü (Offcanvas): Ratgeber-Icons ausblenden, dort fehlt der Platz und die Leistungen zeigen ebenfalls keine Icons */
.elementor .hd .hd-oc-sub a.mi.mi-k:not(#sp-x)::before{display:none!important;content:none!important}

/* Alle Seiten: Karten-Einblendung, Startzustand leicht tiefer und unsichtbar (Klasse setzt das Skript im Footer) */
html body .sp-rv-i.sp-rv-i.sp-rv-i.sp-rv-i:not(#sp-x):not(#sp-y){opacity:0!important;translate:0 28px!important;transition:opacity .7s cubic-bezier(.16,1,.3,1) var(--rv-d,0ms),translate .9s cubic-bezier(.16,1,.3,1) var(--rv-d,0ms),transform .25s ease,border-color .25s ease,background-color .25s ease!important}
/* Karten-Einblendung: Endzustand sichtbar an Originalposition */
html body .sp-rv-i.sp-rv-in.sp-rv-i.sp-rv-in:not(#sp-x):not(#sp-y){opacity:1!important;translate:0 0!important}

/* Header Dropdowns: Panel im Violett-Look wie die Ratgeber-Karten statt Blaugrau */
html body .elementor .hd .hd-drop .hd-drop-in.hd-drop-in:not(#sp-x):not(#sp-y){background:radial-gradient(80% 70% at 0% 0%,color-mix(in srgb,var(--sp-lila) 16%,transparent),rgba(0,0,0,0) 60%),rgba(19,19,23,.97)!important;border-color:color-mix(in srgb,var(--sp-lila) 22%,transparent)!important}

/* Übersichten Projekte und Ratgeber: Karten im Violett-Look wie auf der Startseite (ohne Carousel) */
body:is(.archive,.search,.blog) .elementor .la:is(.la-projekt,.la-ratgeber) .la-card.la-card:not(#sp-x){height:100%!important;box-sizing:border-box!important;padding:0!important;overflow:hidden!important;border-radius:24px!important;border:1px solid color-mix(in srgb,var(--sp-lila) 22%,transparent)!important;background:radial-gradient(80% 60% at 0% 100%,color-mix(in srgb,var(--sp-lila) 14%,transparent),transparent 60%),var(--sp-surface)!important;box-shadow:0 18px 40px rgba(0,0,0,.35)!important;transition:border-color .25s ease,transform .25s ease!important}
body:is(.archive,.search,.blog) .elementor .la:is(.la-projekt,.la-ratgeber) .la-card.la-card:not(#sp-x):hover{border-color:color-mix(in srgb,var(--sp-lila) 45%,transparent)!important;transform:translateY(-4px)!important}
body:is(.archive,.search,.blog) .elementor .la:is(.la-projekt,.la-ratgeber) .la-card .la-media.la-media:not(#sp-x){border-radius:0!important;-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent 100%)!important;mask-image:linear-gradient(180deg,#000 60%,transparent 100%)!important}
body:is(.archive,.search,.blog) .elementor .la:is(.la-projekt,.la-ratgeber) .la-card .la-body.la-body:not(#sp-x){position:relative!important;margin-top:-28px!important;padding:0 28px 30px!important}
/* Übersichten: Einleitungstext unter der Überschrift mittig */
body .elementor .la .la-head .la-lead.la-lead:not(#sp-x){text-align:center!important;margin-left:auto!important;margin-right:auto!important}
body .elementor .la .la-head .la-h1.la-h1:not(#sp-x){text-align:center!important}
/* Übersichten Filter: Pillen-Reihe mittig über den Karten */
body .elementor .sp-filter-w .sp-filter:not(#sp-x){display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:10px!important;margin:0 0 36px!important}
/* Filter-Pille: Outline, aktiv violett gefüllt */
body .elementor .sp-filter .sp-f:not(#sp-x){padding:10px 18px!important;border-radius:999px!important;border:1px solid var(--sp-line-strong)!important;background:rgba(255,255,255,.03)!important;color:rgba(255,255,255,.8)!important;font-family:var(--sp-font-ui),sans-serif!important;font-size:14px!important;font-weight:500!important;line-height:1.2!important;cursor:pointer!important;transition:border-color .2s ease,background-color .2s ease,color .2s ease!important}
body .elementor .sp-filter .sp-f:not(#sp-x):hover{border-color:color-mix(in srgb,var(--sp-lila) 45%,transparent)!important;color:var(--sp-text-strong)!important}
body .elementor .sp-filter .sp-f.is-on:not(#sp-x){background:color-mix(in srgb,var(--sp-lila) 16%,transparent)!important;border-color:color-mix(in srgb,var(--sp-lila) 55%,transparent)!important;color:var(--sp-text-strong)!important}

/* Hero-Kacheln Projekt und Ratgeber: Eckdaten als Kacheln im Violett-Look unter dem Untertitel */
body .elementor .rg-head .sp-tiles:not(#sp-x){display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:12px!important;width:100%!important;max-width:980px!important;margin:34px auto 0!important;text-align:left!important}
body .elementor .rg-head .sp-tile:not(#sp-x){display:flex!important;flex-direction:column!important;gap:6px!important;padding:16px 18px!important;border-radius:18px!important;border:1px solid color-mix(in srgb,var(--sp-lila) 22%,transparent)!important;background:radial-gradient(80% 70% at 0% 0%,color-mix(in srgb,var(--sp-lila) 16%,transparent),rgba(0,0,0,0) 60%),var(--sp-surface)!important}
body .elementor .rg-head .sp-tile-k:not(#sp-x){font-family:var(--sp-font-ui),sans-serif!important;font-size:11px!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--sp-lila)!important}
body .elementor .rg-head .sp-tile-v:not(#sp-x){font-family:var(--sp-font-ui),sans-serif!important;font-size:15px!important;line-height:1.4!important;font-weight:500!important;color:var(--sp-text-strong)!important}
/* Hero-Kacheln: Rollen-Pille und Meta-Zeile entfallen, die Angaben stehen in den Kacheln */
body .elementor .rg-head:has(.sp-tiles) :is(.rg-chip,.rg-metaslot):not(#sp-x){display:none!important}

/* Alle Anfrageformulare (Popup, Kontakt, Fragebögen): Felder wie im Newsletter-Formular, dunkel mit violettem Fokus */
html body .elementor :is(.kx-form,.pp-form,.fq-form) .elementor-field-textual.elementor-field-textual:not(#sp-x){background:var(--sp-surface-2)!important;border:1px solid var(--sp-line)!important;border-radius:14px!important;color:var(--sp-text-strong)!important}
html body .elementor :is(.kx-form,.pp-form,.fq-form) .elementor-field-textual.elementor-field-textual:not(#sp-x):focus{border-color:var(--sp-lila)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--sp-lila) 15%,transparent)!important;outline:0!important}
html body .elementor :is(.kx-form,.pp-form,.fq-form) .elementor-field-textual::placeholder{color:var(--sp-subtle)!important}
/* Anfrageformulare: Checkbox und Fortschrittspunkte im Violett der Seite */
html body .elementor :is(.kx-form,.pp-form,.fq-form) input[type=checkbox]:not(#sp-x){accent-color:var(--sp-lila)!important;width:18px!important;height:18px!important}
/* Anfrage-Popup: Karte im Violett-Look wie die Newsletter-Karte */
html body .elementor .pp.pp:not(#sp-x){background:radial-gradient(80% 70% at 0% 0%,color-mix(in srgb,var(--sp-lila) 16%,transparent),rgba(0,0,0,0) 60%),var(--sp-surface)!important;border:1px solid color-mix(in srgb,var(--sp-lila) 22%,transparent)!important}

/* Alle Seiten: kein horizontales Scrollen, Inhalte außerhalb des Fensters (Offcanvas, Carousel-Auslauf) werden abgeschnitten */
html:not(#sp-x),html body:not(#sp-x){overflow-x:clip!important}
@media (max-width:1024px){
/* Ratgeber und Projekte Tablet/Mobil: einspaltig statt Inhalt neben Seitenleiste */
html body .elementor .rg .rg-body.rg-body:not(#sp-x):not(#sp-y){display:flex!important;flex-direction:column!important;gap:28px!important}
html body .elementor .rg .rg-body > :is(.rg-main,.rg-side):not(#sp-x):not(#sp-y){width:100%!important;max-width:100%!important;min-width:0!important;position:static!important;top:auto!important}
/* Projekte Tablet/Mobil: Eckdaten-Karte nach dem Inhalt, die Angaben stehen schon im Hero */
html body .elementor .rg .rg-body:has(.pj-facts) > .rg-side:not(#sp-x):not(#sp-y){order:2!important}
/* Ratgeber Tablet/Mobil: Inhaltsverzeichnis eingeklappt, Klick auf Inhalt klappt es auf */
html body .elementor .rg .rg-side .rg-card:has(.rg-tocslot):not(.is-open) .rg-tocslot:not(#sp-x){display:none!important}
html body .elementor .rg .rg-side .rg-card:has(.rg-tocslot) .rg-cardlabel:not(#sp-x){display:flex!important;justify-content:space-between!important;align-items:center!important;margin:0!important;cursor:pointer!important}
html body .elementor .rg .rg-side .rg-card:has(.rg-tocslot) .rg-cardlabel:not(#sp-x)::after{content:"+"!important;font-size:22px!important;line-height:1!important;color:var(--sp-lila)!important}
html body .elementor .rg .rg-side .rg-card.is-open:has(.rg-tocslot) .rg-cardlabel:not(#sp-x)::after{content:"2212"!important}
html body .elementor .rg .rg-side .rg-card.is-open:has(.rg-tocslot) .rg-tocslot:not(#sp-x){margin-top:16px!important}
/* Preise Tablet/Mobil: Pakete untereinander statt Raster oder Wischen */
html body .elementor .hp-packs-grid.hp-packs-grid:not(#sp-x):not(#sp-y){grid-template-columns:minmax(0,1fr)!important}
html body .elementor .lp-pakete .mbei-groups.mbei-groups:not(#sp-x):not(#sp-y){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:22px!important;overflow:visible!important;scroll-snap-type:none!important;padding-top:16px!important;margin:0!important}
html body .elementor .lp-pakete .mbei-groups > *:not(#sp-x):not(#sp-y){width:auto!important;min-width:0!important;max-width:none!important;flex:none!important}
html body .elementor .lp-pakete .fx-nav:not(#sp-x){display:none!important}
}
@media (max-width:767px){
/* Buttons mobil: so breit wie ihr Inhalt, Icon direkt neben dem Text */
html body .elementor .rg-btn.rg-btn:not(#sp-x):not(#sp-y){width:fit-content!important;max-width:100%!important;flex:0 0 auto!important;align-self:flex-start!important;justify-content:center!important;gap:12px!important}
html body .elementor .lp-btns.lp-btns:not(#sp-x){align-items:flex-start!important}
html body .elementor :is(.lp-cta-row,.hc,.sx-fb-cta) .rg-btn.rg-btn:not(#sp-x):not(#sp-y){align-self:center!important}
/* Leistungsseiten mobil: Eyebrow als ruhige Zeile statt zweizeiliger Pille */
html body .elementor .lp h1.rg-chip.rg-chip:not(#sp-x):not(#sp-y){background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;font-size:11px!important;line-height:1.6!important;letter-spacing:.12em!important;color:var(--sp-lila)!important}
html body .elementor .lp h1.rg-chip.rg-chip:not(#sp-x):not(#sp-y)::before{display:none!important}
/* Startseite mobil: Shader unter dem Hero-Text statt dahinter */
html body .hv .s-hero.s-hero:not(#sp-x){display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important}
html body .hv .s-hero .hv-in.hv-in.hv-in:not(#sp-x){order:1!important;height:auto!important;min-height:0!important;padding-bottom:10px!important}
html body .hv .s-hero canvas.hv-cv.hv-cv:not(#sp-x){order:2!important;position:relative!important;inset:auto!important;width:100%!important;height:360px!important;display:block!important}
/* Startseite mobil: Logos dreispaltig */
html body .hv .hv-logos.hv-logos:not(#sp-x){grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:26px 14px!important}
/* Startseite mobil: Foto im Über-mich-Block groß und näher am Text */
html body .hv .s-about .hv-photo.hv-photo.hv-photo.hv-photo:not(#sp-x):not(#sp-y){width:100%!important;max-width:none!important;flex:0 0 auto!important;height:auto!important;aspect-ratio:1/1!important;background-position:50% 100%!important;background-size:contain!important;margin-top:0!important}
html body .hv .s-about .hv-about-btns.hv-about-btns:not(#sp-x){margin-top:24px!important}
}

/* HD-OCT18 Mobil: Bewertungs-Überschrift "Das sagen meine Kunden" mittig, Startseite und Leistungsseiten */
@media (max-width:767px){body .elementor [data-id="4df98b7"] .elementor-heading-title, body .elementor [data-id="4df98b7"] h2, body .elementor .lp .lp-rev h2, body .elementor .lp .lp-rev .rg-h2{text-align:center!important;margin-left:auto!important;margin-right:auto!important}}

/* HD-OCT18 Menü-Icon GEO: Sprechblase mit Funken für KI-Antworten, im Stil der übrigen Leistungs-Icons */
.hd-dropslot .e-loop-item-2539 .mi.mi::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%224%22%20y1%3D%224%22%20x2%3D%2244%22%20y2%3D%2244%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239fd8ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b4b2ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2014h17a4%204%200%200%201%204%204v10a4%204%200%200%201-4%204H17l-7%206v-6H9a4%204%200%200%201-4-4V18a4%204%200%200%201%204-4z%22%2F%3E%3Cpath%20d%3D%22M11%2021h12%22%2F%3E%3Cpath%20d%3D%22M11%2026h7%22%2F%3E%3Cpath%20d%3D%22M38%206c.7%203.8%202.2%205.3%206%206-3.8.7-5.3%202.2-6%206-.7-3.8-2.2-5.3-6-6%203.8-.7%205.3-2.2%206-6z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}

/* BTN-GLOBAL Buttons überall wie auf der Startseite: Urbanist, Schriftstärke 500, ohne Laufweite */
html body :is(.rg-btn,.hp-btn,.hc-b,.lp-seo-more,.ub-btn,.kx-b,.nlx-b,.tx-btn,.rg-pref,.elementor-form .elementor-button,.sib-form-block__button):not(#sp-b1):not(#sp-b2):not(#sp-b3),html body :is(.rg-btn,.hp-btn,.hc-b,.lp-seo-more,.ub-btn,.kx-b,.nlx-b,.tx-btn,.rg-pref,.elementor-form .elementor-button,.sib-form-block__button):not(#sp-b1):not(#sp-b2):not(#sp-b3) *{font-family:var(--sp-font-head),sans-serif!important;font-weight:500!important;letter-spacing:normal!important}
/* BTN-GLOBAL Große Buttons: 16px, mindestens 54px hoch, Pillenform */
html body :is(.rg-btn:not(.rg-btn-sm),.hp-btn,.hc-b,.lp-seo-more,.ub-btn,.kx-b,.tx-btn,.elementor-form .elementor-button,.sib-form-block__button):not(#sp-b1):not(#sp-b2):not(#sp-b3){font-size:16px!important;min-height:54px!important;border-radius:999px!important}
/* BTN-GLOBAL Zweitbuttons: transparent mit feinem hellem Rand wie "Projekte ansehen" */
html body :is(.hp-btn-g,.lp-seo-more):not(#sp-b1):not(#sp-b2):not(#sp-b3){background:transparent!important;border:1px solid var(--sp-line-strong)!important;color:var(--sp-text-strong)!important}

/* MOB-OCT18 Startseite mobil: Vogel-Shader im Hero weglassen */
@media (max-width:767px){html body .s-hero .hv-cv:not(#sp-m1):not(#sp-m2){display:none!important}}
/* MOB-OCT18 Button-Paare mobil: nur der Hauptbutton bleibt, der Zweitbutton daneben wird ausgeblendet */
@media (max-width:767px){html body .hv-btns .hv-b1 ~ .hv-b2:not(#sp-m1):not(#sp-m2){display:none!important}}
/* MOB-OCT18 Footer: Neuro-Siegel raus (sitzt jetzt bei "Über mich"), Spalte entfällt */
html body .ft .elementor-element-64af46c1:not(#sp-m1):not(#sp-m2){display:none!important}
/* MOB-OCT18 Footer mobil: Kontakt über die volle Breite, danach "Direkt starten" links und "Seiten" rechts */
@media (max-width:767px){
html body .ft .ft-grid .elementor-element-221e5c51:not(#sp-m1):not(#sp-m2){grid-column:1/-1!important;order:1!important}
html body .ft .ft-grid .elementor-element-178de5d8:not(#sp-m1):not(#sp-m2){order:2!important}
html body .ft .ft-grid .elementor-element-195deda2:not(#sp-m1):not(#sp-m2){order:3!important}
}
/* MOB-OCT18 Footer mobil: Preferred-Sources-Badge ausblenden */
@media (max-width:767px){html body .ft .elementor-element-178de5d8 a:has(.ft-adv):not(#sp-m1):not(#sp-m2){display:none!important}}
/* MOB-OCT18 Footer mobil: Impressum, Datenschutz, AGB und Website-Carbon-Badge zentriert */
@media (max-width:767px){
html body .ft .ft-bottom:not(#sp-m1):not(#sp-m2){align-items:center!important;text-align:center!important}
html body .ft .ft-bottom .hd-social:not(#sp-m1):not(#sp-m2){justify-content:center!important;width:100%!important}
html body .ft .ft-bottom .lp-slot:not(#sp-m1):not(#sp-m2),html body .ft .ft-carbon:not(#sp-m1):not(#sp-m2){display:flex!important;justify-content:center!important;width:100%!important}
html body .ft .carbonbadge:not(#sp-m1):not(#sp-m2){margin-left:auto!important;margin-right:auto!important}
}
/* MOB-OCT18 Google-Bewertungen: mobil das Karussell (3a86805b), ab Tablet das bisherige Widget (d9727c6d) */
@media (min-width:768px){html body .elfsight-app-3a86805b-4f10-4ce5-aa2a-1ab72674f992:not(#sp-m1):not(#sp-m2){display:none!important}}
@media (max-width:767px){html body .elfsight-app-d9727c6d-3a49-474c-85db-9ab7470e804b:not(#sp-m1):not(#sp-m2){display:none!important}}

/* TRUST-OCT18 Siegel-Leiste (CyberForum-Mitgliedschaft, Neuro-Webdesign-Zertifikat): Kachelreihe mit feiner Linie darüber */
html body .sp-trust:not(#sp-t1):not(#sp-t2){margin-top:36px!important;padding-top:28px!important;border-top:1px solid var(--sp-line)!important}
html body .sp-trust .sp-trust-k:not(#sp-t1):not(#sp-t2){margin:0 0 14px!important;font-size:12px!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--sp-subtle)!important}
html body .sp-trust .sp-trust-row:not(#sp-t1):not(#sp-t2){display:flex!important;flex-wrap:wrap!important;gap:14px!important}
html body .sp-trust .sp-trust-i:not(#sp-t1):not(#sp-t2){display:flex!important;align-items:center!important;justify-content:center!important;height:84px!important;padding:0 24px!important;border:1px solid var(--sp-line)!important;border-radius:18px!important;background:rgba(255,255,255,.03)!important;transition:border-color .25s ease!important}
html body .sp-trust a.sp-trust-i:hover:not(#sp-t1):not(#sp-t2){border-color:color-mix(in srgb,var(--sp-lila) 45%,transparent)!important}
html body .sp-trust .sp-trust-i svg:not(#sp-t1):not(#sp-t2){height:52px!important;width:auto!important;display:block!important}
html body .sp-trust .sp-trust-i img:not(#sp-t1):not(#sp-t2){height:50px!important;width:auto!important;display:block!important;filter:grayscale(1) brightness(1.3)!important;opacity:.85!important}
@media (max-width:767px){html body .sp-trust .sp-trust-i:not(#sp-t1):not(#sp-t2){height:72px!important;padding:0 18px!important}html body .sp-trust .sp-trust-i svg:not(#sp-t1):not(#sp-t2),html body .sp-trust .sp-trust-i img:not(#sp-t1):not(#sp-t2){height:42px!important}}

/* FORM-OCT18 Schritt-Anzeige der mehrstufigen Formulare: offene Schritte dezent, aktueller Schritt im Akzentverlauf, erledigte Schritte violett umrandet */
html body .elementor-widget-form .e-form__indicators .e-form__indicators__indicator__number:not(#sp-f1):not(#sp-f2){width:32px!important;height:32px!important;border-radius:50%!important;background:transparent!important;border:1px solid var(--sp-line-strong)!important;color:var(--sp-subtle)!important;font-family:var(--sp-font-head),sans-serif!important;font-weight:600!important;font-size:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .3s ease!important}
html body .elementor-widget-form .e-form__indicators .e-form__indicators__indicator--state-active .e-form__indicators__indicator__number:not(#sp-f1):not(#sp-f2){background:linear-gradient(135deg,var(--sp-blau),var(--sp-lila))!important;border-color:transparent!important;color:var(--sp-ink)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--sp-lila) 16%,transparent)!important}
html body .elementor-widget-form .e-form__indicators .e-form__indicators__indicator--state-completed .e-form__indicators__indicator__number:not(#sp-f1):not(#sp-f2){background:color-mix(in srgb,var(--sp-lila) 16%,transparent)!important;border-color:color-mix(in srgb,var(--sp-lila) 55%,transparent)!important;color:var(--sp-lila)!important}
/* FORM-OCT18 Verbindungslinien zwischen den Schritten: feine Linie, nach erledigten Schritten im Akzent */
html body .elementor-widget-form .e-form__indicators .e-form__indicators__indicator__separator:not(#sp-f1):not(#sp-f2){background:rgba(255,255,255,.1)!important;height:1px!important}
html body .elementor-widget-form .e-form__indicators .e-form__indicators__indicator--state-completed + .e-form__indicators__indicator__separator:not(#sp-f1):not(#sp-f2){background:linear-gradient(90deg,var(--sp-blau),var(--sp-lila))!important;opacity:.6!important}
/* FORM-OCT18 Formularkarte: unten wieder Innenabstand, Elementor zieht den Feldbereich sonst mit negativem Rand nach unten */
html body .elementor-widget-form.kx-form .elementor-form-fields-wrapper:not(#sp-f1):not(#sp-f2){margin-bottom:0!important}

/* FORM-OCT18 Zurück-Button als Zweitbutton: transparent mit hellem Rand, Weiter bleibt weiß */
html body .elementor-widget-form .e-form__buttons__wrapper__button-previous:not(#sp-f1):not(#sp-f2):not(#sp-f3){background:transparent!important;border:1px solid var(--sp-line-strong)!important;color:var(--sp-text-strong)!important}
html body .elementor-widget-form .e-form__buttons__wrapper__button-previous:not(#sp-f1):not(#sp-f2):not(#sp-f3) *{color:var(--sp-text-strong)!important}

/* BTN2-OCT18 Buttons einheitlich ohne Glow, auch beim Überfahren (wie die Buttons im Startseiten-Hero) */
html body :is(.rg-btn,.hp-btn,.hc-b,.hv-b,.lp-seo-more,.ub-btn,.kx-b,.nlx-b,.tx-btn,.rg-pref,.elementor-button,.sib-form-block__button):not(#sp-u1):not(#sp-u2):not(#sp-u3),html body :is(.rg-btn,.hp-btn,.hc-b,.hv-b,.lp-seo-more,.ub-btn,.kx-b,.nlx-b,.tx-btn,.rg-pref,.elementor-button,.sib-form-block__button):not(#sp-u1):not(#sp-u2):not(#sp-u3):hover,html body :is(.rg-btn,.hp-btn,.hc-b,.hv-b,.lp-seo-more,.ub-btn,.kx-b,.nlx-b,.tx-btn,.rg-pref,.elementor-button,.sib-form-block__button):not(#sp-u1):not(#sp-u2):not(#sp-u3):focus{box-shadow:none!important}
/* BTN2-OCT18 Alle Elementor-Buttons (Pakete, Formulare, Popups) in derselben Schrift wie die übrigen Buttons */
html body .elementor-button:not(#sp-u1):not(#sp-u2):not(#sp-u3),html body .elementor-button:not(#sp-u1):not(#sp-u2):not(#sp-u3) *{font-family:var(--sp-font-head),sans-serif!important;font-weight:500!important;letter-spacing:normal!important}
/* BTN2-OCT18 Roll-Effekt für Buttons ohne eigenen Effekt: Text rollt beim Überfahren nach oben, die Kopie rückt nach (Spans setzt das Skript im Header) */
html body .sp-rw:not(#sp-u1):not(#sp-u2):not(#sp-u3){display:inline-block!important;height:1.3em!important;line-height:1.3em!important;overflow:hidden!important;vertical-align:middle!important}
html body .sp-rw:not(#sp-u1):not(#sp-u2):not(#sp-u3) > span{display:block!important;transition:transform .45s cubic-bezier(.65,0,.35,1)!important}
html body a:hover .sp-rw:not(#sp-u1):not(#sp-u2):not(#sp-u3) > span,html body button:hover .sp-rw:not(#sp-u1):not(#sp-u2):not(#sp-u3) > span{transform:translateY(-100%)!important}
@media (prefers-reduced-motion:reduce){html body .sp-rw:not(#sp-u1):not(#sp-u2):not(#sp-u3) > span{transition:none!important}}
/* TRUST-OCT18b Siegel fließend nebeneinander, ohne Kachel, Rand und Hintergrund */
html body .sp-trust .sp-trust-row:not(#sp-u1):not(#sp-u2):not(#sp-u3){gap:36px!important;align-items:center!important}
html body .sp-trust .sp-trust-i:not(#sp-u1):not(#sp-u2):not(#sp-u3){height:auto!important;padding:0!important;border:0!important;background:none!important;border-radius:0!important}
html body .sp-trust .sp-trust-i svg:not(#sp-u1):not(#sp-u2):not(#sp-u3),html body .sp-trust .sp-trust-i img:not(#sp-u1):not(#sp-u2):not(#sp-u3){height:56px!important}
html body .sp-trust a.sp-trust-i:not(#sp-u1):not(#sp-u2):not(#sp-u3){opacity:.9!important;transition:opacity .25s ease!important}
html body .sp-trust a.sp-trust-i:not(#sp-u1):not(#sp-u2):not(#sp-u3):hover{opacity:1!important}
@media (max-width:767px){html body .sp-trust .sp-trust-i svg:not(#sp-u1):not(#sp-u2):not(#sp-u3),html body .sp-trust .sp-trust-i img:not(#sp-u1):not(#sp-u2):not(#sp-u3){height:46px!important}}
/* FORM-OCT18b Anfrageformulare: Feldbeschriftungen und Hinweistexte größer und besser lesbar */
html body .elementor-widget-form .elementor-field-label:not(#sp-u1):not(#sp-u2):not(#sp-u3){font-size:16px!important;line-height:1.45!important;font-weight:500!important;color:#e6e6ea!important;margin-bottom:10px!important}
html body .elementor-widget-form .elementor-field-type-html:not(#sp-u1):not(#sp-u2):not(#sp-u3),html body .elementor-widget-form .elementor-field-type-html:not(#sp-u1):not(#sp-u2):not(#sp-u3) *{font-size:16px!important;line-height:1.6!important;color:var(--sp-text-soft)!important}
html body .elementor-widget-form .elementor-field-type-html:not(#sp-u1):not(#sp-u2):not(#sp-u3) strong{color:var(--sp-text-strong)!important}
/* REV-OCT18 Überschrift über den Google-Bewertungen auf der Startseite zentriert wie auf den Leistungsseiten */
html body .elementor-element-4df98b7:not(#sp-u1):not(#sp-u2):not(#sp-u3){align-self:center!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}
html body .elementor-element-4df98b7 .elementor-heading-title:not(#sp-u1):not(#sp-u2):not(#sp-u3){text-align:center!important;margin-left:auto!important;margin-right:auto!important}

/* FORM-OCT18c Einwilligungstext unter den Anfrageformularen größer und lesbarer, Kästchen etwas größer */
html body .elementor-widget-form .elementor-field-type-acceptance .elementor-field-option:not(#sp-u1):not(#sp-u2):not(#sp-u3){display:flex!important;align-items:flex-start!important;gap:10px!important}
html body .elementor-widget-form .elementor-field-type-acceptance label:not(#sp-u1):not(#sp-u2):not(#sp-u3),html body .elementor-widget-form .elementor-field-type-acceptance label:not(#sp-u1):not(#sp-u2):not(#sp-u3) *{font-size:15px!important;line-height:1.55!important;color:#c9c9d1!important}
html body .elementor-widget-form .elementor-field-type-acceptance label a:not(#sp-u1):not(#sp-u2):not(#sp-u3){color:var(--sp-lila)!important;text-decoration:underline!important;text-underline-offset:3px!important}
html body .elementor-widget-form .elementor-field-type-acceptance input[type=checkbox]:not(#sp-u1):not(#sp-u2):not(#sp-u3){width:18px!important;height:18px!important;margin-top:3px!important;flex:0 0 18px!important;accent-color:var(--sp-lila)!important}

/* R3-OCT18 Startseite mobil: mehr Abstand zwischen Hero-Button und Kartenende */
@media (max-width:767px){html body .s-hero .hv-in:not(#sp-r1):not(#sp-r2):not(#sp-r3){padding-bottom:48px!important}}
/* R3-OCT18 Kundenlogos mobil: Only Greens ausblenden, damit genau 9 Logos im 3er-Raster stehen (greift auch vor dem Nachladen der Bilder) */
@media (max-width:767px){html body :is(.hv-logos,.lp-logos) :is(img[src*="kundenlogo-onlygreens"],img[data-lazy-src*="kundenlogo-onlygreens"],img[alt="Logo OnlyGreens"]):not(#sp-r1):not(#sp-r2):not(#sp-r3){display:none!important}}
/* R3-OCT18 Startseite mobil: Porträt höchstens 60 Prozent breit und rechts angedockt, der Container wird automatisch niedriger */
@media (max-width:767px){html body .s-about .hv-photo:not(#sp-r1):not(#sp-r2):not(#sp-r3){width:60%!important;max-width:60%!important;height:auto!important;aspect-ratio:1/1!important;margin-left:auto!important;margin-right:0!important;background-position:right bottom!important}}
/* R3-OCT18 Projekte- und Ratgeber-Karussell mobil: Karte 84 Prozent breit, die nächste schaut rechts an */
@media (max-width:767px){html body :is(.hp-projects,.hp-blog) .elementor-loop-container > .e-loop-item:not(#sp-r1):not(#sp-r2):not(#sp-r3){flex:0 0 84%!important;max-width:84%!important;width:84%!important;scroll-snap-align:start!important}}
/* R3-OCT18 Footer: Preferred-Sources-Link als Button wie im Ratgeber (weiß, Google-G, Text), Bild nur noch für Screenreader */
html body .ft .elementor-element-178de5d8 a:has(.ft-adv):not(#sp-r1):not(#sp-r2):not(#sp-r3){display:inline-flex!important;align-items:center!important;gap:10px!important;height:44px!important;padding:9px 18px 9px 12px!important;margin-top:18px!important;border-radius:999px!important;background:#fff!important;color:var(--sp-ink)!important;font-family:var(--sp-font-head),sans-serif!important;font-size:14px!important;font-weight:500!important;line-height:1!important;text-decoration:none!important;width:auto!important;transition:opacity .2s ease!important}
html body .ft .elementor-element-178de5d8 a:has(.ft-adv):not(#sp-r1):not(#sp-r2):not(#sp-r3):hover{opacity:.88!important}
html body .ft .elementor-element-178de5d8 a:has(.ft-adv):not(#sp-r1):not(#sp-r2):not(#sp-r3)::before{content:""!important;width:20px!important;height:20px!important;flex:0 0 20px!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23FFC107' d='M43.6 20.5H42V20H24v8h11.3C33.7 32.7 29.2 36 24 36c-6.6 0-12-5.4-12-12s5.4-12 12-12c3.1 0 5.8 1.2 7.9 3.1l5.7-5.7C34 6.1 29.3 4 24 4 12.9 4 4 12.9 4 24s8.9 20 20 20 20-8.9 20-20c0-1.3-.1-2.4-.4-3.5z'/%3E%3Cpath fill='%23FF3D00' d='M6.3 14.7l6.6 4.8C14.7 15.1 19 12 24 12c3.1 0 5.8 1.2 7.9 3.1l5.7-5.7C34 6.1 29.3 4 24 4 16.3 4 9.7 8.3 6.3 14.7z'/%3E%3Cpath fill='%234CAF50' d='M24 44c5.2 0 9.9-2 13.4-5.2l-6.2-5.2C29.2 35.1 26.7 36 24 36c-5.2 0-9.6-3.3-11.3-7.9l-6.5 5C9.5 39.6 16.2 44 24 44z'/%3E%3Cpath fill='%231976D2' d='M43.6 20.5H42V20H24v8h11.3c-.8 2.2-2.2 4.2-4.1 5.6l6.2 5.2C37 39.2 44 34 44 24c0-1.3-.1-2.4-.4-3.5z'/%3E%3C/svg%3E") center/contain no-repeat!important}
html body .ft .elementor-element-178de5d8 a:has(.ft-adv):not(#sp-r1):not(#sp-r2):not(#sp-r3)::after{content:"Bei Google bevorzugen"!important;white-space:nowrap!important}
html body .ft .elementor-element-178de5d8 img.ft-adv:not(#sp-r1):not(#sp-r2):not(#sp-r3){position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;clip:rect(0 0 0 0)!important}
/* R3-OCT18 AdviZZr-Logo im Footer immer sichtbar */
html body .ft .elementor-element-290da4be img.ft-adv:not(#sp-r1):not(#sp-r2):not(#sp-r3){display:block!important;opacity:1!important;visibility:visible!important;max-width:150px!important;height:auto!important;margin-top:10px!important}
html body .ft .elementor-element-290da4be a:has(.ft-adv):not(#sp-r1):not(#sp-r2):not(#sp-r3){display:inline-block!important}
/* R3-OCT18 Google-Bewertungen mobil (Karussell 3a86805b) im selben Stil wie das Desktop-Widget: dunkle Karten, feiner Rand, violette Links */
html body .elfsight-app-3a86805b-4f10-4ce5-aa2a-1ab72674f992 .es-header-container:not(#sp-r1):not(#sp-r2):not(#sp-r3){background:transparent!important}
html body .elfsight-app-3a86805b-4f10-4ce5-aa2a-1ab72674f992 .es-review-background-container:not(#sp-r1):not(#sp-r2):not(#sp-r3){background:var(--sp-surface)!important;border:1px solid var(--sp-line)!important;border-radius:20px!important}
html body .elfsight-app-3a86805b-4f10-4ce5-aa2a-1ab72674f992 .es-review-content-text-container:not(#sp-r1):not(#sp-r2):not(#sp-r3),html body .elfsight-app-3a86805b-4f10-4ce5-aa2a-1ab72674f992 .es-text-shortener:not(#sp-r1):not(#sp-r2):not(#sp-r3){color:rgba(255,255,255,.82)!important;font-size:15px!important}
html body .elfsight-app-3a86805b-4f10-4ce5-aa2a-1ab72674f992 .es-text-shortener-control:not(#sp-r1):not(#sp-r2):not(#sp-r3){color:var(--sp-lila)!important}
html body .elfsight-app-3a86805b-4f10-4ce5-aa2a-1ab72674f992 .es-review-info-container:not(#sp-r1):not(#sp-r2):not(#sp-r3),html body .elfsight-app-3a86805b-4f10-4ce5-aa2a-1ab72674f992 .es-header-rating-reviews-count:not(#sp-r1):not(#sp-r2):not(#sp-r3){color:rgba(255,255,255,.45)!important}
html body .elfsight-app-3a86805b-4f10-4ce5-aa2a-1ab72674f992 .es-verified-badge-icon:not(#sp-r1):not(#sp-r2):not(#sp-r3) path,html body .elfsight-app-3a86805b-4f10-4ce5-aa2a-1ab72674f992 .es-verified-badge-icon:not(#sp-r1):not(#sp-r2):not(#sp-r3) svg{fill:var(--sp-lila)!important;color:var(--sp-lila)!important}
html body .elfsight-app-3a86805b-4f10-4ce5-aa2a-1ab72674f992 .es-carousel-arrow-control:not(#sp-r1):not(#sp-r2):not(#sp-r3){background:var(--sp-surface-2)!important;border:1px solid var(--sp-line-strong)!important;color:var(--sp-text-strong)!important}
html body .elfsight-app-3a86805b-4f10-4ce5-aa2a-1ab72674f992 .es-carousel-arrow-control:not(#sp-r1):not(#sp-r2):not(#sp-r3) *{color:var(--sp-text-strong)!important;fill:var(--sp-text-strong)!important}
html body .elfsight-app-3a86805b-4f10-4ce5-aa2a-1ab72674f992 .es-bullets-control-item:not(#sp-r1):not(#sp-r2):not(#sp-r3){background:rgba(255,255,255,.25)!important}
html body .elfsight-app-3a86805b-4f10-4ce5-aa2a-1ab72674f992 .es-bullets-control-item-active:not(#sp-r1):not(#sp-r2):not(#sp-r3),html body .elfsight-app-3a86805b-4f10-4ce5-aa2a-1ab72674f992 [class*="BulletsControlItem"][class*="active"]:not(#sp-r1):not(#sp-r2):not(#sp-r3){background:var(--sp-lila)!important}
/* R3-OCT18 Bewertungs-Popup (Mehr lesen / Alle Bewertungen): dunkle Fläche im Site-Stil, Bewertungen als ruhige Liste ohne Kartenfläche */
html body .es-popup-wrapper .es-reviews-popup-content-container:not(#sp-r1):not(#sp-r2):not(#sp-r3){background:var(--sp-surface)!important;border:1px solid var(--sp-line)!important;border-radius:24px!important}
html body .es-popup-wrapper .es-review-background-container:not(#sp-r1):not(#sp-r2):not(#sp-r3){background:transparent!important;border:0!important;border-radius:0!important;padding:0!important}
html body .es-popup-wrapper .es-review-content-text-container:not(#sp-r1):not(#sp-r2):not(#sp-r3),html body .es-popup-wrapper .es-text-shortener:not(#sp-r1):not(#sp-r2):not(#sp-r3),html body .es-popup-wrapper .es-review-content:not(#sp-r1):not(#sp-r2):not(#sp-r3){color:rgba(255,255,255,.82)!important;font-size:15px!important;line-height:1.65!important}
html body .es-popup-wrapper .es-review-author-name:not(#sp-r1):not(#sp-r2):not(#sp-r3){color:var(--sp-text-strong)!important}
html body .es-popup-wrapper .es-review-info-container:not(#sp-r1):not(#sp-r2):not(#sp-r3){color:rgba(255,255,255,.45)!important}
html body .es-popup-wrapper .es-text-shortener-control:not(#sp-r1):not(#sp-r2):not(#sp-r3){color:var(--sp-lila)!important}
html body .es-popup-wrapper .es-owner-reply-container:not(#sp-r1):not(#sp-r2):not(#sp-r3){background:color-mix(in srgb,var(--sp-lila) 6%,transparent)!important;border:1px solid color-mix(in srgb,var(--sp-lila) 14%,transparent)!important;border-radius:14px!important}
html body .es-popup-wrapper .es-owner-reply-container:not(#sp-r1):not(#sp-r2):not(#sp-r3) *{color:rgba(255,255,255,.75)!important}
html body .es-popup-wrapper .es-reviews-popup-review-separator-line:not(#sp-r1):not(#sp-r2):not(#sp-r3){background:rgba(255,255,255,.08)!important;border-color:var(--sp-line)!important}
html body .es-popup-wrapper .es-popup-close-control-container:not(#sp-r1):not(#sp-r2):not(#sp-r3){background:#1d1d24!important;border:1px solid var(--sp-line-strong)!important}

/* R3-OCT18 Footer mobil: Preferred-Sources-Button bleibt ausgeblendet (überschreibt die Button-Regel) */
@media (max-width:767px){html body .ft .elementor-element-178de5d8 a:has(.ft-adv):not(#sp-r1):not(#sp-r2):not(#sp-r3):not(#sp-r4){display:none!important}}

/* CODE-OCT18 Code-Beispiele im Editor-Look: dunkle Karte mit Kopfzeile, Sprachlabel und Zeilennummern */
html body .sp-code:not(#sp-c1):not(#sp-c2):not(#sp-c3){margin:28px 0!important;border-radius:18px!important;background:#1c1c1f!important;border:1px solid var(--sp-line)!important;overflow:hidden!important}
html body .sp-code .sp-code-h:not(#sp-c1):not(#sp-c2):not(#sp-c3){display:flex!important;align-items:center!important;gap:7px!important;padding:13px 18px!important;border-bottom:1px solid var(--sp-line-soft)!important}
html body .sp-code .sp-code-h i:not(#sp-c1):not(#sp-c2):not(#sp-c3){width:10px!important;height:10px!important;border-radius:50%!important;background:#3a3a44!important;display:block!important}
html body .sp-code .sp-code-h span:not(#sp-c1):not(#sp-c2):not(#sp-c3){margin-left:10px!important;font:13px/1 ui-monospace,SFMono-Regular,Menlo,monospace!important;color:var(--sp-subtle)!important}
html body .sp-code .sp-code-b:not(#sp-c1):not(#sp-c2):not(#sp-c3){display:flex!important;overflow-x:auto!important}
html body .sp-code .sp-code-ln:not(#sp-c1):not(#sp-c2):not(#sp-c3){flex:0 0 auto!important;padding:16px 0 16px 18px!important;text-align:right!important;white-space:pre!important;color:#4b4b56!important;font:13.5px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace!important;user-select:none!important}
html body .sp-code pre:not(#sp-c1):not(#sp-c2):not(#sp-c3){margin:0!important;padding:16px 20px!important;background:transparent!important;border:0!important;border-radius:0!important;flex:1 1 auto!important;overflow:visible!important;white-space:pre!important;box-shadow:none!important}
html body .sp-code pre code:not(#sp-c1):not(#sp-c2):not(#sp-c3){display:block!important;font:13.5px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace!important;color:#e4e4e7!important;background:none!important;padding:0!important;white-space:pre!important}
/* CODE-OCT18 Farben der Code-Bestandteile: Schlüsselwörter violett, Texte grün, Zahlen cyan, Tags orange, Kommentare grau kursiv */
html body .sp-code :is(.hljs-keyword,.hljs-built_in,.hljs-.elementor-1955-tag,.hljs-doctag,.hljs-meta-keyword):not(#sp-c1):not(#sp-c2):not(#sp-c3){color:#c792ea!important}
html body .sp-code :is(.hljs-string,.hljs-regexp,.hljs-template-tag):not(#sp-c1):not(#sp-c2):not(#sp-c3){color:#9ad792!important}
html body .sp-code :is(.hljs-number,.hljs-literal,.hljs-symbol,.hljs-meta):not(#sp-c1):not(#sp-c2):not(#sp-c3){color:#7dd3fc!important}
html body .sp-code :is(.hljs-tag,.hljs-name,.hljs-.elementor-1955-class,.hljs-.elementor-1955-id,.hljs-.elementor-1955-pseudo):not(#sp-c1):not(#sp-c2):not(#sp-c3){color:#f2b66d!important}
html body .sp-code :is(.hljs-attr,.hljs-attribute,.hljs-property,.hljs-variable,.hljs-params):not(#sp-c1):not(#sp-c2):not(#sp-c3){color:#d4d4d8!important}
html body .sp-code :is(.hljs-title,.hljs-section,.hljs-function):not(#sp-c1):not(#sp-c2):not(#sp-c3){color:#82aaff!important}
html body .sp-code :is(.hljs-comment,.hljs-quote):not(#sp-c1):not(#sp-c2):not(#sp-c3){color:#6b6b78!important;font-style:italic!important}

/* BTN3-OCT18 Danke-Seiten: Buttons in Schrift, Stärke und ohne Glow wie alle anderen Buttons */
html body .ty-btn:not(#sp-y1):not(#sp-y2):not(#sp-y3),html body .ty-btn:not(#sp-y1):not(#sp-y2):not(#sp-y3) *{font-family:var(--sp-font-head),sans-serif!important;font-weight:500!important;letter-spacing:normal!important}
html body .ty-btn:not(#sp-y1):not(#sp-y2):not(#sp-y3),html body .ty-btn:not(#sp-y1):not(#sp-y2):not(#sp-y3):hover{box-shadow:none!important}

/* BTN3-OCT18 Danke-Seiten: Buttons so groß wie die übrigen großen Buttons (16px, 54px hoch) */
html body .ty-btn:not(#sp-y1):not(#sp-y2):not(#sp-y3){font-size:16px!important;min-height:54px!important;display:inline-flex!important;align-items:center!important;border-radius:999px!important}

/* MOB-OCT18b Projekte und Ratgeber mobil: Karussell behält den Versatz, scrollt aber nur in sich, die Sektion selbst lässt sich nicht seitlich verschieben */
@media (max-width:767px){html body :is(.hp-projects,.hp-blog).hp-sec:not(#sp-x){overflow-x:clip!important}html body :is(.hp-projects,.hp-blog) .elementor-loop-container.elementor-grid:not(#sp-x){overscroll-behavior-x:contain!important;overflow-y:hidden!important}}

/* MOB-OCT18c Startseite mobil: Projekte bleiben stehen, solange das Karussell seitlich durchläuft (Abstand oben und Verschiebung setzt das Skript per Transform) */
@media (max-width:767px){html body .sp-pin .sp-pinwrap:not(#sp-x){position:sticky!important}html body .sp-pin .elementor-loop-container.elementor-grid:not(#sp-x):not(#sp-y){scroll-snap-type:none!important;overflow:visible!important;scroll-behavior:auto!important;will-change:transform!important;backface-visibility:hidden!important}}

/* FT-OCT18 Footer mobil: AdviZZr-Logo steht unter dem Hinweis "DSGVO konform mit AdviZZr" */
@media (max-width:767px){html body .ft .elementor-element-290da4be > p.ft-small:not(#sp-f1):not(#sp-f2){flex:0 0 100%!important;order:6!important}html body .ft .elementor-element-290da4be > a:has(img.ft-adv):not(#sp-f1):not(#sp-f2){flex:0 0 100%!important;order:7!important;margin-top:-16px!important}}
/* FT-OCT18 Google-bevorzugen-Button: Höhe inklusive Innenabstand, weniger Abstand links und rechts, kein unsichtbares Bild als zusätzliche Lücke */
html body .ft .elementor-element-178de5d8 a:has(.ft-adv):not(#sp-r1):not(#sp-r2):not(#sp-r3):not(#sp-f1){box-sizing:border-box!important;height:44px!important;padding:0 16px 0 12px!important;gap:9px!important}
html body .ft .elementor-element-178de5d8 a:has(.ft-adv):not(#sp-r1):not(#sp-r2):not(#sp-r3):not(#sp-f1) > :is(img,noscript){display:none!important}

/* PERF-OCT18 WP Rocket Lazy Rendering aus: content-visibility schneidet Hintergründe und Karussells am Sektionsrand ab und lässt die Seite beim Scrollen springen */
html body [data-wpr-lazyrender]:not(#sp-x),html body .elementor :is(.e-con.e-parent,.lp-block,.lp-pi-w,.hp-sec):not(#sp-x){content-visibility:visible!important;contain-intrinsic-size:none!important}

/* FORM-OCT19 Auswahlfelder in Formularen: solange nichts gewählt ist, Text in Platzhalterfarbe wie bei den anderen Feldern */
html body .elementor-form select:not(#sp-x) option{color:var(--sp-text-strong)!important;background:var(--sp-surface-2)!important}

/* BLOG-OCT19 Startseite Ratgeber am Desktop: schmalere Kacheln, damit eine Kachel mehr sichtbar ist */
@media (min-width:1025px){body .hp-blog.pc-on .elementor-loop-container > .e-loop-item:not(#sp-x):not(#sp-y){flex:0 0 clamp(260px,28vw,440px)!important;flex-basis:clamp(260px,28vw,440px)!important}}


/* HUB-OCT19 Leistungs-Hub: statt Zahlen 01, 02 … zeigt jede Kachel oben rechts das Icon der Leistung aus dem Menü */
html body .elementor .e-loop-item.leistung .la-lcard.la-lcard:not(#sp-x)::after{content:""!important;counter-increment:none!important;position:absolute!important;top:26px!important;right:30px!important;width:64px!important;height:64px!important;border-radius:16px!important;border:1px solid color-mix(in srgb,var(--sp-lila) 18%,transparent)!important;background-color:color-mix(in srgb,var(--sp-lila) 6%,transparent)!important;background-repeat:no-repeat!important;background-position:center!important;background-size:34px 34px!important;font-size:0!important;-webkit-text-stroke:0!important;color:transparent!important;transition:border-color .25s,background-color .25s,transform .25s!important}
html body .elementor .e-loop-item.leistung .la-lcard.la-lcard:not(#sp-x):hover::after{border-color:color-mix(in srgb,var(--sp-lila) 45%,transparent)!important;background-color:color-mix(in srgb,var(--sp-lila) 12%,transparent)!important;transform:translateY(-2px)!important}
@media (max-width:767px){html body .elementor .e-loop-item.leistung .la-lcard.la-lcard:not(#sp-x)::after{top:20px!important;right:20px!important;width:48px!important;height:48px!important;border-radius:13px!important;background-size:26px 26px!important}}
html body .elementor .e-loop-item-562.leistung .la-lcard.la-lcard:not(#sp-x)::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%224%22%20y1%3D%224%22%20x2%3D%2244%22%20y2%3D%2244%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239fd8ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b4b2ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url(%23g)%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%2040h32%22%2F%3E%3Cpath%20d%3D%22M12%2040V30%22%2F%3E%3Cpath%20d%3D%22M22%2040V24%22%2F%3E%3Cpath%20d%3D%22M32%2040V17%22%2F%3E%3Cpath%20d%3D%22M29%2011l5-5%205%205%22%2F%3E%3Cpath%20d%3D%22M34%206v10%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}
html body .elementor .e-loop-item-563.leistung .la-lcard.la-lcard:not(#sp-x)::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%224%22%20y1%3D%224%22%20x2%3D%2244%22%20y2%3D%2244%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239fd8ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b4b2ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url(%23g)%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%226%22%20y%3D%229%22%20width%3D%2236%22%20height%3D%2230%22%20rx%3D%225%22%2F%3E%3Cpath%20d%3D%22M6%2017h36%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%2222%22%20width%3D%2211%22%20height%3D%2211%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M28%2024h8%22%2F%3E%3Cpath%20d%3D%22M28%2030h6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}
html body .elementor .e-loop-item-564.leistung .la-lcard.la-lcard:not(#sp-x)::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%224%22%20y1%3D%224%22%20x2%3D%2244%22%20y2%3D%2244%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239fd8ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b4b2ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url(%23g)%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%2210%22%20y%3D%2216%22%20width%3D%2228%22%20height%3D%2224%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M10%2022h28%22%2F%3E%3Cpath%20d%3D%22M20%2016v6M28%2016v6%22%2F%3E%3Cpath%20d%3D%22M41%2010a6%206%200%201%201-6-4%22%2F%3E%3Cpath%20d%3D%22M35%203v3h3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}
html body .elementor .e-loop-item-565.leistung .la-lcard.la-lcard:not(#sp-x)::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%224%22%20y1%3D%224%22%20x2%3D%2244%22%20y2%3D%2244%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239fd8ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b4b2ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url(%23g)%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%2216%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%229%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M34%2014l7-7%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}
html body .elementor .e-loop-item-566.leistung .la-lcard.la-lcard:not(#sp-x)::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%224%22%20y1%3D%224%22%20x2%3D%2244%22%20y2%3D%2244%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239fd8ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b4b2ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url(%23g)%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10%2010h28a4%204%200%200%201%204%204v14a4%204%200%200%201-4%204H22l-8%207v-7h-4a4%204%200%200%201-4-4V14a4%204%200%200%201%204-4z%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2221%22%20r%3D%221.6%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2221%22%20r%3D%221.6%22%2F%3E%3Ccircle%20cx%3D%2231%22%20cy%3D%2221%22%20r%3D%221.6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}
html body .elementor .e-loop-item-567.leistung .la-lcard.la-lcard:not(#sp-x)::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%224%22%20y1%3D%224%22%20x2%3D%2244%22%20y2%3D%2244%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239fd8ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b4b2ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url(%23g)%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2217%22%20r%3D%226%22%2F%3E%3Cpath%20d%3D%22M7%2038c0-6%205-10%2011-10s11%204%2011%2010%22%2F%3E%3Ccircle%20cx%3D%2233%22%20cy%3D%2215%22%20r%3D%225%22%2F%3E%3Cpath%20d%3D%22M32%2025c5%200%209%204%209%209%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}
html body .elementor .e-loop-item-568.leistung .la-lcard.la-lcard:not(#sp-x)::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%224%22%20y1%3D%224%22%20x2%3D%2244%22%20y2%3D%2244%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239fd8ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b4b2ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url(%23g)%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M17%2015l-9%209%209%209%22%2F%3E%3Cpath%20d%3D%22M31%2015l9%209-9%209%22%2F%3E%3Cpath%20d%3D%22M27%2011l-6%2026%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}
html body .elementor .e-loop-item-1823.leistung .la-lcard.la-lcard:not(#sp-x)::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%224%22%20y1%3D%224%22%20x2%3D%2244%22%20y2%3D%2244%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239fd8ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b4b2ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url(%23g)%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%228%22%20y%3D%227%22%20width%3D%2232%22%20height%3D%2234%22%20rx%3D%226%22%2F%3E%3Cpath%20d%3D%22M15%2018l3%203%205-5.5%22%2F%3E%3Cpath%20d%3D%22M15%2030l3%203%205-5.5%22%2F%3E%3Cpath%20d%3D%22M28%2018.5h6%22%2F%3E%3Cpath%20d%3D%22M28%2030.5h6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}
html body .elementor .e-loop-item-1825.leistung .la-lcard.la-lcard:not(#sp-x)::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%224%22%20y1%3D%224%22%20x2%3D%2244%22%20y2%3D%2244%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239fd8ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b4b2ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url(%23g)%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%206h16l8%208v12%22%2F%3E%3Cpath%20d%3D%22M28%206v8h8%22%2F%3E%3Cpath%20d%3D%22M12%206v36h12%22%2F%3E%3Cpath%20d%3D%22M18%2020h10%22%2F%3E%3Cpath%20d%3D%22M18%2027h6%22%2F%3E%3Ccircle%20cx%3D%2233%22%20cy%3D%2234%22%20r%3D%226%22%2F%3E%3Cpath%20d%3D%22M37.5%2038.5%2042%2043%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}
html body .elementor .e-loop-item-1827.leistung .la-lcard.la-lcard:not(#sp-x)::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%224%22%20y1%3D%224%22%20x2%3D%2244%22%20y2%3D%2244%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239fd8ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b4b2ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url(%23g)%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%227%22%20y%3D%2212%22%20width%3D%2234%22%20height%3D%2224%22%20rx%3D%224%22%2F%3E%3Cpath%20d%3D%22M8%2014l16%2012%2016-12%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}
html body .elementor .e-loop-item-1830.leistung .la-lcard.la-lcard:not(#sp-x)::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%224%22%20y1%3D%224%22%20x2%3D%2244%22%20y2%3D%2244%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239fd8ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b4b2ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url(%23g)%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%2034a16%2016%200%200%201%2032%200%22%2F%3E%3Cpath%20d%3D%22M12%2034h-3M39%2034h-3%22%2F%3E%3Cpath%20d%3D%22M24%2034l8-10%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2234%22%20r%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}
html body .elementor .e-loop-item-2539.leistung .la-lcard.la-lcard:not(#sp-x)::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%224%22%20y1%3D%224%22%20x2%3D%2244%22%20y2%3D%2244%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239fd8ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b4b2ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2014h17a4%204%200%200%201%204%204v10a4%204%200%200%201-4%204H17l-7%206v-6H9a4%204%200%200%201-4-4V18a4%204%200%200%201%204-4z%22%2F%3E%3Cpath%20d%3D%22M11%2021h12%22%2F%3E%3Cpath%20d%3D%22M11%2026h7%22%2F%3E%3Cpath%20d%3D%22M38%206c.7%203.8%202.2%205.3%206%206-3.8.7-5.3%202.2-6%206-.7-3.8-2.2-5.3-6-6%203.8-.7%205.3-2.2%206-6z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}


/* MENU-OCT19 Ratgeber-Menü: Icon für die Kategorie Webentwicklung, gleiches Icon wie bei der Leistung Webentwicklung */
.elementor .hd a.mi.mi-k[href$="/ratgeber/webentwicklung/"]::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%224%22%20y1%3D%224%22%20x2%3D%2244%22%20y2%3D%2244%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239fd8ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b4b2ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url(%23g)%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M17%2015l-9%209%209%209%22%2F%3E%3Cpath%20d%3D%22M31%2015l9%209-9%209%22%2F%3E%3Cpath%20d%3D%22M27%2011l-6%2026%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}

/* HERO-OCT19b Kopf der Einzelseiten (Ratgeber-Beitrag, Projekt): gleiches Raster mit Farbverlauf und radialem Fade wie im Kopf der Übersichten (.la-head) */
body .elementor .rg-head.rg-head:not(#sp-x){position:relative!important;isolation:isolate!important}
body .elementor .rg-head.rg-head:not(#sp-x)::before{content:""!important;position:absolute!important;top:-90px!important;bottom:-40px!important;left:50%!important;width:100vw!important;transform:translateX(-50%)!important;z-index:-1!important;pointer-events:none!important;background:radial-gradient(45% 70% at 80% 20%,color-mix(in srgb,var(--sp-lila) 12%,transparent),transparent 62%),radial-gradient(40% 60% at 10% 90%,color-mix(in srgb,var(--sp-blau) 7%,transparent),transparent 60%)!important;-webkit-mask-image:radial-gradient(ellipse 50% 60% at 50% 45%,#000 20%,transparent 100%)!important;mask-image:radial-gradient(ellipse 50% 60% at 50% 45%,#000 20%,transparent 100%)!important}
body .elementor .rg-head.rg-head:not(#sp-x)::after{content:""!important;position:absolute!important;top:-90px!important;bottom:-40px!important;left:50%!important;width:100vw!important;transform:translateX(-50%)!important;z-index:-1!important;pointer-events:none!important;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px)!important;background-size:40px 40px!important;-webkit-mask-image:radial-gradient(ellipse 50% 60% at 50% 45%,#000 20%,transparent 100%)!important;mask-image:radial-gradient(ellipse 50% 60% at 50% 45%,#000 20%,transparent 100%)!important}


/* CARD-OCT19 Übersichten (Ratgeber, Projekte, Leistungen) und Karussells: alle Kacheln einer Reihe gleich hoch, "Weiterlesen" und "Mehr erfahren" sitzen immer unten auf einer Höhe */
html body .elementor .la .elementor-loop-container.elementor-grid:not(#sp-x){align-items:stretch!important}
html body .elementor .la .elementor-loop-container > .e-loop-item:not(#sp-x){height:auto!important;display:flex!important;flex-direction:column!important}
html body .elementor .la .e-loop-item > .la-card:not(#sp-x){flex:1 1 auto!important;height:auto!important}
html body .elementor .la .la-card > .la-body:not(#sp-x){flex:1 1 auto!important;display:flex!important;flex-direction:column!important}
html body .elementor .la .la-card .la-more:not(#sp-x){margin-top:auto!important}


/* V4-KX v4-Nachbau der Unterseiten-Heros (Kontakt, Newsletter, Aktuelles): Icon im Button als eigenes Element statt <i>, Abstand über dem Button, Text-Spans ohne Standardabstand */
html body .kx a.kx-b .kx-bi:not(#sp-x){display:inline-block!important;width:18px!important;height:18px!important;background:currentColor!important;-webkit-mask:url(/wp-content/uploads/2026/08/icon-sparrow.svg) center/contain no-repeat!important;mask:url(/wp-content/uploads/2026/08/icon-sparrow.svg) center/contain no-repeat!important}
html body .kx .kx-bwrap:not(#sp-x){margin-top:32px!important}
html body .kx .kx-bt:not(#sp-x){margin:0!important;padding:0!important}
html body .kx .kx-text .kx-h:not(#sp-x) .grad{display:inline-block!important}

/* V4-KX Atomare Container ohne Standard-Innenabstand und ohne volle Breite, damit sie wie das frühere HTML sitzen; Farbverlauf im H1 über den Span, weil v4-Überschriften keine Klassen im Text erlauben */
html body .kx :is(.kx-text,.kx-bwrap,.rw,.kx-bi).e-div-block-base:not(#sp-x){padding:0!important}
html body .kx a.kx-b.kx-b:not(#sp-x){width:auto!important;max-width:max-content!important}
html body .kx a.kx-b .rw.rw:not(#sp-x){width:auto!important;display:inline-block!important}
html body .kx a.kx-b .kx-bt.kx-bt:not(#sp-x){display:block!important;width:auto!important}
html body .kx a.kx-b .kx-bi.kx-bi:not(#sp-x){flex:0 0 18px!important;min-width:0!important}
/* V4-KX-FIX h2w = Wort-Hülle der Buchstaben-Animation, bekommt keinen Verlauf, sonst wird "Neu auf" unsichtbar */
html body .kx .kx-h.kx-h:not(#sp-x) > span:not(.h2w){display:inline-block!important;padding:0 .04em .16em!important;margin-bottom:-.16em!important;background:linear-gradient(90deg,var(--sp-lila),var(--sp-blau))!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}

/* V4-KX Kontakt: Kontaktliste mit Icons und die Fragebogen-Kacheln als v4-Elemente; Icons als Hintergrundbild statt Inline-SVG */
html body .kx :is(.kx-col,.kx-list,.kx-li,.kx-ic,.kx-tiles).e-div-block-base:not(#sp-x){padding:0!important}
html body .kx .kx-li.kx-li:not(#sp-x){display:flex!important;gap:12px!important;align-items:center!important}
html body .kx .kx-ic.kx-ic:not(#sp-x){flex:none!important;width:20px!important;height:20px!important;min-width:0!important;background-position:center!important;background-size:contain!important;background-repeat:no-repeat!important}
html body .kx .kx-ic-mail:not(#sp-x){background-image:url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23b4b2ff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225.5%22%20width%3D%2218%22%20height%3D%2213%22%20rx%3D%222.5%22%3E%3C%2Frect%3E%3Cpath%20d%3D%22M3.8%207l8.2%206%208.2-6%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")!important}
html body .kx .kx-ic-tel:not(#sp-x){background-image:url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23b4b2ff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%204h4l2%205-2.5%201.5a11%2011%200%200%200%205%205L15%2013l5%202v4a2%202%200%200%201-2%202A16%2016%200%200%201%203%206a2%202%200%200%201%202-2%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")!important}
html body .kx .kx-ic-pin:not(#sp-x){background-image:url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23b4b2ff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2021s-7-6.2-7-11.5a7%207%200%200%201%2014%200C19%2014.8%2012%2021%2012%2021z%22%3E%3C%2Fpath%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%229.5%22%20r%3D%222.5%22%3E%3C%2Fcircle%3E%3C%2Fsvg%3E")!important}
html body .kx .kx-lt.kx-lt:not(#sp-x),html body .kx .kx-lt a:not(#sp-x){margin:0!important;color:var(--sp-text-strong)!important;text-decoration:none!important;font-size:17px!important}
html body .kx .kx-lt a:not(#sp-x):hover{color:var(--sp-lila)!important}
html body .kx .kx-tile .kx-tb.kx-tb:not(#sp-x){display:block!important;margin:0!important;font-size:19px!important;font-weight:600!important;color:var(--sp-text-strong)!important}
html body .kx .kx-tile .kx-ts.kx-ts:not(#sp-x){display:block!important;margin:6px 0 0!important;font-size:15px!important;line-height:1.5!important;color:rgba(255,255,255,.62)!important}

/* V4-KX Kontakt-Hero: Textspalte teilt sich die Breite mit dem Formular wie vorher, sobald beide nebeneinander stehen */
@media (min-width:1025px){html body .kx .kx-hero-card > .kx-text.e-div-block-base:not(#sp-x){flex:1 1 0!important;width:auto!important;min-width:0!important}}

/* LINK-OCT19 Links im Fließtext unterstrichen, damit sie nicht nur über die Farbe erkennbar sind (PSI link-in-text-block) */
html body .elementor :is(.hp-note,.ub-small,.kx-p,.pt-tx,.ak-spon-p) a:not([class]),html body .elementor .elementor-widget-text-editor p a:not([class]){text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:3px!important;text-decoration-color:currentColor!important;transition:text-decoration-color .2s!important}
/* LINK-OCT19 Hover: Linie wird etwas blasser */
html body .elementor :is(.hp-note,.ub-small,.kx-p,.pt-tx,.ak-spon-p) a:not([class]):hover,html body .elementor .elementor-widget-text-editor p a:not([class]):hover{text-decoration-color:color-mix(in srgb,var(--sp-lila) 50%,transparent)!important}

/* V4-PT Partnerseite (v4): Grundwerte der v4-Div-Blöcke (10px Innenabstand, volle Breite) für alle Partner-Bausteine zurücksetzen */
html body .elementor :is(.pt-head,.pt-grid,.pt-card,.pt-top,.pt-portrait,.pt-logo,.pt-name,.pt-quote,.pt-projwrap,.pt-projects,.pt-link,.pt-li).e-div-block-base{padding:0!important;min-width:0!important}
/* V4-PT Kopf über dem Raster: Überschrift links, Einleitung rechts */
html body .elementor .pt-head.pt-head{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:flex-end!important;justify-content:space-between!important;gap:16px!important;margin:0 0 32px!important}
html body .elementor .pt-h2.pt-h2{font-family:var(--sp-font-ui),sans-serif!important;font-size:clamp(1.8rem,3vw,2.6rem)!important;line-height:1.1!important;font-weight:600!important;letter-spacing:-.02em!important;color:var(--sp-text-strong)!important;margin:0!important}
/* V4-PT Verlauf auf dem Wort in span, weil v4 die Klasse am span entfernt (h2w = Wort-Hülle der Buchstaben-Animation bleibt weiß) */
html body .elementor .pt-h2.pt-h2 > span:not(.h2w){display:inline-block!important;padding:0 .04em .14em!important;margin-bottom:-.14em!important;background:linear-gradient(90deg,var(--sp-lila),var(--sp-blau))!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
html body .elementor .pt-lead.pt-lead{font-size:16px!important;line-height:1.6!important;color:var(--sp-muted)!important;margin:0!important;max-width:46ch!important}
/* V4-PT Raster: zwei Spalten, mobil eine */
html body .elementor .pt-grid.pt-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;margin:0!important;align-items:stretch!important}
@media (max-width:767px){html body .elementor .pt-grid.pt-grid{grid-template-columns:1fr!important}}
/* V4-PT Karte: Rahmen lila, Radius 24px, Verlauf unten links */
html body .elementor .pt-card.pt-card{display:flex!important;flex-direction:column!important;gap:18px!important;padding:32px!important;border-radius:24px!important;border:1px solid color-mix(in srgb,var(--sp-lila) 22%,transparent)!important;background:radial-gradient(80% 60% at 0 100%,color-mix(in srgb,var(--sp-lila) 12%,transparent),rgba(0,0,0,0) 60%)!important;width:auto!important}
/* V4-PT Karte "Partner werden": gestrichelter Rahmen, Verlauf oben rechts */
html body .elementor .pt-card.pt-join{border-style:dashed!important;border-color:color-mix(in srgb,var(--sp-lila) 35%,transparent)!important;background:radial-gradient(80% 60% at 100% 0,color-mix(in srgb,var(--sp-lila) 10%,transparent),rgba(0,0,0,0) 60%)!important}
/* V4-PT Kopfzeile der Karte: Portrait rund links, Logo rechts */
html body .elementor .pt-top.pt-top{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:16px!important}
html body .elementor .pt-portrait.pt-portrait{width:84px!important;height:84px!important;border-radius:50%!important;overflow:hidden!important;flex:0 0 84px!important;border:1px solid color-mix(in srgb,var(--sp-lila) 30%,transparent)!important;display:grid!important;place-items:center!important}
html body .elementor .pt-join .pt-portrait.pt-portrait{border-style:dashed!important}
html body .elementor .pt-pimg.pt-pimg{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;max-width:none!important}
html body .elementor .pt-logo.pt-logo{height:48px!important;width:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important}
html body .elementor .pt-limg.pt-limg{max-height:48px!important;max-width:170px!important;width:auto!important;height:auto!important;object-fit:contain!important;display:block!important}
/* V4-PT Platzhalter für fehlendes Portrait oder Logo */
html body .elementor .pt-ph.pt-ph{display:grid!important;place-items:center!important;margin:0!important;color:var(--sp-subtle)!important;font-size:11px!important;letter-spacing:.12em!important;text-transform:uppercase!important}
html body .elementor .pt-logo .pt-ph.pt-ph{width:140px!important;height:48px!important;border-radius:12px!important;border:1.5px dashed color-mix(in srgb,var(--sp-lila) 35%,transparent)!important}
/* V4-PT Name, Kategorie und Leistung */
html body .elementor .pt-name.pt-name{display:block!important}
html body .elementor .pt-chip.pt-chip{font-size:12px!important;font-weight:600!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--sp-lila)!important;margin:0 0 6px!important}
html body .elementor .pt-h3.pt-h3{font-size:24px!important;line-height:1.2!important;font-weight:600!important;color:var(--sp-text-strong)!important;margin:0!important}
html body .elementor .pt-tx.pt-tx{font-size:15px!important;line-height:1.6!important;color:#bdbdc8!important;margin:0!important}
/* V4-PT Zitat mit lila Linie links */
html body .elementor .pt-quote.pt-quote{display:block!important;padding:4px 0 4px 18px!important;border-left:2px solid var(--sp-lila)!important}
html body .elementor .pt-qt.pt-qt{font-size:17px!important;line-height:1.5!important;font-weight:500!important;color:var(--sp-text-strong)!important;margin:0!important}
html body .elementor .pt-cite.pt-cite{font-size:13px!important;color:var(--sp-muted)!important;margin:8px 0 0!important}
/* V4-PT Gemeinsame Projekte als Links in Pillen */
html body .elementor .pt-k.pt-k{font-size:12px!important;font-weight:600!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--sp-subtle)!important;margin:0 0 10px!important}
html body .elementor .pt-projects.pt-projects{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important}
html body .elementor .pt-pill.pt-pill{margin:0!important}
html body .elementor .pt-pill.pt-pill a{display:inline-flex!important;padding:8px 14px!important;border-radius:999px!important;border:1px solid var(--sp-line-strong)!important;font-size:14px!important;line-height:1.3!important;color:var(--sp-text-strong)!important;text-decoration:none!important;transition:border-color .2s,background-color .2s!important}
html body .elementor .pt-pill.pt-pill a:hover{border-color:color-mix(in srgb,var(--sp-lila) 50%,transparent)!important;background:color-mix(in srgb,var(--sp-lila) 8%,transparent)!important}
/* V4-PT Website-Link unten mit Sparrow-Icon */
html body .elementor a.pt-link.pt-link{margin-top:auto!important;padding-top:6px!important;display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;width:auto!important;max-width:max-content!important;font-weight:600!important;font-size:15px!important;color:var(--sp-text-strong)!important;text-decoration:none!important}
html body .elementor .pt-lt.pt-lt{margin:0!important;color:inherit!important;font:inherit!important}
html body .elementor .pt-li.pt-li{width:18px!important;height:18px!important;flex:0 0 18px!important;background:currentColor!important;-webkit-mask:url(/wp-content/uploads/2026/08/icon-sparrow.svg) center/130% no-repeat!important;mask:url(/wp-content/uploads/2026/08/icon-sparrow.svg) center/130% no-repeat!important}
html body .elementor .pt-card a:focus-visible{outline:2px solid var(--sp-lila)!important;outline-offset:3px!important;border-radius:8px!important}
@media (max-width:767px){html body .elementor .pt-card.pt-card{padding:24px!important}html body .elementor .pt-portrait.pt-portrait{width:68px!important;height:68px!important;flex-basis:68px!important}}

/* CONSENT-OCT19b Newsletter-Formular (Brevo) erst nach Zustimmung zu Marketing sichtbar, vorher steht dort der Hinweis mit Link (sp-mkt setzt das Consent-Script im Header) */
html:not(.sp-mkt) body .sib-form{display:none!important}
/* CONSENT-OCT19b Instagram-Feed ohne Zustimmung: kein leerer Platzhalter unter dem Hinweis */
html:not(.sp-mkt) body .kx .kx-feed{min-height:0!important}

/* A11Y-OCT19 Google-Button im Footer: Bild nur optisch verstecken statt display:none, damit der Link über den Alt-Text einen Namen für Screenreader hat (PSI link-name). Sichtbar bleibt der Button mit Icon und Text wie bisher */
html body .ft .elementor-element-178de5d8 a:has(.ft-adv):not(#sp-r1):not(#sp-r2):not(#sp-r3):not(#sp-f1):not(#sp-a1) > img{display:block!important;position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;border:0!important}

/* A11Y-OCT19b Testimonial-Karussell: inaktive Karten 60 % statt 45 % Deckkraft, die Rollenzeile ist dort heller, damit sie genug Kontrast hat (PSI color-contrast) */
html body .vt .vt-item.vt-item:not(.is-active){opacity:.6!important}
html body .vt .vt-item:not(.is-active) .vt-role.vt-role{color:#d0d0da!important}
/* A11Y-OCT19b Karussell-Punkte: 24px Klickfläche über 8px Innenabstand, sichtbar bleibt der Punkt, weil der Hintergrund nur im Inhaltsbereich liegt (PSI target-size) */
html body .pc-dots.pc-dots.pc-dots{gap:0!important}
html body .pc-dots .pc-dot.pc-dot{box-sizing:content-box!important;padding:8px!important;background-clip:content-box!important}
/* A11Y-OCT19b aktiver Punkt: Hintergrund ebenfalls nur im Inhaltsbereich, sonst füllt die Farbe die ganze Klickfläche */
html body .pc-dots .pc-dot.pc-dot:is(.is-on,.is-active,[aria-current]){background-clip:content-box!important}

/* SP-TRUST v4 (Über mich): Grundwerte der v4-Div-Blöcke zurücksetzen; CyberForum-Logo ist jetzt ein Bild statt Inline-SVG und bleibt weiß wie vorher (kein Graufilter) */
html body .elementor :is(.sp-trust,.sp-trust-row).e-div-block-base{padding:0!important}
html body .elementor .sp-trust .sp-trust-i.sp-trust-i{width:auto!important}
html body .sp-trust .sp-trust-cf img:not(#sp-t1):not(#sp-t2):not(#sp-t3):not(#sp-t4){filter:none!important;opacity:1!important}

/* LP-OVERLAP Leistungsseiten: Der Hero bleibt beim Scrollen zurück und blendet aus. Logos und Eckdaten liegen jetzt darüber und haben die Seitenfarbe als Hintergrund (über die volle Breite), damit der Hero darunter verschwindet statt durch die Logos zu scheinen */
body .elementor .lp .lp-logos-w.lp-logos-w.lp-logos-w:not(#sp-x):not(#sp-y){position:relative!important;z-index:2!important;background:var(--sp-bg)!important;box-shadow:0 0 0 100vmax #101011!important;clip-path:inset(0 -100vmax)!important}
body .elementor .lp .lp-kpis.lp-kpis.lp-kpis:not(#sp-x):not(#sp-y){background:var(--sp-bg)!important;box-shadow:0 0 0 100vmax #101011!important;clip-path:inset(0 -100vmax)!important}

/* HV-RATING Startseite: kleines Google-Bewertungsbadge (Elfsight) im Hero neben den Buttons, wie auf den Leistungsseiten */
html body .hv .hv-btns:not(#sp-x){flex-wrap:wrap!important;align-items:center!important}
html body .hv .hv-rating:not(#sp-x){display:flex!important;align-items:center!important;margin-left:6px!important;min-height:44px!important}
html body .hv .hv-rating .es-badge-container-inner,html body .hv .hv-rating [class*="BadgeContainer__Inner"]{margin-left:0!important;margin-right:auto!important}
@media (max-width:767px){html body .hv .hv-rating:not(#sp-x){margin-left:0!important;width:100%!important}}

/* UB-ICONS Über mich, Abseits vom Bildschirm: Icons zählen nur die Karten selbst (nth-child of .ub-me-i), damit sie im Elementor-Editor und live gleich sitzen */
/* Musik: Gitarre (Lucide-Icon, ruhiger lesbar als die alte Form) */
html body .elementor .ub-me > .ub-me-i:nth-child(1 of .ub-me-i)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23b4b2ff%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m11.9 12.1 4.514-4.514%22/%3E%3Cpath d=%22M20.1 2.3a1 1 0 0 0-1.4 0l-1.114 1.114A2 2 0 0 0 17 4.828v1.344a2 2 0 0 1-.586 1.414A2 2 0 0 1 17.828 7h1.344a2 2 0 0 0 1.414-.586L21.7 5.3a1 1 0 0 0 0-1.4z%22/%3E%3Cpath d=%22m6 16 2 2%22/%3E%3Cpath d=%22M8.23 9.85A3 3 0 0 1 11 8a5 5 0 0 1 5 5 3 3 0 0 1-1.85 2.77l-.92.38A2 2 0 0 0 12 18a4 4 0 0 1-4 4 6 6 0 0 1-6-6 4 4 0 0 1 4-4 2 2 0 0 0 1.85-1.23z%22/%3E%3C/svg%3E")!important}
/* Outdoor: Berg */
html body .elementor .ub-me > .ub-me-i:nth-child(2 of .ub-me-i)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23b4b2ff'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'm8%203%204%208%205-5%205%2015H2L8%203z'%2F%3E%3C%2Fsvg%3E")!important}
/* Gaming: Controller */
html body .elementor .ub-me > .ub-me-i:nth-child(3 of .ub-me-i)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23b4b2ff'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M6%2011h4M8%209v4M15%2012h.01M18%2010h.01'%2F%3E%3Cpath%20d%3D'M17.3%205H6.7a4%204%200%200%200-4%203.6C2.6%209.4%202%2014.5%202%2016a3%203%200%200%200%203%203c1%200%201.5-.5%202-1l1.4-1.4a2%202%200%200%201%201.4-.6h4.4a2%202%200%200%201%201.4.6L17%2018c.5.5%201%201%202%201a3%203%200%200%200%203-3c0-1.5-.6-6.6-.7-7.3a4%204%200%200%200-4-3.7z'%2F%3E%3C%2Fsvg%3E")!important}
/* Schach: Figur */
html body .elementor .ub-me > .ub-me-i:nth-child(4 of .ub-me-i)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23b4b2ff'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'5.5'%20r%3D'2.5'%2F%3E%3Cpath%20d%3D'M9.5%209h5M10.2%209l-.9%208h5.4l-.9-8'%2F%3E%3Cpath%20d%3D'M7%2021h10l-1-4H8z'%2F%3E%3C%2Fsvg%3E")!important}
/* No Borders: Faust */
html body .elementor .ub-me > .ub-me-i:nth-child(5 of .ub-me-i)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23b4b2ff'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M7%2011V7.5a1.5%201.5%200%200%201%203%200V11'%2F%3E%3Cpath%20d%3D'M10%2010.5V6.5a1.5%201.5%200%200%201%203%200v4'%2F%3E%3Cpath%20d%3D'M13%2010.5V7a1.5%201.5%200%200%201%203%200v4'%2F%3E%3Cpath%20d%3D'M16%2011V8.5a1.5%201.5%200%200%201%203%200V13a6%206%200%200%201-6%206h-1a6%206%200%200%201-6-6v-1.5a1.5%201.5%200%200%201%203-.5c.5%201.3%201.6%202%203%202'%2F%3E%3Cpath%20d%3D'M10%2019v3h5v-3'%2F%3E%3C%2Fsvg%3E")!important}

/* LRC-OCT19 WP Rocket setzt bei Abschnitten weiter unten automatisch content-visibility:auto (Lazy Rendering). Das schneidet alles ab, was über den Abschnitt hinausragt, deshalb liefen die Karten im Projekte- und Ratgeber-Karussell auf großen Bildschirmen nicht mehr bis zum rechten Fensterrand. Für die Karussell-Abschnitte wird es hier wieder abgeschaltet. Der Selektor nutzt bewusst nur die Klassen .la und .pc-on, weil WP Rocket Regeln mit [data-wpr-lazyrender] beim Entfernen von ungenutztem CSS wieder rauswirft */
html body .elementor .e-con.la:not(#sp-x),html body .elementor .e-con.pc-on:not(#sp-x){content-visibility:visible!important;contain:none!important}

/* AUTOR-ARCHIV-OCT19 Autorenseite (/author/...): Kopf mittig, Porträt rund wie in der Autorenbox, Kicker und Rolle im Stil der Seite. Gilt für alle Autoren, also auch für Gastautoren */
html body.author .elementor .la-head.la-head:not(#sp-x){align-items:center!important;text-align:center!important}
html body.author .elementor .la-head img.rg-avatar:not(#sp-x){width:120px!important;height:120px!important;border-radius:50%!important;object-fit:cover!important;border:1px solid color-mix(in srgb,var(--sp-lila) 35%,transparent)!important;margin:0 0 4px!important}
html body.author .elementor .la-head .rg-akicker:not(#sp-x){font-size:13px!important;font-weight:600!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:var(--sp-muted)!important}
html body.author .elementor .la-head .rg-arole:not(#sp-x){font-size:17px!important;line-height:1.5!important;color:#d0d0da!important;text-align:center!important}
html body.author .elementor .la-head .la-h1:not(#sp-x){margin:0!important}
html body.author .elementor .la-head .la-lead:not(#sp-x){margin:0 auto!important;max-width:680px!important}

/* AUTORBOX-LINK-OCT19 Autorenname in der Autorenbox verlinkt auf die Autorenseite: Farbe wie die Überschrift, beim Hover Lila wie die übrigen Links */
html body .elementor .rg-author .rg-aname a:not(#sp-x){color:inherit!important;text-decoration:none!important;transition:color .2s ease!important}
html body .elementor .rg-author .rg-aname a:not(#sp-x):hover,html body .elementor .rg-author .rg-aname a:not(#sp-x):focus-visible{color:var(--sp-lila)!important}

/* GAST-OCT19 Gastbeiträge (Body-Klasse sp-gastautor aus dem Fluent Snippet Autorenprofil): kein Button 'Projekt anfragen' in der Autorenbox */
html body.sp-gastautor .elementor .rg-author .rg-alinks:not(#sp-x){display:none!important}


/* ---------- FAQ-LINKS-OCT19 / TXT-LINKS-OCT20: Links in den FAQ-Antworten und im Fließtext auf der ganzen Seite in derselben Farbe wie auf der Startseite (Ratgeber und Projekte rg-content und rg-fieldslot, Leistungen lp-tx, Rechtstexte lg-text, Kontakt-Popup pp-contact, Bildunterschriften). Bisher waren sie dort weiß oder grau (Startseite hp-faq, Leistungen lp-faq, Ratgeber rg-faq und alle weiteren FAQ-Blöcke). Lila Schrift mit dezenter Unterstreichung, beim Überfahren weiß mit hellblauer Linie. Buttons in FAQ-Blöcken bleiben unverändert ---------- */
html body :is(.rg-content,.rg-fieldslot,.lp-tx,.lg-text,.pp-contact) :is(p,li,dd,td,figcaption,blockquote) a:not([class*="btn"]):not(.elementor-button):not(#sp-q1):not(#sp-q2):not(#sp-q3),
html body :is(.hp-faq,.hp-faq-list,.lp-faq,.lp-mbg-faq,.rg-faq,[class*="-faq"]) :is(p,li,dd,td,div,span) a:not([class*="btn"]):not(.elementor-button):not(#sp-q1):not(#sp-q2):not(#sp-q3){color:var(--sp-lila)!important;text-decoration-line:underline!important;text-decoration-thickness:1px!important;text-decoration-color:color-mix(in srgb,var(--sp-lila) 55%,transparent)!important;text-underline-offset:3px!important;transition:color .2s ease,text-decoration-color .2s ease!important}
html body :is(.rg-content,.rg-fieldslot,.lp-tx,.lg-text,.pp-contact) :is(p,li,dd,td,figcaption,blockquote) a:not([class*="btn"]):not(.elementor-button):not(#sp-q1):not(#sp-q2):not(#sp-q3):is(:hover,:focus-visible),
html body :is(.hp-faq,.hp-faq-list,.lp-faq,.lp-mbg-faq,.rg-faq,[class*="-faq"]) :is(p,li,dd,td,div,span) a:not([class*="btn"]):not(.elementor-button):not(#sp-q1):not(#sp-q2):not(#sp-q3):is(:hover,:focus-visible){color:var(--sp-text-strong)!important;text-decoration-color:var(--sp-blau)!important}

/* ---------- BTN-H46-OCT19: alle Buttons auf der ganzen Seite so hoch wie der Header-Button (46px), Innenabstand oben und unten aus, die Breite ergibt sich weiter aus Text und seitlichem Abstand. Gilt für Elementor-v4-Buttons (rg-btn), Hero, Kontakt, Popups, Newsletter, Formulare und klassische Elementor-Buttons ---------- */
html body :is(a.rg-btn,a.hv-b,a.hc-b,a.kx-b,a.xi-b,a.nlx-b,a.hp-btn,.elementor-button,.sib-form-block__button,.lp-seo-more,.ub-btn,.tx-btn,.rg-pref):not(#sp-h1):not(#sp-h2):not(#sp-h3):not(#sp-h4){min-height:46px!important;height:46px!important;padding-top:0!important;padding-bottom:0!important;box-sizing:border-box!important}

/* ---------- KX-STICK-OCT19: Kontakt, der obere Bereich mit dem Formular bleibt nur stehen, wenn er ganz auf den Bildschirm passt. Bei weniger als 960px Höhe (kleine Laptops, Tablet quer) oder bis 1024px Breite (Tablet hochkant) scrollt er normal mit, sonst schiebt sich der nächste Abschnitt über den Absenden-Button ---------- */
@media (max-height:960px),(max-width:1024px){html body .elementor .kx.kx-stick:not(#sp-k1):not(#sp-k2){position:relative!important;top:auto!important}}

/* ---------- HC-EDGE-OCT19 Referenz-Karte "Was sich bei meinen Kunden bewegt hat" (.hc-card mit Shader): Der 1px-Rahmen lag auf dem dunkelblauen Kartenhintergrund und war am hellen Shader-Rand als dunkle Kante zu sehen. Rahmen jetzt transparent, Hintergrund nur noch im Innenbereich ---------- */
html body .hc .hc-card:not(#sp-e1):not(#sp-e2){border-color:transparent!important;background-clip:padding-box!important}

/* ---------- URB-NOITAL-OCT19 Kursive Urbanist-Datei nicht mehr laden: Kursive Stellen (em, i, cite, Bildunterschriften, .grad in Überschriften) nutzen die Schriftfamilie "Urbanist Up". Sie zeigt auf dieselbe normale Urbanist-Datei, die ohnehin geladen ist, und hat keinen kursiven Schnitt. Der Browser neigt die Schrift deshalb selbst und lädt die kursive Datei (f61ba62c / 90a24a2a) gar nicht erst ---------- */
@font-face{font-family:"Urbanist Up";font-style:normal;font-weight:100 900;font-display:swap;src:url(/wp-content/uploads/elementor/google-fonts/fonts/urbanist-5e85aea8.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Urbanist Up";font-style:normal;font-weight:100 900;font-display:swap;src:url(/wp-content/uploads/elementor/google-fonts/fonts/urbanist-7611acf2.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
html body :is(em,cite,figcaption,.grad,:is(p,li,a,h1,h2,h3,h4,h5,h6,blockquote,td,figcaption) i):not(#sp-u1):not(#sp-u2){font-family:"Urbanist Up",var(--sp-font-head),sans-serif!important;font-synthesis-style:auto!important}

/* ---------- MEGA-DROP-OCT20 Megamenü (Leistungen, Projekte, Ratgeber): Die 780px breiten Dropdowns waren unter dem jeweiligen Menüpunkt zentriert. Unter "Leistungen" ragten sie auf Laptops links über den Bildschirmrand. Jetzt sind alle Dropdowns unter der gesamten Navigation zentriert und bleiben ab 1180px Breite vollständig im Bild ---------- */
html body .elementor-location-header .hd-item.hd-has:not(#sp-m1):not(#sp-m2){position:static!important}
/* MEGA-CHEV-OCT20 Der kleine Pfeil (.hd-chev) hing bisher absolut am Menüpunkt. Seit der Menüpunkt nicht mehr "relative" ist, rutschten alle drei Pfeile ans Ende der Navigation über "Aktuelles". Jetzt sitzt er im normalen Fluss, an derselben Stelle wie vorher (12px vom rechten Rand des Menüpunkts) */
html body .elementor-location-header .hd-item.hd-has > .hd-chev:not(#sp-m1):not(#sp-m2){position:relative!important;top:auto!important;right:auto!important;left:auto!important;margin:0 12px 0 -21px!important;flex:0 0 auto!important}

/* ---------- FX-BADGE-OCT20 Leistungsseiten, schwebende Hinweis-Karte rechts im Hero (.fx-f2, z. B. "0 Zugänge nötig"): Sie ragte mit -56px über den Abschnitt hinaus und klebte am Bildschirmrand. Jetzt bleibt rund 40px Abstand zum Rand ---------- */
.elementor .lp .fx-float.fx-f2:not(#sp-f1):not(#sp-f2):not(#sp-f3){right:-12px!important}
/* FX-BADGE-WIDE Auf großen Monitoren ist rechts neben der Hero-Grafik Platz, die obere Karte ragt dort weiter hinaus (ab 1600px um 40px, ab 1800px um 88px) und behält trotzdem rund 30px Abstand zum Rand. Auf Laptops bleibt sie bei -12px */
@media (min-width:1600px){.elementor .lp .fx-float.fx-f2:not(#sp-f1):not(#sp-f2):not(#sp-f3):not(#sp-f4){right:-40px!important}}
@media (min-width:1800px){.elementor .lp .fx-float.fx-f2:not(#sp-f1):not(#sp-f2):not(#sp-f3):not(#sp-f4){right:-88px!important}}

/* ---------- HV-TAB-OCT20 Startseite Hero-Shader auf Tablet quer und kleinen Laptops (768 bis 1366px Breite, Querformat): Der Spatz lag hinter der Überschrift. Die Shader-Fläche wird dort breiter als der Abschnitt und ragt rechts hinaus (wird an der Kante abgeschnitten). Der Spatz rückt so nach rechts, seine Größe bleibt gleich. Hochformat und große Bildschirme bleiben unverändert ---------- */
@media (min-width:768px) and (max-width:1199px) and (orientation:landscape){html body .hv-sec.s-hero .hv-cv:not(#sp-v1):not(#sp-v2){width:122%!important;max-width:none!important;left:0!important;right:auto!important}}
@media (min-width:1200px) and (max-width:1366px) and (orientation:landscape){html body .hv-sec.s-hero .hv-cv:not(#sp-v1):not(#sp-v2){width:112%!important;max-width:none!important;left:0!important;right:auto!important}}

/* ---------- MEGA-CLUSTER-OCT20 Megamenü Leistungen in drei Gruppen (Website, Sichtbarkeit, Content und Marketing), je Spalte ein Loop-Raster mit Auswahl per ID. Projekte hat kein Dropdown mehr und führt direkt aufs Archiv ---------- */
@media (min-width:1025px){
/* Dropdowns am gesamten Kopfzeilen-Inhalt ausrichten statt an der Navigation. Damit liegt das breite Leistungen-Dropdown mittig auf dem Bildschirm und ragt auch auf kleinen Monitoren nicht hinaus. Die Höhe bleibt direkt unter dem Menüpunkt, damit beim Hinunterfahren mit der Maus keine Lücke entsteht */
html body .elementor-location-header .elementor-element-501ddf9:not(#sp-c1):not(#sp-c2){position:static!important}
html body .elementor-location-header .hd-item.hd-has .hd-drop.hd-drop:not(#sp-c1):not(#sp-c2){top:calc(50% + 20px)!important}
/* Leistungen-Dropdown: bis 1120px breit, auf kleineren Bildschirmen 24px Abstand zu beiden Rändern */
html body .elementor-location-header .elementor-element-26ae0003 .hd-drop.hd-drop:not(#sp-c1):not(#sp-c2):not(#sp-c3){width:min(1120px, calc(100vw - 48px))!important;max-width:none!important}
html body .elementor-location-header .elementor-element-26ae0003 .hd-drop-in.hd-drop-in:not(#sp-c1):not(#sp-c2):not(#sp-c3){width:100%!important;max-width:none!important}
/* Drei Spalten */
html body .elementor-element-mmlcols:not(#sp-c1){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px 16px!important;width:100%!important}
html body .elementor-element-mmlcols:not(#sp-c1) > div{display:flex!important;flex-direction:column!important;min-width:0!important}
html body .elementor-element-mmlcols:not(#sp-c1) .elementor-loop-container{grid-template-columns:1fr!important}
/* Spaltenüberschriften */
html body :is([data-id="mmlh0"],[data-id="mmlh1"],[data-id="mmlh2"]):not(#sp-c1){margin:6px 0 6px 12px!important;font-size:12px!important;line-height:1.4!important;font-weight:600!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--sp-lila)!important}
/* Feine Trennlinie vor der mittleren und rechten Spalte */
html body :is(.elementor-element-mmlcol1,.elementor-element-mmlcol2):not(#sp-c1){border-left:1px solid var(--sp-line)!important;padding-left:16px!important}
}
/* ---------- HS-V4-OCT20: Startseite v4 (Warum, Pakete, FAQ). Maße, Farben und Schriften stehen in den globalen Klassen hs-* im Elementor-Designsystem. Hier steht nur, was globale Klassen nicht abbilden können: Verlaufswort, Häkchen, Plus-Symbol, Icon-Maske und Hover-Effekte auf Kindelemente ---------- */
/* HS-V4 Verlaufswort in den Abschnittsüberschriften (direktes span im Titel, nach der Wort-Animation span.h2g), mit Platz für Unterlängen. Die Wort-Spans h2w der Animation bleiben weiß */
html body .elementor .hs-h2 > span:not(.h2w):not(#sp-s1) {display:inline-block!important;padding:0 .04em .18em 0!important;margin-bottom:-.18em!important;background:linear-gradient(90deg,var(--sp-lila) 0%,var(--sp-blau) 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}
/* HS-V4 Paketpunkte: Kreis mit Verlauf */
html body .elementor .hs-li:not(#sp-s1)::before {content:""!important;position:absolute!important;left:0!important;top:4px!important;width:16px!important;height:16px!important;border-radius:50%!important;background:linear-gradient(135deg,var(--sp-blau),var(--sp-lila))!important}
/* HS-V4 Paketpunkte: Häkchen im Kreis */
html body .elementor .hs-li:not(#sp-s1)::after {content:""!important;position:absolute!important;left:5px!important;top:7px!important;width:6px!important;height:9px!important;border:solid var(--sp-ink)!important;border-width:0 2px 2px 0!important;transform:rotate(45deg)!important}
/* HS-V4 Button-Icon: sparrow-Symbol als Maske in Textfarbe */
html body .elementor .hs-ico:not(#sp-s1) {-webkit-mask:url(/wp-content/uploads/2026/08/icon-sparrow.svg) center/contain no-repeat!important;mask:url(/wp-content/uploads/2026/08/icon-sparrow.svg) center/contain no-repeat!important}
/* HS-V4 Button-Hover: Text klappt nach oben weg, Icon ruckt leicht mit */
html body .elementor a.hs-btn:hover .hs-fl:not(#sp-s1) {transform:translateY(-100%)!important}
html body .elementor a.hs-btn:hover .hs-ico:not(#sp-s1) {transform:translateX(3px) rotate(-8deg)!important}
/* HS-V4 FAQ: geöffnete Frage mit hellerer Kante und Fläche */
html body .elementor details.hs-q[open]:not(#sp-s1) {border-color:var(--sp-line-strong)!important;background-color:var(--sp-surface-2)!important}
/* HS-V4 FAQ: Browser-Dreieck vor der Frage ausblenden */
html body .elementor summary.hs-qh:not(#sp-s1) {list-style:none!important}
html body .elementor summary.hs-qh::-webkit-details-marker {display:none!important}
/* HS-V4 FAQ: Plus-Symbol im Kreis, dreht sich beim Öffnen zum Kreuz */
html body .elementor .hs-qi:not(#sp-s1)::before {content:"+"!important;position:static!important;inset:auto!important;width:auto!important;height:auto!important;background:none!important;font-family:var(--sp-font-ui),sans-serif!important;font-size:20px!important;line-height:1!important;color:var(--sp-lila)!important}
html body .elementor details.hs-q .hs-qi:not(#sp-s1) {transform:none!important}
html body .elementor details.hs-q[open] .hs-qi:not(#sp-s1) {transform:rotate(45deg)!important}
/* HS-V4 Hinweis unter den Paketen: Link lila und unterstrichen wie im übrigen Fließtext */
html body .elementor .hs-note a:not([class]):not(#sp-s1) {color:var(--sp-lila)!important;text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:3px!important;text-decoration-color:color-mix(in srgb,var(--sp-lila) 55%,transparent)!important}
html body .elementor .hs-note a:not([class]):not(#sp-s1):is(:hover,:focus-visible) {color:var(--sp-text-strong)!important;text-decoration-color:var(--sp-blau)!important}

/* WARTUNG-ICON-OCT20: Icon für die Leistung WordPress Wartung (Kreispfeil für Updates mit Haken) im Megamenü und auf der Leistungsübersicht, gleicher Stil wie die übrigen Leistungs-Icons */
.hd-dropslot .e-loop-item-3423 .mi.mi::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%224%22%20y1%3D%224%22%20x2%3D%2244%22%20y2%3D%2244%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239fd8ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b4b2ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url(%23g)%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M38.5%2024A14.5%2014.5%200%201%201%2034.3%2013.7%22%2F%3E%3Cpath%20d%3D%22M38%208v7h-7%22%2F%3E%3Cpath%20d%3D%22M17.5%2024.5l4.5%204.5%208.5-9%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}
html body .elementor .e-loop-item-3423.leistung .la-lcard.la-lcard:not(#sp-x)::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%224%22%20y1%3D%224%22%20x2%3D%2244%22%20y2%3D%2244%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239fd8ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b4b2ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url(%23g)%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M38.5%2024A14.5%2014.5%200%201%201%2034.3%2013.7%22%2F%3E%3Cpath%20d%3D%22M38%208v7h-7%22%2F%3E%3Cpath%20d%3D%22M17.5%2024.5l4.5%204.5%208.5-9%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}

/* HS-V4 Startseite: Verlaufswort im Abschluss-CTA (span im Titel), in Urbanist Up wie bisher */
html body .elementor .hs-cta-h > span:not(.h2w):not(#sp-s1) {display:inline-block!important;padding:0 .04em .14em!important;margin-bottom:-.14em!important;font-family:"Urbanist Up",Urbanist,sans-serif!important;background:linear-gradient(90deg,var(--sp-lila),var(--sp-blau))!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}
/* HS-V4 Startseite: Abstand zwischen v4-Überschrift und Inhalt in Abschnitten ohne Einleitung (Kundenstimmen), Ratgeber bleibt ohne Abstand wie vorher */
html body .hp-sec:not(.la) .hs-h2 + .hp-body:not(#sp-s1) {margin-top:40px!important}

/* HS-V4 Startseite: in den Abschnitten Projekte und Ratgeber (Klasse la) setzt eine ältere Regel alle v4-Abstände auf 0, hier die Abstände der Überschrift, Einleitung und des Inhalts wie vorher */
html body .elementor .la .hs-h2.hs-h2:not(#sp-s1):not(#sp-s2) {margin:0 0 16px!important}
html body .elementor .la .hs-lead.hs-lead:not(#sp-s1):not(#sp-s2) {margin:0 0 48px!important}
html body .elementor .hp-sec:not(.la) .hs-h2 + .hp-body.hp-body:not(#sp-s1):not(#sp-s2) {margin-top:40px!important}

/* FOOTER-BADGES-OCT20: Spalte "Vernetzt und zertifiziert" (CyberForum, Neuro Webdesign) nur auf Desktop sichtbar, auf Tablet und Handy ausgeblendet. Die Regel .ft .ft-col.ft-col setzt display:flex mit !important, daher hier höhere Spezifität */
@media (max-width:1024px){html body .elementor .ft .ft-col.ft-badges.ft-badges:not(#sp-x){display:none!important}}
/* FOOTER-BADGES-OCT20: Abstand zwischen Label und Badges in der Badge-Spalte */
html body .elementor .ft .ft-col.ft-badges.ft-badges:not(#sp-x){gap:14px!important}

/* FOOTER-ORDER-OCT20: Desktop-Footer, Spalte "Direkt starten" vor "Navigation". Direkt starten bekommt damit die breitere Rasterspalte für den Google-Button */
@media (min-width:1025px){html body .elementor .ft .ft-grid .elementor-element-290da4be:not(#sp-o1):not(#sp-o2){order:1!important}html body .elementor .ft .ft-grid .elementor-element-221e5c51:not(#sp-o1):not(#sp-o2){order:2!important}html body .elementor .ft .ft-grid .elementor-element-178de5d8:not(#sp-o1):not(#sp-o2){order:3!important}html body .elementor .ft .ft-grid .elementor-element-195deda2:not(#sp-o1):not(#sp-o2){order:4!important}html body .elementor .ft .ft-grid .elementor-element-211af165:not(#sp-o1):not(#sp-o2){order:5!important}}

/* LIST-DOTS-OCT20: Aufzählungen im Ratgeber (Text und "Auf einen Blick") mit Punkt in der Akzentfarbe statt Strich */
html body .elementor .rg :is(.rg-fieldslot li, .rg-content ul li):not(#sp-l1):not(#sp-l2)::before{width:6px!important;height:6px!important;border-radius:50%!important;background:var(--sp-lila)!important;opacity:1!important;left:3px!important;top:calc(.82em - 3px)!important}
/* LIST-DOTS-OCT20: normale Aufzählungen ohne eigenes Symbol (z. B. Projekte, Unterseiten) bekommen ihren Punkt ebenfalls in der Akzentfarbe */
html body .elementor :is(.pj-fval, .sp-body, .elementor-widget-text-editor, .elementor-widget-theme-post-content) ul li:not(#sp-l1)::marker{color:var(--sp-lila)!important}

/* PROJ-HIDE-OCT20: Leistungsseiten, Abschnitt "Passende Projekte" ausblenden, wenn im Feld verwandte_projekte nichts gewählt ist (Loop ohne Karten, Snippet 16 liefert dann keine Projekte) */
html body .elementor .lp-proj:not(:has(.e-loop-item)):not(#sp-p1):not(#sp-p2){display:none!important}

/* SHADER-STANDBILD-OCT20 Startseite: Standbild des Shader-Hintergrunds (Verlauf und Vignette ohne Logo, 5 KB) liegt als ::before unter der Leinwand und hat dieselbe Größe wie sie. Der Hintergrund ist damit sofort da, die Leinwand blendet mit dem Logo weich darüber. Ohne WebGPU bleibt das Standbild stehen */
@media (min-width:768px){html body .hv .hv-sec.s-hero:not(#sp-s1):not(#sp-s2)::before{content:""!important;position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;z-index:0!important;pointer-events:none!important;background:url("/wp-content/uploads/2026/10/shader-standbild-startseite.webp") center/cover no-repeat!important}}
/* SHADER-STANDBILD-OCT20 Startseite: auf Tablets quer und kleinen Laptops ist die Leinwand breiter als die Sektion (122 % bzw. 112 %), das Standbild zieht mit */
@media (min-width:768px) and (max-width:1199px) and (orientation:landscape){html body .hv .hv-sec.s-hero:not(#sp-s1):not(#sp-s2)::before{width:122%!important}}
@media (min-width:1200px) and (max-width:1366px) and (orientation:landscape){html body .hv .hv-sec.s-hero:not(#sp-s1):not(#sp-s2)::before{width:112%!important}}
/* SHADER-STANDBILD-OCT20 Unterseiten (Partner, Aktuelles, Kontakt, Newsletter, Danke, 404) und Über mich: Standbild des Verlaufs (5 KB) als Hintergrund der Hero-Karte, sofort sichtbar. Die Leinwand liegt darüber und blendet erst ein, wenn der Shader läuft (Klasse is-on aus dem Shader-Script) */
html body:is(.page-id-2900,.page-id-2339,.page-id-2334,.page-id-2338,.page-id-27,.page-id-1159,.error404) .elementor .kx .kx-card.kx-hero-card:not(#sp-s1),html body .elementor .ub-hero:not(#sp-s1){background-image:url("/wp-content/uploads/2026/10/shader-standbild-verlauf.webp")!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
/* SHADER-STANDBILD-OCT20 Unterseiten und Über mich: Leinwand startet unsichtbar und blendet in 0,9 s ein, sobald der Shader die Startphase hinter sich hat */
html body .elementor .kx canvas.kx-cv:not(#sp-s1),html body .elementor .ub-hero canvas.ub-cv:not(#sp-s1){opacity:0!important;transition:opacity .9s ease!important}
html body .elementor .kx canvas.kx-cv.is-on:not(#sp-s1),html body .elementor .ub-hero canvas.ub-cv.is-on:not(#sp-s1){opacity:1!important}

/* HERO-ABSTAND-MOBIL-OCT20 Auf dem Handy liegt die Kopfleiste über dem Seitenanfang und endet bei etwa 68px. Bei Leistungen, Ratgeber, Projekten, Startseite und Rechtstexten begann der erste Text direkt darunter (70 bis 111px) und wirkte gequetscht. Der Abstand oben wächst um etwa die Höhe der Kopfleiste, der erste Text startet jetzt wie auf den Seiten mit blauem Verlauf bei rund 130px */
@media (max-width:767px){html body .elementor :is(.lp-hero,.la-head,.rg-head).e-con:not(#sp-h1),html body .elementor :is(.lp-hero,.la-head,.rg-head):not(#sp-h1):not(#sp-h2){padding-top:130px!important}html body .hv .hv-in.hv-in:not(#sp-h1){padding-top:120px!important}html body .elementor .lg.lg:not(#sp-h1){padding-top:130px!important}}

/* PROJEKT-DIAGRAMM-OCT21 Projektgrafiken mit "-diagramm-" im Dateinamen (Däberitz, Diakoniestation, Heinle): Das Diagramm liegt im oberen Teil des Bildes. Überall oben ausrichten, damit es in Karten (Text über dem unteren Drittel) und im breiten Projekt-Hero nicht angeschnitten wird */
html body .elementor img[src*="-diagramm-"]:not(#sp-d1){object-position:50% 0%!important}
/* PROJEKT-DIAGRAMM-OCT21 Projekt-Hero auf Tablet und Handy: Bildbox auf 2:1, damit unter dem Diagramm keine leere Fläche bleibt */
@media (max-width:1024px){html body .elementor img.rg-heroimg[src*="-diagramm-"]:not(#sp-d1){aspect-ratio:2/1!important;height:auto!important}}

/* FAQ-SCHMAL-OCT21 Häufige Fragen auf der Startseite (.hs-sec) und in den Ratgeber-Beiträgen (.rg-faq) auf dem Desktop wie bei den Leistungen: Überschrift und Fragen auf 880px Breite, mittig, Überschrift zentriert */
@media (min-width:1025px){html body .elementor :is(.hs-sec:has(.hs-faq) .hs-h2,.rg-faq .rg-h2,.hs-sec .hs-faq,.rg-faq .rg-acc):not(#sp-fq1):not(#sp-fq2){width:100%!important;max-width:880px!important;margin-left:auto!important;margin-right:auto!important}html body .elementor :is(.hs-sec:has(.hs-faq) .hs-h2,.rg-faq .rg-h2):not(#sp-fq1):not(#sp-fq2){text-align:center!important}}
/* PAKETE-ZENTRIERT-OCT21 Startseite: Drei Pakete als Startpunkt, Überschrift und Einleitung mittig */
html body .elementor .elementor-element-135f57ba.hs-sec .hs-h2:not(#sp-z){text-align:center!important;margin-left:auto!important;margin-right:auto!important;max-width:none!important}
html body .elementor .elementor-element-135f57ba.hs-sec .hs-lead:not(#sp-z){text-align:center!important;margin-left:auto!important;margin-right:auto!important}

/* BENTO-OCT21 Leistungs-Bento für die Startseite (Testseite): Rahmen, Überschrift und Raster mit 4 Spalten auf dem Desktop */
html body .bx{max-width:1440px!important;margin:0 auto!important;padding:120px 24px!important;box-sizing:border-box!important;font-family:Urbanist,sans-serif!important;color:#e4e4e4!important}
html body .bx .bx-head{max-width:1120px!important;margin:0 auto 56px!important;text-align:center!important}
html body .bx .bx-kick{font-family:Geist,sans-serif!important;font-size:13px!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:#b4b2ff!important;margin:0 0 14px!important}
html body .bx .bx-h2{font-size:clamp(34px,4vw,56px)!important;line-height:1.08!important;font-weight:600!important;color:#fff!important;margin:0!important;letter-spacing:-.01em!important}
html body .bx :is(.bx-h2,h3) em{font-style:normal!important;background:linear-gradient(96deg,#fff 0%,#d6d4ff 45%,#a9a7ff 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
html body .bx .bx-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;grid-template-rows:auto auto auto!important;gap:12px!important}
/* BENTO-OCT21 Positionen im Raster: Audit und Ladezeit hoch links, Webdesign breit oben rechts, GEO und SEO hoch rechts, Partner und Wartung unten links */
html body .bx .bx-audit{grid-column:1!important;grid-row:1 / span 2!important}
html body .bx .bx-speed{grid-column:2!important;grid-row:1 / span 2!important}
html body .bx .bx-web{grid-column:3 / span 2!important;grid-row:1!important;min-height:340px!important}
html body .bx .bx-geo{grid-column:3!important;grid-row:2 / span 2!important}
html body .bx .bx-seo{grid-column:4!important;grid-row:2 / span 2!important}
html body .bx .bx-partner{grid-column:1!important;grid-row:3!important;min-height:420px!important}
html body .bx .bx-care{grid-column:2!important;grid-row:3!important}
/* BENTO-OCT21 Kachel: dunkle Fläche, feine Linie, beim Überfahren Lila-Kante und leichtes Anheben */
html body .bx .bx-t{position:relative!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;overflow:hidden!important;border-radius:24px!important;background:linear-gradient(180deg,#16161b 0%,#121216 100%)!important;border:1px solid rgba(255,255,255,.07)!important;text-decoration:none!important;color:inherit!important;transition:border-color .35s ease,transform .35s ease,box-shadow .35s ease!important;isolation:isolate!important}
html body .bx .bx-t:hover{border-color:rgba(180,178,255,.35)!important;transform:translateY(-3px)!important;box-shadow:0 24px 60px rgba(0,0,0,.45),0 0 60px rgba(180,178,255,.08)!important}
html body .bx .bx-t::before{content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;background:radial-gradient(70% 50% at 80% 0%,rgba(90,84,180,.18),rgba(16,16,17,0) 70%)!important;pointer-events:none!important}
html body .bx .bx-c{padding:28px 30px 32px!important;position:relative!important;z-index:2!important}
html body .bx h3{font-size:clamp(24px,2vw,32px)!important;line-height:1.1!important;font-weight:600!important;color:#fff!important;margin:0 0 12px!important;letter-spacing:-.01em!important}
html body .bx .bx-c p{font-size:16px!important;line-height:1.6!important;color:#a3a3a3!important;margin:0!important;max-width:44ch!important}
html body .bx .bx-g{position:relative!important;flex:1 1 auto!important;min-height:240px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:28px 24px 0!important}
/* BENTO-OCT21 Fotokacheln (Webdesign, Partner): Bild füllt die Kachel, Text unten auf dunklem Verlauf */
html body .bx .bx-dark{justify-content:flex-end!important}
html body .bx .bx-dark .bx-img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;z-index:0!important;transition:transform .8s ease!important;filter:saturate(.85)!important}
html body .bx .bx-dark:hover .bx-img{transform:scale(1.04)!important}
html body .bx .bx-dark::after{content:""!important;position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(180deg,rgba(16,16,17,0) 25%,rgba(16,16,17,.82) 58%,rgba(16,16,17,.97) 100%)!important}
html body .bx .bx-web .bx-img{object-position:50% 40%!important;left:30%!important;width:70%!important}
html body .bx .bx-partner .bx-img{object-position:50% 15%!important}
html body .bx .bx-web::after{background:linear-gradient(90deg,rgba(16,16,17,.97) 0%,rgba(16,16,17,.93) 45%,rgba(16,16,17,.55) 62%,rgba(16,16,17,.1) 85%)!important}
html body .bx .bx-web{justify-content:center!important}
html body .bx .bx-web .bx-c{max-width:56%!important;padding:40px 44px!important}
html body .bx .bx-web h3{font-size:clamp(28px,2.6vw,40px)!important}
html body .bx .bx-more{display:inline-flex!important;margin-top:22px!important;font-family:Geist,sans-serif!important;font-size:15px!important;font-weight:500!important;color:#101011!important;background:#fff!important;border-radius:999px!important;padding:11px 20px!important}
/* BENTO-OCT21 Grafik Audit: zwei PDF-Karten übereinander mit nummerierten Aufgaben */
html body .bx .bx-audit .bx-g{min-height:300px!important}
html body .bx .bx-doc{position:absolute!important;width:66%!important;border-radius:16px!important;background:#1c1c22!important;border:1px solid rgba(255,255,255,.09)!important;padding:16px 18px!important;box-sizing:border-box!important;box-shadow:0 20px 40px rgba(0,0,0,.4)!important}
html body .bx .bx-doc b{display:block!important;font-size:15px!important;color:#fff!important;font-weight:600!important;margin:8px 0 12px!important}
html body .bx .bx-doc i{display:block!important;height:7px!important;border-radius:4px!important;background:rgba(255,255,255,.10)!important;margin:0 0 8px!important}
html body .bx .bx-doc i.s{width:60%!important}
html body .bx .bx-doc-ic{display:inline-block!important;font-family:Geist,sans-serif!important;font-size:10px!important;font-weight:600!important;letter-spacing:.1em!important;color:#101011!important;background:#b4b2ff!important;border-radius:6px!important;padding:3px 7px!important}
html body .bx .bx-doc-b{top:30px!important;left:6%!important;opacity:.55!important;transform:rotate(-5deg)!important}
html body .bx .bx-doc-a{top:92px!important;right:6%!important;transform:rotate(3deg)!important;border-color:rgba(180,178,255,.35)!important;box-shadow:0 24px 50px rgba(0,0,0,.5),0 0 40px rgba(180,178,255,.15)!important}
html body .bx .bx-doc-a ol{list-style:none!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;gap:9px!important}
html body .bx .bx-doc-a li{display:flex!important;align-items:center!important;gap:10px!important;margin:0!important}
html body .bx .bx-doc-a li em{font-style:normal!important;font-family:Geist,sans-serif!important;font-size:11px!important;color:#9fd8ff!important;min-width:18px!important}
html body .bx .bx-doc-a li i{flex:1!important;margin:0!important;background:linear-gradient(90deg,rgba(180,178,255,.35),rgba(255,255,255,.08))!important}
html body .bx .bx-badge{position:absolute!important;bottom:6px!important;left:14%!important;font-family:Geist,sans-serif!important;font-size:12px!important;font-weight:500!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#6be3a4!important;border:1px solid rgba(107,227,164,.35)!important;background:rgba(107,227,164,.08)!important;border-radius:999px!important;padding:7px 12px!important}
/* BENTO-OCT21 Grafik Ladezeit: drei Ringe mit den Grenzwerten der Core Web Vitals und ein Ladebalken */
html body .bx .bx-speed .bx-g{flex-direction:column!important;gap:26px!important}
html body .bx .bx-vit{display:flex!important;gap:12px!important;justify-content:center!important;width:100%!important}
html body .bx .bx-ring{position:relative!important;width:30%!important;max-width:128px!important;aspect-ratio:1!important}
html body .bx .bx-ring svg{width:100%!important;height:100%!important;transform:rotate(-90deg)!important}
html body .bx .bx-ring circle{fill:none!important;stroke:rgba(255,255,255,.08)!important;stroke-width:9!important}
html body .bx .bx-ring circle.v{stroke:url(#bxl)!important;stroke:#b4b2ff!important;stroke-linecap:round!important;stroke-dasharray:314!important;stroke-dashoffset:calc(314 - 314 * var(--p))!important;filter:drop-shadow(0 0 6px rgba(180,178,255,.6))!important;animation:bxRing 1.6s ease both!important}
html body .bx .bx-ring:nth-child(2) circle.v{stroke:#c3d6ff!important}
html body .bx .bx-ring:nth-child(3) circle.v{stroke:#9fd8ff!important}
html body .bx .bx-ring span{position:absolute!important;inset:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;font-family:Geist,sans-serif!important;font-size:11px!important;color:#8b8b98!important;letter-spacing:.06em!important}
html body .bx .bx-ring b{font-size:15px!important;color:#fff!important;font-weight:600!important;letter-spacing:0!important;margin-bottom:2px!important}
html body .bx .bx-bar{width:80%!important;height:8px!important;border-radius:6px!important;background:rgba(255,255,255,.07)!important;overflow:hidden!important}
html body .bx .bx-bar i{display:block!important;height:100%!important;width:100%!important;border-radius:6px!important;background:linear-gradient(90deg,#b4b2ff,#9fd8ff)!important;transform-origin:left!important;animation:bxLoad 2.4s cubic-bezier(.2,.7,.2,1) infinite!important}
@keyframes bxRing{from{stroke-dashoffset:314}}
@keyframes bxLoad{0%{transform:scaleX(0)}55%,100%{transform:scaleX(1)}}
/* BENTO-OCT21 Grafik KI-Sichtbarkeit: KI-Logos kreisen langsam um die eigene Website */
html body .bx .bx-geo .bx-g{min-height:340px!important}
html body .bx .bx-orbit{position:relative!important;width:min(100%,300px)!important;aspect-ratio:1!important}
html body .bx .bx-o1,html body .bx .bx-o2{position:absolute!important;border-radius:50%!important;border:1px dashed rgba(180,178,255,.22)!important}
html body .bx .bx-o1{inset:0!important}
html body .bx .bx-o2{inset:22%!important;border-style:solid!important;border-color:rgba(159,216,255,.12)!important}
html body .bx .bx-spin{position:absolute!important;inset:0!important;animation:bxSpin 40s linear infinite!important}
html body .bx .bx-ai{position:absolute!important;width:54px!important;height:54px!important;margin:-27px 0 0 -27px!important;border-radius:50%!important;background:#1f1f26!important;border:1px solid rgba(255,255,255,.12)!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 10px 24px rgba(0,0,0,.45)!important;animation:bxSpin 40s linear infinite reverse!important}
html body .bx .bx-ai img{width:26px!important;height:26px!important;object-fit:contain!important}
html body .bx .bx-ai.a1{top:0!important;left:50%!important}
html body .bx .bx-ai.a2{top:50%!important;left:100%!important}
html body .bx .bx-ai.a3{top:100%!important;left:50%!important}
html body .bx .bx-ai.a4{top:50%!important;left:0!important}
html body .bx .bx-core{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;display:flex!important;align-items:center!important;gap:8px!important;white-space:nowrap!important;font-family:Geist,sans-serif!important;font-size:13px!important;color:#fff!important;background:rgba(180,178,255,.12)!important;border:1px solid rgba(180,178,255,.4)!important;border-radius:999px!important;padding:10px 16px!important;box-shadow:0 0 40px rgba(180,178,255,.25)!important}
html body .bx .bx-dot{width:8px!important;height:8px!important;border-radius:50%!important;background:#6be3a4!important;box-shadow:0 0 10px #6be3a4!important}
@keyframes bxSpin{to{transform:rotate(360deg)}}
/* BENTO-OCT21 Grafik SEO: steigende Kurve mit den drei Säulen als Chips */
html body .bx .bx-seo .bx-g{flex-direction:column!important;gap:22px!important;min-height:340px!important}
html body .bx .bx-chart{position:relative!important;width:100%!important;height:190px!important;border-radius:16px!important;background:#18181d!important;border:1px solid rgba(255,255,255,.07)!important;overflow:hidden!important;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px)!important;background-size:100% 38px!important}
html body .bx .bx-chart svg{position:absolute!important;inset:12px 12px 0 12px!important;width:calc(100% - 24px)!important;height:calc(100% - 12px)!important;overflow:visible!important}
html body .bx .bx-chart .ln{stroke-dasharray:600!important;stroke-dashoffset:0!important;animation:bxDraw 2.2s ease both!important;filter:drop-shadow(0 0 6px rgba(180,178,255,.55))!important}
html body .bx .bx-end{position:absolute!important;right:10px!important;top:28px!important;width:12px!important;height:12px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 0 0 6px rgba(159,216,255,.25)!important}
html body .bx .bx-chips{display:flex!important;gap:8px!important;flex-wrap:wrap!important;justify-content:center!important}
html body .bx .bx-chips span{font-family:Geist,sans-serif!important;font-size:13px!important;color:#d3d3da!important;border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.04)!important;border-radius:999px!important;padding:8px 14px!important}
@keyframes bxDraw{from{stroke-dashoffset:600}}
/* BENTO-OCT21 Grafik Wartung: Ablauf mit Häkchen, erste Zeile hervorgehoben */
html body .bx .bx-care .bx-g{min-height:200px!important}
html body .bx .bx-log{list-style:none!important;margin:0!important;padding:0!important;width:100%!important;display:flex!important;flex-direction:column!important;gap:8px!important}
html body .bx .bx-log li{display:flex!important;align-items:center!important;gap:12px!important;font-family:Geist,sans-serif!important;font-size:14px!important;color:#d3d3da!important;background:#18181d!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:12px!important;padding:11px 14px!important;margin:0!important}
html body .bx .bx-log li.hl{border-color:rgba(107,227,164,.35)!important;background:rgba(107,227,164,.06)!important}
html body .bx .bx-ck{width:18px!important;height:18px!important;border-radius:50%!important;flex:0 0 18px!important;background:rgba(180,178,255,.18)!important;position:relative!important}
html body .bx .bx-ck::after{content:""!important;position:absolute!important;left:6px!important;top:3px!important;width:4px!important;height:8px!important;border:solid #b4b2ff!important;border-width:0 2px 2px 0!important;transform:rotate(45deg)!important}
html body .bx .bx-log li.hl .bx-ck{background:rgba(107,227,164,.2)!important}
html body .bx .bx-log li.hl .bx-ck::after{border-color:#6be3a4!important}
/* BENTO-OCT21 Bewegung reduzieren: keine Animationen */
@media (prefers-reduced-motion:reduce){html body .bx *{animation:none!important;transition:none!important}}
/* BENTO-OCT21 Tablet: zwei Spalten, Webdesign über die volle Breite */
@media (max-width:1100px){
html body .bx .bx-grid{grid-template-columns:repeat(2,1fr)!important;grid-template-rows:none!important}
html body .bx :is(.bx-audit,.bx-speed,.bx-geo,.bx-seo,.bx-partner,.bx-care){grid-column:auto!important;grid-row:auto!important}
html body .bx .bx-web{grid-column:1 / -1!important;grid-row:1!important}
}
/* BENTO-OCT21 Handy: eine Spalte, Webdesign-Text über die ganze Breite */
@media (max-width:767px){
html body .bx{padding:80px 16px!important}
html body .bx .bx-grid{grid-template-columns:1fr!important}
html body .bx .bx-web{min-height:440px!important;justify-content:flex-end!important}
html body .bx .bx-web::after{background:linear-gradient(180deg,rgba(16,16,17,.1) 15%,rgba(16,16,17,.85) 60%,rgba(16,16,17,.97) 100%)!important}
html body .bx .bx-web .bx-c{max-width:none!important;padding:28px 26px 30px!important}
html body .bx .bx-web .bx-img{left:0!important;width:100%!important}
html body .bx .bx-g{min-height:220px!important}
}

/* BENTO-OCT21 Einbau in die Startseite: Bento sitzt in der Leistungs-Karte (s-svc) unter Überschrift und Einleitung, ohne eigenen Rahmen und Abstand */
html body .hv .s-svc .bx.bx-in-hv:not(#sp-b1){max-width:none!important;padding:44px 0 0!important;margin:0!important;text-align:left!important}
html body .hv .s-svc .bx.bx-in-hv a:not(#sp-b1){color:inherit!important}

/* BENTO-KOMPAKT-OCT21 Desktop: Kacheln niedriger, Grafiken und Innenabstände etwas kleiner, damit die Sektion kompakter wirkt */
@media (min-width:1101px){
html body .bx .bx-g:not(#sp-k){min-height:170px!important;padding:22px 22px 0!important}
html body .bx .bx-audit .bx-g:not(#sp-k){min-height:210px!important}
html body .bx :is(.bx-geo,.bx-seo) .bx-g:not(#sp-k){min-height:230px!important}
html body .bx .bx-care .bx-g:not(#sp-k){min-height:150px!important}
html body .bx .bx-web:not(#sp-k){min-height:280px!important}
html body .bx .bx-partner:not(#sp-k){min-height:300px!important}
html body .bx .bx-c:not(#sp-k){padding:22px 26px 26px!important}
html body .bx .bx-c p:not(#sp-k){font-size:15px!important;line-height:1.55!important}
html body .bx .bx-web .bx-c:not(#sp-k){padding:32px 36px!important}
html body .bx .bx-orbit:not(#sp-k){width:min(100%,250px)!important}
html body .bx .bx-chart:not(#sp-k){height:150px!important}
html body .bx .bx-ring:not(#sp-k){max-width:108px!important}
}
/* BENTO-MOBIL-OCT21 Handy: statt Bento die bisherige kompakte Kachelliste, damit die Startseite nicht zu lang wird */
@media (max-width:767px){html body .hv .s-svc .bx.bx-in-hv:not(#sp-m){display:none!important}}
@media (min-width:768px){html body .hv .s-svc .hv-grid.hv-grid-mobil:not(#sp-m){display:none!important}}

/* HV-FLIESSEND-OCT21 Startseite: Logos und Leistungen ohne Kachel auf dem Seitenhintergrund. Deckend, damit die Leistungen beim Hochschieben die Logos sauber überdecken */
html body .hv .hv-sec:is(.s-logos,.s-svc):not(#sp-f){background:#101011!important;border-radius:0!important;border:0!important;box-shadow:none!important}

/* BENTO-BADGE-OCT21 Audit-Kachel: Festpreis-Plakette rechts oben, Grafikfläche hoch genug, damit die PDF-Karten nicht in die Überschrift ragen */
html body .bx .bx-audit .bx-badge:not(#sp-b2){top:20px!important;right:20px!important;bottom:auto!important;left:auto!important;z-index:4!important}
html body .bx .bx-audit .bx-g:not(#sp-b2):not(#sp-b3){min-height:340px!important}
/* SVC-ABSTAND-OCT21 Womit ich dir helfe: mehr Luft oben und vor allem unten, damit die einzoomende Karte den Button nicht sofort überdeckt */
@media (min-width:768px){html body .hv .hv-sec.s-svc > .hv-in:not(#sp-a){padding-top:80px!important;padding-bottom:180px!important}}
@media (max-width:767px){html body .hv .hv-sec.s-svc > .hv-in:not(#sp-a){padding-top:56px!important;padding-bottom:110px!important}}

/* ABOUT-DUNKEL-OCT21 Test: Karte Hi, ich bin Kai fast schwarz, hebt sich so stärker von den Leistungen ab */
html body .hv .hv-sec.s-about:not(#sp-d){background:#060607!important;background-color:#060607!important}

/* PAKETE-ZENTRIERT-OCT21 Leistungsseiten: Einleitung unter Drei Pakete als Startpunkt mittig unter der Überschrift */
html body .lp-pakete .lp-sec-head:not(#sp-z){text-align:center!important;align-items:stretch!important;margin-left:auto!important;margin-right:auto!important;max-width:880px!important;width:100%!important}
html body .lp-pakete .lp-sec-head .lp-lead:not(#sp-z){text-align:center!important;margin-left:auto!important;margin-right:auto!important;max-width:640px!important}

/* HOME-ABSTAENDE-OCT21 Startseite: weniger Abstand zwischen Ratgeber und Kontaktsektion */
html body .elementor .hp-blog + .elementor-element-3823f458:not(#sp-g){margin-top:40px!important}
/* HOME-ABSTAENDE-OCT21 Handy: Logos unter dem Hero höher, damit sie auch auf großen iPhones ohne Scrollen sichtbar sind */
@media (max-width:767px){html body .hv .hv-sec.s-logos > .hv-in:not(#sp-g){padding-top:36px!important}}

/* HERZ-UEBERGANG-OCT21 Startseite zwischen FAQ und Ratgeber: made with love by sparrow als ASCII-Schrift, Wort für Wort aufgebaut, statt love ein kleines schlagendes ASCII-Herz */
html body .hz4:not(#sp-h1){max-width:1200px!important;margin:0 auto!important;padding:40px 20px 0!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important;pointer-events:none!important}
html body .hz4 .hz4-l:not(#sp-h1){display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:flex-start!important;gap:0 1.6em!important}
html body .hz4 .hz4-w:not(#sp-h1){margin:0!important;padding:0!important;background:none!important;border:0!important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;font-size:13px!important;line-height:1.12!important;white-space:pre!important;color:#c9c7ff!important;opacity:.85!important}
html body .hz6 .hz6-heart:not(#sp-h1){color:#ff9fb4!important;opacity:1!important;text-shadow:0 0 12px rgba(255,159,180,.6)!important;transform-origin:50% 45%!important;animation:hzMini 2.6s cubic-bezier(.3,.7,.4,1) 1.2s infinite!important}
@keyframes hzMini{0%,100%{transform:scale(1)}12%{transform:scale(1.14)}24%{transform:scale(.97)}36%{transform:scale(1.07)}52%{transform:scale(1)}}
@keyframes hzRow{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
/* HERZ-UEBERGANG-OCT21 Browser mit Scroll-Animationen: Aufbau passend zur Scrollposition des Blocks */
@supports (animation-timeline:view()){
html body .hz4:not(#sp-h1){view-timeline-name:--hz!important}
html body .hz4 .hz4-w:not(#sp-h1){animation:hzRow steps(20) both!important;animation-timeline:--hz!important;animation-range-start:cover calc(16% + var(--k) * 6%)!important;animation-range-end:cover calc(22% + var(--k) * 6%)!important}
html body .hz6 .hz6-heart:not(#sp-h1){animation:hzRow steps(16) both,hzMini 2.6s cubic-bezier(.3,.7,.4,1) 1.2s infinite!important;animation-timeline:--hz,auto!important;animation-range-start:cover 28%,normal!important;animation-range-end:cover 34%,normal!important}
}
/* HERZ-UEBERGANG-OCT21 Abstand unter dem Schriftzug zum Ratgeber */
html body .hz-slot .hz4:not(#sp-h1){padding-bottom:24px!important}
html body .hz-slot + .hp-blog:not(#sp-h1){padding-top:96px!important}
@media (max-width:767px){html body .hz4 .hz4-w:not(#sp-h1){font-size:7px!important}html body .hz4:not(#sp-h1){padding-top:24px!important}html body .hz-slot .hz4:not(#sp-h1){padding-bottom:16px!important}html body .hz-slot + .hp-blog:not(#sp-h1){padding-top:72px!important}}
@media (prefers-reduced-motion:reduce){html body .hz4 *:not(#sp-h1){animation:none!important}}

/* HERZ-UEBER-MICH-OCT21 Über mich: made with love by sparrow statt der sichtbaren Überschrift im Werte-Abschnitt, rechtsbündig neben dem Foto. Die Überschrift bleibt für Screenreader und Suchmaschinen im Code */
html body .elementor-2532 h2.e-489f9a3-3a85:not(#sp-u){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
html body .elementor-2532 .hz4.hz-ub:not(#sp-u){padding:16px 0 22px!important;margin:0!important;max-width:none!important;width:100%!important;align-items:flex-end!important}
html body .elementor-2532 .hz4.hz-ub .hz4-l:not(#sp-u){justify-content:flex-end!important}
@media (max-width:1024px){html body .elementor-2532 .hz4.hz-ub:not(#sp-u){align-items:center!important}html body .elementor-2532 .hz4.hz-ub .hz4-l:not(#sp-u){justify-content:center!important}}

/* HERZ-UEBERGANG-OCT21 ASCII-Zeilen immer linksbündig innerhalb der Blöcke, sonst verrutschen die Zeichen, wenn der Abschnitt rechtsbündig ist */
html body .hz4 .hz4-w:not(#sp-h1):not(#sp-h2){text-align:left!important}

/* UEBER-MICH-FOTO-OCT21 Über mich, Werte: Foto an die linke Kartenkante, damit die gerade Schnittkante des Freistellers nicht mitten in der Karte endet */
html body .elementor-2532 .elementor-element-5a7a315d:not(#sp-f){justify-content:flex-start!important}
html body .elementor-2532 .elementor-element-5a7a315d img:not(#sp-f){margin-left:0!important;margin-right:auto!important}

/* FAQ-LEAD-OCT21 Startseite: Einleitung unter Häufige Fragen mittig, mit Abstand zu den Fragen */
html body .elementor .hs-sec:has(.hs-faq) .hs-lead:not(#sp-q){margin-bottom:28px!important}
@media (min-width:1025px){html body .elementor .hs-sec:has(.hs-faq) .hs-lead:not(#sp-q):not(#sp-q2){text-align:center!important;margin-left:auto!important;margin-right:auto!important;max-width:640px!important;margin-bottom:40px!important}}
html body .elementor .hs-sec:has(.hs-faq) .hs-lead a:not(#sp-q){color:#b4b2ff!important;text-decoration:underline!important;text-underline-offset:3px!important}
/* HOME-ABSTAENDE-OCT21 Startseite ohne Schriftzug: Ratgeber rückt näher an die FAQ */
html body .elementor .elementor-element-29c16425 + .hp-blog:not(#sp-g){padding-top:72px!important}
@media (max-width:767px){html body .elementor .elementor-element-29c16425 + .hp-blog:not(#sp-g){padding-top:48px!important}
/* HOME-ABSTAENDE-OCT21 Handy: weniger Luft zwischen Alle Leistungen und der Karte Hi, ich bin Kai */
html body .hv .hv-sec.s-svc > .hv-in:not(#sp-a):not(#sp-b){padding-bottom:48px!important}
html body .hv .hv-sec.s-about > .hv-in:not(#sp-a){padding-top:64px!important}}

/* FAQ-LEAD-OCT21 Abstand Einleitung zu den Fragen kleiner als zum nächsten Abschnitt */
html body .elementor .hs-sec:has(.hs-faq) .hs-lead:not(#sp-q):not(#sp-q2):not(#sp-q3){margin-bottom:0!important}
html body .elementor .hs-sec:has(.hs-faq) .hs-lead + *:not(#sp-q):not(#sp-q2){margin-top:24px!important}

/* PT-JOIN-AKZENT-OCT21 Karte "Partner werden" auf /partner/ farblich abheben: violett-blauer Verlauf über die ganze Karte, kräftigerer gestrichelter Rahmen und leichter Schein */
html body .elementor .pt-card.pt-join:not(#sp-j1):not(#sp-j2){background:linear-gradient(135deg,color-mix(in srgb,#b4b2ff 26%,#101011) 0%,color-mix(in srgb,#b4b2ff 11%,#101011) 55%,color-mix(in srgb,#9fd8ff 17%,#101011) 100%)!important;border-color:color-mix(in srgb,#b4b2ff 65%,transparent)!important;box-shadow:0 0 0 1px color-mix(in srgb,#b4b2ff 14%,transparent),0 30px 80px color-mix(in srgb,#b4b2ff 12%,transparent)!important}
/* PT-JOIN-AKZENT-OCT21 Platzhalter "Du" und "Dein Logo" in Lila statt Grau */
html body .elementor .pt-join :is(.pt-portrait,.pt-logo):not(#sp-j1):not(#sp-j2){border-color:color-mix(in srgb,#b4b2ff 60%,transparent)!important;background:color-mix(in srgb,#b4b2ff 8%,transparent)!important}
html body .elementor .pt-join .pt-ph:not(#sp-j1):not(#sp-j2){color:#d6d4ff!important}
/* Menü- und Kachel-Icons für Whitelabel (4345) und WordPress-Hosting (4023) */
.hd-dropslot .e-loop-item-4345 .mi.mi::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%224%22%20y1%3D%224%22%20x2%3D%2244%22%20y2%3D%2244%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239fd8ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b4b2ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M25%207H12a5%205%200%200%200-5%205v13l17%2016%2017-16L25%207z%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%222.6%22%2F%3E%3Cpath%20d%3D%22M20%2028l5-5%22%2F%3E%3Cpath%20d%3D%22M24%2032l5-5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}
html body .elementor .e-loop-item-4345.leistung .la-lcard.la-lcard:not(#sp-x)::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%224%22%20y1%3D%224%22%20x2%3D%2244%22%20y2%3D%2244%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239fd8ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b4b2ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M25%207H12a5%205%200%200%200-5%205v13l17%2016%2017-16L25%207z%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%222.6%22%2F%3E%3Cpath%20d%3D%22M20%2028l5-5%22%2F%3E%3Cpath%20d%3D%22M24%2032l5-5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}
.hd-dropslot .e-loop-item-4023 .mi.mi::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%224%22%20y1%3D%224%22%20x2%3D%2244%22%20y2%3D%2244%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239fd8ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b4b2ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%228%22%20y%3D%228%22%20width%3D%2232%22%20height%3D%2213%22%20rx%3D%224%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2227%22%20width%3D%2232%22%20height%3D%2213%22%20rx%3D%224%22%2F%3E%3Cpath%20d%3D%22M14%2014.5h.01%22%2F%3E%3Cpath%20d%3D%22M14%2033.5h.01%22%2F%3E%3Cpath%20d%3D%22M22%2014.5h12%22%2F%3E%3Cpath%20d%3D%22M22%2033.5h12%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}
html body .elementor .e-loop-item-4023.leistung .la-lcard.la-lcard:not(#sp-x)::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%224%22%20y1%3D%224%22%20x2%3D%2244%22%20y2%3D%2244%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239fd8ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b4b2ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%228%22%20y%3D%228%22%20width%3D%2232%22%20height%3D%2213%22%20rx%3D%224%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2227%22%20width%3D%2232%22%20height%3D%2213%22%20rx%3D%224%22%2F%3E%3Cpath%20d%3D%22M14%2014.5h.01%22%2F%3E%3Cpath%20d%3D%22M14%2033.5h.01%22%2F%3E%3Cpath%20d%3D%22M22%2014.5h12%22%2F%3E%3Cpath%20d%3D%22M22%2033.5h12%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}

/* RUHIGE CONTAINER (ganze Website, Menü und Blog): Karten, Boxen und Menü-Panels mit lila-blauem Verlauf, lila Rahmen und Lichtschein bekommen eine ruhige dunkle Fläche mit 1px Rahmen (8 % Weiß), auch beim Hover. Hero-Bereiche sind nicht betroffen */
html body .la-card:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6),html body .vt-card:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6),html body .nlx:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6),html body .rank-math-html-sitemap__section:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6),html body .ak-spon:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6),html body .pt-card:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6),html body .rg-author:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6),html body .rg-box:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6),html body .rg-card:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6),html body .rg-share:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6),html body .hs-p:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6),html body .e-640ffc40-b8bf:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6),html body .lp-passt-ja:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6),html body .hd-drop-in:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6),html body [data-id="9ef207d"]:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6){background-image:none!important;background-color:#18181d!important;border-color:rgba(255,255,255,.08)!important;box-shadow:none!important}
html body .hd-drop-in:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6){background-color:rgba(19,19,23,.98)!important;box-shadow:0 40px 80px -30px rgba(0,0,0,.9)!important}
/* Menü-Kachel "Webseiten" hervorgehoben: helle, ruhige Fläche ohne Verlauf und Muster, dunkle Schrift */
html body [data-id="28b5c647"]:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6){background-image:none!important;background-color:#f4f4f6!important;border-color:transparent!important;box-shadow:none!important}
html body [data-id="28b5c647"]:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6) :is(h1,h2,h3,h4,p,span,div,strong){color:#131317!important}
html body [data-id="28b5c647"]:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6) p:not(:last-child){color:rgba(19,19,23,.65)!important}
/* Abschnitte wie die CTA im Blog fließend ohne eigene Fläche */
html body .hc-card:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6){background:transparent!important;background-image:none!important;border-color:transparent!important;box-shadow:none!important}
html body .lp-umfang:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6){background-image:none!important;background-color:#131317!important;border-color:rgba(255,255,255,.08)!important;box-shadow:none!important}
html body .lp-umfang:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6)::before{background-image:none!important;display:none!important}
/* Icon-Kacheln (Menü, Leistungskarten, Leistungsumfang, Über mich) ohne lila Fläche */
html body :is(a.mi,.la-lcard,.lp-um,.ub-me-i):not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6)::before,html body .la-lcard:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6)::after{background-color:rgba(255,255,255,.04)!important;border-color:rgba(255,255,255,.08)!important;box-shadow:none!important}
/* Blog: Zitat mit ruhiger Fläche, Trennlinie in TL;DR und Fazit, Chips */
html body blockquote:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6){background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22rgba%28255%2C255%2C255%2C0.35%29%22%20d%3D%22M4%2018c0-6.6%203.6-11%209.6-12.6l1%202.2C11.4%209%209.8%2011.4%209.6%2014H14v12H4V18zm14%200c0-6.6%203.6-11%209.6-12.6l1%202.2C25.4%209%2023.8%2011.4%2023.6%2014H28v12H18V18z%22%2F%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:44px 40px!important;background-size:32px 32px!important;background-color:#18181d!important;border-color:rgba(255,255,255,.08)!important;box-shadow:none!important}
html body .rg-box:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6)::before{background-image:none!important;background-color:rgba(255,255,255,.08)!important}
html body span.rg-chip:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6){background-color:rgba(255,255,255,.04)!important;border-color:rgba(255,255,255,.08)!important}
html body span.rg-chip:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6)::before{box-shadow:none!important}
html body :is(.pt-portrait,.pt-logo):not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6){border-color:rgba(255,255,255,.08)!important;background-color:rgba(255,255,255,.03)!important}
/* Preise: mittlere Karte bleibt hervorgehoben, aber ohne lila Verlauf und Lichtschein */
html body .lp .lp-pk:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6),html body .lp .lp-pk:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6):hover{background-image:none!important;background-color:#131317!important;border-color:rgba(255,255,255,.08)!important;box-shadow:none!important}
html body .lp .mbei-group:nth-child(2) .lp-pk:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6),html body .lp .mbei-group:nth-child(2) .lp-pk:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6):hover{background-color:#18181d!important;border-color:rgba(255,255,255,.2)!important}
/* Klickbare Karten: Hover wie die Social-Buttons im Header (hellere Fläche, Rahmen 35 % Weiß, 1px angehoben). Aktive Filter-Buttons ebenso */
html body a.la-card:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6):not(#cq7):hover,html body a.bx-t:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6):not(#cq7):hover,html body a.btv-card:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6):not(#cq7):hover,html body a.mi:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6):not(#cq7):hover,html body a[data-id="9ef207d"]:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6):not(#cq7):hover,html body a[data-id="9ef207d"]:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6):not(#cq7):hover,html body a.ak-spon:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6):not(#cq7):hover,html body a.rg-card:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6):not(#cq7):hover,html body a.hs-p:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6):not(#cq7):hover,html body a.pt-card:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6):not(#cq7):hover{background-color:#222228!important;border-color:rgba(255,255,255,.35)!important;transform:translateY(-1px)!important;box-shadow:none!important}
html body .sp-f.is-on:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6){background-color:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.35)!important;box-shadow:none!important}

/* Tools-Laufband (#tkh): mehr Platz unten, damit die gekippten Reihen nicht abgeschnitten werden */
html body #tkh .tk-band:not(#cq1):not(#cq2){padding:24px 0 96px!important}
@media (max-width:900px){html body #tkh .tk-band:not(#cq1):not(#cq2){padding:16px 0 56px!important}}

/* Menü-Kachel "Webseiten" beim Hover: weiß mit Rahmen */
html body a[data-id="28b5c647"]:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6):not(#cq7):hover{background-color:#fff!important;border-color:rgba(255,255,255,.35)!important;transform:translateY(-1px)!important}

/* RUHE 3: Eyebrows grau statt lila, Blog-Metadaten ohne Kacheln, keine Glow-Linie oben in TL;DR und Fazit, Über-mich-Artikelkarten ruhig, Überschriften in Karten ohne Verlauf, Blog-Überschriften ohne Animation */
html body [data-id^="mmlh"]:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6),html body .rg-chip:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6),html body .fx-kick:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6),html body .sp-tile-k:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6),html body .ub-y:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6),html body .ub-art-k:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6),html body .e-1e61d607-adfe:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6),html body .ak-spon-k:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6),html body .pt-chip:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6),html body .vg-kpi-k:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6),html body .hs-w-num:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6){color:rgba(255,255,255,.5)!important;background-image:none!important;-webkit-text-fill-color:currentColor!important}
html body .sp-tiles .sp-tile:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6){background:none!important;background-image:none!important;border:0!important;border-left:1px solid rgba(255,255,255,.08)!important;border-radius:0!important;box-shadow:none!important;padding:2px 24px!important}
html body .sp-tiles .sp-tile:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6):first-child{border-left:0!important;padding-left:0!important}
html body .rg-box:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6)::before{display:none!important}
html body .ub-art:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6){background-image:none!important;background-color:#18181d!important;border-color:rgba(255,255,255,.08)!important;box-shadow:none!important}
html body a.ub-art:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6):not(#cq7):hover{background-color:#222228!important;border-color:rgba(255,255,255,.35)!important;transform:translateY(-1px)!important;box-shadow:none!important}
html body .btv-card:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6) :is(h2,h3) em,html body .la-card:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6) :is(h2,h3) em,html body .bx-t:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6) :is(h2,h3) em{background:none!important;-webkit-text-fill-color:#fff!important;color:#fff!important}
html body .elementor-widget-theme-post-content:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6) h2 :is(.h2w,.h2c,.h2g,.grad){opacity:1!important;transform:none!important;filter:none!important;transition:none!important;animation:none!important;clip-path:none!important}
/* Startseite Bento: keine graue Fläche und kein Verlauf über und unter den Grafiken */
html body .btv-fig:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6){background:none!important;background-image:none!important;box-shadow:none!important}
html body .btv-fig:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6)::before,html body .btv-fig:not(#cq1):not(#cq2):not(#cq3):not(#cq4):not(#cq5):not(#cq6)::after{display:none!important}

/* FAQ ÜBERALL OHNE KACHELN (Startseite .hs-faq, Leistungen .lp-fq, Blog .rg-faq): fließend mit feinen Trennlinien, erste Frage ohne Linie oben, letzte ohne Linie unten, Frage 20px, Antwort grau, Plus ohne Kreis */
html body .hs-faq:not(#fq1):not(#fq2):not(#fq3):not(#fq4):not(#fq5):not(#fq6),html body .rg-faq .e-accordion-base:not(#fq1):not(#fq2):not(#fq3):not(#fq4):not(#fq5):not(#fq6),html body .rg-faq :has(> .rg-item):not(#fq1):not(#fq2):not(#fq3):not(#fq4):not(#fq5):not(#fq6),html body .lp-mbg-faq .mbei-groups:not(#fq1):not(#fq2):not(#fq3):not(#fq4):not(#fq5):not(#fq6){gap:0!important;row-gap:0!important;border-top:0!important;max-width:880px!important;margin-left:auto!important;margin-right:auto!important}
html body :is(.hs-faq .hs-q,.rg-faq .rg-item,.lp-mbg-faq .lp-fq):not(#fq1):not(#fq2):not(#fq3):not(#fq4):not(#fq5):not(#fq6),html body :is(.hs-faq .hs-q,.rg-faq .rg-item,.lp-mbg-faq .lp-fq):not(#fq1):not(#fq2):not(#fq3):not(#fq4):not(#fq5):not(#fq6):is(:hover,[open],.is-open,.open){background:transparent!important;background-image:none!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.1)!important;border-radius:0!important;box-shadow:none!important;margin:0!important;transform:none!important}
html body :is(.hs-faq .hs-q:last-child,.rg-faq .rg-item:last-child,.lp-mbg-faq .mbei-group:last-child .lp-fq):not(#fq1):not(#fq2):not(#fq3):not(#fq4):not(#fq5):not(#fq6){border-bottom:0!important}
html body :is(.rg-faq .rg-q,.lp-mbg-faq .lp-fq-q):not(#fq1):not(#fq2):not(#fq3):not(#fq4):not(#fq5):not(#fq6){padding:28px 56px 28px 0!important}
html body .hs-faq .hs-qh:not(#fq1):not(#fq2):not(#fq3):not(#fq4):not(#fq5):not(#fq6){padding:28px 0!important}
html body :is(.hs-faq .hs-qt,.rg-faq .rg-qtext,.lp-mbg-faq .lp-fq-q h3):not(#fq1):not(#fq2):not(#fq3):not(#fq4):not(#fq5):not(#fq6){font-size:20px!important;font-weight:500!important;color:#fff!important}
html body .rg-faq .rg-qnum:not(#fq1):not(#fq2):not(#fq3):not(#fq4):not(#fq5):not(#fq6){display:none!important}
html body .hs-faq .hs-qa:not(#fq1):not(#fq2):not(#fq3):not(#fq4):not(#fq5):not(#fq6){padding:0 56px 28px 0!important}
html body .lp-mbg-faq .lp-fq-a p:not(#fq1):not(#fq2):not(#fq3):not(#fq4):not(#fq5):not(#fq6){padding:0 56px 0 0!important}
html body .lp-mbg-faq .lp-fq-a p:last-child:not(#fq1):not(#fq2):not(#fq3):not(#fq4):not(#fq5):not(#fq6){padding-bottom:28px!important}
html body .rg-faq .rg-item > .e-accordion-item-content-base:not(#fq1):not(#fq2):not(#fq3):not(#fq4):not(#fq5):not(#fq6){padding:0!important}
html body .rg-faq .rg-a:not(#fq1):not(#fq2):not(#fq3):not(#fq4):not(#fq5):not(#fq6){padding:0 56px 28px 0!important}
html body :is(.hs-faq .hs-qa,.lp-mbg-faq .lp-fq-a,.rg-faq .rg-a):not(#fq1):not(#fq2):not(#fq3):not(#fq4):not(#fq5):not(#fq6),html body :is(.hs-faq .hs-qa,.lp-mbg-faq .lp-fq-a) :is(p,li):not(#fq1):not(#fq2):not(#fq3):not(#fq4):not(#fq5):not(#fq6){color:rgba(255,255,255,.65)!important}
html body .hs-faq .hs-qi:not(#fq1):not(#fq2):not(#fq3):not(#fq4):not(#fq5):not(#fq6){background:transparent!important;border:0!important;box-shadow:none!important;color:rgba(255,255,255,.5)!important}
html body :is(.lp-mbg-faq .lp-fq-q,.rg-faq .rg-q):not(#fq1):not(#fq2):not(#fq3):not(#fq4):not(#fq5):not(#fq6)::after{background-color:transparent!important;border:0!important;box-shadow:none!important;right:0!important;opacity:.6!important}
@media (max-width:767px){html body :is(.rg-faq .rg-q,.lp-mbg-faq .lp-fq-q):not(#fq1):not(#fq2):not(#fq3):not(#fq4):not(#fq5):not(#fq6){padding:22px 44px 22px 0!important}html body .hs-faq .hs-qh:not(#fq1):not(#fq2):not(#fq3):not(#fq4):not(#fq5):not(#fq6){padding:22px 0!important}html body :is(.hs-faq .hs-qa,.rg-faq .rg-a):not(#fq1):not(#fq2):not(#fq3):not(#fq4):not(#fq5):not(#fq6){padding:0 0 22px 0!important}html body .lp-mbg-faq .lp-fq-a p:not(#fq1):not(#fq2):not(#fq3):not(#fq4):not(#fq5):not(#fq6){padding-right:0!important}html body .lp-mbg-faq .lp-fq-a p:last-child:not(#fq1):not(#fq2):not(#fq3):not(#fq4):not(#fq5):not(#fq6){padding-bottom:22px!important}html body :is(.hs-faq .hs-qt,.rg-faq .rg-qtext,.lp-mbg-faq .lp-fq-q h3):not(#fq1):not(#fq2):not(#fq3):not(#fq4):not(#fq5):not(#fq6){font-size:18px!important}}


/* LEISTUNGEN "WAS ... GEPRÜFT WIRD" (.lp-umfang): Shader wieder sichtbar, nur links für die Lesbarkeit abgedunkelt, rechte Seite hell; Text auf etwa 2/3 der Breite; mobil testweise ohne Fläche und Rahmen */
html body .lp .lp-umfang.lp-umfang:not(#u1):not(#u2):not(#u3):not(#u4):not(#u5):not(#u6){isolation:isolate!important}
html body .lp .lp-umfang:not(#u1):not(#u2):not(#u3):not(#u4):not(#u5):not(#u6) > canvas.lp-cv.is-on{opacity:1!important}
html body .lp .lp-umfang:not(#u1):not(#u2):not(#u3):not(#u4):not(#u5):not(#u6) > .lp-cv-dim{background:linear-gradient(90deg,rgba(13,13,16,.5) 0%,rgba(13,13,16,.38) 45%,rgba(13,13,16,0) 70%)!important}
@media (min-width:1025px){html body .lp .lp-umfang:not(#u1):not(#u2):not(#u3):not(#u4):not(#u5):not(#u6) > :is(.lp-sec-head,.e-con,.e-div-block-base){max-width:66%!important}}
@media (max-width:767px){html body .lp .lp-umfang.lp-umfang:not(#u1):not(#u2):not(#u3):not(#u4):not(#u5):not(#u6){background:none!important;border:0!important;padding-left:0!important;padding-right:0!important}html body .lp .lp-umfang:not(#u1):not(#u2):not(#u3):not(#u4):not(#u5):not(#u6) > :is(canvas.lp-cv,.lp-cv-dim){display:none!important}}
/* LEISTUNGEN ABLAUF (.lp-ab): auf Desktop testweise ohne Kacheln, nur Linie und Text; mobil bleiben die Kacheln */
@media (min-width:1025px){html body .lp .lp-ablauf .lp-ab.lp-ab:not(#u1):not(#u2):not(#u3):not(#u4):not(#u5):not(#u6){background:transparent!important;background-image:none!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important}}
/* BENTO: Bild bzw. Grafik startet in allen Kacheln an derselben Stelle wie das Foto der ersten Kachel */
html body .btv-card .btv-fig:not(#bt1):not(#bt2):not(#bt3):not(#bt4):not(#bt5):not(#bt6){padding-top:0!important}
/* STARTSEITE Tools-Band: Überschrift und Unterzeile ausgeblendet, nur das Band */
html body.home #tkh:not(#bt1):not(#bt2):not(#bt3):not(#bt4):not(#bt5):not(#bt6) :is(.tk-h2,.tk-sub){display:none!important}
/* MENÜ-KACHELN Webseiten (hell) und Für Agenturen (dunkel): großes Linien-Icon ganz dezent unten rechts im Hintergrund */
html body :is([data-id="28b5c647"],[data-id="9ef207d"]):not(#mt1):not(#mt2):not(#mt3):not(#mt4):not(#mt5):not(#mt6){overflow:clip!important;isolation:isolate!important}
html body :is([data-id="28b5c647"],[data-id="9ef207d"]):not(#mt1):not(#mt2):not(#mt3):not(#mt4):not(#mt5):not(#mt6)::after{content:""!important;position:absolute!important;right:-26px!important;bottom:-38px!important;width:170px!important;height:170px!important;background:no-repeat center/contain!important;transform:rotate(-8deg)!important;pointer-events:none!important;z-index:-1!important;opacity:.65!important;transition:transform .5s ease!important}
html body [data-id="28b5c647"]:not(#mt1):not(#mt2):not(#mt3):not(#mt4):not(#mt5):not(#mt6)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba%2819,19,23,.09%29' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='4' width='19' height='16' rx='2.5'/%3E%3Cpath d='M2.5 8.5h19'/%3E%3Ccircle cx='5.5' cy='6.25' r='.4'/%3E%3Ccircle cx='7.3' cy='6.25' r='.4'/%3E%3Cpath d='M6 12h7M6 15h5'/%3E%3Crect x='15' y='11.5' width='3.5' height='5' rx='.8'/%3E%3C/svg%3E")!important}
html body [data-id="9ef207d"]:not(#mt1):not(#mt2):not(#mt3):not(#mt4):not(#mt5):not(#mt6)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba%28255,255,255,.07%29' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12.2V4.5A1.5 1.5 0 0 1 4.5 3h7.7a1.5 1.5 0 0 1 1.06.44l7.3 7.3a1.5 1.5 0 0 1 0 2.12l-7.7 7.7a1.5 1.5 0 0 1-2.12 0l-7.3-7.3A1.5 1.5 0 0 1 3 12.2z'/%3E%3Ccircle cx='7.8' cy='7.8' r='1.4'/%3E%3C/svg%3E")!important}
html body :is([data-id="28b5c647"],[data-id="9ef207d"]):not(#mt1):not(#mt2):not(#mt3):not(#mt4):not(#mt5):not(#mt6):hover::after{transform:rotate(-4deg) translate(-4px,-4px)!important}

/* LEISTUNGEN ABLAUF Desktop ohne Kacheln: Versatz der geraden Schritte kleiner (Kurve sichtbar, aber flacher), Text weiter nach rechts, damit die Linie den Text nicht schneidet */
@media (min-width:1025px){html body .elementor .lp .lp-mbg-ablauf .fx-path > .mbei-group:nth-child(even of .mbei-group):not(#u1):not(#u2):not(#u3):not(#u4):not(#u5):not(#u6){margin-left:64px!important}html body .elementor .lp .lp-mbg-ablauf .fx-path .lp-ab.lp-ab:not(#u1):not(#u2):not(#u3):not(#u4):not(#u5):not(#u6){padding-left:44px!important}}
/* LEISTUNGEN "WAS ... GEPRÜFT WIRD": Shader satter und heller, Abdunklung nur noch leicht links */
html body .lp .lp-umfang:not(#u1):not(#u2):not(#u3):not(#u4):not(#u5):not(#u6):not(#u7) > canvas.lp-cv.is-on{filter:saturate(1.35) brightness(1.08)!important}
/* LEISTUNGEN SEO-TEXT nach den FAQ (Abschnitt 11ac5ff2): eingeklappt zeigt er die Überschrift und die ersten 4 Zeilen, Rest per "Weiterlesen" (Knopf kommt aus dem Leistungs-Template) */
html body.single-leistung [data-id="11ac5ff2"] .lp-tx:not(.is-open):not(#st1):not(#st2):not(#st3):not(#st4):not(#st5):not(#st6) > :not(h2):not(p:first-of-type){display:none!important}
html body.single-leistung [data-id="11ac5ff2"] .lp-tx:not(.is-open):not(#st1):not(#st2):not(#st3):not(#st4):not(#st5):not(#st6) > p:first-of-type{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:4!important;line-clamp:4!important;overflow:hidden!important;-webkit-mask-image:linear-gradient(180deg,#000 50%,rgba(0,0,0,.25))!important;mask-image:linear-gradient(180deg,#000 50%,rgba(0,0,0,.25))!important;margin-bottom:0!important}
html body.single-leistung [data-id="11ac5ff2"] .lp-st-btn:not(#st1):not(#st2):not(#st3):not(#st4):not(#st5):not(#st6){display:inline-flex!important;align-items:center!important;gap:8px!important;margin:18px 0 0!important;padding:0 0 3px!important;background:none!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.35)!important;border-radius:0!important;color:#fff!important;font:inherit!important;font-size:16px!important;font-weight:500!important;cursor:pointer!important;box-shadow:none!important}
html body.single-leistung [data-id="11ac5ff2"] .lp-st-btn:not(#st1):not(#st2):not(#st3):not(#st4):not(#st5):not(#st6):hover{border-bottom-color:#fff!important}
html body.single-leistung [data-id="11ac5ff2"] .lp-st-btn:not(#st1):not(#st2):not(#st3):not(#st4):not(#st5):not(#st6) svg{width:14px!important;height:14px!important;transition:transform .3s ease!important}
html body.single-leistung [data-id="11ac5ff2"] .lp-st-btn[aria-expanded="true"]:not(#st1):not(#st2):not(#st3):not(#st4):not(#st5):not(#st6) svg{transform:rotate(180deg)!important}

/* BLOG FAZIT ohne Kachel: fließt wie der übrige Text, "Fazit" als Zwischenüberschrift im Stil der H2 im Artikel statt als Pill */
html body .rg-box.rg-fazit:not(#bf1):not(#bf2):not(#bf3):not(#bf4):not(#bf5):not(#bf6):not(#bf7):not(#bf8){background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}
html body .rg-box.rg-fazit:not(#bf1):not(#bf2):not(#bf3):not(#bf4):not(#bf5):not(#bf6):not(#bf7):not(#bf8)::before,html body .rg-box.rg-fazit:not(#bf1):not(#bf2):not(#bf3):not(#bf4):not(#bf5):not(#bf6):not(#bf7):not(#bf8)::after{display:none!important}
html body .rg-fazit .rg-chip:not(#bf1):not(#bf2):not(#bf3):not(#bf4):not(#bf5):not(#bf6):not(#bf7):not(#bf8){display:block!important;background:none!important;border:0!important;padding:0!important;margin:0 0 20px!important;font-size:34px!important;line-height:1.25!important;font-weight:500!important;letter-spacing:-.01em!important;text-transform:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-radius:0!important}
html body .rg-fazit .rg-chip:not(#bf1):not(#bf2):not(#bf3):not(#bf4):not(#bf5):not(#bf6):not(#bf7):not(#bf8)::before,html body .rg-fazit .rg-chip:not(#bf1):not(#bf2):not(#bf3):not(#bf4):not(#bf5):not(#bf6):not(#bf7):not(#bf8)::after{display:none!important}
@media (max-width:767px){html body .rg-fazit .rg-chip:not(#bf1):not(#bf2):not(#bf3):not(#bf4):not(#bf5):not(#bf6):not(#bf7):not(#bf8){font-size:26px!important}}
/* PROJEKT TEILEN ohne Kachel */
html body .rg-side > .rg-card.pj-share:not(#bf1):not(#bf2):not(#bf3):not(#bf4):not(#bf5):not(#bf6):not(#bf7):not(#bf8){background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding-left:0!important;padding-right:0!important}
html body .rg-side > .rg-card.pj-share:not(#bf1):not(#bf2):not(#bf3):not(#bf4):not(#bf5):not(#bf6):not(#bf7):not(#bf8)::before{display:none!important}
/* WHITELABEL Tools-Band unter den FAQ: Überschrift und Unterzeile mittig wie die übrigen Abschnittsköpfe */
html body .lp-wl-tools #tkh:not(#bf1):not(#bf2):not(#bf3):not(#bf4):not(#bf5):not(#bf6):not(#bf7):not(#bf8) :is(.tk-h2,.tk-sub){text-align:center!important;margin-left:auto!important;margin-right:auto!important}
/* TEST MENÜ (Testseiten 4490, 4491, 4492): Kachel "Für Agenturen" als Button statt Kachel, Kachel "Webseiten" größer mit Projektbild, drei Varianten */
html body.page-id-4490 [data-id="5a4202f7"]:not(#mv1):not(#mv2):not(#mv3):not(#mv4):not(#mv5):not(#mv6):not(#mv7):not(#mv8):not(#mv9){flex:0 0 340px!important;width:340px!important;max-width:340px!important;gap:14px!important}
html body.page-id-4490 [data-id="28b5c647"]:not(#mv1):not(#mv2):not(#mv3):not(#mv4):not(#mv5):not(#mv6):not(#mv7):not(#mv8):not(#mv9)::after{display:none!important}
html body.page-id-4490 [data-id="9ef207d"]:not(#mv1):not(#mv2):not(#mv3):not(#mv4):not(#mv5):not(#mv6):not(#mv7):not(#mv8):not(#mv9)::before{display:none!important}
html body.page-id-4490 [data-id="9ef207d"] [data-id="6c7ef5e4"]:not(#mv1):not(#mv2):not(#mv3):not(#mv4):not(#mv5):not(#mv6):not(#mv7):not(#mv8):not(#mv9){display:none!important}
html body.page-id-4490 [data-id="9ef207d"]:not(#mv1):not(#mv2):not(#mv3):not(#mv4):not(#mv5):not(#mv6):not(#mv7):not(#mv8):not(#mv9){flex:0 0 auto!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;padding:12px 20px!important;border-radius:999px!important;min-height:0!important;height:auto!important;box-shadow:none!important;background-image:none!important;overflow:visible!important}
html body.page-id-4490 [data-id="9ef207d"] [data-id="5f1ef519"]:not(#mv1):not(#mv2):not(#mv3):not(#mv4):not(#mv5):not(#mv6):not(#mv7):not(#mv8):not(#mv9){font-size:15px!important;line-height:1.2!important;font-weight:500!important}
html body.page-id-4490 [data-id="9ef207d"]:not(#mv1):not(#mv2):not(#mv3):not(#mv4):not(#mv5):not(#mv6):not(#mv7):not(#mv8):not(#mv9)::after{content:"→"!important;display:block!important;position:static!important;width:auto!important;height:auto!important;background:none!important;-webkit-mask:none!important;mask:none!important;transform:none!important;font-size:16px!important;z-index:auto!important;opacity:1!important}
html body.page-id-4491 [data-id="5a4202f7"]:not(#mv1):not(#mv2):not(#mv3):not(#mv4):not(#mv5):not(#mv6):not(#mv7):not(#mv8):not(#mv9){flex:0 0 340px!important;width:340px!important;max-width:340px!important;gap:14px!important}
html body.page-id-4491 [data-id="28b5c647"]:not(#mv1):not(#mv2):not(#mv3):not(#mv4):not(#mv5):not(#mv6):not(#mv7):not(#mv8):not(#mv9)::after{display:none!important}
html body.page-id-4491 [data-id="9ef207d"]:not(#mv1):not(#mv2):not(#mv3):not(#mv4):not(#mv5):not(#mv6):not(#mv7):not(#mv8):not(#mv9)::before{display:none!important}
html body.page-id-4491 [data-id="9ef207d"] [data-id="6c7ef5e4"]:not(#mv1):not(#mv2):not(#mv3):not(#mv4):not(#mv5):not(#mv6):not(#mv7):not(#mv8):not(#mv9){display:none!important}
html body.page-id-4491 [data-id="9ef207d"]:not(#mv1):not(#mv2):not(#mv3):not(#mv4):not(#mv5):not(#mv6):not(#mv7):not(#mv8):not(#mv9){flex:0 0 auto!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;padding:12px 20px!important;border-radius:999px!important;min-height:0!important;height:auto!important;box-shadow:none!important;background-image:none!important;overflow:visible!important}
html body.page-id-4491 [data-id="9ef207d"] [data-id="5f1ef519"]:not(#mv1):not(#mv2):not(#mv3):not(#mv4):not(#mv5):not(#mv6):not(#mv7):not(#mv8):not(#mv9){font-size:15px!important;line-height:1.2!important;font-weight:500!important}
html body.page-id-4491 [data-id="9ef207d"]:not(#mv1):not(#mv2):not(#mv3):not(#mv4):not(#mv5):not(#mv6):not(#mv7):not(#mv8):not(#mv9)::after{content:"→"!important;display:block!important;position:static!important;width:auto!important;height:auto!important;background:none!important;-webkit-mask:none!important;mask:none!important;transform:none!important;font-size:16px!important;z-index:auto!important;opacity:1!important}
html body.page-id-4492 [data-id="5a4202f7"]:not(#mv1):not(#mv2):not(#mv3):not(#mv4):not(#mv5):not(#mv6):not(#mv7):not(#mv8):not(#mv9){flex:0 0 340px!important;width:340px!important;max-width:340px!important;gap:14px!important}
html body.page-id-4492 [data-id="28b5c647"]:not(#mv1):not(#mv2):not(#mv3):not(#mv4):not(#mv5):not(#mv6):not(#mv7):not(#mv8):not(#mv9)::after{display:none!important}
html body.page-id-4492 [data-id="9ef207d"]:not(#mv1):not(#mv2):not(#mv3):not(#mv4):not(#mv5):not(#mv6):not(#mv7):not(#mv8):not(#mv9)::before{display:none!important}
html body.page-id-4492 [data-id="9ef207d"] [data-id="6c7ef5e4"]:not(#mv1):not(#mv2):not(#mv3):not(#mv4):not(#mv5):not(#mv6):not(#mv7):not(#mv8):not(#mv9){display:none!important}
html body.page-id-4492 [data-id="9ef207d"]:not(#mv1):not(#mv2):not(#mv3):not(#mv4):not(#mv5):not(#mv6):not(#mv7):not(#mv8):not(#mv9){flex:0 0 auto!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;padding:12px 20px!important;border-radius:999px!important;min-height:0!important;height:auto!important;box-shadow:none!important;background-image:none!important;overflow:visible!important}
html body.page-id-4492 [data-id="9ef207d"] [data-id="5f1ef519"]:not(#mv1):not(#mv2):not(#mv3):not(#mv4):not(#mv5):not(#mv6):not(#mv7):not(#mv8):not(#mv9){font-size:15px!important;line-height:1.2!important;font-weight:500!important}
html body.page-id-4492 [data-id="9ef207d"]:not(#mv1):not(#mv2):not(#mv3):not(#mv4):not(#mv5):not(#mv6):not(#mv7):not(#mv8):not(#mv9)::after{content:"→"!important;display:block!important;position:static!important;width:auto!important;height:auto!important;background:none!important;-webkit-mask:none!important;mask:none!important;transform:none!important;font-size:16px!important;z-index:auto!important;opacity:1!important}
html body.page-id-4490 [data-id="28b5c647"]:not(#mv1):not(#mv2):not(#mv3):not(#mv4):not(#mv5):not(#mv6):not(#mv7):not(#mv8):not(#mv9){padding:12px 12px 20px!important}
html body.page-id-4490 [data-id="28b5c647"]:not(#mv1):not(#mv2):not(#mv3):not(#mv4):not(#mv5):not(#mv6):not(#mv7):not(#mv8):not(#mv9)::before{content:""!important;display:block!important;position:relative!important;inset:auto!important;width:100%!important;aspect-ratio:16/10!important;height:auto!important;margin:0 0 14px!important;border-radius:10px!important;background:#fff url(/wp-content/uploads/2026/10/scroll-screenshot-diakonie.webp) top center/100% auto no-repeat!important;box-shadow:0 0 0 1px rgba(19,19,23,.08)!important;opacity:1!important;z-index:0!important;transition:transform .5s ease!important}
html body.page-id-4490 [data-id="28b5c647"]:not(#mv1):not(#mv2):not(#mv3):not(#mv4):not(#mv5):not(#mv6):not(#mv7):not(#mv8):not(#mv9):hover::before{transform:scale(1.015)!important}
html body.page-id-4490 [data-id="28b5c647"] > *:not(#mv1):not(#mv2):not(#mv3):not(#mv4):not(#mv5):not(#mv6):not(#mv7):not(#mv8):not(#mv9){padding-left:10px!important;padding-right:10px!important}
html body.page-id-4490 [data-id="9ef207d"]:not(#mv1):not(#mv2):not(#mv3):not(#mv4):not(#mv5):not(#mv6):not(#mv7):not(#mv8):not(#mv9){background:transparent!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important}
html body.page-id-4490 [data-id="9ef207d"]:not(#mv1):not(#mv2):not(#mv3):not(#mv4):not(#mv5):not(#mv6):not(#mv7):not(#mv8):not(#mv9):hover{border-color:rgba(255,255,255,.4)!important;background:rgba(255,255,255,.04)!important}
html body.page-id-4491 [data-id="28b5c647"]:not(#mv1):not(#mv2):not(#mv3):not(#mv4):not(#mv5):not(#mv6):not(#mv7):not(#mv8):not(#mv9){min-height:330px!important;justify-content:flex-end!important;background:#131317 url(/wp-content/uploads/2026/10/scroll-screenshot-nalou-scaled.webp) top center/100% auto no-repeat!important;border:1px solid rgba(255,255,255,.08)!important;overflow:hidden!important;isolation:isolate!important}
html body.page-id-4491 [data-id="28b5c647"]:not(#mv1):not(#mv2):not(#mv3):not(#mv4):not(#mv5):not(#mv6):not(#mv7):not(#mv8):not(#mv9)::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(19,19,23,0) 25%,rgba(19,19,23,.88) 58%,#131317 80%)!important;z-index:-1!important;border-radius:inherit!important;opacity:1!important}
html body.page-id-4491 [data-id="28b5c647"]:not(#mv1):not(#mv2):not(#mv3):not(#mv4):not(#mv5):not(#mv6):not(#mv7):not(#mv8):not(#mv9):hover{background-color:#131317!important;border-color:rgba(255,255,255,.3)!important}
html body.page-id-4491 [data-id="28b5c647"] :is([data-id="76d97c2e"],[data-id="1f707d86"]):not(#mv1):not(#mv2):not(#mv3):not(#mv4):not(#mv5):not(#mv6):not(#mv7):not(#mv8):not(#mv9){color:#fff!important;-webkit-text-fill-color:#fff!important}
html body.page-id-4491 [data-id="28b5c647"] [data-id="f69084"]:not(#mv1):not(#mv2):not(#mv3):not(#mv4):not(#mv5):not(#mv6):not(#mv7):not(#mv8):not(#mv9){color:rgba(255,255,255,.7)!important;-webkit-text-fill-color:rgba(255,255,255,.7)!important}
html body.page-id-4491 [data-id="9ef207d"]:not(#mv1):not(#mv2):not(#mv3):not(#mv4):not(#mv5):not(#mv6):not(#mv7):not(#mv8):not(#mv9){background:transparent!important;border:0!important;padding:6px 4px!important;border-radius:0!important;color:rgba(255,255,255,.75)!important;justify-content:flex-start!important;gap:10px!important}
html body.page-id-4491 [data-id="9ef207d"]:not(#mv1):not(#mv2):not(#mv3):not(#mv4):not(#mv5):not(#mv6):not(#mv7):not(#mv8):not(#mv9):hover{color:#fff!important;transform:none!important}
html body.page-id-4492 [data-id="28b5c647"]:not(#mv1):not(#mv2):not(#mv3):not(#mv4):not(#mv5):not(#mv6):not(#mv7):not(#mv8):not(#mv9){padding:0 0 20px!important;background:#18181d!important;border:1px solid rgba(255,255,255,.1)!important;overflow:hidden!important}
html body.page-id-4492 [data-id="28b5c647"]:not(#mv1):not(#mv2):not(#mv3):not(#mv4):not(#mv5):not(#mv6):not(#mv7):not(#mv8):not(#mv9):hover{background:#1c1c22!important;border-color:rgba(255,255,255,.3)!important}
html body.page-id-4492 [data-id="28b5c647"]:not(#mv1):not(#mv2):not(#mv3):not(#mv4):not(#mv5):not(#mv6):not(#mv7):not(#mv8):not(#mv9)::before{content:""!important;display:block!important;position:relative!important;inset:auto!important;width:100%!important;aspect-ratio:16/10!important;height:auto!important;margin:0 0 16px!important;border-radius:0!important;background:#fff url(/wp-content/uploads/2026/10/scroll-screenshot-inno-scaled.webp) top center/100% auto no-repeat!important;border-bottom:1px solid rgba(255,255,255,.08)!important;opacity:1!important;z-index:0!important}
html body.page-id-4492 [data-id="28b5c647"] > *:not(#mv1):not(#mv2):not(#mv3):not(#mv4):not(#mv5):not(#mv6):not(#mv7):not(#mv8):not(#mv9){padding-left:22px!important;padding-right:22px!important}
html body.page-id-4492 [data-id="28b5c647"] :is([data-id="76d97c2e"],[data-id="1f707d86"]):not(#mv1):not(#mv2):not(#mv3):not(#mv4):not(#mv5):not(#mv6):not(#mv7):not(#mv8):not(#mv9){color:#fff!important;-webkit-text-fill-color:#fff!important}
html body.page-id-4492 [data-id="28b5c647"] [data-id="f69084"]:not(#mv1):not(#mv2):not(#mv3):not(#mv4):not(#mv5):not(#mv6):not(#mv7):not(#mv8):not(#mv9){color:rgba(255,255,255,.65)!important;-webkit-text-fill-color:rgba(255,255,255,.65)!important}
html body.page-id-4492 [data-id="9ef207d"]:not(#mv1):not(#mv2):not(#mv3):not(#mv4):not(#mv5):not(#mv6):not(#mv7):not(#mv8):not(#mv9){background:#fff!important;border:0!important;color:#131317!important}
html body.page-id-4492 [data-id="9ef207d"] [data-id="5f1ef519"]:not(#mv1):not(#mv2):not(#mv3):not(#mv4):not(#mv5):not(#mv6):not(#mv7):not(#mv8):not(#mv9){color:#131317!important;-webkit-text-fill-color:#131317!important}
html body.page-id-4492 [data-id="9ef207d"]:not(#mv1):not(#mv2):not(#mv3):not(#mv4):not(#mv5):not(#mv6):not(#mv7):not(#mv8):not(#mv9):hover{background:#e9e9ee!important}

/* LEISTUNGEN "PASST DAS ZU DIR?" CLEAN: zwei gleich breite Karten über die volle Breite, keine Überlappung, kein Kopfband, kein Verlauf, kein Spatz; "Passt zu dir" links dunkel, "Passt eher nicht" rechts hell */
html body .lp .lp-passt .lp-grid2:not(#pc1):not(#pc2):not(#pc3):not(#pc4):not(#pc5):not(#pc6):not(#pc7):not(#pc8){display:grid!important;grid-template-columns:1fr 1fr!important;gap:20px!important;width:100%!important;max-width:none!important;align-items:stretch!important}
html body .lp .lp-passt :is(.lp-passt-ja,.lp-passt-nein):not(#pc1):not(#pc2):not(#pc3):not(#pc4):not(#pc5):not(#pc6):not(#pc7):not(#pc8){width:auto!important;max-width:none!important;margin:0!important;transform:none!important;padding:40px 44px 36px!important;border-radius:24px!important;box-shadow:none!important;overflow:hidden!important;position:relative!important;z-index:auto!important}
html body .lp .lp-passt .lp-passt-ja.lp-passt-ja:not(#pc1):not(#pc2):not(#pc3):not(#pc4):not(#pc5):not(#pc6):not(#pc7):not(#pc8){order:1!important;background:#18181d!important;border:1px solid rgba(255,255,255,.08)!important}
html body .lp .lp-passt .lp-passt-nein.lp-passt-nein:not(#pc1):not(#pc2):not(#pc3):not(#pc4):not(#pc5):not(#pc6):not(#pc7):not(#pc8){order:2!important;background:#f4f4f6!important;border:1px solid #f4f4f6!important}
html body .lp .lp-passt :is(.lp-passt-ja,.lp-passt-nein):not(#pc1):not(#pc2):not(#pc3):not(#pc4):not(#pc5):not(#pc6):not(#pc7):not(#pc8) .lp-label{margin:0 0 24px!important;padding:0 0 20px!important;background:none!important;font-size:22px!important;line-height:1.25!important;font-weight:500!important;text-align:left!important;border-bottom:1px solid rgba(255,255,255,.1)!important}
html body .lp .lp-passt .lp-passt-nein.lp-passt-nein:not(#pc1):not(#pc2):not(#pc3):not(#pc4):not(#pc5):not(#pc6):not(#pc7):not(#pc8) .lp-label{color:#131317!important;-webkit-text-fill-color:#131317!important;border-bottom-color:rgba(19,19,23,.1)!important}
html body .lp .lp-passt .lp-passt-ja.lp-passt-ja:not(#pc1):not(#pc2):not(#pc3):not(#pc4):not(#pc5):not(#pc6):not(#pc7):not(#pc8) .lp-label{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body .lp .lp-passt :is(.lp-passt-ja,.lp-passt-nein):not(#pc1):not(#pc2):not(#pc3):not(#pc4):not(#pc5):not(#pc6):not(#pc7):not(#pc8) .lp-label::before,html body .lp .lp-passt :is(.lp-passt-ja,.lp-passt-nein):not(#pc1):not(#pc2):not(#pc3):not(#pc4):not(#pc5):not(#pc6):not(#pc7):not(#pc8) .lp-label::after,html body .lp .lp-passt .lp-passt-ja.lp-passt-ja:not(#pc1):not(#pc2):not(#pc3):not(#pc4):not(#pc5):not(#pc6):not(#pc7):not(#pc8) .lp-slot::after{display:none!important}
html body .lp .lp-passt :is(.lp-passt-ja,.lp-passt-nein):not(#pc1):not(#pc2):not(#pc3):not(#pc4):not(#pc5):not(#pc6):not(#pc7):not(#pc8) .lp-slot{padding:0!important;overflow:visible!important}
html body .lp .lp-passt :is(.lp-passt-ja,.lp-passt-nein):not(#pc1):not(#pc2):not(#pc3):not(#pc4):not(#pc5):not(#pc6):not(#pc7):not(#pc8) li{font-size:17px!important;line-height:1.55!important;padding-left:40px!important;margin-bottom:16px!important}
html body .lp .lp-passt :is(.lp-passt-ja,.lp-passt-nein):not(#pc1):not(#pc2):not(#pc3):not(#pc4):not(#pc5):not(#pc6):not(#pc7):not(#pc8) li::before{width:26px!important;height:26px!important;top:0!important;box-shadow:none!important}
html body .lp .lp-passt :is(.lp-passt-ja,.lp-passt-nein):not(#pc1):not(#pc2):not(#pc3):not(#pc4):not(#pc5):not(#pc6):not(#pc7):not(#pc8) li::after{left:7px!important;top:7px!important;width:12px!important;height:12px!important}
@media (max-width:767px){html body .lp .lp-passt .lp-grid2:not(#pc1):not(#pc2):not(#pc3):not(#pc4):not(#pc5):not(#pc6):not(#pc7):not(#pc8){grid-template-columns:1fr!important}html body .lp .lp-passt :is(.lp-passt-ja,.lp-passt-nein):not(#pc1):not(#pc2):not(#pc3):not(#pc4):not(#pc5):not(#pc6):not(#pc7):not(#pc8){padding:28px 24px 22px!important}html body .lp .lp-passt :is(.lp-passt-ja,.lp-passt-nein):not(#pc1):not(#pc2):not(#pc3):not(#pc4):not(#pc5):not(#pc6):not(#pc7):not(#pc8) .lp-label{font-size:20px!important}html body .lp .lp-passt :is(.lp-passt-ja,.lp-passt-nein):not(#pc1):not(#pc2):not(#pc3):not(#pc4):not(#pc5):not(#pc6):not(#pc7):not(#pc8) li{font-size:16px!important}}
/* BLOG FAQ unter "Beitrag teilen": linksbündig mit dem Text statt mittig */
html body .rg-faq :is(.e-accordion-base,:has(> .rg-item)):not(#pc1):not(#pc2):not(#pc3):not(#pc4):not(#pc5):not(#pc6):not(#pc7):not(#pc8){margin-left:0!important;margin-right:0!important;max-width:none!important}
html body .rg-faq :is(h2,.rg-faq-head,.rg-h2):not(#pc1):not(#pc2):not(#pc3):not(#pc4):not(#pc5):not(#pc6):not(#pc7):not(#pc8){text-align:left!important;margin-left:0!important}

/* BLOG INHALTSVERZEICHNIS ohne Kachel, fließend; die Kacheln darunter in der Seitenleiste bleiben */
html body .rg-side > .rg-card[data-id="7f046547"]:not(#bf1):not(#bf2):not(#bf3):not(#bf4):not(#bf5):not(#bf6):not(#bf7):not(#bf8){background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding-left:0!important;padding-right:0!important}
/* MENÜ RATGEBER: Icon für den Eintrag "Freelancer statt Agentur?" (Person und Gebäude) */
.elementor .hd a.mi.mi-k[href$="/freelancer-statt-agentur/"]::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%224%22%20y1%3D%224%22%20x2%3D%2244%22%20y2%3D%2244%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239fd8ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b4b2ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2216%22%20r%3D%225%22%2F%3E%3Cpath%20d%3D%22M6%2036c0-6%204-10%209-10s9%204%209%2010%22%2F%3E%3Cpath%20d%3D%22M29%2038V14l8-5%207%205v24%22%2F%3E%3Cpath%20d%3D%22M34%2020h4M34%2026h4M34%2032h4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}

/* MEGAMENÜ LEISTUNGEN: nach dem Streichen von "Content und Marketing" schmaler (max. 1080px) und mittig unter der Navigation */
html body [data-id="7e256178"]:not(#mm1):not(#mm2):not(#mm3):not(#mm4):not(#mm5):not(#mm6):not(#mm7):not(#mm8):not(#mm9):not(#mm10){width:min(1080px,calc(100% - 40px))!important;margin-left:auto!important;margin-right:auto!important}
html body :is([data-id="7c1af610"],[data-id="9dde371"],[data-id="5bb7f090"]):not(#mm1):not(#mm2):not(#mm3):not(#mm4):not(#mm5):not(#mm6):not(#mm7):not(#mm8):not(#mm9):not(#mm10){width:100%!important;max-width:100%!important}
html body [data-id="5bb7f090"]:not(#mm1):not(#mm2):not(#mm3):not(#mm4):not(#mm5):not(#mm6):not(#mm7):not(#mm8):not(#mm9):not(#mm10){grid-template-columns:300px minmax(0,1fr)!important;gap:40px!important}
html body [data-id="7497d1d0"]:not(#mm1):not(#mm2):not(#mm3):not(#mm4):not(#mm5):not(#mm6):not(#mm7):not(#mm8):not(#mm9):not(#mm10),html body [data-id="mmlcols"]:not(#mm1):not(#mm2):not(#mm3):not(#mm4):not(#mm5):not(#mm6):not(#mm7):not(#mm8):not(#mm9):not(#mm10){width:100%!important;max-width:none!important;flex:1 1 auto!important}
html body [data-id="mmlcols"]:not(#mm1):not(#mm2):not(#mm3):not(#mm4):not(#mm5):not(#mm6):not(#mm7):not(#mm8):not(#mm9):not(#mm10) > :is([data-id="mmlcol0"],[data-id="mmlcol1"]){flex:1 1 0!important;width:auto!important;max-width:none!important;min-width:0!important}
html body [data-id="mmlcols"]:not(#mm1):not(#mm2):not(#mm3):not(#mm4):not(#mm5):not(#mm6):not(#mm7):not(#mm8):not(#mm9):not(#mm10){grid-template-columns:repeat(2,minmax(0,1fr))!important}

/* MENÜ KACHEL WEBSEITEN mit Projektbild oben (Diakonie auf Laptop und Handy), das blasse Icon entfällt */
html body [data-id="28b5c647"]:not(#mw1):not(#mw2):not(#mw3):not(#mw4):not(#mw5):not(#mw6):not(#mw7):not(#mw8):not(#mw9){height:auto!important;min-height:0!important;max-height:none!important;flex:0 0 auto!important;padding:12px 12px 20px!important}
html body [data-id="28b5c647"]:not(#mw1):not(#mw2):not(#mw3):not(#mw4):not(#mw5):not(#mw6):not(#mw7):not(#mw8):not(#mw9)::before{content:""!important;display:block!important;position:relative!important;inset:auto!important;order:-1!important;width:100%!important;aspect-ratio:16/9!important;height:auto!important;margin:0 0 14px!important;border-radius:10px!important;background:#18181d url(/wp-content/uploads/2026/10/diakonie-pforzheim-hero-geraete.webp) center/cover no-repeat!important;opacity:1!important;z-index:0!important;transition:transform .5s ease!important}
html body [data-id="28b5c647"]:not(#mw1):not(#mw2):not(#mw3):not(#mw4):not(#mw5):not(#mw6):not(#mw7):not(#mw8):not(#mw9):hover::before{transform:scale(1.015)!important}
html body [data-id="28b5c647"]:not(#mw1):not(#mw2):not(#mw3):not(#mw4):not(#mw5):not(#mw6):not(#mw7):not(#mw8):not(#mw9)::after{display:none!important}
html body [data-id="28b5c647"]:not(#mw1):not(#mw2):not(#mw3):not(#mw4):not(#mw5):not(#mw6):not(#mw7):not(#mw8):not(#mw9) > *{padding-left:10px!important;padding-right:10px!important}

/* PASST DAS ZU DIR? Gewichtung: "Passt zu dir" hell und damit im Vordergrund, "Passt eher nicht" zurückgenommen ohne Fläche, nur mit feinem Rahmen */
html body .lp .lp-passt .lp-passt-ja.lp-passt-ja:not(#pd1):not(#pd2):not(#pd3):not(#pd4):not(#pd5):not(#pd6):not(#pd7):not(#pd8):not(#pd9){background:#f4f4f6!important;border-color:#f4f4f6!important}
html body .lp .lp-passt .lp-passt-ja.lp-passt-ja:not(#pd1):not(#pd2):not(#pd3):not(#pd4):not(#pd5):not(#pd6):not(#pd7):not(#pd8):not(#pd9) .lp-label{color:#131317!important;-webkit-text-fill-color:#131317!important;border-bottom-color:rgba(19,19,23,.1)!important}
html body .lp .lp-passt .lp-passt-ja.lp-passt-ja:not(#pd1):not(#pd2):not(#pd3):not(#pd4):not(#pd5):not(#pd6):not(#pd7):not(#pd8):not(#pd9) li{color:rgba(19,19,23,.82)!important;-webkit-text-fill-color:rgba(19,19,23,.82)!important}
html body .lp .lp-passt .lp-passt-ja.lp-passt-ja:not(#pd1):not(#pd2):not(#pd3):not(#pd4):not(#pd5):not(#pd6):not(#pd7):not(#pd8):not(#pd9) li::before{background:#131317!important}
html body .lp .lp-passt .lp-passt-ja.lp-passt-ja:not(#pd1):not(#pd2):not(#pd3):not(#pd4):not(#pd5):not(#pd6):not(#pd7):not(#pd8):not(#pd9) li::after{background-color:#fff!important}
html body .lp .lp-passt .lp-passt-nein.lp-passt-nein:not(#pd1):not(#pd2):not(#pd3):not(#pd4):not(#pd5):not(#pd6):not(#pd7):not(#pd8):not(#pd9){background:transparent!important;border:1px solid rgba(255,255,255,.1)!important}
html body .lp .lp-passt .lp-passt-nein.lp-passt-nein:not(#pd1):not(#pd2):not(#pd3):not(#pd4):not(#pd5):not(#pd6):not(#pd7):not(#pd8):not(#pd9) .lp-label{color:rgba(255,255,255,.7)!important;-webkit-text-fill-color:rgba(255,255,255,.7)!important;border-bottom-color:rgba(255,255,255,.08)!important}
html body .lp .lp-passt .lp-passt-nein.lp-passt-nein:not(#pd1):not(#pd2):not(#pd3):not(#pd4):not(#pd5):not(#pd6):not(#pd7):not(#pd8):not(#pd9) li{color:rgba(255,255,255,.55)!important;-webkit-text-fill-color:rgba(255,255,255,.55)!important}
html body .lp .lp-passt .lp-passt-nein.lp-passt-nein:not(#pd1):not(#pd2):not(#pd3):not(#pd4):not(#pd5):not(#pd6):not(#pd7):not(#pd8):not(#pd9) li::before{background-color:rgba(255,255,255,.06)!important;border:0!important}
html body .lp .lp-passt .lp-passt-nein.lp-passt-nein:not(#pd1):not(#pd2):not(#pd3):not(#pd4):not(#pd5):not(#pd6):not(#pd7):not(#pd8):not(#pd9) li::after{background-color:rgba(255,255,255,.5)!important}

/* PASST DAS ZU DIR? Aufteilung: "Passt eher nicht" links schmaler und kleiner, "Passt zu dir" rechts breit */
@media (min-width:768px){html body .lp .lp-passt .lp-grid2:not(#pe1):not(#pe2):not(#pe3):not(#pe4):not(#pe5):not(#pe6):not(#pe7):not(#pe8):not(#pe9){grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)!important;align-items:center!important}}
html body .lp .lp-passt .lp-passt-nein.lp-passt-nein:not(#pe1):not(#pe2):not(#pe3):not(#pe4):not(#pe5):not(#pe6):not(#pe7):not(#pe8):not(#pe9){order:1!important;padding:30px 32px 22px!important}
html body .lp .lp-passt .lp-passt-ja.lp-passt-ja:not(#pe1):not(#pe2):not(#pe3):not(#pe4):not(#pe5):not(#pe6):not(#pe7):not(#pe8):not(#pe9){order:2!important}
html body .lp .lp-passt .lp-passt-nein.lp-passt-nein:not(#pe1):not(#pe2):not(#pe3):not(#pe4):not(#pe5):not(#pe6):not(#pe7):not(#pe8):not(#pe9) .lp-label{font-size:17px!important;margin-bottom:18px!important;padding-bottom:14px!important}
html body .lp .lp-passt .lp-passt-nein.lp-passt-nein:not(#pe1):not(#pe2):not(#pe3):not(#pe4):not(#pe5):not(#pe6):not(#pe7):not(#pe8):not(#pe9) li{font-size:15px!important;line-height:1.5!important;padding-left:34px!important;margin-bottom:12px!important}
html body .lp .lp-passt .lp-passt-nein.lp-passt-nein:not(#pe1):not(#pe2):not(#pe3):not(#pe4):not(#pe5):not(#pe6):not(#pe7):not(#pe8):not(#pe9) li::before{width:22px!important;height:22px!important}
html body .lp .lp-passt .lp-passt-nein.lp-passt-nein:not(#pe1):not(#pe2):not(#pe3):not(#pe4):not(#pe5):not(#pe6):not(#pe7):not(#pe8):not(#pe9) li::after{left:6px!important;top:6px!important;width:10px!important;height:10px!important}
@media (max-width:767px){html body .lp .lp-passt .lp-passt-nein.lp-passt-nein:not(#pe1):not(#pe2):not(#pe3):not(#pe4):not(#pe5):not(#pe6):not(#pe7):not(#pe8):not(#pe9){order:2!important}html body .lp .lp-passt .lp-passt-ja.lp-passt-ja:not(#pe1):not(#pe2):not(#pe3):not(#pe4):not(#pe5):not(#pe6):not(#pe7):not(#pe8):not(#pe9){order:1!important}}
/* STARTSEITE "Darum arbeiten Kunden mit mir": oberste und unterste Trennlinie weg, nur die Linien zwischen den Punkten bleiben */
html body .hs-why-list:not(#hw1):not(#hw2):not(#hw3):not(#hw4):not(#hw5):not(#hw6):not(#hw7){border-top:0!important}
html body .hs-why-list > .hs-w:last-child:not(#hw1):not(#hw2):not(#hw3):not(#hw4):not(#hw5):not(#hw6):not(#hw7){border-bottom:0!important}

/* PASSENDE PROJEKTE nur noch auf der Startseite: auf den Leistungsseiten ausgeblendet, auf der Startseite ohne Knopf "Alle Projekte" */
html body.single-leistung [data-id="a1f0c903"]:not(#pj1):not(#pj2):not(#pj3):not(#pj4):not(#pj5):not(#pj6):not(#pj7){display:none!important}
html body.home [data-id="0af9a53"] a.hp-btn:not(#pj1):not(#pj2):not(#pj3):not(#pj4):not(#pj5):not(#pj6):not(#pj7){display:none!important}


/* MEGAMENÜS Leistungen und Ratgeber: Icons weiß statt Blau-Lila-Verlauf */
html body .mx .mx-ic:not(#mi1):not(#mi2):not(#mi3):not(#mi4):not(#mi5):not(#mi6){filter:brightness(0) invert(1)!important;opacity:.9!important}

/* LEISTUNGEN SEO-TEXT eingeklappt: nur die erste Überschrift und der erste Absatz sichtbar, weitere Überschriften erst nach "Weiterlesen" */
html body.single-leistung [data-id="11ac5ff2"] .lp-tx:not(.is-open):not(#st1):not(#st2):not(#st3):not(#st4):not(#st5):not(#st6) > h2:not(:first-of-type){display:none!important}

/* WHITELABEL Tools-Band unter den FAQ: mehr Abstand nach oben */
html body .lp-wl-tools:not(#wl1):not(#wl2):not(#wl3):not(#wl4):not(#wl5):not(#wl6){padding-top:120px!important}

/* EXIT-POPUP "Kurz bevor du gehst": Karte ohne Lila-Glow oben links, nur dunkle Fläche */
html body .xi-pop .xi-card:not(#xi1):not(#xi2):not(#xi3):not(#xi4):not(#xi5):not(#xi6){background-image:none!important;background-color:#131317!important}


/* MEGAMENÜ LEISTUNGEN: ohne Überschrift "Sichtbarkeit und Anfragen", Karten rücken nach oben (Ratgeber behält seine Überschrift) */
html body .mx-2:not(.rx) .mx-main > .mx-h:not(#mh1):not(#mh2):not(#mh3):not(#mh4):not(#mh5):not(#mh6){display:none!important}
/* MEGAMENÜS: 1rem mehr Abstand zwischen Menüleiste und Dropdown (Abstand liegt im Innenabstand, damit das Menü beim Runterfahren mit der Maus offen bleibt) */
@media (min-width:1025px){html body [data-id="7e256178"]:not(#mh1):not(#mh2):not(#mh3):not(#mh4):not(#mh5):not(#mh6){padding-top:46px!important}html body [data-id="2ca8299"]:not(#mh1):not(#mh2):not(#mh3):not(#mh4):not(#mh5):not(#mh6){padding-top:32px!important}}

/* FAQ OHNE KACHELN auch auf Vergleichsseiten (.vg-faq, z. B. Freelancer statt Agentur): fließend mit feinen Trennlinien, erste ohne Linie oben, letzte ohne Linie unten, Plus rechts */
html body .vg-faq:not(#vq1):not(#vq2):not(#vq3):not(#vq4):not(#vq5):not(#vq6){gap:0!important;row-gap:0!important;max-width:880px!important;margin-left:auto!important;margin-right:auto!important}
html body .vg-faq .vg-fq-item:not(#vq1):not(#vq2):not(#vq3):not(#vq4):not(#vq5):not(#vq6),html body .vg-faq .vg-fq-item:not(#vq1):not(#vq2):not(#vq3):not(#vq4):not(#vq5):not(#vq6):is(:hover,[open]){background:transparent!important;background-image:none!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.1)!important;border-radius:0!important;box-shadow:none!important;margin:0!important}
html body .vg-faq .vg-fq-item:last-child:not(#vq1):not(#vq2):not(#vq3):not(#vq4):not(#vq5):not(#vq6){border-bottom:0!important}
html body .vg-faq .vg-fq-item > summary:not(#vq1):not(#vq2):not(#vq3):not(#vq4):not(#vq5):not(#vq6){position:relative!important;padding:28px 56px 28px 0!important;background:transparent!important;cursor:pointer!important}
html body .vg-faq .vg-fq-item > summary:not(#vq1):not(#vq2):not(#vq3):not(#vq4):not(#vq5):not(#vq6)::after{content:"+"!important;position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;font-size:26px!important;font-weight:300!important;line-height:1!important;color:rgba(255,255,255,.6)!important;transition:transform .25s ease!important}
html body .vg-faq .vg-fq-item[open] > summary:not(#vq1):not(#vq2):not(#vq3):not(#vq4):not(#vq5):not(#vq6)::after{transform:translateY(-50%) rotate(45deg)!important}
html body .vg-faq .vg-fq-q:not(#vq1):not(#vq2):not(#vq3):not(#vq4):not(#vq5):not(#vq6){font-size:20px!important;font-weight:500!important;color:#fff!important;margin:0!important}
html body .vg-faq .vg-fq-item > .e-accordion-item-content-base:not(#vq1):not(#vq2):not(#vq3):not(#vq4):not(#vq5):not(#vq6){padding:0!important}
html body .vg-faq .vg-fq-a:not(#vq1):not(#vq2):not(#vq3):not(#vq4):not(#vq5):not(#vq6){padding:0 56px 28px 0!important;margin:0!important;color:rgba(255,255,255,.65)!important}
@media (max-width:767px){html body .vg-faq .vg-fq-item > summary:not(#vq1):not(#vq2):not(#vq3):not(#vq4):not(#vq5):not(#vq6){padding:22px 44px 22px 0!important}html body .vg-faq .vg-fq-a:not(#vq1):not(#vq2):not(#vq3):not(#vq4):not(#vq5):not(#vq6){padding:0 0 22px 0!important}}


/* ICONS GLOBAL WEISS statt Blau-Lila-Verlauf: Menü-Icons (auch mobil), Icons der Leistungs-Kacheln in der Übersicht, Kontakt-Icons */
html body a.mi:not(#iw1):not(#iw2):not(#iw3):not(#iw4):not(#iw5):not(#iw6)::before,html body .la-card.la-lcard:not(#iw1):not(#iw2):not(#iw3):not(#iw4):not(#iw5):not(#iw6)::after{filter:brightness(0) invert(1)!important}
html body .kx-ic:not(#iw1):not(#iw2):not(#iw3):not(#iw4):not(#iw5):not(#iw6){filter:brightness(0) invert(1)!important}
/* LEISTUNGEN ÜBERSICHT: Whitelabel-Kachel hatte kein Icon, jetzt ein Etikett */
html body .la-card.la-lcard[href*="/leistungen/whitelabel/"]:not(#iw1):not(#iw2):not(#iw3):not(#iw4):not(#iw5):not(#iw6)::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%2024.5V10a2%202%200%200%201%202-2h14.5L40%2023.5%2023.5%2040z%22/%3E%3Ccircle%20cx%3D%2216.5%22%20cy%3D%2216.5%22%20r%3D%222.5%22/%3E%3C/g%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:26px!important}


/* HIGHLIGHT NUR IN DER H1: Verlaufs-Hervorhebung in Zwischenüberschriften (H2 bis H6) aus, Wort bleibt weiß; Ausnahme ist "Piepmatz" auf der Startseite */
html body :is(h2,h3,h4,h5,h6) :is(span,em,strong,b):not(.d3l-g):not(.grad-keep):not(.h2c):not(.h2w):not(#hx1):not(#hx2):not(#hx3):not(#hx4):not(#hx5):not(#hx6){background:none!important;background-image:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:currentColor!important;color:inherit!important}
/* KEINE ÜBERSCHRIFTEN KOMPLETT IM VERLAUF: Leistungs-H1, Archiv-H1, CTA-Titel, Newsletter-Titel und Popup-Titel einfarbig weiß, Hervorhebung über ein span in der H1 bleibt möglich */
html body :is(.lp-h1,.la-h1,.rg-ctatitle,.spnl-h,.elementor-location-popup h2,.pp-title .elementor-heading-title):not(#hx1):not(#hx2):not(#hx3):not(#hx4):not(#hx5):not(#hx6){background:none!important;background-image:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:#fff!important;color:#fff!important}


/* PASST DAS ZU DIR wie Testvariante 14: "Passt zu dir" als dunkle Karte mit feinem hellen Rand und Etikett "Passt", "Passt eher nicht" ohne Fläche und Rahmen, zurückgenommen */
html body.single-leistung .lp .lp-passt .lp-passt-ja:not(#pp1):not(#pp2):not(#pp3):not(#pp4):not(#pp5):not(#pp6):not(#pp7):not(#pp8):not(#pp9):not(#pp10):not(#pp11):not(#pp12){position:relative!important;overflow:visible!important;background:#18181d!important;background-image:none!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:24px!important;box-shadow:none!important;padding:44px 48px!important}
html body.single-leistung .lp .lp-passt .lp-passt-ja:not(#pp1):not(#pp2):not(#pp3):not(#pp4):not(#pp5):not(#pp6):not(#pp7):not(#pp8):not(#pp9):not(#pp10):not(#pp11):not(#pp12)::before{content:"Passt"!important;position:absolute!important;top:-14px!important;left:40px!important;padding:5px 14px!important;border-radius:999px!important;background:#fff!important;color:#131317!important;font-size:13px!important;font-weight:700!important;letter-spacing:.06em!important;line-height:1.3!important;width:auto!important;height:auto!important;display:block!important}
html body.single-leistung .lp .lp-passt .lp-passt-ja .lp-label:not(#pp1):not(#pp2):not(#pp3):not(#pp4):not(#pp5):not(#pp6):not(#pp7):not(#pp8):not(#pp9):not(#pp10):not(#pp11):not(#pp12){color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important;border-bottom:0!important;font-size:clamp(22px,1.8vw,28px)!important;font-weight:600!important;margin-bottom:8px!important}
html body.single-leistung .lp .lp-passt .lp-passt-ja li:not(#pp1):not(#pp2):not(#pp3):not(#pp4):not(#pp5):not(#pp6):not(#pp7):not(#pp8):not(#pp9):not(#pp10):not(#pp11):not(#pp12){color:rgba(255,255,255,.9)!important;font-weight:400!important}
html body.single-leistung .lp .lp-passt .lp-passt-nein:not(#pp1):not(#pp2):not(#pp3):not(#pp4):not(#pp5):not(#pp6):not(#pp7):not(#pp8):not(#pp9):not(#pp10):not(#pp11):not(#pp12){background:transparent!important;border:0!important;box-shadow:none!important;padding:44px 8px!important}
html body.single-leistung .lp .lp-passt .lp-passt-nein .lp-label:not(#pp1):not(#pp2):not(#pp3):not(#pp4):not(#pp5):not(#pp6):not(#pp7):not(#pp8):not(#pp9):not(#pp10):not(#pp11):not(#pp12){color:rgba(255,255,255,.55)!important;-webkit-text-fill-color:currentColor!important;font-size:18px!important;border-bottom:0!important}
html body.single-leistung .lp .lp-passt .lp-passt-nein li:not(#pp1):not(#pp2):not(#pp3):not(#pp4):not(#pp5):not(#pp6):not(#pp7):not(#pp8):not(#pp9):not(#pp10):not(#pp11):not(#pp12){color:rgba(255,255,255,.5)!important;font-size:15px!important}
@media (max-width:767px){html body.single-leistung .lp .lp-passt .lp-passt-ja:not(#pp1):not(#pp2):not(#pp3):not(#pp4):not(#pp5):not(#pp6):not(#pp7):not(#pp8):not(#pp9):not(#pp10):not(#pp11):not(#pp12){padding:34px 24px 28px!important}html body.single-leistung .lp .lp-passt .lp-passt-ja:not(#pp1):not(#pp2):not(#pp3):not(#pp4):not(#pp5):not(#pp6):not(#pp7):not(#pp8):not(#pp9):not(#pp10):not(#pp11):not(#pp12)::before{left:24px!important}html body.single-leistung .lp .lp-passt .lp-passt-nein:not(#pp1):not(#pp2):not(#pp3):not(#pp4):not(#pp5):not(#pp6):not(#pp7):not(#pp8):not(#pp9):not(#pp10):not(#pp11):not(#pp12){padding:24px 4px!important}}
html body.single-leistung .lp .lp-passt .lp-passt-ja li:not(#pp1):not(#pp2):not(#pp3):not(#pp4):not(#pp5):not(#pp6):not(#pp7):not(#pp8):not(#pp9):not(#pp10):not(#pp11):not(#pp12){-webkit-text-fill-color:rgba(255,255,255,.9)!important}
html body.single-leistung .lp .lp-passt .lp-passt-ja li:not(#pp1):not(#pp2):not(#pp3):not(#pp4):not(#pp5):not(#pp6):not(#pp7):not(#pp8):not(#pp9):not(#pp10):not(#pp11):not(#pp12)::before{background-color:#b4b2ff!important;background-image:linear-gradient(135deg,#9fd8ff,#b4b2ff)!important;box-shadow:none!important}
html body.single-leistung .lp .lp-passt .lp-passt-ja li:not(#pp1):not(#pp2):not(#pp3):not(#pp4):not(#pp5):not(#pp6):not(#pp7):not(#pp8):not(#pp9):not(#pp10):not(#pp11):not(#pp12)::after{background-color:#131317!important}

/* PASST DAS ZU DIR: beide Spalten exakt 50:50 */
@media (min-width:768px){html body.single-leistung .lp .lp-passt .lp-grid2:not(#pp1):not(#pp2):not(#pp3):not(#pp4):not(#pp5):not(#pp6):not(#pp7):not(#pp8):not(#pp9):not(#pp10):not(#pp11):not(#pp12){grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}}

/* PASST EHER NICHT näher an die Karte: Spalte nach innen eingerückt, Text endet kurz vor der Karte */
@media(min-width:1025px){html body.single-leistung .lp .lp-passt .lp-grid2 .lp-passt-nein:not(#pp1):not(#pp2):not(#pp3):not(#pp4):not(#pp5):not(#pp6):not(#pp7):not(#pp8):not(#pp9):not(#pp10):not(#pp11):not(#pp12){padding-left:max(24px,calc(100% - 540px))!important;padding-right:36px!important}}

/* MENÜ-DROPDOWN HELL (nur Desktop ab 1101 px, darunter greift das mobile Menü): Leistungen und Ratgeber mit weißem Panel, grauen Kacheln und dunkler Schrift, Agentur-Leiste und Button "Alle Ratgeber" dunkel, Bildkacheln unverändert */
@media (min-width:1101px){
html body header :is(.elementor-element-7c1af610,.elementor-element-1fe176d):not(#mh1):not(#mh2):not(#mh3):not(#mh4):not(#mh5):not(#mh6){background:#fff!important;border-color:rgba(19,19,23,.08)!important;box-shadow:0 40px 80px -30px rgba(0,0,0,.55)!important}
html body header .mx:not(#mh1):not(#mh2):not(#mh3):not(#mh4):not(#mh5):not(#mh6) .mx-h{color:rgba(19,19,23,.45)!important;-webkit-text-fill-color:rgba(19,19,23,.45)!important}
html body header .mx:not(#mh1):not(#mh2):not(#mh3):not(#mh4):not(#mh5):not(#mh6) a.mx-it{background:#f4f4f6!important;border-color:rgba(19,19,23,.06)!important;color:#131317!important}
html body header .mx:not(#mh1):not(#mh2):not(#mh3):not(#mh4):not(#mh5):not(#mh6) a.mx-it:hover{background:#ececf0!important;border-color:rgba(19,19,23,.14)!important}
html body header .mx:not(#mh1):not(#mh2):not(#mh3):not(#mh4):not(#mh5):not(#mh6) a.mx-it :is(b,span){color:#131317!important;-webkit-text-fill-color:#131317!important}
html body header .mx:not(#mh1):not(#mh2):not(#mh3):not(#mh4):not(#mh5):not(#mh6) a.mx-it small{color:rgba(19,19,23,.6)!important;-webkit-text-fill-color:rgba(19,19,23,.6)!important}
html body header .mx:not(#mh1):not(#mh2):not(#mh3):not(#mh4):not(#mh5):not(#mh6) i.mx-ic{background-color:rgba(19,19,23,.05)!important;border-color:rgba(19,19,23,.1)!important;filter:brightness(0)!important;opacity:.85!important}
html body header .mx:not(#mh1):not(#mh2):not(#mh3):not(#mh4):not(#mh5):not(#mh6) .mx-more a{color:rgba(19,19,23,.75)!important;-webkit-text-fill-color:rgba(19,19,23,.75)!important}
html body header .mx:not(#mh1):not(#mh2):not(#mh3):not(#mh4):not(#mh5):not(#mh6) .mx-more a:hover{color:#131317!important;-webkit-text-fill-color:#131317!important}
html body header .mx:not(#mh1):not(#mh2):not(#mh3):not(#mh4):not(#mh5):not(#mh6) a.mx-bar{background:#131317!important;border-color:#131317!important}
html body header .mx:not(#mh1):not(#mh2):not(#mh3):not(#mh4):not(#mh5):not(#mh6) a.mx-bar *{color:rgba(255,255,255,.7)!important;-webkit-text-fill-color:rgba(255,255,255,.7)!important}
html body header .mx:not(#mh1):not(#mh2):not(#mh3):not(#mh4):not(#mh5):not(#mh6) a.mx-bar :is(b,strong,em){color:#fff!important;-webkit-text-fill-color:#fff!important}
html body header .mx:not(#mh1):not(#mh2):not(#mh3):not(#mh4):not(#mh5):not(#mh6) div.mx-bar{border-color:rgba(19,19,23,.1)!important}
html body header .mx:not(#mh1):not(#mh2):not(#mh3):not(#mh4):not(#mh5):not(#mh6) div.mx-bar a{color:rgba(19,19,23,.7)!important;-webkit-text-fill-color:rgba(19,19,23,.7)!important}
html body header .mx:not(#mh1):not(#mh2):not(#mh3):not(#mh4):not(#mh5):not(#mh6) div.mx-bar a.rx-all{background:#131317!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html body header .mx:not(#mh1):not(#mh2):not(#mh3):not(#mh4):not(#mh5):not(#mh6) div.mx-bar a.rx-all *{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body header .mx:not(#mh1):not(#mh2):not(#mh3):not(#mh4):not(#mh5):not(#mh6) div.mx-bar > :not(a),html body header .mx:not(#mh1):not(#mh2):not(#mh3):not(#mh4):not(#mh5):not(#mh6) div.mx-bar > :not(a) *{color:rgba(19,19,23,.45)!important;-webkit-text-fill-color:rgba(19,19,23,.45)!important}
}/* End custom CSS */