/* DIGANETZ Blog – Artikel-Module (Frontend + Editor) */
.dgz-m {
	--m-navy: #072042;
	--m-blue: #0B5FD7;
	--m-light: #E6F1FB;
	box-sizing: border-box;
	margin-block: 36px !important;
	padding: 24px 28px !important;
	border-radius: 18px;
	font-family: Arial, Helvetica, sans-serif;
}
.dgz-m > * { margin-block: 0 !important; }
.dgz-m > * + * { margin-block-start: 10px !important; }
.dgz-m p { font-size: 16px; line-height: 1.65; }
.dgz-m .dgz-m-label {
	font-size: 12px !important;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
.dgz-m .dgz-m-title {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	margin-block-end: 6px !important;
}

/* Info / Tipp / Warnung */
.dgz-m-info { background: #EEF4FC; border-inline-start: 4px solid #0B5FD7; color: #1F2D44; }
.dgz-m-info .dgz-m-label { color: #0B5FD7; }
.dgz-m-tipp { background: #ECFDF3; border-inline-start: 4px solid #16A34A; color: #14361F; }
.dgz-m-tipp .dgz-m-label { color: #15803D; }
.dgz-m-warn { background: #FFF7EC; border-inline-start: 4px solid #F59E0B; color: #3A2A10; }
.dgz-m-warn .dgz-m-label { color: #B45309; }

/* Das Wichtigste in Kürze */
.dgz-m-key { background: #072042; color: #FFFFFF; padding: 28px 32px !important; }
.dgz-m-key .dgz-m-title { color: #FFFFFF !important; }
.dgz-m-key ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.dgz-m-key li {
	position: relative;
	padding-inline-start: 34px;
	margin: 0 0 10px !important;
	font-size: 16px;
	line-height: 1.55;
	color: #DCE8FA;
}
.dgz-m-key li::before {
	content: "✓";
	position: absolute;
	inset-inline-start: 0;
	top: 1px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #2F7BFF;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 700;
	line-height: 22px;
	text-align: center;
}

/* Fazit */
.dgz-m-fazit { background: #F1F4F9; border-top: 3px solid #072042; color: #1F2D44; }
.dgz-m-fazit .dgz-m-label { color: #072042; }
.dgz-m-fazit p:not(.dgz-m-label) { font-size: 17px; font-weight: 600; }

/* Zitat */
.wp-block-quote.dgz-m-quote {
	position: relative;
	margin-block: 40px !important;
	padding: 8px 0 8px 28px !important;
	border-inline-start: 4px solid #0B5FD7 !important;
	font-family: Arial, Helvetica, sans-serif;
}
.wp-block-quote.dgz-m-quote p {
	font-size: 24px !important;
	line-height: 1.45 !important;
	font-weight: 700;
	color: #072042;
}
.wp-block-quote.dgz-m-quote cite {
	display: block;
	margin-top: 12px;
	font-size: 14px;
	font-style: normal;
	color: #5B616B;
}

/* Zahlen & Fakten */
.wp-block-columns.dgz-m-stats { padding: 0 !important; gap: 14px !important; }
.dgz-m-stats .wp-block-column {
	padding: 22px;
	border-radius: 16px;
	background: #F1F4F9;
}
.dgz-m-stats .dgz-m-num {
	margin: 0 0 4px !important;
	font-size: 40px !important;
	font-weight: 700;
	line-height: 1.1 !important;
	letter-spacing: -0.02em;
	color: #0B5FD7;
}
.dgz-m-stats p:not(.dgz-m-num) { margin: 0 !important; font-size: 14px; color: #5B616B; line-height: 1.5; }

/* Vorteile & Nachteile */
.wp-block-columns.dgz-m-procon { padding: 0 !important; gap: 14px !important; }
.dgz-m-procon .wp-block-column { padding: 22px 24px; border-radius: 16px; }
.dgz-m-procon .dgz-m-pro { background: #ECFDF3; }
.dgz-m-procon .dgz-m-contra { background: #FEF2F2; }
.dgz-m-procon h4 { margin: 0 0 10px !important; font-size: 17px !important; font-family: Arial, Helvetica, sans-serif !important; }
.dgz-m-procon .dgz-m-pro h4 { color: #15803D !important; }
.dgz-m-procon .dgz-m-contra h4 { color: #B42318 !important; }
.dgz-m-procon ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.dgz-m-procon li { position: relative; padding-inline-start: 26px; margin: 0 0 8px !important; font-size: 15px; line-height: 1.5; }
.dgz-m-procon .dgz-m-pro li::before { content: "✓"; position: absolute; inset-inline-start: 0; color: #16A34A; font-weight: 700; }
.dgz-m-procon .dgz-m-contra li::before { content: "✕"; position: absolute; inset-inline-start: 0; color: #DC2626; font-weight: 700; }

/* Schritt für Schritt */
.dgz-m-steps { background: #FFFFFF; border: 1px solid #E3E9F2; }
.dgz-m-steps .dgz-m-title { color: #072042; }
.dgz-m-steps ol { list-style: none !important; counter-reset: dgzstep; padding: 0 !important; margin: 0 !important; }
.dgz-m-steps li {
	counter-increment: dgzstep;
	position: relative;
	min-height: 34px;
	padding: 5px 0 14px 50px;
	margin: 0 !important;
	font-size: 16px;
	line-height: 1.55;
}
.dgz-m-steps li::before {
	content: counter(dgzstep);
	position: absolute;
	inset-inline-start: 0;
	top: 0;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #0B5FD7;
	color: #FFFFFF;
	font-weight: 700;
	font-size: 15px;
	line-height: 34px;
	text-align: center;
}
.dgz-m-steps li:not(:last-child)::after {
	content: "";
	position: absolute;
	inset-inline-start: 16px;
	top: 38px;
	bottom: 2px;
	width: 2px;
	background: #DCE6F5;
}

/* Tabelle */
.wp-block-table.dgz-m-table { margin-block: 32px !important; overflow-x: auto; }
.dgz-m-table table { width: 100%; border-collapse: separate !important; border-spacing: 0; border: 1px solid #E3E9F2; border-radius: 14px; overflow: hidden; font-family: Arial, Helvetica, sans-serif; }
.dgz-m-table th { background: #072042 !important; color: #FFFFFF !important; border: 0 !important; padding: 12px 16px !important; text-align: left; font-size: 14px; }
.dgz-m-table td { border: 0 !important; border-top: 1px solid #EEF1F6 !important; padding: 12px 16px !important; font-size: 15px; color: #1F2937; }
.dgz-m-table tbody tr:nth-child(even) td { background: #FAFBFD; }
.dgz-m-table td:first-child { font-weight: 700; color: #072042; }

/* FAQ */
.dgz-m-faq { background: #F1F4F9; }
.dgz-m-faq .dgz-m-title { color: #072042; }
.dgz-m-faq .wp-block-details {
	margin: 0 0 10px !important;
	padding: 0 !important;
	border-radius: 12px;
	background: #FFFFFF;
	overflow: hidden;
}
.dgz-m-faq .wp-block-details summary {
	padding: 14px 18px;
	font-weight: 700;
	font-size: 16px;
	color: #072042;
	cursor: pointer;
	list-style-position: inside;
}
.dgz-m-faq .wp-block-details > p { padding: 0 18px 16px; margin: 0 !important; color: #3A4250; }

/* Beratungs-Box */
.dgz-m-cta { background: #072042; background-image: linear-gradient(135deg, #072042 0%, #0B3A7A 100%); color: #FFFFFF; padding: 32px !important; }
.dgz-m-cta .dgz-m-title { color: #FFFFFF !important; font-size: 22px !important; }
.dgz-m-cta p { color: #C9D6EA; }
.dgz-m-cta .wp-block-buttons { margin-block-start: 16px !important; }
.dgz-m-cta .wp-block-button__link {
	padding: 13px 24px !important;
	border-radius: 999px !important;
	background: #FFFFFF !important;
	color: #072042 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-weight: 700 !important;
	font-size: 15px !important;
	text-decoration: none !important;
}
.dgz-m-cta .wp-block-button__link:hover { background: #E6F1FB !important; }

@media (max-width: 600px) {
	.dgz-m { padding: 20px !important; }
	.wp-block-quote.dgz-m-quote p { font-size: 20px !important; }
	.dgz-m-stats .dgz-m-num { font-size: 34px !important; }
}
