/* Interdent Dentalhandels GmbH, gemeinsame Styles aller Seiten */

/* Schrift Manrope, lokal gehostet (SIL Open Font License) */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(./assets/657bdc081887ddae332e1a6afbb49aad.woff2) format('woff2-variations'),
       url(./assets/657bdc081887ddae332e1a6afbb49aad.woff2) format('woff2');
}

/* Grundlagen */
body { margin: 0; background: #ffffff; font-family: 'Manrope', 'Segoe UI', sans-serif; }
a { color: #0E3B5C; }
a:hover { color: #2B7BB9; }


/* ============================================================
   Layout und Gestaltung der einzelnen Elemente
   Die Kommentare nennen jeweils die erste Stelle, an der die Klasse vorkommt.
   ============================================================ */

:root { --accent: #0E3B5C; }

/* Main */
.i-box-1 {
  background: #ffffff;
  color: #13222E;
  font-family: 'Manrope', 'Segoe UI', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  overflow-x: hidden;
}

/* Main, Dentalbedarf für Praxis u */
.i-box-2 {
  background: var(--accent);
  color: #ffffff;
  font-size: 14px;
}

/* Main, Dentalbedarf für Praxis und Labor, persönlich betr */
.i-box-3 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 32px;
  justify-content: space-between;
  align-items: center;
}

/* Main, +49 9143 85441 info@interdent.de */
.i-box-4 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
}

/* Main, +49 9143 85441 info@interdent.de */
.i-link-1 {
  color: #ffffff;
  text-decoration: none;
}

/* Main */
.i-header-1 {
  border-bottom: 1px solid #E3EAF0;
  background: #ffffff;
}

/* Main */
.i-box-5 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px 40px;
  align-items: center;
  justify-content: space-between;
}

/* Main */
.i-link-2 {
  display: flex;
  align-items: center;
  gap: 16px;
  text-decoration: none;
  color: #13222E;
}

/* Main, INTER DENT */
.i-txt-1 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  line-height: 1;
}

/* Main, INTER DENT DENTALHANDELS GMBH */
.i-txt-2 {
  font-weight: 800;
  font-size: 44px;
  letter-spacing: -1px;
  color: var(--accent);
}

/* Main, DENT DENTALHANDELS GMBH */
.i-txt-3 {
  color: #2B7BB9;
}

/* Main, DENTALHANDELS GMBH */
.i-txt-4 {
  font-size: 13px;
  font-weight: 500;
  color: #4A6578;
  letter-spacing: 4px;
  padding-left: 2px;
}

/* Main, Sortiment Produkte */
.i-nav-1 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 28px;
  font-weight: 500;
  font-size: 15px;
}

/* Main, Sortiment Produkte Für Praxe */
.i-link-3 {
  color: #13222E;
  text-decoration: none;
  padding: 10px 0;
}

/* Main, Angebot anfragen */
.i-link-4 {
  background: var(--accent);
  color: #ffffff;
  text-decoration: none;
  font-weight: 600;
  font-size: 15px;
  padding: 12px 22px;
  border-radius: 999px;
}

/* Main */
.i-section-1 {
  background: #ffffff;
}

/* Main */
.i-box-6 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 120px 24px 120px;
  display: flex;
  justify-content: center;
}

/* Main */
.i-box-7 {
  max-width: 860px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* Main, Ihr Dentalhandel aus Franken */
.i-txt-5 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #E8F1F8;
  color: var(--accent);
  font-weight: 600;
  font-size: 13px;
  padding: 6px 14px;
  border-radius: 999px;
  letter-spacing: 0.04em;
}

/* Main, Ihr Dentalhandel aus Franken Alles, was Ihre Praxi */
.i-txt-6 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #2B7BB9;
}

/* Main, Alles, was Ihre Praxis täglich braucht. Zuverlässi */
.i-h1-1 {
  margin: 24px 0 24px;
  font-size: 64px;
  line-height: 1.08;
  font-weight: 800;
  letter-spacing: -0.03em;
}

/* Main, Interdent versorgt Zahnarztpraxen und Labore mit H */
.i-text-1 {
  margin: 0 0 36px;
  font-size: 20px;
  color: #4A5D6B;
  max-width: 640px;
}

/* Main, Produkte ansehen */
.i-box-8 {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
}

/* Main, Produkte ansehen */
.i-link-5 {
  background: var(--accent);
  color: #ffffff;
  text-decoration: none;
  font-weight: 600;
  padding: 16px 28px;
  border-radius: 999px;
}

/* Main, Beratung anfragen */
.i-link-6 {
  background: #ffffff;
  color: var(--accent);
  text-decoration: none;
  font-weight: 600;
  padding: 15px 27px;
  border-radius: 999px;
  border: 1px solid #B7CFE2;
}

/* Main */
.i-box-9 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 96px 24px 40px;
}

/* Main, Sortiment */
.i-box-10 {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 40px;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 40px;
}

/* Main, Sortiment */
.i-box-11 {
  max-width: 620px;
}

/* Main, Sortiment Unsere Produktbereiche */
.i-box-12 {
  color: var(--accent);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* Main, Unsere Produktbereiche */
.i-h2-1 {
  margin: 8px 0 0;
  font-size: 40px;
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: -0.02em;
}

/* Main */
.i-text-2 {
  margin: 0;
  color: #4A5D6B;
  max-width: 420px;
}

/* Main */
.i-box-13 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 20px;
}

/* Main */
.i-link-7 {
  text-decoration: none;
  color: #13222E;
  border: 1px solid #E3EAF0;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: #ffffff;
}

/* Main */
.i-box-14 {
  height: 180px;
  overflow: hidden;
}

/* Main, Hygiene und Desinfektion */
.i-img-1 {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* Main, Hygiene und Desinfektion Hände, Flächen und Instru */
.i-box-15 {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* Main, Hygiene und Desinfektion Hände, Flächen und Instru */
.i-txt-7 {
  font-weight: 700;
  font-size: 20px;
}

/* Main, Hände, Flächen und Instrumente sicher aufbereiten. */
.i-txt-8 {
  color: #4A5D6B;
  font-size: 15px;
}

/* Main, Zu den Produkten */
.i-txt-9 {
  color: var(--accent);
  font-weight: 600;
  font-size: 15px;
  margin-top: 6px;
}

/* Main */
.i-icon-1 {
  display: block;
  width: 100%;
  height: 100%;
  background: #DDEAF3;
}

/* Main */
.i-box-16 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 56px 24px 96px;
}

/* Main, Alle Preise inkl. MwSt., zzgl. 4,90 € Versand */
.i-text-3 {
  margin: 0;
  color: #4A5D6B;
  font-size: 15px;
}

/* Main */
.i-box-17 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
  gap: 24px;
}

/* Main */
.i-card-1 {
  border: 1px solid #E3EAF0;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: #ffffff;
}

/* Main */
.i-btn-1 {
  background: #F2F6FA;
  height: 240px;
  width: 100%;
  border: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  cursor: zoom-in;
  font: inherit;
}

/* Main, Auf Lager */
.i-txt-10 {
  position: absolute;
  z-index: 1;
  top: 16px;
  left: 16px;
  background: #ffffff;
  color: var(--accent);
  font-size: 12px;
  font-weight: 700;
  padding: 5px 12px;
  border-radius: 999px;
  display: flex;
  gap: 8px;
  align-items: center;
}

/* Main, Auf Lager */
.i-txt-11 {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #2B7BB9;
}

/* Main */
.i-img-2 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #ffffff;
  padding: 16px;
  box-sizing: border-box;
}

/* Main */
.i-txt-12 {
  position: absolute;
  z-index: 1;
  right: 14px;
  bottom: 14px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 6px 16px rgba(14,59,92,.15);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Main, Händedesinfektion */
.i-box-18 {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex-grow: 1;
}

/* Main, Händedesinfektion */
.i-txt-13 {
  color: #4A5D6B;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* Main, Desderman pure Hyclick */
.i-h3-1 {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
}

/* Main, Desderman pure Hyclick Alkoholische Händedesinfekt */
.i-btn-2 {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

/* Main, 14,50 € */
.i-box-19 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: auto;
  padding-top: 16px;
}

/* Main, 14,50 € */
.i-txt-14 {
  font-size: 24px;
  font-weight: 800;
}

/* Main, Anfragen */
.i-link-8 {
  background: var(--accent);
  color: #ffffff;
  text-decoration: none;
  font-weight: 600;
  font-size: 15px;
  padding: 12px 20px;
  border-radius: 999px;
}

/* Main */
.i-img-3 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Main */
.i-card-2 {
  border: 1px dashed #B7CFE2;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: #F8FAFC;
}

/* Main */
.i-box-20 {
  height: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Main, Produkt anfragen */
.i-box-21 {
  margin-top: auto;
  padding-top: 16px;
}

/* Main, Produkt anfragen */
.i-link-9 {
  color: var(--accent);
  font-weight: 600;
  font-size: 15px;
}

/* Main */
.i-section-2 {
  background: #F2F6FA;
}

/* Main */
.i-box-22 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 96px 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 48px 64px;
  align-items: center;
}

/* Main */
.i-box-23 {
  flex: 1 1 420px;
  min-width: 0;
  position: relative;
}

/* Main */
.i-box-24 {
  border-radius: 28px;
  overflow: hidden;
  height: 440px;
}

/* Main */
.i-img-4 {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 30% 30%;
}

/* Main, Für Praxen und Labore */
.i-box-25 {
  flex: 1 1 440px;
  min-width: 0;
}

/* Main, Für Praxen und Labore */
.i-box-26 {
  color: var(--accent);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 16px;
}

/* Main, über 20 Jahre Dentalha */
.i-box-27 {
  display: flex;
  align-items: baseline;
  gap: 14px;
  flex-wrap: wrap;
  margin: 0 0 20px;
}

/* Main, über 20 Jahre Dentalhandel aus Pappenheim Interden */
.i-txt-15 {
  font-size: 56px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: var(--accent);
}

/* Main, Dentalhandel aus Pappenheim Interdent gibt es seit */
.i-txt-16 {
  font-size: 17px;
  font-weight: 600;
  color: #4A5D6B;
}

/* Main, Interdent gibt es seit über 20 Jahren. Hinter dem  */
.i-text-4 {
  margin: 0 0 16px;
  color: #33475A;
  font-size: 17px;
}

/* Main, Für Praxen mit regelmäßigem Bedarf erstellen wir g */
.i-text-5 {
  margin: 0 0 32px;
  color: #33475A;
  font-size: 17px;
}

/* Main */
.i-box-28 {
  background: #ffffff;
  border-radius: 24px;
  padding: 28px 32px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Main, 1 */
.i-box-29 {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

/* Main, 1 Bedarf mitteilen Per Telefon, E-Mail oder Anfrag */
.i-txt-17 {
  flex: none;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: #E8F1F8;
  color: var(--accent);
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Main, Bedarf mitteilen Per Telefon, E-Mail oder Anfragef */
.i-box-30 {
  font-weight: 700;
}

/* Main, Kontakt */
.i-box-31 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 96px 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 48px 72px;
}

/* Main, Kontakt */
.i-box-32 {
  flex: 1 1 360px;
  min-width: 0;
}

/* Main, Wir sind für Sie da Fragen zu Produkten, Preisen o */
.i-h2-2 {
  margin: 8px 0 20px;
  font-size: 40px;
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: -0.02em;
}

/* Main, Fragen zu Produkten, Preisen oder Lieferung beantw */
.i-text-6 {
  margin: 0 0 32px;
  color: #4A5D6B;
  font-size: 17px;
}

/* Main */
.i-box-33 {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

/* Main */
.i-link-10 {
  display: flex;
  gap: 14px;
  align-items: center;
  color: #13222E;
  text-decoration: none;
  font-weight: 600;
}

/* Main */
.i-txt-18 {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: #E8F1F8;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Main */
.i-box-34 {
  display: flex;
  gap: 14px;
  align-items: center;
  font-weight: 600;
}

/* Main, Name */
.i-form-1 {
  flex: 1 1 480px;
  min-width: 0;
  border: 1px solid #E3EAF0;
  border-radius: 24px;
  padding: 36px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 18px;
}

/* Main, Name */
.i-label-1 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 14px;
  font-weight: 600;
}

/* Main, Praxis oder Labor */
.i-field-1 {
  font: inherit;
  font-weight: 400;
  font-size: 16px;
  padding: 13px 14px;
  border: 1px solid #C9D6E0;
  border-radius: 12px;
  background: #ffffff;
}

/* Main, Ihre Anfrage */
.i-label-2 {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 14px;
  font-weight: 600;
}

/* Main */
.i-field-2 {
  font: inherit;
  font-weight: 400;
  font-size: 16px;
  padding: 13px 14px;
  border: 1px solid #C9D6E0;
  border-radius: 12px;
  background: #ffffff;
  resize: vertical;
}

/* Main, Anfrage senden */
.i-btn-3 {
  grid-column: 1 / -1;
  justify-self: start;
  background: var(--accent);
  color: #ffffff;
  border: none;
  font: inherit;
  font-weight: 600;
  padding: 15px 30px;
  border-radius: 999px;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
}
.i-btn-3:hover { color: #ffffff; }

/* Main, Hinweis unter dem Anfrageformular */
.i-text-form-hinweis {
  grid-column: 1 / -1;
  margin: 0;
  font-size: 14px;
  color: #4A5D6B;
}

/* Main */
.i-footer-1 {
  background: #0A2C45;
  color: #D5E3EE;
}

/* Main, INTER */
.i-box-35 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 56px 24px 32px;
  display: flex;
  flex-wrap: wrap;
  gap: 32px 64px;
  justify-content: space-between;
}

/* Main, INTER DE */
.i-box-36 {
  max-width: 360px;
}

/* Main, INTER DENT DENTALHANDELS GMBH */
.i-txt-19 {
  font-weight: 800;
  font-size: 40px;
  letter-spacing: -1px;
  color: #ffffff;
}

/* Main, DENT DENTALHANDELS GMBH Dentalbedarf für Zah */
.i-txt-20 {
  color: #8DB3D1;
}

/* Main, DENTALHANDELS GMBH Dentalbedarf für Zahnarztpraxen */
.i-txt-21 {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 4px;
  color: #B9D3DE;
}

/* Main, Dentalbedarf für Zahnarztpraxen und Labore. */
.i-text-7 {
  margin: 16px 0 0;
  font-size: 15px;
}

/* Main, Impressum Dat */
.i-nav-2 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 28px;
  font-size: 15px;
  align-items: flex-start;
}

/* Main, Impressum Datenschutz */
.i-link-11 {
  color: #D5E3EE;
  text-decoration: none;
  padding: 6px 0;
}

/* Main, © 2026 Interdent Dentalhandels GmbH */
.i-box-37 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 24px 32px;
  border-top: 1px solid #23496A;
  font-size: 14px;
  color: #A3BDD0;
}

/* Main */
.i-box-38 {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  box-sizing: border-box;
}

/* Main */
.i-btn-4 {
  position: absolute;
  inset: 0;
  border: none;
  padding: 0;
  margin: 0;
  background: rgba(10,44,69,.62);
  cursor: zoom-out;
}

/* Main */
.i-box-39 {
  position: relative;
  background: #ffffff;
  border-radius: 24px;
  width: 100%;
  max-width: 1040px;
  max-height: calc(100vh - 48px);
  overflow: auto;
  display: flex;
  flex-wrap: wrap;
  box-shadow: 0 30px 80px rgba(10,44,69,.35);
}

/* Main */
.i-box-40 {
  flex: 1 1 520px;
  min-width: 0;
  background: #F2F6FA;
  position: relative;
  display: flex;
  flex-direction: column;
}

/* Main */
.i-box-41 {
  position: relative;
  height: 560px;
  max-height: 70vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
}

/* Main */
.i-img-5 {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 24px;
  box-sizing: border-box;
}

/* Main */
.i-btn-5 {
  position: absolute;
  left: 16px;
  top: 50%;
  margin-top: -24px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid #E3EAF0;
  background: #ffffff;
  box-shadow: 0 6px 16px rgba(14,59,92,.12);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

/* Main */
.i-btn-6 {
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -24px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid #E3EAF0;
  background: #ffffff;
  box-shadow: 0 6px 16px rgba(14,59,92,.12);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

/* Main */
.i-txt-22 {
  position: absolute;
  left: 50%;
  bottom: 16px;
  transform: translateX(-50%);
  background: rgba(10,44,69,.75);
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 999px;
}

/* Main */
.i-box-42 {
  display: flex;
  gap: 10px;
  padding: 14px 16px;
  overflow-x: auto;
  border-top: 1px solid #E3EAF0;
}

/* Main */
.i-img-6 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Main */
.i-box-43 {
  flex: 1 1 340px;
  min-width: 0;
  padding: 40px 36px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
}

/* Main */
.i-btn-7 {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: none;
  background: #F2F6FA;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

/* Main, Auf Lager */
.i-txt-23 {
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  gap: 8px;
  background: #E8F1F8;
  color: var(--accent);
  font-size: 12px;
  font-weight: 700;
  padding: 5px 12px;
  border-radius: 999px;
}

/* Main */
.i-txt-24 {
  color: #4A5D6B;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-top: 8px;
}

/* Main */
.i-h3-2 {
  margin: 0;
  font-size: 30px;
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #13222E;
}

/* Main */
.i-text-8 {
  margin: 0;
  color: #4A5D6B;
  font-size: 16px;
}

/* Main, inkl. MwSt., zzgl. 4,90 € Versand */
.i-box-44 {
  margin-top: auto;
  padding-top: 24px;
  border-top: 1px solid #E3EAF0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* Main, inkl. MwSt., zzgl. 4,90 € Versand */
.i-txt-25 {
  font-size: 32px;
  font-weight: 800;
  color: #13222E;
}

/* Main, inkl. MwSt., zzgl. 4,90 € Versand */
.i-txt-26 {
  color: #4A5D6B;
  font-size: 14px;
}

/* Main, Jetzt anfragen */
.i-link-12 {
  margin-top: 12px;
  text-align: center;
  background: var(--accent);
  color: #ffffff;
  text-decoration: none;
  font-weight: 600;
  padding: 15px 24px;
  border-radius: 999px;
}

/* Impressum */
.i-box-45 {
  background: #ffffff;
  color: #13222E;
  font-family: 'Manrope', 'Segoe UI', sans-serif;
  font-size: 16px;
  line-height: 1.7;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* Impressum */
.i-header-2 {
  border-bottom: 1px solid #E3EAF0;
}

/* Impressum */
.i-box-46 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 18px 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px 32px;
  align-items: center;
  justify-content: space-between;
}

/* Impressum */
.i-link-13 {
  display: flex;
  align-items: center;
  gap: 14px;
  text-decoration: none;
}

/* Impressum, INTER DENT */
.i-txt-27 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  line-height: 1;
}

/* Impressum, INTER DENT DENTALHANDELS GMBH */
.i-txt-28 {
  font-weight: 800;
  font-size: 32px;
  letter-spacing: -1px;
  color: #0E3B5C;
}

/* Impressum, DENTALHANDELS GMBH */
.i-txt-29 {
  font-size: 11px;
  font-weight: 500;
  color: #4A6578;
  letter-spacing: 3px;
}

/* Impressum */
.i-link-14 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  padding: 12px 20px;
  border-radius: 999px;
  border: 1px solid #B7CFE2;
}

/* Impressum, Rechtliches */
.i-main-1 {
  flex-grow: 1;
}

/* Impressum, Rechtliches */
.i-box-47 {
  max-width: 800px;
  margin: 0 auto;
  padding: 72px 24px 96px;
}

/* Impressum, Rechtliches Impressum */
.i-box-48 {
  color: #2B7BB9;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* Impressum, Impressum Interdent Dentalhandels GmbH Bahnweg 5 9 */
.i-h1-2 {
  margin: 8px 0 40px;
  font-size: 48px;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #0E3B5C;
}

/* Impressum, Interdent Dentalhandels GmbH Bahnweg 5 91788 Pappe */
.i-text-9 {
  margin: 0 0 32px;
  color: #33475A;
}

/* Impressum, Kontakt Telefon: 09143 85441 Telefax: 09143 6166 E */
.i-h2-3 {
  margin: 0 0 8px;
  font-size: 20px;
  font-weight: 700;
  color: #0E3B5C;
}

/* Impressum, Unsere zentrale Kontaktstelle für Nutzer und Behör */
.i-text-10 {
  margin: 0 0 12px;
  color: #33475A;
}

/* Impressum, Als Diensteanbieter sind wir gemäß § 7 Abs. 1 DDG  */
.i-text-11 {
  margin: 0 0 16px;
  color: #33475A;
}

/* Impressum, Illustration im Bereich Prophylaxe und KFO ist ein */
.i-text-12 {
  margin: 0;
  color: #33475A;
}

/* Impressum, INTER D */
.i-box-49 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 24px 48px;
  justify-content: space-between;
  align-items: center;
}

/* Impressum, INTER DENT DENTALHANDELS GMBH */
.i-txt-30 {
  font-weight: 800;
  font-size: 32px;
  letter-spacing: -1px;
  color: #ffffff;
}

/* Impressum, Impressum */
.i-nav-3 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 28px;
  font-size: 15px;
}

/* Impressum, Impressum Datenschutz */
.i-link-15 {
  color: #ffffff;
  font-weight: 700;
  text-decoration: underline;
  padding: 6px 0;
}

/* Impressum, © 2026 Interdent Dentalhandels GmbH */
.i-box-50 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 18px 24px 28px;
  border-top: 1px solid #23496A;
  font-size: 14px;
  color: #A3BDD0;
}

/* Datenschutz, 1. Datenschutz auf einen Blick Allgemeine Hinweise */
.i-h2-4 {
  margin: 0 0 16px;
  font-size: 24px;
  font-weight: 800;
  color: #0E3B5C;
}

/* Datenschutz, Allgemeine Hinweise Die folgenden Hinweise geben e */
.i-h3-3 {
  margin: 24px 0 8px;
  font-size: 18px;
  font-weight: 700;
  color: #13222E;
}

/* Datenschutz, Wer ist verantwortlich für die Datenerfassung auf  */
.i-h4-1 {
  margin: 16px 0 4px;
  font-size: 16px;
  font-weight: 700;
  color: #33475A;
}

/* Datenschutz, 2. Hosting Wir hosten die Inhalte unserer Website  */
.i-h2-5 {
  margin: 48px 0 16px;
  font-size: 24px;
  font-weight: 800;
  color: #0E3B5C;
}

/* Datenschutz, Wenn Sie die Richtigkeit Ihrer bei uns gespeichert */
.i-list-1 {
  margin: 0 0 12px;
  padding-left: 22px;
  color: #33475A;
}

/* Datenschutz, Wenn Sie die Richtigkeit Ihrer bei uns gespeichert */
.i-li-1 {
  margin: 0 0 6px;
}

/* Datenschutz, Stand November 2026 */
.i-text-13 {
  margin: 48px 0 0;
  color: #4A5D6B;
  font-size: 14px;
}

/* AGB, Allgemeine Geschäftsbedingungen Interdent Dentalha */
.i-h1-3 {
  margin: 8px 0 16px;
  font-size: 48px;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #0E3B5C;
}

/* AGB, Interdent Dentalhandels GmbH, Bahnweg 5, 91788 Pap */
.i-text-14 {
  margin: 0 0 40px;
  color: #4A5D6B;
}

/* AGB, § 1 Geltungsbereich 1.1 Für alle Lieferun */
.i-h2-6 {
  margin: 0 0 12px;
  font-size: 20px;
  font-weight: 700;
  color: #0E3B5C;
}

/* AGB, 1.1 Für alle Lieferungen und Leistungen der Interd */
.i-text-15 {
  margin: 0 0 10px;
  color: #33475A;
  display: flex;
  gap: 12px;
}

/* AGB, 1.1 Für alle Lieferungen und Leistungen der Interd */
.i-txt-31 {
  flex: none;
  width: 36px;
  font-weight: 700;
  color: #0E3B5C;
}

/* AGB, § 2 Vertragsschluss 2.1 Die Darstellung d */
.i-h2-7 {
  margin: 40px 0 12px;
  font-size: 20px;
  font-weight: 700;
  color: #0E3B5C;
}

/* Widerruf, Verbraucherinnen und Verbraucher haben ein vierzeh */
.i-text-16 {
  margin: 0 0 32px;
  color: #4A5D6B;
}

/* Widerruf, Sie haben das Recht, binnen vierzehn Tagen ohne An */
.i-text-17 {
  margin: 0 0 14px;
  color: #33475A;
}

/* Widerruf, Ende der Widerrufsbelehrung Muster-Widerrufsf */
.i-text-18 {
  margin: 24px 0 48px;
  color: #4A5D6B;
  font-weight: 600;
}

/* Widerruf, Muster-Widerrufsformular Wenn Sie den Vertrag wide */
.i-box-51 {
  background: #F2F6FA;
  border-radius: 24px;
  padding: 36px;
}

/* Widerruf, Muster-Widerrufsformular Wenn Sie den Vertrag wide */
.i-h2-8 {
  margin: 0 0 12px;
  font-size: 22px;
  font-weight: 800;
  color: #0E3B5C;
}

/* Widerruf, Wenn Sie den Vertrag widerrufen wollen, dann fülle */
.i-text-19 {
  margin: 0 0 20px;
  color: #33475A;
}

/* Widerruf, Bestellt am (*)/erhalten am (*) Name des/der Verbr */
.i-box-52 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  color: #33475A;
}

/* Widerruf, Bestellt am (*)/erhalten am (*) Name des/der Verbr */
.i-txt-32 {
  border-bottom: 1px solid #B7CFE2;
  padding-bottom: 6px;
}

/* Widerruf, (*) Unzutreffendes streichen. */
.i-text-20 {
  margin: 20px 0 0;
  font-size: 14px;
  color: #4A5D6B;
}

/* Animationen */
@keyframes idFadeUp { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: none; } }
@keyframes idPulse {
  0% { box-shadow: 0 0 0 0 rgba(43,123,185,.45); }
  70% { box-shadow: 0 0 0 10px rgba(43,123,185,0); }
  100% { box-shadow: 0 0 0 0 rgba(43,123,185,0); }
}
@keyframes idModalIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes idPanelIn { from { opacity: 0; transform: translateY(24px) scale(.97); } to { opacity: 1; transform: none; } }

/* Pulsierender Punkt bei „Auf Lager“ */
.id-dot { animation: idPulse 2s ease-out infinite; }

/* Karten heben sich beim Überfahren an */
.id-lift { transition: transform .35s ease, box-shadow .35s ease; }
.id-lift:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(14,59,92,.12); }

/* Buttons */
.id-btn { transition: transform .2s ease, background-color .2s ease; }
.id-btn:hover { transform: translateY(-2px); }

/* Bilder zoomen in Karten leicht heran */
.id-img { transition: transform .6s ease; }
.id-lift:hover .id-img,
.id-zoomable:hover .id-img { transform: scale(1.05); }

/* Produkt-Großansicht */
.id-modal { animation: idModalIn .25s ease both; }
.id-panel { animation: idPanelIn .35s cubic-bezier(.2,.7,.2,1) both; }

/* Abschnitte gleiten beim Scrollen ins Bild */
@supports (animation-timeline: view()) {
  .id-reveal { animation: idFadeUp linear both; animation-timeline: view(); animation-range: entry 0% entry 40%; }
}

/* Weniger Bewegung, falls im Betriebssystem eingestellt */
@media (prefers-reduced-motion: reduce) {
  .id-reveal, .id-dot, .id-modal, .id-panel { animation: none !important; opacity: 1 !important; transform: none !important; }
}