/*
 * DOMAINS · SERVICE
 *
 * Encoding: ASCII-only. Nicht durch BPM_ENCODING.
 * content: "..." nur CSS-Escapes (\00FC, \20AC).
 */

.dpl-service-area {
	padding: 3px 0 20px;
}

/*
 * Die Track-Leiste ist 400% breit (vier In-place-Views).
 * Im 600px-AAM-Konfigurator darf das den Content nicht aufblasen:
 * min-width:auto wuerde sonst max-width des Parents knacken.
 */
#aam-editor-help-service,
#aam-editor-help-service .dpl-service-area,
#aam-editor-help-service .dpl-service-stage {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

#aam-editor-help-service {
	contain: inline-size;
	overflow-x: hidden;
}

#aam-editor-help-service .dpl-service-stage {
	overflow: hidden;
}

#aam-editor-help-service .dpl-service-track {
	display: block;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	transform: none !important;
	will-change: auto;
}

#aam-editor-help-service .dpl-service-view {
	flex: none;
	width: 100%;
	max-width: 100%;
	min-width: 0;
}

#aam-editor-help-service .dpl-service-view[aria-hidden="true"] {
	display: none !important;
	height: auto;
	overflow: hidden;
	visibility: hidden;
	pointer-events: none;
}

#aam-editor-help-service .dpl-service-account-action-row {
	flex-wrap: wrap;
}

.dpl-service-stage {
	width: 100%;
	overflow: hidden;
}

.dpl-service-track {
	display: flex;
	align-items: flex-start;
	width: 400%;
	transform: translateX(0);
	transition: transform .24s cubic-bezier(.22,.61,.36,1);
	will-change: transform;
}

.dpl-service-area[data-dpl-service-view-current="login"] .dpl-service-track {
	transform: translateX(-25%);
}

.dpl-service-area[data-dpl-service-view-current="account"] .dpl-service-track {
	transform: translateX(-50%);
}

.dpl-service-area[data-dpl-service-view-current="enquiry"] .dpl-service-track {
	transform: translateX(-75%);
}

.dpl-service-view {
	flex: 0 0 25%;
	width: 25%;
	min-width: 0;
	box-sizing: border-box;
}

.dpl-service-view[aria-hidden="true"] {
	height: 0;
	overflow: hidden;
	visibility: hidden;
	pointer-events: none;
}

.dpl-service-block {
	--dpl-service-rule: #cfd9dd;

	position: relative;
	display: flex;
	flex-direction: column;
	gap: 0;

	box-sizing: border-box;
	padding: 0 0 9px 20px;
	border-bottom: 0;
}

/*
 * Exakt dieselbe Textachse wie DOMAIN · WHOIS / STATUS:
 * Titel und Inhalt beginnen 20px rechts; das 15px-Icon steht
 * links davon innerhalb der sichtbaren SERVICE-Fläche.
 */
.dpl-service-block::before {
	content: none;
}

.dpl-service-block + .dpl-service-block::before {
	content: "";

	position: absolute;
	left: 20px;
	right: 0;
	top: 0;

	height: 1px;

	background: var(--dpl-service-rule);

	pointer-events: none;
}

.dpl-service-block + .dpl-service-block {
	margin-top: 5px;
	padding-top: 30px;
}

.dpl-service-block strong {
	color: #000000;
}

/*
 * TELEGRAM · kompakte Aktion + separater Erklaerungstext
 *
 * Nur Logo + ABONNIEREN bilden die Schaltflaeche.
 * Der bestehende Beschreibungstext bleibt rechts daneben.
 */
.dpl-service-telegram-row {
	display: flex;
	align-items: center;
	gap: 9px;

	width: 100%;
	min-width: 0;
}

.dpl-service-telegram-button {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;

	flex: 0 0 auto;
	height: 28px;
	box-sizing: border-box;

	padding: 0 8px 0 5px;

	border: 1px solid #9eb8c5;
	border-radius: 4px;

	background:
		linear-gradient(
			to bottom,
			#ffffff 0%,
			#eef5f8 55%,
			#ddeaf0 100%
		);

	color: #254b5e;
	text-decoration: none;

	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.98),
		0 1px 2px rgba(35,78,98,.10);

	cursor: pointer;

	transition:
		border-color .13s ease,
		background .13s ease,
		color .13s ease,
		box-shadow .13s ease,
		transform .08s ease;
}

.dpl-service-telegram-button:hover,
.dpl-service-telegram-button:focus {
	border-color: #006699;

	background:
		linear-gradient(
			to bottom,
			#ffffff 0%,
			#e5f4fb 48%,
			#cbe7f3 100%
		);

	color: #004d72;
	text-decoration: none;
	outline: none;

	box-shadow:
		inset 0 1px 0 rgba(255,255,255,1),
		0 2px 4px rgba(0,102,153,.17);
}

.dpl-service-telegram-button:active {
	transform: translateY(1px);

	background:
		linear-gradient(
			to bottom,
			#d9edf6 0%,
			#edf7fb 100%
		);

	box-shadow:
		inset 0 2px 4px rgba(0,69,103,.18),
		0 1px 1px rgba(0,72,105,.08);
}

.dpl-service-telegram-logo {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 18px;
	height: 18px;
	flex: 0 0 18px;

	margin-right: 6px;

	border-radius: 50%;
	background: #229ed9;

	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.32),
		0 1px 2px rgba(0,0,0,.14);
}

.dpl-service-telegram-button:hover
	.dpl-service-telegram-logo,
.dpl-service-telegram-button:focus
	.dpl-service-telegram-logo {
	background: #168fc9;
}

.dpl-service-telegram-logo svg {
	display: block;
	width: 12px;
	height: 12px;
	fill: #ffffff;
}

.dpl-service-telegram-button-label {
	display: inline-block;

	color: inherit;
	font: 600 8px/1 Arial, Helvetica, sans-serif;
	letter-spacing: .035em;
	white-space: nowrap;
}

.dpl-service-telegram-row
	> .dpl-ui-copy {
	display: block;
	min-width: 0;
	flex: 1 1 auto;
}

/* KUNDENKONTO · gemeinsame Aktionszeile */
.dpl-service-account-action-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;

	width: 100%;
	min-width: 0;
	box-sizing: border-box;
	margin-top: 25px;
}

.dpl-service-account-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 6px;
	margin: 0 0 0 auto;
}

.dpl-service-action,
.dpl-service-back,
.dpl-service-support button {
	box-sizing: border-box;
	height: 25px;
	padding: 0 8px;
	border: 1px solid #cdd3d6;
	border-radius: 4px;
	background: linear-gradient(to bottom, #ffffff, #f1f3f4);
	color: #59656b;
	font: 500 10px/1 Arial, Helvetica, sans-serif;
	cursor: pointer;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 1px 2px rgba(0,0,0,.06);
	transition: border-color .13s ease, background .13s ease, color .13s ease, box-shadow .13s ease, transform .08s ease;
}

.dpl-service-action:hover,
.dpl-service-action:focus,
.dpl-service-back:hover,
.dpl-service-back:focus {
	border-color: #9fa8ad;
	background: linear-gradient(to bottom, #ffffff, #e9edef);
	color: #303a40;
	outline: none;
}

.dpl-service-action:active,
.dpl-service-back:active {
	transform: translateY(1px);
}

.dpl-service-action-primary {
	border-color: #252d32;
	background: linear-gradient(to bottom, #59636a 0%, #343d43 52%, #252c31 100%);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,.42);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 1px 2px rgba(0,0,0,.16);
}

.dpl-service-action-primary:hover,
.dpl-service-action-primary:focus {
	border-color: #151b1f;
	background: linear-gradient(to bottom, #626d74 0%, #3c464d 52%, #293136 100%);
	color: #fff;
}

.dpl-service-support {
	flex: 0 0 auto;
	margin: 0;
	text-align: left;
}

.dpl-service-support button {
	border-color: #d6dbdd;
	background: linear-gradient(to bottom, #ffffff, #f3f4f4);
	color: #8a9397;
	cursor: default;
	box-shadow: none;
}


.dpl-service-subview {
	padding-top: 2px;
}

.dpl-service-subhead {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 0 0 9px 0;
	border-bottom: 1px solid #eceff0;
}

.dpl-service-subhead strong {
	color: #3c484e;
	font: 500 9px/1.2 Arial, Helvetica, sans-serif;
	letter-spacing: .25px;
}

.dpl-service-back {
	flex: 0 0 auto;
}

.dpl-service-dynamic-slot {
	box-sizing: border-box;
	padding-top: 10px;
}

.dpl-service-shared-login
	> .dpl-ui-copy {
	margin: 0 0 9px 0;
}

.dpl-service-note {
	box-sizing: border-box;
	margin: 0 0 10px 0;
	padding: 8px 10px;
	border-left: 3px solid #8c979c;
	background: #f5f7f7;
	color: #4f5a60;
	font: 400 9px/1.45 Arial, Helvetica, sans-serif;
}

.dpl-service-note-error {
	border-left-color: #bb0000;
	background: #fff3f3;
	color: #8f0000;
}

.dpl-service-note-success {
	border-left-color: #238046;
	background: #f0faf3;
	color: #245a35;
}

.dpl-service-login-form {
	box-sizing: border-box;
	width: 100%;
	padding: 10px;
	border: 1px solid #ccd1d5;
	border-radius: 6px;
	background: linear-gradient(to bottom, #fafbfc 0%, #edf0f2 100%);
	box-shadow: inset 0 1px 0 #fff, 0 2px 5px rgba(0,0,0,.08);
}

.dpl-service-login-form form {
	display: block !important;
	width: 100%;
	margin: 0;
}

.dpl-service-login-form table.login,
.dpl-service-login-form table.login tbody {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}

.dpl-service-login-form table.login tbody {
	display: grid;
	grid-template-columns: minmax(0,1fr) minmax(0,1fr) 92px;
	align-items: center;
	gap: 6px;
}

.dpl-service-login-form table.login tr,
.dpl-service-login-form table.login td {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0 !important;
}

.dpl-service-login-form .login1 input,
.dpl-service-login-form .login2 input {
	width: 100%;
	height: 30px;
	box-sizing: border-box;
	margin: 0;
	padding: 0 9px;
	font: 400 10px Arial, Helvetica, sans-serif;
}

.dpl-service-login-form .quicksearch3 {
	white-space: nowrap;
	font-size: 0;
}

.dpl-service-login-form .quicksearch3 input[type="button"] {
	display: none !important;
}

.dpl-service-login-form .quicksearch3 input[type="submit"] {
	width: 92px;
	height: 30px;
	box-sizing: border-box;
	margin: 0;
	padding: 0 9px;
	border: 1px solid #252d32;
	border-radius: 4px;
	background: linear-gradient(to bottom, #59636a 0%, #343d43 52%, #252c31 100%);
	color: #fff;
	font: 500 9px Arial, Helvetica, sans-serif;
	letter-spacing: .25px;
	text-transform: uppercase;
	text-shadow: 0 -1px 0 rgba(0,0,0,.42);
	cursor: pointer;
}

.dpl-service-shared[hidden] {
	display: none !important;
}

@media (max-width: 620px) {
	.dpl-service-account-action-row {
		align-items: stretch;
		flex-direction: column;
	}

	.dpl-service-account-actions {
		align-items: stretch;
		flex-direction: column;
		margin-left: 0;
	}

	.dpl-service-support,
	.dpl-service-support button,
	.dpl-service-action {
		width: 100%;
	}

	.dpl-service-login-form table.login tbody {
		grid-template-columns: 1fr;
	}

	.dpl-service-login-form .quicksearch3 input[type="submit"] {
		width: 100%;
	}
}

/*
 * SERVICE · ABSCHNITTSHEADER
 * Geometrie 1:1 aus DOMAIN · WHOIS / STATUS übernommen.
 * Die Fontgröße kann hier zentral nachjustiert werden.
 */
/*
 * Die gemeinsame Typografie/Kappe kommt aus dpl-ui-*.
 * Nur SERVICE-spezifische Header-/Icon-Geometrie bleibt hier.
 */
.dpl-service-block > .dpl-ui-section-heading {
	position: relative;
	display: block;
	margin: 0 0 8px;
}

.dpl-service-block > .dpl-ui-section-heading > .dpl-ui-icon-cap {
	position: absolute;
	left: -20px;
	top: 50%;
	transform: translateY(-50%);

	color: #47636d;
	font: 900 10px/12px Arial, Helvetica, sans-serif;
	letter-spacing: 0;
}

/*
 * 15px-Rahmen: SVG bewusst nur 11px groß und stark vereinfacht.
 * So bleiben Glocke und Warenkorb bei dieser Größe klar lesbar.
 */
.dpl-service-section-icon-svg svg {
	display: block;
	width: 11px;
	height: 11px;
	overflow: visible;

	fill: none;
	stroke: currentColor;
	stroke-width: 1.7;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.dpl-service-section-icon-svg circle {
	fill: none;
}

/*
 * ============================================================
 * SERVICEKONTO · EMBED-SUBMIT
 * ============================================================
 *
 * Nur innerhalb DOMAINS → SERVICE.
 *
 * Originalbutton in /skin/service/new/form.php bleibt
 * vollständig unverändert.
 *
 * SERVICE-Darstellung:
 *
 *      [ BEANTRAGEN ]
 *
 * - 80px breit
 * - nur gelb
 * - kein schwarzer Bereich
 * - kein Pfeil
 * - kein €-/sonstiges Icon
 */


/*
 * GELBE FORMULARAKTIONEN
 *
 * BEANTRAGEN / ABSENDEN / KUNDENTICKET SENDEN
 * besitzen dieselbe sichtbare Button-Physik.
 * !important bleibt notwendig, weil der eingebettete
 * Kontoantrag Legacy-Regeln uebersteuern muss.
 */
.dpl-service-enquiry-submit,
.dpl-service-shared-account
	#maispCustomerForm
	button.btn_go[type="submit"] {
	position: relative !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 auto !important;
	width: 80px !important;
	min-width: 80px !important;
	max-width: 80px !important;
	height: 30px !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid #d49300 !important;
	border-radius: 5px !important;
	background: linear-gradient(to bottom,#ffdc72 0%,#ffc21a 52%,#eca000 100%) !important;
	background-image: linear-gradient(to bottom,#ffdc72 0%,#ffc21a 52%,#eca000 100%) !important;
	color: #303840 !important;
	font: 700 10px/1 Arial, Helvetica, sans-serif !important;
	letter-spacing: 0 !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	text-shadow: 0 1px 0 rgba(255,255,255,.55) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.68), inset 0 -1px 0 rgba(113,72,0,.15), 0 1px 2px rgba(83,59,0,.20) !important;
	filter: none !important;
	transform: none !important;
	overflow: hidden !important;
	cursor: pointer !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	outline: none !important;
	transition: border-color .12s ease, background .12s ease, box-shadow .12s ease, transform .08s ease !important;
}

.dpl-service-enquiry-submit:hover,
.dpl-service-shared-account
	#maispCustomerForm
	button.btn_go[type="submit"]:hover {
	border-color: #bd8300 !important;
	background: linear-gradient(to bottom,#ffe38d 0%,#ffca2e 50%,#eea200 100%) !important;
	background-image: linear-gradient(to bottom,#ffe38d 0%,#ffca2e 50%,#eea200 100%) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.75), inset 0 -1px 0 rgba(113,72,0,.12), 0 2px 4px rgba(91,61,0,.20) !important;
	filter: none !important;
	transform: translateY(-1px) !important;
}

.dpl-service-enquiry-submit:focus,
.dpl-service-shared-account
	#maispCustomerForm
	button.btn_go[type="submit"]:focus {
	border-color: #b67b00 !important;
	outline: none !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.68), 0 0 0 2px rgba(255,194,26,.22), 0 1px 2px rgba(83,59,0,.18) !important;
}

/* Legacy-Kontoantrag: Originalinhalt bleibt fuer JS im DOM, ist aber unsichtbar. */
.dpl-service-shared-account
	#maispCustomerForm
	button.btn_go[type="submit"] {
	font-size: 0 !important;
	line-height: 0 !important;
}

/*
 * BEIDE ORIGINAL-SPANS UNSICHTBAR.
 *
 * Sie bleiben absichtlich im DOM, weil das bestehende
 * Inline-JavaScript des Originalbuttons auf children[0]
 * und children[1] zugreift.
 */
.dpl-service-shared-account
	#maispCustomerForm
	button.btn_go[type="submit"]
	> span {
	display: none !important;
}


/*
 * EVENTUELLES GLOBALES ICON VOLLSTÄNDIG ENTFERNEN
 */
.dpl-service-shared-account
	#maispCustomerForm
	button.btn_go[type="submit"]::before {
	content: none !important;

	display: none !important;

	width: 0 !important;
	height: 0 !important;

	margin: 0 !important;
	padding: 0 !important;

	background: none !important;
	background-image: none !important;
}


/*
 * EINZIG SICHTBARER BUTTONINHALT
 */
.dpl-service-shared-account
	#maispCustomerForm
	button.btn_go[type="submit"]::after {

	content: "BEANTRAGEN" !important;

	position: static !important;

	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;

	width: 100% !important;
	height: 100% !important;

	box-sizing: border-box !important;

	margin: 0 !important;
	padding: 0 !important;

	border: 0 !important;

	background: transparent !important;
	background-image: none !important;

	color: #303840 !important;

	font:
		700
		10px/1
		Arial,
		Helvetica,
		sans-serif !important;

	letter-spacing: 0 !important;

	text-indent: 0 !important;
	text-transform: uppercase !important;

	text-shadow:
		0 1px 0 rgba(255,255,255,.55) !important;

	box-shadow: none !important;

	transform: none !important;

	pointer-events: none !important;
}


/*
 * ============================================================
 * SERVICEKONTO · ERFOLGREICH BEANTRAGT / 24H-LOKALSPERRE
 * ============================================================
 */

.dpl-service-account-status-badge[hidden],
.dpl-service-account-success-copy[hidden] {
	display: none !important;
}

.dpl-service-account-status-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 3px;

	margin-left: 8px;
	padding: 2px 6px;

	border: 1px solid #2f7650;
	border-radius: 9px;

	background:
		linear-gradient(
			to bottom,
			#5e9a79 0%,
			#39795a 55%,
			#286346 100%
		);

	color: #ffffff !important;

	font: 700 8px/1 Arial, Helvetica, sans-serif !important;
	letter-spacing: .025em !important;
	white-space: nowrap;
	vertical-align: middle;

	text-shadow: 0 -1px 0 rgba(21,68,44,.35);

	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.25),
		0 1px 2px rgba(31,82,55,.16);
}

.dpl-service-account-status-badge > span {
	font-size: 9px;
	line-height: 1;
}

.dpl-service-account-success-copy {
	box-sizing: border-box;

	margin-top: 9px;
	padding: 7px 9px;

	border-left: 3px solid #39795a;

	background:
		linear-gradient(
			to right,
			rgba(231,245,235,.92) 0%,
			rgba(248,252,249,.55) 72%,
			rgba(255,255,255,0) 100%
		);

	color: #315a40;
	font: 500 10px/1.35 Arial, Helvetica, sans-serif;
}

.dpl-service-local-lock-note {
	box-sizing: border-box;

	margin: 0 0 12px;
	padding: 8px 10px;

	border: 1px solid #dec98d;
	border-left: 4px solid #dda500;
	border-radius: 3px;

	background: #fff8df;

	color: #5b4b1e;
	font: 500 10px/1.4 Arial, Helvetica, sans-serif;
}

/*
 * Nur wenn die lokale 24h-Sperre exakt für die eingegebene
 * E-Mail-Adresse greift. Andere E-Mail-Adressen bleiben nutzbar.
 */
.dpl-service-shared-account
	#maispCustomerForm
	button.btn_go[type="submit"][data-dpl-service-local-lock-disabled="1"],
.dpl-service-shared-account
	#maispCustomerForm
	button.btn_go[type="submit"][data-dpl-service-local-lock-disabled="1"]:hover,
.dpl-service-shared-account
	#maispCustomerForm
	button.btn_go[type="submit"][data-dpl-service-local-lock-disabled="1"]:active,
.dpl-service-shared-account
	#maispCustomerForm
	button.btn_go[type="submit"][data-dpl-service-local-lock-disabled="1"]:focus {
	border-color: #c8b77e !important;

	background:
		linear-gradient(
			to bottom,
			#f1e5bd 0%,
			#e2cf91 55%,
			#cfb66e 100%
		) !important;

	background-image:
		linear-gradient(
			to bottom,
			#f1e5bd 0%,
			#e2cf91 55%,
			#cfb66e 100%
		) !important;

	color: #756a4a !important;

	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.58),
		0 1px 1px rgba(83,59,0,.08) !important;

	cursor: not-allowed !important;
	filter: none !important;
	transform: none !important;
}

.dpl-service-shared-account
	#maispCustomerForm
	button.btn_go[type="submit"][data-dpl-service-local-lock-disabled="1"]::after {
	color: #756a4a !important;
	text-shadow: 0 1px 0 rgba(255,255,255,.42) !important;
}


/*
 * ============================================================
 * SERVICE · RUBY
 * ============================================================
 *
 * Navigations-ANMELDEN und der eigentliche Login-Submit teilen nur
 * die Ruby-Farbwelt. Die Login-Geometrie (92x30px) bleibt eigenstaendig.
 */
.dpl-service-action-login,
.dpl-service-login-form .quicksearch3 input[type="submit"] {
	border-color: #780000 !important;
	background:
		linear-gradient(
			to bottom,
			#d72a2a 0%,
			#bb0000 50%,
			#850000 100%
		) !important;
	color: #ffffff !important;
	text-shadow: 0 -1px 0 rgba(76,0,0,.48) !important;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.27),
		inset 0 -1px 0 rgba(72,0,0,.40),
		0 1px 3px rgba(105,0,0,.20) !important;
	cursor: pointer !important;
	transition:
		border-color .12s ease,
		background .12s ease,
		box-shadow .12s ease,
		transform .08s ease,
		filter .12s ease !important;
}

.dpl-service-action-login:hover,
.dpl-service-action-login:focus,
.dpl-service-login-form .quicksearch3 input[type="submit"]:hover,
.dpl-service-login-form .quicksearch3 input[type="submit"]:focus {
	border-color: #650000 !important;
	background:
		linear-gradient(
			to bottom,
			#e33a3a 0%,
			#c60808 48%,
			#930000 100%
		) !important;
	color: #ffffff !important;
	filter: brightness(1.035);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.31),
		inset 0 -1px 0 rgba(72,0,0,.36),
		0 2px 4px rgba(105,0,0,.25) !important;
	outline: none !important;
	transform: translateY(-1px);
}

.dpl-service-action-login:active,
.dpl-service-login-form .quicksearch3 input[type="submit"]:active {
	border-color: #650000 !important;
	background:
		linear-gradient(
			to bottom,
			#8e0000 0%,
			#bb0000 100%
		) !important;
	filter: none;
	box-shadow:
		inset 0 2px 5px rgba(55,0,0,.42),
		0 1px 1px rgba(82,0,0,.10) !important;
	transform: translateY(1px) !important;
}

/* SERVICE ANFRAGE ist jetzt ein echter, neutraler Aktionsbutton. */
.dpl-service-support button.dpl-service-support-action {
	border-color: #9eb8c5;
	background: linear-gradient(to bottom,#ffffff 0%,#eef5f8 55%,#ddeaf0 100%);
	color: #254b5e;
	cursor: pointer;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.98),0 1px 2px rgba(35,78,98,.10);
}

.dpl-service-support button.dpl-service-support-action:hover,
.dpl-service-support button.dpl-service-support-action:focus {
	border-color: #006699;
	background: linear-gradient(to bottom,#ffffff 0%,#e5f4fb 48%,#cbe7f3 100%);
	color: #004d72;
	outline: none;
	box-shadow: inset 0 1px 0 #fff,0 2px 4px rgba(0,102,153,.17);
	transform: translateY(-1px);
}

.dpl-service-support button.dpl-service-support-action:active {
	background: linear-gradient(to bottom,#d9edf6 0%,#edf7fb 100%);
	box-shadow: inset 0 2px 4px rgba(0,69,103,.18),0 1px 1px rgba(0,72,105,.08);
	transform: translateY(1px);
}

/*
 * ============================================================
 * SERVICE ANFRAGE / KUNDENTICKET
 * ============================================================
 */
.dpl-service-enquiry {
	box-sizing: border-box;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

.dpl-service-enquiry-login-prompt,
.dpl-service-enquiry-customer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	box-sizing: border-box;
	margin: 0 0 11px;
	padding: 9px 10px;
	border: 1px solid #d6dcdf;
	border-left: 3px solid #bb0000;
	border-radius: 4px;
	background: linear-gradient(to right,#fff8f8 0%,#ffffff 82%);
	color: #4f5a60;
}

.dpl-service-enquiry-login-prompt > div {
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}

.dpl-service-enquiry-login-prompt > div > strong {
	color: #333c42;
	font: 600 9px/1 Arial, Helvetica, sans-serif;
	letter-spacing: .05em;
}

.dpl-service-enquiry-login-prompt > div > span,
.dpl-service-enquiry-customer > span:last-child {
	color: #647077;
	font: 400 9.5px/1.35 Arial, Helvetica, sans-serif;
}

.dpl-service-enquiry-customer {
	justify-content: flex-start;
	border-left-color: #39795a;
	background: linear-gradient(to right,#f1faf4 0%,#ffffff 82%);
}

.dpl-service-enquiry-customer-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	padding: 3px 7px;
	border: 1px solid #2f7650;
	border-radius: 10px;
	background: linear-gradient(to bottom,#5e9a79 0%,#39795a 55%,#286346 100%);
	color: #ffffff;
	font: 700 8px/1 Arial, Helvetica, sans-serif;
	letter-spacing: .03em;
	text-shadow: 0 -1px 0 rgba(21,68,44,.35);
}

.dpl-service-enquiry-context {
	display: flex;
	align-items: center;
	gap: 7px;
	box-sizing: border-box;
	min-height: 27px;
	margin: 0 0 9px;
	padding: 0 8px;
	border-top: 1px solid #e2e6e8;
	border-bottom: 1px solid #e7eaeb;
	background: linear-gradient(to right,rgba(247,249,249,.96),rgba(255,255,255,0));
}

.dpl-service-enquiry-context > span {
	color: #7a858b;
	font: 600 8px/1 Arial, Helvetica, sans-serif;
	letter-spacing: .08em;
}

.dpl-service-enquiry-context > strong {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #25343b;
	font: 600 10px/1 Arial, Helvetica, sans-serif;
}

.dpl-service-enquiry-form {
	display: block;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

.dpl-service-enquiry-form[hidden] {
	display: none !important;
}

.dpl-service-enquiry-grid {
	display: grid;
	grid-template-columns: minmax(0,1fr) minmax(0,1fr);
	gap: 7px 8px;
}

.dpl-service-enquiry-field {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
	margin: 0;
}

.dpl-service-enquiry-field > span {
	color: #59656b;
	font: 600 8.5px/1 Arial, Helvetica, sans-serif;
	letter-spacing: .035em;
}

.dpl-service-enquiry-field > span em {
	color: #92999d;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
}

.dpl-service-enquiry-field input,
.dpl-service-enquiry-field textarea {
	width: 100%;
	box-sizing: border-box;
	font: 400 11px Arial, Helvetica, sans-serif;
}

.dpl-service-enquiry-field input {
	height: 29px;
	padding: 0 8px;
}

.dpl-service-enquiry-field textarea {
	height: 112px;
	margin: 0;
	padding: 7px 8px;
	line-height: 1.4;
	resize: vertical;
}

.dpl-service-enquiry-message {
	margin-top: 9px;
}


.dpl-service-enquiry-field > small {
	display: none;
	color: #a10000;
	font: 600 8.5px/1.3 Arial, Helvetica, sans-serif;
}

.dpl-service-enquiry-field.is-invalid > small {
	display: block;
}

.dpl-service-enquiry-field.is-invalid input,
.dpl-service-enquiry-field.is-invalid textarea {
	border-color: #bb0000;
	background: #fff8f8;
	box-shadow: 0 0 0 2px rgba(187,0,0,.06);
}

[data-dpl-service-enquiry-form]
	> .dpl-ui-copy {
	margin: 10px 0 0;
}

[data-dpl-service-enquiry-form]
	> .dpl-ui-copy
	a {
	color: #000000;
	text-decoration: underline;
}

.dpl-service-enquiry-captcha {
	box-sizing: border-box;

	width: 100%;

	margin: 22px 0 0;
	padding: 0;

	border: 0;
	border-radius: 0;

	background: transparent;

	box-shadow: none;

	overflow: visible;
}

.dpl-service-enquiry-captcha table {
	margin-left: auto;
	margin-right: auto;

	border: 0;
	border-collapse: collapse;
	background: transparent;
}

.dpl-service-enquiry-captcha td {
	padding: 0;
	border: 0;
	background: transparent;
}

.dpl-service-enquiry-captcha img {
	display: block;

	width: 200px;
	height: 60px;

	border: 0;
	border-radius: 0;

	background: transparent;

	box-shadow: none;

	cursor: pointer;
}

.dpl-service-enquiry-captcha .cart_code {
	text-transform: none !important;
}

.dpl-service-enquiry-captcha > small {
	display: none;

	margin: 8px 0 0;

	color: #9e0000;

	font: 700 9px/1.3 Arial, Helvetica, sans-serif;

	text-align: center;
}

.dpl-service-enquiry-captcha.is-invalid > small {
	display: block;
}

.dpl-service-enquiry-captcha.is-invalid .cart_code {
	border-color: #b00000 !important;

	background: #fff7f7 !important;

	box-shadow:
		0 0 0 2px rgba(176,0,0,.08) !important;
}

.dpl-service-enquiry-status-row {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 100%;

	min-height: 0;

	margin: 6px 0 0;
}

.dpl-service-enquiry-actions {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;

	width: 100%;
	min-height: 30px;

	margin: 16px auto 8px;
}

.dpl-service-enquiry-status {
	min-width: 0;

	color: #637077;

	font: 500 9px/1.3 Arial, Helvetica, sans-serif;

	text-align: center;
}

.dpl-service-enquiry-status:empty {
	display: none;
}

.dpl-service-enquiry-status.is-error {
	color: #a00000;
}

.dpl-service-enquiry-submit.is-customer {
	width: auto !important;
	min-width: 132px !important;
	max-width: none !important;
	padding: 0 11px !important;
}

.dpl-service-enquiry-submit:active {
	border-color: #bd8300;

	background:
		linear-gradient(
			to bottom,
			#e9a000 0%,
			#ffc21a 100%
		);

	box-shadow:
		inset 0 2px 5px rgba(104,65,0,.28),
		0 1px 1px rgba(70,48,0,.10);

	transform: translateY(1px);
}

.dpl-service-enquiry-submit:disabled {
	opacity: .55;
	cursor: wait !important;
	transform: none !important;
}

.dpl-service-enquiry-success[hidden] {
	display: none !important;
}

.dpl-service-enquiry-success {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	box-sizing: border-box;
	margin-top: 12px;
	padding: 10px 11px;
	border: 1px solid #b8d6c3;
	border-left: 4px solid #39795a;
	border-radius: 4px;
	background: #f2faf4;
	color: #315a40;
	font: 400 10px/1.4 Arial, Helvetica, sans-serif;
}

.dpl-service-enquiry-success > strong {
	font-weight: 600;
	letter-spacing: .04em;
}

.dpl-service-enquiry-success > a {
	color: #006699;
	font-weight: 600;
}


/*
 * SERVICEKONTO · FELDOBERFLAECHE
 *
 * Textfelder erben die gemeinsame gruenliche Input-Physik aus
 * expand.css. Selectfelder bleiben bewusst weiss, verwenden aber
 * denselben ruhigen Rahmen-/Focus-Charakter.
 */
.dpl-service-shared-account
	#maispCustomerForm
	select.maisp-control {
	border-color: #aeb9b1;
	border-radius: 4px;
	background: #ffffff;
	color: #303840;
	box-shadow:
		inset 0 1px 2px rgba(44, 58, 47, .07),
		inset 0 -1px 0 rgba(255, 255, 255, .88);
}

.dpl-service-shared-account
	#maispCustomerForm
	select.maisp-control:focus {
	border-color: #7897a5;
	background: #ffffff;
	box-shadow:
		inset 0 1px 2px rgba(33, 72, 89, .08),
		0 0 0 1px rgba(0, 102, 153, .05);
}

/*
 * SERVICEKONTO · GEBURTSDATUM
 *
 * Nur das in DOMAINS → SERVICE eingehängte Formular wird kompakter.
 * /skin/service/new/form.php bleibt unveraendert.
 */
.dpl-service-shared-account
	#maispCustomerForm
	.maisp-date-fields {
	display: grid !important;
	grid-template-columns: 56px 76px 62px !important;
	gap: 4px !important;
	width: 202px !important;
	max-width: 202px !important;
}

.dpl-service-shared-account
	#maispCustomerForm
	.maisp-date-fields .maisp-control {
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	padding-left: 5px !important;
	padding-right: 4px !important;
}

@media (max-width: 620px) {
	.dpl-service-enquiry-grid {
		grid-template-columns: 1fr;
	}

	.dpl-service-enquiry-login-prompt,
	.dpl-service-enquiry-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.dpl-service-enquiry-login-prompt .dpl-service-action-login {
		width: 100%;
	}
}