/* Bestellstrecke: gleiche Sprache wie datasoft-webservice.de */
:root{
  --dsw-blue:#0195eb;
  --dsw-navy:#0b1f33;
  --dsw-soft:#f3f7fb;
  --dsw-line:#d7e3ee;
}
body, .main-container, .header-lined h1, #order-standard_cart{
  font-family:"DM Sans",Helvetica,Arial,sans-serif!important;
}
/* Bootstrap .row > * macht beide Spalten 100 % — Formular rutscht unter den Rand */
#order-standard_cart > .row{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:flex-start
}
#order-standard_cart .cart-sidebar{
  display:block!important;
  float:none!important;
  flex:0 0 260px!important;
  width:260px!important;
  max-width:260px!important
}
#order-standard_cart .cart-body{
  float:none!important;
  flex:1 1 auto!important;
  width:auto!important;
  max-width:none!important;
  min-width:0
}
@media (max-width: 767px){
  #order-standard_cart > .row{flex-wrap:wrap!important}
  #order-standard_cart .cart-sidebar,
  #order-standard_cart .cart-body{
    flex:1 1 100%!important;width:100%!important;max-width:100%!important
  }
}

#order-standard_cart .header-lined{
  border-bottom:2px solid var(--dsw-blue);
  margin-bottom:1.25rem
}
#order-standard_cart .header-lined h1{
  color:var(--dsw-navy);font-weight:700;font-size:1.75rem
}

/* Doppelte Kategorien/Aktionen in der Mitte weg — links reicht */
#order-standard_cart .cart-body .sidebar-collapsed{display:none!important}

.btn-success,.btn-primary,#btnCompleteProductConfig,#checkout,
.order-button,.btn-checkout,#btnDomainContinue,#btnCheckAvailability,
#order-standard_cart .btn-add-to-cart{
  background:var(--dsw-blue)!important;
  border-color:var(--dsw-blue)!important;
  color:#fff!important;
  font-weight:700;
  border-radius:999px;
  padding:.65rem 1.2rem
}
.btn-success:hover,.btn-primary:hover,#btnCheckAvailability:hover{
  background:var(--dsw-navy)!important;
  border-color:var(--dsw-navy)!important
}

/* Domain-Held */
.dsw-domain-hero{
  background-color:#0b1f33;
  background-image:
    linear-gradient(135deg, rgba(11,31,51,.92), rgba(1,149,235,.62)),
    url("https://datasoft-webservice.de/wp-content/uploads/2026/07/dsms-hero-banner-1280x853.png");
  background-position:center;
  background-size:cover;
  color:#fff;
  border-radius:16px;
  padding:1.6rem 1.4rem 1.8rem;
  margin:0 0 1.4rem;
  box-shadow:0 16px 36px rgba(11,31,51,.18)
}
.dsw-domain-hero h2{
  color:#fff;font-size:1.35rem;font-weight:700;margin:0 0 .35rem
}
.dsw-domain-hero p{margin:0 0 1rem;opacity:.92}
.dsw-domain-field{
  display:flex;flex-wrap:wrap;gap:.6rem
}
.dsw-domain-field input[type=text]{
  flex:1 1 220px;
  min-height:54px;
  border:0;
  border-radius:12px;
  padding:0 1rem;
  font-size:1.05rem
}
.dsw-domain-field .btn{
  min-height:54px;
  border-radius:12px!important;
  padding:0 1.4rem
}
.dsw-domain-modes{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:.6rem;
  margin-bottom:1rem
}
.dsw-domain-modes label{
  display:block;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.25);
  border-radius:12px;
  padding:.7rem .85rem;
  cursor:pointer;
  font-weight:600;
  color:#fff;
  margin:0
}
.dsw-domain-modes input{margin-right:.4rem}
.dsw-domain-modes .iradio_square-blue,
.dsw-domain-modes .icheckbox_square-blue{display:none!important}
.dsw-domain-modes label.is-on{
  background:#fff;
  color:var(--dsw-navy)
}

/* Alte www+Endung-Zeile unsichtbar, IDs bleiben für WHMCS-JS */
.dsw-whmcs-legacy{
  position:absolute!important;
  left:-9999px;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0,0,0,0)
}

#order-standard_cart .domain-selection-options .option{
  border:0;padding:0;margin:0;background:transparent
}
#order-standard_cart .domain-input-group{border:0;padding:0;background:transparent}

#spotlightTlds,
.spotlight-tlds{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
  gap:.7rem;
  margin:1rem 0
}
.spotlight-tlds-container{display:contents}
.spotlight-tld-container,
.spotlight-tld{
  width:auto!important;
  float:none!important;
  background:#fff;
  border:1px solid var(--dsw-line);
  border-radius:12px;
  padding:.85rem .7rem;
  text-align:center;
  box-shadow:0 8px 18px rgba(11,31,51,.05)
}
.spotlight-tld{font-weight:700;color:var(--dsw-navy)}
.domain-checker-available{color:#0a7a3e;font-weight:700}
.domain-checker-unavailable,.domain-error{
  color:#9b1c1c;font-weight:600
}
#primaryLookupResult{
  background:#fff;
  border:1px solid var(--dsw-line);
  border-radius:14px;
  padding:1.1rem 1.2rem;
  margin:1rem 0
}
.dsw-lookup-panel{
  background:#fff;
  border:1px solid var(--dsw-line);
  border-radius:14px;
  padding:1rem 1.15rem;
  margin:1rem 0
}
.dsw-lookup-panel strong{display:block;font-size:1.15rem;margin-bottom:.35rem}
.dsw-lookup-panel p{margin:0}
.dsw-lookup-panel.is-ok{border-color:#0a7a3e}
.dsw-lookup-panel.is-ok strong{color:#0a7a3e}
.dsw-lookup-panel.is-no,.dsw-lookup-panel.is-err{border-color:#c0392b}
.dsw-lookup-panel.is-no strong,.dsw-lookup-panel.is-err strong{color:#9b1c1c}
.dsw-lookup-panel.is-wait strong{color:var(--dsw-navy)}
.spotlight-tld.is-free{border-color:#0a7a3e}
.spotlight-tld.is-taken{opacity:1}
.spotlight-tld .btn.unavailable{border-radius:8px;background:#fdecea!important;color:#c0392b!important;border:0}
.suggested-domains .list-group-item{
  border-radius:10px;margin-bottom:.4rem;border-color:var(--dsw-line)
}
#order-standard_cart .sidebar .list-group-item.active{
  background:var(--dsw-navy);border-color:var(--dsw-navy)
}
.product,.panel-default,.panel,.card{
  border-radius:12px;border-color:var(--dsw-line)
}

/* Standalone-Domainseite: Suche wie der Held */
#order-standard_cart .domain-checker-container:not(.dsw-domain-hero){
  background:
    linear-gradient(135deg, rgba(11,31,51,.92), rgba(1,149,235,.62)),
    url("https://datasoft-webservice.de/wp-content/uploads/2026/07/dsms-hero-banner-1280x853.png") center/cover;
  color:#fff;
  border-radius:16px;
  padding:1.5rem 1.2rem 1.7rem;
  margin:0 0 1.4rem;
  box-shadow:0 16px 36px rgba(11,31,51,.18);
  border:0
}
#order-standard_cart .dsw-domain-hero.domain-checker-container .domain-checker-bg{
  background:transparent
}
#order-standard_cart .domain-checker-container .form-control{
  min-height:54px;border:0;border-radius:12px 0 0 12px;font-size:1.05rem
}
#order-standard_cart .domain-checker-container .btn{
  min-height:54px;border-radius:0 12px 12px 0!important
}
#order-standard_cart .cart-sidebar .list-group,
#order-standard_cart .cart-sidebar .panel,
#order-standard_cart .cart-sidebar .card{
  border-radius:12px;border-color:var(--dsw-line);overflow:hidden
}
#order-standard_cart .domain-promo-box{
  border-radius:14px;border:1px solid var(--dsw-line);
  background:#fff;box-shadow:0 8px 18px rgba(11,31,51,.05)
}
#order-standard_cart .tld-filters .badge{
  background:#e8f6fd;color:#0b1f33;border-radius:999px;font-weight:600
}
#order-standard_cart .tld-row{
  border-bottom:1px solid var(--dsw-line);padding:.55rem 0
}

.spotlight-tld .btn-add-to-cart span,
.spotlight-tld .btn-add-to-cart span.to-add,
.spotlight-tld .btn-add-to-cart span.loading,
.spotlight-tld .btn-add-to-cart span.added,
.spotlight-tld .btn-add-to-cart span.unavailable{display:none!important}
.spotlight-tld .btn-add-to-cart span.to-add{display:inline!important}
.spotlight-tld .btn-add-to-cart.is-added span.to-add{display:none!important}
.spotlight-tld .btn-add-to-cart.is-added span.added{display:inline!important}
.dsw-picked{
  background:#fff;
  border:1px solid var(--dsw-line);
  border-radius:14px;
  padding:.85rem 1.1rem;
  margin:0 0 1rem
}
.dsw-picked p{margin:0 0 .35rem;font-weight:700;color:var(--dsw-navy)}
.dsw-picked ul{margin:0;padding:0 0 0 1.1rem}

/* Konfigurieren / Warenkorb */
#order-standard_cart form > .row{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-start
}
#order-standard_cart .secondary-cart-body{
  float:none!important;
  flex:1 1 62%;
  width:auto!important;
  max-width:none;
  min-width:0
}
#order-standard_cart .secondary-cart-sidebar{
  float:none!important;
  flex:0 0 320px;
  width:320px!important;
  max-width:100%
}
@media (max-width: 991px){
  #order-standard_cart .secondary-cart-body,
  #order-standard_cart .secondary-cart-sidebar{
    flex:1 1 100%!important;width:100%!important
  }
}
.dsw-lead{color:#5b6b7c;margin:0 0 1.1rem}
.dsw-product-card,
.dsw-domain-card{
  background:#fff;
  border:1px solid var(--dsw-line);
  border-radius:16px;
  padding:1.15rem 1.25rem 1.2rem;
  margin:0 0 1.2rem;
  box-shadow:0 10px 24px rgba(11,31,51,.05)
}
.dsw-product-card .product-title{color:var(--dsw-navy);font-weight:700;font-size:1.35rem}
.dsw-product-desc{color:#5b6b7c}
.dsw-product-desc ul{margin:.4rem 0 0;padding-left:1.1rem}
.dsw-meta-value{margin:.2rem 0 0;font-weight:600;color:var(--dsw-navy)}
.dsw-ok{color:#0a7a3e}
.dsw-addon-hint{color:#5b6b7c;margin:0 0 .8rem}

#order-standard_cart .order-summary{
  background:#fff!important;
  border:1px solid var(--dsw-line)!important;
  border-radius:16px!important;
  overflow:hidden;
  box-shadow:0 12px 28px rgba(11,31,51,.08)
}
#order-standard_cart .order-summary h2{
  background:var(--dsw-navy)!important;
  color:#fff!important;
  font-size:1.05rem!important;
  font-weight:700!important;
  text-align:left!important;
  padding:1rem 1.15rem!important
}
#order-standard_cart .summary-container{
  background:#fff!important;
  color:var(--dsw-navy)!important;
  min-height:120px;
  padding:1rem 1.15rem 1.2rem!important;
  font-size:14px!important
}
#order-standard_cart .order-summary .product-name,
#order-standard_cart .order-summary .product-group,
#order-standard_cart .order-summary .clearfix,
#order-standard_cart .order-summary .total-due-today,
#order-standard_cart .order-summary .amt{
  color:var(--dsw-navy)!important
}
#order-standard_cart .order-summary .total-due-today .amt{
  color:var(--dsw-blue)!important;
  font-weight:700
}

.dsw-addon-acc{margin:0 0 1.2rem}
.dsw-acc{
  background:#fff;
  border:1px solid var(--dsw-line);
  border-radius:14px;
  margin:0 0 .7rem;
  overflow:hidden
}
.dsw-acc__btn{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
  border:0;
  background:#f3f7fb;
  color:var(--dsw-navy);
  font:inherit;
  font-weight:700;
  padding:.95rem 1.1rem;
  cursor:pointer;
  text-align:left
}
.dsw-acc__btn em{font-style:normal;font-weight:500;color:#5b6b7c;font-size:.9rem}
.dsw-acc.is-open .dsw-acc__btn{background:#e8f6fd}
.dsw-acc__body{display:none;padding:.8rem}
.dsw-acc.is-open .dsw-acc__body{display:block}
.dsw-acc__body .col-sm-6,
.dsw-acc__body .col-sm-12{width:100%!important;max-width:100%;flex:0 0 100%;padding:0 0 .6rem}

#order-standard_cart .panel-addon{
  border:1px solid var(--dsw-line)!important;
  border-radius:12px!important;
  box-shadow:none;
  cursor:pointer
}
#order-standard_cart .panel-addon-selected{
  border-color:var(--dsw-blue)!important;
  box-shadow:0 0 0 2px rgba(1,149,235,.2)
}
#order-standard_cart .panel-add{
  background:var(--dsw-blue)!important;
  color:#fff!important;
  border-radius:0 0 12px 12px;
  font-weight:700
}
#order-standard_cart .panel-addon-selected .panel-add{
  background:#0a7a3e!important
}
#order-standard_cart .panel-price{
  background:#f3f7fb;
  font-weight:600
}

.dsw-extra-fields{
  border:1px solid var(--dsw-line);
  border-radius:12px;
  padding:.4rem 1rem 1rem;
  margin:1rem 0 0;
  background:#f3f7fb
}
.dsw-extra-fields summary{
  cursor:pointer;
  font-weight:700;
  color:var(--dsw-navy);
  padding:.7rem 0
}
.dsw-field-help{margin:.35rem 0 0;color:#5b6b7c;font-size:.9rem}
.dsw-field-row[data-field="Address Confirmation"],
.dsw-hide-field{display:none!important}

#order-standard_cart .view-cart-items,
#order-standard_cart .view-cart-items-header{
  background:#fff;
  border:1px solid var(--dsw-line);
  border-radius:14px
}
#order-standard_cart .view-cart-items .item{
  border-color:var(--dsw-line)
}
#order-standard_cart .field-container,
#order-standard_cart .sub-heading span{
  border-radius:10px
}

/* United-Domains-Art, DATAsoft-Farben */
#order-standard_cart.dsw-ud .cart-sidebar,
#order-standard_cart .cart-sidebar{
  display:none!important
}
#order-standard_cart.dsw-ud > .row,
#order-standard_cart > .row{
  display:block!important
}
#order-standard_cart.dsw-ud .cart-body,
#order-standard_cart .cart-body{
  float:none!important;
  width:100%!important;
  max-width:1120px;
  margin:0 auto;
  padding:0 1rem 2rem
}
.dsw-ud-search{
  background:#fff;
  border:1px solid var(--dsw-line);
  border-radius:18px;
  padding:1.3rem 1.3rem 1.1rem;
  margin:0 0 1.4rem;
  box-shadow:0 10px 28px rgba(11,31,51,.06)
}
.dsw-ud-search .dsw-domain-modes{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin:0 0 1rem
}
.dsw-ud-search .dsw-domain-modes label{
  background:#f3f7fb;
  color:var(--dsw-navy);
  border:1px solid var(--dsw-line);
  border-radius:999px;
  padding:.45rem 1rem;
  font-weight:600
}
.dsw-ud-search .dsw-domain-modes label.is-on{
  background:var(--dsw-navy);
  color:#fff;
  border-color:var(--dsw-navy)
}
.dsw-ud-bar{
  display:flex;
  gap:.6rem
}
.dsw-ud-bar input{
  flex:1;
  min-height:58px;
  border:1px solid var(--dsw-line);
  border-radius:999px;
  padding:0 1.2rem;
  font-size:1.05rem
}
.dsw-ud-bar .btn{
  min-height:58px;
  min-width:140px;
  border-radius:999px!important;
  font-weight:700
}
.dsw-ud-hint{margin:.7rem 0 0;color:#5b6b7c;font-size:.92rem}
.dsw-ud-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:1.4rem;
  align-items:start
}
@media (max-width: 991px){
  .dsw-ud-layout{grid-template-columns:1fr}
  .dsw-ud-bar{flex-wrap:wrap}
  .dsw-ud-bar .btn{width:100%}
}
.dsw-hero-result{margin:0 0 1.2rem}
.dsw-hero-kicker{font-size:1.35rem;font-weight:700;color:var(--dsw-navy);margin:0 0 .7rem}
.dsw-hero-card{
  background:#eef9f2;
  border:1px solid #b7e0c5;
  border-radius:16px;
  padding:1.15rem 1.25rem
}
.dsw-hero-result.is-no .dsw-hero-card,
.dsw-hero-result.is-err .dsw-hero-card{
  background:#fdeeee;
  border-color:#f0c2c2
}
.dsw-hero-result.is-wait .dsw-hero-card{
  background:#f3f7fb;
  border-color:var(--dsw-line)
}
.dsw-hero-card strong{font-size:1.35rem;color:var(--dsw-navy)}
.dsw-hero-card p{margin:.35rem 0 0;color:#5b6b7c}
.dsw-list-head h3{
  margin:0 0 .4rem;
  font-size:1.05rem;
  color:var(--dsw-navy)
}
.dsw-ud .spotlight-tlds,
.dsw-tld-list,
#order-standard_cart .dsw-tld-list.spotlight-tlds{
  display:block!important;
  background:#fff;
  border:1px solid var(--dsw-line);
  border-radius:16px;
  padding:.25rem 0;
  margin:0 0 1.2rem
}
.dsw-tld-list .spotlight-tlds-container{display:block}
.dsw-ud .spotlight-tlds-container{display:block}
.dsw-ud .spotlight-tld-container,
.dsw-tld-list .spotlight-tld-container,
.dsw-tld-list .spotlight-tld,
.dsw-ud .spotlight-tld,
.dsw-tld-row{
  width:100%!important;
  float:none!important;
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  background:transparent;
  border:0;
  border-bottom:1px solid #eef3f7;
  border-radius:0;
  box-shadow:none;
  padding:.85rem 1.15rem;
  text-align:left
}
.dsw-tld-list .spotlight-tld-container:last-child .dsw-tld-row{border-bottom:0}
.dsw-tld-name{font-size:1.02rem;color:var(--dsw-navy);min-width:12rem}
.dsw-tld-name strong{font-weight:700}
.dsw-sld-preview{font-style:normal;font-weight:500}
.dsw-tld-row.is-free .dsw-tld-name,
.dsw-tld-row.is-free .dsw-tld-name strong{color:#0a7a3e}
.dsw-tld-row.is-taken .dsw-tld-name,
.dsw-tld-row.is-taken .dsw-tld-name strong{
  color:#c0392b;
  text-decoration:line-through;
  text-decoration-color:#c0392b;
  text-decoration-thickness:1px
}
.dsw-status{
  display:inline-flex;
  align-items:center;
  min-width:8.2rem;
  border-radius:999px;
  padding:.2rem .7rem;
  font-size:.82rem;
  font-weight:700;
  text-align:center;
  justify-content:center
}
.dsw-status.is-wait{background:#eef3f7;color:#5b6b7c}
.dsw-status.is-free{background:#e6f6ec;color:#0a7a3e}
.dsw-status.is-taken{background:#fdecea;color:#c0392b}
.dsw-tld-actions{display:flex;align-items:center;gap:.8rem;margin-left:auto}
.dsw-tld-row .dsw-tld-wait,
.dsw-tld-row .domain-lookup-spotlight-loader{display:none!important}
.dsw-tld-row.is-taken{opacity:1}
.dsw-tld-row.is-taken .dsw-bag,
.dsw-tld-row.is-wait .dsw-bag{display:none!important}
.dsw-tld-row .available.price{font-weight:700;color:var(--dsw-navy);display:inline!important}
.dsw-cat-hint{margin:.2rem 0 .7rem;color:#5b6b7c;font-size:.92rem}
.dsw-side-x{
  border:0;background:transparent;color:#c0392b;
  font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;padding:0
}
.dsw-side-items li{align-items:center;gap:.8rem}
.dsw-remove-domain{
  float:right;
  font-size:.85rem;
  font-weight:600;
  color:#c0392b!important;
  margin:.15rem 0 0
}
.dsw-cycle-box{background:#fff;border:1px solid var(--dsw-line);border-radius:14px;padding:1rem 1.1rem;margin:0 0 1.1rem}
.dsw-cycle-fixed{margin:.35rem 0 0;font-weight:700;color:var(--dsw-navy)}
.dsw-cycle-help{margin:.35rem 0 0;color:#5b6b7c;font-size:.92rem}
.dsw-domain-card .sub-heading{overflow:hidden}
.dsw-bag{
  width:42px;height:42px;padding:0!important;
  border-radius:50%!important;
  background:var(--dsw-navy)!important;
  border:0!important;
  color:#fff!important;
  display:inline-flex!important;
  align-items:center;justify-content:center
}
.dsw-bag.is-added{background:#0a7a3e!important}
.dsw-bag span{display:none!important}
.dsw-bag span.to-add,
.dsw-bag.is-added span.added{display:inline!important}
.dsw-tld-cats details{
  background:#fff;
  border:1px solid var(--dsw-line);
  border-radius:12px;
  margin:0 0 .5rem;
  padding:.15rem 1rem .4rem
}
.dsw-tld-cats summary{cursor:pointer;font-weight:700;color:var(--dsw-navy);padding:.7rem 0}
.dsw-cat-tld{
  border:0;background:#f3f7fb;color:var(--dsw-navy);
  border-radius:999px;padding:.25rem .7rem;margin:.15rem;font:inherit;cursor:pointer
}
.dsw-cat-tld:hover{background:#e8f6fd;color:var(--dsw-blue)}
.dsw-side-card{
  background:#fff;
  border:1px solid var(--dsw-line);
  border-radius:16px;
  padding:1.1rem 1.15rem;
  margin:0 0 1rem
}
.dsw-side-card h3{margin:0 0 .55rem;font-size:1.05rem;color:var(--dsw-navy)}
.dsw-side-card p{margin:0 0 .35rem;color:#5b6b7c}
.dsw-side-items{list-style:none;margin:0 0 .9rem;padding:0}
.dsw-side-items li{display:flex;justify-content:space-between;padding:.35rem 0;border-bottom:1px solid #eef3f7}
.dsw-ud-side #btnDomainContinue{width:100%;border-radius:999px!important;margin-top:.4rem}
.dsw-ud .header-lined{display:none}

/* Checkout und Übersicht: gleiche Ruhe */
#order-standard_cart .view-cart-items,
#order-standard_cart .view-cart-items-header{
  border-radius:16px;
  padding:.4rem .2rem
}
#order-standard_cart .view-cart-items .item{
  padding:1rem 1.1rem;
  border:0;
  border-bottom:1px solid #eef3f7
}
#checkout,
#btnCompleteOrder,
#btnCompleteProductConfig{
  border-radius:999px!important;
  min-height:52px
}
#containerNewUserSignup .form-control,
#frmCheckout .form-control,
#order-standard_cart input.form-control,
#order-standard_cart select.form-control{
  min-height:48px;
  border-radius:10px
}
