/* DATAsoft — Kundenbereich sieht aus wie datasoft-webservice.de */
:root{
  --dsw-blue:#0195eb;
  --dsw-navy:#0b1f33;
  --dsw-ink:#1a2332;
  --dsw-muted:#5b6b7c;
  --dsw-bg:#fff;
  --dsw-soft:#f3f7fb;
  --dsw-line:#d7e3ee;
}
html,body.dsw-body{
  font-family:"DM Sans",Helvetica,Arial,sans-serif!important;
  color:var(--dsw-ink);
  background:#fff;
}
body.primary-bg-color{background:#fff!important}
a{color:var(--dsw-blue)}
a:hover{color:#0b1f33}

/* Topbar wie auf der Firmenseite */
.dsw-topbar{background:#e8f6fd;color:#0b1f33;font-size:14px}
.dsw-topbar .dsw-shell{max-width:1200px;margin:0 auto;padding:.45rem 1.1rem;display:flex;gap:1.25rem;flex-wrap:wrap}
.dsw-topbar a{color:#0b1f33;text-decoration:none;font-weight:500}
.dsw-topbar a:hover{color:var(--dsw-blue)}

.dsw-shell{max-width:1200px;margin:0 auto;padding:0 1.1rem}
.dsw-masthead{background:#fff;border-bottom:1px solid var(--dsw-line)}
.dsw-masthead__row{display:flex;align-items:center;gap:1rem;min-height:84px}
.dsw-logo img{height:48px;width:auto;display:block}
.dsw-sitenav{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem .7rem;margin-left:auto}
.dsw-sitenav a{
  color:var(--dsw-navy)!important;text-decoration:none!important;
  font-weight:600;font-size:14px;padding:.35rem 0;
}
.dsw-sitenav a:hover,.dsw-sitenav a.is-current{color:var(--dsw-blue)!important}
.dsw-burger{display:none;background:none;border:0;width:42px;height:42px;margin-left:auto}
.dsw-burger span{display:block;height:2px;background:var(--dsw-navy);margin:6px 8px}

@media (min-width:1200px){
  .dsw-sitenav.collapse{display:flex!important}
}
@media (max-width:1199px){
  .dsw-burger{display:block}
  .dsw-masthead__row{flex-wrap:wrap}
  .dsw-sitenav{width:100%;flex-direction:column;align-items:flex-start;padding:0 0 1rem}
}

/* Portal-Leiste: WHMCS-Funktionen, gleiche Farben */
.dsw-portal{background:var(--dsw-navy)!important;box-shadow:none}
.dsw-portal .topbar{background:#081624!important;color:#fff}
.dsw-portal .topbar .btn,.dsw-portal .topbar .input-group-text{color:#fff;background:transparent;border-color:rgba(255,255,255,.15)}
.dsw-portal .navbar{background:var(--dsw-navy)!important;padding:.35rem 0}
.dsw-portal .navbar-nav{flex-wrap:wrap}
#header.dsw-portal li.collapsable-dropdown{display:none!important}
#header.dsw-portal #nav > li.nav-item{
  display:block!important;visibility:visible!important
}
.dsw-portal .navbar-nav .nav-link,
.dsw-portal .navbar-nav .dropdown-toggle{
  color:#fff!important;font-weight:600;font-size:13px;white-space:nowrap
}
.dsw-portal .navbar-nav .nav-link:hover{color:var(--dsw-blue)!important}
.dsw-portal-cart{color:#fff;font-weight:600;margin-right:1rem;text-decoration:none}
.dsw-portal-cart:hover{color:#7ec8ff;text-decoration:none}
.dsw-portal .badge-info{background:var(--dsw-blue)}

.master-breadcrumb{background:var(--dsw-soft)!important;border-bottom:1px solid var(--dsw-line)}
.master-breadcrumb .breadcrumb{background:transparent;margin:0}
#main-body{background:#f3f7fb;padding:2rem 0 3rem}
#main-body .primary-content,
#main-body .sidebar .card{background:#fff}

.btn-primary,.btn-info,.btn-success,
.panel-primary>.panel-heading,
#order-standard_cart .btn-success,
#order-standard_cart .btn-primary,
.domain-selection-options .btn-success{
  background-color:var(--dsw-blue)!important;
  border-color:var(--dsw-blue)!important;
  color:#fff!important
}
.btn-primary:hover,.btn-info:hover,.btn-success:hover{
  background:#0b1f33!important;border-color:#0b1f33!important;color:#fff!important
}
.btn-default,.btn-secondary{border-color:var(--dsw-line);color:var(--dsw-navy)}
.card,.panel,.sidebar .card{border-color:var(--dsw-line);border-radius:10px}
.card-accent-midnight-blue,
.card-accent-teal,
.card-accent-green,
.card-accent-sun-flower,
.card-accent-pomegranate,
.card-accent-asbestos{
  border-radius:10px!important;
  border:1px solid var(--dsw-line)!important;
  background:var(--dsw-soft)!important;
  color:var(--dsw-navy)!important
}

.logincontainer,.main-content{font-family:"DM Sans",Helvetica,Arial,sans-serif}

.dsw-footer{
  background:var(--dsw-navy)!important;
  color:rgba(255,255,255,.85);
  padding:3rem 1.25rem 5.5rem;
  margin:0
}
.dsw-footer__grid{
  max-width:1100px;margin:0 auto 2rem;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem
}
.dsw-footer__brand{color:#fff;font-weight:600;font-size:1.1rem;margin:0 0 .7rem}
.dsw-footer a{display:block;color:rgba(255,255,255,.8)!important;text-decoration:none;line-height:1.8}
.dsw-footer a:hover{color:var(--dsw-blue)!important}
.dsw-footer__copy{text-align:center;margin:0;opacity:.7;font-size:.9rem}

#dsw-cookie{position:fixed;z-index:99999;left:0;right:0;bottom:0;padding:16px 20px;
  background:#0b1f33;color:#fff;font:15px/1.45 "DM Sans",system-ui,sans-serif;
  box-shadow:0 -4px 24px rgba(0,0,0,.25);display:flex;flex-wrap:wrap;gap:12px 24px;
  align-items:center;justify-content:space-between}
#dsw-cookie[hidden]{display:none}
#dsw-cookie a{color:#7ec8ff}
.dsw-cookie__actions{display:flex;gap:8px;flex-wrap:wrap}
#dsw-cookie button{border:0;border-radius:6px;padding:10px 16px;font:inherit;font-weight:600;cursor:pointer}
#dsw-cookie-ok{background:#0195eb;color:#fff}
#dsw-cookie-notwendig{background:#fff;color:#0b1f33}

/* Login-Karte */
.login-form,.providerLinkingFeedback,
section#main-body .card{
  border-radius:10px
}
input.form-control,select.form-control,textarea.form-control{
  border-color:var(--dsw-line);border-radius:6px
}
input.form-control:focus{border-color:var(--dsw-blue);box-shadow:0 0 0 3px rgba(1,149,235,.15)}

/* Portal-Leiste: Links haben in twenty-one keine .nav-link — sonst dunkel auf Navy */
#header.dsw-portal,
#header.dsw-portal .navbar,
#header.dsw-portal .main-navbar-wrapper{
  background:#0b1f33!important;
}
#header.dsw-portal #nav > li > a,
#header.dsw-portal .navbar-nav > li > a,
#header.dsw-portal .navbar-nav .nav-link,
#header.dsw-portal .navbar-nav .dropdown-toggle,
#header.dsw-portal .dsw-portal-cart,
#header.dsw-portal .navbar .fa-bars{
  color:#fff!important;
  opacity:1!important;
}
#header.dsw-portal #nav > li > a:hover,
#header.dsw-portal .navbar-nav > li > a:hover,
#header.dsw-portal .navbar-nav .nav-link:hover,
#header.dsw-portal .navbar-nav .dropdown-toggle:hover{
  color:#7ec8ff!important;
}
#header.dsw-portal .navbar-nav i,
#header.dsw-portal .dsw-portal-cart i{
  color:#7ec8ff!important;
}
#header.dsw-portal .dropdown-menu,
#header.dsw-portal .dropdown-menu a,
#header.dsw-portal .dropdown-item,
#header.dsw-portal .dropdown-item a{
  color:#0b1f33!important;
  background:#fff;
}
#header.dsw-portal .dropdown-menu a:hover{
  background:#e8f6fd!important;
  color:#0195eb!important;
}
#header.dsw-portal .badge-info{background:#0195eb!important;color:#fff!important}

/* twenty-one setzt navbar-light: Text sonst dunkel auf Navy */
#header.dsw-portal .navbar.navbar-light,
#header.dsw-portal .navbar.navbar-dark,
#header.dsw-portal .navbar-light .navbar-nav .nav-link,
#header.dsw-portal .navbar-light .navbar-nav .nav-link:focus,
#header.dsw-portal .navbar-light .navbar-nav .nav-link:hover,
#header.dsw-portal .navbar-dark .navbar-nav .nav-link{
  color:#fff!important;
  background-color:transparent!important;
}
#header.dsw-portal .navbar-nav > li > a,
#header.dsw-portal #nav > li > a.nav-link{
  color:#fff!important;
  opacity:1!important;
}
#header.dsw-portal .navbar-toggler,
#header.dsw-portal .btn.nav-link{
  color:#fff!important;
}

/* Kundencenter-Start: gleiche Karten wie die Firmenseite */
.dsw-home-hero{
  background-color:#0b1f33;
  background-image:
    linear-gradient(135deg, rgba(11,31,51,.9), rgba(1,149,235,.55)),
    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:0;
  margin:0 0 2rem;
  padding:2.5rem 0 2.8rem;
}
.dsw-home-hero h2,.home-domain-search .dsw-home-hero h2{color:#fff;font-weight:700;font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:1rem}
.dsw-home-hero .form-control{
  min-height:56px;border:0;border-radius:10px 0 0 10px;font-size:1.05rem
}
.dsw-home-hero .btn{
  min-height:56px;border-radius:0 10px 10px 0;padding:0 1.4rem;font-weight:700
}
.dsw-home-hero .btn + .btn{border-radius:10px;margin-left:.5rem}
@media (max-width:575px){
  .dsw-home-hero .form-control{border-radius:10px}
  .dsw-home-hero .btn{border-radius:10px;width:100%;margin:.35rem 0 0}
}

.card-columns.home .card{
  border:1px solid var(--dsw-line);border-radius:14px;overflow:hidden;
  box-shadow:0 10px 24px rgba(11,31,51,.06)
}
.dsw-card-icon{
  width:56px;height:56px;margin:0 auto 1rem;border-radius:50%;
  background:#0195eb;color:#fff;display:flex;align-items:center;justify-content:center;
  font-size:1.35rem
}
.card-columns.home .card-title{color:#0b1f33;font-weight:700}
.card-columns.home .btn-outline-primary{
  border-radius:999px;font-weight:700;border-width:2px
}
.action-icon-btns a{
  border-radius:14px!important;
  border:1px solid var(--dsw-line)!important;
  background:#f3f7fb!important;
  color:#0b1f33!important;
}
.action-icon-btns .ico-container{
  background:#0195eb!important;color:#fff!important;border-radius:50%
}

.dsw-json-error{
  max-width:640px;margin:3rem auto;padding:1.5rem 1.6rem;
  background:#fff;border:1px solid var(--dsw-line);border-radius:14px
}
.dsw-json-error h1{font-size:1.4rem;margin:0 0 .6rem;color:#0b1f33}