.packageTeaser {
	color: var(--rd-font-dark, #0D1130);
	text-align: center;
	padding: var(--rd-spacing-md) 0;
}

.packageSnips {
	margin-top: var(--rd-spacing-lg);
}

.packageSnip {
	display: grid;
	grid-template-columns: auto 120px;
	/* grid-template-areas: "Radio Text Right"; */
	grid-template-areas: "Text Right";
	gap: var(--rd-spacing-md);
	box-sizing: border-box;
	margin-bottom: var(--rd-spacing-md);
	border-radius: var(--rd-borderradius-border-lg);
	background: var(--rd-gray-100);
	padding: var(--rd-spacing-md) var(--rd-spacing-x-big);

	&.current {
		.packageSnipTitle {
			color: var(--rd-gray-700);
		}

		.packageSnipPrice {
			color: var(--rd-gray-500);
		}
	}
}

.packageSnip.new {
	display: block;
	border: var(--rd-borderwidth-border-focus) solid var(--rd-primary-active);
	background-color: var(--rd-font-light);
	grid-template-areas: "Text Right";
}

.contractBuyInfoSum {
	display: flex;
	justify-content: space-between;
	margin-bottom: 1em;
}

.contractBuyInfoSumLabel,
.contractBuyInfoSumValue div:first-child {
	font-size: var(--rd-fontsize-6);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-0);
	letter-spacing: 0.18px;
	color: var(--rd-font-dark);
}

.contractBuyInfoSumValue {
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-2);
	line-height: 170%;
	color: var(--rd-font-dark);
	text-align: right;
}

.contractBuyInfoSumValue span {
	color: var(--rd-primary-active);
}

.contractBuyInfoSubText {
	color: var(--rd-gray-500);
	font-size: var(--rd-fontsize-3);
	font-weight: 400;
	text-align: center;
	padding-bottom: 39px;
	/* var(--rd-spacing-xxx-lg); geht nicht */
	max-width: 500px;
	margin: auto;
}

.packageSnipMainWrap {
	grid-area: Text;
	color: var(--rd-font-dark);
}

.packageSnipRadioWrap {
	grid-area: Radio;
	padding-left: var(--rd-spacing-x-sm);
	position: relative;
	display: none;
}

.packageSnipTitle {
	font-weight: var(--rd-fontweights-open-sans-0);
	font-size: var(--rd-fontsize-5);
	line-height: var(--rd-lineheights-0);
	letter-spacing: 0.16px;
	color: var(--rd-font-dark);
	margin-bottom: var(--rd-spacing-x-sm);
}

.packageSnipPrice {
	font-size: var(--rd-fontsize-5);
	line-height: 170%;
}

.packageSnipSubPrice {
	font-size: var(--rd-fontsize-3);
	line-height: 132%;
	color: var(--rd-gray-500);
}

.packageSnipFeatureSummary {
	font-size: var(--rd-fontsize-4);
	color: var(--rd-font-dark);
	line-height: 170%;
	margin-bottom: var(--rd-spacing-x-big);

	ul {
		margin-top: var(--rd-spacing-sm);
	}
}

.packageSnipRightWrap {
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-1);
	line-height: 19px;
	text-align: center;
	grid-area: Right;
}

.packageSnipMainWrap span {
	color: var(--rd-primary-active);
	font-weight: var(--rd-fontweights-open-sans-0);
}

.contractPurchasePopup {
	width: 100%;
	max-width: 800px;
	height: auto;
}

.contractPurchasePopup.modal_dialog>div.modal_dialog_bottom {
	margin: auto;
}

.contractPurchasePopup .modal_dialog_mid {
	.col {
		padding: 0 !important;
	}
}

.contractPurchasePopup .formfields {
	padding: 0;
}

/* .contractPurchasePopup .modal_dialog_mid h2{
    margin: 0;
  } */

.contractPurchasePopup .modal_dialog_bottom {
	align-self: flex-end;
}

.contractPurchasePopup .enable_group {
	display: grid;
	gap: var(--rd-spacing-xx-sm);
	grid-template-columns: 5% 95%;
}

.contractPurchasePopup .group_checkbox {
	margin-top: var(--rd-spacing-xx-sm);
	height: 16px;
	width: 16px;
}

.contractPurchasePopup label {
	margin-bottom: var(--rd-spacing-x-big);
}

.packageSnipRadioWrap span {
	height: 24px;
	width: 24px;
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	border-radius: var(--rd-borderradius-border-lg);
	background-color: var(--rd-font-light);
	position: absolute;
	top: 20px;
}

.new .packageSnipRadioWrap span::after {
	content: "";
	position: absolute;
	height: 12px;
	width: 12px;
	top: 5px;
	left: 5px;
	border-radius: 50%;
	background: var(--rd-primary-active);
}

.new .packageSnipRadioWrap span {
	border: var(--rd-borderwidth-border-default) solid var(--rd-primary-active);
}

.current>.packageSnipRightWrap {
	width: 120px;
	height: 43px;
	background-color: var(--rd-secondary-active);
	color: var(--rd-font-light);
	border-radius: 24px;
	/* border-radius: 999px; */
	font-size: var(--rd-fontsize-3);
	font-weight: var(--rd-fontweights-open-sans-0);
	display: flex;
	justify-content: center;
	align-items: center;
	align-self: center;
}