/*                                                                                                      	*/
/* #################################################################################################### 	*/
/* # Datei css/addon.marktplatz.css   (bluepageCMS V3.21)                                                 */
/* #################################################################################################### 	*/
/* # Copyright © 05.2020 ISS-Oberlausitz (www.iss-ol.de)                                                	*/
/* # Author: T.Hojenski                                                                                 	*/
/* # Email:  th@iss-ol.de                                                                               	*/
/* # URL:    http://www.bluepage-cms.com                                                                	*/
/* #################################################################################################### 	*/
/*   																																		*/
.marketplaceSearchFrml {
	position:relative;
	width:100%;
}   
.marketplaceSearchFrml .form {
	position:relative;
	width:100%;
   display:flex;
   border-radius:0.5em;
   border:0.1em solid var(--main-gn-color);
   background:var(--main-btn-bgcolor);;
   padding:1em 1em;
}   
.marketplaceSearchFrml .form > div {
	position:relative;
	display:flex;
	width:auto;
}
.marketplaceSearchFrml .form > div:first-child {
	width:100%;
}
.marketplaceSearchFrml .form div.btnbar {
	width:20%;
	display:flex;
	margin-top: 1em;
}

.marketplaceSearchFrml .form label {
	position:absolute;
	top:-0.4em;
	padding-left:0.15em;
	color:#ffffff;
}
.marketplaceSearchFrml input,
.marketplaceSearchFrml select {
	width: 100%;
	height: calc(var(--main-txt-size) * 3);
	margin: 1em 0.25em 0 0;
	display: block;
	outline: none;
	padding: 0.9em 2em 1em 1em;
	z-index: 1;
	box-sizing: border-box;
	transition: all 200ms cubic-bezier(0.4,0,0.6,1);
	border-radius: 0.5em;
	border: 0.1em solid #8f8f8f;
	background-color: #ffffff;
	color: #333333;
	font-size:var(--main-txt-size);
	line-height:120%;
	color: #333;
	transition: border-color 250ms;

	&:focus {
		outline: none;
	   border-bottom-color: #777;
	}
	&::placeholder {
	   color: #777;
	}
	&:disabled {
	  	color: #b9b9b9;
	 	cursor: not-allowed;
	}
}
.marketplaceSearchFrml select {
   appearance: none;   
	-webkit-appearance: none;
      background: url('../img/sys/select.svg') right center no-repeat #ffffff; 
   background-size:2em auto;
   padding-right:2.5em; 
   width:auto;
}
.marketplaceSearchFrml select option.bold{
	font-weight:bold;
}
.marketplaceSearchFrml button {
	width: 2.5em;
	height: calc(var(--main-txt-size) * 3);
	margin: 0 0.25em 0 0;
	display: flex;
	outline: none;
	padding: 0.9em 2em 1em 1em;
	z-index: 1;
	box-sizing: border-box;
	transition: all 200ms cubic-bezier(0.4,0,0.6,1);
	border-radius: 0.5em;
	border: none; /*0.1em solid #8f8f8f; */
	color: #333333;
	font-size:var(--main-txt-size);
	line-height:120%;
	width: 100%;
	color: #333;
	transition: border-color 250ms;
}
.marketplaceSearchFrml button:hover {
	opacity:0.5;
}
.marketplaceSearchFrml button span {
	display:none;
}
.marketplaceSearchFrml button#search {
   background: url('../img/mp/search.svg') right center no-repeat; 
   background-size:2em auto;
}
.marketplaceSearchFrml button#add {
   background: url('../img/mp/add.svg') right center no-repeat; 
   background-size:2em auto;
}
.marketplaceSearchFrml button#member {
   background: url('../img/mp/member.svg') right center no-repeat; 
   background-size:2em auto;
}
.marketplaceSearchFrml button#fav {
   background: url('../img/mp/fav.svg') right center no-repeat; 
   background-size:2em auto;
}
.marketplaceSearchFrml .clear {
  position: absolute;
  font-size:var(--main-txt-size);
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  top: 0.25em;
  right: 0.5em; 
  transform: translateY(-50%);
  background: none;
  border: none;
  border-radius: 50%;
  height: 1em;
  width: 1em;
  color: #fff;
  transition: color 250ms;
  display: flex;
  align-items: center;
  justify-content: center;

  &:hover,
  &:focus {
    color: #000000;
  }
}

.marketplaceContainer div div > ul { 
	position:relative; 
	margin:0; 
	padding:0;
	display:block;
 	font-size: var(--main-txt-size);
   line-height : 100%;
}
                                                                                               
.marketplaceContainer ul > li { 
	position:relative; 
   border-radius:0.5em;
   border:0.1em solid var(--main-gn-color);
   padding:0.5em 0.75em;
	margin:0 0 0.5em 0; 
	display:block;
	list-style:none;
}
.marketplaceContainer ul > li.block_hidden { display:none; }
 
.marketplaceContainer .datum {
   font-size:var(--main-red-size);
   padding-bottom:0.25em;
}

.marketplaceContainer em  {
   font-weight:normal;
   font-family:'BalooChettan2',Liter,Arial,Helvetica,sans-serif;
   font-size:var(--main-titel-size);
   font-weight:bold;
   line-height:130%;
   font-style:normal;
}
.marketplaceContainer .templ_td_txt    { width:47.5emem; }

.marketplaceContainer a.link_anker { margin-bottom:0; }

.marketplaceContainer .bx-controls {
}
.marketplaceContainer .bx-controls-direction a {
	position: absolute;
	top: auto;
	bottom:0.75em;
	right: auto;
	left: auto;
	width: 1.25em;
	height: 2.5em;
}
.marketplaceContainer .bx-controls-direction a.bx-prev {
	right: 2.5em;
	background: url('../img/sys/l.svg') left center no-repeat;
	background-size: auto 1.25em;
}
.marketplaceContainer .bx-controls-direction a.bx-next {
  right: 1em;
  background: url('../img/sys/r.svg') right center no-repeat;
  background-size: auto 1.25em;
}
.marketplaceContainer h2 apan {
	font-size:calc(var(--main-titel-size) + 5px); 
	line-height:130%;
	color:var(--main-gn-color) !important;
}
#marketplacebtnBar {
	position:relative;
	width:100%;
   display:flex;
   border-radius:0.5em;
   border:0.1em solid var(--main-gn-color);
   background:#ffffff;
   padding:0.75em 0.5em;
}   
#marketplacebtnBar button {
	position:relative;
	display:flex;
	width: 100%;
	height: calc(var(--main-txt-size) * 3);
	padding: 0.9em 0.25em 1em 0.25em;
	margin:0 0.25em;
   background: var(--main-btn-bgcolor);
   border-radius:0.5em;
   border:0.1em solid var(--main-gn-color);
	text-align:center;
	font-size:var(--main-txt-size);
	line-height:120%;
	font-weight:600;
	color:#ffffff;
	outline: none;
	cursor:pointer;_
	z-index: 1;
	box-sizing: border-box;
	transition: all 200ms cubic-bezier(0.4,0,0.6,1);
}
#marketplacebtnBar button:hover  {
   background: #ffffff;
   border:0.1em solid var(--main-gn-color);
	color:var(--main-btn-bgcolor);
	transition: all 200ms cubic-bezier(0.4,0,0.6,1);
}

#marketplacebtnBar button span {
	width:100%;
	font-size:0.8em;
}

.marketplaceContainer .EntryAjax {
	display:none;
}
.marketplaceContainer .EntryAjax .kontakt {
   border-radius:0.5em;
   border:0.1em solid #bebebe;
	background:#eee;
	padding: 1em;
}

.marketplaceFormular {
	position:relative;
	display:none;
}




.marketplaceContainer address > div {
   position:relative;
   padding:0.15em 0;
}
.marketplaceContainer address > div.kontaktName:before { display:none; }

.marketplaceContainer address > div div:before,
.marketplaceContainer address > div a:before { 
   position:relative;
   width: 1.5em; 
   height: 1.25em; 
   display:inline-block;
   vertical-align:middle;
   text-align:left;
   content:"";   
   background-size:1em auto;                                                             
}
.marketplaceContainer address div.kontaktAdresse span { display:inline-flex; }

.marketplaceContainer address div.kontaktAdresse div:before {
   background: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224px%22%20fill%3D%22%231f1f1f%22%3E%3Cpath%20d%3D%22M480-480q33%200%2056.5-23.5T560-560q0-33-23.5-56.5T480-640q-33%200-56.5%2023.5T400-560q0%2033%2023.5%2056.5T480-480Zm0%20294q122-112%20181-203.5T720-552q0-109-69.5-178.5T480-800q-101%200-170.5%2069.5T240-552q0%2071%2059%20162.5T480-186Zm0%20106Q319-217%20239.5-334.5T160-552q0-150%2096.5-239T480-880q127%200%20223.5%2089T800-552q0%20100-79.5%20217.5T480-80Zm0-480Z%22%2F%3E%3C%2Fsvg%3E') left center no-repeat;
}
.marketplaceContainer address div.kontaktTel a:before {
   background: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224px%22%20fill%3D%22%231f1f1f%22%3E%3Cpath%20d%3D%22M162-120q-18%200-30-12t-12-30v-162q0-13%209-23.5t23-14.5l138-28q14-2%2028.5%202.5T342-374l94%2094q38-22%2072-48.5t65-57.5q33-32%2060.5-66.5T681-524l-97-98q-8-8-11-19t-1-27l26-140q2-13%2013-22.5t25-9.5h162q18%200%2030%2012t12%2030q0%20125-54.5%20247T631-329Q531-229%20409-174.5T162-120Zm556-480q17-39%2026-79t14-81h-88l-18%2094%2066%2066ZM360-244l-66-66-94%2020v88q41-3%2081-14t79-28Zm358-356ZM360-244Z%22%2F%3E%3C%2Fsvg%3E') left center no-repeat;
}
.marketplaceContainer address div.kontaktMobil a:before {
   background: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224px%22%20fill%3D%22%231f1f1f%22%3E%3Cpath%20d%3D%22M280-40q-33%200-56.5-23.5T200-120v-720q0-33%2023.5-56.5T280-920h400q33%200%2056.5%2023.5T760-840v124q18%207%2029%2022t11%2034v80q0%2019-11%2034t-29%2022v404q0%2033-23.5%2056.5T680-40H280Zm0-80h400v-720H280v720Zm0%200v-720%20720Zm120-40h160q17%200%2028.5-11.5T600-200q0-17-11.5-28.5T560-240H400q-17%200-28.5%2011.5T360-200q0%2017%2011.5%2028.5T400-160Z%22%2F%3E%3C%2Fsvg%3E') left center no-repeat;
}
.marketplaceContainer address div.kontaktFax a:before {
	background: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224px%22%20fill%3D%22%231f1f1f%22%3E%3Cpath%20d%3D%22M200-120q-50%200-85-35t-35-85v-280q0-50%2035-85t85-35q27%200%2049.5%2011t39.5%2029h31v-200h400v200h40q50%200%2085%2035t35%2085v320H289q-17%2018-39.5%2029T200-120Zm0-80q17%200%2028.5-11.5T240-240v-280q0-17-11.5-28.5T200-560q-17%200-28.5%2011.5T160-520v280q0%2017%2011.5%2028.5T200-200Zm200-400h240v-120H400v120Zm-80%20360h480v-240q0-17-11.5-28.5T760-520H320v280Zm280-160q17%200%2028.5-11.5T640-440q0-17-11.5-28.5T600-480q-17%200-28.5%2011.5T560-440q0%2017%2011.5%2028.5T600-400Zm120%200q17%200%2028.5-11.5T760-440q0-17-11.5-28.5T720-480q-17%200-28.5%2011.5T680-440q0%2017%2011.5%2028.5T720-400ZM600-280q17%200%2028.5-11.5T640-320q0-17-11.5-28.5T600-360q-17%200-28.5%2011.5T560-320q0%2017%2011.5%2028.5T600-280Zm120%200q17%200%2028.5-11.5T760-320q0-17-11.5-28.5T720-360q-17%200-28.5%2011.5T680-320q0%2017%2011.5%2028.5T720-280Zm-360%200h160v-200H360v200Zm-40%2040v-280%20280Z%22%2F%3E%3C%2Fsvg%3E') left center no-repeat;
}
.marketplaceContainer address div.kontaktMail a:before {
   background: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224px%22%20fill%3D%22%231f1f1f%22%3E%3Cpath%20d%3D%22M480-80q-83%200-156-31.5T197-197q-54-54-85.5-127T80-480q0-83%2031.5-156T197-763q54-54%20127-85.5T480-880q83%200%20156%2031.5T763-763q54%2054%2085.5%20127T880-480v58q0%2059-40.5%20100.5T740-280q-35%200-66-15t-52-43q-29%2029-65.5%2043.5T480-280q-83%200-141.5-58.5T280-480q0-83%2058.5-141.5T480-680q83%200%20141.5%2058.5T680-480v58q0%2026%2017%2044t43%2018q26%200%2043-18t17-44v-58q0-134-93-227t-227-93q-134%200-227%2093t-93%20227q0%20134%2093%20227t227%2093h200v80H480Zm0-280q50%200%2085-35t35-85q0-50-35-85t-85-35q-50%200-85%2035t-35%2085q0%2050%2035%2085t85%2035Z%22%2F%3E%3C%2Fsvg%3E') left center no-repeat;
}
.marketplaceContainer address div a:hover:before  {
   filter: invert(43%) sepia(44%) saturate(1086%) hue-rotate(74deg) brightness(96%) contrast(86%);
}

#LightboxMarketplace {
   position:fixed;
   top: 0;
   bottom:0;
   left:0;
   width:100%;
   padding:0;
   margin:0;
   height:100%;
   background:rgb(0,0,0,0.6);
   display:none;
   z-index:10000;
}
#LightboxMarketplaceWindow {
   position: fixed;
   top: 0;
   bottom:0;
   left: 0;
   right:0;
   width:42.5em;
   max-width:90vw;
   margin:5vh auto;
	height: 90vh;
   background-color: #ffffff;
   font-size: var(--main-txt-size);
   font-weight: normal;
   text-decoration: none;
   color: #000000;
   border: 1px solid #000000;
   line-height: 140%;
   z-index: 15000;
   padding: 0;
   overflow: hidden;
   display: block;
   border: 1px solid #000000;
   box-shadow: 0px 0px 10px #000000;
   border-radius: 1em;
}
#LightboxMarketplaceWrapper {
   position:relative;
   text-align:left;    
   vertical-align:middle; 
   line-height:130%;
   background:#ffffff;
   margin:0 auto; 
   padding:0;
   font-family:   -ms-hyphens: auto;
   -webkit-hyphens: auto;
   hyphens: auto;
   display: grid;
	grid-template-rows: auto 1fr auto; 
	height: 100%;
}
#LightboxMarketplaceClose {
   position:absolute;
   top:0;
   right:0.5em;
   width:2.2em;
   height:3em;
   z-index:15005;
   font-size:20px;
   color:#333333;
   line-height:150%;
   text-align:right;
   background: url('../img/sys/lightboxClose.ws.svg') center center no-repeat;
   background-size:1em auto;
   color:#ffffff;  
   cursor:pointer;
   display:block;
}
#LightboxMarketplaceHeader { 
	background:var(--main-gn-color);
	color:#ffffff;
	padding:0.75em 1em 1em; 
}
#LightboxMarketplace h2 { font-family : 'BalooChettan2',Liter,Arial,Helvetica,sans-serif; font-size:var(--main-txt-size);; font-weight:bold; color:#000000; margin:0; }
#LightboxMarketplace h2 span { color:#ffffff;font-size: 1.4em }

#LightboxMarketplaceClose:hover  {
   color:#666666;
}
#LightboxMarketplaceClose span {
   display:none;
   padding:0.3em 1.75em 0.25em 0;
}

.frmlcont {
	_height:calc(100% - 8.5em); 
	overflow-y:auto; 
}
#LightboxMarketplace form { 
   position:relative; 
   width:100%;
   padding:0.25em 1em 0 1em;
	display:table;
}
#LightboxMarketplace form .templ_table {
	height:100%; 
}
#LightboxMarketplace #status { display:table-row; height:1.5em; color:red; margin-bottom:0.5em; }

#LightboxMarketplace fieldset.block { position:relative; display:table-row; height:1%; border:2px solid #8f8f8f; padding:0 0.5em 0.5em 0.5em; margin-bottom:0; }
#LightboxMarketplace fieldset.block legend { font-weight:bold; color:#8f8f8f; padding: 0 0.25em; }

#LightboxMarketplace fieldset.block legend .content { color:#333333; padding: 0 0.75em; }
#LightboxMarketplace .content { display:table-row; height:99%; }


#LightboxMarketplace form .frml,
#LightboxMarketplace form .frml.twin,
#LightboxMarketplace form .divCheckbox {
	margin-top:0%;
	margin-bottom:0;
	height:1%;
}
#LightboxMarketplace form .frml.textareabox  {
	display:table-row;
	height:100%;
	_height:calc(100% - 0.5em); 
}


#LightboxMarketplace form .input-wrapper {
	height:100%; 
}
#LightboxMarketplace form .textarea {
	height:calc(100% - 1em);
	_height:22vh;
	_height:calc((var(--main-txt-size)*3) * 3.5);
}
.fieldset.frml {
   border: 1px solid #000000;
   padding: 0 0.25em 0 0.5em;
}
/*
#LightboxMarketplace .input-wrapper.error * { border-color:red; }
#LightboxMarketplace .input-wrapper.error legend { color:red; }
#LightboxMarketplace .input-wrapper.error * { color:red; }
#LightboxMarketplace .divCheckbox.error * { color:red; }
*/
#marketplace .input-wrapper.error * { border-color:red; }
#marketplace .input-wrapper.error legend { color:red; }
#marketplace .input-wrapper.error * { color:red; }
#marketplace .divCheckbox.error * { color:red; }

#LightboxMarketplace .form .divCheckbox label a.link_in {
	 font-weight:normal; 
}
#LightboxMarketplace .frml_btnbar { 
   position:relative;
   left:0;
   bottom:0;
   width:100%;
   font-size:var(--main-txt-size);
   height:3em;
   background:var(--main-gn-color);
   padding: 0.5em 1em;
}
#LightboxMarketplace .frml_btnbar .frml_button {
	background: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3C%21--%21%20Font%20Awesome%20Free%206.7.2%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree%20%28Icons%3A%20CC%20BY%204.0%2C%20Fonts%3A%20SIL%20OFL%201.1%2C%20Code%3A%20MIT%20License%29%20Copyright%202024%20Fonticons%2C%20Inc.%20--%3E%3Cpath%20fill%3D%22%23229821%22%20d%3D%22M498.1%205.6c10.1%207%2015.4%2019.1%2013.5%2031.2l-64%20416c-1.5%209.7-7.4%2018.2-16%2023s-18.9%205.4-28%201.6L284%20427.7l-68.5%2074.1c-8.9%209.7-22.9%2012.9-35.2%208.1S160%20493.2%20160%20480l0-83.6c0-4%201.5-7.8%204.2-10.8L331.8%20202.8c5.8-6.3%205.6-16-.4-22s-15.7-6.4-22-.7L106%20360.8%2017.7%20316.6C7.1%20311.3%20.3%20300.7%200%20288.9s5.9-22.8%2016.1-28.7l448-256c10.7-6.1%2023.9-5.5%2034%201.4z%22%2F%3E%3C%2Fsvg%3E') 0.5em center no-repeat #ffffff;
   background-size:1.1em auto;
	color:var(--main-gn-color);
	border-color:#000000;
	font-weight:bold;
}
#LightboxMarketplace .frml_btnbar .frml_pflicht {
	 color:#ffffff;
}
#LightboxMarketplace .frml_btnbar a.link_in, 
#LightboxMarketplace .frml_btnbar a.link_in:hover {
	 color:#ffffff;
	 text-decoration:none;
}
#LightboxMarketplace .frmlsubmit { 
   position:relative; 
   width:100%;
   height:calc(100% - 1em); 
   padding:0.25em 1.5em 0 1.5em;
	display:table;
}
#marketplace #status { margin-bottom:0.5em; }
#marketplace #status span { 
	display:block; 
	font-weight:bold;
	border:0.1em solid transparent;
	border-radius:0.5em; 
	padding:0.75em;
	font-size:var(--main-txt-size); 
	line-height:130%;
}
#marketplace #status .warning { color:#ff0000; background:rgb(255,0,0,0.05); border-color:#ff0000; }
#marketplace #status .message { color:#0fa200; background:rgb(15,162,0,0.08); border-color:#0fa200; }

.entry_btnbar {
	margin:0 -0.25em;
}
.entry_btnbar a {
	width:3em;
	height: 3em;
	display:inline-block;
	margin:0.25em;
	background:url('../img/pic.gif') center center no-repeat #229821; 
	background-size: 2em auto;
	border-radius:0.4em;
}
.entry_btnbar a.entry_view { background-image:url('../img/mp/detail.svg'); }
.entry_btnbar a.entry_work { background-image:url('../img/mp/bearbeiten.svg'); }
.entry_btnbar a.entry_time { background-image:url('../img/mp/time.svg');  }
.entry_btnbar a.entry_image  { background-image:url('../img/mp/bildmaterial.svg');  }
.entry_btnbar a.entry_del  { background-image:url('../img/mp/trash.svg');  }
.entry_btnbar a span { display:none; }

.termin.expired {
	color:#ff0000;
}

#LightboxMarketplaceWindow .cont { /* Detailansicht aus Userbereich */ 
	padding:0.75em;
}
#LightboxMarketplace .cont h2 span { color:var(--main-btn-bgcolor); }