html{}
body {
	background: #eef3f6;
	/*28.03.2025 text-align:center;*/
}
header {
	padding-bottom:0;
	background:#FFF;
}

/*Inhalt*/
main {
	color:#001155;
	margin:24px 0;
}
article:not(:last-of-type) {
	padding-bottom:50px;
	margin-bottom:50px;
	border-bottom:20px solid #000;
}
section:not(:last-child){
	margin-bottom:calc(4vw + 15px);
}
section > p:first-child {
	margin-bottom:10px;
}
h1, .text-h1 {
	font-size: 32px;
	font-weight:bold;
	line-height: 40px;
}
.hgroup > *:not(:first-child) {
	margin-top:0;
}
.img-responsive {
	max-width:100%;
	height:auto;
}

.error {
	color:#d12;
}
sdx-validation-message {
	
}
.text-recommended-max-width {
	margin-left:auto;
	margin-right:auto;
}
.row sdx-numeric-stepper {
	margin:10px 0;
}
/*Überschreiben von SDX weil es nur um letztes Element direkt innerhalb Section kein Margin braucht
section > div:last-child > *:last-child {
	margin-bottom:32px;
}
section div:last-child > *:last-child {
	margin-bottom:0;
}*/
.text-left, 
.text-left-all *,
.row > div * {
	text-align:left;
}

ul {
	display:inline-block;
}

/*Formulare*/
form {
}
[onclick] {
	cursor:pointer;
}
.footer-buttons {
  padding-top: 50px;
}
.radio .box {
	padding-top:40px;
	padding-bottom: 40px;
}
sdx-select,
sdx-input,
.lblModal,
sdx-input-item,
.sdx-input-item,
form .input-wrapper {
	text-align:left;
	margin:0 auto 24px auto;
	display:block;
/*	max-width:590px;*/
}
ul sdx-select,
ul sdx-input,
ul .lblModal,
ul sdx-input-item,
ul .sdx-input-item,
ul form .input-wrapper {

}
form .input-wrapper {
	margin-bottom:0;
}
.component.sc-sdx-select .wrapper.sc-sdx-select .header-wrapper.sc-sdx-select {
	background-color:transparent;/*für IE Übersteuerung Standard-SDX CSS*/
}
.lblModal a:hover,
.lblModal a *:hover {
	text-decoration:none !important;
	text-decoration-color:#eef3f6 !important;
	border-image-width:0 !important;
}
input {
	background-color:#FFF;
	color: #333;
	border:1px solid #BBBBBB;
	border-radius:7px;
	padding:12px 16px;
	height:48px;
	margin-bottom:24px;
	text-align:left;
}
/*JC 31.01.2020: für IE11 aufgrund Margin*/
.wrapper > input {
	margin-bottom:0;
}
input:focus {
	border-color:#1781E3;
}
sdx-select,
sdx-input{
	display:block;
	min-height:48px;/*JC 04.02.2020: von height auf min-height, damit bei Fehlermeldungen mehr Höhe möglich ist*/
}
.text-center sdx-button{
	margin-left:auto; 
	margin-right:auto;
}
.text-center sdx-button-group,
.singlebutton {
	display:block;
	min-height:64px;
	margin-top:70px;
}
/*min-width:160px numeric stepper IE11*/
button:not(.modal__close), .btn, input[type="submit"], input[type="reset"], input.submit {
	cursor:pointer;
	min-width:0;
	text-align:center !important;
	margin: 8px;
	background-color:#cfd5d9;
	border-color:#cfd5d9;
	transition: background-color 70ms cubic-bezier(.4,0,.6,1);
}
button:not(.modal__close):hover, .btn:hover, input[type="submit"]:hover, input[type="reset"]:hover, input.submit:hover {
	background-color:#b1b9be;
	border-color:#b1b9be;
	transition: background-color 70ms cubic-bezier(.4,0,.6,1);
}
sdx-numeric-stepper button {
	min-width:0;
}
.text-center sdx-button-group sdx-button {
	margin-right:12px;
}
input[type="submit"], input.submit {
	color:#FFF;
	background-color:#1781e3;
	border-color:#1781e3;
}
input[type="submit"]:hover, input.submit:hover {
	background-color:#0851da;
	border-color:#0851da;
}
input.short {
	max-width:91px;
	display:inline-block;
}
.sc-sdx-progress-full-step-h button.sc-sdx-progress-full-step {/*Für IE11*/
	min-width:0;
	margin:0;
}
/*evtl. für numeric stepper IE11 doch nicht so gut
.component.sc-sdx-numeric-stepper .wrapper.sc-sdx-numeric-stepper .sc-sdx-numeric-stepper {/ * Für IE11 * /
	width:32px;
}*/
.range-thumb__value {
	padding-left:8px;
	padding-right:8px;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #BBBBBB;
  opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #BBBBBB;
}
::-ms-input-placeholder { /* Microsoft Edge */
  color: #BBBBBB;
}

/*Modal*/
.backdrop--open {opacity:0;}
.modal__body {
	text-align:left;
}
.modal__header * {
	text-align:left;
	font-weight:normal;
}
.modal__body hl {
	font-size:24px;
	font-weight:normal;
	color:#333333;
}
.modal__body dl {
	font-size:16px;
	margin-top:0;
	padding-bottom: 1em;
	border-bottom:1px solid  #BBBBBB;
}
.modal__body dd {
	margin-left:0;
}
.modal__body .svg-stack {
	text-align:right;
}
#Offer .modal__content {
	width:100%;/*JC 31.01.2020: weil bei IE Breite zu klein wird*/
}
#Offer .modal__content {
	margin-top:3px;
}
#Offer .tbl {
	margin:0 auto;
	width:auto;
}

/*Company Industry*/
#Industry sdx-input-item {	
}
sdx-input-item::part(label) {
	font-size:18px;
	font-weight:bold;
	margin-bottom:24px;
}

/*Address*/
/*#Address .row {
	max-width:606px;
	margin:0 auto;
}*/
#Address h5 {
	margin:10px 0 25px 0;
}
#Address sdx-input-item,
#Address sdx-input-item * {
	font-size:14px;
}

/*Summary*/
#Summary h5 {
	margin-bottom:0;
}
#Summary hr {
	margin:10px 0;
}
#Benefit {
	margin-bottom:30px;
}
#Benefit .row p {
	margin-bottom:20px;
}
#Summary sdx-button-group {
	margin-top:40px;
	margin-bottom:15px;
}

/*Switch-Checkbox*/
.switch [type="checkbox"] + label {
	height:auto;
	width:100%;
	text-align:left;
	border-bottom:1px solid #E4E9EC; /*SDX-Farbe Aluminium Tint 2*/
}
.switch--left [type="checkbox"] + label {
	padding-bottom:20px;
}

/*Helper*/
.navy {color:#001155;}
.apple {color:#91BA2F;}
.turquoise {color:#0EABA9;}
.blue {color:#1781E3;}

.border-navy,
.border-apple,
.border-turquoise,
.border-blue {
	border:none !important;
	border-top: 8px solid #001155 !important
}
.border-apple {border-top-color: #91BA2F !important;}
.border-turquoise {border-top-color: #0EABA9 !important;}
.border-blue {border-top-color: #1781E3 !important;}

.text-muted, .text-muted * {color:#B1B9BE;}

.text-left{text-align:left !important;}
.text-center{text-align:center !important;}
.text-right{text-align:right !important;}

.listicon {width:60px;}

.two-row-titles h4 {
	min-height:51px;
	padding-bottom:15px;
	display: table-cell;
	vertical-align: bottom;
}
.pull-left {float:left;}
.pull-right {float:right;}
.text-small { /*noch nicht in SDX-Version 1.31*/
	font-size:16px;
}

/*Table*/
.tbl {
	display:table;
}
.tbl > .trow {
	display:table-row;
}
.tbl > *,
.tbl > .trow > * {
	display:table-cell;
	padding:0 2.4%;
}
.box .tbl{
	width:100%;
}
.box .tbl * {
	text-align:left;
}
.box .trow > * {
	border-bottom:1px solid #BBBBBB;
	padding-top:20px;
	padding-bottom:20px;
}
.edit .trow > * {
	padding-top:12px;
	padding-bottom:12px;
	font-size:16px;
	color:#666666;
	
}
.tbl input:first-of-type {
	margin-left:0;
}

/*Box Design*/
.box {
	background-color:#FFF;
	box-shadow: 0 0 10px rgba(0,0,0,0.29);
	border: 3px solid transparent;
	margin:8px 5px;
	padding:12px 12px;
	transition:box-shadow .2s cubic-bezier(.4,0,.6,1), border-color .2s cubic-bezier(.4,0,.6,1);
}

.row .box:not(.active):not(.border-apple):hover,
.row .box:not(.active):not(.border-apple):focus {
	border-color:rgba(23,129,227,0.29);
	box-shadow: 0 0 10px rgba(23,129,227,0.29);
	transition:box-shadow .2s cubic-bezier(.4,0,.6,1), border-color .2s cubic-bezier(.4,0,.6,1);
}
.box .svg-stack {
	height:64px;
	display:table-cell;
	vertical-align:bottom;
	text-align:center;
	width:100%;
}

.titleimg {
	max-width: 100%;
  	width: auto;
  	height: auto;
}
@media (max-width:479px){
	/*.container {
		margin-left:0;
		margin-right:0;
	}*/
	header > .container {
		padding:0;
	}
	.modal > .container {
		width:100%;
	}
	form #Velocity .box > *:not(last-child):not(h5){
		margin-bottom:16px;
	}
}
@media only screen and (max-width : 767px) {
	h1 {font-size:30px;line-height:1.2}
	h2 {font-size:26px;}
	
	sdx-button-group {
		display:table;
		width:100%;
	}
	.text-center sdx-button-group {
		padding-right:8px;
	}
	.text-center sdx-button-group sdx-button {
		display:table-cell;
		width:50%;
		margin-left:0;
		margin-right:0;
		text-align:center;
		padding-left:10px;
		padding-right:10px;
	}
	sdx-button-group sdx-button:first-child {
		padding-right:0;
	}
	sdx-button-group sdx-button:last-child {
		padding-left:0;
	}
	.text-center sdx-button-group sdx-button:nth-child(3) {
		padding-left:10px;
		padding-right:0;
	}
	
	.switch [type="checkbox"] + label {
		text-align:left;
	}
	
	#Summary h4 sdx-icon {
		display:none;
	}
	.edit tbl,
	.edit .tbl > .trow {
		display:block;
	}
	.edit .trow {
		border-bottom:1px solid #BBBBBB;
	}
	.box.edit .trow > * {
		border:none;
		padding-left:0;
		display:inline-block;
		width:calc(100% - 35px);
	}
	.edit .trow > *:first-child {
		font-weight:bold;
		width:100%;
		padding-bottom:0;
	}
	.edit .trow > *:last-child {
		padding-left:2.4%;
		width:30px;
	}

	/*damit mobile die .box Höhe wieder variabel ist */
	.box {
		height: auto !important;
	} 
}
.box * {
	text-align:center;
}
.box.active {
	border-color: #1781E3;
}
.box.disabled {
	opacity:0.5;
}
.box.disabled,
.box.disabled *,
.box.disabled .switch [type="checkbox"] + label {
	cursor:not-allowed
}

@media (min-width:768px){
	main {
		margin:72px 0 52px 0;
	}
	.image-container img {
		padding-right: 63px;
	}
	.text-center sdx-button-group sdx-button,
	.text-center .sc-sdx-button-group-h .sc-sdx-button-group-s > sdx-button{
		margin-left:12px; 
		margin-right:12px;
	}
	.text-center sdx-button-group sdx-button:first-child,
	.sc-sdx-button-group-h .sc-sdx-button-group-s > sdx-button:first-child
	/*Primary = Submit-Button*/ {
		margin-right:auto;
	}
	.text-center sdx-button-group sdx-button:last-child,
	.sc-sdx-button-group-h .sc-sdx-button-group-s > sdx-button:last-child
	/*Secondary = Zurück-Button*/ {
		margin-left:auto;
	}
	#Summary .trow > div:last-child {
		padding-right:2.4%;
	}
	
	/*JC 17.01.2020: nächste 2 von max 1024 hierhin verschoben*/
	#Summary .box  {
		padding-top:	calc(3% + 15px);
		padding-bottom:	calc(3% + 15px);
		padding-left: 	calc(9% + 15px);
		padding-right: 	calc(13% + 15px);
	}
	#Summary h4 sdx-icon {
		/*position:relative;*/
		margin-left:-59px;
		margin-right: 22px;
	}
	.tbl-summary .inner {
		min-height:72px;
	}
	
}
@media only screen and (max-width : 940px) {
	/*.container {width:100%;}*/
}

@media (min-width:992px){	
	.text-center sdx-button-group sdx-button:not(:first-child) {
		margin-right:7px/*-8px*/;
	}
}
@media (min-width:1024px){
	header {
		font-size:16px;
	}
}
@media (min-width:1280px){
	header {
		font-size:18px;
	}
	.container {width:1150px;}
}
@media (min-width:1440px){
	
}