.feature-image { aspect-ratio: 4 / 3; }
.gallery-image { aspect-ratio: 4 / 3; transform: scale(1); transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1), filter 0.7s; filter: saturate(1) contrast(1); }
#projekte article.group:hover .gallery-image { transform: scale(1.12); filter: saturate(1.08) contrast(1.04) brightness(1.02); }
.footer-panel { background: rgb(17, 19, 23); }
.faq-item { transition: border-color 0.25s, box-shadow 0.25s; }
.faq-item[open] { border-color: rgb(203, 213, 225); box-shadow: rgba(15, 23, 42, 0.06) 0px 18px 40px; }
.faq-summary { list-style: none; cursor: pointer; display: grid; grid-template-columns: 1fr auto; gap: 0.85rem; align-items: center; }
.faq-summary::-webkit-details-marker { display: none; }
.faq-question { display: block; font-family: Anton, sans-serif; font-size: 1.3rem; line-height: 1.12; color: rgb(2, 6, 23); }
.faq-icon { width: 2.4rem; height: 2.4rem; border-radius: 999px; background: rgb(255, 255, 255); position: relative; flex-shrink: 0; }
.faq-icon::before, .faq-icon::after { content: ""; position: absolute; top: 50%; left: 50%; width: 0.95rem; height: 2px; background: rgb(15, 23, 42); transform: translate(-50%, -50%); transition: transform 0.25s, opacity 0.25s; }
.faq-icon::after { transform: translate(-50%, -50%) rotate(90deg); }
.faq-item[open] .faq-icon::after { opacity: 0; transform: translate(-50%, -50%) rotate(90deg) scaleX(0); }
.faq-answer { margin-top: 1rem; transform-origin: center top; }
.faq-solution { border-radius: 1rem; }
.faq-item[open] .faq-answer { animation: 0.42s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal none running faq-answer-rise; }
#projekte .project-card-featured { position: relative; display: flex; flex-direction: column; height: 100%; overflow: hidden; border: 1px solid rgba(37, 99, 235, 0.42); background: radial-gradient(circle at right top, rgba(37, 99, 235, 0.28), transparent 30%), linear-gradient(rgb(253, 250, 255) 0%, rgb(255, 255, 255) 34%, rgb(239, 246, 255) 100%); box-shadow: rgba(37, 99, 235, 0.14) 0px 26px 58px; }
#projekte .project-card-featured::before { content: ""; position: absolute; inset: auto -4rem -4rem auto; width: 13rem; height: 13rem; border-radius: 999px; background: rgba(37, 99, 235, 0.14); filter: blur(10px); }
#projekte .project-card-featured > * { position: relative; z-index: 1; }
#projekte .project-card-featured-media { position: relative; background: rgb(243, 232, 255); }
#projekte .project-card-featured-image { height: clamp(12.5rem, 18vw, 14.5rem); }
#projekte .project-card-featured-badge { position: absolute; inset: 1rem; border-radius: 999px; background: rgba(15, 23, 42, 0.82); padding: 0.65rem 0.95rem; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: rgb(255, 255, 255); box-shadow: rgba(15, 23, 42, 0.8) 0px 16px 30px; z-index: 3; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; max-width: calc(100% - 2rem); min-width: 0px; gap: 0.55rem; text-align: right; }
#projekte .project-card-featured-kicker { margin: 0px; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: rgb(37, 99, 235); }
#projekte .project-card-featured-domain { display: inline-flex; align-items: center; max-width: 100%; border-radius: 999px; background: rgba(15, 23, 42, 0.8); padding: 0.45rem 0.75rem; font-size: 0.78rem; font-weight: 700; color: rgb(255, 255, 255); white-space: normal; word-break: break-word; overflow-wrap: anywhere; box-shadow: rgba(15, 23, 42, 0.8) 0px 16px 30px; flex: 1 1 auto; }
#projekte .project-card-featured-row > div { display: flex; flex: 1 1 auto; flex-direction: column; width: 100%; }
#projekte .project-card-featured-title { font-family: inherit; margin: 0px; min-width: 0px; width: 100%; text-align: left; padding-left: 0px !important; letter-spacing: 0px !important; }
#projekte .project-card-featured-title-line { display: block; width: 100%; font-family: inherit; font-size: clamp(1.08rem, 0.96vw, 1.42rem); font-weight: 800; letter-spacing: -0.02em; line-height: 1.02; overflow-wrap: anywhere; text-wrap: balance; }
#projekte .project-card-featured-copy { flex: 1 1 auto; margin-top: 0.7rem; max-width: none; font-size: 0.95rem; line-height: 1.7; color: rgb(71, 85, 105); }
#projekte .project-card-featured-link { display: flex; align-items: center; justify-content: center; gap: 0.7rem; border-radius: 1.2rem; background: rgb(37, 99, 235); padding: 0.8rem 1.05rem; font-size: 0.84rem; font-weight: 700; color: rgb(255, 255, 255); box-shadow: rgba(76, 29, 149, 0.22) 0px 18px 36px; transition: transform 0.25s, box-shadow 0.25s, background-color 0.25s; margin-top: 1rem; margin-left: auto; text-decoration: none; }
#projekte .project-card-featured-link:hover { background: rgb(37, 99, 235); transform: translateY(-2px); box-shadow: rgba(109, 40, 217, 0.26) 0px 22px 42px; }
@media (max-width: 48rem) {
  #projekte .project-card-featured-image { height: clamp(12.75rem, 58vw, 14.75rem); }
  #projekte .project-card-featured-meta { right: 0.85rem; bottom: 0.85rem; max-width: calc(100% - 1.7rem); }
  #projekte .project-card-featured-domain { width: auto; justify-content: flex-start; }
  #projekte .project-card-featured-link { width: auto; }
}
footer .rounded-\[2\.5rem\].bg-\[\#111317\], .footer-panel { position: relative; overflow: hidden; isolation: isolate; border: 1px solid rgba(148, 163, 184, 0.14); box-shadow: rgba(15, 23, 42, 0.26) 0px 32px 90px, rgba(255, 255, 255, 0.06) 0px 1px 0px inset; background: radial-gradient(circle at 14% 18%, rgba(37, 99, 235, 0.24), transparent 28%), radial-gradient(circle at 86% 10%, rgba(124, 58, 237, 0.22), transparent 30%), radial-gradient(circle at 50% 118%, rgba(37, 99, 235, 0.18), transparent 34%), linear-gradient(135deg, rgb(8, 17, 31) 0%, rgb(12, 29, 54) 34%, rgb(16, 42, 77) 66%, rgb(6, 12, 22) 100%) !important; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\]::before, .footer-panel::before { content: ""; position: absolute; inset: 0px; background: linear-gradient(120deg, rgba(255, 255, 255, 0.04), transparent 28%, transparent 72%, rgba(255, 255, 255, 0.04)), radial-gradient(circle at center top, rgba(255, 255, 255, 0.08), transparent 34%); pointer-events: none; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\]::after, .footer-panel::after { content: ""; position: absolute; inset: auto -12% -38% 42%; height: 280px; background: radial-gradient(circle, rgba(37, 99, 235, 0.22), rgba(37, 99, 235, 0)); filter: blur(10px); pointer-events: none; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > *, .footer-panel > * { position: relative; z-index: 1; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\], footer .footer-panel { padding-bottom: 0px !important; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .mt-10.border-t, footer .footer-panel > .mt-10.border-t { margin: 2.5rem -2rem 0px !important; padding: 1rem 2rem 1.15rem !important; background: transparent !important; color: rgb(203, 213, 225) !important; border-top: 1px solid rgba(255, 255, 255, 0.08) !important; }
@media (min-width: 48rem) {
  footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .mt-10.border-t, footer .footer-panel > .mt-10.border-t { margin-inline: -2.5rem !important; padding-inline: 2.5rem !important; }
}
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5, footer .footer-panel > .grid.gap-8.md\:grid-cols-5 { display: grid; grid-template-columns: 1fr; gap: 1rem; align-items: stretch; }
@media (min-width: 48rem) {
  footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5, footer .footer-panel > .grid.gap-8.md\:grid-cols-5 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (min-width: 72rem) {
  footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5, footer .footer-panel > .grid.gap-8.md\:grid-cols-5 { grid-template-columns: minmax(0px, 1.45fr) repeat(4, minmax(0px, 1fr)); }
}
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div, footer .footer-panel > .grid.gap-8.md\:grid-cols-5 > div { position: relative; min-height: 100%; padding: 1.25rem 1.2rem; border-radius: 1.45rem; background: linear-gradient(rgba(255, 255, 255, 0.086), rgba(255, 255, 255, 0.035)); border: 1px solid rgba(255, 255, 255, 0.09); box-shadow: rgba(255, 255, 255, 0.04) 0px 1px 0px inset; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:first-child, footer .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:first-child { background: radial-gradient(circle at left top, rgba(37, 99, 235, 0.18), transparent 38%), linear-gradient(160deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.04)); }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(2), footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(3), footer .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(2), footer .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(3) { background: linear-gradient(rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.024)); }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div > p.font-semibold, footer .footer-panel > .grid.gap-8.md\:grid-cols-5 > div > p.font-semibold { margin: 0px; color: rgb(255, 255, 255) !important; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) > p.font-semibold, footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(5) > p.font-semibold, footer .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) > p.font-semibold, footer .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(5) > p.font-semibold { font-size: 0.76rem; letter-spacing: 0.24em; text-transform: uppercase; color: rgb(255, 255, 255) !important; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div > p.mt-3, footer .footer-panel > .grid.gap-8.md\:grid-cols-5 > div > p.mt-3 { font-size: 0.98rem; line-height: 1.8; margin-top: 0.85rem !important; color: rgba(226, 232, 240, 0.88) !important; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] a.block.transition, footer .footer-panel a.block.transition { transition: color 0.25s, transform 0.25s, background-color 0.25s, border-color 0.25s; color: rgba(226, 232, 240, 0.88) !important; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] a.block.transition:hover, footer .footer-panel a.block.transition:hover { color: rgb(255, 255, 255) !important; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) .mt-3, footer .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) .mt-3 { display: flex; flex-wrap: wrap; gap: 0.7rem; margin-top: 0.95rem !important; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a.block.transition, footer .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a.block.transition { display: inline-flex; align-items: center; justify-content: center; width: 8.8rem; flex: 0 0 8.8rem; min-height: 2.7rem; line-height: 1; white-space: nowrap; padding: 0.62rem 0.95rem; border-radius: 999px; background: rgba(255, 255, 255, 0.07); border: 1px solid rgba(255, 255, 255, 0.12); box-shadow: rgba(255, 255, 255, 0.04) 0px 1px 0px inset; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a.block.transition:hover, footer .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a.block.transition:hover { transform: translateY(-1px); background: rgba(37, 99, 235, 0.14); border-color: rgba(37, 99, 235, 0.28); }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(5) .mt-3, footer .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(5) .mt-3 { margin-top: 0.95rem !important; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(5) a.block.transition, footer .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(5) a.block.transition { padding: 0.42rem 0px; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(5) a.block.transition:hover, footer .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(5) a.block.transition:hover { transform: translateX(3px); }
footer .rounded-\[2\.5rem\].bg-\[\#111317\], .footer-panel { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; background: radial-gradient(circle at right top, rgba(37, 99, 235, 0.2), transparent 26%), linear-gradient(135deg, rgb(11, 33, 66) 0%, rgb(37, 99, 235) 52%, rgb(14, 31, 56) 100%) !important; box-shadow: rgba(15, 23, 42, 0.28) 0px 32px 90px, rgba(255, 255, 255, 0.04) 0px 1px 0px inset !important; padding-bottom: 0px !important; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\]::before, .footer-panel::before { inset: -9rem -6rem auto auto !important; width: min(34rem, 60vw) !important; height: min(34rem, 60vw) !important; border-radius: 999px !important; background: radial-gradient(circle, rgba(37, 99, 235, 0.22), rgba(37, 99, 235, 0) 32%), radial-gradient(circle, transparent 54%, rgba(37, 99, 235, 0.18) 55%, transparent 56%), radial-gradient(circle, transparent 71%, rgba(148, 163, 184, 0.12) 72%, transparent 73%) !important; opacity: 0.95 !important; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\]::after, .footer-panel::after { inset: 0px !important; height: auto !important; filter: none !important; background: linear-gradient(110deg, transparent 0px, transparent 60%, rgba(37, 99, 235, 0.08) 61%, transparent 66%), radial-gradient(circle at 18% 110%, rgba(37, 99, 235, 0.18), rgba(37, 99, 235, 0) 34%) !important; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5, .footer-panel > .grid.gap-8.md\:grid-cols-5 { gap: 1.4rem 2rem !important; align-items: start !important; }
@media (min-width: 72rem) {
  footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5, .footer-panel > .grid.gap-8.md\:grid-cols-5 { grid-template-columns: minmax(0px, 1.7fr) repeat(4, minmax(0px, 0.92fr)) !important; }
}
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div, .footer-panel > .grid.gap-8.md\:grid-cols-5 > div { padding: 0px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; border-radius: 0px !important; background: none !important; box-shadow: none !important; min-height: 0px !important; }
@media (max-width: 47.99rem) {
  footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:not(:first-child), .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:not(:first-child) { padding-top: 1rem !important; border-top: 1px solid rgba(148, 163, 184, 0.14) !important; }
}
@media (min-width: 72rem) {
  footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:not(:first-child), .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:not(:first-child) { padding-left: 1.4rem !important; border-left: 1px solid rgba(148, 163, 184, 0.14) !important; }
}
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div > p.font-semibold, .footer-panel > .grid.gap-8.md\:grid-cols-5 > div > p.font-semibold { margin: 0px !important; color: rgb(255, 255, 255) !important; font-size: 1.08rem !important; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(2) > p.font-semibold::before, .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(2) > p.font-semibold::before { content: "Kontakt"; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(3) > p.font-semibold::before, .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(3) > p.font-semibold::before { content: "Standort"; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(2) > p.font-semibold::before, footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(3) > p.font-semibold::before, .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(2) > p.font-semibold::before, .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(3) > p.font-semibold::before { display: block; margin-bottom: 0.65rem; font-size: 0.74rem; letter-spacing: 0.24em; text-transform: uppercase; color: rgb(255, 255, 255) !important; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) > p.font-semibold, footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(5) > p.font-semibold, .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) > p.font-semibold, .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(5) > p.font-semibold { text-transform: uppercase; font-size: 0.76rem !important; letter-spacing: 0.24em !important; color: rgb(255, 255, 255) !important; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div > p.mt-3, .footer-panel > .grid.gap-8.md\:grid-cols-5 > div > p.mt-3 { margin-top: 0.85rem !important; font-size: 1rem !important; line-height: 1.8 !important; color: rgba(226, 232, 240, 0.88) !important; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] a.block.transition, .footer-panel a.block.transition { color: rgba(226, 232, 240, 0.88) !important; transition: color 0.25s, transform 0.25s !important; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] a.block.transition:hover, .footer-panel a.block.transition:hover { color: rgb(255, 255, 255) !important; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) .mt-3, .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) .mt-3 { display: flex !important; flex-wrap: wrap !important; gap: 0.7rem 1rem !important; margin-top: 0.95rem !important; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a.block.transition, .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a.block.transition { display: inline-flex !important; align-items: center !important; padding: 0px !important; position: relative !important; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a.block.transition::after, .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a.block.transition::after { content: ""; position: absolute; left: 0px; bottom: -0.16rem; width: 100%; height: 1px; background: currentcolor; transform: scaleX(0.35); transform-origin: left center; opacity: 0.6; transition: transform 0.25s, opacity 0.25s; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a.block.transition:hover, .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a.block.transition:hover { transform: translateY(-1px) !important; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a.block.transition:hover::after, .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a.block.transition:hover::after { transform: scaleX(1); opacity: 1; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(5) .mt-3, .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(5) .mt-3 { margin-top: 0.95rem !important; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(5) a.block.transition, .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(5) a.block.transition { padding: 0.42rem 0px !important; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(5) a.block.transition:hover, .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(5) a.block.transition:hover { transform: translateX(3px) !important; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) .mt-3, .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) .mt-3 { display: grid !important; gap: 0.78rem !important; margin-top: 1rem !important; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a.block.transition, .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a.block.transition { --social-accent-rgb: 125,211,252; width: 100%; display: inline-flex !important; align-items: center !important; gap: 0.82rem !important; min-height: 3.2rem !important; padding: 0.82rem 1rem 0.82rem 0.92rem !important; border: 1px solid rgba(148, 163, 184, 0.18) !important; border-radius: 999px !important; background: linear-gradient(rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03)) !important; box-shadow: rgba(255, 255, 255, 0.08) 0px 1px 0px inset, rgba(2, 6, 23, 0.18) 0px 18px 40px !important; color: rgba(241, 245, 249, 0.94) !important; font-weight: 600 !important; letter-spacing: 0.01em !important; text-decoration: none !important; position: relative !important; overflow: hidden !important; isolation: isolate !important; transform: none !important; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a.block.transition::before, .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a.block.transition::before { content: ""; width: 2.1rem; height: 2.1rem; border-radius: 999px; flex: 0 0 auto; background: radial-gradient(circle at 30% 30%,rgba(255,255,255,0.95),rgba(255,255,255,0.28) 24%,rgba(var(--social-accent-rgb),0.92) 25%,rgba(var(--social-accent-rgb),0.8) 100%); box-shadow: 0 0 0 0.45rem rgba(var(--social-accent-rgb),0.12); position: relative; z-index: 1; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a.block.transition::after, .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a.block.transition::after { content: ""; position: absolute; inset: 1px; height: auto; border-radius: inherit; background: linear-gradient(115deg,rgba(var(--social-accent-rgb),0.18),transparent 42%,rgba(255,255,255,0.04) 72%,rgba(var(--social-accent-rgb),0.08) 100%); opacity: 0.95; transform: none; z-index: 0; transition: opacity 0.25s, background 0.25s; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a[href*="facebook"], .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a[href*="facebook"] { --social-accent-rgb: 96,165,250; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a[href*="pinterest"], .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a[href*="pinterest"] { --social-accent-rgb: 248,113,113; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a[href*="instagram"], .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a[href*="instagram"] { --social-accent-rgb: 244,114,182; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a.block.transition:hover, footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a.block.transition:focus-visible, .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a.block.transition:hover, .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a.block.transition:focus-visible { color: rgb(255, 255, 255) !important; border-color: rgba(var(--social-accent-rgb),0.48) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12),0 24px 54px rgba(2,6,23,0.28),0 0 0 1px rgba(var(--social-accent-rgb),0.14) !important; transform: translateY(-2px) !important; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a.block.transition:hover::after, footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a.block.transition:focus-visible::after, .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a.block.transition:hover::after, .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a.block.transition:focus-visible::after { background: linear-gradient(115deg,rgba(var(--social-accent-rgb),0.26),transparent 38%,rgba(255,255,255,0.08) 72%,rgba(var(--social-accent-rgb),0.12) 100%); opacity: 1; }
@media (min-width: 48rem) {
  footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a.block.transition, .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a.block.transition { width: auto; min-width: 11rem; }
}
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) .mt-3, .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) .mt-3 { display: flex !important; flex-wrap: wrap !important; gap: 0.55rem !important; margin-top: 0.9rem !important; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a.block.transition, .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a.block.transition { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 0px !important; min-height: 0px !important; padding: 0.5rem 0.9rem !important; border: 1px solid rgba(148, 163, 184, 0.16) !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.04) !important; box-shadow: none !important; color: rgba(241, 245, 249, 0.92) !important; font-size: 0.84rem !important; font-weight: 600 !important; letter-spacing: 0.02em !important; line-height: 1 !important; transform: none !important; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a.block.transition::before, footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a.block.transition::after, .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a.block.transition::before, .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a.block.transition::after { content: none !important; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a[href*="facebook"]:hover, footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a[href*="facebook"]:focus-visible, .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a[href*="facebook"]:hover, .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a[href*="facebook"]:focus-visible { background: rgba(37, 99, 235, 0.14) !important; border-color: rgba(37, 99, 235, 0.4) !important; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a[href*="pinterest"]:hover, footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a[href*="pinterest"]:focus-visible, .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a[href*="pinterest"]:hover, .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a[href*="pinterest"]:focus-visible { background: rgba(248, 113, 113, 0.14) !important; border-color: rgba(248, 113, 113, 0.4) !important; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a[href*="instagram"]:hover, footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a[href*="instagram"]:focus-visible, .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a[href*="instagram"]:hover, .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a[href*="instagram"]:focus-visible { background: rgba(244, 114, 182, 0.14) !important; border-color: rgba(244, 114, 182, 0.4) !important; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a.block.transition:hover, footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a.block.transition:focus-visible, .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a.block.transition:hover, .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a.block.transition:focus-visible { color: rgb(255, 255, 255) !important; box-shadow: none !important; transform: translateY(-1px) !important; }
.faq-item { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; }
.faq-item[open] { border-color: transparent !important; }
@media (max-width: 47.99rem) {
  footer .rounded-\[2\.5rem\].bg-\[\#111317\], .footer-panel { max-width: 100%; }
  footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div, .footer-panel > .grid.gap-8.md\:grid-cols-5 > div { min-width: 0px !important; }
  footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) .mt-3, .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) .mt-3 { display: grid !important; grid-template-columns: 1fr !important; }
  footer .rounded-\[2\.5rem\].bg-\[\#111317\] > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a.block.transition, .footer-panel > .grid.gap-8.md\:grid-cols-5 > div:nth-child(4) a.block.transition { min-width: 0px !important; width: 100% !important; }
}
#projekte .project-card-featured { --tw-ring-shadow: 0 0 #0000 !important; }
.veo-whatsapp-link { width: 2.9rem; height: 2.9rem; padding: 0px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; border-radius: 999px !important; background: transparent !important; box-shadow: none !important; color: rgb(255, 255, 255) !important; text-decoration: none !important; transition: transform 0.2s, opacity 0.2s, color 0.2s !important; }
.veo-whatsapp-link:hover, .veo-whatsapp-link:focus-visible { transform: translateY(-1px); background: transparent !important; box-shadow: none !important; color: rgb(255, 255, 255) !important; opacity: 0.82 !important; }
.veo-whatsapp-link svg { display: block; width: 1.55rem; height: 1.55rem; fill: currentcolor !important; }
.veo-whatsapp-link--mobile { width: 3.2rem; height: 3.2rem; align-self: center; }
.veo-whatsapp-float { position: fixed; right: 22px; bottom: 22px; z-index: 90; display: inline-flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 999px; background: rgb(37, 211, 102); box-shadow: rgba(37, 211, 102, 0.32) 0px 18px 40px; transition: transform 0.2s, box-shadow 0.2s, background-color 0.2s; animation: 2.2s ease-in-out 0s infinite normal none running veoWhatsappPulse; color: rgb(255, 255, 255) !important; text-decoration: none !important; }
.veo-whatsapp-float::before { content: ""; position: absolute; inset: -7px; border-radius: 999px; border: 2px solid rgba(37, 211, 102, 0.35); opacity: 0.9; animation: 2.2s ease-out 0s infinite normal none running veoWhatsappRing; pointer-events: none; }
.veo-whatsapp-float:hover, .veo-whatsapp-float:focus-visible { transform: translateY(-3px) scale(1.04); background: rgb(31, 184, 90); box-shadow: rgba(37, 211, 102, 0.44) 0px 24px 52px; animation-play-state: paused; }
.veo-whatsapp-float:hover::before, .veo-whatsapp-float:focus-visible::before { opacity: 1; animation-play-state: paused; }
.veo-whatsapp-float svg { display: block; width: 30px; height: 30px; position: relative; z-index: 1; fill: currentcolor !important; }
@keyframes veoWhatsappPulse { 
  0%, 100% { transform: scale(1); box-shadow: rgba(37, 211, 102, 0.32) 0px 18px 40px; }
  50% { transform: scale(1.06); box-shadow: rgba(37, 211, 102, 0.46) 0px 24px 54px; }
}
@keyframes veoWhatsappRing { 
  0% { transform: scale(0.92); opacity: 0.72; }
  70% { transform: scale(1.22); opacity: 0; }
  100% { transform: scale(1.22); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .veo-whatsapp-float, .veo-whatsapp-float::before { animation: auto ease 0s 1 normal none running none !important; }
}
@media (max-width: 767px) {
  .veo-whatsapp-float { right: 16px; bottom: 16px; width: 58px; height: 58px; }
  .veo-whatsapp-float svg { width: 28px; height: 28px; }
}
.veo-menu-flags { display: inline-flex; align-items: center; gap: 0.4rem; }
.veo-menu-flag { display: inline-flex; align-items: center; justify-content: center; width: 1.45rem; height: 1rem; overflow: hidden; opacity: 0.82; transition: transform 0.2s, opacity 0.2s; line-height: 1; padding: 0px !important; text-decoration: none !important; border: 0px !important; border-radius: 0.18rem !important; background: transparent !important; box-shadow: none !important; }
.veo-menu-flag:hover, .veo-menu-flag:focus-visible { transform: translateY(-1px); opacity: 1; background: transparent !important; border: 0px !important; box-shadow: none !important; }
.veo-menu-flag.is-active { opacity: 1; }
.veo-menu-flag img { display: block; width: 100%; height: 100%; object-fit: cover; border: 0px !important; border-radius: 0.18rem !important; background: transparent !important; box-shadow: none !important; }
.veo-mobile-menu .veo-menu-flags { justify-content: center; margin-bottom: 0.25rem; }
.veo-live-site-button { min-height: 2.3rem; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0.68rem 1rem !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.08) !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; box-shadow: none !important; color: rgb(255, 255, 255) !important; font-weight: 700 !important; letter-spacing: 0.01em !important; line-height: 1 !important; text-decoration: none !important; white-space: nowrap !important; transition: transform 0.2s, background-color 0.2s, border-color 0.2s, opacity 0.2s !important; }
.veo-live-site-button:hover, .veo-live-site-button:focus-visible { transform: translateY(-1px) !important; background: rgba(255, 255, 255, 0.14) !important; border-color: rgba(255, 255, 255, 0.22) !important; color: rgb(255, 255, 255) !important; }
.veo-live-site-button--mobile { width: 100% !important; }
.veo-menu-link-highlight { display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0.72rem 1rem !important; border-radius: 999px !important; background: rgb(37, 99, 235) !important; color: rgb(255, 255, 255) !important; font-weight: 800 !important; letter-spacing: 0.01em !important; box-shadow: none !important; transform: none !important; margin: 0px !important; transition: background 0.2s, color 0.2s !important; }
.veo-menu-link-highlight::before { display: none !important; }
.veo-menu-link-highlight:hover, .veo-menu-link-highlight:focus-visible { transform: none !important; margin: 0px !important; padding: 0.72rem 1rem !important; color: rgb(255, 255, 255) !important; background: rgb(29, 78, 216) !important; box-shadow: none !important; }
.veo-menu-link-highlight--mobile { width: 100%; text-align: center; }
body.index-page-bg .veo-menu-link-highlight { padding: 20px 30px !important; }
body.index-page-bg .veo-menu-link-highlight, body.regional-page .veo-menu-link-highlight, body.branchen-page .veo-menu-link-highlight, body:has(.index-hero-shell, .meddienst-home-hero) .veo-menu-link-highlight { display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0.72rem 1rem !important; border-radius: 999px !important; background: rgb(37, 99, 235) !important; color: rgb(255, 255, 255) !important; font-weight: 800 !important; letter-spacing: 0.01em !important; box-shadow: none !important; transform: none !important; margin: 0px !important; transition: background 0.2s, color 0.2s !important; }
body.index-page-bg .veo-menu-link-highlight::before, body.regional-page .veo-menu-link-highlight::before, body.branchen-page .veo-menu-link-highlight::before, body:has(.index-hero-shell, .meddienst-home-hero) .veo-menu-link-highlight::before { display: none !important; }
body.index-page-bg .veo-menu-link-highlight:hover, body.index-page-bg .veo-menu-link-highlight:focus-visible, body.regional-page .veo-menu-link-highlight:hover, body.regional-page .veo-menu-link-highlight:focus-visible, body.branchen-page .veo-menu-link-highlight:hover, body.branchen-page .veo-menu-link-highlight:focus-visible, body:has(.index-hero-shell, .meddienst-home-hero) .veo-menu-link-highlight:hover, body:has(.index-hero-shell, .meddienst-home-hero) .veo-menu-link-highlight:focus-visible { transform: none !important; margin: 0px !important; padding: 0.72rem 1rem !important; color: rgb(255, 255, 255) !important; background: rgb(29, 78, 216) !important; box-shadow: none !important; }
.veo-language-flags { display: inline-flex; align-items: center; gap: 0.45rem; }
.veo-language-flag { display: inline-flex; align-items: center; justify-content: center; width: 1.35rem; height: 0.95rem; padding: 0px; border-radius: 0.16rem; overflow: hidden; text-decoration: none; line-height: 1; opacity: 0.68; transition: transform 0.2s, opacity 0.2s; border: 0px !important; background: transparent !important; box-shadow: none !important; }
.veo-language-flag img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0.16rem; }
a.veo-menu-link-highlight[href*="#angebote"] { background: rgb(220, 38, 38) !important; color: rgb(255, 255, 255) !important; -webkit-text-fill-color: rgb(255, 255, 255) !important; }
a.veo-menu-link-highlight[href*="#angebote"]:hover, a.veo-menu-link-highlight[href*="#angebote"]:focus-visible { background: rgb(185, 28, 28) !important; color: rgb(255, 255, 255) !important; -webkit-text-fill-color: rgb(255, 255, 255) !important; }
a.veo-menu-link-highlight[href*="#angebote"] *, a.veo-menu-link-highlight[href*="#angebote"]:hover *, a.veo-menu-link-highlight[href*="#angebote"]:focus-visible * { color: rgb(255, 255, 255) !important; -webkit-text-fill-color: rgb(255, 255, 255) !important; }
body nav[aria-label="Hauptnavigation"] .menu a.veo-menu-link-highlight[href*="#angebote"] { color: rgb(255, 255, 255) !important; -webkit-text-fill-color: rgb(255, 255, 255) !important; }
body nav[aria-label="Hauptnavigation"] .menu a.veo-menu-link-highlight[href*="#angebote"]:hover, body nav[aria-label="Hauptnavigation"] .menu a.veo-menu-link-highlight[href*="#angebote"]:focus-visible { color: rgb(255, 255, 255) !important; -webkit-text-fill-color: rgb(255, 255, 255) !important; }
body nav[aria-label="Hauptnavigation"] #mobile-menu-2.veo-mobile-menu a.veo-menu-link-highlight[href*="#angebote"], body nav[aria-label="Hauptnavigation"] [id^="mobile-menu-"].veo-mobile-menu a.veo-menu-link-highlight[href*="#angebote"] { color: rgb(0, 0, 0) !important; -webkit-text-fill-color: rgb(0, 0, 0) !important; }
body nav[aria-label="Hauptnavigation"] #mobile-menu-2.veo-mobile-menu a.veo-menu-link-highlight[href*="#angebote"]:hover, body nav[aria-label="Hauptnavigation"] #mobile-menu-2.veo-mobile-menu a.veo-menu-link-highlight[href*="#angebote"]:focus-visible, body nav[aria-label="Hauptnavigation"] [id^="mobile-menu-"].veo-mobile-menu a.veo-menu-link-highlight[href*="#angebote"]:hover, body nav[aria-label="Hauptnavigation"] [id^="mobile-menu-"].veo-mobile-menu a.veo-menu-link-highlight[href*="#angebote"]:focus-visible { color: rgb(0, 0, 0) !important; -webkit-text-fill-color: rgb(0, 0, 0) !important; }
.veo-language-flag:hover, .veo-language-flag:focus-visible { transform: translateY(-1px) scale(1.04); opacity: 1; background: transparent !important; border-color: transparent !important; box-shadow: none !important; }
.veo-language-flags-mobile { justify-content: center; }
.veo-language-flag.is-active { opacity: 1; transform: scale(1.08); }
nav[aria-label="Hauptnavigation"] .menu, nav[aria-label="Hauptnavigation"] .menu a, nav[aria-label="Hauptnavigation"] .menu button, nav[aria-label="Hauptnavigation"] .veo-mobile-menu, nav[aria-label="Hauptnavigation"] .veo-mobile-menu a, nav[aria-label="Hauptnavigation"] .veo-mobile-menu summary, nav[aria-label="Hauptnavigation"] .veo-nav-dropdown-toggle { font-family: Manrope, sans-serif !important; }
nav[aria-label="Hauptnavigation"] .menu { font-size: 0.875rem !important; font-weight: 400 !important; letter-spacing: 0px !important; }
nav[aria-label="Hauptnavigation"] .menu a, nav[aria-label="Hauptnavigation"] .menu button, nav[aria-label="Hauptnavigation"] .veo-mobile-menu a, nav[aria-label="Hauptnavigation"] .veo-mobile-menu summary { font-size: 0.875rem !important; font-weight: 400 !important; letter-spacing: 0px !important; }
@media (max-width: 1216px) {
  body nav[aria-label="Hauptnavigation"] #mobile-menu-2.veo-mobile-menu a:not(.veo-language-flag):not(.veo-menu-flag), body nav[aria-label="Hauptnavigation"] #mobile-menu-2.veo-mobile-menu summary, body nav[aria-label="Hauptnavigation"] [id^="mobile-menu-"].veo-mobile-menu a:not(.veo-language-flag):not(.veo-menu-flag), body nav[aria-label="Hauptnavigation"] [id^="mobile-menu-"].veo-mobile-menu summary, body nav[aria-label="Hauptnavigation"] #mobile-menu-2.veo-mobile-menu .veo-menu-link-highlight, body nav[aria-label="Hauptnavigation"] [id^="mobile-menu-"].veo-mobile-menu .veo-menu-link-highlight { width: auto !important; min-height: 0px !important; margin: 0px auto !important; padding: 0.22rem 0px !important; border: 0px !important; border-radius: 0px !important; background: none transparent !important; box-shadow: none !important; transform: none !important; }
  body nav[aria-label="Hauptnavigation"] #mobile-menu-2.veo-mobile-menu a:not(.veo-language-flag):not(.veo-menu-flag):hover, body nav[aria-label="Hauptnavigation"] #mobile-menu-2.veo-mobile-menu a:not(.veo-language-flag):not(.veo-menu-flag):focus-visible, body nav[aria-label="Hauptnavigation"] #mobile-menu-2.veo-mobile-menu summary:hover, body nav[aria-label="Hauptnavigation"] #mobile-menu-2.veo-mobile-menu summary:focus-visible, body nav[aria-label="Hauptnavigation"] [id^="mobile-menu-"].veo-mobile-menu a:not(.veo-language-flag):not(.veo-menu-flag):hover, body nav[aria-label="Hauptnavigation"] [id^="mobile-menu-"].veo-mobile-menu a:not(.veo-language-flag):not(.veo-menu-flag):focus-visible, body nav[aria-label="Hauptnavigation"] [id^="mobile-menu-"].veo-mobile-menu summary:hover, body nav[aria-label="Hauptnavigation"] [id^="mobile-menu-"].veo-mobile-menu summary:focus-visible { padding: 0.22rem 0px !important; border: 0px !important; border-radius: 0px !important; background: none transparent !important; box-shadow: none !important; }
}
.footer-menu-card, .footer-menu-card summary { list-style: none; cursor: pointer; }
.footer-menu-card summary * { cursor: pointer; }
.footer-menu-card summary::-webkit-details-marker { display: none; }
.footer-menu-card[open] .footer-menu-arrow { transform: rotate(225deg) translateY(-1px); }
.footer-menu-micro { text-transform: uppercase; font-size: 6px !important; line-height: 1 !important; letter-spacing: 0.18em !important; }
.projects-portfolio-grid { column-count: 1; column-gap: 1.5rem; }
@media (min-width: 40rem) {
  .projects-portfolio-grid { column-count: 2; }
}
@media (min-width: 80rem) {
  .projects-portfolio-grid { column-count: 4; }
}
.projects-portfolio-grid .portfolio-card-head { margin-bottom: 0.75rem; }
.projects-portfolio-grid .portfolio-card-copy { margin-bottom: 1rem; color: rgb(51, 65, 85); }
.projects-portfolio-grid .portfolio-browser-frame { position: relative; border-radius: 1.5rem; border: 1px solid rgba(15, 23, 42, 0.08); background: linear-gradient(rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.78)); padding: 0.85rem; transform: translateZ(0px); }
.projects-portfolio-grid .portfolio-browser-bar { position: relative; display: flex; align-items: center; justify-content: center; gap: 1rem; margin-bottom: 0.85rem; padding: 0.7rem 0.95rem; border-radius: 999px; background: rgba(226, 232, 240, 0.72); color: rgb(51, 65, 85); font-size: 0.9rem; }
.projects-portfolio-grid .portfolio-browser-link { color: inherit; }
.projects-portfolio-grid .portfolio-browser-dots { position: absolute; left: 0.95rem; top: 50%; display: flex; gap: 0.45rem; transform: translateY(-50%); }
.projects-portfolio-grid .portfolio-browser-dots span { display: block; width: 0.65rem; height: 0.65rem; border-radius: 999px; background: rgb(203, 213, 225); }
.projects-portfolio-grid .portfolio-card-screen { position: relative; overflow: hidden; border-radius: 1.8rem; background: rgb(226, 232, 240); mask-image: -webkit-radial-gradient(center, white, black); }
.projects-portfolio-grid .portfolio-card-screen img { display: block; width: 100%; height: auto; }
.font-heading, h1, h2, h3, h4, h5, h6, .legal-page-title, .legal-card-title, .legal-feature-title, .project-card-featured-title-line, .faq-question, .meddienst-hero-title, .project-hero-title, .home-why-left h2, .service-intro-title { font-family: Anton, sans-serif !important; font-weight: 400 !important; letter-spacing: 0.02em !important; text-transform: none !important; }
.font-heading *, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, .legal-page-title *, .legal-card-title *, .legal-feature-title *, .project-card-featured-title-line *, .faq-question *, .meddienst-hero-title *, .project-hero-title * { text-transform: none !important; }
body .big > section { width: 100%; }
.big, body > .big { padding: 0px !important; padding-inline: 0px !important; max-width: none !important; }
body .big > section:nth-of-type(4n+1), body .big > section:nth-of-type(4n+2) { background-color: rgb(242, 242, 242); }
body .big > section:nth-of-type(4n+3) { background: radial-gradient(circle at right top, rgba(37, 99, 235, 0.24), transparent 26%), linear-gradient(135deg, rgb(37, 99, 235) 0%, rgb(37, 99, 235) 54%, rgb(37, 99, 235) 100%); }
body .big > section:nth-of-type(4n+4) { background-color: rgb(255, 255, 255); }
body .big > section > .absolute.inset-0.-z-10 { display: none !important; }
body .big > section:not(.meddienst-hero-section) > .mx-auto > .rounded-\[2\.5rem\], body .big > section:not(.meddienst-hero-section) > .mx-auto > .rounded-\[2rem\], body .big > section:not(.meddienst-hero-section) > .section-shell > .rounded-\[2\.5rem\], body .big > section:not(.meddienst-hero-section) > .section-shell > .rounded-\[2rem\], body .big > section:not(.meddienst-hero-section) > .mx-auto > article.rounded-\[2rem\], body .big > section:not(.meddienst-hero-section) > .mx-auto > article.rounded-\[2\.5rem\] { background: transparent !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; box-shadow: none !important; }
.section-shell.mx-auto.max-w-7xl.overflow-hidden.rounded-\[2\.5rem\].bg-white, .section-shell.mx-auto.max-w-7xl.overflow-hidden.rounded-\[2\.5rem\].bg-white.px-6.py-12.md\:px-10.md\:py-16, .section-shell.mx-auto.max-w-7xl.overflow-hidden.rounded-\[2\.5rem\].bg-white.motion-reveal, .section-shell.mx-auto.max-w-7xl.overflow-hidden.rounded-\[2\.5rem\].bg-white.motion-reveal.is-visible { background: transparent !important; }
.mx-auto.max-w-7xl.rounded-\[2\.5rem\].border.border-white\/70.bg-white\/90.px-6.py-14.sm\:px-10.lg\:px-14.motion-reveal.is-visible, .mx-auto.max-w-7xl.rounded-\[2\.5rem\].border.border-white\/70.bg-white\/90.px-6.py-14.sm\:px-10.lg\:px-14.motion-reveal { background: transparent !important; }
body .big > section:nth-of-type(4n+3) > .mx-auto > .rounded-\[2\.5rem\] > .grid > div:first-child, body .big > section:nth-of-type(4n+3) > .mx-auto > .rounded-\[2rem\] > .grid > div:first-child { color: rgb(255, 255, 255) !important; }
body .big > section:nth-of-type(4n+3) > .mx-auto > .rounded-\[2\.5rem\] > .grid > div:first-child :is(h1, h2, h3, p, span), body .big > section:nth-of-type(4n+3) > .mx-auto > .rounded-\[2rem\] > .grid > div:first-child :is(h1, h2, h3, p, span) { color: inherit !important; }
*, ::before, ::after { box-shadow: none !important; }
#projekte .project-hero-header { position: relative !important; inset: auto !important; width: auto !important; height: auto !important; display: grid !important; grid-template-columns: minmax(0px, 1fr) !important; margin-bottom: 2.5rem !important; padding: 0px !important; background: none !important; box-shadow: none !important; border-radius: 0px !important; overflow: visible !important; z-index: 2 !important; gap: 1.5rem !important; filter: none !important; backdrop-filter: none !important; }
#projekte .project-hero-inner { display: block !important; position: relative !important; z-index: 2 !important; }
#projekte .project-hero-copy { max-width: none !important; }
#projekte .project-hero-header::before, #projekte .project-hero-header::after { content: none !important; display: none !important; filter: none !important; backdrop-filter: none !important; }
@media (max-width: 1600px) {
  #projekte .project-hero-header { padding-left: 25px !important; padding-right: 25px !important; }
  .mb-10.px-6.py-10.md\:px-10 { padding-left: 25px !important; padding-right: 25px !important; }
}
@media (min-width: 64rem) {
  #projekte .project-hero-header { grid-template-columns: minmax(0px, 1fr) auto !important; align-items: end !important; gap: 2rem !important; }
  #projekte .project-hero-inner { display: block !important; }
}
.section-shell.mx-auto.max-w-7xl.overflow-hidden.rounded-\[2\.5rem\].bg-gradient-to-br, .section-shell.mx-auto.max-w-7xl.overflow-hidden.rounded-\[2\.5rem\].border.border-slate-200.bg-white, .section-shell.mx-auto.max-w-7xl.overflow-hidden.rounded-\[2\.5rem\].border.border-slate-200.bg-white.motion-reveal, .section-shell.mx-auto.max-w-7xl.overflow-hidden.rounded-\[2\.5rem\].border.border-slate-200.bg-white.motion-reveal.is-visible, .mb-10.rounded-\[2\.5rem\].bg-white\/75, .mb-10.rounded-\[2\.5rem\].bg-white\/75.motion-reveal, .mb-10.rounded-\[2\.5rem\].bg-white\/75.motion-reveal.is-visible { background: none transparent !important; }
nav[aria-label="Hauptnavigation"] { position: relative; z-index: 1000; }
nav[aria-label="Hauptnavigation"] .menu { display: flex; align-items: center; gap: 1rem; }
nav[aria-label="Hauptnavigation"] .veo-nav-dropdown { position: relative; }
nav[aria-label="Hauptnavigation"] .veo-nav-dropdown-toggle { display: inline-flex; align-items: center; gap: 0.45rem; background: transparent; border: 0px; padding: 0px; }
nav[aria-label="Hauptnavigation"] .veo-nav-dropdown-menu { position: absolute; top: calc(100% + 0.9rem); left: 0px; min-width: 15rem; padding: 0.85rem; border-radius: 1.25rem; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(8px); transition: opacity 0.2s, transform 0.2s, visibility 0.2s; }
nav[aria-label="Hauptnavigation"] .veo-nav-dropdown.is-open > .veo-nav-dropdown-menu, nav[aria-label="Hauptnavigation"] .veo-nav-dropdown:hover > .veo-nav-dropdown-menu, nav[aria-label="Hauptnavigation"] .veo-nav-dropdown:focus-within > .veo-nav-dropdown-menu { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0px); }
nav[aria-label="Hauptnavigation"] .veo-nav-dropdown.is-open > .veo-nav-dropdown-toggle::after, nav[aria-label="Hauptnavigation"] .veo-nav-dropdown:hover > .veo-nav-dropdown-toggle::after, nav[aria-label="Hauptnavigation"] .veo-nav-dropdown:focus-within > .veo-nav-dropdown-toggle::after { transform: rotate(225deg) translateY(-1px); }
body.index-page-bg nav[aria-label="Hauptnavigation"] .veo-nav-dropdown-menu a,
body.index-page-bg nav[aria-label="Hauptnavigation"] .veo-nav-dropdown-menu a:hover,
body.index-page-bg nav[aria-label="Hauptnavigation"] .veo-nav-dropdown-menu a:focus-visible,
body:has(.index-hero-shell, .meddienst-home-hero) nav[aria-label="Hauptnavigation"] .veo-nav-dropdown-menu a,
body:has(.index-hero-shell, .meddienst-home-hero) nav[aria-label="Hauptnavigation"] .veo-nav-dropdown-menu a:hover,
body:has(.index-hero-shell, .meddienst-home-hero) nav[aria-label="Hauptnavigation"] .veo-nav-dropdown-menu a:focus-visible { color: rgb(255, 255, 255) !important; -webkit-text-fill-color: rgb(255, 255, 255) !important; }
body:not(.index-page-bg) .veo-whatsapp-link, body:not(.index-page-bg) .veo-whatsapp-link svg, body:not(.index-page-bg) .veo-whatsapp-link span { color: rgb(255, 255, 255) !important; fill: currentcolor !important; }
footer { width: 100% !important; margin: 0px !important; padding-top: 0px !important; padding-bottom: 0px !important; }
footer > .section-shell, footer > .section-shell.mx-auto.max-w-7xl, footer > .mx-auto.max-w-7xl { max-width: none !important; width: 100% !important; margin: 0px !important; padding: 0px !important; }
footer > .section-shell > .rounded-\[2\.5rem\].bg-\[\#111317\], footer > .mx-auto.max-w-7xl > .rounded-\[2\.5rem\].bg-\[\#111317\] { background: rgb(43, 43, 43) !important; border-radius: 0px !important; margin: 0px !important; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\], .footer-panel { background: none rgb(43, 43, 43) !important; }
footer .rounded-\[2\.5rem\].bg-\[\#111317\]::before, footer .rounded-\[2\.5rem\].bg-\[\#111317\]::after, .footer-panel::before, .footer-panel::after { content: none !important; display: none !important; background: none !important; }
body:not(.index-page-bg) .big > section:nth-of-type(2n+1) { background: none rgb(242, 242, 242) !important; }
body:not(.index-page-bg) .big > section > .absolute.inset-0 { background: none transparent !important; }
body:not(.index-page-bg) .big > section > .mx-auto > .rounded-\[2\.5rem\] > .grid > div:first-child, body:not(.index-page-bg) .big > section > .mx-auto > .rounded-\[2rem\] > .grid > div:first-child, body:not(.index-page-bg) .big > section > .mx-auto > .rounded-\[2\.5rem\] > .grid > div:first-child :is(h1, h2, h3, p, span), body:not(.index-page-bg) .big > section > .mx-auto > .rounded-\[2rem\] > .grid > div:first-child :is(h1, h2, h3, p, span) { color: inherit !important; }
.stack-up-item { background: rgb(242, 242, 242) !important; }
.bg-slate-950 { background-color: rgb(2, 6, 23) !important; }
.home-faq-surface { background: rgb(242, 242, 242) !important; }
.home-insights-section .Designfreak_solutions { background: rgb(242, 242, 242) !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; }
.home-faq-section { background: rgb(242, 242, 242) !important; }
body.regional-page .home-insights-section, body.branchen-page .home-insights-section, body.regional-page .home-insights-section .section-shell, body.branchen-page .home-insights-section .section-shell, body.regional-page .home-insights-section .Designfreak_solutions, body.branchen-page .home-insights-section .Designfreak_solutions { background-color: rgb(255, 255, 255) !important; background-image: none !important; }
body.kontakt-page #main-content, body.preise-page #main-content { background: none rgb(242, 242, 242) !important; }
body.kontakt-page #main-content.contact { margin-top: 100px !important; }
body.preise-page > .mx-auto.max-w-7xl.text-left { max-width: 103rem !important; margin: 80px auto 100px !important; width: 100% !important; text-align: left !important; }
body.preise-page > .mx-auto.max-w-7xl.text-left .mb-8.text-center { margin-top: 60px !important; margin-bottom: 35px !important; text-align: center !important; }
body.preise-page > .mx-auto.max-w-7xl.text-left .mb-8.text-center .mx-auto.max-w-3xl { margin-left: auto !important; margin-right: auto !important; }
@media (max-width: 1600px) {
  body.preise-page > .mx-auto.max-w-7xl.text-left { padding-left: 25px !important; padding-right: 25px !important; box-sizing: border-box !important; }
}
body.preise-page > .mb-10 > .mx-auto.max-w-4xl { max-width: 103rem !important; }
body.preise-page footer .section-shell.mx-auto.max-w-7xl { max-width: none !important; width: 100% !important; }
@media (min-width: 76rem) {
  .md\:py-14 { padding-block: 0px !important; }
}
.home-storyboard { background-color: rgb(37, 99, 235) !important; border-color: rgba(125, 211, 252, 0.16) !important; }
.home-storyboard::before { background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(15, 23, 42, 0) 58%) !important; }
.home-storyboard-kicker, .home-storyboard-text { color: rgba(255, 255, 255, 0.9) !important; }
.home-trust-card { background: rgb(37, 99, 235) !important; border-color: rgba(125, 211, 252, 0.14) !important; }
.home-trust-value, .home-trust-label, .home-trust-copy { color: rgb(255, 255, 255) !important; }
.home-why-right > .home-why-item:not(.home-why-item--feature) { display: none; }
.home-why-right { margin-top: 2rem; gap: 0.85rem; }
.home-why-item--feature { display: flex; flex-direction: column; gap: 0.8rem; position: relative; overflow: hidden; min-height: 100%; border-radius: 1.65rem; padding: 1.2rem 1.25rem 1.15rem; box-shadow: rgba(15, 23, 42, 0.06) 0px 18px 40px; transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s; border: 1px solid rgba(148, 163, 184, 0.22) !important; background: radial-gradient(circle at right top, rgba(37, 99, 235, 0.2), transparent 32%), linear-gradient(rgba(255, 255, 255, 0.96), rgba(245, 243, 255, 0.92)) !important; }
.home-why-item--feature:hover { transform: translateY(-4px); box-shadow: rgba(15, 23, 42, 0.1) 0px 24px 48px; border-color: rgba(37, 99, 235, 0.3) !important; }
.home-why-icon { display: inline-flex; align-items: center; justify-content: center; width: 3.35rem; height: 3.35rem; border-radius: 1.1rem; background: linear-gradient(135deg, rgb(37, 99, 235), rgb(37, 99, 235)); color: rgb(255, 255, 255); box-shadow: rgba(15, 23, 42, 0.16) 0px 16px 34px; }
.home-why-icon svg { width: 1.45rem; height: 1.45rem; display: block; }
.home-why-meta { display: flex; flex-direction: column; }
.home-why-eyebrow { margin: 0px 0px 0.6rem; font-size: 0.72rem; font-weight: 800; letter-spacing: 0.22em; text-transform: uppercase; color: rgb(37, 99, 235); }
.home-why-meta .mt-3 { margin-top: 0.55rem !important; }
.home-why-meta .leading-7 { line-height: 1.55 !important; }
.home-why-points { display: flex; flex-wrap: wrap; gap: 0.55rem; margin-top: auto; }
.home-why-points span { display: inline-flex; align-items: center; min-height: 2rem; border-radius: 999px; border: 1px solid rgba(37, 99, 235, 0.12); background: rgba(255, 255, 255, 0.92); padding: 0.42rem 0.8rem; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(15, 23, 42); }
@media (max-width: 48rem) {
  .home-why-right { margin-top: 1rem; }
  .home-why-item--feature { padding: 1.2rem; }
}
.Designfreak_solutions div.Designfreak_solutions_tabs_buttons span { padding: 11px !important; }
.project-card-featured-meta { position: absolute !important; inset: 1rem auto auto 1rem !important; z-index: 3 !important; }
body.webseite-erstellen-page .faq-item { background: rgb(242, 242, 242) !important; }
body.grafikdesign-page .faq-item { background: rgb(242, 242, 242) !important; }
body.grafikdesign-page .rounded-\[2rem\].border.border-white\/70.p-8.backdrop-blur-xl.md\:p-10.bg-white.motion-reveal[data-motion-surface="glass"] { background-color: rgb(255, 255, 255) !important; background-image: none !important; }
body.grafikdesign-page section.defer-render.px-4.py-10.md\:px-8.md\:py-14.lg\:px-12.defer-render-static { background: none rgb(255, 255, 255) !important; }
body.ki-sichtbarkeit-page #leistungen { background-color: rgb(255, 255, 255) !important; background-image: none !important; }
body.seo-optimierung-page #leistungen { background-color: rgb(255, 255, 255) !important; background-image: none !important; }
body.local-seo-page .big > section:nth-of-type(2), body.seo-optimierung-page .big > section:nth-of-type(2) { background-color: rgb(255, 255, 255) !important; background-image: none !important; }
body.webdesign-references-page #projekte article.group:not(.project-card-featured)::before, body.flyer-references-page #projekte article.group:not(.project-card-featured)::before { content: none !important; display: none !important; background: none !important; filter: none !important; }
.mx-auto.max-w-7xl.rounded-\[2\.5rem\].border.border-white\/70.bg-white\/90.px-6.py-14.sm\:px-10.lg\:px-14.motion-reveal.is-visible { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; }
.contact-cta-shell { background: transparent !important; border-color: transparent !important; }
body.motion-ready .contact-cta-shell.is-visible { background: rgba(255, 255, 255, 0.9) !important; }
.space-y-2 > :not(:last-child), :where(.space-y-2 > :not(:last-child)) { margin-block-end: 0px !important; }
@media (max-width: 767.98px) {
  nav[aria-label="Hauptnavigation"] .veo-mobile-menu { position: fixed !important; inset: 0px !important; z-index: 2000 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; width: 100vw !important; max-width: none !important; min-height: 100vh !important; height: 100svh !important; margin: 0px !important; border-radius: 0px !important; background: rgb(255, 255, 255) !important; padding: clamp(5.5rem, 12vh, 7rem) 1.6rem 2rem !important; overflow-y: auto !important; overscroll-behavior: contain !important; backdrop-filter: blur(18px) saturate(1.18) !important; transform: translateZ(0px) !important; isolation: isolate !important; box-shadow: none !important; }
  nav[aria-label="Hauptnavigation"] .veo-mobile-menu::before { content: "" !important; position: fixed !important; inset: 0px !important; z-index: -1 !important; pointer-events: none !important; background: transparent !important; }
  nav[aria-label="Hauptnavigation"] .veo-mobile-menu.hidden { display: none !important; }
  nav[aria-label="Hauptnavigation"] .veo-mobile-menu > .flex, nav[aria-label="Hauptnavigation"] .veo-mobile-menu .flex.flex-col { width: 100% !important; max-width: 30rem !important; margin: 0px auto !important; gap: 1.05rem !important; text-align: center !important; }
  nav[aria-label="Hauptnavigation"] .veo-mobile-menu a, nav[aria-label="Hauptnavigation"] .veo-mobile-menu summary { display: flex !important; justify-content: center !important; align-items: center !important; min-height: 3.4rem !important; border-radius: 999px !important; background: transparent !important; border: 1px solid rgba(15, 23, 42, 0.12) !important; backdrop-filter: none !important; padding: 0.85rem 1.2rem !important; color: rgb(0, 0, 0) !important; font-size: clamp(1.35rem, 6vw, 2.15rem) !important; font-weight: 800 !important; line-height: 1.05 !important; text-align: center !important; letter-spacing: 0px !important; }
  nav[aria-label="Hauptnavigation"] .veo-mobile-submenu { display: grid !important; gap: 0.65rem !important; margin-top: 0.75rem !important; }
  nav[aria-label="Hauptnavigation"] .veo-mobile-submenu a { min-height: 2.8rem !important; font-size: clamp(1.02rem, 4.8vw, 1.45rem) !important; font-weight: 700 !important; background: transparent !important; }
  nav[aria-label="Hauptnavigation"] .veo-mobile-menu .veo-language-flags { margin-top: 1rem !important; gap: 0.85rem !important; }
  nav[aria-label="Hauptnavigation"] .veo-mobile-menu .veo-language-flag { min-height: 0px !important; width: 2.2rem !important; height: 1.55rem !important; padding: 0px !important; border-radius: 0.28rem !important; background: transparent !important; border: 0px !important; }
}
@media (min-width: 64rem) {
  #projekte .project-hero-inner { grid-template-columns: minmax(0px, 1.1fr) minmax(20rem, 0.9fr) !important; }
}
@media (min-width: 48rem) {
  body > .big > nav[aria-label="Hauptnavigation"] > .mx-auto.max-w-7xl { padding-left: 80px !important; padding-right: 80px !important; }
}
body.regional-page #main-content, body.regional-page #main-content > .section-shell, body.regional-page #main-content .meddienst-home-hero, body.branchen-page #main-content, body.branchen-page #main-content > .section-shell, body.branchen-page #main-content .meddienst-home-hero { background: none transparent !important; }
body:not(.index-page-bg) .big > section { padding-left: 20px !important; padding-right: 20px !important; }
body.webseite-erstellen-page #main-content > .mx-auto.max-w-7xl > .rounded-\[2\.5rem\].border.border-white\/70.bg-white\/70.px-8.py-14.backdrop-blur-xl { background: none transparent !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; backdrop-filter: none !important; }
body.e-commerce-page #main-content .rounded-\[2\.5rem\].border.border-white\/70.bg-white\/70 { background: none transparent !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; backdrop-filter: none !important; }
body.grafikdesign-page #main-content > .mx-auto.max-w-7xl > .rounded-\[2\.5rem\].border.border-white\/70.bg-white\/70.px-8.py-14.backdrop-blur-xl { background: none transparent !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; backdrop-filter: none !important; }
#projekte article.group, #projekte .gallery-image, #projekte .project-card-featured-link, .projects-portfolio-grid .portfolio-card, .projects-portfolio-grid .portfolio-browser-link { transition: none !important; }
#projekte article.group::before, #projekte article.group > div:first-child::after { opacity: 0 !important; }
#projekte article.group:hover, #projekte article.group:hover .gallery-image, #projekte .project-card-featured-link:hover, .projects-portfolio-grid .portfolio-card:hover, .projects-portfolio-grid .portfolio-browser-link:hover { transform: none !important; filter: none !important; box-shadow: inherit !important; border-color: transparent !important; }
#projekte article.group:hover::before, #projekte article.group:hover > div:first-child::after { opacity: 0 !important; }
body.webseite-erstellen-page section.defer-render.px-4.py-10.md\:px-8.md\:py-14.lg\:px-12 { background: none rgb(242, 242, 242) !important; }
body.webseite-erstellen-page section.defer-render.px-4.py-10.md\:px-8.md\:py-14.lg\:px-12 + section.defer-render.px-4.py-10.md\:px-8.md\:py-14.lg\:px-12 { background: none rgb(255, 255, 255) !important; }
body.webseite-erstellen-page section.defer-render.px-4.py-10.md\:px-8.md\:py-14.lg\:px-12:nth-last-of-type(2) { background: none rgb(255, 255, 255) !important; }
body.webseite-erstellen-page .defer-render.px-4.py-8.md\:px-8.md\:py-12.lg\:px-12.defer-render-static { background: none rgb(255, 255, 255) !important; }
body.webseite-erstellen-page .rounded-\[2\.5rem\].border.border-white\/70.p-8.backdrop-blur-xl.md\:p-12.bg-white\/90 { background: none transparent !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; }
body.webseite-erstellen-page .rounded-\[2rem\].border.border-slate-200\/70.bg-white.p-8.md\:p-10 { background: none transparent !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; }
body.e-commerce-page .rounded-\[2rem\].bg-slate-900.p-8.text-white.md\:p-10 { background: none rgb(241, 245, 249) !important; }
body.e-commerce-page section.defer-render.px-4.py-10.md\:px-8.md\:py-14.lg\:px-12:has(.rounded-\[2\.5rem\].border.border-white\/70.p-8.md\:p-12) { background: none rgb(255, 255, 255) !important; }
body.ki-sichtbarkeit-page .rounded-\[2rem\].bg-slate-950.p-8.text-white { background-color: rgb(37, 99, 235) !important; background-image: none !important; }
body.ki-sichtbarkeit-page section.defer-render.px-4.py-8.sm\:px-6.lg\:px-8:has(> .mx-auto.max-w-7xl > article > .px-6.py-12.sm\:px-10.lg\:px-12 > p.text-sm.font-semibold.tracking-\[0\.25em\].text-sky-700) { background: none rgb(255, 255, 255) !important; }
body.ki-sichtbarkeit-page article.overflow-hidden.rounded-\[2rem\].border.border-white\/70.bg-white\/90:has(.rounded-\[2rem\].bg-slate-950.p-8.text-white) { background: none rgb(241, 245, 249) !important; }
body.local-seo-page article.overflow-hidden.rounded-\[2rem\].border.border-white\/70.bg-white\/90:has(.rounded-\[2rem\].bg-slate-950.p-8.text-white) { background: none rgb(241, 245, 249) !important; }
body.seo-optimierung-page article.overflow-hidden.rounded-\[2rem\].border.border-white\/70.bg-white\/90:has(.rounded-\[2rem\].bg-slate-950.p-8.text-white) { background: none rgb(241, 245, 249) !important; }
body.seo-optimierung-page section.defer-render.px-4.py-8.sm\:px-6.lg\:px-8:has(> .mx-auto.max-w-7xl > article > .px-6.py-12.sm\:px-10.lg\:px-12 > p.text-sm.font-semibold.tracking-\[0\.25em\].text-amber-700) { background: none rgb(255, 255, 255) !important; }
.subpage-breadcrumb-hero { position: relative; overflow: hidden; padding: clamp(0.45rem, 0.9vw, 1rem) 1.25rem clamp(4.5rem, 7vw, 7rem); background: url("../images/header.svg") center center / cover no-repeat !important; color: rgb(255, 255, 255) !important; margin-top: 0px !important; }
.subpage-breadcrumb-hero::before { content: ""; position: absolute; inset: 0px; pointer-events: none; background: linear-gradient(rgba(76, 29, 149, 0) 0%, rgba(76, 29, 149, 0.08) 100%); }
.subpage-breadcrumb-hero::after { content: none; }
.subpage-breadcrumb-inner { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0px, 1.05fr) minmax(320px, 520px); gap: clamp(1.8rem, 5vw, 4.5rem); align-items: center; max-width: 1449px; margin: 0px auto; }
.subpage-breadcrumb-hero > .mx-auto { position: relative; z-index: 1; background: transparent; box-shadow: none; width: 100% !important; max-width: 1628px !important; }
.subpage-breadcrumb-copy { min-width: 0px; }
body:has(.subpage-breadcrumb-hero) nav[aria-label="Hauptnavigation"] { position: absolute !important; inset: 0 0 auto 0 !important; z-index: 1100 !important; padding: 1.65rem clamp(32px, 8vw, 180px) 0 !important; background: none transparent !important; box-shadow: none !important; border: 0px !important; }
@media (min-width: 1217px) {
  body:has(.subpage-breadcrumb-hero) nav[aria-label="Hauptnavigation"] > .mx-auto.max-w-7xl { background: none transparent !important; }
}
body:has(.subpage-breadcrumb-hero) .subpage-breadcrumb-hero { padding-top: clamp(7rem, 9vw, 9rem) !important; }
.subpage-breadcrumb-nav { margin-bottom: 1.15rem; font-size: 0.84rem; font-weight: 700; letter-spacing: 0px; color: rgb(255, 255, 255) !important; }
.subpage-breadcrumb-kicker { display: inline-flex; width: auto; border: 1px solid rgba(255, 255, 255, 0.24); background: rgba(255, 255, 255, 0.1); padding: 0.62rem 0.9rem; border-radius: 999px; font-weight: 800; text-transform: uppercase; max-width: none !important; margin: 0px 0px 1rem !important; color: rgb(255, 255, 255) !important; font-size: 0.8rem !important; line-height: 1 !important; }
.subpage-breadcrumb-nav ol { display: flex; flex-wrap: wrap; gap: 0.45rem; align-items: center; margin: 0px; padding: 0px; list-style: none; }
.subpage-breadcrumb-nav li { display: inline-flex; align-items: center; gap: 0.45rem; }
.subpage-breadcrumb-nav li + li::before { content: "/"; color: rgba(255, 255, 255, 0.7); }
.subpage-breadcrumb-nav a { text-decoration: none; color: rgb(255, 255, 255) !important; }
.subpage-breadcrumb-nav a:hover { text-decoration: underline; }
.subpage-breadcrumb-hero h1 { max-width: 900px; margin: 0px; font-family: Anton, Manrope, Arial, sans-serif; font-size: clamp(3rem, 7vw, 7.5rem); line-height: 0.96; letter-spacing: 0px; text-transform: uppercase; }
.subpage-breadcrumb-hero p { max-width: 760px; margin: 1.35rem 0px 0px; font-size: clamp(1.05rem, 1.5vw, 1.24rem); line-height: 1.75; }
.subpage-breadcrumb-hero .rounded-3xl.border.border-slate-200.bg-white\/80, .subpage-breadcrumb-hero .rounded-3xl.border.border-slate-200\/80.bg-white\/80 { background: rgb(59, 130, 246) !important; border: transparent !important; }
.subpage-breadcrumb-card-grid .subpage-breadcrumb-card:nth-child(1) { background: rgb(59, 130, 246) !important; }
.subpage-breadcrumb-card-grid .subpage-breadcrumb-card:nth-child(2) { background: rgb(37, 99, 235) !important; }
.subpage-breadcrumb-card-grid .subpage-breadcrumb-card:nth-child(3) { background: rgb(29, 78, 216) !important; }
.subpage-breadcrumb-card-grid .subpage-breadcrumb-card .text-slate-950, .subpage-breadcrumb-card-grid .subpage-breadcrumb-card .text-slate-600 { color: rgb(255, 255, 255) !important; }
.subpage-breadcrumb-hero .relative.rounded-\[2rem\].border.border-white\/80.bg-white\/70.p-4.backdrop-blur { background: none rgb(30, 64, 175) !important; border: transparent !important; }
.subpage-breadcrumb-hero .subpage-breadcrumb-visual { background: none rgb(30, 64, 175) !important; border: transparent !important; }
.subpage-breadcrumb-hero a[href="#leistungen"].inline-flex.items-center.justify-center.rounded-full.border.border-slate-300.bg-white { color: rgb(0, 0, 0) !important; -webkit-text-fill-color: rgb(0, 0, 0) !important; }
.subpage-breadcrumb-hero .subpage-whatsapp-button { min-height: 3.35rem; border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: rgba(15, 23, 42, 0.22) 0px 18px 38px; background: rgb(15, 23, 42) !important; color: rgb(255, 255, 255) !important; -webkit-text-fill-color: rgb(255, 255, 255) !important; }
.subpage-breadcrumb-hero .subpage-whatsapp-icon { display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: 999px; background: rgb(34, 197, 94); color: rgb(255, 255, 255) !important; -webkit-text-fill-color: rgb(255, 255, 255) !important; }
.subpage-breadcrumb-hero .subpage-whatsapp-support { margin-left: 0.35rem; padding-left: 0.85rem; border-left: 1px solid rgba(255, 255, 255, 0.24); color: rgba(255, 255, 255, 0.86) !important; -webkit-text-fill-color: rgba(255, 255, 255, 0.86) !important; }
.subpage-breadcrumb-hero .rounded-2xl.bg-white.p-4.ring-1.ring-slate-200, .subpage-breadcrumb-hero .rounded-2xl.bg-white.p-4.ring-1.ring-slate-200 div, .subpage-breadcrumb-hero .rounded-2xl.bg-white.p-4.ring-1.ring-slate-200 p, .subpage-breadcrumb-hero .rounded-2xl.bg-white.p-4.ring-1.ring-slate-200 .text-slate-900, .subpage-breadcrumb-hero .rounded-2xl.bg-white.p-4.ring-1.ring-slate-200 .text-slate-500 { color: rgb(15, 23, 42) !important; -webkit-text-fill-color: rgb(15, 23, 42) !important; }
.subpage-breadcrumb-hero .text-slate-950 { color: rgb(255, 255, 255) !important; -webkit-text-fill-color: rgb(255, 255, 255) !important; }
.subpage-breadcrumb-hero .text-slate-700 { color: rgb(255, 255, 255) !important; -webkit-text-fill-color: rgb(255, 255, 255) !important; }
.subpage-breadcrumb-hero .text-slate-600 { color: rgb(255, 255, 255) !important; -webkit-text-fill-color: rgb(255, 255, 255) !important; }
.subpage-breadcrumb-hero .text-slate-500 { color: rgba(255, 255, 255, 0.82) !important; -webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important; }
.subpage-breadcrumb-hero .text-sky-700 { color: rgb(255, 255, 255) !important; -webkit-text-fill-color: rgb(255, 255, 255) !important; }
.subpage-breadcrumb-hero .text-sky-300 { color: rgb(255, 255, 255) !important; -webkit-text-fill-color: rgb(255, 255, 255) !important; }
.subpage-breadcrumb-media { position: relative; overflow: hidden; margin: 0px; aspect-ratio: 1 / 1; border: 1px solid rgba(255, 255, 255, 0.26); border-radius: 1.6rem; background: rgba(255, 255, 255, 0.12); box-shadow: rgba(12, 6, 28, 0.32) 0px 28px 75px; transform: rotate(1.2deg); }
.subpage-breadcrumb-media picture, .subpage-breadcrumb-media img { display: block; width: 100%; height: 100%; }
.subpage-breadcrumb-media img { object-fit: cover; transform: scale(1.02); }
.subpage-breadcrumb-media::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(rgba(76, 29, 149, 0), rgba(76, 29, 149, 0.32)); pointer-events: none; }
.subpage-breadcrumb-media-badge { position: absolute; left: 1rem; right: 1rem; bottom: 1rem; z-index: 2; display: inline-flex; width: fit-content; max-width: calc(100% - 2rem); border: 1px solid rgba(255, 255, 255, 0.24); border-radius: 999px; background: rgba(17, 19, 23, 0.44); color: rgb(255, 255, 255); padding: 0.62rem 0.9rem; font-size: 0.82rem; font-weight: 800; line-height: 1.15; backdrop-filter: blur(12px); }
.subpage-breadcrumb-boxes { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 1rem; max-width: 1449px; margin: clamp(2.5rem, 5vw, 4.5rem) auto 0px; }
.subpage-breadcrumb-box { border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 1.1rem; background: rgba(255, 255, 255, 0.09); padding: clamp(1.1rem, 2vw, 1.45rem); color: rgb(255, 255, 255); backdrop-filter: blur(14px); box-shadow: rgba(12, 6, 28, 0.18) 0px 20px 45px; }
.subpage-breadcrumb-box span { display: block; margin-bottom: 0.55rem; color: rgba(255, 255, 255, 0.72); font-size: 0.78rem; font-weight: 900; text-transform: uppercase; }
.subpage-breadcrumb-box p { max-width: none; margin: 0px; color: rgb(255, 255, 255); font-size: 0.96rem; line-height: 1.6; }
@media (max-width: 860px) {
  .subpage-breadcrumb-hero { padding-top: 7rem; padding-bottom: 3.5rem; }
  .subpage-breadcrumb-inner { grid-template-columns: 1fr; }
  .subpage-breadcrumb-media { aspect-ratio: 16 / 10; transform: none; }
  .subpage-breadcrumb-boxes { grid-template-columns: 1fr; }
}
.rounded-\[2rem\].border.border-white\/70.p-8.backdrop-blur-xl.md\:p-10.bg-white.motion-reveal[data-motion-surface="glass"] { background: none rgb(255, 255, 255) !important; }
#projekte .project-card-featured-media::before { content: none !important; display: none !important; }
#projekte .project-card-featured-meta { position: absolute; inset: 1rem auto auto 1rem; z-index: 3; }
#projekte .project-card-featured-body { display: flex; flex: 1 1 auto; flex-direction: column; gap: 0.8rem; padding: 1.05rem 0.35rem 0.9rem; }
#projekte .project-card-featured-row { display: flex; flex: 1 1 auto; flex-direction: column; width: 100%; }
.footer-panel p.font-semibold, footer .rounded-\[2\.5rem\].bg-\[\#111317\] p.font-semibold::before, footer .footer-panel p.font-semibold::before { color: rgb(37, 99, 235) !important; }
.portfolio-page-surface .portfolio-shell .text-slate-500, .portfolio-page-surface .portfolio-shell .text-slate-700, .portfolio-page-surface .portfolio-shell .text-slate-900, .portfolio-page-surface .portfolio-shell a.transition, .portfolio-page-surface .portfolio-shell li.text-slate-900 { color: rgb(255, 255, 255) !important; }
.portfolio-page-surface .portfolio-shell .text-slate-300 { color: rgba(255, 255, 255, 0.72) !important; }
.portfolio-page-surface .portfolio-shell a.transition:hover { color: rgb(255, 255, 255) !important; }
@media (max-width: 767.98px) {
  nav[aria-label="Hauptnavigation"] #mobile-menu-2.veo-mobile-menu:not(.hidden), nav[aria-label="Hauptnavigation"] [id^="mobile-menu-"].veo-mobile-menu:not(.hidden) { position: fixed !important; inset: 0px !important; z-index: 99999 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; width: 100vw !important; max-width: none !important; min-height: 100vh !important; height: 100svh !important; margin: 0px !important; border-radius: 0px !important; padding: clamp(5.5rem, 12vh, 7rem) 1.5rem 2rem !important; overflow-y: auto !important; background: rgb(255, 255, 255) !important; backdrop-filter: blur(22px) saturate(1.18) !important; overscroll-behavior: contain !important; box-shadow: none !important; }
  nav[aria-label="Hauptnavigation"] #mobile-menu-2.veo-mobile-menu.hidden, nav[aria-label="Hauptnavigation"] [id^="mobile-menu-"].veo-mobile-menu.hidden, nav[aria-label="Hauptnavigation"] #mobile-menu-2.veo-mobile-menu[hidden], nav[aria-label="Hauptnavigation"] [id^="mobile-menu-"].veo-mobile-menu[hidden] { display: none !important; }
  nav[aria-label="Hauptnavigation"] #mobile-menu-2.veo-mobile-menu a, nav[aria-label="Hauptnavigation"] #mobile-menu-2.veo-mobile-menu summary, nav[aria-label="Hauptnavigation"] [id^="mobile-menu-"].veo-mobile-menu a, nav[aria-label="Hauptnavigation"] [id^="mobile-menu-"].veo-mobile-menu summary { font-size: clamp(1.55rem, 7vw, 2.45rem) !important; font-weight: 900 !important; line-height: 1.05 !important; color: rgb(0, 0, 0) !important; -webkit-text-fill-color: rgb(0, 0, 0) !important; text-align: center !important; justify-content: center !important; min-height: 3.65rem !important; padding: 0.9rem 1.15rem !important; border-radius: 999px !important; background: transparent !important; border: 1px solid rgba(15, 23, 42, 0.12) !important; backdrop-filter: none !important; }
  nav[aria-label="Hauptnavigation"] #mobile-menu-2.veo-mobile-menu .veo-mobile-submenu a, nav[aria-label="Hauptnavigation"] [id^="mobile-menu-"].veo-mobile-menu .veo-mobile-submenu a { font-size: clamp(1.08rem, 5vw, 1.55rem) !important; min-height: 2.9rem !important; font-weight: 800 !important; }
}
@media (max-width: 1216px) {
  body nav[aria-label="Hauptnavigation"] #mobile-menu-2.veo-mobile-menu, body nav[aria-label="Hauptnavigation"] [id^="mobile-menu-"].veo-mobile-menu { position: fixed !important; inset: 0px !important; z-index: 99999 !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; width: 100vw !important; max-width: none !important; min-height: 100svh !important; height: 100svh !important; margin: 0px !important; padding: clamp(3.7rem, 7vh, 4.8rem) 1.35rem 2rem !important; overflow-y: auto !important; border: 0px !important; border-radius: 0px !important; color: rgb(0, 0, 0) !important; background: none rgb(255, 255, 255) !important; box-shadow: none !important; isolation: isolate !important; overscroll-behavior: contain !important; }
  body nav[aria-label="Hauptnavigation"] #mobile-menu-2.veo-mobile-menu.hidden, body nav[aria-label="Hauptnavigation"] [id^="mobile-menu-"].veo-mobile-menu.hidden, body nav[aria-label="Hauptnavigation"] #mobile-menu-2.veo-mobile-menu[hidden], body nav[aria-label="Hauptnavigation"] [id^="mobile-menu-"].veo-mobile-menu[hidden] { display: none !important; }
  body nav[aria-label="Hauptnavigation"] #mobile-menu-2.veo-mobile-menu::before, body nav[aria-label="Hauptnavigation"] [id^="mobile-menu-"].veo-mobile-menu::before { content: "" !important; position: fixed !important; inset: -2rem !important; z-index: -2 !important; display: block !important; pointer-events: none !important; background: url("../images/breadcrumb/bread.webp") center center / cover no-repeat !important; filter: blur(18px) saturate(1.2) !important; transform: scale(1.05) translateZ(0px) !important; }
  body nav[aria-label="Hauptnavigation"] #mobile-menu-2.veo-mobile-menu::after, body nav[aria-label="Hauptnavigation"] [id^="mobile-menu-"].veo-mobile-menu::after { content: "" !important; position: fixed !important; inset: 0px !important; z-index: -1 !important; display: block !important; pointer-events: none !important; background: transparent !important; }
  body nav[aria-label="Hauptnavigation"] #mobile-menu-2.veo-mobile-menu > *, body nav[aria-label="Hauptnavigation"] [id^="mobile-menu-"].veo-mobile-menu > * { position: relative !important; z-index: 1 !important; width: min(100%, 31rem) !important; margin-right: auto !important; margin-left: auto !important; }
  body nav[aria-label="Hauptnavigation"] #mobile-menu-2.veo-mobile-menu a, body nav[aria-label="Hauptnavigation"] #mobile-menu-2.veo-mobile-menu summary, body nav[aria-label="Hauptnavigation"] [id^="mobile-menu-"].veo-mobile-menu a, body nav[aria-label="Hauptnavigation"] [id^="mobile-menu-"].veo-mobile-menu summary { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 2.35rem !important; padding: 0.42rem 0.4rem !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; color: rgb(0, 0, 0) !important; -webkit-text-fill-color: rgb(0, 0, 0) !important; font-size: clamp(0.92rem, 3.4vw, 1.08rem) !important; font-weight: 750 !important; line-height: 1.2 !important; text-align: center !important; letter-spacing: 0px !important; text-shadow: rgba(15, 23, 42, 0.24) 0px 8px 18px !important; backdrop-filter: none !important; }
  body nav[aria-label="Hauptnavigation"] #mobile-menu-2.veo-mobile-menu .veo-mobile-submenu a, body nav[aria-label="Hauptnavigation"] [id^="mobile-menu-"].veo-mobile-menu .veo-mobile-submenu a { min-height: 2.05rem !important; font-size: clamp(0.84rem, 3vw, 0.98rem) !important; font-weight: 700 !important; }
  body nav[aria-label="Hauptnavigation"] #mobile-menu-2.veo-mobile-menu .veo-language-flags, body nav[aria-label="Hauptnavigation"] [id^="mobile-menu-"].veo-mobile-menu .veo-language-flags, body nav[aria-label="Hauptnavigation"] #mobile-menu-2.veo-mobile-menu .veo-menu-flags, body nav[aria-label="Hauptnavigation"] [id^="mobile-menu-"].veo-mobile-menu .veo-menu-flags { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 0.75rem !important; width: auto !important; max-width: none !important; margin: 0.8rem auto 0px !important; }
  body nav[aria-label="Hauptnavigation"] #mobile-menu-2.veo-mobile-menu .veo-language-flag, body nav[aria-label="Hauptnavigation"] [id^="mobile-menu-"].veo-mobile-menu .veo-language-flag, body nav[aria-label="Hauptnavigation"] #mobile-menu-2.veo-mobile-menu .veo-menu-flag, body nav[aria-label="Hauptnavigation"] [id^="mobile-menu-"].veo-mobile-menu .veo-menu-flag { display: inline-flex !important; width: 2rem !important; height: 1.35rem !important; min-height: 0px !important; padding: 0px !important; border: 0px !important; border-radius: 0.2rem !important; background: transparent !important; box-shadow: none !important; overflow: hidden !important; }
  body nav[aria-label="Hauptnavigation"] #mobile-menu-2.veo-mobile-menu .veo-language-flag img, body nav[aria-label="Hauptnavigation"] [id^="mobile-menu-"].veo-mobile-menu .veo-language-flag img, body nav[aria-label="Hauptnavigation"] #mobile-menu-2.veo-mobile-menu .veo-menu-flag img, body nav[aria-label="Hauptnavigation"] [id^="mobile-menu-"].veo-mobile-menu .veo-menu-flag img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; opacity: 1 !important; visibility: visible !important; }
}
@media (max-width: 1216px) {
  body nav[aria-label="Hauptnavigation"] #mobile-menu-2.veo-mobile-menu a:not(.veo-language-flag):not(.veo-menu-flag), body nav[aria-label="Hauptnavigation"] #mobile-menu-2.veo-mobile-menu summary, body nav[aria-label="Hauptnavigation"] [id^="mobile-menu-"].veo-mobile-menu a:not(.veo-language-flag):not(.veo-menu-flag), body nav[aria-label="Hauptnavigation"] [id^="mobile-menu-"].veo-mobile-menu summary, body nav[aria-label="Hauptnavigation"] #mobile-menu-2.veo-mobile-menu .veo-menu-link-highlight, body nav[aria-label="Hauptnavigation"] [id^="mobile-menu-"].veo-mobile-menu .veo-menu-link-highlight { width: auto !important; min-height: 0px !important; margin: 0px !important; padding: 0.22rem 0px !important; border: 0px !important; border-radius: 0px !important; background: none transparent !important; box-shadow: none !important; transform: none !important; }
  body nav[aria-label="Hauptnavigation"] #mobile-menu-2.veo-mobile-menu .veo-mobile-submenu, body nav[aria-label="Hauptnavigation"] [id^="mobile-menu-"].veo-mobile-menu .veo-mobile-submenu { display: grid !important; width: min(100%, 22rem) !important; place-items: center !important; margin: 0.35rem auto 0.45rem !important; padding-left: 0px !important; border-left: 0px !important; text-align: center !important; }
  body nav[aria-label="Hauptnavigation"] #mobile-menu-2.veo-mobile-menu .veo-mobile-submenu a, body nav[aria-label="Hauptnavigation"] [id^="mobile-menu-"].veo-mobile-menu .veo-mobile-submenu a { justify-content: center !important; width: auto !important; margin: 0px !important; padding-left: 0px !important; border-left: 0px !important; text-align: center !important; }
  body:has(#mobile-menu-2.veo-mobile-menu:not(.hidden)) nav[aria-label="Hauptnavigation"] .logo, body:has([id^="mobile-menu-"].veo-mobile-menu:not(.hidden)) nav[aria-label="Hauptnavigation"] .logo { position: fixed !important; top: 1rem !important; left: 1.2rem !important; z-index: 100000 !important; display: flex !important; color: rgb(255, 255, 255) !important; }
  body:has(#mobile-menu-2.veo-mobile-menu:not(.hidden)) nav[aria-label="Hauptnavigation"] .logo img, body:has([id^="mobile-menu-"].veo-mobile-menu:not(.hidden)) nav[aria-label="Hauptnavigation"] .logo img { width: 3.68rem !important; height: 3.68rem !important; object-fit: contain !important; filter: drop-shadow(rgba(15, 23, 42, 0.28) 0px 12px 24px) !important; }
}
body.preise-page .subpage-breadcrumb-hero, body.preise-page > .mb-10.px-6.py-10 { background: url("../images/breadcrumb/bread.webp") center center / cover no-repeat, rgb(242, 242, 242) !important; }
body.preise-page .subpage-breadcrumb-hero, body.preise-page .subpage-breadcrumb-hero *, body.preise-page > .mb-10.px-6.py-10, body.preise-page > .mb-10.px-6.py-10 * { color: rgb(0, 0, 0) !important; }
body.preise-page .subpage-breadcrumb-hero nav[aria-label="Breadcrumb"], body.preise-page .subpage-breadcrumb-hero nav[aria-label="Breadcrumb"] *, body.preise-page > .mb-10.px-6.py-10 nav[aria-label="Breadcrumb"], body.preise-page > .mb-10.px-6.py-10 nav[aria-label="Breadcrumb"] * { color: rgb(0, 0, 0) !important; }
.subpage-breadcrumb-hero h1, .subpage-breadcrumb-hero p, body.preise-page > .mb-10.px-6.py-10 h1, body.preise-page > .mb-10.px-6.py-10 p { color: rgb(0, 0, 0) !important; -webkit-text-fill-color: rgb(0, 0, 0) !important; }
section[aria-labelledby="subpage-breadcrumb-title"] h1, section[aria-labelledby="subpage-breadcrumb-title"] p, nav[aria-label="Breadcrumb"] ~ .mx-auto h1, nav[aria-label="Breadcrumb"] ~ .mx-auto p, nav[aria-label="Breadcrumb"] + .mx-auto h1, nav[aria-label="Breadcrumb"] + .mx-auto p { color: rgb(0, 0, 0) !important; -webkit-text-fill-color: rgb(0, 0, 0) !important; }
.subpage-breadcrumb-hero h1 *, .subpage-breadcrumb-hero p *, section[aria-labelledby="subpage-breadcrumb-title"] h1 *, section[aria-labelledby="subpage-breadcrumb-title"] p *, nav[aria-label="Breadcrumb"] ~ .mx-auto h1 *, nav[aria-label="Breadcrumb"] ~ .mx-auto p *, nav[aria-label="Breadcrumb"] + .mx-auto h1 *, nav[aria-label="Breadcrumb"] + .mx-auto p * { color: rgb(0, 0, 0) !important; -webkit-text-fill-color: rgb(0, 0, 0) !important; }
.subpage-breadcrumb-hero, section[aria-labelledby="subpage-breadcrumb-title"], body > .mb-10.px-6.py-10 { background: url("../images/header.svg") center center / cover no-repeat !important; }
body.preise-page .subpage-breadcrumb-hero [class*="bg-blue"], body.preise-page .subpage-breadcrumb-hero [class*="bg-blue"], body.preise-page .subpage-breadcrumb-hero [class*="from-blue"], body.preise-page .subpage-breadcrumb-hero [class*="to-blue"], body.preise-page .subpage-breadcrumb-hero [class*="from-blue"], body.preise-page .subpage-breadcrumb-hero [class*="to-blue"], body.preise-page .subpage-breadcrumb-hero [style*="#2563eb"], body.preise-page .subpage-breadcrumb-hero [style*="76, 29, 149"], body.preise-page > .mb-10.px-6.py-10 [class*="bg-blue"], body.preise-page > .mb-10.px-6.py-10 [class*="bg-blue"], body.preise-page > .mb-10.px-6.py-10 [style*="#2563eb"], body.preise-page > .mb-10.px-6.py-10 [style*="76, 29, 149"] { background: none rgb(242, 242, 242) !important; }
body.preise-page > .mx-auto.max-w-7xl.text-left [id] > .grid > article:nth-child(2) {
  background: none rgb(59, 130, 246) !important;
  background-color: rgb(59, 130, 246) !important;
  border-color: rgba(96, 165, 250, 0.55) !important;
  color: rgb(255, 255, 255) !important;
  box-shadow: rgba(37, 99, 235, 0.18) 0px 24px 64px !important;
}
body.preise-page > .mx-auto.max-w-7xl.text-left [id] > .grid > article:nth-child(2) *,
body.preise-page > .mx-auto.max-w-7xl.text-left [id] > .grid > article:nth-child(2) .text-slate-950,
body.preise-page > .mx-auto.max-w-7xl.text-left [id] > .grid > article:nth-child(2) .text-slate-900,
body.preise-page > .mx-auto.max-w-7xl.text-left [id] > .grid > article:nth-child(2) .text-slate-700,
body.preise-page > .mx-auto.max-w-7xl.text-left [id] > .grid > article:nth-child(2) .text-slate-600,
body.preise-page > .mx-auto.max-w-7xl.text-left [id] > .grid > article:nth-child(2) .text-slate-500 {
  color: rgb(255, 255, 255) !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
}
body.preise-page > .mx-auto.max-w-7xl.text-left [id] > .grid > article:nth-child(2) a,
body.preise-page > .mx-auto.max-w-7xl.text-left [id] > .grid > article:nth-child(2) button {
  background: rgb(15, 23, 42) !important;
  border-color: rgb(15, 23, 42) !important;
  color: rgb(255, 255, 255) !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
}
footer .logo img, .footer-panel .logo img { filter: none !important; opacity: 1 !important; }
footer img[src*="logo"], .footer-panel img[src*="logo"] { content: url("../images/logo-f.svg") !important; filter: none !important; opacity: 1 !important; }
[class*="bg-violet"], [class*="bg-purple"], [class*="bg-fuchsia"], [class*="from-violet"], [class*="from-purple"], [class*="from-fuchsia"], [class*="via-violet"], [class*="via-purple"], [class*="via-fuchsia"], [class*="to-violet"], [class*="to-purple"], [class*="to-fuchsia"] { background: none rgb(255, 255, 255) !important; }
[class*="text-violet"], [class*="text-purple"], [class*="text-fuchsia"] { color: #fff !important; -webkit-text-fill-color: #fff !important;background: #333 !important }
[class*="border-violet"], [class*="border-purple"], [class*="border-fuchsia"], [class*="ring-violet"], [class*="ring-purple"], [class*="ring-fuchsia"] { border-color: rgb(37, 99, 235) !important; --tw-ring-color: #2563eb !important; }

nav[aria-label="Hauptnavigation"] .veo-nav-dropdown-toggle::after, nav[aria-label="Hauptnavigation"] .footer-menu-arrow { border-right-color: rgb(0, 0, 0) !important; border-bottom-color: rgb(0, 0, 0) !important; }
nav[aria-label="Hauptnavigation"] svg, nav[aria-label="Hauptnavigation"] svg path { color: rgb(0, 0, 0) !important; fill: rgb(0, 0, 0) !important; stroke: rgb(0, 0, 0) !important; }


section.subpage-breadcrumb-hero .subpage-breadcrumb-card-grid > .subpage-breadcrumb-card:nth-child(1), section[aria-labelledby="subpage-breadcrumb-title"] .subpage-breadcrumb-card-grid > .subpage-breadcrumb-card:nth-child(1), section.subpage-breadcrumb-hero .subpage-breadcrumb-card-grid > .subpage-breadcrumb-card.motion-reveal:nth-child(1) { background: none rgb(96, 165, 250) !important; border-color: rgba(147, 197, 253, 0.45) !important; }
section.subpage-breadcrumb-hero .subpage-breadcrumb-card-grid > .subpage-breadcrumb-card:nth-child(2), section[aria-labelledby="subpage-breadcrumb-title"] .subpage-breadcrumb-card-grid > .subpage-breadcrumb-card:nth-child(2), section.subpage-breadcrumb-hero .subpage-breadcrumb-card-grid > .subpage-breadcrumb-card.motion-reveal:nth-child(2) { background: none rgb(59, 130, 246) !important; border-color: rgba(96, 165, 250, 0.45) !important; }
section.subpage-breadcrumb-hero .subpage-breadcrumb-card-grid > .subpage-breadcrumb-card:nth-child(3), section[aria-labelledby="subpage-breadcrumb-title"] .subpage-breadcrumb-card-grid > .subpage-breadcrumb-card:nth-child(3), section.subpage-breadcrumb-hero .subpage-breadcrumb-card-grid > .subpage-breadcrumb-card.motion-reveal:nth-child(3) { background: none rgb(255, 255, 255) !important; border-color: rgba(59, 130, 246, 0.45) !important; }
section.subpage-breadcrumb-hero .subpage-breadcrumb-card-grid > .subpage-breadcrumb-card *, section[aria-labelledby="subpage-breadcrumb-title"] .subpage-breadcrumb-card-grid > .subpage-breadcrumb-card * { color: rgb(255, 255, 255) !important; -webkit-text-fill-color: rgb(255, 255, 255) !important; }
@media (max-width: 639px) {
  section.subpage-breadcrumb-hero .subpage-breadcrumb-card-grid,
  section[aria-labelledby="subpage-breadcrumb-title"] .subpage-breadcrumb-card-grid {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
  }

  section.subpage-breadcrumb-hero .subpage-breadcrumb-card-grid > .subpage-breadcrumb-card,
  section[aria-labelledby="subpage-breadcrumb-title"] .subpage-breadcrumb-card-grid > .subpage-breadcrumb-card {
    width: 98% !important;
    max-width: 98% !important;
  }
}
body .home-stats-section { position: relative; overflow: hidden; }
body .home-stats-section .home-stats-shell { position: relative; overflow: hidden; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; background: none transparent !important; box-shadow: none !important; }
body .home-stats-section .home-stats-shell::before { content: none !important; display: none !important; }
body .home-stats-section .home-stats-shell > * { position: relative; z-index: 1; }
body .home-stats-section .home-stats-line { width: 3.3rem !important; height: 0.18rem !important; border-radius: 999px !important; background: linear-gradient(90deg, rgb(96, 165, 250), rgb(37, 99, 235)) !important; }
body .home-stats-section .home-stats-kicker { color: rgb(29, 78, 216) !important; letter-spacing: 0.24em !important; }
body .home-stats-section .home-stats-grid { gap: 1.15rem !important; }
body .home-stats-section .home-stat-card { position: relative; min-height: 15rem; padding: 1.65rem 1.45rem 1.5rem !important; border: 1px solid rgba(147, 197, 253, 0.34) !important; border-radius: 1.65rem !important; background: linear-gradient(rgba(255, 255, 255, 0.96), rgba(239, 246, 255, 0.92)) !important; box-shadow: rgba(15, 23, 42, 0.08) 0px 18px 45px, rgba(255, 255, 255, 0.86) 0px 1px 0px inset !important; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s !important; }
body .home-stats-section .home-stat-card::before { content: ""; position: absolute; inset: 0px; pointer-events: none; background: radial-gradient(circle at 100% 0%, rgba(37, 99, 235, 0.16), transparent 36%); }
body .home-stats-section .home-stat-card::after { position: absolute; top: 1.2rem; right: 1.2rem; display: flex; align-items: center; justify-content: center; width: 2.65rem; height: 2.65rem; border-radius: 0.95rem; background: rgb(15, 23, 42); color: rgb(255, 255, 255); font-size: 1.12rem; font-weight: 900; box-shadow: rgba(15, 23, 42, 0.2) 0px 14px 30px; }
body .home-stats-section .home-stat-card:nth-child(1)::after { content: "18"; }
body .home-stats-section .home-stat-card:nth-child(2)::after { content: "+"; background: rgb(29, 78, 216); }
body .home-stats-section .home-stat-card:nth-child(3)::after { content: "5"; background: rgb(37, 99, 235); }
body .home-stats-section .home-stat-card:nth-child(4)::after { content: "24"; background: rgb(37, 99, 235); }
body .home-stats-section .home-stat-card:hover { transform: translateY(-6px) !important; border-color: rgba(59, 130, 246, 0.58) !important; box-shadow: rgba(37, 99, 235, 0.16) 0px 26px 60px, rgba(255, 255, 255, 0.9) 0px 1px 0px inset !important; }
body .home-stats-section .home-stat-accent { width: 2.75rem !important; height: 0.32rem !important; margin-bottom: 1.2rem !important; border-radius: 999px !important; background: linear-gradient(90deg, rgb(96, 165, 250), rgb(29, 78, 216)) !important; }
body .home-stats-section .home-stat-card:hover .home-stat-accent { width: 4.1rem !important; }
body .home-stats-section .home-stat-value { color: rgb(15, 23, 42) !important; font-size: clamp(2.35rem, 3.5vw, 3.4rem) !important; letter-spacing: 0px !important; }
body .home-stats-section .home-stat-unit { color: rgb(29, 78, 216) !important; }
body .home-stats-section .home-stat-label { margin-top: 0.55rem !important; color: rgb(29, 78, 216) !important; font-size: 0.78rem !important; font-weight: 900 !important; letter-spacing: 0.2em !important; text-transform: uppercase !important; }
body .home-stats-section .home-stat-card:nth-child(3) .home-stat-label-row { display: flex !important; align-items: center !important; gap: 0.65rem !important; flex-wrap: wrap !important; margin-top: 0.55rem !important; }
body .home-stats-section .home-stat-card:nth-child(3) .home-stat-label-row .home-stat-label { margin-top: 0px !important; margin-bottom: 0px !important; }
body .home-stats-section .home-stat-card:nth-child(3) .home-stat-stars { display: inline-flex !important; align-items: center !important; gap: 0.12rem !important; color: rgb(245, 158, 11) !important; -webkit-text-fill-color: rgb(245, 158, 11) !important; font-size: 1.05rem !important; line-height: 1 !important; letter-spacing: 0.04em !important; text-shadow: rgba(245, 158, 11, 0.22) 0px 8px 18px !important; }
body .home-stats-section .home-stat-copy { max-width: 18rem; margin-top: 0.8rem !important; color: rgb(51, 65, 85) !important; font-size: 0.92rem !important; line-height: 1.72 !important; }
body .veo-services-grid-section { position: relative !important; overflow: hidden !important; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(248, 251, 255) 48%, rgb(255, 255, 255) 100%) !important; }
body .veo-services-grid-shell { position: relative !important; }
body .veo-services-grid-head { align-items: end !important; margin-bottom: 2rem !important; }
body .veo-services-grid-kicker { color: rgb(29, 78, 216) !important; letter-spacing: 0.24em !important; }
body .veo-services-grid-title { max-width: 52rem !important; color: rgb(15, 23, 42) !important; letter-spacing: 0px !important; }
body .veo-services-grid-cards { gap: 1.15rem !important; overflow: visible !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; border-radius: 0px !important; background: transparent !important; }
body .veo-services-grid-card { position: relative !important; isolation: isolate !important; overflow: hidden !important; min-height: 32rem !important; border: 1px solid rgba(147, 197, 253, 0.36) !important; border-radius: 1.6rem !important; background: linear-gradient(rgba(255, 255, 255, 0.98), rgba(239, 246, 255, 0.92)) !important; box-shadow: rgba(15, 23, 42, 0.08) 0px 18px 46px, rgba(255, 255, 255, 0.88) 0px 1px 0px inset !important; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s !important; }
body .veo-services-grid-card::before { content: ""; position: absolute; inset: 0px; z-index: -1; pointer-events: none; background: radial-gradient(circle at 100% 0%, rgba(37, 99, 235, 0.16), transparent 36%); }
body .veo-services-grid-card:hover { transform: translateY(-7px) !important; border-color: rgba(59, 130, 246, 0.62) !important; background: linear-gradient(rgb(255, 255, 255), rgb(239, 246, 255)) !important; box-shadow: rgba(37, 99, 235, 0.17) 0px 28px 68px, rgba(255, 255, 255, 0.92) 0px 1px 0px inset !important; }
body .veo-services-grid-media { height: 15.5rem !important; border-radius: 1.25rem !important; background: radial-gradient(circle at 24% 20%, rgba(255, 255, 255, 0.7), transparent 32%), linear-gradient(135deg, rgb(219, 234, 254), rgb(147, 197, 253)) !important; box-shadow: rgba(255, 255, 255, 0.58) 0px 0px 0px 1px inset, rgba(15, 23, 42, 0.12) 0px 16px 34px !important; }
body .veo-services-grid-media--white { background: radial-gradient(circle at 24% 20%, rgba(255, 255, 255, 0.78), transparent 34%), linear-gradient(135deg, rgb(238, 242, 255), rgb(191, 219, 254)) !important; }
body .veo-services-grid-media--slate { background: radial-gradient(circle at 24% 20%, rgba(255, 255, 255, 0.7), transparent 34%), linear-gradient(135deg, rgb(224, 242, 254), rgb(199, 210, 254)) !important; }
body .veo-services-grid-media::after { content: ""; position: absolute; inset: 0px; pointer-events: none; background: linear-gradient(rgba(255, 255, 255, 0.04), rgba(15, 23, 42, 0.12)), radial-gradient(circle at 82% 14%, rgba(255, 255, 255, 0.52), transparent 20%); }
body .veo-services-grid-media img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center center !important; filter: saturate(1.05) contrast(1.04) brightness(1.01) !important; transform: scale(1.01) translateZ(0px) !important; transform-origin: center center !important; backface-visibility: hidden !important; will-change: transform, filter !important; transition: transform 0.78s cubic-bezier(0.22, 1, 0.36, 1), filter 0.78s cubic-bezier(0.22, 1, 0.36, 1) !important; }
body .veo-services-grid-card:hover .veo-services-grid-media img { filter: saturate(1.08) contrast(1.05) brightness(1.03) !important; transform: scale(1.11) translateZ(0px) !important; }
body .veo-services-grid-body { display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; padding-top: 1.55rem !important; }
body .veo-services-grid-index { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 2.55rem !important; height: 2.55rem !important; border-radius: 0.9rem !important; background: rgb(29, 78, 216) !important; color: rgb(255, 255, 255) !important; box-shadow: rgba(37, 99, 235, 0.22) 0px 12px 26px !important; }
body .veo-services-grid-card-title { margin-top: 1.1rem !important; color: rgb(15, 23, 42) !important; letter-spacing: 0px !important; }
body .veo-services-grid-highlight { max-width: none !important; color: rgb(29, 78, 216) !important; font-family: inherit !important; font-size: 1.08rem !important; font-weight: 850 !important; line-height: 1.45 !important; }
body .veo-services-grid-copy { color: rgb(51, 65, 85) !important; }
body .veo-services-grid-link { width: fit-content !important; margin-top: auto !important; padding: 0.78rem 1rem !important; border-radius: 999px !important; background: rgb(15, 23, 42) !important; color: rgb(255, 255, 255) !important; box-shadow: rgba(15, 23, 42, 0.16) 0px 14px 28px !important; }
body .veo-services-grid-link::after { content: "\2192" !important; margin-left: 0.45rem !important; transition: transform 0.25s ease !important; }
body .veo-services-grid-card:hover .veo-services-grid-link::after { transform: translateX(0.22rem) !important; }
@media (max-width: 48rem) {
  body .veo-services-grid-card { min-height: auto !important; }
  body .veo-services-grid-media { height: 13.5rem !important; }
}
body .home-why-intro { position: relative !important; max-width: 58rem !important; }
body .home-why-intro-copy { max-width: 48rem !important; margin-top: 1.1rem !important; color: rgb(51, 65, 85) !important; font-size: 1.04rem !important; line-height: 1.75 !important; }
body .home-why-grid--cards { display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 1.15rem !important; margin-top: 2rem !important; }
body .home-why-grid--cards .home-why-item--feature { position: relative !important; display: grid !important; grid-template-columns: auto minmax(0px, 1fr) !important; gap: 1.15rem !important; overflow: hidden !important; min-height: 17rem !important; padding: 1.45rem !important; border: 1px solid rgba(147, 197, 253, 0.34) !important; border-radius: 1.55rem !important; background: linear-gradient(rgba(255, 255, 255, 0.98), rgba(239, 246, 255, 0.94)) !important; box-shadow: rgba(15, 23, 42, 0.08) 0px 18px 46px, rgba(255, 255, 255, 0.88) 0px 1px 0px inset !important; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s !important; }
body .home-why-grid--cards .home-why-item--feature::before { content: ""; position: absolute; inset: 0px; pointer-events: none; background: radial-gradient(circle at 100% 0%, rgba(37, 99, 235, 0.17), transparent 35%), linear-gradient(135deg, rgba(96, 165, 250, 0.1), transparent 46%); }
body .home-why-grid--cards .home-why-item--feature::after { content: ""; position: absolute; right: 1rem; bottom: 1rem; width: 4.8rem; height: 4.8rem; border-radius: 1.4rem; background: linear-gradient(135deg, rgba(59, 130, 246, 0.14), rgba(15, 23, 42, 0.04)); transform: rotate(8deg); }
body .home-why-grid--cards .home-why-item--feature:hover { transform: translateY(-6px) !important; border-color: rgba(59, 130, 246, 0.58) !important; box-shadow: rgba(37, 99, 235, 0.16) 0px 26px 62px, rgba(255, 255, 255, 0.92) 0px 1px 0px inset !important; }
body .home-why-grid--cards .home-why-icon, body .home-why-grid--cards .home-why-meta, body .home-why-grid--cards .home-why-points { position: relative !important; z-index: 1 !important; }
body .home-why-grid--cards .home-why-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 3.8rem !important; height: 3.8rem !important; border-radius: 1.15rem !important; background: rgb(29, 78, 216) !important; color: rgb(255, 255, 255) !important; box-shadow: rgba(37, 99, 235, 0.22) 0px 16px 32px !important; }
body .home-why-grid--cards .home-why-icon svg { width: 1.85rem !important; height: 1.85rem !important; }
body .home-why-grid--cards .home-why-eyebrow { margin: 0px !important; color: rgb(29, 78, 216) !important; font-size: 0.72rem !important; font-weight: 900 !important; letter-spacing: 0.22em !important; text-transform: uppercase !important; }
body .home-why-grid--cards .home-why-meta h3 { margin-top: 0.65rem !important; color: rgb(15, 23, 42) !important; letter-spacing: 0px !important; }
body .home-why-grid--cards .home-why-meta p:not(.home-why-eyebrow) { color: rgb(51, 65, 85) !important; }
body .home-why-grid--cards .home-why-points { grid-column: 1 / -1 !important; display: flex !important; flex-wrap: wrap !important; gap: 0.65rem !important; align-self: end !important; margin-top: 0.25rem !important; }
body .home-why-grid--cards .home-why-points span { display: inline-flex !important; align-items: center !important; border: 1px solid rgba(59, 130, 246, 0.18) !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.82) !important; padding: 0.55rem 0.78rem !important; color: rgb(15, 23, 42) !important; font-size: 0.78rem !important; font-weight: 850 !important; box-shadow: rgba(15, 23, 42, 0.05) 0px 10px 20px !important; }
body .home-why-grid--cards + .mt-8 a { border-radius: 999px !important; background: rgb(15, 23, 42) !important; box-shadow: rgba(15, 23, 42, 0.16) 0px 16px 32px !important; }
body .home-why-grid--cards + .mt-8 a::after { content: "\2192" !important; margin-left: 0.55rem !important; }
@media (max-width: 64rem) {
  body .home-why-grid--cards { grid-template-columns: 1fr !important; }
}
@media (max-width: 42rem) {
  body .home-why-grid--cards .home-why-item--feature { grid-template-columns: 1fr !important; min-height: auto !important; }
}
body .projects-portfolio-grid .portfolio-card { position: relative !important; isolation: isolate !important; overflow: hidden !important; border: 1px solid rgba(147, 197, 253, 0.34) !important; border-radius: 1.55rem !important; background: linear-gradient(rgba(255, 255, 255, 0.98), rgba(239, 246, 255, 0.94)) !important; box-shadow: rgba(15, 23, 42, 0.08) 0px 18px 46px, rgba(255, 255, 255, 0.88) 0px 1px 0px inset !important; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s !important; }
body .projects-portfolio-grid .portfolio-card::before { content: ""; position: absolute; inset: 0px; z-index: -1; pointer-events: none; background: radial-gradient(circle at 100% 0%, rgba(37, 99, 235, 0.16), transparent 36%), linear-gradient(135deg, rgba(96, 165, 250, 0.09), transparent 48%); }
body .projects-portfolio-grid .portfolio-card:hover { transform: translateY(-7px) !important; border-color: rgba(59, 130, 246, 0.58) !important; box-shadow: rgba(37, 99, 235, 0.16) 0px 28px 68px, rgba(255, 255, 255, 0.92) 0px 1px 0px inset !important; }
body .projects-portfolio-grid .portfolio-card-screen { position: relative !important; overflow: hidden !important; border-radius: 1.25rem !important; background: radial-gradient(circle at 24% 20%, rgba(255, 255, 255, 0.72), transparent 34%), linear-gradient(135deg, rgb(219, 234, 254), rgb(147, 197, 253)) !important; box-shadow: rgba(255, 255, 255, 0.58) 0px 0px 0px 1px inset, rgba(15, 23, 42, 0.12) 0px 16px 34px !important; }
body .projects-portfolio-grid .portfolio-card-screen::after { content: ""; position: absolute; inset: 0px; pointer-events: none; background: linear-gradient(rgba(255, 255, 255, 0.03), rgba(15, 23, 42, 0.12)), radial-gradient(circle at 82% 14%, rgba(255, 255, 255, 0.5), transparent 20%); }
body .projects-portfolio-grid .portfolio-card-screen img { filter: saturate(1.05) contrast(1.04) !important; transform: scale(1.01) !important; transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1), filter 0.7s !important; }
body .projects-portfolio-grid .portfolio-card:hover .portfolio-card-screen img { transform: scale(1.08) !important; }
body .projects-portfolio-grid .portfolio-card-head { color: rgb(15, 23, 42) !important; }
body .projects-portfolio-grid .portfolio-card-copy { color: rgb(51, 65, 85) !important; }
body .review-card-stars { display: flex !important; gap: 0.16rem !important; margin: 1.05rem 0px 0.75rem !important; color: rgb(245, 158, 11) !important; -webkit-text-fill-color: rgb(245, 158, 11) !important; font-size: 1.08rem !important; line-height: 1 !important; letter-spacing: 0.06em !important; text-shadow: rgba(245, 158, 11, 0.22) 0px 8px 18px !important; }
body .home-workflow-shell { position: relative !important; overflow: hidden !important; border: 0px !important; background: radial-gradient(circle at 8% 0%, rgba(96, 165, 250, 0.2), transparent 28%), linear-gradient(rgb(248, 251, 255) 0%, rgb(238, 246, 255) 100%) !important; box-shadow: none !important; }
body .home-workflow-shell::before { content: none !important; display: none !important; border: 0px !important; }
body .home-workflow-flow { position: relative !important; z-index: 1 !important; }
body .home-workflow-flow-head { display: grid !important; gap: 0.35rem !important; }
body .home-workflow-flow-title { max-width: 14ch !important; color: rgb(15, 23, 42) !important; letter-spacing: 0px !important; }
body .home-workflow-flow-copy { color: rgb(51, 65, 85) !important; font-weight: 500 !important; }
body .home-workflow-flow-grid { align-items: stretch !important; }
body .home-workflow-flow-card { isolation: isolate !important; }
body .home-workflow-flow-card-inner { position: relative !important; overflow: hidden !important; border: 1px solid rgba(147, 197, 253, 0.34) !important; border-radius: 1.75rem !important; background: radial-gradient(circle at 100% 0%, rgba(255, 255, 255, 0.75), transparent 28%), linear-gradient(rgb(255, 255, 255) 0%, rgb(239, 246, 255) 100%) !important; box-shadow: rgba(15, 23, 42, 0.07) 0px 18px 46px, rgba(255, 255, 255, 0.9) 0px 1px 0px inset !important; transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s !important; }
body .home-workflow-flow-card:nth-child(2) .home-workflow-flow-card-inner { background: radial-gradient(circle at 100% 0%, rgba(255, 255, 255, 0.68), transparent 28%), linear-gradient(rgb(248, 251, 255) 0%, rgb(219, 234, 254) 100%) !important; }
body .home-workflow-flow-card:nth-child(3) .home-workflow-flow-card-inner { background: radial-gradient(circle at 100% 0%, rgba(255, 255, 255, 0.6), transparent 30%), linear-gradient(rgb(239, 246, 255) 0%, rgb(191, 219, 254) 100%) !important; }
body .home-workflow-flow-card:nth-child(4) .home-workflow-flow-card-inner { background: radial-gradient(circle at 100% 0%, rgba(255, 255, 255, 0.58), transparent 30%), linear-gradient(rgb(219, 234, 254) 0%, rgb(147, 197, 253) 100%) !important; }
body .home-workflow-flow-card-inner::after { content: ""; position: absolute; right: -1.5rem; bottom: -1.6rem; width: 8.5rem; height: 8.5rem; border-radius: 2.2rem; background: linear-gradient(135deg, rgba(37, 99, 235, 0.18), rgba(15, 23, 42, 0.04)); transform: rotate(12deg); }
body .home-workflow-flow-card:hover .home-workflow-flow-card-inner { transform: translateY(-7px) !important; border-color: rgba(59, 130, 246, 0.58) !important; box-shadow: rgba(37, 99, 235, 0.15) 0px 28px 68px, rgba(255, 255, 255, 0.94) 0px 1px 0px inset !important; }
body .home-workflow-flow-card-top, body .home-workflow-flow-card-title, body .home-workflow-flow-card-copy { position: relative !important; z-index: 1 !important; }
body .home-workflow-flow-icon { width: 3.9rem !important; height: 3.9rem !important; border: 1px solid rgba(255, 255, 255, 0.7) !important; border-radius: 1.2rem !important; background: rgb(29, 78, 216) !important; color: rgb(255, 255, 255) !important; box-shadow: rgba(37, 99, 235, 0.24) 0px 16px 34px !important; }
body .home-workflow-flow-icon svg { width: 1.65rem !important; height: 1.65rem !important; }
body .home-workflow-flow-step { min-width: 3.2rem !important; border: 1px solid rgba(37, 99, 235, 0.16) !important; background: rgba(255, 255, 255, 0.78) !important; color: rgb(29, 78, 216) !important; box-shadow: rgba(15, 23, 42, 0.06) 0px 10px 22px !important; }
body .home-workflow-flow-card-title { color: rgb(15, 23, 42) !important; }
body .home-workflow-flow-card-copy { color: rgb(51, 65, 85) !important; }
@media (min-width: 64rem) {
  body .home-workflow-flow-connector { top: 2.65rem !important; left: calc(100% + 0.5rem) !important; width: calc(100% - 1rem) !important; height: 2px !important; background: linear-gradient(90deg, rgba(37, 99, 235, 0.42), rgba(147, 197, 253, 0.08)) !important; }
  body .home-workflow-flow-connector::after { content: ""; position: absolute; top: 50%; right: -0.2rem; width: 0.48rem; height: 0.48rem; border-top: 2px solid rgba(37, 99, 235, 0.42); border-right: 2px solid rgba(37, 99, 235, 0.42); transform: translateY(-50%) rotate(45deg); }
}
@media (max-width: 47.99rem) {
  body .home-workflow-shell { border-radius: 1.75rem !important; padding-inline: 1.15rem !important; }
  body .home-workflow-shell::before { inset: 0.65rem !important; border-radius: 1.35rem !important; }
  body .home-workflow-flow-card-inner { border-radius: 1.35rem !important; }
}
body.index-page-bg .home-workflow-shell, body .home-workflow-shell { border: 0px !important; }
body.index-page-bg .home-workflow-shell::before, body .home-workflow-shell::before { content: none !important; display: none !important; border: 0px !important; }
body.index-page-bg .big, body.index-page-bg .big > section, body.index-page-bg section.defer-render, body.index-page-bg .home-stats-section, body.index-page-bg .home-service-section, body.index-page-bg .home-workflow-section, body.index-page-bg .home-reviews-section, body.index-page-bg .home-insights-section, body.index-page-bg .home-faq-section, body.index-page-bg .home-projects-surface, body.index-page-bg .home-insights-surface, body.index-page-bg .home-faq-surface { background: none transparent !important; }
body.index-page-bg .big > section > .section-shell, body.index-page-bg .big > section > .mx-auto.max-w-7xl, body.index-page-bg .section-shell.home-stats-shell, body.index-page-bg .section-shell.home-workflow-shell, body.index-page-bg .section-shell.veo-services-grid-shell, body.index-page-bg .home-stats-shell, body.index-page-bg .home-workflow-shell, body.index-page-bg .veo-services-grid-shell { background: none transparent !important; }
body.index-page-bg .big > section::before, body.index-page-bg .big > section::after, body.index-page-bg section.defer-render::before, body.index-page-bg section.defer-render::after, body.index-page-bg .section-shell.home-stats-shell::before, body.index-page-bg .section-shell.home-stats-shell::after, body.index-page-bg .section-shell.home-workflow-shell::before, body.index-page-bg .section-shell.home-workflow-shell::after, body.index-page-bg .section-shell.veo-services-grid-shell::before, body.index-page-bg .section-shell.veo-services-grid-shell::after { background: none transparent !important; }
body.index-page-bg { background: url("../images/bg.svg") center top / cover repeat-y rgb(213, 217, 234) !important; }
body.index-page-bg .home-why-intro, body.index-page-bg .home-why-grid--cards, body.index-page-bg .home-why-intro, body.index-page-bg .home-why-grid--cards { background: none transparent !important; }
body.index-page-bg .section-shell > .relative.overflow-hidden.rounded-\[2\.5rem\].bg-white:has(.home-why-intro), body.index-page-bg .section-shell > .relative.overflow-hidden.rounded-\[2\.5rem\]:has(.home-why-intro) { background: none transparent !important; }
body.index-page-bg .section-shell > .relative.overflow-hidden.rounded-\[2\.5rem\].bg-white:has(.home-why-intro)::before, body.index-page-bg .section-shell > .relative.overflow-hidden.rounded-\[2\.5rem\].bg-white:has(.home-why-intro)::after, body.index-page-bg .section-shell > .relative.overflow-hidden.rounded-\[2\.5rem\]:has(.home-why-intro)::before, body.index-page-bg .section-shell > .relative.overflow-hidden.rounded-\[2\.5rem\]:has(.home-why-intro)::after { content: none !important; display: none !important; background: none !important; }
body.index-page-bg .home-reviews-shell, body.index-page-bg .section-shell.home-reviews-shell, body.index-page-bg .section-shell:has(.home-reviews-head), body.index-page-bg .section-shell > .relative.overflow-hidden.rounded-\[2\.5rem\]:has(.home-reviews-head) { background: none transparent !important; border: 0px !important; box-shadow: none !important; }
body.index-page-bg .home-reviews-shell::before, body.index-page-bg .home-reviews-shell::after, body.index-page-bg .section-shell:has(.home-reviews-head)::before, body.index-page-bg .section-shell:has(.home-reviews-head)::after, body.index-page-bg .section-shell > .relative.overflow-hidden.rounded-\[2\.5rem\]:has(.home-reviews-head)::before, body.index-page-bg .section-shell > .relative.overflow-hidden.rounded-\[2\.5rem\]:has(.home-reviews-head)::after { content: none !important; display: none !important; background: none transparent !important; }
body.index-page-bg .home-why-grid--cards { position: relative !important; display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 1.25rem !important; margin-top: 2.25rem !important; }
body.index-page-bg .home-why-grid--cards::before { content: none !important; display: none !important; background: none !important; }
body.index-page-bg .home-why-grid--cards .home-why-item--feature { position: relative !important; isolation: isolate !important; display: grid !important; grid-template-columns: auto minmax(0px, 1fr) !important; gap: 1.15rem !important; overflow: hidden !important; min-height: 18rem !important; padding: 1.55rem !important; border: 1px solid rgba(147, 197, 253, 0.36) !important; border-radius: 1.75rem !important; background: radial-gradient(circle at 100% 0%, rgba(255, 255, 255, 0.82), transparent 30%), linear-gradient(rgba(255, 255, 255, 0.96), rgba(239, 246, 255, 0.88)) !important; box-shadow: rgba(15, 23, 42, 0.07) 0px 18px 46px, rgba(255, 255, 255, 0.92) 0px 1px 0px inset !important; transition: transform 0.28s, border-color 0.28s, box-shadow 0.28s !important; }
body.index-page-bg .home-why-grid--cards .home-why-item--feature:nth-child(2) { background: radial-gradient(circle at 100% 0%, rgba(255, 255, 255, 0.72), transparent 30%), linear-gradient(rgba(248, 251, 255, 0.96), rgba(219, 234, 254, 0.9)) !important; }
body.index-page-bg .home-why-grid--cards .home-why-item--feature:nth-child(3) { background: radial-gradient(circle at 100% 0%, rgba(255, 255, 255, 0.64), transparent 32%), linear-gradient(rgba(239, 246, 255, 0.96), rgba(191, 219, 254, 0.92)) !important; }
body.index-page-bg .home-why-grid--cards .home-why-item--feature:nth-child(4) { background: radial-gradient(circle at 100% 0%, rgba(255, 255, 255, 0.58), transparent 32%), linear-gradient(rgba(219, 234, 254, 0.96), rgba(147, 197, 253, 0.9)) !important; }
body.index-page-bg .home-why-grid--cards .home-why-item--feature::before { content: "" !important; position: absolute !important; left: 1.45rem !important; bottom: 1.35rem !important; width: 4.9rem !important; height: 4.9rem !important; border: 1px solid rgba(37, 99, 235, 0.14) !important; border-radius: 999px !important; background: radial-gradient(circle, rgba(37, 99, 235, 0.12), transparent 58%) !important; pointer-events: none !important; }
body.index-page-bg .home-why-grid--cards .home-why-item--feature::after { content: "" !important; position: absolute !important; right: -1.3rem !important; bottom: -1.45rem !important; width: 8rem !important; height: 8rem !important; border-radius: 2.3rem !important; background: linear-gradient(135deg, rgba(37, 99, 235, 0.18), rgba(15, 23, 42, 0.04)) !important; transform: rotate(13deg) !important; pointer-events: none !important; }
body.index-page-bg .home-why-grid--cards .home-why-item--feature:hover { transform: translateY(-7px) !important; border-color: rgba(37, 99, 235, 0.58) !important; box-shadow: rgba(37, 99, 235, 0.15) 0px 28px 68px, rgba(255, 255, 255, 0.94) 0px 1px 0px inset !important; }
body.index-page-bg .home-why-grid--cards .home-why-icon, body.index-page-bg .home-why-grid--cards .home-why-meta, body.index-page-bg .home-why-grid--cards .home-why-points { position: relative !important; z-index: 1 !important; }
body.index-page-bg .home-why-grid--cards .home-why-icon { width: 3.9rem !important; height: 3.9rem !important; border: 1px solid rgba(255, 255, 255, 0.72) !important; border-radius: 1.25rem !important; background: rgb(11, 99, 206) !important; color: rgb(255, 255, 255) !important; box-shadow: rgba(37, 99, 235, 0.24) 0px 16px 34px !important; }
body.index-page-bg .home-why-grid--cards .home-why-icon svg { width: 1.7rem !important; height: 1.7rem !important; }
body.index-page-bg .home-why-grid--cards .home-why-eyebrow { color: rgb(11, 99, 206) !important; }
body.index-page-bg .home-why-grid--cards .home-why-points { grid-column: 1 / -1 !important; display: flex !important; flex-wrap: wrap !important; gap: 0.65rem !important; align-self: end !important; }
body.index-page-bg .home-why-grid--cards .home-why-points span { border: 1px solid rgba(37, 99, 235, 0.16) !important; background: rgba(255, 255, 255, 0.74) !important; color: rgb(15, 23, 42) !important; box-shadow: rgba(15, 23, 42, 0.05) 0px 10px 22px !important; }
@media (max-width: 64rem) {
  body.index-page-bg .home-why-grid--cards { grid-template-columns: 1fr !important; }
  body.index-page-bg .home-why-grid--cards::before { content: none !important; display: none !important; background: none !important; }
}
@media (max-width: 42rem) {
  body.index-page-bg .home-why-grid--cards .home-why-item--feature { grid-template-columns: 1fr !important; min-height: auto !important; padding: 1.35rem !important; }
}
body.index-page-bg .portfolio-card, body .portfolio-card.p-6, body .portfolio-card.md\:p-7 { position: relative !important; isolation: isolate !important; overflow: hidden !important; border: 1px solid rgba(147, 197, 253, 0.32) !important; border-radius: 1.65rem !important; background: linear-gradient(rgba(255, 255, 255, 0.94), rgba(239, 246, 255, 0.86)) !important; box-shadow: rgba(15, 23, 42, 0.05) 0px 10px 24px, rgba(255, 255, 255, 0.86) 0px 1px 0px inset !important; }
body.index-page-bg .portfolio-card::before, body .portfolio-card.p-6::before, body .portfolio-card.md\:p-7::before { content: "" !important; position: absolute !important; inset: 0px !important; z-index: -1 !important; pointer-events: none !important; background: linear-gradient(115deg, rgba(37, 99, 235, 0.16) 0px, rgba(37, 99, 235, 0.16) 18%, transparent 18%, transparent 100%), linear-gradient(295deg, rgba(14, 116, 216, 0.14) 0px, rgba(14, 116, 216, 0.14) 24%, transparent 24%, transparent 100%), radial-gradient(circle at 88% 14%, rgba(59, 130, 246, 0.14), transparent 28%) !important; }
body.index-page-bg .portfolio-card::after, body .portfolio-card.p-6::after, body .portfolio-card.md\:p-7::after { content: "" !important; position: absolute !important; left: 1.1rem !important; right: 1.1rem !important; bottom: 1rem !important; width: auto !important; height: 3.7rem !important; border: 1px solid rgba(37, 99, 235, 0.12) !important; border-radius: 999px !important; background: linear-gradient(90deg, rgba(37, 99, 235, 0.1), rgba(59, 130, 246, 0.04), transparent) !important; transform: none !important; pointer-events: none !important; }
body.index-page-bg .portfolio-card:hover, body .portfolio-card.p-6:hover, body .portfolio-card.md\:p-7:hover { transform: translateY(-4px) !important; border-color: rgba(37, 99, 235, 0.5) !important; box-shadow: rgba(37, 99, 235, 0.09) 0px 16px 34px, rgba(255, 255, 255, 0.9) 0px 1px 0px inset !important; }
body.index-page-bg .veo-services-grid-section { background: none transparent !important; }
body.index-page-bg .veo-services-grid-shell { position: relative !important; z-index: 1 !important; background: transparent !important; }
body.index-page-bg .veo-services-grid-cards { display: grid !important; grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; gap: 1.2rem !important; overflow: visible !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; }
body.index-page-bg .veo-services-grid-card { position: relative !important; isolation: isolate !important; overflow: hidden !important; min-height: 32rem !important; border: 1px solid rgba(147, 197, 253, 0.34) !important; border-radius: 1.75rem !important; background: radial-gradient(circle at 100% 0%, rgba(255, 255, 255, 0.78), transparent 30%), linear-gradient(rgba(255, 255, 255, 0.94), rgba(239, 246, 255, 0.86)) !important; box-shadow: rgba(15, 23, 42, 0.055) 0px 12px 28px, rgba(255, 255, 255, 0.9) 0px 1px 0px inset !important; transition: transform 0.28s, border-color 0.28s, box-shadow 0.28s !important; }
body.index-page-bg .veo-services-grid-card:nth-child(2) { background: radial-gradient(circle at 100% 0%, rgba(255, 255, 255, 0.72), transparent 30%), linear-gradient(rgba(248, 251, 255, 0.94), rgba(219, 234, 254, 0.88)) !important; }
body.index-page-bg .veo-services-grid-card:nth-child(3) { background: radial-gradient(circle at 100% 0%, rgba(255, 255, 255, 0.64), transparent 32%), linear-gradient(rgba(239, 246, 255, 0.94), rgba(191, 219, 254, 0.9)) !important; }
body.index-page-bg .veo-services-grid-card:nth-child(4) { background: radial-gradient(circle at 100% 0%, rgba(255, 255, 255, 0.56), transparent 32%), linear-gradient(rgba(219, 234, 254, 0.95), rgba(147, 197, 253, 0.9)) !important; }
body.index-page-bg .veo-services-grid-card::before { content: "" !important; position: absolute !important; left: 1rem !important; top: 1rem !important; width: 5.2rem !important; height: 5.2rem !important; z-index: -1 !important; border: 1px solid rgba(37, 99, 235, 0.14) !important; border-radius: 999px !important; background: radial-gradient(circle, rgba(37, 99, 235, 0.12), transparent 58%) !important; pointer-events: none !important; }
body.index-page-bg .veo-services-grid-card::after { content: "" !important; position: absolute !important; right: -1.7rem !important; bottom: -1.9rem !important; width: 8.6rem !important; height: 8.6rem !important; z-index: -1 !important; border-radius: 2.5rem !important; background: linear-gradient(135deg, rgba(37, 99, 235, 0.18), rgba(14, 116, 216, 0.04)) !important; transform: rotate(14deg) !important; pointer-events: none !important; }
body.index-page-bg .veo-services-grid-card:hover { transform: translateY(-6px) !important; border-color: rgba(37, 99, 235, 0.55) !important; box-shadow: rgba(37, 99, 235, 0.1) 0px 18px 38px, rgba(255, 255, 255, 0.92) 0px 1px 0px inset !important; }
body.index-page-bg .veo-services-grid-media { position: relative !important; overflow: hidden !important; height: 15rem !important; border-radius: 1.28rem !important; background: radial-gradient(circle at 24% 18%, rgba(255, 255, 255, 0.72), transparent 34%), linear-gradient(135deg, rgb(219, 234, 254), rgb(147, 197, 253)) !important; box-shadow: rgba(255, 255, 255, 0.58) 0px 0px 0px 1px inset, rgba(15, 23, 42, 0.08) 0px 10px 22px !important; }
body.index-page-bg .veo-services-grid-media::after { content: "" !important; position: absolute !important; inset: 0px !important; pointer-events: none !important; background: linear-gradient(rgba(255, 255, 255, 0.02), rgba(15, 23, 42, 0.1)), radial-gradient(circle at 82% 12%, rgba(255, 255, 255, 0.48), transparent 20%) !important; }
body.index-page-bg .veo-services-grid-media img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center center !important; filter: saturate(1.05) contrast(1.04) brightness(1.01) !important; transform: scale(1.01) translateZ(0px) !important; transform-origin: center center !important; backface-visibility: hidden !important; will-change: transform, filter !important; transition: transform 0.78s cubic-bezier(0.22, 1, 0.36, 1), filter 0.78s cubic-bezier(0.22, 1, 0.36, 1) !important; }
body.index-page-bg .veo-services-grid-card:hover .veo-services-grid-media img { filter: saturate(1.08) contrast(1.05) brightness(1.03) !important; transform: scale(1.11) translateZ(0px) !important; }
body.index-page-bg .veo-services-grid-index { background: rgb(11, 99, 206) !important; color: rgb(255, 255, 255) !important; box-shadow: rgba(37, 99, 235, 0.18) 0px 10px 22px !important; }
body.index-page-bg .veo-services-grid-highlight { color: rgb(11, 99, 206) !important; }
body.index-page-bg .veo-services-grid-link { background: rgb(15, 23, 42) !important; color: rgb(255, 255, 255) !important; box-shadow: rgba(15, 23, 42, 0.1) 0px 10px 22px !important; }
@media (max-width: 80rem) {
  body.index-page-bg .veo-services-grid-cards { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
}
@media (max-width: 48rem) {
  body.index-page-bg .veo-services-grid-cards { grid-template-columns: 1fr !important; }
  body.index-page-bg .veo-services-grid-card { min-height: auto !important; }
}
body.index-page-bg .faq-item.stack-up-item, body.index-page-bg .faq-item.rounded-\[1\.75rem\], body .faq-item.stack-up-item.rounded-\[1\.75rem\] { position: relative !important; isolation: isolate !important; overflow: hidden !important; border: 1px solid rgba(147, 197, 253, 0.34) !important; border-radius: 1.75rem !important; background: linear-gradient(rgba(255, 255, 255, 0.95), rgba(239, 246, 255, 0.86)) !important; box-shadow: rgba(15, 23, 42, 0.043) 0px 10px 24px, rgba(255, 255, 255, 0.9) 0px 1px 0px inset !important; }
body.index-page-bg .faq-item.stack-up-item::before, body.index-page-bg .faq-item.rounded-\[1\.75rem\]::before, body .faq-item.stack-up-item.rounded-\[1\.75rem\]::before { content: "" !important; position: absolute !important; inset: 0px !important; z-index: -1 !important; pointer-events: none !important; background: linear-gradient(110deg, rgba(37, 99, 235, 0.14) 0px, rgba(37, 99, 235, 0.14) 15%, transparent 15%, transparent 100%), radial-gradient(circle at 100% 0%, rgba(59, 130, 246, 0.16), transparent 32%) !important; }
body.index-page-bg .faq-item.stack-up-item::after, body.index-page-bg .faq-item.rounded-\[1\.75rem\]::after, body .faq-item.stack-up-item.rounded-\[1\.75rem\]::after { content: "" !important; position: absolute !important; right: 1rem !important; bottom: 0.85rem !important; width: 5.2rem !important; height: 5.2rem !important; z-index: -1 !important; border: 1px solid rgba(37, 99, 235, 0.12) !important; border-radius: 999px !important; background: radial-gradient(circle, rgba(37, 99, 235, 0.1), transparent 60%) !important; pointer-events: none !important; }
body.index-page-bg .faq-item.stack-up-item[open], body.index-page-bg .faq-item.rounded-\[1\.75rem\][open], body .faq-item.stack-up-item.rounded-\[1\.75rem\][open] { border-color: rgba(37, 99, 235, 0.5) !important; box-shadow: rgba(37, 99, 235, 0.08) 0px 16px 34px, rgba(255, 255, 255, 0.92) 0px 1px 0px inset !important; }
body.index-page-bg .faq-item.stack-up-item .faq-icon, body.index-page-bg .faq-item.rounded-\[1\.75rem\] .faq-icon, body .faq-item.stack-up-item.rounded-\[1\.75rem\] .faq-icon { background: rgb(11, 99, 206) !important; color: rgb(255, 255, 255) !important; }
body.index-page-bg .home-reviews-head { position: relative !important; gap: 1.5rem !important; }
body.index-page-bg .home-reviews-summary { position: relative !important; isolation: isolate !important; overflow: hidden !important; border: 1px solid rgba(147, 197, 253, 0.34) !important; background: radial-gradient(circle at 100% 0%, rgba(255, 255, 255, 0.42), transparent 38%), linear-gradient(135deg, rgb(11, 99, 206), rgb(29, 140, 255)) !important; box-shadow: rgba(37, 99, 235, 0.12) 0px 12px 26px !important; }
body.index-page-bg .home-reviews-summary::after { content: "" !important; position: absolute !important; right: -1.2rem !important; bottom: -1.4rem !important; width: 5.7rem !important; height: 5.7rem !important; z-index: -1 !important; border: 1px solid rgba(255, 255, 255, 0.22) !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.12) !important; }
body.index-page-bg .home-reviews-stars::before { content: "★★★★★" !important; color: rgb(251, 191, 36) !important; letter-spacing: 0.08em !important; }
body.index-page-bg .home-reviews-summary { border: 1px solid rgba(37, 99, 235, 0.22) !important; border-radius: 1.6rem !important; background: linear-gradient(90deg, rgb(255, 255, 255) 0px, rgb(255, 255, 255) 58%, rgba(219, 234, 254, 0.94) 58%, rgba(219, 234, 254, 0.94) 100%) !important; color: rgb(15, 23, 42) !important; box-shadow: rgba(15, 23, 42, 0.04) 0px 8px 20px, rgba(255, 255, 255, 0.95) 0px 1px 0px inset !important; }
body.index-page-bg .home-reviews-summary::before { content: "" !important; position: absolute !important; inset: auto 1rem 0.8rem auto !important; width: 4.8rem !important; height: 0.65rem !important; z-index: -1 !important; border-radius: 999px !important; background: linear-gradient(90deg, rgb(37, 99, 235), rgb(56, 189, 248)) !important; opacity: 0.82 !important; pointer-events: none !important; }
body.index-page-bg .home-reviews-summary::after { right: 0.85rem !important; top: 0.85rem !important; bottom: auto !important; width: 2.45rem !important; height: 2.45rem !important; border: 0px !important; border-radius: 0.75rem !important; background: linear-gradient(135deg, rgba(37, 99, 235, 0.9), rgba(56, 189, 248, 0.85)) !important; transform: rotate(8deg) !important; opacity: 0.9 !important; }
body.index-page-bg .home-reviews-score { color: rgb(11, 99, 206) !important; }
body.index-page-bg .home-reviews-summary-label { color: rgb(51, 65, 85) !important; }
.portfolio-card.rounded-\[2rem\].p-6.md\:p-7::after, .portfolio-card.rounded-\[2rem\].p-6.md\:p-7.motion-reveal::after, .portfolio-card.rounded-\[2rem\].p-6.md\:p-7.motion-reveal.is-visible::after, body.index-page-bg .portfolio-card.rounded-\[2rem\].p-6.md\:p-7::after, body.index-page-bg .portfolio-card.rounded-\[2rem\].p-6.md\:p-7.motion-reveal::after, body.index-page-bg .portfolio-card.rounded-\[2rem\].p-6.md\:p-7.motion-reveal.is-visible::after, .portfolio-card.p-6.md\:p-7::after, .portfolio-card.p-6.md\:p-7.motion-reveal::after, .portfolio-card.p-6.md\:p-7.motion-reveal.is-visible::after, body.index-page-bg .portfolio-card.p-6.md\:p-7::after, body.index-page-bg .portfolio-card.p-6.md\:p-7.motion-reveal::after, body.index-page-bg .portfolio-card.p-6.md\:p-7.motion-reveal.is-visible::after { content: none !important; display: none !important; }
body.webdesign-references-page #projekte .project-tab-portfolio-grid, #projekte .projects-portfolio-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; align-items: stretch !important; column-count: auto !important; gap: 1.5rem !important; }
body.webdesign-references-page #projekte .portfolio-card, #projekte .projects-portfolio-grid .portfolio-card { position: relative !important; isolation: isolate !important; display: flex !important; flex-direction: column !important; height: 100% !important; min-height: clamp(34rem, 42vw, 38rem) !important; overflow: hidden !important; border: 1px solid rgba(37, 99, 235, 0.16) !important; border-radius: 1.55rem !important; background: linear-gradient(rgba(255, 255, 255, 0.98), rgba(239, 246, 255, 0.94)) !important; box-shadow: rgba(15, 23, 42, 0.06) 0px 12px 30px, rgba(255, 255, 255, 0.9) 0px 1px 0px inset !important; break-inside: auto !important; }
body.webdesign-references-page #projekte .portfolio-card::before, #projekte .projects-portfolio-grid .portfolio-card::before { content: "" !important; position: absolute !important; inset: 0px !important; z-index: -1 !important; pointer-events: none !important; background: radial-gradient(circle at 100% 0%, rgba(59, 130, 246, 0.14), transparent 34%), linear-gradient(135deg, rgba(147, 197, 253, 0.1), transparent 48%) !important; }
body.webdesign-references-page #projekte .portfolio-card::after, #projekte .projects-portfolio-grid .portfolio-card::after { content: none !important; display: none !important; }
body.webdesign-references-page #projekte .portfolio-card-head, #projekte .projects-portfolio-grid .portfolio-card-head { flex: 0 0 auto !important; min-height: 5.8rem !important; color: rgb(15, 23, 42) !important; }
body.webdesign-references-page #projekte .portfolio-card-head h3, #projekte .projects-portfolio-grid .portfolio-card-head h3 { display: -webkit-box !important; min-height: 2.8rem !important; overflow: hidden !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; }
body.webdesign-references-page #projekte .portfolio-card-copy, #projekte .projects-portfolio-grid .portfolio-card-copy { flex: 0 0 auto !important; min-height: 5rem !important; color: rgb(51, 65, 85) !important; }
body.webdesign-references-page #projekte .portfolio-card-copy p, #projekte .projects-portfolio-grid .portfolio-card-copy p { display: -webkit-box !important; overflow: hidden !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 3 !important; }
body.webdesign-references-page #projekte .portfolio-browser-frame, #projekte .projects-portfolio-grid .portfolio-browser-frame { display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; margin-top: auto !important; border-radius: 1.5rem !important; }
body.webdesign-references-page #projekte .portfolio-browser-bar, #projekte .projects-portfolio-grid .portfolio-browser-bar { order: 2 !important; flex: 0 0 auto !important; margin-top: 0.9rem !important; margin-bottom: 0px !important; }
body.webdesign-references-page #projekte .portfolio-card-screen, #projekte .projects-portfolio-grid .portfolio-card-screen {
    order: 1 !important;
    flex: 1 1 auto !important;
    height: clamp(19rem, 24vw, 35rem) !important;
    min-height: clamp(19rem, 24vw, 35rem) !important;
    max-height: clamp(19rem, 24vw, 35rem) !important;
    overflow: hidden !important;
}
body.webdesign-references-page #projekte .portfolio-card-screen img, #projekte .projects-portfolio-grid .portfolio-card-screen img { width: 100% !important; height: 100% !important; min-height: 100% !important; object-fit: cover !important; object-position: center top !important; }
body.webdesign-references-page #projekte .portfolio-card:hover, #projekte .projects-portfolio-grid .portfolio-card:hover { transform: translateY(-6px) !important; border-color: rgba(37, 99, 235, 0.36) !important; box-shadow: rgba(37, 99, 235, 0.11) 0px 18px 42px, rgba(255, 255, 255, 0.92) 0px 1px 0px inset !important; }
@media (max-width: 80rem) {
  body.webdesign-references-page #projekte .project-tab-portfolio-grid, #projekte .projects-portfolio-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
}
@media (max-width: 48rem) {
  body.webdesign-references-page #projekte .project-tab-portfolio-grid, #projekte .projects-portfolio-grid { grid-template-columns: 1fr !important; }
  body.webdesign-references-page #projekte .portfolio-card, #projekte .projects-portfolio-grid .portfolio-card { min-height: auto !important; }
  body.webdesign-references-page #projekte .portfolio-card-head, body.webdesign-references-page #projekte .portfolio-card-copy, #projekte .projects-portfolio-grid .portfolio-card-head, #projekte .projects-portfolio-grid .portfolio-card-copy { min-height: 0px !important; }
  body.webdesign-references-page #projekte .portfolio-card-screen, #projekte .projects-portfolio-grid .portfolio-card-screen { height: clamp(18rem, 78vw, 23rem) !important; min-height: clamp(18rem, 78vw, 23rem) !important; max-height: clamp(18rem, 78vw, 23rem) !important; }
}
.niceweb-reviews-grid { display: grid !important; grid-template-columns: repeat(5, minmax(0px, 1fr)) !important; gap: 1rem !important; margin-top: 2.25rem !important; }
.niceweb-review-card { position: relative !important; display: flex !important; flex-direction: column !important; min-height: 15.5rem !important; overflow: hidden !important; border-radius: 0.35rem !important; padding: 1.45rem !important; box-shadow: none !important; }
.niceweb-review-card::before { content: "" !important; position: absolute !important; left: 1.45rem !important; right: 1.45rem !important; bottom: 1.08rem !important; height: 1px !important; background: rgba(15, 23, 42, 0.1) !important; }
.niceweb-review-stars { margin-bottom: 1.15rem !important; color: rgb(246, 168, 0) !important; font-size: 0.98rem !important; font-weight: 800 !important; letter-spacing: 0.12em !important; }
.niceweb-review-text { margin: 0px !important; color: rgb(51, 65, 85) !important; font-size: 1rem !important; line-height: 1.75 !important; }
.niceweb-review-text::before { content: "\201E" !important; }
.niceweb-review-text::after { content: "\201C" !important; }
.niceweb-review-footer { margin-top: auto !important; padding-top: 1.35rem !important; }
.niceweb-review-author { display: block !important; color: rgb(15, 23, 42) !important; font-size: 0.96rem !important; font-weight: 800 !important; }
.niceweb-review-author::before { content: "" !important; display: inline-block !important; width: 1.8rem !important; height: 1px !important; margin-right: 0.65rem !important; vertical-align: middle !important; background: rgb(15, 23, 42) !important; }
.niceweb-review-source { display: none !important; }
.niceweb-review-card:hover { transform: none !important; border-color: transparent !important; box-shadow: none !important; }
@media (max-width: 80rem) {
  .niceweb-reviews-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
}
@media (max-width: 48rem) {
  .niceweb-reviews-grid { grid-template-columns: 1fr !important; }
  .niceweb-review-card { min-height: auto !important; }
}
.niceweb-reviews-grid { position: relative !important; display: grid !important; grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; gap: 1.05rem !important; margin-top: 2.25rem !important; }
.niceweb-review-card { position: relative !important; min-height: 17rem !important; isolation: isolate !important; }
.niceweb-review-card::before { content: "" !important; position: absolute !important; top: 2.1rem !important; left: calc(100% - 0.2rem) !important; width: 1.35rem !important; height: 2px !important; background: linear-gradient(90deg, rgba(37, 99, 235, 0.45), rgba(14, 165, 233, 0.08)) !important; z-index: 0 !important; pointer-events: none !important; }
.niceweb-review-card:nth-child(4n)::before { display: none !important; }
.niceweb-review-card-inner { position: relative !important; display: flex !important; flex-direction: column !important; height: 100% !important; min-height: inherit !important; overflow: hidden !important; border: 1px solid rgba(96, 165, 250, 0.24) !important; border-radius: 1.55rem !important; background: radial-gradient(circle at 110% -8%, rgba(37, 99, 235, 0.18), transparent 34%), linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(239, 246, 255, 0.9)) !important; padding: 1.25rem !important; box-shadow: rgba(15, 23, 42, 0.035) 0px 8px 18px !important; transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s !important; }
.niceweb-review-card-inner::before { content: "" !important; position: absolute !important; right: -2.2rem !important; bottom: -2.2rem !important; width: 8.5rem !important; height: 8.5rem !important; border-radius: 999px !important; background: rgba(37, 99, 235, 0.08) !important; pointer-events: none !important; }
.niceweb-review-card-inner::after { content: "" !important; position: absolute !important; right: 1rem !important; bottom: 0.25rem !important; color: rgba(37, 99, 235, 0.08) !important; font-size: 5.5rem !important; font-weight: 900 !important; line-height: 1 !important; pointer-events: none !important; }
.niceweb-review-top { position: relative !important; z-index: 1 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 0.9rem !important; margin-bottom: 1.25rem !important; }
.niceweb-review-avatar { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 3.25rem !important; height: 3.25rem !important; flex: 0 0 3.25rem !important; overflow: hidden !important; border: 1px solid rgba(37, 99, 235, 0.22) !important; border-radius: 1.05rem !important; box-shadow: rgba(37, 99, 235, 0.055) 0px 6px 14px !important; object-fit: cover !important; }
.niceweb-review-avatar svg { width: 1.75rem !important; height: 1.75rem !important; }
.niceweb-review-meta { min-width: 0px !important; flex: 1 1 auto !important; }
.niceweb-review-stars { color: rgb(246, 168, 0) !important; font-size: 0.82rem !important; font-weight: 900 !important; letter-spacing: 0.1em !important; line-height: 1 !important; }
.niceweb-review-author { display: block !important; margin-top: 0.38rem !important; color: rgb(15, 23, 42) !important; font-size: 0.98rem !important; font-weight: 900 !important; line-height: 1.2 !important; }
.niceweb-review-author::before, .niceweb-review-text::before, .niceweb-review-text::after { content: "\201C" !important; }
.niceweb-review-text { position: relative !important; z-index: 1 !important; margin: 0px !important; color: rgb(51, 65, 85) !important; font-size: 0.98rem !important; line-height: 1.72 !important; }
.niceweb-review-footer { position: relative !important; z-index: 1 !important; margin-top: auto !important; padding-top: 1.2rem !important; }
.niceweb-review-source { display: inline-flex !important; align-items: center !important; border-radius: 999px !important; background: rgba(37, 99, 235, 0.08) !important; padding: 0.45rem 0.7rem !important; color: rgb(37, 99, 235) !important; font-size: 0.72rem !important; font-weight: 800 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; }
.niceweb-review-card:hover .niceweb-review-card-inner { transform: translateY(-2px) !important; border-color: rgba(37, 99, 235, 0.28) !important; box-shadow: none !important; }
@media (max-width: 80rem) {
  .niceweb-reviews-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
  .niceweb-review-card:nth-child(2n)::before { display: none !important; }
}
@media (max-width: 48rem) {
  .niceweb-reviews-grid { grid-template-columns: 1fr !important; }
  .niceweb-review-card { min-height: auto !important; }
  .niceweb-review-card::before { display: none !important; }
}
.niceweb-reviews-grid, .niceweb-review-card, .niceweb-review-card-inner, body.motion-ready .niceweb-review-card.motion-reveal { opacity: 1 !important; visibility: visible !important; filter: none !important; }
body.motion-ready .niceweb-review-card.motion-reveal { transform: none !important; }
.faq-icon { background: rgb(37, 99, 235) !important; }
.niceweb-review-card:hover .niceweb-review-card-inner { box-shadow: none !important; }
.faq-icon::before, .faq-icon::after { background: rgb(255, 255, 255) !important; }
.niceweb-review-card:hover, .niceweb-review-card:hover .niceweb-review-card-inner { box-shadow: none !important; }
body:not(.index-page-bg) { background: none rgb(241, 245, 249) !important; }
body:not(.index-page-bg) .big > section:not(.subpage-breadcrumb-hero), body:not(.index-page-bg) #main-content > section:not(.subpage-breadcrumb-hero), body:not(.index-page-bg) section.defer-render:not(.subpage-breadcrumb-hero) { background: none transparent !important; }
body:not(.index-page-bg) article.overflow-hidden.rounded-\[2rem\].border.border-white\/70.bg-white\/90, body:not(.index-page-bg) .rounded-\[2\.5rem\].border.border-white\/70.bg-white\/90, body:not(.index-page-bg) .bg-white\/90 { background: rgba(255, 255, 255, 0.9) !important; }
body:not(.index-page-bg) .border-white\/70 { border-color: rgba(255, 255, 255, 0.7) !important; }
body:not(.index-page-bg) .bg-slate-50 { background: rgb(248, 250, 252) !important; }
body.app-entwicklung-page section#leistungen, body.app-entwicklung-page section#leistungen > .mx-auto, body.app-entwicklung-page section#leistungen article.overflow-hidden.rounded-\[2rem\] { background: none rgb(255, 255, 255) !important; }
body.app-entwicklung-page section.defer-render:has(.text-sky-700:first-child), body.app-entwicklung-page section.defer-render:has(.text-sky-700:first-child) > .mx-auto, body.app-entwicklung-page section.defer-render:has(.text-sky-700:first-child) article.overflow-hidden.rounded-\[2rem\] { background: none rgb(255, 255, 255) !important; }
.mx-auto.max-w-7xl.rounded-\[2\.5rem\].border.border-white\/70.px-6.py-14.sm\:px-10.lg\:px-14, .mx-auto.max-w-7xl.rounded-\[2\.5rem\].border.border-white\/70.px-6.py-14.sm\:px-10.lg\:px-14.motion-reveal, .mx-auto.max-w-7xl.rounded-\[2\.5rem\].border.border-white\/70.px-6.py-14.sm\:px-10.lg\:px-14.motion-reveal.is-visible { border: transparent !important; }
nav[aria-label="Hauptnavigation"] .veo-mobile-submenu,
nav[aria-label="Hauptnavigation"] .veo-mobile-submenu *,
body nav[aria-label="Hauptnavigation"] [id^="mobile-menu-"].veo-mobile-menu .veo-mobile-submenu,
body nav[aria-label="Hauptnavigation"] #mobile-menu-2.veo-mobile-menu .veo-mobile-submenu {
  box-shadow: none !important;
}

@media (min-width: 2200px) {
  body.index-page-bg nav[aria-label="Hauptnavigation"],
  body.regional-page nav[aria-label="Hauptnavigation"],
  body.branchen-page nav[aria-label="Hauptnavigation"] {
    padding: 1.65rem clamp(377px, 8vw, 180px) 0 !important;
  }
}

body.preise-page > .mx-auto.max-w-7xl.text-left [id] > .grid > article:nth-child(2) {
  background: rgb(59, 130, 246) !important;
  background-color: rgb(59, 130, 246) !important;
  background-image: none !important;
  border-color: rgba(96, 165, 250, 0.55) !important;
  color: rgb(255, 255, 255) !important;
  box-shadow: rgba(37, 99, 235, 0.18) 0 24px 64px !important;
}
body.preise-page > .mx-auto.max-w-7xl.text-left [id] > .grid > article:nth-child(2) *,
body.preise-page > .mx-auto.max-w-7xl.text-left [id] > .grid > article:nth-child(2) [class*="text-"] {
  color: rgb(255, 255, 255) !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
}
body.preise-page > .mx-auto.max-w-7xl.text-left [id] > .grid > article:nth-child(2) a,
body.preise-page > .mx-auto.max-w-7xl.text-left [id] > .grid > article:nth-child(2) button {
  background: rgb(15, 23, 42) !important;
  background-color: rgb(15, 23, 42) !important;
  border-color: rgb(15, 23, 42) !important;
  color: rgb(255, 255, 255) !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
}


body.preise-page > .mx-auto.max-w-7xl.text-left [id] > .grid > article:nth-child(2) a.inline-flex.bg-white,
body.preise-page > .mx-auto.max-w-7xl.text-left [id] > .grid > article:nth-child(2) button.inline-flex.bg-white,
body.preise-page > .mx-auto.max-w-7xl.text-left [id] > .grid > article:nth-child(2) .inline-flex.min-w-\[170px\].bg-white,
body.preise-page > .mx-auto.max-w-7xl.text-left [id] > .grid > article:nth-child(2) .inline-flex.min-w-\[170px\].text-slate-950 {
  background: #fff !important;
  background-color: #fff !important;
  border-color: #fff !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}

body.preise-page > .mx-auto.max-w-7xl.text-left [id] > .grid > article:nth-child(2) a.inline-flex.bg-white *,
body.preise-page > .mx-auto.max-w-7xl.text-left [id] > .grid > article:nth-child(2) button.inline-flex.bg-white *,
body.preise-page > .mx-auto.max-w-7xl.text-left [id] > .grid > article:nth-child(2) .inline-flex.min-w-\[170px\].bg-white *,
body.preise-page > .mx-auto.max-w-7xl.text-left [id] > .grid > article:nth-child(2) .inline-flex.min-w-\[170px\].text-slate-950 * {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}

.niceweb-review-author::before {
  content: none !important;
  display: none !important;
}

body.index-page-bg .home-reviews-stars::before,
.home-reviews-stars::before {
  content: "\2605\2605\2605\2605\2605" !important;
  color: rgb(251, 191, 36) !important;
  -webkit-text-fill-color: rgb(251, 191, 36) !important;
  letter-spacing: 0.08em !important;
}

body .logo-reference-grid.logo-reference-grid--checker,
body .logo-reference-grid--checker {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 11rem), 1fr)) !important;
  gap: clamp(0.85rem, 2vw, 1.5rem) !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

body .logo-reference-grid--checker > article {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: clamp(0.75rem, 2.4vw, 1rem) !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: clamp(1rem, 3vw, 1.75rem) !important;
}

body .logo-reference-grid--checker > article > .rounded-2xl,
body .logo-reference-grid--checker > article > div {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
}

body .logo-reference-grid--checker > article .flex.aspect-square {
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  aspect-ratio: 1 / 1 !important;
  padding: clamp(0.45rem, 2.4vw, 1rem) !important;
  border-radius: clamp(0.9rem, 2.6vw, 1.5rem) !important;
}

body .logo-reference-grid--checker > article img {
  display: block !important;
  width: 100% !important;
  max-width: 96% !important;
  height: 100% !important;
  max-height: 96% !important;
  object-fit: contain !important;
}

@media (max-width: 30rem) {
  body .logo-reference-grid.logo-reference-grid--checker,
  body .logo-reference-grid--checker {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.7rem !important;
  }

  body .logo-reference-grid--checker > article {
    padding: 0.55rem !important;
    border-radius: 0.95rem !important;
  }

  body .logo-reference-grid--checker > article .flex.aspect-square {
    padding: 0.4rem !important;
    border-radius: 0.8rem !important;
  }
}

body.logo-design-page .logo-reference-grid--checker,
body.index-page-bg .logo-reference-grid--checker {
  margin-left: auto !important;
  margin-right: auto !important;
}

body.logo-design-page .logo-reference-grid--checker img,
body.index-page-bg .logo-reference-grid--checker img {
  min-width: 0 !important;
}

html:has(body.logo-design-page),
body.logo-design-page {
  overflow-x: hidden !important;
}

body .logo-reference-grid--checker > *,
body .logo-reference-grid--checker > * > *,
body .logo-reference-grid--checker > * .rounded-2xl,
body .logo-reference-grid--checker > * .flex.aspect-square {
  --checker-card-bg: #fff !important;
  --checker-shell-bg: #fff !important;
  --checker-logo-bg: #fff !important;
  --checker-img-filter: none !important;
  background: #fff !important;
  background-color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}

body .logo-reference-grid--checker img {
  filter: none !important;
}