/*
Theme Name:  Jowist
Theme URL:   http://jowist.de
Description: Das ist ein Child-Theme von Divi
Author:      Jowist
Author URL:  http://jowist.de
Template:    Divi
Version:     1.0.0
*/
/* fonts*/
/* oxygen-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Oxygen";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/oxygen-v15-latin-regular.woff2") format("woff2"), url("fonts/oxygen-v15-latin-regular.woff") format("woff");
  /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/roboto-v30-latin-regular.woff2") format("woff2"), url("fonts/roboto-v30-latin-regular.woff") format("woff");
  /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-500 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("fonts/roboto-v30-latin-500.woff2") format("woff2"), url("fonts/roboto-v30-latin-500.woff") format("woff");
  /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("fonts/roboto-v30-latin-700.woff2") format("woff2"), url("fonts/roboto-v30-latin-700.woff") format("woff");
  /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* #endregion */
/* #region Flex-Designs */
/* 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 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;
}

/* #endregion */
/* #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 Header*/
h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto", "Times New Roman", "Times", "Georgia", serif;
}

/* #endregion Header*/
/* #region Body*/
.body {
  font-family: "oxygen", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

/* #endregion Body*/