#aam-editor-configurator {
	display:block;
	width:100%;
	max-width:600px;
	box-sizing:border-box;
	margin:0 auto 25px auto;
	color:#303840;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
}

#aam-editor-mode-tabs {
	display:flex;
	align-items:flex-start;
	justify-content:center;
	gap:6px;
	width:100%;
	box-sizing:border-box;
	margin:0 0 24px 0;
	padding:0;
}

.aam-editor-mode-tab {
	display:block;
	min-width:150px;
	height:38px;
	box-sizing:border-box;
	margin:0;
	padding:0 20px;
	border:1px solid #8f989e;
	border-radius:2px;
	background:linear-gradient(
		to bottom,
		#ffffff 0%,
		#f1f2f3 48%,
		#d9dde0 100%
	);
	color:#303840;
	font:700 11px Arial,Helvetica,sans-serif;
	letter-spacing:.65px;
	text-shadow:0 1px 0 #fff;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.95),
		0 2px 0 #7e878d,
		0 3px 5px rgba(0,0,0,.20);
	cursor:pointer;
}

.aam-editor-mode-tab.active {
	border-color:#760000;
	background:linear-gradient(
		to bottom,
		#d00000 0%,
		#bb0000 48%,
		#920000 100%
	);
	color:#fff;
	text-shadow:0 -1px 0 rgba(0,0,0,.45);
	box-shadow:
		inset 0 3px 6px rgba(70,0,0,.55),
		inset 0 1px 0 rgba(255,255,255,.16),
		0 1px 0 rgba(255,255,255,.9);
	transform:translateY(2px);
}

.aam-editor-mode-panel {
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:8px;
	//border:1px solid #b9c1c6;
	//border-radius:0;
	//background:#eef1f2;
	//box-shadow:
	//	inset 0 0 0 3px #fff,
	//	0 3px 8px rgba(0,0,0,.10);
	text-align:left;
}

.aam-editor-mode-panel[hidden] {
	display:none !important;
}

#aam-editor-panel-details {
	color:#343a40;
	font-size:12px;
	line-height:1.55;
}

#aam-editor-panel-details table {
	width:100%;
	box-sizing:border-box;
	margin-top:8px;
	border-collapse:separate;
	border-spacing:0;
}

#aam-editor-panel-details td:first-child {
	min-width:100px;
	padding-right:15px;
	box-sizing:border-box;
}

#aam-editor-panel-details h4 {
	margin:0;
	color:#293138;
	font-size:12px;
	letter-spacing:.4px;
}

.aam-editor-details-ablauf-tabs {
	display:flex;
	align-items:flex-start;
	justify-content:center;
	gap:6px;
	margin:0 0 12px 0;
}

.aam-editor-details-ablauf-tab {
	height:28px;
	padding:0 12px;
	box-sizing:border-box;
	border:1px solid #8f989e;
	border-radius:2px;
	background:linear-gradient(
		to bottom,
		#ffffff 0%,
		#f1f2f3 48%,
		#d9dde0 100%
	);
	color:#303840;
	font:700 10px Arial,Helvetica,sans-serif;
	letter-spacing:.45px;
	text-shadow:0 1px 0 #fff;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.95),
		0 2px 0 #7e878d,
		0 3px 5px rgba(0,0,0,.20);
	cursor:pointer;
}

.aam-editor-details-ablauf-tab:hover {
	background:linear-gradient(
		to bottom,
		#ffffff 0%,
		#eceeef 48%,
		#cfd4d7 100%
	);
}

.aam-editor-details-ablauf-tab.active,
.aam-editor-details-ablauf-tab.active:hover {
	border-color:#760000;
	background:linear-gradient(
		to bottom,
		#d00000 0%,
		#bb0000 48%,
		#920000 100%
	);
	color:#fff;
	text-shadow:0 -1px 0 rgba(0,0,0,.45);
	box-shadow:
		inset 0 3px 6px rgba(70,0,0,.55),
		inset 0 1px 0 rgba(255,255,255,.16),
		0 1px 0 rgba(255,255,255,.9);
	transform:translateY(2px);
}

.aam-editor-details-ablauf-panel[hidden] {
	display:none !important;
}

#aam-editor-tariff-stage[hidden] {
	display:none !important;
}

#aam-editor-tariff-section-title {
	margin-bottom:8px;
}

#aam-editor-tariffs {
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:8px;
	width:100%;
	box-sizing:border-box;
	text-align:left;
}

.aam-editor-tariff {
	position:relative;
	display:flex;
	align-items:center;
	gap:8px;
	min-height:76px;
	box-sizing:border-box;
	padding:9px 12px;
	border:1px solid #b8c0c5;
	border-radius:5px;
	background:linear-gradient(
		to bottom,
		#ffffff 0%,
		#f0f2f3 100%
	);
	color:#303840;
	cursor:pointer;
	box-shadow:
		inset 0 1px 0 #ffffff,
		0 2px 4px rgba(0,0,0,.08);
	overflow:hidden;
}

.aam-editor-tariff:hover {
	border-color:#929ba0;
	background:linear-gradient(
		to bottom,
		#ffffff 0%,
		#e7eaec 100%
	);
	transform:translateY(1px);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.98),
		0 3px 6px rgba(0,0,0,.12);
}

/* Sichtbare physische Reaktion beim Drücken */
#aam-editor-tariffs
.aam-editor-tariff:active {
	transform:translateY(3px) scale(.995);
	box-shadow:
		inset 0 2px 5px rgba(0,0,0,.16),
		0 1px 2px rgba(0,0,0,.08);
}

.aam-editor-tariff input {
	position:absolute;
	opacity:0;
	pointer-events:none;
}

.aam-editor-tariff-logo-wrap {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 94px;
	width:94px;
	height:58px;
	box-sizing:border-box;
	border:0;
	background:transparent;
	box-shadow:none;
	overflow:visible;
}

.aam-editor-tariff-logo {
	display:block;
	width:92px;
	height:58px;
	object-fit:contain;
	border:0;
	filter:drop-shadow(0 2px 2px rgba(0,0,0,.10));
}

.aam-editor-tariff-copy {
	display:flex;
	flex:1 1 auto;
	flex-direction:column;
	justify-content:center;
	min-width:0;
}

.aam-editor-tariff-title {
	display:block;
	color:#28343b;
	font-family:"Arial Narrow",Arial,Helvetica,sans-serif;
	font-size:19px;
	font-weight:900;
	line-height:.96;
	letter-spacing:-.25px;
	transform:scaleX(.94);
	transform-origin:left center;
}

.aam-editor-tariff-subtitle {
	display:block;
	margin-top:4px;
	color:#687279;
	font-size:11px;
	font-weight:400;
	line-height:1;
	letter-spacing:2.45px;
	text-transform:uppercase;
}

.aam-editor-tariff-subtitle-komplete {
	letter-spacing:11px;
	font-size:9px;
	color:#8a8f92;
	opacity:.58;
	filter:grayscale(1) saturate(.15);
	transition:
		color .15s ease,
		opacity .15s ease,
		filter .15s ease;
}

.aam-editor-tariff-subtitle-professional {
	letter-spacing:5px;
	font-size:9px;
}

.aam-editor-tariff:not(.aam-editor-tariff-pro):has(input:checked)
.aam-editor-tariff-subtitle-komplete {
	color:#ffd45a;
	opacity:1;
	filter:none;
}

#aam-editor-tariffs
.aam-editor-tariff:has(
	input[name="aam_editor_tariff"][value="starter"]:checked
)
.aam-editor-tariff-subtitle-komplete {
	color:#ffd45a;
	opacity:1;
	filter:none;
	text-shadow:0 -1px 0 rgba(0,0,0,.24);
}

.aam-editor-tariff-pro .aam-editor-tariff-logo,
#aam-editor-tariffs:has(
	.aam-editor-tariff-pro input:checked
)
.aam-editor-tariff:not(.aam-editor-tariff-pro)
.aam-editor-tariff-logo {
	filter:
		grayscale(1)
		saturate(.08)
		brightness(1.02)
		contrast(.92)
		drop-shadow(0 1px 1px rgba(0,0,0,.05));
	opacity:.86;
}

.aam-editor-tariff-pro-badge {
	position:absolute;
	right:1px;
	bottom:2px;
	z-index:3;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:40px;
	height:18px;
	box-sizing:border-box;
	padding:0 8px 0 9px;
	border:1px solid #9fa6ab;
	border-radius:10px 3px 10px 3px;
	background:linear-gradient(
		to bottom,
		#f4f6f7 0%,
		#d7dde1 100%
	);
	color:#6b7378;
	font-size:9px;
	font-weight:900;
	line-height:1;
	letter-spacing:1.15px;
	text-transform:uppercase;
	text-shadow:0 1px 0 rgba(255,255,255,.78);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.92),
		0 1px 2px rgba(0,0,0,.12);
	filter:grayscale(1) saturate(.15);
	opacity:.92;
}

.aam-editor-tariff:not(.aam-editor-tariff-pro):has(input:checked) {
	border-color:#294b3c;
	background:
		linear-gradient(
			to bottom,
			rgba(255,255,255,.18),
			rgba(255,255,255,0) 32%
		),
		linear-gradient(
			135deg,
			#2c5141 0%,
			#173b30 45%,
			#071d18 100%
		);
	color:#ffffff;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.16),
		0 2px 4px rgba(8,40,31,.22);
}

.aam-editor-tariff:not(.aam-editor-tariff-pro):has(input:checked)
.aam-editor-tariff-title,
.aam-editor-tariff:not(.aam-editor-tariff-pro):has(input:checked)
.aam-editor-tariff-subtitle {
	color:#ffffff;
	text-shadow:0 -1px 0 rgba(0,0,0,.24);
}

.aam-editor-tariff-pro:has(input:checked) {
	border-color:#9e5b00;
	background:linear-gradient(
		to bottom,
		#fff3aa 0%,
		#ffd45a 46%,
		#ffb51a 74%,
		#ef8d00 100%
	);
	color:#303840;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.86),
		0 2px 4px rgba(128,65,0,.16);
}

.aam-editor-tariff-pro:has(input:checked)
.aam-editor-tariff-logo {
	filter:drop-shadow(0 2px 2px rgba(0,0,0,.10));
	opacity:1;
}

.aam-editor-tariff-pro:has(input:checked)
.aam-editor-tariff-title {
	color:#30383d;
}

.aam-editor-tariff-pro:has(input:checked)
.aam-editor-tariff-subtitle {
	color:#674400;
	text-shadow:0 1px 0 rgba(255,255,255,.28);
}

.aam-editor-tariff-pro:has(input:checked)
.aam-editor-tariff-pro-badge {
	border-color:#8e6500;
	background:linear-gradient(
		to bottom,
		#fff7c8 0%,
		#ffe36f 48%,
		#ffb51a 100%
	);
	color:#4a3100;
	text-shadow:0 1px 0 rgba(255,255,255,.75);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.92),
		0 2px 4px rgba(0,0,0,.18);
	filter:none;
	opacity:1;
}

#aam-editor-tariff-base {
	display:block;
	width:100%;
	box-sizing:border-box;
	margin-top:8px;
	padding:0;
	border:1px solid #b8c0c5;
	border-radius:5px;
	background:#ffffff;
	overflow:hidden;
	box-shadow:
		0 2px 4px rgba(0,0,0,.08);
	text-align:left;
}

.aam-editor-tariff-base-row {
	display:grid;
	grid-template-columns:minmax(0,1fr) 174px;
	align-items:center;
	gap:12px;
	min-height:84px;
	box-sizing:border-box;
	padding:10px;
	background:#ffffff;
}

.aam-editor-tariff-base-info {
	min-width:0;
	box-sizing:border-box;
	padding:2px 4px;
	border:0;
}

.aam-editor-tariff-base-title {
	display:block;
	margin:0;
	color:#28343b;
	font-family:"Arial Narrow",Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:900;
	line-height:1.1;
	letter-spacing:.7px;
	text-transform:uppercase;
}

.aam-editor-tariff-base-info small {
	display:block;
	margin-top:8px;
	color:#505c62;
	font-size:12px;
	line-height:1.2;
}

.aam-editor-tariff-base-price {
	display:flex;
	align-items:center;
	justify-content:center;
	width:174px;
	min-height:62px;
	box-sizing:border-box;
	margin:0;
	padding:8px 10px;
	border-radius:5px;
	text-align:right;
}

#aam-editor-tariff-base-starter
.aam-editor-tariff-base-price {
	justify-content:space-between;
	gap:10px;
	border:1px solid #6f0308;
	background:
		linear-gradient(
			to bottom,
			rgba(255,255,255,.20) 0%,
			rgba(255,255,255,.06) 18%,
			rgba(255,255,255,0) 36%
		),
		repeating-linear-gradient(
			11deg,
			transparent 0 22px,
			rgba(255,213,160,.025) 22px 23px,
			transparent 23px 48px
		),
		repeating-linear-gradient(
			-13deg,
			transparent 0 31px,
			rgba(255,195,135,.020) 31px 32px,
			transparent 32px 67px
		),
		linear-gradient(
			135deg,
			#b4171e 0%,
			#940b13 36%,
			#68060b 69%,
			#3d0105 100%
		);
	color:#ffd45a;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.20),
		inset 0 -1px 0 rgba(0,0,0,.42),
		0 2px 4px rgba(91,0,0,.20);
	text-shadow:
		0 -1px 0 rgba(0,0,0,.48);
}

.aam-editor-tariff-base-price-icon {
	display:block;
	flex:0 0 40px;
	width:40px;
	height:36px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.7;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.aam-editor-tariff-base-price-copy {
	display:flex;
	flex:1 1 auto;
	flex-direction:column;
	align-items:flex-end;
	justify-content:center;
	min-width:0;
}

.aam-editor-tariff-base-price-copy > strong {
	display:block;
	color:#ffd45a;
	font-family:Impact,"Arial Narrow",Arial,Helvetica,sans-serif;
	font-size:19px;
	font-weight:400;
	line-height:1;
	letter-spacing:.2px;
	white-space:nowrap;
	text-shadow:
		0 -1px 0 rgba(0,0,0,.48),
		0 0 4px rgba(255,216,70,.22);
}

.aam-editor-tariff-base-price-copy > small {
	display:block;
	margin-top:5px;
	color:#ffe176;
	font-family:Arial,Helvetica,sans-serif;
	font-size:8px;
	font-weight:900;
	line-height:1;
	letter-spacing:.7px;
	text-transform:uppercase;
	white-space:nowrap;
}

.aam-editor-tariff-base-price-copy
.aam-editor-tariff-base-tax {
	margin-top:4px;
	color:#f2d9a2;
	font-size:7px;
	font-weight:400;
	letter-spacing:.25px;
	text-transform:none;
}

#aam-editor-tariff-base-starter[hidden],
#aam-editor-tariff-base-pro[hidden] {
	display:none !important;
}

.aam-editor-tariff-base-row-pro {
	background:#f7f8f8;
}

.aam-editor-tariff-base-row-pro
.aam-editor-tariff-base-info {
	display:flex;
	flex-direction:column;
	justify-content:center;
}

.aam-editor-tariff-base-row-pro
.aam-editor-tariff-base-info b {
	display:block;
	color:#202b31;
	font-size:13px;
	font-weight:900;
	line-height:1.2;
}

.aam-editor-tariff-base-row-pro
.aam-editor-tariff-base-info small {
	margin-top:3px;
	color:#687279;
	font-size:9px;
	line-height:1.35;
}

.aam-editor-tariff-base-row-pro
.aam-editor-tariff-base-price {
	justify-content:center;
	padding:7px;
	-webkit-text-stroke:0;
	text-shadow:none;
}

.aam-editor-pro-status {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	width:100%;
	min-height:48px;
	box-sizing:border-box;
	padding:7px 10px;
	border:1px solid #b7a36a;
	border-left:4px solid #d09a13;
	border-radius:4px;
	background:linear-gradient(
		to bottom,
		#fffdf3 0%,
		#f0ead7 100%
	);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.95),
		0 1px 2px rgba(0,0,0,.08);
	text-align:center;
}

.aam-editor-pro-status strong {
	display:block;
	color:#59430b;
	font-size:11px;
	font-weight:900;
	line-height:1;
	letter-spacing:.8px;
}

.aam-editor-pro-status small {
	display:block;
	margin-top:5px;
	color:#756735;
	font-size:7px;
	font-weight:900;
	line-height:1.15;
	letter-spacing:.55px;
	text-transform:uppercase;
}

#aam-editor-pro-beta {
	width:100%;
	box-sizing:border-box;
	margin:12px 0 0 0;
	border:1px solid #89949a;
	border-radius:5px;
	background:#fff;
	overflow:hidden;
	text-align:left;
	box-shadow:0 2px 4px rgba(0,0,0,.08);
}

#aam-editor-pro-beta[hidden] {
	display:none !important;
}

.aam-editor-pro-beta-head {
	display:flex;
	align-items:center;
	gap:10px;
	box-sizing:border-box;
	padding:11px 12px;
	border-left:5px solid #bb0000;
	border-bottom:1px solid #c9d0d4;
	background:linear-gradient(
		to bottom,
		#fbfbfb 0%,
		#e5e9eb 100%
	);
}

.aam-editor-pro-beta-badge {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 52px;
	height:27px;
	box-sizing:border-box;
	padding:0 9px;
	border:1px solid #8b5c00;
	border-radius:14px;
	background:linear-gradient(
		to bottom,
		#fff1a5 0%,
		#ffc21a 55%,
		#e58a00 100%
	);
	color:#4b3100;
	font-size:9px;
	font-weight:bold;
	letter-spacing:.8px;
}

.aam-editor-pro-beta-head b {
	display:block;
	color:#28343b;
	font-size:11px;
	letter-spacing:.35px;
}

.aam-editor-pro-beta-head small {
	display:block;
	margin-top:2px;
	color:#687279;
	font-size:9px;
	line-height:1.35;
}

.aam-editor-pro-beta-text {
	box-sizing:border-box;
	padding:11px 13px;
	color:#424d53;
	font-size:10px;
	line-height:1.55;
}

.aam-editor-config-block {
	display:block;
	width:100%;
	box-sizing:border-box;
	margin:12px 0 0 0;
	border:1px solid #b8c0c5;
	border-radius:5px;
	background:#fff;
	overflow:hidden;
	text-align:left;
	box-shadow:0 2px 4px rgba(0,0,0,.08);
}

#aam-editor-storage-block {
	overflow:visible;
}

#aam-editor-storage-block[hidden],
#aam-editor-domains-block[hidden],
#aam-editor-ssl-block[hidden],
#aam-editor-extra-domains-block[hidden] {
	display:none !important;
}

.aam-editor-config-block-title {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	box-sizing:border-box;
	min-height:40px;
	padding:7px 10px;
	border-left:5px solid #bb0000;
	border-bottom:1px solid #c9d0d4;
	background:linear-gradient(
		to bottom,
		#fbfbfb 0%,
		#e5e9eb 100%
	);
	color:#28343b;
	font-size:12px;
	font-weight:900;
	letter-spacing:.45px;
	text-transform:uppercase;
}

@font-face {
	font-family:"DSEG7 Classic";
	src:
		url("/skin/fonts/dseg7-classic-latin-300-normal.woff2")
		format("woff2"),
		url("/skin/fonts/dseg7-classic-latin-300-normal.woff")
		format("woff"),
		url("/skin/fonts/dseg7-classic-latin-300-normal.ttf")
		format("truetype");
	font-weight:300;
	font-style:normal;
	font-display:swap;
}

/*
 * Zweistellige LED-Bereichsanzeige.
 * Eine einzige vollflächige LED-Glasscheibe:
 * innen dunkel, zum Rand hin heller.
 */
.aam-editor-config-block-number {
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 34px;
	width:34px;
	min-width:34px;
	height:32px;
	box-sizing:border-box;
	margin:-3px 8px -3px 0;
	padding:1px 1px 0 1px;

	border:1px solid #660000;
	border-radius:4px;

	background:
		radial-gradient(
			ellipse at center,
			#330000 0%,
			#330000 76%,
			#4d0000 88%,
			#770000 100%
		);

	color:#ff6200;
	font-family:"DSEG7 Classic","Courier New",monospace;
	font-size:15px;
	font-weight:300;
	line-height:1;
	letter-spacing:-1px;
	text-align:center;

	text-shadow:
		0 0 3px #ff3300,
		0 0 6px #800000;

	box-shadow:
		inset 0 1px 0 rgba(255,115,65,.15),
		0 1px 0 rgba(255,255,255,.72),
		0 2px 3px rgba(0,0,0,.24);

	overflow:hidden;
	user-select:none;

	transition:
		background .16s ease,
		color .16s ease,
		text-shadow .16s ease,
		box-shadow .16s ease,
		transform .16s ease;
}

/*
 * Sehr dezente Reflexion des LED-Glases.
 * Keine verkleinerte innere Displayfläche.
 */
.aam-editor-config-block-number::after {
	content:"";
	position:absolute;
	top:1px;
	left:2px;
	right:2px;
	height:8px;
	border-radius:3px 3px 50% 50%;
	background:
		linear-gradient(
			to bottom,
			rgba(255,185,135,.12) 0%,
			rgba(255,120,65,.035) 65%,
			rgba(255,255,255,0) 100%
		);
	pointer-events:none;
}

/*
 * Geöffneter Topicbereich:
 * stärker gespeiste, etwas gelblichere LED.
 */
.aam-editor-config-block-title[aria-expanded="true"]
.aam-editor-config-block-number {
	border-color:#7d1800;

	background:
		radial-gradient(
			ellipse at center,
			#3b0500 0%,
			#3b0500 72%,
			#651000 88%,
			#9a2600 100%
		);

	color:#ffad27;

	text-shadow:
		0 0 2px #ffe08a,
		0 0 4px #ff7a18,
		0 0 8px #9a1e00;

	box-shadow:
		inset 0 1px 0 rgba(255,190,95,.22),
		0 1px 0 rgba(255,255,255,.68),
		0 2px 3px rgba(0,0,0,.24),
		0 0 4px rgba(255,105,12,.18);

	transform:translateY(1px);
}

.aam-editor-config-block-title[aria-expanded="true"]
.aam-editor-config-block-number::after {
	background:
		linear-gradient(
			to bottom,
			rgba(255,215,145,.18) 0%,
			rgba(255,145,55,.05) 65%,
			rgba(255,255,255,0) 100%
		);
}

.aam-editor-config-block-hint {
	color:#7b858b;
	font-size:8px;
	font-weight:900;
	letter-spacing:.65px;
}

.aam-editor-domain-topic-controls {
	display:flex;
	align-items:center;
	justify-content:flex-end;
	flex:0 0 auto;
	min-width:0;
}

#aam-editor-domain-topic-summary[hidden],
#aam-editor-domain-topic-hint[hidden] {
	display:none !important;
}

/*
 * Schein-Editierbuttons der Bereiche 03, 04 und 05.
 *
 * Alle Buttons besitzen exakt denselben Abstand zum rechten
 * Preis-/Leistungsbadge.
 */
#aam-editor-domain-edit,
#aam-editor-extra-domains-edit,
#aam-editor-ssl-edit {
	margin-right:8px;
}

/*
 * Das HTML-hidden-Attribut muss die gemeinsame sichtbare
 * Buttonklasse zuverlässig übersteuern.
 */
#aam-editor-extra-domains-edit[hidden],
#aam-editor-ssl-edit[hidden] {
	display:none !important;
}

/*
 * Bereich 03 wird weiterhin anhand seines zugeklappten
 * Blockzustands eingeblendet.
 */
#aam-editor-domain-edit {
	display:none;
}

#aam-editor-domains-block.aam-editor-topic-collapsed
#aam-editor-domain-edit {
	display:inline-flex;
}

.aam-editor-domain-topic-summary {
	display:flex;
	align-items:center;
	gap:9px;
	flex:0 0 auto;
	min-width:174px;
	min-height:38px;
	box-sizing:border-box;
	padding:6px 11px;
	border:1px solid #001f34;
	border-radius:5px;
	background:
		linear-gradient(
			to bottom,
			rgba(255,255,255,.20) 0%,
			rgba(255,255,255,.06) 18%,
			rgba(255,255,255,0) 36%
		),
		repeating-linear-gradient(
			11deg,
			transparent 0 22px,
			rgba(150,210,255,.025) 22px 23px,
			transparent 23px 48px
		),
		linear-gradient(
			135deg,
			#174d73 0%,
			#003456 38%,
			#002843 70%,
			#001b2d 100%
		);
	color:#ffd45a;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.20),
		inset 0 -1px 0 rgba(0,20,35,.52),
		0 2px 4px rgba(0,52,86,.24);
	text-shadow:0 -1px 0 rgba(0,20,35,.62);
}

/* ================================================================
   04 ALIAS-DOMAINS – AUSWAHL UND ZUSAMMENFASSUNGSBADGE
   Ohne gesetzte Alias-Domain bleibt rechts der Hinweis AUSWAHL.
   Nach Auswahl wird der Hinweis ausgeblendet und das Badge eingeblendet.
   ================================================================ */

.aam-editor-extra-domains-topic-controls {
	display:flex;
	align-items:center;
	justify-content:flex-end;
	flex:0 0 auto;
	min-width:0;
}

#aam-editor-extra-domains-topic-hint {
	color:#7b858b;
	font-size:8px;
	font-weight:900;
	letter-spacing:.65px;
	text-transform:uppercase;
	white-space:nowrap;
}

#aam-editor-extra-domains-topic-hint[hidden],
#aam-editor-extra-domains-topic-summary[hidden] {
	display:none !important;
}

/*
 * Mittlere Corporate-Blau-Stufe:
 * heller als die Hauptdomain, dunkler als SSL.
 */
.aam-editor-extra-domains-topic-summary {
	display:flex;
	align-items:center;
	gap:9px;
	flex:0 0 174px;
	width:174px;
	min-width:174px;
	max-width:174px;
	min-height:38px;
	box-sizing:border-box;
	padding:6px 11px;
	border:1px solid #003456;
	border-radius:5px;
	background:
		linear-gradient(
			to bottom,
			rgba(255,255,255,.21) 0%,
			rgba(255,255,255,.065) 18%,
			rgba(255,255,255,0) 36%
		),
		repeating-linear-gradient(
			11deg,
			transparent 0 22px,
			rgba(165,215,255,.025) 22px 23px,
			transparent 23px 48px
		),
		linear-gradient(
			135deg,
			#2c638d 0%,
			#174d73 36%,
			#083a5c 67%,
			#002a46 100%
		);
	color:#ffd45a;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.22),
		inset 0 -1px 0 rgba(0,25,45,.50),
		0 2px 4px rgba(0,52,86,.24);
	text-shadow:0 -1px 0 rgba(0,25,45,.60);
}

.aam-editor-extra-domains-topic-icon {
	display:block;
	flex:0 0 24px;
	width:24px;
	height:24px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.7;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.aam-editor-extra-domains-topic-copy {
	display:flex;
	flex:1 1 auto;
	flex-direction:column;
	align-items:flex-end;
	justify-content:center;
	min-width:0;
	line-height:1.05;
	text-align:right;
}

#aam-editor-extra-domains-topic-count {
	display:block;
	width:100%;
	color:#ffe7a1;
	font-size:9px;
	font-weight:400;
	letter-spacing:.1px;
	text-align:right;
	white-space:nowrap;
}

#aam-editor-extra-domains-topic-price {
	display:block;
	width:100%;
	margin-top:4px;
	color:#ffd45a;
	font-size:12px;
	font-weight:900;
	line-height:1;
	letter-spacing:0;
	text-align:right;
	white-space:nowrap;
}

.aam-editor-extra-domains-topic-price-period {
	display:inline-block;
	margin-left:4px;
	padding-right:2px;
	color:#ffe7a1;
	font-size:8px;
	font-weight:400;
	letter-spacing:.1px;
}


.aam-editor-ssl-topic-controls {
	display:flex;
	align-items:center;
	justify-content:flex-end;
	flex:0 0 auto;
	min-width:0;
}

#aam-editor-ssl-topic-summary[hidden],
#aam-editor-ssl-topic-hint[hidden] {
	display:none !important;
}

.aam-editor-ssl-topic-summary {
	display:flex;
	align-items:center;
	gap:9px;
	flex:0 0 174px;
	width:174px;
	min-width:174px;
	max-width:174px;
	min-height:38px;
	box-sizing:border-box;
	padding:6px 11px;
	border:1px solid #003456;
	border-radius:5px;
	background:
		linear-gradient(
			to bottom,
			rgba(255,255,255,.22) 0%,
			rgba(255,255,255,.07) 18%,
			rgba(255,255,255,0) 36%
		),
		repeating-linear-gradient(
			11deg,
			transparent 0 22px,
			rgba(255,220,120,.025) 22px 23px,
			transparent 23px 48px
		),
		linear-gradient(
			135deg,
			#4f83ad 0%,
			#336699 36%,
			#174d73 67%,
			#003456 100%
		);
	color:#ffd45a;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.24),
		inset 0 -1px 0 rgba(0,25,45,.55),
		0 2px 4px rgba(0,52,86,.24);
	text-shadow:
		0 -1px 0 rgba(0,25,45,.62);
}

.aam-editor-ssl-topic-shield {
	display:block;
	flex:0 0 24px;
	width:24px;
	height:24px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.7;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.aam-editor-ssl-topic-copy {
	display:flex;
	flex:1 1 auto;
	flex-direction:column;
	align-items:flex-end;
	justify-content:center;
	min-width:0;
	line-height:1.05;
	text-align:right;
}

#aam-editor-ssl-topic-type {
	display:block;
	width:100%;
	color:#ffe7a1;
	font-size:9px;
	font-weight:400;
	letter-spacing:.1px;
	text-align:right;
	white-space:nowrap;
}

#aam-editor-ssl-topic-price {
	display:block;
	width:100%;
	margin-top:4px;
	color:#ffd45a;
	font-size:12px;
	font-weight:900;
	line-height:1;
	letter-spacing:0;
	text-align:right;
	white-space:nowrap;
}

.aam-editor-ssl-topic-price-main {
	font-size:12px;
	font-weight:900;
}

.aam-editor-ssl-topic-price-period {
	display:inline-block;
	margin-left:4px;
	padding-right:2px;
	color:#ffe7a1;
	font-size:8px;
	font-weight:400;
	letter-spacing:.1px;
}

.aam-editor-domain-topic-icon {
	display:block;
	flex:0 0 22px;
	width:22px;
	height:22px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.7;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.aam-editor-domain-topic-copy {
	display:flex;
	flex:1 1 auto;
	flex-direction:column;
	align-items:flex-end;
	justify-content:center;
	min-width:0;
	line-height:1.05;
	text-align:right;
}

#aam-editor-domain-topic-count {
	display:block;
	width:100%;
	color:#ffe176;
	font-size:10px;
	font-weight:400;
	text-align:right;
	white-space:nowrap;
}

#aam-editor-domain-topic-price {
	display:block;
	width:100%;
	margin-top:4px;
	color:#ffd45a;
	font-size:12px;
	font-weight:900;
	letter-spacing:.15px;
	text-align:right;
	white-space:nowrap;
}

.aam-editor-config-block-body {
	box-sizing:border-box;
	padding:10px;
}


.ui-switch-pad[data-state="off"] .ui-switch-pad__label::after {
	content: "\2191";
	margin-left: 4px;
	font-family: Arial, sans-serif;
}

#aam-editor-tariffs
.aam-editor-tariff:not(.aam-editor-tariff-pro):has(input:checked) {
	border-color:#9e5b00;
	background:linear-gradient(
		to bottom,
		#fff3aa 0%,
		#ffd45a 46%,
		#ffb51a 74%,
		#ef8d00 100%
	);
	color:#303840;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.86),
		0 2px 4px rgba(128,65,0,.16);
}

#aam-editor-tariffs
.aam-editor-tariff:not(.aam-editor-tariff-pro):has(input:checked)
.aam-editor-tariff-title {
	color:#30383d;
	text-shadow:none;
}

#aam-editor-tariffs
.aam-editor-tariff:not(.aam-editor-tariff-pro):has(input:checked)
.aam-editor-tariff-subtitle,
#aam-editor-tariffs
.aam-editor-tariff:not(.aam-editor-tariff-pro):has(input:checked)
.aam-editor-tariff-subtitle-komplete,
#aam-editor-tariffs
.aam-editor-tariff:has(
	input[name="aam_editor_tariff"][value="starter"]:checked
)
.aam-editor-tariff-subtitle-komplete {
	color:#674400;
	opacity:1;
	filter:none;
	text-shadow:0 1px 0 rgba(255,255,255,.28);
}

#aam-editor-tariffs
.aam-editor-tariff:not(.aam-editor-tariff-pro):has(input:checked)
.aam-editor-tariff-logo {
	filter:drop-shadow(0 2px 2px rgba(0,0,0,.10));
	opacity:1;
}

#aam-editor-tariffs
.aam-editor-tariff-pro:has(input:checked) {
	border-color:#294b3c;
	background:
		linear-gradient(
			to bottom,
			rgba(255,255,255,.18),
			rgba(255,255,255,0) 32%
		),
		linear-gradient(
			135deg,
			#2c5141 0%,
			#173b30 45%,
			#071d18 100%
		);
	color:#ffffff;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.16),
		0 2px 4px rgba(8,40,31,.22);
}

#aam-editor-tariffs
.aam-editor-tariff-pro:has(input:checked)
.aam-editor-tariff-title {
	color:#ffffff;
	text-shadow:0 -1px 0 rgba(0,0,0,.24);
}

#aam-editor-tariffs
.aam-editor-tariff-pro:has(input:checked)
.aam-editor-tariff-subtitle,
#aam-editor-tariffs
.aam-editor-tariff-pro:has(input:checked)
.aam-editor-tariff-subtitle-professional {
	color:#ffd45a;
	text-shadow:0 -1px 0 rgba(0,0,0,.24);
}

#aam-editor-tariffs
.aam-editor-tariff-pro:has(input:checked)
.aam-editor-tariff-logo {
	filter:drop-shadow(0 2px 2px rgba(0,0,0,.10));
	opacity:1;
}

#aam-editor-tariffs
.aam-editor-tariff-pro:has(input:checked)
.aam-editor-tariff-pro-badge {
	border-color:#8a6a12;
	background:linear-gradient(
		to bottom,
		#fff3aa 0%,
		#ffd45a 48%,
		#ef8d00 100%
	);
	color:#4a3100;
	text-shadow:0 1px 0 rgba(255,255,255,.75);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.92),
		0 2px 4px rgba(0,0,0,.18);
	filter:none;
	opacity:1;
}

#aam-editor-tariffs
.aam-editor-tariff-pro
.aam-editor-tariff-copy {
	margin-left:22px !important;
	padding-left:0;
}

#aam-editor-tariffs
.aam-editor-tariff-pro
.aam-editor-tariff-title {
	transform:scaleX(.94);
	transform-origin:left center;
}

#aam-editor-tariffs
.aam-editor-tariff-pro
.aam-editor-tariff-subtitle-professional {
	letter-spacing:3.2px;
}
/* Kollabierbarer Speicher-Topic */
.aam-editor-storage-topic {
	cursor:pointer;
	user-select:none;
}

#aam-editor-domain-topic,
#aam-editor-extra-domains-topic,
#aam-editor-ssl-topic {
	cursor:pointer;
	user-select:none;
}

#aam-editor-domain-topic:focus,
#aam-editor-extra-domains-topic:focus,
#aam-editor-ssl-topic:focus {
	outline:1px solid #8f989e;
	outline-offset:-2px;
}

.aam-editor-storage-topic:focus {
	outline:1px solid #8f989e;
	outline-offset:-2px;
}

.aam-editor-storage-topic-title {
	display:flex;
	align-items:center;
	flex:1 1 auto;
	min-width:0;
}

.aam-editor-storage-topic-controls {
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:8px;
	flex:0 0 auto;
	min-width:0;
}

#aam-editor-storage-edit[hidden],
#aam-editor-storage-topic-summary[hidden],
#aam-editor-storage-topic-hint[hidden] {
	display:none !important;
}

/* Stiftbutton links vom Speicher-Preisbadge */
.aam-editor-storage-edit {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 38px;
	width:38px;
	height:38px;
	box-sizing:border-box;
	margin:0;
	padding:0;
	border:1px solid #a4adb2;
	border-radius:5px;
	background:linear-gradient(
		to bottom,
		#ffffff 0%,
		#e3e7e9 100%
	);
	color:#4d585e;
	cursor:pointer;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.96),
		0 1px 2px rgba(0,0,0,.08);
}

.aam-editor-storage-edit svg {
	display:block;
	width:15px;
	height:15px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.9;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.aam-editor-storage-edit:hover {
	border-color:#760000;
	background:#bb0000;
	color:#ffffff;
	text-shadow:0 -1px 0 rgba(0,0,0,.30);
}

/* Emerald-Zusammenfassung für Speicher und Ressourcen */
.aam-editor-storage-topic-summary {
	display:flex;
	align-items:center;
	gap:9px;
	flex:0 0 auto;
	flex:0 0 174px;
	width:174px;
	min-width:174px;
	max-width:174px;
	min-height:38px;
	box-sizing:border-box;
	padding:6px 11px;
	border:1px solid #294b3c;
	border-radius:5px;
	background:
		linear-gradient(
			to bottom,
			rgba(255,255,255,.20) 0%,
			rgba(255,255,255,.06) 18%,
			rgba(255,255,255,0) 36%
		),
		repeating-linear-gradient(
			11deg,
			transparent 0 22px,
			rgba(190,255,220,.025) 22px 23px,
			transparent 23px 48px
		),
		repeating-linear-gradient(
			-13deg,
			transparent 0 31px,
			rgba(150,235,195,.020) 31px 32px,
			transparent 32px 67px
		),
		linear-gradient(
			135deg,
			#356b55 0%,
			#245442 36%,
			#14382d 69%,
			#071d18 100%
		);
	color:#ffd45a;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.20),
		inset 0 -1px 0 rgba(0,25,18,.48),
		0 2px 4px rgba(8,40,31,.24);
	text-shadow:0 -1px 0 rgba(0,20,14,.58);
}

.aam-editor-storage-topic-disk {
	display:block;
	flex:0 0 20px;
	width:20px;
	height:20px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.7;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.aam-editor-storage-topic-summary-copy {
	display:flex;
	flex:1 1 auto;
	flex-direction:column;
	align-items:flex-end;
	justify-content:center;
	min-width:0;
	line-height:1.05;
	text-align:right;
}

#aam-editor-storage-topic-size {
	display:block;
	width:100%;
	color:#ffe176;
	font-size:10px;
	font-weight:400;
	letter-spacing:.15px;
	text-align:right;
	white-space:nowrap;
}

.aam-editor-storage-topic-price {
	display:block;
	width:100%;
	margin-top:4px;
	color:#ffe176;
	font-size:9px;
	font-weight:400;
	text-align:right;
	white-space:nowrap;
}

/* Nur der eigentliche Zusatzpreis wird fett */
#aam-editor-storage-topic-price-main {
	color:#ffd45a;
	font-size:12px;
	font-weight:900;
	letter-spacing:0;
}

/* Auf-/Zuklapp-Pfeil */
.aam-editor-storage-topic-chevron {
	display:block;
	flex:0 0 10px;
	width:10px;
	height:10px;
	box-sizing:border-box;
	margin:0 2px 0 1px;
	border-right:2px solid #7c878d;
	border-bottom:2px solid #7c878d;
	transform:rotate(225deg);
	transition:transform .15s ease;
}

#aam-editor-storage-block.aam-editor-storage-collapsed
.aam-editor-storage-topic-chevron {
	transform:rotate(45deg);
}

#aam-editor-storage-block.aam-editor-storage-collapsed
.aam-editor-storage-topic {
	border-bottom:0;
}

#aam-editor-storage-block.aam-editor-storage-collapsed
#aam-editor-storage-body {
	display:none !important;
}


#aam-editor-storage-options {
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:8px;
	width:100%;
	box-sizing:border-box;
}

.aam-editor-storage-option {
	position:relative;
	display:grid;
	grid-template-columns:62px minmax(0,1fr) 112px;
	align-items:center;
	column-gap:10px;
	min-height:80px;
	box-sizing:border-box;
	padding:9px 10px;
	border:1px solid #b8c0c5;
	border-radius:5px;
	background:linear-gradient(
		to bottom,
		#ffffff 0%,
		#eef1f2 100%
	);
	color:#263138;
	cursor:pointer;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.98),
		0 2px 4px rgba(0,0,0,.09);
	overflow:hidden;
	transition:
		border-color .14s ease,
		background .14s ease,
		box-shadow .14s ease;
}

.aam-editor-storage-option input {
	position:absolute;
	opacity:0;
	pointer-events:none;
}

/*
 * Inaktive Karten bewegen sich beim Hover ausdrücklich nicht.
 * Der Hintergrund bleibt ebenfalls neutral.
 */
.aam-editor-storage-option:not(:has(input:checked)),
.aam-editor-storage-option:not(:has(input:checked)):hover {
	border-color:#b8c0c5;
	background:linear-gradient(
		to bottom,
		#ffffff 0%,
		#eef1f2 100%
	);
	color:#263138;
	transform:none;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.98),
		0 2px 4px rgba(0,0,0,.09);
}

/* GB-Quader: neutraler silberner Grundzustand */
.aam-editor-storage-size {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:1px;
	width:52px;
	height:52px;
	box-sizing:border-box;
	margin:0;
	padding:0;
	border:1px solid #737e84;
	border-radius:4px;
	background:
		linear-gradient(
			to bottom,
			rgba(255,255,255,.48) 0%,
			rgba(255,255,255,.12) 26%,
			rgba(255,255,255,0) 27%
		),
		linear-gradient(
			to bottom,
			#b7bec2 0%,
			#919ba0 48%,
			#6f797e 100%
		);
	color:#ffffff;
	line-height:1;
	text-shadow:
		0 -1px 0 rgba(0,0,0,.42),
		0 1px 0 rgba(255,255,255,.14);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.56),
		inset 0 -1px 0 rgba(0,0,0,.22),
		0 1px 2px rgba(0,0,0,.14);
}

.aam-editor-storage-size-number {
	display:block;
	margin:0;
	font-size:23px;
	font-weight:900;
	line-height:1;
	letter-spacing:-.75px;
}

.aam-editor-storage-size small {
	display:block;
	margin:4px 0 0 0;
	font-size:10px;
	font-weight:900;
	line-height:1;
	letter-spacing:-.2px;
}

/* Mittelspalte */
.aam-editor-storage-copy {
	align-self:center;
	min-width:0;
	padding:0 0 2px 0;
}

.aam-editor-storage-copy b {
	display:block;
	color:#263138;
	font-size:18px;
	font-weight:900;
	line-height:1.02;
}

.aam-editor-storage-traffic,
.aam-editor-storage-included {
	display:block;
	color:#435159;
	white-space:nowrap;
}

.aam-editor-storage-traffic {
	margin-top:5px;
	font-size:11px;
	font-weight:400;
	line-height:1.1;
}

.aam-editor-storage-included {
	margin-top:3px;
	font-size:10px;
	font-weight:400;
	line-height:1.1;
}

/* IM TARIF / PRO MONAT auf Höhe von „Speicher“ */
.aam-editor-storage-price-label {
	position:absolute;
	top:15px;
	right:0;
	z-index:6;
	width:106px;
	color:#687279;
	font-family:"Arial Narrow",Arial,Helvetica,sans-serif;
	font-size:8px;
	font-weight:700;
	line-height:1;
	letter-spacing:1px;
	text-align:center;
	text-transform:uppercase;
	white-space:nowrap;
}

/* Preisbadge */
.aam-editor-storage-price-badge {
	position:absolute;
	right:-1px;
	bottom:-1px;
	z-index:4;
	display:block;
	width:120px;
	height:39px;
}

.aam-editor-storage-price-bevel {
	position:absolute;
	inset:0;
	display:block;
	background:linear-gradient(
		to bottom,
		#cbd1d4 0%,
		#aeb6bb 56%,
		#8f999f 100%
	);
	clip-path:polygon(
		18% 0,
		100% 0,
		100% 100%,
		0 100%
	);
}

.aam-editor-storage-price-core {
	position:absolute;
	left:4px;
	top:2px;
	right:0;
	bottom:0;
	display:flex;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
	padding:4px 5px 3px 15px;
	background:
		linear-gradient(
			to bottom,
			rgba(255,255,255,.78) 0%,
			rgba(255,255,255,.24) 28%,
			rgba(255,255,255,0) 29%
		),
		linear-gradient(
			135deg,
			#f5f6f7 0%,
			#dce0e2 52%,
			#b8c0c4 100%
		);
	clip-path:polygon(
		18% 0,
		100% 0,
		100% 100%,
		0 100%
	);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.84),
		inset 0 -1px 0 rgba(68,78,84,.20);
}

.aam-editor-storage-price-main {
	position:relative;
	z-index:1;
	display:block;
	color:#111111;
	font-family:Impact,"Arial Narrow",Arial,Helvetica,sans-serif;
	font-size:17px;
	font-weight:400;
	line-height:1;
	letter-spacing:.1px;
	white-space:nowrap;
	text-shadow:0 1px 0 rgba(255,255,255,.84);
	transform:scaleX(.88);
	transform-origin:center;
}

.aam-editor-storage-price-prefix {
	font:inherit;
	letter-spacing:0;
}

.aam-editor-storage-price-main-included {
	font-size:17px;
	letter-spacing:.3px;
}

/* 2 und 5 GB: aktive Karte hellgrün */
.aam-editor-storage-option-base:has(input:checked),
.aam-editor-storage-option-base:not(:has(input:checked)):hover {
	border-color:#7c9b88;
	background:
		linear-gradient(
			to bottom,
			rgba(255,255,255,.46) 0%,
			rgba(255,255,255,.10) 28%,
			rgba(255,255,255,0) 29%
		),
		linear-gradient(
			135deg,
			#edf6f0 0%,
			#dcebe1 52%,
			#cee1d4 100%
		);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.92),
		0 2px 4px rgba(49,89,67,.14);
}


/* 10 und 20 GB: aktive Karte mildgelb */
.aam-editor-storage-option-premium:has(input:checked),
.aam-editor-storage-option-premium:not(:has(input:checked)):hover {
	border-color:#d1a63d;
	background:
		linear-gradient(
			to bottom,
			rgba(255,255,255,.46) 0%,
			rgba(255,255,255,.10) 27%,
			rgba(255,255,255,0) 28%
		),
		linear-gradient(
			135deg,
			#fff8df 0%,
			#ffedb8 54%,
			#ffdda0 100%
		);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.92),
		0 2px 4px rgba(145,99,0,.14);
}

/* Sichtbare physische Reaktion ausschließlich beim Drücken */
#aam-editor-storage-options
.aam-editor-storage-option:active {
	transform:translateY(2px) scale(.995);
	box-shadow:
		inset 0 2px 5px rgba(0,0,0,.16),
		0 1px 2px rgba(0,0,0,.08);
}


/* Aktive Texte bleiben dunkel */
.aam-editor-storage-option:has(input:checked)
.aam-editor-storage-copy b,
.aam-editor-storage-option:has(input:checked)
.aam-editor-storage-traffic,
.aam-editor-storage-option:has(input:checked)
.aam-editor-storage-included {
	color:#263138;
}

.aam-editor-storage-option:has(input:checked)
.aam-editor-storage-price-label {
	color:#41505a;
	text-shadow:none;
}

/* 2/5 GB: Amber bei Hover und Auswahl */
.aam-editor-storage-option-base:has(input:checked)
.aam-editor-storage-size,
.aam-editor-storage-option-base:not(:has(input:checked)):hover
.aam-editor-storage-size {
	border-color:#8f6900;
	background:linear-gradient(
		to bottom,
		#ffe58b 0%,
		#f7cc58 50%,
		#e0a418 100%
	);
	color:#263138;
	text-shadow:0 1px 0 rgba(255,255,255,.48);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.74),
		0 1px 2px rgba(0,0,0,.14);
}

/* 10/20 GB: Ruby bei Hover und Auswahl */
.aam-editor-storage-option-premium:has(input:checked)
.aam-editor-storage-size,
.aam-editor-storage-option-premium:not(:has(input:checked)):hover
.aam-editor-storage-size {
	border-color:#760000;
	background:linear-gradient(
		to bottom,
		#d71518 0%,
		#bb0000 50%,
		#8f0000 100%
	);
	color:#ffffff;
	text-shadow:0 -1px 0 rgba(0,0,0,.40);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.18),
		inset 0 -1px 0 rgba(80,0,0,.34),
		0 1px 2px rgba(0,0,0,.18);
}

/* Preisbadge bei Hover und Auswahl: Emerald mit Goldfalz */
.aam-editor-storage-option:has(input:checked)
.aam-editor-storage-price-bevel,
.aam-editor-storage-option:not(:has(input:checked)):hover
.aam-editor-storage-price-bevel {
	background:linear-gradient(
		to bottom,
		#f1d979 0%,
		#dcb44a 54%,
		#ad7414 100%
	);
}

.aam-editor-storage-option:has(input:checked)
.aam-editor-storage-price-core,
.aam-editor-storage-option:not(:has(input:checked)):hover
.aam-editor-storage-price-core {
	background:
		linear-gradient(
			to bottom,
			rgba(255,255,255,.23) 0%,
			rgba(255,255,255,.075) 16%,
			rgba(255,255,255,0) 34%
		),
		radial-gradient(
			ellipse at 68% 20%,
			rgba(205,255,225,.10) 0%,
			rgba(205,255,225,.03) 31%,
			transparent 52%
		),
		repeating-linear-gradient(
			11deg,
			transparent 0 22px,
			rgba(190,255,220,.030) 22px 23px,
			transparent 23px 48px
		),
		repeating-linear-gradient(
			-13deg,
			transparent 0 31px,
			rgba(150,235,195,.024) 31px 32px,
			transparent 32px 67px
		),
		linear-gradient(
			135deg,
			#356b55 0%,
			#245442 36%,
			#14382d 69%,
			#071d18 100%
		);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.19),
		inset 0 -1px 0 rgba(0,25,18,.40),
		inset 0 0 9px rgba(0,35,24,.24);
}

.aam-editor-storage-option:has(input:checked)
.aam-editor-storage-price-main,
.aam-editor-storage-option:has(input:checked)
.aam-editor-storage-price-prefix,
.aam-editor-storage-option:not(:has(input:checked)):hover
.aam-editor-storage-price-main,
.aam-editor-storage-option:not(:has(input:checked)):hover
.aam-editor-storage-price-prefix {
	color:#ffd45a;
	text-shadow:
		0 -1px 0 rgba(0,0,0,.44),
		0 1px 2px rgba(0,0,0,.32),
		0 0 4px rgba(255,193,65,.20);
	-webkit-text-stroke:.25px rgba(74,22,0,.34);
}


#aam-editor-ssl-options {
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:8px;
	width:100%;
	box-sizing:border-box;
}

.aam-editor-ssl-option {
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:center;
	min-height:80px;
	box-sizing:border-box;
	margin:0;
	padding:9px 128px 10px 10px;
	border:1px solid #b8c0c5;
	border-radius:5px;
	background:linear-gradient(
		to bottom,
		#ffffff 0%,
		#eef1f2 100%
	);
	color:#263138;
	cursor:pointer;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.98),
		0 2px 4px rgba(0,0,0,.09);
	overflow:hidden;
	transition:
		border-color .14s ease,
		background .14s ease,
		box-shadow .14s ease;
}

.aam-editor-ssl-option input {
	position:absolute;
	opacity:0;
	pointer-events:none;
}

/* Aktiv und Hover: heller bläulich-weißer Kartenhintergrund */
.aam-editor-ssl-option:has(input:checked),
.aam-editor-ssl-option:not(:has(input:checked)):hover {
	border-color:#7c9db3;
	background:
		linear-gradient(
			to bottom,
			rgba(255,255,255,.50) 0%,
			rgba(255,255,255,.12) 28%,
			rgba(255,255,255,0) 29%
		),
		linear-gradient(
			135deg,
			#f4f9fc 0%,
			#dbe9f2 52%,
			#cfe0eb 100%
		);
	color:#263138;
	text-shadow:none;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.94),
		0 2px 4px rgba(49,89,118,.14);
}

#aam-editor-ssl-options
.aam-editor-ssl-option:active {
	transform:translateY(1px) scale(.995);
	box-shadow:
		inset 0 2px 5px rgba(0,0,0,.16),
		0 1px 2px rgba(0,0,0,.08);
}

.aam-editor-ssl-option-head {
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap:9px;
	width:100%;
	box-sizing:border-box;
}

.aam-editor-ssl-option-icon {
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 50px;
	width:50px;
	height:48px;
	box-sizing:border-box;
}

.aam-editor-ssl-option-copy {
	display:flex;
	flex:1 1 auto;
	flex-direction:column;
	justify-content:center;
	min-width:0;
}

.aam-editor-ssl-option-title {
	display:block;
	color:#28343b;
	font-size:14px;
	font-weight:900;
	line-height:1.1;
	letter-spacing:.25px;
}

.aam-editor-ssl-option-text {
	display:block;
	margin-top:6px;
	color:#657178;
	font-size:9px;
	line-height:1.4;
}

.aam-editor-ssl-option-icon-letsencrypt svg {
	display:block;
	width:46px;
	height:46px;
	overflow:visible;
}

.aam-editor-ssl-sunlock {
	display:block;
	width:46px;
	height:46px;
	overflow:visible;
	fill:none;
	stroke:#e5a51b;
	stroke-width:2.7;
	stroke-linecap:round;
	stroke-linejoin:round;
	filter:
		drop-shadow(0 1px 0 rgba(255,255,255,.35))
		drop-shadow(0 1px 1px rgba(77,49,0,.18));
}

.aam-editor-ssl-sunlock rect {
	fill:none;
	stroke:#c98a08;
	stroke-width:2.7;
}

.aam-editor-ssl-sunlock circle {
	fill:none;
	stroke:#a86d00;
	stroke-width:2.4;
}

.aam-editor-ssl-sunlock circle + path {
	stroke:#a86d00;
	stroke-width:2.4;
}

.aam-editor-ssl-option-icon-rapidssl {
	position:relative;
	top:0;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:1px;
	flex:0 0 72px;
	width:72px;
	height:48px;
	box-sizing:border-box;
	font-family:Arial,Helvetica,sans-serif;
	line-height:1;
	white-space:nowrap;
}

.aam-editor-rapidssl-rapid {
	display:block;
	color:#7a4a2a;
	font-size:17px;
	font-weight:700;
	line-height:1;
	letter-spacing:-1px;
	transform:scaleX(.88);
	transform-origin:right center;
}

.aam-editor-rapidssl-ssl {
	display:block;
	color:#f2b233;
	font-size:22px;
	font-weight:900;
	line-height:1;
	letter-spacing:-1.2px;
	-webkit-text-stroke:.35px rgba(120,75,0,.28);
	text-shadow:
		0 1px 0 rgba(255,255,255,.30),
		0 1px 2px rgba(90,60,0,.22);
	transform:scaleX(.92);
	transform-origin:left center;
}

/* Nicht ausgewählt: deutlich entsättigt */
.aam-editor-ssl-option:not(:has(input:checked))
.aam-editor-ssl-option-icon-letsencrypt,
.aam-editor-ssl-option:not(:has(input:checked))
.aam-editor-ssl-option-icon-rapidssl {
	filter:
		grayscale(1)
		saturate(.08)
		brightness(1.02)
		contrast(.92);
	opacity:.84;
}

/* Beim Hover wieder farbig */
.aam-editor-ssl-option:not(:has(input:checked)):hover
.aam-editor-ssl-option-icon-letsencrypt,
.aam-editor-ssl-option:not(:has(input:checked)):hover
.aam-editor-ssl-option-icon-rapidssl,
.aam-editor-ssl-option:has(input:checked)
.aam-editor-ssl-option-icon-letsencrypt,
.aam-editor-ssl-option:has(input:checked)
.aam-editor-ssl-option-icon-rapidssl {
	filter:
		drop-shadow(0 1px 1px rgba(0,0,0,.18));
	opacity:1;
}

.aam-editor-ssl-price-label {
	position:absolute;
	top:17px;
	right:-1px;
	z-index:6;
	width:120px;
	color:#687279;
	font-family:"Arial Narrow",Arial,Helvetica,sans-serif;
	font-size:8px;
	font-weight:700;
	line-height:1.2;
	letter-spacing:.8px;
	text-align:center;
	text-transform:uppercase;
	white-space:nowrap;
}

.aam-editor-ssl-price-badge {
	position:absolute;
	right:-1px;
	bottom:-1px;
	z-index:4;
	display:block;
	width:120px;
	height:39px;
}

.aam-editor-ssl-price-bevel {
	position:absolute;
	inset:0;
	display:block;
	background:linear-gradient(
		to bottom,
		#cbd1d4 0%,
		#aeb6bb 56%,
		#8f999f 100%
	);
	clip-path:polygon(
		18% 0,
		100% 0,
		100% 100%,
		0 100%
	);
}

.aam-editor-ssl-price-core {
	position:absolute;
	left:4px;
	top:2px;
	right:0;
	bottom:0;
	display:flex;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
	padding:4px 7px 3px 16px;
	background:
		linear-gradient(
			to bottom,
			rgba(255,255,255,.78) 0%,
			rgba(255,255,255,.24) 28%,
			rgba(255,255,255,0) 29%
		),
		linear-gradient(
			135deg,
			#f5f6f7 0%,
			#dce0e2 52%,
			#b8c0c4 100%
		);
	clip-path:polygon(
		18% 0,
		100% 0,
		100% 100%,
		0 100%
	);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.84),
		inset 0 -1px 0 rgba(68,78,84,.20);
}

.aam-editor-ssl-price-main {
	position:relative;
	z-index:1;
	display:block;
	color:#111111;
	font-family:Impact,"Arial Narrow",Arial,Helvetica,sans-serif;
	font-size:17px;
	font-weight:400;
	line-height:1;
	letter-spacing:.1px;
	white-space:nowrap;
	text-shadow:0 1px 0 rgba(255,255,255,.84);
	transform:scaleX(.88);
	transform-origin:center;
}

.aam-editor-ssl-price-main-included {
	font-size:17px;
	letter-spacing:.3px;
}

/* Aktiv und Hover: Goldfalz mit blauem Preisbadge */
.aam-editor-ssl-option:has(input:checked)
.aam-editor-ssl-price-bevel,
.aam-editor-ssl-option:not(:has(input:checked)):hover
.aam-editor-ssl-price-bevel {
	background:linear-gradient(
		to bottom,
		#f1d979 0%,
		#dcb44a 54%,
		#ad7414 100%
	);
}

.aam-editor-ssl-option:has(input:checked)
.aam-editor-ssl-price-core,
.aam-editor-ssl-option:not(:has(input:checked)):hover
.aam-editor-ssl-price-core {
	background:
		linear-gradient(
			to bottom,
			rgba(255,255,255,.24) 0%,
			rgba(255,255,255,.08) 17%,
			rgba(255,255,255,0) 35%
		),
		repeating-linear-gradient(
			11deg,
			transparent 0 22px,
			rgba(170,210,255,.03) 22px 23px,
			transparent 23px 48px
		),
		linear-gradient(
			135deg,
			#4f83ad 0%,
			#336699 36%,
			#174d73 67%,
			#003456 100%
		);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.20),
		inset 0 -1px 0 rgba(0,25,45,.42),
		inset 0 0 9px rgba(0,35,65,.22);
}

.aam-editor-ssl-option:has(input:checked)
.aam-editor-ssl-price-main,
.aam-editor-ssl-option:not(:has(input:checked)):hover
.aam-editor-ssl-price-main {
	color:#ffd45a;
	text-shadow:
		0 -1px 0 rgba(0,25,45,.44),
		0 1px 2px rgba(0,0,0,.30),
		0 0 4px rgba(255,193,65,.20);
	-webkit-text-stroke:.25px rgba(40,22,0,.30);
}



#aam-editor-domain-modes {
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:8px;
	width:100%;
	box-sizing:border-box;
}

.aam-editor-domain-mode-option {
	position:relative;
	display:block;
	min-height:68px;
	box-sizing:border-box;
	padding:9px 12px;
	border:1px solid #aeb7bc;
	border-radius:5px;
	background:linear-gradient(
		to bottom,
		#ffffff 0%,
		#e8ecee 100%
	);
	color:#303840;
	cursor:pointer;
	box-shadow:
		inset 0 1px 0 #fff,
		0 2px 4px rgba(0,0,0,.08);
	transition:
		border-color .12s ease,
		background .12s ease,
		box-shadow .12s ease,
		transform .12s ease;
}

.aam-editor-domain-mode-option:hover {
	border-color:#7f898f;
	background:linear-gradient(
		to bottom,
		#ffffff 0%,
		#dfe4e6 100%
	);
	box-shadow:
		inset 0 1px 0 #ffffff,
		0 2px 4px rgba(0,0,0,.10);
}

.aam-editor-domain-mode-option input {
	position:absolute;
	opacity:0;
	pointer-events:none;
}

.aam-editor-domain-lead {
	margin:0 0 12px 0;
	padding:0;
	color:#303840;
	font-size:12px;
	line-height:1.5;
	text-align:left;
}

.aam-editor-domain-intro {
	margin:0 0 10px 0;
	padding:8px 10px;
	border-left:3px solid #9aa4aa;
	border-radius:0 3px 3px 0;
	background:linear-gradient(
		to bottom,
		#f7f8f8 0%,
		#eceff0 100%
	);
	color:#3f494f;
	font-size:11px;
	font-weight:400;
	line-height:1.5;
	text-align:left;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.85);
}

.aam-editor-domain-mode-head {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	width:100%;
	box-sizing:border-box;
}

.aam-editor-domain-mode-main {
	display:flex;
	align-items:center;
	flex:1 1 auto;
	min-width:0;
	gap:12px;
}

.aam-editor-domain-mode-copy {
	display:flex;
	flex-direction:column;
	justify-content:center;
	min-width:0;
}

.aam-editor-domain-mode-title {
	display:block;
	min-width:0;
	font-size:14px;
	font-weight:900;
	line-height:1.05;
	letter-spacing:.15px;
	white-space:nowrap;
}

/* Lange Bezeichnung im zweiten Domainbutton kompakter */
.aam-editor-domain-mode-option
input[value="paid_domain"]
~ .aam-editor-domain-mode-head
.aam-editor-domain-mode-title {
	letter-spacing:-.45px;
}

.aam-editor-domain-mode-icon {
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 44px;
	width:44px;
	height:40px;
	box-sizing:border-box;
}

.aam-editor-domain-settings-icon {
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 46px;
	width:46px;
	height:46px;
	box-sizing:border-box;
	border:0;
	border-radius:0;
	background:transparent;
	box-shadow:none;
}

.aam-editor-domain-settings-icon img {
	display:block;
	width:44px;
	height:44px;
	object-fit:contain;
	border:0;
	filter:drop-shadow(
		0 2px 2px rgba(0,0,0,.18)
	);
}

.aam-editor-domain-mode-option:has(input:checked)
.aam-editor-domain-settings-icon img {
	filter:drop-shadow(
		0 2px 3px rgba(0,0,0,.30)
	);
}

/* Deutschlandflagge in einer zentrierten Iconfläche */
.aam-editor-domain-flag-de {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 46px;
	width:46px;
	height:46px;
	border:0;
	background:transparent;
	box-shadow:none;
}

.aam-editor-domain-flag-de::before {
	content:"";
	display:block;
	width:42px;
	height:28px;
	box-sizing:border-box;
	border:1px solid rgba(0,0,0,.52);
	border-radius:2px;
	background:linear-gradient(
		to bottom,
		#111111 0%,
		#111111 33.333%,
		#bb0000 33.333%,
		#bb0000 66.666%,
		#ffcc00 66.666%,
		#ffcc00 100%
	);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.18),
		0 2px 3px rgba(0,0,0,.20);
}


.aam-editor-domain-mode-option
input[value="included_de"]:checked
~ .aam-editor-domain-mode-head
.aam-editor-domain-mode-badge {
	border-color:#8b5c00;
	background:linear-gradient(
		to bottom,
		#fff3a8 0%,
		#ffd34d 48%,
		#ffb719 72%,
		#e88b00 100%
	);
	color:#4b3100;
	text-shadow:0 1px 0 rgba(255,255,255,.65);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.75),
		0 1px 2px rgba(0,0,0,.18);
}


.aam-editor-domain-mode-small {
	display:block;
	margin-top:4px;
	color:#6b757b;
	font-size:8px;
	font-weight:400;
	line-height:1.15;
	white-space:nowrap;
}

.aam-editor-domain-mode-badge {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
	min-height:20px;
	box-sizing:border-box;
	padding:3px 7px;
		border:1px solid #9b4949;
	border-radius:10px;
	background:linear-gradient(
		to bottom,
		#fff4f4 0%,
		#e8caca 100%
	);
	color:#7b2020;
	font-size:7px;
	font-weight:bold;
	line-height:1;
	letter-spacing:.7px;
	text-transform:uppercase;
}

.aam-editor-domain-mode-info {
	display:block;
	margin-top:7px;
	color:#566168;
	font-size:11px;
	line-height:1.35;
}

.aam-editor-domain-mode-option:has(input:checked) {
	border-color:#001f34;
	color:#ffffff;
	text-shadow:0 -1px 0 rgba(0,20,35,.62);
}

.aam-editor-domain-mode-option:has(input:checked)
.aam-editor-domain-mode-small {
	color:#f1dede;
}

.aam-editor-domain-mode-option:has(input:checked)
.aam-editor-domain-mode-badge {
	border-color:#f0aaaa;
	background:rgba(74,0,0,.30);
	color:#ffffff;
	text-shadow:0 -1px 0 rgba(0,0,0,.35);
}

/* Physische Reaktion nur beim Drücken */
#aam-editor-domain-modes
.aam-editor-domain-mode-option:active {
	transform:translateY(1px) scale(.995);
	box-shadow:
		inset 0 2px 5px rgba(0,0,0,.18),
		0 1px 2px rgba(0,0,0,.08);
}

.aam-editor-domain-mode-option:has(input:checked)
.aam-editor-domain-mode-info {
	color:#ffe7a1;
}

/*
 * Hover/Aktiv = dunkler Blauverlauf des Domain-Preisleistungsbadges (Bereich 03).
 * 04 Alias-Domains etwas heller, SSL noch etwas heller.
 */
.aam-editor-domain-mode-option:hover,
.aam-editor-domain-mode-option:has(input:checked) {
	border-color:#001f34;
	background:
		linear-gradient(
			to bottom,
			rgba(255,255,255,.20) 0%,
			rgba(255,255,255,.06) 18%,
			rgba(255,255,255,0) 36%
		),
		repeating-linear-gradient(
			11deg,
			transparent 0 22px,
			rgba(150,210,255,.025) 22px 23px,
			transparent 23px 48px
		),
		linear-gradient(
			135deg,
			#174d73 0%,
			#003456 38%,
			#002843 70%,
			#001b2d 100%
		);
	color:#ffffff;
	text-shadow:0 -1px 0 rgba(0,20,35,.62);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.20),
		inset 0 -1px 0 rgba(0,20,35,.52),
		0 2px 4px rgba(0,52,86,.24);
}

.aam-editor-domain-mode-option:hover
.aam-editor-domain-mode-small,
.aam-editor-domain-mode-option:has(input:checked)
.aam-editor-domain-mode-small {
	color:#ffe7a1;
}

.aam-editor-domain-mode-option:hover
.aam-editor-domain-mode-badge,
.aam-editor-domain-mode-option:has(input:checked)
.aam-editor-domain-mode-badge {
	border-color:#8b5c00;
	background:linear-gradient(
		to bottom,
		#fff3a8 0%,
		#ffd34d 48%,
		#ffb719 72%,
		#e88b00 100%
	);
	color:#4b3100;
	text-shadow:0 1px 0 rgba(255,255,255,.65);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.75),
		0 1px 2px rgba(0,0,0,.18);
}

.aam-editor-domain-detail {
	display:block;
	width:100%;
	box-sizing:border-box;
	margin-top:10px;
	padding:11px 12px;
	border:1px solid #b8c0c5;
	border-radius:5px;
	background:#f7f8f8;
}

/*
 * Der Eingabebereich für weitere Alias-Domains liegt bereits
 * innerhalb des gemeinsamen Contentgehäuses und benötigt daher
 * keinen zusätzlichen Kasten.
 */
#aam-editor-extra-domain-detail {
	padding:0;
	border:0;
	border-radius:0;
	background:transparent;
}

.aam-editor-domain-detail[hidden] {
	display:none !important;
}

/* Weitere Alias-Domains: kompakter LED-Rand-Taster */
.aam-editor-extra-domains-control {
	display:block;
	width:100%;
	box-sizing:border-box;
	margin-top:20px;
	text-align:center;
}

.aam-editor-extra-domains-control:has(
	> .aam-editor-extra-domains-toggle[hidden]
) {
	display:none !important;
}

.aam-editor-extra-domains-toggle[hidden] {
	display:none !important;
}

.aam-editor-extra-domains-toggle {
	position:relative;
	display:block;
	width:188px;
	box-sizing:border-box;
	margin:0 auto;
	cursor:pointer;
	user-select:none;
	-webkit-tap-highlight-color:transparent;
}

.aam-editor-extra-domains-toggle > input {
	position:absolute;
	width:1px;
	height:1px;
	margin:-1px;
	padding:0;
	overflow:hidden;
	border:0;
	clip:rect(0 0 0 0);
	clip-path:inset(50%);
	white-space:nowrap;
}

.aam-editor-extra-domains-toggle-face {
	position:relative;
	display:grid;
	grid-template-columns:16px minmax(0,1fr) 16px;
	align-items:center;
	column-gap:7px;
	width:100%;
	min-height:38px;
	box-sizing:border-box;
	padding:6px 8px;
	border:1px solid #9a9fa2;
	border-radius:5px;
	background:linear-gradient(to bottom,#ffffff 0%,#f4f4f4 48%,#e7e7e7 100%);
	color:#080808;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.98),
		inset 0 -1px 0 rgba(0,0,0,.10),
		inset 0 0 0 1px rgba(255,255,255,.42),
		0 1px 2px rgba(0,0,0,.26);
	transition:
		transform .10s ease,
		border-color .10s ease,
		background .10s ease,
		color .10s ease,
		box-shadow .10s ease,
		text-shadow .10s ease;
}

.aam-editor-extra-domains-toggle-face::before {
	content:"";
	position:absolute;
	inset:3px;
	border:1px solid rgba(100,105,108,.30);
	border-radius:3px;
	pointer-events:none;
}

.aam-editor-extra-domains-toggle-box {
	position:relative;
	z-index:1;
	display:block;
	width:13px;
	height:13px;
	box-sizing:border-box;
	border:1px solid #929a9e;
	background:#ffffff;
	box-shadow:
		inset 0 1px 2px rgba(0,0,0,.08),
		0 1px 0 rgba(255,255,255,.90);
}

.aam-editor-extra-domains-toggle-box::before,
.aam-editor-extra-domains-toggle-box::after {
	content:"";
	position:absolute;
	display:block;
	height:1px;
	background:currentColor;
	opacity:0;
	transform-origin:left center;
}

.aam-editor-extra-domains-toggle-box::before {
	left:2px;
	top:6px;
	width:4px;
	transform:rotate(45deg);
}

.aam-editor-extra-domains-toggle-box::after {
	left:5px;
	top:8px;
	width:6px;
	transform:rotate(-45deg);
}

.aam-editor-extra-domains-toggle-copy {
	position:relative;
	z-index:1;
	display:block;
	min-width:0;
	font-size:10px;
	font-weight:700;
	line-height:1;
	letter-spacing:.18px;
	text-align:center;
	text-transform:uppercase;
	white-space:nowrap;
}

.aam-editor-extra-domains-toggle-arrow {
	position:relative;
	z-index:1;
	display:flex;
	align-items:center;
	justify-content:center;
	width:16px;
	height:18px;
	color:currentColor;
	pointer-events:none;
}

.aam-editor-extra-domains-toggle-arrow svg {
	display:block;
	width:22px;
	height:18px;
	overflow:visible;
}

.aam-editor-extra-domains-toggle-arrow path {
	fill:none;
	stroke:currentColor;
	stroke-linecap:round;
	stroke-linejoin:round;
	vector-effect:non-scaling-stroke;
}

.aam-editor-extra-domains-arrow-normal {
	display:block;
	stroke-width:1.65;
}

.aam-editor-extra-domains-arrow-active {
	display:none;
	stroke-width:2.15;
}

.aam-editor-extra-domains-toggle:hover
.aam-editor-extra-domains-toggle-face,
.aam-editor-extra-domains-toggle:has(> input:checked)
.aam-editor-extra-domains-toggle-face {
	border-color:#003456;
	background:
		linear-gradient(
			to bottom,
			rgba(255,255,255,.21) 0%,
			rgba(255,255,255,.065) 18%,
			rgba(255,255,255,0) 36%
		),
		linear-gradient(
			135deg,
			#2c638d 0%,
			#174d73 36%,
			#083a5c 67%,
			#002a46 100%
		);
	color:#ffd45a;
	text-shadow:0 -1px 0 rgba(0,25,45,.60);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.22),
		inset 0 -1px 0 rgba(0,25,45,.50),
		0 2px 4px rgba(0,52,86,.24);
}

.aam-editor-extra-domains-toggle:hover
.aam-editor-extra-domains-toggle-box,
.aam-editor-extra-domains-toggle:has(> input:checked)
.aam-editor-extra-domains-toggle-box {
	border-color:#174d73;
	background:linear-gradient(to bottom,#083a5c 0%,#002a46 100%);
	box-shadow:inset 0 1px 2px rgba(0,20,35,.70);
}

.aam-editor-extra-domains-toggle:hover
.aam-editor-extra-domains-arrow-normal,
.aam-editor-extra-domains-toggle:has(> input:checked)
.aam-editor-extra-domains-arrow-normal {
	display:none;
}

.aam-editor-extra-domains-toggle:hover
.aam-editor-extra-domains-arrow-active,
.aam-editor-extra-domains-toggle:has(> input:checked)
.aam-editor-extra-domains-arrow-active {
	display:block;
	filter:
		drop-shadow(0 0 2px rgba(255,212,90,.55))
		drop-shadow(0 1px 0 rgba(0,25,45,.70));
}

.aam-editor-extra-domains-toggle:has(> input:checked)
.aam-editor-extra-domains-toggle-box::before,
.aam-editor-extra-domains-toggle:has(> input:checked)
.aam-editor-extra-domains-toggle-box::after {
	opacity:1;
}

.aam-editor-extra-domains-toggle:has(> input:checked)
.aam-editor-extra-domains-toggle-copy {
	animation:aamEditorExtraDomainsActiveGlow 1.45s ease-in-out infinite;
}

@keyframes aamEditorExtraDomainsActiveGlow {
	0%,
	100% {
		filter:brightness(.98);
		text-shadow:
			0 0 3px rgba(255,75,0,.30),
			0 1px 0 rgba(65,0,0,.82);
	}

	48% {
		filter:brightness(1.18);
		text-shadow:
			0 0 5px rgba(255,190,40,.70),
			0 0 9px rgba(255,65,0,.42),
			0 1px 0 rgba(65,0,0,.82);
	}

	54% {
		filter:brightness(1.06);
	}
}

.aam-editor-extra-domains-toggle:active
.aam-editor-extra-domains-toggle-face {
	transform:translateY(1px);
}

.aam-editor-extra-domains-toggle.aam-editor-extra-domains-just-unchecked
.aam-editor-extra-domains-toggle-face,
.aam-editor-extra-domains-toggle.aam-editor-extra-domains-just-unchecked:hover
.aam-editor-extra-domains-toggle-face {
	border-color:#9a9fa2;
	background:linear-gradient(to bottom,#ffffff 0%,#f4f4f4 48%,#e7e7e7 100%);
	color:#080808;
	text-shadow:none;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.98),
		inset 0 -1px 0 rgba(0,0,0,.10),
		inset 0 0 0 1px rgba(255,255,255,.42),
		0 1px 2px rgba(0,0,0,.26);
}

.aam-editor-extra-domains-toggle.aam-editor-extra-domains-just-unchecked
.aam-editor-extra-domains-toggle-box {
	border-color:#929a9e;
	background:#ffffff;
	box-shadow:
		inset 0 1px 2px rgba(0,0,0,.08),
		0 1px 0 rgba(255,255,255,.90);
}

.aam-editor-extra-domains-toggle.aam-editor-extra-domains-just-unchecked
.aam-editor-extra-domains-toggle-arrow {
	color:#111111;
}

.aam-editor-extra-domains-toggle.aam-editor-extra-domains-just-unchecked
.aam-editor-extra-domains-arrow-normal {
	display:block;
}

.aam-editor-extra-domains-toggle.aam-editor-extra-domains-just-unchecked
.aam-editor-extra-domains-arrow-active {
	display:none;
	filter:none;
}

.aam-editor-extra-domains-miniinfo {
	display:block;
	max-width:360px;
	box-sizing:border-box;
	margin:16px auto 0;
	color:#626b71;
	font-size:9px;
	font-weight:400;
	line-height:1.35;
	text-align:center;
}

.aam-editor-extra-domains-miniinfo-mark {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:9px;
	width:100%;
	margin:0 0 7px;
}

.aam-editor-extra-domains-miniinfo-line {
	display:block;
	flex:1 1 auto;
	max-width:104px;
	height:1px;
	background:linear-gradient(
		to right,
		transparent 0%,
		rgba(135,142,147,.70) 16%,
		rgba(135,142,147,.70) 100%
	);
}

.aam-editor-extra-domains-miniinfo-line:last-child {
	transform:scaleX(-1);
}

.aam-editor-extra-domains-miniinfo-globe {
	display:flex;
	align-items:center;
	justify-content:center;
	width:20px;
	height:20px;
	color:#8c9398;
	filter:drop-shadow(0 1px 0 rgba(255,255,255,.82));
}

.aam-editor-extra-domains-miniinfo-globe svg {
	display:block;
	width:20px;
	height:20px;
}

.aam-editor-extra-domains-miniinfo-globe path,
.aam-editor-extra-domains-miniinfo-globe circle,
.aam-editor-extra-domains-miniinfo-globe ellipse,
.aam-editor-extra-domains-miniinfo-globe line {
	fill:none;
	stroke:currentColor;
	stroke-width:1.45;
	stroke-linecap:round;
	stroke-linejoin:round;
	vector-effect:non-scaling-stroke;
}

.aam-editor-extra-domains-miniinfo-text {
	display:block;
	max-width:300px;
	margin:0 auto;
	color:#626b71;
	font-size:9px;
	line-height:1.35;
	letter-spacing:.01em;
	text-align:center;
}

.aam-editor-domain-recommendations {
	display:grid;
	grid-template-columns:repeat(5,minmax(0,1fr));
	gap:6px;
	width:100%;
	box-sizing:border-box;
	margin-bottom:10px;
}

.aam-editor-extra-domain-tld {
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:34px;
	box-sizing:border-box;
	margin:0;
	padding:6px 8px;
	border:1px solid #9ea8ae;
	border-radius:4px;
	background:linear-gradient(
		to bottom,
		#ffffff 0%,
		#e4e8ea 100%
	);
	color:#303840;
	font:700 10px Arial,Helvetica,sans-serif;
	cursor:pointer;
	box-shadow:
		inset 0 1px 0 #fff,
		0 1px 2px rgba(0,0,0,.08);
}

.aam-editor-extra-domain-tld:hover {
	border-color:#294b3c;
	background:#edf3f0;
}

.aam-editor-extra-domain-tld.active {
	border-color:#294b3c;
	background:linear-gradient(
		135deg,
		#2c5141 0%,
		#173b30 48%,
		#071d18 100%
	);
	color:#fff;
}

.aam-editor-extra-domain-tld-selection {
	font-size:9px;
	letter-spacing:.4px;
}

/*
 * Gruppierte Empfehlungen ausschließlich im Bereich
 * WEITERE ALIAS-DOMAINS.
 */
#aam-editor-extra-domain-recommendations {
	display:block;
	margin-bottom:10px;
}

.aam-editor-extra-domain-tld-group {
	display:block;
	width:100%;
	box-sizing:border-box;
	margin:0 0 10px 0;
	padding:9px 10px 10px 10px;
	border:1px solid #c1c8cc;
	border-radius:5px;
	background:linear-gradient(
		to bottom,
		#fafbfb 0%,
		#eef1f2 100%
	);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.95);
}

.aam-editor-extra-domain-tld-group:last-child {
	margin-bottom:0;
}

.aam-editor-extra-domain-tld-group-title {
	display:block;
	margin:0 0 7px 0;
	color:#59656b;
	font-size:8px;
	font-weight:900;
	line-height:1.2;
	letter-spacing:.7px;
	text-transform:uppercase;
}

.aam-editor-extra-domain-tld-group-buttons {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:6px;
	width:100%;
	box-sizing:border-box;
}

.aam-editor-extra-domain-tld-group-buttons
.aam-editor-extra-domain-tld {
	flex:0 0 auto;
	min-width:58px;
}

.aam-editor-extra-domain-tld-featured {
	min-width:92px !important;
	border-color:#244d75;
	background:linear-gradient(
		to bottom,
		#5f8eb5 0%,
		#336699 52%,
		#174d73 100%
	);
	color:#ffffff;
	font-size:12px;
	text-shadow:0 -1px 0 rgba(0,25,45,.45);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.25),
		0 2px 4px rgba(0,52,86,.18);
}

.aam-editor-extra-domain-tld-featured:hover,
.aam-editor-extra-domain-tld-featured.active {
	border-color:#760000;
	background:linear-gradient(
		to bottom,
		#d00000 0%,
		#bb0000 48%,
		#920000 100%
	);
	color:#ffffff;
}

.aam-editor-extra-domain-tld-subordinate {
	min-width:50px !important;
	min-height:27px;
	padding:4px 7px;
	border-style:dashed;
	color:#59656b;
	font-size:8px;
	font-weight:700;
}


/* Eingabe- und Prozessansicht jeweils untereinander darstellen */
#aam-editor-domain-input-view,
#aam-editor-domain-process-view,
#aam-editor-main-domain-paid-input-view,
#aam-editor-main-domain-paid-process-view,
#aam-editor-extra-domain-input-view,
#aam-editor-extra-domain-process-view {
	display:block;
	width:100%;
	box-sizing:border-box;
}

#aam-editor-domain-input-view[hidden],
#aam-editor-domain-process-view[hidden],
#aam-editor-main-domain-paid-input-view[hidden],
#aam-editor-main-domain-paid-process-view[hidden],
#aam-editor-extra-domain-input-view[hidden],
#aam-editor-extra-domain-process-view[hidden] {
	display:none !important;
}

/* Inlinebereich für Prüfung, Ergebnis und Domainauswahl */
#aam-editor-domain-process-view,
#aam-editor-main-domain-paid-process-view,
#aam-editor-extra-domain-process-view {
	min-height:88px;
	padding:12px 14px;
	border:1px solid #b8c0c5;
	border-left:4px solid #bb0000;
	border-radius:4px;
	background:linear-gradient(
		to bottom,
		#ffffff 0%,
		#eef1f2 100%
	);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.95);
}

/* Überschrift des aktuellen Vorgangs */
.aam-editor-domain-process-head {
	display:flex;
	align-items:center;
	gap:8px;
	color:#4c575d;
	font-size:9px;
	font-weight:900;
	line-height:1.2;
	letter-spacing:.65px;
	text-transform:uppercase;
}

/* Kleiner Ladeindikator während der Prüfung */
#aam-editor-domain-process-view[data-domain-state="checking"]
.aam-editor-domain-process-head::before,
#aam-editor-main-domain-paid-process-view[data-domain-state="checking"]
.aam-editor-domain-process-head::before,
#aam-editor-extra-domain-process-view[data-domain-state="checking"]
.aam-editor-domain-process-head::before {
	content:"";
	display:block;
	flex:0 0 14px;
	width:14px;
	height:14px;
	box-sizing:border-box;
	border:2px solid #d4d9dc;
	border-top-color:#bb0000;
	border-radius:50%;
	animation:
		aamEditorDomainChecking
		.75s linear infinite;
}

@keyframes aamEditorDomainChecking {
	to {
		transform:rotate(360deg);
	}
}

/* Geprüfte Domain */
.aam-editor-domain-process-name {
	margin-top:10px;
	color:#8f0000;
	font-size:18px;
	font-weight:900;
	line-height:1.1;
	letter-spacing:-.2px;
}

/* Erklärung unterhalb der Domain */
.aam-editor-domain-process-text {
	margin-top:5px;
	color:#667177;
	font-size:9px;
	line-height:1.4;
}

/*
 * Optionale Treuhandleistung im Ergebnisbereich.
 *
 * Keine zusätzliche Kartenoptik:
 * nur eine dezente Trennung, klare Typografie und
 * eine kompakte Serviceauswahl.
 */
.aam-editor-domain-trustee-target {
	display:block;
	width:100%;
	box-sizing:border-box;
	margin-top:12px;
	padding-top:10px;
	border-top:1px solid rgba(120,132,138,.24);
}

.aam-editor-domain-trustee-option {
	position:relative;
	display:grid;
	grid-template-columns:20px minmax(0,1fr) auto;
	align-items:center;
	column-gap:10px;
	width:100%;
	min-height:38px;
	box-sizing:border-box;
	margin:0;
	padding:3px 2px;
	color:#303b41;
	cursor:pointer;
}

.aam-editor-domain-trustee-option > input {
	position:absolute;
	opacity:0;
	pointer-events:none;
}

.aam-editor-domain-trustee-option::before {
	content:"";
	display:flex;
	align-items:center;
	justify-content:center;
	grid-column:1;
	width:17px;
	height:17px;
	box-sizing:border-box;
	border:1px solid #929da2;
	border-radius:3px;
	background:#ffffff;
	color:#ffffff;
	font-size:11px;
	font-weight:900;
	line-height:1;
	box-shadow:
		inset 0 1px 2px rgba(0,0,0,.05),
		0 1px 0 rgba(255,255,255,.9);
	transition:
		border-color .14s ease,
		background .14s ease,
		box-shadow .14s ease;
}

.aam-editor-domain-trustee-option:has(
	> input:checked
)::before {
	content:"\2713";
	border-color:#315e4d;
	background:#315e4d;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.18),
		0 1px 2px rgba(24,63,48,.18);
}

.aam-editor-domain-trustee-option:hover::before {
	border-color:#315e4d;
}

.aam-editor-domain-trustee-option:focus-within::before {
	border-color:#315e4d;
	box-shadow:
		0 0 0 2px rgba(49,94,77,.12),
		inset 0 1px 2px rgba(0,0,0,.04);
}

.aam-editor-domain-trustee-copy {
	display:flex;
	flex-direction:column;
	justify-content:center;
	min-width:0;
	grid-column:2;
}

.aam-editor-domain-trustee-copy > strong {
	display:block;
	color:#29353b;
	font-size:9px;
	font-weight:900;
	line-height:1.15;
	letter-spacing:.45px;
	text-transform:uppercase;
}

.aam-editor-domain-trustee-copy > small {
	display:block;
	margin-top:3px;
	color:#707a7f;
	font-size:8px;
	font-weight:400;
	line-height:1.3;
}

.aam-editor-domain-trustee-price {
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	justify-content:center;
	grid-column:3;
	min-width:74px;
	padding-left:12px;
	text-align:right;
	white-space:nowrap;
}

.aam-editor-domain-trustee-price > strong {
	display:block;
	color:#174d73;
	font-size:12px;
	font-weight:900;
	line-height:1;
	text-shadow:none;
}

.aam-editor-domain-trustee-price > small {
	display:block;
	margin-top:4px;
	color:#737d82;
	font-size:7px;
	font-weight:700;
	line-height:1;
	letter-spacing:.35px;
	text-transform:uppercase;
}

.aam-editor-domain-trustee-option:has(
	> input:checked
)
.aam-editor-domain-trustee-copy > strong {
	color:#315e4d;
}

.aam-editor-domain-trustee-option:has(
	> input:checked
)
.aam-editor-domain-trustee-price > strong {
	color:#315e4d;
}

/* Hervorgehobene AuthCode-Zeile */
.aam-editor-domain-authcode-row {
	display:grid;
	grid-template-columns:76px minmax(0,1fr) 48px;
	align-items:center;
	gap:7px;
	width:100%;
	box-sizing:border-box;
	margin-top:13px;
}

.aam-editor-domain-authcode-label {
	display:flex;
	align-items:center;
	height:38px;
	box-sizing:border-box;
	color:#760000;
	font-size:10px;
	font-weight:900;
	line-height:1;
	letter-spacing:.7px;
	white-space:nowrap;
}

.aam-editor-domain-authcode-field {
	display:block;
	min-width:0;
	width:100%;
	box-sizing:border-box;
}

#aam-editor-domain-authcode,
#aam-editor-extra-domain-authcode {
	display:block;
	width:100%;
	height:38px;
	box-sizing:border-box;
	margin:0;
	padding:0 10px;
	border:2px solid #9b4949;
	border-radius:5px;
	background:#fff8f8;
	color:#4d0000;
	font:900 17px/1.1 "Courier New",Courier,monospace;
	letter-spacing:1.15px;
	text-align:center;
	text-transform:none;
	box-shadow:
		inset 0 1px 3px rgba(80,0,0,.08),
		0 0 0 1px rgba(187,0,0,.05);
}

#aam-editor-domain-authcode::placeholder,
#aam-editor-extra-domain-authcode::placeholder {
	color:#a57d7d;
	font:700 10px Arial,Helvetica,sans-serif;
	letter-spacing:.7px;
}

#aam-editor-domain-authcode:focus,
#aam-editor-extra-domain-authcode:focus {
	border-color:#760000;
	outline:0;
	background:#ffffff;
	box-shadow:
		0 0 0 2px rgba(187,0,0,.12),
		inset 0 1px 2px rgba(0,0,0,.04);
}

.aam-editor-domain-authcode-fixed {
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	min-height:38px;
	box-sizing:border-box;
	padding:6px 10px;
	border:2px solid #527d68;
	border-radius:5px;
	background:linear-gradient(
		to bottom,
		#ffffff 0%,
		#dcebe3 100%
	);
	color:#24543e;
	font:900 17px/1.1 "Courier New",Courier,monospace;
	letter-spacing:1.15px;
	text-align:center;
	overflow-wrap:anywhere;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.95),
		0 1px 2px rgba(0,0,0,.08);
}

.aam-editor-domain-authcode-control {
	display:flex;
	align-items:center;
	justify-content:center;
	width:48px;
	height:38px;
	box-sizing:border-box;
	margin:0;
	padding:0;
	border:1px solid #740000;
	border-radius:6px;
	background:linear-gradient(
		to bottom,
		#dc2323 0%,
		#bb0000 52%,
		#7f0000 100%
	);
	color:#ffffff;
	font:900 9px/1 Arial,Helvetica,sans-serif;
	letter-spacing:.3px;
	cursor:pointer;
	text-shadow:0 -1px 0 rgba(0,0,0,.40);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.26),
		inset 0 -1px 0 rgba(55,0,0,.40),
		0 2px 4px rgba(91,0,0,.25);
}

.aam-editor-domain-authcode-save {
	font-size:19px;
}

.aam-editor-domain-authcode-control:hover {
	filter:brightness(1.08);
}

.aam-editor-domain-authcode-control:active {
	transform:translateY(1px);
	box-shadow:
		inset 0 2px 4px rgba(0,0,0,.28);
}

#aam-editor-domain-authcode[hidden],
#aam-editor-extra-domain-authcode[hidden],
.aam-editor-domain-authcode-fixed[hidden],
.aam-editor-domain-authcode-control[hidden] {
	display:none !important;
}


/* Providerwechsel und AuthCode-Eingabe */
#aam-editor-domain-process-view[data-domain-state="transfer"],
#aam-editor-extra-domain-process-view[data-domain-state="transfer"] {
	border-left-color:#bb0000;
	background:linear-gradient(
		to bottom,
		#ffffff 0%,
		#f5f0f0 100%
	);
}

/* Providerwechsel ist nach gesetztem AuthCode möglich */
#aam-editor-domain-process-view[
	data-domain-state="transfer"
][data-authcode] {
	border-left-color:#3f6f5d;
	background:linear-gradient(
		to bottom,
		#ffffff 0%,
		#edf5f1 100%
	);
}

#aam-editor-domain-process-view[
	data-domain-state="transfer"
][data-authcode]
.aam-editor-domain-process-name {
	color:#315e4d;
}

.aam-editor-domain-transfer-label {
	display:block;
	width:100%;
	box-sizing:border-box;
	margin-top:13px;
}

.aam-editor-domain-transfer-label > span {
	display:block;
	margin-bottom:5px;
	color:#4f5a60;
	font-size:9px;
	font-weight:900;
	line-height:1.2;
	letter-spacing:.4px;
}

#aam-editor-domain-authcode {
	display:block;
	width:100%;
	height:36px;
	box-sizing:border-box;
	margin:0;
	padding:0 10px;
	border:1px solid #aeb7bb;
	border-radius:5px;
	background:#ffffff;
	color:#303840;
	font:12px Arial,Helvetica,sans-serif;
	transition:
		border-color .15s ease,
		background .15s ease,
		box-shadow .15s ease;
}

#aam-editor-domain-authcode:focus {
	border-color:#760000;
	outline:0;
	box-shadow:
		0 0 0 2px rgba(187,0,0,.10),
		inset 0 1px 2px rgba(0,0,0,.04);
}

#aam-editor-domain-authcode.aam-editor-domain-authcode-valid {
	border-color:#6f9b7d;
	background:#edf7f0;
	box-shadow:
		inset 0 1px 2px rgba(34,94,55,.08),
		0 0 0 1px rgba(65,130,84,.08);
}

.aam-editor-domain-process-button-primary:disabled {
	border-color:#aeb6ba;
	background:linear-gradient(
		to bottom,
		#eceeef 0%,
		#d4d8da 100%
	);
	color:#899297;
	text-shadow:none;
	cursor:not-allowed;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.75);
}

/* Ergebniszustand: Domain verfügbar */
#aam-editor-domain-process-view[data-domain-state="available"],
#aam-editor-main-domain-paid-process-view[data-domain-state="available"],
#aam-editor-extra-domain-process-view[data-domain-state="available"] {
	border-left-color:#3f6f5d;
	background:linear-gradient(
		to bottom,
		#ffffff 0%,
		#edf5f1 100%
	);
}

#aam-editor-domain-process-view[data-domain-state="taken"] {
	border-left-color:#bb0000;
	background:linear-gradient(
		to bottom,
		#ffffff 0%,
		#f7eeee 100%
	);
}

#aam-editor-domain-process-view[data-domain-state="error"] {
	border-left-color:#9a6a24;
	background:linear-gradient(
		to bottom,
		#ffffff 0%,
		#fff7e8 100%
	);
}

#aam-editor-domain-process-view[data-domain-state="available"]
.aam-editor-domain-process-name,
#aam-editor-main-domain-paid-process-view[data-domain-state="available"]
.aam-editor-domain-process-name,
#aam-editor-extra-domain-process-view[data-domain-state="available"]
.aam-editor-domain-process-name {
	color:#315e4d;
}

.aam-editor-domain-process-actions {
	display:flex;
	align-items:center;
	justify-content:flex-end;
	flex-wrap:wrap;
	gap:7px;
	margin-top:13px;
	padding-top:10px;
	border-top:1px solid rgba(130,142,148,.28);
}

.aam-editor-domain-process-button {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:30px;
	box-sizing:border-box;
	margin:0;
	padding:6px 11px;
	border:1px solid #8e989d;
	border-radius:3px;
	background:linear-gradient(
		to bottom,
		#ffffff 0%,
		#dfe4e6 100%
	);
	color:#303840;
	font:700 8px Arial,Helvetica,sans-serif;
	letter-spacing:.4px;
	text-transform:uppercase;
	cursor:pointer;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.95),
		0 1px 2px rgba(0,0,0,.10);
}

.aam-editor-domain-process-button-primary {
	border-color:#760000;
	background:linear-gradient(
		to bottom,
		#d71518 0%,
		#bb0000 52%,
		#8f0000 100%
	);
	color:#ffffff;
	text-shadow:0 -1px 0 rgba(0,0,0,.35);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.22),
		0 2px 4px rgba(91,0,0,.20);
}

.aam-editor-domain-process-button-transfer {
	border-color:#760000;
	background:linear-gradient(
		to bottom,
		#d00000 0%,
		#bb0000 52%,
		#920000 100%
	);
	color:#ffffff;
	text-shadow:0 -1px 0 rgba(0,0,0,.35);
}

.aam-editor-domain-process-button:active {
	transform:translateY(1px);
	box-shadow:
		inset 0 2px 4px rgba(0,0,0,.18);
}

/* ================================================================
   HAUPTDOMAINWECHSEL – ENTSCHEIDUNG ÜBER DIE INKLUSIVE .DE-DOMAIN
   ================================================================ */

.aam-editor-main-domain-decision-intro {
	box-sizing:border-box;
	margin-top:8px;
	padding:0 0 12px 0;
	border-bottom:1px solid #d3d9dc;
}

.aam-editor-main-domain-decision-intro > span {
	display:block;
	color:#687279;
	font-size:8px;
	font-weight:900;
	line-height:1;
	letter-spacing:.7px;
	text-transform:uppercase;
}

.aam-editor-main-domain-decision-intro > strong {
	display:block;
	margin-top:5px;
	color:#9f0000;
	font-size:18px;
	font-weight:900;
	line-height:1.1;
	overflow-wrap:anywhere;
}

.aam-editor-main-domain-decision-intro > p {
	margin:7px 0 0 0;
	color:#536067;
	font-size:10px;
	line-height:1.4;
}

.aam-editor-main-domain-decision-options {
	display:grid;
	grid-template-columns:1fr;
	gap:8px;
	margin-top:11px;
}

.aam-editor-main-domain-decision-card {
	display:grid;
	grid-template-columns:minmax(0,1fr) 190px;
	align-items:center;
	gap:12px;
	min-height:82px;
	box-sizing:border-box;
	padding:10px;
	border:1px solid #b7c0c5;
	border-left:4px solid #7f898e;
	border-radius:4px;
	background:linear-gradient(
		to bottom,
		#ffffff 0%,
		#eef1f2 100%
	);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.95),
		0 1px 3px rgba(0,0,0,.08);
}

.aam-editor-main-domain-decision-card-recommended {
	border-color:#8fa99d;
	border-left-color:#315e4d;
	background:linear-gradient(
		to bottom,
		#ffffff 0%,
		#edf4f1 100%
	);
}

.aam-editor-main-domain-decision-card-remove {
	border-left-color:#9b7474;
}

.aam-editor-main-domain-decision-card-copy {
	min-width:0;
}

.aam-editor-main-domain-decision-card-copy > strong {
	display:block;
	color:#303a3f;
	font-size:11px;
	font-weight:900;
	line-height:1.15;
	letter-spacing:.35px;
}

.aam-editor-main-domain-decision-card-copy > span:not(
	.aam-editor-main-domain-decision-label
) {
	display:block;
	margin-top:5px;
	color:#243138;
	font-size:12px;
	font-weight:900;
	line-height:1.2;
	overflow-wrap:anywhere;
}

.aam-editor-main-domain-decision-card-copy > p {
	margin:5px 0 0 0;
	color:#59666c;
	font-size:9px;
	line-height:1.35;
}

.aam-editor-main-domain-decision-label {
	display:inline-flex;
	align-items:center;
	min-height:16px;
	box-sizing:border-box;
	margin:0 0 6px 0;
	padding:2px 7px;
	border:1px solid #557a69;
	border-radius:9px;
	background:#e4efe9;
	color:#315e4d;
	font-size:7px;
	font-weight:900;
	line-height:1;
	letter-spacing:.65px;
	text-transform:uppercase;
}

.aam-editor-main-domain-decision-button {
	width:190px;
	min-height:34px;
	padding:7px 10px;
	font-size:8px;
	line-height:1.2;
	white-space:normal;
	text-align:center;
}

.aam-editor-main-domain-decision-button-remove {
	border-color:#8e989d;
	background:linear-gradient(
		to bottom,
		#ffffff 0%,
		#dfe4e6 100%
	);
	color:#4a5459;
	text-shadow:none;
}

.aam-editor-main-domain-decision-cancel {
	display:flex;
	justify-content:flex-end;
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid rgba(130,142,148,.28);
}

@media (max-width:520px) {
	.aam-editor-main-domain-decision-card {
		grid-template-columns:1fr;
	}

	.aam-editor-main-domain-decision-button {
		width:100%;
	}
}

/* Festgesetzte Hauptdomain */
.aam-editor-domain-selected {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	width:100%;
	box-sizing:border-box;
	min-height:48px;
}

.aam-editor-domain-selected-main {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:7px;
	min-width:0;
}

.aam-editor-domain-selected-label {
	color:#59656b;
	font-size:9px;
	font-weight:900;
	line-height:1;
	letter-spacing:.7px;
	text-transform:uppercase;
}

.aam-editor-domain-selected-arrow {
	color:#8c969b;
	font-size:15px;
	font-weight:900;
	line-height:1;
}

.aam-editor-domain-selected-name {
	display:inline-block;
	box-sizing:border-box;
	padding:7px 10px;
	border:1px solid #527d68;
	border-radius:4px;
	background:linear-gradient(
		to bottom,
		#ffffff 0%,
		#dcebe3 100%
	);
	color:#24543e;
	font-size:16px;
	font-weight:900;
	line-height:1;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.95),
		0 1px 2px rgba(0,0,0,.08);
}

.aam-editor-domain-selected-remove {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 38px;
	width:38px;
	height:36px;
	box-sizing:border-box;
	margin:0;
	padding:0;
	overflow:hidden;
	border:1px solid #740000;
	border-radius:6px;
	background:linear-gradient(
		to bottom,
		#dc2323 0%,
		#bb0000 52%,
		#7f0000 100%
	);
	color:#ffffff;
	font:900 23px/1 Arial,Helvetica,sans-serif;
	cursor:pointer;
	text-shadow:0 -1px 0 rgba(0,0,0,.40);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.26),
		inset 0 -1px 0 rgba(55,0,0,.40),
		0 2px 4px rgba(91,0,0,.25);
	transition:
		transform .14s ease,
		filter .14s ease,
		box-shadow .14s ease;
}

.aam-editor-domain-selected-remove:hover {
	filter:brightness(1.08);
}

.aam-editor-domain-selected-remove:active {
	transform:translateY(1px);
	box-shadow:
		inset 0 2px 4px rgba(0,0,0,.28);
}

#aam-editor-domain-process-view[data-domain-state="selected"] {
	min-height:0;
	padding:10px 12px;
	border-left-color:#3f6f5d;
	background:linear-gradient(
		to bottom,
		#ffffff 0%,
		#edf5f1 100%
	);
}

.aam-editor-domain-selected-authcode {
	display:flex;
	align-items:center;
	gap:10px;
	width:100%;
	box-sizing:border-box;
	margin-top:9px;
	padding-top:8px;
	border-top:1px solid rgba(82,125,104,.25);
}

.aam-editor-domain-selected-authcode > span {
	color:#657178;
	font-size:8px;
	font-weight:900;
	line-height:1;
	letter-spacing:.7px;
}

.aam-editor-domain-selected-authcode > strong {
	color:#315e4d;
	font:900 11px/1.2 "Courier New",Courier,monospace;
	letter-spacing:.7px;
	overflow-wrap:anywhere;
}

/* Neue Zusammenfassung der festgesetzten Hauptdomain */
.aam-editor-domain-selection-card {
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:0;
	color:#303840;
}
.aam-editor-domain-selection-card {
	position:relative;
	overflow:hidden;
}

.aam-editor-domain-selection-card
> *:not(.aam-editor-domain-selection-stamp) {
	position:relative;
	z-index:2;
}

.aam-editor-domain-selection-stamp {
	position:absolute;
	left:60%;
	top:52%;
	z-index:1;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	width:410px;
	min-height:78px;
	box-sizing:border-box;
	padding:8px 18px;
	border:3px double #60756b;
	border-radius:8px;
	color:#50665c;
	font-family:Arial,Helvetica,sans-serif;
	font-size:9px;
	font-weight:900;
	line-height:1.35;
	letter-spacing:.7px;
	text-align:center;
	text-transform:uppercase;
	opacity:.15;
	transform:
		translate(-50%,-50%)
		rotate(45deg);
	transform-origin:center;
	pointer-events:none;
	user-select:none;
}

.aam-editor-domain-selection-stamp::before {
	content:"";
	position:absolute;
	inset:5px;
	border:1px dashed currentColor;
	border-radius:4px;
}

.aam-editor-domain-selection-stamp-date,
.aam-editor-domain-selection-stamp-domain,
.aam-editor-domain-selection-stamp-service {
	position:relative;
	z-index:1;
	display:block;
	width:100%;
}

.aam-editor-domain-selection-stamp-domain {
	margin:4px 0;
	font-size:14px;
	letter-spacing:.35px;
}

.aam-editor-domain-selection-stamp-service {
	font-size:8px;
	font-weight:700;
	letter-spacing:.45px;
}


/* Überschrift DOMAIN AUSGEWÄHLT */
.aam-editor-domain-selection-head {
	display:flex;
	align-items:center;
	gap:9px;
	min-height:32px;
	box-sizing:border-box;
	padding:0 3px 10px 3px;
	border-bottom:1px solid rgba(130,142,148,.28);
}

.aam-editor-domain-selection-head > strong {
	color:#28343b;
	font-size:10px;
	font-weight:900;
	line-height:1;
	letter-spacing:.55px;
	text-transform:uppercase;
}

.aam-editor-domain-selection-check {
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 22px;
	width:22px;
	height:22px;
	box-sizing:border-box;
	border:1px solid #527d68;
	border-radius:50%;
	background:#edf5f1;
	color:#315e4d;
	font-size:13px;
	font-weight:900;
	line-height:1;
}

/* Hauptzeile mit .de-Symbol, Domain und Entfernen */
.aam-editor-domain-selection-main {
	display:grid;
	grid-template-columns:76px minmax(0,1fr) auto;
	align-items:center;
	gap:12px;
	width:100%;
	box-sizing:border-box;
	padding:13px 3px;
}

/* .de-Symbolfläche */
.aam-editor-domain-selection-icon {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:4px;
	width:76px;
	height:62px;
	box-sizing:border-box;
	border:1px solid #8eaaa0;
	border-radius:5px;
	background:linear-gradient(
		to bottom,
		#ffffff 0%,
		#e7f0eb 100%
	);
	color:#315e4d;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.95),
		0 1px 2px rgba(0,0,0,.08);
}

.aam-editor-domain-selection-icon svg {
	display:block;
	width:25px;
	height:25px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.7;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.aam-editor-domain-selection-icon > strong {
	font-size:15px;
	font-weight:900;
	line-height:1;
	letter-spacing:-.3px;
}

/* Domainwert */
.aam-editor-domain-selection-domain {
	display:flex;
	flex-direction:column;
	justify-content:center;
	min-width:0;
	min-height:62px;
	box-sizing:border-box;
	padding:4px 2px;
	border:0;
	border-radius:0;
	background:transparent;
}

.aam-editor-domain-selection-label {
	display:block;
	color:#59656b;
	font-size:8px;
	font-weight:900;
	line-height:1;
	letter-spacing:.8px;
	text-transform:uppercase;
}

.aam-editor-domain-selection-name {
	display:block;
	margin-top:7px;
	color:#202a30;
	font-size:21px;
	font-weight:900;
	line-height:1;
	letter-spacing:-.5px;
	overflow-wrap:anywhere;
}

/* AuthCode-Zeile */
.aam-editor-domain-selection-row {
	display:grid;
	grid-template-columns:76px minmax(0,1fr) auto;
	align-items:center;
	gap:12px;
	width:100%;
	box-sizing:border-box;
	min-height:48px;
	padding:9px 3px;
	border-top:1px solid rgba(130,142,148,.28);
}

.aam-editor-domain-selection-row-label {
	color:#657178;
	font-size:8px;
	font-weight:900;
	line-height:1;
	letter-spacing:.8px;
	text-transform:uppercase;
}

.aam-editor-domain-selection-authcode {
	min-width:0;
	color:#303840;
	font:900 12px/1.25 "Courier New",Courier,monospace;
	letter-spacing:.75px;
	overflow-wrap:anywhere;
}

/* Aktionen rechts */
.aam-editor-domain-selection-row-actions {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:6px;
}

/* Grafische Nachfrage beim Entfernen des AuthCodes */
.aam-editor-domain-authcode-question {
	position:absolute;
	right:0;
	bottom:calc(100% + 10px);
	z-index:30;
	display:block;
	width:248px;
	max-width:calc(100vw - 70px);
	box-sizing:border-box;
	padding:11px 12px;
	border:1px solid #8f989e;
	border-radius:5px;
	background:#ffffff;
	color:#3f494f;
	text-align:left;
	box-shadow:
		0 5px 14px rgba(0,0,0,.22),
		inset 0 1px 0 rgba(255,255,255,.95);
}

.aam-editor-domain-authcode-question::before {
	content:"";
	position:absolute;
	right:13px;
	bottom:-7px;
	display:block;
	width:12px;
	height:12px;
	border-right:1px solid #8f989e;
	border-bottom:1px solid #8f989e;
	background:#ffffff;
	transform:rotate(45deg);
}

.aam-editor-domain-authcode-question > strong {
	display:block;
	color:#760000;
	font-size:9px;
	font-weight:900;
	line-height:1.2;
	letter-spacing:.65px;
}

.aam-editor-domain-authcode-question > span {
	display:block;
	margin-top:6px;
	color:#59656b;
	font-size:9px;
	line-height:1.45;
}

.aam-editor-domain-authcode-question-actions {
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:6px;
	margin-top:10px;
	padding-top:8px;
	border-top:1px solid #d8dddf;
}

.aam-editor-domain-authcode-question-actions button {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:28px;
	box-sizing:border-box;
	margin:0;
	padding:5px 9px;
	border:1px solid #929ca1;
	border-radius:3px;
	background:linear-gradient(
		to bottom,
		#ffffff 0%,
		#e2e6e8 100%
	);
	color:#3f494f;
	font:900 8px/1 Arial,Helvetica,sans-serif;
	letter-spacing:.45px;
	cursor:pointer;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.95),
		0 1px 2px rgba(0,0,0,.08);
}

.aam-editor-domain-authcode-question-actions
.aam-editor-domain-authcode-question-delete {
	border-color:#760000;
	background:#bb0000;
	color:#ffffff;
	text-shadow:0 -1px 0 rgba(0,0,0,.30);
}
 
.aam-editor-domain-authcode-question-actions button:hover {
	filter:brightness(1.07);
}

/* Gemeinsamer ruhiger Werkzeugbutton */
.aam-editor-domain-selection-action {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:5px;
	height:31px;
	box-sizing:border-box;
	margin:0;
	padding:0 9px;
	border:1px solid #9ea8ad;
	border-radius:4px;
	background:linear-gradient(
		to bottom,
		#ffffff 0%,
		#e3e7e9 100%
	);
	color:#303840;
	font:900 8px/1 Arial,Helvetica,sans-serif;
	letter-spacing:.45px;
	cursor:pointer;
	text-transform:uppercase;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.95),
		0 1px 2px rgba(0,0,0,.08);
	transition:
		border-color .14s ease,
		background .14s ease,
		color .14s ease,
		transform .14s ease;
}

.aam-editor-domain-selection-action svg {
	display:block;
	flex:0 0 18px;
	width:18px;
	height:18px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.8;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.aam-editor-domain-selection-action:hover {
	border-color:#760000;
	background:#bb0000;
	color:#ffffff;
	text-shadow:0 -1px 0 rgba(0,0,0,.30);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.20),
		0 2px 4px rgba(91,0,0,.20);
}

.aam-editor-domain-selection-action:active {
	transform:translateY(1px);
	box-shadow:
		inset 0 2px 4px rgba(0,0,0,.14);
}

/* Entfernen der vollständigen Hauptdomain */
.aam-editor-domain-selection-remove-main {
	flex:0 0 38px;
	width:38px;
	min-width:38px;
	padding:0;
}

/* AuthCode bearbeiten: nur Stiftsymbol */
.aam-editor-domain-selection-edit-icon {
	flex:0 0 34px;
	width:34px;
	padding:0;
}

.aam-editor-domain-selection-edit-icon svg {
	display:block;
	width:15px;
	height:15px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.9;
	stroke-linecap:round;
	stroke-linejoin:round;
}

/* AuthCode entfernen bleibt ausgeschrieben */
.aam-editor-domain-selection-remove-row {
	flex:0 0 34px;
	width:34px;
	min-width:34px;
	padding:0;
}
/* Abschließender Inklusivhinweis */
.aam-editor-domain-selection-price-row {
	grid-template-columns:76px minmax(0,1fr);
	padding-bottom:2px;
}

.aam-editor-domain-selection-price {
	color:#202a30;
	font-size:10px;
	font-weight:900;
	line-height:1;
	letter-spacing:.65px;
	text-transform:uppercase;
}

/* Äußerer Prozessbereich für die fertige Auswahl */
#aam-editor-domain-process-view[data-domain-state="selected"] {
	min-height:0;
	padding:10px 0 0 0;
	border:0;
	border-radius:0;
	background:transparent;
	box-shadow:none;
}

#aam-editor-domain-detail-included:has(
	#aam-editor-domain-process-view[data-domain-state="selected"]
) {
	padding:0;
	border:0;
	border-radius:0;
	background:transparent;
	box-shadow:none;
}


/*
 * Überschrift der .de-Eingabe.
 *
 * Verwendet exakt dieselbe Abschnittsüberschrift wie
 * DOMAINENDUNG AUSWÄHLEN und HAUPTDOMAIN EINGEBEN.
 */
#aam-editor-domain-input-view >
label.aam-editor-domain-section-heading {
	display:inline-flex;
	align-items:center;
	gap:6px;
	margin:0 0 12px 0;
	padding:0;
	border:0;
	background:none;
	color:#28343b;
	font-family:maisp1,Arial,Helvetica,sans-serif;
	font-size:20px;
	font-weight:400;
	line-height:1;
	letter-spacing:.4px;
	text-transform:uppercase;
	cursor:default;
}

#aam-editor-main-domain-de {
	display:block;
	flex:1 1 auto;
	min-width:0;
	height:34px;
	box-sizing:border-box;
	margin:0;
	padding:6px 9px;
	border:1px solid #9ea8ae;
	border-right:0;
	border-radius:4px 0 0 4px;
	background:#fff;
	color:#303840;
	font:12px Arial,Helvetica,sans-serif;
}

#aam-editor-main-domain-de:focus {
	border-color:#294b3c;
	outline:1px solid #294b3c;
	outline-offset:-1px;
}

#aam-editor-domain-detail-included
> div:not(.aam-editor-domain-status)
> span {
	display:flex;
	align-items:center;
	flex:0 0 auto;
	height:34px;
	box-sizing:border-box;
	padding:0 11px;
	border:1px solid #7f898f;
	border-right:0;
	border-radius:0;
	background:linear-gradient(
		to bottom,
		#eef1f2 0%,
		#d8dde0 100%
	);
	color:#303840;
	font-size:11px;
	font-weight:bold;
}

#aam-editor-main-domain-de-check {
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
	height:34px;
	box-sizing:border-box;
	margin:0;
	padding:0 12px;
	border:1px solid #294b3c;
	border-radius:0 4px 4px 0;
	background:linear-gradient(
		to bottom,
		#477260 0%,
		#294b3c 55%,
		#173b30 100%
	);
	color:#fff;
	font:700 9px Arial,Helvetica,sans-serif;
	letter-spacing:.45px;
	cursor:pointer;
}

#aam-editor-main-domain-de-check:disabled {
	border-color:#aeb6ba;
	background:linear-gradient(
		to bottom,
		#eceeef 0%,
		#d4d8da 100%
	);
	color:#899297;
	cursor:not-allowed;
}

/*
 * Dezente Eingabe-Infoblase für abgefangene Zeichen.
 * Sie sitzt direkt oberhalb des Eingabefeldes und verändert
 * den Aufbau des Formularbereichs nicht.
 */
.aam-editor-domain-input-info {
	position:absolute;
	left:4px;
	bottom:calc(100% + 9px);
	z-index:40;
	display:block;
	width:260px;
	max-width:calc(100% - 8px);
	box-sizing:border-box;
	padding:9px 11px;
	border:1px solid #9da7ac;
	border-left:3px solid #336699;
	border-radius:4px;
	background:#ffffff;
	color:#3e494f;
	font-family:Arial,Helvetica,sans-serif;
	text-align:left;
	box-shadow:
		0 4px 12px rgba(0,0,0,.18),
		inset 0 1px 0 rgba(255,255,255,.96);
	pointer-events:none;
}

.aam-editor-domain-input-info::after {
	content:"";
	position:absolute;
	left:18px;
	top:100%;
	width:9px;
	height:9px;
	box-sizing:border-box;
	border-right:1px solid #9da7ac;
	border-bottom:1px solid #9da7ac;
	background:#ffffff;
	transform:
		translateY(-5px)
		rotate(45deg);
}

.aam-editor-domain-input-info > strong {
	display:block;
	color:#174d73;
	font-size:9px;
	font-weight:900;
	line-height:1.2;
	letter-spacing:.4px;
	text-transform:uppercase;
}

.aam-editor-domain-input-info > span {
	display:block;
	margin-top:5px;
	color:#3e494f;
	font-size:9px;
	line-height:1.4;
}

.aam-editor-domain-input-info > small {
	display:block;
	margin-top:5px;
	padding-top:5px;
	border-top:1px solid #e0e4e6;
	color:#707a7f;
	font-size:8px;
	line-height:1.35;
}

/* .de-Domaineingabe nach der AAM-Designstudie */
#aam-editor-domain-detail-included
.aam-editor-domain-compose {
	position:relative;
	display:grid;
	grid-template-columns:minmax(0,1fr) 104px;
	align-items:stretch;
	gap:6px;
	width:100%;
	box-sizing:border-box;
}

/* Auffälliger Pfeil zum Prüfbutton */
#aam-editor-domain-detail-included
.aam-editor-domain-compose:has(
	#aam-editor-main-domain-de.aam-editor-domain-input-valid
)::before {
	content:"\2193";
	position:absolute;
	z-index:8;
	top:-30px;
	right:0;
	width:104px;
	display:block;
	
	color:#bb0000;
	font-family:"Arial Black",Arial,Helvetica,sans-serif;
	font-size:19px;
	font-weight:900;
	line-height:1;
	text-align:center;
	-webkit-text-stroke:1px #8f0000;
	text-shadow:
		0 1px 0 #ffffff,
		0 2px 3px rgba(0,0,0,.25);
	pointer-events:none;
	animation:
		aamEditorDomainCheckArrow
		.62s linear infinite;
}

@keyframes aamEditorDomainCheckArrow {
	0%,
	100% {
		transform:
			translateY(-2px)
			rotate(-5deg)
			scale(1);
	}

	25% {
		transform:
			translateY(4px)
			rotate(4deg)
			scale(1.10);
	}

	50% {
		transform:
			translateY(-1px)
			rotate(-3deg)
			scale(1.03);
	}

	75% {
		transform:
			translateY(5px)
			rotate(3deg)
			scale(1.12);
	}
}

#aam-editor-domain-detail-included
#aam-editor-main-domain-de {
	display:block;
	width:100%;
	min-width:0;
	height:36px;
	box-sizing:border-box;
	margin:0;
	padding:0 10px;
	border:1px solid #aeb7bb;
	border-radius:5px;
	background:#f0f6f2;
	color:#303840;
	font:12px Arial,Helvetica,sans-serif;
	transition:
		border-color .15s ease,
		box-shadow .15s ease;
}

#aam-editor-domain-detail-included
#aam-editor-main-domain-de:focus {
	border-color:#7e8b92;
	outline:0;
	box-shadow:
		0 0 0 2px rgba(51,102,153,.12),
		inset 0 1px 2px rgba(0,0,0,.04);
}

/* Syntaktisch gültiger Domainname */
#aam-editor-domain-detail-included
#aam-editor-main-domain-de.aam-editor-domain-input-valid {
	border-color:#6f9b7d;
	background:#edf7f0;
	box-shadow:
		inset 0 1px 2px rgba(34,94,55,.08),
		0 0 0 1px rgba(65,130,84,.08);
}

/* Syntaktisch ungültiger Domainname */
#aam-editor-domain-detail-included
#aam-editor-main-domain-de.aam-editor-domain-input-invalid {
	border-color:#b66b6b;
	background:#fbeeee;
	box-shadow:
		inset 0 1px 2px rgba(120,25,25,.08),
		0 0 0 1px rgba(170,60,60,.08);
}


/* Roter Prüfen-Button mit Lupensymbol */
/* Roter Prüfen-Button mit Lupensymbol und Beschriftung */
#aam-editor-domain-detail-included
.aam-editor-domain-action {
	position:relativeensymbol und Beschriftung */
#a;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:7px;
	width:104px;
	min-width:104px;
	height:36px;
	box-sizing:border-box;
	margin:0;
	padding:0 10px;
	overflow:hidden;
	border-radius:6px;
	color:#ffffff;
	cursor:pointer;
	transition:
		transform .14s ease,
		filter .14s ease,
		box-shadow .14s ease,
		border-color .14s ease;
}

#aam-editor-domain-detail-included
.aam-editor-domain-action-label {
	position:relative;
	z-index:1;
	display:block;
	color:inherit;
	font-family:Arial,Helvetica,sans-serif;
	font-size:9px;
	font-weight:700;
	line-height:1;
	letter-spacing:.3px;
	white-space:nowrap;
}

#aam-editor-domain-detail-included
.aam-editor-domain-action-icon {
	flex:0 0 18px;
	width:18px;
	height:18px;
}

/*
 * Die fest im Eingabefeld sichtbare Endung .de benötigt
 * keinen zusätzlichen Bedienhinweis.
 */
#aam-editor-main-domain-de-status {
	display:none !important;
}

#aam-editor-domain-detail-included
.aam-editor-domain-action::before {
	content:"";
	position:absolute;
	left:-65%;
	top:-70%;
	width:70%;
	height:230%;
	transform:rotate(24deg);
	background:linear-gradient(
		to right,
		transparent,
		rgba(255,255,255,.42),
		transparent
	);
	transition:left .32s ease;
}

#aam-editor-domain-detail-included
.aam-editor-domain-action:not(:disabled):hover::before {
	left:115%;
}

#aam-editor-domain-detail-included
.aam-editor-domain-action:not(:disabled):hover {
	transform:translateY(-1px);
	filter:brightness(1.07);
}

#aam-editor-domain-detail-included
.aam-editor-domain-action:not(:disabled):active {
	transform:translateY(1px) scale(.97);
	box-shadow:
		inset 0 2px 5px rgba(0,0,0,.32);
}

#aam-editor-domain-detail-included
.aam-editor-domain-action-icon {
	position:relative;
	z-index:1;
	display:flex;
	align-items:center;
	justify-content:center;
	width:20px;
	height:20px;
}

#aam-editor-domain-detail-included
.aam-editor-domain-action-icon svg {
	display:block;
	width:20px;
	height:20px;
	fill:none;
	stroke:currentColor;
	stroke-width:2;
	stroke-linecap:round;
	stroke-linejoin:round;
}

#aam-editor-domain-detail-included
.aam-editor-domain-action-search {
	border:1px solid #740000;
	background:linear-gradient(
		to bottom,
		#dc2323 0%,
		#bb0000 52%,
		#7f0000 100%
	);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.26),
		inset 0 -1px 0 rgba(55,0,0,.40),
		0 2px 4px rgba(91,0,0,.25);
}

#aam-editor-domain-detail-included
.aam-editor-domain-action-search:not(:disabled):hover
.aam-editor-domain-action-icon {
	animation:
		aamEditorDomainSearchPulse
		.65s ease-in-out;
}

@keyframes aamEditorDomainSearchPulse {
	0% {
		transform:scale(1);
	}

	45% {
		transform:scale(1.18) translate(1px,-1px);
	}

	100% {
		transform:scale(1);
	}
}

/* Deaktiviert, bis ein prüfbarer Name eingegeben wurde */
#aam-editor-domain-detail-included
.aam-editor-domain-action:disabled {
	border-color:#9a6666;
	background:linear-gradient(
		to bottom,
		#c98b8b 0%,
		#a85f5f 52%,
		#814242 100%
	);
	color:#f3dddd;
	cursor:not-allowed;
	filter:saturate(.55);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.20),
		0 1px 2px rgba(0,0,0,.12);
}

/* Inklusivhinweis unter der Eingabe */
#aam-editor-domain-detail-included
.aam-editor-domain-hint {
	margin-top:5px;
	padding:6px 8px;
	border-left:3px solid #d09435;
	background:#fff7df;
	color:#604b20;
	font-size:9px;
	line-height:1.4;
}

#aam-editor-domain-detail-included
.aam-editor-domain-hint b {
	font-weight:900;
}

#aam-editor-domain-detail-included > small {
	display:block;
	margin-top:6px;
	color:#6b757b;
	font-size:8px;
	line-height:1.4;
}

#aam-editor-domain-detail-included > small code {
	color:inherit;
	font:inherit;
	font-weight:bold;
}

#aam-editor-domain-detail-paid > label {
	display:block;
	margin:0 0 7px 0;
	color:#303840;
	font-size:10px;
	line-height:1.35;
}

#aam-editor-main-domain-paid {
	display:block;
	width:100%;
	height:34px;
	box-sizing:border-box;
	margin:0;
	padding:6px 9px;
	border:1px solid #9ea8ae;
	border-radius:4px;
	background:#fff;
	color:#303840;
	font:12px Arial,Helvetica,sans-serif;
}

#aam-editor-main-domain-paid:focus {
	border-color:#294b3c;
	outline:1px solid #294b3c;
	outline-offset:-1px;
}

/* ================================================================
   AAM EDITOR – PREISÜBERSICHT FÜR WEITERE ALIAS-DOMAINS
   ================================================================ */

.aam-editor-extra-domain-price-overview {
	display:block;
	width:100%;
	box-sizing:border-box;
	margin:10px 0 0 0;
	border:1px solid #9eabb2;
	border-radius:5px;
	background:#ffffff;
	overflow:hidden;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.95),
		0 2px 4px rgba(0,52,86,.10);
}

.aam-editor-extra-domain-price-overview[hidden] {
	display:none !important;
}

.aam-editor-extra-domain-special-head {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	min-height:31px;
	box-sizing:border-box;
	padding:6px 10px;
	border-bottom:1px solid #cf9f27;
	background:linear-gradient(
		to bottom,
		#fff8d5 0%,
		#f5dc83 100%
	);
	color:#503b00;
}

.aam-editor-extra-domain-special-head[hidden] {
	display:none !important;
}

.aam-editor-extra-domain-special-head strong {
	font-size:9px;
	font-weight:900;
	line-height:1.2;
	letter-spacing:.45px;
	text-transform:uppercase;
}

#aam-editor-extra-domain-special-until {
	font-size:8px;
	font-weight:700;
	line-height:1.2;
	white-space:nowrap;
}

.aam-editor-extra-domain-price-row {
	display:grid;
	grid-template-columns:
		minmax(72px,.8fr)
		minmax(120px,1.5fr)
		minmax(70px,.75fr)
		minmax(82px,.8fr);
	align-items:center;
	width:100%;
	min-height:38px;
	box-sizing:border-box;
	border-bottom:1px solid #d7dde0;
	background:#ffffff;
	color:#303840;
}

.aam-editor-extra-domain-price-row:last-child {
	border-bottom:0;
}

.aam-editor-extra-domain-price-row > span,
.aam-editor-extra-domain-price-row > strong {
	display:flex;
	align-items:center;
	min-width:0;
	min-height:38px;
	box-sizing:border-box;
	padding:6px 9px;
	border-right:1px solid #e1e5e7;
}

.aam-editor-extra-domain-price-row > strong {
	justify-content:flex-end;
	border-right:0;
	color:#174d73;
	font-size:11px;
	font-weight:900;
	text-align:right;
	white-space:nowrap;
}

#aam-editor-extra-domain-price-tld {
	color:#202a30;
	font-size:12px;
	font-weight:900;
	white-space:nowrap;
}

.aam-editor-extra-domain-price-country {
	gap:7px;
	color:#4d585e;
	font-size:9px;
}

#aam-editor-extra-domain-price-flag {
	display:block;
	flex:0 0 22px;
	width:22px;
	height:15px;
	border:1px solid rgba(0,0,0,.18);
	border-radius:1px;
	object-fit:cover;
	box-shadow:0 1px 1px rgba(0,0,0,.08);
}

#aam-editor-extra-domain-price-flag[hidden] {
	display:none !important;
}

#aam-editor-extra-domain-price-country-name {
	padding:0;
	border:0;
	min-height:0;
}

#aam-editor-extra-domain-price-interval,
#aam-editor-extra-domain-regular-interval,
#aam-editor-extra-domain-trustee-interval {
	justify-content:center;
	color:#245b84;
	font-size:9px;
	font-weight:900;
	text-align:center;
	white-space:nowrap;
}

.aam-editor-extra-domain-price-row-regular {
	background:#f0f3f5;
}

.aam-editor-extra-domain-price-row-regular[hidden],
.aam-editor-extra-domain-price-row-trustee[hidden] {
	display:none !important;
}

.aam-editor-extra-domain-price-row-regular > span:first-child {
	color:#667178;
	font-size:8px;
	font-weight:900;
	letter-spacing:.5px;
	text-transform:uppercase;
}

.aam-editor-extra-domain-price-row-regular
#aam-editor-extra-domain-price-regular {
	color:#33434c;
	font-size:10px;
}

.aam-editor-extra-domain-price-row-trustee {
	background:linear-gradient(
		to bottom,
		#f4f9fc 0%,
		#e4eef5 100%
	);
}

#aam-editor-extra-domain-trustee-name {
	color:#174d73;
	font-size:8px;
	font-weight:900;
	letter-spacing:.35px;
	text-transform:uppercase;
}

#aam-editor-extra-domain-trustee-description {
	color:#4d5b63;
	font-size:8px;
	line-height:1.3;
}

#aam-editor-extra-domain-trustee-price { 
	color:#174d73;
}


#aam-editor-extra-domain-detail >
.aam-editor-extra-domain-input-title {
	display:flex;
	align-items:center;
	width:100%;
	min-height:24px;
	box-sizing:border-box;
	margin:0 0 8px 0;
	padding:0 0 0 8px;
	border-left:3px solid #336699;
	color:#28343b;
	font-family:maisp1,Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:normal;
	line-height:1;
	letter-spacing:.65px;
	text-transform:uppercase;
}

#aam-editor-domain-detail-paid
.aam-editor-domain-compose,
#aam-editor-extra-domain-detail
.aam-editor-domain-compose {
	position:relative;
	display:grid;
	grid-template-columns:minmax(0,1fr) auto 38px;
	align-items:stretch;
	gap:0 6px;
	width:100%;
	box-sizing:border-box;
}

/* Bewegter Hinweis zum Prüfbutton */
#aam-editor-extra-domain-detail
.aam-editor-domain-compose:has(
	#aam-editor-extra-domain-name.aam-editor-domain-input-valid
)::before {
	content:"\2193";
	position:absolute;
	z-index:8;
	top:-30px;
	right:8px;
	display:block;
	width:22px;
	color:#bb0000;
	font-family:"Arial Black",Arial,Helvetica,sans-serif;
	font-size:19px;
	font-weight:900;
	line-height:1;
	text-align:center;
	-webkit-text-stroke:1px #8f0000;
	text-shadow:
		0 1px 0 #ffffff,
		0 2px 3px rgba(0,0,0,.25);
	pointer-events:none;
	animation:
		aamEditorDomainCheckArrow
		.62s linear infinite;
}

#aam-editor-main-domain-paid,
#aam-editor-extra-domain-name {
	display:block;
	width:100%;
	min-width:0;
	height:36px;
	box-sizing:border-box;
	margin:0;
	padding:0 10px;
	border:1px solid #aeb7bb;
	border-radius:5px 0 0 5px;
	background:#f0f6f2;
	color:#303840;
	font:12px Arial,Helvetica,sans-serif;
	transition:
		border-color .15s ease,
		background .15s ease,
		box-shadow .15s ease;
}

#aam-editor-main-domain-paid:focus,
#aam-editor-extra-domain-name:focus {
	border-color:#7e8b92;
	outline:0;
	box-shadow:
		0 0 0 2px rgba(51,102,153,.12),
		inset 0 1px 2px rgba(0,0,0,.04);
}

#aam-editor-main-domain-paid.aam-editor-domain-input-valid,
#aam-editor-extra-domain-name.aam-editor-domain-input-valid {
	border-color:#6f9b7d;
	background:#edf7f0;
	box-shadow:
		inset 0 1px 2px rgba(34,94,55,.08),
		0 0 0 1px rgba(65,130,84,.08);
}

#aam-editor-main-domain-paid.aam-editor-domain-input-invalid,
#aam-editor-extra-domain-name.aam-editor-domain-input-invalid {
	border-color:#b66b6b;
	background:#fbeeee;
	box-shadow:
		inset 0 1px 2px rgba(120,25,25,.08),
		0 0 0 1px rgba(170,60,60,.08);
}

/*
 * Platzhalter der Domaineingaben beim Anklicken sofort ausblenden.
 */
#aam-editor-main-domain-de:focus::placeholder,
#aam-editor-main-domain-paid:focus::placeholder,
#aam-editor-extra-domain-name:focus::placeholder {
	color:transparent;
	opacity:0;
}

#aam-editor-main-domain-paid-suffix,
#aam-editor-extra-domain-suffix {
	display:flex;
	align-items:center;
	justify-content:center;
	min-width:43px;
	height:36px;
	box-sizing:border-box;
	margin-left:-6px;
	padding:0 10px;
	border:1px solid #760000;
	border-radius:0 5px 5px 0;
	background:linear-gradient(
		to bottom,
		#d00000 0%,
		#920000 100%
	);
	color:#ffffff;
	font-size:10px;
	font-weight:900;
	white-space:nowrap;
	text-shadow:0 -1px 0 rgba(0,0,0,.35);
}

#aam-editor-extra-domain-detail
.aam-editor-domain-action {
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	
	height:36px;
	box-sizing:border-box;
	margin:0;
	width:auto;
	min-width:92px;
	padding:0 12px;
	gap:7px;
	overflow:hidden;
	border-radius:6px;
	color:#ffffff;
	cursor:pointer;
	transition:
		transform .14s ease,
		filter .14s ease,
		box-shadow .14s ease,
		border-color .14s ease;
}#aam-editor-domain-detail-paid
.aam-editor-domain-action,
#aam-editor-extra-domain-detail
.aam-editor-domain-action {
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:38px;
	height:36px;
	box-sizing:border-box;
	margin:0;
	padding:0;
	overflow:hidden;
	border-radius:6px;
	color:#ffffff;
	cursor:pointer;
	transition:
		transform .14s ease,
		filter .14s ease,
		box-shadow .14s ease,
		border-color .14s ease;
}

#aam-editor-domain-detail-paid
.aam-editor-domain-action::before,
#aam-editor-extra-domain-detail
.aam-editor-domain-action::before {
	content:"";
	position:absolute;
	left:-65%;
	top:-70%;
	width:70%;
	height:230%;
	transform:rotate(24deg);
	background:linear-gradient(
		to right,
		transparent,
		rgba(255,255,255,.42),
		transparent
	);
	transition:left .32s ease;
}

#aam-editor-domain-detail-paid
.aam-editor-domain-action:not(:disabled):hover::before,
#aam-editor-extra-domain-detail
.aam-editor-domain-action:not(:disabled):hover::before {
	left:115%;
}

#aam-editor-domain-detail-paid
.aam-editor-domain-action:not(:disabled):hover,
#aam-editor-extra-domain-detail
.aam-editor-domain-action:not(:disabled):hover {
	transform:translateY(-1px);
	filter:brightness(1.07);
}

#aam-editor-domain-detail-paid
.aam-editor-domain-action:not(:disabled):active,
#aam-editor-extra-domain-detail
.aam-editor-domain-action:not(:disabled):active {
	transform:translateY(1px) scale(.97);
	box-shadow:
		inset 0 2px 5px rgba(0,0,0,.32);
}

#aam-editor-domain-detail-paid
.aam-editor-domain-action-icon,
#aam-editor-extra-domain-detail
.aam-editor-domain-action-icon {
	position:relative;
	z-index:1;
	display:flex;
	align-items:center;
	justify-content:center;
	width:20px;
	height:20px;
}

#aam-editor-domain-detail-paid
.aam-editor-domain-action-icon svg,
#aam-editor-extra-domain-detail
.aam-editor-domain-action-icon svg {
	display:block;
	width:20px;
	height:20px;
	fill:none;
	stroke:currentColor;
	stroke-width:2;
	stroke-linecap:round;
	stroke-linejoin:round;
}

#aam-editor-domain-detail-included
.aam-editor-domain-action-label {
	position:relative;
	z-index:1;
	display:block;
	color:inherit;
	font-family:Arial,Helvetica,sans-serif;
	font-size:9px;
	font-weight:700;
	line-height:1;
	letter-spacing:.35px;
	white-space:nowrap;
}

#aam-editor-domain-detail-paid
.aam-editor-domain-action-search,
#aam-editor-extra-domain-detail
.aam-editor-domain-action-search {
	border:1px solid #740000;
	background:linear-gradient(
		to bottom,
		#dc2323 0%,
		#bb0000 52%,
		#7f0000 100%
	);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.26),
		inset 0 -1px 0 rgba(55,0,0,.40),
		0 2px 4px rgba(91,0,0,.25);
}

#aam-editor-domain-detail-paid
.aam-editor-domain-action:disabled,
#aam-editor-extra-domain-detail
.aam-editor-domain-action:disabled {
	border-color:#9a6666;
	background:linear-gradient(
		to bottom,
		#c98b8b 0%,
		#a85f5f 52%,
		#814242 100%
	);
	color:#f3dddd;
	cursor:not-allowed;
	filter:saturate(.55);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.20),
		0 1px 2px rgba(0,0,0,.12);
}

#aam-editor-extra-domain-detail > small {
	display:block;
	margin-top:6px;
	color:#6b757b;
	font-size:8px;
	line-height:1.4;
}

/* Allgemeines Format für redaktionelle TLD-Informationen */
.aam-editor-domain-info {
	display:flex;
	align-items:flex-start;
	gap:14px;
	width:100%;
	box-sizing:border-box;
	margin-top:14px;
	padding:12px;
	border:1px solid #88a397;
	border-left:5px solid #3f6f5d;
	border-radius:5px;
	background:#f0f6f3;
	color:#34443d;
}

.aam-editor-extra-domain-info[hidden] {
	display:none !important;
}

.aam-editor-domain-info-text {
	flex:1 1 auto;
	min-width:0;
	font-size:9px;
	line-height:1.5;
}

.aam-editor-domain-info-text h4 {
	display:block;
	margin:0 0 5px;
	padding:0;
	color:#244d3d;
	font-size:11px;
	font-weight:bold;
	line-height:1.2;
}

.aam-editor-domain-info-text p {
	margin:0 0 6px;
}

.aam-editor-domain-info-text p:last-child {
	margin-bottom:0;
}

.aam-editor-domain-info-text ul {
	margin:5px 0 6px 15px;
	padding:0;
}

.aam-editor-domain-info-text li {
	margin:2px 0;
}

.aam-editor-domain-info-seal {
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	flex:0 0 86px;
	width:86px;
	height:86px;
	box-sizing:border-box;
	border:3px double #315e4d;
	border-radius:50%;
	background:radial-gradient(
		circle,
		#ffffff 0%,
		#edf5f1 58%,
		#c9ded4 100%
	);
	color:#244d3d;
	text-align:center;
	transform:rotate(-3deg);
	box-shadow:
		inset 0 0 0 4px #f7fbf9,
		inset 0 0 0 5px #668879;
}

.aam-editor-domain-info-seal::before {
	content:"";
	position:absolute;
	inset:8px;
	border:1px dashed #527865;
	border-radius:50%;
}

.aam-editor-domain-info-seal span,
.aam-editor-domain-info-seal strong,
.aam-editor-domain-info-seal small {
	position:relative;
	z-index:1;
	display:block;
}

.aam-editor-domain-info-seal span {
	font-size:8px;
	font-weight:bold;
	line-height:1.15;
	letter-spacing:.45px;
}

.aam-editor-domain-info-seal strong {
	margin:2px 0;
	font-size:19px;
	line-height:1;
	letter-spacing:0;
}

.aam-editor-domain-info-seal small {
	max-width:65px;
	font-size:7px;
	font-weight:bold;
	line-height:1.15;
	letter-spacing:.3px;
}


#aam-editor-domain-detail-paid > small {
	display:block;
	margin-top:6px;
	color:#6b757b;
	font-size:8px;
	line-height:1.4;
}

.aam-editor-domain-status {
	display:block;
	width:100%;
	box-sizing:border-box;
	margin-top:8px;
	padding:7px 9px;
	border:1px solid #b8c0c5;
	border-radius:4px;
	background:#f2f4f5;
	color:#424d53;
	font-size:9px;
	line-height:1.4;
}

.aam-editor-domain-status[hidden] {
	display:none !important;
}

.aam-editor-domain-status-default {
	min-height:18px;
	margin-top:6px;
	padding:0 0 0 10px;
	border:0;
	border-radius:0;
	background:transparent;
	color:#6b757b;
	font-size:8px;
	line-height:1.4;
}

.aam-editor-domain-status-valid {
	border-color:#527d68;
	background:#edf5f1;
	color:#294b3c;
}

.aam-editor-domain-status-error {
	border-color:#a45a5a;
	background:#f9eeee;
	color:#7d2020;
}

.aam-editor-domain-status-error {
	display:flex;
	align-items:center;
	flex-wrap:nowrap;
}

.aam-editor-domain-status-error > span {
	display:block;
	min-width:0;
}

.aam-editor-domain-correction {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
	box-sizing:border-box;
	margin:0 0 0 20px;
	padding:5px 9px;
	border:1px solid #8c3030;
	border-radius:3px;
	background:#fff;
	color:#7d2020;
	font:700 9px Arial,Helvetica,sans-serif;
	letter-spacing:.5px;
	cursor:pointer;
}

.aam-editor-domain-correction:hover {
	background:#f3dddd;
}


.aam-editor-storage-traffic {
	display:block;
	margin-top:7px;
	color:#5f6a70;
	font-size:9px;
	line-height:1.4;
}

#aam-editor-included-control {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-wrap:wrap;
	gap:10px;
	width:100%;
	box-sizing:border-box;
	margin-top:14px;
	padding:9px 10px;
	border:0;
	border-radius:0;
	background:transparent;
	box-shadow:none;
}

#aam-editor-included-control[hidden] {
	display:none !important;
}

.aam-editor-included-summary {
	display:flex;
	align-items:center;
	flex:1 1 280px;
	min-width:0;
	gap:8px;
}

.aam-editor-included-summary-check {
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 22px;
	width:22px;
	height:22px;
	box-sizing:border-box;
	border:1px solid #4f8069;
	border-radius:50%;
	background:#e5f1eb;
	color:#286046;
	font-size:13px;
	font-weight:bold;
	line-height:1;
}

.aam-editor-included-summary-text {
	color:#34423b;
	font-size:11px;
	font-weight:normal;
	line-height:1.45;
	letter-spacing:.15px;
}

#aam-editor-included-details {
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
	min-width:76px;
	height:29px;
	box-sizing:border-box;
	margin:0;
	padding:0 12px;
	border:1px solid #8b5c00;
	border-radius:3px;
	background:linear-gradient(
		to bottom,
		#fff3a8 0%,
		#ffd34d 48%,
		#ffb719 72%,
		#e88b00 100%
	);
	color:#4b3100;
	font:700 9px Arial,Helvetica,sans-serif;
	letter-spacing:.6px;
	text-shadow:0 1px 0 rgba(255,255,255,.65);
	cursor:pointer;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.75),
		0 1px 2px rgba(0,0,0,.18);
}

#aam-editor-included-details:hover,
#aam-editor-included-details:focus,
#aam-editor-included-details[aria-expanded="true"] {
	border-color:#754a00;
	background:linear-gradient(
		to bottom,
		#ffe56e 0%,
		#ffc21a 55%,
		#e58a00 100%
	);
	color:#3f2900;
	outline:none;
}

#aam-editor-included-control
> #aam-editor-included-popup {
	flex:0 0 100%;
}


.aam-editor-storage-general {
	display:block;
	width:100%;
	box-sizing:border-box;
	margin-top:20px;
	padding:0;
	color:#3f4b51;
	font-size:9px;
	line-height:1.5;
}

.aam-editor-storage-general[hidden] {
	display:none !important;
}

.aam-editor-storage-general-title {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:11px;
	width:100%;
	box-sizing:border-box;
	margin:0 0 10px 0;
	color:#263238;
	font-family:maisp1,Arial,Helvetica,sans-serif;
	font-size:20px;
	font-weight:normal;
	line-height:1.15;
	letter-spacing:1.35px;
	text-align:center;
	text-transform:uppercase;
}

.aam-editor-storage-general-title::before,
.aam-editor-storage-general-title::after {
	content:"";
	display:block;
	flex:1 1 auto;
	max-width:105px;
	height:2px;
	background:linear-gradient(
		to right,
		transparent 0%,
		#8d9a94 100%
	);
}

.aam-editor-storage-general-title::after {
	background:linear-gradient(
		to left,
		transparent 0%,
		#8d9a94 100%
	);
}

.aam-editor-storage-general-intro {
	max-width:500px;
	margin:0 auto 15px auto;
	color:#59656b;
	font-size:9px;
	line-height:1.65;
	text-align:center;
}

.aam-editor-storage-general-grid {
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	align-items:stretch;
	gap:12px;
	width:100%;
	box-sizing:border-box;
}

.aam-editor-storage-general-panel {
	display:flex;
	flex-direction:column;
	min-width:0;
	min-height:248px;
	box-sizing:border-box;
	padding:15px 16px 14px 16px;
	border:1px solid #b7c9c0;
	border-top:4px solid #3f6f5d;
	border-radius:7px;
	background:linear-gradient(
		145deg,
		#ffffff 0%,
		#eef6f2 100%
	);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.95),
		0 3px 8px rgba(0,0,0,.08);
}

.aam-editor-storage-general-panel-storage {
	border-color:#bcc8cf;
	border-top-color:#587382;
	background:linear-gradient(
		145deg,
		#ffffff 0%,
		#eef3f6 100%
	);
}

.aam-editor-storage-general-logo {
	display:block;
	width:62px;
	height:62px;
	object-fit:contain;
	margin:0 auto 10px auto;
}

.aam-editor-storage-general-storage-icon {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	width:62px;
	height:62px;
	box-sizing:border-box;
	margin:0 auto 10px auto;
	border:1px solid #9eadb6;
	border-radius:50%;
	background:linear-gradient(
		to bottom,
		#ffffff 0%,
		#dfe7eb 100%
	);
	color:#405c6c;
	font-size:15px;
	font-weight:bold;
	letter-spacing:.7px;
	box-shadow:
		inset 0 1px 0 #fff,
		0 2px 5px rgba(0,0,0,.08);
}

.aam-editor-storage-general-storage-icon::before,
.aam-editor-storage-general-storage-icon::after {
	content:"";
	position:absolute;
	left:14px;
	right:14px;
	height:1px;
	background:#9eadb6;
}

.aam-editor-storage-general-storage-icon::before {
	top:18px;
}

.aam-editor-storage-general-storage-icon::after {
	bottom:18px;
}

.aam-editor-storage-general-panel-title {
	display:block;
	margin:0 0 7px 0;
	color:#263238;
	font-size:12px;
	font-weight:bold;
	line-height:1.3;
	letter-spacing:.55px;
	text-align:center;
	text-transform:uppercase;
}

.aam-editor-storage-general-panel-text {
	min-height:44px;
	margin:0 0 10px 0;
	color:#657178;
	font-size:8px;
	line-height:1.55;
	text-align:center;
}

.aam-editor-storage-general-list {
	margin:0;
	padding:0;
	list-style:none;
}

.aam-editor-storage-general-list li {
	position:relative;
	box-sizing:border-box;
	margin:7px 0 0 0;
	padding-left:18px;
	color:#3f4b51;
	font-size:9px;
	line-height:1.45;
}

.aam-editor-storage-general-list li::before {
	content:"\2713";
	position:absolute;
	left:0;
	top:-1px;
	color:#26734f;
	font-size:12px;
	font-weight:bold;
	line-height:1.2;
}

.aam-editor-storage-general-help {
	display:block;
	box-sizing:border-box;
	margin-top:auto;
	padding-top:13px;
	color:#315e4d;
	font-size:9px;
	font-weight:bold;
	line-height:1.4;
	text-align:center;
	text-decoration:none;
}

.aam-editor-storage-general-help:hover {
	text-decoration:underline;
}

.aam-editor-storage-general-help::after {
	content:" \2192";
}

/*
 * Gemeinsame Darstellung aller Domainnamen-Eingaben.
 */
#aam-editor-domain-detail-included
#aam-editor-main-domain-de,
#aam-editor-domain-detail-paid
#aam-editor-main-domain-paid,
#aam-editor-extra-domain-detail
#aam-editor-extra-domain-name {
	background:#f0f6f2;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:700;
}

/*
 * Platzhalter bleiben trotz fetter Eingabeschrift normal.
 */
#aam-editor-domain-detail-included
#aam-editor-main-domain-de::placeholder,
#aam-editor-domain-detail-paid
#aam-editor-main-domain-paid::placeholder,
#aam-editor-extra-domain-detail
#aam-editor-extra-domain-name::placeholder {
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
}


#aam-editor-configurator-serial {
	display:block;
	width:100%;
	max-width:600px;
	box-sizing:border-box;
	margin:-20px auto 0 auto;
	padding:0 10px;
	color:#7f898f;
	font-family:Arial,Helvetica,sans-serif;
	font-size:9px;
	line-height:1;
	letter-spacing:.35px;
	text-align:right;
	text-transform:uppercase;
	white-space:nowrap;
	opacity:.5;
}


.aam-editor-extra-domain-search-heading {
	display:inline-flex;
	align-items:center;
	gap:6px;
	color:#28343b;
	font-family:Arial,Helvetica,sans-serif;
	font-size:23px;
	font-weight:500;
	line-height:1;
	letter-spacing:.3px;
	font-family:maisp1;
	margin-top:20px;
	margin-bottom:10px;
	margin-left:8px;
}

.aam-editor-extra-domain-search-heading svg {
	display:block;
	flex:0 0 24px;
	width:24px;
	height:20px;
}

.aam-editor-extra-domain-search-heading strong {
	font:inherit;
}

.aam-editor-domain-section-heading {
	display:inline-flex;
	align-items:center;
	gap:6px;
	margin:18px 0 12px 0;
	padding:0;
	border:0;
	background:none;
	color:#28343b;
	font-family:maisp1,Arial,Helvetica,sans-serif;
	font-size:20px;
	font-weight:400;
	line-height:1;
	letter-spacing:.4px;
	text-transform:uppercase;
	cursor:default;

}

.aam-editor-domain-section-heading svg {
	display:block;
	flex:0 0 38px;
	width:38px;
	height:38px;
	overflow:visible;
	color:#28343b;
}

.aam-editor-domain-section-heading strong {
	font:inherit;
	margin-top:15px;
	margin-bottom:10px;
}

#aam-editor-domain-detail-included .aam-editor-domain-section-heading:first-child,
#aam-editor-main-domain-paid-input-view > .aam-editor-domain-section-heading:first-of-type,
#aam-editor-extra-domain-input-view > .aam-editor-domain-section-heading:first-of-type {
	margin-top:0;
}

/*
 * Domainendungen innerhalb der großen Überschriften
 * im einheitlichen Domainblau.
 */
.aam-editor-domain-section-heading
.aam-editor-domain-heading-tld {
	display:inline;
	margin:0;
	padding:0;
	color:#6699cc;
	font:inherit;
	line-height:inherit;
}

/* ================================================================
   BEREICH 03 – KOSTENPFLICHTIGE HAUPT-DOMAIN
   Eingabe und Prüfbutton exakt wie bei der .de-Haupt-Domain
   ================================================================ */

/*
 * Nur zwei sichtbare Spalten:
 *
 * 1. vollständiges Domaineingabefeld
 * 2. länglicher Prüfbutton
 *
 * Das alte technische Suffixelement ist ausgeblendet und erhält
 * deshalb keine eigene Grid-Spalte mehr.
 */
#aam-editor-domain-detail-paid
.aam-editor-domain-compose {
	position:relative;
	display:grid;
	grid-template-columns:minmax(0,1fr) 104px;
	align-items:stretch;
	gap:6px;
	width:100%;
	box-sizing:border-box;
}

/*
 * Das technische Suffix bleibt für JavaScript vorhanden,
 * darf aber weder sichtbar sein noch Platz beanspruchen.
 */
#aam-editor-main-domain-paid-suffix {
	display:none !important;
}

/*
 * Eingabefeld vollständig abrunden.
 */
#aam-editor-domain-detail-paid
#aam-editor-main-domain-paid {
	display:block;
	width:100%;
	min-width:0;
	height:36px;
	box-sizing:border-box;
	margin:0;
	padding:0 10px;
	border:1px solid #aeb7bb;
	border-radius:5px;
	background:#f0f6f2;
	color:#303840;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:700;
}

/*
 * Prüfbutton exakt in Breite, Höhe, Aufbau und Abstand
 * an den .de-Prüfbutton angleichen.
 */
#aam-editor-domain-detail-paid
#aam-editor-main-domain-paid-check {
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:7px;
	width:104px;
	min-width:104px;
	height:36px;
	box-sizing:border-box;
	margin:0;
	padding:0 10px;
	overflow:hidden;
	border:1px solid #740000;
	border-radius:6px;
	background:linear-gradient(
		to bottom,
		#dc2323 0%,
		#bb0000 52%,
		#7f0000 100%
	);
	color:#ffffff;
	cursor:pointer;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.26),
		inset 0 -1px 0 rgba(55,0,0,.40),
		0 2px 4px rgba(91,0,0,.25);
	transition:
		transform .14s ease,
		filter .14s ease,
		box-shadow .14s ease,
		border-color .14s ease;
}

/*
 * Glanzstreifen wie beim .de-Prüfbutton.
 */
#aam-editor-domain-detail-paid
#aam-editor-main-domain-paid-check::before {
	content:"";
	position:absolute;
	left:-65%;
	top:-70%;
	width:70%;
	height:230%;
	transform:rotate(24deg);
	background:linear-gradient(
		to right,
		transparent,
		rgba(255,255,255,.42),
		transparent
	);
	transition:left .32s ease;
}

#aam-editor-domain-detail-paid
#aam-editor-main-domain-paid-check:not(:disabled):hover::before {
	left:115%;
}

#aam-editor-domain-detail-paid
#aam-editor-main-domain-paid-check:not(:disabled):hover {
	transform:translateY(-1px);
	filter:brightness(1.07);
}

#aam-editor-domain-detail-paid
#aam-editor-main-domain-paid-check:not(:disabled):active {
	transform:translateY(1px) scale(.97);
	box-shadow:
		inset 0 2px 5px rgba(0,0,0,.32);
}

/*
 * Lupensymbol.
 */
#aam-editor-domain-detail-paid
#aam-editor-main-domain-paid-check
.aam-editor-domain-action-icon {
	position:relative;
	z-index:1;
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 20px;
	width:20px;
	height:20px;
}

#aam-editor-domain-detail-paid
#aam-editor-main-domain-paid-check
.aam-editor-domain-action-icon svg {
	display:block;
	width:20px;
	height:20px;
	fill:none;
	stroke:currentColor;
	stroke-width:2;
	stroke-linecap:round;
	stroke-linejoin:round;
}

/*
 * Beschriftung PRÜFEN.
 */
#aam-editor-domain-detail-paid
#aam-editor-main-domain-paid-check
.aam-editor-domain-action-label {
	position:relative;
	z-index:1;
	display:block;
	color:inherit;
	font-family:Arial,Helvetica,sans-serif;
	font-size:9px;
	font-weight:700;
	line-height:1;
	letter-spacing:.3px;
	white-space:nowrap;
}

/*
 * Deaktivierter Zustand wie bei der .de-Haupt-Domain.
 */
#aam-editor-domain-detail-paid
#aam-editor-main-domain-paid-check:disabled {
	border-color:#9a6666;
	background:linear-gradient(
		to bottom,
		#c98b8b 0%,
		#a85f5f 52%,
		#814242 100%
	);
	color:#f3dddd;
	cursor:not-allowed;
	filter:saturate(.55);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.20),
		0 1px 2px rgba(0,0,0,.12);
}

/*
 * Tanzender Pfeil mittig über dem vollständigen 104-Pixel-Button.
 */
#aam-editor-domain-detail-paid
.aam-editor-domain-compose:has(
	#aam-editor-main-domain-paid.aam-editor-domain-input-valid
)::before {
	content:"\2193";
	position:absolute;
	z-index:8;
	top:-30px;
	right:0;
	display:block;
	width:104px;
	color:#bb0000;
	font-family:"Arial Black",Arial,Helvetica,sans-serif;
	font-size:19px;
	font-weight:900;
	line-height:1;
	text-align:center;
	-webkit-text-stroke:1px #8f0000;
	text-shadow:
		0 1px 0 #ffffff,
		0 2px 3px rgba(0,0,0,.25);
	pointer-events:none;
	animation:
		aamEditorDomainCheckArrow
		.62s linear infinite;
}

/* ================================================================
   BEREICH 04 – WEITERE ALIAS-DOMAINS
   Eingabe und Prüfbutton wie bei der kostenpflichtigen Haupt-Domain
   ================================================================ */

/*
 * Zwei sichtbare Spalten:
 *
 * 1. Domaineingabefeld mit feststehender TLD
 * 2. länglicher Prüfbutton
 */
#aam-editor-extra-domain-detail
.aam-editor-domain-compose {
	position:relative;
	display:grid;
	grid-template-columns:minmax(0,1fr) 104px;
	align-items:stretch;
	gap:6px;
	width:100%;
	box-sizing:border-box;
}

/*
 * Das bisherige Suffixelement bleibt für die JavaScriptlogik
 * vorhanden, darf aber keinen Platz mehr beanspruchen.
 */
#aam-editor-extra-domain-suffix {
	display:none !important;
}

/*
 * Vollständig abgerundetes Eingabefeld.
 */
#aam-editor-extra-domain-detail
#aam-editor-extra-domain-name {
	display:block;
	width:100%;
	min-width:0;
	height:36px;
	box-sizing:border-box;
	margin:0;
	padding:0 10px;
	border:1px solid #aeb7bb;
	border-radius:5px;
	background:#f0f6f2;
	color:#303840;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:700;
	transition:
		border-color .15s ease,
		background .15s ease,
		box-shadow .15s ease;
}

#aam-editor-extra-domain-detail
#aam-editor-extra-domain-name:focus {
	border-color:#7e8b92;
	outline:0;
	box-shadow:
		0 0 0 2px rgba(51,102,153,.12),
		inset 0 1px 2px rgba(0,0,0,.04);
}

/*
 * Länglicher Prüfbutton.
 */
#aam-editor-extra-domain-detail
#aam-editor-extra-domain-check {
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:7px;
	width:104px;
	min-width:104px;
	height:36px;
	box-sizing:border-box;
	margin:0;
	padding:0 10px;
	overflow:hidden;
	border:1px solid #740000;
	border-radius:6px;
	background:linear-gradient(
		to bottom,
		#dc2323 0%,
		#bb0000 52%,
		#7f0000 100%
	);
	color:#ffffff;
	cursor:pointer;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.26),
		inset 0 -1px 0 rgba(55,0,0,.40),
		0 2px 4px rgba(91,0,0,.25);
	transition:
		transform .14s ease,
		filter .14s ease,
		box-shadow .14s ease,
		border-color .14s ease;
}

/*
 * Glanzstreifen.
 */
#aam-editor-extra-domain-detail
#aam-editor-extra-domain-check::before {
	content:"";
	position:absolute;
	left:-65%;
	top:-70%;
	width:70%;
	height:230%;
	transform:rotate(24deg);
	background:linear-gradient(
		to right,
		transparent,
		rgba(255,255,255,.42),
		transparent
	);
	transition:left .32s ease;
}

#aam-editor-extra-domain-detail
#aam-editor-extra-domain-check:not(:disabled):hover::before {
	left:115%;
}

#aam-editor-extra-domain-detail
#aam-editor-extra-domain-check:not(:disabled):hover {
	transform:translateY(-1px);
	filter:brightness(1.07);
}

#aam-editor-extra-domain-detail
#aam-editor-extra-domain-check:not(:disabled):active {
	transform:translateY(1px) scale(.97);
	box-shadow:
		inset 0 2px 5px rgba(0,0,0,.32);
}

/*
 * Lupe.
 */
#aam-editor-extra-domain-detail
#aam-editor-extra-domain-check
.aam-editor-domain-action-icon {
	position:relative;
	z-index:1;
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 20px;
	width:20px;
	height:20px;
}

#aam-editor-extra-domain-detail
#aam-editor-extra-domain-check
.aam-editor-domain-action-icon svg {
	display:block;
	width:20px;
	height:20px;
	fill:none;
	stroke:currentColor;
	stroke-width:2;
	stroke-linecap:round;
	stroke-linejoin:round;
}

/*
 * Beschriftung PRÜFEN.
 */
#aam-editor-extra-domain-detail
#aam-editor-extra-domain-check
.aam-editor-domain-action-label {
	position:relative;
	z-index:1;
	display:block;
	color:inherit;
	font-family:Arial,Helvetica,sans-serif;
	font-size:9px;
	font-weight:700;
	line-height:1;
	letter-spacing:.3px;
	white-space:nowrap;
}

/*
 * Deaktivierter Zustand.
 */
#aam-editor-extra-domain-detail
#aam-editor-extra-domain-check:disabled {
	border-color:#9a6666;
	background:linear-gradient(
		to bottom,
		#c98b8b 0%,
		#a85f5f 52%,
		#814242 100%
	);
	color:#f3dddd;
	cursor:not-allowed;
	filter:saturate(.55);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.20),
		0 1px 2px rgba(0,0,0,.12);
}

/*
 * Tanzender Pfeil mittig über dem vollständigen Prüfbutton.
 */
#aam-editor-extra-domain-detail
.aam-editor-domain-compose:has(
	#aam-editor-extra-domain-name.aam-editor-domain-input-valid
)::before {
	content:"\2193";
	position:absolute;
	z-index:8;
	top:-30px;
	right:0;
	display:block;
	width:104px;
	color:#bb0000;
	font-family:"Arial Black",Arial,Helvetica,sans-serif;
	font-size:19px;
	font-weight:900;
	line-height:1;
	text-align:center;
	-webkit-text-stroke:1px #8f0000;
	text-shadow:
		0 1px 0 #ffffff,
		0 2px 3px rgba(0,0,0,.25);
	pointer-events:none;
	animation:
		aamEditorDomainCheckArrow
		.62s linear infinite;
}
	/* ================================================================
	   AAM EDITOR – PRE-CART / BESTELLÜBERSICHT
	   ================================================================ */

	#aam-editor-precart {
		position:relative;
		isolation:isolate;
		overflow:hidden;
		margin-top:14px;
		padding:8px;
		border:1px solid #b9c1c6;
		background:#eef1f2;
		box-shadow:
			inset 0 0 0 3px #fff,
			0 3px 8px rgba(0,0,0,.10);
	}

	#aam-editor-precart .aam-editor-order-head,
	#aam-editor-precart .aam-editor-order-row {
		display:grid;
		grid-template-columns:28px minmax(0,1fr) 96px 26px;
	}

	#aam-editor-precart .aam-editor-order-head {
		min-height:29px;
		border-top:1px solid #b8c0c4;
		border-bottom:1px solid #8f9a9f;
		background:#fff;
		color:#4f5a60;
		font-size:8px;
		font-weight:700;
		text-transform:uppercase;
	}

	#aam-editor-precart .aam-editor-order-head span {
		display:flex;
		align-items:center;
		padding:0 6px;
	}

	#aam-editor-precart .aam-editor-order-head span:nth-child(3) {
		justify-content:flex-end;
	}

	#aam-editor-precart .aam-editor-order-head span:last-child {
		justify-content:center;
		padding:0;
	}

	#aam-editor-precart .aam-editor-order-row {
		min-height:50px;
		border-bottom:1px solid rgba(118,130,124,.30);
		background:#fff;
	}

	#aam-editor-precart
	#aam-editor-precart-storage-upgrade-row {
		background:#f4f8f5;
	}

	#aam-editor-precart .aam-editor-order-pos {
		display:flex;
		align-items:center;
		justify-content:center;
		border-right:1px solid rgba(150,159,155,.18);
		color:#788187;
		font-size:8px;
		font-weight:700;
	}

	#aam-editor-precart .aam-editor-order-info {
		padding:7px 8px;
		border-right:1px solid rgba(150,159,155,.18);
	}

	#aam-editor-precart .aam-editor-order-info > b {
		display:block;
		color:#202b31;
		font-size:12px;
		font-weight:900;
		line-height:1.25;
	}

	#aam-editor-precart .aam-editor-order-info > small {
		display:block;
		margin-top:2px;
		color:#687279;
		font-size:9px;
	}

	#aam-editor-precart .aam-editor-order-details {
		margin-top:5px;
		padding:5px 0 0 8px;
		border-top:1px dotted #aaa;
		border-left:2px solid rgba(175,132,13,.34);
		color:#48545a;
		font-size:10px;
		line-height:1.5;
	}

	#aam-editor-precart .aam-editor-order-price {
		display:flex;
		flex-direction:column;
		align-items:flex-end;
		justify-content:center;
		padding:7px;
		text-align:right;
	}

	#aam-editor-precart .aam-editor-order-price > span {
		line-height:1.05;
	}

	#aam-editor-precart .aam-editor-order-price > small {
		margin-top:3px;
		color:#7a8489;
		font-size:10px;
		font-weight:400;
		line-height:1;
		text-transform:uppercase;
	}
	
	#aam-editor-precart .aam-editor-order-price-paid {
		color:#172a35;
		font-size:12px;
		font-weight:900;
	}
	
	#aam-editor-precart .aam-editor-order-price-included {
		color:#172a35;
		font-size:11px;
		font-weight:normal;
	}

	#aam-editor-precart .aam-editor-order-totals {
		display:grid;
		grid-template-columns:1fr 130px;
		margin-top:10px;
		background:#fff;
	}

	#aam-editor-precart .aam-editor-order-totals span,
	#aam-editor-precart .aam-editor-order-totals b {
		padding:6px 8px;
		border-top:1px solid rgba(132,143,137,.28);
	}

	#aam-editor-precart .aam-editor-order-totals span {
		text-align:right;
	}

	#aam-editor-precart .aam-editor-order-totals b {
		border-left:1px solid rgba(132,143,137,.22);
		text-align:right;
	}

	#aam-editor-precart .aam-editor-order-totals .aam-editor-order-grand {
		border-top:3px double #4f5a60;
		border-bottom:2px solid #4f5a60;
		font-size:14px;
		text-transform:uppercase;
	}

	#aam-editor-precart .aam-editor-order-totals b.aam-editor-order-grand {
		font-size:18px;
	}
	
	#aam-editor-precart .aam-editor-precart-payment-note {
		margin-top:8px;
		padding:7px 9px;
		border-left:4px solid #336699;
		background:#edf4fa;
		color:#46545c;
		font-size:9px;
		line-height:1.45;
	}

	#aam-editor-precart .aam-editor-precart-payment-note b {
		color:#263138;
		}
	
	#aam-editor-precart .aam-editor-order-grand-label {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:70px;
	text-align:left;
}

#aam-editor-precart .aam-editor-order-grand-label > small {
	display:block;
	flex:1 1 auto;
	min-width:0;
	color:#687279;
	font-size:8px;
	font-weight:400;
	line-height:1.25;
	text-align:left;
	text-transform:none;
}

#aam-editor-precart .aam-editor-order-grand-label > strong {
	display:block;
	flex:0 0 auto;
	margin-left:auto;
	color:#263138;
	font-size:15px;
	font-weight:900;
	line-height:1;
	text-align:right;
	white-space:nowrap;
}

#aam-editor-precart .aam-editor-setup-label {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:70px;
	text-align:left;
}

#aam-editor-precart .aam-editor-setup-label > small {
	display:block;
	flex:1 1 auto;
	min-width:0;
	color:#687279;
	font-size:8px;
	font-weight:400;
	line-height:1.25;
	text-align:left;
	text-transform:none;
}

#aam-editor-precart .aam-editor-setup-label > strong {
	display:block;
	flex:0 0 auto;
	margin-left:auto;
	color:#263138;
	font-size:13px;
	font-weight:900;
	line-height:1;
	text-align:right;
	white-space:nowrap;
}

#aam-editor-precart .aam-editor-order-row-main {
	min-height:0;
	align-items:stretch;
}

#aam-editor-precart .aam-editor-order-row-main
.aam-editor-order-pos {
	align-items:flex-start;
	padding-top:10px;
}

#aam-editor-precart .aam-editor-order-row-main
.aam-editor-order-price {
	justify-content:flex-start;
	padding-top:10px;
}

#aam-editor-precart .aam-editor-order-features {
	margin-top:8px;
	padding-top:7px;
	border-top:1px dotted #aab2b6;
}

#aam-editor-precart .aam-editor-order-feature {
	position:relative;
	margin:2px 0;
	padding-left:13px;
	color:#303940;
	font-size:11px;
	font-weight:400;
	line-height:1.35;
}

#aam-editor-precart .aam-editor-order-feature::before {
	content:"+";
	position:absolute;
	left:0;
	top:0;
	color:#315e4d;
	font-size:11px;
	font-weight:900;
	line-height:1.35;
}

#aam-editor-precart .aam-editor-order-feature > span {
	display:block;
	margin:0;
	padding:0;
	color:#303940;
	font-size:11px;
	font-weight:400;
	line-height:1.35;
}

#aam-editor-precart .aam-editor-order-feature strong {
	color:#202b31;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:400;
	line-height:1.35;
	text-shadow:none;
}

#aam-editor-precart
#aam-editor-precart-domain-authcode {
	font-family:Arial,"Courier New",Courier,monospace;
	font-weight:900;
	letter-spacing:.35px;
}

#aam-editor-precart .aam-editor-order-feature-spacer {
	height:8px;
}

#aam-editor-precart .aam-editor-order-row[hidden],
#aam-editor-precart .aam-editor-order-feature[hidden],
#aam-editor-precart .aam-editor-precart-followup-line[hidden] {
	display:none !important;
}

#aam-editor-precart .aam-editor-precart-followup {
	margin-top:9px;
	padding:9px 11px;
	border:1px solid #b9c8bf;
	border-left:4px solid #3f6f5d;
	background:linear-gradient(
		to bottom,
		#f8fbf9 0%,
		#edf5f1 100%
	);
	color:#425149;
	font-size:9px;
	line-height:1.45;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.95);
	text-align:center;
}

#aam-editor-precart .aam-editor-precart-followup strong {
	display:block;
	color:#294b3c;
	font-size:10px;
	font-weight:700;
}

#aam-editor-precart .aam-editor-precart-followup-line {
	display:block;
	margin-top:2px;
	color:#68736d;
	font-weight:400;
}

/* ================================================================
   AUTOMATISCHE MENGENRABATTE FÜR ZUSÄTZLICHE DOMAINS
   ================================================================ */

.aam-editor-extra-domain-quantity-prices {
	display:grid;
	grid-template-columns:
		minmax(0,1fr)
		238px;
	column-gap:18px;
	align-items:start;
	width:100%;
	box-sizing:border-box;
	margin:14px 0 0 0;
	padding:10px 0 12px 0;
	border-top:1px dotted #a5adb1;
	border-bottom:1px dotted #a5adb1;
	color:#222222;
	font-family:Arial,Helvetica,sans-serif;
	font-size:9px;
	font-weight:normal;
	line-height:1.35;
}

.aam-editor-extra-domain-quantity-prices[hidden] {
	display:none !important;
}

.aam-editor-extra-domain-quantity-title {
	grid-column:1;
	grid-row:1;
	box-sizing:border-box;
	margin:0;
	padding:2px 10px 0 2px;
	color:#336699;
	font-family:Arial,Helvetica,sans-serif;
	font-size:9px;
	font-weight:normal;
	line-height:1.35;
	text-transform:none;
}

.aam-editor-extra-domain-quantity-table {
	grid-column:2;
	grid-row:1 / span 2;
	display:block;
	width:100%;
	box-sizing:border-box;
	margin:0;
	padding:0;
	color:#111111;
	font-family:Arial,Helvetica,sans-serif;
	font-size:9px;
	font-weight:normal;
	line-height:1.25;
}

.aam-editor-extra-domain-quantity-head,
.aam-editor-extra-domain-quantity-row {
	display:grid;
	grid-template-columns:
		45px
		82px
		minmax(0,1fr);
	column-gap:8px;
	align-items:center;
	width:100%;
	box-sizing:border-box;
}

.aam-editor-extra-domain-quantity-head {
	padding:0 3px 3px 3px;
	border-bottom:1px solid #b8c0c5;
	color:#174d73;
	font-family:Arial,Helvetica,sans-serif;
	font-size:9px;
	font-weight:normal;
}

.aam-editor-extra-domain-quantity-row {
	min-height:18px;
	padding:2px 3px;
	border-bottom:1px dotted #c3c8cb;
	color:#111111;
	font-family:Arial,Helvetica,sans-serif;
	font-size:9px;
	font-weight:normal;
}

.aam-editor-extra-domain-quantity-row:last-child {
	border-bottom:0;
}

.aam-editor-extra-domain-quantity-head > span,
.aam-editor-extra-domain-quantity-row > span,
.aam-editor-extra-domain-quantity-row > strong {
	display:block;
	min-width:0;
	margin:0;
	padding:0;
	color:inherit;
	font-family:Arial,Helvetica,sans-serif;
	font-size:9px;
	font-weight:normal;
	line-height:1.25;
	text-shadow:none;
	-webkit-text-stroke:0;
	white-space:nowrap;
}

.aam-editor-extra-domain-quantity-head > span:first-child,
.aam-editor-extra-domain-quantity-row > strong {
	text-align:left;
}

.aam-editor-extra-domain-quantity-head > span:nth-child(2),
.aam-editor-extra-domain-quantity-head > span:nth-child(3),
.aam-editor-extra-domain-quantity-row > span {
	text-align:right;
}

.aam-editor-extra-domain-quantity-hint {
	grid-column:1;
	grid-row:2;
	box-sizing:border-box;
	margin:8px 14px 0 2px;
	padding:0;
	color:#4c565b;
	font-family:Arial,Helvetica,sans-serif;
	font-size:9px;
	font-weight:normal;
	line-height:1.4;
}

.aam-editor-extra-domain-quantity-hint p {
	display:block;
	margin:0 0 9px 0;
	padding:0;
	color:#4c565b;
	font-family:Arial,Helvetica,sans-serif;
	font-size:9px;
	font-weight:normal;
	line-height:1.4;
}

.aam-editor-extra-domain-quantity-hint p:last-of-type {
	margin-bottom:7px;
}

.aam-editor-extra-domain-quantity-tax {
	display:block;
	margin:0;
	padding:0;
	color:#70787c;
	font-family:Arial,Helvetica,sans-serif;
	font-size:9px;
	font-weight:normal;
	line-height:1.35;
}


/* ================================================================
   AAM EDITOR – WARENKORBAKTIONEN UNTER DER SERIENNUMMER
   Gestaltung aus dem ursprünglichen Designentwurf
   ================================================================ */
#aam-editor-cart-actions {
	display:grid;
	grid-template-columns:34px minmax(0,1fr) minmax(0,1fr);
	align-items:stretch;
	gap:8px;
	width:100%;
	max-width:600px;
	box-sizing:border-box;
	margin:12px auto 25px auto;
}

#aam-editor-cart-actions[hidden] {
	display:none !important;
}

.aam-editor-cart-status {
	grid-column:1 / -1;
	display:block;
	box-sizing:border-box;
	margin:0;
	padding:8px 10px;
	border:1px solid #9aa4aa;
	border-left:4px solid #336699;
	border-radius:4px;
	background:#f2f6f8;
	color:#3f494f;
	font-size:9px;
	line-height:1.45;
	text-align:left;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.90),
		0 1px 2px rgba(0,0,0,.06);
}

.aam-editor-cart-status[hidden] {
	display:none !important;
}

.aam-editor-cart-status[data-state="progress"] {
	border-left-color:#336699;
	background:#eef4f8;
	color:#314b5d;
}

.aam-editor-cart-status[data-state="error"] {
	border-color:#c99696;
	border-left-color:#bb0000;
	background:#fff3f3;
	color:#6f1b1b;
}

.aam-editor-cart-reset-wrap {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	min-width:0;
}

.aam-editor-cart-reset-button {
	display:flex;
	align-items:center;
	justify-content:center;
	width:34px;
	height:34px;
	box-sizing:border-box;
	margin:0;
	padding:0;
	border:1px solid #8f989e;
	border-radius:5px;
	background:linear-gradient(
		to bottom,
		#ffffff 0%,
		#e2e6e8 100%
	);
	color:#59656b;
	cursor:pointer;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.95),
		0 2px 4px rgba(0,0,0,.12);
}

.aam-editor-cart-reset-button svg {
	display:block;
	width:18px;
	height:18px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.8;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.aam-editor-cart-reset-button:hover,
.aam-editor-cart-reset-button[aria-expanded="true"] {
	border-color:#760000;
	background:#bb0000;
	color:#ffffff;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.20),
		0 2px 4px rgba(91,0,0,.22);
}

.aam-editor-cart-reset-button:hover svg {
	transform:rotate(-25deg);
}

.aam-editor-cart-reset-button:disabled {
	opacity:.6;
	cursor:wait;
}

.aam-editor-cart-reset-confirm {
	position:absolute;
	left:0;
	bottom:calc(100% + 9px);
	z-index:40;
	display:block;
	width:220px;
	box-sizing:border-box;
	padding:8px 10px;
	border:1px solid #8f989e;
	border-left:4px solid #bb0000;
	border-radius:4px;
	background:#ffffff;
	color:#3f494f;
	font-size:9px;
	line-height:1.45;
	text-align:left;
	box-shadow:
		0 4px 12px rgba(0,0,0,.20),
		inset 0 1px 0 rgba(255,255,255,.95);
}

.aam-editor-cart-reset-confirm::after {
	content:"";
	position:absolute;
	left:9px;
	bottom:-6px;
	width:10px;
	height:10px;
	border-right:1px solid #8f989e;
	border-bottom:1px solid #8f989e;
	background:#ffffff;
	transform:rotate(45deg);
}

.aam-editor-cart-reset-confirm[hidden] {
	display:none !important;
}

.aam-editor-cart-button {
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	min-width:0;
	min-height:45px;
	box-sizing:border-box;
	margin:0;
	padding:6px 15px;
	border-radius:7px;
	cursor:pointer;
	transition:
		border-color .14s ease,
		background .14s ease,
		transform .14s ease,
		box-shadow .14s ease;
}

.aam-editor-cart-button:disabled,
.aam-editor-cart-button[aria-busy="true"] {
	cursor:wait;
	opacity:.72;
	transform:none;
}

.aam-editor-cart-button:disabled:hover,
.aam-editor-cart-button[aria-busy="true"]:hover {
	transform:none;
}

/* Hauptaktion: exakt der gelb-orange Warenkorbbutton aus dem Entwurf. */
.aam-editor-cart-button-primary {
	border:1px solid #875d00;
	background:linear-gradient(
		to bottom,
		#ffe27a 0%,
		#ffb51a 48%,
		#df7600 100%
	);
	color:#303840;
	font:700 11px/1.2 Arial,Helvetica,sans-serif;
	letter-spacing:.45px;
	text-align:center;
	text-shadow:0 1px 0 rgba(255,255,255,.62);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.78),
		0 3px 6px rgba(0,0,0,.34);
}

.aam-editor-cart-button-primary:hover {
	border-color:#714900;
	background:linear-gradient(
		to bottom,
		#ffea96 0%,
		#ffc12d 48%,
		#eb8500 100%
	);
	transform:translateY(-1px);
}

/* Zweitaktion: der Editor-Button mit Pluszeichen aus dem Entwurf. */
.aam-editor-cart-button-secondary {
	justify-content:flex-start;
	gap:9px;
	border:1px solid #244d75;
	background:linear-gradient(
		to bottom,
		#f9fbfc 0%,
		#e3e9ed 100%
	);
	color:#30383d;
	text-align:left;
	box-shadow:
		inset 0 1px 0 #ffffff,
		0 2px 4px rgba(0,0,0,.14);
}

.aam-editor-cart-button-secondary:hover {
	border-color:#760000;
	background:linear-gradient(
		to bottom,
		#fff5c5 0%,
		#ffd35b 100%
	);
	transform:translateY(-1px);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.85),
		0 3px 6px rgba(90,48,0,.20);
}

.aam-editor-cart-button-plus {
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 28px;
	width:28px;
	height:28px;
	border-radius:50%;
	background:#336699;
	color:#ffffff;
	font:400 20px/1 Arial,Helvetica,sans-serif;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.22);
}

.aam-editor-cart-button-secondary:hover
.aam-editor-cart-button-plus {
	background:#bb0000;
}

.aam-editor-cart-button-copy {
	display:block;
	min-width:0;
}

.aam-editor-cart-button-copy b {
	display:block;
	color:#30383d;
	font:900 9px/1.15 Arial,Helvetica,sans-serif;
	letter-spacing:.25px;
}

.aam-editor-cart-button-copy small {
	display:block;
	margin-top:2px;
	color:#687279;
	font:400 8px/1.25 Arial,Helvetica,sans-serif;
}

.aam-editor-cart-button:active {
	transform:translateY(1px);
}

/* ================================================================
   EIGENSTÄNDIGE RESET-BESTÄTIGUNG IM PRE-CART
   ================================================================ */

#aam-editor-precart .aam-editor-order-action-cell {
	position:relative;
	overflow:visible;
}

#aam-editor-precart
.aam-editor-order-action-reset[aria-expanded="true"] {
	border-color:#760000;
	background:#bb0000;
	color:#ffffff;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.20),
		0 2px 4px rgba(91,0,0,.22);
}

#aam-editor-precart
.aam-editor-order-action-reset-armed svg {
	animation:
		aam-editor-precart-reset-turn
		.62s
		cubic-bezier(.35,.08,.18,1)
		1;
	transform-origin:50% 50%;
}

@keyframes aam-editor-precart-reset-turn {
	0% {
		transform:rotate(0deg);
	}

	100% {
		transform:rotate(-360deg);
	}
}

#aam-editor-precart .aam-editor-precart-reset-confirm {
	position:absolute;
	right:calc(100% + 9px);
	top:50%;
	z-index:80;
	display:block;
	width:220px;
	box-sizing:border-box;
	padding:8px 10px;
	border:1px solid #8f989e;
	border-left:4px solid #bb0000;
	border-radius:4px;
	background:#ffffff;
	color:#3f494f;
	font-size:9px;
	line-height:1.45;
	text-align:left;
	box-shadow:
		0 4px 12px rgba(0,0,0,.20),
		inset 0 1px 0 rgba(255,255,255,.95);
	transform:translateY(-50%);
}

#aam-editor-precart .aam-editor-precart-reset-confirm::after {
	content:"";
	position:absolute;
	right:-6px;
	top:50%;
	width:10px;
	height:10px;
	border-top:1px solid #8f989e;
	border-right:1px solid #8f989e;
	background:#ffffff;
	transform:
		translateY(-50%)
		rotate(45deg);
}

#aam-editor-precart
.aam-editor-precart-reset-confirm[hidden] {
	display:none !important;
}

/* ================================================================
   AAM EDITOR – KUGELDISTEL-WASSERZEICHEN IM PRE-CART
   ================================================================ */

#aam-editor-precart::before {
	content:"";
	position:absolute;
	inset:0;
	z-index:20;
	display:block;
	background-image:url("/skin/app/aam-editor/aam-editor-distel.jpg");
	background-repeat:no-repeat;
	background-position:center 15px;
	background-size:290px auto;
	opacity:.10;
	pointer-events:none;
}

#aam-editor-precart > * {
	position:relative;
	z-index:1;
}


/* Kompakte Alias-Domainauswahl */
#aam-editor-extra-domain-recommendations {
	position:relative;
	display:flex;
	align-items:flex-end;
	gap:7px;
	width:100%;
	box-sizing:border-box;
	margin:0;
	padding:0;
	overflow:visible;
	border:0;
	background:none;
	box-shadow:none;
}

/* EMPFOHLEN ohne umschließenden Rahmen */
.aam-editor-extra-domain-recommended {
	display:flex;
	align-items:flex-end;
	flex:0 0 auto;
	gap:4px;
	min-height:31px;
	box-sizing:border-box;
	margin:0;
	padding:0;
	border:0;
	border-radius:0;
	background:none;
	box-shadow:none;
}

.aam-editor-extra-domain-recommended-label {
	align-self:center;
	margin-right:2px;
	color:#7b858b;
	font:800 6px/1 Arial,Helvetica,sans-serif;
	letter-spacing:.55px;
	white-space:nowrap;
}

.aam-editor-extra-domain-recommended-tld {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:auto;
	min-width:36px;
	height:27px;
	box-sizing:border-box;
	margin:0;
	padding:0 8px;
	border:1px solid #c1c8cc;
	border-radius:5px;
	background:linear-gradient(to bottom,#ffffff 0%,#f1f3f4 100%);
	color:#313a40;
	font:700 10px/1 Verdana,Arial,sans-serif;
	white-space:nowrap;
	cursor:pointer;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.95),
		0 1px 2px rgba(0,0,0,.08);
	transition:
		background .14s ease,
		border-color .14s ease,
		color .14s ease,
		box-shadow .14s ease;
}

.aam-editor-extra-domain-recommended-tld:hover,
.aam-editor-extra-domain-recommended-tld:focus,
.aam-editor-extra-domain-recommended-tld.active {
	border-color:#003456;
	background:linear-gradient(
		135deg,
		#356f99 0%,
		#245b84 36%,
		#0e456a 67%,
		#003456 100%
	);
	color:#ffffff;
	outline:0;
	text-shadow:0 -1px 0 rgba(0,25,45,.48);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.22),
		inset 0 -1px 0 rgba(0,25,45,.42),
		0 2px 4px rgba(0,52,86,.24);
}

.aam-editor-extra-domain-recommended-arrow {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	align-self:center;
	margin:0 2px;
	color:#89939a;
	font:900 15px/1 Arial,Helvetica,sans-serif;
}

/* Kategorien als kompakte Tabs */
.aam-editor-extra-domain-categories {
	display:flex;
	align-items:flex-end;
	flex:0 0 auto;
	gap:4px;
}

.aam-editor-extra-domain-menu-button {
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:auto;
	min-width:0;
	height:31px;
	box-sizing:border-box;
	margin:0;
	padding:0 9px;
	border:1px solid #aeb7bc;
	border-radius:5px;
	background:linear-gradient(to bottom,#ffffff 0%,#e9edef 100%);
	color:#3d474d;
	font:800 8px/1 Arial,Helvetica,sans-serif;
	letter-spacing:.18px;
	white-space:nowrap;
	cursor:pointer;
	text-shadow:0 1px 0 rgba(255,255,255,.85);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.95),
		0 1px 2px rgba(0,0,0,.10);
	transition:
		background .14s ease,
		border-color .14s ease,
		color .14s ease,
		box-shadow .14s ease;
}

.aam-editor-extra-domain-menu-button:hover,
.aam-editor-extra-domain-menu-button:focus,
.aam-editor-extra-domain-menu-button.active {
	border-color:#003456;
	background:linear-gradient(
		135deg,
		#356f99 0%,
		#245b84 36%,
		#0e456a 67%,
		#003456 100%
	);
	color:#ffffff;
	outline:0;
	text-shadow:0 -1px 0 rgba(0,25,45,.48);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.22),
		inset 0 -1px 0 rgba(0,25,45,.42),
		0 2px 4px rgba(0,52,86,.24);
}
.aam-editor-extra-domain-menu-category {
	gap:5px;
}

.aam-editor-extra-domain-category-icon {
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 16px;
	width:16px;
	height:16px;
	color:#5d6970;
}

.aam-editor-extra-domain-menu-button:hover
.aam-editor-extra-domain-category-icon,
.aam-editor-extra-domain-menu-button:focus
.aam-editor-extra-domain-category-icon,
.aam-editor-extra-domain-menu-button.active
.aam-editor-extra-domain-category-icon {
	color:#ffffff;
}

.aam-editor-extra-domain-category-icon svg {
	display:block;
	width:16px;
	height:16px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.7;
	stroke-linecap:round;
	stroke-linejoin:round;
}

/* GLOBAL: inaktiv helles Corporate-Blau, aktiv mitteldunkel */
.aam-editor-extra-domain-menu-global {
	flex:0 0 auto;
	margin-left:auto;
	gap:6px;
	padding-left:9px;
	padding-right:10px;
	border-color:#7c9db3;
	background:linear-gradient(
		to bottom,
		#f4f9fc 0%,
		#dbe9f2 52%,
		#cfe0eb 100%
	);
	color:#174d73;
	text-shadow:0 1px 0 rgba(255,255,255,.85);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.95),
		0 1px 2px rgba(0,52,86,.12);
}

.aam-editor-extra-domain-menu-global:hover,
.aam-editor-extra-domain-menu-global:focus,
.aam-editor-extra-domain-menu-global.active {
	border-color:#003456;
	background:linear-gradient(
		135deg,
		#356f99 0%,
		#245b84 36%,
		#0e456a 67%,
		#003456 100%
	);
	color:#ffffff;
	text-shadow:0 -1px 0 rgba(0,25,45,.48);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.22),
		inset 0 -1px 0 rgba(0,25,45,.42),
		0 2px 4px rgba(0,52,86,.24);
}

.aam-editor-extra-domain-global-icon {
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 18px;
	width:18px;
	height:18px;
	border:1px solid rgba(23,77,115,.38);
	border-radius:50%;
	background:rgba(23,77,115,.08);
	color:#174d73;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
	animation:aamEditorExtraDomainGlobeIdle 4.8s ease-in-out infinite;
}

.aam-editor-extra-domain-menu-global:hover
.aam-editor-extra-domain-global-icon,
.aam-editor-extra-domain-menu-global:focus
.aam-editor-extra-domain-global-icon,
.aam-editor-extra-domain-menu-global.active
.aam-editor-extra-domain-global-icon {
	border-color:rgba(255,255,255,.38);
	background:rgba(255,255,255,.08);
	color:#ffffff;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}

.aam-editor-extra-domain-global-icon svg {
	display:block;
	width:13px;
	height:13px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.7;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.aam-editor-extra-domain-menu-global:hover
.aam-editor-extra-domain-global-icon,
.aam-editor-extra-domain-menu-global:focus
.aam-editor-extra-domain-global-icon {
	animation:aamEditorExtraDomainGlobeSpin .7s ease;
}

@keyframes aamEditorExtraDomainGlobeIdle {
	0%,82%,100% {
		transform:scale(1);
		filter:brightness(1);
	}
	88% {
		transform:scale(1.08);
		filter:brightness(1.18);
	}
	94% {
		transform:scale(1);
		filter:brightness(1);
	}
}

@keyframes aamEditorExtraDomainGlobeSpin {
	to {
		transform:rotate(360deg);
	}
}

/* Kleine Informationsblasen */
.aam-editor-extra-domain-menu-button[
	data-aam-editor-tooltip
]::before {
	content:"";
	position:absolute;
	left:50%;
	bottom:calc(100% + 4px);
	z-index:31;
	width:0;
	height:0;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-top:5px solid #aeb6ba;
	opacity:0;
	visibility:hidden;
	transform:translateX(-50%);
	transition:opacity .12s ease,visibility .12s ease;
	pointer-events:none;
}

.aam-editor-extra-domain-menu-button[
	data-aam-editor-tooltip
]::after {
	content:attr(data-aam-editor-tooltip);
	position:absolute;
	left:50%;
	bottom:calc(100% + 9px);
	z-index:30;
	display:block;
	width:165px;
	box-sizing:border-box;
	padding:5px 7px;
	border:1px solid #aeb6ba;
	border-radius:4px;
	background:#ffffff;
	color:#4d585e;
	font:400 8px/1.35 Arial,Helvetica,sans-serif;
	letter-spacing:0;
	text-align:left;
	white-space:normal;
	text-shadow:none;
	box-shadow:0 3px 8px rgba(0,0,0,.16);
	opacity:0;
	visibility:hidden;
	transform:translateX(-50%) translateY(2px);
	transition:
		opacity .12s ease,
		visibility .12s ease,
		transform .12s ease;
	pointer-events:none;
}

.aam-editor-extra-domain-menu-button[
	data-aam-editor-tooltip
]:hover::before,
.aam-editor-extra-domain-menu-button[
	data-aam-editor-tooltip
]:focus::before,
.aam-editor-extra-domain-menu-button[
	data-aam-editor-tooltip
]:hover::after,
.aam-editor-extra-domain-menu-button[
	data-aam-editor-tooltip
]:focus::after {
	opacity:1;
	visibility:visible;
	transform:translateX(-50%) translateY(0);
}

/* Geöffnete Kategorie */
.aam-editor-extra-domain-panel {
	margin-top:8px;
	padding:8px;
	border:1px solid #c3cbd0;
	border-radius:5px;
	background:#f8f9f9;
	box-shadow:inset 0 1px 0 #ffffff;
}

.aam-editor-extra-domain-panel[hidden],
.aam-editor-extra-domain-panel-view[hidden] {
	display:none !important;
}

.aam-editor-extra-domain-panel-head {
	margin-bottom:7px;
	color:#667178;
	font:800 8px/1 Arial,Helvetica,sans-serif;
	letter-spacing:.55px;
}

/*
 * Standard für MEDIEN, HANDEL und IT:
 * kompakte Pillen bleiben erhalten.
 */
.aam-editor-extra-domain-panel-buttons {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:5px;
}

.aam-editor-extra-domain-panel
.aam-editor-extra-domain-tld {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:auto;
	min-width:38px;
	height:25px;
	min-height:25px;
	box-sizing:border-box;
	margin:0;
	padding:0 8px;
	border:1px solid #aeb7bc;
	border-radius:13px;
	background:linear-gradient(to bottom,#ffffff 0%,#edf0f2 100%);
	color:#303840;
	font:700 10px/1 Verdana,Arial,sans-serif;
	letter-spacing:-.1px;
	cursor:pointer;
	text-shadow:none;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.95),
		0 1px 2px rgba(0,0,0,.08);
	transition:
		background .14s ease,
		border-color .14s ease,
		color .14s ease,
		box-shadow .14s ease;
}

.aam-editor-extra-domain-panel
.aam-editor-extra-domain-tld:hover,
.aam-editor-extra-domain-panel
.aam-editor-extra-domain-tld:focus,
.aam-editor-extra-domain-panel
.aam-editor-extra-domain-tld.active {
	border-color:#760000;
	background:#bb0000;
	color:#ffffff;
	outline:0;
	text-shadow:0 -1px 0 rgba(0,0,0,.32);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.18),
		0 2px 4px rgba(104,0,0,.22);
}

/*
 * Nur REGIONAL:
 * rechteckige Karten mit eigenständigem Flaggenfeld links.
 */
.aam-editor-extra-domain-panel-view[
	data-aam-editor-extra-panel="regional"
] .aam-editor-extra-domain-panel-buttons {
	display:grid;
	grid-template-columns:repeat(7,minmax(0,1fr));
	gap:6px;
	align-items:stretch;
}

.aam-editor-extra-domain-panel-view[
	data-aam-editor-extra-panel="regional"
] .aam-editor-extra-domain-tld {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	width:100%;
	min-width:0;
	height:36px;
	min-height:36px;
	padding:0 7px 0 34px;
	overflow:hidden;
	border:1px solid #c7cdd1;
	border-radius:5px;
	background:#ffffff;
	color:#20292e;
	font:700 10px/1 Verdana,Arial,sans-serif;
	letter-spacing:-.15px;
	text-align:left;
	text-shadow:none;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.96),
		0 1px 2px rgba(0,0,0,.06);
}

/*
 * Regionale Domainbuttons verwenden die vorhandenen GIF-Flaggen.
 *
 * Dateikonvention:
 * /img/flagg/<zweistelliger-ländercode>.gif
 */
.aam-editor-extra-domain-panel-view[
	data-aam-editor-extra-panel="regional"
] .aam-editor-extra-domain-tld::before {
	content:"";
	position:absolute;
	left:7px;
	top:50%;
	width:20px;
	height:14px;
	box-sizing:border-box;

	border:1px solid rgba(0,0,0,.14);
	border-radius:1px;

	background-color:#ffffff;
	background-image:var(
		--aam-editor-domain-flag-image
	);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;

	box-shadow:0 1px 1px rgba(0,0,0,.08);
	transform:translateY(-50%);
	opacity:1;
}

/* Mehrteilige Länderendungen: dieselbe Flagge leicht zurückgenommen */
.aam-editor-extra-domain-panel-view[
	data-aam-editor-extra-panel="regional"
] .aam-editor-extra-domain-tld-subordinate::before {
	opacity:.58;
}

/*
 * REGIONAL Hover/Aktiv:
 * komplette Karte rubinrot, Flagge verschwindet.
 */
.aam-editor-extra-domain-panel-view[
	data-aam-editor-extra-panel="regional"
] .aam-editor-extra-domain-tld:hover,
.aam-editor-extra-domain-panel-view[
	data-aam-editor-extra-panel="regional"
] .aam-editor-extra-domain-tld:focus,
.aam-editor-extra-domain-panel-view[
	data-aam-editor-extra-panel="regional"
] .aam-editor-extra-domain-tld.active {
	border-color:#760000;
	background:#bb0000;
	color:#ffffff;
	text-shadow:0 -1px 0 rgba(0,0,0,.32);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.18),
		0 2px 4px rgba(104,0,0,.22);
}

.aam-editor-extra-domain-panel-view[
	data-aam-editor-extra-panel="regional"
] .aam-editor-extra-domain-tld:hover::before,
.aam-editor-extra-domain-panel-view[
	data-aam-editor-extra-panel="regional"
] .aam-editor-extra-domain-tld:focus::before,
.aam-editor-extra-domain-panel-view[
	data-aam-editor-extra-panel="regional"
] .aam-editor-extra-domain-tld.active::before {
	opacity:0;
}

.aam-editor-extra-domain-global-info {
	padding:2px 3px 3px;
}

.aam-editor-extra-domain-global-info p {
	margin:0;
	color:#404b51;
	font-size:10px;
	line-height:1.45;
}

.aam-editor-extra-domain-global-info small {
	display:block;
	margin-top:4px;
	color:#747e84;
	font-size:8px;
	line-height:1.35;
}


@media (prefers-reduced-motion:reduce) {
	.aam-editor-extra-domain-global-icon,
	.aam-editor-extra-domain-menu-global:hover
	.aam-editor-extra-domain-global-icon,
	.aam-editor-extra-domain-menu-global:focus
	.aam-editor-extra-domain-global-icon {
		animation:none;
	}
}

/* ================================================================
   AAM EDITOR – ALIAS-DOMAINBREITE AUF PORTALBREITE BEGRENZEN
   ================================================================ */

#aam-editor-extra-domains-content,
#aam-editor-extra-domain-recommendations,
#aam-editor-extra-domain-panel,
.aam-editor-extra-domain-panel-view,
.aam-editor-extra-domain-panel-buttons,
#aam-editor-extra-domain-detail {
	width:100%;
	max-width:100%;
	min-width:0;
	box-sizing:border-box;
}

#aam-editor-extra-domain-recommendations {
	flex-wrap:wrap;
	align-items:flex-end;
	row-gap:6px;
}

.aam-editor-extra-domain-recommended,
.aam-editor-extra-domain-categories {
	min-width:0;
}

.aam-editor-extra-domain-menu-global {
	margin-left:0;
}

/*
 * Die regionalen Karten werden bewusst schmaler.
 * Sechs Spalten verhindern, dass die Mindestbreite der Karten
 * den 600-px-Portalbereich auseinanderdrückt.
 */
.aam-editor-extra-domain-panel-view[
	data-aam-editor-extra-panel="regional"
] .aam-editor-extra-domain-panel-buttons {
	grid-template-columns:repeat(6,minmax(0,1fr));
	gap:5px;
}

.aam-editor-extra-domain-panel-view[
	data-aam-editor-extra-panel="regional"
] .aam-editor-extra-domain-tld {
	height:32px;
	min-height:32px;
	padding-right:4px;
	padding-left:29px;
	font-size:9px;
}

.aam-editor-extra-domain-panel-view[
	data-aam-editor-extra-panel="regional"
] .aam-editor-extra-domain-tld::before {
	left:5px;
	width:18px;
	height:12px;
}


/* ================================================================
   AAM EDITOR – EMPFOHLEN UND KATEGORIEN IN EINER ZEILE
   ================================================================ */

#aam-editor-extra-domain-recommendations {
	flex-wrap:nowrap;
	align-items:center;
	gap:4px;
}

.aam-editor-extra-domain-recommended {
	flex:0 1 auto;
	min-width:0;
	min-height:27px;
	gap:3px;
}

.aam-editor-extra-domain-recommended-label {
	margin-right:1px;
	font-size:5px;
	letter-spacing:.35px;
}

.aam-editor-extra-domain-recommended-tld {
	min-width:33px;
	height:25px;
	padding:0 5px;
	font-size:9px;
}

.aam-editor-extra-domain-recommended-arrow {
	margin:0 1px;
	font-size:12px;
}

.aam-editor-extra-domain-categories {
	flex:0 1 auto;
	min-width:0;
	gap:3px;
	flex-wrap:nowrap;
}

.aam-editor-extra-domain-menu-button {
	height:27px;
	padding:0 6px;
	font-size:7px;
	letter-spacing:.08px;
}

.aam-editor-extra-domain-menu-category {
	gap:3px;
}

.aam-editor-extra-domain-category-icon {
	flex-basis:13px;
	width:13px;
	height:13px;
}

.aam-editor-extra-domain-category-icon svg {
	width:13px;
	height:13px;
}

.aam-editor-extra-domain-menu-global {
	margin-left:0;
	gap:4px;
	padding-right:7px;
	padding-left:7px;
}


.aam-editor-extra-domain-categories {
	flex:1 1 auto;
	width:auto;
}

.aam-editor-extra-domain-menu-global {
	margin-left:auto;
}

/* RESETBUTTON – GLEICHE HÖHE WIE DIE WARENKORBBUTTONS */

.aam-editor-cart-reset-wrap {
	align-self:stretch;
	align-items:stretch;
}

.aam-editor-cart-reset-button {
	width:34px;
	height:auto;
	min-height:100%;
	align-self:stretch;
	border-radius:5px;
}

.aam-editor-cart-reset-button svg {
	width:19px;
	height:19px;
	transform-origin:50% 50%;
}

/*
 * Solange die Bestätigungsblase geöffnet ist,
 * dreht sich der Resetpfeil dauerhaft.
 */
.aam-editor-cart-reset-button[aria-expanded="true"] svg {
	animation:aam-editor-reset-rotate .85s linear infinite;
}

@keyframes aam-editor-reset-rotate {
	from {
		transform:rotate(0deg);
	}

	to {
		transform:rotate(360deg);
	}
}


#aam-editor-extra-domain-info {
	margin:0 0 16px;
}

.aam-editor-extra-domain-product-card {
	box-sizing:border-box;
	overflow:hidden;
	margin:0 0 14px;
	border:1px solid #87949a;
	border-left:5px solid #336699;
	border-radius:5px;
	background:#f5f7f8;
	color:#27343a;
}

.aam-editor-extra-domain-product-head {
	display:flex;
	align-items:center;
	gap:10px;
	padding:9px 11px;
	border-bottom:1px solid #c7ced2;
	background:#e6ebee;
}

.aam-editor-extra-domain-product-tld {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:54px;
	box-sizing:border-box;
	padding:5px 8px;
	border-radius:3px;
	background:#336699;
	color:#ffffff;
	font-size:17px;
	font-weight:900;
	line-height:1;
	text-transform:lowercase;
}

.aam-editor-extra-domain-product-title {
	font-size:10px;
	font-weight:900;
	letter-spacing:.45px;
}

.aam-editor-extra-domain-product-prices {
	display:grid;
	grid-template-columns:1fr 1fr;
}

.aam-editor-extra-domain-product-row {
	display:grid;
	grid-template-columns:1fr auto;
	gap:2px 10px;
	box-sizing:border-box;
	padding:10px 11px;
}

.aam-editor-extra-domain-product-row + 
.aam-editor-extra-domain-product-row {
	border-left:1px solid #d0d6d9;
}

.aam-editor-extra-domain-product-row > span {
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
}

.aam-editor-extra-domain-product-row > strong {
	color:#bb0000;
	font-size:14px;
	font-weight:900;
	white-space:nowrap;
}

.aam-editor-extra-domain-product-row > small {
	grid-column:1 / -1;
	color:#59666c;
	font-size:8px;
	text-transform:uppercase;
}

.aam-editor-extra-domain-api-trustee {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	padding:8px 11px;
	border-top:1px solid #d0d6d9;
	background:#fff8dc;
	font-size:9px;
}

.aam-editor-extra-domain-api-trustee strong {
	font-size:9px;
}

.aam-editor-extra-domain-api-trustee span {
	font-weight:bold;
	white-space:nowrap;
}


/* ================================================================
   WEITERE ALIAS-DOMAINS – DOMAIN-PREISTABELLE
   Konsolidierte Fassung
   ================================================================ */

#aam-editor-extra-domain-info {
	display:block;
	width:100%;
	box-sizing:border-box;
	margin:0 0 14px 0;
	padding:0;
}

#aam-editor-extra-domain-info[hidden] {
	display:none !important;
}

.aam-editor-extra-domain-special-notice {
	display:block;
	width:100%;
	box-sizing:border-box;
	margin:0 0 7px 0;
	padding:0;
	background:transparent;
	color:#111111;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:400;
	line-height:1.2;
	text-align:center;
	white-space:nowrap;
}

.aam-editor-extra-domain-pricebox {
	display:block;
	width:100%;
	box-sizing:border-box;
	margin:0;
	padding:0;
	border:0;
	border-radius:0;
	background:transparent;
	box-shadow:none;
	overflow:visible;
	color:#222222;
	font-family:Arial,Helvetica,sans-serif;
}

/* Gemeinsames Fünfspaltenraster */
.aam-editor-extra-domain-pricebox-head,
.aam-editor-extra-domain-pricebox-row-current,
.aam-editor-extra-domain-pricebox-row-followup,
.aam-editor-extra-domain-pricebox-row-trustee {
	display:grid;
	grid-template-columns:
		max-content
		minmax(120px,1fr)
		62px
		82px
		70px;
	column-gap:1px;
	width:100%;
	box-sizing:border-box;
	background:transparent;
}

/* ---------------------------------------------------------------
   Tabellenkopf
   --------------------------------------------------------------- */

.aam-editor-extra-domain-pricebox-head {
	min-height:38px;
	align-items:end;
	color:#111111;
}

.aam-editor-extra-domain-pricebox-head > div {
	display:flex;
	align-items:flex-end;
	justify-content:center;
	min-width:0;
	min-height:38px;
	box-sizing:border-box;
	margin:0;
	padding:0 4px 4px 4px;
	border:0;
	background:transparent;
	font-family:maisp1,Arial,Verdana,sans-serif;
	font-size:20px;
	font-weight:normal;
	line-height:1;
	text-align:center;
	white-space:nowrap;
}

.aam-editor-extra-domain-pricebox-head
.aam-editor-extra-domain-col-domain {
	padding:0;
}

.aam-editor-extra-domain-pricebox-head
.aam-editor-extra-domain-col-info {
	justify-content:center;
	text-align:center;
}

.aam-editor-extra-domain-pricebox-head
.aam-editor-extra-domain-col-time {
	align-items:center;
	justify-content:center;
	padding-bottom:0;
}

/* ---------------------------------------------------------------
   Aktuelle Domainzeile
   --------------------------------------------------------------- */

.aam-editor-extra-domain-pricebox-row-current {
	min-height:36px;
	align-items:stretch;
	margin-top:1px;
}

.aam-editor-extra-domain-pricebox-row-current > div {
	display:flex;
	align-items:center;
	justify-content:center;
	min-width:0;
	min-height:36px;
	box-sizing:border-box;
	margin:0;
	padding:5px 6px;
	border:0;
	background:#ececec;
}

.aam-editor-extra-domain-pricebox-row-current
.aam-editor-extra-domain-cell-domain {
	justify-content:center;
	background:transparent;
	border:0;
	text-align:center;
}

.aam-editor-extra-domain-pricebox-row-current
.aam-editor-extra-domain-cell-domain > strong {
	display:block;
	max-width:none;
	box-sizing:border-box;
	margin:0;
	padding:0 2px;
	overflow:hidden;
	border:0;
	color:#111111;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:900;
	line-height:1;
	letter-spacing:-.25px;
	text-align:center;
	text-decoration:underline;
	text-overflow:ellipsis;
	white-space:nowrap;
}

/* Gepunktete Linie nur von INFO bis SETUP */
.aam-editor-extra-domain-pricebox-row-current
.aam-editor-extra-domain-info-text,
.aam-editor-extra-domain-pricebox-row-current
.aam-editor-extra-domain-indices,
.aam-editor-extra-domain-pricebox-row-current
.aam-editor-extra-domain-cell-interval,
.aam-editor-extra-domain-pricebox-row-current
.domain_price,
.aam-editor-extra-domain-pricebox-row-current
.domain_setup {
	border-bottom:1px dotted #7f878b;
}

.aam-editor-extra-domain-pricebox-row-current
.domain_setup {
	border-right:1px dotted #7f878b;
}

/* ---------------------------------------------------------------
   INFO: Flagge | BPM-Info | Indizes
   --------------------------------------------------------------- */

.aam-editor-extra-domain-pricebox-row-current
.aam-editor-extra-domain-cell-info {
	display:grid;
	grid-template-columns:
		34px
		minmax(105px,1fr)
		auto;
	column-gap:1px;
	align-items:stretch;
	padding:0;
	background:transparent;
	overflow:visible;
}

/*
 * Ohne Indexelement besteht der INFO-Bereich nur aus:
 * Flagge | BPM-Information.
 *
 * Die Informationsfläche reicht dann bis unmittelbar vor
 * die unveränderte Jahreszelle.
 */
.aam-editor-extra-domain-pricebox-row-current
.aam-editor-extra-domain-cell-info:not(
	:has(.aam-editor-extra-domain-indices)
) {
	grid-template-columns:
		34px
		minmax(0,1fr);
}

.aam-editor-extra-domain-info-icon,
.aam-editor-extra-domain-info-text,
.aam-editor-extra-domain-indices {
	display:flex;
	align-items:center;
	min-width:0;
	min-height:35px;
	box-sizing:border-box;
	margin:0;
	background:#ececec;
}

.aam-editor-extra-domain-info-icon {
	justify-content:center;
	padding:4px;
	background:transparent;
}

.aam-editor-extra-domain-info-icon img {
	display:block;
	width:auto;
	max-width:26px;
	height:auto;
	max-height:22px;
	margin:0;
	padding:0;
	border:0;
	object-fit:contain;
}

.aam-editor-extra-domain-info-text {
	justify-content:flex-start;
	padding:5px 7px;
	color:#222222;
	font-family:Arial,Helvetica,sans-serif;
	font-size:9px;
	font-weight:700;
	line-height:1.2;
	text-align:left;
	white-space:normal;
}

.aam-editor-extra-domain-indices {
	position:relative;
	justify-content:flex-start;
	flex-wrap:nowrap;
	gap:4px;
	padding:4px 6px;
	overflow:visible;
	white-space:nowrap;
}

/* ---------------------------------------------------------------
   Indexbuttons und Informationsblasen
   --------------------------------------------------------------- */

.aam-editor-extra-domain-index-wrap {
	position:relative;
	display:inline-flex;
	align-items:center;
	flex:0 0 auto;
}

.aam-editor-extra-domain-index {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:19px;
	height:17px;
	box-sizing:border-box;
	margin:0;
	padding:1px 4px;
	border:1px solid #8f989d;
	border-radius:2px;
	background:#ffffff;
	color:#111111;
	font:900 7px/1 Arial,Helvetica,sans-serif;
	text-decoration:none;
	cursor:pointer;
	text-shadow:none;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.95),
		0 1px 1px rgba(0,0,0,.10);
}

.aam-editor-extra-domain-index:hover,
.aam-editor-extra-domain-index:focus,
.aam-editor-extra-domain-index[aria-expanded="true"] {
	border-color:#336699;
	background:#336699;
	color:#ffffff;
	outline:0;
	text-shadow:0 -1px 0 rgba(0,0,0,.25);
}

.aam-editor-extra-domain-index-popup {
	position:absolute;
	left:50%;
	bottom:calc(100% + 8px);
	z-index:100;
	display:block;
	width:max-content;
	min-width:130px;
	max-width:220px;
	box-sizing:border-box;
	padding:7px 9px;
	border:1px solid #59666d;
	border-radius:4px;
	background:#ffffff;
	color:#20282c;
	font:400 9px/1.4 Arial,Helvetica,sans-serif;
	text-align:left;
	white-space:normal;
	box-shadow:0 4px 10px rgba(0,0,0,.28);
	transform:translateX(-50%);
	pointer-events:none;
}

.aam-editor-extra-domain-index-popup::before {
	content:"";
	position:absolute;
	left:50%;
	top:100%;
	width:0;
	height:0;
	border:6px solid transparent;
	border-top-color:#59666d;
	transform:translateX(-50%);
}

.aam-editor-extra-domain-index-popup::after {
	content:"";
	position:absolute;
	left:50%;
	top:100%;
	width:0;
	height:0;
	margin-top:-1px;
	border:5px solid transparent;
	border-top-color:#ffffff;
	transform:translateX(-50%);
}

.aam-editor-extra-domain-index-popup[hidden] {
	display:none !important;
}

.aam-editor-extra-domain-pricebox,
.aam-editor-extra-domain-pricebox-row,
.aam-editor-extra-domain-cell-info,
.aam-editor-extra-domain-indices {
	overflow:visible;
}

/* ---------------------------------------------------------------
   Zeitraum, Preis und Setup
   --------------------------------------------------------------- */

.aam-editor-extra-domain-pricebox-row-current
.aam-editor-extra-domain-cell-interval {
	background:#336699;
	color:#ffffff;
	font-size:12px;
	font-weight:400;
	line-height:1.15;
	text-align:center;
	text-shadow:0 1px 1px rgba(0,0,0,.25);
	white-space:nowrap;
}

.aam-editor-extra-domain-pricebox-row-current
.domain_price,
.aam-editor-extra-domain-pricebox-row-current
.domain_price > strong,
.aam-editor-extra-domain-pricebox-row-followup
.aam-editor-extra-domain-cell-price,
.aam-editor-extra-domain-pricebox-row-followup
.aam-editor-extra-domain-cell-price > strong,
.aam-editor-extra-domain-trustee-price,
.aam-editor-extra-domain-trustee-price > strong {
	font-family:maisp1,Arial,Verdana,sans-serif;
	font-weight:normal;
}

.aam-editor-extra-domain-pricebox-row-current
.domain_price {
	justify-content:flex-end;
	padding-right:10px;
	background:#ececec;
	color:#111111;
	font-size:18px;
	text-align:right;
	white-space:nowrap;
	-webkit-text-stroke:0;
	text-shadow:none;
}

.aam-editor-extra-domain-pricebox-row-current
.domain_price > strong {
	color:inherit;
	font:inherit;
}

.aam-editor-extra-domain-pricebox-row-current
.domain_setup {
	background:#ececec;
	color:#444444;
	font-size:12px;
	font-weight:400;
	text-align:center;
	white-space:nowrap;
}



/* ---------------------------------------------------------------
   Sonderpreis
   --------------------------------------------------------------- */

.aam-editor-extra-domain-pricebox-row-special
.aam-editor-extra-domain-info-text,
.aam-editor-extra-domain-pricebox-row-special
.aam-editor-extra-domain-indices,
.aam-editor-extra-domain-pricebox-row-special
.domain_price,
.aam-editor-extra-domain-pricebox-row-special
.domain_setup {
	background:#ffd400;
}

.aam-editor-extra-domain-pricebox-row-special
.aam-editor-extra-domain-info-icon {
	background:transparent;
}

.aam-editor-extra-domain-pricebox-row-special
.aam-editor-extra-domain-cell-interval {
	background:#5b8500;
	color:#ffffff;
	font-size:12px;
	font-weight:400;
	text-shadow:0 1px 1px rgba(0,0,0,.25);
}

.aam-editor-extra-domain-pricebox-row-special
.domain_price,
.aam-editor-extra-domain-pricebox-row-special
.domain_price > strong {
	color:#fffdf2;
	font-size:22px;
	-webkit-text-stroke:.6px #3a2400;
	text-shadow:
		0 1px 0 #241600,
		0 0 2px rgba(0,0,0,.90),
		0 1px 3px rgba(0,0,0,.65);
}

.aam-editor-extra-domain-pricebox-row-special
.domain_setup {
	color:#222222;
	font-size:12px;
	font-weight:400;
	text-shadow:none;
}

.aam-editor-extra-domain-pricebox-row-special
.aam-editor-extra-domain-index {
	border-color:#8f989d;
	background:#ffffff;
	color:#111111;
	text-shadow:none;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.95),
		0 1px 1px rgba(0,0,0,.10);
}

.aam-editor-extra-domain-pricebox-row-special
.aam-editor-extra-domain-index:hover,
.aam-editor-extra-domain-pricebox-row-special
.aam-editor-extra-domain-index[aria-expanded="true"] {
	border-color:#336699;
	background:#336699;
	color:#ffffff;
}

/* ---------------------------------------------------------------
   Folgepreiszeile
   --------------------------------------------------------------- */

.aam-editor-extra-domain-pricebox-row-followup {
	min-height:28px;
	align-items:stretch;
	margin-top:1px;
}

.aam-editor-extra-domain-pricebox-row-followup
.aam-editor-extra-domain-followup-label {
	grid-column:1 / 3;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	min-width:0;
	min-height:28px;
	box-sizing:border-box;
	padding:4px 8px;
	border:0;
	background:transparent;
	color:#222222;
	font-size:8px;
	font-weight:400;
	line-height:1;
	text-align:right;
	white-space:nowrap;
}

.aam-editor-extra-domain-pricebox-row-followup
.aam-editor-extra-domain-cell-after {
	grid-column:3;
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:28px;
	box-sizing:border-box;
	padding:4px;
	border:0;
	border-bottom:1px dotted #777777;
	background:#5b8500;
	color:#ffffff;
	font-size:10px;
	font-weight:400;
	line-height:1;
	text-align:center;
	text-shadow:0 1px 1px rgba(0,0,0,.25);
}

.aam-editor-extra-domain-pricebox-row-followup
.aam-editor-extra-domain-cell-price {
	grid-column:4;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	min-height:28px;
	box-sizing:border-box;
	padding:4px 10px 4px 6px;
	border:0;
	border-bottom:1px dotted #777777;
	background:#ececec;
	color:#111111;
	font-size:22px;
	text-align:right;
	white-space:nowrap;
	-webkit-text-stroke:.25px #111111;
	text-shadow:none;
}

.aam-editor-extra-domain-pricebox-row-followup
.aam-editor-extra-domain-cell-price > strong {
	color:inherit;
	font:inherit;
}

.aam-editor-extra-domain-pricebox-row-followup
.aam-editor-extra-domain-cell-period {
	grid-column:5;
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:28px;
	box-sizing:border-box;
	padding:4px;
	border:0;
	border-top:0;
	border-right:1px dotted #777777;
	border-bottom:1px dotted #777777;
	background:transparent;
	color:#222222;
	font-size:8px;
	font-weight:400;
	text-align:center;
	white-space:nowrap;
}

/* ---------------------------------------------------------------
   Trustee-Zeile
   --------------------------------------------------------------- */

.aam-editor-extra-domain-pricebox-row-followup +
.aam-editor-extra-domain-pricebox-row-trustee {
	margin-top:10px;
}

.aam-editor-extra-domain-pricebox-row-trustee {
	min-height:30px;
	align-items:stretch;
	margin-top:10px;
}

.aam-editor-extra-domain-pricebox-row-trustee
.aam-editor-extra-domain-col-domain {
	grid-column:1;
	background:transparent;
	border:0 !important;
	border-bottom:0 !important;
}

.aam-editor-extra-domain-trustee-label {
	grid-column:2 / 4;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	min-height:30px;
	box-sizing:border-box;
	padding:5px 8px;
	border:0 !important;
	border-bottom:0 !important;
	background:transparent !important;
	color:#173c4b;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:400;
	line-height:1.15;
}

.aam-editor-extra-domain-trustee-price {
	grid-column:4;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	min-height:30px;
	box-sizing:border-box;
	padding:4px 10px 4px 6px;
	border:0 !important;
	border-bottom:1px dotted #777777 !important;
	background:#ececec !important;
	color:#0077a8;
	font-size:18px;
	text-align:right;
	white-space:nowrap;
	-webkit-text-stroke:0;
	text-shadow:none;
}

.aam-editor-extra-domain-trustee-price > strong {
	color:inherit;
	font:inherit;
}

.aam-editor-extra-domain-trustee-period {
	grid-column:5;
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:30px;
	box-sizing:border-box;
	padding:4px;
	border:0 !important;
	border-top:0 !important;
	border-right:1px dotted #777777 !important;
	border-bottom:1px dotted #777777 !important;
	background:transparent !important;
	color:#222222;
	font-size:8px;
	font-weight:400;
	text-align:center;
	white-space:nowrap;
}


/* ================================================================
   AAM EDITOR – TOPIC-LEISTE MIT SCHARNIEREN UND INNENRAHMEN

   Der äußere Config-Block dient nur noch als Positionierungsrahmen.
   Topic-Leiste und Inhaltsgehäuse sind optisch getrennte Bauteile.
   ================================================================ */

.aam-editor-config-block {
	position:relative;
	margin-top:16px;
	border:0;
	border-radius:0;
	background:transparent;
	overflow:visible;
	box-shadow:none;
}

/*
 * Eigenständige mechanische Topic-Leiste.
 *
 * Alle Topic-Leisten besitzen unabhängig vom rechten Badge
 * dieselbe feste Mindesthöhe. Titel und LED-Anzeige werden
 * vertikal mittig ausgerichtet.
 */
.aam-editor-config-block > .aam-editor-config-block-title {
	position:relative;
	z-index:4;

	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;

	min-height:56px;
	box-sizing:border-box;
	padding:7px 10px;

	border-top:1px solid #aeb6bb;
	border-right:1px solid #aeb6bb;
	border-bottom:1px solid #858f95;
	border-left:5px solid #bb0000;
	border-radius:5px;

	background:
		linear-gradient(
			to bottom,
			rgba(255,255,255,.96) 0%,
			rgba(255,255,255,.48) 8%,
			rgba(255,255,255,0) 9%
		),
		linear-gradient(
			to bottom,
			#fafbfb 0%,
			#edf0f1 52%,
			#dce1e3 100%
		);

	color:#28343b;
	font-size:13px;
	font-weight:900;
	line-height:1;
	letter-spacing:.45px;
	text-transform:uppercase;

	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.96),
		inset 0 -1px 0 rgba(75,85,92,.10),
		0 2px 0 #a9b1b5,
		0 4px 6px rgba(0,0,0,.12);
}

/*
 * Linker Bereich aus LED-Anzeige und Topic-Titel.
 */
.aam-editor-config-block >
.aam-editor-config-block-title >
span:first-child {
	display:flex;
	align-items:center;
	min-width:0;
	height:100%;
	line-height:1;
}

/*
 * Geöffnete Topic-Leiste:
 * sichtbar in das Gehäuse gedrückt.
 */
.aam-editor-config-block >
.aam-editor-config-block-title[aria-expanded="true"] {
		background:
		linear-gradient(
			to bottom,
			#dde2e4 0%,
			#e5e9eb 46%,
			#f5f6f6 100%
		);
	box-shadow:
		inset 0 3px 5px rgba(65,75,82,.16),
		inset 0 1px 0 rgba(255,255,255,.48),
		0 1px 0 rgba(255,255,255,.92);
	transform:translateY(2px);
}

/*
 * ================================================================
 * RACK-VERBINDUNG ZWISCHEN TOPIC UND INHALTSGEHÄUSE
 *
 * Die Metalllaschen liegen hinter beiden Panels.
 * Auf der Vorderseite sind nur die vier Schlitzschrauben sichtbar.
 * ================================================================
 */

/*
 * Hintere Metalllaschen.
 *
 * Sie reichen unter den Topicbalken, durch den Zwischenraum und
 * unter den oberen Rand des Inhaltsgehäuses. Wegen z-index:0
 * liegen sie hinter beiden sichtbaren Frontplatten.
 */
.aam-editor-config-block:has(
	> .aam-editor-config-block-title[aria-expanded="true"]
)::before,
.aam-editor-config-block:has(
	> .aam-editor-config-block-title[aria-expanded="true"]
)::after {
	content:"";
	position:absolute;
	top:29px;
	z-index:0;
	width:18px;
	height:38px;
	box-sizing:border-box;

	border:1px solid #aeb6ba;
	border-radius:2px;

	background:
		linear-gradient(
			to right,
			#b8c0c4 0%,
			#e9edef 18%,
			#cbd2d5 42%,
			#a8b1b5 52%,
			#dde2e4 74%,
			#b6bec2 100%
		);

	box-shadow:
		inset 1px 0 0 rgba(255,255,255,.72),
		inset -1px 0 0 rgba(75,85,90,.10),
		0 1px 2px rgba(0,0,0,.10);

	pointer-events:none;
}

.aam-editor-config-block:has(
	> .aam-editor-config-block-title[aria-expanded="true"]
)::before {
	left:80px;
}

.aam-editor-config-block:has(
	> .aam-editor-config-block-title[aria-expanded="true"]
)::after {
	right:80px;
}





/*
 * Eigenständiges Inhaltsgehäuse mit 12 px Abstand zur Topic-Leiste.
 * Die Scharniere überbrücken diesen Zwischenraum.
 */
.aam-editor-config-block > .aam-editor-config-block-body {
	position:relative;
	z-index:1;
	margin-top:12px;
	padding:13px;
	border:1px solid #9fa8ad;
	border-radius:5px;
	background:#ffffff;
	box-shadow:
		inset 0 1px 3px rgba(45,55,62,.10),
		0 3px 6px rgba(0,0,0,.12);
}

/*
 * Geöffnetes Inklusivleistungs-Popup immer über sämtliche
 * Topic-Leisten und nachfolgenden Konfiguratorbereiche legen.
 */
#aam-editor-storage-block:has(
	#aam-editor-included-popup:not([hidden])
) {
	z-index:1000;
}

#aam-editor-storage-block:has(
	#aam-editor-included-popup:not([hidden])
) > .aam-editor-config-block-body {
	z-index:10;
}

/*
 * Kein zusätzlicher Browser-Fokusrahmen auf den mechanischen
 * Topic-Leisten. Der aktive Zustand wird ausschließlich über
 * aria-expanded und die eigene Gehäusedarstellung angezeigt.
 */
.aam-editor-config-block-title:focus,
.aam-editor-config-block-title:focus-visible,
.aam-editor-config-block-title:active {
	outline:none;
	outline-offset:0;
	-webkit-tap-highlight-color:transparent;
}

/* ================================================================
   AUSGEWÄHLTE ZUSÄTZLICHE ALIAS-DOMAINS
   Kompakte Schnellliste im Stil des Pre-Carts
   ================================================================ */

.aam-editor-selected-extra-domains {
	display:block;
	width:100%;
	box-sizing:border-box;
	margin:46px 0 0 0;
	padding:0;
	border:0;
	border-radius:0;
	background:transparent;
	box-shadow:none;
	overflow:visible;
}

.aam-editor-selected-extra-domains[hidden] {
	display:none !important;
}

/*
 * Ruhige Abschnittsüberschrift ohne zusätzliche Kartenoptik.
 */
.aam-editor-selected-extra-domains-title {
	display:flex;
	align-items:center;
	justify-content:flex-start;
	min-height:29px;
	box-sizing:border-box;
	margin:0;
	padding:0 7px;
	border:0;
	background:#ffffff;
	color:#28343b;
}

.aam-editor-selected-extra-domains-heading {
	display:inline-flex;
	align-items:center;
	justify-content:flex-start;
	gap:6px;
	min-width:0;
	color:#28343b;
	font-family:maisp1,Arial,Helvetica,sans-serif;
	font-size:23px;
	font-weight:500;
	line-height:1;
	letter-spacing:.3px;
	white-space:nowrap;
	margin:0;
}

.aam-editor-selected-extra-domains-heading svg {
	display:block;
	flex:0 0 24px;
	width:24px;
	height:20px;
	color:currentColor;
}

.aam-editor-selected-extra-domains-heading strong {
	display:block;
	min-width:0;
	color:inherit;
	font:inherit;
	line-height:1;
	letter-spacing:inherit;
	text-transform:uppercase;
	white-space:nowrap;
}

/*
 * Erklärung zwischen Überschrift und Tabelle.
 */
.aam-editor-selected-extra-domains-notice {
	display:grid;
	grid-template-columns:minmax(0,1fr) auto;
	align-items:center;
	gap:8px 14px;
	box-sizing:border-box;
	margin:9px 7px 15px 7px;
	padding:7px 9px;
	border-left:3px solid #8a9aa2;
	background:#f1f3f4;
	color:#566268;
	font-family:Arial,Helvetica,sans-serif;
	font-size:9px;
	font-weight:400;
	line-height:1.4;
}

.aam-editor-selected-extra-domains-notice > span {
	display:block;
	min-width:0;
}

.aam-editor-selected-extra-domains-notice a {
	display:inline-flex;
	align-items:center;
	justify-content:flex-end;
	gap:4px;
	flex:0 0 auto;
	color:#336699;
	font-family:Arial,Helvetica,sans-serif;
	font-size:8px;
	font-weight:700;
	line-height:1.2;
	letter-spacing:.15px;
	text-decoration:none;
	white-space:nowrap;
}

.aam-editor-selected-extra-domains-notice a:hover,
.aam-editor-selected-extra-domains-notice a:focus {
	color:#8f0000;
	text-decoration:underline;
	outline:0;
}

/*
 * Kleine symmetrische Meta-Zeile direkt oberhalb der Tabelle.
 */
.aam-editor-selected-extra-domains-meta {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	min-height:18px;
	box-sizing:border-box;
	margin:0 0 4px 0;
	padding:0 7px;
	color:#687279;
	font-family:Arial,Helvetica,sans-serif;
	font-size:8px;
	font-weight:700;
	line-height:1;
	letter-spacing:.18px;
	text-transform:uppercase;
}

.aam-editor-selected-extra-domains-meta span,
.aam-editor-selected-extra-domains-meta strong {
	display:block;
	margin:0;
	padding:0;
	color:inherit;
	font:inherit;
	line-height:inherit;
	white-space:nowrap;
}

/*
 * Fünf Spalten:
 * Domain | Zeitraum | Preis | Setup | Löschen
 */
.aam-editor-selected-extra-domains-head,
.aam-editor-selected-extra-domain-row {
	display:grid;
	grid-template-columns:
		minmax(0,1fr)
		68px
		82px
		72px
		40px;
	align-items:stretch;
	column-gap:0;
	width:100%;
	box-sizing:border-box;
}

.aam-editor-selected-extra-domains-head {
	min-height:24px;
	padding:0;
	border-bottom:1px solid rgba(118,130,124,.30);
	background:#eef1f2;
	color:#59656b;
}

.aam-editor-selected-extra-domains-head span {
	display:flex;
	align-items:center;
	justify-content:flex-end;
	min-width:0;
	box-sizing:border-box;
	padding:0 7px;
	border-right:1px solid rgba(150,159,155,.18);
	font-size:7px;
	font-weight:700;
	line-height:1;
	letter-spacing:.25px;
	text-align:right;
	text-transform:uppercase;
	white-space:nowrap;
}

.aam-editor-selected-extra-domains-head span:first-child {
	justify-content:flex-start;
	text-align:left;
}

/*
 * Nur die Überschriften von Zeitraum, Preis und Setup
 * werden innerhalb ihrer jeweiligen Spalte zentriert.
 */
.aam-editor-selected-extra-domains-head span:nth-child(2),
.aam-editor-selected-extra-domains-head span:nth-child(3),
.aam-editor-selected-extra-domains-head span:nth-child(4) {
	justify-content:center;
	text-align:center;
}

.aam-editor-selected-extra-domains-head span:last-child {
	border-right:0;
}

.aam-editor-selected-extra-domain-row {
	min-height:43px;
	padding:0;
	border-bottom:1px solid rgba(118,130,124,.30);
	background:#ffffff;
}

.aam-editor-selected-extra-domain-row > * {
	display:flex;
	align-items:center;
	min-width:0;
	box-sizing:border-box;
	padding:7px;
	border-right:1px solid rgba(150,159,155,.18);
}

.aam-editor-selected-extra-domain-row > *:last-child {
	border-right:0;
}

.aam-editor-selected-extra-domain-name {
	justify-content:flex-start;
	color:#202b31;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:700;
	line-height:1.2;
	letter-spacing:0;
	transform:none;
	overflow-wrap:anywhere;
}

.aam-editor-selected-extra-domain-period {
	justify-content:center;
	color:#687279;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:400;
	line-height:1.1;
	text-align:center;
	white-space:nowrap;
}

.aam-editor-selected-extra-domain-price {
	justify-content:flex-end;
	color:#172a35;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:400;
	line-height:1.1;
	letter-spacing:0;
	text-align:right;
	white-space:nowrap;
	transform:none;
	-webkit-text-stroke:0;
	text-shadow:none;
}

.aam-editor-selected-extra-domain-setup {
	justify-content:flex-end;
	color:#59656b;
	font-size:9px;
	font-weight:400;
	line-height:1.1;
	text-align:right;
	white-space:nowrap;
}

/*
 * Der Löschbutton bleibt ein kleiner Werkzeugbutton.
 */
.aam-editor-selected-extra-domain-remove {
	display:flex;
	align-items:center;
	justify-content:center;
	align-self:center;
	justify-self:center;
	flex:0 0 28px;
	width:28px;
	min-width:28px;
	max-width:28px;
	height:28px;
	overflow:visible;
	box-sizing:border-box;
	margin:auto;
	padding:0;
	border:1px solid #9ea8ad;
	border-radius:4px;
	background:linear-gradient(
		to bottom,
		#ffffff 0%,
		#e3e7e9 100%
	);
	color:#59656b;
	cursor:pointer;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.95),
		0 1px 2px rgba(0,0,0,.08);
}

.aam-editor-selected-extra-domain-remove svg {
	display:block;
	width:14px;
	height:14px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.8;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.aam-editor-selected-extra-domain-remove:hover,
.aam-editor-selected-extra-domain-remove:focus {
	border-color:#760000;
	background:#bb0000;
	color:#ffffff;
	outline:0;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.20),
		0 2px 4px rgba(91,0,0,.18);
}

.aam-editor-selected-extra-domain-remove:active {
	transform:translateY(1px);
	box-shadow:
		inset 0 2px 4px rgba(0,0,0,.18);
}
/* ---------------------------------------------------------------
   Mobile Darstellung
   --------------------------------------------------------------- */

/* ========================================================================== 
   AAM EDITOR – VORGESCHALTETE KONFIGURATOR-STARTSTUFE
   ========================================================================== */

#aam-editor-tariff-stage {
	position:relative;
	display:block;
	width:100%;
	box-sizing:border-box;
	min-height:248px;
}

/*
 * Nach Abschluss der Elevator-Animation muss die Bühne wieder
 * vollständig mit dem dynamisch wachsenden Konfigurator mitgehen.
 */
#aam-editor-tariff-stage[
	data-ui-elevator-state="final"
] {
	height:auto !important;
}

#aam-editor-start-intro {
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:20px 4px 10px 4px;
	opacity:1;
	transform:translateY(0);
	transition:
		opacity 500ms ease,
		transform 500ms ease;
}

#aam-editor-start-intro.is-leaving {
	opacity:0;
	transform:translateY(-6px);
	pointer-events:none;
}

.aam-editor-start-command,
.aam-editor-start-copy-grid {
	display:grid;
	grid-template-columns:48% 4% 48%;
	width:100%;
	box-sizing:border-box;
}

.aam-editor-start-command {
	align-items:center;
	min-height:116px;
}

.aam-editor-start-command-word {
	align-self:center;
	color:#26343b;
	font-family:"Arial Narrow",Arial,Helvetica,sans-serif;
	font-size:24px;
	font-weight:900;
	line-height:1;
	letter-spacing:.25px;
	text-transform:uppercase;
	white-space:nowrap;
	text-shadow:0 1px 0 rgba(255,255,255,.9);
}

.aam-editor-start-command-word-left {
	grid-column:1;
	padding-right:26px;
	text-align:right;
	letter-spacing:-.05em;
}

.aam-editor-start-command-word-right {
	grid-column:3;
	padding-left:26px;
	color:#9d0000;
	text-align:left;
}

.aam-editor-start-command-switch {
	position:relative;
	z-index:3;
	grid-column:2;
	display:flex;
	align-items:flex-start;
	justify-content:center;
	min-width:0;
	overflow:visible;
}

#aam-editor-start-switch {
	--ui-switch-pad-symbol-font-weight:500;
	flex:0 0 90px;
	margin:0 -33px;
}

#aam-editor-start-switch .ui-switch-pad__label {
	color:#5d6870;
	font-size:10px;
	font-weight:700;
	letter-spacing:.8px;
	text-transform:uppercase;
}

.aam-editor-start-copy-grid {
	align-items:start;
	margin-top:4px;
}

.aam-editor-start-copy {
	min-width:0;
	box-sizing:border-box;
	color:#4b565d;
	font-size:11px;
	line-height:1.58;
}

.aam-editor-start-copy-left {
	grid-column:1;
	padding:0 14px 0 8px;
	text-align:right;
}

.aam-editor-start-copy-gap {
	grid-column:2;
}

.aam-editor-start-copy-right {
	grid-column:3;
	padding:0 8px 0 14px;
	text-align:left;
}

.aam-editor-start-copy strong {
	display:block;
	margin:0 0 6px 0;
	color:#26343b;
	font-size:10px;
	font-weight:900;
	line-height:1.2;
	letter-spacing:.65px;
	text-transform:uppercase;
}

.aam-editor-start-copy p {
	margin:0;
	padding:0;
}

#aam-editor-tariff-live[hidden],
#aam-editor-start-loading[hidden],
#aam-editor-start-intro[hidden] {
	display:none !important;
}

#aam-editor-start-intro,
#aam-editor-tariff-live {
	background:#ffffff;
}

#aam-editor-tariff-live {
	display:block;
	width:100%;
	box-sizing:border-box;
	opacity:1;
	transform:none;
	transition:none;
}

#aam-editor-start-loading {
	position:absolute;
	inset:0;
	z-index:30;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	box-sizing:border-box;
	padding:24px;
	background:rgba(248,250,251,.92);
	-webkit-backdrop-filter:blur(2px);
	backdrop-filter:blur(2px);
	opacity:0;
	transition:opacity 180ms ease;
	pointer-events:all;
}

#aam-editor-start-loading.is-active {
	opacity:1;
}

#aam-editor-start-loading.is-leaving {
	opacity:0;
	pointer-events:none;
}

.aam-editor-start-loading-spinner {
	display:block;
	width:34px;
	height:34px;
	box-sizing:border-box;
	margin:0 0 13px 0;
	border:3px solid #cbd2d6;
	border-top-color:#bb0000;
	border-right-color:#7b0000;
	border-radius:50%;
	animation:aamEditorConfiguratorLoading .7s linear infinite;
	box-shadow:
		0 0 0 1px rgba(255,255,255,.9),
		0 2px 5px rgba(0,0,0,.10);
}

#aam-editor-start-loading strong {
	display:block;
	color:#760000;
	font-family:"Arial Narrow",Arial,Helvetica,sans-serif;
	font-size:18px;
	font-weight:900;
	line-height:1;
	letter-spacing:2px;
}

#aam-editor-start-loading > span:last-child {
	display:block;
	margin-top:8px;
	color:#687279;
	font-size:8px;
	font-weight:900;
	line-height:1.2;
	letter-spacing:.8px;
	text-transform:uppercase;
}

@keyframes aamEditorConfiguratorLoading {
	to {
		transform:rotate(360deg);
	}
}

@media (max-width:520px) {
	.aam-editor-start-command-word {
		font-size:19px;
	}

	.aam-editor-start-command-word-left {
		padding-right:22px;
	}

	.aam-editor-start-command-word-right {
		padding-left:22px;
	}

	.aam-editor-start-copy {
		font-size:10px;
	}

	.aam-editor-start-copy-left {
		padding-right:10px;
	}

	.aam-editor-start-copy-right {
		padding-left:10px;
	}
}

/*
 * Andere Hauptdomain:
 * gleiche vertikale Abfolge wie bei Alias-Domains.
 */
#aam-editor-main-domain-menu-mount {
	display:block;
	width:100%;
	box-sizing:border-box;
	margin:0 0 14px 0;
}

#aam-editor-main-domain-paid-info {
	display:block;
	width:100%;
	box-sizing:border-box;
	margin:0 0 12px 0;
}

#aam-editor-main-domain-paid-info[hidden] {
	display:none !important;
}

#aam-editor-main-domain-paid-info
+ .aam-editor-domain-compose {
	margin-top:0;
}

/*
 * TLD-Menü der anderen Hauptdomain:
 * identisches Layout wie das Alias-TLD-Menü.
 */
#aam-editor-main-domain-recommendations {
	display:flex;
	align-items:center;
	flex-wrap:nowrap;
	gap:4px;
	width:100%;
	max-width:100%;
	min-width:0;
	box-sizing:border-box;
	margin:0 0 10px 0;
}

#aam-editor-main-domain-recommendations
.aam-editor-extra-domain-recommended {
	flex:0 1 auto;
	min-width:0;
}

#aam-editor-main-domain-recommendations
.aam-editor-extra-domain-categories {
	display:flex;
	align-items:center;
	flex:1 1 auto;
	flex-wrap:nowrap;
	min-width:0;
	width:auto;
	gap:3px;
}

#aam-editor-main-domain-recommendations
.aam-editor-extra-domain-menu-global {
	flex:0 0 auto;
	margin-left:auto;
}

/* ================================================================
   RAPIDSSL – GETRENNTE ABSICHERUNG WEITERER DOMAINS
   Ruhige Dreischritt-Darstellung für nichttechnische Kunden.
   ================================================================ */

.aam-editor-rapidssl-alias-group[hidden] {
	display:none !important;
}

.aam-editor-rapidssl-alias-group {
	display:block;
	box-sizing:border-box;
	margin-top:10px;
	border:1px solid #c4ccd1;
	border-radius:4px;
	background:#fbfcfc;
	color:#303a40;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:400;
	line-height:1.45;
	overflow:hidden;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.96),
		0 1px 3px rgba(0,0,0,.06);
}

.aam-editor-rapidssl-step {
	display:grid;
	grid-template-columns:48px minmax(0,1fr);
	gap:12px;
	box-sizing:border-box;
	padding:13px 14px;
	border-bottom:1px solid #d7dde0;
	background:
		linear-gradient(
			to bottom,
			#ffffff 0%,
			#f8f9f9 100%
		);
}

.aam-editor-rapidssl-step:last-child {
	border-bottom:0;
}

.aam-editor-rapidssl-step-icon {
	display:flex;
	align-items:center;
	justify-content:center;
	width:42px;
	height:42px;
	box-sizing:border-box;
	margin-top:1px;
	border:1px solid #c5d0d7;
	border-radius:50%;
	background:#eef4f7;
	color:#334b5a;
}

.aam-editor-rapidssl-step-icon svg {
	display:block;
	width:25px;
	height:25px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.6;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.aam-editor-rapidssl-step-copy {
	min-width:0;
}

.aam-editor-rapidssl-step-copy h3 {
	margin:0 0 6px 0;
	color:#27343b;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:bold;
	line-height:1.25;
	letter-spacing:0;
}



.aam-editor-rapidssl-step-copy p {
	margin:0 0 6px 0;
	color:#4b575d;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:400;
	line-height:1.45;
}

.aam-editor-rapidssl-step-copy p:last-child {
	margin-bottom:0;
}

.aam-editor-rapidssl-step-copy strong {
	font-weight:600;
}

/*
 * Dynamische AAM-Editor-Hauptdomain im RapidSSL-Hinweis.
 */
.aam-editor-rapidssl-main-domain-badge {
	display:inline-block;
	max-width:100%;
	box-sizing:border-box;
	margin:1px 2px;
	padding:2px 6px;
	border:1px solid #a7c6b5;
	border-radius:3px;
	background:#edf6f1;
	color:#304f40;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:400;
	line-height:1.35;
	vertical-align:baseline;
	overflow-wrap:anywhere;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.9);
}

.aam-editor-rapidssl-main-domain-badge strong {
	margin-left:3px;
	color:#1f4936;
	font-weight:bold;
}

.aam-editor-rapidssl-step-selection {
	background:
		linear-gradient(
			to bottom,
			#fcfcfb 0%,
			#f7f8f8 100%
		);
}

.aam-editor-rapidssl-selection-intro {
	margin-bottom:8px !important;
	color:#3c4950 !important;
	font-weight:500 !important;
}

.aam-editor-rapidssl-alias-group-content {
	margin-top:0;
}

.aam-editor-rapidssl-alias-group-notice,
.aam-editor-rapidssl-alias-group-automatic {
	display:flex;
	align-items:flex-start;
	gap:9px;
	box-sizing:border-box;
	padding:9px 10px;
	border:1px solid #c8d2cc;
	border-radius:3px;
	background:#f3f8f5;
	color:#415048;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:400;
	line-height:1.45;
}

.aam-editor-rapidssl-alias-group-notice {
	display:block;
}

.aam-editor-rapidssl-alias-group-notice strong {
	display:block;
	color:#33443b;
	font-size:11px;
	font-weight:500;
}

.aam-editor-rapidssl-alias-group-notice span {
	display:block;
	margin-top:3px;
}

.aam-editor-rapidssl-alias-group-automatic
.aam-editor-rapidssl-alias-group-check {
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 20px;
	width:20px;
	height:20px;
	border-radius:50%;
	background:#3f6f5d;
	color:#ffffff;
	font-size:11px;
	font-weight:500;
	line-height:1;
}

.aam-editor-rapidssl-alias-group-automatic strong {
	display:block;
	margin-bottom:2px;
	color:#27352e;
	font-size:11px;
	font-weight:600;
}

.aam-editor-rapidssl-alias-selection {
	min-width:0;
	margin:0;
	padding:0;
	border:0;
}

.aam-editor-rapidssl-alias-selection > p {
	margin:0 0 8px 0;
	color:#59656b;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:400;
	line-height:1.45;
}

.aam-editor-rapidssl-alias-options {
	display:grid;
	grid-template-columns:1fr;
	gap:5px;
}

.aam-editor-rapidssl-alias-option {
	display:flex;
	align-items:center;
	gap:9px;
	min-width:0;
	box-sizing:border-box;
	min-height:34px;
	padding:7px 10px;
	border:1px solid #c1c9cd;
	border-radius:3px;
	background:#ffffff;
	color:#303b41;
	cursor:pointer;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:400;
	line-height:1.35;
}

.aam-editor-rapidssl-alias-option:hover {
	border-color:#83949e;
	background:#f7f9fa;
}

.aam-editor-rapidssl-alias-option:has(input:checked) {
	border-color:#3f6f5d;
	background:#edf5f1;
	box-shadow:inset 3px 0 0 #3f6f5d;
}

.aam-editor-rapidssl-alias-option input {
	flex:0 0 auto;
	margin:0;
	accent-color:#3f6f5d;
}

.aam-editor-rapidssl-alias-option span {
	display:block;
	min-width:0;
	overflow-wrap:anywhere;
	font-weight:500;
}

.aam-editor-rapidssl-alias-status {
	box-sizing:border-box;
	margin-top:7px;
	padding:7px 9px;
	border-left:3px solid #d4a128;
	background:#fff6d8;
	color:#66521f;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:400;
	line-height:1.4;
}

.aam-editor-rapidssl-alias-status-valid {
	border-left-color:#3f6f5d;
	background:#edf5f1;
	color:#344b40;
}

.aam-editor-rapidssl-alias-status strong {
	font-weight:600;
}

@media (max-width:520px) {
	.aam-editor-rapidssl-step {
		grid-template-columns:38px minmax(0,1fr);
		gap:9px;
		padding:11px 10px;
	}

	.aam-editor-rapidssl-step-icon {
		width:34px;
		height:34px;
	}

	.aam-editor-rapidssl-step-icon svg {
		width:21px;
		height:21px;
	}
}

/*
 * Pre-Cart:
 * getrennte kostenlose Let’s-Encrypt-Gruppe bei RapidSSL.
 */
#aam-editor-precart
.aam-editor-precart-ssl-domain-intro {
	display:block;
	margin-bottom:5px;
	color:#4b575d;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:400;
	line-height:1.4;
}

#aam-editor-precart
.aam-editor-precart-ssl-domain-list {
	display:block;
	box-sizing:border-box;
	padding:5px 8px;
	border-left:2px solid rgba(63,111,93,.42);
	background:#f4f8f6;
	color:#303b36;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:400;
	line-height:1.55;
}

#aam-editor-precart
.aam-editor-precart-ssl-domain-lead {
	display:block;
	color:#253b31;
	font-weight:bold;
	overflow-wrap:anywhere;
}

#aam-editor-precart
.aam-editor-precart-ssl-domain-alias {
	display:flex;
	align-items:baseline;
	gap:6px;
	min-width:0;
	color:#46544d;
	overflow-wrap:anywhere;
}

#aam-editor-precart
.aam-editor-precart-ssl-domain-alias > span {
	flex:0 0 auto;
	color:#3f6f5d;
	font-weight:bold;
}

/*
 * Bei der kostenlosen Let’s-Encrypt-Aliasgruppe wird keine
 * gestrichelte Trennlinie unter dem Artikeltitel benötigt.
 */
#aam-editor-precart
.aam-editor-order-features.aam-editor-order-features-no-separator {
	margin-top:5px;
	padding-top:0;
	border-top:0;
}

/* ================================================================
   PRE-CART – KLEINE POSITIONS-AKTIONEN
   ================================================================ */

#aam-editor-precart
.aam-editor-order-action-cell {
	display:flex;
	align-items:center;
	margin-top:-15px;
	justify-content:center;
	box-sizing:border-box;
	padding:7px 3px;
	border-left:1px solid rgba(150,159,155,.18);
}

#aam-editor-precart
.aam-editor-order-action {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 18px;
	width:18px;
	height:18px;
	box-sizing:border-box;
	margin:0;
	padding:0;
	border:1px solid #b7c0c4;
	border-radius:3px;
	background:linear-gradient(
		to bottom,
		#ffffff 0%,
		#e8ecee 100%
	);
	color:#687279;
	cursor:pointer;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.96),
		0 1px 1px rgba(0,0,0,.08);
}

#aam-editor-precart
.aam-editor-order-action svg {
	display:block;
	width:11px;
	height:11px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.8;
	stroke-linecap:round;
	stroke-linejoin:round;
	pointer-events:none;
}

#aam-editor-precart
.aam-editor-order-action:hover {
	border-color:#760000;
	background:#bb0000;
	color:#ffffff;
}

#aam-editor-precart
.aam-editor-order-action-reset:hover {
	border-color:#294b3c;
	background:#3f6f5d;
	color:#ffffff;
}

#aam-editor-precart
.aam-editor-order-action:active {
	transform:translateY(1px);
	box-shadow:inset 0 1px 3px rgba(0,0,0,.18);
}

#aam-editor-precart
.aam-editor-order-action:focus-visible {
	outline:1px solid #336699;
	outline-offset:2px;
}

/* ================================================================
   RAPIDSSL – OPTIONALE TECHNISCHE EINRICHTUNG
   Standardmäßig geschlossen; nur bei vollständiger Zusatzgruppe.
   ================================================================ */

.aam-editor-rapidssl-technical[hidden],
.aam-editor-rapidssl-technical-body[hidden] {
	display:none !important;
}

.aam-editor-rapidssl-technical {
	display:block;
	box-sizing:border-box;
	border-top:1px solid #d7dde0;
	background:#f4f6f7;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:400;
	line-height:1.45;
}

.aam-editor-rapidssl-technical-toggle {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	width:100%;
	min-height:35px;
	box-sizing:border-box;
	margin:0;
	padding:8px 13px;
	border:0;
	background:linear-gradient(
		to bottom,
		#fafbfb 0%,
		#eceff0 100%
	);
	color:#445159;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:500;
	line-height:1.2;
	letter-spacing:.2px;
	text-align:left;
	cursor:pointer;
}

.aam-editor-rapidssl-technical-toggle:hover {
	background:#e7ecee;
	color:#27343b;
}

.aam-editor-rapidssl-technical-toggle:focus-visible {
	outline:1px solid #6f8089;
	outline-offset:-2px;
}

.aam-editor-rapidssl-technical-toggle svg {
	display:block;
	flex:0 0 15px;
	width:15px;
	height:15px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.8;
	stroke-linecap:round;
	stroke-linejoin:round;
	transition:transform .15s ease;
}

.aam-editor-rapidssl-technical-toggle[aria-expanded="true"] svg {
	transform:rotate(180deg);
}

.aam-editor-rapidssl-technical-body {
	display:block;
	box-sizing:border-box;
	padding:11px 13px 12px;
	border-top:1px solid #d4dadd;
	background:#ffffff;
	color:#4b575d;
}

.aam-editor-rapidssl-technical-intro,
.aam-editor-rapidssl-technical-note {
	margin:0;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:400;
	line-height:1.45;
}

.aam-editor-rapidssl-technical-group {
	display:grid;
	grid-template-columns:176px minmax(0,1fr);
	gap:10px;
	align-items:start;
	box-sizing:border-box;
	margin-top:9px;
	padding-top:9px;
	border-top:1px solid #e0e4e6;
}

.aam-editor-rapidssl-technical-label {
	display:block;
	color:#68757b;
	font-family:Arial,Helvetica,sans-serif;
	font-size:9px;
	font-weight:500;
	line-height:1.35;
	letter-spacing:.2px;
}

.aam-editor-rapidssl-technical-lead-domain {
	display:block;
	box-sizing:border-box;
	padding:4px 7px;
	border:1px solid #a7c6b5;
	border-radius:3px;
	background:#edf6f1;
	color:#1f4936;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:600;
	line-height:1.35;
	overflow-wrap:anywhere;
}

.aam-editor-rapidssl-technical-aliases {
	display:grid;
	grid-template-columns:1fr;
	gap:3px;
	min-width:0;
	color:#46544d;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:400;
	line-height:1.4;
}

.aam-editor-rapidssl-technical-aliases > div {
	display:flex;
	align-items:baseline;
	gap:6px;
	min-width:0;
	overflow-wrap:anywhere;
}

.aam-editor-rapidssl-technical-aliases > div > span {
	flex:0 0 auto;
	color:#3f6f5d;
	font-weight:600;
}

.aam-editor-rapidssl-technical-empty {
	display:block;
	color:#7a858a;
	font-size:10px;
	font-weight:400;
}

.aam-editor-rapidssl-technical-note {
	margin-top:10px;
	padding:8px 9px;
	border-left:3px solid #8daaa0;
	background:#f3f7f5;
	color:#435149;
}


/* ================================================================
   RAPIDSSL – OPTIONALER .HTACCESS-DOWNLOAD
   Die Datei wird nur innerhalb der geöffneten technischen Ansicht
   angeboten und verändert den Konfiguratorzustand nicht.
   ================================================================ */

.aam-editor-rapidssl-htaccess-form {
	display:grid;
	grid-template-columns:auto minmax(0,1fr);
	align-items:center;
	gap:9px 11px;
	box-sizing:border-box;
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #e0e4e6;
}

.aam-editor-rapidssl-htaccess-download {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:7px;
	min-height:32px;
	box-sizing:border-box;
	margin:0;
	padding:7px 10px;
	border:1px solid #7c8b92;
	border-radius:3px;
	background:linear-gradient(
		to bottom,
		#ffffff 0%,
		#e5eaec 100%
	);
	color:#34434a;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:500;
	line-height:1.15;
	letter-spacing:.15px;
	white-space:nowrap;
	cursor:pointer;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.95),
		0 1px 2px rgba(0,0,0,.08);
}

.aam-editor-rapidssl-htaccess-download:hover {
	border-color:#294b3c;
	background:#3f6f5d;
	color:#ffffff;
}

.aam-editor-rapidssl-htaccess-download:active {
	transform:translateY(1px);
	box-shadow:inset 0 1px 3px rgba(0,0,0,.18);
}

.aam-editor-rapidssl-htaccess-download:focus-visible {
	outline:1px solid #336699;
	outline-offset:2px;
}

.aam-editor-rapidssl-htaccess-download svg {
	display:block;
	flex:0 0 15px;
	width:15px;
	height:15px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.8;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.aam-editor-rapidssl-htaccess-hint {
	margin:0;
	color:#66737a;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:400;
	line-height:1.4;
}

@media (max-width:520px) {
	.aam-editor-rapidssl-htaccess-form {
		grid-template-columns:1fr;
	}

	.aam-editor-rapidssl-htaccess-download {
		width:100%;
		white-space:normal;
	}
}


/* ================================================================
   PRE-CART – OPTIONALER .HTACCESS-DOWNLOAD
   Reine Zusatzanzeige innerhalb der kostenlosen SSL-Position.
   Das Formular gehört nicht zum Warenkorbformular.
   ================================================================ */

#aam-editor-precart
.aam-editor-precart-htaccess-form {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:8px;
	box-sizing:border-box;
	margin-top:7px;
	padding:0;
}

#aam-editor-precart
.aam-editor-precart-htaccess-download {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:5px;
	min-height:25px;
	box-sizing:border-box;
	margin:0;
	padding:4px 7px;
	border:1px solid #8b969b;
	border-radius:3px;
	background:linear-gradient(
		to bottom,
		#ffffff 0%,
		#e8ecee 100%
	);
	color:#3d4a50;
	font:500 9px Arial,Helvetica,sans-serif;
	line-height:1;
	letter-spacing:.1px;
	white-space:nowrap;
	cursor:pointer;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.95);
}

#aam-editor-precart
.aam-editor-precart-htaccess-download:hover {
	border-color:#294b3c;
	background:#3f6f5d;
	color:#ffffff;
}

#aam-editor-precart
.aam-editor-precart-htaccess-download svg {
	display:block;
	flex:0 0 12px;
	width:12px;
	height:12px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.8;
	stroke-linecap:round;
	stroke-linejoin:round;
}

#aam-editor-precart
.aam-editor-precart-htaccess-form small {
	display:block;
	margin:0;
	color:#7a858a;
	font:400 8px Arial,Helvetica,sans-serif;
	line-height:1.25;
	text-align:right;
}

@media (max-width:520px) {
	#aam-editor-precart
	.aam-editor-precart-htaccess-form {
		align-items:flex-start;
		flex-direction:column;
	}

	#aam-editor-precart
	.aam-editor-precart-htaccess-form small {
		text-align:left;
	}
}

/* ================================================================
   RAPIDSSL / PRE-CART – AUFKLAPPBARE .HTACCESS-ANLEITUNG
   Der erste Button öffnet ausschließlich die Kundeninformation.
   Erst der zweite Button startet den eigentlichen Dateidownload.
   ================================================================ */

.aam-editor-htaccess-help,
#aam-editor-precart .aam-editor-precart-htaccess-help {
	display:block;
	width:100%;
	box-sizing:border-box;
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #e0e4e6;
}

#aam-editor-precart .aam-editor-precart-htaccess-help {
	margin-top:7px;
	padding-top:7px;
	border-top:1px solid #e5e8e9;
}

.aam-editor-htaccess-help-toggle,
#aam-editor-precart .aam-editor-precart-htaccess-help-toggle {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:6px;
	min-height:30px;
	box-sizing:border-box;
	margin:0;
	padding:6px 9px;
	border:1px solid #8b969b;
	border-radius:3px;
	background:linear-gradient(
		to bottom,
		#ffffff 0%,
		#e8ecee 100%
	);
	color:#3d4a50;
	font:500 10px Arial,Helvetica,sans-serif;
	line-height:1.15;
	letter-spacing:.1px;
	cursor:pointer;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.95);
}

#aam-editor-precart .aam-editor-precart-htaccess-help-toggle {
	min-height:25px;
	padding:4px 7px;
	font-size:9px;
}

.aam-editor-htaccess-help-toggle:hover,
#aam-editor-precart .aam-editor-precart-htaccess-help-toggle:hover,
.aam-editor-htaccess-help-toggle[aria-expanded="true"],
#aam-editor-precart
.aam-editor-precart-htaccess-help-toggle[aria-expanded="true"] {
	border-color:#294b3c;
	background:#3f6f5d;
	color:#ffffff;
}

.aam-editor-htaccess-help-toggle svg,
#aam-editor-precart .aam-editor-precart-htaccess-help-toggle svg {
	display:block;
	flex:0 0 14px;
	width:14px;
	height:14px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.8;
	stroke-linecap:round;
	stroke-linejoin:round;
}

#aam-editor-precart .aam-editor-precart-htaccess-help-toggle svg {
	flex-basis:12px;
	width:12px;
	height:12px;
}

.aam-editor-htaccess-help-body,
#aam-editor-precart .aam-editor-precart-htaccess-help-body {
	display:block;
	box-sizing:border-box;
	margin-top:7px;
	padding:8px 9px;
	border:1px solid #c7d3ce;
	border-left:3px solid #3f6f5d;
	border-radius:2px;
	background:#f3f7f5;
	color:#435149;
	font:400 11px Arial,Helvetica,sans-serif;
	line-height:1.45;
}

#aam-editor-precart .aam-editor-precart-htaccess-help-body {
	margin-top:6px;
	padding:7px 8px;
	font-size:9px;
	line-height:1.4;
}

.aam-editor-htaccess-help-body[hidden],
#aam-editor-precart .aam-editor-precart-htaccess-help-body[hidden] {
	display:none !important;
}

.aam-editor-htaccess-help-body p,
#aam-editor-precart .aam-editor-precart-htaccess-help-body p {
	margin:0;
}

.aam-editor-htaccess-help-body p + p,
#aam-editor-precart .aam-editor-precart-htaccess-help-body p + p {
	margin-top:6px;
}

.aam-editor-htaccess-help-body code,
#aam-editor-precart .aam-editor-precart-htaccess-help-body code {
	padding:1px 3px;
	border:1px solid #cad3cf;
	border-radius:2px;
	background:#ffffff;
	color:#263b32;
	font-family:Consolas,"Courier New",monospace;
	font-size:inherit;
}

.aam-editor-htaccess-help-body strong,
#aam-editor-precart .aam-editor-precart-htaccess-help-body strong {
	font-weight:600;
}

.aam-editor-htaccess-help-body
.aam-editor-rapidssl-htaccess-form,
#aam-editor-precart
.aam-editor-precart-htaccess-help-body
.aam-editor-precart-htaccess-form {
	display:block;
	margin:8px 0 0 0;
	padding:0;
	border:0;
}

#aam-editor-precart
.aam-editor-precart-htaccess-help-body
.aam-editor-precart-htaccess-download {
	margin:0;
}

@media (max-width:520px) {
	.aam-editor-htaccess-help-toggle,
	#aam-editor-precart .aam-editor-precart-htaccess-help-toggle {
		width:100%;
		white-space:normal;
	}
}

/* ================================================================
   AAM EDITOR – GEMEINSAMES DOMAIN-MINIPOPUP
   Aus aam-editor-configurator-domains.php ausgelagert.
   ================================================================ */

#aam-editor-domain-popup {
		position:fixed;
		z-index:1000;
		width:330px;
		max-width:calc(100vw - 24px);
		box-sizing:border-box;
		padding:14px;
		border:1px solid #929ca1;
		border-radius:5px;
		background:#ffffff;
		box-shadow:
			0 4px 12px rgba(0,0,0,.14);
		color:#263238;
		font-family:Arial,Helvetica,sans-serif;
	}

	#aam-editor-domain-popup[hidden] {
		display:none;
	}

	#aam-editor-domain-popup-title {
		margin:0 30px 11px 0;
		color:#28343b;
		font-size:12px;
		font-weight:900;
		line-height:1.2;
		letter-spacing:.45px;
		text-transform:uppercase;
	}

	#aam-editor-domain-popup-close {
		position:absolute;
		top:10px;
		right:10px;
		width:28px;
		height:28px;
		padding:0;
		border:0;
		background:transparent;
		color:#4d565a;
		font-size:20px;
		line-height:28px;
		cursor:pointer;
	}

	#aam-editor-domain-popup-content {
		font-size:12px;
		line-height:1.45;
	}

	.aam-editor-domain-popup-mode {
		display:block;
		width:100%;
		box-sizing:border-box;
	}

	.aam-editor-domain-popup-mode[hidden] {
		display:none !important;
	}

	#aam-editor-domain-popup-info {
		margin-top:16px;
		padding-top:16px;
		border-top:1px solid #d5dadd;
	}

	#aam-editor-domain-popup-info[hidden] {
		display:none;
	}

	#aam-editor-domain-popup-actions {
		display:flex;
		flex-wrap:wrap;
		justify-content:flex-end;
		gap:8px;
		margin-top:18px;
	}

	#aam-editor-domain-popup-actions:empty {
		display:none;
	}

	@media (max-width:600px) {
		#aam-editor-domain-popup {
			position:relative;
			top:auto !important;
			left:auto !important;
			width:100%;
			max-width:none;
			margin-top:12px;
		}

		#aam-editor-domain-popup::after {
			display:none;
		}
	}

/*
 * Hilfe-Schale auf dem HILFE/SERVICE-Tarif.
 * Zaehler in normaler Arial-Schrift, kein LED.
 */

#aam-editor-help-shell {
	display:none;
	width:100%;
	box-sizing:border-box;
	margin:12px 0 0 0;
}

#aam-editor-configurator:has(
	input[name="aam_editor_tariff"][value="pro"]:checked
) #aam-editor-help-shell,
body:has(
	#aam-editor-configurator
	input[name="aam_editor_tariff"][value="pro"]:checked
) #aam-editor-help-shell {
	display:block;
}

#aam-editor-configurator:has(
	input[name="aam_editor_tariff"][value="pro"]:checked
) #aam-editor-tariff-base,
#aam-editor-configurator:has(
	input[name="aam_editor_tariff"][value="pro"]:checked
) #aam-editor-tariff-base-pro,
#aam-editor-configurator:has(
	input[name="aam_editor_tariff"][value="pro"]:checked
) #aam-editor-pro-beta {
	display:none !important;
}

#aam-editor-help-intro {
	display:flex;
	align-items:center;
	gap:10px;
	box-sizing:border-box;
	padding:12px;
	border:1px solid #d0d5d8;
	border-bottom:0;
	border-radius:5px;
	background:#fff;
	box-shadow:none;
}

.aam-editor-help-intro-copy {
	display:flex;
	align-items:flex-start;
	flex:1 1 auto;
	min-width:0;
}

.aam-editor-help-intro-text b {
	display:block;
	color:#202b31;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:900;
	line-height:1.25;
}

.aam-editor-help-intro-text small {
	display:block;
	margin-top:4px;
	color:#687279;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	line-height:1.45;
}

.aam-editor-help-stats-badge {
	display:flex;
	align-items:center;
	gap:9px;
	flex:0 0 174px;
	width:174px;
	min-width:174px;
	max-width:174px;
	min-height:38px;
	box-sizing:border-box;
	padding:6px 11px;
	border:1px solid #294b3c;
	border-radius:5px;
	background:
		linear-gradient(
			to bottom,
			rgba(255,255,255,.20) 0%,
			rgba(255,255,255,.06) 18%,
			rgba(255,255,255,0) 36%
		),
		repeating-linear-gradient(
			11deg,
			transparent 0 22px,
			rgba(190,255,220,.025) 22px 23px,
			transparent 23px 48px
		),
		repeating-linear-gradient(
			-13deg,
			transparent 0 31px,
			rgba(150,235,195,.020) 31px 32px,
			transparent 32px 67px
		),
		linear-gradient(
			135deg,
			#356b55 0%,
			#245442 36%,
			#14382d 69%,
			#071d18 100%
		);
	color:#ffd45a;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.20),
		inset 0 -1px 0 rgba(0,25,18,.48),
		0 2px 4px rgba(8,40,31,.24);
	text-shadow:0 -1px 0 rgba(0,20,14,.58);
	font-family:Arial,Helvetica,sans-serif;
}

.aam-editor-help-stats-icon {
	display:block;
	flex:0 0 20px;
	width:20px;
	height:20px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.7;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.aam-editor-help-stats-icon circle:last-child {
	fill:currentColor;
	stroke:none;
}

.aam-editor-help-stats-copy {
	display:flex;
	flex:1 1 auto;
	flex-direction:column;
	align-items:flex-end;
	justify-content:center;
	min-width:0;
	line-height:1.05;
	text-align:right;
}

.aam-editor-help-stats-copy span {
	display:block;
	width:100%;
	color:#ffe176;
	font-size:10px;
	font-weight:400;
	letter-spacing:.15px;
	text-align:right;
	white-space:nowrap;
}

.aam-editor-help-stats-copy strong {
	display:block;
	width:100%;
	margin-top:4px;
	color:#ffd45a;
	font-size:12px;
	font-weight:900;
	letter-spacing:0;
	text-align:right;
	white-space:nowrap;
}

/* Subtab-Physik: help/assets/help-tabs.css */

#aam-editor-help-tutorials {
	margin-top:12px;
	background:transparent;
	overflow:visible;
}

#aam-editor-help-tutorials[hidden] {
	display:none !important;
}

.aam-editor-help-section-head {
	display:flex;
	align-items:center;
	gap:10px;
	padding:4px 0 8px;
	background:transparent;
	border:0;
	box-shadow:none;
}

#aam-editor-help-tutorials > .aam-editor-help-section-head {
	border:0;
	border-radius:0;
	box-shadow:none;
	background:transparent;
}

.aam-editor-help-section-copy {
	flex:1 1 auto;
	min-width:0;
}

.aam-editor-help-sort {
	display:flex;
	align-items:center;
	gap:6px;
	margin-left:auto;
	color:#687279;
	font-family:Arial,Helvetica,sans-serif;
	font-size:9px;
	white-space:nowrap;
}

.aam-editor-help-sort select {
	height:26px;
	padding:0 22px 0 8px;
	border:1px solid #8f989e;
	border-radius:3px;
	background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23303840'/%3E%3C/svg%3E") no-repeat right 7px center;
	color:#303840;
	font:9px Arial,Helvetica,sans-serif;
	box-shadow:inset 0 1px 0 #fff;
	appearance:none;
	-webkit-appearance:none;
	cursor:pointer;
}

.aam-editor-help-section-icon {
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 28px;
	width:28px;
	height:28px;
	border-radius:6px;
	background:linear-gradient(
		to bottom,
		#d00000 0%,
		#bb0000 100%
	);
}

.aam-editor-help-section-icon svg {
	width:16px;
	height:16px;
	fill:#fff;
	stroke:#fff;
	stroke-width:0;
}

.aam-editor-help-section-icon svg path {
	fill:#fff;
}

.aam-editor-help-section-head b {
	display:block;
	color:#202b31;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:900;
	letter-spacing:.35px;
}

.aam-editor-help-section-head small {
	display:block;
	margin-top:2px;
	color:#687279;
	font-family:Arial,Helvetica,sans-serif;
	font-size:9px;
	line-height:1.35;
}

.aam-editor-help-tutorial-grid {
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:10px;
	margin-top:10px;
	padding:0;
}

.aam-editor-help-tutorial-empty {
	grid-column:1 / -1;
	margin:0;
	padding:8px 2px;
	color:#687279;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	line-height:1.45;
}

.aam-editor-help-tutorial-empty code {
	font-size:9px;
}

.aam-editor-help-card {
	overflow:hidden;
	border:1px solid #c5ccd0;
	border-radius:5px;
	background:#fff;
	box-shadow:0 1px 3px rgba(0,0,0,.08);
	cursor:pointer;
}

.aam-editor-help-card-latest {
	grid-column:1 / -1;
}

.aam-editor-help-card-latest .aam-editor-help-card-title {
	font-size:13px;
	padding:10px 11px 8px;
}

.aam-editor-help-card-meta {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:8px;
	padding:6px 9px 8px;
	color:#687279;
	font-family:Arial,Helvetica,sans-serif;
	font-size:9px;
	line-height:1;
}

.aam-editor-help-card-meta time {
	flex:1 1 auto;
	min-width:0;
	text-align:left;
}

.aam-editor-help-views {
	display:inline-flex;
	align-items:center;
	gap:8px;
	flex:0 0 auto;
	color:#687279;
	text-align:right;
}

.aam-editor-help-channel {
	display:inline-flex;
	align-items:center;
	gap:3px;
	color:#303840;
	text-decoration:none;
}

.aam-editor-help-channel svg {
	display:block;
	width:16px;
	height:11px;
}

.aam-editor-help-channel span {
	font-weight:700;
	font-size:9px;
}

.aam-editor-help-views-total {
	display:inline-flex;
	align-items:center;
	gap:4px;
}

.aam-editor-help-views-total svg {
	width:13px;
	height:13px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.7;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.aam-editor-help-views-count {
	font-weight:700;
	color:#303840;
}

.aam-editor-help-card-title {
	display:block !important;
	position:relative;
	z-index:2;
	padding:8px 9px 7px;
	color:#202b31;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:900;
	line-height:1.3;
}

.aam-editor-help-card:focus {
	outline:2px solid #bb0000;
	outline-offset:1px;
}

.aam-editor-help-card-media {
	position:relative;
	display:block;
	aspect-ratio:16 / 9;
	background:#1a1a1a;
	overflow:hidden;
}

.aam-editor-help-card-media img {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:filter .18s ease, transform .18s ease;
}

.aam-editor-help-card-media.is-choosing img {
	filter:grayscale(1) blur(5px) brightness(1.85);
	transform:scale(1.06);
}

.aam-editor-help-card-overlay {
	position:absolute;
	inset:0;
	z-index:4;
	display:flex;
	align-items:center;
	justify-content:center;
}

.aam-editor-help-logos {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:14px;
	position:relative;
	z-index:5;
}

.aam-editor-help-logo {
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:5px;
	min-width:72px;
	padding:8px 10px;
	border:0;
	border-radius:6px;
	background:rgba(255,255,255,.88);
	box-shadow:0 2px 8px rgba(0,0,0,.18);
	color:#202b31;
	font:bold 9px Arial,Helvetica,sans-serif;
	letter-spacing:.3px;
	cursor:pointer;
}

.aam-editor-help-logo svg {
	display:block;
	width:28px;
	height:20px;
}

.aam-editor-help-card-close {
	position:absolute;
	top:8px;
	right:8px;
	z-index:6;
	height:24px;
	padding:0 8px;
	border:0;
	border-radius:3px;
	background:rgba(0,0,0,.72);
	color:#fff;
	font:bold 9px Arial,Helvetica,sans-serif;
	letter-spacing:.3px;
	cursor:pointer;
}

.aam-editor-help-card-frame {
	position:absolute;
	inset:0;
	z-index:5;
	background:#111;
}

.aam-editor-help-card-frame iframe {
	display:block;
	width:100%;
	height:100%;
	border:0;
}

.aam-editor-help-card-media.is-playing .aam-editor-help-card-caption,
.aam-editor-help-card-media.is-playing .aam-editor-help-card-play,
.aam-editor-help-card-media.is-playing .aam-editor-help-card-new {
	display:none;
}

.aam-editor-help-card-new {
	position:absolute;
	left:8px;
	top:8px;
	z-index:2;
	padding:3px 7px;
	border-radius:3px;
	background:#e8b000;
	color:#3a2a00;
	font-family:Arial,Helvetica,sans-serif;
	font-size:8px;
	font-weight:900;
	letter-spacing:.6px;
}

.aam-editor-help-card-caption {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:2;
	box-sizing:border-box;
	padding:18px 8px 7px;
	background:linear-gradient(
		to top,
		rgba(0,0,0,.82) 0%,
		rgba(0,0,0,.45) 62%,
		rgba(0,0,0,0) 100%
	);
	color:#fff;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:700;
	line-height:1.3;
	text-shadow:0 1px 2px rgba(0,0,0,.65);
}

.aam-editor-help-card-play {
	position:absolute;
	left:50%;
	top:50%;
	z-index:2;
	width:38px;
	height:38px;
	margin:-19px 0 0 -19px;
	pointer-events:none;
}

.aam-editor-help-card-play svg {
	width:38px;
	height:38px;
	fill:rgba(0,0,0,.45);
	stroke:#fff;
	stroke-width:1.2;
}

.aam-editor-help-card-play path {
	fill:#fff;
	stroke:none;
}

.aam-editor-help-card-body {
	padding:8px 9px 10px;
}

.aam-editor-help-card-body b {
	display:block;
	color:#202b31;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:900;
	line-height:1.3;
}

@media (max-width:560px) {
	#aam-editor-help-intro {
		flex-direction:column;
	}

	.aam-editor-help-stats-badge {
		width:100%;
		max-width:100%;
	}

	.aam-editor-help-tutorial-grid {
		grid-template-columns:minmax(0,1fr);
	}

	.aam-editor-help-section-head {
		flex-wrap:wrap;
	}
}

#aam-editor-help-tutorials.aam-editor-help-tutorials-playing
.aam-editor-help-tutorial-grid {
	display:none;
}

#aam-editor-help-tutorials.aam-editor-help-tutorials-playing
.aam-editor-help-sort {
	display:none;
}

.aam-editor-help-player[hidden] {
	display:none !important;
}

.aam-editor-help-player {
	margin-top:10px;
	padding:0;
}

.aam-editor-help-player-bar {
	display:flex;
	align-items:center;
	gap:10px;
	margin:0 0 10px;
}

.aam-editor-help-player-back {
	flex:0 0 auto;
	height:28px;
	padding:0 12px;
	border:1px solid #8f989e;
	border-radius:3px;
	background:linear-gradient(
		to bottom,
		#fff 0%,
		#e8ebed 100%
	);
	color:#303840;
	font:bold 9px Arial,Helvetica,sans-serif;
	letter-spacing:.4px;
	cursor:pointer;
}

.aam-editor-help-player-bar strong {
	min-width:0;
	color:#202b31;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:900;
	line-height:1.3;
}

.aam-editor-help-player-lead {
	margin:0 0 10px;
	color:#687279;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
}

.aam-editor-help-player-choice {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:8px;
}

.aam-editor-help-platform {
	min-width:120px;
	height:38px;
	padding:0 16px;
	border:1px solid #8f989e;
	border-radius:4px;
	background:linear-gradient(
		to bottom,
		#fff 0%,
		#eceeef 48%,
		#d4d8db 100%
	);
	color:#303840;
	font:bold 11px Arial,Helvetica,sans-serif;
	letter-spacing:.5px;
	cursor:pointer;
}

.aam-editor-help-platform:hover {
	border-color:#760000;
}

.aam-editor-help-player-frame {
	position:relative;
	width:100%;
	aspect-ratio:16 / 9;
	background:#111;
	border-radius:4px;
	overflow:hidden;
}

.aam-editor-help-player-frame:empty {
	display:none;
}

.aam-editor-help-player-frame iframe {
	display:block;
	width:100%;
	height:100%;
	border:0;
}

.aam-editor-help-faq[hidden] {
	display:none !important;
}

.aam-editor-help-faq {
	margin-top:12px;
	border:0;
	border-radius:0;
	background:transparent;
	box-shadow:none;
	overflow:visible;
}

.aam-editor-help-faq-list,
.aam-editor-help-faq-topics {
	padding:10px 12px 12px;
	font-family:Arial,Helvetica,sans-serif;
}

.aam-editor-help-faq-empty {
	margin:0;
	color:#687279;
	font-size:10px;
	line-height:1.45;
}

.aam-editor-help-faq-loading {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:12px;
	box-sizing:border-box;
	min-height:72px;
	padding:18px 12px;
	color:#687279;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:1.3;
}

.aam-editor-help-faq-loading .aam-editor-start-loading-spinner {
	margin:0;
	flex:0 0 auto;
}

.aam-editor-help-faq-heading {
	margin:0 0 7px;
	padding:0;
	line-height:1.3;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.aam-editor-help-faq-heading a {
	color:#303840;
	font-size:12px;
	font-weight:800;
	letter-spacing:.15px;
	text-decoration:none;
}

.aam-editor-help-faq-heading a:hover {
	color:#1a5aa0;
	text-decoration:underline;
}

.aam-editor-help-faq-heading span {
	display:inline;
	margin-right:3px;
	color:#687279;
	font-weight:800;
}

.aam-editor-help-faq-item {
	display:table;
	width:100%;
	table-layout:fixed;
	margin:0 0 12px;
	padding:0 0 10px;
	border-bottom:1px dotted #c5ccd0;
}

.aam-editor-help-faq-item:last-child {
	border-bottom:0;
	margin-bottom:0;
	padding-bottom:0;
}

.aam-editor-help-faq-icon {
	display:table-cell;
	width:36px;
	vertical-align:top;
	padding:1px 8px 0 0;
}

.aam-editor-help-faq-icon img {
	display:block;
	border:0;
}

.aam-editor-help-faq-body {
	display:table-cell;
	vertical-align:top;
}

.aam-editor-help-faq-title {
	display:block;
	color:#1a5aa0;
	font-size:11px;
	font-weight:700;
	line-height:1.3;
	text-decoration:underline;
}

.aam-editor-help-faq-item p {
	margin:5px 0 0;
	color:#4a545a;
	font-size:10px;
	line-height:1.45;
}

.aam-editor-help-faq-more {
	color:#1a5aa0;
	font-weight:700;
	white-space:nowrap;
}

.aam-editor-help-faq-topics {
	margin-top:4px;
	border:1px solid #b8c0c5;
	border-radius:5px;
	background:#f7f8f9;
	box-shadow:0 2px 4px rgba(0,0,0,.08);
}

.aam-editor-help-faq-topics > b {
	display:block;
	margin:0 0 8px;
	color:#202b31;
	font-size:11px;
}

.aam-editor-help-faq-topics > b a {
	color:#202b31;
	text-decoration:underline;
}

.aam-editor-help-faq-topic {
	margin:0 0 8px;
	font-size:10px;
}

.aam-editor-help-faq-topic-head {
	display:flex;
	align-items:center;
	gap:7px;
	min-height:22px;
}

.aam-editor-help-faq-topic-toggle {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 20px;
	width:20px;
	height:20px;
	padding:0;
	border:1px solid #b4bcc2;
	border-radius:3px;
	background:linear-gradient(to bottom,#fbfbfb 0%,#eef1f3 100%);
	box-shadow:inset 0 1px 0 #fff;
	color:#4a545a;
	cursor:pointer;
}

.aam-editor-help-faq-topic-toggle:hover {
	border-color:#7a8790;
	background:linear-gradient(to bottom,#fff 0%,#e8ecef 100%);
	color:#202b31;
}

.aam-editor-help-faq-topic-toggle:active {
	border-color:#687279;
	background:#dfe4e8;
	box-shadow:inset 0 1px 2px rgba(32,43,49,.22);
	color:#202b31;
}

.aam-editor-help-faq-topic:not(.is-collapsed)
.aam-editor-help-faq-topic-toggle {
	border-color:#9e5b00;
	background:linear-gradient(
		to bottom,
		#fff6c4 0%,
		#ffd45a 55%,
		#f0b020 100%
	);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
	color:#674400;
}

.aam-editor-help-faq-topic:not(.is-collapsed)
.aam-editor-help-faq-topic-toggle:hover {
	border-color:#7a4300;
	color:#4a3000;
}

.aam-editor-help-faq-topic:not(.is-collapsed)
.aam-editor-help-faq-topic-toggle:active {
	border-color:#7a4300;
	background:#e0a010;
	box-shadow:inset 0 1px 2px rgba(80,40,0,.28);
}

.aam-editor-help-faq-topic-toggle svg {
	display:block;
	width:12px;
	height:12px;
	overflow:visible;
	fill:none;
	stroke:currentColor;
	stroke-width:1.6;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.aam-editor-help-faq-toggle-v {
	transform-box:fill-box;
	transform-origin:center;
	transition:transform .22s ease;
}

.aam-editor-help-faq-topic:not(.is-collapsed)
.aam-editor-help-faq-toggle-v {
	transform:scaleY(0);
}

.aam-editor-help-faq-topic-head > a {
	color:#1a5aa0;
	font-weight:700;
	line-height:1.3;
}

.aam-editor-help-faq-topic-panel {
	display:grid;
	grid-template-rows:0fr;
	transition:grid-template-rows .28s ease;
}

.aam-editor-help-faq-topic:not(.is-collapsed)
.aam-editor-help-faq-topic-panel {
	grid-template-rows:1fr;
}

.aam-editor-help-faq-topic-panel-inner {
	overflow:hidden;
	min-height:0;
}

.aam-editor-help-faq-topic ul {
	margin:6px 0 4px 27px;
	padding:0;
	list-style:none;
}

.aam-editor-help-faq-topic li {
	margin:0 0 3px;
}

.aam-editor-help-faq-topic li a {
	color:#1a5aa0;
}

#aam-editor-help-service {
	width:100%;
	max-width:100%;
	min-width:0;
	box-sizing:border-box;
	margin:12px 0 0 0;
	overflow:hidden;
}

#aam-editor-help-service .dpl-ui-kicker {
	margin:0 0 20px;
	color:#7b878d;
	font:600 8px/1 Arial,Helvetica,sans-serif;
	letter-spacing:.105em;
}

#aam-editor-help-service .dpl-ui-section-heading {
	color:#000000 !important;
	font:800 12px/1.1 Arial,Helvetica,sans-serif !important;
	letter-spacing:.025em;
}

#aam-editor-help-service .dpl-ui-icon-cap {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:15px;
	height:15px;
	box-sizing:border-box;
	border:1px solid #888888;
	border-radius:2px;
	background:linear-gradient(to bottom,#ffffff 0%,#edf2f3 100%);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.95),
		0 1px 1px rgba(0,0,0,.08);
}

#aam-editor-help-service .dpl-ui-copy {
	color:#555555;
	font:400 12px/1.42 Arial,Helvetica,sans-serif;
	line-height:1.25em;
}

#aam-editor-help-service .dpl-ui-input,
#aam-editor-help-service .dpl-service-login-form .login1 input,
#aam-editor-help-service .dpl-service-login-form .login2 input,
#aam-editor-help-service .dpl-service-shared-account #maispCustomerForm input.maisp-control {
	border:1px solid #aeb9b1;
	border-radius:4px;
	background:linear-gradient(
		to bottom,
		rgba(237,242,238,.92) 0%,
		rgba(247,250,247,.84) 100%
	);
	color:#303840;
	outline:0;
	box-shadow:
		inset 0 2px 4px rgba(44,58,47,.13),
		inset 0 -1px 0 rgba(255,255,255,.78);
}

#aam-editor-help-service .dpl-ui-input:focus,
#aam-editor-help-service .dpl-service-login-form .login1 input:focus,
#aam-editor-help-service .dpl-service-login-form .login2 input:focus,
#aam-editor-help-service .dpl-service-shared-account #maispCustomerForm input.maisp-control:focus {
	border-color:#7897a5;
	background:linear-gradient(to bottom,#edf5f7 0%,#f8fbfc 100%);
	box-shadow:
		inset 0 2px 4px rgba(33,72,89,.14),
		0 0 0 1px rgba(0,102,153,.05);
}