*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f8fb;color:#17324a}.storehead{height:84px;background:#fff;border-bottom:1px solid #dce6ed;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.storebrand{display:flex;align-items:center;gap:12px}.storebrand img:first-child{height:58px}.storebrand img:nth-child(2){height:34px}.storebrand strong{border-left:1px solid #d7e1e8;padding-left:12px;color:#0E518D}.storehead nav{display:flex;gap:8px}.storehead nav a{padding:10px 13px;text-decoration:none;color:#0E518D;font-weight:700;border-radius:6px}.storehead nav a.active{background:#0E518D;color:#fff}.storemain,.purchasewrap{max-width:1200px;margin:auto;padding:38px 24px}.storehero{background:linear-gradient(135deg,#0E518D,#174570);color:#fff;border-left:7px solid #FC0A1C;border-radius:12px;padding:34px;margin-bottom:25px}.storehero h1{font-size:34px;margin:7px 0 10px}.storehero p{max-width:800px;line-height:1.55;margin:0}.cataloggrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.productpublic{background:#fff;border:1px solid #dce6ed;border-radius:11px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;min-height:290px}.productbadge{font-size:12px;font-weight:700;color:#0E518D;background:#eaf4fb;border-radius:999px;padding:6px 9px}.productpublic h2{margin:17px 0 8px}.productpublic p{color:#667b8b;line-height:1.5}.price{font-size:25px;font-weight:700;color:#0E518D;margin:15px 0}.price small{font-size:11px;color:#758794}.pricepending{font-size:17px}.productactions{display:flex;gap:9px;flex-wrap:wrap}.buy,.demo{display:inline-block;border-radius:7px;padding:10px 14px;text-decoration:none;font-weight:700}.buy{background:#FC0A1C;color:#fff}.demo{border:1px solid #0E518D;color:#0E518D;background:#fff}.secondarybuy{background:#0E518D}.storeempty{grid-column:1/-1;background:#fff;border:1px solid #dce6ed;border-radius:10px;padding:35px;text-align:center;color:#6d7f8d}.purchasebody{background:#f4f8fb}.purchasewrap{max-width:1000px}.purchaseproduct,.authchoice,.checkoutready{background:#fff;border:1px solid #dce6ed;border-radius:11px;padding:27px;margin-bottom:20px}.purchaseproduct{border-left:6px solid #FC0A1C}.purchaseproduct h1{margin:6px 0}.purchaseproduct p{color:#657989}.purchaseprice{font-size:27px;color:#0E518D}.choicegrid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.choicegrid article{border:1px solid #dce6ed;border-radius:9px;padding:20px}.choicegrid p{color:#657989;line-height:1.45}.stepok{background:#e7f6ed;color:#237141;border-radius:7px;padding:12px;margin:18px 0;font-weight:700}@media(max-width:850px){.cataloggrid{grid-template-columns:1fr}.choicegrid{grid-template-columns:1fr}.storehead{height:auto;flex-direction:column;align-items:flex-start;padding:12px 18px}.storehead nav{flex-wrap:wrap}}
.steps{display:flex;align-items:center;gap:9px;margin-bottom:25px;color:#718391}.steps b,.steps i{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#0E518D;color:#fff;font-style:normal}.checkoutform{display:grid;grid-template-columns:1fr 1fr;gap:15px}.checkoutform label span{display:block;font-weight:700;margin-bottom:6px}.checkoutform input{width:100%;height:42px;border:1px solid #cbd8e1;border-radius:6px;padding:0 10px}.checkoutform .wide{grid-column:1/-1}.formnext{text-align:right}.reviewgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.reviewgrid>div{border:1px solid #dce6ed;border-radius:8px;padding:18px}.reviewgrid h3{margin-top:0}.reviewgrid small{display:block;color:#718391}.terms{display:flex;gap:10px;align-items:flex-start;margin:22px 0}.terms input{margin-top:3px}.orderbutton{border:0;font-size:16px;cursor:pointer}.ordererror{background:#fff0f2;border:1px solid #efc0c5;color:#a60e1a;border-radius:7px;padding:12px 14px;margin-bottom:16px}.orderdone{text-align:center;padding:45px}.orderdone .stepok{display:inline-block}@media(max-width:700px){.checkoutform,.reviewgrid{grid-template-columns:1fr}.checkoutform .wide{grid-column:auto}}

.public-product{background:#fff;border:1px solid #dce6ed;border-radius:12px;margin:24px 0;padding:24px}.public-product-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.public-product-head h2{font-size:28px;margin:14px 0 7px}.public-product-head p{color:#647989;max-width:760px}.public-compare{overflow:auto;margin:24px 0}.public-compare table{width:100%;border-collapse:collapse;min-width:650px}.public-compare th,.public-compare td{padding:13px;border-bottom:1px solid #e1e9ee;text-align:center}.public-compare th:first-child,.public-compare td:first-child{text-align:left}.public-compare th{background:#f3f8fb;color:#0E518D}.public-compare th small{display:block;color:#718391;font-weight:400;margin-top:5px}.edition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.edition-card{border:1px solid #dbe5eb;border-radius:9px;padding:18px}.edition-card h3{margin-top:0;color:#0E518D}.offer-public{border-top:1px solid #e4ebef;padding:14px 0;display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center}.offer-public>div:first-child small{display:block;color:#718391;margin-top:4px}.offer-price{text-align:right;font-size:20px;font-weight:700;color:#0E518D}.offer-price small,.offer-price em{display:block;font-size:11px;font-weight:400;color:#718391;font-style:normal}.offer-public .buy{grid-column:1/-1;text-align:center}.legacy-offer{display:flex;justify-content:flex-end;align-items:center;gap:15px}.setupnote{font-size:13px;color:#718391;margin-top:5px}@media(max-width:700px){.public-product-head{flex-direction:column}.offer-public{grid-template-columns:1fr}.offer-price{text-align:left}}

/* V022l – öffentliche Produktliste als Accordion */
.product-accordion{padding:0;overflow:hidden}
.product-accordion .public-product-head{
  padding:22px 24px;
  align-items:center;
}
.product-summary{min-width:0;flex:1}
.product-summary h2{margin:10px 0 6px}
.product-teaser{
  margin:0;
  max-width:850px!important;
  line-height:1.35;
}
.product-head-actions{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:10px;
}
.product-toggle{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:40px;
  padding:9px 14px;
  border:0;
  border-radius:6px;
  background:#0E518D;
  color:#fff;
  font:inherit;
  font-weight:700;
  cursor:pointer;
  box-shadow:0 3px 8px rgba(14,81,141,.16);
}
.product-toggle b{
  font-size:19px;
  line-height:1;
  transition:transform .18s ease;
}
.product-toggle[aria-expanded="true"] b{transform:rotate(180deg)}
.product-details{
  padding:0 24px 24px;
  border-top:1px solid #e1e9ee;
}
.product-details[hidden]{display:none!important}
.product-full-description{
  padding:18px 0 2px;
  max-width:900px;
  color:#536b7c;
  line-height:1.45;
}
.product-details .edition-grid{margin-top:20px}
@media(max-width:760px){
  .product-accordion .public-product-head{align-items:flex-start}
  .product-head-actions{width:100%;flex-direction:column;align-items:stretch}
  .product-toggle,.product-head-actions .demo{text-align:center;justify-content:center}
}


/* V022m – Produktsymbol KFZ-Kostenmanager */
.product-summary-wrap{
  min-width:0;
  flex:1;
  display:flex;
  align-items:center;
  gap:18px;
}
.product-summary-wrap .product-summary{min-width:0;flex:1}
.product-icon{
  width:68px;
  height:68px;
  flex:0 0 68px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#0E518D;
  background:#E6F0FA;
  border:1px solid #CCECFF;
  border-radius:15px;
}
.product-icon svg{
  width:50px;
  height:50px;
  display:block;
}
@media(max-width:760px){
  .product-summary-wrap{align-items:flex-start}
  .product-icon{width:58px;height:58px;flex-basis:58px}
  .product-icon svg{width:44px;height:44px}
}

/* V022n – grafisches KFZ-App-Symbol */
.product-icon.product-icon-kfz{
  padding:0;
  overflow:hidden;
  border:0;
  background:transparent;
}
.product-icon.product-icon-kfz img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
}

/* V022o – allgemeine Produktsymbole */
.product-icon.product-icon-custom{padding:0;overflow:hidden;border:0;background:transparent}
.product-icon.product-icon-custom img{width:100%;height:100%;display:block;object-fit:contain}
