/* Seitenränder */
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

/* Abstände */
html body .formContainer .container-fluid .mainFormWrapper .radioSection .ginput_container_radio li, html body .formContainer .container-fluid .mainFormWrapper .radioSection .ginput_container_checkbox li {
    padding-bottom: 20px !important;
    margin-bottom: 5px !important;
    padding-top: 5px !important;
}

html body .formContainer .container-fluid .mainFormWrapper .formNav {
  padding: 0 3% 40px 3% !important;
}

html body .formContainer .container-fluid .mainFormWrapper .formStep label {
  font-family: "Poppins-Medium";
  font-size: 22px;
  max-width: 100%;
  padding-top: 7px !important;
  text-transform: inherit;
}

html body .formContainer .container-fluid .mainFormWrapper .formStep {
  margin-top: 100px;
}

html body .formContainer .container-fluid .mainFormWrapper .radioSection .radios {
    margin-top: -10px !important;
}

.gform_wrapper form .gform_body input[type=tel], .gform_wrapper form .gform_body input[type=email], .gform_wrapper form .gform_body input[type=password], .gform_wrapper form .gform_body input[type=text], .gform_wrapper form .gform_body input[type=number], .gform_wrapper form .gform_body select {
    font-weight: 500 !important;
}

/* Schriftfarbe */
html body .formContainer .container-fluid .mainFormWrapper .radioSection .ginput_container_radio li label, html body .formContainer .container-fluid .mainFormWrapper .radioSection .ginput_container_checkbox li label {
    color: #4b5053;
}

html body .formContainer .container-fluid .mainFormWrapper .formStep .zusatzdomain label {
    font-size: 18px;
		font-weight:300 !important;
	  color: #4b5053;
}

.gform_wrapper form .gform_footer input[type="submit"], .gform_wrapper form .gform_footer button {
  height: 36px !important;
}


/* NEW ADDED FOR FORM */
.zusatzdomain#field_3_143.hidden {
	display: none !important;
}

.nutzung {
	display: block !important;
}

.nutzung > h4 {
	margin-bottom: 40px;
}

/*#step-1 .radioSection.domains .radios > ul:first-child li .ginput_container_radio ul.gfield_radio {
	border-bottom: 1px solid #b0b3b1;
}*/

@media(min-width: 700px) {
	#step-1 .radioSection.domains .radios > ul:first-child li .ginput_container_radio ul.gfield_radio {
		display: flex;
	}
}

@media(max-width: 701px) {
	#step-1 .radioSection.domains #input_3_119 li.gchoice_3_119_0 {
		padding-bottom: 5px !important;
		margin-bottom: 0 !important;
		margin-top: 10px !important;
	}
}

#step-1 .radioSection.domains .radios > ul:first-child li .ginput_container_radio ul.gfield_radio li {
	border-bottom: none;
}

.formNav ul li a::after {
	width: 450px !important;
}

.formContainer .container-fluid .mainFormWrapper .formStep#step-2 h3, .formContainer .container-fluid .mainFormWrapper .formStep#step-2 > h4, .formContainer .container-fluid .mainFormWrapper .formStep#step-2 > ul {
	max-width: 88%;
  margin: 20px auto !important;
}

.formContainer .container-fluid .mainFormWrapper .formStep#step-2 .notice, .formContainer .container-fluid .mainFormWrapper .formStep#step-2 .caption {
  max-width: 88%;
  margin: 60px auto 50px auto;
}

.formStep:not(.active) {
	display: none;
}

/*.formNav > ul {
	overflow: hidden;
}*/

.formContainer .container-fluid .mainFormWrapper .error .ginput_container_checkbox li label, .gform_wrapper form .gform_body .error .ginput_container_radio li input[type="radio"]:checked + label, .error li label {
	color: #790000 !important;
}

#step-2 .twoColumn > ul li#field_3_31 {
	flex-basis: 100%;
}

.formContainer .container-fluid .mainFormWrapper .formStep#step-2 label {
	font-family: "Poppins-Bold" !important;
  text-transform: uppercase;
  font-size: 17px;
}

html body .formContainer .container-fluid .mainFormWrapper .formStep#step-2 .ginput_container_radio label, html body .formContainer .container-fluid .mainFormWrapper .formStep#step-2 .ginput_container_checkbox label {
	min-height: 60px;
	line-height: 30px;
	font-family: "Poppins-Regular" !important;
	text-transform: none;
}

html body .formContainer .container-fluid .mainFormWrapper .formStep#step-2 h4 {
	font-weight: normal;
	font-size: 20px;
font-family: "Poppins-Bold" !important;
position: relative;
margin-top: 20px;
}

.formContainer .container-fluid .mainFormWrapper .formStep#step-2 h4 strong {
	font-weight: normal !important;
	font-family: "Poppins-Regular" !important;
}

html body .formContainer .container-fluid .mainFormWrapper .formStep#step-2 > ul > li {
	margin: 30px auto !important;
}

.formStep .formNav a.done:hover > span {
	opacity: 1 !important;
	background-color: #3e6271 !important;
}

.admin-hidden-markup {
	display: none;
}

.formStepMessage, #step-1 .freeStuff {
	max-width: 88%;
	margin: auto;
}

#step-1 .radioSection.nutzung .radios {
	width: 100%;
}




#stepNav-2 {
		max-width: 88%;
		margin-left: auto;
		margin-right: auto;
 }

/*#step-3 .invoice {
	display: block !important;
}*/

#step-3 canvas {
	width: 300px !important;
}

.formStep#step-3 .twoColumn ul li.invoice ul li:first-child {
	display: block !important;
}

.formStep#step-3 .twoColumn ul li.invoice:first-child {
	display: block;
}

.formStep#step-3 .twoColumn ul li.invoice:not(#invoice-1):not(#invoice-2) {
	flex-basis: 100%;
}

.formStep#step-3 .twoColumn ul li.invoice h5 {
	margin-bottom: 10px;
	margin-top: 10px;
	font-weight: bold;
}

.formStep#step-3 .twoColumn ul li.invoice {
	padding: 20px 0 !important;
}

.priceTable .tableRow.border-top, .priceTable #bearbeitungsgebuhren {
	border-top: 1px solid #4a5053 !important;
}

.priceTable .tableRow.last {
	border-top-width: 2px !important;
}

.priceTable .theTable .tableRow .tableCell.cellLabel {
	text-transform: inherit !important;
}

.priceTable .theTable .tableRow .tableCell.cellLabel > span {
	/* display: block; */
	font-size: 14px;
}


li#field_3_125, li.input-actions, li#field_3_137 {
	display: inline-block;
}

li#field_3_125, li#field_3_137 {
	width: 80%;
}

li#field_3_137 {
	margin-top: 15px !important;
}

li.input-actions {
	width: 20%;
}

li.input-actions .actions {
	display: inline-table;
}

li.input-actions .actions #minus {
	/*margin-left: 5px;*/
}

li#field_3_125 input:not(:first-of-type), li#field_3_137 input:not(:first-of-type) {
	margin-top: 10px;
}


li.input-actions .actions > a {
	height: 30px;
width: 30px;
display: inline-flex;
background-color: #eceded;
border-radius: 50%;
align-items: center;
justify-content: center;
	margin-left: 5px;
}

li.input-actions .actions > a:hover {
	text-decoration: none;
}


#step-3 > ul, #step-3 > .stepsNav {
	max-width: 88%;
	margin-left: auto !important;
	margin-right: auto !important;
}

a#minus {
	display: none;
}

.radioSection.postfach input[type="number"] {
	width: 50% !important;
}

.tableRow.border-top {
		background-color: #eceded;
	}

#field_3_23 {
	flex-basis: 15%;
}

#field_3_42 {
	flex-basis: 15%;
}

#field_3_39 {
	flex-basis: 15%;
}

#field_3_41 {
	flex-basis: 29%;
}

#field_3_175 {
	flex-basis: 29%;
}

#field_3_164 {
	flex-basis: 29%;
}

#field_3_25, #field_3_76 {
	flex-basis: 29%;
}

#field_3_218 {
	flex-basis: 15%;
}

canvas#input_3_77 {
	border-style: solid !important;
}

/*#field_3_77, #field_3_201 {
	display: inline-block;
	width: 50%;
}*/

.gform_legacy_markup_wrapper .gform_footer input[disabled], .gform_legacy_markup_wrapper .gform_footer input[disabled]:hover {
	opacity: .5;
}

#input_3_77_toolbar {
	margin-bottom: 80px !important;
	margin-top: 5px !important;
	margin-left: 25px !important;
	margin-right: 25px !important;
	position: relative;
	background-color: #265366 !important;
	height: 35px !important;
	display: flex;
  align-items: center;
  justify-content: center;
	border-radius: 5px;
	color: white;
	min-width: 250px !important;
	width: 250px !important;
}

#input_3_77_resetbutton {
	position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  opacity: 0;
}

#field_3_77 .gfield_label {
	text-align: center;
	width: 300px;
}

@media(max-width: 800px) {
	#input_3_77_toolbar {
		min-width: auto !important;
		/*width: 250px !important;
		margin-left: 25px !important;
	  margin-right: 25px !important;*/
	}
	
	#field_3_23 {
	flex-basis: 35%;
}

#field_3_164 {
	flex-basis: 60%;
}

#field_3_25, #field_3_76 {
	flex-basis: 100%;
}
	
	.formStepMessage {
		padding: 20px !important;
    margin-left: 0;
    margin-right: 0;
    max-width: 88%;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	
	.radioSection.postfach input[type="number"] {
	width: 100% !important;
}
	
	html body .formContainer .container-fluid .mainFormWrapper .formStep#step-1 .freeStuff {
		padding: 0 !important;
	}
	
	.formNav ul li a::after {
  width: 150px !important;
}
	
	.formNav {
		padding-left: 0;
		padding-right: 0;
	}
	
	.radioSection.nutzung > h4 {
		word-break: break-word;
	}
	
	
	li.input-actions .actions > a {
		width: 20px;
		height: 20px;
	}
	
	#step-1 .radioSection.zusatz > h4, #step-1 .radioSection.postfach > h4 {
		/*border-bottom: 1px solid #b0b3b1;*/
    margin-bottom: 25px;
    padding-bottom: 3px;
	}
	
	
	
	.priceTable .theTable .tableRow:not(.border-top) .tableCell {
		flex-basis: 25% !important;
	}
	
	.priceTable .theTable .tableRow:not(.border-top) .tableCell.cellLabel, .priceTable .theTable .tableRow.header .tableCell.cellLabel {
		flex-basis: 40% !important;
	}
	
	.priceTable .theTable .tableRow .tableCell {
		text-align: center;
	}
	
	.priceTable .theTable .tableRow {
		padding-top: 0 !important;
	}
	
	.priceTable .theTable .tableRow.header .tableCell.cellLabel {
		display: block !important;
	}
	
	.priceTable .theTable .tableRow .tableCell {
		padding-right: 0 !important;
	}
	
	.tableRow:not(.border-top) .tableCell.cellLabel {
		background-color: transparent !important;
	}
	
	html body .formContainer .container-fluid .gform_legacy_markup_wrapper .gform_footer.show .gform_button {
	margin-top: -100px !important;
	}
	
	html body .formContainer .container-fluid .gform_legacy_markup_wrapper .gform_footer.show {
	padding-left: 20px;
  padding-right: 20px;
  max-width: 100%;
}
	
	.gform_wrapper form .gform_body .radioSection.domains .ginput_container_radio li input + label::before {
		top: 1px !important;
	}
	
	.gform_wrapper form .gform_body .radioSection.domains .ginput_container_radio li input + label::after {
		top: 7px !important;
	}
	
}

#step-1 textarea {
	background-color: #eceded;
	border-width: 1px !important;
	border-style: solid !important;
	border-color: transparent;
}

#step-1 textarea:not(.error):not(.valid):focus {
	border-color: #4b5053 !important;
}

input.error, textarea.error, textarea.error:focus {
	border-color: red !important;
}

.valid input:focus, .valid select:focus, input.valid, textarea.valid, textarea.valid:focus {
	border-color: #76B828 !important;
}

.tableRow.last .tableCell {
	 text-transform: uppercase;
   font-weight: bold;
}


.disabled label, .disabled label:hover {
	color: gray !important;
}

.radioSection.postfach {
	background-color: rgb(207, 223, 230) !important;
}


.radioSection.postfach label, .radioSection.domains label,
.additional-list label,
.other-additional-list label {
	font-size: 18px !important;
  font-weight: 300 !important;
  color: #4b5053 !important;
}

ul#input_3_129 li.gchoice_3_129_1, ul#input_3_129 li.gchoice_3_129_2,
ul#input_3_129 li.gchoice_3_129_3 {
	border-bottom: none !important;
}

ul#input_3_129 li.gchoice_3_129_3,
ul#input_3_129 li.gchoice_3_129_2{
	border-top: 1px solid #b0b3b1;
	padding-top: 10px !important;
}


ul#input_3_129 li.gchoice_3_129_4 {
	border-top: 1px solid #b0b3b1;
	padding-top: 10px !important;
}

.priceTable + h3 {
	border-top: none !important;
	margin-top: 0 !important;
  padding-top: 0 !important;
}

.radioSection.postfach {
	min-height: 160px !important;
}





#domains h3 {
	padding-top: 0 !important;
	border-top: 0 !important;
}

#mailboxes .mailboxes-container,
#domains .domains-container {
	max-width: 88%;
	margin: 20px auto;
	display: flex;
	gap: 60px;
	
}

.priceTable {
	padding-bottom: 25px !important;
	margin-bottom: 25px !important;
}

.radioSection.dsgvo .ginput_container_checkbox li.gchoice_3_134_2 {
	border-bottom: none !important;
}

.radioSection.dsgvo .ginput_container_checkbox li:last-of-type {
	border-top: 1px solid #b0b3b1 !important;
}

.radioSection.dsgvo .ginput_container_checkbox li #label_3_134_3 {
	margin-top: 5px !important;
}


.formStep#step-3 .twoColumn ul li.invoice#invoice-1 {
	padding-bottom: 0 !important;
}

.formStep#step-3 .twoColumn ul li.invoice#invoice-1 + .invoice {
	padding-top: 0 !important;
}


.invoice .data table td {
	border: none;
	padding: 5px !important;
	padding-left: 0 !important;
}

.invoice .data table tr td:last-child {
	font-weight: bold;
}


.domains input#input_3_203, .domains input#input_3_205,
.postfach input#input_3_195,
.number-input input {
	width: 150px;
	max-width: 150px !important;
}

.field_description_below .gfield_description.instruction {
	padding-top: 5px !important;
}

li.zusatzdomain:not(:last-child) input {
	margin-bottom: 10px
}


/* Aufz�hlung Domains und Postf�cher */
#first {
	min-width: 35%;
	max-width: 100%;
}

#hosting-additional-mail-addresses, #hosting-mail-addresses {
	display: none;
}

#step-1 textarea {
	height: 180px;
}


li#field_3_125 input:not(:first-of-type), li#field_3_137 input:not(:first-of-type) {
	margin-top: 0 !important;
}


html body .formContainer .container-fluid .mainFormWrapper .stepsNav .nextBtn,
html body .formContainer .container-fluid .mainFormWrapper .stepsNav .backBtn{
    height: 35px;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 950px) {
  html body .formContainer .container-fluid .mainFormWrapper .radioSection h4 {
    width: 100%;
    font-size: 27px !important;
  }

  html body #step-2 li label{
	font-size: 13px !important;
  }

  #field_3_218 {
    flex-basis: 35% !important;
}

  #field_3_25, #field_3_76 {
	flex-basis: 60% !important;
}
}

.elementor-widget-n-tabs .e-n-tabs-heading{
	display: flex;
	justify-content: center;
	margin: 0 !important;
  }