/* preise.css – Preise-Seite (zusätzlich zu service.css) */

/* ===== PRICING TABLE CSS ===== */
		#preise, #preise *, #preise *::before, #preise *::after { box-sizing: border-box; }

#preise {
			--black:#161616;--black2:#1e1e1e;--black3:#252525;
			--white:#F1F1F1;--white2:#ffffff;
			--border:#2e2e2e;--border2:#3a3a3a;
			--text:#F1F1F1;--muted:#f1f1f1;
			--accent:#28D0E8;--accent-d:#1ab5cb;
			--green:#00CC66;
		}

.pricing-section{padding:var(--gap-xl) 0 0;}

.toggle-wrap{display:inline-flex;background:var(--black3);border:1.5px solid var(--border);border-radius:50px;padding:4px;gap:4px;margin:1.5rem auto 0}

.toggle-btn{padding:0.5625rem 1.625rem;border-radius:2.5rem;border:none;cursor:pointer;font-family:var(--fb);font-size:var(--fs-sm);font-weight:600;background:transparent;color:var(--muted);transition:all .18s;display:flex;align-items:center;gap:0.5rem}

.toggle-btn.toggle-active{background:var(--accent);color:var(--black);box-shadow:0 0.125rem 0.75rem rgba(40,208,232,.3);font-weight:800}

.save-pill{background:rgba(0,204,102,.08);color:var(--green);font-size:0.6875rem;font-weight:700;padding:0.125rem 0.5rem;border-radius:0.625rem;display:none}

.toggle-active .save-pill{display:inline;background:rgba(22,22,22,.25);color:var(--black)}

.plans-grid{display:grid;grid-template-columns:1fr 1.08fr 1fr;gap:1.25rem;margin-top:2.5rem;align-items:start;max-width:var(--max-width);margin-left:auto;margin-right:auto;padding:0 10%}

.plan-card{background:var(--black3);border:1.5px solid var(--border);border-radius:1.125rem;padding:2rem 1.75rem;position:relative;transition:all .18s}

.plan-card:hover{border-color:var(--border2);transform:translateY(-0.125rem);box-shadow:0 0.75rem 2.5rem rgba(0,0,0,.3)}

.plan-card.featured{background:linear-gradient(160deg,#0d1f22 0%,var(--black3) 100%);border-color:var(--accent);box-shadow:0 0 0 3px rgba(40,208,232,.1),0 0.75rem 2.5rem rgba(40,208,232,.08)}

.plan-badge-top{position:absolute;top:-0.8125rem;left:50%;transform:translateX(-50%);background:var(--accent);color:var(--black);font-size:1rem;font-weight:800;padding:0.25rem 1rem;border-radius:1.25rem;white-space:nowrap}

.plan-icon{font-size:1.75rem;margin-bottom:0.875rem}

.plan-type{font-size:0.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:0.09375rem;color:var(--muted);margin-bottom:0.375rem}

.plan-name{font-size:1.375rem;font-weight:800;margin-bottom:0.375rem;color:var(--white2)}

.plan-tagline{font-size:0.8125rem;color:var(--muted);margin-bottom:1.25rem;min-height:2.375rem}

.price-block{margin-bottom:1.375rem;padding-bottom:1.375rem;border-bottom:1px solid var(--border)}

.price-main{font-size:2.5rem;font-weight:800;letter-spacing:-0.0625rem;line-height:1;color:var(--white2)}

.price-main sup{font-size:1.125rem;vertical-align:top;margin-top:0.375rem;display:inline-block;font-weight:700}

.price-sub{font-size:0.8125rem;color:var(--muted);margin-top:0.375rem}

.plan-btn{display:block;width:100%;padding:0.8125rem;border-radius:0.625rem;font-family:var(--fb);font-size:var(--fs-sm);font-weight:700;text-align:center;text-decoration:none;cursor:pointer;transition:all .15s;margin-bottom:1.375rem;border:1.5px solid var(--border2);background:transparent;color:var(--text)}

.plan-btn:hover{border-color:var(--accent);color:var(--accent)}

.plan-btn.btn-accent{background:var(--accent);border-color:var(--accent);color:var(--black)}

.plan-btn.btn-accent:hover{background:var(--accent-d);border-color:var(--accent-d)}

.plan-btn.btn-green{background:var(--green);border-color:var(--green);color:var(--black)}

.plan-btn.btn-green:hover{background:#00b359;border-color:#00b359}

.plan-features{list-style:none;padding:0;margin:0}

.plan-features li{display:flex;align-items:flex-start;gap:0.625rem;font-size:0.8125rem;padding:0.375rem 0;border-bottom:1px solid rgba(255,255,255,.04);color:var(--muted)}

.plan-features li:last-child{border-bottom:none}

.plan-features li strong{color:var(--white);font-weight:500}

.plan-features li .ck{color:var(--green);flex-shrink:0;margin-top:0.0625rem}

.plan-features li .cx{color:#28D0E8;flex-shrink:0;margin-top:0.0625rem}

.pricing-note{text-align:center;font-size:0.8125rem;color:var(--muted);margin-top:1.75rem}

@media(max-width:960px){
			.plans-grid{grid-template-columns:1fr;max-width:28.75rem;padding:0 4%}
			.plan-card.featured{order:-1}
		}

/* =============================================
       PRICING CARDS – nur auf Preise-Seite
       ============================================= */
		.nrx-price-grid {
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
			gap: 1.5rem;
			margin-top: var(--gap-lg);
		}

.nrx-price-card {
			position: relative;
			background: var(--bg-card);
			border: 1px solid var(--border);
			border-radius: var(--radius-lg);
			padding: 2rem;
			display: flex;
			flex-direction: column;
			gap: 1.5rem;
			transition: border-color 0.3s, transform 0.3s;
		}

.nrx-price-card:hover {
			border-color: var(--t-accent);
			transform: translateY(-0.25rem);
		}

.nrx-price-card--highlight {
			border-color: var(--t-accent);
			box-shadow: 0 0 2rem rgba(var(--t-accent-rgb), 0.15);
		}

.nrx-price-badge {
			position: absolute;
			top: -0.75rem;
			right: 1.5rem;
			background: var(--t-accent);
			color: var(--black);
			font-family: var(--fh);
			font-weight: 700;
			font-size: var(--fs-xs);
			padding: 0.25rem 1rem;
			border-radius: var(--radius-pill);
			text-transform: uppercase;
			letter-spacing: 0.05em;
		}

.nrx-price-card-head h3 {
			font-family: var(--fh);
			font-size: var(--fs-h5);
			color: var(--text-w);
			margin: 0 0 0.75rem;
		}

.nrx-price-amount {
			font-family: var(--fh);
			font-size: var(--fs-h1);
			font-weight: 700;
			color: var(--t-accent);
			line-height: 1;
			margin-bottom: 0.5rem;
		}

.nrx-price-amount-blue {
			font-family: var(--fh);
			font-size: var(--fs-h1);
			font-weight: 700;
			color: #1D4B87;
			line-height: 1;
			margin-bottom: 0.5rem;
		}

.nrx-price-amount span {
			font-size: var(--fs-h4);
			font-weight: 400;
			opacity: 0.7;
		}

.nrx-price-amount--text {
			font-size: var(--fs-h3);
		}

.nrx-price-card-head p {
			font-size: var(--fs-sm);
			color: var(--text-d);
			margin: 0;
			line-height: 1.5;
		}

.nrx-price-features {
			list-style: none;
			padding: 0;
			margin: 0;
			display: flex;
			flex-direction: column;
			gap: 0.5rem;
		}

.nrx-price-features li {
			padding-left: 1.5rem;
			position: relative;
			font-size: var(--fs-sm);
			color: var(--text-m);
		}

.nrx-price-features li::before {
			content: '✓';
			position: absolute;
			left: 0;
			color: var(--t-accent);
			font-weight: 700;
		}

@media (max-width: 768px) {
			.nrx-price-grid { grid-template-columns: 1fr; }
			.nrx-price-card { padding: 1.5rem; }
		}