*{box-sizing:border-box}html{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f7f8f8;color:#172126}body{margin:0}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}
.site-head{background:#fff;border-bottom:1px solid #e8ebec;position:sticky;top:0;z-index:10}.head-row{height:118px;display:flex;align-items:center;justify-content:space-between}.site-logo img{display:block;height:96px;width:auto}.head-row nav{display:flex;gap:28px}.head-row nav a{font-weight:700;color:#58666c}.head-row nav a.active,.head-row nav a:hover{color:#172126}
.hero{padding:85px 0 58px;background:linear-gradient(180deg,#fff 0%,#f7f8f8 100%)}.kicker{font-size:12px;font-weight:850;letter-spacing:.19em;color:#e8653c;margin-bottom:16px}.hero h1{margin:0;font-size:clamp(44px,7vw,78px);line-height:.98;letter-spacing:-.045em;max-width:800px}.hero p{font-size:18px;line-height:1.6;color:#68767c;max-width:600px;margin:24px 0 0}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:24px 0 90px}.product-card{background:white;border:1px solid #e4e9eb;border-radius:20px;overflow:hidden;box-shadow:0 9px 32px rgba(23,33,38,.04);transition:.18s ease}.product-card:hover{transform:translateY(-3px);box-shadow:0 14px 38px rgba(23,33,38,.08)}
.product-media{height:280px;background:#eef1f2;display:flex;align-items:center;justify-content:center;color:#99a4a8;font-weight:800;font-size:22px;overflow:hidden}.product-media img{width:100%;height:100%;object-fit:contain;padding:20px}.product-body{padding:23px}.product-title-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.product-title-row h2{font-size:21px;margin:0}.product-title-row strong{white-space:nowrap}.product-body p{color:#6b787e;line-height:1.55;min-height:48px}.stock{font-size:13px;font-weight:800;margin-top:18px}.good{color:#277345}.warn{color:#9d6700}.bad{color:#a63838}.view-link{border-top:1px solid #edf0f1;margin-top:21px;padding-top:17px;font-weight:800}
.detail{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;padding:70px 0 100px}.detail-media{min-height:520px;border-radius:22px;background:#eef1f2;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#95a1a5;font-size:28px;font-weight:800}.detail-media img{width:100%;height:100%;max-height:620px;object-fit:contain;padding:28px}.detail-copy{padding-top:15px}.back{color:#69777d;font-weight:700}.detail-copy h1{font-size:52px;line-height:1.05;letter-spacing:-.035em;margin:38px 0 14px}.detail-price{font-size:28px;font-weight:850}.lead{font-size:18px;line-height:1.7;color:#5f6e74;margin-top:28px}.details{line-height:1.75;margin-top:26px;border-top:1px solid #e2e8ea;padding-top:26px}.disabled{margin-top:30px;border:0;border-radius:10px;padding:14px 18px;background:#dfe4e6;color:#8a9599;font-weight:800}
footer{background:#fff;border-top:1px solid #e6eaec}.footer-row{min-height:105px;display:flex;justify-content:space-between;align-items:center;color:#768288;font-size:13px}
@media(max-width:850px){.wrap{width:min(100% - 24px,1180px)}.site-logo img{height:72px}.head-row{height:92px}.hero{padding:56px 0 40px}.product-grid{grid-template-columns:1fr}.product-media{height:300px}.detail{grid-template-columns:1fr;gap:32px;padding:32px 0 70px}.detail-media{min-height:340px}.detail-copy h1{font-size:40px}.footer-row{flex-direction:column;align-items:flex-start;justify-content:center;gap:8px}}
/* Warenkorb & Checkout */
.cart-badge{display:inline-flex;min-width:20px;height:20px;padding:0 6px;align-items:center;justify-content:center;border-radius:999px;background:#172126;color:#fff;font-size:11px;margin-left:3px}
.notice{width:min(1180px,100%);margin:16px auto;padding:13px 15px;border-radius:10px;font-weight:700}.notice-ok{background:#e8f6ec;color:#23663a}.notice-err{background:#fdeaea;color:#8b3030}
.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;background:#172126;color:#fff;padding:13px 18px;font-weight:800;font:inherit;cursor:pointer}.button:hover{opacity:.9}.button.secondary{background:#fff;color:#172126;border:1px solid #d5dddf}.button.compact{padding:10px 13px;font-size:13px}.button.wide{display:flex;width:100%}
.card-actions{border-top:1px solid #edf0f1;margin-top:21px;padding-top:16px;display:flex;justify-content:space-between;align-items:center;gap:12px}.card-actions form{margin:0}.text-link{font-weight:800}
.buybox{display:flex;gap:12px;align-items:flex-end;margin-top:30px}.buybox label{display:block;font-size:12px;font-weight:800;margin-bottom:5px}.buybox input{width:90px;padding:12px;border:1px solid #cdd7da;border-radius:9px;font:inherit}
.page{padding:58px 0 90px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.page-head h1{font-size:46px;letter-spacing:-.035em;margin:5px 0 0}
.empty-state{background:#fff;border:1px solid #e2e7e9;border-radius:18px;padding:52px;text-align:center}.empty-state h2{margin-top:0}
.cart-layout,.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}.cart-list{background:#fff;border:1px solid #e2e7e9;border-radius:18px;padding:22px}.cart-row{display:grid;grid-template-columns:92px minmax(0,1fr) 110px 110px;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid #edf0f1}.cart-row:first-child{padding-top:0}.cart-image{width:92px;height:92px;background:#eef1f2;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#8d999e;font-size:12px}.cart-image img{width:100%;height:100%;object-fit:contain}.cart-title{font-weight:850;font-size:17px}.cart-qty label{display:block;font-size:12px;font-weight:800;margin-bottom:5px}.cart-qty input{width:82px;padding:9px;border:1px solid #cfd8db;border-radius:8px}.cart-line{text-align:right;font-weight:850}.muted{color:#718087;font-size:13px}
.summary{position:sticky;top:110px;background:#fff;border:1px solid #e2e7e9;border-radius:18px;padding:23px}.summary-label{text-transform:uppercase;letter-spacing:.08em;color:#738087;font-size:12px;font-weight:850}.summary-total{font-size:35px;font-weight:900;margin:8px 0 18px}.summary-row{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-bottom:1px solid #edf0f1}.summary-total-line{display:flex;justify-content:space-between;font-size:18px;padding:18px 0;font-weight:850}
.checkout-form{display:grid;gap:20px}.form-section{background:#fff;border:1px solid #e2e7e9;border-radius:18px;padding:24px}.form-section h2{margin:0 0 20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{margin-bottom:15px}.form-grid .field{margin:0}.field.full{grid-column:1/-1}.field label{display:block;font-size:13px;font-weight:800;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;padding:12px;border:1px solid #cbd6d9;border-radius:9px;font:inherit;background:#fff}.field textarea{min-height:100px;resize:vertical}.confirm{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5}.confirm input{margin-top:3px}
.success-box{max-width:680px;margin:40px auto;background:#fff;border:1px solid #e2e7e9;border-radius:22px;padding:50px;text-align:center}.success-icon{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e8f6ec;color:#23663a;font-size:28px;font-weight:900;margin:0 auto 22px}.success-box h1{font-size:48px;margin:5px 0 20px}.order-number{font-size:25px;font-weight:900;padding:14px;border-radius:10px;background:#f0f3f4;margin:12px 0 20px}
@media(max-width:850px){
.cart-layout,.checkout-layout{grid-template-columns:1fr}.summary{position:static}.cart-row{grid-template-columns:72px minmax(0,1fr);gap:12px}.cart-image{width:72px;height:72px}.cart-qty,.cart-line{grid-column:2}.cart-line{text-align:left}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.buybox{align-items:stretch;flex-direction:column}.buybox input{width:100%}.page-head h1{font-size:38px}.success-box{padding:32px 22px}}
/* Zahlungsart */
.payment-option{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid #cbd6d9;border-radius:12px;background:#fff;cursor:pointer}
.payment-option input{width:auto;margin-top:4px;accent-color:#172126}
.payment-option-copy{display:flex;flex-direction:column;gap:5px}
.payment-option-copy strong{font-size:16px}
.payment-option-copy small{color:#6d7a80;line-height:1.55;font-size:13px}
.payment-info-box{max-width:520px;margin:26px auto;padding:18px 20px;border:1px solid #d8e1e4;border-radius:14px;background:#f6f8f9;text-align:left}
.payment-info-box strong{display:block;margin-bottom:8px}
.payment-info-box p{margin:7px 0;line-height:1.55}
/* =========================================================
HealthEncounters Dark UI — BTCPay-inspiriert
========================================================= */
:root{
color-scheme:dark;
--np-bg:#0f1419;--np-bg-2:#11171d;--np-panel:#151b21;--np-panel-2:#1a2128;
--np-panel-3:#202830;--np-line:#2b343d;--np-line-soft:#222b33;--np-text:#f2f5f6;
--np-muted:#94a0a8;--np-muted-2:#6f7b83;--np-accent:#51b13e;--np-accent-hover:#62c34e;
--np-accent-soft:rgba(81,177,62,.13);--np-ok:#62ce82;--np-warn:#efc45b;--np-bad:#ff8589;
--np-danger:#e35d62;--np-radius:14px;--np-shadow:0 18px 42px rgba(0,0,0,.2)
}
html{background:var(--np-bg);color:var(--np-text)}
body{background:var(--np-bg);color:var(--np-text)}
a{color:inherit}::selection{background:rgba(81,177,62,.32)}
*{scrollbar-width:thin;scrollbar-color:#35414a #10161b}
.site-head{background:rgba(12,17,22,.96);border-bottom:1px solid var(--np-line-soft);backdrop-filter:blur(12px);box-shadow:none}
.head-row{height:78px}.site-logo{display:inline-flex;align-items:center;min-height:54px}
.site-logo img{height:56px;width:auto;max-width:250px;object-fit:contain}
.head-row nav{gap:8px}.head-row nav a{padding:10px 12px;border-radius:9px;color:#aab5bb;font-size:14px;font-weight:760;transition:.15s ease}
.head-row nav a:hover{color:#fff;background:#171f26}.head-row nav a.active{color:#fff;background:var(--np-accent-soft);box-shadow:inset 0 -2px 0 var(--np-accent)}
.cart-badge{background:var(--np-accent);color:#071008;font-weight:900}
.hero{position:relative;overflow:hidden;padding:78px 0 54px;background:radial-gradient(circle at 84% 8%,rgba(81,177,62,.13),transparent 30%),linear-gradient(180deg,#10161b 0%,var(--np-bg) 100%);border-bottom:1px solid var(--np-line-soft)}
.hero::after{content:"";position:absolute;width:360px;height:360px;right:-180px;bottom:-230px;border:1px solid rgba(81,177,62,.2);border-radius:50%}
.kicker{color:var(--np-accent);font-weight:900}.hero h1{color:#fff}.hero p{color:var(--np-muted)}
.product-grid{gap:20px;padding-top:30px}.product-card{background:var(--np-panel);border-color:var(--np-line);border-radius:var(--np-radius);box-shadow:var(--np-shadow)}
.product-card:hover{border-color:#3a4650;transform:translateY(-3px);box-shadow:0 20px 48px rgba(0,0,0,.27)}
.product-media{background:#10161b;color:#68757d;border-bottom:1px solid var(--np-line-soft)}
.product-body{padding:22px}.product-title-row h2{color:#fff}.product-body p{color:var(--np-muted)}
.stock.good,.good{color:var(--np-ok)}.stock.warn,.warn{color:var(--np-warn)}.stock.bad,.bad{color:var(--np-bad)}
.view-link{color:#dce3e6;border-color:var(--np-line-soft)}.view-link::after{content:" →";color:var(--np-accent)}
.detail-media{background:#10161b;border:1px solid var(--np-line);color:#66727a}.back{color:var(--np-muted)}.back:hover{color:#fff}
.detail-copy h1,.detail-price{color:#fff}.lead{color:#a7b2b8}.details{color:#cbd3d7;border-color:var(--np-line)}
.disabled{background:#232b31;color:#768189;border:1px solid #303941}
.button{background:var(--np-accent);color:#061006;border:1px solid transparent;border-radius:9px;font-weight:880;transition:.15s ease}
.button:hover{opacity:1;background:var(--np-accent-hover);transform:translateY(-1px)}
.button.secondary{background:var(--np-panel-2);color:var(--np-text);border-color:var(--np-line)}.button.secondary:hover{background:var(--np-panel-3)}
.text-link{color:#dfe6e8}.text-link:hover{color:var(--np-accent)}
.page{padding-top:42px}.page-head{padding-bottom:20px;border-bottom:1px solid var(--np-line-soft)}.page-head h1{color:#fff}
.empty-state,.cart-list,.summary,.form-section,.success-box,.payment-info-box,.pay-card,.detail-card{background:var(--np-panel)!important;border-color:var(--np-line)!important;box-shadow:var(--np-shadow);color:var(--np-text)}
.empty-state h2,.form-section h2,.pay-card h2,.detail-card h2{color:#fff}.card-actions,.cart-row,.summary-row{border-color:var(--np-line-soft)}
.cart-image{background:#0f151a;border:1px solid var(--np-line)}.cart-title{color:#fff}.cart-row{border-color:var(--np-line-soft)}.cart-line{color:#fff}
.summary-label{color:var(--np-muted)}.summary-total{color:#fff}.summary-row,.summary-total-line{border-color:var(--np-line-soft)}.muted{color:var(--np-muted)}
.buybox label,.field label,.cart-qty label{color:#cbd3d7}
.buybox input,.cart-qty input,.field input,.field textarea,.field select,input,textarea,select{color:var(--np-text);background:#0f151a;border-color:#34404a;outline:none}
.buybox input:focus,.cart-qty input:focus,.field input:focus,.field textarea:focus,.field select:focus,input:focus,textarea:focus,select:focus{border-color:var(--np-accent);box-shadow:0 0 0 3px rgba(81,177,62,.12)}
select{color-scheme:dark}.confirm{color:#b7c0c5}
.payment-option{background:#11171d;border-color:#34404a}.payment-option:hover{border-color:#46545e;background:#151c22}
.payment-option input{accent-color:var(--np-accent)}.payment-option-copy small{color:var(--np-muted)}.payment-info-box{background:#11171d!important}
.success-icon{background:var(--np-accent-soft);color:var(--np-accent);border:1px solid rgba(81,177,62,.25)}
.success-box h1{color:#fff}.order-number{color:#fff;background:#0f151a;border:1px solid var(--np-line)}
.notice{border:1px solid;background:var(--np-panel-2);color:var(--np-text)}
.notice-ok{background:rgba(85,200,120,.1)!important;border-color:rgba(85,200,120,.28)!important;color:#7ddd98!important}
.notice-err{background:rgba(227,93,98,.1)!important;border-color:rgba(227,93,98,.28)!important;color:#ff979b!important}
.notice[style*="fff8df"],p[style*="fff8df"]{background:rgba(231,180,74,.10)!important;border-color:rgba(231,180,74,.28)!important;color:#efd176!important}
p[style*="fff3cd"]{background:rgba(81,177,62,.09)!important;border-color:rgba(81,177,62,.28)!important;color:#a8de9c!important}
.pay-card{border-radius:var(--np-radius)!important}.pay-row{border-color:var(--np-line-soft)!important}
.btc-address{display:inline-block;margin-top:5px;padding:9px 10px;border-radius:8px;background:#0c1217;border:1px solid var(--np-line);color:#dce5e8}
.qr,img[alt="Bitcoin QR-Code"]{padding:9px;border-radius:12px;background:#fff;border:1px solid #d6d6d6}
footer{background:#0c1116;border-color:var(--np-line-soft)}.footer-row{color:#77838b}
hr{border:0;border-top:1px solid var(--np-line)}
code{background:#0c1217;border:1px solid var(--np-line);color:#cfe5ca;border-radius:6px;padding:.15em .4em}
@media(max-width:850px){.head-row{height:auto;min-height:72px;gap:10px;padding:8px 0}.site-logo img{height:48px}.head-row nav{gap:2px;overflow-x:auto;max-width:68vw}.head-row nav a{padding:8px 9px;font-size:13px;white-space:nowrap}.hero{padding:48px 0 36px}.page{padding-top:30px}}
/* =========================================================
HealthEncounters Hybrid UI v2 — halb dunkel / halb hell
========================================================= */
:root{
color-scheme:light;
--np-bg:#eef2f4;
--np-panel:#ffffff;
--np-dark:#111820;
--np-dark-2:#18212a;
--np-line:#d9e0e4;
--np-line-dark:#27323b;
--np-text:#172126;
--np-muted:#66747b;
--np-accent:#53b63f;
--np-accent-hover:#63c64f;
--np-shadow:0 12px 30px rgba(24,33,38,.07);
}
html{background:var(--np-bg);color:var(--np-text)}
body{background:var(--np-bg);color:var(--np-text)}
.site-head{
background:rgba(17,24,32,.97);
border-bottom:1px solid var(--np-line-dark);
box-shadow:0 4px 18px rgba(0,0,0,.08);
backdrop-filter:blur(10px);
}
.head-row{height:78px}.site-logo img{height:56px;width:auto;max-width:250px;object-fit:contain}
.head-row nav{gap:8px}.head-row nav a{color:#c5cdd2;padding:10px 12px;border-radius:9px;font-size:14px;font-weight:760}
.head-row nav a:hover{color:#fff;background:#1c2630}.head-row nav a.active{color:#fff;background:rgba(83,182,63,.15);box-shadow:inset 0 -2px 0 var(--np-accent)}
.cart-badge{background:var(--np-accent);color:#081008;font-weight:900}
.hero{
padding:76px 0 54px;
background:radial-gradient(circle at 85% 15%,rgba(83,182,63,.16),transparent 28%),linear-gradient(180deg,#151d25 0%,#111820 100%);
border-bottom:1px solid #26323c;
}
.kicker{color:var(--np-accent);font-weight:900}.hero h1{color:#fff}.hero p{color:#aeb8bd}
.product-grid{gap:22px;padding-top:30px}
.product-card{background:#fff;border-color:var(--np-line);border-radius:14px;box-shadow:var(--np-shadow)}
.product-card:hover{transform:translateY(-3px);border-color:#c8d2d7;box-shadow:0 18px 38px rgba(24,33,38,.11)}
.product-media{background:#f2f5f6;color:#87939a;border-bottom:1px solid #e3e8eb}
.product-title-row h2{color:#172126}.product-body p{color:var(--np-muted)}
.good{color:#2f7d4a}.warn{color:#9b6b09}.bad{color:#a73b3f}
.view-link{border-color:#e5eaed;color:#263238}.view-link::after{content:" →";color:var(--np-accent)}
.detail-media{background:#f2f5f6;border:1px solid var(--np-line);color:#87939a}
.back{color:#68767d}.back:hover{color:#172126}.detail-copy h1,.detail-price{color:#172126}.lead{color:#5f6e74}.details{border-color:#dbe3e6;color:#35434a}
.button{background:var(--np-dark);color:#fff;border:1px solid transparent;border-radius:9px;font-weight:850}
.button:hover{opacity:1;background:#1b2630}.button.secondary{background:#fff;color:#172126;border-color:#cfd9dd}.button.secondary:hover{background:#f3f6f7}
.button.wide{background:var(--np-accent);color:#081008}.button.wide:hover{background:var(--np-accent-hover)}
.page{padding-top:42px}.page-head{padding-bottom:20px;border-bottom:1px solid #dbe2e6}.page-head h1{color:#172126}
.empty-state,.cart-list,.summary,.form-section,.success-box,.payment-info-box,.pay-card,.detail-card{
background:#fff !important;border-color:var(--np-line) !important;box-shadow:var(--np-shadow);color:var(--np-text)
}
.cart-image{background:#f2f5f6;border:1px solid var(--np-line)}
.cart-row,.summary-row,.summary-total-line{border-color:#e5eaed}.summary-label,.muted{color:var(--np-muted)}.summary-total,.cart-title,.cart-line{color:#172126}
.buybox input,.cart-qty input,.field input,.field textarea,.field select,input,textarea,select{
color:#172126;background:#fff;border-color:#c9d4d9;outline:none
}
.buybox input:focus,.cart-qty input:focus,.field input:focus,.field textarea:focus,.field select:focus,input:focus,textarea:focus,select:focus{
border-color:var(--np-accent);box-shadow:0 0 0 3px rgba(83,182,63,.12)
}
.payment-option{background:#fff;border-color:#cfd9dd}.payment-option:hover{background:#f8fafb;border-color:#bbc7cc}.payment-option input{accent-color:var(--np-accent)}
.payment-option-copy small{color:var(--np-muted)}.payment-info-box{background:#f8fafb !important}
.success-icon{background:#eaf6e7;color:#2f7d4a;border:1px solid #cfe8c8}.success-box h1{color:#172126}
.order-number{color:#172126;background:#f2f5f6;border:1px solid var(--np-line)}
.notice{border:1px solid}.notice-ok{background:#edf8ef !important;border-color:#cce8d3 !important;color:#286d40 !important}
.notice-err{background:#fff0f0 !important;border-color:#efcccc !important;color:#96383c !important}
.notice[style*="fff8df"],p[style*="fff8df"]{background:#fff7df !important;border-color:#ead69b !important;color:#6f5913 !important}
p[style*="fff3cd"]{background:#edf8e9 !important;border-color:#cde6c7 !important;color:#3d6d33 !important}
.btc-address{display:inline-block;margin-top:5px;padding:9px 10px;border-radius:8px;background:#f4f7f8;border:1px solid var(--np-line);color:#2a373d}
.qr,img[alt="Bitcoin QR-Code"]{padding:9px;border-radius:12px;background:#fff;border:1px solid #d5dadd}
footer{background:var(--np-dark);border-color:var(--np-line-dark)}.footer-row{color:#a8b2b8}
@media(max-width:850px){
.head-row{height:auto;min-height:72px;gap:10px;padding:8px 0}.site-logo img{height:48px}
.head-row nav{gap:2px;overflow-x:auto;max-width:68vw}.head-row nav a{padding:8px 9px;font-size:13px;white-space:nowrap}
.hero{padding:48px 0 36px}.page{padding-top:30px}
}
/* HealthEncounters Logo Palette v4 */
:root{
--np-navy:#071a3a;
--np-navy-2:#0a2448;
--np-cyan:#19c7f3;
--np-cyan-2:#52d8f8;
--np-cyan-soft:rgba(25,199,243,.14);
--np-gold:#d99100;
--np-gold-2:#f1b128;
--np-gold-soft:rgba(217,145,0,.14);
--np-bg:#f2f6f9;
--np-panel:#ffffff;
--np-dark:var(--np-navy);
--np-dark-2:var(--np-navy-2);
--np-text:#10223a;
--np-muted:#657487;
--np-accent:var(--np-cyan);
--np-accent-hover:var(--np-cyan-2);
--np-line:#d7e0e8;
--np-line-dark:#173456;
}
.site-head{
background:linear-gradient(180deg,#081b3b 0%,#06172f 100%) !important;
border-bottom-color:#173456 !important;
}
.head-row nav a{color:#c5d6e6 !important}
.head-row nav a:hover{color:#fff !important;background:rgba(25,199,243,.09) !important}
.head-row nav a.active{
color:#fff !important;
background:rgba(25,199,243,.13) !important;
box-shadow:inset 0 -2px 0 var(--np-cyan) !important;
}
.cart-badge{background:var(--np-gold) !important;color:#071a3a !important;font-weight:900}
.kicker{color:var(--np-gold-2) !important;letter-spacing:.20em !important}
.hero{
background:
radial-gradient(circle at 82% 18%,rgba(25,199,243,.15),transparent 30%),
radial-gradient(circle at 92% 75%,rgba(217,145,0,.10),transparent 25%),
linear-gradient(180deg,#0a2142 0%,#071a3a 100%) !important;
border-bottom-color:#183757 !important;
}
.hero h1{color:#fff !important}
.hero p{color:#b8c8d6 !important}
body{background:#f2f6f9 !important}
.product-card,
.empty-state,
.cart-list,
.summary,
.form-section,
.success-box,
.payment-info-box,
.pay-card,
.detail-card{
border-color:#d5e0e8 !important;
}
.view-link::after{color:var(--np-cyan) !important}
.button.wide{background:var(--np-cyan) !important;color:#06172f !important}
.button.wide:hover{background:var(--np-cyan-2) !important}
.payment-option input{accent-color:var(--np-cyan) !important}
.buybox input:focus,
.cart-qty input:focus,
.field input:focus,
.field textarea:focus,
.field select:focus,
input:focus,
textarea:focus,
select:focus{
border-color:var(--np-cyan) !important;
box-shadow:0 0 0 3px rgba(25,199,243,.13) !important;
}
.success-icon{
background:rgba(25,199,243,.11) !important;
border-color:rgba(25,199,243,.25) !important;
color:#087da0 !important;
}
.btc-address{border-color:#cbdbe6 !important;background:#f6f9fb !important}
.notice[style*="fff8df"],
p[style*="fff8df"]{
background:#fff7e6 !important;
border-color:#ebcf8a !important;
color:#75510a !important;
}
footer{background:#06172f !important;border-color:#173456 !important}
.footer-row{color:#a8bed0 !important}
/* /HealthEncounters Logo Palette v4 */
/* HealthEncounters Logo Large v5 */
/*
Dieser Block steht absichtlich GANZ AM ENDE der CSS-Datei.
Damit überschreibt er die älteren Theme-Regeln zuverlässig.
*/
.site-head .head-row{
height:136px !important;
min-height:136px !important;
}
.site-head .site-logo{
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
height:136px !important;
width:150px !important;
overflow:visible !important;
flex:0 0 150px !important;
}
.site-head .site-logo img{
display:block !important;
width:auto !important;
height:128px !important;
min-height:128px !important;
max-height:none !important;
max-width:none !important;
object-fit:contain !important;
transform:none !important;
}
/* Navigation bleibt sauber mittig im höheren Header */
.site-head .head-row nav{
align-items:center !important;
}
@media(max-width:850px){
.site-head .head-row{
height:96px !important;
min-height:96px !important;
}
.site-head .site-logo{
height:96px !important;
width:96px !important;
flex-basis:96px !important;
}
.site-head .site-logo img{
height:88px !important;
min-height:88px !important;
}
}
/* /HealthEncounters Logo Large v5 */
/* =========================================================
HealthEncounters Header v7 — Menü links, Logo mittig, Quicklinks rechts
========================================================= */
.np-header-v7-ready .site-head .np-original-nav{display:none !important}
.np-header-v7-ready .site-head .head-row{
position:relative !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
}
.np-header-v7-ready .site-head .site-logo{
position:absolute !important;
left:50% !important;
top:50% !important;
transform:translate(-50%,-50%) !important;
z-index:2 !important;
width:auto !important;
flex:none !important;
overflow:visible !important;
}
.np-header-v7-ready .site-head .site-logo img{
display:block !important;
height:128px !important;
width:auto !important;
max-width:none !important;
max-height:none !important;
}
.np-header-quick{
display:flex;
align-items:center;
gap:8px;
margin-left:auto;
z-index:4;
}
.np-quick-link{
position:relative;
display:inline-flex;
align-items:center;
gap:8px;
min-height:42px;
padding:9px 11px;
border:1px solid rgba(82,216,248,.14);
border-radius:10px;
color:#c8d9e8;
background:rgba(255,255,255,.025);
font-size:13px;
font-weight:800;
transition:.16s ease;
}
.np-quick-link:hover{
color:#fff;
background:rgba(25,199,243,.10);
border-color:rgba(25,199,243,.32);
}
.np-quick-link svg{
width:19px;
height:19px;
fill:none;
stroke:currentColor;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round;
}
.np-menu-wrap{
position:relative;
margin-right:auto;
z-index:20;
}
.np-menu-button{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
min-height:44px;
padding:10px 15px;
border:1px solid rgba(25,199,243,.25);
border-radius:10px;
background:rgba(25,199,243,.10);
color:#fff;
cursor:pointer;
font:inherit;
font-weight:850;
}
.np-menu-button:hover,
.np-menu-wrap.open .np-menu-button{
background:rgba(25,199,243,.17);
border-color:rgba(25,199,243,.45);
}
.np-chevron{
width:17px;
height:17px;
fill:none;
stroke:#52d8f8;
stroke-width:2;
stroke-linecap:round;
stroke-linejoin:round;
transition:transform .16s ease;
}
.np-menu-wrap.open .np-chevron{transform:rotate(180deg)}
.np-dropdown{
position:absolute;
top:calc(100% + 10px);
left:0;
width:220px;
padding:7px;
border:1px solid #234363;
border-radius:12px;
background:#081b3b;
box-shadow:0 18px 45px rgba(0,0,0,.30);
opacity:0;
visibility:hidden;
transform:translateY(-6px);
transition:.16s ease;
}
.np-menu-wrap.open .np-dropdown{
opacity:1;
visibility:visible;
transform:translateY(0);
}
.np-dropdown a{
display:flex;
align-items:center;
min-height:42px;
padding:10px 12px;
border-radius:8px;
color:#c3d4e2;
font-size:14px;
font-weight:760;
}
.np-dropdown a:hover{
color:#fff;
background:rgba(25,199,243,.10);
}
.np-dropdown a.active{
color:#fff;
background:rgba(25,199,243,.14);
box-shadow:inset 3px 0 0 #19c7f3;
}
.np-dropdown a.active::after{
content:"";
width:7px;
height:7px;
margin-left:auto;
border-radius:50%;
background:#d99100;
}
/* Zahlungsinfo */
.payment-explain{
padding:56px 0 90px;
}
.payment-explain-head{
max-width:780px;
margin-bottom:28px;
}
.payment-explain-head .kicker{
margin-bottom:12px;
}
.payment-explain-head h1{
margin:0;
font-size:clamp(38px,5vw,58px);
line-height:1.03;
letter-spacing:-.04em;
}
.payment-explain-head p{
max-width:690px;
margin:18px 0 0;
color:#66747b;
font-size:17px;
line-height:1.65;
}
.payment-method-card,
.payment-flow-card{
background:#fff;
border:1px solid #d5e0e8;
border-radius:16px;
box-shadow:0 12px 30px rgba(24,33,38,.07);
}
.payment-method-card{
display:grid;
grid-template-columns:72px minmax(0,1fr);
gap:20px;
align-items:start;
padding:25px;
margin-bottom:22px;
}
.payment-btc-icon{
display:grid;
place-items:center;
width:72px;
height:72px;
border-radius:16px;
background:#071a3a;
color:#f1b128;
font-size:36px;
font-weight:900;
}
.payment-method-card h2{
margin:1px 0 7px;
font-size:24px;
}
.payment-method-card p{
margin:0;
color:#66747b;
line-height:1.65;
}
.payment-tags{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:15px;
}
.payment-tag{
display:inline-flex;
align-items:center;
min-height:29px;
padding:5px 9px;
border-radius:999px;
background:#eef7fb;
border:1px solid #d0e7f0;
color:#245d75;
font-size:12px;
font-weight:800;
}
.payment-flow-card{
padding:28px;
}
.payment-flow-card h2{
margin:0 0 22px;
font-size:25px;
}
.payment-steps{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
counter-reset:npstep;
}
.payment-step{
position:relative;
min-height:142px;
padding:19px 18px 18px 64px;
border:1px solid #e0e7eb;
border-radius:12px;
background:#f8fafb;
counter-increment:npstep;
}
.payment-step::before{
content:counter(npstep);
position:absolute;
left:18px;
top:18px;
display:grid;
place-items:center;
width:30px;
height:30px;
border-radius:50%;
background:#19c7f3;
color:#06172f;
font-weight:900;
}
.payment-step h3{
margin:0 0 7px;
font-size:16px;
}
.payment-step p{
margin:0;
color:#66747b;
line-height:1.55;
font-size:14px;
}
.payment-note{
margin-top:22px;
padding:17px 18px;
border:1px solid #ebcf8a;
border-radius:11px;
background:#fff8e8;
color:#70520e;
line-height:1.55;
}
.payment-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:22px;
}
@media(max-width:1050px){
.np-quick-label{display:none}
.np-quick-link{width:42px;padding:9px;justify-content:center}
.np-header-v7-ready .site-head .site-logo img{height:116px !important}
}
@media(max-width:650px){
.np-header-v7-ready .site-head .head-row{
height:92px !important;
min-height:92px !important;
}
.np-header-v7-ready .site-head .site-logo img{
height:80px !important;
}
.np-header-quick{gap:5px}
.np-quick-link{
width:38px;
min-height:38px;
padding:8px;
border-radius:9px;
}
.np-quick-link .cart-badge{
position:absolute;
right:-4px;
top:-4px;
min-width:17px;
height:17px;
padding:0 4px;
font-size:9px;
}
.np-menu-button{
width:42px;
min-height:40px;
padding:8px;
}
.np-menu-label{
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap;
border:0;
}
.np-menu-button::before{
content:"☰";
font-size:20px;
line-height:1;
}
.np-chevron{display:none}
.np-dropdown{
position:fixed;
top:84px;
left:12px;
right:12px;
width:auto;
}
.np-dropdown a{
min-height:48px;
font-size:15px;
}
.payment-explain{padding:34px 0 65px}
.payment-method-card{grid-template-columns:1fr}
.payment-btc-icon{width:58px;height:58px;font-size:30px}
.payment-flow-card{padding:20px}
.payment-steps{grid-template-columns:1fr}
.payment-step{min-height:auto}
}
@media(max-width:390px){
.np-header-v7-ready .site-head .site-logo img{height:70px !important}
.np-quick-link{width:35px;min-height:35px}
.np-menu-button{width:38px;min-height:38px}
}
/* /HealthEncounters Header v7 */
/* HealthEncounters Hero Text v8 */
.hero h1{
font-size:clamp(38px,4.8vw,62px) !important;
line-height:1.02 !important;
max-width:760px !important;
letter-spacing:-.04em !important;
}
@media(max-width:850px){
.hero h1{
font-size:clamp(34px,9vw,48px) !important;
max-width:100% !important;
}
}
/* /HealthEncounters Hero Text v8 */
/* HealthEncounters Language + EU v9 */
.np-lang-switch{
display:inline-flex;
align-items:center;
padding:3px;
border:1px solid rgba(82,216,248,.18);
border-radius:9px;
background:rgba(255,255,255,.025);
}
.np-lang-switch button{
min-width:34px;
height:32px;
padding:0 7px;
border:0;
border-radius:6px;
background:transparent;
color:#91a9bb;
cursor:pointer;
font:inherit;
font-size:11px;
font-weight:900;
letter-spacing:.05em;
}
.np-lang-switch button:hover{
color:#fff;
background:rgba(25,199,243,.08);
}
.np-lang-switch button.active{
color:#06172f;
background:#19c7f3;
}
.eu-only-note{
padding:10px 12px;
border:1px solid #d8e5ec;
border-radius:9px;
background:#f6fafc;
color:#526675 !important;
}
.field select#country{
min-height:46px;
cursor:pointer;
}
@media(max-width:650px){
.np-header-quick{
gap:4px !important;
}
.np-lang-switch{
padding:2px;
}
.np-lang-switch button{
min-width:29px;
height:30px;
padding:0 5px;
font-size:10px;
}
}
/* /HealthEncounters Language + EU v9 */
/* HealthEncounters Product Gallery v12b */
.detail-gallery{
min-width:0;
}
.detail-gallery .detail-media{
width:100%;
}
.detail-gallery .detail-media img{
transition:opacity .14s ease;
}
.detail-thumbs{
display:flex;
gap:10px;
margin-top:12px;
padding:2px 1px 5px;
overflow-x:auto;
overscroll-behavior-inline:contain;
scroll-snap-type:x proximity;
scrollbar-width:thin;
}
.detail-thumb{
flex:0 0 78px;
width:78px;
height:78px;
padding:5px;
border:1px solid #d5e0e8;
border-radius:10px;
background:#fff;
cursor:pointer;
scroll-snap-align:start;
transition:.14s ease;
}
.detail-thumb:hover{
border-color:#8ccfe3;
}
.detail-thumb.active{
border-color:#19c7f3;
box-shadow:0 0 0 2px rgba(25,199,243,.14);
}
.detail-thumb img{
width:100%;
height:100%;
object-fit:contain;
display:block;
}
@media(max-width:850px){
.detail-gallery{
width:100%;
min-width:0;
}
.detail-thumbs{
margin-left:-2px;
margin-right:-2px;
padding-bottom:7px;
}
.detail-thumb{
flex-basis:70px;
width:70px;
height:70px;
}
}
/* /HealthEncounters Product Gallery v12b */
/* HealthEncounters Mobile Header v12g */
/* Eigener Sprach-Dropdown statt Browser-Select */
.np-lang-wrap{
position:relative !important;
display:inline-flex !important;
align-items:center !important;
z-index:30 !important;
}
.np-lang-button{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:5px !important;
height:42px !important;
min-width:62px !important;
padding:0 10px !important;
border:1px solid rgba(82,216,248,.20) !important;
border-radius:10px !important;
background:rgba(255,255,255,.025) !important;
color:#d9e7f2 !important;
font:inherit !important;
font-size:11px !important;
font-weight:900 !important;
letter-spacing:.05em !important;
cursor:pointer !important;
transition:.16s ease !important;
}
.np-lang-button:hover,
.np-lang-wrap.open .np-lang-button{
color:#fff !important;
background:rgba(25,199,243,.11) !important;
border-color:rgba(25,199,243,.42) !important;
}
.np-lang-chevron{
width:14px !important;
height:14px !important;
fill:none !important;
stroke:#52d8f8 !important;
stroke-width:2 !important;
stroke-linecap:round !important;
stroke-linejoin:round !important;
transition:transform .16s ease !important;
}
.np-lang-wrap.open .np-lang-chevron{
transform:rotate(180deg) !important;
}
.np-lang-menu{
position:absolute !important;
top:calc(100% + 9px) !important;
right:0 !important;
width:156px !important;
padding:6px !important;
border:1px solid #234363 !important;
border-radius:11px !important;
background:#081b3b !important;
box-shadow:0 16px 38px rgba(0,0,0,.28) !important;
opacity:0 !important;
visibility:hidden !important;
transform:translateY(-5px) !important;
transition:.15s ease !important;
overflow:hidden !important;
}
.np-lang-wrap.open .np-lang-menu{
opacity:1 !important;
visibility:visible !important;
transform:translateY(0) !important;
}
.np-lang-option{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
width:100% !important;
min-height:40px !important;
padding:9px 10px !important;
border:0 !important;
border-radius:7px !important;
background:transparent !important;
color:#c7d8e5 !important;
font:inherit !important;
font-size:13px !important;
font-weight:760 !important;
cursor:pointer !important;
}
.np-lang-option:hover{
color:#fff !important;
background:rgba(25,199,243,.09) !important;
}
.np-lang-option.active{
color:#fff !important;
background:rgba(25,199,243,.14) !important;
box-shadow:inset 3px 0 0 #19c7f3 !important;
}
.np-lang-code{
color:#d99100 !important;
font-size:10px !important;
font-weight:900 !important;
letter-spacing:.08em !important;
}
/* Mobil: alles in einer Zeile, Logo etwas größer */
@media(max-width:650px){
.np-header-v7-ready .site-head .head-row{
position:relative !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
height:78px !important;
min-height:78px !important;
padding:8px 0 !important;
gap:5px !important;
}
.np-header-v7-ready .np-menu-wrap{
position:relative !important;
margin:0 !important;
flex:0 0 40px !important;
z-index:20 !important;
}
.np-header-v7-ready .np-menu-button{
width:40px !important;
min-width:40px !important;
height:40px !important;
min-height:40px !important;
padding:7px !important;
}
.np-header-v7-ready .site-head .site-logo{
position:absolute !important;
left:50% !important;
top:50% !important;
transform:translate(-50%,-50%) !important;
width:58px !important;
height:58px !important;
min-width:58px !important;
flex:none !important;
margin:0 !important;
overflow:visible !important;
z-index:3 !important;
}
.np-header-v7-ready .site-head .site-logo img{
display:block !important;
width:58px !important;
height:58px !important;
min-height:0 !important;
max-width:58px !important;
max-height:58px !important;
object-fit:contain !important;
}
.np-header-v7-ready .np-header-quick{
display:flex !important;
align-items:center !important;
justify-content:flex-end !important;
gap:3px !important;
margin:0 0 0 auto !important;
flex:0 0 auto !important;
z-index:20 !important;
}
.np-header-v7-ready .np-quick-link{
width:38px !important;
min-width:38px !important;
height:38px !important;
min-height:38px !important;
padding:8px !important;
justify-content:center !important;
}
.np-header-v7-ready .np-quick-label{
display:none !important;
}
.np-header-v7-ready .np-lang-button{
width:48px !important;
min-width:48px !important;
height:38px !important;
padding:0 7px !important;
border-radius:9px !important;
gap:3px !important;
font-size:10px !important;
}
.np-header-v7-ready .np-lang-chevron{
width:12px !important;
height:12px !important;
}
.np-header-v7-ready .np-lang-menu{
width:142px !important;
top:calc(100% + 7px) !important;
right:0 !important;
}
.np-header-v7-ready .np-dropdown{
position:fixed !important;
top:72px !important;
left:12px !important;
right:12px !important;
width:auto !important;
}
}
/* Sehr schmale Geräte */
@media(max-width:390px){
.np-header-v7-ready .site-head .head-row{
height:72px !important;
min-height:72px !important;
gap:2px !important;
}
.np-header-v7-ready .np-menu-wrap{
flex-basis:36px !important;
}
.np-header-v7-ready .np-menu-button{
width:36px !important;
min-width:36px !important;
height:36px !important;
min-height:36px !important;
}
.np-header-v7-ready .site-head .site-logo{
width:52px !important;
height:52px !important;
min-width:52px !important;
}
.np-header-v7-ready .site-head .site-logo img{
width:52px !important;
height:52px !important;
max-width:52px !important;
max-height:52px !important;
}
.np-header-v7-ready .np-header-quick{
gap:2px !important;
}
.np-header-v7-ready .np-quick-link{
width:34px !important;
min-width:34px !important;
height:34px !important;
min-height:34px !important;
padding:7px !important;
}
.np-header-v7-ready .np-lang-button{
width:44px !important;
min-width:44px !important;
height:34px !important;
padding:0 5px !important;
font-size:9px !important;
}
.np-header-v7-ready .np-dropdown{
top:67px !important;
}
}
/* /HealthEncounters Mobile Header v12g */
/* HealthEncounters Legal Pages v12i */
.legal-page{
max-width:980px;
}
.legal-card{
background:#fff;
border:1px solid #d5e0e8;
border-radius:15px;
padding:25px 28px;
margin:0 0 18px;
box-shadow:0 12px 30px rgba(24,33,38,.055);
}
.legal-card h2{
margin:4px 0 10px;
font-size:20px;
color:#10223a;
}
.legal-card h2:not(:first-child){
margin-top:27px;
}
.legal-card p{
margin:0 0 13px;
color:#526675;
line-height:1.7;
}
.legal-card p:last-child{
margin-bottom:0;
}
@media(max-width:650px){
.legal-card{
padding:20px 18px;
border-radius:12px;
}
}
/* /HealthEncounters Legal Pages v12i */
/* HealthEncounters Contact v12n */
.np-contact-page{
max-width:900px;
padding-top:42px;
padding-bottom:68px;
}
.np-contact-head{
max-width:720px;
margin-bottom:24px;
}
.np-contact-head h1{
margin:8px 0 12px;
color:#10223a;
font-size:clamp(34px,5vw,54px);
line-height:1.04;
letter-spacing:-.045em;
}
.np-contact-head p{
margin:0;
color:#657487;
font-size:16px;
line-height:1.7;
}
.np-contact-card{
position:relative;
background:#fff;
border:1px solid #d5e0e8;
border-radius:16px;
padding:26px;
box-shadow:0 14px 36px rgba(24,33,38,.07);
}
.np-contact-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px;
}
.np-contact-full{
grid-column:1/-1;
}
.np-contact-field label{
display:block;
margin:0 0 7px;
color:#33485a;
font-size:13px;
font-weight:800;
}
.np-contact-field input,
.np-contact-field textarea{
width:100%;
border:1px solid #cad7e0;
border-radius:10px;
background:#fff;
color:#10223a;
font:inherit;
outline:none;
}
.np-contact-field input{
min-height:46px;
padding:11px 13px;
}
.np-contact-field textarea{
min-height:190px;
padding:13px;
resize:vertical;
}
.np-contact-field input:focus,
.np-contact-field textarea:focus{
border-color:#19c7f3;
box-shadow:0 0 0 3px rgba(25,199,243,.13);
}
.np-contact-help{
margin-top:6px;
color:#7c8997;
font-size:12px;
}
.np-contact-actions{
display:flex;
justify-content:flex-end;
margin-top:20px;
}
.np-contact-notice{
margin-bottom:18px;
}
.np-contact-hp{
position:absolute !important;
left:-10000px !important;
width:1px !important;
height:1px !important;
overflow:hidden !important;
}
@media(max-width:650px){
.np-contact-page{
padding-top:28px;
padding-bottom:48px;
}
.np-contact-card{
padding:20px 17px;
border-radius:13px;
}
.np-contact-grid{
grid-template-columns:1fr;
gap:15px;
}
.np-contact-full{
grid-column:auto;
}
.np-contact-actions{
justify-content:stretch;
}
.np-contact-actions .button{
width:100%;
}
}
/* /HealthEncounters Contact v12n */
/* HealthEncounters Reviews v14a */
.np-rating-preview,
.np-detail-rating{
display:flex;
align-items:center;
gap:9px;
flex-wrap:wrap;
color:#697988;
font-size:13px;
}
.np-rating-preview{margin:2px 0 10px}
.np-detail-rating{margin:6px 0 14px;text-decoration:none}
.np-stars-meter{
--rating:0;
position:relative;
display:inline-block;
line-height:1;
font-size:17px;
letter-spacing:1px;
white-space:nowrap;
}
.np-stars-base{color:#d8e0e5}
.np-stars-fill{
position:absolute;
inset:0 auto 0 0;
width:calc((var(--rating) / 5) * 100%);
overflow:hidden;
color:#d99100;
white-space:nowrap;
}
.np-no-reviews{color:#7b8995}
.np-reviews-section{
padding-top:28px;
padding-bottom:64px;
}
.np-reviews-head{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:22px;
margin-bottom:20px;
padding-top:28px;
border-top:1px solid #dce4e9;
}
.np-reviews-head h2{
margin:6px 0 0;
color:#10223a;
font-size:clamp(27px,4vw,38px);
letter-spacing:-.035em;
}
.np-review-summary{
display:flex;
align-items:center;
gap:13px;
}
.np-review-big{
color:#10223a;
font-size:38px;
line-height:1;
font-weight:900;
}
.np-stars-large{font-size:21px}
.np-review-count{margin-top:4px;color:#73818d;font-size:12px}
.np-review-layout{
display:grid;
grid-template-columns:minmax(0,1.45fr) minmax(300px,.7fr);
gap:22px;
align-items:start;
}
.np-review-list{display:grid;gap:13px}
.np-review-card,
.np-review-form-card,
.np-review-empty{
background:#fff;
border:1px solid #d7e0e8;
border-radius:14px;
padding:20px;
box-shadow:0 10px 28px rgba(24,33,38,.055);
}
.np-review-card-head{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:16px;
}
.np-review-card-head time{
color:#87939c;
font-size:12px;
white-space:nowrap;
}
.np-review-stars{
margin-top:5px;
color:#d99100;
font-size:18px;
letter-spacing:1px;
}
.np-review-comment{
margin-top:15px;
color:#33485a;
line-height:1.7;
}
.np-review-edited{
margin-top:10px;
color:#8b979f;
font-size:11px;
}
.np-review-form-card{
position:sticky;
top:18px;
}
.np-review-form-card h3{
margin:0 0 14px;
color:#10223a;
font-size:20px;
}
.np-review-field{margin-bottom:16px}
.np-review-field label{
display:block;
margin-bottom:7px;
color:#33485a;
font-size:13px;
font-weight:800;
}
.np-review-field select,
.np-review-field textarea{
width:100%;
border:1px solid #cad7e0;
border-radius:10px;
background:#fff;
color:#10223a;
font:inherit;
outline:none;
}
.np-review-field select{min-height:46px;padding:10px 12px}
.np-review-field textarea{min-height:170px;padding:12px;resize:vertical}
.np-review-field select:focus,
.np-review-field textarea:focus{
border-color:#19c7f3;
box-shadow:0 0 0 3px rgba(25,199,243,.13);
}
.np-review-help{
margin-top:6px;
color:#87939c;
font-size:11px;
line-height:1.45;
}
@media(max-width:850px){
.np-review-layout{grid-template-columns:1fr}
.np-review-form-card{position:static}
}
@media(max-width:600px){
.np-reviews-head{align-items:flex-start;flex-direction:column}
.np-review-card-head{flex-direction:column;gap:8px}
}
/* /HealthEncounters Reviews v14a */
/* HealthEncounters Reviews v14b Fix */
.np-review-form-card{
display:block !important;
background:#ffffff !important;
border:1px solid #d7e0e8 !important;
border-radius:16px !important;
padding:22px !important;
box-shadow:0 12px 30px rgba(24,33,38,.07) !important;
}
.np-review-form-card form{
display:block !important;
width:100% !important;
}
.np-review-field{
display:block !important;
width:100% !important;
margin-bottom:18px !important;
}
.np-review-field > label{
display:block !important;
margin:0 0 8px !important;
color:#33485a !important;
font-size:13px !important;
font-weight:800 !important;
}
.np-review-field textarea{
display:block !important;
width:100% !important;
min-height:180px !important;
padding:13px 14px !important;
border:1px solid #cad7e0 !important;
border-radius:11px !important;
background:#fff !important;
color:#10223a !important;
font:inherit !important;
line-height:1.55 !important;
resize:vertical !important;
outline:none !important;
}
.np-review-field textarea:focus{
border-color:#19c7f3 !important;
box-shadow:0 0 0 3px rgba(25,199,243,.13) !important;
}
.np-star-picker{
display:flex !important;
flex-wrap:wrap !important;
gap:7px !important;
width:100% !important;
}
.np-star-option{
display:inline-flex !important;
margin:0 !important;
cursor:pointer !important;
}
.np-star-option input{
position:absolute !important;
opacity:0 !important;
pointer-events:none !important;
width:1px !important;
height:1px !important;
}
.np-star-option span{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-height:42px !important;
min-width:53px !important;
padding:8px 11px !important;
border:1px solid #cad7e0 !important;
border-radius:10px !important;
background:#fff !important;
color:#8b98a2 !important;
font-size:15px !important;
line-height:1 !important;
letter-spacing:.5px !important;
transition:border-color .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease !important;
}
.np-star-option:hover span{
border-color:#e0aa36 !important;
background:#fffaf0 !important;
color:#d99100 !important;
}
.np-star-option input:focus-visible + span{
outline:2px solid #19c7f3 !important;
outline-offset:2px !important;
}
.np-star-option input:checked + span{
border-color:#d99100 !important;
background:#fff8e8 !important;
color:#c88000 !important;
box-shadow:0 0 0 2px rgba(217,145,0,.12) !important;
font-weight:850 !important;
}
.np-review-form-card .button{
min-height:44px !important;
border-radius:10px !important;
padding:10px 18px !important;
}
@media(max-width:560px){
.np-star-picker{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
.np-star-option,
.np-star-option span{
width:100% !important;
}
}
/* /HealthEncounters Reviews v14b Fix */
/* HealthEncounters Review Admin Reply v14c */
.np-shop-review-reply{
margin-top:16px;
padding:15px 16px;
border-left:3px solid #19c7f3;
border-radius:0 10px 10px 0;
background:#f3f9fc;
}
.np-shop-review-reply-title{
margin-bottom:7px;
color:#0a4260;
font-size:13px;
font-weight:900;
}
.np-shop-review-reply-text{
color:#33485a;
line-height:1.65;
}
.np-shop-review-reply-date{
margin-top:8px;
color:#87939c;
font-size:11px;
}
/* /HealthEncounters Review Admin Reply v14c */
/* HealthEncounters Review Thread v14e */
.np-shop-review-replies{
display:grid;
gap:10px;
margin-top:16px;
}
.np-shop-review-reply{
margin-top:0 !important;
padding:15px 16px;
border-left:3px solid #19c7f3;
border-radius:0 10px 10px 0;
background:#f3f9fc;
}
.np-shop-review-reply-title{
margin-bottom:7px;
color:#0a4260;
font-size:13px;
font-weight:900;
}
.np-shop-review-reply-text{
color:#33485a;
line-height:1.65;
}
.np-shop-review-reply-date{
margin-top:8px;
color:#87939c;
font-size:11px;
}
/* /HealthEncounters Review Thread v14e */
/* HealthEncounters payment center v16h */
.np-payment-center-v16h{
text-align:center;
}
.np-payment-center-v16h .btc-address{
display:inline-block;
max-width:100%;
overflow-wrap:anywhere;
word-break:break-all;
}
.np-payment-center-v16h .qr{
margin-left:auto;
margin-right:auto;
}
.np-payment-expiry-v16h{
display:block;
width:fit-content;
max-width:720px;
margin:14px auto 0;
padding:12px 16px;
border:1px solid #e5c86b;
border-radius:9px;
background:#fff3cd;
color:#5e4a0a;
font-size:.95rem;
line-height:1.45;
font-weight:600;
text-align:center;
}
.np-payment-expiry-v16h strong{
font-weight:800;
}
/* /HealthEncounters payment center v16h */
/* HealthEncounters Product Layout v16zn */
.np-product-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding-top:24px;padding-bottom:4px;color:#718493;font-size:12px}
.np-product-breadcrumb a:hover{color:#087da0}.np-product-breadcrumb strong{color:#33485a;font-weight:800}
.np-product-layout{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);gap:58px;align-items:start;padding-top:28px;padding-bottom:54px}
.np-product-gallery-panel,.np-product-buy-panel{min-width:0}
.np-product-gallery-panel .detail-media{min-height:570px;border:1px solid #d5e0e8;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(24,33,38,.06)}
.np-product-gallery-panel .detail-media img{max-height:650px;padding:28px}
.np-product-buy-panel{padding:10px 0 0}
.np-product-kicker{margin-bottom:12px;color:#718493;font-size:11px;font-weight:900;letter-spacing:.15em}
.np-product-buy-panel h1{margin:0 0 14px;color:#0a2142;font-size:clamp(34px,4.5vw,54px);line-height:1.02;letter-spacing:-.04em}
.np-product-short{max-width:620px;margin:0 0 22px;color:#607485;font-size:16px;line-height:1.65}
.np-product-buy-panel .detail-price{margin:0 0 17px;color:#0a2142;font-size:30px;font-weight:900}
/* NP_PRODUCT_RESEARCH_NOTICE_V18L */
.np-product-research-notice{display:block;margin:4px 0 18px;color:#8f1d2c!important;font-size:18px;line-height:1.42;font-weight:900!important;text-transform:uppercase;letter-spacing:.015em}
.np-product-research-notice span{display:block;color:#8f1d2c!important;font-weight:900!important}
.np-product-buy-panel .np-detail-rating{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 20px;color:#5e7180;font-size:13px}
.np-product-stock{display:flex;align-items:center;flex-wrap:wrap;gap:7px;width:max-content;max-width:100%;margin:20px 0 0;padding:7px 10px;border-radius:8px;background:#f7fafb;border:1px solid #dce6eb}
.np-stock-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.np-restock-text{font-weight:700}
.np-product-buybox{margin-top:28px}.np-qty-block label{display:block;margin-bottom:8px;color:#526878;font-size:12px;font-weight:900}
.np-qty-control{display:grid;grid-template-columns:42px 58px 42px;width:max-content;overflow:hidden;border:1px solid #ccd9e0;border-radius:10px;background:#fff}
.np-qty-control input{width:58px!important;min-width:0;padding:10px 4px!important;border:0!important;border-left:1px solid #e0e7eb!important;border-right:1px solid #e0e7eb!important;border-radius:0!important;text-align:center;box-shadow:none!important;-moz-appearance:textfield}
.np-qty-control input::-webkit-outer-spin-button,.np-qty-control input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}
.np-qty-btn{border:0;background:#f7fafb;color:#0a2142;font-size:22px;cursor:pointer}.np-qty-btn:hover{background:#edf5f8}
.np-add-cart{min-height:52px;margin-top:18px;background:#19c7f3!important;color:#06172f!important;border-radius:10px!important;font-size:15px;font-weight:900!important}.np-add-cart:hover{background:#52d8f8!important}
.np-product-unavailable{width:100%;min-height:52px}
.np-product-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:17px;padding-top:16px;border-top:1px solid #e0e7eb}
.np-product-benefits span{color:#627787;font-size:11px;font-weight:800}
.np-section-heading{margin-bottom:18px}.np-section-heading .kicker{margin-bottom:8px;color:#087da0}.np-section-heading h2{margin:0;color:#0a2142;font-size:30px;letter-spacing:-.025em}
.np-section-heading-row{display:flex;align-items:end;justify-content:space-between;gap:20px}.np-related-all{color:#087da0;font-size:13px;font-weight:850}
.np-product-description-section{padding-top:12px;padding-bottom:58px}.np-product-description-card{padding:26px 28px;border:1px solid #d5e0e8;border-radius:15px;background:#fff;box-shadow:0 8px 26px rgba(24,33,38,.045)}
.np-product-description-card .lead{margin:0;color:#536b7b;font-size:16px;line-height:1.7}.np-product-description-card .details{margin-top:22px;padding-top:22px;color:#354d5d;border-color:#e1e8ec}
.np-related-section{padding-top:12px;padding-bottom:72px}.np-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.np-related-card{min-width:0;overflow:hidden;border:1px solid #d5e0e8;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(24,33,38,.05);transition:.17s ease}
.np-related-card:hover{transform:translateY(-2px);box-shadow:0 13px 32px rgba(24,33,38,.09)}
.np-related-media{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;overflow:hidden;background:#f3f7f9;border-bottom:1px solid #e2e9ed;color:#8798a3;font-size:13px;font-weight:800}
.np-related-media img{width:100%;height:100%;padding:14px;object-fit:contain}.np-related-body{padding:16px}
.np-related-body h3{min-height:40px;margin:0 0 9px;color:#0a2142;font-size:15px;line-height:1.3}.np-related-price{display:block;color:#0a2142;font-size:16px}
.np-related-stock{min-height:30px;margin:10px 0 12px;font-size:11px}
.np-related-button{min-height:40px;padding:9px 10px;background:#0a2142!important;color:#fff!important;border-radius:8px!important;font-size:12px}.np-related-button:hover{background:#12345d!important}
.np-reviews-section{padding-top:18px!important;padding-bottom:80px!important}
@media(max-width:980px){
.np-product-layout{grid-template-columns:minmax(0,1fr) minmax(330px,.9fr);gap:34px}
.np-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
.np-product-breadcrumb{padding-top:16px;font-size:11px}
.np-product-layout{grid-template-columns:1fr;gap:25px;padding-top:18px;padding-bottom:36px}
.np-product-gallery-panel .detail-media{min-height:0;aspect-ratio:1/1;border-radius:12px}
.np-product-gallery-panel .detail-media img{max-height:none;padding:16px}
.np-product-buy-panel{padding-top:0}.np-product-buy-panel h1{font-size:34px}
.np-product-short{font-size:14px;line-height:1.6}.np-product-buy-panel .detail-price{font-size:27px}
.np-product-research-notice{margin:4px 0 16px;color:#8f1d2c!important;font-size:16px;line-height:1.38;font-weight:900!important}
.np-product-benefits{grid-template-columns:1fr;gap:6px}
.np-product-description-section{padding-bottom:42px}.np-product-description-card{padding:20px;border-radius:12px}
.np-section-heading h2{font-size:26px}.np-related-section{padding-bottom:52px}
.np-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.np-related-body{padding:12px}
.np-related-body h3{min-height:38px;font-size:13px}.np-related-media img{padding:8px}.np-related-button{font-size:11px}
}
@media(max-width:390px){
.np-related-grid{grid-template-columns:1fr 1fr}
.np-section-heading-row{align-items:flex-start;flex-direction:column}
}
/* /HealthEncounters Product Layout v16zn */
/* NP_PRODUCT_BENEFIT_ICONS_V16ZO */
.np-product-benefits .np-benefit-item{
display:flex;
align-items:center;
gap:6px;
min-width:0;
}
.np-product-benefits .np-benefit-icon{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:18px;
font-size:14px;
line-height:1;
}
.np-product-benefits .np-benefit-btc{
font-weight:900;
font-size:15px;
}
/* /NP_PRODUCT_BENEFIT_ICONS_V16ZO */
/* NP_PRODUCT_BENEFITS_MOBILE_V16ZP */
.np-product-benefits{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
align-items:start;
}
.np-product-benefits .np-benefit-item{
display:flex;
align-items:center;
gap:8px;
min-width:0;
}
.np-product-benefits .np-benefit-label{
display:block;
line-height:1.25;
}
.np-product-benefits .np-benefit-icon{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:24px;
width:24px;
height:24px;
line-height:1;
}
.np-product-benefits .np-benefit-eu{
font-size:20px;
}
.np-product-benefits .np-benefit-stock{
font-size:22px;
}
.np-product-benefits .np-benefit-btc{
min-width:28px;
width:28px;
height:28px;
border-radius:50%;
background:radial-gradient(circle at 32% 28%, #ffe28b 0%, #ffc838 32%, #f0a100 58%, #dc7d00 100%);
box-shadow:inset 0 1px 0 rgba(255,255,255,.55), 0 1px 2px rgba(0,0,0,.14);
border:1px solid rgba(165,96,0,.35);
color:#ffffff;
font-size:18px;
font-weight:900;
}
.np-product-benefits .np-btc-coin{
display:block;
transform:translateY(-1px);
text-shadow:0 1px 0 rgba(120,70,0,.25);
}
@media(max-width:760px){
.np-product-benefits{
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:8px;
}
.np-product-benefits .np-benefit-item{
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
gap:6px;
}
.np-product-benefits .np-benefit-label{
font-size:11px;
line-height:1.25;
}
.np-product-benefits .np-benefit-icon{
min-width:28px;
width:28px;
height:28px;
}
.np-product-benefits .np-benefit-eu{
font-size:22px;
}
.np-product-benefits .np-benefit-stock{
font-size:24px;
}
.np-product-benefits .np-benefit-btc{
min-width:32px;
width:32px;
height:32px;
font-size:20px;
}
}
/* /NP_PRODUCT_BENEFITS_MOBILE_V16ZP */
/* NP_PRODUCT_BTC_EXACT_ICON_V16ZQ */
.np-product-benefits .np-benefit-btc{
background:none !important;
border:none !important;
box-shadow:none !important;
padding:0;
}
.np-product-benefits .np-benefit-btc img{
display:block;
width:28px;
height:28px;
object-fit:contain;
}
@media(max-width:760px){
.np-product-benefits .np-benefit-btc img{
width:34px;
height:34px;
}
}
/* /NP_PRODUCT_BTC_EXACT_ICON_V16ZQ */
/* NP_HEADER_BACK_BUTTON_V16ZU */
/* Linker Header-Block: Zurück sitzt wirklich VOR dem Menü. */
.np-header-v7-ready .np-header-left-actions-v16zu{
display:flex !important;
align-items:center !important;
gap:8px !important;
margin-right:auto !important;
min-width:0 !important;
flex:0 0 auto !important;
z-index:20 !important;
}
.np-header-v7-ready .np-header-left-actions-v16zu .np-menu-wrap{
margin:0 !important;
}
/* Desktop */
.np-header-back-v16zu{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:6px !important;
height:44px !important;
min-height:44px !important;
padding:0 12px !important;
border:1px solid rgba(82,216,248,.20) !important;
border-radius:10px !important;
background:rgba(255,255,255,.025) !important;
color:#d9e7f2 !important;
font:inherit !important;
font-size:13px !important;
font-weight:800 !important;
line-height:1 !important;
cursor:pointer !important;
white-space:nowrap !important;
transition:.16s ease !important;
box-shadow:none !important;
}
.np-header-back-v16zu:hover,
.np-header-back-v16zu:focus-visible{
color:#fff !important;
background:rgba(25,199,243,.11) !important;
border-color:rgba(25,199,243,.42) !important;
}
.np-header-back-icon-v16zu{
width:18px !important;
height:18px !important;
flex:0 0 18px !important;
fill:none !important;
stroke:#52d8f8 !important;
stroke-width:2.2 !important;
stroke-linecap:round !important;
stroke-linejoin:round !important;
}
.np-header-back-label-v16zu{
line-height:1 !important;
}
/*
* Mobil:
* - nur Pfeil statt Text
* - bleibt links neben dem Hamburger-Menü
* - rechte Buttons bleiben unangetastet
*/
@media(max-width:650px){
.np-header-v7-ready .np-header-left-actions-v16zu{
gap:4px !important;
margin-right:auto !important;
}
.np-header-v7-ready .np-header-left-actions-v16zu .np-menu-wrap{
flex:0 0 40px !important;
}
.np-header-back-v16zu{
width:36px !important;
min-width:36px !important;
height:40px !important;
min-height:40px !important;
padding:0 !important;
border-radius:9px !important;
}
.np-header-back-label-v16zu{
position:absolute !important;
width:1px !important;
height:1px !important;
padding:0 !important;
margin:-1px !important;
overflow:hidden !important;
clip:rect(0,0,0,0) !important;
clip-path:inset(50%) !important;
white-space:nowrap !important;
border:0 !important;
}
.np-header-back-icon-v16zu{
width:20px !important;
height:20px !important;
flex-basis:20px !important;
}
}
/*
* Sehr schmale Handys:
* Der zusätzliche Zurück-Pfeil bekommt Platz, ohne Logo,
* Warenkorb, Konto oder Sprache zu überlagern.
*/
@media(max-width:390px){
.np-header-v7-ready .site-head .head-row{
gap:2px !important;
}
.np-header-v7-ready .np-header-left-actions-v16zu{
gap:2px !important;
}
.np-header-v7-ready .np-header-left-actions-v16zu .np-menu-wrap{
flex:0 0 32px !important;
}
.np-header-v7-ready .np-menu-button{
width:32px !important;
min-width:32px !important;
height:34px !important;
min-height:34px !important;
padding:5px !important;
}
.np-header-back-v16zu{
width:30px !important;
min-width:30px !important;
height:34px !important;
min-height:34px !important;
}
.np-header-back-icon-v16zu{
width:18px !important;
height:18px !important;
flex-basis:18px !important;
}
.np-header-v7-ready .site-head .site-logo{
width:44px !important;
height:44px !important;
min-width:44px !important;
}
.np-header-v7-ready .site-head .site-logo img{
width:44px !important;
height:44px !important;
max-width:44px !important;
max-height:44px !important;
}
.np-header-v7-ready .np-header-quick{
gap:2px !important;
}
.np-header-v7-ready .np-quick-link{
width:30px !important;
min-width:30px !important;
height:32px !important;
min-height:32px !important;
padding:6px !important;
}
.np-header-v7-ready .np-lang-button{
width:40px !important;
min-width:40px !important;
height:32px !important;
padding:0 4px !important;
}
}
/* /NP_HEADER_BACK_BUTTON_V16ZU */
/* NP_RESEARCH_ACCESS_GATE_V17B */
/* Vor dem Aufbau des Dialogs Shop-Inhalt kurz verbergen. */
html.np-research-gate-pending body > *{
visibility:hidden !important;
}
html.np-research-gate-pending body > .np-research-gate-v17b{
visibility:visible !important;
}
html.np-research-gate-open,
html.np-research-gate-open body{
overflow:hidden !important;
overscroll-behavior:none !important;
}
.np-research-gate-v17b,
.np-research-gate-v17b *{
box-sizing:border-box !important;
}
.np-research-gate-v17b{
position:fixed !important;
inset:0 !important;
z-index:2147483000 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
padding:20px !important;
font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
visibility:visible !important;
}
.np-research-gate-backdrop-v17b{
position:absolute !important;
inset:0 !important;
background:rgba(4,10,18,.74) !important;
backdrop-filter:blur(2px) !important;
-webkit-backdrop-filter:blur(2px) !important;
}
.np-research-gate-sheet-v17b{
position:relative !important;
z-index:1 !important;
display:flex !important;
flex-direction:column !important;
width:min(760px,100%) !important;
max-height:min(880px,90vh) !important;
overflow:hidden !important;
border:1px solid rgba(15,34,58,.12) !important;
border-radius:24px !important;
background:#fff !important;
color:#273240 !important;
box-shadow:0 30px 90px rgba(0,0,0,.38) !important;
transform:translateY(0) !important;
opacity:1 !important;
transition:transform .18s ease,opacity .18s ease !important;
}
.np-research-gate-closing-v17b .np-research-gate-sheet-v17b{
transform:translateY(12px) !important;
opacity:0 !important;
}
.np-research-gate-handle-v17b{
display:none !important;
}
.np-research-gate-head-v17b{
display:flex !important;
align-items:flex-start !important;
gap:18px !important;
padding:26px 30px !important;
border-bottom:1px solid #f2d46d !important;
background:#fff9df !important;
}
.np-research-gate-warning-v17b{
flex:0 0 38px !important;
width:38px !important;
height:38px !important;
display:grid !important;
place-items:center !important;
margin-top:1px !important;
}
.np-research-gate-warning-v17b svg{
display:block !important;
width:36px !important;
height:36px !important;
fill:none !important;
stroke:#eea315 !important;
stroke-width:1.8 !important;
stroke-linecap:round !important;
stroke-linejoin:round !important;
}
.np-research-gate-head-v17b h2{
margin:0 0 5px !important;
color:#8a3f13 !important;
font-size:25px !important;
line-height:1.2 !important;
letter-spacing:-.018em !important;
font-weight:850 !important;
}
.np-research-gate-head-v17b p{
margin:0 !important;
color:#aa5a1d !important;
font-size:17px !important;
line-height:1.35 !important;
}
.np-research-gate-scroll-v17b{
min-height:0 !important;
overflow-y:auto !important;
overscroll-behavior:contain !important;
-webkit-overflow-scrolling:touch !important;
scrollbar-width:thin !important;
}
.np-research-gate-content-v17b{
padding:30px 32px 20px !important;
color:#424b59 !important;
font-size:17px !important;
line-height:1.55 !important;
}
.np-research-gate-content-v17b p{
margin:0 0 24px !important;
}
.np-research-gate-content-v17b strong{
color:#303846 !important;
font-weight:850 !important;
}
.np-research-gate-confirm-title-v17b{
margin-top:28px !important;
margin-bottom:15px !important;
}
.np-research-gate-content-v17b ul{
margin:0 0 24px 24px !important;
padding:0 !important;
}
.np-research-gate-content-v17b li{
margin:0 0 15px !important;
padding-left:4px !important;
}
.np-research-gate-liability-v17b{
color:#9ba2ac !important;
margin-top:28px !important;
margin-bottom:4px !important;
}
.np-research-gate-footer-v17b{
flex:0 0 auto !important;
padding:18px 30px 20px !important;
border-top:1px solid #e7eaee !important;
background:#fff !important;
}
.np-research-gate-accept-v17b{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:62px !important;
padding:14px 20px !important;
border:0 !important;
border-radius:18px !important;
background:#0e1728 !important;
color:#fff !important;
font:inherit !important;
font-size:17px !important;
font-weight:850 !important;
line-height:1.2 !important;
cursor:pointer !important;
box-shadow:none !important;
transition:transform .14s ease,background .14s ease !important;
}
.np-research-gate-accept-v17b:hover{
background:#152239 !important;
}
.np-research-gate-accept-v17b:active{
transform:translateY(1px) !important;
}
.np-research-gate-accept-v17b:focus-visible{
outline:3px solid rgba(25,199,243,.35) !important;
outline-offset:3px !important;
}
.np-research-gate-footer-v17b p{
margin:14px 0 0 !important;
color:#a6abb3 !important;
text-align:center !important;
font-size:14px !important;
line-height:1.35 !important;
}
/* Mobile Bottom Sheet wie in der Vorlage */
@media(max-width:650px){
.np-research-gate-v17b{
align-items:flex-end !important;
padding:0 !important;
}
.np-research-gate-sheet-v17b{
width:100% !important;
max-height:calc(100dvh - 92px) !important;
border-width:1px 0 0 !important;
border-radius:28px 28px 0 0 !important;
box-shadow:0 -18px 55px rgba(0,0,0,.28) !important;
}
.np-research-gate-handle-v17b{
display:block !important;
flex:0 0 auto !important;
width:48px !important;
height:5px !important;
margin:15px auto 8px !important;
border-radius:999px !important;
background:#d7d9de !important;
}
.np-research-gate-head-v17b{
gap:14px !important;
padding:22px 24px 24px !important;
}
.np-research-gate-warning-v17b{
flex-basis:34px !important;
width:34px !important;
height:34px !important;
}
.np-research-gate-warning-v17b svg{
width:32px !important;
height:32px !important;
}
.np-research-gate-head-v17b h2{
font-size:20px !important;
}
.np-research-gate-head-v17b p{
font-size:16px !important;
}
.np-research-gate-content-v17b{
padding:25px 25px 18px !important;
font-size:16px !important;
line-height:1.55 !important;
}
.np-research-gate-content-v17b p{
margin-bottom:22px !important;
}
.np-research-gate-content-v17b ul{
margin-left:22px !important;
}
.np-research-gate-content-v17b li{
margin-bottom:15px !important;
}
.np-research-gate-footer-v17b{
padding:17px 24px calc(17px + env(safe-area-inset-bottom)) !important;
}
.np-research-gate-accept-v17b{
min-height:58px !important;
border-radius:17px !important;
font-size:16px !important;
}
.np-research-gate-footer-v17b p{
font-size:13px !important;
}
}
@media(max-width:390px){
.np-research-gate-sheet-v17b{
max-height:calc(100dvh - 70px) !important;
}
.np-research-gate-head-v17b{
padding-left:20px !important;
padding-right:20px !important;
}
.np-research-gate-content-v17b{
padding-left:21px !important;
padding-right:21px !important;
}
.np-research-gate-footer-v17b{
padding-left:20px !important;
padding-right:20px !important;
}
}
/* /NP_RESEARCH_ACCESS_GATE_V17B */
/* NP_RESEARCH_GATE_MOBILE_COMPACT_V17C */
@media(max-width:650px){
.np-research-gate-sheet-v17b,
.np-research-gate-sheet-v17a{
max-height:calc(100dvh - 82px) !important;
}
.np-research-gate-handle-v17b,
.np-research-gate-handle-v17a{
width:44px !important;
height:4px !important;
margin:12px auto 6px !important;
}
.np-research-gate-head-v17b,
.np-research-gate-head-v17a{
gap:11px !important;
padding:17px 20px 18px !important;
}
.np-research-gate-warning-v17b,
.np-research-gate-warning-v17a{
flex-basis:29px !important;
width:29px !important;
height:29px !important;
}
.np-research-gate-warning-v17b svg,
.np-research-gate-warning-v17a svg{
width:28px !important;
height:28px !important;
}
.np-research-gate-head-v17b h2,
.np-research-gate-head-v17a h2{
margin-bottom:3px !important;
font-size:17px !important;
line-height:1.18 !important;
letter-spacing:-.01em !important;
}
.np-research-gate-head-v17b p,
.np-research-gate-head-v17a p{
font-size:13.5px !important;
line-height:1.3 !important;
}
.np-research-gate-content-v17b,
.np-research-gate-content-v17a{
padding:19px 21px 13px !important;
font-size:14px !important;
line-height:1.47 !important;
}
.np-research-gate-content-v17b p,
.np-research-gate-content-v17a p{
margin-bottom:17px !important;
}
.np-research-gate-confirm-title-v17b,
.np-research-gate-confirm-title-v17a{
margin-top:19px !important;
margin-bottom:10px !important;
}
.np-research-gate-content-v17b ul,
.np-research-gate-content-v17a ul{
margin:0 0 17px 19px !important;
padding:0 !important;
}
.np-research-gate-content-v17b li,
.np-research-gate-content-v17a li{
margin-bottom:10px !important;
padding-left:2px !important;
}
.np-research-gate-liability-v17b,
.np-research-gate-liability-v17a{
margin-top:18px !important;
}
.np-research-gate-footer-v17b,
.np-research-gate-footer-v17a{
padding:13px 20px calc(13px + env(safe-area-inset-bottom)) !important;
}
.np-research-gate-accept-v17b,
.np-research-gate-accept-v17a{
min-height:52px !important;
padding:11px 14px !important;
border-radius:15px !important;
font-size:14.5px !important;
}
.np-research-gate-footer-v17b p,
.np-research-gate-footer-v17a p{
margin-top:9px !important;
font-size:11.5px !important;
line-height:1.3 !important;
}
}
@media(max-width:390px){
.np-research-gate-head-v17b,
.np-research-gate-head-v17a{
padding-left:17px !important;
padding-right:17px !important;
}
.np-research-gate-content-v17b,
.np-research-gate-content-v17a{
padding-left:18px !important;
padding-right:18px !important;
font-size:13.5px !important;
}
.np-research-gate-footer-v17b,
.np-research-gate-footer-v17a{
padding-left:17px !important;
padding-right:17px !important;
}
}
/* /NP_RESEARCH_GATE_MOBILE_COMPACT_V17C */
/* NP_LANG_FLAGS_V18C */
.np-lang-menu{
width:190px !important;
}
.np-lang-option-v18c{
gap:10px !important;
}
.np-lang-option-main-v18c{
display:inline-flex !important;
align-items:center !important;
gap:9px !important;
min-width:0 !important;
}
.np-lang-flag-v18c{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:22px !important;
min-width:22px !important;
font-size:17px !important;
line-height:1 !important;
font-family:system-ui,-apple-system,"Segoe UI Emoji","Noto Color Emoji",sans-serif !important;
}
@media(max-width:650px){
.np-lang-menu{
width:178px !important;
}
.np-lang-flag-v18c{
width:20px !important;
min-width:20px !important;
font-size:16px !important;
}
}
/* /NP_LANG_FLAGS_V18C */
/* NP_BITCOIN_GUIDE_V18M_START */
.np-btc-guide-v18m{padding-bottom:80px}
.np-guide-section{margin-top:34px}
.np-guide-heading{max-width:860px;margin:0 auto 24px;text-align:center}
.np-guide-heading .kicker{margin-bottom:9px;color:#087da0}
.np-guide-heading h2{margin:0;color:#0a2142;font-size:clamp(30px,4vw,44px);line-height:1.08;letter-spacing:-.035em}
.np-guide-heading p{margin:15px auto 0;color:#5e7180;font-size:16px;line-height:1.7}
.np-guide-quick{margin:28px 0;padding:26px;border:1px solid #d5e0e8;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(24,33,38,.055)}
.np-guide-quick>h3{margin:0 0 18px;color:#0a2142;font-size:22px}
.np-guide-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.np-guide-quick-card{min-width:0;padding:18px;border:1px solid #e0e8ed;border-radius:14px;background:#f8fbfc}
.np-guide-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:13px;border-radius:13px;background:#e8f7fb;color:#087da0}
.np-guide-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.np-guide-icon-btc{background:#fff3df;color:#e58a08}
.np-guide-quick-card h4{margin:0 0 7px;color:#0a2142;font-size:15px;line-height:1.35}
.np-guide-quick-card p{margin:0;color:#617583;font-size:13px;line-height:1.58}
.np-guide-article{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.np-guide-card{padding:24px 26px;border:1px solid #d7e1e7;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(24,33,38,.045)}
.np-guide-card h3{margin:0 0 13px;color:#0a2142;font-size:21px;line-height:1.28}
.np-guide-card p{margin:0 0 13px;color:#516a79;font-size:14px;line-height:1.72}
.np-guide-card p:last-child{margin-bottom:0}
.np-guide-checks{display:grid;gap:9px;margin:15px 0 0;padding:0;list-style:none}
.np-guide-checks li{position:relative;padding-left:27px;color:#425c6d;font-size:14px;line-height:1.55}
.np-guide-checks li::before{content:"✓";position:absolute;left:0;top:0;color:#078d70;font-size:16px;font-weight:900}
.np-guide-tip,.np-guide-warning{margin-top:16px;padding:13px 15px;border-radius:10px;font-size:13px;line-height:1.6}
.np-guide-tip{border:1px solid #cde6ee;background:#f1fafc;color:#315d6e}
.np-guide-warning{border:1px solid #efd8a6;background:#fff8e9;color:#6d551e}
.np-order-types{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.np-order-types>div{padding:15px;border:1px solid #dce6eb;border-radius:11px;background:#f8fafb}
.np-order-types strong{display:block;margin-bottom:6px;color:#0a2142}
.np-order-types p{margin:0;font-size:13px}
.np-guide-pay-card{margin-top:18px;padding:27px;border:1px solid #c7dbe5;border-radius:18px;background:linear-gradient(180deg,#f8fcfe,#fff);box-shadow:0 10px 28px rgba(24,33,38,.05)}
.np-guide-pay-head{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.np-guide-pay-head h3{margin:0;color:#0a2142;font-size:24px}
.np-guide-pay-btc{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:#f7931a;color:#fff;font-size:28px;font-weight:900}
.np-guide-pay-steps{display:grid;gap:10px}
.np-guide-pay-steps article{display:grid;grid-template-columns:36px 1fr;gap:13px;align-items:start;padding:14px 0;border-top:1px solid #e2e9ed}
.np-guide-pay-steps article:first-child{border-top:0}
.np-guide-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#0a2142;color:#fff;font-size:13px;font-weight:900}
.np-guide-pay-steps h4{margin:1px 0 5px;color:#0a2142;font-size:15px}
.np-guide-pay-steps p{margin:0;color:#526b7b;font-size:13px;line-height:1.6}
.np-guide-critical{margin:18px 0;padding:22px 24px;border:2px solid #8f1d2c;border-radius:15px;background:#fff7f8}
.np-guide-critical h3{margin:0 0 12px;color:#8f1d2c;font-size:20px}
.np-guide-critical ul{display:grid;gap:8px;margin:0;padding-left:21px}
.np-guide-critical li{color:#612332;font-size:14px;line-height:1.5;font-weight:750}
.np-guide-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.np-guide-regulation{margin-top:16px}
.np-guide-official{margin-top:16px;padding:22px 24px;border:1px solid #d7e1e7;border-radius:16px;background:#f7fafb}
.np-guide-official h3{margin:0 0 13px;color:#0a2142;font-size:19px}
.np-guide-links{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.np-guide-links a{display:block;padding:12px 14px;border:1px solid #d7e3e9;border-radius:9px;background:#fff;color:#087da0;font-size:13px;font-weight:800;line-height:1.4}
.np-guide-links a:hover{border-color:#9dcbd9;background:#f3fbfd}
.np-guide-faq{margin-top:18px;padding:24px;border:1px solid #d7e1e7;border-radius:16px;background:#fff}
.np-guide-faq>h3{margin:0 0 13px;color:#0a2142;font-size:22px}
.np-guide-faq details{border-top:1px solid #e3eaee}
.np-guide-faq details:first-of-type{border-top:0}
.np-guide-faq summary{padding:14px 3px;color:#173b5b;font-size:14px;font-weight:850;cursor:pointer}
.np-guide-faq details p{margin:0;padding:0 3px 15px;color:#586f7e;font-size:13px;line-height:1.65}
.np-guide-disclaimer{margin-top:18px;padding:15px 17px;border-left:4px solid #667984;background:#eef3f5;color:#4e616c;font-size:12px;line-height:1.6}
@media(max-width:900px){
.np-guide-quick-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
.np-btc-guide-v18m{padding-bottom:55px}
.np-guide-section{margin-top:25px}
.np-guide-heading{text-align:left}
.np-guide-heading h2{font-size:30px}
.np-guide-heading p{font-size:14px}
.np-guide-quick{padding:18px}
.np-guide-quick-grid,.np-guide-article,.np-guide-two-col,.np-guide-links{grid-template-columns:1fr}
.np-guide-card,.np-guide-pay-card,.np-guide-critical,.np-guide-faq,.np-guide-official{padding:18px}
.np-order-types{grid-template-columns:1fr}
.np-guide-quick-card{padding:15px}
}
/* NP_BITCOIN_GUIDE_V18M_END */