@import url("/fonts/css?family=Lato:300,400,700");
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
div,
summary {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
       box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
       box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
@font-face {
	font-family: 'ElegantIcons';
	src:url('../fonts/ElegantIcons.eot');
	src:url('../fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ElegantIcons.woff') format('woff'),
		url('../fonts/ElegantIcons.ttf') format('truetype'),
		url('../fonts/ElegantIcons.svg#ElegantIcons') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'ElegantIcons';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="your-class-prefix"] {
*/
.arrow_up, .arrow_down, .arrow_left, .arrow_right, .arrow_left-up, .arrow_right-up, .arrow_right-down, .arrow_left-down, .arrow-up-down, .arrow_up-down_alt, .arrow_left-right_alt, .arrow_left-right, .arrow_expand_alt2, .arrow_expand_alt, .arrow_condense, .arrow_expand, .arrow_move, .arrow_carrot-up, .arrow_carrot-down, .arrow_carrot-left, .arrow_carrot-right, .arrow_carrot-2up, .arrow_carrot-2down, .arrow_carrot-2left, .arrow_carrot-2right, .arrow_carrot-up_alt2, .arrow_carrot-down_alt2, .arrow_carrot-left_alt2, .arrow_carrot-right_alt2, .arrow_carrot-2up_alt2, .arrow_carrot-2down_alt2, .arrow_carrot-2left_alt2, .arrow_carrot-2right_alt2, .arrow_triangle-up, .arrow_triangle-down, .arrow_triangle-left, .arrow_triangle-right, .arrow_triangle-up_alt2, .arrow_triangle-down_alt2, .arrow_triangle-left_alt2, .arrow_triangle-right_alt2, .arrow_back, .icon_minus-06, .icon_plus, .icon_close, .icon_check, .icon_minus_alt2, .icon_plus_alt2, .icon_close_alt2, .icon_check_alt2, .icon_zoom-out_alt, .icon_zoom-in_alt, .icon_search, .icon_box-empty, .icon_box-selected, .icon_minus-box, .icon_plus-box, .icon_box-checked, .icon_circle-empty, .icon_circle-slelected, .icon_stop_alt2, .icon_stop, .icon_pause_alt2, .icon_pause, .icon_menu, .icon_menu-square_alt2, .icon_menu-circle_alt2, .icon_ul, .icon_ol, .icon_adjust-horiz, .icon_adjust-vert, .icon_document_alt, .icon_documents_alt, .icon_pencil, .icon_pencil-edit_alt, .icon_pencil-edit, .icon_folder-alt, .icon_folder-open_alt, .icon_folder-add_alt, .icon_info_alt, .icon_error-oct_alt, .icon_error-circle_alt, .icon_error-triangle_alt, .icon_question_alt2, .icon_question, .icon_comment_alt, .icon_chat_alt, .icon_vol-mute_alt, .icon_volume-low_alt, .icon_volume-high_alt, .icon_quotations, .icon_quotations_alt2, .icon_clock_alt, .icon_lock_alt, .icon_lock-open_alt, .icon_key_alt, .icon_cloud_alt, .icon_cloud-upload_alt, .icon_cloud-download_alt, .icon_image, .icon_images, .icon_lightbulb_alt, .icon_gift_alt, .icon_house_alt, .icon_genius, .icon_mobile, .icon_tablet, .icon_laptop, .icon_desktop, .icon_camera_alt, .icon_mail_alt, .icon_cone_alt, .icon_ribbon_alt, .icon_bag_alt, .icon_creditcard, .icon_cart_alt, .icon_paperclip, .icon_tag_alt, .icon_tags_alt, .icon_trash_alt, .icon_cursor_alt, .icon_mic_alt, .icon_compass_alt, .icon_pin_alt, .icon_pushpin_alt, .icon_map_alt, .icon_drawer_alt, .icon_toolbox_alt, .icon_book_alt, .icon_calendar, .icon_film, .icon_table, .icon_contacts_alt, .icon_headphones, .icon_lifesaver, .icon_piechart, .icon_refresh, .icon_link_alt, .icon_link, .icon_loading, .icon_blocked, .icon_archive_alt, .icon_heart_alt, .icon_star_alt, .icon_star-half_alt, .icon_star, .icon_star-half, .icon_tools, .icon_tool, .icon_cog, .icon_cogs, .arrow_up_alt, .arrow_down_alt, .arrow_left_alt, .arrow_right_alt, .arrow_left-up_alt, .arrow_right-up_alt, .arrow_right-down_alt, .arrow_left-down_alt, .arrow_condense_alt, .arrow_expand_alt3, .arrow_carrot_up_alt, .arrow_carrot-down_alt, .arrow_carrot-left_alt, .arrow_carrot-right_alt, .arrow_carrot-2up_alt, .arrow_carrot-2dwnn_alt, .arrow_carrot-2left_alt, .arrow_carrot-2right_alt, .arrow_triangle-up_alt, .arrow_triangle-down_alt, .arrow_triangle-left_alt, .arrow_triangle-right_alt, .icon_minus_alt, .icon_plus_alt, .icon_close_alt, .icon_check_alt, .icon_zoom-out, .icon_zoom-in, .icon_stop_alt, .icon_menu-square_alt, .icon_menu-circle_alt, .icon_document, .icon_documents, .icon_pencil_alt, .icon_folder, .icon_folder-open, .icon_folder-add, .icon_folder_upload, .icon_folder_download, .icon_info, .icon_error-circle, .icon_error-oct, .icon_error-triangle, .icon_question_alt, .icon_comment, .icon_chat, .icon_vol-mute, .icon_volume-low, .icon_volume-high, .icon_quotations_alt, .icon_clock, .icon_lock, .icon_lock-open, .icon_key, .icon_cloud, .icon_cloud-upload, .icon_cloud-download, .icon_lightbulb, .icon_gift, .icon_house, .icon_camera, .icon_mail, .icon_cone, .icon_ribbon, .icon_bag, .icon_cart, .icon_tag, .icon_tags, .icon_trash, .icon_cursor, .icon_mic, .icon_compass, .icon_pin, .icon_pushpin, .icon_map, .icon_drawer, .icon_toolbox, .icon_book, .icon_contacts, .icon_archive, .icon_heart, .icon_profile, .icon_group, .icon_grid-2x2, .icon_grid-3x3, .icon_music, .icon_pause_alt, .icon_phone, .icon_upload, .icon_download, .social_facebook, .social_twitter, .social_pinterest, .social_googleplus, .social_tumblr, .social_tumbleupon, .social_wordpress, .social_instagram, .social_dribbble, .social_vimeo, .social_linkedin, .social_rss, .social_deviantart, .social_share, .social_myspace, .social_skype, .social_youtube, .social_picassa, .social_googledrive, .social_flickr, .social_blogger, .social_spotify, .social_delicious, .social_facebook_circle, .social_twitter_circle, .social_pinterest_circle, .social_googleplus_circle, .social_tumblr_circle, .social_stumbleupon_circle, .social_wordpress_circle, .social_instagram_circle, .social_dribbble_circle, .social_vimeo_circle, .social_linkedin_circle, .social_rss_circle, .social_deviantart_circle, .social_share_circle, .social_myspace_circle, .social_skype_circle, .social_youtube_circle, .social_picassa_circle, .social_googledrive_alt2, .social_flickr_circle, .social_blogger_circle, .social_spotify_circle, .social_delicious_circle, .social_facebook_square, .social_twitter_square, .social_pinterest_square, .social_googleplus_square, .social_tumblr_square, .social_stumbleupon_square, .social_wordpress_square, .social_instagram_square, .social_dribbble_square, .social_vimeo_square, .social_linkedin_square, .social_rss_square, .social_deviantart_square, .social_share_square, .social_myspace_square, .social_skype_square, .social_youtube_square, .social_picassa_square, .social_googledrive_square, .social_flickr_square, .social_blogger_square, .social_spotify_square, .social_delicious_square, .icon_printer, .icon_calulator, .icon_building, .icon_floppy, .icon_drive, .icon_search-2, .icon_id, .icon_id-2, .icon_puzzle, .icon_like, .icon_dislike, .icon_mug, .icon_currency, .icon_wallet, .icon_pens, .icon_easel, .icon_flowchart, .icon_datareport, .icon_briefcase, .icon_shield, .icon_percent, .icon_globe, .icon_globe-2, .icon_target, .icon_hourglass, .icon_balance, .icon_rook, .icon_printer-alt, .icon_calculator_alt, .icon_building_alt, .icon_floppy_alt, .icon_drive_alt, .icon_search_alt, .icon_id_alt, .icon_id-2_alt, .icon_puzzle_alt, .icon_like_alt, .icon_dislike_alt, .icon_mug_alt, .icon_currency_alt, .icon_wallet_alt, .icon_pens_alt, .icon_easel_alt, .icon_flowchart_alt, .icon_datareport_alt, .icon_briefcase_alt, .icon_shield_alt, .icon_percent_alt, .icon_globe_alt, .icon_clipboard {
	font-family: 'ElegantIcons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.arrow_up:before {
	content: "\21";
}
.arrow_down:before {
	content: "\22";
}
.arrow_left:before {
	content: "\23";
}
.arrow_right:before {
	content: "\24";
}
.arrow_left-up:before {
	content: "\25";
}
.arrow_right-up:before {
	content: "\26";
}
.arrow_right-down:before {
	content: "\27";
}
.arrow_left-down:before {
	content: "\28";
}
.arrow-up-down:before {
	content: "\29";
}
.arrow_up-down_alt:before {
	content: "\2a";
}
.arrow_left-right_alt:before {
	content: "\2b";
}
.arrow_left-right:before {
	content: "\2c";
}
.arrow_expand_alt2:before {
	content: "\2d";
}
.arrow_expand_alt:before {
	content: "\2e";
}
.arrow_condense:before {
	content: "\2f";
}
.arrow_expand:before {
	content: "\30";
}
.arrow_move:before {
	content: "\31";
}
.arrow_carrot-up:before {
	content: "\32";
}
.arrow_carrot-down:before {
	content: "\33";
}
.arrow_carrot-left:before {
	content: "\34";
}
.arrow_carrot-right:before {
	content: "\35";
}
.arrow_carrot-2up:before {
	content: "\36";
}
.arrow_carrot-2down:before {
	content: "\37";
}
.arrow_carrot-2left:before {
	content: "\38";
}
.arrow_carrot-2right:before {
	content: "\39";
}
.arrow_carrot-up_alt2:before {
	content: "\3a";
}
.arrow_carrot-down_alt2:before {
	content: "\3b";
}
.arrow_carrot-left_alt2:before {
	content: "\3c";
}
.arrow_carrot-right_alt2:before {
	content: "\3d";
}
.arrow_carrot-2up_alt2:before {
	content: "\3e";
}
.arrow_carrot-2down_alt2:before {
	content: "\3f";
}
.arrow_carrot-2left_alt2:before {
	content: "\40";
}
.arrow_carrot-2right_alt2:before {
	content: "\41";
}
.arrow_triangle-up:before {
	content: "\42";
}
.arrow_triangle-down:before {
	content: "\43";
}
.arrow_triangle-left:before {
	content: "\44";
}
.arrow_triangle-right:before {
	content: "\45";
}
.arrow_triangle-up_alt2:before {
	content: "\46";
}
.arrow_triangle-down_alt2:before {
	content: "\47";
}
.arrow_triangle-left_alt2:before {
	content: "\48";
}
.arrow_triangle-right_alt2:before {
	content: "\49";
}
.arrow_back:before {
	content: "\4a";
}
.icon_minus-06:before {
	content: "\4b";
}
.icon_plus:before {
	content: "\4c";
}
.icon_close:before {
	content: "\4d";
}
.icon_check:before {
	content: "\4e";
}
.icon_minus_alt2:before {
	content: "\4f";
}
.icon_plus_alt2:before {
	content: "\50";
}
.icon_close_alt2:before {
	content: "\51";
}
.icon_check_alt2:before {
	content: "\52";
}
.icon_zoom-out_alt:before {
	content: "\53";
}
.icon_zoom-in_alt:before {
	content: "\54";
}
.icon_search:before {
	content: "\55";
}
.icon_box-empty:before {
	content: "\56";
}
.icon_box-selected:before {
	content: "\57";
}
.icon_minus-box:before {
	content: "\58";
}
.icon_plus-box:before {
	content: "\59";
}
.icon_box-checked:before {
	content: "\5a";
}
.icon_circle-empty:before {
	content: "\5b";
}
.icon_circle-slelected:before {
	content: "\5c";
}
.icon_stop_alt2:before {
	content: "\5d";
}
.icon_stop:before {
	content: "\5e";
}
.icon_pause_alt2:before {
	content: "\5f";
}
.icon_pause:before {
	content: "\60";
}
.icon_menu:before {
	content: "\61";
}
.icon_menu-square_alt2:before {
	content: "\62";
}
.icon_menu-circle_alt2:before {
	content: "\63";
}
.icon_ul:before {
	content: "\64";
}
.icon_ol:before {
	content: "\65";
}
.icon_adjust-horiz:before {
	content: "\66";
}
.icon_adjust-vert:before {
	content: "\67";
}
.icon_document_alt:before {
	content: "\68";
}
.icon_documents_alt:before {
	content: "\69";
}
.icon_pencil:before {
	content: "\6a";
}
.icon_pencil-edit_alt:before {
	content: "\6b";
}
.icon_pencil-edit:before {
	content: "\6c";
}
.icon_folder-alt:before {
	content: "\6d";
}
.icon_folder-open_alt:before {
	content: "\6e";
}
.icon_folder-add_alt:before {
	content: "\6f";
}
.icon_info_alt:before {
	content: "\70";
}
.icon_error-oct_alt:before {
	content: "\71";
}
.icon_error-circle_alt:before {
	content: "\72";
}
.icon_error-triangle_alt:before {
	content: "\73";
}
.icon_question_alt2:before {
	content: "\74";
}
.icon_question:before {
	content: "\75";
}
.icon_comment_alt:before {
	content: "\76";
}
.icon_chat_alt:before {
	content: "\77";
}
.icon_vol-mute_alt:before {
	content: "\78";
}
.icon_volume-low_alt:before {
	content: "\79";
}
.icon_volume-high_alt:before {
	content: "\7a";
}
.icon_quotations:before {
	content: "\7b";
}
.icon_quotations_alt2:before {
	content: "\7c";
}
.icon_clock_alt:before {
	content: "\7d";
}
.icon_lock_alt:before {
	content: "\7e";
}
.icon_lock-open_alt:before {
	content: "\e000";
}
.icon_key_alt:before {
	content: "\e001";
}
.icon_cloud_alt:before {
	content: "\e002";
}
.icon_cloud-upload_alt:before {
	content: "\e003";
}
.icon_cloud-download_alt:before {
	content: "\e004";
}
.icon_image:before {
	content: "\e005";
}
.icon_images:before {
	content: "\e006";
}
.icon_lightbulb_alt:before {
	content: "\e007";
}
.icon_gift_alt:before {
	content: "\e008";
}
.icon_house_alt:before {
	content: "\e009";
}
.icon_genius:before {
	content: "\e00a";
}
.icon_mobile:before {
	content: "\e00b";
}
.icon_tablet:before {
	content: "\e00c";
}
.icon_laptop:before {
	content: "\e00d";
}
.icon_desktop:before {
	content: "\e00e";
}
.icon_camera_alt:before {
	content: "\e00f";
}
.icon_mail_alt:before {
	content: "\e010";
}
.icon_cone_alt:before {
	content: "\e011";
}
.icon_ribbon_alt:before {
	content: "\e012";
}
.icon_bag_alt:before {
	content: "\e013";
}
.icon_creditcard:before {
	content: "\e014";
}
.icon_cart_alt:before {
	content: "\e015";
}
.icon_paperclip:before {
	content: "\e016";
}
.icon_tag_alt:before {
	content: "\e017";
}
.icon_tags_alt:before {
	content: "\e018";
}
.icon_trash_alt:before {
	content: "\e019";
}
.icon_cursor_alt:before {
	content: "\e01a";
}
.icon_mic_alt:before {
	content: "\e01b";
}
.icon_compass_alt:before {
	content: "\e01c";
}
.icon_pin_alt:before {
	content: "\e01d";
}
.icon_pushpin_alt:before {
	content: "\e01e";
}
.icon_map_alt:before {
	content: "\e01f";
}
.icon_drawer_alt:before {
	content: "\e020";
}
.icon_toolbox_alt:before {
	content: "\e021";
}
.icon_book_alt:before {
	content: "\e022";
}
.icon_calendar:before {
	content: "\e023";
}
.icon_film:before {
	content: "\e024";
}
.icon_table:before {
	content: "\e025";
}
.icon_contacts_alt:before {
	content: "\e026";
}
.icon_headphones:before {
	content: "\e027";
}
.icon_lifesaver:before {
	content: "\e028";
}
.icon_piechart:before {
	content: "\e029";
}
.icon_refresh:before {
	content: "\e02a";
}
.icon_link_alt:before {
	content: "\e02b";
}
.icon_link:before {
	content: "\e02c";
}
.icon_loading:before {
	content: "\e02d";
}
.icon_blocked:before {
	content: "\e02e";
}
.icon_archive_alt:before {
	content: "\e02f";
}
.icon_heart_alt:before {
	content: "\e030";
}
.icon_star_alt:before {
	content: "\e031";
}
.icon_star-half_alt:before {
	content: "\e032";
}
.icon_star:before {
	content: "\e033";
}
.icon_star-half:before {
	content: "\e034";
}
.icon_tools:before {
	content: "\e035";
}
.icon_tool:before {
	content: "\e036";
}
.icon_cog:before {
	content: "\e037";
}
.icon_cogs:before {
	content: "\e038";
}
.arrow_up_alt:before {
	content: "\e039";
}
.arrow_down_alt:before {
	content: "\e03a";
}
.arrow_left_alt:before {
	content: "\e03b";
}
.arrow_right_alt:before {
	content: "\e03c";
}
.arrow_left-up_alt:before {
	content: "\e03d";
}
.arrow_right-up_alt:before {
	content: "\e03e";
}
.arrow_right-down_alt:before {
	content: "\e03f";
}
.arrow_left-down_alt:before {
	content: "\e040";
}
.arrow_condense_alt:before {
	content: "\e041";
}
.arrow_expand_alt3:before {
	content: "\e042";
}
.arrow_carrot_up_alt:before {
	content: "\e043";
}
.arrow_carrot-down_alt:before {
	content: "\e044";
}
.arrow_carrot-left_alt:before {
	content: "\e045";
}
.arrow_carrot-right_alt:before {
	content: "\e046";
}
.arrow_carrot-2up_alt:before {
	content: "\e047";
}
.arrow_carrot-2dwnn_alt:before {
	content: "\e048";
}
.arrow_carrot-2left_alt:before {
	content: "\e049";
}
.arrow_carrot-2right_alt:before {
	content: "\e04a";
}
.arrow_triangle-up_alt:before {
	content: "\e04b";
}
.arrow_triangle-down_alt:before {
	content: "\e04c";
}
.arrow_triangle-left_alt:before {
	content: "\e04d";
}
.arrow_triangle-right_alt:before {
	content: "\e04e";
}
.icon_minus_alt:before {
	content: "\e04f";
}
.icon_plus_alt:before {
	content: "\e050";
}
.icon_close_alt:before {
	content: "\e051";
}
.icon_check_alt:before {
	content: "\e052";
}
.icon_zoom-out:before {
	content: "\e053";
}
.icon_zoom-in:before {
	content: "\e054";
}
.icon_stop_alt:before {
	content: "\e055";
}
.icon_menu-square_alt:before {
	content: "\e056";
}
.icon_menu-circle_alt:before {
	content: "\e057";
}
.icon_document:before {
	content: "\e058";
}
.icon_documents:before {
	content: "\e059";
}
.icon_pencil_alt:before {
	content: "\e05a";
}
.icon_folder:before {
	content: "\e05b";
}
.icon_folder-open:before {
	content: "\e05c";
}
.icon_folder-add:before {
	content: "\e05d";
}
.icon_folder_upload:before {
	content: "\e05e";
}
.icon_folder_download:before {
	content: "\e05f";
}
.icon_info:before {
	content: "\e060";
}
.icon_error-circle:before {
	content: "\e061";
}
.icon_error-oct:before {
	content: "\e062";
}
.icon_error-triangle:before {
	content: "\e063";
}
.icon_question_alt:before {
	content: "\e064";
}
.icon_comment:before {
	content: "\e065";
}
.icon_chat:before {
	content: "\e066";
}
.icon_vol-mute:before {
	content: "\e067";
}
.icon_volume-low:before {
	content: "\e068";
}
.icon_volume-high:before {
	content: "\e069";
}
.icon_quotations_alt:before {
	content: "\e06a";
}
.icon_clock:before {
	content: "\e06b";
}
.icon_lock:before {
	content: "\e06c";
}
.icon_lock-open:before {
	content: "\e06d";
}
.icon_key:before {
	content: "\e06e";
}
.icon_cloud:before {
	content: "\e06f";
}
.icon_cloud-upload:before {
	content: "\e070";
}
.icon_cloud-download:before {
	content: "\e071";
}
.icon_lightbulb:before {
	content: "\e072";
}
.icon_gift:before {
	content: "\e073";
}
.icon_house:before {
	content: "\e074";
}
.icon_camera:before {
	content: "\e075";
}
.icon_mail:before {
	content: "\e076";
}
.icon_cone:before {
	content: "\e077";
}
.icon_ribbon:before {
	content: "\e078";
}
.icon_bag:before {
	content: "\e079";
}
.icon_cart:before {
	content: "\e07a";
}
.icon_tag:before {
	content: "\e07b";
}
.icon_tags:before {
	content: "\e07c";
}
.icon_trash:before {
	content: "\e07d";
}
.icon_cursor:before {
	content: "\e07e";
}
.icon_mic:before {
	content: "\e07f";
}
.icon_compass:before {
	content: "\e080";
}
.icon_pin:before {
	content: "\e081";
}
.icon_pushpin:before {
	content: "\e082";
}
.icon_map:before {
	content: "\e083";
}
.icon_drawer:before {
	content: "\e084";
}
.icon_toolbox:before {
	content: "\e085";
}
.icon_book:before {
	content: "\e086";
}
.icon_contacts:before {
	content: "\e087";
}
.icon_archive:before {
	content: "\e088";
}
.icon_heart:before {
	content: "\e089";
}
.icon_profile:before {
	content: "\e08a";
}
.icon_group:before {
	content: "\e08b";
}
.icon_grid-2x2:before {
	content: "\e08c";
}
.icon_grid-3x3:before {
	content: "\e08d";
}
.icon_music:before {
	content: "\e08e";
}
.icon_pause_alt:before {
	content: "\e08f";
}
.icon_phone:before {
	content: "\e090";
}
.icon_upload:before {
	content: "\e091";
}
.icon_download:before {
	content: "\e092";
}
.social_facebook:before {
	content: "\e093";
}
.social_twitter:before {
	content: "\e094";
}
.social_pinterest:before {
	content: "\e095";
}
.social_googleplus:before {
	content: "\e096";
}
.social_tumblr:before {
	content: "\e097";
}
.social_tumbleupon:before {
	content: "\e098";
}
.social_wordpress:before {
	content: "\e099";
}
.social_instagram:before {
	content: "\e09a";
}
.social_dribbble:before {
	content: "\e09b";
}
.social_vimeo:before {
	content: "\e09c";
}
.social_linkedin:before {
	content: "\e09d";
}
.social_rss:before {
	content: "\e09e";
}
.social_deviantart:before {
	content: "\e09f";
}
.social_share:before {
	content: "\e0a0";
}
.social_myspace:before {
	content: "\e0a1";
}
.social_skype:before {
	content: "\e0a2";
}
.social_youtube:before {
	content: "\e0a3";
}
.social_picassa:before {
	content: "\e0a4";
}
.social_googledrive:before {
	content: "\e0a5";
}
.social_flickr:before {
	content: "\e0a6";
}
.social_blogger:before {
	content: "\e0a7";
}
.social_spotify:before {
	content: "\e0a8";
}
.social_delicious:before {
	content: "\e0a9";
}
.social_facebook_circle:before {
	content: "\e0aa";
}
.social_twitter_circle:before {
	content: "\e0ab";
}
.social_pinterest_circle:before {
	content: "\e0ac";
}
.social_googleplus_circle:before {
	content: "\e0ad";
}
.social_tumblr_circle:before {
	content: "\e0ae";
}
.social_stumbleupon_circle:before {
	content: "\e0af";
}
.social_wordpress_circle:before {
	content: "\e0b0";
}
.social_instagram_circle:before {
	content: "\e0b1";
}
.social_dribbble_circle:before {
	content: "\e0b2";
}
.social_vimeo_circle:before {
	content: "\e0b3";
}
.social_linkedin_circle:before {
	content: "\e0b4";
}
.social_rss_circle:before {
	content: "\e0b5";
}
.social_deviantart_circle:before {
	content: "\e0b6";
}
.social_share_circle:before {
	content: "\e0b7";
}
.social_myspace_circle:before {
	content: "\e0b8";
}
.social_skype_circle:before {
	content: "\e0b9";
}
.social_youtube_circle:before {
	content: "\e0ba";
}
.social_picassa_circle:before {
	content: "\e0bb";
}
.social_googledrive_alt2:before {
	content: "\e0bc";
}
.social_flickr_circle:before {
	content: "\e0bd";
}
.social_blogger_circle:before {
	content: "\e0be";
}
.social_spotify_circle:before {
	content: "\e0bf";
}
.social_delicious_circle:before {
	content: "\e0c0";
}
.social_facebook_square:before {
	content: "\e0c1";
}
.social_twitter_square:before {
	content: "\e0c2";
}
.social_pinterest_square:before {
	content: "\e0c3";
}
.social_googleplus_square:before {
	content: "\e0c4";
}
.social_tumblr_square:before {
	content: "\e0c5";
}
.social_stumbleupon_square:before {
	content: "\e0c6";
}
.social_wordpress_square:before {
	content: "\e0c7";
}
.social_instagram_square:before {
	content: "\e0c8";
}
.social_dribbble_square:before {
	content: "\e0c9";
}
.social_vimeo_square:before {
	content: "\e0ca";
}
.social_linkedin_square:before {
	content: "\e0cb";
}
.social_rss_square:before {
	content: "\e0cc";
}
.social_deviantart_square:before {
	content: "\e0cd";
}
.social_share_square:before {
	content: "\e0ce";
}
.social_myspace_square:before {
	content: "\e0cf";
}
.social_skype_square:before {
	content: "\e0d0";
}
.social_youtube_square:before {
	content: "\e0d1";
}
.social_picassa_square:before {
	content: "\e0d2";
}
.social_googledrive_square:before {
	content: "\e0d3";
}
.social_flickr_square:before {
	content: "\e0d4";
}
.social_blogger_square:before {
	content: "\e0d5";
}
.social_spotify_square:before {
	content: "\e0d6";
}
.social_delicious_square:before {
	content: "\e0d7";
}
.icon_printer:before {
	content: "\e103";
}
.icon_calulator:before {
	content: "\e0ee";
}
.icon_building:before {
	content: "\e0ef";
}
.icon_floppy:before {
	content: "\e0e8";
}
.icon_drive:before {
	content: "\e0ea";
}
.icon_search-2:before {
	content: "\e101";
}
.icon_id:before {
	content: "\e107";
}
.icon_id-2:before {
	content: "\e108";
}
.icon_puzzle:before {
	content: "\e102";
}
.icon_like:before {
	content: "\e106";
}
.icon_dislike:before {
	content: "\e0eb";
}
.icon_mug:before {
	content: "\e105";
}
.icon_currency:before {
	content: "\e0ed";
}
.icon_wallet:before {
	content: "\e100";
}
.icon_pens:before {
	content: "\e104";
}
.icon_easel:before {
	content: "\e0e9";
}
.icon_flowchart:before {
	content: "\e109";
}
.icon_datareport:before {
	content: "\e0ec";
}
.icon_briefcase:before {
	content: "\e0fe";
}
.icon_shield:before {
	content: "\e0f6";
}
.icon_percent:before {
	content: "\e0fb";
}
.icon_globe:before {
	content: "\e0e2";
}
.icon_globe-2:before {
	content: "\e0e3";
}
.icon_target:before {
	content: "\e0f5";
}
.icon_hourglass:before {
	content: "\e0e1";
}
.icon_balance:before {
	content: "\e0ff";
}
.icon_rook:before {
	content: "\e0f8";
}
.icon_printer-alt:before {
	content: "\e0fa";
}
.icon_calculator_alt:before {
	content: "\e0e7";
}
.icon_building_alt:before {
	content: "\e0fd";
}
.icon_floppy_alt:before {
	content: "\e0e4";
}
.icon_drive_alt:before {
	content: "\e0e5";
}
.icon_search_alt:before {
	content: "\e0f7";
}
.icon_id_alt:before {
	content: "\e0e0";
}
.icon_id-2_alt:before {
	content: "\e0fc";
}
.icon_puzzle_alt:before {
	content: "\e0f9";
}
.icon_like_alt:before {
	content: "\e0dd";
}
.icon_dislike_alt:before {
	content: "\e0f1";
}
.icon_mug_alt:before {
	content: "\e0dc";
}
.icon_currency_alt:before {
	content: "\e0f3";
}
.icon_wallet_alt:before {
	content: "\e0d8";
}
.icon_pens_alt:before {
	content: "\e0db";
}
.icon_easel_alt:before {
	content: "\e0f0";
}
.icon_flowchart_alt:before {
	content: "\e0df";
}
.icon_datareport_alt:before {
	content: "\e0f2";
}
.icon_briefcase_alt:before {
	content: "\e0f4";
}
.icon_shield_alt:before {
	content: "\e0d9";
}
.icon_percent_alt:before {
	content: "\e0da";
}
.icon_globe_alt:before {
	content: "\e0de";
}
.icon_clipboard:before {
	content: "\e0e6";
}


	.glyph {
		float: left;
		text-align: center;
		padding: .75em;
		margin: .4em 1.5em .75em 0;
		width: 6em;
text-shadow: none;
	}
        .glyph_big {
        font-size: 128px;
        color: #59c5dc;
        float: left;
        margin-right: 20px;
        }

        .glyph div { padding-bottom: 10px;}

	.glyph input {
		font-family: consolas, monospace;
		font-size: 12px;
		width: 100%;
		text-align: center;
		border: 0;
		box-shadow: 0 0 0 1px #ccc;
		padding: .2em;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
	}
	.centered {
		margin-left: auto;
		margin-right: auto;
	}
	.glyph .fs1 {
		font-size: 2em;
	}
.awesomplete [hidden] {
    display: none;
}

.awesomplete .visually-hidden {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

.awesomplete {
    display: inline-block;
    position: relative;
}

.awesomplete > input {
    display: block;
}

.awesomplete > ul {
    position: absolute;
    left: 0;
    z-index: 1;
    min-width: 100%;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    list-style: none;
    padding: 0;
    margin: 0;
    background: #fff;
}

.awesomplete > ul:empty {
    display: none;
}

.awesomplete > ul {
	border-radius: .3em;
	margin: .2em 0 0;
	background: hsla(0,0%,100%,.9);
	background: -webkit-gradient(linear, left top, right bottom, from(white), to(hsla(0,0%,100%,.8)));
	background: linear-gradient(to bottom right, white, hsla(0,0%,100%,.8));
	border: 1px solid rgba(0,0,0,.3);
	box-shadow: .05em .2em .6em rgba(0,0,0,.2);
	text-shadow: none;
}

@supports ((-webkit-transform: scale(0)) or (-ms-transform: scale(0)) or (transform: scale(0))) {
	.awesomplete > ul {
		-webkit-transition: .3s cubic-bezier(.4,.2,.5,1.4);
		        transition: .3s cubic-bezier(.4,.2,.5,1.4);
		-webkit-transform-origin: 1.43em -.43em;
		    -ms-transform-origin: 1.43em -.43em;
		        transform-origin: 1.43em -.43em;
	}
	
	.awesomplete > ul[hidden],
	.awesomplete > ul:empty {
		opacity: 0;
		-webkit-transform: scale(0);
		    -ms-transform: scale(0);
		        transform: scale(0);
		display: block;
		-webkit-transition-timing-function: ease;
		        transition-timing-function: ease;
	}
}

	/* Pointer */
	.awesomplete > ul:before {
		content: "";
		position: absolute;
		top: -.43em;
		left: 1em;
		width: 0; height: 0;
		padding: .4em;
		background: white;
		border: inherit;
		border-right: 0;
		border-bottom: 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		    transform: rotate(45deg);
	}

	.awesomplete > ul > li {
		position: relative;
		padding: .2em .5em;
		cursor: pointer;
	}
	
	.awesomplete > ul > li:hover {
		background: hsl(200, 40%, 80%);
		color: black;
	}
	
	.awesomplete > ul > li[aria-selected="true"] {
		background: hsl(205, 40%, 40%);
		color: white;
	}
	
		.awesomplete mark {
			background: hsl(65, 100%, 50%);
		}
		
		.awesomplete li:hover mark {
			background: hsl(68, 100%, 41%);
		}
		
		.awesomplete li[aria-selected="true"] mark {
			background: hsl(86, 100%, 21%);
			color: inherit;
		}
.hidden {
  display: none !important;
  visibility: hidden;
}
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.browsehappy,
.fallback,
.desktop-only,
.tablet-only,
.embed-only {
  display: none;
}
.black {
  color: #222;
}
.grey {
  color: #9a9a9a;
}
.lightgrey {
  color: #ddd;
}
.green {
  color: #4a7e3e;
}
.sans {
  font-family: 'Lato', Arial, sans-serif;
}
.serif {
  font-family: 'Georgia', serif;
}
.bold {
  font-weight: 700;
}
html.embed .embed-only {
  display: block;
}
html.prevent-scrolling body {
  overflow: hidden;
  height: 100%;
}
.spin {
  -webkit-animation: spin 2s infinite linear;
          animation: spin 2s infinite linear;
}
.pulse {
  -webkit-animation: pulse 2s infinite linear;
          animation: pulse 2s infinite linear;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
input[type=text],
input[type=date],
input[type=email],
input[type=file],
input[type=password],
input[type=search],
input[type=number],
input[type=datetime],
input[type=datetime-local],
input[type=url] {
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 12px;
  color: #222;
  padding: 9px 8px;
  height: 34px;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  display: block;
  outline: none;
}
.input-group {
  display: table;
  border-collapse: separate;
  position: relative;
}
.input-group input {
  display: table-cell;
  height: 34px;
  float: left;
  margin: 0;
  border-right: none;
  border-radius: 4px 0 0 4px;
}
.input-group button {
  border-bottom-color: #777;
  box-shadow: none;
  margin: 0;
  white-space: nowrap;
  position: relative;
  vertical-align: middle;
  line-height: 14px;
  font-size: 12px;
  height: 34px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.input-group .btn-group {
  position: relative;
  float: left;
  white-space: nowrap;
  vertical-align: middle;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-collapse: separate;
}
.input-group .btn-group button:first-child {
  border-radius: 0;
}
button {
  display: block;
  border: 1px solid #ccc;
  background: #fff;
  font-size: 0.875rem;
  border-radius: 4px;
  font-weight: bold;
  padding: 9px 20px;
  margin: 1em 0;
  font-family: 'Lato', Arial, sans-serif;
  line-height: 100%;
  outline: none;
  border-bottom-color: #a3a3a3;
  box-shadow: 0 1px 1px rgba(0,0,0,0.15);
}
button:hover {
  background: #f9f9f9;
}
button:active,
button.active {
  background: #eee;
  box-shadow: 0 1px 1px rgba(0,0,0,0.15), 0 3px 7px rgba(0,0,0,0.15) inset;
}
button.btn-green {
  background: #4a7e3e;
  color: #fff;
  border: 1px solid #4a7e3e;
  border-bottom-color: #144212;
}
button.btn-green:hover {
  background: #5b9b4c;
  border-color: #5b9b4c;
  border-bottom-color: #144212;
}
button.btn-green:active,
button.btn-green.active {
  box-shadow: 0 1px 1px rgba(0,0,0,0.15), 0 3px 7px rgba(0,0,0,0.15) inset;
}
.btn-group {
  display: table;
}
.btn-group button {
  display: table-cell;
  border-radius: 0;
  border-right: none;
}
.btn-group button:first-child {
  border-right: none;
  border-radius: 4px 0 0 4px;
}
.btn-group button:last-child {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-radius: 0 4px 4px 0;
}
.ie-fallback {
  display: none;
}
.browsehappy {
  margin: 3em 0;
}
html.old-browser .ie-fallback {
  display: block;
}
html.old-browser .browsehappy {
  display: block;
}
.leaflet-touch .leaflet-bar {
  border: 1px solid #bbb;
  box-shadow: 0 1px 2px rgba(15,15,15,0.1);
}
.leaflet-control-zoom {
  display: none;
}
.leaflet-reset-control {
  padding: 5px 7px 4px 7px;
  background: #fff;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: none;
}
.leaflet-reset-control:hover {
  background: #f4f4f4;
}
.mapboxgl-ctrl.mapboxgl-ctrl-attrib {
  display: none;
}
.mapboxgl-ctrl-group .mapboxgl-ctrl-compass {
  display: none;
}
.mapboxgl-ctrl-group button {
  margin: 0;
}
#map .mapboxgl-popup {
  display: none;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 78px;
  background: transparent;
}
#map .mapboxgl-popup .mapboxgl-popup-content {
  background: transparent;
  padding: 0;
  box-shadow: none;
  border: none;
}
#map .mapboxgl-popup .mapboxgl-popup-tip {
  display: none;
}
#map .mapboxgl-popup .mapboxgl-popup-close-button {
  display: none;
}
#map .mapboxgl-popup img {
  width: 100%;
}
#map .mapboxgl-popup * {
  pointer-events: none;
}
#map.popup-visible .mapboxgl-popup {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.is-map-mode .leaflet-control-zoom {
  display: none;
}
.is-map-mode .intro-background {
  opacity: 0;
}
.map-loader {
  position: absolute;
  top: 40px;
  left: 50%;
  margin-left: -20px;
  z-index: 500;
  font-size: 26px;
  color: #777;
  display: none;
  z-index: 99999;
}
.map-loader i {
  width: 40px;
  height: 40px;
}
.loading .map-loader {
  display: block;
}
.mapboxgl-canvas.pointing {
  cursor: pointer;
}
#map {
  width: 100%;
  height: 100%;
  cursor: pointer !important;
}
#map .leaflet-bottom {
  top: 60px;
  bottom: auto;
}
#map .leaflet-control-attribution {
  display: none;
}
#map .city-circle {
  pointer-events: none;
}
.map-tooltip-wrapper {
  background: #fff;
  z-index: 10000;
  position: absolute;
  left: 2%;
  display: none;
  bottom: 70px;
  height: auto;
  box-shadow: 0 2px 3px rgba(0,0,0,0.1);
  font-size: 13px;
  border-radius: 3px;
  width: 96%;
  pointer-events: none;
  font-family: 'Lato', Arial, sans-serif;
}
.map-tooltip-wrapper .map-tooltip {
  padding: 0;
}
.map-tooltip-wrapper .map-tooltip .streetview,
.map-tooltip-wrapper .map-tooltip .noimg {
  margin: 15px 15px 5px 15px;
  width: 200px;
  height: 150px;
  background: #eee;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  position: relative;
}
.map-tooltip-wrapper .map-tooltip .noimg:after {
  content: "kein Bild vorhanden";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  color: #777;
  font-weight: bold;
}
.map-tooltip-wrapper .map-tooltip .tt-name {
  padding-left: 12px;
  border-left: 3px solid #f00;
}
.map-tooltip-wrapper .map-tooltip .tt-additions > div {
  float: left;
  font-weight: bold;
}
.map-tooltip-wrapper .map-tooltip .tt-additions .tt-length {
  float: right;
  margin-right: 15px;
  color: #555;
}
.map-tooltip-wrapper .map-tooltip .tt-pop {
  color: #777;
  padding: 5px 15px 15px 15px;
}
.map-tooltip-wrapper .close {
  z-index: 10001;
  position: absolute;
  right: -10px;
  top: -20px;
  background: #9a9a9a;
  font-size: 28px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 80px;
  box-shadow: 0 2px 3px rgba(0,0,0,0.2);
  z-index: 99999;
  line-height: 1.5;
}
.map-tooltip-wrapper .close:hover {
  background: #afafaf;
}
.map-tooltip-wrapper .close i {
  color: #fff;
}
.is-map-mode .legend {
  display: block;
}
.legend {
  display: none;
  font-size: 12px;
  color: #777;
  z-index: 500;
  position: absolute;
  bottom: auto;
  top: 44px;
  z-index: 99999;
  overflow: hidden;
  pointer-events: none;
  width: 360px;
  left: 50%;
  margin-left: -200px;
  padding: 3px 8px;
}
.legend ul {
  margin-top: 15px;
  list-style: none;
}
.legend ul li {
  float: left;
  width: 75px;
}
.legend ul li .col {
  width: 100%;
  height: 3px;
  display: block;
  border-left: 1px #fff solid;
  border-right: 1px #fff solid;
}
.legend ul li .legend-label {
  vertical-align: top;
  line-height: 18px;
  padding: 5px 3px;
  font-size: 11px;
  display: block;
  font-weight: bold;
}
.legend .color-0 {
  background: #28cc4c;
}
.legend .color-1 {
  background: #a0e239;
}
.legend .color-2 {
  background: #ffbf00;
}
.legend .color-3 {
  background: #c91d22;
}
.legend .bold {
  color: #222;
}
.legend .legend-left {
  float: left;
}
.legend .legend-right {
  float: right;
}
.legend .legend-sep {
  display: none;
}
.legend .legend-circles {
  display: block;
}
.legend .legend-circles img {
  vertical-align: bottom;
}
.is-tt-exp .legend {
  display: none;
}
@media screen and (min-width: 768px) {
  .is-tt-exp .legend {
    display: block;
  }
  .is-map-mode .leaflet-control-zoom {
    display: block;
  }
  .leaflet-control-zoom {
    display: block;
  }
  .mapboxgl-ctrl.mapboxgl-ctrl-attrib {
    display: block;
  }
  .map-tooltip-wrapper {
    bottom: auto;
    width: auto;
  }
  .map-tooltip-wrapper .close {
    display: none;
  }
  #map .leaflet-bottom {
    top: auto;
    bottom: 0;
  }
  .is-map-mode .legend {
    top: auto;
    bottom: 0;
    display: block;
  }
  .legend {
    display: block;
    top: auto;
    bottom: 0;
  }
  .legend .legend-circles {
    display: inline;
    margin-top: 5px;
  }
  .legend .legend-circles img {
    position: relative;
    top: 2px;
    vertical-align: top;
  }
  .legend .legend-sep {
    display: inline;
  }
}
.map-label {
  color: #fff;
  font-size: 13px;
  pointer-events: none;
  font-family: 'Source Sans Pro', sans-serif;
  width: 150px !important;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-shadow: 0 0 1px #000, 0 0 1px rgba(0,0,0,0.8), 0 0 2px #000;
}
.info-button {
  cursor: pointer;
  float: left;
  margin-right: 10px;
}
.info-box {
  display: none;
  background: #fff;
  padding: 1em;
  position: fixed;
  top: 0;
  width: 100%;
  box-shadow: 0 3px 4px rgba(0,0,0,0.15);
  z-index: 99999;
}
.info-box .close {
  position: absolute;
  right: -10px;
  top: -20px;
  background: #9a9a9a;
  font-size: 28px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 80px;
  box-shadow: 0 2px 3px rgba(0,0,0,0.2);
  z-index: 99999;
  line-height: 1.5;
}
.info-box .close:hover {
  background: #afafaf;
}
.info-box .close i {
  color: #fff;
}
.info-box .info-title {
  margin-bottom: 0.25em;
  font-weight: bold;
  font-size: 24px;
}
.scrolltop-button {
  position: fixed;
  right: 10px;
  bottom: 10px;
  color: #9a9a9a;
  font-size: 14px;
  text-transform: uppercase;
  cursor: pointer;
  z-index: 999999;
  background: rgba(255,255,255,0.9);
  padding: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-radius: 2px;
}
.scrolltop-button i {
  font-size: 17px;
}
.controls {
  bottom: 10px;
  left: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 9999;
  position: fixed;
  font-size: 24px;
  color: #555;
}
.mute-button {
  float: left;
  display: none;
  cursor: pointer;
}
.mute-button i {
  padding-top: 1px;
}
.mute-button.muted .off {
  display: block;
}
.mute-button.muted .on {
  display: none;
}
.mute-button .off {
  display: none;
}
.mute-button .on {
  display: block;
}
.hidden {
  display: none !important;
  visibility: hidden;
}
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.browsehappy,
.fallback,
.desktop-only,
.tablet-only,
.embed-only {
  display: none;
}
.black {
  color: #222;
}
.grey {
  color: #9a9a9a;
}
.lightgrey {
  color: #ddd;
}
.green {
  color: #4a7e3e;
}
.sans {
  font-family: 'Lato', Arial, sans-serif;
}
.serif {
  font-family: 'Georgia', serif;
}
.bold {
  font-weight: 700;
}
html.embed .embed-only {
  display: block;
}
html.prevent-scrolling body {
  overflow: hidden;
  height: 100%;
}
.spin {
  -webkit-animation: spin 2s infinite linear;
          animation: spin 2s infinite linear;
}
.pulse {
  -webkit-animation: pulse 2s infinite linear;
          animation: pulse 2s infinite linear;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.social-bottom {
  position: fixed;
  width: 120px;
  margin-left: -60px;
  left: 50%;
  bottom: 15px;
  z-index: 99999;
}
.social-bottom >* {
  float: left;
  width: 35px;
  height: 25px;
  padding-top: 5px;
  text-align: center;
  cursor: pointer;
}
.social-bottom a {
  color: #222;
  text-decoration: none;
  border: none;
  color: #fff;
  display: block;
}
.social-bottom a:hover {
  text-decoration: none;
  border-bottom: none;
}
.social-bottom i {
  font-size: 16px;
  color: #fff;
  padding: 7px;
}
.social-bottom .fb-button {
  background: #4864bb;
}
.social-bottom .tw-button {
  background: #5eaade;
}
.social-bottom .social-center {
  margin: 0 5px;
}
.app-teaser-wrapper {
  position: relative;
  background: url("../images/teaser_bg_small.jpg") no-repeat top right;
  background-size: cover;
  height: 500px;
  display: block;
  overflow: hidden;
}
.app-teaser-wrapper:hover {
  border-bottom: none;
}
.app-teaser-wrapper .teaser-gradient {
  height: 100%;
  width: 100%;
  pointer-events: none;
  position: absolute;
  background: $gradientBGStart;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.6)), color-stop(30%, rgba(0,0,0,0.3)), to(rgba(0,0,0,0.3)));
  background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0.3) 100%);
}
.app-teaser {
  width: 100%;
  cursor: pointer;
  border-radius: 2px;
  display: block;
  color: #222;
  text-decoration: none;
  background: #fff;
  box-shadow: 0 0 2px rgba(0,0,0,0.1);
}
.app-teaser:visited,
.app-teaser:active,
.app-teaser:hover {
  color: #222;
  text-decoration: none;
  border: none;
}
.app-teaser:hover {
  box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
.app-teaser .teaser-description {
  max-width: 510px;
  position: absolute;
  padding: 2.5em 1em;
  color: #fff;
  font-size: 20px;
  line-height: 1.2;
  z-index: 3;
}
.app-teaser .teaser-desc {
  font-size: 85%;
}
.app-teaser .teaser-subtitle {
  margin-bottom: 40px;
  font-weight: bold;
  font-size: 100%;
}
.app-teaser .teaser-title {
  font-weight: bold;
  font-size: 160%;
  margin-bottom: 10px;
}
.app-teaser .teaser-button {
  border: 1px solid #fff;
  width: auto;
  padding: 10px 20px;
  margin-top: 26px;
  font-weight: bold;
  display: inline-block;
  border-radius: 4px;
  font-size: 85%;
}
.app-teaser .teaser-button:hover {
  border-bottom: 2px solid #fff;
}
.hidden {
  display: none !important;
  visibility: hidden;
}
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.browsehappy,
.fallback,
.desktop-only,
.tablet-only,
.embed-only {
  display: none;
}
.black {
  color: #222;
}
.grey {
  color: #9a9a9a;
}
.lightgrey {
  color: #ddd;
}
.green {
  color: #4a7e3e;
}
.sans {
  font-family: 'Lato', Arial, sans-serif;
}
.serif {
  font-family: 'Georgia', serif;
}
.bold {
  font-weight: 700;
}
html.embed .embed-only {
  display: block;
}
html.prevent-scrolling body {
  overflow: hidden;
  height: 100%;
}
.spin {
  -webkit-animation: spin 2s infinite linear;
          animation: spin 2s infinite linear;
}
.pulse {
  -webkit-animation: pulse 2s infinite linear;
          animation: pulse 2s infinite linear;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.topline {
  font-size: 0.75em;
}
.has-adspace .attspace {
  display: block;
}
.attspace {
  height: 45px;
  background: #008080;
  display: none;
}
.attspace .att-label {
  color: #fff;
  font-size: 11px;
  position: absolute;
  right: 5px;
  top: 5px;
}
.calltoaction {
  position: absolute;
  top: 350px;
  left: 50%;
  margin-left: -20px;
  font-size: 40px;
  z-index: 999;
  background: rgba(200,200,200,0.7);
  border-radius: 100px;
  width: 50px;
  height: 50px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: background 0.4s;
          transition: background 0.4s;
}
.calltoaction:hover {
  background: rgba(255,255,255,0.85);
}
.full-bg {
  display: none;
}
.intro.full {
  height: 100%;
}
.intro.full header {
  max-width: 100%;
}
.intro.full .full-bg {
  height: 100%;
  position: absolute;
  z-index: -100;
  width: 100%;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
}
.intro.full .full-bg video {
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  background-size: cover;
  position: absolute;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
.intro.full .headline {
  z-index: 10;
  text-align: center;
}
.intro.full .headline .topline {
  display: none;
}
.icon-bike {
  width: 22px;
  height: auto;
  margin-right: 6px;
}
.headline {
  width: 100%;
  max-width: 60em;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 4em;
}
.headline .title {
  font-weight: normal;
  font-family: 'Lato', Arial, sans-serif;
  font-size: 28px;
  margin: 0.3rem 0;
}
.headline .subline {
  font-family: 'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  margin: 0;
}
.headline .date {
  color: #222;
}
.headline .kicker {
  color: #9a9a9a;
  padding-left: 10px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.has-adspace header {
  top: 45px;
}
header {
  z-index: 10000;
  width: 100%;
  padding: 1em 15px 0.8em 15px;
  position: absolute;
  background: #fff;
  top: 0;
  -webkit-transition: top 0.25s;
          transition: top 0.25s;
  border-bottom: 1px solid #ddd;
}
header.fixed {
  position: fixed;
}
header .mp-logo {
  width: 34px;
  float: left;
}
header .mp-logo-large {
  width: 175px;
  float: left;
}
header .social {
  display: block;
  float: right;
}
header .social >* {
  float: left;
}
header .social a {
  color: #222;
  text-decoration: none;
  border: none;
  padding-left: 10px;
}
header .social i {
  font-size: 17px;
}
header .social .fb-button i {
  color: #4864bb;
}
header .social .tw-button i {
  color: #5eaade;
}
header .fb-iframe {
  width: 82px;
}
.social-bottom a.wa-btn {
  display: none;
  background: #42aa42;
  height: 30px;
  width: 30px;
  margin-right: 0;
  padding: 0 3px;
  text-align: center;
}
.social-bottom a.wa-btn img {
  position: relative;
  top: 5px;
}
.media-wrapper {
  min-height: 200px;
  position: relative;
  margin-top: 2em;
}
.media-wrapper .leaflet-container {
  height: 375px;
}
.media-wrapper .leaflet-container img {
  position: absolute;
}
.media-wrapper .lazyloader {
  font-size: 35px;
  text-align: center;
  height: 0;
  width: 100%;
  padding-bottom: 50%;
}
.media-wrapper img,
.media-wrapper video,
.media-wrapper iframe,
.media-wrapper .media {
  width: 100%;
  z-index: 9;
  position: relative;
}
.media-wrapper video {
  cursor: pointer;
}
.media-wrapper.fade img,
.media-wrapper.fade video,
.media-wrapper.fade iframe,
.media-wrapper.fade .media {
  opacity: 0;
  -webkit-transition: opacity 0.7s;
          transition: opacity 0.7s;
}
.graphic {
  width: 100%;
  border: 1px solid #ddd;
  margin-top: 2em;
  position: relative;
  padding: 0.5em 1em;
  overflow: hidden;
}
.graphic .placeholder {
  width: 100%;
  text-align: center;
}
.table {
  width: 100%;
  border: 1px solid #ddd;
  height: 500px;
  margin-top: 2em;
  position: relative;
  padding: 0.5em 1em;
  overflow: auto;
}
.table .placeholder {
  width: 100%;
  text-align: center;
}
.text,
.infobox-wrapper {
  max-width: 40rem;
  margin: 2em auto 2em auto;
  width: 94%;
}
#content-wrapper p {
  max-width: 40rem;
  margin: 2em auto 2em auto;
  width: 94%;
}
p {
  font-size: 0.9375rem;
  font-family: 'Georgia', serif;
  line-height: 1.75;
  width: 100%;
  margin: 1em auto;
}
.sidebox {
  float: right;
  font-family: 'Lato', Arial, sans-serif;
  width: 250px;
  margin-right: -40px;
  margin-left: 20px;
  margin-top: 2rem;
  font-size: 0.875rem;
  line-height: 20px;
  color: #9a9a9a;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 2em 0;
}
footer {
  width: 100%;
  max-width: 40rem;
  margin: 0 auto 4em auto;
}
footer hr {
  width: 50%;
  margin: 1em auto;
  background: none;
  border: 1px solid #ddd;
  border-top: 0;
}
footer .contactbox {
  max-width: 35em;
  margin: 0 auto;
  text-align: center;
  font-family: 'Georgia', serif;
  font-size: 0.87rem;
  line-height: 1.6;
}
footer .credits {
  font-size: 0.75em;
  text-align: center;
  color: #9a9a9a;
}
.table-wrapper.table-loading .table-loader {
  display: block;
}
.table-wrapper {
  font-family: 'Lato', sans-serif;
  -webkit-transition: opacity 0.5s;
          transition: opacity 0.5s;
  min-height: 300px;
  position: relative;
}
.table-wrapper .table-loader {
  position: absolute;
  left: 50%;
  margin-left: -20px;
  font-size: 26px;
  top: 100px;
  display: none;
}
.table-wrapper .table-header {
  font-weight: 700;
  padding: 0.5em 0;
}
.table-wrapper .table-header>div {
  float: left;
  position: relative;
}
.table-wrapper .table-pop .table-header-item {
  text-transform: uppercase;
  font-size: 0.8em;
}
.table-wrapper .table-pop .table-header-item:nth-child(1) {
  left: 0;
}
.table-wrapper .table-pop .table-header-item:nth-child(2) {
  float: right;
  right: 0;
}
.table-wrapper .table-output {
  opacity: 0;
  font-size: 16px;
}
.table-wrapper .table-output.fixed-height table {
  display: block;
  overflow: auto;
  height: 875px;
}
.table-wrapper table,
.table-wrapper tbody {
  width: 100% !important;
}
.table-wrapper .btn-group {
  width: 100%;
}
.table-wrapper .btn {
  width: 50%;
}
.table-wrapper .light {
  color: #777;
}
.table-wrapper .slim.light {
  color: #222;
  font-weight: 300;
}
.table-wrapper .bar {
  height: 7px;
  background: #23b144;
}
.table-wrapper th,
.table-wrapper tr {
  text-align: left;
}
.table-wrapper tr {
  height: 35px;
}
.table-wrapper td {
  padding: 0 3px;
  white-space: nowrap;
  width: 100%;
  color: #777;
}
.table-wrapper td.bold.light {
  display: none;
}
.table-wrapper td.first {
  color: #000;
}
.table-wrapper tr:nth-child(even) {
  background: #f7f7f7;
}
.content-wrapper .table-wrapper {
  max-width: 40rem;
  margin: 1.5em auto;
}
.content-wrapper .table-wrapper .source {
  font-weight: bold;
  display: block;
  font-size: 0.8em;
}
.table-buttons-wrapper {
  margin: 10px 0;
}
.table-buttons-wrapper .table-buttons {
  float: left;
  width: 315px;
}
.table-buttons-wrapper .table-buttons-label {
  float: left;
  margin-right: 20px;
  padding-top: 15px;
  font-weight: 700;
  font-size: 17px;
}
.table-source {
  font-size: 0.75em;
  color: #9a9a9a;
  margin: 1em 0;
  padding: 0;
  line-height: 1.2;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .content-wrapper .table-wrapper {
    max-width: 40rem;
    margin: 3em auto 4em auto;
  }
  .table-buttons-wrapper .table-buttons-label {
    font-size: 20px;
  }
  .table-buttons-wrapper .table-buttons {
    float: right;
  }
  .table-wrapper td.bold.light {
    display: table-cell;
  }
  .table-source {
    font-size: 0.75em;
    color: #9a9a9a;
    margin: 1em 0;
    padding: 0;
    line-height: 1.2;
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  #oms_layer_div {
    left: 50% !important;
    margin-left: -400px !important;
    top: 66% !important;
  }
}
html {
  font-size: 16px;
}
html,
body,
button,
input,
select,
textarea {
  color: #222;
}
body {
  font-size: 1em;
  line-height: 1.4;
}
body,
html {
  -webkit-font-smoothing: antialiased;
  height: 100%;
}
a,
a:visited {
  color: #23b144;
  text-decoration: none;
}
a:hover {
  border-bottom: 1px solid rgba(0,0,0,0.2);
}
.content-wrapper {
  width: 100%;
  max-width: 60em;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
  overflow: hidden;
}
.content-wrapper p {
  max-width: 40rem;
  margin: 1.5em auto;
}
.source {
  font-size: 0.75em;
  color: #9a9a9a;
  margin: 1em 0;
  padding: 0 1em;
  line-height: 1.2;
}
.video-source {
  font-size: 0.75em;
  color: #9a9a9a;
  margin: 1em 0;
  padding: 0;
  line-height: 1.2;
}
#ivw {
  display: none;
}
@media screen and (min-width: 768px) {
  #oms_layer_div {
    left: 50% !important;
    margin-left: -400px !important;
    top: 66% !important;
  }
}
@media screen and (min-width: 370px) {
  header .social {
    display: block;
  }
}
@media screen and (min-width: 600px) {
  html #result .result-header {
    width: 30%;
  }
  html #result .result-body {
    width: 70%;
  }
  html #result .result-sharing a {
    width: auto;
    display: inline;
  }
  html #result .delay {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  #map .leaflet-control-attribution {
    display: block;
  }
  .leaflet-reset-control {
    display: block;
  }
  html .content-wrapper {
    margin-top: 2em;
  }
  html .input-wrapper input {
    font-size: 18px;
    padding: 0 0 0 45px;
  }
  .tablet-only {
    display: block;
  }
  .info-box {
    width: 600px;
    margin-left: -300px;
    left: 50%;
    top: 100px;
  }
  .headline {
    padding-top: 8em;
  }
  .headline .title {
    font-size: 47px;
  }
  .headline .subline {
    font-size: 24px;
    margin-bottom: 10px;
  }
  header .mp-logo-large {
    width: 200px;
  }
  header .social {
    display: block;
  }
  .social-bottom {
    display: none;
  }
  p {
    font-size: 1.1875em;
    line-height: 1.67;
  }
  footer {
    padding-top: 1em;
  }
  footer hr {
    margin: 3em auto;
  }
  footer .contactbox {
    font-size: 1rem;
    line-height: 1.6;
  }
  .mute-button {
    display: block;
  }
  .app-teaser .teaser-title {
    font-size: 220%;
  }
  .teaser-description {
    width: 65%;
  }
  .legend .legend-sep {
    padding: 0 0.7em;
  }
}
@media screen and (min-width: 1024px) {
  .desktop-only {
    display: block;
  }
  .mobile-only {
    display: none;
  }
  header .mp-logo {
    width: 200px;
  }
  .media-wrapper {
    margin: 5em auto;
  }
  .media-wrapper__first {
    margin-top: 3em;
  }
  .headline .title {
    margin: 0.5em 0;
  }
}
.map-text {
  text-shadow: 0 0 1px #fff;
}
body {
  overflow: hidden;
}
header .social,
.source,
.preset-special,
.result-rank {
  display: none;
}
.mp-logo-small {
  width: 25px;
  display: none;
}
.is-text-mode body {
  overflow: visible;
}
.is-map-mode body {
  overflow: hidden;
}
.is-map-mode .intro.full .headline {
  left: 45px;
  top: 5px;
  -webkit-transition: all 0.4s;
          transition: all 0.4s;
}
.is-map-mode .intro.full .headline .title {
  font-size: 13px;
}
.is-map-mode .intro.full .headline .subline {
  display: none;
}
.is-map-mode .mp-logo-small {
  display: block;
  float: left;
}
.is-map-mode .mp-logo-large {
  display: none;
}
.calltoaction {
  top: auto;
  bottom: 5%;
}
.intro.full {
  position: relative;
  height: auto;
}
.intro-background {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(255,255,255,0.9)), color-stop(60%, rgba(255,255,255,0.5)), to(rgba(255,255,255,0)));
  background: linear-gradient(to bottom, rgba(255,255,255,0.9) 20%, rgba(255,255,255,0.5) 60%, rgba(255,255,255,0) 100%);
  z-index: 999;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
          transition: opacity 0.3s;
}
#search-box {
  font-family: 'Lato', Arial, sans-serif;
  z-index: 2000000000;
  position: absolute;
  margin: 0 auto;
  left: 4%;
  bottom: 42px;
  width: 92%;
}
#search-box .input-info .input-info-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.3;
  width: 80%;
}
#search-box .input-info .input-info-presets {
  color: #777;
  margin: 0.2em 0 0.4em;
  font-size: 14px;
}
#search-box .input-info .input-info-presets .preset {
  color: #23b144;
  font-weight: 700;
  cursor: pointer;
  text-shadow: 1px 0 1px rgba(255,255,255,0.4), -1px 0 1px rgba(255,255,255,0.4), 0 1px 1px rgba(255,255,255,0.4), 0 -1px 1px rgba(255,255,255,0.4);
}
#search-box .input-info .input-info-presets .preset:hover {
  text-decoration: underline;
}
#search-box .input-wrapper {
  padding: 0;
  max-width: none;
  margin: 0;
  text-align: left;
}
h2 {
  max-width: 40rem;
  width: 100%;
  margin: 45px auto;
  font-family: 'Lato', Arial, sans-serif;
  font-weight: 300;
  font-size: 28px;
}
header {
  background: transparent;
  border-bottom: none;
  width: 96%;
  left: 1em;
  padding: 8px 0;
}
.is-map-mode header {
  border-bottom: 1px solid rgba(163,163,163,0.5);
}
.icon-wrapper {
  width: 100%;
  max-width: 220px;
  margin: 0 auto;
}
.icon-wrapper img {
  width: 18%;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding: 0 5px;
}
.intro.full {
  background: #f3f3f3;
  height: 100%;
  overflow: hidden;
}
.intro.full .subline {
  font-family: 'Georgia', 'Times', serif;
  color: #222;
}
.intro.full .headline {
  text-align: left;
  position: absolute;
  left: 1em;
  z-index: 2000;
  padding: 0;
  top: 50px;
  max-width: 90%;
  pointer-events: none;
  line-height: 1.1;
  z-index: 99999;
}
.intro.full .headline .title {
  margin-top: 0.5em;
  font-size: 28px;
  font-weight: 700;
}
.intro.full .headline .subline {
  font-weight: 400;
  line-height: 1.4;
  margin-top: 1.25em;
}
.intro.full .headline .headline-meta {
  font-size: 13px;
  font-family: 'Lato', sans-serif;
  color: #222;
}
.intro.full .headline .headline-meta .category {
  text-transform: uppercase;
  color: #23b144;
  font-weight: 700;
}
.intro.full .headline .headline-meta .date {
  display: none;
}
.is-map-mode .intro.full .headline .headline-meta {
  display: none;
}
ul.presets {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 15px;
  text-align: center;
  margin: 0 auto;
  margin-top: 15px;
  display: none;
}
ul.presets li {
  display: block;
  float: left;
  line-height: 1;
  font-weight: 700;
}
ul.presets li.preset {
  color: #777;
  cursor: pointer;
  margin: 0 8px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
ul.presets li.preset img {
  width: 15px;
  margin-right: 3px;
  float: left;
  display: block;
}
ul.presets li.preset span {
  display: block;
  float: left;
  line-height: 1.3;
}
ul.presets li.preset span:hover {
  text-decoration: underline;
}
div.awesomplete > ul {
  top: auto;
  bottom: 70px;
}
div.awesomplete > ul:before {
  bottom: -6px;
  top: auto;
  border: none;
}
div.awesomplete > ul {
  z-index: 10000000;
}
.awesomplete ul {
  text-align: left;
  z-index: 1000000;
  color: #999;
}
.awesomplete ul li[aria-selected="true"] {
  background: #ffefb5 !important;
  color: #999 !important;
}
.awesomplete ul li:hover {
  background: #ffefb5 !important;
}
.awesomplete ul mark {
  background: none !important;
  color: #222 !important;
}
.input-wrapper {
  width: 100%;
  max-width: 475px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  padding: 25px 15px;
  box-shadow: 0 1px 2px rgba(15,15,15,0.1);
}
.input-wrapper .search-icon {
  position: absolute;
  width: 20px;
  top: 15px;
  left: 10px;
  z-index: 99999;
}
.input-wrapper div.awesomplete {
  width: 100%;
}
.input-wrapper input {
  width: 100%;
  font-size: 14px;
  padding: 15px 15px 15px 35px;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  outline: none;
  border-radius: 4px;
  border: 1px solid #ddd;
  font-weight: 400;
}
.media-wrapper {
  min-height: 0;
  margin: 0 auto;
}
.search-err {
  display: none;
  margin-top: 5px;
  color: #8f1d21;
  font-size: 12px;
}
#result-wrapper {
  text-align: left;
  color: #222;
  display: block;
  width: 100%;
  padding: 0;
  position: relative;
  max-height: 0;
  -webkit-transition: max-height 0.5s;
          transition: max-height 0.5s;
  background: #fff;
  position: absolute;
  bottom: 55px;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(15,15,15,0.15);
  font-size: 13px;
}
#result-wrapper .close {
  position: absolute;
  right: -10px;
  top: -20px;
  background: #9a9a9a;
  font-size: 28px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 80px;
  box-shadow: 0 2px 3px rgba(0,0,0,0.2);
  z-index: 99999;
  line-height: 1.5;
}
#result-wrapper .close:hover {
  background: #afafaf;
}
#result-wrapper .close i {
  color: #fff;
}
#result-wrapper .result-body {
  padding: 0em;
}
#result-wrapper .result-seperator {
  padding: 0 0.4em;
  color: #ccc;
}
#result-wrapper .result-title {
  font-weight: 700;
  padding: 0.5em 1em;
}
#result-wrapper .res-name {
  font-size: 1.3em;
}
#result-wrapper .res-length {
  color: #666;
  line-height: 1.9;
}
#result-wrapper .result-subtitle {
  color: #777;
}
#result-wrapper .result-number-wrapper {
  background: #f9f9f9;
  padding: 1em 1em;
}
#result-wrapper .result-number {
  font-size: 40px;
  font-weight: 700;
  color: #777;
  line-height: 1;
}
#result-wrapper .left {
  float: left;
  width: 50%;
}
#result-wrapper .right {
  float: right;
  width: 50%;
}
#result-wrapper .result-item {
  border-left: 3px solid #f00;
  padding-left: 10px;
  margin-bottom: 0.5em;
  font-weight: bold;
  color: #777;
}
#result-wrapper .result-item.radwege {
  border-left-color: #28cc4c;
}
#result-wrapper .result-item.busspur {
  border-left-color: #ffbf00;
}
#result-wrapper .result-item.radspur {
  border-left-color: #a0e239;
}
#result-wrapper .result-item-meters {
  float: right;
  font-weight: 400;
}
#result-wrapper .result-rank {
  margin: 0.8em 1em 0 1em;
  padding-bottom: 0.4em;
  border-bottom: 1px solid #ddd;
}
#result-wrapper .result-info {
  color: #777;
  line-height: 1.1;
  width: 130px;
  font-weight: 700;
}
#result-wrapper .rank-highlight {
  font-weight: 700;
}
#result-wrapper .result-footer {
  padding: 1em 1em 0.4em 1em;
}
#result-wrapper .result-footer .result-sharing {
  float: right;
}
#result-wrapper .result-footer .result-sharing-cta {
  margin-right: 15px;
  padding-top: 5px;
  float: left;
}
#result-wrapper .result-footer a {
  color: #222;
  font-weight: bold;
  margin-right: 15px;
  font-size: 14px;
  border: 1px solid #b0b0b0;
  padding: 4px 10px;
  border-radius: 4px;
  width: 50px;
  display: block;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  margin-bottom: 10px;
  display: block;
  float: left;
  text-align: center;
  background: #fff;
  border-bottom: 1px solid #555;
}
#result-wrapper .result-footer:hover {
  text-decoration: none;
  color: #000;
  border-color: #777;
}
#result-wrapper .result-footer .social_facebook {
  color: #4864bb;
}
#result-wrapper .result-footer .social_twitter {
  color: #5eaade;
}
.story-cta {
  bottom: 0;
  width: 92%;
  left: 4%;
  position: absolute;
  border-top: 1px solid rgba(163,163,163,0.5);
  text-align: center;
  font-family: 'Lato', sans-serif;
  z-index: 500;
  padding: 7px 0;
  font-size: 13px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-weight: 700;
}
.story-cta:hover {
  background: rgba(255,255,255,0.25);
}
.story-cta .map {
  display: none;
}
.story-cta .text {
  display: inline;
}
.is-text-mode .story-cta .map {
  display: inline;
}
.is-text-mode .story-cta .text {
  display: none;
}
.content-wrapper .additional {
  padding: 1em 1em;
  background: #f7f7f7;
  max-width: 40rem;
  margin: 1.5em auto;
  font-size: 14px;
  border-radius: 2px;
}
.content-wrapper h2 {
  font-weight: 700;
  font-size: 19px;
  margin: 1em 0 0.5em 0;
}
footer {
  margin: 0 auto 2em auto;
}
.social-bottom {
  bottom: -100px;
  -webkit-transition: bottom 0.3s;
          transition: bottom 0.3s;
}
.is-text-mode .social-bottom {
  bottom: 15px;
}
.bike-lanes {
  max-width: 40rem;
  margin: 3em auto 4em auto;
}
.bike-lanes h2 {
  font-family: 'Lato', Arial, sans-serif;
  font-size: 26px;
  color: #222;
  font-weight: 700;
}
.bike-lanes p {
  font-family: 'Lato', Arial, sans-serif;
  font-weight: 400;
  font-size: 19px;
  line-height: 1.5;
  color: #777;
}
.bike-lanes .bike-lane-sub {
  font-family: 'Lato', Arial, sans-serif;
  color: #222;
  font-size: 13px;
  line-height: 1.2;
  float: left;
}
.bike-lanes .bike-lane-sub .bike-lane-name {
  font-weight: 700;
}
.bike-lanes .bike-lane-sub .bike-lane-credit {
  font-weight: 400;
}
.bike-lanes .btn {
  float: right;
}
@media screen and (min-width: 321px) {
  .is-map-mode .intro.full .headline .title {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  .media-wrapper {
    margin: 3.5em auto;
  }
  header .social,
  .source,
  .result-rank {
    display: block;
  }
  header {
    width: 100%;
    padding: 10px 16px 10px 16px;
    left: 0;
  }
  .is-map-mode header {
    border-bottom: none;
  }
  .preset-special {
    display: inline;
  }
  body {
    overflow: visible;
  }
  .is-map-mode .intro.full .headline {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  .intro.full {
    height: 80%;
  }
  .intro.full .headline {
    width: 1050px;
    top: 80px;
    text-align: center;
    left: 50%;
    z-index: 20000;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .intro.full .headline .title {
    font-size: 50px;
    margin-bottom: 0.5em;
    margin-top: 0.25em;
  }
  .intro.full .headline .subline {
    margin-top: 0;
    font-size: 22px;
  }
  .intro.full .headline .headline-meta {
    display: block;
  }
  .intro.full .headline .headline-meta .date {
    display: inline;
  }
  .is-map-mode #search-box {
    top: 125px;
  }
  .is-map-mode body {
    overflow: visible;
  }
  .is-map-mode .mp-logo-large {
    display: block;
  }
  .is-map-mode .mp-logo-small {
    display: none;
  }
  .is-map-mode .intro.full .headline {
    left: 10px;
    top: 8px;
    margin-left: 0;
  }
  .is-map-mode .intro.full .headline .title {
    font-size: 20px;
    text-align: left;
    margin-left: 215px;
    padding-left: 10px;
    border-left: 1px solid #aaa;
  }
  .is-map-mode .intro.full .headline .headline-meta {
    display: none;
  }
  .content-wrapper .additional {
    padding: 1em 4em;
    margin: 3.5em auto 3.5em;
  }
  .intro-background {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.6)), color-stop(60%, rgba(255,255,255,0.3)), to(rgba(255,255,255,0)));
    background: linear-gradient(to bottom, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.3) 60%, rgba(255,255,255,0) 100%);
  }
  #search-box {
    max-width: 375px;
    right: 10%;
    top: 350px;
    left: auto;
    bottom: auto;
    background: none;
    -webkit-transition: top 0.4s;
            transition: top 0.4s;
    z-index: 99999;
  }
  #search-box input {
    height: 44px;
    font-size: 16px;
  }
  #search-box .input-info .input-info-title {
    font-size: 18px;
    width: 100%;
  }
  #search-box .input-info .input-info-presets {
    font-size: 16px;
    margin: 0.5em 0;
  }
  html:not(.is-map-mode) #search-box {
    background-color: rgba(240,240,240,0.5);
    padding: 0.1em 0.1em 0.1em 1em;
    border-left: 1px solid #23b144;
  }
  #result-wrapper {
    bottom: auto;
    top: 120px;
  }
  .input-wrapper .search-icon {
    width: 25px;
    top: 10px;
    left: 10px;
  }
  div.awesomplete > ul {
    top: auto;
    bottom: auto;
  }
  div.awesomplete > ul:before {
    bottom: auto;
    top: -6px;
    border: inherit;
    border-bottom: none;
    border-right: none;
  }
  .story-cta {
    display: none;
  }
  footer {
    margin: 0 auto 4em auto;
  }
  .intro.full .headline .headline-meta .category {
    margin-left: 0.5em;
  }
}
@media screen and (min-width: 1300px) {
  #search-box {
    top: 400px;
  }
}