/* ============================================================
   Custom Elementor Form – Wäsche Anfrage
   Elementor-feste Stile: button/h2/input-Resets + !important
   auf kritischen Properties gegen Kit & Theme-Overrides
   ============================================================ */

/* ── Globaler Button-Reset innerhalb des Widgets ────────────
   Verhindert dass Elementor-Kit (body button { font-family… })
   und Theme-Styles unsere Formular-Buttons überschreiben     */
.cef-form button,
.cef-form button:hover,
.cef-form button:focus,
.cef-form button:active {
	-webkit-appearance: none !important;
	appearance:         none !important;
	font-family:  inherit !important;
	line-height:  1 !important;
	cursor:       pointer !important;
	text-decoration: none !important;
	letter-spacing:  normal !important;
	text-transform:  none !important;
}

/* ── CSS-Variablen ────────────────────────────────────────── */

.cef-form {
	--cef-primary:    #3BBDB4;
	--cef-primary-dk: #2EA49C;
	--cef-bg:         #ffffff;
	--cef-text:       #1a1a1a;
	--cef-muted:      #6b7280;
	--cef-border:     #d1d5db;
	--cef-border-r:   8px;
	--cef-input-h:    48px;
	--cef-shadow:     0 4px 24px rgba(0, 0, 0, .08);
	--cef-summary-bg: #e4f5f4;
	--cef-tag-bg:     rgba(59, 189, 180, .12);
	--cef-tag-color:  #3BBDB4;

	background:    var(--cef-bg);
	border-radius: 16px;
	box-shadow:    var(--cef-shadow);
	padding:       32px 32px 40px;

	/* WICHTIG: width: 600px + max-width: 100% statt width: 100%
	   Dadurch hat das Formular immer eine feste Breite (600px) unabhängig
	   davon welcher Schritt sichtbar ist → kein Springen beim Step-Wechsel.
	   In engen Spalten greift max-width: 100% und das Formular passt sich an. */
	width:         600px;
	max-width:     100%;

	margin:        0 auto;
	font-family:   inherit;
	color:         var(--cef-text);
	box-sizing:    border-box;
	overflow-x:    hidden;
}

.cef-form *,
.cef-form *::before,
.cef-form *::after {
	box-sizing: border-box;
}

/* ── Schritt-Indikator ────────────────────────────────────── */

.cef-form .cef-steps-indicator {
	display:       flex;
	align-items:   flex-start;
	gap:           0;
	margin-bottom: 32px;
}

.cef-form .cef-steps-indicator__item {
	display:        flex;
	flex-direction: column;
	align-items:    center;
	gap:            6px;
	flex-shrink:    0;
}

.cef-form .cef-steps-indicator__circle {
	width:           40px;
	height:          40px;
	border-radius:   50% !important;
	border:          2px solid var(--cef-border) !important;
	background:      var(--cef-bg) !important;
	display:         flex;
	align-items:     center;
	justify-content: center;
	font-weight:     700;
	font-size:       15px;
	color:           var(--cef-muted) !important;
	transition:      background .25s, border-color .25s, color .25s;
	box-shadow:      none !important;
	padding:         0 !important;
	margin:          0 !important;
}

.cef-form .cef-steps-indicator__check {
	display: none;
}

.cef-form .cef-steps-indicator__item--active .cef-steps-indicator__circle,
.cef-form .cef-steps-indicator__item--done   .cef-steps-indicator__circle {
	border-color: var(--cef-primary) !important;
	background:   var(--cef-primary) !important;
	color:        #fff !important;
}

.cef-form .cef-steps-indicator__item--done .cef-steps-indicator__number {
	display: none;
}

.cef-form .cef-steps-indicator__item--done .cef-steps-indicator__check {
	display: flex;
	color:   #fff;
}

.cef-form .cef-steps-indicator__label {
	font-size:   12px;
	font-weight: 600;
	color:       var(--cef-muted);
	transition:  color .25s;
}

.cef-form .cef-steps-indicator__item--active .cef-steps-indicator__label,
.cef-form .cef-steps-indicator__item--done   .cef-steps-indicator__label {
	color: var(--cef-primary);
}

.cef-form .cef-steps-indicator__line {
	flex:       1;
	height:     2px;
	background: var(--cef-border);
	margin-top: 19px;
	position:   relative;
	overflow:   hidden;
}

.cef-form .cef-steps-indicator__line-fill {
	position:   absolute;
	left:       0;
	top:        0;
	height:     100%;
	width:      0%;
	background: var(--cef-primary);
	transition: width .4s ease;
}

/* ── Step-Panels ──────────────────────────────────────────── */

.cef-form .cef-step {
	animation: cef-fade-in .3s ease;
}

.cef-form .cef-step--hidden,
.cef-form .cef-success.cef-step--hidden {
	display: none;
}

@keyframes cef-fade-in {
	from { opacity: 0; transform: translateY(8px); }
	to   { opacity: 1; transform: translateY(0); }
}

/* ── Überschrift-Bereich ──────────────────────────────────── */

.cef-form .cef-step__accent {
	width:         40px;
	height:        3px;
	background:    var(--cef-primary);
	margin-bottom: 12px;
	border-radius: 2px;
}

/* h2-Reset: Elementor-Kit setzt body h2 { font-family; size; }
   .cef-form h2 (0-0-1-1) schlägt body h2 (0-0-0-2) in Spezifität.
   !important nur auf den Kernwerten als Sicherheitsnetz. */
.cef-form h2.cef-step__title {
	font-size:      26px !important;
	font-weight:    700 !important;
	margin:         0 0 6px !important;
	line-height:    1.2 !important;
	color:          var(--cef-text) !important;
	padding:        0 !important;
	border:         none !important;
	background:     none !important;
	letter-spacing: normal !important;
	text-transform: none !important;
}

.cef-form .cef-step__subtitle {
	font-size:   14px;
	color:       var(--cef-muted);
	margin:      0 0 28px !important;
	line-height: 1.5;
}

/* ── Felder ───────────────────────────────────────────────── */

.cef-form .cef-field {
	margin-bottom: 20px;
}

.cef-form .cef-field__label {
	display:       block !important;
	font-size:     14px !important;
	font-weight:   600 !important;
	margin-bottom: 8px !important;
	color:         var(--cef-text) !important;
	line-height:   1.4 !important;
}

.cef-form .cef-required {
	color:       var(--cef-primary);
	margin-left: 2px;
}

.cef-form .cef-optional {
	font-size:   12px !important;
	font-weight: 400 !important;
	color:       var(--cef-muted) !important;
	margin-left: 6px;
}

/* ── Toggle-Buttons ───────────────────────────────────────── */

.cef-form .cef-toggle-group {
	display:   flex;
	flex-wrap: wrap;
	gap:       8px;
}

.cef-form button.cef-toggle {
	height:          var(--cef-input-h) !important;
	padding:         0 20px !important;
	border:          1.5px solid var(--cef-border) !important;
	border-radius:   var(--cef-border-r) !important;
	background:      var(--cef-bg) !important;
	color:           var(--cef-text) !important;
	font-size:       14px !important;
	font-weight:     500 !important;
	transition:      background .18s, border-color .18s, color .18s !important;
	flex:            1;
	min-width:       120px;
	box-shadow:      none !important;
	text-shadow:     none !important;
	display:         inline-flex !important;
	align-items:     center !important;
	justify-content: center !important;
	outline:         none !important;
	margin:          0 !important;
}

.cef-form button.cef-toggle:hover {
	border-color: var(--cef-primary) !important;
}

.cef-form button.cef-toggle.cef-toggle--active {
	background:   var(--cef-primary) !important;
	border-color: var(--cef-primary) !important;
	color:        #fff !important;
}

.cef-form button.cef-toggle.cef-toggle--active:hover {
	background:   var(--cef-primary-dk) !important;
	border-color: var(--cef-primary-dk) !important;
	color:        #fff !important;
}

.cef-form .cef-toggle-group--wrap button.cef-toggle {
	flex:      0 1 auto;
	min-width: 100px;
}

/* ── Text-Inputs / Textarea ───────────────────────────────── */

.cef-form input.cef-input,
.cef-form textarea.cef-textarea {
	width:            100% !important;
	background:       var(--cef-bg) !important;
	color:            var(--cef-text) !important;
	font-family:      inherit !important;
	font-size:        14px !important;
	border:           1.5px solid var(--cef-border) !important;
	border-radius:    var(--cef-border-r) !important;
	outline:          none !important;
	box-shadow:       none !important;
	transition:       border-color .18s, box-shadow .18s !important;
	-webkit-appearance: none !important;
	appearance:         none !important;
}

.cef-form input.cef-input {
	height:  var(--cef-input-h) !important;
	padding: 0 14px !important;
	display: block !important;
}

.cef-form textarea.cef-textarea {
	padding:    12px 14px !important;
	resize:     vertical;
	min-height: 110px;
	line-height: 1.5 !important;
	display:    block !important;
}

.cef-form input.cef-input:focus,
.cef-form textarea.cef-textarea:focus {
	border-color: var(--cef-primary) !important;
	box-shadow:   0 0 0 3px rgba(59, 189, 180, .15) !important;
}

.cef-form input.cef-input.cef-input--error,
.cef-form textarea.cef-textarea.cef-input--error {
	border-color: #ef4444 !important;
}

.cef-form input.cef-input::placeholder,
.cef-form textarea.cef-textarea::placeholder {
	color:   var(--cef-muted);
	opacity: 1;
}

/* ── Zahlen-Input mit Suffix ──────────────────────────────── */

.cef-form .cef-input-suffix {
	display:       flex;
	align-items:   center;
	border:        1.5px solid var(--cef-border);
	border-radius: var(--cef-border-r);
	overflow:      hidden;
	transition:    border-color .18s, box-shadow .18s;
	background:    var(--cef-bg);
}

.cef-form .cef-input-suffix:focus-within {
	border-color: var(--cef-primary);
	box-shadow:   0 0 0 3px rgba(59, 189, 180, .15);
}

.cef-form .cef-input-suffix input.cef-input--number {
	border:        none !important;
	border-radius: 0 !important;
	flex:          1;
	min-width:     0;
	box-shadow:    none !important;
	height:        var(--cef-input-h) !important;
}

.cef-form .cef-input-suffix input.cef-input--number:focus {
	box-shadow: none !important;
	border:     none !important;
}

.cef-form .cef-input-suffix__label {
	padding:     0 14px 0 6px;
	font-size:   14px;
	color:       var(--cef-muted);
	user-select: none;
	white-space: nowrap;
}

/* ── Zwei-Spalten-Layout (Turnus + Menge) ─────────────────── */

.cef-form .cef-field--row {
	display:               grid;
	grid-template-columns: 1fr auto;
	gap:                   20px;
	align-items:           start;
}

.cef-form .cef-field__col--menge {
	width: 160px;
}

/* ── Multi-Select ─────────────────────────────────────────── */

.cef-form .cef-multiselect {
	position:      relative;
	border:        1.5px solid var(--cef-border);
	border-radius: var(--cef-border-r);
	background:    var(--cef-bg);
	transition:    border-color .18s, box-shadow .18s;
	user-select:   none;
}

.cef-form .cef-multiselect:focus,
.cef-form .cef-multiselect--open {
	border-color: var(--cef-primary);
	box-shadow:   0 0 0 3px rgba(59, 189, 180, .15);
	outline:      none;
}

.cef-form .cef-multiselect__display {
	display:         flex;
	align-items:     center;
	min-height:      var(--cef-input-h);
	padding:         6px 40px 6px 12px;
	cursor:          pointer;
	gap:             6px;
	flex-wrap:       wrap;
}

.cef-form .cef-multiselect__arrow {
	position:         absolute;
	right:            12px;
	top:              50%;
	transform:        translateY(-50%);
	color:            var(--cef-muted);
	pointer-events:   none;
	transition:       transform .2s;
	display:          flex;
}

.cef-form .cef-multiselect--open .cef-multiselect__arrow {
	transform: translateY(-50%) rotate(180deg);
}

.cef-form .cef-multiselect__tags {
	display:   flex;
	flex-wrap: wrap;
	gap:       6px;
	flex:      1;
}

.cef-form .cef-multiselect__placeholder {
	color:     var(--cef-muted);
	font-size: 14px;
}

.cef-form .cef-tag {
	display:        inline-flex;
	align-items:    center;
	gap:            4px;
	background:     var(--cef-tag-bg);   /* per Widget-Control anpassbar */
	color:          var(--cef-tag-color); /* per Widget-Control anpassbar */
	font-size:      13px;
	font-weight:    500;
	padding:        3px 8px 3px 10px;
	border-radius:  20px;
	line-height:    1.4;
}

.cef-form button.cef-tag__remove {
	width:           18px !important;
	height:          18px !important;
	min-width:       0 !important;
	flex:            0 0 18px !important;
	border-radius:   50% !important;
	border:          none !important;
	background:      transparent !important;
	cursor:          pointer !important;
	display:         flex !important;
	align-items:     center !important;
	justify-content: center !important;
	padding:         0 !important;
	color:           var(--cef-tag-color) !important;
	font-size:       15px !important;
	line-height:     1 !important;
	box-shadow:      none !important;
	margin:          0 !important;
	transition:      background .15s !important;
}

.cef-form button.cef-tag__remove:hover {
	background: rgba(0, 0, 0, .1) !important;
}

/* ── Akzeptanz-Checkbox ───────────────────────────────────── */

.cef-form .cef-field--acceptance {
	margin-top:    4px;
	margin-bottom: 16px;
}

.cef-form .cef-acceptance-label {
	display:     flex;
	align-items: flex-start;
	gap:         10px;
	cursor:      pointer;
	font-size:   13px;
	color:       var(--cef-text);
	line-height: 1.55;
	font-weight: 400;
}

.cef-form .cef-acceptance-label:hover .cef-acceptance-check {
	border-color: var(--cef-primary);
}

.cef-form input.cef-acceptance-check {
	/* Reset gegen Theme-Stile */
	-webkit-appearance: checkbox !important;
	appearance:         checkbox !important;
	width:              18px !important;
	height:             18px !important;
	min-width:          18px !important;
	margin-top:         2px !important;
	flex-shrink:        0;
	cursor:             pointer !important;
	accent-color:       var(--cef-primary);
	border:             none !important;
	box-shadow:         none !important;
	padding:            0 !important;
}

.cef-form .cef-acceptance-text a {
	color:           var(--cef-primary);
	text-decoration: underline;
}

.cef-form .cef-acceptance-text a:hover {
	color:           var(--cef-primary-dk);
	text-decoration: underline;
}

.cef-form .cef-acceptance-error {
	font-size:   12px;
	color:       #ef4444;
	margin-top:  5px;
	padding-left: 28px;  /* Einrückung an der Checkbox ausrichten */
	display:     none;
}

.cef-form .cef-acceptance-error--visible {
	display: block;
}

.cef-form .cef-multiselect__dropdown {
	display:        none;
	position:       absolute;
	top:            calc(100% + 4px);
	left:           0;
	right:          0;
	background:     var(--cef-bg);
	border:         1.5px solid var(--cef-primary);
	border-radius:  var(--cef-border-r);
	z-index:        9999;
	box-shadow:     0 8px 24px rgba(0, 0, 0, .12);
	max-height:     240px;
	overflow-y:     auto;
}

.cef-form .cef-multiselect--open .cef-multiselect__dropdown {
	display: block;
}

.cef-form .cef-multiselect__option {
	display:     flex;
	align-items: center;
	gap:         10px;
	padding:     11px 14px;
	font-size:   14px;
	cursor:      pointer;
	transition:  background .12s;
	color:       var(--cef-text);
}

.cef-form .cef-multiselect__option:hover {
	background: rgba(59, 189, 180, .08);
}

.cef-form .cef-multiselect__check {
	width:         18px;
	height:        18px;
	border:        1.5px solid var(--cef-border);
	border-radius: 4px;
	flex-shrink:   0;
	display:       flex;
	align-items:   center;
	justify-content: center;
	transition:    background .15s, border-color .15s;
}

.cef-form .cef-multiselect__option--selected .cef-multiselect__check {
	background:   var(--cef-primary);
	border-color: var(--cef-primary);
}

.cef-form .cef-multiselect__option--selected .cef-multiselect__check::after {
	content:       '';
	width:         10px;
	height:        6px;
	border-left:   2px solid #fff;
	border-bottom: 2px solid #fff;
	transform:     rotate(-45deg) translateY(-1px);
	display:       block;
}

/* ── Zusammenfassung Step 2 ───────────────────────────────── */

.cef-form .cef-summary {
	background:    var(--cef-summary-bg);
	border-radius: var(--cef-border-r);
	padding:       16px 18px;
	margin-bottom: 20px;
}

.cef-form .cef-summary__title {
	font-size:      11px !important;
	font-weight:    700 !important;
	letter-spacing: .06em !important;
	color:          var(--cef-muted) !important;
	margin:         0 0 10px !important;
	text-transform: uppercase !important;
}

.cef-form .cef-summary__grid {
	display:        flex;
	flex-direction: column;
	gap:            4px;
	margin-bottom:  8px;
}

.cef-form .cef-summary__row {
	display:   flex;
	flex-wrap: wrap;
	gap:       4px 20px;
	font-size: 13px;
	align-items: baseline;
}

.cef-form .cef-summary__key {
	font-weight: 700;
	color:       var(--cef-text);
}

.cef-form .cef-summary__val {
	color: var(--cef-text);
}

.cef-form .cef-summary__val--full {
	flex-basis: 100%;
}

.cef-form .cef-summary__nachricht {
	font-size:   13px !important;
	color:       var(--cef-muted);
	font-style:  italic;
	margin:      8px 0 0 !important;
	padding-top: 8px;
	border-top:  1px solid rgba(59, 189, 180, .25);
}

/* ── Haupt-Buttons ────────────────────────────────────────── */

.cef-form button.cef-btn {
	display:         inline-flex !important;
	align-items:     center !important;
	justify-content: center !important;
	gap:             6px !important;
	height:          52px !important;
	padding:         0 24px !important;
	border-radius:   var(--cef-border-r) !important;
	font-size:       15px !important;
	font-weight:     600 !important;
	font-family:     inherit !important;
	border:          1.5px solid transparent !important;
	transition:      background .18s, color .18s, border-color .18s, opacity .18s !important;
	text-decoration: none !important;
	box-shadow:      none !important;
	text-shadow:     none !important;
	outline:         none !important;
	letter-spacing:  normal !important;
	text-transform:  none !important;
	line-height:     1 !important;
	white-space:     nowrap;
	margin:          0 !important;
}

.cef-form button.cef-btn--primary {
	background:   var(--cef-primary) !important;
	color:        #fff !important;
	border-color: var(--cef-primary) !important;
}

.cef-form button.cef-btn--primary:hover {
	background:   var(--cef-primary-dk) !important;
	border-color: var(--cef-primary-dk) !important;
	color:        #fff !important;
}

.cef-form button.cef-btn--primary:disabled,
.cef-form button.cef-btn--primary[disabled] {
	opacity: .6;
	cursor:  not-allowed !important;
}

.cef-form button.cef-btn--secondary {
	background:   transparent !important;
	color:        var(--cef-text) !important;
	border-color: var(--cef-border) !important;
}

.cef-form button.cef-btn--secondary:hover {
	border-color: var(--cef-primary) !important;
	color:        var(--cef-primary) !important;
	background:   transparent !important;
}

.cef-form button.cef-btn--full {
	width: 100%;
}

/* ── Actions-Zeile ────────────────────────────────────────── */

.cef-form .cef-step__actions {
	margin-top: 24px;
}

.cef-form .cef-step__actions--split {
	display: flex;
	gap:     12px;
}

.cef-form .cef-step__actions--split button.cef-btn--secondary {
	flex: 0 0 120px;
}

.cef-form .cef-step__actions--split button.cef-btn--primary {
	flex: 1;
}

/* ── Pflichtfelder-Hinweis ────────────────────────────────── */

.cef-form .cef-pflichtfelder {
	font-size: 12px;
	color:     var(--cef-muted);
	margin:    16px 0 0;
}

/* ── Inline-Fehler ────────────────────────────────────────── */

.cef-form .cef-field-error {
	font-size:  12px;
	color:      #ef4444;
	margin-top: 5px;
	display:    none;
}

.cef-form .cef-field-error--visible {
	display: block;
}

/* ── Erfolgs-Screen ───────────────────────────────────────── */

.cef-form .cef-success {
	text-align: center;
	padding:    48px 24px;
}

.cef-form .cef-success__icon {
	color:         var(--cef-primary);
	margin-bottom: 16px;
}

.cef-form .cef-success__title {
	font-size:   22px !important;
	font-weight: 700 !important;
	margin:      0 0 8px !important;
	color:       var(--cef-text) !important;
}

.cef-form .cef-success__text {
	color:     var(--cef-muted);
	font-size: 15px;
	margin:    0;
}

/* ── Spinner ──────────────────────────────────────────────── */

.cef-form .cef-spinner {
	display:      inline-block;
	width:        16px;
	height:       16px;
	border:       2px solid rgba(255, 255, 255, .4);
	border-top-color: #fff;
	border-radius: 50%;
	animation:    cef-spin .6s linear infinite;
}

@keyframes cef-spin {
	to { transform: rotate(360deg); }
}

/* ── Responsive ───────────────────────────────────────────── */

/* ── 560px: Form füllt Container, kein seitliches Überlaufen ─ */
@media (max-width: 560px) {
	.cef-form {
		border-radius: 12px;
		/* max-width bleibt bei 600px, aber Container ist schmäler → form passt sich an */
	}
}

/* ── 520px: Layout-Umbrüche ───────────────────────────────── */
@media (max-width: 520px) {
	.cef-form {
		padding: 24px 18px 32px;
	}

	.cef-form h2.cef-step__title {
		font-size: 22px !important;
	}

	/* Turnus + Menge: von nebeneinander auf untereinander */
	.cef-form .cef-field--row {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	/* Menge-Spalte: nicht full-width, sondern auf sinnvolle Breite begrenzen */
	.cef-form .cef-field__col--menge {
		width:     100%;
		max-width: 200px;
	}

	/* Toggle-Buttons: automatisch wrapbar */
	.cef-form button.cef-toggle {
		flex:      1 1 auto;
		min-width: 100px;
	}

	/* Multiselect-Optionen: größere Tap-Targets auf Mobile */
	.cef-form .cef-multiselect__option {
		padding: 13px 14px;
	}
}

/* ── 480px: iOS-Zoom verhindern + kleinere Anpassungen ──────
   iOS Safari zoomt automatisch rein wenn input font-size < 16px.
   Daher inputs auf 16px setzen. Labels etwas kompakter.        */
@media (max-width: 480px) {
	.cef-form input.cef-input,
	.cef-form textarea.cef-textarea {
		font-size: 16px !important; /* iOS-Zoom-Prävention */
	}

	/* Auch Multiselect-Optionen größer für Lesbarkeit */
	.cef-form .cef-multiselect__option {
		font-size: 15px;
	}

	/* Placeholder des Multiselect lesbar halten */
	.cef-form .cef-multiselect__placeholder {
		font-size: 15px;
	}

	/* Tags etwas kompakter */
	.cef-form .cef-tag {
		font-size: 13px;
	}

	/* Summary-Zeilen: jedes Paar einzeln stapeln */
	.cef-form .cef-summary__row {
		flex-direction: column;
		gap:            2px;
	}

	/* "Leistung:"-Val braucht kein flex-basis:100% mehr beim Stapeln */
	.cef-form .cef-summary__val--full {
		flex-basis: auto;
	}

	/* Split-Buttons: Zurück etwas schmaler */
	.cef-form .cef-step__actions--split button.cef-btn--secondary {
		flex: 0 0 100px;
	}
}

/* ── 380px: Sehr schmale Geräte ───────────────────────────── */
@media (max-width: 380px) {
	.cef-form {
		padding:       20px 14px 28px;
		border-radius: 8px;
	}

	.cef-form h2.cef-step__title {
		font-size: 20px !important;
	}

	.cef-form .cef-step__subtitle {
		font-size:   13px;
		margin:      0 0 20px !important;
	}

	/* Schrittindikator: Beschriftung kleiner */
	.cef-form .cef-steps-indicator__label {
		font-size: 11px;
	}

	.cef-form .cef-steps-indicator__circle {
		width:     34px !important;
		height:    34px !important;
		font-size: 13px;
	}

	.cef-form .cef-steps-indicator__line {
		margin-top: 16px;
	}

	/* Pflichtfelder-Hinweis kompakter */
	.cef-form .cef-pflichtfelder {
		font-size: 11px;
	}

	/* Buttons etwas kompakter in der Höhe */
	.cef-form button.cef-btn {
		height:    48px !important;
		font-size: 14px !important;
	}

	.cef-form button.cef-toggle {
		height:    44px !important;
		font-size: 13px !important;
		padding:   0 14px !important;
	}

	/* Split-Button: Zurück als Icon-ähnlicher Button */
	.cef-form .cef-step__actions--split button.cef-btn--secondary {
		flex:    0 0 80px;
		padding: 0 12px !important;
	}

	/* Menge noch etwas enger, da Platz begrenzt */
	.cef-form .cef-field__col--menge {
		max-width: 160px;
	}

	/* Summary-Box kompakter */
	.cef-form .cef-summary {
		padding: 12px 14px;
	}

	.cef-form .cef-summary__title {
		font-size: 10px !important;
	}
}