/* ---------- Grundlayout ---------- */
.bfe                  { max-width:600px; margin:0 auto; font-family:"Inter",-apple-system,blinkmacsystemfont,sans-serif }
[data-step]           { display:none }
[data-step].active    { display:block }

h2                    { font-size:1.6rem; margin:0 0 24px; font-weight:700; color:#082032 }
.bfe-grid             { display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:18px }

/* ---------- Karten ---------- */
.bfe-card{
	display:flex; flex-direction:column; align-items:center; justify-content:center;
	background:#f8f9ff; border:3px solid #1db6d8; border-radius:18px; padding:22px 12px; cursor:pointer;
	transition:border .15s,transform .15s,box-shadow .15s; text-align:center;
}
.bfe-card input       { display:none }
.bfe-card .bfe-icon   { width:64px; height:64px; margin-bottom:10px }
.bfe-card img         { max-width:100%; max-height:100% }
.bfe-label            { font-weight:600; color:#082032 }

/* Hover / checked */
.bfe-card:hover,
.bfe-card input:checked ~ .bfe-icon { transform:scale(1.05) }
.bfe-card input:checked ~ .bfe-label{ color:#1db6d8 }
.bfe-card:hover       { box-shadow:0 4px 12px rgba(0,0,0,.1) }

/* ---------- Buttons ---------- */
button{
	background:#1db6d8; color:#fff; border:0; border-radius:30px; padding:14px 32px; font-size:1.1rem; cursor:pointer;
}

/* ---------- Eingabefelder ---------- */
input[type=text],
input[type=tel],
input[type=email],
input[type=number]{
	width:100%;
	padding:14px 18px;
	border:2px solid #c8cdd9;
	border-radius:10px;
	margin-bottom:16px;      /* gleichmäßiger Abstand */
	font-size:1rem;
	box-sizing:border-box;
}

/* ---------- Datenschutz‑Checkbox ---------- */
.bfe-privacy{
	display:flex;
	align-items:flex-start;
	gap:8px;
	margin:8px 0 20px;
	font-size:0.95rem;
	line-height:1.35;
}
.bfe-privacy input{
	margin-top:4px;
	transform:scale(1.1);
}
.bfe-privacy a{
	color:#1db6d8;
	text-decoration:underline;
}