@charset "utf-8";
@import url("https://use.typekit.net/szs8fxq.css");
/* CSS Document */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Roboto", "Arial", sans-serif;
  font-weight: 300;
  font-size: 16px;
  font-style: normal;
  line-height: 1.5;
  color: #373e3f;
}
html {
  max-width: 1000px;
  margin: 0 auto;
}
.haupt-box, #bpWebApp > div {
  max-width: 700px;
  margin: 0 auto;
  margin-top: 25px;
}
#bpWebApp > div {
	margin-top: 0;
}
/* buttons, links */
button:not(.ui-button) {
  cursor: pointer;
  background-color: #f07e26;
  color: #fbfbfb;
  border: 1px solid #f07e26;
  margin: 0;
  margin-top: 0px;
  overflow: visible;
  font: inherit;
  -webkit-appearance: none;
  border-radius: 0;
  display: inline-block;
  box-sizing: border-box;
  padding: 0 20px;
  vertical-align: middle;
  font-size: 1rem;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  transition: .1s ease-in-out;
  transition-property: all;
  transition-property: color, background-color, background-position, background-size, border-color, box-shadow;
  font-weight: 400;
  text-transform: none;
  font-style: normal;
  background-origin: border-box;
}
.button:hover:not(:disabled) {
  color: #FBFBFB;
  background-color: #EC7010;
  border-color: #EC7010;
}
button:disabled, button:hover:disabled {
  opacity: .5;
  cursor: auto;
}
a {
  color: #eb7921;
  text-decoration: none;
}

/* Auswahl Button */
.knd-int-auswahl button {
  display: inline-block;
  background-color: transparent;
  text-align: left;
  border: none;
  color: #eb7921;
  padding: 0;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 500;
  vertical-align: top;
}
.knd-int-auswahl button:hover, .knd-int-auswahl button:focus, a:hover, a:focus {
  color: #ec7010;
  text-decoration: underline;
}
.knd-int-auswahl button:active, a:active {
  color: #d4650f;
  text-decoration: underline;
}
.BpWebApp_Container_VBox.margin-top > div, .knd-int-auswahl {
	display: inline-block;
	/*margin-bottom: 30px;*/
}
/*
.knd-int-auswahl button:before {
  content: url("bp-checkbox-checked.png");
  display: block;
}*/
/*
.knd-int-auswahl button:hover {
	box-shadow: 0 0 8px 3px #d9d9d9;
}
.knd-int-auswahl:first-of-type button:before {
	content: url("benutzer.svg");
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 auto 10px;
}
.knd-int-auswahl:nth-of-type(2) button:before {
	content: url("benutzer-neu.svg");
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 auto 10px;
}*/
/* spacing */
.margin-top {
	margin-top: 15px;
}
.margin-medium-top {
  margin-top: 30px;
}
.margin-medium-right {
  margin-right: 30px;
}
.margin-medium-bottom {
  margin-bottom: 30px;
}
.margin-large-top {
  margin-top: 50px;
}
/* font */
.header-orange {
  font-size: 1.75rem;
  line-height: 1.3;
  margin-bottom: 10px;
}
.header-orange {
  margin-top: 30px;
}
h3, .h3 {
	font-size: 24px;
	line-height: 1.4;
	margin-top: 20px;
}
strong {
  font-weight: 500;
}
p {
  margin-top: 10px;
  margin-bottom: 10px;
}
.hinweis-text {
  text-align: center;
  /*margin-bottom: 50px;*/
}
.hinweis-text label.text {
  color: #5f6565;
  font-size: 0.875rem;
}
.uk-text-muted {
	color: #5f6565 !important;
}
.uk-text-large {
	font-size: 20px;
	line-height: 1.5;
}
.BpWebApp_Label_Mandatory {
  text-decoration: none;
}
.BpWebApp_Label_Mandatory:after {
  content: " *";
  color: #eb7921;
}
.TelefonEmailPflichtSichtbar label.BpWebApp_Label_Mandatory:after {
	display: none;
}
/* layout */
.grid > div {
  /*display: grid;
	grid-template-columns: 150px auto;*/
  margin-bottom: 8px;
}
.grid > div:last-of-type {
  margin-bottom: 0;
}
.grid .BpWebApp_Field_Radio_Button_Group {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100px 100px 100px;
  grid-template-columns: 100px 100px 100px;
}
.BpWebApp_Container_HBox.grid-kontakt, .BpWebApp_Container_VBox.grid-kontakt > div > div {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 15px;
}
/* input */
input[type="text"], input[type="email"] {
  font-family: "Roboto", "Arial", sans-serif;
  font-size: inherit;
  line-height: 1.4;
  font-weight: 300;	
  border: 1px solid #c3c3c3 !important;
  min-height: 38px;
  padding: 5px;
  min-width: 350px;
  width: 100%;
  background-color: #fff;
  color: #373e3f !important;
  -webkit-text-fill-color: #373e3f !important;
}
input:not([type="checkbox"]):focus {
  border-color: #5f6565 !important;
}
/* checkbox */
input[type="checkbox"] {
  display: none;
}
input[type="checkbox"] + label::before {
  width: 26px;
  height: 26px;
  border: 1px solid #c3c3c3 !important;
  display: inline-block;
  content: "";
  float: left;
  margin: 0 5px 5px 0;
  background-color: #fff;
}
input[type="checkbox"]:not(.BpWebApp_Field_DisplayAsButton):not(.BpWebApp_Captcha_Letters):not(.BpWebApp_Captcha_Circles) + label::before {
  border-radius: 0;
}
input[type="checkbox"]:checked + label::before, input[type="radio"]:checked + label::before {
  content: url("bp-checkbox-checked.png") !important;
  /*background-image: url("bp-checkbox-checked.png");
	background-repeat: no-repeat;
	background-position: center center;*/
  border-color: #f07e26 !important;
  padding-top: 2px;
}
input[type="checkbox"].BpWebApp_Field_Boolean + .BpWebApp_Field_Label {
  padding-left: 0;
  vertical-align: inherit;
}
/* radio */
input[type="radio"] {
  display: none;
}
input[type="radio"]:not(.BpWebApp_Field_RadioAsButton) + label::before {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1px solid #c3c3c3;
  display: inline-block;
  content: "";
  float: left;
  margin: 0 5px 5px 0;
  background-color: #fff;
}
input[type="radio"]:not(.BpWebApp_Field_RadioAsButton):checked + label::before {
  content: url("bp-checkbox-checked.png") !important;
  padding-top: 2px;
  border-color: #f07e26;
  background: #fff;
}
input[type="radio"].BpWebApp_Field_Boolean + .BpWebApp_Field_Label {
  padding-left: 0;
  vertical-align: inherit;
}
.BpWebApp_Field_Radio_Button_Content label {
  min-width: 100px;
}
/* textarea */
textarea {
  font-family: "Roboto", "Arial", sans-serif;
  font-size: inherit;
  line-height: 1.4;
  border: 1px solid #c3c3c3 !important;
  min-height: 150px;
  padding: 5px;
  min-width: 350px;
  width: 100%;
  background-color: #fff;
}
/* Combobox - Selectbox */
.ui-combobox {
  width: 100%;
}
.ui-combobox a.ui-state-default {
  border: none;
  background: none;
}
ul.ui-front li > a {
  text-decoration: none;
}
.ui-menu-item.ui-state-focus {
  border-top-color: transparent;
  border-bottom-color: transparent;
  background: #FCE5D4;
}
/* Kontakt - Telefon */
.DatumBOX input, .TermineBOX input {
	min-width: auto;
}
.TermineBOX .TermineTime {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 15px;
}
.DatumBOX, .TermineBOX {
	margin-bottom: 10px;
}
/* capcha */
.captchatext {
  margin-bottom: 10px;
}
.captcha {
  margin-bottom: 50px;
}

/* DATEPICKER
----------------------------------*/
.ui-datepicker {
	padding: 0 .2em 0;
	min-width: 300px;
}

/* datepicker header */
.ui-datepicker .ui-datepicker-header {
	padding: 10px 0 10px 29px;
	border-bottom: 1px solid #373e3f;
	margin: 0 5px;
}

.ui-datepicker-header.ui-widget-header, .ui-datepicker-buttonpane.ui-widget-content {
	background: transparent;
	border: none;
}
.ui-datepicker-buttonpane.ui-widget-content button.ui-datepicker-close {
	display: none;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	top: 16px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 12px;
}
.ui-datepicker .ui-datepicker-next {
	right: 10px;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	cursor: pointer;
}

/* datepicker content */
.ui-datepicker-header .ui-state-hover, .ui-datepicker-header.ui-widget-header .ui-state-hover, .ui-datepicker-header .ui-state-focus, .ui-datepicker-header.ui-widget-header .ui-state-focus {
	border: none;
	background: none;
}

.ui-datepicker .ui-datepicker-title {
	margin: 0 1.5em;
}

select {
	border: 1px solid #c3c3c3;
	-webkit-transition: border 0.2s linear 0s, -webkit-box-shadow 0.2s linear 0s;
	transition: border 0.2s linear 0s, -webkit-box-shadow 0.2s linear 0s;
	-o-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	margin: 5px 0;
	background-color: #ffffff;	
	padding: 5px;
}

.ui-datepicker .ui-datepicker-title select {
	margin: 1px 5px;
	font-weight: inherit;
	font-family: inherit;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 40%;
}

.ui-datepicker-header > .ui-datepicker-buttonpane > button.ui-datepicker-current {
	background: url(../bpWebApp/images/tree/cal_today_24.png) no-repeat center center;
	top: 5px;
}
.ui-datepicker-prev > .ui-icon-circle-triangle-w {
	background-image: url(../bpWebApp/images/tree/cal_arrow_M_left_24.png);
}
.ui-datepicker-next > .ui-icon-circle-triangle-e {
	background-image: url(../bpWebApp/images/tree/cal_arrow_M_right_24.png);
}

.ui-datepicker-header > .ui-datepicker-buttonpane > button.ui-datepicker-current:hover {
  border: none;
}

.ui-datepicker th {
	font-weight: 500;
}

.ui-datepicker tbody tr td:first-of-type {
	padding-left: .5em;
}

.ui-datepicker td a.ui-state-hover, .ui-datepicker td a.ui-state-focus {
	border: none;
	background: #e7e7e7;
}

.ui-datepicker td a.ui-state-highlight {
	border: none;
	background: #e7e7e7;
	font-weight: 500;
	font-weight: bold;
	color: #373e3f;
}

.ui-datepicker td a.ui-state-active {
	border: none;
	background: #e7e7e7;
	font-weight: 500;
	font-weight: bold;
	color: #373e3f;
}

.ui-datepicker td a.ui-state-active {
	background: #e7e7e7;
}

/* datepicker calendar */
.ui-datepicker-calendar .ui-state-default:not(.ui-state-hover):not(.ui-state-focus), .ui-widget-content .ui-datepicker-calendar .ui-state-default:not(.ui-state-hover):not(.ui-state-focus) {
	border: none;
	background: transparent;
}
.ui-state-default, .ui-widget-content .ui-state-default {
	font-weight: 300;
	color: #373e3f;
}

/* DATEPICKER BP
----------------------------------------------------------------------- */
.ui-datepicker td a.ui-state-highlight {
	color: #eb7921;
}
.ui-datepicker td a.ui-state-active, .ui-datepicker td a.ui-state-hover, .ui-datepicker td a.ui-state-focus {
	background: #fce5d4 !important;
	color: #eb7921;
}

@media screen and (max-width: 480px) {
	.haupt-box {
		margin-top: 15px;
	}
	
	.header-orange {
		font-size: 1.5rem;
		margin-top: 15px;
	}
	
	textarea, input[type="text"], input[type="email"] {
		min-width: auto;
	}
	
	.BpWebApp_Text {
		white-space: normal;
	}
	
	.containerbutton {
		margin-top: 15px;
	}
}

.header-orange-cl > div:first-of-type {
	display: none;
}
.containerbutton {
	margin-top: 30px;
}