/*****************************************
	global
*****************************************/

*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
	height: 100%;
}

body {
    background: #fff;
    color: #000;
    font-family: "dinregular", Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 22px;
    height:100%;
}

img, header, nav, section, aside, article, footer {
    display: block;
}
img {
    border: 0 none;
    height: auto;
    max-width: 100%;
}
button:focus, button:active, button:hover, a:focus, a:active, a:hover {
    outline: 0 none;
}
hr.divider {
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
	border-color: #bbb;
	border-image: none;
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 16px 0;
}
.show-for-small-only {
	display:none;
}

@media all and (max-width:768px) {
	.show-for-small-only {
		display:block;
		clear:both;
	}
}
/*****************************************
	iframe
*****************************************/
iframe{
	width: 100%;
	height: 100%;
	border: 0;
}

/*****************************************
	typo
*****************************************/
h1, h2, h3, h4, h5, h6{
	font-weight: normal;
}
.yesss-na-article h2 {
	color: #eb6827;
    font-family: "dinblack", Helvetica,Arial,sans-serif;
    font-size: 24px;
    line-height: 1.2;
    margin:16px 0;
}
.yesss-na-article h3 {
	color:#000;
	font-family: "dinbold", Helvetica,Arial,sans-serif;
	font-size: 20px;
	line-height: 1.1;
    margin:8px 0;
}
p {
	margin-bottom:15px;
}
.copy-small {
	font-size:11px;
}
a {
	color:#eb6827;
	text-decoration:none;
}

/*****************************************
	layout
*****************************************/
.yesss-na-article {
	max-width:1280px;
	width:100%;
}
.yesss-na-header,
.yesss-na-info {
	padding:20px;
}
@media all and (max-width:768px) {
	.yesss-na-header,
	.yesss-na-info {
		padding:20px;
	}
}

/*** address-search ***/
.yesss-na-article .address-search {
	position:relative;
}
.yesss-na-article .address-search:after {
	content:'';
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}
.yesss-na-article .offscreen {
    position: absolute;
    border: 0 none;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    width: 1px;
    overflow: hidden;
    padding: 0;
}
.yesss-na-article .search-form {
	position:relative;
	width: calc(100% - 42px);
	float:left;
}
.yesss-na-article label {
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0;
}
.yesss-na-article .input-search {
	display:block;
	border: 2px solid #eb6827;
	border-radius:4px;
    font-family: Verdana,sans-serif;
    font-size: 12px;
    height: 40px;
    margin: 0;
    padding:10px 4rem 10px 10px;
    line-height: 1.2;
    background-color: #fff;
    width:100%;
}
.yesss-na-article .submit-search {
	position:absolute;
	right:2px;
	top:0;
	display:inline-block;
	text-decoartion:none;
	font-size: 25px;
	line-height: 23px;
	height:40px;
	width:38px;
	border:none;
	overflow: visible;
	cursor:pointer;
	background: url("https://www.yesss.at/css/karte/img/simfonie/ic_search.png") no-repeat 0 0;
}

.autocomplete-suggestions {
	position:absolute;
	width:100%;
	border:1px solid #bbb;
	margin-top:-2px;
	background-color:#fff;
	z-index:100;
}
.autocomplete-suggestions .autocomplete-suggestion {
	padding:4px 10px;
	font-size: 12px;
}

.custom-target {
	position:relative;
	float:left;
	margin-left:16px;
}
.icon-custom-target {
	display:block;
	width:26px;
	height:25px;
	background:url("https://www.yesss.at/css/karte/img/simfonie/ic_target.png") no-repeat 0 0;
	margin-top:7px;
}

/*** filter-radiobutton ***/
.yesss-na-article .filter-radiobutton {
	position:relative;
	margin:16px 0;
}
.yesss-na-article .filter-radiobutton:after {
	content:'';
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}
.yesss-na-article .filter-radiobutton .input-radio-element {
	float:left;
	margin-right:16px;
}
.input-radio-element input[type="radio"] {
    position: absolute;
    height: 0.0625rem;
    left: -624.938rem;
    margin: 0;
    width: 0.0625rem;
}
.yesss-na-article .filter-radiobutton .input-radio-element > label,
.yesss-na-article .filter-radiobutton .input-radio-element > span.label-element {
    padding-left: 3.25rem;
}
.yesss-na-article .filter-radiobutton input[type="radio"] + label.label-element {
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	margin: 0;
}
.yesss-na-article .filter-radiobutton .input-radio-element .label-wrapper {
	position: relative;
}
.yesss-na-article .filter-radiobutton input[type="radio"] + label.label-element .label-wrapper:before {
	background:  url('https://www.yesss.at/css/karte/img/simfonie/radiobutton_default.svg') no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	content: "";
	display: inline-block;
	height: 1.25rem;
	left: -2.1875rem;
	margin-right: 0.9375rem;
	margin-top: 0;
	position: absolute;
	top: -0.125rem;
	vertical-align: middle;
	width: 1.25rem;
}
.yesss-na-article .filter-radiobutton input[type="radio"]:checked + label.label-element .label-wrapper:before {
	background:  url('https://www.yesss.at/css/karte/img/simfonie/radiobutton_active.svg') no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

/*** hint ***/
.hint {
	margin:16px 0;
}
.hint strong{
	text-transform:uppercase;
}
.hint-alert {
	margin:16px 0;
	background:url('https://www.yesss.at/css/karte/img/simfonie/ic_hint.png') no-repeat 0 0;
	padding-left:20px;
}
.hint-alert p {
	color:#eb6827;
}

/*** map ***/
.na-mapcontainer {
    overflow: hidden;
    padding-bottom: 45%;
    position: relative;
    width: 100%;
}
#na-map {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.na-result-mapcontainer {
	position: relative;
}

/*** tooltip ***/
.tooltip-wrapper {
	position: absolute;
}
.tooltip-wrapper .na-marker {
	display:block;
	padding:13px 0 0 50%;
	margin-left:-13px;
}
.tooltip-wrapper .na-marker img {
	max-width:100%;
}
.tooltipAddress {
	background-color:#fff;
	border:1px solid #bbb;
	padding: 16px 20px;
	position: relative;	
	font-size: 12px;
}
.tooltipAddress:before {
	content:"";
	width:14px;
	height:14px;
	position:absolute;
	background-color:#fff;
	border-bottom:1px solid #bbb;
	border-left:1px solid #bbb;
	bottom:-8px;
	left:50%;
	margin-left:-7px;
	transform:rotate(-45deg);
}
		
.tooltipAddress .info-box h3 {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	margin: 0;
	font-weight:normal;
}
.tooltipAddress .info-box span {
	display:block;
}
			
/*** legend ***/
.yesss-na-map .map-legend {
	margin-top:16px;
	text-align: center;
}
.yesss-na-map .map-legend .legend-label {
	display: inline-block;
	margin:0 10px;
}
.yesss-na-map .map-legend .legend-data {
	display: inline-block;
}
.yesss-na-map .map-legend .legend-data .copy-small {
    display: inline-block;
    margin: 0 0.625rem;
    position: relative;
}
.yesss-na-map .map-legend .legend-data .copy-small:before {
    content: "";
    margin-right: 5px;
    padding-left: 15px;
}
.yesss-na-map .map-legend .legend-data .copy-small .color-code {
    height: 15px;
    left: 0;
    position: absolute;
    top: 2px;
    width: 15px;
}
@media all and (max-width:768px) {
	.yesss-na-map .map-legend {
		text-align: left;
	}
	.yesss-na-map .map-legend .legend-label {
		float:left;
	}
	.yesss-na-map .map-legend .legend-data .copy-small {
    	display: block;
    	margin: 3px 10px;
	}
}