/*
 * /product_page/assets/css/blog.css
*/
:root {
	--fancybox-zIndex: 10000; /* Show as over all */
	--label-success-color: rgba(97, 247, 134, 0.8);
	--secondary-bg: #003d99;
	--info-color:#1062fe ;
	--info-bg:#1062fe ;
	--info-border:#1062fe ;
	--info-hover:#3373ee ;
}
/*DEFAULTS*/
.m-0{ margin: 0 !important }
.ml-1{ margin-left: 5px !important; }
.mr-1{ margin-right: 5px !important; }
.ml-2{ margin-left: 10px !important; }
.mr-2{ margin-right: 10px !important;}
.main-header{display:none !important}
.main-body{margin:0 !important; padding: 0 !important}
/*REFIX*/
/* 1) Full width background */
#slider{
  width: 100%;
  /* wenn slider in einem Container steckt, nimm full-bleed */
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: calc(-50vw + 30px);
  margin-right: calc(-50vw + 30px);
  margin-bottom: 30px;	
  width: calc(100vw - 60px);
  min-height: 650px;
  background: #1A1B25;
  /* optional */
  padding: 24px 0;
  border-radius: 15px;
  color: white;

}
#slider h1 {color: white}
/* 2) zentrierter Content-Wrapper (alles drin bleibt im Layout) */

@media (max-width: 900px){
  #slider .slide{
    grid-template-columns: 1fr;
  }
}
/*FAQ*/
    /* Accordion: Basis */
    .faq details{
      margin: 10px 0;
    }

    .faq summary{
      list-style: none;
      cursor: pointer;
      user-select: none;

      display:flex;
      align-items:center;
      gap: 10px;

      padding: 10px 0;
      font-size: 16px;
      font-weight: 600;
      color: var(--text);
    }
    .faq summary::-webkit-details-marker{ display:none; }

    /* Plus/Minus links */
    .faq summary::before{
      content:"+";
      width: 22px;
      display:inline-block;
      font-size: 26px;
      line-height: 1;
      color: var(--muted);
      transform: translateY(-1px);
    }
    .faq details[open] > summary::before{
      content:"−";
      color: var(--green);
    }

    /* Frage wird grün wenn offen */
    .faq details[open] > summary{
      color: var(--green);
      font-weight: 700;
    }

    /* Antwortbereich */
    .answer{
      padding: 6px 0 8px 32px; /* Einzug damit es unter Text startet */
    }

    /* Bulletpoints wie im Bild */
    .answer ul{
      margin: 0;
      padding: 0;
      list-style: none;
    }
    .answer li{
      position: relative;
      padding: 8px 0 8px 26px;
      color: var(--muted);
      font-weight: 500;
    }
    .answer li::before{
      content:"";
      position:absolute;
      left: 8px;
      top: 18px;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: var(--green);
    }
/*BOX PRODUCTS CARD*/
/* Layout Wrapper */
.pp-layout{display:flex;gap:18px;align-items:flex-start;}
/* Sidebar */
.pp-sidebar{width:100%;background:var(--gray-gradient-v,#fff);border-radius:0.25rem;padding:12px; box-shadow: rgba(14, 63, 126, 0.06) 0px 0px 0px 1px, rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 2px 2px -1px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px, rgba(42, 51, 70, 0.03) 0px 10px 10px -5px, rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;}
.pp-search-form{position: relative;display: block;margin-bottom: 12px;}
.pp-search-form input{
  width: 100%;
  height: 44px;
  border: 0;
  outline: none;
  border-radius: 8px;
  padding: 0 46px 0 14px; /* Platz für Icon rechts */
  background: #f3f4f6;
  font-size: 14px;
}
.pp-search-form button{
  position:absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
}
.pp-search-form button i{
  font-size: 16px;
}

/* Category List */
.pp-cat-title{ text-transform: uppercase; font-size: 1.0rem; font-weight: 300; line-height: 2.0rem;}
.pp-cat-list{list-style:none;margin:10px 0 0 0;padding:0;}
.pp-cat-list li{display:flex;align-items:center;justify-content:space-between;padding:2px 5px;border-radius:var(--input-border-radius, 4px);margin:6px 0}
.pp-cat-list li a{text-decoration:none;color:var(--primary,inherit);}
.pp-cat-list li label{margin: 0;font-weight: 400;opacity: .8;border: 1px solid #40404040;min-width: 35px;border-radius: 0.25rem;text-align: right;padding: 0 5px;height: 20px;line-height: 18px;font-size: 0.7rem;}
.pp-cat-list li.active{background: var(--gray-darker,#15171A); font-weight: 600; color: var(--gray-faded, --white, #fff); label{border-color: var(--gray-faded, --white, #fff); color: var(--gray-faded, --white, #fff)}}
.pp-cat-list li:hover{ outline: 1px solid #70707070; outline-offset:2px;}
/* Category accordion helpers */
.pp-cat-list li.is-hidden{display:none;}

.pp-cat-row{display:flex;align-items:center;gap:8px;}
.pp-cat-toggle{width:18px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;}
.pp-cat-toggle-spacer{width:18px;display:inline-block;}
.pp-cat-depth-mark{opacity:.65;min-width:14px;text-align:center;}


/* optional: make depth 1/2 slightly smaller */
.pp-cat-list li.depth-1 a{ font-size: 0.95rem; opacity:.95; }
.pp-cat-list li.depth-2 a{ font-size: 0.93rem; opacity:.90; }

/* Main */
.pp-main{flex:1 1 auto;min-width:0;}


.pp-grid{ display:flex;flex-wrap:wrap;gap:18px }
.pp-col{ width:100%}
/* Mobile: sidebar above grid */
@media(min-width:300px){ 
	.container {padding: 5px;}
}
/* Descktop: sidebar above grid */
@media (max-width: 991px){
  .pp-layout{
    flex-direction:column;
  }
}
/* FIX: Sidebar darf nicht schrumpfen */
@media (min-width: 992px){
  .pp-layout{ display:flex; gap:18px; align-items:flex-start; }
  .pp-layout .pp-sidebar{
    flex: 0 0 270px;
    width: 270px;
    min-width: 270px;
	margin-right: 20px;
    flex-shrink: 0;
	position: sticky;
    top: 50px;
  }
  .pp-layout .pp-main{
    flex: 1 1 auto;
    min-width: 0;
  }
}
@media(min-width:768px){ 
	.pp-col{ width:calc(50% - 9px)} 
	.container {padding: 10px;}
}

@media(min-width:1200px){ .pp-col{ width:calc(33.333% - 12px)} }

/*@media(min-width:1300px){ .pp-col{ width:calc(25.333% - 18px)} }*/

.pp-price-row{ position:absolute;display:flex;align-items:center;justify-content:space-between;
 margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.25); bottom: 8px; width: calc(100% - 25px);}
.pp-price{ font-weight:800;font-size:17px }
.pp-list-mid .pp-price{ font-weight:800;font-size:22px }
.pp-list-mid .pp-price-discount { color: #f04e4ef0 }
.pp-list-mid .pp-price-discount::before { height: 2px; background:#d94e4e50; transform: rotate(-15deg) }
.pp-price-suffix{opacity:.85;font-weight:700;}
.pp-free{ opacity:.95 }
.pp-price-discount{background-color: transparent; padding: 2px; border-radius: 3px; margin-left: 4px; font-weight: 400; opacity: 0.5; position: relative; margin: 0 5px 0 0;}
.pp-price-discount::before{content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; margin-top: 0; background: #fff; transform: rotate(-15deg)}
.pp-card{ /*border:1px solid #e5e7eb;*/
	border-radius:0.25rem;overflow:hidden;background:var(--gray-gradient-h,#fff);
 	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
	transition: all ease-in-out 0.2s
}
.pp-card:hover{	box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;}


.lagom-dark-mode .pp-card:hover, .darkmode .pp-card:hover{
  box-shadow:
    rgba(200, 200, 200, 0.06) 0px 1px 1px,
    rgba(200, 200, 200, 0.06) 0px 2px 2px,
    rgba(200, 200, 200, 0.06) 0px 4px 4px,
    rgba(200, 200, 200, 0.06) 0px 8px 8px,
    rgba(200, 200, 200, 0.06) 0px 16px 16px;
}
.pp-head{ position:relative;overflow: hidden;padding:14px 14px 12px 14px;color:#fff; text-shadow: 1px 2px 0 #00000030}
.pp-head::before{ content:"";position:absolute;inset:0;opacity:.30;background: radial-gradient(circle at 15% 20%, rgb(255, 255, 255), rgba(6, 6, 6, 0.60) 55%); width: 100%; height: auto; transform: all ease-in-out 0.2s;}
.pp-head:hover::before{ background: radial-gradient(circle at 15% 20%, rgb(255, 255, 255), rgba(100, 100, 100, 0.60) 55%)}

.pp-head-inner{ position:relative;display:flex;gap:12px;align-items:flex-start ;min-height: 135px; }
.pp-badge{ width:90px;height:90px;padding:45;border-radius:10px;background:rgba(255,255,255,.18);
	display:flex;align-items:center;justify-content:center;}
.pp-badge img{ width:74px;height:74px;object-fit:contain; border-radius: 0.5rem; overflow: hidden;transition: all ease-in-out 0.3s;}
.pp-badge:hover img{
	transform: scale(1.2)
}
.label2 {
  display: inline;
  padding: 6px 4px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 2px;
  text-transform: uppercase;
  box-shadow: 0 2px 0 #00000035;	
}
.label2-free {background-color: #0fb02c; color: #FFFFFF; }
.label2-onetime {background-color: #B0105B; color: #FFFFFF; }
.label2-commercial {background-color: #D5405E; color: #FFFFFF;}
.label2-featured {background-color: #363ED0; color: #ffffff;}

.header-label2 {
  position: absolute;
  top: -10px;
  right: -60px;
  width: 145px;
  height: 48px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  text-align: center;
  text-transform: uppercase;
  text-shadow: 1px 1px 0 #00000050;
}

.header-label2 .label2 {
  position: absolute;
  margin-left: -73px;
  left: 50%;
  display: block;
  width: 100%;
  font-size: 10px;
  border-radius: 0;
  padding: 0;
  line-height: 20px;
  margin-bottom: 4px;
}
.header-label2 .label2-short {top: 0;}
.header-label2 .label2-long {bottom: 0;}
.pp-meta{ flex:1; height: 90px; align-content: center; }
.pp-kicker{ font-size:12px;letter-spacing:.5px;opacity:.9;font-weight:400; a{ color: var(--white, #fff) } }
.pp-title{
	font-size:22px;font-weight:800;line-height:1.15;margin-top:3px 
	&.mini{font-size: 18px}
	a{color:#ffffff; transition: all ease-in-out 0.2s};
	a:hover::after{ padding-left: 10px;}
}
.pp-price{ font-weight:800 }
.pp-old{ opacity:.7;text-decoration:line-through;margin-right:8px;font-weight:600 }
.pp-stars .customstartstyle {--star-size: 18px;}

.pp-body{ padding:14px }
.lagom-dark-mode .pp-body, .lagom-dark-mode .pp-body p, .lagom-dark-mode .pp-body h3{ color:var(--text-body-color, #efefef)}

.pp-body h3{ margin:0 0 2px;line-height: 25px;font-size:14px;font-weight:700;color:#1f2937 }
.pp-sub{ margin:0 0 10px 0;color:#6b7280;font-size:12px }
/* Beschreibung begrenzen */
.pp-card .pp-desc { text-align: justify; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; min-height: calc(1.4em * 4); line-height: 1.4; }
.pp-card .btn-group { margin-top: auto; }
.pp-chosen{display: flex; justify-content: space-between; align-content: center; margin: 0 0 10px; border-bottom: 1px dashed var(--gray-lighter-2, #80808090); color: var(--gray-lighter); span{margin-right:15px;}}
.pp-actions{ display:flex;gap:10px;flex-wrap:wrap }
.pp-actions a{ font-size: 0.7rem;font-weight:500; }
.pp-actions .btn{ border-radius:3px;padding:4px 8px !important;font-size: 0.7rem;font-weight:500;height:28px;}
.btn-sm{border-radius: 3px;}
.pp-btn-primary{
	background: #4fb250;background-image: none;background-image: linear-gradient(160deg,#74e565,#4fb250); color:#ffffff;
}
.pp-btn-secondary{ background:#f3f4f6;border-color:#e5e7eb;color:#111827 }
.pp-btn-primary:hover{ background:#2ea142;color:#fff }
.pp-btn-secondary:hover{ background:#e5e7eb;color:#111827 }

.tooltip .tooltip-inner{
  box-shadow: rgba(0,0,0,0.35) 0px 5px 20px;
}
.lagom-dark-mode .tooltip .tooltip-inner{
  box-shadow: rgba(255,255,255,0.20) 0px 5px 20px;
}
/*LIST*/
.label-xs{
	font-size: 0.6rem;
	text-transform: uppercase;
	padding: 2px 5px;
	opacity:.7;
}
.label-rounded{	border-radius: 1rem;}
.pp-list-item{
	display:flex;gap:15px;align-items:flex-start;border-top:1px solid rgba(128, 128, 128, 0.4);border-radius:0;padding:15px 0;
}
.pp-list-left{
	width: 170px;
	min-width: 170px;
	height: 170px;
	align-items: center;
	border-radius: 5px;
	display: grid;
	text-align: center;
	justify-content: center;
	padding: 10px 0 0;
}
.pp-view-btn{
	border:1px solid #00000030;
	background:#fff;
	padding:8px;
	border-radius:3px;
	line-height:1;
	cursor:pointer;
	color: #00000030
}
.pp-view-btn.active{
	color: #000000;
	border-color: rgba(0,0,0,.35);
	box-shadow: 0 1px 0 rgba(0,0,0,.08);
}
.pp-headlines{ font-size: 0.8rem; padding: 5px 0;}
.pp-actions{
	display:flex;
	align-items:center;
	gap:5px;
	span{border:1px solid #50505050; border-radius: 3px; padding: 2px 10px; height: 28px; font-size: 0.8rem;}
}
.pp-actions-left{
	display:flex;
	gap:5px;
}
.pp-actions-right{
	margin-left:auto;
	display:flex;
	gap:5px;
}
/* FULL CONTAINER WIDTH -- DISABLED
#main-body > .container{
	width:100%;
	max-width:none;
}*/
/* Default (Grid) */
.pp-layout.pp-view-grid .pp-grid{
	/* dein bestehendes Grid bleibt, hier nichts erzwingen */
}

/* List View */
.pp-layout.pp-view-list .pp-grid{
	display:block;
}
.pp-layout.pp-view-list .pp-col{
	width:100%;
	margin-bottom:14px;
}

/* Card in List-Layout horizontal */
.pp-layout.pp-view-list .pp-card{
	display:flex;
	align-items:stretch;
}

/* Head links, Body rechts */
.pp-layout.pp-view-list .pp-head{
	width:320px;
	min-width:320px;
}
.pp-layout.pp-view-list .pp-body{
	flex:1;
}

/* Optional: etwas kompakter in List */
.pp-layout.pp-view-list .pp-badge img{
	max-height:90px;
	object-fit:contain;
}

/* Sidebar filter block */
.pp-filter-sidebar{
  margin: 12px 0 6px;
}

/* Sort button like screenshot */
.pp-sort-btn{
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid #80808050;
  background: #80808020;
  padding: 8px 12px;
  margin-bottom: 10px;
  border-radius: var(--input-border-radius, 5px);
  cursor: pointer;
  user-select: none;
}

.pp-sort-btn-label{
  font-size: 12px;
  letter-spacing: .04em;
  color: #7b8794;
  text-transform: uppercase;
  white-space: nowrap;
}

.pp-sort-btn-value{
  font-size: 0.8rem;
  font-weight: 700;
  color: #202020;
  flex: 1 1 auto;
  text-align: left;
}
.lagom-dark-mode .pp-sort-btn-value, .darkmode .pp-sort-btn-value{ color: #808080;}

.pp-sort-caret{
  opacity: .65;
  margin-right: 5px;
}
.pp-sort-dropdown .dropdown-menu > li > a > i{
  margin-right: 5px !important;
}
/* Open state (Bootstrap 3 uses .open, Bootstrap 4 uses .show) */
.pp-sort-dropdown.open .pp-sort-btn,
.pp-sort-dropdown.show .pp-sort-btn{
  background: #4caf50;
  border-color: #4caf50;
}

.pp-sort-dropdown.open .pp-sort-btn .pp-sort-btn-label,
.pp-sort-dropdown.show .pp-sort-btn .pp-sort-btn-label,
.pp-sort-dropdown.open .pp-sort-btn .pp-sort-btn-value,
.pp-sort-dropdown.show .pp-sort-btn .pp-sort-btn-value{
  color: #fff;
}

.pp-sort-dropdown.open .pp-sort-btn .pp-sort-caret,
.pp-sort-dropdown.show .pp-sort-btn .pp-sort-caret{
  color: #fff;
  opacity: .95;
}

/* Dropdown menu */
.dropdown-menu > li > a{ padding: 10px !important }
.dropdown-menu > li > a:hover{ font-weight: 500; }
.pp-sort-dropdown .dropdown-menu.show {box-shadow: 0 -10px 15px -3px #50505070}
.pp-sort-dropdown .dropdown-toggle::after{ display: none !important }
.pp-sort-menu{
  width: 100%;
  margin-top: -3px;
  border-radius: 0 0 5px 5px;
  border: 0;
  padding: 6px 0;
}
.pp-sort-menu::before {
  content: "";
  position: absolute;
  top: -7px;
  right: 17px;
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: -8px;
  vertical-align: middle;
  border-bottom: 8px solid #fff;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
.lagom-dark-mode .pp-sort-menu::before, .darkmode .pp-sort-menu::before {
  border-bottom: 8px solid var(--dropdown-bg);
}
.pp-sort-item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  color: #111827;
  text-decoration: none;
}

.pp-sort-item:hover{
  background: #f3f4f6;
  text-decoration: none;
}

.pp-sort-check{
  color: #4caf50;
}

/* Divider */
.pp-filter-divider{
  height: 1px;
  background: #80808050;
  margin: 10px 0;
}

/* Perpage select */
.pp-perpage-form{
  margin: 0;
}

.pp-perpage-select{
  width: 100%;
  border: 1px solid #80808050;
  border-radius: 6px;
  padding: 10px 12px;
  background: #80808020;
}

.default{background: linear-gradient(160deg, #5bdeca 0%,#47bfb7 100%);};
.pp-search-reset:hover { opacity: 1; color: darkred;}
.darkmode .pp-search-reset:hover { background: rgba(255,255,255,.10); }

/*DISABLED*/
/*.main-header{display: none !important;}*/

/* Alerts */
.alert {
	display: flex !important;
	align-items: center !important; /* vertikal zentriert */
	justify-content: space-between !important; /* Text links, Button rechts */
	flex-direction: row !important;
}
.alert .btn {
	order: 1; /* Button nach links */
	margin-left: 1rem; /* optional Abstand zum Text */
}
.alert.alert-promo {
  padding: 16px !important;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
}
.alert-promo {
  padding: 24px 138px 24px 80px;
  border-color: #e5ac62;
}
.alert-promo > strong {
  color: #d5985e;
}
.alert.alert-promo::before {
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  position: relative;
  transform: none;
  min-width: 52px;
  min-height: 52px;
  background-position: 50%;
  background-repeat: no-repeat;
}

.alert-promo::before {
  content: "";
  background: url(../img/recommended.svg);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
}
.alert.alert-promo, .alert.alert-promo strong {
  font-size: 1rem;
  line-height: 24px;
}
.alert-promo {
  margin-top: 15px;
  padding: 24px 138px 24px 80px;
  border: 1px solid #e5ac62 !important;
}
.alert.alert-promo > .btn {
  min-width: 100px;
}
.alert.alert-promo .btn {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  transform: none;
  margin-left: auto;
}
.alert.alert-floating{ padding: 0; }
/*BTN*/
.btn-easydcim, .btn-easydcim:active, .btn-easydcim:focus, .btn-easydcim:hover, .btn-gold, .btn-gold:active, .btn-gold:focus, .btn-gold:hover, .btn-mc, .btn-mc:active, .btn-mc:focus, .btn-mc:hover {
  color: #fff;
}
.btn-gold {
  background: #fa772a;
  background-image: linear-gradient(160deg,#e9b163,#d1935d);
}
.btn-gold:hover{
  background-image: linear-gradient(160deg,#ffc16b,#eba567);
}
.btn-new:not(.btn-circle)::after, .btn:not(.btn-circle)::after, .btn:not(.btn-circle)::before {
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  content: "";
  opacity: 0;
  border-radius: 3px;
  transition: all .3s ease-out;
}
.btn-info-outline, .btn-info.btn-outline {
    color: var(--info-color);
    background: transparent;
    border-color: var(--info-border);
}
.btn-info:hover, .btn-info.btn-outline:hover {
	color: #e0ebff8c !important;
}
.tabs-actions .btn{
	font-family: 0.8rem !important;
	line-height: 35px;
}
.tabs-actions .btn-sm{
	font-family: 0.7rem;
	line-height: 30px;
}
.tabs-actions .btn-lg{
	font-family: 1.2rem;
	line-height: 50px;
}
.tabs-actions .btn i{
	

}
.tabs-actions .btn{
	font-family: 0.7rem !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
	touch-action: manipulation;
	border-radius: 3px;
	line-height: 25px;
}
.tabs-actions .btn > span:not(.button-loader) {
  position: relative;
  z-index: 3;
}

.tabs-actions .button-loader, .spinner {
  position: absolute;
  left: 50%;
  top: 50%;
}
.tabs-actions .button-loader {
  z-index: 10;
}
.tabs-actions .btn-primary {
  border-color:#4fb250;
  background: #4fb250;
  background-image: linear-gradient(160deg,#74e565,#4fb250);
}
.tabs-actions .btn-success.btn-primary {
  color: #4fb250;
  background-color: transparent;
  border-color: #4fb250;
}
.tabs-actions .btn-default.btn-outline {
  border: 1px solid #d7dadb;
  color: #737980;
}
.tabs-actions .btn-success.btn-outline {
  color: #218838;
  background-color: transparent;
  border-color: #218838;
}
.tabs-actions .btn-secondary.btn-outline{
	background-color: transparent
}
.tabs-actions .btn-light {
  color: #505050;
  background-color: #d2d2d2;
  border-color: #d2d2d2;
}
.tabs-actions .btn-light.btn-outline{
  background-color: transparent;
} 
/* Reviews List Styling */
.reviews-list {
	margin-top: 20px;
	border-top: 1px solid #80808050;
	padding-top: 20px;
}
.review {
	padding: 15px;
	border: 1px solid #80808020;
	border-radius: 5px;
	margin-bottom: 15px;
	background-color: #eeeeee02;
}
.review-header {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.review-avatar {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	margin-right: 15px;
}
.review-header .review-details {
	flex: 1;
}
.review-name {
	font-weight: bold;
	color: #7ca9dd;
	font-size: x-large;
}
.review-date {
	font-size: 12px;
	color: #888;
	margin-top: 2px;
}
.review-stars {
	color: #f5a623;
	margin-top: 5px;
	font-size: 18px;
}
.review-message {
	margin-top: 10px;
	line-height: 1.5;
	color: #555;
}
.review-response {
	margin-top: 15px;
	padding: 10px;
	background: #f4f4ff;
	border: 1px solid #ddd;
	border-radius: 5px;
	font-size: 0.9rem;
}
.review-response strong {
	color: #007bff;
}
/* Star Rating Styles */
.star-rating {
	direction: rtl;
	display: inline-flex;
	font-size: 18px;
}
.star-rating input {
	display: none;
}
.star-rating label {
	color: #ccc;
	cursor: pointer;
}
.star-rating input:checked ~ label, .star-rating label:hover, .star-rating label:hover ~ label {
	color: #f5a623;
}
/* Rating style start*/
.review-card h3 {
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	color: #444;
}
/* Overall Rating Section */
.card-overall {
	text-align: center;
	margin-bottom: 20px;
}
.overall-rating {
	font-size: 2rem;
	color: #f5a623;
	font-weight: bold;
	.stars{ --star-background: #50505080;}
}
.overall-stars {
	font-size: 1.5rem;
	color: #f5a623;
	margin: 5px 0;
}
.total-reviews {
	font-size: 0.9rem;
	color: #666;
}
/* Breakdown Section */
.text-warning {
	color: #ff8e2b !important;
}
.card-breakdown {
	margin-top: 10px;
}
.breakdown-row {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	line-height: 1.0rem;
}
.rating-label {
	width: 80px;
	font-size: 0.9rem;
	color: #666;
}
.rating-bar {
	flex: 1;
	height: 10px;
	background-color: #d4d4d4;
	margin: 0 10px;
	border-radius: 5px;
	overflow: hidden;
}
.rating-fill {
	height: 100%;
	background-color: #f5a623;
	transition: width 0.3s ease;
}
.rating-count {
	width: 30px;
	text-align: right;
	font-size: 0.9rem;
	color: #666;
	font-weight: bold;
}
/* Star Rating Display */
.stars {
	--star-size: 42px;
	--star-color: #f5a623;
	--star-background: #efefef9e;
	--rating: 0;
	display: inline-block;
	font-size: var(--star-size);
	line-height: 1;
	background: linear-gradient(90deg, var(--star-color) calc(var(--rating) / 5 * 100%), var(--star-background) calc(var(--rating) / 5 * 100%));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: "Arial", sans-serif;
}
.stars-sm{
	--star-size: 24px;
	--star-background: #ffffff;
}
.customstartstyle-list {
	--star-size: 26px;
	--star-background: #efefeff0;
	text-shadow: 0 2px 0 rgba(0,0,0,.2)
}
.stars::before {
	content: "★★★★★";
}
.rating-text {
	font-size: 14px;
	color: #666;
	text-align: center;
	margin-top: 5px;
}
/* style for tabs ends */
.description-container {
	max-height: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 10;
	-webkit-box-orient: vertical;
	line-height: 1.5;
	font-size: 14px;
	font-weight: 300;
	text-align: justify;
}
.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.text-container {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 99%;
	margin-bottom: 0px;
}
.replay-box {
	width: 100%;
	height: 150px;
	padding: 40px 20px 20px 20px;
	box-shadow: 0 3px 15px -5px rgba(100, 100, 100, .2);
	border-radius: 0.5rem;
	border: 1px solid rgba(100, 100, 100, .3);
	font-family: Arial, sans-serif;
	font-size: 14px;
	resize: vertical;
}
.free {
	color: #5cb85c;
}
.commercial {
	color: #B30023;
}
.product-priceheading {
	margin-top: 0px;
	font-weight: 700;
	text-align: right;
}

.label-box{
	position: absolute;
	z-index: 1;
	transform: rotate(45deg);
	right: -40px;
	top: 4px;
	text-align: center;
	font-size: 10px !important;
	font-weight: 400 !important;
	text-transform: uppercase;
	background: #fff;
	padding: 0 25px !important;
}
.label-box .free{
	color: forestgreen;
}
.label-box .commercial {
	color: firebrick;
}
@media screen and (max-width: 992px) {
	.product-priceheading {
		text-align: left;
	}
	.review-header {
		display: block;
	}
}
.product-price {
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 22px;
	border: 0;
	display: inline-block;
	padding: 0px 5px;
	border-radius: 3px;
	text-align: start;
}
.tab-section .h6, .tab-section h6 {
	font-size: 11px;
	color: #a1a5b2;
	font-weight: 600;
	margin: 0 0 4px;
	text-transform: uppercase;
}
.tab-section-price .price small {
	display: block;
	font-size: 12px;
	color: #a1a5b2;
}
.tab-section-price .price {
	font-size: 30px;
	font-weight: 300;
	text-align: start;
	flex: 1;
}
.price h3 {
	display: flex;
	font-size: 2.5rem;
	font-weight: 300;
	line-height: 35px;
	margin: 0;
	padding: 0;
}
.price small {
	display: flex;
}
.price h3 span {
	font-size: 15px;
	margin-top: 5px;
}
.price .free {
	color: #02d24a;
}
.price-free h3 {
	color: #02d24a;
}
.price-discounted h3{
	color: #B30023;
}
.product-descriptionn {
	font-size: 14px;
	color: #555;
	padding: 0 10px;
	height: 60px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
}
.addminaccess {
	margin-top: 20px;
	text-align: right;
	display: flex;
	gap: 10px;
}
.hide {
	display: none !important;
}
/* see also slider style */
.container_seealso {
	width: 100%;
	display: flex;
	align-items: center;
}
.lSPager.lSpg {
	display: none;
}
.box {
	width: 215px;
	height: 376px;
	background: white;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	margin: 20px 5px;
	text-align: center;
	border: 1px solid #ddd;
}
.box:hover {
	transform-style: preserve-3d;
	transform: scale(1.02);
	transition: all ease .3s;
}
.box:hover .marvel {
	color: #C0292B;
	transition: all ease .5s;
}
.model {
	height: 350px;
	max-height: 100%;
	max-width: 100%;
}
.details {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 300px;
}
.details p {
	font-family: calibri;
	font-weight: bold;
	color: #6A6A74;
	text-align: center;
	margin-top: 20px;
}
.marvel {
	color: #32323E;
	font-weight: bold;
	letter-spacing: 2px;
	font-family: Bebas Kai;
	font-size: 25px;
}
.logo {
	height: 60px;
}
.slider-img img {
	max-width: 100%;
}
.lSPrev, .lSNext {
	background-color: black;
	opacity: 1 !important;
}
.btn32 {
	width: 100px !important;
	height: 32px !important;
}
/* Changelog Styles */
.changelog-entry {
	border-radius: 5px;
	padding: 15px;
	margin-bottom: 15px;
}
.changelog-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.changelog-info {
	display: flex;
	gap: 1rem;
}
.changelog-version {
	font-weight: bold;
	color: #000000;
	font-size: 1.4rem;
	min-width: 95px;
	display: inline-block;
	text-align: end;
	padding-right: 15px;
}
.lagom-dark-mode .changelog-version, .dark-mode .changelog-version { color: var(--white, #fff)}
.changelog-date {
	font-weight: 300;
	color: #6c757d;
}
.changelog-content {
	line-height: 1.6;
}
.delete-changelog {
	display: flex;
	justify-content: flex-end;
}
.changelog-entry {
	border-top: 1px dashed rgba(100, 100, 100, .3);
	border-radius: 0;
	padding: 5px;
	margin-bottom: 5px;
}
.changelog-entry .label {
	font-size: 10px !important;
	text-transform: uppercase !important;
	text-shadow: 0 2px 1px rgba(50,50,50,.5);
	font-family: inherit !important;
	padding: 3px 5px !important;
	border-radius: 3px !important;
	line-height:15px !important;
}
.changelog-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 5px;
	flex-wrap: wrap;
}
.changelog-type {
	display: inline-block;
	padding: 3px 8px;
	border-radius: 4px;
	font-weight: 400;
	text-transform: uppercase;
	text-shadow: 0 1px 1px rgba(50, 50, 50, .5);
	margin-right: 10px;
	color: white;
}
.changelog-date {
	color: #6c757d;
	font-size: 14px;
}
.changelog-content {
	line-height: 1.6;
}


/* Farben für die verschiedenen Types */
.type-bug-fix { background-color: #f25050; color: white; }
.type-changed { background-color: #1f75cc; color: white; }
.type-improvement { background-color: #2caed4; color: white; }
.type-launch { background-color: #A481EB; color: white; }
.type-new-feature { background-color: #5bc758; color: white; }
.type-removed { background-color: #ff9900; color: white; }

.content-list {margin: 0 5px; padding: 0;}
.content-list li{list-style: square; font-size: 16px;}
.content-list.bug-fix li::marker { color: #f25050; }
.content-list.changed li::marker { color: #1f75cc; }
.content-list.improvement li::marker { color: #2caed4; }
.content-list.launch li::marker { color: #A481EB; }
.content-list.new-feature li::marker { color: #5bc758; }
.content-list.removed li::marker { color: #ff9900; }

/* END */

.changelog-list {
	position: relative;
	padding-left: 90px;
}
.changelog-list .label-container {
	position: absolute;
	left: 0;
	top: auto;
	width: 78px;
	text-align: end;
}
.changelog-list .list-styled {
	padding-left: 25px;
	font-weight: 400;
	list-style: none !important;
	margin: 5px 0;
}
/* Fancybox and Carousel Styles */
.slider-container {
	position: static;
	max-width: 100%;
	max-height: 445px;
	overflow: hidden;
	border-radius: 0.5rem;
}
.main-image {
	width: 100%;
	height: auto;
}
.main-image img {
	width: 100%;
	height: auto;
}
/* Modernes Aussehen für Thumbnails */
.thumbnail {
	height: 80px;
	object-fit: cover;
	cursor: pointer;
	border: none;
	border-radius: 0.25rem;
	transition: width 0.2s ease, box-shadow 0.2s ease;
	overflow: hidden;
	width: 50px;
	padding: 0px 2px;
}
.thumbnail.active {
	width: 80px; /* Aktive Breite */
	margin: 0 10px;
	box-shadow: 0 4px 8px -5px rgba(0, 0, 0, 0.5);
}
.thumbnail:hover {
	box-shadow: 0 2px 5px -3px rgba(0, 0, 0, 0.1);
}
.thumbnail img {
	width: 100%;
	height: 100%;
	border-radius: 4px;
	display: block;
}
.thumbnail-container {
	display: flex;
	overflow-x: auto;
	padding: 10px 0;
	gap: 10px;
	flex-wrap: nowrap;
	position: absolute;
	bottom: 1px;
	width: 100%;
	height: 100px;
	border-radius: 0.5rem;
	backdrop-filter: blur(5px);
	background: linear-gradient(to top, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0) 60%);
}
/* TABS */
#productTabs .nav {
	text-transform: uppercase;
	font-weight: 600;
}
.tabs-container {
	width: 100%;
	margin: -45px 0 0 0;
	box-shadow: 0 6px 20px rgba(0, 0, 0, .1);
	border-radius: 0.5rem;
}
.tabs-actions {
	display: block;
	margin-top: auto;
}
.tab-section-info {
	overflow-y: scroll;
	height: 200px;
}
.tab-section-info ul {
	margin: 0;
	padding: 0;
}
.tab-section-info li {
	list-style: none;
}
.tab-section-info li::before {
	content: "\f00c";
	color: #5bc758;
	font-family: "Font Awesome 5 Pro";
	margin-right: 10px;
}
.tabs {
	line-height: 35px;
	background: var(--secondary-bg);
	display: flex;
	position: sticky !important;
	top: 0;
	z-index: 2;
}
.tabs .nav {
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	list-style: none;
	margin: 0;
	padding: 0;
}
.tabs .nav::-webkit-scrollbar {
	display: none;
}
.tabs .nav li {
	flex: 0 0 auto;
	padding: 0.5rem 1rem;
	white-space: nowrap;
	transition: transform 0.3s ease;
}
.tabs .nav li.end {
	margin-left: auto;
}
.tabs .nav li.end i {
	margin-right: 5px;
}
.tabs .nav li.end a{
	min-height: 0;
	padding: 0 10px;
	margin: 0;
}
.tabs-sm, .tabs-sm .nav li {
	padding: 0;
	margin: 0;
}
.tabs-sm > ul > li > a{
	padding: 0;
	margin: 4px 8px;
}
.tab {
	text-align: center;
	padding: 10px 15px;
	cursor: pointer;
	border-bottom: 2px solid transparent;
	font-size: 16px;
	color: rgba(221, 238, 255, .8);
	transition: color 0.3s ease, border-bottom-color 0.3s ease;
}
.tab:hover {
	color: #FFFFFF;
}
.tab.active {
	color: #FFFFFF;
}
.tab.active::after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 50%;
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: -10px;
	vertical-align: middle;
	border-bottom: 8px solid #FFF;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}
.lagom-dark-mode .tab.active::after, .dark-mode .tab.active::after { border-bottom: 8px solid #1a1a1a;}
.tab-content {
	width: 100%;
	display: none;
	overflow: auto;
	padding: 20px;
	background-color: #ffffff;
	border-radius: 0 0 0.5rem 0.5rem;
	font-size: 1rem;
}
.lagom-dark-mode .tab-content, .dark-mode .tab-content {
	background: #1a1a1a;
}
.tab-content.active {
	display: block;
}
/*TABS SM*/
.tab-content.tab-sm > .tab-pane {
	position: relative;
	/*height: 100%;*/
	padding: 8px;
}
.tab-sm {
	border-radius: 0.25rem;
	margin-top: 0px;
	min-height: 260px;
	overflow: hidden;
}

.tab-content > .active {
	display: block;
}
.tab-section-price {
	padding: 0 10px;
	border-right: 1px solid rgba(100, 100, 100, .2);
	display: flex;
	flex-direction: column; /* stapelt price über tabs-actions */
}
.tab-actions {
	width: 100%;
	bottom: 0;
}
.tab-actions .btn {
	display: block !important;
	width: 100%;
}
/*STRIPS*/
.tab-pane .strip {
	width: 171px;
	height: 149px;
	position: absolute;
	transform: rotate(45deg);
	box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .15);
}
.tab-pane .strip .strip-content {
	position: absolute;
	left: 4px;
	bottom: 2px;
	width: 100%;
	text-align: center;
	color: #fff;
	color: rgba(0, 0, 0, .7);
	font-weight: 700;
	font-size: 10px;
	text-transform: uppercase;
}
.tab-pane .strip .strip-content span {
	margin-bottom: -2px;
	font-size: 32px;
	font-weight: 400;
	display: block;
	color: #fff;
}
.tab-pane .strip .strip-content span i {
	position: relative;
	top: 0px;
	font-size: 1.5rem;
}
.tab-pane .strip {
	top: -95px;
	right: -100px;
}
.strip-orange {
	background: linear-gradient(340deg, #ff6c2c, #ff8e2b);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ff8e2b", endColorstr="#ff6c2c", GradientType=0);
}
.strip-green {
	background: linear-gradient(340deg, #2cff61, #2b9cff);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ff8e2b", endColorstr="#ff6c2c", GradientType=0);
}
/*NAV*/
.nav {
	margin-bottom: 0;
	padding-left: 0;
	list-style: none;
	display: flex;
}
.nav[data-active-index="2"] li:first-child {
	transform: translateX(-100%);
}
.nav-transparent {
	margin-bottom: 11px;
}
.nav-tabs {
	white-space: nowrap;
	min-width: 100%;
}
.nav-tabs > li {
	display: inline-block;
}
.nav-tabs li.active a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 4px;
	background: var(--nav-tabs-link-active-border-color);
	width: 100%;
}
.nav > li, .tabs {
	position: relative;
}
.nav-transparent {
	margin-bottom: 0px;
}
.nav-transparent > li > a {
	color: rgba(221, 238, 255, .8);
	text-shadow: 1px 1px 0px rgba(0, 0, 0, .3);
	min-height: 30px !important;
	display: inline-block;
	text-decoration: none;
	font-size: 0.9rem;
	font-weight: 600;
	padding: 0 10px;
}
.nav-transparent > li.active > a, .nav-transparent > li.active > a:focus, .nav-transparent > li.active > a:hover {
	color: #FFFFFF !important;
}
.nav-tabs > li > a {
	position: relative;
	display: block;
	padding: 0px;
	min-height: 35px;
	margin-right: 10px;
	font-weight: 700;
	line-height: 35px;
}
/*V2.2 ######################################## */
section#main-body {
	padding: 0;
	margin: 0;
}
.pp-logo{ max-width: 100px; min-width: 100px; border-radius:0.25rem; background: #ffffff20 }
.title-slider {
	background: rgba(200,200,200,.1);
	border-radius: 0.25rem;
	max-height: 470px;
}
.title-content {
	min-height: 90px;
}
.page-banner {
	background: var(--secondary-bg);
	padding-top: 50px;
	padding-bottom: 50px;
	border-radius: 0.5rem;
}
.page-banner h1.banner-title {
	margin: 0 0 5px;
	color: #fff;
	font-size: 48px;
	text-shadow: 0 6px 16px rgba(0, 0, 0, .08);
	line-height: 40px;
}
.page-banner .breadcrumb {
	padding: 0;
	margin-bottom: 6px;
	list-style: none;
	background-color: transparent !important
}
.page-banner .breadcrumb > li {
	display: inline-block;
}
.page-banner .breadcrumb > li + li::before {
	content: "/";
	padding: 0 5px;
}
.page-banner .breadcrumb > li + li::before, .page-banner .breadcrumb li a, .page-banner .breadcrumb > li {
	color: rgba(221, 238, 255, .8);
}
.title-content .breadcrumb:hover i { color: #ffffff;}
.title-content .breadcrumb li a:hover {
	color: #ffffff !important;
}
.product-tabs {
	margin: 0;
}
.title-content .tab-content.tab-sm {
	overflow: hidden;
	height: 264px;
}
/*LISTINGS*/
.list-product-info li, .list-product-info li a, .list-product-info li span {
	color: rgba(221, 238, 255, .8);
	font-size: 13px;
	display: flex;
	align-items: center;
	line-height: 13px;
}
.list-product-info {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.list-product-info li, .list-product-info li a, .list-product-info li span {
	color: rgba(221, 238, 255, .8);
	font-size: 13px;
	display: flex;
	align-items: center;
	line-height: 13px;
}
.list-product-info li:not(:last-of-type) {
	padding-right: 15px;
}
.list-product-info li, .list-product-info li a, .list-product-info li span {
	color: rgba(221, 238, 255, .8);
	font-size: 13px;
	display: flex;
	align-items: center;
	line-height: 24px;
	gap: 5px;
}
.list-product-info li a:hover {
	color: #5bc758;
}
.label-success {
	margin-left: 5px;
	border-radius: 0.2rem;
	background-color: transparent;
	border: 1px solid var(--label-success-color);
	color: var(--label-success-color);
	line-height: 16px;
	top: 0px;
	position: relative;
	padding: 2px 7px;
}
/*spinner*/
.hidden {
  display: none !important;
}
.btn.disabled {
  pointer-events: none;
  opacity: 0.7;
}
.btn-default .spinner, .btn-outline .spinner, .page-loader .spinner, .panel-summary .loader .spinner, .widget-slider-loader .spinner {
  border-top-color: #48b54a;
}
.page-loader .spinner {
  border-color: #fff;
    border-top-color: rgb(255, 255, 255);
}
.page-loader .spinner {
  position: fixed;
  top: 500px;
  width: 80px;
  height: 80px;
  margin: -40px 0 0 -40px;
  border-width: 6px;
}
.spinner {
  height: 30px;
  width: 30px;
  margin: -15px 0 0 -15px;
  border: 2px solid rgba(0,0,0,.15);
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: rgba(0, 0, 0, 0.15);
    border-right-width: 2px;
    border-right-color: rgba(0, 0, 0, 0.15);
    border-bottom-width: 2px;
    border-bottom-color: rgba(0, 0, 0, 0.15);
    border-left-width: 2px;
    border-left-color: rgba(0, 0, 0, 0.15);
  border-top: 2px solid #fff;
    border-top-width: 2px;
    border-top-color: rgb(255, 255, 255);
  border-radius: 100%;
  animation: rotation .6s infinite linear;
}
@keyframes rotation {
  0% {
    transform:rotate(0deg)
  }
  to {
    transform:rotate(1turn)
  }
}

/* Responsive Design */
@media (max-width: 1199px) {
	.tab-section-info li {
		font-size: 0.8rem;
	}	
}
@media (max-width: 768px) {
	.tab-section-info li {
		font-size: 0.9rem;
	}	
	.changelog-header {
		flex-direction: column;
		align-items: flex-start;
	}
	.changelog-date {
		margin-top: 5px;
	}
	/* TABS Links-Gradient
	.tabs .nav::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 32px;
		pointer-events: none; /* scrollbar & clicks bleiben erreichbar
		background: linear-gradient(to right, var(--secondary-bg) 0%, transparent 100%);
		z-index: 2;
	}
	/* TABS Rechts-Gradient
	.tabs .nav::after {
		content: '';
		position: absolute;
		right: 0;
		top: 0;
		height: 100%;
		width: 32px;
		pointer-events: none;
		background: linear-gradient(to left, var(--secondary-bg) 0%, transparent 100%);
		z-index: 2;
	} */	
}
@media(max-width: 720px) {
	.box {
		width: 200px;
		height: 360px;
	}
	.model {
		height: 250px;
	}
	.details p {
		font-size: 14px;
		width: 250px;
	}
	.tab-content {
		padding: 5px;
	}
	.page-banner .breadcrumb {
		font-size: 0.8rem;
	}
	.page-banner h1.banner-title {
		font-size: 2rem;
	}
	.page-banner h5 {
		font-size: 1.0rem;
	}
	.tabs .nav li {
		font-size: .9rem;
	}

}
@media(max-height: 600px) {
	.container_seealso {
		height: 90%;
	}
}

/*FAQMG01*/
/* Basis-Styling für die Collapsible Liste */
.product-features-collapsible-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Jedes Collapse-Item */
.collapse-item {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 0;
}

/* Styling für die Anker/Überschriften */
.collapse-item-anchor {
  margin: 0;
  padding: 0;
}

.collapse-item-anchor a {
  display: flex;
  align-items: center;
  padding: 5px 0px 5px 50px; /* Mehr Platz links für das +/- Symbol */
  color: #333;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  background-color: transparent;
  transition: all 0.3s ease;
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

/* + Symbol links (standardmäßig - geschlossen) */
.collapse-item-anchor a::before {
  content: "+";
  position: absolute;
  left: 15px;
  font-size: 32px;
  font-weight: normal;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  transition: all 0.3s ease;
}

/* - Symbol wenn geöffnet */
.collapse-item-anchor a.active::before {
  content: "−"; /* Minuszeichen */
}

/* Hover-Effekt für die gesamte Zeile */
.collapse-item-anchor a:hover {
  background-color: #f8f9fa !important;
  color: #007bff !important;
}


/* Hover-Effekt speziell für das +/- Symbol */
.collapse-item-anchor a:hover::before {
  color: #007bff !important;
}

/* Inhaltbereich (standardmäßig ausgeblendet) */
.item-body {
  display: block !important;
  padding: 0 15px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  max-height: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Wenn geöffnet */
.item-body.open {
  display: block !important;
  padding: 8px 0 8px 40px;
  max-height: 5000px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Styling für die verschachtelten Listen */
.item-body .list-styled {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.item-body .list-styled > li {
  padding: 8px 0;
  color: #555;
  font-size: 14px;
  line-height: 1.5;
}

/* Letztes Element ohne Border */
.item-body .list-styled > li:last-child {
  border-bottom: none;
}

/* Verschachtelte Listen */
.item-body .list-styled ul {
  list-style: none;
  padding-left: 20px;
  margin: 5px 0;
}

.item-body .list-styled ul li {
  padding: 4px 0;
  color: #666;
  font-size: 13px;
  position: relative;
}

/* Punkte für verschachtelte Listenelemente */
.item-body .list-styled ul li::before {
  content: "•";
  color: #999;
  position: absolute;
  left: -15px;
  font-size: 14px;
}

/* Zweite Verschachtelungsebene */
.item-body .list-styled ul ul {
  padding-left: 15px;
}

.item-body .list-styled ul ul li::before {
  content: "◦";
  font-size: 16px;
}

/* Dritte Verschachtelungsebene */
.item-body .list-styled ul ul ul {
  padding-left: 15px;
}

.item-body .list-styled ul ul ul li::before {
  content: "▪";
  font-size: 10px;
}

/* Links innerhalb des Inhalts */
.item-body a {
  color: #007bff;
  text-decoration: none;
  font-weight: 500;
}

.item-body a:hover {
  text-decoration: underline;
}

/* Starke Texte (wie WHMCS, EasyDCIM etc.) */
.item-body strong {
  font-weight: 600;
  color: #333;
}

/* Responsive Anpassungen */
@media (max-width: 768px) {
  .collapse-item-anchor a {
    padding: 15px 10px 15px 35px;
    font-size: 15px;
  }
  
  .collapse-item-anchor a::before {
    left: 10px;
  }
  
  .item-body.open {
    padding: 10px 10px 10px 35px;
  }
  
  .item-body .list-styled > li {
    font-size: 13px;
  }
}


/* =========================
   Price Slider (Filter) UI
   Classes: pp-slider-price-xxx
   ========================= */

.pp-slider-price{
	padding: 16px 14px;
	margin-top: 10px;
	border-radius: var(--input-border-radius, 4px);
	background: var(--gray-gradient-v, #fff);
	box-shadow: rgba(50, 50, 50, 0.18) 0px 1px 3px, rgba(50, 50, 50, 0.28) 0px 1px 2px;
}

.pp-slider-price-title{
	font-size: 12px;
	letter-spacing: .22em;
	color: #8c8c8c;
	font-weight: 700;
	margin-bottom: 8px;
}

.pp-slider-price-value{
	font-size: 28px;
	font-weight: 800;
	color: var(--text-heading-color, #505050);
	line-height: 1.1;
	text-shadow: 0 2px 4px #00000050;
}

.pp-slider-price-track{
	position: relative;
	height: 28px;
	margin: 6px 0 12px;
}

.pp-slider-price-track-bg{
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 4px;
	border-radius: 999px;
	background: #d8d8d8;
}

.pp-slider-price-track-fill{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	height: 4px;
	border-radius: 999px;
	background: #19c7a6; /* green like screenshot */
	left: 0%;
	right: 0%;
}

.pp-slider-price-range{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	height: 28px;
	background: transparent;
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
	pointer-events: none; /* we enable thumb only */
}

.pp-slider-price-range::-webkit-slider-runnable-track{
	height: 28px;
	background: transparent;
	border: 0;
}

.pp-slider-price-range::-webkit-slider-thumb{
	-webkit-appearance: none;
	appearance: none;
	pointer-events: auto;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #fff;
	border: 3px solid #19c7a6;
	box-shadow: 0 1px 2px rgba(0,0,0,.20);
	margin-top: 5px; /* centers on our 28px track area */
}

.pp-slider-price-range::-moz-range-track{
	height: 28px;
	background: transparent;
	border: 0;
}

.pp-slider-price-range::-moz-range-thumb{
	pointer-events: auto;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #fff;
	border: 3px solid #19c7a6;
	box-shadow: 0 1px 2px rgba(0,0,0,.20);
}

.pp-slider-price-actions{
	display: flex;
	gap: 8px;
}

.pp-slider-price-actions .btn{
	flex: 1;
	border-radius: var(--input-border-radius, 4px);
}