.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 );}.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 );}.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 );}.elementor-1955 .elementor-element.elementor-element-16e392a{--grid-columns:2;}.elementor-1955 .elementor-element.elementor-element-a5e5dcf{--grid-columns:2;}.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 );}.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 );}.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 );}.elementor-1955 .elementor-element.elementor-element-16e392a{--grid-columns:2;}.elementor-1955 .elementor-element.elementor-element-a5e5dcf{--grid-columns:2;}.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 );}.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 );}.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 );}.elementor-1955 .elementor-element.elementor-element-16e392a{--grid-columns:1;}.elementor-1955 .elementor-element.elementor-element-a5e5dcf{--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:Geist,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:rgba(255,255,255,.1)!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:#e4e4e4!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:#fff!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 rgba(255,255,255,.1)!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:Geist,sans-serif!important;font-size:15px!important;font-weight:600!important;line-height:1.35!important;color:#fff!important}
.elementor .hd .mi-s .elementor-heading-title{font-family:Geist,sans-serif!important;font-size:12.5px!important;line-height:1.45!important;color:#a3a3a3!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 rgba(255,255,255,.09)!important}
.elementor .hd .hd-all a{display:inline-flex!important;align-items:center!important;gap:8px!important;color:#fff!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 rgba(255,255,255,.16)!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:#12181a!important;font-family:Geist,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 rgba(255,255,255,.18)!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%),#12181a!important;border-left:1px solid rgba(255,255,255,.1)!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 rgba(255,255,255,.14)!important;color:#fff!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 rgba(255,255,255,.18)!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 rgba(255,255,255,.09)!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:#fff!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 rgba(255,255,255,.18)!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:#a3a3a3!important;font-size:15px!important;text-decoration:none!important;transition:color .2s!important}
.elementor .hd .hd-oc-contact a:hover{color:#fff!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:Geist,sans-serif!important;font-size:15px!important;font-weight:600!important;line-height:1.35!important;color:#fff!important}
.elementor .hd .mi-k .mi-s{display:-webkit-box!important;font-family:Geist,sans-serif!important;font-size:12.5px!important;line-height:1.45!important;color:#a3a3a3!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 rgba(180,178,255,.18)!important;background-color:rgba(180,178,255,.06)!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:rgba(180,178,255,.45)!important;background-color:rgba(180,178,255,.12)!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 rgba(180,178,255,.18)!important;background-color:rgba(180,178,255,.06)!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:rgba(180,178,255,.45)!important;background-color:rgba(180,178,255,.12)!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%,rgba(180,178,255,.16),rgba(0,0,0,0) 60%),rgba(19,19,23,.97)!important;border-color:rgba(180,178,255,.22)!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 rgba(180,178,255,.22)!important;background:radial-gradient(80% 60% at 0% 100%,rgba(180,178,255,.14),transparent 60%),#131317!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:rgba(180,178,255,.45)!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 rgba(255,255,255,.14)!important;background:rgba(255,255,255,.03)!important;color:rgba(255,255,255,.8)!important;font-family:Geist,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:rgba(180,178,255,.45)!important;color:#fff!important}
body .elementor .sp-filter .sp-f.is-on:not(#sp-x){background:rgba(180,178,255,.16)!important;border-color:rgba(180,178,255,.55)!important;color:#fff!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 rgba(180,178,255,.22)!important;background:radial-gradient(80% 70% at 0% 0%,rgba(180,178,255,.16),rgba(0,0,0,0) 60%),#131317!important}
body .elementor .rg-head .sp-tile-k:not(#sp-x){font-family:Geist,sans-serif!important;font-size:11px!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#b4b2ff!important}
body .elementor .rg-head .sp-tile-v:not(#sp-x){font-family:Geist,sans-serif!important;font-size:15px!important;line-height:1.4!important;font-weight:500!important;color:#fff!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:#1a1a20!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:14px!important;color:#fff!important}
html body .elementor :is(.kx-form,.pp-form,.fq-form) .elementor-field-textual.elementor-field-textual:not(#sp-x):focus{border-color:#b4b2ff!important;box-shadow:0 0 0 4px rgba(180,178,255,.15)!important;outline:0!important}
html body .elementor :is(.kx-form,.pp-form,.fq-form) .elementor-field-textual::placeholder{color:#6f6f80!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:#b4b2ff!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%,rgba(180,178,255,.16),rgba(0,0,0,0) 60%),#131317!important;border:1px solid rgba(180,178,255,.22)!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:#b4b2ff!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:#b4b2ff!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:Urbanist,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 rgba(255,255,255,.22)!important;color:#fff!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 rgba(255,255,255,.08)!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:#8b8b98!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 rgba(255,255,255,.1)!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:rgba(180,178,255,.45)!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 rgba(255,255,255,.18)!important;color:#8b8b98!important;font-family:Urbanist,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,#9fd8ff,#b4b2ff)!important;border-color:transparent!important;color:#121215!important;box-shadow:0 0 0 4px rgba(180,178,255,.16)!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:rgba(180,178,255,.16)!important;border-color:rgba(180,178,255,.55)!important;color:#b4b2ff!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,#9fd8ff,#b4b2ff)!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 rgba(255,255,255,.22)!important;color:#fff!important}
html body .elementor-widget-form .e-form__buttons__wrapper__button-previous:not(#sp-f1):not(#sp-f2):not(#sp-f3) *{color:#fff!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:Urbanist,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:#d3d3da!important}
html body .elementor-widget-form .elementor-field-type-html:not(#sp-u1):not(#sp-u2):not(#sp-u3) strong{color:#fff!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:#b4b2ff!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:#b4b2ff!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:#101011!important;font-family:Urbanist,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:"sparrow 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:#111115!important;border:1px solid rgba(255,255,255,.08)!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:#b4b2ff!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:#b4b2ff!important;color:#b4b2ff!important}
html body .elfsight-app-3a86805b-4f10-4ce5-aa2a-1ab72674f992 .es-carousel-arrow-control:not(#sp-r1):not(#sp-r2):not(#sp-r3){background:#17171c!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important}
html body .elfsight-app-3a86805b-4f10-4ce5-aa2a-1ab72674f992 .es-carousel-arrow-control:not(#sp-r1):not(#sp-r2):not(#sp-r3) *{color:#fff!important;fill:#fff!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:#b4b2ff!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:#121215!important;border:1px solid rgba(255,255,255,.08)!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:#fff!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:#b4b2ff!important}
html body .es-popup-wrapper .es-owner-reply-container:not(#sp-r1):not(#sp-r2):not(#sp-r3){background:rgba(180,178,255,.06)!important;border:1px solid rgba(180,178,255,.14)!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:rgba(255,255,255,.08)!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 rgba(255,255,255,.14)!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 rgba(255,255,255,.08)!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 rgba(255,255,255,.06)!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:#8b8b98!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:Urbanist,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}/* End custom CSS */