/*
 Theme Name:     BVpta
 Theme URI:      http://www.bvpta.de
 Description:    BVpta
 Author:         health&media GmbH
 Author URI:     http://www.health-media.de
 Template:       Divi
 Version:        1.0.0
*/

/* ------------------------------------------------------- */

.no-show {
    display: none !important;
}
.smartphone-only {
  display: none;
}
@media all and (max-width: 767px) {
  .hide-smartphone {
    display: none !important;
  }
  .smartphone-only {
    display: block;
  }
}

/* Divi SVG Handling */
.et_pb_image .et_pb_image_wrap img[src*=".svg"] {
    width: 100%;
}

/* Layout */
#main-content {
  background-color: #F1F7FC;
}
p:not(.has-background):last-of-type {
  padding-bottom: 1em;
}
  /* Sidebar entfernen */
/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {background: none;}
/*** Hide Sidebar ***/
#sidebar {display:none;}
/*** Expand the content area to fullwidth ***/
@media (min-width: 981px){
#left-area {
    width: 100%;
    padding: 23px 0px 0px !important;
    float: none !important;
}
}
  /* Seiten ohne Divi */
h1.entry-title.main_title {
  font-family: 'Roboto 900', Helvetica, Arial, Lucida, sans-serif;
  font-weight: 900;
  font-size: 51px;
  color: #FF3399!important;
  line-height: 1.3em;
}
@media all and (min-width: 768px) and (max-width: 980px) {
  h1.entry-title.main_title {
    font-size: 32px;
  }
}
@media all and (max-width: 767px) {
   h1.entry-title.main_title {
    font-size: 26px;
  }
}
.wp-caption {
  border: none;
  background-color: unset;
}

article .entry-content h2, h2.standard {
  font-weight: 700;
  font-size: 22px;
  color: #003A80!important;
  line-height: 1.3em;
}
article .entry-content h3 {
  font-weight: 600;
  font-size: 18px;
  color: #003A80!important;
  line-height: 1.3em;
}
article .entry-content h4 {
  font-weight: 600;
  font-size: 14px;
  color: #003A80!important;
  line-height: 1.3em;
}
#main-content .container:first-of-type {
  /* padding-top: 214px !important; */
  padding-top: 70px !important;
}
#left-area {
  background-color: #fff;
  padding-top: 0 !important;
}
#left-area article {
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 35px;
  padding-bottom: 35px;
}
@media only screen and (max-width: 767px) {
  #left-area article {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* Typo */
li.checkmark {
  list-style: none;
    display: block;
    /* margin-left: -1em; */
    vertical-align: middle;
}
li.checkmark:before {
  content: '✓';
  margin-right: 0.5em;
  margin-left: -1.2em;
}
.entry-content sup, .et_builder_inner_content sup {
  font-size: 80%;
  bottom: .5em;
}
.entry-content small, .et_builder_inner_content small {
  font-size: 80%;
}

/* Dropdowns */
.et_pb_module select, .et_pb_module input {
  background-color: #eee;
    border: 0;
    font-size: 14px;
    color: #333;
    padding: 16px;
    line-height: initial;
    height: initial;
    border-radius: 3px;
    width: 200px;
}

/* Button */
.et_pb_button, .et_pb_button:hover, .gform_wrapper .gform_button.button, .gform_wrapper .gform_button.button:hover {
  display: inline-block;
  /* width: max-content; */
  max-width: 100%;
  padding-left: 2em !important;
  padding-right: 2em !important;
  cursor: pointer !important;
}
.et_pb_button.blue {
  background-color: #003A80 !important;
  border-color: #003A80 !important;
}
.et_pb_button:hover, body.et-db #et-boc .et-l .et_pb_button.blue:hover {
  color: #003A80 !important;
  background-color: #fff !important;
  border-color: #003A80 !important;
}
body .et_pb_button.et_pb_button_inactive {
  background-color: #ccc !important;
  border-color: #ccc !important;
  color: #003A80 !important;
}
body .et_pb_button.et_pb_button_inactive:hover:after {
  content: "\E000";
  font-size: 20px;
  line-height: 1.5em;
  margin-left: 0.5em;
}
body #page-container .et_pb_section .et_pb_button:hover:before {
  font-size: 32px !important;
  margin-left: -1em !important;
}
/* Gravity Forms Button */
.gform_wrapper .gform_button.button {
  font-size: 20px !important;
  font-weight: 500 !important;
  padding: .3em 1em !important;
  line-height: 1.7em !important;
}
.gform_wrapper .gform_button.button:after {
  font-size: 32px;
  line-height: 1em;
  content: "\35";
  opacity: 0;
  position: absolute;
  margin-left: -1em;
  -webkit-transition: all .2s;
  transition: all .2s;
  text-transform: none;
  -webkit-font-feature-settings: "kern" off;
  font-feature-settings: "kern" off;
  font-variant: none;
  font-style: normal;
  font-weight: 400;
  text-shadow: none;
}
.gform_wrapper .gform_button.button:hover:after {
  opacity: 1;
  margin-left: 0;
}
.gform_wrapper .gform_button.button:after {
  transition: all 300ms ease 0ms;
}
body .gform_wrapper .gform_footer {
  text-align: unset;
}

/* Gravity Forms */
body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), body .gform_wrapper textarea.textarea, body div.form_saved_message div.form_saved_message_emailform form input[type=text], body .gform_wrapper select {
  color: #333;
}
.gform-theme--api, .gform-theme--framework {
  --gf-color-primary: #003a80 !important;
}
body .gform_wrapper .gform_body .gfield_label, .gfield_required_asterisk {
  font-size: 18px;
  font-weight: 600;
}
.gfield--input-type-adminonly_hidden {
  display: none;
}
.gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):where(:not([multiple])) {
  --gf-local-padding-x: var(--gf-ctrl-select-padding-x) !important;
  background-image: var(--gf-icon-ctrl-select) !important;
  background-position: var(--gf-ctrl-select-icon-position) !important;
  background-repeat: no-repeat !important;
  background-size: var(--gf-ctrl-select-icon-size) !important;
}

/* Menü */

/* Change Breakpoint */
@media (max-width: 1359px) {
  .et_header_style_left #et-top-navigation, .et_header_style_left .et-fixed-header #et-top-navigation {
    padding-top: 24px !important;
    display: block !important;
  }
  #et_mobile_nav_menu {
  display: block;
  }
 #top-menu {
  display: none;
  }
  #et_top_search {
        margin: 0 35px 0 0;
        float: left;
  }
}
@media (min-width: 981px) and (max-width: 1359px) {
  #et_top_search {
    margin: 10px 35px 0 0;
    float: left;
  }
}

#main-header {
  box-shadow: none;
}
#main-header .et_mobile_menu {
  background-color: #f1f7fc !important;
  max-height: 60vh;
  overflow-y: auto;
}

@keyframes changeBackground {
    0%   {background-color: transparent;}
    100% {background-color: #fff;}
}
.et-fixed-header {
    animation: changeBackground 0.1s ease-in-out forwards;
}
#page-container .et-fixed-header#main-header {
    -webkit-box-shadow: 0 0 7px rgba(0,0,0,.1)!important;
    box-shadow: 0 0 7px rgba(0,0,0,.1)!important;
}
#top-menu li li a {
  width: 280px;
}
.sub-menu {
  width: 300px !important;
}
.et_mobile_menu .sub-menu {
  max-width: 100%;
}
/* Footermenu */
@media all and (max-width: 767px) {
  .bvpta-footer .et_pb_row {
    flex-direction: column-reverse;
  }
  .bvpta-footer .et_pb_menu__menu>nav>ul>li {
    width: 100%;
  }
}
.footer-menu.et_pb_menu .et_pb_menu__menu,.footer-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
    display: flex!important;
}
 
.footer-menu .et_mobile_nav_menu {
    display: none;
}

/* top-header */
#top-header {
  z-index: 9;
}
#et-info > #et-info-phone:before {
  display: none;
}
#et-info .tagline {
  padding-right: 20px;
}
@media all and (max-width: 767px) {
  #et-info .tagline {
    display: block;
    padding-bottom: 5px;
  }
}
#et-info-phone #et-info-phone {
  margin-right: 20px;
}

/* Kooperationspartner */
.kooperationspartner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

/* Fördermitglieder */
.foerdermitglieder {
  display: flex;
  flex-wrap: wrap;
  column-gap: 30px;
  row-gap: 30px;
  justify-content: space-between;
}
.foerdermitglieder .foerdermitglied .content {
  padding: 15px;
}

/* PTA-Schulen */
#pta-schulen {
  margin-top: 25px;
}
.bvpta-grid-item.pta-schule a {
  line-break: anywhere;
}
.bvpta-grid-item.pta-schule .stadt {
  background-color: #003A80;
  color: white;
  /* width: fit-content; */
  padding: 5px;
}

/* Menü-Seiten */
/* Icon */
/* .text-page-submenu:after {
  content: '';
  position: absolute;
  bottom: -60px;
  right: 10px;
  background-image: url(/wp-content/uploads/pfeil-nach-rechts-1.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
} */

/* BVpta Grid */
.bvpta-grid {
  display: flex;
  flex-wrap: wrap;
  column-gap: 30px;
  row-gap: 30px;
  justify-content: space-between;
}
.bvpta-grid-item {
  flex-basis: 350px;
  background-color: #fff;
  flex-grow: 1;
}
.bvpta-grid-item .datum, .bvpta-grid-item .kategorie, .bvpta-grid-item .teaser {
  color: #222222 !important;
}
.bvpta-grid-meta {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
}
.no-card .bvpta-grid-meta {
  padding-left: 0;
  padding-right: 5px;
}
.bvpta-grid-meta .title, .coursegrid .course h3, .foerdermitglied-title {
  font-weight: 700;
  font-size: 22px;
  color: #003A80 !important;
  line-height: 1.3em;
}
.foerdermitglied-title {
  padding-bottom: 15px;
}

.bvpta-grid-meta .teaser {
  padding-top: 15px;
  padding-bottom: 15px;
}
.bvpta-grid::after {
  content: "";
  flex-basis: 350px;
  flex-grow: 1;
}
.bvpta-grid-item.coursehelper {
  background-color: transparent !important;
  display: block !important;
}
/* Kategorie-Overlay */
.bvpta-grid-item .image-wrapper {
    position: relative;
}
.bvpta-grid-item .image-wrapper::after {
    content: attr(data-category);
    position: absolute;
    font-size: 18px;
    top: 10px;
    right: 0;
    background: #003A80;
    color: #fff;
    padding: 5px 10px 5px 30px;
}

/* BVpta News und Kurse */
.aktuelle-meldungen .bvpta-grid-item, .coursegrid .bvpta-grid-item {
  box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, .3);
  transition: box-shadow .25s ease-in-out, -webkit-box-shadow .25s ease-in-out;
}
.aktuelle-meldungen .bvpta-grid-item:hover, .coursegrid .bvpta-grid-item:hover {
  box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.5);
}
  /* Kein Datum bei Testeraktionen und Gewinnspielen */
.aktuelle-meldungen .bvpta-grid-item[data-category="gewinnspiel"] .datum, .aktuelle-meldungen .bvpta-grid-item[data-category="testeraktion"] .datum {
  display: none;
}
.course.bvpta-grid-item .et_pb_button {
  width: 100%;
  text-align: center;
}
.course.bvpta-grid-item {
  display: flex;
  flex-direction: column;
}
.coursegrid .courseimage {
  position: relative;
}
.coursegrid .courseimage:after, .course-status:after {
    position: absolute;
    left: 0;
    bottom: 9px;
    width: 100%;
    background-color: rgba(0, 106, 179, .8);
    color: #fff;
    text-align: left;
    padding-left: 15px;
    box-sizing: border-box;
}
/* .coursegrid .bvpta-grid-item .icons {
  float: right;
  max-width: 75px;
  margin-left: 15px;
  margin-bottom: 15px;
} */
.coursegrid .bvpta-grid-meta {
  height: 100%;
  display: grid;
  grid-template-columns: auto 75px;
  grid-template-rows: repeat(4, auto) 50px;
  grid-column-gap: 15px;
  grid-row-gap: 0px;
}
.coursegrid .bvpta-grid-meta .icons {
  grid-area: 1 / 2 / 5 / 3;
  margin-bottom: 15px;
}
.coursegrid .bvpta-grid-meta .first-content {
  grid-area: 1 / 1 / 5 / 2;
}
/* .coursegrid .bvpta-grid-meta p.cat-links {
  grid-area: 2 / 1 / 3 / 2;
}
.coursegrid .bvpta-grid-meta .laufzeit {
  grid-area: 3 / 1 / 4 / 2;
}
.coursegrid .bvpta-grid-meta .sponsor {
  grid-area: 4 / 1 / 5 / 2;
} */
.coursegrid .bvpta-grid-meta .et_pb_button {
  grid-area: 5 / 1 / 6 / 3;
}
.coursegrid .bvpta-grid-item .icon {
  max-width: 65px;
}
.coursegrid .laufzeit, .coursegrid .sponsor, .coursegrid span.cat-links {
  font-size: 80%;
}
.coursegrid .laufzeit {
  padding-bottom: 0;
}
.coursegrid .cat-links {
  padding-bottom: 6px;
    line-height: 1.3em;
}

/* BVpta Grid BVpta News Startseite+Footer (früher Top-Aktuell) */
.top-aktuell .bvpta-grid-item {
  flex-basis: 250px;
  flex-grow: 1;
  margin-bottom: 30px;
  box-shadow: none;
}
.bvpta-grid-item.coursehelper {
  flex-basis: 350px;
  box-shadow: none;
}
.top-aktuell .bvpta-grid-item:hover, .bvpta-grid-item.coursehelper:hover {
  box-shadow: none;
}
.top-aktuell .coursehelper {
  flex-basis: 250px;
  flex-grow: 1;
  height: 0;
}
@media all and (min-width: 612px) and (max-width: 1488px) {
  .top-aktuell .bvpta-grid-item, .top-aktuell .coursehelper {
    flex-basis: calc(50% - 30px);
  }
}
.top-aktuell .bvpta-grid-item .kategorie {
  color: #003A80 !important;
  font-size: 22px;
  font-weight: 600;
  padding-bottom: 10px;
}
.top-aktuell .bvpta-grid-item .title {
  color: #003A80 !important;
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 10px;
  padding-top: 10px;
}
.top-aktuell .read-more {
  float: right;
  padding-top: 15px;
}
.top-aktuell .read-more img {
  position: relative;
  width: 15px;
  top: 2px;
}

/* Kurse Grid */
/* .coursegrid {
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
}
.coursegrid .course {
    box-shadow: 0px 2px 18px 0px rgba(0,0,0,.3);
    transition: box-shadow .25s ease-in-out, -webkit-box-shadow .25s ease-in-out;
    flex-basis: 250px;
    flex-grow: 1;
    margin-bottom: 30px;
}
.coursegrid .course:hover {
  box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.5);
}
.coursegrid::after {
    content: "";
    flex-basis: 250px;
    flex-grow: 1;
}
.coursegrid .coursehelper {
    flex-basis: 250px;
    flex-grow: 1;
    height: 0;
} */

/* Kurs einzeln */
.kurs_einzeln article {
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
  padding: 20px;
  /* box-shadow: 0px 2px 18px 0px rgba(0,0,0,.3); */
  margin-top: 214px;
  margin-bottom: 50px;
  background-color: #fff;
}
.button_container {
  display: flex;
  flex-direction: column;
  text-align: center;
  row-gap: 5px;
  margin-bottom: 25px;
}
.button_container .horizontalline {
  border: 1px solid #003A80;
  width: 80%;
  margin-top: 10px;
  margin-bottom: 10px;
}
@media all and (min-width: 600px) {
  .single-course .beschreibung img.alignleft, .single-course .beschreibung img.alignright, .single-aktuelle-meldungen img.alignright, .single-aktuelle-meldungen img.alignleft {  
    max-width: 50%;
  }
}
@media all and (max-width: 980px) {
  .single-course .sponsor, .single-seminar .sponsor {
    max-width: 60%;
  }
}

/* Filter */
  /* Filter ausblenden*/
.hm_lms_filter_widget .et_pb_toggle_item.sponsor, .hm_lms_filter_widget .et_pb_toggle_item.schlagwoerter {
  display: none;
}
  /* Bei Filter 'Format' (typ) nur bestimmte Filter anzeigen */
.hm_lms_filter_widget .typ .list {
  display: none;
}
.hm_lms_filter_widget .typ .list.e-learning, .hm_lms_filter_widget .typ .list.printschulung {
  display: list-item;
}

#hm_lms_filter_widget-2 {
    width: 100% !important;
}
.courses_filter {
    box-shadow: none;
    padding-top: 0px !important;
  }
  .filtersection .et_pb_toggle .et_pb_toggle_title {
    padding-right: 10px;
    overflow: hidden;
  }
  /* .filtersection .et_pb_toggle {
    overflow: hidden;
  } */
  .hm_lms_filter_widget .et_pb_toggle h4 {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
  }
  @media (max-width: 320px) {
    .filtersection .et_pb_toggle h4, input#search-filter {
      font-size: 16px !important;
    }
  }
  .hm_lms_filter_widget > input::before {
    position: absolute;
    top: -3px;
    left: 0;
    font-size: 17px;
    font-family: ETmodules!important;
    content: "\55";
  }
  .hm_lms_filter_widget ul {
    list-style: none;
    padding-left: 0px;
  }
  .hm_lms_filter_widget li::after {
      content: "";
      display: block;
      width: 250px;
      padding-top: 5px;
      border-bottom: 1px solid #ccc;
      max-width: 100%;
  }
  .courses_filter input[type=text] {
    width: 100%;
    max-width: 275px;
    min-height: 30px;
    margin-bottom: 15px;
  }
  .hm_lms_filter_widget .et_pb_toggle_item input[type=checkbox] {
    -webkit-appearance: auto;
    outline: none;
  }
  input[type=checkbox], .et_pb_contact p input[type=checkbox]+label i {
      width: 18px;
      height: 18px;
      /* border: 1px solid #aeaeae; */
      outline: 1px solid #aeaeae;
      background-color: #fff;
      -webkit-appearance: initial;
      cursor: pointer;
      margin-right: 10px;
      margin-bottom: 6px;
  }
  input[type=checkbox]:checked, .et_pb_contact p input[type=checkbox]:checked+label i {
      width: 18px;
      height: 18px;
      border: 4px solid #fff;
      /* background-color: #3a3a3a; */
      outline: 1px solid #aeaeae;
  }
  /* Incomplete Schalter/Checkbox */
  input[type="checkbox"]#incomplete-filter {
    display:none;
  }
  label input[type="checkbox"]#incomplete-filter {
    width: 64px;
    height: 34px;
    border-radius: 30px;
    border: 2px solid #ddd;
    background-color: #EEE;
    display: inline-block;
    content: "";
    transition: background-color 0.5s linear;
    outline: none;
    margin: 0 0 0 30px;
    padding: 0;
  }
  .incomplete_wrapper label {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
  }
  label input[type="checkbox"]#incomplete-filter:hover {
    cursor: pointer;
  }
  label input[type="checkbox"]#incomplete-filter::before {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background-color: #fff;
    display: block;
    content: "";
    float: left;
    margin-right: 30px;
    transition: margin 0.1s linear;
    box-shadow: 0px 0px 5px #aaa;
  }
  label input[type="checkbox"]#incomplete-filter:checked{
    background-color: #94D900;
  }
  label input[type="checkbox"]#incomplete-filter:checked::before {
    margin: 0 0 0 30px;
  }
  
  .et_pb_contact p input[type=checkbox]:checked+label i:before {
    display: none;
  }
  .hm_lms_filter_widget li {
    margin-left: 12px;
    margin-right: 12px;
    margin-top: .5em;
    margin-bottom: 0;
  }
  .hm_lms_filter_widget ul {
    margin-bottom: 0.5em;
  }
  .hm_lms_filter_widget li label {
    display: flex;
    align-items: center;
    cursor: pointer;
    column-gap: 12px;
  }
  .courses_grid .et_pb_toggle, .courses_grid .et_pb_search {
    background-color: #ffffff !important;
    box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3)!important;
    border-radius: 0px;
  }
  .et_pb_toggle_title:before {
    color: #0069b3 !important;
  }
  .courses_grid .et_pb_search.et_pb_hide_search_button input.et_pb_s {
    line-height: 1.5em;
    font-size: 18px;
    padding-left: 20px !important;
    padding: 22px !important;
  }
    /* Filter neu (über Posts) */
  .et_pb_column.filter {
    width: 100%;
    padding-bottom: 0px;
    padding-top: 0px !important;
  }
  .filtersection {
    padding-bottom: 0px !important;
  }
  .filter #sidebar {
    padding-left: 0px;
  }
  .hm_lms_filter_widget {
    display: flex;
    flex-wrap: wrap;
    column-gap: 15px;
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 0px !important;
  }
  .hm_lms_filter_widget .et_pb_toggle_close, .hm_lms_filter_widget .et_pb_toggle_open {
    padding: 22px !important;
    box-shadow: 0px 12px 18px -6px rgba(0, 0, 0, 0.3) !important;
  }
  @media (max-width: 694px) {
    .hm_lms_filter_widget .et_pb_toggle_close, .hm_lms_filter_widget .et_pb_toggle_open {
      padding: 10px !important;
    }
  }
  .hm_lms_filter_widget .et_pb_module {
    flex-basis: 285px;
    margin-bottom: 10px !important;
    flex-grow: 1;
  }
  @media (max-width: 975px) {
    .hm_lms_filter_widget .et_pb_module {
      flex-basis: 210px;
    }
  }
  input#search-filter {
    width: 100%;
    height: 100%;
    line-height: 1.7em;
    font-size: 18px;
    padding-left: 20px !important;
    padding: 15px !important;
    box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3)!important;
    color: #666;
    border: 1px solid #d9d9d9;
    background-color: #f4f4f4;
  }
  ul.et_pb_toggle_content {
    margin-top: 25px;
    padding-bottom: 0px;
  }
  @media (max-width: 980px) {
  .et_pb_column  .hm_lms_filter_widget.et_pb_widget:nth-child(n) {
      width: 100% !important;
      margin-bottom: 0px !important;
    }
  }
  /* @media (min-width: 875px) { */
    .filter #sidebar {
      margin-left: -15px;
      /* margin-right: -15px; */
      width: calc(100% + 30px) !important;
      padding-bottom: 0px !important;
  }
  /* } */
  @media (max-width: 694px) {
    input#search-filter {
      padding: 10px !important;
    }
    .et_pb_toggle_close, .et_pb_toggle_open {
      padding: 9px;
    }
  }
  #filter_tags {
    width: 100%;
  }
  #filter_tags span.filter_tag {
    background: #fff;
    display: inline-block;
    padding: 0 4px;
    border: solid 1px #8cacdb;
    border-radius: 0;
    color: #0069b3;
    /* font-size: small; */
    margin-right: 15px;
    margin-top: 15px;
  }
  #filter_tags span.filter_tag i:after {
    display: inline-block;
    content: "\1f5d9";
    font-weight: bold;
    background: #8cacdb;
    padding: 0 4px;
    margin: 0 -4px 0 4px;
    cursor: pointer;
    color: #0069b3;
    font-style: normal;
  }
  #filter_tags span.filter_tag i:hover:after {
    color:#fff;
  }
  #hm_lms_filter_widget-2 .et_pb_toggle_item ul {
    position: absolute !important;
    background-color: white;
    border: 1px solid rgb(217, 217, 217);
    padding: 15px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 12px 18px -6px !important;
    z-index: 9999;
  }
  .et_pb_section.courses_filter {
    z-index: 1;
  }
  
  
  .courses_filter.hide-title.no-courses, .courses_filter.hide-title>h2 {
    display:none !important;
  }


/* News: Single */
.post_image_single {
  float: right;
  padding-left: 15px;
  padding-bottom: 15px;
  max-width: 50%;
}
@media all and (max-width: 767px) {
  .post_image_single {
    float: none;
    max-width: 100%;
  }
}






/* Quiz */
.qNav .questionNavItem, .questionNav a, .quizComplete a {
  display: inline-block;
  cursor: pointer;
}
.reportQuestions {
margin: 15px 0 0;
padding: 0 15px;
}
#quizReport {
background: #fdfdfd;
margin: 15px -15px 15px;
padding: 10px 15px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
box-shadow: inset 0 -2px 10px 2px rgba(200,200,200,0.1);
}
#quizReport h3 {
background: #fff;
cursor: pointer;
padding: 5px 0 5px 10px;
margin: auto;
box-shadow: 0 -2px 10px 3px rgba(0,0,0,0.1);
}
#quizReport h3:before {
content: "+ ";
color: #0069b3;
font-weight: 900;
font-size: larger;
padding: 6px;
}
#quizReport h3.expanded:before {
content: "\2212\20";
}
#quizReport ol.reportAnswers {
list-style: none;
counter-reset: li;
padding: 0 0 10px 25px;
}

#main-content article.quiz {
  max-width: 700px;
  margin: auto;
}
/* Testseite */
/*article.quiz .completedata!*, article.quiz .entry-content > div:first-child*! {*/
  /*box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);*/
  /*border: 3px solid #006ab3;*/
  /*margin-bottom: 25px;*/
  /*padding: 15px;*/
  /*display: flex;*/
  /*flex-direction: column;*/
  /*justify-content: center;*/
  /*align-items: center;*/
/*}*/
/*article.quiz .entry-content > div:first-child button {
  flex-basis: auto !important;
}*/
/*article.quiz .entry-content > div:first-child form {
  width: 100%;
  max-width: 400px;
  display: flex;
  flex-direction: column;
}*/
/*article.quiz .entry-content > div:first-child form label {
  justify-content: space-between;
  display: flex;
}*/
.quiz h1 {
  float: left;
}
h3.quiz {
  font-weight: 700;
  font-size: 22px;
  color: #003A80 !important;
  line-height: 1.3em;
}
.test_kurs_link {
  display: inline-block;
  float: right;
  line-height: 52px;
  cursor: pointer;
}
.quiz h3 {
  clear: both;
}

.single-quiz #main-content .container:before {
  width:0;
}

.single-quiz #main-content #left-area {
  width: 100%;
}


  /* Fragen Nav */
#left-area ul.qNav {
  list-style-type: none !important;
  display: flex;
  justify-content: space-around;
  padding-left: 0 !important;
  /* border-bottom: solid 2px #006ab3; */
  margin-bottom:10px;
}
.et_mobile_device_not_ipad div#qNavAnchor, .et_mobile_device_not_ipad ul.qNav {
  display: none !important;
}
.qNav.stick-it {
  position:fixed;
  margin:0 auto;
  padding-top:20px !important;
  max-width:700px;
  width:100%;
  box-shadow:0 7px 7px -5px rgba(0, 0, 0, 0.3);
  background:#ffffff;
  top:64px;
}

.questionNav.stick-it {
  position: fixed;
  margin: 0 auto;
  max-width: 700px;
  width: 100%;
  box-shadow: 0 -7px 7px -5px rgba(0,0,0,0.3);
  background: #fff;
  padding: 5px 0;
  bottom: 0;
  margin-left: -15px;
}

.qNav #qNavBtnOverview {
  padding: 0 0 0 0;
  font-size: 2em !important;
  line-height: 1.5em!important;
}
.qNav .questionNavItem {
  flex-basis: 50px;
  display: flex;
  cursor: pointer;
}
ul.qNav {
  padding-bottom: 0px !important;
  padding-right: 0px !important;
}
ul.qNav li.current {
    box-shadow: none;
}
.test_nav_button:after {
  display:none;
}
.test_nav_button {
  background: white !important;
  color: #003A80 !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  display: flex;
  justify-content: center;
  border: solid 2px #b0c4e7 !important;
  /* border-bottom: solid 2px transparent !important; */
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  width: 100%;
  border-bottom: solid 2px #006ab3 !important;
}
.questionNavItem.current .test_nav_button {
  background: #003A80 !important;
  color: white !important;
  border-color: #003A80 !important;
}
body .questionNavItem .test_nav_button:hover {
background: white !important;
color: #003A80 !important;
padding-left: 1em !important;
padding-right: 1em !important;
border: solid 2px #b0c4e7 !important;

}
/*.questionNavItem.current .test_nav_button:hover {*/
  /*background: white !important;*/
  /*color: #0069b3 !important;*/
  /*border-color: white;*/
/*}*/
div.questionNav {
  display: flex;
  justify-content: space-between;
}
.questionNav .et_pb_button {
  /* flex-basis: 300px; */
  justify-content: center;
  margin: 0 5px;
}
a#qNavBtnOverview {
  font-family: "ETmodules" !important;
}

#questions ol.reportQuestions, questions ol.reportAnswers {
  list-style-position: inside;
}
.quiz_question ol, .quiz_question ul {
  list-style-position: outside !important;
}

#afterMessage {
  margin: 0 auto;
  max-width: 800px;
}

.answered .test_nav_button {
  background-color: #b0c4e7 !important;
  color: #fff !important;
  /* border-bottom: solid 2px transparent !important; */
}

  /* Fragen */
.quiz_questions .qNumber {
  display: none;
}
ul#questions {
  list-style-type: none;
  padding-left: 0;
  padding-top: 20px;
}
ul#questions>li {
  display: inline-block;
  max-width: 800px;
  width:100%;
}
ul#questions li label {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  margin-top: 8px;
}

ul#questions ol.quiz_answers li:after, ul#questions .preReportAnswer:after {
    content: "";
    display: block;
    /* width: 250px; */
    width: 100%;
    padding-top: 5px;
    /* border-bottom: 1px solid #ccc; */
    border-bottom: 1px solid #0069b3;
    max-width: 100%;
}

ul#questions .preReportAnswer:after {
  margin-left: 17px;
}

#question_Overview {
  text-align:left;
}
#quizReport ol, #quizReport ul {
  list-style-position: outside;
}

ul#questions li label input {
  width: 18px;
  height: 18px;
  /* border: 1px solid #aeaeae; */
  outline: 1px solid #aeaeae;
  background-color: #fff;
  -webkit-appearance: initial;
  cursor: pointer;
  margin-right: 10px;
  margin-bottom: 6px;
  border: 4px solid #fff;
  min-width: 18px;
  padding: 6px !important;
}
ul#questions li label input:checked {
    width: 18px;
    height: 18px;
    border: 4px solid #fff;
    background-color: #003A80;
    outline: 1px solid #aeaeae;
    min-width: 18px;
}
ul#questions .quiz_answers {
  text-align:left;
}
ul#questions .question_text {
  text-align: left;
  font-weight: bold;
}
.quiz_answers p {
  padding-bottom: 0.3em !important;
}

#questions .preReportQuestion {
  font-weight: bold;
}

ul#questions .preReportAnswer {
  margin: 0 0 10px 0;
}

#questions ol.quiz_answers {
  list-style-type: upper-alpha;
  list-style-position: outside;
  margin-left: 25px;
}

.button_hidden {
  cursor:default;
  visibility:hidden;
}

.questionNav a.prev.et_pb_button:before {
  font-family: "ETmodules"!important;
  content: "\34";
  opacity: 0;
  display: inline-block}

.questionNav a.prev.et_pb_button:hover {
  padding-left: 2em;
  padding-right: 0.7em
}

.questionNav a.prev.et_pb_button:after {
  display: none
}


.questionNav a.prev.et_pb_button:hover:before {
  opacity: 1
}

/* Quiz Report */
.reportQuestions {
  margin: 15px 0 0;
  padding: 0 15px 0 20px !important;
}

.reportQuestions p {
  padding-bottom: 0 !important;
}

#quizReport {
  background: #fdfdfd;
  margin: 15px -15px 15px;
  padding: 10px 15px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  box-shadow: inset 0 -2px 10px 2px rgba(200,200,200,0.1);
}

#quizReport h4 {
  font-size: 18px;
  font-weight: 700;
}

#quizReport h3 {
  background: #fff;
  cursor: pointer;
  padding: 5px 0 5px 10px;
  margin: auto;
  box-shadow: 0 -2px 10px 3px rgba(0,0,0,0.1);
}

#quizReport h3:before {
  content: "+ ";
  color: #0069b3;
  font-weight: 900;
  font-size: larger;
  padding: 6px;
}

#quizReport h3.expanded:before {
  content: "\2212\20";
}


#quizReport ol.reportAnswers {
  list-style: none;
  counter-reset: li;
  padding: 0 0 10px 25px;
}

/* Fix Counter-Reset in Firefox 70 */
 @-moz-document url-prefix() {
  ol.reportAnswers {
    counter-reset: revert !important;
    counter-set: li !important;
  }
} 

.reportAnswers li {
  margin:2px;
  padding: 0 5px;
  position: relative;
}

.reportAnswers li.correct { font-weight: bold; }

.reportAnswers li.user_selected { background: #fdd; }

.reportAnswers li.correct.user_selected { background: #cfd; }

.reportAnswers li:before {
  background: #bbb;
  content: counter(li, upper-alpha);
  counter-increment: li;
  position: absolute;
  left: -25px;
  top: -1px;
  width: 19px;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 5px;
  margin: 0;
  color: #fff;
  font-weight: bold;
}

.reportAnswers li.correct:before { background: #8da; }

.reportAnswers li.user_selected:before { background: #e87; }

.reportAnswers li.correct.user_selected:before { background: #8da; }

/* Quiz Profile completion */
#quiz-profile-completion .et_pb_contact_field {
  padding-left: 0 !important;
  margin-bottom: 0 !important;
}
#quiz-profile-completion input {
  box-shadow: rgba(18, 25, 97, 0.08) 0px 1px 4px 0px;
  border-radius: 3px;
}
#quiz-profile-completion input:focus {
  box-shadow: 0 0 0 0 transparent, 0 0 0 3px rgba(32, 76, 229, 0.3);
}
#quiz-profile-completion .et_pb_contact_field label {
  font-size: 18px;
  font-weight: 600;
}
#quiz-profile-completion .et_pb_contact_field label .required {
  font-weight: 400;
  color: #c02b0a;
  font-size: 12px;
}
#quiz-profile-completion .flex-two {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
#quiz-profile-completion .flex-two .et_pb_contact_field {
  flex-basis: 50%;
}
@media all and (max-width: 767px) {
  #quiz-profile-completion .flex-two {
    flex-direction: column;
  }
  #quiz-profile-completion .flex-two .et_pb_contact_field {
    width: 100%;
  }
}
#quiz-profile-completion .et_pb_contact_field select {
  width: 100%;
}
#quiz-profile-completion .et_pb_contact_field[data-type=select]:after {
  top: 58%;
}
  /* Punktekonto */
  .information {
    width: 100%;
    margin: 0 0 15px 0;
    border: 1px solid #0069b3;
    text-align: left;
    padding: 24px;
  }
  .footable-filter-container input {
    float: left !important;
  }
  #table_punktekonto td.footable-last-column {
    width: 200px;
  }
  .et_pb_row.cme_points {
    width: 100%;
  }
  .cme_points strong {
    float: left;
    font-size: 50px;
    display: block;
    line-height: 1em;
    padding: 0 10px;
    height: 100%;
  }
  .cme_points input {
    width: 83px;
    padding: 4px 6px;
    border: 2px solid #0069b3;
    color: #0069b3;
  }
  .is-today .pika-button {
    color: #0069b3; 
  }
  .pika-button:hover, .pika-row.pick-whole-week:hover .pika-button {
    color: #0069b3;
    padding: 3px;
    background-color: white;
    border: 2px solid #0069b3;
}
  .cme_points input#date1 {
    border-right: 1px solid #bbb;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }
  .cme_points input#date2 {
    border-left: 1px solid #bbb;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }
  .is-selected .pika-button, .has-event .pika-button {
    color: #fff;
    font-weight: bold;
    background: #0069b3;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px;
  }
  .zertifikate .et_pb_button {
    margin-top: 10px;
    margin-bottom: 10px;
  }

/* Load more Button */
.loadMoreBtn, .gform_wrapper .gform_button.button {
  margin: auto;
  color: #ffffff;
  background-color: #ff3399 !important;
  border-color: #ff3399 !important;
  border-radius: 5px !important;
  display: block;
    width: max-content;
    padding-left: 2em !important;
    padding-right: 2em !important;
    position: relative;
    font-size: 20px;
    font-weight: 500;
    padding: .3em 1em;
    line-height: 1.7em !important;
    background-color: transparent;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 2px solid;
    border-radius: 3px;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: all !important;
    transition-property: all !important;
}
.loadMoreBtn:hover, .gform_wrapper .gform_button.button:hover {
  color: #ff3399 !important;
  background-color: #ffffff !important;
  border-color: #ff3399 !important;
}

/* Tarifrechner */
.tarifrechner-table, .tarifrechner-formcoursehelper {
  overflow-x: auto;
}
.tariftabelle th {
  background-color: #1981BF;
  color: white !important;
}
.tariftabelle td.monthly {
  font-weight: 700;
}
.tarifrechner-form {
  display: flex;
  grid-gap: 20px;
}
.tarifrechner-form .ergebnis {
  align-self: flex-end;
}

/* Social Fähnchen */
#icon_wrapper .fuse_social_icons_links .awesome-social:hover {
  transition: all .3s;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
}
#icon_wrapper .fuse_social_icons_links .awesome-social:hover {
  width: 58px !important;
  opacity: 0.5;
}
@media all and (max-width: 767px) {
  #icon_wrapper .awesome-social {
    line-height: 25px !important;
    width: 24px !important;
    height: 24px !important;
    font-size: 14px !important;
  }
}





  /* Im Hamburger-Menü entfernen */
  #mobile_menu .menu-icons a:before, #mobile_menu .menu-icon-flag { display: none !important; }


/***************************** DIVI SPACE MENU ICONS *******************************/

@media (min-width: 981px) {
 
  .menu-icons a { padding-left: 20px; }
  .menu-icons a:before { font-family: 'ETmodules'; position: absolute; color: #fff; }

  .menu-image img {
    height: 1em;
    position: absolute;
    top: 0;
    left: 0;
  }
  
  #main-header .menu-icons a:before { top: 0; left: 0; }
  .sub-menu .menu-icons a:before { margin-top: 6px; left: 0; }
  #top-header .menu-icons a:before { left: 0px; top: 0px; }
  
 /************************************ MENU ICONS **********************************/
  /*** QUOTE MARKS ***/ .menu-icon-1 a:before { content: "\7c"; }
  /*** CLOCK FACE ***/ .menu-icon-2 a:before { content: "\7d"; }
  /*** CLOSED PADLOCK ***/ .menu-icon-3 a:before { content: "\7e"; }
  /*** KEY ***/ .menu-icon-4 a:before { content: "\e001"; }
  /*** CLOUD ***/ .menu-icon-5 a:before { content: "\e002"; }
  /*** LANDSCAPE IMAGE ICON ***/ .menu-icon-6 a:before { content: "\e005"; }
  /*** LIGHTBULB ***/ .menu-icon-7 a:before { content: "\e007"; }
  /*** CAMERA ***/ .menu-icon-8 a:before { content: "\e00f"; }
  /*** ENVELOPE ***/ .menu-icon-9 a:before { content: "\e010"; }
  /*** CREDIT CARD ***/ .menu-icon-10 a:before { content: "\e014"; }
  /*** SHOPPING CART ***/ .menu-icon-11 a:before { content: "\e015"; }
  /*** LOCATION PIN ***/ .menu-icon-12 a:before { content: "\e01d"; }
  /*** CALENDAR ***/ .menu-icon-13 a:before { content: "\e023"; }
  /*** CONTACTS BOOK ***/ .menu-icon-14 a:before { content: "\e026"; }
  /*** HEART ***/ .menu-icon-15 a:before { content: "\e030"; }
  /*** COFFEE CUP ***/ .menu-icon-16 a:before { content: "\e105"; }
  /*** WALLET ***/ .menu-icon-17 a:before { content: "\e100"; }
  /*** BRIEFCASE ***/ .menu-icon-18 a:before { content: "\e0fe"; }
  /*** STAR ***/ .menu-icon-19 a:before { content: "\e031"; }
  /*** HOME ***/ .menu-icon-20 a:before { content: "\e009"; }
  /*** LINK CHAIN ***/ .menu-icon-21 a:before { content: "\e02c"; }
  /*** LIKE THUMBS UP ***/ .menu-icon-22 a:before { content: "\e106"; }
  /*** HOURGLASS ***/ .menu-icon-23 a:before { content: "\e0e1"; }
  /*** PIE CHART ***/ .menu-icon-24 a:before { content: "\e029"; }
  /*** OPENED PADLOCK ***/ .menu-icon-25 a:before { content: "\e000"; }
  /*** PERSON ***/ .menu-icon-26 a:before { content: "\e08a"; }
  /*** Pen and Pad ***/ .menu-icon-27 a:before { content: "\6c"; }
  /*** UK Flagge ***/ .menu-icon-28 a:before { content: "<img src='/wp-content/uploads/UK-Flagge.svg'>"; }
  
 }
 /************************************* END *****************************************/


 /* Search Ergebnisse */
 .search-results article.has-post-thumbnail {
  display: grid !important;
  grid-template-columns: 300px auto;
  grid-template-rows: repeat(2, auto);
  grid-column-gap: 30px;
  grid-row-gap: 0;
 }
 .search-results article.has-post-thumbnail a { grid-area: 1 / 1 / 3 / 2; }
 .search-results article.has-post-thumbnail .entry-title { grid-area: 1 / 2 / 2 / 3; }
 .search-results article.has-post-thumbnail .post-content { grid-area: 2 / 2 / 3 / 3; }

 /* Seminare */

 .seminare-list .seminar-termin {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  flex-direction: row;
  gap: 2%;
  padding-bottom: 40px;
 }
 .seminare-list .termin-datum {
  width: 180px;
 }
 .termin-datum-zeit.smartphone-only {
  padding-left: 25px;
  margin-top: -5px;
 }
 .seminare-list .termin-titel {
  width: 38%;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
 }
 .seminare-list .termin-referentin {
  width: 21%;
 }
 /* .seminare-list .termin-link {
  width: 18%;
 } */
 .seminare-list .termin-datum-tag {
  padding-bottom: 5px;
 }
 .seminare-list .seminartyp {
  color: grey;
 }
 .seminare-list .termin-datum .icon {
  vertical-align: text-top;
  max-width: 25px;
  padding-right: 5px;
 }
 .seminare-list .kalender-month {
  color: #ff3399 !important;
 }
 .seminare-list .titel {
  font-size: 22px;
 }
 .seminare-list .titel, .seminare-list .termin-datum-tag, .seminare-list .titel a {
  color: #003a80;
  padding-bottom: 5px;
 }
 .seminare-list .referentin-heading {
  padding-bottom: 5px;
 }
 .seminare-list .arrow {
  max-width: 50px;
  display: block;
 }
 .termine .heading-form-anmeldung {
  padding-top: 20px;
 }
 @media all and (max-width: 767px) {
  .seminare-list .seminar-termin {
    display: grid;
    grid-template-columns: 80% 60px;
    grid-template-rows: auto;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
  .termin-datum-zeit.smartphone-only {
    margin-top: 0;
    padding-left: 10px !important;
  }
  .seminare-list .termin-titel {
    width: 100%;
    grid-area: 2 / 1 / 3 / 2;
  }
  .seminare-list .termin-link {
    margin-top: auto;
    margin-bottom: auto;
    grid-area: 1 / 2 / 3 / 3;
  }
  .seminare-list .termin-datum {
    width: 100%;
    display: flex;
    grid-area: 1 / 1 / 2 / 2;
   }
    .seminar .rechte-spalte {
      display: flex;
      flex-direction: column-reverse;
      gap: 30px;
}
}
.seminar .kategorie, .seminar .themengebiete {
  color: grey;
}

 /* Table Rechts */
table.single-data {
  /* border: 1px solid #003A80; */
  /* table-layout: fixed; */
  width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  margin-bottom: 25px;
}
table.single-data td, table.single-data th {
  padding: 5px;
}
table.single-data th {
  text-align: left;
  padding-right: 15px;
}
table.single-data tr {
  background-color: #c2d6f6;
}
  /* Table Termine */
  table.termine {
    /* table-layout: fixed; */
    width: 100%;
  }
  table.termine th {
    background-color: #eaeaea;
    text-align: left;
  }
  table.termine th,   table.termine td {
    padding: 5px;
  }
  table.termine td {
    border-bottom: 1px solid #000;
  }
  table.termine tr.open td {
    border-bottom: none;
  }
  table.termine .icon:before {
    /* right: -7px; */
    font-family: FontAwesome;
    font-weight: 900;
  }
  table.termine .icon.open:before {
    content: "\f055";
  }
  table.termine .icon.close:before {
    content: "\f056";
  }
  /* table.termine .form-row td {
    padding: 0;
  } */

 /* Mobile Menu collapsible */
 /* .et_mobile_menu li li {
  padding-left: 15%;
} */
.et_mobile_menu .sub-menu {
  width: 100% !important;
}
.et_mobile_menu li a {
  padding-right: 30px;
}
 .et_pb_menu .et_mobile_menu .menu-item-has-children > a,
#main-header .et_mobile_menu .menu-item-has-children > a {
    background-color: transparent;
    position: relative;
}

/* .et_pb_menu .et_mobile_menu .menu-item-has-children > a:after, #main-header .et_mobile_menu .menu-item-has-children > a:after {
    font-family: 'ETmodules';
    text-align: center;
    speak: none;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    font-size: 18px;
    content: '\4c';
    top: 11px;
    right: 13px;
}

.et_pb_menu .et_mobile_menu .menu-item-has-children.visible > a:after,
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after {
    content: '\4d';
} */

.et_mobile_menu .menu-toggle-icon {
  float: right;
  font-size: 20px;
}

.et_pb_menu .et_mobile_menu ul.sub-menu,
#main-header .et_mobile_menu ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu li ul.sub-menu {
    display: none !important;
    visibility: hidden !important;
    transition: all 1.5s ease-in-out;
}

.et_pb_menu .et_mobile_menu li.visible > ul.sub-menu,
#main-header .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l #main-header .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_fullwidth_menu .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu li.visible > ul.sub-menu {
    display: block !important;
    visibility: visible !important;
}

/* Seite für falsche Rolle */
.members-access-error {
  width: 80%;
  max-width: 1400px;
  margin: auto;
  background-color: white;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 35px;
  padding-bottom: 35px;
  margin-top: 4%;
}