/*
Theme Name:		Emobay
Theme URI:		http://emobay.de
Description:	Child theme for the Divi theme by elegantthemes
Author:			nexTab.de - Oliver Gehrmann
Author URI:		https://nextab.de
Template:		Divi
Version:		1.1
Text Domain:	emobay
*/
/* #region Font Definitions */
/* #endregion */
/* #region Flex-Designs */
/* #region Fullheight Sections */
/* #region max-width 782px */
/* #endregion */
/* #endregion Fullheight Sections */
/* Centered Text / Img on one side, text on other */
/* #endregion */
/* #region Placeholder Mixin */
/* #endregion */
/* #region Forms & Selects */
/* #region Pretty ACF Forms */
/* #endregion */
/* #endregion */
/* #region Testimonial Slider */
/* #endregion */
/* #region Blog-Feed (Grid) */
/* #endregion */
/* #region Fix Blog Thumbnails */
/* #endregion Fix Blog Thumbnails */
/* #region Lists with colored bullet points */
/* #endregion */
/* #region Fix Divi Comments */
.commentlist {
  margin-top: 1rem;
}
.commentlist .comment-body {
  padding-right: 0;
}
.commentlist .comment-body .comment_avatar {
  top: 0;
}
.commentlist .comment-body .comment_avatar img {
  border-radius: 50%;
}
.commentlist .comment-body .comment_area .reply-container {
  display: block;
  text-align: right;
}
.commentlist .comment-body .comment_area .comment-reply-link {
  position: relative;
  top: 1rem;
}
.commentlist .comment-body .comment_area .comment-reply-link::after {
  font-size: 20px;
}
.commentlist .comment .children {
  margin-left: 2rem;
}

/* #region max-width 767px */
@media only screen and (max-width: 767px) {
  .commentlist .comment .children {
    margin-left: 1rem;
  }
  .commentlist article.comment-body {
    align-items: stretch;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-bottom: 70px;
    padding-left: 0;
  }
  .commentlist .comment_avatar {
    align-items: center;
    display: flex;
    position: relative;
    width: 17%;
  }
  .commentlist .comment_avatar img {
    max-width: 100%;
    width: 100%;
  }
  .commentlist .comment_postinfo {
    align-items: flex-start;
    display: flex;
    flex-flow: column;
    justify-content: center;
    line-height: 1.1;
    margin: 0 0 3px;
    row-gap: 5px;
    width: 77%;
  }
  .commentlist .comment_area {
    margin-top: 5px;
    width: 100%;
  }
}
/* #endregion */
/* #endregion */
/* #region Centered Page Navi */
/* #endregion */
/* #region Cookie Notice */
#cookie-notice #cn-close-notice {
  display: none;
}
#cookie-notice #cn-notice-buttons {
  display: block;
}

/* #endregion Cookie Notice */
/* #region details / summary Support */
details {
  margin-top: 5px;
}
details summary {
  color: #b72221;
  cursor: pointer;
  display: inline-block;
  list-style: none;
  transition: all 350ms ease;
  text-decoration: underline;
}
details summary::-webkit-details-marker {
  display: none; /* don't show Triangle */
}
details:hover summary, details[open] summary {
  text-decoration: none;
}
details[open] summary {
  margin-bottom: 7px;
}

/* #endregion details / summary Support */
/* #region Footer */
/* Footer with non-floating widgets */
/* #endregion */
/* #region Nav Fixes */
#page-container #top-menu-nav > ul > li > a:hover,
#page-container .bottom-nav a:hover,
#page-container #footer-bottom .et-social-icon a:hover,
#page-container .et_mobile_menu li a:hover,
#page-container .nav ul li a:hover,
#page-container footer#main-footer #footer-info a:hover,
#page-container .et-menu a:hover,
#page-container #et-boc #top-menu-nav > ul > li > a:hover,
#page-container #et-boc .bottom-nav a:hover,
#page-container #et-boc #footer-bottom .et-social-icon a:hover,
#page-container #et-boc .et_mobile_menu li a:hover,
#page-container #et-boc .nav ul li a:hover,
#page-container #et-boc footer#main-footer #footer-info a:hover,
#page-container #et-boc .et-menu a:hover {
  opacity: 1;
}

/* #endregion */
/* #region Responsive Design */
/* #region min-width 981px */
@media only screen and (min-width: 981px) {
  .et_pb_top_divider .et_pb_row.centered-text .et_pb_column .et_pb_module:first-child {
    margin-top: 100px;
  }
}
/* #endregion */
/* #region max-width 980px */
@media only screen and (max-width: 980px) {
  .et_fixed_nav header#main-header {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
  }
  .et_pb_row.reverse-responsive {
    display: flex;
    flex-flow: column-reverse;
  }
  .et_pb_row.reverse-responsive .et_pb_column:first-child {
    margin-bottom: 0;
  }
  .et_pb_row.reverse-responsive .et_pb_column:last-child {
    margin-bottom: 30px;
  }
  .et_pb_row.reverse-responsive.et_pb_gutters1 .et_pb_column:last-child {
    margin-bottom: 0;
  }
  /* #region Pimp my mobile Menu Icon */
  .mobile_menu_bar::before {
    display: block;
    transition: all 0.4s ease;
  }
  .mobile_nav.opened .mobile_menu_bar::before {
    content: "M";
    transform: rotate(90deg);
  }
  /* #endregion */
  /* fullwidth mobile nav menu aka gooder menu */
}
/* #endregion */
/* #region max-width 600px */
@media only screen and (max-width: 600px) {
  body.et_fixed_nav.logged-in header#main-header.et-fixed-header {
    top: 0 !important;
  }
}
/* #endregion */
/* #region max-width 479px */
@media only screen and (max-width: 479px) {
  .container,
  .et_pb_row,
  .et_pb_row.centered-text .et_pb_column .et_pb_module,
  .et_pb_fullscreen .et_pb_fullwidth_header_container {
    width: 90%;
  }
}
/* #endregion */
/* #endregion */
/* #region Fonts */
.header_container_scooter h1, .blue-header h1, .blue-header h2 {
  color: #4e6eb7;
}

/* #region Roboto Flex */
/* roboto-flex-regular - latin */
@font-face {
  font-family: "Roboto Flex";
  font-style: normal;
  font-weight: 400;
  /* IE9 Compat Modes */
  src: url("/wp-content/themes/emobay-child-theme/fonts/roboto-flex/roboto-flex-v9-latin-regular.eot");
  src: local(""), url("/wp-content/themes/emobay-child-theme/fonts/roboto-flex/roboto-flex-v9-latin-regular.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/emobay-child-theme/fonts/roboto-flex/roboto-flex-v9-latin-regular.woff2") format("woff2"), url("/wp-content/themes/emobay-child-theme/fonts/roboto-flex/roboto-flex-v9-latin-regular.woff") format("woff"), url("/wp-content/themes/emobay-child-theme/fonts/roboto-flex/roboto-flex-v9-latin-regular.ttf") format("truetype"), url("/wp-content/themes/emobay-child-theme/fonts/roboto-flex/roboto-flex-v9-latin-regular.svg#RobotoFlex") format("svg");
}
/* #endregion Roboto Flex*/
/* #endregion Fonts*/
/* #region General Styling */
html {
  font-size: 16px;
}

body {
  color: #000;
  font-family: "Roboto Flex", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

h1,
h2,
h4,
h5,
h6 {
  font-family: "Roboto Flex", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  line-height: 1.3;
}

#main-content h1 {
  font-size: clamp(1.875rem, 1.226rem + 2.8846vw, 3.75rem);
}
#main-content h2 {
  font-size: clamp(1.5625rem, 1.0216rem + 2.4038vw, 3.125rem);
}

/* #region Highlight Columns */
.et_pb_column.highlight {
  background-color: #f9f9f9;
  padding: 1.5rem 1.25rem;
}
.et_pb_column.highlight h3 {
  font-weight: 700;
}

/* #endregion Highlight Columns */
/* #endregion General Styling */
/* #region Header */
header {
  /* #region Logo */
}
header #logo {
  -webkit-transition: none;
  transition: none;
  -webkit-transform: none;
}
header {
  /* #endregion Logo*/
  /* #region Top Menu / Main Menu */
}
header ul#top-menu li {
  padding-right: 0.5rem;
}
header ul#top-menu li:last-of-type ul.sub-menu {
  right: 0;
}
header ul#top-menu li ul.sub-menu {
  width: 285px;
}
header ul#top-menu li li {
  padding: 0;
  width: 100%;
}
header ul#top-menu li li a {
  width: 100%;
  padding: 0.5rem 1rem;
}
header ul#top-menu li li a:hover {
  background-color: #b72221;
  color: #fff;
}
header ul#top-menu li li ul.sub-menu {
  left: 285px;
}
header {
  /* #endregion Top Menu / Main Menu*/
}
header#main-header ul.sub-menu > li.current-menu-item > a {
  color: #b72221;
}
header#main-header ul.sub-menu > li.current-menu-item:hover > a {
  color: #fff;
}

/* #region Secondary Menu */
#et-secondary-nav li.current-menu-item > a {
  background-color: #fff;
  color: #b72221 !important;
}
#et-secondary-nav li ul, #et-secondary-nav li li {
  padding: 0;
}
#et-secondary-nav li ul li a {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
#et-secondary-nav li ul li a:hover {
  background-color: #fff;
  color: #a3a3a3;
}

/* #endregion Secondary Menu */
/* #region Mobile Menu */
ul#top-menu li.top_menu_home a,
ul#mobile_menu li.top_menu_home a {
  font-family: "ETModules";
}

.et_mobile_menu {
  overflow-y: scroll !important;
  max-height: 80vh !important;
  -overflow-scrolling: touch !important;
  -webkit-overflow-scrolling: touch !important;
}

/* #endregion Mobile Menu*/
/* #region Custom Icons in Menus */
/* #endregion Custom Icons in Menus*/
/* #endregion Header */
/* #region Main Content */
/* #region Buttons */
.orange_button {
  background-color: #b72221;
  border-color: #b72221;
  color: #fff;
}

/* #endregion Buttons */
/* #region Buttons nebeneinander in einem Column */
.et_pb_column.buttons_nebeneinander .et_pb_button_module_wrapper {
  display: inline-block;
  margin-right: 1rem;
}

/* #endregion Buttons nebeneinander in einem Column*/
/* #region Blurb-Buttons */
.emo_info_button .et_pb_module_header {
  padding-bottom: 0;
}
.emo_info_button.et_pb_blurb {
  border-radius: 5px;
  display: inline-block;
  min-width: 180px;
  padding: 8px 8px 8px 12px;
}
.emo_info_button .et-pb-icon {
  margin-top: 1px;
}
.emo_info_button.et_pb_blurb_position_left .et_pb_blurb_container {
  padding-left: 0;
}

.header_container_scooter .et_pb_column:last-child {
  display: flex;
  flex-flow: row wrap;
  gap: 0 1rem;
}
.header_container_scooter .et_pb_column:last-child > div {
  margin-bottom: 1rem;
}
.header_container_scooter .et_pb_column:last-child > div:not(.emo_info_button) {
  width: 100%;
}

/* #endregion Blurb-Buttons */
/* #region Breadcrumb */
.nxt_breadcrumb_home::before {
  font-family: "ETModules";
  content: "\e009";
}

/* #endregion Breadcrumb*/
/* #region Services Blurbs  */
.emo_services_section .et_pb_row {
  width: 93%;
}
.emo_services_section .et_pb_row .emo_services .et_pb_column {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
  align-items: flex-start;
  gap: 0.6rem;
}
.emo_services_section .et_pb_row .emo_services .et_pb_column h5.et_pb_module_header {
  font-size: clamp(0.6875rem, -0.0713rem + 1.2376vw, 1rem);
}
.emo_services_section .et_pb_row .emo_services .et_pb_column .et_pb_blurb {
  width: 33.5%;
  margin: 0;
  padding: 0.5rem;
}

/* #endregion Services Blurbs */
/* #endregion Main Content*/
/* #region Single Product Pages */
.single-electromobile #main-content h1 {
  font-size: clamp(2rem, 1.8008rem + 0.9375vw, 2.375rem);
}
.single-electromobile #main-content .category_headline h2 {
  font-size: 22px;
}
.single-electromobile h3:not(.entry-title) {
  color: #b72221;
}
.single-electromobile .price_output h3 {
  color: #000;
}

/* #region Header Section Scooters */
.manufacturer_logo {
  text-align: right;
}
.manufacturer_logo img {
  max-width: 100%;
  width: 200px;
}

.header_container_scooter h1 {
  padding-bottom: 0;
}

/* #region Product Infos */
.emo_cta, .emo_pi_container {
  background-color: #f9f9f9;
  padding: 1rem 1.25rem;
}

.checkmark_list ul, .emo_pi_container ul {
  display: flex;
  flex-flow: column nowrap;
  list-style: none;
  padding: 8px 0 0;
}
.checkmark_list ul li, .emo_pi_container ul li {
  line-height: 1.3;
  padding-bottom: 0.75rem;
  padding-left: 1.9rem;
  position: relative;
}
.checkmark_list ul li::before, .emo_pi_container ul li::before {
  color: #60b51b;
  content: "\e052";
  font-family: "EtModules";
  font-size: 20px;
  left: 0;
  margin-top: -2px;
  position: absolute;
}
.checkmark_list ul li.no_feature, .emo_pi_container ul li.no_feature {
  order: 10;
}
.checkmark_list ul li.no_feature::before, .emo_pi_container ul li.no_feature::before {
  color: #e22;
  content: "\e051";
  font-size: 20.5px;
  margin-left: -0.5px;
}

.emo_pi_container ul {
  display: grid;
  font-size: 16px;
  gap: 0 0.75rem;
  grid-auto-flow: row;
  /* grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); */
  grid-template-columns: repeat(auto-fit, minmax(max(200px, 45%), 1fr));
}

/* #endregion Product Infos */
/* #endregion Header Section Scooters */
/* #region CTA Ruf mich an! */
.emo_cta {
  display: flex;
  flex-flow: row wrap;
  gap: 0.5rem 1.75rem;
  justify-content: flex-start;
}
.emo_cta .cta_header_text {
  font-size: 16px;
  line-height: 1.6;
}
.emo_cta a {
  color: #000;
  font-weight: 700;
}
.emo_cta .cta_tel_de a::before,
.emo_cta .cta_tel_at a::before {
  aspect-ratio: 90/60;
  background-image: url("/wp-content/uploads/2022/11/de-deutschland-muenchen-senioren-scooter-rollstuhl-elektro-fahrzeuge.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
  content: "";
  display: inline-block;
  height: 15px;
  margin-right: 0.75rem;
  vertical-align: -1px;
  width: auto;
}
.emo_cta .cta_tel_at a::before {
  background-image: url("/wp-content/uploads/2022/11/at-oesterreich-senioren-scooter-rollstuhl-elektro-fahrzeuge.png");
}

/* #endregion CTA Ruf mich an! */
/* #region CTA Ruf mich mega an! */
.emo_mega_cta {
  display: flex;
  flex-flow: row wrap;
  gap: 1rem;
}
.emo_mega_cta .checkmark_list {
  flex: 2 0 240px;
}
.emo_mega_cta .feature_listings {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}
.emo_mega_cta .feature_listings li {
  margin-left: auto;
  margin-right: auto;
  max-width: 240px;
  min-width: 230px;
}
.emo_mega_cta .emo_cta {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  flex: 2 0 300px;
  gap: 0.5rem 1.75rem;
  max-width: 100%;
  padding: 0;
}
.emo_mega_cta .emo_cta .cta_header_text {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 10px;
  width: 100%;
}
.emo_mega_cta .emo_cta .cta_contact_header {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row nowrap;
  font-size: 20px;
  gap: 1rem;
  line-height: 1.3;
}
.emo_mega_cta .emo_cta img {
  border-radius: 50%;
  width: 55px;
}
.emo_mega_cta .emo_cta .cta_tel_de a::before, .emo_mega_cta .emo_cta .cta_tel_at a::before {
  margin-right: 1rem;
}

/* #endregion CTA Ruf mich mega an! */
/* #region Product Specs */
/* #endregion Product Specs */
/* #region Technical Product Details */
.feature_table {
  display: grid;
  row-gap: 8px;
  grid-template-columns: minmax(160px, 1fr) minmax(180px, 1fr);
}
.feature_table > h3 {
  grid-column: 1/-1;
}
.feature_table .emo_pf_header,
.feature_table .emo_pf_value {
  border-bottom: 1px solid #bfbfbf;
  padding-bottom: 7px;
}
.feature_table .emo_pf_value {
  color: #808080;
  padding-left: 7px;
}

/* #endregion Technical Product Details */
/* #region Video Feed */
.emo_video_container {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-flow: row wrap;
}
.emo_video_container > .et_pb_video {
  width: 100%;
}

/* #endregion Video Feed */
/* #region Product Downloads */
.download_list {
  list-style: none !important;
  padding: 8px 0 0 !important;
}
.download_list li {
  line-height: 1.3;
  padding-bottom: 0.75rem;
  padding-left: 1.9rem;
  position: relative;
}
.download_list li::before {
  display: none;
}
.download_list li.pdf a::before {
  content: "i";
}
.download_list li.zip a::before {
  content: "\e05f";
}
.download_list li.img a::before {
  content: "\e006";
}
.download_list li a {
  color: #565656;
  position: static;
  transition: all 300ms ease;
}
.download_list li a:hover {
  color: #b72221;
}
.download_list li a::before {
  color: inherit;
  content: "\e004";
  font-family: "EtModules";
  left: 0;
  position: absolute;
}

/* #endregion Product Downloads */
/* #region Product Add-Ons */
.cta_blurb_container .et_pb_column {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-flow: row wrap;
  gap: 1rem;
}
.cta_blurb_container .et_pb_blurb.et_pb_module.emo_info_button {
  margin-bottom: 1rem !important;
}

.emo_product_addons .et_pb_gallery_title {
  color: #333;
}

/* #endregion Product Add-Ons */
/* #region Advantages of Emobay */
.emo_advantages_container {
  display: grid;
  gap: 1rem 0;
  grid-template-columns: 2fr 3fr 2fr;
}
.emo_advantages_container .featured_image {
  align-items: center;
  display: flex;
  grid-column: 2/3;
  grid-row: 1/5;
}
.emo_advantages_container .emo_adv_feature {
  line-height: 1.3;
  position: relative;
  padding-left: 50px;
}
.emo_advantages_container .emo_adv_feature::before {
  aspect-ratio: 97/93;
  background-image: url("/wp-content/uploads/2022/11/icon-elektro-senioren-scooter-elektro-fahrzeuge.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: auto;
  left: 0;
  position: absolute;
  width: 32px;
}

/* #endregion Advantages of Emobay */
/* #region AddOn Header */
.addon_header, .advantages_header, .rel_products_header, .emo_advantages_header {
  text-align: center;
}
.addon_header span, .advantages_header span, .rel_products_header span, .emo_advantages_header span {
  color: #b72221;
  font-weight: 700;
}

/* #endregion AddOn Header */
/* #endregion Single Product Pages */
/* #region Footer */
body.cookies-not-set footer .bottom-nav {
  padding-bottom: 7rem;
}

/* #endregion Footer */
/* #region Responsive Design */
/* #region 981px - 1460px */
@media only screen and (min-width: 1131px) and (max-width: 1460px) {
  header .container {
    padding-top: 1rem;
  }
  header #logo {
    max-width: 205px;
  }
  .et_header_style_left .logo_container {
    position: initial;
    display: block;
  }
  #et-top-navigation {
    padding-left: 0 !important;
    float: none;
    text-align: left;
  }
  #et-top-navigation #top-menu,
  #et-top-navigation .et-menu,
  #et-top-navigation nav#top-menu-nav,
  #et-top-navigation nav.et-menu-nav {
    float: none;
  }
}
/* #endregion 981px - 1460px*/
/* #region min-width 1201px */
@media only screen and (min-width: 1201px) {
  .emo_video_container > .et_pb_video {
    width: 47.5%;
  }
}
/* #endregion 1201px */
/* #region min-width 981px */
/* #endregion min-width 981px */
/* #region max-width 1130px */
@media only screen and (max-width: 1130px) {
  header#main-header #top-menu-nav {
    display: none;
  }
  header#main-header #et_mobile_nav_menu {
    display: block;
  }
}
/* #endregion 1130px */
/* #region max-width 980px */
@media only screen and (max-width: 980px) {
  .emo_services_section .et_pb_row .emo_services .et_pb_column h5.et_pb_module_header {
    font-size: 1rem;
  }
}
/* #endregion 980px */
/* #region max-width 800px */
@media only screen and (max-width: 800px) {
  .emo_advantages_container {
    gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }
  .emo_advantages_container .featured_image {
    grid-column: 1/3;
    grid-row: 1/2;
    margin-bottom: 1rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 580px;
  }
}
/* #endregion 800px */
/* #region 551px - 980px */
@media only screen and (max-width: 980px) and (min-width: 551px) {
  .emo_video_container > .et_pb_video {
    width: 47.5%;
  }
}
/* #endregion 551px - 980px */
/* #region max-width 767px */
@media only screen and (max-width: 767px) {
  .emo_services_section .et_pb_row .emo_services .et_pb_column {
    align-items: center;
    justify-content: center;
    column-gap: 3rem;
  }
  .emo_services_section .et_pb_row .emo_services .et_pb_column .et_pb_blurb {
    width: 49%;
  }
  .emo_services_section .et_pb_row .emo_services .et_pb_column .et_pb_blurb:last-of-type {
    width: 100%;
    margin: 0 !important;
  }
  #page-container .cta_blurb_container .et_pb_column {
    flex-flow: column nowrap;
    float: none;
    gap: 0;
    margin-left: auto;
    margin-right: auto !important;
    max-width: 200px;
  }
}
/* #endregion 767px */
/* #region max-width 550px */
@media only screen and (max-width: 550px) {
  .emo_advantages_container {
    grid-template-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
    max-width: 350px;
  }
  .emo_advantages_container .featured_image {
    grid-column: unset;
  }
}
/* #endregion 550px */
/* #region max-width 479px */
@media only screen and (max-width: 479px) {
  .emo_services_section .et_pb_row .emo_services .et_pb_column .et_pb_blurb h5.et_pb_module_header {
    font-size: 0.8rem;
  }
}
/* #endregion */
/* #endregion */
/* #region WordPress Hacking */
#wp-admin-bar-my-account a {
  font-size: 0;
}

.nxt_afp_posts .et_pb_button {
  background-color: #b72221;
}

.et_pb_row_3 details summary {
  background-color: #b72221;
}

.et_pb_code_inner:has(.nxt_breadcrumb_home) a {
  color: #b72221 !important;
}

.et_pb_blurb[class*=_tb_body] {
  background-color: #b72221 !important;
}

.et_pb_blurb[class*=_tb_body]:hover {
  background-color: #a01e1d !important;
}

/* #endregion */

/*# sourceMappingURL=style.css.map */