/* Ausgelagert aus template-parts/blocks/garantie.php – Reihenfolge der Blöcke wie in der Vorlage. */
.se-gar{background:var(--se-blue);border-radius:36px;padding:56px;display:grid;grid-template-columns:repeat(var(--se-gar-n,3),minmax(0,1fr));gap:32px;color:#fff;}
.se-gar__item{text-align:center;}
.se-gar__zahl small,.se-gar__zahl span{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--se-accent-pale);}
.se-gar__zahl small{margin-bottom:4px;}
.se-gar__zahl span{margin-top:6px;}
.se-gar__zahl b{display:block;font-size:64px;font-weight:800;letter-spacing:-.03em;line-height:1;white-space:nowrap;}
.se-gar__t{margin-top:12px;font-size:17px;font-weight:700;line-height:1.3;text-wrap:balance;}
.se-gar__d{margin-top:4px;font-size:14px;line-height:1.45;color:var(--se-accent-pale);}
@media(max-width:1000px){.se-gar{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px;}}
/* Handy: Garantie-Liste. Ein Raster für alle Zeilen, damit die Zahlenspalte
   überall gleich breit ist (auch bei „A+++" oder „100"). */
@media(max-width:640px){
	.se-gar{grid-template-columns:auto minmax(0,1fr);gap:0;padding:10px 22px !important;}
	.se-gar__item{display:contents;}
	.se-gar__zahl,.se-gar__txt{padding:16px 0;}
	.se-gar__zahl{min-width:62px;text-align:center;}
	.se-gar__txt{padding-left:16px;text-align:left;align-self:stretch;display:flex;flex-direction:column;justify-content:center;}
	.se-gar__item + .se-gar__item > .se-gar__zahl,
	.se-gar__item + .se-gar__item > .se-gar__txt{border-top:1px solid rgba(255,255,255,.18);}
	.se-gar__zahl{align-self:stretch;display:flex;flex-direction:column;justify-content:center;}
	.se-gar__zahl b{font-size:40px;}
	.se-gar__zahl small{margin-bottom:2px;font-size:10.5px;letter-spacing:.07em;}
	.se-gar__zahl span{margin-top:3px;font-size:10.5px;letter-spacing:.07em;}
	.se-gar__t{margin-top:0;font-size:16px;line-height:1.25;text-wrap:pretty;}
	.se-gar__d{margin-top:3px;font-size:13.5px;}
}