@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family:'Quicksand';
    font-style: normal;
    font-weight: 100;
    src: 
      local('Quicksand'),         
      local('Quicksand'),  
      url(https://meteo365.es/fonts/quicksand.woff2) format('woff2'), 
      url(https://meteo365.es/fonts/quicksand.woff) format('woff');   
}

@font-face {
    font-family:'Quicksand';
    font-style: bold;
    font-weight:  500;
    src: 
      local('Quicksand Medium'),         
      local('Quicksand-Medium'),  
      url(https://meteo365.es/fonts/Quicksand-Medium.woff2) format('woff2'), 
      url(https://meteo365.es/fonts/Quicksand-Medium.woff) format('woff');   
}

@font-face {
    font-family:'Quicksand';
    font-style: normal;
    font-weight:  800;
    src: 
      local('Quicksand Bold'),         
      local('Quicksand-Bold'),  
      url(https://meteo365.es/fonts/Quicksand-Bold.woff2) format('woff2'), 
      url(https://meteo365.es/fonts/Quicksand-Bold.woff) format('woff');   
}

body {
  font-family: Quicksand;
  margin: 0px;
}
html, body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  color: #0a4e70;
  overflow: hidden;
}
#map {
  float: left;
  position: absolute;
  bottom: 0px;
  height: calc(100% - 47px);
  width: 100%;
  background-color: #828282;
}
header {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 45px;
  background: #ffffff;
  z-index: 9999;
}
header a {
  text-decoration: none;
}
#headerbereich {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
#headerbereich svg {
  vertical-align: sub;
}
#headercontent {
  position: absolute;
  left: 160px;
  top: 0px;
}
#aktiverlayer {
  width: 100%;
  height: 15px;
  background: linear-gradient(90deg, rgba(10, 78, 112, 1) 0%, rgba(7, 188, 207, 1) 100%);
  color: white;
  font-size: 13px;
  margin-top: 45px;
  display: block;
  letter-spacing: 1px;
  padding-left: 20px;
}
#logo {
  font-size: 20px;
  height: 34px;
  line-height: 30px;
  width: 160px;
  color: white;
  font-weight: 200;
  float: left;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, .3);
  text-align: center;
  letter-spacing: 2px;
  border-radius: 30px;
  position: absolute;
  top: 5px;
  left: 10px;
  z-index: 999999;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  background-color: #f4a932;
  border: 1px solid #f29400;
}
button#menuliste {
  position: absolute;
  top: 3px;
  right: 10px;
  z-index: 999999;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  background-color: #f4a932;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid #f29400;
  color: white;
  padding: 2px;
  font-size: 25px;
}
button#layerlisteicon {
  position: absolute;
  top: 70px;
  left: 10px;
  z-index: 9998;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  background-color: #f4a932;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid #f29400;
  color: white;
  padding: 2px;
  font-size: 25px;
  display: none;
  padding-top: 4px;
}
#menuoffen {
  width: 100%;
  max-width: 600px;
  background-color: white;
  position: absolute;
  top: 54px;
  right: 5px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.9);
  z-index: 999999;
  height: -moz-calc(100vh - 65px);
  height: -webkit-calc(100vh - 65px);
  height: calc(100vh - 65px);
  max-height: 520px;
  padding-bottom: 10px;
  overflow-y: scroll;
  overflow-x: hidden;
  display: none;
}
#measurements {
  width: 220px;
  height: 220px;
  border-right: 1px solid #0a4e70;
  padding: 10px;
  font-size: 12px;
  margin: 10px 0 0 0;
  float: left;
}
#measurements span {
  line-height: 40px;
  display: block;
}
.titelm {
  font-weight: bold;
}
#language {
  width: 100px;
  height: 220px;
  border-right: 1px solid #0a4e70;
  padding: 10px;
  font-size: 12px;
  margin: 10px 0 0 0;
  float: left;
}
#language span {
  line-height: 40px;
  text-align: center;
  display: block;
}
#sontiges {
  width: 140px;
  height: 220px;
  padding: 10px;
  font-size: 12px;
  margin: 10px 0 0 0;
  float: left;
}
#sontiges span {
  height: 40px;
  text-align: left;
  display: block
}
#menufolgen {
  width: 100%;
  color: white;
  background: linear-gradient(rgba(7, 188, 207, 1), rgba(10, 78, 112, 1));
  padding: 10px 0;
  margin: 10px 0 0;
  text-align: center;
}
#menufolgen svg {
  color: white;
  margin: 0 5px;
}
#seguir {
  font-size: 12px;
  line-height: 14px;
  margin: 5px 10px;
}
.contact2 {
  text-align: center;
  font-size: 11px;
  color: white;
  margin: 10px 0;
}
#moreinformation {
  font-size: 11px;
  text-align: center;
}
#moreinformation span {
  line-height: 22px;
  display: block;
}
@media (max-width:609px) {
  #menuoffen {
    width: 100%;
    right: 0px;
  }
  #measurements {
    width: calc(60% - 21px);
    width: -moz-calc(60% - 21px);
    width: -webkit-calc(60% - 21px);
  }
  #language {
    width: calc(40% - 20px);
    width: -moz-calc(40% - 20px);
    width: -webkit-calc(40% - 20px);
    border-right: none;
    padding: 10px 0;
  }
  #sontiges {
    width: 100%;
    height: auto;
  }
}
#accordion {
  position: absolute;
  top: 70px;
  left: 10px;
  z-index: 9999999; display: block;
}
@media (max-width:500px) {
  #accordion {
    position: absolute;
    top: 120px;
    left: 20px;
    width: -moz-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
    z-index: 9999999;
    height: -moz-calc(100vh - 65px);
    height: -webkit-calc(100vh - 65px);
    height: calc(100vh - 65px);
    background-color: rgba(255, 255, 255, 0.9);
    text-align: center;
    display: none;
  }
  button#layerlisteicon {
    display: block;
  }
  #aktiverlayer {
    display: block;
  }
}
button.border {
  background-color: rgba(10, 78, 112, .8);
  color: #fff;
  border: none;
  border-radius: 10px;
  padding: 4px;
  font-weight: 400
}
button.borderselect {
  background-color: rgba(10, 78, 112, 1);
  color: #fff;
  border: none;
  border-radius: 10px;
  padding: 4px;
  font-weight: 700
}
ul#navmenu {
  overflow: hidden;
  width: auto;
}
ul#navmenu {
  width: 100%;
  list-style: none;
  margin-left: -31px;
}
ul#navmenu li {
  float: left;
  font-size: 13px;
  color: #0a4e70;
  border: 1px solid #0a4e70;
  border-radius: 30px;
  padding: 5px;
  margin: 5px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
}
ul#nav {
  overflow: hidden;
  width: 100%;
  list-style: none;
  margin: 15px 0 0 0;
}
ul#nav li {
  float: left;
  font-size: 13px;
  color: #0a4e70;
}
@media (max-width:970px) {
  ul#nav li.l6 {
    display: none;
  }
}
@media (max-width:870px) {
  ul#nav li.l5 {
    display: none;
  }
}
@media (max-width:770px) {
  ul#nav li.l4 {
    display: none;
  }
}
@media (max-width:670px) {
  ul#nav li.l3 {
    display: none;
  }
}
@media (max-width:570px) {
  ul#nav li.l2 {
    display: none;
  }
}
@media (max-width:470px) {
  ul#nav li.l1 {
    display: none;
  }
}
ul#nav li a, ul#nav li span {
  display: block;
  text-decoration: none;
  padding: 0 10px 10px;
  cursor: pointer;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
}
a {
  color: #0a4e70;
  text-decoration: none
}


.haz-icons { display:inline-flex; gap:6px; align-items:center; vertical-align:middle; }
.haz-badge {  --haz-bg:#eee; --haz-size:28px;
  width:var(--haz-size); height:var(--haz-size);
  border-radius:9999px; background:var(--haz-bg);
  border:2px solid #fff; box-shadow:0 0 0 1px rgba(0,0,0,.06);
  display:inline-flex; align-items:center; justify-content:center;
}
.haz-badge img { width:calc(var(--haz-size)*0.65); height:calc(var(--haz-size)*0.65); display:block; }

.alert-card { display:flex; gap:8px; margin:10px 0; }
.alert-card__left { flex:0 0 auto; }
.alert-card__right { flex:1 1 auto; min-width:0; }
.alert-card__title { font-weight:700; font-size:16px; margin-bottom:4px; }
.alert-card__time  { font-size:12px; color:#eee; margin-bottom:6px; }
.alert-card__desc  { font-size:13px; line-height:1.35; }



/* required styles */
.leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
}
.leaflet-container {
  overflow: hidden;
}
.leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
  background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0;
}
.leaflet-marker-icon, .leaflet-marker-shadow {
  display: block;
}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
  max-width: none !important;
  max-height: none !important;
}
.leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile {
  max-width: none !important;
  max-height: none !important;
  width: auto;
  padding: 0;
}
.leaflet-container img.leaflet-tile {
  /* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
  mix-blend-mode: plus-lighter;
}
.leaflet-container.leaflet-touch-zoom {
  -ms-touch-action: pan-x pan-y;
  touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
  -ms-touch-action: pinch-zoom;
  /* Fallback for FF which doesn't support pinch-zoom */
  touch-action: none;
  touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  -ms-touch-action: none;
  touch-action: none;
}
.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
  -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}
.leaflet-tile-loaded {
  visibility: inherit;
}
.leaflet-zoom-box {
  width: 0;
  height: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 800;
}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
  -moz-user-select: none;
}
.leaflet-pane {
  z-index: 400;
}
.leaflet-tile-pane {
  z-index: 200;
}
.leaflet-overlay-pane {
  z-index: 400;
}
.leaflet-shadow-pane {
  z-index: 500;
}
.leaflet-marker-pane {
  z-index: 600;
}
.leaflet-tooltip-pane {
  z-index: 1950;
}
.leaflet-popup-pane {
  z-index: 700;
}
.leaflet-map-pane canvas {
  z-index: 100;
}
.leaflet-map-pane svg {
  z-index: 200;
}
.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}
.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
}
/* control positioning */
.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}
.leaflet-top, .leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}
.leaflet-top {
  top: 41px;
}
.leaflet-right {
  right: 0;
}
.leaflet-bottom {
  bottom: 0;
}
.leaflet-left {
  left: 0;
}
.leaflet-control {
  float: left;
  clear: both;
}
.leaflet-right .leaflet-control {
  float: right;
}
.leaflet-top .leaflet-control {
  margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
  margin-left: 10px;
}
.leaflet-right .leaflet-control {
  margin-right: 10px;
}
/* zoom and fade animations */
.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}
.leaflet-zoom-animated {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
svg.leaflet-zoom-animated {
  will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}
.leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}
/* cursors */
.leaflet-interactive {
  cursor: pointer;
}
.leaflet-grab {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.leaflet-crosshair, .leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
}
.leaflet-popup-pane, .leaflet-control {
  cursor: auto;
}
.leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
/* marker & overlays interactivity */
.leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container {
  pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path {
  pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}
/* visual tweaks */
.leaflet-container {
  background: #ddd;
  outline-offset: 1px;
}
.leaflet-container a {
  color: #0078A8;
}
.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255, 255, 255, 0.5);
}
.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px;
}
.leaflet-bar a {
	background-color:rgba(10,78,112,1);
	/*border-bottom: 1px solid #ccc;*/ margin-bottom: 10px; 
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: white;
}
.leaflet-bar a, .leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}
.leaflet-bar a:hover, .leaflet-bar a:focus {
  background-color: #f29400;
}
.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
}
.leaflet-touch .leaflet-bar a {
  border-radius: 14px;
  width: 28px;
  height: 28px;
  box-shadow: 1px 1px 4px #000;
  line-height: 24px;
}
.leaflet-touch .leaflet-bar a:first-child {}
.leaflet-touch .leaflet-bar a:last-child {}
/* zoom control */
.leaflet-control-zoom-in, .leaflet-control-zoom-out {
  font: bold 18px 'Lucida Console', Monaco, monospace;
  text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px;
}
/* layers control */
.leaflet-control-layers {
  /*box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;*/
}
.leaflet-control-layers-toggle {
  background-image: url(images/layers.png);
  width: 36px;
  height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(images/layers-2x.png);
  background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
  width: 50px;
}
.leaflet-control-layers-expanded {
  /*padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;*/
}
.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px;
}
.leaflet-control-layers-selector {
  display: none;
}
.leaflet-control-layers label {}
.leaflet-control-layers span {
  display: inline-block;
  font-size: 16px;
  background-color: #0a4e70;
  border-radius: 30px;
  padding: 2px 10px 2px 5px;
  color: #fff;
  text-shadow: 0px 0px 4px black;
  letter-spacing: 1px;
  font-weight: 200;
  box-shadow: 1px 1px 4px #000;
  width: --max-content;
  margin-bottom: 10px;
  white-space: nowrap;
}
.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
}
/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
  background-image: url(images/marker-icon.png);
}
/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  margin: 0;
}
.leaflet-control-attribution, .leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
  line-height: 1.4;
}
.leaflet-control-attribution a {
  text-decoration: none;
}
.leaflet-control-attribution a:hover, .leaflet-control-attribution a:focus {
  text-decoration: underline;
}
.leaflet-attribution-flag {
  display: inline !important;
  vertical-align: baseline !important;
  width: 1em;
  height: 0.6669em;
}
.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}
.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  white-space: nowrap;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.8);
  text-shadow: 1px 1px #fff;
}
.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
  box-shadow: none;
}
.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { z-index: 888;}
/* popup */
.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: center;
  border-radius: 12px;
  color: #f29400;
  font-size: 14px;
}
.leaflet-popup-content {
  margin: 13px 19px;
  line-height: 1.3;
}
.leaflet-popup-content p {
  margin: 17px 0;
  margin: 1.3em 0;
}
.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-top: -1px;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none;
}
.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  pointer-events: auto;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.leaflet-popup-content-wrapper, .leaflet-popup-tip {
  background: white;
  color: #f29400;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}
.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  text-align: center;
  width: 24px;
  height: 24px;
  font: 16px/24px Tahoma, Verdana, sans-serif;
  color: #757575;
  text-decoration: none;
  background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover, .leaflet-container a.leaflet-popup-close-button:focus {
  color: #585858;
}
.leaflet-popup-scrolled {
  overflow: auto;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
  -ms-zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}
/* div icon */
.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
}
/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  /*background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;*/
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.leaflet-tooltip.leaflet-interactive {
  cursor: pointer;
  pointer-events: auto;
}
.leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before {
  /*position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";*/
}
/* Directions */
.leaflet-tooltip-bottom {
  margin-top: 6px;
}
.leaflet-tooltip-top {
  margin-top: -6px;
}
.leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px;
}
.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: #fff;
}
.leaflet-tooltip-left {
  margin-left: -6px;
}
.leaflet-tooltip-right {
  margin-left: 6px;
}
.leaflet-tooltip-left:before, .leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px;
}
.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: #fff;
}
.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: #fff;
}
/* Printing */
@media print {
  /* Prevent printers from removing background-images of controls. */
  .leaflet-control {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
}
.ui-front {
  z-index: 100;
}
.ui-accordion-content ul {
  margin: 0px;
  padding: 0px;
}
.ui-accordion-content ul li {
  list-style: none;
  background: rgba(20, 20, 20, 0.9);
  font-size: 13px;
  border-radius: 30px;
  /*text-shadow: 1px 1px 4px #000;*/
  margin: 2px 2px 2px 4px;
  padding: 2px 10px;
  width: max-content;
}
.ui-accordion-content ul li.active {
  background: rgba(244, 169, 50, 0.9);
}
.ui-accordion-content ul li#temphoehe {
  list-style: none;
  background: rgba(20, 20, 20, 0.7);
  font-size: 15px;
  border-radius: 30px;
  text-shadow: 0px 0px 4px #03111e;
  margin: 2px 2px 2px 5px;
  padding: 2px 10px;
  width: max-content;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}
/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  white-space: nowrap;
  position: relative;
  margin: 2px 0 5px 0;
  padding: 2px 10px 5px;
  font-size: 14px;
  letter-spacing: 1px;
  border-radius: 30px;
  background: rgba(10, 78, 112, 1);
  font-weight: 300;
  color: #ffffff;
  width: max-content;
  box-shadow: 1px 1px 4px #000;
  text-shadow: 2px 2px 4px #03111e;
}
.ui-accordion .ui-accordion-header-active {
  background: rgba(8, 155, 171, 1);
}

.ui-accordion .ui-accordion-content {
  /*padding: 1em 2.2em;*/
  border-top: 0;
  overflow: auto;
}
@media (max-width:500px) {
  .ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    white-space: nowrap;
    position: relative;
    margin: 5px auto;
    padding: 5px;
    font-size: 14px;
    letter-spacing: 1px;
    border-radius: 0px;
    background: none;
    font-weight: 300;
    color: rgba(10, 78, 112, 1);
    width: 90%;
    box-shadow: none;
    text-shadow: none;
    border-top: 1px dashed rgba(10, 78, 112, 1);
  }
  .ui-accordion-content ul li {
    list-style: none;
    background: rgba(20, 20, 20, 0.3);
    font-size: 13px;
    border-radius: 0px;
    /*text-shadow: 1px 1px 4px #000;*/
    margin: 4px auto;
    padding: 2px 10px;
    width: max-content;
  }
  .ui-accordion-content ul li.active {
    background: rgba(244, 169, 50, 0.9);
  }
 
}
/* Component containers
----------------------------------*/
.ui-widget {
  font-size: 1.1em;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input, .ui-widget textarea, .ui-widget button {
  font-size: 1em;
}
.ui-widget select {
  font-size: 11px;
  max-width: 80px;
}
.ui-widget.ui-widget-content {
  border: 1px solid #666666;
}
.ui-widget-content {
  color: #ffffff;
}
.ui-widget-content a {
  color: #ffffff;
}
.ui-widget-header {
  border: 1px solid #333333;
  color: #ffffff;
  font-weight: bold;
}
.ui-widget-header a {
  color: #ffffff;
}
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  font-weight: bold;
  color: #eeeeee;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
  color: #eeeeee;
  text-decoration: none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
  /*border: 1px solid #59b4d4;
	background: #0078a3 url("images/ui-bg_glass_40_0078a3_1x400.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #ffffff;*/
}
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus {
  color: #ffffff;
  text-decoration: none;
}
.ui-visual-focus {
  box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  /*border: 1px solid #ffaf0f;*/
	background-color: darkblue;
	/*font-weight: 400;
	color: #ffffff;*/
}
.ui-icon-background, .ui-state-active .ui-icon-background {
  border: #ffaf0f;
  background-color: #ffffff;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #cccccc;
  background: #eeeeee url("images/ui-bg_highlight-soft_80_eeeeee_1x100.png") 50% top repeat-x;
  color: #2e7db2;
}
.ui-state-checked {
  border: 1px solid #cccccc;
  background: #eeeeee;
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #2e7db2;
}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #ffb73d;
  background: #ffc73d url("images/ui-bg_glass_40_ffc73d_1x400.png") 50% 50% repeat-x;
  color: #111111;
}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #111111;
}
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #111111;
}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: .7;
  font-weight: normal;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: .35;
  background-image: none;
}
/* Overlays */
.ui-widget-overlay {
  background: #5c5c5c;
  opacity: .8;
}
.ui-widget-shadow {
  box-shadow: -7px -7px 7px #cccccc;
}
#weatherlayer {
  margin-top: 10px;
}
.wetterlayer {
  background-color: #0a4e70;
  border-radius: 30px;
  padding: 2px 10px 2px 5px;
  color: #fff;
  /*text-shadow: 0px 0px 4px #03111e;*/
  letter-spacing: 1px;
  font-weight: 400;
  display: inline-block;
  box-shadow: 1px 1px 4px #000;
  width: auto;
  margin-bottom: 10px;
  white-space: nowrap;
  font-size: 13px;
}
.wetterlayer:hover {
  background-color: #f4a932;
}
.active {
  background-color: #f4a932;
}
.autocomplete-container {
  margin-bottom: 20px;
}
.input-container {
  display: flex;
  position: relative;
}
.input-container input {
  flex: 1;
  outline: none;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 10px;
  padding-right: 31px;
  font-size: 16px;
}
.autocomplete-items {
  position: absolute;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.1);
  border-top: none;
  background-color: #fff;
  z-index: 99;
  top: calc(100% + 2px);
  left: 0;
  right: 0;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: rgba(0, 0, 0, 0.1);
}
.autocomplete-items .autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: rgba(0, 0, 0, 0.1);
}
.clear-button {
  color: rgba(0, 0, 0, 0.4);
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 0;
  height: 100%;
  display: none;
  align-items: center;
}
.clear-button.visible {
  display: flex;
}
.clear-button:hover {
  color: rgba(0, 0, 0, 0.6);
}
.leaflet-marker-pane {
  z-index: 1900;
}
.leaflet-marker-icon .zut .leaflet-zoom-animated { z-index: 100; }
.zut { z-index: 100; }
.text-below-marker4 {
  text-align: center; z-index: 900;
  font-weight: 400;
  line-height: 1.2;
  text-shadow: 0 0 1px #000, 0 0 5px rgba(0, 0, 0, .2), 0 0 5px #000;
  color: #fff;
  letter-spacing: 1px;
  min-height: 1.2em;
  top: -13px;
  width: max-content;
  max-width: 110px;
  left: -20px;
  transform: translate(-50%, 0);
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
.landerlabel {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  color: #BBFFFF;
  min-width: 80px;
  width: max-content;
  left: -40px;
  text-align: center;
  min-height: 1.2em;
  top: -1em;
  z-index: 99999999;
  text-transform: uppercase;
  text-shadow: 0 0 1px #000, 0 0 5px rgba(0, 0, 0, .2), 0 0 5px #000;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
#temphoehe {}
/* min-height: 1.2em;
  top: -1em;
  z-index: 999999999999999;
  display: inline-block;
  width: max-content;
  max-width: 110px;
  left: -20px;
  transform: translate(-50%, 0);
  text-align: center;
  font-family: "Plex Condensed",Helvetica,Arial,Tahoma,sans-serif;
  line-height: 1.2;
  text-shadow: 0 0 1px #000,0 0 5px rgba(0,0,0,.2),0 0 5px #000;
  color: #fff;
  letter-spacing: 1px;*/
#neuedaten {
  width: 240px;
  height: 240px;
  background: rgb(10, 78, 112);
  background: linear-gradient(90deg, rgba(10, 78, 112, 1) 0%, rgba(7, 188, 207, 1) 100%);
  font-size: 16px;
  color: white;
  z-index: 999999999999;
  position: absolute;
  top: 50%;
  margin-top: -140px;
  left: 50%;
  margin-left: -140px;
  text-align: center;
  padding: 20px;
  border-radius: 10px;
  display: none;
}
.tower {
  background: linear-gradient(180deg, #f29400 0%, #fdd25f 100%);
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 50%;
  margin: 26px auto;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
}
.tower svg {
  width: 40px;
  margin: 10px 6px 6px 5px;
  color: white;
}
#weiteres {
  border-radius: 30px; position: absolute; top: 66px; right: 10px;
  padding: 2px 2px 2px 5px;
  color: #fff;
  background-color: #f4a932;
  border: 1px solid #f29400;
  letter-spacing: 1px;
  font-weight: 300;
  width: 327px;
  display: inline-block;
  box-shadow: 1px 1px 4px #000;
  font-size: 12px;
  white-space: nowrap; z-index: 8888; text-shadow: 1px 1px 4px #03111e;
}
#weiterespres {
  border-radius: 30px; position: absolute; bottom: 70px; right: 10px;
  padding: 2px 10px 2px 5px;
  color: #fff;
  background-color: #f4a932;
  border: 1px solid #f29400;
  letter-spacing: 1px;
  font-weight: 300;
  width: max-content;
  display: inline-block;
  box-shadow: 1px 1px 4px #000;
  font-size: 11px;
  white-space: nowrap; z-index: 8888;
}
#copernicus {
 position: absolute; bottom: 72px; right: 10px;
 z-index: 8888; display: none;
}


#modelle {
  position: absolute;
  bottom: 40px;
  right: 10px;
  z-index: 9999999;
}
#liste_modelle {
  display: block;
  position: relative;
  z-index: 9999999999;
}
#legende {
  color: white;
  line-height: 18px;
  border-radius: 5px;
  z-index: 800;
  position: relative;
  width: 100%;
  height: 25px;
}
.leaflet-overlay-pane {
  z-index: 1845;
}
.legend.leaflet-control {
  width: 300px;
  box-shadow: 1px 1px 4px #000;
  border-radius: 5px;
}
#legreg {
  width: 98%;
  height: 16px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  color: #fff;
  font-size: 12px;
  padding: 0 1%;
  line-height: 24px;
  font-weight: 800;
  text-shadow: 0 0 4px #000;
}
#legreg > div {
  flex: none
}
#legende_wellen_hoehe, #legende_wellen_second, #legende_wind, #legende_gusts, #legende_cape, #legende_temp, #legende_td, #legende_t, #legende_w, #legende_sst , #legende_tmax, #legende_tmin, #legende_clouds, #legende_humidity, #legende_snowdepth, #legende_highclouds, #legende_middleclouds, #legende_lowclouds, #legende_aod550, #legende_duaod550, #legende_shww, #legende_swell1, #legende_swell2, #legende_swh, #legende_mpww, #legende_swper1, #legende_swper2, #legende_gtco3, #legende_pm2p5, #legende_pm10, #legende_omaod550, #legende_tcno2, #legende_tcso2, #legende_pmsl, #legende_rain, #legende_snow, #legende_so {
  float: left;
  color: white;
  line-height: 18px;
  border-radius: 5px;
  z-index: 800;
  position: relative;
  width: 100%;
  height: 25px;
}
#legende_danger {
  float: left;
  color: white;
  line-height: 18px;
  border-radius: 0px;
  z-index: 800;
  position: relative;
  width: 100%;
  height: 30px;
}
#legende_active {
  float: left;
  color: white;
  line-height: 18px;
  border-radius: 0px;
  z-index: 800;
  position: relative;
  width: 100%;
  height: 30px;
}
.eins, .zwei, .drei, .vier, .fuenf, .sechs, .sieben {
  font-size: 11px;
  line-height: 14px;
  display: inline-block;
  text-align: center;
  text-shadow: none;
  height: 30px;
}
.einsfire, .zweifire, .dreifire, .vierfire {
  font-size: 11px;
  line-height: 14px;
  display: inline-block;
  text-align: center;
  text-shadow: none;
  height: 30px;
}
.eins {
  background-color: #80ff80;
  color: black;
  width: 108px;
}
.zwei {
  background-color: #ffff40;
  color: black;
  width: 100px;
  line-height: 29px;
}
.drei {
  background-color: #ffb000;
  color: white;
  width: 100px;
  line-height: 29px;
}
.vier {
  background-color: #fa5000;
  color: white;
  width: 100px;
  line-height: 29px;
}
.fuenf {
  background-color: #b40000;
  color: white;
  width: 100px;
}
.sechs {
  background-color: #280523;
  color: white;
  width: 100px;
  line-height: 29px;
}
.sieben {
  background-color: rgba(10, 78, 112, 0.8);
  color: white;
  width: 112px;
}
.einsfire {
  background-color: #be00ff;
  color: white;
  width: 115px;
}
.zweifire {
  background-color: #ffb4c8;
  color: black;
  width: 115px;
}
.dreifire {
  background-color: #ff0000;
  color: white;
  width: 115px;
}
.vierfire {
  background-color: #ff7f00;
  color: white;
  width: 115px;
}
#button {
  border-radius: 50%;
  background-color: #0a4e70;
  margin-top: -3px;
  background-repeat: no-repeat;
  background-position: center center
}
#button:hover {
  background-color: #f29400
}
#geolocation {
  border-radius: 50%;
  background-color: #0a4e70;
  background-repeat: no-repeat;
  background-position: center center;
          
}
#geolocation:hover {
  background-color: #f29400
}
#messen {
  border-radius: 50%;
  background-color: #0a4e70;
  background-repeat: no-repeat;
  background-position: center center
}
#messen:hover {
  background-color: #f29400
}
#geoerror { width: 100%; z-index: 9999999999; background-color: deeppink; text-align: center; color: white; min-height: 30px; font-size: 14px; position: absolute; bottom: 2px; left: 0px; display: none;}
#legende_rain {
  background: -prefix-linear-gradient(left, rgba(6, 108, 152) 6.714285714285714%, rgba(16, 131, 180) 13.428571428571429%, rgba(26, 153, 207) 20.142857142857142%, rgba(39, 174, 179) 26.857142857142858%, rgba(52, 195, 150) 33.57142857142857%, rgba(89, 232, 93) 40.285714285714285%, rgba(241, 239, 13) 47%, rgba(241, 200, 34) 53.714285714285715%, rgba(255, 137, 0) 60.42857142857143%, rgba(253, 5, 0) 67.14285714285714%, rgba(180, 0, 0) 73.85714285714285%, rgba(213, 54, 200) 80.57142857142856%, rgba(118, 43, 226) 87.28571428571426%, rgba(84, 39, 135) 93.99999999999997%);
  background: linear-gradient(to right, rgba(6, 108, 152) 6.714285714285714%, rgba(16, 131, 180) 13.428571428571429%, rgba(26, 153, 207) 20.142857142857142%, rgba(39, 174, 179) 26.857142857142858%, rgba(52, 195, 150) 33.57142857142857%, rgba(89, 232, 93) 40.285714285714285%, rgba(241, 239, 13) 47%, rgba(241, 200, 34) 53.714285714285715%, rgba(255, 137, 0) 60.42857142857143%, rgba(253, 5, 0) 67.14285714285714%, rgba(180, 0, 0) 73.85714285714285%, rgba(213, 54, 200) 80.57142857142856%, rgba(118, 43, 226) 87.28571428571426%, rgba(84, 39, 135) 93.99999999999997%);
}
#legende_snow {
  background: -prefix-linear-gradient(left, rgba(254, 233, 243) 18.8%, rgba(250, 102, 177) 37.6%, rgba(172, 14, 144) 56.400000000000006%, rgba(109, 0, 137) 75.2%, rgba(108, 2, 137) 94%);
  background: linear-gradient(to right, rgba(254, 233, 243) 18.8%, rgba(250, 102, 177) 37.6%, rgba(172, 14, 144) 56.400000000000006%, rgba(109, 0, 137) 75.2%, rgba(108, 2, 137) 94%);
}
#legende_shww, #legende_swell1, #legende_swell2, #legende_swh {
  background: -prefix-linear-gradient(left, rgba(10, 78, 112) 0%, rgba(105, 183, 203) 12.5%, rgba(190, 229, 228) 25%, rgb(212, 150, 186) 37.5%, rgb(209, 33, 142) 50%, rgb(165 37 140) 62.5%, rgb(129 33 137) 75%, rgb(69 8 130) 87.5%);
  background: linear-gradient(to right, rgba(10, 78, 112) 0%, rgba(105, 183, 203) 12.5%, rgba(190, 229, 228) 25%, rgb(212, 150, 186) 37.5%, rgb(209, 33, 142) 50%, rgb(165 37 140) 62.5%, rgb(129 33 137) 75%, rgb(69 8 130) 87.5%);
}
#legende_mpww, #legende_swper1, #legende_swper2 {
  background: -prefix-linear-gradient(left, rgba(10, 78, 112) 0%, rgba(35, 121, 178) 12.5%, rgba(105, 183, 203) 25%, rgb(190, 229, 228) 37.5%, rgb(172, 170, 229) 50%, rgb(157, 123, 226) 62.5%, rgb(137, 43, 226) 75%, rgb(69 8 130) 87.5%);
  background: linear-gradient(to right, rgba(10, 78, 112) 0%, rgba(105, 183, 203) 12.5%, rgba(190, 229, 228) 25%, rgb(212, 150, 186) 37.5%, rgb(209, 33, 142) 50%, rgb(165 37 140) 62.5%, rgb(129 33 137) 75%, rgb(69 8 130) 87.5%);
}
#legende_wind, #legende_w, #legende_gusts {
  background: -prefix-linear-gradient(left, rgba(35, 121, 178) 9.4%, rgba(79, 164, 195) 18.8%, rgba(146, 213, 189) 28.200000000000003%, rgba(99, 170, 86) 37.6%, rgba(255, 191, 0) 47%, rgba(255, 135, 47) 56.4%, rgba(249, 34, 87) 65.8%, rgba(215, 76, 209) 75.2%, rgba(143, 51, 202) 84.60000000000001%, rgba(114, 77, 185) 94.00000000000001%);
  background: linear-gradient(to right, rgba(35, 121, 178) 9.4%, rgba(79, 164, 195) 18.8%, rgba(146, 213, 189) 28.200000000000003%, rgba(99, 170, 86) 37.6%, rgba(255, 191, 0) 47%, rgba(255, 135, 47) 56.4%, rgba(249, 34, 87) 65.8%, rgba(215, 76, 209) 75.2%, rgba(143, 51, 202) 84.60000000000001%, rgba(114, 77, 185) 94.00000000000001%);
}
#legende_temp, #legende_td, #legende_sst, #legende_t {
  background: -prefix-linear-gradient(left, rgba(29, 145, 191) 11.75%, rgba(131, 201, 211) 23.5%, rgba(250, 244, 240) 35.25%, rgba(63, 197, 129) 47%, rgba(255, 191, 0) 58.75%, rgba(255, 0, 0) 70.5%, rgba(255, 51, 178) 82.25%, rgba(172, 14, 144) 94%);
  background: linear-gradient(to right, rgba(29, 145, 191) 11.75%, rgba(131, 201, 211) 23.5%, rgba(250, 244, 240) 35.25%, rgba(63, 197, 129) 47%, rgba(255, 191, 0) 58.75%, rgba(255, 0, 0) 70.5%, rgba(255, 51, 178) 82.25%, rgba(172, 14, 144) 94%);
}
#legende_cape {
  background: -prefix-linear-gradient(left, rgba(10, 78, 112) 15.666666666666666%, rgba(255, 208, 0) 31.333333333333332%, rgba(209, 33, 142) 47%, rgba(129, 33, 137) 62.666666666666664%, rgba(137, 43, 226) 78.33333333333333%, rgba(137, 43, 226) 94%);
  background: linear-gradient(to right, rgba(10, 78, 112) 15.666666666666666%, rgba(255, 208, 0) 31.333333333333332%, rgba(209, 33, 142) 47%, rgba(129, 33, 137) 62.666666666666664%, rgba(137, 43, 226) 78.33333333333333%, rgba(137, 43, 226) 94%);
}
#legende_so {
  background: -prefix-linear-gradient(left, rgba(45, 103, 248) 8.545454545454545%,rgba(45, 149, 240) 17.09090909090909%,rgba(45, 180, 238) 25.636363636363633%,rgba(78, 217, 210) 34.18181818181818%,rgba(187, 231, 144) 42.72727272727273%,rgba(219, 243, 134) 51.27272727272727%,rgba(251, 254, 121) 59.81818181818182%,rgba(254, 199, 11) 68.36363636363636%,rgba(255, 117, 32) 76.9090909090909%,rgba(253, 72, 45) 85.45454545454545%,rgba(236, 34, 37) 94%);
  background: linear-gradient(to right, rgba(45, 103, 248) 8.545454545454545%,rgba(45, 149, 240) 17.09090909090909%,rgba(45, 180, 238) 25.636363636363633%,rgba(78, 217, 210) 34.18181818181818%,rgba(187, 231, 144) 42.72727272727273%,rgba(219, 243, 134) 51.27272727272727%,rgba(251, 254, 121) 59.81818181818182%,rgba(254, 199, 11) 68.36363636363636%,rgba(255, 117, 32) 76.9090909090909%,rgba(253, 72, 45) 85.45454545454545%,rgba(236, 34, 37) 94%);
}
#legende_clouds, #legende_highclouds, #legende_middleclouds, #legende_lowclouds {
  background: -prefix-linear-gradient(left, rgba(46, 121, 199) 7.833333333333333%, rgba(67, 135, 205) 15.666666666666666%, rgba(88, 148, 210) 23.5%, rgba(109, 161, 216) 31.333333333333332%, rgba(130, 175, 221) 39.166666666666664%, rgba(151, 188, 227) 47%, rgba(171, 201, 233) 54.833333333333336%, rgba(193, 215, 238) 62.66666666666667%, rgba(213, 228, 244) 70.5%, rgba(235, 242, 250) 78.33333333333333%, rgba(255, 255, 255) 86.16666666666666%, rgba(255, 255, 255) 93.99999999999999%);
  background: linear-gradient(to right, rgba(46, 121, 199) 7.833333333333333%, rgba(67, 135, 205) 15.666666666666666%, rgba(88, 148, 210) 23.5%, rgba(109, 161, 216) 31.333333333333332%, rgba(130, 175, 221) 39.166666666666664%, rgba(151, 188, 227) 47%, rgba(171, 201, 233) 54.833333333333336%, rgba(193, 215, 238) 62.66666666666667%, rgba(213, 228, 244) 70.5%, rgba(235, 242, 250) 78.33333333333333%, rgba(255, 255, 255) 86.16666666666666%, rgba(255, 255, 255) 93.99999999999999%);
}
#legende_humidity {
  background: -prefix-linear-gradient(left, rgba(172, 170, 154) 0.9306930693069307%, rgba(174, 172, 156) 1.8613861386138615%, rgba(176, 174, 158) 2.7920792079207923%, rgba(178, 176, 159) 3.722772277227723%, rgba(180, 178, 161) 4.653465346534654%, rgba(182, 180, 163) 5.584158415841585%, rgba(184, 181, 165) 6.514851485148515%, rgba(186, 183, 167) 7.445544554455446%, rgba(188, 185, 168) 8.376237623762377%, rgba(190, 187, 170) 9.306930693069308%, rgba(192, 189, 172) 10.23762376237624%, rgba(193, 189, 169) 11.168316831683171%, rgba(194, 189, 165) 12.099009900990103%, rgba(195, 189, 162) 13.029702970297034%, rgba(196, 189, 158) 13.960396039603966%, rgba(198, 189, 155) 14.891089108910897%, rgba(199, 188, 152) 15.821782178217829%, rgba(200, 188, 148) 16.75247524752476%, rgba(201, 188, 145) 17.68316831683169%, rgba(202, 188, 141) 18.61386138613862%, rgba(203, 188, 138) 19.54455445544555%, rgba(208, 191, 135) 20.47524752475248%, rgba(213, 194, 131) 21.40594059405941%, rgba(219, 197, 128) 22.33663366336634%, rgba(224, 200, 125) 23.26732673267327%, rgba(229, 204, 122) 24.198019801980198%, rgba(234, 207, 118) 25.128712871287128%, rgba(239, 210, 115) 26.059405940594058%, rgba(245, 213, 112) 26.990099009900987%, rgba(250, 216, 108) 27.920792079207917%, rgba(255, 219, 105) 28.851485148514847%, rgba(255, 215, 100) 29.782178217821777%, rgba(254, 210, 94) 30.712871287128706%, rgba(254, 206, 89) 31.643564356435636%, rgba(253, 201, 84) 32.574257425742566%, rgba(253, 197, 79) 33.5049504950495%, rgba(253, 193, 73) 34.43564356435643%, rgba(252, 188, 68) 35.366336633663366%, rgba(252, 184, 63) 36.2970297029703%, rgba(251, 179, 57) 37.22772277227723%, rgba(251, 175, 53) 38.158415841584166%, rgba(251, 174, 58) 39.0891089108911%, rgba(250, 174, 64) 40.01980198019803%, rgba(250, 173, 70) 40.950495049504966%, rgba(249, 173, 76) 41.8811881188119%, rgba(249, 172, 83) 42.81188118811883%, rgba(248, 171, 89) 43.742574257425765%, rgba(248, 171, 95) 44.6732673267327%, rgba(247, 170, 101) 45.60396039603963%, rgba(247, 170, 107) 46.534653465346565%, rgba(246, 169, 114) 47.4653465346535%, rgba(246, 166, 113) 48.39603960396043%, rgba(245, 163, 113) 49.326732673267365%, rgba(245, 161, 112) 50.2574257425743%, rgba(244, 158, 112) 51.18811881188123%, rgba(244, 155, 112) 52.118811881188165%, rgba(244, 152, 112) 53.0495049504951%, rgba(243, 149, 112) 53.98019801980203%, rgba(243, 147, 111) 54.910891089108965%, rgba(242, 144, 111) 55.8415841584159%, rgba(242, 141, 111) 56.77227722772283%, rgba(241, 138, 113) 57.702970297029765%, rgba(241, 135, 114) 58.6336633663367%, rgba(240, 132, 114) 59.56435643564363%, rgba(239, 129, 115) 60.495049504950565%, rgba(239, 126, 115) 61.4257425742575%, rgba(238, 122, 115) 62.35643564356443%, rgba(237, 119, 116) 63.287128712871365%, rgba(236, 116, 116) 64.21782178217829%, rgba(236, 113, 117) 65.14851485148522%, rgba(235, 110, 117) 66.07920792079214%, rgba(234, 107, 118) 67.00990099009907%, rgba(233, 103, 119) 67.940594059406%, rgba(232, 100, 120) 68.87128712871292%, rgba(231, 96, 121) 69.80198019801985%, rgba(231, 93, 123) 70.73267326732677%, rgba(230, 90, 124) 71.6633663366337%, rgba(229, 86, 125) 72.59405940594063%, rgba(228, 83, 126) 73.52475247524755%, rgba(227, 79, 127) 74.45544554455448%, rgba(226, 76, 128) 75.3861386138614%, rgba(219, 75, 126) 76.31683168316833%, rgba(211, 74, 125) 77.24752475247526%, rgba(204, 72, 123) 78.17821782178218%, rgba(196, 71, 122) 79.10891089108911%, rgba(189, 70, 120) 80.03960396039604%, rgba(182, 69, 118) 80.97029702970296%, rgba(174, 68, 117) 81.90099009900989%, rgba(167, 66, 115) 82.83168316831681%, rgba(159, 65, 114) 83.76237623762374%, rgba(152, 64, 112) 84.69306930693067%, rgba(148, 64, 112) 85.6237623762376%, rgba(144, 64, 112) 86.55445544554452%, rgba(140, 64, 112) 87.48514851485145%, rgba(136, 64, 112) 88.41584158415837%, rgba(133, 64, 112) 89.3465346534653%, rgba(129, 64, 112) 90.27722772277222%, rgba(125, 64, 112) 91.20792079207915%, rgba(121, 64, 112) 92.13861386138608%, rgba(117, 64, 112) 93.069306930693%, rgba(114, 64, 112) 93.99999999999993%);
  background: linear-gradient(to right, rgba(172, 170, 154) 0.9306930693069307%, rgba(174, 172, 156) 1.8613861386138615%, rgba(176, 174, 158) 2.7920792079207923%, rgba(178, 176, 159) 3.722772277227723%, rgba(180, 178, 161) 4.653465346534654%, rgba(182, 180, 163) 5.584158415841585%, rgba(184, 181, 165) 6.514851485148515%, rgba(186, 183, 167) 7.445544554455446%, rgba(188, 185, 168) 8.376237623762377%, rgba(190, 187, 170) 9.306930693069308%, rgba(192, 189, 172) 10.23762376237624%, rgba(193, 189, 169) 11.168316831683171%, rgba(194, 189, 165) 12.099009900990103%, rgba(195, 189, 162) 13.029702970297034%, rgba(196, 189, 158) 13.960396039603966%, rgba(198, 189, 155) 14.891089108910897%, rgba(199, 188, 152) 15.821782178217829%, rgba(200, 188, 148) 16.75247524752476%, rgba(201, 188, 145) 17.68316831683169%, rgba(202, 188, 141) 18.61386138613862%, rgba(203, 188, 138) 19.54455445544555%, rgba(208, 191, 135) 20.47524752475248%, rgba(213, 194, 131) 21.40594059405941%, rgba(219, 197, 128) 22.33663366336634%, rgba(224, 200, 125) 23.26732673267327%, rgba(229, 204, 122) 24.198019801980198%, rgba(234, 207, 118) 25.128712871287128%, rgba(239, 210, 115) 26.059405940594058%, rgba(245, 213, 112) 26.990099009900987%, rgba(250, 216, 108) 27.920792079207917%, rgba(255, 219, 105) 28.851485148514847%, rgba(255, 215, 100) 29.782178217821777%, rgba(254, 210, 94) 30.712871287128706%, rgba(254, 206, 89) 31.643564356435636%, rgba(253, 201, 84) 32.574257425742566%, rgba(253, 197, 79) 33.5049504950495%, rgba(253, 193, 73) 34.43564356435643%, rgba(252, 188, 68) 35.366336633663366%, rgba(252, 184, 63) 36.2970297029703%, rgba(251, 179, 57) 37.22772277227723%, rgba(251, 175, 53) 38.158415841584166%, rgba(251, 174, 58) 39.0891089108911%, rgba(250, 174, 64) 40.01980198019803%, rgba(250, 173, 70) 40.950495049504966%, rgba(249, 173, 76) 41.8811881188119%, rgba(249, 172, 83) 42.81188118811883%, rgba(248, 171, 89) 43.742574257425765%, rgba(248, 171, 95) 44.6732673267327%, rgba(247, 170, 101) 45.60396039603963%, rgba(247, 170, 107) 46.534653465346565%, rgba(246, 169, 114) 47.4653465346535%, rgba(246, 166, 113) 48.39603960396043%, rgba(245, 163, 113) 49.326732673267365%, rgba(245, 161, 112) 50.2574257425743%, rgba(244, 158, 112) 51.18811881188123%, rgba(244, 155, 112) 52.118811881188165%, rgba(244, 152, 112) 53.0495049504951%, rgba(243, 149, 112) 53.98019801980203%, rgba(243, 147, 111) 54.910891089108965%, rgba(242, 144, 111) 55.8415841584159%, rgba(242, 141, 111) 56.77227722772283%, rgba(241, 138, 113) 57.702970297029765%, rgba(241, 135, 114) 58.6336633663367%, rgba(240, 132, 114) 59.56435643564363%, rgba(239, 129, 115) 60.495049504950565%, rgba(239, 126, 115) 61.4257425742575%, rgba(238, 122, 115) 62.35643564356443%, rgba(237, 119, 116) 63.287128712871365%, rgba(236, 116, 116) 64.21782178217829%, rgba(236, 113, 117) 65.14851485148522%, rgba(235, 110, 117) 66.07920792079214%, rgba(234, 107, 118) 67.00990099009907%, rgba(233, 103, 119) 67.940594059406%, rgba(232, 100, 120) 68.87128712871292%, rgba(231, 96, 121) 69.80198019801985%, rgba(231, 93, 123) 70.73267326732677%, rgba(230, 90, 124) 71.6633663366337%, rgba(229, 86, 125) 72.59405940594063%, rgba(228, 83, 126) 73.52475247524755%, rgba(227, 79, 127) 74.45544554455448%, rgba(226, 76, 128) 75.3861386138614%, rgba(219, 75, 126) 76.31683168316833%, rgba(211, 74, 125) 77.24752475247526%, rgba(204, 72, 123) 78.17821782178218%, rgba(196, 71, 122) 79.10891089108911%, rgba(189, 70, 120) 80.03960396039604%, rgba(182, 69, 118) 80.97029702970296%, rgba(174, 68, 117) 81.90099009900989%, rgba(167, 66, 115) 82.83168316831681%, rgba(159, 65, 114) 83.76237623762374%, rgba(152, 64, 112) 84.69306930693067%, rgba(148, 64, 112) 85.6237623762376%, rgba(144, 64, 112) 86.55445544554452%, rgba(140, 64, 112) 87.48514851485145%, rgba(136, 64, 112) 88.41584158415837%, rgba(133, 64, 112) 89.3465346534653%, rgba(129, 64, 112) 90.27722772277222%, rgba(125, 64, 112) 91.20792079207915%, rgba(121, 64, 112) 92.13861386138608%, rgba(117, 64, 112) 93.069306930693%, rgba(114, 64, 112) 93.99999999999993%);
}
#legende_snowdepth {
  background: -prefix-linear-gradient(left, rgba(246, 191, 117) 11.75%, rgba(215, 113, 133) 23.5%, rgba(135, 102, 172) 35.25%, rgba(120, 76, 169) 47%, rgba(89, 106, 218) 58.75%, rgba(65, 80, 177) 70.5%, rgba(46, 58, 135) 82.25%, rgba(46, 58, 135) 94%);
  background: linear-gradient(to right, rgba(246, 191, 117) 11.75%, rgba(215, 113, 133) 23.5%, rgba(135, 102, 172) 35.25%, rgba(120, 76, 169) 47%, rgba(89, 106, 218) 58.75%, rgba(65, 80, 177) 70.5%, rgba(46, 58, 135) 82.25%, rgba(46, 58, 135) 94%);
}
#legende_aod550, #legende_duaod550, #legende_omaod550 {
  background: -prefix-linear-gradient(left, rgba(210, 214, 234) 13.428571428571429%, rgba(135, 145, 190) 26.857142857142858%, rgba(255, 191, 0) 40.285714285714285%, rgba(243, 79, 1) 53.714285714285715%, rgba(232, 32, 93) 67.14285714285714%, rgba(209, 33, 142) 80.57142857142857%, rgba(109, 50, 125) 94%);
  background: linear-gradient(to right, rgba(210, 214, 234) 13.428571428571429%, rgba(135, 145, 190) 26.857142857142858%, rgba(255, 191, 0) 40.285714285714285%, rgba(243, 79, 1) 53.714285714285715%, rgba(232, 32, 93) 67.14285714285714%, rgba(209, 33, 142) 80.57142857142857%, rgba(109, 50, 125) 94%);
}
#legende_gtco3 {
  background: -prefix-linear-gradient(left, rgba(2, 65, 122) 10.444444444444445%, rgba(17, 90, 147) 20.88888888888889%, rgba(79, 164, 195) 31.333333333333336%, rgba(161, 216, 219) 41.77777777777778%, rgba(218, 218, 236) 52.22222222222222%, rgba(129, 124, 191) 62.666666666666664%, rgba(91, 31, 149) 73.11111111111111%, rgba(180, 40, 141) 83.55555555555556%, rgba(255, 51, 178) 94%);
  background: linear-gradient(to right, rgba(2, 65, 122) 10.444444444444445%, rgba(17, 90, 147) 20.88888888888889%, rgba(79, 164, 195) 31.333333333333336%, rgba(161, 216, 219) 41.77777777777778%, rgba(218, 218, 236) 52.22222222222222%, rgba(129, 124, 191) 62.666666666666664%, rgba(91, 31, 149) 73.11111111111111%, rgba(180, 40, 141) 83.55555555555556%, rgba(255, 51, 178) 94%);
}
#legende_pm2p5, #legende_pm10 {
  background: -prefix-linear-gradient(left, rgba(32, 108, 254) 7.833333333333333%, rgba(104, 176, 254) 15.666666666666666%, rgba(155, 207, 212) 23.5%, rgba(217, 238, 143) 31.333333333333332%, rgba(255, 254, 64) 39.166666666666664%, rgba(255, 218, 79) 47%, rgba(255, 180, 88) 54.833333333333336%, rgba(255, 116, 52) 62.66666666666667%, rgba(254, 0, 0) 70.5%, rgba(209, 16, 69) 78.33333333333333%, rgba(165, 11, 94) 86.16666666666666%, rgba(109, 50, 125) 93.99999999999999%);
  background: linear-gradient(to right, rgba(32, 108, 254) 7.833333333333333%, rgba(104, 176, 254) 15.666666666666666%, rgba(155, 207, 212) 23.5%, rgba(217, 238, 143) 31.333333333333332%, rgba(255, 254, 64) 39.166666666666664%, rgba(255, 218, 79) 47%, rgba(255, 180, 88) 54.833333333333336%, rgba(255, 116, 52) 62.66666666666667%, rgba(254, 0, 0) 70.5%, rgba(209, 16, 69) 78.33333333333333%, rgba(165, 11, 94) 86.16666666666666%, rgba(109, 50, 125) 93.99999999999999%);
}
#legende_tcno2 {
  background: -prefix-linear-gradient(left, rgba(2, 65, 122) 8.545454545454545%, rgba(104, 176, 254) 17.09090909090909%, rgba(26, 143, 137) 25.636363636363633%, rgba(122, 188, 184) 34.18181818181818%, rgba(190, 229, 228) 42.72727272727273%, rgba(255, 218, 79) 51.27272727272727%, rgba(255, 180, 88) 59.81818181818182%, rgba(255, 116, 52) 68.36363636363636%, rgba(254, 0, 0) 76.9090909090909%, rgba(209, 16, 69) 85.45454545454545%, rgba(109, 50, 125) 94%);
  background: linear-gradient(to right, rgba(2, 65, 122) 8.545454545454545%, rgba(104, 176, 254) 17.09090909090909%, rgba(26, 143, 137) 25.636363636363633%, rgba(122, 188, 184) 34.18181818181818%, rgba(190, 229, 228) 42.72727272727273%, rgba(255, 218, 79) 51.27272727272727%, rgba(255, 180, 88) 59.81818181818182%, rgba(255, 116, 52) 68.36363636363636%, rgba(254, 0, 0) 76.9090909090909%, rgba(209, 16, 69) 85.45454545454545%, rgba(109, 50, 125) 94%);
}
#legende_tcso2 {
  background: -prefix-linear-gradient(left, rgba(2, 65, 122) 7.833333333333333%, rgba(72, 161, 198) 15.666666666666666%, rgba(26, 143, 137) 23.5%, rgba(122, 188, 184) 31.333333333333332%, rgba(190, 229, 228) 39.166666666666664%, rgba(223, 243, 165) 47%, rgba(255, 218, 79) 54.833333333333336%, rgba(255, 180, 88) 62.66666666666667%, rgba(255, 116, 52) 70.5%, rgba(254, 0, 0) 78.33333333333333%, rgba(209, 16, 69) 86.16666666666666%, rgba(109, 50, 125) 93.99999999999999%);
  background: linear-gradient(to right, rgba(2, 65, 122) 7.833333333333333%, rgba(72, 161, 198) 15.666666666666666%, rgba(26, 143, 137) 23.5%, rgba(122, 188, 184) 31.333333333333332%, rgba(190, 229, 228) 39.166666666666664%, rgba(223, 243, 165) 47%, rgba(255, 218, 79) 54.833333333333336%, rgba(255, 180, 88) 62.66666666666667%, rgba(255, 116, 52) 70.5%, rgba(254, 0, 0) 78.33333333333333%, rgba(209, 16, 69) 86.16666666666666%, rgba(109, 50, 125) 93.99999999999999%);
}
#legende_pmsl {
  background: -prefix-linear-gradient(left, rgba(140, 0, 35) 6.714285714285714%, rgba(206, 0, 26) 13.428571428571429%, rgba(247, 0, 0) 20.142857142857142%, rgba(255, 56, 1) 26.857142857142858%, rgba(255, 134, 24) 33.57142857142857%, rgba(255, 175, 44) 40.285714285714285%, rgba(255, 216, 100) 47%, rgba(131, 201, 211) 53.714285714285715%, rgba(105, 183, 203) 60.42857142857143%, rgba(79, 164, 195) 67.14285714285714%, rgba(56, 143, 186) 73.85714285714285%, rgba(35, 121, 178) 80.57142857142856%, rgba(0, 93, 173) 87.28571428571426%, rgba(0, 64, 134) 93.99999999999997%);
  background: linear-gradient(to right, rgba(140, 0, 35) 6.714285714285714%, rgba(206, 0, 26) 13.428571428571429%, rgba(247, 0, 0) 20.142857142857142%, rgba(255, 56, 1) 26.857142857142858%, rgba(255, 134, 24) 33.57142857142857%, rgba(255, 175, 44) 40.285714285714285%, rgba(255, 216, 100) 47%, rgba(131, 201, 211) 53.714285714285715%, rgba(105, 183, 203) 60.42857142857143%, rgba(79, 164, 195) 67.14285714285714%, rgba(56, 143, 186) 73.85714285714285%, rgba(35, 121, 178) 80.57142857142856%, rgba(0, 93, 173) 87.28571428571426%, rgba(0, 64, 134) 93.99999999999997%);
}
#legende_ {
  background: -prefix-linear-gradient(left, );
  background: linear-gradient(to right, );
}
#legende_ {
  background: -prefix-linear-gradient(left, );
  background: linear-gradient(to right, );
}
#legende_ {
  background: -prefix-linear-gradient(left, );
  background: linear-gradient(to right, );
}
#legende_ {
  background: -prefix-linear-gradient(left, );
  background: linear-gradient(to right, );
}
#legende_ {
  background: -prefix-linear-gradient(left, );
  background: linear-gradient(to right, );
}
#legende_ {
  background: -prefix-linear-gradient(left, );
  background: linear-gradient(to right, );
}
.wettermodell {
  background-color: rgba(10, 78, 112, 1);
  border: none;
  border-radius: 15px;
  box-shadow: 1px 1px 4px #000;
  color: white;
  padding: 5px 10px; font-size: 14px;
}
.VFR, .MVFR, .IFR, .LIFR, .obs-templayer {
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.9);
  color: white;
  font-size: 14px; font-weight: bold;
  padding: 2px 4px;
  border-radius: 5px;
  width: max-content;
  display: block;
  text-align: center;
}
.VFR {
  background-color: #38C38B;
}
.MVFR {
  background-color: #3D9CDF;
}
.IFR {
  background-color: #DF5372;
}
.LIFR {
  background-color: #9069E4;
}
.obs-templayer svg { width: 20px; height: 20px; filter:drop-shadow(0px 0px 2px rgba(0,0,0,0.5)); vertical-align: text-bottom; }
.select-selected {
  background-color: DodgerBlue;
}
/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}
/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}
/* style the items (options), including the selected item: */
.select-items div, .select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}
/* Style items (options): */
.select-items {
  position: absolute;
  background-color: DodgerBlue;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}
/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}
.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}
.switch input {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  z-index: 100;
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer
}
.switch {
  width: 28px;
  height: 16px;
  float: left;
  margin-right: 4px;
  position: relative;
  margin-top: 2px
}
.switch label {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  background: #1F2736;
  background: linear-gradient(#121823, #161d2b);
  border-radius: 30px 30px 30px 30px;
  box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .2);
  -webkit-transition: all .5s ease;
  transition: all .5s ease
}
.switch input ~ label i {
  display: block;
  height: 12px;
  width: 12px;
  position: absolute;
  left: 2px;
  top: 2px;
  z-index: 2;
  border-radius: inherit;
  background: #283446;
  background: linear-gradient(#36455b, #283446);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 0 8px rgba(0, 0, 0, .3), 0 12px 12px rgba(0, 0, 0, .4);
  -webkit-transition: all .5s ease;
  transition: all .5s ease
}
#press, #windani {
  float: left;
}
#press { padding-left: 5px; margin-left: 5px; border-left: 1px dotted white;}

#windanimation {
  background-color: rgba(10, 78, 112, .8);
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 12px; max-width: 60px;
}


/* TIMECONTROL*/
#meteolangdia {
  white-space: nowrap;
  position: absolute;
  bottom: 3px;
  left: 112px;
  background-color: rgba(10, 78, 112, .9);
  text-shadow: 2px 2px 4px #03111e;
  font-size: 11px;
  width: 808px;
  z-index: 999;
  color: #fff;
  font-weight: 400;
  border-radius: 20px;
  line-height: 16px;
  box-shadow: 1px 1px 4px #000; overflow: hidden;
}
.lang { display: inline-block; border-right: 1px dotted white; padding-right: -1px; text-align: center;}
.lang0 { display: inline-block; }

#timeutc {
  background-color: rgba(10, 78, 112, 1);
  position: absolute;
  bottom: 29px;
  width: 120px;
  margin-left: -60px;
  z-index: 99999999;
  border-radius: 10px;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  line-height: 14px;
  box-shadow: 1px 1px 4px #000;
  text-shadow: 2px 2px 4px #03111e
}
#timeutc:after {
  position: absolute;
  bottom: -5px;
  display: block;
  content: '';
  width: 10px;
  height: 10px;
  left: 59px;
  border-radius: 50%;
  background: rgba(10, 78, 112, 1)
}
.pressurelabel {
  font-size: 12px;
  color: black;
  padding: 2px 5px;
  border-radius: 20px;
  background-color: white;
}
.leaflet-bottom .leaflet-right {
  background-color: rgba(255, 255, 255, 0.5);
}
#modal {
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 5px;
  width: calc(100% - 20px); position: absolute; z-index: 99999;
}
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  #modal {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(255, 255, 255, 0.5);
  }
}
@keyframes animate {
  0% {
    transform: scale(.8)
  }
  100% {
    transform: scale(.4)
  }
}
.switch input:checked ~ label + span {
  content: "";
  display: none;
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  z-index: 2;
  background: #283446;
  background: linear-gradient(#36455b, #283446);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 0 8px rgba(0, 0, 0, .3), 0 12px 12px rgba(0, 0, 0, .4)
}
.switch input:checked ~ label i {
  left: auto;
  left: 44%;
  background: #b9f3fe;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, .1), 0 1px 0 rgba(255, 255, 255, .1), 0 0 10px rgba(100, 231, 253, 1), inset 0 0 8px rgba(61, 157, 247, .8), inset 0 -2px 5px rgba(185, 231, 253, .8), inset 0 -3px 8px rgba(185, 231, 253, .8);
  -webkit-transition: all .5s ease;
  transition: all .5s ease
}
#weathertext {
  position: absolute;
  width: 320px;
  height: auto;
  max-height: calc(100% - 100px);
  top: 35px;
  right: 0px;
  z-index: 99999999;
  display: none;
}
#weathertext::-webkit-scrollbar {
  display: none;
}
#weathertext {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#modal::-webkit-scrollbar {
  display: none;
}
#modal {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#layerliste::-webkit-scrollbar {
  display: none;
}
#layerliste {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.closeaviso {
  width: 10px;
  height: 10px;
  color: white;
  background: linear-gradient(#f29400, #f2a800);
  border-radius: 50%;
  margin-left: -5px;
  margin-top: -5px;
  padding: 5px;
  border: 2px solid white;
  font-size: 16px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  position: fixed;
  line-height: 8px;
  cursor: pointer;
  box-shadow: 1px 1px 4px #000;
}
#datum {
  color: #052738;
  text-align: center;
  margin-top: -5px;
  font-size: 13px;
}
#ort {
  width: 100%;
  padding: 6px 10px;
  background: linear-gradient(90deg, rgba(10, 78, 112, 1) 0%, rgba(7, 188, 207, 1) 100%);
  color: white;
  font-size: 20px;
  font-weight: 400;
  margin-left: -10px;
  letter-spacing: 2px;
  border-bottom: 5px solid transparent;
  border-image: linear-gradient(0.25turn, #fdd25f, rgba(7, 188, 207, 1), rgba(10, 78, 112, 0));
  border-image-slice: 100%;
  border-image-slice: 1;
}
#forecasthoras {
  width: 100%;
  padding: 1px 10px;
  background: white;
  color: #052738;
  font-size: 14px;
  font-weight: normal;
  margin: 10px 0 2px -10px;
  letter-spacing: 2px;
  overflow-y: hidden;
}
#land {
  width: 100%;
  padding: 1px 10px;
  background: white;
  color: #052738;
  font-size: 12px;
  font-weight: normal;
  margin: 0px 0 5px -10px;
  overflow-y: hidden;
}
#mehrdaten {
  text-align: center;
  font-size: 11px;
  color: #0a4e70;
}
#forecast24 {
  text-align: center;
  font-size: 15px;
  color: #052738;
  font-weight: bold;
  border-top: 1px solid #052738;
  padding-top: 5px;
  margin-top: 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
table#weatherforecast24 {
  width: 840px;
  color: #052738;
  margin-bottom: 10px;
  border-collapse: collapse;
}
table#weatherforecast24 tr td {
  min-width: 68px;
  color: #052738;
  text-align: center;
}
table#weatherforecast24 tr.zeit td {
  background-color: rgba(255, 255, 255, 0.4);
}
table#weatherforecast24 tr td.uhrzeit {
  font-size: 11px;
}
table#weatherforecast24 tr td.horanieve {
  font-size: 14px;
  color: #662483;
}
table#weatherforecast24 tr td.horaregen {
  font-size: 14px;
  color: #004899;
}
table#weatherforecast24 tr td.wind { /*padding: 0 12px;*/ margin-top: 10px;
}
table#weatherforecast24 tr.fix td {
  height: 20px;
}
.boe {
  color: darkorange;
  font-weight: bold;
}
#fix {
  width: 270px;
  position: absolute;
  margin-top: -10px;
  height: 20px;
  font-size: 10px;
  letter-spacing: 2px;
}
#wetterdaten {
  overflow: scroll;
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot');
  src: url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.woff') format('woff'), url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}
.leaflet-bar-timecontrol {
  /* background-color: rgba(10,78,112,0.8);*/
  color: black;
}
.leaflet-bar-timecontrol * {
  /* box-sizing: border-box;*/
}
.leaflet-bar-timecontrol .leaflet-control-timecontrol {
  float: left;
  height: 26px;
  line-height: 26px;
  /*border: solid #a5a5a5;*/
  /* background-color: rgba(10,78,112,0.8);*/
  font-size: 12px;
  border-width: 0 1px 0 0;
  margin-right: 5px;
}
.leaflet-bar-timecontrol .leaflet-control-timecontrol:first-child {
  /* border-radius: 4px 0 0 4px;*/
}
.leaflet-bar-timecontrol .leaflet-control-timecontrol:last-child {
  /*border-radius: 0 4px 4px 0;*/
}
.leaflet-bar-timecontrol .leaflet-control-timecontrol:before {
  font-family: "Glyphicons Halflings";
  display: block;
}
.leaflet-bar-timecontrol .timecontrol-slider {
  position: relative;
  width: auto;
  cursor: auto;
}
.leaflet-bar-timecontrol a.timecontrol-date, .leaflet-bar-timecontrol a.timecontrol-date:hover {
  display: none;
  position: relative;
  min-width: 150px;
  width: auto;
  padding: 0 10px 0 20px;
  white-space: nowrap;
  font-size: 12px;
}
.leaflet-bar-timecontrol a.timecontrol-date.utc, .leaflet-bar-timecontrol a.timecontrol-date.utc:hover {
  min-width: 185px;
}
.leaflet-bar-timecontrol a.timecontrol-date.loading, .leaflet-bar-timecontrol a.timecontrol-date.loading:hover {
  background-color: #ffefa4;
}
.leaflet-bar-timecontrol .timecontrol-dateslider .slider {
  width: 800px;
}
.leaflet-bar-timecontrol .timecontrol-speed {
  white-space: nowrap;
  cursor: auto;
}
.leaflet-bar-timecontrol .timecontrol-speed .slider {
  width: 55px;
  display: inline-block;
}
.leaflet-bar-timecontrol .timecontrol-speed .speed {
  width: 55px;
  display: inline-block;
  float: left;
  text-align: right;
}
.leaflet-bar-timecontrol .timecontrol-play, .leaflet-bar-timecontrol .timecontrol-play:hover {
  position: relative;
}
.leaflet-bar-timecontrol .timecontrol-play span {
  font-size: 10px;
}
.leaflet-bar-timecontrol a.timecontrol-play.loading {
  background-color: #ffefa4;
  font-size: 10px;
}
/**
* Slider/Knobs styles
*/
.timecontrol-slider .slider {
  position: relative;
  height: 4px;
  background-color: white;
  border-radius: 20px;
  margin: 6px;
  border: 2px solid rgba(255, 255, 255, 0.1);
  cursor: pointer;
}
.timecontrol-slider .slider.has-limits {
  margin-left: 15px;
  margin-right: 15px;
  background-color: #ddd;
}
.timecontrol-slider .slider.has-limits .range {
  position: absolute;
  height: 10px;
  /* background-color: #fff;*/
  /*opacity: 0.5;*/
}
.timecontrol-slider .knob {
  position: absolute;
  z-index: 999999999999;
  width: 8px;
  height: 22px;
  background-color: /*#ddd*/ #f29400;
  border-radius: 2px;
  /*border: 1px solid #a5a5a5;*/
  /*use margins because on ie,leaflet will use top/left for positionning*/
  margin-top: -10px;
  margin-left: -4px;
  cursor: ew-resize;
  cursor: -webkit-grab;
  cursor: -moz-grab;
}
.timecontrol-slider .knob:after {
  /** Big transparent block on top of the knob for easier grabbing on touch device*/
  content: ' ';
  display: block;
  position: absolute;
  width: 20px;
  top: -5px;
  height: 32px;
  left: -7px;
  /* opacity: 0.5;
    background: red;*/
}
.timecontrol-slider .knob.upper, .timecontrol-slider .knob.lower {
  width: 11px;
  height: 20px;
  border: none;
  background-color: transparent;
}
.timecontrol-slider .knob.upper {
  margin-top: -5px;
  margin-left: -1px;
}
.timecontrol-slider .knob.lower {
  margin-top: -5px;
  margin-left: -10px;
}
.timecontrol-slider .knob.lower:after {
  right: 0px;
  left: initial;
}
.timecontrol-slider .knob.upper:after {
  left: 0px;
}
.timecontrol-slider .knob.upper:before, .timecontrol-slider .knob.lower:before {
  display: block;
  content: '';
  position: relative;
  top: 2px;
  width: 0;
  height: 0;
  border-style: solid;
}
.timecontrol-slider .knob.upper:before {
  border-width: 16px 0 0 10px;
  border-color: transparent transparent transparent #a5a5a5;
}
.timecontrol-slider .knob.lower:before {
  border-width: 0 0 16px 10px;
  border-color: transparent transparent #a5a5a5;
}
.timecontrol-slider .slider.dragging, .timecontrol-slider .dragging .knob, .timecontrol-slider .knob.leaflet-drag-target {
  cursor: ew-resize;
  cursor: grabbing;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
}
/**
* Icons definitions
*/
@-webkit-keyframes icon-rotation {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes icon-rotation {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.timecontrol-loop.looped, .timecontrol-loop.looped:hover {
  background-color: #ddd;
  color: #094F8E;
}
.timecontrol-backward:before, .timecontrol-forward:before, .timecontrol-stop:before, .timecontrol-play:before, .timecontrol-loop:before {
  width: 100%;
  text-align: center;
}
.timecontrol-play:before {
  position: absolute;
  content: "\e072";
}
/*.timecontrol-play.play:before {
    content: "\e072";
}*/
.timecontrol-play.reverse:before {
  content: "\e072";
  -ms-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.timecontrol-play.pause:before {
  content: "\e073";
}
.timecontrol-play.reverse.pause:before {
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
}
a.timecontrol-play.loading:before {
  content: "\e031";
  opacity: 0.2;
  -webkit-animation: icon-rotation 6s infinite linear;
  animation: icon-rotation 6s infinite linear;
}
.timecontrol-date.loading:before {
  content: "\e031";
  left: 5px;
  position: absolute;
  -webkit-animation: icon-rotation 6s infinite linear;
  animation: icon-rotation 6s infinite linear;
}
.timecontrol-speed:before {
  content: "\e141";
  position: absolute;
  left: 7px;
}
.timecontrol-stop:before {
  content: "\e074";
}
.timecontrol-forward:before {
  content: "\e075";
}
.timecontrol-backward:before {
  content: "\e071";
}
.timecontrol-loop:before {
  content: "\e030";
}
.leaflet-bottom.leaflet-right {
  width: 300px;
}
#pop {
  color: #0a4e70;
  font-size: 9px;
  margin-bottom: 2px;
  padding-bottom: 2px;
  border-bottom: 1px dashed #345;
}
#daten {
  text-align: center;
  font-size: 12px;
}
@media (max-width:1250px) {
  .leaflet-bottom.leaflet-right {
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: calc(100% - 20px);
    margin-bottom: 0;
    margin-right: 0;
  }
  .leaflet-bottom .leaflet-control {
    margin-bottom: 0;
    width: -webkit-calc(100% - 10px);
    width: -moz-calc(100% - 10px);
    width: calc(100% - 10px)
  }
  .leaflet-bottom.leaflet-left {
    width: -webkit-calc(100% - 80px);
    width: -moz-calc(100% - 80px);
    width: calc(100% - 80px);
    max-width: 1000px;
    margin-bottom: 32px
  }
    #meteolangdia {bottom: 27px;}    
}

@media (max-width:1050px) {
  .leaflet-bottom.leaflet-left {
    width: -webkit-calc(100% - 80px);
    width: -moz-calc(100% - 80px);
    width: calc(100% - 80px);
    max-width: 1000px;
    margin-bottom: 32px
  }
    
    #copernicus { bottom: 130px; }
    
#timeutc{bottom:20px;width:60px;margin-left:-30px;font-size:11px;padding:5px 0;line-height:14px;box-shadow:1px 1px 4px #000}#timeutc:after{bottom:-5px;width:10px;height:10px;left:29px}
    
    
  .leaflet-bar-timecontrol .timecontrol-dateslider .slider {
    width: -webkit-calc(100vw - 40px);
    width: -moz-calc(100vw - 40px);
    width: calc(100vw - 40px);
    }  
    
    #meteolangdia {bottom: 26px; width: -webkit-calc(100vw - 32px);
    width: -moz-calc(100vw - 32px);
    width: calc(100vw - 32px); left: 13px; }  
    

#modelle { bottom: 102px; }
    
.leaflet-bar-timecontrol .timecontrol-backward { margin-bottom: 42px; }   
    
}




table#tablepred {
  background: linear-gradient(180deg, rgba(10, 78, 112, 1) 0%, rgba(7, 188, 207, 1) 100%);
  color: white;
  font-size: 14px;
  width: 300px;
}
table#tablepred tr.all {
  background-color: rgba(255, 255, 255, 0.3);
}
table#tablepred tr.all td {
  letter-spacing: 2px;
  font-size: 12px;
}
table#tablepred tr td {
  text-align: center;
}
table#tablepred tr td.tmaxtd {min-width: 52px; font-size: 16px; }

.leaflet-overlay-pane canvas {
  z-index: 505;
}
.leaflet-map-pane svg {
  z-index: 605;
}
/*leaflet-tooltip my-labels leaflet-zoom-animated leaflet-tooltip-center */
.leaflet-tooltip, .my-labels {
  font-size: 11px;
  background: none;
  border: none;
  padding: 0;
  width: auto;
  box-shadow: none;
  letter-spacing: 1px;
  color: white;
  /*left: -50px;*/
  /*text-align: center;*/
  /*min-height: 1.2em;*/
  /*top: -1em;*/
  z-index: 99999999;
  text-transform: uppercase;
  text-shadow: 3px 4px 5px black;
}
.leaflet-popup-pane, .leaflet-control {
  cursor: auto;
  z-index: 9999;
}
#modal::-webkit-scrollbar {
  display: none;
}
#modal {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#layerliste::-webkit-scrollbar {
  display: none;
}
#layerliste {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#artdersigmetwarnung {
  font-size: 11px;
  color: white;
  background-color: #f29400;
  border-radius: 10px;
  margin: 5px;
  width: auto;
  float: right;
  padding: 2px 6px;
}
#vorhersagesigmet {
  width: 100%;
  padding: 10px;
  background: linear-gradient(0deg, rgba(10, 78, 112, 1) 0%, rgba(7, 188, 207, 1) 100%);
  color: white;
  font-size: 12px;
  font-weight: normal;
  margin: 0 0 5px -10px;
  letter-spacing: 2px;
}
.VFR, .MVFR, .IFR, .LIFR {
  margin: 10px 0;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
  text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.2);
  color: white;
  padding: 5px 8px;
  border-radius: 5px;
  width: 45px;
  display: block;
  text-align: center;
  float: right;
}
.VFR {
  background-color: #3fd99b;
}
.MVFR {
  background-color: #44aef8;
}
.IFR {
  background-color: #f85d7f;
}
.LIFR {
  background-color: #a175fe;
}
.card {
  margin: 2px 10px 10px;
  width: 150px;
  height: 150px;
  padding: 2px;
  float: left;
}
.compass {
  position: relative;
  width: 100%;
  height: 150px;
}
.compass & > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#arrowSVG {
  position: absolute;
  top: 0px;
}
#runwaySVG {
  position: absolute;
  top: 9px;
  left: 81px;
  filter: none;
  width: 37px;
  height: 186px;
  background: url("../images/runway.png");
  display: flex;
  justify-content: center;
  opacity: 0.6;
}
.compass svg {
  filter: invert(1) sepia(1) saturate(5) hue-rotate(175deg) opacity(1);
  width: 150px;
  height: 150px;
  position: absolute;
}
.compass-content {
  color: white;
}
.compass-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
.unit {
  font-size: 14px;
  font-weight: 100;
}
#winddirection {
  font-size: 20px
}
#moremetardata {
  color: white;
  margin: 10px auto;
  background: linear-gradient(180deg, #f29400 0%, #fdd25f 100%);
  border: none;
  letter-spacing: 1px;
  font-size: 14px;
  text-align: center;
  width: 100%;
  padding: 10px 0;
  border-radius: 20px;
}
#moremetardata svg {
  vertical-align: middle;
}
#moremetardata a {
  color: white;
}
table.metar {
  width: 80%;
  color: white;
  margin: 0px auto 10px
}
table.metar tr td {
  color: rgba(7, 188, 207, 1);
  margin-top: 10px; /*background:linear-gradient(180deg, rgba(10,78,112,1) 0%, rgba(7,188,207,1) 100%);*/ border: 1px solid rgba(255, 255, 255, 0.4);
  letter-spacing: 1px;
  font-size: 12px;
  text-align: center;
  width: 50%;
  padding: 2px 0;
  border-radius: 20px;
}
table.metar tr td svg {
  color: white;
  padding: 8px 4px 0 0;
}
.mt1 {
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
#metartemp, #metartaupunkt, #metarhoehenmesser, #metarhorizontal, #metarrh {
  font-size: 18px;
  color: white;
}
#metartemp small, #metartaupunkt small, #metarhoehenmesser small, #metarhorizontal small, #metarrh small {
  font-size: 14px;
}
#metarumriss {
  width: 100%;
  padding: 10px;
  background: linear-gradient(180deg, rgba(10, 78, 112, 1) 0%, rgba(7, 188, 207, 1) 100%);
  color: white;
  font-weight: normal;
  margin-left: -10px;
  letter-spacing: 2px;
}
#windspeedmetar {
  float: right;
  width: 85px;
  text-align: center;
  margin: 40px auto 0; /*color:#0a4e70;*/ font-size: 15px;
}
#wasfuerwetter2 {
  width: 200px;
  float: left;
  color: #0a4e70;
  font-size: 13px;
}
table.wasfuerwetter2 tr td {
  color: #0a4e70;
  font-size: 13px;
}
#forecasthorasmetarstart {
  width: 100%;
  padding: 1px 10px;
  background: white;
  color: #052738;
  font-size: 11px;
  font-weight: normal;
  margin: 10px 0 2px -10px;
  letter-spacing: 1px;
}
#ortsigmet {
  width: 100%;
  padding: 10px;
  background: linear-gradient(180deg, rgba(10, 78, 112, 1) 0%, rgba(7, 188, 207, 1) 100%);
  color: white;
  font-size: 20px;
  font-weight: normal;
  margin-left: -10px;
  letter-spacing: 2px;
}
#forecast24sigmet {
  text-align: center;
  font-size: 15px;
  color: #052738;
  margin-bottom: 5px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
#forecast24metar {
  text-align: center;
  font-size: 15px;
  color: #0a4e70;
  font-weight: bold;
  border-top: 1px solid #0a4e70;
  padding-top: 5px;
  margin-top: 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
table.sigmetmeldung {
  width: 100%;
  color: #0a4e70;
  font-size: 14px;
}
table#weatherforecast24 tr.fix td {
  width: 300px;
}
#tagesprognose {
  margin-top: 10px;
}
#wetterdaten {
  width: 96%;
  margin: 0 auto;
  overflow-x: scroll;
}
#wetterdatensigmet {
  width: 96%;
  margin: 0 auto;
  color: #0a4e70;
  font-size: 13px;
}
.prognosetag {
  width: 96%;
  margin: 5px auto;
  border-radius: 20px;
  background: #0a4e70;
  padding: 5px 0px;
  box-shadow: inset -1px 4px 55px -26px rgba(0, 0, 0, .75);
}
.ptagdatum, .ptagtcielo, .ptagtmax, .ptagtmin, .ptagtllu {
  vertical-align: middle;
  width: 20%;
  display: inline-block;
  text-align: center;
}
.ptagdatum {
  font-size: 11px;
  line-height: 12px;
}
.ptagtcielo {}
.ptagtmax {
  font-size: 15px;
}
.ptagtmin {
  font-size: 12px;
}
.ptagtllu {
  font-size: 12px;
  line-height: 14px;
}
#avisoinhaltrechts {
  width: 260px;
  height: calc(100% - 190px);
  position: absolute;
  z-index: 9999999;
  background: linear-gradient(#052738, #0a4e70);
  top: 70px;
  right: 0px;
  box-shadow: 1px 1px 4px #000;
  display: none;
  overflow: scroll;
}
.wetterwarnung {
  width: 100%; /*color:#0a4e70; background-color: lightgray;*/ color: lightgray;
  padding: 10px 0 5px;
  font-size: 15px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  letter-spacing: 2px;
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
#avisotext {
  color: white;
  padding: 5%;
  width: 90%;
  margin-top: -5px;
}
.avtext1 {
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.avtext2 {
  font-size: 16px;
  letter-spacing: 1px;
  margin-bottom: 25px;
}
.avtext3 {
  font-size: 12px;
  letter-spacing: 1px;
  width: calc(100% - 50px);
  float: left;
}
.avtext4 {
  font-size: 12px;
  letter-spacing: 1px;
  width: 45px;
  height: 45px;
  float: right;
  margin: 5px 0 0 5px;
}
.avisoarttex {
  font-size: 14px;
  letter-spacing: 1px;
}
.avtext5 {
  font-size: 13px;
  letter-spacing: 1px;
  width: calc(100% - 10px);
  padding-left: 5px;
}
.quell {
  font-size: 11px;
  color: darkgray;
  font-weight: lighter;
  padding: 7px 0;
  margin: 30px 0 20px;
  border-top: 1px solid darkgray;
  border-bottom: 1px solid darkgray;
}
#roundwert1 {
  padding: 5px;
  border-radius: 50%;
  display: inline-block;
  width: 26px;
  height: 26px;
  border: 2px solid white;
  box-shadow: 1px 1px 4px #000;
}
.closeaviso {
  width: 10px;
  height: 10px;
  color: white;
  background: linear-gradient(#f29400, #f2a800);
  border-radius: 50%;
  margin-left: -5px;
  margin-top: -5px;
  padding: 5px;
  border: 2px solid white;
  font-size: 16px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  position: fixed;
  line-height: 8px;
  cursor: pointer;
  box-shadow: 1px 1px 4px #000;
}
#avisoinhaltrechts::-webkit-scrollbar {
  display: none;
}
#avisoinhaltrechts {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
a.polyline-measure-controlOnBgColor, a.polyline-measure-controlOnBgColor:hover {
  background-color: #f29400
}
.polyline-measure-unicode-icon {
  font-size: 19px;
  font-weight: 700
}
a.polyline-measure-clearControl:active {
  background-color: #f88
}
.polyline-measure-tooltip {
  font: 10px Arial, Helvetica, sans-serif;
  line-height: 10px;
  background-color: #223f49;
  border-radius: 3px;
  box-shadow: 1px 1px 4px #000;
  margin: 0;
  padding: 2px;
  width: auto !important;
  height: auto !important;
  white-space: nowrap;
  text-align: right;
}
.polyline-measure-tooltip-end {
  background-color: #061a21
}
.polyline-measure-tooltip-total {
  color: #fff;
  font-weight: 700;
}
.polyline-measure-tooltip-difference {
  color: #fff;
  font-style: italic
}
.polyline-measure-popupTooltip {
  font: 11px Arial, Helvetica, sans-serif;
  line-height: 13px;
  color: white;
  background-color: #223f49;
}

#polyline-measure-control {
  display: none
}
option {
  font-size: 12px
}
option:hover {
  background-color: #061a21
}

.pulseIconaviso {
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(246, 246, 246);
  cursor: pointer;
  box-shadow: 0 0 0 rgba(246, 246, 246, .4);
  animation: pulse 3s infinite;
  box-shadow: 1px 1px 4px #000;
}
.pulseIconaviso:hover {
  animation: none
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(246, 246, 246, .4)
  }
  70% {
    box-shadow: 0 0 0 10px rgba(246, 246, 246, 0)
  }
  100% {
    box-shadow: 0 0 0 0 rgba(246, 246, 246, 0)
  }
}
.pulseIcon {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #51d9b3;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(81, 217, 179, .4);
  animation: pulse 3s infinite
}
.pulseIcon:hover {
  animation: none
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(81, 217, 179, .4)
  }
  70% {
    box-shadow: 0 0 0 50px rgba(81, 217, 179, 0)
  }
  100% {
    box-shadow: 0 0 0 0 rgba(81, 217, 179, 0)
  }
}

#gelb {
  text-shadow: 1px 1px 1px #c19404;
}
#roundwert {
  padding: 5px;
  border-radius: 5px;
  color: white;
  width: auto;
  text-shadow: 1px 1px 1px #c19404;
}
.toolalert {
  line-height: 24px;
}
.amarillo {
  width: 20px;
  height: 20px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  background-color: #ffdb69;
}
.naranja {
  width: 20px;
  height: 20px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  background-color: #fbaf35;
  margin: 0 2px;
}
.rojo {
  width: 20px;
  height: 20px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  background-color: #9f0539;
}
.infoweatheralert {
  width: 11px;
  height: 11px;
  cursor: pointer;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  background-color: white;
  margin: 0 2px;
  padding: 4px;
  color: darkolivegreen;
  text-align: center;
  font-weight: bold;
}


/* leaflet-bar2 */
.leaflet-bar2 {
	/*box-shadow: 0 1px 5px rgba(0,0,0,0.65);*/
	border-radius: 4px;
	}
.leaflet-bar2 a,
.leaflet-bar2 a:hover {
	background-color:rgba(10,78,112,1);
	/*border-bottom: 1px solid #ccc;*/ margin-bottom: 10px; 
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: white;
	}
.leaflet-bar2 a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar2 a:hover {
	background-color: #f29400;
	}
.leaflet-bar2 a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar2 a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar2 a.leaflet-disabled {
	cursor: default;
	/*background-color: rgba(10,78,112,0.2);*/
	color: #bbb;
	}

.leaflet-touch .leaflet-bar2 a {
	border-radius: 14px; width: 24px; height: 24px; /*margin-right: 5px;*/ box-shadow: 1px 1px 4px #000;
	line-height: 24px; /*box-shadow: 0 2px 3px rgba(255,255,255,0.25); */
	}

.leaflet-bar2.leaflet-control {  box-shadow: none;}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font:  14px 'Lucida Console', Monaco, monospace;
	text-indent: 1px; 
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 16px; 
	}




/* .infoweatheralert::before {
       content: "i"; padding-bottom: 5px;}*/
.amarillotext {
  background-color: #ffdb69;
  width: 100%;
  font-weight: 100;
  padding: 5px 0;
  margin-bottom: 5px;
  /*border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;*/
  font-size: 13px;
  /*text-shadow: 1px 1px 1px #c19404;*/
  color: darkslategray;
  float: left;
  z-index: 9997;
  position: relative;
}
.naranjatext {
  background-color: #fbaf35;
  width: 100%;
  font-weight: 100;
  padding: 5px 0;
  margin: 5px 0;
  /*border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;*/
  font-size: 13px;
  color: #fff;
  float: left;
  z-index: 9997;
  position: relative;
}
.rojotexttext {
  background-color: #9f0539;
  width: 100%;
  font-weight: 100;
  padding: 5px 0;
  margin: 5px 0;
  /*border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;*/
  font-size: 13px;
  color: #fff;
  float: left;
  z-index: 9997;
  position: relative;
}
#alerttage {
  position: absolute;
  z-index: 99999;
  bottom: 20px;
  left: 20px;
  display: none;
}
.alerttag1 {
  border-radius: 20px;
  background-color: #f4a932;
  border: 1px solid #f29400;
  color: white;
  text-shadow: 1px 1px 4px #03111e;
  font-size: 13px;
  box-shadow: 1px 1px 4px #000;
  cursor: pointer;
  padding: 5px;
  margin: 5px;
  letter-spacing: 1px;
}
#mapaavisotext {
  width: 290px;
  background: linear-gradient(#052738, #0a4e70);
  padding: 5px;
  font-size: 13px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
  color: white;
  text-align: center;
  line-height: 20px;
  position: absolute;
  top: 60px;
  left: 50%;
  margin-left: -150px;
  z-index: 9999999;
  display: none;
  height: auto;
}
@media only screen and (max-width: 600px) {
  #mapaavisotext {
    width: 90%;
    background: linear-gradient(#052738, #0a4e70);
    padding: 5px;
    font-size: 13px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    color: white;
    text-align: center;
    line-height: 20px;
    position: absolute;
    top: 60px;
    left: 5%;
    margin-left: 0;
    z-index: 9999999;
    display: none;
    height: 90%;
    overflow-x: scroll;
  }
}
.pressurelabel {
  font-size: 12px;
  color: black;
  padding: 2px 5px;
  border-radius: 20px;
  background-color: white;
  text-shadow: none;
}
#hohenmeterangaben {
  color: rgba(10, 78, 112, 1);
  font-size: 12px;
  text-align: center;
  border-top: 5px solid transparent;
  border-image: linear-gradient(0.25turn, #fdd25f, rgba(7, 188, 207, 1), rgba(10, 78, 112, 0));
  border-image-slice: 100%;
  border-image-slice: 100%;
  border-image-slice: 1;
  padding-top: 4px;
}
#loadingtext {
  position: absolute;
  width: 200px;
  margin-left: 40px;
  text-align: center;
  color: white;
  letter-spacing: 2px;
  line-height: 40px;
}
.loader {
  color: #ffffff;
  font-size: 90px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 72px auto;
  position: relative;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
  animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}
@-webkit-keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%, 95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%, 59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%, 95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%, 59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@-webkit-keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
svg.svelte-d2loi5 {
  display: block;
  fill: #e15042
}
li.svelte-ltkwvy.svelte-ltkwvy {
  text-align: left;
  cursor: default;
  display: grid;
  grid-template-columns: 40px 1fr;
  color: var(--color-text);
  padding: 8px 0;
  font-size: 14px;
  line-height: 18px;
  min-width: fit-content; z-index: 9999999999999;
}
li.svelte-ltkwvy.svelte-ltkwvy:first-child {
  padding-top: 10px
}
li.svelte-ltkwvy.svelte-ltkwvy:last-child {
  padding-bottom: 10px
}
li.selected.svelte-ltkwvy.svelte-ltkwvy {
  background-color: #f3f6ff
}
li.selected.svelte-ltkwvy.svelte-ltkwvy {
  animation: svelte-ltkwvy-backAndForth 5s linear infinite
}
li.selected.svelte-ltkwvy .primary.svelte-ltkwvy {
  color: #2b8bfb
}
li.svelte-ltkwvy > img.svelte-ltkwvy {
  align-self: center;
  justify-self: center;
  opacity: .75
}
.texts.svelte-ltkwvy.svelte-ltkwvy {
  padding: 0 17px 0 0
}
.texts.svelte-ltkwvy > .svelte-ltkwvy {
  white-space: nowrap;
  display: block;
  min-width: fit-content
}
.primary.svelte-ltkwvy.svelte-ltkwvy {
  font-weight: 600
}
.secondary.svelte-ltkwvy.svelte-ltkwvy {
  color: #aeb6c7;
  padding-left: 4px
}
.line2.svelte-ltkwvy.svelte-ltkwvy {
  color: #aeb6c7
}
@keyframes svelte-ltkwvy-backAndForth {
  0% {
    transform: translate(0)
  }
  10% {
    transform: translate(0)
  }
  45% {
    transform: translate(calc(-100% + 270px))
  }
  55% {
    transform: translate(calc(-100% + 270px))
  }
  90% {
    transform: translate(0)
  }
  to {
    transform: translate(0)
  }
}
div.svelte-7cmwmc {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  display: flex;
  align-items: center
}
svg.svelte-7cmwmc {
  animation: svelte-7cmwmc-rotate .8s infinite cubic-bezier(.45, .05, .55, .95)
}
@keyframes svelte-7cmwmc-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
svg.svelte-gzo3ar.svelte-gzo3ar {
  display: block;
  fill: #6b7c93;
  stroke: #6b7c93
}
.list-icon.svelte-gzo3ar.svelte-gzo3ar {
  grid-row: 1/3;
  align-self: center;
  margin: 8px
}
.in-map.svelte-gzo3ar.svelte-gzo3ar {
  height: 30px
}
.maplibregl-canvas-container .marker-selected {
  z-index: 1
}
.maplibregl-canvas-container svg.svelte-gzo3ar path.svelte-gzo3ar, .leaflet-map-pane svg.svelte-gzo3ar path.svelte-gzo3ar {
  fill: #3170fe;
  stroke: #3170fe
}
.marker-selected svg.svelte-gzo3ar path.svelte-gzo3ar {
  fill: #98b7ff;
  stroke: #3170fe
}
.marker-reverse svg.svelte-gzo3ar path.svelte-gzo3ar {
  fill: silver;
  stroke: gray
}
.marker-interactive {
  cursor: pointer !important
}
.maptiler-gc-popup > .maplibregl-popup-content {
  padding: 2px 8px
}
svg.svelte-en2qvf {
  display: block;
  fill: var(--color-icon-button)
}
circle.svelte-1aq105l {
  stroke-width: 1.875;
  fill: none
}
path.svelte-1aq105l {
  stroke-width: 1.875;
  stroke-linecap: round
}
svg.svelte-1aq105l {
  display: block;
  stroke: var(--color-icon-button)
}
form.svelte-zh3kmv.svelte-zh3kmv {
  font-family: Open Sans, Ubuntu, Helvetica Neue, Arial, Helvetica, sans-serif;
  position: relative;
  background-color: #fff;
  z-index: 10;
  border-radius: 4px;
  transition: max-width .25s;
  box-shadow: 0 2px 5px #33335926;
  --color-text: #444952;
  --color-icon-button: #444952
}
form.svelte-zh3kmv.svelte-zh3kmv, form.svelte-zh3kmv .svelte-zh3kmv, form.svelte-zh3kmv .svelte-zh3kmv:after, form.svelte-zh3kmv .svelte-zh3kmv:before {
  box-sizing: border-box
}
form.can-collapse.svelte-zh3kmv.svelte-zh3kmv {
  max-width: 29px
}
form.svelte-zh3kmv.svelte-zh3kmv, form.svelte-zh3kmv.svelte-zh3kmv:focus-within, form.svelte-zh3kmv.svelte-zh3kmv:hover {
  width: 270px;
  max-width: 270px
}
input.svelte-zh3kmv.svelte-zh3kmv {
  font: inherit;
  font-size: 14px;
  flex-grow: 1;
  min-height: 29px;
  background-color: transparent;
  color: #444952;
  white-space: nowrap;
  overflow: hidden;
  border: 0;
  margin: 0;
  padding: 0
}
input.svelte-zh3kmv.svelte-zh3kmv:focus {
  color: #444952;
  outline: 0;
  outline: none;
  box-shadow: none
}
ul.svelte-zh3kmv { z-index: 99999999;}
ul.svelte-zh3kmv.svelte-zh3kmv, div.error.svelte-zh3kmv.svelte-zh3kmv, div.no-results.svelte-zh3kmv.svelte-zh3kmv {
  background-color: #fff;
  border-radius: 4px;
  left: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%;
  top: calc(100% + 6px);
  overflow: hidden; z-index: 99999999;
}
ul.svelte-zh3kmv.svelte-zh3kmv {
  font-size: 14px;
  line-height: 16px;
  box-shadow: 0 5px 10px #33335926; z-index: 99999999;
}
div.error.svelte-zh3kmv.svelte-zh3kmv, div.no-results.svelte-zh3kmv.svelte-zh3kmv {
  font: inherit;
  line-height: 18px;
  font-size: 12px;
  display: flex;
  gap: 16px
}
div.error.svelte-zh3kmv.svelte-zh3kmv {
  padding: 16px;
  font-weight: 600;
  color: #e25041;
  background-color: #fbeae8
}
div.error.svelte-zh3kmv div.svelte-zh3kmv {
  flex-grow: 1
}
div.error.svelte-zh3kmv svg {
  flex-shrink: 0;
  width: 20px;
  height: 20px
}
div.error.svelte-zh3kmv button.svelte-zh3kmv {
  flex-shrink: 0
}
div.error.svelte-zh3kmv button.svelte-zh3kmv > svg {
  width: 13px;
  fill: #e25041
}
div.error.svelte-zh3kmv button.svelte-zh3kmv:hover svg, div.error.svelte-zh3kmv button.svelte-zh3kmv:active svg {
  fill: #444952
}
div.no-results.svelte-zh3kmv.svelte-zh3kmv {
  padding: 14px 24px 14px 16px;
  font-weight: 400;
  color: #6b7c93;
  box-shadow: 0 5px 10px #33335926
}
div.no-results.svelte-zh3kmv svg {
  margin-top: 4px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  width: 30px;
  height: 30px
}
.maplibregl-ctrl-bottom-left ul.svelte-zh3kmv.svelte-zh3kmv, .maplibregl-ctrl-bottom-right ul.svelte-zh3kmv.svelte-zh3kmv {
  top: auto;
  bottom: 100%
}
button.svelte-zh3kmv.svelte-zh3kmv {
  padding: 0;
  margin: 0;
  border: 0;
  background-color: transparent;
  height: auto;
  width: auto
}
button.svelte-zh3kmv.svelte-zh3kmv:hover {
  background-color: transparent
}
button.svelte-zh3kmv:hover svg, button.svelte-zh3kmv:active svg {
  fill: #2b8bfb
}
.input-group.svelte-zh3kmv.svelte-zh3kmv {
  display: flex;
  align-items: stretch;
  gap: 7px;
  padding-inline: 8px;
  border-radius: 4px;
  overflow: hidden
}
.input-group.svelte-zh3kmv.svelte-zh3kmv:focus-within {
  outline: #2b8bfb solid 2px
}
.search-button.svelte-zh3kmv.svelte-zh3kmv {
  flex-shrink: 0
}
.maplibregl-ctrl-geocoder:not(.maptiler-ctrl) .search-button svg {
  width: 12px !important;
  transform: translate(.5px)
}
.clear-button-container.svelte-zh3kmv.svelte-zh3kmv {
  display: flex;
  display: none;
  position: relative;
  align-items: stretch
}
.clear-button-container.displayable.svelte-zh3kmv.svelte-zh3kmv {
  display: flex;
  flex-shrink: 0
}
.maplibregl-ctrl-geocoder {
  position: relative;
  z-index: 3
}
.maptiler-ctrl:not(:empty) {
  box-shadow: none
}
.maptiler-ctrl .input-group.svelte-zh3kmv.svelte-zh3kmv {
  padding-inline: 8px;
  border: white solid 2px
}
.maptiler-ctrl .input-group.svelte-zh3kmv.svelte-zh3kmv:focus-within {
  border: #2b8bfb solid 2px;
  outline: 0;
  outline: none
}
.maptiler-ctrl form.can-collapse.svelte-zh3kmv.svelte-zh3kmv {
  max-width: 33px
}
.maptiler-ctrl form.svelte-zh3kmv.svelte-zh3kmv, .maptiler-ctrl form.svelte-zh3kmv.svelte-zh3kmv:focus-within, .maptiler-ctrl form.svelte-zh3kmv.svelte-zh3kmv:hover {
  width: 270px;
  max-width: 270px
}
@media (max-width:500px) {
  form.svelte-zh3kmv.svelte-zh3kmv, form.svelte-zh3kmv.svelte-zh3kmv:focus-within, form.svelte-zh3kmv.svelte-zh3kmv:hover {
    width: 200px;
    max-width: 200px
  }
    .leaflet-bar-timecontrol .timecontrol-dateslider .slider {
    width: -webkit-calc(100vw - 30px);
    width: -moz-calc(100vw - 30px);
    width: calc(100vw - 30px);
    }  
    
    #meteolangdia {bottom: 26px; width: -webkit-calc(100vw - 22px);
    width: -moz-calc(100vw - 22px);
    width: calc(100vw - 22px); left: 13px; font-size: 9px;}
    
    #weiteres { display: none; top: 80px; }
  .leaflet-top {
  top: 8px;
}  
    
}