/* EINSTELLUNGEN */
.OTR_Formular {

	width: 100%;

}

.OTR_hauptBoxUeberobjekt {
 
	max-width: 680px;
    	margin-right: auto;
   	margin-left: auto;

}


.ui-autocomplete.ui-front {
	z-index: 10001;
}



div.OTR_buttonLegende {

	margin-top: 3px;
  	height: 16px;
  	width: 16px;

}


.otr-kalender-legende-box {
	padding-top: 20px;
}



div.OTR_buttonLegendeText {
  
  	width: 300px;

}


.BpWebApp_Container_HBox_Content.otr-kalender-legende-box-ubo {

    display: none;

}

 

.BpWebApp_Container_VBox_Content.OTR_formularTelefonVorwahlBoxUeberobjekt {

    display: none;

}

 

.BpWebApp_Container_VBox_Content.OTR_UhrzeitButtonsLegendeBoxUeberobjekt {

    display: none;

}

 

.BpWebApp_Container_VBox_Content.OTR_ErgebnisRestaurantBoxUeberojekt {

    display: none;

}



/*BOX*/


.OTR_FormBox { 

  	max-width: 99% !important;
	
}


div.OTR_uhrzeitButtonBox { 
	width: 125px;
}

div.OTR_uhrzeitButtonBoxUeberobjekt {
	width: 125px;

}


.OTR_buttonBox { 

	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 40px;

}

.OTR_legendeBox { 

	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 40px;
	margin-top: 40px;
	width: 500px;

}


.OTR_weiterMachenBox { 
	margin-top: 20px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 40px;

}



.OTR_textButtonBox { 

	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 40px;

}


.OTR_restaurantTabelleBox { 


	
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 40px;
	max-width: 2000px;

}


.OTR_restaurantNameUndBildBox { 

	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 40px;
	width:100%; 

}

/*TOOLTIP*/

.tooltip {
    display: inline;
    position: relative;
}
.tooltip:hover:after{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    background: #444;
    border-radius: 8px;
    color: #fff;
    content: attr(title);
    margin: -82px auto 0;
    font-size: 16px;
    padding: 13px;
    width: 220px;
}
.tooltip:hover:before{
    border: solid;
    border-color: #444 transparent;
    border-width: 12px 6px 0 6px;
    content: "";
    left: 45%;
    bottom: 30px;
    position: absolute;
}
/*ENDE*****TOOLTIP*/


.OTR_uniBox { 

	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 1rem;

}

.OTR_ueberschriftBox { 

	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 40px;
	margin-top: 40px;

}


.OTR_meldungsBox { 

	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 40px;
	margin-top: 20px;

}

.OTR_zusammenfassungsBox { 

	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 40px;
	margin-top: 40px;
	white-space: pre-wrap;

}



.OTR_stornoGastdatenBoxStyle { 

	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 40px;
	margin-top: 10px;
	padding-left: 20px;

}

.OTR_captchaBoxStyle { 

	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 20px;

}


.OTR_gastFormularDatenMerkenBoxStyle { 

	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;

}


.OTR_NewsletterWunschBoxStyle { 

	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;

}

.OTR_formularEingabeFeldBoxStyle { 

	margin-bottom: 10px;
}




/*TEXT*/


.OTR_textstyle, .OTR_DatenschutzVerweisText {


    font-weight: normal;

	text-align: left !important;
	padding-left:0px;
	white-space: pre-wrap;

}



.OTR_textstyleBeschriftung {

	font-weight: bold;
	text-align: left !important;
	white-space: pre-wrap;
}



.OTR_textstyle2 {
	margin-bottom: .5rem;
}



.OTR_meldungstextStyle {


	font-weight: normal;
	text-align: left !important;
	white-space: pre-wrap;
}

.OTR_textstyleCaptchaBeschriftung {


	font-weight: normal;

	text-align: left !important;
	white-space: pre-wrap;
}


.OTR_ueberschrift {

    font-weight: bold;
	white-space: pre-wrap;

}

.OTR_ueberschrift2 {

    	font-size: 18px;
    	font-weight: bold;
    	line-height: 28px;
    	margin-bottom: 10px;
    	padding: 0 0 5px 0px;
		white-space: pre-wrap;

}


.OTR_ueberschrift2:hover {

	color: #FF6600;
	font-size: 18px;
	
}



.otr-location-auswahl-tabelle {
	
	display: flex;
    flex-flow: column;
    gap: 1rem;
	margin-bottom: 2rem;
	
}

.otr-location-auswahl-zeile-ubo {
	
	background-color:#FFFFFF;

	
}

.otr-location-auswahl-zeile-ubo:hover {
	background-color: #FAFAFA;
	cursor: pointer;
}


.OTR_pic {
  border: 1px solid #fff;  
  float: left;
  height: 100px !important;
  width: 200px !important;
	
  margin: 5px;
  margin-right: 2rem;
  overflow: hidden !important;
  
  -webkit-box-shadow: 5px 5px 5px #111;
          box-shadow: 5px 5px 5px #111;  
}



.OTR_grow img {

  	height: 100%;
  	width: 100%;
 
 	 -webkit-transition: all 1s ease;
     	-moz-transition: all 1s ease;
       -o-transition: all 1s ease;
     	 -ms-transition: all 1s ease;
          transition: all 1s ease;
}

.OTR_grow img:hover {
  width: 130%;
  height: 130%;
}

.OTR_restaurantNameUndBildBox .OTR_grow img {
	margin-top: 0px;
  	height: 100%;
  	width: 100%;
 
 	 -webkit-transition: all 1s ease;
     	-moz-transition: all 1s ease;
       -o-transition: all 1s ease;
     	 -ms-transition: all 1s ease;
          transition: all 1s ease;
}






.OTR_restaurantNameBox {
	display: block;
	font-size: 1em;
}

.OTR_restaurantName {
    	font-weight: bold;
    	line-height: 18px;
		margin-bottom: 1rem;
}

.OTR_restaurantName:hover {

	color: #FF6600;
	
}


.OTR_restaurantNameBeschreibung {


}


.OTR_restaurantNameUndBildBox {
 

}


.OTR_restaurantNameUndBildBox {

 
}



.OTR_gastFormularPflichtfeldText {

	margin-bottom: 20px;

}



.OTR_center {
	text-align: center !important;
}



.OTR_inhalt {

 	margin-top: 5px;
 	background-color: #EEEEEE;
 	margin-bottom: 5px;
  	padding-left: 5px;
}


.OTR_restaurantErgebnisBildFeld {

	max-width: 500px;
	resize: vertical;

}


.OTR_gastdatenBoxStyle {
	margin-top: 1rem;
	margin-bottom: 2rem;
}

.OTR_gastdatenBoxStyle div {
	
	margin-bottom: .5rem;
}



/* EINGABEFELDER */

.BpWebApp input[type="text"], .BpWebApp input[type="email"], select, textarea {
	resize: vertical;
	border-radius: 4px;
	width: 100%;
}


.BpWebApp_Field {

	width: 100%;
	max-width: 100%;
}

.BpWebApp_Field_String, .BpWebApp_Field_Dropdownmenu, .BpWebApp_Field_Time, .BpWebApp_Field_eMail {

		height: 60px !important;
	
}

.BpWebApp_Field_Date {

    margin-left: auto;
    margin-right: auto;

}

.BpWebApp_Field_Boolean {
    vertical-align: middle;
    width: auto;
	height:none;
}


.BpWebApp_Field_Text{
	
    border: 1px solid #CCCCCC;
	text-align: left;
	max-height: 60px;	 
	width: 100%;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 10px;

}

.BpWebApp input{
    border: 1px solid #CCCCCC;
    /*transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;*/
	margin-bottom: 5px;
	font-weight: normal;	
	font-family: Verdana;
	font-size: 1em;
	color: #3B3B3A;
	text-align: left;
	padding-left: 10px;
	width: 100%;
	
}


.BpWebApp input:focus{
	border-color: #52A8EC;
    	box-shadow: 0 0 5px #52A8EC;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}


.ui-combobox, .ui-combobox-input {
	background: #FFFFFF !important;
	font-weight: normal;
	color: #000000;
	padding: 1px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	width: inherit;
	padding-left: 0px;

	width: 100%;
	max-width: 100%;

}

.BpWebApp .ui-combobox-toggle {
	
	border:0;
	vertical-align: top;
	background: none;
	vertical-align: middlet;
	height: 48px;
	width: 80px;


}


.ui-menu {
	
    display: block;
}


/*  a Links */

.OTR_textLink a {



	font-size: 12px !important;
	font-weight: normal;
	color: #3B3B3A;
	text-align: left !important;
	padding-left:10px;

}

.OTR_textLink a:hover {

	font-size: .8em;
	font-weight: normal;
	color: #FF6600;
	text-align: left !important;
    	box-shadow: none !important;
	padding-left:10px;

}

/* BUTTON, LINK */
.BpWebApp_Button, .BpWebApp button, .BpWebApp .ui-widget button {

	margin: 0;
	padding: 0 20px;

	box-shadow: 0 3px 6px 0 rgba(160, 165, 168, 0.5);
	overflow: visible;
	border: none;
	font: inherit;
	color: #5f6565;
	font-weight: 400;
	text-transform: normal;
	letter-spacing: 0.3px;
	background: #ffffff;
	vertical-align: middle;
	line-height: 40px;
	min-height: 40px;
	font-size: 1em;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
}

.BpWebApp_Button:not(:disabled), button:not(:disabled) {
	cursor: pointer;
}

:disabled:not(.OTR_uhrzeitButton) {
	opacity: .6;
}

:hover:disabled {
	box-shadow: 0 3px 6px 0 rgba(160, 165, 168, 0.5); 
}

.BpWebApp_Button:hover {

	box-shadow: 0 3px 6px 0 rgba(160, 165, 168, 0.8);
	color: #373e3f;
}

.BpWebApp_Button img, button img, .BpWebApp_Button i, button i  {

	display: none;
}

.button-small:not(.ticket-buchen-button) {
	min-height: 25px;
	padding: 0 12px;
	line-height: 25px;
	font-size: 11px;
}


a, .text-button {
	color: #eb7921;
	text-decoration: none;
	cursor: pointer;
}

a:hover, .text-button:hover {
	color: #f39a56;
}



.otr-location-auswahl-tabelle-zeile-ubo:hover {
	
		cursor: pointer;
	
}



.BpWebApp button:active {

    	box-shadow: 0 -2px 4px -4px #232323;
}






.BpWebApp button img {
	padding-right: 5px;
    	/*box-shadow: 0 -2px 4px -4px #232323;*/


}


.OTR_textButtonZurueckZumKalender {
	
	margin-top: 1rem !important;
}


.BpWebApp_Button.OTR_textButton {
	   box-shadow: none;
}

.BpWebApp_Button.OTR_textButton:hover {
	color: #FF6600;
}


.OTR_textButtonDatum {

	width: 100% !important;
	height: 60px !important;

	
	font-size: 22px !important;
	font-weight: normal;
	color: #FF6600 !important;
	text-align: center !important;
	
	border-radius: 4px !important;

}

.OTR_textButtonDatum:hover {

	color: #3B3B3A !important;


}


.OTR_reservButton {

	width: 100%;
	height: 50px;
	text-align: center;


}

.OTR_reservButton:hover {
    
}


.OTR_stornoButtonStyle {

	width: 100%;
	height: 50px;
	text-align: center;

}


.OTR_stornoButtonStyle:hover {
    

}




.OTR_uhrzeitButtonStyle {

	background-color: #67AEE6 !important;

	border: 1px solid #67AEE6 !important;
	width: 120px !important;
	height: 60px !important;
	margin-right: 5px;
	
	-moz-border-radius: 15px !important;
  	-webkit-border-radius: 15px !important;
  	border-radius: 15px;

}

.OTR_uhrzeitButtonStyle:hover:not(:disabled) {
    box-shadow: 0 -2px 4px -4px #232323 !important;
	background-color: #98E4FB !important;
}

.OTR_uhrzeitButtonStyle:disabled {

	background-color: #ff3200 !important;
	border: 1px solid #ff3200 !important;	

}





/* TABELLE */





/****** DEAKTIVIERT alt
*/
.BpWebApp_Table_ReadOnly_Cell {
	background: #FFFFFF;
}






.ui-jqgrid-htable,
.ui-jqgrid-btable,
.ui-jqgrid-pager,
.ui-jqgrid-view,
.ui-jqgrid-bdiv,
.ui-jqgrid-hdiv,
.ui-jqgrid-hbox,
.ui-jqgrid { max-width: 100% !important; width:100% !important; border: none; 

}


.ui-jqgrid-hdiv {

	display: none !important;

}


.ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr > td {

	border: none !important;

}






/* HBOX */

.BpWebApp_Container_HBox_Content {

	align:center;
	vertical-align: top;
	width: 99%;
	max-width:99% ;
}






.OTR_KontaktformularBox input[type="radio"]{
	
display:none;

}

.OTR_KontaktformularBox input[type="radio"]:checked+label{ 
	

} 

.OTR_KontaktformularBox input[type="radio"]+label{ 

	margin-right: 2rem;

} 

.OTR_KontaktformularBox input[type="radio"]:hover+label{ 
 

} 

.OTR_DatenschutzVerweisText, .OTR_gastFormularPflichtfeldText, .OTR_textstyleCaptchaBeschriftung {
	font-size: .8em;

}	



button.zeige-spezial-platz-verfuegbar-button{

	margin-top: 0;
    margin-bottom: 1rem;
	
}


.kein-spezial-platz-meldungs-text {

	margin: 10px 20px 20px 20px;
    font-weight: 600;
    color: #FF6600;
}


.spezial-platz-bestaetigung-dialog-ubo > div, .spezial-platz-bestaetigung-dialog-ubo > span, .spezial-platz-bestaetigung-dialog-ubo .BpWebApp_Field_Text {
	
	border: none;
	padding: unset;
	background: none;
	
}

.spezial-platz-bestaetigung-dialog {
	
	max-width: 500px;
	padding-bottom: 1rem;
	
}

.spezial-platz-bestaetigung-dialog button {
	
	margin-top: 1rem;
	
}


.OTR_uhrzeitButton {
	margin-bottom:10px;
	
}


/* CHECKBOX */


input[type="checkbox"]{
width:auto !important;

}


.OTR_Status input[type="checkbox"]{
display:none;
}


.OTR_Status input[type="checkbox"]:checked+label{ 
font-weight: bold; 
margin-right: 10px;
padding: 5px 5px 5px 5px;
box-shadow: 0 -2px 4px -4px #232323;

} 

.OTR_Status input[type="checkbox"]+label{ 
	margin-right: 10px;
	padding: 5px 5px 5px 5px;
	font-weight:normal;

	-moz-border-radius: 0.1em;
  	-webkit-border-radius: 0.1em;
  	border-radius: 0.1em;

} 

.OTR_Status input[type="checkbox"]:hover+label{ 
 
margin-right: 10px;
padding: 5px 5px 5px 5px;
box-shadow: 0 -2px 4px -4px #232323;
} 

.OTR_gastNewsletterwunschCheckbox span {
	
	border: none !important;
	
}


.ui-autocomplete{
	max-height: 200px;
	/*height: 100%;*/
	overflow-x: hidden;
	overflow-y: auto;
}


.OTR_inputFilledStyle {

	border: 1px solid #3B3B3A !important;
	

}


.OTR_ExtraTextLocationAuswahl, 
.OTR_ExtraTextPersonenUndUhrzeit, 
.OTR_ExtraTextKontaktdaten, 
.OTR_ExtraTextKontaktdatenBemerkung, 
.OTR_ExtraTextReservLandingPage {
    white-space: break-spaces;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: normal;
    color: #3B3B3A;
}

.OTR_ExtraTextKontaktdaten, .OTR_ExtraTextKontaktdatenBemerkung {

	padding-top: 0;
	padding-bottom: 20px;

}


.OTR_inputFilledStyleClone {

	border: 1px solid #FF6600 !important;

}

.BpWebApp_Field_Required {

	border: 1px solid #FF6600 !important;

}
.OTR_Versteckt{
	display: none;
}

.OTR_meldungsDialogOhneAnfrageModusBox {
	
	margin-right: 0px;
	margin-top: 20px;
	margin-left: 10px;
	margin-bottom: 40px;
	

	
}



.BpWebApp_Label_Mandatory{

	text-decoration: none !important;
	font-weight:normal !important;	
}

.BpWebApp_Label_Mandatory::after{
	content:"*";
	text-decoration: none !important;
	
}

.BpWebApp_Field_Label{
		font-size: .8em;
    	font-weight: normal;
	
}

.OTR_DatenschutzVerweisText{
	

	
}

.OTR_gastFormularDatenschutzOKCheckBoxUeberobjekt {
    margin-bottom: 1rem;
}

.OTR_vaDatumVonFeldText {
	
		text-align: center !important;
		width: 100%;
		
		white-space: pre-wrap;
		
		font-size: 20px;
    	font-weight: bold;
		color: #FF6600;
		
		
		
		
}

.OTR_TextKalenderVerfuegbarkeitenLegende { 

		width: 100%;
		text-align: center !important;
	
}


/*
.ui-datepicker {

	margin-left: auto !important;
	margin-right: auto !important;
	border-radius: 4px !important;
	border: 1px solid #999999 !important;
	
}
*/

/*
.OTR_beschriftungTextDatumButton {

	margin-bottom: 5px !important;


}

*/


/*Alternative Uhrzeiten*/


.otr-alternativ-termin-datum-ubo {
    margin-bottom: .5rem;
}

.otr-alternativ-termin-datum {
    border: none;
    font-weight: 600;
}





.BpWebApp_LoadingDialog {
	width:64px !important;
	height: 64px !important;
	box-sizing: content-box;
	overflow: hidden;
}


.BpWebApp_LoadingDialog *{
box-sizing: content-box;
}
.lds-ripple {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-ripple div {
  position: absolute;
  border: 4px solid #d4af37;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1.2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 28px;
    left: 28px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: -1px;
    left: -1px;
    width: 58px;
    height: 58px;
    opacity: 0;
  }
}