
.cmw{
	--cmw-blue:#1776c8;
	--cmw-blue-dark:#0b4f89;
	--cmw-blue-soft:#eef6fc;
	--cmw-cyan:#5aaee8;
	--cmw-ink:#163249;
	--cmw-text:#35556c;
	--cmw-muted:#71889a;
	--cmw-line:#dce8f0;
	--cmw-soft:#f7fafc;
	--cmw-white:#fff;
	--cmw-green:#198f73;
	font-family:inherit;
	color:var(--cmw-text);
	background:var(--cmw-white);
	border:1px solid #e4edf3;
	border-radius:18px;
	padding:clamp(22px,4vw,48px);
	box-shadow:0 10px 34px rgba(28,75,109,.07);
	line-height:1.5;
}
.cmw *{box-sizing:border-box}
.cmw button,.cmw input{font:inherit}
.cmw__header{max-width:850px;margin-bottom:30px}
.cmw__kicker{
	display:inline-block;
	color:var(--cmw-blue);
	text-transform:uppercase;
	letter-spacing:.12em;
	font-size:12px;
	font-weight:800;
	margin-bottom:8px
}
.cmw h2,.cmw h3{color:var(--cmw-ink);margin:0}
.cmw h2{font-size:clamp(29px,4vw,46px);line-height:1.1;margin-bottom:12px}
.cmw h3{font-size:clamp(22px,2.5vw,29px)}
.cmw__header p{margin:0;max-width:760px;font-size:17px;color:var(--cmw-text)}

.cmw__setup{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;margin-bottom:20px}
.cmw__setup-main,.cmw__inputs-panel,.cmw__coverage-card,.cmw__table-section{
	border:1px solid var(--cmw-line);
	border-radius:15px;
	background:var(--cmw-white)
}
.cmw__setup-main,.cmw__inputs-panel{padding:22px}
.cmw__section-title{display:flex;align-items:center;gap:11px;margin-bottom:18px}
.cmw__section-title>span{
	width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
	background:var(--cmw-blue);color:#fff;font-weight:800;font-size:13px;flex:0 0 auto
}
.cmw__section-title strong{display:block;color:var(--cmw-ink);font-size:16px}
.cmw__section-title small{display:block;color:var(--cmw-muted);font-size:12px;margin-top:2px}

.cmw__risk-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.cmw__risk-buttons button{
	min-height:100px;
	padding:13px 11px;
	border:1px solid var(--cmw-line);
	border-radius:12px;
	background:var(--cmw-soft);
	color:var(--cmw-text);
	cursor:pointer;
	text-align:left;
	transition:transform .18s,border-color .18s,background .18s,box-shadow .18s
}
.cmw__risk-buttons button span,.cmw__risk-buttons button small{display:block}
.cmw__risk-buttons button span{font-size:12px;color:var(--cmw-muted)}
.cmw__risk-buttons button strong{display:block;color:var(--cmw-ink);font-size:27px;line-height:1.05;margin:6px 0 4px}
.cmw__risk-buttons button small{font-size:10px;color:var(--cmw-muted)}
.cmw__risk-buttons button.is-active{
	background:var(--cmw-blue-soft);
	border-color:#91c4e9;
	box-shadow:inset 0 0 0 1px rgba(23,118,200,.08)
}
.cmw__risk-buttons button.is-active strong{color:var(--cmw-blue-dark)}
.cmw__risk-buttons button:focus-visible,.cmw input:focus-visible{
	outline:3px solid rgba(23,118,200,.22);outline-offset:2px
}

.cmw__inputs-grid{display:grid;gap:13px}
.cmw__field>span,.cmw__field-row>span{
	display:block;color:var(--cmw-muted);font-size:12px;font-weight:700;margin-bottom:6px
}
.cmw__input-wrap{position:relative}
.cmw__prefix{
	position:absolute;left:12px;top:50%;transform:translateY(-50%);
	color:var(--cmw-blue-dark);font-size:12px;font-weight:800;pointer-events:none
}
.cmw__input-wrap input{
	width:100%;
	min-height:46px;
	border:1px solid var(--cmw-line);
	border-radius:10px;
	background:#fff;
	color:var(--cmw-ink);
	padding:9px 12px 9px 54px;
	font-size:16px
}
.cmw__input-wrap input:hover{border-color:#b6cfdf}
.cmw__field--range{padding-top:3px}
.cmw__field-row{display:flex;justify-content:space-between;align-items:center;gap:12px}
.cmw__field-row strong{color:var(--cmw-blue-dark)}
.cmw__range{width:100%;accent-color:var(--cmw-blue);cursor:pointer}
.cmw__range-scale{display:flex;justify-content:space-between;color:var(--cmw-muted);font-size:10px;margin-top:3px}

.cmw__coverage-card{
	display:grid;
	grid-template-columns:210px 1fr;
	align-items:center;
	gap:28px;
	padding:24px;
	background:linear-gradient(90deg,#f9fcfe,#fff);
	margin-bottom:16px
}
.cmw__coverage-copy>span{display:block;color:var(--cmw-muted);font-size:12px}
.cmw__coverage-number{font-size:52px;font-weight:800;line-height:1;color:var(--cmw-blue-dark);margin:4px 0 8px}
.cmw__coverage-copy strong{color:var(--cmw-ink);font-size:14px}
.cmw__scale-labels{display:flex;justify-content:space-between;color:var(--cmw-muted);font-size:11px;margin-bottom:7px}
.cmw__track{height:16px;border-radius:999px;background:#e9eff3;position:relative;overflow:hidden}
.cmw__track-fill{
	width:80%;height:100%;border-radius:inherit;
	background:linear-gradient(90deg,var(--cmw-blue-dark),var(--cmw-cyan));
	transition:width .55s cubic-bezier(.2,.8,.2,1)
}
.cmw__track-marker{
	position:absolute;top:-3px;bottom:-3px;width:3px;background:#fff;box-shadow:0 0 0 1px rgba(11,79,137,.22);
	left:80%;transition:left .55s cubic-bezier(.2,.8,.2,1)
}
.cmw__coverage-chart p{margin:10px 0 0;color:var(--cmw-muted);font-size:12px}

.cmw__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.cmw__stat{
	border:1px solid var(--cmw-line);
	border-radius:13px;
	background:#fff;
	padding:17px;
	min-width:0
}
.cmw__stat>span{display:block;color:var(--cmw-muted);font-size:11px;margin-bottom:5px}
.cmw__stat strong{display:block;color:var(--cmw-ink);font-size:clamp(22px,2.6vw,31px);line-height:1.05;word-break:break-word}
.cmw__stat small{display:block;color:var(--cmw-muted);font-size:10px;margin-top:6px}
.cmw__stat--highlight{background:#f0faf7;border-color:#ccece2}
.cmw__stat--highlight strong{color:var(--cmw-green)}

.cmw__message{
	display:flex;gap:12px;align-items:flex-start;
	background:var(--cmw-blue-soft);
	border-left:4px solid var(--cmw-blue);
	border-radius:0 10px 10px 0;
	padding:14px 16px;
	margin-bottom:24px
}
.cmw__message-symbol{
	width:22px;height:22px;display:grid;place-items:center;border-radius:50%;
	background:var(--cmw-blue);color:#fff;font-weight:800;font-size:12px;flex:0 0 auto
}
.cmw__message p{margin:0;color:#365d77;font-size:13px}

.cmw__table-section{padding:22px}
.cmw__table-header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:17px}
.cmw__table-summary{display:flex;gap:18px;flex-wrap:wrap;color:var(--cmw-muted);font-size:11px}
.cmw__table-summary strong{color:var(--cmw-ink)}
.cmw__scroll{overflow-x:auto;border:1px solid var(--cmw-line);border-radius:11px}
.cmw table{width:100%;min-width:930px;border-collapse:collapse;font-size:12px}
.cmw th,.cmw td{padding:10px;text-align:right;border-bottom:1px solid #e8eef2;white-space:nowrap}
.cmw th:first-child,.cmw td:first-child{text-align:left}
.cmw th{
	background:#edf4f8;color:#466479;font-size:10px;text-transform:uppercase;letter-spacing:.035em;
	position:sticky;top:0
}
.cmw tbody tr:nth-child(even){background:#fbfdfe}
.cmw tbody tr:last-child{background:#f1f7fb}
.cmw tbody td:nth-child(6){color:var(--cmw-blue-dark);font-weight:700}
.cmw tbody td:nth-child(7){color:var(--cmw-green);font-weight:700}
.cmw tfoot td{font-weight:800;background:#f7fafc;border-bottom:0;color:var(--cmw-ink)}
.cmw__disclaimer{margin-top:14px;color:#7a8e9d;font-size:10px;line-height:1.55}
.cmw__disclaimer strong{color:#587084}

@media (hover:hover) and (pointer:fine){
	.cmw__risk-buttons button:hover{transform:translateY(-2px);border-color:#a9cce4;background:#f5faff}
	.cmw tbody tr:hover{background:#f4f9fc}
}
@media (prefers-reduced-motion:reduce){
	.cmw__track-fill,.cmw__track-marker,.cmw__risk-buttons button{transition:none}
}
@media(max-width:920px){
	.cmw__setup{grid-template-columns:1fr}
	.cmw__stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
	.cmw{padding:20px 14px}
	.cmw__risk-buttons{grid-template-columns:repeat(2,1fr)}
	.cmw__coverage-card{grid-template-columns:1fr;gap:16px}
	.cmw__stats{grid-template-columns:1fr}
	.cmw__table-header{align-items:flex-start;flex-direction:column}
	.cmw__setup-main,.cmw__inputs-panel,.cmw__coverage-card,.cmw__table-section{padding:16px}
}


/* ===== v1.4 – Layout gemäss gewünschter Struktur ===== */
.cmw__controls-stack{
	display:flex;
	flex-direction:column;
	gap:18px;
	margin-bottom:18px;
}
.cmw__control-card{
	border:1px solid var(--cmw-line);
	border-radius:15px;
	background:var(--cmw-white);
	padding:22px;
}
.cmw__control-card--risk{
	padding-bottom:20px;
}
.cmw__input-row{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:18px;
}
.cmw__input-row .cmw__section-title{
	margin-bottom:14px;
}
.cmw__input-row .cmw__section-title strong{
	font-size:15px;
}
.cmw__input-row .cmw__section-title small{
	line-height:1.35;
}
.cmw__input-row .cmw__field{
	margin:0;
}
.cmw__input-row .cmw__input-wrap input{
	min-height:48px;
}
.cmw__risk-buttons{
	grid-template-columns:repeat(4,minmax(0,1fr));
}
.cmw__coverage-card{
	margin-bottom:0;
}
.cmw__disclaimer{
	font-size:12px;
	line-height:1.65;
}
.cmw__disclaimer b{
	color:var(--cmw-ink);
	font-weight:800;
}

@media(max-width:900px){
	.cmw__input-row{
		grid-template-columns:1fr;
	}
}
@media(max-width:680px){
	.cmw__risk-buttons{
		grid-template-columns:repeat(2,1fr);
	}
}


/* ===== v1.5 – ausschliesslich Schluss-Hinweis besser lesbar ===== */
.cmw__disclaimer{
	font-size:16px;
	line-height:1.65;
	padding:18px 20px;
}
.cmw__disclaimer strong{
	font-size:16px;
}
.cmw__disclaimer b{
	font-size:16px;
	line-height:1.65;
}

@media(max-width:680px){
	.cmw__disclaimer,
	.cmw__disclaimer strong,
	.cmw__disclaimer b{
		font-size:15px;
	}
}


/* v2.0: Status des BTC-Livekurses */
.cmw__btc-status{
	display:block;
	margin-top:7px;
	color:var(--cmw-muted);
	font-size:11px;
	line-height:1.4;
}


/* ===== v2.1 – saubere Währungsdarstellung & dynamische Geldwerte ===== */
.cmw__input-wrap{
	position:relative;
	display:grid;
	grid-template-columns:auto minmax(0,1fr);
	align-items:stretch;
	width:100%;
	border:1px solid var(--cmw-line);
	border-radius:10px;
	background:#fff;
	overflow:hidden;
}

.cmw__prefix{
	position:static !important;
	left:auto !important;
	top:auto !important;
	transform:none !important;
	display:flex;
	align-items:center;
	justify-content:center;
	min-width:58px;
	padding:0 12px;
	border-right:1px solid var(--cmw-line);
	background:#f8fbfd;
	color:var(--cmw-blue-dark);
	font-size:12px;
	font-weight:800;
	pointer-events:none;
}

.cmw__input-wrap input{
	width:100%;
	min-width:0;
	min-height:46px;
	border:0 !important;
	border-radius:0 !important;
	padding:9px 12px !important;
	background:#fff;
	color:var(--cmw-ink);
	font-size:16px;
	box-shadow:none !important;
}

.cmw__input-wrap:focus-within{
	border-color:#8ec0e5;
	box-shadow:0 0 0 2px rgba(23,118,200,.08);
}

.cmw__capital-per-position{
	display:block;
	max-width:100%;
	white-space:nowrap;
	overflow:hidden;
	word-break:normal !important;
	overflow-wrap:normal !important;
}

.cmw__btc-status{
	margin-top:7px;
}

@media(max-width:680px){
	.cmw__prefix{
		min-width:54px;
	}
}


/* ===== v2.2 – dynamische Kennzahlen & kompaktere Tabelle ===== */
.cmw__stat{
	min-width:0;
	overflow:hidden;
}
.cmw__stat strong{
	display:block;
	width:100%;
	max-width:100%;
	white-space:nowrap;
	word-break:normal !important;
	overflow-wrap:normal !important;
	overflow:visible;
}
.cmw__capital-per-position{
	width:100%;
	max-width:100%;
	white-space:nowrap;
	overflow:visible;
}

/* Tabelle kompakter */
.cmw table{
	min-width:780px;
	font-size:11px;
}
.cmw th,
.cmw td{
	padding:7px 6px;
}
.cmw th{
	font-size:9px;
	line-height:1.2;
}
.cmw tbody td{
	line-height:1.25;
}
.cmw tfoot td{
	padding-top:9px;
	padding-bottom:9px;
}
.cmw__table-section{
	padding:18px;
}
@media(max-width:680px){
	.cmw table{
		min-width:720px;
	}
	.cmw th,
	.cmw td{
		padding:6px 5px;
	}
}


/* ===== v2.3 – optimierte Spaltenbreiten der Ergebnistabelle ===== */
.cmw table{
	table-layout:fixed;
	width:100%;
}

/* 1: Pos. */
.cmw th:nth-child(1),
.cmw td:nth-child(1){
	width:6%;
	padding-left:5px;
	padding-right:5px;
}

/* 2: Grösse Position */
.cmw th:nth-child(2),
.cmw td:nth-child(2){
	width:14%;
	padding-left:5px;
	padding-right:5px;
}

/* 3: BTC-Kurs */
.cmw th:nth-child(3),
.cmw td:nth-child(3){
	width:18%;
	padding-left:5px;
	padding-right:5px;
}

/* 4: Range */
.cmw th:nth-child(4),
.cmw td:nth-child(4){
	width:10%;
}

/* 5: Bewegung */
.cmw th:nth-child(5),
.cmw td:nth-child(5){
	width:15%;
}

/* 6: abgedeckt */
.cmw th:nth-child(6),
.cmw td:nth-child(6){
	width:14%;
}

/* 7: Buchwert */
.cmw th:nth-child(7),
.cmw td:nth-child(7){
	width:12%;
}

/* 8: offen */
.cmw th:nth-child(8),
.cmw td:nth-child(8){
	width:11%;
}

/* Zahlen sauber innerhalb der engeren Spalten halten */
.cmw tbody td:nth-child(1),
.cmw tbody td:nth-child(2),
.cmw tbody td:nth-child(3){
	white-space:nowrap;
	overflow:hidden;
	text-overflow:clip;
}

/* Auf kleinen Geräten bleibt die Tabelle horizontal scrollbar */
@media(max-width:680px){
	.cmw table{
		table-layout:fixed;
		min-width:720px;
	}
}


/* ===== v2.4 – BTC-Allzeithoch im Frontend ===== */
.cmw__ath-box{
	margin-top:12px;
	padding:12px 13px;
	border:1px solid var(--cmw-line);
	border-radius:10px;
	background:#f8fbfd;
}
.cmw__ath-box>div{
	display:flex;
	align-items:baseline;
	justify-content:space-between;
	gap:10px;
	min-width:0;
}
.cmw__ath-label{
	color:var(--cmw-muted);
	font-size:11px;
	font-weight:700;
}
.cmw__ath-value{
	display:block;
	min-width:0;
	color:var(--cmw-blue-dark);
	font-size:20px;
	line-height:1.1;
	font-weight:800;
	white-space:nowrap;
}
.cmw__ath-help{
	display:block;
	margin-top:5px;
	color:var(--cmw-muted);
	font-size:10px;
	line-height:1.35;
}


/* ===== v2.7 – stabile, kompakte BTC-Marktinformation ===== */
.cmw__ath-box{
	display:none !important;
}

.cmw__market-info{
	width:100%;
	max-width:100%;
	border:1px solid var(--cmw-line);
	border-radius:15px;
	background:#fff;
	padding:14px 18px;
	overflow:hidden;
}

.cmw__market-info-head{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:14px;
	margin-bottom:10px;
}

.cmw__market-info-head>strong{
	color:var(--cmw-ink);
	font-size:14px;
	line-height:1.25;
}

.cmw__market-info-head>small{
	max-width:320px;
	color:var(--cmw-muted);
	font-size:10px;
	line-height:1.3;
	text-align:right;
}

.cmw__market-info-grid{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	width:100%;
	border-top:1px solid var(--cmw-line);
}

.cmw__market-info-item{
	min-width:0;
	padding:9px 12px 2px;
	border-right:1px solid var(--cmw-line);
}

.cmw__market-info-item:first-child{
	padding-left:0;
}

.cmw__market-info-item:last-child{
	padding-right:0;
	border-right:0;
}

.cmw__market-info-item>span{
	display:block;
	margin-bottom:4px;
	color:var(--cmw-muted);
	font-size:10px;
	line-height:1.25;
}

.cmw__market-info-item>strong{
	display:block;
	width:100%;
	max-width:100%;
	color:var(--cmw-ink);
	font-size:20px;
	line-height:1.05;
	font-weight:800;
	white-space:nowrap;
	overflow:hidden;
}

.cmw__market-diff-percent{
	color:var(--cmw-blue-dark) !important;
}

@media(max-width:900px){
	.cmw__market-info-grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}

	.cmw__market-info-item{
		border-right:0;
		border-bottom:1px solid var(--cmw-line);
		padding:10px 0;
	}

	.cmw__market-info-item:nth-last-child(-n+2){
		border-bottom:0;
	}
}

@media(max-width:580px){
	.cmw__market-info-head{
		flex-direction:column;
		gap:4px;
	}

	.cmw__market-info-head>small{
		max-width:none;
		text-align:left;
	}

	.cmw__market-info-grid{
		grid-template-columns:1fr;
	}

	.cmw__market-info-item{
		border-bottom:1px solid var(--cmw-line) !important;
	}

	.cmw__market-info-item:last-child{
		border-bottom:0 !important;
	}
}


/* ===== v3.0 – konsolidierte Endfassung ===== */
.cmw__market-info--top{
	margin:0 0 22px 0;
	width:100%;
	max-width:100%;
	padding:12px 16px;
	box-sizing:border-box;
}

.cmw__market-info--top .cmw__market-info-head{
	margin-bottom:8px;
}

.cmw__market-info--top .cmw__market-info-head>strong{
	font-size:13px;
	line-height:1.25;
}

.cmw__market-info--top .cmw__market-info-head>small{
	font-size:9px;
	line-height:1.3;
}

.cmw__market-info--top .cmw__market-info-grid{
	grid-template-columns:repeat(4,minmax(0,1fr));
}

.cmw__market-info--top .cmw__market-info-item{
	min-width:0;
	padding:7px 10px 3px;
}

.cmw__market-info--top .cmw__market-info-item>span{
	font-size:9px;
	line-height:1.25;
	margin-bottom:3px;
}

.cmw__market-info--top .cmw__market-info-item>strong{
	display:block;
	width:100%;
	max-width:100%;
	font-size:16px !important;
	line-height:1.15 !important;
	font-weight:700;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:clip;
}

/* Tabelle bleibt kompakt und sichtbar */
.cmw__table-section,
.cmw__scroll,
.cmw table,
.cmw__tbody{
	visibility:visible !important;
	opacity:1 !important;
}

.cmw__scroll{
	display:block !important;
	overflow-x:auto;
}

.cmw table{
	display:table !important;
	width:100%;
}

.cmw__tbody{
	display:table-row-group !important;
}

@media(max-width:900px){
	.cmw__market-info--top .cmw__market-info-grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
}

@media(max-width:580px){
	.cmw__market-info--top .cmw__market-info-grid{
		grid-template-columns:1fr;
	}
	.cmw__market-info--top .cmw__market-info-head{
		flex-direction:column;
		gap:3px;
	}
	.cmw__market-info--top .cmw__market-info-head>small{
		text-align:left;
		max-width:none;
	}
}

/* ===== v3.1 – Marktinformation Typografie ===== */
.cmw__market-info--top .cmw__market-info-head{
    display:block;
    margin-bottom:9px;
}
.cmw__market-info--top .cmw__market-info-head>strong{
    display:block;
    font-size:18px !important;
    line-height:1.2 !important;
    font-weight:800;
    color:var(--cmw-ink);
}
.cmw__market-info--top .cmw__market-info-head>small{
    display:none !important;
}
.cmw__market-info--top .cmw__market-info-item>span{
    font-size:11px !important;
    line-height:1.3 !important;
    font-weight:600;
    margin-bottom:4px;
}
.cmw__market-info--top .cmw__market-info-item>strong{
    font-size:16px !important;
    line-height:1.15 !important;
    font-weight:700;
}
