/* ############ */
/* Schriftart */
/* ############ */

@font-face {
    font-family: HelveticaNeueW01-45Ligh;
    src: url(../fonts/5a13f7d1-b615-418e-bc3a-525001b9a671.woff2) format("woff2"), url(../fonts/530dee22-e3c1-4e9f-bf62-c31d510d9656.woff) format("woff");
}

@font-face {
    font-family: Helvetica Neue LT W01_65 Md;
    src: url(../fonts/5b1fbd62-45dc-4433-a7df-a2b24a146411.woff2) format("woff2"), url(../fonts/050b1948-f226-4d20-a65a-15d8ed031222.woff) format("woff");
}

@font-face {
    font-family: Helvetica Neue LT W01_95 Black;
    src: url(../fonts/7d1bac29-c328-4e14-968a-d0435cffe981.woff2) format("woff2"), url(../fonts/712aac8d-557b-4a5d-bb6a-40ac69765042.woff) format("woff");
}

body {
	font-family: HelveticaNeueW01-45Ligh,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.375rem;
	color: #5f5f5f !important;
}

.font-weight-bold {
	font-family: Helvetica Neue LT W01_65 Md,sans-serif;
}

.h3 {
	font-family: Helvetica Neue LT W01_95 Black,sans-serif;
	font-size: 1.125rem;
    line-height: 1.125rem;
}

/* ############ */
/* Background */
/* ############ */

.card-bpevent > .ui-widget-content {
  border: 0;
}

.mdas-main-width {
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

.ui-widget-content {
	border: none;
}


/* ############ */
/* Buttons */
/* ############ */

button:hover:disabled{
    cursor: not-allowed;
}
button:active:disabled{
	cursor: not-allowed;
}

.btn-mdas {
	display: inline-block;
	font-family: Helvetica Neue LT W01_95 Black,sans-serif;
	font-size: .8125rem;
	line-height: 1;
	color: #878787;
	text-transform: uppercase;
	padding: 8px;
	border: 2px solid #878787 !important;
	background-color: transparent !important;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	margin-bottom: .5rem;
	vertical-align: top;
	box-shadow: 3px 3px 0 #878787 !important;
}

.btn-mdas:hover, .btn-mdas:focus, .btn-mdas:active {
	background-color: hsla(0,0%,84%,.6) !important;
	color: #878787;
}

/* ############ */
/* Radio Buttons */
/* ############ */

input[type="checkbox"]:not(.BpWebApp_Field_DisplayAsButton):not(.BpWebApp_Captcha_Letters):not(.BpWebApp_Captcha_Circles) + label::before, input[type="radio"]:not(.BpWebApp_Field_RadioAsButton) + label::before {
	border-radius: 4px;
	border: solid 2px rgb(33, 37, 41);
	content: '';
	display: inline-block;
	left: 0;
	top: 3px;
	position: absolute;
	text-align: center;
	width: 20px;
	height: 20px;
	box-sizing: border-box;
}

input[type="checkbox"]:checked:not(.BpWebApp_Field_DisplayAsButton):not(.BpWebApp_Captcha_Letters):not(.BpWebApp_Captcha_Circles) + label::before, input[type="radio"]:checked:not(.BpWebApp_Field_RadioAsButton) + label::before {
	content: "";
	box-shadow: inset 0px 0px 0px 3px #fff;
	background-color: #333;
}


/* ############ */
/* Eingabefelder */
/* ############ */

input:not([type="checkbox"]) {
    height: calc(1.5em + 2px + 0.75rem);
}

input:read-only {
  border: 1px solid #e4e6ef;
}

input:disabled {
  cursor:not-allowed;
}

span:disabled {
  cursor:not-allowed;
}

.ui-combobox {
  display: flex;
}

.BpWebApp_Field_Required {
  border-color: rgb(237,66,57) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-position: right calc(1em + .1875rem) center !important;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem) !important;
}

.ui-combobox .BpWebApp_Field_Required {
  background-position: right calc(3em + .1875rem) center !important;
}


/* ############ */
/* Card */
/* ############ */

.mdas-card {
  border: 1px solid #ccc; /* Rahmen */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Schatten */
  margin: 20px; /* Außenabstand oben und unten */
  padding: 20px; /* Innenabstand */
  border-radius: 8px; /* Abgerundete Ecken */
  background-color: #fff; /* Hintergrundfarbe */
  max-width: 300px;
}




/* ############ */
/* Zusammenfassung */
/* ############ */

.zusammenfassung .form-control {
  padding: 0;
  border: 0;
  height: auto;
}

.zusammenfassung label {
  margin: 0;
}