html[data-hallmann-embed="bento"],
html[data-hallmann-embed="bento"] body {
  width: 100%;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: #f6f6f5 !important;
}

html[data-hallmann-embed="bento"] body > *:not(#hallmann-bento-export) {
  display: none !important;
}

#hallmann-bento-export {
  display: block;
  width: 100%;
  min-height: 0;
  margin: 0;
  overflow: hidden;
  background: #f6f6f5;
}

#hallmann-bento-export > [data-framer-name="Bento Boxes"] {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

html[data-hallmann-embed="bento"] [data-framer-name="Bento Boxes"] video {
  display: block;
}

html[data-hallmann-embed="bento"] .framer-109x89s-container img,
html[data-hallmann-embed="bento"] .framer-1uoe2e0-container img {
  display: none !important;
}

html[data-hallmann-embed="bento"] .framer-109x89s-container > div::after,
html[data-hallmann-embed="bento"] .framer-1uoe2e0-container > div::after {
  content: "HALLMANN";
  color: #ffffff;
  font: 700 16px/1 "Plus Jakarta Sans", system-ui, sans-serif;
  letter-spacing: -0.04em;
}

html[data-hallmann-embed="bento"] .framer-109x89s-container > div::after {
  color: #090909;
  font-size: 20px;
}

html[data-hallmann-embed="bento"] [data-hallmann-metric-fixed] {
  overflow: visible !important;
  gap: 2px;
}

html[data-hallmann-embed="bento"] .hallmann-original-percent {
  align-self: flex-start;
  margin-top: 0.06em;
  color: #aeb0b2;
  font-size: 0.5em;
  font-weight: 600;
  line-height: 1;
}

html[data-hallmann-embed="pricing"],
html[data-hallmann-embed="pricing"] body {
  width: 100%;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: #f5f7f9 !important;
}

html[data-hallmann-embed="pricing"] body > *:not(#hallmann-pricing-export) {
  display: none !important;
}

#hallmann-pricing-export {
  display: block;
  width: 100%;
  min-height: 0;
  margin: 0;
  overflow: hidden;
  background: #f5f7f9;
}

#hallmann-pricing-export > [data-framer-name="Pricing"] {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  background: #f5f7f9 !important;
}

/* The German billing labels need two genuinely separate segments. Keep the
   marker inside its half so "Projekt" and "Monatlich" never overlap. */
html[data-hallmann-embed="pricing"] .framer-mknlzu-container,
html[data-hallmann-embed="pricing"] .framer-HGg3O {
  width: 196px !important;
  max-width: 100% !important;
}

html[data-hallmann-embed="pricing"] .framer-HGg3O .framer-6lafsy,
html[data-hallmann-embed="pricing"] .framer-HGg3O .framer-u0o22d {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 50% !important;
  box-sizing: border-box !important;
}

html[data-hallmann-embed="pricing"] .framer-HGg3O .framer-6lafsy {
  left: 0 !important;
  right: auto !important;
}

html[data-hallmann-embed="pricing"] .framer-HGg3O .framer-u0o22d {
  left: 50% !important;
  right: auto !important;
}

html[data-hallmann-embed="pricing"] .framer-HGg3O .framer-tsn1ck {
  left: 4px !important;
  right: auto !important;
  width: calc(50% - 6px) !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

html[data-hallmann-embed="pricing"]
  .framer-HGg3O.framer-v-2dp444
  .framer-tsn1ck {
  left: calc(50% + 2px) !important;
  right: auto !important;
}

html[data-hallmann-embed="pricing"] .framer-HGg3O p {
  white-space: nowrap !important;
}

html[data-hallmann-embed="pricing"] .hallmann-pricing-location-icon {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  border: 2px solid var(--token-ad741aa5-5ed6-441a-b861-c3983771b2de, #f94137);
  border-radius: 50% 50% 50% 0;
  box-sizing: border-box;
  transform: rotate(-45deg);
}

html[data-hallmann-embed="pricing"] .hallmann-pricing-location-icon::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--token-ad741aa5-5ed6-441a-b861-c3983771b2de, #f94137);
  content: "";
  transform: translate(-50%, -50%);
}

html[data-hallmann-embed] [data-hallmann-embed-revealed="true"] {
  opacity: 1 !important;
  transform: none !important;
  will-change: auto !important;
}

/* Keep Framer's original ticket offsets after revealing the bento animations. */
html[data-hallmann-embed="bento"] [data-framer-name="Plan 1 - Image"] {
  transform: translateY(-50%) !important;
}

@media (min-width: 810px) {
  html[data-hallmann-embed="bento"] [data-framer-name="Plan 2 - Image"] {
    transform: translateX(-50%) !important;
  }
}

@media (max-width: 809.98px) {
  html[data-hallmann-embed="bento"] [data-framer-name="Plan 2 - Image"] {
    transform: none !important;
  }
}