/* Infobox Block Styles */
:root {
  --angebotscol: #6ABBC6;
  --col-bground: #F7F7F7;
  --theme-info: #F69F29;
  --font-size-mini: 14px;
}


.info-box-title {
  font-family: var(--font-family-sans-serif);
  background-color: var(--angebotscol);
  padding: 0 10px;
  border-radius: 6px;
  margin-bottom: 10px;
  display: inline-block;
  float: right;
  color: white;
  font-weight: 600;
  font-size: 16px;
  line-height: 33px;
  margin-bottom: 10px;
  margin: -30px;
  text-align: center;
}

.infobox {
  background-color: var(--col-bground);
  padding: 25px !important;
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.infobox * :not( .wp-block-button__link  ) {
  padding: 0 !important;
}

.infobox * :not( .wp-block-button__link, h3, ul  ) {
  margin: 0 !important;
}

.infobox h3 {
  padding-left: 0;;
}

.infobox-content ul {
  margin-left: 20px !important;
}

.single .partner-logo-holder {
  display: flex;
  justify-content: space-between;
  margin: 10px 20px 20px 0;
}


.single .partner-logo-holder img {
  max-width: 150px !important;
  max-height: 100px;
}



.infobox .infobox-content {
  margin-bottom: 20px;
}

.infobox .infobox-content p {

  margin-bottom: 15px;

}

.infobox .infobox-content ul,
.infobox .infobox-content ol {

  margin-bottom: 15px;


}

.infobox .infobox-content li {
  margin-bottom: 8px;
}

.infobox .infobox-content strong {

}

/* Button styling within infobox */
.infobox .wp-block-buttons {
  margin: 20px 0;
}

.infobox .wp-block-button__link {
  color: white;
  padding: 12px 30px;
  text-decoration: none;
  display: inline-block;
  transition: all 0.5s ease;
}

ul.wp-block-list {
    margin: 0;
}


.infobox .wp-block-button__link:hover {
  color: white;
  transition: all 0.5s ease;
}

/* Kleingedrucktes (fine print) styling */
.infobox .kleingedrucktes {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid var(--col-linien);
  font-size: var(--font-size-mini);
  line-height: var(--line-height-mini);
  color: var(--col-sort);
}

/* Hide content initially to prevent flash */
.infobox .kleingedrucktes:not(.processed) {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.infobox .kleingedrucktes.processed {
  opacity: 1;
}

.infobox .kleingedrucktes .merged-content {
  position: relative;
}

.infobox .kleingedrucktes .show-more {
  cursor: pointer;
  color: var(--theme-info);
  text-decoration: underline;
}

.infobox .kleingedrucktes .show-more:hover {
  color: var(--theme-info-hover);
}

.infobox .kleingedrucktes .second-part {
  display: none;
}

.infobox .kleingedrucktes .second-part.show {
  display: inline;
}

/* Theme color variations */
.infobox.theme-deals .wp-block-button__link {
  background-color: var(--theme-deals);
  border-color: var(--theme-deals);
}

.infobox.theme-deals .wp-block-button__link:hover {
  background-color: var(--theme-deals-hover);
  border-color: var(--theme-deals-hover);
}

.infobox.theme-freizeit .wp-block-button__link {
  background-color: var(--theme-freizeit);
  border-color: var(--theme-freizeit);
}

.infobox.theme-freizeit .wp-block-button__link:hover {
  background-color: var(--theme-freizeit-hover);
  border-color: var(--theme-freizeit-hover);
}

.infobox.theme-versicherung .wp-block-button__link {
  background-color: var(--theme-versicherung);
  border-color: var(--theme-versicherung);
}

.infobox.theme-versicherung .wp-block-button__link:hover {
  background-color: var(--theme-versicherung-hover);
  border-color: var(--theme-versicherung-hover);
}

.infobox.theme-finanzen .wp-block-button__link {
  background-color: var(--theme-finanzen);
  border-color: var(--theme-finanzen);
}

.infobox.theme-finanzen .wp-block-button__link:hover {
  background-color: var(--theme-finanzen-hover);
  border-color: var(--theme-finanzen-hover);
}

@media (min-width: 1100px) {
  .infobox {
      padding: 0 2.75rem;
      margin: 0 auto 2rem;
      margin-top: 90px !important;
      margin-bottom: 90px !important;
  }
}
@media (min-width: 700px) {
  .infobox {
      padding: 0 1.75rem;
      margin: 0 auto 1.1875rem;
      margin-top: 44px;
      max-width: 36.25rem;
  }
}

/* JavaScript for show more functionality */
.infobox .kleingedrucktes .show-more {
  cursor: pointer;
  color: var(--theme-info);
}

.infobox .kleingedrucktes .show-more.active {
  display: none;
}

.infobox .kleingedrucktes .second-part.show {
  display: inline;
}

 ul.wp-block-list {
    margin: 0 auto .5625rem;
    max-width: 23.25rem;
    padding: 0 1rem;
}

@media (min-width: 1100px) {
  .featured-image-holder.header + .entry-content + h1 {
      max-width: 41.25rem;
      font-size: 2.125rem;
      line-height: 2.75rem;
      padding: 0 2.75rem .5625rem;
  }
}

@media (min-width: 1500px) {
   .featured-image-holder.header + .entry-content + h1 {
        max-width: 56.25rem;
        padding: 1.1875rem 3.75rem .5625rem;
    }
}


@media (min-width: 500px) {
  ul.wp-block-list {
   padding: 0;
   max-width: 28.25rem;
      margin: 0 auto;
      position: relative;
      z-index: 1;
  }
}

@media (max-width: 900px) {
  .info-box-title {
    margin-right: 20px !important;
  }
}

@media (max-width: 600px) {
  .infobox .wp-block-button__link {
      font-size: 16px;
      padding: 5px 20px 8px 20px;
  }
}