/* =====================================================================================================================
THIS IS THE SASS COMPILE PROCESS ROUTINE.
=======================================================================================================================*/
/* RESET
=======================================================================================================================*/
/* =====================================================================================================================
THE RESET - resets all UA-Styles.
=======================================================================================================================*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  font-weight: normal;
  font-style: normal;
}

html,
body {
  height: 100%;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

body {
  line-height: 1;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

img {
  vertical-align: bottom;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

.edge nav ul {
  list-style-type: none;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

a:link,
a:hover,
a:visited {
  text-decoration: none;
}

ins {
  text-decoration: none;
}

mark {
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input, select {
  vertical-align: middle;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* @group browser */
/* Firefox Linkumrandung weg */
*|*:-moz-any-link:focus, select:focus {
  outline: none;
  border: none;
}

input:invalid,
input:focus {
  border: none;
  box-shadow: none;
}

/* Safari Feldumrandung weg */
input[type=text]:focus, input[type=search]:focus, input[type=password]:focus, textarea:focus, select:focus {
  outline: 0 none;
}

input:focus, textarea:focus {
  outline-width: 0;
}

/* IE-Schrott punktierte Linkumrandung weg */
a {
  outline: 0 none;
}

/* Library
=======================================================================================================================*/
/* =====================================================================================================================
THE LIBRARY - Mixins, Functions, Placeholders & stuff.
=======================================================================================================================*/
/* INSET ALIGNED ORDERED LIST
========================================================================================================================== */
/* A mixin for generating vendor prefixes on non-standardized properties.
========================================================================================================================== */
/* CSS cubic-bezier timing functions.
========================================================================================================================== */
/* CLEARFIX
=============================================================================================================================*/
.content_module {
  clear: both;
}

.clearfix {
  clear: both;
}

/* RESPONSIVE PROPERTY
=============================================================================================================================*/
/**
 * Format all Heading Elements
 */
/**
hyphenation
 */
.info_bubble, .header_visual_fullwindow_product .headline_to_fade_in, .header_newsdetail .headline, .header_news_overview .headline, .header_photos .headline, .header_slim_with_headline .headline, .header_media .headline, .header_apprenticeship .headline, .header_apprenticies .headline_to_fade_in, .header_jobinsertion .headline, .header_jobs .headline, .header_centers_detail .headline, .cm_fix_box_scroller .headline, .cm_application_process .headline, .cm_application_process .counter, .cm_application_process .label, .cm_visual_text .text, .cm_visual_text_pilatus_location .text, .cm_visual_text .headline, .cm_visual_text_pilatus_location .headline, .cm_facts .label, .cm_404 .headline, .cm_404 .text, .cm_feature_list .line, .media_cards_pdf_repeater .headline, .media_card_wallpaper_repeater .headline {
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

/*
	Distribute Transition Delay
 */
/*
	Control Darkmode according to system prefs
	@param $type light|dark default: light
 */
/* DEVTOOLS
=======================================================================================================================*/
/* =====================================================================================================================
DEVTOOLS
=======================================================================================================================*/
#devtools {
  position: fixed;
  left: 3px;
  bottom: 3px;
  height: 40px;
  width: 70px;
  font-family: sans-serif;
  font-size: 12px;
  background-color: rgba(165, 165, 165, 0.7);
  color: #ffffff;
  text-align: center;
  border-radius: 1%;
  cursor: pointer;
  z-index: 999999;
}

#devtools .main_container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  padding-top: 9px;
}

#devtools .switches {
  position: relative;
  left: 70px;
  overflow: hidden;
  width: 0;
  height: 40px;
  -webkit-transition: width 150ms linear;
  -moz-transition: width 150ms linear;
  transition: width 150ms linear;
  white-space: nowrap;
}

#devtools .switches.on {
  width: 288px;
}

#devtools .switches button {
  height: 40px;
  margin-right: 1px;
  width: 40px;
  color: #ffffff;
  background-color: rgba(165, 165, 165, 0.7);
  border-left: 1px solid transparent;
  display: inline-block;
  cursor: pointer;
}

#devtools .switches button.on {
  background-color: rgba(165, 165, 165, 0.9);
}

#devtools .close {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 10px;
  height: 10px;
  font-size: 8px;
  color: #383838;
  cursor: pointer;
}

#devtools:hover {
  background-color: rgba(165, 165, 165, 0.8);
}

#devtools.off {
  opacity: 0;
  bottom: -40px;
  -webkit-transition: all 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
  -moz-transition: all 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: all 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

#devtools #screenX, #devtools #screenY {
  font-size: 0.8em;
}

/* BreakPoint System, Spacing and Layout
=======================================================================================================================*/
/* =====================================================================================================================
six part breakpoint system config
=======================================================================================================================*/
/* =====================================================================================================================
GLOBAL BREAKPOINTS -  BPs should be coded right into respective objects...
=======================================================================================================================*/
@media (max-width: 767px) {
  .visible_screen_a {
    display: block;
  }
}

@media (min-width: 768px) {
  .visible_screen_a {
    display: none;
  }
}

@media (max-width: 767px) {
  .visible_screen_a_inline {
    display: inline-block;
  }
}

@media (min-width: 768px) {
  .visible_screen_a_inline {
    display: none;
  }
}

@media (max-width: 767px) {
  .visible_screen_a_inline {
    display: inline-block;
  }
}

@media (min-width: 768px) {
  .visible_screen_a_inline {
    display: none;
  }
}

@media (max-width: 1023px) {
  .visible_screen_a_and_b_inline {
    display: inline-block;
  }
}

@media (min-width: 1024px) {
  .visible_screen_a_and_b_inline {
    display: none;
  }
}

@media (max-width: 1023px) {
  .visible_screen_a_and_b {
    display: block;
  }
}

@media (min-width: 1024px) {
  .visible_screen_a_and_b {
    display: none;
  }
}

@media (max-width: 767px) {
  .visible_all_but_screen_a {
    display: none;
  }
}

@media (min-width: 768px) {
  .visible_all_but_screen_a {
    display: block;
  }
}

@media (max-width: 1023px) {
  .visible_all_but_screen_a_and_b {
    display: none;
  }
}

@media (min-width: 1024px) {
  .visible_all_but_screen_a_and_b {
    display: block;
  }
}

@media (max-width: 767px) {
  .visible_all_but_screen_a_inline {
    display: none;
  }
}

@media (min-width: 768px) {
  .visible_all_but_screen_a_inline {
    display: inline-block;
  }
}

@media (max-width: 1023px) {
  .visible_all_but_screen_a_and_b_inline {
    display: none;
  }
}

@media (min-width: 1024px) {
  .visible_all_but_screen_a_and_b_inline {
    display: inline-block;
  }
}

/* =====================================================================================================================
 Page Layout
/*=======================================================================================================================*/
@media (max-width: 767px) {
  .cm_formular, .msg_container {
    padding-left: 7%;
    padding-right: 7%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_formular, .msg_container {
    padding-left: 10%;
    padding-right: 10%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_formular, .msg_container {
    padding-left: 10%;
    padding-right: 10%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_formular, .msg_container {
    padding-left: 10%;
    padding-right: 10%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_formular, .msg_container {
    padding-left: 10%;
    padding-right: 10%;
  }
}

@media (min-width: 1860px) {
  .cm_formular, .msg_container {
    padding-left: 200px;
    padding-right: 200px;
  }
}

@media (max-width: 767px) {
  .page_controls_container, .footer, .page_tech_data, .entry-type-page-leadership-person .kategtitle, .entry-type-page-sales-and-service-centers .headline_types, .header_newsdetail, .header_news_overview, .header_photos, .header_slim_with_headline, .header_media, .header_apprenticeship, .header_jobinsertion, .header_jobs, .header:has(.header_jobs) .filter_container, .header_centers_detail, .sfc, .dragscroll, .cm_slideshow, .cm_text_wysiwyg, .cm_simples_bild, .cm_bild_mit_text_lr, .cm_bild_mit_wysiwyg_lr, .cm_logos, .cm_akkordeon, .cm_video, .cm_next_slider, .cm_fix_box_scroller, .cm_zwei_spalten_liste, .cm_kacheln, .cm_testimonial_gallery, .cm_teaser_cards, .cm_teaser_cards_airplane, .cm_features_icon_grid, .cm_teaser_box_text, .cm_application_process, .cm_headline_plus_cis, .cm_product_intro, .cm_person_large, .cm_leadership_teaser, .cm_visual_text, .cm_visual_text_pilatus_location, .cm_image_gallery_grid, .cm_news, .cm_scrollvideo, .cm_headline, .cm_text_editor, .cm_list_text_2_columns_scrolling, .cm_testimonial_text, .cm_facts, .cm_teaser_list_contact, .cm_cards_contact_locations, .cm_contact_footer, .cm_text_list, .cm_list_teaser, .cm_list_apprenticeships .headline, .cm_list_apprenticeships .btn_container, .cm_list_apprenticeships .list_item, .cm_recruiter, .cm_jobs .jobs_item, .cm_jobs .not_found_message, #lazy_baby_button_target, .cm_trainees_accordeon .headline, .cm_trainees_accordeon .button_bar, .cm_trainees_accordeon .icon, .cm_trainees_accordeon .akkordeon_btn, .cm_trainees_accordeon .akkordeon_content, .cm_fix_box_scroller_for_centers, .cm_centers_akkordeon .akkordeon_item .icon, .cm_centers_akkordeon .akkordeon_content, .cm_centers_akkordeon .centers_item .arrow_icon, .cm_404, .media_cards_pdf_repeater, .media_card_wallpaper_repeater {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .page_controls_container, .footer, .page_tech_data, .entry-type-page-leadership-person .kategtitle, .entry-type-page-sales-and-service-centers .headline_types, .header_newsdetail, .header_news_overview, .header_photos, .header_slim_with_headline, .header_media, .header_apprenticeship, .header_jobinsertion, .header_jobs, .header:has(.header_jobs) .filter_container, .header_centers_detail, .sfc, .dragscroll, .cm_slideshow, .cm_text_wysiwyg, .cm_simples_bild, .cm_bild_mit_text_lr, .cm_bild_mit_wysiwyg_lr, .cm_logos, .cm_akkordeon, .cm_video, .cm_next_slider, .cm_fix_box_scroller, .cm_zwei_spalten_liste, .cm_kacheln, .cm_testimonial_gallery, .cm_teaser_cards, .cm_teaser_cards_airplane, .cm_features_icon_grid, .cm_teaser_box_text, .cm_application_process, .cm_headline_plus_cis, .cm_product_intro, .cm_person_large, .cm_leadership_teaser, .cm_visual_text, .cm_visual_text_pilatus_location, .cm_image_gallery_grid, .cm_news, .cm_scrollvideo, .cm_headline, .cm_text_editor, .cm_list_text_2_columns_scrolling, .cm_testimonial_text, .cm_facts, .cm_teaser_list_contact, .cm_cards_contact_locations, .cm_contact_footer, .cm_text_list, .cm_list_teaser, .cm_list_apprenticeships .headline, .cm_list_apprenticeships .btn_container, .cm_list_apprenticeships .list_item, .cm_recruiter, .cm_jobs .jobs_item, .cm_jobs .not_found_message, #lazy_baby_button_target, .cm_trainees_accordeon .headline, .cm_trainees_accordeon .button_bar, .cm_trainees_accordeon .icon, .cm_trainees_accordeon .akkordeon_btn, .cm_trainees_accordeon .akkordeon_content, .cm_fix_box_scroller_for_centers, .cm_centers_akkordeon .akkordeon_item .icon, .cm_centers_akkordeon .akkordeon_content, .cm_centers_akkordeon .centers_item .arrow_icon, .cm_404, .media_cards_pdf_repeater, .media_card_wallpaper_repeater {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .page_controls_container, .footer, .page_tech_data, .entry-type-page-leadership-person .kategtitle, .entry-type-page-sales-and-service-centers .headline_types, .header_newsdetail, .header_news_overview, .header_photos, .header_slim_with_headline, .header_media, .header_apprenticeship, .header_jobinsertion, .header_jobs, .header:has(.header_jobs) .filter_container, .header_centers_detail, .sfc, .dragscroll, .cm_slideshow, .cm_text_wysiwyg, .cm_simples_bild, .cm_bild_mit_text_lr, .cm_bild_mit_wysiwyg_lr, .cm_logos, .cm_akkordeon, .cm_video, .cm_next_slider, .cm_fix_box_scroller, .cm_zwei_spalten_liste, .cm_kacheln, .cm_testimonial_gallery, .cm_teaser_cards, .cm_teaser_cards_airplane, .cm_features_icon_grid, .cm_teaser_box_text, .cm_application_process, .cm_headline_plus_cis, .cm_product_intro, .cm_person_large, .cm_leadership_teaser, .cm_visual_text, .cm_visual_text_pilatus_location, .cm_image_gallery_grid, .cm_news, .cm_scrollvideo, .cm_headline, .cm_text_editor, .cm_list_text_2_columns_scrolling, .cm_testimonial_text, .cm_facts, .cm_teaser_list_contact, .cm_cards_contact_locations, .cm_contact_footer, .cm_text_list, .cm_list_teaser, .cm_list_apprenticeships .headline, .cm_list_apprenticeships .btn_container, .cm_list_apprenticeships .list_item, .cm_recruiter, .cm_jobs .jobs_item, .cm_jobs .not_found_message, #lazy_baby_button_target, .cm_trainees_accordeon .headline, .cm_trainees_accordeon .button_bar, .cm_trainees_accordeon .icon, .cm_trainees_accordeon .akkordeon_btn, .cm_trainees_accordeon .akkordeon_content, .cm_fix_box_scroller_for_centers, .cm_centers_akkordeon .akkordeon_item .icon, .cm_centers_akkordeon .akkordeon_content, .cm_centers_akkordeon .centers_item .arrow_icon, .cm_404, .media_cards_pdf_repeater, .media_card_wallpaper_repeater {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .page_controls_container, .footer, .page_tech_data, .entry-type-page-leadership-person .kategtitle, .entry-type-page-sales-and-service-centers .headline_types, .header_newsdetail, .header_news_overview, .header_photos, .header_slim_with_headline, .header_media, .header_apprenticeship, .header_jobinsertion, .header_jobs, .header:has(.header_jobs) .filter_container, .header_centers_detail, .sfc, .dragscroll, .cm_slideshow, .cm_text_wysiwyg, .cm_simples_bild, .cm_bild_mit_text_lr, .cm_bild_mit_wysiwyg_lr, .cm_logos, .cm_akkordeon, .cm_video, .cm_next_slider, .cm_fix_box_scroller, .cm_zwei_spalten_liste, .cm_kacheln, .cm_testimonial_gallery, .cm_teaser_cards, .cm_teaser_cards_airplane, .cm_features_icon_grid, .cm_teaser_box_text, .cm_application_process, .cm_headline_plus_cis, .cm_product_intro, .cm_person_large, .cm_leadership_teaser, .cm_visual_text, .cm_visual_text_pilatus_location, .cm_image_gallery_grid, .cm_news, .cm_scrollvideo, .cm_headline, .cm_text_editor, .cm_list_text_2_columns_scrolling, .cm_testimonial_text, .cm_facts, .cm_teaser_list_contact, .cm_cards_contact_locations, .cm_contact_footer, .cm_text_list, .cm_list_teaser, .cm_list_apprenticeships .headline, .cm_list_apprenticeships .btn_container, .cm_list_apprenticeships .list_item, .cm_recruiter, .cm_jobs .jobs_item, .cm_jobs .not_found_message, #lazy_baby_button_target, .cm_trainees_accordeon .headline, .cm_trainees_accordeon .button_bar, .cm_trainees_accordeon .icon, .cm_trainees_accordeon .akkordeon_btn, .cm_trainees_accordeon .akkordeon_content, .cm_fix_box_scroller_for_centers, .cm_centers_akkordeon .akkordeon_item .icon, .cm_centers_akkordeon .akkordeon_content, .cm_centers_akkordeon .centers_item .arrow_icon, .cm_404, .media_cards_pdf_repeater, .media_card_wallpaper_repeater {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .page_controls_container, .footer, .page_tech_data, .entry-type-page-leadership-person .kategtitle, .entry-type-page-sales-and-service-centers .headline_types, .header_newsdetail, .header_news_overview, .header_photos, .header_slim_with_headline, .header_media, .header_apprenticeship, .header_jobinsertion, .header_jobs, .header:has(.header_jobs) .filter_container, .header_centers_detail, .sfc, .dragscroll, .cm_slideshow, .cm_text_wysiwyg, .cm_simples_bild, .cm_bild_mit_text_lr, .cm_bild_mit_wysiwyg_lr, .cm_logos, .cm_akkordeon, .cm_video, .cm_next_slider, .cm_fix_box_scroller, .cm_zwei_spalten_liste, .cm_kacheln, .cm_testimonial_gallery, .cm_teaser_cards, .cm_teaser_cards_airplane, .cm_features_icon_grid, .cm_teaser_box_text, .cm_application_process, .cm_headline_plus_cis, .cm_product_intro, .cm_person_large, .cm_leadership_teaser, .cm_visual_text, .cm_visual_text_pilatus_location, .cm_image_gallery_grid, .cm_news, .cm_scrollvideo, .cm_headline, .cm_text_editor, .cm_list_text_2_columns_scrolling, .cm_testimonial_text, .cm_facts, .cm_teaser_list_contact, .cm_cards_contact_locations, .cm_contact_footer, .cm_text_list, .cm_list_teaser, .cm_list_apprenticeships .headline, .cm_list_apprenticeships .btn_container, .cm_list_apprenticeships .list_item, .cm_recruiter, .cm_jobs .jobs_item, .cm_jobs .not_found_message, #lazy_baby_button_target, .cm_trainees_accordeon .headline, .cm_trainees_accordeon .button_bar, .cm_trainees_accordeon .icon, .cm_trainees_accordeon .akkordeon_btn, .cm_trainees_accordeon .akkordeon_content, .cm_fix_box_scroller_for_centers, .cm_centers_akkordeon .akkordeon_item .icon, .cm_centers_akkordeon .akkordeon_content, .cm_centers_akkordeon .centers_item .arrow_icon, .cm_404, .media_cards_pdf_repeater, .media_card_wallpaper_repeater {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media (min-width: 1860px) {
  .page_controls_container, .footer, .page_tech_data, .entry-type-page-leadership-person .kategtitle, .entry-type-page-sales-and-service-centers .headline_types, .header_newsdetail, .header_news_overview, .header_photos, .header_slim_with_headline, .header_media, .header_apprenticeship, .header_jobinsertion, .header_jobs, .header:has(.header_jobs) .filter_container, .header_centers_detail, .sfc, .dragscroll, .cm_slideshow, .cm_text_wysiwyg, .cm_simples_bild, .cm_bild_mit_text_lr, .cm_bild_mit_wysiwyg_lr, .cm_logos, .cm_akkordeon, .cm_video, .cm_next_slider, .cm_fix_box_scroller, .cm_zwei_spalten_liste, .cm_kacheln, .cm_testimonial_gallery, .cm_teaser_cards, .cm_teaser_cards_airplane, .cm_features_icon_grid, .cm_teaser_box_text, .cm_application_process, .cm_headline_plus_cis, .cm_product_intro, .cm_person_large, .cm_leadership_teaser, .cm_visual_text, .cm_visual_text_pilatus_location, .cm_image_gallery_grid, .cm_news, .cm_scrollvideo, .cm_headline, .cm_text_editor, .cm_list_text_2_columns_scrolling, .cm_testimonial_text, .cm_facts, .cm_teaser_list_contact, .cm_cards_contact_locations, .cm_contact_footer, .cm_text_list, .cm_list_teaser, .cm_list_apprenticeships .headline, .cm_list_apprenticeships .btn_container, .cm_list_apprenticeships .list_item, .cm_recruiter, .cm_jobs .jobs_item, .cm_jobs .not_found_message, #lazy_baby_button_target, .cm_trainees_accordeon .headline, .cm_trainees_accordeon .button_bar, .cm_trainees_accordeon .icon, .cm_trainees_accordeon .akkordeon_btn, .cm_trainees_accordeon .akkordeon_content, .cm_fix_box_scroller_for_centers, .cm_centers_akkordeon .akkordeon_item .icon, .cm_centers_akkordeon .akkordeon_content, .cm_centers_akkordeon .centers_item .arrow_icon, .cm_404, .media_cards_pdf_repeater, .media_card_wallpaper_repeater {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media (max-width: 767px) {
  .cm_centers_akkordeon .text_container, .cm_centers_akkordeon .akkordeon_btn {
    padding-left: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_centers_akkordeon .text_container, .cm_centers_akkordeon .akkordeon_btn {
    padding-left: 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_centers_akkordeon .text_container, .cm_centers_akkordeon .akkordeon_btn {
    padding-left: 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_centers_akkordeon .text_container, .cm_centers_akkordeon .akkordeon_btn {
    padding-left: 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_centers_akkordeon .text_container, .cm_centers_akkordeon .akkordeon_btn {
    padding-left: 40px;
  }
}

@media (min-width: 1860px) {
  .cm_centers_akkordeon .text_container, .cm_centers_akkordeon .akkordeon_btn {
    padding-left: 40px;
  }
}

/* =====================================================================================================================
THE VERTICAL SPACING SYSTEM
=======================================================================================================================*/
@media (max-width: 767px) {
  .space_padding-top_big {
    padding-top: 100px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .space_padding-top_big {
    padding-top: 120px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .space_padding-top_big {
    padding-top: 150px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .space_padding-top_big {
    padding-top: 200px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .space_padding-top_big {
    padding-top: 240px;
  }
}

@media (min-width: 1860px) {
  .space_padding-top_big {
    padding-top: 300px;
  }
}

@media (max-width: 767px) {
  .space_padding-top_medium {
    padding-top: 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .space_padding-top_medium {
    padding-top: 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .space_padding-top_medium {
    padding-top: 105px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .space_padding-top_medium {
    padding-top: 130px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .space_padding-top_medium {
    padding-top: 160px;
  }
}

@media (min-width: 1860px) {
  .space_padding-top_medium {
    padding-top: 200px;
  }
}

@media (max-width: 767px) {
  .space_padding-top_regular {
    padding-top: 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .space_padding-top_regular {
    padding-top: 65px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .space_padding-top_regular {
    padding-top: 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .space_padding-top_regular {
    padding-top: 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .space_padding-top_regular {
    padding-top: 120px;
  }
}

@media (min-width: 1860px) {
  .space_padding-top_regular {
    padding-top: 140px;
  }
}

@media (max-width: 767px) {
  .space_padding-top_small {
    padding-top: 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .space_padding-top_small {
    padding-top: 45px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .space_padding-top_small {
    padding-top: 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .space_padding-top_small {
    padding-top: 55px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .space_padding-top_small {
    padding-top: 60px;
  }
}

@media (min-width: 1860px) {
  .space_padding-top_small {
    padding-top: 70px;
  }
}

@media (max-width: 767px) {
  .space_padding-bottom_big, .entry-type-page-media-for-pdfs-and-wallpapers .inner_main {
    padding-bottom: 100px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .space_padding-bottom_big, .entry-type-page-media-for-pdfs-and-wallpapers .inner_main {
    padding-bottom: 120px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .space_padding-bottom_big, .entry-type-page-media-for-pdfs-and-wallpapers .inner_main {
    padding-bottom: 150px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .space_padding-bottom_big, .entry-type-page-media-for-pdfs-and-wallpapers .inner_main {
    padding-bottom: 200px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .space_padding-bottom_big, .entry-type-page-media-for-pdfs-and-wallpapers .inner_main {
    padding-bottom: 240px;
  }
}

@media (min-width: 1860px) {
  .space_padding-bottom_big, .entry-type-page-media-for-pdfs-and-wallpapers .inner_main {
    padding-bottom: 300px;
  }
}

@media (max-width: 767px) {
  .space_padding-bottom_medium {
    padding-bottom: 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .space_padding-bottom_medium {
    padding-bottom: 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .space_padding-bottom_medium {
    padding-bottom: 105px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .space_padding-bottom_medium {
    padding-bottom: 130px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .space_padding-bottom_medium {
    padding-bottom: 160px;
  }
}

@media (min-width: 1860px) {
  .space_padding-bottom_medium {
    padding-bottom: 200px;
  }
}

@media (max-width: 767px) {
  .space_padding-bottom_regular {
    padding-bottom: 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .space_padding-bottom_regular {
    padding-bottom: 65px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .space_padding-bottom_regular {
    padding-bottom: 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .space_padding-bottom_regular {
    padding-bottom: 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .space_padding-bottom_regular {
    padding-bottom: 120px;
  }
}

@media (min-width: 1860px) {
  .space_padding-bottom_regular {
    padding-bottom: 140px;
  }
}

@media (max-width: 767px) {
  .space_padding-bottom_small {
    padding-bottom: 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .space_padding-bottom_small {
    padding-bottom: 45px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .space_padding-bottom_small {
    padding-bottom: 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .space_padding-bottom_small {
    padding-bottom: 55px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .space_padding-bottom_small {
    padding-bottom: 60px;
  }
}

@media (min-width: 1860px) {
  .space_padding-bottom_small {
    padding-bottom: 70px;
  }
}

@media (max-width: 767px) {
  .space_margin-top_big {
    margin-top: 100px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .space_margin-top_big {
    margin-top: 120px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .space_margin-top_big {
    margin-top: 150px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .space_margin-top_big {
    margin-top: 200px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .space_margin-top_big {
    margin-top: 240px;
  }
}

@media (min-width: 1860px) {
  .space_margin-top_big {
    margin-top: 300px;
  }
}

@media (max-width: 767px) {
  .space_margin-top_medium {
    margin-top: 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .space_margin-top_medium {
    margin-top: 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .space_margin-top_medium {
    margin-top: 105px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .space_margin-top_medium {
    margin-top: 130px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .space_margin-top_medium {
    margin-top: 160px;
  }
}

@media (min-width: 1860px) {
  .space_margin-top_medium {
    margin-top: 200px;
  }
}

@media (max-width: 767px) {
  .space_margin-top_regular {
    margin-top: 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .space_margin-top_regular {
    margin-top: 65px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .space_margin-top_regular {
    margin-top: 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .space_margin-top_regular {
    margin-top: 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .space_margin-top_regular {
    margin-top: 120px;
  }
}

@media (min-width: 1860px) {
  .space_margin-top_regular {
    margin-top: 140px;
  }
}

@media (max-width: 767px) {
  .space_margin-top_small {
    margin-top: 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .space_margin-top_small {
    margin-top: 45px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .space_margin-top_small {
    margin-top: 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .space_margin-top_small {
    margin-top: 55px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .space_margin-top_small {
    margin-top: 60px;
  }
}

@media (min-width: 1860px) {
  .space_margin-top_small {
    margin-top: 70px;
  }
}

@media (max-width: 767px) {
  .space_margin-bottom_big {
    margin-bottom: 100px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .space_margin-bottom_big {
    margin-bottom: 120px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .space_margin-bottom_big {
    margin-bottom: 150px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .space_margin-bottom_big {
    margin-bottom: 200px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .space_margin-bottom_big {
    margin-bottom: 240px;
  }
}

@media (min-width: 1860px) {
  .space_margin-bottom_big {
    margin-bottom: 300px;
  }
}

@media (max-width: 767px) {
  .space_margin-bottom_medium {
    margin-bottom: 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .space_margin-bottom_medium {
    margin-bottom: 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .space_margin-bottom_medium {
    margin-bottom: 105px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .space_margin-bottom_medium {
    margin-bottom: 130px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .space_margin-bottom_medium {
    margin-bottom: 160px;
  }
}

@media (min-width: 1860px) {
  .space_margin-bottom_medium {
    margin-bottom: 200px;
  }
}

@media (max-width: 767px) {
  .space_margin-bottom_regular {
    margin-bottom: 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .space_margin-bottom_regular {
    margin-bottom: 65px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .space_margin-bottom_regular {
    margin-bottom: 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .space_margin-bottom_regular {
    margin-bottom: 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .space_margin-bottom_regular {
    margin-bottom: 120px;
  }
}

@media (min-width: 1860px) {
  .space_margin-bottom_regular {
    margin-bottom: 140px;
  }
}

@media (max-width: 767px) {
  .space_margin-bottom_small {
    margin-bottom: 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .space_margin-bottom_small {
    margin-bottom: 45px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .space_margin-bottom_small {
    margin-bottom: 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .space_margin-bottom_small {
    margin-bottom: 55px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .space_margin-bottom_small {
    margin-bottom: 60px;
  }
}

@media (min-width: 1860px) {
  .space_margin-bottom_small {
    margin-bottom: 70px;
  }
}

/* =====================================================================================================================
THE HELPERS - all the small stuff for a liitle convenience
=======================================================================================================================*/
@media screen and (max-width: 767px) {
  .visible_desktop {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .visible_phone {
    display: none;
  }
}

/* DEFAULT - asset page design
=======================================================================================================================*/
.assets {
  position: relative;
  padding: 20px;
  margin-bottom: 1px;
}

.assets.dark {
  background-color: #1d1d1d;
}

.assets .assets_title {
  color: gray;
  font-size: 16px;
  margin-bottom: 20px;
}

.assets h2, .assets p {
  margin-bottom: 40px;
}

.assetpage_title {
  padding: 20px;
  font-size: 60px;
  white-space: nowrap;
}

/* Content Module Defaults
=======================================================================================================================*/
/* =====================================================================================================================
CONTENT MODULE
=======================================================================================================================*/
.content_module {
  position: relative;
}

/* Colors & Typography
=======================================================================================================================*/
/* =====================================================================================================================
THIS IS THE COLOR COLLECTION - define all colors here and avoid to define some elsewhere.
=======================================================================================================================*/
/* BASICS - not nessecarily used in site design
=======================================================================================================================*/
/* PRIMARY SITE COLORS - the main colors and uses
=======================================================================================================================*/
svg path.orange {
  fill: #ef7d19 !important;
}

/* =====================================================================================================================
THE FONTS - all the locally hosted typo stuff you'll ever do. CDN-Fonts go into header.php but will be scaffolded here.
=======================================================================================================================*/
/* GET THE FONTS [@font-face mixin >> see lib.scss]
=======================================================================================================================*/
@font-face {
  font-family: "font_bold";
  font-weight: bold;
  src: url("../fnt/ITCFranklinGothicStd-MdCd.otf") format("opentype");
}

@font-face {
  font-family: "font_facts";
  font-weight: facts;
  src: url("../fnt/ITCFranklinGothicStd-BkCp.otf") format("opentype");
}

@font-face {
  font-family: "font_regular";
  font-weight: regular;
  src: url("../fnt/ITCFranklinGothicStd-BkCd.otf") format("opentype");
}

/* BUILD ALL THE STYLES YOU NEED - they'll be packed into <p>'s & stuff and positioned in typo.scss
=======================================================================================================================*/
.headline1_bold, .headline2_bold, .headline3_bold, .headline4_bold, .headline5_bold, .text1_bold, .text2_bold, .text3_bold, .header_media .headline_container p strong, .text4_bold, .text5_bold, .cm_fix_box_scroller .text_container .image_gallery_container .media_downloads_enabler .btn_pill .label, #lazy_baby_button_target .btn_pill .label, .text6_bold, .text7_bold, .entry-type-page-news .blog_content strong, .cm_text_wysiwyg strong, .cm_bild_mit_wysiwyg_lr strong, .cm_akkordeon .text_container strong, .cm_fix_box_scroller .text_container strong, .cm_fix_box_scroller .table strong, .cm_zwei_spalten_liste .list_item strong, .cm_text_editor strong, .cm_list_text_2_columns_scrolling .items_container strong, .cm_text_list .item_content strong, .cm_fix_box_scroller_for_centers .text_container strong, .media_cards_pdf_repeater .text_container strong, .media_cards_pdf_repeater .table strong, .media_card_wallpaper_repeater .text_container strong, .media_card_wallpaper_repeater .table strong {
  font-family: 'font_bold', sans-serif;
}

.headline1, .headline2, .headline3, .headline4, .headline5, .text1, .text1-1, .text2, .text3, .person_image_fallback .initials, .entry-type-page-news .blog_content li::marker, .entry-type-page-news .blog_content li:not(.text3), .header_media .headline_container p, .cm_text_wysiwyg li::marker, .cm_text_wysiwyg li:not(.text3), .cm_bild_mit_wysiwyg_lr li::marker, .cm_bild_mit_wysiwyg_lr li:not(.text3), .cm_akkordeon .text_container li::marker, .cm_akkordeon .text_container li:not(.text3), .cm_fix_box_scroller .text_container li::marker, .cm_fix_box_scroller .table li::marker, .cm_fix_box_scroller .text_container li:not(.text3), .cm_fix_box_scroller .table li:not(.text3), .cm_zwei_spalten_liste .list_item li::marker, .cm_zwei_spalten_liste .list_item li:not(.text3), .cm_text_editor li::marker, .cm_text_editor li:not(.text3), .cm_list_text_2_columns_scrolling .items_container li::marker, .cm_list_text_2_columns_scrolling .items_container li:not(.text3), .cm_text_list .list_item, .cm_text_list .item_content li::marker, .cm_text_list .item_content li:not(.text3), .cm_text_list .item_content p, .cm_fix_box_scroller_for_centers .text_container li::marker, .cm_fix_box_scroller_for_centers .text_container li:not(.text3), .media_cards_pdf_repeater .text_container li::marker, .media_cards_pdf_repeater .table li::marker, .media_cards_pdf_repeater .text_container li:not(.text3), .media_cards_pdf_repeater .table li:not(.text3), .media_card_wallpaper_repeater .text_container li::marker, .media_card_wallpaper_repeater .table li::marker, .media_card_wallpaper_repeater .text_container li:not(.text3), .media_card_wallpaper_repeater .table li:not(.text3), .text3-1, .cm_trainees_accordeon .akkordeon_content p, .text4, .cm_list_text_2_columns_scrolling .items_container p, .text5, .text6, .langswitch_select, .elem_checkbox label.css-label, .map_search_widget .label_mylocation, .map_search_widget .label_select_aircraft, .info_bubble, .text7, .btn_pill_radio label, .nav1, .nav2 {
  font-family: 'font_regular', sans-serif;
}

.facts1, .facts2, .facts3 {
  font-family: 'font_facts', sans-serif;
}

/* =====================================================================================================================
THE TYPO
=======================================================================================================================*/
@media (min-width: 1860px) {
  .headline1_bold {
    font-size: 108px;
    line-height: 100%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .headline1_bold {
    font-size: 96px;
    line-height: 100%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .headline1_bold {
    font-size: 84px;
    line-height: 100%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .headline1_bold {
    font-size: 72px;
    line-height: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .headline1_bold {
    font-size: 60px;
    line-height: 100%;
  }
}

@media (max-width: 767px) {
  .headline1_bold {
    font-size: 48px;
    line-height: 100%;
  }
}

@media (min-width: 1860px) {
  .headline1 {
    font-size: 108px;
    line-height: 100%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .headline1 {
    font-size: 96px;
    line-height: 100%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .headline1 {
    font-size: 84px;
    line-height: 100%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .headline1 {
    font-size: 72px;
    line-height: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .headline1 {
    font-size: 60px;
    line-height: 100%;
  }
}

@media (max-width: 767px) {
  .headline1 {
    font-size: 48px;
    line-height: 100%;
  }
}

@media (min-width: 1860px) {
  .headline2_bold {
    font-size: 90px;
    line-height: 100%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .headline2_bold {
    font-size: 80px;
    line-height: 100%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .headline2_bold {
    font-size: 70px;
    line-height: 100%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .headline2_bold {
    font-size: 60px;
    line-height: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .headline2_bold {
    font-size: 50px;
    line-height: 100%;
  }
}

@media (max-width: 767px) {
  .headline2_bold {
    font-size: 40px;
    line-height: 100%;
  }
}

@media (min-width: 1860px) {
  .headline2 {
    font-size: 90px;
    line-height: 100%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .headline2 {
    font-size: 80px;
    line-height: 100%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .headline2 {
    font-size: 70px;
    line-height: 100%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .headline2 {
    font-size: 60px;
    line-height: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .headline2 {
    font-size: 50px;
    line-height: 100%;
  }
}

@media (max-width: 767px) {
  .headline2 {
    font-size: 40px;
    line-height: 100%;
  }
}

@media (min-width: 1860px) {
  .headline3_bold {
    font-size: 76px;
    line-height: 100%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .headline3_bold {
    font-size: 68px;
    line-height: 100%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .headline3_bold {
    font-size: 60px;
    line-height: 100%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .headline3_bold {
    font-size: 52px;
    line-height: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .headline3_bold {
    font-size: 44px;
    line-height: 100%;
  }
}

@media (max-width: 767px) {
  .headline3_bold {
    font-size: 36px;
    line-height: 100%;
  }
}

@media (min-width: 1860px) {
  .headline3 {
    font-size: 76px;
    line-height: 100%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .headline3 {
    font-size: 68px;
    line-height: 100%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .headline3 {
    font-size: 60px;
    line-height: 100%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .headline3 {
    font-size: 52px;
    line-height: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .headline3 {
    font-size: 44px;
    line-height: 100%;
  }
}

@media (max-width: 767px) {
  .headline3 {
    font-size: 36px;
    line-height: 100%;
  }
}

@media (min-width: 1860px) {
  .headline4_bold {
    font-size: 62px;
    line-height: 100%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .headline4_bold {
    font-size: 56px;
    line-height: 100%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .headline4_bold {
    font-size: 50px;
    line-height: 100%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .headline4_bold {
    font-size: 44px;
    line-height: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .headline4_bold {
    font-size: 38px;
    line-height: 100%;
  }
}

@media (max-width: 767px) {
  .headline4_bold {
    font-size: 32px;
    line-height: 100%;
  }
}

@media (min-width: 1860px) {
  .headline4 {
    font-size: 62px;
    line-height: 100%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .headline4 {
    font-size: 56px;
    line-height: 100%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .headline4 {
    font-size: 50px;
    line-height: 100%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .headline4 {
    font-size: 44px;
    line-height: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .headline4 {
    font-size: 38px;
    line-height: 100%;
  }
}

@media (max-width: 767px) {
  .headline4 {
    font-size: 32px;
    line-height: 100%;
  }
}

@media (min-width: 1860px) {
  .headline5_bold {
    font-size: 48px;
    line-height: 100%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .headline5_bold {
    font-size: 44px;
    line-height: 100%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .headline5_bold {
    font-size: 40px;
    line-height: 100%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .headline5_bold {
    font-size: 36px;
    line-height: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .headline5_bold {
    font-size: 32px;
    line-height: 100%;
  }
}

@media (max-width: 767px) {
  .headline5_bold {
    font-size: 28px;
    line-height: 100%;
  }
}

@media (min-width: 1860px) {
  .headline5 {
    font-size: 48px;
    line-height: 100%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .headline5 {
    font-size: 44px;
    line-height: 100%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .headline5 {
    font-size: 40px;
    line-height: 100%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .headline5 {
    font-size: 36px;
    line-height: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .headline5 {
    font-size: 32px;
    line-height: 100%;
  }
}

@media (max-width: 767px) {
  .headline5 {
    font-size: 28px;
    line-height: 100%;
  }
}

@media (min-width: 1860px) {
  .facts1 {
    font-size: 120px;
    line-height: 100%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .facts1 {
    font-size: 108px;
    line-height: 100%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .facts1 {
    font-size: 96px;
    line-height: 100%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .facts1 {
    font-size: 84px;
    line-height: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .facts1 {
    font-size: 72px;
    line-height: 100%;
  }
}

@media (max-width: 767px) {
  .facts1 {
    font-size: 60px;
    line-height: 100%;
  }
}

@media (min-width: 1860px) {
  .facts2 {
    font-size: 76px;
    line-height: 100%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .facts2 {
    font-size: 68px;
    line-height: 100%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .facts2 {
    font-size: 60px;
    line-height: 100%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .facts2 {
    font-size: 52px;
    line-height: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .facts2 {
    font-size: 44px;
    line-height: 100%;
  }
}

@media (max-width: 767px) {
  .facts2 {
    font-size: 36px;
    line-height: 100%;
  }
}

@media (min-width: 1860px) {
  .text1_bold {
    font-size: 38px;
    line-height: 120%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .text1_bold {
    font-size: 35.6px;
    line-height: 120%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .text1_bold {
    font-size: 33.2px;
    line-height: 120%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .text1_bold {
    font-size: 30.8px;
    line-height: 120%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .text1_bold {
    font-size: 28.4px;
    line-height: 120%;
  }
}

@media (max-width: 767px) {
  .text1_bold {
    font-size: 26px;
    line-height: 120%;
  }
}

@media (min-width: 1860px) {
  .text1 {
    font-size: 38px;
    line-height: 120%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .text1 {
    font-size: 35.6px;
    line-height: 120%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .text1 {
    font-size: 33.2px;
    line-height: 120%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .text1 {
    font-size: 30.8px;
    line-height: 120%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .text1 {
    font-size: 28.4px;
    line-height: 120%;
  }
}

@media (max-width: 767px) {
  .text1 {
    font-size: 26px;
    line-height: 120%;
  }
}

@media (min-width: 1860px) {
  .text1-1 {
    font-size: 38px;
    line-height: 100%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .text1-1 {
    font-size: 35.6px;
    line-height: 100%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .text1-1 {
    font-size: 33.2px;
    line-height: 100%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .text1-1 {
    font-size: 30.8px;
    line-height: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .text1-1 {
    font-size: 28.4px;
    line-height: 100%;
  }
}

@media (max-width: 767px) {
  .text1-1 {
    font-size: 26px;
    line-height: 100%;
  }
}

@media (min-width: 1860px) {
  .text2_bold {
    font-size: 32px;
    line-height: 120%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .text2_bold {
    font-size: 30px;
    line-height: 120%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .text2_bold {
    font-size: 28px;
    line-height: 120%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .text2_bold {
    font-size: 26px;
    line-height: 120%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .text2_bold {
    font-size: 24px;
    line-height: 120%;
  }
}

@media (max-width: 767px) {
  .text2_bold {
    font-size: 22px;
    line-height: 120%;
  }
}

@media (min-width: 1860px) {
  .text2 {
    font-size: 32px;
    line-height: 120%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .text2 {
    font-size: 30px;
    line-height: 120%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .text2 {
    font-size: 28px;
    line-height: 120%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .text2 {
    font-size: 26px;
    line-height: 120%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .text2 {
    font-size: 24px;
    line-height: 120%;
  }
}

@media (max-width: 767px) {
  .text2 {
    font-size: 22px;
    line-height: 120%;
  }
}

@media (min-width: 1860px) {
  .text3_bold, .header_media .headline_container p strong {
    font-size: 28px;
    line-height: 140%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .text3_bold, .header_media .headline_container p strong {
    font-size: 26.4px;
    line-height: 140%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .text3_bold, .header_media .headline_container p strong {
    font-size: 24.8px;
    line-height: 140%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .text3_bold, .header_media .headline_container p strong {
    font-size: 23.2px;
    line-height: 140%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .text3_bold, .header_media .headline_container p strong {
    font-size: 21.6px;
    line-height: 140%;
  }
}

@media (max-width: 767px) {
  .text3_bold, .header_media .headline_container p strong {
    font-size: 20px;
    line-height: 140%;
  }
}

@media (min-width: 1860px) {
  .text3, .person_image_fallback .initials, .entry-type-page-news .blog_content li::marker, .entry-type-page-news .blog_content li:not(.text3), .header_media .headline_container p, .cm_text_wysiwyg li::marker, .cm_text_wysiwyg li:not(.text3), .cm_bild_mit_wysiwyg_lr li::marker, .cm_bild_mit_wysiwyg_lr li:not(.text3), .cm_akkordeon .text_container li::marker, .cm_akkordeon .text_container li:not(.text3), .cm_fix_box_scroller .text_container li::marker, .cm_fix_box_scroller .table li::marker, .cm_fix_box_scroller .text_container li:not(.text3), .cm_fix_box_scroller .table li:not(.text3), .cm_zwei_spalten_liste .list_item li::marker, .cm_zwei_spalten_liste .list_item li:not(.text3), .cm_text_editor li::marker, .cm_text_editor li:not(.text3), .cm_list_text_2_columns_scrolling .items_container li::marker, .cm_list_text_2_columns_scrolling .items_container li:not(.text3), .cm_text_list .list_item, .cm_text_list .item_content li::marker, .cm_text_list .item_content li:not(.text3), .cm_text_list .item_content p, .cm_fix_box_scroller_for_centers .text_container li::marker, .cm_fix_box_scroller_for_centers .text_container li:not(.text3), .media_cards_pdf_repeater .text_container li::marker, .media_cards_pdf_repeater .table li::marker, .media_cards_pdf_repeater .text_container li:not(.text3), .media_cards_pdf_repeater .table li:not(.text3), .media_card_wallpaper_repeater .text_container li::marker, .media_card_wallpaper_repeater .table li::marker, .media_card_wallpaper_repeater .text_container li:not(.text3), .media_card_wallpaper_repeater .table li:not(.text3) {
    font-size: 28px;
    line-height: 140%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .text3, .person_image_fallback .initials, .entry-type-page-news .blog_content li::marker, .entry-type-page-news .blog_content li:not(.text3), .header_media .headline_container p, .cm_text_wysiwyg li::marker, .cm_text_wysiwyg li:not(.text3), .cm_bild_mit_wysiwyg_lr li::marker, .cm_bild_mit_wysiwyg_lr li:not(.text3), .cm_akkordeon .text_container li::marker, .cm_akkordeon .text_container li:not(.text3), .cm_fix_box_scroller .text_container li::marker, .cm_fix_box_scroller .table li::marker, .cm_fix_box_scroller .text_container li:not(.text3), .cm_fix_box_scroller .table li:not(.text3), .cm_zwei_spalten_liste .list_item li::marker, .cm_zwei_spalten_liste .list_item li:not(.text3), .cm_text_editor li::marker, .cm_text_editor li:not(.text3), .cm_list_text_2_columns_scrolling .items_container li::marker, .cm_list_text_2_columns_scrolling .items_container li:not(.text3), .cm_text_list .list_item, .cm_text_list .item_content li::marker, .cm_text_list .item_content li:not(.text3), .cm_text_list .item_content p, .cm_fix_box_scroller_for_centers .text_container li::marker, .cm_fix_box_scroller_for_centers .text_container li:not(.text3), .media_cards_pdf_repeater .text_container li::marker, .media_cards_pdf_repeater .table li::marker, .media_cards_pdf_repeater .text_container li:not(.text3), .media_cards_pdf_repeater .table li:not(.text3), .media_card_wallpaper_repeater .text_container li::marker, .media_card_wallpaper_repeater .table li::marker, .media_card_wallpaper_repeater .text_container li:not(.text3), .media_card_wallpaper_repeater .table li:not(.text3) {
    font-size: 26.4px;
    line-height: 140%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .text3, .person_image_fallback .initials, .entry-type-page-news .blog_content li::marker, .entry-type-page-news .blog_content li:not(.text3), .header_media .headline_container p, .cm_text_wysiwyg li::marker, .cm_text_wysiwyg li:not(.text3), .cm_bild_mit_wysiwyg_lr li::marker, .cm_bild_mit_wysiwyg_lr li:not(.text3), .cm_akkordeon .text_container li::marker, .cm_akkordeon .text_container li:not(.text3), .cm_fix_box_scroller .text_container li::marker, .cm_fix_box_scroller .table li::marker, .cm_fix_box_scroller .text_container li:not(.text3), .cm_fix_box_scroller .table li:not(.text3), .cm_zwei_spalten_liste .list_item li::marker, .cm_zwei_spalten_liste .list_item li:not(.text3), .cm_text_editor li::marker, .cm_text_editor li:not(.text3), .cm_list_text_2_columns_scrolling .items_container li::marker, .cm_list_text_2_columns_scrolling .items_container li:not(.text3), .cm_text_list .list_item, .cm_text_list .item_content li::marker, .cm_text_list .item_content li:not(.text3), .cm_text_list .item_content p, .cm_fix_box_scroller_for_centers .text_container li::marker, .cm_fix_box_scroller_for_centers .text_container li:not(.text3), .media_cards_pdf_repeater .text_container li::marker, .media_cards_pdf_repeater .table li::marker, .media_cards_pdf_repeater .text_container li:not(.text3), .media_cards_pdf_repeater .table li:not(.text3), .media_card_wallpaper_repeater .text_container li::marker, .media_card_wallpaper_repeater .table li::marker, .media_card_wallpaper_repeater .text_container li:not(.text3), .media_card_wallpaper_repeater .table li:not(.text3) {
    font-size: 24.8px;
    line-height: 140%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .text3, .person_image_fallback .initials, .entry-type-page-news .blog_content li::marker, .entry-type-page-news .blog_content li:not(.text3), .header_media .headline_container p, .cm_text_wysiwyg li::marker, .cm_text_wysiwyg li:not(.text3), .cm_bild_mit_wysiwyg_lr li::marker, .cm_bild_mit_wysiwyg_lr li:not(.text3), .cm_akkordeon .text_container li::marker, .cm_akkordeon .text_container li:not(.text3), .cm_fix_box_scroller .text_container li::marker, .cm_fix_box_scroller .table li::marker, .cm_fix_box_scroller .text_container li:not(.text3), .cm_fix_box_scroller .table li:not(.text3), .cm_zwei_spalten_liste .list_item li::marker, .cm_zwei_spalten_liste .list_item li:not(.text3), .cm_text_editor li::marker, .cm_text_editor li:not(.text3), .cm_list_text_2_columns_scrolling .items_container li::marker, .cm_list_text_2_columns_scrolling .items_container li:not(.text3), .cm_text_list .list_item, .cm_text_list .item_content li::marker, .cm_text_list .item_content li:not(.text3), .cm_text_list .item_content p, .cm_fix_box_scroller_for_centers .text_container li::marker, .cm_fix_box_scroller_for_centers .text_container li:not(.text3), .media_cards_pdf_repeater .text_container li::marker, .media_cards_pdf_repeater .table li::marker, .media_cards_pdf_repeater .text_container li:not(.text3), .media_cards_pdf_repeater .table li:not(.text3), .media_card_wallpaper_repeater .text_container li::marker, .media_card_wallpaper_repeater .table li::marker, .media_card_wallpaper_repeater .text_container li:not(.text3), .media_card_wallpaper_repeater .table li:not(.text3) {
    font-size: 23.2px;
    line-height: 140%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .text3, .person_image_fallback .initials, .entry-type-page-news .blog_content li::marker, .entry-type-page-news .blog_content li:not(.text3), .header_media .headline_container p, .cm_text_wysiwyg li::marker, .cm_text_wysiwyg li:not(.text3), .cm_bild_mit_wysiwyg_lr li::marker, .cm_bild_mit_wysiwyg_lr li:not(.text3), .cm_akkordeon .text_container li::marker, .cm_akkordeon .text_container li:not(.text3), .cm_fix_box_scroller .text_container li::marker, .cm_fix_box_scroller .table li::marker, .cm_fix_box_scroller .text_container li:not(.text3), .cm_fix_box_scroller .table li:not(.text3), .cm_zwei_spalten_liste .list_item li::marker, .cm_zwei_spalten_liste .list_item li:not(.text3), .cm_text_editor li::marker, .cm_text_editor li:not(.text3), .cm_list_text_2_columns_scrolling .items_container li::marker, .cm_list_text_2_columns_scrolling .items_container li:not(.text3), .cm_text_list .list_item, .cm_text_list .item_content li::marker, .cm_text_list .item_content li:not(.text3), .cm_text_list .item_content p, .cm_fix_box_scroller_for_centers .text_container li::marker, .cm_fix_box_scroller_for_centers .text_container li:not(.text3), .media_cards_pdf_repeater .text_container li::marker, .media_cards_pdf_repeater .table li::marker, .media_cards_pdf_repeater .text_container li:not(.text3), .media_cards_pdf_repeater .table li:not(.text3), .media_card_wallpaper_repeater .text_container li::marker, .media_card_wallpaper_repeater .table li::marker, .media_card_wallpaper_repeater .text_container li:not(.text3), .media_card_wallpaper_repeater .table li:not(.text3) {
    font-size: 21.6px;
    line-height: 140%;
  }
}

@media (max-width: 767px) {
  .text3, .person_image_fallback .initials, .entry-type-page-news .blog_content li::marker, .entry-type-page-news .blog_content li:not(.text3), .header_media .headline_container p, .cm_text_wysiwyg li::marker, .cm_text_wysiwyg li:not(.text3), .cm_bild_mit_wysiwyg_lr li::marker, .cm_bild_mit_wysiwyg_lr li:not(.text3), .cm_akkordeon .text_container li::marker, .cm_akkordeon .text_container li:not(.text3), .cm_fix_box_scroller .text_container li::marker, .cm_fix_box_scroller .table li::marker, .cm_fix_box_scroller .text_container li:not(.text3), .cm_fix_box_scroller .table li:not(.text3), .cm_zwei_spalten_liste .list_item li::marker, .cm_zwei_spalten_liste .list_item li:not(.text3), .cm_text_editor li::marker, .cm_text_editor li:not(.text3), .cm_list_text_2_columns_scrolling .items_container li::marker, .cm_list_text_2_columns_scrolling .items_container li:not(.text3), .cm_text_list .list_item, .cm_text_list .item_content li::marker, .cm_text_list .item_content li:not(.text3), .cm_text_list .item_content p, .cm_fix_box_scroller_for_centers .text_container li::marker, .cm_fix_box_scroller_for_centers .text_container li:not(.text3), .media_cards_pdf_repeater .text_container li::marker, .media_cards_pdf_repeater .table li::marker, .media_cards_pdf_repeater .text_container li:not(.text3), .media_cards_pdf_repeater .table li:not(.text3), .media_card_wallpaper_repeater .text_container li::marker, .media_card_wallpaper_repeater .table li::marker, .media_card_wallpaper_repeater .text_container li:not(.text3), .media_card_wallpaper_repeater .table li:not(.text3) {
    font-size: 20px;
    line-height: 140%;
  }
}

@media (min-width: 1860px) {
  .text3-1, .cm_trainees_accordeon .akkordeon_content p {
    font-size: 28px;
    line-height: 120%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .text3-1, .cm_trainees_accordeon .akkordeon_content p {
    font-size: 26.4px;
    line-height: 120%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .text3-1, .cm_trainees_accordeon .akkordeon_content p {
    font-size: 24.8px;
    line-height: 120%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .text3-1, .cm_trainees_accordeon .akkordeon_content p {
    font-size: 23.2px;
    line-height: 120%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .text3-1, .cm_trainees_accordeon .akkordeon_content p {
    font-size: 21.6px;
    line-height: 120%;
  }
}

@media (max-width: 767px) {
  .text3-1, .cm_trainees_accordeon .akkordeon_content p {
    font-size: 20px;
    line-height: 120%;
  }
}

@media (min-width: 1860px) {
  .text4_bold {
    font-size: 24px;
    line-height: 120%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .text4_bold {
    font-size: 23.2px;
    line-height: 120%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .text4_bold {
    font-size: 22.4px;
    line-height: 120%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .text4_bold {
    font-size: 21.6px;
    line-height: 120%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .text4_bold {
    font-size: 20.8px;
    line-height: 120%;
  }
}

@media (max-width: 767px) {
  .text4_bold {
    font-size: 20px;
    line-height: 120%;
  }
}

@media (min-width: 1860px) {
  .text4, .cm_list_text_2_columns_scrolling .items_container p {
    font-size: 24px;
    line-height: 120%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .text4, .cm_list_text_2_columns_scrolling .items_container p {
    font-size: 23.2px;
    line-height: 120%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .text4, .cm_list_text_2_columns_scrolling .items_container p {
    font-size: 22.4px;
    line-height: 120%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .text4, .cm_list_text_2_columns_scrolling .items_container p {
    font-size: 21.6px;
    line-height: 120%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .text4, .cm_list_text_2_columns_scrolling .items_container p {
    font-size: 20.8px;
    line-height: 120%;
  }
}

@media (max-width: 767px) {
  .text4, .cm_list_text_2_columns_scrolling .items_container p {
    font-size: 20px;
    line-height: 120%;
  }
}

@media (min-width: 1860px) {
  .text5_bold, .cm_fix_box_scroller .text_container .image_gallery_container .media_downloads_enabler .btn_pill .label, #lazy_baby_button_target .btn_pill .label {
    font-size: 20px;
    line-height: 120%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .text5_bold, .cm_fix_box_scroller .text_container .image_gallery_container .media_downloads_enabler .btn_pill .label, #lazy_baby_button_target .btn_pill .label {
    font-size: 19.6px;
    line-height: 120%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .text5_bold, .cm_fix_box_scroller .text_container .image_gallery_container .media_downloads_enabler .btn_pill .label, #lazy_baby_button_target .btn_pill .label {
    font-size: 19.2px;
    line-height: 120%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .text5_bold, .cm_fix_box_scroller .text_container .image_gallery_container .media_downloads_enabler .btn_pill .label, #lazy_baby_button_target .btn_pill .label {
    font-size: 18.8px;
    line-height: 120%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .text5_bold, .cm_fix_box_scroller .text_container .image_gallery_container .media_downloads_enabler .btn_pill .label, #lazy_baby_button_target .btn_pill .label {
    font-size: 18.4px;
    line-height: 120%;
  }
}

@media (max-width: 767px) {
  .text5_bold, .cm_fix_box_scroller .text_container .image_gallery_container .media_downloads_enabler .btn_pill .label, #lazy_baby_button_target .btn_pill .label {
    font-size: 18px;
    line-height: 120%;
  }
}

@media (min-width: 1860px) {
  .text5 {
    font-size: 20px;
    line-height: 120%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .text5 {
    font-size: 19.6px;
    line-height: 120%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .text5 {
    font-size: 19.2px;
    line-height: 120%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .text5 {
    font-size: 18.8px;
    line-height: 120%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .text5 {
    font-size: 18.4px;
    line-height: 120%;
  }
}

@media (max-width: 767px) {
  .text5 {
    font-size: 18px;
    line-height: 120%;
  }
}

@media (min-width: 1860px) {
  .text6_bold {
    font-size: 18px;
    line-height: 120%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .text6_bold {
    font-size: 17.6px;
    line-height: 120%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .text6_bold {
    font-size: 17.2px;
    line-height: 120%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .text6_bold {
    font-size: 16.8px;
    line-height: 120%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .text6_bold {
    font-size: 16.4px;
    line-height: 120%;
  }
}

@media (max-width: 767px) {
  .text6_bold {
    font-size: 16px;
    line-height: 120%;
  }
}

@media (min-width: 1860px) {
  .text6, .langswitch_select, .elem_checkbox label.css-label, .map_search_widget .label_mylocation, .map_search_widget .label_select_aircraft, .info_bubble {
    font-size: 18px;
    line-height: 120%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .text6, .langswitch_select, .elem_checkbox label.css-label, .map_search_widget .label_mylocation, .map_search_widget .label_select_aircraft, .info_bubble {
    font-size: 17.6px;
    line-height: 120%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .text6, .langswitch_select, .elem_checkbox label.css-label, .map_search_widget .label_mylocation, .map_search_widget .label_select_aircraft, .info_bubble {
    font-size: 17.2px;
    line-height: 120%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .text6, .langswitch_select, .elem_checkbox label.css-label, .map_search_widget .label_mylocation, .map_search_widget .label_select_aircraft, .info_bubble {
    font-size: 16.8px;
    line-height: 120%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .text6, .langswitch_select, .elem_checkbox label.css-label, .map_search_widget .label_mylocation, .map_search_widget .label_select_aircraft, .info_bubble {
    font-size: 16.4px;
    line-height: 120%;
  }
}

@media (max-width: 767px) {
  .text6, .langswitch_select, .elem_checkbox label.css-label, .map_search_widget .label_mylocation, .map_search_widget .label_select_aircraft, .info_bubble {
    font-size: 16px;
    line-height: 120%;
  }
}

@media (min-width: 1860px) {
  .text7_bold {
    font-size: 16px;
    line-height: 120%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .text7_bold {
    font-size: 16px;
    line-height: 120%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .text7_bold {
    font-size: 16px;
    line-height: 120%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .text7_bold {
    font-size: 16px;
    line-height: 120%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .text7_bold {
    font-size: 16px;
    line-height: 120%;
  }
}

@media (max-width: 767px) {
  .text7_bold {
    font-size: 16px;
    line-height: 120%;
  }
}

@media (min-width: 1860px) {
  .text7, .btn_pill_radio label {
    font-size: 16px;
    line-height: 120%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .text7, .btn_pill_radio label {
    font-size: 16px;
    line-height: 120%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .text7, .btn_pill_radio label {
    font-size: 16px;
    line-height: 120%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .text7, .btn_pill_radio label {
    font-size: 16px;
    line-height: 120%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .text7, .btn_pill_radio label {
    font-size: 16px;
    line-height: 120%;
  }
}

@media (max-width: 767px) {
  .text7, .btn_pill_radio label {
    font-size: 16px;
    line-height: 120%;
  }
}

@media (min-width: 1860px) {
  .nav1 {
    font-size: 28px;
    line-height: 100%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .nav1 {
    font-size: 27.6px;
    line-height: 100%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .nav1 {
    font-size: 27.2px;
    line-height: 100%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .nav1 {
    font-size: 26.8px;
    line-height: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .nav1 {
    font-size: 26.4px;
    line-height: 100%;
  }
}

@media (max-width: 767px) {
  .nav1 {
    font-size: 26px;
    line-height: 100%;
  }
}

@media (min-width: 1860px) {
  .nav2 {
    font-size: 24px;
    line-height: 100%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .nav2 {
    font-size: 23.6px;
    line-height: 100%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .nav2 {
    font-size: 23.2px;
    line-height: 100%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .nav2 {
    font-size: 22.8px;
    line-height: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .nav2 {
    font-size: 22.4px;
    line-height: 100%;
  }
}

@media (max-width: 767px) {
  .nav2 {
    font-size: 22px;
    line-height: 100%;
  }
}

@media (min-width: 1860px) {
  .facts3 {
    font-size: 120px;
    line-height: 100%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .facts3 {
    font-size: 107px;
    line-height: 100%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .facts3 {
    font-size: 94px;
    line-height: 100%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .facts3 {
    font-size: 81px;
    line-height: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .facts3 {
    font-size: 68px;
    line-height: 100%;
  }
}

@media (max-width: 767px) {
  .facts3 {
    font-size: 55px;
    line-height: 100%;
  }
}

/* Structural Basics
=======================================================================================================================*/
/* =====================================================================================================================
 COLOR CHANGE
/*=======================================================================================================================*/
.cc_ready.anim_running .wrapper {
  -webkit-transition: background-color 300ms linear, opacity 400ms linear;
  -moz-transition: background-color 300ms linear, opacity 400ms linear;
  transition: background-color 300ms linear, opacity 400ms linear;
}

.cc_ready.anim_running .content_module {
  -webkit-transition: background-color 300ms linear, border-color 300ms linear;
  -moz-transition: background-color 300ms linear, border-color 300ms linear;
  transition: background-color 300ms linear, border-color 300ms linear;
}

.keep_white {
  background-color: white !important;
}

.keep_white p, .keep_white h2, .keep_white h3, .keep_white h4, .keep_white li, .keep_white .counter_item, .keep_white .counter_item_total {
  color: #121619 !important;
}

.keep_dark {
  background-color: #121619 !important;
}

.keep_dark p, .keep_dark h2, .keep_dark h3, .keep_dark h4, .keep_dark li, .keep_dark .counter_item, .keep_dark .counter_item_total {
  color: white !important;
}

/* =====================================================================================================================
LAYOUT
=======================================================================================================================*/
html {
  scroll-behavior: smooth;
}

body {
  width: 100%;
  background-color: black;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.wrapper {
  position: relative;
  margin: auto;
  overflow-x: hidden;
  overflow-y: visible;
}

.main {
  position: relative;
  min-height: 400px;
}

.inner_main {
  position: relative;
  -webkit-transition: opacity 250ms linear;
  -moz-transition: opacity 250ms linear;
  transition: opacity 250ms linear;
  opacity: 1;
}

.page_controls_container {
  position: fixed;
  right: 0;
  display: grid;
  grid-template-columns: auto auto;
  z-index: 9999999;
}

@media (max-width: 767px) {
  .page_controls_container {
    bottom: 25px;
  }
}

@media (min-width: 768px) {
  .page_controls_container {
    bottom: 30px;
  }
}

/*
	Color Schemes ------------------------------------------------------------------------------------------------------
*/
.cc_scheme_default .wrapper {
  background-color: white;
}

.cc_scheme_dark .wrapper {
  background-color: #121619;
}

.cc_scheme_lightgrey .wrapper {
  background-color: #f2f4f8;
}

/*
	X-BROWSER Stuff ------------------------------------------------------------------------------------------------------
*/
.noscroll {
  overflow-y: hidden;
}

.edge .ms_hidden, .msie11 .ms_hidden {
  display: none;
}

.chrome .ms_only, .safari .ms_only, .firefox .ms_only {
  display: none;
}

/* =====================================================================================================================
 PARALLAX-O-MAT
/*=======================================================================================================================*/
.is_parallax {
  will-change: transform;
  backface-visibility: hidden;
  perspective: 1000px;
}

/* add ons
=======================================================================================================================*/
/* =====================================================================================================================
LANDSCAPEWARNING
=======================================================================================================================*/
.landscapewarning {
  z-index: 99999;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  position: fixed;
  display: none;
  text-align: center;
  color: white;
  height: 100%;
}

.landscapewarning .inner_content {
  position: relative;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0) ;
  -moz-transform: translate3d(0, -50%, 0) ;
  transform: translate3d(0, -50%, 0) ;
}

.landscapewarning img {
  width: 100px;
  height: auto;
  margin-bottom: 20px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
  .iphone .landscapewarning {
    display: none;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .iphone .landscapewarning, .mobile.chrome .landscapewarning {
    display: none;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  .iphone .landscapewarning {
    display: block;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .iphone .landscapewarning, .mobile.chrome .landscapewarning {
    display: block;
  }
}

/* =====================================================================================================================
 LINK (Context)
/*=======================================================================================================================*/
/* =====================================================================================================================
 TYPO FORMATTING
/*=======================================================================================================================*/
.headline1_bold {
  letter-spacing: -0.01em;
}

.headline1 {
  letter-spacing: -0.01em;
}

.headline2_bold {
  letter-spacing: -0.01em;
}

.headline2 {
  letter-spacing: -0.01em;
}

.headline3_bold {
  letter-spacing: -0.01em;
}

.headline3 {
  letter-spacing: -0.01em;
}

.headline4_bold {
  letter-spacing: -0.01em;
}

.headline4 {
  letter-spacing: -0.01em;
}

.headline5_bold {
  letter-spacing: -0.01em;
}

.headline5 {
  letter-spacing: -0.01em;
}

.facts1 {
  letter-spacing: -0.01em;
}

.facts2 {
  letter-spacing: -0.01em;
}

.facts3 {
  letter-spacing: -1.2px;
}

.text1_bold {
  letter-spacing: -0.01em;
}

.text1 {
  letter-spacing: -0.01em;
}

.text1-1 {
  letter-spacing: -0.01em;
}

.text6_bold {
  letter-spacing: 0.01em;
}

.text6, .langswitch_select, .elem_checkbox label.css-label, .map_search_widget .label_mylocation, .map_search_widget .label_select_aircraft, .info_bubble {
  letter-spacing: 0.01em;
}

.text7_bold {
  letter-spacing: 0.01em;
}

.text7, .btn_pill_radio label {
  letter-spacing: 0.01em;
}

.nobreak {
  white-space: nowrap;
}

/* =====================================================================================================================
 SCROLL SNAPS
/*=======================================================================================================================*/
/* Items
=======================================================================================================================*/
/* =====================================================================================================================
 ITEM
/*=======================================================================================================================*/
.item {
  position: relative;
}

/* =====================================================================================================================
 IMAGE ITEM
/*=======================================================================================================================*/
.image_item {
  position: relative;
  width: 100%;
  padding-bottom: 80%;
}

.image_item picture {
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.image_item .image {
  position: relative;
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: 50% 50%;
}

/* =====================================================================================================================
 KACHEL ITEM
/*=======================================================================================================================*/
.kachel_item {
  position: relative;
}

.kachel_item .image_item {
  padding-bottom: 117%;
  overflow: hidden;
}

.kachel_item .imglink picture {
  -webkit-transition: transform 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: transform 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transform: scale(1.00001);
  -moz-transform: scale(1.00001);
  transform: scale(1.00001);
}

.kachel_item.text_outside .imglink:hover picture {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  transform: scale(1.05);
}

.kachel_item.text_inside .abdunkler {
  background: rgba(0, 0, 0, 0);
  /* Old browsers */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, black));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%);
  /* W3C */
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 50%;
  opacity: .7;
}

.kachel_item .text_container a {
  color: inherit;
  padding-bottom: 0;
  border-bottom: 1px solid;
  -webkit-transition: color 100ms linear;
  -moz-transition: color 100ms linear;
  transition: color 100ms linear;
  border-bottom-color: #0754e9;
  /*
		Color Schemes ------------------------------------------------------------------------------------------------------
	*/
}

.kachel_item .text_container a:hover {
  color: #0754e9;
}

.kachel_item .text_container.inside {
  position: absolute;
  left: 0;
  bottom: 16px;
  right: 0;
  margin-left: 20px;
  margin-right: 20px;
}

.kachel_item .text_container.inside * {
  color: white;
}

.kachel_item .text_container.outside {
  position: relative;
  margin-top: 15px;
  margin-bottom: 40px;
}

/* =====================================================================================================================
 SVG INLINE
/*=======================================================================================================================*/
@media (max-width: 767px) {
  .svg_inline_icon {
    width: 22px;
    height: 22px;
  }
}

@media (min-width: 768px) {
  .svg_inline_icon {
    width: 24px;
    height: 24px;
  }
}

.svg_inline_icon svg {
  max-width: 100%;
  max-height: 100%;
}

.svg_inline_icon.inlineblock {
  display: inline-block !important;
}

.icon_red path {
  fill: #ed0000 !important;
}

.icon_dark path {
  fill: #121619 !important;
}

.icon_white path {
  fill: white;
}

.icon_lightgray path {
  fill: #dde1e6 !important;
}

.icon_navi path {
  fill: rgba(255, 255, 255, 0.15) !important;
}

.icon_navi_grey path {
  fill: #878d96 !important;
}

.icon_blue60 path {
  fill: #0754e9 !important;
}

/* =====================================================================================================================
 LANGSWITCH
/*=======================================================================================================================*/
.langswitch_select {
  position: relative;
  background-color: transparent !important;
  border: none;
  background-image: url(../img/icn_globe_grey.svg), url(../img/icn_chevron-down-small-grey.svg);
  background-position: 0 0, 100% 3px;
  background-repeat: no-repeat;
  background-size: 24px, 18px;
  padding-right: 25px;
  padding-top: 5px;
  padding-bottom: 5px;
  -webkit-appearance: none;
  cursor: pointer;
  -webkit-transition: color 70ms linear, filter 70ms linear;
  -moz-transition: color 70ms linear, filter 70ms linear;
  transition: color 70ms linear, filter 70ms linear;
}

.win .langswitch_select {
  top: -2px;
  background-position: 0 3px, 100% 5px;
}

@media (max-width: 767px) {
  .langswitch_select {
    padding-left: 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .langswitch_select {
    padding-left: 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .langswitch_select {
    padding-left: 30px;
  }
}

@media (min-width: 1280px) {
  .langswitch_select {
    padding-left: 30px;
  }
}

/*
	Color Schemes ------------------------------------------------------------------------------------------------------
*/
.cc_scheme_default .langswitch_select {
  color: #878d96;
}

.cc_scheme_default .langswitch_select:hover {
  filter: brightness(150%);
}

.cc_scheme_dark .langswitch_select {
  color: #878d96;
}

.cc_scheme_dark .langswitch_select:hover {
  filter: brightness(150%);
}

.cc_scheme_lightgrey .langswitch_select {
  color: #697077;
}

.cc_scheme_lightgrey .langswitch_select:hover {
  color: white;
}

/* FX
=======================================================================================================================*/
/* =====================================================================================================================
SCROLL REVEAL
=======================================================================================================================*/
/* Basic Architecture
=======================================================================================================================*/
/* =====================================================================================================================
 HEADER
/*=======================================================================================================================*/
.header {
  position: relative;
  width: 100%;
  z-index: 9999;
  /*
		Color Schemes ------------------------------------------------------------------------------------------------------
	*/
}

.header .inner_header {
  position: relative;
}

.header .inner_header:has(.header_visual_fullwindow) .logo path {
  fill: white !important;
}

.header .logo {
  position: absolute;
  right: 0;
  z-index: 9;
  cursor: pointer;
  max-width: 160px;
  width: 160px;
}

@media (min-width: 768px) {
  .header .logo {
    margin-top: 40px;
  }
}

@media (max-width: 767px) {
  .header .logo {
    margin-top: 20px;
    margin-right: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .header .logo {
    margin-right: 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .header .logo {
    margin-right: 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .header .logo {
    margin-right: 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .header .logo {
    margin-right: 40px;
  }
}

@media (min-width: 1860px) {
  .header .logo {
    margin-right: 40px;
  }
}

.header .logo svg {
  width: 100%;
  height: 100%;
}

.header .darkener_gradient {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to bottom, rgba(18, 22, 25, 0) 0%, rgba(18, 22, 25, 0.6) 100%);
}

@media (max-width: 767px) {
  .header .darkener_gradient {
    height: 70VH;
  }
}

@media (min-width: 768px) {
  .header .darkener_gradient {
    height: 40VH;
  }
}

.header .darkener_gradient_top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 30VH;
  background: linear-gradient(to top, rgba(18, 22, 25, 0) 0%, rgba(18, 22, 25, 0.3) 100%);
}

.cc_ready.anim_running .header .logo path {
  -webkit-transition: fill 300ms linear;
  -moz-transition: fill 300ms linear;
  transition: fill 300ms linear;
}

.cc_scheme_default .header .logo path {
  fill: #121619;
}

.cc_scheme_lightgrey .header .logo path {
  fill: #121619;
}

.cc_scheme_dunkel .header .logo path {
  fill: white;
}

/* =====================================================================================================================
 FOOTER
/*=======================================================================================================================*/
.footer {
  position: relative;
  background-color: #121619;
  /*
		Color Schemes ------------------------------------------------------------------------------------------------------
	*/
}

@media (max-width: 767px) {
  .footer {
    padding-top: 90px;
  }
}

@media (min-width: 768px) {
  .footer {
    padding-top: 130px;
  }
}

.footer .inner_footer {
  width: 100%;
  min-height: 600px;
}

@media (max-width: 767px) {
  .footer .inner_footer {
    padding-bottom: 110px;
  }
}

@media (min-width: 768px) {
  .footer .inner_footer {
    padding-bottom: 70px;
  }
}

.footer .inner_footer .upper_footer {
  position: relative;
}

@media (max-width: 767px) {
  .footer .inner_footer .upper_footer {
    margin-bottom: 90px;
  }
}

@media (min-width: 768px) {
  .footer .inner_footer .upper_footer {
    margin-bottom: 120px;
  }
}

@media (max-width: 767px) {
  .footer .inner_footer .footernav_container {
    margin-bottom: 40px;
  }
}

@media (min-width: 768px) {
  .footer .inner_footer .footernav_container {
    margin-bottom: 130px;
  }
}

@media (min-width: 768px) {
  .footer .inner_footer .footerlink_item {
    margin-bottom: 20px;
    line-height: 100% !important;
    padding-left: 20px;
  }
  .footer .inner_footer .footerlink_item:last-child {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .footer .inner_footer .footerlink_item {
    padding-top: 23px;
    padding-bottom: 20px;
    padding-left: 0;
    cursor: pointer;
  }
}

@media (max-width: 767px) {
  .footer .inner_footer .accordion_content_item {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

.footer .inner_footer .footerlink {
  display: inline-block;
  color: #697077;
  -webkit-transition: color 70ms linear;
  -moz-transition: color 70ms linear;
  transition: color 70ms linear;
  line-height: 100% !important;
}

.footer .inner_footer .footerlink:hover {
  color: #a2a9b0;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .footer .inner_footer .footernav {
    column-count: 2;
    column-fill: balance;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .footer .inner_footer .footernav {
    column-count: 3;
    column-fill: balance;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .footer .inner_footer .footernav {
    column-count: 4;
    column-fill: balance;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .footer .inner_footer .footernav {
    column-count: 4;
    column-fill: balance;
  }
}

@media (min-width: 1860px) {
  .footer .inner_footer .footernav {
    column-count: 4;
    column-fill: balance;
  }
}

.footer .inner_footer .vertical_line {
  position: absolute;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.15);
}

@media (max-width: 767px) {
  .footer .inner_footer .vertical_line {
    display: none;
  }
}

.footer .inner_footer .footernav_group {
  position: relative;
}

@media (max-width: 767px) {
  .footer .inner_footer .footernav_group {
    height: 65px;
    overflow: hidden;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    -webkit-transition: height 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: height 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: height 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  .footer .inner_footer .footernav_group:last-child {
    border-bottom: none;
  }
}

@media (min-width: 768px) {
  .footer .inner_footer .footernav_group {
    column-break-after: column;
    break-inside: avoid;
    column-break-inside: avoid;
    height: auto !important;
    padding-bottom: 64px;
  }
}

.footer .inner_footer .footernav_group .item_title {
  color: white;
}

.footer .inner_footer .footernav_group .plus_icon {
  position: absolute;
  display: inline-block;
  right: 0;
  width: 22px;
  height: 22px;
  -webkit-transition: transform 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: transform 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

@media (min-width: 768px) {
  .footer .inner_footer .footernav_group .plus_icon {
    display: none;
  }
}

.footer .inner_footer .footernav_group.on .plus_icon {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}

.footer .inner_footer .fusszeile {
  position: relative;
}

.footer .inner_footer .fusszeile li {
  position: relative;
}

@media (min-width: 768px) {
  .footer .inner_footer .fusszeile li {
    display: inline-block;
    margin-right: 30px;
  }
  .footer .inner_footer .fusszeile li:first-child {
    margin-right: 40px;
  }
}

@media (max-width: 767px) {
  .footer .inner_footer .fusszeile li {
    display: block;
    margin-bottom: 12px;
  }
  .footer .inner_footer .fusszeile li:first-child {
    margin-bottom: 30px;
  }
}

.footer .inner_footer .fusszeile .fusszeilenlink {
  color: #697077;
  cursor: pointer;
  -webkit-transition: color 70ms linear;
  -moz-transition: color 70ms linear;
  transition: color 70ms linear;
}

.footer .inner_footer .fusszeile .fusszeilenlink:hover {
  color: #a2a9b0;
}

.footer .inner_footer .fusszeile .langswitch_select {
  color: #697077 !important;
}

.footer .footer_nl_teaser {
  position: relative;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 9px;
}

@media (max-width: 767px) {
  .footer .footer_nl_teaser {
    padding: 20px;
    margin-bottom: 40px;
  }
}

@media (min-width: 768px) {
  .footer .footer_nl_teaser {
    padding: 40px;
    margin-bottom: 80px;
  }
}

.footer .footer_nl_teaser .headline {
  color: white;
}

@media (max-width: 767px) {
  .footer .footer_nl_teaser .headline {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .footer .footer_nl_teaser .headline {
    margin-bottom: 30px;
  }
}

.footer .footer_nl_teaser .label {
  color: white !important;
}

.footer .footer_nl_teaser .btn_pill path {
  fill: white !important;
}

.footer .footer_nl_teaser .btn_pill.gray .hoverscale {
  background-color: #f2f4f8 !important;
  border-color: transparent;
  opacity: 0.3;
}

.footer .footer_nl_teaser .btn_pill.gray .label {
  color: white !important;
}

.footer .footer_nl_teaser .tagline_container {
  position: relative;
}

@media (max-width: 767px) {
  .footer .footer_nl_teaser .tagline_container {
    margin-bottom: 50px;
    width: 185px;
  }
}

@media (min-width: 768px) {
  .footer .footer_nl_teaser .tagline_container {
    margin-bottom: 105px;
    width: 230px;
  }
}

.footer .footer_nl_teaser .tagline_container svg {
  width: 100%;
  height: 100%;
}

.footer .btn_icon {
  -webkit-transition: opacity 100ms linear;
  -moz-transition: opacity 100ms linear;
  transition: opacity 100ms linear;
}

.footer .btn_icon:hover {
  opacity: 0.7;
}

.footer .gradient {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .footer .gradient {
    background: linear-gradient(137deg, rgba(18, 22, 25, 0.31) 50%, rgba(19, 40, 69, 0.77) 120%);
  }
}

@media (max-width: 767px) {
  .footer .gradient {
    background: linear-gradient(110deg, rgba(18, 22, 25, 0.31) 35%, rgba(19, 40, 69, 0.77) 110%);
  }
}

/* =====================================================================================================================
BURGER
=======================================================================================================================*/
.burger {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
  border-radius: 100px;
  background-color: rgba(47, 51, 54, 0.5);
  backdrop-filter: blur(7.5px);
  -webkit-backdrop-filter: blur(7.5px);
  /*
		Color Schemes ------------------------------------------------------------------------------------------------------
	*/
}

@media (max-width: 767px) {
  .burger {
    padding-top: 21px;
    padding-bottom: 21px;
    padding-left: 27px;
    padding-right: 27px;
  }
}

@media (min-width: 768px) {
  .burger {
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 28px;
    padding-right: 28px;
  }
}

.burger .inner_burger {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.burger .bar {
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  background-color: white;
  -webkit-transition: top 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955), bottom 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: top 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955), bottom 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: top 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955), bottom 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.burger .top_bar {
  top: 0;
}

.burger .bottom_bar {
  bottom: 0;
}

.burger:hover .top_bar {
  top: -3px;
}

.burger:hover .bottom_bar {
  bottom: -3px;
}

.burger.on {
  -webkit-transition: opacity 70ms linear;
  -moz-transition: opacity 70ms linear;
  transition: opacity 70ms linear;
}

.burger.on .top_bar {
  top: calc(50% - 0.5px);
}

.burger.on .bottom_bar {
  bottom: calc(50% - 0.5px);
}

.burger.on:hover {
  opacity: 0.7;
}

.burger_container {
  position: relative;
  cursor: pointer;
  z-index: 99999;
  padding: 10px;
}

@media (max-width: 767px) {
  .burger_container {
    width: 110px;
    height: 71px;
  }
}

@media (min-width: 768px) {
  .burger_container {
    width: 120px;
    height: 81px;
  }
}

/* Navigation
=======================================================================================================================*/
/* =====================================================================================================================
 MAINNAV
/*=======================================================================================================================*/
.mainnav {
  position: relative;
  overflow: hidden;
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  background-color: rgba(255, 255, 255, 0.04);
  -webkit-transition: height 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 500ms linear;
  -moz-transition: height 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 500ms linear;
  transition: height 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 500ms linear;
  opacity: 0;
}

@media (min-width: 768px) {
  .mainnav {
    margin-top: 40px;
    margin-left: 40px;
    padding: 30px;
    width: 550px;
    border-radius: 9px;
    margin-bottom: 130px;
  }
}

@media (max-width: 767px) {
  .mainnav {
    margin: 0;
    padding: 20px;
    border-radius: 0;
    width: 100%;
    padding-bottom: 110px;
  }
}

.mainnav .svg_inline {
  display: inline-block;
  width: auto;
}

@media (max-width: 767px) {
  .mainnav .svg_inline {
    height: 35px;
  }
  .safari .mainnav .svg_inline {
    height: 42px;
  }
}

@media (min-width: 768px) {
  .mainnav .svg_inline {
    height: 47px;
  }
}

.mainnav .svg_inline svg {
  width: 100%;
  height: 100%;
}

.mainnav hr {
  position: relative;
  border-top: 1px solid white;
  border-left: none;
  border-right: none;
  border-bottom: none;
  opacity: 0.07;
}

@media (max-width: 767px) {
  .mainnav hr {
    margin-top: 20px;
    margin-bottom: 30px;
  }
}

@media (min-width: 768px) {
  .mainnav hr {
    margin-top: 30px;
    margin-bottom: 40px;
  }
}

.mainnav .mainnav_link {
  position: relative;
  color: white;
}

.mainnav .mainnav_link, .mainnav .mainnav_accordion_textlink {
  position: relative;
  display: block;
  margin-bottom: 10px;
  -webkit-transition: opacity 70ms linear;
  -moz-transition: opacity 70ms linear;
  transition: opacity 70ms linear;
}

.mainnav .mainnav_link:hover, .mainnav .mainnav_accordion_textlink:hover {
  opacity: 0.7;
}

.mainnav .product_link {
  position: relative;
  display: inline-block;
  -webkit-transition: margin-bottom 250ms linear, opacity 70ms linear, background-size 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955), color 250ms linear;
  -moz-transition: margin-bottom 250ms linear, opacity 70ms linear, background-size 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955), color 250ms linear;
  transition: margin-bottom 250ms linear, opacity 70ms linear, background-size 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955), color 250ms linear;
  padding-bottom: 6px;
  opacity: 0.75;
  background: linear-gradient(to bottom, transparent calc(100% - 1px), white 98%);
  background-size: 0;
  background-position: 100% 0%;
  background-repeat: no-repeat;
}

.mainnav .product_link:hover {
  background-position: 0% 100%;
  background-size: 100%;
}

.mainnav .product_link hr {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  opacity: 0.3;
  border-top: 1px solid white;
  border-left: none;
  border-right: none;
  border-bottom: none;
  margin: 0 !important;
  padding: 0 !important;
}

.mainnav .accordion_with_image.on .product_link {
  background: transparent;
}

.mainnav a.product_link {
  margin-bottom: 15px;
}

.mainnav a.product_link:last-of-type {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .mainnav .products_menu, .mainnav .lower_menu {
    margin-bottom: 30px;
  }
}

@media (min-width: 768px) {
  .mainnav .products_menu, .mainnav .lower_menu {
    margin-bottom: 40px;
  }
}

.mainnav .bottom_menu li {
  display: inline-block;
}

.mainnav .bottom_menu .langswitch_container {
  margin-right: 20px;
}

.mainnav .bottom_menu .link_my_pilatus {
  position: relative;
  display: flex;
  top: 6px;
  color: #878d96;
  -webkit-transition: filter 70ms linear;
  -moz-transition: filter 70ms linear;
  transition: filter 70ms linear;
}

.mainnav .bottom_menu .link_my_pilatus span {
  position: relative;
  top: 3px;
}

.win .mainnav .bottom_menu .link_my_pilatus span {
  top: 1px;
}

.mainnav .bottom_menu .link_my_pilatus .svg_inline_icon {
  position: relative;
  margin-right: 10px;
}

.mainnav .bottom_menu .link_my_pilatus:hover {
  filter: brightness(150%);
}

.mainnav .accordion_trigger {
  cursor: pointer;
}

.mainnav .mainnav_accordion_textlink {
  position: relative;
  display: inline-block;
  color: white;
}

.mainnav .accordion_container {
  position: relative;
  overflow: hidden;
  height: 0;
  will-change: height;
  -webkit-transition: height 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 10ms;
  -moz-transition: height 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 10ms;
  transition: height 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 10ms;
}

.mainnav .accordion_content {
  opacity: 0;
  -webkit-transition: opacity 250ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: opacity 250ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: opacity 250ms cubic-bezier(0.77, 0, 0.175, 1);
}

.mainnav .accordion_content.on {
  opacity: 1;
}

.mainnav .accordion_with_text {
  position: relative;
  margin-bottom: 0;
  -webkit-transition: margin-bottom 250ms linear;
  -moz-transition: margin-bottom 250ms linear;
  transition: margin-bottom 250ms linear;
}

.mainnav .accordion_with_text.on {
  margin-bottom: 40px;
}

.mainnav .accordion_with_text.on .accordion_trigger {
  opacity: 0.4;
}

.mainnav .accordion_with_text .accordion_content {
  position: relative;
}

.mainnav .item_container {
  -webkit-transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
}

.mainnav .accordion_with_image {
  position: relative;
  margin-bottom: 15px;
  -webkit-transition: margin-bottom 250ms linear;
  -moz-transition: margin-bottom 250ms linear;
  transition: margin-bottom 250ms linear;
}

.mainnav .accordion_with_image.on {
  margin-bottom: 40px;
}

.mainnav .accordion_with_image.on .accordion_trigger {
  opacity: 0.4;
  margin-bottom: 15px;
}

.mainnav .accordion_with_image.on .products_link {
  margin-bottom: 15px;
}

.mainnav .accordion_with_image .item_container, .mainnav .accordion_with_image .image_item {
  position: relative;
}

.mainnav .accordion_with_image .accordion_content {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  /* here */
  gap: 10px;
}

.mainnav .accordion_with_image .link_with_image {
  position: relative;
  display: block;
  border-radius: 6px;
  overflow: hidden;
  height: 0;
  padding-bottom: 100%;
}

.mainnav .accordion_with_image .link_with_image:hover .item_container {
  -webkit-transform: scale(1.00001);
  -moz-transform: scale(1.00001);
  transform: scale(1.00001);
}

.mainnav .accordion_with_image .link_with_image .image_item {
  padding-bottom: calc(100% + 4px);
}

.mainnav .accordion_with_image .link_with_image .image_item img {
  border-radius: 6px;
}

.mainnav .accordion_with_image .link_with_image .text {
  position: absolute;
  bottom: 10px;
  left: 15px;
  color: white;
  margin-right: 15px;
}

.mainnav .accordion_with_image .link_with_image .abdunkler {
  background: rgba(0, 0, 0, 0);
  /* Old browsers */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, black));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%);
  /* W3C */
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 50%;
  opacity: 0.6;
}

@media (max-width: 767px) {
  .mainnav .accordion_with_image .link_with_image .abdunkler {
    height: 65%;
  }
}

.on .mainnav {
  opacity: 1;
}

.nav_container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: none;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -ms-overflow-style: none;
  scrollbar-width: none !important;
}

.nav_container::-webkit-scrollbar {
  display: none;
  width: 0 !important;
  height: 0 !important;
  padding: 0;
  margin: 0;
  border: none;
  background: rgba(0, 0, 0, 0);
  color: white !important;
  position: static;
}

.nav_container::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}

.nav_container::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0);
}

.nav_container::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0);
}

.nav_container::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0);
}

.mainnav_overlay {
  position: fixed;
  display: none;
  z-index: 999999;
  opacity: 0;
  -webkit-transition: opacity 150ms linear;
  -moz-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
  background-color: #121619;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: auto;
}

.mainnav_overlay.on {
  opacity: 1;
}

.mainnav_overlay .bg_container {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 1600ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition: opacity 1600ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: opacity 1600ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

.mainnav_overlay .bg_container.on {
  opacity: 1;
}

.mainnav_overlay .darkener_gradient {
  opacity: 0.7;
}

.mainnav_overlay .video_container {
  display: flex;
}

.mainnav_overlay .video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mainnav_overlay .image_item {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.mainnav_overlay .item_container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* =====================================================================================================================
 SUBPAGE NAV
/*=======================================================================================================================*/
.subpage_nav {
  position: relative;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .subpage_nav .inner_subpage_nav {
    padding-left: 20px;
  }
}

@media (min-width: 768px) {
  .subpage_nav .inner_subpage_nav {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.subpage_nav .subpage_nav_item {
  position: relative;
  display: inline-block;
}

@media (max-width: 767px) {
  .subpage_nav .subpage_nav_item {
    margin-right: 30px;
  }
  .subpage_nav .subpage_nav_item:last-child {
    padding-right: 20px;
  }
}

@media (min-width: 768px) {
  .subpage_nav .subpage_nav_item {
    padding-right: 43px;
  }
}

.subpage_nav .subpage_nav_item:last-child {
  padding-right: 0;
}

.subpage_nav .subpage_nav_item_link {
  display: block;
  color: white;
}

.subpage_nav .current_hover_marker {
  position: absolute;
  background-color: white;
  height: 1px;
  min-width: 20px;
  -webkit-transition: left 200ms cubic-bezier(0.77, 0, 0.175, 1), width 200ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: left 200ms cubic-bezier(0.77, 0, 0.175, 1), width 200ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: left 200ms cubic-bezier(0.77, 0, 0.175, 1), width 200ms cubic-bezier(0.77, 0, 0.175, 1);
}

/* ReUsables & Stuff.
=======================================================================================================================*/
/* =====================================================================================================================
BURGER
=======================================================================================================================*/
.burger {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
  border-radius: 100px;
  background-color: rgba(47, 51, 54, 0.5);
  backdrop-filter: blur(7.5px);
  -webkit-backdrop-filter: blur(7.5px);
  /*
		Color Schemes ------------------------------------------------------------------------------------------------------
	*/
}

@media (max-width: 767px) {
  .burger {
    padding-top: 21px;
    padding-bottom: 21px;
    padding-left: 27px;
    padding-right: 27px;
  }
}

@media (min-width: 768px) {
  .burger {
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 28px;
    padding-right: 28px;
  }
}

.burger .inner_burger {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.burger .bar {
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  background-color: white;
  -webkit-transition: top 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955), bottom 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: top 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955), bottom 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: top 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955), bottom 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.burger .top_bar {
  top: 0;
}

.burger .bottom_bar {
  bottom: 0;
}

.burger:hover .top_bar {
  top: -3px;
}

.burger:hover .bottom_bar {
  bottom: -3px;
}

.burger.on {
  -webkit-transition: opacity 70ms linear;
  -moz-transition: opacity 70ms linear;
  transition: opacity 70ms linear;
}

.burger.on .top_bar {
  top: calc(50% - 0.5px);
}

.burger.on .bottom_bar {
  bottom: calc(50% - 0.5px);
}

.burger.on:hover {
  opacity: 0.7;
}

.burger_container {
  position: relative;
  cursor: pointer;
  z-index: 99999;
  padding: 10px;
}

@media (max-width: 767px) {
  .burger_container {
    width: 110px;
    height: 71px;
  }
}

@media (min-width: 768px) {
  .burger_container {
    width: 120px;
    height: 81px;
  }
}

/* =====================================================================================================================
 BUTTON PILL
/*=======================================================================================================================*/
.btn_pill {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  border-radius: 100px;
  cursor: pointer;
  opacity: 1;
  margin-right: 0.5%;
  /*
		Color Schemes ------------------------------------------------------------------------------------------------------
	*/
}

@media (max-width: 1023px) {
  .btn_pill {
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .btn_pill {
    display: table;
  }
}

.btn_pill:last-child {
  margin-bottom: 0;
  margin-right: 0;
}

@media (max-width: 767px) {
  .btn_pill.button1 {
    padding-top: 22px;
    padding-bottom: 22px;
    padding-left: 32px;
    padding-right: 32px;
  }
}

@media (min-width: 768px) {
  .btn_pill.button1 {
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 42px;
    padding-right: 42px;
  }
}

@media (max-width: 767px) {
  .btn_pill.button2 {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media (min-width: 768px) {
  .btn_pill.button2 {
    padding-top: 22px;
    padding-bottom: 22px;
    padding-left: 37px;
    padding-right: 37px;
  }
}

@media (max-width: 767px) {
  .btn_pill.button3 {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media (min-width: 768px) {
  .btn_pill.button3 {
    padding-top: 27px;
    padding-bottom: 27px;
    padding-left: 37px;
    padding-right: 37px;
  }
}

@media (max-width: 767px) {
  .btn_pill.button4 {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media (min-width: 768px) {
  .btn_pill.button4 {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
  }
}

.btn_pill:last-child {
  margin-right: 0;
}

.btn_pill .label {
  position: relative;
  z-index: 1;
  padding-top: 7px;
  line-height: 0.9em !important;
  display: inline-block;
}

.win .btn_pill .label {
  top: -3px;
}

.btn_pill:has(.svg_inline_icon) {
  margin-top: 0;
}

@media (max-width: 767px) {
  .btn_pill.button1 .svg_inline_icon {
    margin-left: 18px;
  }
}

@media (min-width: 768px) {
  .btn_pill.button1 .svg_inline_icon {
    margin-left: 24px;
  }
}

@media (max-width: 767px) {
  .btn_pill.button2 .svg_inline_icon {
    margin-left: 7px;
  }
}

@media (min-width: 768px) {
  .btn_pill.button2 .svg_inline_icon {
    margin-left: 7px;
  }
}

.btn_pill .hoverscale {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 100px;
  border: 1px solid;
}

.btn_pill .svg_inline_icon {
  position: relative;
  vertical-align: bottom;
}

.cc_ready.anim_running .btn_pill .hoverscale {
  -webkit-transition: background-color 300ms linear, border-color 300ms linear;
  -moz-transition: background-color 300ms linear, border-color 300ms linear;
  transition: background-color 300ms linear, border-color 300ms linear;
}

.cc_ready.anim_running .btn_pill path {
  -webkit-transition: fill 300ms linear;
  -moz-transition: fill 300ms linear;
  transition: fill 300ms linear;
}

.cc_ready.anim_running .btn_pill .label {
  -webkit-transition: color 300ms linear, background-color 300ms linear;
  -moz-transition: color 300ms linear, background-color 300ms linear;
  transition: color 300ms linear, background-color 300ms linear;
}

.cc_scheme_default .btn_pill.filled:not(.color_override_white):not(.color_override_black):not(.color_override_lightgrey) .hoverscale {
  background-color: #121619;
  border-color: rgba(255, 255, 255, 0.3);
}

.cc_scheme_default .btn_pill.filled:not(.color_override_white):not(.color_override_black):not(.color_override_lightgrey) .label {
  color: white;
}

.cc_scheme_default .btn_pill.filled:not(.color_override_white):not(.color_override_black):not(.color_override_lightgrey) .svg_inline_icon path {
  fill: white;
}

.cc_scheme_lightgrey .btn_pill.filled:not(.color_override_white):not(.color_override_black):not(.color_override_lightgrey) .hoverscale {
  background-color: #121619;
  border-color: transparent;
}

.cc_scheme_lightgrey .btn_pill.filled:not(.color_override_white):not(.color_override_black):not(.color_override_lightgrey) .label {
  color: white;
}

.cc_scheme_lightgrey .btn_pill.filled:not(.color_override_white):not(.color_override_black):not(.color_override_lightgrey) .svg_inline_icon path {
  fill: white;
}

.cc_scheme_dark .btn_pill.filled:not(.color_override_white):not(.color_override_black):not(.color_override_lightgrey) .hoverscale {
  background-color: white;
  border-color: rgba(18, 22, 25, 0.3);
}

.cc_scheme_dark .btn_pill.filled:not(.color_override_white):not(.color_override_black):not(.color_override_lightgrey) .label {
  color: #121619;
}

.cc_scheme_dark .btn_pill.filled:not(.color_override_white):not(.color_override_black):not(.color_override_lightgrey) .svg_inline_icon path {
  fill: #121619;
}

.btn_pill.filled.color_override_white .hoverscale {
  background-color: white;
  border-color: rgba(18, 22, 25, 0.3);
}

.btn_pill.filled.color_override_white .label {
  color: #121619;
}

.btn_pill.filled.color_override_white path {
  fill: #121619;
}

.btn_pill.filled.color_override_white.no_border .hoverscale {
  border-color: transparent !important;
}

.btn_pill.filled.color_override_black .hoverscale {
  background-color: #121619;
  border-color: rgba(255, 255, 255, 0.3);
}

.btn_pill.filled.color_override_black .label {
  color: white;
}

.btn_pill.filled.color_override_black path {
  fill: white;
}

.btn_pill.filled.color_override_lightgrey .hoverscale {
  background-color: #f2f4f8;
  border-color: transparent;
}

.btn_pill.filled.color_override_lightgrey .label {
  color: #121619;
}

.btn_pill.filled.color_override_lightgrey path {
  fill: #121619;
}

.btn_pill.filled .hoverscale.no_outline {
  border-color: transparent !important;
}

.cc_scheme_default .btn_pill.transparent:not(.color_override_white):not(.color_override_black):not(.color_override_lightgrey) .hoverscale {
  background-color: transparent;
  border-color: rgba(18, 22, 25, 0.3) !important;
}

.cc_scheme_default .btn_pill.transparent:not(.color_override_white):not(.color_override_black):not(.color_override_lightgrey) .label {
  color: #121619;
}

.cc_scheme_default .btn_pill.transparent:not(.color_override_white):not(.color_override_black):not(.color_override_lightgrey) .svg_inline_icon path {
  fill: #121619;
}

.cc_scheme_lightgrey .btn_pill.transparent:not(.color_override_white):not(.color_override_black):not(.color_override_lightgrey) .hoverscale {
  background-color: transparent;
  border-color: rgba(18, 22, 25, 0.3) !important;
}

.cc_scheme_lightgrey .btn_pill.transparent:not(.color_override_white):not(.color_override_black):not(.color_override_lightgrey) .label {
  color: #121619;
}

.cc_scheme_lightgrey .btn_pill.transparent:not(.color_override_white):not(.color_override_black):not(.color_override_lightgrey) .svg_inline_icon path {
  fill: #121619;
}

.cc_scheme_dark .btn_pill.transparent:not(.color_override_white):not(.color_override_black):not(.color_override_lightgrey) .hoverscale {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.3) !important;
}

.cc_scheme_dark .btn_pill.transparent:not(.color_override_white):not(.color_override_black):not(.color_override_lightgrey) .label {
  color: white;
}

.cc_scheme_dark .btn_pill.transparent:not(.color_override_white):not(.color_override_black):not(.color_override_lightgrey) .svg_inline_icon path {
  fill: white;
}

.btn_pill.transparent.color_override_white .hoverscale {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.3) !important;
}

.btn_pill.transparent.color_override_white .label {
  color: white;
}

.btn_pill.transparent.color_override_white path {
  fill: white;
}

.btn_pill.transparent.color_override_black .hoverscale {
  background-color: transparent;
  border-color: rgba(18, 22, 25, 0.3) !important;
}

.btn_pill.transparent.color_override_black .label {
  color: #121619;
}

.btn_pill.transparent.color_override_black path {
  fill: #121619;
}

.btn_pill.blurred {
  backdrop-filter: blur(12.5px);
  -webkit-backdrop-filter: blur(12.5px);
}

.btn_pill.blurred .hoverscale {
  background-color: rgba(242, 244, 248, 0.15);
  opacity: 0.30;
  border-color: transparent;
}

.cc_scheme_default .btn_pill.blurred:not(.color_override_white):not(.color_override_black):not(.color_override_lightgrey) .label {
  color: #121619;
}

.cc_scheme_default .btn_pill.blurred:not(.color_override_white):not(.color_override_black):not(.color_override_lightgrey) .svg_inline_icon path {
  fill: #121619;
}

.cc_scheme_lightgrey .btn_pill.blurred:not(.color_override_white):not(.color_override_black):not(.color_override_lightgrey) .label {
  color: #121619;
}

.cc_scheme_lightgrey .btn_pill.blurred:not(.color_override_white):not(.color_override_black):not(.color_override_lightgrey) .svg_inline_icon path {
  fill: #121619;
}

.cc_scheme_dark .btn_pill.blurred:not(.color_override_white):not(.color_override_black):not(.color_override_lightgrey) .label {
  color: white;
}

.cc_scheme_dark .btn_pill.blurred:not(.color_override_white):not(.color_override_black):not(.color_override_lightgrey) .svg_inline_icon path {
  fill: white;
}

.btn_pill.blurred.color_override_white .label {
  color: white;
}

.btn_pill.blurred.color_override_white path {
  fill: white;
}

.btn_pill.blurred.color_override_black .label {
  color: #121619;
}

.btn_pill.blurred.color_override_black path {
  fill: #121619;
}

.btn_pill.blurred.category_btn .hoverscale {
  background-color: rgba(18, 22, 25, 0.2);
}

.btn_pill.blurred.category_btn .label {
  color: #0754e9 !important;
}

.btn_pill.blurred.category_btn path {
  fill: #0754e9 !important;
}

.btn_pill.gray_transparent:not(.color_override_white):not(.color_override_black):not(.color_override_lightgrey) .hoverscale {
  background-color: rgba(242, 244, 248, 0.7);
  border-color: transparent;
}

.btn_pill.gray_transparent:not(.color_override_white):not(.color_override_black):not(.color_override_lightgrey) .label {
  color: #121619;
}

.btn_pill.disabled:not(.color_override_white):not(.color_override_black):not(.color_override_lightgrey) {
  cursor: default;
  opacity: 0.3;
}

.btn_pill.disabled:not(.color_override_white):not(.color_override_black):not(.color_override_lightgrey) .hoverscale {
  background-color: rgba(242, 244, 248, 0.7);
  border-color: transparent;
}

.btn_pill.disabled:not(.color_override_white):not(.color_override_black):not(.color_override_lightgrey) .label {
  color: white !important;
}

.btn_pill.disabled {
  cursor: default;
  opacity: 0.2;
}

/* =====================================================================================================================
 BTN PILL SMALL
/*=======================================================================================================================*/
.btn_pill_small {
  padding-top: 12px;
  padding-bottom: 7px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 100px;
  line-height: 1em;
  margin-right: 10px;
  cursor: pointer;
}

.btn_pill_small.color_white {
  color: #121619;
  background-color: white;
}

.btn_pill_small.color_white.active {
  color: #0754e9;
}

/* =====================================================================================================================
 BTN DASHANIM
/*=======================================================================================================================*/
.btn_dashanim {
  position: relative;
}

.btn_dashanim .btn_show_next {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  width: 96px;
  height: 96px;
  border-radius: 50%;
}

@media (max-width: 767px) {
  .btn_dashanim .btn_show_next {
    -webkit-transform: scale(0.63);
    -moz-transform: scale(0.63);
    transform: scale(0.63);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
}

.btn_dashanim .btn_show_next .shape svg {
  position: relative;
  backdrop-filter: blur(12.5px);
  -webkit-backdrop-filter: blur(12.5px);
  fill: rgba(162, 169, 176, 0.3);
  width: 96px;
  height: 96px;
}

.btn_dashanim .btn_show_next .circle {
  position: absolute;
  top: -1.5px;
  left: 2.5px;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  transform: rotate(270deg);
}

.btn_dashanim .btn_show_next .circle svg {
  width: 95px;
  height: 95px;
}

.btn_dashanim .btn_show_next .circle circle {
  fill: none;
}

@media (max-width: 767px) {
  .btn_dashanim .btn_show_next .circle circle {
    stroke-width: 3px;
  }
}

@media (min-width: 768px) {
  .btn_dashanim .btn_show_next .circle circle {
    stroke-width: 2px;
  }
}

.btn_dashanim .btn_show_next .arrow {
  position: absolute;
  top: calc(50% - 12px);
  left: calc(50% - 12px);
  width: 24px;
  height: 24px;
}

@media (max-width: 767px) {
  .btn_dashanim .btn_show_next .arrow {
    -webkit-transform: scale(1.45);
    -moz-transform: scale(1.45);
    transform: scale(1.45);
  }
}

.btn_dashanim .btn_show_next .arrow svg {
  width: 100%;
  height: 100%;
}

.btn_dashanim .btn_show_next span {
  display: block;
}

.btn_dashanim .btn_show_next .anim_circle circle {
  animation-name: dash;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: linear;
  animation-delay: 0ms;
}

@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}

.btn_dashanim .btn_show_next .icn_arrow path {
  fill: white;
}

.btn_dashanim .btn_show_next:hover circle, .btn_dashanim .btn_show_next.pause circle {
  animation-play-state: paused;
}

/* =====================================================================================================================
 BUTTON WITH ICON
/*=======================================================================================================================*/
.btn_icon {
  display: flex;
  color: white;
  cursor: pointer;
}

.btn_icon path {
  fill: white;
}

.btn_icon > .svg_inline_icon {
  position: relative;
  margin-left: 20px;
}

@media (max-width: 767px) {
  .btn_icon > .svg_inline_icon {
    margin-left: 18px;
    width: 18px;
    height: 18px;
  }
}

.win .btn_icon > .svg_inline_icon {
  top: 2px;
}

.btn_icon_reverse_large_bubble {
  display: flex;
  align-items: flex-start;
  color: white;
  cursor: pointer;
  text-align: center;
  margin-bottom: 15px;
  white-space: nowrap;
  position: relative;
  opacity: 1;
  -webkit-transition: opacity 70ms linear;
  -moz-transition: opacity 70ms linear;
  transition: opacity 70ms linear;
}

.btn_icon_reverse_large_bubble path {
  fill: white;
}

.btn_icon_reverse_large_bubble .label {
  text-align: left;
  color: inherit;
  padding-bottom: 0;
  border-bottom: 1px solid;
  -webkit-transition: color 100ms linear;
  -moz-transition: color 100ms linear;
  transition: color 100ms linear;
  border-bottom-color: #0754e9;
  /*
		Color Schemes ------------------------------------------------------------------------------------------------------
	*/
}

.btn_icon_reverse_large_bubble .label:hover {
  color: #0754e9;
}

@media (max-width: 767px) {
  .btn_icon_reverse_large_bubble .label {
    margin-top: 1.4em;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .btn_icon_reverse_large_bubble .label {
    margin-top: 1.25em;
  }
}

@media (min-width: 1024px) {
  .btn_icon_reverse_large_bubble .label {
    margin-top: 1.1em;
  }
}

.btn_icon_reverse_large_bubble.dark path {
  fill: #121619;
}

.btn_icon_reverse_large_bubble.dark .label {
  color: #121619;
  text-align: left;
}

.btn_icon_reverse_large_bubble > .svg_inline_icon {
  position: relative;
  display: block;
  border-radius: 50%;
  background-color: rgba(221, 225, 230, 0.1);
}

@media (max-width: 767px) {
  .btn_icon_reverse_large_bubble > .svg_inline_icon {
    margin-right: 28px;
    width: 90px;
    height: 90px;
    flex: 0 0 90px;
  }
}

@media (min-width: 768px) {
  .btn_icon_reverse_large_bubble > .svg_inline_icon {
    margin-right: 20px;
    width: 90px;
    height: 90px;
    flex: 0 0 90px;
  }
}

@media (max-width: 767px) {
  .btn_icon_reverse_large_bubble > .svg_inline_icon svg {
    margin-top: 37%;
  }
}

@media (min-width: 768px) {
  .btn_icon_reverse_large_bubble > .svg_inline_icon svg {
    margin-top: 37%;
  }
}

.win .btn_icon_reverse_large_bubble > .svg_inline_icon {
  top: 2px;
}

.btn_icon_reverse_large_bubble.dark > .svg_inline_icon {
  background-color: #f2f4f8;
}

.btn_icon_reverse_large_bubble:hover {
  opacity: 0.7;
}

.btn_icon_reverse_bubble {
  display: flex !important;
  color: white;
  cursor: pointer;
  text-align: center;
  position: relative;
  opacity: 1;
  -webkit-transition: opacity 70ms linear;
  -moz-transition: opacity 70ms linear;
  transition: opacity 70ms linear;
}

.btn_icon_reverse_bubble path {
  fill: white;
}

.btn_icon_reverse_bubble .label {
  margin-top: 0.8em;
  text-align: left;
}

.btn_icon_reverse_bubble.dark path {
  fill: #121619;
}

.btn_icon_reverse_bubble.dark .label {
  color: #121619;
  text-align: left;
}

.btn_icon_reverse_bubble > .svg_inline_icon {
  position: relative;
  display: block;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.1);
}

@media (max-width: 767px) {
  .btn_icon_reverse_bubble > .svg_inline_icon {
    margin-right: 18px;
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
  }
}

@media (min-width: 768px) {
  .btn_icon_reverse_bubble > .svg_inline_icon {
    margin-right: 20px;
    width: 55px;
    height: 55px;
    flex: 0 0 55px;
  }
}

@media (max-width: 767px) {
  .btn_icon_reverse_bubble > .svg_inline_icon svg {
    margin-top: 26%;
  }
}

@media (min-width: 768px) {
  .btn_icon_reverse_bubble > .svg_inline_icon svg {
    margin-top: 30%;
  }
}

.win .btn_icon_reverse_bubble > .svg_inline_icon {
  top: 2px;
}

.btn_icon_reverse_bubble.dark > .svg_inline_icon {
  background-color: #f2f4f8;
}

.btn_icon_reverse_bubble:hover {
  opacity: 0.7;
}

.btn_icon_reverse {
  display: flex;
  color: white;
  cursor: pointer;
  text-align: center;
  position: relative;
  opacity: 1;
  -webkit-transition: opacity 70ms linear;
  -moz-transition: opacity 70ms linear;
  transition: opacity 70ms linear;
}

.btn_icon_reverse path {
  fill: white;
}

.btn_icon_reverse .label {
  margin-top: 0.8em;
  text-align: left;
}

.btn_icon_reverse.dark path {
  fill: #121619;
}

.btn_icon_reverse.dark .label {
  color: #121619;
  text-align: left;
}

.btn_icon_reverse > .svg_inline_icon {
  position: relative;
  display: block;
}

@media (max-width: 767px) {
  .btn_icon_reverse > .svg_inline_icon {
    top: 4px;
    margin-right: 18px;
    width: 22px;
    flex: 0 0 22px;
  }
}

@media (min-width: 768px) {
  .btn_icon_reverse > .svg_inline_icon {
    top: 2px;
    margin-right: 10px;
    width: 24px;
    flex: 0 0 24px;
  }
}

@media (max-width: 767px) {
  .btn_icon_reverse > .svg_inline_icon svg {
    margin-top: 26%;
  }
}

@media (min-width: 768px) {
  .btn_icon_reverse > .svg_inline_icon svg {
    margin-top: 30%;
  }
}

.win .btn_icon_reverse > .svg_inline_icon {
  top: 2px;
}

.btn_icon_reverse.dark > .svg_inline_icon {
  background-color: #f2f4f8;
}

.btn_icon_reverse:hover {
  opacity: 0.7;
}

button.btn_icon_reverse_bubble {
  width: 100%;
}

/* =====================================================================================================================
 BTN ARROW
/*=======================================================================================================================*/
.btn_arrow {
  display: flex;
  cursor: pointer;
  /*
			Color Schemes ------------------------------------------------------------------------------------------------------
		*/
}

.btn_arrow .label {
  position: relative;
  margin-right: 10px;
  color: white;
}

.btn_arrow .icon {
  position: relative;
  top: -3px;
}

.win .btn_arrow .icon {
  top: 0;
}

.btn_arrow .icon path {
  fill: white;
}

/* =====================================================================================================================
 BTN ROUND HOVERSCALE
/*=======================================================================================================================*/
.btn_round_hoverscale {
  position: relative;
  display: inline-block;
  border-radius: 50%;
  cursor: pointer;
  backdrop-filter: blur(7.5px);
  -webkit-backdrop-filter: blur(7.5px);
}

@media (max-width: 767px) {
  .btn_round_hoverscale {
    width: 60px;
    height: 60px;
  }
}

@media (min-width: 768px) {
  .btn_round_hoverscale {
    width: 96px;
    height: 96px;
  }
}

@media (max-width: 767px) {
  .btn_round_hoverscale.relational_size54 {
    width: 35px;
    height: 35px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .btn_round_hoverscale.relational_size54 {
    width: 40px;
    height: 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .btn_round_hoverscale.relational_size54 {
    width: 54px;
    height: 54px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .btn_round_hoverscale.relational_size54 {
    width: 40px;
    height: 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .btn_round_hoverscale.relational_size54 {
    width: 54px;
    height: 54px;
  }
}

@media (min-width: 1860px) {
  .btn_round_hoverscale.relational_size54 {
    width: 54px;
    height: 54px;
  }
}

.btn_round_hoverscale .hoverscale {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  border-radius: 50%;
  background-color: rgba(161, 172, 182, 0.4);
  width: 100%;
  height: 100%;
  -webkit-transition: transform 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: transform 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.btn_round_hoverscale .icon {
  position: relative;
  display: block;
  margin: auto;
}

@media (max-width: 767px) {
  .btn_round_hoverscale .icon {
    width: 22px;
    height: 22px;
  }
}

@media (min-width: 768px) {
  .btn_round_hoverscale .icon {
    width: 24px;
    height: 24px;
  }
}

.btn_round_hoverscale .icon svg {
  position: relative;
  height: 100%;
  width: 100%;
  fill: white;
}

/* =====================================================================================================================
 BUTTON FILTER CATEGORY 2
/*=======================================================================================================================*/
.btn_filter_category_2 {
  position: relative;
  display: inline-block;
  padding-top: 12px;
  padding-bottom: 8px;
  padding-left: 19px;
  padding-right: 19px;
  cursor: pointer;
  /*
		Color Schemes ------------------------------------------------------------------------------------------------------
	*/
}

.win .btn_filter_category_2 {
  padding-bottom: 10px;
}

.btn_filter_category_2 .shape {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  border-radius: 100px;
}

.btn_filter_category_2 .label {
  position: relative;
  color: #121619;
  -webkit-transition: color 70ms linear;
  -moz-transition: color 70ms linear;
  transition: color 70ms linear;
}

.btn_filter_category_2.active .label, .btn_filter_category_2:hover .label {
  color: #0754e9;
}

.cc_ready .btn_filter_category_2 .shape {
  -webkit-transition: background-color 300ms linear;
  -moz-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
}

.cc_scheme_default .btn_filter_category_2 .shape {
  background-color: #f2f4f8;
}

.cc_scheme_dark .btn_filter_category_2 .shape {
  background-color: white;
}

.cc_scheme_lightgrey .btn_filter_category_2 .shape {
  background-color: white;
}

/* =====================================================================================================================
 FORM ELEMENT CHECKBOX
/*=======================================================================================================================*/
.elem_checkbox {
  position: relative;
  display: inline-block;
  margin-bottom: 60px;
  margin-right: 30px;
  float: left;
}

@media (max-width: 767px) {
  .elem_checkbox.last {
    margin-bottom: 50px;
  }
}

@media (min-width: 768px) {
  .elem_checkbox.last {
    margin-bottom: 80px;
  }
}

.elem_checkbox input[type=checkbox].css-checkbox {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.msie11 .elem_checkbox input[type=checkbox].css-checkbox {
  z-index: 0;
  left: auto;
  overflow: visible;
  clip: auto !important;
  height: 30px;
  width: 30px;
  margin: auto;
}

.elem_checkbox input[type=checkbox].css-checkbox + label.css-label {
  padding-left: 41px;
  height: 28px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: bottom left;
  cursor: pointer;
  background-size: 28px;
  line-height: calc(28px + 4px);
}

.elem_checkbox input[type=checkbox].css-checkbox:checked + label.css-label {
  background-position: top left;
}

.elem_checkbox label.css-label {
  background-image: url(../img/icn_check_sprite.svg);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.left_panel_content .elem_checkbox label.css-label, .right_panel_content .elem_checkbox label.css-label {
  background-image: url(../img/icn_check_sprite_black.svg);
}

.elem_checkbox label.css-label p {
  display: inline-block;
}

.elem_checkbox label.css-label a {
  color: inherit;
  padding-bottom: 0;
  border-bottom: 1px solid;
  -webkit-transition: color 100ms linear;
  -moz-transition: color 100ms linear;
  transition: color 100ms linear;
  border-bottom-color: #0754e9;
  /*
		Color Schemes ------------------------------------------------------------------------------------------------------
	*/
}

.elem_checkbox label.css-label a:hover {
  color: #0754e9;
}

.elem_checkbox.error label.css-label {
  background-image: url(../img/icn_check_sprite_error.svg);
}

/* =====================================================================================================================
 FORM ELEMENT RADIO BUTTON
/*=======================================================================================================================*/
.elem_radiobutton {
  position: relative;
  margin-bottom: 10px;
}

.elem_radiobutton input[type=radio].css-checkbox {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.msie11 .elem_radiobutton input[type=radio].css-checkbox {
  z-index: 0;
  left: auto;
  overflow: visible;
  clip: auto !important;
  height: 30px;
  width: 30px;
  margin: auto;
}

.elem_radiobutton input[type=radio].css-checkbox + label.css-label {
  padding-left: 41px;
  height: 28px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: bottom left;
  vertical-align: middle;
  cursor: pointer;
  background-size: 28px;
}

@media (min-width: 768px) and (max-width: 1499px) {
  .elem_radiobutton input[type=radio].css-checkbox + label.css-label {
    line-height: 28px;
  }
}

.elem_radiobutton input[type=radio].css-checkbox:checked + label.css-label {
  background-position: top left;
}

.elem_radiobutton label.css-label {
  position: relative;
  background-image: url(../img/icn_radio_sprite.svg);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.elem_radiobutton label.css-label span {
  position: relative;
  top: 3px;
}

@media (max-width: 767px) {
  .elem_radiobutton label.css-label span {
    top: 8px;
  }
}

.win .elem_radiobutton label.css-label span {
  top: 0;
}

.elem_radiobutton.error label.css-label {
  background-image: url(../img/icn_radio_sprite_error.svg);
}

.elem_radio.error label.css-label {
  background-image: url(../img/icn_radio_sprite_error.svg);
}

/* =====================================================================================================================
 FORM FILE ITEM
/*=======================================================================================================================*/
.cm_formular .file_item {
  position: relative;
  margin-bottom: 10px;
}

.cm_formular .file_item button, .cm_formular .file_item .file_btn {
  border: 1px solid gray;
  border-radius: 4px;
  min-width: 20px;
  padding: 0 5px;
  height: 20px;
  cursor: pointer;
}

.cm_formular .file_item .bar {
  display: flex;
  align-items: center;
  column-gap: 20px;
}

.cm_formular .file_item .preview_img {
  position: relative;
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 5px;
}

.cm_formular .file_item .preview_img img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cm_formular .file_item .preview_img .generic_file_icon {
  position: relative;
  background-image: url(../img/icn_file_generic.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}

.cm_formular .warn_low {
  color: #ffaf00;
}

.cm_formular .warn_high {
  color: red;
}

.cm_formular .block {
  background-color: red;
  color: white;
}

/* =====================================================================================================================
 DROPDOWN
/*=======================================================================================================================*/
.dropdown {
  position: relative;
  /*
		Color Schemes ------------------------------------------------------------------------------------------------------
	*/
}

.dropdown .button {
  position: relative;
  padding-left: 30px;
  padding-right: 80px;
  padding-top: 27px;
  padding-bottom: 27px;
  border-radius: 7px;
  width: 100%;
  cursor: pointer;
  text-align: left;
  -webkit-appearance: none;
  appearance: none;
  background-image: url(../img/icn_dropdown.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 30px) 50%;
  background-size: 15px;
}

.dropdown .button:active {
  -webkit-transition: border-color 0 linear;
  -moz-transition: border-color 0 linear;
  transition: border-color 0 linear;
  background-size: 13px;
  background-position: calc(100% - 31px) 50%;
}

.dropdown .custom {
  position: relative;
  min-width: 260px;
  max-width: 600px;
}

@media (max-width: 767px) {
  .dropdown .custom {
    width: 100%;
  }
}

.dropdown .listing_container {
  position: absolute;
  width: 100%;
  z-index: 999;
  padding-top: 20px;
  display: block !important;
}

.dropdown .listing_container .inner_listing_container {
  padding: 30px;
  height: 100px;
  opacity: 0;
  display: none;
  -webkit-transform: translate3d(0, -20px, 0) ;
  -moz-transform: translate3d(0, -20px, 0) ;
  transform: translate3d(0, -20px, 0) ;
  border-radius: 7px;
  -webkit-transition: opacity 250ms linear, transform 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 350ms, height 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition: opacity 250ms linear, transform 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 350ms, height 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: opacity 250ms linear, transform 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 350ms, height 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

.dropdown .listing_container .inner_listing_container.on {
  -webkit-transition: opacity 100ms linear, transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), height 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: opacity 100ms linear, transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), height 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 100ms linear, transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), height 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) ;
  -moz-transform: translate3d(0, 0, 0) ;
  transform: translate3d(0, 0, 0) ;
}

.dropdown .listing_container .inner_listing_container.on .listing li {
  opacity: 1;
}

.dropdown .listing li {
  opacity: 0;
  position: relative;
  display: block;
  -webkit-transition: opacity 300ms linear;
  -moz-transition: opacity 300ms linear;
  transition: opacity 300ms linear;
}

.dropdown .container_left {
  float: left;
  position: relative;
  z-index: 1;
  margin-right: 60px;
}

.dropdown li:nth-child(1) {
  -webkit-transition-delay: 50ms;
  -moz-transition-delay: 50ms;
  transition-delay: 50ms;
}

.dropdown li:nth-child(2) {
  -webkit-transition-delay: 70ms;
  -moz-transition-delay: 70ms;
  transition-delay: 70ms;
}

.dropdown li:nth-child(3) {
  -webkit-transition-delay: 90ms;
  -moz-transition-delay: 90ms;
  transition-delay: 90ms;
}

.dropdown li:nth-child(4) {
  -webkit-transition-delay: 110ms;
  -moz-transition-delay: 110ms;
  transition-delay: 110ms;
}

.dropdown li:nth-child(5) {
  -webkit-transition-delay: 130ms;
  -moz-transition-delay: 130ms;
  transition-delay: 130ms;
}

.dropdown li:nth-child(6) {
  -webkit-transition-delay: 150ms;
  -moz-transition-delay: 150ms;
  transition-delay: 150ms;
}

.dropdown li:nth-child(7) {
  -webkit-transition-delay: 170ms;
  -moz-transition-delay: 170ms;
  transition-delay: 170ms;
}

.dropdown li:nth-child(8) {
  -webkit-transition-delay: 190ms;
  -moz-transition-delay: 190ms;
  transition-delay: 190ms;
}

.dropdown li:nth-child(9) {
  -webkit-transition-delay: 210ms;
  -moz-transition-delay: 210ms;
  transition-delay: 210ms;
}

.dropdown li:nth-child(10) {
  -webkit-transition-delay: 230ms;
  -moz-transition-delay: 230ms;
  transition-delay: 230ms;
}

.dropdown li:nth-child(11) {
  -webkit-transition-delay: 250ms;
  -moz-transition-delay: 250ms;
  transition-delay: 250ms;
}

.dropdown li:nth-child(12) {
  -webkit-transition-delay: 270ms;
  -moz-transition-delay: 270ms;
  transition-delay: 270ms;
}

.dropdown li:nth-child(13) {
  -webkit-transition-delay: 290ms;
  -moz-transition-delay: 290ms;
  transition-delay: 290ms;
}

.dropdown li:nth-child(14) {
  -webkit-transition-delay: 310ms;
  -moz-transition-delay: 310ms;
  transition-delay: 310ms;
}

.dropdown li:nth-child(15) {
  -webkit-transition-delay: 330ms;
  -moz-transition-delay: 330ms;
  transition-delay: 330ms;
}

.dropdown li:nth-child(16) {
  -webkit-transition-delay: 350ms;
  -moz-transition-delay: 350ms;
  transition-delay: 350ms;
}

.dropdown li:nth-child(17) {
  -webkit-transition-delay: 370ms;
  -moz-transition-delay: 370ms;
  transition-delay: 370ms;
}

.dropdown li:nth-child(18) {
  -webkit-transition-delay: 390ms;
  -moz-transition-delay: 390ms;
  transition-delay: 390ms;
}

.dropdown li:nth-child(19) {
  -webkit-transition-delay: 410ms;
  -moz-transition-delay: 410ms;
  transition-delay: 410ms;
}

.dropdown li:nth-child(20) {
  -webkit-transition-delay: 430ms;
  -moz-transition-delay: 430ms;
  transition-delay: 430ms;
}

.dropdown li:nth-child(21) {
  -webkit-transition-delay: 450ms;
  -moz-transition-delay: 450ms;
  transition-delay: 450ms;
}

.dropdown li:nth-child(22) {
  -webkit-transition-delay: 470ms;
  -moz-transition-delay: 470ms;
  transition-delay: 470ms;
}

.dropdown li:nth-child(23) {
  -webkit-transition-delay: 490ms;
  -moz-transition-delay: 490ms;
  transition-delay: 490ms;
}

.dropdown li:nth-child(24) {
  -webkit-transition-delay: 510ms;
  -moz-transition-delay: 510ms;
  transition-delay: 510ms;
}

.dropdown li:nth-child(25) {
  -webkit-transition-delay: 530ms;
  -moz-transition-delay: 530ms;
  transition-delay: 530ms;
}

.dropdown li:nth-child(26) {
  -webkit-transition-delay: 550ms;
  -moz-transition-delay: 550ms;
  transition-delay: 550ms;
}

.dropdown li:nth-child(27) {
  -webkit-transition-delay: 570ms;
  -moz-transition-delay: 570ms;
  transition-delay: 570ms;
}

.dropdown li:nth-child(28) {
  -webkit-transition-delay: 590ms;
  -moz-transition-delay: 590ms;
  transition-delay: 590ms;
}

.dropdown li:nth-child(29) {
  -webkit-transition-delay: 610ms;
  -moz-transition-delay: 610ms;
  transition-delay: 610ms;
}

.dropdown li:nth-child(30) {
  -webkit-transition-delay: 630ms;
  -moz-transition-delay: 630ms;
  transition-delay: 630ms;
}

.dropdown .title {
  text-transform: uppercase;
  margin-bottom: 20px;
}

.dropdown a, .dropdown .dropdown_gross {
  -webkit-transition: color 70ms linear;
  -moz-transition: color 70ms linear;
  transition: color 70ms linear;
  cursor: pointer;
}

.cc_ready .dropdown .button {
  -webkit-transition: border-color 100ms linear, background-color 500ms linear, color 500ms linear, filter 500ms linear;
  -moz-transition: border-color 100ms linear, background-color 500ms linear, color 500ms linear, filter 500ms linear;
  transition: border-color 100ms linear, background-color 500ms linear, color 500ms linear, filter 500ms linear;
}

.cc_ready .dropdown .inner_listing_container {
  -webkit-transition: background-color 500ms linear;
  -moz-transition: background-color 500ms linear;
  transition: background-color 500ms linear;
}

.cc_ready .dropdown .dropdown_gross {
  -webkit-transition: color 500ms linear;
  -moz-transition: color 500ms linear;
  transition: color 500ms linear;
}

.cc_scheme_default .dropdown .button {
  background-color: white;
  color: #121619;
  border: 1px solid #121619;
}

.cc_scheme_default .dropdown .button:hover {
  border: 1px solid black;
}

.cc_scheme_default .dropdown .button:active {
  border: 1px solid blue !important;
}

.cc_scheme_default .dropdown .button.on {
  border: 1px solid black;
}

.cc_scheme_default .dropdown .inner_listing_container {
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.2) 0 14px 30px;
}

.cc_scheme_default .dropdown .dropdown_gross:link, .cc_scheme_default .dropdown .dropdown_gross:visited {
  color: #121619;
}

.cc_scheme_default .dropdown .dropdown_gross:hover {
  color: blue;
}

.cc_scheme_default .dropdown .current-menu-item a:link, .cc_scheme_default .dropdown .current-menu-item a:visited {
  color: blue;
}

.cc_scheme_default .dropdown .current {
  color: blue;
}

.cc_scheme_default .dropdown a:link, .cc_scheme_default .dropdown a:visited {
  color: #121619;
}

.cc_scheme_default .dropdown a:hover {
  color: blue;
}

.dropdown_container {
  position: relative;
}

@media (max-width: 767px) {
  .dropdown_container {
    margin-bottom: 30px !important;
  }
}

@media (min-width: 768px) {
  .dropdown_container {
    margin-bottom: 100px !important;
  }
}

/* =====================================================================================================================
 BUTTONS
/*=======================================================================================================================*/
.buttons {
  position: relative;
  padding-top: 60px;
}

/* =====================================================================================================================
 Google Maps Shrott
/*=======================================================================================================================*/
#map {
  position: absolute;
  width: 100%;
}

@media (max-width: 767px) {
  #map {
    height: calc(100% - 150px);
    margin-top: 150px;
  }
}

@media (min-width: 768px) {
  #map {
    height: 100%;
  }
}

#map .gm-style {
  background-color: #c1d3dd;
}

.map_container {
  position: relative;
  width: 100%;
}

@media (max-width: 767px) {
  .map_container {
    height: 730px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .map_container {
    height: 730px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .map_container {
    height: 730px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .map_container {
    height: 730px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .map_container {
    height: 0;
    padding-bottom: 45%;
  }
}

@media (min-width: 1860px) {
  .map_container {
    height: 0;
    padding-bottom: 45%;
  }
}

.custom-map-control-button {
  background-color: black;
  color: white;
  line-height: 1em !important;
  border: none;
  border-radius: 100px;
  box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
  margin: 10px;
  padding: 10px 30px;
  overflow: hidden;
  height: 40px;
  cursor: pointer;
  -webkit-transition: background-color 150ms linear, color 150ms linear;
  -moz-transition: background-color 150ms linear, color 150ms linear;
  transition: background-color 150ms linear, color 150ms linear;
}

.custom-map-control-button:hover {
  background: #4b4b4b;
  color: white;
}

.myicon:hover {
  fill: red;
  display: none;
}

.htmlmarker {
  position: relative;
  width: 60px;
  height: 60px;
  padding-top: 18px;
  text-align: center;
  font-size: 18px;
  color: white;
  background-color: red;
  border: 20px rgba(0, 130, 255, 0.3);
  border-radius: 8px;
}

.htmlmarker:hover {
  background-color: green;
}

.gm-style-iw {
  padding: 0;
  margin: 0;
}

.locationwin {
  position: relative;
  padding-bottom: 40px;
}

.locationwin img {
  position: relative;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  margin-right: 5px;
  top: -5px;
}

.bubble_repo {
  visibility: hidden;
}

.popup_bubble {
  position: absolute;
  top: 0;
  left: 0;
  padding-right: 80px;
  transform: translate(-50%, -100%);
  background-color: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  padding: 30px;
  border-radius: 5px;
  overflow-y: auto;
  min-height: 300px;
}

.popup_bubble .moreinfo .label {
  color: #0754e9 !important;
}

.popup_bubble .moreinfo path {
  fill: #0754e9;
}

.popup_bubble .icon_link {
  position: relative;
  display: flex;
  margin-bottom: 10px;
}

.popup_bubble .icon_link:last-of-type {
  margin-bottom: 0;
}

.popup_bubble .icon_link .icon {
  position: relative;
  margin-right: 10px;
}

.popup_bubble .icon_link .label {
  position: relative;
  margin-top: 3px;
  color: #121619;
}

.popup_bubble hr {
  border-left: none;
  border-right: none;
  border-bottom: none;
  border-top: 1px solid #dde1e6;
  margin-top: 20px;
  margin-bottom: 24px;
  padding: 0;
}

.popup_bubble svg path {
  fill: #121619;
}

.popup_bubble .bottom {
  position: relative;
  margin-top: 28px;
}

.popup_bubble_anchor {
  position: absolute;
  width: 100%;
  bottom: 8px;
  left: 0;
}

.popup_container {
  visibility: hidden;
  cursor: auto;
  height: 0;
  position: absolute;
  width: 300px;
  margin-top: -55px;
}

.map_container {
  position: relative;
}

.map_controls {
  position: absolute;
  bottom: 30px;
  right: 20px;
  width: 40px;
  height: 120px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 5px;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

@media (min-width: 1860px) {
  .fullscreen .map_controls {
    bottom: 70px;
  }
}

@media (min-width: 2000px) {
  .fullscreen .map_controls {
    bottom: 90px;
  }
}

@media (max-width: 767px) {
  .map_controls {
    height: 80px;
  }
}

.map_controls .maps_control_button {
  position: relative;
  cursor: pointer;
  width: 40px;
  height: 40px;
  background-size: 16px;
  background-position: center center;
  background-repeat: no-repeat;
  border-bottom: 1px solid rgba(18, 22, 25, 0.1);
}

.map_controls .maps_control_button:last-child {
  border-bottom: none;
}

.map_controls .maps_control_button.maps_zoom_in {
  background-image: url(../img/icn_maps_plus.svg);
}

.map_controls .maps_control_button.maps_zoom_out {
  background-image: url(../img/icn_maps_minus.svg);
  background-position: 50% 35%;
}

@media (max-width: 767px) {
  .map_controls .maps_control_button.maps_fullwin {
    display: none;
  }
}

.map_controls .maps_control_button.maps_fullwin.maximize {
  background-image: url(../img/icn_maps_maximize.svg);
}

.map_controls .maps_control_button.maps_fullwin.minimize {
  background-image: url(../img/icn_maps_minimize.svg);
}

.map_search_widget {
  position: absolute;
  width: 100%;
  padding: 18px;
  background-color: rgba(18, 22, 25, 0.85);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

@media (max-width: 767px) {
  .map_search_widget {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 768px;
  }
}

@media (min-width: 768px) {
  .map_search_widget {
    top: 40px;
    left: 40px;
    border-radius: 5px;
    max-width: 530px;
  }
}

.map_search_widget .lower {
  position: relative;
  display: flex;
}

.map_search_widget .upper {
  position: relative;
}

.map_search_widget .map_searchfield {
  position: relative;
  margin-bottom: 18px;
  background-color: transparent;
  border: 1px solid white;
  border-radius: 5px;
  height: 86px;
  width: 100%;
  color: white;
  padding-left: 20px;
  padding-top: 30px;
}

.map_search_widget .inner_label {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 17px;
  margin-left: 20px;
  color: rgba(255, 255, 255, 0.6);
}

.map_search_widget .select_aircraft {
  position: relative;
}

.map_search_widget .select_aircraft_list {
  position: absolute;
  overflow: hidden;
  box-shadow: 0 2px 20px 0 rgba(1, 10, 14, 0.08);
  height: 0;
  opacity: 0;
  -webkit-transition: opacity 150ms linear, height 100ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition: opacity 150ms linear, height 100ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: opacity 150ms linear, height 100ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  border-radius: 5px;
  margin-top: 5px;
}

.map_search_widget .select_aircraft_list.on {
  opacity: 1;
  -webkit-transition: opacity 150ms linear, height 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 150ms linear, height 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 150ms linear, height 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@media (max-width: 767px) {
  .map_search_widget .select_aircraft_list {
    left: -20px;
  }
}

@media (min-width: 768px) {
  .map_search_widget .select_aircraft_list {
    left: 0;
  }
}

.map_search_widget .select_aircraft_list .inner_select {
  position: relative;
  border-radius: 5px;
  background-color: white;
}

@media (max-width: 767px) {
  .map_search_widget .select_aircraft_list .inner_select {
    padding: 20px 40px 20px 20px;
  }
}

@media (min-width: 768px) {
  .map_search_widget .select_aircraft_list .inner_select {
    padding: 20px 60px 20px 20px;
  }
}

.map_search_widget .select_aircraft_list ul {
  list-style-type: none;
}

.map_search_widget .select_aircraft_list ul li {
  padding-bottom: 16px;
}

.map_search_widget .select_aircraft_list ul li:last-of-type {
  padding-bottom: 0;
}

.map_search_widget .select_aircraft_list .aircraft_selection {
  position: relative;
  color: #121619;
  cursor: pointer;
  white-space: nowrap;
  border-bottom: 1px solid rgba(7, 84, 233, 0);
  -webkit-transition: border-color 100ms linear;
  -moz-transition: border-color 100ms linear;
  transition: border-color 100ms linear;
  line-height: 1em;
}

.map_search_widget .select_aircraft_list .aircraft_selection:hover {
  border-bottom: 1px solid rgba(7, 84, 233, 0.5);
}

.map_search_widget .btn_mylocation {
  margin-right: 20px;
}

.map_search_widget .btn_mylocation, .map_search_widget .btn_select_aircraft {
  position: relative;
  color: white;
  cursor: pointer;
  white-space: nowrap;
}

.map_search_widget .icon_mylocation {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../img/icn_location-my_white.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
  margin-right: 10px;
}

.map_search_widget .icon_aircraft {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../img/icn_airplane_white.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
  margin-right: 10px;
}

.map_search_widget .label_mylocation, .map_search_widget .label_select_aircraft {
  position: relative;
  cursor: pointer;
  top: -4px;
  background-color: transparent;
  color: white;
  border: none;
  padding: 0;
  margin: 0;
  line-height: 1em;
}

.map_search_widget .label_select_aircraft {
  top: -3px;
}

.marker_icon {
  -webkit-transition: transform 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955), filter 150ms linear;
  -moz-transition: transform 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955), filter 150ms linear;
  transition: transform 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955), filter 150ms linear;
}

.marker_icon.clicked {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  filter: hue-rotate(30deg) saturate(2000%) brightness(500%);
}

.gm-style-moc {
  display: none;
}

/* =====================================================================================================================
 SHARE THING
/*=======================================================================================================================*/
.share_thing {
  position: relative;
  z-index: 9999999;
}

.share_thing .overlay {
  position: fixed;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  background-color: rgba(18, 22, 25, 0.9);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.share_thing .button_container {
  position: absolute;
  bottom: 20px;
  left: 20px;
  padding: 20px;
}

.share_thing .close_x {
  position: absolute;
  cursor: pointer;
  z-index: 1;
  top: 0;
  right: 0;
  margin-top: 20px;
  margin-right: 20px;
}

.share_thing .close_x path {
  -webkit-transition: fill 70ms linear;
  -moz-transition: fill 70ms linear;
  transition: fill 70ms linear;
  fill: #a2a9b0;
}

.share_thing .close_x:hover path {
  fill: #697077;
}

.share_thing .btn_icon_reverse_large_bubble .label {
  border-bottom-color: rgba(255, 255, 255, 0.5);
}

.share_thing .btn_icon_reverse_large_bubble:hover .label {
  color: white;
}

@media (max-width: 767px) {
  .share_thing .btn_icon_reverse_large_bubble .svg_inline_icon {
    margin-right: 10px;
    width: 70px;
    height: 70px;
    flex: 0 0 70px;
  }
  .share_thing .btn_icon_reverse_large_bubble .svg_inline_icon svg {
    margin-top: 34%;
  }
  .share_thing .btn_icon_reverse_large_bubble .label {
    margin-top: 1em;
  }
}

/* =====================================================================================================================
 ALL DARKENERS (Gradient & Full)
/*=======================================================================================================================*/
.darkener_gradient {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50%;
  background: rgba(18, 22, 25, 0);
  /* Old browsers */
  background: -moz-linear-gradient(top, rgba(18, 22, 25, 0) 0%, #121619 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(18, 22, 25, 0)), color-stop(100%, #121619));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(18, 22, 25, 0) 0%, #121619 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(18, 22, 25, 0) 0%, #121619 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(18, 22, 25, 0) 0%, #121619 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(18, 22, 25, 0) 0%, #121619 100%);
  /* W3C */
}

.darkener_full {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(18, 22, 25, 0.5);
}

/* =====================================================================================================================
 SWITCH
/*=======================================================================================================================*/
.switch {
  position: relative;
  border-radius: 50px;
  border: 1px solid;
  display: inline-block;
  /*
		Color Schemes ------------------------------------------------------------------------------------------------------
	*/
}

.switch .switched_item_marker {
  position: absolute;
  margin: 4px;
  border-radius: 100px;
  min-width: 50px;
  top: 0;
  bottom: 0;
  left: 0;
  backdrop-filter: blur(12.5px);
  -webkit-backdrop-filter: blur(12.5px);
  -webkit-transition: left 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955), width 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: left 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955), width 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: left 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955), width 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.switch .btn {
  position: relative;
  padding: 15px 15px 10px 15px;
  line-height: 1em !important;
  cursor: pointer;
}

.win .switch .btn {
  padding: 15px 15px 13px 15px;
}

.switch .btn:first-of-type {
  margin-left: 5px;
}

.switch .btn:last-of-type {
  margin-right: 5px;
}

.switch .count {
  position: relative;
  margin-left: 5px;
  top: -3px;
  color: #00c07b;
}

.cc_ready.anim_running .switch {
  -webkit-transition: border-color 300ms linear;
  -moz-transition: border-color 300ms linear;
  transition: border-color 300ms linear;
}

.cc_ready.anim_running .switch .btn {
  -webkit-transition: color 300ms linear;
  -moz-transition: color 300ms linear;
  transition: color 300ms linear;
}

.cc_ready.anim_running .switch .switched_item_marker {
  -webkit-transition: background-color 300ms linear;
  -moz-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
}

.cc_scheme_default .switch {
  border-color: rgba(18, 22, 25, 0.2);
}

.cc_scheme_dark .switch {
  border-color: rgba(255, 255, 255, 0.2);
}

.cc_scheme_default .switch .btn {
  color: #121619;
}

.cc_scheme_dark .switch .btn {
  color: white;
}

.cc_scheme_default .switch .switched_item_marker {
  background-color: rgba(18, 22, 25, 0.1);
}

.cc_scheme_dark .switch .switched_item_marker {
  background-color: rgba(255, 255, 255, 0.1);
}

.switch2 .btn {
  padding: 20px 20px 13px 20px;
}

.win .switch2 .btn {
  padding: 20px 20px 15px 20px;
}

/* =====================================================================================================================
 OVERLAY WITH IFRAME
/*=======================================================================================================================*/
.iframe_overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 99999999;
  opacity: 0;
  -webkit-transition: opacity 500ms linear;
  -moz-transition: opacity 500ms linear;
  transition: opacity 500ms linear;
  background-color: #121619;
  border: none;
}

.iframe_overlay.on {
  opacity: 1;
}

.close_iframeoverlay {
  position: fixed;
  cursor: pointer;
  top: 20px;
  left: 20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  z-index: 99999999;
  background-color: rgba(18, 22, 25, 0.4);
  background-image: url(../img/icn_close.svg);
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0;
  -webkit-transition: opacity 500ms linear;
  -moz-transition: opacity 500ms linear;
  transition: opacity 500ms linear;
}

.close_iframeoverlay.on {
  opacity: 1;
}

/* =====================================================================================================================
 TEASER CARD ITEM
/*=======================================================================================================================*/
.teaser_card_item {
  position: relative;
  overflow: hidden;
  border-radius: 9px;
  display: block;
  cursor: pointer;
}

.teaser_card_item .image_container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  transform: scale(1.05);
}

.teaser_card_item:hover .image_container {
  -webkit-transform: scale(1.0001);
  -moz-transform: scale(1.0001);
  transform: scale(1.0001);
}

.teaser_card_item .text_container {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}

@media (max-width: 767px) {
  .teaser_card_item .text_container {
    padding-left: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
  }
}

@media (min-width: 768px) {
  .teaser_card_item .text_container {
    padding-left: 30px;
    padding-bottom: 30px;
    padding-right: 30px;
  }
}

.teaser_card_item .darkener_gradient {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background: linear-gradient(to bottom, rgba(18, 22, 25, 0) 0%, rgba(18, 22, 25, 0.6) 100%);
}

@media (max-width: 1023px) {
  .teaser_card_item .darkener_gradient {
    height: 75%;
  }
}

@media (min-width: 1024px) {
  .teaser_card_item .darkener_gradient {
    height: 50%;
  }
}

/* =====================================================================================================================
 TEASER CARD AIRPLANE ITEM
/*=======================================================================================================================*/
.teaser_card_airplane_item {
  position: relative;
  overflow: hidden;
  border-radius: 9px;
  display: block;
  cursor: pointer;
}

.teaser_card_airplane_item.nolink {
  cursor: default;
}

.teaser_card_airplane_item.nolink:hover .image_container {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
}

.teaser_card_airplane_item .image_container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
}

.teaser_card_airplane_item:hover .image_container {
  -webkit-transform: scale(1.00001);
  -moz-transform: scale(1.00001);
  transform: scale(1.00001);
}

.teaser_card_airplane_item .text_container {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}

@media (max-width: 767px) {
  .teaser_card_airplane_item .text_container {
    margin-left: 20px;
    margin-bottom: 20px;
    margin-right: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .teaser_card_airplane_item .text_container {
    margin-left: 20px;
    margin-bottom: 20px;
    margin-right: 20px;
  }
}

@media (min-width: 1024px) {
  .teaser_card_airplane_item .text_container {
    margin-left: 30px;
    margin-bottom: 30px;
    margin-right: 30px;
  }
}

.teaser_card_airplane_item .text_container .logo_container {
  position: relative;
  height: 100%;
}

@media (max-width: 767px) {
  .teaser_card_airplane_item .text_container .logo_container {
    height: 35px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .teaser_card_airplane_item .text_container .logo_container {
    height: 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .teaser_card_airplane_item .text_container .logo_container {
    height: 54px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .teaser_card_airplane_item .text_container .logo_container {
    height: 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .teaser_card_airplane_item .text_container .logo_container {
    height: 54px;
  }
}

@media (min-width: 1860px) {
  .teaser_card_airplane_item .text_container .logo_container {
    height: 54px;
  }
}

.teaser_card_airplane_item .text_container svg {
  width: 100%;
  height: 100%;
}

.teaser_card_airplane_item .text_container svg path {
  fill: white;
}

.teaser_card_airplane_item .text_container .button_container {
  position: absolute;
  right: 0;
  height: 100%;
  bottom: 0;
}

.teaser_card_airplane_item .darkener_gradient {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  z-index: 1;
  background: linear-gradient(to bottom, rgba(18, 22, 25, 0) 0%, rgba(18, 22, 25, 0.6) 100%);
}

/* =====================================================================================================================
 FEATURE ICON ITEM
/*=======================================================================================================================*/
.feature_icon_item {
  position: relative;
  align-self: start;
  /*
		Color Schemes ------------------------------------------------------------------------------------------------------
	*/
}

@media (max-width: 767px) {
  .feature_icon_item {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 40px;
  }
  .feature_icon_item:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .feature_icon_item {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.feature_icon_item .icon {
  position: relative;
  border-radius: 5px;
}

@media (max-width: 767px) {
  .feature_icon_item .icon {
    width: 100px;
    height: 100px;
    padding: 25px;
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .feature_icon_item .icon {
    width: 125px;
    height: 125px;
    padding: 30px;
    margin-bottom: 60px;
  }
}

.feature_icon_item .icon svg {
  width: 100%;
  height: 100%;
}

.feature_icon_item .icon svg path {
  fill: #121619 !important;
}

.feature_icon_item .vertical_line {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  background-color: #c1c7cd;
}

@media (max-width: 1279px) {
  .feature_icon_item .vertical_line {
    bottom: 0.55em;
  }
}

@media (min-width: 1280px) {
  .feature_icon_item .vertical_line {
    bottom: 0.6em;
  }
  .win .feature_icon_item .vertical_line {
    bottom: 0.38em;
  }
}

.cc_ready .feature_icon_item .icon {
  -webkit-transition: background-color 300ms linear;
  -moz-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
}

.cc_scheme_default .feature_icon_item .icon {
  background-color: #dfecf3;
}

.cc_scheme_lightgrey .feature_icon_item .icon {
  background-color: #cee0e9;
}

/* =====================================================================================================================
 TECH SPECS LINE
/*=======================================================================================================================*/
.tech_specs_line {
  position: relative;
  border-top: 1px solid #dde1e6;
}

.tech_specs_line:last-child {
  border-bottom: 1px solid #dde1e6;
}

@media (max-width: 767px) {
  .tech_specs_line {
    padding-top: 30px;
    padding-bottom: 27px;
  }
}

@media (min-width: 768px) {
  .tech_specs_line {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding-top: 40px;
    padding-bottom: 36px;
  }
}

.tech_specs_line .value {
  color: #588095;
}

.tech_specs_line .svg_inline_icon {
  position: relative;
  top: -2px;
  margin-left: 5px;
  cursor: pointer;
}

.tech_specs_line .info_bubble_marker {
  position: absolute;
  cursor: pointer;
  -webkit-transition: opacity 70ms linear;
  -moz-transition: opacity 70ms linear;
  transition: opacity 70ms linear;
}

.tech_specs_line .info_bubble_marker:hover {
  opacity: 0.7;
}

/* =====================================================================================================================
 INFO BUBBLE
/*=======================================================================================================================*/
.info_bubble {
  position: absolute;
  border-radius: 9px;
  background-color: rgba(18, 22, 25, 0.8);
  padding: 20px 20px 16px;
  color: white;
  max-width: 250px;
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
  opacity: 0;
  -webkit-transition: opacity 100ms linear, transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 250ms;
  -moz-transition: opacity 100ms linear, transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 250ms;
  transition: opacity 100ms linear, transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 250ms;
}

.info_bubble.on {
  opacity: 1;
  -webkit-transition: opacity 250ms linear, transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0ms;
  -moz-transition: opacity 250ms linear, transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0ms;
  transition: opacity 250ms linear, transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0ms;
  -webkit-transform: translate3d(0, -10px, 0) ;
  -moz-transform: translate3d(0, -10px, 0) ;
  transform: translate3d(0, -10px, 0) ;
}

/* =====================================================================================================================
 UTILLITY BUTTON INCL. CONTAINER
/*=======================================================================================================================*/
.utillity_btn_container {
  position: relative;
  cursor: pointer;
  z-index: 99999;
  right: -10px;
  padding: 10px;
  padding-right: 0;
}

@media (max-width: 767px) {
  .utillity_btn_container {
    height: 71px;
  }
}

@media (min-width: 768px) {
  .utillity_btn_container {
    height: 81px;
  }
}

.utillity_btn_container button {
  display: none !important;
  position: relative;
  overflow: hidden;
  width: 161px;
  height: 100%;
  cursor: pointer;
  border-radius: 100px;
  display: inline-block;
  white-space: nowrap;
  background-color: rgba(47, 51, 54, 0.5);
  backdrop-filter: blur(7.5px);
  -webkit-backdrop-filter: blur(7.5px);
  padding-left: 30px;
  padding-right: 30px;
  -webkit-transition: opacity 150ms linear, width 150ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: opacity 150ms linear, width 150ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: opacity 150ms linear, width 150ms cubic-bezier(0.77, 0, 0.175, 1);
  opacity: 1;
}

.utillity_btn_container button.hidden {
  opacity: 0;
}

.utillity_btn_container button .hoverscale {
  border-color: transparent;
}

.utillity_btn_container button .label {
  position: absolute;
  left: 30px;
  color: white;
  top: 38%;
  opacity: 1;
  -webkit-transition: opacity 150ms linear 150ms;
  -moz-transition: opacity 150ms linear 150ms;
  transition: opacity 150ms linear 150ms;
}

.win .utillity_btn_container button .label {
  top: 34%;
}

.utillity_btn_container button .svg_inline_icon {
  position: absolute;
  right: 30px;
  top: 30%;
}

.utillity_btn_container button svg path {
  fill: white;
}

.utillity_btn_container button.reduced {
  width: 84px;
  -webkit-transition: width 150ms linear 150ms;
  -moz-transition: width 150ms linear 150ms;
  transition: width 150ms linear 150ms;
}

.utillity_btn_container button.reduced .label {
  opacity: 0;
  -webkit-transition: opacity 150ms linear;
  -moz-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
}

.utillity_btn_container button.reduced .svg_inline_icon {
  margin-left: 0;
}

@media (max-width: 767px) {
  .utillity_btn_container button {
    width: 84px;
  }
  .utillity_btn_container button .label {
    display: none;
  }
  .utillity_btn_container button .svg_inline_icon {
    margin-left: 0;
  }
}

/* =====================================================================================================================
 BACK BTN
/*=======================================================================================================================*/
.back_btn {
  position: relative;
  display: flex;
  /*
		ColorChange ---------------------------------------------------------------
	*/
}

.back_btn .label {
  position: relative;
  padding-top: 5px;
  margin-left: 10px;
}

.win .back_btn .label {
  padding-top: 3px;
}

.cc_ready.anim_running .back_btn .label {
  -webkit-transition: color 300ms linear;
  -moz-transition: color 300ms linear;
  transition: color 300ms linear;
}

.cc_ready.anim_running .back_btn .icon path {
  -webkit-transition: fill 300ms linear;
  -moz-transition: fill 300ms linear;
  transition: fill 300ms linear;
}

.cc_scheme_default .back_btn .label {
  color: #121619;
}

.cc_scheme_dark .back_btn .label {
  color: white;
}

.cc_scheme_default .back_btn .icon path {
  fill: #121619;
}

.cc_scheme_dark .back_btn .icon path {
  fill: white;
}

.back_btn_container {
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
}

@media (min-width: 768px) {
  .back_btn_container {
    margin-top: 40px;
  }
}

@media (max-width: 767px) {
  .back_btn_container {
    margin-top: 120px;
    padding-left: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .back_btn_container {
    padding-left: 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .back_btn_container {
    padding-left: 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .back_btn_container {
    padding-left: 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .back_btn_container {
    padding-left: 40px;
  }
}

@media (min-width: 1860px) {
  .back_btn_container {
    padding-left: 40px;
  }
}

/* =====================================================================================================================
 BTN CONTACT LARGE
/*=======================================================================================================================*/
.btn_contact_large {
  position: relative;
  display: inline-flex;
  /*
		ColorChange ---------------------------------------------------------------
	*/
}

.btn_contact_large .shape {
  position: relative;
  display: block;
  background-color: #f2f4f8;
  border-radius: 50%;
}

@media (max-width: 767px) {
  .btn_contact_large .shape {
    width: 67px;
    height: 67px;
  }
}

@media (min-width: 768px) {
  .btn_contact_large .shape {
    width: 90px;
    height: 90px;
  }
}

.btn_contact_large .label {
  position: relative;
  line-height: 1em !important;
  height: min-content;
  border-bottom: 1px solid #73abff;
}

@media (max-width: 767px) {
  .btn_contact_large .label {
    margin-left: 15px;
    margin-top: 24px;
  }
}

@media (min-width: 768px) {
  .btn_contact_large .label {
    margin-left: 20px;
    margin-top: 35px;
  }
}

.btn_contact_large .icon {
  position: relative;
}

.btn_contact_large .svg_inline_icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0) ;
  -moz-transform: translate3d(-50%, -50%, 0) ;
  transform: translate3d(-50%, -50%, 0) ;
}

.cc_ready.anim_running .btn_contact_large .label {
  -webkit-transition: color 300ms linear;
  -moz-transition: color 300ms linear;
  transition: color 300ms linear;
}

.cc_ready.anim_running .btn_contact_large .icon path {
  -webkit-transition: fill 300ms linear;
  -moz-transition: fill 300ms linear;
  transition: fill 300ms linear;
}

.cc_scheme_default .btn_contact_large .label {
  color: #121619;
}

.cc_scheme_dark .btn_contact_large .label {
  color: white;
}

.cc_scheme_default .btn_contact_large .icon path {
  fill: #121619;
}

.cc_scheme_dark .btn_contact_large .icon path {
  fill: white;
}

/* =====================================================================================================================
 NEWS TILE
/*=======================================================================================================================*/
.news_tile {
  position: relative;
  /*
		ColorChange ---------------------------------------------------------------
	*/
}

@media (max-width: 767px) {
  .news_tile {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .news_tile {
    margin-bottom: 60px;
  }
}

@media (min-width: 768px) {
  .news_tile:first-child {
    grid-column: span 2;
  }
  .news_tile:first-child .image_container {
    padding-bottom: 57.4%;
  }
}

.news_tile .image_container {
  position: relative;
  overflow: hidden;
  display: flex;
  height: 0;
  padding-bottom: 118%;
  width: 100%;
  margin-bottom: 10px;
  border-radius: 9px;
}

.news_tile .image_container.portrait {
  display: block;
}

@media (min-width: 768px) {
  .news_tile:first-child .landscape {
    display: block;
  }
  .news_tile:first-child .portrait {
    display: none;
  }
}

.news_tile .post_image {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: transform 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: transform 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  transform: scale(1.05);
}

.news_tile .post_image:hover {
  transform: scale(1.00001);
}

.cc_ready.anim_running .news_tile .date_and_cat, .cc_ready.anim_running .news_tile .title {
  -webkit-transition: color 300ms linear;
  -moz-transition: color 300ms linear;
  transition: color 300ms linear;
}

.cc_scheme_default .news_tile .title {
  color: #121619;
}

.cc_scheme_dark .news_tile .title {
  color: white;
}

.cc_scheme_default .news_tile .date_and_cat {
  color: #121619;
}

.cc_scheme_dark .news_tile .date_and_cat {
  color: white;
}

/* =====================================================================================================================
 FILTER BAR
/*=======================================================================================================================*/
.filter_bar, .filter_bar_single {
  position: relative;
  overflow: hidden;
  -webkit-transition: opacity 200ms linear, max-height 0ms linear 0ms;
  -moz-transition: opacity 200ms linear, max-height 0ms linear 0ms;
  transition: opacity 200ms linear, max-height 0ms linear 0ms;
  opacity: 1;
  max-height: 80px;
}

.filter_bar.hide, .filter_bar_single.hide {
  opacity: 0;
  max-height: 0;
  -webkit-transition: opacity 200ms linear, max-height 0ms linear 300ms;
  -moz-transition: opacity 200ms linear, max-height 0ms linear 300ms;
  transition: opacity 200ms linear, max-height 0ms linear 300ms;
}

.filter_bar.fixed, .filter_bar_single.fixed {
  position: fixed;
  left: 0;
  top: 0;
}

@media (max-width: 767px) {
  .filter_bar.fixed, .filter_bar_single.fixed {
    margin-top: 20px;
    margin-left: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .filter_bar.fixed, .filter_bar_single.fixed {
    margin-top: 40px;
    margin-left: 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .filter_bar.fixed, .filter_bar_single.fixed {
    margin-top: 40px;
    margin-left: 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .filter_bar.fixed, .filter_bar_single.fixed {
    margin-top: 40px;
    margin-left: 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .filter_bar.fixed, .filter_bar_single.fixed {
    margin-top: 40px;
    margin-left: 40px;
  }
}

@media (min-width: 1860px) {
  .filter_bar.fixed, .filter_bar_single.fixed {
    margin-top: 40px;
    margin-left: 40px;
  }
}

.filter_bar .inner_filter_bar, .filter_bar_single .inner_filter_bar {
  position: relative;
  display: flex;
}

.filter_bar .button2, .filter_bar_single .button2 {
  margin-bottom: 10px;
}

.entry-type-page-photo .filter_bar .trigger_filter_news_all .hoverscale, .entry-type-page-photo .filter_bar_single .trigger_filter_news_all .hoverscale {
  background-color: white !important;
}

.filter_bar .trigger_filter_news_all .svg_inline_icon, .filter_bar_single .trigger_filter_news_all .svg_inline_icon {
  position: relative;
  vertical-align: unset !important;
}

.filter_bar .trigger_filter_news_all .hoverscale, .filter_bar_single .trigger_filter_news_all .hoverscale {
  background-color: #dde1e6 !important;
  opacity: 0.7;
}

.filter_bar .trigger_filter_news_all .label, .filter_bar_single .trigger_filter_news_all .label {
  text-overflow: ellipsis;
  overflow: hidden;
}

@media (max-width: 767px) {
  .filter_bar .trigger_filter_news_all .label, .filter_bar_single .trigger_filter_news_all .label {
    max-width: 120px;
  }
}

.filter_bar .trigger_filter_news, .filter_bar_single .trigger_filter_news {
  margin-right: 10px;
}

@media (max-width: 767px) {
  .filter_bar .trigger_filter_news, .filter_bar_single .trigger_filter_news {
    margin-right: 5px;
  }
}

.filter_bar .trigger_filter_news .label, .filter_bar_single .trigger_filter_news .label {
  overflow: hidden;
  opacity: 1;
  -webkit-transition: opacity 150ms linear 200ms, width 150ms linear;
  -moz-transition: opacity 150ms linear 200ms, width 150ms linear;
  transition: opacity 150ms linear 200ms, width 150ms linear;
}

.filter_bar .trigger_filter_news .svg_inline_icon, .filter_bar_single .trigger_filter_news .svg_inline_icon {
  -webkit-transition: margin-left 150ms linear;
  -moz-transition: margin-left 150ms linear;
  transition: margin-left 150ms linear;
  vertical-align: unset !important;
}

.filter_bar .trigger_filter_news.shorted .label, .filter_bar_single .trigger_filter_news.shorted .label {
  -webkit-transition: opacity 150ms linear, width 150ms linear 200ms;
  -moz-transition: opacity 150ms linear, width 150ms linear 200ms;
  transition: opacity 150ms linear, width 150ms linear 200ms;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  display: block;
}

.filter_bar .trigger_filter_news.shorted .svg_inline_icon, .filter_bar_single .trigger_filter_news.shorted .svg_inline_icon {
  margin-left: 0;
}

@media (max-width: 767px) {
  .filter_bar .trigger_filter_news .label, .filter_bar_single .trigger_filter_news .label {
    display: none;
  }
  .filter_bar .trigger_filter_news .svg_inline_icon, .filter_bar_single .trigger_filter_news .svg_inline_icon {
    margin-left: 0;
  }
}

.posts_count {
  position: absolute;
  bottom: 4px;
  right: 0;
  color: #121619;
}

@media (max-width: 767px) {
  .posts_count {
    bottom: 9px;
  }
}

.lower_filter_bar:has(.lower_bar) {
  margin-top: 40px;
}

.lower_bar {
  position: relative;
  white-space: nowrap;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -ms-overflow-style: none;
  scrollbar-width: none !important;
}

.lower_bar::-webkit-scrollbar {
  display: none;
  width: 0 !important;
  height: 0 !important;
  padding: 0;
  margin: 0;
  border: none;
  background: rgba(0, 0, 0, 0);
  color: white !important;
  position: static;
}

.lower_bar::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}

.lower_bar::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0);
}

.lower_bar::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0);
}

.lower_bar::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0);
}

@media (max-width: 767px) {
  .lower_bar {
    margin-right: -25px;
    margin-left: -25px;
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media (min-width: 768px) {
  .lower_bar {
    margin-bottom: 40px;
  }
}

.result_container {
  margin-top: 40px;
}

@media (max-width: 767px) {
  .entry-type-page-photo #news_posts_count {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .entry-type-page-photo #news_posts_count {
    display: none;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .entry-type-page-photo #news_posts_count {
    display: none;
  }
}

.count_news_posts {
  position: relative;
}

@media (max-width: 767px) {
  .count_news_posts {
    margin-right: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .count_news_posts {
    margin-right: 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .count_news_posts {
    margin-right: 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .count_news_posts {
    margin-right: 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .count_news_posts {
    margin-right: 40px;
  }
}

@media (min-width: 1860px) {
  .count_news_posts {
    margin-right: 40px;
  }
}

/* =====================================================================================================================
 PANEL
/*=======================================================================================================================*/
.panel {
  position: fixed;
  display: none;
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(18, 22, 25, 0.5);
  z-index: 9999999;
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
  -webkit-transition: opacity 300ms linear;
  -moz-transition: opacity 300ms linear;
  transition: opacity 300ms linear;
}

.panel.on {
  display: block;
}

.panel.show {
  opacity: 1;
}

.panel .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}

.panel ul, .panel li {
  list-style-type: none;
}

.panel .left_panel_header, .panel .right_panel_header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  padding-top: 30px;
  padding-left: 20px;
  height: 75px;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  -webkit-transition: background-color 200ms linear;
  -moz-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
}

.panel .left_panel_header.scrolled, .panel .right_panel_header.scrolled {
  background-color: rgba(193, 199, 205, 0.3);
}

.panel .left_panel_content, .panel .right_panel_content {
  position: relative;
  height: calc(100% + 30px);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -ms-overflow-style: none;
  scrollbar-width: none !important;
  margin-top: -30px;
  padding-top: 120px;
  padding-bottom: 60px;
}

.panel .left_panel_content::-webkit-scrollbar, .panel .right_panel_content::-webkit-scrollbar {
  display: none;
  width: 0 !important;
  height: 0 !important;
  padding: 0;
  margin: 0;
  border: none;
  background: rgba(0, 0, 0, 0);
  color: white !important;
  position: static;
}

.panel .left_panel_content::-webkit-scrollbar-track, .panel .right_panel_content::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}

.panel .left_panel_content::-webkit-scrollbar-thumb, .panel .right_panel_content::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0);
}

.panel .left_panel_content::-webkit-scrollbar-thumb:hover, .panel .right_panel_content::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0);
}

.panel .left_panel_content::-webkit-scrollbar-thumb:window-inactive, .panel .right_panel_content::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0);
}

.panel .form_container {
  padding-left: 10%;
  padding-right: 10%;
}

.panel .form_container form {
  padding-left: 0;
  padding-right: 0;
}

.panel .form_container .titel {
  margin-bottom: 60px;
}

.panel .news_filter .filter_items > li {
  position: relative;
  border-bottom: 1px solid #dde1e6;
}

.panel .news_filter .filter_items > li:last-child {
  border-bottom: none;
}

.panel .jobs_filter .filter_item_container.open .status, .panel .photos_filter .filter_item_container.open .status {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
}

.panel .jobs_filter .filter_item_container.open .sub_item_container, .panel .photos_filter .filter_item_container.open .sub_item_container {
  opacity: 1;
}

.panel .jobs_filter .filter_item_container:has(.selection input:checked) .filter_item .has_selection, .panel .photos_filter .filter_item_container:has(.selection input:checked) .filter_item .has_selection {
  color: #0754e9;
}

.panel .jobs_filter .filter_item_container .has_selection, .panel .photos_filter .filter_item_container .has_selection {
  color: transparent;
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 5px;
  margin-left: 7px;
  font-size: 20px;
}

.panel .jobs_filter .filter_items, .panel .photos_filter .filter_items {
  padding-bottom: 90px;
}

@media (max-width: 767px) {
  .panel .jobs_filter .filter_items, .panel .photos_filter .filter_items {
    padding-bottom: 120px;
  }
}

.panel .jobs_filter .filter_items > li, .panel .photos_filter .filter_items > li {
  position: relative;
  border-bottom: 1px solid #dde1e6;
}

.panel .jobs_filter .filter_items > li:first-child, .panel .photos_filter .filter_items > li:first-child {
  border-top: 1px solid #dde1e6;
}

.panel .jobs_filter .filter_item, .panel .photos_filter .filter_item {
  overflow: hidden;
}

.panel .jobs_filter .filter_item .icon, .panel .photos_filter .filter_item .icon {
  position: relative;
  vertical-align: text-bottom;
  top: 2px;
  margin-right: 10px;
}

.panel .jobs_filter .filter_item .status, .panel .photos_filter .filter_item .status {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 0;
  background-image: url(../img/icn_close-alt_lightgrey.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.panel .jobs_filter .sub_item_container, .panel .photos_filter .sub_item_container {
  position: relative;
  overflow: hidden;
  height: 0;
  opacity: 0;
  -webkit-transition: height 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 200ms linear 100ms;
  -moz-transition: height 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 200ms linear 100ms;
  transition: height 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 200ms linear 100ms;
}

.panel .jobs_filter .sub_item, .panel .photos_filter .sub_item {
  overflow: hidden;
}

.panel .jobs_filter .sub_item:last-of-type, .panel .photos_filter .sub_item:last-of-type {
  padding-bottom: 20px;
}

.panel .jobs_filter .css-checkbox, .panel .photos_filter .css-checkbox {
  display: block;
}

.panel .jobs_filter .elem_checkbox, .panel .photos_filter .elem_checkbox {
  margin-bottom: 10px;
}

.panel .filter_item {
  position: relative;
  display: block;
  cursor: pointer;
  text-align: left;
  width: 100%;
  padding-top: 25px;
  padding-bottom: 18px;
  -webkit-transition: opacity 70ms linear;
  -moz-transition: opacity 70ms linear;
  transition: opacity 70ms linear;
}

.panel .filter_item .text4, .panel .filter_item .cm_list_text_2_columns_scrolling .items_container p, .cm_list_text_2_columns_scrolling .items_container .panel .filter_item p {
  color: #121619;
}

.panel .filter_item:hover {
  opacity: 0.6;
}

.panel .filter_item.current::before {
  content: "";
  position: relative;
  display: inline-block;
  margin-right: 10px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #0754e9;
  top: -1px;
}

.panel .sub_item_container {
  position: relative;
}

.panel .button_bar {
  position: fixed;
  left: 0;
  bottom: 30px;
  padding-left: 30px;
  width: 100%;
}

.panel .button_bar button {
  margin-right: 10px;
}

.panel .button_bar button:last-child {
  margin-right: 0;
}

.panel .panel_item {
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 30px;
}

.panel .leftside {
  left: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  transform: translateX(-100%);
}

.panel .rightside {
  right: 0;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  transform: translateX(100%);
}

.panel .leftside, .panel .rightside {
  position: absolute;
  overflow: hidden;
  background-color: white;
  top: 0;
  bottom: 0;
  height: 100%;
  -webkit-transition: transform 300ms cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition: transform 300ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 300ms cubic-bezier(0.86, 0, 0.07, 1);
}

@media (max-width: 767px) {
  .panel .leftside.narrow, .panel .rightside.narrow {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .panel .leftside.narrow, .panel .rightside.narrow {
    width: 50%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .panel .leftside.narrow, .panel .rightside.narrow {
    width: 40%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .panel .leftside.narrow, .panel .rightside.narrow {
    width: 30%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .panel .leftside.narrow, .panel .rightside.narrow {
    width: 30%;
  }
}

@media (min-width: 1860px) {
  .panel .leftside.narrow, .panel .rightside.narrow {
    width: 30%;
  }
}

@media (max-width: 767px) {
  .panel .leftside.half, .panel .rightside.half {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .panel .leftside.half, .panel .rightside.half {
    width: 70%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .panel .leftside.half, .panel .rightside.half {
    width: 50%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .panel .leftside.half, .panel .rightside.half {
    width: 50%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .panel .leftside.half, .panel .rightside.half {
    width: 50%;
  }
}

@media (min-width: 1860px) {
  .panel .leftside.half, .panel .rightside.half {
    width: 50%;
  }
}

.panel .leftside.on, .panel .rightside.on {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateX(0);
}

.panel .title {
  margin-bottom: 60px;
}

.panel .right_panel_title {
  opacity: 0;
  -webkit-transition: opacity 300ms linear;
  -moz-transition: opacity 300ms linear;
  transition: opacity 300ms linear;
}

.panel .count {
  position: relative;
  color: #0754e9;
  top: -5px;
  margin-left: 8px;
}

.panel .close_x {
  position: absolute;
  cursor: pointer;
  z-index: 1;
  top: 0;
  right: 0;
  margin-top: 26px;
  margin-right: 20px;
}

.panel .close_x path {
  -webkit-transition: fill 70ms linear;
  -moz-transition: fill 70ms linear;
  transition: fill 70ms linear;
  fill: #a2a9b0;
}

.panel .close_x:hover path {
  fill: #697077;
}

/* =====================================================================================================================
 ICON LABEL
/*=======================================================================================================================*/
.icon_label {
  position: relative;
  display: flex;
  white-space: nowrap;
}

.icon_label .icon_container {
  position: relative;
  flex: 0 0 24px;
  margin-right: 10px;
  margin-top: -2px;
}

.icon_label path {
  fill: #121619;
}

.icon_label .label {
  position: relative;
  white-space: nowrap;
}

/* =====================================================================================================================
 STATUS WIDGET
/*=======================================================================================================================*/
.status_widget {
  position: relative;
  display: flex;
}

.status_widget .icon {
  width: 19px;
  height: 19px;
  margin-right: 10px;
}

.status_widget .icon svg {
  width: 100%;
  height: 100%;
}

/* =====================================================================================================================
 PERSON IMAGE FALLBACK
/*=======================================================================================================================*/
.person_image_fallback {
  position: relative;
  background-color: #8fb6cb;
  width: 100px;
  height: 100px;
  padding-bottom: 0;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 60px;
}

.person_image_fallback .initials {
  position: relative;
  display: inline-block;
  margin-top: 50%;
  margin-left: 50%;
  color: white;
  -webkit-transform: translate3d(-50%, -50%, 0) ;
  -moz-transform: translate3d(-50%, -50%, 0) ;
  transform: translate3d(-50%, -50%, 0) ;
  padding-top: 5%;
  line-height: 1em;
}

/* =====================================================================================================================
 BTN ICON ROUND
/*=======================================================================================================================*/
.btn_icon_round {
  display: block;
  border-radius: 100%;
  border: 1px solid rgba(135, 141, 150, 0.5);
  padding: 15px;
  width: 55px;
  height: 55px;
  cursor: pointer;
  -webkit-transition: opacity 100ms linear;
  -moz-transition: opacity 100ms linear;
  transition: opacity 100ms linear;
}

.btn_icon_round:hover {
  opacity: 0.7;
}

.btn_icon_round svg {
  width: 100%;
  height: 100%;
}

.btn_icon_round path {
  fill: white;
}

/* =====================================================================================================================
 BTN PILL RADIO
/*=======================================================================================================================*/
.btn_pill_radio {
  position: relative;
}

.btn_pill_radio input[type=radio] {
  position: absolute;
  left: -1000px;
  z-index: -1000;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
}

.btn_pill_radio label {
  position: relative;
  display: block;
  padding-top: 10px;
  padding-bottom: 7px;
  padding-left: 15px;
  padding-right: 15px;
  white-space: nowrap;
  cursor: pointer;
  color: white;
  border-radius: 100px;
  background-color: rgba(255, 255, 255, 0.1);
}

.btn_pill_radio input[type=radio]:checked + label {
  background-color: rgba(255, 255, 255, 0.3);
}

/* =====================================================================================================================
 UI SLIDER
/*=======================================================================================================================*/
.ui_slider {
  position: relative;
  height: 3px;
  background-color: #697077;
  margin-left: 8px;
  margin-right: 8px;
  border-radius: 3px;
}

.ui_slider .ui-slider-handle {
  position: absolute;
  display: block;
  cursor: pointer;
  width: 19px;
  height: 19px;
  margin-left: -9.5px;
  top: -8.5px;
  border-radius: 50%;
  background: white;
  color: white;
  box-shadow: rgba(18, 22, 25, 0.6) 0 0 20px;
  z-index: 1;
}

.ui_slider .ui-slider-range {
  position: absolute;
  height: 3px;
  background-color: white;
  border-radius: 3px;
}

.ui_slider .custom_handle1, .ui_slider .custom_handle2 {
  position: absolute;
  text-align: center;
  top: 30px;
  left: -11px;
  width: 40px;
}

/* Pages
=======================================================================================================================*/
/* =====================================================================================================================
 PAGE TECH DATA
/*=======================================================================================================================*/
.page_tech_data {
  position: relative;
  padding-top: 90px;
}

@media (min-width: 1024px) {
  .page_tech_data {
    display: grid;
    grid-template-columns: 25% auto;
    gap: 70px;
  }
}

.page_tech_data .content_modules_tech_data {
  position: relative;
}

.page_tech_data .outer_anchor_nav_container {
  position: relative;
}

.page_tech_data .outer_anchor_nav_container .anchor_nav_container {
  position: relative;
  z-index: 999;
}

@media (max-width: 1023px) {
  .page_tech_data .outer_anchor_nav_container .anchor_nav_container {
    margin-bottom: 60px;
  }
}

.page_tech_data .outer_anchor_nav_container .anchor_nav_container.fixed {
  position: fixed;
  width: calc(24% - 7px);
  top: 50px;
}

.entry-type-page-tech-data .logo path {
  fill: white !important;
}

/* =====================================================================================================================
 PAGE LEADERSHIPDETAIL
/*=======================================================================================================================*/
.entry-type-page-leadership-person {
  /*
		ColorChange ---------------------------------------------------------------
	*/
}

.entry-type-page-leadership-person .hr {
  border-top: 1px solid #dde1e6;
  border-left: none;
  border-right: none;
  border-bottom: none;
}

@media (max-width: 767px) {
  .entry-type-page-leadership-person .hr {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}

@media (min-width: 768px) {
  .entry-type-page-leadership-person .hr {
    margin-top: 120px;
    margin-bottom: 120px;
  }
}

.entry-type-page-leadership-person .kategtitle {
  color: #588095;
}

@media (max-width: 767px) {
  .entry-type-page-leadership-person .kategtitle {
    margin-bottom: 40px;
  }
}

@media (min-width: 768px) {
  .entry-type-page-leadership-person .kategtitle {
    margin-bottom: 60px;
  }
}

/* =====================================================================================================================
 PAGE NEWSDETAIL
/*=======================================================================================================================*/
.entry-type-page-news .blog_content .text a, .entry-type-page-news .blog_content .lead a {
  color: inherit;
  padding-bottom: 0;
  border-bottom: 1px solid;
  -webkit-transition: color 100ms linear;
  -moz-transition: color 100ms linear;
  transition: color 100ms linear;
  border-bottom-color: #0754e9;
  /*
		Color Schemes ------------------------------------------------------------------------------------------------------
	*/
}

.entry-type-page-news .blog_content .text a:hover, .entry-type-page-news .blog_content .lead a:hover {
  color: #0754e9;
}

@media (max-width: 767px) {
  .entry-type-page-news .blog_content .text {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .entry-type-page-news .blog_content .text {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .entry-type-page-news .blog_content .zwischentitel {
    margin-top: 40px;
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .entry-type-page-news .blog_content .zwischentitel {
    margin-top: 60px;
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .entry-type-page-news .blog_content .lead {
    margin-bottom: 60px;
  }
}

@media (min-width: 768px) {
  .entry-type-page-news .blog_content .lead {
    margin-bottom: 90px;
  }
}

@media (max-width: 767px) {
  .entry-type-page-news .blog_content ul, .entry-type-page-news .blog_content ol {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .entry-type-page-news .blog_content ul, .entry-type-page-news .blog_content ol {
    margin-bottom: 30px;
  }
}

@media (max-width: 1023px) {
  .entry-type-page-news .blog_content ul {
    margin-left: 19px;
  }
}

@media (min-width: 1024px) {
  .entry-type-page-news .blog_content ul {
    padding-left: 19px;
  }
}

.entry-type-page-news .blog_content ol {
  list-style-type: decimal-leading-zero;
}

@media (max-width: 1023px) {
  .entry-type-page-news .blog_content ol {
    margin-left: 27px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .entry-type-page-news .blog_content ol {
    padding-left: 30px;
  }
}

@media (min-width: 1024px) {
  .entry-type-page-news .blog_content ol {
    padding-left: 34px;
  }
}

.entry-type-page-news .blog_content li::marker {
  margin-bottom: 10px;
}

.entry-type-page-news .blog_content li:not(.text3) {
  margin-bottom: 10px;
}

.entry-type-page-news .blog_content li p {
  margin-bottom: 10px !important;
}

@media (max-width: 767px) {
  .entry-type-page-news .blog_content .content_module {
    margin-top: 90px;
    margin-bottom: 85px;
  }
}

@media (min-width: 768px) {
  .entry-type-page-news .blog_content .content_module {
    margin-top: 160px;
    margin-bottom: 155px;
  }
}

.entry-type-page-news .blog_content > *:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .entry-type-page-news .blog_content {
    margin-bottom: 60px;
  }
}

@media (min-width: 768px) {
  .entry-type-page-news .blog_content {
    margin-bottom: 120px;
  }
}

.entry-type-page-news .blog_content > p, .entry-type-page-news .blog_content > h1, .entry-type-page-news .blog_content > h2, .entry-type-page-news .blog_content > h3, .entry-type-page-news .blog_content > h4, .entry-type-page-news .blog_content > h5, .entry-type-page-news .blog_content > h6, .entry-type-page-news .blog_content > ul, .entry-type-page-news .blog_content > ol {
  position: relative;
}

@media (max-width: 767px) {
  .entry-type-page-news .blog_content > p, .entry-type-page-news .blog_content > h1, .entry-type-page-news .blog_content > h2, .entry-type-page-news .blog_content > h3, .entry-type-page-news .blog_content > h4, .entry-type-page-news .blog_content > h5, .entry-type-page-news .blog_content > h6, .entry-type-page-news .blog_content > ul, .entry-type-page-news .blog_content > ol {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .entry-type-page-news .blog_content > p, .entry-type-page-news .blog_content > h1, .entry-type-page-news .blog_content > h2, .entry-type-page-news .blog_content > h3, .entry-type-page-news .blog_content > h4, .entry-type-page-news .blog_content > h5, .entry-type-page-news .blog_content > h6, .entry-type-page-news .blog_content > ul, .entry-type-page-news .blog_content > ol {
    width: 90%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .entry-type-page-news .blog_content > p, .entry-type-page-news .blog_content > h1, .entry-type-page-news .blog_content > h2, .entry-type-page-news .blog_content > h3, .entry-type-page-news .blog_content > h4, .entry-type-page-news .blog_content > h5, .entry-type-page-news .blog_content > h6, .entry-type-page-news .blog_content > ul, .entry-type-page-news .blog_content > ol {
    width: 80%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .entry-type-page-news .blog_content > p, .entry-type-page-news .blog_content > h1, .entry-type-page-news .blog_content > h2, .entry-type-page-news .blog_content > h3, .entry-type-page-news .blog_content > h4, .entry-type-page-news .blog_content > h5, .entry-type-page-news .blog_content > h6, .entry-type-page-news .blog_content > ul, .entry-type-page-news .blog_content > ol {
    width: 70%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .entry-type-page-news .blog_content > p, .entry-type-page-news .blog_content > h1, .entry-type-page-news .blog_content > h2, .entry-type-page-news .blog_content > h3, .entry-type-page-news .blog_content > h4, .entry-type-page-news .blog_content > h5, .entry-type-page-news .blog_content > h6, .entry-type-page-news .blog_content > ul, .entry-type-page-news .blog_content > ol {
    width: 60%;
  }
}

@media (min-width: 1860px) {
  .entry-type-page-news .blog_content > p, .entry-type-page-news .blog_content > h1, .entry-type-page-news .blog_content > h2, .entry-type-page-news .blog_content > h3, .entry-type-page-news .blog_content > h4, .entry-type-page-news .blog_content > h5, .entry-type-page-news .blog_content > h6, .entry-type-page-news .blog_content > ul, .entry-type-page-news .blog_content > ol {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .entry-type-page-news .blog_content > p, .entry-type-page-news .blog_content > h1, .entry-type-page-news .blog_content > h2, .entry-type-page-news .blog_content > h3, .entry-type-page-news .blog_content > h4, .entry-type-page-news .blog_content > h5, .entry-type-page-news .blog_content > h6, .entry-type-page-news .blog_content > ul, .entry-type-page-news .blog_content > ol {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .entry-type-page-news .blog_content > p, .entry-type-page-news .blog_content > h1, .entry-type-page-news .blog_content > h2, .entry-type-page-news .blog_content > h3, .entry-type-page-news .blog_content > h4, .entry-type-page-news .blog_content > h5, .entry-type-page-news .blog_content > h6, .entry-type-page-news .blog_content > ul, .entry-type-page-news .blog_content > ol {
    padding-left: 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .entry-type-page-news .blog_content > p, .entry-type-page-news .blog_content > h1, .entry-type-page-news .blog_content > h2, .entry-type-page-news .blog_content > h3, .entry-type-page-news .blog_content > h4, .entry-type-page-news .blog_content > h5, .entry-type-page-news .blog_content > h6, .entry-type-page-news .blog_content > ul, .entry-type-page-news .blog_content > ol {
    margin-left: 20%;
    padding-right: 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .entry-type-page-news .blog_content > p, .entry-type-page-news .blog_content > h1, .entry-type-page-news .blog_content > h2, .entry-type-page-news .blog_content > h3, .entry-type-page-news .blog_content > h4, .entry-type-page-news .blog_content > h5, .entry-type-page-news .blog_content > h6, .entry-type-page-news .blog_content > ul, .entry-type-page-news .blog_content > ol {
    margin-left: 30%;
    padding-right: 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .entry-type-page-news .blog_content > p, .entry-type-page-news .blog_content > h1, .entry-type-page-news .blog_content > h2, .entry-type-page-news .blog_content > h3, .entry-type-page-news .blog_content > h4, .entry-type-page-news .blog_content > h5, .entry-type-page-news .blog_content > h6, .entry-type-page-news .blog_content > ul, .entry-type-page-news .blog_content > ol {
    margin-left: 40%;
    padding-right: 40px;
  }
}

@media (min-width: 1860px) {
  .entry-type-page-news .blog_content > p, .entry-type-page-news .blog_content > h1, .entry-type-page-news .blog_content > h2, .entry-type-page-news .blog_content > h3, .entry-type-page-news .blog_content > h4, .entry-type-page-news .blog_content > h5, .entry-type-page-news .blog_content > h6, .entry-type-page-news .blog_content > ul, .entry-type-page-news .blog_content > ol {
    margin-left: 40%;
    padding-right: 40px;
  }
}

.entry-type-page-news .single_button_container {
  position: relative;
}

@media (max-width: 767px) {
  .entry-type-page-news .single_button_container {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .entry-type-page-news .single_button_container {
    width: 90%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .entry-type-page-news .single_button_container {
    width: 80%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .entry-type-page-news .single_button_container {
    width: 70%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .entry-type-page-news .single_button_container {
    width: 60%;
  }
}

@media (min-width: 1860px) {
  .entry-type-page-news .single_button_container {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .entry-type-page-news .single_button_container {
    margin-bottom: 100px;
  }
}

@media (min-width: 768px) {
  .entry-type-page-news .single_button_container {
    margin-bottom: 180px;
  }
}

@media (max-width: 767px) {
  .entry-type-page-news .single_button_container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .entry-type-page-news .single_button_container {
    padding-left: 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .entry-type-page-news .single_button_container {
    padding-left: 20%;
    padding-right: 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .entry-type-page-news .single_button_container {
    padding-left: 30%;
    padding-right: 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .entry-type-page-news .single_button_container {
    padding-left: 40%;
    padding-right: 40px;
  }
}

@media (min-width: 1860px) {
  .entry-type-page-news .single_button_container {
    padding-left: 40%;
    padding-right: 40px;
  }
}

.blog_content {
  /*
		ColorChange ---------------------------------------------------------------
	*/
}

.cc_ready.anim_running .blog_content .text, .cc_ready.anim_running .blog_content .zwischentitel, .cc_ready.anim_running .blog_content .lead {
  -webkit-transition: color 300ms linear;
  -moz-transition: color 300ms linear;
  transition: color 300ms linear;
}

.cc_scheme_default .blog_content .text {
  color: #121619;
}

.cc_scheme_dark .blog_content .text {
  color: white;
}

.cc_scheme_default .blog_content .zwischentitel {
  color: #121619;
}

.cc_scheme_dark .blog_content .zwischentitel {
  color: white;
}

.cc_scheme_default .blog_content .lead {
  color: #121619;
}

.cc_scheme_dark .blog_content .lead {
  color: white;
}

.cc_scheme_default .blog_content a {
  color: #121619;
}

.cc_scheme_dark .blog_content a {
  color: white;
}

.cc_scheme_default .blog_content li {
  color: #121619;
}

.cc_scheme_default .blog_content li::marker {
  color: #588095;
}

.cc_scheme_dark .blog_content li {
  color: white;
}

.cc_scheme_dark .blog_content li::marker {
  color: #588095;
}

.cc_scheme_default .blog_content ol li {
  color: #121619;
}

.cc_scheme_default .blog_content ol li::marker {
  color: #121619;
}

.cc_scheme_dark .blog_content ol li {
  color: white;
}

.cc_scheme_dark .blog_content ol li::marker {
  color: white;
}

/* =====================================================================================================================
 PAGE NEWS OVERVIEW
/*=======================================================================================================================*/
.entry-type-page-news-overview .teaser_box_shooter_container {
  display: none;
}

.entry-type-page-news-overview .cm_teaser_box_text {
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 767px) {
  .entry-type-page-news-overview .cm_teaser_box_text {
    margin-top: 20px;
    margin-bottom: 40px;
  }
}

@media (min-width: 768px) {
  .entry-type-page-news-overview .cm_teaser_box_text {
    margin-top: 30px;
    margin-bottom: 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .entry-type-page-news-overview .cm_teaser_box_text {
    grid-column: 1 / 3;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .entry-type-page-news-overview .cm_teaser_box_text {
    grid-column: 1 / 3;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .entry-type-page-news-overview .cm_teaser_box_text {
    grid-column: 1 / 4;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .entry-type-page-news-overview .cm_teaser_box_text {
    grid-column: 1 / 5;
  }
}

@media (min-width: 1860px) {
  .entry-type-page-news-overview .cm_teaser_box_text {
    grid-column: 1 / 6;
  }
}

/* =====================================================================================================================
 PAGE CENTER DETAIL
/*=======================================================================================================================*/
.entry-type-page-sales-and-service-centers .cm_features_icon_grid .tab {
  display: block;
}

.entry-type-page-sales-and-service-centers .headline_types {
  position: relative;
}

@media (max-width: 767px) {
  .entry-type-page-sales-and-service-centers .headline_types {
    margin-bottom: 60px;
  }
}

@media (min-width: 768px) {
  .entry-type-page-sales-and-service-centers .headline_types {
    margin-bottom: 100px;
  }
}

/* =====================================================================================================================
 PAGE PHOTOS
/*=======================================================================================================================*/
.entry-type-page-photo .photogrid_container {
  min-height: 600px;
}

/* =====================================================================================================================
 PAGE MEDIA
/*=======================================================================================================================*/
/* Headers
=======================================================================================================================*/
/* =====================================================================================================================
 Header Visual Fullwindow
/*=======================================================================================================================*/
.header_visual_fullwindow {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.header_visual_fullwindow .video_container {
  position: relative;
  display: flex;
  height: 100vh;
}

.header_visual_fullwindow .video_container .headervideo {
  position: relative;
  object-fit: cover;
  width: 100%;
}

.header_visual_fullwindow .image_container {
  position: relative;
  height: 100vh;
}

.header_visual_fullwindow .image_container .image_item {
  padding-bottom: 0;
  height: 100vh;
}

.header_visual_fullwindow .headline {
  position: absolute;
  color: white;
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0) ;
  -moz-transform: translate3d(0, 20px, 0) ;
  transform: translate3d(0, 20px, 0) ;
  -webkit-transition: opacity 1000ms linear 200ms, transform 1000ms cubic-bezier(0.165, 0.84, 0.44, 1) 200ms;
  -moz-transition: opacity 1000ms linear 200ms, transform 1000ms cubic-bezier(0.165, 0.84, 0.44, 1) 200ms;
  transition: opacity 1000ms linear 200ms, transform 1000ms cubic-bezier(0.165, 0.84, 0.44, 1) 200ms;
}

.header_visual_fullwindow .headline.on {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) ;
  -moz-transform: translate3d(0, 0, 0) ;
  transform: translate3d(0, 0, 0) ;
}

@media (max-width: 767px) {
  .header_visual_fullwindow .headline {
    left: 20px;
    bottom: 100px;
  }
  .mobile .header_visual_fullwindow .headline {
    bottom: 180px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .header_visual_fullwindow .headline {
    bottom: 28px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .header_visual_fullwindow .headline {
    bottom: 24px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .header_visual_fullwindow .headline {
    bottom: 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .header_visual_fullwindow .headline {
    bottom: 16px;
  }
}

@media (min-width: 1860px) {
  .header_visual_fullwindow .headline {
    bottom: 18px;
  }
}

@media (min-width: 768px) {
  .header_visual_fullwindow .headline {
    left: 40px;
    width: 60%;
  }
  .macos.touch .header_visual_fullwindow .headline {
    bottom: 50px;
  }
}

/* =====================================================================================================================
 header_visual_fullwindow_product.scss
/*=======================================================================================================================*/
.header_visual_fullwindow_product {
  position: relative;
  width: 100%;
  height: 100vh;
}

.header_visual_fullwindow_product .video_container {
  position: relative;
  display: flex;
  height: 100vh;
}

.header_visual_fullwindow_product .video_container .headervideo {
  position: relative;
  object-fit: cover;
  width: 100%;
}

.header_visual_fullwindow_product .image_container {
  position: relative;
  height: 100vh;
}

.header_visual_fullwindow_product .image_container .image_item {
  padding-bottom: 0;
  height: 100vh;
}

.header_visual_fullwindow_product .scrollable_container {
  position: relative;
  top: 88vh;
  width: 100%;
}

.mobile .header_visual_fullwindow_product .scrollable_container {
  top: 70vh;
}

@media (max-width: 767px) {
  .header_visual_fullwindow_product .scrollable_container {
    padding-left: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .header_visual_fullwindow_product .scrollable_container {
    padding-left: 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .header_visual_fullwindow_product .scrollable_container {
    padding-left: 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .header_visual_fullwindow_product .scrollable_container {
    padding-left: 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .header_visual_fullwindow_product .scrollable_container {
    padding-left: 40px;
  }
}

@media (min-width: 1860px) {
  .header_visual_fullwindow_product .scrollable_container {
    padding-left: 40px;
  }
}

.header_visual_fullwindow_product .product_logo_container {
  position: relative;
  display: inline-block;
}

.header_visual_fullwindow_product .logo_container_product_header {
  position: relative;
  display: inline-block;
  opacity: 0;
}

@media (max-width: 767px) {
  .header_visual_fullwindow_product .logo_container_product_header {
    margin-bottom: 30px;
  }
}

@media (min-width: 768px) {
  .header_visual_fullwindow_product .logo_container_product_header {
    margin-bottom: 40px;
  }
}

.mobile .header_visual_fullwindow_product .logo_container_product_header {
  margin-bottom: 100px;
}

.header_visual_fullwindow_product .logo_container_product_header svg {
  width: 100%;
  height: 100%;
  opacity: 0.75;
}

.header_visual_fullwindow_product .logo_container_product_header svg path {
  fill: white;
}

.header_visual_fullwindow_product .prefix {
  display: none;
}

.header_visual_fullwindow_product .headline_to_fade_in {
  position: relative;
  color: white;
  opacity: 0;
  padding-right: 20px;
  -webkit-transition: opacity 300ms linear;
  -moz-transition: opacity 300ms linear;
  transition: opacity 300ms linear;
}

.header_visual_fullwindow_product .headline_to_fade_in.on {
  opacity: 1;
}

.header_visual_fullwindow_product .fixed_image_and_video_container {
  position: fixed;
  width: 100%;
  overflow: hidden;
}

.subpage_nav_container {
  position: relative;
  opacity: 0;
  -webkit-transition: background-color 300ms linear, backdrop-filter 300ms linear, opacity 300ms linear;
  -moz-transition: background-color 300ms linear, backdrop-filter 300ms linear, opacity 300ms linear;
  transition: background-color 300ms linear, backdrop-filter 300ms linear, opacity 300ms linear;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -ms-overflow-style: none;
  scrollbar-width: none !important;
}

@media (max-width: 767px) {
  .subpage_nav_container {
    width: calc(100% + 20px);
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .subpage_nav_container {
    width: calc(100% + 40px);
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .subpage_nav_container {
    width: calc(100% + 40px);
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .subpage_nav_container {
    width: calc(100% + 40px);
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .subpage_nav_container {
    width: calc(100% + 40px);
  }
}

@media (min-width: 1860px) {
  .subpage_nav_container {
    width: calc(100% + 40px);
  }
}

.subpage_nav_container.on {
  opacity: 1;
}

.subpage_nav_container.has_background {
  background-color: rgba(18, 22, 25, 0.3);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.subpage_nav_container.fixed_on_top {
  position: fixed;
  -webkit-transition: top 350ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: top 350ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: top 350ms cubic-bezier(0.77, 0, 0.175, 1);
}

.show_subnav .subpage_nav_container.fixed_on_top {
  top: 0 !important;
}

.subpage_nav_container::-webkit-scrollbar {
  display: none;
  width: 0 !important;
  height: 0 !important;
  padding: 0;
  margin: 0;
  border: none;
  background: rgba(0, 0, 0, 0);
  color: white !important;
  position: static;
}

.subpage_nav_container::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}

.subpage_nav_container::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0);
}

.subpage_nav_container::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0);
}

.subpage_nav_container::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0);
}

@media (max-width: 767px) {
  .subpage_nav_container {
    white-space: nowrap;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding-top: 30px;
    padding-bottom: 27px;
  }
}

@media (min-width: 768px) {
  .subpage_nav_container {
    padding-top: 40px;
    padding-bottom: 37px;
  }
}

@media (max-width: 767px) {
  .subpage_nav_container {
    margin-left: -20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .subpage_nav_container {
    margin-left: -40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .subpage_nav_container {
    margin-left: -40px;
    margin-right: -40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .subpage_nav_container {
    margin-left: -40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .subpage_nav_container {
    margin-left: -40px;
  }
}

@media (min-width: 1860px) {
  .subpage_nav_container {
    margin-left: -40px;
  }
}

.logo_dispatched {
  position: absolute;
  left: 0;
  z-index: 9999;
  opacity: 0;
  -webkit-transition: opacity 150ms linear;
  -moz-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
}

.logo_dispatched svg {
  width: 200%;
  height: 100%;
  opacity: 0.75;
}

@media (max-width: 767px) {
  .logo_dispatched svg {
    width: 150%;
  }
}

.logo_dispatched svg path {
  fill: white;
}

.logo_dispatched.on {
  opacity: 1;
}

@media (max-width: 767px) {
  .logo_dispatched {
    padding-left: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .logo_dispatched {
    padding-left: 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .logo_dispatched {
    padding-left: 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .logo_dispatched {
    padding-left: 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .logo_dispatched {
    padding-left: 40px;
  }
}

@media (min-width: 1860px) {
  .logo_dispatched {
    padding-left: 40px;
  }
}

/* =====================================================================================================================
 HEADER SLIM
/*=======================================================================================================================*/
.header_slim {
  position: relative;
}

@media (max-width: 767px) {
  .header_slim {
    height: 180px;
  }
}

@media (min-width: 768px) {
  .header_slim {
    height: 250px;
  }
}

/* =====================================================================================================================
 HEADER NEWSDETAIL
/*=======================================================================================================================*/
.header_newsdetail {
  position: relative;
}

@media (max-width: 767px) {
  .header_newsdetail {
    padding-top: 180px;
    margin-bottom: 100px;
  }
}

@media (min-width: 768px) {
  .header_newsdetail {
    padding-top: 250px;
    margin-bottom: 160px;
  }
}

.header_newsdetail .headline {
  position: relative;
}

@media (max-width: 767px) {
  .header_newsdetail .headline {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .header_newsdetail .headline {
    width: 90%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .header_newsdetail .headline {
    width: 80%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .header_newsdetail .headline {
    width: 70%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .header_newsdetail .headline {
    width: 60%;
  }
}

@media (min-width: 1860px) {
  .header_newsdetail .headline {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .header_newsdetail .headline {
    margin-bottom: 15px;
  }
}

@media (min-width: 768px) {
  .header_newsdetail .headline {
    margin-bottom: 25px;
  }
}

.header_newsdetail .date_kateg {
  position: relative;
}

@media (max-width: 767px) {
  .header_newsdetail .date_kateg {
    margin-bottom: 30px;
  }
}

@media (min-width: 768px) {
  .header_newsdetail .date_kateg {
    margin-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .header_newsdetail .image_item {
    padding-bottom: 120%;
  }
}

@media (min-width: 768px) {
  .header_newsdetail .image_item {
    padding-bottom: 56%;
  }
}

.header_newsdetail .video_container {
  position: relative;
  display: flex;
  overflow: hidden;
}

@media (max-width: 767px) {
  .header_newsdetail .video_container {
    padding-bottom: 120%;
  }
}

@media (min-width: 768px) {
  .header_newsdetail .video_container {
    padding-bottom: 56%;
  }
}

.header_newsdetail .video {
  position: absolute;
  width: 100%;
  object-fit: cover;
}

@media (max-width: 767px) {
  .header_newsdetail .video {
    height: 100%;
  }
}

.header_newsdetail .image_container, .header_newsdetail .video_container {
  position: relative;
}

@media (max-width: 767px) {
  .header_newsdetail .image_container, .header_newsdetail .video_container {
    margin-left: -20px;
    margin-right: -20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .header_newsdetail .image_container, .header_newsdetail .video_container {
    margin-left: -40px;
    margin-right: -40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .header_newsdetail .image_container, .header_newsdetail .video_container {
    margin-left: -40px;
    margin-right: -40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .header_newsdetail .image_container, .header_newsdetail .video_container {
    margin-left: -40px;
    margin-right: -40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .header_newsdetail .image_container, .header_newsdetail .video_container {
    margin-left: -40px;
    margin-right: -40px;
  }
}

@media (min-width: 1860px) {
  .header_newsdetail .image_container, .header_newsdetail .video_container {
    margin-left: -40px;
    margin-right: -40px;
  }
}

/* =====================================================================================================================
 HEADER NEWS OVERVIEW
/*=======================================================================================================================*/
.header_news_overview, .header_photos {
  position: relative;
}

@media (max-width: 767px) {
  .header_news_overview, .header_photos {
    padding-top: 180px;
    margin-bottom: 25px;
  }
}

@media (min-width: 768px) {
  .header_news_overview, .header_photos {
    padding-top: 250px;
    margin-bottom: 60px;
  }
}

.header_news_overview .headline, .header_photos .headline {
  position: relative;
}

@media (max-width: 767px) {
  .header_news_overview .headline, .header_photos .headline {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .header_news_overview .headline, .header_photos .headline {
    width: 90%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .header_news_overview .headline, .header_photos .headline {
    width: 80%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .header_news_overview .headline, .header_photos .headline {
    width: 70%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .header_news_overview .headline, .header_photos .headline {
    width: 60%;
  }
}

@media (min-width: 1860px) {
  .header_news_overview .headline, .header_photos .headline {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .header_news_overview .headline, .header_photos .headline {
    margin-bottom: 15px;
  }
}

@media (min-width: 768px) {
  .header_news_overview .headline, .header_photos .headline {
    margin-bottom: 50px;
  }
}

.header_news_overview .filter_container, .header_photos .filter_container {
  position: relative;
}

/* =====================================================================================================================
 HEADER SLIM WITH HEADLINE
/*=======================================================================================================================*/
.header_slim_with_headline, .header_media {
  position: relative;
  /*
		ColorChange ---------------------------------------------------------------
	*/
}

@media (max-width: 767px) {
  .header_slim_with_headline, .header_media {
    padding-top: 180px;
    margin-bottom: 25px;
  }
}

@media (min-width: 768px) {
  .header_slim_with_headline, .header_media {
    padding-top: 250px;
    margin-bottom: 60px;
  }
}

.header_slim_with_headline .headline, .header_media .headline {
  position: relative;
}

@media (max-width: 767px) {
  .header_slim_with_headline .headline, .header_media .headline {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .header_slim_with_headline .headline, .header_media .headline {
    width: 90%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .header_slim_with_headline .headline, .header_media .headline {
    width: 80%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .header_slim_with_headline .headline, .header_media .headline {
    width: 70%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .header_slim_with_headline .headline, .header_media .headline {
    width: 60%;
  }
}

@media (min-width: 1860px) {
  .header_slim_with_headline .headline, .header_media .headline {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .header_slim_with_headline .headline, .header_media .headline {
    margin-bottom: 15px;
  }
}

@media (min-width: 768px) {
  .header_slim_with_headline .headline, .header_media .headline {
    margin-bottom: 50px;
  }
}

.cc_ready.anim_running .header_slim_with_headline .headline, .cc_ready.anim_running .header_media .headline {
  -webkit-transition: color 300ms linear;
  -moz-transition: color 300ms linear;
  transition: color 300ms linear;
}

.cc_scheme_default .header_slim_with_headline .headline, .cc_scheme_default .header_media .headline {
  color: #121619;
}

.cc_scheme_dark .header_slim_with_headline .headline, .cc_scheme_dark .header_media .headline {
  color: white;
}

/* =====================================================================================================================
 HEADER APPRENTICESHIPS
/*=======================================================================================================================*/
.header_apprenticeship {
  position: relative;
}

@media (max-width: 767px) {
  .header_apprenticeship {
    padding-top: 180px;
    margin-bottom: 100px;
  }
}

@media (min-width: 768px) {
  .header_apprenticeship {
    padding-top: 250px;
    margin-bottom: 160px;
  }
}

.header_apprenticeship .headline {
  position: relative;
}

@media (max-width: 767px) {
  .header_apprenticeship .headline {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .header_apprenticeship .headline {
    width: 90%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .header_apprenticeship .headline {
    width: 80%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .header_apprenticeship .headline {
    width: 70%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .header_apprenticeship .headline {
    width: 60%;
  }
}

@media (min-width: 1860px) {
  .header_apprenticeship .headline {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .header_apprenticeship .headline {
    margin-bottom: 15px;
  }
}

@media (min-width: 768px) {
  .header_apprenticeship .headline {
    margin-bottom: 25px;
  }
}

.header_apprenticeship .info_bar {
  position: relative;
}

@media (max-width: 767px) {
  .header_apprenticeship .info_bar {
    display: block;
    margin-bottom: 30px;
  }
}

@media (min-width: 768px) {
  .header_apprenticeship .info_bar {
    display: flex;
    margin-bottom: 50px;
  }
}

.header_apprenticeship .info_bar .icon_label {
  margin-right: 20px;
}

@media (max-width: 767px) {
  .header_apprenticeship .button_bar, .header_apprenticeship .status_bar {
    margin-bottom: 30px;
  }
}

@media (min-width: 768px) {
  .header_apprenticeship .button_bar, .header_apprenticeship .status_bar {
    margin-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .header_apprenticeship .image_item {
    padding-bottom: 120%;
  }
}

@media (min-width: 768px) {
  .header_apprenticeship .image_item {
    padding-bottom: 56%;
  }
}

.header_apprenticeship .video_container {
  position: relative;
  display: flex;
  overflow: hidden;
}

@media (max-width: 767px) {
  .header_apprenticeship .video_container {
    padding-bottom: 120%;
  }
}

@media (min-width: 768px) {
  .header_apprenticeship .video_container {
    padding-bottom: 56%;
  }
}

.header_apprenticeship .video {
  position: absolute;
  width: 100%;
  object-fit: cover;
}

@media (max-width: 767px) {
  .header_apprenticeship .video {
    height: 100%;
  }
}

.header_apprenticeship .image_container, .header_apprenticeship .video_container {
  position: relative;
}

@media (max-width: 767px) {
  .header_apprenticeship .image_container, .header_apprenticeship .video_container {
    margin-left: -20px;
    margin-right: -20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .header_apprenticeship .image_container, .header_apprenticeship .video_container {
    margin-left: -40px;
    margin-right: -40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .header_apprenticeship .image_container, .header_apprenticeship .video_container {
    margin-left: -40px;
    margin-right: -40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .header_apprenticeship .image_container, .header_apprenticeship .video_container {
    margin-left: -40px;
    margin-right: -40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .header_apprenticeship .image_container, .header_apprenticeship .video_container {
    margin-left: -40px;
    margin-right: -40px;
  }
}

@media (min-width: 1860px) {
  .header_apprenticeship .image_container, .header_apprenticeship .video_container {
    margin-left: -40px;
    margin-right: -40px;
  }
}

/* =====================================================================================================================
 HEADER APPRENTICIES
/*=======================================================================================================================*/
.header_apprenticies {
  position: relative;
  width: 100%;
  height: 100vh;
}

.header_apprenticies .video_container {
  position: relative;
  display: flex;
  height: 100vh;
}

.header_apprenticies .video_container .headervideo {
  position: relative;
  object-fit: cover;
  width: 100%;
}

.header_apprenticies .image_container {
  position: relative;
  height: 100vh;
}

.header_apprenticies .image_container .image_item {
  padding-bottom: 0;
  height: 100vh;
}

.header_apprenticies .headline_to_fade_in {
  position: relative;
  color: white;
  opacity: 1;
  padding-right: 20px;
  -webkit-transition: opacity 300ms linear;
  -moz-transition: opacity 300ms linear;
  transition: opacity 300ms linear;
}

@media (max-width: 767px) {
  .header_apprenticies .headline_to_fade_in {
    top: -50px;
  }
}

.header_apprenticies .headline_to_fade_in.on {
  opacity: 1;
}

.header_apprenticies .fixed_image_and_video_container {
  position: fixed;
  width: 100%;
  overflow: hidden;
}

.header_apprenticies .scrollable_container {
  position: relative;
  top: 88vh;
  width: 100%;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .header_apprenticies .scrollable_container {
    top: 90vh;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .header_apprenticies .scrollable_container {
    top: 88.3vh;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .header_apprenticies .scrollable_container {
    top: 87.5vh;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .header_apprenticies .scrollable_container {
    top: 86.5vh;
  }
}

@media (min-width: 1860px) {
  .header_apprenticies .scrollable_container {
    top: 85.5vh;
  }
}

.mobile .header_apprenticies .scrollable_container {
  top: 70vh;
}

@media (max-width: 767px) {
  .header_apprenticies .scrollable_container {
    padding-left: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .header_apprenticies .scrollable_container {
    padding-left: 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .header_apprenticies .scrollable_container {
    padding-left: 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .header_apprenticies .scrollable_container {
    padding-left: 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .header_apprenticies .scrollable_container {
    padding-left: 40px;
  }
}

@media (min-width: 1860px) {
  .header_apprenticies .scrollable_container {
    padding-left: 40px;
  }
}

/* =====================================================================================================================
 HEADER JOBINSERTION
/*=======================================================================================================================*/
.header_jobinsertion {
  position: relative;
}

@media (max-width: 767px) {
  .header_jobinsertion {
    padding-top: 180px;
    margin-bottom: 80px;
  }
}

@media (min-width: 768px) {
  .header_jobinsertion {
    padding-top: 250px;
    margin-bottom: 120px;
  }
}

.header_jobinsertion .headline {
  position: relative;
}

@media (max-width: 767px) {
  .header_jobinsertion .headline {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .header_jobinsertion .headline {
    width: 90%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .header_jobinsertion .headline {
    width: 80%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .header_jobinsertion .headline {
    width: 70%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .header_jobinsertion .headline {
    width: 60%;
  }
}

@media (min-width: 1860px) {
  .header_jobinsertion .headline {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .header_jobinsertion .headline {
    margin-bottom: 15px;
  }
}

@media (min-width: 768px) {
  .header_jobinsertion .headline {
    margin-bottom: 25px;
  }
}

.header_jobinsertion .info_bar {
  position: relative;
}

@media (max-width: 767px) {
  .header_jobinsertion .info_bar {
    display: block;
    margin-bottom: 30px;
  }
}

@media (min-width: 768px) {
  .header_jobinsertion .info_bar {
    display: flex;
    margin-bottom: 50px;
  }
}

.header_jobinsertion .info_bar .icon_label {
  margin-right: 20px;
}

@media (max-width: 767px) {
  .header_jobinsertion .button_bar, .header_jobinsertion .status_bar {
    margin-bottom: 30px;
  }
}

@media (min-width: 768px) {
  .header_jobinsertion .button_bar, .header_jobinsertion .status_bar {
    margin-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .header_jobinsertion .image_item {
    padding-bottom: 120%;
  }
}

@media (min-width: 768px) {
  .header_jobinsertion .image_item {
    padding-bottom: 56%;
  }
}

.header_jobinsertion .video_container {
  position: relative;
  display: flex;
  overflow: hidden;
}

@media (max-width: 767px) {
  .header_jobinsertion .video_container {
    padding-bottom: 120%;
  }
}

@media (min-width: 768px) {
  .header_jobinsertion .video_container {
    padding-bottom: 56%;
  }
}

.header_jobinsertion .video {
  position: absolute;
  width: 100%;
  object-fit: cover;
}

@media (max-width: 767px) {
  .header_jobinsertion .video {
    height: 100%;
  }
}

.header_jobinsertion .image_container, .header_jobinsertion .video_container {
  position: relative;
}

@media (max-width: 767px) {
  .header_jobinsertion .image_container, .header_jobinsertion .video_container {
    margin-left: -20px;
    margin-right: -20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .header_jobinsertion .image_container, .header_jobinsertion .video_container {
    margin-left: -40px;
    margin-right: -40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .header_jobinsertion .image_container, .header_jobinsertion .video_container {
    margin-left: -40px;
    margin-right: -40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .header_jobinsertion .image_container, .header_jobinsertion .video_container {
    margin-left: -40px;
    margin-right: -40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .header_jobinsertion .image_container, .header_jobinsertion .video_container {
    margin-left: -40px;
    margin-right: -40px;
  }
}

@media (min-width: 1860px) {
  .header_jobinsertion .image_container, .header_jobinsertion .video_container {
    margin-left: -40px;
    margin-right: -40px;
  }
}

/* =====================================================================================================================
 HEADER JOBS
/*=======================================================================================================================*/
.header_jobs {
  position: relative;
  background-color: #121619;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

@media (max-width: 767px) {
  .header_jobs {
    padding-top: 180px;
    margin-bottom: 25px;
  }
}

@media (min-width: 768px) {
  .header_jobs {
    padding-top: 250px;
    margin-bottom: 60px;
  }
}

.header_jobs .small_page_label {
  color: white;
}

.header_jobs .headline {
  position: relative;
  color: white;
}

@media (max-width: 767px) {
  .header_jobs .headline {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .header_jobs .headline {
    width: 90%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .header_jobs .headline {
    width: 80%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .header_jobs .headline {
    width: 70%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .header_jobs .headline {
    width: 60%;
  }
}

@media (min-width: 1860px) {
  .header_jobs .headline {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .header_jobs .headline {
    margin-bottom: 25px;
  }
}

@media (min-width: 768px) {
  .header_jobs .headline {
    margin-bottom: 50px;
  }
}

.header_jobs .darkener_blurrer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  background-color: rgba(18, 22, 25, 0.75);
}

.header_jobs .button_bar {
  position: relative;
}

.header_jobs .buttons_rightside {
  position: absolute;
  right: 0;
  display: inline-block;
  bottom: 0;
  padding-bottom: 40px;
}

@media (max-width: 1023px) {
  .header_jobs .buttons_rightside {
    position: relative;
    display: block;
  }
}

.header_jobs .buttons_rightside .button_item {
  position: relative;
}

@media (min-width: 768px) {
  .header_jobs .buttons_rightside .button_item {
    display: inline-block;
    margin-right: 30px;
  }
  .header_jobs .buttons_rightside .button_item:last-child {
    margin-right: 0;
  }
}

.header_jobs .switch2_container {
  position: relative;
  padding-bottom: 40px;
  display: inline-block;
}

@media (max-width: 767px) {
  .header_jobs .switch2_container {
    padding-bottom: 20px;
  }
}

.header:has(.header_jobs) .logo path {
  fill: white;
}

.header:has(.header_jobs) .filter_container {
  margin-bottom: 40px;
}

/* =====================================================================================================================
 HEADER CENTERS DETAIL
/*=======================================================================================================================*/
.header_centers_detail {
  position: relative;
}

@media (max-width: 767px) {
  .header_centers_detail {
    padding-top: 180px;
    margin-bottom: 80px;
  }
}

@media (min-width: 768px) {
  .header_centers_detail {
    padding-top: 250px;
    margin-bottom: 120px;
  }
}

.header_centers_detail .headline {
  position: relative;
}

@media (max-width: 767px) {
  .header_centers_detail .headline {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .header_centers_detail .headline {
    width: 90%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .header_centers_detail .headline {
    width: 80%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .header_centers_detail .headline {
    width: 70%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .header_centers_detail .headline {
    width: 60%;
  }
}

@media (min-width: 1860px) {
  .header_centers_detail .headline {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .header_centers_detail .headline {
    margin-bottom: 15px;
  }
}

@media (min-width: 768px) {
  .header_centers_detail .headline {
    margin-bottom: 25px;
  }
}

.header_centers_detail .info_bar {
  position: relative;
}

@media (max-width: 767px) {
  .header_centers_detail .info_bar {
    display: block;
    margin-bottom: 30px;
  }
}

@media (min-width: 768px) {
  .header_centers_detail .info_bar {
    display: flex;
    margin-bottom: 50px;
  }
}

.header_centers_detail .info_bar .icon_label {
  margin-right: 20px;
}

@media (max-width: 767px) {
  .header_centers_detail .info_bar .icon_label {
    margin-bottom: 5px;
  }
}

@media (max-width: 767px) {
  .header_centers_detail .button_bar, .header_centers_detail .status_bar {
    margin-bottom: 30px;
  }
}

@media (min-width: 768px) {
  .header_centers_detail .button_bar, .header_centers_detail .status_bar {
    margin-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .header_centers_detail .image_item {
    padding-bottom: 120%;
  }
}

@media (min-width: 768px) {
  .header_centers_detail .image_item {
    padding-bottom: 56%;
  }
}

.header_centers_detail .video_container {
  position: relative;
  display: flex;
  overflow: hidden;
}

@media (max-width: 767px) {
  .header_centers_detail .video_container {
    padding-bottom: 120%;
  }
}

@media (min-width: 768px) {
  .header_centers_detail .video_container {
    padding-bottom: 56%;
  }
}

.header_centers_detail .video {
  position: absolute;
  width: 100%;
  object-fit: cover;
}

@media (max-width: 767px) {
  .header_centers_detail .video {
    height: 100%;
  }
}

.header_centers_detail .image_container, .header_centers_detail .video_container {
  position: relative;
}

@media (max-width: 767px) {
  .header_centers_detail .image_container, .header_centers_detail .video_container {
    margin-left: -20px;
    margin-right: -20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .header_centers_detail .image_container, .header_centers_detail .video_container {
    margin-left: -40px;
    margin-right: -40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .header_centers_detail .image_container, .header_centers_detail .video_container {
    margin-left: -40px;
    margin-right: -40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .header_centers_detail .image_container, .header_centers_detail .video_container {
    margin-left: -40px;
    margin-right: -40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .header_centers_detail .image_container, .header_centers_detail .video_container {
    margin-left: -40px;
    margin-right: -40px;
  }
}

@media (min-width: 1860px) {
  .header_centers_detail .image_container, .header_centers_detail .video_container {
    margin-left: -40px;
    margin-right: -40px;
  }
}

/* =====================================================================================================================
 HEADER PHOTOS
/*=======================================================================================================================*/
@media (max-width: 767px) {
  .header_photos #news_posts_count {
    display: none;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .header_photos .result_container {
    display: none;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .header_photos .result_container {
    display: none;
  }
}

@media (min-width: 1860px) {
  .header_photos .result_container {
    display: none;
  }
}

/* =====================================================================================================================
 HEADER MEDIA
/*=======================================================================================================================*/
.header_media {
  position: relative;
}

@media (max-width: 767px) {
  .header_media {
    margin-bottom: 80px;
  }
}

@media (max-width: 767px) {
  .header_media .headline_container {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .header_media .headline_container {
    width: 90%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .header_media .headline_container {
    width: 80%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .header_media .headline_container {
    width: 70%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .header_media .headline_container {
    width: 60%;
  }
}

@media (min-width: 1860px) {
  .header_media .headline_container {
    width: 50%;
  }
}

.header_media .headline_container a {
  color: inherit;
  padding-bottom: 0;
  border-bottom: 1px solid;
  -webkit-transition: color 100ms linear;
  -moz-transition: color 100ms linear;
  transition: color 100ms linear;
  border-bottom-color: #0754e9;
  /*
		Color Schemes ------------------------------------------------------------------------------------------------------
	*/
}

.header_media .headline_container a:hover {
  color: #0754e9;
}

.header_media #item_count {
  position: relative;
  float: right;
  top: -28px;
}

.header_media .teaser_card_item {
  position: relative;
}

@media (max-width: 767px) {
  .header_media .teaser_card_item {
    height: 0;
    padding-bottom: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .header_media .teaser_card_item {
    height: 0;
    padding-bottom: 50%;
  }
}

@media (min-width: 1024px) {
  .header_media .teaser_card_item {
    height: 0;
    padding-bottom: 35%;
  }
}

.header_media .teaser_card_item .headline {
  color: white;
}

@media (max-width: 767px) {
  .header_media .teaser_card_item .headline {
    margin-bottom: 15px;
  }
}

@media (min-width: 768px) {
  .header_media .teaser_card_item .headline {
    margin-bottom: 25px;
  }
}

@media (max-width: 767px) {
  .header_media .teaser_card_item .image_item {
    padding-bottom: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .header_media .teaser_card_item .image_item {
    padding-bottom: 50%;
  }
}

@media (min-width: 1024px) {
  .header_media .teaser_card_item .image_item {
    padding-bottom: 35%;
  }
}

@media (max-width: 767px) {
  .header_media .media_filter_container {
    height: 20px !important;
  }
}

/* VUE SFCs.
=======================================================================================================================*/
/* =====================================================================================================================
 VUE SFC BASE
/*=======================================================================================================================*/
.sfc .inner_cm {
  position: relative;
}

/* =====================================================================================================================
 ANCHOR NAVIGATION [formats the Vue Component: AnchorNavigation.vue]
/*=======================================================================================================================*/
.anchor_navigation {
  position: relative;
  margin-bottom: 30px;
  /*
		Color Schemes ------------------------------------------------------------------------------------------------------
	*/
}

.anchor_navigation .anchor_link {
  display: block;
  border-bottom: 1px solid #dde1e6;
  padding-top: 20px;
  padding-bottom: 16px;
  line-height: 0.8em;
  -webkit-transition: opacity 70ms linear;
  -moz-transition: opacity 70ms linear;
  transition: opacity 70ms linear;
}

.anchor_navigation .anchor_link:hover {
  opacity: 0.7;
}

.anchor_navigation .anchor_link:first-child {
  padding-top: 0;
}

.cc_ready.anim_running .anchor_navigation .anchor_link {
  -webkit-transition: color 300ms linear, border-color 300ms linear;
  -moz-transition: color 300ms linear, border-color 300ms linear;
  transition: color 300ms linear, border-color 300ms linear;
}

.cc_scheme_default .anchor_navigation .anchor_link {
  color: #121619;
}

.cc_scheme_dark .anchor_navigation .anchor_link {
  color: white;
}

/* =====================================================================================================================
 PHOTO VIEWER
/*=======================================================================================================================*/
.photo_viewer {
  position: fixed;
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  z-index: 9999999999999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #121619;
  display: none;
}

@media (max-width: 767px) {
  .photo_viewer .content_container {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100vh;
  }
}

.photo_viewer .bg_image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  filter: blur(30px);
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: opacity 500ms linear;
  -moz-transition: opacity 500ms linear;
  transition: opacity 500ms linear;
  opacity: 0;
}

.photo_viewer .bg_image.on {
  opacity: 1;
}

.photo_viewer .blurrer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}

.photo_viewer .close_x {
  position: absolute;
  cursor: pointer;
  z-index: 1;
  top: 0;
  right: 0;
  margin-top: 26px;
  margin-right: 20px;
  opacity: 0.7;
  -webkit-transition: opacity 100ms linear;
  -moz-transition: opacity 100ms linear;
  transition: opacity 100ms linear;
}

.photo_viewer .close_x:hover {
  opacity: 1;
}

.photo_viewer .elem_checkbox {
  margin-bottom: 20px;
}

.photo_viewer .elem_checkbox p {
  color: white;
}

.photo_viewer .elem_checkbox .css-label p {
  white-space: nowrap;
}

.photo_viewer .btn_pill {
  width: 100%;
  text-align: center;
}

.photo_viewer .media_downloads_enabler {
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.photo_viewer .image_controls {
  border-top: 1px solid rgba(135, 141, 150, 0.5);
  padding: 20px;
  display: flex;
}

.photo_viewer .image_controls .btn_icon_round {
  margin-right: 8px;
}

.photo_viewer .leftside {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(18, 22, 25, 0.85);
}

@media (max-width: 767px) {
  .photo_viewer .leftside {
    position: relative;
    flex: 1;
    display: flex;
    justify-content: center;
    /* centers content horizontally */
    align-items: center;
  }
}

@media (min-width: 768px) {
  .photo_viewer .leftside {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .photo_viewer .leftside {
    width: calc(100% - 220px);
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .photo_viewer .leftside {
    width: calc(100% - 320px);
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .photo_viewer .leftside {
    width: calc(100% - 320px);
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .photo_viewer .leftside {
    width: calc(100% - 320px);
  }
}

@media (min-width: 1860px) {
  .photo_viewer .leftside {
    width: calc(100% - 320px);
  }
}

.photo_viewer .rightside {
  background-color: rgba(18, 22, 25, 0.75);
}

@media (max-width: 767px) {
  .photo_viewer .rightside {
    padding-top: 20px;
    position: relative;
  }
}

@media (min-width: 768px) {
  .photo_viewer .rightside {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .photo_viewer .rightside {
    width: 220px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .photo_viewer .rightside {
    width: 320px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .photo_viewer .rightside {
    width: 320px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .photo_viewer .rightside {
    width: 320px;
  }
}

@media (min-width: 1860px) {
  .photo_viewer .rightside {
    width: 320px;
  }
}

.photo_viewer .viewer_image {
  position: relative;
  max-width: 80%;
  /* Image scales with the width */
  max-height: 80%;
  /* Image scales with the height */
  height: auto;
  /* Maintains aspect ratio */
  width: auto;
  /* Maintains aspect ratio */
  object-fit: contain;
  border-radius: 6px;
  -webkit-transition: opacity 300ms linear;
  -moz-transition: opacity 300ms linear;
  transition: opacity 300ms linear;
  opacity: 0;
}

.photo_viewer .viewer_image.on {
  opacity: 1;
}

.photo_viewer .text_container {
  position: absolute;
  bottom: 0;
  width: 100%;
}

@media (max-width: 767px) {
  .photo_viewer .text_container {
    position: relative;
  }
}

.photo_viewer .text_container .titel {
  color: white;
  margin-bottom: 16px;
  padding-left: 20px;
  padding-right: 20px;
}

.photo_viewer .text_container .text {
  color: #697077;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

/* Containers.
=======================================================================================================================*/
/* =====================================================================================================================
 GRID
/*=======================================================================================================================*/
/*
	auto generated class naming conventions:
	no gaps:        .grid_[cols]
	same gap V + H: .grid_[cols]_[gapV+H]
	different gaps: .grid_[cols]_[gapV]_[gapH]
*/
.grid_6_100_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_100_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_100_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_100_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_100_100 {
    grid-template-columns: repeat(4, 1fr);
    gap: 100px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_100_100 {
    grid-template-columns: repeat(5, 1fr);
    gap: 100px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_6_100_100 {
    grid-template-columns: repeat(6, 1fr);
    gap: 100px 100px;
  }
}

.grid_6_100_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_100_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_100_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_100_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_100_90 {
    grid-template-columns: repeat(4, 1fr);
    gap: 100px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_100_90 {
    grid-template-columns: repeat(5, 1fr);
    gap: 100px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_6_100_90 {
    grid-template-columns: repeat(6, 1fr);
    gap: 100px 90px;
  }
}

.grid_6_100_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_100_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_100_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_100_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_100_80 {
    grid-template-columns: repeat(4, 1fr);
    gap: 100px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_100_80 {
    grid-template-columns: repeat(5, 1fr);
    gap: 100px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_6_100_80 {
    grid-template-columns: repeat(6, 1fr);
    gap: 100px 80px;
  }
}

.grid_6_100_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_100_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_100_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_100_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_100_70 {
    grid-template-columns: repeat(4, 1fr);
    gap: 100px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_100_70 {
    grid-template-columns: repeat(5, 1fr);
    gap: 100px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_6_100_70 {
    grid-template-columns: repeat(6, 1fr);
    gap: 100px 70px;
  }
}

.grid_6_100_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_100_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_100_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_100_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_100_60 {
    grid-template-columns: repeat(4, 1fr);
    gap: 100px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_100_60 {
    grid-template-columns: repeat(5, 1fr);
    gap: 100px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_6_100_60 {
    grid-template-columns: repeat(6, 1fr);
    gap: 100px 60px;
  }
}

.grid_6_100_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_100_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_100_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_100_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_100_50 {
    grid-template-columns: repeat(4, 1fr);
    gap: 100px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_100_50 {
    grid-template-columns: repeat(5, 1fr);
    gap: 100px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_6_100_50 {
    grid-template-columns: repeat(6, 1fr);
    gap: 100px 50px;
  }
}

.grid_6_100_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_100_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_100_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_100_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_100_40 {
    grid-template-columns: repeat(4, 1fr);
    gap: 100px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_100_40 {
    grid-template-columns: repeat(5, 1fr);
    gap: 100px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_6_100_40 {
    grid-template-columns: repeat(6, 1fr);
    gap: 100px 40px;
  }
}

.grid_6_100_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_100_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_100_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_100_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_100_30 {
    grid-template-columns: repeat(4, 1fr);
    gap: 100px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_100_30 {
    grid-template-columns: repeat(5, 1fr);
    gap: 100px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_6_100_30 {
    grid-template-columns: repeat(6, 1fr);
    gap: 100px 30px;
  }
}

.grid_6_100_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_100_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_100_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_100_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_100_20 {
    grid-template-columns: repeat(4, 1fr);
    gap: 100px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_100_20 {
    grid-template-columns: repeat(5, 1fr);
    gap: 100px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_6_100_20 {
    grid-template-columns: repeat(6, 1fr);
    gap: 100px 20px;
  }
}

.grid_6_100_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_100_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_100_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_100_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_100_10 {
    grid-template-columns: repeat(4, 1fr);
    gap: 100px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_100_10 {
    grid-template-columns: repeat(5, 1fr);
    gap: 100px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_6_100_10 {
    grid-template-columns: repeat(6, 1fr);
    gap: 100px 10px;
  }
}

.grid_6_90_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_90_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_90_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_90_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_90_100 {
    grid-template-columns: repeat(4, 1fr);
    gap: 90px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_90_100 {
    grid-template-columns: repeat(5, 1fr);
    gap: 90px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_6_90_100 {
    grid-template-columns: repeat(6, 1fr);
    gap: 90px 100px;
  }
}

.grid_6_90_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_90_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_90_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_90_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_90_90 {
    grid-template-columns: repeat(4, 1fr);
    gap: 90px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_90_90 {
    grid-template-columns: repeat(5, 1fr);
    gap: 90px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_6_90_90 {
    grid-template-columns: repeat(6, 1fr);
    gap: 90px 90px;
  }
}

.grid_6_90_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_90_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_90_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_90_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_90_80 {
    grid-template-columns: repeat(4, 1fr);
    gap: 90px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_90_80 {
    grid-template-columns: repeat(5, 1fr);
    gap: 90px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_6_90_80 {
    grid-template-columns: repeat(6, 1fr);
    gap: 90px 80px;
  }
}

.grid_6_90_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_90_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_90_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_90_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_90_70 {
    grid-template-columns: repeat(4, 1fr);
    gap: 90px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_90_70 {
    grid-template-columns: repeat(5, 1fr);
    gap: 90px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_6_90_70 {
    grid-template-columns: repeat(6, 1fr);
    gap: 90px 70px;
  }
}

.grid_6_90_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_90_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_90_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_90_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_90_60 {
    grid-template-columns: repeat(4, 1fr);
    gap: 90px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_90_60 {
    grid-template-columns: repeat(5, 1fr);
    gap: 90px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_6_90_60 {
    grid-template-columns: repeat(6, 1fr);
    gap: 90px 60px;
  }
}

.grid_6_90_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_90_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_90_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_90_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_90_50 {
    grid-template-columns: repeat(4, 1fr);
    gap: 90px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_90_50 {
    grid-template-columns: repeat(5, 1fr);
    gap: 90px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_6_90_50 {
    grid-template-columns: repeat(6, 1fr);
    gap: 90px 50px;
  }
}

.grid_6_90_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_90_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_90_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_90_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_90_40 {
    grid-template-columns: repeat(4, 1fr);
    gap: 90px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_90_40 {
    grid-template-columns: repeat(5, 1fr);
    gap: 90px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_6_90_40 {
    grid-template-columns: repeat(6, 1fr);
    gap: 90px 40px;
  }
}

.grid_6_90_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_90_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_90_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_90_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_90_30 {
    grid-template-columns: repeat(4, 1fr);
    gap: 90px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_90_30 {
    grid-template-columns: repeat(5, 1fr);
    gap: 90px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_6_90_30 {
    grid-template-columns: repeat(6, 1fr);
    gap: 90px 30px;
  }
}

.grid_6_90_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_90_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_90_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_90_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_90_20 {
    grid-template-columns: repeat(4, 1fr);
    gap: 90px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_90_20 {
    grid-template-columns: repeat(5, 1fr);
    gap: 90px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_6_90_20 {
    grid-template-columns: repeat(6, 1fr);
    gap: 90px 20px;
  }
}

.grid_6_90_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_90_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_90_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_90_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_90_10 {
    grid-template-columns: repeat(4, 1fr);
    gap: 90px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_90_10 {
    grid-template-columns: repeat(5, 1fr);
    gap: 90px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_6_90_10 {
    grid-template-columns: repeat(6, 1fr);
    gap: 90px 10px;
  }
}

.grid_6_80_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_80_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_80_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_80_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_80_100 {
    grid-template-columns: repeat(4, 1fr);
    gap: 80px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_80_100 {
    grid-template-columns: repeat(5, 1fr);
    gap: 80px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_6_80_100 {
    grid-template-columns: repeat(6, 1fr);
    gap: 80px 100px;
  }
}

.grid_6_80_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_80_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_80_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_80_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_80_90 {
    grid-template-columns: repeat(4, 1fr);
    gap: 80px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_80_90 {
    grid-template-columns: repeat(5, 1fr);
    gap: 80px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_6_80_90 {
    grid-template-columns: repeat(6, 1fr);
    gap: 80px 90px;
  }
}

.grid_6_80_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_80_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_80_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_80_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_80_80 {
    grid-template-columns: repeat(4, 1fr);
    gap: 80px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_80_80 {
    grid-template-columns: repeat(5, 1fr);
    gap: 80px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_6_80_80 {
    grid-template-columns: repeat(6, 1fr);
    gap: 80px 80px;
  }
}

.grid_6_80_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_80_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_80_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_80_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_80_70 {
    grid-template-columns: repeat(4, 1fr);
    gap: 80px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_80_70 {
    grid-template-columns: repeat(5, 1fr);
    gap: 80px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_6_80_70 {
    grid-template-columns: repeat(6, 1fr);
    gap: 80px 70px;
  }
}

.grid_6_80_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_80_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_80_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_80_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_80_60 {
    grid-template-columns: repeat(4, 1fr);
    gap: 80px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_80_60 {
    grid-template-columns: repeat(5, 1fr);
    gap: 80px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_6_80_60 {
    grid-template-columns: repeat(6, 1fr);
    gap: 80px 60px;
  }
}

.grid_6_80_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_80_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_80_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_80_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_80_50 {
    grid-template-columns: repeat(4, 1fr);
    gap: 80px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_80_50 {
    grid-template-columns: repeat(5, 1fr);
    gap: 80px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_6_80_50 {
    grid-template-columns: repeat(6, 1fr);
    gap: 80px 50px;
  }
}

.grid_6_80_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_80_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_80_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_80_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_80_40 {
    grid-template-columns: repeat(4, 1fr);
    gap: 80px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_80_40 {
    grid-template-columns: repeat(5, 1fr);
    gap: 80px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_6_80_40 {
    grid-template-columns: repeat(6, 1fr);
    gap: 80px 40px;
  }
}

.grid_6_80_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_80_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_80_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_80_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_80_30 {
    grid-template-columns: repeat(4, 1fr);
    gap: 80px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_80_30 {
    grid-template-columns: repeat(5, 1fr);
    gap: 80px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_6_80_30 {
    grid-template-columns: repeat(6, 1fr);
    gap: 80px 30px;
  }
}

.grid_6_80_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_80_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_80_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_80_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_80_20 {
    grid-template-columns: repeat(4, 1fr);
    gap: 80px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_80_20 {
    grid-template-columns: repeat(5, 1fr);
    gap: 80px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_6_80_20 {
    grid-template-columns: repeat(6, 1fr);
    gap: 80px 20px;
  }
}

.grid_6_80_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_80_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_80_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_80_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_80_10 {
    grid-template-columns: repeat(4, 1fr);
    gap: 80px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_80_10 {
    grid-template-columns: repeat(5, 1fr);
    gap: 80px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_6_80_10 {
    grid-template-columns: repeat(6, 1fr);
    gap: 80px 10px;
  }
}

.grid_6_70_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_70_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_70_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_70_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_70_100 {
    grid-template-columns: repeat(4, 1fr);
    gap: 70px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_70_100 {
    grid-template-columns: repeat(5, 1fr);
    gap: 70px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_6_70_100 {
    grid-template-columns: repeat(6, 1fr);
    gap: 70px 100px;
  }
}

.grid_6_70_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_70_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_70_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_70_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_70_90 {
    grid-template-columns: repeat(4, 1fr);
    gap: 70px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_70_90 {
    grid-template-columns: repeat(5, 1fr);
    gap: 70px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_6_70_90 {
    grid-template-columns: repeat(6, 1fr);
    gap: 70px 90px;
  }
}

.grid_6_70_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_70_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_70_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_70_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_70_80 {
    grid-template-columns: repeat(4, 1fr);
    gap: 70px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_70_80 {
    grid-template-columns: repeat(5, 1fr);
    gap: 70px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_6_70_80 {
    grid-template-columns: repeat(6, 1fr);
    gap: 70px 80px;
  }
}

.grid_6_70_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_70_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_70_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_70_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_70_70 {
    grid-template-columns: repeat(4, 1fr);
    gap: 70px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_70_70 {
    grid-template-columns: repeat(5, 1fr);
    gap: 70px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_6_70_70 {
    grid-template-columns: repeat(6, 1fr);
    gap: 70px 70px;
  }
}

.grid_6_70_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_70_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_70_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_70_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_70_60 {
    grid-template-columns: repeat(4, 1fr);
    gap: 70px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_70_60 {
    grid-template-columns: repeat(5, 1fr);
    gap: 70px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_6_70_60 {
    grid-template-columns: repeat(6, 1fr);
    gap: 70px 60px;
  }
}

.grid_6_70_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_70_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_70_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_70_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_70_50 {
    grid-template-columns: repeat(4, 1fr);
    gap: 70px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_70_50 {
    grid-template-columns: repeat(5, 1fr);
    gap: 70px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_6_70_50 {
    grid-template-columns: repeat(6, 1fr);
    gap: 70px 50px;
  }
}

.grid_6_70_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_70_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_70_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_70_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_70_40 {
    grid-template-columns: repeat(4, 1fr);
    gap: 70px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_70_40 {
    grid-template-columns: repeat(5, 1fr);
    gap: 70px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_6_70_40 {
    grid-template-columns: repeat(6, 1fr);
    gap: 70px 40px;
  }
}

.grid_6_70_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_70_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_70_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_70_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_70_30 {
    grid-template-columns: repeat(4, 1fr);
    gap: 70px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_70_30 {
    grid-template-columns: repeat(5, 1fr);
    gap: 70px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_6_70_30 {
    grid-template-columns: repeat(6, 1fr);
    gap: 70px 30px;
  }
}

.grid_6_70_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_70_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_70_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_70_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_70_20 {
    grid-template-columns: repeat(4, 1fr);
    gap: 70px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_70_20 {
    grid-template-columns: repeat(5, 1fr);
    gap: 70px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_6_70_20 {
    grid-template-columns: repeat(6, 1fr);
    gap: 70px 20px;
  }
}

.grid_6_70_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_70_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_70_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_70_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_70_10 {
    grid-template-columns: repeat(4, 1fr);
    gap: 70px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_70_10 {
    grid-template-columns: repeat(5, 1fr);
    gap: 70px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_6_70_10 {
    grid-template-columns: repeat(6, 1fr);
    gap: 70px 10px;
  }
}

.grid_6_60_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_60_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_60_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_60_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_60_100 {
    grid-template-columns: repeat(4, 1fr);
    gap: 60px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_60_100 {
    grid-template-columns: repeat(5, 1fr);
    gap: 60px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_6_60_100 {
    grid-template-columns: repeat(6, 1fr);
    gap: 60px 100px;
  }
}

.grid_6_60_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_60_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_60_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_60_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_60_90 {
    grid-template-columns: repeat(4, 1fr);
    gap: 60px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_60_90 {
    grid-template-columns: repeat(5, 1fr);
    gap: 60px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_6_60_90 {
    grid-template-columns: repeat(6, 1fr);
    gap: 60px 90px;
  }
}

.grid_6_60_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_60_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_60_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_60_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_60_80 {
    grid-template-columns: repeat(4, 1fr);
    gap: 60px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_60_80 {
    grid-template-columns: repeat(5, 1fr);
    gap: 60px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_6_60_80 {
    grid-template-columns: repeat(6, 1fr);
    gap: 60px 80px;
  }
}

.grid_6_60_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_60_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_60_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_60_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_60_70 {
    grid-template-columns: repeat(4, 1fr);
    gap: 60px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_60_70 {
    grid-template-columns: repeat(5, 1fr);
    gap: 60px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_6_60_70 {
    grid-template-columns: repeat(6, 1fr);
    gap: 60px 70px;
  }
}

.grid_6_60_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_60_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_60_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_60_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_60_60 {
    grid-template-columns: repeat(4, 1fr);
    gap: 60px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_60_60 {
    grid-template-columns: repeat(5, 1fr);
    gap: 60px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_6_60_60 {
    grid-template-columns: repeat(6, 1fr);
    gap: 60px 60px;
  }
}

.grid_6_60_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_60_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_60_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_60_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_60_50 {
    grid-template-columns: repeat(4, 1fr);
    gap: 60px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_60_50 {
    grid-template-columns: repeat(5, 1fr);
    gap: 60px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_6_60_50 {
    grid-template-columns: repeat(6, 1fr);
    gap: 60px 50px;
  }
}

.grid_6_60_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_60_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_60_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_60_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_60_40 {
    grid-template-columns: repeat(4, 1fr);
    gap: 60px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_60_40 {
    grid-template-columns: repeat(5, 1fr);
    gap: 60px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_6_60_40 {
    grid-template-columns: repeat(6, 1fr);
    gap: 60px 40px;
  }
}

.grid_6_60_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_60_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_60_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_60_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_60_30 {
    grid-template-columns: repeat(4, 1fr);
    gap: 60px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_60_30 {
    grid-template-columns: repeat(5, 1fr);
    gap: 60px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_6_60_30 {
    grid-template-columns: repeat(6, 1fr);
    gap: 60px 30px;
  }
}

.grid_6_60_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_60_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_60_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_60_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_60_20 {
    grid-template-columns: repeat(4, 1fr);
    gap: 60px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_60_20 {
    grid-template-columns: repeat(5, 1fr);
    gap: 60px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_6_60_20 {
    grid-template-columns: repeat(6, 1fr);
    gap: 60px 20px;
  }
}

.grid_6_60_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_60_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_60_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_60_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_60_10 {
    grid-template-columns: repeat(4, 1fr);
    gap: 60px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_60_10 {
    grid-template-columns: repeat(5, 1fr);
    gap: 60px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_6_60_10 {
    grid-template-columns: repeat(6, 1fr);
    gap: 60px 10px;
  }
}

.grid_6_50_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_50_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_50_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_50_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_50_100 {
    grid-template-columns: repeat(4, 1fr);
    gap: 50px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_50_100 {
    grid-template-columns: repeat(5, 1fr);
    gap: 50px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_6_50_100 {
    grid-template-columns: repeat(6, 1fr);
    gap: 50px 100px;
  }
}

.grid_6_50_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_50_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_50_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_50_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_50_90 {
    grid-template-columns: repeat(4, 1fr);
    gap: 50px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_50_90 {
    grid-template-columns: repeat(5, 1fr);
    gap: 50px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_6_50_90 {
    grid-template-columns: repeat(6, 1fr);
    gap: 50px 90px;
  }
}

.grid_6_50_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_50_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_50_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_50_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_50_80 {
    grid-template-columns: repeat(4, 1fr);
    gap: 50px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_50_80 {
    grid-template-columns: repeat(5, 1fr);
    gap: 50px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_6_50_80 {
    grid-template-columns: repeat(6, 1fr);
    gap: 50px 80px;
  }
}

.grid_6_50_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_50_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_50_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_50_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_50_70 {
    grid-template-columns: repeat(4, 1fr);
    gap: 50px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_50_70 {
    grid-template-columns: repeat(5, 1fr);
    gap: 50px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_6_50_70 {
    grid-template-columns: repeat(6, 1fr);
    gap: 50px 70px;
  }
}

.grid_6_50_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_50_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_50_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_50_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_50_60 {
    grid-template-columns: repeat(4, 1fr);
    gap: 50px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_50_60 {
    grid-template-columns: repeat(5, 1fr);
    gap: 50px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_6_50_60 {
    grid-template-columns: repeat(6, 1fr);
    gap: 50px 60px;
  }
}

.grid_6_50_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_50_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_50_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_50_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_50_50 {
    grid-template-columns: repeat(4, 1fr);
    gap: 50px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_50_50 {
    grid-template-columns: repeat(5, 1fr);
    gap: 50px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_6_50_50 {
    grid-template-columns: repeat(6, 1fr);
    gap: 50px 50px;
  }
}

.grid_6_50_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_50_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_50_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_50_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_50_40 {
    grid-template-columns: repeat(4, 1fr);
    gap: 50px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_50_40 {
    grid-template-columns: repeat(5, 1fr);
    gap: 50px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_6_50_40 {
    grid-template-columns: repeat(6, 1fr);
    gap: 50px 40px;
  }
}

.grid_6_50_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_50_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_50_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_50_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_50_30 {
    grid-template-columns: repeat(4, 1fr);
    gap: 50px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_50_30 {
    grid-template-columns: repeat(5, 1fr);
    gap: 50px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_6_50_30 {
    grid-template-columns: repeat(6, 1fr);
    gap: 50px 30px;
  }
}

.grid_6_50_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_50_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_50_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_50_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_50_20 {
    grid-template-columns: repeat(4, 1fr);
    gap: 50px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_50_20 {
    grid-template-columns: repeat(5, 1fr);
    gap: 50px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_6_50_20 {
    grid-template-columns: repeat(6, 1fr);
    gap: 50px 20px;
  }
}

.grid_6_50_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_50_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_50_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_50_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_50_10 {
    grid-template-columns: repeat(4, 1fr);
    gap: 50px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_50_10 {
    grid-template-columns: repeat(5, 1fr);
    gap: 50px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_6_50_10 {
    grid-template-columns: repeat(6, 1fr);
    gap: 50px 10px;
  }
}

.grid_6_40_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_40_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_40_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_40_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_40_100 {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_40_100 {
    grid-template-columns: repeat(5, 1fr);
    gap: 40px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_6_40_100 {
    grid-template-columns: repeat(6, 1fr);
    gap: 40px 100px;
  }
}

.grid_6_40_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_40_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_40_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_40_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_40_90 {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_40_90 {
    grid-template-columns: repeat(5, 1fr);
    gap: 40px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_6_40_90 {
    grid-template-columns: repeat(6, 1fr);
    gap: 40px 90px;
  }
}

.grid_6_40_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_40_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_40_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_40_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_40_80 {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_40_80 {
    grid-template-columns: repeat(5, 1fr);
    gap: 40px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_6_40_80 {
    grid-template-columns: repeat(6, 1fr);
    gap: 40px 80px;
  }
}

.grid_6_40_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_40_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_40_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_40_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_40_70 {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_40_70 {
    grid-template-columns: repeat(5, 1fr);
    gap: 40px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_6_40_70 {
    grid-template-columns: repeat(6, 1fr);
    gap: 40px 70px;
  }
}

.grid_6_40_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_40_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_40_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_40_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_40_60 {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_40_60 {
    grid-template-columns: repeat(5, 1fr);
    gap: 40px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_6_40_60 {
    grid-template-columns: repeat(6, 1fr);
    gap: 40px 60px;
  }
}

.grid_6_40_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_40_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_40_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_40_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_40_50 {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_40_50 {
    grid-template-columns: repeat(5, 1fr);
    gap: 40px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_6_40_50 {
    grid-template-columns: repeat(6, 1fr);
    gap: 40px 50px;
  }
}

.grid_6_40_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_40_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_40_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_40_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_40_40 {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_40_40 {
    grid-template-columns: repeat(5, 1fr);
    gap: 40px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_6_40_40 {
    grid-template-columns: repeat(6, 1fr);
    gap: 40px 40px;
  }
}

.grid_6_40_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_40_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_40_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_40_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_40_30 {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_40_30 {
    grid-template-columns: repeat(5, 1fr);
    gap: 40px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_6_40_30 {
    grid-template-columns: repeat(6, 1fr);
    gap: 40px 30px;
  }
}

.grid_6_40_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_40_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_40_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_40_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_40_20 {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_40_20 {
    grid-template-columns: repeat(5, 1fr);
    gap: 40px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_6_40_20 {
    grid-template-columns: repeat(6, 1fr);
    gap: 40px 20px;
  }
}

.grid_6_40_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_40_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_40_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_40_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_40_10 {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_40_10 {
    grid-template-columns: repeat(5, 1fr);
    gap: 40px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_6_40_10 {
    grid-template-columns: repeat(6, 1fr);
    gap: 40px 10px;
  }
}

.grid_6_30_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_30_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_30_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_30_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_30_100 {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_30_100 {
    grid-template-columns: repeat(5, 1fr);
    gap: 30px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_6_30_100 {
    grid-template-columns: repeat(6, 1fr);
    gap: 30px 100px;
  }
}

.grid_6_30_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_30_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_30_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_30_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_30_90 {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_30_90 {
    grid-template-columns: repeat(5, 1fr);
    gap: 30px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_6_30_90 {
    grid-template-columns: repeat(6, 1fr);
    gap: 30px 90px;
  }
}

.grid_6_30_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_30_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_30_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_30_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_30_80 {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_30_80 {
    grid-template-columns: repeat(5, 1fr);
    gap: 30px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_6_30_80 {
    grid-template-columns: repeat(6, 1fr);
    gap: 30px 80px;
  }
}

.grid_6_30_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_30_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_30_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_30_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_30_70 {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_30_70 {
    grid-template-columns: repeat(5, 1fr);
    gap: 30px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_6_30_70 {
    grid-template-columns: repeat(6, 1fr);
    gap: 30px 70px;
  }
}

.grid_6_30_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_30_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_30_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_30_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_30_60 {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_30_60 {
    grid-template-columns: repeat(5, 1fr);
    gap: 30px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_6_30_60 {
    grid-template-columns: repeat(6, 1fr);
    gap: 30px 60px;
  }
}

.grid_6_30_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_30_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_30_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_30_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_30_50 {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_30_50 {
    grid-template-columns: repeat(5, 1fr);
    gap: 30px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_6_30_50 {
    grid-template-columns: repeat(6, 1fr);
    gap: 30px 50px;
  }
}

.grid_6_30_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_30_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_30_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_30_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_30_40 {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_30_40 {
    grid-template-columns: repeat(5, 1fr);
    gap: 30px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_6_30_40 {
    grid-template-columns: repeat(6, 1fr);
    gap: 30px 40px;
  }
}

.grid_6_30_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_30_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_30_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_30_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_30_30 {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_30_30 {
    grid-template-columns: repeat(5, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_6_30_30 {
    grid-template-columns: repeat(6, 1fr);
    gap: 30px 30px;
  }
}

.grid_6_30_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_30_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_30_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_30_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_30_20 {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_30_20 {
    grid-template-columns: repeat(5, 1fr);
    gap: 30px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_6_30_20 {
    grid-template-columns: repeat(6, 1fr);
    gap: 30px 20px;
  }
}

.grid_6_30_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_30_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_30_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_30_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_30_10 {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_30_10 {
    grid-template-columns: repeat(5, 1fr);
    gap: 30px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_6_30_10 {
    grid-template-columns: repeat(6, 1fr);
    gap: 30px 10px;
  }
}

.grid_6_20_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_20_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_20_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_20_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_20_100 {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_20_100 {
    grid-template-columns: repeat(5, 1fr);
    gap: 20px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_6_20_100 {
    grid-template-columns: repeat(6, 1fr);
    gap: 20px 100px;
  }
}

.grid_6_20_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_20_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_20_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_20_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_20_90 {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_20_90 {
    grid-template-columns: repeat(5, 1fr);
    gap: 20px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_6_20_90 {
    grid-template-columns: repeat(6, 1fr);
    gap: 20px 90px;
  }
}

.grid_6_20_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_20_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_20_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_20_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_20_80 {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_20_80 {
    grid-template-columns: repeat(5, 1fr);
    gap: 20px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_6_20_80 {
    grid-template-columns: repeat(6, 1fr);
    gap: 20px 80px;
  }
}

.grid_6_20_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_20_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_20_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_20_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_20_70 {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_20_70 {
    grid-template-columns: repeat(5, 1fr);
    gap: 20px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_6_20_70 {
    grid-template-columns: repeat(6, 1fr);
    gap: 20px 70px;
  }
}

.grid_6_20_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_20_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_20_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_20_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_20_60 {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_20_60 {
    grid-template-columns: repeat(5, 1fr);
    gap: 20px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_6_20_60 {
    grid-template-columns: repeat(6, 1fr);
    gap: 20px 60px;
  }
}

.grid_6_20_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_20_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_20_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_20_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_20_50 {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_20_50 {
    grid-template-columns: repeat(5, 1fr);
    gap: 20px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_6_20_50 {
    grid-template-columns: repeat(6, 1fr);
    gap: 20px 50px;
  }
}

.grid_6_20_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_20_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_20_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_20_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_20_40 {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_20_40 {
    grid-template-columns: repeat(5, 1fr);
    gap: 20px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_6_20_40 {
    grid-template-columns: repeat(6, 1fr);
    gap: 20px 40px;
  }
}

.grid_6_20_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_20_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_20_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_20_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_20_30 {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_20_30 {
    grid-template-columns: repeat(5, 1fr);
    gap: 20px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_6_20_30 {
    grid-template-columns: repeat(6, 1fr);
    gap: 20px 30px;
  }
}

.grid_6_20_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_20_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_20_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_20_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_20_20 {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_20_20 {
    grid-template-columns: repeat(5, 1fr);
    gap: 20px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_6_20_20 {
    grid-template-columns: repeat(6, 1fr);
    gap: 20px 20px;
  }
}

.grid_6_20_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_20_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_20_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_20_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_20_10 {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_20_10 {
    grid-template-columns: repeat(5, 1fr);
    gap: 20px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_6_20_10 {
    grid-template-columns: repeat(6, 1fr);
    gap: 20px 10px;
  }
}

.grid_6_10_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_10_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_10_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_10_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_10_100 {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_10_100 {
    grid-template-columns: repeat(5, 1fr);
    gap: 10px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_6_10_100 {
    grid-template-columns: repeat(6, 1fr);
    gap: 10px 100px;
  }
}

.grid_6_10_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_10_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_10_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_10_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_10_90 {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_10_90 {
    grid-template-columns: repeat(5, 1fr);
    gap: 10px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_6_10_90 {
    grid-template-columns: repeat(6, 1fr);
    gap: 10px 90px;
  }
}

.grid_6_10_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_10_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_10_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_10_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_10_80 {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_10_80 {
    grid-template-columns: repeat(5, 1fr);
    gap: 10px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_6_10_80 {
    grid-template-columns: repeat(6, 1fr);
    gap: 10px 80px;
  }
}

.grid_6_10_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_10_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_10_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_10_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_10_70 {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_10_70 {
    grid-template-columns: repeat(5, 1fr);
    gap: 10px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_6_10_70 {
    grid-template-columns: repeat(6, 1fr);
    gap: 10px 70px;
  }
}

.grid_6_10_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_10_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_10_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_10_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_10_60 {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_10_60 {
    grid-template-columns: repeat(5, 1fr);
    gap: 10px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_6_10_60 {
    grid-template-columns: repeat(6, 1fr);
    gap: 10px 60px;
  }
}

.grid_6_10_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_10_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_10_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_10_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_10_50 {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_10_50 {
    grid-template-columns: repeat(5, 1fr);
    gap: 10px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_6_10_50 {
    grid-template-columns: repeat(6, 1fr);
    gap: 10px 50px;
  }
}

.grid_6_10_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_10_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_10_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_10_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_10_40 {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_10_40 {
    grid-template-columns: repeat(5, 1fr);
    gap: 10px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_6_10_40 {
    grid-template-columns: repeat(6, 1fr);
    gap: 10px 40px;
  }
}

.grid_6_10_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_10_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_10_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_10_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_10_30 {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_10_30 {
    grid-template-columns: repeat(5, 1fr);
    gap: 10px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_6_10_30 {
    grid-template-columns: repeat(6, 1fr);
    gap: 10px 30px;
  }
}

.grid_6_10_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_10_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_10_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_10_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_10_20 {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_10_20 {
    grid-template-columns: repeat(5, 1fr);
    gap: 10px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_6_10_20 {
    grid-template-columns: repeat(6, 1fr);
    gap: 10px 20px;
  }
}

.grid_6_10_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_6_10_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_6_10_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_6_10_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_6_10_10 {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_6_10_10 {
    grid-template-columns: repeat(5, 1fr);
    gap: 10px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_6_10_10 {
    grid-template-columns: repeat(6, 1fr);
    gap: 10px 10px;
  }
}

.grid_5_100_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_100_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_100_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_100_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_100_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_100_100 {
    grid-template-columns: repeat(4, 1fr);
    gap: 100px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_5_100_100 {
    grid-template-columns: repeat(5, 1fr);
    gap: 100px 100px;
  }
}

.grid_5_100_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_100_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_100_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_100_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_100_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_100_90 {
    grid-template-columns: repeat(4, 1fr);
    gap: 100px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_5_100_90 {
    grid-template-columns: repeat(5, 1fr);
    gap: 100px 90px;
  }
}

.grid_5_100_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_100_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_100_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_100_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_100_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_100_80 {
    grid-template-columns: repeat(4, 1fr);
    gap: 100px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_5_100_80 {
    grid-template-columns: repeat(5, 1fr);
    gap: 100px 80px;
  }
}

.grid_5_100_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_100_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_100_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_100_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_100_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_100_70 {
    grid-template-columns: repeat(4, 1fr);
    gap: 100px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_5_100_70 {
    grid-template-columns: repeat(5, 1fr);
    gap: 100px 70px;
  }
}

.grid_5_100_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_100_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_100_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_100_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_100_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_100_60 {
    grid-template-columns: repeat(4, 1fr);
    gap: 100px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_5_100_60 {
    grid-template-columns: repeat(5, 1fr);
    gap: 100px 60px;
  }
}

.grid_5_100_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_100_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_100_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_100_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_100_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_100_50 {
    grid-template-columns: repeat(4, 1fr);
    gap: 100px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_5_100_50 {
    grid-template-columns: repeat(5, 1fr);
    gap: 100px 50px;
  }
}

.grid_5_100_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_100_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_100_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_100_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_100_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_100_40 {
    grid-template-columns: repeat(4, 1fr);
    gap: 100px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_5_100_40 {
    grid-template-columns: repeat(5, 1fr);
    gap: 100px 40px;
  }
}

.grid_5_100_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_100_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_100_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_100_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_100_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_100_30 {
    grid-template-columns: repeat(4, 1fr);
    gap: 100px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_5_100_30 {
    grid-template-columns: repeat(5, 1fr);
    gap: 100px 30px;
  }
}

.grid_5_100_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_100_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_100_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_100_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_100_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_100_20 {
    grid-template-columns: repeat(4, 1fr);
    gap: 100px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_5_100_20 {
    grid-template-columns: repeat(5, 1fr);
    gap: 100px 20px;
  }
}

.grid_5_100_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_100_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_100_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_100_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_100_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_100_10 {
    grid-template-columns: repeat(4, 1fr);
    gap: 100px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_5_100_10 {
    grid-template-columns: repeat(5, 1fr);
    gap: 100px 10px;
  }
}

.grid_5_90_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_90_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_90_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_90_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_90_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_90_100 {
    grid-template-columns: repeat(4, 1fr);
    gap: 90px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_5_90_100 {
    grid-template-columns: repeat(5, 1fr);
    gap: 90px 100px;
  }
}

.grid_5_90_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_90_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_90_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_90_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_90_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_90_90 {
    grid-template-columns: repeat(4, 1fr);
    gap: 90px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_5_90_90 {
    grid-template-columns: repeat(5, 1fr);
    gap: 90px 90px;
  }
}

.grid_5_90_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_90_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_90_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_90_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_90_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_90_80 {
    grid-template-columns: repeat(4, 1fr);
    gap: 90px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_5_90_80 {
    grid-template-columns: repeat(5, 1fr);
    gap: 90px 80px;
  }
}

.grid_5_90_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_90_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_90_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_90_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_90_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_90_70 {
    grid-template-columns: repeat(4, 1fr);
    gap: 90px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_5_90_70 {
    grid-template-columns: repeat(5, 1fr);
    gap: 90px 70px;
  }
}

.grid_5_90_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_90_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_90_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_90_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_90_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_90_60 {
    grid-template-columns: repeat(4, 1fr);
    gap: 90px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_5_90_60 {
    grid-template-columns: repeat(5, 1fr);
    gap: 90px 60px;
  }
}

.grid_5_90_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_90_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_90_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_90_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_90_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_90_50 {
    grid-template-columns: repeat(4, 1fr);
    gap: 90px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_5_90_50 {
    grid-template-columns: repeat(5, 1fr);
    gap: 90px 50px;
  }
}

.grid_5_90_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_90_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_90_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_90_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_90_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_90_40 {
    grid-template-columns: repeat(4, 1fr);
    gap: 90px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_5_90_40 {
    grid-template-columns: repeat(5, 1fr);
    gap: 90px 40px;
  }
}

.grid_5_90_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_90_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_90_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_90_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_90_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_90_30 {
    grid-template-columns: repeat(4, 1fr);
    gap: 90px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_5_90_30 {
    grid-template-columns: repeat(5, 1fr);
    gap: 90px 30px;
  }
}

.grid_5_90_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_90_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_90_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_90_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_90_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_90_20 {
    grid-template-columns: repeat(4, 1fr);
    gap: 90px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_5_90_20 {
    grid-template-columns: repeat(5, 1fr);
    gap: 90px 20px;
  }
}

.grid_5_90_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_90_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_90_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_90_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_90_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_90_10 {
    grid-template-columns: repeat(4, 1fr);
    gap: 90px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_5_90_10 {
    grid-template-columns: repeat(5, 1fr);
    gap: 90px 10px;
  }
}

.grid_5_80_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_80_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_80_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_80_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_80_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_80_100 {
    grid-template-columns: repeat(4, 1fr);
    gap: 80px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_5_80_100 {
    grid-template-columns: repeat(5, 1fr);
    gap: 80px 100px;
  }
}

.grid_5_80_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_80_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_80_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_80_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_80_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_80_90 {
    grid-template-columns: repeat(4, 1fr);
    gap: 80px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_5_80_90 {
    grid-template-columns: repeat(5, 1fr);
    gap: 80px 90px;
  }
}

.grid_5_80_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_80_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_80_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_80_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_80_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_80_80 {
    grid-template-columns: repeat(4, 1fr);
    gap: 80px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_5_80_80 {
    grid-template-columns: repeat(5, 1fr);
    gap: 80px 80px;
  }
}

.grid_5_80_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_80_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_80_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_80_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_80_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_80_70 {
    grid-template-columns: repeat(4, 1fr);
    gap: 80px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_5_80_70 {
    grid-template-columns: repeat(5, 1fr);
    gap: 80px 70px;
  }
}

.grid_5_80_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_80_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_80_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_80_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_80_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_80_60 {
    grid-template-columns: repeat(4, 1fr);
    gap: 80px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_5_80_60 {
    grid-template-columns: repeat(5, 1fr);
    gap: 80px 60px;
  }
}

.grid_5_80_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_80_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_80_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_80_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_80_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_80_50 {
    grid-template-columns: repeat(4, 1fr);
    gap: 80px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_5_80_50 {
    grid-template-columns: repeat(5, 1fr);
    gap: 80px 50px;
  }
}

.grid_5_80_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_80_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_80_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_80_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_80_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_80_40 {
    grid-template-columns: repeat(4, 1fr);
    gap: 80px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_5_80_40 {
    grid-template-columns: repeat(5, 1fr);
    gap: 80px 40px;
  }
}

.grid_5_80_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_80_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_80_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_80_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_80_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_80_30 {
    grid-template-columns: repeat(4, 1fr);
    gap: 80px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_5_80_30 {
    grid-template-columns: repeat(5, 1fr);
    gap: 80px 30px;
  }
}

.grid_5_80_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_80_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_80_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_80_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_80_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_80_20 {
    grid-template-columns: repeat(4, 1fr);
    gap: 80px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_5_80_20 {
    grid-template-columns: repeat(5, 1fr);
    gap: 80px 20px;
  }
}

.grid_5_80_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_80_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_80_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_80_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_80_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_80_10 {
    grid-template-columns: repeat(4, 1fr);
    gap: 80px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_5_80_10 {
    grid-template-columns: repeat(5, 1fr);
    gap: 80px 10px;
  }
}

.grid_5_70_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_70_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_70_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_70_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_70_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_70_100 {
    grid-template-columns: repeat(4, 1fr);
    gap: 70px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_5_70_100 {
    grid-template-columns: repeat(5, 1fr);
    gap: 70px 100px;
  }
}

.grid_5_70_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_70_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_70_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_70_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_70_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_70_90 {
    grid-template-columns: repeat(4, 1fr);
    gap: 70px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_5_70_90 {
    grid-template-columns: repeat(5, 1fr);
    gap: 70px 90px;
  }
}

.grid_5_70_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_70_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_70_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_70_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_70_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_70_80 {
    grid-template-columns: repeat(4, 1fr);
    gap: 70px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_5_70_80 {
    grid-template-columns: repeat(5, 1fr);
    gap: 70px 80px;
  }
}

.grid_5_70_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_70_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_70_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_70_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_70_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_70_70 {
    grid-template-columns: repeat(4, 1fr);
    gap: 70px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_5_70_70 {
    grid-template-columns: repeat(5, 1fr);
    gap: 70px 70px;
  }
}

.grid_5_70_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_70_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_70_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_70_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_70_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_70_60 {
    grid-template-columns: repeat(4, 1fr);
    gap: 70px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_5_70_60 {
    grid-template-columns: repeat(5, 1fr);
    gap: 70px 60px;
  }
}

.grid_5_70_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_70_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_70_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_70_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_70_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_70_50 {
    grid-template-columns: repeat(4, 1fr);
    gap: 70px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_5_70_50 {
    grid-template-columns: repeat(5, 1fr);
    gap: 70px 50px;
  }
}

.grid_5_70_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_70_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_70_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_70_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_70_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_70_40 {
    grid-template-columns: repeat(4, 1fr);
    gap: 70px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_5_70_40 {
    grid-template-columns: repeat(5, 1fr);
    gap: 70px 40px;
  }
}

.grid_5_70_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_70_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_70_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_70_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_70_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_70_30 {
    grid-template-columns: repeat(4, 1fr);
    gap: 70px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_5_70_30 {
    grid-template-columns: repeat(5, 1fr);
    gap: 70px 30px;
  }
}

.grid_5_70_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_70_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_70_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_70_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_70_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_70_20 {
    grid-template-columns: repeat(4, 1fr);
    gap: 70px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_5_70_20 {
    grid-template-columns: repeat(5, 1fr);
    gap: 70px 20px;
  }
}

.grid_5_70_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_70_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_70_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_70_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_70_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_70_10 {
    grid-template-columns: repeat(4, 1fr);
    gap: 70px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_5_70_10 {
    grid-template-columns: repeat(5, 1fr);
    gap: 70px 10px;
  }
}

.grid_5_60_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_60_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_60_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_60_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_60_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_60_100 {
    grid-template-columns: repeat(4, 1fr);
    gap: 60px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_5_60_100 {
    grid-template-columns: repeat(5, 1fr);
    gap: 60px 100px;
  }
}

.grid_5_60_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_60_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_60_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_60_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_60_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_60_90 {
    grid-template-columns: repeat(4, 1fr);
    gap: 60px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_5_60_90 {
    grid-template-columns: repeat(5, 1fr);
    gap: 60px 90px;
  }
}

.grid_5_60_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_60_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_60_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_60_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_60_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_60_80 {
    grid-template-columns: repeat(4, 1fr);
    gap: 60px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_5_60_80 {
    grid-template-columns: repeat(5, 1fr);
    gap: 60px 80px;
  }
}

.grid_5_60_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_60_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_60_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_60_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_60_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_60_70 {
    grid-template-columns: repeat(4, 1fr);
    gap: 60px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_5_60_70 {
    grid-template-columns: repeat(5, 1fr);
    gap: 60px 70px;
  }
}

.grid_5_60_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_60_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_60_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_60_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_60_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_60_60 {
    grid-template-columns: repeat(4, 1fr);
    gap: 60px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_5_60_60 {
    grid-template-columns: repeat(5, 1fr);
    gap: 60px 60px;
  }
}

.grid_5_60_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_60_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_60_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_60_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_60_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_60_50 {
    grid-template-columns: repeat(4, 1fr);
    gap: 60px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_5_60_50 {
    grid-template-columns: repeat(5, 1fr);
    gap: 60px 50px;
  }
}

.grid_5_60_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_60_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_60_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_60_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_60_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_60_40 {
    grid-template-columns: repeat(4, 1fr);
    gap: 60px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_5_60_40 {
    grid-template-columns: repeat(5, 1fr);
    gap: 60px 40px;
  }
}

.grid_5_60_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_60_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_60_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_60_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_60_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_60_30 {
    grid-template-columns: repeat(4, 1fr);
    gap: 60px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_5_60_30 {
    grid-template-columns: repeat(5, 1fr);
    gap: 60px 30px;
  }
}

.grid_5_60_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_60_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_60_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_60_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_60_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_60_20 {
    grid-template-columns: repeat(4, 1fr);
    gap: 60px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_5_60_20 {
    grid-template-columns: repeat(5, 1fr);
    gap: 60px 20px;
  }
}

.grid_5_60_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_60_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_60_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_60_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_60_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_60_10 {
    grid-template-columns: repeat(4, 1fr);
    gap: 60px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_5_60_10 {
    grid-template-columns: repeat(5, 1fr);
    gap: 60px 10px;
  }
}

.grid_5_50_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_50_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_50_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_50_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_50_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_50_100 {
    grid-template-columns: repeat(4, 1fr);
    gap: 50px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_5_50_100 {
    grid-template-columns: repeat(5, 1fr);
    gap: 50px 100px;
  }
}

.grid_5_50_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_50_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_50_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_50_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_50_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_50_90 {
    grid-template-columns: repeat(4, 1fr);
    gap: 50px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_5_50_90 {
    grid-template-columns: repeat(5, 1fr);
    gap: 50px 90px;
  }
}

.grid_5_50_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_50_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_50_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_50_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_50_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_50_80 {
    grid-template-columns: repeat(4, 1fr);
    gap: 50px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_5_50_80 {
    grid-template-columns: repeat(5, 1fr);
    gap: 50px 80px;
  }
}

.grid_5_50_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_50_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_50_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_50_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_50_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_50_70 {
    grid-template-columns: repeat(4, 1fr);
    gap: 50px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_5_50_70 {
    grid-template-columns: repeat(5, 1fr);
    gap: 50px 70px;
  }
}

.grid_5_50_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_50_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_50_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_50_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_50_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_50_60 {
    grid-template-columns: repeat(4, 1fr);
    gap: 50px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_5_50_60 {
    grid-template-columns: repeat(5, 1fr);
    gap: 50px 60px;
  }
}

.grid_5_50_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_50_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_50_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_50_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_50_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_50_50 {
    grid-template-columns: repeat(4, 1fr);
    gap: 50px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_5_50_50 {
    grid-template-columns: repeat(5, 1fr);
    gap: 50px 50px;
  }
}

.grid_5_50_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_50_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_50_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_50_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_50_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_50_40 {
    grid-template-columns: repeat(4, 1fr);
    gap: 50px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_5_50_40 {
    grid-template-columns: repeat(5, 1fr);
    gap: 50px 40px;
  }
}

.grid_5_50_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_50_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_50_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_50_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_50_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_50_30 {
    grid-template-columns: repeat(4, 1fr);
    gap: 50px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_5_50_30 {
    grid-template-columns: repeat(5, 1fr);
    gap: 50px 30px;
  }
}

.grid_5_50_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_50_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_50_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_50_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_50_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_50_20 {
    grid-template-columns: repeat(4, 1fr);
    gap: 50px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_5_50_20 {
    grid-template-columns: repeat(5, 1fr);
    gap: 50px 20px;
  }
}

.grid_5_50_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_50_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_50_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_50_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_50_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_50_10 {
    grid-template-columns: repeat(4, 1fr);
    gap: 50px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_5_50_10 {
    grid-template-columns: repeat(5, 1fr);
    gap: 50px 10px;
  }
}

.grid_5_40_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_40_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_40_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_40_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_40_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_40_100 {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_5_40_100 {
    grid-template-columns: repeat(5, 1fr);
    gap: 40px 100px;
  }
}

.grid_5_40_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_40_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_40_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_40_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_40_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_40_90 {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_5_40_90 {
    grid-template-columns: repeat(5, 1fr);
    gap: 40px 90px;
  }
}

.grid_5_40_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_40_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_40_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_40_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_40_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_40_80 {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_5_40_80 {
    grid-template-columns: repeat(5, 1fr);
    gap: 40px 80px;
  }
}

.grid_5_40_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_40_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_40_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_40_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_40_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_40_70 {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_5_40_70 {
    grid-template-columns: repeat(5, 1fr);
    gap: 40px 70px;
  }
}

.grid_5_40_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_40_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_40_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_40_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_40_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_40_60 {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_5_40_60 {
    grid-template-columns: repeat(5, 1fr);
    gap: 40px 60px;
  }
}

.grid_5_40_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_40_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_40_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_40_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_40_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_40_50 {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_5_40_50 {
    grid-template-columns: repeat(5, 1fr);
    gap: 40px 50px;
  }
}

.grid_5_40_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_40_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_40_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_40_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_40_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_40_40 {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_5_40_40 {
    grid-template-columns: repeat(5, 1fr);
    gap: 40px 40px;
  }
}

.grid_5_40_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_40_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_40_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_40_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_40_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_40_30 {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_5_40_30 {
    grid-template-columns: repeat(5, 1fr);
    gap: 40px 30px;
  }
}

.grid_5_40_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_40_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_40_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_40_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_40_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_40_20 {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_5_40_20 {
    grid-template-columns: repeat(5, 1fr);
    gap: 40px 20px;
  }
}

.grid_5_40_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_40_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_40_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_40_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_40_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_40_10 {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_5_40_10 {
    grid-template-columns: repeat(5, 1fr);
    gap: 40px 10px;
  }
}

.grid_5_30_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_30_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_30_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_30_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_30_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_30_100 {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_5_30_100 {
    grid-template-columns: repeat(5, 1fr);
    gap: 30px 100px;
  }
}

.grid_5_30_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_30_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_30_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_30_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_30_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_30_90 {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_5_30_90 {
    grid-template-columns: repeat(5, 1fr);
    gap: 30px 90px;
  }
}

.grid_5_30_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_30_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_30_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_30_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_30_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_30_80 {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_5_30_80 {
    grid-template-columns: repeat(5, 1fr);
    gap: 30px 80px;
  }
}

.grid_5_30_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_30_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_30_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_30_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_30_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_30_70 {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_5_30_70 {
    grid-template-columns: repeat(5, 1fr);
    gap: 30px 70px;
  }
}

.grid_5_30_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_30_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_30_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_30_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_30_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_30_60 {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_5_30_60 {
    grid-template-columns: repeat(5, 1fr);
    gap: 30px 60px;
  }
}

.grid_5_30_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_30_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_30_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_30_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_30_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_30_50 {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_5_30_50 {
    grid-template-columns: repeat(5, 1fr);
    gap: 30px 50px;
  }
}

.grid_5_30_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_30_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_30_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_30_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_30_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_30_40 {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_5_30_40 {
    grid-template-columns: repeat(5, 1fr);
    gap: 30px 40px;
  }
}

.grid_5_30_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_30_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_30_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_30_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_30_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_30_30 {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_5_30_30 {
    grid-template-columns: repeat(5, 1fr);
    gap: 30px 30px;
  }
}

.grid_5_30_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_30_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_30_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_30_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_30_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_30_20 {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_5_30_20 {
    grid-template-columns: repeat(5, 1fr);
    gap: 30px 20px;
  }
}

.grid_5_30_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_30_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_30_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_30_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_30_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_30_10 {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_5_30_10 {
    grid-template-columns: repeat(5, 1fr);
    gap: 30px 10px;
  }
}

.grid_5_20_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_20_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_20_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_20_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_20_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_20_100 {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_5_20_100 {
    grid-template-columns: repeat(5, 1fr);
    gap: 20px 100px;
  }
}

.grid_5_20_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_20_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_20_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_20_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_20_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_20_90 {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_5_20_90 {
    grid-template-columns: repeat(5, 1fr);
    gap: 20px 90px;
  }
}

.grid_5_20_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_20_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_20_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_20_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_20_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_20_80 {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_5_20_80 {
    grid-template-columns: repeat(5, 1fr);
    gap: 20px 80px;
  }
}

.grid_5_20_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_20_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_20_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_20_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_20_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_20_70 {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_5_20_70 {
    grid-template-columns: repeat(5, 1fr);
    gap: 20px 70px;
  }
}

.grid_5_20_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_20_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_20_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_20_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_20_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_20_60 {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_5_20_60 {
    grid-template-columns: repeat(5, 1fr);
    gap: 20px 60px;
  }
}

.grid_5_20_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_20_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_20_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_20_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_20_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_20_50 {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_5_20_50 {
    grid-template-columns: repeat(5, 1fr);
    gap: 20px 50px;
  }
}

.grid_5_20_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_20_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_20_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_20_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_20_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_20_40 {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_5_20_40 {
    grid-template-columns: repeat(5, 1fr);
    gap: 20px 40px;
  }
}

.grid_5_20_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_20_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_20_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_20_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_20_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_20_30 {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_5_20_30 {
    grid-template-columns: repeat(5, 1fr);
    gap: 20px 30px;
  }
}

.grid_5_20_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_20_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_20_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_20_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_20_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_20_20 {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_5_20_20 {
    grid-template-columns: repeat(5, 1fr);
    gap: 20px 20px;
  }
}

.grid_5_20_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_20_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_20_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_20_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_20_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_20_10 {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_5_20_10 {
    grid-template-columns: repeat(5, 1fr);
    gap: 20px 10px;
  }
}

.grid_5_10_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_10_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_10_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_10_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_10_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_10_100 {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_5_10_100 {
    grid-template-columns: repeat(5, 1fr);
    gap: 10px 100px;
  }
}

.grid_5_10_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_10_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_10_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_10_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_10_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_10_90 {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_5_10_90 {
    grid-template-columns: repeat(5, 1fr);
    gap: 10px 90px;
  }
}

.grid_5_10_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_10_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_10_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_10_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_10_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_10_80 {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_5_10_80 {
    grid-template-columns: repeat(5, 1fr);
    gap: 10px 80px;
  }
}

.grid_5_10_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_10_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_10_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_10_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_10_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_10_70 {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_5_10_70 {
    grid-template-columns: repeat(5, 1fr);
    gap: 10px 70px;
  }
}

.grid_5_10_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_10_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_10_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_10_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_10_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_10_60 {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_5_10_60 {
    grid-template-columns: repeat(5, 1fr);
    gap: 10px 60px;
  }
}

.grid_5_10_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_10_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_10_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_10_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_10_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_10_50 {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_5_10_50 {
    grid-template-columns: repeat(5, 1fr);
    gap: 10px 50px;
  }
}

.grid_5_10_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_10_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_10_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_10_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_10_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_10_40 {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_5_10_40 {
    grid-template-columns: repeat(5, 1fr);
    gap: 10px 40px;
  }
}

.grid_5_10_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_10_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_10_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_10_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_10_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_10_30 {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_5_10_30 {
    grid-template-columns: repeat(5, 1fr);
    gap: 10px 30px;
  }
}

.grid_5_10_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_10_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_10_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_10_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_10_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_10_20 {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_5_10_20 {
    grid-template-columns: repeat(5, 1fr);
    gap: 10px 20px;
  }
}

.grid_5_10_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_5_10_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_5_10_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_5_10_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_5_10_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_5_10_10 {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_5_10_10 {
    grid-template-columns: repeat(5, 1fr);
    gap: 10px 10px;
  }
}

.grid_4_100_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_100_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_100_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_100_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_100_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_100_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_4_100_100 {
    grid-template-columns: repeat(4, 1fr);
    gap: 100px 100px;
  }
}

.grid_4_100_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_100_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_100_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_100_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_100_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_100_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_4_100_90 {
    grid-template-columns: repeat(4, 1fr);
    gap: 100px 90px;
  }
}

.grid_4_100_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_100_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_100_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_100_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_100_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_100_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_4_100_80 {
    grid-template-columns: repeat(4, 1fr);
    gap: 100px 80px;
  }
}

.grid_4_100_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_100_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_100_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_100_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_100_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_100_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_4_100_70 {
    grid-template-columns: repeat(4, 1fr);
    gap: 100px 70px;
  }
}

.grid_4_100_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_100_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_100_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_100_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_100_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_100_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_4_100_60 {
    grid-template-columns: repeat(4, 1fr);
    gap: 100px 60px;
  }
}

.grid_4_100_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_100_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_100_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_100_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_100_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_100_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_4_100_50 {
    grid-template-columns: repeat(4, 1fr);
    gap: 100px 50px;
  }
}

.grid_4_100_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_100_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_100_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_100_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_100_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_100_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_4_100_40 {
    grid-template-columns: repeat(4, 1fr);
    gap: 100px 40px;
  }
}

.grid_4_100_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_100_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_100_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_100_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_100_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_100_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_4_100_30 {
    grid-template-columns: repeat(4, 1fr);
    gap: 100px 30px;
  }
}

.grid_4_100_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_100_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_100_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_100_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_100_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_100_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_4_100_20 {
    grid-template-columns: repeat(4, 1fr);
    gap: 100px 20px;
  }
}

.grid_4_100_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_100_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_100_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_100_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_100_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_100_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_4_100_10 {
    grid-template-columns: repeat(4, 1fr);
    gap: 100px 10px;
  }
}

.grid_4_90_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_90_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_90_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_90_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_90_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_90_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_4_90_100 {
    grid-template-columns: repeat(4, 1fr);
    gap: 90px 100px;
  }
}

.grid_4_90_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_90_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_90_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_90_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_90_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_90_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_4_90_90 {
    grid-template-columns: repeat(4, 1fr);
    gap: 90px 90px;
  }
}

.grid_4_90_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_90_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_90_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_90_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_90_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_90_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_4_90_80 {
    grid-template-columns: repeat(4, 1fr);
    gap: 90px 80px;
  }
}

.grid_4_90_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_90_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_90_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_90_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_90_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_90_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_4_90_70 {
    grid-template-columns: repeat(4, 1fr);
    gap: 90px 70px;
  }
}

.grid_4_90_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_90_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_90_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_90_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_90_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_90_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_4_90_60 {
    grid-template-columns: repeat(4, 1fr);
    gap: 90px 60px;
  }
}

.grid_4_90_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_90_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_90_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_90_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_90_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_90_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_4_90_50 {
    grid-template-columns: repeat(4, 1fr);
    gap: 90px 50px;
  }
}

.grid_4_90_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_90_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_90_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_90_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_90_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_90_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_4_90_40 {
    grid-template-columns: repeat(4, 1fr);
    gap: 90px 40px;
  }
}

.grid_4_90_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_90_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_90_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_90_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_90_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_90_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_4_90_30 {
    grid-template-columns: repeat(4, 1fr);
    gap: 90px 30px;
  }
}

.grid_4_90_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_90_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_90_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_90_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_90_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_90_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_4_90_20 {
    grid-template-columns: repeat(4, 1fr);
    gap: 90px 20px;
  }
}

.grid_4_90_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_90_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_90_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_90_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_90_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_90_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_4_90_10 {
    grid-template-columns: repeat(4, 1fr);
    gap: 90px 10px;
  }
}

.grid_4_80_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_80_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_80_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_80_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_80_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_80_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_4_80_100 {
    grid-template-columns: repeat(4, 1fr);
    gap: 80px 100px;
  }
}

.grid_4_80_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_80_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_80_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_80_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_80_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_80_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_4_80_90 {
    grid-template-columns: repeat(4, 1fr);
    gap: 80px 90px;
  }
}

.grid_4_80_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_80_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_80_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_80_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_80_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_80_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_4_80_80 {
    grid-template-columns: repeat(4, 1fr);
    gap: 80px 80px;
  }
}

.grid_4_80_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_80_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_80_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_80_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_80_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_80_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_4_80_70 {
    grid-template-columns: repeat(4, 1fr);
    gap: 80px 70px;
  }
}

.grid_4_80_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_80_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_80_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_80_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_80_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_80_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_4_80_60 {
    grid-template-columns: repeat(4, 1fr);
    gap: 80px 60px;
  }
}

.grid_4_80_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_80_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_80_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_80_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_80_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_80_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_4_80_50 {
    grid-template-columns: repeat(4, 1fr);
    gap: 80px 50px;
  }
}

.grid_4_80_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_80_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_80_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_80_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_80_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_80_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_4_80_40 {
    grid-template-columns: repeat(4, 1fr);
    gap: 80px 40px;
  }
}

.grid_4_80_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_80_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_80_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_80_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_80_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_80_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_4_80_30 {
    grid-template-columns: repeat(4, 1fr);
    gap: 80px 30px;
  }
}

.grid_4_80_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_80_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_80_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_80_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_80_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_80_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_4_80_20 {
    grid-template-columns: repeat(4, 1fr);
    gap: 80px 20px;
  }
}

.grid_4_80_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_80_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_80_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_80_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_80_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_80_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_4_80_10 {
    grid-template-columns: repeat(4, 1fr);
    gap: 80px 10px;
  }
}

.grid_4_70_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_70_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_70_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_70_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_70_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_70_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_4_70_100 {
    grid-template-columns: repeat(4, 1fr);
    gap: 70px 100px;
  }
}

.grid_4_70_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_70_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_70_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_70_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_70_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_70_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_4_70_90 {
    grid-template-columns: repeat(4, 1fr);
    gap: 70px 90px;
  }
}

.grid_4_70_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_70_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_70_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_70_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_70_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_70_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_4_70_80 {
    grid-template-columns: repeat(4, 1fr);
    gap: 70px 80px;
  }
}

.grid_4_70_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_70_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_70_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_70_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_70_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_70_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_4_70_70 {
    grid-template-columns: repeat(4, 1fr);
    gap: 70px 70px;
  }
}

.grid_4_70_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_70_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_70_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_70_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_70_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_70_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_4_70_60 {
    grid-template-columns: repeat(4, 1fr);
    gap: 70px 60px;
  }
}

.grid_4_70_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_70_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_70_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_70_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_70_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_70_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_4_70_50 {
    grid-template-columns: repeat(4, 1fr);
    gap: 70px 50px;
  }
}

.grid_4_70_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_70_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_70_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_70_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_70_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_70_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_4_70_40 {
    grid-template-columns: repeat(4, 1fr);
    gap: 70px 40px;
  }
}

.grid_4_70_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_70_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_70_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_70_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_70_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_70_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_4_70_30 {
    grid-template-columns: repeat(4, 1fr);
    gap: 70px 30px;
  }
}

.grid_4_70_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_70_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_70_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_70_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_70_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_70_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_4_70_20 {
    grid-template-columns: repeat(4, 1fr);
    gap: 70px 20px;
  }
}

.grid_4_70_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_70_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_70_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_70_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_70_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_70_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_4_70_10 {
    grid-template-columns: repeat(4, 1fr);
    gap: 70px 10px;
  }
}

.grid_4_60_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_60_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_60_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_60_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_60_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_60_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_4_60_100 {
    grid-template-columns: repeat(4, 1fr);
    gap: 60px 100px;
  }
}

.grid_4_60_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_60_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_60_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_60_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_60_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_60_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_4_60_90 {
    grid-template-columns: repeat(4, 1fr);
    gap: 60px 90px;
  }
}

.grid_4_60_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_60_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_60_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_60_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_60_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_60_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_4_60_80 {
    grid-template-columns: repeat(4, 1fr);
    gap: 60px 80px;
  }
}

.grid_4_60_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_60_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_60_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_60_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_60_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_60_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_4_60_70 {
    grid-template-columns: repeat(4, 1fr);
    gap: 60px 70px;
  }
}

.grid_4_60_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_60_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_60_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_60_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_60_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_60_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_4_60_60 {
    grid-template-columns: repeat(4, 1fr);
    gap: 60px 60px;
  }
}

.grid_4_60_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_60_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_60_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_60_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_60_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_60_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_4_60_50 {
    grid-template-columns: repeat(4, 1fr);
    gap: 60px 50px;
  }
}

.grid_4_60_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_60_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_60_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_60_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_60_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_60_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_4_60_40 {
    grid-template-columns: repeat(4, 1fr);
    gap: 60px 40px;
  }
}

.grid_4_60_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_60_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_60_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_60_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_60_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_60_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_4_60_30 {
    grid-template-columns: repeat(4, 1fr);
    gap: 60px 30px;
  }
}

.grid_4_60_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_60_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_60_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_60_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_60_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_60_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_4_60_20 {
    grid-template-columns: repeat(4, 1fr);
    gap: 60px 20px;
  }
}

.grid_4_60_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_60_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_60_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_60_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_60_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_60_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_4_60_10 {
    grid-template-columns: repeat(4, 1fr);
    gap: 60px 10px;
  }
}

.grid_4_50_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_50_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_50_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_50_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_50_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_50_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_4_50_100 {
    grid-template-columns: repeat(4, 1fr);
    gap: 50px 100px;
  }
}

.grid_4_50_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_50_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_50_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_50_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_50_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_50_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_4_50_90 {
    grid-template-columns: repeat(4, 1fr);
    gap: 50px 90px;
  }
}

.grid_4_50_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_50_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_50_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_50_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_50_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_50_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_4_50_80 {
    grid-template-columns: repeat(4, 1fr);
    gap: 50px 80px;
  }
}

.grid_4_50_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_50_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_50_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_50_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_50_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_50_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_4_50_70 {
    grid-template-columns: repeat(4, 1fr);
    gap: 50px 70px;
  }
}

.grid_4_50_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_50_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_50_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_50_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_50_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_50_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_4_50_60 {
    grid-template-columns: repeat(4, 1fr);
    gap: 50px 60px;
  }
}

.grid_4_50_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_50_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_50_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_50_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_50_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_50_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_4_50_50 {
    grid-template-columns: repeat(4, 1fr);
    gap: 50px 50px;
  }
}

.grid_4_50_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_50_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_50_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_50_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_50_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_50_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_4_50_40 {
    grid-template-columns: repeat(4, 1fr);
    gap: 50px 40px;
  }
}

.grid_4_50_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_50_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_50_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_50_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_50_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_50_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_4_50_30 {
    grid-template-columns: repeat(4, 1fr);
    gap: 50px 30px;
  }
}

.grid_4_50_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_50_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_50_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_50_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_50_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_50_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_4_50_20 {
    grid-template-columns: repeat(4, 1fr);
    gap: 50px 20px;
  }
}

.grid_4_50_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_50_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_50_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_50_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_50_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_50_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_4_50_10 {
    grid-template-columns: repeat(4, 1fr);
    gap: 50px 10px;
  }
}

.grid_4_40_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_40_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_40_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_40_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_40_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_40_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_4_40_100 {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 100px;
  }
}

.grid_4_40_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_40_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_40_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_40_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_40_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_40_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_4_40_90 {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 90px;
  }
}

.grid_4_40_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_40_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_40_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_40_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_40_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_40_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_4_40_80 {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 80px;
  }
}

.grid_4_40_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_40_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_40_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_40_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_40_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_40_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_4_40_70 {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 70px;
  }
}

.grid_4_40_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_40_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_40_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_40_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_40_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_40_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_4_40_60 {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 60px;
  }
}

.grid_4_40_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_40_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_40_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_40_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_40_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_40_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_4_40_50 {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 50px;
  }
}

.grid_4_40_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_40_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_40_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_40_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_40_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_40_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_4_40_40 {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 40px;
  }
}

.grid_4_40_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_40_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_40_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_40_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_40_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_40_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_4_40_30 {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 30px;
  }
}

.grid_4_40_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_40_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_40_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_40_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_40_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_40_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_4_40_20 {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 20px;
  }
}

.grid_4_40_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_40_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_40_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_40_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_40_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_40_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_4_40_10 {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 10px;
  }
}

.grid_4_30_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_30_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_30_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_30_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_30_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_30_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_4_30_100 {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 100px;
  }
}

.grid_4_30_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_30_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_30_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_30_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_30_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_30_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_4_30_90 {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 90px;
  }
}

.grid_4_30_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_30_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_30_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_30_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_30_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_30_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_4_30_80 {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 80px;
  }
}

.grid_4_30_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_30_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_30_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_30_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_30_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_30_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_4_30_70 {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 70px;
  }
}

.grid_4_30_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_30_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_30_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_30_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_30_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_30_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_4_30_60 {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 60px;
  }
}

.grid_4_30_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_30_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_30_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_30_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_30_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_30_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_4_30_50 {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 50px;
  }
}

.grid_4_30_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_30_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_30_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_30_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_30_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_30_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_4_30_40 {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 40px;
  }
}

.grid_4_30_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_30_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_30_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_30_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_30_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_30_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_4_30_30 {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 30px;
  }
}

.grid_4_30_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_30_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_30_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_30_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_30_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_30_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_4_30_20 {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 20px;
  }
}

.grid_4_30_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_30_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_30_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_30_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_30_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_30_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_4_30_10 {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 10px;
  }
}

.grid_4_20_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_20_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_20_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_20_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_20_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_20_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_4_20_100 {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 100px;
  }
}

.grid_4_20_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_20_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_20_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_20_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_20_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_20_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_4_20_90 {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 90px;
  }
}

.grid_4_20_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_20_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_20_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_20_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_20_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_20_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_4_20_80 {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 80px;
  }
}

.grid_4_20_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_20_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_20_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_20_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_20_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_20_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_4_20_70 {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 70px;
  }
}

.grid_4_20_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_20_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_20_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_20_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_20_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_20_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_4_20_60 {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 60px;
  }
}

.grid_4_20_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_20_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_20_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_20_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_20_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_20_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_4_20_50 {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 50px;
  }
}

.grid_4_20_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_20_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_20_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_20_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_20_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_20_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_4_20_40 {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 40px;
  }
}

.grid_4_20_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_20_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_20_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_20_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_20_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_20_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_4_20_30 {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 30px;
  }
}

.grid_4_20_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_20_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_20_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_20_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_20_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_20_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_4_20_20 {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 20px;
  }
}

.grid_4_20_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_20_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_20_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_20_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_20_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_20_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_4_20_10 {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 10px;
  }
}

.grid_4_10_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_10_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_10_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_10_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_10_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_10_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_4_10_100 {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 100px;
  }
}

.grid_4_10_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_10_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_10_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_10_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_10_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_10_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_4_10_90 {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 90px;
  }
}

.grid_4_10_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_10_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_10_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_10_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_10_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_10_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_4_10_80 {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 80px;
  }
}

.grid_4_10_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_10_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_10_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_10_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_10_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_10_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_4_10_70 {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 70px;
  }
}

.grid_4_10_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_10_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_10_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_10_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_10_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_10_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_4_10_60 {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 60px;
  }
}

.grid_4_10_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_10_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_10_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_10_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_10_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_10_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_4_10_50 {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 50px;
  }
}

.grid_4_10_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_10_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_10_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_10_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_10_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_10_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_4_10_40 {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 40px;
  }
}

.grid_4_10_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_10_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_10_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_10_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_10_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_10_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_4_10_30 {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 30px;
  }
}

.grid_4_10_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_10_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_10_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_10_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_10_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_10_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_4_10_20 {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 20px;
  }
}

.grid_4_10_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_4_10_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_4_10_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_4_10_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_4_10_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_4_10_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_4_10_10 {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 10px;
  }
}

.grid_3_100_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_100_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_100_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_100_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_100_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_100_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_3_100_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 100px;
  }
}

.grid_3_100_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_100_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_100_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_100_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_100_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_100_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_3_100_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 90px;
  }
}

.grid_3_100_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_100_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_100_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_100_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_100_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_100_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_3_100_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 80px;
  }
}

.grid_3_100_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_100_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_100_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_100_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_100_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_100_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_3_100_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 70px;
  }
}

.grid_3_100_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_100_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_100_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_100_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_100_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_100_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_3_100_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 60px;
  }
}

.grid_3_100_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_100_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_100_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_100_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_100_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_100_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_3_100_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 50px;
  }
}

.grid_3_100_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_100_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_100_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_100_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_100_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_100_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_3_100_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 40px;
  }
}

.grid_3_100_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_100_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_100_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_100_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_100_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_100_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_3_100_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 30px;
  }
}

.grid_3_100_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_100_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_100_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_100_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_100_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_100_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_3_100_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 20px;
  }
}

.grid_3_100_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_100_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_100_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_100_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_100_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_100_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_3_100_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 10px;
  }
}

.grid_3_90_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_90_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_90_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_90_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_90_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_90_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_3_90_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 100px;
  }
}

.grid_3_90_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_90_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_90_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_90_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_90_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_90_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_3_90_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 90px;
  }
}

.grid_3_90_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_90_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_90_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_90_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_90_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_90_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_3_90_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 80px;
  }
}

.grid_3_90_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_90_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_90_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_90_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_90_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_90_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_3_90_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 70px;
  }
}

.grid_3_90_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_90_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_90_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_90_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_90_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_90_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_3_90_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 60px;
  }
}

.grid_3_90_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_90_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_90_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_90_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_90_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_90_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_3_90_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 50px;
  }
}

.grid_3_90_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_90_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_90_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_90_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_90_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_90_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_3_90_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 40px;
  }
}

.grid_3_90_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_90_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_90_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_90_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_90_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_90_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_3_90_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 30px;
  }
}

.grid_3_90_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_90_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_90_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_90_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_90_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_90_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_3_90_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 20px;
  }
}

.grid_3_90_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_90_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_90_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_90_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_90_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_90_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_3_90_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 90px 10px;
  }
}

.grid_3_80_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_80_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_80_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_80_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_80_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_80_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_3_80_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 100px;
  }
}

.grid_3_80_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_80_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_80_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_80_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_80_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_80_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_3_80_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 90px;
  }
}

.grid_3_80_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_80_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_80_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_80_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_80_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_80_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_3_80_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 80px;
  }
}

.grid_3_80_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_80_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_80_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_80_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_80_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_80_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_3_80_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 70px;
  }
}

.grid_3_80_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_80_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_80_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_80_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_80_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_80_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_3_80_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 60px;
  }
}

.grid_3_80_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_80_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_80_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_80_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_80_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_80_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_3_80_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 50px;
  }
}

.grid_3_80_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_80_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_80_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_80_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_80_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_80_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_3_80_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 40px;
  }
}

.grid_3_80_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_80_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_80_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_80_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_80_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_80_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_3_80_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 30px;
  }
}

.grid_3_80_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_80_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_80_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_80_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_80_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_80_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_3_80_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 20px;
  }
}

.grid_3_80_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_80_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_80_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_80_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_80_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_80_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_3_80_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 10px;
  }
}

.grid_3_70_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_70_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_70_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_70_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_70_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_70_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_3_70_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 100px;
  }
}

.grid_3_70_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_70_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_70_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_70_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_70_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_70_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_3_70_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 90px;
  }
}

.grid_3_70_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_70_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_70_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_70_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_70_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_70_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_3_70_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 80px;
  }
}

.grid_3_70_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_70_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_70_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_70_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_70_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_70_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_3_70_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 70px;
  }
}

.grid_3_70_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_70_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_70_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_70_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_70_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_70_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_3_70_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 60px;
  }
}

.grid_3_70_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_70_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_70_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_70_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_70_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_70_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_3_70_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 50px;
  }
}

.grid_3_70_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_70_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_70_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_70_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_70_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_70_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_3_70_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 40px;
  }
}

.grid_3_70_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_70_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_70_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_70_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_70_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_70_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_3_70_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 30px;
  }
}

.grid_3_70_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_70_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_70_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_70_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_70_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_70_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_3_70_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 20px;
  }
}

.grid_3_70_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_70_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_70_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_70_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_70_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_70_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_3_70_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 70px 10px;
  }
}

.grid_3_60_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_60_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_60_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_60_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_60_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_60_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_3_60_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 100px;
  }
}

.grid_3_60_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_60_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_60_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_60_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_60_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_60_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_3_60_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 90px;
  }
}

.grid_3_60_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_60_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_60_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_60_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_60_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_60_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_3_60_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 80px;
  }
}

.grid_3_60_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_60_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_60_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_60_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_60_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_60_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_3_60_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 70px;
  }
}

.grid_3_60_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_60_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_60_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_60_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_60_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_60_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_3_60_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 60px;
  }
}

.grid_3_60_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_60_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_60_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_60_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_60_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_60_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_3_60_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 50px;
  }
}

.grid_3_60_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_60_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_60_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_60_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_60_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_60_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_3_60_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 40px;
  }
}

.grid_3_60_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_60_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_60_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_60_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_60_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_60_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_3_60_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 30px;
  }
}

.grid_3_60_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_60_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_60_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_60_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_60_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_60_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_3_60_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 20px;
  }
}

.grid_3_60_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_60_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_60_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_60_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_60_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_60_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_3_60_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 10px;
  }
}

.grid_3_50_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_50_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_50_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_50_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_50_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_50_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_3_50_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 100px;
  }
}

.grid_3_50_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_50_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_50_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_50_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_50_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_50_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_3_50_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 90px;
  }
}

.grid_3_50_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_50_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_50_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_50_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_50_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_50_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_3_50_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 80px;
  }
}

.grid_3_50_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_50_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_50_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_50_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_50_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_50_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_3_50_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 70px;
  }
}

.grid_3_50_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_50_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_50_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_50_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_50_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_50_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_3_50_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 60px;
  }
}

.grid_3_50_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_50_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_50_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_50_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_50_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_50_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_3_50_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 50px;
  }
}

.grid_3_50_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_50_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_50_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_50_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_50_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_50_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_3_50_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 40px;
  }
}

.grid_3_50_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_50_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_50_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_50_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_50_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_50_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_3_50_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 30px;
  }
}

.grid_3_50_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_50_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_50_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_50_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_50_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_50_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_3_50_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 20px;
  }
}

.grid_3_50_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_50_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_50_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_50_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_50_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_50_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_3_50_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 10px;
  }
}

.grid_3_40_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_40_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_40_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_40_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_40_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_40_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_3_40_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 100px;
  }
}

.grid_3_40_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_40_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_40_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_40_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_40_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_40_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_3_40_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 90px;
  }
}

.grid_3_40_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_40_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_40_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_40_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_40_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_40_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_3_40_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 80px;
  }
}

.grid_3_40_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_40_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_40_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_40_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_40_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_40_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_3_40_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 70px;
  }
}

.grid_3_40_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_40_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_40_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_40_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_40_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_40_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_3_40_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 60px;
  }
}

.grid_3_40_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_40_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_40_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_40_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_40_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_40_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_3_40_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 50px;
  }
}

.grid_3_40_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_40_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_40_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_40_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_40_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_40_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_3_40_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 40px;
  }
}

.grid_3_40_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_40_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_40_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_40_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_40_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_40_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_3_40_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 30px;
  }
}

.grid_3_40_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_40_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_40_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_40_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_40_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_40_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_3_40_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 20px;
  }
}

.grid_3_40_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_40_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_40_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_40_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_40_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_40_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_3_40_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 10px;
  }
}

.grid_3_30_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_30_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_30_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_30_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_30_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_30_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_3_30_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 100px;
  }
}

.grid_3_30_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_30_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_30_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_30_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_30_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_30_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_3_30_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 90px;
  }
}

.grid_3_30_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_30_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_30_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_30_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_30_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_30_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_3_30_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 80px;
  }
}

.grid_3_30_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_30_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_30_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_30_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_30_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_30_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_3_30_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 70px;
  }
}

.grid_3_30_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_30_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_30_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_30_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_30_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_30_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_3_30_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 60px;
  }
}

.grid_3_30_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_30_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_30_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_30_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_30_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_30_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_3_30_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 50px;
  }
}

.grid_3_30_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_30_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_30_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_30_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_30_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_30_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_3_30_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 40px;
  }
}

.grid_3_30_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_30_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_30_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_30_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_30_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_30_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_3_30_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 30px;
  }
}

.grid_3_30_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_30_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_30_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_30_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_30_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_30_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_3_30_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 20px;
  }
}

.grid_3_30_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_30_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_30_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_30_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_30_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_30_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_3_30_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 10px;
  }
}

.grid_3_20_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_20_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_20_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_20_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_20_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_20_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_3_20_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 100px;
  }
}

.grid_3_20_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_20_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_20_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_20_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_20_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_20_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_3_20_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 90px;
  }
}

.grid_3_20_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_20_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_20_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_20_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_20_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_20_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_3_20_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 80px;
  }
}

.grid_3_20_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_20_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_20_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_20_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_20_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_20_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_3_20_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 70px;
  }
}

.grid_3_20_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_20_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_20_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_20_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_20_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_20_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_3_20_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 60px;
  }
}

.grid_3_20_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_20_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_20_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_20_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_20_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_20_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_3_20_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 50px;
  }
}

.grid_3_20_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_20_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_20_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_20_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_20_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_20_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_3_20_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 40px;
  }
}

.grid_3_20_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_20_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_20_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_20_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_20_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_20_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_3_20_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 30px;
  }
}

.grid_3_20_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_20_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_20_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_20_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_20_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_20_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_3_20_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 20px;
  }
}

.grid_3_20_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_20_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_20_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_20_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_20_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_20_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_3_20_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 10px;
  }
}

.grid_3_10_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_10_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_10_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_10_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_10_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_10_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_3_10_100 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 100px;
  }
}

.grid_3_10_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_10_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_10_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_10_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_10_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_10_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_3_10_90 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 90px;
  }
}

.grid_3_10_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_10_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_10_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_10_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_10_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_10_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_3_10_80 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 80px;
  }
}

.grid_3_10_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_10_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_10_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_10_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_10_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_10_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_3_10_70 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 70px;
  }
}

.grid_3_10_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_10_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_10_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_10_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_10_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_10_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_3_10_60 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 60px;
  }
}

.grid_3_10_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_10_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_10_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_10_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_10_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_10_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_3_10_50 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 50px;
  }
}

.grid_3_10_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_10_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_10_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_10_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_10_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_10_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_3_10_40 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 40px;
  }
}

.grid_3_10_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_10_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_10_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_10_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_10_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_10_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_3_10_30 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 30px;
  }
}

.grid_3_10_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_10_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_10_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_10_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_10_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_10_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_3_10_20 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 20px;
  }
}

.grid_3_10_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_3_10_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_3_10_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_3_10_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_3_10_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_3_10_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_3_10_10 {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 10px;
  }
}

.grid_2_100_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_100_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_100_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_100_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_100_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 100px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_100_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 100px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_2_100_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 100px 100px;
  }
}

.grid_2_100_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_100_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_100_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_100_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_100_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 100px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_100_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 100px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_2_100_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 100px 90px;
  }
}

.grid_2_100_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_100_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_100_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_100_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_100_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 100px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_100_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 100px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_2_100_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 100px 80px;
  }
}

.grid_2_100_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_100_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_100_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_100_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_100_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 100px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_100_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 100px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_2_100_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 100px 70px;
  }
}

.grid_2_100_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_100_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_100_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_100_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_100_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 100px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_100_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 100px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_2_100_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 100px 60px;
  }
}

.grid_2_100_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_100_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_100_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_100_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_100_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 100px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_100_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 100px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_2_100_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 100px 50px;
  }
}

.grid_2_100_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_100_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_100_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_100_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_100_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 100px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_100_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 100px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_2_100_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 100px 40px;
  }
}

.grid_2_100_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_100_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_100_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_100_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_100_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 100px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_100_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 100px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_2_100_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 100px 30px;
  }
}

.grid_2_100_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_100_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_100_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_100_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_100_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 100px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_100_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 100px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_2_100_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 100px 20px;
  }
}

.grid_2_100_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_100_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 90px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_100_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_100_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_100_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 100px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_100_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 100px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_2_100_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 100px 10px;
  }
}

.grid_2_90_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_90_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_90_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_90_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_90_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_90_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_2_90_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 100px;
  }
}

.grid_2_90_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_90_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_90_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_90_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_90_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_90_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_2_90_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 90px;
  }
}

.grid_2_90_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_90_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_90_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_90_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_90_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_90_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_2_90_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 80px;
  }
}

.grid_2_90_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_90_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_90_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_90_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_90_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_90_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_2_90_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 70px;
  }
}

.grid_2_90_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_90_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_90_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_90_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_90_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_90_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_2_90_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 60px;
  }
}

.grid_2_90_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_90_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_90_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_90_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_90_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_90_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_2_90_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 50px;
  }
}

.grid_2_90_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_90_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_90_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_90_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_90_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_90_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_2_90_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 40px;
  }
}

.grid_2_90_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_90_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_90_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_90_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_90_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_90_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_2_90_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 30px;
  }
}

.grid_2_90_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_90_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_90_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_90_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_90_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_90_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_2_90_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 20px;
  }
}

.grid_2_90_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_90_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_90_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_90_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_90_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_90_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_2_90_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 10px;
  }
}

.grid_2_80_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_80_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_80_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_80_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_80_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_80_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_2_80_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 100px;
  }
}

.grid_2_80_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_80_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_80_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_80_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_80_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_80_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_2_80_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 90px;
  }
}

.grid_2_80_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_80_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_80_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_80_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_80_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_80_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_2_80_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 80px;
  }
}

.grid_2_80_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_80_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_80_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_80_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_80_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_80_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_2_80_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 70px;
  }
}

.grid_2_80_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_80_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_80_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_80_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_80_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_80_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_2_80_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 60px;
  }
}

.grid_2_80_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_80_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_80_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_80_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_80_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_80_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_2_80_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 50px;
  }
}

.grid_2_80_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_80_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_80_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_80_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_80_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_80_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_2_80_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 40px;
  }
}

.grid_2_80_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_80_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_80_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_80_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_80_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_80_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_2_80_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 30px;
  }
}

.grid_2_80_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_80_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_80_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_80_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_80_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_80_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_2_80_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 20px;
  }
}

.grid_2_80_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_80_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 70px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_80_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_80_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_80_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_80_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_2_80_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 10px;
  }
}

.grid_2_70_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_70_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_70_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_70_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_70_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_70_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_2_70_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 100px;
  }
}

.grid_2_70_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_70_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_70_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_70_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_70_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_70_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_2_70_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 90px;
  }
}

.grid_2_70_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_70_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_70_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_70_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_70_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_70_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_2_70_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 80px;
  }
}

.grid_2_70_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_70_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_70_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_70_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_70_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_70_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_2_70_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 70px;
  }
}

.grid_2_70_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_70_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_70_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_70_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_70_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_70_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_2_70_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 60px;
  }
}

.grid_2_70_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_70_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_70_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_70_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_70_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_70_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_2_70_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 50px;
  }
}

.grid_2_70_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_70_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_70_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_70_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_70_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_70_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_2_70_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 40px;
  }
}

.grid_2_70_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_70_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_70_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_70_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_70_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_70_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_2_70_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 30px;
  }
}

.grid_2_70_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_70_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_70_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_70_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_70_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_70_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_2_70_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 20px;
  }
}

.grid_2_70_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_70_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_70_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_70_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_70_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_70_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_2_70_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 10px;
  }
}

.grid_2_60_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_60_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_60_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_60_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_60_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_60_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_2_60_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 100px;
  }
}

.grid_2_60_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_60_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_60_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_60_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_60_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_60_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_2_60_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 90px;
  }
}

.grid_2_60_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_60_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_60_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_60_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_60_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_60_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_2_60_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 80px;
  }
}

.grid_2_60_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_60_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_60_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_60_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_60_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_60_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_2_60_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 70px;
  }
}

.grid_2_60_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_60_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_60_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_60_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_60_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_60_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_2_60_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 60px;
  }
}

.grid_2_60_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_60_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_60_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_60_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_60_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_60_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_2_60_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 50px;
  }
}

.grid_2_60_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_60_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_60_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_60_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_60_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_60_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_2_60_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 40px;
  }
}

.grid_2_60_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_60_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_60_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_60_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_60_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_60_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_2_60_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 30px;
  }
}

.grid_2_60_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_60_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_60_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_60_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_60_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_60_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_2_60_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 20px;
  }
}

.grid_2_60_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_60_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_60_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_60_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_60_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_60_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_2_60_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 10px;
  }
}

.grid_2_50_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_50_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_50_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_50_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_50_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_50_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_2_50_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 100px;
  }
}

.grid_2_50_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_50_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_50_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_50_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_50_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_50_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_2_50_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 90px;
  }
}

.grid_2_50_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_50_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_50_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_50_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_50_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_50_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_2_50_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 80px;
  }
}

.grid_2_50_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_50_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_50_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_50_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_50_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_50_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_2_50_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 70px;
  }
}

.grid_2_50_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_50_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_50_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_50_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_50_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_50_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_2_50_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 60px;
  }
}

.grid_2_50_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_50_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_50_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_50_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_50_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_50_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_2_50_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 50px;
  }
}

.grid_2_50_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_50_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_50_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_50_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_50_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_50_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_2_50_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 40px;
  }
}

.grid_2_50_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_50_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_50_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_50_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_50_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_50_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_2_50_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 30px;
  }
}

.grid_2_50_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_50_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_50_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_50_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_50_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_50_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_2_50_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 20px;
  }
}

.grid_2_50_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_50_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_50_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_50_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_50_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_50_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_2_50_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 10px;
  }
}

.grid_2_40_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_40_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_40_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_40_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_40_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_40_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_2_40_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 100px;
  }
}

.grid_2_40_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_40_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_40_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_40_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_40_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_40_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_2_40_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 90px;
  }
}

.grid_2_40_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_40_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_40_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_40_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_40_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_40_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_2_40_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 80px;
  }
}

.grid_2_40_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_40_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_40_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_40_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_40_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_40_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_2_40_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 70px;
  }
}

.grid_2_40_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_40_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_40_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_40_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_40_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_40_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_2_40_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 60px;
  }
}

.grid_2_40_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_40_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_40_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_40_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_40_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_40_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_2_40_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 50px;
  }
}

.grid_2_40_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_40_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_40_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_40_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_40_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_40_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_2_40_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 40px;
  }
}

.grid_2_40_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_40_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_40_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_40_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_40_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_40_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_2_40_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 30px;
  }
}

.grid_2_40_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_40_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_40_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_40_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_40_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_40_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_2_40_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 20px;
  }
}

.grid_2_40_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_40_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_40_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_40_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_40_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_40_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_2_40_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 10px;
  }
}

.grid_2_30_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_30_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_30_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_30_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_30_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_30_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_2_30_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 100px;
  }
}

.grid_2_30_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_30_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_30_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_30_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_30_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_30_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_2_30_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 90px;
  }
}

.grid_2_30_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_30_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_30_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_30_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_30_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_30_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_2_30_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 80px;
  }
}

.grid_2_30_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_30_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_30_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_30_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_30_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_30_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_2_30_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 70px;
  }
}

.grid_2_30_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_30_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_30_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_30_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_30_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_30_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_2_30_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 60px;
  }
}

.grid_2_30_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_30_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_30_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_30_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_30_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_30_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_2_30_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 50px;
  }
}

.grid_2_30_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_30_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_30_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_30_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_30_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_30_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_2_30_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 40px;
  }
}

.grid_2_30_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_30_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_30_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_30_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_30_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_30_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_2_30_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px;
  }
}

.grid_2_30_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_30_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_30_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_30_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_30_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_30_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_2_30_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 20px;
  }
}

.grid_2_30_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_30_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_30_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_30_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_30_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_30_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_2_30_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 10px;
  }
}

.grid_2_20_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_20_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_20_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_20_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_20_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_20_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_2_20_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 100px;
  }
}

.grid_2_20_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_20_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_20_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_20_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_20_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_20_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_2_20_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 90px;
  }
}

.grid_2_20_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_20_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_20_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_20_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_20_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_20_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_2_20_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 80px;
  }
}

.grid_2_20_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_20_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_20_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_20_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_20_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_20_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_2_20_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 70px;
  }
}

.grid_2_20_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_20_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_20_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_20_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_20_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_20_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_2_20_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 60px;
  }
}

.grid_2_20_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_20_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_20_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_20_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_20_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_20_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_2_20_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 50px;
  }
}

.grid_2_20_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_20_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_20_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_20_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_20_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_20_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_2_20_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 40px;
  }
}

.grid_2_20_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_20_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_20_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_20_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_20_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_20_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_2_20_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 30px;
  }
}

.grid_2_20_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_20_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_20_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_20_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_20_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_20_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_2_20_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 20px;
  }
}

.grid_2_20_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_20_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_20_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_20_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_20_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_20_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_2_20_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 10px;
  }
}

.grid_2_10_100 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_10_100 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 90px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_10_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 90px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_10_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 90px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_10_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 100px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_10_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 100px;
  }
}

@media (min-width: 1860px) {
  .grid_2_10_100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 100px;
  }
}

.grid_2_10_90 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_10_90 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_10_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_10_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_10_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 90px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_10_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 90px;
  }
}

@media (min-width: 1860px) {
  .grid_2_10_90 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 90px;
  }
}

.grid_2_10_80 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_10_80 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_10_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 70px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_10_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 70px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_10_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_10_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 80px;
  }
}

@media (min-width: 1860px) {
  .grid_2_10_80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 80px;
  }
}

.grid_2_10_70 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_10_70 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_10_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_10_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_10_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_10_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 70px;
  }
}

@media (min-width: 1860px) {
  .grid_2_10_70 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 70px;
  }
}

.grid_2_10_60 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_10_60 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_10_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_10_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_10_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 60px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_10_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 60px;
  }
}

@media (min-width: 1860px) {
  .grid_2_10_60 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 60px;
  }
}

.grid_2_10_50 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_10_50 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_10_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_10_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_10_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_10_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 50px;
  }
}

@media (min-width: 1860px) {
  .grid_2_10_50 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 50px;
  }
}

.grid_2_10_40 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_10_40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_10_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_10_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_10_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_10_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 40px;
  }
}

@media (min-width: 1860px) {
  .grid_2_10_40 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 40px;
  }
}

.grid_2_10_30 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_10_30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_10_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 30px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_10_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_10_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_10_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 30px;
  }
}

@media (min-width: 1860px) {
  .grid_2_10_30 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 30px;
  }
}

.grid_2_10_20 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_10_20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_10_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_10_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_10_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_10_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 20px;
  }
}

@media (min-width: 1860px) {
  .grid_2_10_20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 20px;
  }
}

.grid_2_10_10 {
  display: grid;
}

@media (max-width: 767px) {
  .grid_2_10_10 {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .grid_2_10_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 10px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .grid_2_10_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 10px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .grid_2_10_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 10px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .grid_2_10_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 10px;
  }
}

@media (min-width: 1860px) {
  .grid_2_10_10 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 10px;
  }
}

/* =====================================================================================================================
 TICKER CONTAINER
/*=======================================================================================================================*/
.ticker {
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
}

@media (max-width: 767px) {
  .ticker {
    margin-left: -20px;
    margin-right: -20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .ticker {
    margin-left: -40px;
    margin-right: -40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .ticker {
    margin-left: -40px;
    margin-right: -40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .ticker {
    margin-left: -40px;
    margin-right: -40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .ticker {
    margin-left: -40px;
    margin-right: -40px;
  }
}

@media (min-width: 1860px) {
  .ticker {
    margin-left: -40px;
    margin-right: -40px;
  }
}

.ticker .ticker_group_item {
  position: relative;
  display: inline-grid;
  transition-property: margin-left;
  transition-timing-function: linear;
}

.ticker .ticker_group_item.noanim {
  transition-duration: 0ms !important;
}

/* =====================================================================================================================
 DRAG2SCROLL
/*=======================================================================================================================*/
#drag2scroll {
  cursor: none;
}

.cursor_icon {
  position: fixed;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: rgba(18, 22, 25, 0.4);
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
  z-index: 0;
  background-image: url(../img/icn_drag_white.svg);
  background-position: center center;
  background-size: 24px;
  background-repeat: no-repeat;
  opacity: 0;
  transform-origin: 50% 50%;
  -webkit-transition: opacity 150ms linear, transform 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: opacity 150ms linear, transform 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: opacity 150ms linear, transform 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  transform: scale(0);
}

.cursor_icon.on {
  opacity: 1;
  z-index: 99999;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
}

.cursor_icon.clicked {
  -webkit-transition: transform 0ms linear;
  -moz-transition: transform 0ms linear;
  transition: transform 0ms linear;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  transform: scale(0.9);
}

.dragscroll {
  position: relative;
  overflow-x: scroll;
  overflow-y: auto;
  cursor: none;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -ms-overflow-style: none;
  scrollbar-width: none !important;
}

.dragscroll::-webkit-scrollbar {
  display: none;
  width: 0 !important;
  height: 0 !important;
  padding: 0;
  margin: 0;
  border: none;
  background: rgba(0, 0, 0, 0);
  color: white !important;
  position: static;
}

.dragscroll::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}

.dragscroll::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0);
}

.dragscroll::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0);
}

.dragscroll::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0);
}

.dragscroll .slide_container {
  position: relative;
  display: flex;
  align-self: stretch;
  width: auto;
}

.safari .dragscroll .slide_container {
  display: inline-flex;
}

@media (max-width: 767px) {
  .dragscroll .slide_container {
    height: 350px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .dragscroll .slide_container {
    height: 400px;
    margin-right: 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .dragscroll .slide_container {
    height: 500px;
    margin-right: 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .dragscroll .slide_container {
    height: 600px;
    margin-right: 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .dragscroll .slide_container {
    height: 650px;
    margin-right: 40px;
  }
}

@media (min-width: 1860px) {
  .dragscroll .slide_container {
    height: 700px;
    margin-right: 40px;
  }
}

.dragscroll .slide {
  position: relative;
  vertical-align: top;
}

@media (max-width: 767px) {
  .dragscroll .slide {
    padding-right: 10px;
  }
}

@media (min-width: 768px) {
  .dragscroll .slide {
    padding-right: 20px;
  }
}

@media (max-width: 767px) {
  .dragscroll .slide:last-child {
    padding-right: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .dragscroll .slide:last-child {
    padding-right: 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .dragscroll .slide:last-child {
    padding-right: 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .dragscroll .slide:last-child {
    padding-right: 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .dragscroll .slide:last-child {
    padding-right: 40px;
  }
}

@media (min-width: 1860px) {
  .dragscroll .slide:last-child {
    padding-right: 40px;
  }
}

.dragscroll .slide .item {
  height: 100%;
}

.dragscroll .slide img {
  position: relative;
  height: 90%;
  width: auto;
}

.dragscroll .slide .caption {
  margin-top: 10px;
}

/* =====================================================================================================================
 CM BILD
/*=======================================================================================================================*/
.cm_slideshow .slideshow_item, .cm_slideshow .inner_slideshow_item {
  -webkit-transition: transform 480ms cubic-bezier(0.77, 0, 0.175, 1), opacity 480ms linear, background-color 500ms linear;
  -moz-transition: transform 480ms cubic-bezier(0.77, 0, 0.175, 1), opacity 480ms linear, background-color 500ms linear;
  transition: transform 480ms cubic-bezier(0.77, 0, 0.175, 1), opacity 480ms linear, background-color 500ms linear;
}

.cm_slideshow {
  /*
	Color Schemes ------------------------------------------------------------------------------------------------------
*/
}

.cm_slideshow .inner_cm {
  position: relative;
}

.cm_slideshow .slides_container {
  position: relative;
  overflow: hidden;
  margin-bottom: 50px;
}

.cm_slideshow .slideshow_item {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  overflow: hidden;
}

.cm_slideshow .slideshow_item_ghost {
  position: relative;
  width: 100%;
  opacity: 0;
}

.cm_slideshow .inner_slideshow_item {
  position: relative;
}

.cm_slideshow.direction_horizontal .slideshow_item.off {
  -webkit-transform: translate3d(100%, 0, 0) ;
  -moz-transform: translate3d(100%, 0, 0) ;
  transform: translate3d(100%, 0, 0) ;
}

.cm_slideshow.direction_horizontal .slideshow_item.off .inner_slideshow_item {
  -webkit-transform: translate3d(-100%, 0, 0) ;
  -moz-transform: translate3d(-100%, 0, 0) ;
  transform: translate3d(-100%, 0, 0) ;
}

.cm_slideshow.direction_vertikal .slideshow_item.off {
  -webkit-transform: translate3d(0, 100%, 0) ;
  -moz-transform: translate3d(0, 100%, 0) ;
  transform: translate3d(0, 100%, 0) ;
}

.cm_slideshow.direction_vertikal .slideshow_item.off .inner_slideshow_item {
  -webkit-transform: translate3d(0, -100%, 0) ;
  -moz-transform: translate3d(0, -100%, 0) ;
  transform: translate3d(0, -100%, 0) ;
}

.cm_slideshow.fade_out .slideshow_item.off {
  opacity: 0;
}

.cm_slideshow .image_item {
  padding-bottom: 65%;
}

.cm_slideshow .caption {
  position: relative;
  margin-top: 15px;
}

.cm_slideshow .slider_nav {
  text-align: center;
}

.cm_slideshow .slider_nav .inner_slider_nav {
  display: inline-block;
  cursor: pointer;
}

.cm_slideshow .next {
  position: relative;
  cursor: pointer;
  background-image: url(../img/arrow.svg);
  background-repeat: no-repeat;
  background-position: 103% 50%;
  background-size: cover;
  width: 65px;
  height: 20px;
  -webkit-transition: background-position 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955), filter 500ms linear;
  -moz-transition: background-position 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955), filter 500ms linear;
  transition: background-position 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955), filter 500ms linear;
}

.cm_slideshow .next:hover {
  background-position: 100% 50%;
}

.cm_slideshow .counter {
  position: relative;
  top: -5px;
  -webkit-transition: color 500ms linear;
  -moz-transition: color 500ms linear;
  transition: color 500ms linear;
  float: left;
  margin-right: 20px;
}

.cc_ready .cm_slideshow .caption {
  -webkit-transition: background-color 500ms linear, color 500ms linear;
  -moz-transition: background-color 500ms linear, color 500ms linear;
  transition: background-color 500ms linear, color 500ms linear;
}

.cc_scheme_default .cm_slideshow .next {
  filter: invert(0);
}

.cc_scheme_dunkel .cm_slideshow .next {
  filter: invert(1);
}

.cc_scheme_default .cm_slideshow .caption {
  background-color: white;
  color: #121619;
}

.cc_scheme_dunkel .cm_slideshow .caption {
  background-color: #121619;
  color: white;
}

.cc_scheme_default .cm_slideshow .slideshow_item {
  background-color: white;
  color: #121619;
}

.cc_scheme_dunkel .cm_slideshow .slideshow_item {
  background-color: #121619;
  color: white;
}

.cc_scheme_default .cm_slideshow .counter {
  color: #121619;
}

.cc_scheme_dunkel .cm_slideshow .counter {
  color: white;
}

/* =====================================================================================================================
 SUB CONTENT MODULE
/*=======================================================================================================================*/
.sub_content_module .inner_subcm {
  position: relative;
}

@media (min-width: 1024px) {
  .sub_content_module .inner_subcm {
    width: 60%;
  }
  .sub_content_module .inner_subcm.right {
    left: 35%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .sub_content_module .inner_subcm {
    width: 80%;
  }
  .sub_content_module .inner_subcm.right {
    left: 10%;
  }
}

@media (max-width: 767px) {
  .sub_content_module {
    margin-bottom: 60px;
  }
}

@media (min-width: 768px) {
  .sub_content_module {
    margin-bottom: 120px;
  }
}

.sub_content_module:last-of-type {
  margin-bottom: 0;
}

/* =====================================================================================================================
 MODULE NAME
/*=======================================================================================================================*/
.media_downloads_enabler .elem_checkbox label.css-label a {
  border-bottom-color: white;
  color: white;
  -webkit-transition: opacity 70ms linear;
  -moz-transition: opacity 70ms linear;
  transition: opacity 70ms linear;
}

.media_downloads_enabler .elem_checkbox label.css-label a:hover {
  opacity: 0.7;
}

/* CMs
=======================================================================================================================*/
/* =====================================================================================================================
 CM TEXT WYSIWYG
/*=======================================================================================================================*/
.cm_text_wysiwyg {
  /*
		Color Schemes ------------------------------------------------------------------------------------------------------
	*/
}

.cm_text_wysiwyg .inner_cm {
  position: relative;
}

.cm_text_wysiwyg .text_item {
  position: relative;
}

@media (max-width: 767px) {
  .cm_text_wysiwyg .text_item {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_text_wysiwyg .text_item {
    width: 90%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_text_wysiwyg .text_item {
    width: 80%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_text_wysiwyg .text_item {
    width: 70%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_text_wysiwyg .text_item {
    width: 60%;
  }
}

@media (min-width: 1860px) {
  .cm_text_wysiwyg .text_item {
    width: 50%;
  }
}

.cm_text_wysiwyg .lauftext_container > *:last-child {
  margin-bottom: 0 !important;
}

.cm_text_wysiwyg .lauftext_container a {
  color: inherit;
  padding-bottom: 0;
  border-bottom: 1px solid;
  -webkit-transition: color 100ms linear;
  -moz-transition: color 100ms linear;
  transition: color 100ms linear;
  border-bottom-color: #0754e9;
  /*
		Color Schemes ------------------------------------------------------------------------------------------------------
	*/
}

.cm_text_wysiwyg .lauftext_container a:hover {
  color: #0754e9;
}

.cm_text_wysiwyg .text a, .cm_text_wysiwyg .lead a {
  color: inherit;
  padding-bottom: 0;
  border-bottom: 1px solid;
  -webkit-transition: color 100ms linear;
  -moz-transition: color 100ms linear;
  transition: color 100ms linear;
  border-bottom-color: #0754e9;
  /*
		Color Schemes ------------------------------------------------------------------------------------------------------
	*/
}

.cm_text_wysiwyg .text a:hover, .cm_text_wysiwyg .lead a:hover {
  color: #0754e9;
}

@media (max-width: 767px) {
  .cm_text_wysiwyg .text {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .cm_text_wysiwyg .text {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .cm_text_wysiwyg .zwischentitel {
    margin-top: 40px;
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .cm_text_wysiwyg .zwischentitel {
    margin-top: 60px;
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .cm_text_wysiwyg .lead {
    margin-bottom: 60px;
  }
}

@media (min-width: 768px) {
  .cm_text_wysiwyg .lead {
    margin-bottom: 90px;
  }
}

@media (max-width: 767px) {
  .cm_text_wysiwyg ul, .cm_text_wysiwyg ol {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .cm_text_wysiwyg ul, .cm_text_wysiwyg ol {
    margin-bottom: 30px;
  }
}

@media (max-width: 1023px) {
  .cm_text_wysiwyg ul {
    margin-left: 19px;
  }
}

@media (min-width: 1024px) {
  .cm_text_wysiwyg ul {
    padding-left: 19px;
  }
}

.cm_text_wysiwyg ol {
  list-style-type: decimal-leading-zero;
}

@media (max-width: 1023px) {
  .cm_text_wysiwyg ol {
    margin-left: 27px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_text_wysiwyg ol {
    padding-left: 30px;
  }
}

@media (min-width: 1024px) {
  .cm_text_wysiwyg ol {
    padding-left: 34px;
  }
}

.cm_text_wysiwyg li::marker {
  margin-bottom: 10px;
}

.cm_text_wysiwyg li:not(.text3) {
  margin-bottom: 10px;
}

.cm_text_wysiwyg li p {
  margin-bottom: 10px !important;
}

@media (max-width: 767px) {
  .cm_text_wysiwyg .content_module {
    margin-top: 90px;
    margin-bottom: 85px;
  }
}

@media (min-width: 768px) {
  .cm_text_wysiwyg .content_module {
    margin-top: 160px;
    margin-bottom: 155px;
  }
}

.cm_text_wysiwyg > *:last-child {
  margin-bottom: 0;
}

.cm_text_wysiwyg .button_item {
  position: relative;
  padding-top: 75px;
}

.cm_text_wysiwyg table {
  position: relative;
  width: 100%;
}

@media (max-width: 767px) {
  .cm_text_wysiwyg table td {
    padding-right: 10px;
  }
}

@media (min-width: 768px) {
  .cm_text_wysiwyg table td {
    padding-right: 20px;
  }
}

.cm_text_wysiwyg table td:last-child {
  padding-right: 0;
}

.cc_ready.anim_running .cm_text_wysiwyg .text, .cc_ready.anim_running .cm_text_wysiwyg li, .cc_ready.anim_running .cm_text_wysiwyg .zwischentitel, .cc_ready.anim_running .cm_text_wysiwyg .lead {
  -webkit-transition: color 300ms linear, background-color 300ms linear;
  -moz-transition: color 300ms linear, background-color 300ms linear;
  transition: color 300ms linear, background-color 300ms linear;
}

.cc_scheme_default .cm_text_wysiwyg .text {
  color: #121619;
}

.cc_scheme_dark .cm_text_wysiwyg text {
  color: white;
}

/* =====================================================================================================================
 CM SIMPLES BILD
/*=======================================================================================================================*/
.cm_simples_bild {
  /*
		Color Schemes ------------------------------------------------------------------------------------------------------
	*/
}

.cm_simples_bild .inner_cm {
  position: relative;
}

.cm_simples_bild .image_item {
  position: relative;
  width: 100%;
  padding-bottom: 80%;
}

.cm_simples_bild .caption {
  position: relative;
  margin-top: 20px;
}

.cc_ready .cm_simples_bild .caption {
  -webkit-transition: background-color 500ms linear, color 500ms linear;
  -moz-transition: background-color 500ms linear, color 500ms linear;
  transition: background-color 500ms linear, color 500ms linear;
}

.cc_scheme_default .cm_simples_bild .caption {
  color: #121619;
}

.cc_scheme_dark .cm_simples_bild .caption {
  color: white;
}

/* =====================================================================================================================
 CM FORMULAR
/*=======================================================================================================================*/
.cm_formular .field_jobTitle, .cm_formular .field_notificationId, .cm_formular .freeform-fieldtype-invisible, .cm_formular .field_emailCenter {
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  opacity: 0.01 !important;
}

.cm_formular .inner_cm {
  position: relative;
}

.cm_formular #date_of_birth {
  display: none;
}

.cm_formular .form_elem_container {
  clear: both;
  position: relative;
  display: block;
}

.cm_formular textarea {
  height: 150px;
}

.cm_formular input, .cm_formular textarea {
  box-shadow: inset white 0 0 0 !important;
}

.cm_formular .floating-label {
  position: absolute;
  pointer-events: none;
  left: 20px;
  top: 21px;
  z-index: 1;
  color: #878d96;
  -webkit-transition: all 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: all 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.win .cm_formular .floating-label {
  top: 24px;
}

.iphone.safari.mobile .cm_formular .floating-label {
  top: 32px;
}

.safari.touch .cm_formular .floating-label {
  top: 33px;
}

.cm_formular ::placeholder {
  color: #c1c7cd;
}

.cm_formular .subtitle {
  margin-top: 60px;
  margin-bottom: 30px;
}

.cm_formular .formfield {
  position: relative;
  padding-top: 50px;
  padding-bottom: 14px;
  padding-left: 20px;
  border-radius: 4px;
  border: solid 1px #dde1e6;
  width: 100%;
}

.cm_formular .elem_formfield {
  margin-bottom: 20px;
}

.cm_formular .elem_plz_ort .inner_field_container {
  position: relative;
  display: inline-block;
}

@media (max-width: 767px) {
  .cm_formular .elem_plz_ort .inner_field_container:first-child {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_formular .elem_plz_ort .inner_field_container:first-child {
    width: calc(30% - 15px);
    margin-right: 15px;
    float: left;
  }
}

@media (min-width: 1024px) {
  .cm_formular .elem_plz_ort .inner_field_container:first-child {
    width: calc(25% - 15px);
    margin-right: 15px;
    float: left;
  }
}

@media (max-width: 767px) {
  .cm_formular .elem_plz_ort .inner_field_container:nth-child(2) {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_formular .elem_plz_ort .inner_field_container:nth-child(2) {
    width: 70%;
    float: right;
  }
}

@media (min-width: 1024px) {
  .cm_formular .elem_plz_ort .inner_field_container:nth-child(2) {
    width: 75%;
    float: right;
  }
}

.cm_formular .form_inner_margin {
  height: 40px;
}

.cm_formular .elem_section_title {
  padding-top: 10px;
  padding-bottom: 20px;
}

.cm_formular .elem_textarea.wide {
  grid-column: span 2;
}

.cm_formular .elem_checkbox {
  padding-top: 5px;
}

.cm_formular .elem_checkbox .titel {
  margin-bottom: 10px;
}

.cm_formular .elem_radio {
  padding-top: 5px;
}

.cm_formular .elem_radio .titel {
  margin-bottom: 10px;
}

.cm_formular .captcha_container {
  margin-bottom: 40px;
}

.cm_formular .elem_select {
  margin-bottom: 18px;
}

.cm_formular .elem_select select {
  position: relative;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url(../img/icn_chevron-down-small-grey.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) 50%;
  background-size: 24px;
  height: 90px;
  border-radius: 4px;
  border: solid 1px #dde1e6;
  color: #c1c7cd;
  width: 100%;
  background-color: white;
  box-shadow: none;
  padding-top: 50px;
  padding-bottom: 14px;
  padding-left: 20px;
  outline: none;
}

.cm_formular .elem_select select::-ms-expand {
  display: none;
}

.cm_formular .elem_select option {
  color: #c1c7cd;
}

.cm_formular .error * {
  border-color: red !important;
}

.cm_formular .error label {
  color: red !important;
}

.msg_container {
  display: none;
}

.msg_container .icon_container {
  position: relative;
  width: 54px;
  height: 54px;
  padding: 15px;
  border: solid 1px #a1dbbb;
  border-radius: 50%;
  margin-right: 15px;
}

.msg_container .success_msg {
  display: flex;
  align-items: center;
  background-color: #e4f4eb;
  padding: 40px;
  border-radius: 6px;
}

.msg_container .success_msg .text {
  color: #00ac6e;
}

.msg_container .success_msg svg path {
  fill: #00ac6e;
}

/* =====================================================================================================================
 CM BILD MIT TEXT LR (LeftRight)
/*=======================================================================================================================*/
.cm_bild_mit_text_lr {
  /*
		Color Schemes ------------------------------------------------------------------------------------------------------
	*/
}

.cm_bild_mit_text_lr .inner_cm {
  position: relative;
}

@media (min-width: 768px) {
  .cm_bild_mit_text_lr .content_container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_bild_mit_text_lr .content_container {
    gap: 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_bild_mit_text_lr .content_container {
    gap: 50px;
  }
}

@media (min-width: 1280px) {
  .cm_bild_mit_text_lr .content_container {
    gap: 50px;
  }
}

@media (max-width: 767px) {
  .cm_bild_mit_text_lr .text_container {
    margin-top: 40px;
  }
}

.cm_bild_mit_text_lr.reversed .text_container {
  grid-row: 1;
}

.cm_bild_mit_text_lr .image_item {
  padding-bottom: 130%;
}

.cm_bild_mit_text_lr.align-top .inner_text_container:has(.spitzmarke):not(.headline):not(.text) {
  margin-top: -0.1em;
}

.cm_bild_mit_text_lr.align-top .inner_text_container:has(.headline):not(.text) {
  margin-top: -0.7em;
}

.cm_bild_mit_text_lr.align-top .inner_text_container:has(.text) {
  margin-top: -0.4em;
}

.cm_bild_mit_text_lr.align-center .text_container {
  align-self: center;
}

.cm_bild_mit_text_lr.align-center .btn_pill {
  margin-right: 5px;
  margin-bottom: 10px;
}

.cm_bild_mit_text_lr.align-bottom .text_container {
  position: relative;
}

.cm_bild_mit_text_lr.align-bottom .inner_text_container {
  position: absolute;
  bottom: -0.4em;
}

.cm_bild_mit_text_lr.align-bottom .inner_text_container:has(.headline) {
  bottom: -0.8em;
}

.cm_bild_mit_text_lr.align-bottom .inner_text_container:has(.text) {
  bottom: -0.4em;
}

.cm_bild_mit_text_lr.align-bottom .inner_text_container > *:last-child {
  margin-bottom: 0;
}

.cm_bild_mit_text_lr.align-bottom .inner_text_container:has(.btn_pill) {
  bottom: 0;
}

.cc_ready .cm_bild_mit_text_lr .headline, .cc_ready .cm_bild_mit_text_lr .text, .cc_ready .cm_bild_mit_text_lr .spitzmarke {
  -webkit-transition: color 300ms linear, background-color 300ms linear;
  -moz-transition: color 300ms linear, background-color 300ms linear;
  transition: color 300ms linear, background-color 300ms linear;
}

.cc_scheme_default .cm_bild_mit_text_lr .spitzmarke {
  color: #121619;
}

.cc_scheme_default .cm_bild_mit_text_lr .headline {
  color: #121619;
}

.cc_scheme_default .cm_bild_mit_text_lr .text {
  color: #121619;
}

.cc_scheme_dunkel .cm_bild_mit_text_lr .spitzmarke {
  color: white;
}

.cc_scheme_dunkel .cm_bild_mit_text_lr .headline {
  color: white;
}

.cc_scheme_dunkel .cm_bild_mit_text_lr .text {
  color: white;
}

/* =====================================================================================================================
 MODULE NAME
/*=======================================================================================================================*/
.cm_bild_mit_wysiwyg_lr {
  /*
		Color Schemes ------------------------------------------------------------------------------------------------------
	*/
}

.cm_bild_mit_wysiwyg_lr .inner_cm {
  position: relative;
}

@media (min-width: 768px) {
  .cm_bild_mit_wysiwyg_lr .content_container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_bild_mit_wysiwyg_lr .content_container {
    gap: 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_bild_mit_wysiwyg_lr .content_container {
    gap: 50px;
  }
}

@media (min-width: 1280px) {
  .cm_bild_mit_wysiwyg_lr .content_container {
    gap: 50px;
  }
}

.cm_bild_mit_wysiwyg_lr .lauftext {
  margin-bottom: 35px;
}

.cm_bild_mit_wysiwyg_lr .text a, .cm_bild_mit_wysiwyg_lr .lead a {
  color: inherit;
  padding-bottom: 0;
  border-bottom: 1px solid;
  -webkit-transition: color 100ms linear;
  -moz-transition: color 100ms linear;
  transition: color 100ms linear;
  border-bottom-color: #0754e9;
  /*
		Color Schemes ------------------------------------------------------------------------------------------------------
	*/
}

.cm_bild_mit_wysiwyg_lr .text a:hover, .cm_bild_mit_wysiwyg_lr .lead a:hover {
  color: #0754e9;
}

@media (max-width: 767px) {
  .cm_bild_mit_wysiwyg_lr .text {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .cm_bild_mit_wysiwyg_lr .text {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .cm_bild_mit_wysiwyg_lr .zwischentitel {
    margin-top: 40px;
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .cm_bild_mit_wysiwyg_lr .zwischentitel {
    margin-top: 60px;
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .cm_bild_mit_wysiwyg_lr .lead {
    margin-bottom: 60px;
  }
}

@media (min-width: 768px) {
  .cm_bild_mit_wysiwyg_lr .lead {
    margin-bottom: 90px;
  }
}

@media (max-width: 767px) {
  .cm_bild_mit_wysiwyg_lr ul, .cm_bild_mit_wysiwyg_lr ol {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .cm_bild_mit_wysiwyg_lr ul, .cm_bild_mit_wysiwyg_lr ol {
    margin-bottom: 30px;
  }
}

@media (max-width: 1023px) {
  .cm_bild_mit_wysiwyg_lr ul {
    margin-left: 19px;
  }
}

@media (min-width: 1024px) {
  .cm_bild_mit_wysiwyg_lr ul {
    padding-left: 19px;
  }
}

.cm_bild_mit_wysiwyg_lr ol {
  list-style-type: decimal-leading-zero;
}

@media (max-width: 1023px) {
  .cm_bild_mit_wysiwyg_lr ol {
    margin-left: 27px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_bild_mit_wysiwyg_lr ol {
    padding-left: 30px;
  }
}

@media (min-width: 1024px) {
  .cm_bild_mit_wysiwyg_lr ol {
    padding-left: 34px;
  }
}

.cm_bild_mit_wysiwyg_lr li::marker {
  margin-bottom: 10px;
}

.cm_bild_mit_wysiwyg_lr li:not(.text3) {
  margin-bottom: 10px;
}

.cm_bild_mit_wysiwyg_lr li p {
  margin-bottom: 10px !important;
}

@media (max-width: 767px) {
  .cm_bild_mit_wysiwyg_lr .content_module {
    margin-top: 90px;
    margin-bottom: 85px;
  }
}

@media (min-width: 768px) {
  .cm_bild_mit_wysiwyg_lr .content_module {
    margin-top: 160px;
    margin-bottom: 155px;
  }
}

.cm_bild_mit_wysiwyg_lr > *:last-child {
  margin-bottom: 0;
}

.cm_bild_mit_wysiwyg_lr .text_container {
  align-self: center;
}

@media (max-width: 767px) {
  .cm_bild_mit_wysiwyg_lr .text_container {
    margin-top: 40px;
  }
}

.cm_bild_mit_wysiwyg_lr.reversed .text_container {
  grid-row: 1;
}

.cm_bild_mit_wysiwyg_lr .image_item {
  padding-bottom: 130%;
}

.cm_bild_mit_wysiwyg_lr.align-top .inner_text_container:has(.spitzmarke):not(.headline):not(.text) {
  margin-top: -0.1em;
}

.cm_bild_mit_wysiwyg_lr.align-top .inner_text_container:has(.headline):not(.text) {
  margin-top: -0.7em;
}

.cm_bild_mit_wysiwyg_lr.align-top .inner_text_container:has(.text) {
  margin-top: -0.4em;
}

.cm_bild_mit_wysiwyg_lr.align-center .text_container {
  align-self: center;
}

.cm_bild_mit_wysiwyg_lr.align-bottom .text_container {
  position: relative;
}

@media (min-width: 768px) {
  .cm_bild_mit_wysiwyg_lr.align-bottom .inner_text_container {
    bottom: -0.4em;
  }
}

.cm_bild_mit_wysiwyg_lr.align-bottom .inner_text_container:has(.text) {
  bottom: -0.4em;
}

.cm_bild_mit_wysiwyg_lr.align-bottom .inner_text_container > *:last-child {
  margin-bottom: 0;
}

.cm_bild_mit_wysiwyg_lr.align-bottom .inner_text_container:has(.btn_pill) {
  bottom: 0;
}

.cc_ready .cm_bild_mit_wysiwyg_lr .text {
  -webkit-transition: color 300ms linear, background-color 300ms linear;
  -moz-transition: color 300ms linear, background-color 300ms linear;
  transition: color 300ms linear, background-color 300ms linear;
}

.cc_scheme_default .cm_bild_mit_wysiwyg_lr .text {
  color: #121619;
}

.cc_scheme_dunkel .cm_bild_mit_wysiwyg_lr .text {
  color: white;
}

/* =====================================================================================================================
 CM LOGOS
/*=======================================================================================================================*/
.cm_logos {
  /*
		Color Schemes ------------------------------------------------------------------------------------------------------
	*/
}

.cm_logos .inner_cm {
  position: relative;
}

.cm_logos .svg_container {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 60%;
  overflow: hidden;
}

.cm_logos a.svg_container .svg_workspace {
  -webkit-transition: transform 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: transform 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.cm_logos a.svg_container .svg_workspace:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  transform: scale(1.05);
}

.cm_logos .svg_workspace {
  position: absolute;
  width: 100%;
  height: 100%;
}

.cm_logos .svg_inner_workspace {
  position: relative;
  width: 100%;
  height: 100%;
}

.cm_logos svg {
  position: relative;
  width: 100%;
  height: 100%;
}

.cm_logos .content_container {
  position: relative;
}

.cc_ready .cm_logos svg path, .cc_ready .cm_logos svg polygon, .cc_ready .cm_logos svg circle, .cc_ready .cm_logos svg line, .cc_ready .cm_logos svg rect, .cc_ready .cm_logos svg ellipse, .cc_ready .cm_logos svg polyline {
  -webkit-transition: fill 300ms linear;
  -moz-transition: fill 300ms linear;
  transition: fill 300ms linear;
}

.cc_scheme_default .cm_logos path {
  fill: #121619 !important;
}

.cc_scheme_default .cm_logos rect {
  fill: #121619 !important;
}

.cc_scheme_default .cm_logos polygon {
  fill: #121619 !important;
}

.cc_scheme_dunkel .cm_logos path {
  fill: white !important;
}

.cc_scheme_dunkel .cm_logos rect {
  fill: white !important;
}

.cc_scheme_dunkel .cm_logos polygon {
  fill: white !important;
}

/* =====================================================================================================================
 CM AKKORDEON
/*=======================================================================================================================*/
.cm_akkordeon {
  /*
		Color Schemes ------------------------------------------------------------------------------------------------------
	*/
}

.cm_akkordeon .inner_cm {
  position: relative;
}

.cm_akkordeon .text_container {
  position: relative;
}

@media (min-width: 768px) {
  .cm_akkordeon .text_container {
    margin-top: -0.3em;
  }
}

.cm_akkordeon .text_container .text a, .cm_akkordeon .text_container .lead a {
  color: inherit;
  padding-bottom: 0;
  border-bottom: 1px solid;
  -webkit-transition: color 100ms linear;
  -moz-transition: color 100ms linear;
  transition: color 100ms linear;
  border-bottom-color: #0754e9;
  /*
		Color Schemes ------------------------------------------------------------------------------------------------------
	*/
}

.cm_akkordeon .text_container .text a:hover, .cm_akkordeon .text_container .lead a:hover {
  color: #0754e9;
}

@media (max-width: 767px) {
  .cm_akkordeon .text_container .text {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .cm_akkordeon .text_container .text {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .cm_akkordeon .text_container .zwischentitel {
    margin-top: 40px;
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .cm_akkordeon .text_container .zwischentitel {
    margin-top: 60px;
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .cm_akkordeon .text_container .lead {
    margin-bottom: 60px;
  }
}

@media (min-width: 768px) {
  .cm_akkordeon .text_container .lead {
    margin-bottom: 90px;
  }
}

@media (max-width: 767px) {
  .cm_akkordeon .text_container ul, .cm_akkordeon .text_container ol {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .cm_akkordeon .text_container ul, .cm_akkordeon .text_container ol {
    margin-bottom: 30px;
  }
}

@media (max-width: 1023px) {
  .cm_akkordeon .text_container ul {
    margin-left: 19px;
  }
}

@media (min-width: 1024px) {
  .cm_akkordeon .text_container ul {
    padding-left: 19px;
  }
}

.cm_akkordeon .text_container ol {
  list-style-type: decimal-leading-zero;
}

@media (max-width: 1023px) {
  .cm_akkordeon .text_container ol {
    margin-left: 27px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_akkordeon .text_container ol {
    padding-left: 30px;
  }
}

@media (min-width: 1024px) {
  .cm_akkordeon .text_container ol {
    padding-left: 34px;
  }
}

.cm_akkordeon .text_container li::marker {
  margin-bottom: 10px;
}

.cm_akkordeon .text_container li:not(.text3) {
  margin-bottom: 10px;
}

.cm_akkordeon .text_container li p {
  margin-bottom: 10px !important;
}

@media (max-width: 767px) {
  .cm_akkordeon .text_container .content_module {
    margin-top: 90px;
    margin-bottom: 85px;
  }
}

@media (min-width: 768px) {
  .cm_akkordeon .text_container .content_module {
    margin-top: 160px;
    margin-bottom: 155px;
  }
}

.cm_akkordeon .text_container > *:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .cm_akkordeon .text_container {
    margin-bottom: 40px;
  }
}

.cm_akkordeon .content_container {
  position: relative;
}

@media (min-width: 768px) {
  .cm_akkordeon .content_container.is_grid {
    display: grid;
    grid-template-columns: 35% 55%;
    gap: 10%;
    align-items: start;
  }
}

.cm_akkordeon .akkordeon_container {
  position: relative;
}

.cm_akkordeon .akkordeon_item {
  position: relative;
  padding-top: 30px;
}

.cm_akkordeon .akkordeon_item .button {
  cursor: pointer;
  pointer-events: auto;
}

.cm_akkordeon .akkordeon_item .icon {
  position: absolute;
  top: 5px;
  width: 20px;
  height: 20px;
  background-image: url(../img/icn_plus.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: transform 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955), filter 500ms linear;
  -moz-transition: transform 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955), filter 500ms linear;
  transition: transform 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955), filter 500ms linear;
}

@media (max-width: 767px) {
  .cm_akkordeon .akkordeon_item .icon {
    right: 0;
  }
}

@media (min-width: 768px) {
  .cm_akkordeon .akkordeon_item .icon {
    right: 30px;
  }
}

.cm_akkordeon .akkordeon_item.open .icon {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cm_akkordeon .akkordeon_item .content {
  position: relative;
  overflow: hidden;
  height: 0;
  margin-bottom: 0;
  -webkit-transition: height 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955), margin-bottom 250ms linear;
  -moz-transition: height 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955), margin-bottom 250ms linear;
  transition: height 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955), margin-bottom 250ms linear;
}

.cm_akkordeon .akkordeon_item.open .content {
  margin-bottom: 30px;
}

.cm_akkordeon .akkordeon_item a {
  color: inherit;
  padding-bottom: 0;
  border-bottom: 1px solid;
  -webkit-transition: color 100ms linear;
  -moz-transition: color 100ms linear;
  transition: color 100ms linear;
  border-bottom-color: #0754e9;
  /*
		Color Schemes ------------------------------------------------------------------------------------------------------
	*/
}

.cm_akkordeon .akkordeon_item a:hover {
  color: #0754e9;
}

.cm_akkordeon .akkordeon_item .headline {
  position: relative;
  margin-bottom: 30px;
}

@media (min-width: 1280px) {
  .cm_akkordeon .akkordeon_item .headline {
    padding-right: 90px;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .cm_akkordeon .akkordeon_item .headline {
    padding-right: 80px;
  }
}

@media (max-width: 767px) {
  .cm_akkordeon .akkordeon_item .headline {
    padding-right: 50px;
  }
}

.cm_akkordeon .akkordeon_item .zwischentitel {
  margin-top: 35px;
  margin-bottom: 20px;
}

.cm_akkordeon .akkordeon_item .lauftext, .cm_akkordeon .akkordeon_item p, .cm_akkordeon .akkordeon_item td {
  margin-bottom: 35px;
  padding-right: 40px;
}

.cm_akkordeon .akkordeon_item .lauftext:last-child, .cm_akkordeon .akkordeon_item p:last-child, .cm_akkordeon .akkordeon_item td:last-child {
  margin-bottom: 0;
}

.cm_akkordeon .akkordeon_item ul, .cm_akkordeon .akkordeon_item ol {
  margin-left: 18px;
}

.cc_ready.anim_running .cm_akkordeon .headline, .cc_ready.anim_running .cm_akkordeon p, .cc_ready.anim_running .cm_akkordeon li, .cc_ready.anim_running .cm_akkordeon .spitzmarke, .cc_ready.anim_running .cm_akkordeon .zwischentitel {
  -webkit-transition: color 300ms linear, background-color 300ms linear;
  -moz-transition: color 300ms linear, background-color 300ms linear;
  transition: color 300ms linear, background-color 300ms linear;
}

.cc_scheme_default .cm_akkordeon .icon {
  filter: invert(0);
}

.cc_scheme_dunkel .cm_akkordeon .icon {
  filter: invert(1);
}

/* =====================================================================================================================
 CM VIDEO
/*=======================================================================================================================*/
.cm_video {
  /*
	Color Schemes ------------------------------------------------------------------------------------------------------
*/
}

.cm_video .inner_cm {
  position: relative;
}

.cm_video.partWidthLeftside {
  position: relative;
}

@media (max-width: 767px) {
  .cm_video.partWidthLeftside .inner_cm {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_video.partWidthLeftside .inner_cm {
    width: 90%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_video.partWidthLeftside .inner_cm {
    width: 80%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_video.partWidthLeftside .inner_cm {
    width: 70%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_video.partWidthLeftside .inner_cm {
    width: 60%;
  }
}

@media (min-width: 1860px) {
  .cm_video.partWidthLeftside .inner_cm {
    width: 50%;
  }
}

.cm_video.partWidthRightside {
  position: relative;
}

@media (max-width: 767px) {
  .cm_video.partWidthRightside .inner_cm {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_video.partWidthRightside .inner_cm {
    width: 90%;
    margin-left: 10%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_video.partWidthRightside .inner_cm {
    width: 80%;
    margin-left: 20%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_video.partWidthRightside .inner_cm {
    width: 70%;
    margin-left: 30%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_video.partWidthRightside .inner_cm {
    width: 60%;
    margin-left: 40%;
  }
}

@media (min-width: 1860px) {
  .cm_video.partWidthRightside .inner_cm {
    width: 50%;
    margin-left: 50%;
  }
}

.cm_video .content_container {
  position: relative;
}

.cm_video .video_container {
  position: relative;
  height: 0;
  background-color: #121619;
  padding: 56.22% 0 0 0;
  border-radius: 9px;
  overflow: hidden;
  opacity: 0;
}

.cm_video .video_container.show {
  opacity: 1;
}

@media (max-width: 767px) {
  .cm_video .video_container.mobile_is_portrait {
    padding: 178% 0 0 0;
  }
}

.cm_video.videoplayer_self .video_container {
  position: relative;
  height: 0;
  background-color: #121619;
  padding: 56.22% 0 0 0;
}

.cm_video .inlinevideo, .cm_video .posterframe, .cm_video .postervideo, .cm_video .posterthing {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 9px;
}

.cm_video .video_desktop {
  border-radius: 9px;
}

@media (min-width: 768px) {
  .cm_video .video_desktop {
    display: block;
  }
}

@media (max-width: 767px) {
  .cm_video .video_desktop {
    display: none;
  }
}

.cm_video .video_mobile {
  border-radius: 9px;
}

@media (min-width: 768px) {
  .cm_video .video_mobile {
    display: none;
  }
}

@media (max-width: 767px) {
  .cm_video .video_mobile {
    display: block;
  }
}

.cm_video .posterthing {
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  cursor: pointer;
  overflow: hidden;
  border-radius: 9px;
}

.cm_video .posterthing img {
  border-radius: 9px;
}

.cm_video .posterthing .playbtn {
  position: absolute;
  cursor: pointer;
}

@media (max-width: 767px) {
  .cm_video .posterthing .playbtn {
    width: 74px;
    height: 74px;
    right: 20px;
    bottom: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_video .posterthing .playbtn {
    width: 146px;
    height: 146px;
    right: 30px;
    bottom: 30px;
  }
}

@media (min-width: 1024px) {
  .cm_video .posterthing .playbtn {
    width: 146px;
    height: 146px;
    right: 30px;
    bottom: 30px;
  }
}

.cm_video .posterthing .playbtn .icon_desktop {
  position: absolute;
  border-radius: 50%;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

@media (max-width: 767px) {
  .cm_video .posterthing .playbtn .icon_desktop {
    display: none;
  }
}

.cm_video .posterthing .playbtn .icon_mobile {
  position: absolute;
  border-radius: 50%;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

@media (min-width: 768px) {
  .cm_video .posterthing .playbtn .icon_mobile {
    display: none;
  }
}

.cm_video .posterthing .playbtn svg {
  width: 100%;
  height: 100%;
}

.cm_video .caption {
  margin-top: 10px;
}

.cm_video .posterframe .item .image_item {
  padding-bottom: 56.22%;
}

@media (max-width: 767px) {
  .cm_video .posterframe.mobile_is_portrait .item .image_item {
    padding-bottom: 178%;
  }
}

.cm_video .postervideo_mobile {
  object-fit: cover;
}

.cm_video.videoplayer_self .posterframe .item .image_item {
  padding-bottom: 56.22%;
}

.cm_video .darkener_gradient {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  opacity: 0.6;
  background: linear-gradient(to bottom, rgba(18, 22, 25, 0) 0%, #121619 100%);
}

.cc_ready.anim_running .cm_video .caption {
  -webkit-transition: color 300ms linear, background-color 300ms linear;
  -moz-transition: color 300ms linear, background-color 300ms linear;
  transition: color 300ms linear, background-color 300ms linear;
}

.cc_scheme_default .cm_video .caption {
  color: #121619;
}

.cc_scheme_dark .cm_video .caption {
  color: white;
}

/* =====================================================================================================================
 CM NEXT SLIDER
/*=======================================================================================================================*/
.cm_next_slider {
  overflow: hidden;
  /*
		Color Schemes ------------------------------------------------------------------------------------------------------
	*/
}

.cm_next_slider .inner_cm {
  position: relative;
  padding-bottom: 50px;
  max-width: none;
}

.cm_next_slider .slider_item {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.cm_next_slider .slider_item.on .inner_slider_item {
  height: 100%;
  -webkit-transition: height 150ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: height 150ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: height 150ms cubic-bezier(0.77, 0, 0.175, 1);
}

.cm_next_slider .inner_slider_item {
  -webkit-transition: height 500ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: height 500ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: height 500ms cubic-bezier(0.77, 0, 0.175, 1);
  overflow: hidden;
}

@media (max-width: 767px) {
  .cm_next_slider .image_item {
    padding-bottom: 90%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_next_slider .image_item {
    padding-bottom: 62%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_next_slider .image_item {
    padding-bottom: 62%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_next_slider .image_item {
    padding-bottom: 62%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_next_slider .image_item {
    padding-bottom: 62%;
  }
}

@media (min-width: 1860px) {
  .cm_next_slider .image_item {
    padding-bottom: 55%;
  }
}

@media (min-width: 2100px) {
  .cm_next_slider .image_item {
    padding-bottom: 55%;
  }
}

.cm_next_slider .current_image {
  position: relative;
  overflow: hidden;
  height: 0;
}

@media (max-width: 767px) {
  .cm_next_slider .current_image {
    width: 100%;
    padding-bottom: 90%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_next_slider .current_image {
    width: 100%;
    padding-bottom: 62%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_next_slider .current_image {
    width: 100%;
    padding-bottom: 62%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_next_slider .current_image {
    width: 100%;
    padding-bottom: 62%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_next_slider .current_image {
    width: 100%;
    padding-bottom: 62%;
  }
}

@media (min-width: 1860px) {
  .cm_next_slider .current_image {
    width: 100%;
    padding-bottom: 55%;
  }
}

@media (min-width: 2100px) {
  .cm_next_slider .current_image {
    width: 100%;
    padding-bottom: 55%;
  }
}

.cm_next_slider .current_image .inner_slider_item {
  position: absolute;
  top: 0;
  height: 0;
  will-change: height;
}

@media (max-width: 767px) {
  .cm_next_slider .current_image .inner_slider_item {
    left: -20px;
    right: -20px;
  }
}

@media (min-width: 768px) {
  .cm_next_slider .current_image .inner_slider_item {
    left: 0;
    right: 0;
  }
}

.cm_next_slider .btn {
  position: absolute;
  z-index: 1;
}

@media (max-width: 767px) {
  .cm_next_slider .btn {
    bottom: 20px;
    right: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_next_slider .btn {
    right: 20px;
    bottom: 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_next_slider .btn {
    right: 30px;
    bottom: 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_next_slider .btn {
    right: 30px;
    bottom: 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_next_slider .btn {
    right: 30px;
    bottom: 30px;
  }
}

@media (min-width: 1860px) {
  .cm_next_slider .btn {
    right: 30px;
    bottom: 30px;
  }
}

.cm_next_slider .slider_container {
  position: relative;
  margin-bottom: 10px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_next_slider .slider_container {
    width: 90%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_next_slider .slider_container {
    width: 90%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_next_slider .slider_container {
    width: 90%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_next_slider .slider_container {
    width: 90%;
  }
}

@media (min-width: 1860px) {
  .cm_next_slider .slider_container {
    width: 80%;
  }
}

.cm_next_slider .next_image {
  position: absolute;
  overflow: hidden;
  height: 0;
  vertical-align: top;
  top: 0;
  cursor: pointer;
}

@media (max-width: 767px) {
  .cm_next_slider .next_image {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .cm_next_slider .next_image {
    margin-left: 25px;
    margin-right: 25px;
    width: calc(100% - 25px);
    padding-bottom: 90%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_next_slider .next_image {
    right: calc(-100% - 10px);
    width: 100%;
    padding-bottom: 62%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_next_slider .next_image {
    right: calc(-100% - 10px);
    width: 100%;
    padding-bottom: 62%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_next_slider .next_image {
    right: calc(-100% - 10px);
    width: 100%;
    padding-bottom: 62%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_next_slider .next_image {
    right: calc(-100% - 10px);
    width: 100%;
    padding-bottom: 62%;
  }
}

@media (min-width: 1860px) {
  .cm_next_slider .next_image {
    right: calc(-100% - 10px);
    width: 100%;
    padding-bottom: 55%;
  }
}

@media (min-width: 2100px) {
  .cm_next_slider .next_image {
    right: calc(-100% - 10px);
    width: 100%;
    padding-bottom: 55%;
  }
}

.cm_next_slider .next_image .inner_slider_item {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0;
  background-position: 0 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.cm_next_slider .next_image .item_container {
  -webkit-transition: top 500ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: top 500ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: top 500ms cubic-bezier(0.77, 0, 0.175, 1);
}

.cm_next_slider .next_image .slider_item .item_container {
  position: relative;
}

.cm_next_slider .next_image .caption {
  display: none;
}

.cm_next_slider .caption_container {
  position: relative;
}

.cm_next_slider .caption_container .caption_item {
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 200ms linear;
  -moz-transition: opacity 200ms linear;
  transition: opacity 200ms linear;
}

.cm_next_slider .caption_container .caption_item.caption1 {
  opacity: 1;
}

.cm_next_slider .caption_container .caption_item span {
  white-space: nowrap;
}

.cm_next_slider .inner_caption_container {
  position: absolute;
  width: 100%;
}

@media (max-width: 767px) {
  .cm_next_slider .inner_caption_container {
    padding-left: 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_next_slider .inner_caption_container {
    padding-left: 100px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_next_slider .inner_caption_container {
    padding-left: 100px;
  }
}

@media (min-width: 1280px) {
  .cm_next_slider .inner_caption_container {
    padding-left: 100px;
  }
}

.cm_next_slider .slide_counter {
  position: absolute;
  float: left;
  height: 16px;
  overflow: hidden;
  top: -1px;
}

.cm_next_slider .slide_counter .counter_track {
  position: relative;
  float: left;
  top: 0;
  margin-top: 2px;
  -webkit-transition: top 500ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: top 500ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: top 500ms cubic-bezier(0.77, 0, 0.175, 1);
}

.win .cm_next_slider .slide_counter .counter_track {
  margin-top: 1px;
}

.iphone .cm_next_slider .slide_counter .counter_track {
  margin-top: 3px;
}

.cm_next_slider .slide_counter .counter_item {
  position: relative;
  line-height: 100% !important;
}

.cm_next_slider .slide_counter .counter_item_total {
  position: relative;
}

.cc_ready .cm_next_slider .caption {
  -webkit-transition: background-color 500ms linear, color 500ms linear;
  -moz-transition: background-color 500ms linear, color 500ms linear;
  transition: background-color 500ms linear, color 500ms linear;
}

.cc_scheme_default .cm_next_slider .caption_container {
  color: #121619;
}

.cc_scheme_dark .cm_next_slider .caption_container {
  color: white;
}

/* =====================================================================================================================
 CM FIX BOX CONTROLLER
/*=======================================================================================================================*/
.cm_fix_box_scroller {
  /*
	Color Schemes ------------------------------------------------------------------------------------------------------
*/
}

.cm_fix_box_scroller > .inner_cm {
  position: relative;
}

@media (min-width: 768px) {
  .cm_fix_box_scroller > .inner_cm > .content_container {
    display: grid;
    grid-template-columns: 25% 75%;
  }
}

.cm_fix_box_scroller .content_container {
  position: relative;
}

.cm_fix_box_scroller .text_container .text a, .cm_fix_box_scroller .text_container .lead a, .cm_fix_box_scroller .table .text a, .cm_fix_box_scroller .table .lead a {
  color: inherit;
  padding-bottom: 0;
  border-bottom: 1px solid;
  -webkit-transition: color 100ms linear;
  -moz-transition: color 100ms linear;
  transition: color 100ms linear;
  border-bottom-color: #0754e9;
  /*
		Color Schemes ------------------------------------------------------------------------------------------------------
	*/
}

.cm_fix_box_scroller .text_container .text a:hover, .cm_fix_box_scroller .text_container .lead a:hover, .cm_fix_box_scroller .table .text a:hover, .cm_fix_box_scroller .table .lead a:hover {
  color: #0754e9;
}

@media (max-width: 767px) {
  .cm_fix_box_scroller .text_container .text, .cm_fix_box_scroller .table .text {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .cm_fix_box_scroller .text_container .text, .cm_fix_box_scroller .table .text {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .cm_fix_box_scroller .text_container .zwischentitel, .cm_fix_box_scroller .table .zwischentitel {
    margin-top: 40px;
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .cm_fix_box_scroller .text_container .zwischentitel, .cm_fix_box_scroller .table .zwischentitel {
    margin-top: 60px;
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .cm_fix_box_scroller .text_container .lead, .cm_fix_box_scroller .table .lead {
    margin-bottom: 60px;
  }
}

@media (min-width: 768px) {
  .cm_fix_box_scroller .text_container .lead, .cm_fix_box_scroller .table .lead {
    margin-bottom: 90px;
  }
}

@media (max-width: 767px) {
  .cm_fix_box_scroller .text_container ul, .cm_fix_box_scroller .text_container ol, .cm_fix_box_scroller .table ul, .cm_fix_box_scroller .table ol {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .cm_fix_box_scroller .text_container ul, .cm_fix_box_scroller .text_container ol, .cm_fix_box_scroller .table ul, .cm_fix_box_scroller .table ol {
    margin-bottom: 30px;
  }
}

@media (max-width: 1023px) {
  .cm_fix_box_scroller .text_container ul, .cm_fix_box_scroller .table ul {
    margin-left: 19px;
  }
}

@media (min-width: 1024px) {
  .cm_fix_box_scroller .text_container ul, .cm_fix_box_scroller .table ul {
    padding-left: 19px;
  }
}

.cm_fix_box_scroller .text_container ol, .cm_fix_box_scroller .table ol {
  list-style-type: decimal-leading-zero;
}

@media (max-width: 1023px) {
  .cm_fix_box_scroller .text_container ol, .cm_fix_box_scroller .table ol {
    margin-left: 27px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_fix_box_scroller .text_container ol, .cm_fix_box_scroller .table ol {
    padding-left: 30px;
  }
}

@media (min-width: 1024px) {
  .cm_fix_box_scroller .text_container ol, .cm_fix_box_scroller .table ol {
    padding-left: 34px;
  }
}

.cm_fix_box_scroller .text_container li::marker, .cm_fix_box_scroller .table li::marker {
  margin-bottom: 10px;
}

.cm_fix_box_scroller .text_container li:not(.text3), .cm_fix_box_scroller .table li:not(.text3) {
  margin-bottom: 10px;
}

.cm_fix_box_scroller .text_container li p, .cm_fix_box_scroller .table li p {
  margin-bottom: 10px !important;
}

@media (max-width: 767px) {
  .cm_fix_box_scroller .text_container .content_module, .cm_fix_box_scroller .table .content_module {
    margin-top: 90px;
    margin-bottom: 85px;
  }
}

@media (min-width: 768px) {
  .cm_fix_box_scroller .text_container .content_module, .cm_fix_box_scroller .table .content_module {
    margin-top: 160px;
    margin-bottom: 155px;
  }
}

.cm_fix_box_scroller .text_container > *:last-child, .cm_fix_box_scroller .table > *:last-child {
  margin-bottom: 0;
}

.cm_fix_box_scroller .text_container {
  position: relative;
}

@media (max-width: 767px) {
  .cm_fix_box_scroller .text_container {
    margin-bottom: 40px;
  }
}

.cm_fix_box_scroller .text_container .content_module {
  margin-top: 0;
  margin-bottom: 20px;
}

.cm_fix_box_scroller .text_container .content_module:last-child {
  margin-bottom: 0;
}

.cm_fix_box_scroller .text_container .css-label {
  color: white;
}

.cm_fix_box_scroller .text_container .elem_checkbox {
  margin-bottom: 20px;
}

.cm_fix_box_scroller .text_container .image_gallery_container {
  position: relative;
  border-radius: 9px;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .cm_fix_box_scroller .text_container .image_gallery_container .media_downloads_enabler {
    padding-left: 20px;
    padding-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .cm_fix_box_scroller .text_container .image_gallery_container .media_downloads_enabler {
    padding-left: 40px;
    padding-bottom: 40px;
  }
}

.cm_fix_box_scroller .text_container .cm_image_gallery_swipe {
  margin-bottom: 0;
}

.cm_fix_box_scroller .text_container .cm_image_gallery_swipe > .inner_cm {
  position: relative;
}

@media (max-width: 767px) {
  .cm_fix_box_scroller .text_container .cm_image_gallery_swipe > .inner_cm {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .cm_fix_box_scroller .text_container .cm_image_gallery_swipe > .inner_cm {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.cm_fix_box_scroller .headline {
  padding-right: 40px;
}

.cm_fix_box_scroller .scrollbox {
  position: relative;
}

@media (max-width: 767px) {
  .cm_fix_box_scroller .scrollbox {
    margin-bottom: 100px;
  }
}

.cm_fix_box_scroller .button_container {
  margin-top: 50px;
}

.cm_fix_box_scroller .table td:first-child {
  padding-right: 40px;
}

@media (max-width: 767px) {
  .cm_fix_box_scroller .table td {
    hyphens: auto;
  }
}

.cm_fix_box_scroller .inner_scrollbox {
  position: absolute;
  width: 90%;
}

@media (max-width: 767px) {
  .cm_fix_box_scroller .inner_scrollbox {
    position: relative !important;
    width: 100% !important;
  }
}

.cm_fix_box_scroller .inner_scrollbox.fixed {
  position: fixed;
  top: 40px;
  width: 21%;
}

.cc_ready.anim_running .cm_fix_box_scroller .headline {
  -webkit-transition: color 500ms linear;
  -moz-transition: color 500ms linear;
  transition: color 500ms linear;
}

.cc_ready.anim_running .cm_fix_box_scroller .image_gallery_container {
  -webkit-transition: background-color 500ms linear;
  -moz-transition: background-color 500ms linear;
  transition: background-color 500ms linear;
}

.cc_scheme_default .cm_fix_box_scroller .headline {
  color: #121619;
}

.cc_scheme_lightgray .cm_fix_box_scroller .headline {
  color: #121619;
}

.cc_scheme_dark .cm_fix_box_scroller .headline {
  color: white;
}

.cc_scheme_default .cm_fix_box_scroller .image_gallery_container {
  background-color: rgba(18, 22, 25, 0.06);
}

.cc_scheme_lightgray .cm_fix_box_scroller .image_gallery_container {
  background-color: rgba(18, 22, 25, 0.06);
}

.cc_scheme_dark .cm_fix_box_scroller .image_gallery_container {
  background-color: rgba(255, 255, 255, 0.06);
}

/* =====================================================================================================================
 MODULE NAME
/*=======================================================================================================================*/
.cm_zwei_spalten_liste .inner_cm {
  position: relative;
}

.cm_zwei_spalten_liste .list_item {
  position: relative;
  border-top: 1px solid #121619;
}

@media (min-width: 768px) {
  .cm_zwei_spalten_liste .list_item {
    display: grid;
    grid-template-columns: 40px repeat(2, 1fr);
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media (max-width: 767px) {
  .cm_zwei_spalten_liste .list_item {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.cm_zwei_spalten_liste .list_item .text a, .cm_zwei_spalten_liste .list_item .lead a {
  color: inherit;
  padding-bottom: 0;
  border-bottom: 1px solid;
  -webkit-transition: color 100ms linear;
  -moz-transition: color 100ms linear;
  transition: color 100ms linear;
  border-bottom-color: #0754e9;
  /*
		Color Schemes ------------------------------------------------------------------------------------------------------
	*/
}

.cm_zwei_spalten_liste .list_item .text a:hover, .cm_zwei_spalten_liste .list_item .lead a:hover {
  color: #0754e9;
}

@media (max-width: 767px) {
  .cm_zwei_spalten_liste .list_item .text {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .cm_zwei_spalten_liste .list_item .text {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .cm_zwei_spalten_liste .list_item .zwischentitel {
    margin-top: 40px;
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .cm_zwei_spalten_liste .list_item .zwischentitel {
    margin-top: 60px;
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .cm_zwei_spalten_liste .list_item .lead {
    margin-bottom: 60px;
  }
}

@media (min-width: 768px) {
  .cm_zwei_spalten_liste .list_item .lead {
    margin-bottom: 90px;
  }
}

@media (max-width: 767px) {
  .cm_zwei_spalten_liste .list_item ul, .cm_zwei_spalten_liste .list_item ol {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .cm_zwei_spalten_liste .list_item ul, .cm_zwei_spalten_liste .list_item ol {
    margin-bottom: 30px;
  }
}

@media (max-width: 1023px) {
  .cm_zwei_spalten_liste .list_item ul {
    margin-left: 19px;
  }
}

@media (min-width: 1024px) {
  .cm_zwei_spalten_liste .list_item ul {
    padding-left: 19px;
  }
}

.cm_zwei_spalten_liste .list_item ol {
  list-style-type: decimal-leading-zero;
}

@media (max-width: 1023px) {
  .cm_zwei_spalten_liste .list_item ol {
    margin-left: 27px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_zwei_spalten_liste .list_item ol {
    padding-left: 30px;
  }
}

@media (min-width: 1024px) {
  .cm_zwei_spalten_liste .list_item ol {
    padding-left: 34px;
  }
}

.cm_zwei_spalten_liste .list_item li::marker {
  margin-bottom: 10px;
}

.cm_zwei_spalten_liste .list_item li:not(.text3) {
  margin-bottom: 10px;
}

.cm_zwei_spalten_liste .list_item li p {
  margin-bottom: 10px !important;
}

@media (max-width: 767px) {
  .cm_zwei_spalten_liste .list_item .content_module {
    margin-top: 90px;
    margin-bottom: 85px;
  }
}

@media (min-width: 768px) {
  .cm_zwei_spalten_liste .list_item .content_module {
    margin-top: 160px;
    margin-bottom: 155px;
  }
}

.cm_zwei_spalten_liste .list_item > *:last-child {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .cm_zwei_spalten_liste .titel {
    padding-right: 60px;
  }
}

@media (max-width: 767px) {
  .cm_zwei_spalten_liste .titel {
    margin-bottom: 40px;
  }
}

.cm_zwei_spalten_liste .index {
  color: green;
  margin-right: 20px;
  margin-top: 10px;
}

/* =====================================================================================================================
 CM KACHELN
/*=======================================================================================================================*/
.cm_kacheln .inner_cm {
  position: relative;
}

.cm_kacheln .content_container {
  position: relative;
  margin-bottom: 7vw;
}

@media (min-width: 768px) {
  .cm_kacheln .content_container {
    display: grid;
    gap: 7vw;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_kacheln .content_container {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_kacheln .content_container {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_kacheln .content_container {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_kacheln .content_container {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1860px) {
  .cm_kacheln .content_container {
    grid-template-columns: repeat(4, 1fr);
  }
}

.cm_kacheln .snaps_container_horiz {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -ms-overflow-style: none;
  scrollbar-width: none !important;
}

.cm_kacheln .snaps_container_horiz::-webkit-scrollbar {
  display: none;
  width: 0 !important;
  height: 0 !important;
  padding: 0;
  margin: 0;
  border: none;
  background: rgba(0, 0, 0, 0);
  color: white !important;
  position: static;
}

.cm_kacheln .snaps_container_horiz::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}

.cm_kacheln .snaps_container_horiz::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0);
}

.cm_kacheln .snaps_container_horiz::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0);
}

.cm_kacheln .snaps_container_horiz::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0);
}

@media (max-width: 767px) {
  .cm_kacheln .snaps_container_horiz {
    display: block !important;
    position: relative;
    white-space: nowrap;
    overflow-x: auto;
    width: 100vw;
    left: -25px;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
  }
}

@media (max-width: 767px) {
  .cm_kacheln .snaps_container_horiz > * {
    position: relative;
    width: calc(100% - 50px);
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
    scroll-snap-align: center;
    scroll-snap-stop: normal;
  }
  .cm_kacheln .snaps_container_horiz > *:last-child {
    margin-right: 25px;
  }
  .cm_kacheln .snaps_container_horiz > *:first-child {
    margin-left: 25px;
  }
}

/* =====================================================================================================================
 CM WIPED VIDEO HEADER
/*=======================================================================================================================*/
.cm_wiped_video_header .inner_cm {
  position: relative;
}

.cm_wiped_video_header .videoslides_container {
  position: relative;
}

.cm_wiped_video_header .slide {
  position: fixed;
  display: block;
  overflow: hidden;
  top: 0;
  width: 100%;
  will-change: position top;
}

.cm_wiped_video_header .slide:last-of-type .darkener_gradient_top {
  opacity: 1;
}

.cm_wiped_video_header .video_container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  display: flex;
}

.cm_wiped_video_header .image_container {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}

.cm_wiped_video_header .video {
  position: relative;
  object-fit: cover;
  width: 100%;
  opacity: 0;
  -webkit-transition: opacity 500ms linear;
  -moz-transition: opacity 500ms linear;
  transition: opacity 500ms linear;
}

.cm_wiped_video_header .darkener_overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background-color: #121619;
  opacity: 0;
}

.cm_wiped_video_header .darkener_gradient {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to bottom, rgba(18, 22, 25, 0) 0%, rgba(18, 22, 25, 0.6) 100%);
}

@media (max-width: 767px) {
  .cm_wiped_video_header .darkener_gradient {
    height: 70VH;
  }
}

@media (min-width: 768px) {
  .cm_wiped_video_header .darkener_gradient {
    height: 40VH;
  }
}

.cm_wiped_video_header .darkener_gradient_top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 30VH;
  opacity: 0;
  background: linear-gradient(to top, rgba(18, 22, 25, 0) 0%, rgba(18, 22, 25, 0.4) 100%);
}

.cm_wiped_video_header .pager {
  top: 50vh;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 4px;
  opacity: 0;
  -webkit-transition: opacity 500ms linear;
  -moz-transition: opacity 500ms linear;
  transition: opacity 500ms linear;
}

@media (max-width: 767px) {
  .cm_wiped_video_header .pager {
    margin-right: 8px;
  }
}

@media (min-width: 768px) {
  .cm_wiped_video_header .pager {
    margin-right: 20px;
  }
}

.cm_wiped_video_header .pager.fixed {
  position: fixed;
}

.cm_wiped_video_header .pager.absolute {
  position: absolute;
  right: 0 !important;
}

.cm_wiped_video_header .pager .pager_item {
  position: relative;
  display: block;
  cursor: pointer;
  background-color: white;
  width: 100%;
  height: 30px;
  border-radius: 4px;
  margin-bottom: 10px;
  opacity: 0.5;
  -webkit-transition: height 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 100ms linear;
  -moz-transition: height 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 100ms linear;
  transition: height 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 100ms linear;
}

.cm_wiped_video_header .pager .pager_item:hover {
  opacity: 0.8;
}

.cm_wiped_video_header .pager .pager_item:last-child {
  margin-bottom: 0;
}

.cm_wiped_video_header .pager .pager_item.active {
  height: 70px;
}

.cm_wiped_video_header .content {
  position: absolute;
  left: 0;
  right: 0;
  top: 100vh;
  -webkit-transform: translateY(calc(-100% - 40px));
  -moz-transform: translateY(calc(-100% - 40px));
  transform: translateY(calc(-100% - 40px));
  margin-left: 40px;
  padding-left: 30px;
  padding-right: 30px;
}

@media (max-width: 767px) {
  .cm_wiped_video_header .content {
    margin-left: 20px;
    padding-left: 15px;
  }
}

.cm_wiped_video_header .content .vertical_line {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0;
  width: 1px;
  background-color: white;
  -webkit-transition: height 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: height 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: height 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.cm_wiped_video_header .content .svg_inline {
  -webkit-transition: opacity 250ms linear 300ms;
  -moz-transition: opacity 250ms linear 300ms;
  transition: opacity 250ms linear 300ms;
  opacity: 0;
}

.cm_wiped_video_header .content .headline {
  -webkit-transition: opacity 250ms linear 150ms;
  -moz-transition: opacity 250ms linear 150ms;
  transition: opacity 250ms linear 150ms;
  opacity: 0;
}

.cm_wiped_video_header .content .buttons_container {
  -webkit-transition: opacity 250ms linear;
  -moz-transition: opacity 250ms linear;
  transition: opacity 250ms linear;
  opacity: 0;
}

@media (max-width: 767px) {
  .mobile .cm_wiped_video_header .content {
    left: 0;
    right: 0;
    top: 100vh;
    transform: none;
    -webkit-transform: translateY(-230%);
    -moz-transform: translateY(-230%);
    transform: translateY(-230%);
    bottom: auto;
    padding-right: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .safari.touch .cm_wiped_video_header .content {
    top: auto;
    bottom: 6.5vh;
    transform: none;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .safari.touch .cm_wiped_video_header .content {
    top: auto;
    bottom: 10vh;
    transform: none;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .safari.touch .cm_wiped_video_header .content {
    top: auto;
    bottom: 10vh;
    transform: none;
  }
}

@media (max-width: 767px) {
  .cm_wiped_video_header .content .svg_inline {
    height: 21px;
    margin-bottom: 10px;
  }
}

@media (min-width: 768px) {
  .cm_wiped_video_header .content .svg_inline {
    height: 43px;
    margin-bottom: 20px;
  }
}

.cm_wiped_video_header .content .svg_inline svg {
  width: 100%;
  height: 100%;
}

.cm_wiped_video_header .content .headline {
  color: white;
}

@media (max-width: 767px) {
  .cm_wiped_video_header .content .headline {
    margin-bottom: 15px;
  }
}

@media (min-width: 768px) {
  .cm_wiped_video_header .content .headline {
    margin-bottom: 30px;
  }
}

.cm_wiped_video_header .buttons {
  padding-top: 0;
}

.cm_wiped_video_header .content.on .vertical_line {
  -webkit-transition: height 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;
  -moz-transition: height 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;
  transition: height 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;
  height: 100%;
}

.cm_wiped_video_header .content.on .svg_inline {
  -webkit-transition: opacity 250ms linear 500ms;
  -moz-transition: opacity 250ms linear 500ms;
  transition: opacity 250ms linear 500ms;
  opacity: 1;
}

.cm_wiped_video_header .content.on .headline {
  -webkit-transition: opacity 250ms linear 450ms;
  -moz-transition: opacity 250ms linear 450ms;
  transition: opacity 250ms linear 450ms;
  opacity: 1;
}

.cm_wiped_video_header .content.on .buttons_container {
  -webkit-transition: opacity 250ms linear 200ms;
  -moz-transition: opacity 250ms linear 200ms;
  transition: opacity 250ms linear 200ms;
  opacity: 1;
}

/* =====================================================================================================================
 CM FULLWINDOW SLIDES
/*=======================================================================================================================*/
.cm_fullwindow_slides .inner_cm {
  position: relative;
}

.cm_fullwindow_slides .fwslide {
  position: relative;
  background-color: #121619;
  overflow: hidden;
}

.cm_fullwindow_slides .inner_image_container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  will-change: transform;
}

.cm_fullwindow_slides .image_container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh !important;
  overflow: hidden;
  display: flex;
  margin: auto;
  will-change: scroll-position, position;
}

.cm_fullwindow_slides .image_item {
  padding-bottom: revert;
  height: 100vh;
}

.cm_fullwindow_slides .video_container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  display: flex;
}

.cm_fullwindow_slides .video {
  width: 100%;
  object-fit: cover;
}

.cm_fullwindow_slides .logo_container {
  position: relative;
  margin-bottom: 20px;
  padding-left: 2px;
}

.cm_fullwindow_slides .logo_container svg {
  position: relative;
  width: 100%;
  height: 100%;
}

.cm_fullwindow_slides .logo_container svg path {
  fill: white;
}

@media (max-width: 767px) {
  .cm_fullwindow_slides.for_teasers .text {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_fullwindow_slides.for_teasers .text {
    width: 90%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_fullwindow_slides.for_teasers .text {
    width: 80%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_fullwindow_slides.for_teasers .text {
    width: 70%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_fullwindow_slides.for_teasers .text {
    width: 60%;
  }
}

@media (min-width: 1860px) {
  .cm_fullwindow_slides.for_teasers .text {
    width: 50%;
  }
}

.cm_fullwindow_slides img {
  position: relative;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.cm_fullwindow_slides .headline {
  position: relative;
}

@media (max-width: 767px) {
  .cm_fullwindow_slides .headline {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_fullwindow_slides .headline {
    margin-bottom: 40px;
    width: 80%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
  .cm_fullwindow_slides .headline.right {
    left: 10%;
  }
}

@media (min-width: 1024px) {
  .cm_fullwindow_slides .headline {
    margin-bottom: 40px;
    width: 60%;
  }
}

@media (min-width: 1024px) and (min-width: 768px) {
  .cm_fullwindow_slides .headline.right {
    left: 35%;
  }
}

.cm_fullwindow_slides .content {
  position: relative;
  color: white;
  padding-left: 40px;
  margin-top: 80vh;
}

@media (max-width: 767px) {
  .cm_fullwindow_slides .content {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.cm_fullwindow_slides .darkener_overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #000;
  opacity: 0;
  -webkit-transition: opacity 300ms linear;
  -moz-transition: opacity 300ms linear;
  transition: opacity 300ms linear;
}

.cm_fullwindow_slides .darkener_overlay.off {
  opacity: 0 !important;
}

.cm_fullwindow_slides .darkener_overlay.dark {
  transition: opacity 500ms linear;
  opacity: 0.5;
}

.cm_fullwindow_slides .darkener_gradient {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  opacity: 0.6;
  -webkit-transition: opacity 500ms linear;
  -moz-transition: opacity 500ms linear;
  transition: opacity 500ms linear;
  background: linear-gradient(to bottom, rgba(18, 22, 25, 0) 0%, #121619 100%);
}

.cm_fullwindow_slides .lower_space {
  height: calc(50vh - 100px);
}

.cm_fullwindow_slides .switch {
  border-color: rgba(255, 255, 255, 0.2) !important;
}

.cm_fullwindow_slides .switch .switched_item_marker {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.cm_fullwindow_slides .switch .btn {
  color: white;
}

/* =====================================================================================================================
 CM IMAGE FULLFRAME
/*=======================================================================================================================*/
.cm_image_fullframe {
  /*
	Color Schemes ------------------------------------------------------------------------------------------------------
*/
}

.cm_image_fullframe .inner_cm {
  position: relative;
}

@media (max-width: 1279px) {
  .cm_image_fullframe .is_masked .image_item {
    padding-bottom: 0;
  }
}

@media (min-width: 1280px) {
  .cm_image_fullframe .is_masked .image_item {
    padding-bottom: 100%;
  }
}

@media (max-width: 1279px) {
  .cm_image_fullframe .is_masked picture {
    position: relative;
  }
}

@media (min-width: 1280px) {
  .cm_image_fullframe .is_masked picture {
    position: absolute;
  }
}

.cm_image_fullframe .color_fade_top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 40%;
}

.cm_image_fullframe .color_fade_top.light {
  background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%);
}

.cm_image_fullframe .color_fade_top.dark {
  background: linear-gradient(to bottom, #121619 0%, rgba(18, 22, 25, 0) 100%);
}

.cm_image_fullframe .color_fade_bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40%;
}

.cm_image_fullframe .color_fade_bottom.light {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
}

.cm_image_fullframe .color_fade_bottom.dark {
  background: linear-gradient(to bottom, rgba(18, 22, 25, 0) 0%, #121619 100%);
}

/* =====================================================================================================================
 CM TESTIMONIAL GALLERY
/*=======================================================================================================================*/
.cm_testimonial_gallery {
  overflow: hidden;
  /*
	Color Schemes ------------------------------------------------------------------------------------------------------
*/
}

.cm_testimonial_gallery .inner_cm {
  position: relative;
  max-width: none;
}

.cm_testimonial_gallery .slider_container {
  position: relative;
}

@media (max-width: 767px) {
  .cm_testimonial_gallery .slider_container {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_testimonial_gallery .slider_container {
    width: 90%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_testimonial_gallery .slider_container {
    width: 90%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_testimonial_gallery .slider_container {
    width: 90%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_testimonial_gallery .slider_container {
    width: 90%;
  }
}

@media (min-width: 1860px) {
  .cm_testimonial_gallery .slider_container {
    width: 80%;
  }
}

.cm_testimonial_gallery .current_slides, .cm_testimonial_gallery .next_slides {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
}

@media (max-width: 767px) {
  .cm_testimonial_gallery .current_slides, .cm_testimonial_gallery .next_slides {
    padding-bottom: 110%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_testimonial_gallery .current_slides, .cm_testimonial_gallery .next_slides {
    padding-bottom: 62%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_testimonial_gallery .current_slides, .cm_testimonial_gallery .next_slides {
    padding-bottom: 62%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_testimonial_gallery .current_slides, .cm_testimonial_gallery .next_slides {
    padding-bottom: 62%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_testimonial_gallery .current_slides, .cm_testimonial_gallery .next_slides {
    padding-bottom: 55%;
  }
}

@media (min-width: 1860px) {
  .cm_testimonial_gallery .current_slides, .cm_testimonial_gallery .next_slides {
    padding-bottom: 55%;
  }
}

.cm_testimonial_gallery .next_slides {
  position: absolute;
  cursor: pointer;
  right: calc(-100% - 10px);
  top: 0;
  vertical-align: top;
}

@media (max-width: 767px) {
  .cm_testimonial_gallery .next_slides {
    display: none !important;
  }
}

.cm_testimonial_gallery .slide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}

.cm_testimonial_gallery .slide .darkener_gradient {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  z-index: 1;
  background: linear-gradient(to bottom, rgba(18, 22, 25, 0) 0%, rgba(18, 22, 25, 0.6) 100%);
}

.cm_testimonial_gallery .current_slides .slide .track {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  transform: translateY(-100%);
}

.cm_testimonial_gallery .current_slides .slide .inner_slide {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  transform: translateY(100%);
}

.cm_testimonial_gallery .current_slides .slide.on .track {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: translateY(0);
}

.cm_testimonial_gallery .current_slides .slide.on .inner_slide {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: translateY(0);
}

.cm_testimonial_gallery .next_slides .slide .track {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  transform: translateY(100%);
}

.cm_testimonial_gallery .next_slides .slide .inner_slide {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  transform: translateY(-100%);
}

.cm_testimonial_gallery .next_slides .slide.on .track {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: translateY(0);
}

.cm_testimonial_gallery .next_slides .slide.on .inner_slide {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: translateY(0);
}

.cm_testimonial_gallery .inner_slide {
  position: relative;
  height: 100%;
  overflow: hidden;
  -webkit-transition: transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
}

.cm_testimonial_gallery .track {
  position: relative;
  height: 100%;
  overflow: hidden;
  -webkit-transition: transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
}

.cm_testimonial_gallery .vertical_line {
  position: absolute;
  left: 0;
  height: 0;
  width: 1px;
  -webkit-transition: height 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: height 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: height 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@media (max-width: 1279px) {
  .cm_testimonial_gallery .vertical_line {
    bottom: 0.45em;
  }
}

@media (min-width: 1280px) {
  .cm_testimonial_gallery .vertical_line {
    bottom: 0.4em;
  }
  .win .cm_testimonial_gallery .vertical_line {
    bottom: 0.38em;
  }
}

.cm_testimonial_gallery .quote {
  -webkit-transition: opacity 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;
  -moz-transition: opacity 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;
  transition: opacity 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;
  opacity: 0;
}

.cm_testimonial_gallery .name {
  opacity: 0;
}

.cm_testimonial_gallery .line1 {
  opacity: 0;
}

.cm_testimonial_gallery .line2 {
  opacity: 0;
}

.cm_testimonial_gallery .text_container {
  position: relative;
  z-index: 9;
}

.cm_testimonial_gallery .text_container .inner_text_container {
  padding-left: 20px;
}

@media (max-width: 1023px) {
  .cm_testimonial_gallery .text_container .inner_text_container {
    position: relative;
  }
}

@media (min-width: 1024px) {
  .cm_testimonial_gallery .text_container .inner_text_container {
    position: absolute;
    bottom: 0;
  }
}

@media (max-width: 1023px) {
  .cm_testimonial_gallery .text_container .quote {
    margin-bottom: 20px;
  }
}

@media (min-width: 1024px) {
  .cm_testimonial_gallery .text_container .quote {
    margin-bottom: 30px;
  }
}

@media (max-width: 1279px) {
  .cm_testimonial_gallery .text_container.on .vertical_line {
    height: calc(100% - 0.455em);
  }
}

@media (min-width: 1280px) {
  .cm_testimonial_gallery .text_container.on .vertical_line {
    height: calc(100% - 0.4em);
  }
  .win .cm_testimonial_gallery .text_container.on .vertical_line {
    height: calc(100% - 0.75em);
  }
}

.cm_testimonial_gallery .text_container.on .quote, .cm_testimonial_gallery .text_container.on .name, .cm_testimonial_gallery .text_container.on .line1, .cm_testimonial_gallery .text_container.on .line2 {
  opacity: 1;
}

@media (max-width: 1023px) {
  .cm_testimonial_gallery.full_width_slide .text_container {
    position: relative;
    margin-top: 30px;
  }
}

@media (min-width: 1024px) {
  .cm_testimonial_gallery.full_width_slide .text_container {
    position: absolute;
    left: 40px;
    bottom: 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_testimonial_gallery.full_width_slide .text_container {
    width: 90%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_testimonial_gallery.full_width_slide .text_container {
    width: 80%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_testimonial_gallery.full_width_slide .text_container {
    width: 70%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_testimonial_gallery.full_width_slide .text_container {
    width: 60%;
  }
}

@media (min-width: 1860px) {
  .cm_testimonial_gallery.full_width_slide .text_container {
    width: 60%;
  }
}

@media (min-width: 1024px) {
  .cm_testimonial_gallery.full_width_slide .text_container * {
    color: white !important;
  }
}

@media (min-width: 1024px) {
  .cm_testimonial_gallery.full_width_slide .vertical_line {
    background-color: white !important;
  }
}

@media (max-width: 767px) {
  .cm_testimonial_gallery .image_item {
    padding-bottom: 110%;
  }
}

@media (min-width: 768px) {
  .cm_testimonial_gallery .image_item {
    padding-bottom: 62%;
  }
}

.cm_testimonial_gallery .video_container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  display: flex;
}

@media (max-width: 1023px) {
  .cm_testimonial_gallery.half_width_slide .text_container {
    position: relative;
    margin-top: 30px;
  }
}

@media (min-width: 1024px) {
  .cm_testimonial_gallery.half_width_slide .text_container {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50%;
  }
}

@media (min-width: 1024px) {
  .cm_testimonial_gallery.half_width_slide .inner_text_container {
    padding-right: 50px;
  }
}

@media (min-width: 1024px) {
  .cm_testimonial_gallery.half_width_slide .current_slides .image_item {
    width: 50%;
    float: right;
  }
}

@media (min-width: 1024px) {
  .cm_testimonial_gallery.half_width_slide .current_slides .video_container {
    left: 50%;
    width: 50%;
  }
}

@media (min-width: 1024px) {
  .cm_testimonial_gallery.half_width_slide .next_slides .image_item {
    width: 50%;
  }
}

@media (min-width: 1024px) {
  .cm_testimonial_gallery.half_width_slide .next_slides .video_container {
    width: 50%;
  }
}

@media (min-width: 1024px) {
  .cm_testimonial_gallery.half_width_slide.single_slide .current_slides .image_item {
    width: 55%;
    float: right;
  }
}

@media (min-width: 1860px) {
  .cm_testimonial_gallery.half_width_slide.single_slide .current_slides .image_item {
    width: 60%;
    float: right;
  }
}

@media (min-width: 1024px) {
  .cm_testimonial_gallery.half_width_slide.single_slide .current_slides .video_container {
    left: 45%;
    width: 55%;
  }
}

@media (min-width: 1860px) {
  .cm_testimonial_gallery.half_width_slide.single_slide .current_slides .video_container {
    left: 40%;
    width: 60%;
  }
}

@media (min-width: 1024px) {
  .cm_testimonial_gallery.half_width_slide.single_slide .text_container {
    width: 45%;
  }
}

@media (min-width: 1860px) {
  .cm_testimonial_gallery.half_width_slide.single_slide .text_container {
    width: 40%;
  }
}

@media (min-width: 1024px) {
  .cm_testimonial_gallery.half_width_slide .darkener_gradient {
    left: 45%;
  }
}

@media (min-width: 1860px) {
  .cm_testimonial_gallery.half_width_slide .darkener_gradient {
    left: 40%;
  }
}

.cm_testimonial_gallery .video {
  position: relative;
  object-fit: cover;
  width: 100%;
}

.cm_testimonial_gallery .btn_dashanim {
  position: absolute;
  z-index: 999;
}

@media (max-width: 767px) {
  .cm_testimonial_gallery .btn_dashanim {
    right: 20px;
    bottom: 20px;
  }
}

@media (min-width: 768px) {
  .cm_testimonial_gallery .btn_dashanim {
    right: 40px;
    bottom: 40px;
  }
}

.cc_ready.anim_running .cm_testimonial_gallery .text_container.on .quote {
  -webkit-transition: color 300ms linear, background-color 300ms linear, opacity 350ms linear 400ms;
  -moz-transition: color 300ms linear, background-color 300ms linear, opacity 350ms linear 400ms;
  transition: color 300ms linear, background-color 300ms linear, opacity 350ms linear 400ms;
}

.cc_ready.anim_running .cm_testimonial_gallery .text_container.on .name {
  -webkit-transition: color 300ms linear, background-color 300ms linear, opacity 350ms linear 300ms;
  -moz-transition: color 300ms linear, background-color 300ms linear, opacity 350ms linear 300ms;
  transition: color 300ms linear, background-color 300ms linear, opacity 350ms linear 300ms;
}

.cc_ready.anim_running .cm_testimonial_gallery .text_container.on .line1 {
  -webkit-transition: color 300ms linear, background-color 300ms linear, opacity 350ms linear 200ms;
  -moz-transition: color 300ms linear, background-color 300ms linear, opacity 350ms linear 200ms;
  transition: color 300ms linear, background-color 300ms linear, opacity 350ms linear 200ms;
}

.cc_ready.anim_running .cm_testimonial_gallery .text_container.on .line2 {
  -webkit-transition: color 300ms linear, background-color 300ms linear, opacity 350ms linear 100ms;
  -moz-transition: color 300ms linear, background-color 300ms linear, opacity 350ms linear 100ms;
  transition: color 300ms linear, background-color 300ms linear, opacity 350ms linear 100ms;
}

.cc_ready.anim_running .cm_testimonial_gallery .vertical_line {
  -webkit-transition: color 300ms linear, background-color 300ms linear, height 500ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: color 300ms linear, background-color 300ms linear, height 500ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: color 300ms linear, background-color 300ms linear, height 500ms cubic-bezier(0.77, 0, 0.175, 1);
}

.cc_ready.anim_running .cm_testimonial_gallery .text_container .quote {
  -webkit-transition: color 300ms linear, background-color 300ms linear, opacity 350ms linear 0ms;
  -moz-transition: color 300ms linear, background-color 300ms linear, opacity 350ms linear 0ms;
  transition: color 300ms linear, background-color 300ms linear, opacity 350ms linear 0ms;
}

.cc_ready.anim_running .cm_testimonial_gallery .text_container .name {
  -webkit-transition: color 300ms linear, background-color 300ms linear, opacity 350ms linear 0ms;
  -moz-transition: color 300ms linear, background-color 300ms linear, opacity 350ms linear 0ms;
  transition: color 300ms linear, background-color 300ms linear, opacity 350ms linear 0ms;
}

.cc_ready.anim_running .cm_testimonial_gallery .text_container .line1 {
  -webkit-transition: color 300ms linear, background-color 300ms linear, opacity 350ms linear 0ms;
  -moz-transition: color 300ms linear, background-color 300ms linear, opacity 350ms linear 0ms;
  transition: color 300ms linear, background-color 300ms linear, opacity 350ms linear 0ms;
}

.cc_ready.anim_running .cm_testimonial_gallery .text_container .line2 {
  -webkit-transition: color 300ms linear, background-color 300ms linear, opacity 350ms linear 0ms;
  -moz-transition: color 300ms linear, background-color 300ms linear, opacity 350ms linear 0ms;
  transition: color 300ms linear, background-color 300ms linear, opacity 350ms linear 0ms;
}

.cc_scheme_default .cm_testimonial_gallery .vertical_line {
  background-color: #121619;
}

.cc_scheme_dark .cm_testimonial_gallery .vertical_line {
  background-color: white;
}

.cc_scheme_default .cm_testimonial_gallery .quote {
  color: #121619;
}

.cc_scheme_dark .cm_testimonial_gallery .quote {
  color: white;
}

.cc_scheme_default .cm_testimonial_gallery .name {
  color: #121619;
}

.cc_scheme_dark .cm_testimonial_gallery .name {
  color: white;
}

.cc_scheme_default .cm_testimonial_gallery .line1 {
  color: #121619;
}

.cc_scheme_dark .cm_testimonial_gallery .line1 {
  color: white;
}

.cc_scheme_default .cm_testimonial_gallery .line2 {
  color: #121619;
}

.cc_scheme_dark .cm_testimonial_gallery .line2 {
  color: white;
}

/* =====================================================================================================================
 CM INTERIOR DESIGNLINES GALLERY
/*=======================================================================================================================*/
.cm_interior_designlines_gallery .inner_cm {
  position: relative;
}

.cm_interior_designlines_gallery .slide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 0;
  -webkit-transition: opacity 180ms linear;
  -moz-transition: opacity 180ms linear;
  transition: opacity 180ms linear;
}

.cm_interior_designlines_gallery .item, .cm_interior_designlines_gallery .image_item {
  position: relative;
  height: 100%;
}

.cm_interior_designlines_gallery .image_item {
  padding-bottom: 0;
}

.cm_interior_designlines_gallery .slider_container {
  position: relative;
}

@media (max-width: 767px) {
  .cm_interior_designlines_gallery .slider_container {
    height: 0;
    padding-bottom: 140%;
  }
}

@media (min-width: 768px) {
  .cm_interior_designlines_gallery .slider_container {
    height: 100vh;
  }
}

.cm_interior_designlines_gallery .link_container {
  position: absolute;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-radius: 9px;
  background-color: rgba(18, 22, 25, 0.4);
  z-index: 999;
}

@media (max-width: 767px) {
  .cm_interior_designlines_gallery .link_container {
    left: 20px;
    bottom: 20px;
    width: 200px;
    padding: 20px;
  }
}

@media (min-width: 768px) {
  .cm_interior_designlines_gallery .link_container {
    left: 40px;
    bottom: 40px;
    width: 350px;
    padding: 30px;
  }
}

.cm_interior_designlines_gallery ul, .cm_interior_designlines_gallery li {
  list-style-type: none;
}

.cm_interior_designlines_gallery .button {
  position: relative;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.4);
  -webkit-transition: color 100ms linear;
  -moz-transition: color 100ms linear;
  transition: color 100ms linear;
}

.safari.mobile .cm_interior_designlines_gallery .button {
  padding-top: 3px;
}

.cm_interior_designlines_gallery .button.active {
  color: white;
}

.cm_interior_designlines_gallery .button:hover {
  color: rgba(255, 255, 255, 0.7);
}

.cm_interior_designlines_gallery .inner_link_container {
  position: relative;
  border-top: 1px solid rgba(221, 225, 230, 0.2);
  padding-top: 35px;
  margin-top: 25px;
}

@media (max-width: 767px) {
  .cm_interior_designlines_gallery .inner_link_container {
    display: none;
  }
}

/* =====================================================================================================================
 CM TEASER CARDS
/*=======================================================================================================================*/
.cm_teaser_cards {
  margin-bottom: 20px;
}

.entry-type-page-tech-data .page_tech_data .cm_teaser_cards {
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 767px) {
  .entry-type-page-tech-data .page_tech_data .cm_teaser_cards {
    margin-bottom: 80px;
  }
}

@media (min-width: 768px) {
  .entry-type-page-tech-data .page_tech_data .cm_teaser_cards {
    margin-bottom: 100px;
  }
}

.cm_teaser_cards .inner_cm {
  position: relative;
}

.cm_teaser_cards .content_container {
  position: relative;
}

.cm_teaser_cards .content_container.has_1_cards {
  display: block;
}

@media (max-width: 767px) {
  .cm_teaser_cards .content_container.has_1_cards .teaser_card_item {
    padding-bottom: 102%;
  }
  .cm_teaser_cards .content_container.has_1_cards .teaser_card_item .image_item {
    padding-bottom: 102%;
  }
}

@media (min-width: 768px) {
  .cm_teaser_cards .content_container.has_1_cards .teaser_card_item {
    padding-bottom: 55%;
  }
  .cm_teaser_cards .content_container.has_1_cards .teaser_card_item .image_item {
    padding-bottom: 55%;
  }
}

@media (max-width: 767px) {
  .cm_teaser_cards .content_container.has_2_cards {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
  .cm_teaser_cards .content_container.has_2_cards .teaser_card_item {
    padding-bottom: 102%;
  }
  .cm_teaser_cards .content_container.has_2_cards .teaser_card_item .image_item {
    padding-bottom: 102%;
  }
}

@media (min-width: 768px) {
  .cm_teaser_cards .content_container.has_2_cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .cm_teaser_cards .content_container.has_2_cards .teaser_card_item {
    padding-bottom: 102%;
  }
  .cm_teaser_cards .content_container.has_2_cards .teaser_card_item .image_item {
    padding-bottom: 102%;
  }
}

@media (max-width: 767px) {
  .cm_teaser_cards .content_container.has_3_cards {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
  .cm_teaser_cards .content_container.has_3_cards .teaser_card_item {
    padding-bottom: 102%;
  }
  .cm_teaser_cards .content_container.has_3_cards .teaser_card_item .image_item {
    padding-bottom: 102%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_teaser_cards .content_container.has_3_cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .cm_teaser_cards .content_container.has_3_cards .teaser_card_item {
    padding-bottom: 102%;
  }
  .cm_teaser_cards .content_container.has_3_cards .teaser_card_item .image_item {
    padding-bottom: 102%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_teaser_cards .content_container.has_3_cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .cm_teaser_cards .content_container.has_3_cards .teaser_card_item {
    padding-bottom: 102%;
  }
  .cm_teaser_cards .content_container.has_3_cards .teaser_card_item .image_item {
    padding-bottom: 102%;
  }
}

@media (min-width: 1280px) {
  .cm_teaser_cards .content_container.has_3_cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
  .cm_teaser_cards .content_container.has_3_cards .teaser_card_item {
    padding-bottom: 119%;
  }
  .cm_teaser_cards .content_container.has_3_cards .teaser_card_item .image_item {
    padding-bottom: 119%;
  }
}

@media (min-width: 768px) {
  .cm_teaser_cards .content_container.has_3_cards.first_is_full_width {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 768px) {
  .cm_teaser_cards .content_container.has_3_cards.first_is_full_width .teaser_card_item:first-child {
    grid-column: span 2;
  }
}

.cm_teaser_cards .content_container.has_3_cards.first_is_full_width .teaser_card_item:last-child, .cm_teaser_cards .content_container.has_3_cards.first_is_full_width .teaser_card_item:nth-last-child(2) {
  padding-bottom: 102%;
}

.cm_teaser_cards .content_container.has_3_cards.first_is_full_width .teaser_card_item:last-child .image_item, .cm_teaser_cards .content_container.has_3_cards.first_is_full_width .teaser_card_item:nth-last-child(2) .image_item {
  padding-bottom: 102%;
}

@media (min-width: 768px) {
  .cm_teaser_cards .first_is_full_width .teaser_card_item:first-child {
    width: 100%;
    padding-bottom: 55%;
  }
  .cm_teaser_cards .first_is_full_width .teaser_card_item:first-child .image_item {
    padding-bottom: 55%;
  }
}

.cm_teaser_cards .headline {
  position: relative;
  color: white;
}

@media (max-width: 767px) {
  .cm_teaser_cards .buttons {
    padding-top: 15px;
  }
}

@media (min-width: 768px) {
  .cm_teaser_cards .buttons {
    padding-top: 20px;
  }
}

.cm_teaser_cards .image_item {
  border-radius: 9px;
}

.cm_teaser_cards .image_item img {
  border-radius: 9px;
}

/* =====================================================================================================================
 CM TEASER CARDS AIRPLANE
/*=======================================================================================================================*/
.cm_teaser_cards_airplane {
  margin-bottom: 20px;
}

.cm_teaser_cards_airplane .inner_cm {
  position: relative;
}

.cm_teaser_cards_airplane .content_container {
  position: relative;
}

.cm_teaser_cards_airplane .content_container.has_1_cards {
  display: block;
}

@media (max-width: 767px) {
  .cm_teaser_cards_airplane .content_container.has_1_cards .teaser_card_airplane_item {
    padding-bottom: 102%;
  }
  .cm_teaser_cards_airplane .content_container.has_1_cards .teaser_card_airplane_item .image_item {
    padding-bottom: 102%;
  }
}

@media (min-width: 768px) {
  .cm_teaser_cards_airplane .content_container.has_1_cards .teaser_card_airplane_item {
    padding-bottom: 55%;
  }
  .cm_teaser_cards_airplane .content_container.has_1_cards .teaser_card_airplane_item .image_item {
    padding-bottom: 55%;
  }
}

@media (max-width: 767px) {
  .cm_teaser_cards_airplane .content_container.has_2_cards, .cm_teaser_cards_airplane .content_container.has_4_cards {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
  .cm_teaser_cards_airplane .content_container.has_2_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_4_cards .teaser_card_airplane_item {
    padding-bottom: 102%;
  }
  .cm_teaser_cards_airplane .content_container.has_2_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_4_cards .teaser_card_airplane_item .image_item {
    padding-bottom: 102%;
  }
}

@media (min-width: 768px) {
  .cm_teaser_cards_airplane .content_container.has_2_cards, .cm_teaser_cards_airplane .content_container.has_4_cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .cm_teaser_cards_airplane .content_container.has_2_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_4_cards .teaser_card_airplane_item {
    padding-bottom: 102%;
  }
  .cm_teaser_cards_airplane .content_container.has_2_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_4_cards .teaser_card_airplane_item .image_item {
    padding-bottom: 102%;
  }
}

@media (max-width: 767px) {
  .cm_teaser_cards_airplane .content_container.has_3_cards, .cm_teaser_cards_airplane .content_container.has_5_cards, .cm_teaser_cards_airplane .content_container.has_6_cards, .cm_teaser_cards_airplane .content_container.has_7_cards, .cm_teaser_cards_airplane .content_container.has_8_cards, .cm_teaser_cards_airplane .content_container.has_9_cards, .cm_teaser_cards_airplane .content_container.has_10_cards, .cm_teaser_cards_airplane .content_container.has_11_cards, .cm_teaser_cards_airplane .content_container.has_12_cards, .cm_teaser_cards_airplane .content_container.has_13_cards, .cm_teaser_cards_airplane .content_container.has_14_cards, .cm_teaser_cards_airplane .content_container.has_15_cards {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
  .cm_teaser_cards_airplane .content_container.has_3_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_5_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_6_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_7_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_8_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_9_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_10_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_11_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_12_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_13_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_14_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_15_cards .teaser_card_airplane_item {
    padding-bottom: 102%;
  }
  .cm_teaser_cards_airplane .content_container.has_3_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_5_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_6_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_7_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_8_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_9_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_10_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_11_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_12_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_13_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_14_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_15_cards .teaser_card_airplane_item .image_item {
    padding-bottom: 102%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_teaser_cards_airplane .content_container.has_3_cards, .cm_teaser_cards_airplane .content_container.has_5_cards, .cm_teaser_cards_airplane .content_container.has_6_cards, .cm_teaser_cards_airplane .content_container.has_7_cards, .cm_teaser_cards_airplane .content_container.has_8_cards, .cm_teaser_cards_airplane .content_container.has_9_cards, .cm_teaser_cards_airplane .content_container.has_10_cards, .cm_teaser_cards_airplane .content_container.has_11_cards, .cm_teaser_cards_airplane .content_container.has_12_cards, .cm_teaser_cards_airplane .content_container.has_13_cards, .cm_teaser_cards_airplane .content_container.has_14_cards, .cm_teaser_cards_airplane .content_container.has_15_cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .cm_teaser_cards_airplane .content_container.has_3_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_5_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_6_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_7_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_8_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_9_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_10_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_11_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_12_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_13_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_14_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_15_cards .teaser_card_airplane_item {
    padding-bottom: 102%;
  }
  .cm_teaser_cards_airplane .content_container.has_3_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_5_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_6_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_7_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_8_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_9_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_10_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_11_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_12_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_13_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_14_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_15_cards .teaser_card_airplane_item .image_item {
    padding-bottom: 102%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_teaser_cards_airplane .content_container.has_3_cards, .cm_teaser_cards_airplane .content_container.has_5_cards, .cm_teaser_cards_airplane .content_container.has_6_cards, .cm_teaser_cards_airplane .content_container.has_7_cards, .cm_teaser_cards_airplane .content_container.has_8_cards, .cm_teaser_cards_airplane .content_container.has_9_cards, .cm_teaser_cards_airplane .content_container.has_10_cards, .cm_teaser_cards_airplane .content_container.has_11_cards, .cm_teaser_cards_airplane .content_container.has_12_cards, .cm_teaser_cards_airplane .content_container.has_13_cards, .cm_teaser_cards_airplane .content_container.has_14_cards, .cm_teaser_cards_airplane .content_container.has_15_cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .cm_teaser_cards_airplane .content_container.has_3_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_5_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_6_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_7_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_8_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_9_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_10_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_11_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_12_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_13_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_14_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_15_cards .teaser_card_airplane_item {
    padding-bottom: 102%;
  }
  .cm_teaser_cards_airplane .content_container.has_3_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_5_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_6_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_7_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_8_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_9_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_10_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_11_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_12_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_13_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_14_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_15_cards .teaser_card_airplane_item .image_item {
    padding-bottom: 102%;
  }
}

@media (min-width: 1280px) {
  .cm_teaser_cards_airplane .content_container.has_3_cards, .cm_teaser_cards_airplane .content_container.has_5_cards, .cm_teaser_cards_airplane .content_container.has_6_cards, .cm_teaser_cards_airplane .content_container.has_7_cards, .cm_teaser_cards_airplane .content_container.has_8_cards, .cm_teaser_cards_airplane .content_container.has_9_cards, .cm_teaser_cards_airplane .content_container.has_10_cards, .cm_teaser_cards_airplane .content_container.has_11_cards, .cm_teaser_cards_airplane .content_container.has_12_cards, .cm_teaser_cards_airplane .content_container.has_13_cards, .cm_teaser_cards_airplane .content_container.has_14_cards, .cm_teaser_cards_airplane .content_container.has_15_cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
  .cm_teaser_cards_airplane .content_container.has_3_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_5_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_6_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_7_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_8_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_9_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_10_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_11_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_12_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_13_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_14_cards .teaser_card_airplane_item, .cm_teaser_cards_airplane .content_container.has_15_cards .teaser_card_airplane_item {
    padding-bottom: 119%;
  }
  .cm_teaser_cards_airplane .content_container.has_3_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_5_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_6_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_7_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_8_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_9_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_10_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_11_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_12_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_13_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_14_cards .teaser_card_airplane_item .image_item, .cm_teaser_cards_airplane .content_container.has_15_cards .teaser_card_airplane_item .image_item {
    padding-bottom: 119%;
  }
}

.cm_teaser_cards_airplane .image_item {
  border-radius: 9px;
}

.cm_teaser_cards_airplane .image_item img {
  border-radius: 9px;
}

/* =====================================================================================================================
 CM VISUAL COMPOSITION
/*=======================================================================================================================*/
.cm_visual_composition {
  /*
			ColorChange ---------------------------------------------------------------
		*/
}

.cm_visual_composition .inner_cm {
  position: relative;
}

@media (max-width: 767px) {
  .cm_visual_composition.show2.align_left .item:first-child {
    width: 88%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_visual_composition.show2.align_left .item:first-child {
    width: 72%;
  }
}

@media (min-width: 1024px) {
  .cm_visual_composition.show2.align_left .item:first-child {
    width: 50%;
  }
}

.cm_visual_composition.show2.align_left .item:first-child .caption {
  padding-left: 10px;
}

@media (max-width: 767px) {
  .cm_visual_composition.show2.align_left .item:nth-child(2) {
    width: 60%;
    margin-top: 100px;
    left: 40%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_visual_composition.show2.align_left .item:nth-child(2) {
    width: 60%;
    margin-top: 140px;
    left: 40%;
  }
}

@media (min-width: 1024px) {
  .cm_visual_composition.show2.align_left .item:nth-child(2) {
    width: 40%;
    left: calc(60% - 40px);
    margin-top: -460px;
  }
}

@media (max-width: 767px) {
  .cm_visual_composition.show2.align_right .item:first-child {
    width: 88%;
    left: 12%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_visual_composition.show2.align_right .item:first-child {
    width: 72%;
    left: 28%;
  }
}

@media (min-width: 1024px) {
  .cm_visual_composition.show2.align_right .item:first-child {
    width: 50%;
    left: 50%;
  }
}

@media (max-width: 767px) {
  .cm_visual_composition.show2.align_right .item:nth-child(2) {
    width: 60%;
    margin-top: 100px;
  }
  .cm_visual_composition.show2.align_right .item:nth-child(2) .caption {
    padding-left: 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_visual_composition.show2.align_right .item:nth-child(2) {
    width: 60%;
    margin-top: 140px;
  }
  .cm_visual_composition.show2.align_right .item:nth-child(2) .caption {
    padding-left: 10px;
  }
}

@media (min-width: 1024px) {
  .cm_visual_composition.show2.align_right .item:nth-child(2) {
    width: 40%;
    left: 40px;
    margin-top: -20%;
  }
}

@media (max-width: 767px) {
  .cm_visual_composition.show3.align_left .item:first-child {
    width: 88%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_visual_composition.show3.align_left .item:first-child {
    width: 72%;
  }
}

@media (min-width: 1024px) {
  .cm_visual_composition.show3.align_left .item:first-child {
    width: 50%;
  }
}

.cm_visual_composition.show3.align_left .item:first-child .caption {
  padding-left: 10px;
}

@media (max-width: 767px) {
  .cm_visual_composition.show3.align_left .item:nth-child(2) {
    width: 58%;
    left: 25px;
    margin-top: 70%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_visual_composition.show3.align_left .item:nth-child(2) {
    width: 58%;
    left: 20px;
    margin-top: 70%;
  }
}

@media (min-width: 1024px) {
  .cm_visual_composition.show3.align_left .item:nth-child(2) {
    width: 40%;
    left: calc(60% - 40px);
    margin-top: -20%;
  }
}

@media (max-width: 767px) {
  .cm_visual_composition.show3.align_left .item:last-child {
    width: 45%;
    left: calc(55% - 25px);
    position: absolute;
    top: 51%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_visual_composition.show3.align_left .item:last-child {
    width: 45%;
    left: calc(55% - 25px);
    position: absolute;
    top: 48%;
  }
}

@media (min-width: 1024px) {
  .cm_visual_composition.show3.align_left .item:last-child {
    position: absolute;
    width: 30%;
    left: calc(70% - 40px);
    margin-top: -86%;
  }
}

@media (max-width: 767px) {
  .cm_visual_composition.show3.align_right .item:first-child {
    width: 88%;
    left: 12%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_visual_composition.show3.align_right .item:first-child {
    width: 72%;
    left: 28%;
  }
}

@media (min-width: 1024px) {
  .cm_visual_composition.show3.align_right .item:first-child {
    width: 50%;
    left: 50%;
  }
}

@media (max-width: 767px) {
  .cm_visual_composition.show3.align_right .item:nth-child(2) {
    width: 58%;
    margin-top: 70%;
    left: calc(45% - 25px);
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_visual_composition.show3.align_right .item:nth-child(2) {
    width: 58%;
    margin-top: 70%;
    left: calc(45% - 25px);
  }
}

@media (min-width: 1024px) {
  .cm_visual_composition.show3.align_right .item:nth-child(2) {
    width: 40%;
    left: 40px;
    margin-top: -360px;
  }
}

@media (max-width: 767px) {
  .cm_visual_composition.show3.align_right .item:last-child {
    width: 45%;
    left: 25px;
    position: absolute;
    top: 51%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_visual_composition.show3.align_right .item:last-child {
    width: 45%;
    left: 25px;
    position: absolute;
    top: 48%;
  }
}

@media (min-width: 1024px) {
  .cm_visual_composition.show3.align_right .item:last-child {
    position: absolute;
    width: 30%;
    left: 40px;
    margin-top: -86%;
  }
}

.cm_visual_composition .caption {
  position: relative;
  margin-top: 10px;
}

.cm_visual_composition .latlng {
  white-space: nowrap;
}

.cm_visual_composition .inlinevideo {
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.cm_visual_composition .inner_item {
  position: relative;
  height: 0;
}

.cm_visual_composition .item:first-child .inner_item {
  padding-bottom: 118%;
}

.cm_visual_composition .item:nth-child(2) .inner_item {
  padding-bottom: 91%;
}

.cm_visual_composition .item:last-child .inner_item {
  padding-bottom: 91%;
}

.cc_ready.anim_running .cm_visual_composition .caption {
  -webkit-transition: color 300ms linear;
  -moz-transition: color 300ms linear;
  transition: color 300ms linear;
}

.cc_scheme_default .cm_visual_composition .caption {
  color: #121619;
}

.cc_scheme_dark .cm_visual_composition .caption {
  color: white;
}

/* =====================================================================================================================
 CM FEATURES ICON GRID
/*=======================================================================================================================*/
.cm_features_icon_grid {
  overflow: hidden;
}

.cm_features_icon_grid .inner_cm {
  position: relative;
}

.cm_features_icon_grid .headline {
  position: relative;
}

@media (max-width: 767px) {
  .cm_features_icon_grid .headline {
    margin-bottom: 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_features_icon_grid .headline {
    margin-bottom: 80px;
  }
}

@media (min-width: 1024px) {
  .cm_features_icon_grid .headline {
    margin-bottom: 100px;
  }
}

.cm_features_icon_grid .tab_nav {
  position: relative;
  white-space: nowrap;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -ms-overflow-style: none;
  scrollbar-width: none !important;
}

.cm_features_icon_grid .tab_nav::-webkit-scrollbar {
  display: none;
  width: 0 !important;
  height: 0 !important;
  padding: 0;
  margin: 0;
  border: none;
  background: rgba(0, 0, 0, 0);
  color: white !important;
  position: static;
}

.cm_features_icon_grid .tab_nav::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}

.cm_features_icon_grid .tab_nav::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0);
}

.cm_features_icon_grid .tab_nav::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0);
}

.cm_features_icon_grid .tab_nav::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0);
}

@media (max-width: 767px) {
  .cm_features_icon_grid .tab_nav {
    margin-bottom: 56px;
    margin-right: -25px;
    margin-left: -25px;
    padding-left: 25px;
  }
}

@media (min-width: 768px) {
  .cm_features_icon_grid .tab_nav {
    margin-bottom: 80px;
  }
}

.cm_features_icon_grid li {
  list-style-type: none;
  display: inline-block;
}

.cm_features_icon_grid li:last-child {
  padding-right: 15px;
}

.cm_features_icon_grid .btn {
  margin-right: 8px;
}

.cm_features_icon_grid .tabs_container {
  position: relative;
  -webkit-transition: opacity 250ms linear, height 250ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: opacity 250ms linear, height 250ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: opacity 250ms linear, height 250ms cubic-bezier(0.77, 0, 0.175, 1);
  opacity: 0;
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_features_icon_grid .tabs_container {
    width: 90%;
  }
}

@media (min-width: 1860px) {
  .cm_features_icon_grid .tabs_container {
    width: 90%;
  }
}

.cm_features_icon_grid .tabs_container.on {
  opacity: 1;
}

.cm_features_icon_grid .tab {
  position: relative;
  display: none;
}

.cm_features_icon_grid .tab.on {
  display: block;
}

.cm_features_icon_grid .inner_tab {
  position: relative;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_features_icon_grid .inner_tab {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 100px 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_features_icon_grid .inner_tab {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 20px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_features_icon_grid .inner_tab {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 100px 20px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_features_icon_grid .inner_tab {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 100px 20px;
  }
}

@media (min-width: 1860px) {
  .cm_features_icon_grid .inner_tab {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 100px 20px;
  }
}

/* =====================================================================================================================
 CM TEASER BOX TEXT
/*=======================================================================================================================*/
.cm_teaser_box_text .inner_cm {
  position: relative;
}

.cm_teaser_box_text .content_container {
  position: relative;
  background-color: #cee0e9;
  border-radius: 9px;
}

@media (max-width: 767px) {
  .cm_teaser_box_text .content_container {
    padding: 30px;
  }
}

@media (min-width: 768px) {
  .cm_teaser_box_text .content_container {
    padding: 40px;
  }
}

.cm_teaser_box_text .headline {
  position: relative;
  color: #121619;
}

@media (max-width: 767px) {
  .cm_teaser_box_text .headline {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_teaser_box_text .headline {
    width: 90%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_teaser_box_text .headline {
    width: 80%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_teaser_box_text .headline {
    width: 70%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_teaser_box_text .headline {
    width: 60%;
  }
}

@media (min-width: 1860px) {
  .cm_teaser_box_text .headline {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .cm_teaser_box_text .headline {
    margin-bottom: 40px;
  }
}

@media (min-width: 768px) {
  .cm_teaser_box_text .headline {
    margin-bottom: 40px;
  }
}

.cm_teaser_box_text .buttons {
  padding-top: 0;
}

.cm_teaser_box_text .buttons .btn_pill {
  margin-bottom: 0;
  margin-top: 10px;
}

@media (max-width: 767px) {
  .cm_teaser_box_text .buttons .btn_pill {
    display: table;
  }
}

/* =====================================================================================================================
 CM APPLICATION PROCESS
/*=======================================================================================================================*/
.cm_application_process .inner_cm {
  position: relative;
}

.cm_application_process .content_container {
  position: relative;
  background-color: #dfecf3;
  border-radius: 9px;
}

@media (max-width: 767px) {
  .cm_application_process .content_container {
    padding: 30px;
  }
}

@media (min-width: 768px) {
  .cm_application_process .content_container {
    padding: 40px;
  }
}

.cm_application_process .headline {
  color: #121619;
}

@media (max-width: 767px) {
  .cm_application_process .headline {
    margin-bottom: 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_application_process .headline {
    margin-bottom: 100px;
  }
}

@media (min-width: 1024px) {
  .cm_application_process .headline {
    margin-bottom: 120px;
  }
}

.cm_application_process .counter, .cm_application_process .label {
  color: #588095;
}

.cm_application_process .counter {
  position: relative;
}

@media (max-width: 767px) {
  .cm_application_process .counter {
    margin-bottom: 20px;
    line-height: 1em !important;
  }
  .win .cm_application_process .counter {
    line-height: 0.8em !important;
  }
}

@media (min-width: 768px) {
  .cm_application_process .counter {
    margin-bottom: 60px;
    line-height: 0.7em !important;
  }
}

@media (max-width: 767px) {
  .cm_application_process .steps_container {
    display: block;
  }
}

@media (min-width: 768px) {
  .cm_application_process .steps_container {
    display: flex;
  }
}

.cm_application_process .step_item {
  position: relative;
  padding-left: 20px;
}

@media (max-width: 767px) {
  .cm_application_process .step_item {
    display: block;
    margin-bottom: 40px;
  }
  .cm_application_process .step_item:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .cm_application_process .step_item {
    display: inline-block;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_application_process .step_item {
    padding-right: 5%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_application_process .step_item {
    padding-right: 7%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_application_process .step_item {
    padding-right: 10%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_application_process .step_item {
    padding-right: 12%;
  }
}

@media (min-width: 1860px) {
  .cm_application_process .step_item {
    padding-right: 12%;
  }
}

.cm_application_process .vertical_line {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  background-color: #588095;
  opacity: 0.5;
}

@media (max-width: 1279px) {
  .cm_application_process .vertical_line {
    bottom: 0.55em;
  }
  .win .cm_application_process .vertical_line {
    bottom: 0.4em;
  }
}

@media (min-width: 1280px) {
  .cm_application_process .vertical_line {
    bottom: 0.6em;
  }
  .win .cm_application_process .vertical_line {
    bottom: 0.38em;
  }
}

/* =====================================================================================================================
 CM HEADLINE PLUS CIS
/*=======================================================================================================================*/
.cm_headline_plus_cis {
  /*
		ColorChange ---------------------------------------------------------------
	*/
}

.cm_headline_plus_cis .inner_cm {
  position: relative;
}

.cm_headline_plus_cis .headline {
  position: relative;
}

@media (max-width: 767px) {
  .cm_headline_plus_cis .headline {
    margin-bottom: 30px;
  }
}

@media (min-width: 768px) {
  .cm_headline_plus_cis .headline {
    margin-bottom: 60px;
  }
}

@media (max-width: 767px) {
  .cm_headline_plus_cis .headline {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_headline_plus_cis .headline {
    width: 90%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_headline_plus_cis .headline {
    width: 80%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_headline_plus_cis .headline {
    width: 70%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_headline_plus_cis .headline {
    width: 60%;
  }
}

@media (min-width: 1860px) {
  .cm_headline_plus_cis .headline {
    width: 50%;
  }
}

.cm_headline_plus_cis .svg_inline {
  position: relative;
  height: 46px;
}

.cm_headline_plus_cis .svg_inline svg {
  position: relative;
}

.cm_headline_plus_cis .claim {
  position: relative;
}

.cm_headline_plus_cis .claim svg {
  width: 100%;
  height: 100%;
}

.cc_ready.anim_running .cm_headline_plus_cis .headline {
  -webkit-transition: color 300ms linear;
  -moz-transition: color 300ms linear;
  transition: color 300ms linear;
}

.cc_scheme_default .cm_headline_plus_cis .headline {
  color: #121619;
}

.cc_scheme_dark .cm_headline_plus_cis .headline {
  color: white;
}

/* =====================================================================================================================
 CM PRODUCT INTRO
/*=======================================================================================================================*/
.cm_product_intro {
  background-color: #121619;
}

.cm_product_intro .inner_cm {
  position: relative;
}

.cm_product_intro .headline {
  color: white;
}

@media (max-width: 767px) {
  .cm_product_intro .headline {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_product_intro .headline {
    width: 90%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_product_intro .headline {
    width: 80%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_product_intro .headline {
    width: 70%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_product_intro .headline {
    width: 60%;
  }
}

@media (min-width: 1860px) {
  .cm_product_intro .headline {
    width: 50%;
  }
}

.cm_product_intro .linebreaker .row {
  position: relative;
  display: block;
  -webkit-transition: opacity 100ms linear;
  -moz-transition: opacity 100ms linear;
  transition: opacity 100ms linear;
  opacity: 0;
}

.cm_product_intro .linebreaker .row:nth-child(1) {
  -webkit-transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  transition-delay: 500ms;
}

.cm_product_intro .linebreaker .row:nth-child(2) {
  -webkit-transition-delay: 600ms;
  -moz-transition-delay: 600ms;
  transition-delay: 600ms;
}

.cm_product_intro .linebreaker .row:nth-child(3) {
  -webkit-transition-delay: 700ms;
  -moz-transition-delay: 700ms;
  transition-delay: 700ms;
}

.cm_product_intro .linebreaker .row:nth-child(4) {
  -webkit-transition-delay: 800ms;
  -moz-transition-delay: 800ms;
  transition-delay: 800ms;
}

.cm_product_intro .linebreaker .row:nth-child(5) {
  -webkit-transition-delay: 900ms;
  -moz-transition-delay: 900ms;
  transition-delay: 900ms;
}

.cm_product_intro .linebreaker .row:nth-child(6) {
  -webkit-transition-delay: 1000ms;
  -moz-transition-delay: 1000ms;
  transition-delay: 1000ms;
}

.cm_product_intro .linebreaker .row:nth-child(7) {
  -webkit-transition-delay: 1100ms;
  -moz-transition-delay: 1100ms;
  transition-delay: 1100ms;
}

.cm_product_intro .linebreaker .row:nth-child(8) {
  -webkit-transition-delay: 1200ms;
  -moz-transition-delay: 1200ms;
  transition-delay: 1200ms;
}

.cm_product_intro .linebreaker .row:nth-child(9) {
  -webkit-transition-delay: 1300ms;
  -moz-transition-delay: 1300ms;
  transition-delay: 1300ms;
}

.cm_product_intro .linebreaker .row:nth-child(10) {
  -webkit-transition-delay: 1400ms;
  -moz-transition-delay: 1400ms;
  transition-delay: 1400ms;
}

.cm_product_intro .text_container {
  position: relative;
}

@media (max-width: 767px) {
  .cm_product_intro .text_container {
    margin-bottom: 100px;
    padding-left: 20px;
  }
}

@media (min-width: 768px) {
  .cm_product_intro .text_container {
    margin-bottom: 150px;
    padding-left: 40px;
  }
}

.cm_product_intro .logo_container {
  position: relative;
  display: inline-block;
}

@media (max-width: 767px) {
  .cm_product_intro .logo_container {
    max-width: 90%;
  }
}

@media (min-width: 768px) {
  .cm_product_intro .logo_container {
    max-width: 80%;
  }
}

.cm_product_intro .logo_container.align_right {
  float: right;
}

.cm_product_intro .logo_container svg {
  width: auto;
  height: 100%;
  max-width: 100%;
  opacity: 0.08;
}

.cm_product_intro .logo_container svg path {
  fill: white;
}

.cm_product_intro .vertical_line {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 1px;
  background-color: white;
  -webkit-transition: height 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms;
  -moz-transition: height 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms;
  transition: height 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms;
}

@media (max-width: 767px) {
  .win .cm_product_intro .vertical_line {
    top: 5px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .win .cm_product_intro .vertical_line {
    top: 7px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .win .cm_product_intro .vertical_line {
    top: 9px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .win .cm_product_intro .vertical_line {
    top: 9px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .win .cm_product_intro .vertical_line {
    top: 11px;
  }
}

@media (min-width: 1860px) {
  .win .cm_product_intro .vertical_line {
    top: 12px;
  }
}

.cm_product_intro.on .row {
  opacity: 1;
}

@media (max-width: 767px) {
  .cm_product_intro.on .vertical_line {
    height: calc(100% - 0.8em);
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_product_intro.on .vertical_line {
    height: calc(100% - 1em);
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_product_intro.on .vertical_line {
    height: calc(100% - 1.2em);
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_product_intro.on .vertical_line {
    height: calc(100% - 1.4em);
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_product_intro.on .vertical_line {
    height: calc(100% - 1.4em);
  }
  .win .cm_product_intro.on .vertical_line {
    height: calc(100% - 1.7em);
  }
}

@media (min-width: 1860px) {
  .cm_product_intro.on .vertical_line {
    height: calc(100% - 1.4em);
  }
  .win .cm_product_intro.on .vertical_line {
    height: calc(100% - 1.7em);
  }
}

.cm_product_intro .row {
  white-space: nowrap;
}

.cm_product_intro .cm_video {
  padding: 0 !important;
}

@media (max-width: 767px) {
  .cm_product_intro .cm_video {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_product_intro .cm_video {
    width: 90%;
    margin-left: 10%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_product_intro .cm_video {
    width: 80%;
    margin-left: 20%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_product_intro .cm_video {
    width: 70%;
    margin-left: 30%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_product_intro .cm_video {
    width: 60%;
    margin-left: 40%;
  }
}

@media (min-width: 1860px) {
  .cm_product_intro .cm_video {
    width: 50%;
    margin-left: 50%;
  }
}

.cm_product_intro .caption {
  color: white;
}

/* =====================================================================================================================
 CM PERSON LARGE
/*=======================================================================================================================*/
.cm_person_large .inner_cm {
  position: relative;
}

.cm_person_large .content_container {
  position: relative;
}

@media (min-width: 768px) {
  .cm_person_large .content_container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .cm_person_large .image_container {
    display: none;
    margin-bottom: 60px;
  }
}

@media (min-width: 768px) {
  .cm_person_large .image_container {
    padding-right: 70px;
  }
}

@media (min-width: 768px) {
  .cm_person_large .mobile_image_container {
    display: none;
  }
}

@media (max-width: 767px) {
  .cm_person_large .mobile_image_container {
    margin-bottom: 60px;
    margin-left: -20px;
    margin-right: -20px;
  }
}

.cm_person_large .image_item {
  padding-bottom: 120%;
}

@media (max-width: 767px) {
  .cm_person_large .role {
    margin-bottom: 40px;
  }
}

@media (min-width: 768px) {
  .cm_person_large .role {
    margin-bottom: 80px;
  }
}

.cm_person_large .quote {
  position: relative;
  padding-left: 20px;
  color: #588095;
}

@media (max-width: 767px) {
  .cm_person_large .quote {
    margin-bottom: 40px;
  }
}

@media (min-width: 768px) {
  .cm_person_large .quote {
    margin-bottom: 60px;
  }
}

.cm_person_large .quote .vertical_line {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 1px;
  background-color: #588095;
}

@media (max-width: 1279px) {
  .cm_person_large .quote .vertical_line {
    bottom: 0.4em;
  }
  .win .cm_person_large .quote .vertical_line {
    bottom: 0.38em;
  }
}

@media (min-width: 1280px) {
  .cm_person_large .quote .vertical_line {
    bottom: 0.4em;
  }
  .win .cm_person_large .quote .vertical_line {
    bottom: 0.38em;
  }
}

@media (max-width: 767px) {
  .cm_person_large .text {
    margin-bottom: 40px;
  }
}

@media (min-width: 768px) {
  .cm_person_large .text {
    margin-bottom: 60px;
  }
}

/* =====================================================================================================================
 CM LEADERSHIP TEASER
/*=======================================================================================================================*/
.cm_leadership_teaser .inner_cm {
  position: relative;
}

.cm_leadership_teaser .item {
  border-radius: 9px;
  overflow: hidden;
}

.cm_leadership_teaser .imglink, .cm_leadership_teaser img, .cm_leadership_teaser .image_item {
  border-radius: 9px;
}

.cm_leadership_teaser .kachel_item {
  border-radius: 9px;
  overflow: hidden;
}

.cm_leadership_teaser .kachel_item .image_item {
  -webkit-transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
}

.cm_leadership_teaser .kachel_item:hover .image_item {
  -webkit-transform: scale(1.00001);
  -moz-transform: scale(1.00001);
  transform: scale(1.00001);
}

.cm_leadership_teaser .text, .cm_leadership_teaser .title {
  color: white;
}

/* =====================================================================================================================
 CM VISUAL + TEXT
/*=======================================================================================================================*/
.cm_visual_text, .cm_visual_text_pilatus_location {
  /*
		ColorChange ---------------------------------------------------------------
	*/
}

.cm_visual_text .inner_cm, .cm_visual_text_pilatus_location .inner_cm {
  position: relative;
}

.cm_visual_text .visual_text_item, .cm_visual_text_pilatus_location .visual_text_item {
  position: relative;
}

@media (min-width: 768px) {
  .cm_visual_text .visual_text_item, .cm_visual_text_pilatus_location .visual_text_item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 160px;
  }
}

@media (max-width: 767px) {
  .cm_visual_text .visual_text_item, .cm_visual_text_pilatus_location .visual_text_item {
    margin-bottom: 120px;
  }
}

.cm_visual_text .visual_text_item:last-child, .cm_visual_text_pilatus_location .visual_text_item:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .cm_visual_text .buttons, .cm_visual_text_pilatus_location .buttons {
    padding-top: 30px;
  }
}

@media (min-width: 768px) {
  .cm_visual_text .buttons, .cm_visual_text_pilatus_location .buttons {
    padding-top: 40px;
  }
}

.cm_visual_text .image_item, .cm_visual_text_pilatus_location .image_item {
  padding-bottom: 120%;
}

.cm_visual_text .image_container, .cm_visual_text_pilatus_location .image_container {
  position: relative;
}

@media (max-width: 767px) {
  .cm_visual_text .image_container, .cm_visual_text_pilatus_location .image_container {
    margin-bottom: 40px;
  }
}

@media (min-width: 768px) {
  .cm_visual_text .image_container, .cm_visual_text_pilatus_location .image_container {
    padding-right: 60px;
  }
}

.cm_visual_text .video_container, .cm_visual_text_pilatus_location .video_container {
  position: relative;
  display: flex;
  padding-bottom: 120%;
}

.cm_visual_text .video, .cm_visual_text_pilatus_location .video {
  position: absolute;
  object-fit: cover;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
}

.cm_visual_text .headline, .cm_visual_text_pilatus_location .headline {
  position: relative;
}

@media (max-width: 767px) {
  .cm_visual_text .headline, .cm_visual_text_pilatus_location .headline {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .cm_visual_text .headline, .cm_visual_text_pilatus_location .headline {
    margin-bottom: 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_visual_text .text, .cm_visual_text_pilatus_location .text, .cm_visual_text .headline, .cm_visual_text_pilatus_location .headline {
    width: 85%;
  }
}

@media (min-width: 1860px) {
  .cm_visual_text .text, .cm_visual_text_pilatus_location .text, .cm_visual_text .headline, .cm_visual_text_pilatus_location .headline {
    width: 80%;
  }
}

.cc_ready.anim_running .cm_visual_text .headline, .cc_ready.anim_running .cm_visual_text_pilatus_location .headline, .cc_ready.anim_running .cm_visual_text .text, .cc_ready.anim_running .cm_visual_text_pilatus_location .text {
  -webkit-transition: color 300ms linear;
  -moz-transition: color 300ms linear;
  transition: color 300ms linear;
}

.cc_scheme_default .cm_visual_text .headline, .cc_scheme_default .cm_visual_text_pilatus_location .headline {
  color: #121619;
}

.cc_scheme_dark .cm_visual_text .headline, .cc_scheme_dark .cm_visual_text_pilatus_location .headline {
  color: white;
}

.cc_scheme_default .cm_visual_text .text, .cc_scheme_default .cm_visual_text_pilatus_location .text {
  color: #121619;
}

.cc_scheme_dark .cm_visual_text .text, .cc_scheme_dark .cm_visual_text_pilatus_location .text {
  color: white;
}

/* =====================================================================================================================
 MODULE NAME
/*=======================================================================================================================*/
.cm_visual_text_pilatus_location {
  /*
	ColorChange ---------------------------------------------------------------
*/
}

.cm_visual_text_pilatus_location .person_container {
  position: relative;
  display: grid;
}

@media (max-width: 767px) {
  .cm_visual_text_pilatus_location .person_container {
    grid-template-columns: 100px auto;
  }
}

@media (min-width: 768px) {
  .cm_visual_text_pilatus_location .person_container {
    grid-template-columns: 125px auto;
  }
}

.cm_visual_text_pilatus_location .person_image_container {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
}

.cm_visual_text_pilatus_location .person_image_container .image_item {
  padding-bottom: 100%;
  border-radius: 6px;
}

.cm_visual_text_pilatus_location .text {
  position: relative;
}

@media (max-width: 767px) {
  .cm_visual_text_pilatus_location .text {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .cm_visual_text_pilatus_location .text {
    margin-bottom: 30px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_visual_text_pilatus_location .text {
    width: 90%;
  }
}

@media (min-width: 1860px) {
  .cm_visual_text_pilatus_location .text {
    width: 80%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_visual_text_pilatus_location .headline {
    width: 90%;
  }
}

@media (min-width: 1860px) {
  .cm_visual_text_pilatus_location .headline {
    width: 80%;
  }
}

.cm_visual_text_pilatus_location .person_text_container {
  padding-left: 20px;
}

.cm_visual_text_pilatus_location .role_text {
  color: #878d96;
}

.cm_visual_text_pilatus_location .person_text {
  position: relative;
}

@media (max-width: 767px) {
  .cm_visual_text_pilatus_location .person_text {
    margin-top: -2px;
  }
}

@media (min-width: 768px) {
  .cm_visual_text_pilatus_location .person_text {
    margin-top: -4px;
  }
}

.cc_ready.anim_running .cm_visual_text_pilatus_location .headline, .cc_ready.anim_running .cm_visual_text_pilatus_location .text, .cc_ready.anim_running .cm_visual_text_pilatus_location .person_text {
  -webkit-transition: color 300ms linear;
  -moz-transition: color 300ms linear;
  transition: color 300ms linear;
}

.cc_scheme_default .cm_visual_text_pilatus_location .headline {
  color: #121619;
}

.cc_scheme_dark .cm_visual_text_pilatus_location .headline {
  color: white;
}

.cc_scheme_default .cm_visual_text_pilatus_location .text {
  color: #121619;
}

.cc_scheme_dark .cm_visual_text_pilatus_location .text {
  color: white;
}

.cc_scheme_default .cm_visual_text_pilatus_location .person_text {
  color: #121619;
}

.cc_scheme_dark .cm_visual_text_pilatus_location .person_text {
  color: white;
}

/* =====================================================================================================================
 CM IMAGE GALLERY SWIPE
/*=======================================================================================================================*/
.cm_image_gallery_swipe {
  /*
	Color Schemes ------------------------------------------------------------------------------------------------------
*/
}

.cm_image_gallery_swipe .inner_cm {
  position: relative;
}

.cm_image_gallery_swipe .headline {
  position: relative;
}

@media (min-width: 768px) {
  .cm_image_gallery_swipe .headline {
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .cm_image_gallery_swipe .headline {
    margin-bottom: 30px;
    margin-left: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_image_gallery_swipe .headline {
    margin-left: 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_image_gallery_swipe .headline {
    margin-left: 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_image_gallery_swipe .headline {
    margin-left: 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_image_gallery_swipe .headline {
    margin-left: 40px;
  }
}

@media (min-width: 1860px) {
  .cm_image_gallery_swipe .headline {
    margin-left: 40px;
  }
}

.cc_ready.anim_running .cm_image_gallery_swipe .caption {
  -webkit-transition: color 300ms linear, background-color 300ms linear;
  -moz-transition: color 300ms linear, background-color 300ms linear;
  transition: color 300ms linear, background-color 300ms linear;
}

.cc_scheme_default .cm_image_gallery_swipe .caption {
  color: #121619;
}

.cc_scheme_dark .cm_image_gallery_swipe .caption {
  color: white;
}

/* =====================================================================================================================
 CM IMAGE GALLERY GRID
/*=======================================================================================================================*/
.cm_image_gallery_grid .inner_cm {
  position: relative;
}

.cm_image_gallery_grid .image_item {
  padding-bottom: 83%;
}

.cm_image_gallery_grid .caption {
  margin-top: 10px;
}

@media (max-width: 767px) {
  .cm_image_gallery_grid .has_one_slide .image_item {
    padding-bottom: 75%;
  }
}

@media (min-width: 768px) {
  .cm_image_gallery_grid .has_one_slide .image_item {
    padding-bottom: 56%;
  }
}

/* =====================================================================================================================
 CM NEWS
/*=======================================================================================================================*/
.cm_news .inner_cm {
  position: relative;
}

.cm_news #lazy_baby_target {
  position: relative;
  -webkit-transition: opacity 300ms linear;
  -moz-transition: opacity 300ms linear;
  transition: opacity 300ms linear;
}

/* =====================================================================================================================
 CM PHOTOGRID
/*=======================================================================================================================*/
.cm_photogrid {
  position: relative;
  margin-bottom: 130px;
}

.cm_photogrid .inner_cm {
  position: relative;
}

.cm_photogrid .photogrid {
  position: relative;
  margin-left: 0.2%;
  margin-right: 0.2%;
}

.cm_photogrid .photogrid_row {
  position: relative;
  width: 100%;
  display: flex;
  max-height: 350px;
}

.cm_photogrid .photogrid_image {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  border-radius: 3px;
}

@media (max-width: 767px) {
  .cm_photogrid .photogrid_image {
    margin: 0.4%;
  }
}

@media (min-width: 768px) {
  .cm_photogrid .photogrid_image {
    margin: 0.2%;
  }
}

.cm_photogrid .photogrid_image:hover img {
  -webkit-transform: scale(1.00001);
  -moz-transform: scale(1.00001);
  transform: scale(1.00001);
}

.cm_photogrid img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: transform 200ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: transform 200ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 200ms cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  transform: scale(1.05);
}

.cm_photogrid .photogrid_container {
  position: relative;
  -webkit-transition: opacity 200ms linear;
  -moz-transition: opacity 200ms linear;
  transition: opacity 200ms linear;
}

/* =====================================================================================================================
 CM SCROLLVIDEO
/*=======================================================================================================================*/
.cm_scrollvideo .inner_cm {
  position: relative;
}

.cm_scrollvideo .scrollvideo_item {
  position: relative;
  opacity: 0;
  height: 140vh;
}

.cm_scrollvideo .scrollvideo_item:first-child {
  height: 180vh;
}

@media (max-width: 767px) {
  .cm_scrollvideo .headline {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_scrollvideo .headline {
    width: 90%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_scrollvideo .headline {
    width: 80%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_scrollvideo .headline {
    width: 70%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_scrollvideo .headline {
    width: 60%;
  }
}

@media (min-width: 1860px) {
  .cm_scrollvideo .headline {
    width: 50%;
  }
}

.cm_scrollvideo .content_frame {
  position: absolute;
}

@media (max-width: 767px) {
  .cm_scrollvideo .content_frame {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_scrollvideo .content_frame {
    width: 90%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_scrollvideo .content_frame {
    width: 80%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_scrollvideo .content_frame {
    width: 70%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_scrollvideo .content_frame {
    width: 60%;
  }
}

@media (min-width: 1860px) {
  .cm_scrollvideo .content_frame {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .cm_scrollvideo .content_frame {
    width: 80%;
    top: 200px;
    -webkit-transform: translate3d(0, -90px, 0) ;
    -moz-transform: translate3d(0, -90px, 0) ;
    transform: translate3d(0, -90px, 0) ;
  }
}

@media (min-width: 768px) {
  .cm_scrollvideo .content_frame {
    top: 200px;
  }
}

.cm_scrollvideo .content_frame.content_color_black *:not(.hoverscale):not(.btn_pill):not(.buttons):not(.label) {
  color: #121619 !important;
  border-top-color: rgba(18, 22, 25, 0.25) !important;
  border-bottom-color: rgba(18, 22, 25, 0.25) !important;
}

.cm_scrollvideo .content_frame.content_color_white *:not(.hoverscale):not(.btn_pill):not(.buttons):not(.label) {
  color: white !important;
  border-top-color: rgba(255, 255, 255, 0.25) !important;
  border-bottom-color: rgba(255, 255, 255, 0.25) !important;
}

.cm_scrollvideo .slide {
  position: absolute;
  opacity: 0;
  width: 100%;
  -webkit-transition: opacity 200ms linear, transform 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 300ms;
  -moz-transition: opacity 200ms linear, transform 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 300ms;
  transition: opacity 200ms linear, transform 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 300ms;
}

.scroll_up .cm_scrollvideo .slide {
  -webkit-transform: translate3d(0, 60px, 0) ;
  -moz-transform: translate3d(0, 60px, 0) ;
  transform: translate3d(0, 60px, 0) ;
}

.scroll_down .cm_scrollvideo .slide {
  -webkit-transform: translate3d(0, -60px, 0) ;
  -moz-transform: translate3d(0, -60px, 0) ;
  transform: translate3d(0, -60px, 0) ;
}

.cm_scrollvideo .slide.show {
  -webkit-transition: opacity 350ms linear, transform 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0ms;
  -moz-transition: opacity 350ms linear, transform 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0ms;
  transition: opacity 350ms linear, transform 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0ms;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) ;
  -moz-transform: translate3d(0, 0, 0) ;
  transform: translate3d(0, 0, 0) ;
}

.cm_scrollvideo .scrollvideo_canvas {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  z-index: 0;
  max-width: 100vw;
  max-height: 100vh;
  width: 100vw;
  height: 100vh;
}

/* =====================================================================================================================
 CM VISUAL COMPOSITION MIT BACKGROUND IMAGE
/*=======================================================================================================================*/
.cm_visual_composition_background_image .inner_cm {
  position: relative;
}

.cm_visual_composition_background_image .composition_container {
  position: relative;
  z-index: 1;
}

.cm_visual_composition_background_image .image_container {
  position: relative;
}

@media (max-width: 767px) {
  .cm_visual_composition_background_image .image_container {
    margin-top: -80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_visual_composition_background_image .image_container {
    margin-top: -180px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_visual_composition_background_image .image_container {
    margin-top: -200px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_visual_composition_background_image .image_container {
    margin-top: -300px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_visual_composition_background_image .image_container {
    margin-top: -350px;
  }
}

@media (min-width: 1860px) {
  .cm_visual_composition_background_image .image_container {
    margin-top: -400px;
  }
}

.cm_visual_composition_background_image .show3 {
  padding-top: 100px;
}

/* =====================================================================================================================
 cm_visual_composition_text_background_visual
/*=======================================================================================================================*/
.cm_visual_composition_text_background_visual > .inner_cm {
  position: relative;
}

.cm_visual_composition_text_background_visual > .inner_cm > .content_container {
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .cm_visual_composition_text_background_visual > .inner_cm > .content_container {
    margin-bottom: 70px;
    padding-top: 80px;
  }
}

@media (min-width: 768px) {
  .cm_visual_composition_text_background_visual > .inner_cm > .content_container {
    margin-bottom: 170px;
    padding-top: 160px;
  }
}

@media (max-width: 767px) {
  .cm_visual_composition_text_background_visual .headline, .cm_visual_composition_text_background_visual .text {
    margin-left: 20px;
    margin-right: 20px;
    hyphens: auto;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_visual_composition_text_background_visual .headline, .cm_visual_composition_text_background_visual .text {
    margin-left: 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_visual_composition_text_background_visual .headline, .cm_visual_composition_text_background_visual .text {
    margin-left: 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_visual_composition_text_background_visual .headline, .cm_visual_composition_text_background_visual .text {
    margin-left: 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_visual_composition_text_background_visual .headline, .cm_visual_composition_text_background_visual .text {
    margin-left: 40px;
  }
}

@media (min-width: 1860px) {
  .cm_visual_composition_text_background_visual .headline, .cm_visual_composition_text_background_visual .text {
    margin-left: 40px;
  }
}

.cm_visual_composition_text_background_visual .headline.color_black, .cm_visual_composition_text_background_visual .text.color_black {
  color: #121619;
}

.cm_visual_composition_text_background_visual .headline.color_white, .cm_visual_composition_text_background_visual .text.color_white {
  color: white;
}

@media (max-width: 767px) {
  .cm_visual_composition_text_background_visual .headline {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .cm_visual_composition_text_background_visual .headline {
    margin-bottom: 30px;
  }
}

.cm_visual_composition_text_background_visual .image_container {
  position: relative;
}

@media (max-width: 767px) {
  .cm_visual_composition_text_background_visual .image_container {
    margin-top: -80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_visual_composition_text_background_visual .image_container {
    margin-top: -180px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_visual_composition_text_background_visual .image_container {
    margin-top: -200px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_visual_composition_text_background_visual .image_container {
    margin-top: -300px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_visual_composition_text_background_visual .image_container {
    margin-top: -350px;
  }
}

@media (min-width: 1860px) {
  .cm_visual_composition_text_background_visual .image_container {
    margin-top: -400px;
  }
}

.cm_visual_composition_text_background_visual .claim {
  position: absolute;
  left: 0;
  bottom: 0;
  padding-left: 20px;
}

@media (max-width: 767px) {
  .cm_visual_composition_text_background_visual .claim {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_visual_composition_text_background_visual .claim {
    margin-left: 40px;
    margin-bottom: 80px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_visual_composition_text_background_visual .claim {
    margin-left: 40px;
    margin-bottom: 80px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_visual_composition_text_background_visual .claim {
    margin-left: 40px;
    margin-bottom: 80px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_visual_composition_text_background_visual .claim {
    margin-left: 40px;
    margin-bottom: 80px;
  }
}

@media (min-width: 1860px) {
  .cm_visual_composition_text_background_visual .claim {
    margin-left: 40px;
    margin-bottom: 80px;
  }
}

.cm_visual_composition_text_background_visual .claim .color_black {
  color: #121619;
}

.cm_visual_composition_text_background_visual .claim .color_white {
  color: white;
}

.cm_visual_composition_text_background_visual .claim .claimtext {
  position: relative;
}

@media (max-width: 767px) {
  .cm_visual_composition_text_background_visual .claim .claimtext {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .cm_visual_composition_text_background_visual .claim .claimtext {
    margin-bottom: 40px;
  }
}

.cm_visual_composition_text_background_visual .claim .vertical_line {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 0;
  -webkit-transition: height 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: height 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: height 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.cm_visual_composition_text_background_visual .claim .vertical_line.color_black {
  background-color: #121619;
}

.cm_visual_composition_text_background_visual .claim .vertical_line.color_white {
  background-color: white;
}

.cm_visual_composition_text_background_visual .claim.come_in .vertical_line {
  height: calc(100% - 0.05em);
}

.cm_visual_composition_text_background_visual .svg_inline {
  position: relative;
  width: 200%;
  height: 46px;
}

@media (max-width: 767px) {
  .cm_visual_composition_text_background_visual .svg_inline {
    width: 70%;
  }
}

.cm_visual_composition_text_background_visual .svg_inline svg {
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) and (max-width: 767px) {
  .cm_visual_composition_text_background_visual .headline, .cm_visual_composition_text_background_visual .text, .cm_visual_composition_text_background_visual .claim {
    width: 100%;
  }
}

@media (min-width: 768px) and (min-width: 768px) and (max-width: 1023px) {
  .cm_visual_composition_text_background_visual .headline, .cm_visual_composition_text_background_visual .text, .cm_visual_composition_text_background_visual .claim {
    width: 90%;
  }
}

@media (min-width: 768px) and (min-width: 1024px) and (max-width: 1279px) {
  .cm_visual_composition_text_background_visual .headline, .cm_visual_composition_text_background_visual .text, .cm_visual_composition_text_background_visual .claim {
    width: 80%;
  }
}

@media (min-width: 768px) and (min-width: 1280px) and (max-width: 1499px) {
  .cm_visual_composition_text_background_visual .headline, .cm_visual_composition_text_background_visual .text, .cm_visual_composition_text_background_visual .claim {
    width: 70%;
  }
}

@media (min-width: 768px) and (min-width: 1500px) and (max-width: 1859px) {
  .cm_visual_composition_text_background_visual .headline, .cm_visual_composition_text_background_visual .text, .cm_visual_composition_text_background_visual .claim {
    width: 60%;
  }
}

@media (min-width: 768px) and (min-width: 1860px) {
  .cm_visual_composition_text_background_visual .headline, .cm_visual_composition_text_background_visual .text, .cm_visual_composition_text_background_visual .claim {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .cm_visual_composition_text_background_visual .button_container {
    margin-left: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_visual_composition_text_background_visual .button_container {
    margin-left: 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_visual_composition_text_background_visual .button_container {
    margin-left: 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_visual_composition_text_background_visual .button_container {
    margin-left: 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_visual_composition_text_background_visual .button_container {
    margin-left: 40px;
  }
}

@media (min-width: 1860px) {
  .cm_visual_composition_text_background_visual .button_container {
    margin-left: 40px;
  }
}

.cm_visual_composition_text_background_visual .composition_container {
  position: relative;
  z-index: 1;
}

.cm_visual_composition_text_background_visual .composition_container.color_black .caption {
  color: #121619;
}

.cm_visual_composition_text_background_visual .composition_container.color_white .caption {
  color: white;
}

.cm_visual_composition_text_background_visual .color_fade_bottom {
  opacity: 0.5;
}

@media (max-width: 767px) {
  .cm_visual_composition_text_background_visual .color_fade_bottom {
    height: 60%;
  }
}

.cm_visual_composition_text_background_visual .show3 {
  padding-top: 100px;
}

/* =====================================================================================================================
 CM HEADLINE
/*=======================================================================================================================*/
.cm_headline {
  /*
			ColorChange ---------------------------------------------------------------
		*/
}

.cm_headline .inner_cm {
  position: relative;
}

.cm_headline .headline {
  position: relative;
}

@media (max-width: 767px) {
  .cm_headline .headline {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_headline .headline {
    width: 90%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_headline .headline {
    width: 80%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_headline .headline {
    width: 70%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_headline .headline {
    width: 60%;
  }
}

@media (min-width: 1860px) {
  .cm_headline .headline {
    width: 50%;
  }
}

.cc_ready.anim_running .cm_headline .headline {
  -webkit-transition: color 300ms linear;
  -moz-transition: color 300ms linear;
  transition: color 300ms linear;
}

.cc_scheme_default .cm_headline .headline {
  color: #121619;
}

.cc_scheme_dark .cm_headline .headline {
  color: white;
}

/* =====================================================================================================================
 CM TEXT EDITOR
/*=======================================================================================================================*/
.cm_text_editor {
  /*
			ColorChange ---------------------------------------------------------------
		*/
}

.cm_text_editor .inner_cm {
  position: relative;
}

.cm_text_editor .item {
  position: relative;
}

@media (max-width: 767px) {
  .cm_text_editor .item {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_text_editor .item {
    width: 90%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_text_editor .item {
    width: 80%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_text_editor .item {
    width: 70%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_text_editor .item {
    width: 60%;
  }
}

@media (min-width: 1860px) {
  .cm_text_editor .item {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .cm_text_editor .align_right {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_text_editor .align_right {
    width: 90%;
    margin-left: 10%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_text_editor .align_right {
    width: 80%;
    margin-left: 20%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_text_editor .align_right {
    width: 70%;
    margin-left: 30%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_text_editor .align_right {
    width: 60%;
    margin-left: 40%;
  }
}

@media (min-width: 1860px) {
  .cm_text_editor .align_right {
    width: 50%;
    margin-left: 50%;
  }
}

@media (min-width: 768px) {
  .cm_text_editor .align_right .text_container {
    padding-right: 10%;
  }
}

.cm_text_editor .text_container > *:last-child {
  margin-bottom: 0 !important;
}

.cm_text_editor .text_container a {
  color: inherit;
  padding-bottom: 0;
  border-bottom: 1px solid;
  -webkit-transition: color 100ms linear;
  -moz-transition: color 100ms linear;
  transition: color 100ms linear;
  border-bottom-color: #0754e9;
  /*
		Color Schemes ------------------------------------------------------------------------------------------------------
	*/
}

.cm_text_editor .text_container a:hover {
  color: #0754e9;
}

.cm_text_editor .text a, .cm_text_editor .lead a {
  color: inherit;
  padding-bottom: 0;
  border-bottom: 1px solid;
  -webkit-transition: color 100ms linear;
  -moz-transition: color 100ms linear;
  transition: color 100ms linear;
  border-bottom-color: #0754e9;
  /*
		Color Schemes ------------------------------------------------------------------------------------------------------
	*/
}

.cm_text_editor .text a:hover, .cm_text_editor .lead a:hover {
  color: #0754e9;
}

@media (max-width: 767px) {
  .cm_text_editor .text {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .cm_text_editor .text {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .cm_text_editor .zwischentitel {
    margin-top: 40px;
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .cm_text_editor .zwischentitel {
    margin-top: 60px;
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .cm_text_editor .lead {
    margin-bottom: 60px;
  }
}

@media (min-width: 768px) {
  .cm_text_editor .lead {
    margin-bottom: 90px;
  }
}

@media (max-width: 767px) {
  .cm_text_editor ul, .cm_text_editor ol {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .cm_text_editor ul, .cm_text_editor ol {
    margin-bottom: 30px;
  }
}

@media (max-width: 1023px) {
  .cm_text_editor ul {
    margin-left: 19px;
  }
}

@media (min-width: 1024px) {
  .cm_text_editor ul {
    padding-left: 19px;
  }
}

.cm_text_editor ol {
  list-style-type: decimal-leading-zero;
}

@media (max-width: 1023px) {
  .cm_text_editor ol {
    margin-left: 27px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_text_editor ol {
    padding-left: 30px;
  }
}

@media (min-width: 1024px) {
  .cm_text_editor ol {
    padding-left: 34px;
  }
}

.cm_text_editor li::marker {
  margin-bottom: 10px;
}

.cm_text_editor li:not(.text3) {
  margin-bottom: 10px;
}

.cm_text_editor li p {
  margin-bottom: 10px !important;
}

@media (max-width: 767px) {
  .cm_text_editor .content_module {
    margin-top: 90px;
    margin-bottom: 85px;
  }
}

@media (min-width: 768px) {
  .cm_text_editor .content_module {
    margin-top: 160px;
    margin-bottom: 155px;
  }
}

.cm_text_editor > *:last-child {
  margin-bottom: 0;
}

.cm_text_editor .button_item {
  position: relative;
  padding-top: 75px;
}

.cc_ready.anim_running .cm_text_editor .headline, .cc_ready.anim_running .cm_text_editor .text {
  -webkit-transition: color 300ms linear;
  -moz-transition: color 300ms linear;
  transition: color 300ms linear;
}

.cc_scheme_default .cm_text_editor .text {
  color: #121619;
}

.cc_scheme_dark .cm_text_editor .text {
  color: white;
}

/* =====================================================================================================================
 CM LIST TEXT 2 COLUMNS SCROLLING
/*=======================================================================================================================*/
.cm_list_text_2_columns_scrolling {
  /*
		ColorChange ---------------------------------------------------------------
	*/
}

.cm_list_text_2_columns_scrolling .inner_cm {
  position: relative;
}

@media (min-width: 768px) {
  .cm_list_text_2_columns_scrolling .content_container {
    display: grid;
    grid-template-columns: 50% 50%;
  }
}

.cm_list_text_2_columns_scrolling .headline {
  position: relative;
}

@media (max-width: 767px) {
  .cm_list_text_2_columns_scrolling .headline {
    margin-bottom: 50px;
  }
}

.cm_list_text_2_columns_scrolling .fixed_scroll_child {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_list_text_2_columns_scrolling .fixed_scroll_child {
    padding-top: 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_list_text_2_columns_scrolling .fixed_scroll_child {
    padding-top: 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_list_text_2_columns_scrolling .fixed_scroll_child {
    padding-top: 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_list_text_2_columns_scrolling .fixed_scroll_child {
    padding-top: 40px;
  }
}

@media (min-width: 1860px) {
  .cm_list_text_2_columns_scrolling .fixed_scroll_child {
    padding-top: 40px;
  }
}

.cm_list_text_2_columns_scrolling .fixed_scroll_child.fixed {
  position: fixed;
}

@media (max-width: 767px) {
  .cm_list_text_2_columns_scrolling .fixed_scroll_child.fixed {
    margin-left: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_list_text_2_columns_scrolling .fixed_scroll_child.fixed {
    margin-left: 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_list_text_2_columns_scrolling .fixed_scroll_child.fixed {
    margin-left: 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_list_text_2_columns_scrolling .fixed_scroll_child.fixed {
    margin-left: 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_list_text_2_columns_scrolling .fixed_scroll_child.fixed {
    margin-left: 40px;
  }
}

@media (min-width: 1860px) {
  .cm_list_text_2_columns_scrolling .fixed_scroll_child.fixed {
    margin-left: 40px;
  }
}

.cm_list_text_2_columns_scrolling .placeholder {
  position: fixed;
  opacity: 0;
  width: 0;
  height: 0;
}

.cm_list_text_2_columns_scrolling .items_container {
  position: relative;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_list_text_2_columns_scrolling .items_container {
    padding-top: 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_list_text_2_columns_scrolling .items_container {
    padding-top: 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_list_text_2_columns_scrolling .items_container {
    padding-top: 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_list_text_2_columns_scrolling .items_container {
    padding-top: 40px;
  }
}

@media (min-width: 1860px) {
  .cm_list_text_2_columns_scrolling .items_container {
    padding-top: 40px;
  }
}

.cm_list_text_2_columns_scrolling .items_container .item {
  position: relative;
  border-bottom: 1px solid;
}

@media (max-width: 767px) {
  .cm_list_text_2_columns_scrolling .items_container .item {
    padding-top: 35px;
    padding-bottom: 35px;
    padding-right: 10px;
  }
}

@media (min-width: 768px) {
  .cm_list_text_2_columns_scrolling .items_container .item {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_list_text_2_columns_scrolling .items_container .item {
    padding-right: 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_list_text_2_columns_scrolling .items_container .item {
    padding-right: 30px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_list_text_2_columns_scrolling .items_container .item {
    padding-right: 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_list_text_2_columns_scrolling .items_container .item {
    padding-right: 70px;
  }
}

@media (min-width: 1860px) {
  .cm_list_text_2_columns_scrolling .items_container .item {
    padding-right: 90px;
  }
}

.cm_list_text_2_columns_scrolling .items_container .item:first-child {
  padding-top: 0;
}

.cm_list_text_2_columns_scrolling .items_container .item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

@media (max-width: 767px) {
  .cm_list_text_2_columns_scrolling .items_container .title {
    margin-bottom: 15px;
  }
}

@media (min-width: 768px) {
  .cm_list_text_2_columns_scrolling .items_container .title {
    margin-bottom: 28px;
  }
}

.cm_list_text_2_columns_scrolling .items_container a {
  color: inherit;
  padding-bottom: 0;
  border-bottom: 1px solid;
  -webkit-transition: color 100ms linear;
  -moz-transition: color 100ms linear;
  transition: color 100ms linear;
  border-bottom-color: #0754e9;
  /*
		Color Schemes ------------------------------------------------------------------------------------------------------
	*/
}

.cm_list_text_2_columns_scrolling .items_container a:hover {
  color: #0754e9;
}

.cm_list_text_2_columns_scrolling .items_container > *:last-child {
  margin-bottom: 0 !important;
}

.cm_list_text_2_columns_scrolling .items_container .text a, .cm_list_text_2_columns_scrolling .items_container .lead a {
  color: inherit;
  padding-bottom: 0;
  border-bottom: 1px solid;
  -webkit-transition: color 100ms linear;
  -moz-transition: color 100ms linear;
  transition: color 100ms linear;
  border-bottom-color: #0754e9;
  /*
		Color Schemes ------------------------------------------------------------------------------------------------------
	*/
}

.cm_list_text_2_columns_scrolling .items_container .text a:hover, .cm_list_text_2_columns_scrolling .items_container .lead a:hover {
  color: #0754e9;
}

@media (max-width: 767px) {
  .cm_list_text_2_columns_scrolling .items_container .text {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .cm_list_text_2_columns_scrolling .items_container .text {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .cm_list_text_2_columns_scrolling .items_container .zwischentitel {
    margin-top: 40px;
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .cm_list_text_2_columns_scrolling .items_container .zwischentitel {
    margin-top: 60px;
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .cm_list_text_2_columns_scrolling .items_container .lead {
    margin-bottom: 60px;
  }
}

@media (min-width: 768px) {
  .cm_list_text_2_columns_scrolling .items_container .lead {
    margin-bottom: 90px;
  }
}

@media (max-width: 767px) {
  .cm_list_text_2_columns_scrolling .items_container ul, .cm_list_text_2_columns_scrolling .items_container ol {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .cm_list_text_2_columns_scrolling .items_container ul, .cm_list_text_2_columns_scrolling .items_container ol {
    margin-bottom: 30px;
  }
}

@media (max-width: 1023px) {
  .cm_list_text_2_columns_scrolling .items_container ul {
    margin-left: 19px;
  }
}

@media (min-width: 1024px) {
  .cm_list_text_2_columns_scrolling .items_container ul {
    padding-left: 19px;
  }
}

.cm_list_text_2_columns_scrolling .items_container ol {
  list-style-type: decimal-leading-zero;
}

@media (max-width: 1023px) {
  .cm_list_text_2_columns_scrolling .items_container ol {
    margin-left: 27px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_list_text_2_columns_scrolling .items_container ol {
    padding-left: 30px;
  }
}

@media (min-width: 1024px) {
  .cm_list_text_2_columns_scrolling .items_container ol {
    padding-left: 34px;
  }
}

.cm_list_text_2_columns_scrolling .items_container li::marker {
  margin-bottom: 10px;
}

.cm_list_text_2_columns_scrolling .items_container li:not(.text3) {
  margin-bottom: 10px;
}

.cm_list_text_2_columns_scrolling .items_container li p {
  margin-bottom: 10px !important;
}

@media (max-width: 767px) {
  .cm_list_text_2_columns_scrolling .items_container .content_module {
    margin-top: 90px;
    margin-bottom: 85px;
  }
}

@media (min-width: 768px) {
  .cm_list_text_2_columns_scrolling .items_container .content_module {
    margin-top: 160px;
    margin-bottom: 155px;
  }
}

.cm_list_text_2_columns_scrolling .items_container > *:last-child {
  margin-bottom: 0;
}

.cc_ready.anim_running .cm_list_text_2_columns_scrolling .title, .cc_ready.anim_running .cm_list_text_2_columns_scrolling .headline, .cc_ready.anim_running .cm_list_text_2_columns_scrolling p {
  -webkit-transition: color 300ms linear;
  -moz-transition: color 300ms linear;
  transition: color 300ms linear;
}

.cc_ready.anim_running .cm_list_text_2_columns_scrolling .item {
  -webkit-transition: border-color 300ms linear;
  -moz-transition: border-color 300ms linear;
  transition: border-color 300ms linear;
}

.cc_scheme_default .cm_list_text_2_columns_scrolling .title {
  color: #121619;
}

.cc_scheme_lightgrey .cm_list_text_2_columns_scrolling .title {
  color: #121619;
}

.cc_scheme_dark .cm_list_text_2_columns_scrolling .title {
  color: white;
}

.cc_scheme_default .cm_list_text_2_columns_scrolling .headline {
  color: #121619;
}

.cc_scheme_lightgrey .cm_list_text_2_columns_scrolling .headline {
  color: #121619;
}

.cc_scheme_dark .cm_list_text_2_columns_scrolling .headline {
  color: white;
}

.cc_scheme_default .cm_list_text_2_columns_scrolling .item {
  border-color: #dde1e6;
}

.cc_scheme_lightgrey .cm_list_text_2_columns_scrolling .item {
  border-color: #dde1e6;
}

.cc_scheme_dark .cm_list_text_2_columns_scrolling .item {
  border-color: #4d5358;
}

.cc_scheme_default .cm_list_text_2_columns_scrolling p {
  color: #121619;
}

.cc_scheme_lightgrey .cm_list_text_2_columns_scrolling p {
  color: #121619;
}

.cc_scheme_dark .cm_list_text_2_columns_scrolling p {
  color: white;
}

/* =====================================================================================================================
 CM TESTIMONIAL TEXT
/*=======================================================================================================================*/
.cm_testimonial_text .inner_cm {
  position: relative;
}

.cm_testimonial_text .vertical_line {
  position: absolute;
  left: 0;
  height: 0;
  width: 1px;
  -webkit-transition: height 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: height 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: height 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@media (max-width: 1279px) {
  .cm_testimonial_text .vertical_line {
    bottom: 0.45em;
  }
}

@media (min-width: 1280px) {
  .cm_testimonial_text .vertical_line {
    bottom: 0.4em;
  }
  .win .cm_testimonial_text .vertical_line {
    bottom: 0.38em;
  }
}

@media (max-width: 767px) {
  .cm_testimonial_text.align_right .text_container {
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_testimonial_text.align_right .text_container {
    margin-left: 10%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_testimonial_text.align_right .text_container {
    margin-left: 20%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_testimonial_text.align_right .text_container {
    margin-left: 30%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_testimonial_text.align_right .text_container {
    margin-left: 40%;
  }
}

@media (min-width: 1860px) {
  .cm_testimonial_text.align_right .text_container {
    margin-left: 40%;
  }
}

.cm_testimonial_text .text_container {
  position: relative;
}

@media (max-width: 767px) {
  .cm_testimonial_text .text_container {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_testimonial_text .text_container {
    width: 90%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_testimonial_text .text_container {
    width: 80%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_testimonial_text .text_container {
    width: 70%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_testimonial_text .text_container {
    width: 60%;
  }
}

@media (min-width: 1860px) {
  .cm_testimonial_text .text_container {
    width: 50%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_testimonial_text .text_container {
    padding-right: 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_testimonial_text .text_container {
    padding-right: 35px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_testimonial_text .text_container {
    padding-right: 50px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_testimonial_text .text_container {
    padding-right: 65px;
  }
}

@media (min-width: 1860px) {
  .cm_testimonial_text .text_container {
    padding-right: 80px;
  }
}

.cm_testimonial_text .text_container .inner_text_container {
  padding-left: 20px;
}

@media (max-width: 1023px) {
  .cm_testimonial_text .text_container .quote {
    margin-bottom: 20px;
  }
}

@media (min-width: 1024px) {
  .cm_testimonial_text .text_container .quote {
    margin-bottom: 30px;
  }
}

@media (max-width: 1279px) {
  .cm_testimonial_text.come_in .vertical_line,
  .cm_testimonial_text.already_visible .vertical_line {
    height: calc(100% - 0.455em);
  }
}

@media (min-width: 1280px) {
  .cm_testimonial_text.come_in .vertical_line,
  .cm_testimonial_text.already_visible .vertical_line {
    height: calc(100% - 0.4em);
  }
  .win .cm_testimonial_text.come_in .vertical_line, .win
  .cm_testimonial_text.already_visible .vertical_line {
    height: calc(100% - 0.75em);
  }
}

.cc_ready.anim_running .cm_testimonial_text .quote, .cc_ready.anim_running .cm_testimonial_text .name, .cc_ready.anim_running .cm_testimonial_text .line1, .cc_ready.anim_running .cm_testimonial_text .line2 {
  -webkit-transition: color 300ms linear;
  -moz-transition: color 300ms linear;
  transition: color 300ms linear;
}

.cc_ready.anim_running .cm_testimonial_text .vertical_line {
  -webkit-transition: background-color 300ms linears;
  -moz-transition: background-color 300ms linears;
  transition: background-color 300ms linears;
}

.cc_scheme_default .cm_testimonial_text .vertical_line {
  background-color: #121619;
}

.cc_scheme_dark .cm_testimonial_text .vertical_line {
  background-color: white;
}

.cc_scheme_default .cm_testimonial_text .quote {
  color: #121619;
}

.cc_scheme_dark .cm_testimonial_text .quote {
  color: white;
}

.cc_scheme_default .cm_testimonial_text .name {
  color: #121619;
}

.cc_scheme_dark .cm_testimonial_text .name {
  color: white;
}

.cc_scheme_default .cm_testimonial_text .line1 {
  color: #121619;
}

.cc_scheme_dark .cm_testimonial_text .line1 {
  color: white;
}

.cc_scheme_default .cm_testimonial_text .line2 {
  color: #121619;
}

.cc_scheme_dark .cm_testimonial_text .line2 {
  color: white;
}

/* =====================================================================================================================
 CM PDF DOWNLOAD
/*=======================================================================================================================*/
.cm_pdfdownload {
  /*
		Color Schemes ------------------------------------------------------------------------------------------------------
	*/
}

.cm_pdfdownload > .inner_cm {
  position: relative;
  background-color: rgba(255, 255, 255, 0.06);
  border-radius: 9px;
}

@media (max-width: 767px) {
  .cm_pdfdownload > .inner_cm {
    padding: 20px;
  }
}

@media (min-width: 768px) {
  .cm_pdfdownload > .inner_cm {
    padding: 40px;
  }
}

.cm_pdfdownload .fileext {
  text-transform: uppercase;
}

.cm_pdfdownload .filename {
  margin-top: -0.15em;
}

@media (min-width: 768px) {
  .cm_pdfdownload .downloads_container {
    display: grid;
    grid-template-columns: 200px auto;
    gap: 40px 40px;
  }
}

.cm_pdfdownload .image_item {
  padding-bottom: 140%;
}

@media (max-width: 767px) {
  .cm_pdfdownload .image_item {
    width: 50%;
    padding-bottom: 70%;
    margin-bottom: 30px;
  }
}

.cm_pdfdownload img {
  border-radius: 3px;
  border: 1px solid rgba(135, 141, 150, 0.15);
}

.content_module .cm_pdfdownload {
  margin-top: 0 !important;
}

.cm_pdfdownload a .filename, .cm_pdfdownload a .text, .cm_pdfdownload a .image_item {
  opacity: 1;
}

.cm_pdfdownload a:hover {
  -webkit-transition: opacity 100ms linear;
  -moz-transition: opacity 100ms linear;
  transition: opacity 100ms linear;
  opacity: 0.7;
}

.cc_ready.anim_running .cm_pdfdownload .text_container, .cc_ready.anim_running .cm_pdfdownload .filename, .cc_ready.anim_running .cm_pdfdownload .text {
  -webkit-transition: color 500ms linear;
  -moz-transition: color 500ms linear;
  transition: color 500ms linear;
}

.cc_ready.anim_running .cm_pdfdownload .inner_cm {
  -webkit-transition: background-color 500ms linear;
  -moz-transition: background-color 500ms linear;
  transition: background-color 500ms linear;
}

.cc_scheme_default .cm_pdfdownload .inner_cm {
  background-color: rgba(18, 22, 25, 0.06);
}

.cc_scheme_lightgrey .cm_pdfdownload .inner_cm {
  background-color: rgba(18, 22, 25, 0.06);
}

.cc_scheme_dark .cm_pdfdownload .inner_cm {
  background-color: rgba(255, 255, 255, 0.06);
}

.cc_scheme_default .cm_pdfdownload .filename {
  color: #121619;
}

.cc_scheme_lightgrey .cm_pdfdownload .filename {
  color: #121619;
}

.cc_scheme_dark .cm_pdfdownload .filename {
  color: white;
}

.cc_scheme_default .cm_pdfdownload .text {
  color: #121619;
}

.cc_scheme_lightgrey .cm_pdfdownload .text {
  color: #121619;
}

.cc_scheme_dark .cm_pdfdownload .text {
  color: white;
}

.cc_scheme_default .cm_pdfdownload .headline {
  color: #121619;
}

.cc_scheme_lightgrey .cm_pdfdownload .headline {
  color: #121619;
}

.cc_scheme_dark .cm_pdfdownload .headline {
  color: white;
}

/* =====================================================================================================================
 CM CONTACT WIDGET SMALL
/*=======================================================================================================================*/
.cm_contact_widget_small {
  /*
		Color Schemes ------------------------------------------------------------------------------------------------------
	*/
}

.cm_contact_widget_small > .inner_cm {
  position: relative;
  border-radius: 9px;
}

@media (max-width: 767px) {
  .cm_contact_widget_small > .inner_cm {
    padding: 20px;
  }
}

@media (min-width: 768px) {
  .cm_contact_widget_small > .inner_cm {
    padding: 40px;
  }
}

.cm_contact_widget_small .headline {
  position: relative;
}

@media (max-width: 767px) {
  .cm_contact_widget_small .headline {
    margin-bottom: 30px;
  }
}

@media (min-width: 768px) {
  .cm_contact_widget_small .headline {
    margin-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .cm_contact_widget_small .btn_icon_reverse_bubble {
    margin-bottom: 15px;
  }
}

@media (min-width: 768px) {
  .cm_contact_widget_small .btn_icon_reverse_bubble {
    margin-bottom: 20px;
  }
}

.cm_contact_widget_small .btn_icon_reverse_bubble:last-child {
  margin-bottom: 0;
}

.cc_ready.anim_running .cm_contact_widget_small .inner_cm {
  -webkit-transition: background-color 500ms linear;
  -moz-transition: background-color 500ms linear;
  transition: background-color 500ms linear;
}

.cc_scheme_default .cm_contact_widget_small .inner_cm {
  background-color: rgba(18, 22, 25, 0.06);
}

.cc_scheme_lightgrey .cm_contact_widget_small .inner_cm {
  background-color: rgba(18, 22, 25, 0.06);
}

.cc_scheme_dark .cm_contact_widget_small .inner_cm {
  background-color: rgba(255, 255, 255, 0.06);
}

/* =====================================================================================================================
 CM FACTS
/*=======================================================================================================================*/
.cm_facts .inner_cm {
  position: relative;
}

.cm_facts .content_container {
  position: relative;
}

.cm_facts .counter_container {
  position: absolute;
  white-space: nowrap;
  color: #588095;
}

@media (max-width: 767px) {
  .cm_facts .counter_container {
    bottom: -0.15em;
    font-size: 72px !important;
  }
}

@media (min-width: 768px) {
  .cm_facts .counter_container {
    bottom: -0.2em;
  }
}

.cm_facts .label {
  position: relative;
  color: #588095;
  padding-right: 60px;
}

@media (max-width: 767px) {
  .cm_facts .label {
    padding-bottom: 80px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_facts .label {
    padding-bottom: 100px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_facts .label {
    padding-bottom: 120px;
  }
}

@media (min-width: 1280px) {
  .cm_facts .label {
    padding-bottom: 150px;
  }
}

.cm_facts .counter {
  position: relative;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .cm_facts .counter {
    line-height: 1em !important;
  }
  .win .cm_facts .counter {
    line-height: 0.8em !important;
  }
}

@media (min-width: 768px) {
  .cm_facts .counter {
    line-height: 0.7em !important;
  }
}

@media (max-width: 767px) {
  .cm_facts .steps_container {
    display: block;
  }
}

@media (min-width: 768px) {
  .cm_facts .steps_container {
    display: grid;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_facts .steps_container.columns_3 {
    grid-template-columns: 36% 36%;
  }
  .cm_facts .steps_container.columns_3 .step_item {
    margin-bottom: 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_facts .steps_container.columns_3 {
    grid-template-columns: 30% 30% 30%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_facts .steps_container.columns_3 {
    grid-template-columns: 26% 26% 26%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_facts .steps_container.columns_3 {
    grid-template-columns: 26% 26% 26%;
  }
}

@media (min-width: 1860px) {
  .cm_facts .steps_container.columns_3 {
    grid-template-columns: 23% 23% 23%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_facts .steps_container.columns_4 {
    grid-template-columns: 40% 40%;
  }
  .cm_facts .steps_container.columns_4 .step_item {
    margin-bottom: 50px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_facts .steps_container.columns_4 {
    grid-template-columns: 40% 40%;
  }
  .cm_facts .steps_container.columns_4 .step_item {
    margin-bottom: 50px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_facts .steps_container.columns_4 {
    grid-template-columns: 24% 24% 24% 24%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_facts .steps_container.columns_4 {
    grid-template-columns: 23% 23% 23% 23%;
  }
}

@media (min-width: 1860px) {
  .cm_facts .steps_container.columns_4 {
    grid-template-columns: 22% 22% 22% 22%;
  }
}

.cm_facts .step_item {
  position: relative;
  padding-left: 20px;
}

@media (max-width: 767px) {
  .cm_facts .step_item {
    display: block;
    margin-bottom: 40px;
  }
  .cm_facts .step_item:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .cm_facts .step_item {
    display: inline-block;
  }
}

.cm_facts .vertical_line {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  background-color: #588095;
  opacity: 0.5;
}

@media (max-width: 1279px) {
  .cm_facts .vertical_line {
    bottom: 0.6em;
  }
  .win .cm_facts .vertical_line {
    top: 4px;
    bottom: 0;
  }
}

@media (min-width: 1280px) {
  .cm_facts .vertical_line {
    bottom: 0.7em;
  }
  .win .cm_facts .vertical_line {
    bottom: 0;
    top: 4px;
  }
}

/* =====================================================================================================================
 CM TEASER LIST CONTACT
/*=======================================================================================================================*/
.cm_teaser_list_contact {
  /*
			Color Schemes ------------------------------------------------------------------------------------------------------
		*/
}

.cm_teaser_list_contact .inner_cm {
  position: relative;
}

.cm_teaser_list_contact .listing_container {
  position: relative;
  border-radius: 9px;
}

@media (max-width: 767px) {
  .cm_teaser_list_contact .listing_container {
    padding: 20px;
  }
}

@media (min-width: 768px) {
  .cm_teaser_list_contact .listing_container {
    padding: 60px;
  }
}

.cm_teaser_list_contact .listing_item {
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: 1px solid;
}

@media (max-width: 767px) {
  .cm_teaser_list_contact .listing_item {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

@media (min-width: 768px) {
  .cm_teaser_list_contact .listing_item {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.cm_teaser_list_contact .listing_item:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.cm_teaser_list_contact .listing_item:first-of-type {
  margin-top: 0;
  padding-top: 0;
}

.cm_teaser_list_contact .listing_item .item_container {
  position: relative;
}

@media (max-width: 767px) {
  .cm_teaser_list_contact .listing_item .item_container {
    width: 75px;
    height: 75px;
    margin-right: 20px;
    flex: 0 0 75px;
  }
}

@media (min-width: 768px) {
  .cm_teaser_list_contact .listing_item .item_container {
    width: 140px;
    height: 140px;
    margin-right: 30px;
    flex: 0 0 140px;
  }
}

.cm_teaser_list_contact .listing_item picture {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: transform 110ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: transform 110ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 110ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.cm_teaser_list_contact .listing_item .image_item {
  padding-bottom: 100%;
  border-radius: 6px;
  overflow: hidden;
}

.cm_teaser_list_contact .listing_item:hover picture {
  -webkit-transform: scale(1.00001);
  -moz-transform: scale(1.00001);
  transform: scale(1.00001);
}

.cm_teaser_list_contact .listing_item:hover .label {
  opacity: 0.7;
}

.cm_teaser_list_contact .label {
  -webkit-transition: opacity 70ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: opacity 70ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: opacity 70ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 1;
}

.cm_teaser_list_contact .title {
  position: relative;
  margin-left: 26px;
}

@media (max-width: 767px) {
  .cm_teaser_list_contact .title {
    margin-bottom: 35px;
  }
}

@media (min-width: 768px) {
  .cm_teaser_list_contact .title {
    margin-bottom: 55px;
  }
}

.cm_teaser_list_contact .title::before {
  content: '';
  position: absolute;
  width: 17px;
  height: 17px;
  border-radius: 17px;
  background-color: #6b94a9;
  margin-left: -26px;
}

.cc_ready.anim_running .cm_teaser_list_contact .title, .cc_ready.anim_running .cm_teaser_list_contact .label, .cc_ready.anim_running .cm_teaser_list_contact .listing_container {
  -webkit-transition: color 300ms linear, background-color 300ms linear;
  -moz-transition: color 300ms linear, background-color 300ms linear;
  transition: color 300ms linear, background-color 300ms linear;
}

.cc_scheme_default .cm_teaser_list_contact .title {
  color: #6b94a9;
}

.cc_scheme_lightgrey .cm_teaser_list_contact .title {
  color: #6b94a9;
}

.cc_scheme_dark .cm_teaser_list_contact .title {
  color: #6b94a9;
}

.cc_scheme_default .cm_teaser_list_contact .label {
  color: #121619;
}

.cc_scheme_lightgrey .cm_teaser_list_contact .label {
  color: #121619;
}

.cc_scheme_dark .cm_teaser_list_contact .label {
  color: white;
}

.cc_scheme_default .cm_teaser_list_contact .listing_container {
  background-color: #f2f4f8;
}

.cc_scheme_lightgrey .cm_teaser_list_contact .listing_container {
  background-color: #dde1e6;
}

.cc_scheme_dark .cm_teaser_list_contact .listing_container {
  background-color: #21272a;
}

.cc_scheme_default .cm_teaser_list_contact .listing_item {
  border-bottom-color: rgba(18, 22, 25, 0.15);
}

.cc_scheme_lightgrey .cm_teaser_list_contact .listing_item {
  border-bottom-color: rgba(18, 22, 25, 0.15);
}

.cc_scheme_dark .cm_teaser_list_contact .listing_item {
  border-bottom-color: rgba(255, 255, 255, 0.15);
}

/* =====================================================================================================================
 CM CARDS CONTACT LOCATION
/*=======================================================================================================================*/
.cm_cards_contact_locations .inner_cm {
  position: relative;
}

.cm_cards_contact_locations .content_container {
  position: relative;
}

@media (min-width: 1024px) {
  .cm_cards_contact_locations .content_container {
    display: grid;
    gap: 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1859px) {
  .cm_cards_contact_locations .content_container {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1860px) {
  .cm_cards_contact_locations .content_container {
    grid-template-columns: repeat(3, 1fr);
  }
}

.cm_cards_contact_locations .card_item {
  position: relative;
  background-color: white;
  border-radius: 9px;
}

@media (max-width: 767px) {
  .cm_cards_contact_locations .card_item {
    padding: 20px;
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_cards_contact_locations .card_item {
    padding: 40px;
    margin-bottom: 20px;
  }
}

@media (min-width: 1024px) {
  .cm_cards_contact_locations .card_item {
    padding: 60px;
  }
}

.cm_cards_contact_locations hr {
  border-top: 1px solid #dde1e6;
  border-bottom: 0;
}

@media (max-width: 1023px) {
  .cm_cards_contact_locations hr {
    margin-bottom: 30px;
  }
}

@media (min-width: 1024px) {
  .cm_cards_contact_locations hr {
    margin-bottom: 60px;
  }
}

.cm_cards_contact_locations .button_container {
  position: relative;
}

@media (max-width: 1023px) {
  .cm_cards_contact_locations .button_container {
    margin-top: 30px;
  }
}

@media (min-width: 1024px) {
  .cm_cards_contact_locations .button_container {
    margin-top: 40px;
  }
}

.cm_cards_contact_locations .svg_inline_icon {
  margin-right: 15px;
}

@media (max-width: 767px) {
  .cm_cards_contact_locations .title_container {
    margin-bottom: 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_cards_contact_locations .title_container {
    margin-bottom: 40px !important;
  }
}

@media (min-width: 768px) {
  .cm_cards_contact_locations .title_container {
    display: flex;
    align-items: center;
    margin-bottom: 60px;
  }
}

@media (max-width: 767px) {
  .cm_cards_contact_locations .item_container {
    margin-bottom: 30px;
  }
}

@media (max-width: 1023px) {
  .cm_cards_contact_locations .item_container {
    width: 120px;
    height: 120px;
    margin-right: 30px;
  }
}

@media (min-width: 1024px) {
  .cm_cards_contact_locations .item_container {
    width: 140px;
    height: 140px;
    margin-right: 30px;
  }
}

.cm_cards_contact_locations .image_item {
  position: relative;
  padding-bottom: 100%;
}

.cm_cards_contact_locations .image_item picture {
  border-radius: 6px;
  overflow: hidden;
}

.cm_cards_contact_locations .nobreak {
  white-space: nowrap;
}

.cm_cards_contact_locations .btn_icon_reverse_bubble {
  position: relative;
}

@media (max-width: 1023px) {
  .cm_cards_contact_locations .btn_icon_reverse_bubble {
    margin-bottom: 10px;
  }
}

@media (min-width: 1024px) {
  .cm_cards_contact_locations .btn_icon_reverse_bubble {
    margin-bottom: 15px;
  }
}

.cm_cards_contact_locations .btn_icon_reverse_bubble:last-child {
  margin-bottom: 0;
}

/* =====================================================================================================================
 CM CONTACT FOOTER
/*=======================================================================================================================*/
.cm_contact_footer {
  /*
		ColorChange ---------------------------------------------------------------
	*/
}

.cm_contact_footer > .inner_cm {
  position: relative;
}

@media (max-width: 767px) {
  .cm_contact_footer > .inner_cm > .headline {
    margin-bottom: 55px;
  }
}

@media (min-width: 768px) {
  .cm_contact_footer > .inner_cm > .headline {
    margin-bottom: 110px;
  }
}

.cm_contact_footer > .inner_cm > .content_container {
  position: relative;
}

@media (min-width: 768px) {
  .cm_contact_footer > .inner_cm > .content_container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

.cm_contact_footer .formtitel {
  position: relative;
}

@media (max-width: 767px) {
  .cm_contact_footer .formtitel {
    margin-bottom: 28px;
  }
}

@media (min-width: 768px) {
  .cm_contact_footer .formtitel {
    margin-bottom: 38px;
  }
}

.cm_contact_footer .outer_form_container {
  position: relative;
}

@media (max-width: 767px) {
  .cm_contact_footer .outer_form_container {
    margin-bottom: 80px;
  }
}

@media (min-width: 768px) {
  .cm_contact_footer .outer_form_container {
    margin-bottom: 120px;
  }
}

.cm_contact_footer .leftside {
  position: relative;
}

.cm_contact_footer .leftside .image_item {
  padding-bottom: 122%;
}

@media (max-width: 767px) {
  .cm_contact_footer .leftside.hide_on_mobile {
    display: none;
  }
}

.cm_contact_footer .leftside > .stop_scroller {
  position: relative;
}

@media (max-width: 767px) {
  .cm_contact_footer .leftside > .stop_scroller {
    position: relative !important;
    margin-bottom: 60px;
    top: 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_contact_footer .leftside > .stop_scroller {
    padding-right: 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_contact_footer .leftside > .stop_scroller {
    padding-right: 60px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_contact_footer .leftside > .stop_scroller {
    padding-right: 70px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_contact_footer .leftside > .stop_scroller {
    padding-right: 80px;
  }
}

@media (min-width: 1860px) {
  .cm_contact_footer .leftside > .stop_scroller {
    padding-right: 80px;
  }
}

.cm_contact_footer .leftside > .stop_scroller.fixed {
  position: fixed;
  top: 40px;
  left: 0;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_contact_footer .leftside > .stop_scroller.fixed {
    margin-left: 40px;
    width: calc(50% - 40px);
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_contact_footer .leftside > .stop_scroller.fixed {
    margin-left: 40px;
    width: calc(50% - 40px);
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_contact_footer .leftside > .stop_scroller.fixed {
    margin-left: 40px;
    width: calc(50% - 40px);
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_contact_footer .leftside > .stop_scroller.fixed {
    margin-left: 40px;
    width: calc(50% - 40px);
  }
}

@media (min-width: 1860px) {
  .cm_contact_footer .leftside > .stop_scroller.fixed {
    margin-left: 40px;
    width: calc(50% - 40px);
  }
}

.cm_contact_footer .cm_teaser_list_contact {
  padding: 0;
}

.cc_ready.anim_running .cm_contact_footer .headline, .cc_ready.anim_running .cm_contact_footer .formtitel {
  -webkit-transition: color 300ms linear;
  -moz-transition: color 300ms linear;
  transition: color 300ms linear;
}

.cc_scheme_default .cm_contact_footer .headline {
  color: #121619;
}

.cc_scheme_dark .cm_contact_footer .headline {
  color: white;
}

.cc_scheme_default .cm_contact_footer .formtitel {
  color: #121619;
}

.cc_scheme_dark .cm_contact_footer .formtitel {
  color: white;
}

/* =====================================================================================================================
 CM TEXT LIST
/*=======================================================================================================================*/
.cm_text_list {
  /*
		Color Schemes ------------------------------------------------------------------------------------------------------
	*/
}

.cm_text_list > .inner_cm {
  position: relative;
}

.cm_text_list .list_item {
  position: relative;
  border-top: 1px solid;
}

@media (max-width: 767px) {
  .cm_text_list .list_item {
    padding-top: 40px;
    padding-bottom: 35px;
  }
}

@media (min-width: 768px) {
  .cm_text_list .list_item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding-top: 80px;
    padding-bottom: 75px;
  }
}

.cm_text_list .list_item:last-of-type {
  padding-bottom: 0;
}

.cm_text_list .list_item .title {
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .cm_text_list .list_item .title {
    padding-right: 40%;
  }
}

.cm_text_list .list_item a {
  color: inherit;
  padding-bottom: 0;
  border-bottom: 1px solid;
  -webkit-transition: color 100ms linear;
  -moz-transition: color 100ms linear;
  transition: color 100ms linear;
  border-bottom-color: #0754e9;
  /*
		Color Schemes ------------------------------------------------------------------------------------------------------
	*/
}

.cm_text_list .list_item a:hover {
  color: #0754e9;
}

.cm_text_list .item_content .text a, .cm_text_list .item_content .lead a {
  color: inherit;
  padding-bottom: 0;
  border-bottom: 1px solid;
  -webkit-transition: color 100ms linear;
  -moz-transition: color 100ms linear;
  transition: color 100ms linear;
  border-bottom-color: #0754e9;
  /*
		Color Schemes ------------------------------------------------------------------------------------------------------
	*/
}

.cm_text_list .item_content .text a:hover, .cm_text_list .item_content .lead a:hover {
  color: #0754e9;
}

@media (max-width: 767px) {
  .cm_text_list .item_content .text {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .cm_text_list .item_content .text {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .cm_text_list .item_content .zwischentitel {
    margin-top: 40px;
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .cm_text_list .item_content .zwischentitel {
    margin-top: 60px;
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .cm_text_list .item_content .lead {
    margin-bottom: 60px;
  }
}

@media (min-width: 768px) {
  .cm_text_list .item_content .lead {
    margin-bottom: 90px;
  }
}

@media (max-width: 767px) {
  .cm_text_list .item_content ul, .cm_text_list .item_content ol {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .cm_text_list .item_content ul, .cm_text_list .item_content ol {
    margin-bottom: 30px;
  }
}

@media (max-width: 1023px) {
  .cm_text_list .item_content ul {
    margin-left: 19px;
  }
}

@media (min-width: 1024px) {
  .cm_text_list .item_content ul {
    padding-left: 19px;
  }
}

.cm_text_list .item_content ol {
  list-style-type: decimal-leading-zero;
}

@media (max-width: 1023px) {
  .cm_text_list .item_content ol {
    margin-left: 27px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_text_list .item_content ol {
    padding-left: 30px;
  }
}

@media (min-width: 1024px) {
  .cm_text_list .item_content ol {
    padding-left: 34px;
  }
}

.cm_text_list .item_content li::marker {
  margin-bottom: 10px;
}

.cm_text_list .item_content li:not(.text3) {
  margin-bottom: 10px;
}

.cm_text_list .item_content li p {
  margin-bottom: 10px !important;
}

@media (max-width: 767px) {
  .cm_text_list .item_content .content_module {
    margin-top: 90px;
    margin-bottom: 85px;
  }
}

@media (min-width: 768px) {
  .cm_text_list .item_content .content_module {
    margin-top: 160px;
    margin-bottom: 155px;
  }
}

.cm_text_list .item_content > *:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .cm_text_list .item_content p {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_text_list .item_content p {
    width: 100%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_text_list .item_content p {
    width: 90%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_text_list .item_content p {
    width: 80%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_text_list .item_content p {
    width: 70%;
  }
}

@media (min-width: 1860px) {
  .cm_text_list .item_content p {
    width: 70%;
  }
}

.cm_text_list .item_content li::marker {
  color: #588095;
}

.cm_text_list .item_content li:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
}

@media (max-width: 767px) {
  .cm_text_list .item_content li {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_text_list .item_content li {
    width: 100%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_text_list .item_content li {
    width: 90%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_text_list .item_content li {
    width: 80%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_text_list .item_content li {
    width: 70%;
  }
}

@media (min-width: 1860px) {
  .cm_text_list .item_content li {
    width: 70%;
  }
}

.cc_ready.anim_running .cm_text_list .title, .cc_ready.anim_running .cm_text_list p, .cc_ready.anim_running .cm_text_list li {
  -webkit-transition: color 300ms linear;
  -moz-transition: color 300ms linear;
  transition: color 300ms linear;
}

.cc_ready.anim_running .cm_text_list .list_item {
  -webkit-transition: border-top-color 300ms linear;
  -moz-transition: border-top-color 300ms linear;
  transition: border-top-color 300ms linear;
}

.cc_scheme_default .cm_text_list .title {
  color: #121619;
}

.cc_scheme_dark .cm_text_list .title {
  color: white;
}

.cc_scheme_default .cm_text_list .list_item {
  border-color: #dde1e6;
}

.cc_scheme_dark .cm_text_list .list_item {
  border-color: #343a3f;
}

.cc_scheme_default .cm_text_list p {
  color: #121619;
}

.cc_scheme_dark .cm_text_list p {
  color: white;
}

.cc_scheme_default .cm_text_list li {
  color: #121619;
}

.cc_scheme_dark .cm_text_list li {
  color: white;
}

/* =====================================================================================================================
 CM LIST TEASER
/*=======================================================================================================================*/
.cm_list_teaser > .inner_cm {
  position: relative;
}

.cm_list_teaser > .inner_cm > .content_container {
  position: relative;
}

@media (max-width: 767px) {
  .cm_list_teaser > .inner_cm > .content_container {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_list_teaser > .inner_cm > .content_container {
    width: 90%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_list_teaser > .inner_cm > .content_container {
    width: 80%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_list_teaser > .inner_cm > .content_container {
    width: 70%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_list_teaser > .inner_cm > .content_container {
    width: 60%;
  }
}

@media (min-width: 1860px) {
  .cm_list_teaser > .inner_cm > .content_container {
    width: 50%;
  }
}

.cm_list_teaser .cm_teaser_list_contact {
  padding-right: 0;
  padding-left: 0;
}

@media (max-width: 767px) {
  .cm_list_teaser .align_right {
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_list_teaser .align_right {
    margin-left: 10%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_list_teaser .align_right {
    margin-left: 20%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_list_teaser .align_right {
    margin-left: 30%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_list_teaser .align_right {
    margin-left: 40%;
  }
}

@media (min-width: 1860px) {
  .cm_list_teaser .align_right {
    margin-left: 50%;
  }
}

/* =====================================================================================================================
 CM LIST APPRENTICESHIPS
/*=======================================================================================================================*/
.cm_list_apprenticeships {
  /*
			ColorChange ---------------------------------------------------------------
		*/
}

.cm_list_apprenticeships .inner_cm {
  position: relative;
}

.cm_list_apprenticeships .headline {
  position: relative;
}

@media (max-width: 767px) {
  .cm_list_apprenticeships .headline {
    margin-bottom: 50px;
  }
}

@media (min-width: 768px) {
  .cm_list_apprenticeships .headline {
    margin-bottom: 80px;
  }
}

@media (max-width: 767px) {
  .cm_list_apprenticeships .title {
    margin-bottom: 10px;
    width: 80%;
  }
}

@media (min-width: 768px) {
  .cm_list_apprenticeships .title {
    margin-bottom: 15px;
    width: 70%;
  }
}

.cm_list_apprenticeships .content_container {
  border-top: 1px solid;
}

@media (max-width: 767px) {
  .cm_list_apprenticeships .content_container {
    margin-bottom: 50px;
  }
}

@media (min-width: 768px) {
  .cm_list_apprenticeships .content_container {
    margin-bottom: 80px;
  }
}

.cm_list_apprenticeships .list_item {
  position: relative;
  display: block;
  border-bottom: 1px solid;
}

@media (max-width: 767px) {
  .cm_list_apprenticeships .list_item {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

@media (min-width: 768px) {
  .cm_list_apprenticeships .list_item {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.cm_list_apprenticeships .list_item:hover .icon_arrow {
  -webkit-transform: translate3d(10px, -50%, 0) ;
  -moz-transform: translate3d(10px, -50%, 0) ;
  transform: translate3d(10px, -50%, 0) ;
}

.cm_list_apprenticeships .status_container span {
  display: inline-block;
}

.cm_list_apprenticeships .status_container span:first-child {
  margin-right: 10px;
}

.cm_list_apprenticeships .icon_arrow {
  position: absolute;
  display: inline-block;
  right: 0;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0) ;
  -moz-transform: translate3d(0, -50%, 0) ;
  transform: translate3d(0, -50%, 0) ;
  -webkit-transition: transform 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: transform 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

@media (max-width: 767px) {
  .cm_list_apprenticeships .icon_arrow {
    margin-right: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_list_apprenticeships .icon_arrow {
    margin-right: 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_list_apprenticeships .icon_arrow {
    margin-right: 40px;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_list_apprenticeships .icon_arrow {
    margin-right: 40px;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_list_apprenticeships .icon_arrow {
    margin-right: 40px;
  }
}

@media (min-width: 1860px) {
  .cm_list_apprenticeships .icon_arrow {
    margin-right: 40px;
  }
}

.cc_ready.anim_running .cm_list_apprenticeships .headline, .cc_ready.anim_running .cm_list_apprenticeships .title, .cc_ready.anim_running .cm_list_apprenticeships .text5 {
  -webkit-transition: color 300ms linear;
  -moz-transition: color 300ms linear;
  transition: color 300ms linear;
}

.cc_ready.anim_running .cm_list_apprenticeships .content_container {
  -webkit-transition: border-color 300ms linear;
  -moz-transition: border-color 300ms linear;
  transition: border-color 300ms linear;
}

.cc_scheme_default .cm_list_apprenticeships .content_container {
  border-color: #dde1e6;
}

.cc_scheme_dark .cm_list_apprenticeships .content_container {
  border-color: #4d5358;
}

.cc_scheme_default .cm_list_apprenticeships .headline {
  color: #121619;
}

.cc_scheme_dark .cm_list_apprenticeships .headline {
  color: white;
}

.cc_scheme_default .cm_list_apprenticeships .title {
  color: #121619;
}

.cc_scheme_dark .cm_list_apprenticeships .title {
  color: white;
}

.cc_scheme_default .cm_list_apprenticeships .text5 {
  color: #121619;
}

.cc_scheme_dark .cm_list_apprenticeships .text5 {
  color: white;
}

.cc_scheme_default .cm_list_apprenticeships .list_item {
  border-bottom-color: #dde1e6;
}

.cc_scheme_dark .cm_list_apprenticeships .list_item {
  border-bottom-color: #4d5358;
}

.cc_scheme_default .cm_list_apprenticeships path {
  fill: #878d96;
}

.cc_scheme_dark .cm_list_apprenticeships path {
  fill: #878d96;
}

/* =====================================================================================================================
 CM RECRUITER
/*=======================================================================================================================*/
.cm_recruiter {
  /*
			Color Schemes ------------------------------------------------------------------------------------------------------
		*/
}

.cm_recruiter .inner_cm {
  position: relative;
}

.cm_recruiter .headline {
  position: relative;
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  .cm_recruiter .headline {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_recruiter .headline {
    width: 90%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_recruiter .headline {
    width: 80%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_recruiter .headline {
    width: 70%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_recruiter .headline {
    width: 60%;
  }
}

@media (min-width: 1860px) {
  .cm_recruiter .headline {
    width: 50%;
  }
}

.cm_recruiter .text {
  position: relative;
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  .cm_recruiter .text {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_recruiter .text {
    width: 90%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_recruiter .text {
    width: 80%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_recruiter .text {
    width: 70%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_recruiter .text {
    width: 60%;
  }
}

@media (min-width: 1860px) {
  .cm_recruiter .text {
    width: 50%;
  }
}

.cm_recruiter .button1 {
  margin-bottom: 90px;
}

.cm_recruiter .function {
  margin-bottom: 30px;
}

.cm_recruiter .content_container {
  position: relative;
  border-radius: 9px;
  padding: 30px;
  background-color: #21272a;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_recruiter .content_container {
    width: 50%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_recruiter .content_container {
    width: 50%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_recruiter .content_container {
    width: 50%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_recruiter .content_container {
    width: 50%;
  }
}

@media (min-width: 1860px) {
  .cm_recruiter .content_container {
    width: 50%;
  }
}

.cm_recruiter .item_container {
  margin-bottom: 60px;
}

.cm_recruiter .image_item {
  width: 100px;
  height: 100px;
  padding-bottom: 0;
}

.cm_recruiter .image_item picture {
  border-radius: 6px;
  overflow: hidden;
}

.cc_ready.anim_running .cm_recruiter .headline, .cc_ready.anim_running .cm_recruiter .text, .cc_ready.anim_running .cm_recruiter .name, .cc_ready.anim_running .cm_recruiter .function, .cc_ready.anim_running .cm_recruiter .phone {
  -webkit-transition: color 300ms linear;
  -moz-transition: color 300ms linear;
  transition: color 300ms linear;
}

.cc_scheme_default .cm_recruiter .headline {
  color: #121619;
}

.cc_scheme_dark .cm_recruiter .headline {
  color: white;
}

.cc_scheme_default .cm_recruiter .text {
  color: #121619;
}

.cc_scheme_dark .cm_recruiter .text {
  color: white;
}

.cc_scheme_default .cm_recruiter .name {
  color: #121619;
}

.cc_scheme_dark .cm_recruiter .name {
  color: white;
}

.cc_scheme_default .cm_recruiter .function {
  color: #121619;
}

.cc_scheme_dark .cm_recruiter .function {
  color: white;
}

.cc_scheme_default .cm_recruiter .phone {
  color: #121619;
}

.cc_scheme_dark .cm_recruiter .phone {
  color: white;
}

/* =====================================================================================================================
 CM JOBS
/*=======================================================================================================================*/
.cm_jobs {
  /*
			ColorChange ---------------------------------------------------------------
		*/
}

.cm_jobs .inner_cm {
  position: relative;
}

.cm_jobs .jobs_item {
  position: relative;
  border-bottom: 1px solid;
}

@media (min-width: 768px) {
  .cm_jobs .jobs_item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .cm_jobs .jobs_item {
    display: block;
  }
}

.cm_jobs .jobs_item:first-child {
  border-top: 1px solid;
}

.cm_jobs .jobs_item .icon, .cm_jobs .jobs_item .location_label, .cm_jobs .jobs_item .title, .cm_jobs .jobs_item .category {
  display: block;
}

@media (max-width: 767px) {
  .cm_jobs .jobs_item {
    padding-top: 29px;
    padding-bottom: 25px;
  }
}

@media (min-width: 768px) {
  .cm_jobs .jobs_item {
    padding-top: 49px;
    padding-bottom: 45px;
  }
}

.cm_jobs .rightside {
  position: relative;
  justify-self: right;
  align-self: center;
}

@media (max-width: 767px) {
  .cm_jobs .rightside {
    display: block;
    justify-self: auto;
    padding-left: 25px;
    margin-top: 11px;
  }
}

.cm_jobs .location {
  position: relative;
  color: #a2a9b0;
}

.cm_jobs .location .icon {
  position: absolute;
  display: block;
  top: -4px;
  left: -30px;
  width: 24px;
  height: 24px;
}

.cm_jobs .location .icon svg {
  width: 100%;
  height: 100%;
}

.cm_jobs .location .icon svg path {
  fill: #a2a9b0;
}

.cm_jobs .not_found_message {
  position: relative;
}

.cm_jobs .reset_filter {
  cursor: pointer;
  position: relative;
  color: #0754e9;
  opacity: 1;
  -webkit-transition: opacity 70ms linear;
  -moz-transition: opacity 70ms linear;
  transition: opacity 70ms linear;
}

.cm_jobs .reset_filter:hover {
  opacity: 0.7;
}

.cm_jobs .reset_filter .reset_icon {
  position: relative;
  top: 6px;
  margin-left: 10px;
}

.cm_jobs .reset_filter .reset_icon path {
  fill: #0754e9;
}

.cc_ready.anim_running .cm_jobs .title, .cc_ready.anim_running .cm_jobs .category, .cc_ready.anim_running .cm_jobs .location {
  -webkit-transition: color 300ms linear;
  -moz-transition: color 300ms linear;
  transition: color 300ms linear;
}

.cc_scheme_default .cm_jobs .title {
  color: #121619;
}

.cc_scheme_lightgrey .cm_jobs .title {
  color: #121619;
}

.cc_scheme_dark .cm_jobs .title {
  color: white;
}

.cc_scheme_default .cm_jobs .category {
  color: #121619;
}

.cc_scheme_lightgrey .cm_jobs .category {
  color: #121619;
}

.cc_scheme_dark .cm_jobs .category {
  color: white;
}

.cc_scheme_default .cm_jobs .jobs_item {
  border-bottom-color: #dde1e6;
}

.cc_scheme_default .cm_jobs .jobs_item:first-child {
  border-top: 1px solid #dde1e6;
}

.cc_scheme_lightgrey .cm_jobs .jobs_item {
  border-bottom-color: #dde1e6;
}

.cc_scheme_lightgrey .cm_jobs .jobs_item:first-child {
  border-top: 1px solid #dde1e6;
}

.cc_scheme_dark .cm_jobs .jobs_item {
  border-bottom-color: #343a3f;
}

.cc_scheme_dark .cm_jobs .jobs_item:first-child {
  border-top: 1px solid #343a3f;
}

#lazy_baby_button_target {
  position: relative;
  margin-top: 40px;
}

/* =====================================================================================================================
 CM TRAINEES ACCORDEON
/*=======================================================================================================================*/
.cm_trainees_accordeon {
  /*
	Color Schemes ------------------------------------------------------------------------------------------------------
*/
}

.cm_trainees_accordeon .inner_cm {
  position: relative;
}

.cm_trainees_accordeon .headline {
  position: relative;
}

@media (max-width: 767px) {
  .cm_trainees_accordeon .headline {
    margin-bottom: 40px;
  }
}

@media (min-width: 768px) {
  .cm_trainees_accordeon .headline {
    margin-bottom: 60px;
  }
}

.cm_trainees_accordeon .button_bar {
  position: relative;
  white-space: nowrap;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -ms-overflow-style: none;
  scrollbar-width: none !important;
  margin-bottom: 60px;
}

.cm_trainees_accordeon .button_bar::-webkit-scrollbar {
  display: none;
  width: 0 !important;
  height: 0 !important;
  padding: 0;
  margin: 0;
  border: none;
  background: rgba(0, 0, 0, 0);
  color: white !important;
  position: static;
}

.cm_trainees_accordeon .button_bar::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}

.cm_trainees_accordeon .button_bar::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0);
}

.cm_trainees_accordeon .button_bar::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0);
}

.cm_trainees_accordeon .button_bar::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0);
}

@media (max-width: 767px) {
  .cm_trainees_accordeon .button_bar {
    margin-bottom: 56px;
  }
}

.cm_trainees_accordeon .accordeon_container {
  position: relative;
  border-top: 1px solid;
  -webkit-transition: opacity 250ms linear;
  -moz-transition: opacity 250ms linear;
  transition: opacity 250ms linear;
}

.cm_trainees_accordeon .icon {
  position: absolute;
  right: 0;
  -webkit-transition: transform 250ms linear;
  -moz-transition: transform 250ms linear;
  transition: transform 250ms linear;
}

.cm_trainees_accordeon .icon svg path {
  fill: #878d96;
}

.cm_trainees_accordeon .akkordeon_item {
  border-bottom: 1px solid;
}

.cm_trainees_accordeon .akkordeon_item.open .icon {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cm_trainees_accordeon .akkordeon_btn {
  position: relative;
  display: block;
  cursor: pointer;
}

@media (max-width: 767px) {
  .cm_trainees_accordeon .akkordeon_btn {
    padding-top: 40px;
    padding-bottom: 35px;
  }
}

@media (min-width: 768px) {
  .cm_trainees_accordeon .akkordeon_btn {
    padding-top: 60px;
    padding-bottom: 55px;
  }
}

.cm_trainees_accordeon .akkordeon_content {
  position: relative;
  overflow: hidden;
  height: 0;
  -webkit-transition: height 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: height 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: height 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

@media (min-width: 768px) {
  .cm_trainees_accordeon .akkordeon_content .inner_akkordeon_content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: start;
  }
}

.cm_trainees_accordeon .akkordeon_content .list_item {
  border-bottom: 1px solid;
}

@media (max-width: 767px) {
  .cm_trainees_accordeon .akkordeon_content .list_item {
    padding-top: 40px;
    padding-bottom: 35px;
  }
}

@media (min-width: 768px) {
  .cm_trainees_accordeon .akkordeon_content .list_item {
    padding-top: 60px;
    padding-bottom: 55px;
  }
}

.cm_trainees_accordeon .akkordeon_content .list_item:first-child {
  padding-top: 0;
}

.cm_trainees_accordeon .akkordeon_content .list_item:last-child {
  border: none;
}

.cm_trainees_accordeon .akkordeon_content .title {
  position: relative;
  color: #588095;
  margin-bottom: 17px;
}

.cm_trainees_accordeon .akkordeon_content .image_container {
  position: relative;
  align-self: start;
  padding-right: 60px;
  margin-bottom: 60px;
}

@media (max-width: 767px) {
  .cm_trainees_accordeon .akkordeon_content .image_container {
    padding-right: 0;
    margin-bottom: 40px;
  }
}

.cm_trainees_accordeon .akkordeon_content .image_container .image_item {
  padding-bottom: 120%;
}

.cc_ready.anim_running .cm_trainees_accordeon .accordeon_container, .cc_ready.anim_running .cm_trainees_accordeon .akkordeon_item, .cc_ready.anim_running .cm_trainees_accordeon .list_item {
  -webkit-transition: border-color 300ms linear;
  -moz-transition: border-color 300ms linear;
  transition: border-color 300ms linear;
}

.cc_ready.anim_running .cm_trainees_accordeon .button_label, .cc_ready.anim_running .cm_trainees_accordeon .headline {
  -webkit-transition: color 300ms linear;
  -moz-transition: color 300ms linear;
  transition: color 300ms linear;
}

.cc_scheme_default .cm_trainees_accordeon p {
  color: #121619;
}

.cc_scheme_dark .cm_trainees_accordeon p {
  color: white;
}

.cc_scheme_default .cm_trainees_accordeon .button_label {
  color: #121619;
}

.cc_scheme_dark .cm_trainees_accordeon .button_label {
  color: white;
}

.cc_scheme_default .cm_trainees_accordeon .headline {
  color: #121619;
}

.cc_scheme_dark .cm_trainees_accordeon .headline {
  color: white;
}

.cc_scheme_default .cm_trainees_accordeon .accordeon_container {
  color: #dde1e6;
}

.cc_scheme_dark .cm_trainees_accordeon .accordeon_container {
  color: #343a3f;
}

.cc_scheme_default .cm_trainees_accordeon .akkordeon_item {
  color: #dde1e6;
}

.cc_scheme_dark .cm_trainees_accordeon .akkordeon_item {
  color: #343a3f;
}

.cc_scheme_default .cm_trainees_accordeon .list_item {
  color: #dde1e6;
}

.cc_scheme_dark .cm_trainees_accordeon .list_item {
  color: #343a3f;
}

/* =====================================================================================================================
 CM FIX BOX SCROLLER FOR CENTERS
/*=======================================================================================================================*/
.cm_fix_box_scroller_for_centers {
  /*
	Color Schemes ------------------------------------------------------------------------------------------------------
*/
}

.cm_fix_box_scroller_for_centers > .inner_cm {
  position: relative;
}

@media (min-width: 768px) {
  .cm_fix_box_scroller_for_centers > .inner_cm > .content_container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

.cm_fix_box_scroller_for_centers .content_container {
  position: relative;
}

.cm_fix_box_scroller_for_centers .text_container .text a, .cm_fix_box_scroller_for_centers .text_container .lead a {
  color: inherit;
  padding-bottom: 0;
  border-bottom: 1px solid;
  -webkit-transition: color 100ms linear;
  -moz-transition: color 100ms linear;
  transition: color 100ms linear;
  border-bottom-color: #0754e9;
  /*
		Color Schemes ------------------------------------------------------------------------------------------------------
	*/
}

.cm_fix_box_scroller_for_centers .text_container .text a:hover, .cm_fix_box_scroller_for_centers .text_container .lead a:hover {
  color: #0754e9;
}

@media (max-width: 767px) {
  .cm_fix_box_scroller_for_centers .text_container .text {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .cm_fix_box_scroller_for_centers .text_container .text {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .cm_fix_box_scroller_for_centers .text_container .zwischentitel {
    margin-top: 40px;
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .cm_fix_box_scroller_for_centers .text_container .zwischentitel {
    margin-top: 60px;
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .cm_fix_box_scroller_for_centers .text_container .lead {
    margin-bottom: 60px;
  }
}

@media (min-width: 768px) {
  .cm_fix_box_scroller_for_centers .text_container .lead {
    margin-bottom: 90px;
  }
}

@media (max-width: 767px) {
  .cm_fix_box_scroller_for_centers .text_container ul, .cm_fix_box_scroller_for_centers .text_container ol {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .cm_fix_box_scroller_for_centers .text_container ul, .cm_fix_box_scroller_for_centers .text_container ol {
    margin-bottom: 30px;
  }
}

@media (max-width: 1023px) {
  .cm_fix_box_scroller_for_centers .text_container ul {
    margin-left: 19px;
  }
}

@media (min-width: 1024px) {
  .cm_fix_box_scroller_for_centers .text_container ul {
    padding-left: 19px;
  }
}

.cm_fix_box_scroller_for_centers .text_container ol {
  list-style-type: decimal-leading-zero;
}

@media (max-width: 1023px) {
  .cm_fix_box_scroller_for_centers .text_container ol {
    margin-left: 27px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_fix_box_scroller_for_centers .text_container ol {
    padding-left: 30px;
  }
}

@media (min-width: 1024px) {
  .cm_fix_box_scroller_for_centers .text_container ol {
    padding-left: 34px;
  }
}

.cm_fix_box_scroller_for_centers .text_container li::marker {
  margin-bottom: 10px;
}

.cm_fix_box_scroller_for_centers .text_container li:not(.text3) {
  margin-bottom: 10px;
}

.cm_fix_box_scroller_for_centers .text_container li p {
  margin-bottom: 10px !important;
}

@media (max-width: 767px) {
  .cm_fix_box_scroller_for_centers .text_container .content_module {
    margin-top: 90px;
    margin-bottom: 85px;
  }
}

@media (min-width: 768px) {
  .cm_fix_box_scroller_for_centers .text_container .content_module {
    margin-top: 160px;
    margin-bottom: 155px;
  }
}

.cm_fix_box_scroller_for_centers .text_container > *:last-child {
  margin-bottom: 0;
}

.cm_fix_box_scroller_for_centers .text_container a {
  position: relative;
  display: inline-block;
  margin-bottom: 10px !important;
}

.cm_fix_box_scroller_for_centers .text_container {
  position: relative;
}

@media (max-width: 767px) {
  .cm_fix_box_scroller_for_centers .text_container {
    margin-bottom: 40px;
  }
}

.cm_fix_box_scroller_for_centers .scrollbox {
  position: relative;
}

@media (max-width: 767px) {
  .cm_fix_box_scroller_for_centers .scrollbox {
    margin-bottom: 100px;
  }
}

.cm_fix_box_scroller_for_centers .inner_scrollbox {
  position: absolute;
  width: 90%;
}

@media (max-width: 767px) {
  .cm_fix_box_scroller_for_centers .inner_scrollbox {
    position: relative !important;
    width: 100% !important;
  }
}

.cm_fix_box_scroller_for_centers .inner_scrollbox.fixed {
  position: fixed;
  top: 40px;
  width: 43%;
}

.cm_fix_box_scroller_for_centers .content_block {
  position: relative;
  border-bottom: 1px solid #dde1e6;
}

@media (max-width: 767px) {
  .cm_fix_box_scroller_for_centers .content_block {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media (min-width: 768px) {
  .cm_fix_box_scroller_for_centers .content_block {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.cm_fix_box_scroller_for_centers .content_block:first-child {
  padding-top: 0;
}

.cm_fix_box_scroller_for_centers .content_block:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_fix_box_scroller_for_centers .content_block p {
    width: 100%;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_fix_box_scroller_for_centers .content_block p {
    width: 80%;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_fix_box_scroller_for_centers .content_block p {
    width: 80%;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_fix_box_scroller_for_centers .content_block p {
    width: 70%;
  }
}

@media (min-width: 1860px) {
  .cm_fix_box_scroller_for_centers .content_block p {
    width: 70%;
  }
}

.cm_fix_box_scroller_for_centers table {
  margin-bottom: 30px;
}

.cm_fix_box_scroller_for_centers .day {
  padding-right: 20px;
}

.cm_fix_box_scroller_for_centers .title_left {
  color: #121619;
}

@media (max-width: 767px) {
  .cm_fix_box_scroller_for_centers .title_left {
    margin-bottom: 25px;
  }
}

@media (min-width: 768px) {
  .cm_fix_box_scroller_for_centers .title_left {
    margin-bottom: 35px;
  }
}

.cm_fix_box_scroller_for_centers .title_right {
  color: #588095;
}

@media (max-width: 767px) {
  .cm_fix_box_scroller_for_centers .title_right {
    margin-bottom: 25px;
  }
}

@media (min-width: 768px) {
  .cm_fix_box_scroller_for_centers .title_right {
    margin-bottom: 35px;
  }
}

.cm_fix_box_scroller_for_centers .content_module {
  margin-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.cm_fix_box_scroller_for_centers .cm_cards_contact_locations .content_container {
  display: block;
}

@media (max-width: 767px) {
  .cm_fix_box_scroller_for_centers .cm_cards_contact_locations .card_item {
    padding: 20px;
    margin-bottom: 25px;
  }
}

@media (min-width: 768px) {
  .cm_fix_box_scroller_for_centers .cm_cards_contact_locations .card_item {
    padding: 30px;
    margin-bottom: 25px;
  }
}

.cm_fix_box_scroller_for_centers .cm_cards_contact_locations .card_item:last-child {
  margin-bottom: 0;
}

.cm_fix_box_scroller_for_centers .cm_cards_contact_locations .image_item {
  width: 125px;
  height: 125px;
  padding-bottom: 0;
}

.cm_fix_box_scroller_for_centers .cm_cards_contact_locations .title_container {
  margin-bottom: 0;
}

.cc_ready.anim_running .cm_fix_box_scroller_for_centers .headline, .cc_ready.anim_running .cm_fix_box_scroller_for_centers .text {
  -webkit-transition: color 500ms linear;
  -moz-transition: color 500ms linear;
  transition: color 500ms linear;
}

.cc_scheme_default .cm_fix_box_scroller_for_centers .headline {
  color: #121619;
}

.cc_scheme_lightgrey .cm_fix_box_scroller_for_centers .headline {
  color: #121619;
}

.cc_scheme_dark .cm_fix_box_scroller_for_centers .headline {
  color: white;
}

.cc_scheme_default .cm_fix_box_scroller_for_centers .text {
  color: #121619;
}

.cc_scheme_lightgrey .cm_fix_box_scroller_for_centers .text {
  color: #121619;
}

.cc_scheme_dark .cm_fix_box_scroller_for_centers .text {
  color: white;
}

/* =====================================================================================================================
 CM FULLWINDOW VISUAL
/*=======================================================================================================================*/
.cm_fullwindow_visual {
  width: 100%;
}

@media (max-width: 767px) {
  .cm_fullwindow_visual.hide_on_mobile {
    display: none;
  }
}

.cm_fullwindow_visual .inner_cm {
  position: relative;
}

@media (max-width: 767px) {
  .cm_fullwindow_visual .image_item {
    padding-bottom: 100%;
  }
}

@media (min-width: 768px) {
  .cm_fullwindow_visual .image_item {
    padding-bottom: 0;
    height: 100vh;
  }
}

.cm_fullwindow_visual .video_container {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  display: flex;
}

@media (max-width: 767px) {
  .cm_fullwindow_visual .video_container {
    height: 80vh;
  }
}

@media (min-width: 768px) {
  .cm_fullwindow_visual .video_container {
    height: 100vh;
  }
}

.cm_fullwindow_visual video {
  object-fit: cover;
  position: relative;
  height: 100%;
  width: 100%;
}

/* =====================================================================================================================
 CM CENTERS AKKORDEON
/*=======================================================================================================================*/
.cm_centers_akkordeon {
  /*
	Color Schemes ------------------------------------------------------------------------------------------------------
*/
}

.cm_centers_akkordeon .inner_cm {
  position: relative;
}

.cm_centers_akkordeon .byline {
  color: #878d96;
}

.cm_centers_akkordeon .text_container {
  position: relative;
}

@media (max-width: 767px) {
  .cm_centers_akkordeon .text_container {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}

@media (min-width: 768px) {
  .cm_centers_akkordeon .text_container {
    margin-top: 100px;
    margin-bottom: 100px;
  }
}

.cm_centers_akkordeon .count {
  position: relative;
  color: #0754e9;
  top: -0.7em;
}

.cm_centers_akkordeon .akkordeon_container {
  position: relative;
  border-top: 1px solid;
}

.cm_centers_akkordeon .akkordeon_item.open .akkordeon_content {
  border-bottom: 1px solid;
}

.cm_centers_akkordeon .akkordeon_item .icon {
  position: absolute;
  right: 0;
}

.cm_centers_akkordeon .akkordeon_item .icon .svg_inline_icon svg {
  -webkit-transition: transform 350ms linear;
  -moz-transition: transform 350ms linear;
  transition: transform 350ms linear;
}

.cm_centers_akkordeon .akkordeon_item .icon svg path {
  fill: #878d96;
}

.cm_centers_akkordeon .akkordeon_item.open .icon .svg_inline_icon svg {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cm_centers_akkordeon .akkordeon_btn {
  cursor: pointer;
}

@media (max-width: 767px) {
  .cm_centers_akkordeon .akkordeon_btn {
    padding-top: 40px;
    padding-bottom: 34px;
  }
}

@media (min-width: 768px) {
  .cm_centers_akkordeon .akkordeon_btn {
    padding-top: 80px;
    padding-bottom: 70px;
  }
}

.cm_centers_akkordeon .akkordeon_content {
  position: relative;
  overflow: hidden;
  height: 0;
  border-top: 1px solid;
  -webkit-transition: height 350ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: height 350ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: height 350ms cubic-bezier(0.77, 0, 0.175, 1);
}

.cm_centers_akkordeon .country_item {
  border-bottom: 1px solid;
}

@media (min-width: 768px) {
  .cm_centers_akkordeon .country_item {
    display: grid;
    grid-template-columns: 20% 80%;
  }
}

@media (max-width: 767px) {
  .cm_centers_akkordeon .country_name {
    padding-top: 60px;
    padding-bottom: 25px;
    border-bottom: 1px solid;
  }
}

@media (min-width: 768px) {
  .cm_centers_akkordeon .country_name {
    padding-top: 60px;
    padding-right: 40px;
  }
}

.cm_centers_akkordeon .centers_item {
  position: relative;
  display: block;
  border-bottom: 1px solid;
}

.cm_centers_akkordeon .centers_item:only-child, .cm_centers_akkordeon .centers_item:last-child {
  border-bottom: none;
}

@media (max-width: 767px) {
  .cm_centers_akkordeon .centers_item {
    padding-top: 30px;
    padding-bottom: 25px;
    padding-right: 50px;
  }
}

@media (min-width: 768px) {
  .cm_centers_akkordeon .centers_item {
    padding-top: 60px;
    padding-bottom: 55px;
  }
}

.cm_centers_akkordeon .centers_item p {
  color: #121619;
}

.cm_centers_akkordeon .centers_item .arrow_icon {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate3d(0, -50%, 0) ;
  -moz-transform: translate3d(0, -50%, 0) ;
  transform: translate3d(0, -50%, 0) ;
  -webkit-transition: transform 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: transform 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.cm_centers_akkordeon .centers_item .arrow_icon path {
  fill: #878d96;
}

.cm_centers_akkordeon .centers_item:hover .arrow_icon {
  -webkit-transform: translate3d(10px, -50%, 0) ;
  -moz-transform: translate3d(10px, -50%, 0) ;
  transform: translate3d(10px, -50%, 0) ;
}

.cc_ready.anim_running .cm_centers_akkordeon .continent_title, .cc_ready.anim_running .cm_centers_akkordeon .center_title, .cc_ready.anim_running .cm_centers_akkordeon .center_location, .cc_ready.anim_running .cm_centers_akkordeon .country_name {
  -webkit-transition: color 300ms linear;
  -moz-transition: color 300ms linear;
  transition: color 300ms linear;
}

.cc_ready.anim_running .cm_centers_akkordeon .akkordeon_container, .cc_ready.anim_running .cm_centers_akkordeon .akkordeon_content, .cc_ready.anim_running .cm_centers_akkordeon .country_item, .cc_ready.anim_running .cm_centers_akkordeon .country_name, .cc_ready.anim_running .cm_centers_akkordeon .centers_item {
  -webkit-transition: border-top-color 300ms linear, border-bottom-color 300ms linear, border-color 300ms linear;
  -moz-transition: border-top-color 300ms linear, border-bottom-color 300ms linear, border-color 300ms linear;
  transition: border-top-color 300ms linear, border-bottom-color 300ms linear, border-color 300ms linear;
}

.cc_scheme_default .cm_centers_akkordeon .continent_title {
  color: #121619;
}

.cc_scheme_lightgrey .cm_centers_akkordeon .continent_title {
  color: #121619;
}

.cc_scheme_dark .cm_centers_akkordeon .continent_title {
  color: white;
}

.cc_scheme_default .cm_centers_akkordeon .center_title {
  color: #121619;
}

.cc_scheme_lightgrey .cm_centers_akkordeon .center_title {
  color: #121619;
}

.cc_scheme_dark .cm_centers_akkordeon .center_title {
  color: white;
}

.cc_scheme_default .cm_centers_akkordeon .center_location {
  color: #121619;
}

.cc_scheme_lightgrey .cm_centers_akkordeon .center_location {
  color: #121619;
}

.cc_scheme_dark .cm_centers_akkordeon .center_location {
  color: white;
}

.cc_scheme_default .cm_centers_akkordeon .country_name {
  color: #121619;
}

.cc_scheme_lightgrey .cm_centers_akkordeon .country_name {
  color: #121619;
}

.cc_scheme_dark .cm_centers_akkordeon .country_name {
  color: white;
}

.cc_scheme_default .cm_centers_akkordeon .akkordeon_container {
  border-top-color: #dde1e6;
  border-bottom-color: #dde1e6;
}

.cc_scheme_lightgrey .cm_centers_akkordeon .akkordeon_container {
  border-top-color: #dde1e6;
  border-bottom-color: #dde1e6;
}

.cc_scheme_dark .cm_centers_akkordeon .akkordeon_container {
  border-top-color: #343a3f;
  border-bottom-color: #343a3f;
}

.cc_scheme_default .cm_centers_akkordeon .akkordeon_content {
  border-top-color: #dde1e6;
  border-bottom-color: #dde1e6 !important;
}

.cc_scheme_lightgrey .cm_centers_akkordeon .akkordeon_content {
  border-top-color: #dde1e6;
  border-bottom-color: #dde1e6;
}

.cc_scheme_dark .cm_centers_akkordeon .akkordeon_content {
  border-top-color: #343a3f;
  border-bottom-color: #343a3f !important;
}

.cc_scheme_default .cm_centers_akkordeon .country_item {
  border-top-color: #dde1e6;
  border-bottom-color: #dde1e6;
}

.cc_scheme_lightgrey .cm_centers_akkordeon .country_item {
  border-top-color: #dde1e6;
  border-bottom-color: #dde1e6;
}

.cc_scheme_dark .cm_centers_akkordeon .country_item {
  border-top-color: #343a3f;
  border-bottom-color: #343a3f;
}

.cc_scheme_default .cm_centers_akkordeon .country_name {
  border-top-color: #dde1e6;
  border-bottom-color: #dde1e6;
}

.cc_scheme_lightgrey .cm_centers_akkordeon .country_name {
  border-top-color: #dde1e6;
  border-bottom-color: #dde1e6;
}

.cc_scheme_dark .cm_centers_akkordeon .country_name {
  border-top-color: #343a3f;
  border-bottom-color: #343a3f;
}

.cc_scheme_default .cm_centers_akkordeon .centers_item {
  border-top-color: #dde1e6;
  border-bottom-color: #dde1e6;
}

.cc_scheme_lightgrey .cm_centers_akkordeon .centers_item {
  border-top-color: #dde1e6;
  border-bottom-color: #dde1e6;
}

.cc_scheme_dark .cm_centers_akkordeon .centers_item {
  border-top-color: #343a3f;
  border-bottom-color: #343a3f;
}

/* =====================================================================================================================
 CM CENTERS MAP
/*=======================================================================================================================*/
.cm_centers_map .inner_cm {
  position: relative;
}

/* =====================================================================================================================
 CM 404
/*=======================================================================================================================*/
.cm_404 {
  height: 100vh;
}

.cm_404 .inner_cm {
  position: relative;
}

.cm_404 .video_container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}

.cm_404 .video_container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  object-fit: cover;
}

.cm_404 .headline {
  margin-bottom: 10px;
}

.cm_404 .text {
  margin-bottom: 30px;
}

.cm_404 .darkener_gradient {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to bottom, rgba(18, 22, 25, 0) 0%, rgba(18, 22, 25, 0.6) 100%);
}

@media (max-width: 767px) {
  .cm_404 .darkener_gradient {
    height: 70VH;
  }
}

@media (min-width: 768px) {
  .cm_404 .darkener_gradient {
    height: 40VH;
  }
}

.cm_404 .vertical_line {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 1px;
  background-color: white;
  -webkit-transition: height 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: height 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: height 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.cm_404 .text_container {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
}

@media (max-width: 767px) {
  .cm_404 .text_container {
    padding-left: 10px;
    margin-left: 20px;
    padding-right: 20px;
    margin-bottom: 190px;
  }
}

@media (min-width: 768px) {
  .cm_404 .text_container {
    padding-left: 30px;
    margin-left: 40px;
    margin-bottom: 40px;
  }
}

.cc_ready.anim_running .cm_404 .headline, .cc_ready.anim_running .cm_404 .text {
  -webkit-transition: color 300ms linear;
  -moz-transition: color 300ms linear;
  transition: color 300ms linear;
}

.cc_ready.anim_running .cm_404 .vertical_line {
  -webkit-transition: background-color 300ms linears;
  -moz-transition: background-color 300ms linears;
  transition: background-color 300ms linears;
}

.cc_scheme_default .cm_404 .vertical_line {
  background-color: #121619;
}

.cc_scheme_dark .cm_404 .vertical_line {
  background-color: white;
}

.cc_scheme_default .cm_404 .headline {
  color: #121619;
}

.cc_scheme_dark .cm_404 .headline {
  color: white;
}

.cc_scheme_default .cm_404 .text {
  color: #121619;
}

.cc_scheme_dark .cm_404 .text {
  color: white;
}

/* CMs Tech Data
=======================================================================================================================*/
/* =====================================================================================================================
 CM HEADLINE [usually for Tech Data]
/*=======================================================================================================================*/
.cm_headline_tech_data {
  position: relative;
}

.cm_headline_tech_data .inner_cm {
  position: relative;
}

@media (max-width: 767px) {
  .cm_headline_tech_data {
    margin-bottom: 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_headline_tech_data {
    margin-bottom: 40px;
  }
}

@media (min-width: 1024px) {
  .cm_headline_tech_data {
    margin-bottom: 50px;
  }
}

/* =====================================================================================================================
 CM TECH SPECS LIST
/*=======================================================================================================================*/
@media (max-width: 767px) {
  .cm_tech_specs_list {
    margin-bottom: 80px;
  }
}

@media (min-width: 768px) {
  .cm_tech_specs_list {
    margin-bottom: 100px;
  }
}

.cm_tech_specs_list .inner_cm {
  position: relative;
}

.cm_tech_specs_list .image_item {
  padding-bottom: 0;
}

.cm_tech_specs_list .image_item picture {
  position: relative;
}

.cm_tech_specs_list .image_container, .cm_tech_specs_list .image_container_mobile {
  position: relative;
}

@media (max-width: 767px) {
  .cm_tech_specs_list .image_container, .cm_tech_specs_list .image_container_mobile {
    margin-bottom: 40px;
  }
}

@media (min-width: 768px) {
  .cm_tech_specs_list .image_container, .cm_tech_specs_list .image_container_mobile {
    margin-bottom: 60px;
  }
}

.cm_tech_specs_list .svg_container, .cm_tech_specs_list .svg_container_mobile {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}

.cm_tech_specs_list .svg_container svg, .cm_tech_specs_list .svg_container_mobile svg {
  width: 100%;
  height: 100%;
}

.cm_tech_specs_list .svg_container svg path, .cm_tech_specs_list .svg_container_mobile svg path {
  vector-effect: non-scaling-stroke;
  stroke-width: 1px !important;
  stroke-dasharray: 10 10 !important;
}

@media (max-width: 767px) {
  .cm_tech_specs_list .image_container, .cm_tech_specs_list .svg_container {
    display: none;
  }
}

@media (min-width: 768px) {
  .cm_tech_specs_list .svg_container_mobile, .cm_tech_specs_list .image_container_mobile {
    display: none;
  }
}

.cm_tech_specs_list .subtitle {
  position: relative;
  border-top: 1px solid #dde1e6;
}

@media (max-width: 767px) {
  .cm_tech_specs_list .subtitle {
    padding-top: 80px;
    margin-bottom: 30px;
  }
}

@media (min-width: 768px) {
  .cm_tech_specs_list .subtitle {
    padding-top: 100px;
    margin-bottom: 40px;
  }
}

@media (min-width: 768px) {
  .cm_tech_specs_list .title {
    padding-right: 10%;
  }
}

/* =====================================================================================================================
 CM FEATURE LIST
/*=======================================================================================================================*/
.cm_feature_list {
  position: relative;
}

@media (max-width: 767px) {
  .cm_feature_list {
    margin-bottom: 80px;
  }
}

@media (min-width: 768px) {
  .cm_feature_list {
    margin-bottom: 120px;
  }
}

.cm_feature_list:last-child {
  margin-bottom: 0;
}

.cm_feature_list .inner_cm {
  position: relative;
}

.cm_feature_list .headline {
  position: relative;
}

@media (max-width: 767px) {
  .cm_feature_list .headline {
    margin-bottom: 30px;
  }
}

@media (min-width: 768px) {
  .cm_feature_list .headline {
    margin-bottom: 40px;
  }
}

.cm_feature_list .listing_container {
  position: relative;
  border-top: 1px solid #dde1e6;
  overflow: hidden;
}

.cm_feature_list .listing_container.open {
  -webkit-transition: height 500ms cubic-bezier(0.47, 0, 0.745, 0.715);
  -moz-transition: height 500ms cubic-bezier(0.47, 0, 0.745, 0.715);
  transition: height 500ms cubic-bezier(0.47, 0, 0.745, 0.715);
}

.cm_feature_list .line {
  position: relative;
  border-bottom: 1px solid #dde1e6;
}

@media (max-width: 767px) {
  .cm_feature_list .line {
    padding-top: 30px;
    padding-bottom: 26px;
  }
}

@media (min-width: 768px) {
  .cm_feature_list .line {
    padding-top: 40px;
    padding-bottom: 36px;
    padding-right: 10%;
  }
}

.cm_feature_list .button_container {
  position: relative;
  -webkit-transition: height 500ms cubic-bezier(0.47, 0, 0.745, 0.715), margin-top 500ms cubic-bezier(0.47, 0, 0.745, 0.715), opacity 500ms linear;
  -moz-transition: height 500ms cubic-bezier(0.47, 0, 0.745, 0.715), margin-top 500ms cubic-bezier(0.47, 0, 0.745, 0.715), opacity 500ms linear;
  transition: height 500ms cubic-bezier(0.47, 0, 0.745, 0.715), margin-top 500ms cubic-bezier(0.47, 0, 0.745, 0.715), opacity 500ms linear;
}

@media (max-width: 767px) {
  .cm_feature_list .button_container {
    margin-top: 40px;
  }
}

@media (min-width: 768px) {
  .cm_feature_list .button_container {
    margin-top: 60px;
  }
}

.cm_feature_list .button_container.off {
  height: 0 !important;
  margin-top: 0;
  opacity: 0;
}

/* =====================================================================================================================
 CM IMAGE INTERIOR CONFIGURATION
/*=======================================================================================================================*/
@media (max-width: 767px) {
  .cm_image_interior_configuration {
    margin-bottom: 80px;
  }
}

@media (min-width: 768px) {
  .cm_image_interior_configuration {
    margin-bottom: 100px;
  }
}

.cm_image_interior_configuration .inner_cm {
  position: relative;
}

@media (max-width: 767px) {
  .cm_image_interior_configuration .item {
    margin-bottom: 30px;
  }
}

@media (min-width: 768px) {
  .cm_image_interior_configuration .item {
    margin-bottom: 80px;
  }
}

.cm_image_interior_configuration .item:last-child {
  margin-bottom: 0;
}

.cm_image_interior_configuration .image_item {
  padding-bottom: 56%;
}

.cm_image_interior_configuration .caption {
  position: relative;
  color: #121619;
}

@media (max-width: 767px) {
  .cm_image_interior_configuration .caption {
    margin-top: 20px;
  }
}

@media (min-width: 768px) {
  .cm_image_interior_configuration .caption {
    margin-top: 40px;
  }
}

/* =====================================================================================================================
 CM RANGEFINDER
/*=======================================================================================================================*/
.cm_rangefinder .inner_cm {
  position: relative;
}

.cm_rangefinder .map_container {
  position: relative !important;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .cm_rangefinder .map_container {
    height: 550px;
    padding-bottom: 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_rangefinder .map_container {
    height: 530px;
    padding-bottom: 0;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .cm_rangefinder .map_container {
    height: 530px;
    padding-bottom: 0;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  .cm_rangefinder .map_container {
    height: 530px;
    padding-bottom: 0;
  }
}

@media (min-width: 1500px) and (max-width: 1859px) {
  .cm_rangefinder .map_container {
    height: 0;
    padding-bottom: 59%;
  }
}

@media (min-width: 1860px) {
  .cm_rangefinder .map_container {
    height: 0;
    padding-bottom: 59%;
  }
}

.cm_rangefinder .map {
  border-radius: 9px;
}

.cm_rangefinder .control_panel {
  position: absolute;
  overflow: hidden;
  top: 20px;
  left: 20px;
  z-index: 1;
  padding-top: 20px;
  padding-bottom: 20px;
  max-width: 330px;
  height: auto;
  background-color: rgba(18, 22, 25, 0.85);
  border-radius: 12px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

@media (max-width: 767px) {
  .cm_rangefinder .control_panel {
    width: calc(100% - 40px);
  }
}

@media (min-width: 768px) {
  .cm_rangefinder .control_panel {
    width: 50%;
  }
}

.cm_rangefinder .control_panel .btn_toggle_view {
  position: relative;
  display: block;
  cursor: pointer;
  height: 24px;
  width: 100%;
  color: white;
  text-align: left;
  background-image: url(../img/icn_unfold-more_lightgray.svg);
  background-repeat: no-repeat;
  background-position: 100% 80%;
  background-size: 24px;
  -webkit-transition: opacity 100ms linear;
  -moz-transition: opacity 100ms linear;
  transition: opacity 100ms linear;
  opacity: 1;
}

.cm_rangefinder .control_panel .btn_toggle_view:hover {
  opacity: 0.7;
}

.cm_rangefinder .control_panel .inner_panel {
  position: relative;
  overflow: hidden;
  height: auto;
  max-height: 20px;
  -webkit-transition: max-height 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 100ms, opacity 150ms linear 100ms;
  -moz-transition: max-height 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 100ms, opacity 150ms linear 100ms;
  transition: max-height 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 100ms, opacity 150ms linear 100ms;
  opacity: 0;
}

.cm_rangefinder .control_panel.open .btn_toggle_view {
  background-image: url(../img/icn_unfold-less_lightgray.svg);
}

.cm_rangefinder .control_panel.open .inner_panel {
  max-height: 400px;
  opacity: 1;
  -webkit-transition: max-height 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 150ms linear 200ms;
  -moz-transition: max-height 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 150ms linear 200ms;
  transition: max-height 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 150ms linear 200ms;
}

.cm_rangefinder .control_panel .slider_container {
  position: relative;
  margin-bottom: 20px;
}

.cm_rangefinder .control_panel .min_max_values {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding-top: 18.5px;
  color: #697077;
}

.cm_rangefinder .control_panel .min_max_values .max_value_payload {
  right: -8px;
}

.cm_rangefinder .control_panel .min_max_values .min_value, .cm_rangefinder .control_panel .min_max_values .max_value {
  position: relative;
  opacity: 1;
  -webkit-transition: transform 250ms linear, opacity 250ms linear;
  -moz-transition: transform 250ms linear, opacity 250ms linear;
  transition: transform 250ms linear, opacity 250ms linear;
}

.cm_rangefinder .control_panel .min_max_values .min_value {
  justify-self: start;
}

.cm_rangefinder .control_panel .min_max_values .min_value.off {
  -webkit-transform: translate3d(-30px, 0, 0) ;
  -moz-transform: translate3d(-30px, 0, 0) ;
  transform: translate3d(-30px, 0, 0) ;
  opacity: 0;
}

.cm_rangefinder .control_panel .min_max_values .max_value {
  justify-self: end;
}

.cm_rangefinder .control_panel .min_max_values .max_value.off {
  -webkit-transform: translate3d(30px, 0, 0) ;
  -moz-transform: translate3d(30px, 0, 0) ;
  transform: translate3d(30px, 0, 0) ;
  opacity: 0;
}

.cm_rangefinder .control_panel .btn_pill_radio {
  margin-right: 10px;
}

.cm_rangefinder .control_panel .btn_pill_radio:last-child {
  margin-right: 0;
}

.cm_rangefinder .control_panel .block {
  padding-left: 20px;
  padding-right: 20px;
}

.cm_rangefinder .control_panel .block1 {
  padding-bottom: 15px;
  border-bottom: 1px solid #4d5358;
}

.cm_rangefinder .control_panel .block2, .cm_rangefinder .control_panel .block3 {
  display: flex;
  padding-top: 20px;
}

.cm_rangefinder .control_panel .block4 {
  padding-top: 30px;
}

.cm_rangefinder .control_panel .block5 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.cm_rangefinder .control_panel .dual_container {
  position: relative;
  display: grid;
  grid-template-columns: auto auto;
}

.cm_rangefinder .control_panel .result {
  position: relative;
  justify-self: end;
  align-self: end;
  color: white;
  top: 10px;
}

.cm_rangefinder .part_title {
  color: white;
  margin-bottom: 20px;
}

.cm_rangefinder .text_distance {
  margin-bottom: 23px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cm_rangefinder .text {
    width: 90%;
  }
}

@media (min-width: 1024px) {
  .cm_rangefinder .text {
    width: 80%;
  }
}

.cm_rangefinder .switched_item_marker {
  background-color: #4d5358 !important;
}

/* CMs Media
=======================================================================================================================*/
/* =====================================================================================================================
 MEDIA CARDS PDF REPEATER
/*=======================================================================================================================*/
.media_cards_pdf_repeater {
  /*
	Color Schemes ------------------------------------------------------------------------------------------------------
*/
}

@media (max-width: 767px) {
  .media_cards_pdf_repeater {
    margin-bottom: 80px;
  }
}

@media (min-width: 768px) {
  .media_cards_pdf_repeater {
    margin-bottom: 120px;
  }
}

.media_cards_pdf_repeater > .inner_cm {
  position: relative;
}

@media (min-width: 768px) {
  .media_cards_pdf_repeater > .inner_cm > .content_container {
    display: grid;
    grid-template-columns: 25% 75%;
  }
}

.media_cards_pdf_repeater .textlink .filename, .media_cards_pdf_repeater .textlink .text, .media_cards_pdf_repeater .textlink .image_item {
  color: #121619;
  opacity: 1;
}

.media_cards_pdf_repeater .textlink:hover {
  -webkit-transition: opacity 100ms linear;
  -moz-transition: opacity 100ms linear;
  transition: opacity 100ms linear;
  opacity: 0.7;
}

.media_cards_pdf_repeater .no_hover:hover {
  opacity: 1;
}

.media_cards_pdf_repeater .content_container {
  position: relative;
}

.media_cards_pdf_repeater .text_container .text a, .media_cards_pdf_repeater .text_container .lead a, .media_cards_pdf_repeater .table .text a, .media_cards_pdf_repeater .table .lead a {
  color: inherit;
  padding-bottom: 0;
  border-bottom: 1px solid;
  -webkit-transition: color 100ms linear;
  -moz-transition: color 100ms linear;
  transition: color 100ms linear;
  border-bottom-color: #0754e9;
  /*
		Color Schemes ------------------------------------------------------------------------------------------------------
	*/
}

.media_cards_pdf_repeater .text_container .text a:hover, .media_cards_pdf_repeater .text_container .lead a:hover, .media_cards_pdf_repeater .table .text a:hover, .media_cards_pdf_repeater .table .lead a:hover {
  color: #0754e9;
}

@media (max-width: 767px) {
  .media_cards_pdf_repeater .text_container .text, .media_cards_pdf_repeater .table .text {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .media_cards_pdf_repeater .text_container .text, .media_cards_pdf_repeater .table .text {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .media_cards_pdf_repeater .text_container .zwischentitel, .media_cards_pdf_repeater .table .zwischentitel {
    margin-top: 40px;
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .media_cards_pdf_repeater .text_container .zwischentitel, .media_cards_pdf_repeater .table .zwischentitel {
    margin-top: 60px;
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .media_cards_pdf_repeater .text_container .lead, .media_cards_pdf_repeater .table .lead {
    margin-bottom: 60px;
  }
}

@media (min-width: 768px) {
  .media_cards_pdf_repeater .text_container .lead, .media_cards_pdf_repeater .table .lead {
    margin-bottom: 90px;
  }
}

@media (max-width: 767px) {
  .media_cards_pdf_repeater .text_container ul, .media_cards_pdf_repeater .text_container ol, .media_cards_pdf_repeater .table ul, .media_cards_pdf_repeater .table ol {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .media_cards_pdf_repeater .text_container ul, .media_cards_pdf_repeater .text_container ol, .media_cards_pdf_repeater .table ul, .media_cards_pdf_repeater .table ol {
    margin-bottom: 30px;
  }
}

@media (max-width: 1023px) {
  .media_cards_pdf_repeater .text_container ul, .media_cards_pdf_repeater .table ul {
    margin-left: 19px;
  }
}

@media (min-width: 1024px) {
  .media_cards_pdf_repeater .text_container ul, .media_cards_pdf_repeater .table ul {
    padding-left: 19px;
  }
}

.media_cards_pdf_repeater .text_container ol, .media_cards_pdf_repeater .table ol {
  list-style-type: decimal-leading-zero;
}

@media (max-width: 1023px) {
  .media_cards_pdf_repeater .text_container ol, .media_cards_pdf_repeater .table ol {
    margin-left: 27px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .media_cards_pdf_repeater .text_container ol, .media_cards_pdf_repeater .table ol {
    padding-left: 30px;
  }
}

@media (min-width: 1024px) {
  .media_cards_pdf_repeater .text_container ol, .media_cards_pdf_repeater .table ol {
    padding-left: 34px;
  }
}

.media_cards_pdf_repeater .text_container li::marker, .media_cards_pdf_repeater .table li::marker {
  margin-bottom: 10px;
}

.media_cards_pdf_repeater .text_container li:not(.text3), .media_cards_pdf_repeater .table li:not(.text3) {
  margin-bottom: 10px;
}

.media_cards_pdf_repeater .text_container li p, .media_cards_pdf_repeater .table li p {
  margin-bottom: 10px !important;
}

@media (max-width: 767px) {
  .media_cards_pdf_repeater .text_container .content_module, .media_cards_pdf_repeater .table .content_module {
    margin-top: 90px;
    margin-bottom: 85px;
  }
}

@media (min-width: 768px) {
  .media_cards_pdf_repeater .text_container .content_module, .media_cards_pdf_repeater .table .content_module {
    margin-top: 160px;
    margin-bottom: 155px;
  }
}

.media_cards_pdf_repeater .text_container > *:last-child, .media_cards_pdf_repeater .table > *:last-child {
  margin-bottom: 0;
}

.media_cards_pdf_repeater .text_container {
  position: relative;
}

.media_cards_pdf_repeater .text_container .content_module {
  margin-top: 0;
  margin-bottom: 20px;
}

.media_cards_pdf_repeater .text_container .content_module:last-child {
  margin-bottom: 0;
}

.media_cards_pdf_repeater .text_container .content_module .inner_cm {
  background-color: white;
}

.media_cards_pdf_repeater .cm_pdfdownload .downloads_container {
  gap: 40px 40px;
}

.media_cards_pdf_repeater .cm_pdfdownload .image_item {
  padding-bottom: unset;
}

@media (max-width: 767px) {
  .media_cards_pdf_repeater .cm_pdfdownload .image_item {
    margin-bottom: 30px;
  }
}

.media_cards_pdf_repeater .cm_pdfdownload picture {
  position: relative;
}

.media_cards_pdf_repeater .headline {
  padding-right: 40px;
}

.media_cards_pdf_repeater .text {
  margin-bottom: 0 !important;
}

.media_cards_pdf_repeater .scrollbox {
  position: relative;
}

@media (max-width: 767px) {
  .media_cards_pdf_repeater .scrollbox {
    margin-bottom: 40px;
  }
}

.media_cards_pdf_repeater .inner_scrollbox {
  position: absolute;
  width: 90%;
}

@media (max-width: 767px) {
  .media_cards_pdf_repeater .inner_scrollbox {
    position: relative !important;
    width: 100% !important;
  }
}

.media_cards_pdf_repeater .inner_scrollbox.fixed {
  position: fixed;
  top: 40px;
  width: 21%;
}

.has_media_filter .media_cards_pdf_repeater .inner_scrollbox.fixed {
  top: 140px;
}

.cc_ready.anim_running .media_cards_pdf_repeater .headline {
  -webkit-transition: color 500ms linear;
  -moz-transition: color 500ms linear;
  transition: color 500ms linear;
}

.cc_ready.anim_running .media_cards_pdf_repeater .image_gallery_container {
  -webkit-transition: background-color 500ms linear;
  -moz-transition: background-color 500ms linear;
  transition: background-color 500ms linear;
}

.cc_scheme_default .media_cards_pdf_repeater .headline {
  color: #121619;
}

.cc_scheme_lightgray .media_cards_pdf_repeater .headline {
  color: #121619;
}

.cc_scheme_dark .media_cards_pdf_repeater .headline {
  color: white;
}

.cc_scheme_default .media_cards_pdf_repeater .image_gallery_container {
  background-color: rgba(18, 22, 25, 0.06);
}

.cc_scheme_lightgray .media_cards_pdf_repeater .image_gallery_container {
  background-color: rgba(18, 22, 25, 0.06);
}

.cc_scheme_dark .media_cards_pdf_repeater .image_gallery_container {
  background-color: rgba(255, 255, 255, 0.06);
}

/* =====================================================================================================================
 MEDIA CARD WALLPAPER REPEATER
/*=======================================================================================================================*/
@media (max-width: 767px) {
  .media_card_wallpaper_repeater {
    margin-bottom: 80px;
  }
}

@media (min-width: 768px) {
  .media_card_wallpaper_repeater {
    margin-bottom: 120px;
  }
}

.media_card_wallpaper_repeater > .inner_cm {
  position: relative;
}

@media (min-width: 768px) {
  .media_card_wallpaper_repeater > .inner_cm > .content_container {
    display: grid;
    grid-template-columns: 25% 75%;
  }
}

.media_card_wallpaper_repeater .title {
  position: relative;
}

@media (max-width: 767px) {
  .media_card_wallpaper_repeater .title {
    margin-bottom: 16px;
  }
}

@media (min-width: 768px) {
  .media_card_wallpaper_repeater .title {
    margin-bottom: 26px;
  }
}

.media_card_wallpaper_repeater .buttons_container a {
  margin-bottom: 15px;
}

.media_card_wallpaper_repeater .buttons_container a:last-child {
  margin-bottom: 0;
}

.media_card_wallpaper_repeater .content_container {
  position: relative;
}

.media_card_wallpaper_repeater .text_container .text a, .media_card_wallpaper_repeater .text_container .lead a, .media_card_wallpaper_repeater .table .text a, .media_card_wallpaper_repeater .table .lead a {
  color: inherit;
  padding-bottom: 0;
  border-bottom: 1px solid;
  -webkit-transition: color 100ms linear;
  -moz-transition: color 100ms linear;
  transition: color 100ms linear;
  border-bottom-color: #0754e9;
  /*
		Color Schemes ------------------------------------------------------------------------------------------------------
	*/
}

.media_card_wallpaper_repeater .text_container .text a:hover, .media_card_wallpaper_repeater .text_container .lead a:hover, .media_card_wallpaper_repeater .table .text a:hover, .media_card_wallpaper_repeater .table .lead a:hover {
  color: #0754e9;
}

@media (max-width: 767px) {
  .media_card_wallpaper_repeater .text_container .text, .media_card_wallpaper_repeater .table .text {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .media_card_wallpaper_repeater .text_container .text, .media_card_wallpaper_repeater .table .text {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .media_card_wallpaper_repeater .text_container .zwischentitel, .media_card_wallpaper_repeater .table .zwischentitel {
    margin-top: 40px;
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .media_card_wallpaper_repeater .text_container .zwischentitel, .media_card_wallpaper_repeater .table .zwischentitel {
    margin-top: 60px;
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .media_card_wallpaper_repeater .text_container .lead, .media_card_wallpaper_repeater .table .lead {
    margin-bottom: 60px;
  }
}

@media (min-width: 768px) {
  .media_card_wallpaper_repeater .text_container .lead, .media_card_wallpaper_repeater .table .lead {
    margin-bottom: 90px;
  }
}

@media (max-width: 767px) {
  .media_card_wallpaper_repeater .text_container ul, .media_card_wallpaper_repeater .text_container ol, .media_card_wallpaper_repeater .table ul, .media_card_wallpaper_repeater .table ol {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .media_card_wallpaper_repeater .text_container ul, .media_card_wallpaper_repeater .text_container ol, .media_card_wallpaper_repeater .table ul, .media_card_wallpaper_repeater .table ol {
    margin-bottom: 30px;
  }
}

@media (max-width: 1023px) {
  .media_card_wallpaper_repeater .text_container ul, .media_card_wallpaper_repeater .table ul {
    margin-left: 19px;
  }
}

@media (min-width: 1024px) {
  .media_card_wallpaper_repeater .text_container ul, .media_card_wallpaper_repeater .table ul {
    padding-left: 19px;
  }
}

.media_card_wallpaper_repeater .text_container ol, .media_card_wallpaper_repeater .table ol {
  list-style-type: decimal-leading-zero;
}

@media (max-width: 1023px) {
  .media_card_wallpaper_repeater .text_container ol, .media_card_wallpaper_repeater .table ol {
    margin-left: 27px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .media_card_wallpaper_repeater .text_container ol, .media_card_wallpaper_repeater .table ol {
    padding-left: 30px;
  }
}

@media (min-width: 1024px) {
  .media_card_wallpaper_repeater .text_container ol, .media_card_wallpaper_repeater .table ol {
    padding-left: 34px;
  }
}

.media_card_wallpaper_repeater .text_container li::marker, .media_card_wallpaper_repeater .table li::marker {
  margin-bottom: 10px;
}

.media_card_wallpaper_repeater .text_container li:not(.text3), .media_card_wallpaper_repeater .table li:not(.text3) {
  margin-bottom: 10px;
}

.media_card_wallpaper_repeater .text_container li p, .media_card_wallpaper_repeater .table li p {
  margin-bottom: 10px !important;
}

@media (max-width: 767px) {
  .media_card_wallpaper_repeater .text_container .content_module, .media_card_wallpaper_repeater .table .content_module {
    margin-top: 90px;
    margin-bottom: 85px;
  }
}

@media (min-width: 768px) {
  .media_card_wallpaper_repeater .text_container .content_module, .media_card_wallpaper_repeater .table .content_module {
    margin-top: 160px;
    margin-bottom: 155px;
  }
}

.media_card_wallpaper_repeater .text_container > *:last-child, .media_card_wallpaper_repeater .table > *:last-child {
  margin-bottom: 0;
}

.media_card_wallpaper_repeater .text_container {
  position: relative;
}

.media_card_wallpaper_repeater .text_container .content_module {
  margin-top: 0;
  margin-bottom: 20px;
}

.media_card_wallpaper_repeater .text_container .content_module:last-child {
  margin-bottom: 0;
}

.media_card_wallpaper_repeater .text_container .content_module .inner_cm {
  background-color: white;
}

.media_card_wallpaper_repeater .cm_pdfdownload .downloads_container {
  grid-template-columns: 300px auto;
  gap: 40px 40px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .media_card_wallpaper_repeater .cm_pdfdownload .downloads_container {
    grid-template-columns: 175px auto;
  }
}

@media (max-width: 767px) {
  .media_card_wallpaper_repeater .cm_pdfdownload .image_item {
    margin-bottom: 30px;
    padding-bottom: 50%;
  }
}

@media (min-width: 768px) {
  .media_card_wallpaper_repeater .cm_pdfdownload .image_item {
    padding-bottom: 100%;
  }
}

.media_card_wallpaper_repeater .headline {
  padding-right: 40px;
}

.media_card_wallpaper_repeater .scrollbox {
  position: relative;
}

@media (max-width: 767px) {
  .media_card_wallpaper_repeater .scrollbox {
    margin-bottom: 40px;
  }
}

.media_card_wallpaper_repeater .inner_scrollbox {
  position: absolute;
  width: 90%;
}

@media (max-width: 767px) {
  .media_card_wallpaper_repeater .inner_scrollbox {
    position: relative !important;
    width: 100% !important;
  }
}

.media_card_wallpaper_repeater .inner_scrollbox.fixed {
  position: fixed;
  top: 40px;
  width: 21%;
}

.has_media_filter .media_card_wallpaper_repeater .inner_scrollbox.fixed {
  top: 140px;
}

/* subCMs
=======================================================================================================================*/
/* =====================================================================================================================
 SUBCM TEXT
/*=======================================================================================================================*/
/* =====================================================================================================================
 SUBCM TECH SPECS LIST
/*=======================================================================================================================*/
.subcm_tech_specs_list .inner_subcm {
  position: relative;
}

@media (min-width: 768px) {
  .subcm_tech_specs_list .data_table {
    column-count: 2;
    column-fill: balance;
  }
}

@media (min-width: 768px) {
  .subcm_tech_specs_list .data_table.small {
    column-count: 1;
    column-fill: balance;
  }
}

.subcm_tech_specs_list .table_item {
  position: relative;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  break-inside: avoid;
}

.subcm_tech_specs_list .table_item:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

@media (max-width: 767px) {
  .subcm_tech_specs_list .table_item {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .subcm_tech_specs_list .table_item {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media (min-width: 768px) {
  .subcm_tech_specs_list .table_item.has_border_bottom {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
}

@media (max-width: 767px) {
  .subcm_tech_specs_list .switch_container {
    margin-bottom: 30px;
  }
}

@media (min-width: 768px) {
  .subcm_tech_specs_list .switch_container {
    margin-bottom: 40px;
  }
}

/* =====================================================================================================================
 MODULE NAME
/*=======================================================================================================================*/
.subcm_table_small .inner_subcm {
  position: relative;
  width: 60%;
  max-width: 400px;
}

.subcm_table_small .data_table {
  column-count: 1;
  column-fill: balance;
}

.subcm_table_small .table_item {
  position: relative;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  break-inside: avoid;
}

@media (max-width: 767px) {
  .subcm_table_small .table_item {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .subcm_table_small .table_item {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.subcm_table_small .table_item:last-child {
  padding-bottom: 0;
}

.subcm_table_small .table_item:first-child {
  border-top: none;
  padding-top: 0;
}

@media (min-width: 768px) {
  .subcm_table_small .table_item.has_border_bottom {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
}

/*# sourceMappingURL=main.css.map */