.navigation-wrapper {
  display: contents;
}
 
.navigation-container1 {
  display: contents;
}
 
.navigation-container2 {
  display: none;
}
 
.navigation-container3 {
  display: contents;
}
 
.navigation-container4 {
  display: none;
}
 
.navigation-container5 {
  display: contents;
}
 
.navigation-container6 {
  display: none;
}
 
.navigation-container7 {
  display: contents;
}
 
.navigation-navigationtheme-icon1 {
  color: var(--color-on-surface);
  display: flex;
  opacity: 1;
  position: absolute;
  transform: rotate(0deg) scale(1);
  transition: background var(--animation-duration-standard)
        var(--animation-curve-primary),
      color var(--animation-duration-standard) var(--animation-curve-primary),
      border-color var(--animation-duration-standard)
        var(--animation-curve-primary);
  align-items: center;
  justify-content: center;
}
 
.navigation-navigationtheme-icon2 {
  color: var(--color-on-surface);
  display: flex;
  opacity: 0;
  position: absolute;
  transform: rotate(90deg) scale(0.5);
  transition: background var(--animation-duration-standard)
        var(--animation-curve-primary),
      color var(--animation-duration-standard) var(--animation-curve-primary),
      border-color var(--animation-duration-standard)
        var(--animation-curve-primary);
  align-items: center;
  justify-content: center;
}
 
.navigation-navigationtheme-glow {
  inset: -2px;
  filter: blur(8px);
  opacity: 0;
  z-index: 1;
  position: absolute;
  background: radial-gradient(
      circle,
      var(--color-primary) 0%,
      transparent 70%
    );
  transition: opacity var(--animation-duration-fast)
      var(--animation-curve-primary);
  pointer-events: none;
}
 
.navigation-btn {
  text-decoration: none;
}
 
.navigation-navigationmobile-icon1 {
  color: var(--color-on-surface);
  display: flex;
  opacity: 1;
  position: absolute;
  transform: rotate(0deg);
  transition: background var(--animation-duration-standard)
        var(--animation-curve-primary),
      color var(--animation-duration-standard) var(--animation-curve-primary),
      border-color var(--animation-duration-standard)
        var(--animation-curve-primary);
  align-items: center;
  justify-content: center;
}
 
.navigation-navigationmobile-icon2 {
  color: var(--color-on-surface);
  display: flex;
  opacity: 0;
  position: absolute;
  transform: rotate(90deg);
  transition: background var(--animation-duration-standard)
        var(--animation-curve-primary),
      color var(--animation-duration-standard) var(--animation-curve-primary),
      border-color var(--animation-duration-standard)
        var(--animation-curve-primary);
  align-items: center;
  justify-content: center;
}
 
.navigation-navigationmobile-glow {
  inset: -2px;
  filter: blur(8px);
  opacity: 0;
  z-index: 1;
  position: absolute;
  background: radial-gradient(
      circle,
      var(--color-accent) 0%,
      transparent 70%
    );
  transition: opacity var(--animation-duration-fast)
      var(--animation-curve-primary);
  pointer-events: none;
}

.footer-wrapper {
  display: contents;
}
 
.footer-container1 {
  display: contents;
}
 
.footer-container2 {
  display: none;
}
 
.footer-container3 {
  display: contents;
}
 
.footer-container4 {
  display: none;
}
 
.footer-container5 {
  display: contents;
}
 
.footer-container6 {
  display: none;
}
 
.footer-container7 {
  display: contents;
}
 
.footer-footer-tech-stats {
  border: 2px dashed rgba(120, 120, 120, 0.4);
}
 
.footer-footer-title-decorator1 {
  color: var(--color-accent);
  opacity: 0.6;
  transition: color 0.3s ease, opacity 0.3s ease;
  font-family: monospace;
}
 
.footer-footer-title-decorator2 {
  color: var(--color-accent);
  opacity: 0.6;
  transition: color 0.3s ease, opacity 0.3s ease;
  font-family: monospace;
}
 
.footer-footer-title-decorator3 {
  color: var(--color-accent);
  opacity: 0.6;
  transition: color 0.3s ease, opacity 0.3s ease;
  font-family: monospace;
}
 
.footer-footer-title-decorator4 {
  color: var(--color-accent);
  opacity: 0.6;
  transition: color 0.3s ease, opacity 0.3s ease;
  font-family: monospace;
}
 
.footer-footer-copyright-symbol {
  color: var(--color-accent);
  transition: color 0.3s ease;
  font-weight: var(--font-weight-bold);
}
 
.footer-footer-copyright-year {
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-medium);
}
 
.footer-footer-copyright-separator {
  opacity: 0.3;
}

.dienstleistungen-container10 {
  width: 100%;
  display: block;
  min-height: 100vh;
}
 
.dienstleistungen-container11 {
  display: none;
}
 
.dienstleistungen-container12 {
  display: contents;
}
 
.dienstleistungen-container13 {
  display: none;
}
 
.dienstleistungen-container14 {
  display: contents;
}
 
.dienstleistungen-container15 {
  display: none;
}
 
.dienstleistungen-container16 {
  display: contents;
}
 
.dienstleistungen-container17 {
  display: flex;
  padding: var(--spacing-2xl) var(--spacing-lg);
  overflow: hidden;
  position: relative;
  min-height: 100vh;
  align-items: center;
}
 
.dienstleistungen-video {
  top: 0;
  left: 0;
  width: 100%;
  filter: brightness(0.6) saturate(1.2);
  height: 100%;
  opacity: 0.3;
  z-index: 1;
  position: absolute;
  object-fit: cover;
}
 
.dienstleistungen-container18 {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  position: absolute;
  background: linear-gradient(
        135deg,
        color-mix(in srgb, var(--color-primary) 15%, transparent),
        color-mix(in srgb, var(--color-accent) 10%, transparent)
      );
  pointer-events: none;
}
 
.dienstleistungen-container19 {
  gap: var(--section-gap);
  width: 100%;
  margin: 0 auto;
  display: grid;
  z-index: 3;
  position: relative;
  max-width: var(--content-max-width);
  align-items: center;
  grid-template-columns: 1fr min(720px, 60%);
}
 
.dienstleistungen-hero-panel {
  gap: var(--spacing-lg);
  color: var(--color-on-surface);
  border: 1px solid var(--color-border);
  display: flex;
  padding: var(--spacing-3xl) var(--spacing-2xl);
  position: relative;
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-2);
  border-radius: var(--border-radius-lg);
  flex-direction: column;
  backdrop-filter: blur(12px);
  justify-content: center;
}
 
.dienstleistungen-text100 {
  color: var(--color-on-surface);
  margin: 0;
  font-size: var(--font-size-hero);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-tight);
}
 
.dienstleistungen-text101 {
  color: var(--color-on-surface-secondary);
  margin: var(--spacing-sm) 0 0 0;
  font-size: var(--font-size-lg);
  max-width: 62ch;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-relaxed);
}
 
.dienstleistungen-text103 {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-relaxed);
}
 
.dienstleistungen-container20 {
  gap: var(--spacing-md);
  display: flex;
  margin-top: var(--spacing-md);
  align-items: center;
}
 
.dienstleistungen-link1 {
  display: contents;
}
 
.dienstleistungen-btn1 {
  gap: var(--spacing-sm);
  display: inline-flex;
  transition: box-shadow var(--animation-duration-standard)
                var(--animation-curve-primary),
              transform var(--animation-duration-fast)
                var(--animation-curve-primary);
  align-items: center;
  text-decoration: none;
}
 
.dienstleistungen-container21 {
  gap: var(--spacing-sm);
  display: flex;
  flex-wrap: wrap;
  margin-top: var(--spacing-lg);
  align-items: center;
}
 
.dienstleistungen-container22 {
  gap: var(--spacing-xs);
  color: var(--color-on-surface);
  border: 1px solid var(--color-border);
  display: flex;
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: var(--font-size-sm);
  background: var(--color-surface);
  align-items: center;
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-sm);
}
 
.dienstleistungen-container23 {
  gap: var(--spacing-xs);
  color: var(--color-on-surface);
  border: 1px solid var(--color-border);
  display: flex;
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: var(--font-size-sm);
  background: var(--color-surface);
  align-items: center;
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-sm);
}
 
.dienstleistungen-container24 {
  gap: var(--spacing-xs);
  color: var(--color-on-surface);
  border: 1px solid var(--color-border);
  display: flex;
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: var(--font-size-sm);
  background: var(--color-surface);
  align-items: center;
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-sm);
}
 
.dienstleistungen-backplate {
  top: 10%;
  right: var(--spacing-lg);
  opacity: 0.9;
  z-index: 2;
  position: absolute;
  transform: translateZ(0);
  pointer-events: none;
}
 
.dienstleistungen-image {
  width: 580px;
  border: 1px solid var(--color-outline);
  filter: drop-shadow(
            0 0 40px color-mix(in srgb, var(--color-accent) 30%, transparent)
          );
  height: auto;
  box-shadow: var(--shadow-level-3);
  border-radius: var(--border-radius-lg);
}
 
.dienstleistungen-container25 {
  margin: 0 auto;
  padding: clamp(2rem, 5vw, 6rem) var(--spacing-lg);
  max-width: var(--content-max-width);
}
 
.dienstleistungen-container26 {
  display: grid;
  row-gap: var(--spacing-2xl);
  column-gap: var(--spacing-3xl);
  grid-template-columns: 1.4fr 1fr;
}
 
.dienstleistungen-container27 {
  gap: var(--spacing-lg);
  display: flex;
  outline: 1px solid var(--color-outline);
  padding: var(--spacing-3xl);
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-2);
  border-radius: var(--border-radius-lg);
  flex-direction: column;
}
 
.dienstleistungen-text112 {
  color: var(--color-on-surface);
  margin: 0;
  font-size: var(--font-size-hero);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-tight);
}
 
.dienstleistungen-text113 {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-base);
  max-width: 65ch;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-relaxed);
}
 
.dienstleistungen-text114 {
  color: var(--color-on-surface);
  margin: var(--spacing-lg) 0 var(--spacing-sm) 0;
  font-size: var(--font-size-xl);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-medium);
}
 
.dienstleistungen-ul1 {
  gap: var(--spacing-sm);
  margin: 0;
  display: flex;
  padding: 0;
  list-style: none;
  flex-direction: column;
}
 
.dienstleistungen-li10 {
  gap: var(--spacing-sm);
  color: var(--color-on-surface);
  display: flex;
  font-size: var(--font-size-sm);
  align-items: flex-start;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--letter-spacing-tight);
}
 
.dienstleistungen-icon20 {
  color: var(--color-primary);
  margin-top: 2px;
  flex-shrink: 0;
}
 
.dienstleistungen-text116 {
  font-weight: 700;
}
 
.dienstleistungen-li11 {
  gap: var(--spacing-sm);
  color: var(--color-on-surface);
  display: flex;
  font-size: var(--font-size-sm);
  align-items: flex-start;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--letter-spacing-tight);
}
 
.dienstleistungen-icon22 {
  color: var(--color-primary);
  margin-top: 2px;
  flex-shrink: 0;
}
 
.dienstleistungen-text119 {
  font-weight: 700;
}
 
.dienstleistungen-li12 {
  gap: var(--spacing-sm);
  color: var(--color-on-surface);
  display: flex;
  font-size: var(--font-size-sm);
  align-items: flex-start;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--letter-spacing-tight);
}
 
.dienstleistungen-icon27 {
  color: var(--color-primary);
  margin-top: 2px;
  flex-shrink: 0;
}
 
.dienstleistungen-text122 {
  font-weight: 700;
}
 
.dienstleistungen-li13 {
  gap: var(--spacing-sm);
  color: var(--color-on-surface);
  display: flex;
  font-size: var(--font-size-sm);
  align-items: flex-start;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--letter-spacing-tight);
}
 
.dienstleistungen-icon31 {
  color: var(--color-primary);
  margin-top: 2px;
  flex-shrink: 0;
}
 
.dienstleistungen-text125 {
  font-weight: 700;
}
 
.dienstleistungen-li14 {
  gap: var(--spacing-sm);
  color: var(--color-on-surface);
  display: flex;
  font-size: var(--font-size-sm);
  align-items: flex-start;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--letter-spacing-tight);
}
 
.dienstleistungen-icon36 {
  color: var(--color-primary);
  margin-top: 2px;
  flex-shrink: 0;
}
 
.dienstleistungen-text130 {
  font-weight: 700;
}
 
.dienstleistungen-li15 {
  gap: var(--spacing-sm);
  color: var(--color-on-surface);
  display: flex;
  font-size: var(--font-size-sm);
  align-items: flex-start;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--letter-spacing-tight);
}
 
.dienstleistungen-icon38 {
  color: var(--color-primary);
  margin-top: 2px;
  flex-shrink: 0;
}
 
.dienstleistungen-text133 {
  font-weight: 700;
}
 
.dienstleistungen-container28 {
  gap: var(--spacing-lg);
  display: grid;
  grid-auto-rows: minmax(auto, max-content);
  grid-template-columns: repeat(2, 1fr);
}
 
.dienstleistungen-service-card1 {
  gap: var(--spacing-sm);
  border: 1px solid var(--color-border);
  display: flex;
  padding: var(--spacing-lg);
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-1);
  transition: box-shadow var(--animation-duration-fast)
              var(--animation-curve-primary),
            transform var(--animation-duration-fast)
              var(--animation-curve-primary);
  border-radius: var(--border-radius-md);
  flex-direction: column;
}
 
.dienstleistungen-container29 {
  color: var(--color-primary);
  width: 48px;
  height: 48px;
  display: flex;
  background: color-mix(
              in srgb,
              var(--color-primary) 15%,
              transparent
            );
  align-items: center;
  border-radius: var(--border-radius-md);
  margin-bottom: var(--spacing-xs);
  justify-content: center;
}
 
.dienstleistungen-text135 {
  color: var(--color-on-surface);
  margin: 0;
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-medium);
}
 
.dienstleistungen-text136 {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--line-height-relaxed);
}
 
.dienstleistungen-container30 {
  gap: var(--spacing-xs);
  display: flex;
  flex-wrap: wrap;
  margin-top: var(--spacing-xs);
}
 
.dienstleistungen-text137 {
  color: var(--color-on-surface);
  padding: 4px var(--spacing-xs);
  font-size: 11px;
  background: var(--color-backplate);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-sm);
}
 
.dienstleistungen-text138 {
  color: var(--color-on-surface);
  padding: 4px var(--spacing-xs);
  font-size: 11px;
  background: var(--color-backplate);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-sm);
}
 
.dienstleistungen-service-card2 {
  gap: var(--spacing-sm);
  border: 1px solid var(--color-border);
  display: flex;
  padding: var(--spacing-lg);
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-1);
  transition: box-shadow var(--animation-duration-fast)
              var(--animation-curve-primary),
            transform var(--animation-duration-fast)
              var(--animation-curve-primary);
  border-radius: var(--border-radius-md);
  flex-direction: column;
}
 
.dienstleistungen-container31 {
  color: var(--color-accent);
  width: 48px;
  height: 48px;
  display: flex;
  background: color-mix(
              in srgb,
              var(--color-accent) 15%,
              transparent
            );
  align-items: center;
  border-radius: var(--border-radius-md);
  margin-bottom: var(--spacing-xs);
  justify-content: center;
}
 
.dienstleistungen-text139 {
  color: var(--color-on-surface);
  margin: 0;
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-medium);
}
 
.dienstleistungen-text140 {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--line-height-relaxed);
}
 
.dienstleistungen-container32 {
  gap: var(--spacing-xs);
  display: flex;
  flex-wrap: wrap;
  margin-top: var(--spacing-xs);
}
 
.dienstleistungen-text141 {
  color: var(--color-on-surface);
  padding: 4px var(--spacing-xs);
  font-size: 11px;
  background: var(--color-backplate);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-sm);
}
 
.dienstleistungen-text142 {
  color: var(--color-on-surface);
  padding: 4px var(--spacing-xs);
  font-size: 11px;
  background: var(--color-backplate);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-sm);
}
 
.dienstleistungen-service-card3 {
  gap: var(--spacing-sm);
  border: 1px solid var(--color-border);
  display: flex;
  padding: var(--spacing-lg);
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-1);
  transition: box-shadow var(--animation-duration-fast)
              var(--animation-curve-primary),
            transform var(--animation-duration-fast)
              var(--animation-curve-primary);
  border-radius: var(--border-radius-md);
  flex-direction: column;
}
 
.dienstleistungen-container33 {
  color: var(--color-primary);
  width: 48px;
  height: 48px;
  display: flex;
  background: color-mix(
              in srgb,
              var(--color-primary) 15%,
              transparent
            );
  align-items: center;
  border-radius: var(--border-radius-md);
  margin-bottom: var(--spacing-xs);
  justify-content: center;
}
 
.dienstleistungen-text143 {
  color: var(--color-on-surface);
  margin: 0;
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-medium);
}
 
.dienstleistungen-text144 {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--line-height-relaxed);
}
 
.dienstleistungen-container34 {
  gap: var(--spacing-xs);
  display: flex;
  flex-wrap: wrap;
  margin-top: var(--spacing-xs);
}
 
.dienstleistungen-text145 {
  color: var(--color-on-surface);
  padding: 4px var(--spacing-xs);
  font-size: 11px;
  background: var(--color-backplate);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-sm);
}
 
.dienstleistungen-text146 {
  color: var(--color-on-surface);
  padding: 4px var(--spacing-xs);
  font-size: 11px;
  background: var(--color-backplate);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-sm);
}
 
.dienstleistungen-service-card4 {
  gap: var(--spacing-sm);
  border: 1px solid var(--color-border);
  display: flex;
  padding: var(--spacing-lg);
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-1);
  transition: box-shadow var(--animation-duration-fast)
              var(--animation-curve-primary),
            transform var(--animation-duration-fast)
              var(--animation-curve-primary);
  border-radius: var(--border-radius-md);
  flex-direction: column;
}
 
.dienstleistungen-container35 {
  color: var(--color-accent);
  width: 48px;
  height: 48px;
  display: flex;
  background: color-mix(
              in srgb,
              var(--color-accent) 15%,
              transparent
            );
  align-items: center;
  border-radius: var(--border-radius-md);
  margin-bottom: var(--spacing-xs);
  justify-content: center;
}
 
.dienstleistungen-text147 {
  color: var(--color-on-surface);
  margin: 0;
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-medium);
}
 
.dienstleistungen-text148 {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--line-height-relaxed);
}
 
.dienstleistungen-container36 {
  gap: var(--spacing-xs);
  display: flex;
  flex-wrap: wrap;
  margin-top: var(--spacing-xs);
}
 
.dienstleistungen-text149 {
  color: var(--color-on-surface);
  padding: 4px var(--spacing-xs);
  font-size: 11px;
  background: var(--color-backplate);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-sm);
}
 
.dienstleistungen-text150 {
  color: var(--color-on-surface);
  padding: 4px var(--spacing-xs);
  font-size: 11px;
  background: var(--color-backplate);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-sm);
}
 
.dienstleistungen-container37 {
  padding: var(--spacing-md) var(--spacing-lg);
  background: var(--color-surface);
  margin-top: var(--spacing-md);
  border-left: 4px solid var(--color-primary);
  grid-column: 1 / -1;
  border-radius: var(--border-radius-sm);
}
 
.dienstleistungen-text151 {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-sm) 0;
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
}
 
.dienstleistungen-ul2 {
  gap: var(--spacing-xs);
  margin: 0;
  display: flex;
  padding: 0;
  list-style: none;
  flex-direction: column;
}
 
.dienstleistungen-li16 {
  gap: var(--spacing-xs);
  color: var(--color-on-surface-secondary);
  display: flex;
  font-size: var(--font-size-sm);
  align-items: flex-start;
}
 
.dienstleistungen-icon57 {
  color: var(--color-primary);
  margin-top: 2px;
  flex-shrink: 0;
}
 
.dienstleistungen-li17 {
  gap: var(--spacing-xs);
  color: var(--color-on-surface-secondary);
  display: flex;
  font-size: var(--font-size-sm);
  align-items: flex-start;
}
 
.dienstleistungen-icon59 {
  color: var(--color-primary);
  margin-top: 2px;
  flex-shrink: 0;
}
 
.dienstleistungen-li18 {
  gap: var(--spacing-xs);
  color: var(--color-on-surface-secondary);
  display: flex;
  font-size: var(--font-size-sm);
  align-items: flex-start;
}
 
.dienstleistungen-icon61 {
  color: var(--color-primary);
  margin-top: 2px;
  flex-shrink: 0;
}
 
.dienstleistungen-li19 {
  gap: var(--spacing-xs);
  color: var(--color-on-surface-secondary);
  display: flex;
  font-size: var(--font-size-sm);
  align-items: flex-start;
}
 
.dienstleistungen-icon63 {
  color: var(--color-primary);
  margin-top: 2px;
  flex-shrink: 0;
}
 
.dienstleistungen-container38 {
  display: flex;
  margin-top: var(--spacing-md);
  align-items: center;
  grid-column: 1 / -1;
  justify-content: center;
}
 
.dienstleistungen-link2 {
  display: contents;
}
 
.dienstleistungen-btn2 {
  gap: var(--spacing-sm);
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}
 
.dienstleistungen-container39 {
  color: var(--color-on-surface);
  margin: 0 auto;
  padding: var(--spacing-4xl) var(--spacing-3xl);
  max-width: var(--content-max-width);
  background: var(--color-surface);
}
 
.dienstleistungen-steps-wrapper {
  gap: var(--spacing-lg);
  display: grid;
  grid-auto-rows: min-content;
}
 
.dienstleistungen-container40 {
  margin-bottom: var(--spacing-lg);
}
 
.dienstleistungen-text157 {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-sm) 0;
  font-size: var(--font-size-hero);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--letter-spacing-tight);
}
 
.dienstleistungen-text158 {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-lg);
  max-width: 62ch;
  font-family: var(--font-family-body);
  line-height: var(--line-height-relaxed);
}
 
.dienstleistungen-text160 {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-base);
  line-height: var(--line-height-relaxed);
}
 
.dienstleistungen-step-card1 {
  color: var(--color-on-surface);
  border: 1px solid var(--color-border);
  padding: var(--spacing-lg);
  overflow: hidden;
  position: relative;
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-2);
  transition: box-shadow var(--animation-duration-fast)
              var(--animation-curve-primary),
            transform var(--animation-duration-standard)
              var(--animation-curve-primary);
  border-radius: var(--border-radius-lg);
}
 
.dienstleistungen-text162 {
  color: var(--color-primary);
  border: 1px solid var(--color-outline);
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-sm);
  font-size: var(--font-size-sm);
  box-shadow: 0 0 14px
              color-mix(in srgb, var(--color-primary) 25%, transparent);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-bold);
  border-radius: var(--border-radius-sm);
  margin-bottom: var(--spacing-sm);
  letter-spacing: var(--letter-spacing-tight);
}
 
.dienstleistungen-text163 {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-sm) 0;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-bold);
}
 
.dienstleistungen-text164 {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-relaxed);
}
 
.dienstleistungen-step-card2 {
  color: var(--color-on-surface);
  border: 1px solid var(--color-border);
  padding: var(--spacing-lg);
  overflow: hidden;
  position: relative;
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-2);
  transition: box-shadow var(--animation-duration-fast)
              var(--animation-curve-primary),
            transform var(--animation-duration-standard)
              var(--animation-curve-primary);
  border-radius: var(--border-radius-lg);
}
 
.dienstleistungen-text165 {
  color: var(--color-primary);
  border: 1px solid var(--color-outline);
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-sm);
  font-size: var(--font-size-sm);
  box-shadow: 0 0 14px
              color-mix(in srgb, var(--color-primary) 25%, transparent);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-bold);
  border-radius: var(--border-radius-sm);
  margin-bottom: var(--spacing-sm);
  letter-spacing: var(--letter-spacing-tight);
}
 
.dienstleistungen-text166 {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-sm) 0;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-bold);
}
 
.dienstleistungen-text167 {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-relaxed);
}
 
.dienstleistungen-step-card3 {
  color: var(--color-on-surface);
  border: 1px solid var(--color-border);
  padding: var(--spacing-lg);
  overflow: hidden;
  position: relative;
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-2);
  transition: box-shadow var(--animation-duration-fast)
              var(--animation-curve-primary),
            transform var(--animation-duration-standard)
              var(--animation-curve-primary);
  border-radius: var(--border-radius-lg);
}
 
.dienstleistungen-text168 {
  color: var(--color-primary);
  border: 1px solid var(--color-outline);
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-sm);
  font-size: var(--font-size-sm);
  box-shadow: 0 0 14px
              color-mix(in srgb, var(--color-primary) 25%, transparent);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-bold);
  border-radius: var(--border-radius-sm);
  margin-bottom: var(--spacing-sm);
  letter-spacing: var(--letter-spacing-tight);
}
 
.dienstleistungen-text169 {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-sm) 0;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-bold);
}
 
.dienstleistungen-text170 {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-relaxed);
}
 
.dienstleistungen-step-card4 {
  color: var(--color-on-surface);
  border: 1px solid var(--color-border);
  padding: var(--spacing-lg);
  overflow: hidden;
  position: relative;
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-2);
  transition: box-shadow var(--animation-duration-fast)
              var(--animation-curve-primary),
            transform var(--animation-duration-standard)
              var(--animation-curve-primary);
  border-radius: var(--border-radius-lg);
}
 
.dienstleistungen-text171 {
  color: var(--color-primary);
  border: 1px solid var(--color-outline);
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-sm);
  font-size: var(--font-size-sm);
  box-shadow: 0 0 14px
              color-mix(in srgb, var(--color-primary) 25%, transparent);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-bold);
  border-radius: var(--border-radius-sm);
  margin-bottom: var(--spacing-sm);
  letter-spacing: var(--letter-spacing-tight);
}
 
.dienstleistungen-text172 {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-sm) 0;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-bold);
}
 
.dienstleistungen-text173 {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-relaxed);
}
 
.dienstleistungen-step-card5 {
  color: var(--color-on-surface);
  border: 1px solid var(--color-border);
  padding: var(--spacing-lg);
  overflow: hidden;
  position: relative;
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-2);
  transition: box-shadow var(--animation-duration-fast)
              var(--animation-curve-primary),
            transform var(--animation-duration-standard)
              var(--animation-curve-primary);
  border-radius: var(--border-radius-lg);
}
 
.dienstleistungen-text174 {
  color: var(--color-primary);
  border: 1px solid var(--color-outline);
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-sm);
  font-size: var(--font-size-sm);
  box-shadow: 0 0 14px
              color-mix(in srgb, var(--color-primary) 25%, transparent);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-bold);
  border-radius: var(--border-radius-sm);
  margin-bottom: var(--spacing-sm);
  letter-spacing: var(--letter-spacing-tight);
}
 
.dienstleistungen-text175 {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-sm) 0;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-bold);
}
 
.dienstleistungen-text176 {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-relaxed);
}
 
.dienstleistungen-step-card6 {
  color: var(--color-on-surface);
  border: 1px solid var(--color-border);
  padding: var(--spacing-lg);
  overflow: hidden;
  position: relative;
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-2);
  transition: box-shadow var(--animation-duration-fast)
              var(--animation-curve-primary),
            transform var(--animation-duration-standard)
              var(--animation-curve-primary);
  border-radius: var(--border-radius-lg);
}
 
.dienstleistungen-text177 {
  color: var(--color-primary);
  border: 1px solid var(--color-outline);
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-sm);
  font-size: var(--font-size-sm);
  box-shadow: 0 0 14px
              color-mix(in srgb, var(--color-primary) 25%, transparent);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-bold);
  border-radius: var(--border-radius-sm);
  margin-bottom: var(--spacing-sm);
  letter-spacing: var(--letter-spacing-tight);
}
 
.dienstleistungen-text178 {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-sm) 0;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-bold);
}
 
.dienstleistungen-text179 {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-relaxed);
}
 
.dienstleistungen-step-card7 {
  color: var(--color-on-surface);
  border: 1px solid var(--color-border);
  padding: var(--spacing-lg);
  overflow: hidden;
  position: relative;
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-2);
  transition: box-shadow var(--animation-duration-fast)
              var(--animation-curve-primary),
            transform var(--animation-duration-standard)
              var(--animation-curve-primary);
  border-radius: var(--border-radius-lg);
}
 
.dienstleistungen-text180 {
  color: var(--color-primary);
  border: 1px solid var(--color-outline);
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-sm);
  font-size: var(--font-size-sm);
  box-shadow: 0 0 14px
              color-mix(in srgb, var(--color-primary) 25%, transparent);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-bold);
  border-radius: var(--border-radius-sm);
  margin-bottom: var(--spacing-sm);
  letter-spacing: var(--letter-spacing-tight);
}
 
.dienstleistungen-text181 {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-sm) 0;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-bold);
}
 
.dienstleistungen-text182 {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-relaxed);
}
 
.dienstleistungen-step-card8 {
  color: var(--color-on-surface);
  border: 1px solid var(--color-border);
  padding: var(--spacing-lg);
  overflow: hidden;
  position: relative;
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-2);
  transition: box-shadow var(--animation-duration-fast)
              var(--animation-curve-primary),
            transform var(--animation-duration-standard)
              var(--animation-curve-primary);
  border-radius: var(--border-radius-lg);
}
 
.dienstleistungen-text183 {
  color: var(--color-primary);
  border: 1px solid var(--color-outline);
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-sm);
  font-size: var(--font-size-sm);
  box-shadow: 0 0 14px
              color-mix(in srgb, var(--color-primary) 25%, transparent);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-bold);
  border-radius: var(--border-radius-sm);
  margin-bottom: var(--spacing-sm);
  letter-spacing: var(--letter-spacing-tight);
}
 
.dienstleistungen-text184 {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-sm) 0;
  font-size: var(--font-size-lg);
  font-family: var(--font-family-heading);
  font-weight: var(--font-weight-bold);
}
 
.dienstleistungen-text185 {
  color: var(--color-on-surface-secondary);
  margin: 0;
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-relaxed);
}
 
.dienstleistungen-sidebar {
  gap: var(--spacing-md);
  display: flex;
  flex-direction: column;
}
 
.dienstleistungen-container41 {
  color: var(--color-on-surface);
  border: 1px solid var(--color-outline);
  padding: var(--spacing-lg);
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-2);
  border-radius: var(--border-radius-md);
}
 
.dienstleistungen-text186 {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-sm) 0;
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
}
 
.dienstleistungen-ul3 {
  gap: var(--spacing-xs);
  margin: 0;
  display: flex;
  padding: 0;
  list-style: none;
  flex-direction: column;
}
 
.dienstleistungen-li20 {
  gap: var(--spacing-xs);
  color: var(--color-on-surface-secondary);
  display: flex;
  font-size: var(--font-size-sm);
  align-items: flex-start;
}
 
.dienstleistungen-icon67 {
  color: var(--color-primary);
  margin-top: 2px;
  flex-shrink: 0;
}
 
.dienstleistungen-li21 {
  gap: var(--spacing-xs);
  color: var(--color-on-surface-secondary);
  display: flex;
  font-size: var(--font-size-sm);
  align-items: flex-start;
}
 
.dienstleistungen-icon69 {
  color: var(--color-primary);
  margin-top: 2px;
  flex-shrink: 0;
}
 
.dienstleistungen-li22 {
  gap: var(--spacing-xs);
  color: var(--color-on-surface-secondary);
  display: flex;
  font-size: var(--font-size-sm);
  align-items: flex-start;
}
 
.dienstleistungen-icon71 {
  color: var(--color-primary);
  margin-top: 2px;
  flex-shrink: 0;
}
 
.dienstleistungen-container42 {
  color: var(--color-on-surface);
  border: 1px solid var(--color-outline);
  padding: var(--spacing-lg);
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-2);
  border-radius: var(--border-radius-md);
}
 
.dienstleistungen-text190 {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-md) 0;
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
}
 
.dienstleistungen-container43 {
  gap: var(--spacing-md);
  display: flex;
  flex-direction: column;
}
 
.dienstleistungen-container45 {
  color: var(--color-primary);
  margin: 0;
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
}
 
.dienstleistungen-container46 {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-sm);
  margin-top: 4px;
}
 
.dienstleistungen-container48 {
  color: var(--color-accent);
  margin: 0;
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
}
 
.dienstleistungen-container49 {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-sm);
  margin-top: 4px;
}
 
.dienstleistungen-container51 {
  color: var(--color-primary);
  margin: 0;
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
}
 
.dienstleistungen-container52 {
  color: var(--color-on-surface-secondary);
  font-size: var(--font-size-sm);
  margin-top: 4px;
}
 
.dienstleistungen-container53 {
  color: var(--color-on-surface);
  border: 1px solid var(--color-outline);
  padding: var(--spacing-lg);
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-2);
  border-radius: var(--border-radius-md);
}
 
.dienstleistungen-text197 {
  color: var(--color-on-surface);
  margin: 0 0 var(--spacing-sm) 0;
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
}
 
.dienstleistungen-container54 {
  gap: var(--spacing-xs);
  display: flex;
  flex-wrap: wrap;
}
 
.dienstleistungen-text198 {
  color: var(--color-on-surface);
  padding: 6px var(--spacing-sm);
  font-size: var(--font-size-sm);
  background: var(--color-backplate);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-sm);
}
 
.dienstleistungen-text199 {
  color: var(--color-on-surface);
  padding: 6px var(--spacing-sm);
  font-size: var(--font-size-sm);
  background: var(--color-backplate);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-sm);
}
 
.dienstleistungen-text200 {
  color: var(--color-on-surface);
  padding: 6px var(--spacing-sm);
  font-size: var(--font-size-sm);
  background: var(--color-backplate);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-sm);
}
 
.dienstleistungen-text201 {
  color: var(--color-on-surface);
  padding: 6px var(--spacing-sm);
  font-size: var(--font-size-sm);
  background: var(--color-backplate);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-sm);
}
 
.dienstleistungen-text202 {
  color: var(--color-on-surface);
  padding: 6px var(--spacing-sm);
  font-size: var(--font-size-sm);
  background: var(--color-backplate);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-sm);
}
 
.dienstleistungen-text203 {
  color: var(--color-on-surface);
  padding: 6px var(--spacing-sm);
  font-size: var(--font-size-sm);
  background: var(--color-backplate);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-sm);
}
 
.dienstleistungen-link3 {
  display: contents;
}
 
.dienstleistungen-btn3 {
  gap: var(--spacing-sm);
  width: 100%;
  display: flex;
  margin-top: var(--spacing-md);
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
 
@media(max-width: 767px) {
  .dienstleistungen-step-card1 {
    overflow: hidden;
  }
}
 
@media(max-width: 479px) {
  .dienstleistungen-container10 {
    width: 100%;
    display: block;
  }
  .dienstleistungen-hero-panel {
    top: 30;
    right: 0;
    width: 100%;
    position: relative;
  }
  .dienstleistungen-backplate {
    width: 95%;
  }
  .dienstleistungen-image {
    width: 100%;
  }
  .dienstleistungen-container39 {
    max-width: var(--content-max-width);
    padding-left: 0px;
    padding-right: 0px;
  }
  .dienstleistungen-steps-wrapper {
    display: block;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
  }
  .dienstleistungen-text157 {
    font-size: var(--font-size-xl);
  }
  .dienstleistungen-step-card1 {
    width: 100%;
    overflow: hidden;
  }
  .dienstleistungen-step-card8 {
    position: relative;
  }
}