:root{
  --color-primary:#FAB727;
  --color-primary-dark:#E39F12;
  --color-primary-light:#FDD98A;
  --color-ink:#0B0D31;
  --color-ink-2:#2B2B28;
  --color-muted:#8F8F8A;
  --color-cloud:#F6F4F0;
}

@font-face{
  font-family:"Plus Jakarta Ersatz";
  src:local("Arial"),local("ArialMT"),local("Roboto");
  font-weight:400;
  size-adjust:103.53%;
  ascent-override:100.26%;
  descent-override:21.44%;
  line-gap-override:0%;
}
@font-face{
  font-family:"Plus Jakarta Ersatz";
  src:local("Arial Bold"),local("Arial-BoldMT"),local("Roboto Bold"),local("Roboto-Bold");
  font-weight:700;
  size-adjust:100.24%;
  ascent-override:103.55%;
  descent-override:22.15%;
  line-gap-override:0%;
}
@font-face{
  font-family:"Plus Jakarta Sans";
  src:url("../font/PlusJakartaSans-VariableFont_wght.woff2") format("woff2");
  font-weight:200 800;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Plus Jakarta Sans";
  src:url("../font/PlusJakartaSans-Italic-VariableFont_wght.woff2") format("woff2");
  font-weight:200 800;
  font-style:italic;
  font-display:swap;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:'Plus Jakarta Sans','Plus Jakarta Ersatz',system-ui,sans-serif;background:var(--color-cloud);color:var(--color-ink);}

::selection{background:rgba(250,183,39,.35);}

.noise-overlay{
  background-image:url("data:image/png;base64,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");
  background-size:48px 48px;
  background-repeat:repeat;
}

.type-display{font-weight:800;letter-spacing:-0.03em;line-height:0.92;}
.type-headline{font-weight:700;letter-spacing:-0.02em;line-height:1.05;}
.type-body{font-size:16px;line-height:1.7;}
.type-eyebrow{
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  font-size:.72rem;
}

.text-shadow-hero{text-shadow:0 2px 16px rgba(11,13,49,.55), 0 1px 3px rgba(11,13,49,.65);}
.drop-shadow-hero{filter:drop-shadow(0 2px 16px rgba(11,13,49,.55));}

.btn{
  transition:transform .35s cubic-bezier(0.16,1,0.3,1), opacity .35s cubic-bezier(0.16,1,0.3,1), box-shadow .35s cubic-bezier(0.16,1,0.3,1);
}
.btn:hover{transform:translateY(-2px);}
.btn:active{transform:translateY(0) scale(.97);}
.btn:focus-visible{outline:2px solid var(--color-ink);outline-offset:3px;}

.btn-pulse{animation:btn-pulse 2.4s cubic-bezier(0.45,0,0.55,1) infinite;}
.btn-pulse:hover{animation-play-state:paused;}
@keyframes btn-pulse{
  0%, 100%{transform:scale(1);}
  50%{transform:scale(1.045);}
}
@media (prefers-reduced-motion: reduce){
  .btn-pulse{animation:none;}
}

.btn-outline{
  transition:border-color .3s cubic-bezier(0.16,1,0.3,1), background-color .3s cubic-bezier(0.16,1,0.3,1);
}

.shadow-soft{
  box-shadow:
    0 1px 2px rgba(31,31,29,.06),
    0 8px 20px -6px rgba(31,31,29,.12),
    0 20px 40px -12px rgba(250,183,39,.18);
}
.shadow-card{
  box-shadow:
    0 1px 1px rgba(31,31,29,.04),
    0 6px 16px -8px rgba(31,31,29,.10),
    0 16px 32px -16px rgba(31,31,29,.14);
}

.nav-link{
  transition:color .3s cubic-bezier(0.16,1,0.3,1), opacity .3s cubic-bezier(0.16,1,0.3,1);
}
.nav-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px;}

.fade-up{
  transform:translateY(24px);
  opacity:0;
  transition:transform .7s cubic-bezier(0.16,1,0.3,1), opacity .7s cubic-bezier(0.16,1,0.3,1);
}
.fade-up.in-view{transform:translateY(0);opacity:1;}

.scale-in{
  transform:scale(.96);
  opacity:0;
  transition:transform .6s cubic-bezier(0.22,1,0.36,1), opacity .6s cubic-bezier(0.22,1,0.36,1);
}
.scale-in.in-view{transform:scale(1);opacity:1;}

.slide-up-in{
  transform:translateY(70px);
  opacity:0;
  transition:transform .8s cubic-bezier(0.16,1,0.3,1), opacity .8s cubic-bezier(0.16,1,0.3,1);
}
.slide-up-in.in-view{transform:translateY(0);opacity:1;}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  .fade-up, .scale-in, .slide-up-in{transform:none !important;transition:opacity .6s ease-out !important;}
  .card-interactive.fade-up, .card-interactive.fade-up:hover{transition:opacity .6s ease-out !important;}
}

.testimonial-mask{
  max-height:640px;overflow:hidden;
  -webkit-mask-image:linear-gradient(to bottom, transparent, black 12%, black 88%, transparent);
  mask-image:linear-gradient(to bottom, transparent, black 12%, black 88%, transparent);
}
.testimonial-col{
  display:flex;flex-direction:column;flex:1;align-self:flex-start;min-width:0;max-width:320px;
  animation:testimonial-scroll var(--duration, 32s) linear infinite;
}
.testimonial-col > article{margin-bottom:1.25rem;}
@media (max-width: 767px){
  .testimonial-mask{max-height:none;-webkit-mask-image:none;mask-image:none;}
  .testimonial-col{animation:none;}
  .testimonial-col > article:nth-child(n+4){display:none;}
}
@media (max-width: 767px){
  #rezensionen .testimonial-mask{width:100%;padding-left:1rem;padding-right:1rem;}
  .testimonial-col{max-width:none;}
}
@media (min-width: 640px) and (max-width: 767px){
  #rezensionen .testimonial-mask{padding-left:1.5rem;padding-right:1.5rem;}
}
@keyframes testimonial-scroll{
  from{transform:translateY(0);}
  to{transform:translateY(-50%);}
}
@media (prefers-reduced-motion: reduce){
  .testimonial-col{animation:none;}
}

.marquee-mask{
  overflow:hidden;
  -webkit-mask-image:linear-gradient(to right, transparent, black 5%, black 95%, transparent);
  mask-image:linear-gradient(to right, transparent, black 5%, black 95%, transparent);
}
.marquee-track{
  display:flex;width:max-content;
  animation:marquee-scroll var(--duration, 34s) linear infinite;
}
.marquee-group{display:flex;align-items:center;gap:3rem;padding-right:3rem;flex:none;}
.partner-logo{width:auto;object-fit:contain;filter:brightness(0) invert(1);opacity:.55;}
.marquee-mask-onlight .partner-logo{filter:brightness(0);opacity:.4;}
.marquee-mask-onlight .partner-logo.partner-logo-mono{filter:none;}
@keyframes marquee-scroll{
  from{transform:translateX(0);}
  to{transform:translateX(-25%);}
}
input, textarea{
  transition:border-color .3s cubic-bezier(0.16,1,0.3,1), box-shadow .3s cubic-bezier(0.16,1,0.3,1);
}
input:focus, textarea:focus{
  outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(250,183,39,.25);
}

.cta-arrow{transition:transform .35s cubic-bezier(0.16,1,0.3,1);}

.video-pending{opacity:0;}

.phone-flip-inner{
  position:relative;display:block;width:100%;height:100%;
  transform:perspective(240px) rotateY(0deg);
}
.btn.phone-flip:hover{transform:none;}
.phone-face{
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;
  border-radius:9999px;
}
.phone-face-back{display:none;}
@keyframes phone-circle-flip{
  from{transform:perspective(240px) rotateY(0deg);}
  to{transform:perspective(240px) rotateY(360deg);}
}
.phone-flip:hover .phone-flip-inner,
.phone-flip:focus-visible .phone-flip-inner{animation:phone-circle-flip 1.1s cubic-bezier(0.45,0,0.25,1);}
@media (prefers-reduced-motion: reduce){
  .phone-flip:hover .phone-flip-inner,
  .phone-flip:focus-visible .phone-flip-inner{animation:none;}
}

.card-interactive{
  transition:transform .35s cubic-bezier(0.16,1,0.3,1), box-shadow .35s cubic-bezier(0.16,1,0.3,1);
}
.card-interactive.fade-up{
  transition:transform .7s cubic-bezier(0.16,1,0.3,1), opacity .7s cubic-bezier(0.16,1,0.3,1), box-shadow .35s cubic-bezier(0.16,1,0.3,1);
}
.card-interactive.fade-up.in-view{
  transition:transform .35s cubic-bezier(0.16,1,0.3,1), opacity .7s cubic-bezier(0.16,1,0.3,1), box-shadow .35s cubic-bezier(0.16,1,0.3,1);
}
.card-interactive:hover{
  transform:translateY(-4px);
  box-shadow:
    0 2px 2px rgba(31,31,29,.05),
    0 10px 22px -8px rgba(31,31,29,.16),
    0 26px 46px -18px rgba(31,31,29,.20);
}
.card-interactive .card-icon{transition:transform .3s cubic-bezier(0.16,1,0.3,1);}
.card-interactive:hover .card-icon{transform:scale(1.08) rotate(-2deg);}

.nav-logo img{transition:transform .3s cubic-bezier(0.16,1,0.3,1);}
.nav-logo:hover img{transform:scale(1.05);}

.marquee-track:hover{animation-play-state:paused;}
.testimonial-mask:has(.testimonial-col:hover) .testimonial-col{animation-play-state:paused;}

.nav-menu-panel{
  position:absolute;
  right:var(--nav-pad-x, 0px);
  top:100%;
  width:min(92vw, 22rem);
  transform-origin:top right;
  opacity:0;
  transform:translateY(-8px);
  filter:blur(4px);
  transition:opacity .25s cubic-bezier(0.16,1,0.3,1), transform .25s cubic-bezier(0.16,1,0.3,1), filter .25s cubic-bezier(0.16,1,0.3,1);
}
.nav-menu-panel{scrollbar-width:none;}
#nav-menu [id^="nav-acc-"]:not(.hidden){display:grid;grid-template-columns:1fr 1fr;column-gap:.25rem;}
#nav-menu [id^="nav-acc-"] > .nav-sub-link:first-child{grid-column:1 / -1;}
#nav-menu #nav-acc-tore-tueren:not(.hidden){grid-template-columns:1fr;}
#nav-menu > div > .nav-acc-trigger, #nav-menu > a.nav-link{padding-top:.375rem;padding-bottom:.375rem;}
.nav-menu-panel::-webkit-scrollbar{display:none;}
.nav-menu-panel.nav-menu-open{
  opacity:1;
  transform:translateY(12px);
  filter:blur(0px);
}

#site-nav{position:absolute;top:0;left:0;right:0;}
#site-nav[data-state="top"]{
  --nav-pad-x:1.5rem;
  max-width:1920px;
  margin:0 auto;
}
#site-nav[data-state="top"] .nav-row{
  height:calc(90px + .75rem);
  padding-top:0;padding-bottom:0;
  padding-left:var(--nav-pad-x);padding-right:var(--nav-pad-x);
}
#site-nav[data-state="top"] .nav-logo img{height:2rem;}
#site-nav[data-state="top"] .nav-link{color:var(--color-ink);}
#site-nav[data-state="top"] .nav-link:hover{opacity:.6;}
@media (min-width:640px){
  #site-nav[data-state="top"]{--nav-pad-x:1.75rem;}
  #site-nav[data-state="top"] .nav-row{height:calc(90px + 1rem);}
}
@media (min-width:768px){
  #site-nav[data-state="top"]{--nav-pad-x:2.25rem;}
  #site-nav[data-state="top"] .nav-row{height:calc(90px + 1.5rem);}
}
@media (min-width:1280px){
  #site-nav[data-state="top"] .nav-phone{width:3rem;height:3rem;}
  #site-nav[data-state="top"] .nav-cta{height:3rem;padding-right:.375rem;}
  #site-nav[data-state="top"] .nav-cta-arrow{width:2.25rem;height:2.25rem;}
}
@media (min-width:1536px){
  #site-nav[data-state="top"] .nav-logo img{height:3rem;}
  #site-nav[data-state="top"] .nav-links{gap:1.5rem;}
  #site-nav[data-state="top"] .nav-phone{width:3.5rem;height:3.5rem;}
  #site-nav[data-state="top"] .nav-cta{height:3.5rem;}
  #site-nav[data-state="top"] .nav-cta-arrow{width:2.75rem;height:2.75rem;}
}

#site-nav[data-state="docked"]{
  --nav-x:-50%;
  --nav-y:12px;
  position:fixed;
  left:50%;
  right:auto;
  width:max-content;
  background:#fff;
  border-radius:2rem;
  box-shadow:
    0 1px 1px rgba(31,31,29,.04),
    0 6px 16px -8px rgba(31,31,29,.10),
    0 16px 32px -16px rgba(31,31,29,.14);
  transform:translate(var(--nav-x), var(--nav-y));
  transition:transform .45s cubic-bezier(0.16,1,0.3,1);
}
#site-nav[data-state="docked"] .nav-menu-panel{right:auto;left:50%;transform:translate(-50%, -8px);transform-origin:top;}
#site-nav[data-state="docked"] .nav-menu-panel.nav-menu-open{transform:translate(-50%, 12px);}
@media (min-width:1280px){
  #site-nav[data-state="docked"]{
    width:94vw;
    max-width:80rem;
  }
}
#site-nav[data-state="docked"].nav-hidden{--nav-y:calc(-100% - 2rem);}
#site-nav.nav-no-anim{transition:none !important;}
@media (prefers-reduced-motion: reduce){
  #site-nav{transition:none !important;}
}

#nav-toggle-top, #nav-toggle-middle, #nav-toggle-bottom{
  transition:transform .3s cubic-bezier(0.16,1,0.3,1), opacity .2s cubic-bezier(0.16,1,0.3,1);
}
#nav-toggle-top{transform:translateY(-6px);}
#nav-toggle-bottom{transform:translateY(6px);}
#nav-toggle.is-open #nav-toggle-top{transform:translateY(0) rotate(45deg);}
#nav-toggle.is-open #nav-toggle-bottom{transform:translateY(0) rotate(-45deg);}
#nav-toggle.is-open #nav-toggle-middle{opacity:0;transform:scaleX(0);}
#nav-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:6px;}

@media (prefers-reduced-motion: reduce){
  .card-interactive, .card-interactive:hover,
  .card-interactive .card-icon, .card-interactive:hover .card-icon{
    transition:none !important;transform:none !important;
  }
  .nav-menu-panel{transition:none !important;opacity:1;transform:none;filter:none;}
  .marquee-track, .testimonial-col{animation-play-state:running !important;}
}

.faq-item{border-bottom:1px solid rgba(31,31,29,.1);}
.faq-item summary{list-style:none;cursor:pointer;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-icon{transition:transform .3s cubic-bezier(0.16,1,0.3,1);}
.faq-item[open] .faq-icon{transform:rotate(45deg);}
.faq-item summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:6px;}

.project-slider{
  scrollbar-width:none;
  -ms-overflow-style:none;
  -webkit-overflow-scrolling:touch;
}
.project-slide:first-child{
  margin-left:max(1rem, calc((min(100vw, 1920px) - 72rem) / 2 + 1rem));
}
@media (min-width: 640px){
  .project-slide:first-child{
    margin-left:max(1.5rem, calc((min(100vw, 1920px) - 72rem) / 2 + 1.5rem));
  }
}
.project-slider::-webkit-scrollbar{display:none;}
@media (hover: hover) and (pointer: fine){
  .project-slider{cursor:grab;}
}
.project-slider.is-dragging{cursor:grabbing;user-select:none;}
#project-prev:disabled, #project-next:disabled{opacity:.35;cursor:default;}

.nav-sub{
  visibility:hidden;
  opacity:0;
  transform:translateY(-6px);
  transition:opacity .2s cubic-bezier(0.16,1,0.3,1), transform .2s cubic-bezier(0.16,1,0.3,1), visibility .2s;
}
.nav-sub.nav-sub-open{visibility:visible;opacity:1;transform:translateY(0);}
.nav-caret{transition:transform .25s cubic-bezier(0.16,1,0.3,1);}
[aria-expanded="true"] > .nav-caret{transform:rotate(180deg);}
.nav-sub-link{
  display:block;border-radius:.625rem;padding:.5rem .75rem;
  font-size:.8125rem;font-weight:600;line-height:1.3;color:rgba(31,31,29,.72);
  transition:background-color .2s cubic-bezier(0.16,1,0.3,1), color .2s cubic-bezier(0.16,1,0.3,1);
}
.nav-sub-link:hover{background:rgba(31,31,29,.06);color:var(--color-ink);}
.nav-sub-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;}
.nav-trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px;}
@media (prefers-reduced-motion: reduce){
  .nav-sub, .nav-caret, .nav-sub-link{transition:none !important;}
}

.chip{
  display:inline-flex;align-items:center;
  border:1px solid rgba(31,31,29,.12);
  background:var(--color-cloud);
  border-radius:9999px;
  padding:.375rem .75rem;
  font-size:.75rem;font-weight:600;line-height:1.2;
  color:rgba(31,31,29,.72);
  transition:border-color .25s cubic-bezier(0.16,1,0.3,1), background-color .25s cubic-bezier(0.16,1,0.3,1), color .25s cubic-bezier(0.16,1,0.3,1), transform .2s cubic-bezier(0.16,1,0.3,1);
}
.chip:hover{border-color:var(--color-primary);background:#fff;color:var(--color-ink);}
.chip:active{transform:scale(.96);}
.chip:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;}

.step{position:relative;padding-left:3.5rem;}
.step:not(:last-child)::before{
  content:"";position:absolute;left:1.25rem;top:2.75rem;bottom:-1.25rem;
  width:1px;background:rgba(255,255,255,.16);
}
.step-badge{
  position:absolute;left:0;top:0;
  width:2.5rem;height:2.5rem;border-radius:9999px;
  display:flex;align-items:center;justify-content:center;
  background:var(--color-ink);
  border:1px solid rgba(250,183,39,.45);
  color:var(--color-primary);
  font-weight:700;font-size:.875rem;
  flex:none;
}
.step:last-child .step-badge{
  background:var(--color-primary);border-color:var(--color-primary);color:var(--color-ink);
}

.ref-surface{
  background-color:var(--color-ink);
  background-image:
    radial-gradient(115% 85% at 88% 105%, rgba(250,183,39,.30) 0%, rgba(250,183,39,0) 62%),
    radial-gradient(85% 65% at 8% -5%, rgba(255,255,255,.10) 0%, rgba(255,255,255,0) 58%);
}

.icon-chip{
  display:flex;align-items:center;justify-content:center;flex:none;
  background:var(--color-cloud);
}

@media (min-width: 640px){
  #hero .lg\:p-16{padding:4rem;}
  #leistungen .sm\:p-8{padding:2.5rem;}
  #service.sm\:px-6{padding-left:4rem;padding-right:4rem;}
  #referenzen .md\:p-10{padding:2.5rem;}
  #ueber-uns.sm\:px-6{padding-left:2.5rem;padding-right:2.5rem;}
  footer.sm\:pt-20{padding-top:2.5rem;}
}
@media (min-width: 768px){
  #cta .sm\:p-10{padding:4rem;}
}

@media (max-width: 639px){
  #hero + #leistungen{margin-top:0px;padding-top:36px;}
  #hero:has(+ #leistungen){padding-bottom:12px;}
  #leistungen + #wrap-service{margin-top:0px;padding-top:0px;}
  #leistungen:has(+ #wrap-service){padding-bottom:48px;}
  #wrap-service + #hersteller{margin-top:0px;padding-top:36px;}
  #wrap-service:has(+ #hersteller){padding-bottom:12px;}
  #hersteller + #referenzen{margin-top:0px;padding-top:24px;}
  #hersteller:has(+ #referenzen){padding-bottom:24px;}
  #referenzen + #rezensionen{margin-top:0px;padding-top:24px;}
  #referenzen:has(+ #rezensionen){padding-bottom:24px;}
  #rezensionen + #wrap-ueber-uns{margin-top:0px;padding-top:0px;}
  #rezensionen:has(+ #wrap-ueber-uns){padding-bottom:28px;}
  #wrap-ueber-uns + #faq{margin-top:0px;padding-top:36px;}
  #wrap-ueber-uns:has(+ #faq){padding-bottom:12px;}
  #faq + #cta{margin-top:0px;padding-top:0px;}
  #faq:has(+ #cta){padding-bottom:27px;}
  #cta + #wrap-footer{margin-top:36px;padding-top:0px;}
  #cta:has(+ #wrap-footer){padding-bottom:12px;}
  #hero + #hersteller{margin-top:0px;padding-top:36px;}
  #hero:has(+ #hersteller){padding-bottom:12px;}
  #hersteller + #einsatz{margin-top:0px;padding-top:8px;}
  #hersteller:has(+ #einsatz){padding-bottom:40px;}
  #einsatz + #ausfuehrungen{margin-top:0px;padding-top:16px;}
  #einsatz:has(+ #ausfuehrungen){padding-bottom:32px;}
  #ausfuehrungen + #vorteile{margin-top:0px;padding-top:0px;}
  #ausfuehrungen:has(+ #vorteile){padding-bottom:48px;}
  #vorteile + #wrap-service{margin-top:4px;padding-top:12px;}
  #vorteile:has(+ #wrap-service){padding-bottom:32px;}
  #wrap-service + #faq{margin-top:0px;padding-top:36px;}
  #wrap-service:has(+ #faq){padding-bottom:12px;}
}

@media (min-width: 1920px){
  .container-1920{max-width:1920px;margin-left:auto;margin-right:auto;}
}

.chip.chip-static{cursor:default;}
.chip.chip-static:hover{border-color:rgba(31,31,29,.12);background:var(--color-cloud);color:rgba(31,31,29,.72);}
.chip.chip-static:active{transform:none;}

.swatch{
  display:block;width:2rem;height:2rem;border-radius:9999px;
  background:var(--swatch);
  box-shadow:inset 0 0 0 1px rgba(11,13,49,.14), 0 2px 6px -2px rgba(31,31,29,.18);
}

.icon-hover .card-icon{transition:transform .3s cubic-bezier(0.16,1,0.3,1);}
.icon-hover:hover .card-icon{transform:scale(1.08) rotate(-2deg);}
@media (prefers-reduced-motion: reduce){
  .icon-hover .card-icon, .icon-hover:hover .card-icon{transition:none;transform:none;}
}

.nav-trigger.nav-active, .nav-acc-trigger.nav-active{color:var(--color-ink);}
.nav-trigger.nav-active{position:relative;}
.nav-trigger.nav-active::after{
  content:"";position:absolute;left:0;right:1.05rem;bottom:-7px;height:2px;
  border-radius:2px;background:var(--color-primary);
}
.nav-acc-trigger.nav-active > span:first-child{position:relative;}
.nav-acc-trigger.nav-active > span:first-child::after{
  content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;
  border-radius:2px;background:var(--color-primary);
}
.nav-links > a.nav-link[aria-current="page"], #nav-menu > a.nav-link[aria-current="page"]{position:relative;}
.nav-links > a.nav-link[aria-current="page"]::after{
  content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;
  border-radius:2px;background:var(--color-primary);
}
#nav-menu > a.nav-link[aria-current="page"]{width:max-content;}
#nav-menu > a.nav-link[aria-current="page"]::after{
  content:"";position:absolute;left:0;right:0;bottom:1px;height:2px;
  border-radius:2px;background:var(--color-primary);
}
#nav-menu .nav-sub-link[aria-current="page"]{color:var(--color-ink);}

form select{
  -webkit-appearance:none;appearance:none;
  padding-right:2.75rem;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230B0D31' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 1rem center;background-size:16px 16px;
}

@media (min-width:1024px){
  .kontakt-hero-foto{
    -webkit-mask-image:linear-gradient(to right,transparent,#000 30%);
    mask-image:linear-gradient(to right,transparent,#000 30%);
  }
}

.anruf-knopf,.anruf-lasche{display:none;}
@media (max-width:1279.98px) and (pointer:coarse){
  .anruf-knopf{
    position:fixed;z-index:40;
    right:calc(16px + env(safe-area-inset-right));
    bottom:calc(16px + env(safe-area-inset-bottom) + var(--anruf-hoch,0px));
    display:flex;align-items:center;justify-content:center;
    width:56px;height:56px;border-radius:9999px;
    background:var(--color-primary);color:var(--color-ink);
    box-shadow:0 2px 4px rgba(11,13,49,.12),0 10px 24px -6px rgba(11,13,49,.35);
    touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;
  }
  .anruf-lasche{
    position:fixed;z-index:40;right:0;
    bottom:calc(20px + env(safe-area-inset-bottom) + var(--anruf-hoch,0px));
    align-items:center;justify-content:center;
    width:32px;height:48px;padding:0 0 0 4px;border:0;border-radius:9999px 0 0 9999px;
    background:var(--color-primary);color:var(--color-ink);
    box-shadow:0 2px 4px rgba(11,13,49,.12),0 8px 18px -6px rgba(11,13,49,.3);
    cursor:pointer;-webkit-tap-highlight-color:transparent;
  }
  .anruf-weg .anruf-knopf{display:none;}
  .anruf-weg .anruf-lasche{display:flex;}
  body:has(.nav-menu-open) .anruf-knopf,body:has(.nav-menu-open) .anruf-lasche{display:none;}
  #wrap-footer footer{padding-bottom:5.5rem;}
}