@charset "utf-8";

@font-face {
	font-family: 'FagoWeb';
	src:         url('../fonts/FagoWeb.eot');
	src:         url('../fonts/FagoWeb.eot?#iefix') format('embedded-opentype'),
				 url('../fonts/FagoWeb.woff') format('woff'),
				 url('../fonts/FagoComp.ttf') format('truetype');
	font-weight: normal;
	font-style:  normal;
}

@font-face {
	font-family: 'FagoWebBold';
	src:         url('../fonts/FagoWeb-Bold.eot');
	src:         url('../fonts/FagoWeb-Bold.eot?#iefix') format('embedded-opentype'),
				 url('../fonts/FagoWeb-Bold.woff') format('woff'),
				 url('../fonts/FagoComp-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style:  normal;
}

@font-face {
	font-family: 'Websymbols';
	src:         url('../fonts/websymbols-regular-webfont.eot');
	src:         url('../fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
				 url('../fonts/websymbols-regular-webfont.woff') format('woff'),
				 url('../fonts/websymbols-regular-webfont.ttf') format('truetype'),
				 url('../fonts/websymbols-regular-webfont.svg') format('svg');
	font-weight: normal;
	font-style:  normal;
}

[class^="icon-"]::before, [class*=" icon-"]::before {
	position: absolute;
	display:  block;
	width:    20px;
	height:   20px;
}

.icon-blind::before {
	content: "\e900";
}

.icon-download::before {
	content:         '';
	background:      url(../img/icon-download.svg) no-repeat;
	background-size: cover;
	height:          18px;
	top:             -7px;
	left:            0;
}

.object-data .icon-download::before {
	top: -3px;
}

.object-preview-content .icon-download::before {
	content: '';
	height:  14px;
	width:   16px;
	top:     -3px;
	left:    0;
}

.icon-time::before {
	content:         '';
	background:      url(../img/icon-zeit.svg) no-repeat;
	background-size: cover;
	height:          20px;
	width:           20px;
	top:             0;
	left:            -30px;
}

.icon-plan::before {
	content:         '';
	background:      url(../img/icon-grundriss.svg) no-repeat;
	background-size: cover;
	height:          13px;
	width:           15px;
	top:             -2px;
	left:            0;
}

.object-data .icon-plan::before {
	height: 15px;
	width:  18px;
	top:    0;
}

.icon-search {
	position: absolute;
	top: 0;
	right: 0;
	width: 48px;
}

.icon-search::before {
	content:         '';
	background:      url(../img/icon-suche.svg) no-repeat;
	background-size: cover;
	height:          48px;
	width:           48px;
	top:             0;
	left:            0;
}

.object-object_result .icon-search::before {
	content: '';
	top:     calc(100vw + 7px);
	right:   0;
	left:    unset;
}
.object-object_result .icon-search span {
	position:   absolute;
	display:    block;
	visibility: hidden;
	opacity:    0;
	width:      0;
	height:     0;
	overflow:   hidden;
}

@media screen and (min-width: 800px) {

	.icon-time::before {
		content:         '';
		background:      url(../img/icon-zeit.svg) no-repeat;
		background-size: cover;
		height:          22px;
		width:           22px;
	}

	.icon-plan::before {
		content:         '';
		background:      url(../img/icon-grundriss.svg) no-repeat;
		background-size: cover;
		height:          17px;
		width:           20px;
		top:             -3px;
		left:            0;
	}

	.object-preview-content .icon-download::before {
		content: '';
		height:  18px;
		width:   20px;
		top:     -3px;
		left:    0;
	}

	.object-object_result .icon-search::before {
		content: '';
		top:     20px;
	}

	.object-data .icon-download::before {
		top: 0;
	}

	.object-data .icon-plan::before {
		top: 3px;
	}

}

.icon-print::before {
	content: "\e902";
}

.icon-filter::before {
	content: "\e903";
}

.icon-gastro::before {
	content: "\e904";
}

.icon-family::before {
	content: "\e905";
}

.icon-list::before {
	content: "\e906";
}

.icon-menu::before {
	content: "\e907";
}

.icon-favourite::before {
	content: "\e908";
}

.icon-location::before {
	content: "\e909";
}

.icon-escort::before {
	content: "\e90a";
}

.icon-chair::before {
	content: "\e90b";
}

.icon-deaf::before {
	content: "\e90d";
}

.icon-tour::before {
	content: "\e90e";
}

.icon-website::before {
	content: "\e90f";
}

.icon-untitled::before {
	content: "\e7ce";
}

/* === MD === */

@media screen and (min-width: 800px) {

	.icon-download::before {
		top: -5px;
	}

}