/*
 * /product_page/assets/css/clientstyle.css
 * LU 190226:1044
*/
:root {
	--pp-radius-xs: 0.25rem;
	--pp-radius-sm: 0.5rem;
	--pp-radius-md: 1rem;
	--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 ;
	--content-bg:#ffffff ;
	--shadow-sm: 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;
}
html[data-theme="dark"], .body__dark, .lagom-dark-mode {
    --content-bg: #000000;
}
/*DEFAULTS*/
.m-0{ margin: 0 !important }
.mb-0{ margin: 0 !important }
.mt-0{ margin: 0 !important }
.ml-1{ margin-left: 5px !important; }
.mb-1{ margin-buton: 5px !important; }
.mt-1{ margin-top: 5px !important; }
.mr-1{ margin-right: 5px !important; }
.ml-2{ margin-left: 10px !important; }
.mb-2{ margin-buton: 10px !important; }
.mt-2{ margin-top: 10px !important; }
.mr-2{ margin-right: 10px !important; }
.pp-sr-only{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  border:0 !important;
  white-space:nowrap !important;
}
.main-header{display:none !important}
.main-body{margin:0 !important; padding: 0 !important}
/*POSITIONS*/
.flex {display: flex;}
.flex-start-center {display: flex; justify-content: start; align-items: center; gap: 15px;}
.flex-end-center {display: flex; justify-content: end; align-items: center; gap: 15px;}
/*REFIX*/
.nav-item-currency { display: none !important;}
/* 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 h2 {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: "\2212";
  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:20px;align-items:flex-start;}
/* Sidebar */
.pp-sidebar{width:100%;border-radius: var(--pp-radius-sm, 0.5rem); margin-bottom:20px;}
.pp-search-form{position: relative;display: block;margin-bottom: 12px;}
.pp-search-form input{
  width: 100%;
  height: 44px;
  border: 1px solid #70707070;
  outline: none;
  border-radius: var(--input-border-radius, 5px);
  padding: 0 46px 0 14px; /* Platz Icon rechts */
  background: transparent;
  font-size: 14px;
}
.pp-search-form input:focus{
  border-color:#606060;
}
.pp-search-form button{
  position:absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: var(--pp-radius-xs);
  background: transparent;
  cursor: pointer;
}

.pp-search-form button i{
  font-size: 16px;
}

.pp-search-suggest{
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  z-index: 40;
  display: none;
  max-height: 260px;
  overflow: auto;
  background: #fff;
  border: 1px solid #cfd9e8;
  border-radius: 6px;
  box-shadow: 0 8px 20px rgba(24, 42, 73, .15);
  padding: 4px 0;
}

.pp-search-suggest.is-visible{
  display: block;
}

.pp-search-suggest-option{
  display: block;
  width: 100%;
  text-align: left;
  text-decoration: none;
  color: #2f4261;
  background: transparent;
  padding: 8px 12px;
  font-size: 13px;
  line-height: 1.4;
  white-space: normal;
  word-break: break-word;
}

.pp-search-suggest-option:hover,
.pp-search-suggest-option:focus,
.pp-search-suggest-option.is-active{
  background: #f3f6fb;
  color: #2f4261;
  text-decoration: none;
}
/*PRODUCTS SINGLE CARD*/
.pp-header-grid{
  width: 100%;
  margin: 0 12px;
  display: grid;
  grid-template-columns: 120px 1fr;
  column-gap: 16px;      /* Abstand zwischen Logo und Text */
  align-items: start;
}

/* Logo-Spalte */
.pp-header-left{
  width: 120px;
}

/* Optional: Logo wirklich auf 120px begrenzen */
.pp-header-left .pp-logo{
  width: 120px;
  max-width: 120px;
  height: auto;
  display: block;
}

/* Wichtig gegen Ãœberlaufen bei langen Texten (Grid-Standard-Falle) */
.pp-header-right{
  min-width: 0;
}
.pp-header-right .breadcrumb,
.pp-header-right .banner-title{
  overflow-wrap: anywhere;
}
/* Category List */
.pp-filter-categorie {background: var(--gray-gradient-v, var(--background-2, #fff));padding: 15px; margin: 20px 0; border-radius: var(--pp-radius-sm); box-shadow: rgba(50, 50, 50, 0.18) 0px 1px 3px, rgba(50, 50, 50, 0.28) 0px 1px 2px;}
.pp-header {padding: 1rem; margin: 0 0 2rem 0; text-align: center; max-width: 70%; margin: 0 auto;}
.pp-header h2 { margin: 0 0 1rem 0; font-size: 2rem; font-weight: 600;}
.pp-header p { margin: 0; font-size: 1.1rem; line-height: 1.8; color: #666;}
.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(--pp-radius-xs,  0.25rem);margin:6px 0}
.pp-cat-list li a{text-decoration:none;color:var(--primary,inherit);display: block;width: 100%;}
.pp-cat-list li label{margin: 0;font-weight: 400;opacity: .8;border: 1px solid #70707080;min-width: 35px;border-radius: var(--pp-radius-xs, 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, #fff); 
	label{border-color: var(--gray-faded, --white, #fff); color: var(--gray-faded, --white, #fff)}
	a{color: var(--primary,inherit);}
}
.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;}

.pp-cat-list li ul { display:none; }
.pp-cat-list li.open{ background: var(--gray-lighter-1, #60606030); color: #70707080; label{color: var(--input-label-color); border-color: #70707080}}
.pp-cat-list li.open > ul { display:block; }

/* 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; }

/* Category tree (grid sidebar) */
.pp-cat-list.pp-cat-tree li.pp-cat-item{
	display:block;
	width:100%;
	padding:0;
	margin:6px 0;
}
.pp-cat-list.pp-cat-tree li.pp-cat-item > .pp-cat-item-row{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:2px 5px;
	border-radius:var(--pp-radius-xs, 0.25rem);
	width:100%;
	box-sizing:border-box;
	font-weight:400;
}
.pp-cat-list.pp-cat-tree li.pp-cat-item > .pp-cat-item-row > label{
	margin-left:10px;
	flex:0 0 auto;
}
.pp-cat-list.pp-cat-tree .pp-cat-item-main{
	display:flex;
	align-items:center;
	gap:5px;
	min-width:0;
	flex:1 1 auto;
}
.pp-cat-list.pp-cat-tree .pp-cat-link{
	display:block;
	overflow-wrap:break-word;
	word-break:normal;
}
.pp-cat-list.pp-cat-tree .pp-cat-expand{
	width:20px;
	height:20px;
	border:0;
	background:transparent;
	padding:0;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	color:inherit;
	cursor:pointer;
	opacity:.75;
	font-size:16px;
	line-height:1;
	font-weight:700;
}
.pp-cat-list.pp-cat-tree .pp-cat-expand:hover{
	opacity:1;
}
.pp-cat-list.pp-cat-tree .pp-cat-item > ul.pp-cat-children{
	display:none;
	list-style:none;
	margin:4px 0 0 0;
	padding:0 0 0 5px;
	box-sizing:border-box;
}
.pp-cat-list.pp-cat-tree .pp-cat-item.open > ul.pp-cat-children{
	display:block;
}
.pp-cat-list.pp-cat-tree .pp-cat-item.open{
	background:transparent;
	color:inherit;
	border-left: 1px solid #70707070;
}
.pp-cat-list.pp-cat-tree .pp-cat-item.active{
	background:transparent;
	color:inherit;
}
.pp-cat-list.pp-cat-tree .pp-cat-item.active > .pp-cat-item-row{
	background:var(--gray-darker,#15171A);
	color:var(--gray-faded, #fff);
	font-weight:500;
}
.pp-cat-list.pp-cat-tree .pp-cat-item.active > .pp-cat-item-row a{
	color:var(--gray-faded, #fff);
}
.pp-cat-list.pp-cat-tree .pp-cat-item.active > .pp-cat-item-row label{
	color:var(--gray-faded, #fff);
	border-color:var(--gray-faded, #fff);
}
.pp-cat-list.pp-cat-tree .pp-cat-item:hover{
	outline:none;
}
.pp-cat-list.pp-cat-tree .pp-cat-item > .pp-cat-item-row:hover{
	outline:1px solid #70707070;
	outline-offset:2px;
}

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


.pp-grid{ display:flex;flex-wrap:wrap;gap:20px }
.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:20px; align-items:flex-start; }
  .pp-layout .pp-sidebar{
    flex: 0 0 270px;
    width: 270px;
    min-width: 270px;
	margin-right: 10px;
    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% - 10px)} 
	.container {padding: 10px;}
}

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

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

.pp-price-row{display:flex;align-items:center;justify-content:space-between;
 margin-top:10px;padding-top:5px;border-top:1px solid rgba(255,255,255,.25); width: 100%;z-index: 2; position: relative;}
.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: var(--pp-radius-xs); 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;*/
	overflow:hidden;background:var(--gray-gradient-h,#fff);
 box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
 	transition: all ease-in-out 0.2s
}
.pp-card.radius-xs { border-radius: 4px; }
.pp-card.radius-sm { border-radius: 8px; }
.pp-card.radius-md { border-radius: 12px; }
.pp-card.radius-xl { border-radius: 20px; }
.pp-card.radius-none { border-radius: 0; }
.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; color: #000000}


.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:15px;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.2) 55%); width: 100%; height: auto; transform: all ease-in-out 0.2s;z-index: 0;}
.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; }
.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;z-index: 1;}
.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: -5px;
  right: -54px;
  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-dash-featured-area .pp-kicker{ font-size:1.3rem;}
.pp-title{
	/*font-size:18px;*/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-dash-featured-area .pp-title{ font-size:2.3rem;}
.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:0}
.lagom-dark-mode .pp-body, .lagom-dark-mode .pp-body p, .lagom-dark-mode .pp-body h3{ color:var(--text-body-color, #efefef)}
.body__dark .pp-body{ color:var(--text-body-color, #efefef); background: var(--background-2)}
.pp-body h3{ margin:0;padding:2px 15px;line-height: 25px;font-size: var(--pp-card-font-body-title, 14px);font-weight:700;color:#1f2937}
.pp-sub{ margin:0 0 10px 0;color:#6b7280;font-size:12px;}
.pp-dash-featured-area .pp-sub{ font-size:1.0rem;}
/* Beschreibung begrenzen */
.pp-card .pp-desc { text-align: left; line-height: 1.4;font-weight: 300;font-size: 1rem;padding: 0 15px}
.pp-card .btn-group { margin-top: auto;margin-top: 10px;width: 100%;padding:5px}
.pp-card .btn-group .btn .fa-long-arrow-right{ margin-left:6px; }
.pp-card .pp-card-buttons, .pp-card .pp-card-buttons-wrapper { display: flex; gap: 8px; margin-top: 10px; width: 100%; padding: 5px; }
.pp-card .pp-card-buttons .btn, .pp-card .pp-card-buttons-wrapper .btn { flex: 1; }
.pp-card .pp-card-btn-group, .pp-card .pp-card-btn-group-vertical { display: flex; gap: 8px; margin-top: 10px; width: 100%; padding: 5px; }
.pp-card .pp-card-btn-group .btn, .pp-card .pp-card-btn-group-vertical .btn { flex: 1; }
.pp-card .pp-card-btn-group-vertical { flex-direction: column; gap: 4px; }
.pp-card .pp-card-btn-group-vertical .btn { width: 100%; border-radius: 4px !important; }

/* Button sizes from CSS variables */
.pp-card .pp-card-buttons-wrapper .btn-card-1,
.pp-card .pp-card-buttons-wrapper .btn-card-2 {
  font-size: var(--pp-card-btn-size, 14px);
}
.pp-card .pp-card-buttons-wrapper[data-btn-layout="0"] {
  display: block;
  text-align: left;
}
.pp-card .pp-card-buttons-wrapper[data-btn-layout="0"] .btn {
  display: inline-block;
  width: auto;
  margin-right: 8px;
}
.pp-card .pp-card-buttons-wrapper[data-btn-layout="0"] .btn { 
  width: auto;
}
.pp-card .pp-card-buttons-wrapper[data-btn-layout="1"] {
  flex-direction: row;
  gap: 4px;
}
.pp-card .pp-card-buttons-wrapper[data-btn-layout="1"][data-btn-direction="1"] {
  flex-direction: column;
  gap: 4px;
}
.pp-card .pp-card-buttons-wrapper[data-btn-layout="2"] { gap: 0; }
.pp-card .pp-card-buttons-wrapper[data-btn-layout="2"] .btn { flex: 1; }
.pp-card .pp-card-buttons-wrapper[data-btn-layout="2"][data-btn-direction="1"] { flex-direction: column; gap: 4px; }
.pp-card .pp-card-buttons-wrapper[data-btn-layout="2"][data-btn-direction="1"] .btn { width: 100%; border-radius: 4px; }

/* Button size classes - only apply within pp-card-buttons-wrapper */
.pp-card .pp-card-buttons-wrapper .btn.btn-sm {
  padding: 5px 8px;
  margin: 0;
  line-height: 1;
  height: 26px;
  background: #50505010;
  color: var(--gray-lighter, #50505090);
}
.pp-card .pp-card-buttons-wrapper .btn.btn-default {
  padding: 6px 12px;
  margin: 0;
  line-height: 1.5;
  height: auto;
}
.pp-card .pp-card-buttons-wrapper .btn.btn-lg {
  padding: 10px 15px;
  margin: 0;
  line-height: 1.0;
  height: auto;
  font-size: 1rem;
  background: #50505010;
  color: var(--gray-lighter, #50505090);
}

/* Normal Layout (data-btn-layout="0") */
.pp-card .pp-card-buttons-wrapper[data-btn-layout="0"] {
  display: block;
  text-align: left;
  margin: 8px;
}
.pp-card .pp-card-buttons-wrapper[data-btn-layout="0"] .btn {
  border-radius: 3px;
}
.pp-card .pp-card-buttons-wrapper[data-btn-layout="0"] .btn:hover {
  color: var(--brand-primary, #30303080);
}

.pp-chosen{display: flex; gap:15px; justify-content: space-between; align-content: center; font-size: 0.8rem; padding: 0 15px; margin: 0 0 10px; border-bottom: 1px dashed var(--gray-lighter-2, #80808090); color: var(--gray-lighter, #50505090); min-width: 100%;}
.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.8rem;font-weight:500;height:28px;}
.btn-sm{border-radius: var(--pp-radius-xs);}
.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.20) 0px 5px 25px;
}
.lagom-dark-mode .tooltip .tooltip-inner{
  box-shadow: rgba(255,255,255,0.5) 0px 5px 25px;
}
/* =========================================================
   LIST RESET (Desktop > 1200px)
========================================================= */
.label{line-height: 2;}
.label-xs{
  font-size: 0.6rem;
  text-transform: uppercase;
  padding: 2px 5px;
  opacity:.7;
}
.label-rounded{ border-radius: 1rem; }

/* Whole item behaves like original list row */
.pp-list-item{
  border-top:1px solid rgba(128, 128, 128, 0.4);
  border-radius:0;
  padding:15px 0;
}

/* Row top = image left + content right (original Bild1) */
.pp-list-row-top{
  display:flex;
  gap:15px;
  align-items:flex-start;
  width:100%;
}

/* Left image box (original) */
.pp-list-left{
  width: 180px;
  min-width: 180px;
  height: 180px;
  align-items: center;
  border-radius: var(--pp-radius-sm, 0.5rem);
  display: grid;
  text-align: center;
  justify-content: center;
  padding:0;
}
.pp-list-left img {
  transition: all ease-in-out 0.2s;
}
.pp-list-left:hover img {
  transform: scale(1.05);
  
}
/* Right top inner keeps original "price right" layout */
.pp-list-mid{ flex:1 1 auto; min-width:0; }
.pp-list-mid-top-inner{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start;
}
.pp-list-mid-top-left{ min-width:0; }
.pp-list-mid-top-right{ text-align:right; flex:0 0 auto; }

/* Headline + actions are just normal blocks under the top row */
.pp-headlines{ font-size: 0.9rem; font-weight: 300; padding: 5px 0; }

.pp-actions{
  display:flex;
  align-items:center;
  gap:5px;
}

.pp-actions span{
  border:1px solid #50505050;
  border-radius: var(--pp-radius-xs);
  padding: 2px 10px;
  height: 27px;
  font-size: 0.8rem;
}

.pp-actions-left{ display:flex; gap:5px; }
.pp-actions-right{ margin-left:auto; display:flex; gap:5px; }

/* view buttons unchanged */
.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-listings{ display:flex; justify-content:flex-end; gap:10px; margin:10px 0; }

/* =========================================================
   Sidebar Modal Trigger
========================================================= */
.modal-open .modal{
  background: #00000080;
  backdrop-filter: blur(5px);
}
.pp-filter-modal-btn{
  cursor: pointer;
}

/* Desktop: show sidebar normally, hide modal button */
@media (min-width: 992px){
  .pp-filter-modal-btn{ display: none !important; }
}

/* Mobile/Tablet: hide sidebar in layout (it will be moved into modal when opened) */
@media (max-width: 991px){
  .pp-sidebar{ display: none; }
  .pp-filter-modal-btn{ display: inline-flex; align-items:center; }
  .pp-sidebar-modal .modal-dialog{
    width: 95%;
    max-width: 520px;
    margin: 10px auto;
  }
}

/* =========================================================
   TABLET+ (>=768px): headlines + actions in right column (Bild3)
   Keeps MOBILE (<=576px) untouched.
========================================================= */
@media (min-width: 768px){

  /* 2-column grid: image | content */
  .pp-list-item{
    display: grid !important;
    grid-template-columns: 170px minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    column-gap: 25px;
    row-gap: 0;
    align-items: start;
  }

  /* Make children of .pp-list-row-top become grid items */
  .pp-list-row-top{
    grid-column: 1 / -1;
    display: contents;
  }

  /* Image left */
  .pp-list-left{
    grid-column: 1;
    grid-row: 1;
    align-self: start !important;
  }

  /* Top right (title/chosen/price) */
  .pp-list-mid-top{
    grid-column: 2;
    grid-row: 1;
    align-self: start !important;
    height: auto !important;
    min-height: 0 !important;
  }

  /* Prevent the big empty gap */
  .pp-list-mid-top-inner{
    align-items: flex-start !important;
    height: auto !important;
    min-height: 0 !important;
  }
  .pp-list-mid-top-left,
  .pp-list-mid-top-right{
    align-self: start !important;
    height: auto !important;
    min-height: 0 !important;
  }

  /* Headline + actions must start in right column (not under image) */
  .pp-headlines.pp-list-row-full{
    grid-column: 2;
    grid-row: 2;
    width: auto !important;
    margin-top: -105px !important;
  }

  .pp-actions.pp-list-row-full{
    grid-column: 2;
    grid-row: 3;
    width: auto !important;
	margin-top: -27px !important;
  }

  /* Ensure helper doesn't force 100% width on desktop/tablet */
  .pp-list-row-full{
    width: auto !important;
  }
}


/* =========================================================
   MOBILE (<=576px) 
   - Top: 2 columns (image + top content)
   - Then: headlines full width
   - Then: actions full width
========================================================= */
@media (max-width: 576px){
  .mt-sm-3{ margin-top: 10px;}
   #docu_link { margin: 0; padding: 0 ; width: 32px; height: 32px;}
   #docu_link span{display: none;}
   #docu_link i{color:#ffffff !important; padding: 0; margin: 0; font-size: 1.1rem}
  /* 1) Mid top: left + right UNDER each other, all left aligned */
  .pp-list-mid-top-inner{
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 6px;
  }
  .pp-list-mid-top-right{
    text-align: left !important;
    width: 100%;
  }
  /*Logo Resize*/
  .pp-list-left {
	width: 145px;
	min-width: 145px;
	height: 160px;
  }
  /* Make the price look good when left stacked */
  .pp-price{
    text-align: left !important;
    font-size: 1.1rem;
    font-weight: 800;
    line-height: 1.1;
    margin-top: 2px;
  }
  /**/
  .page-banner .tagline {
	font-size: 0.9rem !important;
	font-weight: 500;
  }	
  /* 2) Chosen: stack lines, left aligned */
  .pp-chosen{
	 display: block !important;
	 border-bottom: 1px dashed rgba(0,0,0,.15) !important;
	 padding-bottom: 8px !important;
	 margin-bottom: 6px;
  }
  .pp-chosen span{
     display: block !important;
     white-space: normal !important;
     text-align: left !important;
  }
}



/* 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: 10px 12px;
	margin-bottom: 10px;
	border-radius: var(--input-border-radius, 5px);
	cursor: pointer;
	user-select: none;
	line-height: 1.5;
}

.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;
  color: var(--brand-success, #4CAF50)
}
/* Open state (Bootstrap 3 uses .open, Bootstrap 4 uses .show) */
.pp-sort-dropdown.open .pp-sort-btn,
.pp-sort-dropdown.show .pp-sort-btn,
.pp-sort-dropdown.pp-filter-active .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.pp-filter-active .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,
.pp-sort-dropdown.pp-filter-active .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,
.pp-sort-dropdown.pp-filter-active .pp-sort-btn .pp-sort-caret{
  color: #fff;
  opacity: .95;
}

/* Dropdown menu */
.dropdown-menu > li > a{ padding: 10px 13px !important;}
.dropdown-menu > li > a:hover{ font-weight: 500; box-shadow: rgba(206, 203, 203, 0.2) 0px 20px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 30px -18px inset;}
.pp-sort-dropdown .dropdown-menu.show {box-shadow: 0px 4px 25px -4px #50505080}
.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;
}
.pp-sort-reset-icon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	margin-left:5px;
	width:22px;
	height:22px;
	border-radius:6px;
	opacity:.75;
	color:#ffffff;
	text-shadow: 1px 1px 0 #50505050
}
.pp-sort-reset-icon:hover{ opacity:1; }
/* 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: var(--pp-radius-sm, 0.5rem);
  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-group-vertical > .btn, .btn-group > .btn {
  padding: 5px;
}
.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: var(--pp-radius-xs);
  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: var(--pp-radius-xs);
	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;
} 
.tabs-actions .btn-light.btn-outline:hover{
  color:black;
}
/* Reviews List Styling */
.reviews-list {
	margin-top: 20px;
	padding-top: 20px;
}
.review {
	padding: 15px;
	margin-bottom: 15px;
}
.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: var(--pp-radius-sm, 0.5rem);
	font-size: 0.9rem;
}
.review-response strong {
	color: #007bff;
}

/* Review alerts: prevent horizontal scrollbar caused by dismiss button offset */
.pp-review-alerts .alert {
	position: relative;
	overflow: hidden;
	padding-right: 42px;
}

.pp-review-alerts .alert-dismissible .close {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	float: none;
	margin: 0;
	padding: 0;
	line-height: 1;
	text-shadow: none;
	opacity: .7;
}

.pp-review-alerts .alert-dismissible .close:hover {
	opacity: 1;
}

/* ---------------------------------------------------------
   Review Thread (comments.html aligned)
--------------------------------------------------------- */
.pp-review-thread {
	--surface-1: #fff;
	--surface-2: #fff;
	--surface-3: #9aa0a687;
	--text-1: #1a1a1a;
	--text-2: #333;
	--text-3: #75757587;
	--line: #959595;
	--avatar: 36px;
	--avatar-reply: 28px;
	--reply-node-pad: 20px;
	--gap: 12px;
	--gap-item: 8px;
	--reply-indent: calc(var(--avatar) + var(--gap));
	/* Keep reply tree lines on whole pixels (no subpixel drift). */
	--reply-tree-x: 2px;
	--reply-tree-top: -50px;
	--reply-tree-bottom: 50px;
	--reply-elbow-width: 30px;
	--reply-elbow-height: 25px;
	--reply-elbow-radius: 16px;
	--reply-item-padding-left: 30px;
	--reply-wrap-margin-left: 15px;
	--reply-wrap-margin-top: 15px;
	--root-thread-line-left: 17px;
	--root-thread-line-top: 31px;
	--root-thread-line-height: 83%;
	--toggle-elbow-left: calc(var(--reply-node-pad) + (var(--avatar-reply) / 2) - 66px);
	--toggle-elbow-top: -16px;
	--toggle-elbow-width: calc(var(--reply-indent) - (var(--avatar) / 2));
	--toggle-elbow-height: 30px;
	background: transparent;
}

.pp-review-thread .pp-thread-compose {
	border: 1px solid #dbe5f3;
	border-radius: 12px;
	padding: 14px;
	background: #fafcff;
	margin-bottom: 16px;
}

.pp-review-thread .pp-review-create h4 {
	margin: 0 0 10px;
	font-size: 16px;
	font-weight: 700;
	color: var(--text-1);
}

.pp-review-thread .pp-thread-empty {
	margin-top: 6px;
	padding: 10px 0;
	color: var(--text-2);
	font-size: 14px;
}

.pp-review-thread .reviews-list {
	margin-top: 12px;
	border-top: 1px dashed #80808050;
	padding-top: 16px;
}

.pp-review-thread .pp-thread-item {
	position: relative;
	padding: 10px 0 12px;
	margin: 0;
	border: 0;
	background: transparent;
}

.pp-review-thread .pp-thread-comment {
	display: flex;
	gap: var(--gap);
	align-items: flex-start;
	position: relative;
	z-index: 2;
	margin-bottom: 0;
}

.pp-review-thread .pp-thread-avatar {
	width: var(--avatar);
	height: var(--avatar);
	min-width: var(--avatar);
	border-radius: 50%;
	object-fit: cover;
	display: block;
	margin: 0;
}

.pp-review-thread .pp-thread-avatar-reply {
	width: var(--avatar-reply);
	height: var(--avatar-reply);
	min-width: var(--avatar-reply);
}

.pp-review-thread .pp-thread-inner {
	flex: 1;
	min-width: 0;
}

.pp-review-thread .pp-thread-meta-row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
}

.pp-review-thread .pp-thread-meta {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	align-items: baseline;
	line-height: 1.2;
}

.pp-review-thread .pp-thread-tools {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.pp-review-thread .pp-thread-icon-btn {
	width: 28px;
	height: 28px;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: var(--text-3);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding: 0;
}

.pp-review-thread .pp-thread-icon-btn:hover {
	background: rgba(154, 160, 166, .16);
	color: var(--text-1);
}

.pp-review-thread .pp-thread-icon-btn.pp-thread-icon-danger:hover {
	background: rgba(230, 35, 58, .12);
	color: #d51f34;
}

.pp-review-thread .pp-thread-author,
.pp-review-thread .review-name {
	font-weight: 700;
	font-size: 14px;
	color: var(--text-1);
}

.pp-review-thread .pp-thread-time,
.pp-review-thread .review-date {
	font-size: 12px;
	color: var(--text-3);
	margin-top: 0;
}

.pp-review-thread .pp-thread-buyer-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #5bc758;
	font-size: 13px;
	line-height: 1;
	margin-left: 2px;
	vertical-align: middle;
}

.pp-review-thread .pp-thread-stars,
.pp-review-thread .review-stars {
	color: #f5a623;
	font-size: 18px;
	margin-top: 8px;
}

.pp-review-thread .pp-thread-text,
.pp-review-thread .review-message {
	margin-top: 8px;
	font-size: 14px;
	line-height: 1.6;
	color: var(--text-2);
}

.pp-review-thread .pp-thread-text-reply {
	margin-top: 0;
}

.pp-review-thread .pp-review-edit-btn {
	float: none !important;
	margin-top: 8px;
	box-shadow: none !important;
}

.pp-review-thread .pp-thread-actions {
	margin-top: 10px;
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--text-3);
	font-size: 13px;
}

.pp-review-thread .pp-thread-vote-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	border: 0;
	background: transparent;
	color: var(--text-3);
	cursor: pointer;
	padding: 4px 6px;
	border-radius: 999px;
	transition: all .18s ease;
}

.pp-review-thread .pp-thread-vote-btn:hover {
	color: var(--text-1, #30303080);
}

.pp-review-thread .pp-thread-vote-btn.is-active {
	color: var(--text-success-color, #299b43);
}

.pp-review-thread .pp-thread-vote-btn.is-loading {
	opacity: .6;
	pointer-events: none;
}

.pp-review-thread .pp-thread-vote-count {
	font-size: 12px;
	min-width: 8px;
}

.pp-review-thread .pp-thread-reply-link {
	border: 0;
	background: transparent;
	color: var(--text-3);
	padding: 3px 4px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.pp-review-thread .pp-thread-reply-link:hover {
	background: rgba(154, 160, 166, .16);
	color: var(--text-1);
}

.pp-review-thread .pp-thread-reply-form-wrap {
	margin-left: var(--reply-indent);
	margin-top: 8px;
}

.pp-review-thread .pp-thread-reply-form textarea {
	resize: vertical;
	min-height: 84px;
}

.pp-review-thread .pp-thread-reply-form-actions {
	margin-top: 8px;
	display: flex;
	gap: 8px;
}

.pp-review-thread .pp-thread-toggle {
	margin-left: var(--reply-indent);
	margin-top: 8px;
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	user-select: none;
	position: relative;
	z-index: 2;
}

.pp-review-thread .pp-thread-item.has-replies > .pp-thread-toggle .pp-thread-btn-action {
	position: relative;
}
.pp-review-thread .pp-thread-item.has-replies > .pp-thread-comment::before {
	content: "";
	position: absolute;
	pointer-events: none;
	left: var(--root-thread-line-left);
	top: var(--root-thread-line-top);
	width: calc(var(--reply-indent) - (var(--avatar) / 3));
	height: var(--root-thread-line-height);
	border-left: 1px solid var(--line);
	opacity: 1;
	z-index: 0;
}
.pp-review-thread .pp-thread-item.has-replies > .pp-thread-toggle .pp-thread-btn-action::before {
	content: "";
	position: absolute;
	pointer-events: none;
	left: var(--toggle-elbow-left);
	top: var(--toggle-elbow-top);
	width: var(--toggle-elbow-width);
	height: var(--toggle-elbow-height);
	border-left: 1px solid var(--line);
	border-bottom: 1px solid var(--line);
	border-bottom-left-radius: 18px;
	opacity: 1;
	z-index: 0;
}

.pp-review-thread .pp-thread-btn-action {
	border-radius: 2rem;
	padding: 2px 12px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-weight: 700;
	font-size: 13px;
	color: var(--text-1);
	transition: all .18s ease;
	border: 1px solid var(--gray-lighter, #878C96);
}

.pp-review-thread .pp-thread-btn-action:hover {
	background: rgba(154, 160, 166, .16);
}

.pp-review-thread .pp-thread-toggle[aria-expanded="false"] .fa-chevron-down {
	transform: rotate(-90deg);
}

.pp-review-thread .pp-thread-toggle .fa-chevron-down {
	transition: transform .18s ease;
}

.pp-review-thread .pp-thread-replies {
	margin-left: var(--reply-indent);
	margin-top: 10px;
	padding-left: 12px;
	border-left: 1px solid var(--line);
	display: grid;
	gap: 14px;
}

.pp-review-thread .pp-thread-reply-item {
	display: flex;
	gap: var(--gap-item);
	align-items: flex-start;
}

.pp-review-thread .pp-thread-replies-wrap {
	margin-left: var(--reply-wrap-margin-left);
	margin-top: var(--reply-wrap-margin-top);
	padding-left: 0;
	border-left: 0;
	position: relative;
}

.pp-review-thread .pp-thread-replies-wrap::before {
	content: "";
	position: absolute;
	top: var(--reply-tree-top);
	bottom: var(--reply-tree-bottom);
	left: var(--reply-tree-x);
	border-left: 1px solid var(--line);
	opacity: 1;
}

.pp-review-thread .pp-thread-replies-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: 12px;
}

.pp-review-thread .pp-thread-reply-node {
	padding: 2px 0 2px;
	position: relative;
}

.pp-review-thread .pp-thread-reply-node::before {
	content: "";
	position: absolute;
	pointer-events: none;
	left: var(--reply-tree-x);
	top: -8px;
	width: var(--reply-elbow-width);
	height: var(--reply-elbow-height);
	border-left: 1px solid var(--line);
	border-bottom: 1px solid var(--line);
	border-bottom-left-radius: var(--reply-elbow-radius);
	opacity: 1;
}

.pp-review-thread .pp-thread-reply-node .pp-thread-reply-item {
	padding-left: var(--reply-item-padding-left);
}

.pp-review-thread .pp-thread-reply-admin-actions {
	margin-top: 10px;
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.pp-review-thread .pp-thread-collapse {
	margin-left: var(--reply-indent);
	margin-top: 10px;
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	user-select: none;
}

.pp-review-thread .addminaccess {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-top: 0;
	margin-left: 0;
}

.pp-review-thread .pp-thread-admin-anchor {
	position: absolute;
	top: 6px;
	right: 0;
	z-index: 3;
}

.pp-review-thread .pp-thread-admin-anchor .loader {
	display: none;
}

.pp-review-thread .pp-thread-admin-anchor .btn {
	width: 28px !important;
	height: 28px !important;
	padding: 0 !important;
	min-width: 28px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
}

.pp-review-thread .pp-thread-admin-anchor .btn i {
	margin: 0;
}

.pp-review-thread .addminaccess .loader {
	font-size: 12px;
	color: var(--text-3);
}

.pp-review-thread .star-rating {
	gap: 2px;
}

.pp-review-thread .form-control {
	border: 1px solid #d1dae7;
	border-radius: 8px;
}

.pp-review-thread .form-control:focus {
	border-color: #95b7ea;
	box-shadow: 0 0 0 3px rgba(47, 111, 228, .12);
}

@media (max-width: 575px) {
	.pp-review-thread,
	.pp-review-thread .reviews-list {
		overflow-x: hidden;
	}

	.pp-review-thread {
		--reply-tree-x: -25px;
		--reply-item-padding-left: 0;
		--toggle-elbow-left: -26px;
		--toggle-elbow-width: 26px;
	}

	.pp-review-thread .pp-thread-replies,
	.pp-review-thread .pp-thread-replies-wrap,
	.pp-review-thread .pp-thread-reply-form-wrap,
	.pp-review-thread .pp-thread-toggle,
	.pp-review-thread .pp-thread-collapse {
		margin-left: calc(var(--reply-indent) - 6px);
	}
}
/* 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: 3rem;
	color: #f5a623;
	font-weight: bold;
	.stars{ --star-background: #50505080;}
}
.overall-stars {
	font-size: 3rem;
	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: var(--pp-radius-sm, 0.5rem);
	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: #bdbbbb9e;
	--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: #000010;
}
.customstartstyle-list {
	--star-size: 22px;
	--star-background: #efefeff0;
	text-shadow: 0 2px 0 rgba(0,0,0,.2)
}
.stars::before {
	content: "\2605\2605\2605\2605\2605";
}
.rating-text {
	font-size: 14px;
	color: #666;
	text-align: center;
	margin-top: 5px;
}
/* style for tabs ends */
.description-container {
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 300;
    text-align: left;
}
.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: var(--pp-radius-xs);
	text-align: start;
}
.tab-section .h6, .tab-section h6 {
	font-size: 11px;
	color: #505050;
	font-weight: 600;
	margin: 0 0 4px;
	text-transform: uppercase;
}
.tab-section-price .price small {
	display: block;
	font-size: 12px;
	color: #757575;
}
.tab-section-price .price {
	font-size: 30px;
	font-weight: 300;
	text-align: start;
	flex: 1;
}
.price .pp-price-value {
	display: flex;
	font-size: 2.5rem;
	font-weight: 300;
	line-height: 35px;
	margin: 0;
	padding: 0;
}
.price small {
	display: flex;
}
.price .pp-price-value span {
	font-size: 15px;
	margin-top: 5px;
}
.price .free {
	color: #02d24a;
}
.price-free .pp-price-value {
	color: #02d24a;
}
.price-discounted .pp-price-value{
	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;
}
.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: var(--pp-radius-sm, 0.5rem);
	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;
}
/* Single Product: Fancyapps carousel (demo1 look) */
.pp-product-carousel {
	max-width: 960px;
	margin: 0 auto;
	height: 500px;
    background: #ffffff1c;
    border-radius: var(--pp-radius-sm, 0.5rem);
	/*FIXES MODAL*/
	--f-arrow-bg: rgba(255, 255, 255, 0.8);
	--f-arrow-hover-bg: rgba(255, 255, 255, 1);
	--f-arrow-color: #333;
	--f-arrow-border-radius: 50%;
}

.pp-product-carousel .f-carousel__slide {
	display: flex;
	justify-content: center;
	align-items: center;
}

.pp-product-carousel .f-carousel__slide img {
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: var(--pp-radius-sm, 0.5rem);
}
.pp-product-carousel .f-carousel__viewport {
	border-radius: var(--pp-radius-sm, 0.5rem);
}

@media (max-width: 991px) {
	.pp-product-carousel {
		height: 420px;
	}
}

@media (max-width: 575px) {
	.pp-product-carousel {
		height: 300px;
	}
}
/* TABS */
.product-license .tabs{ background: none;}

#productTabs .nav {
	text-transform: uppercase;
	font-weight: 600;
}
.tabs-container {
	/*box-shadow: 0 6px 20px rgba(0, 0, 0, .1);*/
	width: 100%;
	margin: -53px 0 0 0;
	border-radius: 0.5rem;
	z-index: 1;
	position: relative;
}
.tabs-actions {
	display: block;
	margin-top: auto;
}
.tab-section-info {
	overflow-y: scroll;
	height: 215px;
}
.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;
	display: flex;
	position: sticky !important;
	top: 0;
	z-index: 2;
	border-radius: 0.5rem 0.5rem 0 0;
	transition: background-color .2s ease;
    background: #ffffff1c;
	box-shadow: 0 -1px 0px #ffffff50;
    backdrop-filter: blur(5px);
}
.tabs.is-stuck {
	background: #000000c0;
	backdrop-filter: blur(3px);
	border-radius: 0 0 0.5rem 0.5rem;
}
.tabs.is-stuck .tab {
  color: #ffffff80;
}
.tabs.is-stuck .tab:hover {
  color: #ffffffA0;
}
.tabs.is-stuck .tab.active {
  color: #ffffff;
}
.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;
	text-shadow: 1px 1px 0px #ffffff50;
}
.tabs .pp-nav-shell {
	display: flex;
	align-items: center;
	width: 100%;
}
.tabs .pp-nav-shell .pp-nav-tabs {
	flex: 1 1 auto;
}
.tabs .pp-nav-shell .pp-nav-doc {
	flex: 0 0 auto;
	margin-left: auto;
}
.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: 5px 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: 1.1rem;
	font-weight: 400;
	color: #000000de;
	transition: color 0.3s ease, border-bottom-color 0.3s ease;
}
.tab:hover {
	color: #000;
}
.tab.active {
	color: #000;
	font-weight: 600;
}
.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 var(--content-bg, #ffffff);
	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: var(--content-bg);
	border-radius: 0 0 0.5rem 0.5rem;
	font-size: 1rem;
}
.lagom-dark-mode .tab-content, .dark-mode .tab-content {
	background: #000000;
}
.tab-content.active {
	display: block;
}
/*TABS SM*/
.tab-content.tab-sm > .tab-pane {
	position: relative;
	/*height: 100%;*/
	padding: 8px;
}
.tab-sm {
	border-radius: var(--pp-radius-sm, 0.5rem);
	margin: 0 0 10px 0;
	min-height: 270px;
	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: #000000de;
  text-shadow: 1px 1px 0px #ffffff50;
  min-height: 30px !important;
  display: inline-block;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 400;
  text-transform: uppercase;
}
.nav-transparent > li.active > a, .nav-transparent > li.active > a:focus, .nav-transparent > li.active > a:hover {
  color: #000 !important;
  font-weight: 600;
}
.nav-tabs > li > a {
	position: relative;
	display: block;
	padding: 0px;
	min-height: 35px;
	margin-right: 10px;
	font-weight: 700;
	line-height: 35px;
}
/*2.2 ######################################## */
section#main-body {
	padding: 0;
	margin: 0;
}
.pp-logo{ max-width: 100px; min-width: 100px; border-radius: var(--pp-radius-sm, 0.5rem); background: #ffffff20 }
.title-slider {
	background: transparent;
	border-radius: 0;
	max-height: none;
	overflow: visible;
	margin-bottom: 5px;
}
.title-content {
	min-height: 90px;
}
.page-banner{
  padding: 50px 0;
  position: relative;
  left: 50%;
  transform: translateX(0%);

  /* Default: 12px */
  width: calc(100vw - 0px);
  margin-left: calc(-50vw + 0px);
  margin-right: calc(-50vw + 0px);

  border-radius: 0rem;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  overflow: hidden;
  min-height: 620px;
  /*border-radius: 0.5rem;*/
}
.page-banner h2.banner-title {
	margin: 0 0 5px;
	color: #000010;
	font-size: 48px;
	text-shadow: 2px 2px 0px #ffffff50;
	text-align: start;
	line-height: 40px;
}
.page-banner .tagline {
	color: #000010f0;
	text-shadow: 1px 1px 0 #FFFFFF50;
	font-size: 1.1rem;
	font-weight: 600;
}
.page-banner .breadcrumb {
	padding: 0;
	margin-bottom: 6px;
	list-style: none;
	text-shadow: 1px 1px 0 #FFFFFF50;
	background-color: transparent !important
}
.pp-breadcrumb-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}
.pp-breadcrumb-row .breadcrumb {
	flex: 1 1 auto;
	min-width: 0;
	margin-bottom: 6px;
}
.pp-admin-edit-btn {
	white-space: nowrap;
	margin-bottom: 0px;
	padding: 2px 8px;
	border: 1px solid #ffffff70;
	border-radius: var(--pp-radius-xs);
	background: transparent;
}
.pp-admin-edit-btn:hover {
	background: var(--brand-primary-light, #ffffff50);
	border-color: #ffffff70;
}
.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: #000000de;
}
.title-content .breadcrumb:hover i { color: #000010;}
.title-content .breadcrumb li a:hover {
	color: #000000 !important;
    font-weight: 500;
}
.product-tabs {
	margin: 0;
}
.title-content .tab-content.tab-sm {
	overflow: hidden;
	height: 264px;
}

/* Reviews login modal */
.pp-login-modal-backdrop {
	position: fixed;
	inset: 0;
	z-index: 13000;
	background: rgba(11, 15, 28, 0.57);
	display: none;
	align-items: center;
	justify-content: center;
	padding: 14px;
	backdrop-filter: blur(3px);
}

.pp-login-modal-backdrop.is-open {
	display: flex;
}

.pp-login-modal {
	position: relative;
	width: 340px;
	min-height: 440px;
	max-width: calc(100vw - 25px);
	background: #ffffff;
	border-radius: 12px;
	box-shadow: 0 18px 44px rgba(11, 15, 28, 0.22);
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.pp-login-modal-close {
	position: absolute;
	top: 8px;
	right: 10px;
	border: 0;
	background: transparent;
	color: #4c5469;
	font-size: 26px;
	line-height: 1;
	padding: 0;
	cursor: pointer;
}

.pp-login-modal-body {
	padding: 30px 30px 12px;
}

.pp-login-modal-title {
	margin: 0 0 16px;
	font-size: 22px;
	line-height: 1.2;
	font-weight: 700;
	color: #111521;
}

.pp-login-modal-form .form-group {
	margin-bottom: 12px;
}

.pp-login-modal-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.pp-login-modal-form label {
	font-size: 13px;
	font-weight: 600;
	color: #2f3444;
}

.pp-login-modal-form .form-control {
	height: 42px;
	border-radius: 8px;
}

.pp-login-modal-form .btn.btn-lg {
	height: 46px;
	font-size: 16px;
	font-weight: 700;
	border-radius: 8px;
	margin-top: 6px;
}

.pp-login-modal-footer {
	margin-top: auto;
	border-top: 1px solid #e5e8ef;
	padding: 12px 20px 14px;
	font-size: 13px;
	color: #5d6476;
	text-align: center;
}

body.pp-modal-open {
	overflow: hidden;
}
/*LISTINGS*/
.list-product-info li, .list-product-info li a, .list-product-info li span {
	color: #000000de;
	font-size: 13px;
	display: flex;
	align-items: center;
	line-height: 24px;
	gap: 10px;
}
.list-product-info {
	list-style: none;
	padding: 0;
	margin: 12px 0 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	text-shadow: 1px 1px 0 #FFFFFF50;
	padding: 5px;
	background: #ffffff1c;
	border-radius: 0.5rem;
}
.list-product-info > li:first-child {
    text-shadow: none !important; /*STARS*/
	gap: 10px;
}
.list-product-info > li:first-child .stars {
	text-align: center;
	width: 120px;
}
.list-product-info li:not(:last-of-type) {
	padding-right: 15px;
}

.list-product-info li a:hover {
	color: #000010;
}
.label-success {
	margin-left: 5px;
	border-radius: 0.2rem;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.26) 0%,rgba(0,0,0,0) 100%);
	outline: 1px solid var(--label-success-color);
	outline-offset: 1px;
	color: #000000;
	line-height: 16px;
	top: -2px;
	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;
	}
	.pp-show span, .pp-listings span, .pp-filter span, .pp-actions-right .nav-right b {display: none}
	.pp-show i{ margin-right: 0 !important }
	.btn-sm { padding: 5px 12px }
	.dropdown-menu { min-width: 150px;}
	
	
}
@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;
	}
	.pp-breadcrumb-row {
		flex-direction: column;
		align-items: flex-start;
	}
	.page-banner h2.banner-title {
		font-size: 2rem;
	}
	.page-banner h5 {
		font-size: 1.0rem;
	}
	.tabs .nav li {
		font-size: .9rem;
	}

}

@media (min-width: 576px) and (max-width: 720px) {
	/* Fix horizontal overflow in review breakdown column only */
	.pp-review-thread .pp-review-overview {
		margin-left: 0;
		margin-right: 0;
	}

	.pp-review-thread .pp-review-overview > [class*="col-"] {
		padding-left: 0;
		padding-right: 0;
		min-width: 0;
	}

	.pp-review-thread .breakdown-row {
		width: 100%;
		min-width: 0;
	}

	.pp-review-thread .rating-bar {
		min-width: 0;
	}
}
@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 #80808030;
  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;
  line-height: 2;
}

/* + 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: "\2212"; /* Minuszeichen */
}

/* Hover-Effekt für die gesamte Zeile */
.collapse-item-anchor a:hover {
  background-color: #f8f9fa20 !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: "\2022";
  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: "\25E6";
  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: "\25AA";
  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(--pp-radius-sm);
	background: var(--gray-gradient-v, var(--background-2, #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, .pp-filter-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: 2px 2px 1px #00000020;
}

.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(--pp-radius-sm);
}

/* Dashboard view (/products) */
.pp-dash-layout{
	display:block;
}
.pp-dash-header::before{
	content: "";
	width: 100%;
	top:175px;
	height: 530px;
	background: var(--brand-primary-lighter-4);
	box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
	position: absolute;
	margin: 0 auto;
	z-index: -1;
}
@media (max-width: 767.98px) {
	.pp-dash-header::before{
		top:50px;
	}
	.pp-dash-header {
		margin: 20px 0 0 !important
	}
	#Secondary_Navbar-Language-2766{display: none !important}
}
.pp-dash-header{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 25px;
	margin: 80px;
	text-align: center;
	flex-direction: column;
}

.pp-dash-header-left h2{
	margin:0;
	font-size:2.5rem;
	line-height:1.2;
}

.pp-dash-header-left p{
	margin:6px 0 0;
	opacity:.85;
	font-size: 1.5rem;
}

.pp-dash-view-toggle {
	display: flex;
	gap: 8px;
	flex-wrap: nowrap;
	align-items: center;
	position: relative;
	min-height: 40px;
	justify-content: center;
}

.pp-dash-view-toggle .btn{
	height:40px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}

.pp-dash-inline-search{
	position:static;
	flex:0 0 auto;
	i{
		margin: 0 !important;
		font-size: 1rem;
	}
}

.pp-dash-inline-search.is-open{
	z-index:30;
}

.pp-dash-search-trigger{
	min-width:40px;
	width:40px;
	padding:0;
}

.pp-dash-inline-search-form{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	width: min(340px, calc(100vw - 45px));
	min-width: 340px;
	max-width: 100%;
	height: 45px;
	display: grid;
	grid-template-columns: minmax(0px, 1fr) 45px;
	align-items: stretch;
	background: #fff;
	border: 1px solid #cfd9e8;
	border-radius: 6px;
	opacity: 0;
	pointer-events: none;
	z-index: 20;
	overflow: visible;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
}

.pp-dash-inline-search.is-open .pp-dash-inline-search-form{
	opacity:1;
	pointer-events:auto;
}

.pp-dash-inline-search-form input{
	width:100%;
	height:100%;
	border:none !important;
	background:transparent;
	padding:0 12px;
	outline:none;
	font-size:14px;
	min-width:0;
	border-radius:6px 0 0 6px;
}

.pp-dash-inline-search-form > .pp-dash-inline-search-submit{
	width: 45px;
	height: 45px;
	border: 0;
	border-left-width: 0px;
	border-left-style: none;
	border-left-color: currentcolor;
	border-left: 1px solid #d8e0ef;
	background: transparent;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #2f4261;
	cursor: pointer;
	padding: 0;
	border-radius: 0 6px 6px 0;
}

.pp-dash-inline-search-suggest{
	position:absolute;
	top:calc(100% + 6px);
	left:0;
	right:0;
	background:#fff;
	border:1px solid #cfd9e8;
	border-radius:6px;
	box-shadow:0 10px 22px rgba(24, 42, 73, .16);
	max-height:260px;
	overflow:auto;
	display:none;
	padding:4px 0;
	z-index:25;
}

.pp-dash-inline-search-suggest.is-visible{
	display:block;
}

.pp-dash-inline-search-form .pp-dash-inline-search-suggest .pp-dash-inline-search-option{
	width:100%;
	box-sizing:border-box;
	border:0;
	background:transparent;
	display:block;
	text-align:left;
	padding:8px 12px;
	font-size:13px;
	line-height:1.4;
	color:#2f4261;
	cursor:pointer;
	white-space:normal;
	word-break:break-word;
}

.pp-dash-inline-search-form > .pp-dash-inline-search-submit{
	justify-content:center !important;
	padding:0 !important;
}

.pp-dash-inline-search-form .pp-dash-inline-search-suggest .pp-dash-inline-search-option{
	width:100% !important;
	height:auto !important;
	min-height:0 !important;
	border-left:0 !important;
	border-radius:0 !important;
	padding:8px 12px !important;
	justify-content:flex-start !important;
	display:block !important;
}

.pp-dash-inline-search-form .pp-dash-inline-search-suggest .pp-dash-inline-search-option:hover,
.pp-dash-inline-search-form .pp-dash-inline-search-suggest .pp-dash-inline-search-option.is-active{
	background:#f3f6fb;
}

@media (max-width:575px){
	.pp-dash-inline-search-form{
		min-width:0;
		width:calc(100vw - 24px);
	}
}

.pp-dash-top-grid{
	display:grid;
	grid-template-columns: minmax(0, 1.00fr) minmax(0, 1fr);
	gap:25px;
	margin: 30px 0;
	align-items:start;
}

.pp-dash-block{
	min-width:0;
}

.pp-dash-title-row{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:8px;
	margin-bottom:10px;
}

.pp-dash-title-row h3{
margin: 0;
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: 400;
}

.pp-dash-title-row-gap{
	margin-top:12px;
}

.pp-dash-deals-stack{
	display:grid;
	gap:16px;
	align-content:start;
}

.pp-dash-featured-slot,
.pp-dash-week-slot,
.pp-dash-day-slot{
	width:100%;
	min-width:0;
}

.pp-dash-featured-track{
	display:grid;
	grid-template-columns:1fr;
	gap:14px;
}

.pp-dash-featured-track-2{
	grid-template-columns:repeat(2, minmax(0, 1fr));
}

.pp-dash-featured-card .pp-head{
	min-height:241px;
}

.pp-dash-featured-card .pp-head-inner{
	min-height:170px;
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	align-items:center;
	column-gap:14px;
}

.pp-dash-featured-card .pp-badge{
	width:136px;
	height:136px;
	justify-self:center;
	align-self:center;
}

.pp-dash-featured-card .pp-badge img{
	width:112px;
	height:112px;
}

.pp-dash-featured-card .pp-meta{
	height:auto;
	min-height:136px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:flex-start;
	text-align:left;
}

.pp-dash-featured-card .pp-card .pp-desc,
.pp-dash-featured-card .pp-desc{
	-webkit-line-clamp: 4;
	min-height: calc(1.4em * 4);
}

.pp-dash-featured-card .pp-body{
	display:flex;
	flex-direction:column;
}

.pp-dash-featured-card .pp-body .btn-group{
	margin-top:auto;
}

.pp-dash-featured-card .pp-short-html.tab-section-info{
	height:auto;
	overflow:visible;
	margin-top:12px;
	padding: 15px;
}

.pp-dash-featured-card .pp-short-html ul{
	margin:0;
	padding:0;
}

.pp-dash-title-tools{
	display:flex;
	align-items:center;
	gap:10px;
}

.pp-dash-week-nav{
	display:flex;
	align-items:center;
	gap:6px;
}

.pp-dash-week-arrow{
	width:30px;
	height:30px;
	border:1px solid #c8ced8;
	border-radius:4px;
	background:#fff;
	color:#2f3f57;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:0;
	cursor:pointer;
}

.pp-dash-count-sm{
	width: 30px;
	height: 30px;
	border: 1px solid #c8ced8;
	border-radius: 4px;
	color: #2f3f57;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 1.0rem;
}

.pp-dash-week-arrow:hover{
	background:#f1f4f8;
}

.pp-dash-week-arrow:disabled{
	opacity:.45;
	cursor:not-allowed;
}

.pp-dash-week-slider{
	position:relative;
}

.pp-dash-week-viewport{
	overflow:hidden;
	touch-action:pan-y;
	cursor:grab;
	transition:height .3s ease;
	padding: 0 0 2px 0; /*FIX PLACE shadow on box*/
}

.pp-dash-week-slider.is-vertical .pp-dash-week-viewport{
	touch-action:pan-x;
}

.pp-dash-week-viewport:active{
	cursor:grabbing;
}

.pp-dash-week-viewport.is-dragging,
.pp-dash-week-viewport.is-dragging *{
	user-select:none;
	-webkit-user-select:none;
}

body.pp-week-no-select{
	user-select:none;
	-webkit-user-select:none;
}

.pp-dash-week-track{
	display:flex;
	transition:transform .45s ease, opacity .22s ease;
	will-change:transform;
	opacity:1;
}

.pp-dash-week-slider.is-fading .pp-dash-week-track{
	opacity:.58;
}

.pp-dash-week-slider.is-vertical .pp-dash-week-track{
	flex-direction:column;
}

.pp-dash-week-slide{
	flex:0 0 100%;
	min-width:100%;
}

.pp-dash-week-slide .pp-dash-week-slot{
	width:100%;
}

.pp-dash-week-card{
	display:grid;
	grid-template-columns:minmax(140px, 49%) minmax(0, 1fr);
	align-items:stretch;
}

.pp-dash-week-card .pp-head{
	height:100%;
	padding:12px;
}

.pp-dash-week-card .pp-head-inner{
	min-height:130px;
}

.pp-dash-week-card .pp-badge{
	width:136px;
	height:136px;
	margin:0 auto;
}

.pp-dash-week-card .pp-badge img{
	width:112px;
	height:112px;
}

.pp-dash-week-track > .pp-dash-week-slide:only-child .pp-dash-week-card .pp-head-inner{
	display:flex;
	align-items:center;
	justify-content:center;
}

.pp-dash-week-track > .pp-dash-week-slide:only-child .pp-dash-week-card .pp-meta{
	display:none;
}

.pp-dash-week-track > .pp-dash-week-slide:only-child .pp-dash-week-card .pp-badge{
	margin:0 auto;
}

.pp-dash-week-single .pp-dash-week-nav{
	visibility:hidden;
	pointer-events:none;
}

.pp-dash-week-card .pp-body{
	padding:12px 14px;
}

.pp-dash-week-card .pp-body .pp-desc{
	-webkit-line-clamp: 4;
	min-height: calc(1.4em * 4);
}

.pp-see-also-slider-area{
	margin-top: 6px;
}

.pp-see-also-title-hidden{
	visibility: hidden;
	margin: 0;
}

.pp-see-also-slider{
	--pp-see-also-visible: 3;
	--pp-see-also-gap: 14px;
}

.pp-see-also-slider .pp-dash-week-track{
	gap: var(--pp-see-also-gap);
}

.pp-see-also-slider .pp-dash-week-slide{
	flex: 0 0 calc((100% - (var(--pp-see-also-gap) * (var(--pp-see-also-visible) - 1))) / var(--pp-see-also-visible));
	min-width: calc((100% - (var(--pp-see-also-gap) * (var(--pp-see-also-visible) - 1))) / var(--pp-see-also-visible));
}

.pp-see-also-slider .pp-dash-week-slot{
	height: 100%;
}

.pp-see-also-slider .pp-see-also-slider-card{
	height: 100%;
	display: flex;
	flex-direction: column;
}

.pp-see-also-slider-card .pp-head-inner{
	min-height: auto;
}

.pp-see-also-slider .pp-see-also-slider-card .pp-body{
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}

.pp-see-also-slider .pp-see-also-slider-card .pp-body .btn-group{
	margin-top: auto;
}

.pp-see-also-slider.is-slide-effect.is-fading .pp-dash-week-track{
	opacity: 1;
}

.pp-dash-day-track{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:14px;
}

.pp-dash-day-track > :only-child{
	grid-column:1 / -1;
}

.pp-dash-day-card .pp-body{
	padding:0;
}

.pp-dash-day-card .pp-body .pp-desc{
	-webkit-line-clamp: 3;
	min-height: calc(1.4em * 3);
}

.pp-dash-day-card .pp-chosen{
	margin-bottom:8px;
}

.pp-dash-placeholder{
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:170px;
	padding:18px;
	border:1px dashed #90909070;
	border-radius:6px;
	background:var(--gray-gradient-h, #f7f7f7);
	font-weight:600;
	text-align:center;
}

.pp-dash-placeholder-featured{
	min-height:260px;
}

.pp-dash-placeholder-week{
	min-height:210px;
}

.pp-dash-placeholder-day{
	min-height:190px;
}

.pp-dash-section {
  /*STYLE - 1*/	
  margin: 45px 0;
  background: #ffffff30;
  padding: 20px;
  backdrop-filter: blur(3px);
}
.lagom-dark-mode .pp-dash-section {
  /*STYLE - 1*/	
  margin: 45px 0;
  background: #20202080;
  padding: 20px;
  backdrop-filter: blur(3px);
}
.pp-dash-section-title{
	margin:5px 0 20px 0;
	font-size: 26px;
	font-weight: 500;
	line-height:1.2;
	text-transform: uppercase;
}

.pp-dash-grid{
	display:flex;
	flex-wrap:wrap;
	gap:20px;
}

.pp-dash-grid .pp-dash-col{
	width:100%;
}

@media (min-width:768px){
	.pp-dash-grid .pp-dash-col{
		width:calc(50% - 10px);
	}
}

@media (min-width:1200px){
	.pp-dash-grid .pp-dash-col{
		width:calc(25% - 15px);
	}
}

@media (max-width:991px){
	.pp-dash-header{
		flex-direction:column;
	}

	.pp-dash-top-grid{
		grid-template-columns:1fr;
	}
}

@media (max-width:767px){
	.pp-dash-week-card{
		grid-template-columns:1fr;
	}

	.pp-dash-day-track{
		grid-template-columns:1fr;
	}
}

@media (max-width:575px){
	.pp-dash-featured-track-2{
		grid-template-columns:1fr;
	}

	.pp-dash-featured-card .pp-badge{
		width:112px;
		height:112px;
	}

	.pp-dash-featured-card .pp-badge img{
		width:90px;
		height:90px;
	}

	.pp-dash-week-card .pp-badge{
		width:112px;
		height:112px;
	}

	.pp-dash-week-card .pp-badge img{
		width:90px;
		height:90px;
	}

	.pp-dash-header-left h2{
		font-size:24px;
	}

	.pp-dash-section-title{
		font-size:24px;
	}
}