.wrapper { font-size: 20px }
/*
.container div[class*='col-']:first-of-type { padding-left: 0 }
.container div[class*='col-']:last-of-type { padding-right: 0 }
*/
/* Layout */
div[class*='col-'] img { max-width: 100% }
.container-bg-image > div.bg-image {max-width: 1400px; margin: auto}
.container-bg-image > div.bg-image > div.bg-image-container-desktop {background-size: auto; background-position: left bottom;}
.container-bg-image-right > div.bg-image {max-width: 1400px; margin: auto}
.container-bg-image-right > div.bg-image > div.bg-image-container-desktop {background-size: auto; background-position: right bottom;}
.container-bg-image-right > div.bg-image {max-width: 1400px; margin: auto}
.container-bg-image-right > div.bg-image > div.bg-image-container-desktop {background-size: auto; background-position: right bottom;}
.container-bg-image-left > div.bg-image {
    max-width: 1400px; 
    margin: auto;
}

.container-bg-image-left > div.bg-image > div.bg-image-container-desktop {
    background-size: cover; /* Füllt Container aus */
    background-position: left center; /* Zentriert vertikal, links horizontal */
    background-repeat: no-repeat;
}


#bannerContentTop { display: none; }
.column-container-left {padding-left:0px; padding-right:0px;}
.column-container-right {padding-left:0px; padding-right:0px;}
.column-container-left.col-lg-8 {padding-left:15px;}
.column-container-right.col-lg-4 {padding-right:15px;}
.column-container-left.col-lg-4 {padding-left:15px;}
.column-container-right.col-lg-8 {padding-right:15px;}

.searchSuggestEntry b { font-size:14px; line-height: 135% }

/* Text */
body { font-family: "Barlow", Helvetica, sans-serif; font-size:17px; line-height:var(--bs-body-line-height); font-weight: 400; color: #090D0D}
b, strong { font-family: inherit; font-size:inherit; line-height:inherit; font-weight: 500; } 
small, .text-small { font-family: "Barlow", Helvetica, sans-serif; font-size:15px; line-height:20px; font-weight: 400; }

a {color: #333}

body div.bs5 h1 { font-family: "Source Serif Pro", "Times New Roman", serif; font-size:50px; line-height:1.25; font-weight: 600; }
body div.bs5 h2 { font-family: "Source Serif Pro", "Times New Roman", serif; font-size:38px; line-height:46px; font-weight: 600; }
body div.bs5 h3 { font-family: "Barlow", Helvetica, sans-serif; font-size:30px; line-height:37px; font-weight: 400; }
body div.bs5 h4 { font-family: "Barlow", Helvetica, sans-serif; font-size:24px; line-height:29px; font-weight: 500; }

body div.bs5.beitrag h2 { margin-top: 65px; margin-bottom: 15px; }
body div.bs5.beitrag h3 { margin-top: 42px; margin-bottom: 20px }
body div.bs5.beitrag div li { margin: 0 auto 0 -13px; padding-left: 10px;}
body div.bs5.beitrag div li.current_rate { margin: 0 auto 0 0; }
body div.bs5.beitrag div.form_rating li { padding-left: 0px;}

.beitrag .socialmedia-top .sxSocial { display:none; }

body .bs5 div a { text-decoration: none; color: #f60; }
body .bs5 div a:hover { text-decoration: underline; color: #f60; }
body .bs5 div li { margin: 5px auto}
.text-serif, .text-serif > * { font-family: "Source Serif Pro", "Times New Roman", serif; }
.text-bold, .text-bold > * { font-weight: bold; }
.caption { color: #3A525E; }
.produkttip .info .price { font-weight: 500; }

.bs5 .card, .bs5 .hyphens {hyphens: auto;}
.bs5 .carousel a.title { color:#090D0D }
.bs5 .carousel a.title:hover { color:#f60; text-decoration:none; }
.bs5 .produkttip h4 a { color:#090D0D }
.bs5 .produkttip h4 a:hover { color:#f60; text-decoration:none; }
.bs5 .produkttip .caption a { color:#090D0D; }
.bs5 .produkttip .caption a:hover { color:#f60; text-decoration:none; }
.bs5 .produkttip .col-md-4 .caption {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product-slider-eLine .carousel-inner .carousel-item .card {
  background-color: #EAE3D5; 
  padding: 30px;
  border-radius: 30px;
}
.bs5 .nav-link .fa{ margin-left:8px }


.bs5 .list-type-check-ci ul{ list-style:none }
.bs5 .list-type-check-ci li{ text-indent:-20px }
.bs5 .list-type-check-ci li::before {
  content: '✓ ';
  color: #f60;
}

.fas-icon.add-after::after, .fas-icon.add-before::before{
  font-weight:900;
  font-family: 'Font Awesome 6 Free';
  font-size:2em;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}
.bs5 .detailContent, .bs5 #comments .commentContainer > div{line-height: var(--bs-body-line-height)}
.bs5 #comments input[type="text"], .bs5 #comments .commentEntryContainer textarea {
  font-size: var(--bs-body-font-size);
  color: var(--hjr-typo-blauschwarz); 
}
.bs5 #comments .loginStatus { color: var(--hjr-fond-blauschwarz-semi) }
.bs5 .responsive img {max-width: 100%;}
@media (min-width: 768px){
  .column-container-left {padding-left:0px; padding-right:10px;}
  .column-container-right {padding-left:10px; padding-right:0px;}
}

@media (min-width: 992px){
  .hidden-lg{ display: none !important; }
  .column-container-left {padding-left:0px; padding-right:10px;}
  .column-container-right {padding-left:10px; padding-right:0px;}
}
@media (max-width: 991px){
.container-bg-image-right > div.bg-image > div.bg-image-container-desktop {background-size: auto; background-position: right bottom; opacity: 0.23;}
}
@media (max-width: 1199px){
  .container-bg-image > div.bg-image > div.bg-image-container-desktop {background-size: auto; background-position: right bottom; opacity: 0.23;}
}
@media (min-width: 1200px){
  .column-container-left {padding-left:0px; padding-right:15px;}
  .column-container-right {padding-left:15px; padding-right:0px;}
}

@media (min-width: 1400px){
  .column-container-left {padding-left:0px; padding-right:15px;}
  .column-container-right {padding-left:15px; padding-right:0px;}
}

.product-slider-webinar.product-slider .carousel-inner {
  height: 335px;
}
.product-slider-webinar .carousel-inner .carousel-item {
  height: 100%;
}

.product-slider-webinar .carousel-inner .carousel-item .card {
  background-color: #f2f2f2; 
  padding: 30px;
  border-radius: 30px;
}

.product-slider-webinar .carousel-inner .carousel-item .card a.btn.btn-ci.button-ci-orange {
  background: rgb(100%, 40%, 0%, 1);
  color: #fff;
  border-color: #f60;
  font-weight: 500;
  color: white;
  text-align:center;
  font-size:20px;
  line-height:20px;
  text-decoration:none;
  margin:0px;
}

.product-slider-webinar .carousel-inner .carousel-item .card a.btn.btn-ci.button-ci-orange:hover {
  background: rgb(100%, 50%, 10%, 1);
}

.product-slider-webinar .carousel-inner .carousel-item .card .date {
  color: var(--hjr-rv-ci-orange);
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 30px;
  line-height: 20px;
}

.product-slider-webinar .carousel-inner .carousel-item .card h4 {
  margin-bottom: 20px;
}
.product-slider-webinar .carousel-inner .carousel-item .card h4 > a{
  color: #666666;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.product-slider-webinar .carousel-inner .carousel-item .card .caption {
  margin-top: auto;
}

.product-slider-webinar .carousel-inner .carousel-item .card .caption {
  margin-top: auto;
}

.product-slider-webinar .carousel-indicators {
  position:relative;
  margin: 0px;
  margin-top:20px;
  display: block;
  text-align: center;
}
.product-slider-webinar .carousel-indicators [data-bs-target] {
  width: 15px;
  height: 15px;
  border-radius: 100%;
  border: 1px solid gray;
  margin: 0px;
}
.product-slider-webinar .carousel-indicators [data-bs-target].active {
  background-color: #f60;
}

@media (max-width: 575px) {
  .product-slider-webinar .carousel-inner .carousel-item > div {
     width: 100%;
  }
}

@media (max-width: 767px) {
  .product-slider-webinar a.carousel-control-prev {
     display: none;
  }
  .product-slider-webinar a.carousel-control-next {
     display: none;
  }

}

@media (min-width: 768px) {
  .product-slider-webinar.hide-arrows-md .carousel-control-prev, 
  .product-slider-webinar.hide-arrows-md .carousel-control-next {
    display:none;
  }
}

@media (min-width: 992px) {
  .product-slider-webinar.hide-arrows-lg .carousel-control-prev, 
  .product-slider-webinar.hide-arrows-lg .carousel-control-next {
    display:none;
  }
}





.flexmodule-slider .bg-image { 
    width: 100%;
}

 /* Verhindert das Springen von Bildern */
.flexmodule-slider  .carousel-inner {
    position: relative;
    overflow: hidden;
}

/* Basis-Styling für Carousel-Items */
.flexmodule-slider .carousel-item {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 3s ease-in-out, transform 3s ease-in-out;
    transform: scale(1.05);
}

/* Aktives Element mit sanfter Skalierung */
.flexmodule-slider .carousel-item.active {
    opacity: 1;
    position: relative;
    z-index: 2;
    transform: scale(1);
}

/* Verzögerung für bessere Überblendung */
.flexmodule-slider .carousel-item.prev {
    opacity: 0;
    transform: scale(1.05);
    transition: opacity 5s ease-in-out, transform 5s ease-in-out;
}


/* Entfernt die Bootstrap-Standardverschiebung, um Weißraum links/rechts zu vermeiden */
.flexmodule-slider  .carousel-item-next,
.flexmodule-slider  .carousel-item-prev,
.flexmodule-slider  .carousel-item.active.carousel-item-start,
.flexmodule-slider  .carousel-item.active.carousel-item-end {
    transform: none !important;
}

@media (min-width: 576px) {
  .flexmodule-slider h1 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    max-height: calc(1.2em * 2); 
    line-height: 1.2em;
  }

  .flexmodule-slider h3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    max-height: calc(1.2em * 3); 
    line-height: 1.2em;
  }
}
@media (max-width: 1199px) {
 div.bs5.beitrag h1 { hyphens: auto; font-size: 40px;}
}