* {
	box-sizing: border-box 
 }

html
{
	min-height: 		100vh;
}

body
{
	background-color: #ffffff;
	margin: 0px;
	padding: 30px 40px 30px 40px;
	
	color: #313131;
	
	/* background-image: url("/styles/suche/images/background_2.png"); */
	
	/*background-repeat: no-repeat; 
background: rgb(193,158,103);
background: linear-gradient(180deg, rgba(193,158,103,1) 34%, rgba(193,158,103,1) 44%, rgba(255,255,255,1) 100%);
	*/
	
	background-color: 	#FFFFFF;
	background-image: 	url("images/artemed_top_swoosh.png");
	background-repeat:  no-repeat;
	background-size: 	100% auto;
}

body, textarea, input
{
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 	18px;
}

#searchform
{
	position: 		relative;
	
	margin-left:   	60px;
	margin-right: 	60px;
}

form#f_search .radio_label, form#f_search .checkbox_label
{
	display: 	inline-block;
	cursor: 	default;
	
	  -webkit-touch-callout: none; /* iOS Safari */
		-webkit-user-select: none; /* Safari */
		 -khtml-user-select: none; /* Konqueror HTML */
		   -moz-user-select: none; /* Old versions of Firefox */
			-ms-user-select: none; /* Internet Explorer/Edge */
				user-select: none; /* Non-prefixed version, currently
									  supported by Chrome, Edge, Opera and Firefox */	
}
.head
{
	position: relative;
		height:  110px;
	
}
.head .logo img, .head .klinik_name
{
	height: 50px;
}
.head .logo, .head .titel, .head .klinik_name
{
	position: 				relative;
	display: 				inline-block;
	color: 					#ffffff;
	vertical-align: 		top;
	
}
.head .klinik_name
{
	padding-left: 		5px;
	border-left: 		#ffffff 1px solid;
	font-size: 			22px;
}
.head .titel
{
	position: absolute;
	right: 0px;
	font-size: 20px;
}
.head .line hr
{
	height: 1px;
	background-color: #ffffff;
	border: 0px;
	
}

.questionbox
{
	-webkit-box-shadow: 5px 7px 11px 0px rgba(82,82,82,1);
	-moz-box-shadow: 5px 7px 11px 0px rgba(82,82,82,1);
	box-shadow: 5px 7px 11px 0px rgba(82,82,82,1);
	background-color: #F5F4F4;
	
	margin: 20px 0px 20px 0px;

	border: #A3A3A3 1px solid;
	padding: 20px;
	font-size: 20px;
	
	display: inline-block;
}


.questionbox .titel
{
	padding-bottom: 7px;
}
.Zeile div
{
	display: inline-block;
}
.Zeile div:nth-child(1)
{
	width: 150px;
}
.wochenauswahl
{
	position: relative;
}
.wochenauswahl .woche, .wochenauswahl .togglebuttons
{
	display: inline-block;
	position: relative;
}
.wochenauswahl .togglebuttons
{
	position: absolute;
	right: 0px;
	font-size: 30px;
}
.kalender .wochenansicht 
{
	margin: 20px 10px 20px 10px;
}
.kalender .wochenansicht .Zeile:nth-child(1)
{
	color: #666666;
}
.kalender .wochenansicht .Zeile:not(:nth-child(1)) div.Tag
{
	color: #f32e63;
	padding: 5px 0px 5px 0px;
}
.kalender .wochenansicht .Zeile:not(:nth-child(1)) div:not(.empty):hover, .kalender .wochenansicht .Zeile:not(:nth-child(1)) div.selected
{
	background-color: #f32e63;
	color: #ffffff;
	cursor: pointer;
	-webkit-box-shadow: 1px 1px 6px 1px rgba(158,138,143,1);
	-moz-box-shadow: 1px 1px 6px 1px rgba(158,138,143,1);
	box-shadow: 1px 1px 6px 1px rgba(158,138,143,1);
	border-radius: 2px;
}
.kalender .wochenansicht .Zeile .Tag
{
	display: inline-block;
	position: relative;
	width: 14%;
	text-align: center;
	
}
.kalender .wochenansicht .Zeile .Tag h2
{
	font-size: 14px;
}
.kalender .wochenansicht hr
{
	height: 1px;
	background-color: #666666;
	border: 0px;	
}

.ui-datepicker-trigger
{
	display: 		none;
}

textarea:focus, input:focus
{
	outline: 		none;
}

textarea, input
{
	background: 	transparent;
	padding-bottom: 		5px;
	margin: 		5px;
	border: 		none;
	border-bottom: 	1px solid rgba(67,67,67,0.5);
}

.select-wrapper {
  position: relative;
  width: 200px;
}

.select-wrapper::before {
  color: #fff;
  font-size: 20px;
  pointer-events: none;
  position: absolute;
  right: 15px;
  top: 10px;
}
.select-wrapper.icon-angle-down::before 
{
	color: #000000;
}
select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8nwYAAmoBZ0eMiB8AAAAASUVORK5CYII=) repeat;
  border: none;
  border-radius: 3px;
  box-shadow: 2px 2px 5px 1px rgba(0,0,0,.3);
  color: #000000;
  cursor: pointer;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  height: 40px;
  outline: none;
  padding-left: 10px;
  width: 100%;
}

select option {
  color: #666;
}

select::-ms-expand {
  display: none;
}

select:focus::-ms-value {
  background-color: transparent;
}



.questionbox
{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;   
	
	width:  calc(100% / 4);
}
form#f_search div.combo, form#f_search input:not([type=checkbox])
{
	width: 	100%;
}

.questionbox.single
{
	width: auto;
	display: block;
	position: relative;
	left: 	0px;
	right: 0px;
}
div.free_slots.table
{
	display: 			table;
	width: 				100%;
	min-height: 		100px;
}

div.free_slots.table .row
{
	display:  			table-row;
}

.free_slots.table .row.header
{
	display:  			table-header-group;
}

.free_slots.table .row.header .collumn
{
	border-bottom:  	1px solid #000000;
	padding-top: 		10px;
}

.free_slots.table .row .collumn
{
	display: 			table-cell;
	text-align: 		center;
	
	max-width: 			1px;
}

.free_slots.table .row div.collumn:nth-child(odd)
{
	background-color: 	rgba(255,255,255,0.7);
}
.free_slots.table .row div.collumn:nth-child(even)
{
	background-color: 	rgba(255,255,255,0.3);
}

.free_slots.table .row div.collumn.Feiertag 
{
	background-color: rgba(255,0,4,0.26);
}
.free_slots.table .row div.collumn.Samstag 
{
	background-color: rgba(255,0,4,0.07);
}
.free_slots.table .row div.collumn.Sonntag 
{
	background-color: rgba(255,0,4,0.12);
}


.free_slots.table .row .collumn .telefonisch
{
	text-align: 		center;
	margin: 			5px;
	
	display: 			inline-block;
	background-color: 	rgba(184,248,183,1.00);
	padding: 			5px 15px 5px 15px;
	border: 			1px rgba(215,215,215,0) solid;	
	
	max-width: 			10vw;
	
	font-size: 			70%;
}

.free_slots.table .row .collumn .slot
{
	text-align: 		center;
	margin: 			15px;	
}
.free_slots.table .row .collumn .slot div
{
	display: 			inline-block;
	background-color: 	rgba(184,248,183,1.00);
	padding: 			5px 15px 5px 15px;
	border: 			1px rgba(215,215,215,0) solid;
}
.free_slots.table .row .collumn .slot div:hover
{
	background-color: 	rgba(248,183,183,1.00);
	border: 			1px rgba(215,215,215,1.00) solid;
	cursor: 			pointer;
}

.free_slots.table .row .collumn .slot div.selected
{
	background-color: 	rgba(183,205,248,1.00);
	border: 			1px rgba(199,199,199,1.00) solid;
}

.display.event_selected, .display.event_selected div, .display.event_change
{
	display: 			inline-block;
}

.free_slots.table .row .collumn .slot div span.person_name
{
	font-size:  		75%;
	padding-left: 		0px;
	padding-right:   	0px;
}

.display.event_change, .questionbox.single_button .suche.weiter, #div_o_gbmsg .msg_content .close_button > div, #div_o_gbmsg .msg_content .close_button > div
{
	border-radius: 		3px;
	background: 		rgba(190,189,189,1.00);
	border: 			#000000 1px solid;
	margin-left: 		20px;
	padding: 			5px 10px 4px 10px;
	
	font-size: 			70%;
}
.display.event_change:hover, .questionbox.single_button .suche.weiter:hover, #div_o_gbmsg .msg_content .close_button > div:hover
{
	cursor: 			pointer;
	background: 		rgba(191,199,245,1.00);
}


.questionbox.single_button .suche.weiter, #div_o_gbmsg .msg_content .close_button > div
{
	font-size: 			100%;
	margin: 			0px;
	text-align: 		center;
}

.questionbox.single_button, #div_o_gbmsg .msg_content .close_button
{
  	width: 120px;
  	position: relative;
  	left: calc(50% - 60px);
	
	margin-bottom: 	40px;
}

#div_o_gbmsg .msg_content .close_button
{
	margin-bottom: 	0px;
}

#div_o_gbmsg
{
	background: rgba(255,255,255,0.76);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;

	display: flex;
	justify-content: center; /* Horizontale Zentrierung */
	align-items: center;    /* Vertikale Zentrierung */
  
	overflow: hidden; 
	padding: 20px;
}

#div_o_gbmsg .msg_content
{
	
	border: 			#000000 1px solid;
	background: 		#ffffff;
	border-radius: 		5px;
	-webkit-box-shadow: 5px 5px 7px -2px #000000; 
	box-shadow: 		5px 5px 7px -2px #000000;	
	
	max-width: 100%; /* Passt sich an die Breite des Eltern-Containers an */
	max-height: 100%; /* Passt sich an die Höhe des Eltern-Containers an */
	overflow: auto; /* Fügt Scrollbalken hinzu, wenn der Inhalt größer ist */
	padding: 16px; /* Optional: Innenabstand */
	border-radius: 8px; /* Optional: Abgerundete Ecken */
}

#div_legalinfos_gbmsg
{
	background: rgba(255,255,255,0.76);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
	padding-left: 		100px;
	padding-right: 		100px;
	overflow-y: 		scroll;
}

#div_legalinfos_gbmsg .msg_content
{
	
	border: 			#000000 1px solid;
	background: 		#ffffff;
	border-radius: 		5px;
	-webkit-box-shadow: 5px 5px 7px -2px #000000; 
	box-shadow: 		5px 5px 7px -2px #000000;	
	
	position: 			relative;
  	left: 				50%;
  	top: 				20px;
	bottom: 			20px;
	height: 			auto;
  	transform: 			translateX(-50%);
	
	padding: 			10px;
	margin-bottom: 		50px;
}

#div_legalinfos_gbmsg .close_button
{
	position: 			fixed;
	top: 				0px;
	right: 				15px;
	padding: 			7px;
	color: 				#ffffff;
	border: 			rgba(0,0,0,1.00);
	background: 		rgba(63,63,63,0.51);
	font-size: 			10px;
}
#div_legalinfos_gbmsg .close_button:hover
{
	cursor: 			pointer;
	text-decoration: 	underline;
}

#div_input_auswahl
{
	user-select: 		none;
}
#div_input_bemerkung
{
	height: 			355px;
}
#div_input_bemerkung #d_termin_item_bemerkung
{
	height: 			264px;
	border: 			1px solid #CFCFCF;
	background-color: 	rgba(255,255,255,0.54);
}
#searchform > *
{
	vertical-align: 	top;
}
.event_range .prev, .event_range .current, .event_range .next
{
	display: 			inline-block;
	padding: 			10px;
}

.event_range .prev, .event_range .next
{
	cursor: 			pointer;
}

.event_range .prev.deactivate, .event_range .next.deactivate
{
	color: 				rgba(0,0,0,0.27);
	cursor: 			default;
	pointer-events: 	none;
}

::-webkit-input-placeholder {
  color: #000;
  opacity: 0.5;
  -webkit-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}
:-moz-placeholder {
  color: #000;
  opacity: 0.5;
  -moz-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}
::-moz-placeholder {
  color: #000;
  opacity: 0.5;
  -moz-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}
:-ms-input-placeholder {  
  color: #000;
  opacity: 0.5;
  -ms-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}

/* Place Holder CSS for Focus */
:hover::-webkit-input-placeholder {
  opacity: 0.75;
  -webkit-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}
:hover:-moz-placeholder {
  opacity: 0.75;
  -moz-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}
:hover::-moz-placeholder {
  opacity: 0.75;
  -moz-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}
:hover:-ms-input-placeholder {  
  opacity: 0.75;
  -ms-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}

/* Place Holder CSS for Focus */
:focus::-webkit-input-placeholder {
  opacity: 0;
  -webkit-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}
:focus:-moz-placeholder {
  opacity: 0;
  -moz-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}
:focus::-moz-placeholder {
  opacity: 0;
  -moz-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}
:focus:-ms-input-placeholder {  
  opacity: 0;
  -ms-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}


.message.no_free_slot
{
	display: 		block;
	height: 		auto;
	width: 			auto;
	top: 			0px;
	left: 			0px;
	right: 			0px;
	bottom: 		0px;
	background:  	#F5F4F4;
}

.message.no_free_slot div
{
	display: 		inline-block;
	position: 		relative;
	top: 			auto;
	left: 			auto;
	right: 			auto;
	bottom: 		auto;
	margin: 		auto;
	border: 		#5E5E5E 1px solid;
	border-radius:  3px;
	background: 	#B7FFAC;
	padding: 		10px;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.75);
}

div#nav_legal_infos
{
	position: 			absolute;
	right: 				10px;
	top: 				10px;
	font-size: 			11px;
	color: 				#ffffff;
	text-transform: 	uppercase;
}
div#nav_legal_infos div
{	
	position: 			relative;
	display: 			inline-block;
}
div#nav_legal_infos div:hover
{
	cursor: 			pointer;
	text-decoration: 	underline;
}
.ui-datepicker-month, .ui-datepicker-year
{
	padding: 			5px;
	padding-top: 		2px;
	padding-bottom: 	2px;
	background-color: 	rgba(255,255,255,0.68);
	height: 			22px;
	margin-right: 		3px !important;
}
.ui-datepicker-month:after, .ui-datepicker-year:after
{
	content: 		'^';
}

.messagebox
{
	position: 		absolute;
	height: 		auto;
	left: 			50%;
	top: 			50%;
	transform: translate(-50%, -50%);
	
	border-radius: 	5px;
	box-shadow: 	5px 5px 7px -2px #000000;
	border: 		#000000 1px solid;
	background: 	#ffffff;
	
	padding: 		10px;
}



.messagebox .button
{
	position: 			relative;
	display: 			inline-block;
	border-radius: 		3px;
	background: 		rgba(190,189,189,1.00);
	border: 			#000000 1px solid;
	padding: 			5px 10px 4px 10px;
	
	
	font-size: 			70%;
}
.messagebox .button:hover
{
	cursor: 			pointer;
	background: 		rgba(191,199,245,1.00);
}


.messagebox .buttonv
{
	font-size: 			100%;
	margin: 			0px;
	text-align: 		center;
}

#nav_legal_infos .splitter
{
	padding-left: 		5px;
	padding-right: 		5px;
}

.zusatz_logo
{
	display: 			inline-block;
	top: 				-2px;
}

.zusatz_logo > img
{
	height: 			58px;
}

.questionbox#div_input_options .options_checkboox_list
{
	display: 				grid;
	grid-template-columns: 	30px auto;
}

@media (max-width: 430px)
{
	.head .line
	{
		display: 	none;
	}
	#nav_legal_infos .splitter
	{
		display: 	none;
	}
	#nav_legal_infos
	{
		text-align: right;
	}
	#nav_legal_infos #nav_impressum, #nav_legal_infos #nav_datenschutz
	{
		display: 	block;
		text-align: right;			
	}
}

@media (max-width: 600px)
{
	.head
	{
		height: 	35px;
	}
	
	.head .logo img
	{
		height: 	30px;
	}
	
	.head .klinik_name
	{
		font-size: 	15px;
		height: 	30px;
	}

}

@media (min-width: 0px) and (max-width: 699px)
{	
	.head
	{
		height: 			75px;
	}
	
	.questionbox			{	width:  calc(100% / 1); }
	#searchform 			{	margin-left:   	10px;	margin-right: 	10px; }
	body 					{ 	padding: 00px; }
	#div_legalinfos_gbmsg	{	padding-left: 30px; padding-right: 30px; }
	.head .logo img, .head .klinik_name, .head .titel
	{
		margin-top: 	5px;
	}
	.head .logo img
	{
		margin-left: 	5px;
	}
	.head .titel
	{
		margin-right: 	5px;
		display:   		none;
	}
	
	.event_range .prev, .event_range .current, .event_range .next
	{
		padding-right: 			5px;
		padding-left: 			5px;
	}	
	
	.free_slots.table .row .collumn .slot
	{
		text-align: 		center;
		margin: 			3px;	
	}
	
	.free_slots.table
	{
		overflow-x: scroll;
	}
	
	.free_slots.table .row .collumn .slot div, .free_slots.table .row.header .collumn
	{
		padding: 			5px 5px 5px 5px;
		font-size: 			56%;
	}	
	
	#div_input_auswahl .input_el
	{
		overflow-x: 		auto;
	}

	.questionbox
	{
		margin: 			10px 0px 10px 0px;
	}
}


@media (min-width: 700px) and (max-width: 899px)
{
	.questionbox, #div_input_pers {	width:  calc(100% / 2 - 2px * 2); }
	#searchform 			{	margin-left:   	10px;	margin-right: 	10px; }
	body 					{ 	padding: 		10px; }
	.head					{	height: 		70px;	}
	div#nav_legal_infos		{	top: 			0px ;	right: 			0px;
	}
}

@media (min-width: 900px) and (max-width: 1299px)
{
	.questionbox, #div_input_pers 	{	width:  calc(100% / 3 - 2px * 3); }
	#searchform 	{	margin-left:   	60px;	margin-right: 	60px; }
	
	.head			{	height: 		90px;	}
}

@media (min-width: 1300px)
{
	.questionbox, #div_input_pers 	{	width:  calc(100% / 4 - 2px * 4); }
	
	#searchform 	{	margin-left:   	60px;	margin-right: 	60px; }
}

[style_red] 		{ color: 			rgba(255,0,4,1.00); }
[style_bold] 		{ font-weight: 		bold;}