
/* COMPONENT */
#com_filialfinder {
    padding-bottom:40px;
    margin:0px;
}

/*** OVERVIEW MAP ***/
#mapcanvas_com, .mapcanvas {
    margin:0px 0px 2px 0px;
    clear:both;
}
#mapcanvas_com, #mapcanvas_listing, #filialfinder_map_canvas {
    margin-top:15px;
    width: 100%;
    height:420px;
}

#com_filialfinder .mapcanvas img {max-width:none !important;}

.ff_mapswindow {
	padding: 4px;
}

/*** SEARCH FORM ***/
/* Search form html is based on bootstrap 2 - joomla3 standard */

.ff_searchform { margin-bottom:10px; }

#com_filialfinder.printview { margin:15px; }

/*** TABLE (Results) ***/
table.ff_results { width:100%; }

#com_filialfinder table td { text-align: left; }

.ff_results_listing .column0 { width:50%; }

.ff_results_listing .column1 {
    width:5%;
    text-align:left;
}

.ff_results_listing .column2 { width:15%; }

.ff_results_listing .column3 { width:30%; }

.com_filialfinder_ergebnistabelle {
    background:none repeat scroll 0 0 #FFFFFF;
    border:1px solid #CCCCCC;
    border-collapse:collapse;
    margin:0px 0px 0px 0px;
    padding:0;
    width:100%;
}

.com_filialfinder_ergebnistabelle td {
    border:1px solid #CCCCCC;
    padding:6px;
}

/*
#com_filialfinder .td1 a {
    background:url("../img/lupe.gif") 0px 2px no-repeat;
    padding-left:18px;
}

.imbereich {
    font-style:italic;
    background:#FEFEFE;
}

/*
.thead th, .thead th.td0, .thead th.td1, .thead th.td2, .thead th.td3, .thead th.td4 {
    padding-left:6px;
    text-align:left;
    color:#333;
    background:url("../img/tr-top.gif") repeat-x scroll 0 0 #DDDDDD;
    border:1px solid #CCCCCC;
    border-collapse:collapse;
    height:25px;
    font-weight:normal;
} */


/*** DETAIL VIEW ***/

.store_images { 
	float:right;
	clear:both;
	margin-top:40px; 
}
.store_images .filialfinder_image_wrap {
	margin-bottom:10px;
}

.store_image {
	float:left;
	padding-right:10px;
}

#filialfinder_printlink {
	text-align: right;
	width: 100%;
}
#filialfinder_printlink form { margin: 0; }
#com_filialfinder.singleview table {
	border:0px;
	width:auto;
}

#com_filialfinder.singleview table.adp-directions {	width:100%; }

#com_filialfinder.singleview .filialfinder_field { padding:2px; }

#com_filialfinder.singleview .break { height:10px; }

#com_filialfinder.singleview .filialfinder_label {
	width:100px;
	display:block;
	float:left;
}

#com_filialfinder.singleview .filialfinder_content { margin-left:101px; }

#printbutton { margin:5px 0px 10px 10px; }

.store_misc { clear:left; }

.marginleft { margin-left:100px; }

.filialfinder_hinweis_anfahrt {
	padding:0px 0px 15px 0px;
	font-style:italic;
}

#filialfinder_directions { width: 100%; }

.store_map {
    margin-top:20px;
    clear:both;
}

.infotext { margin:10px 0px; }
.infotexte { margin:10px 0px; }
.infotext-treffer {	font-weight:bold; }

/* PAGINATION */
#com_filialfinder .list-footer, #com_filialfinder .list-footer div, #com_filialfinder .list-footer .pagination {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.list-footer li { display:inline; }

.list-footer .limit {
	margin-top:20px;
	margin-bottom:10px;
}

/* Template: Flexbox */
.ff_results_flexbox {
	display:flex;
	flex-wrap: wrap;
	padding:0;
}

.ff_flexbox_store {
	list-style: none;
	display:flex;
	padding:.5em;
	width: 100%;
    box-sizing: border-box;
}

@media screen and (min-width: 600px) {
	.ff_flexbox_store {
		width:47%;
	}
}

@media screen and (min-width: 979px) {
	.ff_flexbox_store {
		width:33.333%;
	}
}

.ff_flexbox_store .ff_column_name {	font-weight: bold; }

.ff_flexbox_store > a {
	background:white;
	display: flex;
	align-items: center;
	width: 100%;
	padding:1.5em 1em;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
	color:#333;
	text-decoration: none;
	border-top: 3px solid var(--filialfinder-primary-color, #112855);
	border-radius: 2px;
}

.ff_flexbox_store .icon-location {
	color: var(--filialfinder-primary-color, #112855);
	font-size: 30px;
	flex-grow:0;
	flex-shrink:0;
}
.ff_flexbox_store ul { margin:0 0 0 1em; }
.ff_flexbox_store li { list-style: none; }

.ff_flexbox_store > a:hover {
	background: var(--filialfinder-hover-color, #424077);
	color:white;
	text-decoration: none;
}
.ff_flexbox_store > a:hover .icon-location { color: #ffffff; }


/* Template: Responsive Table CSS */

/* List View: cols widths */
.ff_results_listing.table-responsive td.column0,
.ff_results_listing.table-responsive th.column0 {
	width:50%;
}
.ff_results_listing.table-responsive td.column1,
.ff_results_listing.table-responsive th.column1 {
	width:30%;
}
.ff_results_listing.table-responsive td.column2,
.ff_results_listing.table-responsive th.column2 {
	width:20%;
}

/* Table > switch to blocks */
@media screen and (max-width:767px) {
	#com_filialfinder .mapcanvas {
		margin-bottom: 15px;
	}
	#com_filialfinder table.table-responsive,
	#com_filialfinder table.table-responsive tr,
	#com_filialfinder table.table-responsive td {
		padding:0;
	}

	#com_filialfinder table.table-responsive { border:none;	}

	#com_filialfinder table.table-responsive thead { display:none; }

	#com_filialfinder table.table-responsive a { font-weight: bold; }

	#com_filialfinder table.table-responsive tr {
		float: left;
		width: 100%;
		margin-bottom: 1em;
		border: 1px solid #ddd;
	}

	#com_filialfinder table.table-responsive td.column0 {
		border-top: 2px solid #ddd;
		padding-top:15px;
	}

	#com_filialfinder table.table-responsive td.column2 { padding-bottom: 15px;	}

	#com_filialfinder table.table-responsive td {
		float: left;
		width: 100%;
		padding:0.2em 1em;
		border: none;
		max-width: 100%;
		box-sizing: border-box;
		/*padding-left:80px;*/
	}

	/* Add labels in front of responsive row
	#com_filialfinder table.table-responsive td::before {*/
		/*content:attr(data-label);*/
		/*word-wrap: break-word;*/
		/*width: 15%;*/
		/*min-width:48px;*/
		/*float:left;*/
		/*padding:0.5em 1em;*/
		/*font-weight: bold;*/
		/*margin:-0.5em 1em -0.5em -1em;*/
		/*margin-left:-80px;*/
	/*}*/
}

/* FE EDITING */

#com_filialfinder .form-info {
	margin:10px 0px;
	font-style:italic;
	font-size:90%;
}

.filialfinder_edit_table,
.filialfinder_edit_table td,
.filialfinder_edit_table tr { border:none; }

.filialfinder_edit_table td {
	padding:5px;
	vertical-align:top;
}

table.stores_user, table.stores_user tr { border:none; }

table.stores_user {	margin-bottom:20px; }

table.stores_user td {
	border:none;
	padding:10px 5px;
}

table.stores_user td.name {
	padding-left:0px;
	padding-right:15px;
}

.filialfinder_submitbutton_wrap {
	margin-top:20px;
	padding-top:20px;
	border-top:1px solid #ccc;
}

.filialfinder_submitbutton_wrap button { margin-right:30px; }

#com_filialfinder div.published-1 {
	height:10px;width:10px;background:green;
	margin:2px 10px 0px 0px;float:left;
}
#com_filialfinder div.published-0 {
	height:10px;width:10px;background:red;
	margin:2px 10px 0px 0px;float:left;
}