/* Typografie */
/* dm-sans-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/dm-sans-v14-latin-regular.woff2') format('woff2'); 
}
/* dm-sans-italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/dm-sans-v14-latin-italic.woff2') format('woff2'); 
}
/* dm-sans-500 - latin */
@font-face {
  font-display: swap; 
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/dm-sans-v14-latin-500.woff2') format('woff2'); 
}
/* dm-sans-500italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/dm-sans-v14-latin-500italic.woff2') format('woff2'); 
}
/* dm-sans-700 - latin */
@font-face {
  font-display: swap; 
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/dm-sans-v14-latin-700.woff2') format('woff2'); 
}
/* dm-sans-700italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/dm-sans-v14-latin-700italic.woff2') format('woff2'); 
}

body { 
  color: var(--eklasse_color-900);
  font-family: 'DM Sans', "Helvetica Neue",Helvetica,Arial,sans-serif; 
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  /* background-color: var(--eklasse_color-050);
  background: var(--eklasse_color-050); */
  background-color: var(--eklasse_color-body-bg);
}
p {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  hyphens: auto;
}
.h1, h1 {
  font-size: 36px;
}
.h2, h2 {
  font-size: 28px;
}
.h3, h3 {
  font-size: 24px;
}
.h4, h4 {
  font-size: 20px;
}

/* Standards */
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 500;
}

/* Links */
a {
  color: var(--eklasse_color-900);
  text-decoration: underline;
  transition: all 0.3s ease-in-out;
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
a:hover {
  color: var(--eklasse_color-text-bg);
}
.nav-links a {
  color: var(--eklasse_color-900);
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

/* Buttons */
input[type="submit"], 
input[type="reset"], 
input[type="button"],
.wpcf7-form input[type="submit"],
.more-link {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
  background-image: none;
  border: none;
  white-space: nowrap;
  padding: 8px 16px;
  font-size: 14px;
  font-weight:500;
  line-height: 1;
  border-radius: 9px;
  color: var(--eklasse_color-buttontext);
  background-color: var(--eklasse_color-500);
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
input[type="submit"]:hover, 
input[type="reset"]:hover, 
input[type="button"]:hover,
.wpcf7-form input[type="submit"]:hover,
.more-link:hover {
  color: var(--eklasse_color-buttontext);
  background-color: var(--eklasse_color-600);
  text-decoration: none;
	border-color: var(--eklasse_color-text-bg);
}
@media (min-width: 992px) {
  input[type="submit"], 
  input[type="reset"], 
  input[type="button"],
  .wpcf7-form input[type="submit"],
  .more-link  {
    padding: 10px 20px;
    font-size: 16px;
	color: var(--eklasse_color-buttontext);
  }
}

/* Header */
#header {
  float: left;
  padding-top: 20px;
  padding-bottom: 10px;
  background-color: var(--eklasse_color-header-bg);
}
#logo img {
  width: 100%;
  height: auto;
  max-width: 200px;
}

@media (min-width: 992px) {
  #header {
    float: none;
    padding-bottom: 20px;
  }
  #logo img {
    max-width: 300px;
  }
}

/* Navigation */
#main-menu-container {
  padding: 20px 0 10px 0;
  background-color: var(--eklasse_color-header-bg);
  border-bottom: 1px solid var(--eklasse_color-900);
}
#main-navigation .main-nav ul {
  display: none;
  width: 100%;
}

#main-navigation .main-nav ul li {
  margin: 0;
  margin-bottom:20px;
  padding: 0;
  list-style: none;
  position: relative;
  float: none;
}
#main-navigation .main-nav ul li a {
  position:relative;
  margin: 0;
  color: var(--eklasse_color-900);
  line-height: 1;
  font-size: 16px;
}
#main-navigation .main-nav ul.sub-menu {
  padding-left: 20px;
}
#main-navigation .main-nav ul.sub-menu li {
  position: relative;
  margin-right: 0;
  margin-bottom:5px;
}
/*max-width filter added (Stefan Heim 28.09.2024)*/
/*----------------------------------------------*/
@media (max-width: 991px) {
  #main-navigation.menu-open .main-nav ul {
    display: flex;
    flex-direction: column;
  }
}
/*----------------------------------------------*/
@media (max-width: 991px) {
  #main-navigation .main-nav ul li a {
    font-weight: 700;
  }
  #main-navigation .main-nav ul.sub-menu li a {
    font-weight: 400;
  }
  #main-navigation .main-nav ul.sub-menu li a::before {
    content: '-';
    position: absolute;
    top: 2px;
    left: -4px;
  }
}

@media (min-width: 992px) {
  #main-navigation .main-nav ul {
    display: flex;
    flex-direction: row;
  }
  #main-navigation .main-nav ul li {
    margin: 0;
    margin-right: 20px;
    margin-bottom: 0;
    padding: 8px 10px;
    list-style: none;
    position: relative;
    float: none;
    border-radius: 9px;
    background-color: transparent;
    transition: all 0.3s ease-in-out;
  }
  #main-navigation .main-nav ul li a {
    padding: 0;
  }
  #main-navigation .main-nav ul li.menu-item-has-children a {
    padding: 0 20px 0 0;
  }
  #main-navigation .main-nav ul li.menu-item-has-children a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-70%);
    width: 6px;
    height: 6px;
    border-left: 2px solid var(--eklasse_color-900);
    border-bottom: 2px solid var(--eklasse_color-900);
    rotate: -45deg;
    transition: all 0.3s ease-in-out;
    transform-origin: top;
  }
  #main-navigation .main-nav ul li:hover {
    background-color: var(--eklasse_color-050);
  }
  #main-navigation .main-nav ul li:hover a {
    color: var(--eklasse_color-900);
  }
  #main-navigation .main-nav ul li.menu-item-has-children:hover a::after {
    rotate: 135deg;
  }
  #main-navigation .main-nav ul.sub-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 999;
    width: auto;
    min-width: 200px;
    transform: translateX(-50%);
    padding-left: 0;
    padding: 10px;
    background-color: #fff;
    border-radius: 9px;
    -webkit-box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.4);
  } 
  #main-navigation .main-nav ul.sub-menu li {
    margin-right: 0;
    margin-bottom:0;
  }

  #main-navigation .main-nav ul.sub-menu li a::after {
    content: "";
    width: 0;
    height: 0;
    border-left: none;
    border-bottom: none;
  }
  #main-navigation .main-nav ul li ul li a {
    line-height: 1;
    white-space: nowrap;
  }
}

#top-menu-container {
  padding: 5px 0;
  background-color: var(--eklasse_color-900);
}
#top-menu-container .top-menu {
  float: left;
  margin: 0;
  padding: 0;
}
#top-menu-container .top-menu li {
  float: left;
  margin-left: 10px;
  margin-bottom: 0;
  list-style: none;
}
#top-menu-container .top-menu li::after {
  content: '';
  margin-left: 10px;
}
#top-menu-container .top-menu li a {
  text-decoration: none;
  color: #fff;
  font-size: 12px;
  transition: all 0.3s ease-in-out;
}
#top-menu-container .top-menu li:hover a {
  color: var(--eklasse_color-200);
}

#mobile-nav-button {
  position: relative;
  width: 30px;
  height: 30px;
  float: right;
  margin-top: 5px;
  padding: 0;
  font-size: 2em;
  background: transparent;
  border: none;
}
#mobile-nav-button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "\f0c9";
  color: var(--eklasse_color-900);
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  font-size: 0.75em;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#mobile-nav-button:hover:before {
  color: var(--eklasse_color-900);
}

/* Layout */
.content-area {
  padding: 15px;
  background: #fff;
}
@media (min-width: 1200px) {
  .container, .content-area, .home-widgets, #footer #footer-wrapper {
    width: 100%;
    max-width: 1400px;
  }
  .front-page .content-area {
    width: 100%;
    max-width: 100%;
  }
  .front-page #featured-area {
    width: 100%;
    max-width: 1400px;
  }
  main#main {
    float: left;
    width: 80%;
  }
  .default-sidebar, .gallery-sidebar, .right-sidebar {
    float: right;
    width: 20%;
}
}


/* Footer */
#footer {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 20px;
  font-size: 14px;
  font-weight: 500;
  color: var(--eklasse_color-700);
  background-color: #fff;
  border-top: 1px solid rgba(0,0,0,0.1);
}
#menu-social-container {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 0;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
#footer-widgets-container .widget-title h3 {
  font-size: 16px;
  font-weight: 500;
  color: var(--eklasse_color-900);
}
#footer-widgets-container .textwidget p,
#footer-widgets-container .textwidget ul li,
#footer-widgets-container .textwidget a {
  font-size: 16px;
  font-weight: 500;
  color: var(--eklasse_color-700);
  transition: all 0.3s ease-in-out;
}
#footer-widgets-container .textwidget a:hover {
  text-decoration: underline;
  color: var(--eklasse_color-900);
  transition: all 0.3s ease-in-out;
}
#footer-menu-container .footer-menu li {
  float: left;
  margin-right: 10px;
  margin-left: 0;
  list-style: none;
}
#footer-menu-container .footer-menu li::after {
  content: '';
}
#footer-menu-container .footer-menu li a {
  text-decoration: none;
  color: var(--eklasse_color-700);
  font-size: 14px;
  transition: all 0.3s ease-in-out;
}
#footer-menu-container .footer-menu li:hover a {
  color: var(--eklasse_color-900);
  text-decoration: underline;
}
#footer-base a {
  text-decoration: none;
  color: var(--eklasse_color-700);
  transition: all 0.3s ease-in-out;
}
#footer-base a:hover {
  color: var(--eklasse_color-900);
  text-decoration: underline;
}
@media (min-width: 992px) {

}

/* Home */
/* - Feature */
.front-page .content-area {
  width: 100%;
  padding: 0;
  background: var(--eklasse_color-500);
  margin: 0;
  color: #fff;
}
main #featured-content h1, 
main #featured-image h1, 
main #featured-content h2, 
main #featured-image h2, 
main #featured-content p, 
main #featured-image p {
  text-align: left;
}
main #featured-content, 
main #featured-image {
  padding: 40px 30px;
}
main #featured-content .call-to-action, 
main #featured-image .call-to-action {
  padding: 15px 0;
  text-align: left;
  margin-top: 30px;
}
main #featured-content .call-to-action .cta-button, 
main #featured-image .call-to-action .cta-button {
  color: var(--eklasse_color-900);
  background-color: #fff;
  border: none;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 16px;
  border-radius: 9px;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
main #featured-content .call-to-action .cta-button:hover,
main #featured-image .call-to-action .cta-button:hover {
  color:#fff;
  background-color: var(--eklasse_color-900);
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) {
  main #featured-content, 
  main #featured-image {
    padding: 40px 0;
  }
  main #featured-content .call-to-action .cta-button, 
  main #featured-image .call-to-action .cta-button {
    padding: 15px 35px;
    font-size: 20px;
    line-height: 20px;

  }
}

/* Plugins */
/* - Home */
#widgets:before, 
main#main.sitemap .sitemap-widgets:before, 
#widgets:after, main#main.sitemap .sitemap-widgets:after {
  content: none;
  display: none;
}
.home-widgets {
  display: grid;
  grid-template-columns: repeat(1,minmax(0,1fr));
  gap: 20px;
}
.home-widget {
  display: grid;
  grid-gap: 20px;
  grid-auto-rows: min-content; 
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
}
.widget-wrapper {
  padding: 15px;
  font-size: 16px;
  /* background-color: var(--eklasse_color-100); */
  background-color: var(--eklasse_color-widget-bg);
  border-radius: 18px;
  border: 1px solid var(--eklasse_color-300);
}
.home-widget .widget-wrapper .widget-title-home {
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 700;
}
@media (min-width: 992px) {
  .home-widgets {
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 20px;
  }
  .home-widget {
    float: none;
    width: 100%;
  }
  .home-widget .widget-wrapper .widget-title-home {
    margin-bottom: 40px;
    font-size: 24px;
	  color:var(--eklasse_color-text-bg);
  }
  #home_widget_1 {
    grid-column: 1 / span 2;
  }
  #home_widget_2 {
    grid-column: 3 / span 1;
  }
  #home_widget_3 {
    grid-column: 1 / span 3;
	  display: none;
  }
}

/* -- Default Sidebar */
.default-sidebar {
  display: grid;
  grid-gap: 20px;
  grid-auto-rows: min-content; 
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
}

/* -- Login */
.lwa-divs-only .lwa-submit-button, 
.lwa-divs-only .lwa-links {
  margin-top: 20px;
}
.lwa-avatar img {
  border-radius: 100%;
}
@media (min-width: 992px) {
  .lwa-divs-only .lwa-submit-button, 
  .lwa-divs-only .lwa-links {
    margin-top: 30px;
  }
}

/* -- UPW Posts */
.upw-posts article {
  display: block;
  margin-bottom: 1.5em;
  padding-bottom: 1em;
  border-bottom: 1px solid var(--eklasse_color-700);
}
.upw-posts article header {
  margin-bottom: 1em;
}
.upw-posts .entry-title {
  margin-bottom: .5em;
  font-weight: 700;
}
.upw-posts .entry-meta {
  color: var(--eklasse_color-700);
  font-size: 14px;
  margin-bottom: 1em;
  line-height: 1;
}
@media (min-width: 992px) {
}

/* -- Buddypress*/
.buddypress.widget .avatar-block img {
  margin: .5em;
  border-radius: 100%;
}
.buddypress.widget .item-avatar img {
  border-radius: 100%;
}
.bp-list {
  box-sizing: border-box;
  border-top: 1px solid var(--eklasse_color-300);
  clear: both;
  list-style: none;
  margin: 20px 0;
  padding: .5em 0;
  width: 100%;
}
.bp-list>li {
  border-bottom: 1px solid var(--eklasse_color-300);
}
.activity-update-form {
  border: 1px solid var(--eklasse_color-300);
  box-shadow: none;
  margin: 15px 0;
  border-radius:18px !important;
  padding: 20px !important;
}
.buddypress .buddypress-wrap .activity-read-more a, .buddypress .buddypress-wrap .comment-reply-link, .buddypress .buddypress-wrap .generic-button a, .buddypress .buddypress-wrap a.bp-title-button, .buddypress .buddypress-wrap a.button, .buddypress .buddypress-wrap button, .buddypress .buddypress-wrap input[type=button], .buddypress .buddypress-wrap input[type=reset], .buddypress .buddypress-wrap input[type=submit], .buddypress .buddypress-wrap ul.button-nav:not(.button-tabs) li a {
  background: #fff;
  border-color: var(--eklasse_color-700);
  border-style: solid;
  border-width: 1px;
  border-radius: 8px;
  color: #555;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  font-weight: 400;
  outline: 0;
  padding: .3em .5em;
  text-align: center;
  text-decoration: none;
  width: auto;
  line-height: 1;
}

.buddypress .buddypress-wrap .activity-read-more a:focus, .buddypress .buddypress-wrap .activity-read-more a:hover, .buddypress .buddypress-wrap .button-nav li a:focus, .buddypress .buddypress-wrap .button-nav li a:hover, .buddypress .buddypress-wrap .button-nav li.current a, .buddypress .buddypress-wrap .comment-reply-link:focus, .buddypress .buddypress-wrap .comment-reply-link:hover, .buddypress .buddypress-wrap .generic-button a:focus, .buddypress .buddypress-wrap .generic-button a:hover, .buddypress .buddypress-wrap a.button:focus, .buddypress .buddypress-wrap a.button:hover, .buddypress .buddypress-wrap button:focus, .buddypress .buddypress-wrap button:hover, .buddypress .buddypress-wrap input[type=button]:focus, .buddypress .buddypress-wrap input[type=button]:hover, .buddypress .buddypress-wrap input[type=reset]:focus, .buddypress .buddypress-wrap input[type=reset]:hover, .buddypress .buddypress-wrap input[type=submit]:focus, .buddypress .buddypress-wrap input[type=submit]:hover {
  background: #ededed;
  border-color: var(--eklasse_color-800);
  color: #333;
  outline: 0;
  text-decoration: none;
}
.buddypress .buddypress-wrap .invite-button {
  border: none;
}
.buddypress .buddypress-wrap .invite-button:hover {
  background: transparent;
}
.buddypress-wrap ul.item-list li .invite-button:not(.group-remove-invite-button) span.icons:before {
  content: "\f502";
  color: var(--eklasse_color-500)
}
.activity-list.bp-list {
  background: transparent;
  border: 0px solid #eee;
}
.activity-list.bp-list .activity-item {
  background: #fff;
  border: 1px solid var(--eklasse_color-300);
  border-radius: 18px !important;
  background-color: var(--eklasse_color-050);
  box-shadow: none;
  margin: 20px 0;
}
.activity-list .activity-item .activity-content .activity-inner, .activity-list .activity-item .activity-content blockquote {
  background: transparent;
  margin: 15px 0 10px;
  overflow: hidden;
  padding: 1em;
}
.activity-list .activity-item .activity-meta.action {
  border: 1px solid transparent;
  background: transparent;
  padding: 2px;
  position: relative;
  text-align: left;
}
.buddypress .bp-invites-content ul.item-list>li {
  border-radius: 18px !important;
  background-clip: padding-box;
  display: flex;
  items-align: center;
}
.groups-header .desc-wrap {
  border-radius: 18px !important;
  background: var(--eklasse_color-050);
  border: 1px solid var(--eklasse_color-300);
  margin: 0 0 15px;
  padding: 1em;
  text-align: center;
}
.groups-header .desc-wrap .group-description {
  background: transparent;
  box-shadow: none;
  padding: 1em;
  text-align: left;
}
.bp-nouveau .bp-docs .buddypress-wrap a.button,
.buddypress .buddypress-wrap a.button#bp-create-doc-button {
  background-color: var(--eklasse_color-500);
  border: none;
  color: var(--eklasse_color-900);
  cursor: pointer;
  font-size: 14px;
  font-weight: 400 !important;
  outline: none;
  padding: 8px 16px;
  text-align: center;
  text-decoration: none;
  width: auto;
  border-radius: 9px;
  transition: all 0.3s ease-in-out;
}
.bp-nouveau .bp-docs .buddypress-wrap a.button:hover {
  color: var(--eklasse_color-900);
  background-color: var(--eklasse_color-600);
  text-decoration: none;
}
.buddypress-wrap .bp-navs li:not(.current) a, 
.buddypress-wrap .bp-navs li:not(.selected) a{
  background:  transparent;
  border: none;
  color: var(--eklasse_color-800);
  border-radius: 9px;
  transition: all 0.3s ease-in-out;
}
.buddypress-wrap .bp-navs li {
  margin-right:10px;
}
.buddypress-wrap .bp-navs li:not(.current) a:focus, 
.buddypress-wrap .bp-navs li:not(.current) a:hover, 
.buddypress-wrap .bp-navs li:not(.selected) a:focus, 
.buddypress-wrap .bp-navs li:not(.selected) a:hover {
  border: none !important;
  background:  var(--eklasse_color-050) !important;
  color: var(--eklasse_color-800) !important;
}
.buddypress-wrap .bp-navs li.current a, 
.buddypress-wrap .bp-navs li.current a:focus, 
.buddypress-wrap .bp-navs li.current a:hover, 
.buddypress-wrap .bp-navs li.selected a, 
.buddypress-wrap .bp-navs li.selected a:focus, 
.buddypress-wrap .bp-navs li.selected a:hover {
  border: none !important;
  background:  var(--eklasse_color-200) !important;
  color: var(--eklasse_color-800) !important;
}
.buddypress-wrap .bp-navs.vertical li.selected a, 
.buddypress-wrap .bp-navs.vertical li.selected a:focus, 
.buddypress-wrap .bp-navs.vertical li.selected a:hover,
.buddypress-wrap .bp-navs.vertical li.selected a, 
.buddypress-wrap .bp-navs.vertical li.selected a:focus, 
.buddypress-wrap .bp-navs.vertical li.selected a:hover ,
.buddypress-wrap .bp-navs .verticalli:not(.current) a:focus, 
.buddypress-wrap .bp-navs.vertical li:not(.current) a:hover, 
.buddypress-wrap .bp-navs.vertical li:not(.selected) a:focus, 
.buddypress-wrap .bp-navs.vertical li:not(.selected) a:hover {
  background: none !important;
}
.buddypress-wrap.bp-vertical-navs .dir-navs.activity-nav-tabs ul li.selected a, 
.buddypress-wrap.bp-vertical-navs .dir-navs.groups-nav-tabs ul li.selected a, 
.buddypress-wrap.bp-vertical-navs .dir-navs.members-nav-tabs ul li.selected a, 
.buddypress-wrap.bp-vertical-navs .dir-navs.sites-nav-tabs ul li.selected a, 
.buddypress-wrap.bp-vertical-navs .main-navs.group-nav-tabs ul li.selected a, 
.buddypress-wrap.bp-vertical-navs .main-navs.user-nav-tabs ul li.selected a {
  background: none !important;
  color: #333;
  font-weight: 600;
}
div.docs-info-header {
  background: transparent;
  padding: 10px 20px;
  margin-bottom: 10px;
  border: 1px solid var(--eklasse_color-300);
  border-radius: 18px !important;
}
.buddypress-wrap .bp-subnavs li.current a, .buddypress-wrap .bp-subnavs li.selected a {
  background: transparent !important;
  color: solid var(--eklasse_color-900) !important;
  font-weight: 400 !important;
}
@media screen and (max-width: 46.8em) {
  .buddypress-wrap:not(.bp-single-vert-nav) .bp-navs li {
    background: transparent;
  }
}
@media screen and (min-width: 46.8em) {
  .bp-dir-vert-nav .screen-content {
      border-left: 1px solid var(--eklasse_color-300);
      margin-left: 20%;
      overflow: hidden;
      padding: 0 0 2em 1em;
  }
  .bp-single-vert-nav .bp-navs.vertical li:focus, .bp-single-vert-nav .bp-navs.vertical li:hover {
    background: transparent;
  }
  .buddypress-wrap.bp-vertical-navs .dir-navs.activity-nav-tabs ul li.selected, .buddypress-wrap.bp-vertical-navs .dir-navs.groups-nav-tabs ul li.selected, .buddypress-wrap.bp-vertical-navs .dir-navs.members-nav-tabs ul li.selected, .buddypress-wrap.bp-vertical-navs .dir-navs.sites-nav-tabs ul li.selected, .buddypress-wrap.bp-vertical-navs .main-navs.group-nav-tabs ul li.selected, .buddypress-wrap.bp-vertical-navs .main-navs.user-nav-tabs ul li.selected {
    background: 0 0;
    border: 1px solid var(--eklasse_color-300);
    border-right-color: #fff;
    border-radius: 9px 0 0 9px !important;
  }
  .buddypress .bp-invites-content ul.item-list>li {
    box-sizing: border-box;
    border: 1px solid var(--eklasse_color-300);
    float: left;
    padding-left: .5em;
    padding-right: .5em;
    width: 49.5%;
  }
  .bp-list li .item .list-title {
    font-size: 20px;
  }
  .bp-single-vert-nav .item-body:not(#group-create-body) {
    background: #fff;
    border-left: 1px solid var(--eklasse_color-300);
    float: right;
    margin: 0;
    min-height: 400px;
    padding: 0 0 0 1em;
    width: calc(75% + 1px);
  }
  .bp-single-vert-nav .bp-navs.vertical li span {
    color: var(--eklasse_color-900);
    background: var(--eklasse_color-200);
    border-radius: 100%;
    float: right;
    border:none;
    margin-right: 2px;
  }
  .buddypress-wrap.bp-vertical-navs .dir-navs.activity-nav-tabs ul li.selected a span, .buddypress-wrap.bp-vertical-navs .dir-navs.groups-nav-tabs ul li.selected a span, .buddypress-wrap.bp-vertical-navs .dir-navs.members-nav-tabs ul li.selected a span, .buddypress-wrap.bp-vertical-navs .dir-navs.sites-nav-tabs ul li.selected a span, .buddypress-wrap.bp-vertical-navs .main-navs.group-nav-tabs ul li.selected a span, .buddypress-wrap.bp-vertical-navs .main-navs.user-nav-tabs ul li.selected a span {
    background: var(--eklasse_color-500) !important;
    border: none !important;
    color: var(--eklasse_color-900) !important;
  }
  .bp-list li .item-avatar img.avatar {
    display: inline-block;
    width: 60px;
    height: 60px;
  }
  .bp-nouveau .bp-docs .buddypress-wrap a.button {
    padding: 10px 20px;
    font-size: 16px;
  }
  .buddypress-wrap .tabbed-links ol, .buddypress-wrap .tabbed-links ul {
    border-bottom: none;
    float: none;
    margin: 20px 0 10px;
  }
  .buddypress-wrap .tabbed-links ol li.current, .buddypress-wrap .tabbed-links ul li.current {
    border: 1px solid var(--eklasse_color-200);
    background: var(--eklasse_color-200);
    color: var(--eklasse_color-800);
    border-radius: 9px !important;
  }
}

.bp-docs table > thead > tr > th {
  font-size:14px;
  vertical-align: bottom;
  border-bottom: 2px solid var(--eklasse_color-300);
}
.bp-docs table > tbody > tr > td {
  font-size:14px;
  border-top: 1px solid var(--eklasse_color-300) !important;
}
.bp-docs table > tbody > tr > td.title-cell {
  font-size:18px;
}
.bp-docs table.doctable tr:nth-child(2n) {
  background-color: var(--eklasse_color-050) !important;
}
@media (min-width: 992px) {
  .bp-docs table > thead > tr > th,
  .bp-docs table > tbody > tr > td {
    font-size:16px;
  }
  .bp-docs table > tbody > tr > td.title-cell {
    font-size:18px;
  }
}
@media screen and (max-width: 820px) {
  .bp-docs table > thead > tr > th,
  .bp-docs table > tbody > tr > td{
    display: block !important;
    width: 100% !important;
  }
  .bp-docs table > thead > tr > th.created-date-cell,
  .bp-docs table > tbody > tr > td.created-date-cell,
  .bp-docs table > thead > tr > th.attachment-clip-cell,
  .bp-docs table > tbody > tr > td.attachment-clip-cell,
  .bp-docs table > thead > tr > th.author-cell,
  .bp-docs table > thead > tr > th.edited-date-cell,
  .bp-docs table > thead > tr > th.groups-cell,
  .bp-docs table > tbody > tr > td.groups-cell,
  .bp-docs table > thead > tr > th.tags-cell,
  .bp-docs table > tbody > tr > td.tags-cell {
    display: none !important;
  }
}

/* -- Events */
.eo-agenda-widget .eo-agenda-widget-nav {
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
  margin-bottom: 3px;
  text-align: right;
}
.eo-agenda-widget .eo-agenda-widget-nav-next, 
.eo-agenda-widget .eo-agenda-widget-nav-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  width:24px !important;
  height:24px !important;
  border: 1px solid #dfdfdf !important;
  cursor: pointer !important;
  padding: 0 !important;
  background-color: var(--eklasse_color-500) !important;
  margin: 3px !important;
  color: var(--eklasse_color-900) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  border-radius: 100% !important;
}
.eo-agenda-widget ul.dates {
  border-bottom: 1px solid var(--eklasse_color-900) !important;
  font-weight: 700;
}

/* -- Calendar */
.widget_calendar #wp-calendar caption {
  margin-bottom: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  color: var(--eklasse_color-900);
  font-size: 24px;
  font-weight: 700;
  text-align: left;
}
table.wp-calendar-table > thead > tr > th,
table#wp-calendar > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid var(--eklasse_color-900);
}
.widget_calendar #wp-calendar tbody tr td {
  border-bottom: 1px solid var(--eklasse_color-900);
}
table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}

/* -- Discuz */
#widget-comments-container.widget-comments-container ul.wpdiscuz-widgets-tab-title-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0!important;
  padding: 0!important;
  list-style: none;
  border-bottom: 1px solid var(--eklasse_color-900);

}
#widget-comments-container ul.wpdiscuz-widgets-tab-title-list li.tab-title-list-active-item {
  border: none;
  border-top: none;
  border-bottom: none;
  cursor: default;
}
#widget-comments-container ul.wpdiscuz-widgets-tab-title-list li.tab-title-list-active-item,
#widget-comments-container ul.wpdiscuz-widgets-tab-title-list li.tab-title-list-active-item:hover {
  border-bottom: 5px solid var(--eklasse_color-900);
}
ul.wpdiscuz-widgets-tab-title-list li {
  margin: 0!important;
  padding: 0!important;
  white-space: nowrap;
  text-align: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100px;
  -ms-flex: 1 1 100px;
  flex: 1 1 100px;
  border-bottom: none;
  overflow: hidden;
  cursor: pointer;
  list-style: none;
}
#widget-comments-container ul.wpdiscuz-widgets-tab-title-list li:hover {
  border-bottom: none;
}
#widget-comments-container .wpdiscuz-widgets-tab-title-list li .fas {
  color: var(--eklasse_color-900);
  opacity: 0.5;
  transition: all 0.3s ease-in-out;
}
#widget-comments-container ul.wpdiscuz-widgets-tab-title-list li.tab-title-list-active-item .fas,
#widget-comments-container ul.wpdiscuz-widgets-tab-title-list li.tab-title-list-active-item:hover .fas {
  opacity: 1;
}
#widget-comments-container ul.wpdiscuz-widgets-tab-title-list li:hover .fas {
  opacity: 0.7;
}
#widget-comments-container ul.wpdiscuz-widgets-tab-title-list li a {
  border: none;
  color: #e5e5e5;
  display: block;
  line-height: 1;
  margin: 1px;
  padding: 10px 0;
}
#widget-comments-container .wpdiscuz-widgets-content {
  border: none;
  margin-top:20px;
  padding: 2% 5% 8%;
  border-top: none;
  overflow: hidden;
}
#widget-comments-container .wpdiscuz-widget-comment .wpdiscuz-widget-comment-content p.wpdiscuz-widget-comment-title {
  text-transform: capitalize;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 700;
  overflow: hidden;
  margin: 0;
  margin-bottom: 5px;
  border: none;
  word-break: break-all;
  color: var(--eklasse_color-900);
}
#widget-comments-container.widget-comments-container div.wpdiscuz-widget-comment-exc {
  overflow: hidden;
  font-size: 13px;
  line-height: 1.2;
  color: var(--eklasse_color-900);
  word-break: break-all;
}
#widget-comments-container .like-count-first.wpdiscuz-widget-comment .wpdiscuz-widget-icon-show-box {
  font-size: 24px;
  line-height: 1;
  border: none;
  outline: 0;
  text-align: center;
  padding: 0;
  border-radius: 0;
  min-width: 30px;
  height: 30px;
  box-sizing: unset;
}
#widget-comments-container .wpdiscuz-widget-icon-show-box i {
  color: #fff!important;
  font-size: 20px;
  line-height: 1;
  text-align: center!important;
}
.like-count-first.wpdiscuz-widget-comment .wpdiscuz-widget-icon-show-box {
  background: var(--eklasse_color-900);
}
#widget-comments-container.widget-comments-container .popular-comment-author-disp-name .commenter-name-box {
  font-size: 15px;
  font-weight: 700;
}
#widget-comments-container.widget-comments-container a {
  margin-top: 3px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}
#widget-comments-container .wpdiscuz-widget-popular-comment-author .popular-comment-author-body {
  color: var(--eklasse_color-700);
  font-size: 14px;
  margin-bottom: 1em;
  line-height: 1;
}
#widget-comments-container #wpdiscuz-recent-comments-box .wpdwd-recent-comment-content>a {
  overflow: hidden;
  margin-top: 5px;
  font-size: 13px;
  line-height: 1.2;
  color: var(--eklasse_color-900);
  word-break: break-all;
  opacity: 1;
  font-weight: 400;
}

/* -- Glossar */
#fp-quickpost-show {
  font-size: 14px;
  border: none;
  border-radius: 9px;
  box-shadow: none;
  margin: 8px;
  background-color: var(--eklasse_color-500);
  padding: 8px 16px;
  transition: all 0.3s ease-in-out;
  color: var(--eklasse_color-buttontext);
}
#fp-quickpost-show:hover {
  color: var(--eklasse_color-buttontext);
  background-color: var(--eklasse_color-600);
  text-decoration: none;
}
fieldset.frontier-new-list {
  margin: 3px;
  padding: 10px;
  border: 1px solid var(--eklasse_color-300);
  border-radius: 18px !important;
  background-color: var(--eklasse_color-050);
  box-shadow: none;
  margin: 20px 0;
}
#frontier-post-new-list-status {
  /* color: red !important; */
  /* border: 1px solid red !important; */
  font-size: 1.2em !important;
  font-weight: bold !important;
  text-align: center !important;
  background-color: var(--eklasse_color-200);
  border-radius: 9px;
}
.authors-list-item-thumbnail img {
  max-width: 100%;
  height: auto;
  border-radius: 18px;
}
.authors-list-items-s2 .authors-list-item-main {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px !important;
  color: #fff;
  background: var(--eklasse_color-400) !important;
  border-radius: 0 0 18px 18px !important;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) {
  #fp-quickpost-show {
      padding: 10px 20px;
      font-size: 16px;
  }
}

/* Content */
.wp-post-navigation a {
  text-decoration: none;
  font: bold 16px sans-serif, arial;
  color: var(--eklasse_color-700);
}
.wp-post-navigation div a:after {
  position: absolute;
  color: var(--eklasse_color-300);
  font-size: 56px;
  margin-top: -11px;
  height: 22px;
  line-height: 22px;
  top: 34%;
}




.box-warning {
    background: #FFFBED;
    border-radius: 6px;
    border-style: solid;
    border-left-width: 0px;
    border-bottom-width: 1px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-color: #ff9900;
    box-shadow: inset 0px 0px 1px 1px #ff9900;
}

.box-warning:before {
    content: "\f11f";
    font-family: "dashicons", monospace;
    font-size: 30px;
    display: inline-block;
    vertical-align: top;
    float: left;
    font-style: normal;
    line-height: 40px;
    margin-right: 7px;
    top: calc(50% - 20px);
    border-width: 10px;
    color: #ff9900;
    opacity: 1;
}

.box-council {
    background: #EFFBFE;
    border-color: #53B7FF;
    border-radius: 6px;
    border-style: solid;
    border-left-width: 0px;
    border-bottom-width: 1px;
    border-top-width: 0px;
    border-right-width: 0px;
    box-shadow: inset 0px 0px 1px 1px #53B7FF;
}



.tds-message-box {
    margin: 15px 0;
    padding: 25px 25px 25px 70px;
    position: relative;
    font-style: normal;
    color: black;
	overflow: visible;
}

.box-council:before {
    content: "\f130";
    font-family: "dashicons", monospace;
    font-size: 30px;
    display: inline-block;
    vertical-align: top;
    float: left;
    font-style: normal;
    line-height: 40px;
    margin-right: 7px;
    top: calc(50% - 20px);
    color: #53B7FF;
    border-color: #53B7FF;
    opacity: 1;
}


.box-note {
    background: #fcfffe;
    color: black;
    border-radius: 15px;
    border-style: solid;
    border-left-width: 5px;
    border-bottom-width: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-color: #00ffa5;
	box-shadow: inset 0px 0px 1px 1px #00ffa5;		
}


.box-info {
    background: #fffffff0;
    color: #000000;
    border-radius: 15px;
    border-style: solid;
    border-left-width: 5px;
    border-bottom-width: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-color: #ff48ff;
	box-shadow: inset 0px 0px 1px 1px #ff48ff;
}

.box-info:before {
    content: "\f348";
    /* background-color: #13b9b9; */
    font-family: "dashicons", monospace;
    font-size: 25px;
    display: inline-block;
    vertical-align: top;
    float: left;
    font-style: normal;
    line-height: 40px;
    margin-right: 7px;
    left: 3px;
    top: calc(50% - 30px);
    border-width: 10px;
    border-style: solid;
    border-radius: 130px 130px 130px 130px;
    color: #000000;
    background-color: white;
    position: absolute;
    border-color: white;
    opacity: 1;
}

.box-note:before {
    content: "\f537";
    font-family: "dashicons", monospace;
    font-size: 25px;
    display: inline-block;
    vertical-align: top;
    float: left;
    font-style: normal;
    line-height: 25px;
    margin-right: 7px;
    left: 3px;
    top: calc(50% - 30px);
    border-width: 10px;
    border-style: solid;
    border-radius: 130px 130px 130px 130px;
    color: #000000;
    background-color: white;
    position: absolute;
    border-color: white;
    opacity: 1;
}

.custom-box {
  border-color: gray;
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
}
#wpdcom {
  max-width: none;
}

.UploadButton {

    background-color: #ffffff;
    border-radius: 5px;
    border: solid;
    border-width: 1px;
    border-color: white;
    display: inline-block;
    cursor: pointer;
    color: #000000;
    font-size: 17px;
    padding: 10px 17px;
    text-decoration: none;
    box-shadow: 1px 1px 3px #ff40f6;
}

.TextButton {
    background-color: #ffffff;
    border-radius: 5px;
    border: solid;
    border-width: 1px;
    border-color: white;
    display: inline-block;
    cursor: pointer;
    color: #000000;
    font-size: 17px;
    padding: 10px 17px;
    text-decoration: none;
    box-shadow: 1px 1px 3px #5013fb;
}

.TextButton:hover {
    background-color: #e9e8ff;
}

.UploadButton:hover {
    background-color: #f8eefd;
}

.navigation {
    display: none;
}