@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;
  background-color: #0a4e70;
  overflow: hidden;
}
#mapa {
  float: left;
  position: absolute;
  bottom: 0px;
  height: calc(100% - 47px);
  width: 100%;
  background-color: #0a4e70; 
}
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);
  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;
  z-index: 99999;
}
#measurements {
  width: 240px;
  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) {
	#headercontent {left: 125px;}
  #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
}

#location {
  border-radius: 50%; background-size: 22px 22px;
  width: 28px;
  height: 28px; margin-bottom: -10px;
  background-color: #0a4e70;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("https://meteo365.es/img/wetter/geolocation.png"); display: inline-block;
}
.textlocation { line-height: 20px;}

#button {
  border-radius: 50%;
  background-color: #0a4e70;
  margin-top: 5px;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 1px 1px 4px #000;    
}
#button:hover {
  background-color: #f29400
}
#geolocation {
  border-radius: 50%;
  background-color: #0a4e70;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 1px 1px 4px #000;    
}

#geolocation:hover {
  background-color: #f29400
}
#messen {
  border-radius: 50%;
  background-color: #0a4e70;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 1px 1px 4px #000;    
}
#messen:hover {
  background-color: #f29400
}

/*#messen { position: absolute; top:190px; right: 10px; z-index: 99999; box-shadow: 1px 1px 4px #000; }
#messen img { width: 20px; padding: 4px 4px 0 4px;}*/

#infoiconinfo { border-radius: 50%; background-color: #f29400; box-shadow: 1px 1px 4px #000; width: 26px; height: 26px; color: white; font-weight: bold; font-size: 20px; line-height: 20px; float: right; margin-top: -20px; margin-right: 5px; text-align: center;}
.infoi {/*border-radius: 50%; border: 1px solid white;*/ padding: 2px;  }

#infoiconinfo2 { border-radius: 50%; background-color: #f29400; box-shadow: 1px 1px 4px #000; width: 26px; height: 26px; color: white; font-weight: bold; font-size: 20px; line-height: 20px; float: right; margin-top: -20px; text-align: center; }
.infoi2 svg {color: white; padding: 5px;}


#schliessen {
  border-radius: 50%;
  background-color: #f29400;
  width: 25px;
  height: 25px;
  color: #fff;
  text-align: center;
  float: right;
  margin-right: -8px;
  margin-top: -8px;
  z-index: 99999999;
  font-size: 22px;
  font-weight: 700;
  position: relative;
  line-height: 22px;
  box-shadow: 1px 1px 4px #000; cursor: pointer;
}


/*
#iconwelt { position: absolute; top:50px; right: 15px; z-index: 99999; background-color: #03111e; border-radius: 14px; width: 40px; height: 35px; box-shadow: 0 2px 3px rgba(255,255,255,0.25); }
#iconwelt img { width: 34px; padding: 5px 0 0 3px;}
#iconwelt:hover {  background-color: #f29400;  }

#messen { position: absolute; top:100px; right: 15px; z-index: 99999; background-color: #03111e; border-radius: 14px; width: 40px; height: 35px; box-shadow: 0 2px 3px rgba(255,255,255,0.25); }
#messen img { width: 24px; padding: 5px 0 0 8px;}
#messen:hover {  background-color: #f29400;  }

#info { position: absolute; bottom:60px; right: 15px; z-index: 99999; background-color: #03111e; border-radius: 14px; width: 40px; height: 35px; box-shadow: 0 2px 3px rgba(255,255,255,0.25); }
#info img { width: 24px; padding: 5px 0 0 8px;}
#info:hover {  background-color: #f29400;  }


#geolocation { position: absolute; top:150px; right: 15px; z-index: 99999; background-color: #03111e; border-radius: 14px; width: 40px; height: 35px; box-shadow: 0 2px 3px rgba(255,255,255,0.25); }
#geolocation img { width: 24px; padding: 5px 0 0 8px;}
#geolocation:hover {  background-color: #f29400;  }
*/
#listaterre { position: absolute; bottom:10px; left: 15px; z-index: 9999999999; background-color: #0a4e70; border-radius: 14px; width: 100px; height: 40px; font-size: 12px; text-align: center; box-shadow: 1px 1px 4px #000; display: none;  color: white; line-height: 20px; }


#messelemente {display: none;z-index: 99999;position:absolute; top: 90px; right: 60px; box-shadow: 1px 1px 4px #000;}
/*#messelemente:hover {  background-color: #f29400;  }*/

.leaflet-top {
   /* top: 180px;*/
}

ul#menu {
  list-style-type: none;
  margin: 0;
  padding: 0; font-size: 13px;
}
ul#menu li img {
  width: 14px;
  vertical-align: middle
}
h1 {
  color: #fff;
  font-size: 13px;
  z-index: 9999999;
margin: 0; padding: 0;
}
img.wettericon {
  width: 18px;
  margin-right: 5px;
  vertical-align: top
}

/*ul#beben {
  list-style-type: none; color: #194571;
  margin: 0;
  padding: 0;
}*/



#bebenmundo {  background-color: #0a4e70; width: 210px; border-radius: 10px; font-size: 11px; margin: 5px auto 0; letter-spacing: 1px; box-shadow: 1px 1px 4px #000; padding: 7px 5px; color: white; text-align: center; }
/*#special { font-style: italic; color:#f29400; font-size: 11px; vertical-align: top; text-align: right; }*/
#special {
  font-style: italic; color:#f29400; font-size: 11px;
  float: right;
  margin-right: -2px;
  margin-top: -8px;
  z-index: 99999999;
  position: relative;
  text-shadow: 2px 2px 4px #03111e;
}

#languagewechsel { width: 280px; height: 200px; background-color:rgba(255,255,255,0.5); border-radius: 10px; padding: 10px; position: absolute; left: 50%; margin-left: -150px; top: 20px; z-index: 999999999999999; box-shadow: 0 2px 3px rgba(0,0,0,0.5); background-image: url("../images/language.png"); background-size: cover; text-align: center; display: none; }
#languagewechsel a { text-decoration: none; color: white;  cursor: pointer;}

#languagew1 { padding: 5px; border-radius: 10px; background-color: #3498db; color: white; font-size: 13px; text-shadow: 2px 2px 4px #03111e; width: 150px; text-align: center; margin: 12px auto;box-shadow: 0 2px 3px rgba(0,0,0,0.5); cursor: pointer;}
#languagew1 a { text-decoration: none; color: white;}
#closelanguage  { text-decoration: none; color: white;  padding: 5px; border-radius: 10px; background-color: #194670; font-size: 12px; text-shadow: 2px 2px 4px #03111e; width: 80px; text-align: center; margin: 12px auto;box-shadow: 0 2px 3px rgba(0,0,0,0.5); cursor: pointer; letter-spacing: 2px; }

.container { width: 100%; margin: 0px auto;  background-color: #eceef5; position: relative;}
.inhaltcontainer { max-width: 1160px; width: 96%; margin: 0 auto;  padding: 5px 2% 2px; background-color: #fff;}

#information { width: 90%; max-width: 400px; position: absolute; top: 100px; background-color: white; padding: 10px; text-align: center; z-index: 1002; left: 50%; margin-left: -200px; color: #0a4e70; display: none; font-size: 13px; height: -webkit-calc(100% - 100px); height: -moz-calc(100% - 100px); height: calc(100% - 100px); max-height: 500px; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none;  } 

#information::-webkit-scrollbar {display: none;}


#information img {width: 100%;}

#informationUTC { width: 90%; max-width: 400px; position: absolute; top: 100px; background-color: white; padding: 10px; text-align: center; z-index: 1002; left: 50%; margin-left: -200px; color: #0a4e70; display: none; font-size: 13px; } 

#clockdateUTC, #clockdate { font-size: 16px; margin: 10px; }


#clocktimeUTC, #clocktime { font-size: 30px; font-weight: bold; color: #f29400; letter-spacing: 5px; width: 150px; text-align: justify; margin: 5px auto;}
#clocktime {}

#erdbebenliste {width: 300px; float:left; letter-spacing: 2px; height: -webkit-calc(100% - 100px); height: -moz-calc(100% - 100px); height: calc(100% - 100px); overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; background-color: white; box-shadow: -5px 0 5px -5px rgba(0,0,0,0.3), 5px 0 5px -5px rgba(0,0,0,0.3); position: absolute; top:61px; left: 0px; z-index: 1000;  -webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8); /*background-color: #194670;*/ }	
#erdbebenliste::-webkit-scrollbar {display: none;}

#bebengesamt { font-size: 12px; text-align: center; margin: 5px; text-shadow: 2px 2px 4px #03111e; background-color: #0a4e70;}

#bebenliste { width:98%; margin-left: 1%; }

ul#beben {list-style: none; /*margin-left: -40px;*/ background-color: #194670; margin: 0; padding: 0; }
ul#beben  a { text-decoration: none; color: #194670; } 
ul#beben li {  float: left;  width: calc(100% - 14px);  background-color:white; border-bottom: 1px solid #0a4e70; padding: 15px 5px; color: #194670; font-size: 11px;  cursor: pointer; }

ul#beben li:nth-child(2n+1) {
  background-color: #e1e1e1;;
}
ul#beben li:nth-child(2n+0) {
  color: #0a4e70;
}

#button {
  border-radius: 50%;
  background-color: #0a4e70;
  margin-top: -3px;
  background-repeat: no-repeat;
  background-position: center center
}
#button:hover {
  background-color: #f29400
}



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
}
#language {
  width: auto;
  margin: 0 auto; padding-bottom: 8px;
  border-bottom: 1px dashed rgba(10, 78, 112, .8)
}

#whichquakes {
  background-color: #f29400;
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 14px;  box-shadow: 1px 1px 4px #000; margin-top: 8px; padding: 2px;
}


#tect { width: 10px; height: 14px; vertical-align: middle; background-color: #41d0c2; display: inline-block;}

ul#beben li #mag {font-size: 20px; color:white; padding: 4px; width: 30px; height: 30px; border-radius: 50%; margin-right: 5px; font-weight: bold; float:left; line-height: 30px; letter-spacing: -1px; text-align: center; } 

.leaflet-popup-content { margin: 13px 9px;}


ul#beben li:hover { background: #194670; color: white;  }
ul#beben li a { text-decoration: none; color: white; }

ul#beben li .difer {margin-top: 5px;
	background-color: rgba(252,228,182,0.4); }

h2 { padding: 5px 0px; margin: 0px; text-align: center; font-size: 15px; font-weight: bold; color: #03111e;}

ul#beben li #name {font-size: 12px; line-height:  21px; font-weight: bold; } 
ul#beben li #depth {font-size: 11px;  float: right; } 
ul#beben li #date {font-size: 11px;    } 
#magbeb {font-size: 16px; padding: 7px; color:white; width: 20px; height: 20px; border-radius: 50%; display: block;float: left;} 
#namebeb {font-size: 12px;  color:#03111e; width: 106px; margin-bottom: 2px;  display: block; border-bottom: 1px dotted rgba(255,255,255,0.3);} 
#depthbeb {font-size: 11px;  color:white; float: right; } 
#fechabeb {font-size: 11px;   float: right; } 
hr#light {
  border-top: 1px solid #3498db;
}
.bebentop { font-size: 13px; line-height: 20px; border-bottom: 2px dotted rgba(255,255,255,0.3); text-align: center; color: #0a4e70; }
#quakezahl { font-weight: bold;}
.closebeben { float: right; color: white; padding: 2px 5px; border-radius: 10px; background-color: rgba(25,96,113,1); cursor: pointer; font-size: 10px; margin: 10px 2px;}
#erdbebenupdate { width: 200px; padding: 10px; color: white; background-color:/*rgba(25,96,113,1)*/#f29400; position: absolute; z-index: 99999999; bottom: 10px; left: 50%; margin-left: -110px; text-align: center;}



.pulseIcon { display: block; width: 10px; height: 10px; border-radius: 50%; background: #2323FF; cursor: pointer; box-shadow: 0 0 0 rgba(35,35,355, 0.4); animation: pulse 3s infinite; }
.pulseIcon:hover { animation: none; }

        @keyframes pulse {
            0% {
                box-shadow: 0 0 0 0 rgba(35,35,355, 0.4);
            }

            70% {
                box-shadow: 0 0 0 50px rgba(35,35,355, 0);
            }

            100% {
                box-shadow: 0 0 0 0 rgba(35,35,355, 0);
            }
        }

.pulse4 { position: absolute; top: 35%; left: 40%; transform: translate(-505, -50%); width: 10px; height: 10px; border: 2px solid #ffe400; border-radius: 50%; box-sizing: border-box; } 
.pulse4:before, .pulse4:after { content: ''; position: absolute; left: -30px; top: -30px; right: -30px; bottom: -30px; border: 2px solid #ffe400; border-radius: 50%; animation: animate 2s linear infinite } 
.pulse4:after { animation-delay: 1s; } 
  

.pulse42 { position: relative; transform: translate(-505, -50%); width: 5px; height: 5px; border: 2px solid #ffe400; border-radius: 50%; box-sizing: border-box; } 
.pulse42:before, .pulse4:after { content: ''; position: absolute; left: -30px; top: -30px; right: -30px; bottom: -30px; border: 2px solid #ffe400; border-radius: 50%; animation: animate 2s linear infinite } 
.pulse42:after { animation-delay: 1s; } 




.pulse5 { position: absolute; top: 35%; left: 40%; transform: translate(-505, -50%); width: 10px; height: 10px; border: 2px solid #fe0003; border-radius: 50%; box-sizing: border-box; } 
.pulse5:before, .pulse5:after { content: ''; position: absolute; left: -30px; top: -30px; right: -30px; bottom: -30px; border: 2px solid #fe0003; border-radius: 50%; animation: animate 2s linear infinite } 
.pulse5:after { animation-delay: 1s; } 

.pulse6 { position: absolute; top: 35%; left: 40%; transform: translate(-505, -50%); width: 10px; height: 10px; border: 2px solid #a50c47; border-radius: 50%; box-sizing: border-box; }  
.pulse6:before, .pulse6:after { content: ''; position: absolute; left: -30px; top: -30px; right: -30px; bottom: -30px; border: 2px solid #a50c47; border-radius: 50%; animation: animate 2s linear infinite } 
.pulse6:after { animation-delay: 1s; } 

.pulseov { position: absolute; top: 35%; left: 40%; transform: translate(-505, -50%); width: 10px; height: 10px; /*border: 2px solid #00ccbc; border-radius: 50%;*/ box-sizing: border-box; } 
.pulseov:before, .pulseov:after { content: ''; position: absolute; left: -3px; top: -3px; right: -3px; bottom: -3px; border: 2px solid #00ccbc; border-radius: 50%; animation: pulse 5s linear infinite } 
.pulseov:after { animation-delay: 5s; } 

.pulseicon { position: absolute; top: 35%; left: 40%; transform: translate(-505, -50%); width: 10px; height: 10px; border: 2px solid rgba(25,96,113,1); background-color: /*#00ccbc*/rgba(25,96,113,1); border-radius: 50%; box-sizing: border-box; } 

#soistes { width: 100%; max-width: 1000px; margin: 70px auto; font-size: 20px; text-align: center; color: #ffcf1e; line-height: 50px; text-shadow: 2px 2px 4px #03111e;}

#werbungmini2 { position: absolute; bottom: 10px; left:50%; margin-left:-130px; width: 260px; height: 90px; z-index: 999999999; display: block; border:5px solid rgba(0,0,0,0.3); background: rgba(0,0,0,0.3); }
#erdbebenheader { float: left; min-height: 90px; position: absolute; top: 60px; /*left: 10px;*/ right: 50px; z-index: 99999999; width: 280px;   }
#erdbebenheader a { text-decoration: none;   }

#polyline-measure-control {display: none;}

.leaflet-control{cursor:pointer}a.polyline-measure-controlOnBgColor,a.polyline-measure-controlOnBgColor:hover{background-color:rgba(52,193,255,.5);border-radius:10px}.polyline-measure-unicode-icon{font-size:19px;font-weight:700;border-radius:10px}a.polyline-measure-clearControl:active{background-color:#fff}.polyline-measure-tooltip{line-height:10px;background-color:#ae8604;border-radius:3px;box-shadow:1px 1px 4px #888;margin:0;padding:3px;width:auto!important;height:auto!important;white-space:nowrap;text-align:right}.polyline-measure-tooltip-end{background-color:#f29400}.polyline-measure-tooltip-total{color:#130c01;font-weight:700;font-size:13px;line-height:14px}.polyline-measure-tooltip-difference{color:#fff;font-style:italic;font-size:11px;line-height:14px}.polyline-measure-popupTooltip{font:11px 'Quicksand', sans-serif; line-height:14px;background-color:rgba(52,193,255,.8)}


        @keyframes animate { 
            0% { 
                transform: scale(0.8); 
            } 
  
            100% { 
                transform: scale(0.4); 
            } 
        } 
        

.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";
}

.text-below-marker5 { font-family: 'Quicksand', sans-serif;  letter-spacing: 1px; color: white; min-width: 100px; left: -50px; text-align: center; min-height: 1.2em; top:-1em; z-index: 999999999999999; text-shadow: 3px 4px 5px black; }
.text-below-marker6 { font-family: 'Quicksand', sans-serif; letter-spacing: 1px; color: white; min-width: 100px; left: -50px; text-align: center; min-height: 1.2em; top:-1em; z-index: 999999999999999; text-shadow: 3px 4px 5px black; }
.text-below-marker7 { font-family: 'Quicksand', sans-serif;  letter-spacing: 1px; color: white; min-width: 100px; left: -50px; text-align: center; min-height: 1.2em; top:-1em; z-index: 999999999999999; text-shadow: 3px 4px 5px black; }
.text-below-marker8 { font-family: 'Quicksand', sans-serif;  letter-spacing: 1px; color: white; min-width: 100px; left: -50px; text-align: center; min-height: 1.2em; top:-1em; z-index: 999999999999999; text-shadow: 3px 4px 5px black; }
.text-below-marker9 { font-family: 'Quicksand', sans-serif;  letter-spacing: 1px; color: white; min-width: 100px; left: -50px; text-align: center; min-height: 1.2em; top:-1em; z-index: 999999999999999; text-shadow: 3px 4px 5px black; }
.text-below-marker10 { font-family: 'Quicksand', sans-serif;  letter-spacing: 1px; color: white; min-width: 100px; left: -50px; text-align: center; min-height: 1.2em; top:-1em; z-index: 999999999999999; text-shadow: 3px 4px 5px black; }
.text-below-marker1 { font-family: 'Quicksand', sans-serif; font-size: 16px; letter-spacing: 1px; color: white; min-width: 100px; left: -50px; text-align: center; min-height: 1.2em; top:-1em; z-index: 999999999999999; text-shadow: 3px 4px 5px black; }
.landerlabel { font-size: 11px; letter-spacing: 1px; color: #BBFFFF; min-width: 100px; left: -50px; text-align: center; min-height: 1.2em; top:-1em; z-index: 99999999; text-transform: uppercase; text-shadow: 3px 4px 5px black; font-family: 'Quicksand', sans-serif; }



#infoerdbeben{ position: absolute; width: 90%; max-width: 600px; top: 60px; left: 50%; margin-left: -300px; background-color: #194670; z-index: 9999999999; color: white; line-height: 30px; text-align: center; padding: 10px; box-shadow: 0 2px 3px rgba(255,255,255,0.15); font-size: 14px; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; height: -webkit-calc(100% - 100px); height: -moz-calc(100% - 100px); height: calc(100% - 100px); display: none; }
#infoerdbeben::-webkit-scrollbar {display: none;}
#infoerdbeben a { color: white; text-decoration: none;}



#strich1 {width: 5px; margin:6px auto 3px; height: 5px; border-radius:50%;}	
#strich2 {width: 5px; margin:0 auto 3px; height: 5px; border-radius:50%;}	
#strich3 {width: 5px; margin:0 auto 3px; height: 5px; border-radius:50%;}	
#strich1 {background-color: #f29400;}	
#strich2 {background-color: #f29400;}	
#strich3 {background-color: #f29400;}


@media only screen and (max-width: 850px) {

#werbungmini2 { display: none;}
}







@media only screen and (max-width: 500px) {
	
#information { width: 90%; max-width: 500px; left: 5%; margin-left: -10px;  } 
#informationUTC { width: 90%; max-width: 500px; left: 5%; margin-left: -10px;  } 	
	
	
 #listaterre {display: block;}   
#erdbebenliste {display: none;}
#erdbebenliste {width: 200px; }	

 
ul#beben li {font-size: 9px;  }
ul#beben li #date {font-size: 9px;}
    
 ul#beben li #mag {font-size: 16px;  color:white; padding: 4px; width: 25px; height: 25px; border-radius: 50%; margin-right: 5px; font-weight: bold; float:left; line-height: 25px; letter-spacing: -1px; text-align: center; } 
 
	ul#beben li #name {
  font-size: 11px;
  line-height: 14px;
}  
 #bebenliste { width:100%; margin-left: 0px; }
   
	#werbungmini2 { display: none;}    
    
}

@media only screen and (max-height: 400px) {

li { font-size: 11px;
    border-radius: 20px;
    margin: 2px 3px 0;
    padding: 2px 4px;
  }
ul#menu li img {
  width: 8px;
  vertical-align: middle
}
	
}