.filialfinder-layer {
	position: fixed;
	z-index: 9999;
	background: #FFF;
	display: none;
	width: 890px;
	height: auto;
	color: #5A6271
}

@media screen and (max-height: 800px) {
	.filialfinder-layer {
		position: absolute
	}
}

.filialfinder-layer .header {
	margin: 23px 30px 0 30px
}

.filialfinder-layer .header p.headline {
	font-size: 30px;
	color: #357299;
	font-weight: bold
}

.filialfinder-layer .header p.subline {
	font-size: 18px;
	margin-top: 6px
}

.filialfinder-layer .header a.close {
	width: 37px;
	height: 37px;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
	background: #b6b8bd;
	background-image:
		url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZTZlYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I2YjhiZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e3e6ec),
		color-stop(100%, #b6b8bd));
	background-image: -moz-linear-gradient(top, #e3e6ec, #b6b8bd);
	background-image: -webkit-linear-gradient(top, #e3e6ec, #b6b8bd);
	background-image: linear-gradient(to bottom, #e3e6ec, #b6b8bd);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	position: absolute;
	right: 20px;
	top: 20px
}

.filialfinder-layer .header a.close:hover {
	background: #9a9ca0;
	background-image:
		url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWZmMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzlhOWNhMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #edeff3),
		color-stop(100%, #9a9ca0));
	background-image: -moz-linear-gradient(top, #edeff3, #9a9ca0);
	background-image: -webkit-linear-gradient(top, #edeff3, #9a9ca0);
	background-image: linear-gradient(to bottom, #edeff3, #9a9ca0)
}

.filialfinder-layer .header a.close:after {
	content: "";
	position: absolute;
	right: 11px;
	top: 12px;
	background-image: url('icons-sfc316c0ee1.png');
	background-position: 0 -404px;
	background-repeat: no-repeat;
	display: block;
	height: 14px;
	width: 15px;
	text-indent: -9999px
}

.filialfinder-layer a.button.red {
	height: 37px;
	line-height: 37px;
	font-size: 18px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #C31525;
	background-image:
		url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MzMTUyNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk3MTAxZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c31525),
		color-stop(100%, #97101d));
	background-image: -moz-linear-gradient(top, #c31525, #97101d);
	background-image: -webkit-linear-gradient(top, #c31525, #97101d);
	background-image: linear-gradient(to bottom, #c31525, #97101d);
	color: #FFF;
	display: inline-block;
	padding: 0 47px 0 29px;
	position: relative;
	position: absolute
}

.filialfinder-layer a.button.red:hover {
	background: #A51321;
	background-image:
		url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwMTMyNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2EyMTIyMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e01325),
		color-stop(100%, #a21220));
	background-image: -moz-linear-gradient(top, #e01325, #a21220);
	background-image: -webkit-linear-gradient(top, #e01325, #a21220);
	background-image: linear-gradient(to bottom, #e01325, #a21220)
}

.filialfinder-layer a.button.red:after {
	content: "";
	position: absolute;
	right: 20px;
	top: 11px;
	background-image: url('icons-sfc316c0ee1.png');
	background-position: 0 -239px;
	background-repeat: no-repeat;
	display: block;
	height: 14px;
	width: 8px;
	text-indent: -9999px
}

.filialfinder-layer a.button.red.inaktiv {
	opacity: 0.5;
	cursor: default
}

.filialfinder-layer .search {
	width: 560px;
	position: relative;
	margin: 15px 30px 35px 30px
}

.filialfinder-layer .search:before {
	content: "";
	position: absolute;
	left: 10px;
	top: 10px;
	background-image: url('icons-sfc316c0ee1.png');
	background-position: 0 -639px;
	background-repeat: no-repeat;
	display: block;
	height: 17px;
	width: 17px;
	text-indent: -9999px
}

.filialfinder-layer .search input {
	width: 100%;
	text-indent: 40px;
	font-size: 15px;
	height: 37px;
	line-height: 37px;
	background: #E4E7ED;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 0;
	padding: 0;
	border: none
}

.filialfinder-layer .search a.button.red {
	height: 37px;
	line-height: 37px;
	font-size: 18px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #C31525;
	background-image:
		url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MzMTUyNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk3MTAxZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c31525),
		color-stop(100%, #97101d));
	background-image: -moz-linear-gradient(top, #c31525, #97101d);
	background-image: -webkit-linear-gradient(top, #c31525, #97101d);
	background-image: linear-gradient(to bottom, #c31525, #97101d);
	color: #FFF;
	display: inline-block;
	padding: 0 47px 0 29px;
	position: relative;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer
}

.filialfinder-layer .search a.button.red:hover {
	background: #A51321;
	background-image:
		url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwMTMyNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2EyMTIyMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e01325),
		color-stop(100%, #a21220));
	background-image: -moz-linear-gradient(top, #e01325, #a21220);
	background-image: -webkit-linear-gradient(top, #e01325, #a21220);
	background-image: linear-gradient(to bottom, #e01325, #a21220)
}

.filialfinder-layer .search a.button.red:after {
	content: "";
	position: absolute;
	right: 20px;
	top: 11px;
	background-image: url('icons-sfc316c0ee1.png');
	background-position: 0 -239px;
	background-repeat: no-repeat;
	display: block;
	height: 14px;
	width: 8px;
	text-indent: -9999px
}

.filialfinder-layer .search .filialerror {
	color: #C31525;
	font-weight: bold
}

.filialfinder-layer #filialResult ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	max-height: 475px;
	overflow-y: scroll
}

.filialfinder-layer #filialResult li {
	overflow: hidden;
	font-size: 15px;
	padding: 22px 0 26px 0;
	position: relative;
	cursor: pointer
}

.filialfinder-layer #filialResult li:before {
	content: "";
	position: absolute;
	left: 33px;
	top: 33px;
	background-image: url('icons-sfc316c0ee1.png');
	background-position: 0 -563px;
	background-repeat: no-repeat;
	display: block;
	height: 32px;
	width: 37px;
	text-indent: -9999px
}

.filialfinder-layer #filialResult li.search-geo {
	padding-top: 25px
}

.filialfinder-layer #filialResult li.search-geo:before {
	top: 20px !important
}

.filialfinder-layer #filialResult li:hover {
	background: #E4E7ED;
	position: relative
}

.filialfinder-layer #filialResult li:hover:before {
	content: "";
	position: absolute;
	left: 33px;
	top: 33px;
	background-image: url('icons-sfc316c0ee1.png');
	background-position: 0 -526px;
	background-repeat: no-repeat;
	display: block;
	height: 32px;
	width: 37px;
	text-indent: -9999px
}

.filialfinder-layer #filialResult li:active, .filialfinder-layer #filialResult li.selected
	{
	background: #E4E7ED;
	position: relative
}

.filialfinder-layer #filialResult li:active:before, .filialfinder-layer #filialResult li.selected:before
	{
	content: "";
	position: absolute;
	left: 33px;
	top: 33px;
	background-image: url('icons-sfc316c0ee1.png');
	background-position: 0 -490px;
	background-repeat: no-repeat;
	display: block;
	height: 31px;
	width: 37px;
	text-indent: -9999px
}

.filialfinder-layer #filialResult .namewrap {
	float: left;
	width: 395px;
	padding-left: 95px
}

.filialfinder-layer #filialResult .namewrap .name {
	font-weight: bold;
	font-size: 20px
}

.filialfinder-layer #filialResult .namewrap .availability {
	font-weight: bold
}

.filialfinder-layer #filialResult .namewrap .availability.gruen {
	color: #118F1D
}

.filialfinder-layer #filialResult .namewrap .availability.rot {
	color: #C31525
}

.filialfinder-layer #filialResult .address {
	float: left;
	width: 240px;
	padding-top: 7px
}

.filialfinder-layer #filialResult .distance {
	float: left;
	width: 130px;
	overflow: hidden;
	padding-top: 7px
}

.filialfinder-layer #filialResult .distance .label {
	display: block;
	float: left
}

.filialfinder-layer #filialResult .distance .value {
	display: block;
	float: right
}

.filialfinder-layer #filialResult .geo-location {
	padding-left: 95px;
	font-weight: bold
}

.filialfinder-layer div.selected {
	background: #5A6271;
	font-size: 15px;
	padding: 13px 0 16px 95px;
	position: relative;
	color: #FFF;
	margin: 15px 0 25px 0
}

.filialfinder-layer div.selected:before {
	content: "";
	position: absolute;
	left: 33px;
	top: 33px;
	background-image: url('icons-sfc316c0ee1.png');
	background-position: 0 -453px;
	background-repeat: no-repeat;
	display: block;
	height: 32px;
	width: 37px;
	text-indent: -9999px
}

.filialfinder-layer div.selected p.name {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 6px
}

.filialfinder-layer div.selected a.button.red {
	position: absolute;
	right: 20px;
	bottom: 20px
}


@media (max-width: 900px) {
	.filialfinder-layer {
	   width: 100%;
	}
    
    .filialfinder-layer .search {
        width: auto;
    }
	
    .filialfinder-layer #filialResult .namewrap {
	    float: left;
	    /*padding-left: 30px;*/
	    width: 35%;
    }
	.filialfinder-layer #filialResult .address {
	    width: 20%;
	}
	
	.filialfinder-layer #filialResult .distance {
	    padding-left: 15px;
	    width: 18%;
	}
    
    .filialfinder-layer #filialResult .distance .label, .filialfinder-layer #filialResult .distance .value {
        float: none;
    }
    
    .filialfinder-layer #filialResult ul {
        max-height: none;
    }
}


@media (max-width: 480px) {
    .filialfinder-layer {
        overflow: hidden;
        height: auto;
        position: fixed;
        min-height: 330px;
    } 

    .filialfinder-layer #filialResult .namewrap, .filialfinder-layer #filialResult .address, .filialfinder-layer #filialResult .distance {
        float: none;
        display: block;
        width: 100%;
        padding-left: 85px;
        min-height: 
    }

    .filialfinder-layer #filialResult .distance .label, .filialfinder-layer #filialResult .distance .value {
        float: none;
        display: inline-block;
        padding-right: 85px;
    }
    #filialflayerhinweis {
        padding-left: 30px;
    }
	
    .filialfinder-layer .search {
        width: auto;
        position: static;
    }
    
    .filialfinder-layer .search input {
       box-sizing: border-box;
       font-size: 11px;
    }
	
	.filialfinder-layer .search a.button.red {
	   position: relative;
	   width: 100%;
	   box-sizing: border-box;
	   margin-top: 10px;
	}
	
    .filialfinder-layer div.selected a.button.red {
        position: relative;
        right: 20px;
        bottom: 0;
        margin-top: 20px;
        font-size: 16px;
        line-height: 32px;
    }

    .filialfinder-layer #filialResult ul {
        overflow-y: visible;
    }
    
    .filialfinder-layer #filialResult .namewrap .availability {
        padding-right: 20px;
    }
}