.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS */@keyframes dbMegaIn { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { .elementor-22472 details .e-accordion-item-content-base { animation: none !important; transition: none !important; } .elementor-22472 details::details-content { transition: none !important; } }
/* Aktive Seite in der Navigation */
body.page-id-22501 .elementor-22472 nav a[href$="/referenzen/"],
body.page-id-22502 .elementor-22472 nav a[href$="/referenzen/"],
body.page-id-22503 .elementor-22472 nav a[href$="/referenzen/"],
body.page-id-22504 .elementor-22472 nav a[href$="/referenzen/"],
body.page-id-22505 .elementor-22472 nav a[href$="/referenzen/"],
body.page-id-22506 .elementor-22472 nav a[href$="/referenzen/"],
body.page-id-22507 .elementor-22472 nav a[href$="/referenzen/"],
body.page-id-22508 .elementor-22472 nav a[href$="/referenzen/"],
body.page-id-22509 .elementor-22472 nav a[href$="/referenzen/"],
body.page-id-22510 .elementor-22472 nav a[href$="/referenzen/"] { text-decoration: underline !important; text-decoration-color: #36ff9b !important; text-decoration-thickness: 3px !important; text-underline-offset: 9px !important; }
body.page-id-22500 .elementor-22472 nav a[href$="/branchen/"] { text-decoration: underline !important; text-decoration-color: #36ff9b !important; text-decoration-thickness: 3px !important; text-underline-offset: 9px !important; }
body.page-id-22485 .elementor-22472 nav a[href$="/kundenstimmen/"] { text-decoration: underline !important; text-decoration-color: #36ff9b !important; text-decoration-thickness: 3px !important; text-underline-offset: 9px !important; }
body.page-id-22475 .elementor-22472 nav a[href$="/agentur/"] { text-decoration: underline !important; text-decoration-color: #36ff9b !important; text-decoration-thickness: 3px !important; text-underline-offset: 9px !important; }
body.page-id-23051 .elementor-22472 nav a[href$="/kontakt/"] { text-decoration: underline !important; text-decoration-color: #36ff9b !important; text-decoration-thickness: 3px !important; text-underline-offset: 9px !important; }
body.page-id-22474 .elementor-22472 nav summary .e-paragraph-base,
body.page-id-22476 .elementor-22472 nav summary .e-paragraph-base,
body.page-id-22477 .elementor-22472 nav summary .e-paragraph-base,
body.page-id-22479 .elementor-22472 nav summary .e-paragraph-base,
body.page-id-22480 .elementor-22472 nav summary .e-paragraph-base,
body.page-id-22481 .elementor-22472 nav summary .e-paragraph-base,
body.page-id-22482 .elementor-22472 nav summary .e-paragraph-base,
body.page-id-22483 .elementor-22472 nav summary .e-paragraph-base,
body.page-id-22484 .elementor-22472 nav summary .e-paragraph-base,
body.page-id-22491 .elementor-22472 nav summary .e-paragraph-base,
body.page-id-22492 .elementor-22472 nav summary .e-paragraph-base,
body.page-id-22493 .elementor-22472 nav summary .e-paragraph-base,
body.page-id-22494 .elementor-22472 nav summary .e-paragraph-base,
body.page-id-22495 .elementor-22472 nav summary .e-paragraph-base,
body.page-id-22496 .elementor-22472 nav summary .e-paragraph-base,
body.page-id-22497 .elementor-22472 nav summary .e-paragraph-base,
body.page-id-22498 .elementor-22472 nav summary .e-paragraph-base,
body.page-id-22499 .elementor-22472 nav summary .e-paragraph-base,
body.page-id-22853 .elementor-22472 nav summary .e-paragraph-base,
body.page-id-22854 .elementor-22472 nav summary .e-paragraph-base,
body.page-id-22855 .elementor-22472 nav summary .e-paragraph-base { text-decoration: underline !important; text-decoration-color: #36ff9b !important; text-decoration-thickness: 3px !important; text-underline-offset: 9px !important; }
/* Mobil: CTAs und Filter-Buttons auf volle Breite (seitenweit) */
@media (max-width: 767px) {
  .elementor:not([data-elementor-type=header]) .e-button-base { width: 100%; max-width: 100%; box-sizing: border-box; }
  .elementor .e-tabs-menu-base { flex-wrap: wrap; }
  .elementor .e-tabs-menu-base > .e-tab-base { flex: 0 0 100%; width: 100%; max-width: 100%; box-sizing: border-box; }
}
/* Startseite: Logo-Slider (Endlosschleife, seitliches Fade) */
@keyframes dbLogoScroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.elementor [data-id="3cc104f7"] { display: block !important; overflow: hidden !important; margin: 20px 0 0 !important; padding: 0 !important; -webkit-mask-image: linear-gradient(to right, transparent 0, #000 12%, #000 88%, transparent 100%); mask-image: linear-gradient(to right, transparent 0, #000 12%, #000 88%, transparent 100%); }
.elementor [data-id="5a0a68f1"] { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: flex-start !important; align-items: center !important; gap: 72px !important; padding: 0 72px 0 0 !important; margin: 0 !important; width: max-content !important; min-width: max-content !important; max-width: none !important; overflow: visible !important; animation: dbLogoScroll 85s linear infinite; }
.elementor [data-id="5a0a68f1"] > * { flex: 0 0 auto !important; width: auto !important; max-width: none !important; }
.elementor [data-id="3cc104f7"]:hover [data-id="5a0a68f1"] { animation-play-state: paused; }
@media (max-width: 767px) { .elementor [data-id="5a0a68f1"] { gap: 48px !important; padding-right: 48px !important; animation-duration: 60s; } }
@media (prefers-reduced-motion: reduce) { .elementor [data-id="5a0a68f1"] { animation: none; } }
/* Unterseiten: sanftes Einblenden beim Scrollen (Startseite nutzt eigene Elementor-Interaktionen) */
@keyframes dbFadeIn { from { opacity: 0; } to { opacity: 1; } }
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    body:not(.page-id-22412) .elementor:not([data-elementor-type=header]):not([data-elementor-type=footer]) .db-container > :not(.db-grid-2):not(.db-grid-3),
    body:not(.page-id-22412) .elementor:not([data-elementor-type=header]):not([data-elementor-type=footer]) :is(.db-grid-2, .db-grid-3) > * {
      animation: dbFadeIn linear both;
      animation-timeline: view();
      animation-range: entry 0% entry 60%;
    }
  }
}
/* Startseite: dezente Hintergrund-Animation im Hero */
.elementor [data-id="648103ea"] { position: relative; overflow: hidden; isolation: isolate; }
.elementor [data-id="648103ea"]::before { content: ""; position: absolute; z-index: -1; pointer-events: none; top: 50%; left: calc(50% + 330px); width: 1100px; height: 1100px; transform: translate(-50%,-50%); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1.2'%3E%3Ccircle cx='500' cy='500' r='120' opacity='0'%3E%3Canimate attributeName='r' values='120;480' dur='12s' begin='0s' repeatCount='indefinite' calcMode='spline' keySplines='0 0 .58 1' keyTimes='0;1'/%3E%3Canimate attributeName='opacity' values='0;.14;0' keyTimes='0;.15;1' dur='12s' begin='0s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='500' cy='500' r='120' opacity='0'%3E%3Canimate attributeName='r' values='120;480' dur='12s' begin='-4s' repeatCount='indefinite' calcMode='spline' keySplines='0 0 .58 1' keyTimes='0;1'/%3E%3Canimate attributeName='opacity' values='0;.14;0' keyTimes='0;.15;1' dur='12s' begin='-4s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='500' cy='500' r='120' opacity='0'%3E%3Canimate attributeName='r' values='120;480' dur='12s' begin='-8s' repeatCount='indefinite' calcMode='spline' keySplines='0 0 .58 1' keyTimes='0;1'/%3E%3Canimate attributeName='opacity' values='0;.14;0' keyTimes='0;.15;1' dur='12s' begin='-8s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat; }
@media (max-width: 900px) { .elementor [data-id="648103ea"]::before { left: 50%; opacity: .5; } }
@media (prefers-reduced-motion: reduce) { .elementor [data-id="648103ea"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1.2' opacity='.1'%3E%3Ccircle cx='500' cy='500' r='200'/%3E%3Ccircle cx='500' cy='500' r='320'/%3E%3Ccircle cx='500' cy='500' r='440'/%3E%3C/g%3E%3C/svg%3E"); } }
/* Aktive Seite: neue Leistungsseiten */
body.page-id-22990 .elementor-22472 nav summary .e-paragraph-base,
body.page-id-22992 .elementor-22472 nav summary .e-paragraph-base { text-decoration: underline !important; text-decoration-color: #36ff9b !important; text-decoration-thickness: 3px !important; text-underline-offset: 9px !important; }
/* Social-Icons (Footer + Kontakt) */
.elementor :is([data-id="493dd3a6"],[data-id="19a725a1"],[data-id="1795634a"],[data-id="3451a2dc"]) svg { display: block; width: 18px; height: 18px; fill: currentColor; }
/* Startseite: Hero-Titel - Markierung wandert Sichtbarkeit > Kunden > Bewerber */
@keyframes dbMarkFlash { 0%, 100% { background-color: transparent; color: #ffffff; } 18%, 82% { background-color: #36ff9b; color: #0b486b; } }
@keyframes dbMarkIn { from { background-color: transparent; color: #ffffff; } to { background-color: #36ff9b; color: #0b486b; } }
.elementor [data-id="43f7b407"] em:nth-of-type(1), .elementor [data-id="43f7b407"] em:nth-of-type(2) { background-color: transparent; color: #ffffff; animation: dbMarkFlash 1.1s ease .6s both; }
.elementor [data-id="43f7b407"] em:nth-of-type(2) { animation-delay: 1.7s; }
.elementor [data-id="43f7b407"] em:nth-of-type(3) { animation: dbMarkIn .4s ease 2.8s both; }
@media (prefers-reduced-motion: reduce) { .elementor [data-id="43f7b407"] em { animation: none !important; } }
/* Mobil: groesseres Burger-Icon + sanftes Einblenden des Menues */
.elementor [data-id="313fe4cf"] > span:first-child { font-size: 0 !important; line-height: 0 !important; width: 32px; height: 24px; background: linear-gradient(#0b486b, #0b486b) top / 100% 3px no-repeat, linear-gradient(#0b486b, #0b486b) center / 100% 3px no-repeat, linear-gradient(#0b486b, #0b486b) bottom / 100% 3px no-repeat; border-radius: 1px; }
@keyframes dbMobMenuIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }
.elementor [data-id="309c8fc5"] details[open] [data-id="2704d5e4"] { animation: dbMobMenuIn .35s ease both; }
@media (prefers-reduced-motion: reduce) { .elementor [data-id="309c8fc5"] details[open] [data-id="2704d5e4"] { animation: none; } }
/* Kundenstimmen seitenweit: Herkunfts-Labels */
.elementor a[href^="https://share.google/"], .elementor sub, body.page-id-22485 [data-id="1f71bcf0"] em { display: inline-block; vertical-align: baseline; margin-top: 6px; padding: 3px 9px; font-size: 12px; line-height: 1.4; font-weight: 600; font-style: normal; letter-spacing: .01em; border-radius: 3px; text-decoration: none; white-space: nowrap; bottom: auto; position: static; }
.elementor a[href^="https://share.google/"] { background: #eef3f7; color: #0b486b !important; border: 1px solid #d6e2ec; }
.elementor a[href^="https://share.google/"]:hover { background: #0b486b; color: #ffffff !important; border-color: #0b486b; }
.elementor sub, body.page-id-22485 [data-id="1f71bcf0"] em { background: #ecf8f0; color: #1d6b45; border: 1px solid #c9eed8; }/* End custom CSS */