.left { width: 49%; }
.h1font { margin: 50px 0px; text-transform: none !important; }
.mrh { margin: 60px 0px 0px; }
.hero-image { aspect-ratio: 463 / 514; }
.hero-picture { display: block; }
.right .hero-image { object-fit: contain; aspect-ratio: 3 / 3; object-position: center bottom; transform: translateY(-48px); user-select: none; -webkit-user-drag: none; }
.flex2 { display: flex; align-items: self-end; }
@media (max-width: 1300px) {
  .flex2 { display: block; }
  .left { margin: 0px auto; text-align: center; }
}
@media (max-width: 1215px) {
  .left p span { display: none; }
  .left { line-height: 20px; }
  .but { display: none; }
  .left h1 { font-size: 23px; line-height: 35px; top: 0px; width: 100%; }
  .left { margin-top: -20px; }
  .h1font { margin: 10px 0px; }
  .right .hero-image { aspect-ratio: 3 / 2; object-position: center top; transform: translateY(-27px); }
}
@media (max-width: 1195px) {
  .leftt { display: none; }
  .mrh { margin: 0px auto; width: 100%; display: block; }
  .mm { margin: 15px 0px; }
  .mrh { margin-top: 30px; }
}
.Designfreak_solutions div.Designfreak_solutions_tabs_buttons span { border: 1px solid rgba(148, 163, 184, 0.22); background: linear-gradient(rgba(222, 222, 222, 0.98), rgba(222, 222, 222, 0.98)); color: rgb(0, 0, 0); box-shadow: rgba(15, 23, 42, 0.06) 0px 10px 24px; transition: transform 0.25s, box-shadow 0.25s, background-color 0.25s, border-color 0.25s; }
.Designfreak_solutions div.Designfreak_solutions_tabs_buttons span:hover, div.Designfreak_solutions div.Designfreak_solutions_tabs_buttons span.selected { background: linear-gradient(135deg, rgb(15, 23, 42), rgb(30, 41, 59)); border-color: rgba(15, 23, 42, 0.85); box-shadow: rgba(15, 23, 42, 0.18) 0px 16px 35px; transform: translateY(-2px); color: rgb(255, 255, 255) !important; }
.Designfreak_solutions div.Designfreak_solutions_tabs_buttons span:hover::after, div.Designfreak_solutions div.Designfreak_solutions_tabs_buttons span.selected::after { height: 100%; left: 0px; right: 0px; }
div.Designfreak_solutions div.Designfreak_solutions_tabs_contents p { overflow: hidden; opacity: 0; max-height: 0px; transition: 0.5s; }
div.Designfreak_solutions div.Designfreak_solutions_tabs_contents p.selected { overflow: initial; opacity: 1; max-height: 200px; }
@media not all {
  div.Designfreak_solutions { max-width: 1700px; }
}
.Designfreak_solutions_tabs_buttons:hover { cursor: pointer; }
.index-page-bg { background: url("../images/b.svg") center top / cover no-repeat, radial-gradient(circle at left top, rgba(59, 70, 250, 0.16), transparent 34%), linear-gradient(rgb(248, 251, 255) 0%, rgb(239, 246, 255) 46%, rgb(248, 250, 252) 100%); }
.index-hero-shell { background: radial-gradient(circle at right top, rgba(59, 70, 250, 0.2), transparent 26%), linear-gradient(135deg, rgb(11, 33, 66) 0%, rgb(59, 70, 250) 52%, rgb(14, 31, 56) 100%); }
.index-hero-shell.hero-shell-secondary { background: radial-gradient(circle at left top, rgba(251, 146, 60, 0.26), transparent 24%), radial-gradient(circle at right bottom, rgba(59, 70, 250, 0.22), transparent 28%), linear-gradient(135deg, rgb(74, 16, 32) 0%, rgb(124, 45, 18) 44%, rgb(59, 70, 250) 100%); }
@media (max-width: 1215px) {
  .index-page-bg { background: url("../images/bg.svg") right bottom / cover no-repeat, radial-gradient(circle at left top, rgba(59, 70, 250, 0.16), transparent 34%), linear-gradient(rgb(248, 251, 255) 0%, rgb(239, 246, 255) 46%, rgb(248, 250, 252) 100%); }
}
.hero-slider { position: relative; overflow: hidden; touch-action: pan-y; user-select: none; cursor: grab; }
.hero-slider.is-dragging { cursor: grabbing; }
.hero-slider-track { display: flex; will-change: transform; transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1); }
@media (min-width: 2200px) {
  .hero-slider-track { visibility: hidden; }
  .hero-slider[data-slider-ready="true"] .hero-slider-track { visibility: visible; }
}

.hero-slide { min-width: 100%; }
.hero-slide-primary { background: transparent; }
.hero-slide-secondary { background: transparent; }
.hero-slide-inner { min-height: 100%; }
.hero-kicker-white { color: rgb(255, 255, 255); }
@media (max-width: 1215px) {
  .right .hero-image { aspect-ratio: 3 / 3; object-position: left center; transform: translateY(73px); }
}
@media (max-width: 1215px) {
  .hero-slide-inner { padding-bottom: 43px; }
}
.section-shell { width: 100%; }
body.index-page-bg .big > section:not(.meddienst-hero-section) {
  padding-top: clamp(4.75rem, 8vw, 7rem) !important;
  padding-bottom: clamp(4.75rem, 8vw, 7rem) !important;
}
body.index-page-bg .big > section:not(.meddienst-hero-section) > .section-shell,
body.index-page-bg .big > section:not(.meddienst-hero-section) > .mx-auto {
  padding-top: clamp(1.5rem, 2vw, 2.25rem);
  padding-bottom: clamp(1.5rem, 2vw, 2.25rem);
}
.hero-slider { user-select: none; -webkit-tap-highlight-color: transparent; }
.hero-slider-track, .hero-slide, .hero-picture { backface-visibility: hidden; }
.hero-slider-track, .hero-picture { transform: translateZ(0px); }
.hero-slide { flex: 0 0 100%; }
.hero-slide[data-hero-clone="true"] { display: block !important; visibility: visible !important; opacity: 1 !important; }
.hero-image { backface-visibility: hidden; }
.hero-slider-track { will-change: auto; }
.hero-slider[data-slider-ready="true"] .hero-slider-track { will-change: transform; }
@media (max-width: 1215px) {
  .flex2 { align-items: center; }
}
@media (max-width: 700px) {
  .left { width: 98%; }
}
.hero-title-secondary { width: 100%; }
@media (max-width: 1215px) {
  .hero-title-secondary { font-size: 23px; line-height: 35px; top: 0px; width: 100%; }
}
.Designfreak_solutions .Designfreak_solutions_tabs_contents { overflow: hidden; margin-top: 1.5rem; height: auto; flex: 0 0 auto; min-height: 0px; transition: height 0.45s cubic-bezier(0.22, 1, 0.36, 1); }
.Designfreak_solutions .Designfreak_solutions_tabs_track { display: flex; align-items: flex-start; height: auto; width: 100%; transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1); will-change: transform; }
.home-insights-section .grid { align-items: stretch; }
.insights-review-column { display: flex; flex-direction: column; height: 100%; }
.insights-review-grid { flex: 1 1 auto; align-content: stretch; grid-auto-rows: 1fr; }
.Designfreak_solutions { height: 100%; border: 1px solid rgba(148, 163, 184, 0.8); border-radius: 2rem; padding: 1.75rem; background: radial-gradient(circle at right top, rgba(59, 70, 250, 0.5), transparent 28%), linear-gradient(rgba(255, 255, 255, 0.5), rgba(241, 245, 249, 0.5)); box-shadow: rgba(15, 23, 42, 0.08) 0px 20px 48px; }
.Designfreak_solutions_inner { display: flex; flex-direction: column; height: 100%; }
div.Designfreak_solutions div.Designfreak_solutions_tabs_contents .workflow-slide { flex: 0 0 100%; width: 100%; max-width: 100%; min-width: 0px; margin-top: 0px; padding-right: 0.25rem; display: flex; flex-direction: column; gap: 1rem; overflow: visible; max-height: none; opacity: 0.72; transition: opacity 0.35s; }
div.Designfreak_solutions div.Designfreak_solutions_tabs_contents .workflow-slide.selected { overflow: visible; max-height: none; opacity: 1; }
.workflow-slide-media { overflow: hidden; border-radius: 1.5rem; background: rgb(243, 232, 255); aspect-ratio: 16 / 10; box-shadow: rgba(15, 23, 42, 0.1) 0px 14px 28px; }
.workflow-slide-image { display: block; width: 100%; height: 100%; object-fit: cover; }
.workflow-slide-copy { margin: 0px; max-width: none; overflow: visible !important; max-height: none !important; opacity: 1 !important; transition: none !important; }
.home-insights-section .Designfreak_solutions, .home-insights-section .Designfreak_solutions_inner, .home-insights-section .Designfreak_solutions_tabs_contents, .home-insights-section .stack-up-item { min-width: 0px; }
.review-card { display: flex; flex-direction: column; justify-content: flex-start; height: 100%; }
.review-card-header { display: flex; align-items: center; gap: 1rem; }
.review-card-meta { min-width: 0px; }
.review-card-avatar { width: 36px; height: 36px; flex-shrink: 0; border-radius: 999px; object-fit: cover; object-position: center center; display: block; background: rgb(226, 232, 240); box-shadow: rgba(15, 23, 42, 0.12) 0px 10px 22px; }
.review-card-avatar-logo { display: inline-flex; align-items: center; justify-content: center; padding: 0.65rem; background: rgba(255, 255, 255, 0.96); }
.review-card-avatar-logo img { width: 100%; height: 100%; object-fit: contain; display: block; }
.Designfreak_solutions[data-workflow-index="0"] .Designfreak_solutions_tabs_track { transform: translate3d(0%, 0px, 0px); }
.Designfreak_solutions[data-workflow-index="1"] .Designfreak_solutions_tabs_track { transform: translate3d(-100%, 0px, 0px); }
.Designfreak_solutions[data-workflow-index="2"] .Designfreak_solutions_tabs_track { transform: translate3d(-200%, 0px, 0px); }
.Designfreak_solutions[data-workflow-index="3"] .Designfreak_solutions_tabs_track { transform: translate3d(-300%, 0px, 0px); }
@media (prefers-reduced-motion: reduce) {
  .Designfreak_solutions .Designfreak_solutions_tabs_track, .Designfreak_solutions .Designfreak_solutions_tabs_contents, .Designfreak_solutions .Designfreak_solutions_tabs_contents .workflow-slide { transition: none; }
}
@media (max-width: 48rem) {
  .Designfreak_solutions { padding: 1.25rem; }
  .review-card-header { align-items: flex-start; }
  .review-card-avatar { width: 36px; height: 36px; }
  .home-insights-section .Designfreak_solutions_tabs_buttons { gap: 0.625rem; }
  .home-insights-section .Designfreak_solutions_tabs_buttons span { display: flex; width: 100%; justify-content: center; text-align: center; }
  .home-insights-section .feature-image { height: clamp(14rem, 62vw, 18rem); }
  .workflow-slide { gap: 0.875rem; }
  .workflow-slide-media { border-radius: 1.25rem; }
}
#projekte .project-hero-header { overflow: hidden; padding: 1.4rem; box-shadow: rgba(15, 23, 42, 0.08) 0px 24px 60px; position: absolute; inset: auto auto -4rem -4rem; width: 14rem; height: 14rem; border-radius: 999px; background: rgba(59, 70, 250, 0.08); filter: blur(8px); }
#projekte .project-hero-inner { position: relative; z-index: 1; display: grid; gap: 1.4rem; align-items: end; }
#projekte .project-hero-copy { max-width: 44rem; }
#projekte .project-hero-kicker { font-size: 0.8rem; font-weight: 700; letter-spacing: 0.24em; text-transform: uppercase; color: rgb(59, 70, 250); }
#projekte .project-hero-title { margin-top: 0.7rem; }
#projekte .project-hero-text { margin-top: 0.9rem; max-width: 38rem; font-size: 1.04rem; line-height: 1.8; color: rgb(71, 85, 105); }
@media (min-width: 64rem) {
  #projekte .project-hero-inner { grid-template-columns: minmax(0px, 1.1fr) minmax(20rem, 0.9fr); }
}
@media (max-width: 48rem) {
  #projekte .project-hero-header { padding: 1rem; }
  #projekte .project-hero-text { font-size: 0.98rem; line-height: 1.68; }
}
.home-storyboard { position: relative; overflow: hidden; border: 1px solid rgba(148, 163, 184, 0.22); border-radius: 2rem; padding: 1.5rem; background: radial-gradient(circle at right top, rgba(59, 70, 250, 0.2), transparent 28%), linear-gradient(rgba(255, 255, 255, 0.5), rgba(242, 245, 249, 0.5)); box-shadow: rgba(15, 23, 42, 0.08) 0px 22px 50px; }
.home-why-grid { display: grid; gap: 1.5rem; align-items: stretch; }
.home-why-left, .home-why-right { min-width: 0px; }
.home-why-right { display: grid; gap: 1rem; }
.home-why-item { height: 100%; border: 1px solid rgba(148, 163, 184, 0.18); border-radius: 1.5rem; background: rgba(255, 255, 255, 0.72); padding: 1.35rem 1.4rem; box-shadow: rgba(15, 23, 42, 0.05) 0px 16px 36px; }
.home-storyboard::before { content: ""; position: absolute; inset: 0px; background: linear-gradient(135deg, rgba(59, 70, 250, 0.06), rgba(15, 23, 42, 0) 58%); pointer-events: none; }
.home-storyboard-copy { position: relative; z-index: 1; }
.home-storyboard-kicker { font-size: 0.78rem; font-weight: 700; letter-spacing: 0.24em; text-transform: uppercase; color: rgb(59, 70, 250); }
.home-storyboard-text { margin-top: 0.85rem; max-width: 44rem; font-size: 1.04rem; line-height: 1.8; color: rgb(51, 65, 85); }
.home-trust-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 1rem; margin-top: 1.5rem; }
.home-trust-card { border: 1px solid rgba(148, 163, 184, 0.8); border-radius: 1.35rem; padding: 1rem 1.05rem; box-shadow: rgba(15, 23, 42, 0.05) 0px 14px 30px; }
.home-trust-value { font-family: Anton, sans-serif; font-size: clamp(1.9rem, 4vw, 2.8rem); line-height: 1; color: rgb(15, 23, 42); }
.home-trust-label { margin-top: 0.45rem; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: rgb(59, 70, 250); }
.home-trust-copy { margin-top: 0.65rem; font-size: 0.97rem; line-height: 1.7; color: rgb(71, 85, 105); }
.home-storyboard-badges { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1.25rem; }
.home-storyboard-badge { display: inline-flex; align-items: center; border-radius: 999px; border: 1px solid rgba(59, 70, 250, 0.16); background: rgba(255, 255, 255, 0.88); padding: 0.72rem 1rem; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: rgb(15, 23, 42); box-shadow: rgba(15, 23, 42, 0.06) 0px 12px 24px; }
.home-storyboard-points { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 1rem; margin-top: 1.5rem; }
.home-storyboard-point { border: 1px solid rgba(148, 163, 184, 0.8); border-radius: 1.35rem; background: rgba(255, 255, 255, 0.9); padding: 1rem 1.05rem; box-shadow: rgba(15, 23, 42, 0.05) 0px 14px 30px; }
.home-storyboard-point-label { font-size: 0.78rem; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: rgb(15, 23, 42); }
.home-storyboard-point-copy { margin-top: 0.55rem; font-size: 0.97rem; line-height: 1.7; color: rgb(71, 85, 105); }
.home-storyboard-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 1rem; margin-top: 1.5rem; }
.home-storyboard-card { position: relative; overflow: hidden; min-height: 11rem; border-radius: 1.5rem; background: rgb(243, 232, 255); box-shadow: rgba(15, 23, 42, 0.12) 0px 18px 36px; }
.home-storyboard-card::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(rgba(255, 255, 255, 0.04), rgba(15, 23, 42, 0.18)); pointer-events: none; }
.home-storyboard-card-main { min-height: 18rem; grid-column: span 2; }
.home-storyboard-card-wide { min-height: 12rem; grid-column: span 2; }
.home-storyboard-image { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.75s cubic-bezier(0.22, 1, 0.36, 1); }
.home-storyboard-card:hover .home-storyboard-image { transform: scale(1.06); }
.home-service-section { content-visibility: auto; contain-intrinsic-size: 1px 1100px; }
.index-hero-shell.hero-shell-secondary { background: radial-gradient(circle at left top, rgba(251, 146, 60, 0.26), transparent 24%), radial-gradient(circle at right bottom, rgba(251, 146, 60, 0.18), transparent 28%), linear-gradient(135deg, rgb(74, 16, 32) 0%, rgb(124, 45, 18) 44%, rgb(194, 65, 12) 100%) !important; }
@media (max-width: 1215px) {
  .index-page-bg { background-size: auto, auto, auto !important; background-repeat: repeat, no-repeat, no-repeat !important; background-position: left top, center top, center top !important; }
}
.index-hero-shell nav[aria-label="Hauptnavigation"] > .mx-auto.flex.max-w-7xl.rounded-\[2rem\] { border-radius: 1.5rem; background: transparent !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; box-shadow: none !important; }
.Designfreak_solutions div.Designfreak_solutions_tabs_buttons span:hover, div.Designfreak_solutions div.Designfreak_solutions_tabs_buttons span.selected { background: rgba(30, 41, 59, 0.96) !important; border-color: transparent !important; color: rgb(255, 255, 255) !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; gap: 1.5rem !important; margin-bottom: 2.5rem !important; padding: 0px !important; overflow: visible !important; border-radius: 0px !important; background: none !important; box-shadow: none !important; filter: none !important; }
#projekte .project-hero-header::before, #projekte .project-hero-header::after { content: none !important; display: none !important; }
#projekte .project-hero-inner { position: relative !important; z-index: 2 !important; display: block !important; }
@media (min-width: 64rem) {
  #projekte .project-hero-header { grid-template-columns: minmax(0px, 1fr) auto !important; align-items: end !important; gap: 2rem !important; }
}