#pep-lightcheck-app{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f3f3f3;color:#333;line-height:1.55}
#pep-lightcheck-app .wrap{max-width:1040px;margin:28px auto;background:#fff;padding:32px 38px 42px;box-sizing:border-box}
#pep-lightcheck-app h1{text-align:center;font-size:32px;margin:0 0 10px}
#pep-lightcheck-app .intro{max-width:820px;margin:0 auto 28px;text-align:center;font-size:15px}
#pep-lightcheck-app h2{font-size:24px;margin:32px 0 14px;padding-bottom:7px;border-bottom:1px solid #ddd}
#pep-lightcheck-app h3{font-size:19px;margin:24px 0 10px}
#pep-lightcheck-app label{font-weight:600;display:block;margin-bottom:6px}
#pep-lightcheck-app input,#pep-lightcheck-app select{width:100%;box-sizing:border-box;padding:10px 11px;border:1px solid #ccc;border-radius:4px;font-size:16px;background:#fff}
#pep-lightcheck-app .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#pep-lightcheck-app .grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#pep-lightcheck-app .field{margin-bottom:4px}
#pep-lightcheck-app .mode{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 22px}
#pep-lightcheck-app .mode button,#pep-lightcheck-app .calc{border:0;border-radius:4px;cursor:pointer;font-size:16px}
#pep-lightcheck-app .mode button{padding:10px 14px;background:#eee}
#pep-lightcheck-app .mode button.active{background:#3aaa2a;color:#fff}
#pep-lightcheck-app .calc{margin-top:20px;padding:12px 18px;background:#3aaa2a;color:#fff;font-weight:700}
#pep-lightcheck-app .note{margin:18px 0;padding:14px 16px;border-left:4px solid #3aaa2a;background:#f7f7f7}
#pep-lightcheck-app .result{display:none;margin-top:30px}
#pep-lightcheck-app .result.show{display:block}
#pep-lightcheck-app .score{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}
#pep-lightcheck-app .card{border:1px solid #ddd;border-radius:6px;padding:16px;background:#fff}
#pep-lightcheck-app .card strong.big{display:block;font-size:26px;margin-bottom:3px}
#pep-lightcheck-app .pill{display:inline-block;padding:5px 10px;border-radius:999px;background:#eef7ea;font-weight:700}
#pep-lightcheck-app .plants{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
#pep-lightcheck-app .plant-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
#pep-lightcheck-app .plant-link{appearance:none;border:0;background:transparent;padding:4px 6px;color:#3aaa2a;cursor:pointer;font-size:15px;text-align:left;line-height:1.25;width:100%;box-sizing:border-box}
#pep-lightcheck-app .plant-link.active{font-weight:700;text-decoration:none;background:#eef7ea;border-radius:4px}
#pep-lightcheck-app .plant-detail{margin-top:18px;border:1px solid #cfd9ca;border-left:5px solid #3aaa2a;border-radius:6px;background:#fbfdf9;padding:18px}
#pep-lightcheck-app .plant-detail h3{margin:0 0 4px;font-size:22px}
#pep-lightcheck-app .plant-meta{color:#666;font-size:14px;margin-bottom:16px}
#pep-lightcheck-app .detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px}
#pep-lightcheck-app .detail-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
#pep-lightcheck-app .detail-col-title{font-weight:700;font-size:16px;margin:0 0 6px;padding-bottom:6px;border-bottom:2px solid #dbe8d5}
#pep-lightcheck-app .detail-row{padding:7px 0;border-bottom:1px solid #e7ece4}
#pep-lightcheck-app .detail-label{font-weight:700}
#pep-lightcheck-app .practice{margin-top:16px;padding:12px 14px;background:#f2f7ef;border-radius:4px}
#pep-lightcheck-app .small{font-size:13px;color:#666}
#pep-lightcheck-app a{color:#3aaa2a;font-weight:600}
#pep-lightcheck-app .hidden{display:none}
#pep-lightcheck-app .subtle{color:#666;font-size:14px}
@media(max-width:760px){
#pep-lightcheck-app .wrap{margin:0;padding:22px 16px 34px}
#pep-lightcheck-app h1{font-size:27px}
#pep-lightcheck-app .grid,#pep-lightcheck-app .grid3,#pep-lightcheck-app .score,#pep-lightcheck-app .plants,#pep-lightcheck-app .detail-grid,#pep-lightcheck-app .detail-columns{grid-template-columns:1fr}
#pep-lightcheck-app .intro{text-align:left}
}

#pep-lightcheck-app .plant-list{display:block !important}
#pep-lightcheck-app .plant-link{
  display:block !important;
  width:100% !important;
  box-sizing:border-box;
  border:0;
  background:transparent;
  padding:5px 6px;
  margin:0 0 4px 0;
  color:#3aaa2a;
  cursor:pointer;
  text-align:left;
  font-size:15px;
  line-height:1.25;
}
#pep-lightcheck-app .plant-link .latin{
  display:block !important;
  width:100%;
  text-decoration:underline;
}
#pep-lightcheck-app .plant-link .common{
  display:block !important;
  width:100%;
  margin-top:2px;
  font-style:italic;
  text-decoration:underline;
}
#pep-lightcheck-app .plant-link.active{
  font-weight:700;
  background:#eef7ea;
  border-radius:4px;
}
#pep-lightcheck-app .plant-link.active .latin,#pep-lightcheck-app .plant-link.active .common{
  text-decoration:none;
}


#pep-lightcheck-app .plants-two{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
#pep-lightcheck-app .group-note{font-weight:400;color:#555;font-size:14px}
#pep-lightcheck-app .plant-list{display:block !important}
#pep-lightcheck-app .plant-link{display:block !important;width:100% !important;text-align:left !important;margin:0 0 5px 0 !important;padding:5px 6px !important;line-height:1.25}
#pep-lightcheck-app .plant-link .latin{display:block !important;text-decoration:underline}
#pep-lightcheck-app .plant-link .common{display:block !important;margin-top:2px;font-style:italic;text-decoration:underline}
#pep-lightcheck-app .plant-link.active .latin,#pep-lightcheck-app .plant-link.active .common{text-decoration:none}
@media(max-width:760px){#pep-lightcheck-app .plants-two{grid-template-columns:1fr !important}}

#pep-lightcheck-app .plant-type-heading{
  margin:12px 0 5px;
  padding-top:8px;
  border-top:1px solid #e6e6e6;
  font-size:13px;
  font-weight:700;
  color:#555;
}
#pep-lightcheck-app .plant-type-heading:first-child{
  margin-top:4px;
  padding-top:0;
  border-top:0;
}


/* V11 Pflanzenberater-UX */
#pep-lightcheck-app .plant-advisor-layout{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
  gap:22px;
  align-items:start;
  margin-top:16px;
}
#pep-lightcheck-app .plant-browser{min-width:0}
#pep-lightcheck-app .plant-toolbar{
  padding:14px;
  border:1px solid #ddd;
  border-radius:6px;
  background:#fafafa;
  margin-bottom:14px;
}
#pep-lightcheck-app .plant-filter-row{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-bottom:10px;
}
#pep-lightcheck-app .plant-filter{
  border:1px solid #cfcfcf;
  background:#fff;
  padding:7px 10px;
  border-radius:999px;
  cursor:pointer;
  font-size:13px;
}
#pep-lightcheck-app .plant-filter:hover{border-color:#3aaa2a}
#pep-lightcheck-app .plant-filter.active{
  border-color:#3aaa2a;
  background:#eef7ea;
  color:#287b1f;
  font-weight:700;
}
#pep-lightcheck-app .plant-result-summary{
  font-size:14px;
  color:#555;
  margin:0 0 12px;
}
#pep-lightcheck-app .recommendation-block{
  border:1px solid #ddd;
  border-radius:6px;
  background:#fff;
  padding:14px 15px;
  margin-bottom:14px;
}
#pep-lightcheck-app .recommendation-block.secondary{background:#fcfcfc}
#pep-lightcheck-app .recommendation-heading{
  display:flex;
  gap:10px;
  align-items:baseline;
  justify-content:space-between;
  margin-bottom:8px;
}
#pep-lightcheck-app .recommendation-heading h3{
  margin:0;
  font-size:17px;
}
#pep-lightcheck-app .group-note{font-weight:400;color:#555;font-size:13px}
#pep-lightcheck-app .recommendation-count{font-size:13px;color:#666;white-space:nowrap}
#pep-lightcheck-app .compact-plant-list{
  display:grid;
  grid-template-columns:1fr;
  gap:3px;
}
#pep-lightcheck-app .plant-type-heading{
  margin:10px 0 4px;
  padding-top:8px;
  border-top:1px solid #e8e8e8;
  font-size:12px;
  font-weight:700;
  color:#555;
  text-transform:none;
}
#pep-lightcheck-app .plant-type-heading:first-child{
  border-top:0;
  padding-top:0;
  margin-top:2px;
}
#pep-lightcheck-app .plant-link{
  display:block !important;
  width:100% !important;
  text-align:left !important;
  box-sizing:border-box;
  border:0;
  background:transparent;
  padding:5px 7px !important;
  margin:0 !important;
  color:#2fa820;
  cursor:pointer;
  border-radius:4px;
  line-height:1.22;
}
#pep-lightcheck-app .plant-link:hover{background:#f4f8f2}
#pep-lightcheck-app .plant-link.active{
  background:#eaf5e6 !important;
  font-weight:700;
}
#pep-lightcheck-app .plant-link .latin{
  display:block !important;
  text-decoration:underline;
}
#pep-lightcheck-app .plant-link .common{
  display:block !important;
  margin-top:2px;
  font-size:13px;
  font-style:italic;
  text-decoration:none;
  color:#53724d;
}
#pep-lightcheck-app .plant-link.active .latin,#pep-lightcheck-app .plant-link.active .common{text-decoration:none}
#pep-lightcheck-app .more-plants-btn{
  margin-top:10px;
  width:100%;
  border:1px solid #bfc9bb;
  background:#f7faf5;
  color:#287b1f;
  padding:8px 10px;
  border-radius:4px;
  cursor:pointer;
  font-weight:700;
}
#pep-lightcheck-app .more-plants-btn:hover{background:#edf6e9}
#pep-lightcheck-app .sticky-plant-detail{
  position:sticky;
  top:18px;
  margin-top:0 !important;
  max-height:calc(100vh - 36px);
  overflow:auto;
}
#pep-lightcheck-app .mobile-selected-detail-placeholder{display:none}

@media(max-width:900px){
  #pep-lightcheck-app .plant-advisor-layout{grid-template-columns:1fr}
  #pep-lightcheck-app .sticky-plant-detail{
    position:static;
    max-height:none;
    overflow:visible;
    order:-1;
    margin-bottom:14px !important;
  }
}
@media(max-width:620px){
  #pep-lightcheck-app .plant-filter-row{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #pep-lightcheck-app .plant-filter{
    width:100%;
    border-radius:5px;
    padding:8px 6px;
  }
  #pep-lightcheck-app .recommendation-heading{
    align-items:flex-start;
    flex-direction:column;
    gap:2px;
  }
}


#pep-lightcheck-app .plant-type-heading-flex{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
#pep-lightcheck-app .plant-type-count{
  font-size:11px;
  font-weight:400;
  color:#777;
}
#pep-lightcheck-app .inline-more-btn{
  display:block;
  width:100%;
  margin:5px 0 10px;
  padding:6px 8px;
  border:1px solid #cbd6c7;
  background:#f7faf5;
  color:#287b1f;
  border-radius:4px;
  cursor:pointer;
  font-size:12px;
  font-weight:700;
  text-align:left;
}
#pep-lightcheck-app .inline-more-btn:hover{background:#edf6e9}
#pep-lightcheck-app #showMoreGood,#pep-lightcheck-app #showMoreMid{display:none !important}


#pep-lightcheck-app .top-recommendation{
  position:relative;
  padding-right:112px !important;
}
#pep-lightcheck-app .top-badge{
  position:absolute;
  right:7px;
  top:6px;
  display:inline-block;
  padding:3px 6px;
  border-radius:999px;
  background:#eaf5e6;
  color:#24751b;
  font-size:11px;
  font-weight:700;
  white-space:nowrap;
  border:1px solid #cfe5c8;
}
@media(max-width:620px){
  #pep-lightcheck-app .top-recommendation{padding-right:7px !important}
  #pep-lightcheck-app .top-badge{
    position:static;
    margin-top:4px;
  }
}


#pep-lightcheck-app .plant-detail h3{
  margin-bottom:4px;
}
#pep-lightcheck-app .plant-detail-name-common{
  display:block;
  margin:0 0 7px;
  color:#5f5f5f;
  font-size:14px;
}
#pep-lightcheck-app .plant-detail-meta-stack{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
  margin-bottom:16px;
}
#pep-lightcheck-app .difficulty-badge{
  display:inline-block;
  padding:3px 8px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  line-height:1.2;
}
#pep-lightcheck-app .difficulty-easy{
  background:#eaf5e6;
  border:1px solid #cfe5c8;
  color:#24751b;
}
#pep-lightcheck-app .difficulty-medium{
  background:#fff7dd;
  border:1px solid #ead99a;
  color:#7b6514;
}
#pep-lightcheck-app .difficulty-advanced{
  background:#fdeaea;
  border:1px solid #e8c3c3;
  color:#8a2f2f;
}
#pep-lightcheck-app .plant-detail-form{
  font-size:14px;
  color:#555;
}


#pep-lightcheck-app .plant-badges-row{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:4px;
}
#pep-lightcheck-app .list-difficulty-badge{
  display:inline-block;
  padding:2px 6px;
  border-radius:999px;
  font-size:10px;
  font-weight:700;
  line-height:1.2;
}
#pep-lightcheck-app .list-difficulty-easy{
  background:#eaf5e6;
  border:1px solid #cfe5c8;
  color:#24751b;
}
#pep-lightcheck-app .list-difficulty-medium{
  background:#fff7dd;
  border:1px solid #ead99a;
  color:#7b6514;
}
#pep-lightcheck-app .list-difficulty-advanced{
  background:#fdeaea;
  border:1px solid #e8c3c3;
  color:#8a2f2f;
}
#pep-lightcheck-app .top-badge-inline{
  display:inline-block;
  padding:2px 6px;
  border-radius:999px;
  background:#eaf5e6;
  color:#24751b;
  font-size:10px;
  font-weight:700;
  border:1px solid #cfe5c8;
}


#pep-lightcheck-app .plant-title-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
  flex-wrap:wrap;
}
#pep-lightcheck-app .plant-title-row .latin{
  flex:1 1 220px;
  min-width:0;
}
#pep-lightcheck-app .plant-inline-badges{
  display:flex;
  flex:0 0 auto;
  flex-wrap:wrap;
  gap:4px;
  align-items:center;
  justify-content:flex-end;
  margin-left:auto;
}
#pep-lightcheck-app .plant-inline-badges .list-difficulty-badge,#pep-lightcheck-app .plant-inline-badges .top-badge-inline{
  margin:0;
}
#pep-lightcheck-app .plant-link .common{
  margin-top:2px;
}
@media(max-width:760px){
  #pep-lightcheck-app .plant-title-row{gap:4px 6px}
  #pep-lightcheck-app .plant-title-row .latin{flex:1 1 150px}
  #pep-lightcheck-app .plant-inline-badges{justify-content:flex-start;margin-left:0}
}
@media(max-width:460px){
  #pep-lightcheck-app .plant-title-row{display:block}
  #pep-lightcheck-app .plant-inline-badges{margin-top:4px}
}


#pep-lightcheck-app .plant-detail-title-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom:4px;
}
#pep-lightcheck-app .plant-detail-title-row h3{
  margin:0;
  min-width:0;
}
#pep-lightcheck-app .detail-top-badge{
  flex:0 0 auto;
  display:inline-block;
  padding:4px 8px;
  border-radius:999px;
  background:#eaf5e6;
  border:1px solid #cfe5c8;
  color:#24751b;
  font-size:11px;
  font-weight:700;
  white-space:nowrap;
}
#pep-lightcheck-app .detail-top-badge.hidden{display:none !important}

@media(max-width:760px){
  #pep-lightcheck-app .plant-detail-title-row{
    flex-wrap:wrap;
  }
}
@media(max-width:460px){
  #pep-lightcheck-app .plant-detail-title-row{
    display:block;
  }
  #pep-lightcheck-app .detail-top-badge{
    margin-top:6px;
  }
}


#pep-lightcheck-app #pdName{
  transition:font-size .15s ease;
}
#pep-lightcheck-app #pdName.name-medium{
  font-size:20px;
}
#pep-lightcheck-app #pdName.name-long{
  font-size:18px;
}
@media(max-width:760px){
  #pep-lightcheck-app #pdName,#pep-lightcheck-app #pdName.name-medium,#pep-lightcheck-app #pdName.name-long{
    font-size:20px;
  }
}
@media(max-width:460px){
  #pep-lightcheck-app #pdName,#pep-lightcheck-app #pdName.name-medium,#pep-lightcheck-app #pdName.name-long{
    font-size:19px;
  }
}


#pep-lightcheck-app .plant-cultivar-line{
  display:block;
  margin-top:1px;
  font-size:.92em;
  font-weight:700;
}
#pep-lightcheck-app .plant-title-row .latin-main{
  display:block;
  text-decoration:underline;
}
#pep-lightcheck-app .plant-title-row .cultivar-main{
  display:block;
  margin-top:1px;
  text-decoration:underline;
}
#pep-lightcheck-app .plant-detail-title-main{
  display:block;
}
#pep-lightcheck-app .plant-detail-cultivar{
  display:block;
  margin-top:1px;
  font-size:.92em;
  font-weight:700;
}


#pep-lightcheck-app .plant-detail-title-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}
#pep-lightcheck-app .plant-detail-title-text{
  min-width:0;
  flex:1 1 auto;
}
#pep-lightcheck-app .plant-detail-title-text h3{
  margin:0 0 5px;
}
#pep-lightcheck-app .plant-detail-name-common{
  display:block;
  margin:0 0 6px;
}
#pep-lightcheck-app .plant-detail-form{
  display:block;
  margin-top:2px;
}
#pep-lightcheck-app .plant-detail-badge-stack{
  display:flex;
  flex:0 0 auto;
  flex-wrap:wrap;
  justify-content:flex-end;
  align-items:center;
  gap:5px;
  max-width:190px;
}
#pep-lightcheck-app .plant-detail-badge-stack .difficulty-badge,#pep-lightcheck-app .plant-detail-badge-stack .detail-top-badge{
  margin:0;
}
@media(max-width:760px){
  #pep-lightcheck-app .plant-detail-title-row{
    flex-wrap:wrap;
  }
  #pep-lightcheck-app .plant-detail-badge-stack{
    justify-content:flex-start;
    max-width:none;
  }
}
@media(max-width:460px){
  #pep-lightcheck-app .plant-detail-title-row{
    display:block;
  }
  #pep-lightcheck-app .plant-detail-badge-stack{
    margin-top:8px;
  }
}


#pep-lightcheck-app .plant-detail-badge-stack{
  justify-content:flex-end;
}
#pep-lightcheck-app .plant-detail-badge-stack #pdDifficultyBadge{
  order:2;
}
#pep-lightcheck-app .plant-detail-badge-stack #pdTopBadge{
  order:1;
}


#pep-lightcheck-app .plant-inline-badges .top-badge-inline{order:1}
#pep-lightcheck-app .plant-inline-badges .list-difficulty-badge{order:2}


#pep-lightcheck-app .top-badge-inline,#pep-lightcheck-app .detail-top-badge{
  background:#fff4cf !important;
  border-color:#e2c56c !important;
  color:#7a5a00 !important;
}
#pep-lightcheck-app .top-badge-inline:hover,#pep-lightcheck-app .detail-top-badge:hover{
  background:#ffefb5 !important;
}


#pep-lightcheck-app .preset-info{
  margin-top:16px;
  padding:16px;
  border:1px solid #d8e3d4;
  border-left:4px solid #3aaa2a;
  border-radius:6px;
  background:#fbfdf9;
}
#pep-lightcheck-app .preset-info-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:baseline;
  margin-bottom:13px;
}
#pep-lightcheck-app .preset-info-head strong{font-size:18px}
#pep-lightcheck-app .preset-info-head span{font-size:13px;color:#666;text-align:right}
#pep-lightcheck-app .preset-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
#pep-lightcheck-app .preset-stats>div{
  padding:9px 10px;
  background:#fff;
  border:1px solid #e2e6df;
  border-radius:4px;
}
#pep-lightcheck-app .preset-stats span{
  display:block;
  font-size:11px;
  color:#666;
  margin-bottom:2px;
}
#pep-lightcheck-app .preset-stats strong{
  display:block;
  font-size:15px;
}
#pep-lightcheck-app .preset-lighting{
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid #e2e6df;
}
#pep-lightcheck-app .preset-lighting>span{
  display:block;
  margin-top:2px;
}
@media(max-width:760px){
  #pep-lightcheck-app .preset-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  #pep-lightcheck-app .preset-info-head{display:block}
  #pep-lightcheck-app .preset-info-head span{display:block;text-align:left;margin-top:3px}
}


#pep-lightcheck-app .preset-info-head{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:14px;
  align-items:baseline;
}
#pep-lightcheck-app .preset-info-head .preset-dimensions{
  justify-self:start;
  padding:3px 8px;
  border:1px solid #d8dfd5;
  border-radius:999px;
  background:#f7f9f5;
  color:#4f5d4b;
  font-size:12px;
  white-space:nowrap;
}
#pep-lightcheck-app .tank-footprint-grid{margin-top:10px}
#pep-lightcheck-app .tank-size-hint{margin-top:6px;color:#667063}
@media(max-width:760px){
  #pep-lightcheck-app .preset-info-head{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
  }
  #pep-lightcheck-app .preset-info-head .preset-dimensions{
    justify-self:auto;
  }
}


#pep-lightcheck-app .detail-external{
  margin-top:12px;
  padding-top:11px;
  border-top:1px solid #dfe8dc;
}
#pep-lightcheck-app .detail-external a{
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:#168d19;
  font-size:13px;
  font-weight:700;
  line-height:1.35;
  text-decoration:none;
}
#pep-lightcheck-app .detail-external a:hover,#pep-lightcheck-app .detail-external a:focus{
  text-decoration:underline;
}