/* ================================================================
   POOLSHOP SCHRENK – Relaunch 2026 (u/ground)
   Alles in diesem Block gehört zum neuen Look. Zum Zurücksetzen
   einfach den Block zwischen START und ENDE entfernen.
   ================================================================ */
/* PSS-START */
:root{
  --pss-navy:#0B2A3C; --pss-navy2:#123A51; --pss-blue:#0B6FA4; --pss-blue-d:#08557E;
  --pss-aqua:#19B6C4; --pss-sky:#E3F2F8; --pss-mint:#DDF4F6; --pss-bg:#F4F9FB;
  --pss-line:#DCEBF1; --pss-sun:#FFC24B; --pss-sun-d:#F2B12E; --pss-text:#0B2A3C; --pss-muted:#4A6273;
  --pss-r:22px;
  --primaryBackground:#0B2A3C; --primaryColor:#fff;
}
body{background:var(--pss-bg);color:var(--pss-text);font-family:'Poppins',sans-serif}
a{color:var(--pss-blue)} a:hover{color:var(--pss-blue-d)}
h1,h2,h3,h4,.h1,.h2,.h3{color:var(--pss-navy)}

/* --- Kopfbereich ------------------------------------------------ */
header .cs-topBar{background:var(--pss-navy);color:#E6F3F8;font-size:13px}
header .cs-topBar a,header .cs-topBar .cs-infosites a{color:#E6F3F8}
header .cs-topBar a:hover{color:#fff}
.cs-topText .pss-usp{display:flex;flex-wrap:wrap;gap:4px 22px;align-items:center;padding:6px 0}
.cs-topText .pss-usp span{display:inline-flex;align-items:center;gap:7px}
.cs-topText .pss-usp span:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pss-aqua)}
.cs-topText .pss-usp a{color:#fff;font-weight:600}
header .cs-headerContent{background:#fff;border-bottom:1px solid var(--pss-line)}
header .cs-logo img{max-height:64px;width:auto}
header .cs-miniButtons .cs-svgIcon path,header .cs-miniButtons svg path{fill:var(--pss-navy)}
header .cs-categoriesBox{background:#fff;border-bottom:1px solid var(--pss-line);box-shadow:0 6px 18px rgba(11,42,60,.05)}
header .cs-categoriesTop .cs-categories1>li>.cs-menuItem a{color:var(--pss-navy);font-weight:600;border-radius:10px;padding:.65em 1em;transition:background .2s,color .2s}
header .cs-categoriesTop .cs-categories1>li:hover>.cs-menuItem a,
header .cs-categoriesTop .cs-categories1>li.active>.cs-menuItem a{background:var(--pss-sky);color:var(--pss-blue)}
header .cs-categoriesTop .cs-categories2{border-radius:0 0 16px 16px;border:1px solid var(--pss-line);box-shadow:0 16px 32px rgba(11,42,60,.12)}
header .cs-overlayMenuButton{background:var(--pss-navy)!important;color:#fff!important;border-radius:999px}

/* --- Buttons ---------------------------------------------------- */
.cs-body .cs-button1,.cs-body input.cs-button1,.cs-body .cs-primaryColored{background:var(--pss-sun);color:var(--pss-navy);font-weight:700;border-radius:999px;padding:.85em 1.6em;transition:background .2s}
.cs-body .cs-button1:hover,.cs-body .cs-primaryColored:hover{background:var(--pss-sun-d);color:var(--pss-navy)}
.cs-body .cs-button2{border-radius:999px;background:var(--pss-sky);color:var(--pss-navy);font-weight:600}
.cs-body .cs-button3{border-radius:999px;border:2px solid var(--pss-navy);font-weight:600}
.cs-secondaryColored{background:var(--pss-blue)} .cs-secondaryColored:hover{background:var(--pss-blue-d)}

/* --- Überschriften-Balken -------------------------------------- */
.cs-betHeading{text-align:left;border:0!important;margin:56px 0 18px}
.cs-betHeading:before,.cs-betHeading:after{display:none!important}
.cs-betHeading span{background:none!important;padding:0!important;font-size:clamp(28px,3vw,38px);font-weight:800;letter-spacing:-.01em;text-transform:none;color:var(--pss-navy)}

/* --- Kategorie-Kacheln (Startseite) ---------------------------- */
.cs-mainContent:has(.cs-startTextBox) .cs-subtitle{display:none}
.cs-mainContent > .cs-container:has(.cs-categoryList){max-width:1240px;width:100%;padding:0 24px;margin:0 auto;box-sizing:border-box}
.cs-mainContent:has(.cs-startTextBox) .cs-betHeading{text-align:left!important;margin:56px 0 20px}
.cs-categoryList{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.cs-categoryList .cs-categoryPreview{width:auto!important;margin:0!important}
.cs-categoryList .cs-categoryPicture{min-height:0!important;height:auto!important}
.cs-categoryList .cs-categoryName{position:static!important;transform:none!important;width:auto!important;background:none!important;text-align:left!important;display:flex;justify-content:space-between;align-items:center;padding:14px 18px 18px!important}
.cs-categoryList .cs-categoryName:after{content:"→";color:var(--pss-blue);font-size:20px}
.cs-categoryList .cs-categoryPreview{background:#fff;border:1.5px solid var(--pss-line);border-radius:var(--pss-r);overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative}
.cs-categoryList .cs-categoryPreview:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(11,42,60,.12);border-color:var(--pss-blue)}
.cs-categoryList .cs-categoryPicture img{aspect-ratio:4/3;object-fit:cover;width:100%}
.cs-categoryList .cs-categoryName{font-size:20px;font-weight:700;padding:14px 18px 6px;margin:0;text-transform:none}
.cs-categoryList .cs-categoryName a{color:var(--pss-navy)}
.cs-categoryList .categoryCount{position:absolute;top:12px;left:12px;z-index:2;background:var(--pss-navy);color:#fff;font-size:12px;font-weight:600;padding:5px 11px;border-radius:999px}

/* --- Artikel-Karten (Listen) ----------------------------------- */
.cs-productListing{gap:16px}
article.cs-articlePreview{background:#fff;border:1px solid var(--pss-line);border-radius:var(--pss-r);padding:14px 14px 18px;transition:transform .2s,box-shadow .2s}
article.cs-articlePreview:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(11,42,60,.12)}
article.cs-articlePreview .pictureContainer{background:var(--pss-bg);border-radius:16px;overflow:hidden}
article.cs-articlePreview .pictureContainer img{mix-blend-mode:multiply}
article.cs-articlePreview .cs-hoverlay .cs-fastButtons .cs-actionButton{border-radius:999px}
article.cs-articlePreview .cs-hoverlay .cs-fastButtons .cs-actionButton:hover{background:var(--pss-navy)}
article.cs-articlePreview .artnamBox a{color:var(--pss-navy);font-weight:600;font-size:15px;line-height:1.4}
article.cs-articlePreview .priceBox .price{font-size:22px;font-weight:800;color:var(--pss-navy)}
.cs-lagerBox{font-weight:600}

/* --- Kategorie-Kopf -------------------------------------------- */
.cs-categoryView .cs-categoryHeader{background:var(--pss-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 200' preserveAspectRatio='none'%3E%3Cpath d='M0 120C240 80 480 160 720 120s480-40 720 0v80H0z' fill='%230E86BF'/%3E%3Cpath d='M0 160c260-30 520 30 780-2s460-28 660 2v40H0z' fill='%23159CCB'/%3E%3C/svg%3E") no-repeat bottom/100% 90px;color:#fff;border-radius:28px;padding:36px 40px 80px;margin-top:12px}
.cs-categoryView .categoryHeader{color:#fff;font-size:clamp(34px,4vw,52px);font-weight:800;letter-spacing:-.015em;text-transform:none}
.cs-categoryView .categoryHeaderText,.cs-categoryView .categoryHeaderText *{color:#EAF6FB}
.cs-categoryView .categoryPicture img{border-radius:18px}
.cs-breadCrumb a,.cs-breadCrumb span{color:var(--pss-muted)}
.cs-listPager select,.cs-styleSelect{border-radius:12px;border:1.5px solid #CFE3EA}

/* --- Artikel-Detail -------------------------------------------- */
.cs-articleDetail .cs-articleLeftBox .cs-galleryContainer,.cs-articleDetail .cs-articlePictureBox{background:#fff;border:1px solid var(--pss-line);border-radius:28px;overflow:hidden}
.cs-articleDetail .cs-articleRightBox{background:#fff;border:1px solid var(--pss-line);border-radius:28px;padding:30px}
.cs-articleDetail .cs-articleName{font-size:clamp(26px,2.6vw,36px);font-weight:800;line-height:1.15;letter-spacing:-.01em;color:var(--pss-navy)}
.cs-articleDetail .articlePriceBox .price{font-size:40px;font-weight:800;color:var(--pss-navy)}
.cs-articleDetail .cs-amountBox input,.cs-articleDetail .cs-amountBox select{border-radius:999px;border:1.5px solid #CFE3EA;height:52px;text-align:center}
.cs-articleDetail .cs-actionButtons input.cs-button1{min-height:56px;font-size:16px;padding:0 2em}
.cs-articleDetail .cs-actionButtons input[name="merkliste_button.x"]{background:none;border:0;color:var(--pss-blue);font-weight:600;cursor:pointer}
.cs-articleDetail .basketBlock:after{content:"Fragen zum Produkt? Ruf Christian an: +43 699 107 34 828";display:block;margin-top:18px;background:var(--pss-navy);color:#fff;border-radius:18px;padding:16px 18px;font-size:14px;font-weight:500;line-height:1.5}
#tabs .tabContainer .tabs{border-radius:999px 999px 0 0}
#tabs .tabContainer .tabs.activeTab{background:var(--pss-navy);color:#fff}
#tabs .contentContainer{background:#fff;border:1px solid var(--pss-line);border-radius:0 22px 22px 22px;padding:26px}

/* --- Footer ----------------------------------------------------- */
footer{background:var(--pss-navy);color:#C9DEE7}
footer .cs-footerRow.top,footer .cs-footerRow.payments,footer .cs-footerRow.copyright,footer .cs-footerRow{background:transparent;color:#C9DEE7}
footer .cs-footerBoxHeader{color:#fff;font-weight:700;font-size:16px}
footer a,footer .cs-footerBoxContent a{color:#C9DEE7} footer a:hover{color:#fff}
footer .cs-footerRow.newsletter{background:var(--pss-sky);color:var(--pss-navy)}
footer .cs-footerNewsletter .heading{font-weight:800;font-size:22px;color:var(--pss-navy)}
footer .cs-footerNewsletter .text{color:#36505F}
footer .cs-newsletterFooterInput{border-radius:999px 0 0 999px;border:1.5px solid #CFE3EA;padding:0 18px;height:50px}
footer .cs-newsletterLink{background:var(--pss-navy)!important;color:#fff!important;border-radius:0 999px 999px 0;height:50px;display:inline-flex;align-items:center;padding:0 22px}
footer .cs-footerPayments li{background:#fff;border-radius:8px;padding:4px 8px}
footer .cs-copyrightBox{color:#9FBCCB;font-size:13px}

/* --- Startseite: alte Elemente ausblenden ---------------------- */
.cs-mainContent:has(.cs-startTextBox) .cs-startSlider,
.cs-mainContent:has(.cs-startTextBox) .cs-bannerRow,
.cs-mainContent:has(.cs-startTextBox) > .cs-startText.cs-container{display:none!important}
.cs-mainContent:has(.cs-startTextBox){display:flex;flex-direction:column}
.cs-mainContent:has(.cs-startTextBox) > *{order:5}
.cs-startTextBox,.cs-startTextBox>.cs-startText,.cs-startTextBox .h1-wrapper{display:contents}
.pss-top{order:1;width:100%}
.cs-mainContent > .cs-container:has(.cs-categoryList){order:2}
.pss-bottom{order:3;width:100%}

/* --- Startseite: neue Bausteine -------------------------------- */
.pss-wrap{max-width:1240px;margin:0 auto;padding:0 24px;box-sizing:border-box}
.pss-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;align-items:stretch;padding:40px 0 32px}
.pss-hero-text{display:flex;flex-direction:column;justify-content:center;gap:22px}
.pss-badge{align-self:flex-start;background:#FFF1D1;color:#6B4600;font-weight:700;font-size:12.5px;letter-spacing:.05em;padding:8px 14px;border-radius:999px}
.pss-hero h1{margin:0!important;font-size:clamp(38px,5vw,64px)!important;line-height:1.04!important;font-weight:800!important;letter-spacing:-.025em;text-transform:none!important;color:var(--pss-navy)!important}
.pss-hero h1 em{font-style:normal;color:var(--pss-blue)}
.pss-hero p{margin:0;font-size:18px;line-height:1.6;color:#36505F;max-width:540px}
.pss-btns{display:flex;flex-wrap:wrap;gap:12px}
a.pss-btn{display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:0 26px;border-radius:999px;font-weight:700;font-size:16px;text-decoration:none;box-sizing:border-box;transition:background .2s,transform .2s}
a.pss-btn:hover{transform:translateY(-1px)}
a.pss-btn-sun{background:var(--pss-sun);color:var(--pss-navy)} a.pss-btn-sun:hover{background:var(--pss-sun-d);color:var(--pss-navy)}
a.pss-btn-line{border:2px solid var(--pss-navy);color:var(--pss-navy)} a.pss-btn-line:hover{background:var(--pss-navy);color:#fff}
a.pss-btn-dark{background:var(--pss-navy);color:#fff} a.pss-btn-dark:hover{background:var(--pss-navy2);color:#fff}
a.pss-btn-sun:after{content:"→";font-size:19px}
.pss-hero-pic{position:relative;min-height:440px;border-radius:32px;overflow:hidden;background:var(--pss-blue) url("/cosmoshop/1778053522/pix/r/7.jpg") center/cover no-repeat}
.pss-hero-pic:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,111,164,0) 35%,rgba(11,42,60,.55) 100%)}
.pss-finder{position:absolute;left:22px;right:22px;bottom:22px;background:#fff;border-radius:22px;padding:20px 22px;box-shadow:0 18px 40px rgba(11,42,60,.25)}
.pss-finder b{display:block;font-size:19px;font-weight:700;color:var(--pss-navy);margin-bottom:12px}
.pss-chips{display:flex;flex-wrap:wrap;gap:8px}
.pss-chips a{padding:9px 15px;border-radius:999px;background:var(--pss-sky);color:var(--pss-navy);font-weight:600;font-size:14px;text-decoration:none;transition:background .2s,color .2s}
.pss-chips a:hover{background:var(--pss-blue);color:#fff}

.pss-trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding-bottom:8px}
.pss-trust div{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--pss-line);border-radius:18px;padding:16px 18px}
.pss-trust div:before{content:"";flex:0 0 46px;height:46px;border-radius:14px;background:var(--pss-sky) center/24px no-repeat}
.pss-trust .t1:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B6FA4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 6h11v10H2zM13 10h4l3 3v3h-7'/%3E%3Ccircle cx='6' cy='18' r='2'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3C/svg%3E")}
.pss-trust .t2:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B6FA4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3h4l2 5-2.5 1.5a11 11 0 0 0 6 6L16 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 5a2 2 0 0 1 2-2z'/%3E%3C/svg%3E")}
.pss-trust .t3:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B6FA4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 4.5-3.4 8-8 9-4.6-1-8-4.5-8-9V6z'/%3E%3Cpath d='M8.5 12l2.5 2.5 4.5-5'/%3E%3C/svg%3E")}
.pss-trust .t4:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B6FA4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='9' r='6'/%3E%3Cpath d='M8.5 14L7 21l5-3 5 3-1.5-7'/%3E%3C/svg%3E")}
.pss-trust span{display:flex;flex-direction:column;font-size:13.5px;color:var(--pss-muted);line-height:1.4}
.pss-trust strong{font-size:15px;color:var(--pss-navy)}

.pss-year{background:var(--pss-navy);color:#fff;padding:64px 0;margin-top:64px}
.pss-kicker{display:block;font-weight:700;font-size:13px;letter-spacing:.08em;color:#7FD8E1;margin-bottom:8px}
.pss-year h2{color:#fff!important;font-size:clamp(28px,3vw,40px);font-weight:800;margin:0 0 10px;letter-spacing:-.01em}
.pss-year p.pss-lead{color:#C9DEE7;font-size:17px;max-width:620px;margin:0 0 28px;line-height:1.55}
.pss-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (max-width:900px){.pss-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.pss-steps{grid-template-columns:1fr}}
.pss-steps a{display:flex;flex-direction:column;gap:10px;background:var(--pss-navy2);border-radius:22px;padding:24px;color:#fff;text-decoration:none;transition:background .2s,transform .2s}
.pss-steps a:hover{background:#174863;color:#fff;transform:translateY(-3px)}
.pss-steps i{font-style:normal;font-size:42px;font-weight:800;color:var(--pss-sun);line-height:1}
.pss-steps strong{font-size:19px}
.pss-steps span{font-size:14.5px;color:#C9DEE7;line-height:1.5}

.pss-help{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));background:#fff;border:1px solid var(--pss-line);border-radius:32px;overflow:hidden;margin:64px auto}
.pss-help-text{display:flex;flex-direction:column;gap:16px;padding:40px}
.pss-help-text .pss-kicker{color:var(--pss-blue);margin:0}
.pss-help h2{margin:0;font-size:clamp(28px,3vw,36px);font-weight:800;letter-spacing:-.01em;color:var(--pss-navy)}
.pss-help p{margin:0;font-size:16.5px;line-height:1.6;color:#36505F}
.pss-help-pic{min-height:300px;background:var(--pss-aqua) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300' preserveAspectRatio='xMidYMid slice'%3E%3Crect width='400' height='300' fill='%2319B6C4'/%3E%3Cpath d='M0 190c80-25 160 25 240-2s120-26 160-2v114H0z' fill='%23159CCB'/%3E%3Cpath d='M0 240c90-20 180 22 270-4s100-18 130-2v66H0z' fill='%230E86BF'/%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.45' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M40 80q25-12 50 0t50 0'/%3E%3Cpath d='M230 110q25-12 50 0t50 0'/%3E%3C/g%3E%3Ccircle cx='330' cy='60' r='26' fill='%23FFC24B'/%3E%3C/svg%3E") center/cover no-repeat;display:flex;align-items:flex-end;padding:28px}
.pss-addr{background:#fff;border-radius:18px;padding:16px 18px;font-size:14px;line-height:1.5;color:var(--pss-navy)}
.pss-addr strong{display:block;font-size:15px}

.pss-seo{max-width:820px;margin:0 0 64px;color:#36505F;font-size:15px;line-height:1.7}
.pss-seo h2{font-size:22px;font-weight:700;margin:0 0 10px;color:var(--pss-navy);text-transform:none}
.pss-seo p{margin:0 0 10px}

@media (max-width:640px){
  .pss-wrap{padding:0 16px}
  .pss-hero{padding-top:24px;gap:22px}
  .pss-hero-pic{min-height:380px;border-radius:24px}
  .pss-help-text{padding:26px}
  .pss-year{padding:44px 0;margin-top:44px}
  a.pss-btn{width:100%;justify-content:center}
  .cs-categoryView .cs-categoryHeader{padding:24px 22px 64px;border-radius:22px}
  .cs-articleDetail .cs-articleRightBox{padding:20px;border-radius:22px}
}
/* --- Feinschliff nach Live-Test -------------------------------- */
.cs-siteHeading{text-align:left!important;border:0!important;background:none!important;font-size:clamp(24px,2.6vw,32px)!important;font-weight:800!important;text-transform:none!important;color:var(--pss-navy)!important;margin:48px 0 18px!important}
.cs-siteHeading:before,.cs-siteHeading:after{display:none!important}
.cs-siteHeading span{background:none!important;padding:0!important}
.cs-categoryView .cs-categoryHeader{display:flex;flex-direction:column;gap:14px}
.cs-categoryView .categoryHeader{order:-1;margin:0}
.cs-categoryView .cs-categoryHeaderBox{order:1;width:auto}
.cs-categoryView .categoryPicture{order:2;width:auto}
.cs-categoryView .categoryPicture img{background:#fff;max-height:220px;object-fit:contain;width:100%}
.cs-productListing{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.cs-productListing article.cs-articlePreview{width:auto!important;margin:0!important}
#tabs .tabContainer{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
#tabs .tabContainer .tabs{flex:0 0 auto!important;width:auto!important;border-radius:999px!important;border:1.5px solid var(--pss-line)!important;background:#fff;padding:10px 20px!important;margin:0!important;font-weight:600}
#tabs .tabContainer .tabs.activeTab{background:var(--pss-navy)!important;border-color:var(--pss-navy)!important;color:#fff}
#tabs .tabContainer .tabs span{color:inherit}
#tabs .contentContainer{border-radius:22px!important}
.cs-articleDetail .cs-amountBox{border-radius:999px}
/* --- Artikelbeschreibungen ------------------------------------- */
.pss-desc{max-width:760px;font-size:15.5px;line-height:1.65;color:#36505F}
.pss-desc .pss-lead{font-size:17.5px;line-height:1.55;color:var(--pss-navy);font-weight:500;margin:0 0 18px}
.pss-desc h3{font-size:18px;font-weight:700;color:var(--pss-navy);margin:26px 0 10px;text-transform:none;letter-spacing:0}
.pss-desc p{margin:0 0 12px}
.pss-desc ul.pss-check{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:8px}
.pss-desc ul.pss-check li{position:relative;padding-left:32px}
.pss-desc ul.pss-check li:before{content:"";position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:50%;background:var(--pss-sky) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B6FA4' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E") center/14px no-repeat}
.pss-desc ol.pss-steps-list{counter-reset:pss;list-style:none;margin:0 0 8px;padding:0;display:grid;gap:10px}
.pss-desc ol.pss-steps-list li{counter-increment:pss;position:relative;padding-left:38px;min-height:26px}
.pss-desc ol.pss-steps-list li:before{content:counter(pss);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;background:var(--pss-navy);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}
.pss-desc table.pss-spec{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--pss-line);border-radius:16px;overflow:hidden;margin:4px 0 14px;font-size:14.5px}
.pss-desc table.pss-spec th,.pss-desc table.pss-spec td{padding:11px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--pss-line)}
.pss-desc table.pss-spec tr:last-child th,.pss-desc table.pss-spec tr:last-child td{border-bottom:0}
.pss-desc table.pss-spec th{width:42%;font-weight:600;color:var(--pss-navy);background:var(--pss-bg)}
.pss-desc table.pss-spec td{background:#fff}
.pss-desc .pss-note{border-radius:16px;padding:14px 18px;margin:16px 0 0;font-size:14.5px;line-height:1.55}
.pss-desc .pss-note-info{background:var(--pss-sky);color:var(--pss-navy)}
.pss-desc .pss-note-warn{background:#FFF4D6;color:#5A4300;border-left:0}
.pss-desc .pss-note a{font-weight:700}
@media (max-width:640px){.pss-desc table.pss-spec th{width:48%}.pss-desc table.pss-spec th,.pss-desc table.pss-spec td{padding:10px 12px}}
/* PSS-ENDE */