html body {
  /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
  /* Style the accordion panel. Note: hidden by default */
}
html body footer .kirschwerk-menu {
  list-style-type: none;
  margin-left: 0;
}
html body footer .kirschwerk-menu li {
  font-size: medium;
}
html body footer .kirschwerk-menu a {
  color: #7A7A7A;
}
html body footer .kirschwerk-menu .kirschwerk-submenu {
  list-style: none;
}
html body .roi-ergebnis {
  margin-bottom: 40px;
  margin-top: 40px;
}
html body .roi-ergebnis .ergebnis {
  align-items: center;
}
html body .roi-ergebnis h3 {
  color: #a31a1a !important;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 2rem;
}
html body .roi-ergebnis .number {
  font-size: 2rem;
}
html body .roi-ergebnis .elementor-element-populated {
  padding-left: 0 !important;
}
html body .roi-ergebnis .text-left {
  text-align: left;
}
html body .roi-rechner .form-group .form-control {
  display: grid;
  grid-template-columns: 2fr 2fr;
  margin-bottom: 10px;
}
html body .roi-rechner .form-group input[type="submit"] {
  width: fit-content;
  background-color: #a31a1a;
}
html body .roi-rechner .form-group input[type="submit"]:hover {
  background-color: #6ec1e4 !important;
}
html body .roi-rechner .form-group input {
  width: 100%;
}
html body h1.text-center {
  text-align: center;
}
html body .elementor-widget-Tabelle {
  margin-bottom: 0 !important;
}
html body .table-content {
  width: 100%;
}
html body .table-content > * {
  display: inline-block;
  vertical-align: top;
}
html body .table-content > *:first-child {
  max-width: 60%;
  width: 100%;
}
html body .table-content > *:last-child {
  max-width: 39%;
  width: 100%;
}
html body .kirschwerk-blogs .entry-content {
  display: flex;
}
html body .kirschwerk-blogs .image {
  position: relative;
  display: inline-block;
  max-width: 16% !important;
}
html body .kirschwerk-blogs .image img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
html body .kirschwerk-blogs .content {
  display: inline-block;
  max-width: 80% !important;
}
html body .pagination {
  text-align: center;
}
html body .pagination a,
html body .pagination span {
  margin-left: calc(15px/2);
}
html body .category-filters button,
html body .category-filters html input[type="button"],
html body .category-filters input[type="reset"],
html body .category-filters input[type="submit"],
html body .category-filters a.button,
html body .category-filters a.wp-block-button__link:not(.has-background) {
  border: solid 1px #a31a1a !important;
  border-radius: 5px;
  color: #a31a1a !important;
  padding: 0.5em 1.2em;
  background-color: transparent;
  margin-bottom: 5px;
}
html body .category-filters button:hover,
html body .category-filters html input[type="button"]:hover,
html body .category-filters input[type="reset"]:hover,
html body .category-filters input[type="submit"]:hover,
html body .category-filters a.button:hover,
html body .category-filters a.wp-block-button__link:not(.has-background):hover {
  border: solid 1px #6EC1E4 !important;
}
html body .category-filters button.active,
html body .category-filters html input[type="button"].active,
html body .category-filters input[type="reset"].active,
html body .category-filters input[type="submit"].active,
html body .category-filters a.button.active,
html body .category-filters a.wp-block-button__link:not(.has-background).active {
  border: solid 1px #000 !important;
  font-weight: bold;
}
html body .singleblog-blogs .elementor-posts .elementor-post__card .elementor-post__title {
  font-size: 18px;
}
html body .singleblog-blogs .elementor-post__excerpt {
  font-size: 14px;
}
html body .banner-eb {
  background-color: #fff;
  align-items: flex-end;
  margin-bottom: 30px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}
html body .banner-eb .elementor-column:first-child img {
  width: 90%;
}
html body .banner-eb .elementor-column:nth-child(2) {
  width: 60%;
}
html body .banner-eb .elementor-column:nth-child(2) .elementor-widget-text-editor {
  position: relative;
  margin-top: 5px;
}
html body .banner-eb .elementor-column:last-child {
  width: 20%;
}
html body .banner-eb .elementor-column:last-child .elementor-text-editor {
  margin-top: 20px;
}
html body .banner-eb ul {
  margin-bottom: 5px;
}
html body .banner-eb ul li a {
  font-size: 16px;
}
html body .accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}
html body .active,
html body .accordion:hover {
  background-color: #ccc;
}
html body .panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}
html body .open_accordion {
  border: 1px solid #888;
}
html body #accordionbutton {
  background-color: #a31a1a;
  color: #fff;
  font-size: 1.2rem;
}
html body #accordionbutton.closed .elementor-accordion-icon-opened {
  display: none;
}
html body #accordionbutton.closed .elementor-accordion-icon-closed {
  display: inline-block;
}
html body #accordionbutton.opened {
  background-color: #888;
}
html body #accordionbutton.opened .elementor-accordion-icon-opened {
  display: inline-block;
}
html body #accordionbutton.opened .elementor-accordion-icon-closed {
  display: none;
}
html body .podcast-abo {
  text-align: center;
  width: 100%;
  margin-bottom: 20px;
}
html body .podcast-abo > .div {
  display: inline-block;
  margin-bottom: 10px;
}
html body .podcast-abo .button.elementor-post__read-more {
  background-color: transparent;
  float: none;
}
html body .podcast-abo .button:hover {
  cursor: pointer;
}
html body .podcast-abo .button:hover label {
  color: #000;
}
html body .podcast-abo .button img {
  margin-right: 5px;
}
html body .podcast-abo .button img.deezer {
  min-height: 20px;
  height: 100%;
  width: auto;
}
html body .podcast-abo .button img.apple,
html body .podcast-abo .button img.google {
  height: 20px;
  width: auto;
}
html body img.smaller_post_image {
  max-height: 225px !important;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  html body .table-content > *:first-child,
  html body .table-content > *:last-child {
    max-width: 49%;
  }
}
@media screen and (min-width: 320px) and (max-width: 758px) {
  .category-filters {
    text-align: center;
  }
  html body .table-content > *:first-child,
  html body .table-content > *:last-child {
    max-width: 49%;
  }
  html body .table-content {
    border-bottom: 1px solid #fff;
  }
}