Karl Storz
Laughing Children
CONTACT US

Empowering
Pediatric Excellence

At KARL STORZ, advancing pediatric medical technology is a priority. Our commitment to young patients and their well-being drives us to deliver unparalleled solutions, ensuring every child receives the highest standard of treatment from infancy through adolescence.

We offer:

  • The most comprehensive range of pediatric endoscopy solutions
  • World-class imaging systems
  • Seamless OR integration technologies
  • Exceptional service and support

KARL STORZ is your trusted ally in pediatric healthcare.

Tiny Tools, Big Impact

Our comprehensive pediatric endoscopy portfolio comprises meticulously engineered tools, tailored to meet the unique needs of children. Our design philosophy focuses on helping you achieve superior outcomes through superb product quality and reliability.

ENT Icon

ENT

With over 400 instruments, our ENT solutions cover a diverse range of indications, from diagnostics to surgical management, related to breathing, eating, hearing, learning, and speaking.

Airway Icon

Airway/
Anesthesia

The C-MAC® Premium line of video laryngoscopy devices meets the most stringent demands in pediatrics and neonatology, enabling confident management of normal and difficult airways.

Urology Icon

Urology

Our advanced visualization technologies and specialized scopes and sheaths support complex procedures with minimal disruption to the patient’s delicate urinary system.

Laparoscopy Icon

Laparoscopy

From forceps to trocars to needle holders and more, our customizable laparoscopic instruments in sizes of 2, 3, 3.5, and 5 mm make every intervention as minimally invasive and minimally traumatic as possible.

Arthroscopy Icon

Arthroscopy

From ultra-slim telescopes to punches and graspers, we simplify complex procedures such as meniscal refixation, cruciate ligament reconstruction, shoulder instability repair, hip arthroscopy, and more.

Video Technology, Adapts to Your Needs

Our unmatched, industry-leading video platforms work seamlessly with all pediatric specialty devices and can be adapted to the demands of any hospital or outpatient facility’s specific pediatric needs.

(() => { let target_div_id = "video-1"; let video_id = 6354204423112; /* INJECT VIDEO ELEMENT */ var videoElement = document.createElement('video-js'); videoElement.setAttribute('data-account', '1754775475001'); videoElement.setAttribute('data-player', 'XHSM8hUn82'); videoElement.setAttribute('data-embed', 'default'); videoElement.setAttribute('controls', ''); videoElement.setAttribute('data-video-id',video_id); videoElement.setAttribute('data-playlist-id', ''); videoElement.setAttribute('data-application-id', ''); videoElement.setAttribute('class', 'vjs-fluid'); var targetDiv = document.getElementById(target_div_id); targetDiv.appendChild(videoElement); /* INJECT BRIGHTCOVE SCRIPT */ var brightCoveScriptUrl = 'https://players.brightcove.net/1754775475001/XHSM8hUn82_default/index.min.js'; var scripts = document.getElementsByTagName('script'); var brightCoveScriptLoaded = false; for (var i = 0; i < scripts.length; i++) { if (scripts[i].src === brightCoveScriptUrl) { brightCoveScriptLoaded = true; break; } } if (!brightCoveScriptLoaded) { var scriptElement = document.createElement('script'); scriptElement.src = brightCoveScriptUrl; document.head.appendChild(scriptElement); } })();

IMAGE1 S® Video System

The IMAGE1 S® video system is customizable for both new and established pediatric surgical programs, allowing users to integrate only the necessary components across specialties and eliminate the need for multiple video towers.

  • Clinically Adaptable
  • NIR/ICG in 4K
  • 2D and 3D in ONE System
  • Forward/Backward Compatible
(() => { let target_div_id = "video-2"; let video_id = 6354266932112; /* INJECT VIDEO ELEMENT */ var videoElement = document.createElement('video-js'); videoElement.setAttribute('data-account', '1754775475001'); videoElement.setAttribute('data-player', 'XHSM8hUn82'); videoElement.setAttribute('data-embed', 'default'); videoElement.setAttribute('controls', ''); videoElement.setAttribute('data-video-id',video_id); videoElement.setAttribute('data-playlist-id', ''); videoElement.setAttribute('data-application-id', ''); videoElement.setAttribute('class', 'vjs-fluid'); var targetDiv = document.getElementById(target_div_id); targetDiv.appendChild(videoElement); /* INJECT BRIGHTCOVE SCRIPT */ var brightCoveScriptUrl = 'https://players.brightcove.net/1754775475001/XHSM8hUn82_default/index.min.js'; var scripts = document.getElementsByTagName('script'); var brightCoveScriptLoaded = false; for (var i = 0; i < scripts.length; i++) { if (scripts[i].src === brightCoveScriptUrl) { brightCoveScriptLoaded = true; break; } } if (!brightCoveScriptLoaded) { var scriptElement = document.createElement('script'); scriptElement.src = brightCoveScriptUrl; document.head.appendChild(scriptElement); } })();

TelePack+ Compact Video System

The TELE PACK+ compact video system integrates the essential components necessary for endoscopic diagnosis and treatment in any setting outside the OR.

  • Versatile: Includes options for rigid, flexible, and video, and single-use scopes
  • Efficient: Patients can often be diagnosed and treated in one visit.

The significance of clear imaging cannot be overstated, and it is the reason all 10 out of the 10 best children’s hospitals in the United States choose KARL STORZ for their endoscopic video systems, with 70% choosing KARL STORZ as their primary video vendor.1

Workflow Efficiency, Patient Ease

Our OR1® operating room integration solution manages information, visualization, and communications to and from the operating room across the hospital enterprise – and includes an application that aims to calm patients before surgery.

The technology suite includes:

(() => { let target_div_id = "video-3"; let video_id = 6258759209001; /* INJECT VIDEO ELEMENT */ var videoElement = document.createElement('video-js'); videoElement.setAttribute('data-account', '1754775475001'); videoElement.setAttribute('data-player', 'XHSM8hUn82'); videoElement.setAttribute('data-embed', 'default'); videoElement.setAttribute('controls', ''); videoElement.setAttribute('data-video-id',video_id); videoElement.setAttribute('data-playlist-id', ''); videoElement.setAttribute('data-application-id', ''); videoElement.setAttribute('class', 'vjs-fluid'); var targetDiv = document.getElementById(target_div_id); targetDiv.appendChild(videoElement); /* INJECT BRIGHTCOVE SCRIPT */ var brightCoveScriptUrl = 'https://players.brightcove.net/1754775475001/XHSM8hUn82_default/index.min.js'; var scripts = document.getElementsByTagName('script'); var brightCoveScriptLoaded = false; for (var i = 0; i < scripts.length; i++) { if (scripts[i].src === brightCoveScriptUrl) { brightCoveScriptLoaded = true; break; } } if (!brightCoveScriptLoaded) { var scriptElement = document.createElement('script'); scriptElement.src = brightCoveScriptUrl; document.head.appendChild(scriptElement); } })();

CollaboratOR

Interactive Surgical Information Display

  • Fosters team collaboration
  • Enables real-time sharing of information, imaging, and data
  • Facilitates seamless communication in and out of the OR
Image of StreamConnect

StreamConnect®

Enterprise Collaboration Software

  • Web-based networking solution
  • Enables secure communications room-to-room, and across the hospital enterprise
(() => { let target_div_id = "video-4"; let video_id = 6257763888001; /* INJECT VIDEO ELEMENT */ var videoElement = document.createElement('video-js'); videoElement.setAttribute('data-account', '1754775475001'); videoElement.setAttribute('data-player', 'XHSM8hUn82'); videoElement.setAttribute('data-embed', 'default'); videoElement.setAttribute('controls', ''); videoElement.setAttribute('data-video-id',video_id); videoElement.setAttribute('data-playlist-id', ''); videoElement.setAttribute('data-application-id', ''); videoElement.setAttribute('class', 'vjs-fluid'); var targetDiv = document.getElementById(target_div_id); targetDiv.appendChild(videoElement); /* INJECT BRIGHTCOVE SCRIPT */ var brightCoveScriptUrl = 'https://players.brightcove.net/1754775475001/XHSM8hUn82_default/index.min.js'; var scripts = document.getElementsByTagName('script'); var brightCoveScriptLoaded = false; for (var i = 0; i < scripts.length; i++) { if (scripts[i].src === brightCoveScriptUrl) { brightCoveScriptLoaded = true; break; } } if (!brightCoveScriptLoaded) { var scriptElement = document.createElement('script'); scriptElement.src = brightCoveScriptUrl; document.head.appendChild(scriptElement); } })();

ComfortOR1

Patient Experience Software

  • Sends automated texts from the OR to families
  • Provides relaxing and engaging patient entertainment through on- demand video, music, and games

Our One Goal

To help pediatric care teams help their patients lead healthy lives.

Dr. Sybill Storz had an incredible commitment to the children of the world. And she invested huge amounts of time…. to help develop the instrumentation, and to do the training that we needed to train pediatric surgeons all over the world. And I think that commitment stands for a lot.

—Steven S. Rothenberg, MD
Chief of Pediatric Surgery
Rocky Mountain Hospital for Children

Contact us for more information about our pediatric endoscopy solutions.

I consent to the collection, processing and use of my above personal data, including e-mail address, by KARL STORZ SE & Co.KG and any subsidiary responsible to provide me with information related to training courses, conferences, product and service updates, and customer surveys. I can revoke my consent at any time without stating any reason by sending an email to delist@karlstorz.com.

By submitting this form, I acknowledge that I have read the KARL STORZ privacy policy.

References:

  1. Best Children’s Hospitals 2022-2023 Honor Roll and Overview. U.S. News & World Report. June 14, 2022.
KARL STORZ Endoscopy-America, Inc.   |   2151 E. Grand Ave.   |   El Segundo, CA 90245
Contact   Privacy Policy   Terms
/* DO NOT EDIT THIS BLOCK. YOU MAY EDIT THE "CUSTOM CSS" BLOCK (IN PURPLE) BELOW. */ /* CSS RESET (VER 2024-05-31) */ html, body { font-size: 4vw; font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif !important; padding: 0px; margin: 0px; } @media (min-width: 891px) { html, body { font-size: 2vw; } } @media (min-width: 1201px) { html, body { font-size: 20px; } } * { box-sizing: border-box; color: #240C0C; font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; } p { line-height: 2rem; } a > div { color: inherit; } /* HELPERS */ .ks-script, .ks-style, .ks-add-class-to-row, .ks-add-class-to-column, .ks-add-class-to-region { display: none; } /* REMOVE MOBILE WIDTH RESTRICTIONS */ @media only screen and (max-width: 890px) { body .contentpageDefaultLandingPageTemplate .contentRoot { width: 100% !important; } } /* GENERAL */ .hidden { display: none !important; } .desktop { display: none; } .mobile { display: block; } @media (min-width: 768px) { .desktop { display: block; } .mobile { display: none; } } /* SHOW ONLY AT CERTAIN SIZES AND ABOVE */ .sm, .md, .lg, .xlg { display: none; } @media (max-width: 480px) { .sm { display: block; } } @media (min-width: 481px) and (max-width: 890px) { .md { display: block; } } @media (min-width: 891px) and (max-width: 1200px) { .lg { display: block; } } @media (min-width: 1201px) { .xlg { display: block; } } /* FLEXBOX */ .flex { display: flex !important; } .align-items-stretch { align-items: stretch !important; } .justify-center { justify-content: center; } .items-center { align-items: center; } /* HEIGHT & WIDTH */ .h-full { height: 100%; } .h-115vw { height: 115vw; } .h-150vw { height: 150vw; } @media (min-width: 481px) { .md_h-auto { height: auto !important; } } @media (min-width: 891px) { .lg_h-auto { height: auto !important; } } @media (min-width: 1201px) { .xlg_h-auto { height: auto !important; } } /* VIDEO HELPER */ .video-container { max-width: 960px; margin: auto; width: 100%; border: solid 1px #DDD; } /* COLUMN STACKING */ @media (max-width: 890px) { .md_stack-columns { display: flex; flex-direction: column; } .md_stack-columns .column { width: 100% !important; } } @media (max-width: 890px) { .md_stack-columns-reverse { display: flex; flex-direction: column-reverse; } .md_stack-columns-reverse .column { width: 100% !important; } } @media (max-width: 1200px) { .lg_stack-columns { display: flex; flex-direction: column; } .lg_stack-columns .column { width: 100% !important; } } .col-vertically-center { display: flex !important; align-items: center; height: 100%; justify-content: center; }
/* DO NOT EDIT THIS BLOCK. YOU MAY EDIT THE "CUSTOM CSS" BLOCK (IN PURPLE) BELOW. */ /* SHARED BACKGROUND */ .bg-fixed { background-attachment: fixed; } @supports (-webkit-touch-callout: none) { .bg-fixed { background-attachment: scroll; } } .bg-size-50 { background-size: 50%; } .bg-cover { background-size: cover; } .bg-center { background-position: center; } .bg-left-top { background-position: left top; } .bg-no-repeat { background-repeat: no-repeat; } .bg-light-gray { background-color: #F6F6F6 !important; } .bg-white { background-color: #FFFFFF !important; } .bg-dark-blue { background-color: #074089 !important; } @media (min-width: 891px) { .lg_bg-cover { background-size: cover; } .lg_bg-center { background-position: center; } .lg_bg-size-50 { background-size: 50%; } .lg_bg-left-top { background-position: left top; } .lg_bg-fixed { background-attachment: fixed; } @supports (-webkit-touch-callout: none) { .lg_bg-fixed { background-attachment: scroll; } } } .row-bg-overlay { position: relative; } .row-bg-overlay::before { content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 0; } .row-bg-overlay .column { z-index: 1; }
/* DO NOT EDIT THIS BLOCK. YOU MAY EDIT THE "CUSTOM CSS" BLOCK (IN PURPLE) BELOW. */ /* SHARED MARGINS (VER 2024-05-31) */ .m-0 { margin: 0px !important; } .m-20 { margin: 20px !important; } .m-40 { margin: 40px !important; } .m-60 { margin: 60px !important; } .m-80 { margin: 80px !important; } .m-100 { margin: 100px !important; } .p-0 { padding: 0px !important; } .p-20 { padding: 20px !important; } .p-40 { padding: 40px !important; } .p-60 { padding: 60px !important; } .p-80 { padding: 80px !important; } .p-100 { padding: 100px !important; } .pt-0 { padding-top: 0px !important; } .pt-20 { padding-top: 20px !important; } .pt-40 { padding-top: 40px !important; } .pt-60 { padding-top: 60px !important; } .pr-40 { padding-right: 40px !important; } .pr-80 { padding-right: 80px !important; } .pb-0 { padding-bottom: 0px !important; } .pb-20 { padding-bottom: 20px !important; } .pb-40 { padding-bottom: 40px !important; } .pb-60 { padding-bottom: 60px !important; } .pl-40 { padding-left: 40px !important; } .pl-80 { padding-left: 80px !important; } @media (min-width: 481px) { .md_m-0 { margin: 0px !important; } .md_m-20 { margin: 20px !important; } .md_m-40 { margin: 40px !important; } .md_m-60 { margin: 60px !important; } .md_m-80 { margin: 80px !important; } .md_m-100 { margin: 100px !important; } .md_p-0 { padding: 0px !important; } .md_p-20 { padding: 20px !important; } .md_p-40 { padding: 40px !important; } .md_p-60 { padding: 60px !important; } .md_p-80 { padding: 80px !important; } .md_p-100 { padding: 100px !important; } .md_pt-0 { padding-top: 0px !important; } .md_pt-20 { padding-top: 20px !important; } .md_pt-40 { padding-top: 40px !important; } .md_pt-60 { padding-top: 60px !important; } .md_pr-80 { padding-right: 80px !important; } .md_pr-100 { padding-right: 100px !important; } .md_pb-0 { padding-bottom: 0px !important; } .md_pb-20 { padding-bottom: 20px !important; } .md_pb-40 { padding-bottom: 40px !important; } .md_pb-60 { padding-bottom: 60px !important; } .md_pl-80 { padding-left: 80px !important; } .md_pl-100 { padding-left: 100px !important; } } @media (min-width: 891px) { .lg_-m-70 { margin-top: -70px !important; } .lg_m-0 { margin: 0px !important; } .lg_m-20 { margin: 20px !important; } .lg_m-40 { margin: 40px !important; } .lg_m-60 { margin: 60px !important; } .lg_m-80 { margin: 80px !important; } .lg_m-100 { margin: 100px !important; } .lg_-mt-70 { margin-top: -70px !important; } .lg_p-0 { padding: 0px !important; } .lg_p-20 { padding: 20px !important; } .lg_p-40 { padding: 40px !important; } .lg_p-60 { padding: 60px !important; } .lg_p-80 { padding: 80px !important; } .lg_p-100 { padding: 100px !important; } .lg_pt-0 { padding-top: 0px !important; } .lg_pt-20 { padding-top: 20px !important; } .lg_pt-40 { padding-top: 40px !important; } .lg_pt-60 { padding-top: 60px !important; } .lg_pr-60 { padding-right: 60px !important; } .lg_pr-80 { padding-right: 80px !important; } .lg_pr-100 { padding-right: 100px !important; } .lg_pr-120 { padding-right: 120px !important; } .lg_pr-160 { padding-right: 160px !important; } .lg_pb-0 { padding-bottom: 0px !important; } .lg_pb-20 { padding-bottom: 20px !important; } .lg_pb-40 { padding-bottom: 40px !important; } .lg_pb-60 { padding-bottom: 60px !important; } .lg_pb-100 { padding-bottom: 100px !important; } .lg_pb-120 { padding-bottom: 120px !important; } .lg_pl-80 { padding-left: 80px !important; } .lg_pl-100 { padding-left: 100px !important; } .lg_pl-160 { padding-left: 160px !important; } } @media (min-width: 1201px) { .xlg_-mt-140 { margin-top: -140px !important; } .xlg_m-0 { margin: 0px !important; } .xlg_m-20 { margin: 20px !important; } .xlg_m-40 { margin: 40px !important; } .xlg_m-60 { margin: 60px !important; } .xlg_m-80 { margin: 80px !important; } .xlg_m-100 { margin: 100px !important; } .xlg_p-0 { padding: 0px !important; } .xlg_p-20 { padding: 20px !important; } .xlg_p-40 { padding: 40px !important; } .xlg_p-60 { padding: 60px !important; } .xlg_p-80 { padding: 80px !important; } .xlg_p-100 { padding: 100px !important; } .xlg_p-200 { padding: 200px !important; } .xlg_pt-0 { padding-top: 0px !important; } .xlg_pt-20 { padding-top: 20px !important; } .xlg_pt-40 { padding-top: 40px !important; } .xlg_pt-60 { padding-top: 60px !important; } .xlg_pr-60 { padding-right: 60px !important; } .xlg_pr-80 { padding-right: 80px !important; } .xlg_pr-100 { padding-right: 100px !important; } .xlg_pr-140 { padding-right: 140px !important; } .xlg_pr-160 { padding-right: 160px !important; } .xlg_pr-240 { padding-right: 240px !important; } .xlg_pb-0 { padding-bottom: 0px !important; } .xlg_pb-20 { padding-bottom: 20px !important; } .xlg_pb-40 { padding-bottom: 40px !important; } .xlg_pb-60 { padding-bottom: 60px !important; } .xlg_pl-60 { padding-left: 60px !important; } .xlg_pl-80 { padding-left: 80px !important; } .xlg_pl-100 { padding-left: 100px !important; } .xlg_pl-140 { padding-left: 140px !important; } .xlg_pl-240 { padding-left: 240px !important; } }
/* DO NOT EDIT THIS BLOCK. YOU MAY EDIT THE "CUSTOM CSS" BLOCK (IN PURPLE) BELOW. */ /* SHARED TEXT (VER 2024-05-29) */ .text-left { text-align: left; } /* RICH TEXT RESPONSIVE */ .rich-text-responsive .contentbuilder-landingpage-richtext, .rich-text-responsive-20 .contentbuilder-landingpage-richtext, .rich-text-responsive-40 .contentbuilder-landingpage-richtext, .rich-text-responsive-60 .contentbuilder-landingpage-richtext { font-weight: 300; font-size: 1em !important; } .rich-text-responsive .contentbuilder-landingpage-richtext div, .rich-text-responsive .contentbuilder-landingpage-richtext p, .rich-text-responsive .contentbuilder-landingpage-richtext div > span, .rich-text-responsive-20 .contentbuilder-landingpage-richtext div, .rich-text-responsive-20 .contentbuilder-landingpage-richtext p, .rich-text-responsive-20 .contentbuilder-landingpage-richtext div > span, .rich-text-responsive-40 .contentbuilder-landingpage-richtext div, .rich-text-responsive-40 .contentbuilder-landingpage-richtext p, .rich-text-responsive-40 .contentbuilder-landingpage-richtext div > span, .rich-text-responsive-60 .contentbuilder-landingpage-richtext div, .rich-text-responsive-60 .contentbuilder-landingpage-richtext p, .rich-text-responsive-60 .contentbuilder-landingpage-richtext div > span { font-size: 1em !important; font-weight: 300; } .rich-text-responsive .contentbuilder-landingpage-richtext h1, .rich-text-responsive-20 .contentbuilder-landingpage-richtext h1, .rich-text-responsive-40 .contentbuilder-landingpage-richtext h1, .rich-text-responsive-60 .contentbuilder-landingpage-richtext h1 { font-size: 3em !important; letter-spacing: 0; font-weight: 500; line-height: 1em; } .rich-text-responsive .contentbuilder-landingpage-richtext h2, .rich-text-responsive-20 .contentbuilder-landingpage-richtext h2, .rich-text-responsive-40 .contentbuilder-landingpage-richtext h2, .rich-text-responsive-60 .contentbuilder-landingpage-richtext h2 { font-size: 1.5em !important; } .rich-text-responsive .contentbuilder-landingpage-richtext h3, .rich-text-responsive .contentbuilder-landingpage-richtext h4, .rich-text-responsive .contentbuilder-landingpage-richtext h5, .rich-text-responsive-20 .contentbuilder-landingpage-richtext h3, .rich-text-responsive-20 .contentbuilder-landingpage-richtext h4, .rich-text-responsive-20 .contentbuilder-landingpage-richtext h5, .rich-text-responsive-40 .contentbuilder-landingpage-richtext h3, .rich-text-responsive-40 .contentbuilder-landingpage-richtext h4, .rich-text-responsive-40 .contentbuilder-landingpage-richtext h5, .rich-text-responsive-60 .contentbuilder-landingpage-richtext h3, .rich-text-responsive-60 .contentbuilder-landingpage-richtext h4, .rich-text-responsive-60 .contentbuilder-landingpage-richtext h5 { font-size: 1em !important; } /* RICH TEXT RESPONSIVE +20% */ .rich-text-responsive { font-size: 1rem; } .rich-text-responsive-20 { font-size: 1.2rem; } .rich-text-responsive-40 { font-size: 1.4rem; } .rich-text-responsive-60 { font-size: 1.2rem; } @media (min-width: 891px) { .lg_text-center { text-align: center; } } @media (max-width: 890px) { .md_stacked-text-center .column { text-align: center !important; } .md_stacked-text-center .column div, .md_stacked-text-center .column p, .md_stacked-text-center .column div > span, .md_stacked-text-center .column h1, .md_stacked-text-center .column h2, .md_stacked-text-center .column h3, .md_stacked-text-center .column h4, .md_stacked-text-center .column h5, .md_stacked-text-center .column h6 { text-align: center !important; } } .text-center { text-align: center !important; } .text-center * { text-align: center !important; } @media (min-width: 891px) { .lg_text-left { text-align: left !important; } .lg_text-left * { text-align: left !important; } } @media (min-width: 891px) { .lg_text-right { text-align: right !important; } .lg_text-right * { text-align: right !important; } } .content-center { text-align: center !important; } .content-center > * { text-align: left !important; } @media (min-width: 891px) { .lg_content-left { text-align: left !important; } } @media (min-width: 891px) { .lg_content-right { text-align: right !important; } } .contentbuilder-landingpage-richtext, .richtext, .form { font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; line-height: 1.5em; } .contentbuilder-landingpage-richtext div, .contentbuilder-landingpage-richtext p, .contentbuilder-landingpage-richtext div > span, .richtext div, .richtext p, .richtext div > span, .form div, .form p, .form div > span { font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; line-height: 1.5em; padding: .5em 0; margin: 0; } .contentbuilder-landingpage-richtext h1, .contentbuilder-landingpage-richtext h2, .contentbuilder-landingpage-richtext h3, .contentbuilder-landingpage-richtext h4, .contentbuilder-landingpage-richtext h5, .contentbuilder-landingpage-richtext h6, .richtext h1, .richtext h2, .richtext h3, .richtext h4, .richtext h5, .richtext h6, .form h1, .form h2, .form h3, .form h4, .form h5, .form h6 { font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; line-height: 1.2em; padding: .75em 0; margin: 0; font-weight: 600; } .contentbuilder-landingpage-richtext h1 span, .contentbuilder-landingpage-richtext h2 span, .contentbuilder-landingpage-richtext h3 span, .contentbuilder-landingpage-richtext h4 span, .contentbuilder-landingpage-richtext h5 span, .contentbuilder-landingpage-richtext h6 span, .richtext h1 span, .richtext h2 span, .richtext h3 span, .richtext h4 span, .richtext h5 span, .richtext h6 span, .form h1 span, .form h2 span, .form h3 span, .form h4 span, .form h5 span, .form h6 span { font-weight: 600; } .force-ks-fonts * { font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif !important; } .rich-text-white .contentbuilder-landingpage-richtext { color: #FFFFFF !important; } .rich-text-white .contentbuilder-landingpage-richtext div, .rich-text-white .contentbuilder-landingpage-richtext span, .rich-text-white .contentbuilder-landingpage-richtext h1, .rich-text-white .contentbuilder-landingpage-richtext h2, .rich-text-white .contentbuilder-landingpage-richtext h3, .rich-text-white .contentbuilder-landingpage-richtext h4, .rich-text-white .contentbuilder-landingpage-richtext h5, .rich-text-white .contentbuilder-landingpage-richtext strong, .rich-text-white .contentbuilder-landingpage-richtext p, .rich-text-white .contentbuilder-landingpage-richtext a, .rich-text-white .contentbuilder-landingpage-richtext a:link, .rich-text-white .contentbuilder-landingpage-richtext a:visited, .rich-text-white .contentbuilder-landingpage-richtext sup { color: #FFFFFF !important; } .pull-quote { position: relative; font-weight: 300; } .pull-quote:before, .pull-quote:after { content: ""; background-image: url("https://pardotcms.karlstorz.com/cms/delivery/media/MCEZVKOXJJEZB4ZLXOF5H36KDVEE?oid=00D09000007FoKeEAK&channelId=0ap5q000000XZAWAA4"); background-size: contain; background-repeat: no-repeat; display: block; position: absolute; width: 1rem; height: 1rem; } .pull-quote.blue-quotes:before, .pull-quote.blue-quotes:after { background-image: url("https://pardotcms.karlstorz.com/cms/delivery/media/MCZW5CRVG7HZCHRGNK3PTWOFQHQU?oid=00D09000007FoKeEAK&channelId=0ap5q000000XZAWAA4"); } .pull-quote:before { transform: rotate(180deg); top: -.5rem; left: -1.5rem; } .pull-quote:after { bottom: -.5rem; right: -1.5rem; } @media (min-width: 481px) { .pull-quote:before, .pull-quote:after { width: 1.5rem; height: 1.5rem; } .pull-quote:before { transform: rotate(180deg); top: -.5rem; left: -2rem; } .pull-quote:after { bottom: -.5rem; right: -2rem; } } @media (min-width: 891px) { .pull-quote:before, .pull-quote:after { width: 2rem; height: 2rem; } .pull-quote:before { transform: rotate(180deg); top: -1rem; left: -3.25rem; } .pull-quote:after { bottom: -1rem; right: -3.25rem; } }
/* DO NOT EDIT THIS BLOCK. YOU MAY EDIT THE "CUSTOM CSS" BLOCK (IN PURPLE) BELOW. */ /* SHARED PARDOT (VER 2024-05-29) */ .pardot-form-wrapper { color: #FFFFFF !important; } .pardot-form-wrapper .wrapper { background-color: #6275A3; border-radius: 25px; margin: 0 auto; padding: 20px; } @media (min-width: 481px) { .pardot-form-wrapper .wrapper { padding: 40px; margin: 0px; } } .pardot-form-wrapper.blue-navy .wrapper { background-color: #052E63; } .pardot-form-wrapper.thick-padding .wrapper { padding: 40px; } @media (min-width: 481px) { .pardot-form-wrapper.thick-padding .wrapper { padding: 60px; } } .pardot-form-wrapper div, .pardot-form-wrapper span, .pardot-form-wrapper h1, .pardot-form-wrapper h2, .pardot-form-wrapper h3, .pardot-form-wrapper h4, .pardot-form-wrapper h5, .pardot-form-wrapper strong, .pardot-form-wrapper p, .pardot-form-wrapper a, .pardot-form-wrapper a:link, .pardot-form-wrapper a:visited { color: #FFFFFF !important; } .pardot-form-wrapper h1, .pardot-form-wrapper h3 { font-size: 1.2rem !important; line-height: 1.2em !important; margin: 0 0 20px 0 !important; } .pardot-form-wrapper h1 span, .pardot-form-wrapper h3 span { font-size: 1.2rem !important; line-height: 1.2em !important; font-weight: bold !important; } .pardot-form-wrapper form.form { margin: 0; padding: 0; } .pardot-form-wrapper form.form * { font-weight: normal !important; } .pardot-form-wrapper form.form p { margin: 0; padding: .5rem 0; } .pardot-form-wrapper form.form p.errors { margin: 2rem 0; padding: 1rem; } .pardot-form-wrapper form.form p.error { padding: .5rem 0 0 0; } .pardot-form-wrapper form.form p.error.no-label { padding: 0 0 .75rem 0; margin: 0; } .pardot-form-wrapper form.form p label { color: #FFFFFF; margin-bottom: 5px; } .pardot-form-wrapper form.form p input, .pardot-form-wrapper form.form p select, .pardot-form-wrapper form.form p textarea { padding: 10px; } .pardot-form-wrapper form.form p select { appearance: none; background-color: #FFFFFF; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iNTEycHgiIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjUxMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cG9seWdvbiBwb2ludHM9IjM5Ni42LDE2MCA0MTYsMTgwLjcgMjU2LDM1MiA5NiwxODAuNyAxMTUuMywxNjAgMjU2LDMxMC41ICIvPjwvc3ZnPg==); background-repeat: no-repeat; background-position: right; background-size: 26px; padding: 10px; } .pardot-form-wrapper form.form p.submit input { width: 100%; text-transform: uppercase; } .pardot-form-wrapper form.form p.submit input:hover { background-color: #184184; } .pardot-form-wrapper form.form .pd-checkbox input:checked + label::after { top: -2px; left: 1px; } .pardot-form-wrapper form.form .pd-checkbox.no-label span.value, .pardot-form-wrapper form.form .pd-checkbox.no-label span.description { display: inline; } .pardot-form-wrapper form.form .pd-checkbox.no-label span.value > span, .pardot-form-wrapper form.form .pd-checkbox.no-label span.description > span { display: inline; } .pardot-form-wrapper form.form .pd-checkbox.no-label input { appearance: auto; position: relative; }
/* DO NOT EDIT THIS BLOCK. YOU MAY EDIT THE "CUSTOM CSS" BLOCK (IN PURPLE) BELOW. */ /* HEADER AND FOOTER ROWS (VER 2024-05-29) */ .row-hero { height: 260px; } @media (max-width: 890px) { .row-hero { height: 400px; } .row-hero .column:nth-of-type(3) { margin-bottom: 25px !important; } } .row-hero .column:nth-of-type(1) img { max-width: 160px !important; margin: 25px 60px; } .row-hero .column:nth-of-type(3) div a div { width: 230px; border-radius: 20px !important; } @media (min-width: 891px) { .row-hero .column:nth-of-type(3) { position: relative; } .row-hero .column:nth-of-type(3) div a div { position: fixed; top: 25px; text-align: center; margin-left: -250px; } } /* TWO-COLUMN HERO */ /* NOTE THIS REQUIRES A COMPANION JS SCRIPT */ @media (max-width: 890px) { .row-hero-2col { height: auto; } .row-hero-2col .column:nth-of-type(2) { margin-bottom: 25px !important; } } @media (min-width: 891px) { .row-hero-2col { align-items: stretch !important; } } .row-hero-2col .row-hero-2col-img-col { background-repeat: no-repeat; height: 115vw; } @media (min-width: 891px) { .row-hero-2col .row-hero-2col-img-col { height: auto; background-attachment: fixed; } } @media (min-width: 1260px) and (max-height: 1049px) { .row-hero-2col .row-hero-2col-img-col { min-height: 100vh; } } @media (min-width: 1260px) and (min-height: 1050px) { .row-hero-2col .row-hero-2col-img-col { min-height: 905px; } } .row-hero-2col .row-hero-2col-img-col img { max-width: 160px !important; margin: 25px 60px; } @media (max-width: 574px) { .row-hero-2col .row-hero-2col-img-col div { text-align: center !important; } } @media (min-width: 1260px) { .row-hero-2col .row-hero-2col-text-col .contentbuilder-landingpage-richtext { position: absolute; top: 50%; transform: translate(0%, -50%); width: calc(100% - 200px); } } .row-hero-2col .row-hero-2col-button-col { display: flex; flex-direction: column; padding: 40px; } @media (min-width: 481px) { .row-hero-2col .row-hero-2col-button-col { padding: 60px; } } @media (min-width: 1201px) { .row-hero-2col .row-hero-2col-button-col { padding: 100px; } } .row-hero-2col .row-hero-2col-button-col div:nth-of-type(1) { margin-bottom: 20px; padding-top: .5em !important; padding-bottom: .5em !important; } .row-hero-2col .row-hero-2col-button-col div:nth-of-type(1) a div { width: 290px; border-radius: 20px !important; text-align: center !important; } .row-hero-2col .row-hero-2col-button-col.cta-rounded-40 div:nth-of-type(1) a div { border-radius: 40px !important; } @media (min-width: 575px) { .row-hero-2col .row-hero-2col-button-col { position: relative; } .row-hero-2col .row-hero-2col-button-col div:nth-of-type(1) { text-align: right !important; margin-right: 250px; } .row-hero-2col .row-hero-2col-button-col div:nth-of-type(1) a div { position: fixed; top: 25px; z-index: 100; } } @media (min-width: 1201px) { .row-hero-2col .row-hero-2col-button-col div:nth-of-type(1) { margin-right: 210px; } } /* THREE-COLUMN HERO */ .row-hero-3col { height: 260px; } @media (max-width: 890px) { .row-hero-3col { height: 400px; } .row-hero-3col .column:nth-of-type(3) { margin-bottom: 25px !important; } } .row-hero-3col .column:nth-of-type(1) img { max-width: 160px !important; margin: 25px 60px; } .row-hero-3col .column:nth-of-type(3) div a div { width: 290px; border-radius: 20px !important; } @media (min-width: 891px) { .row-hero-3col .column:nth-of-type(3) { position: relative; } .row-hero-3col .column:nth-of-type(3) div a div { position: fixed; top: 25px; text-align: left; margin-left: -310px; } } /* SECTION HEADERS */ .row-section-header h3 { color: #184184 !important; font-weight: 600 !important; font-size: 1.1rem !important; margin-bottom: .6rem !important; } .row-section-header h2 { color: #252b3c !important; font-weight: 600 !important; font-size: 1.7rem !important; margin-bottom: 0 !important; } .row-section-header h2 span { color: #252b3c !important; font-weight: 300 !important; font-size: 1.4rem !important; margin: .1rem 0 !important; display: inline-block; } .row-section-header-colorless .contentbuilder-landingpage-richtext { font-size: inherit !important; } .row-section-header-colorless h3 { font-weight: 600 !important; font-size: 1.1rem !important; margin-bottom: .6rem !important; } .row-section-header-colorless h2 { font-weight: 600 !important; font-size: 1.7rem !important; margin-bottom: 0 !important; } .row-section-header-colorless h2 span { font-weight: 300 !important; font-size: 1.4rem !important; margin: .1rem 0 !important; display: inline-block; } .row-legal { font-size: .9rem; } .row-legal p { font-size: .9rem; } .row-legal ul, .row-legal ol { margin: 0px; padding: 0px; } .row-legal ul li, .row-legal ol li { margin: 0 0 0 12px; padding: 0px; font-size: .9rem; } .row-legal ul li a, .row-legal ul li a:link, .row-legal ul li a:visited, .row-legal ol li a, .row-legal ol li a:link, .row-legal ol li a:visited { text-decoration: none; } .row-legal ul li a:hover, .row-legal ol li a:hover { text-decoration: underline; }
/* DO NOT EDIT THIS BLOCK. YOU MAY EDIT THE "CUSTOM CSS" BLOCK (IN PURPLE) BELOW. */ /* CSS RESET (VER 2024-05-29) */ .row.flip-cards { justify-content: space-between; padding-left: 5%; padding-right: 5%; } .row.flip-cards .column.columnDiv { display: inline-block; height: 400px; position: relative; } .row.flip-cards .card { background-color: transparent; width: 100%; height: 380px; perspective: 1000px; } .row.flip-cards .card .inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.6s; transform-style: preserve-3d; } .row.flip-cards .card:hover .inner { transform: rotateY(180deg); } .row.flip-cards .card .front, .row.flip-cards .card .back { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; box-shadow: 0px 3px 6px #00000038; border-radius: 33px; } .row.flip-cards .card .front { background-color: #FFFFFF; color: black; padding: 20px; } .row.flip-cards .card .front h2 { font-size: 1.2em; } .row.flip-cards .card .front::after { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iI0I5QjlCOSIgY2xhc3M9InNpemUtNiI+CiAgPHBhdGggc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNMTMuNSA0LjUgMjEgMTJtMCAwLTcuNSA3LjVNMjEgMTJIMyIgLz4KPC9zdmc+Cg=="); display: inline-block; width: 2rem; height: 2rem; line-height: 0px; position: absolute; right: 30px; bottom: 30px; color: #B9B9B9; } .row.flip-cards .card .back { background-color: #F6F6F6; color: #242B3E; transform: rotateY(180deg); padding: 20px; } .row.flip-cards .card .back p { font-size: .9rem; } .row.flip-cards .card .front, .row.flip-cards .card .back { display: flex; flex-direction: column; justify-content: center; }
/* CUSTOM STYLES FOR THIS PAGE. YOU MAY EDIT THIS. */ .img-max-width-400 img { max-width: 400px !important; } .pardot-form-wrapper h1 { margin-top: 0; margin-bottom: 2em; } .rich-text-responsive .contentbuilder-landingpage-richtext div.pull-quote { text-align: center; font-size: 1.5em !important; color: #052E63; }
/* CSS INJECTOR SCRIPT */ /* DO NOT EDIT THIS BLOCK */ console.log('ACTIVATING CSS INJECTOR (VER 2024-05-29)'); /* NOTE: MUST USE THIS STYLE OF COMMENTS */ /* THIS SCRIPT WILL COPY CLASS NAMES AND STYLES (FROM TITLE ATTRIBUTE) TO PARENT ROWS AND COLUMNS */ /* WE HAVE TO USE THE TITLE ATTRIBUTE, BECAUSE THIS IS THE ONLY OTHER ATTRIBUTE SALESFORCE ALLOWS US TO USE, AND WE CAN'T ADD THE STYLE TO THE DIV OR IT BREAKS THE BUILDER */ function processClassNames(sourceClass, targetIdentifier, type="class") { let classManagerDivs = document.querySelectorAll('.' + sourceClass); classManagerDivs.forEach(function (classManagerDiv) { let classesToAdd = classManagerDiv.classList; let targetDiv; if(type === "class"){ targetDiv = findAncestorWithClass(classManagerDiv, targetIdentifier); }else if(type === "tag"){ targetDiv = findAncestorOfType(classManagerDiv, targetIdentifier); } if (targetDiv) { /* PROCESS HELPER CLASSES */ for (let i = 0; i < classesToAdd.length; i++) { if(classesToAdd[i] === sourceClass){ continue; } /* WRAP COLUMN'S CONTENT IN A DIV */ if(classesToAdd[i].substring(0,13) === 'width-wrapper'){ let maxWidth = classesToAdd[i].match(/\d+/); let wrapperDiv = document.createElement('div'); wrapperDiv.className = 'wrapper'; wrapperDiv.style.maxWidth = maxWidth + 'px'; wrapperDiv.style.display = 'inline-block'; wrapperDiv.innerHTML = targetDiv.innerHTML; targetDiv.innerHTML = ''; targetDiv.appendChild(wrapperDiv); targetDiv.classList.add(classesToAdd[i]); continue; } /* PROCESS ACTION CLASSES */ let sourceImg = null; switch(classesToAdd[i]) { case "bg-from-img1": sourceImg = findChildElementByIndex(targetDiv, 'img', 0); targetDiv.style.backgroundImage = 'url("'+sourceImg.src+'")'; sourceImg.parentElement.remove(); break; case "bg-from-img2": sourceImg = findChildElementByIndex(targetDiv, 'img', 1); targetDiv.style.backgroundImage = 'url("'+sourceImg.src+'")'; sourceImg.parentElement.remove(); break; } /* ADD CLASS TO TARGET DIV */ targetDiv.classList.add(classesToAdd[i].replace(':', '_')); /* IF THERE IS A TITLE, ADD IT AS A STYLE */ if (classManagerDiv.title) { targetDiv.style.cssText += classManagerDiv.title; } } } }); } function removeClassManager(src) { let classManagerDivs = document.querySelectorAll('.' + src); classManagerDivs.forEach(function (classManagerDiv) { let parentDiv = classManagerDiv.parentElement; parentDiv.remove(); }); } function findAncestorWithClass(element, className) { while (element) { if (element.classList.contains(className)) { return element; } element = element.parentElement; } return null; } function findAncestorOfType(element, type) { while (element) { if (element.tagName.toLowerCase() === type) { return element; } element = element.parentElement; } return null; } function findChildElementByIndex(parentElement, childTag, index) { let children = parentElement.getElementsByTagName(childTag); return children[index]; } /* LOADED IN PAGE IN FOOTER. NO NEED TO WAIT FOR IMAGES TO LOAD. */ /* MOVE OVER THE CLASS NAMES FROM THE HELPERS ON THE PAGE */ processClassNames('ks-add-class-to-body', 'body', 'tag'); processClassNames('ks-add-class-to-row', 'row'); processClassNames('ks-add-class-to-column', 'column'); processClassNames('ks-add-class-to-region', 'contentbuilder-landingpage-html'); /* REMOVE THE HELPERS */ removeClassManager('ks-add-class-to-body'); removeClassManager('ks-add-class-to-row'); removeClassManager('ks-add-class-to-column'); removeClassManager('ks-add-class-to-region');
document.querySelectorAll('.relocate').forEach(relocate => { let prependClassName = Array.from(relocate.classList).find(className => className.startsWith('prepend:')); if(prependClassName){ let destinationSelector = prependClassName.replace('prepend:', '').replace('|', ' '); document.querySelector(destinationSelector).prepend(relocate); } let appendClassName = Array.from(relocate.classList).find(className => className.startsWith('append:')); if(appendClassName){ let destinationSelector = appendClassName.replace('append:', '').replace('|', ' '); document.querySelector(destinationSelector).appendChild(relocate); } relocate.classList.remove('relocate'); });
/* HELPER FUNCTION FOR THE row-hero-2col LAYOUT */ function handleResize(){ var windowWidth = window.innerWidth; var rowHero2Col = document.querySelector('.row-hero-2col'); var rowHero2ColImgCol = document.querySelector('.row-hero-2col-img-col'); /* Check if the browser width is wider than 890px */ if (windowWidth > 1800) { /* Calculate the percentage width that ".row-hero-2col" is taking up within the full browser window */ var percentageWidth = (rowHero2Col.offsetWidth / windowWidth) * 100; /* Set the background-image size for ".row-hero-2col-img-col" to the calculated percentage width */ rowHero2ColImgCol.style.backgroundSize = percentageWidth + '%'; rowHero2ColImgCol.style.backgroundPosition = 'center top'; }else if (windowWidth > 890) { rowHero2ColImgCol.style.backgroundSize = '123%'; rowHero2ColImgCol.style.backgroundPosition = '24% top'; }else{ /* SET TO 200vw FOR SMALLER SCREENS */ rowHero2ColImgCol.style.backgroundSize = '200vw'; rowHero2ColImgCol.style.backgroundPosition = 'left top'; } } handleResize(); window.addEventListener('resize', handleResize);
document.querySelectorAll('.flip-cards').forEach(flipCard => { let flipCardCount = flipCard.querySelectorAll('.column').length; flipCard.querySelectorAll('.column').forEach(column => { column.style.width = (90 / flipCardCount) + '%'; let card = document.createElement('div'); card.classList.add('card'); let cardInner = document.createElement('div'); cardInner.classList.add('inner'); let cardFront = document.createElement('div'); cardFront.classList.add('front'); let cardBack = document.createElement('div'); cardBack.classList.add('back'); cardFront.innerHTML = column.querySelector(':not(.contentbuilder-landingpage-richtext)').outerHTML; cardBack.innerHTML = column.querySelector('.contentbuilder-landingpage-richtext').outerHTML; let h2 = cardBack.querySelector('h2'); if(h2){ cardFront.appendChild(h2); } cardInner.appendChild(cardFront); cardInner.appendChild(cardBack); card.appendChild(cardInner); column.appendChild(card); column.querySelector(':not(.contentbuilder-landingpage-richtext)').remove(); column.querySelector('.contentbuilder-landingpage-richtext').remove(); }); });