/* Ergänzungen zu https://douh.com.de/assets/style.css */
.test-bar{background:#fff4d6;color:#7a4b00;text-align:center;font-size:.88rem;font-weight:600;padding:6px 16px}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}
.shop-nav{display:flex;gap:18px;align-items:center;font-weight:600}
.shop-nav a{text-decoration:none}
.cart-count{display:inline-block;min-width:22px;padding:1px 7px;border-radius:999px;background:var(--blue,#0f4c81);color:#fff;font-size:.8rem;text-align:center}
.shop-hero h1{margin-bottom:12px}
.search{display:flex;gap:10px;margin:24px 0 10px}
.search input{flex:1;min-width:0;font-size:1.1rem;padding:14px 16px;border:2px solid var(--line,#d5dde8);border-radius:var(--r,10px)}
.search input:focus{outline:none;border-color:var(--blue,#0f4c81)}
.dom-list{list-style:none;margin:0;padding:0;border:1px solid var(--line,#d5dde8);border-radius:var(--r,10px);overflow:hidden;background:#fff}
.dom-row{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:14px 16px;border-top:1px solid var(--line,#d5dde8)}
.dom-row:first-child{border-top:0}
.dom-name{font-weight:700;word-break:break-all}
.dom-row.taken .dom-name,.dom-row.unknown .dom-name{color:var(--muted,#5b6b7f);font-weight:500}
.dom-price{font-weight:600;white-space:nowrap}
.dom-row .btn{padding:8px 14px}
.price-tbl{width:100%;border-collapse:collapse}
.price-tbl th,.price-tbl td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line,#d5dde8);vertical-align:top}
.price-tbl tfoot td,.price-tbl tfoot th{border-bottom:0}
.price-tbl tr.warn td{background:#fff4d6}
.phone-row{display:flex;gap:8px}
.phone-row input:first-child{width:70px;flex:none}
.pay-opts{display:grid;gap:10px}
.pay-opt{border:1px solid var(--line,#d5dde8);border-radius:var(--r,10px);padding:12px 14px}
.link-btn{background:none;border:0;color:var(--blue,#0f4c81);text-decoration:underline;cursor:pointer;padding:0;font:inherit}
.err-text{color:var(--err,#b42318);font-weight:600}
.pre{white-space:pre-wrap;word-break:break-word;background:#f5f7fa;border:1px solid var(--line,#d5dde8);border-radius:8px;padding:12px;font-size:.85rem}
.admin{max-width:1200px}
.nowrap{white-space:nowrap}
.wrap-any{word-break:break-all;font-size:.82rem}
details.card{margin-bottom:10px;padding:12px 16px}
.rm-btn{background:none;border:1px solid var(--line,#d5dde8);border-radius:8px;width:34px;height:34px;cursor:pointer;color:var(--muted,#5b6b7f);font-size:1rem}
.rm-btn:hover{color:var(--err,#b42318);border-color:currentColor}
.price-tbl select{min-height:40px;padding:6px 8px;width:auto}
.price-tbl td:first-child{word-break:break-all}
.phone-row input:first-child{width:76px}
@media (max-width:560px){
  .price-tbl th,.price-tbl td{padding:8px 6px;font-size:.92rem}
  [data-cart-view] .price-tbl thead{display:none}
  .dom-row{grid-template-columns:1fr auto}
  .dom-row .btn,.dom-row>span.muted{grid-column:1/-1}
  .search{flex-direction:column}
  .shop-nav a:first-child{display:none}
}
.promo-bar{background:#111827;color:#fff;text-align:center;padding:10px 16px;font-size:.95rem}
.promo-bar strong{color:#fbbf24}
.shop-usp{display:grid;gap:16px}
@media (min-width:800px){.shop-usp{grid-template-columns:repeat(3,1fr)}}
.shop-usp .card{padding:20px}
.shop-usp h3{margin-bottom:6px;font-size:1.1rem}
.dom-price s{font-weight:400;margin-right:4px}
/* Hosting & E-Mail */
.shop-nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px}
.sp-card{position:relative;border:2px solid var(--orange,#f59e0b)}
.sp-card h2{margin:10px 0 6px}
.sp-price{font-size:1.15rem;margin-bottom:12px}
.sp-price strong{font-size:2rem;color:var(--blue,#0f4c81)}
.check-list{list-style:none;padding:0;margin:0 0 16px}
.check-list li{position:relative;padding-left:26px;margin-bottom:6px}
.check-list li::before{content:"✓";position:absolute;left:0;color:#17803d;font-weight:800}
.sp-form{display:grid;grid-template-columns:1fr auto auto;gap:10px;margin-top:8px}
.sp-form input,.sp-form select{min-height:50px}
.plan{display:flex;flex-direction:column}
.plan-price strong{font-size:2rem;color:var(--blue,#0f4c81)}
.prod-form{display:grid;gap:8px;margin-top:auto}
.prod-form label{font-weight:600;margin-bottom:-4px}
.prod-form input[type=number]{width:100%;min-height:46px;padding:10px 12px;border:1.5px solid #c6d1dd;border-radius:var(--r-s,8px);font:inherit}
.plans.p2{max-width:820px;margin:0 auto}
@media (max-width:860px){.plans.p3,.plans.p2{grid-template-columns:1fr}}
@media (max-width:560px){.sp-form{grid-template-columns:1fr 90px}.sp-form .btn{grid-column:1/-1}}